@vandeurenglenn/lite-elements 0.3.18

package/exports/elements.js

@@ -0,0 +1,41 @@
+export { CustomCard } from './card.js';
+export { CustomTheme } from './theme.js';
+export { CustomDivider } from './divider.js';
+export { CustomButton } from './button.js';
+export { CustomBanner } from './banner.js';
+export { CustomSelector } from './selector.js';
+export { CustomPages } from './pages.js';
+export { CustomDrawer } from './drawer.js';
+export { CustomDrawerButton } from './drawer-button.js';
+export { CustomDrawerItem } from './drawer-item.js';
+export { CustomSection } from './section2.js';
+export { CustomDrawerLayout } from './drawer-layout.js';
+export { CustomTopAppBar } from './top-app-bar.js';
+export { Icon as CustomIcon } from './icon.js';
+export { CustomTypography } from './typography.js';
+export { CustomPane } from './pane.js';
+export { CustomSupportingPane } from './supporting-pane.js';
+export { CustomTabs } from './tabs.js';
+export { CustomRoot } from './root.js';
+export { CustomDialog } from './dialog.js';
+export { CustomIconSet } from './icon-set.js';
+export { CustomListItem } from './list-item.js';
+export { CustomMenu } from './menu.js';
+export { CustomIconButton } from './icon-button.js';
+export { CustomDropdownMenu } from './dropdown-menu.js';
+export { CustomDropdown } from './dropdown.js';
+export { CustomToggle } from './toggle.js';
+export { CustomToggleButton } from './toggle-button.js';
+export { CustomTimePicker } from './time-picker.js';
+import './tslib.es6-d3ba6528.js';
+import '@vandeurenglenn/lite';
+import './elevation.js';
+import '@vandeurenglenn/flex-elements/it.js';
+import './selector-mixin.js';
+import './select-mixin.js';
+import './scroll-mixin.js';
+import '@vandeurenglenn/flex-elements/column.js';
+import '@vandeurenglenn/flex-elements/row.js';
+import '@vandeurenglenn/little-pubsub';
+import './tab.js';
+import './input.js';

package/exports/elevation/elevation.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { LiteElement } from '@vandeurenglenn/lite';
+export declare class CustomElevation extends LiteElement {
+    accessor level: number;
+    onChange(propertyKey: any, value: any): void;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/exports/elevation.js

@@ -0,0 +1,97 @@
+import { _ as __esDecorate, a as __runInitializers } from './tslib.es6-d3ba6528.js';
+import { customElement, property, html, LiteElement } from '@vandeurenglenn/lite';
+
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+let CustomElevation = (() => {
+    let _classDecorators = [customElement('custom-elevation')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = LiteElement;
+    let _level_decorators;
+    let _level_initializers = [];
+    let _level_extraInitializers = [];
+    (class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _level_decorators = [property({ type: Number, renders: false })];
+            __esDecorate(this, null, _level_decorators, { kind: "accessor", name: "level", static: false, private: false, access: { has: obj => "level" in obj, get: obj => obj.level, set: (obj, value) => { obj.level = value; } }, metadata: _metadata }, _level_initializers, _level_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);
+        }
+        #level_accessor_storage = __runInitializers(this, _level_initializers, void 0);
+        get level() { return this.#level_accessor_storage; }
+        set level(value) { this.#level_accessor_storage = value; }
+        onChange(propertyKey, value) {
+            if (propertyKey === 'level')
+                this.style.setProperty('--md-elevation-level', String(value));
+        }
+        render() {
+            return html `
+      <style>
+        :host {
+          --_level: var(--md-elevation-level, 0);
+          --_shadow-color: var(--md-sys-color-shadow);
+          display: flex;
+          pointer-events: none;
+        }
+
+        :host,
+        .shadow,
+        .shadow::before,
+        .shadow::after {
+          border-radius: inherit;
+          inset: 0;
+          position: absolute;
+          transition-duration: inherit;
+          transition-timing-function: inherit;
+        }
+
+        .shadow::before,
+        .shadow::after {
+          content: '';
+          transition-property: box-shadow, opacity;
+        }
+
+        .shadow::before {
+          box-shadow: 0px
+            calc(
+              1px * (clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 3, 1) + 2 * clamp(0, var(--_level) - 4, 1))
+            )
+            calc(
+              1px * (2 * clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 2, 1) + clamp(0, var(--_level) - 4, 1))
+            )
+            0px var(--_shadow-color);
+          opacity: 0.3;
+        }
+
+        .shadow::after {
+          box-shadow: 0px
+            calc(
+              1px * (clamp(0, var(--_level), 1) + clamp(0, var(--_level) - 1, 1) + 2 * clamp(0, var(--_level) - 2, 3))
+            )
+            calc(1px * (3 * clamp(0, var(--_level), 2) + 2 * clamp(0, var(--_level) - 2, 3)))
+            calc(1px * (clamp(0, var(--_level), 4) + 2 * clamp(0, var(--_level) - 4, 1))) var(--_shadow-color);
+          opacity: 0.15;
+        }
+      </style>
+
+      <span class="shadow"></span>
+    `;
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _level_extraInitializers);
+        }
+    });
+    return _classThis;
+})();
+
+export { CustomElevation };

package/exports/hour-field.js

@@ -0,0 +1 @@
+

package/exports/icon-button.js

@@ -0,0 +1,59 @@
+import { _ as __esDecorate, a as __runInitializers } from './tslib.es6-d3ba6528.js';
+import { customElement, property, css, html, LiteElement } from '@vandeurenglenn/lite';
+import './button.js';
+import './icon.js';
+import './elevation.js';
+import '@vandeurenglenn/little-pubsub';
+
+let CustomIconButton = (() => {
+    let _classDecorators = [customElement('custom-icon-button')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = LiteElement;
+    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;
+            _icon_decorators = [property({ type: String })];
+            __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 });
+        }
+        #icon_accessor_storage = __runInitializers(this, _icon_initializers, void 0);
+        get icon() { return this.#icon_accessor_storage; }
+        set icon(value) { this.#icon_accessor_storage = value; }
+        static styles = [
+            css `
+      :host {
+        display: block;
+      }
+
+      custom-icon {
+        --custom-icon-color: var(--md-sys-color-on-surface);
+      }
+    `
+        ];
+        render() {
+            return html `
+      <custom-button>
+        <custom-icon slot="icon" .icon=${this.icon}></custom-icon>
+      </custom-button>
+    `;
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _icon_extraInitializers);
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    });
+    return _classThis;
+})();
+
+export { CustomIconButton };

package/exports/icon-set.js

@@ -0,0 +1,52 @@
+import { _ as __esDecorate, a as __runInitializers } from './tslib.es6-d3ba6528.js';
+import { customElement, css, LiteElement } from '@vandeurenglenn/lite';
+import PubSub from '@vandeurenglenn/little-pubsub';
+
+globalThis.pubsub = globalThis.pubsub || new PubSub(true);
+let CustomIconSet = (() => {
+    let _classDecorators = [customElement('custom-icon-set')];
+    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: none;
+      }
+    `
+        ];
+        #getIcon(name) {
+            return this.querySelector('template').content.querySelector(`span[name="${name}"]`).children[0];
+        }
+        getIcon(name) {
+            const node = this.#getIcon(name);
+            if (!node) {
+                console.warn(`missing icon ${name}`);
+                return name;
+            }
+            return node.cloneNode(true);
+        }
+        get setName() {
+            return this.getAttribute('set-name') || 'icons';
+        }
+        connectedCallback() {
+            globalThis.pubsub.subscribe(`custom-icon-set-${this.setName}-connected`, () => { });
+            globalThis.pubsub.publish(`custom-icon-set-${this.setName}-connected`, this);
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    });
+    return _classThis;
+})();
+
+export { CustomIconSet };

package/exports/icon.js

@@ -0,0 +1,103 @@
+import { _ as __esDecorate, a as __runInitializers } from './tslib.es6-d3ba6528.js';
+import PubSub from '@vandeurenglenn/little-pubsub';
+import { customElement, property, css, html, LiteElement } from '@vandeurenglenn/lite';
+
+globalThis.pubsub = globalThis.pubsub || new PubSub(true);
+let Icon = (() => {
+    let _classDecorators = [customElement('custom-icon')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = LiteElement;
+    let _host_decorators;
+    let _host_initializers = [];
+    let _host_extraInitializers = [];
+    let _icon_decorators;
+    let _icon_initializers = [];
+    let _icon_extraInitializers = [];
+    let _setName_decorators;
+    let _setName_initializers = [];
+    let _setName_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;
+            _host_decorators = [property()];
+            _icon_decorators = [property({ attribute: 'icon' })];
+            _setName_decorators = [property()];
+            __icon_decorators = [property()];
+            __esDecorate(this, null, _host_decorators, { kind: "accessor", name: "host", static: false, private: false, access: { has: obj => "host" in obj, get: obj => obj.host, set: (obj, value) => { obj.host = value; } }, metadata: _metadata }, _host_initializers, _host_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(this, null, _setName_decorators, { kind: "accessor", name: "setName", static: false, private: false, access: { has: obj => "setName" in obj, get: obj => obj.setName, set: (obj, value) => { obj.setName = value; } }, metadata: _metadata }, _setName_initializers, _setName_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 });
+        }
+        #host_accessor_storage = __runInitializers(this, _host_initializers, void 0);
+        get host() { return this.#host_accessor_storage; }
+        set host(value) { this.#host_accessor_storage = value; }
+        #icon_accessor_storage = (__runInitializers(this, _host_extraInitializers), __runInitializers(this, _icon_initializers, this.innerHTML));
+        get icon() { return this.#icon_accessor_storage; }
+        set icon(value) { this.#icon_accessor_storage = value; }
+        #setName_accessor_storage = (__runInitializers(this, _icon_extraInitializers), __runInitializers(this, _setName_initializers, void 0));
+        get setName() { return this.#setName_accessor_storage; }
+        set setName(value) { this.#setName_accessor_storage = value; }
+        #_icon_accessor_storage = (__runInitializers(this, _setName_extraInitializers), __runInitializers(this, __icon_initializers, void 0));
+        get _icon() { return this.#_icon_accessor_storage; }
+        set _icon(value) { this.#_icon_accessor_storage = value; }
+        onChange(propertyKey, value) {
+            if (propertyKey === 'setName') {
+                this.host = globalThis.pubsub.subscribers[`custom-icon-set-${value}-connected`]?.value;
+                if (!this.host) {
+                    globalThis.pubsub.subscribe(`custom-icon-set-${value}-connected`, (host) => {
+                        if (host) {
+                            this.host = host;
+                        }
+                    });
+                }
+            }
+            if (propertyKey === 'icon' || propertyKey === 'host') {
+                if (this.host && this.icon)
+                    this._icon = this.host.getIcon(this.icon);
+            }
+        }
+        static styles = [
+            css `
+      :host {
+        --__custom-icon-size: var(--custom-icon-size, 24px);
+        --custom-icon-color: var(--md-sys-color-on-surface);
+        display: flex;
+        height: var(--custom-icon-size, 24px);
+        width: var(--custom-icon-size, 24px);
+      }
+
+      svg {
+        fill: var(--custom-icon-color);
+        height: inherit;
+        width: inherit;
+        pointer-events: none;
+      }
+    `
+        ];
+        connectedCallback() {
+            this.setName = this.getAttribute('set-name') || 'icons';
+        }
+        render() {
+            return html ` ${this._icon} `;
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, __icon_extraInitializers);
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    });
+    return _classThis;
+})();
+
+export { Icon as CustomIcon, Icon };

package/exports/input.js

@@ -0,0 +1,36 @@
+import { _ as __esDecorate, a as __runInitializers } from './tslib.es6-d3ba6528.js';
+import { customElement, css, html, LiteElement } from '@vandeurenglenn/lite';
+
+let TimePickerInput = (() => {
+    let _classDecorators = [customElement('custom-time-picker-input')];
+    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: flex;
+        flex-direction: column;
+      }
+    `
+        ];
+        render() {
+            return html ` <input type="time" /> `;
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    });
+    return _classThis;
+})();
+
+export { TimePickerInput };

package/exports/list/list.d.ts

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

package/exports/list-item.js

@@ -0,0 +1,127 @@
+import { _ as __esDecorate, a as __runInitializers } from './tslib.es6-d3ba6528.js';
+import { customElement, property, assignedElements, query, css, html, LiteElement } from '@vandeurenglenn/lite';
+
+let CustomListItem = (() => {
+    let _classDecorators = [customElement('custom-list-item')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = LiteElement;
+    let _type_decorators;
+    let _type_initializers = [];
+    let _type_extraInitializers = [];
+    let _open_decorators;
+    let _open_initializers = [];
+    let _open_extraInitializers = [];
+    let _hasStart_decorators;
+    let _hasStart_initializers = [];
+    let _hasStart_extraInitializers = [];
+    let _nonInteractive_decorators;
+    let _nonInteractive_initializers = [];
+    let _nonInteractive_extraInitializers = [];
+    let _assignedStartElements_decorators;
+    let _assignedStartElements_initializers = [];
+    let _assignedStartElements_extraInitializers = [];
+    let _startSlot_decorators;
+    let _startSlot_initializers = [];
+    let _startSlot_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 })];
+            _open_decorators = [property({ type: Boolean, reflect: true })];
+            _hasStart_decorators = [property({ type: Boolean, reflect: true, attribute: 'has-start' })];
+            _nonInteractive_decorators = [property({ type: Boolean, reflect: true, attribute: 'non-interactive' })];
+            _assignedStartElements_decorators = [assignedElements('start')];
+            _startSlot_decorators = [query('slot[name="start"]')];
+            __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, _open_decorators, { kind: "accessor", name: "open", static: false, private: false, access: { has: obj => "open" in obj, get: obj => obj.open, set: (obj, value) => { obj.open = value; } }, metadata: _metadata }, _open_initializers, _open_extraInitializers);
+            __esDecorate(this, null, _hasStart_decorators, { kind: "accessor", name: "hasStart", static: false, private: false, access: { has: obj => "hasStart" in obj, get: obj => obj.hasStart, set: (obj, value) => { obj.hasStart = value; } }, metadata: _metadata }, _hasStart_initializers, _hasStart_extraInitializers);
+            __esDecorate(this, null, _nonInteractive_decorators, { kind: "accessor", name: "nonInteractive", static: false, private: false, access: { has: obj => "nonInteractive" in obj, get: obj => obj.nonInteractive, set: (obj, value) => { obj.nonInteractive = value; } }, metadata: _metadata }, _nonInteractive_initializers, _nonInteractive_extraInitializers);
+            __esDecorate(this, null, _assignedStartElements_decorators, { kind: "accessor", name: "assignedStartElements", static: false, private: false, access: { has: obj => "assignedStartElements" in obj, get: obj => obj.assignedStartElements, set: (obj, value) => { obj.assignedStartElements = value; } }, metadata: _metadata }, _assignedStartElements_initializers, _assignedStartElements_extraInitializers);
+            __esDecorate(this, null, _startSlot_decorators, { kind: "accessor", name: "startSlot", static: false, private: false, access: { has: obj => "startSlot" in obj, get: obj => obj.startSlot, set: (obj, value) => { obj.startSlot = value; } }, metadata: _metadata }, _startSlot_initializers, _startSlot_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, 'one-line');
+        get type() { return this.#type_accessor_storage; }
+        set type(value) { this.#type_accessor_storage = value; }
+        #open_accessor_storage = (__runInitializers(this, _type_extraInitializers), __runInitializers(this, _open_initializers, void 0));
+        get open() { return this.#open_accessor_storage; }
+        set open(value) { this.#open_accessor_storage = value; }
+        #hasStart_accessor_storage = (__runInitializers(this, _open_extraInitializers), __runInitializers(this, _hasStart_initializers, void 0));
+        get hasStart() { return this.#hasStart_accessor_storage; }
+        set hasStart(value) { this.#hasStart_accessor_storage = value; }
+        #nonInteractive_accessor_storage = (__runInitializers(this, _hasStart_extraInitializers), __runInitializers(this, _nonInteractive_initializers, void 0));
+        get nonInteractive() { return this.#nonInteractive_accessor_storage; }
+        set nonInteractive(value) { this.#nonInteractive_accessor_storage = value; }
+        #assignedStartElements_accessor_storage = (__runInitializers(this, _nonInteractive_extraInitializers), __runInitializers(this, _assignedStartElements_initializers, void 0));
+        get assignedStartElements() { return this.#assignedStartElements_accessor_storage; }
+        set assignedStartElements(value) { this.#assignedStartElements_accessor_storage = value; }
+        #startSlot_accessor_storage = (__runInitializers(this, _assignedStartElements_extraInitializers), __runInitializers(this, _startSlot_initializers, void 0));
+        get startSlot() { return this.#startSlot_accessor_storage; }
+        set startSlot(value) { this.#startSlot_accessor_storage = value; }
+        #startSlotChange = (__runInitializers(this, _startSlot_extraInitializers), () => {
+            this.hasStart = true;
+        });
+        connectedCallback() {
+            this.startSlot.addEventListener('slotchange', this.#startSlotChange);
+        }
+        static styles = [
+            css `
+      * {
+        pointer-events: none;
+        user-select: none;
+      }
+      :host {
+        display: flex;
+        /* top, right, bottom, left */
+        padding: 8px 24px 8px 16px;
+        box-sizing: border-box;
+        width: 100%;
+        cursor: pointer;
+        min-width: 112px;
+        max-width: 280px;
+        height: 48px;
+        pointer-events: auto;
+      }
+      :host([type='menu']) {
+        padding: 0 12px;
+        height: 48px;
+      }
+
+      :host([type='menu']),
+      :host([type='one-line']) {
+        align-items: center;
+      }
+
+      :host([has-start]) .body {
+        padding-left: 12px;
+      }
+
+      :host([non-interactive]) {
+        pointer-events: none;
+        cursor: default;
+      }
+    `
+        ];
+        render() {
+            return html `
+      <slot name="start"></slot>
+      <span class="body">
+        <slot></slot>
+      </span>
+      <flex-it></flex-it>
+      <slot name="end"></slot>
+    `;
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    });
+    return _classThis;
+})();
+
+export { CustomListItem };

package/exports/list.js

@@ -0,0 +1 @@
+

package/exports/menu.js

@@ -0,0 +1,68 @@
+import { _ as __esDecorate, a as __runInitializers } from './tslib.es6-d3ba6528.js';
+import { customElement, css, html, LiteElement } from '@vandeurenglenn/lite';
+import './dropdown.js';
+import './selector.js';
+import './selector-mixin.js';
+import './select-mixin.js';
+
+let CustomMenu = (() => {
+    let _classDecorators = [customElement('custom-menu')];
+    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 });
+        }
+        get selector() {
+            return this.shadowRoot.querySelector('custom-selector');
+        }
+        set selected(value) {
+            this.selector.selected = value;
+        }
+        get selected() {
+            return this.selector.selected;
+        }
+        select(selected) {
+            this.selector.select(selected);
+        }
+        #onselected = ({ detail }) => {
+            this.dispatchEvent(new CustomEvent('selected', { detail }));
+        };
+        connectedCallback() {
+            this.selector.addEventListener('selected', this.#onselected);
+        }
+        disconnectedCallback() {
+            this.selector.removeEventListener('selected', this.#onselected);
+        }
+        static styles = [
+            css `
+      :host {
+        display: flex;
+        flex-direction: column;
+        width: 100%;
+        min-width: 120px;
+        max-width: 280px;
+      }
+    `
+        ];
+        render() {
+            return html `
+      <custom-selector>
+        <slot></slot>
+      </custom-selector>
+    `;
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    });
+    return _classThis;
+})();
+
+export { CustomMenu };

package/exports/menu2.js

@@ -0,0 +1 @@
+

package/exports/minute-field.js

@@ -0,0 +1,36 @@
+import { _ as __esDecorate, a as __runInitializers } from './tslib.es6-d3ba6528.js';
+import { customElement, css, html, LiteElement } from '@vandeurenglenn/lite';
+
+// import
+let TimePickerMinuteField = (() => {
+    let _classDecorators = [customElement('custom-time-picker-minute-field')];
+    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 ``;
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    });
+    return _classThis;
+})();
+
+export { TimePickerMinuteField };

package/exports/mixins/scroll-mixin.d.ts

@@ -0,0 +1,13 @@
+export declare const ScrollMixin: (Base: any) => {
+    new (): {
+        [x: string]: any;
+        scrolling: any;
+        scrollElement: any;
+        "__#2@#onscroll": () => void;
+        connectedCallback(options?: {
+            scrollElement: undefined | string;
+        }): Promise<void>;
+        disconnectedCallback(): void;
+    };
+    [x: string]: any;
+};