scb-wc 0.1.237 → 0.1.239
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/README.md +19 -16
- package/all.d.ts +14 -0
- package/all.js +14 -0
- package/index.js +99 -85
- package/mvc/components/all.js +9 -0
- package/mvc/components/scb-accordion/scb-accordion-item.js +1 -1
- package/mvc/components/scb-accordion/scb-accordion.js +1 -1
- package/mvc/components/scb-app-bar/scb-app-bar.js +1 -1
- package/mvc/components/scb-button/scb-button.js +3 -3
- package/mvc/components/scb-calendar/scb-calendar.js +1 -1
- package/mvc/components/scb-calendar-card/scb-calendar-card.js +4 -4
- package/mvc/components/scb-card/scb-card.js +2 -2
- package/mvc/{vendor → components/scb-chevron}/scb-chevron.js +1 -1
- package/mvc/components/scb-cookies-consent/scb-cookies-consent.js +1 -1
- package/mvc/components/scb-datepicker/scb-datepicker.js +143 -0
- package/mvc/components/scb-dialog/scb-dialog.js +1 -1
- package/mvc/components/scb-drawer/scb-drawer.js +3 -3
- package/mvc/components/scb-drop-zone/scb-drop-zone.js +1 -1
- package/mvc/components/scb-dropdown/scb-dropdown.js +1 -1
- package/mvc/components/scb-fact-card/scb-fact-card.js +1 -1
- package/mvc/components/scb-header/scb-header.js +2 -2
- package/mvc/components/scb-horizontal-scroller/scb-horizontal-scroller.js +6 -6
- package/mvc/components/scb-icon-button/scb-icon-button.js +5 -5
- package/mvc/components/scb-keyfigure-card/scb-keyfigure-card.js +6 -6
- package/mvc/components/scb-link/scb-link.js +1 -1
- package/mvc/components/scb-link-button/scb-link-button.js +1 -1
- package/mvc/components/scb-list/scb-list-item.js +6 -6
- package/mvc/components/scb-menu/scb-menu-item.js +3 -3
- package/mvc/components/scb-menu/scb-menu.js +5 -5
- package/mvc/components/scb-nav/scb-nav.js +1 -1
- package/mvc/components/scb-notification-card/scb-notification-card.js +1 -1
- package/mvc/components/scb-options-menu/scb-options-menu-item.js +1 -1
- package/mvc/components/scb-options-menu/scb-options-menu.js +2 -2
- package/mvc/components/scb-options-menu/scb-options-sub-menu.js +1 -1
- package/mvc/components/scb-overlay/scb-overlay.js +3 -3
- package/mvc/components/scb-pagination/scb-pagination.js +1 -1
- package/mvc/components/scb-progress-stepper/scb-progress-step.js +1 -1
- package/mvc/components/scb-search/scb-search.js +3 -3
- package/mvc/components/scb-segmented-button/scb-segmented-item.js +1 -1
- package/mvc/components/scb-select/scb-select-option.js +1 -1
- package/mvc/components/scb-select/scb-select.js +1 -1
- package/mvc/components/scb-snackbar/scb-snackbar.js +1 -1
- package/mvc/components/scb-stepper/scb-step.js +1 -1
- package/mvc/components/scb-table/scb-table.js +1 -1
- package/mvc/components/scb-table-advanced/scb-table-advanced.js +1 -1
- package/mvc/components/scb-table-next/read-table.js +1 -0
- package/mvc/components/scb-table-next/scb-table-next.js +6 -0
- package/mvc/components/scb-textfield/scb-textfield.js +34 -176
- package/mvc/components/scb-toc/scb-toc-item.js +1 -1
- package/mvc/components/scb-tooltip/scb-tooltip.js +1 -1
- package/mvc/{vendor → components/shared}/component-size-token.js +1 -1
- package/mvc/components/shared/lazy-focus-ring.js +2 -0
- package/mvc/components/shared/lazy-ripple.js +2 -0
- package/mvc/{vendor → components/shared}/manual-popover.js +1 -1
- package/mvc/components/shared/scb-icon-svg.js +11 -0
- package/package.json +12 -2
- package/scb-components/index.d.ts +108 -0
- package/scb-components/scb-table-next/read-table.d.ts +29 -0
- package/scb-components/scb-table-next/scb-table-next.d.ts +22 -0
- package/scb-components/scb-viz/scb-viz-actions-runtime.d.ts +26 -0
- package/scb-components/scb-viz/scb-viz-print-runtime.d.ts +30 -0
- package/scb-components/scb-viz/scb-viz-series-differentiation-registry.d.ts +21 -0
- package/scb-components/scb-viz/scb-viz-series-differentiation-runtime.d.ts +42 -0
- package/scb-components/scb-viz/scb-viz-table-runtime.d.ts +28 -0
- package/scb-components/shared/component-size-token.d.ts +1 -0
- package/scb-components/shared/lazy-focus-ring.d.ts +4 -0
- package/scb-components/shared/lazy-ripple.d.ts +9 -0
- package/scb-components/shared/manual-popover.d.ts +7 -0
- package/scb-components/shared/scb-icon-svg.d.ts +3 -0
- package/scb-menu/scb-menu-item.js +7 -1
- package/scb-menu/scb-menu.js +3 -0
- package/scb-table-next/read-table.js +87 -0
- package/scb-table-next/scb-table-next.js +226 -0
- package/scb-viz/scb-viz-series-differentiation-registry.js +10 -7
- package/scb-viz/scb-viz.js +43 -43
- package/scb-wc.bundle.js +417 -287
- package/scb-wc.d.ts +28 -0
- package/shared/scb-icon-svg.js +5 -2
- package/mvc/vendor/lazy-focus-ring.js +0 -2
- package/mvc/vendor/lazy-ripple.js +0 -2
- package/mvc/vendor/scb-icon-svg.js +0 -11
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import{g as
|
|
1
|
+
import{g as b,h as v,m as f,p as r,v as m,y as k}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as s}from"../../vendor/decorate.js";import{t as h}from"../../vendor/assertClassBrand.js";import{t as z}from"../../vendor/classPrivateMethodInitSpec.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 o=typeof globalThis<"u"?globalThis:window;if(!o.__scb_ce_guard_installed__){o.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(i,t,a){try{customElements.get(i)||e(i,t,a)}catch(d){var l=String(d||"");if(l.indexOf("already been used")===-1&&l.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var g,u,n=(g=new WeakSet,u=class extends v{constructor(...e){super(...e),z(this,g),this.label="",this.subLabel="",this.noHighlightSelected=!1,this.elevation=!1,this.lazySrc="",this.lazyIdParam="id",this.lazyChildrenField="",this.lazyIdField="id",this.lazyLabelField="label",this.lazyHrefField="href",this.lazyHasChildrenField="hasChildren",this.lazyHasLinkField="hasLink",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this._lazyCache=new Map,this._onGlobalSelect=i=>{const t=i;this.querySelectorAll("scb-menu-item").forEach(a=>{a.selected=!1,this.noHighlightSelected?a.setAttribute("no-highlight-selected",""):a.removeAttribute("no-highlight-selected")}),this.contains(t.detail.item)&&(t.detail.item.selected=!0)},this._onMenuExpand=i=>{this._loadLazyChildren(i)}}render(){return m`
|
|
2
2
|
<nav
|
|
3
|
-
aria-label=${this.label||
|
|
3
|
+
aria-label=${this.label||b}
|
|
4
4
|
>
|
|
5
|
-
${this.label?
|
|
5
|
+
${this.label?m`
|
|
6
6
|
<div class="scb-menu-label-wrapper">
|
|
7
7
|
<div class="scb-menu-label">${this.label}</div>
|
|
8
8
|
<div class="scb-menu-sublabel">
|
|
@@ -10,9 +10,9 @@ import{g as m,h as v,m as f,p as r,v as b,y as k}from"../../vendor/vendor.js";im
|
|
|
10
10
|
</div>
|
|
11
11
|
</div>
|
|
12
12
|
<scb-divider></scb-divider>
|
|
13
|
-
`:
|
|
13
|
+
`:b}
|
|
14
14
|
<div class="panel">
|
|
15
15
|
<slot></slot>
|
|
16
16
|
</div>
|
|
17
17
|
</nav>
|
|
18
|
-
`}firstUpdated(e){super.firstUpdated(e),h(g,this,y).call(this)}updated(e){super.updated(e),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&h(g,this,y).call(this)}mapSpacingToken(e){if(!e)return;const i=String(e).trim();if(i)return/^\d+$/.test(i)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(i,10)))})`:i}connectedCallback(){super.connectedCallback(),window.addEventListener("scb-menu-select",this._onGlobalSelect),this.addEventListener("scb-menu-expand",this._onMenuExpand)}disconnectedCallback(){window.removeEventListener("scb-menu-select",this._onGlobalSelect),this.removeEventListener("scb-menu-expand",this._onMenuExpand),super.disconnectedCallback()}async _loadLazyChildren(e){if(!this.lazySrc)return;const i=e.detail?.item;if(!i||!this.contains(i)||!e.detail?.expanded||i.hasAttribute("data-loaded")||!i.hasAttribute("has-children")||e.detail?.lazy===!1||this._hasSubMenu(i))return;const t=i.getAttribute("data-node-id")??i.dataset.nodeId;if(t){this._setItemLoading(i,!0),i.removeAttribute("data-load-error");try{const a=await this._fetchLazyChildren(t),l=this._createSubMenu(i,a);i.appendChild(l),i.setAttribute("data-loaded",""),this.dispatchEvent(new CustomEvent("scb-menu-lazy-load",{bubbles:!0,composed:!0,detail:{item:i,nodeId:t,children:a}}))}catch(a){i.setAttribute("data-load-error",""),this.dispatchEvent(new CustomEvent("scb-menu-lazy-error",{bubbles:!0,composed:!0,detail:{item:i,nodeId:t,error:a}}))}finally{this._setItemLoading(i,!1)}}}_setItemLoading(e,i){e.loading=i,e.toggleAttribute("loading",i),i?e.setAttribute("aria-busy","true"):e.removeAttribute("aria-busy")}_hasSubMenu(e){return Array.from(e.children).some(i=>i.tagName==="SCB-SUB-MENU")}_createSubMenu(e,i){const t=document.createElement("scb-sub-menu");t.setAttribute("label",e.getAttribute("label")??"");for(const a of i)t.appendChild(this._createLazyMenuItem(a));return t}_createLazyMenuItem(e){const i=document.createElement("scb-menu-item"),t=this._getRecordValue(e,this.lazyIdField,["id","Id"]),a=this._getRecordValue(e,this.lazyLabelField,["label","Label","name","Name"]),l=this._getRecordValue(e,this.lazyHrefField,["href","Href","url","Url"]),d=this._toBoolean(this._getRecordValue(e,this.lazyHasChildrenField,["hasChildren","HasChildren"])),c=this._getRecordValue(e,this.lazyHasLinkField,["hasLink","HasLink"]),p=c==null?!!l:this._toBoolean(c);return a!=null&&i.setAttribute("label",String(a)),t!=null&&i.setAttribute("data-node-id",String(t)),d&&i.setAttribute("has-children",""),p&&l!=null&&String(l).trim()&&i.setAttribute("item-href",String(l)),i}async _fetchLazyChildren(e){const i=`${this.lazySrc}|${this.lazyIdParam}|${e}`;let t=this._lazyCache.get(i);return t||(t=fetch(this._createLazyUrl(e),{credentials:"same-origin"}).then(async a=>{if(!a.ok)throw new Error(`Kunde inte ladda menybarn (${a.status}).`);const l=await a.json();return this._normalizeChildren(l)}).catch(a=>{throw this._lazyCache.delete(i),a}),this._lazyCache.set(i,t)),t}_createLazyUrl(e){if(this.lazySrc.includes("{id}"))return this.lazySrc.split("{id}").join(encodeURIComponent(e));const i=new URL(this.lazySrc,document.baseURI);return this.lazyIdParam&&i.searchParams.set(this.lazyIdParam,e),i.toString()}_normalizeChildren(e){const i=Array.isArray(e)?e:this._getRecordValue(e,this.lazyChildrenField,["children","Children","items","Items","data","Data"]);return Array.isArray(i)?i.filter(t=>!!t&&typeof t=="object"&&!Array.isArray(t)):[]}_getRecordValue(e,i,t=[]){if(!e||typeof e!="object"||Array.isArray(e))return;const a=e,l=[i,...t].filter(Boolean);for(const d of l){if(d in a)return a[d];const c=Object.keys(a).find(p=>p.toLowerCase()===d.toLowerCase());if(c)return a[c]}}_toBoolean(e){return typeof e=="boolean"?e:typeof e=="number"?e!==0:typeof e=="string"?!/^(false|0|off|no|nej)$/i.test(e.trim()):!!e}},u.styles=k`:host{display:block;color:var(--scb-menu-panel-content-color, var(--md-sys-color-on-surface));padding-block:var(--scb-menu-padding-block, var(--scb-menu-design-panel-padding-block-medium));padding-inline:var(--scb-menu-padding-inline, var(--scb-menu-design-panel-padding-inline-medium));background:var(--scb-menu-background, var(--scb-menu-panel-surface-color, var(--md-sys-color-surface-container-low)));font-family:var(--brand-font);margin-block-start:var(--scb-menu-spacing-block-start, 0);margin-block-end:var(--scb-menu-spacing-block-end, 0);margin-inline-start:var(--scb-menu-spacing-inline-start, 0);margin-inline-end:var(--scb-menu-spacing-inline-end, 0)}:host([elevation]){box-shadow:var(--scb-menu-shadow, var(--scb-shadow-menu));border-radius:0 var(--scb-menu-design-panel-radius-medium) var(--scb-menu-design-panel-radius-medium)0}.scb-menu-label,.scb-menu-sublabel{font-family:var(--scb-menu-design-title-medium-font),sans-serif;font-size:var(--scb-menu-design-title-medium-size);line-height:var(--scb-menu-design-title-medium-line-height);font-weight:var(--scb-menu-design-title-medium-weight);letter-spacing:var(--scb-menu-design-title-medium-tracking);color:var(--scb-menu-panel-content-color, var(--md-sys-color-on-surface))}.scb-menu-sublabel{font-family:var(--scb-menu-design-supporting-medium-font),sans-serif;font-size:var(--scb-menu-design-supporting-medium-size);line-height:var(--scb-menu-design-supporting-medium-line-height);font-weight:var(--scb-menu-design-supporting-medium-weight);letter-spacing:var(--scb-menu-design-supporting-medium-tracking)}.scb-menu-label-wrapper{padding-block:var(--scb-menu-header-padding-block, var(--scb-menu-design-header-padding-block-medium));padding-inline:var(--scb-menu-header-padding-inline, var(--scb-menu-design-header-padding-inline-medium));color:inherit}scb-divider{margin-block:var(--scb-menu-divider-gap, var(--scb-menu-design-divider-gap-medium))}::slotted(scb-search){display:block;width:100%;box-sizing:border-box;padding-block:var(--scb-menu-search-padding-block, var(--scb-menu-design-search-padding-block-medium));padding-inline:var(--scb-menu-search-padding-inline, var(--scb-menu-design-search-padding-inline-medium))}.panel{contain:layout paint style}:host{--scb-menu-design-panel-padding-block-medium:var(--scb-navigation-panel-padding-block, var(--spacing-4, 12px));--scb-menu-design-panel-padding-inline-medium:var(--scb-navigation-panel-padding-inline, var(--spacing-4, 12px));--scb-menu-design-panel-radius-medium:var(--scb-navigation-panel-radius, var(--radius-large, 16px));--scb-menu-design-header-padding-block-medium:var(--scb-navigation-header-padding-block, var(--spacing-4, 12px));--scb-menu-design-header-padding-inline-medium:var(--scb-navigation-header-padding-inline, var(--spacing-4, 12px));--scb-menu-design-search-padding-block-medium:var(--scb-navigation-search-padding-block, var(--spacing-4, 12px));--scb-menu-design-search-padding-inline-medium:var(--scb-navigation-search-padding-inline, var(--spacing-4, 12px));--scb-menu-design-divider-gap-medium:var(--scb-navigation-divider-gap, var(--spacing-2, 4px));--scb-menu-design-title-medium-font:var(--scb-navigation-title-font, var(--scb-typography-label-large-font, var(--md-sys-typescale-label-large-font, var(--brand))));--scb-menu-design-title-medium-size:var(--scb-navigation-title-size, var(--scb-typography-label-large-size, var(--md-sys-typescale-label-large-size, 18px)));--scb-menu-design-title-medium-line-height:var(--scb-navigation-title-line-height, var(--scb-typography-label-large-line-height, var(--md-sys-typescale-label-large-line-height, 26px)));--scb-menu-design-title-medium-tracking:var(--scb-navigation-title-tracking, var(--scb-typography-label-large-tracking, var(--md-sys-typescale-label-large-tracking, var(--tracking-05, -0.3px))));--scb-menu-design-title-medium-weight:var(--scb-navigation-title-weight, var(--scb-typography-label-large-weight, var(--md-sys-typescale-label-large-weight, var(--weight-semibold, 600))));--scb-menu-design-title-medium-letter-spacing:var(--scb-navigation-title-letter-spacing, var(--scb-navigation-title-tracking, var(--scb-typography-label-large-tracking, var(--md-sys-typescale-label-large-tracking, var(--tracking-05, -0.3px)))));--scb-menu-design-title-medium-font-weight:var(--scb-navigation-title-font-weight, var(--scb-navigation-title-weight, var(--scb-typography-label-large-weight, var(--md-sys-typescale-label-large-weight, var(--weight-semibold, 600)))));--scb-menu-design-supporting-medium-font:var(--scb-navigation-supporting-font, var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font, var(--brand))));--scb-menu-design-supporting-medium-size:var(--scb-navigation-supporting-size, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size, 16px)));--scb-menu-design-supporting-medium-line-height:var(--scb-navigation-supporting-line-height, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height, 24px)));--scb-menu-design-supporting-medium-tracking:var(--scb-navigation-supporting-tracking, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, var(--tracking-03, -0.15px))));--scb-menu-design-supporting-medium-weight:var(--scb-navigation-supporting-weight, var(--scb-typography-body-medium-weight, var(--md-sys-typescale-body-medium-weight, var(--weight-regular, 400))));--scb-menu-design-supporting-medium-letter-spacing:var(--scb-navigation-supporting-letter-spacing, var(--scb-navigation-supporting-tracking, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, var(--tracking-03, -0.15px)))));--scb-menu-design-supporting-medium-font-weight:var(--scb-navigation-supporting-font-weight, var(--scb-navigation-supporting-weight, var(--scb-typography-body-medium-weight, var(--md-sys-typescale-body-medium-weight, var(--weight-regular, 400)))))}`,u);function y(){const o=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??o,i=this.mapSpacingToken(this.spacingBottom)??o,t=this.mapSpacingToken(this.spacingLeft),a=this.mapSpacingToken(this.spacingRight);e?this.style.setProperty("--scb-menu-spacing-block-start",e):this.style.removeProperty("--scb-menu-spacing-block-start"),i?this.style.setProperty("--scb-menu-spacing-block-end",i):this.style.removeProperty("--scb-menu-spacing-block-end"),t?this.style.setProperty("--scb-menu-spacing-inline-start",t):this.style.removeProperty("--scb-menu-spacing-inline-start"),a?this.style.setProperty("--scb-menu-spacing-inline-end",a):this.style.removeProperty("--scb-menu-spacing-inline-end")}s([r({type:String})],n.prototype,"label",void 0);s([r({type:String,attribute:"sub-label"})],n.prototype,"subLabel",void 0);s([r({type:Boolean,attribute:"no-highlight-selected",reflect:!0})],n.prototype,"noHighlightSelected",void 0);s([r({type:Boolean,reflect:!0})],n.prototype,"elevation",void 0);s([r({type:String,attribute:"lazy-src"})],n.prototype,"lazySrc",void 0);s([r({type:String,attribute:"lazy-id-param"})],n.prototype,"lazyIdParam",void 0);s([r({type:String,attribute:"lazy-children-field"})],n.prototype,"lazyChildrenField",void 0);s([r({type:String,attribute:"lazy-id-field"})],n.prototype,"lazyIdField",void 0);s([r({type:String,attribute:"lazy-label-field"})],n.prototype,"lazyLabelField",void 0);s([r({type:String,attribute:"lazy-href-field"})],n.prototype,"lazyHrefField",void 0);s([r({type:String,attribute:"lazy-has-children-field"})],n.prototype,"lazyHasChildrenField",void 0);s([r({type:String,attribute:"lazy-has-link-field"})],n.prototype,"lazyHasLinkField",void 0);s([r({type:String,reflect:!0})],n.prototype,"spacing",void 0);s([r({type:String,attribute:"spacing-top",reflect:!0})],n.prototype,"spacingTop",void 0);s([r({type:String,attribute:"spacing-bottom",reflect:!0})],n.prototype,"spacingBottom",void 0);s([r({type:String,attribute:"spacing-left",reflect:!0})],n.prototype,"spacingLeft",void 0);s([r({type:String,attribute:"spacing-right",reflect:!0})],n.prototype,"spacingRight",void 0);n=s([f("scb-menu")],n);export{n as ScbMenu};
|
|
18
|
+
`}firstUpdated(e){super.firstUpdated(e),h(g,this,y).call(this)}updated(e){super.updated(e),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&h(g,this,y).call(this)}mapSpacingToken(e){if(!e)return;const i=String(e).trim();if(i)return/^\d+$/.test(i)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(i,10)))})`:i}connectedCallback(){super.connectedCallback(),window.addEventListener("scb-menu-select",this._onGlobalSelect),this.addEventListener("scb-menu-expand",this._onMenuExpand)}disconnectedCallback(){window.removeEventListener("scb-menu-select",this._onGlobalSelect),this.removeEventListener("scb-menu-expand",this._onMenuExpand),super.disconnectedCallback()}async _loadLazyChildren(e){if(!this.lazySrc)return;const i=e.detail?.item;if(!i||!this.contains(i)||!e.detail?.expanded||i.hasAttribute("data-loaded")||!i.hasAttribute("has-children")||e.detail?.lazy===!1||this._hasSubMenu(i))return;const t=i.getAttribute("data-node-id")??i.dataset.nodeId;if(t){this._setItemLoading(i,!0),i.removeAttribute("data-load-error");try{const a=await this._fetchLazyChildren(t),l=this._createSubMenu(i,a);i.appendChild(l),i.setAttribute("data-loaded",""),this.dispatchEvent(new CustomEvent("scb-menu-lazy-load",{bubbles:!0,composed:!0,detail:{item:i,nodeId:t,children:a}}))}catch(a){i.setAttribute("data-load-error",""),this.dispatchEvent(new CustomEvent("scb-menu-lazy-error",{bubbles:!0,composed:!0,detail:{item:i,nodeId:t,error:a}}))}finally{this._setItemLoading(i,!1)}}}_setItemLoading(e,i){e.loading=i,e.toggleAttribute("loading",i),i?e.setAttribute("aria-busy","true"):e.removeAttribute("aria-busy")}_hasSubMenu(e){return Array.from(e.children).some(i=>i.tagName==="SCB-SUB-MENU")}_createSubMenu(e,i){const t=document.createElement("scb-sub-menu");t.setAttribute("label",e.getAttribute("label")??"");for(const a of i)t.appendChild(this._createLazyMenuItem(a));return t}_createLazyMenuItem(e){const i=document.createElement("scb-menu-item"),t=this._getRecordValue(e,this.lazyIdField,["id","Id"]),a=this._getRecordValue(e,this.lazyLabelField,["label","Label","name","Name"]),l=this._getRecordValue(e,this.lazyHrefField,["href","Href","url","Url"]),d=this._toBoolean(this._getRecordValue(e,this.lazyHasChildrenField,["hasChildren","HasChildren"])),c=this._getRecordValue(e,this.lazyHasLinkField,["hasLink","HasLink"]),p=c==null?!!l:this._toBoolean(c);return a!=null&&i.setAttribute("label",String(a)),t!=null&&i.setAttribute("data-node-id",String(t)),d&&i.setAttribute("has-children",""),p&&l!=null&&String(l).trim()&&i.setAttribute("item-href",String(l)),i}async _fetchLazyChildren(e){const i=`${this.lazySrc}|${this.lazyIdParam}|${e}`;let t=this._lazyCache.get(i);return t||(t=fetch(this._createLazyUrl(e),{credentials:"same-origin"}).then(async a=>{if(!a.ok)throw new Error(`Kunde inte ladda menybarn (${a.status}).`);const l=await a.json();return this._normalizeChildren(l)}).catch(a=>{throw this._lazyCache.delete(i),a}),this._lazyCache.set(i,t)),t}_createLazyUrl(e){if(this.lazySrc.includes("{id}"))return this.lazySrc.split("{id}").join(encodeURIComponent(e));const i=new URL(this.lazySrc,document.baseURI);return this.lazyIdParam&&i.searchParams.set(this.lazyIdParam,e),i.toString()}_normalizeChildren(e){const i=Array.isArray(e)?e:this._getRecordValue(e,this.lazyChildrenField,["children","Children","items","Items","data","Data"]);return Array.isArray(i)?i.filter(t=>!!t&&typeof t=="object"&&!Array.isArray(t)):[]}_getRecordValue(e,i,t=[]){if(!e||typeof e!="object"||Array.isArray(e))return;const a=e,l=[i,...t].filter(Boolean);for(const d of l){if(d in a)return a[d];const c=Object.keys(a).find(p=>p.toLowerCase()===d.toLowerCase());if(c)return a[c]}}_toBoolean(e){return typeof e=="boolean"?e:typeof e=="number"?e!==0:typeof e=="string"?!/^(false|0|off|no|nej)$/i.test(e.trim()):!!e}},u.styles=k`:host{display:block;min-width:0;max-width:100%;box-sizing:border-box;color:var(--scb-menu-panel-content-color, var(--md-sys-color-on-surface));padding-block:var(--scb-menu-padding-block, var(--scb-menu-design-panel-padding-block-medium));padding-inline:var(--scb-menu-padding-inline, var(--scb-menu-design-panel-padding-inline-medium));background:var(--scb-menu-background, var(--scb-menu-panel-surface-color, var(--md-sys-color-surface-container-low)));font-family:var(--brand-font);margin-block-start:var(--scb-menu-spacing-block-start, 0);margin-block-end:var(--scb-menu-spacing-block-end, 0);margin-inline-start:var(--scb-menu-spacing-inline-start, 0);margin-inline-end:var(--scb-menu-spacing-inline-end, 0)}:host([elevation]){box-shadow:var(--scb-menu-shadow, var(--scb-shadow-menu));border-radius:0 var(--scb-menu-design-panel-radius-medium) var(--scb-menu-design-panel-radius-medium)0}.scb-menu-label,.scb-menu-sublabel{font-family:var(--scb-menu-design-title-medium-font),sans-serif;font-size:var(--scb-menu-design-title-medium-size);line-height:var(--scb-menu-design-title-medium-line-height);font-weight:var(--scb-menu-design-title-medium-weight);letter-spacing:var(--scb-menu-design-title-medium-tracking);color:var(--scb-menu-panel-content-color, var(--md-sys-color-on-surface))}.scb-menu-sublabel{font-family:var(--scb-menu-design-supporting-medium-font),sans-serif;font-size:var(--scb-menu-design-supporting-medium-size);line-height:var(--scb-menu-design-supporting-medium-line-height);font-weight:var(--scb-menu-design-supporting-medium-weight);letter-spacing:var(--scb-menu-design-supporting-medium-tracking)}.scb-menu-label-wrapper{padding-block:var(--scb-menu-header-padding-block, var(--scb-menu-design-header-padding-block-medium));padding-inline:var(--scb-menu-header-padding-inline, var(--scb-menu-design-header-padding-inline-medium));color:inherit}scb-divider{margin-block:var(--scb-menu-divider-gap, var(--scb-menu-design-divider-gap-medium))}::slotted(scb-search){display:block;width:100%;box-sizing:border-box;padding-block:var(--scb-menu-search-padding-block, var(--scb-menu-design-search-padding-block-medium));padding-inline:var(--scb-menu-search-padding-inline, var(--scb-menu-design-search-padding-inline-medium))}.panel{contain:layout paint style}:host{--scb-menu-design-panel-padding-block-medium:var(--scb-navigation-panel-padding-block, var(--spacing-4, 12px));--scb-menu-design-panel-padding-inline-medium:var(--scb-navigation-panel-padding-inline, var(--spacing-4, 12px));--scb-menu-design-panel-radius-medium:var(--scb-navigation-panel-radius, var(--radius-large, 16px));--scb-menu-design-header-padding-block-medium:var(--scb-navigation-header-padding-block, var(--spacing-4, 12px));--scb-menu-design-header-padding-inline-medium:var(--scb-navigation-header-padding-inline, var(--spacing-4, 12px));--scb-menu-design-search-padding-block-medium:var(--scb-navigation-search-padding-block, var(--spacing-4, 12px));--scb-menu-design-search-padding-inline-medium:var(--scb-navigation-search-padding-inline, var(--spacing-4, 12px));--scb-menu-design-divider-gap-medium:var(--scb-navigation-divider-gap, var(--spacing-2, 4px));--scb-menu-design-title-medium-font:var(--scb-navigation-title-font, var(--scb-typography-label-large-font, var(--md-sys-typescale-label-large-font, var(--brand))));--scb-menu-design-title-medium-size:var(--scb-navigation-title-size, var(--scb-typography-label-large-size, var(--md-sys-typescale-label-large-size, 18px)));--scb-menu-design-title-medium-line-height:var(--scb-navigation-title-line-height, var(--scb-typography-label-large-line-height, var(--md-sys-typescale-label-large-line-height, 26px)));--scb-menu-design-title-medium-tracking:var(--scb-navigation-title-tracking, var(--scb-typography-label-large-tracking, var(--md-sys-typescale-label-large-tracking, var(--tracking-05, -0.3px))));--scb-menu-design-title-medium-weight:var(--scb-navigation-title-weight, var(--scb-typography-label-large-weight, var(--md-sys-typescale-label-large-weight, var(--weight-semibold, 600))));--scb-menu-design-title-medium-letter-spacing:var(--scb-navigation-title-letter-spacing, var(--scb-navigation-title-tracking, var(--scb-typography-label-large-tracking, var(--md-sys-typescale-label-large-tracking, var(--tracking-05, -0.3px)))));--scb-menu-design-title-medium-font-weight:var(--scb-navigation-title-font-weight, var(--scb-navigation-title-weight, var(--scb-typography-label-large-weight, var(--md-sys-typescale-label-large-weight, var(--weight-semibold, 600)))));--scb-menu-design-supporting-medium-font:var(--scb-navigation-supporting-font, var(--scb-typography-body-medium-font, var(--md-sys-typescale-body-medium-font, var(--brand))));--scb-menu-design-supporting-medium-size:var(--scb-navigation-supporting-size, var(--scb-typography-body-medium-size, var(--md-sys-typescale-body-medium-size, 16px)));--scb-menu-design-supporting-medium-line-height:var(--scb-navigation-supporting-line-height, var(--scb-typography-body-medium-line-height, var(--md-sys-typescale-body-medium-line-height, 24px)));--scb-menu-design-supporting-medium-tracking:var(--scb-navigation-supporting-tracking, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, var(--tracking-03, -0.15px))));--scb-menu-design-supporting-medium-weight:var(--scb-navigation-supporting-weight, var(--scb-typography-body-medium-weight, var(--md-sys-typescale-body-medium-weight, var(--weight-regular, 400))));--scb-menu-design-supporting-medium-letter-spacing:var(--scb-navigation-supporting-letter-spacing, var(--scb-navigation-supporting-tracking, var(--scb-typography-body-medium-tracking, var(--md-sys-typescale-body-medium-tracking, var(--tracking-03, -0.15px)))));--scb-menu-design-supporting-medium-font-weight:var(--scb-navigation-supporting-font-weight, var(--scb-navigation-supporting-weight, var(--scb-typography-body-medium-weight, var(--md-sys-typescale-body-medium-weight, var(--weight-regular, 400)))))}`,u);function y(){const o=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??o,i=this.mapSpacingToken(this.spacingBottom)??o,t=this.mapSpacingToken(this.spacingLeft),a=this.mapSpacingToken(this.spacingRight);e?this.style.setProperty("--scb-menu-spacing-block-start",e):this.style.removeProperty("--scb-menu-spacing-block-start"),i?this.style.setProperty("--scb-menu-spacing-block-end",i):this.style.removeProperty("--scb-menu-spacing-block-end"),t?this.style.setProperty("--scb-menu-spacing-inline-start",t):this.style.removeProperty("--scb-menu-spacing-inline-start"),a?this.style.setProperty("--scb-menu-spacing-inline-end",a):this.style.removeProperty("--scb-menu-spacing-inline-end")}s([r({type:String})],n.prototype,"label",void 0);s([r({type:String,attribute:"sub-label"})],n.prototype,"subLabel",void 0);s([r({type:Boolean,attribute:"no-highlight-selected",reflect:!0})],n.prototype,"noHighlightSelected",void 0);s([r({type:Boolean,reflect:!0})],n.prototype,"elevation",void 0);s([r({type:String,attribute:"lazy-src"})],n.prototype,"lazySrc",void 0);s([r({type:String,attribute:"lazy-id-param"})],n.prototype,"lazyIdParam",void 0);s([r({type:String,attribute:"lazy-children-field"})],n.prototype,"lazyChildrenField",void 0);s([r({type:String,attribute:"lazy-id-field"})],n.prototype,"lazyIdField",void 0);s([r({type:String,attribute:"lazy-label-field"})],n.prototype,"lazyLabelField",void 0);s([r({type:String,attribute:"lazy-href-field"})],n.prototype,"lazyHrefField",void 0);s([r({type:String,attribute:"lazy-has-children-field"})],n.prototype,"lazyHasChildrenField",void 0);s([r({type:String,attribute:"lazy-has-link-field"})],n.prototype,"lazyHasLinkField",void 0);s([r({type:String,reflect:!0})],n.prototype,"spacing",void 0);s([r({type:String,attribute:"spacing-top",reflect:!0})],n.prototype,"spacingTop",void 0);s([r({type:String,attribute:"spacing-bottom",reflect:!0})],n.prototype,"spacingBottom",void 0);s([r({type:String,attribute:"spacing-left",reflect:!0})],n.prototype,"spacingLeft",void 0);s([r({type:String,attribute:"spacing-right",reflect:!0})],n.prototype,"spacingRight",void 0);n=s([f("scb-menu")],n);export{n as ScbMenu};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{f as _,h as y,m as k,p as o,v,y as x}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/ripple.js";import{
|
|
1
|
+
import{f as _,h as y,m as k,p as o,v,y as x}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/ripple.js";import{addLazyFocusRingListeners as S}from"../shared/lazy-focus-ring.js";import{t as n}from"../../vendor/decorate.js";import{renderScbIcon as u}from"../shared/scb-icon-svg.js";import"./scb-nav-item.js";(function(){try{var d=typeof globalThis<"u"?globalThis:window;if(!d.__scb_ce_guard_installed__){d.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,i,s){try{customElements.get(e)||t(e,i,s)}catch(c){var r=String(c||"");if(r.indexOf("already been used")===-1&&r.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var h,f={fromAttribute(d){return d===null?!1:d.toLowerCase()!=="false"}},a=(h=class extends y{constructor(...t){super(...t),this.__itemsEl=null,this.__resizeObserver=null,this.__resizeRaf=null,this.__canScrollLeft=!1,this.__canScrollRight=!1,this.label="",this.activeHref="",this.activateOnClick=!0,this.scrollShadow=!1,this.leftScrollButtonLabel="Scrolla vänster",this.rightScrollButtonLabel="Scrolla höger",this.sticky=!1,this.stickyTop="0px",this.stickyZIndex=5,this.stickyBackground="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.__autoAriaLabel=!1,this.__itemIdPrefix=`scb-nav-${Math.random().toString(36).slice(2)}`,this.__itemIdCounter=0,this.__onSlotChange=async()=>{await this.__decorateItems(),this.__applyActiveHref(),this.__scheduleScrollControlUpdate()},this.__scrollLeft=()=>{this.__scrollBy(-this.__getScrollStep())},this.__scrollRight=()=>{this.__scrollBy(this.__getScrollStep())},this.__onWheel=e=>{if(e.ctrlKey)return;const i=this.__itemsEl;if(!i)return;const s=i.scrollWidth-i.clientWidth;if(s<=1)return;const r=this.__normalizeWheelDelta(e);if(r===0)return;const c=Math.max(0,Math.min(s,i.scrollLeft+r));c!==i.scrollLeft&&(e.preventDefault(),i.scrollLeft=c,this.__updateScrollControls())},this.__onItemsScroll=()=>{this.__updateScrollControls()},this.__onClick=e=>{const i=e.composedPath().find(r=>r instanceof HTMLElement&&(r.tagName==="A"||r.tagName==="BUTTON"||r.tagName==="SCB-NAV-ITEM"));if(!i)return;const s=this.__getItemHref(i);this.dispatchEvent(new CustomEvent("scb-nav-select",{bubbles:!0,composed:!0,detail:{item:i,href:s}})),this.dispatchEvent(new CustomEvent("scbnavselect",{bubbles:!0,composed:!0,detail:{item:i,href:s}})),this.activateOnClick&&s&&(this.activeHref=s)}}mapSpacingToken(t){if(!t)return;const e=String(t).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}__applySpacing(){const t=this.mapSpacingToken(this.spacing),e=this.mapSpacingToken(this.spacingTop)??t,i=this.mapSpacingToken(this.spacingBottom)??t,s=this.mapSpacingToken(this.spacingLeft),r=this.mapSpacingToken(this.spacingRight);e?this.style.setProperty("--scb-nav-spacing-block-start",e):this.style.removeProperty("--scb-nav-spacing-block-start"),i?this.style.setProperty("--scb-nav-spacing-block-end",i):this.style.removeProperty("--scb-nav-spacing-block-end"),s?this.style.setProperty("--scb-nav-spacing-inline-start",s):this.style.removeProperty("--scb-nav-spacing-inline-start"),r?this.style.setProperty("--scb-nav-spacing-inline-end",r):this.style.removeProperty("--scb-nav-spacing-inline-end")}__syncStickyStyles(){if(!this.sticky){this.style.removeProperty("--_scb-nav-sticky-top"),this.style.removeProperty("--_scb-nav-sticky-z-index"),this.style.removeProperty("--_scb-nav-sticky-background");return}const t=(this.stickyTop||"").trim()||"0px";this.style.setProperty("--_scb-nav-sticky-top",t);const e=Number.isFinite(this.stickyZIndex)?this.stickyZIndex:5;this.style.setProperty("--_scb-nav-sticky-z-index",String(e));const i=(this.stickyBackground||"").trim();if(!i){this.style.removeProperty("--_scb-nav-sticky-background");return}const s=i.startsWith("--")?`var(${i})`:i;this.style.setProperty("--_scb-nav-sticky-background",s)}connectedCallback(){super.connectedCallback(),this.__removeLazyFocusRingListeners=S(this,this.renderRoot),this.hasAttribute("role")||this.setAttribute("role","navigation"),this.__syncStickyStyles(),this.__syncAriaLabel()}disconnectedCallback(){this.__removeLazyFocusRingListeners?.(),this.__removeLazyFocusRingListeners=void 0,this.__itemsEl?.removeEventListener("scroll",this.__onItemsScroll),this.__itemsEl=null,this.__resizeObserver?.disconnect(),this.__resizeObserver=null,this.__resizeRaf!==null&&(cancelAnimationFrame(this.__resizeRaf),this.__resizeRaf=null),super.disconnectedCallback()}async firstUpdated(){this.__itemsEl=this.renderRoot.querySelector(".scb-nav__items"),this.__itemsEl&&this.__itemsEl.addEventListener("scroll",this.__onItemsScroll,{passive:!0}),this.__resizeObserver=new ResizeObserver(()=>{this.__scheduleScrollControlUpdate()}),this.__resizeObserver.observe(this),this.__itemsEl&&this.__resizeObserver.observe(this.__itemsEl),await this.__decorateItems(),this.__applyActiveHref(),this.__applySpacing(),this.__scheduleScrollControlUpdate(),document.fonts?.ready?.then(()=>{this.isConnected&&this.__scheduleScrollControlUpdate()})}updated(t){t.has("label")&&this.__syncAriaLabel(),(t.has("sticky")||t.has("stickyTop")||t.has("stickyZIndex")||t.has("stickyBackground"))&&this.__syncStickyStyles(),t.has("activeHref")&&this.__applyActiveHref(),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&this.__applySpacing()}__syncAriaLabel(){if(this.hasAttribute("aria-label")){this.__autoAriaLabel=!1;return}const t=(this.label||"").trim();if(!t){this.__autoAriaLabel&&(this.removeAttribute("aria-label"),this.__autoAriaLabel=!1);return}this.setAttribute("aria-label",t),this.__autoAriaLabel=!0}async __decorateItems(){const t=this.__getSlottedItems();if(t.some(e=>e.tagName==="A"||e.tagName==="BUTTON"||e.tagName==="SCB-NAV-ITEM"))for(const e of t){const i=e instanceof HTMLAnchorElement,s=e instanceof HTMLButtonElement,r=e.tagName==="SCB-NAV-ITEM";if(!i&&!s&&!r||(s&&!e.hasAttribute("type")&&e.setAttribute("type","button"),e.getAttribute("data-scb-nav-decorated")==="true"))continue;e.id||(this.__itemIdCounter+=1,e.id=`${this.__itemIdPrefix}-${this.__itemIdCounter}`);const c=p=>{const g=e.querySelector(p);if(g instanceof HTMLElement)return g;const m=document.createElement(p);return e.appendChild(m),m},b=c("md-ripple");b&&b.style.setProperty("--md-ripple-focus-opacity","0");const l=c("md-focus-ring");l&&(l.setAttribute("inward",""),l.setAttribute("for",e.id),l.style.position="absolute",l.style.inset="0",l.style.pointerEvents="none",l.style.borderRadius="var(--scb-nav-design-item-radius-medium)"),e.setAttribute("data-scb-nav-decorated","true")}}__getSlottedItems(){const t=this.renderRoot.querySelector("slot");return t?t.assignedElements({flatten:!0}).filter(e=>e instanceof HTMLElement):[]}__getItemHref(t){return t instanceof HTMLAnchorElement?(t.getAttribute("href")||"").trim():t.tagName==="SCB-NAV-ITEM"?(t.getAttribute("href")||t.getAttribute("data-href")||t.href||t.dataHref||"").trim():(t.getAttribute("data-href")||"").trim()}__applyActiveHref(){const t=(this.activeHref||"").trim(),e=this.__getSlottedItems();for(const i of e){const s=i instanceof HTMLAnchorElement,r=i instanceof HTMLButtonElement,c=i.tagName==="SCB-NAV-ITEM";if(!s&&!r&&!c)continue;r&&!i.hasAttribute("type")&&i.setAttribute("type","button");const b=this.__getItemHref(i);t&&b===t?(i.setAttribute("aria-current","location"),i.setAttribute("data-scb-nav-managed","true"),i.setAttribute("data-active","true")):(i.getAttribute("data-scb-nav-managed")==="true"&&(i.removeAttribute("aria-current"),i.removeAttribute("data-scb-nav-managed")),i.removeAttribute("data-active"))}}__getScrollStep(){const t=this.__itemsEl;return t?Math.max(Math.round(t.clientWidth*.8),120):200}__scrollBy(t){this.__itemsEl?.scrollBy({left:t,behavior:"smooth"})}__normalizeWheelDelta(t){const e=this.__itemsEl,i=Math.abs(t.deltaX)>Math.abs(t.deltaY)?t.deltaX:t.deltaY;return e?t.deltaMode===WheelEvent.DOM_DELTA_LINE?i*16:t.deltaMode===WheelEvent.DOM_DELTA_PAGE?i*e.clientWidth:i:i}__scheduleScrollControlUpdate(){this.__resizeRaf===null&&(this.__resizeRaf=requestAnimationFrame(()=>{this.__resizeRaf=null,this.__updateScrollControls()}))}__updateScrollControls(){const t=this.__itemsEl;if(!t){this.__canScrollLeft=!1,this.__canScrollRight=!1,this.toggleAttribute("data-scroll-left",!1),this.toggleAttribute("data-scroll-right",!1);return}const e=t.scrollLeft>0,i=t.scrollLeft+t.clientWidth<t.scrollWidth-1;this.__canScrollLeft=e,this.__canScrollRight=i,this.toggleAttribute("data-scroll-left",e),this.toggleAttribute("data-scroll-right",i)}render(){return v`
|
|
2
2
|
<div class="scb-nav">
|
|
3
3
|
${this.__canScrollLeft?v`
|
|
4
4
|
<button
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{f as d,h as S,m as T,p as e,v as g,y as $}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import{
|
|
1
|
+
import{f as d,h as S,m as T,p as e,v as g,y as $}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import{componentSizeToken as C}from"../shared/component-size-token.js";import{t as i}from"../../vendor/decorate.js";import{t as H}from"../../vendor/assertClassBrand.js";import{t as B}from"../../vendor/classPrivateMethodInitSpec.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-icon/scb-icon.js";(function(){try{var r=typeof globalThis<"u"?globalThis:window;if(!r.__scb_ce_guard_installed__){r.__scb_ce_guard_installed__=!0;var n=customElements.define.bind(customElements);customElements.define=function(o,a,s){try{customElements.get(o)||n(o,a,s)}catch(l){var c=String(l||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var h,b,E={fromAttribute:r=>r??"",toAttribute:r=>typeof r!="string"||r.trim()===""?null:r},t=(h=new WeakSet,b=class extends S{constructor(...n){super(...n),B(this,h),this.variant="success",this.direction="horizontal",this.title="",this.notificationCardTitle="",this.subtitle="",this.supportingText="",this.open=!1,this.linkText="",this.linkHref="#",this.href="",this.showIcon=!1,this.showCloseButton=!1,this.closeLabel="Stäng meddelande",this.sizing="",this.width="",this.maxWidth="",this.height="",this.maxHeight="",this.fullHeight=!1,this.fullWidth=!1,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.__hasHeading=!1,this.__hasSubtitle=!1,this.__hasSupportingText=!1,this.__hasFooter=!1,this.__hasIcon=!1,this._closeNotification=()=>{this.open=!1;const o=new CustomEvent("openchange",{detail:{open:this.open},bubbles:!0,composed:!0});this.dispatchEvent(o);const a=new CustomEvent("notification-close",{detail:{open:this.open},bubbles:!0,composed:!0});this.dispatchEvent(a);const s=new CustomEvent("close",{detail:{open:this.open},bubbles:!0,composed:!0});this.dispatchEvent(s);const c=new CustomEvent("Close",{detail:{open:this.open},bubbles:!0,composed:!0});this.dispatchEvent(c)},this.__syncSlots=()=>{this.__hasHeading=this.__slotHasContent("heading"),this.__hasSubtitle=this.__slotHasContent("subtitle"),this.__hasSupportingText=this.__slotHasContent("supporting-text"),this.__hasFooter=this.__slotHasContent("footer"),this.__hasIcon=this.__slotHasContent("icon")}}_iconForVariant(){switch(this.variant){case"success":return"check_circle";case"error":return"error";case"warning":return"warning";default:return"info"}}__resolveSpacingToken(n){const o=(n??"").trim();return o?/^\d+$/.test(o)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(o,10)))})`:o:""}__applySpacing(){const n=this.__resolveSpacingToken(this.spacingTop||this.spacing),o=this.__resolveSpacingToken(this.spacingBottom||this.spacing),a=this.__resolveSpacingToken(this.spacingLeft||this.spacing),s=this.__resolveSpacingToken(this.spacingRight||this.spacing);n?this.style.marginBlockStart=n:this.style.removeProperty("margin-block-start"),o?this.style.marginBlockEnd=o:this.style.removeProperty("margin-block-end"),a?this.style.marginInlineStart=a:this.style.removeProperty("margin-inline-start"),s?this.style.marginInlineEnd=s:this.style.removeProperty("margin-inline-end")}__hasLightDomSlot(n){return Array.from(this.children).some(o=>o.getAttribute("slot")===n)}__slotHasContent(n){return!!this.renderRoot?.querySelector(`slot[name="${n}"]`)?.assignedNodes({flatten:!0}).some(a=>a.nodeType===Node.TEXT_NODE?!!a.textContent?.trim():!0)}updated(n){super.updated(n),n.has("width")&&(this.width&&this.width.trim()!==""?this.style.inlineSize=this.width:this.style.removeProperty("inline-size")),n.has("maxWidth")&&(this.maxWidth&&this.maxWidth.trim()!==""?this.style.maxInlineSize=this.maxWidth:this.style.removeProperty("max-inline-size")),n.has("height")&&(this.height&&this.height.trim()!==""?this.style.blockSize=this.height:this.style.removeProperty("block-size")),n.has("maxHeight")&&(this.maxHeight&&this.maxHeight.trim()!==""?this.style.maxBlockSize=this.maxHeight:this.style.removeProperty("max-block-size")),(n.has("spacing")||n.has("spacingTop")||n.has("spacingBottom")||n.has("spacingLeft")||n.has("spacingRight"))&&this.__applySpacing()}render(){const n=this.direction==="vertical"?"vertical":"horizontal",o=this.__hasHeading||this.__hasLightDomSlot("heading"),a=this.__hasSubtitle||this.__hasLightDomSlot("subtitle"),s=this.__hasSupportingText||this.__hasLightDomSlot("supporting-text"),c=this.__hasFooter||this.__hasLightDomSlot("footer"),l=I.call(H(h,this)),v=this.subtitle,u=this.supportingText,p=o||!!l,f=a||!!v,m=s||!!u,y=c||!!this.linkText,x=!!(p||f),w=!!(m&&!p&&!f&&!y),k=!!(this.showIcon||this.__hasIcon||this.__hasLightDomSlot("icon")),_=this.linkHref&&this.linkHref!=="#"?this.linkHref:this.href||this.linkHref,z=this.variant==="success"?"--_icon-color: var(--scb-notification-card-success-content-color, var(--md-sys-color-on-success-container, var(--t-30)));":this.variant==="error"?"--_icon-color: var(--scb-notification-card-error-content-color, var(--md-sys-color-on-error-container, var(--e-30)));":this.variant==="warning"?"--_icon-color: var(--scb-notification-card-warning-content-color, var(--md-sys-color-on-warning-container, var(--w-20)));":"--_icon-color: var(--scb-notification-card-info-content-color, var(--md-sys-color-on-info-container, var(--p-30)));";return g`
|
|
2
2
|
<div class="notification" type=${this.variant} role="alert" aria-live="assertive" aria-atomic="true">
|
|
3
3
|
<div class="notification-main ${n}">
|
|
4
4
|
${k?g`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{h as p,m as b,p as m,v as r,y as d}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import"../../vendor/ripple.js";import{
|
|
1
|
+
import{h as p,m as b,p as m,v as r,y as d}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import"../../vendor/ripple.js";import{ensureFocusRingOnFocusVisible as v}from"../shared/lazy-focus-ring.js";import{t as a}from"../../vendor/decorate.js";import"../scb-divider/scb-divider.js";(function(){try{var c=typeof globalThis<"u"?globalThis:window;if(!c.__scb_ce_guard_installed__){c.__scb_ce_guard_installed__=!0;var i=customElements.define.bind(customElements);customElements.define=function(t,e,s){try{customElements.get(t)||i(t,e,s)}catch(l){var n=String(l||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var u,o=(u=class extends p{constructor(...i){super(...i),this.label="",this.hasSubMenu=!1,this.openLeft=!1,this.divider=!1,this.leadingIcon="",this.trailingIcon="",this.itemHref="",this.href="",this._observedSubMenu=null,this._syncSubMenuFlags=()=>{const t=this.nextElementSibling,e=!!(t&&t.tagName==="SCB-OPTIONS-SUB-MENU"),s=!!(e&&t.hasAttribute("open-left"));e!==this.hasSubMenu&&(this.hasSubMenu=e),s!==this.openLeft&&(this.openLeft=s);const n=e?t:null;n!==this._observedSubMenu&&(this._subMenuAttrObserver?.disconnect(),this._subMenuAttrObserver=void 0,this._observedSubMenu=n,n&&(this._subMenuAttrObserver=new MutationObserver(()=>this._syncSubMenuFlags()),this._subMenuAttrObserver.observe(n,{attributes:!0,attributeFilter:["open-left"]})))},this.handleClick=t=>{this._effectiveHref?this._navigateToHref(t):this._toggleSubMenu()},this._onBlur=t=>{const e=this.closest("scb-options-sub-menu");if(e&&e.open){const s=t.relatedTarget;(!s||!e.contains(s))&&(e.dispatchEvent(new CustomEvent("hide-submenu",{bubbles:!0,composed:!0})),e.dispatchEvent(new CustomEvent("hidesubmenu",{bubbles:!0,composed:!0})))}},this._onFocus=()=>{const t=this.nextElementSibling;this.classList.contains("open-submenu")&&(t&&t.tagName==="SCB-OPTIONS-SUB-MENU"&&t.hasAttribute("open")||this.classList.remove("open-submenu"))},this._onKeyDown=t=>{if(t.key==="Enter"||t.key===" "){t.preventDefault(),this.handleClick(t);return}if(t.key==="ArrowDown"){t.preventDefault();let e=this.nextElementSibling;for(;e&&e.tagName!=="SCB-OPTIONS-MENU-ITEM";)e=e.nextElementSibling;e&&e.shadowRoot?.querySelector("li")?.focus();return}if(t.key==="ArrowUp"){t.preventDefault();let e=this.previousElementSibling;for(;e&&e.tagName!=="SCB-OPTIONS-MENU-ITEM";)e=e.previousElementSibling;e&&e.shadowRoot?.querySelector("li")?.focus();return}if(t.key==="ArrowRight"){t.preventDefault();const e=this.nextElementSibling;e&&e.tagName==="SCB-OPTIONS-SUB-MENU"&&(e.hasAttribute("open")||(this._toggleSubMenu(),e.dispatchEvent(new CustomEvent("show-submenu",{bubbles:!0,composed:!0})),e.dispatchEvent(new CustomEvent("showsubmenu",{bubbles:!0,composed:!0}))),setTimeout(()=>{const s=e.querySelector("scb-options-menu-item");s&&s.shadowRoot?.querySelector("li")?.focus()},0));return}if(t.key==="ArrowLeft"){t.preventDefault();const e=this.nextElementSibling;if(e&&e.tagName==="SCB-OPTIONS-SUB-MENU"&&e.hasAttribute("open")){this._toggleSubMenu(),e.dispatchEvent(new CustomEvent("hide-submenu",{bubbles:!0,composed:!0})),e.dispatchEvent(new CustomEvent("hidesubmenu",{bubbles:!0,composed:!0}));return}const s=this.closest("scb-options-sub-menu");if(s){const n=s.previousElementSibling;n&&n.tagName==="SCB-OPTIONS-MENU-ITEM"&&n.shadowRoot?.querySelector("li")?.focus()}return}}}get _effectiveHref(){return this.itemHref||this.href}connectedCallback(){super.connectedCallback(),this._syncSubMenuFlags(),this._subMenuChildObserver??(this._subMenuChildObserver=new MutationObserver(()=>this._syncSubMenuFlags())),this._subMenuChildObserver.disconnect();const i=this.parentElement;i&&this._subMenuChildObserver.observe(i,{childList:!0})}disconnectedCallback(){this._subMenuChildObserver?.disconnect(),this._subMenuAttrObserver?.disconnect(),this._subMenuChildObserver=void 0,this._subMenuAttrObserver=void 0,this._observedSubMenu=null,super.disconnectedCallback()}render(){return r`
|
|
2
2
|
${this.divider?r`<scb-divider></scb-divider>`:""}
|
|
3
3
|
<li @click=${this.handleClick} @keydown=${this._onKeyDown} @blur=${this._onBlur} @focus=${this._onFocus} @focusin=${v} role="menuitem" tabindex="0">
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{a as z,h as E,m as S,p,v as T,y as P}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as C}from"../../vendor/component-defaults.js";import{t as a}from"../../vendor/decorate.js";import{
|
|
1
|
+
import{a as z,h as E,m as S,p,v as T,y as P}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as C}from"../../vendor/component-defaults.js";import{t as a}from"../../vendor/decorate.js";import{closeManualPopover as f,closeManualPopoverAfterAnimations as M,closeNestedPopupSurfaces as A,isManualPopoverOpen as O,openManualPopover as B}from"../shared/manual-popover.js";import"./scb-options-menu-item.js";import"./scb-options-sub-menu.js";(function(){try{var m=typeof globalThis<"u"?globalThis:window;if(!m.__scb_ce_guard_installed__){m.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,i,s){try{customElements.get(e)||t(e,i,s)}catch(l){var n=String(l||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var h,o=(h=class extends E{constructor(...t){super(...t),this.open=!1,this.size=C["scb-options-menu"].size,this.inSb=!1,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.__lastTriggerEl=null,this.__onViewportChange=()=>{this.open&&this.__positionToTrigger()},this.__onDocumentClick=e=>{const i=this.__getActionFromEvent(e);if(i){i==="open"&&this.__setOpen(!0),i==="close"&&this.__setOpen(!1),i==="toggle"&&(this.__setOpen(!this.open),this.dispatchEvent(new CustomEvent("toggle",{bubbles:!0,composed:!0}))),e.stopPropagation();return}if(!this.inSb&&this.open&&!this.isClickInScbMenu(e)){this.__setOpen(!1);return}},this.__onDocumentKeydown=e=>{if(this.open&&e.key==="Escape"){e.preventDefault(),e.stopPropagation(),this.__setOpen(!1);return}}}firstUpdated(){this.__applySpacing()}render(){return T`
|
|
2
2
|
<div
|
|
3
3
|
role="menu"
|
|
4
4
|
aria-label=${z(this.getAttribute("aria-label")??void 0)}
|
|
@@ -6,4 +6,4 @@ import{a as z,h as E,m as S,p,v as T,y as P}from"../../vendor/vendor.js";import"
|
|
|
6
6
|
>
|
|
7
7
|
<slot></slot>
|
|
8
8
|
</div>
|
|
9
|
-
`}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.__onDocumentClick,!1),document.addEventListener("keydown",this.__onDocumentKeydown,!0),window.addEventListener("resize",this.__onViewportChange,{passive:!0}),window.addEventListener("scroll",this.__onViewportChange,{passive:!0,capture:!0})}disconnectedCallback(){document.removeEventListener("click",this.__onDocumentClick,!1),document.removeEventListener("keydown",this.__onDocumentKeydown,!0),window.removeEventListener("resize",this.__onViewportChange),window.removeEventListener("scroll",this.__onViewportChange,!0),f(this.shadowRoot?.querySelector(".scb-options-menu-panel")??null),super.disconnectedCallback()}__setOpen(t){this.open=t}__getActionFromEvent(t){if(!this.id)return null;const e=t.composedPath();for(const s of e)if(s instanceof Element){if(s.getAttribute("data-menu-open")===this.id)return this.__lastTriggerEl=s,"open";if(s.getAttribute("data-menu-close")===this.id)return this.__lastTriggerEl=s,"close";if(s.getAttribute("data-menu-toggle")===this.id)return this.__lastTriggerEl=s,"toggle";if(s.getAttribute("aria-controls")===this.id)return this.__lastTriggerEl=s,"toggle"}return null}isClickInScbMenu(t){return t.composedPath().some(e=>e instanceof Element&&(e.tagName==="SCB-OPTIONS-MENU"||e.tagName==="SCB-OPTIONS-SUB-MENU"))}updated(t){t.has("open")&&(this.__applyOpenSideEffects(),this.open?this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0})):this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&this.__applySpacing()}__applyOpenSideEffects(){if(this.__updateTriggersExpanded(),this.open)this.__lastTriggerEl&&!this.closest("scb-dropdown")&&M(this.shadowRoot?.querySelector(".scb-options-menu-panel")??null),this.__positionToTrigger();else{B(this);const t=this.shadowRoot?.querySelector(".scb-options-menu-panel")??null,e=()=>{t?.style.removeProperty("max-height"),t?.style.removeProperty("overflow-x"),t?.style.removeProperty("overflow-y")};A(t)?O(t,e):(f(t),e()),this.__restoreFocusToTrigger()}}__positionToTrigger(){if(!this.open||!this.__lastTriggerEl)return;const t=this.__lastTriggerEl,e=this.shadowRoot?.querySelector(".scb-options-menu-panel");e&&requestAnimationFrame(()=>{if(!this.open)return;const s=t.getBoundingClientRect(),i=e.getBoundingClientRect(),n=window.innerWidth,l=window.innerHeight,r=8,g=4,d=e.offsetWidth||i.width;let c=getComputedStyle(this).getPropertyValue("--scb-options-menu-inline-align").trim()==="end"?s.right-d:s.left;const v=e.scrollHeight||e.offsetHeight||i.height;c+d>n-r&&(c=Math.max(r,n-r-d)),c<r&&(c=r);const u=Math.max(0,l-s.bottom-g-r),y=Math.max(0,s.top-g-r),b=v>u&&y>u,x=b?y:u,_=Math.min(v,x),k=b?Math.max(r,s.top-g-_):s.bottom+g,w=b?"bottom":"top";e.style.position="fixed",e.style.left=`${Math.round(c)}px`,e.style.top=`${Math.round(k)}px`,e.style.maxHeight=`min(var(--scb-options-menu-max-height), ${Math.floor(x)}px)`,e.style.overflowX="hidden",e.style.overflowY="auto",this.style.setProperty("--scb-options-menu-transform-origin",w)})}__restoreFocusToTrigger(){this.__lastTriggerEl&&requestAnimationFrame(()=>{this.__lastTriggerEl?.focus?.({preventScroll:!0})})}__updateTriggersExpanded(){if(!this.id)return;const t=String(this.open),e=s=>{const i=s.getAttribute("aria-controls")===this.id,n=s.getAttribute("data-menu-open")===this.id||s.getAttribute("data-menu-toggle")===this.id;(i||n)&&(i||s.setAttribute("aria-controls",this.id),s.setAttribute("aria-expanded",t))};this.__lastTriggerEl&&e(this.__lastTriggerEl),document.querySelectorAll(`[aria-controls="${this.id}"], [data-menu-open="${this.id}"], [data-menu-close="${this.id}"], [data-menu-toggle="${this.id}"]`).forEach(e)}__applySpacing(){const t=this.__mapSpacingToken(this.spacing),e=this.__mapSpacingToken(this.spacingTop)??t,s=this.__mapSpacingToken(this.spacingBottom)??t,i=this.__mapSpacingToken(this.spacingLeft),n=this.__mapSpacingToken(this.spacingRight);e?this.style.setProperty("--scb-options-menu-spacing-block-start",e):this.style.removeProperty("--scb-options-menu-spacing-block-start"),s?this.style.setProperty("--scb-options-menu-spacing-block-end",s):this.style.removeProperty("--scb-options-menu-spacing-block-end"),i?this.style.setProperty("--scb-options-menu-spacing-inline-start",i):this.style.removeProperty("--scb-options-menu-spacing-inline-start"),n?this.style.setProperty("--scb-options-menu-spacing-inline-end",n):this.style.removeProperty("--scb-options-menu-spacing-inline-end")}__mapSpacingToken(t){if(!t)return;const e=String(t).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}},h.styles=P`:host{position:absolute;display:block;width:fit-content;font-family:var(--brand-font);--scb-options-menu-max-width:300px;--scb-options-menu-max-height:600px;--scb-options-sub-menu-offset-top:var(--scb-menu-item-sub-menu-offset-top-large, -44px);z-index:var(--scb-layer-menu, 1000);margin-block-start:var(--scb-options-menu-spacing-block-start, 0);margin-block-end:var(--scb-options-menu-spacing-block-end, 0);margin-inline-start:var(--scb-options-menu-spacing-inline-start, 0);margin-inline-end:var(--scb-options-menu-spacing-inline-end, 0);pointer-events:none}:host([open]){pointer-events:auto}:host>.scb-options-menu-panel[popover]{box-sizing:border-box;margin:0;border:0;inset:auto}:host([size='medium']){--scb-options-sub-menu-offset-top:var(--scb-menu-item-sub-menu-offset-top-medium, -40px)}:host([size='small']){--scb-options-sub-menu-offset-top:var(--scb-menu-item-sub-menu-offset-top-small, -32px)}:host>.scb-options-menu-panel{padding:var(--scb-options-menu-panel-padding-block, var(--scb-options-menu-design-panel-padding-block))0;color:var(--scb-options-menu-panel-content-color, var(--md-sys-color-on-surface));border-radius:var(--scb-options-menu-panel-radius, var(--scb-options-menu-design-panel-radius));box-shadow:var(--scb-options-menu-shadow, var(--scb-shadow-menu));background:var(--scb-options-menu-panel-surface-color, var(--md-sys-color-surface, var(--nv-100)));opacity:0;visibility:hidden;max-width:var(--scb-options-menu-max-width);max-height:var(--scb-options-menu-max-height);min-width:112px;overflow:visible;pointer-events:none;transform:scaleY(.8);transform-origin:var(--scb-options-menu-transform-origin, top);transition:opacity .25s cubic-bezier(.23,1,.32,1),transform .32s cubic-bezier(.23,1,.32,1),visibility 0s linear .32s;will-change:opacity,transform}:host>.scb-options-menu-panel.open{opacity:1;visibility:visible;transform:scaleY(1);pointer-events:auto;transition:opacity .25s cubic-bezier(.23,1,.32,1),transform .32s cubic-bezier(.23,1,.32,1),visibility 0s linear 0s}:host{--scb-options-menu-design-panel-padding-block-small:var(--scb-menu-item-panel-padding-block-small, var(--spacing-3, 8px));--scb-options-menu-design-panel-padding-block-medium:var(--scb-menu-item-panel-padding-block-medium, var(--spacing-3, 8px));--scb-options-menu-design-panel-padding-block-large:var(--scb-menu-item-panel-padding-block-large, var(--spacing-3, 8px));--scb-options-menu-design-panel-padding-block:var(--scb-options-menu-design-panel-padding-block-large);--scb-options-menu-design-panel-radius-small:var(--scb-options-menu-panel-radius-small, var(--radius-small, 8px));--scb-options-menu-design-panel-radius-medium:var(--scb-options-menu-panel-radius-medium, var(--radius-small, 8px));--scb-options-menu-design-panel-radius-large:var(--scb-options-menu-panel-radius-large, var(--radius-small, 8px));--scb-options-menu-design-panel-radius:var(--scb-options-menu-design-panel-radius-large)}:host([size="small"]){--scb-options-menu-design-panel-padding-block:var(--scb-options-menu-design-panel-padding-block-small);--scb-options-menu-design-panel-radius:var(--scb-options-menu-design-panel-radius-small)}:host([size="medium"]){--scb-options-menu-design-panel-padding-block:var(--scb-options-menu-design-panel-padding-block-medium);--scb-options-menu-design-panel-radius:var(--scb-options-menu-design-panel-radius-medium)}:host([size="large"]){--scb-options-menu-design-panel-padding-block:var(--scb-options-menu-design-panel-padding-block-large);--scb-options-menu-design-panel-radius:var(--scb-options-menu-design-panel-radius-large)}:host{--scb-options-menu-item-design-item-height:var(--scb-menu-item-height-large, var(--scale-12, 56px));--scb-options-menu-item-design-item-padding-block:var(--scb-menu-item-padding-block-large, var(--spacing-3, 8px));--scb-options-menu-item-design-padding-inline:var(--scb-menu-item-padding-inline-large, var(--spacing-5, 16px));--scb-options-menu-item-design-item-radius:var(--scb-options-menu-item-radius-large, var(--radius-none, 0px));--scb-options-menu-item-design-text-font:var(--scb-options-menu-text-large-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))));--scb-options-menu-item-design-text-size:var(--scb-options-menu-text-large-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)));--scb-options-menu-item-design-text-line-height:var(--scb-options-menu-text-large-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)));--scb-options-menu-item-design-text-tracking:var(--scb-options-menu-text-large-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))));--scb-options-menu-item-design-text-weight:var(--scb-options-menu-text-large-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))));--scb-options-menu-item-design-text-letter-spacing:var(--scb-options-menu-text-large-letter-spacing, var(--scb-options-menu-text-large-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))));--scb-options-menu-item-design-text-font-weight:var(--scb-options-menu-text-large-font-weight, var(--scb-options-menu-text-large-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))));--scb-options-menu-item-design-icon:var(--scb-menu-item-icon-size-large, var(--icon-size-small, 20px));--scb-options-menu-item-design-gap:var(--scb-menu-item-gap-large, var(--spacing-4, 12px))}:host([size="small"]){--scb-options-menu-item-design-item-height:var(--scb-menu-item-height-small, var(--scale-10, 40px));--scb-options-menu-item-design-item-padding-block:var(--scb-menu-item-padding-block-small, 7px);--scb-options-menu-item-design-padding-inline:var(--scb-menu-item-padding-inline-small, var(--spacing-5, 16px));--scb-options-menu-item-design-item-radius:var(--scb-options-menu-item-radius-small, var(--radius-none, 0px));--scb-options-menu-item-design-text-font:var(--scb-options-menu-text-small-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))));--scb-options-menu-item-design-text-size:var(--scb-options-menu-text-small-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)));--scb-options-menu-item-design-text-line-height:var(--scb-options-menu-text-small-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)));--scb-options-menu-item-design-text-tracking:var(--scb-options-menu-text-small-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))));--scb-options-menu-item-design-text-weight:var(--scb-options-menu-text-small-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))));--scb-options-menu-item-design-text-letter-spacing:var(--scb-options-menu-text-small-letter-spacing, var(--scb-options-menu-text-small-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))));--scb-options-menu-item-design-text-font-weight:var(--scb-options-menu-text-small-font-weight, var(--scb-options-menu-text-small-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))));--scb-options-menu-item-design-icon:var(--scb-menu-item-icon-size-small, var(--icon-size-small, 20px));--scb-options-menu-item-design-gap:var(--scb-menu-item-gap-small, var(--spacing-4, 12px))}:host([size="medium"]){--scb-options-menu-item-design-item-height:var(--scb-menu-item-height-medium, var(--scale-11, 48px));--scb-options-menu-item-design-item-padding-block:var(--scb-menu-item-padding-block-medium, var(--spacing-3, 8px));--scb-options-menu-item-design-padding-inline:var(--scb-menu-item-padding-inline-medium, var(--spacing-5, 16px));--scb-options-menu-item-design-item-radius:var(--scb-options-menu-item-radius-medium, var(--radius-none, 0px));--scb-options-menu-item-design-text-font:var(--scb-options-menu-text-medium-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))));--scb-options-menu-item-design-text-size:var(--scb-options-menu-text-medium-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)));--scb-options-menu-item-design-text-line-height:var(--scb-options-menu-text-medium-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)));--scb-options-menu-item-design-text-tracking:var(--scb-options-menu-text-medium-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))));--scb-options-menu-item-design-text-weight:var(--scb-options-menu-text-medium-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))));--scb-options-menu-item-design-text-letter-spacing:var(--scb-options-menu-text-medium-letter-spacing, var(--scb-options-menu-text-medium-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))));--scb-options-menu-item-design-text-font-weight:var(--scb-options-menu-text-medium-font-weight, var(--scb-options-menu-text-medium-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))));--scb-options-menu-item-design-icon:var(--scb-menu-item-icon-size-medium, var(--icon-size-small, 20px));--scb-options-menu-item-design-gap:var(--scb-menu-item-gap-medium, var(--spacing-4, 12px))}:host([size="large"]){--scb-options-menu-item-design-item-height:var(--scb-menu-item-height-large, var(--scale-12, 56px));--scb-options-menu-item-design-item-padding-block:var(--scb-menu-item-padding-block-large, var(--spacing-3, 8px));--scb-options-menu-item-design-padding-inline:var(--scb-menu-item-padding-inline-large, var(--spacing-5, 16px));--scb-options-menu-item-design-item-radius:var(--scb-options-menu-item-radius-large, var(--radius-none, 0px));--scb-options-menu-item-design-text-font:var(--scb-options-menu-text-large-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))));--scb-options-menu-item-design-text-size:var(--scb-options-menu-text-large-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)));--scb-options-menu-item-design-text-line-height:var(--scb-options-menu-text-large-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)));--scb-options-menu-item-design-text-tracking:var(--scb-options-menu-text-large-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))));--scb-options-menu-item-design-text-weight:var(--scb-options-menu-text-large-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))));--scb-options-menu-item-design-text-letter-spacing:var(--scb-options-menu-text-large-letter-spacing, var(--scb-options-menu-text-large-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))));--scb-options-menu-item-design-text-font-weight:var(--scb-options-menu-text-large-font-weight, var(--scb-options-menu-text-large-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))));--scb-options-menu-item-design-icon:var(--scb-menu-item-icon-size-large, var(--icon-size-small, 20px));--scb-options-menu-item-design-gap:var(--scb-menu-item-gap-large, var(--spacing-4, 12px))}:host{--scb-options-sub-menu-design-panel-padding-block:var(--scb-menu-item-panel-padding-block-large, var(--spacing-3, 8px));--scb-options-sub-menu-design-panel-radius:var(--scb-options-menu-panel-radius-large, var(--radius-small, 8px))}:host([size="small"]){--scb-options-sub-menu-design-panel-padding-block:var(--scb-menu-item-panel-padding-block-small, var(--spacing-3, 8px));--scb-options-sub-menu-design-panel-radius:var(--scb-options-menu-panel-radius-small, var(--radius-small, 8px))}:host([size="medium"]){--scb-options-sub-menu-design-panel-padding-block:var(--scb-menu-item-panel-padding-block-medium, var(--spacing-3, 8px));--scb-options-sub-menu-design-panel-radius:var(--scb-options-menu-panel-radius-medium, var(--radius-small, 8px))}:host([size="large"]){--scb-options-sub-menu-design-panel-padding-block:var(--scb-menu-item-panel-padding-block-large, var(--spacing-3, 8px));--scb-options-sub-menu-design-panel-radius:var(--scb-options-menu-panel-radius-large, var(--radius-small, 8px))}`,h);a([p({type:Boolean,reflect:!0})],o.prototype,"open",void 0);a([p({type:String,reflect:!0})],o.prototype,"size",void 0);a([p({type:Boolean,attribute:!1})],o.prototype,"inSb",void 0);a([p({type:String,reflect:!0})],o.prototype,"spacing",void 0);a([p({type:String,attribute:"spacing-top",reflect:!0})],o.prototype,"spacingTop",void 0);a([p({type:String,attribute:"spacing-bottom",reflect:!0})],o.prototype,"spacingBottom",void 0);a([p({type:String,attribute:"spacing-left",reflect:!0})],o.prototype,"spacingLeft",void 0);a([p({type:String,attribute:"spacing-right",reflect:!0})],o.prototype,"spacingRight",void 0);o=a([S("scb-options-menu")],o);
|
|
9
|
+
`}connectedCallback(){super.connectedCallback(),document.addEventListener("click",this.__onDocumentClick,!1),document.addEventListener("keydown",this.__onDocumentKeydown,!0),window.addEventListener("resize",this.__onViewportChange,{passive:!0}),window.addEventListener("scroll",this.__onViewportChange,{passive:!0,capture:!0})}disconnectedCallback(){document.removeEventListener("click",this.__onDocumentClick,!1),document.removeEventListener("keydown",this.__onDocumentKeydown,!0),window.removeEventListener("resize",this.__onViewportChange),window.removeEventListener("scroll",this.__onViewportChange,!0),f(this.shadowRoot?.querySelector(".scb-options-menu-panel")??null),super.disconnectedCallback()}__setOpen(t){this.open=t}__getActionFromEvent(t){if(!this.id)return null;const e=t.composedPath();for(const i of e)if(i instanceof Element){if(i.getAttribute("data-menu-open")===this.id)return this.__lastTriggerEl=i,"open";if(i.getAttribute("data-menu-close")===this.id)return this.__lastTriggerEl=i,"close";if(i.getAttribute("data-menu-toggle")===this.id)return this.__lastTriggerEl=i,"toggle";if(i.getAttribute("aria-controls")===this.id)return this.__lastTriggerEl=i,"toggle"}return null}isClickInScbMenu(t){return t.composedPath().some(e=>e instanceof Element&&(e.tagName==="SCB-OPTIONS-MENU"||e.tagName==="SCB-OPTIONS-SUB-MENU"))}updated(t){t.has("open")&&(this.__applyOpenSideEffects(),this.open?this.dispatchEvent(new CustomEvent("open",{bubbles:!0,composed:!0})):this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&this.__applySpacing()}__applyOpenSideEffects(){if(this.__updateTriggersExpanded(),this.open)this.__lastTriggerEl&&!this.closest("scb-dropdown")&&B(this.shadowRoot?.querySelector(".scb-options-menu-panel")??null),this.__positionToTrigger();else{A(this);const t=this.shadowRoot?.querySelector(".scb-options-menu-panel")??null,e=()=>{t?.style.removeProperty("max-height"),t?.style.removeProperty("overflow-x"),t?.style.removeProperty("overflow-y")};O(t)?M(t,e):(f(t),e()),this.__restoreFocusToTrigger()}}__positionToTrigger(){if(!this.open||!this.__lastTriggerEl)return;const t=this.__lastTriggerEl,e=this.shadowRoot?.querySelector(".scb-options-menu-panel");e&&requestAnimationFrame(()=>{if(!this.open)return;const i=t.getBoundingClientRect(),s=e.getBoundingClientRect(),n=window.innerWidth,l=window.innerHeight,r=8,g=4,d=e.offsetWidth||s.width;let c=getComputedStyle(this).getPropertyValue("--scb-options-menu-inline-align").trim()==="end"?i.right-d:i.left;const v=e.scrollHeight||e.offsetHeight||s.height;c+d>n-r&&(c=Math.max(r,n-r-d)),c<r&&(c=r);const u=Math.max(0,l-i.bottom-g-r),y=Math.max(0,i.top-g-r),b=v>u&&y>u,x=b?y:u,_=Math.min(v,x),k=b?Math.max(r,i.top-g-_):i.bottom+g,w=b?"bottom":"top";e.style.position="fixed",e.style.left=`${Math.round(c)}px`,e.style.top=`${Math.round(k)}px`,e.style.maxHeight=`min(var(--scb-options-menu-max-height), ${Math.floor(x)}px)`,e.style.overflowX="hidden",e.style.overflowY="auto",this.style.setProperty("--scb-options-menu-transform-origin",w)})}__restoreFocusToTrigger(){this.__lastTriggerEl&&requestAnimationFrame(()=>{this.__lastTriggerEl?.focus?.({preventScroll:!0})})}__updateTriggersExpanded(){if(!this.id)return;const t=String(this.open),e=i=>{const s=i.getAttribute("aria-controls")===this.id,n=i.getAttribute("data-menu-open")===this.id||i.getAttribute("data-menu-toggle")===this.id;(s||n)&&(s||i.setAttribute("aria-controls",this.id),i.setAttribute("aria-expanded",t))};this.__lastTriggerEl&&e(this.__lastTriggerEl),document.querySelectorAll(`[aria-controls="${this.id}"], [data-menu-open="${this.id}"], [data-menu-close="${this.id}"], [data-menu-toggle="${this.id}"]`).forEach(e)}__applySpacing(){const t=this.__mapSpacingToken(this.spacing),e=this.__mapSpacingToken(this.spacingTop)??t,i=this.__mapSpacingToken(this.spacingBottom)??t,s=this.__mapSpacingToken(this.spacingLeft),n=this.__mapSpacingToken(this.spacingRight);e?this.style.setProperty("--scb-options-menu-spacing-block-start",e):this.style.removeProperty("--scb-options-menu-spacing-block-start"),i?this.style.setProperty("--scb-options-menu-spacing-block-end",i):this.style.removeProperty("--scb-options-menu-spacing-block-end"),s?this.style.setProperty("--scb-options-menu-spacing-inline-start",s):this.style.removeProperty("--scb-options-menu-spacing-inline-start"),n?this.style.setProperty("--scb-options-menu-spacing-inline-end",n):this.style.removeProperty("--scb-options-menu-spacing-inline-end")}__mapSpacingToken(t){if(!t)return;const e=String(t).trim();if(e)return/^\d+$/.test(e)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(e,10)))})`:e}},h.styles=P`:host{position:absolute;display:block;width:fit-content;font-family:var(--brand-font);--scb-options-menu-max-width:300px;--scb-options-menu-max-height:600px;--scb-options-sub-menu-offset-top:var(--scb-menu-item-sub-menu-offset-top-large, -44px);z-index:var(--scb-layer-menu, 1000);margin-block-start:var(--scb-options-menu-spacing-block-start, 0);margin-block-end:var(--scb-options-menu-spacing-block-end, 0);margin-inline-start:var(--scb-options-menu-spacing-inline-start, 0);margin-inline-end:var(--scb-options-menu-spacing-inline-end, 0);pointer-events:none}:host([open]){pointer-events:auto}:host>.scb-options-menu-panel[popover]{box-sizing:border-box;margin:0;border:0;inset:auto}:host([size='medium']){--scb-options-sub-menu-offset-top:var(--scb-menu-item-sub-menu-offset-top-medium, -40px)}:host([size='small']){--scb-options-sub-menu-offset-top:var(--scb-menu-item-sub-menu-offset-top-small, -32px)}:host>.scb-options-menu-panel{padding:var(--scb-options-menu-panel-padding-block, var(--scb-options-menu-design-panel-padding-block))0;color:var(--scb-options-menu-panel-content-color, var(--md-sys-color-on-surface));border-radius:var(--scb-options-menu-panel-radius, var(--scb-options-menu-design-panel-radius));box-shadow:var(--scb-options-menu-shadow, var(--scb-shadow-menu));background:var(--scb-options-menu-panel-surface-color, var(--md-sys-color-surface, var(--nv-100)));opacity:0;visibility:hidden;max-width:var(--scb-options-menu-max-width);max-height:var(--scb-options-menu-max-height);min-width:112px;overflow:visible;pointer-events:none;transform:scaleY(.8);transform-origin:var(--scb-options-menu-transform-origin, top);transition:opacity .25s cubic-bezier(.23,1,.32,1),transform .32s cubic-bezier(.23,1,.32,1),visibility 0s linear .32s;will-change:opacity,transform}:host>.scb-options-menu-panel.open{opacity:1;visibility:visible;transform:scaleY(1);pointer-events:auto;transition:opacity .25s cubic-bezier(.23,1,.32,1),transform .32s cubic-bezier(.23,1,.32,1),visibility 0s linear 0s}:host{--scb-options-menu-design-panel-padding-block-small:var(--scb-menu-item-panel-padding-block-small, var(--spacing-3, 8px));--scb-options-menu-design-panel-padding-block-medium:var(--scb-menu-item-panel-padding-block-medium, var(--spacing-3, 8px));--scb-options-menu-design-panel-padding-block-large:var(--scb-menu-item-panel-padding-block-large, var(--spacing-3, 8px));--scb-options-menu-design-panel-padding-block:var(--scb-options-menu-design-panel-padding-block-large);--scb-options-menu-design-panel-radius-small:var(--scb-options-menu-panel-radius-small, var(--radius-small, 8px));--scb-options-menu-design-panel-radius-medium:var(--scb-options-menu-panel-radius-medium, var(--radius-small, 8px));--scb-options-menu-design-panel-radius-large:var(--scb-options-menu-panel-radius-large, var(--radius-small, 8px));--scb-options-menu-design-panel-radius:var(--scb-options-menu-design-panel-radius-large)}:host([size="small"]){--scb-options-menu-design-panel-padding-block:var(--scb-options-menu-design-panel-padding-block-small);--scb-options-menu-design-panel-radius:var(--scb-options-menu-design-panel-radius-small)}:host([size="medium"]){--scb-options-menu-design-panel-padding-block:var(--scb-options-menu-design-panel-padding-block-medium);--scb-options-menu-design-panel-radius:var(--scb-options-menu-design-panel-radius-medium)}:host([size="large"]){--scb-options-menu-design-panel-padding-block:var(--scb-options-menu-design-panel-padding-block-large);--scb-options-menu-design-panel-radius:var(--scb-options-menu-design-panel-radius-large)}:host{--scb-options-menu-item-design-item-height:var(--scb-menu-item-height-large, var(--scale-12, 56px));--scb-options-menu-item-design-item-padding-block:var(--scb-menu-item-padding-block-large, var(--spacing-3, 8px));--scb-options-menu-item-design-padding-inline:var(--scb-menu-item-padding-inline-large, var(--spacing-5, 16px));--scb-options-menu-item-design-item-radius:var(--scb-options-menu-item-radius-large, var(--radius-none, 0px));--scb-options-menu-item-design-text-font:var(--scb-options-menu-text-large-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))));--scb-options-menu-item-design-text-size:var(--scb-options-menu-text-large-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)));--scb-options-menu-item-design-text-line-height:var(--scb-options-menu-text-large-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)));--scb-options-menu-item-design-text-tracking:var(--scb-options-menu-text-large-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))));--scb-options-menu-item-design-text-weight:var(--scb-options-menu-text-large-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))));--scb-options-menu-item-design-text-letter-spacing:var(--scb-options-menu-text-large-letter-spacing, var(--scb-options-menu-text-large-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))));--scb-options-menu-item-design-text-font-weight:var(--scb-options-menu-text-large-font-weight, var(--scb-options-menu-text-large-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))));--scb-options-menu-item-design-icon:var(--scb-menu-item-icon-size-large, var(--icon-size-small, 20px));--scb-options-menu-item-design-gap:var(--scb-menu-item-gap-large, var(--spacing-4, 12px))}:host([size="small"]){--scb-options-menu-item-design-item-height:var(--scb-menu-item-height-small, var(--scale-10, 40px));--scb-options-menu-item-design-item-padding-block:var(--scb-menu-item-padding-block-small, 7px);--scb-options-menu-item-design-padding-inline:var(--scb-menu-item-padding-inline-small, var(--spacing-5, 16px));--scb-options-menu-item-design-item-radius:var(--scb-options-menu-item-radius-small, var(--radius-none, 0px));--scb-options-menu-item-design-text-font:var(--scb-options-menu-text-small-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))));--scb-options-menu-item-design-text-size:var(--scb-options-menu-text-small-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)));--scb-options-menu-item-design-text-line-height:var(--scb-options-menu-text-small-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)));--scb-options-menu-item-design-text-tracking:var(--scb-options-menu-text-small-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))));--scb-options-menu-item-design-text-weight:var(--scb-options-menu-text-small-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))));--scb-options-menu-item-design-text-letter-spacing:var(--scb-options-menu-text-small-letter-spacing, var(--scb-options-menu-text-small-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))));--scb-options-menu-item-design-text-font-weight:var(--scb-options-menu-text-small-font-weight, var(--scb-options-menu-text-small-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))));--scb-options-menu-item-design-icon:var(--scb-menu-item-icon-size-small, var(--icon-size-small, 20px));--scb-options-menu-item-design-gap:var(--scb-menu-item-gap-small, var(--spacing-4, 12px))}:host([size="medium"]){--scb-options-menu-item-design-item-height:var(--scb-menu-item-height-medium, var(--scale-11, 48px));--scb-options-menu-item-design-item-padding-block:var(--scb-menu-item-padding-block-medium, var(--spacing-3, 8px));--scb-options-menu-item-design-padding-inline:var(--scb-menu-item-padding-inline-medium, var(--spacing-5, 16px));--scb-options-menu-item-design-item-radius:var(--scb-options-menu-item-radius-medium, var(--radius-none, 0px));--scb-options-menu-item-design-text-font:var(--scb-options-menu-text-medium-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))));--scb-options-menu-item-design-text-size:var(--scb-options-menu-text-medium-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)));--scb-options-menu-item-design-text-line-height:var(--scb-options-menu-text-medium-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)));--scb-options-menu-item-design-text-tracking:var(--scb-options-menu-text-medium-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))));--scb-options-menu-item-design-text-weight:var(--scb-options-menu-text-medium-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))));--scb-options-menu-item-design-text-letter-spacing:var(--scb-options-menu-text-medium-letter-spacing, var(--scb-options-menu-text-medium-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))));--scb-options-menu-item-design-text-font-weight:var(--scb-options-menu-text-medium-font-weight, var(--scb-options-menu-text-medium-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))));--scb-options-menu-item-design-icon:var(--scb-menu-item-icon-size-medium, var(--icon-size-small, 20px));--scb-options-menu-item-design-gap:var(--scb-menu-item-gap-medium, var(--spacing-4, 12px))}:host([size="large"]){--scb-options-menu-item-design-item-height:var(--scb-menu-item-height-large, var(--scale-12, 56px));--scb-options-menu-item-design-item-padding-block:var(--scb-menu-item-padding-block-large, var(--spacing-3, 8px));--scb-options-menu-item-design-padding-inline:var(--scb-menu-item-padding-inline-large, var(--spacing-5, 16px));--scb-options-menu-item-design-item-radius:var(--scb-options-menu-item-radius-large, var(--radius-none, 0px));--scb-options-menu-item-design-text-font:var(--scb-options-menu-text-large-font, var(--scb-typography-body-large-font, var(--md-sys-typescale-body-large-font, var(--brand))));--scb-options-menu-item-design-text-size:var(--scb-options-menu-text-large-size, var(--scb-typography-body-large-size, var(--md-sys-typescale-body-large-size, 18px)));--scb-options-menu-item-design-text-line-height:var(--scb-options-menu-text-large-line-height, var(--scb-typography-body-large-line-height, var(--md-sys-typescale-body-large-line-height, 26px)));--scb-options-menu-item-design-text-tracking:var(--scb-options-menu-text-large-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px))));--scb-options-menu-item-design-text-weight:var(--scb-options-menu-text-large-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400))));--scb-options-menu-item-design-text-letter-spacing:var(--scb-options-menu-text-large-letter-spacing, var(--scb-options-menu-text-large-tracking, var(--scb-typography-body-large-tracking, var(--md-sys-typescale-body-large-tracking, var(--tracking-05, -0.3px)))));--scb-options-menu-item-design-text-font-weight:var(--scb-options-menu-text-large-font-weight, var(--scb-options-menu-text-large-weight, var(--scb-typography-body-large-weight, var(--md-sys-typescale-body-large-weight, var(--weight-regular, 400)))));--scb-options-menu-item-design-icon:var(--scb-menu-item-icon-size-large, var(--icon-size-small, 20px));--scb-options-menu-item-design-gap:var(--scb-menu-item-gap-large, var(--spacing-4, 12px))}:host{--scb-options-sub-menu-design-panel-padding-block:var(--scb-menu-item-panel-padding-block-large, var(--spacing-3, 8px));--scb-options-sub-menu-design-panel-radius:var(--scb-options-menu-panel-radius-large, var(--radius-small, 8px))}:host([size="small"]){--scb-options-sub-menu-design-panel-padding-block:var(--scb-menu-item-panel-padding-block-small, var(--spacing-3, 8px));--scb-options-sub-menu-design-panel-radius:var(--scb-options-menu-panel-radius-small, var(--radius-small, 8px))}:host([size="medium"]){--scb-options-sub-menu-design-panel-padding-block:var(--scb-menu-item-panel-padding-block-medium, var(--spacing-3, 8px));--scb-options-sub-menu-design-panel-radius:var(--scb-options-menu-panel-radius-medium, var(--radius-small, 8px))}:host([size="large"]){--scb-options-sub-menu-design-panel-padding-block:var(--scb-menu-item-panel-padding-block-large, var(--spacing-3, 8px));--scb-options-sub-menu-design-panel-radius:var(--scb-options-menu-panel-radius-large, var(--radius-small, 8px))}`,h);a([p({type:Boolean,reflect:!0})],o.prototype,"open",void 0);a([p({type:String,reflect:!0})],o.prototype,"size",void 0);a([p({type:Boolean,attribute:!1})],o.prototype,"inSb",void 0);a([p({type:String,reflect:!0})],o.prototype,"spacing",void 0);a([p({type:String,attribute:"spacing-top",reflect:!0})],o.prototype,"spacingTop",void 0);a([p({type:String,attribute:"spacing-bottom",reflect:!0})],o.prototype,"spacingBottom",void 0);a([p({type:String,attribute:"spacing-left",reflect:!0})],o.prototype,"spacingLeft",void 0);a([p({type:String,attribute:"spacing-right",reflect:!0})],o.prototype,"spacingRight",void 0);o=a([S("scb-options-menu")],o);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{h as x,m as y,p as E,v as S,y as L}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as b}from"../../vendor/decorate.js";import{
|
|
1
|
+
import{h as x,m as y,p as E,v as S,y as L}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as b}from"../../vendor/decorate.js";import{closeManualPopover as m,isManualPopoverOpen as u,openManualPopover as M}from"../shared/manual-popover.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(t,s,o){try{customElements.get(t)||e(t,s,o)}catch(i){var n=String(i||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw i}}}}catch{}})();var p,l=(p=class extends x{constructor(...e){super(...e),this.open=!1,this._show=()=>{this.setAttribute("open",""),this.open=!0},this._hide=t=>{this.removeAttribute("open"),this.open=!1,t&&t.stopPropagation()},this._onViewportChange=()=>{this.open&&this._positionPopover()}}connectedCallback(){super.connectedCallback(),this.addEventListener("show-submenu",this._show),this.addEventListener("showsubmenu",this._show),this.addEventListener("hide-submenu",this._hide),this.addEventListener("hidesubmenu",this._hide),window.addEventListener("resize",this._onViewportChange,{passive:!0}),window.addEventListener("scroll",this._onViewportChange,{passive:!0,capture:!0})}disconnectedCallback(){this.removeEventListener("show-submenu",this._show),this.removeEventListener("showsubmenu",this._show),this.removeEventListener("hide-submenu",this._hide),this.removeEventListener("hidesubmenu",this._hide),window.removeEventListener("resize",this._onViewportChange),window.removeEventListener("scroll",this._onViewportChange,!0),m(this.renderRoot.querySelector(".submenu")),super.disconnectedCallback()}firstUpdated(){let e=0,t=this.parentElement;for(;t;)t.tagName==="SCB-OPTIONS-SUB-MENU"&&e++,t=t.parentElement;e%2===1?this.setAttribute("open-left",""):this.removeAttribute("open-left")}updated(e){e.has("open")&&this._syncPopover()}_hasTopLayerParent(){const e=this.closest("scb-options-menu")?.shadowRoot?.querySelector(".scb-options-menu-panel"),t=this.closest("scb-dropdown")?.shadowRoot?.querySelector(".panel");return u(e)||u(t)}_syncPopover(){const e=this.renderRoot.querySelector(".submenu");if(e){if(this.open&&this._hasTopLayerParent()){const t=this.previousElementSibling;M(e,t)&&requestAnimationFrame(()=>this._positionPopover());return}m(e);for(const t of["position","left","right","top","bottom","max-height","overflow-x","overflow-y"])e.style.removeProperty(t)}}_positionPopover(){const e=this.renderRoot.querySelector(".submenu"),t=this.previousElementSibling;if(!e||!t||!u(e))return;const s=8,o=4,n=t.getBoundingClientRect(),i=e.getBoundingClientRect(),d=Math.max(0,window.innerHeight-s*2),a=Math.min(i.width||e.scrollWidth,window.innerWidth-s*2),c=window.innerWidth-n.right-o-s,v=n.left-o-s,h=a>c&&v>c,g=h?n.left-o-a:n.right+o,f=Math.min(Math.max(s,g),window.innerWidth-s-a),w=Math.min(e.scrollHeight,d),_=Math.min(Math.max(s,n.top),window.innerHeight-s-w);this.toggleAttribute("open-left",h),e.style.position="fixed",e.style.left=`${Math.round(f)}px`,e.style.right="auto",e.style.top=`${Math.round(_)}px`,e.style.bottom="auto",e.style.maxHeight=`${Math.floor(d)}px`,e.style.overflowX="hidden",e.style.overflowY="auto"}render(){return S`
|
|
2
2
|
<div role="menu" class="submenu${this.open?" open":""}">
|
|
3
3
|
<slot></slot>
|
|
4
4
|
</div>
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import{g,h as L,m as O,p as m,v as T,y as z}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as f}from"../../vendor/decorate.js";import{t as r}from"../../vendor/assertClassBrand.js";import{t as D}from"../../vendor/classPrivateMethodInitSpec.js";import{
|
|
1
|
+
import{g,h as L,m as O,p as m,v as T,y as z}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as f}from"../../vendor/decorate.js";import{t as r}from"../../vendor/assertClassBrand.js";import{t as D}from"../../vendor/classPrivateMethodInitSpec.js";import{closeManualPopover as S,closeNestedPopupSurfaces as q,openManualPopover as R}from"../shared/manual-popover.js";import{n as E,r as k,t as y}from"../../vendor/classPrivateFieldGet2.js";(function(){try{var t=typeof globalThis<"u"?globalThis:window;if(!t.__scb_ce_guard_installed__){t.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(o,i,l){try{customElements.get(o)||e(o,i,l)}catch(p){var a=String(p||"");if(a.indexOf("already been used")===-1&&a.indexOf("NotSupportedError")===-1)throw p}}}}catch{}})();var s,v,h,d,n,u=(s=new WeakSet,v=new WeakMap,h=new WeakMap,d=class extends L{constructor(...e){super(...e),D(this,s),k(this,v,void 0),k(this,h,void 0),this.open=!1,this.variant="scrim",this.isStatic=!1,this.ariaLabel="",this.__lastTriggerEl=null,E(v,this,o=>{this.isStatic||r(s,this,F).call(this,o)||r(s,this,x).call(this)}),E(h,this,o=>{if(this.open){if(o.key==="Tab"){r(s,this,B).call(this,o);return}o.key==="Escape"&&(r(s,this,P).call(this,o)||(o.preventDefault(),o.stopPropagation(),r(s,this,x).call(this)))}})}static __handleDocClick(e){const o=e.composedPath();for(const i of o){if(!(i instanceof Element))continue;const l=i.getAttribute("data-overlay-open"),a=i.getAttribute("data-overlay-close"),p=i.getAttribute("data-overlay-toggle"),C=i.getAttribute("aria-controls"),_=l||a||p||C;if(!_)continue;const c=n.__instances.get(_);if(!c){n.__instances.delete(_);continue}(!a||!c.contains(i))&&(c.__lastTriggerEl=i),l?r(s,c,b).call(c,!0):a?r(s,c,b).call(c,!1):r(s,c,b).call(c,!c.open);break}}static __ensureDocListener(){n.__docListenerAttached||(document.addEventListener("click",n.__handleDocClick,!0),n.__docListenerAttached=!0)}static __maybeRemoveDocListener(){!n.__docListenerAttached||n.__instances.size>0||(document.removeEventListener("click",n.__handleDocClick,!0),n.__docListenerAttached=!1)}render(){return this.open?T`
|
|
2
2
|
<div class="scrim" @click=${y(v,this)}>
|
|
3
3
|
<div class="content" role="dialog" aria-modal="true" aria-label=${this.ariaLabel||g} tabindex="-1">
|
|
4
4
|
<slot></slot>
|
|
5
5
|
</div>
|
|
6
6
|
</div>
|
|
7
|
-
`:g}connectedCallback(){super.connectedCallback(),this.id&&n.__instances.set(this.id,this),n.__ensureDocListener(),window.addEventListener("keydown",y(h,this))}updated(e){e.has("open")&&(r(
|
|
7
|
+
`:g}connectedCallback(){super.connectedCallback(),this.id&&n.__instances.set(this.id,this),n.__ensureDocListener(),window.addEventListener("keydown",y(h,this))}updated(e){e.has("open")&&(r(s,this,H).call(this),this.open?(R(this.renderRoot.querySelector(".scrim")),r(s,this,I).call(this)):(q(this),S(this.renderRoot.querySelector(".scrim")),r(s,this,w).call(this)))}disconnectedCallback(){this.id&&n.__instances.delete(this.id),n.__maybeRemoveDocListener(),window.removeEventListener("keydown",y(h,this)),S(this.renderRoot.querySelector(".scrim")),super.disconnectedCallback()}},n=d,d.__instances=new Map,d.__docListenerAttached=!1,d.styles=z`:host{position:fixed;inset:0;z-index:var(--scb-overlay-z-index, var(--scb-layer-overlay, 1000));display:none;box-sizing:border-box}:host([open]){display:block}.scrim{display:grid;place-items:center;inline-size:100%;block-size:100%;padding:var(--scb-overlay-design-overlay-padding-medium);background:var(--scb-overlay-backdrop,
|
|
8
8
|
color-mix(in srgb, var(--scb-overlay-scrim-color, var(--md-sys-color-scrim)) 32%, transparent)
|
|
9
|
-
);box-sizing:border-box}.scrim[popover]{position:fixed;inset:0;margin:0;border:0;max-inline-size:none;max-block-size:none}:host([variant='solid']) .scrim{background:var(--scb-overlay-solid-surface-color, var(--md-sys-color-surface))}.content{position:relative;max-inline-size:100%;max-block-size:100%;box-sizing:border-box}.content:focus{outline:0}.content ::slotted(*){margin:auto;max-inline-size:100%;max-block-size:100%}:host{--scb-overlay-design-overlay-padding-medium:var(--scb-overlay-padding, var(--spacing-6, 24px))}`,d);function b(t){this.open=t}function x(){this.open&&(this.isStatic||(r(
|
|
9
|
+
);box-sizing:border-box}.scrim[popover]{position:fixed;inset:0;margin:0;border:0;max-inline-size:none;max-block-size:none}:host([variant='solid']) .scrim{background:var(--scb-overlay-solid-surface-color, var(--md-sys-color-surface))}.content{position:relative;max-inline-size:100%;max-block-size:100%;box-sizing:border-box}.content:focus{outline:0}.content ::slotted(*){margin:auto;max-inline-size:100%;max-block-size:100%}:host{--scb-overlay-design-overlay-padding-medium:var(--scb-overlay-padding, var(--spacing-6, 24px))}`,d);function b(t){this.open=t}function x(){this.open&&(this.isStatic||(r(s,this,b).call(this,!1),r(s,this,w).call(this),this.dispatchEvent(new CustomEvent("scb-overlay-dismiss",{bubbles:!0,composed:!0}))))}function F(t){const e=this.renderRoot.querySelector("slot");if(!(e instanceof HTMLSlotElement))return!1;const o=t.composedPath();return e.assignedNodes({flatten:!0}).some(i=>o.includes(i))}function P(t){const e="scb-options-menu, scb-dropdown, scb-select",o=i=>i instanceof Element&&i!==this&&i.matches(e)&&!!i.open;return t.composedPath().some(o)?!0:Array.from(this.querySelectorAll(e)).some(i=>!!i.open)}function B(t){const e=r(s,this,A).call(this),o=this.renderRoot.querySelector(".content");if(e.length===0){t.preventDefault(),o?.focus?.({preventScroll:!0});return}const i=e[0],l=e[e.length-1],a=r(s,this,N).call(this,t,e);t.shiftKey?(a===i||!a)&&(t.preventDefault(),l.focus({preventScroll:!0})):(a===l||!a)&&(t.preventDefault(),i.focus({preventScroll:!0}))}function A(){const t=["button","[href]","input","select","textarea",'[tabindex]:not([tabindex="-1"])',"scb-button","scb-icon-button","scb-link"].join(", "),e=new Set;return this.querySelectorAll(t).forEach(o=>{const i=r(s,this,$).call(this,o);i&&e.add(i)}),Array.from(e)}function $(t){return r(s,this,M).call(this,t)?null:t.tagName==="SCB-BUTTON"||t.tagName==="SCB-ICON-BUTTON"?t.shadowRoot?.querySelector(".native-button, button, a")??t:t}function M(t){if(t.disabled||t.getAttribute("aria-hidden")==="true")return!0;const e=getComputedStyle(t);return e.display==="none"||e.visibility==="hidden"}function N(t,e){const o=t.composedPath(),i=this.renderRoot instanceof ShadowRoot?this.renderRoot.activeElement:null;return e.find(l=>o.includes(l))??(i instanceof HTMLElement?i:null)??(document.activeElement instanceof HTMLElement?document.activeElement:null)}async function I(){await this.updateComplete,requestAnimationFrame(()=>{this.open&&(r(s,this,A).call(this)[0]??this.renderRoot.querySelector(".content"))?.focus?.({preventScroll:!0})})}function w(){const t=this.__lastTriggerEl??(this.id?document.querySelector(`[aria-controls="${this.id}"], [data-overlay-toggle="${this.id}"], [data-overlay-open="${this.id}"]`):null);if(!t?.isConnected)return;const e=document.activeElement;t.focus?.({preventScroll:!0}),requestAnimationFrame(()=>{(document.activeElement===e||document.activeElement===document.body)&&t.focus?.({preventScroll:!0})})}function H(){this.id&&document.querySelectorAll(`[aria-controls="${this.id}"], [data-overlay-toggle="${this.id}"], [data-overlay-open="${this.id}"], [data-overlay-close="${this.id}"]`).forEach(t=>{const e=t.getAttribute("aria-controls")===this.id,o=t.getAttribute("data-overlay-toggle")===this.id||t.getAttribute("data-overlay-open")===this.id;(e||o)&&(e||t.setAttribute("aria-controls",this.id),t.setAttribute("aria-expanded",String(this.open)))})}f([m({type:Boolean,reflect:!0})],u.prototype,"open",void 0);f([m({type:String,reflect:!0})],u.prototype,"variant",void 0);f([m({type:Boolean,reflect:!0,attribute:"static"})],u.prototype,"isStatic",void 0);f([m({type:String,attribute:"aria-label"})],u.prototype,"ariaLabel",void 0);u=n=f([O("scb-overlay")],u);
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{g as v,h as _,m as z,p,v as g,y as P}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import{
|
|
1
|
+
import{g as v,h as _,m as z,p,v as g,y as P}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import{componentSizeToken as L}from"../shared/component-size-token.js";import{t as r}from"../../vendor/decorate.js";import"../scb-button/scb-button.js";import"../scb-icon-button/scb-icon-button.js";import"../scb-link/scb-link.js";(function(){try{var u=typeof globalThis<"u"?globalThis:window;if(!u.__scb_ce_guard_installed__){u.__scb_ce_guard_installed__=!0;var i=customElements.define.bind(customElements);customElements.define=function(a,e,s){try{customElements.get(a)||i(a,e,s)}catch(b){var n=String(b||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw b}}}}catch{}})();var y,o=(y=class extends _{constructor(...i){super(...i),this.variant="icon-text",this.alignment="start",this.page=1,this.totalPages=0,this.pagingHref="",this.baseUri="",this.paginationAriaLabel="Paginering",this.currentAriaLabel="Nuvarande sida, ",this.pagingNumberAriaLabel="Gå till sida ",this.previousLabel="Föregående",this.nextLabel="Nästa",this.previousAriaLabel="Föregående sida",this.nextAriaLabel="Nästa sida",this.isNarrow=window.innerWidth<=768,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this._onResize=()=>{const a=(this.getBoundingClientRect().width||window.innerWidth)<=768||window.innerWidth<=768;this.isNarrow!==a&&(this.isNarrow=a)}}_emitPageChange(i){const a={page:i};this.dispatchEvent(new CustomEvent("page-change",{detail:a,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("pagechange",{detail:a,bubbles:!0,composed:!0}))}_getPagingHref(i){if(!this.pagingHref)return;const a=(this.baseUri||"").trim(),e=a||window.location.href,s=new URL(e,window.location.href),n=this.pagingHref.trim().replace(/^[?&]/,"").split("=")[0];if(n)return s.searchParams.delete(n),s.searchParams.set(n,String(i)),/^https?:\/\//i.test(a)?s.toString():`${s.pathname}${s.search}${s.hash}`}_composePageLabel(i,a){const e=String(i??"").trimEnd();return e?`${e} ${a}`:String(a)}_handlePageSelection(i,a){!this.pagingHref&&a&&a.preventDefault(),this.page=i,this._emitPageChange(i)}_prevPage(i){if(this.page<=1){!this.pagingHref&&i&&i.preventDefault();return}this._handlePageSelection(this.page-1,i)}_nextPage(i){if(this.page>=this.totalPages){!this.pagingHref&&i&&i.preventDefault();return}this._handlePageSelection(this.page+1,i)}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this._onResize),this._resizeObserver=new ResizeObserver(this._onResize),this._resizeObserver.observe(this),this._onResize()}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("resize",this._onResize),this._resizeObserver?.disconnect(),this._resizeObserver=void 0}mapSpacingToken(i){if(i==null)return;const a=String(i).trim();if(a)return/^\d+$/.test(a)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(a,10)))})`:a}__applySpacing(){const i=this.mapSpacingToken(this.spacing),a=this.mapSpacingToken(this.spacingTop)??i,e=this.mapSpacingToken(this.spacingBottom)??i,s=this.mapSpacingToken(this.spacingLeft),n=this.mapSpacingToken(this.spacingRight);a?this.style.setProperty("--scb-pagination-spacing-block-start",a):this.style.removeProperty("--scb-pagination-spacing-block-start"),e?this.style.setProperty("--scb-pagination-spacing-block-end",e):this.style.removeProperty("--scb-pagination-spacing-block-end"),s?this.style.setProperty("--scb-pagination-spacing-inline-start",s):this.style.removeProperty("--scb-pagination-spacing-inline-start"),n?this.style.setProperty("--scb-pagination-spacing-inline-end",n):this.style.removeProperty("--scb-pagination-spacing-inline-end")}firstUpdated(){this.__applySpacing()}updated(i){super.updated(i),(i.has("spacing")||i.has("spacingTop")||i.has("spacingBottom")||i.has("spacingLeft")||i.has("spacingRight"))&&this.__applySpacing()}render(){if(this.totalPages===0)return null;const i=this.variant?`${this.variant.toLowerCase()}`:"",a=this.alignment==="center"||this.alignment==="end"?`align-${this.alignment}`:"align-start",e=[],{page:s,totalPages:n}=this,b=this.isNarrow,m=b?1:2,f=this._getPagingHref(Math.max(1,this.page-1)),x=this._getPagingHref(Math.min(this.totalPages,this.page+1)),d=this.page===1,h=this.page===this.totalPages,l=L(this,"--scb-pagination-design-navigation-button-size-medium",["small","medium","large"],"medium"),w=this.pagingHref?this.variant==="icon"?g`<scb-icon-button
|
|
2
2
|
size=${l}
|
|
3
3
|
class="paging-action-link"
|
|
4
4
|
href=${d?v:f}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{f as $,g as v,h as k,m as T,p as a,v as d,y as S}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/ripple.js";import{
|
|
1
|
+
import{f as $,g as v,h as k,m as T,p as a,v as d,y as S}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/ripple.js";import{ensureFocusRingOnFocusVisible as f}from"../shared/lazy-focus-ring.js";import{t as r}from"../../vendor/decorate.js";import{closeManualPopover as m,isManualPopoverOpen as y,openManualPopover as E}from"../shared/manual-popover.js";(function(){try{var c=typeof globalThis<"u"?globalThis:window;if(!c.__scb_ce_guard_installed__){c.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,p,l){try{customElements.get(t)||e(t,p,l)}catch(i){var o=String(i||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw i}}}}catch{}})();var b,s=(b=class extends k{constructor(...e){super(...e),this.width="100%",this.active=!1,this.current=!1,this.disabled=!1,this.href="",this.label="",this.position="top",this._stepId=`scb-step-${Math.random().toString(36).slice(2)}`,this._showTooltip=()=>{const t=this.renderRoot.querySelector(".tooltip"),p=this.renderRoot.querySelector(".progress-step");!this.label||this.disabled||!E(t,p,"hint")||this._adjustTooltipPosition()},this._hideTooltip=()=>{m(this.renderRoot.querySelector(".tooltip"))},this._adjustTooltipPosition=()=>{const t=this.renderRoot.querySelector(".tooltip"),p=this.renderRoot.querySelector(".progress-step");if(!t||!p||!y(t))return;const l=10,o=8,i=p.getBoundingClientRect(),n=t.getBoundingClientRect(),w=this.position==="top",u=i.bottom+l+n.height<=window.innerHeight-o,g=i.top-l-n.height>=o,h=w?u||!g:!g&&u,_=Math.min(Math.max(i.left+(i.width-n.width)/2,o),Math.max(o,window.innerWidth-n.width-o)),x=h?Math.min(i.bottom+l,window.innerHeight-n.height-o):Math.max(o,i.top-l-n.height);t.classList.toggle("top",h),t.classList.toggle("bottom",!h),t.classList.remove("tooltip-left","tooltip-right"),t.style.left=`${_}px`,t.style.right="",t.style.top=`${x}px`,t.style.bottom="auto",t.style.transform="none"}}connectedCallback(){super.connectedCallback(),this.hasAttribute("role")||this.setAttribute("role","listitem")}disconnectedCallback(){this._tooltipObserver?.disconnect(),window.removeEventListener("resize",this._adjustTooltipPosition),window.removeEventListener("scroll",this._adjustTooltipPosition,!0),m(this.renderRoot.querySelector(".tooltip")),super.disconnectedCallback()}updated(e){super.updated?.(e),this.style.setProperty("--progress-step-width",this.width),(e.has("label")||e.has("position"))&&y(this.renderRoot.querySelector(".tooltip"))&&this._adjustTooltipPosition()}_onClick(){if(this.disabled)return;const e={width:this.width,label:this.label,active:this.active,disabled:this.disabled,href:this.href||void 0};this.dispatchEvent(new CustomEvent("step-click",{detail:e,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("stepclick",{detail:e,bubbles:!0,composed:!0}))}_onKeydown(e){if(e.key==="Tab"){this._hideTooltip();return}this.disabled||this.href||e.key!=="Enter"&&e.key!==" "||(e.preventDefault(),this._onClick())}firstUpdated(e){super.firstUpdated?.(e),this._setupTooltipPositioning()}_setupTooltipPositioning(){this._tooltipObserver=new MutationObserver(()=>this._adjustTooltipPosition()),this._tooltipObserver.observe(this,{attributes:!0}),window.addEventListener("resize",this._adjustTooltipPosition),window.addEventListener("scroll",this._adjustTooltipPosition,{passive:!0,capture:!0})}render(){const e=!!this.href&&!this.disabled,t=this.label?.trim()||"Steg";return d`
|
|
2
2
|
${e?d`
|
|
3
3
|
<a
|
|
4
4
|
id=${this._stepId}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../scb-list/scb-list.js","../../vendor/vendor.js","../../vendor/vendor-lit.js","../../vendor/component-defaults.js","../../vendor/decorate.js","../scb-list/scb-list-item.js","../../vendor/preload-helper.js","
|
|
2
|
-
import{f as w,g as b,h as k,m as z,p as c,v as d,y as S}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import"../../vendor/ripple.js";import{t as A}from"../../vendor/preload-helper.js";import{
|
|
1
|
+
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../scb-list/scb-list.js","../../vendor/vendor.js","../../vendor/vendor-lit.js","../../vendor/component-defaults.js","../../vendor/decorate.js","../scb-list/scb-list-item.js","../../vendor/preload-helper.js","../shared/component-size-token.js"])))=>i.map(i=>d[i]);
|
|
2
|
+
import{f as w,g as b,h as k,m as z,p as c,v as d,y as S}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import"../../vendor/ripple.js";import{t as A}from"../../vendor/preload-helper.js";import{ensureFocusRingReady as E}from"../shared/lazy-focus-ring.js";import{componentSizeToken as V}from"../shared/component-size-token.js";import{t as I}from"../../vendor/component-defaults.js";import{t as n}from"../../vendor/decorate.js";import{closeManualPopover as _,isManualPopoverOpen as L,openManualPopover as R}from"../shared/manual-popover.js";(function(){try{var f=typeof globalThis<"u"?globalThis:window;if(!f.__scb_ce_guard_installed__){f.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(s,t,i){try{customElements.get(s)||e(s,t,i)}catch(l){var r=String(l||"");if(r.indexOf("already been used")===-1&&r.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var m,C=0,a=(m=class extends k{async _ensureListDepsLoaded(){this._listDepsLoaded||(this._listDepsPromise??(this._listDepsPromise=A(()=>import("../scb-list/scb-list.js").then(()=>{this._listDepsLoaded=!0}),__vite__mapDeps([0,1,2,3,4,5,6,7]),import.meta.url)),await this._listDepsPromise)}_ensureListDepsWhenNeeded(){const e=(this.value??"").trim().length>0;!this._inputFocused||!e||!this._hasSuggestions||this._ensureListDepsLoaded().then(()=>this.requestUpdate())}constructor(){super(),this._internals=null,this.supportingText="",this.inputLabel="",this.clearLabel="Rensa sökfält",this.suggestionsLabel="Sökförslag",this.errorText="",this.value="",this.name="",this.disabled=!1,this.required=!1,this.error=!1,this.autocomplete=!1,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.size=I["scb-search"].size,this.fullScreen=!1,this._inputFocused=!1,this._visibleSuggestions=0,this._listDepsLoaded=!1,this._activeIndex=-1,this._listboxId=`scb-search-listbox-${++C}`,this._kbMode=!1,this._valueOnFocus="",this._lastChangeValue="",this._kbShouldShowRing=!1,this._onGlobalKeydown=e=>{e.key==="Tab"&&(E(),this._kbShouldShowRing=!0,this._inputFocused&&this._updateInputRingVisibility())},this._onGlobalPointerDown=()=>{this._kbShouldShowRing=!1,this._inputFocused&&this._updateInputRingVisibility()},this._form=null,this._formResetHandler=null,this._formSubmitHandler=null,this._initialValue="",this._customValidationMessage="",this._validationMessage="",this._hasValidationBeenReported=!1,this._onViewportScroll=()=>{this._positionSuggestionPopover()},this._listScrollHandler=()=>{const e=this._getActiveItem();this._kbMode&&e&&this._positionOptionRing(e)},"attachInternals"in this&&(this._internals=this.attachInternals())}_syncDensityForSize(){this.size==="extra-small"?this.setAttribute("data-density","-5"):this.size==="small"?this.setAttribute("data-density","-4"):this.size==="medium"?this.setAttribute("data-density","-2"):this.removeAttribute("data-density")}connectedCallback(){super.connectedCallback(),this._syncDensityForSize(),this._onWindowResize=this._onWindowResize.bind(this),window.addEventListener("resize",this._onWindowResize,{passive:!0}),window.addEventListener("scroll",this._onViewportScroll,{passive:!0,capture:!0}),window.addEventListener("keydown",this._onGlobalKeydown,!0),window.addEventListener("pointerdown",this._onGlobalPointerDown,!0),this._initialValue=this.value??"",this._lastChangeValue=this.value??"",this._form=this.closest("form"),this._form&&(this._formSubmitHandler=e=>{this.reportValidity()||(e.preventDefault(),e.stopPropagation())},this._form.addEventListener("submit",this._formSubmitHandler,!0),this._formResetHandler=()=>{this.value=this._initialValue;const e=this._inputEl();e&&(e.value=this._initialValue),this._lastChangeValue=this._initialValue,this._syncFormValue(),this._filterSuggestions(this.value),this._activeIndex=-1,this._kbMode=!1,this.error=!1,this._hasValidationBeenReported=!1,this._updateComboboxA11y(),this._syncValidity()},this._form.addEventListener("reset",this._formResetHandler,!0)),this._syncFormValue(),this._syncValidity()}disconnectedCallback(){const e=this._inputEl();e&&this._boundNativeKeydown&&e.removeEventListener("keydown",this._boundNativeKeydown,!0),this._detachListScrollListener(),window.removeEventListener("resize",this._onWindowResize),window.removeEventListener("scroll",this._onViewportScroll,!0),_(this._listEl()),window.removeEventListener("keydown",this._onGlobalKeydown,!0),window.removeEventListener("pointerdown",this._onGlobalPointerDown,!0),this._form&&this._formResetHandler&&this._form.removeEventListener("reset",this._formResetHandler,!0),this._form&&this._formSubmitHandler&&this._form.removeEventListener("submit",this._formSubmitHandler,!0),super.disconnectedCallback()}firstUpdated(){this._ensureListboxA11y(),this._updateComboboxA11y();const e=this._inputEl();e&&(this._boundNativeKeydown=s=>this._handleKey(s),e.addEventListener("keydown",this._boundNativeKeydown,!0),e.disabled=this.disabled),this.applySpacing()}updated(e){if(super.updated(e),e.has("size")&&this._syncDensityForSize(),this._ensureListboxA11y(),this._updateComboboxA11y(),this._attachListScrollListener(),this._syncSuggestionPopover(),(e.has("value")||e.has("disabled"))&&this._syncFormValue(),(e.has("value")||e.has("disabled")||e.has("required")||e.has("errorText"))&&this._syncValidity(),e.has("disabled")){this.toggleAttribute("aria-disabled",this.disabled);const s=this._inputEl();s&&(s.disabled=this.disabled)}(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&this.applySpacing()}render(){const e=(this.value??"").trim().length>0,s=this._inputFocused&&e&&this._hasSuggestions&&this._listDepsLoaded,t=this.error?this._validationMessage||this.errorText||"Ogiltig sökning.":"",i=t?"search-supporting-text":void 0,r=this.inputLabel||this.supportingText||"Sök";return d`
|
|
3
3
|
<div class="ripple-wrapper">
|
|
4
4
|
<md-icon class="leading">${e?"arrow_back":"search"}</md-icon>
|
|
5
5
|
|
|
@@ -50,7 +50,7 @@ import{f as w,g as b,h as k,m as z,p as c,v as d,y as S}from"../../vendor/vendor
|
|
|
50
50
|
<md-focus-ring id="optionRing" class="option-ring"></md-focus-ring>
|
|
51
51
|
`:b}
|
|
52
52
|
${t?d`<span id="search-supporting-text" class="supporting-text">${t}</span>`:b}
|
|
53
|
-
`}formDisabledCallback(e){this.disabled=e,e&&(this._hasValidationBeenReported=!1)}_getValidationMessage(){return this._customValidationMessage?this._customValidationMessage:this.required&&!(this.value??"").trim()?this.errorText||"Fyll i det här fältet.":""}_syncValidity(){const e=this._inputEl(),s=this.disabled?"":this._getValidationMessage(),t=this.error,i=this._validationMessage;if(e&&e.setCustomValidity(s),this._internals)if(s){const r=this._customValidationMessage?{customError:!0}:{valueMissing:!0};this._internals.setValidity(r,s,e??void 0)}else this._internals.setValidity({});this._validationMessage=s,this.error=this.disabled?!1:s?this._hasValidationBeenReported||t:t&&!this._hasValidationBeenReported&&!i,e&&e.setAttribute("aria-invalid",this.error?"true":"false"),this.toggleAttribute("aria-invalid",this.error),(t!==this.error||i!==this._validationMessage)&&this.requestUpdate()}checkValidity(){return this._syncValidity(),this._internals?this._internals.checkValidity():!this.error}reportValidity(){this._hasValidationBeenReported=!0,this._syncValidity();const e=this._inputEl();return e?e.reportValidity():this._internals?this._internals.reportValidity():this.checkValidity()}setCustomValidity(e){this._customValidationMessage=String(e??""),this._syncValidity()}get form(){return this._internals?.form??this._form}get validity(){return this._internals?.validity}get validationMessage(){return this._internals?.validationMessage??this._getValidationMessage()}get willValidate(){return this._internals?.willValidate??!0}get labels(){return this._internals?.labels}submit(){const e=this._getActiveItem(),s={value:this.value};e&&(s.active=this._itemPayload(e)),this._dispatchSubmit(s)}focus(e){const s=this._inputEl();if(s){s.focus(e);return}this.updateComplete.then(()=>this._inputEl()?.focus(e))}blur(){this._inputEl()?.blur()}get _hasSuggestions(){return this._visibleSuggestions>=0?this._visibleSuggestions>0:Array.from(this.getElementsByTagName("scb-list-item")).some(e=>!e.hasAttribute("hidden")&&e.style.display!=="none")}_onSlotChange(){this._filterSuggestions(this.value),this._ensureListDepsWhenNeeded()}_onInput(e){e.stopPropagation();const s=e.target;this.value=s.value,this._syncFormValue(),this._filterSuggestions(this.value),this._ensureListDepsWhenNeeded(),this._activeIndex=-1,this._kbMode=!1,this._updateComboboxA11y();const t={value:this.value};this.dispatchEvent(new CustomEvent("scb-search-input",{detail:t,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("scbsearchinput",{detail:t,bubbles:!0,composed:!0})),this._dispatchStandardInput()}_onNativeChange(e){e.stopPropagation()}_onFocus(){this.disabled||(this._valueOnFocus=this.value??"",this._inputFocused=!0,this._updateInputRingVisibility(),this._filterSuggestions(this.value),this._ensureListDepsWhenNeeded(),this._updateComboboxA11y(),this.requestUpdate())}_onBlur(){setTimeout(()=>{this._inputFocused=!1,this._activeIndex=-1,this._kbMode=!1,this._updateInputRingVisibility(),this._updateComboboxA11y(),this._hideOptionRing(),this._valueOnFocus!==(this.value??"")&&this._dispatchStandardChangeIfNeeded(),this.requestUpdate()},100)}_updateInputRingVisibility(){const e=this.renderRoot?.querySelector(".ripple-wrapper");e&&(this._inputFocused&&this._kbShouldShowRing?e.setAttribute("data-kb-focus","true"):e.removeAttribute("data-kb-focus"))}_handleKey(e){if(this.disabled||!this._inputEl())return;const s=this._getVisibleItems(),t=(this.value??"").trim().length>0,i=this._inputFocused&&t&&s.length>0,r=e.key,l=e.keyCode,h=r==="ArrowDown"||r==="Down"||l===40,g=r==="ArrowUp"||r==="Up"||l===38,o=r==="Home"||l===36,p=r==="End"||l===35,u=r==="Enter"||l===13,y=r==="Escape"||r==="Esc"||l===27;if(h){if(!i)return;e.preventDefault(),this._kbMode=!0,this._moveActive(s,1);return}if(g){if(!i)return;e.preventDefault(),this._kbMode=!0,this._moveActive(s,-1);return}if(o){if(!i)return;e.preventDefault(),this._kbMode=!0,this._activeIndex=s.length?0:-1,this._updateComboboxA11y(),this._scrollActiveIntoView();return}if(p){if(!i)return;e.preventDefault(),this._kbMode=!0,this._activeIndex=s.length?s.length-1:-1,this._updateComboboxA11y(),this._scrollActiveIntoView();return}if(u){if(!i){const v=this._internals?.form??this._form??this.closest("form");v?(e.preventDefault(),this.reportValidity()&&v.requestSubmit()):this.submit();return}e.preventDefault();const x=this._getActiveItem();if(x){const v=x.getAttribute("label")||"";this.value=v,this._syncFormValue(),this._dispatchStandardInput(),this._dispatchSubmit({value:this.value,active:this._itemPayload(x)}),this._visibleSuggestions=0,this._activeIndex=-1,this._kbMode=!1,this._hideOptionRing(),this.requestUpdate()}else this.submit();return}if(y){e.preventDefault(),this._clearInput();return}}_clearInput(){if(this.disabled)return;this.value="",this._activeIndex=-1,this._kbMode=!1;const e=this._inputEl();e&&(e.value="",e.focus()),this._filterSuggestions(""),this._updateComboboxA11y(),this._hideOptionRing(),this._syncFormValue(),this._dispatchStandardInput(),this.dispatchEvent(new CustomEvent("scb-search-clear",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("scbsearchclear",{bubbles:!0,composed:!0})),this._dispatchStandardChangeIfNeeded()}_filterSuggestions(e){const s=(e??"").trim().toLowerCase(),t=Array.from(this.querySelectorAll("scb-list-item"));let i=0;for(const r of t){const l=`${(r.getAttribute("label")||"").toLowerCase()} ${(r.getAttribute("supporting-text")||"").toLowerCase()}`.trim();s!==""&&l.includes(s)?(r.removeAttribute("hidden"),i++):r.setAttribute("hidden",""),this._ensureOptionA11y(r)}this._visibleSuggestions=i,this._activeIndex>=i&&(this._activeIndex=-1),this._updateComboboxA11y(),this.requestUpdate()}_inputEl(){return this.renderRoot?.querySelector("#searchInput")??null}_listEl(){return this.renderRoot?.querySelector("scb-list.suggestion-list")??null}_ringEl(){return this.renderRoot?.querySelector("#optionRing")??null}_getVisibleItems(){return Array.from(this.querySelectorAll("scb-list-item")).filter(e=>!e.hasAttribute("hidden")&&e.style.display!=="none")}_getActiveItem(){const e=this._getVisibleItems();return this._activeIndex<0||this._activeIndex>=e.length?null:e[this._activeIndex]??null}_moveActive(e,s){if(!e.length){this._activeIndex=-1,this._updateComboboxA11y(),this._hideOptionRing();return}let t=this._activeIndex+s;this._activeIndex===-1?t=s>0?0:e.length-1:(t<0&&(t=0),t>=e.length&&(t=e.length-1)),this._activeIndex=t,this._updateComboboxA11y(),this._scrollActiveIntoView()}_scrollActiveIntoView(){const e=this._getActiveItem(),s=this._listEl();if(!e||!s)return;const t=s.getBoundingClientRect(),i=e.getBoundingClientRect();i.top<t.top?s.scrollTop-=t.top-i.top:i.bottom>t.bottom&&(s.scrollTop+=i.bottom-t.bottom)}_itemPayload(e){return{label:e.getAttribute("label")||"",supportingText:e.getAttribute("supporting-text")||"",href:e.getAttribute("href")||"",type:e.getAttribute("type")||"",id:e.id||""}}_ensureListboxA11y(){const e=this._listEl();e&&(e.id||(e.id=this._listboxId),e.setAttribute("role","listbox"),e.setAttribute("aria-label",this.suggestionsLabel)),Array.from(this.querySelectorAll("scb-list-item")).forEach(s=>this._ensureOptionA11y(s))}_ensureOptionA11y(e){e.id||(e.id=`${this._listboxId}-opt-${Math.random().toString(36).slice(2,8)}`),e.setAttribute("role","option"),e.setAttribute("tabindex","-1")}_updateComboboxA11y(){const e=this._inputEl();if(!e)return;const s=this._getVisibleItems(),t=(this.value??"").trim().length>0,i=this._inputFocused&&t&&s.length>0;e.setAttribute("role","combobox"),e.setAttribute("aria-autocomplete","list"),e.setAttribute("aria-controls",this._listboxId),e.setAttribute("aria-expanded",String(i));const r=i?this._getActiveItem():null;r?.id?e.setAttribute("aria-activedescendant",r.id):e.removeAttribute("aria-activedescendant"),this._kbMode&&r&&i?this._positionOptionRing(r):this._hideOptionRing()}_positionOptionRing(e){const s=this._ringEl(),t=this._listEl();if(!s||!t)return;const i=this.getBoundingClientRect(),r=e.getBoundingClientRect(),l=r.top-i.top,h=r.left-i.left,g=r.width,o=r.height;s.style.top=`${l}px`,s.style.left=`${h}px`,s.style.width=`${g}px`,s.style.height=`${o}px`,s.setAttribute("data-show","true")}_hideOptionRing(){const e=this._ringEl();e&&e.removeAttribute("data-show")}_onWindowResize(){const e=this._getActiveItem();this._kbMode&&e&&this._positionOptionRing(e),this._positionSuggestionPopover()}_syncSuggestionPopover(){const e=this._listEl();if(!e||this.fullScreen){_(e);return}L(e)&&requestAnimationFrame(()=>this._positionSuggestionPopover())}_positionSuggestionPopover(){const e=this._listEl(),s=this._inputEl();if(!e||!s||!R(e))return;const t=s.getBoundingClientRect(),i=8,r=Math.max(0,window.innerWidth-i*2),l=Math.min(t.width,r),h=Math.min(Math.max(t.left,i),window.innerWidth-i-l),g=e.getBoundingClientRect().height||e.scrollHeight,o=window.innerHeight-t.bottom-i,p=t.top-i,u=g>o&&p>o,y=Math.max(0,u?p:o);e.style.position="fixed",e.style.left=`${Math.round(h)}px`,e.style.width=`${Math.round(l)}px`,e.style.right="auto",e.style.maxHeight=`${Math.round(y)}px`,u?(e.style.top="auto",e.style.bottom=`${Math.round(window.innerHeight-t.top)}px`):(e.style.top=`${Math.round(t.bottom)}px`,e.style.bottom="auto")}_attachListScrollListener(){const e=this._listEl();!e||this._listWithHandler===e||(this._detachListScrollListener(),e.addEventListener("scroll",this._listScrollHandler,{passive:!0}),this._listWithHandler=e)}_detachListScrollListener(){this._listWithHandler&&(this._listWithHandler.removeEventListener("scroll",this._listScrollHandler),this._listWithHandler=void 0)}_dispatchStandardInput(){this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}_dispatchStandardChangeIfNeeded(){const e=this.value??"";e!==this._lastChangeValue&&(this._lastChangeValue=e,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}_dispatchSubmit(e){this.dispatchEvent(new CustomEvent("scb-search-submit",{detail:e,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("scbsearchsubmit",{detail:e,bubbles:!0,composed:!0})),this._dispatchStandardChangeIfNeeded()}mapSpacingToken(e){if(!e)return;const s=String(e).trim();if(s)return/^\d+$/.test(s)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(s,10)))})`:s}applySpacing(){const e=this.mapSpacingToken(this.spacing),s=this.mapSpacingToken(this.spacingTop)??e,t=this.mapSpacingToken(this.spacingBottom)??e,i=this.mapSpacingToken(this.spacingLeft),r=this.mapSpacingToken(this.spacingRight);s?this.style.setProperty("--scb-search-spacing-block-start",s):this.style.removeProperty("--scb-search-spacing-block-start"),t?this.style.setProperty("--scb-search-spacing-block-end",t):this.style.removeProperty("--scb-search-spacing-block-end"),i?this.style.setProperty("--scb-search-spacing-inline-start",i):this.style.removeProperty("--scb-search-spacing-inline-start"),r?this.style.setProperty("--scb-search-spacing-inline-end",r):this.style.removeProperty("--scb-search-spacing-inline-end")}_syncFormValue(){if(!this._internals)return;const e=this.disabled?null:this.value;this._internals.setFormValue(e)}},m.formAssociated=!0,m.styles=S`:host{--scb-fields-text-font-weight-current:var(--scb-fields-text-medium-font-weight, var(--scb-fields-text-medium-weight, var(--scb-fields-text-font-weight, var(--scb-fields-text-weight))));--scb-fields-text-letter-spacing-current:var(--scb-fields-text-medium-letter-spacing, var(--scb-fields-text-medium-tracking, var(--scb-fields-text-letter-spacing, var(--scb-fields-text-tracking))));--scb-fields-text-line-height-current:var(--scb-fields-text-medium-line-height, var(--scb-fields-text-line-height));--scb-fields-text-size-current:var(--scb-fields-text-medium-size, var(--scb-fields-text-size));--scb-fields-text-font-current:var(--scb-fields-text-medium-font, var(--scb-fields-text-font));--scb-fields-label-font-weight-current:var(--scb-fields-label-medium-font-weight, var(--scb-fields-label-medium-weight, var(--scb-fields-label-font-weight, var(--scb-fields-label-weight))));--scb-fields-label-letter-spacing-current:var(--scb-fields-label-medium-letter-spacing, var(--scb-fields-label-medium-tracking, var(--scb-fields-label-letter-spacing, var(--scb-fields-label-tracking))));--scb-fields-label-line-height-current:var(--scb-fields-label-medium-line-height, var(--scb-fields-label-line-height));--scb-fields-label-size-current:var(--scb-fields-label-medium-size, var(--scb-fields-label-size));--scb-fields-label-font-current:var(--scb-fields-label-medium-font, var(--scb-fields-label-font));--scb-fields-supporting-font-weight-current:var(--scb-fields-supporting-medium-font-weight, var(--scb-fields-supporting-medium-weight, var(--scb-fields-supporting-font-weight, var(--scb-fields-supporting-weight))));--scb-fields-supporting-letter-spacing-current:var(--scb-fields-supporting-medium-letter-spacing, var(--scb-fields-supporting-medium-tracking, var(--scb-fields-supporting-letter-spacing, var(--scb-fields-supporting-tracking))));--scb-fields-supporting-line-height-current:var(--scb-fields-supporting-medium-line-height, var(--scb-fields-supporting-line-height));--scb-fields-supporting-size-current:var(--scb-fields-supporting-medium-size, var(--scb-fields-supporting-size));--scb-fields-supporting-font-current:var(--scb-fields-supporting-medium-font, var(--scb-fields-supporting-font));--scb-fields-option-text-font-weight-current:var(--scb-fields-option-text-medium-font-weight, var(--scb-fields-option-text-medium-weight, var(--scb-fields-option-text-font-weight, var(--scb-fields-option-text-weight))));--scb-fields-option-text-letter-spacing-current:var(--scb-fields-option-text-medium-letter-spacing, var(--scb-fields-option-text-medium-tracking, var(--scb-fields-option-text-letter-spacing, var(--scb-fields-option-text-tracking))));--scb-fields-option-text-line-height-current:var(--scb-fields-option-text-medium-line-height, var(--scb-fields-option-text-line-height));--scb-fields-option-text-size-current:var(--scb-fields-option-text-medium-size, var(--scb-fields-option-text-size));--scb-fields-option-text-font-current:var(--scb-fields-option-text-medium-font, var(--scb-fields-option-text-font));display:flex;flex-direction:column;position:relative;color:var(--scb-fields-content-color, var(--md-sys-color-on-surface));--md-focus-ring-color:var(--scb-fields-focus-color, var(--md-sys-color-primary));-webkit-tap-highlight-color:transparent;margin-block-start:var(--scb-search-spacing-block-start, 0);margin-block-end:var(--scb-search-spacing-block-end, 0);margin-inline-start:var(--scb-search-spacing-inline-start, 0);margin-inline-end:var(--scb-search-spacing-inline-end, 0);--scb-search-radius:var(--scb-search-design-surface-radius-medium);--scb-search-open-radius:var(--radius-xl, 24px);--scb-search-height:var(--scb-search-design-height-medium);--scb-search-padding-x:var(--scb-search-design-search-padding-inline-medium);--scb-search-padding-y:var(--scb-search-design-padding-block-medium);--scb-search-leading-size:var(--scb-search-design-search-action-size-medium);--scb-search-trailing-size:var(--scb-search-design-search-action-size-medium);--scb-search-gap:var(--scb-search-design-search-icon-gap);--scb-search-leading-gap:calc(
|
|
53
|
+
`}formDisabledCallback(e){this.disabled=e,e&&(this._hasValidationBeenReported=!1)}_getValidationMessage(){return this._customValidationMessage?this._customValidationMessage:this.required&&!(this.value??"").trim()?this.errorText||"Fyll i det här fältet.":""}_syncValidity(){const e=this._inputEl(),s=this.disabled?"":this._getValidationMessage(),t=this.error,i=this._validationMessage;if(e&&e.setCustomValidity(s),this._internals)if(s){const r=this._customValidationMessage?{customError:!0}:{valueMissing:!0};this._internals.setValidity(r,s,e??void 0)}else this._internals.setValidity({});this._validationMessage=s,this.error=this.disabled?!1:s?this._hasValidationBeenReported||t:t&&!this._hasValidationBeenReported&&!i,e&&e.setAttribute("aria-invalid",this.error?"true":"false"),this.toggleAttribute("aria-invalid",this.error),(t!==this.error||i!==this._validationMessage)&&this.requestUpdate()}checkValidity(){return this._syncValidity(),this._internals?this._internals.checkValidity():!this.error}reportValidity(){this._hasValidationBeenReported=!0,this._syncValidity();const e=this._inputEl();return e?e.reportValidity():this._internals?this._internals.reportValidity():this.checkValidity()}setCustomValidity(e){this._customValidationMessage=String(e??""),this._syncValidity()}get form(){return this._internals?.form??this._form}get validity(){return this._internals?.validity}get validationMessage(){return this._internals?.validationMessage??this._getValidationMessage()}get willValidate(){return this._internals?.willValidate??!0}get labels(){return this._internals?.labels}submit(){const e=this._getActiveItem(),s={value:this.value};e&&(s.active=this._itemPayload(e)),this._dispatchSubmit(s)}focus(e){const s=this._inputEl();if(s){s.focus(e);return}this.updateComplete.then(()=>this._inputEl()?.focus(e))}blur(){this._inputEl()?.blur()}get _hasSuggestions(){return this._visibleSuggestions>=0?this._visibleSuggestions>0:Array.from(this.getElementsByTagName("scb-list-item")).some(e=>!e.hasAttribute("hidden")&&e.style.display!=="none")}_onSlotChange(){this._filterSuggestions(this.value),this._ensureListDepsWhenNeeded()}_onInput(e){e.stopPropagation();const s=e.target;this.value=s.value,this._syncFormValue(),this._filterSuggestions(this.value),this._ensureListDepsWhenNeeded(),this._activeIndex=-1,this._kbMode=!1,this._updateComboboxA11y();const t={value:this.value};this.dispatchEvent(new CustomEvent("scb-search-input",{detail:t,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("scbsearchinput",{detail:t,bubbles:!0,composed:!0})),this._dispatchStandardInput()}_onNativeChange(e){e.stopPropagation()}_onFocus(){this.disabled||(this._valueOnFocus=this.value??"",this._inputFocused=!0,this._updateInputRingVisibility(),this._filterSuggestions(this.value),this._ensureListDepsWhenNeeded(),this._updateComboboxA11y(),this.requestUpdate())}_onBlur(){setTimeout(()=>{this._inputFocused=!1,this._activeIndex=-1,this._kbMode=!1,this._updateInputRingVisibility(),this._updateComboboxA11y(),this._hideOptionRing(),this._valueOnFocus!==(this.value??"")&&this._dispatchStandardChangeIfNeeded(),this.requestUpdate()},100)}_updateInputRingVisibility(){const e=this.renderRoot?.querySelector(".ripple-wrapper");e&&(this._inputFocused&&this._kbShouldShowRing?e.setAttribute("data-kb-focus","true"):e.removeAttribute("data-kb-focus"))}_handleKey(e){if(this.disabled||!this._inputEl())return;const s=this._getVisibleItems(),t=(this.value??"").trim().length>0,i=this._inputFocused&&t&&s.length>0,r=e.key,l=e.keyCode,h=r==="ArrowDown"||r==="Down"||l===40,g=r==="ArrowUp"||r==="Up"||l===38,o=r==="Home"||l===36,p=r==="End"||l===35,u=r==="Enter"||l===13,y=r==="Escape"||r==="Esc"||l===27;if(h){if(!i)return;e.preventDefault(),this._kbMode=!0,this._moveActive(s,1);return}if(g){if(!i)return;e.preventDefault(),this._kbMode=!0,this._moveActive(s,-1);return}if(o){if(!i)return;e.preventDefault(),this._kbMode=!0,this._activeIndex=s.length?0:-1,this._updateComboboxA11y(),this._scrollActiveIntoView();return}if(p){if(!i)return;e.preventDefault(),this._kbMode=!0,this._activeIndex=s.length?s.length-1:-1,this._updateComboboxA11y(),this._scrollActiveIntoView();return}if(u){if(!i){const v=this._internals?.form??this._form??this.closest("form");v?(e.preventDefault(),this.reportValidity()&&v.requestSubmit()):this.submit();return}e.preventDefault();const x=this._getActiveItem();if(x){const v=x.getAttribute("label")||"";this.value=v,this._syncFormValue(),this._dispatchStandardInput(),this._dispatchSubmit({value:this.value,active:this._itemPayload(x)}),this._visibleSuggestions=0,this._activeIndex=-1,this._kbMode=!1,this._hideOptionRing(),this.requestUpdate()}else this.submit();return}if(y){e.preventDefault(),this._clearInput();return}}_clearInput(){if(this.disabled)return;this.value="",this._activeIndex=-1,this._kbMode=!1;const e=this._inputEl();e&&(e.value="",e.focus()),this._filterSuggestions(""),this._updateComboboxA11y(),this._hideOptionRing(),this._syncFormValue(),this._dispatchStandardInput(),this.dispatchEvent(new CustomEvent("scb-search-clear",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("scbsearchclear",{bubbles:!0,composed:!0})),this._dispatchStandardChangeIfNeeded()}_filterSuggestions(e){const s=(e??"").trim().toLowerCase(),t=Array.from(this.querySelectorAll("scb-list-item"));let i=0;for(const r of t){const l=`${(r.getAttribute("label")||"").toLowerCase()} ${(r.getAttribute("supporting-text")||"").toLowerCase()}`.trim();s!==""&&l.includes(s)?(r.removeAttribute("hidden"),i++):r.setAttribute("hidden",""),this._ensureOptionA11y(r)}this._visibleSuggestions=i,this._activeIndex>=i&&(this._activeIndex=-1),this._updateComboboxA11y(),this.requestUpdate()}_inputEl(){return this.renderRoot?.querySelector("#searchInput")??null}_listEl(){return this.renderRoot?.querySelector("scb-list.suggestion-list")??null}_ringEl(){return this.renderRoot?.querySelector("#optionRing")??null}_getVisibleItems(){return Array.from(this.querySelectorAll("scb-list-item")).filter(e=>!e.hasAttribute("hidden")&&e.style.display!=="none")}_getActiveItem(){const e=this._getVisibleItems();return this._activeIndex<0||this._activeIndex>=e.length?null:e[this._activeIndex]??null}_moveActive(e,s){if(!e.length){this._activeIndex=-1,this._updateComboboxA11y(),this._hideOptionRing();return}let t=this._activeIndex+s;this._activeIndex===-1?t=s>0?0:e.length-1:(t<0&&(t=0),t>=e.length&&(t=e.length-1)),this._activeIndex=t,this._updateComboboxA11y(),this._scrollActiveIntoView()}_scrollActiveIntoView(){const e=this._getActiveItem(),s=this._listEl();if(!e||!s)return;const t=s.getBoundingClientRect(),i=e.getBoundingClientRect();i.top<t.top?s.scrollTop-=t.top-i.top:i.bottom>t.bottom&&(s.scrollTop+=i.bottom-t.bottom)}_itemPayload(e){return{label:e.getAttribute("label")||"",supportingText:e.getAttribute("supporting-text")||"",href:e.getAttribute("href")||"",type:e.getAttribute("type")||"",id:e.id||""}}_ensureListboxA11y(){const e=this._listEl();e&&(e.id||(e.id=this._listboxId),e.setAttribute("role","listbox"),e.setAttribute("aria-label",this.suggestionsLabel)),Array.from(this.querySelectorAll("scb-list-item")).forEach(s=>this._ensureOptionA11y(s))}_ensureOptionA11y(e){e.id||(e.id=`${this._listboxId}-opt-${Math.random().toString(36).slice(2,8)}`),e.setAttribute("role","option"),e.setAttribute("tabindex","-1")}_updateComboboxA11y(){const e=this._inputEl();if(!e)return;const s=this._getVisibleItems(),t=(this.value??"").trim().length>0,i=this._inputFocused&&t&&s.length>0;e.setAttribute("role","combobox"),e.setAttribute("aria-autocomplete","list"),e.setAttribute("aria-controls",this._listboxId),e.setAttribute("aria-expanded",String(i));const r=i?this._getActiveItem():null;r?.id?e.setAttribute("aria-activedescendant",r.id):e.removeAttribute("aria-activedescendant"),this._kbMode&&r&&i?this._positionOptionRing(r):this._hideOptionRing()}_positionOptionRing(e){const s=this._ringEl(),t=this._listEl();if(!s||!t)return;const i=this.getBoundingClientRect(),r=e.getBoundingClientRect(),l=r.top-i.top,h=r.left-i.left,g=r.width,o=r.height;s.style.top=`${l}px`,s.style.left=`${h}px`,s.style.width=`${g}px`,s.style.height=`${o}px`,s.setAttribute("data-show","true")}_hideOptionRing(){const e=this._ringEl();e&&e.removeAttribute("data-show")}_onWindowResize(){const e=this._getActiveItem();this._kbMode&&e&&this._positionOptionRing(e),this._positionSuggestionPopover()}_syncSuggestionPopover(){const e=this._listEl();if(!e||this.fullScreen){_(e);return}R(e)&&requestAnimationFrame(()=>this._positionSuggestionPopover())}_positionSuggestionPopover(){const e=this._listEl(),s=this._inputEl();if(!e||!s||!L(e))return;const t=s.getBoundingClientRect(),i=8,r=Math.max(0,window.innerWidth-i*2),l=Math.min(t.width,r),h=Math.min(Math.max(t.left,i),window.innerWidth-i-l),g=e.getBoundingClientRect().height||e.scrollHeight,o=window.innerHeight-t.bottom-i,p=t.top-i,u=g>o&&p>o,y=Math.max(0,u?p:o);e.style.position="fixed",e.style.left=`${Math.round(h)}px`,e.style.width=`${Math.round(l)}px`,e.style.right="auto",e.style.maxHeight=`${Math.round(y)}px`,u?(e.style.top="auto",e.style.bottom=`${Math.round(window.innerHeight-t.top)}px`):(e.style.top=`${Math.round(t.bottom)}px`,e.style.bottom="auto")}_attachListScrollListener(){const e=this._listEl();!e||this._listWithHandler===e||(this._detachListScrollListener(),e.addEventListener("scroll",this._listScrollHandler,{passive:!0}),this._listWithHandler=e)}_detachListScrollListener(){this._listWithHandler&&(this._listWithHandler.removeEventListener("scroll",this._listScrollHandler),this._listWithHandler=void 0)}_dispatchStandardInput(){this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0}))}_dispatchStandardChangeIfNeeded(){const e=this.value??"";e!==this._lastChangeValue&&(this._lastChangeValue=e,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}_dispatchSubmit(e){this.dispatchEvent(new CustomEvent("scb-search-submit",{detail:e,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("scbsearchsubmit",{detail:e,bubbles:!0,composed:!0})),this._dispatchStandardChangeIfNeeded()}mapSpacingToken(e){if(!e)return;const s=String(e).trim();if(s)return/^\d+$/.test(s)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(s,10)))})`:s}applySpacing(){const e=this.mapSpacingToken(this.spacing),s=this.mapSpacingToken(this.spacingTop)??e,t=this.mapSpacingToken(this.spacingBottom)??e,i=this.mapSpacingToken(this.spacingLeft),r=this.mapSpacingToken(this.spacingRight);s?this.style.setProperty("--scb-search-spacing-block-start",s):this.style.removeProperty("--scb-search-spacing-block-start"),t?this.style.setProperty("--scb-search-spacing-block-end",t):this.style.removeProperty("--scb-search-spacing-block-end"),i?this.style.setProperty("--scb-search-spacing-inline-start",i):this.style.removeProperty("--scb-search-spacing-inline-start"),r?this.style.setProperty("--scb-search-spacing-inline-end",r):this.style.removeProperty("--scb-search-spacing-inline-end")}_syncFormValue(){if(!this._internals)return;const e=this.disabled?null:this.value;this._internals.setFormValue(e)}},m.formAssociated=!0,m.styles=S`:host{--scb-fields-text-font-weight-current:var(--scb-fields-text-medium-font-weight, var(--scb-fields-text-medium-weight, var(--scb-fields-text-font-weight, var(--scb-fields-text-weight))));--scb-fields-text-letter-spacing-current:var(--scb-fields-text-medium-letter-spacing, var(--scb-fields-text-medium-tracking, var(--scb-fields-text-letter-spacing, var(--scb-fields-text-tracking))));--scb-fields-text-line-height-current:var(--scb-fields-text-medium-line-height, var(--scb-fields-text-line-height));--scb-fields-text-size-current:var(--scb-fields-text-medium-size, var(--scb-fields-text-size));--scb-fields-text-font-current:var(--scb-fields-text-medium-font, var(--scb-fields-text-font));--scb-fields-label-font-weight-current:var(--scb-fields-label-medium-font-weight, var(--scb-fields-label-medium-weight, var(--scb-fields-label-font-weight, var(--scb-fields-label-weight))));--scb-fields-label-letter-spacing-current:var(--scb-fields-label-medium-letter-spacing, var(--scb-fields-label-medium-tracking, var(--scb-fields-label-letter-spacing, var(--scb-fields-label-tracking))));--scb-fields-label-line-height-current:var(--scb-fields-label-medium-line-height, var(--scb-fields-label-line-height));--scb-fields-label-size-current:var(--scb-fields-label-medium-size, var(--scb-fields-label-size));--scb-fields-label-font-current:var(--scb-fields-label-medium-font, var(--scb-fields-label-font));--scb-fields-supporting-font-weight-current:var(--scb-fields-supporting-medium-font-weight, var(--scb-fields-supporting-medium-weight, var(--scb-fields-supporting-font-weight, var(--scb-fields-supporting-weight))));--scb-fields-supporting-letter-spacing-current:var(--scb-fields-supporting-medium-letter-spacing, var(--scb-fields-supporting-medium-tracking, var(--scb-fields-supporting-letter-spacing, var(--scb-fields-supporting-tracking))));--scb-fields-supporting-line-height-current:var(--scb-fields-supporting-medium-line-height, var(--scb-fields-supporting-line-height));--scb-fields-supporting-size-current:var(--scb-fields-supporting-medium-size, var(--scb-fields-supporting-size));--scb-fields-supporting-font-current:var(--scb-fields-supporting-medium-font, var(--scb-fields-supporting-font));--scb-fields-option-text-font-weight-current:var(--scb-fields-option-text-medium-font-weight, var(--scb-fields-option-text-medium-weight, var(--scb-fields-option-text-font-weight, var(--scb-fields-option-text-weight))));--scb-fields-option-text-letter-spacing-current:var(--scb-fields-option-text-medium-letter-spacing, var(--scb-fields-option-text-medium-tracking, var(--scb-fields-option-text-letter-spacing, var(--scb-fields-option-text-tracking))));--scb-fields-option-text-line-height-current:var(--scb-fields-option-text-medium-line-height, var(--scb-fields-option-text-line-height));--scb-fields-option-text-size-current:var(--scb-fields-option-text-medium-size, var(--scb-fields-option-text-size));--scb-fields-option-text-font-current:var(--scb-fields-option-text-medium-font, var(--scb-fields-option-text-font));display:flex;flex-direction:column;position:relative;color:var(--scb-fields-content-color, var(--md-sys-color-on-surface));--md-focus-ring-color:var(--scb-fields-focus-color, var(--md-sys-color-primary));-webkit-tap-highlight-color:transparent;margin-block-start:var(--scb-search-spacing-block-start, 0);margin-block-end:var(--scb-search-spacing-block-end, 0);margin-inline-start:var(--scb-search-spacing-inline-start, 0);margin-inline-end:var(--scb-search-spacing-inline-end, 0);--scb-search-radius:var(--scb-search-design-surface-radius-medium);--scb-search-open-radius:var(--radius-xl, 24px);--scb-search-height:var(--scb-search-design-height-medium);--scb-search-padding-x:var(--scb-search-design-search-padding-inline-medium);--scb-search-padding-y:var(--scb-search-design-padding-block-medium);--scb-search-leading-size:var(--scb-search-design-search-action-size-medium);--scb-search-trailing-size:var(--scb-search-design-search-action-size-medium);--scb-search-gap:var(--scb-search-design-search-icon-gap);--scb-search-leading-gap:calc(
|
|
54
54
|
var(--scb-search-padding-x) + var(--scb-search-leading-size) + var(--scb-search-gap)
|
|
55
55
|
);--scb-search-trailing-gap:calc(
|
|
56
56
|
var(--scb-search-padding-x) + var(--scb-search-trailing-size) + var(--scb-search-gap)
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{h as p,m as v,p as a,v as s,y as g}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import"../../vendor/ripple.js";import{
|
|
1
|
+
import{h as p,m as v,p as a,v as s,y as g}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import"../../vendor/ripple.js";import{ensureFocusRingOnFocusVisible as m}from"../shared/lazy-focus-ring.js";import{t as n}from"../../vendor/decorate.js";(function(){try{var c=typeof globalThis<"u"?globalThis:window;if(!c.__scb_ce_guard_installed__){c.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,i,l){try{customElements.get(t)||e(t,i,l)}catch(o){var d=String(o||"");if(d.indexOf("already been used")===-1&&d.indexOf("NotSupportedError")===-1)throw o}}}}catch{}})();var b,r=(b=class extends p{constructor(...e){super(...e),this.label="",this.value="",this.selected=!1,this.icon="",this.href="",this.disabled=!1,this.onHostKeydown=t=>{if(!this.href||this.isEffectivelyDisabled||t.code!=="Space"&&t.code!=="Enter"&&t.code!=="NumpadEnter")return;const i=this.shadowRoot?.querySelector("a[href]");i&&(t.preventDefault(),t.stopPropagation(),i.click())}}get isEffectivelyDisabled(){const e=this.parentElement?.hasAttribute?.("disabled");return this.disabled||!!e}get hasDefaultSlotContent(){return Array.from(this.childNodes).some(e=>e.nodeType===1?!0:e.nodeType===3?(e.textContent??"").trim()!=="":!1)}connectedCallback(){super.connectedCallback(),this.addEventListener("focusin",m)}render(){const e=this.isEffectivelyDisabled,t=!!this.icon,i=!!this.label||this.hasDefaultSlotContent,l=this.label?s`${this.label}`:s`<slot></slot>`,d=`segmented-item${t||this.selected?" has-icon":""}${i?"":" no-label"}`,o=s`<md-icon>check</md-icon>`,h=s`<md-icon class="selection-icon-placeholder" aria-hidden="true">check</md-icon>`,u=s`
|
|
2
2
|
<md-ripple ?disabled="${e}"></md-ripple>
|
|
3
3
|
${this.selected?t&&i?o:t?s`${o}<md-icon>${this.icon}</md-icon>`:o:t?s`<md-icon>${this.icon}</md-icon>`:i?h:""}
|
|
4
4
|
${i?s`<span>${l}</span>`:""}
|