@vandeurenglenn/lite-elements 0.4.0 → 0.4.1

package/exports/bundle/demo-shell.js

@@ -1,4 +1,4 @@
-import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{t as o,i as s,b as i}from"./dark-mode2-CBfmAvIL.js";import{t as m}from"./query-DK39_nIZ.js";import{e as a}from"./custom-element-Wj8bC3gl.js";import"./demo-icons.js";import"./section.js";import"./card.js";import"./theme.js";import"./divider.js";import"./button.js";import"./banner.js";import"./selector.js";import"./pages.js";import"./drawer.js";import"./drawer-button.js";import"./drawer-item.js";import"./section2.js";import"./drawer-layout.js";import"./top-app-bar.js";import"./icon.js";import"./typography.js";import"./pane.js";import"./supporting-pane.js";import"./tabs.js";import"./root.js";import"./dialog.js";import"./icon-set.js";import"./list-item.js";import"./menu.js";import"./icon-button.js";import"./dropdown-menu.js";import"./dropdown.js";import"./toggle.js";import"./toggle-button.js";import"./time-picker.js";import"./notification.js";import"./notifications.js";import"./code.js";import"./elevation.js";import"./button.css.js";import"./it-Dft_Rjy-.js";import"./selector-mixin.js";import"./select-mixin.js";import"./dark-mode2-DBD32xmy.js";import"./scroll-mixin.js";import"./column-DdHjND9w.js";import"./row-B1G5fFY7.js";import"./tab.js";import"./input.js";import"./property-EGWO0JMT.js";let c=(()=>{let c,u,n,r,l=[a("demo-shell")],p=[],d=o,g=[],b=[],y=[],w=[];return class extends d{static{u=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(d[Symbol.metadata]??null):void 0;n=[m("custom-selector")],r=[m("custom-pages")],t(this,null,n,{kind:"accessor",name:"selector",static:!1,private:!1,access:{has:t=>"selector"in t,get:t=>t.selector,set:(t,e)=>{t.selector=e}},metadata:e},g,b),t(this,null,r,{kind:"accessor",name:"pages",static:!1,private:!1,access:{has:t=>"pages"in t,get:t=>t.pages,set:(t,e)=>{t.pages=e}},metadata:e},y,w),t(null,c={value:u},l,{kind:"class",name:u.name,metadata:e},null,p),u=c.value,e&&Object.defineProperty(u,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}#t=e(this,g,void 0);get selector(){return this.#t}set selector(t){this.#t=t}#e=(e(this,b),e(this,y,void 0));get pages(){return this.#e}set pages(t){this.#e=t}firstRender(){this.selector.addEventListener("selected",async({detail:t})=>{document.dispatchEvent(new CustomEvent("custom-scroll",{detail:{scrolling:!1}})),this.pages.select(t),localStorage.setItem("last-selected",t)});const t=localStorage.getItem("last-selected");t&&(customElements.get("custom-serlector")?this.selector.select(t):(this.selector.select(t),this.pages.select(t)))}static styles=[s`
+import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{t as o,i as s,b as i}from"./dark-mode2-CBfmAvIL.js";import{t as m}from"./query-DK39_nIZ.js";import{e as a}from"./custom-element-Wj8bC3gl.js";import"./demo-icons.js";import"./section.js";import"./card.js";import"./theme.js";import"./divider.js";import"./button.js";import"./banner.js";import"./selector.js";import"./pages.js";import"./drawer.js";import"./drawer-button.js";import"./drawer-item.js";import"./section2.js";import"./drawer-layout.js";import"./top-app-bar.js";import"./icon.js";import"./typography.js";import"./pane.js";import"./supporting-pane.js";import"./tabs.js";import"./root.js";import"./dialog.js";import"./icon-set.js";import"./list-item.js";import"./menu.js";import"./icon-button.js";import"./dropdown-menu.js";import"./dropdown.js";import"./toggle.js";import"./toggle-button.js";import"./time-picker.js";import"./notification.js";import"./notifications.js";import"./code.js";import"./scroll-mixin.js";import"./elevation.js";import"./button.css.js";import"./it-Dft_Rjy-.js";import"./selector-mixin.js";import"./select-mixin.js";import"./dark-mode2-DBD32xmy.js";import"./column-DdHjND9w.js";import"./row-B1G5fFY7.js";import"./tab.js";import"./input2.js";import"./property-EGWO0JMT.js";let c=(()=>{let c,u,n,r,l=[a("demo-shell")],p=[],d=o,g=[],b=[],y=[],w=[];return class extends d{static{u=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(d[Symbol.metadata]??null):void 0;n=[m("custom-selector")],r=[m("custom-pages")],t(this,null,n,{kind:"accessor",name:"selector",static:!1,private:!1,access:{has:t=>"selector"in t,get:t=>t.selector,set:(t,e)=>{t.selector=e}},metadata:e},g,b),t(this,null,r,{kind:"accessor",name:"pages",static:!1,private:!1,access:{has:t=>"pages"in t,get:t=>t.pages,set:(t,e)=>{t.pages=e}},metadata:e},y,w),t(null,c={value:u},l,{kind:"class",name:u.name,metadata:e},null,p),u=c.value,e&&Object.defineProperty(u,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}#t=e(this,g,void 0);get selector(){return this.#t}set selector(t){this.#t=t}#e=(e(this,b),e(this,y,void 0));get pages(){return this.#e}set pages(t){this.#e=t}firstRender(){this.selector.addEventListener("selected",async({detail:t})=>{document.dispatchEvent(new CustomEvent("custom-scroll",{detail:{scrolling:!1}})),this.pages.select(t),localStorage.setItem("last-selected",t)});const t=localStorage.getItem("last-selected");t&&(customElements.get("custom-serlector")?this.selector.select(t):(this.selector.select(t),this.pages.select(t)))}static styles=[s`
       custom-drawer-layout {
         height: 100%;
         width: 100%;

package/exports/bundle/elements.js

@@ -1 +1 @@
-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{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";export{CustomNotification}from"./notification.js";export{CustomNotifications}from"./notifications.js";import"./tslib.es6-B87RQr7F.js";import"./dark-mode2-CBfmAvIL.js";import"./custom-element-Wj8bC3gl.js";import"./elevation.js";import"./button.css.js";import"./it-Dft_Rjy-.js";import"./selector-mixin.js";import"./select-mixin.js";import"./dark-mode2-DBD32xmy.js";import"./scroll-mixin.js";import"./column-DdHjND9w.js";import"./row-B1G5fFY7.js";import"./query-DK39_nIZ.js";import"./tab.js";import"./input.js";import"./property-EGWO0JMT.js";
+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{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";export{CustomNotification}from"./notification.js";export{CustomNotifications}from"./notifications.js";import"./tslib.es6-B87RQr7F.js";import"./dark-mode2-CBfmAvIL.js";import"./custom-element-Wj8bC3gl.js";import"./elevation.js";import"./button.css.js";import"./it-Dft_Rjy-.js";import"./selector-mixin.js";import"./select-mixin.js";import"./dark-mode2-DBD32xmy.js";import"./scroll-mixin.js";import"./column-DdHjND9w.js";import"./row-B1G5fFY7.js";import"./query-DK39_nIZ.js";import"./tab.js";import"./input2.js";import"./property-EGWO0JMT.js";

package/exports/bundle/input.js

@@ -1,6 +1 @@
-import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{t as a,i as l,b as m}from"./dark-mode2-CBfmAvIL.js";import{e as s}from"./custom-element-Wj8bC3gl.js";let i=(()=>{let i,o,r=[s("custom-time-picker-input")],n=[],c=a;return class extends c{static{o=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(c[Symbol.metadata]??null):void 0;t(null,i={value:o},r,{kind:"class",name:o.name,metadata:e},null,n),o=i.value,e&&Object.defineProperty(o,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}static styles=[l`
-      :host {
-        display: flex;
-        flex-direction: column;
-      }
-    `];render(){return m` <input type="time" /> `}static{e(o,n)}},o})();export{i as TimePickerInput};
+import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{t as a,b as l}from"./dark-mode2-CBfmAvIL.js";import{e as r}from"./custom-element-Wj8bC3gl.js";let s=(()=>{let s,o,m=[r("custom-pane")],n=[],c=a;return class extends c{static{o=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(c[Symbol.metadata]??null):void 0;e(null,s={value:o},m,{kind:"class",name:o.name,metadata:t},null,n),o=s.value,t&&Object.defineProperty(o,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static styles=[];render(){return l`<input type="text" placeholder="Search for places..." />`}static{t(o,n)}},o})();export{s as CustomPlacesInput};

package/exports/bundle/input2.js

@@ -1 +1,6 @@
-import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{t as a,b as l}from"./dark-mode2-CBfmAvIL.js";import{e as r}from"./custom-element-Wj8bC3gl.js";let s=(()=>{let s,o,m=[r("custom-pane")],n=[],c=a;return class extends c{static{o=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(c[Symbol.metadata]??null):void 0;e(null,s={value:o},m,{kind:"class",name:o.name,metadata:t},null,n),o=s.value,t&&Object.defineProperty(o,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static styles=[];render(){return l`<input type="text" placeholder="Search for places..." />`}static{t(o,n)}},o})();export{s as CustomPlacesInput};
+import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{t as a,i as l,b as m}from"./dark-mode2-CBfmAvIL.js";import{e as s}from"./custom-element-Wj8bC3gl.js";let i=(()=>{let i,o,r=[s("custom-time-picker-input")],n=[],c=a;return class extends c{static{o=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(c[Symbol.metadata]??null):void 0;t(null,i={value:o},r,{kind:"class",name:o.name,metadata:e},null,n),o=i.value,e&&Object.defineProperty(o,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}static styles=[l`
+      :host {
+        display: flex;
+        flex-direction: column;
+      }
+    `];render(){return m` <input type="time" /> `}static{e(o,n)}},o})();export{i as TimePickerInput};

package/exports/bundle/pane.js

@@ -15,7 +15,8 @@ import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{i as s,t as o,r as a,b
     width: 100%;
     box-shadow: var(--custom-pane-box-shadow, 0px 0px 10px 0px rgba(0, 0, 0, 0.5));
     max-width: var(--custom-pane-width, 100%);
-    transition: var(--md-sys-motion-easing-emphasized-accelerate) 200ms opacity,
+    transition:
+      var(--md-sys-motion-easing-emphasized-accelerate) 200ms opacity,
       var(--md-sys-motion-easing-emphasized-accelerate) 200ms transform;
   }
 
@@ -56,11 +57,12 @@ import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{i as s,t as o,r as a,b
   :host([open]) {
     opacity: 1;
     pointer-events: auto;
-    transition: var(--md-sys-motion-easing-emphasized-decelerate) 500ms opacity,
+    transition:
+      var(--md-sys-motion-easing-emphasized-decelerate) 500ms opacity,
       var(--md-sys-motion-easing-emphasized-decelerate) 500ms transform;
   }
 
-  :host([open]) :host([left]),
+  :host([open][left]),
   :host([open][right]) {
     transform: translateX(0);
   }

package/exports/bundle/time-picker.js

@@ -1,4 +1,4 @@
-import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{t as a,i as s,b as i}from"./dark-mode2-CBfmAvIL.js";import{e as l}from"./custom-element-Wj8bC3gl.js";import"./input.js";let c=(()=>{let c,m,n=[l("custom-time-picker")],p=[],o=a;return class extends o{static{m=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(o[Symbol.metadata]??null):void 0;t(null,c={value:m},n,{kind:"class",name:m.name,metadata:e},null,p),m=c.value,e&&Object.defineProperty(m,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}static styles=[s`
+import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{t as a,i as s,b as i}from"./dark-mode2-CBfmAvIL.js";import{e as l}from"./custom-element-Wj8bC3gl.js";import"./input2.js";let c=(()=>{let c,m,n=[l("custom-time-picker")],p=[],o=a;return class extends o{static{m=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(o[Symbol.metadata]??null):void 0;t(null,c={value:m},n,{kind:"class",name:m.name,metadata:e},null,p),m=c.value,e&&Object.defineProperty(m,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}static styles=[s`
       :host {
         display: block;
       }

package/exports/demo-shell.js

@@ -33,21 +33,21 @@ import './toggle-button.js';
 import './time-picker.js';
 import './notification.js';
 import './notifications.js';
+import '@vandeurenglenn/little-pubsub';
 import './code.js';
+import './scroll-mixin.js';
 import './elevation.js';
 import './button.css.js';
 import '@vandeurenglenn/flex-elements/it.js';
 import './selector-mixin.js';
 import './select-mixin.js';
 import '@vandeurenglenn/custom-shared-styles/drawer.css';
-import './scroll-mixin.js';
+import '@vandeurenglenn/custom-shared-styles/pane.css';
 import '@vandeurenglenn/flex-elements/column.js';
 import '@vandeurenglenn/flex-elements/row.js';
 import '@vandeurenglenn/custom-shared-styles/top-app-bar.css';
-import '@vandeurenglenn/little-pubsub';
-import '@vandeurenglenn/custom-shared-styles/pane.css';
 import './tab.js';
-import './input.js';
+import './input2.js';
 import 'lit';
 import 'lit/decorators.js';
 

package/exports/elements.js

@@ -44,6 +44,6 @@ import '@vandeurenglenn/custom-shared-styles/top-app-bar.css';
 import '@vandeurenglenn/little-pubsub';
 import '@vandeurenglenn/custom-shared-styles/pane.css';
 import './tab.js';
-import './input.js';
+import './input2.js';
 import 'lit';
 import 'lit/decorators.js';

package/exports/input.js

@@ -1,8 +1,8 @@
 import { _ as __esDecorate, a as __runInitializers } from './tslib.es6-Cg9lAhfj.js';
-import { customElement, LiteElement, css, html } from '@vandeurenglenn/lite';
+import { customElement, LiteElement, html } from '@vandeurenglenn/lite';
 
-let TimePickerInput = (() => {
-    let _classDecorators = [customElement('custom-time-picker-input')];
+let CustomPlacesInput = (() => {
+    let _classDecorators = [customElement('custom-pane')];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -15,16 +15,9 @@ let TimePickerInput = (() => {
             _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;
-      }
-    `
-        ];
+        static styles = [];
         render() {
-            return html ` <input type="time" /> `;
+            return html `<input type="text" placeholder="Search for places..." />`;
         }
         static {
             __runInitializers(_classThis, _classExtraInitializers);
@@ -33,4 +26,4 @@ let TimePickerInput = (() => {
     return _classThis;
 })();
 
-export { TimePickerInput };
+export { CustomPlacesInput };

package/exports/input2.js

@@ -1,8 +1,8 @@
 import { _ as __esDecorate, a as __runInitializers } from './tslib.es6-Cg9lAhfj.js';
-import { customElement, LiteElement, html } from '@vandeurenglenn/lite';
+import { customElement, LiteElement, css, html } from '@vandeurenglenn/lite';
 
-let CustomPlacesInput = (() => {
-    let _classDecorators = [customElement('custom-pane')];
+let TimePickerInput = (() => {
+    let _classDecorators = [customElement('custom-time-picker-input')];
     let _classDescriptor;
     let _classExtraInitializers = [];
     let _classThis;
@@ -15,9 +15,16 @@ let CustomPlacesInput = (() => {
             _classThis = _classDescriptor.value;
             if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
-        static styles = [];
+        static styles = [
+            css `
+      :host {
+        display: flex;
+        flex-direction: column;
+      }
+    `
+        ];
         render() {
-            return html `<input type="text" placeholder="Search for places..." />`;
+            return html ` <input type="time" /> `;
         }
         static {
             __runInitializers(_classThis, _classExtraInitializers);
@@ -26,4 +33,4 @@ let CustomPlacesInput = (() => {
     return _classThis;
 })();
 
-export { CustomPlacesInput };
+export { TimePickerInput };

package/exports/time-picker.js

@@ -1,6 +1,6 @@
 import { _ as __esDecorate, a as __runInitializers } from './tslib.es6-Cg9lAhfj.js';
 import { customElement, LiteElement, css, html } from '@vandeurenglenn/lite';
-import './input.js';
+import './input2.js';
 
 let CustomTimePicker = (() => {
     let _classDecorators = [customElement('custom-time-picker')];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vandeurenglenn/lite-elements",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "set of lite elements following Material Design 3 spec",
   "type": "module",
   "scripts": {
@@ -21,10 +21,9 @@
     "@material-design-icons/svg": "^0.14.15",
     "@material-symbols/svg-400": "^0.44.0",
     "@material/web": "^2.4.1",
-    "@vandeurenglenn/custom-shared-styles": "^0.0.22",
+    "@vandeurenglenn/custom-shared-styles": "^0.0.23",
     "@vandeurenglenn/flex-elements": "^1.4.0",
-    "@vandeurenglenn/lite": "^1.1.0",
-    "custom-element-decorator": "^0.6.0"
+    "@vandeurenglenn/lite": "^1.1.0"
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^29.0.2",
@@ -34,11 +33,7 @@
     "@rollup/plugin-typescript": "^12.3.0",
     "@types/html": "^1.0.4",
     "@types/node": "^25.5.2",
-    "@web/rollup-plugin-html": "^3.1.0",
-    "chrome-launcher": "^1.2.1",
     "globby": "^16.2.0",
-    "lighthouse": "^13.0.3",
-    "material-symbols": "^0.44.0",
     "rimraf": "^6.1.3",
     "rollup": "^4.60.1",
     "rollup-plugin-auto-exports": "^1.1.1",