@vandeurenglenn/lite-elements 0.3.18

package/exports/themes/default/typography.module.css

@@ -0,0 +1,150 @@
+.display-large{
+  font-family: var(--md-sys-typescale-display-large-font-family-name);
+  font-style: var(--md-sys-typescale-display-large-font-family-style);
+  font-weight: var(--md-sys-typescale-display-large-font-weight);
+  font-size: var(--md-sys-typescale-display-large-font-size);
+  letter-spacing: var(--md-sys-typescale-display-large-tracking);
+  line-height: var(--md-sys-typescale-display-large-height);
+  text-transform: var(--md-sys-typescale-display-large-text-transform);
+  text-decoration: var(--md-sys-typescale-display-large-text-decoration);
+}
+.display-medium{
+  font-family: var(--md-sys-typescale-display-medium-font-family-name);
+  font-style: var(--md-sys-typescale-display-medium-font-family-style);
+  font-weight: var(--md-sys-typescale-display-medium-font-weight);
+  font-size: var(--md-sys-typescale-display-medium-font-size);
+  letter-spacing: var(--md-sys-typescale-display-medium-tracking);
+  line-height: var(--md-sys-typescale-display-medium-height);
+  text-transform: var(--md-sys-typescale-display-medium-text-transform);
+  text-decoration: var(--md-sys-typescale-display-medium-text-decoration);
+}
+.display-small{
+  font-family: var(--md-sys-typescale-display-small-font-family-name);
+  font-style: var(--md-sys-typescale-display-small-font-family-style);
+  font-weight: var(--md-sys-typescale-display-small-font-weight);
+  font-size: var(--md-sys-typescale-display-small-font-size);
+  letter-spacing: var(--md-sys-typescale-display-small-tracking);
+  line-height: var(--md-sys-typescale-display-small-height);
+  text-transform: var(--md-sys-typescale-display-small-text-transform);
+  text-decoration: var(--md-sys-typescale-display-small-text-decoration);
+}
+.headline-large{
+  font-family: var(--md-sys-typescale-headline-large-font-family-name);
+  font-style: var(--md-sys-typescale-headline-large-font-family-style);
+  font-weight: var(--md-sys-typescale-headline-large-font-weight);
+  font-size: var(--md-sys-typescale-headline-large-font-size);
+  letter-spacing: var(--md-sys-typescale-headline-large-tracking);
+  line-height: var(--md-sys-typescale-headline-large-height);
+  text-transform: var(--md-sys-typescale-headline-large-text-transform);
+  text-decoration: var(--md-sys-typescale-headline-large-text-decoration);
+}
+.headline-medium{
+  font-family: var(--md-sys-typescale-headline-medium-font-family-name);
+  font-style: var(--md-sys-typescale-headline-medium-font-family-style);
+  font-weight: var(--md-sys-typescale-headline-medium-font-weight);
+  font-size: var(--md-sys-typescale-headline-medium-font-size);
+  letter-spacing: var(--md-sys-typescale-headline-medium-tracking);
+  line-height: var(--md-sys-typescale-headline-medium-height);
+  text-transform: var(--md-sys-typescale-headline-medium-text-transform);
+  text-decoration: var(--md-sys-typescale-headline-medium-text-decoration);
+}
+.headline-small{
+  font-family: var(--md-sys-typescale-headline-small-font-family-name);
+  font-style: var(--md-sys-typescale-headline-small-font-family-style);
+  font-weight: var(--md-sys-typescale-headline-small-font-weight);
+  font-size: var(--md-sys-typescale-headline-small-font-size);
+  letter-spacing: var(--md-sys-typescale-headline-small-tracking);
+  line-height: var(--md-sys-typescale-headline-small-height);
+  text-transform: var(--md-sys-typescale-headline-small-text-transform);
+  text-decoration: var(--md-sys-typescale-headline-small-text-decoration);
+}
+.body-large{
+  font-family: var(--md-sys-typescale-body-large-font-family-name);
+  font-style: var(--md-sys-typescale-body-large-font-family-style);
+  font-weight: var(--md-sys-typescale-body-large-font-weight);
+  font-size: var(--md-sys-typescale-body-large-font-size);
+  letter-spacing: var(--md-sys-typescale-body-large-tracking);
+  line-height: var(--md-sys-typescale-body-large-height);
+  text-transform: var(--md-sys-typescale-body-large-text-transform);
+  text-decoration: var(--md-sys-typescale-body-large-text-decoration);
+}
+.body-medium{
+  font-family: var(--md-sys-typescale-body-medium-font-family-name);
+  font-style: var(--md-sys-typescale-body-medium-font-family-style);
+  font-weight: var(--md-sys-typescale-body-medium-font-weight);
+  font-size: var(--md-sys-typescale-body-medium-font-size);
+  letter-spacing: var(--md-sys-typescale-body-medium-tracking);
+  line-height: var(--md-sys-typescale-body-medium-height);
+  text-transform: var(--md-sys-typescale-body-medium-text-transform);
+  text-decoration: var(--md-sys-typescale-body-medium-text-decoration);
+}
+.body-small{
+  font-family: var(--md-sys-typescale-body-small-font-family-name);
+  font-style: var(--md-sys-typescale-body-small-font-family-style);
+  font-weight: var(--md-sys-typescale-body-small-font-weight);
+  font-size: var(--md-sys-typescale-body-small-font-size);
+  letter-spacing: var(--md-sys-typescale-body-small-tracking);
+  line-height: var(--md-sys-typescale-body-small-height);
+  text-transform: var(--md-sys-typescale-body-small-text-transform);
+  text-decoration: var(--md-sys-typescale-body-small-text-decoration);
+}
+.label-large{
+  font-family: var(--md-sys-typescale-label-large-font-family-name);
+  font-style: var(--md-sys-typescale-label-large-font-family-style);
+  font-weight: var(--md-sys-typescale-label-large-font-weight);
+  font-size: var(--md-sys-typescale-label-large-font-size);
+  letter-spacing: var(--md-sys-typescale-label-large-tracking);
+  line-height: var(--md-sys-typescale-label-large-height);
+  text-transform: var(--md-sys-typescale-label-large-text-transform);
+  text-decoration: var(--md-sys-typescale-label-large-text-decoration);
+}
+.label-medium{
+  font-family: var(--md-sys-typescale-label-medium-font-family-name);
+  font-style: var(--md-sys-typescale-label-medium-font-family-style);
+  font-weight: var(--md-sys-typescale-label-medium-font-weight);
+  font-size: var(--md-sys-typescale-label-medium-font-size);
+  letter-spacing: var(--md-sys-typescale-label-medium-tracking);
+  line-height: var(--md-sys-typescale-label-medium-height);
+  text-transform: var(--md-sys-typescale-label-medium-text-transform);
+  text-decoration: var(--md-sys-typescale-label-medium-text-decoration);
+}
+.label-small{
+  font-family: var(--md-sys-typescale-label-small-font-family-name);
+  font-style: var(--md-sys-typescale-label-small-font-family-style);
+  font-weight: var(--md-sys-typescale-label-small-font-weight);
+  font-size: var(--md-sys-typescale-label-small-font-size);
+  letter-spacing: var(--md-sys-typescale-label-small-tracking);
+  line-height: var(--md-sys-typescale-label-small-height);
+  text-transform: var(--md-sys-typescale-label-small-text-transform);
+  text-decoration: var(--md-sys-typescale-label-small-text-decoration);
+}
+.title-large{
+  font-family: var(--md-sys-typescale-title-large-font-family-name);
+  font-style: var(--md-sys-typescale-title-large-font-family-style);
+  font-weight: var(--md-sys-typescale-title-large-font-weight);
+  font-size: var(--md-sys-typescale-title-large-font-size);
+  letter-spacing: var(--md-sys-typescale-title-large-tracking);
+  line-height: var(--md-sys-typescale-title-large-height);
+  text-transform: var(--md-sys-typescale-title-large-text-transform);
+  text-decoration: var(--md-sys-typescale-title-large-text-decoration);
+}
+.title-medium{
+  font-family: var(--md-sys-typescale-title-medium-font-family-name);
+  font-style: var(--md-sys-typescale-title-medium-font-family-style);
+  font-weight: var(--md-sys-typescale-title-medium-font-weight);
+  font-size: var(--md-sys-typescale-title-medium-font-size);
+  letter-spacing: var(--md-sys-typescale-title-medium-tracking);
+  line-height: var(--md-sys-typescale-title-medium-height);
+  text-transform: var(--md-sys-typescale-title-medium-text-transform);
+  text-decoration: var(--md-sys-typescale-title-medium-text-decoration);
+}
+.title-small{
+  font-family: var(--md-sys-typescale-title-small-font-family-name);
+  font-style: var(--md-sys-typescale-title-small-font-family-style);
+  font-weight: var(--md-sys-typescale-title-small-font-weight);
+  font-size: var(--md-sys-typescale-title-small-font-size);
+  letter-spacing: var(--md-sys-typescale-title-small-tracking);
+  line-height: var(--md-sys-typescale-title-small-height);
+  text-transform: var(--md-sys-typescale-title-small-text-transform);
+  text-decoration: var(--md-sys-typescale-title-small-text-decoration);
+}

package/exports/time-picker/dial.d.ts

@@ -0,0 +1 @@
+export {};

package/exports/time-picker/hour-field.d.ts

@@ -0,0 +1 @@
+export {};

package/exports/time-picker.js

@@ -0,0 +1,52 @@
+import { _ as __esDecorate, a as __runInitializers } from './tslib.es6-d3ba6528.js';
+import { customElement, css, html, LiteElement } from '@vandeurenglenn/lite';
+import './input.js';
+
+let CustomTimePicker = (() => {
+    let _classDecorators = [customElement('custom-time-picker')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = LiteElement;
+    (class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static styles = [
+            css `
+      :host {
+        display: block;
+      }
+    `
+        ];
+        render() {
+            return html `
+      <time-picker-input></time-picker-input>
+      <div class="am-pm">
+        <span class="flex"></span>
+        <div class="am">am</div>
+        <span class="flex-2"></span>
+        <div class="pm">pm</div>
+        <span class="flex"></span>
+      </div>
+      <time-picker-hour-plate></time-picker-hour-plate>
+      <time-picker-minutes-plate></time-picker-minutes-plate>
+      <div class="actions">
+        <button class="cancel">cancel</button>
+        <span class="flex"></span>
+        <button class="ok">ok</button>
+      </div>
+    `;
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    });
+    return _classThis;
+})();
+
+export { CustomTimePicker };

package/exports/title.js

@@ -0,0 +1 @@
+

package/exports/toggle/toggle-button.d.ts

@@ -0,0 +1,13 @@
+import { LiteElement } from '@vandeurenglenn/lite';
+import '../button/button.js';
+import './toggle.js';
+export declare class CustomToggleButton extends LiteElement {
+    accessor active: number;
+    accessor togglers: string[];
+    private get _toggle();
+    private _click;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _onactive;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/exports/toggle-button.js

@@ -0,0 +1,63 @@
+import { _ as __esDecorate, a as __runInitializers } from './tslib.es6-d3ba6528.js';
+import { customElement, property, html, LiteElement } from '@vandeurenglenn/lite';
+import './button.js';
+import './toggle.js';
+import './elevation.js';
+
+let CustomToggleButton = (() => {
+    let _classDecorators = [customElement('custom-toggle-button')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = LiteElement;
+    let _active_decorators;
+    let _active_initializers = [];
+    let _active_extraInitializers = [];
+    let _togglers_decorators;
+    let _togglers_initializers = [];
+    let _togglers_extraInitializers = [];
+    (class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _active_decorators = [property({ type: Number })];
+            _togglers_decorators = [property({ type: Array })];
+            __esDecorate(this, null, _active_decorators, { kind: "accessor", name: "active", static: false, private: false, access: { has: obj => "active" in obj, get: obj => obj.active, set: (obj, value) => { obj.active = value; } }, metadata: _metadata }, _active_initializers, _active_extraInitializers);
+            __esDecorate(this, null, _togglers_decorators, { kind: "accessor", name: "togglers", static: false, private: false, access: { has: obj => "togglers" in obj, get: obj => obj.togglers, set: (obj, value) => { obj.togglers = value; } }, metadata: _metadata }, _togglers_initializers, _togglers_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+        #active_accessor_storage = __runInitializers(this, _active_initializers, 0);
+        get active() { return this.#active_accessor_storage; }
+        set active(value) { this.#active_accessor_storage = value; }
+        #togglers_accessor_storage = (__runInitializers(this, _active_extraInitializers), __runInitializers(this, _togglers_initializers, void 0));
+        get togglers() { return this.#togglers_accessor_storage; }
+        set togglers(value) { this.#togglers_accessor_storage = value; }
+        get _toggle() {
+            return this.shadowRoot.querySelector('custom-toggle');
+        }
+        _click = (__runInitializers(this, _togglers_extraInitializers), () => {
+            this._toggle.next();
+        });
+        connectedCallback() {
+            this.addEventListener('click', this._click);
+        }
+        disconnectedCallback() {
+            this.removeEventListener('click', this._click);
+        }
+        _onactive = (event) => {
+            this.dispatchEvent(new CustomEvent('active', { detail: event.detail }));
+        };
+        render() {
+            return html ` <custom-button>
+      <custom-toggle slot="icon" .active=${this.active} @active=${this._onactive} .togglers=${this.togglers}>
+      </custom-toggle>
+    </custom-button>`;
+        }
+    });
+    return _classThis;
+})();
+
+export { CustomToggleButton };

package/exports/toggle.js

@@ -0,0 +1,78 @@
+import { _ as __esDecorate, a as __runInitializers } from './tslib.es6-d3ba6528.js';
+import { customElement, property, css, html, LiteElement } from '@vandeurenglenn/lite';
+
+let CustomToggle = (() => {
+    let _classDecorators = [customElement('custom-toggle')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = LiteElement;
+    let _active_decorators;
+    let _active_initializers = [];
+    let _active_extraInitializers = [];
+    let _togglers_decorators;
+    let _togglers_initializers = [];
+    let _togglers_extraInitializers = [];
+    let _icon_decorators;
+    let _icon_initializers = [];
+    let _icon_extraInitializers = [];
+    (class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _active_decorators = [property({ type: Number })];
+            _togglers_decorators = [property({ type: Array })];
+            _icon_decorators = [property()];
+            __esDecorate(this, null, _active_decorators, { kind: "accessor", name: "active", static: false, private: false, access: { has: obj => "active" in obj, get: obj => obj.active, set: (obj, value) => { obj.active = value; } }, metadata: _metadata }, _active_initializers, _active_extraInitializers);
+            __esDecorate(this, null, _togglers_decorators, { kind: "accessor", name: "togglers", static: false, private: false, access: { has: obj => "togglers" in obj, get: obj => obj.togglers, set: (obj, value) => { obj.togglers = value; } }, metadata: _metadata }, _togglers_initializers, _togglers_extraInitializers);
+            __esDecorate(this, null, _icon_decorators, { kind: "accessor", name: "icon", static: false, private: false, access: { has: obj => "icon" in obj, get: obj => obj.icon, set: (obj, value) => { obj.icon = value; } }, metadata: _metadata }, _icon_initializers, _icon_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        #active_accessor_storage = __runInitializers(this, _active_initializers, 0);
+        get active() { return this.#active_accessor_storage; }
+        set active(value) { this.#active_accessor_storage = value; }
+        #togglers_accessor_storage = (__runInitializers(this, _active_extraInitializers), __runInitializers(this, _togglers_initializers, void 0));
+        get togglers() { return this.#togglers_accessor_storage; }
+        set togglers(value) { this.#togglers_accessor_storage = value; }
+        #icon_accessor_storage = (__runInitializers(this, _togglers_extraInitializers), __runInitializers(this, _icon_initializers, void 0));
+        get icon() { return this.#icon_accessor_storage; }
+        set icon(value) { this.#icon_accessor_storage = value; }
+        restartOnEnd = (__runInitializers(this, _icon_extraInitializers), true);
+        onChange(propertyKey, value) {
+            if (propertyKey === 'active') {
+                this.dispatchEvent(new CustomEvent('active', { detail: this.active }));
+            }
+            if ((propertyKey === 'active' && this.togglers) || (propertyKey === 'togglers' && this.active !== undefined)) {
+                this.icon = this.togglers[this.active];
+            }
+        }
+        async next() {
+            if (this.active < this.togglers.length - 1)
+                this.active += 1;
+            else if (this.restartOnEnd)
+                this.active = 0;
+        }
+        previous() {
+            if (this.active !== 0)
+                this.active -= 1;
+        }
+        static styles = [
+            css `
+      :host {
+        display: contents;
+      }
+    `
+        ];
+        render() {
+            return html `<custom-icon .icon=${this.icon}></custom-icon>`;
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    });
+    return _classThis;
+})();
+
+export { CustomToggle };

package/exports/top-app-bar.js

@@ -0,0 +1,143 @@
+import { _ as __esDecorate, a as __runInitializers } from './tslib.es6-d3ba6528.js';
+import { customElement, property, css, html, LiteElement } from '@vandeurenglenn/lite';
+import '@vandeurenglenn/flex-elements/it.js';
+import '@vandeurenglenn/flex-elements/row.js';
+
+let CustomTopAppBar = (() => {
+    let _classDecorators = [customElement('custom-top-app-bar')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = LiteElement;
+    let _type_decorators;
+    let _type_initializers = [];
+    let _type_extraInitializers = [];
+    let _scrolling_decorators;
+    let _scrolling_initializers = [];
+    let _scrolling_extraInitializers = [];
+    (class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _type_decorators = [property({ type: String, reflect: true })];
+            _scrolling_decorators = [property({ type: Boolean, reflect: true })];
+            __esDecorate(this, null, _type_decorators, { kind: "accessor", name: "type", static: false, private: false, access: { has: obj => "type" in obj, get: obj => obj.type, set: (obj, value) => { obj.type = value; } }, metadata: _metadata }, _type_initializers, _type_extraInitializers);
+            __esDecorate(this, null, _scrolling_decorators, { kind: "accessor", name: "scrolling", static: false, private: false, access: { has: obj => "scrolling" in obj, get: obj => obj.scrolling, set: (obj, value) => { obj.scrolling = value; } }, metadata: _metadata }, _scrolling_initializers, _scrolling_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        #type_accessor_storage = __runInitializers(this, _type_initializers, 'center-aligned');
+        get type() { return this.#type_accessor_storage; }
+        set type(value) { this.#type_accessor_storage = value; }
+        #scrolling_accessor_storage = (__runInitializers(this, _type_extraInitializers), __runInitializers(this, _scrolling_initializers, void 0));
+        get scrolling() { return this.#scrolling_accessor_storage; }
+        set scrolling(value) { this.#scrolling_accessor_storage = value; }
+        static styles = [
+            css `
+      :host {
+        display: flex;
+        flex-direction: column;
+        width: calc(100% - 2px);
+        background-color: var(--md-sys-color-surface);
+        color: var(--md-sys-color-on-surface);
+        box-sizing: border-box;
+      }
+
+      .container {
+        padding: 20px 12px 24px 12px;
+        box-sizing: border-box;
+        position: relative;
+        height: 64px;
+      }
+
+      :host([type='center-aligned']) .container,
+      :host([type='small']) .container {
+        justify-content: center;
+      }
+
+      :host(:not([type='center-aligned'])) ::slotted([name='title']) {
+        padding-left: 16px;
+      }
+
+      :host(:not([type='large'])) ::slotted([name='title']) {
+        padding-bottom: 28px;
+      }
+
+      :host([type='medium']) .container {
+        height: 112px;
+      }
+      :host([type='large']) .container {
+        height: 152px;
+      }
+
+      :host([type='center-aligned']) slot[name='title']::slotted(*) {
+        position: absolute;
+        left: 50%;
+        top: 50%;
+        transform: translate(-50%, -50%);
+      }
+
+      :host(:not([type='center-aligned'])) slot[name='title']::slotted(*) {
+        padding-left: 6px;
+      }
+
+      :host([scrolling]) {
+        --md-elevation-level: 2;
+        padding: 0 16px;
+      }
+
+      flex-row {
+        width: 100%;
+        align-items: center;
+      }
+
+      custom-elevation {
+        border-radius: var(--md-sys-shape-corner-large);
+      }
+    `
+        ];
+        connectedCallback() {
+            document.addEventListener('custom-scroll', ({ detail }) => {
+                this.scrolling = detail.scrolling;
+            });
+        }
+        render() {
+            return html `
+      <flex-column class="container">
+        <custom-elevation></custom-elevation>
+        <flex-row>
+          <slot name="start"></slot>
+          ${this.type === 'center-aligned' || this.type === 'small'
+                ? html `
+                <custom-typography>
+                  <slot name="title"></slot>
+                </custom-typography>
+              `
+                : ''}
+          <flex-it></flex-it>
+          <slot name="end"></slot>
+        </flex-row>
+        ${this.type === 'medium' || this.type === 'large'
+                ? html `
+              <flex-it></flex-it>
+              <custom-typography type="headline" size="small">
+                <slot name="title"></slot>
+              </custom-typography>
+            `
+                : ''}
+      </flex-column>
+    `;
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _scrolling_extraInitializers);
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    });
+    return _classThis;
+})();
+
+export { CustomTopAppBar };

package/exports/tslib.es6-d3ba6528.js

@@ -0,0 +1,57 @@
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol */
+
+
+function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+}
+function __runInitializers(thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+}
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+    var e = new Error(message);
+    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+export { __esDecorate as _, __runInitializers as a };

package/exports/types.d.ts

@@ -0,0 +1,18 @@
+export declare type propertyTypes = String | Array<any> | Object | Boolean | Number | Uint8Array;
+export declare type propertyConfig = {
+    observer?: Function;
+    type: propertyTypes;
+    attribute?: boolean;
+    reflect?: boolean;
+    renders?: boolean;
+    attributeName?: string;
+    value?: any;
+};
+export declare type attributeConfig = {
+    name: string;
+    type: propertyTypes;
+};
+export declare type propertiesConfig = {
+    [index: string]: propertyConfig;
+};
+export declare type ButtonType = 'elevated' | 'filled' | 'text' | 'tonal' | 'outlined';

package/exports/types.js

@@ -0,0 +1 @@
+

package/exports/typography/title.d.ts

@@ -0,0 +1 @@
+export {};