@politiet/sheriff-web-components 2.1.2 → 2.2.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/index.d.ts +5 -5
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js.map +1 -1
- package/dist/playwright-util/custom-matchers.d.ts.map +1 -1
- package/dist/playwright-util/custom-matchers.js +2 -3
- package/dist/playwright-util/custom-matchers.js.map +1 -1
- package/dist/react-wrappers/SDSAlertWrapper.d.ts +1 -1
- package/dist/react-wrappers/SDSAlertWrapper.d.ts.map +1 -1
- package/dist/react-wrappers/SDSAlertWrapper.js.map +1 -1
- package/dist/react-wrappers/SDSButtonWrapper.d.ts +1 -1
- package/dist/react-wrappers/SDSButtonWrapper.d.ts.map +1 -1
- package/dist/react-wrappers/SDSButtonWrapper.js.map +1 -1
- package/dist/react-wrappers/SDSCheckboxGroupWrapper.d.ts +1 -1
- package/dist/react-wrappers/SDSCheckboxGroupWrapper.d.ts.map +1 -1
- package/dist/react-wrappers/SDSCheckboxGroupWrapper.js.map +1 -1
- package/dist/react-wrappers/SDSCheckboxWrapper.d.ts +1 -1
- package/dist/react-wrappers/SDSCheckboxWrapper.d.ts.map +1 -1
- package/dist/react-wrappers/SDSCheckboxWrapper.js.map +1 -1
- package/dist/react-wrappers/SDSChipWrapper.d.ts +1 -1
- package/dist/react-wrappers/SDSChipWrapper.d.ts.map +1 -1
- package/dist/react-wrappers/SDSChipWrapper.js.map +1 -1
- package/dist/react-wrappers/SDSDetailsWrapper.d.ts +1 -1
- package/dist/react-wrappers/SDSDetailsWrapper.d.ts.map +1 -1
- package/dist/react-wrappers/SDSDetailsWrapper.js.map +1 -1
- package/dist/react-wrappers/SDSNotificationWrapper.d.ts +1 -1
- package/dist/react-wrappers/SDSNotificationWrapper.d.ts.map +1 -1
- package/dist/react-wrappers/SDSNotificationWrapper.js.map +1 -1
- package/dist/react-wrappers/SDSRadioGroupWrapper.d.ts +1 -1
- package/dist/react-wrappers/SDSRadioGroupWrapper.d.ts.map +1 -1
- package/dist/react-wrappers/SDSRadioGroupWrapper.js.map +1 -1
- package/dist/react-wrappers/SDSRadioWrapper.d.ts +1 -1
- package/dist/react-wrappers/SDSRadioWrapper.d.ts.map +1 -1
- package/dist/react-wrappers/SDSRadioWrapper.js.map +1 -1
- package/dist/react-wrappers/SDSSwitchWrapper.d.ts +1 -1
- package/dist/react-wrappers/SDSSwitchWrapper.d.ts.map +1 -1
- package/dist/react-wrappers/SDSSwitchWrapper.js.map +1 -1
- package/dist/react-wrappers/SDSTextAreaWrapper.d.ts +1 -1
- package/dist/react-wrappers/SDSTextAreaWrapper.d.ts.map +1 -1
- package/dist/react-wrappers/SDSTextAreaWrapper.js.map +1 -1
- package/dist/react-wrappers/SDSTextFieldWrapper.d.ts +1 -1
- package/dist/react-wrappers/SDSTextFieldWrapper.d.ts.map +1 -1
- package/dist/react-wrappers/SDSTextFieldWrapper.js.map +1 -1
- package/dist/react-wrappers/types.d.ts +4 -0
- package/dist/react-wrappers/types.d.ts.map +1 -0
- package/dist/react-wrappers/types.js +2 -0
- package/dist/react-wrappers/types.js.map +1 -0
- package/dist/sds-alert/sds-alert.component.d.ts +25 -0
- package/dist/sds-alert/sds-alert.component.d.ts.map +1 -0
- package/dist/sds-alert/sds-alert.component.js +73 -0
- package/dist/sds-alert/sds-alert.component.js.map +1 -0
- package/dist/sds-alert/sds-alert.d.ts +3 -19
- package/dist/sds-alert/sds-alert.d.ts.map +1 -1
- package/dist/sds-alert/sds-alert.js +2 -55
- package/dist/sds-alert/sds-alert.js.map +1 -1
- package/dist/sds-alert/sds-alert.styles.d.ts.map +1 -1
- package/dist/sds-alert/sds-alert.styles.js +5 -4
- package/dist/sds-alert/sds-alert.styles.js.map +1 -1
- package/dist/sds-button/sds-button.component.d.ts +44 -0
- package/dist/sds-button/sds-button.component.d.ts.map +1 -0
- package/dist/sds-button/sds-button.component.js +159 -0
- package/dist/sds-button/sds-button.component.js.map +1 -0
- package/dist/sds-button/sds-button.d.ts +2 -42
- package/dist/sds-button/sds-button.d.ts.map +1 -1
- package/dist/sds-button/sds-button.js +2 -151
- package/dist/sds-button/sds-button.js.map +1 -1
- package/dist/sds-button/sds-button.styles.d.ts.map +1 -1
- package/dist/sds-button/sds-button.styles.js +15 -0
- package/dist/sds-button/sds-button.styles.js.map +1 -1
- package/dist/sds-heading/sds-heading.component.d.ts +16 -0
- package/dist/sds-heading/sds-heading.component.d.ts.map +1 -0
- package/dist/sds-heading/sds-heading.component.js +50 -0
- package/dist/sds-heading/sds-heading.component.js.map +1 -0
- package/dist/sds-heading/sds-heading.d.ts +2 -14
- package/dist/sds-heading/sds-heading.d.ts.map +1 -1
- package/dist/sds-heading/sds-heading.js +2 -42
- package/dist/sds-heading/sds-heading.js.map +1 -1
- package/dist/sds-icon/sds-icon.component.d.ts +31 -0
- package/dist/sds-icon/sds-icon.component.d.ts.map +1 -0
- package/dist/sds-icon/sds-icon.component.js +73 -0
- package/dist/sds-icon/sds-icon.component.js.map +1 -0
- package/dist/sds-icon/sds-icon.d.ts +2 -29
- package/dist/sds-icon/sds-icon.d.ts.map +1 -1
- package/dist/sds-icon/sds-icon.js +3 -67
- package/dist/sds-icon/sds-icon.js.map +1 -1
- package/dist/sds-text/sds-text.component.d.ts +17 -0
- package/dist/sds-text/sds-text.component.d.ts.map +1 -0
- package/dist/sds-text/sds-text.component.js +33 -0
- package/dist/sds-text/sds-text.component.js.map +1 -0
- package/dist/sds-text/sds-text.d.ts +2 -15
- package/dist/sds-text/sds-text.d.ts.map +1 -1
- package/dist/sds-text/sds-text.js +2 -25
- package/dist/sds-text/sds-text.js.map +1 -1
- package/dist/sds-textfield/sds-textfield.spec.js +7 -9
- package/dist/sds-textfield/sds-textfield.spec.js.map +1 -1
- package/dist/sheriff-web-components.js +133 -114
- package/dist/types.d.ts +0 -2
- package/dist/types.d.ts.map +1 -1
- package/dist/types.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const t=globalThis,s=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,e=Symbol(),o=/* @__PURE__ */new WeakMap;let r=class{constructor(t,s,o){if(this._$cssResult$=!0,o!==e)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=s}get styleSheet(){let t=this.o;const e=this.t;if(s&&void 0===t){const s=void 0!==e&&1===e.length;s&&(t=o.get(e)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),s&&o.set(e,t))}return t}toString(){return this.cssText}};const a=(t,...s)=>{const o=1===t.length?t[0]:s.reduce(((s,e,o)=>s+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(e)+t[o+1]),t[0]);return new r(o,t,e)},i=s?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let s="";for(const e of t.cssRules)s+=e.cssText;return(t=>new r("string"==typeof t?t:t+"",void 0,e))(s)})(t):t,{is:d,defineProperty:n,getOwnPropertyDescriptor:l,getOwnPropertyNames:c,getOwnPropertySymbols:h,getPrototypeOf:p}=Object,g=globalThis,v=g.trustedTypes,u=v?v.emptyScript:"",f=g.reactiveElementPolyfillSupport,b=(t,s)=>t,_={toAttribute(t,s){switch(s){case Boolean:t=t?u:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,s){let e=t;switch(s){case Boolean:e=null!==t;break;case Number:e=null===t?null:Number(t);break;case Object:case Array:try{e=JSON.parse(t)}catch(o){e=null}}return e}},x=(t,s)=>!d(t,s),m={attribute:!0,type:String,converter:_,reflect:!1,useDefault:!1,hasChanged:x};Symbol.metadata??=Symbol("metadata"),g.litPropertyMetadata??=/* @__PURE__ */new WeakMap;let y=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,s=m){if(s.state&&(s.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((s=Object.create(s)).wrapped=!0),this.elementProperties.set(t,s),!s.noAccessor){const e=Symbol(),o=this.getPropertyDescriptor(t,e,s);void 0!==o&&n(this.prototype,t,o)}}static getPropertyDescriptor(t,s,e){const{get:o,set:r}=l(this.prototype,t)??{get(){return this[s]},set(t){this[s]=t}};return{get:o,set(s){const a=o?.call(this);r?.call(this,s),this.requestUpdate(t,a,e)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??m}static _$Ei(){if(this.hasOwnProperty(b("elementProperties")))return;const t=p(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(b("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(b("properties"))){const t=this.properties,s=[...c(t),...h(t)];for(const e of s)this.createProperty(e,t[e])}const t=this[Symbol.metadata];if(null!==t){const s=litPropertyMetadata.get(t);if(void 0!==s)for(const[t,e]of s)this.elementProperties.set(t,e)}this._$Eh=/* @__PURE__ */new Map;for(const[s,e]of this.elementProperties){const t=this._$Eu(s,e);void 0!==t&&this._$Eh.set(t,s)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const s=[];if(Array.isArray(t)){const e=new Set(t.flat(1/0).reverse());for(const t of e)s.unshift(i(t))}else void 0!==t&&s.push(i(t));return s}static _$Eu(t,s){const e=s.attribute;return!1===e?void 0:"string"==typeof e?e:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=/* @__PURE__ */new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)))}addController(t){(this._$EO??=/* @__PURE__ */new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=/* @__PURE__ */new Map,s=this.constructor.elementProperties;for(const e of s.keys())this.hasOwnProperty(e)&&(t.set(e,this[e]),delete this[e]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((e,o)=>{if(s)e.adoptedStyleSheets=o.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const s of o){const o=document.createElement("style"),r=t.litNonce;void 0!==r&&o.setAttribute("nonce",r),o.textContent=s.cssText,e.appendChild(o)}})(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,s,e){this._$AK(t,e)}_$ET(t,s){const e=this.constructor.elementProperties.get(t),o=this.constructor._$Eu(t,e);if(void 0!==o&&!0===e.reflect){const r=(void 0!==e.converter?.toAttribute?e.converter:_).toAttribute(s,e.type);this._$Em=t,null==r?this.removeAttribute(o):this.setAttribute(o,r),this._$Em=null}}_$AK(t,s){const e=this.constructor,o=e._$Eh.get(t);if(void 0!==o&&this._$Em!==o){const t=e.getPropertyOptions(o),r="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:_;this._$Em=o,this[o]=r.fromAttribute(s,t.type)??this._$Ej?.get(o)??null,this._$Em=null}}requestUpdate(t,s,e){if(void 0!==t){const o=this.constructor,r=this[t];if(e??=o.getPropertyOptions(t),!((e.hasChanged??x)(r,s)||e.useDefault&&e.reflect&&r===this._$Ej?.get(t)&&!this.hasAttribute(o._$Eu(t,e))))return;this.C(t,s,e)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,s,{useDefault:e,reflect:o,wrapped:r},a){e&&!(this._$Ej??=/* @__PURE__ */new Map).has(t)&&(this._$Ej.set(t,a??s??this[t]),!0!==r||void 0!==a)||(this._$AL.has(t)||(this.hasUpdated||e||(s=void 0),this._$AL.set(t,s)),!0===o&&this._$Em!==t&&(this._$Eq??=/* @__PURE__ */new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(s){Promise.reject(s)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,s]of this._$Ep)this[t]=s;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[s,e]of t){const{wrapped:t}=e,o=this[s];!0!==t||this._$AL.has(s)||void 0===o||this.C(s,void 0,e,o)}}let t=!1;const s=this._$AL;try{t=this.shouldUpdate(s),t?(this.willUpdate(s),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(s)):this._$EM()}catch(e){throw t=!1,this._$EM(),e}t&&this._$AE(s)}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=/* @__PURE__ */new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach((t=>this._$ET(t,this[t]))),this._$EM()}updated(t){}firstUpdated(t){}};y.elementStyles=[],y.shadowRootOptions={mode:"open"},y[b("elementProperties")]=/* @__PURE__ */new Map,y[b("finalized")]=/* @__PURE__ */new Map,f?.({ReactiveElement:y}),(g.reactiveElementVersions??=[]).push("2.1.0");const w=globalThis,k=w.trustedTypes,z=k?k.createPolicy("lit-html",{createHTML:t=>t}):void 0,$="$lit$",S=`lit$${Math.random().toFixed(9).slice(2)}$`,C="?"+S,E=`<${C}>`,A=document,q=()=>A.createComment(""),O=t=>null===t||"object"!=typeof t&&"function"!=typeof t,P=Array.isArray,D="[ \t\n\f\r]",M=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,V=/-->/g,R=/>/g,T=RegExp(`>|${D}(?:([^\\s"'>=/]+)(${D}*=${D}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),L=/'/g,B=/"/g,I=/^(?:script|style|textarea|title)$/i,j=(G=1,(t,...s)=>({_$litType$:G,strings:t,values:s})),N=Symbol.for("lit-noChange"),U=Symbol.for("lit-nothing"),F=/* @__PURE__ */new WeakMap,H=A.createTreeWalker(A,129);var G;function K(t,s){if(!P(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==z?z.createHTML(s):s}class W{constructor({strings:t,_$litType$:s},e){let o;this.parts=[];let r=0,a=0;const i=t.length-1,d=this.parts,[n,l]=((t,s)=>{const e=t.length-1,o=[];let r,a=2===s?"<svg>":3===s?"<math>":"",i=M;for(let d=0;d<e;d++){const s=t[d];let e,n,l=-1,c=0;for(;c<s.length&&(i.lastIndex=c,n=i.exec(s),null!==n);)c=i.lastIndex,i===M?"!--"===n[1]?i=V:void 0!==n[1]?i=R:void 0!==n[2]?(I.test(n[2])&&(r=RegExp("</"+n[2],"g")),i=T):void 0!==n[3]&&(i=T):i===T?">"===n[0]?(i=r??M,l=-1):void 0===n[1]?l=-2:(l=i.lastIndex-n[2].length,e=n[1],i=void 0===n[3]?T:'"'===n[3]?B:L):i===B||i===L?i=T:i===V||i===R?i=M:(i=T,r=void 0);const h=i===T&&t[d+1].startsWith("/>")?" ":"";a+=i===M?s+E:l>=0?(o.push(e),s.slice(0,l)+$+s.slice(l)+S+h):s+S+(-2===l?d:h)}return[K(t,a+(t[e]||"<?>")+(2===s?"</svg>":3===s?"</math>":"")),o]})(t,s);if(this.el=W.createElement(n,e),H.currentNode=this.el.content,2===s||3===s){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(o=H.nextNode())&&d.length<i;){if(1===o.nodeType){if(o.hasAttributes())for(const t of o.getAttributeNames())if(t.endsWith($)){const s=l[a++],e=o.getAttribute(t).split(S),i=/([.?@])?(.*)/.exec(s);d.push({type:1,index:r,name:i[2],strings:e,ctor:"."===i[1]?J:"?"===i[1]?tt:"@"===i[1]?st:Y}),o.removeAttribute(t)}else t.startsWith(S)&&(d.push({type:6,index:r}),o.removeAttribute(t));if(I.test(o.tagName)){const t=o.textContent.split(S),s=t.length-1;if(s>0){o.textContent=k?k.emptyScript:"";for(let e=0;e<s;e++)o.append(t[e],q()),H.nextNode(),d.push({type:2,index:++r});o.append(t[s],q())}}}else if(8===o.nodeType)if(o.data===C)d.push({type:2,index:r});else{let t=-1;for(;-1!==(t=o.data.indexOf(S,t+1));)d.push({type:7,index:r}),t+=S.length-1}r++}}static createElement(t,s){const e=A.createElement("template");return e.innerHTML=t,e}}function Z(t,s,e=t,o){if(s===N)return s;let r=void 0!==o?e._$Co?.[o]:e._$Cl;const a=O(s)?void 0:s._$litDirective$;return r?.constructor!==a&&(r?._$AO?.(!1),void 0===a?r=void 0:(r=new a(t),r._$AT(t,e,o)),void 0!==o?(e._$Co??=[])[o]=r:e._$Cl=r),void 0!==r&&(s=Z(t,r._$AS(t,s.values),r,o)),s}class Q{constructor(t,s){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=s}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:s},parts:e}=this._$AD,o=(t?.creationScope??A).importNode(s,!0);H.currentNode=o;let r=H.nextNode(),a=0,i=0,d=e[0];for(;void 0!==d;){if(a===d.index){let s;2===d.type?s=new X(r,r.nextSibling,this,t):1===d.type?s=new d.ctor(r,d.name,d.strings,this,t):6===d.type&&(s=new et(r,this,t)),this._$AV.push(s),d=e[++i]}a!==d?.index&&(r=H.nextNode(),a++)}return H.currentNode=A,o}p(t){let s=0;for(const e of this._$AV)void 0!==e&&(void 0!==e.strings?(e._$AI(t,e,s),s+=e.strings.length-2):e._$AI(t[s])),s++}}class X{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,s,e,o){this.type=2,this._$AH=U,this._$AN=void 0,this._$AA=t,this._$AB=s,this._$AM=e,this.options=o,this._$Cv=o?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const s=this._$AM;return void 0!==s&&11===t?.nodeType&&(t=s.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,s=this){t=Z(this,t,s),O(t)?t===U||null==t||""===t?(this._$AH!==U&&this._$AR(),this._$AH=U):t!==this._$AH&&t!==N&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>P(t)||"function"==typeof t?.[Symbol.iterator])(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!==U&&O(this._$AH)?this._$AA.nextSibling.data=t:this.T(A.createTextNode(t)),this._$AH=t}$(t){const{values:s,_$litType$:e}=t,o="number"==typeof e?this._$AC(t):(void 0===e.el&&(e.el=W.createElement(K(e.h,e.h[0]),this.options)),e);if(this._$AH?._$AD===o)this._$AH.p(s);else{const t=new Q(o,this),e=t.u(this.options);t.p(s),this.T(e),this._$AH=t}}_$AC(t){let s=F.get(t.strings);return void 0===s&&F.set(t.strings,s=new W(t)),s}k(t){P(this._$AH)||(this._$AH=[],this._$AR());const s=this._$AH;let e,o=0;for(const r of t)o===s.length?s.push(e=new X(this.O(q()),this.O(q()),this,this.options)):e=s[o],e._$AI(r),o++;o<s.length&&(this._$AR(e&&e._$AB.nextSibling,o),s.length=o)}_$AR(t=this._$AA.nextSibling,s){for(this._$AP?.(!1,!0,s);t&&t!==this._$AB;){const s=t.nextSibling;t.remove(),t=s}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class Y{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,s,e,o,r){this.type=1,this._$AH=U,this._$AN=void 0,this.element=t,this.name=s,this._$AM=o,this.options=r,e.length>2||""!==e[0]||""!==e[1]?(this._$AH=Array(e.length-1).fill(new String),this.strings=e):this._$AH=U}_$AI(t,s=this,e,o){const r=this.strings;let a=!1;if(void 0===r)t=Z(this,t,s,0),a=!O(t)||t!==this._$AH&&t!==N,a&&(this._$AH=t);else{const o=t;let i,d;for(t=r[0],i=0;i<r.length-1;i++)d=Z(this,o[e+i],s,i),d===N&&(d=this._$AH[i]),a||=!O(d)||d!==this._$AH[i],d===U?t=U:t!==U&&(t+=(d??"")+r[i+1]),this._$AH[i]=d}a&&!o&&this.j(t)}j(t){t===U?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class J extends Y{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===U?void 0:t}}class tt extends Y{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==U)}}class st extends Y{constructor(t,s,e,o,r){super(t,s,e,o,r),this.type=5}_$AI(t,s=this){if((t=Z(this,t,s,0)??U)===N)return;const e=this._$AH,o=t===U&&e!==U||t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive,r=t!==U&&(e===U||o);o&&this.element.removeEventListener(this.name,this,e),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class et{constructor(t,s,e){this.element=t,this.type=6,this._$AN=void 0,this._$AM=s,this.options=e}get _$AU(){return this._$AM._$AU}_$AI(t){Z(this,t)}}const ot=w.litHtmlPolyfillSupport;ot?.(W,X),(w.litHtmlVersions??=[]).push("3.3.0");const rt=globalThis;let at=class extends y{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const s=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=((t,s,e)=>{const o=e?.renderBefore??s;let r=o._$litPart$;if(void 0===r){const t=e?.renderBefore??null;o._$litPart$=r=new X(s.insertBefore(q(),t),t,void 0,e??{})}return r._$AI(t),r})(s,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return N}};at._$litElement$=!0,at.finalized=!0,rt.litElementHydrateSupport?.({LitElement:at});const it=rt.litElementPolyfillSupport;it?.({LitElement:at}),(rt.litElementVersions??=[]).push("4.2.0");const dt={attribute:!0,type:String,converter:_,reflect:!1,hasChanged:x},nt=(t=dt,s,e)=>{const{kind:o,metadata:r}=e;let a=globalThis.litPropertyMetadata.get(r);if(void 0===a&&globalThis.litPropertyMetadata.set(r,a=/* @__PURE__ */new Map),"setter"===o&&((t=Object.create(t)).wrapped=!0),a.set(e.name,t),"accessor"===o){const{name:o}=e;return{set(e){const r=s.get.call(this);s.set.call(this,e),this.requestUpdate(o,r,t)},init(s){return void 0!==s&&this.C(o,void 0,t,s),s}}}if("setter"===o){const{name:o}=e;return function(e){const r=this[o];s.call(this,e),this.requestUpdate(o,r,t)}}throw Error("Unsupported decorator location: "+o)};function lt(t){return(s,e)=>"object"==typeof e?nt(t,s,e):((t,s,e)=>{const o=s.hasOwnProperty(e);return s.constructor.createProperty(e,t),o?Object.getOwnPropertyDescriptor(s,e):void 0})(t,s,e)}function ct(t){return lt({...t,state:!0,attribute:!1})}function ht(t,s){return(s,e,o)=>((t,s,e)=>(e.configurable=!0,e.enumerable=!0,Reflect.decorate&&"object"!=typeof s&&Object.defineProperty(t,s,e),e))(s,e,{get(){return(s=>s.renderRoot?.querySelector(t)??null)(this)}})}function pt(t){return s=>{customElements.get(t)||(t=>(s,e)=>{void 0!==e?e.addInitializer((()=>{customElements.define(t,s)})):customElements.define(t,s)})(t)(s)}}const gt=a`
|
|
1
|
+
var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,o=Symbol(),r=/* @__PURE__ */new WeakMap;let a=class{constructor(t,s,e){if(this._$cssResult$=!0,e!==o)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=s}get styleSheet(){let t=this.o;const s=this.t;if(e&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=r.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&r.set(s,t))}return t}toString(){return this.cssText}};const i=(t,...s)=>{const e=1===t.length?t[0]:s.reduce(((s,e,o)=>s+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(e)+t[o+1]),t[0]);return new a(e,t,o)},d=e?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let s="";for(const e of t.cssRules)s+=e.cssText;return(t=>new a("string"==typeof t?t:t+"",void 0,o))(s)})(t):t,{is:n,defineProperty:l,getOwnPropertyDescriptor:c,getOwnPropertyNames:h,getOwnPropertySymbols:p,getPrototypeOf:g}=Object,v=globalThis,u=v.trustedTypes,f=u?u.emptyScript:"",b=v.reactiveElementPolyfillSupport,_=(t,s)=>t,x={toAttribute(t,s){switch(s){case Boolean:t=t?f:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,s){let e=t;switch(s){case Boolean:e=null!==t;break;case Number:e=null===t?null:Number(t);break;case Object:case Array:try{e=JSON.parse(t)}catch(o){e=null}}return e}},m=(t,s)=>!n(t,s),y={attribute:!0,type:String,converter:x,reflect:!1,useDefault:!1,hasChanged:m};Symbol.metadata??=Symbol("metadata"),v.litPropertyMetadata??=/* @__PURE__ */new WeakMap;let w=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,s=y){if(s.state&&(s.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((s=Object.create(s)).wrapped=!0),this.elementProperties.set(t,s),!s.noAccessor){const e=Symbol(),o=this.getPropertyDescriptor(t,e,s);void 0!==o&&l(this.prototype,t,o)}}static getPropertyDescriptor(t,s,e){const{get:o,set:r}=c(this.prototype,t)??{get(){return this[s]},set(t){this[s]=t}};return{get:o,set(s){const a=o?.call(this);r?.call(this,s),this.requestUpdate(t,a,e)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??y}static _$Ei(){if(this.hasOwnProperty(_("elementProperties")))return;const t=g(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(_("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(_("properties"))){const t=this.properties,s=[...h(t),...p(t)];for(const e of s)this.createProperty(e,t[e])}const t=this[Symbol.metadata];if(null!==t){const s=litPropertyMetadata.get(t);if(void 0!==s)for(const[t,e]of s)this.elementProperties.set(t,e)}this._$Eh=/* @__PURE__ */new Map;for(const[s,e]of this.elementProperties){const t=this._$Eu(s,e);void 0!==t&&this._$Eh.set(t,s)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const s=[];if(Array.isArray(t)){const e=new Set(t.flat(1/0).reverse());for(const t of e)s.unshift(d(t))}else void 0!==t&&s.push(d(t));return s}static _$Eu(t,s){const e=s.attribute;return!1===e?void 0:"string"==typeof e?e:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=/* @__PURE__ */new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)))}addController(t){(this._$EO??=/* @__PURE__ */new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=/* @__PURE__ */new Map,s=this.constructor.elementProperties;for(const e of s.keys())this.hasOwnProperty(e)&&(t.set(e,this[e]),delete this[e]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((t,o)=>{if(e)t.adoptedStyleSheets=o.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const e of o){const o=document.createElement("style"),r=s.litNonce;void 0!==r&&o.setAttribute("nonce",r),o.textContent=e.cssText,t.appendChild(o)}})(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,s,e){this._$AK(t,e)}_$ET(t,s){const e=this.constructor.elementProperties.get(t),o=this.constructor._$Eu(t,e);if(void 0!==o&&!0===e.reflect){const r=(void 0!==e.converter?.toAttribute?e.converter:x).toAttribute(s,e.type);this._$Em=t,null==r?this.removeAttribute(o):this.setAttribute(o,r),this._$Em=null}}_$AK(t,s){const e=this.constructor,o=e._$Eh.get(t);if(void 0!==o&&this._$Em!==o){const t=e.getPropertyOptions(o),r="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:x;this._$Em=o,this[o]=r.fromAttribute(s,t.type)??this._$Ej?.get(o)??null,this._$Em=null}}requestUpdate(t,s,e){if(void 0!==t){const o=this.constructor,r=this[t];if(e??=o.getPropertyOptions(t),!((e.hasChanged??m)(r,s)||e.useDefault&&e.reflect&&r===this._$Ej?.get(t)&&!this.hasAttribute(o._$Eu(t,e))))return;this.C(t,s,e)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,s,{useDefault:e,reflect:o,wrapped:r},a){e&&!(this._$Ej??=/* @__PURE__ */new Map).has(t)&&(this._$Ej.set(t,a??s??this[t]),!0!==r||void 0!==a)||(this._$AL.has(t)||(this.hasUpdated||e||(s=void 0),this._$AL.set(t,s)),!0===o&&this._$Em!==t&&(this._$Eq??=/* @__PURE__ */new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(s){Promise.reject(s)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,s]of this._$Ep)this[t]=s;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[s,e]of t){const{wrapped:t}=e,o=this[s];!0!==t||this._$AL.has(s)||void 0===o||this.C(s,void 0,e,o)}}let t=!1;const s=this._$AL;try{t=this.shouldUpdate(s),t?(this.willUpdate(s),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(s)):this._$EM()}catch(e){throw t=!1,this._$EM(),e}t&&this._$AE(s)}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=/* @__PURE__ */new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach((t=>this._$ET(t,this[t]))),this._$EM()}updated(t){}firstUpdated(t){}};w.elementStyles=[],w.shadowRootOptions={mode:"open"},w[_("elementProperties")]=/* @__PURE__ */new Map,w[_("finalized")]=/* @__PURE__ */new Map,b?.({ReactiveElement:w}),(v.reactiveElementVersions??=[]).push("2.1.0");const k={attribute:!0,type:String,converter:x,reflect:!1,hasChanged:m},z=(t=k,s,e)=>{const{kind:o,metadata:r}=e;let a=globalThis.litPropertyMetadata.get(r);if(void 0===a&&globalThis.litPropertyMetadata.set(r,a=/* @__PURE__ */new Map),"setter"===o&&((t=Object.create(t)).wrapped=!0),a.set(e.name,t),"accessor"===o){const{name:o}=e;return{set(e){const r=s.get.call(this);s.set.call(this,e),this.requestUpdate(o,r,t)},init(s){return void 0!==s&&this.C(o,void 0,t,s),s}}}if("setter"===o){const{name:o}=e;return function(e){const r=this[o];s.call(this,e),this.requestUpdate(o,r,t)}}throw Error("Unsupported decorator location: "+o)};function $(t){return(s,e)=>"object"==typeof e?z(t,s,e):((t,s,e)=>{const o=s.hasOwnProperty(e);return s.constructor.createProperty(e,t),o?Object.getOwnPropertyDescriptor(s,e):void 0})(t,s,e)}function S(t){return $({...t,state:!0,attribute:!1})}function C(t,s){return(s,e,o)=>((t,s,e)=>(e.configurable=!0,e.enumerable=!0,Reflect.decorate&&"object"!=typeof s&&Object.defineProperty(t,s,e),e))(s,e,{get(){return s=this,s.renderRoot?.querySelector(t)??null;var s}})}function E(t){return s=>{var e;customElements.get(t)||(e=t,(t,s)=>{void 0!==s?s.addInitializer((()=>{customElements.define(e,t)})):customElements.define(e,t)})(s)}}const A=globalThis,q=A.trustedTypes,O=q?q.createPolicy("lit-html",{createHTML:t=>t}):void 0,P="$lit$",M=`lit$${Math.random().toFixed(9).slice(2)}$`,D="?"+M,V=`<${D}>`,R=document,T=()=>R.createComment(""),B=t=>null===t||"object"!=typeof t&&"function"!=typeof t,L=Array.isArray,I="[ \t\n\f\r]",j=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,N=/-->/g,U=/>/g,F=RegExp(`>|${I}(?:([^\\s"'>=/]+)(${I}*=${I}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),H=/'/g,G=/"/g,K=/^(?:script|style|textarea|title)$/i,W=(J=1,(t,...s)=>({_$litType$:J,strings:t,values:s})),Z=Symbol.for("lit-noChange"),Q=Symbol.for("lit-nothing"),X=/* @__PURE__ */new WeakMap,Y=R.createTreeWalker(R,129);var J;function tt(t,s){if(!L(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==O?O.createHTML(s):s}class st{constructor({strings:t,_$litType$:s},e){let o;this.parts=[];let r=0,a=0;const i=t.length-1,d=this.parts,[n,l]=((t,s)=>{const e=t.length-1,o=[];let r,a=2===s?"<svg>":3===s?"<math>":"",i=j;for(let d=0;d<e;d++){const s=t[d];let e,n,l=-1,c=0;for(;c<s.length&&(i.lastIndex=c,n=i.exec(s),null!==n);)c=i.lastIndex,i===j?"!--"===n[1]?i=N:void 0!==n[1]?i=U:void 0!==n[2]?(K.test(n[2])&&(r=RegExp("</"+n[2],"g")),i=F):void 0!==n[3]&&(i=F):i===F?">"===n[0]?(i=r??j,l=-1):void 0===n[1]?l=-2:(l=i.lastIndex-n[2].length,e=n[1],i=void 0===n[3]?F:'"'===n[3]?G:H):i===G||i===H?i=F:i===N||i===U?i=j:(i=F,r=void 0);const h=i===F&&t[d+1].startsWith("/>")?" ":"";a+=i===j?s+V:l>=0?(o.push(e),s.slice(0,l)+P+s.slice(l)+M+h):s+M+(-2===l?d:h)}return[tt(t,a+(t[e]||"<?>")+(2===s?"</svg>":3===s?"</math>":"")),o]})(t,s);if(this.el=st.createElement(n,e),Y.currentNode=this.el.content,2===s||3===s){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(o=Y.nextNode())&&d.length<i;){if(1===o.nodeType){if(o.hasAttributes())for(const t of o.getAttributeNames())if(t.endsWith(P)){const s=l[a++],e=o.getAttribute(t).split(M),i=/([.?@])?(.*)/.exec(s);d.push({type:1,index:r,name:i[2],strings:e,ctor:"."===i[1]?it:"?"===i[1]?dt:"@"===i[1]?nt:at}),o.removeAttribute(t)}else t.startsWith(M)&&(d.push({type:6,index:r}),o.removeAttribute(t));if(K.test(o.tagName)){const t=o.textContent.split(M),s=t.length-1;if(s>0){o.textContent=q?q.emptyScript:"";for(let e=0;e<s;e++)o.append(t[e],T()),Y.nextNode(),d.push({type:2,index:++r});o.append(t[s],T())}}}else if(8===o.nodeType)if(o.data===D)d.push({type:2,index:r});else{let t=-1;for(;-1!==(t=o.data.indexOf(M,t+1));)d.push({type:7,index:r}),t+=M.length-1}r++}}static createElement(t,s){const e=R.createElement("template");return e.innerHTML=t,e}}function et(t,s,e=t,o){if(s===Z)return s;let r=void 0!==o?e._$Co?.[o]:e._$Cl;const a=B(s)?void 0:s._$litDirective$;return r?.constructor!==a&&(r?._$AO?.(!1),void 0===a?r=void 0:(r=new a(t),r._$AT(t,e,o)),void 0!==o?(e._$Co??=[])[o]=r:e._$Cl=r),void 0!==r&&(s=et(t,r._$AS(t,s.values),r,o)),s}class ot{constructor(t,s){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=s}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:s},parts:e}=this._$AD,o=(t?.creationScope??R).importNode(s,!0);Y.currentNode=o;let r=Y.nextNode(),a=0,i=0,d=e[0];for(;void 0!==d;){if(a===d.index){let s;2===d.type?s=new rt(r,r.nextSibling,this,t):1===d.type?s=new d.ctor(r,d.name,d.strings,this,t):6===d.type&&(s=new lt(r,this,t)),this._$AV.push(s),d=e[++i]}a!==d?.index&&(r=Y.nextNode(),a++)}return Y.currentNode=R,o}p(t){let s=0;for(const e of this._$AV)void 0!==e&&(void 0!==e.strings?(e._$AI(t,e,s),s+=e.strings.length-2):e._$AI(t[s])),s++}}class rt{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,s,e,o){this.type=2,this._$AH=Q,this._$AN=void 0,this._$AA=t,this._$AB=s,this._$AM=e,this.options=o,this._$Cv=o?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const s=this._$AM;return void 0!==s&&11===t?.nodeType&&(t=s.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,s=this){t=et(this,t,s),B(t)?t===Q||null==t||""===t?(this._$AH!==Q&&this._$AR(),this._$AH=Q):t!==this._$AH&&t!==Z&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>L(t)||"function"==typeof t?.[Symbol.iterator])(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!==Q&&B(this._$AH)?this._$AA.nextSibling.data=t:this.T(R.createTextNode(t)),this._$AH=t}$(t){const{values:s,_$litType$:e}=t,o="number"==typeof e?this._$AC(t):(void 0===e.el&&(e.el=st.createElement(tt(e.h,e.h[0]),this.options)),e);if(this._$AH?._$AD===o)this._$AH.p(s);else{const t=new ot(o,this),e=t.u(this.options);t.p(s),this.T(e),this._$AH=t}}_$AC(t){let s=X.get(t.strings);return void 0===s&&X.set(t.strings,s=new st(t)),s}k(t){L(this._$AH)||(this._$AH=[],this._$AR());const s=this._$AH;let e,o=0;for(const r of t)o===s.length?s.push(e=new rt(this.O(T()),this.O(T()),this,this.options)):e=s[o],e._$AI(r),o++;o<s.length&&(this._$AR(e&&e._$AB.nextSibling,o),s.length=o)}_$AR(t=this._$AA.nextSibling,s){for(this._$AP?.(!1,!0,s);t&&t!==this._$AB;){const s=t.nextSibling;t.remove(),t=s}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class at{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,s,e,o,r){this.type=1,this._$AH=Q,this._$AN=void 0,this.element=t,this.name=s,this._$AM=o,this.options=r,e.length>2||""!==e[0]||""!==e[1]?(this._$AH=Array(e.length-1).fill(new String),this.strings=e):this._$AH=Q}_$AI(t,s=this,e,o){const r=this.strings;let a=!1;if(void 0===r)t=et(this,t,s,0),a=!B(t)||t!==this._$AH&&t!==Z,a&&(this._$AH=t);else{const o=t;let i,d;for(t=r[0],i=0;i<r.length-1;i++)d=et(this,o[e+i],s,i),d===Z&&(d=this._$AH[i]),a||=!B(d)||d!==this._$AH[i],d===Q?t=Q:t!==Q&&(t+=(d??"")+r[i+1]),this._$AH[i]=d}a&&!o&&this.j(t)}j(t){t===Q?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class it extends at{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===Q?void 0:t}}class dt extends at{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==Q)}}class nt extends at{constructor(t,s,e,o,r){super(t,s,e,o,r),this.type=5}_$AI(t,s=this){if((t=et(this,t,s,0)??Q)===Z)return;const e=this._$AH,o=t===Q&&e!==Q||t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive,r=t!==Q&&(e===Q||o);o&&this.element.removeEventListener(this.name,this,e),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class lt{constructor(t,s,e){this.element=t,this.type=6,this._$AN=void 0,this._$AM=s,this.options=e}get _$AU(){return this._$AM._$AU}_$AI(t){et(this,t)}}const ct=A.litHtmlPolyfillSupport;ct?.(st,rt),(A.litHtmlVersions??=[]).push("3.3.0");const ht=globalThis;let pt=class extends w{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const s=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=((t,s,e)=>{const o=e?.renderBefore??s;let r=o._$litPart$;if(void 0===r){const t=e?.renderBefore??null;o._$litPart$=r=new rt(s.insertBefore(T(),t),t,void 0,e??{})}return r._$AI(t),r})(s,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return Z}};pt._$litElement$=!0,pt.finalized=!0,ht.litElementHydrateSupport?.({LitElement:pt});const gt=ht.litElementPolyfillSupport;gt?.({LitElement:pt}),(ht.litElementVersions??=[]).push("4.2.0");const vt=Symbol.for(""),ut=t=>{if(t?.r===vt)return t?._$litStatic$},ft=(t,...s)=>({_$litStatic$:s.reduce(((s,e,o)=>s+(t=>{if(void 0!==t._$litStatic$)return t._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${t}. Use 'unsafeStatic' to pass non-literal values, but\n take care to ensure page security.`)})(e)+t[o+1]),t[0]),r:vt}),bt=/* @__PURE__ */new Map,_t=(t=>(s,...e)=>{const o=e.length;let r,a;const i=[],d=[];let n,l=0,c=!1;for(;l<o;){for(n=s[l];l<o&&void 0!==(a=e[l],r=ut(a));)n+=r+s[++l],c=!0;l!==o&&d.push(a),i.push(n),l++}if(l===o&&i.push(s[o]),c){const t=i.join("$$lit$$");void 0===(s=bt.get(t))&&(i.raw=i,bt.set(t,s=i)),e=d}return t(s,...e)})(W),xt=i`
|
|
2
2
|
:host {
|
|
3
3
|
--_sds-alert-background-color: var(--sds-alert-background-color, var(--sds-color-alert-info-surface-tinted));
|
|
4
4
|
|
|
@@ -95,8 +95,9 @@ const t=globalThis,s=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
95
95
|
:host([variant='secondary']) {
|
|
96
96
|
--_sds-alert-background-color: var(--sds-alert-background-color, transparent);
|
|
97
97
|
--_sds-alert-border-color: var(--sds-alert-border-color, transparent);
|
|
98
|
+
--_sds-alert-border-width: var(--sds-alert-border-width, 0);
|
|
98
99
|
|
|
99
|
-
--_sds-alert-padding: var(--sds-alert-padding,
|
|
100
|
+
--_sds-alert-padding: var(--sds-alert-padding, 0);
|
|
100
101
|
--_sds-alert-column-gap: var(--sds-alert-column-gap, var(--sds-spacing-3xs));
|
|
101
102
|
--_sds-alert-content-gap: var(--sds-alert-content-gap, var(--sds-spacing-4xs));
|
|
102
103
|
|
|
@@ -113,7 +114,7 @@ const t=globalThis,s=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
113
114
|
width: 16px;
|
|
114
115
|
height: 16px;
|
|
115
116
|
background-color: var(--_sds-alert-icon-color-background);
|
|
116
|
-
z-index:
|
|
117
|
+
z-index: -1;
|
|
117
118
|
clip-path: circle(50%);
|
|
118
119
|
}
|
|
119
120
|
}
|
|
@@ -122,8 +123,8 @@ const t=globalThis,s=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
122
123
|
--sds-icon-color: var(--sds-alert-icon-color, var(--sds-color-action-default));
|
|
123
124
|
|
|
124
125
|
&::after {
|
|
125
|
-
top:
|
|
126
|
-
left:
|
|
126
|
+
top: 5px;
|
|
127
|
+
left: 3px;
|
|
127
128
|
width: 20px;
|
|
128
129
|
height: 16px;
|
|
129
130
|
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
|
|
@@ -172,7 +173,23 @@ const t=globalThis,s=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
172
173
|
margin: 0 !important;
|
|
173
174
|
max-width: var(--_sds-alert-max-line-width) !important;
|
|
174
175
|
}
|
|
175
|
-
|
|
176
|
+
`;var mt=Object.defineProperty,yt=(t,s,e,o)=>{for(var r,a=void 0,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(s,e,a)||a);return a&&mt(s,e,a),a};const wt={info:"InformationSquareFill-aksel-filled",success:"check_circle-material-filled",attention:"warning-material-filled",danger:"dangerous-material-filled"},kt=class extends pt{constructor(){super(...arguments),this.variant="primary",this.size="md",this.palette="info",this.iconTag=ft`sds-icon`,this.buttonTag=ft`sds-button`,this._remove=()=>{this.dispatchEvent(new CustomEvent("sds-remove",{bubbles:!0,composed:!0}))},this._renderIcon=(t,s,e)=>_t`<${this.iconTag} ${e?`class=${e}`:""} name="${t}" size=${s}></${this.iconTag}>`,this._renderRemoveButton=t=>_t`<${this.buttonTag}
|
|
177
|
+
class="sds-alert__remove-btn"
|
|
178
|
+
variant="tertiary"
|
|
179
|
+
size="sm"
|
|
180
|
+
?icon=${!0}
|
|
181
|
+
aria-label=${t}
|
|
182
|
+
@click=${this._remove}
|
|
183
|
+
>
|
|
184
|
+
${this._renderIcon("close-material-outlined","sm")}
|
|
185
|
+
</${this.buttonTag}>`}render(){const t="primary"===this.variant?"md":this.size??"md",s=wt[this.palette]??wt.info;return W`<div class="sds-alert">
|
|
186
|
+
<div class="sds-alert__type">${this._renderIcon(s,t,"sds-alert__icon")}</div>
|
|
187
|
+
<div class="sds-alert__content">
|
|
188
|
+
<slot name="title"></slot>
|
|
189
|
+
<slot name="message"></slot>
|
|
190
|
+
</div>
|
|
191
|
+
${this.removableLabel&&"primary"===this.variant?W`<div class="sds-alert__actions">${this._renderRemoveButton(this.removableLabel)}</div>`:Q}
|
|
192
|
+
</div>`}};kt.styles=[xt];let zt=kt;yt([$({type:String,reflect:!0})],zt.prototype,"variant"),yt([$({type:String,reflect:!0})],zt.prototype,"size"),yt([$({type:String,attribute:"removable-label",reflect:!0})],zt.prototype,"removableLabel"),yt([$({type:String,attribute:"data-palette",reflect:!0})],zt.prototype,"palette");const $t=t=>t??Q,St=1,Ct=2,Et=t=>(...s)=>({_$litDirective$:t,values:s});class At{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,s,e){this._$Ct=t,this._$AM=s,this._$Ci=e}_$AS(t,s){return this.update(t,s)}update(t,s){return this.render(...s)}}let qt=class extends At{constructor(t){if(super(t),this.it=Q,t.type!==Ct)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===Q||null==t)return this._t=void 0,this.it=t;if(t===Z)return t;if("string"!=typeof t)throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const s=[t];return s.raw=s,this._t={_$litType$:this.constructor.resultType,strings:s,values:[]}}};qt.directiveName="unsafeHTML",qt.resultType=1;class Ot extends qt{}Ot.directiveName="unsafeSVG",Ot.resultType=2;const Pt=Et(Ot),Mt=["arrow_forward-material-outlined","check_circle-material-filled","close-material-outlined","dangerous-material-filled","InformationSquareFill-aksel-filled","lock-material-filled","search-material-filled","warning-material-filled","chevron_up-material-filled"],Dt={"arrow_forward-material-outlined":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="M662.82-440.39H145.87v-79.22h516.95L423.87-758.57 480-814.7 814.7-480 480-145.87l-56.13-55.56z"/></svg>',"check_circle-material-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="m419.87-289.52 289.22-289.22-57.31-56.87L419.87-403.7 304.96-518.61l-56.31 56.87zm60.21 223.65q-85.47 0-161.01-32.39-75.53-32.4-131.97-88.84T98.26-318.99q-32.39-75.46-32.39-160.93 0-86.47 32.39-162.01 32.4-75.53 88.75-131.5t131.85-88.62 161.01-32.65q86.52 0 162.12 32.61 75.61 32.6 131.53 88.5 55.93 55.89 88.55 131.45Q894.7-566.58 894.7-480q0 85.55-32.65 161.07-32.65 75.53-88.62 131.9T642.01-98.26q-75.46 32.39-161.93 32.39"/></svg>',"close-material-outlined":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="M249-193.43 193.43-249l231-231-231-231L249-766.57l231 231 231-231L766.57-711l-231 231 231 231L711-193.43l-231-231z"/></svg>',"dangerous-material-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="M324.35-105.87 105.87-324.35v-311.87L324.35-854.7h311.87L854.7-636.22v311.87L636.22-105.87zm34.91-206.87L480-433.48l120.74 120.74 47.09-46.52L526.52-480l121.31-120.74-47.09-47.09L480-526.52 359.26-647.83l-46.52 47.09L433.48-480 312.74-359.26z"/></svg>',"InformationSquareFill-aksel-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24"><path fill-rule="evenodd" d="M3.25 4A.75.75 0 0 1 4 3.25h16a.75.75 0 0 1 .75.75v16a.75.75 0 0 1-.75.75H4a.75.75 0 0 1-.75-.75zM11 7.75a1 1 0 1 1 2 0 1 1 0 0 1-2 0m-1.25 3a.75.75 0 0 1 .75-.75H12a.75.75 0 0 1 .75.75v4.75h.75a.75.75 0 0 1 0 1.5h-3a.75.75 0 0 1 0-1.5h.75v-4h-.75a.75.75 0 0 1-.75-.75" clip-rule="evenodd"/></svg>',"lock-material-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="M225.09-67q-32.68 0-55.95-23.27t-23.27-55.95v-423.82q0-32.91 23.27-56.35t55.95-23.44h58.69v-83.56q0-82.44 57.17-140.18 57.16-57.73 139.02-57.73t139.05 57.73q57.2 57.74 57.2 140.18v83.56h58.69q32.91 0 56.35 23.44t23.44 56.35v423.82q0 32.68-23.44 55.95T734.91-67zm255.08-214.13q31.83 0 54.33-22.03t22.5-52.97q0-30-22.67-54.5t-54.5-24.5-54.33 24.5-22.5 55 22.67 52.5 54.5 22M363-649.83h234v-83.43q0-49.96-33.79-84.11-33.8-34.15-82.96-34.15t-83.21 34.15Q363-783.22 363-733.26z"/></svg>',"search-material-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="M795.43-105.17 529.04-371q-29.43 24.26-69.11 37.94-39.67 13.67-85.32 13.67-112.12 0-189.87-77.83Q107-475.04 107-585t77.83-187.78q77.82-77.83 188.28-77.83t187.78 77.83q77.33 77.82 77.33 187.93 0 43.98-13.15 83.13-13.16 39.15-39.46 73.59L853-162.74zM373.81-398.61q77.66 0 131.42-54.53Q559-507.67 559-585t-53.85-131.86-131.34-54.53q-78.33 0-132.96 54.53T186.22-585t54.55 131.86 133.04 54.53"/></svg>',"warning-material-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 -960 960 960"><path d="M27.56-112.65 480-894.7l452.44 782.05zm456.62-125.48q13.15 0 22.61-9.64 9.47-9.65 9.47-22.8t-9.64-22.33q-9.65-9.19-22.8-9.19t-22.61 9.36q-9.47 9.36-9.47 22.51t9.64 22.62q9.65 9.47 22.8 9.47M454-348h60v-219.48h-60z"/></svg>',"chevron_up-material-filled":'<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 32 32"><path d="m16 11.5 8 8-1.867 1.867L16 15.233l-6.133 6.134L8 19.5z"/></svg>'},Vt=t=>import(`@politiet/sheriff-icons/dist/assets/${t}.js`).then((({default:t})=>t)).catch((t=>{console.log(t)})),Rt=t=>fetch(`https://cdn.jsdelivr.net/npm/@politiet/sheriff-icons/dist/assets/${t}.svg`).then((s=>{if(!s.ok)throw new TypeError(`Sheriff: unknown icon: '${t}'`);return s.text()}));const Tt=i`
|
|
176
193
|
:host {
|
|
177
194
|
--_sds-icon-size: var(--sds-icon-size, var(--sds-components-icon-md));
|
|
178
195
|
--_sds-icon-color: var(--sds-icon-color, var(--sds-color-text-subtle, var(--sds-color-neutral-text-subtle)));
|
|
@@ -204,11 +221,11 @@ const t=globalThis,s=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
204
221
|
height: 100%;
|
|
205
222
|
overflow: hidden;
|
|
206
223
|
}
|
|
207
|
-
`;var
|
|
208
|
-
<div class="sds-icon" role="${
|
|
209
|
-
${this.name?
|
|
224
|
+
`;var Bt=Object.defineProperty,Lt=(t,s,e,o)=>{for(var r,a=void 0,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(s,e,a)||a);return a&&Bt(s,e,a),a};const It=((t=class extends pt{constructor(){super(...arguments),this.name="",this.color="",this.label="",this.svg=""}static setLoadLocal(t){this.iconLoader.loadLocal=t}static registerResolver(t){this.iconLoader.resolver=t}render(){return W`
|
|
225
|
+
<div class="sds-icon" role="${$t(this.label?"img":void 0)}" style="${$t(this.color?`color:${this.color}`:void 0)}" aria-label="${$t(this.label)}">
|
|
226
|
+
${this.name?W`<slot aria-hidden="true">${Pt(this.svg)}</slot>`:W`<slot aria-hidden="true"></slot>`}
|
|
210
227
|
</div>
|
|
211
|
-
`}async fetchIcon(){if(!this.name)return void(this.svg="");const
|
|
228
|
+
`}async fetchIcon(){if(!this.name)return void(this.svg="");const s=await new Promise((s=>{t.iconLoader.resolve(this.name,s)}));this.svg=s}updated(t){super.updated(t),t.has("name")&&this.name&&this.fetchIcon()}}).styles=[Tt],t.iconLoader=new class{constructor(){this.cache=/* @__PURE__ */new Map,this._loadLocal=!1,this._disableSystemIcons=!1,this.resolver=this._loadLocal?Vt:Rt}get loadLocal(){return this._loadLocal}set loadLocal(t){this._loadLocal=t,this.resolver=t?Vt:Rt}set disableSystemIcons(t){this._disableSystemIcons=t}resolve(t,s){if(!this._disableSystemIcons&&(t=>Mt.includes(t))(t))return void s(Dt[t]);let e=this.cache.get(t);"string"!=typeof e?(e||(e=this.resolver(t).catch((()=>"")).then((s=>(this.cache.set(t,s),s))),this.cache.set(t,e)),e.then(s)):s(e)}clear(){this.cache.clear()}get currentLoader(){return this.resolver}},t);Lt([$({type:String,reflect:!0})],It.prototype,"name"),Lt([$({type:String,reflect:!0})],It.prototype,"size"),Lt([$({type:String,reflect:!0})],It.prototype,"color"),Lt([$({type:String,reflect:!0})],It.prototype,"label"),Lt([S()],It.prototype,"svg");let jt=It;var Nt=Object.getOwnPropertyDescriptor;let Ut=class extends jt{};Ut=((t,s,e,o)=>{for(var r,a=o>1?void 0:o?Nt(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([E("sds-icon")],Ut);const Ft=Et(class extends At{constructor(t){if(super(t),t.type!==St||"class"!==t.name||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter((s=>t[s])).join(" ")+" "}update(t,[s]){if(void 0===this.st){this.st=/* @__PURE__ */new Set,void 0!==t.strings&&(this.nt=new Set(t.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in s)s[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(s)}const e=t.element.classList;for(const o of this.st)o in s||(e.remove(o),this.st.delete(o));for(const o in s){const t=!!s[o];t===this.st.has(o)||this.nt?.has(o)||(t?(e.add(o),this.st.add(o)):(e.remove(o),this.st.delete(o)))}return Z}}),Ht=i`
|
|
212
229
|
:host {
|
|
213
230
|
--_sds-button-background-color: var(--sds-button-background-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));
|
|
214
231
|
--_sds-button-border-color: var(--sds-button-border-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));
|
|
@@ -279,6 +296,9 @@ const t=globalThis,s=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
279
296
|
opacity: var(--_sds-button-disabled-opacity);
|
|
280
297
|
cursor: not-allowed;
|
|
281
298
|
pointer-events: none;
|
|
299
|
+
--_sds-button-background-color: var(--sds-button-background-color, var(--sds-color-neutral-action-default));
|
|
300
|
+
--_sds-button-border-color: var(--sds-button-border-color, var(--sds-color-neutral-action-default));
|
|
301
|
+
--_sds-button-text-color: var(--sds-button-text-color, var(--sds-color-neutral-action-contrast-default));
|
|
282
302
|
}
|
|
283
303
|
}
|
|
284
304
|
|
|
@@ -299,6 +319,12 @@ const t=globalThis,s=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
299
319
|
.sds-button:active {
|
|
300
320
|
--_sds-button-background-color: var(--sds-button-background-color, var(--sds-color-surface-active, var(--sds-color-main-surface-active)));
|
|
301
321
|
}
|
|
322
|
+
|
|
323
|
+
.sds-button:disabled {
|
|
324
|
+
--_sds-button-background-color: var(--sds-button-background-color, transparent);
|
|
325
|
+
--_sds-button-border-color: var(--sds-button-border-color, var(--sds-color-neutral-action-default));
|
|
326
|
+
--_sds-button-text-color: var(--sds-button-text-color, var(--sds-color-neutral-action-default));
|
|
327
|
+
}
|
|
302
328
|
}
|
|
303
329
|
|
|
304
330
|
:host([variant='tertiary']) {
|
|
@@ -322,6 +348,12 @@ const t=globalThis,s=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
322
348
|
--_sds-button-border-color: var(--sds-button-border-color, transparent);
|
|
323
349
|
--_sds-button-text-color: var(--sds-button-text-color, var(--sds-color-action-active, var(--sds-color-main-action-active)));
|
|
324
350
|
}
|
|
351
|
+
|
|
352
|
+
.sds-button:disabled {
|
|
353
|
+
--_sds-button-background-color: var(--sds-button-background-color, transparent);
|
|
354
|
+
--_sds-button-border-color: var(--sds-button-border-color, transparent);
|
|
355
|
+
--_sds-button-text-color: var(--sds-button-text-color, var(--sds-color-neutral-action-default));
|
|
356
|
+
}
|
|
325
357
|
}
|
|
326
358
|
|
|
327
359
|
:host([variant='tertiary']):host([icon]) {
|
|
@@ -364,39 +396,26 @@ const t=globalThis,s=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
364
396
|
--_sds-button-padding-inline: var(--sds-button-padding-inline, 0);
|
|
365
397
|
min-width: var(--_sds-button-min-height);
|
|
366
398
|
}
|
|
367
|
-
`;var
|
|
399
|
+
`;var Gt=Object.defineProperty,Kt=(t,s,e,o)=>{for(var r,a=void 0,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(s,e,a)||a);return a&&Gt(s,e,a),a};const Wt=class extends pt{constructor(){super(),this.disabled=!1,this.icon=!1,this.loading=!1,this.size="lg",this.type="button",this.value="",this.variant="primary",this._handleClick=t=>{if(t.preventDefault(),t.stopImmediatePropagation(),!this.disabled)switch(this.type){case"submit":{const t=new CustomEvent("submit",{bubbles:!0,composed:!0,cancelable:!0});if(this.dispatchEvent(t))if(this.form){const t=this.getRootNode().querySelector(`form#${this.form}`);t?.requestSubmit()}else this.internals.form&&this.internals.form.requestSubmit();break}case"reset":{const t=new CustomEvent("reset",{bubbles:!0,composed:!0,cancelable:!0});if(this.dispatchEvent(t))if(this.form){const t=this.getRootNode().querySelector(`form#${this.form}`);t?.reset()}else this.internals.form&&this.internals.form.reset();break}default:this.dispatchEvent(new CustomEvent("click",{bubbles:!0,composed:!0}))}},this.internals=this.attachInternals(),this.attachShadow({mode:"open",delegatesFocus:!0})}updated(t){t.has("variant")&&"critical"===this.variant&&this.setAttribute("data-palette","danger")}focus(){this.disabled||this.shadowRoot?.querySelector("button")?.focus()}blur(){this.disabled||this.shadowRoot?.querySelector("button")?.blur()}click(){this.disabled||this.shadowRoot?.querySelector("button")?.click()}render(){const t={"sds-button":!0,"sds-button--as-link":!!this.href};return this.href?W` <a id="link" class="${Ft(t)}" href="${this.href}" target="${$t(this.target)}">
|
|
368
400
|
<slot name="before"></slot>
|
|
369
401
|
<slot></slot>
|
|
370
402
|
<slot name="after"></slot>
|
|
371
|
-
</a>`:
|
|
403
|
+
</a>`:W`
|
|
372
404
|
<button
|
|
373
405
|
id="control"
|
|
374
|
-
form="${
|
|
375
|
-
class="${
|
|
406
|
+
form="${$t(this.form)}"
|
|
407
|
+
class="${Ft(t)}"
|
|
376
408
|
type="${this.type}"
|
|
377
|
-
name="${
|
|
378
|
-
value="${
|
|
409
|
+
name="${$t(this.name)}"
|
|
410
|
+
value="${$t(this.value)}"
|
|
379
411
|
?disabled="${this.disabled}"
|
|
380
412
|
@click="${this._handleClick}"
|
|
381
413
|
>
|
|
382
|
-
${this.loading?
|
|
414
|
+
${this.loading?W`<sds-loader slot="before" ?contrast="${"primary"!==this.variant}"></sds-loader>`:Q} ${this.loading?Q:W`<slot name="before"></slot>`}
|
|
383
415
|
<slot></slot>
|
|
384
|
-
${this.loading?
|
|
416
|
+
${this.loading?Q:W`<slot name="after"></slot>`}
|
|
385
417
|
</button>
|
|
386
|
-
`}};
|
|
387
|
-
<div class="sds-alert__type">
|
|
388
|
-
<sds-icon class="sds-alert__icon" name="${s}" size="${t}"></sds-icon>
|
|
389
|
-
</div>
|
|
390
|
-
<div class="sds-alert__content">
|
|
391
|
-
<slot name="title"></slot>
|
|
392
|
-
<slot name="message"></slot>
|
|
393
|
-
</div>
|
|
394
|
-
${this.removableLabel&&"primary"===this.variant?j`<div class="sds-alert__actions">
|
|
395
|
-
<sds-button icon variant="tertiary" size="sm" @click=${this._remove} aria-label="${this.removableLabel}">
|
|
396
|
-
<sds-icon name="close-material-outlined" size="sm"></sds-icon>
|
|
397
|
-
</sds-button>
|
|
398
|
-
</div>`:U}
|
|
399
|
-
</div>`}};function Nt(t,s,e,o){const r=t.assignedNodes({flatten:!0}).filter((t=>{if(t.nodeType===Node.TEXT_NODE){return(t.textContent?.trim()??"").length>0}if(t.nodeType===Node.ELEMENT_NODE){const e=t,o=e.tagName.toUpperCase();if(!s.includes(o))return!0;return Array.from(e.childNodes).some((t=>t.nodeType===Node.ELEMENT_NODE))}return!1}));r.length>0&&console.warn(o,...r)}jt.styles=[gt],Bt([lt({type:String,reflect:!0})],jt.prototype,"variant",2),Bt([lt({type:String,reflect:!0})],jt.prototype,"size",2),Bt([lt({type:String,attribute:"removable-label",reflect:!0})],jt.prototype,"removableLabel",2),Bt([lt({type:String,attribute:"data-palette",reflect:!0})],jt.prototype,"palette",2),jt=Bt([pt("sds-alert")],jt);const Ut=a`
|
|
418
|
+
`}};Wt.styles=[Ht],Wt.formAssociated=!0;let Zt=Wt;Kt([$({type:Boolean,reflect:!0})],Zt.prototype,"disabled"),Kt([$({type:Boolean,reflect:!0})],Zt.prototype,"icon"),Kt([$({type:Boolean,reflect:!0})],Zt.prototype,"loading"),Kt([$({type:String,reflect:!0})],Zt.prototype,"form"),Kt([$({type:String,reflect:!0})],Zt.prototype,"href"),Kt([$({type:String,reflect:!0})],Zt.prototype,"name"),Kt([$({type:String,reflect:!0})],Zt.prototype,"size"),Kt([$({type:String,reflect:!0})],Zt.prototype,"target"),Kt([$({type:String,reflect:!0})],Zt.prototype,"type"),Kt([$({type:String,reflect:!0})],Zt.prototype,"value"),Kt([$({type:String,reflect:!0})],Zt.prototype,"variant");var Qt=Object.getOwnPropertyDescriptor;let Xt=class extends Zt{};Xt=((t,s,e,o)=>{for(var r,a=o>1?void 0:o?Qt(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([E("sds-button")],Xt);var Yt=Object.getOwnPropertyDescriptor;let Jt=class extends zt{};function ts(t,s,e,o){const r=t.assignedNodes({flatten:!0}).filter((t=>{if(t.nodeType===Node.TEXT_NODE){return(t.textContent?.trim()??"").length>0}if(t.nodeType===Node.ELEMENT_NODE){const e=t,o=e.tagName.toUpperCase();if(!s.includes(o))return!0;return Array.from(e.childNodes).some((t=>t.nodeType===Node.ELEMENT_NODE))}return!1}));r.length>0&&console.warn(o,...r)}Jt=((t,s,e,o)=>{for(var r,a=o>1?void 0:o?Yt(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([E("sds-alert")],Jt);const ss=i`
|
|
400
419
|
:host {
|
|
401
420
|
--_sds-card-background-color: var(--sds-card-background-color, var(--sds-color-surface-tinted, var(--sds-color-main-surface-tinted)));
|
|
402
421
|
--_sds-card-border-radius: var(--sds-card-border-radius, var(--sds-radius-md));
|
|
@@ -517,11 +536,11 @@ const t=globalThis,s=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
517
536
|
--_sds-card-text-line-height: var(--sds-card-text-line-height, var(--sds-typography-body-md-desktop-line-height));
|
|
518
537
|
}
|
|
519
538
|
}
|
|
520
|
-
`;var
|
|
539
|
+
`;var es=Object.defineProperty,os=Object.getOwnPropertyDescriptor,rs=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?os(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&es(s,e,a),a};let as=class extends pt{firstUpdated(){const t="[sds-card] text slot should only contain top-level <p> elements with no nested elements:",s="[sds-card] header slot should only contain one of <h2>–<h6> elements:";ts(this.textSlot,["P"],0,t);this.headingSlot.assignedNodes({flatten:!0}).length>0&&ts(this.headingSlot,["H2","H3","H4","H5","H6"],0,s),this.textSlot.addEventListener("slotchange",(()=>{ts(this.textSlot,["P"],0,t)})),this.headingSlot.addEventListener("slotchange",(()=>{this.headingSlot.assignedNodes({flatten:!0}).length>0&&ts(this.headingSlot,["H2","H3","H4","H5","H6"],0,s)}))}render(){const t=W`
|
|
521
540
|
<slot name="heading" id="heading"></slot>
|
|
522
541
|
<slot name="text" id="content"></slot>
|
|
523
542
|
<sds-icon name="arrow_forward-material-outlined" size="md" class="sds-card__icon"></sds-icon>
|
|
524
|
-
`;return
|
|
543
|
+
`;return W`<article class="sds-card">${this.link?W`<a href="${this.link}" class="sds-card__content">${t}</a>`:W`<div class="sds-card__content">${t}</div>`}</article>`}};as.styles=[ss],rs([$({type:String,reflect:!0})],as.prototype,"link",2),rs([C("slot#heading")],as.prototype,"headingSlot",2),rs([C("slot#text")],as.prototype,"textSlot",2),as=rs([E("sds-card")],as);const is=i`
|
|
525
544
|
:host {
|
|
526
545
|
--_sds-checkbox-block-gap: var(--sds-checkbox-block-gap, var(--sds-spacing-4xs));
|
|
527
546
|
--_sds-checkbox-inline-gap: var(--sds-checkbox-inline-gap, var(--sds-spacing-3xs));
|
|
@@ -743,13 +762,13 @@ const t=globalThis,s=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
743
762
|
margin-block-start: -1px;
|
|
744
763
|
}
|
|
745
764
|
}
|
|
746
|
-
`;var
|
|
747
|
-
<div class="${
|
|
765
|
+
`;var ds=Object.defineProperty,ns=Object.getOwnPropertyDescriptor,ls=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?ns(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&ds(s,e,a),a};let cs=class extends pt{constructor(){super(),this.checked=!1,this.error=!1,this.required=!1,this.size="md",this.readOnly=!1,this._disabled=!1,this._disabledIsAuthorControlled=!1,this._settingDisabledFromParent=!1,this._parentRequestDisabled=!1,this._initialChecked=!1,this._handleChange=t=>{if(t.stopImmediatePropagation(),this.disabled||this.readOnly)return t.target.checked=this.checked,void t.preventDefault();const s=t.target;this.checked=s.checked,this.internals.setFormValue(s.checked?s.value:null),this._validate(),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0}))},this._handleFocus=t=>{t.stopImmediatePropagation(),this.dispatchEvent(new CustomEvent("focus",{bubbles:!0,composed:!0}))},this._handleBlur=t=>{t.stopImmediatePropagation(),this.dispatchEvent(new CustomEvent("blur",{bubbles:!0,composed:!0}))},this.internals=this.attachInternals(),this.attachShadow({mode:"open",delegatesFocus:!0})}get disabled(){return this._disabled}set disabled(t){const s=t??!1,e=this._disabled;e!==s&&(this._disabled=s,this.requestUpdate("disabled",e),this._settingDisabledFromParent||(this._disabledIsAuthorControlled=s))}get parentRequestDisabled(){return this._parentRequestDisabled}set parentRequestDisabled(t){const s=t??!1,e=this._parentRequestDisabled;e!==s&&(this._parentRequestDisabled=s,this.requestUpdate("parentRequestDisabled",e),this._disabledIsAuthorControlled||(this._settingDisabledFromParent=!0,this.disabled=s,this._settingDisabledFromParent=!1))}connectedCallback(){super.connectedCallback(),this._initialChecked=this.checked,this.internals.role="checkbox",this.checked&&this.internals.setFormValue(this.value??"on")}firstUpdated(t){super.firstUpdated(t),this.control&&(this.control.required=this.required),this._validate()}formResetCallback(){this.checked=this._initialChecked,this.control&&(this.control.checked=this._initialChecked);const t=this.checked?this.value??"on":null;this.internals.setFormValue(t),this._validate()}_validate(){this.required&&!this.checked?this.internals.setValidity({valueMissing:!0},this.control.validationMessage,this.control):this.internals.setValidity({})}focus(){this.disabled||this.shadowRoot?.querySelector("input")?.focus()}blur(){this.disabled||this.shadowRoot?.querySelector("input")?.blur()}click(){this.disabled||this.readOnly||this.shadowRoot?.querySelector("input")?.click()}updated(t){super.updated(t),t.has("required")&&this.control&&(this.control.required=this.required),t.has("checked")&&this._validate(),this._disabledIsAuthorControlled||this.disabled===this._parentRequestDisabled||(this._settingDisabledFromParent=!0,this.disabled=this._parentRequestDisabled??!1,this._settingDisabledFromParent=!1)}get type(){return"checkbox"}render(){const t={"sds-checkbox":!0,"sds-checkbox--error":Boolean(this.error)},s={"sds-checkbox__input":!0,"sds-checkbox__input--error":Boolean(this.error)};return W`
|
|
766
|
+
<div class="${Ft(t)}">
|
|
748
767
|
<input
|
|
749
768
|
id="control"
|
|
750
769
|
type="checkbox"
|
|
751
|
-
name="${
|
|
752
|
-
value="${
|
|
770
|
+
name="${$t(this.name)}"
|
|
771
|
+
value="${$t(this.value)}"
|
|
753
772
|
.checked="${this.checked}"
|
|
754
773
|
?checked="${this.checked}"
|
|
755
774
|
?disabled="${this.disabled}"
|
|
@@ -758,12 +777,12 @@ const t=globalThis,s=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
758
777
|
@change="${this._handleChange}"
|
|
759
778
|
@focus="${this._handleFocus}"
|
|
760
779
|
@blur="${this._handleBlur}"
|
|
761
|
-
class="${
|
|
780
|
+
class="${Ft(s)}"
|
|
762
781
|
/>
|
|
763
|
-
${this.label?
|
|
764
|
-
${this.helpText?
|
|
782
|
+
${this.label?W`<label for="control" class="sds-checkbox__label">${this.label}</label>`:Q}
|
|
783
|
+
${this.helpText?W`<span class="sds-checkbox__help-text">${this.helpText}</span>`:Q}
|
|
765
784
|
</div>
|
|
766
|
-
`}};
|
|
785
|
+
`}};cs.styles=[is],cs.formAssociated=!0,ls([$({type:String,reflect:!0})],cs.prototype,"name",2),ls([$({type:String,reflect:!0})],cs.prototype,"label",2),ls([$({type:String})],cs.prototype,"value",2),ls([$({type:Boolean,reflect:!0})],cs.prototype,"checked",2),ls([$({type:Boolean,reflect:!0})],cs.prototype,"disabled",1),ls([$({type:Boolean,reflect:!0})],cs.prototype,"error",2),ls([$({type:Boolean,reflect:!0})],cs.prototype,"required",2),ls([$({type:String,reflect:!0})],cs.prototype,"size",2),ls([$({type:String,attribute:"help-text"})],cs.prototype,"helpText",2),ls([$({type:Boolean,attribute:"readonly",reflect:!0})],cs.prototype,"readOnly",2),ls([$({type:Boolean,attribute:!1})],cs.prototype,"parentRequestDisabled",1),ls([C("#control")],cs.prototype,"control",2),cs=ls([E("sds-checkbox")],cs);const hs=i`
|
|
767
786
|
:host {
|
|
768
787
|
--_sds-checkbox-group-gap: var(--sds-checkbox-group-gap, var(--sds-spacing-xs));
|
|
769
788
|
--_sds-checkbox-group-font-family: var(--sds-checkbox-group-font-family, var(--sds-typography-font-family-roboto));
|
|
@@ -855,16 +874,16 @@ const t=globalThis,s=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
855
874
|
--_sds-checkbox-group-help-text-font-size: var(--sds-checkbox-group-help-text-font-size, var(--sds-components-font-size-content-lg));
|
|
856
875
|
--_sds-checkbox-group-help-text-line-height: var(--sds-checkbox-group-help-text-line-height, var(--sds-components-line-height-squeezed-lg));
|
|
857
876
|
}
|
|
858
|
-
`;var
|
|
859
|
-
<fieldset class="${
|
|
860
|
-
${this.legend?
|
|
861
|
-
${this.helpText?
|
|
877
|
+
`;var ps=Object.defineProperty,gs=Object.getOwnPropertyDescriptor,vs=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?gs(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&ps(s,e,a),a};const us=["disabled","errorMessage","readOnly","size"];let fs=class extends pt{constructor(){super(...arguments),this.readOnly=!1,this.disabled=!1,this.size="md",this._selectedValues=[],this._handleCheckboxChange=t=>{const s=t.target,e=s.value,o=s.checked;this._selectedValues=o?[...this._selectedValues,e]:this._selectedValues.filter((t=>t!==e)),this.dispatchEvent(new CustomEvent("sds-update",{bubbles:!0,composed:!0}))},this._handleSlotChange=()=>{this._updateChildProps([...us])}}_getChildCheckboxes(){return this._slotElement?.assignedElements({flatten:!0}).filter((t=>"SDS-CHECKBOX"===t.tagName))??[]}_updateChildProps(t){const s=this._getChildCheckboxes();for(const e of s)for(const s of t)switch(s){case"readOnly":e.readOnly=this.readOnly;break;case"disabled":e.parentRequestDisabled=this.disabled;break;case"errorMessage":e.error=Boolean(this.errorMessage);break;case"size":e.size=this.size}}updated(t){super.updated(t);const s=Array.from(t.keys());(s.includes("errorMessage")||s.includes("error-message"))&&this._updateChildProps(["errorMessage"])}attributeChangedCallback(t,s,e){if(super.attributeChangedCallback(t,s,e),"readonly"===t)return void this._updateChildProps(["readOnly"]);const o=t;us.includes(o)&&this._updateChildProps([o])}get value(){return{selectedValues:this._selectedValues}}render(){const t={"sds-checkbox-group":!0,"sds-checkbox-group--disabled":this.disabled,"sds-checkbox-group--error":Boolean(this.errorMessage)};return W`
|
|
878
|
+
<fieldset class="${Ft(t)}">
|
|
879
|
+
${this.legend?W`<legend class="sds-checkbox-group__legend">${this.readOnly?W`<sds-icon name="lock-material-filled" size="md"></sds-icon>`:Q}</sds-icon>${this.legend}</legend>`:Q}
|
|
880
|
+
${this.helpText?W`<p class="sds-checkbox-group__help-text">${this.helpText}</p>`:Q}
|
|
862
881
|
<div class="sds-checkbox-group__checkboxes" @change=${this._handleCheckboxChange}>
|
|
863
882
|
<slot @slotchange=${this._handleSlotChange}></slot>
|
|
864
883
|
</div>
|
|
865
|
-
${this.errorMessage?
|
|
884
|
+
${this.errorMessage?W`<sds-alert variant="secondary" data-palette="danger"><p slot="message">${this.errorMessage}</p></sds-alert>`:Q}
|
|
866
885
|
</fieldset>
|
|
867
|
-
`}};
|
|
886
|
+
`}};fs.styles=[hs],vs([$({type:String,reflect:!0})],fs.prototype,"legend",2),vs([$({type:String,attribute:"help-text",reflect:!0})],fs.prototype,"helpText",2),vs([$({type:String,attribute:"error-message",reflect:!0})],fs.prototype,"errorMessage",2),vs([$({type:Boolean,attribute:"readonly",reflect:!0})],fs.prototype,"readOnly",2),vs([$({type:Boolean,reflect:!0})],fs.prototype,"disabled",2),vs([$({type:String,reflect:!0})],fs.prototype,"size",2),vs([S()],fs.prototype,"_selectedValues",2),vs([C("slot")],fs.prototype,"_slotElement",2),fs=vs([E("sds-checkbox-group")],fs);const bs=i`
|
|
868
887
|
:host {
|
|
869
888
|
--_sds-chip-font-family: var(--sds-chip-font-family, var(--sds-typography-font-family-roboto));
|
|
870
889
|
--_sds-chip-font-weight: var(--sds-chip-font-weight, var(--sds-typography-font-weight-regular));
|
|
@@ -1008,22 +1027,22 @@ const t=globalThis,s=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
1008
1027
|
white-space: nowrap;
|
|
1009
1028
|
}
|
|
1010
1029
|
}
|
|
1011
|
-
`;var
|
|
1030
|
+
`;var _s=Object.defineProperty,xs=Object.getOwnPropertyDescriptor,ms=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?xs(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&_s(s,e,a),a};let ys=class extends pt{constructor(){super(),this.variant="selectable",this.size="md",this.checked=!1,this.disabled=!1,this.readonly=!1,this._initialChecked=!1,this._toggle=t=>{t.preventDefault(),t.stopImmediatePropagation(),this.disabled||this.readonly||(this.checked=!this.checked,this.internals.setFormValue(this.checked?this.value??"on":null),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0})))},this._remove=()=>{this.disabled||this.readonly||this.dispatchEvent(new CustomEvent("sds-remove",{bubbles:!0,composed:!0}))},this._keypress=t=>{[" ","Enter"].includes(t.key)&&("removable"===this.variant?this._remove():this._toggle(t))},this.internals=this.attachInternals(),this.attachShadow({mode:"open",delegatesFocus:!0})}connectedCallback(){super.connectedCallback(),this._initialChecked=this.checked,this.internals.role="checkbox",this.checked&&this.internals.setFormValue(this.value??null)}formResetCallback(){this.checked=this._initialChecked,this.internals.setFormValue(this.value??null)}focus(){this.disabled||this.shadowRoot?.querySelector("input")?.focus()}blur(){this.disabled||this.shadowRoot?.querySelector("input")?.blur()}click(){this.disabled||this.shadowRoot?.querySelector("input")?.click()}render(){const t="removable"===this.variant&&!this.readonly&&!this.disabled,s={"sds-chip":!0,"sds-chip--small":"small"===this.size||"sm"===this.size,"sds-chip--large":"large"===this.size||"lg"===this.size,"sds-chip--removable":t};return t?W`<button class="${Ft(s)}" @click=${this._remove} @keyup="${this._keypress}">
|
|
1012
1031
|
<slot></slot>
|
|
1013
1032
|
<sds-icon name="close-material-outlined" size="s"></sds-icon>
|
|
1014
|
-
</button>`:
|
|
1033
|
+
</button>`:W`<label class="${Ft(s)}" @click="${this._toggle}" @keyup="${this._keypress}">
|
|
1015
1034
|
<input
|
|
1016
1035
|
id="control"
|
|
1017
1036
|
type="checkbox"
|
|
1018
|
-
name="${
|
|
1019
|
-
value="${
|
|
1037
|
+
name="${$t(this.name)}"
|
|
1038
|
+
value="${$t(this.value)}"
|
|
1020
1039
|
.checked="${this.checked}"
|
|
1021
1040
|
?checked="${this.checked}"
|
|
1022
1041
|
?disabled="${this.disabled}"
|
|
1023
1042
|
?readonly="${this.readonly}"
|
|
1024
1043
|
/>
|
|
1025
1044
|
<slot></slot>
|
|
1026
|
-
</label>`}};
|
|
1045
|
+
</label>`}};ys.styles=[bs],ys.formAssociated=!0,ms([$({type:String,reflect:!0})],ys.prototype,"variant",2),ms([$({type:String,reflect:!0})],ys.prototype,"size",2),ms([$({type:Boolean,reflect:!0})],ys.prototype,"checked",2),ms([$({type:String,reflect:!0})],ys.prototype,"name",2),ms([$({type:String})],ys.prototype,"value",2),ms([$({type:Boolean,reflect:!0})],ys.prototype,"disabled",2),ms([$({type:Boolean,reflect:!0})],ys.prototype,"readonly",2),ms([C("#control")],ys.prototype,"control",2),ys=ms([E("sds-chip")],ys);const ws=i`
|
|
1027
1046
|
:host {
|
|
1028
1047
|
--_sds-details-text-color: var(--sds-details-text-color, var(--sds-color-text-default, var(--sds-color-main-text-default)));
|
|
1029
1048
|
|
|
@@ -1159,7 +1178,7 @@ const t=globalThis,s=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
1159
1178
|
display: inline;
|
|
1160
1179
|
margin: 0;
|
|
1161
1180
|
}
|
|
1162
|
-
`;var
|
|
1181
|
+
`;var ks=Object.defineProperty,zs=Object.getOwnPropertyDescriptor,$s=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?zs(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&ks(s,e,a),a};let Ss=class extends pt{constructor(){super(...arguments),this.open=!1,this.standalone=!1,this.name=void 0,this._handleToggle=t=>{const s=t.currentTarget;this.open!==s.open&&(this.open=s.open),this.dispatchEvent(new CustomEvent("sds-toggle",{detail:{open:s.open},bubbles:!0,composed:!0}))}}render(){return W`
|
|
1163
1182
|
<details class="sds-details" .name="${this.name??""}" ?data-standalone="${this.standalone}" ?open="${this.open}" @toggle="${this._handleToggle}">
|
|
1164
1183
|
<summary class="sds-details__summary">
|
|
1165
1184
|
<sds-icon name="chevron_up-material-filled"></sds-icon>
|
|
@@ -1171,7 +1190,7 @@ const t=globalThis,s=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
1171
1190
|
<slot></slot>
|
|
1172
1191
|
</div>
|
|
1173
1192
|
</details>
|
|
1174
|
-
`}};
|
|
1193
|
+
`}};Ss.styles=[ws],$s([$({type:Boolean,reflect:!0})],Ss.prototype,"open",2),$s([$({type:Boolean,reflect:!0})],Ss.prototype,"standalone",2),$s([$({type:String,reflect:!0})],Ss.prototype,"name",2),Ss=$s([E("sds-details")],Ss);const Cs=i`
|
|
1175
1194
|
:host {
|
|
1176
1195
|
--_sds-heading-font-family: var(--sds-heading-font-family, var(--sds-typography-font-family-roboto));
|
|
1177
1196
|
--_sds-heading-text-color: var(--sds-heading-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
|
|
@@ -1324,7 +1343,7 @@ const t=globalThis,s=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
1324
1343
|
--_sds-heading-line-height: var(--sds-heading-line-height, var(--sds-typography-heading-xs-desktop-line-height));
|
|
1325
1344
|
}
|
|
1326
1345
|
}
|
|
1327
|
-
`;var
|
|
1346
|
+
`;var Es=Object.defineProperty,As=(t,s,e,o)=>{for(var r,a=void 0,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(s,e,a)||a);return a&&Es(s,e,a),a};const qs=class extends pt{constructor(){super(...arguments),this.level="h1"}render(){const t={"sds-heading":!0,"sds-heading--xl":"xl"===this.size,"sds-heading--lg":"l"===this.size||"lg"===this.size,"sds-heading--md":"m"===this.size||"md"===this.size,"sds-heading--sm":"s"===this.size||"sm"===this.size,"sds-heading--xs":"xs"===this.size};switch(this.level?.toLowerCase()){case"h1":default:return W`<h1 class=${Ft(t)}><slot></slot></h1>`;case"h2":return W`<h2 class=${Ft(t)}><slot></slot></h2>`;case"h3":return W`<h3 class=${Ft(t)}><slot></slot></h3>`;case"h4":return W`<h4 class=${Ft(t)}><slot></slot></h4>`;case"h5":return W`<h5 class=${Ft(t)}><slot></slot></h5>`;case"h6":return W`<h6 class=${Ft(t)}><slot></slot></h6>`}}};qs.styles=[Cs];let Os=qs;As([$({type:String,reflect:!0})],Os.prototype,"level"),As([$({type:String,reflect:!0})],Os.prototype,"size");var Ps=Object.getOwnPropertyDescriptor;let Ms=class extends Os{};Ms=((t,s,e,o)=>{for(var r,a=o>1?void 0:o?Ps(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([E("sds-heading")],Ms);const Ds=i`
|
|
1328
1347
|
:host {
|
|
1329
1348
|
--_sds-loader-main-color: var(--sds-loader-main-color, var(--sds-color-action-contrast-default, var(--sds-color-main-action-contrast-default)));
|
|
1330
1349
|
--_sds-loader-secondary-color: var(--sds-loader-secondary-color, var(--sds-color-border-subtle, var(--sds-color-main-border-subtle)));
|
|
@@ -1400,10 +1419,10 @@ const t=globalThis,s=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
1400
1419
|
stroke-dashoffset: -120px;
|
|
1401
1420
|
}
|
|
1402
1421
|
}
|
|
1403
|
-
`;var
|
|
1422
|
+
`;var Vs=Object.defineProperty,Rs=Object.getOwnPropertyDescriptor,Ts=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?Rs(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&Vs(s,e,a),a};let Bs=class extends pt{constructor(){super(...arguments),this.size="md",this.contrast=!1}render(){return W`<svg aria-label="Laster" class="sds-loader" role="img" viewBox="0 0 50 50">
|
|
1404
1423
|
<circle class="sds-loader__background" cx="25" cy="25" r="20" fill="none" stroke-width="7"></circle>
|
|
1405
1424
|
<circle class="sds-loader__circle" cx="25" cy="25" r="20" fill="none" stroke-width="7"></circle>
|
|
1406
|
-
</svg>`}};
|
|
1425
|
+
</svg>`}};Bs.styles=[Ds],Ts([$({type:String,reflect:!0})],Bs.prototype,"size",2),Ts([$({type:Boolean,reflect:!0})],Bs.prototype,"contrast",2),Bs=Ts([E("sds-loader")],Bs);const Ls=i`
|
|
1407
1426
|
:host {
|
|
1408
1427
|
--_sds-notification-background-color: var(--sds-notification-background-color, var(--sds-color-alert-info-surface-tinted));
|
|
1409
1428
|
|
|
@@ -1540,20 +1559,20 @@ const t=globalThis,s=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
1540
1559
|
margin: 0 !important;
|
|
1541
1560
|
max-width: var(--_sds-notification-max-line-width) !important;
|
|
1542
1561
|
}
|
|
1543
|
-
`;var
|
|
1562
|
+
`;var Is=Object.defineProperty,js=Object.getOwnPropertyDescriptor,Ns=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?js(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&Is(s,e,a),a};const Us={info:"InformationSquareFill-aksel-filled",success:"check_circle-material-filled",attention:"warning-material-filled",warning:"warning-material-filled",danger:"dangerous-material-filled",critical:"dangerous-material-filled"};let Fs=!1,Hs=class extends pt{constructor(){super(),this.variant="info",this._remove=()=>{this.dispatchEvent(new CustomEvent("sds-remove",{bubbles:!0,composed:!0}))},Fs||(Fs=!0,console.warn("[Sheriff] The Notification component is deprecated and will be removed in the next major release. Please migrate to the Alert component."))}updated(t){t.has("variant")&&"critical"===this.variant?this.variant="danger":t.has("variant")&&"warning"===this.variant&&(this.variant="attention")}render(){const t="danger"===this.variant||"critical"===this.variant?"danger":"accent";return W`<div class="${Ft({"sds-notification":!0})}">
|
|
1544
1563
|
<div class="sds-notification__type">
|
|
1545
|
-
<sds-icon class="sds-notification__icon" name="${
|
|
1564
|
+
<sds-icon class="sds-notification__icon" name="${Us[this.variant]}" size="md"></sds-icon>
|
|
1546
1565
|
</div>
|
|
1547
1566
|
<div class="sds-notification__content">
|
|
1548
1567
|
<slot name="title"></slot>
|
|
1549
1568
|
<slot name="message"></slot>
|
|
1550
1569
|
</div>
|
|
1551
|
-
${this.removableLabel?
|
|
1570
|
+
${this.removableLabel?W`<div class="sds-notification__actions">
|
|
1552
1571
|
<sds-button icon variant="tertiary" color="${t}" size="sm" @click=${this._remove} aria-label="${this.removableLabel}">
|
|
1553
1572
|
<sds-icon name="close-material-outlined" size="sm"></sds-icon>
|
|
1554
1573
|
</sds-button>
|
|
1555
|
-
</div>`:
|
|
1556
|
-
</div>`}};
|
|
1574
|
+
</div>`:Q}
|
|
1575
|
+
</div>`}};Hs.styles=[Ls],Ns([$({type:String,reflect:!0})],Hs.prototype,"variant",2),Ns([$({type:String,attribute:"removable-label",reflect:!0})],Hs.prototype,"removableLabel",2),Hs=Ns([E("sds-notification")],Hs);const Gs=i`
|
|
1557
1576
|
:host {
|
|
1558
1577
|
--_sds-radio-font-family: var(--sds-radio-font-family, var(--sds-typography-font-family-roboto));
|
|
1559
1578
|
--_sds-radio-disabled-opacity: var(--sds-radio-disabled-opacity, var(--sds-color-states-disabled-opacity));
|
|
@@ -1755,13 +1774,13 @@ const t=globalThis,s=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
1755
1774
|
margin-block-start: -1px;
|
|
1756
1775
|
}
|
|
1757
1776
|
}
|
|
1758
|
-
`;var
|
|
1759
|
-
<div class="${
|
|
1777
|
+
`;var Ks=Object.defineProperty,Ws=Object.getOwnPropertyDescriptor,Zs=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?Ws(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&Ks(s,e,a),a};let Qs=class extends pt{constructor(){super(),this.required=!1,this.label="",this.hideLabel=!1,this.value="on",this.checked=!1,this.error=!1,this.readOnly=!1,this.size="md",this._disabled=!1,this._disabledIsAuthorControlled=!1,this._settingDisabledFromParent=!1,this._parentRequestDisabled=!1,this._initialChecked=!1,this._handleKeydown=t=>{if(!this.name||this.disabled||this.readOnly)return;const s=this.getRootNode(),e=Array.from(s.querySelectorAll(`sds-radio[name="${this.name}"]`)),o=e.indexOf(this);if(-1===o)return;let r=null;switch(t.key){case"ArrowUp":case"ArrowLeft":r=o>0?o-1:e.length-1;break;case"ArrowDown":case"ArrowRight":r=o<e.length-1?o+1:0;break;default:return}const a=e[r];a?.focus(),a?.click(),t.preventDefault()},this._handleChange=t=>{if(this.disabled||this.readOnly)return t.target.checked=this.checked??!1,void t.preventDefault();const s=t.target;this.checked=s.checked,this.checked&&this._uncheckSiblings(),this._updateGroupValidation(),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0}))},this._handleFocus=t=>{t.stopImmediatePropagation(),this.dispatchEvent(new CustomEvent("focus",{bubbles:!0,composed:!0}))},this._handleBlur=t=>{t.stopImmediatePropagation(),this.dispatchEvent(new CustomEvent("blur",{bubbles:!0,composed:!0}))},this.internals=this.attachInternals(),this.attachShadow({mode:"open",delegatesFocus:!0})}get disabled(){return this._disabled}set disabled(t){const s=t??!1,e=this._disabled;e!==s&&(this._disabled=s,this.requestUpdate("disabled",e),this._settingDisabledFromParent||(this._disabledIsAuthorControlled=s))}get parentRequestDisabled(){return this._parentRequestDisabled}set parentRequestDisabled(t){const s=t??!1,e=this._parentRequestDisabled;e!==s&&(this._parentRequestDisabled=s,this.requestUpdate("parentRequestDisabled",e),this._disabledIsAuthorControlled||(this._settingDisabledFromParent=!0,this.disabled=s,this._settingDisabledFromParent=!1))}connectedCallback(){super.connectedCallback(),this.internals.role="radio",this._initialChecked||(this._initialChecked=this.checked??!1),this.addEventListener("keydown",this._handleKeydown)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this._handleKeydown)}firstUpdated(t){super.firstUpdated(t),this._updateGroupValidation()}updated(t){super.updated(t),t.has("checked")&&(this.checked?(this._uncheckSiblings(),this.internals.setFormValue(this.value??null)):this.internals.setFormValue(null),this._updateGroupValidation()),t.has("required")&&this.control&&(this.control.required=this.required??!1),this._disabledIsAuthorControlled||this.disabled===this._parentRequestDisabled||(this._settingDisabledFromParent=!0,this.disabled=this._parentRequestDisabled??!1,this._settingDisabledFromParent=!1)}_getGroupRadios(){if(!this.name)return[this];const t=this.getRootNode();return Array.from(t.querySelectorAll(`sds-radio[name="${this.name}"]`))}_updateGroupValidation(){const t=this._getGroupRadios(),s=t.some((t=>t.checked)),e=t.some((t=>t.required));t.forEach((t=>{t.control&&(e?t.internals.setValidity(s?{}:{valueMissing:!0},s?"":t.control.validationMessage,t.control):t.internals.setValidity({}))}))}formResetCallback(){this.checked=this._initialChecked,this.control.checked=this._initialChecked,this.internals.setFormValue(this.checked?this.value??"on":null),this._updateGroupValidation()}_uncheckSiblings(){if(!this.name)return;const t=this._getGroupRadios();for(const s of t)s!==this&&s.checked&&(s.checked=!1,s.internals.setFormValue(null))}get form(){return this.internals.form}get type(){return"radio"}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}get willValidate(){return this.internals.willValidate}checkValidity(){return this.internals.checkValidity()}reportValidity(){return this.internals.reportValidity()}setCustomValidity(t){this.internals.setValidity({customError:!!t},t)}formDisabledCallback(t){this._settingDisabledFromParent=!0,this.disabled=t,this._settingDisabledFromParent=!1,this.control&&(this.control.disabled=t)}focus(){this.disabled||this.shadowRoot?.querySelector("input")?.focus()}blur(){this.disabled||this.shadowRoot?.querySelector("input")?.blur()}click(){this.disabled||this.readOnly||this.shadowRoot?.querySelector("input")?.click()}render(){const t={"sds-radio":!0,"sds-radio--error":Boolean(this.error)},s={"sds-radio__input":!0,"sds-radio__input--error":Boolean(this.error)};return W`
|
|
1778
|
+
<div class="${Ft(t)}">
|
|
1760
1779
|
<input
|
|
1761
1780
|
id="control"
|
|
1762
1781
|
type="radio"
|
|
1763
|
-
name="${
|
|
1764
|
-
value="${
|
|
1782
|
+
name="${$t(this.name)}"
|
|
1783
|
+
value="${$t(this.value)}"
|
|
1765
1784
|
?checked="${this.checked??!1}"
|
|
1766
1785
|
.checked="${this.checked??!1}"
|
|
1767
1786
|
?disabled="${this.disabled??!1}"
|
|
@@ -1771,12 +1790,12 @@ const t=globalThis,s=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
1771
1790
|
@change="${this._handleChange}"
|
|
1772
1791
|
@focus="${this._handleFocus}"
|
|
1773
1792
|
@blur="${this._handleBlur}"
|
|
1774
|
-
class="${
|
|
1793
|
+
class="${Ft(s)}"
|
|
1775
1794
|
/>
|
|
1776
|
-
${this.label?
|
|
1777
|
-
${this.helpText?
|
|
1795
|
+
${this.label?W`<label class="sds-radio__label" for="control">${this.label}</label>`:Q}
|
|
1796
|
+
${this.helpText?W`<span class="sds-radio__help-text">${this.helpText}</span>`:Q}
|
|
1778
1797
|
</div>
|
|
1779
|
-
`}};
|
|
1798
|
+
`}};Qs.styles=[Gs],Qs.formAssociated=!0,Zs([$({type:Boolean,reflect:!0})],Qs.prototype,"required",2),Zs([$({type:String,reflect:!0})],Qs.prototype,"label",2),Zs([$({type:Boolean,reflect:!0,attribute:"hide-label"})],Qs.prototype,"hideLabel",2),Zs([$({type:String,reflect:!0})],Qs.prototype,"name",2),Zs([$({type:String})],Qs.prototype,"value",2),Zs([$({type:Boolean,reflect:!0})],Qs.prototype,"checked",2),Zs([$({type:Boolean,reflect:!0})],Qs.prototype,"error",2),Zs([$({type:Boolean,attribute:"readonly",reflect:!0})],Qs.prototype,"readOnly",2),Zs([$({type:String,reflect:!0})],Qs.prototype,"size",2),Zs([$({type:String,attribute:"help-text"})],Qs.prototype,"helpText",2),Zs([$({type:Boolean,reflect:!0})],Qs.prototype,"disabled",1),Zs([$({type:Boolean,attribute:!1})],Qs.prototype,"parentRequestDisabled",1),Zs([C("#control")],Qs.prototype,"control",2),Qs=Zs([E("sds-radio")],Qs);const Xs=i`
|
|
1780
1799
|
:host {
|
|
1781
1800
|
--_sds-radio-group-gap: var(--sds-radio-group-gap, var(--sds-spacing-xs));
|
|
1782
1801
|
--_sds-radio-group-row-gap: var(--sds-radio-group-row-gap, var(--sds-spacing-md));
|
|
@@ -1874,18 +1893,18 @@ const t=globalThis,s=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
1874
1893
|
--_sds-radio-group-help-text-font-size: var(--sds-radio-group-help-text-font-size, var(--sds-components-font-size-content-lg));
|
|
1875
1894
|
--_sds-radio-group-help-text-line-height: var(--sds-radio-group-help-text-line-height, var(--sds-components-line-height-squeezed-lg));
|
|
1876
1895
|
}
|
|
1877
|
-
`;var
|
|
1878
|
-
<fieldset class="${
|
|
1879
|
-
${this.legend?
|
|
1880
|
-
${this.helpText?
|
|
1881
|
-
<div class="${
|
|
1896
|
+
`;var Ys=Object.defineProperty,Js=Object.getOwnPropertyDescriptor,te=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?Js(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&Ys(s,e,a),a};const se=["disabled","errorMessage","readOnly","required","size"];let ee=class extends pt{constructor(){super(...arguments),this.readOnly=!1,this.direction="column",this.disabled=!1,this.required=!1,this.size="md",this._selectedValue=null,this._handleRadioChange=t=>{const s=t.composedPath().find((t=>t instanceof HTMLElement&&"SDS-RADIO"===t.tagName));s&&(this._selectedValue=s.getAttribute("value")||null,this.dispatchEvent(new CustomEvent("sds-update",{bubbles:!0,composed:!0})))},this._handleSlotChange=()=>{this._updateChildProps([...se])}}_getChildRadios(){return this._slotElement?.assignedElements({flatten:!0}).filter((t=>"SDS-RADIO"===t.tagName))??[]}_updateChildProps(t){const s=this._getChildRadios();for(const e of s)for(const s of t)switch(s){case"readOnly":e.readOnly=this.readOnly;break;case"disabled":e.parentRequestDisabled=this.disabled;break;case"errorMessage":e.error=Boolean(this.errorMessage);break;case"required":e.required=this.required;break;case"size":e.size=this.size}}updated(t){super.updated(t);const s=Array.from(t.keys());(s.includes("errorMessage")||s.includes("error-message"))&&this._updateChildProps(["errorMessage"])}attributeChangedCallback(t,s,e){if(super.attributeChangedCallback(t,s,e),"readonly"===t)return void this._updateChildProps(["readOnly"]);const o=t;se.includes(o)&&this._updateChildProps([o])}render(){const t={"sds-radio-group":!0,"sds-radio-group--readonly":this.readOnly??!1,"sds-radio-group--disabled":this.disabled??!1},s={"sds-radio-group__radios":!0,"sds-radio-group--column":"column"===this.direction,"sds-radio-group--row":"row"===this.direction};return W`
|
|
1897
|
+
<fieldset class="${Ft(t)}">
|
|
1898
|
+
${this.legend?W`<legend class="sds-radio-group__legend">${this.readOnly?W`<sds-icon name="lock-material-filled" size="md"></sds-icon>`:Q}${this.legend}</legend>`:Q}
|
|
1899
|
+
${this.helpText?W`<p class="sds-radio-group__help-text">${this.helpText}</p>`:Q}
|
|
1900
|
+
<div class="${Ft(s)}" @change=${this._handleRadioChange}>
|
|
1882
1901
|
<slot @slotchange=${this._handleSlotChange}></slot>
|
|
1883
1902
|
</div>
|
|
1884
|
-
${this.errorMessage?
|
|
1903
|
+
${this.errorMessage?W`<sds-alert variant="secondary" data-palette="danger">
|
|
1885
1904
|
<p slot="message">${this.errorMessage}</p>
|
|
1886
|
-
</sds-alert>`:
|
|
1905
|
+
</sds-alert>`:Q}
|
|
1887
1906
|
</fieldset>
|
|
1888
|
-
`}get value(){return{selectedValue:this._selectedValue}}};
|
|
1907
|
+
`}get value(){return{selectedValue:this._selectedValue}}};ee.styles=[Xs],te([$({type:String})],ee.prototype,"legend",2),te([$({type:String,attribute:"help-text"})],ee.prototype,"helpText",2),te([$({type:String,attribute:"error-message"})],ee.prototype,"errorMessage",2),te([$({type:Boolean,attribute:"readonly",reflect:!0})],ee.prototype,"readOnly",2),te([$({type:String})],ee.prototype,"direction",2),te([$({type:Boolean,reflect:!0})],ee.prototype,"disabled",2),te([$({type:Boolean,reflect:!0})],ee.prototype,"required",2),te([$({type:String,reflect:!0})],ee.prototype,"size",2),te([S()],ee.prototype,"_selectedValue",2),te([C("slot")],ee.prototype,"_slotElement",2),ee=te([E("sds-radio-group")],ee);const oe=i`
|
|
1889
1908
|
:host {
|
|
1890
1909
|
--_sds-switch-background-color: var(--sds-switch-background-color, var(--sds-color-surface-default, var(--sds-color-neutral-surface-default)));
|
|
1891
1910
|
--_sds-switch-text-color: var(--sds-switch-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
|
|
@@ -2035,7 +2054,7 @@ const t=globalThis,s=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
2035
2054
|
.sds-switch__input:checked::before {
|
|
2036
2055
|
--_sds-switch-button-position: calc(var(--_sds-switch-width) - var(--_sds-switch-button-size) - var(--_sds-switch-button-gap) - var(--_sds-switch-border-width));
|
|
2037
2056
|
}
|
|
2038
|
-
`;var
|
|
2057
|
+
`;var re=Object.defineProperty,ae=Object.getOwnPropertyDescriptor,ie=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?ae(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&re(s,e,a),a};let de=class extends pt{constructor(){super(),this.disabled=!1,this.label="",this.hideLabel=!1,this.reverse=!1,this.checked=!1,this.readOnly=!1,this.size="md",this._initialChecked=!1,this._handleChange=t=>{if(t.stopImmediatePropagation(),!this.disabled){const s=t.target;this.checked=s.checked,this.internals.setFormValue(this.checked?"on":"off"),this.dispatchEvent(new CustomEvent("change",{bubbles:!0,composed:!0}))}},this._handleFocus=t=>{t.stopImmediatePropagation(),this.disabled||this.dispatchEvent(new CustomEvent("focus",{bubbles:!0,composed:!0}))},this._handleBlur=t=>{t.stopImmediatePropagation(),this.disabled||this.disabled||this.dispatchEvent(new CustomEvent("blur",{bubbles:!0,composed:!0}))},this.getIconSize=()=>{switch(this.size){case"sm":case"md":case"lg":return this.size;case"l":return"lg";case"s":return"sm"}},this.internals=this.attachInternals(),this.attachShadow({mode:"open",delegatesFocus:!0})}connectedCallback(){super.connectedCallback(),this._initialChecked=this.checked,this.internals.setFormValue(this.checked?"on":"off")}updated(t){t.has("checked")&&(this.control.checked=this.checked,this.internals.setFormValue(this.checked?"on":"off"))}formResetCallback(){this.checked=this._initialChecked,this.control.checked=this._initialChecked,this.internals.setFormValue(this._initialChecked?"on":"off")}formStateRestoreCallback(t){this.checked=t}get value(){return this.checked?"on":"off"}render(){const t={"sds-switch__label":!0,"sds-switch__label--hidden":this.hideLabel},s=W`<input
|
|
2039
2058
|
class="sds-switch__input"
|
|
2040
2059
|
id="control"
|
|
2041
2060
|
type="checkbox"
|
|
@@ -2044,11 +2063,11 @@ const t=globalThis,s=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
2044
2063
|
?disabled="${this.disabled}"
|
|
2045
2064
|
.checked="${this.checked}"
|
|
2046
2065
|
?checked="${this.checked}"
|
|
2047
|
-
name="${
|
|
2066
|
+
name="${$t(this.name)}"
|
|
2048
2067
|
@change="${this._handleChange}"
|
|
2049
2068
|
@focus="${this._handleFocus}"
|
|
2050
2069
|
@blur="${this._handleBlur}"
|
|
2051
|
-
/>`,e=this.readOnly?
|
|
2070
|
+
/>`,e=this.readOnly?W`<sds-icon name="lock-material-filled" size="${this.getIconSize()}"></sds-icon>`:Q,o=W`<label class="${Ft(t)}" for="control">${e}${this.label}</label>`;return W`<div class="${Ft({"sds-switch":!0})}">${this.reverse?[o,s]:[s,o]}</div>`}};de.styles=[oe],de.formAssociated=!0,ie([$({type:Boolean,reflect:!0})],de.prototype,"disabled",2),ie([$({type:String,reflect:!0})],de.prototype,"label",2),ie([$({type:Boolean,reflect:!0,attribute:"hide-label"})],de.prototype,"hideLabel",2),ie([$({type:String,reflect:!0})],de.prototype,"name",2),ie([$({type:Boolean,reflect:!0})],de.prototype,"reverse",2),ie([$({type:Boolean,reflect:!0})],de.prototype,"checked",2),ie([$({type:Boolean,attribute:"readonly",reflect:!0})],de.prototype,"readOnly",2),ie([$({type:String,reflect:!0})],de.prototype,"size",2),ie([C("#control")],de.prototype,"control",2),de=ie([E("sds-switch")],de);const ne=i`
|
|
2052
2071
|
:host {
|
|
2053
2072
|
--_sds-tag-background-color: var(--sds-tag-background-color, var(--sds-color-surface-tinted, var(--sds-color-neutral-surface-tinted)));
|
|
2054
2073
|
--_sds-tag-text-color: var(--sds-tag-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
|
|
@@ -2109,9 +2128,9 @@ const t=globalThis,s=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
2109
2128
|
--_sds-tag-font-size: var(--sds-tag-font-size, var(--sds-components-font-size-content-lg));
|
|
2110
2129
|
--_sds-tag-line-height: var(--sds-tag-line-height, var(--sds-components-line-height-squeezed-lg));
|
|
2111
2130
|
}
|
|
2112
|
-
`;var
|
|
2131
|
+
`;var le=Object.defineProperty,ce=Object.getOwnPropertyDescriptor,he=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?ce(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&le(s,e,a),a};let pe=class extends pt{constructor(){super(...arguments),this.size="md"}render(){return W`<span class="${Ft({"sds-tag":!0})}">
|
|
2113
2132
|
<slot></slot>
|
|
2114
|
-
</span>`}};
|
|
2133
|
+
</span>`}};pe.styles=[ne],he([$({type:String,reflect:!0})],pe.prototype,"size",2),pe=he([E("sds-tag")],pe);const ge=i`
|
|
2115
2134
|
:host {
|
|
2116
2135
|
--_sds-text-font-family: var(--sds-text-font-family, var(--sds-typography-font-family-roboto));
|
|
2117
2136
|
--_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-body-md-mobile-font-size));
|
|
@@ -2386,7 +2405,7 @@ const t=globalThis,s=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
2386
2405
|
--_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-body-xl-desktop-line-height));
|
|
2387
2406
|
}
|
|
2388
2407
|
}
|
|
2389
|
-
`;var
|
|
2408
|
+
`;var ve=Object.defineProperty,ue=(t,s,e,o)=>{for(var r,a=void 0,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(s,e,a)||a);return a&&ve(s,e,a),a};const fe=class extends pt{constructor(){super(...arguments),this.size="md",this.strong=!1,this.tall=!1}render(){return W`<p><slot></slot></p>`}};fe.styles=[ge];let be=fe;ue([$({type:String,reflect:!0})],be.prototype,"size"),ue([$({type:Boolean,reflect:!0})],be.prototype,"strong"),ue([$({type:Boolean,reflect:!0})],be.prototype,"tall");var _e=Object.getOwnPropertyDescriptor;let xe=class extends be{};xe=((t,s,e,o)=>{for(var r,a=o>1?void 0:o?_e(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([E("sds-text")],xe);const me=i`
|
|
2390
2409
|
:host {
|
|
2391
2410
|
--_sds-textfield-background-color: var(--sds-textfield-background-color, var(--sds-color-background-default, var(--sds-color-neutral-background-default)));
|
|
2392
2411
|
--_sds-textfield-text-color: var(--sds-textfield-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
|
|
@@ -2553,26 +2572,26 @@ const t=globalThis,s=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
2553
2572
|
--sds-icon-size: var(--sds-textfield-icon-size, var(--sds-components-icon-lg));
|
|
2554
2573
|
}
|
|
2555
2574
|
}
|
|
2556
|
-
`;var
|
|
2557
|
-
<div class="${
|
|
2558
|
-
${this.label?
|
|
2559
|
-
${this.helpText?
|
|
2575
|
+
`;var ye=Object.defineProperty,we=Object.getOwnPropertyDescriptor,ke=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?we(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&ye(s,e,a),a};let ze=class extends pt{constructor(){super(),this.type="text",this.disabled=!1,this.readOnly=!1,this.required=!1,this.size="md",this.hasIcon=!1,this._defaultValue=null,this.handleSlotChange=t=>{const s=t.target;this.hasIcon=s.assignedNodes({flatten:!0}).length>0},this._handleInputChange=t=>{t.stopImmediatePropagation(),!this.disabled&&t.target instanceof HTMLInputElement&&(this.value=t.target.value,this.internals.setFormValue(""===this.value?null:this.value),this.updateValidity(),this.dispatchEvent(new CustomEvent(t.type,{bubbles:!0,composed:!0})))},this._handleSelect=t=>{t.stopImmediatePropagation(),this.disabled||this.dispatchEvent(new CustomEvent("select",{bubbles:!0,composed:!0}))},this._handleFocus=t=>{t.stopImmediatePropagation(),this.dispatchEvent(new CustomEvent("focus",{bubbles:!0,composed:!0}))},this._handleBlur=t=>{t.stopImmediatePropagation(),this.updateValidity(),this.dispatchEvent(new CustomEvent("blur",{bubbles:!0,composed:!0}))},this._handleKeyDown=t=>{if("Enter"!==t.key)return;t.stopImmediatePropagation();const s=this.internals?.form;s?.requestSubmit?s.requestSubmit():s?.submit()},this.internals=this.attachInternals(),this.attachShadow({mode:"open",delegatesFocus:!0})}connectedCallback(){super.connectedCallback(),this._defaultValue=this.value??null,this.internals.setFormValue(this._defaultValue)}updateValidity(){this.control.checkValidity()?this.internals.setValidity({}):this.internals.setValidity({customError:!0},this.control.validationMessage,this.control)}formResetCallback(){this.internals.setFormValue(this._defaultValue);const t=this._defaultValue??"";this.control.value=t,this.value=t,this.updateValidity()}select(){this.disabled||this.control.select()}focus(){this.disabled||this.control.focus()}blur(){this.disabled||this.control.blur()}click(){this.disabled||this.control.click()}get selectionStart(){return this.control?this.control.selectionStart:null}set selectionStart(t){this.control&&null!==t&&(this.control.selectionStart=t)}get selectionEnd(){return this.control?this.control.selectionEnd:null}set selectionEnd(t){this.control&&null!==t&&(this.control.selectionEnd=t)}setSelectionRange(t,s,e){this.control&&this.control.setSelectionRange(t,s,e)}checkValidity(){return this.control.checkValidity()}reportValidity(){return this.control.reportValidity()}setCustomValidity(t){this.control.setCustomValidity(t),this.updateValidity()}render(){const t={"sds-textfield":!0,"sds-textfield--error":Boolean(this.errorMessage),"sds-textfield--has-icon":this.hasIcon};return W`
|
|
2576
|
+
<div class="${Ft(t)}">
|
|
2577
|
+
${this.label?W`<label for="sds-textfield" class="sds-textfield__label">${this.readOnly?W`<sds-icon name="lock-material-filled" size="m"></sds-icon>`:Q}</sds-icon>${this.label}</label>`:Q}
|
|
2578
|
+
${this.helpText?W`<p class="sds-textfield__help-text">${this.helpText}</p>`:Q}
|
|
2560
2579
|
<div class="sds-textfield__input-container">
|
|
2561
2580
|
<input
|
|
2562
2581
|
part="input"
|
|
2563
2582
|
class="sds-textfield__input"
|
|
2564
|
-
type="${
|
|
2583
|
+
type="${$t(this.type)}"
|
|
2565
2584
|
id="sds-textfield"
|
|
2566
2585
|
?disabled="${this.disabled}"
|
|
2567
2586
|
?readonly="${this.readOnly}"
|
|
2568
|
-
placeholder="${
|
|
2587
|
+
placeholder="${$t(this.placeholder)}"
|
|
2569
2588
|
.value="${this.value??""}"
|
|
2570
|
-
name="${
|
|
2571
|
-
autocomplete="${
|
|
2589
|
+
name="${$t(this.name)}"
|
|
2590
|
+
autocomplete="${$t(this.autocomplete)}"
|
|
2572
2591
|
?required="${this.required}"
|
|
2573
|
-
pattern="${
|
|
2574
|
-
minlength="${
|
|
2575
|
-
maxlength="${
|
|
2592
|
+
pattern="${$t(this.pattern)}"
|
|
2593
|
+
minlength="${$t(this.minlength)}"
|
|
2594
|
+
maxlength="${$t(this.maxlength)}"
|
|
2576
2595
|
@input="${this._handleInputChange}"
|
|
2577
2596
|
@change="${this._handleInputChange}"
|
|
2578
2597
|
@select="${this._handleSelect}"
|
|
@@ -2582,9 +2601,9 @@ const t=globalThis,s=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
2582
2601
|
/>
|
|
2583
2602
|
<slot name="after" @slotchange="${this.handleSlotChange}" aria-hidden="true"></slot>
|
|
2584
2603
|
</div>
|
|
2585
|
-
${this.errorMessage?
|
|
2604
|
+
${this.errorMessage?W`<sds-alert variant="secondary" data-palette="danger"><p slot="message">${this.errorMessage}</p></sds-alert>`:Q}
|
|
2586
2605
|
</div>
|
|
2587
|
-
`}};
|
|
2606
|
+
`}};ze.styles=[me],ze.formAssociated=!0,ke([$({type:String,reflect:!0})],ze.prototype,"type",2),ke([$({type:String})],ze.prototype,"value",2),ke([$({type:String,reflect:!0})],ze.prototype,"name",2),ke([$({type:String,reflect:!0})],ze.prototype,"label",2),ke([$({type:String,reflect:!0})],ze.prototype,"placeholder",2),ke([$({type:String,attribute:"help-text",reflect:!0})],ze.prototype,"helpText",2),ke([$({type:String,attribute:"error-message",reflect:!0})],ze.prototype,"errorMessage",2),ke([$({type:Boolean,reflect:!0})],ze.prototype,"disabled",2),ke([$({type:Boolean,attribute:"readonly",reflect:!0})],ze.prototype,"readOnly",2),ke([$({type:String,reflect:!0})],ze.prototype,"autocomplete",2),ke([$({type:Boolean,reflect:!0})],ze.prototype,"required",2),ke([$({type:String,reflect:!0})],ze.prototype,"pattern",2),ke([$({type:Number,reflect:!0})],ze.prototype,"minlength",2),ke([$({type:Number,reflect:!0})],ze.prototype,"maxlength",2),ke([$({type:String,reflect:!0})],ze.prototype,"size",2),ke([S()],ze.prototype,"hasIcon",2),ke([C("#sds-textfield")],ze.prototype,"control",2),ze=ke([E("sds-textfield")],ze);const $e=i`
|
|
2588
2607
|
:host {
|
|
2589
2608
|
--_sds-textarea-background-color: var(--sds-textarea-background-color, var(--sds-color-background-default, var(--sds-color-neutral-background-default)));
|
|
2590
2609
|
--_sds-textarea-text-color: var(--sds-textarea-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
|
|
@@ -2768,30 +2787,30 @@ const t=globalThis,s=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
2768
2787
|
--_sds-textarea-counter-font-size: var(--sds-textarea-counter-font-size, var(--sds-components-font-size-content-lg));
|
|
2769
2788
|
--_sds-textarea-counter-line-height: var(--sds-textarea-counter-line-height, var(--sds-components-line-height-squeezed-lg));
|
|
2770
2789
|
}
|
|
2771
|
-
`;var
|
|
2790
|
+
`;var Se=Object.defineProperty,Ce=Object.getOwnPropertyDescriptor,Ee=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?Ce(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&Se(s,e,a),a};let Ae=class extends pt{constructor(){super(),this.disabled=!1,this.readOnly=!1,this.required=!1,this.size="md",this._defaultValue=null,this._handleInputChange=t=>{t.stopImmediatePropagation(),!this.disabled&&t.target instanceof HTMLTextAreaElement&&(this.value=t.target.value,this.internals.setFormValue(""===this.value?null:this.value),this.updateValidity(),this.dispatchEvent(new CustomEvent(t.type,{bubbles:!0,composed:!0})))},this._handleSelect=t=>{t.stopImmediatePropagation(),this.disabled||this.dispatchEvent(new CustomEvent("select",{bubbles:!0,composed:!0}))},this._handleFocus=t=>{t.stopImmediatePropagation(),this.dispatchEvent(new CustomEvent("focus",{bubbles:!0,composed:!0}))},this._handleBlur=t=>{t.stopImmediatePropagation(),this.updateValidity(),this.dispatchEvent(new CustomEvent("blur",{bubbles:!0,composed:!0}))},this.internals=this.attachInternals(),this.attachShadow({mode:"open",delegatesFocus:!0})}connectedCallback(){super.connectedCallback(),this._defaultValue=this.value??null,this.internals.setFormValue(this._defaultValue)}updateValidity(){this.control.checkValidity()?this.internals.setValidity({}):this.internals.setValidity({customError:!0},this.control.validationMessage,this.control)}hasTypedTooManyCharacters(){if(!this.counter)return!1;return(this.value?.length||0)>this.counter}renderCharacterCounter(){if(void 0===this.counter)return Q;const t=this.value?.length||0;return this.hasTypedTooManyCharacters()?W`<sds-alert variant="secondary" data-palette="danger"
|
|
2772
2791
|
><p class="sds-textarea__character-counter" slot="message">Du har ${t-this.counter} tegn for mye</p></sds-alert
|
|
2773
|
-
>`:
|
|
2774
|
-
<div class="${
|
|
2775
|
-
${this.label||this.helpText?
|
|
2776
|
-
${this.label?
|
|
2777
|
-
${this.helpText?
|
|
2778
|
-
</div>`:
|
|
2792
|
+
>`:W`<p class="sds-textarea__character-counter">Du har ${this.counter-t} tegn igjen</p>`}formResetCallback(){this.internals.setFormValue(this._defaultValue);const t=this._defaultValue??"";this.control.value=t,this.value=t,this.updateValidity()}select(){this.disabled||this.control.select()}type(){return"textarea"}focus(){this.disabled||this.control.focus()}blur(){this.disabled||this.control.blur()}click(){this.disabled||this.control.click()}get selectionStart(){return this.control?this.control.selectionStart:null}set selectionStart(t){this.control&&null!==t&&(this.control.selectionStart=t)}get selectionEnd(){return this.control?this.control.selectionEnd:null}set selectionEnd(t){this.control&&null!==t&&(this.control.selectionEnd=t)}setSelectionRange(t,s,e){this.control&&this.control.setSelectionRange(t,s,e)}checkValidity(){return this.control.checkValidity()}reportValidity(){return this.control.reportValidity()}setCustomValidity(t){this.control.setCustomValidity(t),this.updateValidity()}render(){const t={"sds-textarea":!0,"sds-textarea--error":Boolean(this.errorMessage||this.hasTypedTooManyCharacters())};return W`
|
|
2793
|
+
<div class="${Ft(t)}">
|
|
2794
|
+
${this.label||this.helpText?W`<div>
|
|
2795
|
+
${this.label?W`<label for="sds-textarea" class="sds-textarea__label">${this.label}</label>`:Q}
|
|
2796
|
+
${this.helpText?W`<p class="sds-textarea__help-text">${this.helpText}</p>`:Q}
|
|
2797
|
+
</div>`:Q}
|
|
2779
2798
|
<div class="sds-textarea__input-container">
|
|
2780
2799
|
<textarea
|
|
2781
2800
|
class="sds-textarea__input"
|
|
2782
2801
|
id="sds-textarea"
|
|
2783
2802
|
?disabled="${this.disabled}"
|
|
2784
2803
|
?readonly="${this.readOnly}"
|
|
2785
|
-
placeholder="${
|
|
2804
|
+
placeholder="${$t(this.placeholder)}"
|
|
2786
2805
|
.value="${this.value??""}"
|
|
2787
2806
|
.autocomplete="${this.autocomplete}"
|
|
2788
|
-
name="${
|
|
2807
|
+
name="${$t(this.name)}"
|
|
2789
2808
|
?required="${this.required}"
|
|
2790
|
-
rows="${
|
|
2791
|
-
cols="${
|
|
2792
|
-
wrap="${
|
|
2793
|
-
minlength="${
|
|
2794
|
-
maxlength="${
|
|
2809
|
+
rows="${$t(this.rows)}"
|
|
2810
|
+
cols="${$t(this.cols)}"
|
|
2811
|
+
wrap="${$t(this.wrap)}"
|
|
2812
|
+
minlength="${$t(this.minlength)}"
|
|
2813
|
+
maxlength="${$t(this.maxlength)}"
|
|
2795
2814
|
@input="${this._handleInputChange}"
|
|
2796
2815
|
@change="${this._handleInputChange}"
|
|
2797
2816
|
@select="${this._handleSelect}"
|
|
@@ -2799,6 +2818,6 @@ const t=globalThis,s=t.ShadowRoot&&(void 0===t.ShadyCSS||t.ShadyCSS.nativeShadow
|
|
|
2799
2818
|
@blur="${this._handleBlur}"
|
|
2800
2819
|
></textarea>
|
|
2801
2820
|
</div>
|
|
2802
|
-
${this.errorMessage?
|
|
2821
|
+
${this.errorMessage?W`<sds-alert variant="secondary" data-palette="danger"><p slot="message">${this.errorMessage}</p></sds-alert>`:Q} ${this.renderCharacterCounter()}
|
|
2803
2822
|
</div>
|
|
2804
|
-
`}};
|
|
2823
|
+
`}};Ae.styles=[$e],Ae.formAssociated=!0,Ee([$({type:String})],Ae.prototype,"value",2),Ee([$({type:String,reflect:!0})],Ae.prototype,"name",2),Ee([$({type:String,reflect:!0})],Ae.prototype,"label",2),Ee([$({type:String,reflect:!0})],Ae.prototype,"placeholder",2),Ee([$({type:String,attribute:"help-text",reflect:!0})],Ae.prototype,"helpText",2),Ee([$({type:String,attribute:"error-message",reflect:!0})],Ae.prototype,"errorMessage",2),Ee([$({type:Boolean,reflect:!0})],Ae.prototype,"disabled",2),Ee([$({type:Boolean,attribute:"readonly",reflect:!0})],Ae.prototype,"readOnly",2),Ee([$({type:String,reflect:!0})],Ae.prototype,"autocomplete",2),Ee([$({type:Boolean,reflect:!0})],Ae.prototype,"required",2),Ee([$({type:Number,reflect:!0})],Ae.prototype,"rows",2),Ee([$({type:Number,reflect:!0})],Ae.prototype,"cols",2),Ee([$({type:String,reflect:!0})],Ae.prototype,"wrap",2),Ee([$({type:Number,reflect:!0})],Ae.prototype,"minlength",2),Ee([$({type:Number,reflect:!0})],Ae.prototype,"maxlength",2),Ee([$({type:Number,reflect:!0})],Ae.prototype,"counter",2),Ee([$({type:String,reflect:!0})],Ae.prototype,"size",2),Ee([C("#sds-textarea")],Ae.prototype,"control",2),Ae=Ee([E("sds-textarea")],Ae);export{Jt as SDSAlert,Xt as SDSButton,as as SDSCard,cs as SDSCheckbox,fs as SDSCheckboxGroup,ys as SDSChip,Ss as SDSDetails,Ms as SDSHeading,Ut as SDSIcon,Bs as SDSLoader,Hs as SDSNotification,Qs as SDSRadio,ee as SDSRadioGroup,de as SDSSwitch,pe as SDSTag,xe as SDSText,Ae as SDSTextArea,ze as SDSTextField};
|