@politiet/sheriff-web-components 2.4.2 → 2.5.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/custom-elements.json +1563 -609
- package/dist/frameworks/preact.d.ts +7 -1
- package/dist/frameworks/preact.d.ts.map +1 -1
- package/dist/frameworks/react.d.ts +7 -1
- package/dist/frameworks/react.d.ts.map +1 -1
- package/dist/frameworks/solidjs.d.ts +2 -0
- package/dist/frameworks/solidjs.d.ts.map +1 -1
- package/dist/frameworks/svelte.d.ts +2 -0
- package/dist/frameworks/svelte.d.ts.map +1 -1
- package/dist/frameworks/vue.d.ts +2 -0
- package/dist/frameworks/vue.d.ts.map +1 -1
- package/dist/index.d.ts +4 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -1
- package/dist/mixins/sds-event-dispatcher-mixin.d.ts +8 -0
- package/dist/mixins/sds-event-dispatcher-mixin.d.ts.map +1 -0
- package/dist/mixins/sds-event-dispatcher-mixin.js +12 -0
- package/dist/mixins/sds-event-dispatcher-mixin.js.map +1 -0
- package/dist/react-wrappers/SDSStepperStepWrapper.d.ts +3 -0
- package/dist/react-wrappers/SDSStepperStepWrapper.d.ts.map +1 -0
- package/dist/react-wrappers/SDSStepperStepWrapper.js +10 -0
- package/dist/react-wrappers/SDSStepperStepWrapper.js.map +1 -0
- package/dist/react-wrappers/SDSStepperWrapper.d.ts +6 -0
- package/dist/react-wrappers/SDSStepperWrapper.d.ts.map +1 -0
- package/dist/react-wrappers/SDSStepperWrapper.js +12 -0
- package/dist/react-wrappers/SDSStepperWrapper.js.map +1 -0
- package/dist/react-wrappers/index.d.ts +2 -0
- package/dist/react-wrappers/index.d.ts.map +1 -1
- package/dist/react-wrappers/index.js +2 -0
- package/dist/react-wrappers/index.js.map +1 -1
- package/dist/sds-button/sds-button.styles.d.ts.map +1 -1
- package/dist/sds-button/sds-button.styles.js +1 -0
- package/dist/sds-button/sds-button.styles.js.map +1 -1
- package/dist/sds-select/sds-select.d.ts.map +1 -1
- package/dist/sds-select/sds-select.js +2 -1
- package/dist/sds-select/sds-select.js.map +1 -1
- package/dist/sds-stepper/sds-stepper.d.ts +33 -0
- package/dist/sds-stepper/sds-stepper.d.ts.map +1 -0
- package/dist/sds-stepper/sds-stepper.js +81 -0
- package/dist/sds-stepper/sds-stepper.js.map +1 -0
- package/dist/sds-stepper/sds-stepper.styles.d.ts +2 -0
- package/dist/sds-stepper/sds-stepper.styles.d.ts.map +1 -0
- package/dist/sds-stepper/sds-stepper.styles.js +37 -0
- package/dist/sds-stepper/sds-stepper.styles.js.map +1 -0
- package/dist/sds-stepper-step/sds-stepper-step.d.ts +27 -0
- package/dist/sds-stepper-step/sds-stepper-step.d.ts.map +1 -0
- package/dist/sds-stepper-step/sds-stepper-step.js +70 -0
- package/dist/sds-stepper-step/sds-stepper-step.js.map +1 -0
- package/dist/sds-stepper-step/sds-stepper-step.styles.d.ts +2 -0
- package/dist/sds-stepper-step/sds-stepper-step.styles.d.ts.map +1 -0
- package/dist/sds-stepper-step/sds-stepper-step.styles.js +261 -0
- package/dist/sds-stepper-step/sds-stepper-step.styles.js.map +1 -0
- package/dist/sheriff-web-components.js +419 -112
- package/package.json +2 -2
- package/web-types.json +1232 -4
|
@@ -1,4 +1,4 @@
|
|
|
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=/* @__PURE__ */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,m={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}},x=(t,s)=>!n(t,s),y={attribute:!0,type:String,converter:m,reflect:!1,useDefault:!1,hasChanged:x};Symbol.metadata??=/* @__PURE__ */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=/* @__PURE__ */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:m).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:m;this._$Em=o;const a=r.fromAttribute(s,t.type);this[o]=a??this._$Ej?.get(o)??a,this._$Em=null}}requestUpdate(t,s,e,o=!1,r){if(void 0!==t){const a=this.constructor;if(!1===o&&(r=this[t]),e??=a.getPropertyOptions(t),!((e.hasChanged??x)(r,s)||e.useDefault&&e.reflect&&r===this._$Ej?.get(t)&&!this.hasAttribute(a._$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.2");const k={attribute:!0,type:String,converter:m,reflect:!1,hasChanged:x},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,!0,e)},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,!0,e)}}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})}const C=(t,s,e)=>(e.configurable=!0,e.enumerable=!0,Reflect.decorate&&"object"!=typeof s&&Object.defineProperty(t,s,e),e);function E(t,s){return(s,e,o)=>C(s,e,{get(){return s=this,s.renderRoot?.querySelector(t)??null;var s}})}function O(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=t=>t,P=A.trustedTypes,D=P?P.createPolicy("lit-html",{createHTML:t=>t}):void 0,V="$lit$",L=`lit$${Math.random().toFixed(9).slice(2)}$`,R="?"+L,M=`<${R}>`,T=document,B=()=>T.createComment(""),I=t=>null===t||"object"!=typeof t&&"function"!=typeof t,j=Array.isArray,F="[ \t\n\f\r]",N=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,U=/-->/g,H=/>/g,W=RegExp(`>|${F}(?:([^\\s"'>=/]+)(${F}*=${F}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),G=/'/g,K=/"/g,Y=/^(?:script|style|textarea|title)$/i,Z=(st=1,(t,...s)=>({_$litType$:st,strings:t,values:s})),Q=/* @__PURE__ */Symbol.for("lit-noChange"),X=/* @__PURE__ */Symbol.for("lit-nothing"),J=/* @__PURE__ */new WeakMap,tt=T.createTreeWalker(T,129);var st;function et(t,s){if(!j(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==D?D.createHTML(s):s}class ot{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=N;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===N?"!--"===n[1]?i=U:void 0!==n[1]?i=H:void 0!==n[2]?(Y.test(n[2])&&(r=RegExp("</"+n[2],"g")),i=W):void 0!==n[3]&&(i=W):i===W?">"===n[0]?(i=r??N,l=-1):void 0===n[1]?l=-2:(l=i.lastIndex-n[2].length,e=n[1],i=void 0===n[3]?W:'"'===n[3]?K:G):i===K||i===G?i=W:i===U||i===H?i=N:(i=W,r=void 0);const h=i===W&&t[d+1].startsWith("/>")?" ":"";a+=i===N?s+M:l>=0?(o.push(e),s.slice(0,l)+V+s.slice(l)+L+h):s+L+(-2===l?d:h)}return[et(t,a+(t[e]||"<?>")+(2===s?"</svg>":3===s?"</math>":"")),o]})(t,s);if(this.el=ot.createElement(n,e),tt.currentNode=this.el.content,2===s||3===s){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(o=tt.nextNode())&&d.length<i;){if(1===o.nodeType){if(o.hasAttributes())for(const t of o.getAttributeNames())if(t.endsWith(V)){const s=l[a++],e=o.getAttribute(t).split(L),i=/([.?@])?(.*)/.exec(s);d.push({type:1,index:r,name:i[2],strings:e,ctor:"."===i[1]?nt:"?"===i[1]?lt:"@"===i[1]?ct:dt}),o.removeAttribute(t)}else t.startsWith(L)&&(d.push({type:6,index:r}),o.removeAttribute(t));if(Y.test(o.tagName)){const t=o.textContent.split(L),s=t.length-1;if(s>0){o.textContent=P?P.emptyScript:"";for(let e=0;e<s;e++)o.append(t[e],B()),tt.nextNode(),d.push({type:2,index:++r});o.append(t[s],B())}}}else if(8===o.nodeType)if(o.data===R)d.push({type:2,index:r});else{let t=-1;for(;-1!==(t=o.data.indexOf(L,t+1));)d.push({type:7,index:r}),t+=L.length-1}r++}}static createElement(t,s){const e=T.createElement("template");return e.innerHTML=t,e}}function rt(t,s,e=t,o){if(s===Q)return s;let r=void 0!==o?e._$Co?.[o]:e._$Cl;const a=I(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=rt(t,r._$AS(t,s.values),r,o)),s}class at{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??T).importNode(s,!0);tt.currentNode=o;let r=tt.nextNode(),a=0,i=0,d=e[0];for(;void 0!==d;){if(a===d.index){let s;2===d.type?s=new it(r,r.nextSibling,this,t):1===d.type?s=new d.ctor(r,d.name,d.strings,this,t):6===d.type&&(s=new ht(r,this,t)),this._$AV.push(s),d=e[++i]}a!==d?.index&&(r=tt.nextNode(),a++)}return tt.currentNode=T,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 it{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,s,e,o){this.type=2,this._$AH=X,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=rt(this,t,s),I(t)?t===X||null==t||""===t?(this._$AH!==X&&this._$AR(),this._$AH=X):t!==this._$AH&&t!==Q&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>j(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!==X&&I(this._$AH)?this._$AA.nextSibling.data=t:this.T(T.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=ot.createElement(et(e.h,e.h[0]),this.options)),e);if(this._$AH?._$AD===o)this._$AH.p(s);else{const t=new at(o,this),e=t.u(this.options);t.p(s),this.T(e),this._$AH=t}}_$AC(t){let s=J.get(t.strings);return void 0===s&&J.set(t.strings,s=new ot(t)),s}k(t){j(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 it(this.O(B()),this.O(B()),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!==this._$AB;){const s=q(t).nextSibling;q(t).remove(),t=s}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class dt{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,s,e,o,r){this.type=1,this._$AH=X,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=X}_$AI(t,s=this,e,o){const r=this.strings;let a=!1;if(void 0===r)t=rt(this,t,s,0),a=!I(t)||t!==this._$AH&&t!==Q,a&&(this._$AH=t);else{const o=t;let i,d;for(t=r[0],i=0;i<r.length-1;i++)d=rt(this,o[e+i],s,i),d===Q&&(d=this._$AH[i]),a||=!I(d)||d!==this._$AH[i],d===X?t=X:t!==X&&(t+=(d??"")+r[i+1]),this._$AH[i]=d}a&&!o&&this.j(t)}j(t){t===X?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class nt extends dt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===X?void 0:t}}class lt extends dt{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==X)}}class ct extends dt{constructor(t,s,e,o,r){super(t,s,e,o,r),this.type=5}_$AI(t,s=this){if((t=rt(this,t,s,0)??X)===Q)return;const e=this._$AH,o=t===X&&e!==X||t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive,r=t!==X&&(e===X||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 ht{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){rt(this,t)}}const pt=A.litHtmlPolyfillSupport;pt?.(ot,it),(A.litHtmlVersions??=[]).push("3.3.2");const gt=globalThis;let vt=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 it(s.insertBefore(B(),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 Q}};vt._$litElement$=!0,vt.finalized=!0,gt.litElementHydrateSupport?.({LitElement:vt});const ut=gt.litElementPolyfillSupport;ut?.({LitElement:vt}),(gt.litElementVersions??=[]).push("4.2.2");const ft=/* @__PURE__ */Symbol.for(""),bt=t=>{if(t?.r===ft)return t?._$litStatic$},_t=(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:ft}),mt=/* @__PURE__ */new Map,xt=(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=bt(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=mt.get(t))&&(i.raw=i,mt.set(t,s=i)),e=d}return t(s,...e)})(Z),yt=i`
|
|
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=/* @__PURE__ */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,m={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}},x=(t,s)=>!n(t,s),y={attribute:!0,type:String,converter:m,reflect:!1,useDefault:!1,hasChanged:x};Symbol.metadata??=/* @__PURE__ */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=/* @__PURE__ */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:m).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:m;this._$Em=o;const a=r.fromAttribute(s,t.type);this[o]=a??this._$Ej?.get(o)??a,this._$Em=null}}requestUpdate(t,s,e,o=!1,r){if(void 0!==t){const a=this.constructor;if(!1===o&&(r=this[t]),e??=a.getPropertyOptions(t),!((e.hasChanged??x)(r,s)||e.useDefault&&e.reflect&&r===this._$Ej?.get(t)&&!this.hasAttribute(a._$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.2");const k={attribute:!0,type:String,converter:m,reflect:!1,hasChanged:x},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,!0,e)},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,!0,e)}}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})}const C=(t,s,e)=>(e.configurable=!0,e.enumerable=!0,Reflect.decorate&&"object"!=typeof s&&Object.defineProperty(t,s,e),e);function E(t,s){return(s,e,o)=>C(s,e,{get(){return s=this,s.renderRoot?.querySelector(t)??null;var s}})}function O(t){return(s,e)=>{const{slot:o,selector:r}=t??{},a="slot"+(o?`[name=${o}]`:":not([name])");return C(s,e,{get(){const s=this.renderRoot?.querySelector(a),e=s?.assignedElements(t)??[];return void 0===r?e:e.filter(t=>t.matches(r))}})}}function A(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 q=globalThis,P=t=>t,D=q.trustedTypes,L=D?D.createPolicy("lit-html",{createHTML:t=>t}):void 0,V="$lit$",R=`lit$${Math.random().toFixed(9).slice(2)}$`,M="?"+R,B=`<${M}>`,T=document,I=()=>T.createComment(""),j=t=>null===t||"object"!=typeof t&&"function"!=typeof t,N=Array.isArray,F="[ \t\n\f\r]",U=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,H=/-->/g,W=/>/g,G=RegExp(`>|${F}(?:([^\\s"'>=/]+)(${F}*=${F}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),K=/'/g,Y=/"/g,Z=/^(?:script|style|textarea|title)$/i,Q=(et=1,(t,...s)=>({_$litType$:et,strings:t,values:s})),X=/* @__PURE__ */Symbol.for("lit-noChange"),J=/* @__PURE__ */Symbol.for("lit-nothing"),tt=/* @__PURE__ */new WeakMap,st=T.createTreeWalker(T,129);var et;function ot(t,s){if(!N(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==L?L.createHTML(s):s}class rt{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=U;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===U?"!--"===n[1]?i=H:void 0!==n[1]?i=W:void 0!==n[2]?(Z.test(n[2])&&(r=RegExp("</"+n[2],"g")),i=G):void 0!==n[3]&&(i=G):i===G?">"===n[0]?(i=r??U,l=-1):void 0===n[1]?l=-2:(l=i.lastIndex-n[2].length,e=n[1],i=void 0===n[3]?G:'"'===n[3]?Y:K):i===Y||i===K?i=G:i===H||i===W?i=U:(i=G,r=void 0);const h=i===G&&t[d+1].startsWith("/>")?" ":"";a+=i===U?s+B:l>=0?(o.push(e),s.slice(0,l)+V+s.slice(l)+R+h):s+R+(-2===l?d:h)}return[ot(t,a+(t[e]||"<?>")+(2===s?"</svg>":3===s?"</math>":"")),o]})(t,s);if(this.el=rt.createElement(n,e),st.currentNode=this.el.content,2===s||3===s){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(o=st.nextNode())&&d.length<i;){if(1===o.nodeType){if(o.hasAttributes())for(const t of o.getAttributeNames())if(t.endsWith(V)){const s=l[a++],e=o.getAttribute(t).split(R),i=/([.?@])?(.*)/.exec(s);d.push({type:1,index:r,name:i[2],strings:e,ctor:"."===i[1]?lt:"?"===i[1]?ct:"@"===i[1]?ht:nt}),o.removeAttribute(t)}else t.startsWith(R)&&(d.push({type:6,index:r}),o.removeAttribute(t));if(Z.test(o.tagName)){const t=o.textContent.split(R),s=t.length-1;if(s>0){o.textContent=D?D.emptyScript:"";for(let e=0;e<s;e++)o.append(t[e],I()),st.nextNode(),d.push({type:2,index:++r});o.append(t[s],I())}}}else if(8===o.nodeType)if(o.data===M)d.push({type:2,index:r});else{let t=-1;for(;-1!==(t=o.data.indexOf(R,t+1));)d.push({type:7,index:r}),t+=R.length-1}r++}}static createElement(t,s){const e=T.createElement("template");return e.innerHTML=t,e}}function at(t,s,e=t,o){if(s===X)return s;let r=void 0!==o?e._$Co?.[o]:e._$Cl;const a=j(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=at(t,r._$AS(t,s.values),r,o)),s}class it{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??T).importNode(s,!0);st.currentNode=o;let r=st.nextNode(),a=0,i=0,d=e[0];for(;void 0!==d;){if(a===d.index){let s;2===d.type?s=new dt(r,r.nextSibling,this,t):1===d.type?s=new d.ctor(r,d.name,d.strings,this,t):6===d.type&&(s=new pt(r,this,t)),this._$AV.push(s),d=e[++i]}a!==d?.index&&(r=st.nextNode(),a++)}return st.currentNode=T,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 dt{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,s,e,o){this.type=2,this._$AH=J,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=at(this,t,s),j(t)?t===J||null==t||""===t?(this._$AH!==J&&this._$AR(),this._$AH=J):t!==this._$AH&&t!==X&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>N(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!==J&&j(this._$AH)?this._$AA.nextSibling.data=t:this.T(T.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=rt.createElement(ot(e.h,e.h[0]),this.options)),e);if(this._$AH?._$AD===o)this._$AH.p(s);else{const t=new it(o,this),e=t.u(this.options);t.p(s),this.T(e),this._$AH=t}}_$AC(t){let s=tt.get(t.strings);return void 0===s&&tt.set(t.strings,s=new rt(t)),s}k(t){N(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 dt(this.O(I()),this.O(I()),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!==this._$AB;){const s=P(t).nextSibling;P(t).remove(),t=s}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class nt{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,s,e,o,r){this.type=1,this._$AH=J,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=J}_$AI(t,s=this,e,o){const r=this.strings;let a=!1;if(void 0===r)t=at(this,t,s,0),a=!j(t)||t!==this._$AH&&t!==X,a&&(this._$AH=t);else{const o=t;let i,d;for(t=r[0],i=0;i<r.length-1;i++)d=at(this,o[e+i],s,i),d===X&&(d=this._$AH[i]),a||=!j(d)||d!==this._$AH[i],d===J?t=J:t!==J&&(t+=(d??"")+r[i+1]),this._$AH[i]=d}a&&!o&&this.j(t)}j(t){t===J?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class lt extends nt{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===J?void 0:t}}class ct extends nt{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==J)}}class ht extends nt{constructor(t,s,e,o,r){super(t,s,e,o,r),this.type=5}_$AI(t,s=this){if((t=at(this,t,s,0)??J)===X)return;const e=this._$AH,o=t===J&&e!==J||t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive,r=t!==J&&(e===J||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 pt{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){at(this,t)}}const gt=q.litHtmlPolyfillSupport;gt?.(rt,dt),(q.litHtmlVersions??=[]).push("3.3.2");const vt=globalThis;let ut=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 dt(s.insertBefore(I(),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 X}};ut._$litElement$=!0,ut.finalized=!0,vt.litElementHydrateSupport?.({LitElement:ut});const ft=vt.litElementPolyfillSupport;ft?.({LitElement:ut}),(vt.litElementVersions??=[]).push("4.2.2");const bt=/* @__PURE__ */Symbol.for(""),_t=t=>{if(t?.r===bt)return t?._$litStatic$},mt=(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:bt}),xt=/* @__PURE__ */new Map,yt=(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=_t(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=xt.get(t))&&(i.raw=i,xt.set(t,s=i)),e=d}return t(s,...e)})(Q),wt=i`
|
|
2
2
|
:host {
|
|
3
3
|
--_sds-alert-background-color: var(--sds-alert-background-color, var(--sds-color-alert-info-surface-tinted));
|
|
4
4
|
|
|
@@ -180,7 +180,7 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
180
180
|
margin: 0 !important;
|
|
181
181
|
max-width: var(--_sds-alert-max-line-width) !important;
|
|
182
182
|
}
|
|
183
|
-
`;var
|
|
183
|
+
`;var kt=Object.defineProperty,zt=(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&&kt(s,e,a),a};const $t={info:"InformationSquareFill-aksel-filled",success:"check_circle-material-filled",attention:"warning-material-filled",danger:"dangerous-material-filled"},St=class extends ut{constructor(){super(...arguments),this.variant="primary",this.size="md",this.palette="info",this.iconTag=mt`sds-icon`,this.buttonTag=mt`sds-button`,this._remove=()=>{this.dispatchEvent(new CustomEvent("sds-remove",{bubbles:!0,composed:!0}))},this._renderIcon=(t,s,e)=>yt`<${this.iconTag} ${e?`class=${e}`:""} name="${t}" size=${s}></${this.iconTag}>`,this._renderRemoveButton=t=>yt`<${this.buttonTag}
|
|
184
184
|
class="sds-alert__remove-btn"
|
|
185
185
|
variant="tertiary"
|
|
186
186
|
size="sm"
|
|
@@ -189,14 +189,14 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
189
189
|
@click=${this._remove}
|
|
190
190
|
>
|
|
191
191
|
${this._renderIcon("close-material-outlined","sm")}
|
|
192
|
-
</${this.buttonTag}>`}render(){const t="primary"===this.variant?"md":this.size??"md",s
|
|
192
|
+
</${this.buttonTag}>`}render(){const t="primary"===this.variant?"md":this.size??"md",s=$t[this.palette]??$t.info;return Q`<div class="sds-alert">
|
|
193
193
|
<div class="sds-alert__type">${this._renderIcon(s,t,"sds-alert__icon")}</div>
|
|
194
194
|
<div class="sds-alert__content">
|
|
195
195
|
<slot name="title"></slot>
|
|
196
196
|
<slot name="message"></slot>
|
|
197
197
|
</div>
|
|
198
|
-
${this.removableLabel&&"primary"===this.variant?
|
|
199
|
-
</div>`}}
|
|
198
|
+
${this.removableLabel&&"primary"===this.variant?Q`<div class="sds-alert__actions">${this._renderRemoveButton(this.removableLabel)}</div>`:J}
|
|
199
|
+
</div>`}};St.styles=[wt];let Ct=St;zt([$({type:String,reflect:!0})],Ct.prototype,"variant"),zt([$({type:String,reflect:!0})],Ct.prototype,"size"),zt([$({type:String,attribute:"removable-label",reflect:!0})],Ct.prototype,"removableLabel"),zt([$({type:String,attribute:"data-palette",reflect:!0})],Ct.prototype,"palette");const Et=t=>t??J,Ot=1,At=2,qt=t=>(...s)=>({_$litDirective$:t,values:s});class Pt{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 Dt=class extends Pt{constructor(t){if(super(t),this.it=J,t.type!==At)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===J||null==t)return this._t=void 0,this.it=t;if(t===X)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:[]}}};Dt.directiveName="unsafeHTML",Dt.resultType=1;class Lt extends Dt{}Lt.directiveName="unsafeSVG",Lt.resultType=2;const Vt=qt(Lt),Rt=["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"],Mt={"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>'},Bt=t=>import(`@politiet/sheriff-icons/dist/assets/${t}.js`).then(({default:t})=>t).catch(t=>{console.log(t)}),Tt=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 It=i`
|
|
200
200
|
:host {
|
|
201
201
|
--_sds-icon-size: var(--sds-icon-size, var(--sds-components-icon-md));
|
|
202
202
|
--_sds-icon-color: var(--sds-icon-color, var(--sds-color-text-subtle, var(--sds-color-neutral-text-subtle)));
|
|
@@ -228,11 +228,11 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
228
228
|
height: 100%;
|
|
229
229
|
overflow: hidden;
|
|
230
230
|
}
|
|
231
|
-
`;var
|
|
232
|
-
<div class="sds-icon" role="${
|
|
233
|
-
${this.name?
|
|
231
|
+
`;var jt=Object.defineProperty,Nt=(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&&jt(s,e,a),a};const Ft=((t=class extends ut{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 Q`
|
|
232
|
+
<div class="sds-icon" role="${Et(this.label?"img":void 0)}" style="${Et(this.color?`color:${this.color}`:void 0)}" aria-label="${Et(this.label)}">
|
|
233
|
+
${this.name?Q`<slot aria-hidden="true">${Vt(this.svg)}</slot>`:Q`<slot aria-hidden="true"></slot>`}
|
|
234
234
|
</div>
|
|
235
|
-
`}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=[
|
|
235
|
+
`}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=[It],t.iconLoader=new class{constructor(){this.cache=/* @__PURE__ */new Map,this._loadLocal=!1,this._disableSystemIcons=!1,this.resolver=this._loadLocal?Bt:Tt}get loadLocal(){return this._loadLocal}set loadLocal(t){this._loadLocal=t,this.resolver=t?Bt:Tt}set disableSystemIcons(t){this._disableSystemIcons=t}resolve(t,s){if(!this._disableSystemIcons&&(t=>Rt.includes(t))(t))return void s(Mt[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);Nt([$({type:String,reflect:!0})],Ft.prototype,"name"),Nt([$({type:String,reflect:!0})],Ft.prototype,"size"),Nt([$({type:String,reflect:!0})],Ft.prototype,"color"),Nt([$({type:String,reflect:!0})],Ft.prototype,"label"),Nt([S()],Ft.prototype,"svg");let Ut=Ft;var Ht=Object.getOwnPropertyDescriptor;let Wt=class extends Ut{};Wt=((t,s,e,o)=>{for(var r,a=o>1?void 0:o?Ht(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([A("sds-icon")],Wt);const Gt=qt(class extends Pt{constructor(t){if(super(t),t.type!==Ot||"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 X}}),Kt=i`
|
|
236
236
|
:host {
|
|
237
237
|
--_sds-button-background-color: var(--sds-button-background-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));
|
|
238
238
|
--_sds-button-border-color: var(--sds-button-border-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));
|
|
@@ -310,6 +310,7 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
310
310
|
}
|
|
311
311
|
|
|
312
312
|
.sds-button--as-link {
|
|
313
|
+
box-sizing: border-box;
|
|
313
314
|
inline-size: auto;
|
|
314
315
|
text-decoration: none;
|
|
315
316
|
}
|
|
@@ -403,26 +404,26 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
403
404
|
--_sds-button-padding-inline: var(--sds-button-padding-inline, 0);
|
|
404
405
|
min-width: var(--_sds-button-min-height);
|
|
405
406
|
}
|
|
406
|
-
`;var
|
|
407
|
+
`;var Yt=Object.defineProperty,Zt=(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&&Yt(s,e,a),a};const Qt=class extends ut{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()}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?Q` <a id="link" class="${Gt(t)}" href="${this.href}" target="${Et(this.target)}">
|
|
407
408
|
<slot name="before"></slot>
|
|
408
409
|
<slot></slot>
|
|
409
410
|
<slot name="after"></slot>
|
|
410
|
-
</a>`:
|
|
411
|
+
</a>`:Q`
|
|
411
412
|
<button
|
|
412
413
|
id="control"
|
|
413
|
-
form="${
|
|
414
|
-
class="${
|
|
414
|
+
form="${Et(this.form)}"
|
|
415
|
+
class="${Gt(t)}"
|
|
415
416
|
type="${this.type}"
|
|
416
|
-
name="${
|
|
417
|
-
value="${
|
|
417
|
+
name="${Et(this.name)}"
|
|
418
|
+
value="${Et(this.value)}"
|
|
418
419
|
?disabled="${this.disabled}"
|
|
419
420
|
@click="${this._handleClick}"
|
|
420
421
|
>
|
|
421
|
-
${this.loading?
|
|
422
|
+
${this.loading?Q`<sds-loader slot="before" ?contrast="${"primary"!==this.variant}"></sds-loader>`:J} ${this.loading?J:Q`<slot name="before"></slot>`}
|
|
422
423
|
<slot></slot>
|
|
423
|
-
${this.loading?
|
|
424
|
+
${this.loading?J:Q`<slot name="after"></slot>`}
|
|
424
425
|
</button>
|
|
425
|
-
`}};
|
|
426
|
+
`}};Qt.styles=[Kt],Qt.formAssociated=!0,Qt.shadowRootOptions={...ut.shadowRootOptions,delegatesFocus:!0};let Xt=Qt;Zt([$({type:Boolean,reflect:!0})],Xt.prototype,"disabled"),Zt([$({type:Boolean,reflect:!0})],Xt.prototype,"icon"),Zt([$({type:Boolean,reflect:!0})],Xt.prototype,"loading"),Zt([$({type:String,reflect:!0})],Xt.prototype,"form"),Zt([$({type:String,reflect:!0})],Xt.prototype,"href"),Zt([$({type:String,reflect:!0})],Xt.prototype,"name"),Zt([$({type:String,reflect:!0})],Xt.prototype,"size"),Zt([$({type:String,reflect:!0})],Xt.prototype,"target"),Zt([$({type:String,reflect:!0})],Xt.prototype,"type"),Zt([$({type:String,reflect:!0})],Xt.prototype,"value"),Zt([$({type:String,reflect:!0})],Xt.prototype,"variant");var Jt=Object.getOwnPropertyDescriptor;let ts=class extends Xt{};ts=((t,s,e,o)=>{for(var r,a=o>1?void 0:o?Jt(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([A("sds-button")],ts);var ss=Object.getOwnPropertyDescriptor;let es=class extends Ct{};function os(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)}es=((t,s,e,o)=>{for(var r,a=o>1?void 0:o?ss(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([A("sds-alert")],es);const rs=i`
|
|
426
427
|
:host {
|
|
427
428
|
--_sds-card-background-color: var(--sds-card-background-color, var(--sds-color-surface-tinted, var(--sds-color-main-surface-tinted)));
|
|
428
429
|
--_sds-card-border-radius: var(--sds-card-border-radius, var(--sds-radius-md));
|
|
@@ -543,11 +544,11 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
543
544
|
--_sds-card-text-line-height: var(--sds-card-text-line-height, var(--sds-typography-body-md-desktop-line-height));
|
|
544
545
|
}
|
|
545
546
|
}
|
|
546
|
-
`;var
|
|
547
|
+
`;var as=Object.defineProperty,is=Object.getOwnPropertyDescriptor,ds=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?is(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&&as(s,e,a),a};let ns=class extends ut{constructor(){super(...arguments),this._contentWarning="[sds-card] text slot should only contain top-level <p> elements with no nested elements:",this._headerWarning="[sds-card] header slot should only contain one of <h2>–<h6> elements:",this._handleHeadingSlotChange=()=>{this.headingSlot.assignedNodes({flatten:!0}).length>0&&os(this.headingSlot,["H2","H3","H4","H5","H6"],0,this._headerWarning)},this._handleTextSlotChange=()=>{os(this.textSlot,["P"],0,this._contentWarning)}}firstUpdated(){os(this.textSlot,["P"],0,this._contentWarning);this.headingSlot.assignedNodes({flatten:!0}).length>0&&os(this.headingSlot,["H2","H3","H4","H5","H6"],0,this._headerWarning)}render(){const t=Q`
|
|
547
548
|
<slot name="heading" id="heading" @slotchange=${this._handleHeadingSlotChange}></slot>
|
|
548
549
|
<slot name="text" id="content" @slotchange=${this._handleTextSlotChange}></slot>
|
|
549
550
|
<sds-icon name="arrow_forward-material-outlined" size="md" class="sds-card__icon"></sds-icon>
|
|
550
|
-
`;return
|
|
551
|
+
`;return Q`<article class="sds-card">${this.link?Q`<a href="${this.link}" class="sds-card__content">${t}</a>`:Q`<div class="sds-card__content">${t}</div>`}</article>`}};ns.styles=[rs],ds([$({type:String,reflect:!0})],ns.prototype,"link",2),ds([E("slot#heading")],ns.prototype,"headingSlot",2),ds([E("slot#text")],ns.prototype,"textSlot",2),ns=ds([A("sds-card")],ns);const ls=i`
|
|
551
552
|
:host {
|
|
552
553
|
--_sds-checkbox-block-gap: var(--sds-checkbox-block-gap, var(--sds-spacing-4xs));
|
|
553
554
|
--_sds-checkbox-inline-gap: var(--sds-checkbox-inline-gap, var(--sds-spacing-3xs));
|
|
@@ -769,13 +770,13 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
769
770
|
margin-block-start: -1px;
|
|
770
771
|
}
|
|
771
772
|
}
|
|
772
|
-
`;var
|
|
773
|
-
<div class="${
|
|
773
|
+
`;var cs=Object.defineProperty,hs=Object.getOwnPropertyDescriptor,ps=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?hs(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&&cs(s,e,a),a};let gs=class extends ut{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()}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 Q`
|
|
774
|
+
<div class="${Gt(t)}">
|
|
774
775
|
<input
|
|
775
776
|
id="control"
|
|
776
777
|
type="checkbox"
|
|
777
|
-
name="${
|
|
778
|
-
value="${
|
|
778
|
+
name="${Et(this.name)}"
|
|
779
|
+
value="${Et(this.value)}"
|
|
779
780
|
.checked="${this.checked}"
|
|
780
781
|
?checked="${this.checked}"
|
|
781
782
|
?disabled="${this.disabled}"
|
|
@@ -784,12 +785,12 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
784
785
|
@change="${this._handleChange}"
|
|
785
786
|
@focus="${this._handleFocus}"
|
|
786
787
|
@blur="${this._handleBlur}"
|
|
787
|
-
class="${
|
|
788
|
+
class="${Gt(s)}"
|
|
788
789
|
/>
|
|
789
|
-
${this.label?
|
|
790
|
-
${this.helpText?
|
|
790
|
+
${this.label?Q`<label for="control" class="sds-checkbox__label">${this.label}</label>`:J}
|
|
791
|
+
${this.helpText?Q`<span class="sds-checkbox__help-text">${this.helpText}</span>`:J}
|
|
791
792
|
</div>
|
|
792
|
-
`}};
|
|
793
|
+
`}};gs.styles=[ls],gs.formAssociated=!0,gs.shadowRootOptions={...ut.shadowRootOptions,delegatesFocus:!0},ps([$({type:String,reflect:!0})],gs.prototype,"name",2),ps([$({type:String,reflect:!0})],gs.prototype,"label",2),ps([$({type:String})],gs.prototype,"value",2),ps([$({type:Boolean,reflect:!0})],gs.prototype,"checked",2),ps([$({type:Boolean,reflect:!0})],gs.prototype,"disabled",1),ps([$({type:Boolean,reflect:!0})],gs.prototype,"error",2),ps([$({type:Boolean,reflect:!0})],gs.prototype,"required",2),ps([$({type:String,reflect:!0})],gs.prototype,"size",2),ps([$({type:String,attribute:"help-text"})],gs.prototype,"helpText",2),ps([$({type:Boolean,attribute:"readonly",reflect:!0})],gs.prototype,"readOnly",2),ps([$({type:Boolean,attribute:!1})],gs.prototype,"parentRequestDisabled",1),ps([E("#control")],gs.prototype,"control",2),gs=ps([A("sds-checkbox")],gs);const vs=i`
|
|
793
794
|
:host {
|
|
794
795
|
--_sds-checkbox-group-gap: var(--sds-checkbox-group-gap, var(--sds-spacing-xs));
|
|
795
796
|
--_sds-checkbox-group-font-family: var(--sds-checkbox-group-font-family, var(--sds-typography-font-family-roboto));
|
|
@@ -881,16 +882,16 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
881
882
|
--_sds-checkbox-group-help-text-font-size: var(--sds-checkbox-group-help-text-font-size, var(--sds-components-font-size-content-lg));
|
|
882
883
|
--_sds-checkbox-group-help-text-line-height: var(--sds-checkbox-group-help-text-line-height, var(--sds-components-line-height-squeezed-lg));
|
|
883
884
|
}
|
|
884
|
-
`;var
|
|
885
|
-
<fieldset class="${
|
|
886
|
-
${this.legend?
|
|
887
|
-
${this.helpText?
|
|
885
|
+
`;var us=Object.defineProperty,fs=Object.getOwnPropertyDescriptor,bs=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?fs(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&&us(s,e,a),a};const _s=["disabled","errorMessage","readOnly","size"];let ms=class extends ut{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([..._s])}}_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;_s.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 Q`
|
|
886
|
+
<fieldset class="${Gt(t)}">
|
|
887
|
+
${this.legend?Q`<legend class="sds-checkbox-group__legend">${this.readOnly?Q`<sds-icon name="lock-material-filled" size="md"></sds-icon>`:J}</sds-icon>${this.legend}</legend>`:J}
|
|
888
|
+
${this.helpText?Q`<p class="sds-checkbox-group__help-text">${this.helpText}</p>`:J}
|
|
888
889
|
<div class="sds-checkbox-group__checkboxes" @change=${this._handleCheckboxChange}>
|
|
889
890
|
<slot @slotchange=${this._handleSlotChange}></slot>
|
|
890
891
|
</div>
|
|
891
|
-
${this.errorMessage?
|
|
892
|
+
${this.errorMessage?Q`<sds-alert variant="secondary" data-palette="danger"><p slot="message">${this.errorMessage}</p></sds-alert>`:J}
|
|
892
893
|
</fieldset>
|
|
893
|
-
`}};
|
|
894
|
+
`}};ms.styles=[vs],bs([$({type:String,reflect:!0})],ms.prototype,"legend",2),bs([$({type:String,attribute:"help-text",reflect:!0})],ms.prototype,"helpText",2),bs([$({type:String,attribute:"error-message",reflect:!0})],ms.prototype,"errorMessage",2),bs([$({type:Boolean,attribute:"readonly",reflect:!0})],ms.prototype,"readOnly",2),bs([$({type:Boolean,reflect:!0})],ms.prototype,"disabled",2),bs([$({type:String,reflect:!0})],ms.prototype,"size",2),bs([S()],ms.prototype,"_selectedValues",2),bs([E("slot")],ms.prototype,"_slotElement",2),ms=bs([A("sds-checkbox-group")],ms);const xs=i`
|
|
894
895
|
:host {
|
|
895
896
|
--_sds-chip-font-family: var(--sds-chip-font-family, var(--sds-typography-font-family-roboto));
|
|
896
897
|
--_sds-chip-font-weight: var(--sds-chip-font-weight, var(--sds-typography-font-weight-regular));
|
|
@@ -1035,22 +1036,22 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
1035
1036
|
white-space: nowrap;
|
|
1036
1037
|
}
|
|
1037
1038
|
}
|
|
1038
|
-
`;var
|
|
1039
|
+
`;var ys=Object.defineProperty,ws=Object.getOwnPropertyDescriptor,ks=(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&&ys(s,e,a),a};let zs=class extends ut{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()}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?Q`<button class="${Gt(s)}" @click=${this._remove} @keyup="${this._keypress}">
|
|
1039
1040
|
<slot></slot>
|
|
1040
1041
|
<sds-icon name="close-material-outlined" size="s"></sds-icon>
|
|
1041
|
-
</button>`:
|
|
1042
|
+
</button>`:Q`<label class="${Gt(s)}" @click="${this._toggle}" @keyup="${this._keypress}">
|
|
1042
1043
|
<input
|
|
1043
1044
|
id="control"
|
|
1044
1045
|
type="checkbox"
|
|
1045
|
-
name="${
|
|
1046
|
-
value="${
|
|
1046
|
+
name="${Et(this.name)}"
|
|
1047
|
+
value="${Et(this.value)}"
|
|
1047
1048
|
.checked="${this.checked}"
|
|
1048
1049
|
?checked="${this.checked}"
|
|
1049
1050
|
?disabled="${this.disabled}"
|
|
1050
1051
|
?readonly="${this.readonly}"
|
|
1051
1052
|
/>
|
|
1052
1053
|
<slot></slot>
|
|
1053
|
-
</label>`}};
|
|
1054
|
+
</label>`}};zs.styles=[xs],zs.formAssociated=!0,zs.shadowRootOptions={...ut.shadowRootOptions,delegatesFocus:!0},ks([$({type:String,reflect:!0})],zs.prototype,"variant",2),ks([$({type:String,reflect:!0})],zs.prototype,"size",2),ks([$({type:Boolean,reflect:!0})],zs.prototype,"checked",2),ks([$({type:String,reflect:!0})],zs.prototype,"name",2),ks([$({type:String})],zs.prototype,"value",2),ks([$({type:Boolean,reflect:!0})],zs.prototype,"disabled",2),ks([$({type:Boolean,reflect:!0})],zs.prototype,"readonly",2),ks([E("#control")],zs.prototype,"control",2),zs=ks([A("sds-chip")],zs);const $s=i`
|
|
1054
1055
|
:host {
|
|
1055
1056
|
--_sds-details-text-color: var(--sds-details-text-color, var(--sds-color-text-default, var(--sds-color-main-text-default)));
|
|
1056
1057
|
|
|
@@ -1181,7 +1182,7 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
1181
1182
|
display: inline;
|
|
1182
1183
|
margin: 0;
|
|
1183
1184
|
}
|
|
1184
|
-
`;var
|
|
1185
|
+
`;var Ss=Object.defineProperty,Cs=Object.getOwnPropertyDescriptor,Es=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?Cs(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&&Ss(s,e,a),a};let Os=class extends ut{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 Q`
|
|
1185
1186
|
<details class="sds-details" .name="${this.name??""}" ?data-standalone="${this.standalone}" ?open="${this.open}" @toggle="${this._handleToggle}">
|
|
1186
1187
|
<summary class="sds-details__summary">
|
|
1187
1188
|
<sds-icon name="chevron_up-material-filled"></sds-icon>
|
|
@@ -1193,7 +1194,7 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
1193
1194
|
<slot></slot>
|
|
1194
1195
|
</div>
|
|
1195
1196
|
</details>
|
|
1196
|
-
`}};
|
|
1197
|
+
`}};Os.styles=[$s],Es([$({type:Boolean,reflect:!0})],Os.prototype,"open",2),Es([$({type:Boolean,reflect:!0})],Os.prototype,"standalone",2),Es([$({type:String,reflect:!0})],Os.prototype,"name",2),Os=Es([A("sds-details")],Os);const As=i`
|
|
1197
1198
|
:host {
|
|
1198
1199
|
--_sds-dialog-background-color: var(--sds-dialog-background-color, var(--sds-color-surface-default, var(--sds-color-main-surface-default)));
|
|
1199
1200
|
--_sds-dialog-backdrop-color: var(--sds-dialog-backdrop-color, rgba(0, 0, 0, 0.5));
|
|
@@ -1305,20 +1306,20 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
1305
1306
|
--_sds-dialog-animation-duration: 0ms;
|
|
1306
1307
|
}
|
|
1307
1308
|
}
|
|
1308
|
-
`;var
|
|
1309
|
+
`;var qs=Object.defineProperty,Ps=Object.getOwnPropertyDescriptor,Ds=(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=(o?r(s,e,a):r(a))||a);return o&&a&&qs(s,e,a),a};let Ls=class extends ut{constructor(){super(...arguments),this.open=!1,this.modal=!1,this.closedby="closerequest",this.closeButtonLabel="Lukk dialogvindu",this._handleClose=()=>{this.open=!1,this.dispatchEvent(new CustomEvent("sds-close",{bubbles:!0,composed:!0}))},this._handleClick=t=>{const s=t.target;if(s?.closest('[data-command="close"]'))return void this._closeDialog();if(s!==this._dialog)return;if("any"!==this.closedby)return;if("closedBy"in this._dialog)return;const{clientX:e,clientY:o}=t,{top:r,bottom:a,left:i,right:d}=this._dialog.getBoundingClientRect();(r>o||a<o||i>e||d<e)&&this._closeDialog()},this._handleCancel=t=>{"none"===this.closedby&&t.preventDefault()},this._handleAutoFocus=()=>{const t=this.shadowRoot?.querySelector("slot:not([name])")?.assignedElements({flatten:!0});if(!t||0===t.length)return;const s=t.find(t=>null!=t.getAttribute("autofocus"));s instanceof HTMLElement&&document.activeElement!==s&&s.focus()}}firstUpdated(){this._setupEventListeners(),this.open&&this._openDialog()}updated(t){t.has("open")&&(this.open?this._openDialog():this._closeDialog())}_setupEventListeners(){this._dialog.addEventListener("close",this._handleClose),this._dialog.addEventListener("cancel",this._handleCancel),this._dialog.addEventListener("click",this._handleClick),this._dialog.addEventListener("animationend",this._handleAutoFocus)}_openDialog(){this._dialog&&(this.modal?this._dialog.showModal():this._dialog.show())}_closeDialog(){this._dialog&&this._dialog.close()}show(){this.open=!0}showModal(){this.modal=!0,this.open=!0}close(){this.open=!1}render(){const t=0===this.headerSlotElements.length;return Q`
|
|
1309
1310
|
<dialog closedby="${this.closedby}" class=${t?"sds-dialog__empty-header":""}>
|
|
1310
1311
|
<div class="sds-dialog__header">
|
|
1311
1312
|
<slot name="header"></slot>
|
|
1312
|
-
${this.closeButtonLabel?
|
|
1313
|
+
${this.closeButtonLabel?Q`
|
|
1313
1314
|
<sds-button class="sds-dialog__close-button" icon variant="tertiary" size="md" data-command="close" aria-label="${this.closeButtonLabel}">
|
|
1314
1315
|
<sds-icon name="close-material-outlined" size="md"></sds-icon>
|
|
1315
1316
|
</sds-button>
|
|
1316
|
-
`:
|
|
1317
|
+
`:J}
|
|
1317
1318
|
</div>
|
|
1318
1319
|
<slot></slot>
|
|
1319
1320
|
<slot name="footer"></slot>
|
|
1320
1321
|
</dialog>
|
|
1321
|
-
`}};
|
|
1322
|
+
`}};Ls.styles=[As],Ds([$({type:Boolean,reflect:!0})],Ls.prototype,"open",2),Ds([$({type:Boolean,reflect:!0})],Ls.prototype,"modal",2),Ds([$({type:String,reflect:!0})],Ls.prototype,"closedby",2),Ds([$({type:String,attribute:"close-button-label"})],Ls.prototype,"closeButtonLabel",2),Ds([E("dialog")],Ls.prototype,"_dialog",2),Ds([O({slot:"header",flatten:!1})],Ls.prototype,"headerSlotElements",2),Ls=Ds([A("sds-dialog")],Ls);const Vs=i`
|
|
1322
1323
|
:host {
|
|
1323
1324
|
--_sds-heading-font-family: var(--sds-heading-font-family, var(--sds-typography-font-family-roboto));
|
|
1324
1325
|
--_sds-heading-text-color: var(--sds-heading-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
|
|
@@ -1471,7 +1472,7 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
1471
1472
|
--_sds-heading-line-height: var(--sds-heading-line-height, var(--sds-typography-heading-xs-desktop-line-height));
|
|
1472
1473
|
}
|
|
1473
1474
|
}
|
|
1474
|
-
`;var Rs=Object.defineProperty,Ms=(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&&Rs(s,e,a),a};const
|
|
1475
|
+
`;var Rs=Object.defineProperty,Ms=(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&&Rs(s,e,a),a};const Bs=class extends ut{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 Q`<h1 class=${Gt(t)}><slot></slot></h1>`;case"h2":return Q`<h2 class=${Gt(t)}><slot></slot></h2>`;case"h3":return Q`<h3 class=${Gt(t)}><slot></slot></h3>`;case"h4":return Q`<h4 class=${Gt(t)}><slot></slot></h4>`;case"h5":return Q`<h5 class=${Gt(t)}><slot></slot></h5>`;case"h6":return Q`<h6 class=${Gt(t)}><slot></slot></h6>`}}};Bs.styles=[Vs];let Ts=Bs;Ms([$({type:String,reflect:!0})],Ts.prototype,"level"),Ms([$({type:String,reflect:!0})],Ts.prototype,"size");var Is=Object.getOwnPropertyDescriptor;let js=class extends Ts{};js=((t,s,e,o)=>{for(var r,a=o>1?void 0:o?Is(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([A("sds-heading")],js);const Ns=i`
|
|
1475
1476
|
:host {
|
|
1476
1477
|
--_sds-loader-main-color: var(--sds-loader-main-color, var(--sds-color-action-contrast-default, var(--sds-color-main-action-contrast-default)));
|
|
1477
1478
|
--_sds-loader-secondary-color: var(--sds-loader-secondary-color, var(--sds-color-border-subtle, var(--sds-color-main-border-subtle)));
|
|
@@ -1547,10 +1548,10 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
1547
1548
|
stroke-dashoffset: -120px;
|
|
1548
1549
|
}
|
|
1549
1550
|
}
|
|
1550
|
-
`;var
|
|
1551
|
+
`;var Fs=Object.defineProperty,Us=Object.getOwnPropertyDescriptor,Hs=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?Us(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&&Fs(s,e,a),a};let Ws=class extends ut{constructor(){super(...arguments),this.size="md",this.contrast=!1}render(){return Q`<svg aria-label="Laster" class="sds-loader" role="img" viewBox="0 0 50 50">
|
|
1551
1552
|
<circle class="sds-loader__background" cx="25" cy="25" r="20" fill="none" stroke-width="7"></circle>
|
|
1552
1553
|
<circle class="sds-loader__circle" cx="25" cy="25" r="20" fill="none" stroke-width="7"></circle>
|
|
1553
|
-
</svg>`}};Ws.styles=[
|
|
1554
|
+
</svg>`}};Ws.styles=[Ns],Hs([$({type:String,reflect:!0})],Ws.prototype,"size",2),Hs([$({type:Boolean,reflect:!0})],Ws.prototype,"contrast",2),Ws=Hs([A("sds-loader")],Ws);const Gs=i`
|
|
1554
1555
|
:host {
|
|
1555
1556
|
--_sds-notification-background-color: var(--sds-notification-background-color, var(--sds-color-alert-info-surface-tinted));
|
|
1556
1557
|
|
|
@@ -1687,7 +1688,7 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
1687
1688
|
margin: 0 !important;
|
|
1688
1689
|
max-width: var(--_sds-notification-max-line-width) !important;
|
|
1689
1690
|
}
|
|
1690
|
-
`;var Ks=Object.defineProperty,Ys=Object.getOwnPropertyDescriptor,Zs=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?Ys(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};const Qs={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 Xs=!1,Js=class extends
|
|
1691
|
+
`;var Ks=Object.defineProperty,Ys=Object.getOwnPropertyDescriptor,Zs=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?Ys(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};const Qs={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 Xs=!1,Js=class extends ut{constructor(){super(),this.variant="info",this._remove=()=>{this.dispatchEvent(new CustomEvent("sds-remove",{bubbles:!0,composed:!0}))},Xs||(Xs=!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 Q`<div class="${Gt({"sds-notification":!0})}">
|
|
1691
1692
|
<div class="sds-notification__type">
|
|
1692
1693
|
<sds-icon class="sds-notification__icon" name="${Qs[this.variant]}" size="md"></sds-icon>
|
|
1693
1694
|
</div>
|
|
@@ -1695,12 +1696,12 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
1695
1696
|
<slot name="title"></slot>
|
|
1696
1697
|
<slot name="message"></slot>
|
|
1697
1698
|
</div>
|
|
1698
|
-
${this.removableLabel?
|
|
1699
|
+
${this.removableLabel?Q`<div class="sds-notification__actions">
|
|
1699
1700
|
<sds-button icon variant="tertiary" color="${t}" size="sm" @click=${this._remove} aria-label="${this.removableLabel}">
|
|
1700
1701
|
<sds-icon name="close-material-outlined" size="sm"></sds-icon>
|
|
1701
1702
|
</sds-button>
|
|
1702
|
-
</div>`:
|
|
1703
|
-
</div>`}};Js.styles=[Gs],Zs([$({type:String,reflect:!0})],Js.prototype,"variant",2),Zs([$({type:String,attribute:"removable-label",reflect:!0})],Js.prototype,"removableLabel",2),Js=Zs([
|
|
1703
|
+
</div>`:J}
|
|
1704
|
+
</div>`}};Js.styles=[Gs],Zs([$({type:String,reflect:!0})],Js.prototype,"variant",2),Zs([$({type:String,attribute:"removable-label",reflect:!0})],Js.prototype,"removableLabel",2),Js=Zs([A("sds-notification")],Js);const te=i`
|
|
1704
1705
|
:host {
|
|
1705
1706
|
--_sds-radio-font-family: var(--sds-radio-font-family, var(--sds-typography-font-family-roboto));
|
|
1706
1707
|
--_sds-radio-disabled-opacity: var(--sds-radio-disabled-opacity, var(--sds-color-states-disabled-opacity));
|
|
@@ -1902,13 +1903,13 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
1902
1903
|
margin-block-start: -1px;
|
|
1903
1904
|
}
|
|
1904
1905
|
}
|
|
1905
|
-
`;var se=Object.defineProperty,ee=Object.getOwnPropertyDescriptor,oe=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?ee(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 re=class extends
|
|
1906
|
-
<div class="${
|
|
1906
|
+
`;var se=Object.defineProperty,ee=Object.getOwnPropertyDescriptor,oe=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?ee(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 re=class extends ut{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()}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 Q`
|
|
1907
|
+
<div class="${Gt(t)}">
|
|
1907
1908
|
<input
|
|
1908
1909
|
id="control"
|
|
1909
1910
|
type="radio"
|
|
1910
|
-
name="${
|
|
1911
|
-
value="${
|
|
1911
|
+
name="${Et(this.name)}"
|
|
1912
|
+
value="${Et(this.value)}"
|
|
1912
1913
|
?checked="${this.checked??!1}"
|
|
1913
1914
|
.checked="${this.checked??!1}"
|
|
1914
1915
|
?disabled="${this.disabled??!1}"
|
|
@@ -1918,12 +1919,12 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
1918
1919
|
@change="${this._handleChange}"
|
|
1919
1920
|
@focus="${this._handleFocus}"
|
|
1920
1921
|
@blur="${this._handleBlur}"
|
|
1921
|
-
class="${
|
|
1922
|
+
class="${Gt(s)}"
|
|
1922
1923
|
/>
|
|
1923
|
-
${this.label?
|
|
1924
|
-
${this.helpText?
|
|
1924
|
+
${this.label?Q`<label class="sds-radio__label" for="control">${this.label}</label>`:J}
|
|
1925
|
+
${this.helpText?Q`<span class="sds-radio__help-text">${this.helpText}</span>`:J}
|
|
1925
1926
|
</div>
|
|
1926
|
-
`}};re.styles=[te],re.formAssociated=!0,re.shadowRootOptions={...
|
|
1927
|
+
`}};re.styles=[te],re.formAssociated=!0,re.shadowRootOptions={...ut.shadowRootOptions,delegatesFocus:!0},oe([$({type:Boolean,reflect:!0})],re.prototype,"required",2),oe([$({type:String,reflect:!0})],re.prototype,"label",2),oe([$({type:Boolean,reflect:!0,attribute:"hide-label"})],re.prototype,"hideLabel",2),oe([$({type:String,reflect:!0})],re.prototype,"name",2),oe([$({type:String})],re.prototype,"value",2),oe([$({type:Boolean,reflect:!0})],re.prototype,"checked",2),oe([$({type:Boolean,reflect:!0})],re.prototype,"error",2),oe([$({type:Boolean,attribute:"readonly",reflect:!0})],re.prototype,"readOnly",2),oe([$({type:String,reflect:!0})],re.prototype,"size",2),oe([$({type:String,attribute:"help-text"})],re.prototype,"helpText",2),oe([$({type:Boolean,reflect:!0})],re.prototype,"disabled",1),oe([$({type:Boolean,attribute:!1})],re.prototype,"parentRequestDisabled",1),oe([E("#control")],re.prototype,"control",2),re=oe([A("sds-radio")],re);const ae=i`
|
|
1927
1928
|
:host {
|
|
1928
1929
|
--_sds-radio-group-gap: var(--sds-radio-group-gap, var(--sds-spacing-xs));
|
|
1929
1930
|
--_sds-radio-group-row-gap: var(--sds-radio-group-row-gap, var(--sds-spacing-md));
|
|
@@ -2021,18 +2022,18 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
2021
2022
|
--_sds-radio-group-help-text-font-size: var(--sds-radio-group-help-text-font-size, var(--sds-components-font-size-content-lg));
|
|
2022
2023
|
--_sds-radio-group-help-text-line-height: var(--sds-radio-group-help-text-line-height, var(--sds-components-line-height-squeezed-lg));
|
|
2023
2024
|
}
|
|
2024
|
-
`;var ie=Object.defineProperty,de=Object.getOwnPropertyDescriptor,ne=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?de(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&&ie(s,e,a),a};const le=["disabled","errorMessage","readOnly","required","size"];let ce=class extends
|
|
2025
|
-
<fieldset class="${
|
|
2026
|
-
${this.legend?
|
|
2027
|
-
${this.helpText?
|
|
2028
|
-
<div class="${
|
|
2025
|
+
`;var ie=Object.defineProperty,de=Object.getOwnPropertyDescriptor,ne=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?de(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&&ie(s,e,a),a};const le=["disabled","errorMessage","readOnly","required","size"];let ce=class extends ut{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([...le])}}_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;le.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 Q`
|
|
2026
|
+
<fieldset class="${Gt(t)}">
|
|
2027
|
+
${this.legend?Q`<legend class="sds-radio-group__legend">${this.readOnly?Q`<sds-icon name="lock-material-filled" size="md"></sds-icon>`:J}${this.legend}</legend>`:J}
|
|
2028
|
+
${this.helpText?Q`<p class="sds-radio-group__help-text">${this.helpText}</p>`:J}
|
|
2029
|
+
<div class="${Gt(s)}" @change=${this._handleRadioChange}>
|
|
2029
2030
|
<slot @slotchange=${this._handleSlotChange}></slot>
|
|
2030
2031
|
</div>
|
|
2031
|
-
${this.errorMessage?
|
|
2032
|
+
${this.errorMessage?Q`<sds-alert variant="secondary" data-palette="danger">
|
|
2032
2033
|
<p slot="message">${this.errorMessage}</p>
|
|
2033
|
-
</sds-alert>`:
|
|
2034
|
+
</sds-alert>`:J}
|
|
2034
2035
|
</fieldset>
|
|
2035
|
-
`}get value(){return{selectedValue:this._selectedValue}}};ce.styles=[ae],ne([$({type:String})],ce.prototype,"legend",2),ne([$({type:String,attribute:"help-text"})],ce.prototype,"helpText",2),ne([$({type:String,attribute:"error-message"})],ce.prototype,"errorMessage",2),ne([$({type:Boolean,attribute:"readonly",reflect:!0})],ce.prototype,"readOnly",2),ne([$({type:String})],ce.prototype,"direction",2),ne([$({type:Boolean,reflect:!0})],ce.prototype,"disabled",2),ne([$({type:Boolean,reflect:!0})],ce.prototype,"required",2),ne([$({type:String,reflect:!0})],ce.prototype,"size",2),ne([S()],ce.prototype,"_selectedValue",2),ne([E("slot")],ce.prototype,"_slotElement",2),ce=ne([
|
|
2036
|
+
`}get value(){return{selectedValue:this._selectedValue}}};ce.styles=[ae],ne([$({type:String})],ce.prototype,"legend",2),ne([$({type:String,attribute:"help-text"})],ce.prototype,"helpText",2),ne([$({type:String,attribute:"error-message"})],ce.prototype,"errorMessage",2),ne([$({type:Boolean,attribute:"readonly",reflect:!0})],ce.prototype,"readOnly",2),ne([$({type:String})],ce.prototype,"direction",2),ne([$({type:Boolean,reflect:!0})],ce.prototype,"disabled",2),ne([$({type:Boolean,reflect:!0})],ce.prototype,"required",2),ne([$({type:String,reflect:!0})],ce.prototype,"size",2),ne([S()],ce.prototype,"_selectedValue",2),ne([E("slot")],ce.prototype,"_slotElement",2),ce=ne([A("sds-radio-group")],ce);const he=i`
|
|
2036
2037
|
:host {
|
|
2037
2038
|
--_sds-select-background-color: var(--sds-select-background-color, var(--sds-color-background-default, var(--sds-color-neutral-background-default)));
|
|
2038
2039
|
--_sds-select-text-color: var(--sds-select-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
|
|
@@ -2208,10 +2209,10 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
2208
2209
|
--_sds-select-helptext-font-size: var(--sds-select-helptext-font-size, var(--sds-components-font-size-content-lg));
|
|
2209
2210
|
--_sds-select-helptext-line-height: var(--sds-select-helptext-line-height, var(--sds-components-line-height-squeezed-lg));
|
|
2210
2211
|
}
|
|
2211
|
-
`;var pe=Object.defineProperty,ge=Object.getOwnPropertyDescriptor,ve=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?ge(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&&pe(s,e,a),a};let ue=class extends
|
|
2212
|
-
<div class="${
|
|
2213
|
-
${this.label?
|
|
2214
|
-
${this.helpText?
|
|
2212
|
+
`;var pe=Object.defineProperty,ge=Object.getOwnPropertyDescriptor,ve=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?ge(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&&pe(s,e,a),a};let ue=class extends ut{constructor(){super(),this.disabled=!1,this.required=!1,this.readOnly=!1,this.size="md",this._defaultValue=null,this._pendingLightDomSync=!1,this._handleSlotChange=()=>{if(null==this.value){const t=this.getLightDomSelectedValue();null!=t&&(this.value=t)}this._scheduleLightDomSync()},this._handleChange=t=>{t.stopImmediatePropagation(),t.target instanceof HTMLSelectElement&&(this.disabled||this.readOnly?t.target.value=this.value??"":(this.value=t.target.value,this._setFormValue(this.value),this.updateValidity(),this.dispatchEvent(new CustomEvent("input",{bubbles:!0,composed:!0})),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.updateValidity(),this.dispatchEvent(new CustomEvent("blur",{bubbles:!0,composed:!0}))},this._handleKeyDown=t=>{if(!this.readOnly)return;/* @__PURE__ */new Set(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End","PageUp","PageDown"," ","Enter"]).has(t.key)&&(t.preventDefault(),t.stopImmediatePropagation())},this.internals=this.attachInternals()}connectedCallback(){if(super.connectedCallback(),null==this.value){const t=Array.from(this.querySelectorAll("option")).find(t=>t.hasAttribute("selected")||t.defaultSelected);t&&(this.value=t.value)}this._startObservingLightDom()}disconnectedCallback(){this._stopObservingLightDom(),super.disconnectedCallback()}firstUpdated(){const t=this.control?.value??"";this.value=this.value??this.defaultValue??t,this.control.value=this.value??"",this._defaultValue=this.value??null,this.internals.setFormValue(this._defaultValue),this.updateValidity()}updated(t){this.control&&t.has("value")&&(this.control.value=this.value??"",this._setFormValue(this.value),this.updateValidity())}_setFormValue(t){this.internals.setFormValue(null==t?null:t)}_scheduleLightDomSync(){this._pendingLightDomSync||(this._pendingLightDomSync=!0,queueMicrotask(()=>{this._pendingLightDomSync=!1;const t=this.getLightDomSelectedValue();void 0!==t&&t!==this.value&&(this.value=t),this.requestUpdate(),this.updateComplete.then(()=>{this.control&&(this.control.value=this.value??"",this._setFormValue(this.value),this.updateValidity())})}))}_startObservingLightDom(){this._lightDomObserver||(this._lightDomObserver=new MutationObserver(t=>{for(const s of t){if("childList"===s.type)return void this._scheduleLightDomSync();if("characterData"===s.type)return void this._scheduleLightDomSync();if("attributes"===s.type){const t=s.target;if(!(t instanceof HTMLElement))continue;const e=t.tagName;if("OPTION"===e||"OPTGROUP"===e||"HR"===e)return void this._scheduleLightDomSync()}}}),this._lightDomObserver.observe(this,{subtree:!0,childList:!0,attributes:!0,characterData:!0}))}_stopObservingLightDom(){this._lightDomObserver?.disconnect(),this._lightDomObserver=void 0,this._pendingLightDomSync=!1}updateValidity(){this.control&&(this.control.checkValidity()?this.internals.setValidity({}):this.internals.setValidity({customError:!0},this.control.validationMessage,this.control))}getLightDomSelectedValue(){const t=Array.from(this.querySelectorAll("option")).find(t=>t.hasAttribute("selected")||t.defaultSelected);return t?.value}formResetCallback(){this.internals.setFormValue(this._defaultValue);const t=this._defaultValue??"";this.control&&(this.control.value=t),this.value=this._defaultValue??"",this.updateValidity()}focus(){this.disabled||this.readOnly||!this.control||this.control.focus()}blur(){this.disabled||this.readOnly||!this.control||this.control.blur()}click(){this.disabled||this.readOnly||!this.control||this.control.click()}renderFromLightDom(){const t=this.children??[];return Array.from(t).filter(t=>t instanceof HTMLElement).map(t=>{switch(t.tagName){case"OPTION":return this.renderOption(t);case"OPTGROUP":return this.renderOptgroup(t);case"HR":return Q`<hr />`;default:return J}})}renderOption(t){const s=t.getAttribute("value"),e=t.value,o=null!=this.value&&e===this.value;return Q` <option value=${Et(null===s?void 0:s)} ?disabled=${t.disabled} .selected=${o}>${t.text}</option> `}renderOptgroup(t){const s=Array.from(t.querySelectorAll("option"));return Q` <optgroup label=${Et(t.label||void 0)} ?disabled=${t.disabled}>${s.map(t=>this.renderOption(t))}</optgroup> `}render(){const t={"sds-select":!0,"sds-select--error":Boolean(this.errorMessage)};return Q`
|
|
2213
|
+
<div class="${Gt(t)}">
|
|
2214
|
+
${this.label?Q` <label for="select" class="sds-select__label"> ${this.readOnly?Q`<sds-icon name="lock-material-filled" size="m"></sds-icon>`:J} ${this.label} </label> `:J}
|
|
2215
|
+
${this.helpText?Q`<p class="sds-select__help-text">${this.helpText}</p>`:J}
|
|
2215
2216
|
|
|
2216
2217
|
<div hidden>
|
|
2217
2218
|
<slot @slotchange=${this._handleSlotChange}></slot>
|
|
@@ -2220,10 +2221,10 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
2220
2221
|
<select
|
|
2221
2222
|
id="select"
|
|
2222
2223
|
class="sds-select__control"
|
|
2223
|
-
name=${
|
|
2224
|
+
name=${Et(this.name)}
|
|
2224
2225
|
?disabled=${this.disabled}
|
|
2225
2226
|
?required=${this.required}
|
|
2226
|
-
aria-readonly=${
|
|
2227
|
+
aria-readonly=${Et(this.readOnly)}
|
|
2227
2228
|
aria-invalid=${this.errorMessage?"true":"false"}
|
|
2228
2229
|
@keydown=${this._handleKeyDown}
|
|
2229
2230
|
@change=${this._handleChange}
|
|
@@ -2233,13 +2234,319 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
2233
2234
|
${this.renderFromLightDom()}
|
|
2234
2235
|
</select>
|
|
2235
2236
|
|
|
2236
|
-
${this.errorMessage?
|
|
2237
|
+
${this.errorMessage?Q`
|
|
2237
2238
|
<sds-alert variant="secondary" data-palette="danger">
|
|
2238
2239
|
<p slot="message">${this.errorMessage}</p>
|
|
2239
2240
|
</sds-alert>
|
|
2240
|
-
`:
|
|
2241
|
+
`:J}
|
|
2241
2242
|
</div>
|
|
2242
|
-
`}};ue.styles=[he],ue.formAssociated=!0,ue.shadowRootOptions={...
|
|
2243
|
+
`}};function fe(t){return class extends t{dispatchSheriffEvent(t,s){return this.dispatchEvent(new CustomEvent(t,{detail:s,bubbles:!0,composed:!0}))}}}ue.styles=[he],ue.formAssociated=!0,ue.shadowRootOptions={...ut.shadowRootOptions,delegatesFocus:!0},ve([$({type:String,reflect:!0})],ue.prototype,"name",2),ve([$({type:String,reflect:!0})],ue.prototype,"label",2),ve([$({type:String,attribute:!1})],ue.prototype,"value",2),ve([$({type:String,attribute:"default-value"})],ue.prototype,"defaultValue",2),ve([$({type:String,attribute:"help-text",reflect:!0})],ue.prototype,"helpText",2),ve([$({type:String,attribute:"error-message",reflect:!0})],ue.prototype,"errorMessage",2),ve([$({type:Boolean,reflect:!0})],ue.prototype,"disabled",2),ve([$({type:Boolean,reflect:!0})],ue.prototype,"required",2),ve([$({type:Boolean,attribute:"readonly",reflect:!0})],ue.prototype,"readOnly",2),ve([$({type:String,reflect:!0})],ue.prototype,"size",2),ve([E("#select")],ue.prototype,"control",2),ue=ve([A("sds-select")],ue);const be=i`
|
|
2244
|
+
:host {
|
|
2245
|
+
/* Sizing */
|
|
2246
|
+
--_sds-stepper-step-circle-size: var(--sds-stepper-circle-size, 32px);
|
|
2247
|
+
--_sds-stepper-step-border-width: var(--sds-stepper-step-border-width, 2px);
|
|
2248
|
+
--_sds-stepper-step-radius: var(--sds-stepper-step-radius, var(--sds-radius-sm));
|
|
2249
|
+
|
|
2250
|
+
/* Layout */
|
|
2251
|
+
--_sds-stepper-step-grid-template-rows: var(--sds-stepper-step-grid-template-rows, var(--_sds-stepper-step-circle-size) auto);
|
|
2252
|
+
--_sds-stepper-step-grid-template-columns: var(
|
|
2253
|
+
--sds-stepper-step-grid-template-columns,
|
|
2254
|
+
[line-1-start] 1fr [step-start] auto [line-1-end] var(--_sds-stepper-step-circle-size) [line-2-start] auto [step-end] 1fr [line-2-end]
|
|
2255
|
+
);
|
|
2256
|
+
|
|
2257
|
+
/* Button */
|
|
2258
|
+
--_sds-stepper-step-step-grid-template-rows: var(--sds-stepper-step-step-grid-template-rows, [circle] var(--_sds-stepper-step-circle-size) [content] auto);
|
|
2259
|
+
--_sds-stepper-step-step-grid-template-columns: var(--sds-stepper-step-step-grid-template-columns, [content-start] auto [circle] var(--_sds-stepper-step-circle-size) [content-end] auto);
|
|
2260
|
+
--_sds-stepper-step-step-grid-area: var(--sds-stepper-step-step-grid-area, 1 / step / -1);
|
|
2261
|
+
--_sds-stepper-step-step-gap: var(--sds-stepper-step-step-gap, var(--sds-spacing-3xs));
|
|
2262
|
+
--_sds-stepper-step-step-margin: var(--sds-stepper-step-step-margin, 0);
|
|
2263
|
+
|
|
2264
|
+
/* Divider */
|
|
2265
|
+
--_sds-stepper-step-divider-color: var(--sds-stepper-step-divider-color, var(--sds-color-neutral-border-subtle));
|
|
2266
|
+
--_sds-stepper-step-divider-width: var(--sds-stepper-step-divider-width, 100%);
|
|
2267
|
+
--_sds-stepper-step-divider-height: var(--sds-stepper-step-divider-height, 1px);
|
|
2268
|
+
--_sds-stepper-step-divider-min-height: var(--sds-stepper-step-divider-min-height, auto);
|
|
2269
|
+
--_sds-stepper-step-divider-grid-row: var(--sds-stepper-step-divider-grid-row, 1);
|
|
2270
|
+
--_sds-stepper-step-divider-before-grid-column: var(--sds-stepper-step-divider-before-grid-column, line-1);
|
|
2271
|
+
--_sds-stepper-step-divider-before-visibility: var(--sds-stepper-step-divider-before-visibility, visible);
|
|
2272
|
+
--_sds-stepper-step-divider-before-display: var(--sds-stepper-step-divider-before-display, block);
|
|
2273
|
+
--_sds-stepper-step-divider-after-grid-column: var(--sds-stepper-step-divider-after-grid-column, line-2);
|
|
2274
|
+
--_sds-stepper-step-divider-after-visibility: var(--sds-stepper-step-divider-after-visibility, visible);
|
|
2275
|
+
--_sds-stepper-step-divider-after-display: var(--sds-stepper-step-divider-after-display, block);
|
|
2276
|
+
|
|
2277
|
+
/* Content */
|
|
2278
|
+
--_sds-stepper-step-label-grid-area: var(--sds-stepper-step-label-grid-area, content / 1 / content / -1);
|
|
2279
|
+
--_sds-stepper-step-label-text-decoration-thickness: var(--sds-stepper-step-label-text-decoration-thickness, var(--sds-typography-link-text-decoration-thickness));
|
|
2280
|
+
--_sds-stepper-step-label-text-underline-offset: var(--sds-stepper-step-label-text-underline-offset, var(--sds-typography-link-text-underline-offset));
|
|
2281
|
+
--_sds-stepper-step-label-max-width: var(--sds-stepper-step-label-max-width, 24ch);
|
|
2282
|
+
--_sds-stepper-step-label-text-color: var(--sds-stepper-step-label-text-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));
|
|
2283
|
+
--_sds-stepper-step-label-text-decoration: var(--sds-stepper-step-label-text-decoration, var(--sds-typography-link-text-decoration));
|
|
2284
|
+
|
|
2285
|
+
/* Counter */
|
|
2286
|
+
--_sds-stepper-step-counter-grid-area: var(--sds-stepper-step-counter-grid-area, circle / 2);
|
|
2287
|
+
--_sds-stepper-step-counter-border-color: var(--sds-stepper-step-counter-border-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));
|
|
2288
|
+
--_sds-stepper-step-counter-text-color: var(--sds-stepper-step-counter-text-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));
|
|
2289
|
+
--_sds-stepper-step-counter-content: var(--sds-stepper-step-counter-content, counters(stepper, ''));
|
|
2290
|
+
--_sds-stepper-step-counter-background-color: var(
|
|
2291
|
+
--sds-stepper-step-counter-background-color,
|
|
2292
|
+
var(--sds-color-background-action-contrast-default, var(--sds-color-main-background-action-contrast-default))
|
|
2293
|
+
);
|
|
2294
|
+
--_sds-stepper-step-counter-mask: var(--sds-stepper-step-counter-mask, none);
|
|
2295
|
+
--_sds-stepper-step-counter-mask-background-color: var(--sds-stepper-step-counter-mask-background-color, transparent);
|
|
2296
|
+
|
|
2297
|
+
/* Focus */
|
|
2298
|
+
--_sds-stepper-step-focus-color: var(--sds-stepper-step-focus-color, var(--sds-color-states-focus-outer));
|
|
2299
|
+
--_sds-stepper-step-focus-inner-color: var(--sds-stepper-step-focus-inner-color, var(--sds-color-states-focus-inner));
|
|
2300
|
+
--_sds-stepper-step-focus-spacing: var(--sds-stepper-step-focus-spacing, var(--sds-color-states-focus-spacing));
|
|
2301
|
+
|
|
2302
|
+
width: fit-content;
|
|
2303
|
+
}
|
|
2304
|
+
|
|
2305
|
+
:host(:first-child) {
|
|
2306
|
+
--_sds-stepper-step-divider-before-visibility: hidden;
|
|
2307
|
+
}
|
|
2308
|
+
|
|
2309
|
+
:host(:last-child) {
|
|
2310
|
+
--_sds-stepper-step-divider-after-visibility: hidden;
|
|
2311
|
+
}
|
|
2312
|
+
|
|
2313
|
+
.sds-stepper-step {
|
|
2314
|
+
display: grid;
|
|
2315
|
+
grid-template-columns: var(--_sds-stepper-step-grid-template-columns);
|
|
2316
|
+
grid-template-rows: var(--_sds-stepper-step-grid-template-rows);
|
|
2317
|
+
gap: var(--sds-spacing-xs);
|
|
2318
|
+
justify-items: flex-start;
|
|
2319
|
+
flex: 100%;
|
|
2320
|
+
padding-block-start: var(--_sds-stepper-step-border-width);
|
|
2321
|
+
font-family: var(--sds-typography-font-family);
|
|
2322
|
+
}
|
|
2323
|
+
|
|
2324
|
+
.sds-stepper-step__divider {
|
|
2325
|
+
display: block;
|
|
2326
|
+
align-self: center;
|
|
2327
|
+
justify-self: center;
|
|
2328
|
+
|
|
2329
|
+
width: var(--_sds-stepper-step-divider-width);
|
|
2330
|
+
height: var(--_sds-stepper-step-divider-height);
|
|
2331
|
+
min-height: var(--_sds-stepper-step-divider-min-height);
|
|
2332
|
+
|
|
2333
|
+
grid-row: var(--_sds-stepper-step-divider-grid-row);
|
|
2334
|
+
background-color: var(--_sds-stepper-step-divider-color);
|
|
2335
|
+
|
|
2336
|
+
&.sds-stepper-step__divider--before {
|
|
2337
|
+
grid-column: var(--_sds-stepper-step-divider-before-grid-column);
|
|
2338
|
+
visibility: var(--_sds-stepper-step-divider-before-visibility);
|
|
2339
|
+
display: var(--_sds-stepper-step-divider-before-display);
|
|
2340
|
+
}
|
|
2341
|
+
|
|
2342
|
+
&.sds-stepper-step__divider--after {
|
|
2343
|
+
grid-column: var(--_sds-stepper-step-divider-after-grid-column);
|
|
2344
|
+
visibility: var(--_sds-stepper-step-divider-after-visibility);
|
|
2345
|
+
display: var(--_sds-stepper-step-divider-after-display);
|
|
2346
|
+
}
|
|
2347
|
+
}
|
|
2348
|
+
|
|
2349
|
+
.sds-stepper-step__step,
|
|
2350
|
+
.sds-stepper-step__step--static {
|
|
2351
|
+
display: grid;
|
|
2352
|
+
width: 100%;
|
|
2353
|
+
|
|
2354
|
+
grid-area: var(--_sds-stepper-step-step-grid-area);
|
|
2355
|
+
grid-template-rows: var(--_sds-stepper-step-step-grid-template-rows);
|
|
2356
|
+
grid-template-columns: var(--_sds-stepper-step-step-grid-template-columns);
|
|
2357
|
+
place-items: center;
|
|
2358
|
+
|
|
2359
|
+
gap: var(--_sds-stepper-step-step-gap);
|
|
2360
|
+
padding: 0;
|
|
2361
|
+
margin: var(--_sds-stepper-step-step-margin);
|
|
2362
|
+
|
|
2363
|
+
border: 0;
|
|
2364
|
+
background: none;
|
|
2365
|
+
border-radius: var(--_sds-stepper-step-radius);
|
|
2366
|
+
}
|
|
2367
|
+
|
|
2368
|
+
.sds-stepper-step__step {
|
|
2369
|
+
cursor: pointer;
|
|
2370
|
+
|
|
2371
|
+
&:focus-visible {
|
|
2372
|
+
box-shadow: 0 0 0 var(--sds-color-states-focus-spacing) var(--_sds-stepper-step-focus-inner-color);
|
|
2373
|
+
outline: 3px solid var(--_sds-stepper-step-focus-color);
|
|
2374
|
+
outline-offset: 3px;
|
|
2375
|
+
isolation: isolate;
|
|
2376
|
+
}
|
|
2377
|
+
}
|
|
2378
|
+
|
|
2379
|
+
.sds-stepper-step__label {
|
|
2380
|
+
grid-column: content;
|
|
2381
|
+
grid-area: var(--_sds-stepper-step-label-grid-area);
|
|
2382
|
+
min-width: fit-content;
|
|
2383
|
+
max-width: var(--_sds-stepper-step-label-max-width);
|
|
2384
|
+
text-align: left;
|
|
2385
|
+
|
|
2386
|
+
color: var(--_sds-stepper-step-label-text-color);
|
|
2387
|
+
font-family: var(--sds-typography-font-family);
|
|
2388
|
+
font-size: var(--sds-typography-body-lg-strong-tall-desktop-font-size);
|
|
2389
|
+
font-weight: var(--sds-typography-body-lg-strong-tall-desktop-font-weight);
|
|
2390
|
+
line-height: var(--sds-typography-body-lg-strong-tall-desktop-line-height);
|
|
2391
|
+
|
|
2392
|
+
text-decoration: var(--_sds-stepper-step-label-text-decoration);
|
|
2393
|
+
text-decoration-thickness: var(--_sds-stepper-step-label-text-decoration-thickness);
|
|
2394
|
+
text-underline-offset: var(--_sds-stepper-step-label-text-underline-offset);
|
|
2395
|
+
}
|
|
2396
|
+
|
|
2397
|
+
.sds-stepper-step__counter {
|
|
2398
|
+
display: flex;
|
|
2399
|
+
justify-content: center;
|
|
2400
|
+
align-items: center;
|
|
2401
|
+
|
|
2402
|
+
grid-area: var(--_sds-stepper-step-counter-grid-area);
|
|
2403
|
+
|
|
2404
|
+
width: var(--_sds-stepper-step-circle-size);
|
|
2405
|
+
height: var(--_sds-stepper-step-circle-size);
|
|
2406
|
+
|
|
2407
|
+
border-radius: 50%;
|
|
2408
|
+
border: var(--_sds-stepper-step-border-width) solid var(--_sds-stepper-step-counter-border-color);
|
|
2409
|
+
background-color: var(--_sds-stepper-step-counter-background-color);
|
|
2410
|
+
|
|
2411
|
+
counter-increment: stepper;
|
|
2412
|
+
|
|
2413
|
+
color: var(--_sds-stepper-step-counter-text-color);
|
|
2414
|
+
font-size: var(--sds-typography-body-md-strong-desktop-font-size);
|
|
2415
|
+
font-weight: var(--sds-typography-body-md-strong-desktop-font-weight);
|
|
2416
|
+
line-height: var(--sds-typography-body-md-strong-desktop-line-height);
|
|
2417
|
+
|
|
2418
|
+
&::before {
|
|
2419
|
+
content: var(--_sds-stepper-step-counter-content);
|
|
2420
|
+
|
|
2421
|
+
display: flex;
|
|
2422
|
+
justify-content: center;
|
|
2423
|
+
align-items: center;
|
|
2424
|
+
|
|
2425
|
+
width: 100%;
|
|
2426
|
+
height: 100%;
|
|
2427
|
+
|
|
2428
|
+
border-radius: 50%;
|
|
2429
|
+
background-color: var(--_sds-stepper-step-counter-mask-background-color);
|
|
2430
|
+
mask: var(--_sds-stepper-step-counter-mask);
|
|
2431
|
+
}
|
|
2432
|
+
}
|
|
2433
|
+
|
|
2434
|
+
:host([complete]) {
|
|
2435
|
+
--_sds-stepper-step-counter-background-color: var(--sds-stepper-step-counter-background-color, var(--sds-color-action-contrast-subtle, var(--sds-color-main-action-contrast-subtle)));
|
|
2436
|
+
--_sds-stepper-step-counter-border-color: var(--sds-stepper-step-counter-border-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));
|
|
2437
|
+
--_sds-stepper-step-counter-text-color: var(--sds-stepper-step-counter-text-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));
|
|
2438
|
+
--_sds-stepper-step-counter-content: var(--sds-stepper-step-counter-content, '');
|
|
2439
|
+
--_sds-stepper-step-counter-mask-background-color: var(--sds-stepper-step-counter-mask-background-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));
|
|
2440
|
+
--_sds-stepper-step-counter-mask: var(
|
|
2441
|
+
--sds-stepper-step-counter-mask,
|
|
2442
|
+
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M378-232.43 140.43-470l57.14-57.13L378-346.7l383.43-383.43L818.57-673z'/%3E%3C/svg%3E")
|
|
2443
|
+
no-repeat center / 24px 24px
|
|
2444
|
+
);
|
|
2445
|
+
}
|
|
2446
|
+
|
|
2447
|
+
:host([active]) {
|
|
2448
|
+
--_sds-stepper-step-counter-background-color: var(--sds-stepper-step-counter-background-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));
|
|
2449
|
+
--_sds-stepper-step-counter-border-color: var(--sds-stepper-step-counter-border-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));
|
|
2450
|
+
--_sds-stepper-step-counter-text-color: var(--sds-stepper-step-counter-text-color, var(--sds-color-main-action-contrast-default));
|
|
2451
|
+
--_sds-stepper-step-label-text-decoration: var(--sds-stepper-step-label-text-decoration, none);
|
|
2452
|
+
--_sds-stepper-step-label-text-color: var(--sds-stepper-step-label-text-color, var(--sds-color-text-default, var(--sds-color-main-text-default)));
|
|
2453
|
+
|
|
2454
|
+
pointer-events: none;
|
|
2455
|
+
}
|
|
2456
|
+
|
|
2457
|
+
:host(:not([active])) .sds-stepper-step__step:hover {
|
|
2458
|
+
--_sds-stepper-step-label-text-color: var(--sds-stepper-step-label-text-color, var(--sds-color-action-hover, var(--sds-color-main-action-hover)));
|
|
2459
|
+
--_sds-stepper-step-label-text-decoration: var(--sds-stepper-step-label-text-decoration, var(--sds-typography-link-text-decoration));
|
|
2460
|
+
--_sds-stepper-step-label-text-decoration-thickness: var(--sds-stepper-step-label-text-decoration-thickness, calc(var(--sds-typography-link-text-decoration-thickness) + 1px));
|
|
2461
|
+
--_sds-stepper-step-counter-background-color: var(--sds-stepper-step-counter-background-color, var(--sds-color-action-contrast-subtle, var(--sds-color-main-action-contrast-subtle)));
|
|
2462
|
+
--_sds-stepper-step-counter-border-color: var(--sds-stepper-step-counter-border-color, var(--sds-color-action-hover, var(--sds-color-main-action-hover)));
|
|
2463
|
+
--_sds-stepper-step-counter-text-color: var(--sds-stepper-step-counter-text-color, var(--sds-color-action-hover, var(--sds-color-main-action-hover)));
|
|
2464
|
+
}
|
|
2465
|
+
|
|
2466
|
+
:host(:not([active])[complete]) .sds-stepper-step__step:hover {
|
|
2467
|
+
--_sds-stepper-step-counter-mask-background-color: var(--sds-stepper-step-counter-mask-background-color, var(--sds-color-action-hover, var(--sds-color-main-action-hover)));
|
|
2468
|
+
--_sds-stepper-step-counter-mask: var(
|
|
2469
|
+
--sds-stepper-step-counter-mask,
|
|
2470
|
+
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M378-232.43 140.43-470l57.14-57.13L378-346.7l383.43-383.43L818.57-673z'/%3E%3C/svg%3E")
|
|
2471
|
+
no-repeat center / 24px 24px
|
|
2472
|
+
);
|
|
2473
|
+
}
|
|
2474
|
+
|
|
2475
|
+
:host(:not([active])) .sds-stepper-step__step:active {
|
|
2476
|
+
--_sds-stepper-step-label-text-color: var(--sds-stepper-step-label-text-color, var(--sds-color-action-active, var(--sds-color-main-action-active)));
|
|
2477
|
+
--_sds-stepper-step-counter-border-color: var(--sds-stepper-step-counter-border-color, var(--sds-color-action-active, var(--sds-color-main-action-active)));
|
|
2478
|
+
--_sds-stepper-step-counter-text-color: var(--sds-stepper-step-counter-text-color, var(--sds-color-action-active, var(--sds-color-main-action-active)));
|
|
2479
|
+
}
|
|
2480
|
+
|
|
2481
|
+
:host(:not([active])[complete]) .sds-stepper-step__step:active {
|
|
2482
|
+
--_sds-stepper-step-counter-mask-background-color: var(--sds-stepper-step-counter-mask-background-color, var(--sds-color-action-active, var(--sds-color-main-action-active)));
|
|
2483
|
+
--_sds-stepper-step-counter-mask: var(
|
|
2484
|
+
--sds-stepper-step-counter-mask,
|
|
2485
|
+
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M378-232.43 140.43-470l57.14-57.13L378-346.7l383.43-383.43L818.57-673z'/%3E%3C/svg%3E")
|
|
2486
|
+
no-repeat center / 24px 24px
|
|
2487
|
+
);
|
|
2488
|
+
}
|
|
2489
|
+
|
|
2490
|
+
:host([active][complete]) {
|
|
2491
|
+
--_sds-stepper-step-counter-mask-background-color: var(--sds-stepper-step-counter-background-color, var(--sds-color-action-contrast-default, var(--sds-color-main-action-contrast-default)));
|
|
2492
|
+
}
|
|
2493
|
+
|
|
2494
|
+
:host(:not([active]):not([interactive])) {
|
|
2495
|
+
--_sds-stepper-step-label-text-color: var(--sds-stepper-step-label-text-color, var(--sds-color-neutral-text-default));
|
|
2496
|
+
--_sds-stepper-step-label-text-decoration: var(--sds-stepper-step-label-text-decoration, none);
|
|
2497
|
+
--_sds-stepper-step-counter-background-color: var(--sds-stepper-step-counter-background-color, transparent);
|
|
2498
|
+
--_sds-stepper-step-counter-border-color: var(--sds-stepper-step-counter-border-color, var(--sds-color-neutral-border-strong));
|
|
2499
|
+
--_sds-stepper-step-counter-text-color: var(--sds-stepper-step-counter-text-color, var(--sds-color-neutral-text-default));
|
|
2500
|
+
}
|
|
2501
|
+
`;var _e=Object.defineProperty,me=Object.getOwnPropertyDescriptor,xe=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?me(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&&_e(s,e,a),a};let ye=class extends(fe(ut)){constructor(){super(),this.complete=!1,this.interactive=!1,this.active=!1,this._handleClick=t=>{t.preventDefault(),t.stopImmediatePropagation(),this.dispatchSheriffEvent("_sds-step-clicked")},this._renderNonInteractiveStep=()=>Q`<div class="sds-stepper-step__step--static">
|
|
2502
|
+
<span class="sds-stepper-step__counter"></span>
|
|
2503
|
+
<div class="sds-stepper-step__label"><slot></slot></div>
|
|
2504
|
+
</div>`,this._renderInteractiveStep=()=>Q`<button type="button" role="tab" aria-selected="${this.active?"true":"false"}" id="button" class="sds-stepper-step__step" @click="${this._handleClick}">
|
|
2505
|
+
<span class="sds-stepper-step__counter"></span>
|
|
2506
|
+
<div class="sds-stepper-step__label"><slot></slot></div>
|
|
2507
|
+
</button>`,this.internals=this.attachInternals()}render(){return this.interactive?Q`<div class="sds-stepper-step">
|
|
2508
|
+
<span class="sds-stepper-step__divider sds-stepper-step__divider--before"></span>
|
|
2509
|
+
${this._renderInteractiveStep()}
|
|
2510
|
+
<span class="sds-stepper-step__divider sds-stepper-step__divider--after"></span>
|
|
2511
|
+
</div>`:Q`<div class="sds-stepper-step" role="tab" aria-disabled="true" tabindex="-1" aria-selected="false">
|
|
2512
|
+
<span class="sds-stepper-step__divider sds-stepper-step__divider--before"></span>
|
|
2513
|
+
${this._renderNonInteractiveStep()}
|
|
2514
|
+
<span class="sds-stepper-step__divider sds-stepper-step__divider--after"></span>
|
|
2515
|
+
</div>`}};ye.styles=[be],ye.shadowRootOptions={...ut.shadowRootOptions,delegatesFocus:!0},xe([$({type:Boolean,reflect:!0})],ye.prototype,"complete",2),xe([$({type:Boolean,reflect:!0})],ye.prototype,"interactive",2),xe([$({type:Boolean,reflect:!0})],ye.prototype,"active",2),ye=xe([A("sds-stepper-step")],ye);const we=i`
|
|
2516
|
+
:host {
|
|
2517
|
+
display: flex;
|
|
2518
|
+
flex-direction: row;
|
|
2519
|
+
counter-reset: stepper;
|
|
2520
|
+
align-items: flex-start;
|
|
2521
|
+
text-align: center;
|
|
2522
|
+
|
|
2523
|
+
--sds-stepper-circle-size: 32px;
|
|
2524
|
+
}
|
|
2525
|
+
|
|
2526
|
+
:host([orientation='vertical']) {
|
|
2527
|
+
flex-direction: column;
|
|
2528
|
+
|
|
2529
|
+
--sds-stepper-step-grid-template-rows: [line-1] auto [step-start] var(--sds-stepper-circle-size) [line-2 step-end] auto;
|
|
2530
|
+
--sds-stepper-step-grid-template-columns: var(--sds-stepper-circle-size) auto;
|
|
2531
|
+
|
|
2532
|
+
--sds-stepper-step-step-grid-area: 2/1/-1/-1;
|
|
2533
|
+
--sds-stepper-step-step-grid-template-columns: [circle] var(--sds-stepper-circle-size) [content] auto;
|
|
2534
|
+
--sds-stepper-step-step-margin: 0 0 var(--sds-stepper-circle-size) 0;
|
|
2535
|
+
|
|
2536
|
+
--sds-stepper-step-counter-grid-area: circle / 1;
|
|
2537
|
+
--sds-stepper-step-label-grid-area: auto;
|
|
2538
|
+
|
|
2539
|
+
--sds-stepper-step-divider-before-visibility: hidden;
|
|
2540
|
+
--sds-stepper-step-divider-width: 1px;
|
|
2541
|
+
--sds-stepper-step-divider-height: 100%;
|
|
2542
|
+
--sds-stepper-step-divider-min-height: 1rem;
|
|
2543
|
+
--sds-stepper-step-divider-grid-row: line-2;
|
|
2544
|
+
--sds-stepper-step-divider-after-grid-column: 1;
|
|
2545
|
+
--sds-stepper-step-divider-before-display: none;
|
|
2546
|
+
|
|
2547
|
+
--sds-stepper-step-step-gap: 0 var(--sds-spacing-3xs);
|
|
2548
|
+
}
|
|
2549
|
+
`;var ke=Object.defineProperty,ze=Object.getOwnPropertyDescriptor,$e=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?ze(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&&ke(s,e,a),a};let Se=class extends(fe(ut)){constructor(){super(),this.orientation="horizontal",this._setActiveStep=(t,s)=>{t.forEach((t,e)=>{t.active=e===s})},this._handleChildClick=t=>{t.preventDefault(),t.stopImmediatePropagation();const s=t.composedPath().find(t=>t instanceof ye);if(!s)return;const e=this.steps.indexOf(s);-1!==e&&(this._setActiveStep(this.steps,e),this.dispatchSheriffEvent("change",{index:e}))},this.role="tablist",this.internals=this.attachInternals()}getActiveStep(){return this.steps.findIndex(t=>t.active)}connectedCallback(){super.connectedCallback(),this.hasAttribute("aria-label")||(this.ariaLabel="Steg")}goToStep(t){t<0||t>=this.steps.length||(this._setActiveStep(this.steps,t),this.dispatchSheriffEvent("change",{index:t}))}_applyStepNumbers(){this.steps.forEach((t,s)=>{t.style.setProperty("--sds-stepper-step-counter-content",`"${s+1}"`)})}firstUpdated(){const t=navigator.userAgent;if(/safari/i.test(t)&&!/chrome/i.test(t)&&!/crios/i.test(t)&&!/edgios/i.test(t)&&!/fxios/i.test(t)){this.shadowRoot.querySelector("slot").addEventListener("slotchange",()=>this._applyStepNumbers()),this._applyStepNumbers()}}render(){return Q`<slot @_sds-step-clicked="${this._handleChildClick}"></slot>`}};Se.styles=[we],$e([$({type:String,reflect:!0})],Se.prototype,"orientation",2),$e([O({selector:"sds-stepper-step",flatten:!0})],Se.prototype,"steps",2),Se=$e([A("sds-stepper")],Se);const Ce=i`
|
|
2243
2550
|
:host {
|
|
2244
2551
|
--_sds-switch-background-color: var(--sds-switch-background-color, var(--sds-color-surface-default, var(--sds-color-neutral-surface-default)));
|
|
2245
2552
|
--_sds-switch-text-color: var(--sds-switch-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
|
|
@@ -2389,7 +2696,7 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
2389
2696
|
.sds-switch__input:checked::before {
|
|
2390
2697
|
--_sds-switch-button-position: calc(var(--_sds-switch-width) - var(--_sds-switch-button-size) - var(--_sds-switch-button-gap) - var(--_sds-switch-border-width));
|
|
2391
2698
|
}
|
|
2392
|
-
`;var
|
|
2699
|
+
`;var Ee=Object.defineProperty,Oe=Object.getOwnPropertyDescriptor,Ae=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?Oe(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&&Ee(s,e,a),a};let qe=class extends ut{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()}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=Q`<input
|
|
2393
2700
|
class="sds-switch__input"
|
|
2394
2701
|
id="control"
|
|
2395
2702
|
type="checkbox"
|
|
@@ -2398,11 +2705,11 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
2398
2705
|
?disabled="${this.disabled}"
|
|
2399
2706
|
.checked="${this.checked}"
|
|
2400
2707
|
?checked="${this.checked}"
|
|
2401
|
-
name="${
|
|
2708
|
+
name="${Et(this.name)}"
|
|
2402
2709
|
@change="${this._handleChange}"
|
|
2403
2710
|
@focus="${this._handleFocus}"
|
|
2404
2711
|
@blur="${this._handleBlur}"
|
|
2405
|
-
/>`,e=this.readOnly?
|
|
2712
|
+
/>`,e=this.readOnly?Q`<sds-icon name="lock-material-filled" size="${this.getIconSize()}"></sds-icon>`:J,o=Q`<label class="${Gt(t)}" for="control">${e}${this.label}</label>`;return Q`<div class="${Gt({"sds-switch":!0})}">${this.reverse?[o,s]:[s,o]}</div>`}};qe.styles=[Ce],qe.formAssociated=!0,qe.shadowRootOptions={...ut.shadowRootOptions,delegatesFocus:!0},Ae([$({type:Boolean,reflect:!0})],qe.prototype,"disabled",2),Ae([$({type:String,reflect:!0})],qe.prototype,"label",2),Ae([$({type:Boolean,reflect:!0,attribute:"hide-label"})],qe.prototype,"hideLabel",2),Ae([$({type:String,reflect:!0})],qe.prototype,"name",2),Ae([$({type:Boolean,reflect:!0})],qe.prototype,"reverse",2),Ae([$({type:Boolean,reflect:!0})],qe.prototype,"checked",2),Ae([$({type:Boolean,attribute:"readonly",reflect:!0})],qe.prototype,"readOnly",2),Ae([$({type:String,reflect:!0})],qe.prototype,"size",2),Ae([E("#control")],qe.prototype,"control",2),qe=Ae([A("sds-switch")],qe);const Pe=i`
|
|
2406
2713
|
:host {
|
|
2407
2714
|
--_sds-tag-background-color: var(--sds-tag-background-color, var(--sds-color-surface-tinted, var(--sds-color-neutral-surface-tinted)));
|
|
2408
2715
|
--_sds-tag-text-color: var(--sds-tag-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
|
|
@@ -2463,9 +2770,9 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
2463
2770
|
--_sds-tag-font-size: var(--sds-tag-font-size, var(--sds-components-font-size-content-lg));
|
|
2464
2771
|
--_sds-tag-line-height: var(--sds-tag-line-height, var(--sds-components-line-height-squeezed-lg));
|
|
2465
2772
|
}
|
|
2466
|
-
`;var
|
|
2773
|
+
`;var De=Object.defineProperty,Le=Object.getOwnPropertyDescriptor,Ve=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?Le(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&&De(s,e,a),a};let Re=class extends ut{constructor(){super(...arguments),this.size="md"}render(){return Q`<span class="${Gt({"sds-tag":!0})}">
|
|
2467
2774
|
<slot></slot>
|
|
2468
|
-
</span>`}}
|
|
2775
|
+
</span>`}};Re.styles=[Pe],Ve([$({type:String,reflect:!0})],Re.prototype,"size",2),Re=Ve([A("sds-tag")],Re);const Me=i`
|
|
2469
2776
|
:host {
|
|
2470
2777
|
--_sds-text-font-family: var(--sds-text-font-family, var(--sds-typography-font-family-roboto));
|
|
2471
2778
|
--_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-body-md-mobile-font-size));
|
|
@@ -2740,7 +3047,7 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
2740
3047
|
--_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-body-xl-desktop-line-height));
|
|
2741
3048
|
}
|
|
2742
3049
|
}
|
|
2743
|
-
`;var
|
|
3050
|
+
`;var Be=Object.defineProperty,Te=(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&&Be(s,e,a),a};const Ie=class extends ut{constructor(){super(...arguments),this.size="md",this.strong=!1,this.tall=!1}render(){return Q`<p><slot></slot></p>`}};Ie.styles=[Me];let je=Ie;Te([$({type:String,reflect:!0})],je.prototype,"size"),Te([$({type:Boolean,reflect:!0})],je.prototype,"strong"),Te([$({type:Boolean,reflect:!0})],je.prototype,"tall");var Ne=Object.getOwnPropertyDescriptor;let Fe=class extends je{};Fe=((t,s,e,o)=>{for(var r,a=o>1?void 0:o?Ne(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([A("sds-text")],Fe);const Ue=i`
|
|
2744
3051
|
:host {
|
|
2745
3052
|
--_sds-textfield-background-color: var(--sds-textfield-background-color, var(--sds-color-background-default, var(--sds-color-neutral-background-default)));
|
|
2746
3053
|
--_sds-textfield-text-color: var(--sds-textfield-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
|
|
@@ -2907,26 +3214,26 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
2907
3214
|
--sds-icon-size: var(--sds-textfield-icon-size, var(--sds-components-icon-lg));
|
|
2908
3215
|
}
|
|
2909
3216
|
}
|
|
2910
|
-
`;var
|
|
2911
|
-
<div class="${
|
|
2912
|
-
${this.label?
|
|
2913
|
-
${this.helpText?
|
|
3217
|
+
`;var He=Object.defineProperty,We=Object.getOwnPropertyDescriptor,Ge=(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&&He(s,e,a),a};let Ke=class extends ut{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()}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 Q`
|
|
3218
|
+
<div class="${Gt(t)}">
|
|
3219
|
+
${this.label?Q`<label for="sds-textfield" class="sds-textfield__label">${this.readOnly?Q`<sds-icon name="lock-material-filled" size="m"></sds-icon>`:J}</sds-icon>${this.label}</label>`:J}
|
|
3220
|
+
${this.helpText?Q`<p class="sds-textfield__help-text">${this.helpText}</p>`:J}
|
|
2914
3221
|
<div class="sds-textfield__input-container">
|
|
2915
3222
|
<input
|
|
2916
3223
|
part="input"
|
|
2917
3224
|
class="sds-textfield__input"
|
|
2918
|
-
type="${
|
|
3225
|
+
type="${Et(this.type)}"
|
|
2919
3226
|
id="sds-textfield"
|
|
2920
3227
|
?disabled="${this.disabled}"
|
|
2921
3228
|
?readonly="${this.readOnly}"
|
|
2922
|
-
placeholder="${
|
|
3229
|
+
placeholder="${Et(this.placeholder)}"
|
|
2923
3230
|
.value="${this.value??""}"
|
|
2924
|
-
name="${
|
|
2925
|
-
autocomplete="${
|
|
3231
|
+
name="${Et(this.name)}"
|
|
3232
|
+
autocomplete="${Et(this.autocomplete)}"
|
|
2926
3233
|
?required="${this.required}"
|
|
2927
|
-
pattern="${
|
|
2928
|
-
minlength="${
|
|
2929
|
-
maxlength="${
|
|
3234
|
+
pattern="${Et(this.pattern)}"
|
|
3235
|
+
minlength="${Et(this.minlength)}"
|
|
3236
|
+
maxlength="${Et(this.maxlength)}"
|
|
2930
3237
|
@input="${this._handleInputChange}"
|
|
2931
3238
|
@change="${this._handleInputChange}"
|
|
2932
3239
|
@select="${this._handleSelect}"
|
|
@@ -2936,9 +3243,9 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
2936
3243
|
/>
|
|
2937
3244
|
<slot name="after" @slotchange="${this.handleSlotChange}" aria-hidden="true"></slot>
|
|
2938
3245
|
</div>
|
|
2939
|
-
${this.errorMessage?
|
|
3246
|
+
${this.errorMessage?Q`<sds-alert variant="secondary" data-palette="danger"><p slot="message">${this.errorMessage}</p></sds-alert>`:J}
|
|
2940
3247
|
</div>
|
|
2941
|
-
`}};
|
|
3248
|
+
`}};Ke.styles=[Ue],Ke.formAssociated=!0,Ke.shadowRootOptions={...ut.shadowRootOptions,delegatesFocus:!0},Ge([$({type:String,reflect:!0})],Ke.prototype,"type",2),Ge([$({type:String})],Ke.prototype,"value",2),Ge([$({type:String,reflect:!0})],Ke.prototype,"name",2),Ge([$({type:String,reflect:!0})],Ke.prototype,"label",2),Ge([$({type:String,reflect:!0})],Ke.prototype,"placeholder",2),Ge([$({type:String,attribute:"help-text",reflect:!0})],Ke.prototype,"helpText",2),Ge([$({type:String,attribute:"error-message",reflect:!0})],Ke.prototype,"errorMessage",2),Ge([$({type:Boolean,reflect:!0})],Ke.prototype,"disabled",2),Ge([$({type:Boolean,attribute:"readonly",reflect:!0})],Ke.prototype,"readOnly",2),Ge([$({type:String,reflect:!0})],Ke.prototype,"autocomplete",2),Ge([$({type:Boolean,reflect:!0})],Ke.prototype,"required",2),Ge([$({type:String,reflect:!0})],Ke.prototype,"pattern",2),Ge([$({type:Number,reflect:!0})],Ke.prototype,"minlength",2),Ge([$({type:Number,reflect:!0})],Ke.prototype,"maxlength",2),Ge([$({type:String,reflect:!0})],Ke.prototype,"size",2),Ge([S()],Ke.prototype,"hasIcon",2),Ge([E("#sds-textfield")],Ke.prototype,"control",2),Ke=Ge([A("sds-textfield")],Ke);const Ye=i`
|
|
2942
3249
|
:host {
|
|
2943
3250
|
--_sds-textarea-background-color: var(--sds-textarea-background-color, var(--sds-color-background-default, var(--sds-color-neutral-background-default)));
|
|
2944
3251
|
--_sds-textarea-text-color: var(--sds-textarea-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
|
|
@@ -3122,30 +3429,30 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
3122
3429
|
--_sds-textarea-counter-font-size: var(--sds-textarea-counter-font-size, var(--sds-components-font-size-content-lg));
|
|
3123
3430
|
--_sds-textarea-counter-line-height: var(--sds-textarea-counter-line-height, var(--sds-components-line-height-squeezed-lg));
|
|
3124
3431
|
}
|
|
3125
|
-
`;var
|
|
3432
|
+
`;var Ze=Object.defineProperty,Qe=Object.getOwnPropertyDescriptor,Xe=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?Qe(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&&Ze(s,e,a),a};let Je=class extends ut{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()}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 J;const t=this.value?.length||0;return this.hasTypedTooManyCharacters()?Q`<sds-alert variant="secondary" data-palette="danger"
|
|
3126
3433
|
><p class="sds-textarea__character-counter" slot="message">Du har ${t-this.counter} tegn for mye</p></sds-alert
|
|
3127
|
-
>`:
|
|
3128
|
-
<div class="${
|
|
3129
|
-
${this.label||this.helpText?
|
|
3130
|
-
${this.label?
|
|
3131
|
-
${this.helpText?
|
|
3132
|
-
</div>`:
|
|
3434
|
+
>`:Q`<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 Q`
|
|
3435
|
+
<div class="${Gt(t)}">
|
|
3436
|
+
${this.label||this.helpText?Q`<div>
|
|
3437
|
+
${this.label?Q`<label for="sds-textarea" class="sds-textarea__label">${this.label}</label>`:J}
|
|
3438
|
+
${this.helpText?Q`<p class="sds-textarea__help-text">${this.helpText}</p>`:J}
|
|
3439
|
+
</div>`:J}
|
|
3133
3440
|
<div class="sds-textarea__input-container">
|
|
3134
3441
|
<textarea
|
|
3135
3442
|
class="sds-textarea__input"
|
|
3136
3443
|
id="sds-textarea"
|
|
3137
3444
|
?disabled="${this.disabled}"
|
|
3138
3445
|
?readonly="${this.readOnly}"
|
|
3139
|
-
placeholder="${
|
|
3446
|
+
placeholder="${Et(this.placeholder)}"
|
|
3140
3447
|
.value="${this.value??""}"
|
|
3141
3448
|
.autocomplete="${this.autocomplete}"
|
|
3142
|
-
name="${
|
|
3449
|
+
name="${Et(this.name)}"
|
|
3143
3450
|
?required="${this.required}"
|
|
3144
|
-
rows="${
|
|
3145
|
-
cols="${
|
|
3146
|
-
wrap="${
|
|
3147
|
-
minlength="${
|
|
3148
|
-
maxlength="${
|
|
3451
|
+
rows="${Et(this.rows)}"
|
|
3452
|
+
cols="${Et(this.cols)}"
|
|
3453
|
+
wrap="${Et(this.wrap)}"
|
|
3454
|
+
minlength="${Et(this.minlength)}"
|
|
3455
|
+
maxlength="${Et(this.maxlength)}"
|
|
3149
3456
|
@input="${this._handleInputChange}"
|
|
3150
3457
|
@change="${this._handleInputChange}"
|
|
3151
3458
|
@select="${this._handleSelect}"
|
|
@@ -3153,6 +3460,6 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
3153
3460
|
@blur="${this._handleBlur}"
|
|
3154
3461
|
></textarea>
|
|
3155
3462
|
</div>
|
|
3156
|
-
${this.errorMessage?
|
|
3463
|
+
${this.errorMessage?Q`<sds-alert variant="secondary" data-palette="danger"><p slot="message">${this.errorMessage}</p></sds-alert>`:J} ${this.renderCharacterCounter()}
|
|
3157
3464
|
</div>
|
|
3158
|
-
`}};
|
|
3465
|
+
`}};Je.styles=[Ye],Je.formAssociated=!0,Je.shadowRootOptions={...ut.shadowRootOptions,delegatesFocus:!0},Xe([$({type:String})],Je.prototype,"value",2),Xe([$({type:String,reflect:!0})],Je.prototype,"name",2),Xe([$({type:String,reflect:!0})],Je.prototype,"label",2),Xe([$({type:String,reflect:!0})],Je.prototype,"placeholder",2),Xe([$({type:String,attribute:"help-text",reflect:!0})],Je.prototype,"helpText",2),Xe([$({type:String,attribute:"error-message",reflect:!0})],Je.prototype,"errorMessage",2),Xe([$({type:Boolean,reflect:!0})],Je.prototype,"disabled",2),Xe([$({type:Boolean,attribute:"readonly",reflect:!0})],Je.prototype,"readOnly",2),Xe([$({type:String,reflect:!0})],Je.prototype,"autocomplete",2),Xe([$({type:Boolean,reflect:!0})],Je.prototype,"required",2),Xe([$({type:Number,reflect:!0})],Je.prototype,"rows",2),Xe([$({type:Number,reflect:!0})],Je.prototype,"cols",2),Xe([$({type:String,reflect:!0})],Je.prototype,"wrap",2),Xe([$({type:Number,reflect:!0})],Je.prototype,"minlength",2),Xe([$({type:Number,reflect:!0})],Je.prototype,"maxlength",2),Xe([$({type:Number,reflect:!0})],Je.prototype,"counter",2),Xe([$({type:String,reflect:!0})],Je.prototype,"size",2),Xe([E("#sds-textarea")],Je.prototype,"control",2),Je=Xe([A("sds-textarea")],Je);export{es as SDSAlert,ts as SDSButton,ns as SDSCard,gs as SDSCheckbox,ms as SDSCheckboxGroup,zs as SDSChip,Os as SDSDetails,Ls as SDSDialog,js as SDSHeading,Wt as SDSIcon,Ws as SDSLoader,Js as SDSNotification,re as SDSRadio,ce as SDSRadioGroup,ue as SDSSelect,Se as SDSStepper,ye as SDSStepperStep,qe as SDSSwitch,Re as SDSTag,Fe as SDSText,Je as SDSTextArea,Ke as SDSTextField};
|