scb-wc-test 0.1.159 → 0.1.161
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/mvc/components/scb-checkbox/scb-checkbox.js +0 -1
- package/mvc/components/scb-drawer/scb-drawer-item.js +1 -1
- package/mvc/components/scb-drawer/scb-drawer-section.js +2 -2
- package/mvc/components/scb-drawer/scb-drawer.js +8 -62
- package/mvc/components/scb-drawer/scb-sub-drawer.js +3 -3
- package/mvc/components/scb-dropdown/scb-dropdown.js +8 -8
- package/mvc/components/scb-menu/scb-menu-item.js +1 -1
- package/mvc/components/scb-menu/scb-menu-section.js +2 -2
- package/mvc/components/scb-menu/scb-menu.js +6 -91
- package/mvc/components/scb-menu/scb-sub-menu.js +1 -1
- package/mvc/components/scb-radio-button/scb-radio-button.js +0 -1
- package/package.json +2 -2
- package/scb-checkbox/scb-checkbox.js +12 -13
- package/scb-drawer/scb-drawer.d.ts +0 -7
- package/scb-drawer/scb-drawer.js +65 -155
- package/scb-drawer/scb-sub-drawer.js +4 -4
- package/scb-dropdown/scb-dropdown.d.ts +0 -2
- package/scb-dropdown/scb-dropdown.js +46 -64
- package/scb-menu/scb-menu.d.ts +0 -31
- package/scb-menu/scb-menu.js +27 -278
- package/scb-radio-button/scb-radio-button.js +11 -12
- package/scb-wc-test.bundle.js +285 -424
|
@@ -189,4 +189,4 @@ import{_ as u}from"../../vendor/preload-helper.js";import{a as b,n as l,r as h,i
|
|
|
189
189
|
transition: none;
|
|
190
190
|
}
|
|
191
191
|
}
|
|
192
|
-
`;s([l({type:String})],r.prototype,"label",2);s([l({type:Boolean,reflect:!0})],r.prototype,"selected",2);s([l({type:String,attribute:"leading-icon"})],r.prototype,"leadingIcon",2);s([l({type:String,attribute:"item-href"})],r.prototype,"itemHref",2);s([h()],r.prototype,"hasSlotContent",2);s([l({type:Boolean,reflect:!0})],r.prototype,"expanded",2);r=s([_("scb-drawer-item")],r);
|
|
192
|
+
`;s([l({type:String})],r.prototype,"label",2);s([l({type:Boolean,reflect:!0})],r.prototype,"selected",2);s([l({type:String,attribute:"leading-icon"})],r.prototype,"leadingIcon",2);s([l({type:String,attribute:"item-href"})],r.prototype,"itemHref",2);s([h()],r.prototype,"hasSlotContent",2);s([l({type:Boolean,reflect:!0})],r.prototype,"expanded",2);r=s([_("scb-drawer-item")],r);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as d,n as b,i as m,x as c,t as
|
|
1
|
+
import{a as d,n as b,i as m,x as c,t as v}from"../../vendor/vendor.js";import"../scb-divider/scb-divider.js";(function(){try{var l=typeof globalThis<"u"?globalThis:window;if(!l.__scb_ce_guard_installed__){l.__scb_ce_guard_installed__=!0;var s=customElements.define.bind(customElements);customElements.define=function(r,i,e){try{customElements.get(r)||s(r,i,e)}catch(t){var a=String(t||"");if(a.indexOf("already been used")===-1&&a.indexOf("NotSupportedError")===-1)throw t}}}}catch{}})();var p=Object.defineProperty,f=Object.getOwnPropertyDescriptor,o=(l,s,r,i)=>{for(var e=i>1?void 0:i?f(s,r):s,a=l.length-1,t;a>=0;a--)(t=l[a])&&(e=(i?t(s,r,e):t(e))||e);return i&&e&&p(s,r,e),e};let n=class extends m{constructor(){super(...arguments),this.label=""}render(){return c`
|
|
2
2
|
<scb-divider></scb-divider>
|
|
3
3
|
${this.label?c`
|
|
4
4
|
<div class="scb-drawer-section">
|
|
@@ -39,4 +39,4 @@ import{a as d,n as b,i as m,x as c,t as p}from"../../vendor/vendor.js";import"..
|
|
|
39
39
|
margin-block: var(--spacing-2, 4px);
|
|
40
40
|
margin-inline: var(--spacing-4, 12px);
|
|
41
41
|
}
|
|
42
|
-
`;o([b({type:String})],n.prototype,"label",2);n=o([
|
|
42
|
+
`;o([b({type:String})],n.prototype,"label",2);n=o([v("scb-drawer-section")],n);
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
import{_ as d}from"../../vendor/preload-helper.js";import{a as f,n,i as p,E as _,x as u,t as h}from"../../vendor/vendor.js";import"../scb-divider/scb-divider.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(o,a,s){try{customElements.get(o)||r(o,a,s)}catch(c){var i=String(c||"");if(i.indexOf("already been used")===-1&&i.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var v=Object.defineProperty,y=Object.getOwnPropertyDescriptor,l=(t,r,o,a)=>{for(var s=a>1?void 0:a?y(r,o):r,i=t.length-1,c;i>=0;i--)(c=t[i])&&(s=(a?c(r,o,s):c(s))||s);return a&&s&&v(r,o,s),s};let e=class extends p{constructor(){super(...arguments),this.label="",this.subLabel="",this.floating=!1,this.left=!0,this.right=!1,this.open=!1,this.overlay=!1,this.lockScroll=!1,this.closeOnOverlay=!0,this.modal=!1,this.__lastTriggerEl=null,this._onGlobalSelect=t=>{const r=t;this.querySelectorAll("scb-drawer-item").forEach(a=>a.selected=!1),this.contains(r.detail.item)&&(r.detail.item.selected=!0)},this.__onDocumentClick=t=>{const r=this.__getActionFromEvent(t);if(r){r==="open"&&this.__setOpen(!0),r==="close"&&this.__setOpen(!1),r==="toggle"&&this.__setOpen(!this.open),t.stopPropagation();return}this.floating&&this.open&&!this.overlay&&(t.composedPath().includes(this)||this.__setOpen(!1))},this.__onDocumentKeydown=t=>{if(this.open){if(t.key==="Escape"){this.__setOpen(!1);return}if(this.overlay&&t.key==="Tab"){const r=this.__getFocusable();if(r.length===0)return;const o=r[0],a=r[r.length-1],s=this.renderRoot,i=s.activeElement||document.activeElement;t.shiftKey?(i===o||!s.contains(i))&&(t.preventDefault(),a.focus()):(i===a||!s.contains(i))&&(t.preventDefault(),o.focus())}}}}static async __ensureParts(){e.__partsReady||(e.__partsLoading||(e.__partsLoading=Promise.all([d(()=>import("./scb-drawer-item.js"),__vite__mapDeps([0,1,2]),import.meta.url),d(()=>import("./scb-drawer-section.js"),__vite__mapDeps([3,2,4]),import.meta.url),d(()=>import("./scb-sub-drawer.js"),__vite__mapDeps([5,2]),import.meta.url)]).then(()=>{e.__partsReady=!0})),await e.__partsLoading)}static __ensureOverlayStyles(){if(typeof document>"u"||document.getElementById("scb-drawer-overlay-styles"))return;const t=document.createElement("style");t.id="scb-drawer-overlay-styles",t.textContent=`
|
|
1
|
+
import{a as f,n as a,i as u,E as d,x as _,t as p}from"../../vendor/vendor.js";import"../scb-divider/scb-divider.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var o=customElements.define.bind(customElements);customElements.define=function(r,l,i){try{customElements.get(r)||o(r,l,i)}catch(c){var s=String(c||"");if(s.indexOf("already been used")===-1&&s.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var h=Object.defineProperty,v=Object.getOwnPropertyDescriptor,n=(e,o,r,l)=>{for(var i=l>1?void 0:l?v(o,r):o,s=e.length-1,c;s>=0;s--)(c=e[s])&&(i=(l?c(o,r,i):c(i))||i);return l&&i&&h(o,r,i),i};let t=class extends u{constructor(){super(...arguments),this.floating=!0,this.left=!0,this.right=!1,this.open=!1,this.overlay=!1,this.lockScroll=!1,this.closeOnOverlay=!0,this.modal=!1,this.__lastTriggerEl=null,this.__onDocumentClick=e=>{const o=this.__getActionFromEvent(e);if(o){o==="open"&&this.__setOpen(!0),o==="close"&&this.__setOpen(!1),o==="toggle"&&this.__setOpen(!this.open),e.stopPropagation();return}this.floating&&this.open&&!this.overlay&&(e.composedPath().includes(this)||this.__setOpen(!1))},this.__onDocumentKeydown=e=>{if(this.open){if(e.key==="Escape"){this.__setOpen(!1);return}if(this.overlay&&e.key==="Tab"){const o=this.__getFocusable();if(o.length===0)return;const r=o[0],l=o[o.length-1],i=this.renderRoot,s=i.activeElement||document.activeElement;e.shiftKey?(s===r||!i.contains(s))&&(e.preventDefault(),l.focus()):(s===l||!i.contains(s))&&(e.preventDefault(),r.focus())}}}}static __ensureOverlayStyles(){if(typeof document>"u"||document.getElementById("scb-drawer-overlay-styles"))return;const e=document.createElement("style");e.id="scb-drawer-overlay-styles",e.textContent=`
|
|
3
2
|
.scb-drawer-global-overlay {
|
|
4
3
|
position: fixed;
|
|
5
4
|
inset: 0;
|
|
@@ -16,29 +15,16 @@ import{_ as d}from"../../vendor/preload-helper.js";import{a as f,n,i as p,E as _
|
|
|
16
15
|
@media (prefers-reduced-motion: reduce) {
|
|
17
16
|
.scb-drawer-global-overlay { transition: none; }
|
|
18
17
|
}
|
|
19
|
-
`,document.head.appendChild(
|
|
20
|
-
<
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
aria-modal=${t?"true":_}
|
|
18
|
+
`,document.head.appendChild(e)}static __ensureOverlay(){if(typeof document>"u"||t.__overlayEl)return;t.__ensureOverlayStyles();const e=document.createElement("div");e.className="scb-drawer-global-overlay",e.addEventListener("pointerdown",()=>{const o=t.__overlayStack[t.__overlayStack.length-1];o&&o.closeOnOverlay&&o.__setOpen(!1)},{passive:!0}),document.body.appendChild(e),t.__overlayEl=e}static __showOverlay(e){t.__ensureOverlay(),t.__overlayEl&&(t.__overlayStack.includes(e)||t.__overlayStack.push(e),t.__overlayEl.classList.add("is-visible"))}static __hideOverlay(e){const o=t.__overlayStack.indexOf(e);o>=0&&t.__overlayStack.splice(o,1),t.__overlayStack.length===0&&t.__overlayEl&&t.__overlayEl.classList.remove("is-visible")}static __lockScrollEnable(){typeof document>"u"||(t.__lockedCount===0&&(t.__prevDocOverflow=document.documentElement.style.overflow||"",t.__prevBodyOverflow=document.body.style.overflow||"",document.documentElement.style.overflow="hidden",document.body.style.overflow="hidden"),t.__lockedCount++)}static __lockScrollDisable(){typeof document>"u"||(t.__lockedCount=Math.max(0,t.__lockedCount-1),t.__lockedCount===0&&(document.documentElement.style.overflow=t.__prevDocOverflow??"",document.body.style.overflow=t.__prevBodyOverflow??""))}render(){const e=this.modal&&this.overlay&&this.floating;return _`
|
|
19
|
+
<div
|
|
20
|
+
role=${e?"dialog":d}
|
|
21
|
+
aria-modal=${e?"true":d}
|
|
24
22
|
>
|
|
25
|
-
${this.label?u`
|
|
26
|
-
<div class="scb-drawer-label-wrapper">
|
|
27
|
-
<div class="scb-drawer-label">${this.label}</div>
|
|
28
|
-
<div class="scb-drawer-sublabel">
|
|
29
|
-
${this.subLabel}
|
|
30
|
-
</div>
|
|
31
|
-
</div>
|
|
32
|
-
<scb-divider></scb-divider>
|
|
33
|
-
`:_}
|
|
34
23
|
<div class="panel">
|
|
35
24
|
<slot></slot>
|
|
36
25
|
</div>
|
|
37
|
-
</
|
|
38
|
-
`}connectedCallback(){super.connectedCallback(),
|
|
39
|
-
[data-drawer-open="${this.id}"],
|
|
40
|
-
[data-drawer-close="${this.id}"],
|
|
41
|
-
[data-drawer-toggle="${this.id}"]`).forEach(r=>{r.hasAttribute("aria-controls")&&r.setAttribute("aria-expanded",String(this.open))})}};e.__overlayEl=null;e.__overlayStack=[];e.__lockedCount=0;e.__prevDocOverflow=null;e.__prevBodyOverflow=null;e.__partsReady=!1;e.__partsLoading=null;e.styles=f`
|
|
26
|
+
</div>
|
|
27
|
+
`}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.__onDocumentClick,!1)}disconnectedCallback(){document.removeEventListener("click",this.__onDocumentClick,!1),document.removeEventListener("keydown",this.__onDocumentKeydown,!0),this.overlay&&(t.__hideOverlay(this),this.lockScroll&&t.__lockScrollDisable()),super.disconnectedCallback()}__getActionFromEvent(e){if(!this.id)return null;const o=e.composedPath();for(const r of o)if(r instanceof Element){if(r.getAttribute("data-drawer-open")===this.id)return this.__lastTriggerEl=r,"open";if(r.getAttribute("data-drawer-close")===this.id)return this.__lastTriggerEl=r,"close";if(r.getAttribute("data-drawer-toggle")===this.id)return this.__lastTriggerEl=r,"toggle";if(r.getAttribute("aria-controls")===this.id)return this.__lastTriggerEl=r,"toggle"}return null}__getFocusable(){const e=this.renderRoot;return Array.from(e.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])')).filter(o=>!o.hasAttribute("disabled")&&o.tabIndex>=0)}__setOpen(e){this.open=e}updated(e){if(e.has("open")){const o=!!e.get("open");this.__applyOpenSideEffects(o,this.open)}e.has("right")&&this.right&&this.left&&(this.left=!1),e.has("left")&&this.left&&this.right&&(this.right=!1)}__applyOpenSideEffects(e,o){o&&!e?(this.floating&&this.overlay&&(t.__showOverlay(this),this.lockScroll&&t.__lockScrollEnable()),document.addEventListener("keydown",this.__onDocumentKeydown,!0),this.updateComplete.then(()=>{this.__getFocusable()[0]?.focus?.()}),this.dispatchEvent(new CustomEvent("scb-drawer-opened",{bubbles:!0,composed:!0}))):!o&&e&&(this.floating&&this.overlay&&(t.__hideOverlay(this),this.lockScroll&&t.__lockScrollDisable()),document.removeEventListener("keydown",this.__onDocumentKeydown,!0),this.__lastTriggerEl?.focus?.(),this.dispatchEvent(new CustomEvent("scb-drawer-closed",{bubbles:!0,composed:!0})))}};t.__overlayEl=null;t.__overlayStack=[];t.__lockedCount=0;t.__prevDocOverflow=null;t.__prevBodyOverflow=null;t.styles=f`
|
|
42
28
|
:host {
|
|
43
29
|
display: block;
|
|
44
30
|
color: var(--md-sys-color-on-surface);
|
|
@@ -104,46 +90,6 @@ import{_ as d}from"../../vendor/preload-helper.js";import{a as f,n,i as p,E as _
|
|
|
104
90
|
visibility: visible;
|
|
105
91
|
pointer-events: auto;
|
|
106
92
|
}
|
|
107
|
-
|
|
108
|
-
.scb-drawer-label {
|
|
109
|
-
font-size: var(--md-sys-typescale-label-large-size);
|
|
110
|
-
line-height: var(
|
|
111
|
-
--md-sys-typescale-label-large-line-height
|
|
112
|
-
);
|
|
113
|
-
font-weight: var(
|
|
114
|
-
--md-sys-typescale-label-large-weight,
|
|
115
|
-
var(--weight-semibold)
|
|
116
|
-
);
|
|
117
|
-
letter-spacing: var(
|
|
118
|
-
--md-sys-typescale-label-large-tracking
|
|
119
|
-
);
|
|
120
|
-
color: var(--md-sys-color-on-surface);
|
|
121
|
-
}
|
|
122
|
-
|
|
123
|
-
.scb-drawer-sublabel {
|
|
124
|
-
font-size: var(--md-sys-typescale-body-small-size);
|
|
125
|
-
line-height: var(
|
|
126
|
-
--md-sys-typescale-body-small-line-height
|
|
127
|
-
);
|
|
128
|
-
font-weight: var(
|
|
129
|
-
--md-sys-typescale-body-small-weight,
|
|
130
|
-
var(--weight-regular)
|
|
131
|
-
);
|
|
132
|
-
letter-spacing: var(
|
|
133
|
-
--md-sys-typescale-body-small-tracking
|
|
134
|
-
);
|
|
135
|
-
color: var(--md-sys-color-on-surface);
|
|
136
|
-
}
|
|
137
|
-
|
|
138
|
-
.scb-drawer-label-wrapper {
|
|
139
|
-
padding: var(--spacing-4, 12px);
|
|
140
|
-
color: inherit;
|
|
141
|
-
}
|
|
142
|
-
|
|
143
|
-
scb-divider {
|
|
144
|
-
margin-block: var(--spacing-2, 4px);
|
|
145
|
-
}
|
|
146
|
-
|
|
147
93
|
.panel {
|
|
148
94
|
contain: layout paint style;
|
|
149
95
|
}
|
|
@@ -151,4 +97,4 @@ import{_ as d}from"../../vendor/preload-helper.js";import{a as f,n,i as p,E as _
|
|
|
151
97
|
content-visibility: auto;
|
|
152
98
|
contain-intrinsic-size: 0 600px;
|
|
153
99
|
}
|
|
154
|
-
`;
|
|
100
|
+
`;n([a({type:Boolean,reflect:!0})],t.prototype,"floating",2);n([a({type:Boolean,reflect:!0})],t.prototype,"left",2);n([a({type:Boolean,reflect:!0})],t.prototype,"right",2);n([a({type:Boolean,reflect:!0})],t.prototype,"open",2);n([a({type:Boolean,reflect:!0})],t.prototype,"overlay",2);n([a({type:Boolean,reflect:!0,attribute:"lock-scroll"})],t.prototype,"lockScroll",2);n([a({type:Boolean,reflect:!0,attribute:"close-on-overlay"})],t.prototype,"closeOnOverlay",2);n([a({type:Boolean,reflect:!0})],t.prototype,"modal",2);t=n([p("scb-drawer")],t);
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{a as o,n as d,i as b,x as u,t as _}from"../../vendor/vendor.js";(function(){try{var r=typeof globalThis<"u"?globalThis:window;if(!r.__scb_ce_guard_installed__){r.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(s,l,t){try{customElements.get(s)||e(s,l,t)}catch(c){var n=String(c||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var f=Object.defineProperty,h=Object.getOwnPropertyDescriptor,i=(r,e,s,l)=>{for(var t=l>1?void 0:l?h(e,s):e,n=r.length-1,c;n>=0;n--)(c=r[n])&&(t=(l?c(e,s,t):c(t))||t);return l&&t&&f(e,s,t),t};let a=class extends b{constructor(){super(...arguments),this.label="",this._onGlobalSelect=r=>{const e=r;this.querySelectorAll("scb-drawer-item").forEach(l=>l.selected=!1),this.contains(e.detail.item)&&(e.detail.item.selected=!0)}}connectedCallback(){super.connectedCallback(),window.addEventListener("scb-drawer-select",this._onGlobalSelect)}disconnectedCallback(){window.removeEventListener("scb-drawer-select",this._onGlobalSelect),super.disconnectedCallback()}render(){return u`
|
|
2
2
|
<nav aria-label="${this.label}">
|
|
3
3
|
<slot></slot>
|
|
4
4
|
</nav>
|
|
5
|
-
`}};a.styles=
|
|
5
|
+
`}};a.styles=o`
|
|
6
6
|
:host {
|
|
7
7
|
display: block;
|
|
8
8
|
width: 100%;
|
|
9
9
|
}
|
|
10
|
-
`;i([
|
|
10
|
+
`;i([d({type:String})],a.prototype,"label",2);a=i([_("scb-sub-drawer")],a);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as f,n as p,e as c,i as _,E as m,x as u,t as g}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";import"../scb-button/scb-button.js";import"../scb-options-menu/scb-options-menu.js";import"../scb-options-menu/scb-options-menu-item.js";import"../scb-divider/scb-divider.js";import"../scb-options-menu/scb-options-sub-menu.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(n,s,i){try{customElements.get(n)||t(n,s,i)}catch(d){var a=String(d||"");if(a.indexOf("already been used")===-1&&a.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var y=Object.defineProperty,v=Object.getOwnPropertyDescriptor,o=(e,t,n,s)=>{for(var i=s>1?void 0:s?v(t,n):t,a=e.length-1,d;a>=0;a--)(d=e[a])&&(i=(s?d(t,n,i):d(i))||i);return s&&i&&y(t,n,i),i};let r=class extends _{constructor(){super(...arguments),this.label="Dropdown",this.variant="filled",this.open=!1,this.disabled=!1,this.menuGap="3",this.width=null,this.minWidth=null,this.maxWidth=null,this.dataIndex=null,this.ariaCurrent=null,this._slottedMenuEl=null,this._openSettledTimer=null,this._menuCloseTimer=null,this._panelResizeObserver=null,this._panelHeightSyncRaf=null,this._onDocumentClickBound=e=>{if(!this.open)return;const t=e.composedPath(),n=t.find(s=>s instanceof HTMLElement&&s.tagName.toLowerCase()==="scb-dropdown");if(n&&n!==this){this.open=!1;return}t.includes(this)||(this.open=!1)},this._onDocumentKeydownBound=e=>{this.open&&e.key==="Escape"&&(this.open=!1)},this._onDrawerSelectBound=e=>{if(!this.open)return;const n=e.detail?.item;if(!n||!!n.querySelector("scb-sub-drawer"))return;const i=n.getAttribute("item-href")?.trim()??"",a=n.getAttribute("href")?.trim()??"";(i!==""||a!=="")&&this._dispatchTabActivate(),this.open=!1},this._onSlottedMenuOpen=()=>{this.open||(this.open=!0)},this._onSlottedMenuClose=()=>{this.open&&(this.open=!1)},this._onSlotChange=()=>{this._syncSlottedMenu(),this._applyPanelSizing(),this._applyInertByOpen(),this.requestUpdate()},this._onTriggerClick=e=>{this.hasAttribute("as-tab")||e.stopPropagation(),!this.disabled&&(this.open=!this.open)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._onDocumentClickBound,!0),document.addEventListener("keydown",this._onDocumentKeydownBound),this.addEventListener("scb-drawer-select",this._onDrawerSelectBound)}disconnectedCallback(){document.removeEventListener("click",this._onDocumentClickBound,!0),document.removeEventListener("keydown",this._onDocumentKeydownBound),this.removeEventListener("scb-drawer-select",this._onDrawerSelectBound),this._detachSlottedMenuListeners(),this._panelResizeObserver&&(this._panelResizeObserver.disconnect(),this._panelResizeObserver=null),this._panelHeightSyncRaf!==null&&(window.cancelAnimationFrame(this._panelHeightSyncRaf),this._panelHeightSyncRaf=null),this._openSettledTimer!==null&&(window.clearTimeout(this._openSettledTimer),this._openSettledTimer=null),this._menuCloseTimer!==null&&(window.clearTimeout(this._menuCloseTimer),this._menuCloseTimer=null),super.disconnectedCallback()}firstUpdated(e){super.firstUpdated(e),this._syncSlottedMenu(),this._applyPanelVars(),this._applyPanelSizing(),this._applyChevronState(),this._applyInertByOpen(),this._setupPanelResizeObserver(),this._syncPanelMaxHeightByOpen(),this._syncOverflowVisibilityByOpen()}updated(e){super.updated(e),e.has("menuGap")&&this._applyPanelVars(),(e.has("width")||e.has("minWidth")||e.has("maxWidth"))&&this._applyPanelSizing(),e.has("open")&&(this.open||this._closeAllSubMenus(),this._syncSlottedMenuOpen(),this._applyChevronState(),this._applyInertByOpen(),this._syncPanelMaxHeightByOpen(),this._syncOverflowVisibilityByOpen())}_applyPanelVars(){if(this.menuGap==null||String(this.menuGap).trim()===""){this.style.removeProperty("--scb-dropdown-panel-gap");return}this.style.setProperty("--scb-dropdown-panel-gap",this._mapSpacingToken(this.menuGap))}_applyPanelSizing(){const e=this.renderRoot.querySelector(".panel-surface");e&&(this.width&&String(this.width).trim()!==""?e.style.inlineSize=this.width:e.style.removeProperty("inline-size"),this.minWidth&&String(this.minWidth).trim()!==""?e.style.minInlineSize=this.minWidth:e.style.removeProperty("min-inline-size"),this.maxWidth&&String(this.maxWidth).trim()!==""?e.style.maxInlineSize=this.maxWidth:e.style.removeProperty("max-inline-size")),this._slottedMenuEl&&(this.width&&String(this.width).trim()!==""?this._slottedMenuEl.style.inlineSize=this.width:this._slottedMenuEl.style.removeProperty("inline-size"),this.minWidth&&String(this.minWidth).trim()!==""?this._slottedMenuEl.style.minInlineSize=this.minWidth:this._slottedMenuEl.style.removeProperty("min-inline-size"),this.maxWidth&&String(this.maxWidth).trim()!==""?this._slottedMenuEl.style.maxInlineSize=this.maxWidth:this._slottedMenuEl.style.removeProperty("max-inline-size")),this._schedulePanelHeightSync()}_setupPanelResizeObserver(){if(this._panelResizeObserver||typeof ResizeObserver>"u")return;const e=this._panelInnerEl;e&&(this._panelResizeObserver=new ResizeObserver(()=>{this._schedulePanelHeightSync()}),this._panelResizeObserver.observe(e))}_schedulePanelHeightSync(){this._panelHeightSyncRaf===null&&(this._panelHeightSyncRaf=window.requestAnimationFrame(()=>{this._panelHeightSyncRaf=null,this._syncPanelMaxHeightByOpen()}))}_syncPanelMaxHeightByOpen(){const e=this._panelSurfaceEl;if(!e)return;if(this._slottedMenuEl){e.style.removeProperty("--scb-dropdown-panel-current-max-height");return}if(!this.open){e.style.setProperty("--scb-dropdown-panel-current-max-height","0px");return}const t=this._panelInnerEl;if(!t)return;const n=`${Math.ceil(t.scrollHeight)}px`;e.style.getPropertyValue("--scb-dropdown-panel-current-max-height").trim()!==n&&e.style.setProperty("--scb-dropdown-panel-current-max-height",n)}_mapSpacingToken(e){const t=String(e).trim();return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}_syncSlottedMenu(){const t=(this._slotEl?.assignedElements({flatten:!0})??[]).find(n=>n.tagName.toLowerCase()==="scb-options-menu");if(t===this._slottedMenuEl){this._syncSlottedMenuOpen();return}this._detachSlottedMenuListeners(),this._slottedMenuEl=t??null,this._slottedMenuEl&&(this._slottedMenuEl.addEventListener("open",this._onSlottedMenuOpen),this._slottedMenuEl.addEventListener("close",this._onSlottedMenuClose),this._syncSlottedMenuOpen())}_detachSlottedMenuListeners(){this._slottedMenuEl&&(this._slottedMenuEl.removeEventListener("open",this._onSlottedMenuOpen),this._slottedMenuEl.removeEventListener("close",this._onSlottedMenuClose))}_syncSlottedMenuOpen(){if(!this._slottedMenuEl)return;if(this._menuCloseTimer!==null&&(window.clearTimeout(this._menuCloseTimer),this._menuCloseTimer=null),this.open){this._slottedMenuEl.open=!0;return}const e=this._getPanelTransitionMs();if(e<=0){this._slottedMenuEl.open=!1;return}this._menuCloseTimer=window.setTimeout(()=>{this._menuCloseTimer=null,!this.open&&this._slottedMenuEl&&(this._slottedMenuEl.open=!1)},e)}_syncOverflowVisibilityByOpen(){if(this._openSettledTimer!==null&&(window.clearTimeout(this._openSettledTimer),this._openSettledTimer=null),this.removeAttribute("data-open-settled"),!this.open)return;const e=this.renderRoot.querySelector(".panel-surface");if(!e){this.setAttribute("data-open-settled","");return}const t=this._getTransitionMs(e);if(t<=0){this.setAttribute("data-open-settled","");return}this._openSettledTimer=window.setTimeout(()=>{this._openSettledTimer=null,this.open&&this.setAttribute("data-open-settled","")},t)}_getPanelTransitionMs(){const e=this.renderRoot.querySelector(".panel-surface");return e?this._getTransitionMs(e):0}_getTransitionMs(e){const t=getComputedStyle(e),n=t.transitionDuration.split(",").map(l=>l.trim()),s=t.transitionDelay.split(",").map(l=>l.trim()),i=l=>{const h=parseFloat(l);return Number.isFinite(h)?l.endsWith("ms")?h:l.endsWith("s")?h*1e3:h:0},a=Math.max(n.length,s.length);let d=0;for(let l=0;l<a;l+=1){const h=i(n[l]??n[n.length-1]??"0s"),b=i(s[l]??s[s.length-1]??"0s");d=Math.max(d,h+b)}return Math.ceil(d)}_applyInertByOpen(){const e=this.renderRoot.querySelector(".panel");e&&(this.open?(e.removeAttribute("inert"),e.setAttribute("aria-hidden","false"),this._restoreTabIndexesIfNeeded()):(e.setAttribute("inert",""),e.setAttribute("aria-hidden","true"),this._removeTabIndexesIfNeeded()))}_supportsInert(){return"inert"in HTMLElement.prototype}_collectFocusableFromSlot(){const e=this._slotEl;if(!e)return[];const t=e.assignedElements({flatten:!0}),n=[],s=i=>{i instanceof HTMLElement&&i.matches("a,button,input,select,textarea,[tabindex]")&&n.push(i)};return t.forEach(i=>{s(i),i.querySelectorAll?.("a,button,input,select,textarea,[tabindex]").forEach(a=>s(a))}),n}_removeTabIndexesIfNeeded(){if(this._supportsInert())return;this._collectFocusableFromSlot().forEach(t=>{const n=t.getAttribute("tabindex");n!==null&&t.setAttribute("data-scb-prev-tabindex",n),t.setAttribute("tabindex","-1")})}_restoreTabIndexesIfNeeded(){if(this._supportsInert())return;this._collectFocusableFromSlot().forEach(t=>{const n=t.getAttribute("data-scb-prev-tabindex");n!==null?(t.setAttribute("tabindex",n),t.removeAttribute("data-scb-prev-tabindex")):t.removeAttribute("tabindex")})}_closeAllSubMenus(){const e=this.querySelectorAll("scb-options-sub-menu");for(const t of e)t.removeAttribute("open")}focus(e){const t=this._triggerEl;if(t?.focus){t.focus(e);return}super.focus(e)}_dispatchTabActivate(){this.hasAttribute("as-tab")&&this.dispatchEvent(new CustomEvent("scb-dropdown-tab-activate",{bubbles:!0,composed:!0,detail:{dataIndex:this.dataIndex}}))}_applyChevronState(){if(this.hasAttribute("as-tab"))return;const e=this._getChevronIconEl();e&&(e.style.transition="transform var(--motion-duration-medium, 200ms) var(--motion-easing-standard, ease)",e.style.transformOrigin="center",e.style.transform=this.open?"rotate(180deg)":"rotate(0deg)")}_getChevronIconEl(){const e=this._triggerEl;if(e?.tagName?.toLowerCase?.()!=="scb-button")return null;const t=e?.shadowRoot;return t?t.querySelector('md-icon[slot="icon"]')??t.querySelector("md-icon"):null}render(){const e=!!this._slottedMenuEl,t=this.hasAttribute("as-tab"),n=this.dataIndex,i=this.ariaCurrent==="page"?"page":m,a=t?u`
|
|
1
|
+
import{a as f,n as p,e as h,i as y,E as m,x as c,t as g}from"../../vendor/vendor.js";import"../../vendor/vendor-material.js";import"../scb-button/scb-button.js";import"../scb-options-menu/scb-options-menu.js";import"../scb-options-menu/scb-options-menu-item.js";import"../scb-divider/scb-divider.js";import"../scb-options-menu/scb-options-sub-menu.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(n,s,i){try{customElements.get(n)||t(n,s,i)}catch(d){var a=String(d||"");if(a.indexOf("already been used")===-1&&a.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var _=Object.defineProperty,v=Object.getOwnPropertyDescriptor,o=(e,t,n,s)=>{for(var i=s>1?void 0:s?v(t,n):t,a=e.length-1,d;a>=0;a--)(d=e[a])&&(i=(s?d(t,n,i):d(i))||i);return s&&i&&_(t,n,i),i};let r=class extends y{constructor(){super(...arguments),this.label="Dropdown",this.variant="filled",this.open=!1,this.disabled=!1,this.menuGap="3",this.width=null,this.minWidth=null,this.maxWidth=null,this.dataIndex=null,this.ariaCurrent=null,this._slottedMenuEl=null,this._openSettledTimer=null,this._menuCloseTimer=null,this._panelResizeObserver=null,this._panelHeightSyncRaf=null,this._onDocumentClickBound=e=>{if(!this.open)return;const t=e.composedPath(),n=t.find(s=>s instanceof HTMLElement&&s.tagName.toLowerCase()==="scb-dropdown");if(n&&n!==this){this.open=!1;return}t.includes(this)||(this.open=!1)},this._onDocumentKeydownBound=e=>{this.open&&e.key==="Escape"&&(this.open=!1)},this._onSlottedMenuOpen=()=>{this.open||(this.open=!0)},this._onSlottedMenuClose=()=>{this.open&&(this.open=!1)},this._onSlotChange=()=>{this._syncSlottedMenu(),this._applyPanelSizing(),this._applyInertByOpen(),this.requestUpdate()},this._onTriggerClick=e=>{this.hasAttribute("as-tab")||e.stopPropagation(),!this.disabled&&(this.open=!this.open)}}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this._onDocumentClickBound,!0),document.addEventListener("keydown",this._onDocumentKeydownBound)}disconnectedCallback(){document.removeEventListener("click",this._onDocumentClickBound,!0),document.removeEventListener("keydown",this._onDocumentKeydownBound),this._detachSlottedMenuListeners(),this._panelResizeObserver&&(this._panelResizeObserver.disconnect(),this._panelResizeObserver=null),this._panelHeightSyncRaf!==null&&(window.cancelAnimationFrame(this._panelHeightSyncRaf),this._panelHeightSyncRaf=null),this._openSettledTimer!==null&&(window.clearTimeout(this._openSettledTimer),this._openSettledTimer=null),this._menuCloseTimer!==null&&(window.clearTimeout(this._menuCloseTimer),this._menuCloseTimer=null),super.disconnectedCallback()}firstUpdated(e){super.firstUpdated(e),this._syncSlottedMenu(),this._applyPanelVars(),this._applyPanelSizing(),this._applyChevronState(),this._applyInertByOpen(),this._setupPanelResizeObserver(),this._syncPanelMaxHeightByOpen(),this._syncOverflowVisibilityByOpen()}updated(e){super.updated(e),e.has("menuGap")&&this._applyPanelVars(),(e.has("width")||e.has("minWidth")||e.has("maxWidth"))&&this._applyPanelSizing(),e.has("open")&&(this.open||this._closeAllSubMenus(),this._syncSlottedMenuOpen(),this._applyChevronState(),this._applyInertByOpen(),this._syncPanelMaxHeightByOpen(),this._syncOverflowVisibilityByOpen())}_applyPanelVars(){if(this.menuGap==null||String(this.menuGap).trim()===""){this.style.removeProperty("--scb-dropdown-panel-gap");return}this.style.setProperty("--scb-dropdown-panel-gap",this._mapSpacingToken(this.menuGap))}_applyPanelSizing(){const e=this.renderRoot.querySelector(".panel-surface");e&&(this.width&&String(this.width).trim()!==""?e.style.inlineSize=this.width:e.style.removeProperty("inline-size"),this.minWidth&&String(this.minWidth).trim()!==""?e.style.minInlineSize=this.minWidth:e.style.removeProperty("min-inline-size"),this.maxWidth&&String(this.maxWidth).trim()!==""?e.style.maxInlineSize=this.maxWidth:e.style.removeProperty("max-inline-size")),this._slottedMenuEl&&(this.width&&String(this.width).trim()!==""?this._slottedMenuEl.style.inlineSize=this.width:this._slottedMenuEl.style.removeProperty("inline-size"),this.minWidth&&String(this.minWidth).trim()!==""?this._slottedMenuEl.style.minInlineSize=this.minWidth:this._slottedMenuEl.style.removeProperty("min-inline-size"),this.maxWidth&&String(this.maxWidth).trim()!==""?this._slottedMenuEl.style.maxInlineSize=this.maxWidth:this._slottedMenuEl.style.removeProperty("max-inline-size")),this._schedulePanelHeightSync()}_setupPanelResizeObserver(){if(this._panelResizeObserver||typeof ResizeObserver>"u")return;const e=this._panelInnerEl;e&&(this._panelResizeObserver=new ResizeObserver(()=>{this._schedulePanelHeightSync()}),this._panelResizeObserver.observe(e))}_schedulePanelHeightSync(){this._panelHeightSyncRaf===null&&(this._panelHeightSyncRaf=window.requestAnimationFrame(()=>{this._panelHeightSyncRaf=null,this._syncPanelMaxHeightByOpen()}))}_syncPanelMaxHeightByOpen(){const e=this._panelSurfaceEl;if(!e)return;if(this._slottedMenuEl){e.style.removeProperty("--scb-dropdown-panel-current-max-height");return}if(!this.open){e.style.setProperty("--scb-dropdown-panel-current-max-height","0px");return}const t=this._panelInnerEl;if(!t)return;const n=`${Math.ceil(t.scrollHeight)}px`;e.style.getPropertyValue("--scb-dropdown-panel-current-max-height").trim()!==n&&e.style.setProperty("--scb-dropdown-panel-current-max-height",n)}_mapSpacingToken(e){const t=String(e).trim();return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}_syncSlottedMenu(){const t=(this._slotEl?.assignedElements({flatten:!0})??[]).find(n=>n.tagName.toLowerCase()==="scb-options-menu");if(t===this._slottedMenuEl){this._syncSlottedMenuOpen();return}this._detachSlottedMenuListeners(),this._slottedMenuEl=t??null,this._slottedMenuEl&&(this._slottedMenuEl.addEventListener("open",this._onSlottedMenuOpen),this._slottedMenuEl.addEventListener("close",this._onSlottedMenuClose),this._syncSlottedMenuOpen())}_detachSlottedMenuListeners(){this._slottedMenuEl&&(this._slottedMenuEl.removeEventListener("open",this._onSlottedMenuOpen),this._slottedMenuEl.removeEventListener("close",this._onSlottedMenuClose))}_syncSlottedMenuOpen(){if(!this._slottedMenuEl)return;if(this._menuCloseTimer!==null&&(window.clearTimeout(this._menuCloseTimer),this._menuCloseTimer=null),this.open){this._slottedMenuEl.open=!0;return}const e=this._getPanelTransitionMs();if(e<=0){this._slottedMenuEl.open=!1;return}this._menuCloseTimer=window.setTimeout(()=>{this._menuCloseTimer=null,!this.open&&this._slottedMenuEl&&(this._slottedMenuEl.open=!1)},e)}_syncOverflowVisibilityByOpen(){if(this._openSettledTimer!==null&&(window.clearTimeout(this._openSettledTimer),this._openSettledTimer=null),this.removeAttribute("data-open-settled"),!this.open)return;const e=this.renderRoot.querySelector(".panel-surface");if(!e){this.setAttribute("data-open-settled","");return}const t=this._getTransitionMs(e);if(t<=0){this.setAttribute("data-open-settled","");return}this._openSettledTimer=window.setTimeout(()=>{this._openSettledTimer=null,this.open&&this.setAttribute("data-open-settled","")},t)}_getPanelTransitionMs(){const e=this.renderRoot.querySelector(".panel-surface");return e?this._getTransitionMs(e):0}_getTransitionMs(e){const t=getComputedStyle(e),n=t.transitionDuration.split(",").map(l=>l.trim()),s=t.transitionDelay.split(",").map(l=>l.trim()),i=l=>{const u=parseFloat(l);return Number.isFinite(u)?l.endsWith("ms")?u:l.endsWith("s")?u*1e3:u:0},a=Math.max(n.length,s.length);let d=0;for(let l=0;l<a;l+=1){const u=i(n[l]??n[n.length-1]??"0s"),b=i(s[l]??s[s.length-1]??"0s");d=Math.max(d,u+b)}return Math.ceil(d)}_applyInertByOpen(){const e=this.renderRoot.querySelector(".panel");e&&(this.open?(e.removeAttribute("inert"),e.setAttribute("aria-hidden","false"),this._restoreTabIndexesIfNeeded()):(e.setAttribute("inert",""),e.setAttribute("aria-hidden","true"),this._removeTabIndexesIfNeeded()))}_supportsInert(){return"inert"in HTMLElement.prototype}_collectFocusableFromSlot(){const e=this._slotEl;if(!e)return[];const t=e.assignedElements({flatten:!0}),n=[],s=i=>{i instanceof HTMLElement&&i.matches("a,button,input,select,textarea,[tabindex]")&&n.push(i)};return t.forEach(i=>{s(i),i.querySelectorAll?.("a,button,input,select,textarea,[tabindex]").forEach(a=>s(a))}),n}_removeTabIndexesIfNeeded(){if(this._supportsInert())return;this._collectFocusableFromSlot().forEach(t=>{const n=t.getAttribute("tabindex");n!==null&&t.setAttribute("data-scb-prev-tabindex",n),t.setAttribute("tabindex","-1")})}_restoreTabIndexesIfNeeded(){if(this._supportsInert())return;this._collectFocusableFromSlot().forEach(t=>{const n=t.getAttribute("data-scb-prev-tabindex");n!==null?(t.setAttribute("tabindex",n),t.removeAttribute("data-scb-prev-tabindex")):t.removeAttribute("tabindex")})}_closeAllSubMenus(){const e=this.querySelectorAll("scb-options-sub-menu");for(const t of e)t.removeAttribute("open")}focus(e){const t=this._triggerEl;if(t?.focus){t.focus(e);return}super.focus(e)}_applyChevronState(){if(this.hasAttribute("as-tab"))return;const e=this._getChevronIconEl();e&&(e.style.transition="transform var(--motion-duration-medium, 200ms) var(--motion-easing-standard, ease)",e.style.transformOrigin="center",e.style.transform=this.open?"rotate(180deg)":"rotate(0deg)")}_getChevronIconEl(){const e=this._triggerEl;if(e?.tagName?.toLowerCase?.()!=="scb-button")return null;const t=e?.shadowRoot;return t?t.querySelector('md-icon[slot="icon"]')??t.querySelector("md-icon"):null}render(){const e=!!this._slottedMenuEl,t=this.hasAttribute("as-tab"),n=this.dataIndex,i=this.ariaCurrent==="page"?"page":m,a=t?c`
|
|
2
2
|
<div class="tab-wrap">
|
|
3
3
|
<button
|
|
4
4
|
type="button"
|
|
@@ -16,7 +16,7 @@ import{a as f,n as p,e as c,i as _,E as m,x as u,t as g}from"../../vendor/vendor
|
|
|
16
16
|
</button>
|
|
17
17
|
<md-focus-ring></md-focus-ring>
|
|
18
18
|
</div>
|
|
19
|
-
`:
|
|
19
|
+
`:c`
|
|
20
20
|
<scb-button
|
|
21
21
|
data-scb-dropdown-trigger
|
|
22
22
|
label=${this.label}
|
|
@@ -26,7 +26,7 @@ import{a as f,n as p,e as c,i as _,E as m,x as u,t as g}from"../../vendor/vendor
|
|
|
26
26
|
?disabled=${this.disabled}
|
|
27
27
|
@click=${this._onTriggerClick}
|
|
28
28
|
></scb-button>
|
|
29
|
-
`;return
|
|
29
|
+
`;return c`
|
|
30
30
|
${a}
|
|
31
31
|
|
|
32
32
|
<div
|
|
@@ -76,9 +76,9 @@ import{a as f,n as p,e as c,i as _,E as m,x as u,t as g}from"../../vendor/vendor
|
|
|
76
76
|
width: 100%;
|
|
77
77
|
max-width: var(--scb-dropdown-panel-max-width, 600px);
|
|
78
78
|
background: var(--md-sys-color-surface-container-lowest);
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
padding
|
|
79
|
+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.30), 0 2px 6px 2px rgba(0, 0, 0, 0.15);
|
|
80
|
+
border-radius: var(--md-sys-shape-corner-extra-small);
|
|
81
|
+
padding: var(--spacing-4, 12px);
|
|
82
82
|
opacity: 0;
|
|
83
83
|
max-height: var(--scb-dropdown-panel-current-max-height, 0px);
|
|
84
84
|
transition:
|
|
@@ -207,7 +207,7 @@ import{a as f,n as p,e as c,i as _,E as m,x as u,t as g}from"../../vendor/vendor
|
|
|
207
207
|
width: fit-content;
|
|
208
208
|
}
|
|
209
209
|
|
|
210
|
-
::slotted(scb-
|
|
210
|
+
::slotted(scb-menu) {
|
|
211
211
|
padding: 0;
|
|
212
212
|
background: var(--md-sys-color-surface-container-lowest);
|
|
213
213
|
}
|
|
@@ -227,4 +227,4 @@ import{a as f,n as p,e as c,i as _,E as m,x as u,t as g}from"../../vendor/vendor
|
|
|
227
227
|
transition: none;
|
|
228
228
|
}
|
|
229
229
|
}
|
|
230
|
-
`;o([p({type:String})],r.prototype,"label",2);o([p({type:String})],r.prototype,"variant",2);o([p({type:Boolean,reflect:!0})],r.prototype,"open",2);o([p({type:Boolean,reflect:!0})],r.prototype,"disabled",2);o([p({type:String,attribute:"menu-gap"})],r.prototype,"menuGap",2);o([p({type:String})],r.prototype,"width",2);o([p({type:String,attribute:"min-width"})],r.prototype,"minWidth",2);o([p({type:String,attribute:"max-width"})],r.prototype,"maxWidth",2);o([p({type:String,attribute:"data-index"})],r.prototype,"dataIndex",2);o([p({type:String,attribute:"aria-current"})],r.prototype,"ariaCurrent",2);o([
|
|
230
|
+
`;o([p({type:String})],r.prototype,"label",2);o([p({type:String})],r.prototype,"variant",2);o([p({type:Boolean,reflect:!0})],r.prototype,"open",2);o([p({type:Boolean,reflect:!0})],r.prototype,"disabled",2);o([p({type:String,attribute:"menu-gap"})],r.prototype,"menuGap",2);o([p({type:String})],r.prototype,"width",2);o([p({type:String,attribute:"min-width"})],r.prototype,"minWidth",2);o([p({type:String,attribute:"max-width"})],r.prototype,"maxWidth",2);o([p({type:String,attribute:"data-index"})],r.prototype,"dataIndex",2);o([p({type:String,attribute:"aria-current"})],r.prototype,"ariaCurrent",2);o([h("[data-scb-dropdown-trigger]")],r.prototype,"_triggerEl",2);o([h("slot")],r.prototype,"_slotEl",2);o([h(".panel-surface")],r.prototype,"_panelSurfaceEl",2);o([h(".panel-inner")],r.prototype,"_panelInnerEl",2);r=o([g("scb-dropdown")],r);
|
|
@@ -189,4 +189,4 @@ import{_ as u}from"../../vendor/preload-helper.js";import{a as p,n as l,r as b,i
|
|
|
189
189
|
transition: none;
|
|
190
190
|
}
|
|
191
191
|
}
|
|
192
|
-
`;a([l({type:String})],n.prototype,"label",2);a([l({type:Boolean,reflect:!0})],n.prototype,"selected",2);a([l({type:String,attribute:"leading-icon"})],n.prototype,"leadingIcon",2);a([l({type:String,attribute:"item-href"})],n.prototype,"itemHref",2);a([b()],n.prototype,"hasSlotContent",2);a([l({type:Boolean,reflect:!0})],n.prototype,"expanded",2);n=a([_("scb-menu-item")],n);
|
|
192
|
+
`;a([l({type:String})],n.prototype,"label",2);a([l({type:Boolean,reflect:!0})],n.prototype,"selected",2);a([l({type:String,attribute:"leading-icon"})],n.prototype,"leadingIcon",2);a([l({type:String,attribute:"item-href"})],n.prototype,"itemHref",2);a([b()],n.prototype,"hasSlotContent",2);a([l({type:Boolean,reflect:!0})],n.prototype,"expanded",2);n=a([_("scb-menu-item")],n);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as d,n as m,i as b,x as c,t as u}from"../../vendor/vendor.js";import"../scb-divider/scb-divider.js";(function(){try{var a=typeof globalThis<"u"?globalThis:window;if(!a.__scb_ce_guard_installed__){a.__scb_ce_guard_installed__=!0;var i=customElements.define.bind(customElements);customElements.define=function(s,r,e){try{customElements.get(s)||i(s,r,e)}catch(n){var t=String(n||"");if(t.indexOf("already been used")===-1&&t.indexOf("NotSupportedError")===-1)throw n}}}}catch{}})();var
|
|
1
|
+
import{a as d,n as m,i as b,x as c,t as u}from"../../vendor/vendor.js";import"../scb-divider/scb-divider.js";(function(){try{var a=typeof globalThis<"u"?globalThis:window;if(!a.__scb_ce_guard_installed__){a.__scb_ce_guard_installed__=!0;var i=customElements.define.bind(customElements);customElements.define=function(s,r,e){try{customElements.get(s)||i(s,r,e)}catch(n){var t=String(n||"");if(t.indexOf("already been used")===-1&&t.indexOf("NotSupportedError")===-1)throw n}}}}catch{}})();var v=Object.defineProperty,p=Object.getOwnPropertyDescriptor,o=(a,i,s,r)=>{for(var e=r>1?void 0:r?p(i,s):i,t=a.length-1,n;t>=0;t--)(n=a[t])&&(e=(r?n(i,s,e):n(e))||e);return r&&e&&v(i,s,e),e};let l=class extends b{constructor(){super(...arguments),this.label=""}render(){return c`
|
|
2
2
|
<scb-divider></scb-divider>
|
|
3
3
|
${this.label?c`
|
|
4
4
|
<div class="scb-menu-section">
|
|
@@ -39,4 +39,4 @@ import{a as d,n as m,i as b,x as c,t as u}from"../../vendor/vendor.js";import"..
|
|
|
39
39
|
margin-block: var(--spacing-2, 4px);
|
|
40
40
|
margin-inline: var(--spacing-4, 12px);
|
|
41
41
|
}
|
|
42
|
-
`;o([m({type:String})],l.prototype,"label",2);l=o([u("scb-menu-section")],l);
|
|
42
|
+
`;o([m({type:String})],l.prototype,"label",2);l=o([u("scb-menu-section")],l);
|
|
@@ -1,28 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
import{_ as d}from"../../vendor/preload-helper.js";import{a as p,n as a,i as f,E as u,x as _,t as h}from"../../vendor/vendor.js";import"../scb-divider/scb-divider.js";import"./scb-menu-item.js";import"./scb-menu-section.js";import"./scb-sub-menu.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var o=customElements.define.bind(customElements);customElements.define=function(s,l,i){try{customElements.get(s)||o(s,l,i)}catch(c){var r=String(c||"");if(r.indexOf("already been used")===-1&&r.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var m=Object.defineProperty,v=Object.getOwnPropertyDescriptor,n=(t,o,s,l)=>{for(var i=l>1?void 0:l?v(o,s):o,r=t.length-1,c;r>=0;r--)(c=t[r])&&(i=(l?c(o,s,i):c(i))||i);return l&&i&&m(o,s,i),i};let e=class extends f{constructor(){super(...arguments),this.label="",this.subLabel="",this.floating=!1,this.left=!0,this.right=!1,this.open=!1,this.overlay=!1,this.lockScroll=!1,this.closeOnOverlay=!0,this.modal=!1,this.__lastTriggerEl=null,this._onGlobalSelect=t=>{const o=t;this.querySelectorAll("scb-menu-item").forEach(l=>l.selected=!1),this.contains(o.detail.item)&&(o.detail.item.selected=!0)},this.__onDocumentClick=t=>{const o=this.__getActionFromEvent(t);if(o){o==="open"&&this.__setOpen(!0),o==="close"&&this.__setOpen(!1),o==="toggle"&&this.__setOpen(!this.open),t.stopPropagation();return}this.floating&&this.open&&!this.overlay&&(t.composedPath().includes(this)||this.__setOpen(!1))},this.__onDocumentKeydown=t=>{if(this.open){if(t.key==="Escape"){this.__setOpen(!1);return}if(this.overlay&&t.key==="Tab"){const o=this.__getFocusable();if(o.length===0)return;const s=o[0],l=o[o.length-1],i=this.renderRoot,r=i.activeElement||document.activeElement;t.shiftKey?(r===s||!i.contains(r))&&(t.preventDefault(),l.focus()):(r===l||!i.contains(r))&&(t.preventDefault(),s.focus())}}}}static async __ensureParts(){e.__partsReady||(e.__partsLoading||(e.__partsLoading=Promise.all([d(()=>import("./scb-menu-item.js"),__vite__mapDeps([0,1,2]),import.meta.url),d(()=>import("./scb-menu-section.js"),__vite__mapDeps([3,2,4]),import.meta.url),d(()=>import("./scb-sub-menu.js"),__vite__mapDeps([5,2]),import.meta.url)]).then(()=>{e.__partsReady=!0})),await e.__partsLoading)}static __ensureOverlayStyles(){if(typeof document>"u"||document.getElementById("scb-menu-overlay-styles"))return;const t=document.createElement("style");t.id="scb-menu-overlay-styles",t.textContent=`
|
|
3
|
-
.scb-menu-global-overlay {
|
|
4
|
-
position: fixed;
|
|
5
|
-
inset: 0;
|
|
6
|
-
background: var(--scb-menu-overlay-color, rgba(0,0,0,0.32));
|
|
7
|
-
opacity: 0;
|
|
8
|
-
pointer-events: none;
|
|
9
|
-
transition: opacity 200ms ease;
|
|
10
|
-
z-index: var(--scb-menu-overlay-z, 999);
|
|
11
|
-
}
|
|
12
|
-
.scb-menu-global-overlay.is-visible {
|
|
13
|
-
opacity: 1;
|
|
14
|
-
pointer-events: auto;
|
|
15
|
-
}
|
|
16
|
-
@media (prefers-reduced-motion: reduce) {
|
|
17
|
-
.scb-menu-global-overlay { transition: none; }
|
|
18
|
-
}
|
|
19
|
-
`,document.head.appendChild(t)}static __ensureOverlay(){if(typeof document>"u"||e.__overlayEl)return;e.__ensureOverlayStyles();const t=document.createElement("div");t.className="scb-menu-global-overlay",t.addEventListener("pointerdown",()=>{const o=e.__overlayStack[e.__overlayStack.length-1];o&&o.closeOnOverlay&&o.__setOpen(!1)},{passive:!0}),document.body.appendChild(t),e.__overlayEl=t}static __showOverlay(t){e.__ensureOverlay(),e.__overlayEl&&(e.__overlayStack.includes(t)||e.__overlayStack.push(t),e.__overlayEl.classList.add("is-visible"))}static __hideOverlay(t){const o=e.__overlayStack.indexOf(t);o>=0&&e.__overlayStack.splice(o,1),e.__overlayStack.length===0&&e.__overlayEl&&e.__overlayEl.classList.remove("is-visible")}static __lockScrollEnable(){typeof document>"u"||(e.__lockedCount===0&&(e.__prevDocOverflow=document.documentElement.style.overflow||"",e.__prevBodyOverflow=document.body.style.overflow||"",document.documentElement.style.overflow="hidden",document.body.style.overflow="hidden"),e.__lockedCount++)}static __lockScrollDisable(){typeof document>"u"||(e.__lockedCount=Math.max(0,e.__lockedCount-1),e.__lockedCount===0&&(document.documentElement.style.overflow=e.__prevDocOverflow??"",document.body.style.overflow=e.__prevBodyOverflow??""))}render(){const t=this.modal&&this.overlay&&this.floating;return _`
|
|
1
|
+
import{a as b,n as d,i as m,E as p,x as o,t as u}from"../../vendor/vendor.js";import"../scb-divider/scb-divider.js";import"./scb-menu-item.js";import"./scb-menu-section.js";import"./scb-sub-menu.js";import"../../vendor/preload-helper.js";(function(){try{var a=typeof globalThis<"u"?globalThis:window;if(!a.__scb_ce_guard_installed__){a.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(l,t,s){try{customElements.get(l)||e(l,t,s)}catch(r){var i=String(r||"");if(i.indexOf("already been used")===-1&&i.indexOf("NotSupportedError")===-1)throw r}}}}catch{}})();var v=Object.defineProperty,y=Object.getOwnPropertyDescriptor,c=(a,e,l,t)=>{for(var s=t>1?void 0:t?y(e,l):e,i=a.length-1,r;i>=0;i--)(r=a[i])&&(s=(t?r(e,l,s):r(s))||s);return t&&s&&v(e,l,s),s};let n=class extends m{constructor(){super(...arguments),this.label="",this.subLabel="",this._onGlobalSelect=a=>{const e=a;this.querySelectorAll("scb-menu-item").forEach(t=>t.selected=!1),this.contains(e.detail.item)&&(e.detail.item.selected=!0)}}render(){return o`
|
|
20
2
|
<nav
|
|
21
3
|
aria-label="${this.label}"
|
|
22
|
-
role=${t?"dialog":u}
|
|
23
|
-
aria-modal=${t?"true":u}
|
|
24
4
|
>
|
|
25
|
-
${this.label?
|
|
5
|
+
${this.label?o`
|
|
26
6
|
<div class="scb-menu-label-wrapper">
|
|
27
7
|
<div class="scb-menu-label">${this.label}</div>
|
|
28
8
|
<div class="scb-menu-sublabel">
|
|
@@ -30,15 +10,12 @@ import{_ as d}from"../../vendor/preload-helper.js";import{a as p,n as a,i as f,E
|
|
|
30
10
|
</div>
|
|
31
11
|
</div>
|
|
32
12
|
<scb-divider></scb-divider>
|
|
33
|
-
`:
|
|
13
|
+
`:p}
|
|
34
14
|
<div class="panel">
|
|
35
15
|
<slot></slot>
|
|
36
16
|
</div>
|
|
37
17
|
</nav>
|
|
38
|
-
`}connectedCallback(){super.connectedCallback(),window.addEventListener("scb-menu-select",this._onGlobalSelect)
|
|
39
|
-
[data-menu-open="${this.id}"],
|
|
40
|
-
[data-menu-close="${this.id}"],
|
|
41
|
-
[data-menu-toggle="${this.id}"]`).forEach(o=>{o.hasAttribute("aria-controls")&&o.setAttribute("aria-expanded",String(this.open))})}};e.__overlayEl=null;e.__overlayStack=[];e.__lockedCount=0;e.__prevDocOverflow=null;e.__prevBodyOverflow=null;e.__partsReady=!1;e.__partsLoading=null;e.styles=p`
|
|
18
|
+
`}connectedCallback(){super.connectedCallback(),window.addEventListener("scb-menu-select",this._onGlobalSelect)}disconnectedCallback(){window.removeEventListener("scb-menu-select",this._onGlobalSelect),super.disconnectedCallback()}};n.styles=b`
|
|
42
19
|
:host {
|
|
43
20
|
display: block;
|
|
44
21
|
color: var(--md-sys-color-on-surface);
|
|
@@ -46,65 +23,7 @@ import{_ as d}from"../../vendor/preload-helper.js";import{a as p,n as a,i as f,E
|
|
|
46
23
|
background: var(--md-sys-color-surface-container);
|
|
47
24
|
font-family: var(--brand-font);
|
|
48
25
|
}
|
|
49
|
-
|
|
50
|
-
:host([floating]) {
|
|
51
|
-
position: fixed;
|
|
52
|
-
top: 0;
|
|
53
|
-
height: 100vh;
|
|
54
|
-
width: clamp(
|
|
55
|
-
var(--scb-menu-min-width, 280px),
|
|
56
|
-
var(--scb-menu-fluid-width, 70vw),
|
|
57
|
-
var(--scb-menu-max-width, 360px)
|
|
58
|
-
);
|
|
59
|
-
background: var(--md-sys-color-surface-container-lowest);
|
|
60
|
-
box-shadow: var(
|
|
61
|
-
--scb-menu-elevation,
|
|
62
|
-
2px 0 12px rgba(0, 0, 0, 0.15)
|
|
63
|
-
);
|
|
64
|
-
border-radius: var(--scb-menu-surface-radius, 0);
|
|
65
|
-
z-index: var(--scb-menu-z, 1000);
|
|
66
|
-
transition:
|
|
67
|
-
transform 0.3s ease,
|
|
68
|
-
opacity 0.3s ease,
|
|
69
|
-
visibility 0.3s;
|
|
70
|
-
opacity: 0;
|
|
71
|
-
visibility: hidden;
|
|
72
|
-
pointer-events: none;
|
|
73
|
-
will-change: transform;
|
|
74
|
-
font-family: var(--brand-font);
|
|
75
|
-
}
|
|
76
|
-
@media (prefers-reduced-motion: reduce) {
|
|
77
|
-
:host([floating]) {
|
|
78
|
-
transition: none;
|
|
79
|
-
}
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
:host([floating][left]) {
|
|
83
|
-
left: 0;
|
|
84
|
-
transform: translateX(-100%);
|
|
85
|
-
}
|
|
86
|
-
:host([floating][left][open]) {
|
|
87
|
-
transform: translateX(0);
|
|
88
|
-
opacity: 1;
|
|
89
|
-
visibility: visible;
|
|
90
|
-
pointer-events: auto;
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
:host([floating][right]) {
|
|
94
|
-
right: 0;
|
|
95
|
-
transform: translateX(100%);
|
|
96
|
-
box-shadow: var(
|
|
97
|
-
--scb-menu-elevation,
|
|
98
|
-
-2px 0 12px rgba(0, 0, 0, 0.15)
|
|
99
|
-
);
|
|
100
|
-
}
|
|
101
|
-
:host([floating][right][open]) {
|
|
102
|
-
transform: translateX(0);
|
|
103
|
-
opacity: 1;
|
|
104
|
-
visibility: visible;
|
|
105
|
-
pointer-events: auto;
|
|
106
|
-
}
|
|
107
|
-
|
|
26
|
+
|
|
108
27
|
.scb-menu-label {
|
|
109
28
|
font-size: var(--md-sys-typescale-label-large-size);
|
|
110
29
|
line-height: var(
|
|
@@ -147,8 +66,4 @@ import{_ as d}from"../../vendor/preload-helper.js";import{a as p,n as a,i as f,E
|
|
|
147
66
|
.panel {
|
|
148
67
|
contain: layout paint style;
|
|
149
68
|
}
|
|
150
|
-
|
|
151
|
-
content-visibility: auto;
|
|
152
|
-
contain-intrinsic-size: 0 600px;
|
|
153
|
-
}
|
|
154
|
-
`;n([a({type:String})],e.prototype,"label",2);n([a({type:String,attribute:"sub-label"})],e.prototype,"subLabel",2);n([a({type:Boolean,reflect:!0})],e.prototype,"floating",2);n([a({type:Boolean,reflect:!0})],e.prototype,"left",2);n([a({type:Boolean,reflect:!0})],e.prototype,"right",2);n([a({type:Boolean,reflect:!0})],e.prototype,"open",2);n([a({type:Boolean,reflect:!0})],e.prototype,"overlay",2);n([a({type:Boolean,reflect:!0,attribute:"lock-scroll"})],e.prototype,"lockScroll",2);n([a({type:Boolean,reflect:!0,attribute:"close-on-overlay"})],e.prototype,"closeOnOverlay",2);n([a({type:Boolean,reflect:!0})],e.prototype,"modal",2);e=n([h("scb-menu")],e);
|
|
69
|
+
`;c([d({type:String})],n.prototype,"label",2);c([d({type:String,attribute:"sub-label"})],n.prototype,"subLabel",2);n=c([u("scb-menu")],n);
|
|
@@ -7,4 +7,4 @@ import{a,n as d,i as u,x as b,t as _}from"../../vendor/vendor.js";(function(){tr
|
|
|
7
7
|
display: block;
|
|
8
8
|
width: 100%;
|
|
9
9
|
}
|
|
10
|
-
`;o([d({type:String})],r.prototype,"label",2);r=o([_("scb-sub-menu")],r);
|
|
10
|
+
`;o([d({type:String})],r.prototype,"label",2);r=o([_("scb-sub-menu")],r);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "scb-wc-test",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.161",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"module": "index.js",
|
|
@@ -385,5 +385,5 @@
|
|
|
385
385
|
},
|
|
386
386
|
"./mvc/*": "./mvc/*"
|
|
387
387
|
},
|
|
388
|
-
"buildHash": "
|
|
388
|
+
"buildHash": "5486AF40F4B5FDCDCA962FC0ACC1BF2D346150AA0E5BA7C5A6660A811640357C"
|
|
389
389
|
}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { css as y, LitElement as v, nothing as p, html as m } from "lit";
|
|
2
|
-
import { property as d, customElement as
|
|
2
|
+
import { property as d, customElement as x } from "lit/decorators.js";
|
|
3
3
|
import "@material/web/checkbox/checkbox.js";
|
|
4
4
|
import "./scb-checkbox-group.js";
|
|
5
|
-
var
|
|
5
|
+
var g = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, h = (e, s, t, r) => {
|
|
6
6
|
for (var i = r > 1 ? void 0 : r ? _(s, t) : s, o = e.length - 1, l; o >= 0; o--)
|
|
7
7
|
(l = e[o]) && (i = (r ? l(s, t, i) : l(i)) || i);
|
|
8
|
-
return r && i &&
|
|
8
|
+
return r && i && g(s, t, i), i;
|
|
9
9
|
};
|
|
10
10
|
let a = class extends v {
|
|
11
11
|
constructor() {
|
|
@@ -35,14 +35,14 @@ let a = class extends v {
|
|
|
35
35
|
const s = (r = this.shadowRoot) == null ? void 0 : r.querySelector("label.wrap");
|
|
36
36
|
s == null || s.addEventListener("click", (i) => {
|
|
37
37
|
if (this.disabled) return;
|
|
38
|
-
if (!i.composedPath().some((
|
|
38
|
+
if (!i.composedPath().some((c) => {
|
|
39
39
|
var b, u, f;
|
|
40
|
-
const
|
|
41
|
-
return ((u = (b =
|
|
40
|
+
const n = c;
|
|
41
|
+
return ((u = (b = n == null ? void 0 : n.tagName) == null ? void 0 : b.toLowerCase) == null ? void 0 : u.call(b)) === "md-checkbox" || ((f = n == null ? void 0 : n.classList) == null ? void 0 : f.contains("box-wrap"));
|
|
42
42
|
})) {
|
|
43
43
|
i.preventDefault();
|
|
44
|
-
const
|
|
45
|
-
|
|
44
|
+
const c = this.shadowRoot.querySelector("md-checkbox");
|
|
45
|
+
c && (c.checked = !c.checked, c.dispatchEvent(new Event("change", { bubbles: !0, composed: !0 })));
|
|
46
46
|
}
|
|
47
47
|
}), this.__syncInnerAria();
|
|
48
48
|
}
|
|
@@ -54,13 +54,13 @@ let a = class extends v {
|
|
|
54
54
|
this.disabled = e;
|
|
55
55
|
}
|
|
56
56
|
__syncInnerAria() {
|
|
57
|
-
var l,
|
|
57
|
+
var l, c, n;
|
|
58
58
|
const e = (l = this.shadowRoot) == null ? void 0 : l.querySelector("md-checkbox"), s = e == null ? void 0 : e.shadowRoot;
|
|
59
59
|
if (!s) return;
|
|
60
60
|
const t = s.querySelector('[role="checkbox"]') || s.querySelector('input[type="checkbox"]');
|
|
61
61
|
if (!t) return;
|
|
62
|
-
const r = !!((
|
|
63
|
-
r && i ? (t.setAttribute("aria-labelledby", i), t.removeAttribute("aria-label")) : (t.removeAttribute("aria-labelledby"), (
|
|
62
|
+
const r = !!((c = this.label) != null && c.trim()), i = r ? `${this._checkboxId}-label` : "", o = this.supportingText ? `${this._checkboxId}-supporting-text` : "";
|
|
63
|
+
r && i ? (t.setAttribute("aria-labelledby", i), t.removeAttribute("aria-label")) : (t.removeAttribute("aria-labelledby"), (n = this.ariaLabel) != null && n.trim() ? t.setAttribute("aria-label", this.ariaLabel.trim()) : t.removeAttribute("aria-label")), o ? t.setAttribute("aria-describedby", o) : t.removeAttribute("aria-describedby");
|
|
64
64
|
}
|
|
65
65
|
// Synkar checked/disabled mot value
|
|
66
66
|
__syncFormValue() {
|
|
@@ -109,7 +109,6 @@ a.styles = y`
|
|
|
109
109
|
.wrap {
|
|
110
110
|
display: inline-flex;
|
|
111
111
|
align-items: center;
|
|
112
|
-
padding: var(--spacing-2, 4px);
|
|
113
112
|
gap: var(--spacing-5, 16px);
|
|
114
113
|
cursor: pointer;
|
|
115
114
|
overflow: visible;
|
|
@@ -189,7 +188,7 @@ h([
|
|
|
189
188
|
d({ type: String })
|
|
190
189
|
], a.prototype, "value", 2);
|
|
191
190
|
a = h([
|
|
192
|
-
|
|
191
|
+
x("scb-checkbox")
|
|
193
192
|
], a);
|
|
194
193
|
export {
|
|
195
194
|
a as ScbCheckbox
|
|
@@ -25,8 +25,6 @@ Händelser
|
|
|
25
25
|
— "scb-drawer-opened" och "scb-drawer-closed" bubblar vid state-ändring och fångas av Blazor-bridgen.
|
|
26
26
|
*/
|
|
27
27
|
export declare class ScbDrawer extends LitElement {
|
|
28
|
-
label: string;
|
|
29
|
-
subLabel: string;
|
|
30
28
|
floating: boolean;
|
|
31
29
|
left: boolean;
|
|
32
30
|
right: boolean;
|
|
@@ -41,9 +39,6 @@ export declare class ScbDrawer extends LitElement {
|
|
|
41
39
|
private static __lockedCount;
|
|
42
40
|
private static __prevDocOverflow;
|
|
43
41
|
private static __prevBodyOverflow;
|
|
44
|
-
private static __partsReady;
|
|
45
|
-
private static __partsLoading;
|
|
46
|
-
private static __ensureParts;
|
|
47
42
|
private static __ensureOverlayStyles;
|
|
48
43
|
private static __ensureOverlay;
|
|
49
44
|
private static __showOverlay;
|
|
@@ -54,7 +49,6 @@ export declare class ScbDrawer extends LitElement {
|
|
|
54
49
|
render(): TemplateResult;
|
|
55
50
|
connectedCallback(): void;
|
|
56
51
|
disconnectedCallback(): void;
|
|
57
|
-
private _onGlobalSelect;
|
|
58
52
|
private __getActionFromEvent;
|
|
59
53
|
private __onDocumentClick;
|
|
60
54
|
private __onDocumentKeydown;
|
|
@@ -62,7 +56,6 @@ export declare class ScbDrawer extends LitElement {
|
|
|
62
56
|
private __setOpen;
|
|
63
57
|
protected updated(changed: Map<string, unknown>): void;
|
|
64
58
|
private __applyOpenSideEffects;
|
|
65
|
-
private __updateTriggersExpanded;
|
|
66
59
|
}
|
|
67
60
|
declare global {
|
|
68
61
|
interface HTMLElementTagNameMap {
|