@vandeurenglenn/lite-elements 0.3.26 → 0.3.27

package/exports/bundle/demo-shell.js

@@ -1,4 +1,4 @@
-import{_ as t,a as e}from"./tslib.es6-B0cSixZg.js";import{j as o,v as s,D as i}from"./property-Do5-bKhz.js";import{t as m}from"./query-D-PG8Oyh.js";import{e as a}from"./custom-element-DIOmDbQp.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"./it-Dft_Rjy-.js";import"./selector-mixin.js";import"./select-mixin.js";import"./scroll-mixin.js";import"./column-D2XB0lDz.js";import"./row-DNgwBcX5.js";import"./index-B3uz3f8C.js";import"./tab.js";import"./input.js";import"@vandeurenglenn/lite-elements/icon.js";import"@vandeurenglenn/lite-elements/pane.js";let c=(()=>{let c,n,u,r,l=[a("demo-shell")],p=[],d=i,g=[],b=[],y=[],w=[];return class extends d{static{n=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(d[Symbol.metadata]??null):void 0;u=[m("custom-selector")],r=[m("custom-pages")],t(this,null,u,{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:n},l,{kind:"class",name:n.name,metadata:e},null,p),n=c.value,e&&Object.defineProperty(n,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}connectedCallback(){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=[o`
+import{_ as t,a as e}from"./tslib.es6-B0cSixZg.js";import{j as o,v as s,D as i}from"./property-Do5-bKhz.js";import{t as m}from"./query-D-PG8Oyh.js";import{e as a}from"./custom-element-DIOmDbQp.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"./it-Dft_Rjy-.js";import"./selector-mixin.js";import"./select-mixin.js";import"./scroll-mixin.js";import"./column-D2XB0lDz.js";import"./row-DNgwBcX5.js";import"./index-B3uz3f8C.js";import"./tab.js";import"./input.js";import"@vandeurenglenn/icon/icon.js";let c=(()=>{let c,u,n,r,l=[a("demo-shell")],p=[],d=i,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}connectedCallback(){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=[o`
       custom-drawer-layout {
         height: 100%;
         width: 100%;
@@ -537,4 +537,4 @@ import{_ as t,a as e}from"./tslib.es6-B0cSixZg.js";import{j as o,v as s,D as i}f
       </custom-drawer-layout>
       <!-- </custom-root> -->
       <!-- </flex-row> -->
-    `}constructor(){super(...arguments),e(this,w)}static{e(n,p)}},n})();export{c as DemoShell};
+    `}constructor(){super(...arguments),e(this,w)}static{e(u,p)}},u})();export{c as DemoShell};

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{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";export{CustomNotification}from"./notification.js";export{CustomNotifications}from"./notifications.js";import"./tslib.es6-B0cSixZg.js";import"./property-Do5-bKhz.js";import"./custom-element-DIOmDbQp.js";import"./elevation.js";import"./it-Dft_Rjy-.js";import"./selector-mixin.js";import"./select-mixin.js";import"./scroll-mixin.js";import"./column-D2XB0lDz.js";import"./row-DNgwBcX5.js";import"./index-B3uz3f8C.js";import"./query-D-PG8Oyh.js";import"./tab.js";import"./input.js";import"@vandeurenglenn/lite-elements/icon.js";import"@vandeurenglenn/lite-elements/pane.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{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";export{CustomNotification}from"./notification.js";export{CustomNotifications}from"./notifications.js";import"./tslib.es6-B0cSixZg.js";import"./property-Do5-bKhz.js";import"./custom-element-DIOmDbQp.js";import"./elevation.js";import"./it-Dft_Rjy-.js";import"./selector-mixin.js";import"./select-mixin.js";import"./scroll-mixin.js";import"./column-D2XB0lDz.js";import"./row-DNgwBcX5.js";import"./index-B3uz3f8C.js";import"./query-D-PG8Oyh.js";import"./tab.js";import"./input.js";import"@vandeurenglenn/icon/icon.js";

package/exports/bundle/notification.js

@@ -1,4 +1,4 @@
-import{_ as t,a as e}from"./tslib.es6-B0cSixZg.js";import"@vandeurenglenn/lite-elements/icon.js";import"./column-D2XB0lDz.js";import"./row-DNgwBcX5.js";
+import{_ as t,a as e}from"./tslib.es6-B0cSixZg.js";import"@vandeurenglenn/icon/icon.js";import"./column-D2XB0lDz.js";import"./row-DNgwBcX5.js";
 /**
  * @license
  * Copyright 2019 Google LLC

package/exports/bundle/notifications.js

@@ -1,4 +1,4 @@
-import{_ as t,a as e}from"./tslib.es6-B0cSixZg.js";import{t as o,j as i,v as s,D as n}from"./property-Do5-bKhz.js";import{e as l}from"./custom-element-DIOmDbQp.js";import"./notification.js";import"@vandeurenglenn/lite-elements/icon.js";import"@vandeurenglenn/lite-elements/pane.js";import"./row-DNgwBcX5.js";import"./column-D2XB0lDz.js";let a=(()=>{let a,r,c,p=[l("custom-notifications")],m=[],u=n,h=[],d=[];return class extends u{static{r=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(u[Symbol.metadata]??null):void 0;c=[o({type:Boolean,reflect:!0})],t(this,null,c,{kind:"accessor",name:"open",static:!1,private:!1,access:{has:t=>"open"in t,get:t=>t.open,set:(t,e)=>{t.open=e}},metadata:e},h,d),t(null,a={value:r},p,{kind:"class",name:r.name,metadata:e},null,m),r=a.value,e&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}#t=e(this,h,void 0);get open(){return this.#t}set open(t){this.#t=t}get _list(){return this.shadowRoot.querySelector(".list")}createNotification({title:t,message:e,image:o},i=3e3){const s=document.createElement("custom-notification");s.title=t,s.message=e,s.image=o,i&&setTimeout((()=>{this.removeChild(s);const i=document.createElement("custom-notification");i.image=o,i.title=t,i.message=e,this._list.appendChild(i)}),i),this.appendChild(s)}_onclick(){const t=Array.from(this._list.querySelectorAll("custom-notification"));for(const e of t)this._list.removeChild(e);this.open=!1}static styles=[i`
+import{_ as t,a as e}from"./tslib.es6-B0cSixZg.js";import{t as o,j as i,v as s,D as n}from"./property-Do5-bKhz.js";import{e as a}from"./custom-element-DIOmDbQp.js";import"./notification.js";import"./icon.js";import"./pane.js";import"./row-DNgwBcX5.js";import"@vandeurenglenn/icon/icon.js";import"./column-D2XB0lDz.js";import"./index-B3uz3f8C.js";import"./elevation.js";import"./button.js";let r=(()=>{let r,l,c,p=[a("custom-notifications")],m=[],u=n,h=[],d=[];return class extends u{static{l=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(u[Symbol.metadata]??null):void 0;c=[o({type:Boolean,reflect:!0})],t(this,null,c,{kind:"accessor",name:"open",static:!1,private:!1,access:{has:t=>"open"in t,get:t=>t.open,set:(t,e)=>{t.open=e}},metadata:e},h,d),t(null,r={value:l},p,{kind:"class",name:l.name,metadata:e},null,m),l=r.value,e&&Object.defineProperty(l,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}#t=e(this,h,void 0);get open(){return this.#t}set open(t){this.#t=t}get _list(){return this.shadowRoot.querySelector(".list")}createNotification({title:t,message:e,image:o},i=3e3){const s=document.createElement("custom-notification");s.title=t,s.message=e,s.image=o,i&&setTimeout((()=>{this.removeChild(s);const i=document.createElement("custom-notification");i.image=o,i.title=t,i.message=e,this._list.appendChild(i)}),i),this.appendChild(s)}_onclick(){const t=Array.from(this._list.querySelectorAll("custom-notification"));for(const e of t)this._list.removeChild(e);this.open=!1}static styles=[i`
       :host {
         display: flex;
         flex-direction: column;
@@ -63,4 +63,4 @@ import{_ as t,a as e}from"./tslib.es6-B0cSixZg.js";import{t as o,j as i,v as s,D
           <custom-icon style="margin-right: 24px;" icon="clear-all" @click="${this._onclick}"></custom-icon>
         </flex-row>
       </custom-pane>
-    `}constructor(){super(...arguments),e(this,d)}static{e(r,m)}},r})();export{a as CustomNotifications};
+    `}constructor(){super(...arguments),e(this,d)}static{e(l,m)}},l})();export{r as CustomNotifications};

package/exports/button/button.d.ts

@@ -0,0 +1,13 @@
+import { LiteElement } from '@vandeurenglenn/lite';
+import '../elevation/elevation.js';
+export declare class CustomButton extends LiteElement {
+    #private;
+    accessor hasIcon: boolean;
+    accessor hasLabel: boolean;
+    accessor type: 'elevated' | 'filled' | 'text' | 'tonal' | 'outlined';
+    accessor label: any;
+    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
+    connectedCallback(): void;
+    onChange(propertyKey: any, value: any): void;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/exports/demo-shell.js

@@ -46,8 +46,7 @@ import './tab.js';
 import './input.js';
 import 'lit';
 import 'lit/decorators.js';
-import '@vandeurenglenn/lite-elements/icon.js';
-import '@vandeurenglenn/lite-elements/pane.js';
+import '@vandeurenglenn/icon/icon.js';
 
 let DemoShell = (() => {
     let _classDecorators = [customElement('demo-shell')];

package/exports/elements.js

@@ -43,5 +43,4 @@ import './tab.js';
 import './input.js';
 import 'lit';
 import 'lit/decorators.js';
-import '@vandeurenglenn/lite-elements/icon.js';
-import '@vandeurenglenn/lite-elements/pane.js';
+import '@vandeurenglenn/icon/icon.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/icon/icon.d.ts

@@ -0,0 +1,12 @@
+import { LiteElement } from '@vandeurenglenn/lite';
+declare class Icon extends LiteElement {
+    accessor host: any;
+    accessor icon: string;
+    accessor setName: any;
+    accessor _icon: any;
+    onChange(propertyKey: any, value: any): void;
+    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
+    connectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export { Icon, Icon as CustomIcon };

package/exports/notification/notification.d.ts

@@ -1,5 +1,5 @@
 import { LitElement } from 'lit';
-import '@vandeurenglenn/lite-elements/icon.js';
+import '@vandeurenglenn/icon/icon.js';
 import '@vandeurenglenn/flex-elements/column.js';
 import '@vandeurenglenn/flex-elements/row.js';
 export declare class CustomNotification extends LitElement {

package/exports/notification/notifications.d.ts

@@ -1,7 +1,7 @@
 import { LiteElement } from '@vandeurenglenn/lite';
 import './notification.js';
-import '@vandeurenglenn/lite-elements/icon.js';
-import '@vandeurenglenn/lite-elements/pane.js';
+import './../icon/icon.js';
+import './../pane/pane.js';
 import '@vandeurenglenn/flex-elements/row.js';
 export declare class CustomNotifications extends LiteElement {
     accessor open: boolean;

package/exports/notification.js

@@ -1,7 +1,7 @@
 import { _ as __esDecorate, a as __runInitializers } from './tslib.es6-CFl_-KPR.js';
 import { css, html, LitElement } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
-import '@vandeurenglenn/lite-elements/icon.js';
+import '@vandeurenglenn/icon/icon.js';
 import '@vandeurenglenn/flex-elements/column.js';
 import '@vandeurenglenn/flex-elements/row.js';
 

package/exports/notifications.js

@@ -1,12 +1,16 @@
 import { _ as __esDecorate, a as __runInitializers } from './tslib.es6-CFl_-KPR.js';
 import { customElement, property, css, html, LiteElement } from '@vandeurenglenn/lite';
 import './notification.js';
-import '@vandeurenglenn/lite-elements/icon.js';
-import '@vandeurenglenn/lite-elements/pane.js';
+import './icon.js';
+import './pane.js';
 import '@vandeurenglenn/flex-elements/row.js';
 import 'lit';
 import 'lit/decorators.js';
+import '@vandeurenglenn/icon/icon.js';
 import '@vandeurenglenn/flex-elements/column.js';
+import '@vandeurenglenn/little-pubsub';
+import './elevation.js';
+import './button.js';
 
 let CustomNotifications = (() => {
     let _classDecorators = [customElement('custom-notifications')];

package/exports/pane/pane.d.ts

@@ -0,0 +1,14 @@
+import { LiteElement } from '@vandeurenglenn/lite';
+import '../elevation/elevation.js';
+import '../button/button.js';
+import '../icon/icon.js';
+export declare class CustomPane extends LiteElement {
+    accessor open: boolean;
+    accessor mobile: boolean;
+    accessor type: 'modal' | undefined;
+    accessor left: boolean;
+    accessor right: boolean;
+    accessor id: string;
+    closePane(event: any): void;
+    render(): import("lit-html").TemplateResult<1>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@vandeurenglenn/lite-elements",
-	"version": "0.3.26",
+	"version": "0.3.27",
 	"description": "set of lite elements following Material Design 3 spec",
 	"type": "module",
 	"scripts": {
@@ -57,6 +57,14 @@
 			"import": "./exports/banner.js",
 			"types": "./exports/banner/banner.d.ts"
 		},
+		"./button": {
+			"import": "./exports/button.js",
+			"types": "./exports/button/button.d.ts"
+		},
+		"./button.js": {
+			"import": "./exports/button.js",
+			"types": "./exports/button/button.d.ts"
+		},
 		"./card": {
 			"import": "./exports/card.js",
 			"types": "./exports/card/card.d.ts"
@@ -185,6 +193,14 @@
 			"import": "./exports/elements.js",
 			"types": "./exports/elements.d.ts"
 		},
+		"./elevation": {
+			"import": "./exports/elevation.js",
+			"types": "./exports/elevation/elevation.d.ts"
+		},
+		"./elevation.js": {
+			"import": "./exports/elevation.js",
+			"types": "./exports/elevation/elevation.d.ts"
+		},
 		"./hour-field": {
 			"import": "./exports/hour-field.js",
 			"types": "./exports/time-picker/hour-field.d.ts"
@@ -209,6 +225,14 @@
 			"import": "./exports/icon-set.js",
 			"types": "./exports/icon/icon-set.d.ts"
 		},
+		"./icon": {
+			"import": "./exports/icon.js",
+			"types": "./exports/icon/icon.d.ts"
+		},
+		"./icon.js": {
+			"import": "./exports/icon.js",
+			"types": "./exports/icon/icon.d.ts"
+		},
 		"./input": {
 			"import": "./exports/input.js",
 			"types": "./exports/time-picker/input.d.ts"
@@ -273,6 +297,14 @@
 			"import": "./exports/pages.js",
 			"types": "./exports/pages/pages.d.ts"
 		},
+		"./pane": {
+			"import": "./exports/pane.js",
+			"types": "./exports/pane/pane.d.ts"
+		},
+		"./pane.js": {
+			"import": "./exports/pane.js",
+			"types": "./exports/pane/pane.d.ts"
+		},
 		"./rail": {
 			"import": "./exports/rail.js",
 			"types": "./exports/rail/rail.d.ts"