@vandeurenglenn/lite-elements 0.3.25 → 0.3.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (57) hide show
  1. package/exports/bundle/banner.js +2 -2
  2. package/exports/bundle/button.js +2 -2
  3. package/exports/bundle/card.js +2 -2
  4. package/exports/bundle/code.js +3 -3
  5. package/exports/bundle/custom-element-DIOmDbQp.js +1 -0
  6. package/exports/bundle/demo-elements.js +1 -1
  7. package/exports/bundle/demo-icons.js +3 -3
  8. package/exports/bundle/demo-shell.js +2 -2
  9. package/exports/bundle/demo.js +2 -2
  10. package/exports/bundle/dialog.js +6 -6
  11. package/exports/bundle/divider.js +2 -2
  12. package/exports/bundle/drawer-button.js +2 -2
  13. package/exports/bundle/drawer-item.js +3 -3
  14. package/exports/bundle/drawer-layout.js +1 -1
  15. package/exports/bundle/drawer.js +1 -1
  16. package/exports/bundle/dropdown-menu.js +2 -2
  17. package/exports/bundle/dropdown.js +2 -2
  18. package/exports/bundle/elements.js +1 -1
  19. package/exports/bundle/elevation.js +2 -2
  20. package/exports/bundle/icon-button.js +3 -3
  21. package/exports/bundle/icon-set.js +1 -1
  22. package/exports/bundle/icon.js +2 -2
  23. package/exports/bundle/input.js +2 -2
  24. package/exports/bundle/list-item.js +2 -2
  25. package/exports/bundle/menu.js +2 -2
  26. package/exports/bundle/minute-field.js +2 -2
  27. package/exports/bundle/notification.js +76 -1
  28. package/exports/bundle/notifications.js +5 -298
  29. package/exports/bundle/pane.js +1 -1
  30. package/exports/bundle/rail.js +1 -1
  31. package/exports/bundle/root.js +1 -1
  32. package/exports/bundle/section.js +3 -3
  33. package/exports/bundle/section2.js +2 -2
  34. package/exports/bundle/selector.js +2 -2
  35. package/exports/bundle/summary-mirror.js +2 -2
  36. package/exports/bundle/summary.js +3 -3
  37. package/exports/bundle/supporting-pane.js +1 -1
  38. package/exports/bundle/tab.js +2 -2
  39. package/exports/bundle/tabs.js +2 -2
  40. package/exports/bundle/text-field.js +2 -2
  41. package/exports/bundle/theme.js +1 -1
  42. package/exports/bundle/time-picker.js +2 -2
  43. package/exports/bundle/toggle-button.js +1 -1
  44. package/exports/bundle/toggle.js +2 -2
  45. package/exports/bundle/top-app-bar.js +4 -4
  46. package/exports/bundle/{custom-element-BMhVvZjf.js → tslib.es6-B0cSixZg.js} +1 -1
  47. package/exports/bundle/typography.js +2 -2
  48. package/exports/bundle/upload-file.js +2 -2
  49. package/exports/bundle/upload.js +1 -1
  50. package/exports/demo-shell.js +1 -2
  51. package/exports/elements.js +1 -2
  52. package/exports/notification/notification.d.ts +1 -1
  53. package/exports/notification/notifications.d.ts +4 -3
  54. package/exports/notification.js +1 -1
  55. package/exports/notifications.js +13 -9
  56. package/package.json +1 -1
  57. package/exports/bundle/notification-Dwr0-l4e.js +0 -91
@@ -1,4 +1,4 @@
1
- import{_ as r,a as o,e as t}from"./custom-element-BMhVvZjf.js";import{v as e}from"./property-Do5-bKhz.js";import{SelectorBase as a}from"./selector-mixin.js";import"./tab.js";import"./select-mixin.js";let s=(()=>{let s,l,c=[t("custom-tabs")],d=[],m=a;return class extends m{static{l=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(m[Symbol.metadata]??null):void 0;r(null,s={value:l},c,{kind:"class",name:l.name,metadata:t},null,d),l=s.value,t&&Object.defineProperty(l,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t}),o(l,d)}render(){return e`
1
+ import{_ as r,a as o}from"./tslib.es6-B0cSixZg.js";import{v as t}from"./property-Do5-bKhz.js";import{e}from"./custom-element-DIOmDbQp.js";import{SelectorBase as s}from"./selector-mixin.js";import"./tab.js";import"./select-mixin.js";let a=(()=>{let a,l,c=[e("custom-tabs")],d=[],m=s;return class extends m{static{l=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(m[Symbol.metadata]??null):void 0;r(null,a={value:l},c,{kind:"class",name:l.name,metadata:t},null,d),l=a.value,t&&Object.defineProperty(l,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t}),o(l,d)}render(){return t`
2
2
  <style>
3
3
  :host {
4
4
  --custom-tabs-background: var(---md-sys-color-surface);
@@ -48,4 +48,4 @@ import{_ as r,a as o,e as t}from"./custom-element-BMhVvZjf.js";import{v as e}fro
48
48
  }
49
49
  </style>
50
50
  <slot></slot>
51
- `}},l})();export{s as CustomTabs};
51
+ `}},l})();export{a as CustomTabs};
@@ -1,4 +1,4 @@
1
- import{_ as a,a as t,e as n}from"./custom-element-BMhVvZjf.js";import{t as e,j as s,v as i,D as o}from"./property-Do5-bKhz.js";import{t as l}from"./query-D-PG8Oyh.js";let c=(()=>{let c,r,g,h,d,I,m=[n("text-field")],S=[],_=o,u=[],p=[],b=[],v=[],L=[],y=[],T=[],f=[];return class extends _{static{r=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(_[Symbol.metadata]??null):void 0;g=[l('slot[name="leading-icon"]')],h=[l('slot[name="trailing-icon"]')],d=[e({type:Boolean,reflect:!0,attribute:"has-leading-icon"})],I=[e({type:Boolean,reflect:!0,attribute:"has-trailing-icon"})],a(this,null,g,{kind:"accessor",name:"leadingIconSlot",static:!1,private:!1,access:{has:a=>"leadingIconSlot"in a,get:a=>a.leadingIconSlot,set:(a,t)=>{a.leadingIconSlot=t}},metadata:t},u,p),a(this,null,h,{kind:"accessor",name:"trailingIconSlot",static:!1,private:!1,access:{has:a=>"trailingIconSlot"in a,get:a=>a.trailingIconSlot,set:(a,t)=>{a.trailingIconSlot=t}},metadata:t},b,v),a(this,null,d,{kind:"accessor",name:"hasLeadingIcon",static:!1,private:!1,access:{has:a=>"hasLeadingIcon"in a,get:a=>a.hasLeadingIcon,set:(a,t)=>{a.hasLeadingIcon=t}},metadata:t},L,y),a(this,null,I,{kind:"accessor",name:"hasTrailingIcon",static:!1,private:!1,access:{has:a=>"hasTrailingIcon"in a,get:a=>a.hasTrailingIcon,set:(a,t)=>{a.hasTrailingIcon=t}},metadata:t},T,f),a(null,c={value:r},m,{kind:"class",name:r.name,metadata:t},null,S),r=c.value,t&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}#a=t(this,u,void 0);get leadingIconSlot(){return this.#a}set leadingIconSlot(a){this.#a=a}#t=(t(this,p),t(this,b,void 0));get trailingIconSlot(){return this.#t}set trailingIconSlot(a){this.#t=a}#n=(t(this,v),t(this,L,void 0));get hasLeadingIcon(){return this.#n}set hasLeadingIcon(a){this.#n=a}#e=(t(this,y),t(this,T,void 0));get hasTrailingIcon(){return this.#e}set hasTrailingIcon(a){this.#e=a}#s=(t(this,f),()=>{this.leadingIconSlot.assignedElements.length>0?this.hasLeadingIcon=!0:this.hasLeadingIcon=!1});#i=()=>{this.trailingIconSlot.assignedElements.length>0?this.hasTrailingIcon=!0:this.hasTrailingIcon=!1};connectedCallback(){this.leadingIconSlot.addEventListener("slotchange",this.#s),this.trailingIconSlot.addEventListener("slotchange",this.#i)}static styles=[s`
1
+ import{_ as t,a}from"./tslib.es6-B0cSixZg.js";import{t as e,j as n,v as s,D as i}from"./property-Do5-bKhz.js";import{t as o}from"./query-D-PG8Oyh.js";import{e as l}from"./custom-element-DIOmDbQp.js";let c=(()=>{let c,r,g,h,d,I,m=[l("text-field")],S=[],_=i,u=[],p=[],b=[],v=[],L=[],y=[],f=[],T=[];return class extends _{static{r=this}static{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(_[Symbol.metadata]??null):void 0;g=[o('slot[name="leading-icon"]')],h=[o('slot[name="trailing-icon"]')],d=[e({type:Boolean,reflect:!0,attribute:"has-leading-icon"})],I=[e({type:Boolean,reflect:!0,attribute:"has-trailing-icon"})],t(this,null,g,{kind:"accessor",name:"leadingIconSlot",static:!1,private:!1,access:{has:t=>"leadingIconSlot"in t,get:t=>t.leadingIconSlot,set:(t,a)=>{t.leadingIconSlot=a}},metadata:a},u,p),t(this,null,h,{kind:"accessor",name:"trailingIconSlot",static:!1,private:!1,access:{has:t=>"trailingIconSlot"in t,get:t=>t.trailingIconSlot,set:(t,a)=>{t.trailingIconSlot=a}},metadata:a},b,v),t(this,null,d,{kind:"accessor",name:"hasLeadingIcon",static:!1,private:!1,access:{has:t=>"hasLeadingIcon"in t,get:t=>t.hasLeadingIcon,set:(t,a)=>{t.hasLeadingIcon=a}},metadata:a},L,y),t(this,null,I,{kind:"accessor",name:"hasTrailingIcon",static:!1,private:!1,access:{has:t=>"hasTrailingIcon"in t,get:t=>t.hasTrailingIcon,set:(t,a)=>{t.hasTrailingIcon=a}},metadata:a},f,T),t(null,c={value:r},m,{kind:"class",name:r.name,metadata:a},null,S),r=c.value,a&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a})}#t=a(this,u,void 0);get leadingIconSlot(){return this.#t}set leadingIconSlot(t){this.#t=t}#a=(a(this,p),a(this,b,void 0));get trailingIconSlot(){return this.#a}set trailingIconSlot(t){this.#a=t}#e=(a(this,v),a(this,L,void 0));get hasLeadingIcon(){return this.#e}set hasLeadingIcon(t){this.#e=t}#n=(a(this,y),a(this,f,void 0));get hasTrailingIcon(){return this.#n}set hasTrailingIcon(t){this.#n=t}#s=(a(this,T),()=>{this.leadingIconSlot.assignedElements.length>0?this.hasLeadingIcon=!0:this.hasLeadingIcon=!1});#i=()=>{this.trailingIconSlot.assignedElements.length>0?this.hasTrailingIcon=!0:this.hasTrailingIcon=!1};connectedCallback(){this.leadingIconSlot.addEventListener("slotchange",this.#s),this.trailingIconSlot.addEventListener("slotchange",this.#i)}static styles=[n`
2
2
  :host {
3
3
  display: block;
4
4
  }
@@ -7,4 +7,4 @@ import{_ as a,a as t,e as n}from"./custom-element-BMhVvZjf.js";import{t as e,j a
7
7
 
8
8
  :host([has-leading-icon]) {
9
9
  }
10
- `];render(){return i` <slot name="leading-icon"></slot> `}static{t(r,S)}},r})();export{c as TextField};
10
+ `];render(){return s` <slot name="leading-icon"></slot> `}static{a(r,S)}},r})();export{c as TextField};
@@ -1 +1 @@
1
- import{_ as t,a as e,e as a}from"./custom-element-BMhVvZjf.js";import{t as s,D as o}from"./property-Do5-bKhz.js";let r=(()=>{let r,n,i,l,c,d,m=[a("custom-theme")],g=[],h=o,u=[],y=[],b=[],p=[],w=[],_=[],f=[],S=[];return class extends h{static{n=this}static{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(h[Symbol.metadata]??null):void 0;i=[s({type:Boolean,attribute:"load-font"})],l=[s({type:Boolean,attribute:"load-symbols"})],c=[s({type:String,attribute:"mobile-trigger"})],d=[s({type:Boolean})],t(this,null,i,{kind:"accessor",name:"loadFont",static:!1,private:!1,access:{has:t=>"loadFont"in t,get:t=>t.loadFont,set:(t,e)=>{t.loadFont=e}},metadata:a},u,y),t(this,null,l,{kind:"accessor",name:"loadSymbols",static:!1,private:!1,access:{has:t=>"loadSymbols"in t,get:t=>t.loadSymbols,set:(t,e)=>{t.loadSymbols=e}},metadata:a},b,p),t(this,null,c,{kind:"accessor",name:"narrowTrigger",static:!1,private:!1,access:{has:t=>"narrowTrigger"in t,get:t=>t.narrowTrigger,set:(t,e)=>{t.narrowTrigger=e}},metadata:a},w,_),t(this,null,d,{kind:"accessor",name:"narrow",static:!1,private:!1,access:{has:t=>"narrow"in t,get:t=>t.narrow,set:(t,e)=>{t.narrow=e}},metadata:a},f,S),t(null,r={value:n},m,{kind:"class",name:n.name,metadata:a},null,g),n=r.value,a&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),e(n,g)}#t=e(this,u,!0);get loadFont(){return this.#t}set loadFont(t){this.#t=t}#e=(e(this,y),e(this,b,!0));get loadSymbols(){return this.#e}set loadSymbols(t){this.#e=t}#a=(e(this,p),e(this,w,"(max-width: 860px)"));get narrowTrigger(){return this.#a}set narrowTrigger(t){this.#a=t}#s=(e(this,_),e(this,f,void 0));get narrow(){return this.#s}set narrow(t){this.#s=t}#o(t,e,a){let s=document.createElement("link");if(s.rel=e,s.href=t,a)for(const t of a)s.setAttribute(t,"");document.head.appendChild(s)}#r(){let t="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0&display=swap";return globalThis.symbols&&(t+=`&text=${globalThis.symbols}`),t}connectedCallback(){const t=matchMedia("(max-width: 860px)");t.onchange=this.#n,this.#n({matches:t.matches}),this.load("./themes/default/theme.css");const e=document.createElement("style");e.innerHTML="\n html, body {\n inset: 0;\n position: absolute;\n margin: 0;\n background: var(--md-sys-color-background);\n color: var(--md-sys-color-on-background);\n overflow: hidden;\n }",document.head.appendChild(e),(this.loadFont||this.loadSymbols)&&this.#o("https://fonts.googleapis.com","preconnect"),this.#o("https://fonts.gstatic.com","preconnect",["crossorigin"]),this.loadFont&&this.#o("https://fonts.googleapis.com/css2?family=Roboto&display=swap","stylesheet"),this.loadSymbols&&this.#o(this.#r(),"stylesheet")}#n=(e(this,S),({matches:t})=>{this.narrow=t,document.dispatchEvent(new CustomEvent("custom-theme-narrow",{detail:this.narrow}))});set language(t){this.setAttribute("language",t)}get language(){return this.getAttribute("language")||"css"}async load(t){if("js"===this.language){const e=await import(t);for(const[t,a]of Object.entries(e)){const e=`--${t.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}`;document.body.style.setProperty(e,a)}}else if("css"===this.language){const e=document.createElement("link");e.rel="stylesheet",e.href=t,document.head.appendChild(e)}}},n})();export{r as CustomTheme};
1
+ import{_ as t,a as e}from"./tslib.es6-B0cSixZg.js";import{t as a,D as s}from"./property-Do5-bKhz.js";import{e as o}from"./custom-element-DIOmDbQp.js";let r=(()=>{let r,n,i,l,c,d,m=[o("custom-theme")],g=[],h=s,u=[],y=[],b=[],p=[],w=[],f=[],_=[],S=[];return class extends h{static{n=this}static{const s="function"==typeof Symbol&&Symbol.metadata?Object.create(h[Symbol.metadata]??null):void 0;i=[a({type:Boolean,attribute:"load-font"})],l=[a({type:Boolean,attribute:"load-symbols"})],c=[a({type:String,attribute:"mobile-trigger"})],d=[a({type:Boolean})],t(this,null,i,{kind:"accessor",name:"loadFont",static:!1,private:!1,access:{has:t=>"loadFont"in t,get:t=>t.loadFont,set:(t,e)=>{t.loadFont=e}},metadata:s},u,y),t(this,null,l,{kind:"accessor",name:"loadSymbols",static:!1,private:!1,access:{has:t=>"loadSymbols"in t,get:t=>t.loadSymbols,set:(t,e)=>{t.loadSymbols=e}},metadata:s},b,p),t(this,null,c,{kind:"accessor",name:"narrowTrigger",static:!1,private:!1,access:{has:t=>"narrowTrigger"in t,get:t=>t.narrowTrigger,set:(t,e)=>{t.narrowTrigger=e}},metadata:s},w,f),t(this,null,d,{kind:"accessor",name:"narrow",static:!1,private:!1,access:{has:t=>"narrow"in t,get:t=>t.narrow,set:(t,e)=>{t.narrow=e}},metadata:s},_,S),t(null,r={value:n},m,{kind:"class",name:n.name,metadata:s},null,g),n=r.value,s&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s}),e(n,g)}#t=e(this,u,!0);get loadFont(){return this.#t}set loadFont(t){this.#t=t}#e=(e(this,y),e(this,b,!0));get loadSymbols(){return this.#e}set loadSymbols(t){this.#e=t}#a=(e(this,p),e(this,w,"(max-width: 860px)"));get narrowTrigger(){return this.#a}set narrowTrigger(t){this.#a=t}#s=(e(this,f),e(this,_,void 0));get narrow(){return this.#s}set narrow(t){this.#s=t}#o(t,e,a){let s=document.createElement("link");if(s.rel=e,s.href=t,a)for(const t of a)s.setAttribute(t,"");document.head.appendChild(s)}#r(){let t="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0&display=swap";return globalThis.symbols&&(t+=`&text=${globalThis.symbols}`),t}connectedCallback(){const t=matchMedia("(max-width: 860px)");t.onchange=this.#n,this.#n({matches:t.matches}),this.load("./themes/default/theme.css");const e=document.createElement("style");e.innerHTML="\n html, body {\n inset: 0;\n position: absolute;\n margin: 0;\n background: var(--md-sys-color-background);\n color: var(--md-sys-color-on-background);\n overflow: hidden;\n }",document.head.appendChild(e),(this.loadFont||this.loadSymbols)&&this.#o("https://fonts.googleapis.com","preconnect"),this.#o("https://fonts.gstatic.com","preconnect",["crossorigin"]),this.loadFont&&this.#o("https://fonts.googleapis.com/css2?family=Roboto&display=swap","stylesheet"),this.loadSymbols&&this.#o(this.#r(),"stylesheet")}#n=(e(this,S),({matches:t})=>{this.narrow=t,document.dispatchEvent(new CustomEvent("custom-theme-narrow",{detail:this.narrow}))});set language(t){this.setAttribute("language",t)}get language(){return this.getAttribute("language")||"css"}async load(t){if("js"===this.language){const e=await import(t);for(const[t,a]of Object.entries(e)){const e=`--${t.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}`;document.body.style.setProperty(e,a)}}else if("css"===this.language){const e=document.createElement("link");e.rel="stylesheet",e.href=t,document.head.appendChild(e)}}},n})();export{r as CustomTheme};
@@ -1,8 +1,8 @@
1
- import{_ as t,a as e,e as a}from"./custom-element-BMhVvZjf.js";import{j as s,v as l,D as i}from"./property-Do5-bKhz.js";import"./input.js";let c=(()=>{let c,n,m=[a("custom-time-picker")],p=[],o=i;return class extends o{static{n=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(o[Symbol.metadata]??null):void 0;t(null,c={value:n},m,{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})}static styles=[s`
1
+ import{_ as t,a as e}from"./tslib.es6-B0cSixZg.js";import{j as a,v as s,D as i}from"./property-Do5-bKhz.js";import{e as l}from"./custom-element-DIOmDbQp.js";import"./input.js";let c=(()=>{let c,n,m=[l("custom-time-picker")],p=[],o=i;return class extends o{static{n=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(o[Symbol.metadata]??null):void 0;t(null,c={value:n},m,{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})}static styles=[a`
2
2
  :host {
3
3
  display: block;
4
4
  }
5
- `];render(){return l`
5
+ `];render(){return s`
6
6
  <time-picker-input></time-picker-input>
7
7
  <div class="am-pm">
8
8
  <span class="flex"></span>
@@ -1,4 +1,4 @@
1
- import{_ as t,a as e,e as s}from"./custom-element-BMhVvZjf.js";import{t as a,v as o,D as c}from"./property-Do5-bKhz.js";import"./button.js";import"./toggle.js";import"./elevation.js";let i=(()=>{let i,r,l,g,n=[s("custom-toggle-button")],m=[],u=c,v=[],h=[],d=[],_=[];return class extends u{static{r=this}static{const s="function"==typeof Symbol&&Symbol.metadata?Object.create(u[Symbol.metadata]??null):void 0;l=[a({type:Number})],g=[a({type:Array})],t(this,null,l,{kind:"accessor",name:"active",static:!1,private:!1,access:{has:t=>"active"in t,get:t=>t.active,set:(t,e)=>{t.active=e}},metadata:s},v,h),t(this,null,g,{kind:"accessor",name:"togglers",static:!1,private:!1,access:{has:t=>"togglers"in t,get:t=>t.togglers,set:(t,e)=>{t.togglers=e}},metadata:s},d,_),t(null,i={value:r},n,{kind:"class",name:r.name,metadata:s},null,m),r=i.value,s&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s}),e(r,m)}#t=e(this,v,0);get active(){return this.#t}set active(t){this.#t=t}#e=(e(this,h),e(this,d,void 0));get togglers(){return this.#e}set togglers(t){this.#e=t}get _toggle(){return this.shadowRoot.querySelector("custom-toggle")}_click=(e(this,_),()=>{this._toggle.next()});connectedCallback(){this.addEventListener("click",this._click)}disconnectedCallback(){this.removeEventListener("click",this._click)}_onactive=t=>{this.dispatchEvent(new CustomEvent("active",{detail:t.detail}))};render(){return o` <custom-button>
1
+ import{_ as t,a as e}from"./tslib.es6-B0cSixZg.js";import{t as s,v as a,D as o}from"./property-Do5-bKhz.js";import{e as c}from"./custom-element-DIOmDbQp.js";import"./button.js";import"./toggle.js";import"./elevation.js";let i=(()=>{let i,r,l,g,n=[c("custom-toggle-button")],m=[],u=o,v=[],h=[],d=[],_=[];return class extends u{static{r=this}static{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(u[Symbol.metadata]??null):void 0;l=[s({type:Number})],g=[s({type:Array})],t(this,null,l,{kind:"accessor",name:"active",static:!1,private:!1,access:{has:t=>"active"in t,get:t=>t.active,set:(t,e)=>{t.active=e}},metadata:a},v,h),t(this,null,g,{kind:"accessor",name:"togglers",static:!1,private:!1,access:{has:t=>"togglers"in t,get:t=>t.togglers,set:(t,e)=>{t.togglers=e}},metadata:a},d,_),t(null,i={value:r},n,{kind:"class",name:r.name,metadata:a},null,m),r=i.value,a&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),e(r,m)}#t=e(this,v,0);get active(){return this.#t}set active(t){this.#t=t}#e=(e(this,h),e(this,d,void 0));get togglers(){return this.#e}set togglers(t){this.#e=t}get _toggle(){return this.shadowRoot.querySelector("custom-toggle")}_click=(e(this,_),()=>{this._toggle.next()});connectedCallback(){this.addEventListener("click",this._click)}disconnectedCallback(){this.removeEventListener("click",this._click)}_onactive=t=>{this.dispatchEvent(new CustomEvent("active",{detail:t.detail}))};render(){return a` <custom-button>
2
2
  <custom-toggle slot="icon" .active=${this.active} @active=${this._onactive} .togglers=${this.togglers}>
3
3
  </custom-toggle>
4
4
  </custom-button>`}},r})();export{i as CustomToggleButton};
@@ -1,5 +1,5 @@
1
- import{_ as t,a as e,e as s}from"./custom-element-BMhVvZjf.js";import{t as a,j as i,v as c,D as o}from"./property-Do5-bKhz.js";let r=(()=>{let r,n,g,l,h,v=[s("custom-toggle")],m=[],u=o,d=[],_=[],p=[],y=[],b=[],f=[];return class extends u{static{n=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(u[Symbol.metadata]??null):void 0;g=[a({type:Number})],l=[a({type:Array})],h=[a()],t(this,null,g,{kind:"accessor",name:"active",static:!1,private:!1,access:{has:t=>"active"in t,get:t=>t.active,set:(t,e)=>{t.active=e}},metadata:e},d,_),t(this,null,l,{kind:"accessor",name:"togglers",static:!1,private:!1,access:{has:t=>"togglers"in t,get:t=>t.togglers,set:(t,e)=>{t.togglers=e}},metadata:e},p,y),t(this,null,h,{kind:"accessor",name:"icon",static:!1,private:!1,access:{has:t=>"icon"in t,get:t=>t.icon,set:(t,e)=>{t.icon=e}},metadata:e},b,f),t(null,r={value:n},v,{kind:"class",name:n.name,metadata:e},null,m),n=r.value,e&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}#t=e(this,d,0);get active(){return this.#t}set active(t){this.#t=t}#e=(e(this,_),e(this,p,void 0));get togglers(){return this.#e}set togglers(t){this.#e=t}#s=(e(this,y),e(this,b,void 0));get icon(){return this.#s}set icon(t){this.#s=t}restartOnEnd=(e(this,f),!0);onChange(t,e){"active"===t&&this.dispatchEvent(new CustomEvent("active",{detail:this.active})),("active"===t&&this.togglers||"togglers"===t&&void 0!==this.active)&&(this.icon=this.togglers[this.active])}async next(){this.active<this.togglers.length-1?this.active+=1:this.restartOnEnd&&(this.active=0)}previous(){0!==this.active&&(this.active-=1)}static styles=[i`
1
+ import{_ as t,a as e}from"./tslib.es6-B0cSixZg.js";import{t as s,j as a,v as i,D as c}from"./property-Do5-bKhz.js";import{e as o}from"./custom-element-DIOmDbQp.js";let r=(()=>{let r,n,g,l,h,v=[o("custom-toggle")],m=[],u=c,d=[],_=[],p=[],y=[],b=[],f=[];return class extends u{static{n=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(u[Symbol.metadata]??null):void 0;g=[s({type:Number})],l=[s({type:Array})],h=[s()],t(this,null,g,{kind:"accessor",name:"active",static:!1,private:!1,access:{has:t=>"active"in t,get:t=>t.active,set:(t,e)=>{t.active=e}},metadata:e},d,_),t(this,null,l,{kind:"accessor",name:"togglers",static:!1,private:!1,access:{has:t=>"togglers"in t,get:t=>t.togglers,set:(t,e)=>{t.togglers=e}},metadata:e},p,y),t(this,null,h,{kind:"accessor",name:"icon",static:!1,private:!1,access:{has:t=>"icon"in t,get:t=>t.icon,set:(t,e)=>{t.icon=e}},metadata:e},b,f),t(null,r={value:n},v,{kind:"class",name:n.name,metadata:e},null,m),n=r.value,e&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}#t=e(this,d,0);get active(){return this.#t}set active(t){this.#t=t}#e=(e(this,_),e(this,p,void 0));get togglers(){return this.#e}set togglers(t){this.#e=t}#s=(e(this,y),e(this,b,void 0));get icon(){return this.#s}set icon(t){this.#s=t}restartOnEnd=(e(this,f),!0);onChange(t,e){"active"===t&&this.dispatchEvent(new CustomEvent("active",{detail:this.active})),("active"===t&&this.togglers||"togglers"===t&&void 0!==this.active)&&(this.icon=this.togglers[this.active])}async next(){this.active<this.togglers.length-1?this.active+=1:this.restartOnEnd&&(this.active=0)}previous(){0!==this.active&&(this.active-=1)}static styles=[a`
2
2
  :host {
3
3
  display: contents;
4
4
  }
5
- `];render(){return c`<custom-icon .icon=${this.icon}></custom-icon>`}static{e(n,m)}},n})();export{r as CustomToggle};
5
+ `];render(){return i`<custom-icon .icon=${this.icon}></custom-icon>`}static{e(n,m)}},n})();export{r as CustomToggle};
@@ -1,4 +1,4 @@
1
- import{_ as t,a as e,e as s}from"./custom-element-BMhVvZjf.js";import{t as o,j as l,v as a,D as r}from"./property-Do5-bKhz.js";import"./it-Dft_Rjy-.js";import"./row-DNgwBcX5.js";let i=(()=>{let i,n,c,p,m=[s("custom-top-app-bar")],d=[],g=r,y=[],h=[],u=[],x=[];return class extends g{static{n=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(g[Symbol.metadata]??null):void 0;c=[o({type:String,reflect:!0})],p=[o({type:Boolean,reflect:!0})],t(this,null,c,{kind:"accessor",name:"type",static:!1,private:!1,access:{has:t=>"type"in t,get:t=>t.type,set:(t,e)=>{t.type=e}},metadata:e},y,h),t(this,null,p,{kind:"accessor",name:"scrolling",static:!1,private:!1,access:{has:t=>"scrolling"in t,get:t=>t.scrolling,set:(t,e)=>{t.scrolling=e}},metadata:e},u,x),t(null,i={value:n},m,{kind:"class",name:n.name,metadata:e},null,d),n=i.value,e&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}#t=e(this,y,"center-aligned");get type(){return this.#t}set type(t){this.#t=t}#e=(e(this,h),e(this,u,void 0));get scrolling(){return this.#e}set scrolling(t){this.#e=t}static styles=[l`
1
+ import{_ as t,a as e}from"./tslib.es6-B0cSixZg.js";import{t as s,j as o,v as l,D as a}from"./property-Do5-bKhz.js";import{e as r}from"./custom-element-DIOmDbQp.js";import"./it-Dft_Rjy-.js";import"./row-DNgwBcX5.js";let i=(()=>{let i,n,c,p,m=[r("custom-top-app-bar")],d=[],g=a,y=[],h=[],u=[],x=[];return class extends g{static{n=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(g[Symbol.metadata]??null):void 0;c=[s({type:String,reflect:!0})],p=[s({type:Boolean,reflect:!0})],t(this,null,c,{kind:"accessor",name:"type",static:!1,private:!1,access:{has:t=>"type"in t,get:t=>t.type,set:(t,e)=>{t.type=e}},metadata:e},y,h),t(this,null,p,{kind:"accessor",name:"scrolling",static:!1,private:!1,access:{has:t=>"scrolling"in t,get:t=>t.scrolling,set:(t,e)=>{t.scrolling=e}},metadata:e},u,x),t(null,i={value:n},m,{kind:"class",name:n.name,metadata:e},null,d),n=i.value,e&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}#t=e(this,y,"center-aligned");get type(){return this.#t}set type(t){this.#t=t}#e=(e(this,h),e(this,u,void 0));get scrolling(){return this.#e}set scrolling(t){this.#e=t}static styles=[o`
2
2
  :host {
3
3
  display: flex;
4
4
  flex-direction: column;
@@ -59,12 +59,12 @@ import{_ as t,a as e,e as s}from"./custom-element-BMhVvZjf.js";import{t as o,j a
59
59
  custom-elevation {
60
60
  border-radius: var(--md-sys-shape-corner-large);
61
61
  }
62
- `];connectedCallback(){document.addEventListener("custom-scroll",(({detail:t})=>{this.scrolling=t.scrolling}))}render(){return a`
62
+ `];connectedCallback(){document.addEventListener("custom-scroll",(({detail:t})=>{this.scrolling=t.scrolling}))}render(){return l`
63
63
  <flex-column class="container">
64
64
  <custom-elevation></custom-elevation>
65
65
  <flex-row>
66
66
  <slot name="start"></slot>
67
- ${"center-aligned"===this.type||"small"===this.type?a`
67
+ ${"center-aligned"===this.type||"small"===this.type?l`
68
68
  <custom-typography>
69
69
  <slot name="title"></slot>
70
70
  </custom-typography>
@@ -72,7 +72,7 @@ import{_ as t,a as e,e as s}from"./custom-element-BMhVvZjf.js";import{t as o,j a
72
72
  <flex-it></flex-it>
73
73
  <slot name="end"></slot>
74
74
  </flex-row>
75
- ${"medium"===this.type||"large"===this.type?a`
75
+ ${"medium"===this.type||"large"===this.type?l`
76
76
  <flex-it></flex-it>
77
77
  <custom-typography type="headline" size="small">
78
78
  <slot name="title"></slot>
@@ -1 +1 @@
1
- function e(e,t,r,n,o,i){function c(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var s,a=n.kind,f="getter"===a?"get":"setter"===a?"set":"value",u=!t&&e?n.static?e:e.prototype:null,l=t||(u?Object.getOwnPropertyDescriptor(u,n.name):{}),p=!1,d=r.length-1;d>=0;d--){var g={};for(var h in n)g[h]="access"===h?{}:n[h];for(var h in n.access)g.access[h]=n.access[h];g.addInitializer=function(e){if(p)throw new TypeError("Cannot add initializers after decoration has completed");i.push(c(e||null))};var v=(0,r[d])("accessor"===a?{get:l.get,set:l.set}:l[f],g);if("accessor"===a){if(void 0===v)continue;if(null===v||"object"!=typeof v)throw new TypeError("Object expected");(s=c(v.get))&&(l.get=s),(s=c(v.set))&&(l.set=s),(s=c(v.init))&&o.unshift(s)}else(s=c(v))&&("field"===a?o.unshift(s):l[f]=s)}u&&Object.defineProperty(u,n.name,l),p=!0}function t(e,t,r){for(var n=arguments.length>2,o=0;o<t.length;o++)r=n?t[o].call(e,r):t[o].call(e);return n?r:void 0}function r(e){return(t,{addInitializer:r})=>{r((function(){customElements.define(e??t.name.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase(),this)}))}}"function"==typeof SuppressedError&&SuppressedError;export{e as _,t as a,r as e};
1
+ function e(e,t,r,n,o,i){function c(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var s,a=n.kind,f="getter"===a?"get":"setter"===a?"set":"value",p=!t&&e?n.static?e:e.prototype:null,l=t||(p?Object.getOwnPropertyDescriptor(p,n.name):{}),u=!1,d=r.length-1;d>=0;d--){var g={};for(var h in n)g[h]="access"===h?{}:n[h];for(var h in n.access)g.access[h]=n.access[h];g.addInitializer=function(e){if(u)throw new TypeError("Cannot add initializers after decoration has completed");i.push(c(e||null))};var v=(0,r[d])("accessor"===a?{get:l.get,set:l.set}:l[f],g);if("accessor"===a){if(void 0===v)continue;if(null===v||"object"!=typeof v)throw new TypeError("Object expected");(s=c(v.get))&&(l.get=s),(s=c(v.set))&&(l.set=s),(s=c(v.init))&&o.unshift(s)}else(s=c(v))&&("field"===a?o.unshift(s):l[f]=s)}p&&Object.defineProperty(p,n.name,l),u=!0}function t(e,t,r){for(var n=arguments.length>2,o=0;o<t.length;o++)r=n?t[o].call(e,r):t[o].call(e);return n?r:void 0}"function"==typeof SuppressedError&&SuppressedError;export{e as _,t as a};
@@ -1,4 +1,4 @@
1
- import{_ as e,a as t,e as s}from"./custom-element-BMhVvZjf.js";import{t as a,j as l,v as y,D as i}from"./property-Do5-bKhz.js";let m=(()=>{let m,r,o,n,d=[s("custom-typography")],c=[],f=i,p=[],g=[],h=[],v=[];return class extends f{static{r=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(f[Symbol.metadata]??null):void 0;o=[a({type:String,reflect:!0})],n=[a({type:String,reflect:!0})],e(this,null,o,{kind:"accessor",name:"type",static:!1,private:!1,access:{has:e=>"type"in e,get:e=>e.type,set:(e,t)=>{e.type=t}},metadata:t},p,g),e(this,null,n,{kind:"accessor",name:"size",static:!1,private:!1,access:{has:e=>"size"in e,get:e=>e.size,set:(e,t)=>{e.size=t}},metadata:t},h,v),e(null,m={value:r},d,{kind:"class",name:r.name,metadata:t},null,c),r=m.value,t&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}#e=t(this,p,"title");get type(){return this.#e}set type(e){this.#e=e}#t=(t(this,g),t(this,h,"large"));get size(){return this.#t}set size(e){this.#t=e}static styles=[l`
1
+ import{_ as e,a as t}from"./tslib.es6-B0cSixZg.js";import{t as s,j as a,v as l,D as y}from"./property-Do5-bKhz.js";import{e as i}from"./custom-element-DIOmDbQp.js";let m=(()=>{let m,r,o,n,d=[i("custom-typography")],c=[],f=y,p=[],g=[],h=[],v=[];return class extends f{static{r=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(f[Symbol.metadata]??null):void 0;o=[s({type:String,reflect:!0})],n=[s({type:String,reflect:!0})],e(this,null,o,{kind:"accessor",name:"type",static:!1,private:!1,access:{has:e=>"type"in e,get:e=>e.type,set:(e,t)=>{e.type=t}},metadata:t},p,g),e(this,null,n,{kind:"accessor",name:"size",static:!1,private:!1,access:{has:e=>"size"in e,get:e=>e.size,set:(e,t)=>{e.size=t}},metadata:t},h,v),e(null,m={value:r},d,{kind:"class",name:r.name,metadata:t},null,c),r=m.value,t&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}#e=t(this,p,"title");get type(){return this.#e}set type(e){this.#e=e}#t=(t(this,g),t(this,h,"large"));get size(){return this.#t}set size(e){this.#t=e}static styles=[a`
2
2
  :host {
3
3
  display: contents;
4
4
  }
@@ -153,4 +153,4 @@ import{_ as e,a as t,e as s}from"./custom-element-BMhVvZjf.js";import{t as a,j a
153
153
  text-transform: var(--md-sys-typescale-title-small-text-transform);
154
154
  text-decoration: var(--md-sys-typescale-title-small-text-decoration);
155
155
  }
156
- `];render(){return y` <slot></slot> `}constructor(){super(...arguments),t(this,v)}static{t(r,c)}},r})();export{m as CustomTypography};
156
+ `];render(){return l` <slot></slot> `}constructor(){super(...arguments),t(this,v)}static{t(r,c)}},r})();export{m as CustomTypography};
@@ -1,4 +1,4 @@
1
- import{_ as t,a as e,e as l}from"./custom-element-BMhVvZjf.js";import{t as a,j as s,v as i,D as r}from"./property-Do5-bKhz.js";let o=(()=>{let o,u,m,n=[l("custom-upload-file")],p=[],c=r,d=[],y=[];return class extends c{static{u=this}static{const l="function"==typeof Symbol&&Symbol.metadata?Object.create(c[Symbol.metadata]??null):void 0;m=[a({type:Boolean})],t(this,null,m,{kind:"accessor",name:"multiple",static:!1,private:!1,access:{has:t=>"multiple"in t,get:t=>t.multiple,set:(t,e)=>{t.multiple=e}},metadata:l},d,y),t(null,o={value:u},n,{kind:"class",name:u.name,metadata:l},null,p),u=o.value,l&&Object.defineProperty(u,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:l}),e(u,p)}#t=e(this,d,void 0);get multiple(){return this.#t}set multiple(t){this.#t=t}static get styles(){return[s`
1
+ import{_ as t,a as e}from"./tslib.es6-B0cSixZg.js";import{t as l,j as s,v as a,D as i}from"./property-Do5-bKhz.js";import{e as r}from"./custom-element-DIOmDbQp.js";let o=(()=>{let o,m,u,n=[r("custom-upload-file")],p=[],c=i,d=[],y=[];return class extends c{static{m=this}static{const s="function"==typeof Symbol&&Symbol.metadata?Object.create(c[Symbol.metadata]??null):void 0;u=[l({type:Boolean})],t(this,null,u,{kind:"accessor",name:"multiple",static:!1,private:!1,access:{has:t=>"multiple"in t,get:t=>t.multiple,set:(t,e)=>{t.multiple=e}},metadata:s},d,y),t(null,o={value:m},n,{kind:"class",name:m.name,metadata:s},null,p),m=o.value,s&&Object.defineProperty(m,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s}),e(m,p)}#t=e(this,d,void 0);get multiple(){return this.#t}set multiple(t){this.#t=t}static get styles(){return[s`
2
2
  :host {
3
3
  display: flex;
4
4
  }
@@ -6,4 +6,4 @@ import{_ as t,a as e,e as l}from"./custom-element-BMhVvZjf.js";import{t as a,j a
6
6
  input {
7
7
  display: hidden;
8
8
  }
9
- `]}render(){return i`<input type="file" ?multiple=${this.multiple} />`}constructor(){super(...arguments),e(this,y)}},u})();export{o as CustomUploadFile};
9
+ `]}render(){return a`<input type="file" ?multiple=${this.multiple} />`}constructor(){super(...arguments),e(this,y)}},m})();export{o as CustomUploadFile};
@@ -1 +1 @@
1
- import{_ as t,a,e}from"./custom-element-BMhVvZjf.js";import{t as r,v as s,D as i}from"./property-Do5-bKhz.js";let m=(()=>{let m,o,c,l=[e("custom-upload")],n=[],u=i,h=[],d=[];return class extends u{static{o=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(u[Symbol.metadata]??null):void 0;c=[r({attribute:"with-camera"})],t(this,null,c,{kind:"accessor",name:"withCamera",static:!1,private:!1,access:{has:t=>"withCamera"in t,get:t=>t.withCamera,set:(t,a)=>{t.withCamera=a}},metadata:e},h,d),t(null,m={value:o},l,{kind:"class",name:o.name,metadata:e},null,n),o=m.value,e&&Object.defineProperty(o,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e}),a(o,n)}#t=a(this,h,void 0);get withCamera(){return this.#t}set withCamera(t){this.#t=t}render(){return s` <custom-pages> </custom-pages> `}constructor(){super(...arguments),a(this,d)}},o})();export{m as CustomUpload};
1
+ import{_ as t,a}from"./tslib.es6-B0cSixZg.js";import{t as e,v as s,D as r}from"./property-Do5-bKhz.js";import{e as i}from"./custom-element-DIOmDbQp.js";let m=(()=>{let m,o,c,l=[i("custom-upload")],n=[],u=r,h=[],d=[];return class extends u{static{o=this}static{const s="function"==typeof Symbol&&Symbol.metadata?Object.create(u[Symbol.metadata]??null):void 0;c=[e({attribute:"with-camera"})],t(this,null,c,{kind:"accessor",name:"withCamera",static:!1,private:!1,access:{has:t=>"withCamera"in t,get:t=>t.withCamera,set:(t,a)=>{t.withCamera=a}},metadata:s},h,d),t(null,m={value:o},l,{kind:"class",name:o.name,metadata:s},null,n),o=m.value,s&&Object.defineProperty(o,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s}),a(o,n)}#t=a(this,h,void 0);get withCamera(){return this.#t}set withCamera(t){this.#t=t}render(){return s` <custom-pages> </custom-pages> `}constructor(){super(...arguments),a(this,d)}},o})();export{m as CustomUpload};
@@ -46,8 +46,7 @@ import './tab.js';
46
46
  import './input.js';
47
47
  import 'lit';
48
48
  import 'lit/decorators.js';
49
- import '@vandeurenglenn/lite-elements/icon.js';
50
- import '@vandeurenglenn/lite-elements/pane.js';
49
+ import '@vandeurenglenn/icon/icon.js';
51
50
 
52
51
  let DemoShell = (() => {
53
52
  let _classDecorators = [customElement('demo-shell')];
@@ -43,5 +43,4 @@ import './tab.js';
43
43
  import './input.js';
44
44
  import 'lit';
45
45
  import 'lit/decorators.js';
46
- import '@vandeurenglenn/lite-elements/icon.js';
47
- import '@vandeurenglenn/lite-elements/pane.js';
46
+ import '@vandeurenglenn/icon/icon.js';
@@ -1,5 +1,5 @@
1
1
  import { LitElement } from 'lit';
2
- import '@vandeurenglenn/lite-elements/icon.js';
2
+ import '@vandeurenglenn/icon/icon.js';
3
3
  import '@vandeurenglenn/flex-elements/column.js';
4
4
  import '@vandeurenglenn/flex-elements/row.js';
5
5
  export declare class CustomNotification extends LitElement {
@@ -1,16 +1,17 @@
1
1
  import { LiteElement } from '@vandeurenglenn/lite';
2
2
  import './notification.js';
3
- import '@vandeurenglenn/lite-elements/icon.js';
4
- import '@vandeurenglenn/lite-elements/pane.js';
3
+ import './../icon/icon.js';
4
+ import './../pane/pane.js';
5
5
  import '@vandeurenglenn/flex-elements/row.js';
6
6
  export declare class CustomNotifications extends LiteElement {
7
- #private;
8
7
  accessor open: boolean;
8
+ get _list(): Element;
9
9
  createNotification({ title, message, image }: {
10
10
  title: string;
11
11
  message: string;
12
12
  image?: string;
13
13
  }, timeout?: EpochTimeStamp): void;
14
+ _onclick(): void;
14
15
  static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
15
16
  render(): import("lit-html").TemplateResult<1>;
16
17
  }
@@ -1,7 +1,7 @@
1
1
  import { _ as __esDecorate, a as __runInitializers } from './tslib.es6-CFl_-KPR.js';
2
2
  import { css, html, LitElement } from 'lit';
3
3
  import { customElement, property } from 'lit/decorators.js';
4
- import '@vandeurenglenn/lite-elements/icon.js';
4
+ import '@vandeurenglenn/icon/icon.js';
5
5
  import '@vandeurenglenn/flex-elements/column.js';
6
6
  import '@vandeurenglenn/flex-elements/row.js';
7
7
 
@@ -1,12 +1,16 @@
1
1
  import { _ as __esDecorate, a as __runInitializers } from './tslib.es6-CFl_-KPR.js';
2
2
  import { customElement, property, css, html, LiteElement } from '@vandeurenglenn/lite';
3
3
  import './notification.js';
4
- import '@vandeurenglenn/lite-elements/icon.js';
5
- import '@vandeurenglenn/lite-elements/pane.js';
4
+ import './icon.js';
5
+ import './pane.js';
6
6
  import '@vandeurenglenn/flex-elements/row.js';
7
7
  import 'lit';
8
8
  import 'lit/decorators.js';
9
+ import '@vandeurenglenn/icon/icon.js';
9
10
  import '@vandeurenglenn/flex-elements/column.js';
11
+ import '@vandeurenglenn/little-pubsub';
12
+ import './elevation.js';
13
+ import './button.js';
10
14
 
11
15
  let CustomNotifications = (() => {
12
16
  let _classDecorators = [customElement('custom-notifications')];
@@ -30,7 +34,7 @@ let CustomNotifications = (() => {
30
34
  #open_accessor_storage = __runInitializers(this, _open_initializers, void 0);
31
35
  get open() { return this.#open_accessor_storage; }
32
36
  set open(value) { this.#open_accessor_storage = value; }
33
- get #list() {
37
+ get _list() {
34
38
  return this.shadowRoot.querySelector('.list');
35
39
  }
36
40
  createNotification({ title, message, image }, timeout = 3000) {
@@ -45,15 +49,15 @@ let CustomNotifications = (() => {
45
49
  _notification.image = image;
46
50
  _notification.title = title;
47
51
  _notification.message = message;
48
- this.#list.appendChild(_notification);
52
+ this._list.appendChild(_notification);
49
53
  }, timeout);
50
54
  }
51
55
  this.appendChild(notification);
52
56
  }
53
- #onclick() {
54
- const children = Array.from(this.#list.querySelectorAll('custom-notification'));
57
+ _onclick() {
58
+ const children = Array.from(this._list.querySelectorAll('custom-notification'));
55
59
  for (const child of children) {
56
- this.#list.removeChild(child);
60
+ this._list.removeChild(child);
57
61
  }
58
62
  this.open = false;
59
63
  }
@@ -110,7 +114,7 @@ let CustomNotifications = (() => {
110
114
  <custom-icon
111
115
  icon="notifications"
112
116
  @click=${() => {
113
- if (this.#list.childElementCount === 0)
117
+ if (this._list.childElementCount === 0)
114
118
  return;
115
119
  this.open = !this.open;
116
120
  }}
@@ -127,7 +131,7 @@ let CustomNotifications = (() => {
127
131
 
128
132
  <flex-row slot="footer" width="100%">
129
133
  <flex-it></flex-it>
130
- <custom-icon style="margin-right: 24px;" icon="clear-all" @click="${this.#onclick}"></custom-icon>
134
+ <custom-icon style="margin-right: 24px;" icon="clear-all" @click="${this._onclick}"></custom-icon>
131
135
  </flex-row>
132
136
  </custom-pane>
133
137
  `;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vandeurenglenn/lite-elements",
3
- "version": "0.3.25",
3
+ "version": "0.3.27",
4
4
  "description": "set of lite elements following Material Design 3 spec",
5
5
  "type": "module",
6
6
  "scripts": {
@@ -1,91 +0,0 @@
1
- import{e as t,_ as e,a as i}from"./custom-element-BMhVvZjf.js";import{L as o}from"./index-B3uz3f8C.js";import{t as r,j as a,v as h,D as c}from"./property-Do5-bKhz.js";import"./column-D2XB0lDz.js";import"./row-DNgwBcX5.js";
2
- /**
3
- * @license
4
- * Copyright 2019 Google LLC
5
- * SPDX-License-Identifier: BSD-3-Clause
6
- */const l=globalThis,d=l.ShadowRoot&&(void 0===l.ShadyCSS||l.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,p=Symbol(),u=new WeakMap;let _=class n{constructor(t,e,i){if(this._$cssResult$=!0,i!==p)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(d&&void 0===t){const i=void 0!==e&&1===e.length;i&&(t=u.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&u.set(e,t))}return t}toString(){return this.cssText}};const m=d?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return(t=>new _("string"==typeof t?t:t+"",void 0,p))(e)})(t):t
7
- /**
8
- * @license
9
- * Copyright 2017 Google LLC
10
- * SPDX-License-Identifier: BSD-3-Clause
11
- */,{is:f,defineProperty:$,getOwnPropertyDescriptor:g,getOwnPropertyNames:y,getOwnPropertySymbols:v,getPrototypeOf:A}=Object,E=globalThis,w=E.trustedTypes,P=w?w.emptyScript:"",C=E.reactiveElementPolyfillSupport,U=(t,e)=>t,x={toAttribute(t,e){switch(e){case Boolean:t=t?P:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let i=t;switch(e){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},O=(t,e)=>!f(t,e),T={attribute:!0,type:String,converter:x,reflect:!1,hasChanged:O};Symbol.metadata??=Symbol("metadata"),E.litPropertyMetadata??=new WeakMap;let N=class b extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=T){if(e.state&&(e.attribute=!1),this._$Ei(),this.elementProperties.set(t,e),!e.noAccessor){const i=Symbol(),o=this.getPropertyDescriptor(t,i,e);void 0!==o&&$(this.prototype,t,o)}}static getPropertyDescriptor(t,e,i){const{get:o,set:r}=g(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get(){return o?.call(this)},set(e){const a=o?.call(this);r.call(this,e),this.requestUpdate(t,a,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??T}static _$Ei(){if(this.hasOwnProperty(U("elementProperties")))return;const t=A(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(U("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(U("properties"))){const t=this.properties,e=[...y(t),...v(t)];for(const i of e)this.createProperty(i,t[i])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,i]of e)this.elementProperties.set(t,i)}this._$Eh=new Map;for(const[t,e]of this.elementProperties){const i=this._$Eu(t,e);void 0!==i&&this._$Eh.set(i,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const t of i)e.unshift(m(t))}else void 0!==t&&e.push(m(t));return e}static _$Eu(t,e){const i=e.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const i of e.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((t,e)=>{if(d)t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const i of e){const e=document.createElement("style"),o=l.litNonce;void 0!==o&&e.setAttribute("nonce",o),e.textContent=i.cssText,t.appendChild(e)}})(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$EC(t,e){const i=this.constructor.elementProperties.get(t),o=this.constructor._$Eu(t,i);if(void 0!==o&&!0===i.reflect){const r=(void 0!==i.converter?.toAttribute?i.converter:x).toAttribute(e,i.type);this._$Em=t,null==r?this.removeAttribute(o):this.setAttribute(o,r),this._$Em=null}}_$AK(t,e){const i=this.constructor,o=i._$Eh.get(t);if(void 0!==o&&this._$Em!==o){const t=i.getPropertyOptions(o),r="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:x;this._$Em=o,this[o]=r.fromAttribute(e,t.type),this._$Em=null}}requestUpdate(t,e,i){if(void 0!==t){if(i??=this.constructor.getPropertyOptions(t),!(i.hasChanged??O)(this[t],e))return;this.P(t,e,i)}!1===this.isUpdatePending&&(this._$ES=this._$ET())}P(t,e,i){this._$AL.has(t)||this._$AL.set(t,e),!0===i.reflect&&this._$Em!==t&&(this._$Ej??=new Set).add(t)}async _$ET(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,e]of this._$Ep)this[t]=e;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,i]of t)!0!==i.wrapped||this._$AL.has(e)||void 0===this[e]||this.P(e,this[e],i)}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(e)):this._$EU()}catch(e){throw t=!1,this._$EU(),e}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Ej&&=this._$Ej.forEach((t=>this._$EC(t,this[t]))),this._$EU()}updated(t){}firstUpdated(t){}};N.elementStyles=[],N.shadowRootOptions={mode:"open"},N[U("elementProperties")]=new Map,N[U("finalized")]=new Map,C?.({ReactiveElement:N}),(E.reactiveElementVersions??=[]).push("2.0.4");
12
- /**
13
- * @license
14
- * Copyright 2017 Google LLC
15
- * SPDX-License-Identifier: BSD-3-Clause
16
- */
17
- const z=globalThis,j=z.trustedTypes,D=j?j.createPolicy("lit-html",{createHTML:t=>t}):void 0,B="$lit$",W=`lit$${(Math.random()+"").slice(9)}$`,q="?"+W,J=`<${q}>`,K=document,Z=()=>K.createComment(""),F=t=>null===t||"object"!=typeof t&&"function"!=typeof t,G=Array.isArray,Q="[ \t\n\f\r]",X=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Y=/-->/g,tt=/>/g,et=RegExp(`>|${Q}(?:([^\\s"'>=/]+)(${Q}*=${Q}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),st=/'/g,it=/"/g,ot=/^(?:script|style|textarea|title)$/i,rt=(t=>(e,...i)=>({_$litType$:t,strings:e,values:i}))(1),nt=Symbol.for("lit-noChange"),at=Symbol.for("lit-nothing"),ht=new WeakMap,ct=K.createTreeWalker(K,129);function lt(t,e){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==D?D.createHTML(e):e}const dt=(t,e)=>{const i=t.length-1,o=[];let r,a=2===e?"<svg>":"",h=X;for(let e=0;e<i;e++){const i=t[e];let c,l,d=-1,p=0;for(;p<i.length&&(h.lastIndex=p,l=h.exec(i),null!==l);)p=h.lastIndex,h===X?"!--"===l[1]?h=Y:void 0!==l[1]?h=tt:void 0!==l[2]?(ot.test(l[2])&&(r=RegExp("</"+l[2],"g")),h=et):void 0!==l[3]&&(h=et):h===et?">"===l[0]?(h=r??X,d=-1):void 0===l[1]?d=-2:(d=h.lastIndex-l[2].length,c=l[1],h=void 0===l[3]?et:'"'===l[3]?it:st):h===it||h===st?h=et:h===Y||h===tt?h=X:(h=et,r=void 0);const u=h===et&&t[e+1].startsWith("/>")?" ":"";a+=h===X?i+J:d>=0?(o.push(c),i.slice(0,d)+B+i.slice(d)+W+u):i+W+(-2===d?e:u)}return[lt(t,a+(t[i]||"<?>")+(2===e?"</svg>":"")),o]};class V{constructor({strings:t,_$litType$:e},i){let o;this.parts=[];let r=0,a=0;const h=t.length-1,c=this.parts,[l,d]=dt(t,e);if(this.el=V.createElement(l,i),ct.currentNode=this.el.content,2===e){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(o=ct.nextNode())&&c.length<h;){if(1===o.nodeType){if(o.hasAttributes())for(const t of o.getAttributeNames())if(t.endsWith(B)){const e=d[a++],i=o.getAttribute(t).split(W),h=/([.?@])?(.*)/.exec(e);c.push({type:1,index:r,name:h[2],strings:i,ctor:"."===h[1]?k:"?"===h[1]?H:"@"===h[1]?I:R}),o.removeAttribute(t)}else t.startsWith(W)&&(c.push({type:6,index:r}),o.removeAttribute(t));if(ot.test(o.tagName)){const t=o.textContent.split(W),e=t.length-1;if(e>0){o.textContent=j?j.emptyScript:"";for(let i=0;i<e;i++)o.append(t[i],Z()),ct.nextNode(),c.push({type:2,index:++r});o.append(t[e],Z())}}}else if(8===o.nodeType)if(o.data===q)c.push({type:2,index:r});else{let t=-1;for(;-1!==(t=o.data.indexOf(W,t+1));)c.push({type:7,index:r}),t+=W.length-1}r++}}static createElement(t,e){const i=K.createElement("template");return i.innerHTML=t,i}}function pt(t,e,i=t,o){if(e===nt)return e;let r=void 0!==o?i._$Co?.[o]:i._$Cl;const a=F(e)?void 0:e._$litDirective$;return r?.constructor!==a&&(r?._$AO?.(!1),void 0===a?r=void 0:(r=new a(t),r._$AT(t,i,o)),void 0!==o?(i._$Co??=[])[o]=r:i._$Cl=r),void 0!==r&&(e=pt(t,r._$AS(t,e.values),r,o)),e}let ut=class S{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:e},parts:i}=this._$AD,o=(t?.creationScope??K).importNode(e,!0);ct.currentNode=o;let r=ct.nextNode(),a=0,h=0,c=i[0];for(;void 0!==c;){if(a===c.index){let e;2===c.type?e=new M(r,r.nextSibling,this,t):1===c.type?e=new c.ctor(r,c.name,c.strings,this,t):6===c.type&&(e=new L(r,this,t)),this._$AV.push(e),c=i[++h]}a!==c?.index&&(r=ct.nextNode(),a++)}return ct.currentNode=K,o}p(t){let e=0;for(const i of this._$AV)void 0!==i&&(void 0!==i.strings?(i._$AI(t,i,e),e+=i.strings.length-2):i._$AI(t[e])),e++}};class M{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,e,i,o){this.type=2,this._$AH=at,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=o,this._$Cv=o?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===t?.nodeType&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=pt(this,t,e),F(t)?t===at||null==t||""===t?(this._$AH!==at&&this._$AR(),this._$AH=at):t!==this._$AH&&t!==nt&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>G(t)||"function"==typeof t?.[Symbol.iterator])(t)?this.k(t):this._(t)}S(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.S(t))}_(t){this._$AH!==at&&F(this._$AH)?this._$AA.nextSibling.data=t:this.T(K.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:i}=t,o="number"==typeof i?this._$AC(t):(void 0===i.el&&(i.el=V.createElement(lt(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===o)this._$AH.p(e);else{const t=new ut(o,this),i=t.u(this.options);t.p(e),this.T(i),this._$AH=t}}_$AC(t){let e=ht.get(t.strings);return void 0===e&&ht.set(t.strings,e=new V(t)),e}k(t){G(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,o=0;for(const r of t)o===e.length?e.push(i=new M(this.S(Z()),this.S(Z()),this,this.options)):i=e[o],i._$AI(r),o++;o<e.length&&(this._$AR(i&&i._$AB.nextSibling,o),e.length=o)}_$AR(t=this._$AA.nextSibling,e){for(this._$AP?.(!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class R{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,i,o,r){this.type=1,this._$AH=at,this._$AN=void 0,this.element=t,this.name=e,this._$AM=o,this.options=r,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=at}_$AI(t,e=this,i,o){const r=this.strings;let a=!1;if(void 0===r)t=pt(this,t,e,0),a=!F(t)||t!==this._$AH&&t!==nt,a&&(this._$AH=t);else{const o=t;let h,c;for(t=r[0],h=0;h<r.length-1;h++)c=pt(this,o[i+h],e,h),c===nt&&(c=this._$AH[h]),a||=!F(c)||c!==this._$AH[h],c===at?t=at:t!==at&&(t+=(c??"")+r[h+1]),this._$AH[h]=c}a&&!o&&this.j(t)}j(t){t===at?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class k extends R{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===at?void 0:t}}class H extends R{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==at)}}class I extends R{constructor(t,e,i,o,r){super(t,e,i,o,r),this.type=5}_$AI(t,e=this){if((t=pt(this,t,e,0)??at)===nt)return;const i=this._$AH,o=t===at&&i!==at||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,r=t!==at&&(i===at||o);o&&this.element.removeEventListener(this.name,this,i),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class L{constructor(t,e,i){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=i}get _$AU(){return this._$AM._$AU}_$AI(t){pt(this,t)}}const _t=z.litHtmlPolyfillSupport;_t?.(V,M),(z.litHtmlVersions??=[]).push("3.1.2");const mt=globalThis,ft=mt.ShadowRoot&&(void 0===mt.ShadyCSS||mt.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,$t=Symbol(),gt=new WeakMap;
18
- /**
19
- * @license
20
- * Copyright 2019 Google LLC
21
- * SPDX-License-Identifier: BSD-3-Clause
22
- */let yt=class n{constructor(t,e,i){if(this._$cssResult$=!0,i!==$t)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o;const e=this.t;if(ft&&void 0===t){const i=void 0!==e&&1===e.length;i&&(t=gt.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&gt.set(e,t))}return t}toString(){return this.cssText}};const vt=(t,...e)=>{const i=1===t.length?t[0]:e.reduce(((e,i,o)=>e+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+t[o+1]),t[0]);return new yt(i,t,$t)},bt=ft?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return(t=>new yt("string"==typeof t?t:t+"",void 0,$t))(e)})(t):t
23
- /**
24
- * @license
25
- * Copyright 2017 Google LLC
26
- * SPDX-License-Identifier: BSD-3-Clause
27
- */,{is:At,defineProperty:Et,getOwnPropertyDescriptor:St,getOwnPropertyNames:wt,getOwnPropertySymbols:Pt,getPrototypeOf:Ct}=Object,Ut=globalThis,xt=Ut.trustedTypes,Ot=xt?xt.emptyScript:"",Tt=Ut.reactiveElementPolyfillSupport,Rt=(t,e)=>t,Mt={toAttribute(t,e){switch(e){case Boolean:t=t?Ot:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let i=t;switch(e){case Boolean:i=null!==t;break;case Number:i=null===t?null:Number(t);break;case Object:case Array:try{i=JSON.parse(t)}catch(t){i=null}}return i}},Nt=(t,e)=>!At(t,e),kt={attribute:!0,type:String,converter:Mt,reflect:!1,hasChanged:Nt};Symbol.metadata??=Symbol("metadata"),Ut.litPropertyMetadata??=new WeakMap;class b extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=kt){if(e.state&&(e.attribute=!1),this._$Ei(),this.elementProperties.set(t,e),!e.noAccessor){const i=Symbol(),o=this.getPropertyDescriptor(t,i,e);void 0!==o&&Et(this.prototype,t,o)}}static getPropertyDescriptor(t,e,i){const{get:o,set:r}=St(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get(){return o?.call(this)},set(e){const a=o?.call(this);r.call(this,e),this.requestUpdate(t,a,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??kt}static _$Ei(){if(this.hasOwnProperty(Rt("elementProperties")))return;const t=Ct(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(Rt("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(Rt("properties"))){const t=this.properties,e=[...wt(t),...Pt(t)];for(const i of e)this.createProperty(i,t[i])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,i]of e)this.elementProperties.set(t,i)}this._$Eh=new Map;for(const[t,e]of this.elementProperties){const i=this._$Eu(t,e);void 0!==i&&this._$Eh.set(i,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const e=[];if(Array.isArray(t)){const i=new Set(t.flat(1/0).reverse());for(const t of i)e.unshift(bt(t))}else void 0!==t&&e.push(bt(t));return e}static _$Eu(t,e){const i=e.attribute;return!1===i?void 0:"string"==typeof i?i:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)))}addController(t){(this._$EO??=new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=new Map,e=this.constructor.elementProperties;for(const i of e.keys())this.hasOwnProperty(i)&&(t.set(i,this[i]),delete this[i]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((t,e)=>{if(ft)t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const i of e){const e=document.createElement("style"),o=mt.litNonce;void 0!==o&&e.setAttribute("nonce",o),e.textContent=i.cssText,t.appendChild(e)}})(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,e,i){this._$AK(t,i)}_$EC(t,e){const i=this.constructor.elementProperties.get(t),o=this.constructor._$Eu(t,i);if(void 0!==o&&!0===i.reflect){const r=(void 0!==i.converter?.toAttribute?i.converter:Mt).toAttribute(e,i.type);this._$Em=t,null==r?this.removeAttribute(o):this.setAttribute(o,r),this._$Em=null}}_$AK(t,e){const i=this.constructor,o=i._$Eh.get(t);if(void 0!==o&&this._$Em!==o){const t=i.getPropertyOptions(o),r="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:Mt;this._$Em=o,this[o]=r.fromAttribute(e,t.type),this._$Em=null}}requestUpdate(t,e,i){if(void 0!==t){if(i??=this.constructor.getPropertyOptions(t),!(i.hasChanged??Nt)(this[t],e))return;this.P(t,e,i)}!1===this.isUpdatePending&&(this._$ES=this._$ET())}P(t,e,i){this._$AL.has(t)||this._$AL.set(t,e),!0===i.reflect&&this._$Em!==t&&(this._$Ej??=new Set).add(t)}async _$ET(){this.isUpdatePending=!0;try{await this._$ES}catch(t){Promise.reject(t)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,e]of this._$Ep)this[t]=e;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[e,i]of t)!0!==i.wrapped||this._$AL.has(e)||void 0===this[e]||this.P(e,this[e],i)}let t=!1;const e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(e)):this._$EU()}catch(e){throw t=!1,this._$EU(),e}t&&this._$AE(e)}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Ej&&=this._$Ej.forEach((t=>this._$EC(t,this[t]))),this._$EU()}updated(t){}firstUpdated(t){}}b.elementStyles=[],b.shadowRootOptions={mode:"open"},b[Rt("elementProperties")]=new Map,b[Rt("finalized")]=new Map,Tt?.({ReactiveElement:b}),(Ut.reactiveElementVersions??=[]).push("2.0.4");
28
- /**
29
- * @license
30
- * Copyright 2017 Google LLC
31
- * SPDX-License-Identifier: BSD-3-Clause
32
- */
33
- class s extends b{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=((t,e,i)=>{const o=i?.renderBefore??e;let r=o._$litPart$;if(void 0===r){const t=i?.renderBefore??null;o._$litPart$=r=new M(e.insertBefore(Z(),t),t,void 0,i??{})}return r._$AI(t),r})(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return nt}}s._$litElement$=!0,s.finalized=!0,globalThis.litElementHydrateSupport?.({LitElement:s});const Ht=globalThis.litElementPolyfillSupport;Ht?.({LitElement:s}),(globalThis.litElementVersions??=[]).push("4.0.4");
34
- /**
35
- * @license
36
- * Copyright 2017 Google LLC
37
- * SPDX-License-Identifier: BSD-3-Clause
38
- */
39
- const zt=t=>(e,i)=>{void 0!==i?i.addInitializer((()=>{customElements.define(t,e)})):customElements.define(t,e)}
40
- /**
41
- * @license
42
- * Copyright 2017 Google LLC
43
- * SPDX-License-Identifier: BSD-3-Clause
44
- */,jt={attribute:!0,type:String,converter:x,reflect:!1,hasChanged:O},Lt=(t=jt,e,i)=>{const{kind:o,metadata:r}=i;let a=globalThis.litPropertyMetadata.get(r);if(void 0===a&&globalThis.litPropertyMetadata.set(r,a=new Map),a.set(i.name,t),"accessor"===o){const{name:o}=i;return{set(i){const r=e.get.call(this);e.set.call(this,i),this.requestUpdate(o,r,t)},init(e){return void 0!==e&&this.P(o,void 0,t),e}}}if("setter"===o){const{name:o}=i;return function(i){const r=this[o];e.call(this,i),this.requestUpdate(o,r,t)}}throw Error("Unsupported decorator location: "+o)};function Dt(t){return(e,i)=>"object"==typeof i?Lt(t,e,i):((t,e,i)=>{const o=e.hasOwnProperty(i);return e.constructor.createProperty(i,o?{...t,wrapped:!0}:t),o?Object.getOwnPropertyDescriptor(e,i):void 0})(t,e,i)}function It(t,e,i,o,r,a){function h(t){if(void 0!==t&&"function"!=typeof t)throw new TypeError("Function expected");return t}for(var c,l=o.kind,d="getter"===l?"get":"setter"===l?"set":"value",p=!e&&t?o.static?t:t.prototype:null,u=e||(p?Object.getOwnPropertyDescriptor(p,o.name):{}),_=!1,m=i.length-1;m>=0;m--){var f={};for(var $ in o)f[$]="access"===$?{}:o[$];for(var $ in o.access)f.access[$]=o.access[$];f.addInitializer=function(t){if(_)throw new TypeError("Cannot add initializers after decoration has completed");a.push(h(t||null))};var g=(0,i[m])("accessor"===l?{get:u.get,set:u.set}:u[d],f);if("accessor"===l){if(void 0===g)continue;if(null===g||"object"!=typeof g)throw new TypeError("Object expected");(c=h(g.get))&&(u.get=c),(c=h(g.set))&&(u.set=c),(c=h(g.init))&&r.unshift(c)}else(c=h(g))&&("field"===l?r.unshift(c):u[d]=c)}p&&Object.defineProperty(p,o.name,u),_=!0}function Bt(t,e,i){for(var o=arguments.length>2,r=0;r<e.length;r++)i=o?e[r].call(t,i):e[r].call(t);return o?i:void 0}"function"==typeof SuppressedError&&SuppressedError,globalThis.pubsub=globalThis.pubsub||new o(!0),(()=>{let e,i,o,l,d,p,u=[t("custom-icon")],_=[],m=c,f=[],$=[],g=[],y=[],v=[],A=[],E=[],w=[];(class extends m{static{i=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(m[Symbol.metadata]??null):void 0;o=[r()],l=[r({attribute:"icon"})],d=[r()],p=[r()],It(this,null,o,{kind:"accessor",name:"host",static:!1,private:!1,access:{has:t=>"host"in t,get:t=>t.host,set:(t,e)=>{t.host=e}},metadata:t},f,$),It(this,null,l,{kind:"accessor",name:"icon",static:!1,private:!1,access:{has:t=>"icon"in t,get:t=>t.icon,set:(t,e)=>{t.icon=e}},metadata:t},g,y),It(this,null,d,{kind:"accessor",name:"setName",static:!1,private:!1,access:{has:t=>"setName"in t,get:t=>t.setName,set:(t,e)=>{t.setName=e}},metadata:t},v,A),It(this,null,p,{kind:"accessor",name:"_icon",static:!1,private:!1,access:{has:t=>"_icon"in t,get:t=>t._icon,set:(t,e)=>{t._icon=e}},metadata:t},E,w),It(null,e={value:i},u,{kind:"class",name:i.name,metadata:t},null,_),i=e.value,t&&Object.defineProperty(i,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}#t=Bt(this,f,void 0);get host(){return this.#t}set host(t){this.#t=t}#e=(Bt(this,$),Bt(this,g,this.innerHTML));get icon(){return this.#e}set icon(t){this.#e=t}#s=(Bt(this,y),Bt(this,v,void 0));get setName(){return this.#s}set setName(t){this.#s=t}#i=(Bt(this,A),Bt(this,E,void 0));get _icon(){return this.#i}set _icon(t){this.#i=t}onChange(t,e){"setName"===t&&(this.host=globalThis.pubsub.subscribers[`custom-icon-set-${e}-connected`]?.value,this.host||globalThis.pubsub.subscribe(`custom-icon-set-${e}-connected`,(t=>{t&&(this.host=t)}))),"icon"!==t&&"host"!==t||this.host&&this.icon&&(this._icon=this.host.getIcon(this.icon))}static styles=[a`
45
- :host {
46
- --__custom-icon-size: var(--custom-icon-size, 24px);
47
- --custom-icon-color: var(--md-sys-color-on-surface);
48
- display: flex;
49
- height: var(--custom-icon-size, 24px);
50
- width: var(--custom-icon-size, 24px);
51
- }
52
-
53
- svg {
54
- fill: var(--custom-icon-color);
55
- height: inherit;
56
- width: inherit;
57
- pointer-events: none;
58
- }
59
- `];connectedCallback(){this.setName=this.getAttribute("set-name")||"icons"}render(){return h` ${this._icon} `}constructor(){super(...arguments),Bt(this,w)}static{Bt(i,_)}})})();let Vt=(()=>{let t,o,r,a,h,c,l=[zt("custom-notification")],d=[],p=s,u=[],_=[],m=[],f=[],$=[],g=[],y=[],v=[];return class extends p{static{o=this}static{const i="function"==typeof Symbol&&Symbol.metadata?Object.create(p[Symbol.metadata]??null):void 0;r=[Dt()],a=[Dt()],h=[Dt()],c=[Dt()],e(this,null,r,{kind:"accessor",name:"title",static:!1,private:!1,access:{has:t=>"title"in t,get:t=>t.title,set:(t,e)=>{t.title=e}},metadata:i},u,_),e(this,null,a,{kind:"accessor",name:"message",static:!1,private:!1,access:{has:t=>"message"in t,get:t=>t.message,set:(t,e)=>{t.message=e}},metadata:i},m,f),e(this,null,h,{kind:"accessor",name:"image",static:!1,private:!1,access:{has:t=>"image"in t,get:t=>t.image,set:(t,e)=>{t.image=e}},metadata:i},$,g),e(this,null,c,{kind:"accessor",name:"type",static:!1,private:!1,access:{has:t=>"type"in t,get:t=>t.type,set:(t,e)=>{t.type=e}},metadata:i},y,v),e(null,t={value:o},l,{kind:"class",name:o.name,metadata:i},null,d),o=t.value,i&&Object.defineProperty(o,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:i})}#o=i(this,u,void 0);get title(){return this.#o}set title(t){this.#o=t}#r=(i(this,_),i(this,m,void 0));get message(){return this.#r}set message(t){this.#r=t}#n=(i(this,f),i(this,$,void 0));get image(){return this.#n}set image(t){this.#n=t}#a=(i(this,g),i(this,y,void 0));get type(){return this.#a}set type(t){this.#a=t}#h=(i(this,v),()=>{this.parentElement.removeChild(this)});static styles=vt`
60
- :host {
61
- display: flex;
62
- align-items: flex-start;
63
- font-size: 13px;
64
- border: 1px solid;
65
- border-radius: 12px;
66
- padding: 6px 12px;
67
- box-sizing: border-box;
68
- margin-bottom: 12px;
69
- }
70
-
71
- flex-row {
72
- height: 24px;
73
- box-sizing: border-box;
74
- align-items: center;
75
- }
76
-
77
- strong {
78
- font-size: 14px;
79
- }
80
- `;render(){return rt`
81
- ${this.image?rt`<img src=${this.image} />`:""}
82
- <flex-column>
83
- <flex-row>
84
- <strong>${this.title}</strong>
85
- <flex-it></flex-it>
86
- <custom-icon icon="close" @click=${this.#h}></custom-icon>
87
- </flex-row>
88
-
89
- <p>${this.message}</p>
90
- </flex-column>
91
- `}static{i(o,d)}},o})();export{Vt as C,It as _,Bt as a};