scb-wc 0.1.75 → 0.1.76
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/index.js +20 -20
- package/mvc/components/scb-accordion/scb-accordion-item.js +2 -2
- package/mvc/components/scb-avatar/scb-avatar.js +2 -2
- package/mvc/components/scb-breadcrumb/scb-breadcrumb.js +33 -15
- package/mvc/components/scb-button/scb-button.js +80 -41
- 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 +3 -3
- package/mvc/components/scb-checkbox/scb-checkbox.js +32 -7
- package/mvc/components/scb-chip/scb-chip.js +6 -6
- package/mvc/components/scb-dialog/scb-dialog.js +1 -1
- package/mvc/components/scb-dropdown/scb-dropdown.js +1 -1
- package/mvc/components/scb-fab/scb-fab.js +24 -6
- package/mvc/components/scb-fact-card/scb-fact-card.js +4 -4
- package/mvc/components/scb-header/scb-header.js +474 -124
- package/mvc/components/scb-horizontal-scroller/scb-horizontal-scroller.js +1 -1
- package/mvc/components/scb-icon-button/scb-icon-button.js +2 -2
- package/mvc/components/scb-keyfigure-card/scb-keyfigure-card.js +2 -2
- package/mvc/components/scb-link/scb-link.js +14 -10
- package/mvc/components/scb-list/scb-list-item.js +5 -5
- package/mvc/components/scb-list/scb-list.js +3 -3
- package/mvc/components/scb-menu/scb-menu-item.js +2 -2
- 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-pagination/scb-pagination.js +1 -1
- package/mvc/components/scb-progress-stepper/scb-progress-step.js +1 -1
- package/mvc/components/scb-radio-button/scb-radio-button.js +39 -9
- 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 +3 -3
- package/mvc/components/scb-select/scb-select.js +1 -1
- package/mvc/components/scb-slider/scb-slider.js +58 -4
- package/mvc/components/scb-status-pill/scb-status-pill.js +1 -1
- package/mvc/components/scb-stepper/scb-step.js +1 -1
- package/mvc/components/scb-switch/scb-switch.js +51 -6
- package/mvc/components/scb-tabs/scb-primary-tab.js +3 -2
- package/mvc/components/scb-tabs/scb-secondary-tab.js +3 -2
- package/mvc/components/scb-tabs/scb-tabs.js +11 -2
- package/mvc/components/scb-textfield/scb-textfield.js +1 -1
- package/mvc/components/scb-toc/scb-toc-item.js +1 -1
- package/mvc/components/scb-tooltip/scb-tooltip.js +1 -1
- package/mvc/vendor/assist-chip.js +20 -0
- package/mvc/vendor/attachable-controller.js +1 -0
- package/mvc/vendor/checkbox-validator.js +1 -0
- package/mvc/vendor/chip-set.js +2 -0
- package/mvc/vendor/chip.js +18 -0
- package/mvc/vendor/delegate.js +1 -0
- package/mvc/vendor/element-internals.js +1 -0
- package/mvc/vendor/elevation.js +2 -0
- package/mvc/vendor/filled-icon-button.js +2 -0
- package/mvc/vendor/filled-tonal-icon-button.js +2 -0
- package/mvc/vendor/filter-chip.js +43 -0
- package/mvc/vendor/focusable.js +1 -0
- package/mvc/vendor/form-associated.js +1 -0
- package/mvc/vendor/form-label-activation.js +1 -0
- package/mvc/vendor/form-submitter.js +1 -0
- package/mvc/vendor/icon-button.js +2 -0
- package/mvc/vendor/icon.js +2 -0
- package/mvc/vendor/list.js +8 -0
- package/mvc/vendor/md-focus-ring.js +2 -0
- package/mvc/vendor/outlined-icon-button.js +2 -0
- package/mvc/vendor/redispatch-event.js +1 -0
- package/mvc/vendor/ripple.js +2 -0
- package/mvc/vendor/rolldown-runtime.js +1 -0
- package/mvc/vendor/shared-styles.js +3 -0
- package/mvc/vendor/shared-styles2.js +30 -0
- package/mvc/vendor/tab-styles.js +17 -0
- package/mvc/vendor/validator.js +1 -0
- package/package.json +2 -2
- package/scb-breadcrumb/scb-breadcrumb.js +38 -21
- package/scb-components/scb-header/scb-header.d.ts +11 -4
- package/scb-header/scb-header.js +512 -156
- package/scb-link/scb-link.js +24 -20
- package/scb-wc.bundle.js +602 -232
- package/mvc/vendor/vendor-material.js +0 -364
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{_ as v,b as S,g as m,h as i,m as g,y as h}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/md-focus-ring.js";import{t as e}from"../../vendor/decorate.js";import{n as y,t as p}from"../../vendor/assertClassBrand.js";import"../scb-button/scb-button.js";import"../scb-icon-button/scb-icon-button.js";(function(){try{var n=typeof globalThis<"u"?globalThis:window;if(!n.__scb_ce_guard_installed__){n.__scb_ce_guard_installed__=!0;var l=customElements.define.bind(customElements);customElements.define=function(t,s,r){try{customElements.get(t)||l(t,s,r)}catch(a){var c=String(a||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw a}}}}catch{}})();var d,b,o=(d=new WeakSet,b=class extends v{constructor(...l){super(...l),y(this,d),this.variant="standard",this.width="100%",this.showScrollbar=!1,this.rightScrollButtonLabel="Scrolla höger",this.leftScrollButtonLabel="Scrolla vänster",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.contentFlex=!1,this.internalGap="",this._canScrollLeft=!1,this._canScrollRight=!1,this.updateScrollButtons=()=>{const t=this.scrollerEl||this.shadowRoot?.querySelector(".scb-horizontal-scroller");if(!t){this._canScrollLeft&&(this._canScrollLeft=!1),this._canScrollRight&&(this._canScrollRight=!1),this.removeAttribute("data-scroll-left"),this.removeAttribute("data-scroll-right");return}const s=t.scrollLeft>0,r=t.scrollLeft+t.clientWidth<t.scrollWidth-1;this._canScrollLeft!==s&&(this._canScrollLeft=s),this._canScrollRight!==r&&(this._canScrollRight=r),s?this.setAttribute("data-scroll-left",""):this.removeAttribute("data-scroll-left"),r?this.setAttribute("data-scroll-right",""):this.removeAttribute("data-scroll-right")},this.lastScrollLeft=0,this.isScrolling=!1,this.scrollEndTimeout=null,this.scrollerEl=null,this.slotEl=null,this.sizeObserver=null,this.resizeRaf=null,this.handleScroll=()=>{const t=this.shadowRoot?.querySelector(".scb-horizontal-scroller");t&&(this.updateScrollButtons(),this.dispatchCustomEventWithAlias("scb-scroll",{scrollLeft:t.scrollLeft}),this.isScrolling||(this.isScrolling=!0,this.dispatchCustomEventWithAlias("scb-scroll-start",{scrollLeft:t.scrollLeft})),clearTimeout(this.scrollEndTimeout),this.scrollEndTimeout=setTimeout(()=>{this.isScrolling=!1,this.dispatchCustomEventWithAlias("scb-scroll-end",{scrollLeft:t.scrollLeft})},120),t.scrollLeft>this.lastScrollLeft?this.dispatchCustomEventWithAlias("scb-scroll-right",{scrollLeft:t.scrollLeft}):t.scrollLeft<this.lastScrollLeft&&this.dispatchCustomEventWithAlias("scb-scroll-left",{scrollLeft:t.scrollLeft}),this.lastScrollLeft=t.scrollLeft)},this.handleWheel=t=>{const s=this.scrollerEl||this.shadowRoot?.querySelector(".scb-horizontal-scroller");if(!s||t.deltaY===0)return;const r=s.scrollLeft,c=r>0,a=r+s.clientWidth<s.scrollWidth-1;!c&&!a||(s.scrollLeft+=t.deltaY,s.scrollLeft!==r&&t.preventDefault())}}getScrollStep(){const l=this.scrollerEl||this.shadowRoot?.querySelector(".scb-horizontal-scroller");return l?Math.max(Math.round(l.clientWidth*.8),120):200}doScrollBy(l){const t=this.shadowRoot?.querySelector(".scb-horizontal-scroller");t&&t.scrollBy({left:l,behavior:"smooth"})}connectedCallback(){super.connectedCallback(),this.style.setProperty("--scb-horizontal-scroller-width",this.width)}disconnectedCallback(){super.disconnectedCallback(),this.scrollerEl&&(this.scrollerEl.removeEventListener("scroll",this.handleScroll),this.scrollerEl.removeEventListener("wheel",this.handleWheel)),this.sizeObserver&&(this.sizeObserver.disconnect(),this.sizeObserver=null),this.resizeRaf!==null&&(cancelAnimationFrame(this.resizeRaf),this.resizeRaf=null),this.scrollEndTimeout&&(clearTimeout(this.scrollEndTimeout),this.scrollEndTimeout=null),this.scrollerEl=null,this.slotEl=null}dispatchCustomEvent(l,t={}){this.dispatchEvent(new CustomEvent(l,{detail:t,bubbles:!0,composed:!0}))}dispatchCustomEventWithAlias(l,t={}){if(this.dispatchCustomEvent(l,t),l.includes("-")){const s=l.replace(/-/g,"");this.dispatchCustomEvent(s,t)}}firstUpdated(){this.scrollerEl=this.shadowRoot?.querySelector(".scb-horizontal-scroller"),this.slotEl=this.shadowRoot?.querySelector("slot");const l=this.shadowRoot?.querySelector(".scroll-shadow-left"),t=this.shadowRoot?.querySelector(".scroll-shadow-right");this.scrollerEl&&(this.scrollerEl.addEventListener("scroll",this.handleScroll),this.scrollerEl.addEventListener("wheel",this.handleWheel,{passive:!1}));const s=()=>{if(this.slotEl&&l&&t){const a=this.slotEl.getBoundingClientRect();l.style.height=`${a.height}px`,t.style.height=`${a.height}px`}},r=()=>{s(),this.updateScrollButtons()},c=()=>{this.resizeRaf===null&&(this.resizeRaf=requestAnimationFrame(()=>{this.resizeRaf=null,r()}))};requestAnimationFrame(()=>{r()}),this.slotEl&&this.slotEl.addEventListener("slotchange",()=>{c()}),this.sizeObserver=new ResizeObserver(()=>{c()}),this.scrollerEl&&this.sizeObserver.observe(this.scrollerEl),this.slotEl&&this.sizeObserver.observe(this.slotEl),p(d,this,u).call(this),p(d,this,f).call(this)}updated(l){l.has("width")&&this.style.setProperty("--scb-horizontal-scroller-width",this.width),(l.has("spacing")||l.has("spacingTop")||l.has("spacingBottom")||l.has("spacingLeft")||l.has("spacingRight"))&&p(d,this,u).call(this),(l.has("internalGap")||l.has("contentFlex"))&&p(d,this,f).call(this)}mapSpacingToken(l){if(!l)return;const t=String(l).trim();if(t)return/^\d+$/.test(t)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(t,10)))})`:t}render(){const l=this.variant,t=this._canScrollLeft||this._canScrollRight;return l==="inline"?h`
|
|
2
2
|
<div class="scb-horizontal-scroller ${t?"canScroll":""}" tabindex="0">
|
|
3
3
|
${this.variant!="inline"?h`<div class="scroll-shadow-left"></div>`:""}
|
|
4
4
|
<slot></slot>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/vendor-
|
|
2
|
-
import
|
|
1
|
+
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/filled-icon-button.js","../../vendor/vendor.js","../../vendor/shared-styles2.js","../../vendor/md-focus-ring.js","../../vendor/rolldown-runtime.js","../../vendor/attachable-controller.js","../../vendor/vendor-lit.js","../../vendor/delegate.js","../../vendor/form-submitter.js","../../vendor/element-internals.js","../../vendor/ripple.js","../../vendor/outlined-icon-button.js","../../vendor/filled-tonal-icon-button.js","../../vendor/icon-button.js","../../vendor/icon.js"])))=>i.map(i=>d[i]);
|
|
2
|
+
import{_ as m,b as _,g as v,h as s,v as i,y as r}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/icon.js";import{t as o}from"../../vendor/decorate.js";import{n as y,t as g}from"../../vendor/assertClassBrand.js";import{t as b}from"../../vendor/preload-helper.js";(function(){try{var l=typeof globalThis<"u"?globalThis:window;if(!l.__scb_ce_guard_installed__){l.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(e,a,c){try{customElements.get(e)||t(e,a,c)}catch(u){var d=String(u||"");if(d.indexOf("already been used")===-1&&d.indexOf("NotSupportedError")===-1)throw u}}}}catch{}})();var h,p,n=(h=new WeakSet,p=class extends m{constructor(...t){super(...t),y(this,h),this.icon="home",this.ariaLabel="",this.variant="standard",this.size="medium",this.shape="round",this.toggle=!1,this.selected=!1,this.toggleofficon="add",this.toggleonicon="remove",this.disabled=!1,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.href="",this.target="",this.rel="",this.__filledValue=!1,this.__loadedVariants=new Set,this.__iconLoaded=!1,this.__lastMdHost=null,this.__onInnerChange=()=>{const e=!!this.__getMdHost()?.selected;this.toggle&&(this.selected=e),this.dispatchEvent(new CustomEvent("change",{detail:{selected:e},bubbles:!0,composed:!0}))}}get filled(){return this.__filledValue}set filled(t){const e=!!t,a=this.__filledValue;a!==e&&(this.__filledValue=e,this.requestUpdate("filled",a),this.requestUpdate("iconFilled",a))}get iconFilled(){return this.__filledValue}set iconFilled(t){const e=!!t,a=this.__filledValue;a!==e&&(this.__filledValue=e,this.requestUpdate("iconFilled",a),this.requestUpdate("filled",a))}async firstUpdated(){await this.__ensureDepsLoaded(),await this.updateComplete,this.__attachChangeListener(),this.__syncTitleAndAria(),g(h,this,f).call(this)}updated(t){if(super.updated(t),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&g(h,this,f).call(this),t.has("variant")){this.__ensureDepsLoaded().then(()=>{queueMicrotask(()=>{this.__attachChangeListener(),this.__syncTitleAndAria()})});return}(t.has("toggle")||t.has("icon")||t.has("toggleofficon")||t.has("toggleonicon")||t.has("selected")||t.has("disabled")||t.has("ariaLabel"))&&queueMicrotask(()=>{this.__attachChangeListener(),this.__syncTitleAndAria()})}disconnectedCallback(){this.__lastMdHost?.removeEventListener?.("change",this.__onInnerChange),this.__lastMdHost=null,super.disconnectedCallback()}async __ensureDepsLoaded(){if(!this.__loadedVariants.has(this.variant)){switch(this.variant){case"filled":await b(()=>import("../../vendor/filled-icon-button.js"),__vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10]),import.meta.url);break;case"outlined":await b(()=>import("../../vendor/outlined-icon-button.js"),__vite__mapDeps([11,1,2,3,4,5,6,7,8,9,10]),import.meta.url);break;case"filled-tonal":await b(()=>import("../../vendor/filled-tonal-icon-button.js"),__vite__mapDeps([12,1,2,3,4,5,6,7,8,9,10]),import.meta.url);break;default:await b(()=>import("../../vendor/icon-button.js"),__vite__mapDeps([13,1,2,3,4,5,6,7,8,9,10]),import.meta.url);break}this.__loadedVariants.add(this.variant)}this.__iconLoaded||(await b(()=>import("../../vendor/icon.js").then(t=>t.t),__vite__mapDeps([14,4,1,6]),import.meta.url),this.__iconLoaded=!0)}__getMdHost(){return this.renderRoot.querySelector("md-filled-icon-button, md-outlined-icon-button, md-filled-tonal-icon-button, md-icon-button")}__attachChangeListener(){const t=this.__getMdHost();t&&t!==this.__lastMdHost&&(this.__lastMdHost?.removeEventListener?.("change",this.__onInnerChange),t.addEventListener("change",this.__onInnerChange),this.__lastMdHost=t),this.toggle&&t&&"selected"in t&&(t.selected=this.selected)}__syncTitleAndAria(){const t=this.__getMdHost();if(!t)return;const e=(this.getAttribute("title")||"").trim(),a=(this.ariaLabel||this.getAttribute("aria-label")||"").trim(),c=this.getAttribute("aria-controls"),d=this.getAttribute("aria-expanded"),u=a||e||this.icon.trim()||void 0;u?t.setAttribute("aria-label",u):t.removeAttribute("aria-label"),c!==null?t.setAttribute("aria-controls",c):t.removeAttribute("aria-controls"),d!==null?t.setAttribute("aria-expanded",d):t.removeAttribute("aria-expanded")}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}__renderToggleIcons(){return r`
|
|
3
3
|
<md-icon ?filled=${this.iconFilled||this.filled} aria-hidden="true">${this.toggleofficon}</md-icon>
|
|
4
4
|
<md-icon ?filled=${this.iconFilled||this.filled} slot="selected" aria-hidden="true">${this.toggleonicon}</md-icon>
|
|
5
5
|
`}__renderSingleIcon(){return r`<md-icon ?filled=${this.iconFilled||this.filled} aria-hidden="true">${this.icon}</md-icon>`}__renderMd(){const t=this.toggle?this.__renderToggleIcons():this.__renderSingleIcon();if(this.toggle)switch(this.variant){case"filled":return r`
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/vendor-
|
|
2
|
-
import
|
|
1
|
+
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/icon.js","../../vendor/rolldown-runtime.js","../../vendor/vendor.js","../../vendor/vendor-lit.js","../../vendor/ripple.js","../../vendor/attachable-controller.js"])))=>i.map(i=>d[i]);
|
|
2
|
+
import{_ as z,b as S,g as w,h as r,y as n}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/md-focus-ring.js";import{t as s}from"../../vendor/decorate.js";import{n as $,t as m}from"../../vendor/assertClassBrand.js";import{t as v}from"../../vendor/preload-helper.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(i,a,l){try{customElements.get(i)||e(i,a,l)}catch(d){var o=String(d||"");if(o.indexOf("already been used")===-1&&o.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var h,p,g,T={fromAttribute:c=>c??"",toAttribute:c=>typeof c!="string"||c.trim()===""?null:c},t=(h=new WeakSet,p=class extends z{constructor(...e){super(...e),$(this,h),this.keyfigure=0,this.subtitle="",this.supportingText="",this.cardHref="",this.href="",this.icon="",this.size="large",this.unit="",this.width="",this.maxWidth="",this.height="",this.maxHeight="",this.sizing="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this.__onKeyDown=i=>{const a=this.__effectiveHref;(i.key==="Enter"||i.key===" ")&&a&&(i.preventDefault(),this.__navigate(a,i))},this.__handleHrefNavigation=i=>{const a=this.__effectiveHref;a&&(i.target.closest("a")||this.__navigate(a,i))}}formatNumber(e){if(typeof e=="number")return e.toLocaleString("sv-SE").replace(/\u00A0/g," ");const i=Number(e);return Number.isNaN(i)?String(e):i.toLocaleString("sv-SE").replace(/\u00A0/g," ")}async firstUpdated(){g.__iconLoaded||(await v(()=>import("../../vendor/icon.js").then(e=>e.t),__vite__mapDeps([0,1,2,3]),import.meta.url),g.__iconLoaded=!0),g.__rippleLoaded||(await v(()=>import("../../vendor/ripple.js").then(e=>e.t),__vite__mapDeps([4,1,2,5,3]),import.meta.url),g.__rippleLoaded=!0),this.__applyInnerSizing(),m(h,this,k).call(this)}get __effectiveHref(){return(this.cardHref||this.href||"").trim()}__hasSlottedContent(e){return Array.from(this.children).some(i=>i.getAttribute("slot")===e)}__slottedText(e){return Array.from(this.children).filter(i=>i.getAttribute("slot")===e).map(i=>i.textContent?.trim()??"").filter(Boolean).join(" ")}render(){const e=this.__effectiveHref,i=!!e,a=this.formatNumber(this.keyfigure),l=(this.unit||"").trim(),o=l?`${a} ${l}`:a,d=this.__hasSlottedContent("icon"),u=this.__hasSlottedContent("subtitle"),f=this.__hasSlottedContent("supporting-text"),y=u?this.__slottedText("subtitle"):this.subtitle,b=this.supportingText,x=u||!!y,_=f||!!b;return n`
|
|
3
3
|
<div
|
|
4
4
|
class="scb-keyfigure-card ${i?"clickable":""} ${this.size}"
|
|
5
5
|
role=${i?"link":"group"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/md-focus-ring.js","../../vendor/rolldown-runtime.js","../../vendor/vendor.js","../../vendor/attachable-controller.js","../../vendor/vendor-lit.js"])))=>i.map(i=>d[i]);
|
|
2
|
+
import{_ as v,b as m,g as y,h as n,s as a,y as k}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as s}from"../../vendor/decorate.js";import{n as _,t as f}from"../../vendor/assertClassBrand.js";import{n as S,r as x,t as P}from"../../vendor/classPrivateFieldGet2.js";import{t as T}from"../../vendor/preload-helper.js";(function(){try{var r=typeof globalThis<"u"?globalThis:window;if(!r.__scb_ce_guard_installed__){r.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(i,o,c){try{customElements.get(i)||t(i,o,c)}catch(g){var h=String(g||"");if(h.indexOf("already been used")===-1&&h.indexOf("NotSupportedError")===-1)throw g}}}}catch{}})();var l,p,d,b,L=()=>{customElements.get("md-focus-ring")||(b??(b=T(()=>import("../../vendor/md-focus-ring.js").then(r=>r.t).then(()=>{}),__vite__mapDeps([0,1,2,3,4]),import.meta.url)))},e=(l=new WeakSet,p=new WeakMap,d=class extends v{constructor(...t){super(...t),_(this,l),x(this,p,void 0),this.href="",this.disabled=!1,this.ariaLabel="",this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,S(p,this,i=>{this.disabled&&(i.preventDefault(),i.stopPropagation())})}firstUpdated(){f(l,this,u).call(this)}updated(t){(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&f(l,this,u).call(this)}mapSpacingToken(t){if(!t)return;const i=String(t).trim();if(i)return/^\d+$/.test(i)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(i,10)))})`:i}render(){const t=this.target==="_blank"&&!this.rel?"noopener noreferrer":this.rel;return k`
|
|
2
3
|
<a
|
|
3
4
|
part="anchor"
|
|
4
5
|
href=${a(this.disabled?void 0:this.href||void 0)}
|
|
@@ -7,11 +8,11 @@ import"../../vendor/vendor-material.js";import{_ as u,b as v,g as k,h as n,s as
|
|
|
7
8
|
download=${a(this.download)}
|
|
8
9
|
aria-disabled=${this.disabled?"true":"false"}
|
|
9
10
|
aria-label=${a(this.ariaLabel||void 0)}
|
|
10
|
-
@
|
|
11
|
+
@focusin=${L}
|
|
12
|
+
@click=${P(p,this)}
|
|
11
13
|
><slot></slot></a>
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
`}},d.styles=v`
|
|
14
|
+
<md-focus-ring aria-hidden="true"></md-focus-ring>
|
|
15
|
+
`}},d.styles=m`
|
|
15
16
|
:host {
|
|
16
17
|
display: inline-block;
|
|
17
18
|
position: relative;
|
|
@@ -33,7 +34,10 @@ import"../../vendor/vendor-material.js";import{_ as u,b as v,g as k,h as n,s as
|
|
|
33
34
|
inset: 0;
|
|
34
35
|
pointer-events: none;
|
|
35
36
|
display: none;
|
|
36
|
-
border-radius: var(
|
|
37
|
+
border-radius: var(
|
|
38
|
+
--scb-link-focus-ring-radius,
|
|
39
|
+
var(--md-sys-shape-corner-small, 1px)
|
|
40
|
+
);
|
|
37
41
|
}
|
|
38
42
|
|
|
39
43
|
a {
|
|
@@ -51,6 +55,9 @@ import"../../vendor/vendor-material.js";import{_ as u,b as v,g as k,h as n,s as
|
|
|
51
55
|
}
|
|
52
56
|
a:hover { text-decoration-thickness: var(--scb-link-hover-thickness, 2px); }
|
|
53
57
|
a:focus { outline: none; }
|
|
58
|
+
a:focus-visible + md-focus-ring {
|
|
59
|
+
display: block;
|
|
60
|
+
}
|
|
54
61
|
|
|
55
62
|
:host([disabled]) a {
|
|
56
63
|
pointer-events: none;
|
|
@@ -58,7 +65,4 @@ import"../../vendor/vendor-material.js";import{_ as u,b as v,g as k,h as n,s as
|
|
|
58
65
|
text-decoration: none;
|
|
59
66
|
cursor: default;
|
|
60
67
|
}
|
|
61
|
-
|
|
62
|
-
display: block;
|
|
63
|
-
}
|
|
64
|
-
`,d);function f(){const r=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop)??r,i=this.mapSpacingToken(this.spacingBottom)??r,o=this.mapSpacingToken(this.spacingLeft),c=this.mapSpacingToken(this.spacingRight);t?this.style.setProperty("--scb-link-spacing-block-start",t):this.style.removeProperty("--scb-link-spacing-block-start"),i?this.style.setProperty("--scb-link-spacing-block-end",i):this.style.removeProperty("--scb-link-spacing-block-end"),o?this.style.setProperty("--scb-link-spacing-inline-start",o):this.style.removeProperty("--scb-link-spacing-inline-start"),c?this.style.setProperty("--scb-link-spacing-inline-end",c):this.style.removeProperty("--scb-link-spacing-inline-end")}s([n({type:String,reflect:!0})],e.prototype,"href",void 0);s([n({type:String,reflect:!0})],e.prototype,"target",void 0);s([n({type:String,reflect:!0})],e.prototype,"rel",void 0);s([n({type:String,reflect:!0})],e.prototype,"download",void 0);s([n({type:Boolean,reflect:!0})],e.prototype,"disabled",void 0);s([n({type:String,attribute:"aria-label"})],e.prototype,"ariaLabel",void 0);s([n({type:String,reflect:!0})],e.prototype,"spacing",void 0);s([n({type:String,attribute:"spacing-top",reflect:!0})],e.prototype,"spacingTop",void 0);s([n({type:String,attribute:"spacing-bottom",reflect:!0})],e.prototype,"spacingBottom",void 0);s([n({type:String,attribute:"spacing-left",reflect:!0})],e.prototype,"spacingLeft",void 0);s([n({type:String,attribute:"spacing-right",reflect:!0})],e.prototype,"spacingRight",void 0);e=s([k("scb-link")],e);
|
|
68
|
+
`,d);function u(){const r=this.mapSpacingToken(this.spacing),t=this.mapSpacingToken(this.spacingTop)??r,i=this.mapSpacingToken(this.spacingBottom)??r,o=this.mapSpacingToken(this.spacingLeft),c=this.mapSpacingToken(this.spacingRight);t?this.style.setProperty("--scb-link-spacing-block-start",t):this.style.removeProperty("--scb-link-spacing-block-start"),i?this.style.setProperty("--scb-link-spacing-block-end",i):this.style.removeProperty("--scb-link-spacing-block-end"),o?this.style.setProperty("--scb-link-spacing-inline-start",o):this.style.removeProperty("--scb-link-spacing-inline-start"),c?this.style.setProperty("--scb-link-spacing-inline-end",c):this.style.removeProperty("--scb-link-spacing-inline-end")}s([n({type:String,reflect:!0})],e.prototype,"href",void 0);s([n({type:String,reflect:!0})],e.prototype,"target",void 0);s([n({type:String,reflect:!0})],e.prototype,"rel",void 0);s([n({type:String,reflect:!0})],e.prototype,"download",void 0);s([n({type:Boolean,reflect:!0})],e.prototype,"disabled",void 0);s([n({type:String,attribute:"aria-label"})],e.prototype,"ariaLabel",void 0);s([n({type:String,reflect:!0})],e.prototype,"spacing",void 0);s([n({type:String,attribute:"spacing-top",reflect:!0})],e.prototype,"spacingTop",void 0);s([n({type:String,attribute:"spacing-bottom",reflect:!0})],e.prototype,"spacingBottom",void 0);s([n({type:String,attribute:"spacing-left",reflect:!0})],e.prototype,"spacingLeft",void 0);s([n({type:String,attribute:"spacing-right",reflect:!0})],e.prototype,"spacingRight",void 0);e=s([y("scb-link")],e);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/vendor-
|
|
2
|
-
import
|
|
1
|
+
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/icon.js","../../vendor/rolldown-runtime.js","../../vendor/vendor.js","../../vendor/vendor-lit.js","../scb-checkbox/scb-checkbox.js","../../vendor/assertClassBrand.js","../../vendor/classPrivateFieldGet2.js","../../vendor/decorate.js","../../vendor/md-focus-ring.js","../../vendor/attachable-controller.js","../../vendor/delegate.js","../../vendor/form-label-activation.js","../../vendor/redispatch-event.js","../../vendor/ripple.js","../../vendor/validator.js","../../vendor/element-internals.js","../../vendor/form-associated.js","../../vendor/checkbox-validator.js","../scb-checkbox/scb-checkbox-group.js","../scb-switch/scb-switch.js"])))=>i.map(i=>d[i]);
|
|
2
|
+
import{_ as L,b as E,g as T,h as e,v as n,y as o}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/md-focus-ring.js";import"../../vendor/ripple.js";import{t as i}from"../../vendor/decorate.js";import{n as z,t as w}from"../../vendor/assertClassBrand.js";import{n as h,r as v,t as u}from"../../vendor/classPrivateFieldGet2.js";import{t as x}from"../../vendor/preload-helper.js";(function(){try{var l=typeof globalThis<"u"?globalThis:window;if(!l.__scb_ce_guard_installed__){l.__scb_ce_guard_installed__=!0;var r=customElements.define.bind(customElements);customElements.define=function(a,s,c){try{customElements.get(a)||r(a,s,c)}catch(d){var f=String(d||"");if(f.indexOf("already been used")===-1&&f.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var b,y,m,g,S,k,t=(b=new WeakMap,y=new WeakMap,m=new WeakMap,g=new WeakSet,S=new WeakMap,k=new WeakMap,class extends L{constructor(...r){super(...r),z(this,g),v(this,b,void 0),v(this,y,void 0),v(this,m,void 0),v(this,S,void 0),v(this,k,void 0),this.type="text",this.href="",this.itemHref="",this.target="",this.disabled=!1,this.label="",this.supportingText="",this.overline="",this.leading=!1,this.leadingVariant="",this.leadingIcon="",this.avatarLabel="",this.avatarAlt="",this.avatarVariant="icon",this.avatarSrc="",this.imgHrefImage="",this.trailing=!1,this.trailingVariant="",this.trailingIcon="",this.trailingSwitchLabel="",this.trailingSwitchWidth="",this.trailingSwitchSelected=!1,this.density=0,this.noDivider=!1,h(b,this,!1),h(y,this,!1),h(m,this,!1),this.onRowClick=()=>{if(this.type==="link"&&(this.href||this.itemHref))return;const a=this.shadowRoot?.querySelector("scb-checkbox"),s=this.shadowRoot?.querySelector("scb-switch");if(a&&(a.checked=!a.checked),s){const c=!this.trailingSwitchSelected;s.selected=c,w(g,this,V).call(this,c,!0)}},h(S,this,a=>{const s=a.detail?.selected,c=typeof s=="boolean"?s:a.currentTarget?.selected??!1;w(g,this,V).call(this,c,!0)}),h(k,this,a=>{if(!a.defaultPrevented&&(a.key==="Enter"||a.key===" ")){if(this.type==="link"){const s=this.shadowRoot?.querySelector("a[href]");if(s){a.preventDefault(),s.click();return}}a.preventDefault(),this.onRowClick()}})}static get styles(){return E`
|
|
3
3
|
:host {
|
|
4
4
|
border-bottom: var(--stroke-border, 1px) solid var(--md-sys-color-outline-variant);
|
|
5
5
|
margin-bottom: calc(var(--stroke-border, 1px) * -1);
|
|
@@ -120,7 +120,7 @@ import"../../vendor/vendor-material.js";import{_ as L,b as E,g as T,h as e,v as
|
|
|
120
120
|
variant=${this.avatarVariant}
|
|
121
121
|
></scb-avatar>
|
|
122
122
|
</div>
|
|
123
|
-
`;case"image":return this.imgHrefImage?o`<div class="leading"><img class="img" part="leading-image" src="${this.imgHrefImage}" alt="" /></div>`:n;default:return n}})():n,a=this.href||this.itemHref||"",s=this.target==="_blank"?"open_in_new":"chevron_right",c=this.label?`Välj ${this.label}`:"Välj",
|
|
123
|
+
`;case"image":return this.imgHrefImage?o`<div class="leading"><img class="img" part="leading-image" src="${this.imgHrefImage}" alt="" /></div>`:n;default:return n}})():n,a=this.href||this.itemHref||"",s=this.target==="_blank"?"open_in_new":"chevron_right",c=this.label?`Välj ${this.label}`:"Välj",f=this.label?`Växla ${this.label}`:"Växla";let d=n;if(this.trailing)if(this.trailingVariant==="icon"){const p=this.trailingIcon||(this.type==="link"?s:"");d=p?o`<div class="trailing"><md-icon>${p}</md-icon></div>`:n}else this.trailingVariant==="checkbox"?d=o`
|
|
124
124
|
<div class="trailing">
|
|
125
125
|
<scb-checkbox
|
|
126
126
|
aria-label=${c}
|
|
@@ -131,7 +131,7 @@ import"../../vendor/vendor-material.js";import{_ as L,b as E,g as T,h as e,v as
|
|
|
131
131
|
<scb-switch
|
|
132
132
|
.selected=${this.trailingSwitchSelected}
|
|
133
133
|
label=${this.trailingSwitchLabel||n}
|
|
134
|
-
aria-label=${
|
|
134
|
+
aria-label=${f}
|
|
135
135
|
@click=${p=>p.stopPropagation()}
|
|
136
136
|
@change=${u(S,this)}
|
|
137
137
|
></scb-switch>
|
|
@@ -150,4 +150,4 @@ import"../../vendor/vendor-material.js";import{_ as L,b as E,g as T,h as e,v as
|
|
|
150
150
|
</div>
|
|
151
151
|
|
|
152
152
|
<md-focus-ring></md-focus-ring>
|
|
153
|
-
`}});async function $(){const l=this.type==="link"&&(!this.trailing||this.trailingVariant==="icon");(this.leading&&this.leadingVariant==="icon"||this.trailing&&this.trailingVariant==="icon"||l)&&!u(b,this)&&(await x(()=>import("../../vendor/
|
|
153
|
+
`}});async function $(){const l=this.type==="link"&&(!this.trailing||this.trailingVariant==="icon");(this.leading&&this.leadingVariant==="icon"||this.trailing&&this.trailingVariant==="icon"||l)&&!u(b,this)&&(await x(()=>import("../../vendor/icon.js").then(r=>r.t),__vite__mapDeps([0,1,2,3]),import.meta.url),h(b,this,!0)),this.trailing&&this.trailingVariant==="checkbox"&&!u(y,this)&&(await x(()=>import("../scb-checkbox/scb-checkbox.js"),__vite__mapDeps([4,5,6,7,2,8,1,9,3,10,11,12,13,14,15,16,17,18]),import.meta.url),h(y,this,!0)),this.trailing&&this.trailingVariant==="switch"&&!u(m,this)&&(await x(()=>import("../scb-switch/scb-switch.js"),__vite__mapDeps([19,5,7,2,8,1,9,3,10,11,12,13,14,15,16,17]),import.meta.url),h(m,this,!0))}function V(l,r){this.trailingSwitchSelected=l,r&&this.dispatchEvent(new CustomEvent("trailing-switch-change",{detail:{selected:l},bubbles:!0,composed:!0}))}i([e({type:String,reflect:!0,attribute:"type"})],t.prototype,"type",void 0);i([e({type:String})],t.prototype,"href",void 0);i([e({type:String,attribute:"item-href"})],t.prototype,"itemHref",void 0);i([e({type:String,attribute:"target"})],t.prototype,"target",void 0);i([e({type:Boolean,attribute:"disabled"})],t.prototype,"disabled",void 0);i([e({type:String,reflect:!0})],t.prototype,"label",void 0);i([e({type:String,attribute:"supporting-text"})],t.prototype,"supportingText",void 0);i([e({type:String,attribute:"overline"})],t.prototype,"overline",void 0);i([e({type:Boolean})],t.prototype,"leading",void 0);i([e({type:String,attribute:"leading-variant",reflect:!0})],t.prototype,"leadingVariant",void 0);i([e({type:String,attribute:"leading-icon"})],t.prototype,"leadingIcon",void 0);i([e({type:String,attribute:"avatar-label"})],t.prototype,"avatarLabel",void 0);i([e({type:String,attribute:"avatar-alt"})],t.prototype,"avatarAlt",void 0);i([e({type:String,attribute:"avatar-variant"})],t.prototype,"avatarVariant",void 0);i([e({type:String,attribute:"avatar-src"})],t.prototype,"avatarSrc",void 0);i([e({type:String,reflect:!0,attribute:"img-href-image"})],t.prototype,"imgHrefImage",void 0);i([e({type:Boolean})],t.prototype,"trailing",void 0);i([e({type:String,attribute:"trailing-variant",reflect:!0})],t.prototype,"trailingVariant",void 0);i([e({type:String,attribute:"trailing-icon"})],t.prototype,"trailingIcon",void 0);i([e({type:String,attribute:"trailing-switch-label"})],t.prototype,"trailingSwitchLabel",void 0);i([e({type:String,attribute:"trailing-switch-width"})],t.prototype,"trailingSwitchWidth",void 0);i([e({type:Boolean,attribute:"trailing-switch-selected",reflect:!0})],t.prototype,"trailingSwitchSelected",void 0);i([e({type:Number,reflect:!0})],t.prototype,"density",void 0);i([e({type:Boolean,attribute:"no-divider",reflect:!0})],t.prototype,"noDivider",void 0);t=i([T("scb-list-item")],t);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/
|
|
2
|
-
import{_ as u,b as f,g as b,h as o,p as _,y as v}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as
|
|
1
|
+
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/list.js","../../vendor/vendor.js","../../vendor/vendor-lit.js"])))=>i.map(i=>d[i]);
|
|
2
|
+
import{_ as u,b as f,g as b,h as o,p as _,y as v}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as n}from"../../vendor/decorate.js";import{n as h,r as y,t as S}from"../../vendor/classPrivateFieldGet2.js";import{t as k}from"../../vendor/preload-helper.js";import"./scb-list-item.js";(function(){try{var c=typeof globalThis<"u"?globalThis:window;if(!c.__scb_ce_guard_installed__){c.__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 r=String(l||"");if(r.indexOf("already been used")===-1&&r.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var p,d,a=(p=new WeakMap,d=class extends u{constructor(...t){super(...t),y(this,p,void 0),h(p,this,!1),this.noDivider=!1,this.spacing=void 0,this.spacingTop=void 0,this.spacingBottom=void 0,this.spacingLeft=void 0,this.spacingRight=void 0,this._onSlotChange=()=>this._setupItems()}async firstUpdated(){S(p,this)||(await k(()=>import("../../vendor/list.js"),__vite__mapDeps([0,1,2]),import.meta.url),h(p,this,!0)),this._setupItems(),this._applySpacing()}updated(t){super.updated(t),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&this._applySpacing()}_getItems(){return(this._slotEl?.assignedElements({flatten:!0})??[]).filter(t=>t instanceof HTMLElement)}_setupItems(){this._getItems().forEach((e,i)=>{e.hasAttribute("role")||e.setAttribute("role","listitem"),e.setAttribute("tabindex",i===0?"0":"-1")});const t=this.renderRoot?.querySelector("md-list");t&&!t.hasAttribute("data-kbd")&&(t.setAttribute("data-kbd","true"),t.addEventListener("keydown",e=>this._onKeyDown(e)))}_onKeyDown(t){const e=this._getItems();if(!e.length)return;const i=e.findIndex(r=>r.getAttribute("tabindex")==="0"),s=r=>{const l=(r%e.length+e.length)%e.length;e.forEach(m=>m.setAttribute("tabindex","-1"));const g=e[l];g.setAttribute("tabindex","0"),g.focus()};switch(t.key){case"ArrowDown":case"ArrowRight":t.preventDefault(),s(i<0?0:i+1);break;case"ArrowUp":case"ArrowLeft":t.preventDefault(),s(i<0?0:i-1);break;case"Home":t.preventDefault(),s(0);break;case"End":t.preventDefault(),s(e.length-1);break;default:break}}_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.marginBlockStart=e:this.style.removeProperty("margin-block-start"),i?this.style.marginBlockEnd=i:this.style.removeProperty("margin-block-end"),s?this.style.marginInlineStart=s:this.style.removeProperty("margin-inline-start"),r?this.style.marginInlineEnd=r:this.style.removeProperty("margin-inline-end")}render(){return v`
|
|
3
3
|
<md-list role="list" @slotchange=${this._onSlotChange}>
|
|
4
4
|
<slot></slot>
|
|
5
5
|
</md-list>
|
|
@@ -23,4 +23,4 @@ import{_ as u,b as f,g as b,h as o,p as _,y as v}from"../../vendor/vendor.js";im
|
|
|
23
23
|
:host([no-divider]) ::slotted(scb-list-item) {
|
|
24
24
|
--stroke-border: 0px;
|
|
25
25
|
}
|
|
26
|
-
`],d);
|
|
26
|
+
`],d);n([o({type:Boolean,attribute:"no-divider",reflect:!0})],a.prototype,"noDivider",void 0);n([o({type:String,reflect:!0})],a.prototype,"spacing",void 0);n([o({type:String,reflect:!0,attribute:"spacing-top"})],a.prototype,"spacingTop",void 0);n([o({type:String,reflect:!0,attribute:"spacing-bottom"})],a.prototype,"spacingBottom",void 0);n([o({type:String,reflect:!0,attribute:"spacing-left"})],a.prototype,"spacingLeft",void 0);n([o({type:String,reflect:!0,attribute:"spacing-right"})],a.prototype,"spacingRight",void 0);n([_("slot")],a.prototype,"_slotEl",void 0);a=n([b("scb-list")],a);export{a as ScbList};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/vendor-
|
|
2
|
-
import{_ as g,b as _,g as f,h as r,m as v,v as u,y as l}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as s}from"../../vendor/decorate.js";import"../../vendor/scb-chevron.js";import{t as h}from"../../vendor/preload-helper.js";(function(){try{var a=typeof globalThis<"u"?globalThis:window;if(!a.__scb_ce_guard_installed__){a.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,n,d){try{customElements.get(t)||e(t,n,d)}catch(p){var m=String(p||"");if(m.indexOf("already been used")===-1&&m.indexOf("NotSupportedError")===-1)throw p}}}}catch{}})();var c,o,b={fromAttribute:a=>a==null?!1:!/^(false|0|off|no)$/i.test(a),toAttribute:a=>a?"":null},i=(c=class extends g{constructor(...e){super(...e),this.label="",this.selected=!1,this.noHighlightSelected=!1,this.leadingIcon="",this.itemHref="",this.hasChildren=!1,this.loading=!1,this.hasSlotContent=!1,this.expanded=!1,this.__submenuId=`sub-${Math.random().toString(36).slice(2)}`,this.__focusId=`f-${Math.random().toString(36).slice(2)}`,this._toggleExpand=t=>{t&&t.stopPropagation(),this.__isExpandable&&this.__setExpanded(!this.expanded)},this._onButtonClick=t=>{t.stopPropagation(),this._dispatchSelect(),this._toggleExpand()},this._onLinkClick=()=>{this._dispatchSelect()},this._onKeyDown=t=>{const n=Array.from(this.closest("scb-sub-menu, scb-menu")?.querySelectorAll("scb-menu-item")||[]),d=n.indexOf(this);switch(t.key){case"ArrowDown":t.preventDefault(),(n[d+1]||n[0]).shadowRoot?.querySelector(".scb-menu-label-text")?.focus();break;case"ArrowUp":t.preventDefault(),(n[d-1]||n[n.length-1]).shadowRoot?.querySelector(".scb-menu-label-text")?.focus();break;case"Home":t.preventDefault(),n[0].shadowRoot?.querySelector(".scb-menu-label-text")?.focus();break;case"End":t.preventDefault(),n[n.length-1].shadowRoot?.querySelector(".scb-menu-label-text")?.focus();break}}}get __submenuEl(){return this.renderRoot.querySelector(`#${this.__submenuId}`)}get __isExpandable(){return this.hasSlotContent||this.hasChildren}async __ensureDepsLoaded(){o.__rippleLoaded||(await h(()=>import("../../vendor/
|
|
1
|
+
const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["../../vendor/ripple.js","../../vendor/rolldown-runtime.js","../../vendor/vendor.js","../../vendor/attachable-controller.js","../../vendor/vendor-lit.js","../../vendor/md-focus-ring.js","../../vendor/icon.js"])))=>i.map(i=>d[i]);
|
|
2
|
+
import{_ as g,b as _,g as f,h as r,m as v,v as u,y as l}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import{t as s}from"../../vendor/decorate.js";import"../../vendor/scb-chevron.js";import{t as h}from"../../vendor/preload-helper.js";(function(){try{var a=typeof globalThis<"u"?globalThis:window;if(!a.__scb_ce_guard_installed__){a.__scb_ce_guard_installed__=!0;var e=customElements.define.bind(customElements);customElements.define=function(t,n,d){try{customElements.get(t)||e(t,n,d)}catch(p){var m=String(p||"");if(m.indexOf("already been used")===-1&&m.indexOf("NotSupportedError")===-1)throw p}}}}catch{}})();var c,o,b={fromAttribute:a=>a==null?!1:!/^(false|0|off|no)$/i.test(a),toAttribute:a=>a?"":null},i=(c=class extends g{constructor(...e){super(...e),this.label="",this.selected=!1,this.noHighlightSelected=!1,this.leadingIcon="",this.itemHref="",this.hasChildren=!1,this.loading=!1,this.hasSlotContent=!1,this.expanded=!1,this.__submenuId=`sub-${Math.random().toString(36).slice(2)}`,this.__focusId=`f-${Math.random().toString(36).slice(2)}`,this._toggleExpand=t=>{t&&t.stopPropagation(),this.__isExpandable&&this.__setExpanded(!this.expanded)},this._onButtonClick=t=>{t.stopPropagation(),this._dispatchSelect(),this._toggleExpand()},this._onLinkClick=()=>{this._dispatchSelect()},this._onKeyDown=t=>{const n=Array.from(this.closest("scb-sub-menu, scb-menu")?.querySelectorAll("scb-menu-item")||[]),d=n.indexOf(this);switch(t.key){case"ArrowDown":t.preventDefault(),(n[d+1]||n[0]).shadowRoot?.querySelector(".scb-menu-label-text")?.focus();break;case"ArrowUp":t.preventDefault(),(n[d-1]||n[n.length-1]).shadowRoot?.querySelector(".scb-menu-label-text")?.focus();break;case"Home":t.preventDefault(),n[0].shadowRoot?.querySelector(".scb-menu-label-text")?.focus();break;case"End":t.preventDefault(),n[n.length-1].shadowRoot?.querySelector(".scb-menu-label-text")?.focus();break}}}get __submenuEl(){return this.renderRoot.querySelector(`#${this.__submenuId}`)}get __isExpandable(){return this.hasSlotContent||this.hasChildren}async __ensureDepsLoaded(){o.__rippleLoaded||(await h(()=>import("../../vendor/ripple.js").then(e=>e.t),__vite__mapDeps([0,1,2,3,4]),import.meta.url),o.__rippleLoaded=!0),o.__focusRingLoaded||(await h(()=>import("../../vendor/md-focus-ring.js").then(e=>e.t),__vite__mapDeps([5,1,2,3,4]),import.meta.url),o.__focusRingLoaded=!0),this.leadingIcon&&!o.__iconLoaded&&(await h(()=>import("../../vendor/icon.js").then(e=>e.t),__vite__mapDeps([6,1,2,4]),import.meta.url),o.__iconLoaded=!0)}__syncHasSlotContentFromLightDom(){const e=Array.from(this.children);this.hasSlotContent=e.some(t=>t.tagName==="SCB-SUB-MENU")}connectedCallback(){super.connectedCallback(),this.__syncHasSlotContentFromLightDom()}_onSlotChange(e){const t=e.target.assignedElements({flatten:!0});this.hasSlotContent=t.some(n=>n.tagName==="SCB-SUB-MENU")}__setExpanded(e){if(!this.__isExpandable)return;this.expanded=e;const t={item:this,expanded:e,hasChildren:this.hasChildren,hasSlotContent:this.hasSlotContent,loading:this.loading,lazy:this.hasChildren&&!this.hasSlotContent};this.dispatchEvent(new CustomEvent("scb-menu-expand",{bubbles:!0,composed:!0,detail:t})),this.dispatchEvent(new CustomEvent("scbmenuexpand",{bubbles:!0,composed:!0,detail:t}))}_dispatchSelect(){this.dispatchEvent(new CustomEvent("scb-menu-select",{bubbles:!0,composed:!0,detail:{item:this}})),this.dispatchEvent(new CustomEvent("scbmenuselect",{bubbles:!0,composed:!0,detail:{item:this}}))}async firstUpdated(){await this.__ensureDepsLoaded(),this.__applyInert()}updated(e){e.has("leadingIcon")&&this.leadingIcon&&this.__ensureDepsLoaded(),(e.has("hasSlotContent")&&this.hasSlotContent||e.has("hasChildren")&&this.hasChildren||e.has("loading")&&this.loading)&&this.__ensureDepsLoaded(),(e.has("expanded")||e.has("hasChildren")||e.has("loading"))&&this.__applyInert()}__applyInert(){const e=this.__submenuEl;e&&(this.loading?e.setAttribute("aria-busy","true"):e.removeAttribute("aria-busy"),this.expanded?(e.removeAttribute("inert"),e.setAttribute("aria-hidden","false")):(e.setAttribute("inert",""),e.setAttribute("aria-hidden","true")))}render(){const e=!!this.leadingIcon,t=!!this.itemHref,n=this.__isExpandable;return l`
|
|
3
3
|
<div class="scb-menu-item">
|
|
4
4
|
<div class="scb-menu-item-label" ?selected=${this.selected} ?no-highlight-selected=${this.noHighlightSelected}>
|
|
5
5
|
${t?l`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{_ as h,b as g,g as f,h as o,y as m}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/md-focus-ring.js";import"../../vendor/ripple.js";import{t as r}from"../../vendor/decorate.js";import"./scb-nav-item.js";(function(){try{var p=typeof globalThis<"u"?globalThis:window;if(!p.__scb_ce_guard_installed__){p.__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 a=String(c||"");if(a.indexOf("already been used")===-1&&a.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var b,_={fromAttribute(p){return p===null?!1:p.toLowerCase()!=="false"}},n=(b=class extends h{constructor(...t){super(...t),this.label="",this.activeHref="",this.activateOnClick=!0,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.__onClick=e=>{const i=e.composedPath().find(a=>a instanceof HTMLElement&&(a.tagName==="A"||a.tagName==="BUTTON"||a.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),a=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"),a?this.style.setProperty("--scb-nav-spacing-inline-end",a):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.hasAttribute("role")||this.setAttribute("role","navigation"),this.__syncStickyStyles(),this.__syncAriaLabel()}async firstUpdated(){await this.__decorateItems(),this.__applyActiveHref(),this.__applySpacing()}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,a=e.tagName==="SCB-NAV-ITEM";if(!i&&!s&&!a||(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=u=>{const v=e.querySelector(u);if(v instanceof HTMLElement)return v;const y=document.createElement(u);return e.appendChild(y),y},d=c("md-ripple");d&&d.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="24px"),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,a=i instanceof HTMLButtonElement,c=i.tagName==="SCB-NAV-ITEM";if(!s&&!a&&!c)continue;a&&!i.hasAttribute("type")&&i.setAttribute("type","button");const d=this.__getItemHref(i);t&&d===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"))}}render(){return m`
|
|
2
2
|
<div class="scb-nav">
|
|
3
3
|
<div class="scb-nav__items" @click=${this.__onClick}>
|
|
4
4
|
<slot @slotchange=${this.__onSlotChange}></slot>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{_ as k,b as T,g as $,h as o,m as p,y as h}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/md-focus-ring.js";import"../../vendor/icon.js";import{t as i}from"../../vendor/decorate.js";import{n as E,t as B}from"../../vendor/assertClassBrand.js";import"../scb-icon-button/scb-icon-button.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(n,s,a){try{customElements.get(n)||e(n,s,a)}catch(l){var c=String(l||"");if(c.indexOf("already been used")===-1&&c.indexOf("NotSupportedError")===-1)throw l}}}}catch{}})();var g,m,C={fromAttribute:r=>r??"",toAttribute:r=>typeof r!="string"||r.trim()===""?null:r},t=(g=new WeakSet,m=class extends k{constructor(...e){super(...e),E(this,g),this.variant="success",this.direction="horizontal",this.size="large",this.title="",this.notificationCardTitle="",this.subtitle="",this.supportingText="",this.open=!1,this.linkText="",this.linkHref="#",this.href="",this.showIcon=!1,this.showCloseButton=!1,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 n=new CustomEvent("openchange",{detail:{open:this.open},bubbles:!0,composed:!0});this.dispatchEvent(n);const s=new CustomEvent("notification-close",{detail:{open:this.open},bubbles:!0,composed:!0});this.dispatchEvent(s);const a=new CustomEvent("close",{detail:{open:this.open},bubbles:!0,composed:!0});this.dispatchEvent(a);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(e){const n=(e??"").trim();return n?/^\d+$/.test(n)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(n,10)))})`:n:""}__applySpacing(){const e=this.__resolveSpacingToken(this.spacingTop||this.spacing),n=this.__resolveSpacingToken(this.spacingBottom||this.spacing),s=this.__resolveSpacingToken(this.spacingLeft||this.spacing),a=this.__resolveSpacingToken(this.spacingRight||this.spacing);e?this.style.marginBlockStart=e:this.style.removeProperty("margin-block-start"),n?this.style.marginBlockEnd=n:this.style.removeProperty("margin-block-end"),s?this.style.marginInlineStart=s:this.style.removeProperty("margin-inline-start"),a?this.style.marginInlineEnd=a:this.style.removeProperty("margin-inline-end")}__hasLightDomSlot(e){return Array.from(this.children).some(n=>n.getAttribute("slot")===e)}__slotHasContent(e){return!!this.renderRoot?.querySelector(`slot[name="${e}"]`)?.assignedNodes({flatten:!0}).some(s=>s.nodeType===Node.TEXT_NODE?!!s.textContent?.trim():!0)}updated(e){super.updated(e),e.has("width")&&(this.width&&this.width.trim()!==""?this.style.inlineSize=this.width:this.style.removeProperty("inline-size")),e.has("maxWidth")&&(this.maxWidth&&this.maxWidth.trim()!==""?this.style.maxInlineSize=this.maxWidth:this.style.removeProperty("max-inline-size")),e.has("height")&&(this.height&&this.height.trim()!==""?this.style.blockSize=this.height:this.style.removeProperty("block-size")),e.has("maxHeight")&&(this.maxHeight&&this.maxHeight.trim()!==""?this.style.maxBlockSize=this.maxHeight:this.style.removeProperty("max-block-size")),(e.has("spacing")||e.has("spacingTop")||e.has("spacingBottom")||e.has("spacingLeft")||e.has("spacingRight"))&&this.__applySpacing()}render(){const e=this.direction==="vertical"?"vertical":"horizontal",n=this.__hasHeading||this.__hasLightDomSlot("heading"),s=this.__hasSubtitle||this.__hasLightDomSlot("subtitle"),a=this.__hasSupportingText||this.__hasLightDomSlot("supporting-text"),c=this.__hasFooter||this.__hasLightDomSlot("footer"),l=H.call(B(g,this)),b=this.subtitle,v=this.supportingText,d=n||!!l,f=s||!!b,y=a||!!v,u=c||!!this.linkText,x=!!(d||f),_=!!(y&&!d&&!f&&!u),z=!!(this.showIcon||this.__hasIcon||this.__hasLightDomSlot("icon")),w=this.linkHref&&this.linkHref!=="#"?this.linkHref:this.href||this.linkHref,S=this.variant==="success"?"--_icon-color: var(--md-sys-color-on-success-container, #007041);":this.variant==="error"?"--_icon-color: var(--md-sys-color-on-error-container, #942500);":this.variant==="warning"?"--_icon-color: var(--md-sys-color-on-warning-container, #6B5600);":"--_icon-color: var(--md-sys-color-on-info-container, #1E00BE);";return h`
|
|
2
2
|
<div class="notification" type=${this.variant} role="alert" aria-live="assertive" aria-atomic="true">
|
|
3
3
|
<div class="notification-main ${e}">
|
|
4
4
|
${z?h`
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{_ as h,b as d,g as p,h as l,y as u}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/md-focus-ring.js";import"../../vendor/icon.js";import"../../vendor/ripple.js";import{t as r}from"../../vendor/decorate.js";import"../scb-divider/scb-divider.js";(function(){try{var a=typeof globalThis<"u"?globalThis:window;if(!a.__scb_ce_guard_installed__){a.__scb_ce_guard_installed__=!0;var i=customElements.define.bind(customElements);customElements.define=function(t,e,s){try{customElements.get(t)||i(t,e,s)}catch(b){var n=String(b||"");if(n.indexOf("already been used")===-1&&n.indexOf("NotSupportedError")===-1)throw b}}}}catch{}})();var c,o=(c=class extends h{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 u`
|
|
2
2
|
${this.divider?u`<scb-divider></scb-divider>`:""}
|
|
3
3
|
<li @click=${this.handleClick} @keydown=${this._onKeyDown} @blur=${this._onBlur} @focus=${this._onFocus} role="menuitem" tabindex="0">
|
|
4
4
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{_ as x,b as w,g as _,h as p,y as o}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/md-focus-ring.js";import"../../vendor/icon.js";import{t as l}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 h=typeof globalThis<"u"?globalThis:window;if(!h.__scb_ce_guard_installed__){h.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(n,a,s){try{customElements.get(n)||t(n,a,s)}catch(g){var e=String(g||"");if(e.indexOf("already been used")===-1&&e.indexOf("NotSupportedError")===-1)throw g}}}}catch{}})();var b,r=(b=class extends x{constructor(...t){super(...t),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.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=()=>{this.isNarrow=window.innerWidth<=768}}_emitPageChange(t){const n={page:t};this.dispatchEvent(new CustomEvent("page-change",{detail:n,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("pagechange",{detail:n,bubbles:!0,composed:!0}))}_getPagingHref(t){if(!this.pagingHref)return;const n=(this.baseUri||"").trim(),a=n||window.location.href,s=new URL(a,window.location.href),e=this.pagingHref.trim().replace(/^[?&]/,"").split("=")[0];if(e)return s.searchParams.delete(e),s.searchParams.set(e,String(t)),/^https?:\/\//i.test(n)?s.toString():`${s.pathname}${s.search}${s.hash}`}_handlePageSelection(t,n){!this.pagingHref&&n&&n.preventDefault(),this.page=t,this._emitPageChange(t)}_prevPage(t){if(this.page<=1){!this.pagingHref&&t&&t.preventDefault();return}this._handlePageSelection(this.page-1,t)}_nextPage(t){if(this.page>=this.totalPages){!this.pagingHref&&t&&t.preventDefault();return}this._handlePageSelection(this.page+1,t)}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this._onResize),this._onResize()}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("resize",this._onResize)}mapSpacingToken(t){if(t==null)return;const n=String(t).trim();if(n)return/^\d+$/.test(n)?`var(--spacing-${Math.max(0,Math.min(14,parseInt(n,10)))})`:n}__applySpacing(){const t=this.mapSpacingToken(this.spacing),n=this.mapSpacingToken(this.spacingTop)??t,a=this.mapSpacingToken(this.spacingBottom)??t,s=this.mapSpacingToken(this.spacingLeft),e=this.mapSpacingToken(this.spacingRight);n?this.style.setProperty("--scb-pagination-spacing-block-start",n):this.style.removeProperty("--scb-pagination-spacing-block-start"),a?this.style.setProperty("--scb-pagination-spacing-block-end",a):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"),e?this.style.setProperty("--scb-pagination-spacing-inline-end",e):this.style.removeProperty("--scb-pagination-spacing-inline-end")}firstUpdated(){this.__applySpacing()}updated(t){super.updated(t),(t.has("spacing")||t.has("spacingTop")||t.has("spacingBottom")||t.has("spacingLeft")||t.has("spacingRight"))&&this.__applySpacing()}render(){if(this.totalPages===0)return null;const t=this.variant?`${this.variant.toLowerCase()}`:"",n=this.alignment==="center"||this.alignment==="end"?`align-${this.alignment}`:"align-start",a=[],{page:s,totalPages:e}=this,g=window.innerWidth<=768,d=g?1:2,u=this._getPagingHref(Math.max(1,this.page-1)),f=this._getPagingHref(Math.min(this.totalPages,this.page+1)),m=this.pagingHref?this.variant==="icon"?o`<a
|
|
2
2
|
class="paging-action-link"
|
|
3
3
|
href=${u}
|
|
4
4
|
@click=${this._prevPage}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{_ as h,b,g as f,h as a,m as u,y as r}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/md-focus-ring.js";import"../../vendor/ripple.js";import{t as s}from"../../vendor/decorate.js";(function(){try{var l=typeof globalThis<"u"?globalThis:window;if(!l.__scb_ce_guard_installed__){l.__scb_ce_guard_installed__=!0;var t=customElements.define.bind(customElements);customElements.define=function(o,i,c){try{customElements.get(o)||t(o,i,c)}catch(d){var p=String(d||"");if(p.indexOf("already been used")===-1&&p.indexOf("NotSupportedError")===-1)throw d}}}}catch{}})();var n,e=(n=class extends h{constructor(...t){super(...t),this.width="100%",this.active=!1,this.disabled=!1,this.href="",this.label="",this.position="top",this._stepId=`scb-step-${Math.random().toString(36).slice(2)}`}updated(t){super.updated?.(t),this.style.setProperty("--progress-step-width",this.width)}_onClick(){const t={width:this.width,label:this.label,active:this.active,disabled:this.disabled,href:this.href||void 0};this.dispatchEvent(new CustomEvent("step-click",{detail:t,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("stepclick",{detail:t,bubbles:!0,composed:!0}))}firstUpdated(t){super.firstUpdated?.(t),this._setupTooltipPositioning()}_setupTooltipPositioning(){new MutationObserver(()=>this._adjustTooltipPosition()).observe(this,{attributes:!0,childList:!0,subtree:!0}),window.addEventListener("resize",()=>this._adjustTooltipPosition())}_adjustTooltipPosition(){const t=this.renderRoot.querySelector(".tooltip");if(!t)return;t.style.left="50%",t.style.right="",t.style.transform="translateX(-50%)",t.classList.remove("tooltip-left","tooltip-right");const o=t.getBoundingClientRect(),i=8;o.right>window.innerWidth-i&&(t.style.left="auto",t.style.right=`${i}px`,t.style.transform="none",t.classList.add("tooltip-right")),o.left<i&&(t.style.left=`${i}px`,t.style.right="auto",t.style.transform="none",t.classList.add("tooltip-left"))}render(){return r`
|
|
2
2
|
${this.href&&!this.disabled?r`
|
|
3
3
|
<a
|
|
4
4
|
id=${this._stepId}
|
|
@@ -1,6 +1,36 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{_ as D,b as O,c as P,g as K,h as o,l as _,p as U,v as m,y as k}from"../../vendor/vendor.js";import"../../vendor/vendor-lit.js";import"../../vendor/md-focus-ring.js";import"../../vendor/ripple.js";import{t as l}from"../../vendor/decorate.js";import{n as W,t as q}from"../../vendor/element-internals.js";import{n as G}from"../../vendor/form-label-activation.js";import{n as N,t as d}from"../../vendor/assertClassBrand.js";import{n as L,r as S,t as b}from"../../vendor/classPrivateFieldGet2.js";import{i as H,n as j,r as J,t as Q}from"../../vendor/validator.js";import{n as X,r as Y,t as Z}from"../../vendor/form-associated.js";import{t as ee}from"../../vendor/focusable.js";import"./scb-radio-group.js";(function(){try{var e=typeof globalThis<"u"?globalThis:window;if(!e.__scb_ce_guard_installed__){e.__scb_ce_guard_installed__=!0;var i=customElements.define.bind(customElements);customElements.define=function(t,s,r){try{customElements.get(t)||i(t,s,r)}catch(c){var h=String(c||"");if(h.indexOf("already been used")===-1&&h.indexOf("NotSupportedError")===-1)throw c}}}}catch{}})();var te=class extends Q{computeValidity(e){this.radioElement||(this.radioElement=document.createElement("input"),this.radioElement.type="radio",this.radioElement.name="group");let i=!1,t=!1;for(const{checked:s,required:r}of e)r&&(i=!0),s&&(t=!0);return this.radioElement.checked=t,this.radioElement.required=i,{validity:{valueMissing:i&&!t},validationMessage:this.radioElement.validationMessage}}equals(e,i){if(e.length!==i.length)return!1;for(let t=0;t<e.length;t++){const s=e[t],r=i[t];if(s.checked!==r.checked||s.required!==r.required)return!1}return!0}copy(e){return e.map(({checked:i,required:t})=>({checked:i,required:t}))}},ie=class{get controls(){const e=this.host.getAttribute("name");return!e||!this.root||!this.host.isConnected?[this.host]:Array.from(this.root.querySelectorAll(`[name="${e}"]`))}constructor(e){this.host=e,this.focused=!1,this.root=null,this.handleFocusIn=()=>{this.focused=!0,this.updateTabIndices()},this.handleFocusOut=()=>{this.focused=!1,this.updateTabIndices()},this.handleKeyDown=i=>{const t=i.key==="ArrowDown",s=i.key==="ArrowUp",r=i.key==="ArrowLeft",h=i.key==="ArrowRight";if(!r&&!h&&!t&&!s)return;const c=this.controls;if(!c.length)return;i.preventDefault();const T=getComputedStyle(this.host).direction==="rtl"?r||t:h||t,I=c.indexOf(this.host);let u=T?I+1:I-1;for(;u!==I;){u>=c.length?u=0:u<0&&(u=c.length-1);const p=c[u];if(p.hasAttribute("disabled")){T?u++:u--;continue}for(const C of c)C!==p&&(C.checked=!1,C.tabIndex=-1,C.blur());p.checked=!0,p.tabIndex=0,p.focus(),p.dispatchEvent(new Event("change",{bubbles:!0}));break}}}hostConnected(){this.root=this.host.getRootNode(),this.host.addEventListener("keydown",this.handleKeyDown),this.host.addEventListener("focusin",this.handleFocusIn),this.host.addEventListener("focusout",this.handleFocusOut),this.host.checked&&this.uncheckSiblings(),this.updateTabIndices()}hostDisconnected(){this.host.removeEventListener("keydown",this.handleKeyDown),this.host.removeEventListener("focusin",this.handleFocusIn),this.host.removeEventListener("focusout",this.handleFocusOut),this.updateTabIndices(),this.root=null}handleCheckedChange(){this.host.checked&&(this.uncheckSiblings(),this.updateTabIndices())}uncheckSiblings(){for(const e of this.controls)e!==this.host&&(e.checked=!1)}updateTabIndices(){const e=this.controls,i=e.find(t=>t.checked);if(i||this.focused){const t=i||this.host;t.tabIndex=0;for(const s of e)s!==t&&(s.tabIndex=-1);return}for(const t of e)t.tabIndex=0}},V,$=Symbol("checked"),se=0,re=H(Y(W(ee(D)))),E=class extends re{get checked(){return this[$]}set checked(e){const i=this.checked;i!==e&&(this[$]=e,this.requestUpdate("checked",i),this.selectionController.handleCheckedChange())}constructor(){super(),this.maskId=`cutout${++se}`,this[V]=!1,this.required=!1,this.value="on",this.selectionController=new ie(this),this.addController(this.selectionController),this[q].role="radio",this.addEventListener("click",this.handleClick.bind(this)),this.addEventListener("keydown",this.handleKeydown.bind(this))}render(){return k`
|
|
2
|
+
<div class="container ${P({checked:this.checked})}" aria-hidden="true">
|
|
3
|
+
<md-ripple
|
|
4
|
+
part="ripple"
|
|
5
|
+
.control=${this}
|
|
6
|
+
?disabled=${this.disabled}></md-ripple>
|
|
7
|
+
<md-focus-ring part="focus-ring" .control=${this}></md-focus-ring>
|
|
8
|
+
<svg class="icon" viewBox="0 0 20 20">
|
|
9
|
+
<mask id="${this.maskId}">
|
|
10
|
+
<rect width="100%" height="100%" fill="white" />
|
|
11
|
+
<circle cx="10" cy="10" r="8" fill="black" />
|
|
12
|
+
</mask>
|
|
13
|
+
<circle
|
|
14
|
+
class="outer circle"
|
|
15
|
+
cx="10"
|
|
16
|
+
cy="10"
|
|
17
|
+
r="10"
|
|
18
|
+
mask="url(#${this.maskId})" />
|
|
19
|
+
<circle class="inner circle" cx="10" cy="10" r="5" />
|
|
20
|
+
</svg>
|
|
21
|
+
|
|
22
|
+
<input
|
|
23
|
+
id="input"
|
|
24
|
+
type="radio"
|
|
25
|
+
tabindex="-1"
|
|
26
|
+
.checked=${this.checked}
|
|
27
|
+
.value=${this.value}
|
|
28
|
+
?disabled=${this.disabled} />
|
|
29
|
+
</div>
|
|
30
|
+
`}updated(){this[q].ariaChecked=String(this.checked)}async handleClick(e){this.disabled||(await 0,!e.defaultPrevented&&(G(e)&&this.focus(),this.checked=!0,this.dispatchEvent(new Event("change",{bubbles:!0})),this.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0}))))}async handleKeydown(e){await 0,!(e.key!==" "||e.defaultPrevented)&&this.click()}[(V=$,X)](){return this.checked?this.value:null}[Z](){return String(this.checked)}formResetCallback(){this.checked=this.hasAttribute("checked")}formStateRestoreCallback(e){this.checked=e==="true"}[j](){return new te(()=>this.selectionController?this.selectionController.controls:[this])}[J](){return this.container}};_([o({type:Boolean})],E.prototype,"checked",null);_([o({type:Boolean})],E.prototype,"required",void 0);_([o()],E.prototype,"value",void 0);_([U(".container")],E.prototype,"container",void 0);var ae=O`@layer{:host{display:inline-flex;height:var(--md-radio-icon-size, 20px);outline:none;position:relative;vertical-align:top;width:var(--md-radio-icon-size, 20px);-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;--md-ripple-hover-color: var(--md-radio-hover-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-hover-opacity: var(--md-radio-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-radio-pressed-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-pressed-opacity: var(--md-radio-pressed-state-layer-opacity, 0.12)}:host([disabled]){cursor:default}:host([touch-target=wrapper]){margin:max(0px,(48px - var(--md-radio-icon-size, 20px))/2)}.container{display:flex;height:100%;place-content:center;place-items:center;width:100%}md-focus-ring{height:44px;inset:unset;width:44px}.checked{--md-ripple-hover-color: var(--md-radio-selected-hover-state-layer-color, var(--md-sys-color-primary, #6750a4));--md-ripple-hover-opacity: var(--md-radio-selected-hover-state-layer-opacity, 0.08);--md-ripple-pressed-color: var(--md-radio-selected-pressed-state-layer-color, var(--md-sys-color-on-surface, #1d1b20));--md-ripple-pressed-opacity: var(--md-radio-selected-pressed-state-layer-opacity, 0.12)}input{appearance:none;height:48px;margin:0;position:absolute;width:48px;cursor:inherit}:host([touch-target=none]) input{width:100%;height:100%}md-ripple{border-radius:50%;height:var(--md-radio-state-layer-size, 40px);inset:unset;width:var(--md-radio-state-layer-size, 40px)}.icon{fill:var(--md-radio-icon-color, var(--md-sys-color-on-surface-variant, #49454f));inset:0;position:absolute}.outer.circle{transition:fill 50ms linear}.inner.circle{opacity:0;transform-origin:center;transition:opacity 50ms linear}.checked .icon{fill:var(--md-radio-selected-icon-color, var(--md-sys-color-primary, #6750a4))}.checked .inner.circle{animation:inner-circle-grow 300ms cubic-bezier(0.05, 0.7, 0.1, 1);opacity:1}@keyframes inner-circle-grow{from{transform:scale(0)}to{transform:scale(1)}}:host([disabled]) .circle{animation-duration:0s;transition-duration:0s}:host(:hover) .icon{fill:var(--md-radio-hover-icon-color, var(--md-sys-color-on-surface, #1d1b20))}:host(:focus-within) .icon{fill:var(--md-radio-focus-icon-color, var(--md-sys-color-on-surface, #1d1b20))}:host(:active) .icon{fill:var(--md-radio-pressed-icon-color, var(--md-sys-color-on-surface, #1d1b20))}:host([disabled]) .icon{fill:var(--md-radio-disabled-unselected-icon-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-radio-disabled-unselected-icon-opacity, 0.38)}:host(:hover) .checked .icon{fill:var(--md-radio-selected-hover-icon-color, var(--md-sys-color-primary, #6750a4))}:host(:focus-within) .checked .icon{fill:var(--md-radio-selected-focus-icon-color, var(--md-sys-color-primary, #6750a4))}:host(:active) .checked .icon{fill:var(--md-radio-selected-pressed-icon-color, var(--md-sys-color-primary, #6750a4))}:host([disabled]) .checked .icon{fill:var(--md-radio-disabled-selected-icon-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-radio-disabled-selected-icon-opacity, 0.38)}}@layer hcm{@media(forced-colors: active){.icon{fill:CanvasText}:host([disabled]) .icon{fill:GrayText;opacity:1}}}
|
|
31
|
+
`,F=class extends E{};F.styles=[ae];F=_([K("md-radio")],F);var a,f,y,g,A,z=!1,x=0,M=e=>{e.metaKey||e.altKey||e.ctrlKey||(z=!0)},v=()=>{z=!1},oe=()=>{x===0&&(window.addEventListener("keydown",M,!0),window.addEventListener("pointerdown",v,!0),window.addEventListener("mousedown",v,!0),window.addEventListener("touchstart",v,!0)),x+=1},ne=()=>{x=Math.max(0,x-1),x===0&&(window.removeEventListener("keydown",M,!0),window.removeEventListener("pointerdown",v,!0),window.removeEventListener("mousedown",v,!0),window.removeEventListener("touchstart",v,!0))},n=(a=new WeakSet,f=new WeakMap,y=new WeakMap,g=new WeakMap,A=class extends D{constructor(...i){super(...i),N(this,a),S(this,f,void 0),S(this,y,void 0),S(this,g,void 0),this.disabled=!1,this.checked=!1,this.name="",this.value="",this.size="medium",this.deselectable=!1,this.label="",this.supportingText="",this.ariaLabel="",this._radioId="",this._showOuterFocusRing=!1,L(f,this,()=>{this.disabled||this.label?.trim()&&z&&d(a,this,w).call(this,!0)}),L(y,this,()=>{d(a,this,w).call(this,!1)}),L(g,this,()=>{d(a,this,w).call(this,!1)}),this._onClick=t=>{if(this.disabled)return;t.preventDefault(),t.stopPropagation();const s=this.deselectable?!this.checked:!0;s!==this.checked&&(this.checked=s,d(a,this,R).call(this),this.checked&&this.dispatchEvent(new CustomEvent("scb-radio-change",{detail:{name:this.name,source:this},bubbles:!0,composed:!0})),this.dispatchEvent(new Event("input",{bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("change",{detail:{checked:this.checked,value:this.checked?this.value:""},bubbles:!0,composed:!0})))},this._onRadioChange=t=>{t.detail.name===this.name&&t.detail.source!==this&&(this.checked=!1)}}connectedCallback(){super.connectedCallback(),oe(),this._radioId=this.id||`scb-radio-${Math.random().toString(36).substr(2,9)}`,d(a,this,B).call(this),this.addEventListener("focusin",b(f,this)),this.addEventListener("focusout",b(y,this)),this.addEventListener("pointerdown",b(g,this),!0),document.addEventListener("scb-radio-change",this._onRadioChange)}disconnectedCallback(){super.disconnectedCallback(),ne(),this.removeEventListener("focusin",b(f,this)),this.removeEventListener("focusout",b(y,this)),this.removeEventListener("pointerdown",b(g,this),!0),document.removeEventListener("scb-radio-change",this._onRadioChange)}firstUpdated(){this.__syncInnerAria(),d(a,this,R).call(this)}updated(i){super.updated(i),i.has("disabled")&&(this.toggleAttribute("aria-disabled",this.disabled),this.disabled&&d(a,this,w).call(this,!1)),(i.has("label")||i.has("supportingText")||i.has("ariaLabel"))&&this.__syncInnerAria(),i.has("label")&&d(a,this,B).call(this),i.has("checked")&&d(a,this,R).call(this)}__syncInnerAria(){const i=this.shadowRoot?.querySelector("md-radio")?.shadowRoot;if(!i)return;const t=i.querySelector('[role="radio"]')||i.querySelector('input[type="radio"]');if(!t)return;const s=!!this.label?.trim(),r=s?`${this._radioId}-label`:"",h=this.supportingText?`${this._radioId}-supporting-text`:"";s&&r?(t.setAttribute("aria-labelledby",r),t.removeAttribute("aria-label")):(t.removeAttribute("aria-labelledby"),this.ariaLabel?.trim()?t.setAttribute("aria-label",this.ariaLabel.trim()):t.removeAttribute("aria-label")),h?t.setAttribute("aria-describedby",h):t.removeAttribute("aria-describedby")}render(){const i=this.supportingText?`${this._radioId}-supporting-text`:void 0,t=!!this.label?.trim(),s=t?m:this.ariaLabel||m;return k`
|
|
2
32
|
<label class="wrap">
|
|
3
|
-
${
|
|
33
|
+
${t?k`<md-focus-ring class="outer-focus-ring" ?visible=${this._showOuterFocusRing}></md-focus-ring>`:m}
|
|
4
34
|
<div class="radio-wrap">
|
|
5
35
|
<md-radio
|
|
6
36
|
id="${this._radioId}"
|
|
@@ -8,18 +38,18 @@ import"../../vendor/vendor-material.js";import{_ as I,b as z,g as A,h as d,v as
|
|
|
8
38
|
?checked=${this.checked}
|
|
9
39
|
name="${this.name}"
|
|
10
40
|
value="${this.value}"
|
|
11
|
-
aria-label=${
|
|
12
|
-
aria-describedby=${i??
|
|
41
|
+
aria-label=${s}
|
|
42
|
+
aria-describedby=${i??m}
|
|
13
43
|
@click=${this._onClick}
|
|
14
44
|
></md-radio>
|
|
15
45
|
</div>
|
|
16
|
-
${
|
|
17
|
-
${this.supportingText?
|
|
46
|
+
${t?k`<span class="lbl" id="${this._radioId}-label">${this.label}</span>`:m}
|
|
47
|
+
${this.supportingText?k`<div id="${i}" class="supporting-text">
|
|
18
48
|
${this.supportingText}
|
|
19
|
-
</div>`:
|
|
49
|
+
</div>`:m}
|
|
20
50
|
</label>
|
|
21
51
|
<slot></slot>
|
|
22
|
-
`}},
|
|
52
|
+
`}},A.styles=O`
|
|
23
53
|
/* layout med inline-grid */
|
|
24
54
|
:host {
|
|
25
55
|
display: inline-grid;
|
|
@@ -130,4 +160,4 @@ import"../../vendor/vendor-material.js";import{_ as I,b as z,g as A,h as d,v as
|
|
|
130
160
|
.lbl { color: var(--md-sys-color-on-surface); }
|
|
131
161
|
.supporting-text { color: var(--md-sys-color-on-surface-variant); }
|
|
132
162
|
}
|
|
133
|
-
`,
|
|
163
|
+
`,A);function w(e){this._showOuterFocusRing!==e&&(this._showOuterFocusRing=e,this.requestUpdate())}function B(){const e=!!this.label?.trim();this.toggleAttribute("data-has-label",e),e||d(a,this,w).call(this,!1)}function R(){const e=this.shadowRoot?.querySelector("md-radio");e&&(e.checked=this.checked,this.checked?e.setAttribute("checked",""):e.removeAttribute("checked"))}l([o({type:Boolean,reflect:!0})],n.prototype,"disabled",void 0);l([o({type:Boolean,reflect:!0})],n.prototype,"checked",void 0);l([o({type:String,reflect:!0})],n.prototype,"name",void 0);l([o({type:String,reflect:!0})],n.prototype,"value",void 0);l([o({type:String,reflect:!0})],n.prototype,"size",void 0);l([o({type:Boolean,reflect:!0})],n.prototype,"deselectable",void 0);l([o({type:String})],n.prototype,"label",void 0);l([o({type:String,attribute:"supporting-text"})],n.prototype,"supportingText",void 0);l([o({type:String,attribute:"aria-label"})],n.prototype,"ariaLabel",void 0);n=l([K("scb-radio-button")],n);
|