@vandeurenglenn/lite-elements 0.3.41 → 0.3.43
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.
- package/exports/bar/top-app-bar.d.ts +1 -1
- package/exports/bundle/banner.js +1 -1
- package/exports/bundle/button.js +1 -1
- package/exports/bundle/card.js +1 -1
- package/exports/bundle/code.js +1 -1
- package/exports/bundle/{column-CNOGwAhj.js → column-B0bUzxkF.js} +1 -1
- package/exports/bundle/custom-element-CAdbJRVg.js +1 -0
- package/exports/bundle/demo-elements.js +1 -1
- package/exports/bundle/demo-icons.js +3 -3
- package/exports/bundle/demo-shell.js +1 -1
- package/exports/bundle/demo.js +1 -1
- package/exports/bundle/dialog.js +1 -1
- package/exports/bundle/divider.js +1 -1
- package/exports/bundle/drawer-button.js +1 -1
- package/exports/bundle/drawer-item.js +1 -1
- package/exports/bundle/drawer-layout.js +1 -1
- package/exports/bundle/drawer.js +49 -47
- package/exports/bundle/dropdown-menu.js +1 -1
- package/exports/bundle/dropdown.js +1 -1
- package/exports/bundle/elements.js +1 -1
- package/exports/bundle/elevation.js +1 -1
- package/exports/bundle/fab.js +2 -2
- package/exports/bundle/hash-router.js +1 -0
- package/exports/bundle/icon-button.js +1 -1
- package/exports/bundle/icon-set.js +1 -1
- package/exports/bundle/icon.js +1 -1
- package/exports/bundle/input.js +1 -1
- package/exports/bundle/list-item.js +1 -1
- package/exports/bundle/menu.js +1 -1
- package/exports/bundle/minute-field.js +1 -1
- package/exports/bundle/notification.js +1 -1
- package/exports/bundle/notifications.js +1 -1
- package/exports/bundle/pages.js +1 -1
- package/exports/bundle/pane.js +76 -67
- package/exports/bundle/property-BYA8Sw2t.js +11 -0
- package/exports/bundle/property-C4lhirVQ.js +23 -0
- package/exports/bundle/query-DCTzLeFk.js +1 -0
- package/exports/bundle/rail.js +1 -1
- package/exports/bundle/root.js +1 -1
- package/exports/bundle/row-DYDgQVDj.js +28 -0
- package/exports/bundle/section.js +1 -1
- package/exports/bundle/section2.js +1 -1
- package/exports/bundle/select-mixin.js +1 -1
- package/exports/bundle/selector-mixin.js +1 -1
- package/exports/bundle/selector.js +1 -1
- package/exports/bundle/simple-hash-router.js +1 -0
- package/exports/bundle/summary-mirror.js +1 -1
- package/exports/bundle/summary.js +1 -1
- package/exports/bundle/supporting-pane.js +1 -1
- package/exports/bundle/tab.js +1 -1
- package/exports/bundle/tabs.js +1 -1
- package/exports/bundle/text-field.js +1 -1
- package/exports/bundle/theme.js +1 -1
- package/exports/bundle/time-picker.js +1 -1
- package/exports/bundle/toggle-button.js +1 -1
- package/exports/bundle/toggle.js +1 -1
- package/exports/bundle/top-app-bar.js +4 -4
- package/exports/bundle/types2.js +1 -0
- package/exports/bundle/typography.js +1 -1
- package/exports/bundle/upload-file.js +1 -1
- package/exports/bundle/upload-image.js +91 -88
- package/exports/button/button.d.ts +1 -1
- package/exports/button/icon-button.d.ts +1 -1
- package/exports/demo/code.d.ts +1 -1
- package/exports/demo/demo-icons.d.ts +1 -1
- package/exports/demo/demo-shell.d.ts +1 -1
- package/exports/demo/demo.d.ts +1 -1
- package/exports/demo/section.d.ts +1 -1
- package/exports/demo-shell.js +2 -0
- package/exports/dialog/dialog.d.ts +1 -1
- package/exports/drawer/drawer-button.d.ts +1 -1
- package/exports/drawer/drawer-item.d.ts +1 -1
- package/exports/drawer/drawer.d.ts +1 -0
- package/exports/drawer-layout.js +2 -0
- package/exports/drawer.js +9 -54
- package/exports/dropdown/dropdown-menu.d.ts +1 -1
- package/exports/dropdown/dropdown.d.ts +1 -1
- package/exports/elements.js +2 -0
- package/exports/fab/fab.d.ts +1 -1
- package/exports/hash-router.js +97 -0
- package/exports/icon/icon-set.d.ts +1 -1
- package/exports/icon/icon.d.ts +1 -1
- package/exports/list/list-item.d.ts +1 -1
- package/exports/menu/menu.d.ts +1 -1
- package/exports/mixins/file-reader-mixin.d.ts +1 -1
- package/exports/notification/notifications.d.ts +1 -1
- package/exports/notifications.js +1 -0
- package/exports/pages/pages.d.ts +1 -1
- package/exports/pane/pane.d.ts +1 -0
- package/exports/pane.js +8 -82
- package/exports/rail.js +1 -0
- package/exports/root/root.d.ts +1 -1
- package/exports/router/hash-router.d.ts +18 -0
- package/exports/router/types.d.ts +45 -0
- package/exports/section/section.d.ts +1 -1
- package/exports/selector/selector.d.ts +1 -1
- package/exports/simple-hash-router.js +111 -0
- package/exports/summary/summary.d.ts +1 -1
- package/exports/supporting-pane.js +1 -0
- package/exports/text-field/text-field.d.ts +1 -1
- package/exports/time-picker/input.d.ts +1 -1
- package/exports/time-picker/minute-field.d.ts +1 -1
- package/exports/time-picker/time-picker.d.ts +1 -1
- package/exports/toggle/toggle.d.ts +1 -1
- package/exports/types2.js +1 -0
- package/exports/typography/typography.d.ts +1 -1
- package/exports/upload/upload-file.d.ts +1 -1
- package/exports/upload/upload-image.d.ts +2 -2
- package/package.json +14 -4
- package/exports/bundle/custom-element-BOdKJYdz.js +0 -1
- package/exports/bundle/property-BhmaXNYq.js +0 -39
- package/exports/bundle/property-D-Y1CFIF.js +0 -11
- package/exports/bundle/query-D-PG8Oyh.js +0 -1
- package/exports/bundle/row-BHK6Zell.js +0 -28
package/exports/bundle/pane.js
CHANGED
|
@@ -1,83 +1,91 @@
|
|
|
1
|
-
import{_ as e,a as t,e as s}from"./custom-element-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
/* border-radius: 12px; */
|
|
1
|
+
import{_ as e,a as t,e as s}from"./custom-element-CAdbJRVg.js";import{L as o,i as a,r as i,x as r,s as n}from"./property-BYA8Sw2t.js";import"./elevation.js";import"./icon-button.js";import"./icon.js";import"./button.js";Symbol.metadata??=Symbol("metadata"),globalThis.pubsub=globalThis.pubsub||new o;var c=a`
|
|
2
|
+
:host {
|
|
3
|
+
display: flex;
|
|
4
|
+
flex-direction: column;
|
|
5
|
+
height: 100%;
|
|
6
|
+
background: var(--md-sys-color-surface);
|
|
7
|
+
color: var(--md-sys-color-on-surface);
|
|
8
|
+
position: relative;
|
|
9
|
+
/* border-radius: 12px; */
|
|
11
10
|
|
|
12
|
-
|
|
11
|
+
--md-elevation-level: 0;
|
|
13
12
|
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
13
|
+
pointer-events: none;
|
|
14
|
+
opacity: 0;
|
|
15
|
+
width: 100%;
|
|
16
|
+
max-width: var(--custom-pane-width, 100%);
|
|
17
|
+
transition: var(--md-sys-motion-easing-emphasized-accelerate) 200ms opacity,
|
|
18
|
+
var(--md-sys-motion-easing-emphasized-accelerate) 200ms transform;
|
|
19
|
+
}
|
|
20
20
|
|
|
21
|
-
|
|
22
|
-
|
|
21
|
+
:host([left]) {
|
|
22
|
+
border-radius: var(--md-sys-shape-corner-large-end);
|
|
23
|
+
transform: translateX(-100%);
|
|
24
|
+
z-index: 1002;
|
|
25
|
+
}
|
|
23
26
|
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
27
|
+
:host([right]) {
|
|
28
|
+
border-radius: var(--md-sys-shape-corner-large-start);
|
|
29
|
+
transform: translateX(100%);
|
|
30
|
+
z-index: 1001;
|
|
31
|
+
}
|
|
29
32
|
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
33
|
+
:host([mobile]) {
|
|
34
|
+
inset: 0;
|
|
35
|
+
position: fixed;
|
|
36
|
+
z-index: 1001;
|
|
37
|
+
}
|
|
35
38
|
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
z-index: 1001;
|
|
40
|
-
}
|
|
39
|
+
:host([type='modal']) {
|
|
40
|
+
--md-elevation-level: 1;
|
|
41
|
+
}
|
|
41
42
|
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
43
|
+
:host([open]) {
|
|
44
|
+
transform: translateX(0);
|
|
45
|
+
opacity: 1;
|
|
46
|
+
pointer-events: auto;
|
|
47
|
+
transition: var(--md-sys-motion-easing-emphasized-decelerate) 500ms opacity,
|
|
48
|
+
var(--md-sys-motion-easing-emphasized-decelerate) 500ms transform;
|
|
49
|
+
}
|
|
45
50
|
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
pointer-events: auto;
|
|
50
|
-
transition: var(--md-sys-motion-easing-emphasized-decelerate) 500ms opacity,
|
|
51
|
-
var(--md-sys-motion-easing-emphasized-decelerate) 500ms transform;
|
|
52
|
-
}
|
|
51
|
+
:host([open]) {
|
|
52
|
+
position: relative;
|
|
53
|
+
}
|
|
53
54
|
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
55
|
+
:host([open][mobile]) {
|
|
56
|
+
position: absolute;
|
|
57
|
+
}
|
|
57
58
|
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
59
|
+
aside {
|
|
60
|
+
display: flex;
|
|
61
|
+
flex-direction: column;
|
|
62
|
+
width: 100%;
|
|
63
|
+
height: 100%;
|
|
64
|
+
}
|
|
61
65
|
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
+
.content {
|
|
67
|
+
flex: 1;
|
|
68
|
+
width: 100%;
|
|
69
|
+
}
|
|
66
70
|
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
overflow-y: auto;
|
|
71
|
-
}
|
|
71
|
+
:host([right]) custom-icon-button {
|
|
72
|
+
transform: rotateZ(180deg);
|
|
73
|
+
}
|
|
72
74
|
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
75
|
+
slot[name='header']::slotted(flex-row) {
|
|
76
|
+
padding: var(--custom-pane-header-padding, 8px);
|
|
77
|
+
height: var(--custom-pane-header-height, 54px);
|
|
78
|
+
box-sizing: border-box;
|
|
79
|
+
align-items: center;
|
|
80
|
+
}
|
|
76
81
|
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
82
|
+
slot[name='footer']::slotted(flex-row) {
|
|
83
|
+
padding: var(--custom-pane-footer-padding, 8px);
|
|
84
|
+
height: var(--custom-pane-footer-height, 54px);
|
|
85
|
+
box-sizing: border-box;
|
|
86
|
+
align-items: center;
|
|
87
|
+
}
|
|
88
|
+
`;let l=(()=>{let o,a,l,m,d,h,p,g,u=[s("custom-pane")],f=[],b=n,y=[],v=[],_=[],x=[],w=[],k=[],z=[],j=[],S=[],B=[],P=[],X=[];return class extends b{static{a=this}static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(b[Symbol.metadata]??null):void 0;l=[i({type:Boolean,reflect:!0})],m=[i({type:Boolean,reflect:!0})],d=[i({type:String,reflect:!0})],h=[i({type:Boolean,reflect:!0})],p=[i({type:Boolean,reflect:!0})],g=[i({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,v),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),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},w,k),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,j),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},S,B),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},P,X),e(null,o={value:a},u,{kind:"class",name:a.name,metadata:t},null,f),a=o.value,t&&Object.defineProperty(a,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}#e=t(this,y,!1);get open(){return this.#e}set open(e){this.#e=e}#t=(t(this,v),t(this,_,!1));get mobile(){return this.#t}set mobile(e){this.#t=e}#s=(t(this,x),t(this,w,void 0));get type(){return this.#s}set type(e){this.#s=e}#o=(t(this,k),t(this,z,!0));get left(){return this.#o}set left(e){this.#o=e}#a=(t(this,j),t(this,S,!1));get right(){return this.#a}set right(e){this.#a=e}#i=(t(this,B),t(this,P,void 0));get id(){return this.#i}set id(e){this.#i=e}closePane(e){e.stopPropagation(),this.open=!1,document.dispatchEvent(new CustomEvent("custom-pane-close",{detail:this.id||""+(this.left?"left":"right")}))}static styles=[c];render(){return r`
|
|
81
89
|
<custom-elevation></custom-elevation>
|
|
82
90
|
<aside>
|
|
83
91
|
<slot name="header">
|
|
@@ -94,4 +102,5 @@ import{_ as e,a as t,e as s}from"./custom-element-BOdKJYdz.js";import{a as o,x a
|
|
|
94
102
|
<flex-row class="footer">
|
|
95
103
|
<slot name="footer"></slot>
|
|
96
104
|
</flex-row>
|
|
97
|
-
</aside>
|
|
105
|
+
</aside>
|
|
106
|
+
`}constructor(){super(...arguments),t(this,X)}static{t(a,f)}},a})();export{l as CustomPane};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2017 Google LLC
|
|
4
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
5
|
+
*/
|
|
6
|
+
const t=globalThis,e=t.trustedTypes,i=e?e.createPolicy("lit-html",{createHTML:t=>t}):void 0,r="$lit$",o=`lit$${Math.random().toFixed(9).slice(2)}$`,h="?"+o,l=`<${h}>`,a=document,u=()=>a.createComment(""),c=t=>null===t||"object"!=typeof t&&"function"!=typeof t,d=Array.isArray,b="[ \t\n\f\r]",p=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,$=/-->/g,_=/>/g,A=RegExp(`>|${b}(?:([^\\s"'>=/]+)(${b}*=${b}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),g=/'/g,v=/"/g,f=/^(?:script|style|textarea|title)$/i,m=(t=>(e,...i)=>({_$litType$:t,strings:e,values:i}))(1),y=Symbol.for("lit-noChange"),x=Symbol.for("lit-nothing"),T=new WeakMap,w=a.createTreeWalker(a,129);function C(t,e){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==i?i.createHTML(e):e}const N=(t,e)=>{const i=t.length-1,h=[];let a,u=2===e?"<svg>":"",c=p;for(let e=0;e<i;e++){const i=t[e];let d,b,m=-1,y=0;for(;y<i.length&&(c.lastIndex=y,b=c.exec(i),null!==b);)y=c.lastIndex,c===p?"!--"===b[1]?c=$:void 0!==b[1]?c=_:void 0!==b[2]?(f.test(b[2])&&(a=RegExp("</"+b[2],"g")),c=A):void 0!==b[3]&&(c=A):c===A?">"===b[0]?(c=a??p,m=-1):void 0===b[1]?m=-2:(m=c.lastIndex-b[2].length,d=b[1],c=void 0===b[3]?A:'"'===b[3]?v:g):c===v||c===g?c=A:c===$||c===_?c=p:(c=A,a=void 0);const x=c===A&&t[e+1].startsWith("/>")?" ":"";u+=c===p?i+l:m>=0?(h.push(d),i.slice(0,m)+r+i.slice(m)+o+x):i+o+(-2===m?e:x)}return[C(t,u+(t[i]||"<?>")+(2===e?"</svg>":"")),h]};class V{constructor({strings:t,_$litType$:i},l){let a;this.parts=[];let c=0,d=0;const b=t.length-1,p=this.parts,[$,_]=N(t,i);if(this.el=V.createElement($,l),w.currentNode=this.el.content,2===i){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(a=w.nextNode())&&p.length<b;){if(1===a.nodeType){if(a.hasAttributes())for(const t of a.getAttributeNames())if(t.endsWith(r)){const e=_[d++],i=a.getAttribute(t).split(o),r=/([.?@])?(.*)/.exec(e);p.push({type:1,index:c,name:r[2],strings:i,ctor:"."===r[1]?k:"?"===r[1]?H:"@"===r[1]?I:R}),a.removeAttribute(t)}else t.startsWith(o)&&(p.push({type:6,index:c}),a.removeAttribute(t));if(f.test(a.tagName)){const t=a.textContent.split(o),i=t.length-1;if(i>0){a.textContent=e?e.emptyScript:"";for(let e=0;e<i;e++)a.append(t[e],u()),w.nextNode(),p.push({type:2,index:++c});a.append(t[i],u())}}}else if(8===a.nodeType)if(a.data===h)p.push({type:2,index:c});else{let t=-1;for(;-1!==(t=a.data.indexOf(o,t+1));)p.push({type:7,index:c}),t+=o.length-1}c++}}static createElement(t,e){const i=a.createElement("template");return i.innerHTML=t,i}}function E(t,e,i=t,r){if(e===y)return e;let o=void 0!==r?i._$Co?.[r]:i._$Cl;const h=c(e)?void 0:e._$litDirective$;return o?.constructor!==h&&(o?._$AO?.(!1),void 0===h?o=void 0:(o=new h(t),o._$AT(t,i,r)),void 0!==r?(i._$Co??=[])[r]=o:i._$Cl=o),void 0!==o&&(e=E(t,o._$AS(t,e.values),o,r)),e}let U=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,r=(t?.creationScope??a).importNode(e,!0);w.currentNode=r;let o=w.nextNode(),h=0,l=0,u=i[0];for(;void 0!==u;){if(h===u.index){let e;2===u.type?e=new M(o,o.nextSibling,this,t):1===u.type?e=new u.ctor(o,u.name,u.strings,this,t):6===u.type&&(e=new L(o,this,t)),this._$AV.push(e),u=i[++l]}h!==u?.index&&(o=w.nextNode(),h++)}return w.currentNode=a,r}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,r){this.type=2,this._$AH=x,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=i,this.options=r,this._$Cv=r?.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=E(this,t,e),c(t)?t===x||null==t||""===t?(this._$AH!==x&&this._$AR(),this._$AH=x):t!==this._$AH&&t!==y&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>d(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!==x&&c(this._$AH)?this._$AA.nextSibling.data=t:this.T(a.createTextNode(t)),this._$AH=t}$(t){const{values:e,_$litType$:i}=t,r="number"==typeof i?this._$AC(t):(void 0===i.el&&(i.el=V.createElement(C(i.h,i.h[0]),this.options)),i);if(this._$AH?._$AD===r)this._$AH.p(e);else{const t=new U(r,this),i=t.u(this.options);t.p(e),this.T(i),this._$AH=t}}_$AC(t){let e=T.get(t.strings);return void 0===e&&T.set(t.strings,e=new V(t)),e}k(t){d(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let i,r=0;for(const o of t)r===e.length?e.push(i=new M(this.S(u()),this.S(u()),this,this.options)):i=e[r],i._$AI(o),r++;r<e.length&&(this._$AR(i&&i._$AB.nextSibling,r),e.length=r)}_$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,r,o){this.type=1,this._$AH=x,this._$AN=void 0,this.element=t,this.name=e,this._$AM=r,this.options=o,i.length>2||""!==i[0]||""!==i[1]?(this._$AH=Array(i.length-1).fill(new String),this.strings=i):this._$AH=x}_$AI(t,e=this,i,r){const o=this.strings;let h=!1;if(void 0===o)t=E(this,t,e,0),h=!c(t)||t!==this._$AH&&t!==y,h&&(this._$AH=t);else{const r=t;let l,a;for(t=o[0],l=0;l<o.length-1;l++)a=E(this,r[i+l],e,l),a===y&&(a=this._$AH[l]),h||=!c(a)||a!==this._$AH[l],a===x?t=x:t!==x&&(t+=(a??"")+o[l+1]),this._$AH[l]=a}h&&!r&&this.j(t)}j(t){t===x?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===x?void 0:t}}class H extends R{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==x)}}class I extends R{constructor(t,e,i,r,o){super(t,e,i,r,o),this.type=5}_$AI(t,e=this){if((t=E(this,t,e,0)??x)===y)return;const i=this._$AH,r=t===x&&i!==x||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,o=t!==x&&(i===x||r);r&&this.element.removeEventListener(this.name,this,i),o&&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){E(this,t)}}const B=t.litHtmlPolyfillSupport;B?.(V,M),(t.litHtmlVersions??=[]).push("3.1.4");const O=(t,e,i)=>{const r=i?.renderBefore??e;let o=r._$litPart$;if(void 0===o){const t=i?.renderBefore??null;r._$litPart$=o=new M(e.insertBefore(u(),t),t,void 0,i??{})}return o._$AI(t),o
|
|
7
|
+
/**
|
|
8
|
+
* @license
|
|
9
|
+
* Copyright 2019 Google LLC
|
|
10
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
11
|
+
*/},P=globalThis,W=P.ShadowRoot&&(void 0===P.ShadyCSS||P.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,j=Symbol(),D=new WeakMap;class n{constructor(t,e,i){if(this._$cssResult$=!0,i!==j)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(W&&void 0===t){const i=void 0!==e&&1===e.length;i&&(t=D.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),i&&D.set(e,t))}return t}toString(){return this.cssText}}const q=(t,...e)=>{const i=1===t.length?t[0]:e.reduce(((e,i,r)=>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[r+1]),t[0]);return new n(i,t,j)},z=(t,e)=>{if(W)t.adoptedStyleSheets=e.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const i of e){const e=document.createElement("style"),r=P.litNonce;void 0!==r&&e.setAttribute("nonce",r),e.textContent=i.cssText,t.appendChild(e)}},J=W?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let e="";for(const i of t.cssRules)e+=i.cssText;return(t=>new n("string"==typeof t?t:t+"",void 0,j))(e)})(t):t;Symbol.metadata??=Symbol("metadata");class s extends HTMLElement{static get observedAttributes(){return this[Symbol.metadata]?.observedAttributes?.values()??[]}attributeChangedCallback(t,e,i){this[t]===i&&e===i||(this[t]=i)}constructor(){super(),this.renderedOnce=!1,this.rendered=new Promise((t=>{this.renderResolve=t})),this.attachShadow({mode:"open"});const t=customElements.get(this.localName);this.shadowRoot.adoptedStyleSheets=t.styles?t.styles.map((t=>t.styleSheet??t)):[],this.requestRender()}render(){return m`<slot></slot>`}requestRender(){O(this.render(),this.shadowRoot),this.renderedOnce||(this.renderResolve(!0),this.renderedOnce=!0,this.firstRender&&this.firstRender())}}class LittlePubSub{subscribers={};verbose;constructor(t){this.verbose=t}_handleContext(t,e){return void 0===e&&(e=t),e}hasSubscribers(t){return!!this.subscribers[t]}subscribe(t,e,i){this.hasSubscribers(t)||(this.subscribers[t]={handlers:[],value:void 0}),i=this._handleContext(e,i),this.subscribers[t].handlers.push(e.bind(i))}unsubscribe(t,e,i){if(!this.hasSubscribers(t))return;i=this._handleContext(e,i);const r=this.subscribers[t].handlers.indexOf(e.bind(i));this.subscribers[t].handlers.splice(r),0===this.subscribers[t].handlers.length&&delete this.subscribers[t]}publish(t,e,i){this.hasSubscribers(t)||(this.subscribers[t]={handlers:[]});const r=this.subscribers[t]?.value;if(this.verbose||i||r!==e){this.subscribers[t].value=e;for(const i of this.subscribers[t].handlers)i(e,r)}}publishVerbose(t,e){this.publish(t,e,!0)}once(t){return new Promise((e=>{const i=r=>{e(r),this.unsubscribe(t,i)};this.subscribe(t,i)}))}}const Z=(t,e)=>{let i=t;return e===Boolean?i=Boolean("true"===t):e===Number?i=Number(t):e===Uint8Array?i=new Uint8Array(t.split(",")):e!==Array&&e!==Object&&e!==WeakMap&&e!==Map&&e!==Uint8Array||(i=JSON.parse(t),e===Map&&(i=new Map(t)),e===WeakMap&&(i=new WeakMap(t))),i};globalThis.pubsub=globalThis.pubsub||new LittlePubSub;const F={type:String,reflect:!1,renders:!0,batchDelay:50,temporaryRender:10},G=t=>{t={...F,...t};let e=0;return function(i,{kind:r,name:o,addInitializer:h,access:l,metadata:a}){const{type:u,reflect:c,renders:d,batches:b,batchDelay:p,consumer:$,provider:_,temporaryRender:A}=t,g=t.attribute??c,v=String(o),f=g&&"string"==typeof g?g:v,m=u===Boolean,y=$||"boolean"==typeof t.consumes?f:t.consumes,x=_||"boolean"==typeof t.provides?f:t.provides;if(t.provider&&console.warn(`${v}: 'options.provider' is deprecated, use options.provides instead`),t.consumer&&console.warn(`${v}: 'options.consumer' is deprecated, use options.consumes instead`),h((function(){"accessor"!==r&&console.warn(`${this.localName}: @property(${t}) ${v} ${r} is not supported`),g&&(a||(a={}),a.observedAttributes||(a.observedAttributes=new Map),a.observedAttributes.set(v,f)),y&&globalThis.pubsub.subscribe(y,(async t=>{this[o]=t}))})),"accessor"===r)return{get(){return T.call(this)},set(t){return w.call(this,t)},init(t){return this.hasAttribute(f)&&(t=m?this.hasAttribute(f):Z(this.getAttribute(f),u)),y&&globalThis.pubsub.subscribers?.[y]?.value&&(t=globalThis.pubsub.subscribers[y].value),void 0!==t&&w.call(this,t),this[o]}};function T(){const t=g?m?this.hasAttribute(f):Z(this.getAttribute(f),u):this[`__lite_${v}`]?this[`__lite_${v}`]:this[`_lite_${v}`];return y&&!this[`__lite_${v}`]&&globalThis.pubsub.subscribers?.[y]?.value?(t!==globalThis.pubsub.subscribers[y].value&&w.call(this,globalThis.pubsub.subscribers[y].value),globalThis.pubsub.subscribers[y].value):t}async function w(t){if(x&&globalThis.pubsub.publish(x,t),this[`_lite_${v}`]!==t){this.willChange&&(this[`__lite_${v}`]=await this.willChange(o,t)),g?m?t||this[`__lite_${v}`]?this.setAttribute(f,""):this.removeAttribute(f):t||this[`__lite_${v}`]?this.setAttribute(f,((t,e)=>{let i=e;if(t===Boolean||t===Number||t===Uint8Array)return e.toString();if(t===Array||t===Object||t===WeakMap||t===Map||t===Uint8Array){let r;t!==Map&&t!==WeakMap||(r=Object(e).entries()),i=JSON.stringify(r)}return i})(u,this[`__lite_${v}`]??t)):this.removeAttribute(f):this[`_lite_${v}`]=t;const i=()=>{e=0,this.requestRender&&d&&this.requestRender(),this.onChange&&this.onChange(o,this[`__lite_${v}`]??t)};b?e===A?i():(this[`_${v}_timeout`]&&clearTimeout(this[`_${v}_timeout`]),this[`_${v}_timeout`]=setTimeout(i,p)):i()}}}};export{LittlePubSub as L,z as S,x as T,J as c,q as i,O as j,G as r,s,y as w,m as x};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import{c as t,S as e,j as i,w as r}from"./property-BYA8Sw2t.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:l}=Object,d=globalThis,p=d.trustedTypes,u=p?p.emptyScript:"",f=d.reactiveElementPolyfillSupport,E=(t,e)=>t,m={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 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}},_=(t,e)=>!o(t,e),$={attribute:!0,type:String,converter:m,reflect:!1,hasChanged:_};Symbol.metadata??=Symbol("metadata"),d.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=$){if(e.state&&(e.attribute=!1),this._$Ei(),this.elementProperties.set(t,e),!e.noAccessor){const i=Symbol(),r=this.getPropertyDescriptor(t,i,e);void 0!==r&&n(this.prototype,t,r)}}static getPropertyDescriptor(t,e,i){const{get:r,set:o}=a(this.prototype,t)??{get(){return this[e]},set(t){this[e]=t}};return{get(){return r?.call(this)},set(e){const n=r?.call(this);o.call(this,e),this.requestUpdate(t,n,i)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??$}static _$Ei(){if(this.hasOwnProperty(E("elementProperties")))return;const t=l(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 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(e){const i=[];if(Array.isArray(e)){const r=new Set(e.flat(1/0).reverse());for(const e of r)i.unshift(t(e))}else void 0!==e&&i.push(t(e));return i}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 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),r=this.constructor._$Eu(t,i);if(void 0!==r&&!0===i.reflect){const o=(void 0!==i.converter?.toAttribute?i.converter:m).toAttribute(e,i.type);this._$Em=t,null==o?this.removeAttribute(r):this.setAttribute(r,o),this._$Em=null}}_$AK(t,e){const i=this.constructor,r=i._$Eh.get(t);if(void 0!==r&&this._$Em!==r){const t=i.getPropertyOptions(r),o="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:m;this._$Em=r,this[r]=o.fromAttribute(e,t.type),this._$Em=null}}requestUpdate(t,e,i){if(void 0!==t){if(i??=this.constructor.getPropertyOptions(t),!(i.hasChanged??_)(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[E("elementProperties")]=new Map,b[E("finalized")]=new Map,f?.({ReactiveElement:b}),(d.reactiveElementVersions??=[]).push("2.0.4");
|
|
7
|
+
/**
|
|
8
|
+
* @license
|
|
9
|
+
* Copyright 2017 Google LLC
|
|
10
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
11
|
+
*/
|
|
12
|
+
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=i(e,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return r}}s._$litElement$=!0,s.finalized=!0,globalThis.litElementHydrateSupport?.({LitElement:s});const y=globalThis.litElementPolyfillSupport;y?.({LitElement:s}),(globalThis.litElementVersions??=[]).push("4.0.6");
|
|
13
|
+
/**
|
|
14
|
+
* @license
|
|
15
|
+
* Copyright 2017 Google LLC
|
|
16
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
17
|
+
*/
|
|
18
|
+
const g=t=>(e,i)=>{void 0!==i?i.addInitializer((()=>{customElements.define(t,e)})):customElements.define(t,e)}
|
|
19
|
+
/**
|
|
20
|
+
* @license
|
|
21
|
+
* Copyright 2017 Google LLC
|
|
22
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
|
23
|
+
*/,P={attribute:!0,type:String,converter:m,reflect:!1,hasChanged:_},v=(t=P,e,i)=>{const{kind:r,metadata:o}=i;let n=globalThis.litPropertyMetadata.get(o);if(void 0===n&&globalThis.litPropertyMetadata.set(o,n=new Map),n.set(i.name,t),"accessor"===r){const{name:r}=i;return{set(i){const o=e.get.call(this);e.set.call(this,i),this.requestUpdate(r,o,t)},init(e){return void 0!==e&&this.P(r,void 0,t),e}}}if("setter"===r){const{name:r}=i;return function(i){const o=this[r];e.call(this,i),this.requestUpdate(r,o,t)}}throw Error("Unsupported decorator location: "+r)};function U(t){return(e,i)=>"object"==typeof i?v(t,e,i):((t,e,i)=>{const r=e.hasOwnProperty(i);return e.constructor.createProperty(i,r?{...t,wrapped:!0}:t),r?Object.getOwnPropertyDescriptor(e,i):void 0})(t,e,i)}export{U as n,s,g 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};
|
package/exports/bundle/rail.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as t,a as e,e as s}from"./custom-element-
|
|
1
|
+
import{_ as t,a as e,e as s}from"./custom-element-CAdbJRVg.js";import{r as o,x as a,s as i}from"./property-BYA8Sw2t.js";import"./pane.js";import"./elevation.js";import"./icon-button.js";import"./button.js";import"./icon.js";let l=(()=>{let l,r,n,c,m,p,h=[s("custom-rail")],d=[],y=i,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
|
}
|
package/exports/bundle/root.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as t,a as e,e as a}from"./custom-element-
|
|
1
|
+
import{_ as t,a as e,e as a}from"./custom-element-CAdbJRVg.js";import{i as o,x as s,s as l}from"./property-BYA8Sw2t.js";import"./theme.js";let m=(()=>{let m,r,n=[a("custom-root")],c=[],i=l;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,m={value:r},n,{kind:"class",name:r.name,metadata:e},null,c),r=m.value,e&&Object.defineProperty(r,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:e})}static styles=[o`
|
|
2
2
|
:host {
|
|
3
3
|
display: contents;
|
|
4
4
|
}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import{x as t,j as e,L as i}from"./property-BYA8Sw2t.js";Symbol.metadata??=Symbol("metadata");class s extends HTMLElement{static get observedAttributes(){return this[Symbol.metadata]?.observedAttributes?.values()??[]}attributeChangedCallback(t,e,i){this[t]===i&&e===i||(this[t]=i)}constructor(){super(),this.renderedOnce=!1,this.rendered=new Promise((t=>{this.renderResolve=t})),this.attachShadow({mode:"open"});const t=customElements.get(this.localName);this.shadowRoot.adoptedStyleSheets=t.styles?t.styles.map((t=>t.styleSheet??t)):[],this.requestRender()}render(){return t`<slot></slot>`}requestRender(){e(this.render(),this.shadowRoot),this.renderedOnce||(this.renderResolve(!0),this.renderedOnce=!0,this.firstRender&&this.firstRender())}}const r=(t,e)=>{let i=t;return e===Boolean?i=Boolean("true"===t):e===Number?i=Number(t):e===Uint8Array?i=new Uint8Array(t.split(",")):e!==Array&&e!==Object&&e!==WeakMap&&e!==Map&&e!==Uint8Array||(i=JSON.parse(t),e===Map&&(i=new Map(t)),e===WeakMap&&(i=new WeakMap(t))),i};globalThis.pubsub=globalThis.pubsub||new i;const a={type:String,reflect:!1,renders:!0,batchDelay:50,temporaryRender:10},n=t=>{t={...a,...t};let e=0;return function(i,{kind:a,name:n,addInitializer:o,access:c,metadata:h}){const{type:l,reflect:d,renders:u,batches:g,batchDelay:p,consumer:b,provider:m,temporaryRender:_}=t,y=t.attribute??d,f=String(n),v=y&&"string"==typeof y?y:f,x=l===Boolean,w=b||"boolean"==typeof t.consumes?v:t.consumes,S=m||"boolean"==typeof t.provides?v:t.provides;if(t.provider&&console.warn(`${f}: 'options.provider' is deprecated, use options.provides instead`),t.consumer&&console.warn(`${f}: 'options.consumer' is deprecated, use options.consumes instead`),o((function(){"accessor"!==a&&console.warn(`${this.localName}: @property(${t}) ${f} ${a} is not supported`),y&&(h||(h={}),h.observedAttributes||(h.observedAttributes=new Map),h.observedAttributes.set(f,v)),w&&globalThis.pubsub.subscribe(w,(async t=>{this[n]=t}))})),"accessor"===a)return{get(){return $.call(this)},set(t){return C.call(this,t)},init(t){return this.hasAttribute(v)&&(t=x?this.hasAttribute(v):r(this.getAttribute(v),l)),w&&globalThis.pubsub.subscribers?.[w]?.value&&(t=globalThis.pubsub.subscribers[w].value),void 0!==t&&C.call(this,t),this[n]}};function $(){const t=y?x?this.hasAttribute(v):r(this.getAttribute(v),l):this[`__lite_${f}`]?this[`__lite_${f}`]:this[`_lite_${f}`];return w&&!this[`__lite_${f}`]&&globalThis.pubsub.subscribers?.[w]?.value?(t!==globalThis.pubsub.subscribers[w].value&&C.call(this,globalThis.pubsub.subscribers[w].value),globalThis.pubsub.subscribers[w].value):t}async function C(t){if(S&&globalThis.pubsub.publish(S,t),this[`_lite_${f}`]!==t){this.willChange&&(this[`__lite_${f}`]=await this.willChange(n,t)),y?x?t||this[`__lite_${f}`]?this.setAttribute(v,""):this.removeAttribute(v):t||this[`__lite_${f}`]?this.setAttribute(v,((t,e)=>{let i=e;if(t===Boolean||t===Number||t===Uint8Array)return e.toString();if(t===Array||t===Object||t===WeakMap||t===Map||t===Uint8Array){let r;t!==Map&&t!==WeakMap||(r=Object(e).entries()),i=JSON.stringify(r)}return i})(l,this[`__lite_${f}`]??t)):this.removeAttribute(v):this[`_lite_${f}`]=t;const i=()=>{e=0,this.requestRender&&u&&this.requestRender(),this.onChange&&this.onChange(n,this[`__lite_${f}`]??t)};g?e===_?i():(this[`_${f}_timeout`]&&clearTimeout(this[`_${f}_timeout`]),this[`_${f}_timeout`]=setTimeout(i,p)):i()}}}};var o=function(t,e,i,r,a,n){function o(t){if(void 0!==t&&"function"!=typeof t)throw new TypeError("Function expected");return t}for(var c,h=r.kind,l="getter"===h?"get":"setter"===h?"set":"value",d=!e&&t?r.static?t:t.prototype:null,u=e||(d?Object.getOwnPropertyDescriptor(d,r.name):{}),g=!1,p=i.length-1;p>=0;p--){var b={};for(var m in r)b[m]="access"===m?{}:r[m];for(var m in r.access)b.access[m]=r.access[m];b.addInitializer=function(t){if(g)throw new TypeError("Cannot add initializers after decoration has completed");n.push(o(t||null))};var _=(0,i[p])("accessor"===h?{get:u.get,set:u.set}:u[l],b);if("accessor"===h){if(void 0===_)continue;if(null===_||"object"!=typeof _)throw new TypeError("Object expected");(c=o(_.get))&&(u.get=c),(c=o(_.set))&&(u.set=c),(c=o(_.init))&&a.unshift(c)}else(c=o(_))&&("field"===h?a.unshift(c):u[l]=c)}d&&Object.defineProperty(d,r.name,u),g=!0},c=function(t,e,i){for(var r=arguments.length>2,a=0;a<e.length;a++)i=r?e[a].call(t,i):e[a].call(t);return r?i:void 0};let h=(()=>{let e,i,r,a,h,l,d,u,g,p,b=s,m=[],_=[],y=[],f=[],v=[],x=[],w=[],S=[],$=[],C=[],W=[],j=[],A=[],k=[],T=[],z=[],O=[],R=[],I=[],M=[];return class FlexDisplay extends b{static{const t="function"==typeof Symbol&&Symbol.metadata?Object.create(b[Symbol.metadata]??null):void 0;e=[n({type:String})],i=[n({type:String})],r=[n({type:String})],a=[n({type:String})],h=[n({type:String,reflect:!0})],l=[n({type:Boolean,reflect:!0})],d=[n({type:Boolean,reflect:!0,attribute:"center-center"})],u=[n({type:String})],g=[n({type:String})],p=[n({type:String})],o(this,null,e,{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},m,_),o(this,null,i,{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,f),o(this,null,r,{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,x),o(this,null,a,{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},w,S),o(this,null,h,{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},$,C),o(this,null,l,{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,j),o(this,null,d,{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},A,k),o(this,null,u,{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},T,z),o(this,null,g,{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,R),o(this,null,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},I,M),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}#t=c(this,m,"0");get padding(){return this.#t}set padding(t){this.#t=t}#e=(c(this,_),c(this,y,"auto"));get minWidth(){return this.#e}set minWidth(t){this.#e=t}#s=(c(this,f),c(this,v,"auto"));get maxWidth(){return this.#s}set maxWidth(t){this.#s=t}#i=(c(this,x),c(this,w,"100%"));get width(){return this.#i}set width(t){this.#i=t}#r=(c(this,S),c(this,$,"row"));get direction(){return this.#r}set direction(t){this.#r=t}#a=(c(this,C),c(this,W,void 0));get center(){return this.#a}set center(t){this.#a=t}#n=(c(this,j),c(this,A,void 0));get centerCenter(){return this.#n}set centerCenter(t){this.#n=t}#o=(c(this,k),c(this,T,"flex-start"));get justifyContent(){return this.#o}set justifyContent(t){this.#o=t}#c=(c(this,z),c(this,O,"flex-start"));get alignItems(){return this.#c}set alignItems(t){this.#c=t}#h=(c(this,R),c(this,I,"border-box"));get boxSizing(){return this.#h}set boxSizing(t){this.#h=t}render(){return t`
|
|
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),c(this,M)}}})();customElements.define("flex-row",class FlexRow extends h{constructor(){super(),this.direction="row",this.width="auto"}});export{h as F};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as e,a as t,e as o}from"./custom-element-
|
|
1
|
+
import{_ as e,a as t,e as o}from"./custom-element-CAdbJRVg.js";import{i as s,x as a,s as l}from"./property-BYA8Sw2t.js";import"./section2.js";import"./code.js";import"./scroll-mixin.js";import"./elevation.js";let c=(()=>{let c,n,r=[o("demo-section")],i=[],m=l;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,c={value:n},r,{kind:"class",name:n.name,metadata:t},null,i),n=c.value,t&&Object.defineProperty(n,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}async connectedCallback(){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`
|
|
2
2
|
:host {
|
|
3
3
|
display: flex;
|
|
4
4
|
flex-direction: column;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as e,a as t,e as a}from"./custom-element-
|
|
1
|
+
import{_ as e,a as t,e as a}from"./custom-element-CAdbJRVg.js";import{i as o,x as l,s as n}from"./property-BYA8Sw2t.js";import{ScrollMixin as s}from"./scroll-mixin.js";import"./elevation.js";let r=(()=>{let r,i,m=[a("custom-section")],c=[],u=s(n);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=[o`
|
|
2
2
|
:host {
|
|
3
3
|
display: flex;
|
|
4
4
|
justify-content: center;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{s as e}from"./property-
|
|
1
|
+
import{s as e}from"./property-BYA8Sw2t.js";class SelectBase extends e{#e;currentSelected;connectedCallback(){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"./property-
|
|
1
|
+
import{SelectBase as e}from"./select-mixin.js";import"./property-BYA8Sw2t.js";class SelectorBase extends e{constructor(){super()}async connectedCallback(){super.connectedCallback&&await super.connectedCallback(),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,e as a}from"./custom-element-
|
|
1
|
+
import{_ as e,a as t,e as a}from"./custom-element-CAdbJRVg.js";import{i as o,x as l}from"./property-BYA8Sw2t.js";import{SelectorBase as s}from"./selector-mixin.js";import"./select-mixin.js";let r=(()=>{let r,n,c=[a("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=[o`
|
|
2
2
|
:host {
|
|
3
3
|
display: flex;
|
|
4
4
|
flex-direction: column;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
class SimpleHashRouter{routes;constructor({host:t,fallback:s,routes:e}){this.host=t,this.routes=e,globalThis.onhashchange=this.#t,!location.hash&&s?.route?location.hash=HashRouter.bang(s.params?`${s.route}?${HashRouter.queryIt(s.params)}`:s.route):this.#t()}static queryIt(t){return Object.entries(t).map((([t,s])=>`${t}=${s}`)).join("&")}static dequeryIt(t){const s={};if(!t)return s;for(const e of t.split("&")){const[t,o]=e.split("=");s[t]=o}}static bang(t){return`#!/${t}`}static debang(t){return t.split("#!/")[1]}static parseHash(t){const s=HashRouter.debang(t).split("?"),e=s[0].split("/"),o=e[0],a=e.slice(1,-1);return{route:o,routes:e,subRoutes:a,params:HashRouter.dequeryIt(s[1]),url:s[0]}}#s=async(t,s)=>{const{params:e,subRoutes:o}=t;let a=this.host.pages.querySelector(".custom-selected");if(t.subRoutes?.length>0)for(const r of t.subRoutes){const u=s.subRoutes[r];u?customElements.get(`./${u.tagName}`)||await import(`./${u.import}.js`):(customElements.get(`./${r}`)||await import(`./${r}.js`),console.warn(`handling undefined subroute for ${t.route} falling back to default behavior.`)),a.select({route:r,params:e,subRoutes:o}),a=a.pages.querySelector(".custom-selected")}if(e)for(const[t,s]of Object.entries(e))a[t]=s};#t=async()=>{const t=HashRouter.parseHash(location.hash),s=this.routes[t.url];s?customElements.get(`./${s.tagName}`)||await import(`./${s.import}.js`):customElements.get(`./${t.route}`)||await import(`./${t.route}.js`),this.host.select(t),this.host.pages&&this.#s(t,s),document.dispatchEvent(new CustomEvent("route-change",{detail:{routing:t,routeInfo:s}}))};go(t,s){}}export{SimpleHashRouter as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as t,a as e,e as s}from"./custom-element-
|
|
1
|
+
import{_ as t,a as e,e as s}from"./custom-element-CAdbJRVg.js";import{x as i,s as a}from"./property-BYA8Sw2t.js";let l=(()=>{let l,o,r=[s("custom-summary-mirror")],m=[],h=a;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},r,{kind:"class",name:o.name,metadata:s},null,m),o=l.value,s&&Object.defineProperty(o,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:s}),e(o,m)}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,e as a}from"./custom-element-
|
|
1
|
+
import{_ as t,a as e,e as a}from"./custom-element-CAdbJRVg.js";import{i as l,x as o,s as i}from"./property-BYA8Sw2t.js";let s=(()=>{let s,m,n=[a("custom-summary")],r=[],d=i;return class extends d{static{m=this}static{const e="function"==typeof Symbol&&Symbol.metadata?Object.create(d[Symbol.metadata]??null):void 0;t(null,s={value:m},n,{kind:"class",name:m.name,metadata:e},null,r),m=s.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,e as s}from"./custom-element-
|
|
1
|
+
import{_ as t,a as e,e as s}from"./custom-element-CAdbJRVg.js";import{r as a,x as o,s as i}from"./property-BYA8Sw2t.js";import{t as n}from"./query-DCTzLeFk.js";import"./pane.js";import"./elevation.js";import"./icon-button.js";import"./button.js";import"./icon.js";let r=(()=>{let r,c,p,l,d,u,h,m=[s("custom-supporting-pane")],g=[],v=i,_=[],f=[],y=[],b=[],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=[n(".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},y,b),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,r={value:c},m,{kind:"class",name:c.name,metadata:s},null,g),c=r.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,y,"expanded"));get variant(){return this.#e}set variant(t){this.#e=t}#s=(e(this,b),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>
|
|
2
2
|
:host {
|
|
3
3
|
display: flex;
|
|
4
4
|
flex-direction: column;
|
package/exports/bundle/tab.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as t,a as e,e as a}from"./custom-element-
|
|
1
|
+
import{_ as t,a as e,e as a}from"./custom-element-CAdbJRVg.js";import{x as o,s as n}from"./property-BYA8Sw2t.js";let r=(()=>{let r,l,s=[a("custom-tab")],i=[],p=n;return class extends p{static{l=this}static{const a="function"==typeof Symbol&&Symbol.metadata?Object.create(p[Symbol.metadata]??null):void 0;t(null,r={value:l},s,{kind:"class",name:l.name,metadata:a},null,i),l=r.value,a&&Object.defineProperty(l,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:a}),e(l,i)}render(){return o`
|
|
2
2
|
<style>
|
|
3
3
|
:host {
|
|
4
4
|
display: flex;
|
package/exports/bundle/tabs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as r,a as o,e as t}from"./custom-element-
|
|
1
|
+
import{_ as r,a as o,e as t}from"./custom-element-CAdbJRVg.js";import{x as e}from"./property-BYA8Sw2t.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`
|
|
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,e as n}from"./custom-element-
|
|
1
|
+
import{_ as a,a as t,e as n}from"./custom-element-CAdbJRVg.js";import{r as e,i as s,x as i,s as o}from"./property-BYA8Sw2t.js";import{t as l}from"./query-DCTzLeFk.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`
|
|
2
2
|
:host {
|
|
3
3
|
display: block;
|
|
4
4
|
}
|
package/exports/bundle/theme.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{_ as e,a as t,e as s}from"./custom-element-
|
|
1
|
+
import{_ as e,a as t,e as s}from"./custom-element-CAdbJRVg.js";import{r as a,s as o}from"./property-BYA8Sw2t.js";let i=(()=>{let i,r,n,l,c,m,d=[s("custom-theme")],g=[],h=o,u=[],b=[],y=[],p=[],_=[],f=[],w=[],S=[];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,S),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,_,"(max-width: 860px)"));get mobileTrigger(){return this.#a}set mobileTrigger(e){this.#a=e}#o=(t(this,f),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,S)}},r})();export{i as CustomTheme};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as t,a as e,e as a}from"./custom-element-
|
|
1
|
+
import{_ as t,a as e,e as a}from"./custom-element-CAdbJRVg.js";import{i as s,x as l,s as i}from"./property-BYA8Sw2t.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`
|
|
2
2
|
:host {
|
|
3
3
|
display: block;
|
|
4
4
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as t,a as e,e as s}from"./custom-element-
|
|
1
|
+
import{_ as t,a as e,e as s}from"./custom-element-CAdbJRVg.js";import{r as a,x as o,s as c}from"./property-BYA8Sw2t.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>
|
|
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};
|
package/exports/bundle/toggle.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as t,a as e,e as s}from"./custom-element-
|
|
1
|
+
import{_ as t,a as e,e as s}from"./custom-element-CAdbJRVg.js";import{r as a,i,x as c,s as o}from"./property-BYA8Sw2t.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`
|
|
2
2
|
:host {
|
|
3
3
|
display: contents;
|
|
4
4
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as t,a as e,e as s}from"./custom-element-
|
|
1
|
+
import{_ as t,a as e,e as s}from"./custom-element-CAdbJRVg.js";import{r as o,i as l,x as a,s as r}from"./property-BYA8Sw2t.js";import"./it-Dft_Rjy-.js";import"./row-DYDgQVDj.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`
|
|
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-BOdKJYdz.js";import{a as o,i 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
|
|
62
|
+
`];connectedCallback(){document.addEventListener("custom-scroll",(({detail:t})=>{this.scrolling=t.scrolling}))}render(){return a`
|
|
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?
|
|
67
|
+
${"center-aligned"===this.type||"small"===this.type?a`
|
|
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-BOdKJYdz.js";import{a as o,i a
|
|
|
72
72
|
<flex-it></flex-it>
|
|
73
73
|
<slot name="end"></slot>
|
|
74
74
|
</flex-row>
|
|
75
|
-
${"medium"===this.type||"large"===this.type?
|
|
75
|
+
${"medium"===this.type||"large"===this.type?a`
|
|
76
76
|
<flex-it></flex-it>
|
|
77
77
|
<custom-typography type="headline" size="small">
|
|
78
78
|
<slot name="title"></slot>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as e,a as t,e as s}from"./custom-element-
|
|
1
|
+
import{_ as e,a as t,e as s}from"./custom-element-CAdbJRVg.js";import{r as a,i as l,x as y,s as i}from"./property-BYA8Sw2t.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`
|
|
2
2
|
:host {
|
|
3
3
|
display: contents;
|
|
4
4
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{_ as t,a as e,e as l}from"./custom-element-
|
|
1
|
+
import{_ as t,a as e,e as l}from"./custom-element-CAdbJRVg.js";import{r as a,i as s,x as i,s as r}from"./property-BYA8Sw2t.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`
|
|
2
2
|
:host {
|
|
3
3
|
display: flex;
|
|
4
4
|
}
|