| <link rel="import" href="../bower_components/google-youtube/google-youtube.html"> | |
| <link rel="import" href="../bower_components/paper-header-panel/paper-header-panel.html"> | |
| <link rel="import" href="../bower_components/paper-input/paper-input.html"> | |
| <dom-module id="themed-youtube"> | |
| <template> | |
| <style> | |
| :host { | |
| font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; | |
| display: inline-block; |
| <dom-module id="child-page"> | |
| <template> | |
| <form id="formIWantToSubmit" is="iron-form"> | |
| <input> | |
| <input> | |
| etc... | |
| <paper-button on-tap="_submitForm"></paper-button> | |
| </form> | |
| </template> | |
| <script> |
| myMixin = superClass => { | |
| return class extends superClass { | |
| constructor() { | |
| super() | |
| // do whatever in this mixin | |
| } | |
| } | |
| } | |
| class MyClass extends myMixin(Polymer.Element) { |
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <script src="../webcomponentsjs/webcomponents-lite.js"></script> | |
| <link rel="import" href="../polymer/polymer.html"> | |
| <!-- Import any relevant elements here: --> | |
| <link rel="import" href="../iron-location/iron-location.html"> | |
| </head> | |
| <body> | |
| <!-- Test case HTML goes here --> |
| import { CorelliaElement, TemplateResult } from '../../../corellia.js'; | |
| export declare class CorelliaLitInput extends CorelliaElement { | |
| render(props: any): TemplateResult; | |
| static readonly observedAttributes: string[]; | |
| static readonly observedProperties: string[]; | |
| protected _placeholderShown: boolean; | |
| protected _input: HTMLInputElement; | |
| protected _inputSlot: HTMLSlotElement; | |
| protected _focused: boolean; | |
| protected _invalid: boolean; |
You are probably here because you've probably seen this message on neon-animation.
⚠️ This element is now deprecated⚠️
and to you this may seem like
🔥 This element is now deprecated 🔥
Well, rest easy, because nothing is changing. By deprecated we mean that we will keep the element as-is. If it works for you, it should keep working for you. There won't be any major changes coming to it.
| import {css} from 'lit-element'; | |
| // Forked from MDC's output until MWC figures out a lit solution | |
| // https://unpkg.com/browse/@material/typography@6.0.0/dist/mdc.typography.css | |
| /** | |
| * MDC styles for headline1 | |
| */ | |
| export const headline1 = css` | |
| .m-headline1 { |
| import '@material/mwc-icon-button'; | |
| import '@material/mwc-icon'; | |
| import '../story_renderer/story-renderer'; | |
| import {customElement, html, LitElement, property, PropertyValues, query} from 'lit-element'; | |
| import {headline5} from '../../catalog/styles/m_typography'; | |
| import {styles} from './story-knob-panel.css'; |
| { | |
| "compilerOptions": { | |
| "target": "es2017", | |
| "module": "es2015", | |
| "moduleResolution": "node", | |
| "lib": ["es2017", "dom", "dom.iterable"], | |
| "declaration": true, | |
| "sourceMap": true, | |
| "inlineSources": true, | |
| "experimentalDecorators": true, |
| { | |
| "scripts": { | |
| "build": "tsc", | |
| "build:watch": "npm run build -- --watch", | |
| "serve": "web-dev-server --node-resolve --watch --open", | |
| "dev": "npm run build:watch & npm run serve" | |
| }, | |
| "devDependencies": { | |
| "@web/dev-server": "^0.1.17", | |
| "typescript": "^4.2.4" |
