@vandeurenglenn/lite-elements 0.3.84 → 0.4.0

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 (133) hide show
  1. package/exports/bundle/banner.js +1 -1
  2. package/exports/bundle/button.css.js +1 -1
  3. package/exports/bundle/button.js +1 -1
  4. package/exports/bundle/card.js +1 -1
  5. package/exports/bundle/code.js +1 -1
  6. package/exports/bundle/column-DdHjND9w.js +1 -0
  7. package/exports/bundle/custom-element-Wj8bC3gl.js +1 -0
  8. package/exports/bundle/dark-mode2-CBfmAvIL.js +11 -0
  9. package/exports/bundle/dark-mode2-DBD32xmy.js +1 -0
  10. package/exports/bundle/demo-elements.js +1 -1
  11. package/exports/bundle/demo-icons.js +2 -2
  12. package/exports/bundle/demo-shell.js +1 -1
  13. package/exports/bundle/demo.js +2 -2
  14. package/exports/bundle/dialog.js +1 -1
  15. package/exports/bundle/divider.js +1 -1
  16. package/exports/bundle/drawer-button.js +1 -1
  17. package/exports/bundle/drawer-item.js +1 -1
  18. package/exports/bundle/drawer-layout.js +1 -1
  19. package/exports/bundle/drawer.js +2 -2
  20. package/exports/bundle/dropdown-menu.js +1 -1
  21. package/exports/bundle/dropdown.js +1 -1
  22. package/exports/bundle/elements.js +1 -1
  23. package/exports/bundle/elevation.js +1 -1
  24. package/exports/bundle/fab.js +1 -1
  25. package/exports/bundle/file-reader-mixin.js +1 -1
  26. package/exports/bundle/hash-router.js +1 -1
  27. package/exports/bundle/icon-button.js +1 -1
  28. package/exports/bundle/icon-set.js +2 -2
  29. package/exports/bundle/icon.js +1 -1
  30. package/exports/bundle/input.js +1 -1
  31. package/exports/bundle/input2.js +1 -1
  32. package/exports/bundle/list-item.js +1 -1
  33. package/exports/bundle/menu.js +1 -1
  34. package/exports/bundle/minute-field.js +1 -1
  35. package/exports/bundle/notification.js +1 -1
  36. package/exports/bundle/notifications.js +1 -1
  37. package/exports/bundle/pages.js +1 -1
  38. package/exports/bundle/pane.js +25 -4
  39. package/exports/bundle/prompt.js +1 -1
  40. package/exports/bundle/property-EGWO0JMT.js +23 -0
  41. package/exports/bundle/query-DK39_nIZ.js +1 -0
  42. package/exports/bundle/rail.js +1 -1
  43. package/exports/bundle/root.js +1 -1
  44. package/exports/bundle/row-B1G5fFY7.js +28 -0
  45. package/exports/bundle/scroll-mixin.js +1 -1
  46. package/exports/bundle/section.js +2 -2
  47. package/exports/bundle/section2.js +1 -1
  48. package/exports/bundle/select-mixin.js +1 -1
  49. package/exports/bundle/selector-mixin.js +1 -1
  50. package/exports/bundle/selector.js +1 -1
  51. package/exports/bundle/summary-mirror.js +1 -1
  52. package/exports/bundle/summary.js +1 -1
  53. package/exports/bundle/supporting-pane.js +1 -1
  54. package/exports/bundle/tab.js +1 -1
  55. package/exports/bundle/tabs.js +1 -1
  56. package/exports/bundle/text-field.js +1 -1
  57. package/exports/bundle/theme.js +1 -1
  58. package/exports/bundle/time-picker.js +1 -1
  59. package/exports/bundle/toggle-button.js +1 -1
  60. package/exports/bundle/toggle.js +1 -1
  61. package/exports/bundle/top-app-bar.js +2 -2
  62. package/exports/bundle/typography.js +1 -1
  63. package/exports/bundle/upload-file.js +1 -1
  64. package/exports/bundle/upload-image.js +34 -32
  65. package/exports/{apis → src/apis}/device.d.ts +1 -1
  66. package/exports/{drawer → src/drawer}/drawer-layout.d.ts +1 -1
  67. package/exports/{mixins → src/mixins}/select-mixin.d.ts +2 -2
  68. package/exports/{notification → src/notification}/notifications.d.ts +1 -1
  69. package/exports/{places → src/places}/input.d.ts +1 -1
  70. package/exports/{router → src/router}/hash-router.d.ts +2 -2
  71. package/package.json +517 -525
  72. package/exports/bundle/column-CLFZeRaw.js +0 -1
  73. package/exports/bundle/custom-element-B_TPyPQO.js +0 -1
  74. package/exports/bundle/dark-mode-m29sAj4H.js +0 -11
  75. package/exports/bundle/property-CMTrOHQk.js +0 -23
  76. package/exports/bundle/query-DCTzLeFk.js +0 -1
  77. package/exports/bundle/row-DZm4UH0H.js +0 -28
  78. package/exports/mixins/scroll-mixin.d.ts +0 -11
  79. package/exports/section/section.d.ts +0 -17
  80. /package/exports/{banner → src/banner}/banner.d.ts +0 -0
  81. /package/exports/{bar → src/bar}/top-app-bar.d.ts +0 -0
  82. /package/exports/{button → src/button}/button.d.ts +0 -0
  83. /package/exports/{button → src/button}/icon-button.d.ts +0 -0
  84. /package/exports/{button → src/button}/styles/button.css.d.ts +0 -0
  85. /package/exports/{card → src/card}/card.d.ts +0 -0
  86. /package/exports/{demo → src/demo}/code.d.ts +0 -0
  87. /package/exports/{demo → src/demo}/demo-icons.d.ts +0 -0
  88. /package/exports/{demo → src/demo}/demo-shell.d.ts +0 -0
  89. /package/exports/{demo → src/demo}/demo.d.ts +0 -0
  90. /package/exports/{demo → src/demo}/section.d.ts +0 -0
  91. /package/exports/{demo-elements.d.ts → src/demo-elements.d.ts} +0 -0
  92. /package/exports/{dialog → src/dialog}/dialog.d.ts +0 -0
  93. /package/exports/{divider → src/divider}/divider.d.ts +0 -0
  94. /package/exports/{drawer → src/drawer}/drawer-button.d.ts +0 -0
  95. /package/exports/{drawer → src/drawer}/drawer-item.d.ts +0 -0
  96. /package/exports/{drawer → src/drawer}/drawer.d.ts +0 -0
  97. /package/exports/{dropdown → src/dropdown}/dropdown-menu.d.ts +0 -0
  98. /package/exports/{dropdown → src/dropdown}/dropdown.d.ts +0 -0
  99. /package/exports/{elements.d.ts → src/elements.d.ts} +0 -0
  100. /package/exports/{elevation → src/elevation}/elevation.d.ts +0 -0
  101. /package/exports/{fab → src/fab}/fab.d.ts +0 -0
  102. /package/exports/{icon → src/icon}/icon-set.d.ts +0 -0
  103. /package/exports/{icon → src/icon}/icon.d.ts +0 -0
  104. /package/exports/{list → src/list}/list-item.d.ts +0 -0
  105. /package/exports/{list → src/list}/list.d.ts +0 -0
  106. /package/exports/{menu → src/menu}/menu.d.ts +0 -0
  107. /package/exports/{mixins → src/mixins}/selector-mixin.d.ts +0 -0
  108. /package/exports/{notification → src/notification}/notification.d.ts +0 -0
  109. /package/exports/{pages → src/pages}/pages.d.ts +0 -0
  110. /package/exports/{pane → src/pane}/pane.d.ts +0 -0
  111. /package/exports/{prompt → src/prompt}/prompt.d.ts +0 -0
  112. /package/exports/{rail → src/rail}/rail.d.ts +0 -0
  113. /package/exports/{root → src/root}/root.d.ts +0 -0
  114. /package/exports/{selector → src/selector}/selector.d.ts +0 -0
  115. /package/exports/{summary → src/summary}/summary-mirror.d.ts +0 -0
  116. /package/exports/{summary → src/summary}/summary.d.ts +0 -0
  117. /package/exports/{supporting-pane → src/supporting-pane}/supporting-pane.d.ts +0 -0
  118. /package/exports/{tabs → src/tabs}/menu.d.ts +0 -0
  119. /package/exports/{tabs → src/tabs}/tab.d.ts +0 -0
  120. /package/exports/{tabs → src/tabs}/tabs.d.ts +0 -0
  121. /package/exports/{text-field → src/text-field}/text-field.d.ts +0 -0
  122. /package/exports/{theme → src/theme}/theme.d.ts +0 -0
  123. /package/exports/{time-picker → src/time-picker}/dial.d.ts +0 -0
  124. /package/exports/{time-picker → src/time-picker}/hour-field.d.ts +0 -0
  125. /package/exports/{time-picker → src/time-picker}/input.d.ts +0 -0
  126. /package/exports/{time-picker → src/time-picker}/minute-field.d.ts +0 -0
  127. /package/exports/{time-picker → src/time-picker}/time-picker.d.ts +0 -0
  128. /package/exports/{toggle → src/toggle}/toggle-button.d.ts +0 -0
  129. /package/exports/{toggle → src/toggle}/toggle.d.ts +0 -0
  130. /package/exports/{types.d.ts → src/types.d.ts} +0 -0
  131. /package/exports/{typography → src/typography}/title.d.ts +0 -0
  132. /package/exports/{typography → src/typography}/typography.d.ts +0 -0
  133. /package/exports/{upload → src/upload}/upload-file.d.ts +0 -0
@@ -1,4 +1,4 @@
1
- import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{i as s,s as o,r as a,x as i}from"./dark-mode-m29sAj4H.js";import{e as r}from"./custom-element-B_TPyPQO.js";import"./elevation.js";import"./icon-button.js";import"./icon.js";import"./button.js";import"./button.css.js";var n=s`
1
+ import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{i as s,t as o,r as a,b as i}from"./dark-mode2-CBfmAvIL.js";import{e as r}from"./custom-element-Wj8bC3gl.js";import"./elevation.js";import"./icon-button.js";import"./icon.js";import"./dark-mode2-DBD32xmy.js";import"./button.js";import"./button.css.js";var n=s`
2
2
  :host {
3
3
  display: flex;
4
4
  flex-direction: column;
@@ -31,6 +31,18 @@ import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{i as s,s as o,r as a,x
31
31
  z-index: 1001;
32
32
  }
33
33
 
34
+ :host([bottom]) {
35
+ border-radius: var(--md-sys-shape-corner-large-top);
36
+ transform: translateY(100%);
37
+ z-index: 1003;
38
+ }
39
+
40
+ :host([top]) {
41
+ border-radius: var(--md-sys-shape-corner-large-bottom);
42
+ transform: translateY(100%);
43
+ z-index: 1004;
44
+ }
45
+
34
46
  :host([mobile]) {
35
47
  inset: 0;
36
48
  position: fixed;
@@ -42,13 +54,22 @@ import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{i as s,s as o,r as a,x
42
54
  }
43
55
 
44
56
  :host([open]) {
45
- transform: translateX(0);
46
57
  opacity: 1;
47
58
  pointer-events: auto;
48
59
  transition: var(--md-sys-motion-easing-emphasized-decelerate) 500ms opacity,
49
60
  var(--md-sys-motion-easing-emphasized-decelerate) 500ms transform;
50
61
  }
51
62
 
63
+ :host([open]) :host([left]),
64
+ :host([open][right]) {
65
+ transform: translateX(0);
66
+ }
67
+
68
+ :host([open][bottom]),
69
+ :host([open][top]) {
70
+ transform: translateY(0);
71
+ }
72
+
52
73
  :host([open]) {
53
74
  position: relative;
54
75
  }
@@ -87,7 +108,7 @@ import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{i as s,s as o,r as a,x
87
108
  box-sizing: border-box;
88
109
  align-items: center;
89
110
  }
90
- `;let c=(()=>{let s,c,l,m,d,h,p,g,u,f=[r("custom-pane")],_=[],v=o,b=[],y=[],x=[],w=[],k=[],j=[],z=[],S=[],B=[],P=[],X=[],$=[],E=[],O=[];return class extends v{static{c=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(v[Symbol.metadata]??null):void 0;l=[a({type:Boolean,reflect:!0})],m=[a({type:Boolean,reflect:!0})],d=[a({type:String,reflect:!0})],h=[a({type:Boolean,reflect:!0})],p=[a({type:Boolean,reflect:!0})],g=[a({type:String})],u=[a({type:String})],e(this,null,l,{kind:"accessor",name:"open",static:!1,private:!1,access:{has:e=>"open"in e,get:e=>e.open,set:(e,t)=>{e.open=t}},metadata:t},b,y),e(this,null,m,{kind:"accessor",name:"mobile",static:!1,private:!1,access:{has:e=>"mobile"in e,get:e=>e.mobile,set:(e,t)=>{e.mobile=t}},metadata:t},x,w),e(this,null,d,{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},k,j),e(this,null,h,{kind:"accessor",name:"left",static:!1,private:!1,access:{has:e=>"left"in e,get:e=>e.left,set:(e,t)=>{e.left=t}},metadata:t},z,S),e(this,null,p,{kind:"accessor",name:"right",static:!1,private:!1,access:{has:e=>"right"in e,get:e=>e.right,set:(e,t)=>{e.right=t}},metadata:t},B,P),e(this,null,g,{kind:"accessor",name:"id",static:!1,private:!1,access:{has:e=>"id"in e,get:e=>e.id,set:(e,t)=>{e.id=t}},metadata:t},X,$),e(this,null,u,{kind:"accessor",name:"icon",static:!1,private:!1,access:{has:e=>"icon"in e,get:e=>e.icon,set:(e,t)=>{e.icon=t}},metadata:t},E,O),e(null,s={value:c},f,{kind:"class",name:c.name,metadata:t},null,_),c=s.value,t&&Object.defineProperty(c,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}#e=t(this,b,!1);get open(){return this.#e}set open(e){this.#e=e}#t=(t(this,y),t(this,x,!1));get mobile(){return this.#t}set mobile(e){this.#t=e}#s=(t(this,w),t(this,k,void 0));get type(){return this.#s}set type(e){this.#s=e}#o=(t(this,j),t(this,z,!0));get left(){return this.#o}set left(e){this.#o=e}#a=(t(this,S),t(this,B,!1));get right(){return this.#a}set right(e){this.#a=e}#i=(t(this,P),t(this,X,void 0));get id(){return this.#i}set id(e){this.#i=e}#r=(t(this,$),t(this,E,void 0));get icon(){return this.#r}set icon(e){this.#r=e}closePane(e){e.stopPropagation(),this.open=!1,document.dispatchEvent(new CustomEvent("custom-pane-close",{detail:this.id||""+(this.left?"left":"right")}))}static styles=[n];render(){return i`
111
+ `;let c=(()=>{let s,c,l,m,d,h,p,g,u,f=[r("custom-pane")],b=[],v=o,_=[],y=[],x=[],w=[],k=[],j=[],z=[],S=[],B=[],P=[],X=[],Y=[],$=[],E=[];return class extends v{static{c=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(v[Symbol.metadata]??null):void 0;l=[a({type:Boolean,reflect:!0})],m=[a({type:Boolean,reflect:!0})],d=[a({type:String,reflect:!0})],h=[a({type:Boolean,reflect:!0})],p=[a({type:Boolean,reflect:!0})],g=[a({type:String})],u=[a({type:String})],e(this,null,l,{kind:"accessor",name:"open",static:!1,private:!1,access:{has:e=>"open"in e,get:e=>e.open,set:(e,t)=>{e.open=t}},metadata:t},_,y),e(this,null,m,{kind:"accessor",name:"mobile",static:!1,private:!1,access:{has:e=>"mobile"in e,get:e=>e.mobile,set:(e,t)=>{e.mobile=t}},metadata:t},x,w),e(this,null,d,{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},k,j),e(this,null,h,{kind:"accessor",name:"left",static:!1,private:!1,access:{has:e=>"left"in e,get:e=>e.left,set:(e,t)=>{e.left=t}},metadata:t},z,S),e(this,null,p,{kind:"accessor",name:"right",static:!1,private:!1,access:{has:e=>"right"in e,get:e=>e.right,set:(e,t)=>{e.right=t}},metadata:t},B,P),e(this,null,g,{kind:"accessor",name:"id",static:!1,private:!1,access:{has:e=>"id"in e,get:e=>e.id,set:(e,t)=>{e.id=t}},metadata:t},X,Y),e(this,null,u,{kind:"accessor",name:"icon",static:!1,private:!1,access:{has:e=>"icon"in e,get:e=>e.icon,set:(e,t)=>{e.icon=t}},metadata:t},$,E),e(null,s={value:c},f,{kind:"class",name:c.name,metadata:t},null,b),c=s.value,t&&Object.defineProperty(c,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}#e=t(this,_,!1);get open(){return this.#e}set open(e){this.#e=e}#t=(t(this,y),t(this,x,!1));get mobile(){return this.#t}set mobile(e){this.#t=e}#s=(t(this,w),t(this,k,void 0));get type(){return this.#s}set type(e){this.#s=e}#o=(t(this,j),t(this,z,!0));get left(){return this.#o}set left(e){this.#o=e}#a=(t(this,S),t(this,B,!1));get right(){return this.#a}set right(e){this.#a=e}#i=(t(this,P),t(this,X,void 0));get id(){return this.#i}set id(e){this.#i=e}#r=(t(this,Y),t(this,$,void 0));get icon(){return this.#r}set icon(e){this.#r=e}closePane(e){e.stopPropagation(),this.open=!1,document.dispatchEvent(new CustomEvent("custom-pane-close",{detail:this.id||""+(this.left?"left":"right")}))}static styles=[n];render(){return i`
91
112
  <custom-elevation></custom-elevation>
92
113
  <aside>
93
114
  <slot name="header">
@@ -108,4 +129,4 @@ import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{i as s,s as o,r as a,x
108
129
  <slot name="footer"></slot>
109
130
  </flex-row>
110
131
  </aside>
111
- `}constructor(){super(...arguments),t(this,O)}static{t(c,_)}},c})();export{c as CustomPane};
132
+ `}constructor(){super(...arguments),t(this,E)}static{t(c,b)}},c})();export{c as CustomPane};
@@ -1,4 +1,4 @@
1
- import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{s as o,r as s,i as a,x as r}from"./dark-mode-m29sAj4H.js";globalThis.customPrompt=t=>{const e=document.createElement("custom-prompt");return e.promptTitle=t,document.body.appendChild(e),new Promise((t=>{e.addEventListener("close",(({detail:o})=>{e.remove(),t(o)}))}))};let i=(()=>{let i,l=o,c=[],n=[];return class CustomPrompt extends l{static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(l[Symbol.metadata]??null):void 0;i=[s({type:String})],t(this,null,i,{kind:"accessor",name:"promptTitle",static:!1,private:!1,access:{has:t=>"promptTitle"in t,get:t=>t.promptTitle,set:(t,e)=>{t.promptTitle=e}},metadata:e},c,n),e&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}#t=e(this,c,"Prompt Title");get promptTitle(){return this.#t}set promptTitle(t){this.#t=t}constructor(t){super(),this.setAttribute("prompt-title",t)}cancel=(e(this,n),()=>this.dispatchEvent(new CustomEvent("close",{detail:void 0})));ok=()=>this.dispatchEvent(new CustomEvent("close",{detail:this.shadowRoot.querySelector("input").value}));static styles=[a`
1
+ import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{t as o,r as s,i as a,b as r}from"./dark-mode2-CBfmAvIL.js";globalThis.customPrompt=t=>{const e=document.createElement("custom-prompt");return e.promptTitle=t,document.body.appendChild(e),new Promise(t=>{e.addEventListener("close",({detail:o})=>{e.remove(),t(o)})})};let i=(()=>{let i,l=o,c=[],n=[];return class CustomPrompt extends l{static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(l[Symbol.metadata]??null):void 0;i=[s({type:String})],t(this,null,i,{kind:"accessor",name:"promptTitle",static:!1,private:!1,access:{has:t=>"promptTitle"in t,get:t=>t.promptTitle,set:(t,e)=>{t.promptTitle=e}},metadata:e},c,n),e&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}#t=e(this,c,"Prompt Title");get promptTitle(){return this.#t}set promptTitle(t){this.#t=t}constructor(t){super(),this.setAttribute("prompt-title",t)}cancel=(e(this,n),()=>this.dispatchEvent(new CustomEvent("close",{detail:void 0})));ok=()=>this.dispatchEvent(new CustomEvent("close",{detail:this.shadowRoot.querySelector("input").value}));static styles=[a`
2
2
  :host {
3
3
  display: contents;
4
4
  }
@@ -0,0 +1,23 @@
1
+ import{c as t,S as e,D as s,E as r}from"./dark-mode2-CBfmAvIL.js";
2
+ /**
3
+ * @license
4
+ * Copyright 2017 Google LLC
5
+ * SPDX-License-Identifier: BSD-3-Clause
6
+ */const{is:o,defineProperty:n,getOwnPropertyDescriptor:a,getOwnPropertyNames:h,getOwnPropertySymbols:c,getPrototypeOf:d}=Object,l=globalThis,p=l.trustedTypes,u=p?p.emptyScript:"",f=l.reactiveElementPolyfillSupport,E=(t,e)=>t,_={toAttribute(t,e){switch(e){case Boolean:t=t?u:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,e){let s=t;switch(e){case Boolean:s=null!==t;break;case Number:s=null===t?null:Number(t);break;case Object:case Array:try{s=JSON.parse(t)}catch(t){s=null}}return s}},$=(t,e)=>!o(t,e),m={attribute:!0,type:String,converter:_,reflect:!1,useDefault:!1,hasChanged:$};Symbol.metadata??=Symbol("metadata"),l.litPropertyMetadata??=new WeakMap;class y 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=m){if(e.state&&(e.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((e=Object.create(e)).wrapped=!0),this.elementProperties.set(t,e),!e.noAccessor){const s=Symbol(),r=this.getPropertyDescriptor(t,s,e);void 0!==r&&n(this.prototype,t,r)}}static getPropertyDescriptor(t,e,s){const{get:r,set:o}=a(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get:r,set(e){const n=r?.call(this);o?.call(this,e),this.requestUpdate(t,n,s)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??m}static _$Ei(){if(this.hasOwnProperty(E("elementProperties")))return;const t=d(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(E("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(E("properties"))){const t=this.properties,e=[...h(t),...c(t)];for(const s of e)this.createProperty(s,t[s])}const t=this[Symbol.metadata];if(null!==t){const e=litPropertyMetadata.get(t);if(void 0!==e)for(const[t,s]of e)this.elementProperties.set(t,s)}this._$Eh=new Map;for(const[t,e]of this.elementProperties){const s=this._$Eu(t,e);void 0!==s&&this._$Eh.set(s,t)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){const s=[];if(Array.isArray(e)){const r=new Set(e.flat(1/0).reverse());for(const e of r)s.unshift(t(e))}else void 0!==e&&s.push(t(e));return s}static _$Eu(t,e){const s=e.attribute;return!1===s?void 0:"string"==typeof s?s:"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 s of e.keys())this.hasOwnProperty(s)&&(t.set(s,this[s]),delete this[s]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return 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,s){this._$AK(t,s)}_$ET(t,e){const s=this.constructor.elementProperties.get(t),r=this.constructor._$Eu(t,s);if(void 0!==r&&!0===s.reflect){const o=(void 0!==s.converter?.toAttribute?s.converter:_).toAttribute(e,s.type);this._$Em=t,null==o?this.removeAttribute(r):this.setAttribute(r,o),this._$Em=null}}_$AK(t,e){const s=this.constructor,r=s._$Eh.get(t);if(void 0!==r&&this._$Em!==r){const t=s.getPropertyOptions(r),o="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:_;this._$Em=r;const n=o.fromAttribute(e,t.type);this[r]=n??this._$Ej?.get(r)??n,this._$Em=null}}requestUpdate(t,e,s,r=!1,o){if(void 0!==t){const n=this.constructor;if(!1===r&&(o=this[t]),s??=n.getPropertyOptions(t),!((s.hasChanged??$)(o,e)||s.useDefault&&s.reflect&&o===this._$Ej?.get(t)&&!this.hasAttribute(n._$Eu(t,s))))return;this.C(t,e,s)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,e,{useDefault:s,reflect:r,wrapped:o},n){s&&!(this._$Ej??=new Map).has(t)&&(this._$Ej.set(t,n??e??this[t]),!0!==o||void 0!==n)||(this._$AL.has(t)||(this.hasUpdated||s||(e=void 0),this._$AL.set(t,e)),!0===r&&this._$Em!==t&&(this._$Eq??=new Set).add(t))}async _$EP(){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,s]of t){const{wrapped:t}=s,r=this[e];!0!==t||this._$AL.has(e)||void 0===r||this.C(e,void 0,s,r)}}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._$EM()}catch(e){throw t=!1,this._$EM(),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)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach(t=>this._$ET(t,this[t])),this._$EM()}updated(t){}firstUpdated(t){}}y.elementStyles=[],y.shadowRootOptions={mode:"open"},y[E("elementProperties")]=new Map,y[E("finalized")]=new Map,f?.({ReactiveElement:y}),(l.reactiveElementVersions??=[]).push("2.1.2");
7
+ /**
8
+ * @license
9
+ * Copyright 2017 Google LLC
10
+ * SPDX-License-Identifier: BSD-3-Clause
11
+ */
12
+ const b=globalThis;class i extends y{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=s(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return r}}i._$litElement$=!0,i.finalized=!0,b.litElementHydrateSupport?.({LitElement:i});const g=b.litElementPolyfillSupport;g?.({LitElement:i}),(b.litElementVersions??=[]).push("4.2.2");
13
+ /**
14
+ * @license
15
+ * Copyright 2017 Google LLC
16
+ * SPDX-License-Identifier: BSD-3-Clause
17
+ */
18
+ const P=t=>(e,s)=>{void 0!==s?s.addInitializer(()=>{customElements.define(t,e)}):customElements.define(t,e)},v={attribute:!0,type:String,converter:_,reflect:!1,hasChanged:$},w=(t=v,e,s)=>{const{kind:r,metadata:o}=s;let n=globalThis.litPropertyMetadata.get(o);if(void 0===n&&globalThis.litPropertyMetadata.set(o,n=new Map),"setter"===r&&((t=Object.create(t)).wrapped=!0),n.set(s.name,t),"accessor"===r){const{name:r}=s;return{set(s){const o=e.get.call(this);e.set.call(this,s),this.requestUpdate(r,o,t,!0,s)},init(e){return void 0!==e&&this.C(r,void 0,t,e),e}}}if("setter"===r){const{name:r}=s;return function(s){const o=this[r];e.call(this,s),this.requestUpdate(r,o,t,!0,s)}}throw Error("Unsupported decorator location: "+r)};
19
+ /**
20
+ * @license
21
+ * Copyright 2017 Google LLC
22
+ * SPDX-License-Identifier: BSD-3-Clause
23
+ */function U(t){return(e,s)=>"object"==typeof s?w(t,e,s):((t,e,s)=>{const r=e.hasOwnProperty(s);return e.constructor.createProperty(s,t),r?Object.getOwnPropertyDescriptor(e,s):void 0})(t,e,s)}export{i,U as n,P as t};
@@ -0,0 +1 @@
1
+ const e=e=>function(t,{kind:o,name:r,access:s,addInitializer:n}){return"accessor"!==o&&n(function(){console.warn(`${this.localName}: @query(${e}) ${String(r)} ${o} is not supported`)}),{get(){return(this.shadowRoot?this.shadowRoot.querySelector(e):this.querySelector(e))||this.querySelector(e)}}};export{e as t};
@@ -1,4 +1,4 @@
1
- import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{s,r as o,x as a}from"./dark-mode-m29sAj4H.js";import{e as i}from"./custom-element-B_TPyPQO.js";import"./pane.js";import"./elevation.js";import"./icon-button.js";import"./button.js";import"./button.css.js";import"./icon.js";let l=(()=>{let l,r,n,c,m,p,h=[i("custom-rail")],d=[],y=s,g=[],u=[],b=[],f=[],_=[],v=[],x=[],j=[];return class extends y{static{r=this}static{const s="function"==typeof Symbol&&Symbol.metadata?Object.create(y[Symbol.metadata]??null):void 0;n=[o({type:Boolean,reflect:!0})],c=[o({type:Boolean,reflect:!0})],m=[o({type:String,reflect:!0})],p=[o({type:Boolean})],t(this,null,n,{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:s},g,u),t(this,null,c,{kind:"accessor",name:"mobile",static:!1,private:!1,access:{has:t=>"mobile"in t,get:t=>t.mobile,set:(t,e)=>{t.mobile=e}},metadata:s},b,f),t(this,null,m,{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:s},_,v),t(this,null,p,{kind:"accessor",name:"right",static:!1,private:!1,access:{has:t=>"right"in t,get:t=>t.right,set:(t,e)=>{t.right=e}},metadata:s},x,j),t(null,l={value:r},h,{kind:"class",name:r.name,metadata:s},null,d),r=l.value,s&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s}),e(r,d)}#t=e(this,g,!1);get open(){return this.#t}set open(t){this.#t=t}#e=(e(this,u),e(this,b,!1));get mobile(){return this.#e}set mobile(t){this.#e=t}#s=(e(this,f),e(this,_,void 0));get type(){return this.#s}set type(t){this.#s=t}#o=(e(this,v),e(this,x,!1));get right(){return this.#o}set right(t){this.#o=t}render(){return a`<style>
1
+ import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{t as s,r as o,b as a}from"./dark-mode2-CBfmAvIL.js";import{e as i}from"./custom-element-Wj8bC3gl.js";import"./pane.js";import"./elevation.js";import"./icon-button.js";import"./button.js";import"./button.css.js";import"./icon.js";import"./dark-mode2-DBD32xmy.js";let l=(()=>{let l,r,n,c,m,p,h=[i("custom-rail")],d=[],y=s,g=[],u=[],b=[],f=[],_=[],v=[],x=[],j=[];return class extends y{static{r=this}static{const s="function"==typeof Symbol&&Symbol.metadata?Object.create(y[Symbol.metadata]??null):void 0;n=[o({type:Boolean,reflect:!0})],c=[o({type:Boolean,reflect:!0})],m=[o({type:String,reflect:!0})],p=[o({type:Boolean})],t(this,null,n,{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:s},g,u),t(this,null,c,{kind:"accessor",name:"mobile",static:!1,private:!1,access:{has:t=>"mobile"in t,get:t=>t.mobile,set:(t,e)=>{t.mobile=e}},metadata:s},b,f),t(this,null,m,{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:s},_,v),t(this,null,p,{kind:"accessor",name:"right",static:!1,private:!1,access:{has:t=>"right"in t,get:t=>t.right,set:(t,e)=>{t.right=e}},metadata:s},x,j),t(null,l={value:r},h,{kind:"class",name:r.name,metadata:s},null,d),r=l.value,s&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s}),e(r,d)}#t=e(this,g,!1);get open(){return this.#t}set open(t){this.#t=t}#e=(e(this,u),e(this,b,!1));get mobile(){return this.#e}set mobile(t){this.#e=t}#s=(e(this,f),e(this,_,void 0));get type(){return this.#s}set type(t){this.#s=t}#o=(e(this,v),e(this,x,!1));get right(){return this.#o}set right(t){this.#o=t}render(){return a`<style>
2
2
  :host {
3
3
  display: contents;
4
4
  }
@@ -1,4 +1,4 @@
1
- import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{s as a,i as s,x as o}from"./dark-mode-m29sAj4H.js";import{e as m}from"./custom-element-B_TPyPQO.js";import"./theme.js";let l=(()=>{let l,r,n=[m("custom-root")],c=[],i=a;return class extends i{static{r=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(i[Symbol.metadata]??null):void 0;t(null,l={value:r},n,{kind:"class",name:r.name,metadata:e},null,c),r=l.value,e&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}static styles=[s`
1
+ import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{t as a,i as s,b as o}from"./dark-mode2-CBfmAvIL.js";import{e as m}from"./custom-element-Wj8bC3gl.js";import"./theme.js";let l=(()=>{let l,r,n=[m("custom-root")],c=[],i=a;return class extends i{static{r=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(i[Symbol.metadata]??null):void 0;t(null,l={value:r},n,{kind:"class",name:r.name,metadata:e},null,c),r=l.value,e&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}static styles=[s`
2
2
  :host {
3
3
  display: contents;
4
4
  }
@@ -0,0 +1,28 @@
1
+ import{t,r as e,b as s}from"./dark-mode2-CBfmAvIL.js";function i(t,e,s,i,a,r){function n(t){if(void 0!==t&&"function"!=typeof t)throw new TypeError("Function expected");return t}for(var c,o=i.kind,d="getter"===o?"get":"setter"===o?"set":"value",h=t?i.static?t:t.prototype:null,g=h?Object.getOwnPropertyDescriptor(h,i.name):{},l=!1,m=s.length-1;m>=0;m--){var p={};for(var _ in i)p[_]="access"===_?{}:i[_];for(var _ in i.access)p.access[_]=i.access[_];p.addInitializer=function(t){if(l)throw new TypeError("Cannot add initializers after decoration has completed");r.push(n(t||null))};var f=(0,s[m])("accessor"===o?{get:g.get,set:g.set}:g[d],p);if("accessor"===o){if(void 0===f)continue;if(null===f||"object"!=typeof f)throw new TypeError("Object expected");(c=n(f.get))&&(g.get=c),(c=n(f.set))&&(g.set=c),(c=n(f.init))&&a.unshift(c)}else(c=n(f))&&("field"===o?a.unshift(c):g[d]=c)}h&&Object.defineProperty(h,i.name,g),l=!0}function a(t,e,s){for(var i=arguments.length>2,a=0;a<e.length;a++)s=i?e[a].call(t,s):e[a].call(t);return i?s:void 0}"function"==typeof SuppressedError&&SuppressedError;let r=(()=>{let r,n,c,o,d,h,g,l,m,p,_=t,f=[],u=[],y=[],x=[],v=[],w=[],b=[],S=[],j=[],C=[],W=[],z=[],k=[],I=[],$=[],E=[],O=[],F=[],P=[],T=[];return class FlexDisplay extends _{static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(_[Symbol.metadata]??null):void 0;r=[e({type:String})],n=[e({type:String})],c=[e({type:String})],o=[e({type:String})],d=[e({type:String,reflect:!0})],h=[e({type:Boolean,reflect:!0})],g=[e({type:Boolean,reflect:!0,attribute:"center-center"})],l=[e({type:String})],m=[e({type:String})],p=[e({type:String})],i(this,0,r,{kind:"accessor",name:"padding",static:!1,private:!1,access:{has:t=>"padding"in t,get:t=>t.padding,set:(t,e)=>{t.padding=e}},metadata:t},f,u),i(this,0,n,{kind:"accessor",name:"minWidth",static:!1,private:!1,access:{has:t=>"minWidth"in t,get:t=>t.minWidth,set:(t,e)=>{t.minWidth=e}},metadata:t},y,x),i(this,0,c,{kind:"accessor",name:"maxWidth",static:!1,private:!1,access:{has:t=>"maxWidth"in t,get:t=>t.maxWidth,set:(t,e)=>{t.maxWidth=e}},metadata:t},v,w),i(this,0,o,{kind:"accessor",name:"width",static:!1,private:!1,access:{has:t=>"width"in t,get:t=>t.width,set:(t,e)=>{t.width=e}},metadata:t},b,S),i(this,0,d,{kind:"accessor",name:"direction",static:!1,private:!1,access:{has:t=>"direction"in t,get:t=>t.direction,set:(t,e)=>{t.direction=e}},metadata:t},j,C),i(this,0,h,{kind:"accessor",name:"center",static:!1,private:!1,access:{has:t=>"center"in t,get:t=>t.center,set:(t,e)=>{t.center=e}},metadata:t},W,z),i(this,0,g,{kind:"accessor",name:"centerCenter",static:!1,private:!1,access:{has:t=>"centerCenter"in t,get:t=>t.centerCenter,set:(t,e)=>{t.centerCenter=e}},metadata:t},k,I),i(this,0,l,{kind:"accessor",name:"justifyContent",static:!1,private:!1,access:{has:t=>"justifyContent"in t,get:t=>t.justifyContent,set:(t,e)=>{t.justifyContent=e}},metadata:t},$,E),i(this,0,m,{kind:"accessor",name:"alignItems",static:!1,private:!1,access:{has:t=>"alignItems"in t,get:t=>t.alignItems,set:(t,e)=>{t.alignItems=e}},metadata:t},O,F),i(this,0,p,{kind:"accessor",name:"boxSizing",static:!1,private:!1,access:{has:t=>"boxSizing"in t,get:t=>t.boxSizing,set:(t,e)=>{t.boxSizing=e}},metadata:t},P,T),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}#t=a(this,f,"0");get padding(){return this.#t}set padding(t){this.#t=t}#e=(a(this,u),a(this,y,"auto"));get minWidth(){return this.#e}set minWidth(t){this.#e=t}#s=(a(this,x),a(this,v,"auto"));get maxWidth(){return this.#s}set maxWidth(t){this.#s=t}#i=(a(this,w),a(this,b,"100%"));get width(){return this.#i}set width(t){this.#i=t}#a=(a(this,S),a(this,j,"row"));get direction(){return this.#a}set direction(t){this.#a=t}#r=(a(this,C),a(this,W,void 0));get center(){return this.#r}set center(t){this.#r=t}#n=(a(this,z),a(this,k,void 0));get centerCenter(){return this.#n}set centerCenter(t){this.#n=t}#c=(a(this,I),a(this,$,"flex-start"));get justifyContent(){return this.#c}set justifyContent(t){this.#c=t}#o=(a(this,E),a(this,O,"flex-start"));get alignItems(){return this.#o}set alignItems(t){this.#o=t}#d=(a(this,F),a(this,P,"border-box"));get boxSizing(){return this.#d}set boxSizing(t){this.#d=t}render(){return s`
2
+ <style>
3
+ :host {
4
+ display: flex;
5
+ box-sizing: var(--flex-display-box-sizing, ${this.boxSizing});
6
+ max-width: var(--flex-display-max-width, ${this.maxWidth});
7
+ min-width: var(--flex-display-min-width, ${this.minWidth});
8
+ width: var(--flex-display-width, ${this.width});
9
+ flex-direction: var(--flex-display-direction, ${this.direction});
10
+ justify-content: var(
11
+ --flex-display-justify-content,
12
+ ${this.justifyContent}
13
+ );
14
+ align-items: var(--flex-display-align-items, ${this.alignItems});
15
+ padding: var(--flex-display-padding, ${this.padding});
16
+ }
17
+
18
+ :host([center]) {
19
+ align-items: center;
20
+ }
21
+
22
+ :host([center-center]) {
23
+ align-items: center;
24
+ justify-content: center;
25
+ }
26
+ </style>
27
+ <slot></slot>
28
+ `}constructor(){super(...arguments),a(this,T)}}})();customElements.define("flex-row",class FlexRow extends r{constructor(){super(),this.direction="row",this.width="auto"}});export{r as F};
@@ -1 +1 @@
1
- const l=l=>class ScrollMixin extends l{set scrolling(l){l?this.setAttribute("scrolling",""):this.removeAttribute("scrolling")}get scrolling(){return this.hasAttribute("scrolling")}scrollElement;#l=()=>{this.isScrolling?clearTimeout(this.isScrolling):document.dispatchEvent(new CustomEvent("custom-scroll",{detail:{scrolling:0!==this.scrollTop}})),this.isScrolling=setTimeout((()=>{this.scrolling=0!==this.scrollTop,document.dispatchEvent(new CustomEvent("custom-scroll",{detail:{scrolling:this.scrolling}})),this.isScrolling=void 0}),this.scrollTimeout)};firstRender(){super.firstRender?.(),this.scrollElement=this.scrollElement?this.shadowRoot.querySelector(this.scrollElement):this,this.scrollTimeout=100,this.scrollElement.addEventListener("scroll",this.#l)}disconnectedCallback(){super.disconnectedCallback&&super.disconnectedCallback(),this.scrollElement.removeEventListener("scroll",this.#l)}};export{l as ScrollMixin};
1
+ const l=l=>class ScrollMixin extends l{set scrolling(l){l?this.setAttribute("scrolling",""):this.removeAttribute("scrolling")}get scrolling(){return this.hasAttribute("scrolling")}scrollElement;#l=()=>{this.isScrolling?clearTimeout(this.isScrolling):document.dispatchEvent(new CustomEvent("custom-scroll",{detail:{scrolling:0!==this.scrollTop}})),this.isScrolling=setTimeout(()=>{this.scrolling=0!==this.scrollTop,document.dispatchEvent(new CustomEvent("custom-scroll",{detail:{scrolling:this.scrolling}})),this.isScrolling=void 0},this.scrollTimeout)};firstRender(){super.firstRender?.(),this.scrollElement=this.scrollElement?this.shadowRoot.querySelector(this.scrollElement):this,this.scrollTimeout=100,this.scrollElement.addEventListener("scroll",this.#l)}disconnectedCallback(){super.disconnectedCallback&&super.disconnectedCallback(),this.scrollElement.removeEventListener("scroll",this.#l)}};export{l as ScrollMixin};
@@ -1,4 +1,4 @@
1
- import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{s as o,i as s,x as a}from"./dark-mode-m29sAj4H.js";import{e as r}from"./custom-element-B_TPyPQO.js";import"./section2.js";import"./code.js";import"./scroll-mixin.js";import"./elevation.js";let l=(()=>{let l,i,n=[r("demo-section")],c=[],m=o;return class extends m{static{i=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(m[Symbol.metadata]??null):void 0;e(null,l={value:i},n,{kind:"class",name:i.name,metadata:t},null,c),i=l.value,t&&Object.defineProperty(i,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}async firstRender(){const e=this.shadowRoot.querySelector("slot").assignedElements();for(const o of e){const e=document.createElement("demo-code");e.code=await(t=o.outerHTML,t.replace(/(\ <\/(?=[^<\/]*$))/g,"<")),o.after(e)}var t}static styles=[s`
1
+ import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{t as o,i as s,b as a}from"./dark-mode2-CBfmAvIL.js";import{e as l}from"./custom-element-Wj8bC3gl.js";import"./section2.js";import"./code.js";import"./scroll-mixin.js";import"./elevation.js";const r=e=>e.replace(/(\ <\/(?=[^<\/]*$))/g,"<");let n=(()=>{let n,i,c=[l("demo-section")],m=[],d=o;return class extends d{static{i=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(d[Symbol.metadata]??null):void 0;e(null,n={value:i},c,{kind:"class",name:i.name,metadata:t},null,m),i=n.value,t&&Object.defineProperty(i,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}async firstRender(){const e=this.shadowRoot.querySelector("slot").assignedElements();for(const t of e){const e=document.createElement("demo-code");e.code=await r(t.outerHTML),t.after(e)}}static styles=[s`
2
2
  :host {
3
3
  display: flex;
4
4
  flex-direction: column;
@@ -8,4 +8,4 @@ import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{s as o,i as s,x as a}f
8
8
  <custom-section>
9
9
  <slot></slot>
10
10
  </custom-section>
11
- `}static{t(i,c)}},i})();export{l as DemoSection};
11
+ `}static{t(i,m)}},i})();export{n as DemoSection};
@@ -1,4 +1,4 @@
1
- import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{i as a,x as o,s as l}from"./dark-mode-m29sAj4H.js";import{e as n}from"./custom-element-B_TPyPQO.js";import{ScrollMixin as s}from"./scroll-mixin.js";import"./elevation.js";let r=(()=>{let r,i,m=[n("custom-section")],c=[],u=s(l);return class extends u{static{i=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(u[Symbol.metadata]??null):void 0;e(null,r={value:i},m,{kind:"class",name:i.name,metadata:t},null,c),i=r.value,t&&Object.defineProperty(i,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static styles=[a`
1
+ import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{i as a,b as o,t as l}from"./dark-mode2-CBfmAvIL.js";import{e as n}from"./custom-element-Wj8bC3gl.js";import{ScrollMixin as s}from"./scroll-mixin.js";import"./elevation.js";let r=(()=>{let r,i,m=[n("custom-section")],c=[],u=s(l);return class extends u{static{i=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(u[Symbol.metadata]??null):void 0;e(null,r={value:i},m,{kind:"class",name:i.name,metadata:t},null,c),i=r.value,t&&Object.defineProperty(i,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static styles=[a`
2
2
  :host {
3
3
  display: flex;
4
4
  justify-content: center;
@@ -1 +1 @@
1
- import{s as e}from"./dark-mode-m29sAj4H.js";class SelectBase extends e{#e;currentSelected;firstRender(){super.firstRender?.(),this.selected=this.defaultSelected}get multi(){return this.hasAttribute("multi")}set multi(e){e?this.setAttribute("multi",""):this.removeAttribute("multi")}get defaultSelected(){return this.getAttribute("default-selected")||0}set selected(e){this.#e=e,this.#t()}get selected(){return this.#e}get slotted(){return this.shadowRoot?this.shadowRoot.querySelector("slot"):this}get#s(){const e="assignedNodes"in this.slotted?this.slotted.assignedNodes():this.children,t=[];for(var s=0;s<e.length;s++){const d=e[s];1===d.nodeType&&t.push(d)}return t}get attrForSelected(){return this.getAttribute("attr-for-selected")||"name"}set attrForSelected(e){this.setAttribute("attr-for-selected",e)}attributeChangedCallback(e,t,s){t!==s&&(isNaN(s)||(s=Number(s)),this[e]=s)}select(e){e&&(this.selected=e),this.multi&&this.#t()}next(){const e=this.getIndexFor(this.currentSelected);-1!==e&&e>=0&&this.#s.length>e&&e+1<=this.#s.length-1&&(this.selected=this.#s[e+1])}previous(){const e=this.getIndexFor(this.currentSelected);-1!==e&&e>=0&&this.#s.length>e&&e-1>=0&&(this.selected=this.#s[e-1])}getIndexFor(e){return this.#s.indexOf(e||this.selected)}#d(e,t){e.classList.add("custom-selected"),t&&t!==e&&t.classList.remove("custom-selected"),this.currentSelected=e}#i(e){for(const t of this.#s)e.includes(t.getAttribute(this.attrForSelected))?t.classList.add("custom-selected"):t.classList.remove("custom-selected")}#r(e){for(const t of this.#s)if(t.getAttribute(this.attrForSelected)===e)return this.#d(t,this.currentSelected)}#t(){if(void 0===this.selected)return void(this.currentSelected&&this.currentSelected.classList.remove("custom-selected"));const e=typeof this.selected;if(Array.isArray(this.selected))return this.#i(this.selected);if("object"===e)return this.#d(this.selected,this.currentSelected);if("string"===e)return this.#r(this.selected);const t=this.#s[this.selected];t&&this.#d(t,this.currentSelected)}}function t(e){return SelectBase}export{SelectBase,t as SelectMixin};
1
+ import{t as e}from"./dark-mode2-CBfmAvIL.js";class SelectBase extends e{#e;currentSelected;firstRender(){super.firstRender?.(),this.selected=this.defaultSelected}get multi(){return this.hasAttribute("multi")}set multi(e){e?this.setAttribute("multi",""):this.removeAttribute("multi")}get defaultSelected(){return this.getAttribute("default-selected")||0}set selected(e){this.#e=e,this.#t()}get selected(){return this.#e}get slotted(){return this.shadowRoot?this.shadowRoot.querySelector("slot"):this}get#s(){const e="assignedNodes"in this.slotted?this.slotted.assignedNodes():this.children,t=[];for(var s=0;s<e.length;s++){const d=e[s];1===d.nodeType&&t.push(d)}return t}get attrForSelected(){return this.getAttribute("attr-for-selected")||"name"}set attrForSelected(e){this.setAttribute("attr-for-selected",e)}attributeChangedCallback(e,t,s){t!==s&&(isNaN(s)||(s=Number(s)),this[e]=s)}select(e){e&&(this.selected=e),this.multi&&this.#t()}next(){const e=this.getIndexFor(this.currentSelected);-1!==e&&e>=0&&this.#s.length>e&&e+1<=this.#s.length-1&&(this.selected=this.#s[e+1])}previous(){const e=this.getIndexFor(this.currentSelected);-1!==e&&e>=0&&this.#s.length>e&&e-1>=0&&(this.selected=this.#s[e-1])}getIndexFor(e){return this.#s.indexOf(e||this.selected)}#d(e,t){e.classList.add("custom-selected"),t&&t!==e&&t.classList.remove("custom-selected"),this.currentSelected=e}#i(e){for(const t of this.#s)e.includes(t.getAttribute(this.attrForSelected))?t.classList.add("custom-selected"):t.classList.remove("custom-selected")}#r(e){for(const t of this.#s)if(t.getAttribute(this.attrForSelected)===e)return this.#d(t,this.currentSelected)}#t(){if(void 0===this.selected)return void(this.currentSelected&&this.currentSelected.classList.remove("custom-selected"));const e=typeof this.selected;if(Array.isArray(this.selected))return this.#i(this.selected);if("object"===e)return this.#d(this.selected,this.currentSelected);if("string"===e)return this.#r(this.selected);const t=this.#s[this.selected];t&&this.#d(t,this.currentSelected)}}function t(e){return SelectBase}export{SelectBase,t as SelectMixin};
@@ -1 +1 @@
1
- import{SelectBase as e}from"./select-mixin.js";import"./dark-mode-m29sAj4H.js";class SelectorBase extends e{constructor(){super()}firstRender(){super.firstRender?.(),this.slotted.addEventListener("click",this.#e.bind(this))}disconnectedCallback(){super.disconnectedCallback&&super.disconnectedCallback(),this.slotted.removeEventListener("click",this.#e.bind(this))}#e(e){const t=e.composedPath()[0];if(t.localName===this.localName)return;const s=t.getAttribute(this.attrForSelected)||t;if(this.multi){const e=Array.isArray(this.selected)?this.selected:[],t=e.indexOf(s);-1===t?e.push(s):e.splice(t,1),this.selected=e}else this.selected=s;this.dispatchEvent(new CustomEvent("selected",{detail:s}))}}function t(e){return SelectorBase}export{SelectorBase,t as SelectorMixin};
1
+ import{SelectBase as e}from"./select-mixin.js";import"./dark-mode2-CBfmAvIL.js";class SelectorBase extends e{constructor(){super()}firstRender(){super.firstRender?.(),this.slotted.addEventListener("click",this.#e.bind(this))}disconnectedCallback(){super.disconnectedCallback&&super.disconnectedCallback(),this.slotted.removeEventListener("click",this.#e.bind(this))}#e(e){const t=e.composedPath()[0];if(t.localName===this.localName)return;const s=t.getAttribute(this.attrForSelected)||t;if(this.multi){const e=Array.isArray(this.selected)?this.selected:[],t=e.indexOf(s);-1===t?e.push(s):e.splice(t,1),this.selected=e}else this.selected=s;this.dispatchEvent(new CustomEvent("selected",{detail:s}))}}function t(e){return SelectorBase}export{SelectorBase,t as SelectorMixin};
@@ -1,4 +1,4 @@
1
- import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{i as a,x as o}from"./dark-mode-m29sAj4H.js";import{e as l}from"./custom-element-B_TPyPQO.js";import{SelectorBase as s}from"./selector-mixin.js";import"./select-mixin.js";let r=(()=>{let r,n,c=[l("custom-selector")],i=[],m=s;return class extends m{static{n=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(m[Symbol.metadata]??null):void 0;e(null,r={value:n},c,{kind:"class",name:n.name,metadata:t},null,i),n=r.value,t&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static styles=[a`
1
+ import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{i as a,b as o}from"./dark-mode2-CBfmAvIL.js";import{e as l}from"./custom-element-Wj8bC3gl.js";import{SelectorBase as s}from"./selector-mixin.js";import"./select-mixin.js";let r=(()=>{let r,n,c=[l("custom-selector")],i=[],m=s;return class extends m{static{n=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(m[Symbol.metadata]??null):void 0;e(null,r={value:n},c,{kind:"class",name:n.name,metadata:t},null,i),n=r.value,t&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static styles=[a`
2
2
  :host {
3
3
  display: flex;
4
4
  flex-direction: column;
@@ -1,4 +1,4 @@
1
- import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{s,x as i}from"./dark-mode-m29sAj4H.js";import{e as a}from"./custom-element-B_TPyPQO.js";let l=(()=>{let l,o,m=[a("custom-summary-mirror")],r=[],h=s;return class extends h{static{o=this}static{const s="function"==typeof Symbol&&Symbol.metadata?Object.create(h[Symbol.metadata]??null):void 0;t(null,l={value:o},m,{kind:"class",name:o.name,metadata:s},null,r),o=l.value,s&&Object.defineProperty(o,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s}),e(o,r)}connectedCallback(){const t=window.matchMedia("(min-width: 1200px)");this._matches(t),this._matches=this._matches.bind(this),t.onchange=this._matches}_matches({matches:t}){const e=this.querySelector('[slot="left"]'),s=this.querySelector('[slot="right"]');t?s.hasAttribute("switched")&&(e.removeAttribute("switched"),e.setAttribute("slot","right"),s.setAttribute("slot","left")):(e.setAttribute("switched",""),e.setAttribute("slot","right"),s.setAttribute("slot","left"))}get template(){return i`
1
+ import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{t as s,b as i}from"./dark-mode2-CBfmAvIL.js";import{e as a}from"./custom-element-Wj8bC3gl.js";let l=(()=>{let l,o,m=[a("custom-summary-mirror")],r=[],h=s;return class extends h{static{o=this}static{const s="function"==typeof Symbol&&Symbol.metadata?Object.create(h[Symbol.metadata]??null):void 0;t(null,l={value:o},m,{kind:"class",name:o.name,metadata:s},null,r),o=l.value,s&&Object.defineProperty(o,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s}),e(o,r)}connectedCallback(){const t=window.matchMedia("(min-width: 1200px)");this._matches(t),this._matches=this._matches.bind(this),t.onchange=this._matches}_matches({matches:t}){const e=this.querySelector('[slot="left"]'),s=this.querySelector('[slot="right"]');t?s.hasAttribute("switched")&&(e.removeAttribute("switched"),e.setAttribute("slot","right"),s.setAttribute("slot","left")):(e.setAttribute("switched",""),e.setAttribute("slot","right"),s.setAttribute("slot","left"))}get template(){return i`
2
2
  <style>
3
3
  :host {
4
4
  display: flex;
@@ -1,4 +1,4 @@
1
- import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{s as a,i as l,x as o}from"./dark-mode-m29sAj4H.js";import{e as s}from"./custom-element-B_TPyPQO.js";let i=(()=>{let i,m,n=[s("custom-summary")],d=[],r=a;return class extends r{static{m=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(r[Symbol.metadata]??null):void 0;t(null,i={value:m},n,{kind:"class",name:m.name,metadata:e},null,d),m=i.value,e&&Object.defineProperty(m,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}static styles=[l`
1
+ import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{t as a,i as l,b as o}from"./dark-mode2-CBfmAvIL.js";import{e as s}from"./custom-element-Wj8bC3gl.js";let i=(()=>{let i,m,n=[s("custom-summary")],d=[],r=a;return class extends r{static{m=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(r[Symbol.metadata]??null):void 0;t(null,i={value:m},n,{kind:"class",name:m.name,metadata:e},null,d),m=i.value,e&&Object.defineProperty(m,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}static styles=[l`
2
2
  :host {
3
3
  display: flex;
4
4
  flex-direction: column;
@@ -1,4 +1,4 @@
1
- import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{s,r as a,x as o}from"./dark-mode-m29sAj4H.js";import{t as i}from"./query-DCTzLeFk.js";import{e as r}from"./custom-element-B_TPyPQO.js";import"./pane.js";import"./elevation.js";import"./icon-button.js";import"./button.js";import"./button.css.js";import"./icon.js";let n=(()=>{let n,c,p,l,d,u,h,m=[r("custom-supporting-pane")],g=[],v=s,_=[],f=[],b=[],y=[],j=[],w=[],x=[],k=[],S=[],C=[];return class extends v{static{c=this}static{const s="function"==typeof Symbol&&Symbol.metadata?Object.create(v[Symbol.metadata]??null):void 0;p=[a({type:Boolean,reflect:!0})],l=[a({type:String,reflect:!0})],d=[a({type:Boolean,reflect:!0})],u=[a({type:String})],h=[i(".support")],t(this,null,p,{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:s},_,f),t(this,null,l,{kind:"accessor",name:"variant",static:!1,private:!1,access:{has:t=>"variant"in t,get:t=>t.variant,set:(t,e)=>{t.variant=e}},metadata:s},b,y),t(this,null,d,{kind:"accessor",name:"left",static:!1,private:!1,access:{has:t=>"left"in t,get:t=>t.left,set:(t,e)=>{t.left=e}},metadata:s},j,w),t(this,null,u,{kind:"accessor",name:"id",static:!1,private:!1,access:{has:t=>"id"in t,get:t=>t.id,set:(t,e)=>{t.id=e}},metadata:s},x,k),t(this,null,h,{kind:"accessor",name:"supporting",static:!1,private:!1,access:{has:t=>"supporting"in t,get:t=>t.supporting,set:(t,e)=>{t.supporting=e}},metadata:s},S,C),t(null,n={value:c},m,{kind:"class",name:c.name,metadata:s},null,g),c=n.value,s&&Object.defineProperty(c,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s}),e(c,g)}#t=e(this,_,!1);get open(){return this.#t}set open(t){this.#t=t}#e=(e(this,f),e(this,b,"expanded"));get variant(){return this.#e}set variant(t){this.#e=t}#s=(e(this,y),e(this,j,!1));get left(){return this.#s}set left(t){this.#s=t}#a=(e(this,w),e(this,x,void 0));get id(){return this.#a}set id(t){this.#a=t}#o=(e(this,k),e(this,S,void 0));get supporting(){return this.#o}set supporting(t){this.#o=t}onPaneClose({detail:t}){this.id===t&&(this.open=!1)}connectedCallback(){document.addEventListener("custom-pane-close",this.onPaneClose.bind(this)),document.addEventListener("custom-pane-open",(({detail:t})=>{this.id===t&&(this.open=!0)}))}render(){return o`<style>
1
+ import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{t as s,r as a,b as o}from"./dark-mode2-CBfmAvIL.js";import{t as i}from"./query-DK39_nIZ.js";import{e as r}from"./custom-element-Wj8bC3gl.js";import"./pane.js";import"./elevation.js";import"./icon-button.js";import"./button.js";import"./button.css.js";import"./icon.js";import"./dark-mode2-DBD32xmy.js";let n=(()=>{let n,c,p,l,d,u,h,m=[r("custom-supporting-pane")],g=[],v=s,_=[],f=[],b=[],y=[],j=[],k=[],w=[],x=[],S=[],C=[];return class extends v{static{c=this}static{const s="function"==typeof Symbol&&Symbol.metadata?Object.create(v[Symbol.metadata]??null):void 0;p=[a({type:Boolean,reflect:!0})],l=[a({type:String,reflect:!0})],d=[a({type:Boolean,reflect:!0})],u=[a({type:String})],h=[i(".support")],t(this,null,p,{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:s},_,f),t(this,null,l,{kind:"accessor",name:"variant",static:!1,private:!1,access:{has:t=>"variant"in t,get:t=>t.variant,set:(t,e)=>{t.variant=e}},metadata:s},b,y),t(this,null,d,{kind:"accessor",name:"left",static:!1,private:!1,access:{has:t=>"left"in t,get:t=>t.left,set:(t,e)=>{t.left=e}},metadata:s},j,k),t(this,null,u,{kind:"accessor",name:"id",static:!1,private:!1,access:{has:t=>"id"in t,get:t=>t.id,set:(t,e)=>{t.id=e}},metadata:s},w,x),t(this,null,h,{kind:"accessor",name:"supporting",static:!1,private:!1,access:{has:t=>"supporting"in t,get:t=>t.supporting,set:(t,e)=>{t.supporting=e}},metadata:s},S,C),t(null,n={value:c},m,{kind:"class",name:c.name,metadata:s},null,g),c=n.value,s&&Object.defineProperty(c,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s}),e(c,g)}#t=e(this,_,!1);get open(){return this.#t}set open(t){this.#t=t}#e=(e(this,f),e(this,b,"expanded"));get variant(){return this.#e}set variant(t){this.#e=t}#s=(e(this,y),e(this,j,!1));get left(){return this.#s}set left(t){this.#s=t}#a=(e(this,k),e(this,w,void 0));get id(){return this.#a}set id(t){this.#a=t}#o=(e(this,x),e(this,S,void 0));get supporting(){return this.#o}set supporting(t){this.#o=t}onPaneClose({detail:t}){this.id===t&&(this.open=!1)}connectedCallback(){document.addEventListener("custom-pane-close",this.onPaneClose.bind(this)),document.addEventListener("custom-pane-open",({detail:t})=>{this.id===t&&(this.open=!0)})}render(){return o`<style>
2
2
  :host {
3
3
  display: flex;
4
4
  flex-direction: column;
@@ -1,4 +1,4 @@
1
- import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{s as a,x as o}from"./dark-mode-m29sAj4H.js";import{e as n}from"./custom-element-B_TPyPQO.js";let s=(()=>{let s,r,l=[n("custom-tab")],i=[],m=a;return class extends m{static{r=this}static{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(m[Symbol.metadata]??null):void 0;t(null,s={value:r},l,{kind:"class",name:r.name,metadata:a},null,i),r=s.value,a&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),e(r,i)}render(){return o`
1
+ import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{t as a,b as o}from"./dark-mode2-CBfmAvIL.js";import{e as n}from"./custom-element-Wj8bC3gl.js";let s=(()=>{let s,r,l=[n("custom-tab")],i=[],m=a;return class extends m{static{r=this}static{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(m[Symbol.metadata]??null):void 0;t(null,s={value:r},l,{kind:"class",name:r.name,metadata:a},null,i),r=s.value,a&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),e(r,i)}render(){return o`
2
2
  <style>
3
3
  :host {
4
4
  display: flex;
@@ -1,4 +1,4 @@
1
- import{_ as r,a as o}from"./tslib.es6-B87RQr7F.js";import{x as t}from"./dark-mode-m29sAj4H.js";import{e}from"./custom-element-B_TPyPQO.js";import{SelectorBase as a}from"./selector-mixin.js";import"./tab.js";import"./select-mixin.js";let s=(()=>{let s,l,c=[e("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 t`
1
+ import{_ as r,a as o}from"./tslib.es6-B87RQr7F.js";import{b as t}from"./dark-mode2-CBfmAvIL.js";import{e}from"./custom-element-Wj8bC3gl.js";import{SelectorBase as a}from"./selector-mixin.js";import"./tab.js";import"./select-mixin.js";let s=(()=>{let s,l,c=[e("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 t`
2
2
  <style>
3
3
  :host {
4
4
  --custom-tabs-background: var(---md-sys-color-surface);
@@ -1,4 +1,4 @@
1
- import{_ as a,a as t}from"./tslib.es6-B87RQr7F.js";import{s as e,r as n,i as s,x as i}from"./dark-mode-m29sAj4H.js";import{t as o}from"./query-DCTzLeFk.js";import{e as l}from"./custom-element-B_TPyPQO.js";let c=(()=>{let c,r,g,h,d,I,m=[l("text-field")],S=[],_=e,u=[],b=[],p=[],v=[],L=[],f=[],y=[],T=[];return class extends _{static{r=this}static{const t="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=[n({type:Boolean,reflect:!0,attribute:"has-leading-icon"})],I=[n({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,b),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},p,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,f),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},y,T),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,b),t(this,p,void 0));get trailingIconSlot(){return this.#t}set trailingIconSlot(a){this.#t=a}#e=(t(this,v),t(this,L,void 0));get hasLeadingIcon(){return this.#e}set hasLeadingIcon(a){this.#e=a}#n=(t(this,f),t(this,y,void 0));get hasTrailingIcon(){return this.#n}set hasTrailingIcon(a){this.#n=a}#s=(t(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=[s`
1
+ import{_ as a,a as t}from"./tslib.es6-B87RQr7F.js";import{t as e,r as n,i as s,b as i}from"./dark-mode2-CBfmAvIL.js";import{t as o}from"./query-DK39_nIZ.js";import{e as l}from"./custom-element-Wj8bC3gl.js";let c=(()=>{let c,r,g,h,d,I,m=[l("text-field")],S=[],_=e,u=[],b=[],p=[],v=[],L=[],f=[],y=[],T=[];return class extends _{static{r=this}static{const t="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=[n({type:Boolean,reflect:!0,attribute:"has-leading-icon"})],I=[n({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,b),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},p,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,f),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},y,T),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,b),t(this,p,void 0));get trailingIconSlot(){return this.#t}set trailingIconSlot(a){this.#t=a}#e=(t(this,v),t(this,L,void 0));get hasLeadingIcon(){return this.#e}set hasLeadingIcon(a){this.#e=a}#n=(t(this,f),t(this,y,void 0));get hasTrailingIcon(){return this.#n}set hasTrailingIcon(a){this.#n=a}#s=(t(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=[s`
2
2
  :host {
3
3
  display: block;
4
4
  }
@@ -1 +1 @@
1
- import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{s,r as a}from"./dark-mode-m29sAj4H.js";import{e as o}from"./custom-element-B_TPyPQO.js";let i=(()=>{let i,r,n,l,c,m,d=[o("custom-theme")],g=[],h=s,u=[],b=[],y=[],p=[],f=[],_=[],w=[],k=[];return class extends h{static{r=this}static{const s="function"==typeof Symbol&&Symbol.metadata?Object.create(h[Symbol.metadata]??null):void 0;n=[a({type:Boolean,attribute:"load-font"})],l=[a({type:Boolean,attribute:"load-symbols"})],c=[a({type:String,attribute:"mobile-trigger"})],m=[a({type:Boolean})],e(this,null,n,{kind:"accessor",name:"loadFont",static:!1,private:!1,access:{has:e=>"loadFont"in e,get:e=>e.loadFont,set:(e,t)=>{e.loadFont=t}},metadata:s},u,b),e(this,null,l,{kind:"accessor",name:"loadSymbols",static:!1,private:!1,access:{has:e=>"loadSymbols"in e,get:e=>e.loadSymbols,set:(e,t)=>{e.loadSymbols=t}},metadata:s},y,p),e(this,null,c,{kind:"accessor",name:"mobileTrigger",static:!1,private:!1,access:{has:e=>"mobileTrigger"in e,get:e=>e.mobileTrigger,set:(e,t)=>{e.mobileTrigger=t}},metadata:s},f,_),e(this,null,m,{kind:"accessor",name:"narrow",static:!1,private:!1,access:{has:e=>"narrow"in e,get:e=>e.narrow,set:(e,t)=>{e.narrow=t}},metadata:s},w,k),e(null,i={value:r},d,{kind:"class",name:r.name,metadata:s},null,g),r=i.value,s&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s}),t(r,g)}#e;#t=t(this,u,!0);get loadFont(){return this.#t}set loadFont(e){this.#t=e}#s=(t(this,b),t(this,y,!0));get loadSymbols(){return this.#s}set loadSymbols(e){this.#s=e}#a=(t(this,p),t(this,f,"(max-width: 860px)"));get mobileTrigger(){return this.#a}set mobileTrigger(e){this.#a=e}#o=(t(this,_),t(this,w,void 0));get narrow(){return this.#o}set narrow(e){this.#o=e}#i(e,t,s){let a=document.createElement("link");if(a.rel=t,a.href=e,s)for(const e of s)a.setAttribute(e,"");document.head.appendChild(a)}#r(){let e="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0&display=swap";return globalThis.symbols&&(e+=`&text=${globalThis.symbols}`),e}onChange(e,t){"mobileTrigger"===e&&this.#n()}#n(){this.#e=matchMedia(this.mobileTrigger),this.#e.onchange=this.#l,this.#l({matches:this.#e.matches})}connectedCallback(){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.#i("https://fonts.googleapis.com","preconnect"),this.#i("https://fonts.gstatic.com","preconnect",["crossorigin"]),this.loadFont&&this.#i("https://fonts.googleapis.com/css2?family=Roboto&display=swap","stylesheet"),this.loadSymbols&&this.#i(this.#r(),"stylesheet")}#l({matches:e}){this.narrow=e,document.dispatchEvent(new CustomEvent("custom-theme-narrow",{detail:this.narrow}))}set language(e){this.setAttribute("language",e)}get language(){return this.getAttribute("language")||"css"}async load(e){if("js"===this.language){const t=await import(e);for(const[e,s]of Object.entries(t)){const t=`--${e.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}`;document.body.style.setProperty(t,s)}}else if("css"===this.language){const t=document.createElement("link");t.rel="stylesheet",t.href=e,document.head.appendChild(t)}}constructor(){super(...arguments),t(this,k)}},r})();export{i as CustomTheme};
1
+ import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{t as s,r as a}from"./dark-mode2-CBfmAvIL.js";import{e as o}from"./custom-element-Wj8bC3gl.js";let i=(()=>{let i,r,n,l,c,m,d=[o("custom-theme")],g=[],h=s,u=[],b=[],y=[],p=[],f=[],_=[],w=[],k=[];return class extends h{static{r=this}static{const s="function"==typeof Symbol&&Symbol.metadata?Object.create(h[Symbol.metadata]??null):void 0;n=[a({type:Boolean,attribute:"load-font"})],l=[a({type:Boolean,attribute:"load-symbols"})],c=[a({type:String,attribute:"mobile-trigger"})],m=[a({type:Boolean})],e(this,null,n,{kind:"accessor",name:"loadFont",static:!1,private:!1,access:{has:e=>"loadFont"in e,get:e=>e.loadFont,set:(e,t)=>{e.loadFont=t}},metadata:s},u,b),e(this,null,l,{kind:"accessor",name:"loadSymbols",static:!1,private:!1,access:{has:e=>"loadSymbols"in e,get:e=>e.loadSymbols,set:(e,t)=>{e.loadSymbols=t}},metadata:s},y,p),e(this,null,c,{kind:"accessor",name:"mobileTrigger",static:!1,private:!1,access:{has:e=>"mobileTrigger"in e,get:e=>e.mobileTrigger,set:(e,t)=>{e.mobileTrigger=t}},metadata:s},f,_),e(this,null,m,{kind:"accessor",name:"narrow",static:!1,private:!1,access:{has:e=>"narrow"in e,get:e=>e.narrow,set:(e,t)=>{e.narrow=t}},metadata:s},w,k),e(null,i={value:r},d,{kind:"class",name:r.name,metadata:s},null,g),r=i.value,s&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s}),t(r,g)}#e;#t=t(this,u,!0);get loadFont(){return this.#t}set loadFont(e){this.#t=e}#s=(t(this,b),t(this,y,!0));get loadSymbols(){return this.#s}set loadSymbols(e){this.#s=e}#a=(t(this,p),t(this,f,"(max-width: 860px)"));get mobileTrigger(){return this.#a}set mobileTrigger(e){this.#a=e}#o=(t(this,_),t(this,w,void 0));get narrow(){return this.#o}set narrow(e){this.#o=e}#i(e,t,s){let a=document.createElement("link");if(a.rel=t,a.href=e,s)for(const e of s)a.setAttribute(e,"");document.head.appendChild(a)}#r(){let e="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0&display=swap";return globalThis.symbols&&(e+=`&text=${globalThis.symbols}`),e}onChange(e,t){"mobileTrigger"===e&&this.#n()}#n(){this.#e=matchMedia(this.mobileTrigger),this.#e.onchange=this.#l,this.#l({matches:this.#e.matches})}connectedCallback(){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.#i("https://fonts.googleapis.com","preconnect"),this.#i("https://fonts.gstatic.com","preconnect",["crossorigin"]),this.loadFont&&this.#i("https://fonts.googleapis.com/css2?family=Roboto&display=swap","stylesheet"),this.loadSymbols&&this.#i(this.#r(),"stylesheet")}#l({matches:e}){this.narrow=e,document.dispatchEvent(new CustomEvent("custom-theme-narrow",{detail:this.narrow}))}set language(e){this.setAttribute("language",e)}get language(){return this.getAttribute("language")||"css"}async load(e){if("js"===this.language){const t=await import(e);for(const[e,s]of Object.entries(t)){const t=`--${e.replace(/([a-zA-Z])(?=[A-Z])/g,"$1-").toLowerCase()}`;document.body.style.setProperty(t,s)}}else if("css"===this.language){const t=document.createElement("link");t.rel="stylesheet",t.href=e,document.head.appendChild(t)}}constructor(){super(...arguments),t(this,k)}},r})();export{i as CustomTheme};
@@ -1,4 +1,4 @@
1
- import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{s as a,i as s,x as i}from"./dark-mode-m29sAj4H.js";import{e as l}from"./custom-element-B_TPyPQO.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`
1
+ 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`
2
2
  :host {
3
3
  display: block;
4
4
  }
@@ -1,4 +1,4 @@
1
- import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{s,r as a,x as o}from"./dark-mode-m29sAj4H.js";import{e as c}from"./custom-element-B_TPyPQO.js";import"./button.js";import"./toggle.js";import"./elevation.js";import"./button.css.js";let i=(()=>{let i,r,l,n,g=[c("custom-toggle-button")],m=[],u=s,v=[],d=[],h=[],_=[];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})],n=[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,d),t(this,null,n,{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},h,_),t(null,i={value:r},g,{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,d),e(this,h,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-B87RQr7F.js";import{t as s,r as a,b as o}from"./dark-mode2-CBfmAvIL.js";import{e as c}from"./custom-element-Wj8bC3gl.js";import"./button.js";import"./toggle.js";import"./elevation.js";import"./button.css.js";let i=(()=>{let i,r,l,n,g=[c("custom-toggle-button")],m=[],u=s,v=[],d=[],h=[],_=[];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})],n=[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,d),t(this,null,n,{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},h,_),t(null,i={value:r},g,{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,d),e(this,h,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>
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,4 +1,4 @@
1
- import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{s,r as a,i,x as c}from"./dark-mode-m29sAj4H.js";import{e as o}from"./custom-element-B_TPyPQO.js";let r=(()=>{let r,n,g,l,h,v=[o("custom-toggle")],m=[],d=s,u=[],_=[],p=[],y=[],b=[],f=[];return class extends d{static{n=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(d[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},u,_),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,u,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-B87RQr7F.js";import{t as s,r as a,i,b as c}from"./dark-mode2-CBfmAvIL.js";import{e as o}from"./custom-element-Wj8bC3gl.js";let r=(()=>{let r,n,g,l,h,v=[o("custom-toggle")],m=[],d=s,u=[],_=[],p=[],y=[],b=[],f=[];return class extends d{static{n=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(d[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},u,_),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,u,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`
2
2
  :host {
3
3
  display: contents;
4
4
  }
@@ -1,4 +1,4 @@
1
- import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{i as s,s as o,r as a,x as l}from"./dark-mode-m29sAj4H.js";import{e as r}from"./custom-element-B_TPyPQO.js";import"./it-Dft_Rjy-.js";import"./row-DZm4UH0H.js";var i=s`
1
+ import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{i as s,t as o,r as a,b as l}from"./dark-mode2-CBfmAvIL.js";import{e as r}from"./custom-element-Wj8bC3gl.js";import"./it-Dft_Rjy-.js";import"./row-B1G5fFY7.js";import"./dark-mode2-DBD32xmy.js";var i=s`
2
2
  :host {
3
3
  display: flex;
4
4
  flex-direction: column;
@@ -59,7 +59,7 @@ import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{i as s,s as o,r as a,x
59
59
  custom-elevation {
60
60
  border-radius: var(--md-sys-shape-corner-large);
61
61
  }
62
- `;let n=(()=>{let s,n,c,p,m=[r("custom-top-app-bar")],d=[],g=o,h=[],y=[],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=[a({type:String,reflect:!0})],p=[a({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},h,y),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,s={value:n},m,{kind:"class",name:n.name,metadata:e},null,d),n=s.value,e&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}#t=e(this,h,"center-aligned");get type(){return this.#t}set type(t){this.#t=t}#e=(e(this,y),e(this,u,void 0));get scrolling(){return this.#e}set scrolling(t){this.#e=t}static styles=[i];connectedCallback(){document.addEventListener("custom-scroll",(({detail:t})=>{this.scrolling=t.scrolling}))}render(){return l`
62
+ `;let n=(()=>{let s,n,c,p,m=[r("custom-top-app-bar")],d=[],g=o,h=[],y=[],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=[a({type:String,reflect:!0})],p=[a({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},h,y),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,s={value:n},m,{kind:"class",name:n.name,metadata:e},null,d),n=s.value,e&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}#t=e(this,h,"center-aligned");get type(){return this.#t}set type(t){this.#t=t}#e=(e(this,y),e(this,u,void 0));get scrolling(){return this.#e}set scrolling(t){this.#e=t}static styles=[i];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>
@@ -1,4 +1,4 @@
1
- import{_ as e,a as t}from"./tslib.es6-B87RQr7F.js";import{s,r as a,i as l,x as y}from"./dark-mode-m29sAj4H.js";import{e as i}from"./custom-element-B_TPyPQO.js";let m=(()=>{let m,r,o,n,d=[i("custom-typography")],c=[],f=s,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-B87RQr7F.js";import{t as s,r as a,i as l,b as y}from"./dark-mode2-CBfmAvIL.js";import{e as i}from"./custom-element-Wj8bC3gl.js";let m=(()=>{let m,r,o,n,d=[i("custom-typography")],c=[],f=s,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`
2
2
  :host {
3
3
  display: contents;
4
4
  }
@@ -1,4 +1,4 @@
1
- import{_ as t,a as e}from"./tslib.es6-B87RQr7F.js";import{s as l,r as a,i as s,x as i}from"./dark-mode-m29sAj4H.js";import{e as r}from"./custom-element-B_TPyPQO.js";let m=(()=>{let m,o,u,n=[r("custom-upload-file")],c=[],p=l,d=[],y=[];return class extends p{static{o=this}static{const l="function"==typeof Symbol&&Symbol.metadata?Object.create(p[Symbol.metadata]??null):void 0;u=[a({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:l},d,y),t(null,m={value:o},n,{kind:"class",name:o.name,metadata:l},null,c),o=m.value,l&&Object.defineProperty(o,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:l}),e(o,c)}#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-B87RQr7F.js";import{t as l,r as a,i as s,b as i}from"./dark-mode2-CBfmAvIL.js";import{e as r}from"./custom-element-Wj8bC3gl.js";let m=(()=>{let m,o,u,n=[r("custom-upload-file")],c=[],p=l,d=[],y=[];return class extends p{static{o=this}static{const l="function"==typeof Symbol&&Symbol.metadata?Object.create(p[Symbol.metadata]??null):void 0;u=[a({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:l},d,y),t(null,m={value:o},n,{kind:"class",name:o.name,metadata:l},null,c),o=m.value,l&&Object.defineProperty(o,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:l}),e(o,c)}#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
  }