@momentum-design/components 0.22.2 → 0.22.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/browser/index.js +340 -84
- package/dist/browser/index.js.map +4 -4
- package/dist/components/buttonsimple/buttonsimple.component.d.ts +5 -6
- package/dist/components/buttonsimple/buttonsimple.component.js +9 -9
- package/dist/components/tab/index.d.ts +9 -0
- package/dist/components/tab/index.js +6 -0
- package/dist/components/tab/tab.component.d.ts +128 -0
- package/dist/components/tab/tab.component.js +180 -0
- package/dist/components/tab/tab.constants.d.ts +10 -0
- package/dist/components/tab/tab.constants.js +11 -0
- package/dist/components/tab/tab.styles.d.ts +2 -0
- package/dist/components/tab/tab.styles.js +247 -0
- package/dist/components/tab/tab.types.d.ts +3 -0
- package/dist/components/tab/tab.types.js +1 -0
- package/dist/custom-elements.json +905 -253
- package/dist/index.d.ts +2 -1
- package/dist/index.js +2 -1
- package/dist/react/index.d.ts +2 -1
- package/dist/react/index.js +2 -1
- package/dist/react/tab/index.d.ts +82 -0
- package/dist/react/tab/index.js +91 -0
- package/package.json +1 -1
package/dist/browser/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use strict";(()=>{var
|
|
2
|
-
\f\r]`,
|
|
3
|
-
\f\r"'\`<>=]|("|')|))|$)`,"g"),
|
|
1
|
+
"use strict";(()=>{var Xo=Object.defineProperty;var Zo=Object.getOwnPropertyDescriptor;var s=(o,t,e,r)=>{for(var i=r>1?void 0:r?Zo(t,e):t,n=o.length-1,a;n>=0;n--)(a=o[n])&&(i=(r?a(t,e,i):a(i))||i);return r&&i&&Xo(t,e,i),i};var Je=globalThis,et=Je.ShadowRoot&&(Je.ShadyCSS===void 0||Je.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,_t=Symbol(),br=new WeakMap,Le=class{constructor(t,e,r){if(this._$cssResult$=!0,r!==_t)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=e}get styleSheet(){let t=this.o,e=this.t;if(et&&t===void 0){let r=e!==void 0&&e.length===1;r&&(t=br.get(e)),t===void 0&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),r&&br.set(e,t))}return t}toString(){return this.cssText}},vr=o=>new Le(typeof o=="string"?o:o+"",void 0,_t),p=(o,...t)=>{let e=o.length===1?o[0]:t.reduce((r,i,n)=>r+(a=>{if(a._$cssResult$===!0)return a.cssText;if(typeof a=="number")return a;throw Error("Value passed to 'css' function must be a 'css' function result: "+a+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(i)+o[n+1],o[0]);return new Le(e,o,_t)},At=(o,t)=>{if(et)o.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(let e of t){let r=document.createElement("style"),i=Je.litNonce;i!==void 0&&r.setAttribute("nonce",i),r.textContent=e.cssText,o.appendChild(r)}},tt=et?o=>o:o=>o instanceof CSSStyleSheet?(t=>{let e="";for(let r of t.cssRules)e+=r.cssText;return vr(e)})(o):o;var{is:Yo,defineProperty:qo,getOwnPropertyDescriptor:jo,getOwnPropertyNames:Wo,getOwnPropertySymbols:Ko,getPrototypeOf:Qo}=Object,Z=globalThis,fr=Z.trustedTypes,Jo=fr?fr.emptyScript:"",St=Z.reactiveElementPolyfillSupport,we=(o,t)=>o,$e={toAttribute(o,t){switch(t){case Boolean:o=o?Jo:null;break;case Object:case Array:o=o==null?o:JSON.stringify(o)}return o},fromAttribute(o,t){let e=o;switch(t){case Boolean:e=o!==null;break;case Number:e=o===null?null:Number(o);break;case Object:case Array:try{e=JSON.parse(o)}catch{e=null}}return e}},rt=(o,t)=>!Yo(o,t),yr={attribute:!0,type:String,converter:$e,reflect:!1,hasChanged:rt},xr,Er;(xr=Symbol.metadata)!=null||(Symbol.metadata=Symbol("metadata")),(Er=Z.litPropertyMetadata)!=null||(Z.litPropertyMetadata=new WeakMap);var V=class extends HTMLElement{static addInitializer(t){var e;this._$Ei(),((e=this.l)!=null?e:this.l=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,e=yr){if(e.state&&(e.attribute=!1),this._$Ei(),this.elementProperties.set(t,e),!e.noAccessor){let r=Symbol(),i=this.getPropertyDescriptor(t,r,e);i!==void 0&&qo(this.prototype,t,i)}}static getPropertyDescriptor(t,e,r){var a;let{get:i,set:n}=(a=jo(this.prototype,t))!=null?a:{get(){return this[e]},set(c){this[e]=c}};return{get(){return i==null?void 0:i.call(this)},set(c){let l=i==null?void 0:i.call(this);n.call(this,c),this.requestUpdate(t,l,r)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){var e;return(e=this.elementProperties.get(t))!=null?e:yr}static _$Ei(){if(this.hasOwnProperty(we("elementProperties")))return;let t=Qo(this);t.finalize(),t.l!==void 0&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(we("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(we("properties"))){let e=this.properties,r=[...Wo(e),...Ko(e)];for(let i of r)this.createProperty(i,e[i])}let t=this[Symbol.metadata];if(t!==null){let e=litPropertyMetadata.get(t);if(e!==void 0)for(let[r,i]of e)this.elementProperties.set(r,i)}this._$Eh=new Map;for(let[e,r]of this.elementProperties){let i=this._$Eu(e,r);i!==void 0&&this._$Eh.set(i,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){let e=[];if(Array.isArray(t)){let r=new Set(t.flat(1/0).reverse());for(let i of r)e.unshift(tt(i))}else t!==void 0&&e.push(tt(t));return e}static _$Eu(t,e){let r=e.attribute;return r===!1?void 0:typeof r=="string"?r:typeof t=="string"?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){var t;this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),(t=this.constructor.l)==null||t.forEach(e=>e(this))}addController(t){var e,r;((e=this._$EO)!=null?e:this._$EO=new Set).add(t),this.renderRoot!==void 0&&this.isConnected&&((r=t.hostConnected)==null||r.call(t))}removeController(t){var e;(e=this._$EO)==null||e.delete(t)}_$E_(){let t=new Map,e=this.constructor.elementProperties;for(let r of e.keys())this.hasOwnProperty(r)&&(t.set(r,this[r]),delete this[r]);t.size>0&&(this._$Ep=t)}createRenderRoot(){var e;let t=(e=this.shadowRoot)!=null?e:this.attachShadow(this.constructor.shadowRootOptions);return At(t,this.constructor.elementStyles),t}connectedCallback(){var t,e;(t=this.renderRoot)!=null||(this.renderRoot=this.createRenderRoot()),this.enableUpdating(!0),(e=this._$EO)==null||e.forEach(r=>{var i;return(i=r.hostConnected)==null?void 0:i.call(r)})}enableUpdating(t){}disconnectedCallback(){var t;(t=this._$EO)==null||t.forEach(e=>{var r;return(r=e.hostDisconnected)==null?void 0:r.call(e)})}attributeChangedCallback(t,e,r){this._$AK(t,r)}_$EC(t,e){var n;let r=this.constructor.elementProperties.get(t),i=this.constructor._$Eu(t,r);if(i!==void 0&&r.reflect===!0){let a=(((n=r.converter)==null?void 0:n.toAttribute)!==void 0?r.converter:$e).toAttribute(e,r.type);this._$Em=t,a==null?this.removeAttribute(i):this.setAttribute(i,a),this._$Em=null}}_$AK(t,e){var n;let r=this.constructor,i=r._$Eh.get(t);if(i!==void 0&&this._$Em!==i){let a=r.getPropertyOptions(i),c=typeof a.converter=="function"?{fromAttribute:a.converter}:((n=a.converter)==null?void 0:n.fromAttribute)!==void 0?a.converter:$e;this._$Em=i,this[i]=c.fromAttribute(e,a.type),this._$Em=null}}requestUpdate(t,e,r){var i;if(t!==void 0){if(r!=null||(r=this.constructor.getPropertyOptions(t)),!((i=r.hasChanged)!=null?i:rt)(this[t],e))return;this.P(t,e,r)}this.isUpdatePending===!1&&(this._$ES=this._$ET())}P(t,e,r){var i;this._$AL.has(t)||this._$AL.set(t,e),r.reflect===!0&&this._$Em!==t&&((i=this._$Ej)!=null?i:this._$Ej=new Set).add(t)}async _$ET(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}let t=this.scheduleUpdate();return t!=null&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){var r,i;if(!this.isUpdatePending)return;if(!this.hasUpdated){if((r=this.renderRoot)!=null||(this.renderRoot=this.createRenderRoot()),this._$Ep){for(let[a,c]of this._$Ep)this[a]=c;this._$Ep=void 0}let n=this.constructor.elementProperties;if(n.size>0)for(let[a,c]of n)c.wrapped!==!0||this._$AL.has(a)||this[a]===void 0||this.P(a,this[a],c)}let t=!1,e=this._$AL;try{t=this.shouldUpdate(e),t?(this.willUpdate(e),(i=this._$EO)==null||i.forEach(n=>{var a;return(a=n.hostUpdate)==null?void 0:a.call(n)}),this.update(e)):this._$EU()}catch(n){throw t=!1,this._$EU(),n}t&&this._$AE(e)}willUpdate(t){}_$AE(t){var e;(e=this._$EO)==null||e.forEach(r=>{var i;return(i=r.hostUpdated)==null?void 0:i.call(r)}),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EU(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Ej&&(this._$Ej=this._$Ej.forEach(e=>this._$EC(e,this[e]))),this._$EU()}updated(t){}firstUpdated(t){}},Tr;V.elementStyles=[],V.shadowRootOptions={mode:"open"},V[we("elementProperties")]=new Map,V[we("finalized")]=new Map,St==null||St({ReactiveElement:V}),((Tr=Z.reactiveElementVersions)!=null?Tr:Z.reactiveElementVersions=[]).push("2.0.4");var ei={attribute:!0,type:String,converter:$e,reflect:!1,hasChanged:rt},ti=(o=ei,t,e)=>{let{kind:r,metadata:i}=e,n=globalThis.litPropertyMetadata.get(i);if(n===void 0&&globalThis.litPropertyMetadata.set(i,n=new Map),n.set(e.name,o),r==="accessor"){let{name:a}=e;return{set(c){let l=t.get.call(this);t.set.call(this,c),this.requestUpdate(a,l,o)},init(c){return c!==void 0&&this.P(a,void 0,o),c}}}if(r==="setter"){let{name:a}=e;return function(c){let l=this[a];t.call(this,c),this.requestUpdate(a,l,o)}}throw Error("Unsupported decorator location: "+r)};function d(o){return(t,e)=>typeof e=="object"?ti(o,t,e):((r,i,n)=>{let a=i.hasOwnProperty(n);return i.constructor.createProperty(n,a?{...r,wrapped:!0}:r),a?Object.getOwnPropertyDescriptor(i,n):void 0})(o,t,e)}function z(o){return d({...o,state:!0,attribute:!1})}var ne=(o,t,e)=>(e.configurable=!0,e.enumerable=!0,Reflect.decorate&&typeof t!="object"&&Object.defineProperty(o,t,e),e);function _r(o,t){return(e,r,i)=>{let n=a=>{var c,l;return(l=(c=a.renderRoot)==null?void 0:c.querySelector(o))!=null?l:null};if(t){let{get:a,set:c}=typeof r=="object"?e:i!=null?i:(()=>{let l=Symbol();return{get(){return this[l]},set(f){this[l]=f}}})();return ne(e,r,{get(){let l=a.call(this);return l===void 0&&(l=n(this),(l!==null||this.hasUpdated)&&c.call(this,l)),l}})}return ne(e,r,{get(){return n(this)}})}}var ri={PREFIX:"mdc",SEPARATOR:"-"},oi={NAMESPACE:ri},It=oi;var ii=o=>[It.NAMESPACE.PREFIX,o].join(It.NAMESPACE.SEPARATOR),u={constructTagName:ii};var ot=u.constructTagName("themeprovider"),Nt={THEMECLASS:"mds-theme-stable-darkWebex"};var Oe=globalThis,it=Oe.trustedTypes,Ar=it?it.createPolicy("lit-html",{createHTML:o=>o}):void 0,Rr="$lit$",Y=`lit$${Math.random().toFixed(9).slice(2)}$`,Lr="?"+Y,ai=`<${Lr}>`,ce=document,De=()=>ce.createComment(""),Ue=o=>o===null||typeof o!="object"&&typeof o!="function",Mt=Array.isArray,ni=o=>Mt(o)||typeof(o==null?void 0:o[Symbol.iterator])=="function",kt=`[
|
|
2
|
+
\f\r]`,Me=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,Sr=/-->/g,Ir=/>/g,se=RegExp(`>|${kt}(?:([^\\s"'>=/]+)(${kt}*=${kt}*(?:[^
|
|
3
|
+
\f\r"'\`<>=]|("|')|))|$)`,"g"),Nr=/'/g,kr=/"/g,wr=/^(?:script|style|textarea|title)$/i,Ot=o=>(t,...e)=>({_$litType$:o,strings:t,values:e}),m=Ot(1),Ua=Ot(2),Pa=Ot(3),H=Symbol.for("lit-noChange"),h=Symbol.for("lit-nothing"),Cr=new WeakMap,de=ce.createTreeWalker(ce,129);function $r(o,t){if(!Mt(o)||!o.hasOwnProperty("raw"))throw Error("invalid template strings array");return Ar!==void 0?Ar.createHTML(t):t}var si=(o,t)=>{let e=o.length-1,r=[],i,n=t===2?"<svg>":t===3?"<math>":"",a=Me;for(let c=0;c<e;c++){let l=o[c],f,E,y=-1,P=0;for(;P<l.length&&(a.lastIndex=P,E=a.exec(l),E!==null);)P=a.lastIndex,a===Me?E[1]==="!--"?a=Sr:E[1]!==void 0?a=Ir:E[2]!==void 0?(wr.test(E[2])&&(i=RegExp("</"+E[2],"g")),a=se):E[3]!==void 0&&(a=se):a===se?E[0]===">"?(a=i!=null?i:Me,y=-1):E[1]===void 0?y=-2:(y=a.lastIndex-E[2].length,f=E[1],a=E[3]===void 0?se:E[3]==='"'?kr:Nr):a===kr||a===Nr?a=se:a===Sr||a===Ir?a=Me:(a=se,i=void 0);let X=a===se&&o[c+1].startsWith("/>")?" ":"";n+=a===Me?l+ai:y>=0?(r.push(f),l.slice(0,y)+Rr+l.slice(y)+Y+X):l+Y+(y===-2?c:X)}return[$r(o,n+(o[e]||"<?>")+(t===2?"</svg>":t===3?"</math>":"")),r]},Pe=class o{constructor({strings:t,_$litType$:e},r){let i;this.parts=[];let n=0,a=0,c=t.length-1,l=this.parts,[f,E]=si(t,e);if(this.el=o.createElement(f,r),de.currentNode=this.el.content,e===2||e===3){let y=this.el.content.firstChild;y.replaceWith(...y.childNodes)}for(;(i=de.nextNode())!==null&&l.length<c;){if(i.nodeType===1){if(i.hasAttributes())for(let y of i.getAttributeNames())if(y.endsWith(Rr)){let P=E[a++],X=i.getAttribute(y).split(Y),Qe=/([.?@])?(.*)/.exec(P);l.push({type:1,index:n,name:Qe[2],strings:X,ctor:Qe[1]==="."?Rt:Qe[1]==="?"?Lt:Qe[1]==="@"?wt:ye}),i.removeAttribute(y)}else y.startsWith(Y)&&(l.push({type:6,index:n}),i.removeAttribute(y));if(wr.test(i.tagName)){let y=i.textContent.split(Y),P=y.length-1;if(P>0){i.textContent=it?it.emptyScript:"";for(let X=0;X<P;X++)i.append(y[X],De()),de.nextNode(),l.push({type:2,index:++n});i.append(y[P],De())}}}else if(i.nodeType===8)if(i.data===Lr)l.push({type:2,index:n});else{let y=-1;for(;(y=i.data.indexOf(Y,y+1))!==-1;)l.push({type:7,index:n}),y+=Y.length-1}n++}}static createElement(t,e){let r=ce.createElement("template");return r.innerHTML=t,r}};function fe(o,t,e=o,r){var a,c,l;if(t===H)return t;let i=r!==void 0?(a=e.o)==null?void 0:a[r]:e.l,n=Ue(t)?void 0:t._$litDirective$;return(i==null?void 0:i.constructor)!==n&&((c=i==null?void 0:i._$AO)==null||c.call(i,!1),n===void 0?i=void 0:(i=new n(o),i._$AT(o,e,r)),r!==void 0?((l=e.o)!=null?l:e.o=[])[r]=i:e.l=i),i!==void 0&&(t=fe(o,i._$AS(o,t.values),i,r)),t}var zt=class{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 f;let{el:{content:e},parts:r}=this._$AD,i=((f=t==null?void 0:t.creationScope)!=null?f:ce).importNode(e,!0);de.currentNode=i;let n=de.nextNode(),a=0,c=0,l=r[0];for(;l!==void 0;){if(a===l.index){let E;l.type===2?E=new Ve(n,n.nextSibling,this,t):l.type===1?E=new l.ctor(n,l.name,l.strings,this,t):l.type===6&&(E=new $t(n,this,t)),this._$AV.push(E),l=r[++c]}a!==(l==null?void 0:l.index)&&(n=de.nextNode(),a++)}return de.currentNode=ce,i}p(t){let e=0;for(let r of this._$AV)r!==void 0&&(r.strings!==void 0?(r._$AI(t,r,e),e+=r.strings.length-2):r._$AI(t[e])),e++}},Ve=class o{get _$AU(){var t,e;return(e=(t=this._$AM)==null?void 0:t._$AU)!=null?e:this.v}constructor(t,e,r,i){var n;this.type=2,this._$AH=h,this._$AN=void 0,this._$AA=t,this._$AB=e,this._$AM=r,this.options=i,this.v=(n=i==null?void 0:i.isConnected)!=null?n:!0}get parentNode(){let t=this._$AA.parentNode,e=this._$AM;return e!==void 0&&(t==null?void 0:t.nodeType)===11&&(t=e.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,e=this){t=fe(this,t,e),Ue(t)?t===h||t==null||t===""?(this._$AH!==h&&this._$AR(),this._$AH=h):t!==this._$AH&&t!==H&&this._(t):t._$litType$!==void 0?this.$(t):t.nodeType!==void 0?this.T(t):ni(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==h&&Ue(this._$AH)?this._$AA.nextSibling.data=t:this.T(ce.createTextNode(t)),this._$AH=t}$(t){var n;let{values:e,_$litType$:r}=t,i=typeof r=="number"?this._$AC(t):(r.el===void 0&&(r.el=Pe.createElement($r(r.h,r.h[0]),this.options)),r);if(((n=this._$AH)==null?void 0:n._$AD)===i)this._$AH.p(e);else{let a=new zt(i,this),c=a.u(this.options);a.p(e),this.T(c),this._$AH=a}}_$AC(t){let e=Cr.get(t.strings);return e===void 0&&Cr.set(t.strings,e=new Pe(t)),e}k(t){Mt(this._$AH)||(this._$AH=[],this._$AR());let e=this._$AH,r,i=0;for(let n of t)i===e.length?e.push(r=new o(this.O(De()),this.O(De()),this,this.options)):r=e[i],r._$AI(n),i++;i<e.length&&(this._$AR(r&&r._$AB.nextSibling,i),e.length=i)}_$AR(t=this._$AA.nextSibling,e){var r;for((r=this._$AP)==null?void 0:r.call(this,!1,!0,e);t&&t!==this._$AB;){let i=t.nextSibling;t.remove(),t=i}}setConnected(t){var e;this._$AM===void 0&&(this.v=t,(e=this._$AP)==null||e.call(this,t))}},ye=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,e,r,i,n){this.type=1,this._$AH=h,this._$AN=void 0,this.element=t,this.name=e,this._$AM=i,this.options=n,r.length>2||r[0]!==""||r[1]!==""?(this._$AH=Array(r.length-1).fill(new String),this.strings=r):this._$AH=h}_$AI(t,e=this,r,i){let n=this.strings,a=!1;if(n===void 0)t=fe(this,t,e,0),a=!Ue(t)||t!==this._$AH&&t!==H,a&&(this._$AH=t);else{let c=t,l,f;for(t=n[0],l=0;l<n.length-1;l++)f=fe(this,c[r+l],e,l),f===H&&(f=this._$AH[l]),a||(a=!Ue(f)||f!==this._$AH[l]),f===h?t=h:t!==h&&(t+=(f!=null?f:"")+n[l+1]),this._$AH[l]=f}a&&!i&&this.j(t)}j(t){t===h?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t!=null?t:"")}},Rt=class extends ye{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===h?void 0:t}},Lt=class extends ye{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==h)}},wt=class extends ye{constructor(t,e,r,i,n){super(t,e,r,i,n),this.type=5}_$AI(t,e=this){var a;if((t=(a=fe(this,t,e,0))!=null?a:h)===H)return;let r=this._$AH,i=t===h&&r!==h||t.capture!==r.capture||t.once!==r.once||t.passive!==r.passive,n=t!==h&&(r===h||i);i&&this.element.removeEventListener(this.name,this,r),n&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){var e,r;typeof this._$AH=="function"?this._$AH.call((r=(e=this.options)==null?void 0:e.host)!=null?r:this.element,t):this._$AH.handleEvent(t)}},$t=class{constructor(t,e,r){this.element=t,this.type=6,this._$AN=void 0,this._$AM=e,this.options=r}get _$AU(){return this._$AM._$AU}_$AI(t){fe(this,t)}};var Ct=Oe.litHtmlPolyfillSupport,zr;Ct==null||Ct(Pe,Ve),((zr=Oe.litHtmlVersions)!=null?zr:Oe.litHtmlVersions=[]).push("3.2.0");var Mr=(o,t,e)=>{var n,a;let r=(n=e==null?void 0:e.renderBefore)!=null?n:t,i=r._$litPart$;if(i===void 0){let c=(a=e==null?void 0:e.renderBefore)!=null?a:null;r._$litPart$=i=new Ve(t.insertBefore(De(),c),c,void 0,e!=null?e:{})}return i._$AI(o),i};var q=class extends V{constructor(){super(...arguments),this.renderOptions={host:this},this.o=void 0}createRenderRoot(){var e,r;let t=super.createRenderRoot();return(r=(e=this.renderOptions).renderBefore)!=null||(e.renderBefore=t.firstChild),t}update(t){let e=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this.o=Mr(e,this.renderRoot,this.renderOptions)}connectedCallback(){var t;super.connectedCallback(),(t=this.o)==null||t.setConnected(!0)}disconnectedCallback(){var t;super.disconnectedCallback(),(t=this.o)==null||t.setConnected(!1)}render(){return H}},Or;q._$litElement$=!0,q.finalized=!0,(Or=globalThis.litElementHydrateSupport)==null||Or.call(globalThis,{LitElement:q});var Dt=globalThis.litElementPolyfillSupport;Dt==null||Dt({LitElement:q});var Dr;((Dr=globalThis.litElementVersions)!=null?Dr:globalThis.litElementVersions=[]).push("4.1.0");var Ur=p`
|
|
4
4
|
:host {
|
|
5
5
|
box-sizing: border-box;
|
|
6
6
|
}
|
|
@@ -10,11 +10,11 @@
|
|
|
10
10
|
:host *::after {
|
|
11
11
|
box-sizing: inherit;
|
|
12
12
|
}
|
|
13
|
-
`;var
|
|
13
|
+
`;var at=class extends q{static register(t){customElements.get(t)||customElements.define(t,this)}};at.styles=[Ur];var Pr=at;var g=Pr;var j=class extends Event{constructor(t,e,r){super("context-request",{bubbles:!0,composed:!0}),this.context=t,this.callback=e,this.subscribe=r!=null?r:!1}};var xe=class{constructor(t,e,r,i){var n;if(this.subscribe=!1,this.provided=!1,this.value=void 0,this.t=(a,c)=>{this.unsubscribe&&(this.unsubscribe!==c&&(this.provided=!1,this.unsubscribe()),this.subscribe||this.unsubscribe()),this.value=a,this.host.requestUpdate(),this.provided&&!this.subscribe||(this.provided=!0,this.callback&&this.callback(a,c)),this.unsubscribe=c},this.host=t,e.context!==void 0){let a=e;this.context=a.context,this.callback=a.callback,this.subscribe=(n=a.subscribe)!=null?n:!1}else this.context=e,this.callback=r,this.subscribe=i!=null?i:!1;this.host.addController(this)}hostConnected(){this.dispatchRequest()}hostDisconnected(){this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=void 0)}dispatchRequest(){this.host.dispatchEvent(new j(this.context,this.t,this.subscribe))}};var nt=class{get value(){return this.o}set value(t){this.setValue(t)}setValue(t,e=!1){let r=e||!Object.is(t,this.o);this.o=t,r&&this.updateObservers()}constructor(t){this.subscriptions=new Map,this.updateObservers=()=>{for(let[e,{disposer:r}]of this.subscriptions)e(this.o,r)},t!==void 0&&(this.value=t)}addCallback(t,e,r){if(!r)return void t(this.value);this.subscriptions.has(t)||this.subscriptions.set(t,{disposer:()=>{this.subscriptions.delete(t)},consumerHost:e});let{disposer:i}=this.subscriptions.get(t);t(this.value,i)}clearCallbacks(){this.subscriptions.clear()}};var Ut=class extends Event{constructor(t){super("context-provider",{bubbles:!0,composed:!0}),this.context=t}},Ee=class extends nt{constructor(t,e,r){var i,n;super(e.context!==void 0?e.initialValue:r),this.onContextRequest=a=>{let c=a.composedPath()[0];a.context===this.context&&c!==this.host&&(a.stopPropagation(),this.addCallback(a.callback,c,a.subscribe))},this.onProviderRequest=a=>{let c=a.composedPath()[0];if(a.context!==this.context||c===this.host)return;let l=new Set;for(let[f,{consumerHost:E}]of this.subscriptions)l.has(f)||(l.add(f),E.dispatchEvent(new j(this.context,f,!0)));a.stopPropagation()},this.host=t,e.context!==void 0?this.context=e.context:this.context=e,this.attachListeners(),(n=(i=this.host).addController)==null||n.call(i,this)}attachListeners(){this.host.addEventListener("context-request",this.onContextRequest),this.host.addEventListener("context-provider",this.onProviderRequest)}hostConnected(){this.host.dispatchEvent(new Ut(this.context))}};var di=p`
|
|
14
14
|
:host {
|
|
15
15
|
display: contents;
|
|
16
16
|
}
|
|
17
|
-
`,
|
|
17
|
+
`,Hr=di;var st=class extends g{constructor({context:t,initialValue:e}){super(),this.context=new Ee(this,{context:t,initialValue:e})}render(){return this.updateContext(),m`<slot></slot>`}};st.styles=[...g.styles,Hr];var Gr=st;var Te=Gr;var dt=class{constructor(t){this.themeclass=t}};dt.context=ot;var ct=dt;var ci=p`
|
|
18
18
|
:host {
|
|
19
19
|
--mdc-themeprovider-color-default: var(--mds-color-theme-text-primary-normal);
|
|
20
20
|
--mdc-themeprovider-font-family: var(--mds-font-family-primary);
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
|
|
32
32
|
font-feature-settings: var(--mdc-themeprovider-font-feature-settings);
|
|
33
33
|
}
|
|
34
|
-
`,
|
|
34
|
+
`,Br=[ci];var _e=class extends Te{constructor(){super({context:ct.context,initialValue:new ct(Nt.THEMECLASS)});this.themeclass=Nt.THEMECLASS}static get Context(){return ct.context}updated(e){super.updated(e),e.has("themeclass")&&(this.setThemeInClassList(),this.currentThemeClass=this.themeclass)}updateContext(){this.context.value.themeclass!==this.themeclass&&(this.context.value.themeclass=this.themeclass,this.context.updateObservers())}setThemeInClassList(){this.currentThemeClass&&this.classList.remove(...this.currentThemeClass.split(" ")),this.themeclass&&this.classList.add(...this.themeclass.split(" "))}};_e.styles=[...Te.styles,...Br],s([z()],_e.prototype,"currentThemeClass",2),s([d({type:String})],_e.prototype,"themeclass",2);var Pt=_e;Pt.register(ot);var li=Pt;var x=p`
|
|
35
35
|
:host {
|
|
36
36
|
align-items: center;
|
|
37
37
|
display: flex;
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
justify-content: center;
|
|
40
40
|
width: fit-content;
|
|
41
41
|
}
|
|
42
|
-
`,
|
|
42
|
+
`,S=(o=!1)=>{let t=p`
|
|
43
43
|
:host {
|
|
44
44
|
--mdc-focus-ring-inner-color: var(--mds-color-theme-focus-default-0);
|
|
45
45
|
--mdc-focus-ring-middle-color: var(--mds-color-theme-focus-default-1);
|
|
@@ -89,7 +89,7 @@
|
|
|
89
89
|
outline: 0.125rem solid var(--mds-color-theme-focus-default-0);
|
|
90
90
|
}
|
|
91
91
|
}
|
|
92
|
-
`]};var
|
|
92
|
+
`]};var mi=[x,p`
|
|
93
93
|
:host {
|
|
94
94
|
--mdc-icon-fill-color: currentColor;
|
|
95
95
|
--mdc-icon-size: var(--computed-icon-size);
|
|
@@ -104,7 +104,7 @@
|
|
|
104
104
|
width: 100%;
|
|
105
105
|
fill: var(--mdc-icon-fill-color);
|
|
106
106
|
}
|
|
107
|
-
`,...
|
|
107
|
+
`,...S()],Fr=mi;var pi=o=>{let{host:t,context:e,subscribe:r}=o;return new xe(t,{context:e,subscribe:r!=null?r:!0})},hi={consume:pi},Xr=hi;var lt=u.constructTagName("iconprovider"),Zr=["svg"],Yr=["em","rem","px","%"],ui={px:16,em:1,rem:1,"%":100},W={FILE_EXTENSION:"svg",LENGTH_UNIT:"em",SIZE:ui.em};var mt=class{};mt.context=lt;var pt=mt;var le=class extends Te{constructor(){super({context:pt.context,initialValue:new pt});this.fileExtension=W.FILE_EXTENSION;this.lengthUnit=W.LENGTH_UNIT;this.size=W.SIZE}static get Context(){return pt.context}updateValuesInContext(){this.fileExtension&&Zr.includes(this.fileExtension)?this.context.value.fileExtension=this.fileExtension:(this.fileExtension=W.FILE_EXTENSION,this.context.value.fileExtension=W.FILE_EXTENSION),this.context.value.url=this.url,this.context.value.size=this.size,this.lengthUnit&&Yr.includes(this.lengthUnit)?this.context.value.lengthUnit=this.lengthUnit:(this.lengthUnit=W.LENGTH_UNIT,this.context.value.lengthUnit=W.LENGTH_UNIT)}updateContext(){(this.context.value.fileExtension!==this.fileExtension||this.context.value.url!==this.url||this.context.value.lengthUnit!==this.lengthUnit||this.context.value.size!==this.size)&&(this.updateValuesInContext(),this.context.updateObservers())}};s([d({type:String})],le.prototype,"url",2),s([d({type:String,attribute:"file-extension",reflect:!0})],le.prototype,"fileExtension",2),s([d({type:String,attribute:"length-unit",reflect:!0})],le.prototype,"lengthUnit",2),s([d({type:Number,reflect:!0})],le.prototype,"size",2);var He=le;var qr=async(o,t,e,r)=>{let i=await fetch(`${o}/${t}.${e}`,{signal:r});if(!i.ok)throw new Error("There was a problem while fetching the icon!");let n=await i.text(),a=new DOMParser().parseFromString(n,"text/html").body.children[0];return a.setAttribute("data-name",t),a.setAttribute("part","icon"),a.setAttribute("aria-hidden","true"),a};var jr=u.constructTagName("icon"),Vt={NAME:void 0,SIZE:1};var L=class extends g{constructor(){super();this.name=Vt.NAME;this.ariaLabel=null;this.iconProviderContext=Xr.consume({host:this,context:He.Context});this.abortController=new AbortController}async getIconData(){if(this.iconProviderContext.value){let{fileExtension:e,url:r}=this.iconProviderContext.value;if(r&&e&&this.name){this.abortController.abort(),this.abortController=new AbortController;try{let i=await qr(r,this.name,e,this.abortController.signal);this.handleIconLoadedSuccess(i)}catch(i){this.handleIconLoadedFailure(i)}}}}handleIconLoadedSuccess(e){this.iconData=e;let r=new Event("load",{bubbles:!0,cancelable:!0});this.dispatchEvent(r)}handleIconLoadedFailure(e){let r=new CustomEvent("error",{bubbles:!0,cancelable:!0,detail:{error:e}});this.dispatchEvent(r)}updateSize(){var e;if(this.computedIconSize&&(this.lengthUnit||this.lengthUnitFromContext)){let r=`${this.computedIconSize}${(e=this.lengthUnit)!=null?e:this.lengthUnitFromContext}`;this.style.setProperty("--computed-icon-size",r)}}get computedIconSize(){var e,r;return(r=(e=this.size)!=null?e:this.sizeFromContext)!=null?r:Vt.SIZE}updated(e){var r,i,n,a;super.updated(e),e.has("name")&&this.getIconData().catch(c=>{c.name!=="AbortError"&&this.onerror&&this.onerror(c)}),e.has("ariaLabel")&&(this.role=this.ariaLabel?"img":null),(e.has("size")||e.has("lengthUnit"))&&this.updateSize(),this.lengthUnitFromContext!==((r=this.iconProviderContext.value)==null?void 0:r.lengthUnit)&&(this.lengthUnitFromContext=(i=this.iconProviderContext.value)==null?void 0:i.lengthUnit,this.updateSize()),this.sizeFromContext!==((n=this.iconProviderContext.value)==null?void 0:n.size)&&(this.sizeFromContext=(a=this.iconProviderContext.value)==null?void 0:a.size,this.updateSize())}render(){return m` ${this.iconData} `}};L.styles=[...g.styles,...Fr],s([z()],L.prototype,"iconData",2),s([z()],L.prototype,"lengthUnitFromContext",2),s([z()],L.prototype,"sizeFromContext",2),s([d({type:String,reflect:!0})],L.prototype,"name",2),s([d({type:Number})],L.prototype,"size",2),s([d({type:String,attribute:"length-unit"})],L.prototype,"lengthUnit",2),s([d({type:String,attribute:"aria-label"})],L.prototype,"ariaLabel",2),s([z()],L.prototype,"abortController",2);var Ht=L;Ht.register(jr);var gi=Ht;He.register(lt);var bi=He;var b=o=>o!=null?o:h;var Wr=u.constructTagName("avatar"),C={COUNTER:"counter",ICON:"icon",PHOTO:"photo",TEXT:"text"},Gt=99,vi="user-regular",v={24:24,32:32,48:48,64:64,72:72,88:88,124:124},Ae={TYPE:C.PHOTO,SIZE:v[32],ICON_NAME:vi};var ht=o=>{class t extends o{constructor(){super(...arguments);this.size=Ae.SIZE;this.isTyping=!1}}return s([d({type:String})],t.prototype,"src",2),s([d({type:String})],t.prototype,"initials",2),s([d({type:String})],t.prototype,"presence",2),s([d({type:Number,reflect:!0,attribute:"size"})],t.prototype,"size",2),s([d({type:Number})],t.prototype,"counter",2),s([d({type:Boolean,attribute:"is-typing"})],t.prototype,"isTyping",2),t};var $=o=>{class t extends o{}return s([d({type:String,attribute:"icon-name"})],t.prototype,"iconName",2),t};var fi=[x,p`
|
|
108
108
|
:host {
|
|
109
109
|
--mdc-avatar-default-background-color: var(--mds-color-theme-avatar-default);
|
|
110
110
|
--mdc-avatar-default-foreground-color: var(--mds-color-theme-common-text-primary-normal);
|
|
@@ -227,38 +227,38 @@
|
|
|
227
227
|
outline: 0.125rem solid;
|
|
228
228
|
}
|
|
229
229
|
}
|
|
230
|
-
`],
|
|
231
|
-
<mdc-presence class="presence" type="${this.presence}" size="${
|
|
230
|
+
`],Kr=fi;var Qr=u.constructTagName("presence"),k={ACTIVE:"active",AWAY:"away",AWAY_CALLING:"away-calling",BUSY:"busy",DND:"dnd",MEETING:"meeting",ON_CALL:"on-call",ON_DEVICE:"on-device",ON_MOBILE:"on-mobile",PAUSE:"pause",PTO:"pto",PRESENTING:"presenting",QUIET:"quiet",SCHEDULED:"scheduled"},I={XX_SMALL:"xx_small",X_SMALL:"x_small",SMALL:"small",MIDSIZE:"midsize",LARGE:"large",X_LARGE:"x_large",XX_LARGE:"xx_large"},Se={TYPE:k.ACTIVE,SIZE:I.SMALL};var Ge=u.constructTagName("text"),A={BODY_SMALL_REGULAR:"body-small-regular",BODY_SMALL_MEDIUM:"body-small-medium",BODY_SMALL_BOLD:"body-small-bold",BODY_MIDSIZE_REGULAR:"body-midsize-regular",BODY_MIDSIZE_MEDIUM:"body-midsize-medium",BODY_MIDSIZE_BOLD:"body-midsize-bold",BODY_LARGE_REGULAR:"body-large-regular",BODY_LARGE_MEDIUM:"body-large-medium",BODY_LARGE_BOLD:"body-large-bold",BODY_SMALL_REGULAR_UNDERLINE:"body-small-regular-underline",BODY_SMALL_MEDIUM_UNDERLINE:"body-small-medium-underline",BODY_MIDSIZE_REGULAR_UNDERLINE:"body-midsize-regular-underline",BODY_MIDSIZE_MEDIUM_UNDERLINE:"body-midsize-medium-underline",BODY_LARGE_REGULAR_UNDERLINE:"body-large-regular-underline",BODY_LARGE_MEDIUM_UNDERLINE:"body-large-medium-underline",HEADING_SMALL_REGULAR:"heading-small-regular",HEADING_SMALL_MEDIUM:"heading-small-medium",HEADING_SMALL_BOLD:"heading-small-bold",HEADING_MIDSIZE_REGULAR:"heading-midsize-regular",HEADING_MIDSIZE_MEDIUM:"heading-midsize-medium",HEADING_MIDSIZE_BOLD:"heading-midsize-bold",HEADING_LARGE_REGULAR:"heading-large-regular",HEADING_LARGE_MEDIUM:"heading-large-medium",HEADING_LARGE_BOLD:"heading-large-bold",HEADING_XLARGE_REGULAR:"heading-xlarge-regular",HEADING_XLARGE_MEDIUM:"heading-xlarge-medium",HEADING_XLARGE_BOLD:"heading-xlarge-bold",HEADLINE_SMALL_LIGHT:"headline-small-light",HEADLINE_SMALL_REGULAR:"headline-small-regular"},_={H1:"h1",H2:"h2",H3:"h3",H4:"h4",H5:"h5",H6:"h6",P:"p",SMALL:"small",SPAN:"span",DIV:"div"},R={TYPE:A.BODY_LARGE_REGULAR,TEXT_ELEMENT_TAGNAME:_.P,CSS_PART_TEXT:"text",CHILDREN:"The quick brown fox jumps over the lazy dog"};var Jr=o=>({[v[124]]:I.XX_LARGE,[v[88]]:I.X_LARGE,[v[72]]:I.LARGE,[v[64]]:I.MIDSIZE,[v[48]]:I.SMALL,[v[32]]:I.X_SMALL,[v[24]]:I.XX_SMALL})[o]||I.X_SMALL,eo=o=>({[v[124]]:4.75,[v[88]]:3,[v[72]]:2.5,[v[64]]:2.25,[v[48]]:1.75,[v[32]]:1.25,[v[24]]:1})[o]||1.25,to=o=>({[v[124]]:A.HEADING_XLARGE_MEDIUM,[v[88]]:A.HEADING_LARGE_MEDIUM,[v[72]]:A.HEADING_MIDSIZE_MEDIUM,[v[64]]:A.HEADING_SMALL_MEDIUM,[v[48]]:A.HEADING_SMALL_MEDIUM,[v[32]]:A.BODY_MIDSIZE_MEDIUM,[v[24]]:A.BODY_SMALL_MEDIUM})[o]||A.BODY_MIDSIZE_MEDIUM;var Be=class extends ht($(g)){constructor(){super(...arguments);this.isPhotoLoaded=!1}getPresenceTemplateBasedOnType(e){return e===C.COUNTER&&(this.counter||this.counter===0)?h:this.presence?m`
|
|
231
|
+
<mdc-presence class="presence" type="${this.presence}" size="${Jr(this.size)}"></mdc-presence>
|
|
232
232
|
`:h}handleOnLoad(){this.isPhotoLoaded=!0}handleOnError(){this.isPhotoLoaded=!1,this.onerror&&this.onerror("There was a problem while fetching the <img/>. Please check the src attribute and try again.")}photoTemplate(){return m`
|
|
233
233
|
<img
|
|
234
234
|
class="photo"
|
|
235
|
-
src="${
|
|
235
|
+
src="${b(this.src)}"
|
|
236
236
|
aria-hidden="true"
|
|
237
237
|
?hidden="${!this.isPhotoLoaded}"
|
|
238
238
|
@load="${this.handleOnLoad}"
|
|
239
239
|
@error="${this.handleOnError}"
|
|
240
240
|
/>
|
|
241
|
-
`}iconTemplate(){let e=this.iconName||
|
|
241
|
+
`}iconTemplate(){let e=this.iconName||Ae.ICON_NAME;return m`
|
|
242
242
|
<mdc-icon
|
|
243
|
-
name="${
|
|
243
|
+
name="${b(e)}"
|
|
244
244
|
length-unit="rem"
|
|
245
|
-
size="${
|
|
245
|
+
size="${eo(this.size)}"
|
|
246
246
|
></mdc-icon>
|
|
247
247
|
`}textTemplate(e){return m`
|
|
248
248
|
<mdc-text
|
|
249
|
-
type="${
|
|
249
|
+
type="${to(this.size)}"
|
|
250
250
|
tagname="span"
|
|
251
251
|
>
|
|
252
252
|
${e}
|
|
253
253
|
</mdc-text>
|
|
254
|
-
`}generateCounterText(e){return e<0?"0":e>
|
|
254
|
+
`}generateCounterText(e){return e<0?"0":e>Gt?`${Gt}+`:e.toString()}generateInitialsText(e){return e.toUpperCase().slice(0,2)}generateTextContent(e){let r="";return e===C.TEXT&&this.initials&&(r=this.generateInitialsText(this.initials)),e===C.COUNTER&&(this.counter||this.counter===0)&&(r=this.generateCounterText(this.counter)),this.textTemplate(r)}getTypeBasedOnInputs(){return this.src?C.PHOTO:this.iconName?C.ICON:this.initials?C.TEXT:this.counter||this.counter===0?C.COUNTER:C.ICON}getTemplateBasedOnType(e){switch(e){case C.PHOTO:return this.photoTemplate();case C.TEXT:case C.COUNTER:return this.generateTextContent(e);case C.ICON:default:return this.iconTemplate()}}getLoadingContent(){return this.isTyping?m`<div class="loading__wrapper"><div class="loader"></div></div>`:h}getPhotoPlaceHolderContent(e){return this.isPhotoLoaded?h:e===C.PHOTO?this.initials?this.textTemplate(this.generateInitialsText(this.initials)):this.iconTemplate():h}update(e){super.update(e),e.has("src")&&!this.src&&(this.isPhotoLoaded=!1)}render(){let e=this.getTypeBasedOnInputs();return m`
|
|
255
255
|
<div class="content" aria-hidden="true">
|
|
256
256
|
${this.getPhotoPlaceHolderContent(e)}
|
|
257
257
|
${this.getTemplateBasedOnType(e)}
|
|
258
258
|
${this.getLoadingContent()}
|
|
259
259
|
${this.getPresenceTemplateBasedOnType(e)}
|
|
260
260
|
</div>
|
|
261
|
-
`}};
|
|
261
|
+
`}};Be.styles=[...g.styles,...Kr],s([z()],Be.prototype,"isPhotoLoaded",2);var Bt=Be;var yi=[x,p`
|
|
262
262
|
:host {
|
|
263
263
|
--mdc-presence-active-background-color: var(--mds-color-theme-indicator-stable);
|
|
264
264
|
--mdc-presence-away-background-color: var(--mds-color-theme-indicator-locked);
|
|
@@ -352,7 +352,7 @@
|
|
|
352
352
|
.mdc-presence-icon__scheduled {
|
|
353
353
|
color: var(--mdc-presence-scheduled-background-color);
|
|
354
354
|
}
|
|
355
|
-
`],
|
|
355
|
+
`],ro=yi;var oo=o=>{switch(o){case k.AWAY:return"recents-presence-badge-filled";case k.AWAY_CALLING:return"away-calling-presence-filled";case k.BUSY:return"busy-presence-bold";case k.DND:return"dnd-presence-badge-filled";case k.MEETING:return"camera-filled";case k.ON_CALL:return"handset-filled";case k.ON_DEVICE:return"generic-device-video-badge-filled";case k.ON_MOBILE:return"phone-badge-filled";case k.PAUSE:return"pause-badge-filled";case k.PTO:return"pto-presence-filled";case k.PRESENTING:return"share-screen-badge-filled";case k.QUIET:return"quiet-hours-presence-filled";case k.SCHEDULED:return"meetings-presence-badge-filled";case k.ACTIVE:default:return"active-presence-small-filled"}};var me=class extends g{constructor(){super(...arguments);this.type=Se.TYPE;this.size=Se.SIZE;this.currentIconType=Se.TYPE}get iconSize(){switch(this.size){case I.MIDSIZE:return 1.16125;case I.LARGE:return 1.30625;case I.X_LARGE:return 1.596875;case I.XX_LARGE:return 2.25;case I.XX_SMALL:case I.X_SMALL:case I.SMALL:default:return this.size=Se.SIZE,.875}}get icon(){let e=oo(this.type);return e==="active-presence-small-filled"&&(this.type=Se.TYPE),e}handleOnLoad(){this.currentIconType=this.type}handleOnError(){this.onerror&&this.onerror("There was a problem while fetching the icon. Please check the icon name and try again.")}render(){return m`
|
|
356
356
|
<div class="mdc-presence mdc-presence__${this.size}">
|
|
357
357
|
<mdc-icon
|
|
358
358
|
class="mdc-presence-icon mdc-presence-icon__${this.currentIconType}"
|
|
@@ -362,7 +362,7 @@
|
|
|
362
362
|
@error="${this.handleOnError}"
|
|
363
363
|
></mdc-icon>
|
|
364
364
|
</div>
|
|
365
|
-
`}};
|
|
365
|
+
`}};me.styles=[...g.styles,...ro],s([d({type:String,reflect:!0})],me.prototype,"type",2),s([d({type:String,reflect:!0})],me.prototype,"size",2),s([z()],me.prototype,"currentIconType",2);var Ft=me;Ft.register(Qr);var xi=Ft;var io=p`
|
|
366
366
|
:host::part(text) {
|
|
367
367
|
font-size: unset;
|
|
368
368
|
font-weight: unset;
|
|
@@ -605,14 +605,14 @@
|
|
|
605
605
|
text-decoration: var(--mds-font-apps-body-small-regular-text-decoration);
|
|
606
606
|
text-transform: var(--mds-font-apps-body-small-regular-text-case);
|
|
607
607
|
}
|
|
608
|
-
`;var
|
|
608
|
+
`;var Ei=[p`
|
|
609
609
|
:host {
|
|
610
610
|
--mdc-text-font-family: var(--mdc-themeprovider-font-family);
|
|
611
611
|
|
|
612
612
|
display: block;
|
|
613
613
|
font-family: var(--mdc-text-font-family);
|
|
614
614
|
}
|
|
615
|
-
`,
|
|
615
|
+
`,io],ao=Ei;var Ie=class extends g{constructor(){super(...arguments);this.type=R.TYPE;this.tagname=R.TEXT_ELEMENT_TAGNAME}render(){switch(this.tagname){case _.H1:return m`<h1 part=${R.CSS_PART_TEXT}><slot></slot></h1>`;case _.H2:return m`<h2 part=${R.CSS_PART_TEXT}><slot></slot></h2>`;case _.H3:return m`<h3 part=${R.CSS_PART_TEXT}><slot></slot></h3>`;case _.H4:return m`<h4 part=${R.CSS_PART_TEXT}><slot></slot></h4>`;case _.H5:return m`<h5 part=${R.CSS_PART_TEXT}><slot></slot></h5>`;case _.H6:return m`<h6 part=${R.CSS_PART_TEXT}><slot></slot></h6>`;case _.DIV:return m`<div part=${R.CSS_PART_TEXT}><slot></slot></div>`;case _.SPAN:return m`<span part=${R.CSS_PART_TEXT}><slot></slot></span>`;case _.SMALL:return m`<small part=${R.CSS_PART_TEXT}><slot></slot></small>`;case _.P:default:return m`<p part=${R.CSS_PART_TEXT}><slot></slot></p>`}}};Ie.styles=[...g.styles,...ao],s([d({attribute:"type",reflect:!0,type:String})],Ie.prototype,"type",2),s([d({attribute:"tagname",reflect:!0,type:String})],Ie.prototype,"tagname",2);var Xt=Ie;Xt.register(Ge);var Ti=Xt;Bt.register(Wr);var _i=Bt;var no={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},so=o=>(...t)=>({_$litDirective$:o,values:t}),ut=class{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,e,r){this.t=t,this._$AM=e,this.i=r}_$AS(t,e){return this.update(t,e)}update(t,e){return this.render(...e)}};var gt=so(class extends ut{constructor(o){var t;if(super(o),o.type!==no.ATTRIBUTE||o.name!=="class"||((t=o.strings)==null?void 0:t.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(o){return" "+Object.keys(o).filter(t=>o[t]).join(" ")+" "}update(o,[t]){var r,i;if(this.st===void 0){this.st=new Set,o.strings!==void 0&&(this.nt=new Set(o.strings.join(" ").split(/\s/).filter(n=>n!=="")));for(let n in t)t[n]&&!((r=this.nt)!=null&&r.has(n))&&this.st.add(n);return this.render(t)}let e=o.element.classList;for(let n of this.st)n in t||(e.remove(n),this.st.delete(n));for(let n in t){let a=!!t[n];a===this.st.has(n)||(i=this.nt)!=null&&i.has(n)||(a?(e.add(n),this.st.add(n)):(e.remove(n),this.st.delete(n)))}return H}});var co=u.constructTagName("badge"),G={DOT:"dot",ICON:"icon",COUNTER:"counter",SUCCESS:"success",WARNING:"warning",ERROR:"error"},bt={SUCCESS_ICON_NAME:"check-circle-badge-filled",WARNING_ICON_NAME:"warning-badge-filled",ERROR_ICON_NAME:"error-legacy-badge-filled"},vt={PRIMARY:"primary",SECONDARY:"secondary"},Fe={SUCCESS:"success",WARNING:"warning",ERROR:"error"},yc={...vt,...Fe},K={TYPE:G.DOT,MAX_COUNTER:99,MAX_COUNTER_LIMIT:999,VARIANT:vt.PRIMARY,ICON_SIZE:1};var Ai=[x,p`
|
|
616
616
|
:host {
|
|
617
617
|
--mdc-badge-primary-foreground-color: var(--mds-color-theme-common-text-primary-normal);
|
|
618
618
|
--mdc-badge-primary-background-color: var(--mds-color-theme-background-accent-normal);
|
|
@@ -681,21 +681,21 @@
|
|
|
681
681
|
outline: 0.125rem solid;
|
|
682
682
|
}
|
|
683
683
|
}
|
|
684
|
-
`],
|
|
684
|
+
`],lo=Ai;var M=class extends $(g){constructor(){super(...arguments);this.variant=K.VARIANT;this.maxCounter=K.MAX_COUNTER;this.overlay=!1;this.ariaLabel=null}getCounterText(e,r){return r===void 0||typeof r!="number"||e===0?"":r>e?`${e}+`:e>K.MAX_COUNTER_LIMIT||r>K.MAX_COUNTER_LIMIT?`${K.MAX_COUNTER_LIMIT}+`:r.toString()}getBadgeIcon(e,r){return m`
|
|
685
685
|
<mdc-icon
|
|
686
|
-
class="mdc-badge-icon ${
|
|
687
|
-
name="${
|
|
686
|
+
class="mdc-badge-icon ${gt({"mdc-badge-overlay":this.overlay,[`mdc-badge-icon__${r}`]:!0})}"
|
|
687
|
+
name="${b(e)}"
|
|
688
688
|
size="${K.ICON_SIZE}"
|
|
689
689
|
></mdc-icon>
|
|
690
|
-
`}getBadgeDot(){return m`<div class="mdc-badge-dot ${
|
|
690
|
+
`}getBadgeDot(){return m`<div class="mdc-badge-dot ${gt({"mdc-badge-overlay":this.overlay})}"></div>`}getBadgeCounterText(){return m`
|
|
691
691
|
<mdc-text
|
|
692
|
-
type="${
|
|
693
|
-
tagname="${
|
|
694
|
-
class="mdc-badge-text ${
|
|
692
|
+
type="${A.BODY_SMALL_MEDIUM}"
|
|
693
|
+
tagname="${_.DIV}"
|
|
694
|
+
class="mdc-badge-text ${gt({"mdc-badge-overlay":this.overlay})}"
|
|
695
695
|
>
|
|
696
696
|
${this.getCounterText(this.maxCounter,this.counter)}
|
|
697
697
|
</mdc-text>
|
|
698
|
-
`}setRoleByAriaLabel(){this.ariaLabel?this.role="img":this.role=null}getBadgeContentBasedOnType(){this.variant&&!Object.values(
|
|
698
|
+
`}setRoleByAriaLabel(){this.ariaLabel?this.role="img":this.role=null}getBadgeContentBasedOnType(){this.variant&&!Object.values(vt).includes(this.variant)&&(this.variant=K.VARIANT);let{iconName:e,type:r,variant:i}=this;switch(r){case G.ICON:return this.getBadgeIcon(e||"",i);case G.COUNTER:return this.getBadgeCounterText();case G.SUCCESS:return this.getBadgeIcon(bt.SUCCESS_ICON_NAME,Fe.SUCCESS);case G.WARNING:return this.getBadgeIcon(bt.WARNING_ICON_NAME,Fe.WARNING);case G.ERROR:return this.getBadgeIcon(bt.ERROR_ICON_NAME,Fe.ERROR);case G.DOT:default:return this.type=G.DOT,this.getBadgeDot()}}update(e){super.update(e),e.has("ariaLabel")&&this.setRoleByAriaLabel()}render(){return this.getBadgeContentBasedOnType()}};M.styles=[...g.styles,...lo],s([d({type:String,reflect:!0})],M.prototype,"type",2),s([d({type:String,reflect:!0})],M.prototype,"variant",2),s([d({type:Number})],M.prototype,"counter",2),s([d({type:Number,attribute:"max-counter",reflect:!0})],M.prototype,"maxCounter",2),s([d({type:Boolean})],M.prototype,"overlay",2),s([d({type:String,attribute:"aria-label"})],M.prototype,"ariaLabel",2);var Zt=M;Zt.register(co);var Si=Zt;var Ne=o=>{class t extends o{constructor(){super(...arguments);this.disabled=!1}}return s([d({reflect:!0,type:Boolean})],t.prototype,"disabled",2),t};var mo=o=>{class t extends o{constructor(){super(...arguments);this.tabIndex=0}}return s([d({reflect:!0,type:Number})],t.prototype,"tabIndex",2),t};var qc=u.constructTagName("buttonsimple"),Ii={20:20,24:24,28:28,32:32,40:40,48:48,52:52,64:64,72:72,88:88,124:124},ke={BUTTON:"button",SUBMIT:"submit",RESET:"reset"},ft={SIZE:Ii[32],TYPE:ke.BUTTON,ROLE:"button"};var Ni=[x,p`
|
|
699
699
|
:host {
|
|
700
700
|
border: 0.0625rem solid transparent;
|
|
701
701
|
cursor: pointer;
|
|
@@ -751,9 +751,9 @@
|
|
|
751
751
|
:host([size="20"]){
|
|
752
752
|
height: var(--mdc-button-height-size-20);
|
|
753
753
|
}
|
|
754
|
-
`,...
|
|
754
|
+
`,...S()],po=Ni;var O=class extends mo(Ne(g)){constructor(){super();this.active=!1;this.softDisabled=!1;this.size=ft.SIZE;this.role=ft.ROLE;this.type=ft.TYPE;this.prevTabindex=0;this.addEventListener("click",this.executeAction.bind(this)),this.addEventListener("keydown",this.handleKeyDown.bind(this)),this.addEventListener("keyup",this.handleKeyUp.bind(this)),this.internals=this.attachInternals()}get form(){return this.internals.form}update(e){super.update(e),e.has("disabled")&&this.setDisabled(this,this.disabled),e.has("softDisabled")&&this.setSoftDisabled(this,this.softDisabled),e.has("active")&&this.setActive(this,this.active)}executeAction(){this.type===ke.SUBMIT&&this.internals.form&&this.internals.form.requestSubmit(),this.type===ke.RESET&&this.internals.form&&this.internals.form.reset()}setActive(e,r){r?e.setAttribute("aria-pressed","true"):e.removeAttribute("aria-pressed")}setSoftDisabled(e,r){r?e.setAttribute("aria-disabled","true"):e.removeAttribute("aria-disabled")}setDisabled(e,r){r?(e.setAttribute("aria-disabled","true"),this.prevTabindex=this.tabIndex,this.tabIndex=-1):(this.tabIndex===-1&&(this.tabIndex=this.prevTabindex),e.removeAttribute("aria-disabled"))}triggerClickEvent(){let e=new MouseEvent("click",{bubbles:!0,cancelable:!0,view:window});this.dispatchEvent(e)}handleKeyDown(e){["Enter"," "].includes(e.key)&&(this.classList.add("pressed"),e.key==="Enter"&&this.triggerClickEvent())}handleKeyUp(e){["Enter"," "].includes(e.key)&&(this.classList.remove("pressed"),e.key===" "&&this.triggerClickEvent())}render(){return m`
|
|
755
755
|
<slot></slot>
|
|
756
|
-
`}};
|
|
756
|
+
`}};O.formAssociated=!0,O.styles=[...g.styles,...po],s([d({type:Boolean,reflect:!0})],O.prototype,"active",2),s([d({type:Boolean,attribute:"soft-disabled"})],O.prototype,"softDisabled",2),s([d({type:Number,reflect:!0})],O.prototype,"size",2),s([d({type:String,reflect:!0})],O.prototype,"role",2),s([d({reflect:!0})],O.prototype,"type",2);var Q=O;var Xe=u.constructTagName("button"),pe={PRIMARY:"primary",SECONDARY:"secondary",TERTIARY:"tertiary"},yt={40:40,32:32,28:28,24:24},B={64:64,52:52,20:20,...yt},Yt={POSITIVE:"positive",NEGATIVE:"negative",ACCENT:"accent",PROMOTIONAL:"promotional",DEFAULT:"default"},Ce={PILL:"pill",ICON:"icon",PILL_WITH_ICON:"pill-with-icon"},D={VARIANT:pe.PRIMARY,SIZE:yt[32],COLOR:Yt.DEFAULT,TYPE_INTERNAL:Ce.ICON,TYPE:ke.BUTTON};var ki=p`
|
|
757
757
|
:host {
|
|
758
758
|
background-color: transparent;
|
|
759
759
|
border-radius: 1.25rem;
|
|
@@ -924,7 +924,7 @@
|
|
|
924
924
|
--mdc-button-secondary-hover-background-color: var(--mds-color-theme-button-secondary-hover);
|
|
925
925
|
--mdc-button-secondary-pressed-background-color: var(--mds-color-theme-button-secondary-pressed);
|
|
926
926
|
}
|
|
927
|
-
`,
|
|
927
|
+
`,ho=[ki];var uo=o=>{switch(o){case B[64]:return 2;case B[52]:return 1.75;case B[40]:return 1.25;default:return 1}},Ze=o=>{let t=o.split("-"),e=["bold","filled","regular","light"];return t.filter(r=>!e.includes(r)).join("-")};var w=class extends Q{constructor(){super(...arguments);this.variant=D.VARIANT;this.size=D.SIZE;this.color=D.COLOR;this.role="button";this.typeInternal=D.TYPE_INTERNAL;this.iconSize=1}update(e){super.update(e),e.has("active")&&this.modifyIconName(this.active),e.has("size")&&this.setSize(this.size),e.has("variant")&&(this.setVariant(this.variant),this.setSize(this.size)),e.has("color")&&this.setColor(this.color),e.has("typeInternal")&&this.setSize(this.size),(e.has("prefixIcon")||e.has("postfixIcon"))&&this.inferButtonType()}modifyIconName(e){e?(this.prefixIcon&&(this.prevPrefixIcon=this.prefixIcon,this.prefixIcon=`${Ze(this.prefixIcon)}-filled`),this.postfixIcon&&(this.prevPostfixIcon=this.postfixIcon,this.postfixIcon=`${Ze(this.postfixIcon)}-filled`)):(this.prevPrefixIcon&&(this.prefixIcon=this.prevPrefixIcon),this.prevPostfixIcon&&(this.postfixIcon=this.prevPostfixIcon))}setVariant(e){this.setAttribute("variant",Object.values(pe).includes(e)?e:D.VARIANT)}setSize(e){let i=this.typeInternal===Ce.ICON?Object.values(B).includes(e)&&!(e===B[20]&&this.variant!==pe.TERTIARY):Object.values(yt).includes(e);this.setAttribute("size",i?`${e}`:`${D.SIZE}`),this.iconSize=uo(e)}setColor(e){!Object.values(Yt).includes(e)||this.variant===pe.TERTIARY?this.setAttribute("color",`${D.COLOR}`):this.setAttribute("color",e)}inferButtonType(){var r,i;let e=(i=(r=this.shadowRoot)==null?void 0:r.querySelector("slot"))==null?void 0:i.assignedNodes().length;e&&(this.prefixIcon||this.postfixIcon)?(this.typeInternal=Ce.PILL_WITH_ICON,this.setAttribute("data-btn-type","pill-with-icon")):!e&&(this.prefixIcon||this.postfixIcon)?(this.typeInternal=Ce.ICON,this.setAttribute("data-btn-type","icon")):(this.typeInternal=Ce.PILL,this.setAttribute("data-btn-type","pill"))}render(){return m`
|
|
928
928
|
${this.prefixIcon?m`
|
|
929
929
|
<mdc-icon
|
|
930
930
|
name="${this.prefixIcon}"
|
|
@@ -940,7 +940,7 @@
|
|
|
940
940
|
size=${this.iconSize}
|
|
941
941
|
length-unit="rem">
|
|
942
942
|
</mdc-icon>`:""}
|
|
943
|
-
`}};w.styles=[...
|
|
943
|
+
`}};w.styles=[...Q.styles,...ho],s([d({type:String,attribute:"prefix-icon",reflect:!0})],w.prototype,"prefixIcon",2),s([d({type:String,attribute:"postfix-icon",reflect:!0})],w.prototype,"postfixIcon",2),s([d({type:String})],w.prototype,"variant",2),s([d({type:Number})],w.prototype,"size",2),s([d({type:String})],w.prototype,"color",2),s([d({type:String,reflect:!0})],w.prototype,"role",2),s([z()],w.prototype,"typeInternal",2),s([z()],w.prototype,"iconSize",2);var qt=w;qt.register(Xe);var Ci=qt;var zi=p`
|
|
944
944
|
:host {
|
|
945
945
|
--mdc-bullet-background-color: var(--mds-color-theme-outline-secondary-normal);
|
|
946
946
|
--mdc-bullet-size-small: 0.25rem;
|
|
@@ -961,7 +961,7 @@
|
|
|
961
961
|
:host([size="large"]) {
|
|
962
962
|
height: var(--mdc-bullet-size-large);
|
|
963
963
|
}
|
|
964
|
-
`,
|
|
964
|
+
`,go=[zi];var bo=u.constructTagName("bullet"),vo={SMALL:"small",MEDIUM:"medium",LARGE:"large"};var Ye=class extends g{constructor(){super(...arguments);this.size=vo.SMALL}};Ye.styles=[...g.styles,...go],s([d({type:String,reflect:!0})],Ye.prototype,"size",2);var jt=Ye;jt.register(bo);var Ri=jt;var Li=p`
|
|
965
965
|
:host {
|
|
966
966
|
--mdc-marker-width: 0.25rem;
|
|
967
967
|
--mdc-marker-solid-background-color: var(--mds-color-theme-outline-secondary-normal);
|
|
@@ -986,7 +986,7 @@
|
|
|
986
986
|
var(--mdc-marker-striped-background-color) 0.375rem
|
|
987
987
|
);
|
|
988
988
|
}
|
|
989
|
-
`,fo=[
|
|
989
|
+
`,fo=[Li];var yo=u.constructTagName("marker"),xo={SOLID:"solid",STRIPED:"striped"};var qe=class extends g{constructor(){super(...arguments);this.variant=xo.SOLID}};qe.styles=[...g.styles,...fo],s([d({type:String,reflect:!0})],qe.prototype,"variant",2);var Wt=qe;Wt.register(yo);var wi=Wt;var Eo=u.constructTagName("divider"),je={HORIZONTAL:"horizontal",VERTICAL:"vertical"},Kt={SOLID:"solid",GRADIENT:"gradient"},J={POSITIVE:"positive",NEGATIVE:"negative"},We={UP:"arrow-up-regular",DOWN:"arrow-down-regular",LEFT:"arrow-left-regular",RIGHT:"arrow-right-regular"},he={ORIENTATION:je.HORIZONTAL,VARIANT:Kt.SOLID,ARROW_DIRECTION:J.NEGATIVE,BUTTON_DIRECTION:J.NEGATIVE};var $i=[x,p`
|
|
990
990
|
:host {
|
|
991
991
|
--mdc-divider-background-color: var(--mds-color-theme-outline-secondary-normal);
|
|
992
992
|
--mdc-divider-width: 0.0625rem;
|
|
@@ -1130,29 +1130,29 @@
|
|
|
1130
1130
|
font-size: var(--mdc-divider-text-size);
|
|
1131
1131
|
line-height: var(--mdc-divider-text-line-height);
|
|
1132
1132
|
}
|
|
1133
|
-
`],
|
|
1133
|
+
`],To=$i;var ee=class extends g{constructor(){super();this.orientation=he.ORIENTATION;this.variant=he.VARIANT;this.arrowDirection=he.ARROW_DIRECTION;this.buttonPosition=he.BUTTON_DIRECTION;this.setAttribute("data-type","mdc-primary-divider")}setVariant(e){this.setAttribute("variant",Object.values(Kt).includes(e)?e:he.VARIANT)}setOrientation(e){this.setAttribute("orientation",Object.values(je).includes(e)?e:he.ORIENTATION)}ensureValidDirections(){let e=this.orientation===je.HORIZONTAL?J.NEGATIVE:J.POSITIVE;Object.values(J).includes(this.buttonPosition)||(this.buttonPosition=e),Object.values(J).includes(this.arrowDirection)||(this.arrowDirection=e)}setGrabberButton(){this.ensureValidDirections();let e=this.querySelector("mdc-button");if(e){let r=this.getArrowIcon();e.setAttribute("variant","secondary"),e.setAttribute("prefix-icon",r)}}getArrowIcon(){let e=this.orientation===je.HORIZONTAL,r=this.arrowDirection===J.POSITIVE;return e?r?We.UP:We.DOWN:r?We.RIGHT:We.LEFT}update(e){super.update(e),e.has("orientation")&&this.setOrientation(this.orientation),e.has("variant")&&this.setVariant(this.variant),(e.has("orientation")||e.has("arrowDirection")||e.has("buttonPosition"))&&this.setGrabberButton()}inferDividerType(){var a;let e=(a=this.shadowRoot)==null?void 0:a.querySelector("slot"),r=(e==null?void 0:e.assignedElements({flatten:!0}))||[];if(r.length>1)return;let i=r.some(c=>c.tagName===Ge.toUpperCase()),n=r.some(c=>c.tagName===Xe.toUpperCase());i&&!n?this.setAttribute("data-type","mdc-text-divider"):!i&&n&&(this.setAttribute("data-type","mdc-grabber-divider"),this.setGrabberButton())}render(){return m`
|
|
1134
1134
|
<div></div>
|
|
1135
1135
|
<slot @slotchange=${this.inferDividerType}></slot>
|
|
1136
1136
|
<div></div>
|
|
1137
|
-
`}};
|
|
1137
|
+
`}};ee.styles=[...g.styles,...To],s([d({type:String,reflect:!0})],ee.prototype,"orientation",2),s([d({type:String,reflect:!0})],ee.prototype,"variant",2),s([d({type:String,attribute:"arrow-direction",reflect:!0})],ee.prototype,"arrowDirection",2),s([d({type:String,attribute:"button-position",reflect:!0})],ee.prototype,"buttonPosition",2);var Qt=ee;Qt.register(Eo);var Mi=Qt;var Oi=[x,p`
|
|
1138
1138
|
:host {
|
|
1139
1139
|
padding: unset;
|
|
1140
1140
|
margin: unset;
|
|
1141
1141
|
outline: none;
|
|
1142
1142
|
border-radius: 0.25rem;
|
|
1143
1143
|
}
|
|
1144
|
-
`,...
|
|
1144
|
+
`,...S()],_o=Oi;var Ke=class extends ht($(Q)){constructor(){super();this.ariaLabel=null;this.active=void 0,this.disabled=void 0,this.softDisabled=void 0,this.role="button",this.type=D.TYPE}update(e){super.update(e),e.has("size")&&this.setSize(this.size)}setSize(e){this.setAttribute("size",Object.values(v).includes(e)?`${e}`:Ae.SIZE.toString())}render(){return m`
|
|
1145
1145
|
<mdc-avatar
|
|
1146
1146
|
slot="prefixIcon"
|
|
1147
1147
|
?is-typing="${this.isTyping}"
|
|
1148
|
-
counter="${
|
|
1149
|
-
icon-name="${
|
|
1150
|
-
initials="${
|
|
1151
|
-
presence="${
|
|
1152
|
-
size="${
|
|
1153
|
-
src="${
|
|
1148
|
+
counter="${b(this.counter)}"
|
|
1149
|
+
icon-name="${b(this.iconName)}"
|
|
1150
|
+
initials="${b(this.initials)}"
|
|
1151
|
+
presence="${b(this.presence)}"
|
|
1152
|
+
size="${b(this.size)}"
|
|
1153
|
+
src="${b(this.src)}"
|
|
1154
1154
|
></mdc-avatar>
|
|
1155
|
-
`}};
|
|
1155
|
+
`}};Ke.styles=[..._o],s([d({type:String,attribute:"aria-label"})],Ke.prototype,"ariaLabel",2);var Jt=Ke;var Ao=u.constructTagName("avatarbutton");Jt.register(Ao);var Di=Jt;var Ui=[p`
|
|
1156
1156
|
:host{
|
|
1157
1157
|
--mdc-input-disabled-border-color: var(--mds-color-theme-outline-primary-disabled);
|
|
1158
1158
|
--mdc-input-disabled-text-color: var(--mds-color-theme-text-primary-disabled);
|
|
@@ -1266,7 +1266,7 @@
|
|
|
1266
1266
|
opacity: 0;
|
|
1267
1267
|
pointer-events: none;
|
|
1268
1268
|
}
|
|
1269
|
-
`,...
|
|
1269
|
+
`,...S(!0)],So=Ui;var N=[];for(let o=0;o<256;++o)N.push((o+256).toString(16).slice(1));function Io(o,t=0){return(N[o[t+0]]+N[o[t+1]]+N[o[t+2]]+N[o[t+3]]+"-"+N[o[t+4]]+N[o[t+5]]+"-"+N[o[t+6]]+N[o[t+7]]+"-"+N[o[t+8]]+N[o[t+9]]+"-"+N[o[t+10]]+N[o[t+11]]+N[o[t+12]]+N[o[t+13]]+N[o[t+14]]+N[o[t+15]]).toLowerCase()}var er,Pi=new Uint8Array(16);function tr(){if(!er){if(typeof crypto>"u"||!crypto.getRandomValues)throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");er=crypto.getRandomValues.bind(crypto)}return er(Pi)}var Vi=typeof crypto<"u"&&crypto.randomUUID&&crypto.randomUUID.bind(crypto),rr={randomUUID:Vi};function Hi(o,t,e){var i,n,a;if(rr.randomUUID&&!t&&!o)return rr.randomUUID();o=o||{};let r=(a=(n=o.random)!=null?n:(i=o.rng)==null?void 0:i.call(o))!=null?a:tr();if(r.length<16)throw new Error("Random bytes length must be >= 16");if(r[6]=r[6]&15|64,r[8]=r[8]&63|128,t){if(e=e||0,e<0||e+16>t.length)throw new RangeError(`UUID byte range ${e}:${e+15} is out of buffer bounds`);for(let c=0;c<16;++c)t[e+c]=r[c];return t}return Io(r)}var or=Hi;var Gi=[x,p`
|
|
1270
1270
|
:host {
|
|
1271
1271
|
flex-direction: column;
|
|
1272
1272
|
align-items: flex-start;
|
|
@@ -1311,11 +1311,11 @@
|
|
|
1311
1311
|
:host([help-text-type='priority']) .mdc-help-text {
|
|
1312
1312
|
color: var(--mds-color-theme-text-accent-normal);
|
|
1313
1313
|
}
|
|
1314
|
-
`],
|
|
1314
|
+
`],No=Gi;var ko=u.constructTagName("formfieldwrapper"),U={DEFAULT:"default",ERROR:"error",PRIORITY:"priority",SUCCESS:"success",WARNING:"warning"},ir={VALIDATION:U.DEFAULT},ar={TAGNAME:_.SPAN,TYPE:A.BODY_MIDSIZE_REGULAR};var Co=o=>({[U.ERROR]:"error-legacy-badge-filled",[U.WARNING]:"warning-badge-filled",[U.SUCCESS]:"check-circle-badge-filled",[U.PRIORITY]:"priority-badge-filled",[U.DEFAULT]:""})[o]||"";var te=class extends Ne(g){constructor(){super(...arguments);this.id=`mdc-input-${or()}`;this.helpTextType=ir.VALIDATION}renderLabelElement(){return this.label?m`<label for="${this.id}" class="mdc-label" part="label">${this.label}</label>`:h}renderHelpTextIcon(){if(!this.helpText)return h;let e=Co(this.helpTextType||ir.VALIDATION);return e&&!this.disabled?m`<mdc-icon part="helper-icon" size="1" length-unit="rem" name=${e}></mdc-icon>`:h}renderHelpText(){return this.helpText?m`
|
|
1315
1315
|
<mdc-text
|
|
1316
1316
|
part="help-text"
|
|
1317
|
-
tagname=${
|
|
1318
|
-
type=${
|
|
1317
|
+
tagname=${ar.TAGNAME}
|
|
1318
|
+
type=${ar.TYPE}
|
|
1319
1319
|
>
|
|
1320
1320
|
${this.helpText}
|
|
1321
1321
|
</mdc-text>
|
|
@@ -1325,30 +1325,30 @@
|
|
|
1325
1325
|
</div>`}renderHelperText(){return m`<div class="mdc-help-text" part="mdc-help-text">
|
|
1326
1326
|
<slot name="help-icon">${this.renderHelpTextIcon()}</slot>
|
|
1327
1327
|
<slot name="help-text">${this.renderHelpText()}</slot>
|
|
1328
|
-
</div>`}};
|
|
1328
|
+
</div>`}};te.styles=[...g.styles,...No],s([d({reflect:!0,type:String})],te.prototype,"label",2),s([d({type:String})],te.prototype,"id",2),s([d({reflect:!0,attribute:"help-text-type"})],te.prototype,"helpTextType",2),s([d({type:String,reflect:!0,attribute:"help-text"})],te.prototype,"helpText",2);var F=te;F.register(ko);var ze=F;var re=o=>{class t extends o{constructor(){super(...arguments);this.name=""}}return s([d({reflect:!0,type:String})],t.prototype,"name",2),t};var zo=u.constructTagName("input"),Ro={OFF:"off",NONE:"none",ON:"on",SENTENCES:"sentences",WORDS:"words",CHARACTERS:"characters"},Lo={MAX_LENGTH:10,HELPERTEXT:"Prefix text should not exceed 10 characters",VALIDATION:U.ERROR},oe={VALIDATION:U.DEFAULT,ICON_SIZE_VALUE:1,ICON_SIZE_UNIT:"rem",CLEAR_BUTTON_ICON:"cancel-bold",CLEAR_BUTTON_VARIANT:pe.TERTIARY,CLEAR_BUTTON_SIZE:B[20],PREFIX_TEXT_TYPE:A.BODY_MIDSIZE_REGULAR,PREFIX_TEXT_TAG:_.SPAN};var ie=o=>{class t extends o{constructor(){super(...arguments);this.value=""}}return s([d({reflect:!0,type:String})],t.prototype,"value",2),t};var ae=o=>{class t extends o{constructor(){super(...arguments);this.dataAriaLabel=null}}return s([d({type:String,reflect:!0,attribute:"data-aria-label"})],t.prototype,"dataAriaLabel",2),t};var T=class extends ae(ie(re(ze))){constructor(){super();this.placeholder="";this.required=!1;this.readonly=!1;this.trailingButton=!1;this.autocapitalize=Ro.OFF;this.autocomplete="off";this.autofocus=!1;this.clearAriaLabel="";this.internals=this.attachInternals()}checkValidity(){return this.setValidityFromInput(),this.internals.checkValidity()}reportValidity(){return this.setValidityFromInput(),this.internals.reportValidity()}get form(){return this.internals.form}connectedCallback(){super.connectedCallback(),this.updateComplete.then(()=>{this.inputElement&&(this.inputElement.checkValidity(),this.setValidityFromInput(),this.internals.setFormValue(this.inputElement.value))}).catch(e=>{this.onerror&&this.onerror(e)})}updated(e){super.updated(e),e.has("value")&&this.handleValueChange()}handleValueChange(){this.internals.setFormValue(this.value),this.updateComplete.then(()=>{this.setValidityFromInput()}).catch(e=>{this.onerror&&this.onerror(e)})}attributeChangedCallback(e,r,i){super.attributeChangedCallback(e,r,i),["maxlength","minlength","pattern","required"].includes(e)&&this.updateComplete.then(()=>{this.setValidityFromInput()}).catch(a=>{this.onerror&&this.onerror(a)})}setValidityFromInput(){this.inputElement&&this.internals.setValidity(this.inputElement.validity,this.inputElement.validationMessage,this.inputElement)}updateValue(){this.value=this.inputElement.value,this.internals.setFormValue(this.inputElement.value)}onInput(){this.updateValue(),this.setValidityFromInput()}onChange(e){this.updateValue(),this.setValidityFromInput();let r=e.constructor;this.dispatchEvent(new r(e.type,e))}handleKeyDown(e){var r;e.key==="Enter"&&((r=this.internals.form)==null||r.requestSubmit())}renderLeadingIcon(){return this.leadingIcon?m`
|
|
1329
1329
|
<mdc-icon
|
|
1330
1330
|
class="leading-icon"
|
|
1331
1331
|
part="leading-icon"
|
|
1332
1332
|
name=${this.leadingIcon}
|
|
1333
|
-
size="${
|
|
1334
|
-
length-unit="${
|
|
1333
|
+
size="${oe.ICON_SIZE_VALUE}"
|
|
1334
|
+
length-unit="${oe.ICON_SIZE_UNIT}">
|
|
1335
1335
|
</mdc-icon>
|
|
1336
1336
|
`:h}renderPrefixText(){return this.prefixText?m`
|
|
1337
1337
|
<mdc-text
|
|
1338
1338
|
class="prefix-text"
|
|
1339
|
-
tagname="${
|
|
1340
|
-
type="${
|
|
1339
|
+
tagname="${oe.PREFIX_TEXT_TAG}"
|
|
1340
|
+
type="${oe.PREFIX_TEXT_TYPE}"
|
|
1341
1341
|
aria-hidden="true"
|
|
1342
1342
|
>
|
|
1343
|
-
${this.prefixText.slice(0,
|
|
1343
|
+
${this.prefixText.slice(0,Lo.MAX_LENGTH)}
|
|
1344
1344
|
</mdc-text>
|
|
1345
1345
|
`:h}clearInputText(){var e;this.value="",(e=this.inputElement)==null||e.focus()}renderTrailingButton(){return this.trailingButton?m`
|
|
1346
1346
|
<mdc-button
|
|
1347
1347
|
part='trailing-button'
|
|
1348
1348
|
class='${this.value?"":"hidden"}'
|
|
1349
|
-
prefix-icon='${
|
|
1350
|
-
variant='${
|
|
1351
|
-
size="${
|
|
1349
|
+
prefix-icon='${oe.CLEAR_BUTTON_ICON}'
|
|
1350
|
+
variant='${oe.CLEAR_BUTTON_VARIANT}'
|
|
1351
|
+
size="${oe.CLEAR_BUTTON_SIZE}"
|
|
1352
1352
|
aria-label="${this.clearAriaLabel}"
|
|
1353
1353
|
@click=${this.clearInputText}
|
|
1354
1354
|
?disabled=${this.disabled||this.readonly||!this.value}
|
|
@@ -1371,16 +1371,16 @@
|
|
|
1371
1371
|
?readonly="${this.readonly}"
|
|
1372
1372
|
?required="${this.required}"
|
|
1373
1373
|
type="text"
|
|
1374
|
-
placeholder=${
|
|
1375
|
-
minlength=${
|
|
1376
|
-
maxlength=${
|
|
1374
|
+
placeholder=${b(this.placeholder)}
|
|
1375
|
+
minlength=${b(this.minlength)}
|
|
1376
|
+
maxlength=${b(this.maxlength)}
|
|
1377
1377
|
autocapitalize=${this.autocapitalize}
|
|
1378
1378
|
autocomplete=${this.autocomplete}
|
|
1379
1379
|
?autofocus="${this.autofocus}"
|
|
1380
|
-
dirname=${
|
|
1381
|
-
pattern=${
|
|
1382
|
-
list=${
|
|
1383
|
-
size=${
|
|
1380
|
+
dirname=${b(this.dirname)}
|
|
1381
|
+
pattern=${b(this.pattern)}
|
|
1382
|
+
list=${b(this.list)}
|
|
1383
|
+
size=${b(this.size)}
|
|
1384
1384
|
@input=${this.onInput}
|
|
1385
1385
|
@change=${this.onChange}
|
|
1386
1386
|
@keydown=${this.handleKeyDown}
|
|
@@ -1390,7 +1390,7 @@
|
|
|
1390
1390
|
<slot name="trailing-button">${this.renderTrailingButton()}</slot>
|
|
1391
1391
|
</div>
|
|
1392
1392
|
${this.helpText?this.renderHelperText():h}
|
|
1393
|
-
`}};T.formAssociated=!0,T.styles=[...
|
|
1393
|
+
`}};T.formAssociated=!0,T.styles=[...ze.styles,...So],s([d({type:String})],T.prototype,"placeholder",2),s([d({type:Boolean})],T.prototype,"required",2),s([d({type:Boolean})],T.prototype,"readonly",2),s([d({type:String,attribute:"prefix-text"})],T.prototype,"prefixText",2),s([d({type:String,attribute:"leading-icon"})],T.prototype,"leadingIcon",2),s([d({type:Boolean,attribute:"trailing-button"})],T.prototype,"trailingButton",2),s([d({type:Number})],T.prototype,"maxlength",2),s([d({type:Number})],T.prototype,"minlength",2),s([d({type:String})],T.prototype,"autocapitalize",2),s([d({type:String})],T.prototype,"autocomplete",2),s([d({type:Boolean})],T.prototype,"autofocus",2),s([d({type:String})],T.prototype,"dirname",2),s([d({type:String})],T.prototype,"pattern",2),s([d({type:String})],T.prototype,"list",2),s([d({type:Number})],T.prototype,"size",2),s([d({type:String,attribute:"clear-aria-label"})],T.prototype,"clearAriaLabel",2),s([_r("input")],T.prototype,"inputElement",2);var nr=T;nr.register(zo);var Bi=nr;var wo=u.constructTagName("link"),xt={LARGE:"large",MIDSIZE:"midsize",SMALL:"small"},Et={LARGE:1,MIDSIZE:.875,SMALL:.75},Tt={INLINE:!1,INVERTED:!1,LINK_SIZE:xt.LARGE};var Fi=[x,p`
|
|
1394
1394
|
|
|
1395
1395
|
:host {
|
|
1396
1396
|
|
|
@@ -1501,11 +1501,11 @@
|
|
|
1501
1501
|
:host([inverted][disabled]) {
|
|
1502
1502
|
color: var(--mdc-link-inverted-color-disabled);
|
|
1503
1503
|
}
|
|
1504
|
-
`,...
|
|
1504
|
+
`,...S(),p`
|
|
1505
1505
|
:host(:active) {
|
|
1506
1506
|
box-shadow: none;
|
|
1507
1507
|
}
|
|
1508
|
-
`]
|
|
1508
|
+
`],$o=Fi;var ue=class extends Ne($(g)){constructor(){super(...arguments);this.inline=Tt.INLINE;this.inverted=Tt.INVERTED;this.size=Tt.LINK_SIZE;this.prevTabindex=null}getIconSize(){switch(this.size){case xt.SMALL:return Et.SMALL;case xt.MIDSIZE:return Et.MIDSIZE;default:return Et.LARGE}}setDisabled(e){e?(this.prevTabindex=this.hasAttribute("tabindex")?this.tabIndex:null,this.tabIndex=-1,this.setAttribute("aria-disabled","true")):this.prevTabindex===null?(this.removeAttribute("tabindex"),this.removeAttribute("aria-disabled")):(this.tabIndex=this.prevTabindex,this.removeAttribute("aria-disabled"))}updateTrailingIcon(){var i,n;let e=(n=(i=this.shadowRoot)==null?void 0:i.querySelector("slot"))==null?void 0:n.assignedElements({flatten:!0}).find(a=>a.tagName==="A"),r=this.getIconSize();if(this.iconName&&e){let a=document.createElement("mdc-icon");a.setAttribute("name",this.iconName),a.setAttribute("size",`${r}`),a.setAttribute("length-unit","rem"),e.appendChild(a)}}update(e){super.update(e),e.has("disabled")&&this.setDisabled(this.disabled)}render(){return m`<slot @slotchange=${this.updateTrailingIcon}></slot>`}};ue.styles=[...g.styles,...$o],s([d({type:Boolean,reflect:!0})],ue.prototype,"inline",2),s([d({type:Boolean,reflect:!0})],ue.prototype,"inverted",2),s([d({type:String,reflect:!0})],ue.prototype,"size",2);var sr=ue;sr.register(wo);var Xi=sr;var Zi=[x,p`
|
|
1509
1509
|
:host {
|
|
1510
1510
|
--mdc-toggle-width: 3rem;
|
|
1511
1511
|
--mdc-toggle-height: 1.5rem;
|
|
@@ -1649,15 +1649,15 @@
|
|
|
1649
1649
|
border: var(--mdc-toggle-border);
|
|
1650
1650
|
}
|
|
1651
1651
|
}
|
|
1652
|
-
`,...
|
|
1652
|
+
`,...S(!0)],Mo=Zi;var Oo=u.constructTagName("toggle"),dr={DEFAULT:"default",COMPACT:"compact"},cr={CHECKED:"check-bold",UNCHECKED:"cancel-bold"},Do={compact:.75,default:1.25},lr={SIZE:dr.DEFAULT};var ge=class extends re(ie(ae(ze))){constructor(){super();this.checked=!1;this.size=lr.SIZE;this.internals=this.attachInternals(),this.helpTextType=void 0}get form(){return this.internals.form}setFormValue(){let e=null;this.checked&&(e=this.value?this.value:"isActive"),this.internals.setFormValue(e)}toggleState(){this.disabled||(this.checked=!this.checked)}handleChange(e){this.toggleState();let r=e.constructor;this.dispatchEvent(new r(e.type,e))}setToggleSize(e){this.setAttribute("size",Object.values(dr).includes(e)?e:lr.SIZE)}update(e){super.update(e),e.has("checked")&&this.setFormValue(),e.has("size")&&this.setToggleSize(this.size)}render(){var e;return m`
|
|
1653
1653
|
<div class="mdc-toggle__container mdc-focus-ring">
|
|
1654
1654
|
<input
|
|
1655
1655
|
id="${this.id}"
|
|
1656
1656
|
type="checkbox"
|
|
1657
1657
|
class="mdc-toggle__input"
|
|
1658
1658
|
role="switch"
|
|
1659
|
-
name="${
|
|
1660
|
-
value="${
|
|
1659
|
+
name="${b(this.name)}"
|
|
1660
|
+
value="${b(this.value)}"
|
|
1661
1661
|
.checked="${this.checked}"
|
|
1662
1662
|
.disabled="${this.disabled}"
|
|
1663
1663
|
aria-label="${(e=this.dataAriaLabel)!=null?e:""}"
|
|
@@ -1666,16 +1666,16 @@
|
|
|
1666
1666
|
/>
|
|
1667
1667
|
<div class="mdc-toggle__slider">
|
|
1668
1668
|
<mdc-icon
|
|
1669
|
-
name="${this.checked?
|
|
1669
|
+
name="${this.checked?cr.CHECKED:cr.UNCHECKED}"
|
|
1670
1670
|
class="mdc-toggle__icon"
|
|
1671
1671
|
length-unit="rem"
|
|
1672
|
-
size="${
|
|
1672
|
+
size="${Do[this.size]}"
|
|
1673
1673
|
></mdc-icon>
|
|
1674
1674
|
</div>
|
|
1675
1675
|
</div>
|
|
1676
1676
|
${this.renderLabel()}
|
|
1677
1677
|
${this.renderHelperText()}
|
|
1678
|
-
`}};
|
|
1678
|
+
`}};ge.formAssociated=!0,ge.styles=[...ze.styles,...Mo],s([d({type:Boolean,reflect:!0})],ge.prototype,"checked",2),s([d({type:String,reflect:!0})],ge.prototype,"size",2);var mr=ge;mr.register(Oo);var Yi=mr;var Uo=u.constructTagName("checkbox"),pr={CHECKED:"check-bold",INDETERMINATE:"minus-bold"};var qi=[p`
|
|
1679
1679
|
:host {
|
|
1680
1680
|
--mdc-checkbox-background-color-hover: var(--mds-color-theme-control-inactive-hover);
|
|
1681
1681
|
--mdc-checkbox-border-color: var(--mds-color-theme-outline-button-normal);
|
|
@@ -1777,10 +1777,10 @@
|
|
|
1777
1777
|
border: 0.0625rem solid var(--mdc-checkbox-border-color);
|
|
1778
1778
|
}
|
|
1779
1779
|
}
|
|
1780
|
-
`,...
|
|
1780
|
+
`,...S(!0)],Po=qi;var be=class extends re(ie(ae(F))){constructor(){super();this.checked=!1;this.indeterminate=!1;this.internals=this.attachInternals(),this.helpTextType=void 0}get form(){return this.internals.form}setFormValue(){let e=null;this.checked&&(e=this.value?this.value:"on"),this.internals.setFormValue(e)}toggleState(){this.disabled||(this.checked=!this.checked,this.indeterminate=!1)}handleChange(e){this.toggleState(),this.dispatchEvent(new Event(e.type,e))}update(e){super.update(e),e.has("checked")&&this.setFormValue()}render(){var i;let e=this.checked||this.indeterminate?m`
|
|
1781
1781
|
<mdc-icon
|
|
1782
1782
|
class="icon"
|
|
1783
|
-
name="${this.indeterminate?
|
|
1783
|
+
name="${this.indeterminate?pr.INDETERMINATE:pr.CHECKED}"
|
|
1784
1784
|
size="1"
|
|
1785
1785
|
length-unit="rem"
|
|
1786
1786
|
></mdc-icon>
|
|
@@ -1790,8 +1790,8 @@
|
|
|
1790
1790
|
id="${this.id}"
|
|
1791
1791
|
type="checkbox"
|
|
1792
1792
|
class="input"
|
|
1793
|
-
name="${
|
|
1794
|
-
value="${
|
|
1793
|
+
name="${b(this.name)}"
|
|
1794
|
+
value="${b(this.value)}"
|
|
1795
1795
|
.checked="${this.checked}"
|
|
1796
1796
|
.indeterminate="${this.indeterminate}"
|
|
1797
1797
|
.disabled="${this.disabled}"
|
|
@@ -1804,7 +1804,7 @@
|
|
|
1804
1804
|
${this.renderLabel()}
|
|
1805
1805
|
${r}
|
|
1806
1806
|
</div>
|
|
1807
|
-
`}};
|
|
1807
|
+
`}};be.formAssociated=!0,be.styles=[...F.styles,...Po],s([d({type:Boolean,reflect:!0})],be.prototype,"checked",2),s([d({type:Boolean,reflect:!0})],be.prototype,"indeterminate",2);var hr=be;hr.register(Uo);var ji=hr;var Wi=[x,p`
|
|
1808
1808
|
:host{
|
|
1809
1809
|
--mdc-radio-inner-circle-size: 0.375rem;
|
|
1810
1810
|
--mdc-radio-text-disabled-color: var(--mds-color-theme-text-primary-disabled);
|
|
@@ -1962,15 +1962,15 @@
|
|
|
1962
1962
|
justify-content: center;
|
|
1963
1963
|
gap: 0.25rem;
|
|
1964
1964
|
}
|
|
1965
|
-
`,...
|
|
1965
|
+
`,...S(!0)],Vo=Wi;var ve=class extends re(ie(ae(F))){constructor(){super();this.checked=!1;this.readonly=!1;this.internals=this.attachInternals()}get form(){return this.internals.form}setFormValue(){this.checked&&this.internals.setFormValue(this.value)}firstUpdated(){this.updateTabIndex()}getAllRadiosWithinSameGroup(){return Array.from(document.querySelectorAll(`mdc-radio[name="${this.name}"]`))}dispatchChangeEvent(e){let r=e.constructor;this.dispatchEvent(new r(e.type,e))}handleChange(e){var n;if(this.disabled||this.readonly)return;this.getAllRadiosWithinSameGroup().forEach(a=>{var l;let c=(l=a.shadowRoot)==null?void 0:l.querySelector("input");c&&(a.checked=!1,c.checked=!1)}),this.checked=!0;let i=(n=this.shadowRoot)==null?void 0:n.querySelector("input");i&&(i.checked=!0),this.dispatchChangeEvent(e)}updateRadio(e,r,i){var n,a;(a=(n=e[r].shadowRoot)==null?void 0:n.querySelector("input"))==null||a.focus(),e[r].handleChange(i)}handleKeyDown(e){if(this.disabled)return;let i=this.getAllRadiosWithinSameGroup().filter(a=>!a.disabled),n=i.indexOf(this);if(["ArrowDown","ArrowRight"].includes(e.key)){let a=(n+1)%i.length;this.updateRadio(i,a,e)}else if(["ArrowUp","ArrowLeft"].includes(e.key)){let a=(n-1+i.length)%i.length;this.updateRadio(i,a,e)}this.updateTabIndex()}updateTabIndex(){let e=this.getAllRadiosWithinSameGroup(),r=e.find(n=>n.checked),i=e.find(n=>!n.disabled);e.forEach(n=>{var c;let a=(c=n.shadowRoot)==null?void 0:c.querySelector("input");a&&(a.tabIndex=-1,(n===r||!r&&n===i)&&(a.tabIndex=0))})}update(e){super.update(e),e.has("checked")&&this.setFormValue()}render(){var r;let e=this.helpText?this.renderHelperText():h;return m`
|
|
1966
1966
|
<div class="mdc-radio__container">
|
|
1967
1967
|
<div class="mdc-radio__icon-container mdc-focus-ring">
|
|
1968
1968
|
<input
|
|
1969
1969
|
id="${this.id}"
|
|
1970
1970
|
type="radio"
|
|
1971
1971
|
role="radio"
|
|
1972
|
-
name="${
|
|
1973
|
-
value="${
|
|
1972
|
+
name="${b(this.name)}"
|
|
1973
|
+
value="${b(this.value)}"
|
|
1974
1974
|
@change=${this.handleChange}
|
|
1975
1975
|
@keydown=${this.handleKeyDown}
|
|
1976
1976
|
?checked=${this.checked}
|
|
@@ -1987,7 +1987,263 @@
|
|
|
1987
1987
|
${e}
|
|
1988
1988
|
</div>
|
|
1989
1989
|
</div>
|
|
1990
|
-
`}};
|
|
1990
|
+
`}};ve.formAssociated=!0,ve.styles=[...F.styles,...Vo],s([d({type:Boolean,reflect:!0})],ve.prototype,"checked",2),s([d({type:Boolean,reflect:!0})],ve.prototype,"readonly",2);var ur=ve;var Ho=u.constructTagName("radio");ur.register(Ho);var Ki=ur;var Qi=[x,p`
|
|
1991
|
+
|
|
1992
|
+
:host {
|
|
1993
|
+
--mdc-tab-content-gap: 0.5rem;
|
|
1994
|
+
--mdc-tab-height: 2rem;
|
|
1995
|
+
|
|
1996
|
+
--mdc-tab-glass-active-background-color-disabled: var(--mds-color-theme-button-primary-disabled);
|
|
1997
|
+
--mdc-tab-glass-active-background-color-hover: var(--mds-color-theme-button-primary-hover);
|
|
1998
|
+
--mdc-tab-glass-active-background-color-normal: var(--mds-color-theme-button-primary-normal);
|
|
1999
|
+
--mdc-tab-glass-active-background-color-pressed: var(--mds-color-theme-button-primary-pressed);
|
|
2000
|
+
|
|
2001
|
+
--mdc-tab-glass-active-color: var(--mds-color-theme-inverted-text-primary-normal);
|
|
2002
|
+
--mdc-tab-glass-active-color-disabled: var(--mds-color-theme-inverted-text-primary-disabled);
|
|
2003
|
+
|
|
2004
|
+
--mdc-tab-glass-border-radius: 0.5rem;
|
|
2005
|
+
|
|
2006
|
+
--mdc-tab-glass-inactive-background-color-disabled: var(--mds-color-theme-button-secondary-disabled);
|
|
2007
|
+
--mdc-tab-glass-inactive-background-color-hover: var(--mds-color-theme-button-secondary-hover);
|
|
2008
|
+
--mdc-tab-glass-inactive-background-color-normal: var(--mds-color-theme-button-secondary-normal);
|
|
2009
|
+
--mdc-tab-glass-inactive-background-color-pressed: var(--mds-color-theme-button-secondary-pressed);
|
|
2010
|
+
|
|
2011
|
+
--mdc-tab-glass-inactive-color: var(--mds-color-theme-text-secondary-normal);
|
|
2012
|
+
--mdc-tab-glass-inactive-color-disabled: var(--mds-color-theme-text-primary-disabled);
|
|
2013
|
+
|
|
2014
|
+
--mdc-tab-line-active-background-color-disabled: var(--mds-color-theme-button-secondary-disabled);
|
|
2015
|
+
--mdc-tab-line-active-background-color-hover: var(--mds-color-theme-button-secondary-hover);
|
|
2016
|
+
--mdc-tab-line-active-background-color-normal: var(--mds-color-theme-button-secondary-normal);
|
|
2017
|
+
--mdc-tab-line-active-background-color-pressed: var(--mds-color-theme-button-secondary-pressed);
|
|
2018
|
+
|
|
2019
|
+
--mdc-tab-line-active-color: var(--mds-color-theme-text-primary-normal);
|
|
2020
|
+
--mdc-tab-line-active-color-disabled: var(--mds-color-theme-text-primary-disabled);
|
|
2021
|
+
|
|
2022
|
+
--mdc-tab-line-active-indicator-color: var(--mds-color-theme-outline-input-active);
|
|
2023
|
+
--mdc-tab-line-active-indicator-color-disabled: var(--mds-color-theme-outline-primary-disabled);
|
|
2024
|
+
--mdc-tab-line-active-indicator-height: 0.125rem;
|
|
2025
|
+
--mdc-tab-line-active-indicator-width: 100%;
|
|
2026
|
+
|
|
2027
|
+
--mdc-tab-line-border-bottom-left-radius: 0;
|
|
2028
|
+
--mdc-tab-line-border-bottom-right-radius: 0;
|
|
2029
|
+
--mdc-tab-line-border-top-left-radius: 0.25rem;
|
|
2030
|
+
--mdc-tab-line-border-top-right-radius: 0.25rem;
|
|
2031
|
+
|
|
2032
|
+
--mdc-tab-line-inactive-background-color-disabled: var(--mds-color-theme-button-secondary-disabled);
|
|
2033
|
+
--mdc-tab-line-inactive-background-color-hover: var(--mds-color-theme-button-secondary-hover);
|
|
2034
|
+
--mdc-tab-line-inactive-background-color-normal: var(--mds-color-theme-button-secondary-normal);
|
|
2035
|
+
--mdc-tab-line-inactive-background-color-pressed: var(--mds-color-theme-button-secondary-pressed);
|
|
2036
|
+
|
|
2037
|
+
--mdc-tab-line-inactive-color: var(--mds-color-theme-text-secondary-normal);
|
|
2038
|
+
--mdc-tab-line-inactive-color-disabled: var(--mds-color-theme-text-primary-disabled);
|
|
2039
|
+
|
|
2040
|
+
--mdc-tab-padding-left: 0.75rem;
|
|
2041
|
+
--mdc-tab-padding-right: 0.75rem;
|
|
2042
|
+
|
|
2043
|
+
--mdc-tab-pill-active-background-color-disabled: var(--mds-color-theme-button-secondary-active-normal);
|
|
2044
|
+
--mdc-tab-pill-active-background-color-hover: var(--mds-color-theme-button-secondary-active-hover);
|
|
2045
|
+
--mdc-tab-pill-active-background-color-normal: var(--mds-color-theme-button-secondary-active-normal);
|
|
2046
|
+
--mdc-tab-pill-active-background-color-pressed: var(--mds-color-theme-button-secondary-active-pressed);
|
|
2047
|
+
|
|
2048
|
+
--mdc-tab-pill-active-color: var(--mds-color-theme-text-primary-normal);
|
|
2049
|
+
--mdc-tab-pill-active-color-disabled: var(--mds-color-theme-text-primary-disabled);
|
|
2050
|
+
|
|
2051
|
+
--mdc-tab-pill-border-radius: 0.5rem;
|
|
2052
|
+
|
|
2053
|
+
--mdc-tab-pill-inactive-background-color-disabled: var(--mds-color-theme-button-secondary-disabled);
|
|
2054
|
+
--mdc-tab-pill-inactive-background-color-hover: var(--mds-color-theme-button-secondary-hover);
|
|
2055
|
+
--mdc-tab-pill-inactive-background-color-normal: var(--mds-color-theme-button-secondary-normal);
|
|
2056
|
+
--mdc-tab-pill-inactive-background-color-pressed: var(--mds-color-theme-button-secondary-pressed);
|
|
2057
|
+
|
|
2058
|
+
--mdc-tab-pill-inactive-color: var(--mds-color-theme-text-secondary-normal);
|
|
2059
|
+
--mdc-tab-pill-inactive-color-disabled: var(--mds-color-theme-text-primary-disabled);
|
|
2060
|
+
|
|
2061
|
+
flex-direction: column;
|
|
2062
|
+
height: var(--mdc-tab-height);
|
|
2063
|
+
padding-left: var(--mdc-tab-padding-left);
|
|
2064
|
+
padding-right: var(--mdc-tab-padding-right);
|
|
2065
|
+
position: relative;
|
|
2066
|
+
border: none;
|
|
2067
|
+
}
|
|
2068
|
+
|
|
2069
|
+
:host::part(container) {
|
|
2070
|
+
align-items: center;
|
|
2071
|
+
display: flex;
|
|
2072
|
+
flex-direction: row;
|
|
2073
|
+
gap: var(--mdc-tab-content-gap);
|
|
2074
|
+
justify-content: center;
|
|
2075
|
+
width: fit-content;
|
|
2076
|
+
}
|
|
2077
|
+
|
|
2078
|
+
:host::part(text) {
|
|
2079
|
+
display: flex;
|
|
2080
|
+
flex-direction: column;
|
|
2081
|
+
}
|
|
2082
|
+
|
|
2083
|
+
:host::part(text)::after{
|
|
2084
|
+
content: attr(data-text);
|
|
2085
|
+
height: 0;
|
|
2086
|
+
visibility: hidden;
|
|
2087
|
+
overflow: hidden;
|
|
2088
|
+
user-select: none;
|
|
2089
|
+
pointer-events: none;
|
|
2090
|
+
/* body-midsize-bold font styling */
|
|
2091
|
+
font-size: var(--mds-font-apps-body-midsize-bold-font-size);
|
|
2092
|
+
font-weight: var(--mds-font-apps-body-midsize-bold-font-weight);
|
|
2093
|
+
line-height: var(--mds-font-apps-body-midsize-bold-line-height);
|
|
2094
|
+
text-decoration: var(--mds-font-apps-body-midsize-bold-text-decoration);
|
|
2095
|
+
text-transform: var(--mds-font-apps-body-midsize-bold-text-case);
|
|
2096
|
+
}
|
|
2097
|
+
|
|
2098
|
+
:host::part(indicator) {
|
|
2099
|
+
width: var(--mdc-tab-line-active-indicator-width);
|
|
2100
|
+
height: var(--mdc-tab-line-active-indicator-height);
|
|
2101
|
+
bottom: 0;
|
|
2102
|
+
position: absolute;
|
|
2103
|
+
visibility: hidden;
|
|
2104
|
+
}
|
|
2105
|
+
|
|
2106
|
+
:host([disabled]) {
|
|
2107
|
+
cursor: default;
|
|
2108
|
+
}
|
|
2109
|
+
|
|
2110
|
+
:host([variant="glass"]) {
|
|
2111
|
+
background-color: var(--mdc-tab-glass-inactive-background-color-normal);
|
|
2112
|
+
border-radius: var(--mdc-tab-glass-border-radius);
|
|
2113
|
+
color: var(--mdc-tab-glass-inactive-color);
|
|
2114
|
+
}
|
|
2115
|
+
|
|
2116
|
+
:host([variant="glass"]:hover) {
|
|
2117
|
+
background-color: var(--mdc-tab-glass-inactive-background-color-hover);
|
|
2118
|
+
}
|
|
2119
|
+
|
|
2120
|
+
:host([variant="glass"]:active) {
|
|
2121
|
+
background-color: var(--mdc-tab-glass-inactive-background-color-pressed);
|
|
2122
|
+
}
|
|
2123
|
+
|
|
2124
|
+
:host([variant="glass"][disabled]) {
|
|
2125
|
+
background-color: var(--mdc-tab-glass-inactive-background-color-disabled);
|
|
2126
|
+
color: var(--mdc-tab-glass-inactive-color-disabled);
|
|
2127
|
+
}
|
|
2128
|
+
|
|
2129
|
+
:host([variant="glass"][active]) {
|
|
2130
|
+
background-color: var(--mdc-tab-glass-active-background-color-normal);
|
|
2131
|
+
color: var(--mdc-tab-glass-active-color);
|
|
2132
|
+
}
|
|
2133
|
+
|
|
2134
|
+
:host([variant="glass"][active]:hover) {
|
|
2135
|
+
background-color: var(--mdc-tab-glass-active-background-color-hover);
|
|
2136
|
+
}
|
|
2137
|
+
|
|
2138
|
+
:host([variant="glass"][active]:active) {
|
|
2139
|
+
background-color: var(--mdc-tab-glass-active-background-color-pressed);
|
|
2140
|
+
}
|
|
2141
|
+
|
|
2142
|
+
:host([variant="glass"][active][disabled]) {
|
|
2143
|
+
background-color: var(--mdc-tab-glass-active-background-color-disabled);
|
|
2144
|
+
color: var(--mdc-tab-glass-active-color-disabled);
|
|
2145
|
+
}
|
|
2146
|
+
|
|
2147
|
+
:host([variant="line"]) {
|
|
2148
|
+
background-color: var(--mdc-tab-line-inactive-background-color-normal);
|
|
2149
|
+
border-top-left-radius: var(--mdc-tab-line-border-top-left-radius);
|
|
2150
|
+
border-top-right-radius: var(--mdc-tab-line-border-top-right-radius);
|
|
2151
|
+
border-bottom-left-radius: var(--mdc-tab-line-border-bottom-left-radius);
|
|
2152
|
+
border-bottom-right-radius: var(--mdc-tab-line-border-bottom-right-radius);
|
|
2153
|
+
color: var(--mdc-tab-line-inactive-color);
|
|
2154
|
+
}
|
|
2155
|
+
|
|
2156
|
+
:host([variant="line"]:hover) {
|
|
2157
|
+
background-color: var(--mdc-tab-line-inactive-background-color-hover);
|
|
2158
|
+
}
|
|
2159
|
+
|
|
2160
|
+
:host([variant="line"]:active) {
|
|
2161
|
+
background-color: var(--mdc-tab-line-inactive-background-color-pressed);
|
|
2162
|
+
}
|
|
2163
|
+
|
|
2164
|
+
:host([variant="line"][disabled]) {
|
|
2165
|
+
background-color: var(--mdc-tab-line-inactive-background-color-disabled);
|
|
2166
|
+
color: var(--mdc-tab-line-inactive-color-disabled);
|
|
2167
|
+
}
|
|
2168
|
+
|
|
2169
|
+
:host([variant="line"][active]) {
|
|
2170
|
+
background-color: var(--mdc-tab-line-active-background-color-normal);
|
|
2171
|
+
color: var(--mdc-tab-line-active-color);
|
|
2172
|
+
}
|
|
2173
|
+
|
|
2174
|
+
:host([variant="line"][active])::part(indicator) {
|
|
2175
|
+
background-color:var(--mdc-tab-line-active-indicator-color);
|
|
2176
|
+
visibility: visible;
|
|
2177
|
+
}
|
|
2178
|
+
|
|
2179
|
+
:host([variant="line"][active]:hover) {
|
|
2180
|
+
background-color: var(--mdc-tab-line-active-background-color-hover);
|
|
2181
|
+
}
|
|
2182
|
+
|
|
2183
|
+
:host([variant="line"][active]:active) {
|
|
2184
|
+
background-color: var(--mdc-tab-line-active-background-color-pressed);
|
|
2185
|
+
}
|
|
2186
|
+
|
|
2187
|
+
:host([variant="line"][active][disabled]) {
|
|
2188
|
+
background-color: var(--mdc-tab-line-active-background-color-disabled);
|
|
2189
|
+
color: var(--mdc-tab-line-active-color-disabled);
|
|
2190
|
+
}
|
|
2191
|
+
|
|
2192
|
+
:host([variant="line"][active][disabled])::part(indicator) {
|
|
2193
|
+
background-color:var(--mdc-tab-line-active-indicator-color-disabled);
|
|
2194
|
+
}
|
|
2195
|
+
|
|
2196
|
+
:host([variant="pill"]) {
|
|
2197
|
+
background-color: var(--mdc-tab-pill-inactive-background-color-normal);
|
|
2198
|
+
border-radius: var(--mdc-tab-pill-border-radius);
|
|
2199
|
+
color: var(--mdc-tab-pill-inactive-color);
|
|
2200
|
+
}
|
|
2201
|
+
|
|
2202
|
+
:host([variant="pill"]:hover) {
|
|
2203
|
+
background-color: var(--mdc-tab-pill-inactive-background-color-hover);
|
|
2204
|
+
}
|
|
2205
|
+
|
|
2206
|
+
:host([variant="pill"]:active) {
|
|
2207
|
+
background-color: var(--mdc-tab-pill-inactive-background-color-pressed);
|
|
2208
|
+
}
|
|
2209
|
+
|
|
2210
|
+
:host([variant="pill"][disabled]) {
|
|
2211
|
+
background-color: var(--mdc-tab-pill-inactive-background-color-disabled);
|
|
2212
|
+
color: var(--mdc-tab-pill-inactive-color-disabled);
|
|
2213
|
+
}
|
|
2214
|
+
|
|
2215
|
+
:host([variant="pill"][active]) {
|
|
2216
|
+
background-color: var(--mdc-tab-pill-active-background-color-normal);
|
|
2217
|
+
color: var(--mdc-tab-pill-active-color);
|
|
2218
|
+
}
|
|
2219
|
+
|
|
2220
|
+
:host([variant="pill"][active]:hover) {
|
|
2221
|
+
background-color: var(--mdc-tab-pill-active-background-color-hover);
|
|
2222
|
+
}
|
|
2223
|
+
|
|
2224
|
+
:host([variant="pill"][active]:active) {
|
|
2225
|
+
background-color: var(--mdc-tab-pill-active-background-color-pressed);
|
|
2226
|
+
}
|
|
2227
|
+
|
|
2228
|
+
:host([variant="pill"][active][disabled]) {
|
|
2229
|
+
background-color: var(--mdc-tab-pill-active-background-color-disabled);
|
|
2230
|
+
color: var(--mdc-tab-pill-active-color-disabled);
|
|
2231
|
+
}
|
|
2232
|
+
|
|
2233
|
+
`,...S()],Go=Qi;var Bo=u.constructTagName("tab"),Ji={GLASS:"glass",LINE:"line",PILL:"pill"},Fo={TAB_VARIANT:Ji.PILL};var Re=class extends $(Q){constructor(){super();this.variant=Fo.TAB_VARIANT;this.role="tab",this.softDisabled=void 0,this.size=void 0,this.type=void 0}modifyIconName(e){this.iconName&&(e?(this.prevIconName=this.iconName,this.iconName=`${Ze(this.iconName)}-filled`):this.prevIconName&&(this.iconName=this.prevIconName))}setActive(e,r){e.setAttribute("aria-selected",r?"true":"false"),this.modifyIconName(r)}executeAction(){this.active=!this.active}render(){return m`
|
|
2234
|
+
<div part="container">
|
|
2235
|
+
<slot name="badge" part="badge"></slot>
|
|
2236
|
+
${this.iconName?m` <mdc-icon name="${this.iconName}" size="1" length-unit="rem" part="icon"></mdc-icon>`:h}
|
|
2237
|
+
${this.text?m` <mdc-text
|
|
2238
|
+
type=${this.active?A.BODY_MIDSIZE_BOLD:A.BODY_MIDSIZE_MEDIUM}
|
|
2239
|
+
tagname=${_.SPAN}
|
|
2240
|
+
data-text=${this.text}
|
|
2241
|
+
part="text"
|
|
2242
|
+
>${this.text}</mdc-text
|
|
2243
|
+
>`:h}
|
|
2244
|
+
</div>
|
|
2245
|
+
<div part="indicator"></div>
|
|
2246
|
+
`}};Re.styles=[...Q.styles,...Go],s([d({type:String,reflect:!0})],Re.prototype,"text",2),s([d({type:String,reflect:!0})],Re.prototype,"variant",2);var gr=Re;gr.register(Bo);var ea=gr;})();
|
|
1991
2247
|
/*! Bundled license information:
|
|
1992
2248
|
|
|
1993
2249
|
@lit/reactive-element/decorators/custom-element.js:
|