@momentum-design/components 0.130.5 → 0.130.6
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/dist/browser/index.js
CHANGED
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
`,Hi=U`0 0 0 var(--mdc-focus-ring-inner-width) var(--mdc-focus-ring-inner-color),
|
|
40
40
|
0 0 0 var(--mdc-focus-ring-middle-width) var(--mdc-focus-ring-middle-color),
|
|
41
41
|
0 0 0 var(--mdc-focus-ring-outer-width) var(--mdc-focus-ring-outer-color)
|
|
42
|
-
`,
|
|
42
|
+
`,At=(a=!1)=>a?[Ui,U`
|
|
43
43
|
.mdc-focus-ring:focus-visible {
|
|
44
44
|
outline: none;
|
|
45
45
|
}
|
|
@@ -131,7 +131,7 @@
|
|
|
131
131
|
:host([size='20']) {
|
|
132
132
|
--mdc-button-height: 1.25rem;
|
|
133
133
|
}
|
|
134
|
-
`,...
|
|
134
|
+
`,...At()],yu=PE;var er=class extends Lt(Ct(_e(Br(Gt(X))))){constructor(){super();this.size=Ln.SIZE;this.role=Ln.ROLE;this.type=Ln.TYPE;this.prevTabindex=0;this.internals=this.attachInternals(),this.addEventListener("click",this.executeAction.bind(this)),this.addEventListener("keydown",this.handleKeyDown.bind(this)),this.addEventListener("keyup",this.handleKeyUp.bind(this)),this.addEventListener("blur",this.handleBlur.bind(this))}get form(){return this.internals.form}update(t){super.update(t),t.has("disabled")&&this.setDisabled(this,this.disabled),t.has("softDisabled")&&this.setSoftDisabled(this,this.softDisabled),t.has("active")&&(this.active!==void 0&&(this.ariaStateKey=this.ariaStateKey||Ln.ARIA_STATE_KEY),this.setActive(this,this.active))}executeAction(){this.type===gs.SUBMIT&&this.form&&this.form.requestSubmit(),this.type===gs.RESET&&this.form&&this.form.reset()}setActive(t,r){this.ariaStateKey&&this.ariaStateKey.split(",").filter(d=>d.trim().startsWith("aria-")).forEach(d=>{r===!0?t.setAttribute(d.trim(),"true"):r===!1?t.setAttribute(d.trim(),"false"):t.removeAttribute(d.trim())})}setSoftDisabled(t,r){r?t.setAttribute("aria-disabled","true"):t.removeAttribute("aria-disabled")}setDisabled(t,r){r?(t.setAttribute("aria-disabled","true"),this.prevTabindex=this.tabIndex,this.tabIndex=-1):(this.tabIndex===-1&&(this.tabIndex=this.prevTabindex),t.removeAttribute("aria-disabled"))}triggerClickEvent(){this.click()}handleBlur(){this.classList.contains("pressed")&&this.classList.remove("pressed")}handleKeyDown(t){let r=this.getActionForKeyEvent(t);(r===q.ENTER||r===q.SPACE)&&(this.classList.add("pressed"),r===q.ENTER&&(this.triggerClickEvent(),this.keyDownEventHandled()),t.preventDefault())}handleKeyUp(t){let r=this.getActionForKeyEvent(t);(r===q.ENTER||r===q.SPACE)&&(this.classList.remove("pressed"),r===q.SPACE&&this.triggerClickEvent())}render(){return C` <slot></slot> `}};er.formAssociated=!0,er.styles=[...X.styles,...yu],m([u({type:Boolean,reflect:!0})],er.prototype,"active",2),m([u({type:Boolean,attribute:"soft-disabled",reflect:!0})],er.prototype,"softDisabled",2),m([u({type:Number,reflect:!0})],er.prototype,"size",2),m([u({type:String,reflect:!0})],er.prototype,"role",2),m([u({type:String,reflect:!0})],er.prototype,"ariaStateKey",2),m([u({reflect:!0})],er.prototype,"type",2),m([u({type:String,reflect:!0})],er.prototype,"name",2),m([u({type:String,reflect:!0})],er.prototype,"value",2);var pe=er;var hl=a=>{class o extends a{get overflowElement(){return this}isWidthOverflowing(){let r=this.overflowElement;return r.scrollWidth>r.clientWidth}}return o};var DE=U`
|
|
135
135
|
:host {
|
|
136
136
|
--mdc-button-prefix-icon-size: 1rem;
|
|
137
137
|
--mdc-button-postfix-icon-size: 1rem;
|
|
@@ -447,7 +447,7 @@
|
|
|
447
447
|
width: 100%;
|
|
448
448
|
fill: var(--mdc-icon-fill-color);
|
|
449
449
|
}
|
|
450
|
-
`,...
|
|
450
|
+
`,...At()],Au=$E;var Dn={},Su=async a=>(Dn[a]===void 0&&(Dn[a]=new Map),{async set(o,t){Dn[a].set(o.url,await t.text())},async get(o){return Dn[a].get(o.url)},async delete(o){Dn[a].delete(o.url)}}),Iu=async a=>{let o=await caches.open(a);return{set:async(t,r)=>{await o.put(t,r)},get:async t=>{let r=await o.match(t);return r==null?void 0:r.text()},delete:async t=>{await o.delete(t)}}},fl=async(a,o)=>o==="in-memory-cache"?Su(a):Iu(a);var _u=async a=>fetch(a).then(o=>{if(!o.ok)throw new Error("There was a problem while fetching the icon!");return o}),Cu=async({url:a,name:o,fileExtension:t,cacheStrategy:r,cacheName:s,renewSignal:d})=>{let c=d(),f=new Request(`${a}/${o}.${t}`,{signal:c});return!s||!r||!["in-memory-cache","web-cache-api"].includes(r)?_u(f).then(y=>y.text()):fl(s,r).then(y=>y.get(f).then(I=>I||_u(f.clone()).then($=>{var Y;return $.status<400&&$.headers.has("content-type")?(Y=y.set)==null?void 0:Y.call(y,f,$.clone()).then(()=>$.text()):$.text()})).catch(I=>{throw new Error(`Error in caching the Icon ${o}, ${I}`)}))};var wu=V.constructTagName("icon"),Sc={NAME:void 0,SIZE:1};var rr=class extends X{constructor(){super();this.name=Sc.NAME;this.ariaLabel=null;this.ariaLabelledby=null;this.iconProviderContext=he.consume({host:this,context:Pn.Context});this.abortController=new AbortController}prepareIconElement(t){let r=new DOMParser().parseFromString(t,"text/html").body.children[0];return this.name&&r.setAttribute("data-name",this.name),r.setAttribute("part","icon"),r.setAttribute("aria-hidden","true"),r}async getIconData(){if(this.iconProviderContext.value){let{fileExtension:r,url:s,cacheName:d,iconSet:c,cacheStrategy:f}=this.iconProviderContext.value;if(c==="custom-icons"&&s&&r&&this.name){let y=()=>{var I;return(I=this.abortController)==null||I.abort(),this.abortController=new AbortController,this.abortController.signal};return Cu({url:s,name:this.name,fileExtension:r,cacheName:d,cacheStrategy:f,renewSignal:y}).then(I=>{let $=this.prepareIconElement(I);this.handleIconLoadedSuccess($)}).catch(I=>{this.handleIconLoadedFailure(I)})}if(c==="momentum-icons"&&this.name)return import(`@momentum-design/icons/dist/ts/${this.name}.ts`).then(y=>{this.handleIconLoadedSuccess(y.default())}).catch(y=>{this.handleIconLoadedFailure(y)})}let t=new Error("IconProvider not found or not properly set up.");return this.handleIconLoadedFailure(t),Promise.reject(t)}handleIconLoadedSuccess(t){this.iconData=t;let r=new Event("load",{bubbles:!0,cancelable:!0});this.dispatchEvent(r)}handleIconLoadedFailure(t){let r=new CustomEvent("error",{bubbles:!0,cancelable:!0,detail:{error:t}});this.dispatchEvent(r)}updateSize(){var t;if(this.computedIconSize&&(this.lengthUnit||this.lengthUnitFromContext)){let r=`${this.computedIconSize}${(t=this.lengthUnit)!=null?t:this.lengthUnitFromContext}`;this.style.setProperty("--computed-icon-size",r)}}get computedIconSize(){var t,r;return(r=(t=this.size)!=null?t:this.sizeFromContext)!=null?r:Sc.SIZE}updated(t){var r,s,d,c;super.updated(t),t.has("name")&&this.getIconData().catch(f=>{f.name!=="AbortError"&&this.onerror&&this.onerror(f)}),(t.has("ariaLabel")||t.has("ariaLabelledby"))&&(this.role=this.ariaLabel||this.ariaLabelledby?"img":null),(t.has("size")||t.has("lengthUnit"))&&this.updateSize(),this.lengthUnitFromContext!==((r=this.iconProviderContext.value)==null?void 0:r.lengthUnit)&&(this.lengthUnitFromContext=(s=this.iconProviderContext.value)==null?void 0:s.lengthUnit,this.updateSize()),this.sizeFromContext!==((d=this.iconProviderContext.value)==null?void 0:d.size)&&(this.sizeFromContext=(c=this.iconProviderContext.value)==null?void 0:c.size,this.updateSize())}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this.abortController)==null||t.abort(),this.abortController=void 0}render(){return C` ${this.iconData} `}};rr.styles=[...X.styles,...Au],m([ut()],rr.prototype,"iconData",2),m([ut()],rr.prototype,"lengthUnitFromContext",2),m([ut()],rr.prototype,"sizeFromContext",2),m([u({type:String,reflect:!0})],rr.prototype,"name",2),m([u({type:Number})],rr.prototype,"size",2),m([u({type:String,attribute:"length-unit"})],rr.prototype,"lengthUnit",2),m([u({type:String,attribute:"aria-label"})],rr.prototype,"ariaLabel",2),m([u({type:String,attribute:"aria-labelledby"})],rr.prototype,"ariaLabelledby",2),m([ut()],rr.prototype,"abortController",2);var Ic=rr;Ic.register(wu);var zE=Ic;No.register(di);var VE=No;var ku=U`
|
|
451
451
|
:host::part(text) {
|
|
452
452
|
font-size: unset;
|
|
453
453
|
font-weight: unset;
|
|
@@ -814,7 +814,7 @@
|
|
|
814
814
|
:host([variant='default']:not([expanded]))::part(header-section) {
|
|
815
815
|
border-bottom: none;
|
|
816
816
|
}
|
|
817
|
-
`,Ou=[jE,...
|
|
817
|
+
`,Ou=[jE,...At(!0)];var Gr=class extends Lt(Ct(Gt(X))){constructor(){super(...arguments);this.size=Gi.SIZE;this.variant=Gi.VARIANT;this.dataAriaLevel=Gi.DATA_ARIA_LEVEL;this.expanded=Gi.EXPANDED;this.headSectionId=`head-section-${Ce()}`;this.bodySectionId=`body-section-${Ce()}`}handleHeaderClick(){this.disabled||(this.expanded=!this.expanded,this.dispatchHeaderClickEvent())}click(){this.disabled||(super.click(),this.handleHeaderClick())}dispatchHeaderClickEvent(){let t=new CustomEvent("shown",{bubbles:!0,cancelable:!0,detail:{expanded:this.expanded}});this.dispatchEvent(t)}handleKeyDown(t){let r=this.getActionForKeyEvent(t);(r===q.ENTER||r===q.SPACE)&&(this.handleHeaderClick(),this.keyDownEventHandled())}renderIcon(t){return t?C`<mdc-icon name="${t}" length-unit="rem" size="1"></mdc-icon>`:j}renderHeadingText(){return this.headerText?C`<mdc-text
|
|
818
818
|
id="${this.headSectionId}"
|
|
819
819
|
type="${ot.BODY_LARGE_REGULAR}"
|
|
820
820
|
tagname=${pt.SPAN}
|
|
@@ -929,7 +929,7 @@
|
|
|
929
929
|
:host([variant='borderless']) ::slotted(mdc-accordionbutton[expanded]) {
|
|
930
930
|
border-bottom: 1px solid var(--mdc-accordiongroup-items-border-color);
|
|
931
931
|
}
|
|
932
|
-
`,Pu=[ZE,...
|
|
932
|
+
`,Pu=[ZE,...At()];var pi=class extends X{constructor(){super();this.size=$n.SIZE;this.variant=$n.VARIANT;this.allowMultiple=!1;this.addEventListener("shown",this.handleAccordionExpanded)}handleAccordionExpanded(t){this.allowMultiple||[...this.accordionItems,...this.accordionButtonItems].forEach(r=>{r!==t.target&&r.hasAttribute("expanded")&&r.toggleAttribute("expanded")})}setChildrenAccordionAttributes(t,r){[...this.accordionItems].forEach(s=>{s.setAttribute(t,r)}),[...this.accordionButtonItems].forEach(s=>{s.setAttribute(t,r)})}updated(t){super.updated(t),t.has("size")&&(this.size||(this.size=$n.SIZE),this.setChildrenAccordionAttributes("size",this.size)),t.has("variant")&&(this.variant||(this.variant=$n.VARIANT),this.setChildrenAccordionAttributes("variant",this.variant))}render(){return C` <slot></slot> `}};pi.styles=[...X.styles,...Pu],m([u({type:String,reflect:!0})],pi.prototype,"size",2),m([u({type:String,reflect:!0})],pi.prototype,"variant",2),m([u({type:Boolean,reflect:!0,attribute:"allow-multiple"})],pi.prototype,"allowMultiple",2),m([Ft({selector:gl})],pi.prototype,"accordionItems",2),m([Ft({selector:vl})],pi.prototype,"accordionButtonItems",2);var Mc=pi;Mc.register(Mu);var QE=Mc;xs.register(vl);var JE=xs;var te=a=>{class o extends a{}return m([u({type:String,attribute:"icon-name",reflect:!0})],o.prototype,"iconName",2),o};var tT=U`
|
|
933
933
|
:host {
|
|
934
934
|
height: 1.5rem;
|
|
935
935
|
gap: 0.25rem;
|
|
@@ -1042,7 +1042,7 @@
|
|
|
1042
1042
|
--mdc-chip-icon-color: ButtonText;
|
|
1043
1043
|
}
|
|
1044
1044
|
}
|
|
1045
|
-
`,Du=[bt,tT,...
|
|
1045
|
+
`,Du=[bt,tT,...At()];var Fu=V.constructTagName("alertchip"),Mo={NEUTRAL:"neutral",ERROR:"error",SUCCESS:"success",WARNING:"warning",INFORMATIONAL:"informational"},As={VARIANT:Mo.NEUTRAL,TEXT_TYPE:ot.BODY_MIDSIZE_REGULAR,TAG_NAME:pt.SPAN,SIZE:_o[24],ROLE:J.BUTTON};var $u=a=>({[Mo.ERROR]:"error-legacy-badge-filled",[Mo.INFORMATIONAL]:"info-badge-filled",[Mo.NEUTRAL]:"dnd-presence-badge-filled",[Mo.SUCCESS]:"check-circle-badge-filled",[Mo.WARNING]:"warning-badge-filled"})[a];var Ss=class extends te(pe){constructor(){super(...arguments);this.variant=As.VARIANT}connectedCallback(){super.connectedCallback(),this.disabled=void 0,this.softDisabled=void 0,this.active=void 0,this.size=As.SIZE,this.role=As.ROLE}render(){return C`
|
|
1046
1046
|
<mdc-icon part="icon" name="${this.iconName||$u(this.variant)}" length-unit="rem" size="1"></mdc-icon>
|
|
1047
1047
|
${this.label?C`<mdc-text part="label" type="${As.TEXT_TYPE}" tagname="${As.TAG_NAME}"
|
|
1048
1048
|
>${this.label}</mdc-text
|
|
@@ -1692,7 +1692,7 @@
|
|
|
1692
1692
|
--mdc-avatar-loading-indicator-foreground-color: var(--mdc-avatarbutton-loading-indicator-foreground-color);
|
|
1693
1693
|
--mdc-avatar-loading-overlay-background-color: var(--mdc-avatarbutton-loading-overlay-background-color);
|
|
1694
1694
|
}
|
|
1695
|
-
`,...
|
|
1695
|
+
`,...At()],Tf=ST;var Kn=class extends Fl(te(pe)){constructor(){super(...arguments);this.ariaLabel=null}connectedCallback(){super.connectedCallback(),this.active=void 0,this.disabled=void 0,this.softDisabled=void 0,this.role=J.BUTTON,this.type=Ge.TYPE}update(t){super.update(t),t.has("size")&&this.setSize(this.size)}setSize(t){this.setAttribute("size",Object.values(Ut).includes(t)?`${t}`:Ns.SIZE.toString())}render(){return C`
|
|
1696
1696
|
<div part="overlay" aria-hidden="true"></div>
|
|
1697
1697
|
<mdc-avatar
|
|
1698
1698
|
exportparts="content, photo, presence, loading-wrapper, loader"
|
|
@@ -2010,7 +2010,7 @@
|
|
|
2010
2010
|
:host([inline])::part(anchor) {
|
|
2011
2011
|
text-decoration: var(--mds-font-apps-body-large-regular-underline-text-decoration);
|
|
2012
2012
|
}
|
|
2013
|
-
`,...
|
|
2013
|
+
`,...At(!0)],Of=FT;var Oe=class extends Wt(Gt(X)){constructor(){super(...arguments);this.inline=Ms.INLINE;this.inverted=Ms.INVERTED;this.target="_self"}connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.handleNavigation.bind(this)),this.addEventListener("keydown",this.handleNavigation.bind(this))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleNavigation.bind(this)),this.removeEventListener("keydown",this.handleNavigation.bind(this))}click(){var t,r,s,d;this.disabled||(d=(s=(r=(t=this.shadowRoot)==null?void 0:t.querySelector)==null?void 0:r.call(t,"a"))==null?void 0:s.click)==null||d.call(s)}handleNavigation(t){this.disabled&&(t.preventDefault(),t.stopImmediatePropagation())}setDisabled(t){t?this.setAttribute("aria-disabled","true"):this.removeAttribute("aria-disabled")}update(t){super.update(t),t.has("disabled")&&this.setDisabled(this.disabled)}renderAnchorContent(){return C`<slot></slot>`}render(){var t;return C`
|
|
2014
2014
|
<a
|
|
2015
2015
|
class="mdc-focus-ring"
|
|
2016
2016
|
part="anchor"
|
|
@@ -2081,7 +2081,7 @@
|
|
|
2081
2081
|
:host([variant='secondary'][soft-disabled])::part(anchor) {
|
|
2082
2082
|
border-color: var(--mdc-button-border-color);
|
|
2083
2083
|
}
|
|
2084
|
-
`,Rf=[$T,...
|
|
2084
|
+
`,Rf=[$T,...At(!0)];var Os=class extends nl(Yr){constructor(){super(...arguments);this.size=Ge.SIZE}setSoftDisabled(t,r){r?t.setAttribute("aria-disabled","true"):t.removeAttribute("aria-disabled")}update(t){super.update(t),t.has("softDisabled")&&this.setSoftDisabled(this,this.softDisabled),t.has("size")&&this.setSize(this.size),t.has("variant")&&(this.setVariant(this.variant),this.setSize(this.size)),t.has("color")&&this.setColor(this.color),t.has("typeInternal")&&this.setSize(this.size),(t.has("prefixIcon")||t.has("postfixIcon"))&&this.inferButtonType()}renderAnchorContent(){return C`
|
|
2085
2085
|
${this.prefixIcon?C`<mdc-icon name="${this.prefixIcon}" part="prefix-icon" length-unit="rem"></mdc-icon>`:""}
|
|
2086
2086
|
<slot @slotchange="${this.inferButtonType}" part="button-text"></slot>
|
|
2087
2087
|
${this.postfixIcon?C`<mdc-icon name="${this.postfixIcon}" part="postfix-icon" length-unit="rem"></mdc-icon>`:""}
|
|
@@ -2248,7 +2248,7 @@
|
|
|
2248
2248
|
:host([disabled])::part(image) {
|
|
2249
2249
|
opacity: 0.5;
|
|
2250
2250
|
}
|
|
2251
|
-
`,Ff=[UT,...
|
|
2251
|
+
`,Ff=[UT,...At()];var Bl=class extends Vl(pe){connectedCallback(){super.connectedCallback(),this.active=void 0,this.size=void 0}render(){return C`
|
|
2252
2252
|
<slot name="image"> ${this.renderImage()} </slot>
|
|
2253
2253
|
<div part="body">
|
|
2254
2254
|
<div part="header">${this.renderIcon()} ${this.renderTitle()}</div>
|
|
@@ -2313,7 +2313,7 @@
|
|
|
2313
2313
|
:host([disabled])::part(check-icon) {
|
|
2314
2314
|
color: var(--mds-color-theme-text-primary-disabled);
|
|
2315
2315
|
}
|
|
2316
|
-
`,Vf=[GT,...
|
|
2316
|
+
`,Vf=[GT,...At()];var Rs=class extends Lt(Ct(Gt(Br(kr)))){constructor(){super();this.checked=!1;this.selectionType=Hl.SELECTION_TYPE;this.addEventListener("click",this.toggleChecked.bind(this)),this.addEventListener("keydown",this.handleKeyDown.bind(this)),this.addEventListener("keyup",this.toggleOnSpace.bind(this))}connectedCallback(){super.connectedCallback(),this.role=J.CHECKBOX}update(t){super.update(t),t.has("checked")&&this.setAttribute("aria-checked",`${this.checked}`),t.has("disabled")&&(this.setAttribute("aria-disabled",`${this.disabled}`),this.tabIndex=this.disabled?-1:0)}toggleChecked(){this.disabled||(this.checked=!this.checked,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0})))}handleKeyDown(t){let r=this.getActionForKeyEvent(t);r===q.ENTER&&(this.toggleChecked(),this.keyDownEventHandled(),t.preventDefault()),r===q.SPACE&&t.preventDefault()}toggleOnSpace(t){this.getActionForKeyEvent(t)===q.SPACE&&(t.preventDefault(),this.toggleChecked())}renderSelection(){let t=this.checked?sh.CHECKED:sh.DEFAULT;switch(this.selectionType){case Ul.CHECK:return C`<mdc-icon
|
|
2317
2317
|
part="check check-icon"
|
|
2318
2318
|
size="${Hl.ICON_SIZE}"
|
|
2319
2319
|
length-unit="${Hl.ICON_LENGTH_UNIT}"
|
|
@@ -2408,7 +2408,7 @@
|
|
|
2408
2408
|
--mdc-staticcheckbox-icon-color: GrayText;
|
|
2409
2409
|
}
|
|
2410
2410
|
}
|
|
2411
|
-
`],Bf=KT;var Uf=V.constructTagName("popover"),Nt={LEFT_START:"left-start",LEFT:"left",LEFT_END:"left-end",RIGHT_START:"right-start",RIGHT:"right",RIGHT_END:"right-end",TOP_START:"top-start",TOP:"top",TOP_END:"top-end",BOTTOM_START:"bottom-start",BOTTOM:"bottom",BOTTOM_END:"bottom-end"},Ke={CLICK:"click",MOUSEENTER:"mouseenter",FOCUSIN:"focusin",MANUAL:"manual"},Po={TONAL:"tonal",CONTRAST:"contrast"},ah={ABSOLUTE:"absolute",FIXED:"fixed"},WT={VIEWPORT:"viewport",DOCUMENT:"document"},
|
|
2411
|
+
`],Bf=KT;var Uf=V.constructTagName("popover"),Nt={LEFT_START:"left-start",LEFT:"left",LEFT_END:"left-end",RIGHT_START:"right-start",RIGHT:"right",RIGHT_END:"right-end",TOP_START:"top-start",TOP:"top",TOP_END:"top-end",BOTTOM_START:"bottom-start",BOTTOM:"bottom",BOTTOM_END:"bottom-end"},Ke={CLICK:"click",MOUSEENTER:"mouseenter",FOCUSIN:"focusin",MANUAL:"manual"},Po={TONAL:"tonal",CONTRAST:"contrast"},ah={ABSOLUTE:"absolute",FIXED:"fixed"},WT={VIEWPORT:"viewport",DOCUMENT:"document"},St={PLACEMENT:Nt.BOTTOM,TRIGGER:Ke.CLICK,COLOR:Po.TONAL,STRATEGY:ah.ABSOLUTE,OFFSET:4,BOUNDARY:"clippingAncestors",BOUNDARY_ROOT:WT.VIEWPORT,BOUNDARY_PADDING:0,VISIBLE:!1,ARROW:!1,CLOSE_BUTTON:!1,FOCUS_TRAP:!1,INTERACTIVE:!1,PREVENT_SCROLL:!1,HIDE_ON_ESCAPE:!1,HIDE_ON_BLUR:!1,HIDE_ON_CLICK_OUTSIDE:!1,FOCUS_BACK:!1,BACKDROP:!1,DISABLE_FLIP:!1,SIZE:!1,DELAY:"0,0",ROLE:J.DIALOG,Z_INDEX:1e3,DISABLE_ARIA_EXPANDED:!1,PROPAGATE_EVENT_ON_ESCAPE:!1,KEEP_CONNECTED_TOOLTIP_OPEN:!1,IS_BACKDROP_INVISIBLE:!0,ANIMATION_FRAME:!1},bi={OPEN:"open",HOVER:"hover",CLOSE:"close"};var Hf=V.constructTagName("formfieldwrapper"),Vt={DEFAULT:"default",ERROR:"error",PRIORITY:"priority",SUCCESS:"success",WARNING:"warning"},Ot={VALIDATION:Vt.DEFAULT,HELPER_TEXT_ID:"helper-text-id",HEADING_ID:"heading-id",ICON_SIZE:20,INFO_ICON:"info-badge-filled",TOGGLETIP_PLACEMENT:Nt.TOP,TOGGLETIP_STRATEGY:ah.ABSOLUTE},jn={TAGNAME:pt.SPAN,TYPE:ot.BODY_MIDSIZE_REGULAR,HEADER_TYPE:ot.BODY_MIDSIZE_BOLD};var Gf=V.constructTagName("checkbox"),Gl={CHECKED:"check-bold",INDETERMINATE:"minus-bold"},Kf={ERROR:Vt.ERROR,DEFAULT:Vt.DEFAULT};var Wf=V.constructTagName("staticcheckbox");var Xi=class extends Gt(X){constructor(){super(...arguments);this.checked=!1;this.indeterminate=!1;this.readonly=!1;this.softDisabled=!1}render(){let t=this.checked||this.indeterminate?C`
|
|
2412
2412
|
<mdc-icon
|
|
2413
2413
|
part="checkbox-icon"
|
|
2414
2414
|
name="${this.indeterminate?Gl.INDETERMINATE:Gl.CHECKED}"
|
|
@@ -2469,7 +2469,7 @@
|
|
|
2469
2469
|
:host([disabled])::part(image) {
|
|
2470
2470
|
opacity: 0.5;
|
|
2471
2471
|
}
|
|
2472
|
-
`,Yf=[qT,...
|
|
2472
|
+
`,Yf=[qT,...At()];var Ps=class extends Lt(Ct(Gt(Br(kr)))){constructor(){super();this.checked=!1;this.name="";this.addEventListener("click",this.toggleChecked.bind(this)),this.addEventListener("keydown",this.handleKeyDown.bind(this)),this.addEventListener("keyup",this.toggleOnSpace.bind(this))}connectedCallback(){super.connectedCallback(),this.role=J.RADIO}getAllCardsWithinSameGroup(){return Array.from(document.querySelectorAll(`mdc-cardradio[name="${this.name}"]`))}toggleChecked(){if(this.disabled||this.checked)return;this.getAllCardsWithinSameGroup().forEach(r=>{r.checked=!1}),this.checked=!0,this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}click(){this.disabled||(super.click(),this.toggleChecked())}setDisabled(t){this.setAttribute("aria-disabled",`${t}`),this.tabIndex=t?-1:0}update(t){super.update(t),t.has("checked")&&this.setAttribute("aria-checked",`${this.checked}`),t.has("disabled")&&this.setDisabled(this.disabled)}updateCardRadio(t,r){t[r].focus(),t[r].toggleChecked()}handleKeyDown(t){let r=this.getActionForKeyEvent(t);if(r===q.SPACE){t.preventDefault();return}if(this.disabled)return;let d=this.getAllCardsWithinSameGroup().filter(f=>!f.disabled),c=d.indexOf(this);if(r===q.DOWN||q.RIGHT===r){let f=(c+1)%d.length;this.updateCardRadio(d,f),this.keyDownEventHandled()}else if(r===q.UP||q.LEFT===r){let f=(c-1+d.length)%d.length;this.updateCardRadio(d,f),this.keyDownEventHandled()}r===q.ENTER&&(this.toggleChecked(),this.keyDownEventHandled())}toggleOnSpace(t){this.getActionForKeyEvent(t)===q.SPACE&&this.toggleChecked()}renderHeader(){return C`<div part="header">
|
|
2473
2473
|
${this.renderIcon()} ${this.renderTitle()}
|
|
2474
2474
|
<mdc-staticradio part="check" ?checked="${this.checked}" ?disabled="${this.disabled}"></mdc-staticradio>
|
|
2475
2475
|
</div>`}render(){return C`
|
|
@@ -2700,7 +2700,7 @@
|
|
|
2700
2700
|
border-top-right-radius: var(--mdc-popover-arrow-border-radius);
|
|
2701
2701
|
border-bottom-left-radius: 100%;
|
|
2702
2702
|
}
|
|
2703
|
-
`,wv=[Lx];var id=V.constructTagName("popoverportal"),rd=class extends X{connectedCallback(){super.connectedCallback(),this.ariaHidden="true",this.style.display="none"}disconnectedCallback(){var o;super.disconnectedCallback(),(o=this.onDisconnect)==null||o.call(this)}};var od=class{constructor(o){this.portalElement=null;this.disconnectAfterAppendTo=!1;this.arrowPixelChange=!1;this.popover=o}setupDelay(){try{let[o,t]=this.popover.delay.split(",").map(r=>{let s=parseInt(r,10);if(Number.isNaN(s)||s<0)throw new Error(`Invalid delay value: ${r}`);return s});return[o,t]}catch{return this.popover.delay="0,0",[0,0]}}setupHoverBridge(o){let t=this.popover.renderRoot.querySelector('div[part="popover-hover-bridge"]');Object.assign(t.style,{top:"",left:"",right:"",bottom:""});let r=`calc(${this.popover.showArrow?"0.75rem + ":""}${this.popover.offset+1}px)`,s=this.popover.offsetHeight||0,d=this.popover.offsetWidth||0;if(t)switch(o.split("-")[0]){case"top":t.style.height=r,t.style.bottom=`calc(-1 * (${r}))`,t.style.left="50%",t.style.width=`${d}px`;break;case"left":t.style.height=`${s}px`,t.style.width=r,t.style.right=`calc(-1.5 * (${r}))`;break;case"right":t.style.height=`${s}px`,t.style.width=r,t.style.left=`calc(-0.5 * (${r}))`;break;case"bottom":default:t.style.height=r,t.style.top=`calc(-1 * (${r}))`,t.style.left="50%",t.style.width=`${d}px`;break}}setupAppendTo(){var o,t;if(this.popover.appendTo){let r=document.getElementById(this.popover.appendTo);r&&!Array.from(r.children).includes(this.popover)&&(this.disconnectAfterAppendTo=!0,this.portalElement=document.createElement(id),this.portalElement.onDisconnect=()=>{this.popover.remove(),this.portalElement=null},(t=(o=this.popover.parentElement)==null?void 0:o.appendChild)==null||t.call(o,this.portalElement),r.appendChild(this.popover))}}cleanupAppendTo(){!this.disconnectAfterAppendTo&&this.portalElement&&this.portalElement.remove(),this.disconnectAfterAppendTo=!1}updateAriaLabels(){var o,t,r;this.popover.interactive&&this.popover.role&&(this.popover.ariaLabel||(this.popover.ariaLabel=((o=this.popover.triggerElement)==null?void 0:o.ariaLabel)||((t=this.popover.triggerElement)==null?void 0:t.textContent)||""),!this.popover.ariaLabelledby&&!this.popover.ariaLabel&&(this.popover.ariaLabelledby=((r=this.popover.triggerElement)==null?void 0:r.id)||""))}updateAriaModal(){this.popover.role===J.DIALOG||this.popover.role===J.ALERTDIALOG?this.popover.setAttribute("aria-modal","true"):this.popover.removeAttribute("aria-modal")}updateAriaExpandedAttribute(){var o,t,r;this.popover.disableAriaExpanded||((o=this.popover.triggerElement)==null||o.setAttribute("aria-expanded",`${this.popover.visible}`),(r=this.popover.triggerElement)==null||r.setAttribute("aria-haspopup",((t=this.popover.triggerElement)==null?void 0:t.getAttribute("aria-haspopup"))||this.popover.role||"dialog"))}updateArrowStyle(o,t){var $;if(!this.popover.arrowElement)return;let r=t.split("-")[0],s={top:"bottom",right:"left",bottom:"top",left:"right"}[r],{x:d,y:c}=o,f=this.popover.arrowElement.getBoundingClientRect(),y=($=this.popover.arrowElement.offsetParent)==null?void 0:$.getBoundingClientRect();if(!this.arrowPixelChange){let Y=y!=null&&y[s]?12-Math.abs(f[s]-y[s]):0;Math.round(Y)===1?this.arrowPixelChange=!0:this.arrowPixelChange=!1}let I=this.arrowPixelChange?.5:0;this.popover.arrowElement.setAttribute("data-side",r),Object.assign(this.popover.arrowElement.style,{left:d!=null?`${d}px`:"",top:c!=null?`${c}px`:"",[s]:`${-this.popover.arrowElement.offsetHeight/2-I}px`})}updatePopoverStyle(o,t){Object.assign(this.popover.style,{left:`${o}px`,top:`${t}px`})}};var _t=class extends Lt(Ct(kl(Il(Sl(X))))){constructor(){super();this.depthManager=new Yi(this);this.id="";this.triggerID="";this.trigger=At.TRIGGER;this.placement=At.PLACEMENT;this.color=At.COLOR;this.visible=At.VISIBLE;this.offset=At.OFFSET;this.boundary=At.BOUNDARY;this.boundaryRoot=At.BOUNDARY_ROOT;this.focusTrap=At.FOCUS_TRAP;this.preventScroll=At.PREVENT_SCROLL;this.showArrow=At.ARROW;this.closeButton=At.CLOSE_BUTTON;this.interactive=At.INTERACTIVE;this.delay=At.DELAY;this.hideOnEscape=At.HIDE_ON_ESCAPE;this.propagateEventOnEscape=At.PROPAGATE_EVENT_ON_ESCAPE;this.hideOnBlur=At.HIDE_ON_BLUR;this.hideOnOutsideClick=At.HIDE_ON_CLICK_OUTSIDE;this.focusBackToTrigger=At.FOCUS_BACK;this.backdrop=At.BACKDROP;this.isBackdropInvisible=At.IS_BACKDROP_INVISIBLE;this.disableFlip=At.DISABLE_FLIP;this.size=At.SIZE;this.closeButtonAriaLabel=null;this.strategy=At.STRATEGY;this.role=At.ROLE;this.ariaLabelledby=null;this.ariaDescribedby=null;this.disableAriaExpanded=At.DISABLE_ARIA_EXPANDED;this.keepConnectedTooltipOpen=At.KEEP_CONNECTED_TOOLTIP_OPEN;this.animationFrame=At.ANIMATION_FRAME;this.arrowElement=null;this.isHovered=!1;this.openDelay=0;this.closeDelay=0;this.floatingUICleanupFunction=null;this.shouldSuppressOpening=!1;this.timers=new ed(this);this.parseTrigger=()=>{var d;let s=(((d=this.trigger)==null?void 0:d.split(" "))||[]).filter(c=>Object.values(Ke).includes(c)).length>0?this.trigger:At.TRIGGER;s==="mouseenter"&&(this.interactive?s="mouseenter click":s="mouseenter focusin"),this.trigger=s};this.setupTriggerListeners=()=>{if(this.trigger.includes("click")&&(document.addEventListener("click",this.togglePopoverVisible,{capture:!0}),this.hideOnBlur&&document.addEventListener("focusout",this.handleFocusOut,{capture:!0})),this.trigger.includes("mouseenter")){let t=this.renderRoot.querySelector('div[part="popover-hover-bridge"]');t==null||t.addEventListener("mouseenter",this.show),document.addEventListener("mouseenter",this.handleMouseEnter,{capture:!0}),document.addEventListener("mouseleave",this.handleMouseLeave,{capture:!0}),this.addEventListener("mouseenter",this.cancelCloseDelay),this.addEventListener("mouseleave",this.startCloseDelay)}this.trigger.includes("focusin")&&(document.addEventListener("focusin",this.handleFocusIn,{capture:!0}),this.interactive||document.addEventListener("focusout",this.handleFocusOut,{capture:!0}))};this.removeTriggerListeners=()=>{document.removeEventListener("click",this.togglePopoverVisible,{capture:!0});let t=this.renderRoot.querySelector('div[part="popover-hover-bridge"]');t==null||t.removeEventListener("mouseenter",this.show),document.removeEventListener("mouseenter",this.handleMouseEnter,{capture:!0}),document.removeEventListener("mouseleave",this.handleMouseLeave,{capture:!0}),this.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("mouseleave",this.startCloseDelay),document.removeEventListener("focusin",this.handleFocusIn,{capture:!0}),document.removeEventListener("focusout",this.handleFocusOut,{capture:!0})};this.removeAllListeners=()=>{this.removeTriggerListeners(),this.hideOnOutsideClick&&document.removeEventListener("click",this.onOutsidePopoverClick,{capture:!0}),this.hideOnEscape&&(this.removeEventListener("keydown",this.onEscapeKeydown),document.removeEventListener("keydown",this.onEscapeKeydown)),this.hideOnBlur&&this.removeEventListener("focusout",this.onPopoverFocusOut)};this.onOutsidePopoverClick=t=>{if(!this.depthManager.isHostOnTop())return;let r=t.composedPath(),s=this.contains(t.target)||r.includes(this.triggerElement)||r.includes(this),d=this.backdropElement?r.includes(this.backdropElement):!1;(!s||d)&&(this.hide(),Ti.onClickOutside(this))};this.onEscapeKeydown=t=>{!this.visible||this.getActionForKeyEvent(t)!==q.ESCAPE||!this.depthManager.isHostOnTop()||(this.propagateEventOnEscape||t.stopPropagation(),t.preventDefault(),this.hide(),Ti.onEscapeKeyPressed(this),this.keyDownEventHandled())};this.onPopoverFocusOut=t=>{this.contains(t.relatedTarget)||this.hide()};this.handleMouseEnter=t=>{this.isEventFromTrigger(t)&&(this.isHovered=!0,this.show())};this.handleMouseLeave=t=>{this.isEventFromTrigger(t)&&(this.isHovered=!1,this.startCloseDelay())};this.handleFocusOut=t=>{if(this.isEventFromTrigger(t)){if(this.hideOnBlur){let{relatedTarget:r}=t;this.contains(r)||this.hide();return}this.isHovered||this.hide()}};this.handleFocusIn=t=>{var r,s,d,c;this.isEventFromTrigger(t)&&((r=this.triggerElement)!=null&&r.matches(":focus-visible")||(c=(d=(s=this.triggerElement)==null?void 0:s.shadowRoot)==null?void 0:d.querySelector(".mdc-focus-ring"))!=null&&c.matches(":focus-visible")||this.isHovered)&&this.show()};this.cancelOpenDelay=()=>{this.timers.clearTimeout(bi.OPEN)};this.startCloseDelay=()=>{this.cancelOpenDelay(),this.interactive?this.timers.setTimeout(bi.HOVER,()=>{this.visible=!1},this.closeDelay):this.hide()};this.cancelCloseDelay=()=>{this.timers.clearTimeout(bi.HOVER),this.timers.clearTimeout(bi.CLOSE)};this.hide=()=>{this.cancelOpenDelay();let t=()=>{this.visible=!1};this.closeDelay>0?this.timers.setTimeout(bi.CLOSE,t,this.closeDelay):(this.timers.clearTimeout(bi.CLOSE),t())};this.togglePopoverVisible=t=>{this.isEventFromTrigger(t)&&(this.visible?this.hide():this.show())};this.positionPopover=()=>{let{triggerElement:t}=this;if(!t)return;let r=!this.boundary||this.boundary==="clippingAncestors"?"clippingAncestors":Array.from(document.querySelectorAll(this.boundary)),s=this.boundaryRoot,d=[Av({boundary:r,rootBoundary:s,padding:this.boundaryPadding})],c=this.offset;if(this.disableFlip||d.push(Sv({boundary:r,rootBoundary:s})),this.size){let f=I=>{this.style.setProperty("--mdc-popover-internal-available-height",`${I}px`)},y=this.renderRoot.querySelector('[part="popover-content"]');d.push(Iv({boundary:r,rootBoundary:s,apply({availableHeight:I}){y&&(Object.assign(y.style,{maxHeight:`${I}px`,overflowY:"auto"}),f(I))},padding:50}))}if(this.showArrow&&(this.arrowElement=this.renderRoot.querySelector('div[part="popover-arrow"]'),this.arrowElement)){let f=this.arrowElement.offsetHeight,y=Math.sqrt(2*f**2)/2;c+=y,d.push(_v({element:this.arrowElement,padding:12}))}d.push(xv(c)),this.floatingUICleanupFunction=Tv(t,this,async()=>{let{triggerElement:f}=this;if(!f)return;let y=this.adjustPlacementForRtl(this.placement),{x:I,y:$,middlewareData:Y,placement:Q}=await Cv(f,this,{placement:y,middleware:d,strategy:this.strategy});this.utils.updatePopoverStyle(I,$),Y.arrow&&this.arrowElement&&this.utils.updateArrowStyle(Y.arrow,Q),this.trigger.includes("mouseenter")&&this.utils.setupHoverBridge(Q)},{animationFrame:this.animationFrame})};this.show=this.show.bind(this),this.utils=new od(this),this.parseTrigger(),[this.openDelay,this.closeDelay]=this.utils.setupDelay()}get zIndex(){return Number.isInteger(this.internalZIndex)?this.internalZIndex:this.depthManager.getHostZIndex()}set zIndex(t){this.internalZIndex=t}get connectedTooltip(){let t=this.getRootNode().querySelectorAll(`mdc-tooltip[triggerID="${this.triggerID}"]`);return Array.from(t).find(r=>r!==this)}get triggerElement(){return this.getRootNode().querySelector(`[id="${this.triggerID}"]`)}async firstUpdated(t){super.firstUpdated(t),Ti.onCreatedPopover(this)}connectedCallback(){super.connectedCallback(),this.utils.setupAppendTo(),this.setupTriggerListeners()}async disconnectedCallback(){var t,r;super.disconnectedCallback(),this.removeAllListeners(),(t=this.deactivateFocusTrap)==null||t.call(this),this.deactivatePreventScroll(),this.moveElementBackAfterBackdropRemoval(this.triggerElement),this.removeBackdrop(),(r=this.floatingUICleanupFunction)==null||r.call(this),this.keepConnectedTooltipOpen||this.connectedTooltip&&(this.connectedTooltip.shouldSuppressOpening=!1),this.utils.cleanupAppendTo(),Ti.onDestroyedPopover(this)}async updated(t){if(super.updated(t),t.has("visible")){let r=t.get("visible")||!1;await this.isOpenUpdated(r,this.visible),this.utils.updateAriaExpandedAttribute()}t.has("trigger")&&(this.parseTrigger(),this.removeTriggerListeners(),this.setupTriggerListeners()),t.has("placement")&&this.setAttribute("placement",Object.values(Nt).includes(this.placement)?this.placement:At.PLACEMENT),t.has("delay")&&([this.openDelay,this.closeDelay]=this.utils.setupDelay()),t.has("color")&&this.setAttribute("color",Object.values(Po).includes(this.color)?this.color:At.COLOR),t.has("appendTo")&&(this.appendTo?this.utils.setupAppendTo():this.utils.cleanupAppendTo()),(t.has("interactive")||t.has("aria-label")||t.has("aria-labelledby"))&&this.utils.updateAriaLabels(),t.has("role")&&(this.role===""&&(this.role=null),this.utils.updateAriaModal()),t.has("disableAriaExpanded")&&this.utils.updateAriaExpandedAttribute(),t.has("focusTrap")&&!this.focusTrap&&this.visible&&this.deactivateFocusTrap(),t.has("preventScroll")&&(!this.preventScroll&&this.visible?this.deactivatePreventScroll():this.preventScroll&&this.visible&&this.activatePreventScroll())}onComponentStackChanged(t){t==="removed"?this.hide():t==="moved"&&this.requestUpdate("zIndex")}async isOpenUpdated(t,r){var d,c;let{triggerElement:s}=this;t===r||!s||(r&&!this.shouldSuppressOpening?(this.depthManager.pushHost()&&this.requestUpdate("zIndex"),this.keepConnectedTooltipOpen||this.connectedTooltip&&(this.connectedTooltip.visible=!1,this.connectedTooltip.shouldSuppressOpening=!0),this.backdrop&&!this.backdropElement&&(this.createBackdrop("popover"),this.keepElementAboveBackdrop(s)),this.positionPopover(),this.hideOnBlur&&(this.addEventListener("focusout",this.onPopoverFocusOut),this.trigger==="click"&&(s.style.pointerEvents="none")),this.hideOnEscape&&(this.addEventListener("keydown",this.onEscapeKeydown),document.addEventListener("keydown",this.onEscapeKeydown)),this.activatePreventScroll(),this.hideOnOutsideClick&&document.addEventListener("click",this.onOutsidePopoverClick,{capture:!0}),setTimeout(()=>{var f,y;this.interactive&&this.focusTrap&&((f=this.activateFocusTrap)==null||f.call(this),(y=this.setInitialFocus)==null||y.call(this))},0),Ti.onShowPopover(this)):(this.depthManager.popHost(),(d=this.floatingUICleanupFunction)==null||d.call(this),this.backdrop&&(this.moveElementBackAfterBackdropRemoval(s),this.removeBackdrop()),this.hideOnBlur&&(this.removeEventListener("focusout",this.onPopoverFocusOut),this.trigger==="click"&&(s.style.pointerEvents="")),this.hideOnOutsideClick&&document.removeEventListener("click",this.onOutsidePopoverClick,{capture:!0}),this.hideOnEscape&&(this.removeEventListener("keydown",this.onEscapeKeydown),document.removeEventListener("keydown",this.onEscapeKeydown)),this.deactivatePreventScroll(),(c=this.deactivateFocusTrap)==null||c.call(this),this.focusBackToTrigger&&(s==null||s.focus()),this.keepConnectedTooltipOpen||this.connectedTooltip&&(this.connectedTooltip.shouldSuppressOpening=!1),Ti.onHidePopover(this)))}show(){if(this.shouldSuppressOpening||(this.cancelCloseDelay(),this.visible))return;let t=()=>{this.visible=!0};this.openDelay>0?this.timers.setTimeout(bi.OPEN,t,this.openDelay):(this.timers.clearTimeout(bi.OPEN),t())}isEventFromTrigger(t){var r;return this.triggerID?t.composed?t.composedPath().some(s=>(s==null?void 0:s.id)===this.triggerID):((r=t.target)==null?void 0:r.id)===this.triggerID:!1}isRtl(){return window.getComputedStyle(this).direction==="rtl"}adjustPlacementForRtl(t){if(!this.isRtl())return t;switch(t){case Nt.LEFT:return Nt.RIGHT;case Nt.LEFT_START:return Nt.RIGHT_START;case Nt.LEFT_END:return Nt.RIGHT_END;case Nt.RIGHT:return Nt.LEFT;case Nt.RIGHT_START:return Nt.LEFT_START;case Nt.RIGHT_END:return Nt.LEFT_END;default:return t}}render(){return this.style.zIndex=`${this.zIndex}`,C`
|
|
2703
|
+
`,wv=[Lx];var id=V.constructTagName("popoverportal"),rd=class extends X{connectedCallback(){super.connectedCallback(),this.ariaHidden="true",this.style.display="none"}disconnectedCallback(){var o;super.disconnectedCallback(),(o=this.onDisconnect)==null||o.call(this)}};var od=class{constructor(o){this.portalElement=null;this.disconnectAfterAppendTo=!1;this.arrowPixelChange=!1;this.popover=o}setupDelay(){try{let[o,t]=this.popover.delay.split(",").map(r=>{let s=parseInt(r,10);if(Number.isNaN(s)||s<0)throw new Error(`Invalid delay value: ${r}`);return s});return[o,t]}catch{return this.popover.delay="0,0",[0,0]}}setupHoverBridge(o){let t=this.popover.renderRoot.querySelector('div[part="popover-hover-bridge"]');Object.assign(t.style,{top:"",left:"",right:"",bottom:""});let r=`calc(${this.popover.showArrow?"0.75rem + ":""}${this.popover.offset+1}px)`,s=this.popover.offsetHeight||0,d=this.popover.offsetWidth||0;if(t)switch(o.split("-")[0]){case"top":t.style.height=r,t.style.bottom=`calc(-1 * (${r}))`,t.style.left="50%",t.style.width=`${d}px`;break;case"left":t.style.height=`${s}px`,t.style.width=r,t.style.right=`calc(-1.5 * (${r}))`;break;case"right":t.style.height=`${s}px`,t.style.width=r,t.style.left=`calc(-0.5 * (${r}))`;break;case"bottom":default:t.style.height=r,t.style.top=`calc(-1 * (${r}))`,t.style.left="50%",t.style.width=`${d}px`;break}}setupAppendTo(){var o,t;if(this.popover.appendTo){let r=document.getElementById(this.popover.appendTo);r&&!Array.from(r.children).includes(this.popover)&&(this.disconnectAfterAppendTo=!0,this.portalElement=document.createElement(id),this.portalElement.onDisconnect=()=>{this.popover.remove(),this.portalElement=null},(t=(o=this.popover.parentElement)==null?void 0:o.appendChild)==null||t.call(o,this.portalElement),r.appendChild(this.popover))}}cleanupAppendTo(){!this.disconnectAfterAppendTo&&this.portalElement&&this.portalElement.remove(),this.disconnectAfterAppendTo=!1}updateAriaLabels(){var o,t,r;this.popover.interactive&&this.popover.role&&(this.popover.ariaLabel||(this.popover.ariaLabel=((o=this.popover.triggerElement)==null?void 0:o.ariaLabel)||((t=this.popover.triggerElement)==null?void 0:t.textContent)||""),!this.popover.ariaLabelledby&&!this.popover.ariaLabel&&(this.popover.ariaLabelledby=((r=this.popover.triggerElement)==null?void 0:r.id)||""))}updateAriaModal(){this.popover.role===J.DIALOG||this.popover.role===J.ALERTDIALOG?this.popover.setAttribute("aria-modal","true"):this.popover.removeAttribute("aria-modal")}updateAriaExpandedAttribute(){var o,t,r;this.popover.disableAriaExpanded||((o=this.popover.triggerElement)==null||o.setAttribute("aria-expanded",`${this.popover.visible}`),(r=this.popover.triggerElement)==null||r.setAttribute("aria-haspopup",((t=this.popover.triggerElement)==null?void 0:t.getAttribute("aria-haspopup"))||this.popover.role||"dialog"))}updateArrowStyle(o,t){var $;if(!this.popover.arrowElement)return;let r=t.split("-")[0],s={top:"bottom",right:"left",bottom:"top",left:"right"}[r],{x:d,y:c}=o,f=this.popover.arrowElement.getBoundingClientRect(),y=($=this.popover.arrowElement.offsetParent)==null?void 0:$.getBoundingClientRect();if(!this.arrowPixelChange){let Y=y!=null&&y[s]?12-Math.abs(f[s]-y[s]):0;Math.round(Y)===1?this.arrowPixelChange=!0:this.arrowPixelChange=!1}let I=this.arrowPixelChange?.5:0;this.popover.arrowElement.setAttribute("data-side",r),Object.assign(this.popover.arrowElement.style,{left:d!=null?`${d}px`:"",top:c!=null?`${c}px`:"",[s]:`${-this.popover.arrowElement.offsetHeight/2-I}px`})}updatePopoverStyle(o,t){Object.assign(this.popover.style,{left:`${o}px`,top:`${t}px`})}};var _t=class extends Lt(Ct(kl(Il(Sl(X))))){constructor(){super();this.depthManager=new Yi(this);this.id="";this.triggerID="";this.trigger=St.TRIGGER;this.placement=St.PLACEMENT;this.color=St.COLOR;this.visible=St.VISIBLE;this.offset=St.OFFSET;this.boundary=St.BOUNDARY;this.boundaryRoot=St.BOUNDARY_ROOT;this.focusTrap=St.FOCUS_TRAP;this.preventScroll=St.PREVENT_SCROLL;this.showArrow=St.ARROW;this.closeButton=St.CLOSE_BUTTON;this.interactive=St.INTERACTIVE;this.delay=St.DELAY;this.hideOnEscape=St.HIDE_ON_ESCAPE;this.propagateEventOnEscape=St.PROPAGATE_EVENT_ON_ESCAPE;this.hideOnBlur=St.HIDE_ON_BLUR;this.hideOnOutsideClick=St.HIDE_ON_CLICK_OUTSIDE;this.focusBackToTrigger=St.FOCUS_BACK;this.backdrop=St.BACKDROP;this.isBackdropInvisible=St.IS_BACKDROP_INVISIBLE;this.disableFlip=St.DISABLE_FLIP;this.size=St.SIZE;this.closeButtonAriaLabel=null;this.strategy=St.STRATEGY;this.role=St.ROLE;this.ariaLabelledby=null;this.ariaDescribedby=null;this.disableAriaExpanded=St.DISABLE_ARIA_EXPANDED;this.keepConnectedTooltipOpen=St.KEEP_CONNECTED_TOOLTIP_OPEN;this.animationFrame=St.ANIMATION_FRAME;this.arrowElement=null;this.isHovered=!1;this.openDelay=0;this.closeDelay=0;this.floatingUICleanupFunction=null;this.shouldSuppressOpening=!1;this.timers=new ed(this);this.parseTrigger=()=>{var d;let s=(((d=this.trigger)==null?void 0:d.split(" "))||[]).filter(c=>Object.values(Ke).includes(c)).length>0?this.trigger:St.TRIGGER;s==="mouseenter"&&(this.interactive?s="mouseenter click":s="mouseenter focusin"),this.trigger=s};this.setupTriggerListeners=()=>{if(this.trigger.includes("click")&&(document.addEventListener("click",this.togglePopoverVisible,{capture:!0}),this.hideOnBlur&&document.addEventListener("focusout",this.handleFocusOut,{capture:!0})),this.trigger.includes("mouseenter")){let t=this.renderRoot.querySelector('div[part="popover-hover-bridge"]');t==null||t.addEventListener("mouseenter",this.show),document.addEventListener("mouseenter",this.handleMouseEnter,{capture:!0}),document.addEventListener("mouseleave",this.handleMouseLeave,{capture:!0}),this.addEventListener("mouseenter",this.cancelCloseDelay),this.addEventListener("mouseleave",this.startCloseDelay)}this.trigger.includes("focusin")&&(document.addEventListener("focusin",this.handleFocusIn,{capture:!0}),this.interactive||document.addEventListener("focusout",this.handleFocusOut,{capture:!0}))};this.removeTriggerListeners=()=>{document.removeEventListener("click",this.togglePopoverVisible,{capture:!0});let t=this.renderRoot.querySelector('div[part="popover-hover-bridge"]');t==null||t.removeEventListener("mouseenter",this.show),document.removeEventListener("mouseenter",this.handleMouseEnter,{capture:!0}),document.removeEventListener("mouseleave",this.handleMouseLeave,{capture:!0}),this.removeEventListener("mouseenter",this.cancelCloseDelay),this.removeEventListener("mouseleave",this.startCloseDelay),document.removeEventListener("focusin",this.handleFocusIn,{capture:!0}),document.removeEventListener("focusout",this.handleFocusOut,{capture:!0})};this.removeAllListeners=()=>{this.removeTriggerListeners(),this.hideOnOutsideClick&&document.removeEventListener("click",this.onOutsidePopoverClick,{capture:!0}),this.hideOnEscape&&(this.removeEventListener("keydown",this.onEscapeKeydown),document.removeEventListener("keydown",this.onEscapeKeydown)),this.hideOnBlur&&this.removeEventListener("focusout",this.onPopoverFocusOut)};this.onOutsidePopoverClick=t=>{if(!this.depthManager.isHostOnTop())return;let r=t.composedPath(),s=this.contains(t.target)||r.includes(this.triggerElement)||r.includes(this),d=this.backdropElement?r.includes(this.backdropElement):!1;(!s||d)&&(this.hide(),Ti.onClickOutside(this))};this.onEscapeKeydown=t=>{!this.visible||this.getActionForKeyEvent(t)!==q.ESCAPE||!this.depthManager.isHostOnTop()||(this.propagateEventOnEscape||t.stopPropagation(),t.preventDefault(),this.hide(),Ti.onEscapeKeyPressed(this),this.keyDownEventHandled())};this.onPopoverFocusOut=t=>{this.contains(t.relatedTarget)||this.hide()};this.handleMouseEnter=t=>{this.isEventFromTrigger(t)&&(this.isHovered=!0,this.show())};this.handleMouseLeave=t=>{this.isEventFromTrigger(t)&&(this.isHovered=!1,this.startCloseDelay())};this.handleFocusOut=t=>{if(this.isEventFromTrigger(t)){if(this.hideOnBlur){let{relatedTarget:r}=t;this.contains(r)||this.hide();return}this.isHovered||this.hide()}};this.handleFocusIn=t=>{var r,s,d,c;this.isEventFromTrigger(t)&&((r=this.triggerElement)!=null&&r.matches(":focus-visible")||(c=(d=(s=this.triggerElement)==null?void 0:s.shadowRoot)==null?void 0:d.querySelector(".mdc-focus-ring"))!=null&&c.matches(":focus-visible")||this.isHovered)&&this.show()};this.cancelOpenDelay=()=>{this.timers.clearTimeout(bi.OPEN)};this.startCloseDelay=()=>{this.cancelOpenDelay(),this.interactive?this.timers.setTimeout(bi.HOVER,()=>{this.visible=!1},this.closeDelay):this.hide()};this.cancelCloseDelay=()=>{this.timers.clearTimeout(bi.HOVER),this.timers.clearTimeout(bi.CLOSE)};this.hide=()=>{this.cancelOpenDelay();let t=()=>{this.visible=!1};this.closeDelay>0?this.timers.setTimeout(bi.CLOSE,t,this.closeDelay):(this.timers.clearTimeout(bi.CLOSE),t())};this.togglePopoverVisible=t=>{this.isEventFromTrigger(t)&&(this.visible?this.hide():this.show())};this.positionPopover=()=>{let{triggerElement:t}=this;if(!t)return;let r=!this.boundary||this.boundary==="clippingAncestors"?"clippingAncestors":Array.from(document.querySelectorAll(this.boundary)),s=this.boundaryRoot,d=[Av({boundary:r,rootBoundary:s,padding:this.boundaryPadding})],c=this.offset;if(this.disableFlip||d.push(Sv({boundary:r,rootBoundary:s})),this.size){let f=I=>{this.style.setProperty("--mdc-popover-internal-available-height",`${I}px`)},y=this.renderRoot.querySelector('[part="popover-content"]');d.push(Iv({boundary:r,rootBoundary:s,apply({availableHeight:I}){y&&(Object.assign(y.style,{maxHeight:`${I}px`,overflowY:"auto"}),f(I))},padding:50}))}if(this.showArrow&&(this.arrowElement=this.renderRoot.querySelector('div[part="popover-arrow"]'),this.arrowElement)){let f=this.arrowElement.offsetHeight,y=Math.sqrt(2*f**2)/2;c+=y,d.push(_v({element:this.arrowElement,padding:12}))}d.push(xv(c)),this.floatingUICleanupFunction=Tv(t,this,async()=>{let{triggerElement:f}=this;if(!f)return;let y=this.adjustPlacementForRtl(this.placement),{x:I,y:$,middlewareData:Y,placement:Q}=await Cv(f,this,{placement:y,middleware:d,strategy:this.strategy});this.utils.updatePopoverStyle(I,$),Y.arrow&&this.arrowElement&&this.utils.updateArrowStyle(Y.arrow,Q),this.trigger.includes("mouseenter")&&this.utils.setupHoverBridge(Q)},{animationFrame:this.animationFrame})};this.show=this.show.bind(this),this.utils=new od(this),this.parseTrigger(),[this.openDelay,this.closeDelay]=this.utils.setupDelay()}get zIndex(){return Number.isInteger(this.internalZIndex)?this.internalZIndex:this.depthManager.getHostZIndex()}set zIndex(t){this.internalZIndex=t}get connectedTooltip(){let t=this.getRootNode().querySelectorAll(`mdc-tooltip[triggerID="${this.triggerID}"]`);return Array.from(t).find(r=>r!==this)}get triggerElement(){return this.getRootNode().querySelector(`[id="${this.triggerID}"]`)}async firstUpdated(t){super.firstUpdated(t),Ti.onCreatedPopover(this)}connectedCallback(){super.connectedCallback(),this.utils.setupAppendTo(),this.setupTriggerListeners()}async disconnectedCallback(){var t,r;super.disconnectedCallback(),this.removeAllListeners(),(t=this.deactivateFocusTrap)==null||t.call(this),this.deactivatePreventScroll(),this.moveElementBackAfterBackdropRemoval(this.triggerElement),this.removeBackdrop(),(r=this.floatingUICleanupFunction)==null||r.call(this),this.keepConnectedTooltipOpen||this.connectedTooltip&&(this.connectedTooltip.shouldSuppressOpening=!1),this.utils.cleanupAppendTo(),Ti.onDestroyedPopover(this)}async updated(t){if(super.updated(t),t.has("visible")){let r=t.get("visible")||!1;await this.isOpenUpdated(r,this.visible),this.utils.updateAriaExpandedAttribute()}t.has("trigger")&&(this.parseTrigger(),this.removeTriggerListeners(),this.setupTriggerListeners()),t.has("placement")&&this.setAttribute("placement",Object.values(Nt).includes(this.placement)?this.placement:St.PLACEMENT),t.has("delay")&&([this.openDelay,this.closeDelay]=this.utils.setupDelay()),t.has("color")&&this.setAttribute("color",Object.values(Po).includes(this.color)?this.color:St.COLOR),t.has("appendTo")&&(this.appendTo?this.utils.setupAppendTo():this.utils.cleanupAppendTo()),(t.has("interactive")||t.has("aria-label")||t.has("aria-labelledby"))&&this.utils.updateAriaLabels(),t.has("role")&&(this.role===""&&(this.role=null),this.utils.updateAriaModal()),t.has("disableAriaExpanded")&&this.utils.updateAriaExpandedAttribute(),t.has("focusTrap")&&!this.focusTrap&&this.visible&&this.deactivateFocusTrap(),t.has("preventScroll")&&(!this.preventScroll&&this.visible?this.deactivatePreventScroll():this.preventScroll&&this.visible&&this.activatePreventScroll())}onComponentStackChanged(t){t==="removed"?this.hide():t==="moved"&&this.requestUpdate("zIndex")}async isOpenUpdated(t,r){var d,c;let{triggerElement:s}=this;t===r||!s||(r&&!this.shouldSuppressOpening?(this.depthManager.pushHost()&&this.requestUpdate("zIndex"),this.keepConnectedTooltipOpen||this.connectedTooltip&&(this.connectedTooltip.visible=!1,this.connectedTooltip.shouldSuppressOpening=!0),this.backdrop&&!this.backdropElement&&(this.createBackdrop("popover"),this.keepElementAboveBackdrop(s)),this.positionPopover(),this.hideOnBlur&&(this.addEventListener("focusout",this.onPopoverFocusOut),this.trigger==="click"&&(s.style.pointerEvents="none")),this.hideOnEscape&&(this.addEventListener("keydown",this.onEscapeKeydown),document.addEventListener("keydown",this.onEscapeKeydown)),this.activatePreventScroll(),this.hideOnOutsideClick&&document.addEventListener("click",this.onOutsidePopoverClick,{capture:!0}),setTimeout(()=>{var f,y;this.interactive&&this.focusTrap&&((f=this.activateFocusTrap)==null||f.call(this),(y=this.setInitialFocus)==null||y.call(this))},0),Ti.onShowPopover(this)):(this.depthManager.popHost(),(d=this.floatingUICleanupFunction)==null||d.call(this),this.backdrop&&(this.moveElementBackAfterBackdropRemoval(s),this.removeBackdrop()),this.hideOnBlur&&(this.removeEventListener("focusout",this.onPopoverFocusOut),this.trigger==="click"&&(s.style.pointerEvents="")),this.hideOnOutsideClick&&document.removeEventListener("click",this.onOutsidePopoverClick,{capture:!0}),this.hideOnEscape&&(this.removeEventListener("keydown",this.onEscapeKeydown),document.removeEventListener("keydown",this.onEscapeKeydown)),this.deactivatePreventScroll(),(c=this.deactivateFocusTrap)==null||c.call(this),this.focusBackToTrigger&&(s==null||s.focus()),this.keepConnectedTooltipOpen||this.connectedTooltip&&(this.connectedTooltip.shouldSuppressOpening=!1),Ti.onHidePopover(this)))}show(){if(this.shouldSuppressOpening||(this.cancelCloseDelay(),this.visible))return;let t=()=>{this.visible=!0};this.openDelay>0?this.timers.setTimeout(bi.OPEN,t,this.openDelay):(this.timers.clearTimeout(bi.OPEN),t())}isEventFromTrigger(t){var r;return this.triggerID?t.composed?t.composedPath().some(s=>(s==null?void 0:s.id)===this.triggerID):((r=t.target)==null?void 0:r.id)===this.triggerID:!1}isRtl(){return window.getComputedStyle(this).direction==="rtl"}adjustPlacementForRtl(t){if(!this.isRtl())return t;switch(t){case Nt.LEFT:return Nt.RIGHT;case Nt.LEFT_START:return Nt.RIGHT_START;case Nt.LEFT_END:return Nt.RIGHT_END;case Nt.RIGHT:return Nt.LEFT;case Nt.RIGHT_START:return Nt.LEFT_START;case Nt.RIGHT_END:return Nt.LEFT_END;default:return t}}render(){return this.style.zIndex=`${this.zIndex}`,C`
|
|
2704
2704
|
<div part="popover-hover-bridge"></div>
|
|
2705
2705
|
${this.closeButton?C` <mdc-button
|
|
2706
2706
|
part="popover-close"
|
|
@@ -2957,7 +2957,7 @@
|
|
|
2957
2957
|
:host([soft-disabled]) {
|
|
2958
2958
|
pointer-events: none;
|
|
2959
2959
|
}
|
|
2960
|
-
`,...
|
|
2960
|
+
`,...At(!0)],Pv=$x;var Qi=class extends Lt(Ct(_e(ke(Wt(se))))){constructor(){super(...arguments);this.checked=!1;this.indeterminate=!1;this.helpTextType=Kf.DEFAULT;this.renderLabelAndHelperText=()=>this.label?C`<div part="text-container">${this.renderLabel()} ${this.renderHelperText()}</div>`:j}firstUpdated(t){this.inputElement&&this.autoFocusOnMount&&(this.elementToAutoFocus=this.inputElement),super.firstUpdated(t)}setFormValue(){let t=null;this.checked?t=this.value?this.value:"on":t=null,this.manageRequired(),this.internals.setFormValue(t)}manageRequired(){!this.checked&&this.required?(this.validationMessage?this.inputElement.setCustomValidity(this.validationMessage):this.inputElement.setCustomValidity(""),this.setValidity()):this.internals.setValidity({})}formResetCallback(){this.checked=!1,this.indeterminate=!1}formStateRestoreCallback(t){t&&(this.checked=!0)}toggleState(){!this.disabled&&!this.softDisabled&&!this.readonly&&(this.checked=!this.checked,this.indeterminate=!1)}click(){super.click(),this.toggleState()}handleKeyDown(t){var s;let r=this.getActionForKeyEvent(t);this.getKeyboardNavMode()===Kt.DEFAULT&&((this.readonly||this.softDisabled)&&r===q.SPACE&&t.preventDefault(),r===q.ENTER&&((s=this.form)==null||s.requestSubmit(),t.preventDefault(),this.keyDownEventHandled())),this.getKeyboardNavMode()===Kt.SPATIAL&&!(this.readonly||this.softDisabled)&&r===q.ENTER&&(this.toggleState(),this.keyDownEventHandled())}handleChange(t){this.toggleState();let r=t.constructor;this.dispatchEvent(new r(t.type,t))}update(t){super.update(t),t.has("checked")&&this.setFormValue()}render(){var t;return C`
|
|
2961
2961
|
<mdc-staticcheckbox
|
|
2962
2962
|
part="static-checkbox"
|
|
2963
2963
|
class="mdc-focus-ring"
|
|
@@ -3158,7 +3158,7 @@
|
|
|
3158
3158
|
--mdc-chip-color: var(--mds-color-theme-text-primary-disabled);
|
|
3159
3159
|
cursor: auto;
|
|
3160
3160
|
}
|
|
3161
|
-
`,zv=[bt,Bx,...
|
|
3161
|
+
`,zv=[bt,Bx,...At()];var Bs=class extends te(pe){constructor(){super(...arguments);this.color=Vs.COLOR}connectedCallback(){super.connectedCallback(),this.role=Vs.ROLE,this.size=Vs.SIZE,this.active=void 0,this.softDisabled=void 0}renderIcon(){return this.iconName?C` <mdc-icon part="icon" name="${this.iconName}" length-unit="rem" size="1"></mdc-icon> `:j}render(){return C`
|
|
3162
3162
|
${this.renderIcon()}
|
|
3163
3163
|
${this.label?C`<mdc-text part="label" type="${Vs.TEXT_TYPE}" tagname="${Vs.TAG_NAME}"
|
|
3164
3164
|
>${this.label}</mdc-text
|
|
@@ -3533,7 +3533,7 @@
|
|
|
3533
3533
|
opacity: 0;
|
|
3534
3534
|
pointer-events: none;
|
|
3535
3535
|
}
|
|
3536
|
-
`,...
|
|
3536
|
+
`,...At(!0)],jv=Jx;var ue=class extends Ct(_e(ke(Wt(or)))){constructor(){super(...arguments);this.placeholder="";this.trailingButton=!1;this.autocapitalize=md.OFF;this.autocomplete=Hs.OFF;this.clearAriaLabel="";this.dataAriaDescribedby=null}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{this.inputElement&&(this.setInputValidity(),this.internals.setFormValue(this.inputElement.value))}).catch(t=>{this.onerror&&this.onerror(t)})}firstUpdated(t){this.inputElement&&this.autoFocusOnMount&&(this.elementToAutoFocus=this.inputElement),super.firstUpdated(t)}formResetCallback(){this.value="",this.inputElement.value="",this.setInputValidity(),this.requestUpdate()}formStateRestoreCallback(t){this.value=t}attributeChangedCallback(t,r,s){super.attributeChangedCallback(t,r,s),t==="validation-message"&&this.updateComplete.then(()=>{this.setInputValidity()}).catch(d=>{this.onerror&&this.onerror(d)})}setInputValidity(){this.inputElement.setCustomValidity(""),!this.inputElement.validity.valid&&this.validationMessage&&this.inputElement.setCustomValidity(this.validationMessage),this.setValidity()}updateValue(){this.value=this.inputElement.value,this.internals.setFormValue(this.inputElement.value)}onInput(){this.updateValue(),this.setInputValidity(),this.checkValidity()}onChange(t){this.updateValue(),this.setInputValidity();let r=t.constructor;this.dispatchEvent(new r(t.type,t))}handleKeyDown(t){var r;this.getActionForKeyEvent(t)===q.ENTER&&this.getKeyboardNavMode()===Kt.DEFAULT&&((r=this.form)==null||r.requestSubmit())}renderLeadingIcon(){return this.leadingIcon?C`
|
|
3537
3537
|
<mdc-icon
|
|
3538
3538
|
part="leading-icon"
|
|
3539
3539
|
name=${this.leadingIcon}
|
|
@@ -3820,7 +3820,7 @@
|
|
|
3820
3820
|
color: var(--mdc-link-color-disabled);
|
|
3821
3821
|
pointer-events: none;
|
|
3822
3822
|
}
|
|
3823
|
-
`,Jv=[sA,...
|
|
3823
|
+
`,Jv=[sA,...At()];var Zo=class extends te(pe){constructor(){super(...arguments);this.size=Ks.SIZE;this.inline=Ks.INLINE;this.inverted=Ks.INVERTED}connectedCallback(){super.connectedCallback(),this.active=void 0,this.role=Ks.ROLE}update(t){super.update(t),t.has("size")&&this.setSize(this.size)}setSize(t){this.setAttribute("size",Object.values(Gs).includes(t)?`${t}`:Ks.SIZE.toString())}render(){return C`
|
|
3824
3824
|
<slot></slot>
|
|
3825
3825
|
${this.iconName?C` <mdc-icon name=${this.iconName} size=${Qv(this.size)} length-unit="rem"></mdc-icon> `:j}
|
|
3826
3826
|
`}};Zo.styles=[...Yr.styles,...Jv],m([u({type:Number,reflect:!0})],Zo.prototype,"size",2),m([u({type:Boolean,reflect:!0})],Zo.prototype,"inline",2),m([u({type:Boolean,reflect:!0})],Zo.prototype,"inverted",2);var Nh=Zo;Nh.register(Zv);var nA=Nh;Yr.register(Mf);var aA=Yr;var Ht={CREATED:"created",FIRST_UPDATE_COMPLETED:"first-update-completed",DESTROYED:"destroyed",MODIFIED:"modified"};var Ws=a=>{class o extends Lt(Ct(a)){constructor(...s){super(...s);this.loop="true";this.propagateAllKeyEvents=!1;this.initialFocus=0;this.orientation="vertical";this.handleItemCreation=s=>{var f;let{target:d}=s,c=s instanceof CustomEvent&&((f=s.detail)==null?void 0:f.lifecycle);this.navItems.length===0&&d instanceof X&&c&&d.setAttribute("tabindex","0")};this.handleNavigationClick=s=>{let d=s.target,c=this.getCurrentIndex(d);if(c!==-1){let f=!(this.navItems.at(c)!==d&&document.activeElement===s.target);this.resetTabIndexAndSetFocus(c,void 0,f,!1)}};this.handleNavBeforeFocus=s=>{let d=Ec(s.relatedTarget);if(this!==d&&!this.contains(document.activeElement)&&this.contains(d)){s.preventDefault();let c=this.navItems.find(y=>y.contains(d)),f=this.getCurrentIndex(c);if(f===-1)return;this.resetTabIndexes(f)}};this.addEventListener(Ht.CREATED,this.handleItemCreation),this.addEventListener("keydown",this.handleNavigationKeyDown.bind(this)),this.addEventListener("click",this.handleNavigationClick)}connectedCallback(){super.connectedCallback(),document.addEventListener("navbeforefocus",this.handleNavBeforeFocus)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("navbeforefocus",this.handleNavBeforeFocus)}async firstUpdated(s){super.firstUpdated(s),this.setInitialFocus()}setInitialFocus(){let s=Math.max(Math.min(this.initialFocus,this.navItems.length-1),0);this.resetTabIndexAndSetFocus(s,void 0,!1)}handleNavigationKeyDown(s){let d=this.getActionForKeyEvent(s,!0),c=this.orientation==="vertical",f=new Set(c?[q.DOWN,q.UP,q.HOME,q.END]:[q.LEFT,q.RIGHT,q.HOME,q.END]);if(!d||!f.has(d))return;let y=s.target,I=this.getCurrentIndex(y);if(I===-1)return;this.resetTabIndexes(I);let $=!1;switch(d){case q.HOME:{$=this.resetTabIndexAndSetFocus(0,I);break}case q.END:{$=this.resetTabIndexAndSetFocus(this.navItems.length-1,I);break}case q.DOWN:case q.RIGHT:{let Y=this.shouldLoop()?0:I,Q=I+1===this.navItems.length?Y:I+1;$=this.resetTabIndexAndSetFocus(Q,I);break}case q.UP:case q.LEFT:{let Y=this.shouldLoop()?this.navItems.length-1:I,Q=I-1===-1?Y:I-1;$=this.resetTabIndexAndSetFocus(Q,I);break}default:break}$&&(this.keyDownEventHandled(),this.propagateAllKeyEvents||(s.stopPropagation(),s.preventDefault()))}getCurrentIndex(s){return s?this.navItems.findIndex(d=>d===s||!!(d.compareDocumentPosition(s)&Node.DOCUMENT_POSITION_CONTAINED_BY)):-1}resetTabIndexes(s,d=!0){var c;if(this.navItems.length>0){this.navItems.forEach(I=>I.setAttribute("tabindex","-1"));let f=this.navItems.at(s)?s:0,y=(c=this.navItems.at(f))!=null?c:this.navItems.find(Boolean);y&&(y.setAttribute("tabindex","0"),d&&y.focus())}}resetTabIndexAndSetFocus(s,d,c=!0,f=!0){var $;let{navItems:y}=this;if(y.length===0)return!1;let I=($=y.at(s))!=null?$:y.find(Boolean);return s===d&&I&&I.getAttribute("tabindex")==="0"?!1:(d===void 0?y.forEach(Y=>Y.setAttribute("tabindex","-1")):y.at(d)&&y.at(d).setAttribute("tabindex","-1"),I.setAttribute("tabindex","0"),c&&(I.focus({preventScroll:!0}),f&&I.scrollIntoView({block:"nearest"})),!0)}shouldLoop(){return this.getKeyboardNavMode()===Kt.SPATIAL?!1:this.loop!=="false"}}return o};var vd=V.constructTagName("listitem"),na={FULL_WIDTH:"full-width",INSET_PILL:"inset-pill",INSET_RECTANGLE:"inset-rectangle"},tg={VARIANT:na.FULL_WIDTH};var lA=a=>!!a,Zr=class{constructor(o,t){this.cache=[];this.itemCreationHandler=o=>{this.addItem(o.target,void 0)};this.itemDestroyHandler=o=>{this.delete(o.detail.originalTarget)};this.host=o,o.addController(this),this.isValidItem=(t==null?void 0:t.isValidItem)||lA,this.onStoreUpdate=t==null?void 0:t.onStoreUpdate}get items(){return this.cache}hostConnected(){this.host.addEventListener(Ht.CREATED,this.itemCreationHandler),this.host.addEventListener(Ht.DESTROYED,this.itemDestroyHandler)}hostDisconnected(){this.host.removeEventListener(Ht.CREATED,this.itemCreationHandler),this.host.removeEventListener(Ht.DESTROYED,this.itemDestroyHandler),this.reset()}add(o){this.addItem(o,void 0)}addAt(o,t){this.addItem(o,t)}getIndexToInsertInCache(o){if(!this.cache.length||!hu(this.cache.at(-1),o))return-1;let t=0,r=this.cache.length-1;for(;t<=r;){let s=Math.floor((t+r)/2);pu(this.cache[s],o)?t=s+1:r=s-1}return t}addItem(o,t=void 0){var s;let r=o;if(this.isValidItem(r)&&!this.cache.includes(r)){let d=t===void 0?this.getIndexToInsertInCache(r):t;this.onStoreUpdate&&((s=this.onStoreUpdate)==null||s.call(this,r,"added",d===-1?this.cache.length:d,this.cache.slice())),d===-1?this.cache.push(r):d>=0&&this.cache.splice(d,0,r)}}delete(o){var r;let t=this.cache.indexOf(o);t!==-1&&(this.onStoreUpdate&&((r=this.onStoreUpdate)==null||r.call(this,o,"removed",t,this.cache.slice())),this.cache.splice(t,1))}reset(o){this.cache.length=0,o&&this.cache.push(...o)}};var eo=a=>{class o extends a{constructor(...s){super(...s);this.handleItemCreation=s=>{let d=s.target;d&&d.addEventListener(Ht.DESTROYED,this.handleItemRemovedEvent)};this.handleItemRemovedEvent=s=>{s.stopImmediatePropagation(),s.target&&s.type===Ht.DESTROYED&&(s.target.removeEventListener(Ht.DESTROYED,this.handleItemRemovedEvent),this.dispatchEvent(new CustomEvent(s.type,{bubbles:s.bubbles,composed:s.composed,detail:{originalTarget:s.target}})))};this.addEventListener(Ht.CREATED,this.handleItemCreation)}}return o};var dA=U`
|
|
@@ -4012,7 +4012,7 @@
|
|
|
4012
4012
|
flex-direction: row;
|
|
4013
4013
|
flex-shrink: 0;
|
|
4014
4014
|
}
|
|
4015
|
-
`,ng=[pA,...
|
|
4015
|
+
`,ng=[pA,...At()];var Pe=class extends Lt(Ct(Gt(Br(sg(X))))){constructor(){super();this.variant=tg.VARIANT;this.addEventListener("keydown",this.handleKeyDown.bind(this)),this.addEventListener("click",this.handleClick.bind(this))}connectedCallback(){super.connectedCallback(),this.role=this.role||J.LISTITEM}handleClick(t){this.disabled&&(t.stopImmediatePropagation(),t.preventDefault())}handleKeyDown(t){let r=this.getActionForKeyEvent(t);!t.defaultPrevented&&(r===q.ENTER||r===q.SPACE)&&(this.isEventFromInsideListItem(t)||(this.keyDownEventHandled(),t.preventDefault(),this.triggerClickEvent(t)))}isEventFromInsideListItem(t){let r=t.target;return r!==this&&document.activeElement===r&&this.contains(r)}triggerClickEvent(t){if(this.isEventFromInsideListItem(t))return;let r=new MouseEvent("click",{bubbles:!0,cancelable:!0,view:window});this.dispatchEvent(r)}getText(t,r,s){return C`
|
|
4016
4016
|
<slot name="${t}">
|
|
4017
4017
|
${s?C`<mdc-text part="${t}" type="${r}" tagname="${pt.SPAN}">${s}</mdc-text>`:j}
|
|
4018
4018
|
</slot>
|
|
@@ -4235,7 +4235,7 @@
|
|
|
4235
4235
|
:host([color='contrast'])::part(popover-content) {
|
|
4236
4236
|
color: var(--mdc-tooltip-text-color-contrast);
|
|
4237
4237
|
}
|
|
4238
|
-
`,bg=[AA];var js=class extends Ye{constructor(){super(...arguments);this.tooltipType=De.TOOLTIP_TYPE;this.onlyShowWhenTriggerOverflows=De.ONLY_SHOW_WHEN_TRIGGER_OVERFLOWS}connectedCallback(){super.connectedCallback(),this.role=J.TOOLTIP,this.ariaHidden=De.ARIA_HIDDEN,this.backdrop=De.BACKDROP,this.delay=this.delay||De.DELAY,this.disableAriaExpanded=De.DISABLE_ARIA_EXPANDED,this.hideOnBlur=De.HIDE_ON_BLUR,this.hideOnEscape=De.HIDE_ON_ESCAPE,this.offset=this.offset||De.OFFSET,this.placement=this.placement||De.PLACEMENT,this.trigger=De.TRIGGER,this.closeButton=
|
|
4238
|
+
`,bg=[AA];var js=class extends Ye{constructor(){super(...arguments);this.tooltipType=De.TOOLTIP_TYPE;this.onlyShowWhenTriggerOverflows=De.ONLY_SHOW_WHEN_TRIGGER_OVERFLOWS}connectedCallback(){super.connectedCallback(),this.role=J.TOOLTIP,this.ariaHidden=De.ARIA_HIDDEN,this.backdrop=De.BACKDROP,this.delay=this.delay||De.DELAY,this.disableAriaExpanded=De.DISABLE_ARIA_EXPANDED,this.hideOnBlur=De.HIDE_ON_BLUR,this.hideOnEscape=De.HIDE_ON_ESCAPE,this.offset=this.offset||De.OFFSET,this.placement=this.placement||De.PLACEMENT,this.trigger=De.TRIGGER,this.closeButton=St.CLOSE_BUTTON,this.disableFlip=St.DISABLE_FLIP,this.focusBackToTrigger=St.FOCUS_BACK,this.focusTrap=St.FOCUS_TRAP,this.hideOnOutsideClick=St.HIDE_ON_CLICK_OUTSIDE,this.interactive=St.INTERACTIVE,this.preventScroll=St.PREVENT_SCROLL,this.size=St.SIZE}setTooltipType(t){this.setAttribute("tooltip-type",Object.values(yr).includes(t)?t:De.TOOLTIP_TYPE)}async onIdUpdated(){if(this.id.length===0&&(this.id=`mdc-tooltip-${Ce()}`),await this.updateComplete,this.triggerElement)switch(this.tooltipType){case yr.DESCRIPTION:this.triggerElement.setAttribute("aria-describedby",this.id);break;case yr.LABEL:this.triggerElement.setAttribute("aria-labelledby",this.id);break;default:break}}onPlacementUpdated(){Object.values(Nt).includes(this.placement)||(this.placement=De.PLACEMENT)}onTooltipTypeUpdated(t){let r=t.get("tooltipType");if(Object.values(yr).includes(this.tooltipType)||this.setTooltipType(De.TOOLTIP_TYPE),this.triggerElement)switch(this.tooltipType){case yr.DESCRIPTION:r===yr.LABEL&&this.triggerElement.removeAttribute("aria-labelledby"),this.triggerElement.setAttribute("aria-describedby",this.id);break;case yr.LABEL:r===yr.DESCRIPTION&&this.triggerElement.removeAttribute("aria-describedby"),this.triggerElement.setAttribute("aria-labelledby",this.id);break;default:r===yr.DESCRIPTION?this.triggerElement.removeAttribute("aria-describedby"):r===yr.LABEL&&this.triggerElement.removeAttribute("aria-labelledby");break}}async isOpenUpdated(t,r){let{triggerElement:s}=this;t===r||!s||(r||this.depthManager.remove([this]),await super.isOpenUpdated(t,r))}async update(t){super.update(t),t.has("id")&&await this.onIdUpdated(),t.has("placement")&&this.onPlacementUpdated(),t.has("tooltipType")&&this.onTooltipTypeUpdated(t)}show(){this.onlyShowWhenTriggerOverflows&&this.triggerElement&&uu(this.triggerElement)&&!this.triggerElement.isWidthOverflowing()||super.show()}};js.styles=[...Ye.styles,...bg],m([u({type:String,attribute:"tooltip-type",reflect:!0})],js.prototype,"tooltipType",2),m([u({type:Boolean,attribute:"only-show-when-trigger-overflows",reflect:!0})],js.prototype,"onlyShowWhenTriggerOverflows",2);var Vh=js;Vh.register(ua);var SA=Vh;var no=mi(class extends Kr{constructor(a){var o;if(super(a),a.type!==ir.ATTRIBUTE||a.name!=="class"||((o=a.strings)==null?void 0:o.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(a){return" "+Object.keys(a).filter(o=>a[o]).join(" ")+" "}update(a,[o]){var r,s;if(this.st===void 0){this.st=new Set,a.strings!==void 0&&(this.nt=new Set(a.strings.join(" ").split(/\s/).filter(d=>d!=="")));for(let d in o)o[d]&&!((r=this.nt)!=null&&r.has(d))&&this.st.add(d);return this.render(o)}let t=a.element.classList;for(let d of this.st)d in o||(t.remove(d),this.st.delete(d));for(let d in o){let c=!!o[d];c===this.st.has(d)||(s=this.nt)!=null&&s.has(d)||(c?(t.add(d),this.st.add(d)):(t.remove(d),this.st.delete(d)))}return Ie}});var yg=V.constructTagName("toggle"),fa={DEFAULT:"default",COMPACT:"compact"};var Bh={SIZE:fa.DEFAULT,VALIDATION_MESSAGE:"Please toggle this switch if you want to proceed."};var ao=a=>{class o extends a{constructor(){super(...arguments);this.controlTypeProviderContext=he.consume({host:this,context:Ah.Context})}willUpdate(){this.controlType&&dd.includes(this.controlType)||(this.controlTypeProviderContext.value?this.controlType=this.controlTypeProviderContext.value:this.controlType=ld.CONTROL_TYPE)}}return m([u({type:String,attribute:"control-type",reflect:!0})],o.prototype,"controlType",2),o};var yd=V.constructTagName("menuitemcheckbox"),va={NONE:"none",CHECKBOX:"checkbox",CHECKMARK:"checkmark",TOGGLE:"toggle"},Eg={INDICATOR:va.CHECKBOX};var IA=U`
|
|
4239
4239
|
:host::part(checkmark-icon) {
|
|
4240
4240
|
--mdc-icon-fill-color: currentColor;
|
|
4241
4241
|
}
|
|
@@ -4736,7 +4736,7 @@
|
|
|
4736
4736
|
background-color: ButtonText;
|
|
4737
4737
|
}
|
|
4738
4738
|
}
|
|
4739
|
-
`,...
|
|
4739
|
+
`,...At()],kg=RA;var Zt=class extends br{constructor(){super();this.cannotActivate=Gh.CANNOT_ACTIVATE;this.maxCounter=Gh.MAX_COUNTER;this.ariaLabel=null;this.tooltipPlacement="right";this.tooltipAppearance="when-collapsed";this.hasActiveChild=!1;this.sideNavigationContext=he.consume({host:this,context:Jo.Context});this.emitNavMenuItemActiveChange=t=>{let r=new CustomEvent("activechange",{detail:{navId:this.navId,active:t},bubbles:!0});this.dispatchEvent(r)};this.addEventListener("click",this.handleClickEvent.bind(this))}connectedCallback(){super.connectedCallback(),this.variant=void 0,!this.navId&&this.onerror&&this.onerror("[mdc-navmenuitem] navId is required and was not provided."),this.toggleAttribute("in-menupopover",this.isNested())}disconnectedCallback(){super.disconnectedCallback(),this.removeTooltip()}firstUpdated(t){super.firstUpdated(t),this.active&&!this.disableAriaCurrent&&!this.cannotActivate&&this.setAttribute("aria-current","page")}updated(t){var s;super.updated(t),(t.has("tooltipText")||t.has("showLabel")||t.has("hasActiveChild"))&&this.renderDynamicTooltip(),t.has("showLabel")&&!this.showLabel&&!this.getAttribute("aria-label")&&this.label&&this.setAttribute("aria-label",this.label);let r=(s=this.sideNavigationContext)==null?void 0:s.value;r&&(this.showLabel=this.isNested()?!0:r.expanded)}renderDynamicTooltip(){var r;if(this.removeTooltip(),this.hasActiveChild&&!this.isActiveParentTooltipText||!this.hasActiveChild&&(!this.tooltipText||this.tooltipAppearance==="when-collapsed"&&this.showLabel))return;this.id||(this.id=`mdc-navmenuitem-${Ce()}`);let t=document.createElement(ua);t.id=`mdc-navmenuitem-tooltip-${Ce()}`,t.textContent=this.hasActiveChild?this.isActiveParentTooltipText:this.tooltipText,t.setAttribute("triggerid",this.id),t.setAttribute("show-arrow",""),t.setAttribute("placement",this.tooltipPlacement),this.tooltipType&&t.setAttribute("tooltip-type",this.tooltipType),t.setAttribute("boundary-padding",((r=this.tooltipBoundaryPadding)==null?void 0:r.toString())||"0"),this.hasAttribute("slot")&&t.setAttribute("slot",this.getAttribute("slot")||""),this.after(t)}removeTooltip(){let t=document.querySelector(`${ua}[triggerid="${this.id}"]`);t&&t.remove()}isNested(){let t=this.parentElement;for(;t;){if(t.tagName.toLowerCase()===ne)return!0;t=t.parentElement}return!1}handleClickEvent(){this.disabled||this.cannotActivate||this.emitNavMenuItemActiveChange(this.active)}getFilledIconName(){return!this.iconName||this.iconName.endsWith("-filled")?void 0:`${ko(this.iconName)}-filled`}renderBadge(t){return Object.values(Sg).includes(this.badgeType)?C`
|
|
4740
4740
|
<mdc-badge
|
|
4741
4741
|
part="${t?"":"badge"}"
|
|
4742
4742
|
type="${tt(this.badgeType)}"
|
|
@@ -5095,7 +5095,7 @@
|
|
|
5095
5095
|
:host([soft-disabled]) {
|
|
5096
5096
|
pointer-events: none;
|
|
5097
5097
|
}
|
|
5098
|
-
`,...
|
|
5098
|
+
`,...At(!0)],Bg=WA;var Ta=class extends Lt(Ct(_e(ke(Wt(se))))){constructor(){super(...arguments);this.checked=!1;this.renderLabelAndHelperText=()=>this.label?C`<div part="text-container">${this.renderLabel()} ${this.renderHelperText()}</div>`:j}connectedCallback(){super.connectedCallback(),this.helpTextType=void 0}firstUpdated(t){this.updateTabIndex(),this.inputElement&&this.autoFocusOnMount&&(this.elementToAutoFocus=this.inputElement),super.firstUpdated(t)}getAllRadiosWithinSameGroup(){return Array.from(document.querySelectorAll(`mdc-radio[name="${this.name}"]`))}formResetCallback(){this.getAllRadiosWithinSameGroup().forEach(r=>{r.checked=!1}),this.updateComplete.then(()=>{this.setActualFormValue()}).catch(r=>{this.onerror&&this.onerror(r)})}formStateRestoreCallback(t){this.value===t&&t!==""&&(this.checked=!0)}setComponentValidity(t){t?this.internals.setValidity({}):this.required&&!this.checked&&(this.validationMessage?this.inputElement.setCustomValidity(this.validationMessage):this.inputElement.setCustomValidity(""),this.setValidity()),this.updateTabIndex()}setGroupValidity(t,r){this.updateComplete.then(()=>{t.forEach(s=>{s.setComponentValidity(r)})}).catch(s=>{this.onerror&&this.onerror(s)})}setActualFormValue(){let t="";this.checked?t=this.value?this.value:"on":t=null;let r=this.getAllRadiosWithinSameGroup();if(this.checked)this.setGroupValidity(r,!0);else{let s=r.some(f=>f.required),d=!!r.find(f=>f.checked),c=s&&!d;this.setGroupValidity(r,!c)}this.internals.setFormValue(t)}handleChange(){var s;if(this.disabled||this.readonly||this.softDisabled)return;this.getAllRadiosWithinSameGroup().forEach(d=>{var f;let c=(f=d.shadowRoot)==null?void 0:f.querySelector("input");c&&(d.checked=!1,c.checked=!1)}),this.checked=!0;let r=(s=this.shadowRoot)==null?void 0:s.querySelector("input");r&&(r.checked=!0),this.dispatchEvent(new Event("change",{bubbles:!0,composed:!0}))}click(){super.click(),this.handleChange()}updateRadio(t,r){var s,d;(d=(s=t[r].shadowRoot)==null?void 0:s.querySelector("input"))==null||d.focus(),t[r].handleChange()}handleKeyDown(t){var f;if(this.disabled)return;let r=this.getActionForKeyEvent(t);(this.readonly||this.softDisabled)&&r===q.SPACE&&t.preventDefault();let d=this.getAllRadiosWithinSameGroup().filter(y=>!y.disabled),c=d.indexOf(this);if(this.getKeyboardNavMode()!==Kt.DEFAULT){r===q.ENTER&&(this.updateRadio(d,c),this.keyDownEventHandled()),this.getAllRadiosWithinSameGroup().forEach(I=>{var Y;let $=(Y=I.shadowRoot)==null?void 0:Y.querySelector("input");$&&($.tabIndex=0)});return}if(r===q.DOWN||r===q.RIGHT){let y=(c+1)%d.length;this.updateRadio(d,y)}else if(r===q.UP||r===q.LEFT){let y=(c-1+d.length)%d.length;this.updateRadio(d,y)}else r===q.SPACE&&this.updateRadio(d,c);this.updateTabIndex(),r===q.ENTER&&((f=this.form)==null||f.requestSubmit())}updateTabIndex(){let t=this.getAllRadiosWithinSameGroup(),r=t.find(d=>d.checked),s=t.find(d=>!d.disabled);t.forEach(d=>{var f;let c=(f=d.shadowRoot)==null?void 0:f.querySelector("input");c&&(c.tabIndex=-1,(d===r||!r&&d===s)&&(c.tabIndex=0))})}update(t){super.update(t),t.has("checked")&&this.setActualFormValue()}render(){var t;return C`
|
|
5099
5099
|
<mdc-staticradio
|
|
5100
5100
|
class="mdc-focus-ring"
|
|
5101
5101
|
?checked="${this.checked}"
|
|
@@ -5371,7 +5371,7 @@
|
|
|
5371
5371
|
:host([soft-disabled])::part(base-text) {
|
|
5372
5372
|
--mdc-select-text-color: var(--mds-color-theme-text-primary-disabled);
|
|
5373
5373
|
}
|
|
5374
|
-
`,Xg=[JA,...
|
|
5374
|
+
`,Xg=[JA,...At(!0)];var Xe=class extends Ws(Ct(eo(_e(ke(Wt(se)))))){constructor(){super();this.placement=Nt.BOTTOM_START;this.boundary=St.BOUNDARY;this.strategy=St.STRATEGY;this.popoverZIndex=void 0;this.disableFlip=qg.DISABLE_FLIP;this.displayPopover=!1;this.initialSelectedOption=null;this.debounceTime=500;this.searchString="";this.onStoreUpdate=(t,r,s,d)=>{switch(r){case"added":t.setAttribute("tabindex",s===0&&d.length===0?"0":"-1"),t.hasAttribute("selected")&&this.resetTabIndexes(s);break;case"removed":{if(s===-1||d.length===0)return;let c=s+1;if(c>=d.length&&(c=s-1),c===-1&&this.displayPopover){this.displayPopover=!1,this.handleNativeInputFocus();return}if(t.tabIndex===0&&this.resetTabIndexes(c),t.hasAttribute("selected")){let f=null;this.placeholder||(f=s===0?d[c]:d[0]),this.setSelectedOption(f)}break}default:break}};this.isValidItem=t=>t.matches(`${Er}:not([disabled])`);this.addEventListener(Ht.MODIFIED,this.handleModifiedEvent),this.itemsStore=new Zr(this,{isValidItem:this.isValidItem,onStoreUpdate:this.onStoreUpdate})}connectedCallback(){super.connectedCallback(),this.loop="false",this.initialFocus=0,this.setupDebounceSearch()}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this.debounceSearch)==null||t.cancel(),window.cancelAnimationFrame(this.animationFrameId)}get navItems(){return this.itemsStore.items}attributeChangedCallback(t,r,s){var d;if(super.attributeChangedCallback(t,r,s),t==="value"&&s!==""&&s!==r&&s!==((d=this.selectedOption)==null?void 0:d.value)&&this.navItems.length){let c=this.getFirstSelectedOption(),f=this.getFirstOption(),y=this.navItems.find($=>$.value===s),I=null;if(y)I=y;else if(this.placeholder)I=null;else if(f)I=f;else if(c)I=c;else return;this.updateComplete.then(()=>{this.setSelectedOption(I)}).catch($=>{this.onerror&&this.onerror($)})}}getFirstSelectedOption(){return this.navItems.find(t=>t.hasAttribute("selected"))}getFirstOption(){return this.navItems[0]}handleModifiedEvent(t){let r=t.target,s=this.getFirstSelectedOption();switch(t.detail.change){case"selected":{s&&s!==this.selectedOption?this.setSelectedOption(s):this.setSelectedOption(r);break}case"unselected":{s?this.setSelectedOption(s):this.setSelectedOption(this.placeholder?null:this.getFirstOption());break}case"enabled":{this.itemsStore.add(r);break}case"disabled":{this.itemsStore.delete(r);break}default:break}}async firstUpdated(t){await this.updateComplete;let r=this.getFirstSelectedOption();if(r)this.initialSelectedOption=r,this.setSelectedOption(r);else if(this.placeholder)this.placeholder&&this.setInputValidity();else{let s=this.getFirstOption();this.setSelectedOption(s),this.fireEvents()}this.inputElement&&this.autoFocusOnMount&&(this.elementToAutoFocus=this.inputElement),super.firstUpdated(t)}updated(t){super.updated(t),(t.has("disabled")||t.has("softDisabled")||t.has("readonly"))&&(this.disabled||this.softDisabled||this.readonly)&&(this.displayPopover=!1)}handleOptionsClick(t){let r=t.target;r&&r.tagName===Er.toUpperCase()&&!r.hasAttribute("disabled")&&!r.hasAttribute("soft-disabled")&&(this.setSelectedOption(r),r.isKeyDownEventHandled&&this.keyDownEventHandled(),this.displayPopover=!1,this.fireEvents())}setSelectedOption(t){var r,s,d;t!==this.selectedOption&&(this.updateSelectedInChildOptions(t),this.resetTabIndexes(this.navItems.indexOf(t)),this.selectedOption=t,this.value=(s=(r=this.selectedOption)==null?void 0:r.value)!=null?s:"",this.internals.setFormValue(this.value),(d=this.inputElement)==null||d.setAttribute("value",this.value),this.setInputValidity())}updateSelectedInChildOptions(t){t==null||t.setAttribute("selected","true"),this.navItems.forEach(r=>{r!==t&&r.removeAttribute("selected")})}fireEvents(){this.dispatchInput(this.selectedOption),this.dispatchChange(this.selectedOption)}setInputValidity(){var t,r;!this.selectedOption&&this.required&&this.validationMessage?(t=this.inputElement)==null||t.setCustomValidity(this.validationMessage):(r=this.inputElement)==null||r.setCustomValidity(""),this.setValidity()}formResetCallback(){var r;let t=this.initialSelectedOption||null;((r=this.selectedOption)==null?void 0:r.value)!==(t==null?void 0:t.value)&&(this.setSelectedOption(t),this.fireEvents())}formStateRestoreCallback(t){var s;let r=this.navItems.find(d=>d.value===t||d.label===t);((s=this.selectedOption)==null?void 0:s.value)!==(r==null?void 0:r.value)&&(this.setSelectedOption(r||null),this.fireEvents())}dispatchChange(t){this.dispatchEvent(new CustomEvent("change",{detail:{value:t==null?void 0:t.value,label:t==null?void 0:t.label},composed:!0,bubbles:!0}))}dispatchInput(t){this.dispatchEvent(new CustomEvent("input",{detail:{value:t==null?void 0:t.value,label:t==null?void 0:t.label},composed:!0,bubbles:!0}))}handleClickCombobox(t){this.disabled||this.softDisabled||this.readonly||(this.displayPopover=!this.displayPopover,t.stopPropagation())}setupDebounceSearch(){this.debounceSearch=sd(()=>{this.searchString=""},this.debounceTime)}debounceSearchKey(t){var r;return(r=this.debounceSearch)==null||r.call(this),this.searchString+=t,this.searchString}filterOptionsBySearchKey(t,r){return t.filter(s=>{var d;return(d=s.getAttribute("label"))==null?void 0:d.toLowerCase().startsWith(r.toLowerCase())})}handleSelectedOptionBasedOnFilter(t){let r=this.navItems.findIndex(f=>f.tabIndex===0)+1,s=[...this.navItems.slice(r),...this.navItems.slice(0,r)],d=this.filterOptionsBySearchKey(s,t),c=null;if(d.length)[c]=d;else if(t.split("").every(f=>f===t[0])){let f=this.navItems[r],y=this.filterOptionsBySearchKey(s,t[0]),I=y.filter($=>$===f);c=I.length?I[0]:y[0]}this.navItems.indexOf(c)!==-1&&this.resetTabIndexAndSetFocusAfterUpdate(this.navItems.indexOf(c))}handleKeydownCombobox(t){if(this.disabled||this.softDisabled||this.readonly)return;let r=this.getActionForKeyEvent(t);if(this.getKeyboardNavMode()===Kt.DEFAULT)switch(r){case q.DOWN:case q.UP:case q.ENTER:case q.SPACE:this.displayPopover||this.keyDownEventHandled(),this.displayPopover=!0,t.preventDefault(),t.stopPropagation();break;case q.HOME:{this.displayPopover=!0,this.resetTabIndexAndSetFocusAfterUpdate(0),t.preventDefault(),t.stopPropagation();break}case q.END:{this.displayPopover=!0,this.resetTabIndexAndSetFocusAfterUpdate(this.navItems.length-1),t.preventDefault(),t.stopPropagation();break}default:{t.key.length===1&&!t.metaKey&&!t.ctrlKey&&!t.altKey&&(this.displayPopover=!0,this.handleSelectedOptionByKeyInput(t.key),t.preventDefault(),t.stopPropagation());break}}else r===q.ENTER&&(this.displayPopover=!0,t.preventDefault(),t.stopPropagation())}resetTabIndexAndSetFocusAfterUpdate(t){this.displayPopover&&(this.animationFrameId=window.requestAnimationFrame(()=>{this.resetTabIndexAndSetFocus(t)}))}handleNativeInputFocus(){this.visualCombobox.focus()}handleSelectedOptionByKeyInput(t){let r=this.debounceSearchKey(t);this.handleSelectedOptionBasedOnFilter(r)}handleKeydownPopover(t){this.getKeyboardNavMode()===Kt.DEFAULT&&t.key.length===1&&this.handleSelectedOptionByKeyInput(t.key)}render(){var t,r,s,d,c,f;return C`
|
|
5375
5375
|
${this.renderLabel()}
|
|
5376
5376
|
<div part="container">
|
|
5377
5377
|
<div
|
|
@@ -5787,7 +5787,7 @@
|
|
|
5787
5787
|
:host([status='error-incomplete']:active) {
|
|
5788
5788
|
--mdc-stepperitem-help-text-color: var(--mds-color-theme-text-error-active);
|
|
5789
5789
|
}
|
|
5790
|
-
`,ab=[bt,f0,...
|
|
5790
|
+
`,ab=[bt,f0,...At()];var Ci=class extends Lt(Ct(Br(X))){constructor(){super();this.variant=gp.VARIANT;this.status=gp.STATUS;this.label="";this.stepperContext=he.consume({host:this,context:is.Context});this.addEventListener("keydown",this.handleKeyDown.bind(this)),this.addEventListener("keyup",this.handleKeyUp.bind(this))}updated(t){var s;super.updated(t);let r=(s=this.stepperContext)==null?void 0:s.value;!r||!r.variant||(this.variant=r.variant)}connectedCallback(){super.connectedCallback(),this.role=J.LISTITEM}handleKeyDown(t){let r=this.getActionForKeyEvent(t);(r===q.ENTER||r===q.SPACE)&&(this.classList.add("pressed"),r===q.ENTER&&(this.triggerClickEvent(),this.keyDownEventHandled()),t.preventDefault())}triggerClickEvent(){let t=new MouseEvent("click",{bubbles:!0,cancelable:!0,view:window});this.dispatchEvent(t)}handleKeyUp(t){let r=this.getActionForKeyEvent(t);(r===q.ENTER||r===q.SPACE)&&(this.classList.remove("pressed"),r===q.SPACE&&this.triggerClickEvent())}renderStatusIcon(){return this.status===_i.COMPLETED?C`<mdc-icon part="status-icon" name=${Md.COMPLETED} length-unit="rem" size="1"></mdc-icon>`:this.status===_i.ERROR_CURRENT||this.status===_i.CURRENT?C`<mdc-icon part="status-icon" name=${Md.PENCIL} length-unit="rem" size="1"></mdc-icon>`:this.stepNumber&&(this.status===_i.NOT_STARTED||this.status===_i.ERROR_INCOMPLETE)?C`<mdc-text part="step-number" tagname=${pt.SPAN} type=${ot.BODY_MIDSIZE_REGULAR}
|
|
5791
5791
|
>${this.stepNumber}</mdc-text
|
|
5792
5792
|
>`:j}renderHelpText(){if(!this.helpText)return j;let t=C`<mdc-text
|
|
5793
5793
|
part="help-text"
|
|
@@ -6005,7 +6005,7 @@
|
|
|
6005
6005
|
--mdc-tab-background-color: var(--mds-color-theme-button-secondary-active-normal);
|
|
6006
6006
|
--mdc-tab-color: var(--mds-color-theme-text-primary-disabled);
|
|
6007
6007
|
}
|
|
6008
|
-
`,...
|
|
6008
|
+
`,...At()],db=g0;var mo=class extends te(pe){constructor(){super(...arguments);this.active=Dd.ACTIVE;this.variant=Dd.VARIANT;this.handleTabActiveChange=t=>{let r=new CustomEvent("activechange",{detail:{tabId:this.tabId,active:t},bubbles:!0});this.dispatchEvent(r)}}connectedCallback(){super.connectedCallback(),this.role=J.TAB,this.size=void 0,this.type=void 0,this.ariaStateKey="aria-selected",!this.tabId&&this.onerror&&this.onerror("tab id is required")}modifyIconName(t){this.iconName&&(t?(this.prevIconName=this.iconName,this.iconName=`${ko(this.iconName)}-filled`):this.prevIconName&&(this.iconName=this.prevIconName))}setVariant(t){this.setAttribute("variant",Object.values(Ep).includes(t)?t:Dd.VARIANT)}setActive(t,r){super.setActive(t,r),this.modifyIconName(r)}executeAction(){this.handleTabActiveChange(this.active)}update(t){super.update(t),t.has("variant")&&this.setVariant(this.variant)}render(){return C`
|
|
6009
6009
|
<div part="container">
|
|
6010
6010
|
<slot name="prefix">
|
|
6011
6011
|
${this.iconName?C` <mdc-icon name="${this.iconName}" size="1" length-unit="rem" part="icon"></mdc-icon>`:j}
|
|
@@ -6185,7 +6185,7 @@
|
|
|
6185
6185
|
:host([disabled])::part(resize-button) {
|
|
6186
6186
|
cursor: default;
|
|
6187
6187
|
}
|
|
6188
|
-
`,...
|
|
6188
|
+
`,...At(!0)],gb=T0;var le=class extends Lt(Ct(_e(ke(Wt(or))))){constructor(){super(...arguments);this.rows=_a.ROWS;this.wrap=Sp.SOFT;this.autocapitalize=md.OFF;this.autocomplete=vb.OFF;this.resizable=!1;this.characterLimitExceedingFired=!1;this.resizeStartY=0;this.resizeStartRows=0;this.handlePointerDown=t=>{if(this.readonly)return;let r=t.currentTarget;r&&(t.preventDefault(),this.resizeStartY=t.clientY,this.resizeStartRows=this.rows||_a.ROWS,r.setPointerCapture(t.pointerId),r.addEventListener("pointermove",this.handlePointerMove),r.addEventListener("pointerup",this.handlePointerUp),r.addEventListener("lostpointercapture",this.handlePointerUp))};this.handlePointerMove=t=>{if(!this.textarea)return;let r=t.clientY-this.resizeStartY,s=parseFloat(window.getComputedStyle(this.textarea).lineHeight),d=Math.round(r/s);this.rows=Math.max(1,this.resizeStartRows+d)};this.handlePointerUp=t=>{let r=t.currentTarget;r&&(t.type==="pointerup"&&r.hasPointerCapture(t.pointerId)&&r.releasePointerCapture(t.pointerId),r.removeEventListener("pointermove",this.handlePointerMove),r.removeEventListener("pointerup",this.handlePointerUp),r.removeEventListener("lostpointercapture",this.handlePointerUp))}}get textarea(){return this.inputElement}connectedCallback(){var t;super.connectedCallback(),this.value=((t=this.textContent)==null?void 0:t.trim())||this.value,this.updateComplete.then(()=>{this.textarea&&(this.textarea.checkValidity(),this.setTextareaValidity(),this.internals.setFormValue(this.textarea.value))}).catch(r=>{this.onerror&&this.onerror(r)})}firstUpdated(t){this.inputElement&&this.autoFocusOnMount&&(this.elementToAutoFocus=this.inputElement),super.firstUpdated(t)}setTextareaValidity(){this.required&&this.validationMessage&&this.value===""?this.textarea.setCustomValidity(this.validationMessage):this.maxCharacterLimit&&this.value.length>this.maxCharacterLimit&&this.helpTextType===Vt.ERROR&&this.helpText?this.textarea.setCustomValidity(this.helpText):this.textarea.setCustomValidity(""),this.setValidity()}formResetCallback(){this.value="",this.requestUpdate()}formStateRestoreCallback(t){this.value=t}handleValueChange(){this.updateComplete.then(()=>{this.setTextareaValidity()}).catch(t=>{this.onerror&&this.onerror(t)})}updated(t){super.updated(t),t.has("value")&&(this.handleValueChange(),this.handleCharacterOverflowStateChange()),t.has("helpText")&&this.announceMaxLengthWarning()}dispatchCharacterOverflowStateChangeEvent(){this.dispatchEvent(new CustomEvent("limitexceeded",{detail:{currentCharacterCount:this.value.length,maxCharacterLimit:this.maxCharacterLimit,value:this.value},bubbles:!0,composed:!0}))}handleCharacterOverflowStateChange(){this.maxCharacterLimit&&(this.value.length>this.maxCharacterLimit&&!this.characterLimitExceedingFired?(this.dispatchCharacterOverflowStateChangeEvent(),this.characterLimitExceedingFired=!0):this.value.length<=this.maxCharacterLimit&&this.characterLimitExceedingFired&&(this.dispatchCharacterOverflowStateChangeEvent(),this.characterLimitExceedingFired=!1))}updateValue(){this.value=this.textarea.value,this.internals.setFormValue(this.textarea.value),this.announceMaxLengthWarning()}announceMaxLengthWarning(){this.ariaLiveAnnouncer="",!(!this.maxCharacterLimit||this.value.length===0)&&(this.helpText&&this.value.length>this.maxCharacterLimit?this.updateComplete.then(()=>{this.ariaLiveAnnouncer=this.helpText}).catch(()=>{}):this.characterLimitAnnouncement&&this.value.length<=this.maxCharacterLimit&&(this.ariaLiveAnnouncer=this.characterLimitAnnouncement.replace("%{number-of-characters}",this.value.length.toString()).replace("%{max-character-limit}",this.maxCharacterLimit.toString())))}onChange(t){this.updateValue();let r=t.constructor;this.dispatchEvent(new r(t.type,t))}renderCharacterCounter(){return this.maxCharacterLimit?C`
|
|
6189
6189
|
<mdc-text part="character-counter" tagname="span" type=${_a.CHARACTER_COUNTER_TYPE}>
|
|
6190
6190
|
${this.value.length}/${this.maxCharacterLimit}
|
|
6191
6191
|
</mdc-text>
|
|
@@ -6498,7 +6498,7 @@
|
|
|
6498
6498
|
:host([soft-disabled]) {
|
|
6499
6499
|
pointer-events: none;
|
|
6500
6500
|
}
|
|
6501
|
-
`,...
|
|
6501
|
+
`,...At(!0)],Sb=k0;var ss=class extends Ct(ao(_e(ke(Wt(or))))){constructor(){super(...arguments);this.checked=!1;this.size=Bh.SIZE;this.renderLabelAndHelperText=()=>this.label?C`<div part="text-container">${this.renderLabel()} ${this.renderHelperText()}</div>`:j}connectedCallback(){super.connectedCallback(),this.helpTextType=void 0}firstUpdated(t){this.inputElement&&this.autoFocusOnMount&&(this.elementToAutoFocus=this.inputElement),super.firstUpdated(t)}formResetCallback(){this.checked=!1}formStateRestoreCallback(t){t&&(this.checked=!0)}manageRequired(){!this.checked&&this.required?(this.validationMessage?this.inputElement.setCustomValidity(this.validationMessage):this.inputElement.setCustomValidity(""),this.setValidity()):this.internals.setValidity({})}setFormValue(){let t=null;this.checked?t=this.value?this.value:"isActive":t=null,this.manageRequired(),this.internals.setFormValue(t)}toggleState(){!this.disabled&&!this.softDisabled&&!this.readonly&&this.controlType!=="controlled"&&(this.checked=!this.checked)}click(){super.click(),this.toggleState()}handleKeyDown(t){var s;let r=this.getActionForKeyEvent(t);(this.readonly||this.softDisabled)&&r===q.SPACE&&t.preventDefault(),r===q.ENTER&&this.getKeyboardNavMode()===Kt.DEFAULT&&((s=this.form)==null||s.requestSubmit())}handleChange(t){this.toggleState();let r=t.constructor;this.dispatchEvent(new r(t.type,t))}setToggleSize(t){this.setAttribute("size",Object.values(fa).includes(t)?t:Bh.SIZE)}update(t){super.update(t),t.has("checked")&&this.setFormValue(),t.has("size")&&this.setToggleSize(this.size)}render(){var t;return C`
|
|
6502
6502
|
<mdc-statictoggle
|
|
6503
6503
|
?checked="${this.checked}"
|
|
6504
6504
|
?disabled="${this.disabled}"
|
|
@@ -6675,7 +6675,7 @@
|
|
|
6675
6675
|
--mdc-icon-fill-color: ButtonText;
|
|
6676
6676
|
}
|
|
6677
6677
|
}
|
|
6678
|
-
`,$b=[F0];var fe=class extends Lt(Ct(eo(_e(ke(Wt(ao(se))))))){constructor(){super();this.placement=Nt.BOTTOM_START;this.boundary=
|
|
6678
|
+
`,$b=[F0];var fe=class extends Lt(Ct(eo(_e(ke(Wt(ao(se))))))){constructor(){super();this.placement=Nt.BOTTOM_START;this.boundary=St.BOUNDARY;this.strategy=St.STRATEGY;this.popoverZIndex=void 0;this.isOpen=!1;this.filteredValue="";this.forceValueUpdate=!1;this.initialSelectedOption=null;this.handleUpdateError=t=>{this.onerror&&this.onerror(t)};this.onStoreUpdate=(t,r,s,d)=>{switch(r){case"added":t.setAttribute("tabindex",s===0&&d.length===0?"0":"-1"),t.hasAttribute("selected")&&(this.navItems.forEach(c=>c.setAttribute("tabindex","-1")),t.setAttribute("tabindex","0"));break;case"removed":{let c=t;if(c&&(!this.isValidItem(c)||c.tabIndex!==0))return;let f=this.navItems.findIndex(I=>I===c);if(f===-1)return;let y=f+1;y>=this.navItems.length&&(y=f-1)}break;default:break}};this.handleModifiedEvent=t=>{if(this.controlType==="controlled")return;let r=this.getFirstSelectedOption();switch(t.detail.change){case"selected":{if(t.target.hasAttribute("disabled"))return;r&&r.value!==this.value&&this.setSelectedValue(r,!1);break}case"unselected":{r&&this.setSelectedValue(r,!1);break}default:break}};this.addEventListener(Ht.MODIFIED,this.handleModifiedEvent),this.itemsStore=new Zr(this,{isValidItem:this.isValidItem,onStoreUpdate:this.onStoreUpdate})}get navItems(){return this.itemsStore.items}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{this.inputElement&&(this.setInputValidity(),this.internals.setFormValue(this.inputElement.value))}).catch(this.handleUpdateError)}isValidItem(t){return t.matches(Er)}openPopover(){this.isOpen=!0}closePopover(){this.isOpen=!1}toggleDropdown(){this.isOpen=!this.isOpen}compareOptionWithValue(t,r){return(t.getAttribute("label")||"").toLowerCase().startsWith(r==null?void 0:r.toLowerCase())}getFirstSelectedOption(){return this.navItems.find(t=>t.hasAttribute("selected"))}getVisibleOptions(t){return this.navItems.filter(r=>this.compareOptionWithValue(r,t))}setSelectedValue(t,r=!0){if(this.controlType==="controlled"&&!this.forceValueUpdate){on.onChangeCombobox(this,t);return}this.forceValueUpdate=!1,this.filteredValue=(t==null?void 0:t.getAttribute("label"))||"",this.value=(t==null?void 0:t.getAttribute("value"))||"",this.internals.setFormValue(this.value),this.updateHiddenOptions(),this.updateSelectedOption(t),this.setInputValidity(),this.resetHelpText(),r&&(on.onInputCombobox(this,t),on.onChangeCombobox(this,t))}resetSelectedValue(){this.controlType!=="controlled"&&(this.value=""),this.internals.setFormValue(this.value),this.resetHelpText()}resetHelpText(){this.invalidCustomValueText&&this.helpText===this.invalidCustomValueText&&(this.helpText="",this.helpTextType=Vt.DEFAULT)}attributeChangedCallback(t,r,s){if(super.attributeChangedCallback(t,r,s),t==="value"&&s!==""&&s!==r&&this.navItems.length&&this.controlType!=="controlled"){let d=this.getFirstSelectedOption(),c=this.navItems.find(y=>y.value===s),f=null;if(c)f=c;else if(this.placeholder)f=null;else if(d)f=d;else return;this.updateComplete.then(()=>{this.setSelectedValue(f)}).catch(this.handleUpdateError)}t==="validation-message"&&this.updateComplete.then(()=>{this.setInputValidity()}).catch(this.handleUpdateError)}async firstUpdated(t){await this.updateComplete,this.inputElement&&this.autoFocusOnMount&&(this.elementToAutoFocus=this.inputElement),super.firstUpdated(t);let r=this.getFirstSelectedOption();r&&this.controlType!=="controlled"?(this.initialSelectedOption=r,this.setSelectedValue(r)):this.value?this.updateValueBasedSelection():this.placeholder&&this.setInputValidity(),this.navItems.forEach(s=>{s.setAttribute("tabindex","-1")})}updateValueBasedSelection(){this.forceValueUpdate=!0;let t=this.navItems.find(r=>r.value===this.value);t&&this.setSelectedValue(t)}updated(t){super.updated(t),(t.has("slottedListboxes")||t.has("isOpen"))&&(this.visualCombobox&&"ariaControlsElements"in this.visualCombobox&&(this.visualCombobox.ariaControlsElements=this.slottedListboxes),this.dropDownButton&&"ariaControlsElements"in this.dropDownButton&&(this.dropDownButton.ariaControlsElements=this.slottedListboxes)),(t.has("disabled")||t.has("readonly"))&&(this.disabled||this.readonly)&&this.closePopover(),t.has("value")&&this.updateValueBasedSelection()}setInputValidity(){var t,r;!this.value&&this.required?(this.validationMessage?(t=this.inputElement)==null||t.setCustomValidity(this.validationMessage):(r=this.inputElement)==null||r.setCustomValidity(""),this.setValidity()):this.internals.setValidity({})}formResetCallback(){var r;let t=this.initialSelectedOption||null;this.setSelectedValue(t),this.controlType!=="controlled"&&(this.filteredValue=(r=t==null?void 0:t.label)!=null?r:""),this.setInputValidity()}formStateRestoreCallback(t){let r=this.navItems.find(s=>s.value===t||s.label===t);this.setSelectedValue(r||null)}handleNativeInputFocus(){this.visualCombobox.focus()}resetFocusedOption(){this.navItems.filter(t=>t.hasAttribute("data-focused")).forEach(t=>this.updateOptionAttributes(t,!1))}updateSelectedOption(t){this.navItems.forEach(r=>{r.removeAttribute("selected")}),t==null||t.setAttribute("selected","")}updateOptionAttributes(t,r){t!==void 0&&(r?t.setAttribute("data-focused",""):t.removeAttribute("data-focused"),t.setAttribute("aria-selected",r.toString()))}handleBlurChange(){let t=this.getVisibleOptions(this.filteredValue),r=t.findIndex(s=>s.hasAttribute("data-focused"));if(r!==-1){this.setSelectedValue(t[r]),this.closePopover();return}r===-1&&this.filteredValue!==""&&this.invalidCustomValueText&&!this.getFirstSelectedOption()&&(this.helpText=this.invalidCustomValueText,this.helpTextType=Vt.ERROR),this.setInputValidity()}updateFocusAndScrollIntoView(t,r,s){var d;this.updateOptionAttributes(t[r],!1),this.updateOptionAttributes(t[s],!0),(d=t[s])==null||d.scrollIntoView({block:"nearest"})}handleInputKeydown(t){let r=this.getVisibleOptions(this.filteredValue).filter(c=>!c.hasAttribute("disabled")),s=r.findIndex(c=>c.hasAttribute("data-focused")),d=this.getKeyboardNavMode()===Kt.SPATIAL;switch(this.getActionForKeyEvent(t)){case q.DOWN:{if(!d)this.openPopover();else if(!this.isOpen)break;let c=r.length-1===s?0:s+1;this.updateFocusAndScrollIntoView(r,s,c),t.preventDefault(),this.keyDownEventHandled();break}case q.UP:{if(!d)this.openPopover();else if(!this.isOpen)break;let c=s===-1||s===0?r.length-1:s-1;this.updateFocusAndScrollIntoView(r,s,c),t.preventDefault(),this.keyDownEventHandled();break}case q.ENTER:{if(d&&!this.isOpen)this.openPopover();else{if(s===-1)return;this.setSelectedValue(r[s]),this.isOpen&&this.closePopover()}this.keyDownEventHandled();break}case q.ESCAPE:{s!==-1&&this.updateOptionAttributes(r[s],!1),r.length&&this.shouldDisplayPopover(r.length)||(this.resetSelectedValue(),this.controlType!=="controlled"&&(this.filteredValue="")),this.keyDownEventHandled();break}case q.TAB:{this.closePopover(),this.keyDownEventHandled();break}case q.HOME:case q.END:{this.resetFocusedOption(),this.keyDownEventHandled();break}default:break}}updateHiddenOptions(){this.navItems.forEach(t=>{this.compareOptionWithValue(t,this.filteredValue)?(t.removeAttribute("data-hidden"),this.showOptionGroupAndDivider(t)):(t.setAttribute("data-hidden",""),this.hideOptionGroupAndDivider(t))})}hideOptionGroupAndDivider(t){var r,s,d;(r=t.parentElement)!=null&&r.matches(ya)&&((s=Array.from(t.parentElement.children))==null?void 0:s.filter(f=>!f.hasAttribute("data-hidden"))).length===0&&(t.parentElement.setAttribute("data-hidden",""),(d=t.parentElement.nextElementSibling)!=null&&d.matches(ea)&&t.parentElement.nextElementSibling.setAttribute("data-hidden",""))}showOptionGroupAndDivider(t){var r,s,d;(r=t.parentElement)!=null&&r.matches(ya)&&((s=Array.from(t.parentElement.children))==null?void 0:s.filter(f=>!f.hasAttribute("data-hidden"))).length>0&&(t.parentElement.removeAttribute("data-hidden"),(d=t.parentElement.nextElementSibling)!=null&&d.matches(ea)&&t.parentElement.nextElementSibling.removeAttribute("data-hidden"))}handleInputChange(t){var r;this.controlType!=="controlled"&&(this.filteredValue=t.target.value),this.resetSelectedValue(),this.resetFocusedOption(),this.updateHiddenOptions(),(r=this.getFirstSelectedOption())==null||r.removeAttribute("selected"),this.isOpen===!1&&this.openPopover()}handleOptionsClick(t){var s;let r=(s=t.target.closest(Er))!=null?s:null;r&&!r.hasAttribute("disabled")&&(this.setSelectedValue(r),this.closePopover(),this.updateComplete.then(()=>this.handleNativeInputFocus()).catch(this.handleUpdateError))}shouldDisplayPopover(t){return this.disabled||this.readonly?!1:t?this.isOpen:!!this.noResultText}renderNativeInput(){return C`
|
|
6679
6679
|
<input
|
|
6680
6680
|
id="${this.inputId}"
|
|
6681
6681
|
name="${this.name}"
|