@loadsmart/miranda-wc 1.93.0 → 1.95.0
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/{alert-circle-CREw-pPI.js → alert-circle-Dm90F3eQ.js} +2 -2
- package/dist/{alert-circle-CREw-pPI.js.map → alert-circle-Dm90F3eQ.js.map} +1 -1
- package/dist/{arrow-left-DV1hgD0o.js → arrow-left-yOw20iCW.js} +2 -2
- package/dist/arrow-left-yOw20iCW.js.map +1 -0
- package/dist/{attention-5DEU-J6d.js → attention-DJL78U-U.js} +2 -2
- package/dist/attention-DJL78U-U.js.map +1 -0
- package/dist/{bell-DmhNEAVR.js → bell-BEDMGBCx.js} +2 -2
- package/dist/bell-BEDMGBCx.js.map +1 -0
- package/dist/{caret-down-8bIJffj5.js → caret-down-CNBzGH_0.js} +2 -2
- package/dist/caret-down-CNBzGH_0.js.map +1 -0
- package/dist/{caret-left-PLAelnWU.js → caret-left-BsJNNKLn.js} +2 -2
- package/dist/caret-left-BsJNNKLn.js.map +1 -0
- package/dist/{caret-right-BQWP51hl.js → caret-right-BnD1yghy.js} +2 -2
- package/dist/caret-right-BnD1yghy.js.map +1 -0
- package/dist/{check-C0dcqo5u.js → check-DEjp_oRu.js} +2 -2
- package/dist/check-DEjp_oRu.js.map +1 -0
- package/dist/{close-BZTRaA0m.js → close-DH8qSGDS.js} +2 -2
- package/dist/close-DH8qSGDS.js.map +1 -0
- package/dist/components/body/body.d.ts +1 -1
- package/dist/components/button/button.d.ts +1 -1
- package/dist/components/component/component.d.ts +1 -1
- package/dist/components/component/component.d.ts.map +1 -1
- package/dist/components/empty-state/empty-state.d.ts +1 -1
- package/dist/components/header/header-actions.d.ts +1 -1
- package/dist/components/header/header-content.d.ts +1 -1
- package/dist/components/header/header-title.d.ts +1 -1
- package/dist/components/header/sub-header.d.ts +1 -1
- package/dist/components/labeled-value/index.d.ts +2 -0
- package/dist/components/labeled-value/index.d.ts.map +1 -1
- package/dist/components/labeled-value/labeled-value-label.d.ts +31 -0
- package/dist/components/labeled-value/labeled-value-label.d.ts.map +1 -0
- package/dist/components/labeled-value/labeled-value-value.d.ts +10 -0
- package/dist/components/labeled-value/labeled-value-value.d.ts.map +1 -0
- package/dist/components/labeled-value/labeled-value.d.ts +3 -4
- package/dist/components/labeled-value/labeled-value.d.ts.map +1 -1
- package/dist/components/radio-group/radio-group.d.ts.map +1 -1
- package/dist/components/section/section-title.d.ts +1 -1
- package/dist/components/tabs/tabs.d.ts.map +1 -1
- package/dist/components/text/text.d.ts +1 -1
- package/dist/components/toggle-group/toggle-group.d.ts.map +1 -1
- package/dist/{double-caret-left-LOXjxy-5.js → double-caret-left-BOmtsM-W.js} +2 -2
- package/dist/{double-caret-left-LOXjxy-5.js.map → double-caret-left-BOmtsM-W.js.map} +1 -1
- package/dist/{double-caret-right-C2nDMJia.js → double-caret-right-Bzk2Eb95.js} +2 -2
- package/dist/{double-caret-right-C2nDMJia.js.map → double-caret-right-Bzk2Eb95.js.map} +1 -1
- package/dist/{indeterminate-Do4pUzaF.js → indeterminate-CbPwBTSL.js} +2 -2
- package/dist/{indeterminate-Do4pUzaF.js.map → indeterminate-CbPwBTSL.js.map} +1 -1
- package/dist/{index-InjGzKHu.js → index-CNU8Fpwa.js} +63 -62
- package/dist/index-CNU8Fpwa.js.map +1 -0
- package/dist/index.js +1 -1
- package/dist/{info-circle-B2_T61R3.js → info-circle-BOvNoEi0.js} +2 -2
- package/dist/{info-circle-B2_T61R3.js.map → info-circle-BOvNoEi0.js.map} +1 -1
- package/dist/mixins/polymorphic-tag/polymorphic-tag.d.ts.map +1 -1
- package/dist/mixins/with-id/with-id.mixin.d.ts.map +1 -1
- package/package.json +2 -2
- package/dist/arrow-left-DV1hgD0o.js.map +0 -1
- package/dist/attention-5DEU-J6d.js.map +0 -1
- package/dist/bell-DmhNEAVR.js.map +0 -1
- package/dist/caret-down-8bIJffj5.js.map +0 -1
- package/dist/caret-left-PLAelnWU.js.map +0 -1
- package/dist/caret-right-BQWP51hl.js.map +0 -1
- package/dist/check-C0dcqo5u.js.map +0 -1
- package/dist/close-BZTRaA0m.js.map +0 -1
- package/dist/index-InjGzKHu.js.map +0 -1
|
@@ -15,7 +15,7 @@ const t$7=window,e$b=t$7.ShadowRoot&&(void 0===t$7.ShadyCSS||t$7.ShadyCSS.native
|
|
|
15
15
|
* Copyright 2017 Google LLC
|
|
16
16
|
* SPDX-License-Identifier: BSD-3-Clause
|
|
17
17
|
*/
|
|
18
|
-
var t$6;u$2[d$2]=!0,u$2.elementProperties=new Map,u$2.elementStyles=[],u$2.shadowRootOptions={mode:"open"},null==o$9||o$9({ReactiveElement:u$2}),(null!==(s$9=e$a.reactiveElementVersions)&&void 0!==s$9?s$9:e$a.reactiveElementVersions=[]).push("1.6.3");const i$5=window,s$8=i$5.trustedTypes,e$9=s$8?s$8.createPolicy("lit-html",{createHTML:t=>t}):void 0,o$8="$lit$",n$9=`lit$${(Math.random()+"").slice(9)}$`,l$5="?"+n$9,h$2=`<${l$5}>`,r$5=document,u$1=()=>r$5.createComment(""),d$1=t=>null===t||"object"!=typeof t&&"function"!=typeof t,c$1=Array.isArray,v=t=>c$1(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]),a$3="[ \t\n\f\r]",f=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,_$1=/-->/g,m$2=/>/g,p$1=RegExp(`>|${a$3}(?:([^\\s"'>=/]+)(${a$3}*=${a$3}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),g=/'/g,$=/"/g,y=/^(?:script|style|textarea|title)$/i,w=t=>(e,...o)=>({_$litType$:t,strings:e,values:o}),x=w(1),b=w(2),T=Symbol.for("lit-noChange"),A=Symbol.for("lit-nothing"),E=new WeakMap,C=r$5.createTreeWalker(r$5,129,null,!1);function P(t,e){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==e$9?e$9.createHTML(e):e}const V=(t,e)=>{const o=t.length-1,i=[];let r,n=2===e?"<svg>":"",s=f;for(let e=0;e<o;e++){const o=t[e];let a,l,c=-1,d=0;for(;d<o.length&&(s.lastIndex=d,l=s.exec(o),null!==l);)d=s.lastIndex,s===f?"!--"===l[1]?s=_$1:void 0!==l[1]?s=m$2:void 0!==l[2]?(y.test(l[2])&&(r=RegExp("</"+l[2],"g")),s=p$1):void 0!==l[3]&&(s=p$1):s===p$1?">"===l[0]?(s=null!=r?r:f,c=-1):void 0===l[1]?c=-2:(c=s.lastIndex-l[2].length,a=l[1],s=void 0===l[3]?p$1:'"'===l[3]?$:g):s===$||s===g?s=p$1:s===_$1||s===m$2?s=f:(s=p$1,r=void 0);const
|
|
18
|
+
var t$6;u$2[d$2]=!0,u$2.elementProperties=new Map,u$2.elementStyles=[],u$2.shadowRootOptions={mode:"open"},null==o$9||o$9({ReactiveElement:u$2}),(null!==(s$9=e$a.reactiveElementVersions)&&void 0!==s$9?s$9:e$a.reactiveElementVersions=[]).push("1.6.3");const i$5=window,s$8=i$5.trustedTypes,e$9=s$8?s$8.createPolicy("lit-html",{createHTML:t=>t}):void 0,o$8="$lit$",n$9=`lit$${(Math.random()+"").slice(9)}$`,l$5="?"+n$9,h$2=`<${l$5}>`,r$5=document,u$1=()=>r$5.createComment(""),d$1=t=>null===t||"object"!=typeof t&&"function"!=typeof t,c$1=Array.isArray,v=t=>c$1(t)||"function"==typeof(null==t?void 0:t[Symbol.iterator]),a$3="[ \t\n\f\r]",f=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,_$1=/-->/g,m$2=/>/g,p$1=RegExp(`>|${a$3}(?:([^\\s"'>=/]+)(${a$3}*=${a$3}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),g=/'/g,$=/"/g,y=/^(?:script|style|textarea|title)$/i,w=t=>(e,...o)=>({_$litType$:t,strings:e,values:o}),x=w(1),b=w(2),T=Symbol.for("lit-noChange"),A=Symbol.for("lit-nothing"),E=new WeakMap,C=r$5.createTreeWalker(r$5,129,null,!1);function P(t,e){if(!Array.isArray(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==e$9?e$9.createHTML(e):e}const V=(t,e)=>{const o=t.length-1,i=[];let r,n=2===e?"<svg>":"",s=f;for(let e=0;e<o;e++){const o=t[e];let a,l,c=-1,d=0;for(;d<o.length&&(s.lastIndex=d,l=s.exec(o),null!==l);)d=s.lastIndex,s===f?"!--"===l[1]?s=_$1:void 0!==l[1]?s=m$2:void 0!==l[2]?(y.test(l[2])&&(r=RegExp("</"+l[2],"g")),s=p$1):void 0!==l[3]&&(s=p$1):s===p$1?">"===l[0]?(s=null!=r?r:f,c=-1):void 0===l[1]?c=-2:(c=s.lastIndex-l[2].length,a=l[1],s=void 0===l[3]?p$1:'"'===l[3]?$:g):s===$||s===g?s=p$1:s===_$1||s===m$2?s=f:(s=p$1,r=void 0);const h=s===p$1&&t[e+1].startsWith("/>")?" ":"";n+=s===f?o+h$2:c>=0?(i.push(a),o.slice(0,c)+o$8+o.slice(c)+n$9+h):o+n$9+(-2===c?(i.push(void 0),e):h)}return[P(t,n+(t[o]||"<?>")+(2===e?"</svg>":"")),i]};class N{constructor({strings:t,_$litType$:e},o){let i;this.parts=[];let r=0,n=0;const s=t.length-1,a=this.parts,[l,c]=V(t,e);if(this.el=N.createElement(l,o),C.currentNode=this.el.content,2===e){const t=this.el.content,e=t.firstChild;e.remove(),t.append(...e.childNodes)}for(;null!==(i=C.nextNode())&&a.length<s;){if(1===i.nodeType){if(i.hasAttributes()){const t=[];for(const e of i.getAttributeNames())if(e.endsWith(o$8)||e.startsWith(n$9)){const o=c[n++];if(t.push(e),void 0!==o){const t=i.getAttribute(o.toLowerCase()+o$8).split(n$9),e=/([.?@])?(.*)/.exec(o);a.push({type:1,index:r,name:e[2],strings:t,ctor:"."===e[1]?H:"?"===e[1]?L:"@"===e[1]?z:k})}else a.push({type:6,index:r})}for(const e of t)i.removeAttribute(e)}if(y.test(i.tagName)){const t=i.textContent.split(n$9),e=t.length-1;if(e>0){i.textContent=s$8?s$8.emptyScript:"";for(let o=0;o<e;o++)i.append(t[o],u$1()),C.nextNode(),a.push({type:2,index:++r});i.append(t[e],u$1())}}}else if(8===i.nodeType)if(i.data===l$5)a.push({type:2,index:r});else{let t=-1;for(;-1!==(t=i.data.indexOf(n$9,t+1));)a.push({type:7,index:r}),t+=n$9.length-1}r++}}static createElement(t,e){const o=r$5.createElement("template");return o.innerHTML=t,o}}function S$1(t,e,o=t,i){var r,n,s,a;if(e===T)return e;let l=void 0!==i?null===(r=o._$Co)||void 0===r?void 0:r[i]:o._$Cl;const c=d$1(e)?void 0:e._$litDirective$;return(null==l?void 0:l.constructor)!==c&&(null===(n=null==l?void 0:l._$AO)||void 0===n||n.call(l,!1),void 0===c?l=void 0:(l=new c(t),l._$AT(t,o,i)),void 0!==i?(null!==(s=(a=o)._$Co)&&void 0!==s?s:a._$Co=[])[i]=l:o._$Cl=l),void 0!==l&&(e=S$1(t,l._$AS(t,e.values),l,i)),e}class M{constructor(t,e){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=e}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){var e;const{el:{content:o},parts:i}=this._$AD,r=(null!==(e=null==t?void 0:t.creationScope)&&void 0!==e?e:r$5).importNode(o,!0);C.currentNode=r;let n=C.nextNode(),s=0,a=0,l=i[0];for(;void 0!==l;){if(s===l.index){let e;2===l.type?e=new R(n,n.nextSibling,this,t):1===l.type?e=new l.ctor(n,l.name,l.strings,this,t):6===l.type&&(e=new Z(n,this,t)),this._$AV.push(e),l=i[++a]}s!==(null==l?void 0:l.index)&&(n=C.nextNode(),s++)}return C.currentNode=r$5,r}v(t){let e=0;for(const o of this._$AV)void 0!==o&&(void 0!==o.strings?(o._$AI(t,o,e),e+=o.strings.length-2):o._$AI(t[e])),e++}}class R{constructor(t,e,o,i){var r;this.type=2,this._$AH=A,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=o,this.options=i,this._$Cp=null===(r=null==i?void 0:i.isConnected)||void 0===r||r}get _$AU(){var t,e;return null!==(e=null===(t=this._$AM)||void 0===t?void 0:t._$AU)&&void 0!==e?e:this._$Cp}get parentNode(){let t=this._$AA.parentNode;const e=this._$AM;return void 0!==e&&11===(null==t?void 0:t.nodeType)&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=S$1(this,t,e),d$1(t)?t===A||null==t||""===t?(this._$AH!==A&&this._$AR(),this._$AH=A):t!==this._$AH&&t!==T&&this._(t):void 0!==t._$litType$?this.g(t):void 0!==t.nodeType?this.$(t):v(t)?this.T(t):this._(t)}k(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}$(t){this._$AH!==t&&(this._$AR(),this._$AH=this.k(t))}_(t){this._$AH!==A&&d$1(this._$AH)?this._$AA.nextSibling.data=t:this.$(r$5.createTextNode(t)),this._$AH=t}g(t){var e;const{values:o,_$litType$:i}=t,r="number"==typeof i?this._$AC(t):(void 0===i.el&&(i.el=N.createElement(P(i.h,i.h[0]),this.options)),i);if((null===(e=this._$AH)||void 0===e?void 0:e._$AD)===r)this._$AH.v(o);else{const t=new M(r,this),e=t.u(this.options);t.v(o),this.$(e),this._$AH=t}}_$AC(t){let e=E.get(t.strings);return void 0===e&&E.set(t.strings,e=new N(t)),e}T(t){c$1(this._$AH)||(this._$AH=[],this._$AR());const e=this._$AH;let o,i=0;for(const r of t)i===e.length?e.push(o=new R(this.k(u$1()),this.k(u$1()),this,this.options)):o=e[i],o._$AI(r),i++;i<e.length&&(this._$AR(o&&o._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var o;for(null===(o=this._$AP)||void 0===o||o.call(this,!1,!0,e);t&&t!==this._$AB;){const e=t.nextSibling;t.remove(),t=e}}setConnected(t){var e;void 0===this._$AM&&(this._$Cp=t,null===(e=this._$AP)||void 0===e||e.call(this,t))}}class k{constructor(t,e,o,i,r){this.type=1,this._$AH=A,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=r,o.length>2||""!==o[0]||""!==o[1]?(this._$AH=Array(o.length-1).fill(new String),this.strings=o):this._$AH=A}get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}_$AI(t,e=this,o,i){const r=this.strings;let n=!1;if(void 0===r)t=S$1(this,t,e,0),n=!d$1(t)||t!==this._$AH&&t!==T,n&&(this._$AH=t);else{const i=t;let s,a;for(t=r[0],s=0;s<r.length-1;s++)a=S$1(this,i[o+s],e,s),a===T&&(a=this._$AH[s]),n||(n=!d$1(a)||a!==this._$AH[s]),a===A?t=A:t!==A&&(t+=(null!=a?a:"")+r[s+1]),this._$AH[s]=a}n&&!i&&this.j(t)}j(t){t===A?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,null!=t?t:"")}}class H extends k{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===A?void 0:t}}const I=s$8?s$8.emptyScript:"";class L extends k{constructor(){super(...arguments),this.type=4}j(t){t&&t!==A?this.element.setAttribute(this.name,I):this.element.removeAttribute(this.name)}}class z extends k{constructor(t,e,o,i,r){super(t,e,o,i,r),this.type=5}_$AI(t,e=this){var o;if((t=null!==(o=S$1(this,t,e,0))&&void 0!==o?o:A)===T)return;const i=this._$AH,r=t===A&&i!==A||t.capture!==i.capture||t.once!==i.once||t.passive!==i.passive,n=t!==A&&(i===A||r);r&&this.element.removeEventListener(this.name,this,i),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,o;"function"==typeof this._$AH?this._$AH.call(null!==(o=null===(e=this.options)||void 0===e?void 0:e.host)&&void 0!==o?o:this.element,t):this._$AH.handleEvent(t)}}class Z{constructor(t,e,o){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=o}get _$AU(){return this._$AM._$AU}_$AI(t){S$1(this,t)}}const B=i$5.litHtmlPolyfillSupport;null==B||B(N,R),(null!==(t$6=i$5.litHtmlVersions)&&void 0!==t$6?t$6:i$5.litHtmlVersions=[]).push("2.8.0");const D=(t,e,o)=>{var i,r;const n=null!==(i=null==o?void 0:o.renderBefore)&&void 0!==i?i:e;let s=n._$litPart$;if(void 0===s){const t=null!==(r=null==o?void 0:o.renderBefore)&&void 0!==r?r:null;n._$litPart$=s=new R(e.insertBefore(u$1(),t),t,void 0,null!=o?o:{})}return s._$AI(t),s
|
|
19
19
|
/**
|
|
20
20
|
* @license
|
|
21
21
|
* Copyright 2019 Google LLC
|
|
@@ -167,7 +167,7 @@ var l$3,o$5;u[d]=!0,u.elementProperties=new Map,u.elementStyles=[],u.shadowRootO
|
|
|
167
167
|
color: var(--m-icon-color);
|
|
168
168
|
fill: var(--m-icon-color);
|
|
169
169
|
}
|
|
170
|
-
`]}const icons=new Map([["alert-circle",()=>import("./alert-circle-
|
|
170
|
+
`]}const icons=new Map([["alert-circle",()=>import("./alert-circle-Dm90F3eQ.js")],["arrow-left",()=>import("./arrow-left-yOw20iCW.js")],["attention",()=>import("./attention-DJL78U-U.js")],["bell",()=>import("./bell-BEDMGBCx.js")],["caret-down",()=>import("./caret-down-CNBzGH_0.js")],["caret-left",()=>import("./caret-left-BsJNNKLn.js")],["caret-right",()=>import("./caret-right-BnD1yghy.js")],["check",()=>import("./check-DEjp_oRu.js")],["close",()=>import("./close-DH8qSGDS.js")],["double-caret-left",()=>import("./double-caret-left-BOmtsM-W.js")],["double-caret-right",()=>import("./double-caret-right-Bzk2Eb95.js")],["indeterminate",()=>import("./indeterminate-CbPwBTSL.js")],["info-circle",()=>import("./info-circle-BOvNoEi0.js")]]);var _Icon_loadIcon,_Accordion_instances,_Accordion_accordionTrigger_get,_Accordion_accordionPanel_get,_Accordion_accordionContent_get,_Accordion_handleExpand,_Accordion_toggle,_Accordion_handleTransition;icons.keys();class Icon extends Component{static get properties(){return{name:{type:String},size:{type:String},color:{type:String},loading:{state:!0}}}constructor(){super(),this.icon=null,_Icon_loadIcon.set(this,(async()=>{icons.has(this.name);try{this.icon=null;const{default:t}=await icons.get(this.name)();this.icon=t}catch{}finally{this.requestUpdate()}})),this.icon=null}connectedCallback(){super.connectedCallback(),__classPrivateFieldGet(this,_Icon_loadIcon,"f").call(this)}update(t){super.update(t),t.has("name")&&__classPrivateFieldGet(this,_Icon_loadIcon,"f").call(this)}updated(t){super.updated(t),t.has("size")&&null!=this.size&&this.style.setProperty("--m-icon-size",`${parseInt(String(this.size),10)||16}px`),t.has("color")&&null!=this.color&&this.style.setProperty("--m-icon-color",toCSSValue(this.color))}render(){return null!=this.name&&icons.has(this.name)&&null!=this.icon?this.icon:A}}_Icon_loadIcon=new WeakMap,Icon.styles=[styles$H()],window.customElements.define("m-icon",Icon);class Accordion extends Component{static get properties(){return{disabled:{type:Boolean,reflect:!0},expanded:{type:Boolean,reflect:!0}}}constructor(){super(),_Accordion_instances.add(this),_Accordion_handleTransition.set(this,(()=>{this.expanded&&!this.disabled&&(__classPrivateFieldGet(this,_Accordion_instances,"a",_Accordion_accordionPanel_get).style.height="auto")})),this.disabled=!1,this.expanded=!1,this.resizeObserver=new ResizeObserver((t=>{this.panelHeight=t[0].target.scrollHeight}))}firstUpdated(){__classPrivateFieldGet(this,_Accordion_instances,"a",_Accordion_accordionContent_get).style.transition="visibility 0.35s",__classPrivateFieldGet(this,_Accordion_instances,"a",_Accordion_accordionContent_get).setAttribute("role","region"),this.resizeObserver.observe(__classPrivateFieldGet(this,_Accordion_instances,"a",_Accordion_accordionPanel_get)),__classPrivateFieldGet(this,_Accordion_instances,"a",_Accordion_accordionPanel_get).addEventListener("transitionend",__classPrivateFieldGet(this,_Accordion_handleTransition,"f"))}update(t){super.update(t),(t.has("expanded")||t.has("disabled"))&&__classPrivateFieldGet(this,_Accordion_instances,"m",_Accordion_handleExpand).call(this)}disconnectedCallback(){super.disconnectedCallback(),__classPrivateFieldGet(this,_Accordion_instances,"a",_Accordion_accordionPanel_get).removeEventListener("transitionend",__classPrivateFieldGet(this,_Accordion_handleTransition,"f")),this.resizeObserver.disconnect()}render(){return x`
|
|
171
171
|
<article class="m-accordion">
|
|
172
172
|
<h3 class="m-accordion-header">
|
|
173
173
|
<button
|
|
@@ -567,7 +567,7 @@ var l$3,o$5;u[d]=!0,u.elementProperties=new Map,u.elementStyles=[],u.shadowRootO
|
|
|
567
567
|
|
|
568
568
|
pointer-events: none;
|
|
569
569
|
}
|
|
570
|
-
`]}_FormControl_form=new WeakMap,_FormControl_updateAssignedForm=new WeakMap;class Button extends FormControl{get tag(){const t=__classPrivateFieldGet(this,_Button_instances,"m",_Button_isLink).call(this)?"a":"button";return i$3`${o$3(t)}`}static get properties(){return{...FormControl.properties,role:{type:String,reflect:!0},loading:{type:Boolean,reflect:!0},disabled:{type:Boolean,reflect:!0},variant:{type:String,reflect:!0},size:{type:String,reflect:!0},type:{type:String},href:{type:String,reflect:!0},target:{type:String},download:{type:String}}}constructor(){super(),_Button_instances.add(this),_Button_isDisabled.set(this,(()=>Boolean(this.disabled)||Boolean(this.loading))),_Button_getRole.set(this,(()=>__classPrivateFieldGet(this,_Button_instances,"m",_Button_isLink).call(this)?"link":"button")),_Button_setDisabled.set(this,(()=>{const t=__classPrivateFieldGet(this,_Button_isDisabled,"f").call(this);this.setAttribute("aria-disabled",String(t))})),_Button_setTabIndex.set(this,(()=>{this.disabled?this.setAttribute("tabindex","-1"):this.removeAttribute("tabindex")})),_Button_handleClick.set(this,(t=>{
|
|
570
|
+
`]}_FormControl_form=new WeakMap,_FormControl_updateAssignedForm=new WeakMap;class Button extends FormControl{get tag(){const t=__classPrivateFieldGet(this,_Button_instances,"m",_Button_isLink).call(this)?"a":"button";return i$3`${o$3(t)}`}static get properties(){return{...FormControl.properties,role:{type:String,reflect:!0},loading:{type:Boolean,reflect:!0},disabled:{type:Boolean,reflect:!0},variant:{type:String,reflect:!0},size:{type:String,reflect:!0},type:{type:String},href:{type:String,reflect:!0},target:{type:String},download:{type:String}}}constructor(){super(),_Button_instances.add(this),_Button_isDisabled.set(this,(()=>Boolean(this.disabled)||Boolean(this.loading))),_Button_getRole.set(this,(()=>__classPrivateFieldGet(this,_Button_instances,"m",_Button_isLink).call(this)?"link":"button")),_Button_setDisabled.set(this,(()=>{const t=__classPrivateFieldGet(this,_Button_isDisabled,"f").call(this);this.setAttribute("aria-disabled",String(t))})),_Button_setTabIndex.set(this,(()=>{this.disabled?this.setAttribute("tabindex","-1"):this.removeAttribute("tabindex")})),_Button_handleClick.set(this,(t=>{if(this.disabled||this.loading)return t.preventDefault(),void t.stopPropagation();"submit"!==this.type?"reset"===this.type&&this.getForm()?.reset():this.getForm()?.requestSubmit()})),this.disabled=!1,this.loading=!1,this.size="default",this.type="button",this.variant="secondary",this.target="_self"}connectedCallback(){super.connectedCallback(),this.setAttribute("role",__classPrivateFieldGet(this,_Button_getRole,"f").call(this)),this.addEventListener("click",__classPrivateFieldGet(this,_Button_handleClick,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",__classPrivateFieldGet(this,_Button_handleClick,"f"))}willUpdate(t){super.willUpdate(t),t.has("href")&&this.setAttribute("role",__classPrivateFieldGet(this,_Button_getRole,"f").call(this)),__classPrivateFieldGet(this,_Button_setTabIndex,"f").call(this)}updated(t){super.updated(t),(t.has("disabled")||t.has("loading"))&&__classPrivateFieldGet(this,_Button_setDisabled,"f").call(this)}render(){const t=__classPrivateFieldGet(this,_Button_instances,"m",_Button_isLink).call(this);return n$4`
|
|
571
571
|
<${this.tag}
|
|
572
572
|
class=${o$2({button:!0,"-primary":"primary"===this.variant,"-secondary":"secondary"===this.variant,"-tertiary":"tertiary"===this.variant,"-warning":"warning"===this.variant,"-danger":"danger"===this.variant,"-icon":"icon"===this.variant,"-icon-secondary":"icon-secondary"===this.variant,"-small":"small"===this.size,"-default":"default"===this.size,"-large":"large"===this.size,"is-loading":Boolean(this.loading),"is-disabled":__classPrivateFieldGet(this,_Button_isDisabled,"f").call(this)})}
|
|
573
573
|
type=${t?A:this.type}
|
|
@@ -585,7 +585,7 @@ var l$3,o$5;u[d]=!0,u.elementProperties=new Map,u.elementStyles=[],u.shadowRootO
|
|
|
585
585
|
<slot></slot>
|
|
586
586
|
<slot name="trailing"></slot>
|
|
587
587
|
</${this.tag}>
|
|
588
|
-
`}focus(t){
|
|
588
|
+
`}focus(t){__classPrivateFieldGet(this,_Button_instances,"a",_Button_element_get)?.focus(t)}}_Button_isDisabled=new WeakMap,_Button_getRole=new WeakMap,_Button_setDisabled=new WeakMap,_Button_setTabIndex=new WeakMap,_Button_handleClick=new WeakMap,_Button_instances=new WeakSet,_Button_element_get=function(){return this.renderRoot?.querySelector(".button")??null},_Button_isLink=function(){return Boolean(this.href)},Button.styles=[styles$E()],window.customElements.define("m-button",Button);class BackButton extends s$5{static get properties(){return{slot:{type:String,reflect:!0}}}constructor(){super(),this.slot="back-button"}render(){return x`
|
|
589
589
|
<m-button variant="icon" size="default">
|
|
590
590
|
<m-icon name="arrow-left"></m-icon>
|
|
591
591
|
</m-button>
|
|
@@ -812,18 +812,18 @@ var l$3,o$5;u[d]=!0,u.elementProperties=new Map,u.elementStyles=[],u.shadowRootO
|
|
|
812
812
|
${on(".close-button","*").disabled} {
|
|
813
813
|
pointer-events: none;
|
|
814
814
|
}
|
|
815
|
-
`}class CloseButton extends Component{static get properties(){return{controls:{type:String},disabled:{type:Boolean},inverted:{type:Boolean},label:{type:String},size:{type:String}}}constructor(){super(),_CloseButton_instances.add(this),_CloseButton_handleClick.set(this,(()=>{this.emit("m-close")})),this.disabled=!1,this.inverted=!1,this.label="Close",this.size="default"}render(){
|
|
815
|
+
`}class CloseButton extends Component{static get properties(){return{controls:{type:String},disabled:{type:Boolean},inverted:{type:Boolean},label:{type:String},size:{type:String}}}constructor(){super(),_CloseButton_instances.add(this),_CloseButton_handleClick.set(this,(()=>{this.emit("m-close")})),this.disabled=!1,this.inverted=!1,this.label="Close",this.size="default"}render(){return x`
|
|
816
816
|
<button
|
|
817
817
|
type="button"
|
|
818
818
|
aria-controls="${l$1(this.controls)}"
|
|
819
819
|
aria-label="${l$1(this.label)}"
|
|
820
|
-
class=${o$2({"close-button":!0,"-size-small":"small"===this.size,"-size-default":"default"===this.size,"-size-large":"large"===this.size,"-inverted":
|
|
820
|
+
class=${o$2({"close-button":!0,"-size-small":"small"===this.size,"-size-default":"default"===this.size,"-size-large":"large"===this.size,"-inverted":this.inverted??!1})}
|
|
821
821
|
?disabled="${this.disabled}"
|
|
822
822
|
@click=${__classPrivateFieldGet(this,_CloseButton_handleClick,"f")}
|
|
823
823
|
>
|
|
824
824
|
<m-icon name="close"></m-icon>
|
|
825
825
|
</button>
|
|
826
|
-
`}focus(t){
|
|
826
|
+
`}focus(t){__classPrivateFieldGet(this,_CloseButton_instances,"a",_CloseButton_button_get)?.focus(t)}}_CloseButton_handleClick=new WeakMap,_CloseButton_instances=new WeakSet,_CloseButton_button_get=function(){return this.renderRoot.querySelector("button")??null},CloseButton.styles=[styles$y()],window.customElements.define("m-close-button",CloseButton);
|
|
827
827
|
/**
|
|
828
828
|
* @license
|
|
829
829
|
* Copyright 2018 Google LLC
|
|
@@ -1207,7 +1207,7 @@ const i$1="important",n$3=" !"+i$1,o$1=e$4(class extends i$2{constructor(t){var
|
|
|
1207
1207
|
text-align: var(--m-box-text-align);
|
|
1208
1208
|
display: block;
|
|
1209
1209
|
}
|
|
1210
|
-
`}class Box extends BaseLayout{static get properties(){return{...super.properties,backgroundColor:{type:String,attribute:"background-color"},borderRadius:{type:String,attribute:"border-radius"},borderWidth:{type:String,attribute:"border-width"},borderColor:{type:String,attribute:"border-color"},textAlign:{type:String,attribute:"text-align"}}}getCSSPropertiesPrefix(){return Box.CSSPropertiesPrefix}update(t){
|
|
1210
|
+
`}class Box extends BaseLayout{static get properties(){return{...super.properties,backgroundColor:{type:String,attribute:"background-color"},borderRadius:{type:String,attribute:"border-radius"},borderWidth:{type:String,attribute:"border-width"},borderColor:{type:String,attribute:"border-color"},textAlign:{type:String,attribute:"text-align"}}}getCSSPropertiesPrefix(){return Box.CSSPropertiesPrefix}update(t){super.update(t),t.has("backgroundColor")&&this.style.setProperty("--m-box-background-color",(this.backgroundColor&&toCSSValue(this.backgroundColor))??"transparent"),t.has("borderRadius")&&this.style.setProperty("--m-box-border-radius",(this.borderRadius&&toCSSValue(this.borderRadius))??toCSSValue(defaultBoxProps.borderRadius)),t.has("borderWidth")&&this.style.setProperty("--m-box-border-width",(this.borderWidth&&toCSSValue(this.borderWidth))??toCSSValue(defaultBoxProps.borderWidth)),t.has("borderColor")&&this.style.setProperty("--m-box-border-color",(this.borderColor&&toCSSValue(this.borderColor))??toCSSValue(defaultBoxProps.borderColor)),t.has("textAlign")&&this.style.setProperty("--m-box-text-align",this.textAlign||defaultBoxProps.textAlign)}render(){return x`<slot></slot>`}}Box.CSSPropertiesPrefix="box",Box.styles=[getBaseLayoutStyles(Box.CSSPropertiesPrefix),boxStyles()],window.customElements.define("m-box",Box);const defaultGroupProps={gap:"spacing-4",align:"stretch",justify:"flex-start"};function groupStyles(){return i$4`
|
|
1211
1211
|
:host {
|
|
1212
1212
|
--m-group-gap: ${getToken(defaultGroupProps.gap)};
|
|
1213
1213
|
--m-group-align: ${r$4(defaultGroupProps.align)};
|
|
@@ -1344,7 +1344,7 @@ const i$1="important",n$3=" !"+i$1,o$1=e$4(class extends i$2{constructor(t){var
|
|
|
1344
1344
|
${mediaTablet(generateSlicedStyles("md"))}
|
|
1345
1345
|
|
|
1346
1346
|
${mediaDesktop(generateSlicedStyles("lg"))}
|
|
1347
|
-
`}class Container extends s$5{render(){return x`<slot name="row"></slot>`}}Container.CSSPropertiesPrefix="container",Container.styles=[containerStyles()],window.customElements.define("m-container",Container);class Row extends s$5{static get properties(){return{...super.properties,gap:{type:String},columnGap:{type:String,attribute:"column-gap"},rowGap:{type:String,attribute:"row-gap"}}}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","row")}update(t){if(super.update(t),t.has("gap")){const t=toSpacingCSSValue(this.gap,defaultRowProps.gap);this.style.setProperty("--m-row-gap",t),this.style.setProperty("--m-column-gap",t)}t.has("rowGap")&&(this.rowGap?this.style.setProperty("--m-row-gap",toSpacingCSSValue(this.rowGap)):this.style.removeProperty("--m-row-gap")),t.has("columnGap")&&(this.columnGap?this.style.setProperty("--m-column-gap",toSpacingCSSValue(this.columnGap)):this.style.removeProperty("--m-column-gap"))}render(){return x`<slot name="column"></slot>`}}Row.CSSPropertiesPrefix="row",Row.styles=[rowStyles()],window.customElements.define("m-row",Row);class Column extends s$5{static get properties(){return{...super.properties,sm:{type:String,reflect:!0},md:{type:String,reflect:!0},lg:{type:String,reflect:!0},offsetSm:{type:String,reflect:!0,attribute:"offset-sm"},offsetMd:{type:String,reflect:!0,attribute:"offset-md"},offsetLg:{type:String,reflect:!0,attribute:"offset-lg"}}}connectedCallback(){super.connectedCallback(),this.slot="column"}update(t){
|
|
1347
|
+
`}class Container extends s$5{render(){return x`<slot name="row"></slot>`}}Container.CSSPropertiesPrefix="container",Container.styles=[containerStyles()],window.customElements.define("m-container",Container);class Row extends s$5{static get properties(){return{...super.properties,gap:{type:String},columnGap:{type:String,attribute:"column-gap"},rowGap:{type:String,attribute:"row-gap"}}}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","row")}update(t){if(super.update(t),t.has("gap")){const t=toSpacingCSSValue(this.gap,defaultRowProps.gap);this.style.setProperty("--m-row-gap",t),this.style.setProperty("--m-column-gap",t)}t.has("rowGap")&&(this.rowGap?this.style.setProperty("--m-row-gap",toSpacingCSSValue(this.rowGap)):this.style.removeProperty("--m-row-gap")),t.has("columnGap")&&(this.columnGap?this.style.setProperty("--m-column-gap",toSpacingCSSValue(this.columnGap)):this.style.removeProperty("--m-column-gap"))}render(){return x`<slot name="column"></slot>`}}Row.CSSPropertiesPrefix="row",Row.styles=[rowStyles()],window.customElements.define("m-row",Row);class Column extends s$5{static get properties(){return{...super.properties,sm:{type:String,reflect:!0},md:{type:String,reflect:!0},lg:{type:String,reflect:!0},offsetSm:{type:String,reflect:!0,attribute:"offset-sm"},offsetMd:{type:String,reflect:!0,attribute:"offset-md"},offsetLg:{type:String,reflect:!0,attribute:"offset-lg"}}}connectedCallback(){super.connectedCallback(),this.slot="column"}update(t){t.has("sm")&&(this.md=this.md??this.sm,this.lg=this.lg??this.md),t.has("md")&&(this.lg=this.lg??this.md),this.offsetSm=this.offsetSm??void 0,t.has("offsetSm")&&(this.offsetMd=this.offsetMd??this.offsetSm,this.offsetLg=this.offsetLg??this.offsetMd),t.has("offsetMd")&&(this.offsetLg=this.offsetLg??this.offsetMd),super.update(t)}render(){return x`<slot></slot>`}}Column.CSSPropertiesPrefix="column",Column.styles=[columnStyles()],window.customElements.define("m-column",Column);const defaultFlagColor="color-background-inverted";class Card extends Component{static get properties(){return{flagged:{type:Boolean},flagColor:{type:String,attribute:"flag-color"},collapsible:{type:Boolean},collapsed:{type:Boolean,state:!0}}}constructor(){super(),this.flagged=!1,this.flagColor=defaultFlagColor,this.collapsible=!1,this.collapsed=!1}toggleCollapse(){this.collapsible&&(this.collapsed=!this.collapsed,this.emit("m-toggle"))}isExpanded(){if(this.collapsible)return this.collapsed?"false":"true"}firstUpdated(){const t=this.querySelector("m-card-title"),e=this.querySelector("m-card-subtitle"),o=this.renderRoot.querySelector(".m-title-wrapper");o&&(t||e?o.classList.remove("hidden"):o.classList.add("hidden"))}render(){return x`
|
|
1348
1348
|
<div
|
|
1349
1349
|
class="m-card"
|
|
1350
1350
|
style="${o$1({"--m-card-flag-color":toCSSValue(this.flagColor)})}"
|
|
@@ -1520,7 +1520,7 @@ const i$1="important",n$3=" !"+i$1,o$1=e$4(class extends i$2{constructor(t){var
|
|
|
1520
1520
|
<slot name="leading"></slot>
|
|
1521
1521
|
<slot></slot>
|
|
1522
1522
|
</label>
|
|
1523
|
-
`}focus(t){
|
|
1523
|
+
`}focus(t){this.input?.focus(t)}}_Checkbox_handleChange=new WeakMap,_Checkbox_instances=new WeakSet,_Checkbox_setAttributes=function(){this.setAttribute("aria-disabled",String(this.disabled??!1)),this.setAttribute("aria-checked",this.indeterminate?"mixed":String(this.checked??!1)),this.input.indeterminate=this.indeterminate},Checkbox.styles=[styles$u()],window.customElements.define("m-checkbox",Checkbox);
|
|
1524
1524
|
/**
|
|
1525
1525
|
* @license
|
|
1526
1526
|
* Copyright 2021 Google LLC
|
|
@@ -1650,7 +1650,7 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
1650
1650
|
<slot name="footer"></slot>
|
|
1651
1651
|
<slot name="actions"></slot>
|
|
1652
1652
|
</dialog>
|
|
1653
|
-
`}updated(t){
|
|
1653
|
+
`}updated(t){super.updated(t),t.has("variant")&&__classPrivateFieldGet(this,_Dialog_contextProvider,"f").setValue({variant:this.variant??"neutral"}),t.has("open")&&__classPrivateFieldGet(this,_Dialog_instances,"m",_Dialog_toggleVisibility).call(this,t.get("open"))}show(){this.open=!0}hide(){this.open=!1}}_Dialog_contextProvider=new WeakMap,_Dialog_instances=new WeakSet,_Dialog_dialog_get=function(){return this.renderRoot?.querySelector("dialog")},_Dialog_toggleVisibility=async function(t){const e=__classPrivateFieldGet(this,_Dialog_instances,"a",_Dialog_dialog_get);e&&(!t&&this.open?(this.style.display="block",__classPrivateFieldGet(this,_Dialog_instances,"m",_Dialog_emitLifecycleEvent).call(this,"m-opening"),e.showModal(),await waitForAnimations_1(e),__classPrivateFieldGet(this,_Dialog_instances,"m",_Dialog_emitLifecycleEvent).call(this,"m-opened")):t&&!this.open?(__classPrivateFieldGet(this,_Dialog_instances,"m",_Dialog_emitLifecycleEvent).call(this,"m-closing"),e.classList.add("is-hiding"),await waitForAnimations_1(e),e.classList.remove("is-hiding"),e.close(),__classPrivateFieldGet(this,_Dialog_instances,"m",_Dialog_emitLifecycleEvent).call(this,"m-closed"),this.style.display="none"):null!=t||this.open||(this.style.display="none"))},_Dialog_emitLifecycleEvent=function(t){this.emit(t,{cancelable:!1,bubbles:!1})},_Dialog_emitCloseEvent=function(){this.open&&this.emit("m-close")},_Dialog_handleClick=function(t){const e=t.target instanceof HTMLDialogElement,o=__classPrivateFieldGet(this,_Dialog_instances,"a",_Dialog_dialog_get)?.getBoundingClientRect();if(e&&o){(t.clientY<o.top||t.clientY>o.bottom||t.clientX<o.left||t.clientX>o.right)&&(t.preventDefault(),t.stopPropagation(),__classPrivateFieldGet(this,_Dialog_instances,"m",_Dialog_emitCloseEvent).call(this))}},_Dialog_handleCancel=function(t){t.preventDefault(),__classPrivateFieldGet(this,_Dialog_instances,"m",_Dialog_emitCloseEvent).call(this)},Dialog.styles=[styles$t()],window.customElements.define("m-dialog",Dialog);const DIALOG_SIZES=["small","medium","large","extra-large"],DIALOG_VARIANTS=["neutral","success","warning","danger"];var _DialogActionPrimary_contextCallback,_DialogHeader_instances,_DialogHeader_context,_DialogHeader_icon_get,_Drawer_instances,_Drawer_dialog_get,_Drawer_toggleVisibility,_Drawer_emitLifecycleEvent,_Drawer_emitCloseEvent,_Drawer_handleClick,_Drawer_handleCancel;class DialogActionPrimary extends Button{constructor(){super(),_DialogActionPrimary_contextCallback.set(this,(t=>{switch(t.variant){case"danger":this.variant="danger";break;case"warning":this.variant="warning";break;default:this.variant="primary"}})),this.type="button",this.variant="primary",this.context=new s$2(this,{context:dialogContext,callback:__classPrivateFieldGet(this,_DialogActionPrimary_contextCallback,"f"),subscribe:!0})}}_DialogActionPrimary_contextCallback=new WeakMap,window.customElements.define("m-dialog-action-primary",DialogActionPrimary);class DialogActionSecondary extends Button{constructor(){super(),this.type="button",this.variant="secondary"}}window.customElements.define("m-dialog-action-secondary",DialogActionSecondary);class DialogActionTertiary extends Button{constructor(){super(),this.type="button",this.variant="tertiary"}}window.customElements.define("m-dialog-action-tertiary",DialogActionTertiary);class DialogActions extends Group{constructor(){super(),this.align="center",this.gap="spacing-3",this.justify="flex-end"}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","actions")}}function styles$s(){return i$4`
|
|
1654
1654
|
:host {
|
|
1655
1655
|
overflow-y: auto;
|
|
1656
1656
|
overscroll-behavior: contain;
|
|
@@ -1766,7 +1766,7 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
1766
1766
|
opacity: 0;
|
|
1767
1767
|
}
|
|
1768
1768
|
}
|
|
1769
|
-
`}_DialogHeader_context=new WeakMap,_DialogHeader_instances=new WeakSet,_DialogHeader_icon_get=function(){const{value:t}=__classPrivateFieldGet(this,_DialogHeader_context,"f");let e,o;switch(
|
|
1769
|
+
`}_DialogHeader_context=new WeakMap,_DialogHeader_instances=new WeakSet,_DialogHeader_icon_get=function(){const{value:t}=__classPrivateFieldGet(this,_DialogHeader_context,"f");let e,o;switch(t?.variant){case"danger":e="attention",o="color-danger-60";break;case"warning":e="alert-circle",o="color-warning-60";break;case"success":e="check",o="color-success-60";break;default:return A}return x`
|
|
1770
1770
|
<m-icon name=${e} color=${o} size="24" aria-hidden="true"></m-icon>
|
|
1771
1771
|
`},DialogHeader.styles=[styles$r()],window.customElements.define("m-dialog-header",DialogHeader),attachContextRoot();class Drawer extends Component{static get properties(){return{open:{type:Boolean,reflect:!0},size:{type:String,reflect:!0},icon:{type:String,reflect:!0}}}constructor(){super(),_Drawer_instances.add(this),this.open=!1,this.size="small"}render(){return x`
|
|
1772
1772
|
<dialog @click=${__classPrivateFieldGet(this,_Drawer_instances,"m",_Drawer_handleClick)} @cancel=${__classPrivateFieldGet(this,_Drawer_instances,"m",_Drawer_handleCancel)}>
|
|
@@ -1774,7 +1774,7 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
1774
1774
|
<slot name="body"></slot>
|
|
1775
1775
|
<slot name="actions"></slot>
|
|
1776
1776
|
</dialog>
|
|
1777
|
-
`}updated(t){super.updated(t),t.has("open")&&__classPrivateFieldGet(this,_Drawer_instances,"m",_Drawer_toggleVisibility).call(this,t.get("open"))}show(){this.open=!0}hide(){this.open=!1}}_Drawer_instances=new WeakSet,_Drawer_dialog_get=function(){
|
|
1777
|
+
`}updated(t){super.updated(t),t.has("open")&&__classPrivateFieldGet(this,_Drawer_instances,"m",_Drawer_toggleVisibility).call(this,t.get("open"))}show(){this.open=!0}hide(){this.open=!1}}_Drawer_instances=new WeakSet,_Drawer_dialog_get=function(){return this.renderRoot?.querySelector("dialog")},_Drawer_toggleVisibility=async function(t){const e=__classPrivateFieldGet(this,_Drawer_instances,"a",_Drawer_dialog_get);e&&(!t&&this.open?(this.style.display="block",__classPrivateFieldGet(this,_Drawer_instances,"m",_Drawer_emitLifecycleEvent).call(this,"m-opening"),e.showModal(),await waitForAnimations_1(e),__classPrivateFieldGet(this,_Drawer_instances,"m",_Drawer_emitLifecycleEvent).call(this,"m-opened")):t&&!this.open?(__classPrivateFieldGet(this,_Drawer_instances,"m",_Drawer_emitLifecycleEvent).call(this,"m-closing"),e.classList.add("is-hiding"),await waitForAnimations_1(e),e.classList.remove("is-hiding"),e.close(),__classPrivateFieldGet(this,_Drawer_instances,"m",_Drawer_emitLifecycleEvent).call(this,"m-closed"),this.style.display="none"):null!=t||this.open||(this.style.display="none"))},_Drawer_emitLifecycleEvent=function(t){this.emit(t,{cancelable:!1,bubbles:!1})},_Drawer_emitCloseEvent=function(){this.open&&this.emit("m-close")},_Drawer_handleClick=function(t){const e=t.target instanceof HTMLDialogElement,o=__classPrivateFieldGet(this,_Drawer_instances,"a",_Drawer_dialog_get)?.getBoundingClientRect();if(e&&o){(t.clientY<o.top||t.clientY>o.bottom||t.clientX<o.left||t.clientX>o.right)&&(t.preventDefault(),t.stopPropagation(),__classPrivateFieldGet(this,_Drawer_instances,"m",_Drawer_emitCloseEvent).call(this))}},_Drawer_handleCancel=function(t){t.preventDefault(),__classPrivateFieldGet(this,_Drawer_instances,"m",_Drawer_emitCloseEvent).call(this)},Drawer.styles=[styles$q()],window.customElements.define("m-drawer",Drawer);const DRAWER_SIZES=["small","medium"];class DrawerActionPrimary extends Button{constructor(){super(),this.variant="primary"}}window.customElements.define("m-drawer-action-primary",DrawerActionPrimary);class DrawerActionSecondary extends Button{constructor(){super(),this.variant="secondary"}}window.customElements.define("m-drawer-action-secondary",DrawerActionSecondary);class DrawerActionTertiary extends Button{constructor(){super(),this.variant="tertiary"}}function styles$p(){return i$4`
|
|
1778
1778
|
:host {
|
|
1779
1779
|
margin-top: auto;
|
|
1780
1780
|
margin-left: auto;
|
|
@@ -1801,7 +1801,7 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
1801
1801
|
</m-group>
|
|
1802
1802
|
<slot name="close"></slot>
|
|
1803
1803
|
</m-group>
|
|
1804
|
-
`}}DrawerHeader.styles=[styles$n()],window.customElements.define("m-drawer-header",DrawerHeader);const sides=["top","right","bottom","left"],min$1=Math.min,max$1=Math.max,oppositeSideMap={left:"right",right:"left",bottom:"top",top:"bottom"},oppositeAlignmentMap={start:"end",end:"start"};function clamp$1(t,e,o){return max$1(t,min$1(e,o))}function evaluate(t,e){return"function"==typeof t?t(e):t}function getSide(t){return t.split("-")[0]}function getAlignment(t){return t.split("-")[1]}function getOppositeAxis(t){return"x"===t?"y":"x"}function getAxisLength(t){return"y"===t?"height":"width"}function getSideAxis(t){return["top","bottom"].includes(getSide(t))?"y":"x"}function getAlignmentAxis(t){return getOppositeAxis(getSideAxis(t))}function getAlignmentSides(t,e,o){void 0===o&&(o=!1);const i=getAlignment(t),r=getAlignmentAxis(t),n=getAxisLength(r);let s="x"===r?i===(o?"end":"start")?"right":"left":"start"===i?"bottom":"top";return e.reference[n]>e.floating[n]&&(s=getOppositePlacement(s)),[s,getOppositePlacement(s)]}function getExpandedPlacements(t){const e=getOppositePlacement(t);return[getOppositeAlignmentPlacement(t),e,getOppositeAlignmentPlacement(e)]}function getOppositeAlignmentPlacement(t){return t.replace(/start|end/g,(t=>oppositeAlignmentMap[t]))}function getSideList(t,e,o){const i=["left","right"],r=["right","left"],n=["top","bottom"],s=["bottom","top"];switch(t){case"top":case"bottom":return o?e?r:i:e?i:r;case"left":case"right":return e?n:s;default:return[]}}function getOppositeAxisPlacements(t,e,o,i){const r=getAlignment(t);let n=getSideList(getSide(t),"start"===o,i);return r&&(n=n.map((t=>t+"-"+r)),e&&(n=n.concat(n.map(getOppositeAlignmentPlacement)))),n}function getOppositePlacement(t){return t.replace(/left|right|bottom|top/g,(t=>oppositeSideMap[t]))}function expandPaddingObject(t){return{top:0,right:0,bottom:0,left:0,...t}}function getPaddingObject(t){return"number"!=typeof t?expandPaddingObject(t):{top:t,right:t,bottom:t,left:t}}function rectToClientRect(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}function computeCoordsFromPlacement(t,e,o){let{reference:i,floating:r}=t;const n=getSideAxis(e),s=getAlignmentAxis(e),a=getAxisLength(s),l=getSide(e),c="y"===n,d=i.x+i.width/2-r.width/2,u=i.y+i.height/2-r.height/2,h=i[a]/2-r[a]/2;let g;switch(l){case"top":g={x:d,y:i.y-r.height};break;case"bottom":g={x:d,y:i.y+i.height};break;case"right":g={x:i.x+i.width,y:u};break;case"left":g={x:i.x-r.width,y:u};break;default:g={x:i.x,y:i.y}}switch(getAlignment(e)){case"start":g[s]-=h*(o&&c?-1:1);break;case"end":g[s]+=h*(o&&c?-1:1)}return g}const computePosition$1=async(t,e,o)=>{const{placement:i="bottom",strategy:r="absolute",middleware:n=[],platform:s}=o,a=n.filter(Boolean),l=await(null==s.isRTL?void 0:s.isRTL(e));let c=await s.getElementRects({reference:t,floating:e,strategy:r}),{x:d,y:u}=computeCoordsFromPlacement(c,i,l),h=i,g={},p=0;for(let o=0;o<a.length;o++){const{name:n,fn:m}=a[o],{x:b,y:_,data:f,reset:y}=await m({x:d,y:u,initialPlacement:i,placement:h,strategy:r,middlewareData:g,rects:c,platform:s,elements:{reference:t,floating:e}});d=null!=b?b:d,u=null!=_?_:u,g={...g,[n]:{...g[n],...f}},y&&p<=50&&(p++,"object"==typeof y&&(y.placement&&(h=y.placement),y.rects&&(c=!0===y.rects?await s.getElementRects({reference:t,floating:e,strategy:r}):y.rects),({x:d,y:u}=computeCoordsFromPlacement(c,h,l))),o=-1)}return{x:d,y:u,placement:h,strategy:r,middlewareData:g}};async function detectOverflow(t,e){var o;void 0===e&&(e={});const{x:i,y:r,platform:n,rects:s,elements:a,strategy:l}=t,{boundary:c="clippingAncestors",rootBoundary:d="viewport",elementContext:u="floating",altBoundary:h=!1,padding:g=0}=evaluate(e,t),p=getPaddingObject(g),m=a[h?"floating"===u?"reference":"floating":u],b=rectToClientRect(await n.getClippingRect({element:null==(o=await(null==n.isElement?void 0:n.isElement(m)))||o?m:m.contextElement||await(null==n.getDocumentElement?void 0:n.getDocumentElement(a.floating)),boundary:c,rootBoundary:d,strategy:l})),_="floating"===u?{...s.floating,x:i,y:r}:s.reference,f=await(null==n.getOffsetParent?void 0:n.getOffsetParent(a.floating)),y=await(null==n.isElement?void 0:n.isElement(f))&&await(null==n.getScale?void 0:n.getScale(f))||{x:1,y:1},$=rectToClientRect(n.convertOffsetParentRelativeRectToViewportRelativeRect?await n.convertOffsetParentRelativeRectToViewportRelativeRect({elements:a,rect:_,offsetParent:f,strategy:l}):_);return{top:(b.top-$.top+p.top)/y.y,bottom:($.bottom-b.bottom+p.bottom)/y.y,left:(b.left-$.left+p.left)/y.x,right:($.right-b.right+p.right)/y.x}}const arrow$1=t=>({name:"arrow",options:t,async fn(e){const{x:o,y:i,placement:r,rects:n,platform:s,elements:a,middlewareData:l}=e,{element:c,padding:d=0}=evaluate(t,e)||{};if(null==c)return{};const u=getPaddingObject(d),h={x:o,y:i},g=getAlignmentAxis(r),p=getAxisLength(g),m=await s.getDimensions(c),b="y"===g,_=b?"top":"left",f=b?"bottom":"right",y=b?"clientHeight":"clientWidth",$=n.reference[p]+n.reference[g]-h[g]-n.floating[p],v=h[g]-n.reference[g],x=await(null==s.getOffsetParent?void 0:s.getOffsetParent(c));let w=x?x[y]:0;w&&await(null==s.isElement?void 0:s.isElement(x))||(w=a.floating[y]||n.floating[p]);const k=$/2-v/2,S=w/2-m[p]/2-1,C=min$1(u[_],S),T=min$1(u[f],S),P=C,F=w-m[p]-T,z=w/2-m[p]/2+k,B=clamp$1(P,z,F),A=!l.arrow&&null!=getAlignment(r)&&z!==B&&n.reference[p]/2-(z<P?C:T)-m[p]/2<0,E=A?z<P?z-P:z-F:0;return{[g]:h[g]+E,data:{[g]:B,centerOffset:z-B-E,...A&&{alignmentOffset:E}},reset:A}}}),flip$1=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var o,i;const{placement:r,middlewareData:n,rects:s,initialPlacement:a,platform:l,elements:c}=e,{mainAxis:d=!0,crossAxis:u=!0,fallbackPlacements:h,fallbackStrategy:g="bestFit",fallbackAxisSideDirection:p="none",flipAlignment:m=!0,...b}=evaluate(t,e);if(null!=(o=n.arrow)&&o.alignmentOffset)return{};const _=getSide(r),f=getSide(a)===a,y=await(null==l.isRTL?void 0:l.isRTL(c.floating)),$=h||(f||!m?[getOppositePlacement(a)]:getExpandedPlacements(a));h||"none"===p||$.push(...getOppositeAxisPlacements(a,m,p,y));const v=[a,...$],x=await detectOverflow(e,b),w=[];let k=(null==(i=n.flip)?void 0:i.overflows)||[];if(d&&w.push(x[_]),u){const t=getAlignmentSides(r,s,y);w.push(x[t[0]],x[t[1]])}if(k=[...k,{placement:r,overflows:w}],!w.every((t=>t<=0))){var S,C;const t=((null==(S=n.flip)?void 0:S.index)||0)+1,e=v[t];if(e)return{data:{index:t,overflows:k},reset:{placement:e}};let o=null==(C=k.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:C.placement;if(!o)switch(g){case"bestFit":{var T;const t=null==(T=k.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:T[0];t&&(o=t);break}case"initialPlacement":o=a}if(r!==o)return{reset:{placement:o}}}return{}}}};function getSideOffsets(t,e){return{top:t.top-e.height,right:t.right-e.width,bottom:t.bottom-e.height,left:t.left-e.width}}function isAnySideFullyClipped(t){return sides.some((e=>t[e]>=0))}const hide$1=function(t){return void 0===t&&(t={}),{name:"hide",options:t,async fn(e){const{rects:o}=e,{strategy:i="referenceHidden",...r}=evaluate(t,e);switch(i){case"referenceHidden":{const t=getSideOffsets(await detectOverflow(e,{...r,elementContext:"reference"}),o.reference);return{data:{referenceHiddenOffsets:t,referenceHidden:isAnySideFullyClipped(t)}}}case"escaped":{const t=getSideOffsets(await detectOverflow(e,{...r,altBoundary:!0}),o.floating);return{data:{escapedOffsets:t,escaped:isAnySideFullyClipped(t)}}}default:return{}}}}},shift$1=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:o,y:i,placement:r}=e,{mainAxis:n=!0,crossAxis:s=!1,limiter:a={fn:t=>{let{x:e,y:o}=t;return{x:e,y:o}}},...l}=evaluate(t,e),c={x:o,y:i},d=await detectOverflow(e,l),u=getSideAxis(getSide(r)),h=getOppositeAxis(u);let g=c[h],p=c[u];if(n){const t="y"===h?"bottom":"right";g=clamp$1(g+d["y"===h?"top":"left"],g,g-d[t])}if(s){const t="y"===u?"bottom":"right";p=clamp$1(p+d["y"===u?"top":"left"],p,p-d[t])}const m=a.fn({...e,[h]:g,[u]:p});return{...m,data:{x:m.x-o,y:m.y-i}}}}},min=Math.min,max=Math.max,round=Math.round,floor=Math.floor,createCoords=t=>({x:t,y:t});function getNodeName(t){return isNode(t)?(t.nodeName||"").toLowerCase():"#document"}function getWindow(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function getDocumentElement(t){var e;return null==(e=(isNode(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function isNode(t){return t instanceof Node||t instanceof getWindow(t).Node}function isElement(t){return t instanceof Element||t instanceof getWindow(t).Element}function isHTMLElement(t){return t instanceof HTMLElement||t instanceof getWindow(t).HTMLElement}function isShadowRoot(t){return"undefined"!=typeof ShadowRoot&&(t instanceof ShadowRoot||t instanceof getWindow(t).ShadowRoot)}function isOverflowElement(t){const{overflow:e,overflowX:o,overflowY:i,display:r}=getComputedStyle$1(t);return/auto|scroll|overlay|hidden|clip/.test(e+i+o)&&!["inline","contents"].includes(r)}function isTableElement(t){return["table","td","th"].includes(getNodeName(t))}function isContainingBlock(t){const e=isWebKit(),o=getComputedStyle$1(t);return"none"!==o.transform||"none"!==o.perspective||!!o.containerType&&"normal"!==o.containerType||!e&&!!o.backdropFilter&&"none"!==o.backdropFilter||!e&&!!o.filter&&"none"!==o.filter||["transform","perspective","filter"].some((t=>(o.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(o.contain||"").includes(t)))}function getContainingBlock(t){let e=getParentNode(t);for(;isHTMLElement(e)&&!isLastTraversableNode(e);){if(isContainingBlock(e))return e;e=getParentNode(e)}return null}function isWebKit(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function isLastTraversableNode(t){return["html","body","#document"].includes(getNodeName(t))}function getComputedStyle$1(t){return getWindow(t).getComputedStyle(t)}function getNodeScroll(t){return isElement(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function getParentNode(t){if("html"===getNodeName(t))return t;const e=t.assignedSlot||t.parentNode||isShadowRoot(t)&&t.host||getDocumentElement(t);return isShadowRoot(e)?e.host:e}function getNearestOverflowAncestor(t){const e=getParentNode(t);return isLastTraversableNode(e)?t.ownerDocument?t.ownerDocument.body:t.body:isHTMLElement(e)&&isOverflowElement(e)?e:getNearestOverflowAncestor(e)}function getOverflowAncestors(t,e,o){var i;void 0===e&&(e=[]),void 0===o&&(o=!0);const r=getNearestOverflowAncestor(t),n=r===(null==(i=t.ownerDocument)?void 0:i.body),s=getWindow(r);return n?e.concat(s,s.visualViewport||[],isOverflowElement(r)?r:[],s.frameElement&&o?getOverflowAncestors(s.frameElement):[]):e.concat(r,getOverflowAncestors(r,[],o))}function getCssDimensions(t){const e=getComputedStyle$1(t);let o=parseFloat(e.width)||0,i=parseFloat(e.height)||0;const r=isHTMLElement(t),n=r?t.offsetWidth:o,s=r?t.offsetHeight:i,a=round(o)!==n||round(i)!==s;return a&&(o=n,i=s),{width:o,height:i,$:a}}function unwrapElement(t){return isElement(t)?t:t.contextElement}function getScale(t){const e=unwrapElement(t);if(!isHTMLElement(e))return createCoords(1);const o=e.getBoundingClientRect(),{width:i,height:r,$:n}=getCssDimensions(e);let s=(n?round(o.width):o.width)/i,a=(n?round(o.height):o.height)/r;return s&&Number.isFinite(s)||(s=1),a&&Number.isFinite(a)||(a=1),{x:s,y:a}}const noOffsets=createCoords(0);function getVisualOffsets(t){const e=getWindow(t);return isWebKit()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:noOffsets}function shouldAddVisualOffsets(t,e,o){return void 0===e&&(e=!1),!(!o||e&&o!==getWindow(t))&&e}function getBoundingClientRect(t,e,o,i){void 0===e&&(e=!1),void 0===o&&(o=!1);const r=t.getBoundingClientRect(),n=unwrapElement(t);let s=createCoords(1);e&&(i?isElement(i)&&(s=getScale(i)):s=getScale(t));const a=shouldAddVisualOffsets(n,o,i)?getVisualOffsets(n):createCoords(0);let l=(r.left+a.x)/s.x,c=(r.top+a.y)/s.y,d=r.width/s.x,u=r.height/s.y;if(n){const t=getWindow(n),e=i&&isElement(i)?getWindow(i):i;let o=t,r=o.frameElement;for(;r&&i&&e!==o;){const t=getScale(r),e=r.getBoundingClientRect(),i=getComputedStyle$1(r),n=e.left+(r.clientLeft+parseFloat(i.paddingLeft))*t.x,s=e.top+(r.clientTop+parseFloat(i.paddingTop))*t.y;l*=t.x,c*=t.y,d*=t.x,u*=t.y,l+=n,c+=s,o=getWindow(r),r=o.frameElement}}return rectToClientRect({width:d,height:u,x:l,y:c})}const topLayerSelectors=[":popover-open",":modal"];function isTopLayer(t){return topLayerSelectors.some((e=>{try{return t.matches(e)}catch(t){return!1}}))}function convertOffsetParentRelativeRectToViewportRelativeRect(t){let{elements:e,rect:o,offsetParent:i,strategy:r}=t;const n="fixed"===r,s=getDocumentElement(i),a=!!e&&isTopLayer(e.floating);if(i===s||a&&n)return o;let l={scrollLeft:0,scrollTop:0},c=createCoords(1);const d=createCoords(0),u=isHTMLElement(i);if((u||!u&&!n)&&(("body"!==getNodeName(i)||isOverflowElement(s))&&(l=getNodeScroll(i)),isHTMLElement(i))){const t=getBoundingClientRect(i);c=getScale(i),d.x=t.x+i.clientLeft,d.y=t.y+i.clientTop}return{width:o.width*c.x,height:o.height*c.y,x:o.x*c.x-l.scrollLeft*c.x+d.x,y:o.y*c.y-l.scrollTop*c.y+d.y}}function getClientRects(t){return Array.from(t.getClientRects())}function getWindowScrollBarX(t){return getBoundingClientRect(getDocumentElement(t)).left+getNodeScroll(t).scrollLeft}function getDocumentRect(t){const e=getDocumentElement(t),o=getNodeScroll(t),i=t.ownerDocument.body,r=max(e.scrollWidth,e.clientWidth,i.scrollWidth,i.clientWidth),n=max(e.scrollHeight,e.clientHeight,i.scrollHeight,i.clientHeight);let s=-o.scrollLeft+getWindowScrollBarX(t);const a=-o.scrollTop;return"rtl"===getComputedStyle$1(i).direction&&(s+=max(e.clientWidth,i.clientWidth)-r),{width:r,height:n,x:s,y:a}}function getViewportRect(t,e){const o=getWindow(t),i=getDocumentElement(t),r=o.visualViewport;let n=i.clientWidth,s=i.clientHeight,a=0,l=0;if(r){n=r.width,s=r.height;const t=isWebKit();(!t||t&&"fixed"===e)&&(a=r.offsetLeft,l=r.offsetTop)}return{width:n,height:s,x:a,y:l}}function getInnerBoundingClientRect(t,e){const o=getBoundingClientRect(t,!0,"fixed"===e),i=o.top+t.clientTop,r=o.left+t.clientLeft,n=isHTMLElement(t)?getScale(t):createCoords(1);return{width:t.clientWidth*n.x,height:t.clientHeight*n.y,x:r*n.x,y:i*n.y}}function getClientRectFromClippingAncestor(t,e,o){let i;if("viewport"===e)i=getViewportRect(t,o);else if("document"===e)i=getDocumentRect(getDocumentElement(t));else if(isElement(e))i=getInnerBoundingClientRect(e,o);else{const o=getVisualOffsets(t);i={...e,x:e.x-o.x,y:e.y-o.y}}return rectToClientRect(i)}function hasFixedPositionAncestor(t,e){const o=getParentNode(t);return!(o===e||!isElement(o)||isLastTraversableNode(o))&&("fixed"===getComputedStyle$1(o).position||hasFixedPositionAncestor(o,e))}function getClippingElementAncestors(t,e){const o=e.get(t);if(o)return o;let i=getOverflowAncestors(t,[],!1).filter((t=>isElement(t)&&"body"!==getNodeName(t))),r=null;const n="fixed"===getComputedStyle$1(t).position;let s=n?getParentNode(t):t;for(;isElement(s)&&!isLastTraversableNode(s);){const e=getComputedStyle$1(s),o=isContainingBlock(s);o||"fixed"!==e.position||(r=null);(n?!o&&!r:!o&&"static"===e.position&&!!r&&["absolute","fixed"].includes(r.position)||isOverflowElement(s)&&!o&&hasFixedPositionAncestor(t,s))?i=i.filter((t=>t!==s)):r=e,s=getParentNode(s)}return e.set(t,i),i}function getClippingRect(t){let{element:e,boundary:o,rootBoundary:i,strategy:r}=t;const n=[..."clippingAncestors"===o?getClippingElementAncestors(e,this._c):[].concat(o),i],s=n[0],a=n.reduce(((t,o)=>{const i=getClientRectFromClippingAncestor(e,o,r);return t.top=max(i.top,t.top),t.right=min(i.right,t.right),t.bottom=min(i.bottom,t.bottom),t.left=max(i.left,t.left),t}),getClientRectFromClippingAncestor(e,s,r));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}}function getDimensions(t){const{width:e,height:o}=getCssDimensions(t);return{width:e,height:o}}function getRectRelativeToOffsetParent(t,e,o){const i=isHTMLElement(e),r=getDocumentElement(e),n="fixed"===o,s=getBoundingClientRect(t,!0,n,e);let a={scrollLeft:0,scrollTop:0};const l=createCoords(0);if(i||!i&&!n)if(("body"!==getNodeName(e)||isOverflowElement(r))&&(a=getNodeScroll(e)),i){const t=getBoundingClientRect(e,!0,n,e);l.x=t.x+e.clientLeft,l.y=t.y+e.clientTop}else r&&(l.x=getWindowScrollBarX(r));return{x:s.left+a.scrollLeft-l.x,y:s.top+a.scrollTop-l.y,width:s.width,height:s.height}}function getTrueOffsetParent(t,e){return isHTMLElement(t)&&"fixed"!==getComputedStyle$1(t).position?e?e(t):t.offsetParent:null}function getOffsetParent(t,e){const o=getWindow(t);if(!isHTMLElement(t)||isTopLayer(t))return o;let i=getTrueOffsetParent(t,e);for(;i&&isTableElement(i)&&"static"===getComputedStyle$1(i).position;)i=getTrueOffsetParent(i,e);return i&&("html"===getNodeName(i)||"body"===getNodeName(i)&&"static"===getComputedStyle$1(i).position&&!isContainingBlock(i))?o:i||getContainingBlock(t)||o}const getElementRects=async function(t){const e=this.getOffsetParent||getOffsetParent,o=this.getDimensions;return{reference:getRectRelativeToOffsetParent(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,...await o(t.floating)}}};function isRTL(t){return"rtl"===getComputedStyle$1(t).direction}const platform={convertOffsetParentRelativeRectToViewportRelativeRect,getDocumentElement,getClippingRect,getOffsetParent,getElementRects,getClientRects,getDimensions,getScale,isElement,isRTL};function observeMove(t,e){let o,i=null;const r=getDocumentElement(t);function n(){var t;clearTimeout(o),null==(t=i)||t.disconnect(),i=null}return function s(a,l){void 0===a&&(a=!1),void 0===l&&(l=1),n();const{left:c,top:d,width:u,height:h}=t.getBoundingClientRect();if(a||e(),!u||!h)return;const g={rootMargin:-floor(d)+"px "+-floor(r.clientWidth-(c+u))+"px "+-floor(r.clientHeight-(d+h))+"px "+-floor(c)+"px",threshold:max(0,min(1,l))||1};let p=!0;function m(t){const e=t[0].intersectionRatio;if(e!==l){if(!p)return s();e?s(!1,e):o=setTimeout((()=>{s(!1,1e-7)}),100)}p=!1}try{i=new IntersectionObserver(m,{...g,root:r.ownerDocument})}catch(t){i=new IntersectionObserver(m,g)}i.observe(t)}(!0),n}function autoUpdate(t,e,o,i){void 0===i&&(i={});const{ancestorScroll:r=!0,ancestorResize:n=!0,elementResize:s="function"==typeof ResizeObserver,layoutShift:a="function"==typeof IntersectionObserver,animationFrame:l=!1}=i,c=unwrapElement(t),d=r||n?[...c?getOverflowAncestors(c):[],...getOverflowAncestors(e)]:[];d.forEach((t=>{r&&t.addEventListener("scroll",o,{passive:!0}),n&&t.addEventListener("resize",o)}));const u=c&&a?observeMove(c,o):null;let h,g=-1,p=null;s&&(p=new ResizeObserver((t=>{let[i]=t;i&&i.target===c&&p&&(p.unobserve(e),cancelAnimationFrame(g),g=requestAnimationFrame((()=>{var t;null==(t=p)||t.observe(e)}))),o()})),c&&!l&&p.observe(c),p.observe(e));let m=l?getBoundingClientRect(t):null;return l&&function e(){const i=getBoundingClientRect(t);!m||i.x===m.x&&i.y===m.y&&i.width===m.width&&i.height===m.height||o();m=i,h=requestAnimationFrame(e)}(),o(),()=>{var t;d.forEach((t=>{r&&t.removeEventListener("scroll",o),n&&t.removeEventListener("resize",o)})),null==u||u(),null==(t=p)||t.disconnect(),p=null,l&&cancelAnimationFrame(h)}}const shift=shift$1,flip=flip$1,hide=hide$1,arrow=arrow$1,computePosition=(t,e,o)=>{const i=new Map,r={platform,...o},n={...r.platform,_c:i};return computePosition$1(t,e,{...r,platform:n})};function offsetParent(t){return offsetParentPolyfill(t)}function flatTreeParent(t){return t.assignedSlot?t.assignedSlot:t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentNode}function offsetParentPolyfill(t){for(let e=t;e;e=flatTreeParent(e))if(e instanceof Element&&"none"===getComputedStyle(e).display)return null;for(let e=flatTreeParent(t);e;e=flatTreeParent(e)){if(!(e instanceof Element))continue;const t=getComputedStyle(e);if("contents"!==t.display){if("static"!==t.position||"none"!==t.filter)return e;if("BODY"===e.tagName)return e}}return null}function supportsPopover(){return Object.hasOwn(HTMLElement.prototype,"popover")}function isPopover(t){return!!t&&(supportsPopover()&&t.matches("[popover]"))}function getPositionOffset(t,e,o){const i="var(--m-popover-arrow-size)";switch(e){case"top":case"left":return t?`-1 * ${i} - ${o}px`:`-1 * ${o}px`;case"bottom":case"right":return t?`${i} + ${o}px`:`${o}px`;default:return"0px"}}var _Popover_updateCleanup,_Popover_getArrowPosition;const POPOVER_PLACEMENT_VALUES=["top","left","right","bottom","top-start","top-end","bottom-start","bottom-end"];class Popover extends Component{static get properties(){return{position:{type:String,reflect:!0},placement:{type:String},open:{type:Boolean,reflect:!0},asPopover:{type:Boolean,attribute:"as-popover"}}}constructor(){super(),_Popover_updateCleanup.set(this,void 0),this.getFloatingOffset=()=>10,this.renderArrow=()=>x`<span id="arrow"></span>`,this.reposition=async t=>{var e,o,i;if(null==this.floating||null==this.reference)return;const{x:r,y:n,placement:s,middlewareData:a}=await computePosition(this.reference,this.floating,{strategy:null!==(e=this.position)&&void 0!==e?e:"fixed",placement:null!==(o=this.placement)&&void 0!==o?o:"bottom-start",platform:{...platform,getOffsetParent:t=>platform.getOffsetParent(t,offsetParent)},middleware:[flip(),shift(),this.arrow?arrow({element:this.arrow,padding:10}):void 0,hide()]});if(null===(i=a.hide)||void 0===i?void 0:i.referenceHidden)return void Object.assign(this.floating.style,{visibility:"hidden"});const[l]=s.split("-"),c=null!=this.arrow,d={top:{x:"0px",y:getPositionOffset(c,"top",this.getFloatingOffset())},bottom:{x:"0px",y:getPositionOffset(c,"bottom",this.getFloatingOffset())},right:{x:getPositionOffset(c,"right",this.getFloatingOffset()),y:"0px"},left:{x:getPositionOffset(c,"left",this.getFloatingOffset()),y:"0px"}};Object.assign(this.floating.style,{visibility:"visible",top:`calc(${n}px + ${d[l].y})`,left:`calc(${r}px + ${d[l].x})`}),null!=this.arrow&&a.arrow&&Object.assign(this.arrow.style,__classPrivateFieldGet(this,_Popover_getArrowPosition,"f").call(this,a.arrow,l)),this.emit("m-popover-reposition",{detail:{reason:t}})},_Popover_getArrowPosition.set(this,((t,e)=>{if(null==this.floating||null==this.reference||null==this.arrow||null==t)return{};const o={top:"bottom",right:"left",bottom:"top",left:"right"}[e],{x:i,y:r}=t;return{left:null!=i?`${i}px`:"",top:null!=r?`${r}px`:"",right:"",bottom:"",[o]:-this.arrow.offsetWidth/2+"px"}})),this.position="fixed",this.placement="top-end",this.open=!1,this.asPopover=!1}disconnectedCallback(){var t;super.disconnectedCallback(),null===(t=__classPrivateFieldGet(this,_Popover_updateCleanup,"f"))||void 0===t||t.call(this)}firstUpdated(){this.asPopover&&supportsPopover()&&this.floating&&this.floating.setAttribute("popover","manual"),this.open&&this.show()}updated(t){super.updated(t),this.open&&null!=t.get("placement")&&null!=this.placement&&this.reposition("placement")}get reference(){return this.getReferenceElement()}get floating(){return this.getFloatingElement()}get arrow(){return this.getArrowElement()}show(){this.open||(this.open=!0,this.reference&&this.floating&&(isPopover(this.floating)&&this.floating.showPopover(),__classPrivateFieldSet(this,_Popover_updateCleanup,autoUpdate(this.reference,this.floating,(()=>{this.reposition("auto")})),"f")))}hide(){var t;this.open&&(this.open=!1,null!=this.floating&&isPopover(this.floating)&&this.floating.hidePopover(),null===(t=__classPrivateFieldGet(this,_Popover_updateCleanup,"f"))||void 0===t||t.call(this))}toggle(){this.open?this.hide():this.show()}}_Popover_updateCleanup=new WeakMap,_Popover_getArrowPosition=new WeakMap;const DEFAULT_SELECTORS={referenceSelector:"slot[name='reference']::slotted(*),",floatingSelector:"slot[name='floating']::slotted(*)"};function styles$m(t=DEFAULT_SELECTORS){const{referenceSelector:e,floatingSelector:o}={...DEFAULT_SELECTORS,...t};return[i$4`
|
|
1804
|
+
`}}DrawerHeader.styles=[styles$n()],window.customElements.define("m-drawer-header",DrawerHeader);const sides=["top","right","bottom","left"],min=Math.min,max=Math.max,round=Math.round,floor=Math.floor,createCoords=t=>({x:t,y:t}),oppositeSideMap={left:"right",right:"left",bottom:"top",top:"bottom"},oppositeAlignmentMap={start:"end",end:"start"};function clamp$1(t,e,o){return max(t,min(e,o))}function evaluate(t,e){return"function"==typeof t?t(e):t}function getSide(t){return t.split("-")[0]}function getAlignment(t){return t.split("-")[1]}function getOppositeAxis(t){return"x"===t?"y":"x"}function getAxisLength(t){return"y"===t?"height":"width"}function getSideAxis(t){return["top","bottom"].includes(getSide(t))?"y":"x"}function getAlignmentAxis(t){return getOppositeAxis(getSideAxis(t))}function getAlignmentSides(t,e,o){void 0===o&&(o=!1);const i=getAlignment(t),r=getAlignmentAxis(t),n=getAxisLength(r);let s="x"===r?i===(o?"end":"start")?"right":"left":"start"===i?"bottom":"top";return e.reference[n]>e.floating[n]&&(s=getOppositePlacement(s)),[s,getOppositePlacement(s)]}function getExpandedPlacements(t){const e=getOppositePlacement(t);return[getOppositeAlignmentPlacement(t),e,getOppositeAlignmentPlacement(e)]}function getOppositeAlignmentPlacement(t){return t.replace(/start|end/g,(t=>oppositeAlignmentMap[t]))}function getSideList(t,e,o){const i=["left","right"],r=["right","left"],n=["top","bottom"],s=["bottom","top"];switch(t){case"top":case"bottom":return o?e?r:i:e?i:r;case"left":case"right":return e?n:s;default:return[]}}function getOppositeAxisPlacements(t,e,o,i){const r=getAlignment(t);let n=getSideList(getSide(t),"start"===o,i);return r&&(n=n.map((t=>t+"-"+r)),e&&(n=n.concat(n.map(getOppositeAlignmentPlacement)))),n}function getOppositePlacement(t){return t.replace(/left|right|bottom|top/g,(t=>oppositeSideMap[t]))}function expandPaddingObject(t){return{top:0,right:0,bottom:0,left:0,...t}}function getPaddingObject(t){return"number"!=typeof t?expandPaddingObject(t):{top:t,right:t,bottom:t,left:t}}function rectToClientRect(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}function computeCoordsFromPlacement(t,e,o){let{reference:i,floating:r}=t;const n=getSideAxis(e),s=getAlignmentAxis(e),a=getAxisLength(s),l=getSide(e),c="y"===n,d=i.x+i.width/2-r.width/2,h=i.y+i.height/2-r.height/2,u=i[a]/2-r[a]/2;let g;switch(l){case"top":g={x:d,y:i.y-r.height};break;case"bottom":g={x:d,y:i.y+i.height};break;case"right":g={x:i.x+i.width,y:h};break;case"left":g={x:i.x-r.width,y:h};break;default:g={x:i.x,y:i.y}}switch(getAlignment(e)){case"start":g[s]-=u*(o&&c?-1:1);break;case"end":g[s]+=u*(o&&c?-1:1)}return g}const computePosition$1=async(t,e,o)=>{const{placement:i="bottom",strategy:r="absolute",middleware:n=[],platform:s}=o,a=n.filter(Boolean),l=await(null==s.isRTL?void 0:s.isRTL(e));let c=await s.getElementRects({reference:t,floating:e,strategy:r}),{x:d,y:h}=computeCoordsFromPlacement(c,i,l),u=i,g={},p=0;for(let o=0;o<a.length;o++){const{name:n,fn:m}=a[o],{x:b,y:_,data:f,reset:y}=await m({x:d,y:h,initialPlacement:i,placement:u,strategy:r,middlewareData:g,rects:c,platform:s,elements:{reference:t,floating:e}});d=null!=b?b:d,h=null!=_?_:h,g={...g,[n]:{...g[n],...f}},y&&p<=50&&(p++,"object"==typeof y&&(y.placement&&(u=y.placement),y.rects&&(c=!0===y.rects?await s.getElementRects({reference:t,floating:e,strategy:r}):y.rects),({x:d,y:h}=computeCoordsFromPlacement(c,u,l))),o=-1)}return{x:d,y:h,placement:u,strategy:r,middlewareData:g}};async function detectOverflow(t,e){var o;void 0===e&&(e={});const{x:i,y:r,platform:n,rects:s,elements:a,strategy:l}=t,{boundary:c="clippingAncestors",rootBoundary:d="viewport",elementContext:h="floating",altBoundary:u=!1,padding:g=0}=evaluate(e,t),p=getPaddingObject(g),m=a[u?"floating"===h?"reference":"floating":h],b=rectToClientRect(await n.getClippingRect({element:null==(o=await(null==n.isElement?void 0:n.isElement(m)))||o?m:m.contextElement||await(null==n.getDocumentElement?void 0:n.getDocumentElement(a.floating)),boundary:c,rootBoundary:d,strategy:l})),_="floating"===h?{...s.floating,x:i,y:r}:s.reference,f=await(null==n.getOffsetParent?void 0:n.getOffsetParent(a.floating)),y=await(null==n.isElement?void 0:n.isElement(f))&&await(null==n.getScale?void 0:n.getScale(f))||{x:1,y:1},$=rectToClientRect(n.convertOffsetParentRelativeRectToViewportRelativeRect?await n.convertOffsetParentRelativeRectToViewportRelativeRect({elements:a,rect:_,offsetParent:f,strategy:l}):_);return{top:(b.top-$.top+p.top)/y.y,bottom:($.bottom-b.bottom+p.bottom)/y.y,left:(b.left-$.left+p.left)/y.x,right:($.right-b.right+p.right)/y.x}}const arrow$1=t=>({name:"arrow",options:t,async fn(e){const{x:o,y:i,placement:r,rects:n,platform:s,elements:a,middlewareData:l}=e,{element:c,padding:d=0}=evaluate(t,e)||{};if(null==c)return{};const h=getPaddingObject(d),u={x:o,y:i},g=getAlignmentAxis(r),p=getAxisLength(g),m=await s.getDimensions(c),b="y"===g,_=b?"top":"left",f=b?"bottom":"right",y=b?"clientHeight":"clientWidth",$=n.reference[p]+n.reference[g]-u[g]-n.floating[p],v=u[g]-n.reference[g],x=await(null==s.getOffsetParent?void 0:s.getOffsetParent(c));let w=x?x[y]:0;w&&await(null==s.isElement?void 0:s.isElement(x))||(w=a.floating[y]||n.floating[p]);const k=$/2-v/2,S=w/2-m[p]/2-1,C=min(h[_],S),T=min(h[f],S),P=C,F=w-m[p]-T,z=w/2-m[p]/2+k,B=clamp$1(P,z,F),A=!l.arrow&&null!=getAlignment(r)&&z!==B&&n.reference[p]/2-(z<P?C:T)-m[p]/2<0,E=A?z<P?z-P:z-F:0;return{[g]:u[g]+E,data:{[g]:B,centerOffset:z-B-E,...A&&{alignmentOffset:E}},reset:A}}}),flip$1=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var o,i;const{placement:r,middlewareData:n,rects:s,initialPlacement:a,platform:l,elements:c}=e,{mainAxis:d=!0,crossAxis:h=!0,fallbackPlacements:u,fallbackStrategy:g="bestFit",fallbackAxisSideDirection:p="none",flipAlignment:m=!0,...b}=evaluate(t,e);if(null!=(o=n.arrow)&&o.alignmentOffset)return{};const _=getSide(r),f=getSide(a)===a,y=await(null==l.isRTL?void 0:l.isRTL(c.floating)),$=u||(f||!m?[getOppositePlacement(a)]:getExpandedPlacements(a));u||"none"===p||$.push(...getOppositeAxisPlacements(a,m,p,y));const v=[a,...$],x=await detectOverflow(e,b),w=[];let k=(null==(i=n.flip)?void 0:i.overflows)||[];if(d&&w.push(x[_]),h){const t=getAlignmentSides(r,s,y);w.push(x[t[0]],x[t[1]])}if(k=[...k,{placement:r,overflows:w}],!w.every((t=>t<=0))){var S,C;const t=((null==(S=n.flip)?void 0:S.index)||0)+1,e=v[t];if(e)return{data:{index:t,overflows:k},reset:{placement:e}};let o=null==(C=k.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:C.placement;if(!o)switch(g){case"bestFit":{var T;const t=null==(T=k.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:T[0];t&&(o=t);break}case"initialPlacement":o=a}if(r!==o)return{reset:{placement:o}}}return{}}}};function getSideOffsets(t,e){return{top:t.top-e.height,right:t.right-e.width,bottom:t.bottom-e.height,left:t.left-e.width}}function isAnySideFullyClipped(t){return sides.some((e=>t[e]>=0))}const hide$1=function(t){return void 0===t&&(t={}),{name:"hide",options:t,async fn(e){const{rects:o}=e,{strategy:i="referenceHidden",...r}=evaluate(t,e);switch(i){case"referenceHidden":{const t=getSideOffsets(await detectOverflow(e,{...r,elementContext:"reference"}),o.reference);return{data:{referenceHiddenOffsets:t,referenceHidden:isAnySideFullyClipped(t)}}}case"escaped":{const t=getSideOffsets(await detectOverflow(e,{...r,altBoundary:!0}),o.floating);return{data:{escapedOffsets:t,escaped:isAnySideFullyClipped(t)}}}default:return{}}}}},shift$1=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:o,y:i,placement:r}=e,{mainAxis:n=!0,crossAxis:s=!1,limiter:a={fn:t=>{let{x:e,y:o}=t;return{x:e,y:o}}},...l}=evaluate(t,e),c={x:o,y:i},d=await detectOverflow(e,l),h=getSideAxis(getSide(r)),u=getOppositeAxis(h);let g=c[u],p=c[h];if(n){const t="y"===u?"bottom":"right";g=clamp$1(g+d["y"===u?"top":"left"],g,g-d[t])}if(s){const t="y"===h?"bottom":"right";p=clamp$1(p+d["y"===h?"top":"left"],p,p-d[t])}const m=a.fn({...e,[u]:g,[h]:p});return{...m,data:{x:m.x-o,y:m.y-i}}}}};function getNodeName(t){return isNode(t)?(t.nodeName||"").toLowerCase():"#document"}function getWindow(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function getDocumentElement(t){var e;return null==(e=(isNode(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function isNode(t){return t instanceof Node||t instanceof getWindow(t).Node}function isElement(t){return t instanceof Element||t instanceof getWindow(t).Element}function isHTMLElement(t){return t instanceof HTMLElement||t instanceof getWindow(t).HTMLElement}function isShadowRoot(t){return"undefined"!=typeof ShadowRoot&&(t instanceof ShadowRoot||t instanceof getWindow(t).ShadowRoot)}function isOverflowElement(t){const{overflow:e,overflowX:o,overflowY:i,display:r}=getComputedStyle$1(t);return/auto|scroll|overlay|hidden|clip/.test(e+i+o)&&!["inline","contents"].includes(r)}function isTableElement(t){return["table","td","th"].includes(getNodeName(t))}function isContainingBlock(t){const e=isWebKit(),o=getComputedStyle$1(t);return"none"!==o.transform||"none"!==o.perspective||!!o.containerType&&"normal"!==o.containerType||!e&&!!o.backdropFilter&&"none"!==o.backdropFilter||!e&&!!o.filter&&"none"!==o.filter||["transform","perspective","filter"].some((t=>(o.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(o.contain||"").includes(t)))}function getContainingBlock(t){let e=getParentNode(t);for(;isHTMLElement(e)&&!isLastTraversableNode(e);){if(isContainingBlock(e))return e;e=getParentNode(e)}return null}function isWebKit(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function isLastTraversableNode(t){return["html","body","#document"].includes(getNodeName(t))}function getComputedStyle$1(t){return getWindow(t).getComputedStyle(t)}function getNodeScroll(t){return isElement(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function getParentNode(t){if("html"===getNodeName(t))return t;const e=t.assignedSlot||t.parentNode||isShadowRoot(t)&&t.host||getDocumentElement(t);return isShadowRoot(e)?e.host:e}function getNearestOverflowAncestor(t){const e=getParentNode(t);return isLastTraversableNode(e)?t.ownerDocument?t.ownerDocument.body:t.body:isHTMLElement(e)&&isOverflowElement(e)?e:getNearestOverflowAncestor(e)}function getOverflowAncestors(t,e,o){var i;void 0===e&&(e=[]),void 0===o&&(o=!0);const r=getNearestOverflowAncestor(t),n=r===(null==(i=t.ownerDocument)?void 0:i.body),s=getWindow(r);return n?e.concat(s,s.visualViewport||[],isOverflowElement(r)?r:[],s.frameElement&&o?getOverflowAncestors(s.frameElement):[]):e.concat(r,getOverflowAncestors(r,[],o))}function getCssDimensions(t){const e=getComputedStyle$1(t);let o=parseFloat(e.width)||0,i=parseFloat(e.height)||0;const r=isHTMLElement(t),n=r?t.offsetWidth:o,s=r?t.offsetHeight:i,a=round(o)!==n||round(i)!==s;return a&&(o=n,i=s),{width:o,height:i,$:a}}function unwrapElement(t){return isElement(t)?t:t.contextElement}function getScale(t){const e=unwrapElement(t);if(!isHTMLElement(e))return createCoords(1);const o=e.getBoundingClientRect(),{width:i,height:r,$:n}=getCssDimensions(e);let s=(n?round(o.width):o.width)/i,a=(n?round(o.height):o.height)/r;return s&&Number.isFinite(s)||(s=1),a&&Number.isFinite(a)||(a=1),{x:s,y:a}}const noOffsets=createCoords(0);function getVisualOffsets(t){const e=getWindow(t);return isWebKit()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:noOffsets}function shouldAddVisualOffsets(t,e,o){return void 0===e&&(e=!1),!(!o||e&&o!==getWindow(t))&&e}function getBoundingClientRect(t,e,o,i){void 0===e&&(e=!1),void 0===o&&(o=!1);const r=t.getBoundingClientRect(),n=unwrapElement(t);let s=createCoords(1);e&&(i?isElement(i)&&(s=getScale(i)):s=getScale(t));const a=shouldAddVisualOffsets(n,o,i)?getVisualOffsets(n):createCoords(0);let l=(r.left+a.x)/s.x,c=(r.top+a.y)/s.y,d=r.width/s.x,h=r.height/s.y;if(n){const t=getWindow(n),e=i&&isElement(i)?getWindow(i):i;let o=t,r=o.frameElement;for(;r&&i&&e!==o;){const t=getScale(r),e=r.getBoundingClientRect(),i=getComputedStyle$1(r),n=e.left+(r.clientLeft+parseFloat(i.paddingLeft))*t.x,s=e.top+(r.clientTop+parseFloat(i.paddingTop))*t.y;l*=t.x,c*=t.y,d*=t.x,h*=t.y,l+=n,c+=s,o=getWindow(r),r=o.frameElement}}return rectToClientRect({width:d,height:h,x:l,y:c})}const topLayerSelectors=[":popover-open",":modal"];function isTopLayer(t){return topLayerSelectors.some((e=>{try{return t.matches(e)}catch(t){return!1}}))}function convertOffsetParentRelativeRectToViewportRelativeRect(t){let{elements:e,rect:o,offsetParent:i,strategy:r}=t;const n="fixed"===r,s=getDocumentElement(i),a=!!e&&isTopLayer(e.floating);if(i===s||a&&n)return o;let l={scrollLeft:0,scrollTop:0},c=createCoords(1);const d=createCoords(0),h=isHTMLElement(i);if((h||!h&&!n)&&(("body"!==getNodeName(i)||isOverflowElement(s))&&(l=getNodeScroll(i)),isHTMLElement(i))){const t=getBoundingClientRect(i);c=getScale(i),d.x=t.x+i.clientLeft,d.y=t.y+i.clientTop}return{width:o.width*c.x,height:o.height*c.y,x:o.x*c.x-l.scrollLeft*c.x+d.x,y:o.y*c.y-l.scrollTop*c.y+d.y}}function getClientRects(t){return Array.from(t.getClientRects())}function getWindowScrollBarX(t){return getBoundingClientRect(getDocumentElement(t)).left+getNodeScroll(t).scrollLeft}function getDocumentRect(t){const e=getDocumentElement(t),o=getNodeScroll(t),i=t.ownerDocument.body,r=max(e.scrollWidth,e.clientWidth,i.scrollWidth,i.clientWidth),n=max(e.scrollHeight,e.clientHeight,i.scrollHeight,i.clientHeight);let s=-o.scrollLeft+getWindowScrollBarX(t);const a=-o.scrollTop;return"rtl"===getComputedStyle$1(i).direction&&(s+=max(e.clientWidth,i.clientWidth)-r),{width:r,height:n,x:s,y:a}}function getViewportRect(t,e){const o=getWindow(t),i=getDocumentElement(t),r=o.visualViewport;let n=i.clientWidth,s=i.clientHeight,a=0,l=0;if(r){n=r.width,s=r.height;const t=isWebKit();(!t||t&&"fixed"===e)&&(a=r.offsetLeft,l=r.offsetTop)}return{width:n,height:s,x:a,y:l}}function getInnerBoundingClientRect(t,e){const o=getBoundingClientRect(t,!0,"fixed"===e),i=o.top+t.clientTop,r=o.left+t.clientLeft,n=isHTMLElement(t)?getScale(t):createCoords(1);return{width:t.clientWidth*n.x,height:t.clientHeight*n.y,x:r*n.x,y:i*n.y}}function getClientRectFromClippingAncestor(t,e,o){let i;if("viewport"===e)i=getViewportRect(t,o);else if("document"===e)i=getDocumentRect(getDocumentElement(t));else if(isElement(e))i=getInnerBoundingClientRect(e,o);else{const o=getVisualOffsets(t);i={...e,x:e.x-o.x,y:e.y-o.y}}return rectToClientRect(i)}function hasFixedPositionAncestor(t,e){const o=getParentNode(t);return!(o===e||!isElement(o)||isLastTraversableNode(o))&&("fixed"===getComputedStyle$1(o).position||hasFixedPositionAncestor(o,e))}function getClippingElementAncestors(t,e){const o=e.get(t);if(o)return o;let i=getOverflowAncestors(t,[],!1).filter((t=>isElement(t)&&"body"!==getNodeName(t))),r=null;const n="fixed"===getComputedStyle$1(t).position;let s=n?getParentNode(t):t;for(;isElement(s)&&!isLastTraversableNode(s);){const e=getComputedStyle$1(s),o=isContainingBlock(s);o||"fixed"!==e.position||(r=null);(n?!o&&!r:!o&&"static"===e.position&&!!r&&["absolute","fixed"].includes(r.position)||isOverflowElement(s)&&!o&&hasFixedPositionAncestor(t,s))?i=i.filter((t=>t!==s)):r=e,s=getParentNode(s)}return e.set(t,i),i}function getClippingRect(t){let{element:e,boundary:o,rootBoundary:i,strategy:r}=t;const n=[..."clippingAncestors"===o?getClippingElementAncestors(e,this._c):[].concat(o),i],s=n[0],a=n.reduce(((t,o)=>{const i=getClientRectFromClippingAncestor(e,o,r);return t.top=max(i.top,t.top),t.right=min(i.right,t.right),t.bottom=min(i.bottom,t.bottom),t.left=max(i.left,t.left),t}),getClientRectFromClippingAncestor(e,s,r));return{width:a.right-a.left,height:a.bottom-a.top,x:a.left,y:a.top}}function getDimensions(t){const{width:e,height:o}=getCssDimensions(t);return{width:e,height:o}}function getRectRelativeToOffsetParent(t,e,o){const i=isHTMLElement(e),r=getDocumentElement(e),n="fixed"===o,s=getBoundingClientRect(t,!0,n,e);let a={scrollLeft:0,scrollTop:0};const l=createCoords(0);if(i||!i&&!n)if(("body"!==getNodeName(e)||isOverflowElement(r))&&(a=getNodeScroll(e)),i){const t=getBoundingClientRect(e,!0,n,e);l.x=t.x+e.clientLeft,l.y=t.y+e.clientTop}else r&&(l.x=getWindowScrollBarX(r));return{x:s.left+a.scrollLeft-l.x,y:s.top+a.scrollTop-l.y,width:s.width,height:s.height}}function getTrueOffsetParent(t,e){return isHTMLElement(t)&&"fixed"!==getComputedStyle$1(t).position?e?e(t):t.offsetParent:null}function getOffsetParent(t,e){const o=getWindow(t);if(!isHTMLElement(t)||isTopLayer(t))return o;let i=getTrueOffsetParent(t,e);for(;i&&isTableElement(i)&&"static"===getComputedStyle$1(i).position;)i=getTrueOffsetParent(i,e);return i&&("html"===getNodeName(i)||"body"===getNodeName(i)&&"static"===getComputedStyle$1(i).position&&!isContainingBlock(i))?o:i||getContainingBlock(t)||o}const getElementRects=async function(t){const e=this.getOffsetParent||getOffsetParent,o=this.getDimensions;return{reference:getRectRelativeToOffsetParent(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,...await o(t.floating)}}};function isRTL(t){return"rtl"===getComputedStyle$1(t).direction}const platform={convertOffsetParentRelativeRectToViewportRelativeRect,getDocumentElement,getClippingRect,getOffsetParent,getElementRects,getClientRects,getDimensions,getScale,isElement,isRTL};function observeMove(t,e){let o,i=null;const r=getDocumentElement(t);function n(){var t;clearTimeout(o),null==(t=i)||t.disconnect(),i=null}return function s(a,l){void 0===a&&(a=!1),void 0===l&&(l=1),n();const{left:c,top:d,width:h,height:u}=t.getBoundingClientRect();if(a||e(),!h||!u)return;const g={rootMargin:-floor(d)+"px "+-floor(r.clientWidth-(c+h))+"px "+-floor(r.clientHeight-(d+u))+"px "+-floor(c)+"px",threshold:max(0,min(1,l))||1};let p=!0;function m(t){const e=t[0].intersectionRatio;if(e!==l){if(!p)return s();e?s(!1,e):o=setTimeout((()=>{s(!1,1e-7)}),100)}p=!1}try{i=new IntersectionObserver(m,{...g,root:r.ownerDocument})}catch(t){i=new IntersectionObserver(m,g)}i.observe(t)}(!0),n}function autoUpdate(t,e,o,i){void 0===i&&(i={});const{ancestorScroll:r=!0,ancestorResize:n=!0,elementResize:s="function"==typeof ResizeObserver,layoutShift:a="function"==typeof IntersectionObserver,animationFrame:l=!1}=i,c=unwrapElement(t),d=r||n?[...c?getOverflowAncestors(c):[],...getOverflowAncestors(e)]:[];d.forEach((t=>{r&&t.addEventListener("scroll",o,{passive:!0}),n&&t.addEventListener("resize",o)}));const h=c&&a?observeMove(c,o):null;let u,g=-1,p=null;s&&(p=new ResizeObserver((t=>{let[i]=t;i&&i.target===c&&p&&(p.unobserve(e),cancelAnimationFrame(g),g=requestAnimationFrame((()=>{var t;null==(t=p)||t.observe(e)}))),o()})),c&&!l&&p.observe(c),p.observe(e));let m=l?getBoundingClientRect(t):null;return l&&function e(){const i=getBoundingClientRect(t);!m||i.x===m.x&&i.y===m.y&&i.width===m.width&&i.height===m.height||o();m=i,u=requestAnimationFrame(e)}(),o(),()=>{var t;d.forEach((t=>{r&&t.removeEventListener("scroll",o),n&&t.removeEventListener("resize",o)})),null==h||h(),null==(t=p)||t.disconnect(),p=null,l&&cancelAnimationFrame(u)}}const shift=shift$1,flip=flip$1,hide=hide$1,arrow=arrow$1,computePosition=(t,e,o)=>{const i=new Map,r={platform,...o},n={...r.platform,_c:i};return computePosition$1(t,e,{...r,platform:n})};function offsetParent(t){return offsetParentPolyfill(t)}function flatTreeParent(t){return t.assignedSlot?t.assignedSlot:t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentNode}function offsetParentPolyfill(t){for(let e=t;e;e=flatTreeParent(e))if(e instanceof Element&&"none"===getComputedStyle(e).display)return null;for(let e=flatTreeParent(t);e;e=flatTreeParent(e)){if(!(e instanceof Element))continue;const t=getComputedStyle(e);if("contents"!==t.display){if("static"!==t.position||"none"!==t.filter)return e;if("BODY"===e.tagName)return e}}return null}function supportsPopover(){return Object.hasOwn(HTMLElement.prototype,"popover")}function isPopover(t){return!!t&&(supportsPopover()&&t.matches("[popover]"))}function getPositionOffset(t,e,o){const i="var(--m-popover-arrow-size)";switch(e){case"top":case"left":return t?`-1 * ${i} - ${o}px`:`-1 * ${o}px`;case"bottom":case"right":return t?`${i} + ${o}px`:`${o}px`;default:return"0px"}}var _Popover_updateCleanup,_Popover_getArrowPosition;const POPOVER_PLACEMENT_VALUES=["top","left","right","bottom","top-start","top-end","bottom-start","bottom-end"];class Popover extends Component{static get properties(){return{position:{type:String,reflect:!0},placement:{type:String},open:{type:Boolean,reflect:!0},asPopover:{type:Boolean,attribute:"as-popover"}}}constructor(){super(),_Popover_updateCleanup.set(this,void 0),this.getFloatingOffset=()=>10,this.renderArrow=()=>x`<span id="arrow"></span>`,this.reposition=async t=>{if(null==this.floating||null==this.reference)return;const{x:e,y:o,placement:i,middlewareData:r}=await computePosition(this.reference,this.floating,{strategy:this.position??"fixed",placement:this.placement??"bottom-start",platform:{...platform,getOffsetParent:t=>platform.getOffsetParent(t,offsetParent)},middleware:[flip(),shift(),this.arrow?arrow({element:this.arrow,padding:10}):void 0,hide()]});if(r.hide?.referenceHidden)return void Object.assign(this.floating.style,{visibility:"hidden"});const[n]=i.split("-"),s=null!=this.arrow,a={top:{x:"0px",y:getPositionOffset(s,"top",this.getFloatingOffset())},bottom:{x:"0px",y:getPositionOffset(s,"bottom",this.getFloatingOffset())},right:{x:getPositionOffset(s,"right",this.getFloatingOffset()),y:"0px"},left:{x:getPositionOffset(s,"left",this.getFloatingOffset()),y:"0px"}};Object.assign(this.floating.style,{visibility:"visible",top:`calc(${o}px + ${a[n].y})`,left:`calc(${e}px + ${a[n].x})`}),null!=this.arrow&&r.arrow&&Object.assign(this.arrow.style,__classPrivateFieldGet(this,_Popover_getArrowPosition,"f").call(this,r.arrow,n)),this.emit("m-popover-reposition",{detail:{reason:t}})},_Popover_getArrowPosition.set(this,((t,e)=>{if(null==this.floating||null==this.reference||null==this.arrow||null==t)return{};const o={top:"bottom",right:"left",bottom:"top",left:"right"}[e],{x:i,y:r}=t;return{left:null!=i?`${i}px`:"",top:null!=r?`${r}px`:"",right:"",bottom:"",[o]:-this.arrow.offsetWidth/2+"px"}})),this.position="fixed",this.placement="top-end",this.open=!1,this.asPopover=!1}disconnectedCallback(){super.disconnectedCallback(),__classPrivateFieldGet(this,_Popover_updateCleanup,"f")?.call(this)}firstUpdated(){this.asPopover&&supportsPopover()&&this.floating&&this.floating.setAttribute("popover","manual"),this.open&&this.show()}updated(t){super.updated(t),this.open&&null!=t.get("placement")&&null!=this.placement&&this.reposition("placement")}get reference(){return this.getReferenceElement()}get floating(){return this.getFloatingElement()}get arrow(){return this.getArrowElement()}show(){this.open||(this.open=!0,this.reference&&this.floating&&(isPopover(this.floating)&&this.floating.showPopover(),__classPrivateFieldSet(this,_Popover_updateCleanup,autoUpdate(this.reference,this.floating,(()=>{this.reposition("auto")})),"f")))}hide(){this.open&&(this.open=!1,null!=this.floating&&isPopover(this.floating)&&this.floating.hidePopover(),__classPrivateFieldGet(this,_Popover_updateCleanup,"f")?.call(this))}toggle(){this.open?this.hide():this.show()}}_Popover_updateCleanup=new WeakMap,_Popover_getArrowPosition=new WeakMap;const DEFAULT_SELECTORS={referenceSelector:"slot[name='reference']::slotted(*),",floatingSelector:"slot[name='floating']::slotted(*)"};function styles$m(t=DEFAULT_SELECTORS){const{referenceSelector:e,floatingSelector:o}={...DEFAULT_SELECTORS,...t};return[i$4`
|
|
1805
1805
|
:host {
|
|
1806
1806
|
--m-popover-background-color: ${getColor("color-background-secondary-inverted")};
|
|
1807
1807
|
--m-popover-border-radius: ${getToken("border-radius-m")};
|
|
@@ -1889,7 +1889,7 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
1889
1889
|
.-fixed {
|
|
1890
1890
|
position: fixed;
|
|
1891
1891
|
}
|
|
1892
|
-
`]}var _BoundaryController_instances,_BoundaryController_subscribe,_BoundaryController_unsubscribe,_BoundaryController_handleEvent,_BoundaryController_handleBlurEvent,_FocusManagerController_instances,_FocusManagerController_focusElement,_FocusManagerController_focusIndex,_FocusManagerController_focusPosition,_FocusManagerController_getIndexOfQueried,_FocusManagerController_findQueriedById,_FocusManagerController_handleKeyPress,_FocusManagerController_clearBufferAfterDelay,_FocusManagerController_findMatchInRange,_KeyboardSupportController_handleKeyUp;class BoundaryController{constructor(t,e){_BoundaryController_instances.add(this),this.activate=()=>{this.active||(__classPrivateFieldGet(this,_BoundaryController_instances,"m",_BoundaryController_subscribe).call(this),this.active=!0)},this.deactivate=()=>{this.active&&(__classPrivateFieldGet(this,_BoundaryController_instances,"m",_BoundaryController_unsubscribe).call(this),this.active=!1)},_BoundaryController_handleEvent.set(this,(t=>{const e=isInsideElement(t,this.host);!e||t instanceof KeyboardEvent&&"Escape"===t.key?this.host.dispatchEvent(new CustomEvent("m-interact-out")):e&&this.host.dispatchEvent(new CustomEvent("m-interact-in"))})),_BoundaryController_handleBlurEvent.set(this,(t=>{isInsideElement(t,this.host)||this.host.dispatchEvent(new CustomEvent("m-interact-out"))})),this.host=t,this.active=Boolean(
|
|
1892
|
+
`]}var _BoundaryController_instances,_BoundaryController_subscribe,_BoundaryController_unsubscribe,_BoundaryController_handleEvent,_BoundaryController_handleBlurEvent,_FocusManagerController_instances,_FocusManagerController_focusElement,_FocusManagerController_focusIndex,_FocusManagerController_focusPosition,_FocusManagerController_getIndexOfQueried,_FocusManagerController_findQueriedById,_FocusManagerController_handleKeyPress,_FocusManagerController_clearBufferAfterDelay,_FocusManagerController_findMatchInRange,_KeyboardSupportController_handleKeyUp;class BoundaryController{constructor(t,e){_BoundaryController_instances.add(this),this.activate=()=>{this.active||(__classPrivateFieldGet(this,_BoundaryController_instances,"m",_BoundaryController_subscribe).call(this),this.active=!0)},this.deactivate=()=>{this.active&&(__classPrivateFieldGet(this,_BoundaryController_instances,"m",_BoundaryController_unsubscribe).call(this),this.active=!1)},_BoundaryController_handleEvent.set(this,(t=>{const e=isInsideElement(t,this.host);!e||t instanceof KeyboardEvent&&"Escape"===t.key?this.host.dispatchEvent(new CustomEvent("m-interact-out")):e&&this.host.dispatchEvent(new CustomEvent("m-interact-in"))})),_BoundaryController_handleBlurEvent.set(this,(t=>{isInsideElement(t,this.host)||this.host.dispatchEvent(new CustomEvent("m-interact-out"))})),this.host=t,this.active=Boolean(e??!1),this.host.addController(this)}hostConnected(){this.active?__classPrivateFieldGet(this,_BoundaryController_instances,"m",_BoundaryController_subscribe).call(this):__classPrivateFieldGet(this,_BoundaryController_instances,"m",_BoundaryController_unsubscribe).call(this)}hostDisconnected(){this.active&&__classPrivateFieldGet(this,_BoundaryController_instances,"m",_BoundaryController_unsubscribe).call(this)}}function isDisabled(t){return null!=t&&"object"==typeof t&&"disabled"in t&&!0===t.disabled}function isPrintableCharacter(t){return 1===t.length&&/\S/.test(t)}_BoundaryController_handleEvent=new WeakMap,_BoundaryController_handleBlurEvent=new WeakMap,_BoundaryController_instances=new WeakSet,_BoundaryController_subscribe=function(){document.addEventListener("mousedown",__classPrivateFieldGet(this,_BoundaryController_handleEvent,"f")),document.addEventListener("keyup",__classPrivateFieldGet(this,_BoundaryController_handleEvent,"f")),document.addEventListener("touchend",__classPrivateFieldGet(this,_BoundaryController_handleEvent,"f")),window.addEventListener("blur",__classPrivateFieldGet(this,_BoundaryController_handleBlurEvent,"f"),!0)},_BoundaryController_unsubscribe=function(){document.removeEventListener("mousedown",__classPrivateFieldGet(this,_BoundaryController_handleEvent,"f")),document.removeEventListener("keyup",__classPrivateFieldGet(this,_BoundaryController_handleEvent,"f")),document.removeEventListener("touchend",__classPrivateFieldGet(this,_BoundaryController_handleEvent,"f")),window.removeEventListener("blur",__classPrivateFieldGet(this,_BoundaryController_handleBlurEvent,"f"),!0)};class FocusManagerController{constructor(t,e){_FocusManagerController_instances.add(this),this.activeDescendant=null,_FocusManagerController_focusElement.set(this,(t=>{t&&!isDisabled(t)&&t.id&&(this.clear(),this.activeDescendant=t.id,this.getInteractiveElement(this.host).setAttribute("aria-activedescendant",t.id),t.classList.add("is-focused"),t.scrollIntoView({block:"start",inline:"nearest",behavior:"smooth"}))})),_FocusManagerController_focusIndex.set(this,(t=>{__classPrivateFieldGet(this,_FocusManagerController_focusElement,"f").call(this,this.queried.at(t))})),_FocusManagerController_focusPosition.set(this,(t=>{const e=__classPrivateFieldGet(this,_FocusManagerController_instances,"m",_FocusManagerController_getIndexOfQueried).call(this,this.focused);switch(t){case"first":__classPrivateFieldGet(this,_FocusManagerController_focusIndex,"f").call(this,0);break;case"last":__classPrivateFieldGet(this,_FocusManagerController_focusIndex,"f").call(this,this.queried.length-1);break;case"previous":{if(-1===e)return;const t=(e-1+this.queried.length)%this.queried.length;__classPrivateFieldGet(this,_FocusManagerController_focusIndex,"f").call(this,t);break}case"next":{if(-1===e)return;const t=(e+1)%this.queried.length;__classPrivateFieldGet(this,_FocusManagerController_focusIndex,"f").call(this,t);break}}})),_FocusManagerController_handleKeyPress.set(this,(t=>{const{key:e}=t;if(!isPrintableCharacter(e))return;const o=__classPrivateFieldGet(this,_FocusManagerController_instances,"m",_FocusManagerController_getIndexOfQueried).call(this,this.focused);this.quickSearchBuffer+=e,__classPrivateFieldGet(this,_FocusManagerController_clearBufferAfterDelay,"f").call(this);let i=__classPrivateFieldGet(this,_FocusManagerController_findMatchInRange,"f").call(this,o+1,this.queried.length);i||(i=__classPrivateFieldGet(this,_FocusManagerController_findMatchInRange,"f").call(this,0,o)),null!=i&&this.focus(i)})),_FocusManagerController_clearBufferAfterDelay.set(this,(()=>{this.quickSearchBufferTimeout&&(window.clearTimeout(this.quickSearchBufferTimeout),this.quickSearchBufferTimeout=null),this.quickSearchBufferTimeout=window.setTimeout((()=>{this.quickSearchBuffer="",this.quickSearchBufferTimeout=null}),500)})),_FocusManagerController_findMatchInRange.set(this,((t,e)=>{for(let o=t;o<e;o++){const t=this.queried[o].innerText.toLowerCase();if(t&&0===t.indexOf(this.quickSearchBuffer))return this.queried[o]}return null})),this.query=toArray$1(e.query).join(","),this.focusOnType=Boolean(e.focusOnType??!0),this.getInteractiveElement=e.getInteractiveElement??(()=>t),this.quickSearchBuffer="",(this.host=t).addController(this)}hostConnected(){this.focusOnType&&this.host.addEventListener("keyup",__classPrivateFieldGet(this,_FocusManagerController_handleKeyPress,"f"))}hostDisconnected(){this.host.removeEventListener("keyup",__classPrivateFieldGet(this,_FocusManagerController_handleKeyPress,"f"))}get queried(){return Array.from(this.host.querySelectorAll(this.query))}get focused(){return this.activeDescendant?__classPrivateFieldGet(this,_FocusManagerController_instances,"m",_FocusManagerController_findQueriedById).call(this,this.activeDescendant):null}focusNext(){this.focus("next")}focusPrevious(){this.focus("previous")}focusFirst(){this.focus(0)}focusLast(){this.focus(this.queried.length-1)}focus(t){"number"==typeof t?__classPrivateFieldGet(this,_FocusManagerController_focusIndex,"f").call(this,t):"string"==typeof t?__classPrivateFieldGet(this,_FocusManagerController_focusPosition,"f").call(this,t):__classPrivateFieldGet(this,_FocusManagerController_focusElement,"f").call(this,t)}clear(){this.getInteractiveElement(this.host).removeAttribute("aria-activedescendant");const t=this.focused;this.activeDescendant=null,t&&t.classList.remove("is-focused")}}function getShortcutKey(t){return[t.alt?"alt":"",t.ctrl?"ctrl":"",t.meta?"cmd":"",t.shift?"shift":"",t.key.toLowerCase()].filter(Boolean).join("+")}_FocusManagerController_focusElement=new WeakMap,_FocusManagerController_focusIndex=new WeakMap,_FocusManagerController_focusPosition=new WeakMap,_FocusManagerController_handleKeyPress=new WeakMap,_FocusManagerController_clearBufferAfterDelay=new WeakMap,_FocusManagerController_findMatchInRange=new WeakMap,_FocusManagerController_instances=new WeakSet,_FocusManagerController_getIndexOfQueried=function(t){return t?this.queried.indexOf(t):-1},_FocusManagerController_findQueriedById=function(t){return this.queried.find((e=>e.id===t))??null};class KeyboardSupportController{constructor(t,e,o){this.keymap=new Map,_KeyboardSupportController_handleKeyUp.set(this,(t=>{const e=getShortcutKey({key:t.key,meta:t.metaKey,shift:t.shiftKey,ctrl:t.ctrlKey,alt:t.altKey});if(this.keymap.has(e)){this.keymap.get(e)(t)}else;})),this.keymap=new Map(toArray$1(e).reduce(((t,{shortcut:e,handler:o})=>t.concat(toArray$1(e).map((t=>[getShortcutKey(t),o])))),[])),this.getEventTarget=o?.getEventTarget??(()=>t),(this.host=t).addController(this)}async hostConnected(){this.getEventTarget(this.host).addEventListener("keyup",__classPrivateFieldGet(this,_KeyboardSupportController_handleKeyUp,"f"))}hostDisconnected(){this.getEventTarget(this.host).removeEventListener("keyup",__classPrivateFieldGet(this,_KeyboardSupportController_handleKeyUp,"f"))}}_KeyboardSupportController_handleKeyUp=new WeakMap;const TRIGGER_SELECTOR='[aria-haspopup="true"]',MENU_SELECTOR='[role="menu"]',ITEM_SELECTOR='[role="menuitem"]';function dropdownStyles(){return[styles$m({referenceSelector:`::slotted(${TRIGGER_SELECTOR})`,floatingSelector:`::slotted(${MENU_SELECTOR})`}),i$4`
|
|
1893
1893
|
:host {
|
|
1894
1894
|
--m-popover-floating-spacing-x: ${getToken("spacing-2")};
|
|
1895
1895
|
--m-popover-floating-spacing-y: ${getToken("spacing-2")};
|
|
@@ -2083,7 +2083,7 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
2083
2083
|
pointer-events: none;
|
|
2084
2084
|
user-select: none;
|
|
2085
2085
|
}
|
|
2086
|
-
`]}var _Dropdown_controllers,_Dropdown_handleClick,_Dropdown_handleClickOutside;class Dropdown extends Popover{static get properties(){return{...Popover.properties,disabled:{type:Boolean,reflect:!0},size:{type:String,reflect:!0}}}constructor(){super(),_Dropdown_controllers.set(this,void 0),this.getFloatingOffset=()=>4,_Dropdown_handleClick.set(this,(t=>{const{target:e}=t;e&&(e.matches(ITEM_SELECTOR)&&(__classPrivateFieldGet(this,_Dropdown_controllers,"f").focus.focus(e),this.collapse()),e.matches(TRIGGER_SELECTOR)&&t.detail>0&&this.toggle())})),_Dropdown_handleClickOutside.set(this,(()=>{this.collapse()})),this.position="absolute",this.placement="bottom-end",this.disabled=!1,__classPrivateFieldSet(this,_Dropdown_controllers,{boundary:new BoundaryController(this),focus:new FocusManagerController(this,{query:ITEM_SELECTOR,getInteractiveElement:()=>this.getFloatingElement()}),keyboard:new KeyboardSupportController(this,[{shortcut:{key:"ArrowUp"},handler:t=>{const{target:e}=t;e&&!this.disabled&&(e.matches(TRIGGER_SELECTOR)?this.expand({position:"last"}):e.matches(MENU_SELECTOR)&&__classPrivateFieldGet(this,_Dropdown_controllers,"f").focus.focusPrevious())}},{shortcut:{key:"ArrowDown"},handler:t=>{const{target:e}=t;e&&!this.disabled&&(e.matches(TRIGGER_SELECTOR)?this.expand({position:"first"}):e.matches(MENU_SELECTOR)&&__classPrivateFieldGet(this,_Dropdown_controllers,"f").focus.focusNext())}},{shortcut:[{key:"Enter"},{key:" "}],handler:t=>{const{target:e}=t;if(e&&!this.disabled)if(e.matches(TRIGGER_SELECTOR))this.toggle({position:"first"});else if(e.matches(MENU_SELECTOR)){const t=__classPrivateFieldGet(this,_Dropdown_controllers,"f").focus.focused;if(
|
|
2086
|
+
`]}var _Dropdown_controllers,_Dropdown_handleClick,_Dropdown_handleClickOutside;class Dropdown extends Popover{static get properties(){return{...Popover.properties,disabled:{type:Boolean,reflect:!0},size:{type:String,reflect:!0}}}constructor(){super(),_Dropdown_controllers.set(this,void 0),this.getFloatingOffset=()=>4,_Dropdown_handleClick.set(this,(t=>{const{target:e}=t;e&&(e.matches(ITEM_SELECTOR)&&(__classPrivateFieldGet(this,_Dropdown_controllers,"f").focus.focus(e),this.collapse()),e.matches(TRIGGER_SELECTOR)&&t.detail>0&&this.toggle())})),_Dropdown_handleClickOutside.set(this,(()=>{this.collapse()})),this.position="absolute",this.placement="bottom-end",this.disabled=!1,__classPrivateFieldSet(this,_Dropdown_controllers,{boundary:new BoundaryController(this),focus:new FocusManagerController(this,{query:ITEM_SELECTOR,getInteractiveElement:()=>this.getFloatingElement()}),keyboard:new KeyboardSupportController(this,[{shortcut:{key:"ArrowUp"},handler:t=>{const{target:e}=t;e&&!this.disabled&&(e.matches(TRIGGER_SELECTOR)?this.expand({position:"last"}):e.matches(MENU_SELECTOR)&&__classPrivateFieldGet(this,_Dropdown_controllers,"f").focus.focusPrevious())}},{shortcut:{key:"ArrowDown"},handler:t=>{const{target:e}=t;e&&!this.disabled&&(e.matches(TRIGGER_SELECTOR)?this.expand({position:"first"}):e.matches(MENU_SELECTOR)&&__classPrivateFieldGet(this,_Dropdown_controllers,"f").focus.focusNext())}},{shortcut:[{key:"Enter"},{key:" "}],handler:t=>{const{target:e}=t;if(e&&!this.disabled)if(e.matches(TRIGGER_SELECTOR))this.toggle({position:"first"});else if(e.matches(MENU_SELECTOR)){const t=__classPrivateFieldGet(this,_Dropdown_controllers,"f").focus.focused;if(t?.disabled)return;t.click()}}},{shortcut:[{key:"Tab"},{key:"Tab",shift:!0}],handler:t=>{const{target:e}=t;e&&e.matches(TRIGGER_SELECTOR)&&this.open&&__classPrivateFieldGet(this,_Dropdown_handleClickOutside,"f").call(this)}}])},"f"),this.addEventListener("click",__classPrivateFieldGet(this,_Dropdown_handleClick,"f")),this.addEventListener("m-interact-out",__classPrivateFieldGet(this,_Dropdown_handleClickOutside,"f"))}firstUpdated(){this.floating?.id&&this.reference?.setAttribute("aria-controls",this.floating.id),this.reference?.id&&this.floating?.setAttribute("aria-labelledby",this.reference.id),super.firstUpdated()}updated(t){super.updated(t),t.has("open")&&(this.open?this.reference?.setAttribute("aria-expanded","true"):this.reference?.removeAttribute("aria-expanded")),t.has("disabled")&&this.reference&&(this.reference.disabled=this.disabled)}getReferenceElement(){return this.querySelector(TRIGGER_SELECTOR)}getFloatingElement(){return this.querySelector(MENU_SELECTOR)}getArrowElement(){return null}render(){return x`<slot></slot>`}async expand(t){const{position:e="first"}=t||{};this.show(),await this.updateComplete,this.floating?.focus(),__classPrivateFieldGet(this,_Dropdown_controllers,"f").focus.focus(e),__classPrivateFieldGet(this,_Dropdown_controllers,"f").boundary.activate(),this.emit("m-expand")}async collapse(){this.hide(),await this.updateComplete,__classPrivateFieldGet(this,_Dropdown_controllers,"f").boundary.deactivate(),__classPrivateFieldGet(this,_Dropdown_controllers,"f").focus.clear(),this.reference?.focus(),this.emit("m-collapse")}toggle(t){this.open?this.collapse():this.expand(t)}}_Dropdown_controllers=new WeakMap,_Dropdown_handleClick=new WeakMap,_Dropdown_handleClickOutside=new WeakMap,Dropdown.styles=[dropdownStyles()],window.customElements.define("m-dropdown",Dropdown);let counter=0;function generateId(t="m"){counter+=1;const e=`${t}-${counter}`;return counter===Number.MAX_SAFE_INTEGER&&(counter=0),e}const WithIdElementMixin=(t,e="m")=>class extends t{connectedCallback(){super.connectedCallback(),this.hasAttribute("id")||(this.id=generateId(e))}};class DropdownTrigger extends(WithIdElementMixin(Component)){static get properties(){return{disabled:{type:Boolean,reflect:!0}}}constructor(){super(),this.disabled=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","button"),this.setAttribute("tabindex","0"),this.setAttribute("aria-haspopup","true")}render(){return x`
|
|
2087
2087
|
<slot name="leading"></slot>
|
|
2088
2088
|
<slot></slot>
|
|
2089
2089
|
<m-icon name="caret-down" class="indicator"></m-icon>
|
|
@@ -2231,12 +2231,12 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
2231
2231
|
width: 24px;
|
|
2232
2232
|
height: 24px;
|
|
2233
2233
|
}
|
|
2234
|
-
`}_EmptyStateHeader_contextCallback=new WeakMap,window.customElements.define("m-empty-state-header",EmptyStateHeader);const style=document.createElement("style");style.textContent=illustrationStyles().cssText,document.head.appendChild(style);class EmptyStateIllustration extends s$5{createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","illustration")}}var _EmptyStateMessage_contextCallback,_EmptyState_instances,_EmptyState_contextProvider,_EmptyState_handleClickAction;window.customElements.define("m-empty-state-illustration",EmptyStateIllustration);class EmptyStateMessage extends Text{constructor(){super(),_EmptyStateMessage_contextCallback.set(this,(t=>{if("panel"===t.variant)this.variant="body-sm";else this.variant="body-md"})),this.variant="body-md",this.context=new s$2(this,{context:emptyStateContext,callback:__classPrivateFieldGet(this,_EmptyStateMessage_contextCallback,"f"),subscribe:!0})}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","message")}}_EmptyStateMessage_contextCallback=new WeakMap,window.customElements.define("m-empty-state-message",EmptyStateMessage),attachContextRoot();class EmptyState extends Component{static get properties(){return{variant:{type:String,reflect:!0},illustration:{type:String,reflect:!0},header:{type:String,reflect:!0},message:{type:String,reflect:!0},action:{type:String,reflect:!0}}}constructor(){super(),_EmptyState_instances.add(this),_EmptyState_contextProvider.set(this,new i(this,{context:emptyStateContext,initialValue:{variant:void 0}})),this.variant="page"}updated(t){
|
|
2234
|
+
`}_EmptyStateHeader_contextCallback=new WeakMap,window.customElements.define("m-empty-state-header",EmptyStateHeader);const style=document.createElement("style");style.textContent=illustrationStyles().cssText,document.head.appendChild(style);class EmptyStateIllustration extends s$5{createRenderRoot(){return this}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","illustration")}}var _EmptyStateMessage_contextCallback,_EmptyState_instances,_EmptyState_contextProvider,_EmptyState_handleClickAction;window.customElements.define("m-empty-state-illustration",EmptyStateIllustration);class EmptyStateMessage extends Text{constructor(){super(),_EmptyStateMessage_contextCallback.set(this,(t=>{if("panel"===t.variant)this.variant="body-sm";else this.variant="body-md"})),this.variant="body-md",this.context=new s$2(this,{context:emptyStateContext,callback:__classPrivateFieldGet(this,_EmptyStateMessage_contextCallback,"f"),subscribe:!0})}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","message")}}_EmptyStateMessage_contextCallback=new WeakMap,window.customElements.define("m-empty-state-message",EmptyStateMessage),attachContextRoot();class EmptyState extends Component{static get properties(){return{variant:{type:String,reflect:!0},illustration:{type:String,reflect:!0},header:{type:String,reflect:!0},message:{type:String,reflect:!0},action:{type:String,reflect:!0}}}constructor(){super(),_EmptyState_instances.add(this),_EmptyState_contextProvider.set(this,new i(this,{context:emptyStateContext,initialValue:{variant:void 0}})),this.variant="page"}updated(t){super.updated(t),t.has("variant")&&__classPrivateFieldGet(this,_EmptyState_contextProvider,"f").setValue({variant:this.variant??"page"})}render(){const t=this.illustration?n$4`<img role="presentation" src=${this.illustration} />`:A,e=this.variant?.startsWith("card")?n$4`<slot name="header">${this.header}</slot>`:n$4`
|
|
2235
2235
|
<div class="empty-state-body">
|
|
2236
2236
|
<slot name="header">${this.header}</slot>
|
|
2237
2237
|
<slot name="message">${this.message}</slot>
|
|
2238
2238
|
</div>
|
|
2239
|
-
`,
|
|
2239
|
+
`,o=this.action?n$4`
|
|
2240
2240
|
<m-button
|
|
2241
2241
|
type="button"
|
|
2242
2242
|
variant="primary"
|
|
@@ -2246,10 +2246,10 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
2246
2246
|
>
|
|
2247
2247
|
`:A;return n$4`
|
|
2248
2248
|
<div class="illustration-wrapper">
|
|
2249
|
-
<slot name="illustration">${
|
|
2249
|
+
<slot name="illustration">${t}</slot>
|
|
2250
2250
|
</div>
|
|
2251
|
-
${
|
|
2252
|
-
<slot name="action">${
|
|
2251
|
+
${e}
|
|
2252
|
+
<slot name="action">${o}</slot>
|
|
2253
2253
|
`}}_EmptyState_contextProvider=new WeakMap,_EmptyState_instances=new WeakSet,_EmptyState_handleClickAction=function(t){t.preventDefault(),t.stopPropagation(),this.emit("m-action")},EmptyState.styles=[styles$l()],window.customElements.define("m-empty-state",EmptyState);const EMPTY_STATE_VARIANTS=["page","panel","card","card-horizontal"],fieldContext=n$2(Symbol("field"));function styles$k(){return[i$4`
|
|
2254
2254
|
:host {
|
|
2255
2255
|
--m-field-hint-color: ${getColor("color-text-tertiary")};
|
|
@@ -2305,9 +2305,9 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
2305
2305
|
.-size-small {
|
|
2306
2306
|
${typography("body-sm")};
|
|
2307
2307
|
}
|
|
2308
|
-
`]}_FieldHint_instances=new WeakSet,_FieldHint_getStatus=function(){
|
|
2308
|
+
`]}_FieldHint_instances=new WeakSet,_FieldHint_getStatus=function(){return this.status||this.field.value?.status},FieldHint.styles=[styles$k()],window.customElements.define("m-field-hint",FieldHint);class Label extends Component{static get properties(){return{required:{type:Boolean},size:{type:String},slot:{type:String,reflect:!0}}}requiredTemplate(){return this.isRequired()?x`<span class="required" aria-hidden="true"> *</span>`:A}labelClassList(){const t=this.getSize();return o$2({label:!0,"-size-small":"small"===t})}render(){return x`<label class=${this.labelClassList()}
|
|
2309
2309
|
><slot></slot>${this.requiredTemplate()}</label
|
|
2310
|
-
>`}getSize(){return this.size}isRequired(){return Boolean(this.required)}}Label.styles=[styles$j()],window.customElements.define("m-label",Label);class FieldLabel extends Label{constructor(){super(...arguments),this.field=new s$2(this,{context:fieldContext,subscribe:!0})}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","label")}isRequired(){
|
|
2310
|
+
>`}getSize(){return this.size}isRequired(){return Boolean(this.required)}}Label.styles=[styles$j()],window.customElements.define("m-label",Label);class FieldLabel extends Label{constructor(){super(...arguments),this.field=new s$2(this,{context:fieldContext,subscribe:!0})}connectedCallback(){super.connectedCallback(),this.setAttribute("slot","label")}isRequired(){return null!=this.required?this.required:Boolean(this.field.value?.required)}getSize(){return this.size??this.field.value?.size}}window.customElements.define("m-field-label",FieldLabel),attachContextRoot();class Field extends Component{static get properties(){return{label:{type:String},hint:{type:String},required:{type:Boolean},status:{type:String},size:{type:String},align:{type:String}}}constructor(){super(),this.provider=new i(this,fieldContext,{required:!1,size:"default",status:"default"}),this.required=!1,this.status="default",this.size="default",this.align="stretch"}update(t){super.update(t),(t.has("required")||t.has("status")||t.has("size"))&&this.provider.setValue({required:this.required,status:this.status,size:this.size})}render(){return x`<m-stack gap="spacing-1" align="${l$1(this.align)}">
|
|
2311
2311
|
<slot name="label"
|
|
2312
2312
|
>${this.label?x`<m-field-label>${this.label}</m-field-label>`:A}</slot
|
|
2313
2313
|
>
|
|
@@ -2387,25 +2387,26 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
2387
2387
|
`}}Header.styles=[styles$i()],window.customElements.define("m-header",Header);class HeaderActions extends s$5{static get properties(){return{slot:{type:String,reflect:!0}}}constructor(){super(),this.slot="actions"}render(){return n$4`<slot></slot>`}}HeaderActions.styles=[headerActionStyles()],window.customElements.define("m-header-actions",HeaderActions);class HeaderContent extends s$5{static get properties(){return{slot:{type:String,reflect:!0}}}constructor(){super(),this.slot="content"}render(){return n$4`<slot name="title"></slot> <slot></slot>`}}HeaderContent.styles=[headerContentStyles()],window.customElements.define("m-header-content",HeaderContent);class HeaderTitle extends s$5{static get properties(){return{slot:{type:String,reflect:!0}}}constructor(){super(),this.slot="title"}render(){return n$4`<slot></slot>`}}HeaderTitle.styles=[headerTitleStyles()],window.customElements.define("m-header-title",HeaderTitle);class SubHeader extends s$5{static get properties(){return{slot:{type:String,reflect:!0}}}constructor(){super(),this.slot="sub-header"}render(){return n$4` <m-divider></m-divider>
|
|
2388
2388
|
<div class="content">
|
|
2389
2389
|
<slot></slot>
|
|
2390
|
-
</div>`}}SubHeader.styles=[subHeaderStyles()],window.customElements.define("m-sub-header",SubHeader);const defaultLabeledValueProps={gap:"spacing-2",justify:"flex-start"};class LabeledValue extends s$5{constructor(){super(),this.inline=!1,this.gap=defaultLabeledValueProps.gap,this.justify=defaultLabeledValueProps.justify}static get properties(){return{inline:{type:Boolean},label:{type:String},value:{type:String},gap:{type:String},align:{type:String},justify:{type:String},fallbackValue:{type:String,attribute:"fallback-value"},labelVariant:{type:String,attribute:"label-variant"},labelColor:{type:String,attribute:"label-color"},valueVariant:{type:String,attribute:"value-variant"},valueColor:{type:String,attribute:"value-color"}}}getFallback(){
|
|
2391
|
-
|
|
2392
|
-
variant
|
|
2393
|
-
color
|
|
2394
|
-
>${this.
|
|
2395
|
-
|
|
2396
|
-
|
|
2397
|
-
|
|
2398
|
-
variant
|
|
2399
|
-
color
|
|
2400
|
-
>${this.
|
|
2401
|
-
|
|
2390
|
+
</div>`}}SubHeader.styles=[subHeaderStyles()],window.customElements.define("m-sub-header",SubHeader);const defaultLabeledValueLabelProps={color:"color-text-tertiary",variant:"body-sm"};class LabeledValueLabel extends Text{static get properties(){return{...super.properties,role:{type:String,reflect:!0}}}constructor(){super(),this.color=defaultLabeledValueLabelProps.color,this.variant=defaultLabeledValueLabelProps.variant}connectedCallback(){super.connectedCallback(),this.setAttribute("role","term"),this.setAttribute("slot","label")}update(t){!t.has("color")||void 0!==this.color&&null!==this.color||(this.color=defaultLabeledValueLabelProps.color),!t.has("variant")||void 0!==this.variant&&null!==this.variant||(this.variant=defaultLabeledValueLabelProps.variant),super.update(t)}}window.customElements.define("m-labeled-value-label",LabeledValueLabel);class LabeledValueValue extends Text{connectedCallback(){super.connectedCallback(),this.setAttribute("role","definition"),this.setAttribute("slot","value")}}window.customElements.define("m-labeled-value-value",LabeledValueValue);const defaultLabeledValueProps={gap:"spacing-2",justify:"flex-start"};class LabeledValue extends s$5{constructor(){super(),this.inline=!1,this.gap=defaultLabeledValueProps.gap,this.justify=defaultLabeledValueProps.justify}static get properties(){return{inline:{type:Boolean},label:{type:String},value:{type:String},gap:{type:String},align:{type:String},justify:{type:String},fallbackValue:{type:String,attribute:"fallback-value"},labelVariant:{type:String,attribute:"label-variant"},labelColor:{type:String,attribute:"label-color"},valueVariant:{type:String,attribute:"value-variant"},valueColor:{type:String,attribute:"value-color"}}}getFallback(){return x`<slot name="fallback">${this.fallbackValue??"-"}</slot>`}getLabel(){return x`<slot name="label"
|
|
2391
|
+
><m-labeled-value-label
|
|
2392
|
+
variant=${this.getLabelVariant()}
|
|
2393
|
+
color=${l$1(this.labelColor)}
|
|
2394
|
+
>${this.label}</m-labeled-value-label
|
|
2395
|
+
></slot
|
|
2396
|
+
>`}getValue(){return x`<slot name="value"
|
|
2397
|
+
><m-labeled-value-value
|
|
2398
|
+
variant=${l$1(this.valueVariant)}
|
|
2399
|
+
color=${l$1(this.valueColor)}
|
|
2400
|
+
>${this.value??this.getFallback()}</m-labeled-value-value
|
|
2401
|
+
></slot
|
|
2402
|
+
>`}getLabelVariant(){return this.labelVariant?this.labelVariant:this.inline?"body-md":"body-sm"}get wrapperAlign(){return this.align?this.align:this.inline?"center":"flex-start"}bodyTemplate(){return x`${this.getLabel()} ${this.getValue()}`}render(){return this.inline?x`<m-group
|
|
2402
2403
|
gap="${l$1(this.gap)}"
|
|
2403
|
-
align="${this.
|
|
2404
|
+
align="${this.wrapperAlign}"
|
|
2404
2405
|
justify="${l$1(this.justify)}"
|
|
2405
2406
|
>${this.bodyTemplate()}</m-group
|
|
2406
2407
|
>`:x`<m-stack
|
|
2407
2408
|
gap="${l$1(this.gap)}"
|
|
2408
|
-
align="${this.
|
|
2409
|
+
align="${this.wrapperAlign}"
|
|
2409
2410
|
justify="${l$1(this.justify)}"
|
|
2410
2411
|
>${this.bodyTemplate()}</m-stack
|
|
2411
2412
|
>`}}function styles$h(){return i$4`
|
|
@@ -2474,7 +2475,7 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
2474
2475
|
slot[name='page-header']::slotted(*) {
|
|
2475
2476
|
border-bottom: ${getToken("border-thin")} solid ${getColor("color-border")};
|
|
2476
2477
|
}
|
|
2477
|
-
`}_Link_instances=new WeakSet,_Link_disabled_get=function(){return this.disabled||!this.href||UNSAFE_URL.test(this.href.trim())},_Link_href_get=function(){return __classPrivateFieldGet(this,_Link_instances,"a",_Link_disabled_get)?void 0:this.href},_Link_rel_get=function(){
|
|
2478
|
+
`}_Link_instances=new WeakSet,_Link_disabled_get=function(){return this.disabled||!this.href||UNSAFE_URL.test(this.href.trim())},_Link_href_get=function(){return __classPrivateFieldGet(this,_Link_instances,"a",_Link_disabled_get)?void 0:this.href},_Link_rel_get=function(){let t=this.rel;if("_blank"===this.target){const e=new Set((this.rel??"").split(/\s+/).filter(Boolean));this.referrerpolicy?.trim()||e.add("noreferrer"),e.has("opener")||e.add("noopener"),t=Array.from(e).join(" ")}return t},_Link_handleClick=function(t){if(__classPrivateFieldGet(this,_Link_instances,"a",_Link_disabled_get))return t.preventDefault(),t.stopPropagation(),!1},Link.styles=[styles$h()],window.customElements.define("m-link",Link);class PageContent extends s$5{render(){return x`
|
|
2478
2479
|
<slot name="page-header"></slot>
|
|
2479
2480
|
<slot name="page-body"></slot>
|
|
2480
2481
|
`}}function styles$f(){return i$4`
|
|
@@ -2733,7 +2734,7 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
2733
2734
|
${on(".radio-button","*").disabled} {
|
|
2734
2735
|
pointer-events: none;
|
|
2735
2736
|
}
|
|
2736
|
-
`}var _Radio_instances,_Radio_button_get,_Radio_handleClick,_Radio_setDisabled,_Radio_setChecked;class Radio extends s$5{static get properties(){return{value:{type:String},disabled:{type:Boolean,reflect:!0},checked:{type:Boolean,reflect:!0}}}constructor(){super(),_Radio_instances.add(this),_Radio_handleClick.set(this,(t=>{if(this.disabled)return t.preventDefault(),void t.stopPropagation();const e={detail:{value:this.value,type:"select"},bubbles:!0,composed:!1};this.dispatchEvent(new CustomEvent("m-check",e))})),_Radio_setDisabled.set(this,(()=>{
|
|
2737
|
+
`}var _Radio_instances,_Radio_button_get,_Radio_handleClick,_Radio_setDisabled,_Radio_setChecked;class Radio extends s$5{static get properties(){return{value:{type:String},disabled:{type:Boolean,reflect:!0},checked:{type:Boolean,reflect:!0}}}constructor(){super(),_Radio_instances.add(this),_Radio_handleClick.set(this,(t=>{if(this.disabled)return t.preventDefault(),void t.stopPropagation();const e={detail:{value:this.value,type:"select"},bubbles:!0,composed:!1};this.dispatchEvent(new CustomEvent("m-check",e))})),_Radio_setDisabled.set(this,(()=>{this.setAttribute("aria-disabled",String(this.disabled??!1))})),_Radio_setChecked.set(this,(()=>{this.setAttribute("aria-checked",String(this.checked??!1))})),this.disabled=!1,this.checked=!1}connectedCallback(){super.connectedCallback(),this.setAttribute("role","radio"),this.addEventListener("click",__classPrivateFieldGet(this,_Radio_handleClick,"f"))}updated(t){super.updated(t),t.has("disabled")&&__classPrivateFieldGet(this,_Radio_setDisabled,"f").call(this),t.has("checked")&&__classPrivateFieldGet(this,_Radio_setChecked,"f").call(this)}render(){return x`
|
|
2737
2738
|
<button
|
|
2738
2739
|
type="button"
|
|
2739
2740
|
class="radio-button"
|
|
@@ -2745,7 +2746,7 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
2745
2746
|
<slot name="leading"></slot>
|
|
2746
2747
|
<slot></slot>
|
|
2747
2748
|
</button>
|
|
2748
|
-
`}focus(t){
|
|
2749
|
+
`}focus(t){__classPrivateFieldGet(this,_Radio_instances,"a",_Radio_button_get)?.focus(t)}}_Radio_handleClick=new WeakMap,_Radio_setDisabled=new WeakMap,_Radio_setChecked=new WeakMap,_Radio_instances=new WeakSet,_Radio_button_get=function(){return this.renderRoot?.querySelector("button")??null},Radio.styles=[styles$d()],window.customElements.define("m-radio",Radio);var _default,selection={};Object.defineProperty(selection,"i",{value:!0});var e$1=toArray;const t$1=(t,e)=>{const o=e$1(t);if(0===o.length)return e;const i=new Set;return i.add(String(o.at(-1))),i},n$1=(t,e)=>{const o=e$1(t);if(0===o.length)return e;const i=new Set(e);for(const t of o)i.add(String(t));return i},r$1={type:"single",init:t=>t$1(t,new Set),select:t$1,unselect(t,e){const o=e$1(t);if(0===o.length||0===e.size)return e;const i=new Set(e);for(const t of o)i.delete(String(t));return i},toggle(t,e){const o=e$1(t);if(0===o.length)return e;const i=new Set;for(const t of o){const o=String(t);e.has(o)||(i.clear(),i.add(o))}return i},reset:t=>t??new Set,value(t){if(null==t||0===t.size)return null;const[e]=Array.from(t);return e}},s={type:"single-strict",init:t=>t$1(t,new Set),select:t$1,unselect(t,e){const o=e$1(t);if(0===o.length||0===e.size)return e;const i=new Set(e);for(let t=0;t<o.length&&e.size>1;t++)i.delete(String(o[t]));return i},toggle(t,e){const o=e$1(t);if(0===o.length)return e;const i=new Set(e);for(const t of o){const o=String(t);e.has(o)||(i.clear(),i.add(o))}return i},reset:t=>t??new Set,value(t){if(null==t||0===t.size)return null;const[e]=Array.from(t);return e}},l={type:"multiple",init:t=>n$1(t,new Set),select:n$1,unselect(t,e){const o=e$1(t);if(0===o.length||0===e.size)return e;const i=new Set(e);for(const t of o)i.delete(String(t));return i},toggle(t,e){const o=e$1(t);if(0===o.length)return e;const i=new Set(e);for(const t of o){const o=String(t);e.has(o)?i.delete(o):i.add(o)}return i},reset:t=>t??new Set,value:t=>null==t||0===t.size?null:Array.from(t)};var _SelectionController_instances,_SelectionController_handleSelectionEvent,_SelectionController_publish,_RadioGroup_selectionController,_RadioGroup_defaultSlot,_RadioGroup_getDefaultChecked,_RadioGroup_getButtons,_RadioGroup_setButtonChecked,_RadioGroup_setButtonDisabled;selection.SELECTION_TYPES=["single","single-strict","multiple"],_default=selection.default=function(t){const{type:e="multiple"}=t;return"single"===e?r$1:"single-strict"===e?s:l};class SelectionController{constructor(t,e,o){_SelectionController_instances.add(this),this.disabled=!1,this.event="m-select",_SelectionController_handleSelectionEvent.set(this,(t=>{if(this.disabled)return;if(null==this.type)return;const{detail:{type:e,value:o}}=t;switch(e){case"select":this.select(toArray$1(o));break;case"unselect":this.unselect(toArray$1(o));break;case"toggle":this.toggle(toArray$1(o))}})),this.init=t=>{this.host.selection=this.strategy.init(t)},this.select=t=>{this.host.selection=this.strategy.select(t,this.host.selection),__classPrivateFieldGet(this,_SelectionController_instances,"m",_SelectionController_publish).call(this)},this.unselect=t=>{this.host.selection=this.strategy.unselect(t,this.host.selection),__classPrivateFieldGet(this,_SelectionController_instances,"m",_SelectionController_publish).call(this)},this.toggle=t=>{this.host.selection=this.strategy.toggle(t,this.host.selection),__classPrivateFieldGet(this,_SelectionController_instances,"m",_SelectionController_publish).call(this)},this.subscribe=()=>{this.host.addEventListener(this.event,__classPrivateFieldGet(this,_SelectionController_handleSelectionEvent,"f"))},this.unsubscribe=()=>{this.host.removeEventListener(this.event,__classPrivateFieldGet(this,_SelectionController_handleSelectionEvent,"f"))},this.host=t,this.type=e,this.event=o,this.strategy=_default({type:e}),this.host.addController(this)}hostConnected(){this.subscribe()}hostDisconnected(){this.unsubscribe()}hostUpdate(){null!=this.host.type&&this.host.type!==this.type&&(this.unsubscribe(),this.host.removeController(this))}}function styles$c(){return i$4`
|
|
2749
2750
|
.radio-group {
|
|
2750
2751
|
display: flex;
|
|
2751
2752
|
gap: ${getToken("spacing-2")};
|
|
@@ -2756,7 +2757,7 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
2756
2757
|
.radio-group.-horizontal {
|
|
2757
2758
|
flex-direction: row;
|
|
2758
2759
|
}
|
|
2759
|
-
`}_SelectionController_handleSelectionEvent=new WeakMap,_SelectionController_instances=new WeakSet,_SelectionController_publish=function(){const t={detail:{type:this.type,value:this.strategy.value(this.host.selection)},bubbles:!0,composed:!1};this.host.dispatchEvent(new CustomEvent("m-change",t))};class RadioGroup extends s$5{static get properties(){return{value:{type:String,reflect:!0},disabled:{type:Boolean,reflect:!0},selection:{state:!0},orientation:{type:String}}}constructor(){super(),_RadioGroup_selectionController.set(this,null),_RadioGroup_defaultSlot.set(this,null),_RadioGroup_getDefaultChecked.set(this,(()=>{
|
|
2760
|
+
`}_SelectionController_handleSelectionEvent=new WeakMap,_SelectionController_instances=new WeakSet,_SelectionController_publish=function(){const t={detail:{type:this.type,value:this.strategy.value(this.host.selection)},bubbles:!0,composed:!1};this.host.dispatchEvent(new CustomEvent("m-change",t))};class RadioGroup extends s$5{static get properties(){return{value:{type:String,reflect:!0},disabled:{type:Boolean,reflect:!0},selection:{state:!0},orientation:{type:String}}}constructor(){super(),_RadioGroup_selectionController.set(this,null),_RadioGroup_defaultSlot.set(this,null),_RadioGroup_getDefaultChecked.set(this,(()=>{const t=__classPrivateFieldGet(this,_RadioGroup_getButtons,"f").call(this);return t[0]?.value})),_RadioGroup_getButtons.set(this,(()=>{__classPrivateFieldGet(this,_RadioGroup_defaultSlot,"f")||__classPrivateFieldSet(this,_RadioGroup_defaultSlot,this.shadowRoot&&this.shadowRoot.querySelector("slot"),"f");return[...__classPrivateFieldGet(this,_RadioGroup_defaultSlot,"f")?.assignedElements({flatten:!0})??[]].filter((t=>"m-radio"===t.tagName.toLowerCase()))})),_RadioGroup_setButtonChecked.set(this,(t=>{t.checked=this.selection.has(t.value)})),_RadioGroup_setButtonDisabled.set(this,(t=>{t.disabled=this.disabled})),this.disabled=!1,this.selection=new Set,this.value="",this.orientation="vertical",this.type="single-strict"}connectedCallback(){super.connectedCallback(),this.setAttribute("role","radio-group"),__classPrivateFieldSet(this,_RadioGroup_selectionController,new SelectionController(this,this.type,"m-check"),"f")}update(t){super.update(t),t.has("value")&&__classPrivateFieldGet(this,_RadioGroup_selectionController,"f")&&__classPrivateFieldGet(this,_RadioGroup_selectionController,"f").init(toArray$1(this.value||__classPrivateFieldGet(this,_RadioGroup_getDefaultChecked,"f").call(this))),t.has("selection")&&([this.value]=this.selection)}updated(t){super.updated(t),t.has("selection")&&__classPrivateFieldGet(this,_RadioGroup_getButtons,"f").call(this).forEach((t=>{__classPrivateFieldGet(this,_RadioGroup_setButtonChecked,"f").call(this,t)})),t.has("disabled")&&__classPrivateFieldGet(this,_RadioGroup_getButtons,"f").call(this).forEach((t=>{__classPrivateFieldGet(this,_RadioGroup_setButtonDisabled,"f").call(this,t)}))}render(){return x`
|
|
2760
2761
|
<div
|
|
2761
2762
|
class=${o$2({"radio-group":!0,"-vertical":"vertical"===this.orientation,"-horizontal":"horizontal"===this.orientation})}
|
|
2762
2763
|
>
|
|
@@ -2954,7 +2955,7 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
2954
2955
|
:host(:is([aria-current='step'], :not([completed]))) .label {
|
|
2955
2956
|
display: inline-flex;
|
|
2956
2957
|
}
|
|
2957
|
-
`]}var _Steps_instances,_Steps_stepSequence,_Steps_getDefaultActive,_Steps_queryStep,_Steps_handleSlotChange,_Steps_findStepIndex,_Steps_onNextStep,_Steps_onPreviousStep,_Steps_onNavigateStep,_Steps_onCompleteStep,_Switch_instances,_Switch_controllers,_Switch_toggle,_Switch_handleClick;SpinnerWheel.styles=[styles$a()],window.customElements.define("m-spinner-wheel",SpinnerWheel);class Steps extends Component{constructor(){super(...arguments),_Steps_instances.add(this),_Steps_stepSequence.set(this,[]),_Steps_getDefaultActive.set(this,(()=>
|
|
2958
|
+
`]}var _Steps_instances,_Steps_stepSequence,_Steps_getDefaultActive,_Steps_queryStep,_Steps_handleSlotChange,_Steps_findStepIndex,_Steps_onNextStep,_Steps_onPreviousStep,_Steps_onNavigateStep,_Steps_onCompleteStep,_Switch_instances,_Switch_controllers,_Switch_toggle,_Switch_handleClick;SpinnerWheel.styles=[styles$a()],window.customElements.define("m-spinner-wheel",SpinnerWheel);class Steps extends Component{constructor(){super(...arguments),_Steps_instances.add(this),_Steps_stepSequence.set(this,[]),_Steps_getDefaultActive.set(this,(()=>this.querySelector("m-step")?.name)),_Steps_queryStep.set(this,(t=>t?this.querySelector(`[name="${t}"]`):null)),_Steps_handleSlotChange.set(this,(()=>{const t=Array.from(this.querySelectorAll("m-step"));__classPrivateFieldSet(this,_Steps_stepSequence,[],"f"),t.forEach(((t,e)=>{__classPrivateFieldGet(this,_Steps_stepSequence,"f").push(t.name),t.setAttribute("order",String(e+1))})),this.requestUpdate()})),_Steps_onNextStep.set(this,(()=>{const t=__classPrivateFieldGet(this,_Steps_instances,"m",_Steps_findStepIndex).call(this,this.activeStep);if(-1===t||t>=__classPrivateFieldGet(this,_Steps_stepSequence,"f").length-1)return;const e=t+1;this.activeStep=__classPrivateFieldGet(this,_Steps_stepSequence,"f")[e],this.emit("m-change",{detail:{active:this.activeStep}})})),_Steps_onPreviousStep.set(this,(()=>{const t=__classPrivateFieldGet(this,_Steps_instances,"m",_Steps_findStepIndex).call(this,this.activeStep);if(t<=0)return;const e=t-1;this.activeStep=__classPrivateFieldGet(this,_Steps_stepSequence,"f")[e],this.emit("m-change",{detail:{active:this.activeStep}})})),_Steps_onNavigateStep.set(this,(t=>{const{detail:e}=t;-1!==__classPrivateFieldGet(this,_Steps_instances,"m",_Steps_findStepIndex).call(this,e)&&e!==this.activeStep&&(this.activeStep=e,this.emit("m-change",{detail:{active:e}}))})),_Steps_onCompleteStep.set(this,(()=>{const t=__classPrivateFieldGet(this,_Steps_queryStep,"f").call(this,this.activeStep);t&&!0!==t.completed&&(t.completed=!0,this.emit("m-change",{detail:{completed:this.activeStep}}))}))}static get properties(){return{activeStep:{type:String,attribute:"active-step",reflect:!0}}}connectedCallback(){super.connectedCallback(),this.addEventListener("m-next",__classPrivateFieldGet(this,_Steps_onNextStep,"f")),this.addEventListener("m-previous",__classPrivateFieldGet(this,_Steps_onPreviousStep,"f")),this.addEventListener("m-navigate",__classPrivateFieldGet(this,_Steps_onNavigateStep,"f")),this.addEventListener("m-complete",__classPrivateFieldGet(this,_Steps_onCompleteStep,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("m-next",__classPrivateFieldGet(this,_Steps_onNextStep,"f")),this.removeEventListener("m-previous",__classPrivateFieldGet(this,_Steps_onPreviousStep,"f")),this.removeEventListener("m-navigate",__classPrivateFieldGet(this,_Steps_onNavigateStep,"f")),this.removeEventListener("m-complete",__classPrivateFieldGet(this,_Steps_onCompleteStep,"f"))}update(t){super.update(t);const e=__classPrivateFieldGet(this,_Steps_queryStep,"f").call(this,t.get("activeStep"));e&&e.removeAttribute("aria-current"),this.activeStep=this.activeStep??__classPrivateFieldGet(this,_Steps_getDefaultActive,"f").call(this);const o=__classPrivateFieldGet(this,_Steps_queryStep,"f").call(this,this.activeStep);o&&(o.setAttribute("tabindex","0"),o.setAttribute("aria-current","step"))}render(){return x`<div class="steps-container">
|
|
2958
2959
|
<slot name="step" @slotchange=${__classPrivateFieldGet(this,_Steps_handleSlotChange,"f")}></slot>
|
|
2959
2960
|
</div>
|
|
2960
2961
|
<div class="content-container"><slot></slot></div>`}}_Steps_stepSequence=new WeakMap,_Steps_getDefaultActive=new WeakMap,_Steps_queryStep=new WeakMap,_Steps_handleSlotChange=new WeakMap,_Steps_onNextStep=new WeakMap,_Steps_onPreviousStep=new WeakMap,_Steps_onNavigateStep=new WeakMap,_Steps_onCompleteStep=new WeakMap,_Steps_instances=new WeakSet,_Steps_findStepIndex=function(t){return t?__classPrivateFieldGet(this,_Steps_stepSequence,"f").findIndex((e=>e===t)):-1},Steps.styles=[stepsStyles()],window.customElements.define("m-steps",Steps);class Step extends s$5{static get properties(){return{name:{type:String,reflect:!0},order:{type:String},completed:{type:Boolean,reflect:!0},"aria-current":{type:Boolean}}}connectedCallback(){super.connectedCallback(),this.slot="step"}render(){const t="step"===this.getAttribute("aria-current");return x`
|
|
@@ -3066,7 +3067,7 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
3066
3067
|
100% - var(--m-switch-circle-size) - var(--m-switch-circle-distance)
|
|
3067
3068
|
);
|
|
3068
3069
|
}
|
|
3069
|
-
`]}Step.styles=[stepStyles()],window.customElements.define("m-step",Step);class Switch extends Component{static get properties(){return{name:{type:String,reflect:!0},disabled:{type:Boolean,reflect:!0},checked:{type:Boolean,reflect:!0},size:{type:String,reflect:!0}}}constructor(){super(),_Switch_instances.add(this),_Switch_controllers.set(this,void 0),_Switch_handleClick.set(this,(t=>{if(this.disabled)return t.stopPropagation(),void t.preventDefault();__classPrivateFieldGet(this,_Switch_instances,"m",_Switch_toggle).call(this)})),this.checked=!1,this.disabled=!1,__classPrivateFieldSet(this,_Switch_controllers,{keyboard:new KeyboardSupportController(this,{shortcut:[{key:" "},{key:"Enter"}],handler:t=>{t.stopPropagation(),__classPrivateFieldGet(this,_Switch_instances,"m",_Switch_toggle).call(this)}})},"f")}connectedCallback(){super.connectedCallback(),this.setAttribute("role","switch"),this.addEventListener("click",__classPrivateFieldGet(this,_Switch_handleClick,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",__classPrivateFieldGet(this,_Switch_handleClick,"f"))}updated(t){
|
|
3070
|
+
`]}Step.styles=[stepStyles()],window.customElements.define("m-step",Step);class Switch extends Component{static get properties(){return{name:{type:String,reflect:!0},disabled:{type:Boolean,reflect:!0},checked:{type:Boolean,reflect:!0},size:{type:String,reflect:!0}}}constructor(){super(),_Switch_instances.add(this),_Switch_controllers.set(this,void 0),_Switch_handleClick.set(this,(t=>{if(this.disabled)return t.stopPropagation(),void t.preventDefault();__classPrivateFieldGet(this,_Switch_instances,"m",_Switch_toggle).call(this)})),this.checked=!1,this.disabled=!1,__classPrivateFieldSet(this,_Switch_controllers,{keyboard:new KeyboardSupportController(this,{shortcut:[{key:" "},{key:"Enter"}],handler:t=>{t.stopPropagation(),__classPrivateFieldGet(this,_Switch_instances,"m",_Switch_toggle).call(this)}})},"f")}connectedCallback(){super.connectedCallback(),this.setAttribute("role","switch"),this.addEventListener("click",__classPrivateFieldGet(this,_Switch_handleClick,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",__classPrivateFieldGet(this,_Switch_handleClick,"f"))}updated(t){super.updated(t),t.has("checked")&&this.setAttribute("aria-checked",String(this.checked??!1)),t.has("disabled")&&(this.disabled?this.removeAttribute("tabindex"):this.setAttribute("tabindex","0"))}render(){return x`
|
|
3070
3071
|
<span class="switch"></span>
|
|
3071
3072
|
<slot></slot>
|
|
3072
3073
|
`}}function tableStyles(){return i$4`
|
|
@@ -3156,7 +3157,7 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
3156
3157
|
<slot name="table-head"></slot>
|
|
3157
3158
|
<slot name="table-body"></slot>
|
|
3158
3159
|
<slot name="table-foot"></slot>
|
|
3159
|
-
`}}Table.styles=[tableStyles()],window.customElements.define("m-table",Table);class TableHead extends s$5{static get properties(){return{slot:{type:String,reflect:!0},role:{type:String,reflect:!0}}}constructor(){super(),this.slot="table-head",this.role="rowgroup"}render(){return x`<slot name="table-row"></slot>`}}TableHead.styles=[tableHeadStyles()],window.customElements.define("m-table-head",TableHead);class TableBody extends s$5{static get properties(){return{slot:{type:String,reflect:!0},role:{type:String,reflect:!0}}}constructor(){super(),this.slot="table-body",this.role="rowgroup"}render(){return x`<slot name="table-row"></slot>`}}TableBody.styles=[tableBodyStyles()],window.customElements.define("m-table-body",TableBody);class TableFoot extends s$5{static get properties(){return{slot:{type:String,reflect:!0},role:{type:String,reflect:!0}}}constructor(){super(),this.slot="table-foot",this.role="rowgroup"}render(){return x`<slot name="table-row"></slot>`}}TableFoot.styles=[tableFootStyles()],window.customElements.define("m-table-foot",TableFoot);class TableRow extends s$5{static get properties(){return{slot:{type:String,reflect:!0},role:{type:String,reflect:!0}}}constructor(){super(),this.slot="table-row",this.role="row"}render(){return x`<slot name="table-cell"></slot>`}}TableRow.styles=[tableRowStyles()],window.customElements.define("m-table-row",TableRow);const defaultTableCellProps={alignment:"left"};class TableCell extends s$5{static get properties(){return{slot:{type:String,reflect:!0},role:{type:String,reflect:!0},alignment:{type:String}}}constructor(){super(),this.slot="table-cell",this.alignment=defaultTableCellProps.alignment}firstUpdated(){const t=null!=this.closest("m-table-head");this.role=t?"columnheader":"cell"}update(t){
|
|
3160
|
+
`}}Table.styles=[tableStyles()],window.customElements.define("m-table",Table);class TableHead extends s$5{static get properties(){return{slot:{type:String,reflect:!0},role:{type:String,reflect:!0}}}constructor(){super(),this.slot="table-head",this.role="rowgroup"}render(){return x`<slot name="table-row"></slot>`}}TableHead.styles=[tableHeadStyles()],window.customElements.define("m-table-head",TableHead);class TableBody extends s$5{static get properties(){return{slot:{type:String,reflect:!0},role:{type:String,reflect:!0}}}constructor(){super(),this.slot="table-body",this.role="rowgroup"}render(){return x`<slot name="table-row"></slot>`}}TableBody.styles=[tableBodyStyles()],window.customElements.define("m-table-body",TableBody);class TableFoot extends s$5{static get properties(){return{slot:{type:String,reflect:!0},role:{type:String,reflect:!0}}}constructor(){super(),this.slot="table-foot",this.role="rowgroup"}render(){return x`<slot name="table-row"></slot>`}}TableFoot.styles=[tableFootStyles()],window.customElements.define("m-table-foot",TableFoot);class TableRow extends s$5{static get properties(){return{slot:{type:String,reflect:!0},role:{type:String,reflect:!0}}}constructor(){super(),this.slot="table-row",this.role="row"}render(){return x`<slot name="table-cell"></slot>`}}TableRow.styles=[tableRowStyles()],window.customElements.define("m-table-row",TableRow);const defaultTableCellProps={alignment:"left"};class TableCell extends s$5{static get properties(){return{slot:{type:String,reflect:!0},role:{type:String,reflect:!0},alignment:{type:String}}}constructor(){super(),this.slot="table-cell",this.alignment=defaultTableCellProps.alignment}firstUpdated(){const t=null!=this.closest("m-table-head");this.role=t?"columnheader":"cell"}update(t){super.update(t),t.has("alignment")&&this.style.setProperty("--m-table-cell-text-align",this.alignment??defaultTableCellProps.alignment)}render(){return x`<slot></slot>`}}TableCell.styles=[tableCellStyles()],window.customElements.define("m-table-cell",TableCell);const tabsContext=n$2(Symbol("tabs")),TAB_SELECT_EVENT="m-select-tab";function styles$8(){return i$4`
|
|
3160
3161
|
:host {
|
|
3161
3162
|
--m-tabs-border-width: ${getToken("border-thin")};
|
|
3162
3163
|
--m-tabs-border-color: ${getColor("color-divider")};
|
|
@@ -3170,7 +3171,7 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
3170
3171
|
border-bottom-width: var(--m-tabs-border-width);
|
|
3171
3172
|
border-bottom-color: var(--m-tabs-border-color);
|
|
3172
3173
|
}
|
|
3173
|
-
`}var _Tabs_selectionController,_Tabs_defaultSlot,_Tabs_onSelectionChange,_Tabs_getDefaultSelected,_Tabs_getTabs,_Tab_instances,_Tab_button_get,_Tab_handleClick,_Tab_getContentDirection,_Tab_isSelected,_Tab_isDisabled,_a,_b,_TabPanel_isSelected,_TabPanel_isLazy;class Tabs extends Component{static get properties(){return{activeTab:{type:String,attribute:"active-tab",reflect:!0},disabled:{type:Boolean,reflect:!0},lazy:{type:Boolean},selection:{state:!0},tabContentDirection:{type:String,attribute:"tab-content-direction"}}}constructor(){super(),_Tabs_selectionController.set(this,null),_Tabs_defaultSlot.set(this,null),this.provider=new i(this,tabsContext,{tabContentDirection:"horizontal",disabled:!1,lazy:!1,selection:new Set("")}),_Tabs_onSelectionChange.set(this,(t=>{t.stopPropagation();const[e]=Array.from(this.selection),o={detail:{value:String(e)}};this.emit("m-tab-change",o)})),_Tabs_getDefaultSelected.set(this,(()=>{
|
|
3174
|
+
`}var _Tabs_selectionController,_Tabs_defaultSlot,_Tabs_onSelectionChange,_Tabs_getDefaultSelected,_Tabs_getTabs,_Tab_instances,_Tab_button_get,_Tab_handleClick,_Tab_getContentDirection,_Tab_isSelected,_Tab_isDisabled,_a,_b,_TabPanel_isSelected,_TabPanel_isLazy;class Tabs extends Component{static get properties(){return{activeTab:{type:String,attribute:"active-tab",reflect:!0},disabled:{type:Boolean,reflect:!0},lazy:{type:Boolean},selection:{state:!0},tabContentDirection:{type:String,attribute:"tab-content-direction"}}}constructor(){super(),_Tabs_selectionController.set(this,null),_Tabs_defaultSlot.set(this,null),this.provider=new i(this,tabsContext,{tabContentDirection:"horizontal",disabled:!1,lazy:!1,selection:new Set("")}),_Tabs_onSelectionChange.set(this,(t=>{t.stopPropagation();const[e]=Array.from(this.selection),o={detail:{value:String(e)}};this.emit("m-tab-change",o)})),_Tabs_getDefaultSelected.set(this,(()=>{const t=__classPrivateFieldGet(this,_Tabs_getTabs,"f").call(this);return t[0]?.name})),_Tabs_getTabs.set(this,(()=>{__classPrivateFieldGet(this,_Tabs_defaultSlot,"f")||__classPrivateFieldSet(this,_Tabs_defaultSlot,this.shadowRoot&&this.shadowRoot.querySelector("slot"),"f");return[...__classPrivateFieldGet(this,_Tabs_defaultSlot,"f")?.assignedElements({flatten:!0})??[]].filter((t=>"m-tab"===t.tagName.toLowerCase()))})),this.activeTab="",this.tabContentDirection="horizontal",this.disabled=!1,this.lazy=!1,this.type="single-strict",this.selection=new Set}connectedCallback(){super.connectedCallback(),__classPrivateFieldSet(this,_Tabs_selectionController,new SelectionController(this,this.type,"m-select-tab"),"f"),this.addEventListener("m-change",__classPrivateFieldGet(this,_Tabs_onSelectionChange,"f"))}update(t){super.update(t),t.has("activeTab")&&__classPrivateFieldGet(this,_Tabs_selectionController,"f")&&__classPrivateFieldGet(this,_Tabs_selectionController,"f").init(toArray$1(this.activeTab||__classPrivateFieldGet(this,_Tabs_getDefaultSelected,"f").call(this)));const[e]=Array.from(this.selection);!t.has("selection")||this.activeTab&&e===this.activeTab||(this.activeTab=e),(t.has("tabContentDirection")||t.has("disabled")||t.has("lazy")||t.has("selection"))&&this.provider.setValue({tabContentDirection:this.tabContentDirection,disabled:this.disabled,lazy:this.lazy,selection:this.selection})}render(){return x`
|
|
3174
3175
|
<div class="tablist" role="tablist"><slot name="tab"></slot></div>
|
|
3175
3176
|
<slot></slot>
|
|
3176
3177
|
`}}function styles$7(){return i$4`
|
|
@@ -3254,7 +3255,7 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
3254
3255
|
${on(".tab","*").disabled} {
|
|
3255
3256
|
pointer-events: none;
|
|
3256
3257
|
}
|
|
3257
|
-
`}_Tabs_selectionController=new WeakMap,_Tabs_defaultSlot=new WeakMap,_Tabs_onSelectionChange=new WeakMap,_Tabs_getDefaultSelected=new WeakMap,_Tabs_getTabs=new WeakMap,Tabs.styles=[styles$8()],window.customElements.define("m-tabs",Tabs);class Tab extends Component{static get properties(){return{name:{type:String},disabled:{type:Boolean,reflect:!0},slot:{type:String,reflect:!0}}}constructor(){super(),_Tab_instances.add(this),this.tabs=new s$2(this,{context:tabsContext,subscribe:!0}),_Tab_handleClick.set(this,(t=>{if(this.disabled)return t.preventDefault(),void t.stopPropagation();const e={detail:{value:this.name,type:"select"},bubbles:!0,composed:!1};this.emit("m-select-tab",e)})),_Tab_getContentDirection.set(this,(()=>
|
|
3258
|
+
`}_Tabs_selectionController=new WeakMap,_Tabs_defaultSlot=new WeakMap,_Tabs_onSelectionChange=new WeakMap,_Tabs_getDefaultSelected=new WeakMap,_Tabs_getTabs=new WeakMap,Tabs.styles=[styles$8()],window.customElements.define("m-tabs",Tabs);class Tab extends Component{static get properties(){return{name:{type:String},disabled:{type:Boolean,reflect:!0},slot:{type:String,reflect:!0}}}constructor(){super(),_Tab_instances.add(this),this.tabs=new s$2(this,{context:tabsContext,subscribe:!0}),_Tab_handleClick.set(this,(t=>{if(this.disabled)return t.preventDefault(),void t.stopPropagation();const e={detail:{value:this.name,type:"select"},bubbles:!0,composed:!1};this.emit("m-select-tab",e)})),_Tab_getContentDirection.set(this,(()=>this.tabs.value?.tabContentDirection)),_Tab_isSelected.set(this,(()=>Boolean(this.tabs.value?.selection.has(this.name)))),_Tab_isDisabled.set(this,(()=>this.disabled||Boolean(this.tabs.value?.disabled))),this.disabled=!1}connectedCallback(){super.connectedCallback(),this.id=`${this.name}-tab`,this.setAttribute("slot","tab"),this.setAttribute("role","tab"),this.setAttribute("aria-controls",`${this.name}-panel`),this.setAttribute("aria-selected","false"),this.addEventListener("click",__classPrivateFieldGet(this,_Tab_handleClick,"f"))}updated(t){super.updated(t),__classPrivateFieldGet(this,_Tab_isSelected,"f").call(this)?this.setAttribute("aria-selected","true"):this.setAttribute("aria-selected","false"),t.has("name")&&(this.id=`${this.name}-tab`,this.setAttribute("aria-controls",`${this.name}-panel`)),t.has("disabled")&&this.setAttribute("aria-disabled",String(this.disabled??!1))}render(){return x`
|
|
3258
3259
|
<button
|
|
3259
3260
|
type="button"
|
|
3260
3261
|
class=${o$2({tab:!0,"-vertical":"vertical"===__classPrivateFieldGet(this,_Tab_getContentDirection,"f").call(this),"-horizontal":"horizontal"===__classPrivateFieldGet(this,_Tab_getContentDirection,"f").call(this)})}
|
|
@@ -3264,13 +3265,13 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
3264
3265
|
<slot name="leading"></slot>
|
|
3265
3266
|
<slot></slot>
|
|
3266
3267
|
</button>
|
|
3267
|
-
`}focus(t){
|
|
3268
|
+
`}focus(t){__classPrivateFieldGet(this,_Tab_instances,"a",_Tab_button_get)?.focus(t)}}function styles$6(){return i$4`
|
|
3268
3269
|
:host {
|
|
3269
3270
|
--m-tab-panel-display: none;
|
|
3270
3271
|
|
|
3271
3272
|
display: var(--m-tab-panel-display);
|
|
3272
3273
|
}
|
|
3273
|
-
`}_Tab_handleClick=new WeakMap,_Tab_getContentDirection=new WeakMap,_Tab_isSelected=new WeakMap,_Tab_isDisabled=new WeakMap,_Tab_instances=new WeakSet,_Tab_button_get=function(){
|
|
3274
|
+
`}_Tab_handleClick=new WeakMap,_Tab_getContentDirection=new WeakMap,_Tab_isSelected=new WeakMap,_Tab_isDisabled=new WeakMap,_Tab_instances=new WeakSet,_Tab_button_get=function(){return this.renderRoot?.querySelector("button")??null},Tab.styles=[styles$7()],window.customElements.define("m-tab",Tab);class TabPanel extends(_b=Box){static get properties(){return{...super.properties,forTab:{type:String,attribute:"for-tab"},lazy:{type:Boolean}}}constructor(){super(),this.tabs=new s$2(this,{context:tabsContext,subscribe:!0}),_TabPanel_isSelected.set(this,(()=>Boolean(this.tabs.value?.selection.has(this.forTab)))),_TabPanel_isLazy.set(this,(()=>this.lazy||Boolean(this.tabs.value?.lazy))),this.lazy=!1,this.padding="none",this.paddingY="spacing-8"}connectedCallback(){super.connectedCallback(),this.id=`${this.forTab}-panel`,this.setAttribute("role","tabpanel"),this.setAttribute("aria-labelledby",`${this.forTab}-tab`)}updated(t){super.updated(t),__classPrivateFieldGet(this,_TabPanel_isSelected,"f").call(this)?(this.style.setProperty("--m-tab-panel-display","block"),this.removeAttribute("aria-hidden")):(this.style.setProperty("--m-tab-panel-display","none"),this.setAttribute("aria-hidden","true")),t.has("forTab")&&(this.id=`${this.forTab}-panel`,this.setAttribute("aria-labelledby",`${this.forTab}-tab`))}render(){return __classPrivateFieldGet(this,_TabPanel_isLazy,"f").call(this)&&!__classPrivateFieldGet(this,_TabPanel_isSelected,"f").call(this)?x``:x`<slot></slot>`}}function tagStyles(){return[skeleton.styles(),i$4`
|
|
3274
3275
|
:host {
|
|
3275
3276
|
--m-tag-skeleton-width: 100px;
|
|
3276
3277
|
|
|
@@ -3337,7 +3338,7 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
3337
3338
|
${this.isSkeleton?x``:x`<slot name="leading"></slot>`}
|
|
3338
3339
|
<slot></slot>
|
|
3339
3340
|
</span>
|
|
3340
|
-
`}}Tag.styles=[tagStyles()],window.customElements.define("m-tag",Tag);var e=new Map;function t(t){var o=e.get(t);o&&o.destroy()}function o(t){var o=e.get(t);o&&o.update()}var r=null;"undefined"==typeof window?((r=function(t){return t}).destroy=function(t){return t},r.update=function(t){return t}):((r=function(t,o){return t&&Array.prototype.forEach.call(t.length?t:[t],(function(t){return function(t){if(t&&t.nodeName&&"TEXTAREA"===t.nodeName&&!e.has(t)){var o,i=null,r=window.getComputedStyle(t),n=(o=t.value,function(){a({testForHeightReduction:""===o||!t.value.startsWith(o),restoreTextAlign:null}),o=t.value}),s=function(o){t.removeEventListener("autosize:destroy",s),t.removeEventListener("autosize:update",l),t.removeEventListener("input",n),window.removeEventListener("resize",l),Object.keys(o).forEach((function(e){return t.style[e]=o[e]})),e.delete(t)}.bind(t,{height:t.style.height,resize:t.style.resize,textAlign:t.style.textAlign,overflowY:t.style.overflowY,overflowX:t.style.overflowX,wordWrap:t.style.wordWrap});t.addEventListener("autosize:destroy",s),t.addEventListener("autosize:update",l),t.addEventListener("input",n),window.addEventListener("resize",l),t.style.overflowX="hidden",t.style.wordWrap="break-word",e.set(t,{destroy:s,update:l}),l()}function a(e){var o,n,s=e.restoreTextAlign,l=void 0===s?null:s,c=e.testForHeightReduction,d=void 0===c||c,
|
|
3341
|
+
`}}Tag.styles=[tagStyles()],window.customElements.define("m-tag",Tag);var e=new Map;function t(t){var o=e.get(t);o&&o.destroy()}function o(t){var o=e.get(t);o&&o.update()}var r=null;"undefined"==typeof window?((r=function(t){return t}).destroy=function(t){return t},r.update=function(t){return t}):((r=function(t,o){return t&&Array.prototype.forEach.call(t.length?t:[t],(function(t){return function(t){if(t&&t.nodeName&&"TEXTAREA"===t.nodeName&&!e.has(t)){var o,i=null,r=window.getComputedStyle(t),n=(o=t.value,function(){a({testForHeightReduction:""===o||!t.value.startsWith(o),restoreTextAlign:null}),o=t.value}),s=function(o){t.removeEventListener("autosize:destroy",s),t.removeEventListener("autosize:update",l),t.removeEventListener("input",n),window.removeEventListener("resize",l),Object.keys(o).forEach((function(e){return t.style[e]=o[e]})),e.delete(t)}.bind(t,{height:t.style.height,resize:t.style.resize,textAlign:t.style.textAlign,overflowY:t.style.overflowY,overflowX:t.style.overflowX,wordWrap:t.style.wordWrap});t.addEventListener("autosize:destroy",s),t.addEventListener("autosize:update",l),t.addEventListener("input",n),window.addEventListener("resize",l),t.style.overflowX="hidden",t.style.wordWrap="break-word",e.set(t,{destroy:s,update:l}),l()}function a(e){var o,n,s=e.restoreTextAlign,l=void 0===s?null:s,c=e.testForHeightReduction,d=void 0===c||c,h=r.overflowY;if(0!==t.scrollHeight&&("vertical"===r.resize?t.style.resize="none":"both"===r.resize&&(t.style.resize="horizontal"),d&&(o=function(t){for(var e=[];t&&t.parentNode&&t.parentNode instanceof Element;)t.parentNode.scrollTop&&e.push([t.parentNode,t.parentNode.scrollTop]),t=t.parentNode;return function(){return e.forEach((function(t){var e=t[0],o=t[1];e.style.scrollBehavior="auto",e.scrollTop=o,e.style.scrollBehavior=null}))}}(t),t.style.height=""),n="content-box"===r.boxSizing?t.scrollHeight-(parseFloat(r.paddingTop)+parseFloat(r.paddingBottom)):t.scrollHeight+parseFloat(r.borderTopWidth)+parseFloat(r.borderBottomWidth),"none"!==r.maxHeight&&n>parseFloat(r.maxHeight)?("hidden"===r.overflowY&&(t.style.overflow="scroll"),n=parseFloat(r.maxHeight)):"hidden"!==r.overflowY&&(t.style.overflow="hidden"),t.style.height=n+"px",l&&(t.style.textAlign=l),o&&o(),i!==n&&(t.dispatchEvent(new Event("autosize:resized",{bubbles:!0})),i=n),h!==r.overflow&&!l)){var u=r.textAlign;"hidden"===r.overflow&&(t.style.textAlign="start"===u?"end":"start"),a({restoreTextAlign:u,testForHeightReduction:!0})}}function l(){a({testForHeightReduction:!0,restoreTextAlign:null})}}(t)})),t}).destroy=function(e){return e&&Array.prototype.forEach.call(e.length?e:[e],t),e},r.update=function(t){return t&&Array.prototype.forEach.call(t.length?t:[t],o),t});var _TextArea_handleInput,_TextArea_updateStatusClass,_TextField_instances,_TextField_isClearVisible,_TextField_updateStatusClass,_TextField_handleInput,_TextField_handleClear,n=r;function styles$5(){return i$4`
|
|
3341
3342
|
:host {
|
|
3342
3343
|
--m-text-area-background-color: ${getColor("color-background-primary")};
|
|
3343
3344
|
--m-text-area-border-color: ${getColor("color-border")};
|
|
@@ -3461,7 +3462,7 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
3461
3462
|
border-radius: ${getToken("border-radius-m")};
|
|
3462
3463
|
background-clip: padding-box;
|
|
3463
3464
|
}
|
|
3464
|
-
`}class TextArea extends Component{static get properties(){return{autosize:{type:Boolean},autocomplete:{type:Boolean},autofocus:{type:Boolean},cols:{type:Number},dirname:{type:String},disabled:{type:Boolean,reflect:!0},maxLength:{type:Number,reflect:!0,attribute:"max-length"},minLength:{type:Number,reflect:!0,attribute:"min-length"},name:{type:String},placeholder:{type:String},readOnly:{type:Boolean,reflect:!0,attribute:"read-only"},resize:{type:String,reflect:!0},rows:{type:Number},spellcheck:{type:Boolean,reflect:!0,attribute:"spell-check"},value:{type:String},wrap:{type:String},status:{type:String,reflect:!0}}}constructor(){super(),this.textAreaElement=null,this.field=new s$2(this,{context:fieldContext,subscribe:!0,callback:()=>{__classPrivateFieldGet(this,_TextArea_updateStatusClass,"f").call(this)}}),_TextArea_handleInput.set(this,(t=>{this.value=t.target.value,this.reemit(t)})),_TextArea_updateStatusClass.set(this,(()=>{
|
|
3465
|
+
`}class TextArea extends Component{static get properties(){return{autosize:{type:Boolean},autocomplete:{type:Boolean},autofocus:{type:Boolean},cols:{type:Number},dirname:{type:String},disabled:{type:Boolean,reflect:!0},maxLength:{type:Number,reflect:!0,attribute:"max-length"},minLength:{type:Number,reflect:!0,attribute:"min-length"},name:{type:String},placeholder:{type:String},readOnly:{type:Boolean,reflect:!0,attribute:"read-only"},resize:{type:String,reflect:!0},rows:{type:Number},spellcheck:{type:Boolean,reflect:!0,attribute:"spell-check"},value:{type:String},wrap:{type:String},status:{type:String,reflect:!0}}}constructor(){super(),this.textAreaElement=null,this.field=new s$2(this,{context:fieldContext,subscribe:!0,callback:()=>{__classPrivateFieldGet(this,_TextArea_updateStatusClass,"f").call(this)}}),_TextArea_handleInput.set(this,(t=>{this.value=t.target.value,this.reemit(t)})),_TextArea_updateStatusClass.set(this,(()=>{const t=this.status||this.field.value?.status;this.classList.remove("-status-default","-status-danger"),this.classList.add(`-status-${t}`)})),this.cols=40,this.disabled=!1,this.placeholder=void 0,this.resize="vertical",this.rows=6,this.value=void 0}connectedCallback(){super.connectedCallback(),this.setAttribute("role","textbox")}update(t){super.update(t),t.has("status")&&__classPrivateFieldGet(this,_TextArea_updateStatusClass,"f").call(this)}updated(t){super.updated(t),t.has("autosize")&&(this.autosize?n(this.textarea):n.destroy(this.textarea))}render(){return x`<textarea
|
|
3465
3466
|
name="${l$1(this.name)}"
|
|
3466
3467
|
autocomplete=${l$1(this.autocomplete)}
|
|
3467
3468
|
?autofocus=${this.autofocus}
|
|
@@ -3480,7 +3481,7 @@ let s$3=class extends Event{constructor(t,e,o){super("context-request",{bubbles:
|
|
|
3480
3481
|
wrap=${l$1(this.wrap)}
|
|
3481
3482
|
>
|
|
3482
3483
|
${this.value}</textarea
|
|
3483
|
-
>`}get textarea(){
|
|
3484
|
+
>`}get textarea(){return null==this.textAreaElement&&(this.textAreaElement=this.renderRoot?.querySelector("textArea")??null),this.textAreaElement}focus(){this.textarea?.focus()}}function styles$4(){return i$4`
|
|
3484
3485
|
:host {
|
|
3485
3486
|
--m-text-field-background-color: ${getColor("color-background-primary")};
|
|
3486
3487
|
--m-text-field-border-color: ${getColor("color-border")};
|
|
@@ -3589,7 +3590,7 @@ ${this.value}</textarea
|
|
|
3589
3590
|
.clear.is-visible {
|
|
3590
3591
|
visibility: visible;
|
|
3591
3592
|
}
|
|
3592
|
-
`}_TextArea_handleInput=new WeakMap,_TextArea_updateStatusClass=new WeakMap,TextArea.styles=[styles$5()],window.customElements.define("m-text-area",TextArea);class TextField extends Component{static get properties(){return{clearable:{type:Boolean},disabled:{type:Boolean,reflect:!0},inputMode:{type:String,attribute:"input-mode"},max:{type:String},maxLength:{type:Number,reflect:!0,attribute:"max-length"},min:{type:String},minLength:{type:Number,reflect:!0,attribute:"min-length"},name:{type:String},pattern:{type:String},placeholder:{type:String},readOnly:{type:Boolean,reflect:!0,attribute:"read-only"},size:{type:String,reflect:!0},status:{type:String,reflect:!0},step:{type:String},type:{type:String},value:{type:String}}}constructor(){super(),_TextField_instances.add(this),this.inputElement=null,this.field=new s$2(this,{context:fieldContext,subscribe:!0,callback:()=>{__classPrivateFieldGet(this,_TextField_updateStatusClass,"f").call(this)}}),_TextField_updateStatusClass.set(this,(()=>{
|
|
3593
|
+
`}_TextArea_handleInput=new WeakMap,_TextArea_updateStatusClass=new WeakMap,TextArea.styles=[styles$5()],window.customElements.define("m-text-area",TextArea);class TextField extends Component{static get properties(){return{clearable:{type:Boolean},disabled:{type:Boolean,reflect:!0},inputMode:{type:String,attribute:"input-mode"},max:{type:String},maxLength:{type:Number,reflect:!0,attribute:"max-length"},min:{type:String},minLength:{type:Number,reflect:!0,attribute:"min-length"},name:{type:String},pattern:{type:String},placeholder:{type:String},readOnly:{type:Boolean,reflect:!0,attribute:"read-only"},size:{type:String,reflect:!0},status:{type:String,reflect:!0},step:{type:String},type:{type:String},value:{type:String}}}constructor(){super(),_TextField_instances.add(this),this.inputElement=null,this.field=new s$2(this,{context:fieldContext,subscribe:!0,callback:()=>{__classPrivateFieldGet(this,_TextField_updateStatusClass,"f").call(this)}}),_TextField_updateStatusClass.set(this,(()=>{const t=this.status||this.field.value?.status||"default";this.classList.remove("-status-default","-status-danger"),this.classList.add(`-status-${t}`)})),_TextField_handleInput.set(this,(t=>{this.value=t.target.value,this.reemit(t)})),_TextField_handleClear.set(this,(t=>{t.stopPropagation(),this.clear()})),this.clearable=!1,this.disabled=!1,this.placeholder=void 0,this.size="default",this.type="text",this.value=void 0,this.max=""}connectedCallback(){super.connectedCallback(),this.setAttribute("role","textbox")}update(t){super.update(t),t.has("status")&&__classPrivateFieldGet(this,_TextField_updateStatusClass,"f").call(this)}render(){return x`
|
|
3593
3594
|
<slot name="leading"></slot>
|
|
3594
3595
|
<input
|
|
3595
3596
|
?disabled="${this.disabled}"
|
|
@@ -3618,7 +3619,7 @@ ${this.value}</textarea
|
|
|
3618
3619
|
label="Clear input"
|
|
3619
3620
|
></m-close-button>`:A}
|
|
3620
3621
|
<slot name="trailing"></slot>
|
|
3621
|
-
`}get input(){
|
|
3622
|
+
`}get input(){return null==this.inputElement&&(this.inputElement=this.renderRoot?.querySelector("input")??null),this.inputElement}clear(){this.value="",this.input&&(this.input.value=""),this.emit("m-clear"),this.focus()}focus(){this.input?.focus()}}function timelineStyles(){return i$4`
|
|
3622
3623
|
::slotted(*) {
|
|
3623
3624
|
width: 100%;
|
|
3624
3625
|
}
|
|
@@ -3840,7 +3841,7 @@ ${this.value}</textarea
|
|
|
3840
3841
|
display: flex;
|
|
3841
3842
|
box-sizing: border-box;
|
|
3842
3843
|
}
|
|
3843
|
-
`}_TextField_updateStatusClass=new WeakMap,_TextField_handleInput=new WeakMap,_TextField_handleClear=new WeakMap,_TextField_instances=new WeakSet,_TextField_isClearVisible=function(){const t=this.value||"";return!this.disabled&&t.length>0},TextField.styles=[styles$4()],window.customElements.define("m-text-field",TextField);class Timeline extends Component{update(t){if(super.update(t),null!=this.activeEntry){let t=!0;for(const e of this.entries)e.active?t=!1:(e.completed=t,e.active=!1)}}render(){return x`<slot name="item"></slot>`}get entries(){return Array.from(this.querySelectorAll("m-timeline-item"))}get activeEntry(){return this.querySelector("m-timeline-item[active]")}}Timeline.styles=[timelineStyles()],window.customElements.define("m-timeline",Timeline);const timelineItemContext=n$2(Symbol("timeline-item"));var _TimelineExpandableItem_instances,_TimelineExpandableItem_contextProvider,_TimelineExpandableItem_timelineItemHeaderTrigger_get,_TimelineExpandableItem_timelineItemBodySection_get,_TimelineExpandableItem_timelineItemBody_get,_TimelineExpandableItem_handleExpand,_TimelineExpandableItem_toggle,_TimelineExpandableItem_handleTransition,_TimelineItem_contextProvider,_TimelineItemHeaderTitle_context,_TimelineItemHeaderTitle_updateTextStyle;attachContextRoot();class TimelineExpandableItem extends Component{constructor(){super(...arguments),_TimelineExpandableItem_instances.add(this),_TimelineExpandableItem_contextProvider.set(this,new i(this,{context:timelineItemContext,initialValue:{variant:"neutral",completed:!1,active:!1}})),_TimelineExpandableItem_handleTransition.set(this,(()=>{this.expanded&&(__classPrivateFieldGet(this,_TimelineExpandableItem_instances,"a",_TimelineExpandableItem_timelineItemBodySection_get).style.height="auto")}))}static get properties(){return{completed:{type:Boolean,reflect:!0},active:{type:Boolean,reflect:!0},variant:{type:String,reflect:!0},expanded:{type:Boolean,reflect:!0}}}connectedCallback(){
|
|
3844
|
+
`}_TextField_updateStatusClass=new WeakMap,_TextField_handleInput=new WeakMap,_TextField_handleClear=new WeakMap,_TextField_instances=new WeakSet,_TextField_isClearVisible=function(){const t=this.value||"";return!this.disabled&&t.length>0},TextField.styles=[styles$4()],window.customElements.define("m-text-field",TextField);class Timeline extends Component{update(t){if(super.update(t),null!=this.activeEntry){let t=!0;for(const e of this.entries)e.active?t=!1:(e.completed=t,e.active=!1)}}render(){return x`<slot name="item"></slot>`}get entries(){return Array.from(this.querySelectorAll("m-timeline-item"))}get activeEntry(){return this.querySelector("m-timeline-item[active]")}}Timeline.styles=[timelineStyles()],window.customElements.define("m-timeline",Timeline);const timelineItemContext=n$2(Symbol("timeline-item"));var _TimelineExpandableItem_instances,_TimelineExpandableItem_contextProvider,_TimelineExpandableItem_timelineItemHeaderTrigger_get,_TimelineExpandableItem_timelineItemBodySection_get,_TimelineExpandableItem_timelineItemBody_get,_TimelineExpandableItem_handleExpand,_TimelineExpandableItem_toggle,_TimelineExpandableItem_handleTransition,_TimelineItem_contextProvider,_TimelineItemHeaderTitle_context,_TimelineItemHeaderTitle_updateTextStyle;attachContextRoot();class TimelineExpandableItem extends Component{constructor(){super(...arguments),_TimelineExpandableItem_instances.add(this),_TimelineExpandableItem_contextProvider.set(this,new i(this,{context:timelineItemContext,initialValue:{variant:"neutral",completed:!1,active:!1}})),_TimelineExpandableItem_handleTransition.set(this,(()=>{this.expanded&&(__classPrivateFieldGet(this,_TimelineExpandableItem_instances,"a",_TimelineExpandableItem_timelineItemBodySection_get).style.height="auto")}))}static get properties(){return{completed:{type:Boolean,reflect:!0},active:{type:Boolean,reflect:!0},variant:{type:String,reflect:!0},expanded:{type:Boolean,reflect:!0}}}connectedCallback(){super.connectedCallback(),this.slot="item",this.variant=this.variant??"neutral",this.active=this.active??!1,this.completed=this.completed??!1,this.expanded=this.expanded??!1,this.resizeObserver=new ResizeObserver((t=>{this.bodyHeight=t[0].target.scrollHeight}))}firstUpdated(){__classPrivateFieldGet(this,_TimelineExpandableItem_instances,"a",_TimelineExpandableItem_timelineItemBody_get).style.transition="visibility 0.35s",__classPrivateFieldGet(this,_TimelineExpandableItem_instances,"a",_TimelineExpandableItem_timelineItemBody_get).setAttribute("role","region"),this.resizeObserver.observe(__classPrivateFieldGet(this,_TimelineExpandableItem_instances,"a",_TimelineExpandableItem_timelineItemBodySection_get)),__classPrivateFieldGet(this,_TimelineExpandableItem_instances,"a",_TimelineExpandableItem_timelineItemBodySection_get).addEventListener("transitionend",__classPrivateFieldGet(this,_TimelineExpandableItem_handleTransition,"f"))}update(t){super.update(t),t.has("active")&&(this.active?(this.setAttribute("tabindex","0"),this.setAttribute("aria-active","step"),this.closest("m-timeline")?.requestUpdate()):(this.removeAttribute("tabindex"),this.removeAttribute("aria-active"))),t.has("expanded")&&__classPrivateFieldGet(this,_TimelineExpandableItem_instances,"m",_TimelineExpandableItem_handleExpand).call(this)}updated(t){super.updated(t),(t.has("active")||t.has("completed")||t.has("variant"))&&__classPrivateFieldGet(this,_TimelineExpandableItem_contextProvider,"f").setValue({variant:this.variant??"neutral",completed:Boolean(this.completed),active:Boolean(this.active)})}disconnectedCallback(){super.disconnectedCallback(),__classPrivateFieldGet(this,_TimelineExpandableItem_instances,"a",_TimelineExpandableItem_timelineItemBodySection_get).removeEventListener("transitionend",__classPrivateFieldGet(this,_TimelineExpandableItem_handleTransition,"f")),this.resizeObserver.disconnect()}render(){return x`
|
|
3844
3845
|
<div class="side">
|
|
3845
3846
|
<span aria-hidden="true" class="circle">
|
|
3846
3847
|
<span class="dot"></span>
|
|
@@ -3869,7 +3870,7 @@ ${this.value}</textarea
|
|
|
3869
3870
|
</section>
|
|
3870
3871
|
<slot name="item-footer"></slot>
|
|
3871
3872
|
</div>
|
|
3872
|
-
`}}_TimelineExpandableItem_contextProvider=new WeakMap,_TimelineExpandableItem_handleTransition=new WeakMap,_TimelineExpandableItem_instances=new WeakSet,_TimelineExpandableItem_timelineItemHeaderTrigger_get=function(){return this.renderRoot.querySelector(".m-timeline-item-header-trigger")},_TimelineExpandableItem_timelineItemBodySection_get=function(){return this.renderRoot.querySelector(".m-timeline-item-body-section")},_TimelineExpandableItem_timelineItemBody_get=function(){return this.querySelector("m-timeline-item-body")},_TimelineExpandableItem_handleExpand=function(){__classPrivateFieldGet(this,_TimelineExpandableItem_instances,"a",_TimelineExpandableItem_timelineItemHeaderTrigger_get).setAttribute("aria-expanded",`${this.expanded}`),__classPrivateFieldGet(this,_TimelineExpandableItem_instances,"a",_TimelineExpandableItem_timelineItemBodySection_get).style.height=`${this.bodyHeight}px`,this.expanded?(__classPrivateFieldGet(this,_TimelineExpandableItem_instances,"a",_TimelineExpandableItem_timelineItemBody_get).style.visibility="visible",this.style.setProperty("--m-timeline-item-content-gap",toSpacingCSSValue("spacing-6"))):setTimeout((()=>{__classPrivateFieldGet(this,_TimelineExpandableItem_instances,"a",_TimelineExpandableItem_timelineItemBodySection_get).style.height="0px",__classPrivateFieldGet(this,_TimelineExpandableItem_instances,"a",_TimelineExpandableItem_timelineItemBody_get).style.visibility="hidden",this.style.setProperty("--m-timeline-item-content-gap",toSpacingCSSValue("none"))}))},_TimelineExpandableItem_toggle=function(){this.expanded=!this.expanded,this.emit("m-toggle",{detail:{name:"timeline-item-expanded",value:this.expanded}})},TimelineExpandableItem.styles=[timelineItemStyles(),timelineExpandableItemStyles()],window.customElements.define("m-timeline-expandable-item",TimelineExpandableItem),attachContextRoot();class TimelineItem extends s$5{constructor(){super(...arguments),_TimelineItem_contextProvider.set(this,new i(this,{context:timelineItemContext,initialValue:{variant:"neutral",completed:!1,active:!1}}))}static get properties(){return{completed:{type:Boolean,reflect:!0},active:{type:Boolean,reflect:!0},divider:{type:Boolean,reflect:!0},variant:{type:String,reflect:!0}}}connectedCallback(){
|
|
3873
|
+
`}}_TimelineExpandableItem_contextProvider=new WeakMap,_TimelineExpandableItem_handleTransition=new WeakMap,_TimelineExpandableItem_instances=new WeakSet,_TimelineExpandableItem_timelineItemHeaderTrigger_get=function(){return this.renderRoot.querySelector(".m-timeline-item-header-trigger")},_TimelineExpandableItem_timelineItemBodySection_get=function(){return this.renderRoot.querySelector(".m-timeline-item-body-section")},_TimelineExpandableItem_timelineItemBody_get=function(){return this.querySelector("m-timeline-item-body")},_TimelineExpandableItem_handleExpand=function(){__classPrivateFieldGet(this,_TimelineExpandableItem_instances,"a",_TimelineExpandableItem_timelineItemHeaderTrigger_get).setAttribute("aria-expanded",`${this.expanded}`),__classPrivateFieldGet(this,_TimelineExpandableItem_instances,"a",_TimelineExpandableItem_timelineItemBodySection_get).style.height=`${this.bodyHeight}px`,this.expanded?(__classPrivateFieldGet(this,_TimelineExpandableItem_instances,"a",_TimelineExpandableItem_timelineItemBody_get).style.visibility="visible",this.style.setProperty("--m-timeline-item-content-gap",toSpacingCSSValue("spacing-6"))):setTimeout((()=>{__classPrivateFieldGet(this,_TimelineExpandableItem_instances,"a",_TimelineExpandableItem_timelineItemBodySection_get).style.height="0px",__classPrivateFieldGet(this,_TimelineExpandableItem_instances,"a",_TimelineExpandableItem_timelineItemBody_get).style.visibility="hidden",this.style.setProperty("--m-timeline-item-content-gap",toSpacingCSSValue("none"))}))},_TimelineExpandableItem_toggle=function(){this.expanded=!this.expanded,this.emit("m-toggle",{detail:{name:"timeline-item-expanded",value:this.expanded}})},TimelineExpandableItem.styles=[timelineItemStyles(),timelineExpandableItemStyles()],window.customElements.define("m-timeline-expandable-item",TimelineExpandableItem),attachContextRoot();class TimelineItem extends s$5{constructor(){super(...arguments),_TimelineItem_contextProvider.set(this,new i(this,{context:timelineItemContext,initialValue:{variant:"neutral",completed:!1,active:!1}}))}static get properties(){return{completed:{type:Boolean,reflect:!0},active:{type:Boolean,reflect:!0},divider:{type:Boolean,reflect:!0},variant:{type:String,reflect:!0}}}connectedCallback(){super.connectedCallback(),this.slot="item",this.variant=this.variant??"neutral",this.active=this.active??!1,this.completed=this.completed??!1,this.divider=this.divider??!1}update(t){super.update(t),t.has("active")&&(this.active?(this.setAttribute("tabindex","0"),this.setAttribute("aria-active","step"),this.closest("m-timeline")?.requestUpdate()):(this.removeAttribute("tabindex"),this.removeAttribute("aria-active")))}updated(t){super.updated(t),(t.has("active")||t.has("completed")||t.has("divider")||t.has("variant"))&&__classPrivateFieldGet(this,_TimelineItem_contextProvider,"f").setValue({variant:this.variant??"neutral",completed:Boolean(this.completed),active:Boolean(this.active)})}render(){return x`
|
|
3873
3874
|
<div class="side">
|
|
3874
3875
|
<span aria-hidden="true" class="circle">
|
|
3875
3876
|
<slot name="item-icon">
|
|
@@ -3890,7 +3891,7 @@ ${this.value}</textarea
|
|
|
3890
3891
|
<slot name="item-body"></slot>
|
|
3891
3892
|
<slot name="item-footer"></slot>
|
|
3892
3893
|
</div>
|
|
3893
|
-
`}}_TimelineItem_contextProvider=new WeakMap,TimelineItem.styles=[timelineItemStyles()],window.customElements.define("m-timeline-item",TimelineItem);class TimelineItemBody extends s$5{connectedCallback(){super.connectedCallback(),this.slot="item-body",this.classList.add("m-timeline-item-body")}render(){return x`<slot></slot>`}}TimelineItemBody.styles=[timelineBodyStyles()],window.customElements.define("m-timeline-item-body",TimelineItemBody);class TimelineItemFooter extends s$5{connectedCallback(){super.connectedCallback(),this.slot="item-footer"}render(){return x`<slot></slot>`}}TimelineItemFooter.styles=[timelineFooterStyles()],window.customElements.define("m-timeline-item-footer",TimelineItemFooter);class TimelineItemHeader extends s$5{static get properties(){return{align:{type:String}}}connectedCallback(){super.connectedCallback(),this.slot="item-header"}update(t){
|
|
3894
|
+
`}}_TimelineItem_contextProvider=new WeakMap,TimelineItem.styles=[timelineItemStyles()],window.customElements.define("m-timeline-item",TimelineItem);class TimelineItemBody extends s$5{connectedCallback(){super.connectedCallback(),this.slot="item-body",this.classList.add("m-timeline-item-body")}render(){return x`<slot></slot>`}}TimelineItemBody.styles=[timelineBodyStyles()],window.customElements.define("m-timeline-item-body",TimelineItemBody);class TimelineItemFooter extends s$5{connectedCallback(){super.connectedCallback(),this.slot="item-footer"}render(){return x`<slot></slot>`}}TimelineItemFooter.styles=[timelineFooterStyles()],window.customElements.define("m-timeline-item-footer",TimelineItemFooter);class TimelineItemHeader extends s$5{static get properties(){return{align:{type:String}}}connectedCallback(){super.connectedCallback(),this.slot="item-header"}update(t){super.update(t),t.has("align")&&this.style.setProperty("--m-timeline-item-header-align",this.align??"baseline")}render(){return x`
|
|
3894
3895
|
<slot name="item-header-title"></slot>
|
|
3895
3896
|
<slot name="item-header-subtitle"></slot>
|
|
3896
3897
|
<slot></slot>
|
|
@@ -3920,7 +3921,7 @@ ${this.value}</textarea
|
|
|
3920
3921
|
.toggle-group.-show-check ::slotted(m-toggle[aria-checked='true']) {
|
|
3921
3922
|
--m-toggle-icon-display: inline-flex;
|
|
3922
3923
|
}
|
|
3923
|
-
`]}var _ToggleGroup_selectionController,_ToggleGroup_defaultSlot,_ToggleGroup_getToggles,_ToggleGroup_setToggleRole,_ToggleGroup_setToggleChecked,_ToggleGroup_setToggleDisabled,_Toggle_instances,_Toggle_button_get,_Toggle_handleClick,_Toggle_setDisabled,_Toggle_setChecked,_Tooltip_hoverTimeout,_Tooltip_focusTimeout,_Tooltip_handleFocus,_Tooltip_handleBlur,_Tooltip_handleClick,_Tooltip_handleKeyDown,_Tooltip_handleMouseOver,_Tooltip_handleMouseOut,_Tooltip_hasTrigger;class ToggleGroup extends s$5{static get properties(){return{disabled:{type:Boolean},role:{type:String,reflect:!0},showCheck:{type:Boolean,attribute:"show-check"},size:{type:String,reflect:!0},type:{type:String},value:{},selection:{state:!0}}}constructor(){super(),_ToggleGroup_selectionController.set(this,null),_ToggleGroup_defaultSlot.set(this,null),_ToggleGroup_getToggles.set(this,(()=>{
|
|
3924
|
+
`]}var _ToggleGroup_selectionController,_ToggleGroup_defaultSlot,_ToggleGroup_getToggles,_ToggleGroup_setToggleRole,_ToggleGroup_setToggleChecked,_ToggleGroup_setToggleDisabled,_Toggle_instances,_Toggle_button_get,_Toggle_handleClick,_Toggle_setDisabled,_Toggle_setChecked,_Tooltip_hoverTimeout,_Tooltip_focusTimeout,_Tooltip_handleFocus,_Tooltip_handleBlur,_Tooltip_handleClick,_Tooltip_handleKeyDown,_Tooltip_handleMouseOver,_Tooltip_handleMouseOut,_Tooltip_hasTrigger;class ToggleGroup extends s$5{static get properties(){return{disabled:{type:Boolean},role:{type:String,reflect:!0},showCheck:{type:Boolean,attribute:"show-check"},size:{type:String,reflect:!0},type:{type:String},value:{},selection:{state:!0}}}constructor(){super(),_ToggleGroup_selectionController.set(this,null),_ToggleGroup_defaultSlot.set(this,null),_ToggleGroup_getToggles.set(this,(()=>{__classPrivateFieldGet(this,_ToggleGroup_defaultSlot,"f")||__classPrivateFieldSet(this,_ToggleGroup_defaultSlot,this.shadowRoot&&this.shadowRoot.querySelector("slot"),"f");return[...__classPrivateFieldGet(this,_ToggleGroup_defaultSlot,"f")?.assignedElements({flatten:!0})??[]].filter((t=>"m-toggle"===t.tagName.toLowerCase()))})),_ToggleGroup_setToggleRole.set(this,(t=>{t.setAttribute("role",["single","single-strict"].includes(this.type)?"radio":"checkbox")})),_ToggleGroup_setToggleChecked.set(this,(t=>{t.checked=this.selection.has(t.value)})),_ToggleGroup_setToggleDisabled.set(this,(t=>{t.disabled=this.disabled})),this.showCheck=!1,this.size="default",this.type="single",this.selection=new Set}update(t){super.update(t),(null!=t.get("type")&&null!=this.type||null==__classPrivateFieldGet(this,_ToggleGroup_selectionController,"f"))&&(__classPrivateFieldSet(this,_ToggleGroup_selectionController,new SelectionController(this,this.type,"m-toggle"),"f"),__classPrivateFieldGet(this,_ToggleGroup_selectionController,"f").init(toArray$1(this.value)),this.role=["single","single-strict"].includes(this.type)?"radiogroup":"group"),t.has("value")&&__classPrivateFieldGet(this,_ToggleGroup_selectionController,"f").init(toArray$1(this.value))}updated(t){super.updated(t),t.has("selection")&&__classPrivateFieldGet(this,_ToggleGroup_getToggles,"f").call(this).forEach((t=>{__classPrivateFieldGet(this,_ToggleGroup_setToggleChecked,"f").call(this,t)})),t.has("disabled")&&__classPrivateFieldGet(this,_ToggleGroup_getToggles,"f").call(this).forEach((t=>{__classPrivateFieldGet(this,_ToggleGroup_setToggleDisabled,"f").call(this,t)})),t.has("role")&&__classPrivateFieldGet(this,_ToggleGroup_getToggles,"f").call(this).forEach((t=>{__classPrivateFieldGet(this,_ToggleGroup_setToggleRole,"f").call(this,t)}))}render(){return x`
|
|
3924
3925
|
<m-group
|
|
3925
3926
|
class=${o$2({"toggle-group":!0,"-single":"single"===this.type,"-single-strict":"single-strict"===this.type,"-multiple":"multiple"===this.type,"-small":"small"===this.size,"-show-check":this.showCheck})}
|
|
3926
3927
|
gap="spacing-1"
|
|
@@ -3967,7 +3968,7 @@ ${this.value}</textarea
|
|
|
3967
3968
|
|
|
3968
3969
|
display: var(--m-toggle-icon-display);
|
|
3969
3970
|
}
|
|
3970
|
-
`]}_ToggleGroup_selectionController=new WeakMap,_ToggleGroup_defaultSlot=new WeakMap,_ToggleGroup_getToggles=new WeakMap,_ToggleGroup_setToggleRole=new WeakMap,_ToggleGroup_setToggleChecked=new WeakMap,_ToggleGroup_setToggleDisabled=new WeakMap,ToggleGroup.styles=[styles$3()],window.customElements.define("m-toggle-group",ToggleGroup);class Toggle extends s$5{static get properties(){return{checked:{type:Boolean},disabled:{type:Boolean,reflect:!0},role:{type:String,reflect:!0},value:{type:String,reflect:!0}}}constructor(){super(),_Toggle_instances.add(this),_Toggle_handleClick.set(this,(()=>{if(this.disabled)return;this.checked=!this.checked;const t={detail:{value:this.value,type:"toggle"},bubbles:!0,composed:!1};this.dispatchEvent(new CustomEvent("m-toggle",t))})),_Toggle_setDisabled.set(this,(()=>{
|
|
3971
|
+
`]}_ToggleGroup_selectionController=new WeakMap,_ToggleGroup_defaultSlot=new WeakMap,_ToggleGroup_getToggles=new WeakMap,_ToggleGroup_setToggleRole=new WeakMap,_ToggleGroup_setToggleChecked=new WeakMap,_ToggleGroup_setToggleDisabled=new WeakMap,ToggleGroup.styles=[styles$3()],window.customElements.define("m-toggle-group",ToggleGroup);class Toggle extends s$5{static get properties(){return{checked:{type:Boolean},disabled:{type:Boolean,reflect:!0},role:{type:String,reflect:!0},value:{type:String,reflect:!0}}}constructor(){super(),_Toggle_instances.add(this),_Toggle_handleClick.set(this,(()=>{if(this.disabled)return;this.checked=!this.checked;const t={detail:{value:this.value,type:"toggle"},bubbles:!0,composed:!1};this.dispatchEvent(new CustomEvent("m-toggle",t))})),_Toggle_setDisabled.set(this,(()=>{this.setAttribute("aria-disabled",String(this.disabled??!1))})),_Toggle_setChecked.set(this,(()=>{this.setAttribute("aria-checked",String(this.checked??!1))})),this.disabled=!1,this.checked=!1}connectedCallback(){super.connectedCallback(),this.addEventListener("click",__classPrivateFieldGet(this,_Toggle_handleClick,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",__classPrivateFieldGet(this,_Toggle_handleClick,"f"))}updated(t){super.updated(t),t.has("disabled")&&__classPrivateFieldGet(this,_Toggle_setDisabled,"f").call(this),t.has("checked")&&__classPrivateFieldGet(this,_Toggle_setChecked,"f").call(this)}render(){return x`
|
|
3971
3972
|
<button
|
|
3972
3973
|
type="button"
|
|
3973
3974
|
class=${o$2({button:!0,toggle:!0})}
|
|
@@ -3981,7 +3982,7 @@ ${this.value}</textarea
|
|
|
3981
3982
|
|
|
3982
3983
|
<slot></slot>
|
|
3983
3984
|
</button>
|
|
3984
|
-
`}focus(t){
|
|
3985
|
+
`}focus(t){__classPrivateFieldGet(this,_Toggle_instances,"a",_Toggle_button_get)?.focus(t)}}function trim(t){return t.trim()}function convertTriggerFromAttribute(t){return t?String(t).split(/[\s,]+/).map(trim).filter(Boolean):["hover"]}function styles$1(){return[styles$m({floatingSelector:"#floating"}),i$4`
|
|
3985
3986
|
:host {
|
|
3986
3987
|
--m-popover-width: max-content;
|
|
3987
3988
|
--m-popover-min-width: 80px;
|
|
@@ -3991,7 +3992,7 @@ ${this.value}</textarea
|
|
|
3991
3992
|
display: inline-flex;
|
|
3992
3993
|
align-items: center;
|
|
3993
3994
|
}
|
|
3994
|
-
`]}_Toggle_handleClick=new WeakMap,_Toggle_setDisabled=new WeakMap,_Toggle_setChecked=new WeakMap,_Toggle_instances=new WeakSet,_Toggle_button_get=function(){
|
|
3995
|
+
`]}_Toggle_handleClick=new WeakMap,_Toggle_setDisabled=new WeakMap,_Toggle_setChecked=new WeakMap,_Toggle_instances=new WeakSet,_Toggle_button_get=function(){return this.renderRoot?.querySelector("button")??null},Toggle.styles=[styles$2()],window.customElements.define("m-toggle",Toggle);class Tooltip extends Popover{static get properties(){return{...Popover.properties,trigger:{type:String,converter:{fromAttribute:convertTriggerFromAttribute}}}}constructor(){super(),_Tooltip_hoverTimeout.set(this,void 0),_Tooltip_focusTimeout.set(this,void 0),_Tooltip_handleFocus.set(this,(()=>{__classPrivateFieldGet(this,_Tooltip_hasTrigger,"f").call(this,"focus")&&(clearTimeout(__classPrivateFieldGet(this,_Tooltip_focusTimeout,"f")),__classPrivateFieldSet(this,_Tooltip_focusTimeout,window.setTimeout((()=>this.show()),450),"f"))})),_Tooltip_handleBlur.set(this,(()=>{__classPrivateFieldGet(this,_Tooltip_hasTrigger,"f").call(this,"focus")&&(clearTimeout(__classPrivateFieldGet(this,_Tooltip_focusTimeout,"f")),__classPrivateFieldSet(this,_Tooltip_focusTimeout,window.setTimeout((()=>this.hide()),450),"f"))})),_Tooltip_handleClick.set(this,(()=>{__classPrivateFieldGet(this,_Tooltip_hasTrigger,"f").call(this,"click")&&this.toggle()})),_Tooltip_handleKeyDown.set(this,(t=>{this.open&&"Escape"===t.key&&(t.stopPropagation(),this.hide())})),_Tooltip_handleMouseOver.set(this,(()=>{__classPrivateFieldGet(this,_Tooltip_hasTrigger,"f").call(this,"hover")&&(clearTimeout(__classPrivateFieldGet(this,_Tooltip_hoverTimeout,"f")),__classPrivateFieldSet(this,_Tooltip_hoverTimeout,window.setTimeout((()=>this.show()),450),"f"))})),_Tooltip_handleMouseOut.set(this,(()=>{__classPrivateFieldGet(this,_Tooltip_hasTrigger,"f").call(this,"hover")&&(clearTimeout(__classPrivateFieldGet(this,_Tooltip_hoverTimeout,"f")),__classPrivateFieldSet(this,_Tooltip_hoverTimeout,window.setTimeout((()=>this.hide()),450),"f"))})),_Tooltip_hasTrigger.set(this,(t=>this.trigger.includes(t))),this.position="fixed",this.placement="top-start",this.trigger=["hover","focus"]}connectedCallback(){super.connectedCallback(),this.addEventListener("blur",__classPrivateFieldGet(this,_Tooltip_handleBlur,"f"),!0),this.addEventListener("click",__classPrivateFieldGet(this,_Tooltip_handleClick,"f")),this.addEventListener("focus",__classPrivateFieldGet(this,_Tooltip_handleFocus,"f"),!0),this.addEventListener("keydown",__classPrivateFieldGet(this,_Tooltip_handleKeyDown,"f")),this.addEventListener("mouseout",__classPrivateFieldGet(this,_Tooltip_handleMouseOut,"f")),this.addEventListener("mouseover",__classPrivateFieldGet(this,_Tooltip_handleMouseOver,"f"))}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("blur",__classPrivateFieldGet(this,_Tooltip_handleBlur,"f"),!0),this.removeEventListener("focus",__classPrivateFieldGet(this,_Tooltip_handleFocus,"f"),!0),this.removeEventListener("click",__classPrivateFieldGet(this,_Tooltip_handleClick,"f")),this.removeEventListener("keydown",__classPrivateFieldGet(this,_Tooltip_handleKeyDown,"f")),this.removeEventListener("mouseover",__classPrivateFieldGet(this,_Tooltip_handleMouseOver,"f")),this.removeEventListener("mouseout",__classPrivateFieldGet(this,_Tooltip_handleMouseOut,"f"))}getReferenceElement(){const t=this.shadowRoot.querySelector('slot[name="reference"]'),[e]=t.assignedElements({flatten:!0});return e}getFloatingElement(){return this.shadowRoot.querySelector("#floating")}getArrowElement(){return this.shadowRoot.querySelector("#arrow")}render(){return x`
|
|
3995
3996
|
<slot name="reference" aria-describedby="floating"></slot>
|
|
3996
3997
|
<div
|
|
3997
3998
|
id="floating"
|
|
@@ -4011,5 +4012,5 @@ ${this.value}</textarea
|
|
|
4011
4012
|
:host linearGradient {
|
|
4012
4013
|
transform-origin: center;
|
|
4013
4014
|
}
|
|
4014
|
-
`}var _LogoLoader_instances,_LogoLoader_getSize;const DEFAULT_SIZE="48";class LogoLoader extends s$5{constructor(){super(...arguments),_LogoLoader_instances.add(this)}static get properties(){return{size:{type:String,reflect:!0}}}connectedCallback(){super.connectedCallback(),this.style.setProperty("--m-logo-size",__classPrivateFieldGet(this,_LogoLoader_instances,"m",_LogoLoader_getSize).call(this))}update(t){super.update(t),t.has("size")&&this.style.setProperty("--m-logo-size",__classPrivateFieldGet(this,_LogoLoader_instances,"m",_LogoLoader_getSize).call(this))}render(){return b`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 49 48"><g opacity=".7"><mask id="a" width="49" height="16" x="0" y="32" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#D9D9D9" d="M32.1364 48H.5l15.1072-15.2727H48.5L33.4266 47.317c-.3323.3324-.818.683-1.2902.683Z"/></mask><g mask="url(#a)"><path fill="url(#b)" d="M-10.4091-10.9091h69.8182v69.8182h-69.8182z"/></g></g><mask id="c" width="32" height="17" x="17" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#D9D9D9" d="M17.9546 16.3636V0H48.5L33.2273 16.3636H17.9546Z"/></mask><g mask="url(#c)"><path fill="url(#d)" d="M-10.4091-10.9091h69.8182v69.8182h-69.8182z"/></g><g opacity=".7"><mask id="e" width="16" height="31" x="33" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#D9D9D9" d="M48.5 30.5455H33.2273V16.3637L48.5 0v30.5455Z"/></mask><g mask="url(#e)"><path fill="url(#f)" d="M-10.4091-10.9091h69.8182v69.8182h-69.8182z"/></g></g><mask id="g" width="16" height="48" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#D9D9D9" d="M15.7727 0v32.7273L.5 48V16.94c0-.4722.18803-.9226.52036-1.2571L15.7727 0Z"/></mask><g mask="url(#g)"><path fill="url(#h)" d="M-10.4091-10.9091h69.8182v69.8182h-69.8182z"/></g><defs><linearGradient id="b" x1="3.56649" x2="53.8665" y1="50.4164" y2=".131295" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#00D7D7"/><stop offset="1" stop-color="#84F11E"/><animateTransform attributeName="gradientTransform" dur="0.8s" repeatCount="indefinite" type="rotate" values="0; 360"/></linearGradient><linearGradient id="d" x1="3.56649" x2="53.8665" y1="50.4164" y2=".131295" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#00D7D7"/><stop offset="1" stop-color="#84F11E"/><animateTransform attributeName="gradientTransform" dur="0.8s" repeatCount="indefinite" type="rotate" values="0; 360"/></linearGradient><linearGradient id="f" x1="3.56649" x2="53.8665" y1="50.4164" y2=".131295" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#00D7D7"/><stop offset="1" stop-color="#84F11E"/><animateTransform attributeName="gradientTransform" dur="0.8s" repeatCount="indefinite" type="rotate" values="0; 360"/></linearGradient><linearGradient id="h" x1="3.56649" x2="53.8665" y1="50.4164" y2=".131295" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#00D7D7"/><stop offset="1" stop-color="#84F11E"/><animateTransform attributeName="gradientTransform" dur="0.8s" repeatCount="indefinite" type="rotate" values="0; 360"/></linearGradient></defs></svg>`}}_LogoLoader_instances=new WeakSet,_LogoLoader_getSize=function(){
|
|
4015
|
-
//# sourceMappingURL=index-
|
|
4015
|
+
`}var _LogoLoader_instances,_LogoLoader_getSize;const DEFAULT_SIZE="48";class LogoLoader extends s$5{constructor(){super(...arguments),_LogoLoader_instances.add(this)}static get properties(){return{size:{type:String,reflect:!0}}}connectedCallback(){super.connectedCallback(),this.style.setProperty("--m-logo-size",__classPrivateFieldGet(this,_LogoLoader_instances,"m",_LogoLoader_getSize).call(this))}update(t){super.update(t),t.has("size")&&this.style.setProperty("--m-logo-size",__classPrivateFieldGet(this,_LogoLoader_instances,"m",_LogoLoader_getSize).call(this))}render(){return b`<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 49 48"><g opacity=".7"><mask id="a" width="49" height="16" x="0" y="32" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#D9D9D9" d="M32.1364 48H.5l15.1072-15.2727H48.5L33.4266 47.317c-.3323.3324-.818.683-1.2902.683Z"/></mask><g mask="url(#a)"><path fill="url(#b)" d="M-10.4091-10.9091h69.8182v69.8182h-69.8182z"/></g></g><mask id="c" width="32" height="17" x="17" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#D9D9D9" d="M17.9546 16.3636V0H48.5L33.2273 16.3636H17.9546Z"/></mask><g mask="url(#c)"><path fill="url(#d)" d="M-10.4091-10.9091h69.8182v69.8182h-69.8182z"/></g><g opacity=".7"><mask id="e" width="16" height="31" x="33" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#D9D9D9" d="M48.5 30.5455H33.2273V16.3637L48.5 0v30.5455Z"/></mask><g mask="url(#e)"><path fill="url(#f)" d="M-10.4091-10.9091h69.8182v69.8182h-69.8182z"/></g></g><mask id="g" width="16" height="48" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path fill="#D9D9D9" d="M15.7727 0v32.7273L.5 48V16.94c0-.4722.18803-.9226.52036-1.2571L15.7727 0Z"/></mask><g mask="url(#g)"><path fill="url(#h)" d="M-10.4091-10.9091h69.8182v69.8182h-69.8182z"/></g><defs><linearGradient id="b" x1="3.56649" x2="53.8665" y1="50.4164" y2=".131295" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#00D7D7"/><stop offset="1" stop-color="#84F11E"/><animateTransform attributeName="gradientTransform" dur="0.8s" repeatCount="indefinite" type="rotate" values="0; 360"/></linearGradient><linearGradient id="d" x1="3.56649" x2="53.8665" y1="50.4164" y2=".131295" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#00D7D7"/><stop offset="1" stop-color="#84F11E"/><animateTransform attributeName="gradientTransform" dur="0.8s" repeatCount="indefinite" type="rotate" values="0; 360"/></linearGradient><linearGradient id="f" x1="3.56649" x2="53.8665" y1="50.4164" y2=".131295" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#00D7D7"/><stop offset="1" stop-color="#84F11E"/><animateTransform attributeName="gradientTransform" dur="0.8s" repeatCount="indefinite" type="rotate" values="0; 360"/></linearGradient><linearGradient id="h" x1="3.56649" x2="53.8665" y1="50.4164" y2=".131295" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#00D7D7"/><stop offset="1" stop-color="#84F11E"/><animateTransform attributeName="gradientTransform" dur="0.8s" repeatCount="indefinite" type="rotate" values="0; 360"/></linearGradient></defs></svg>`}}_LogoLoader_instances=new WeakSet,_LogoLoader_getSize=function(){const t=parseInt(this.size??"48",10);return Number.isNaN(t)?"48px":`${t||"48"}px`},LogoLoader.styles=[styles()],window.customElements.define("m-logo-loader",LogoLoader);export{EmptyStateHeader as $,Accordion as A,BackButton as B,Card as C,Dialog as D,DialogActionPrimary as E,DialogActionSecondary as F,DialogActionTertiary as G,DialogActions as H,DialogBody as I,DialogClose as J,DialogFooter as K,DialogHeader as L,Divider as M,Drawer as N,DRAWER_SIZES as O,DrawerActionPrimary as P,DrawerActionSecondary as Q,DrawerActionTertiary as R,DrawerActions as S,DrawerBody as T,DrawerClose as U,DrawerHeader as V,Dropdown as W,DropdownTrigger as X,DropdownMenu as Y,DropdownItem as Z,EmptyStateAction as _,AccordionTitle as a,Timeline as a$,EmptyStateIllustration as a0,EmptyStateMessage as a1,EmptyState as a2,EMPTY_STATE_VARIANTS as a3,Field as a4,FieldHint as a5,FieldLabel as a6,FIELD_STATUSES as a7,Header as a8,HeaderActions as a9,PageContent as aA,Pagination as aB,ProgressBar as aC,ProgressBarCountdown as aD,Radio as aE,RadioGroup as aF,Section as aG,SectionTitle as aH,SpinnerWheel as aI,Steps as aJ,Step as aK,Switch as aL,Table as aM,defaultTableProps as aN,TableHead as aO,TableBody as aP,TableFoot as aQ,TableRow as aR,TableCell as aS,defaultTableCellProps as aT,Tabs as aU,Tab as aV,TabPanel as aW,Tag as aX,Text as aY,TextArea as aZ,TextField as a_,HeaderContent as aa,HeaderTitle as ab,SubHeader as ac,Label as ad,defaultLabeledValueProps as ae,LabeledValue as af,LabeledValueLabel as ag,LabeledValueValue as ah,ALIGN_ITEMS_VALUES as ai,JUSTIFY_CONTENT_VALUES as aj,Box as ak,defaultBoxProps as al,Group as am,defaultGroupProps as an,Stack as ao,defaultStackProps as ap,Grid as aq,defaultGridProps as ar,Sidebar as as,defaultSidebarProps as at,Switcher as au,defaultSwitcherProps as av,Container as aw,Row as ax,Column as ay,Link as az,b,TimelineExpandableItem as b0,TimelineItem as b1,TimelineItemBody as b2,TimelineItemFooter as b3,TimelineItemHeader as b4,TimelineItemHeaderSubtitle as b5,TimelineItemHeaderTitle as b6,TimelineItemIcon as b7,ToggleGroup as b8,Toggle as b9,Tooltip as ba,TOOLTIP_PLACEMENT_VALUES as bb,LogoLoader as bc,AccordionContent as c,Badge as d,BannerActionPrimary as e,BannerActionSecondary as f,BannerActions as g,BannerDescription as h,BannerIcon as i,BannerTitle as j,Banner as k,Body as l,Button as m,CardBody as n,CardSubtitle as o,CardTitle as p,CardDivider as q,CardFooter as r,CardActionPrimary as s,typographyVariants as t,CardActionSecondary as u,CardActionTertiary as v,Checkbox as w,CloseButton as x,DIALOG_SIZES as y,DIALOG_VARIANTS as z};
|
|
4016
|
+
//# sourceMappingURL=index-CNU8Fpwa.js.map
|