@politiet/sheriff-web-components 2.2.0 → 2.4.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 +4889 -0
- 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/react-wrappers/SDSDialogWrapper.d.ts +6 -0
- package/dist/react-wrappers/SDSDialogWrapper.d.ts.map +1 -0
- package/dist/react-wrappers/SDSDialogWrapper.js +12 -0
- package/dist/react-wrappers/SDSDialogWrapper.js.map +1 -0
- package/dist/react-wrappers/SDSSelectWrapper.d.ts +8 -0
- package/dist/react-wrappers/SDSSelectWrapper.d.ts.map +1 -0
- package/dist/react-wrappers/SDSSelectWrapper.js +14 -0
- package/dist/react-wrappers/SDSSelectWrapper.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-alert/sds-alert.component.d.ts +3 -2
- package/dist/sds-alert/sds-alert.component.d.ts.map +1 -1
- package/dist/sds-alert/sds-alert.component.js.map +1 -1
- package/dist/sds-alert/sds-alert.styles.d.ts.map +1 -1
- package/dist/sds-alert/sds-alert.styles.js +9 -5
- package/dist/sds-alert/sds-alert.styles.js.map +1 -1
- package/dist/sds-button/sds-button.component.d.ts +1 -0
- package/dist/sds-button/sds-button.component.d.ts.map +1 -1
- package/dist/sds-button/sds-button.component.js +4 -1
- package/dist/sds-button/sds-button.component.js.map +1 -1
- package/dist/sds-card/sds-card.d.ts +4 -0
- package/dist/sds-card/sds-card.d.ts.map +1 -1
- package/dist/sds-card/sds-card.js +18 -15
- package/dist/sds-card/sds-card.js.map +1 -1
- package/dist/sds-checkbox/sds-checkbox.d.ts +1 -0
- package/dist/sds-checkbox/sds-checkbox.d.ts.map +1 -1
- package/dist/sds-checkbox/sds-checkbox.js +4 -1
- package/dist/sds-checkbox/sds-checkbox.js.map +1 -1
- package/dist/sds-chip/sds-chip.d.ts +1 -0
- package/dist/sds-chip/sds-chip.d.ts.map +1 -1
- package/dist/sds-chip/sds-chip.js +4 -1
- package/dist/sds-chip/sds-chip.js.map +1 -1
- package/dist/sds-chip/sds-chip.styles.d.ts.map +1 -1
- package/dist/sds-chip/sds-chip.styles.js +2 -1
- package/dist/sds-chip/sds-chip.styles.js.map +1 -1
- package/dist/sds-dialog/sds-dialog.d.ts +61 -0
- package/dist/sds-dialog/sds-dialog.d.ts.map +1 -0
- package/dist/sds-dialog/sds-dialog.js +162 -0
- package/dist/sds-dialog/sds-dialog.js.map +1 -0
- package/dist/sds-dialog/sds-dialog.styles.d.ts +2 -0
- package/dist/sds-dialog/sds-dialog.styles.d.ts.map +1 -0
- package/dist/sds-dialog/sds-dialog.styles.js +115 -0
- package/dist/sds-dialog/sds-dialog.styles.js.map +1 -0
- package/dist/sds-radio/sds-radio.d.ts +1 -0
- package/dist/sds-radio/sds-radio.d.ts.map +1 -1
- package/dist/sds-radio/sds-radio.js +4 -1
- package/dist/sds-radio/sds-radio.js.map +1 -1
- package/dist/sds-select/sds-select.d.ts +72 -0
- package/dist/sds-select/sds-select.d.ts.map +1 -0
- package/dist/sds-select/sds-select.js +324 -0
- package/dist/sds-select/sds-select.js.map +1 -0
- package/dist/sds-select/sds-select.styles.d.ts +2 -0
- package/dist/sds-select/sds-select.styles.d.ts.map +1 -0
- package/dist/sds-select/sds-select.styles.js +179 -0
- package/dist/sds-select/sds-select.styles.js.map +1 -0
- package/dist/sds-switch/sds-switch.d.ts +1 -0
- package/dist/sds-switch/sds-switch.d.ts.map +1 -1
- package/dist/sds-switch/sds-switch.js +4 -1
- package/dist/sds-switch/sds-switch.js.map +1 -1
- package/dist/sds-textarea/sds-textarea.d.ts +1 -0
- package/dist/sds-textarea/sds-textarea.d.ts.map +1 -1
- package/dist/sds-textarea/sds-textarea.js +4 -1
- package/dist/sds-textarea/sds-textarea.js.map +1 -1
- package/dist/sds-textfield/sds-textfield.d.ts +1 -0
- package/dist/sds-textfield/sds-textfield.d.ts.map +1 -1
- package/dist/sds-textfield/sds-textfield.js +4 -1
- package/dist/sds-textfield/sds-textfield.js.map +1 -1
- package/dist/sds-textfield/sds-textfield.styles.js +1 -1
- package/dist/sds-textfield/sds-textfield.styles.js.map +1 -1
- package/dist/sheriff-web-components.js +443 -106
- package/dist/utils/slot-validator.js +2 -2
- package/dist/utils/slot-validator.js.map +1 -1
- package/package.json +30 -6
- package/web-types.json +5502 -0
|
@@ -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=Symbol(),r=/* @__PURE__ */new WeakMap;let a=class{constructor(t,s,e){if(this._$cssResult$=!0,e!==o)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=s}get styleSheet(){let t=this.o;const s=this.t;if(e&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=r.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&r.set(s,t))}return t}toString(){return this.cssText}};const i=(t,...s)=>{const e=1===t.length?t[0]:s.reduce(((s,e,o)=>s+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(e)+t[o+1]),t[0]);return new a(e,t,o)},d=e?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let s="";for(const e of t.cssRules)s+=e.cssText;return(t=>new a("string"==typeof t?t:t+"",void 0,o))(s)})(t):t,{is:n,defineProperty:l,getOwnPropertyDescriptor:c,getOwnPropertyNames:h,getOwnPropertySymbols:p,getPrototypeOf:g}=Object,v=globalThis,u=v.trustedTypes,f=u?u.emptyScript:"",b=v.reactiveElementPolyfillSupport,_=(t,s)=>t,x={toAttribute(t,s){switch(s){case Boolean:t=t?f:null;break;case Object:case Array:t=null==t?t:JSON.stringify(t)}return t},fromAttribute(t,s){let e=t;switch(s){case Boolean:e=null!==t;break;case Number:e=null===t?null:Number(t);break;case Object:case Array:try{e=JSON.parse(t)}catch(o){e=null}}return e}},m=(t,s)=>!n(t,s),y={attribute:!0,type:String,converter:x,reflect:!1,useDefault:!1,hasChanged:m};Symbol.metadata??=Symbol("metadata"),v.litPropertyMetadata??=/* @__PURE__ */new WeakMap;let w=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,s=y){if(s.state&&(s.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((s=Object.create(s)).wrapped=!0),this.elementProperties.set(t,s),!s.noAccessor){const e=Symbol(),o=this.getPropertyDescriptor(t,e,s);void 0!==o&&l(this.prototype,t,o)}}static getPropertyDescriptor(t,s,e){const{get:o,set:r}=c(this.prototype,t)??{get(){return this[s]},set(t){this[s]=t}};return{get:o,set(s){const a=o?.call(this);r?.call(this,s),this.requestUpdate(t,a,e)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??y}static _$Ei(){if(this.hasOwnProperty(_("elementProperties")))return;const t=g(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(_("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(_("properties"))){const t=this.properties,s=[...h(t),...p(t)];for(const e of s)this.createProperty(e,t[e])}const t=this[Symbol.metadata];if(null!==t){const s=litPropertyMetadata.get(t);if(void 0!==s)for(const[t,e]of s)this.elementProperties.set(t,e)}this._$Eh=/* @__PURE__ */new Map;for(const[s,e]of this.elementProperties){const t=this._$Eu(s,e);void 0!==t&&this._$Eh.set(t,s)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const s=[];if(Array.isArray(t)){const e=new Set(t.flat(1/0).reverse());for(const t of e)s.unshift(d(t))}else void 0!==t&&s.push(d(t));return s}static _$Eu(t,s){const e=s.attribute;return!1===e?void 0:"string"==typeof e?e:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=/* @__PURE__ */new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)))}addController(t){(this._$EO??=/* @__PURE__ */new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=/* @__PURE__ */new Map,s=this.constructor.elementProperties;for(const e of s.keys())this.hasOwnProperty(e)&&(t.set(e,this[e]),delete this[e]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((t,o)=>{if(e)t.adoptedStyleSheets=o.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const e of o){const o=document.createElement("style"),r=s.litNonce;void 0!==r&&o.setAttribute("nonce",r),o.textContent=e.cssText,t.appendChild(o)}})(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,s,e){this._$AK(t,e)}_$ET(t,s){const e=this.constructor.elementProperties.get(t),o=this.constructor._$Eu(t,e);if(void 0!==o&&!0===e.reflect){const r=(void 0!==e.converter?.toAttribute?e.converter:x).toAttribute(s,e.type);this._$Em=t,null==r?this.removeAttribute(o):this.setAttribute(o,r),this._$Em=null}}_$AK(t,s){const e=this.constructor,o=e._$Eh.get(t);if(void 0!==o&&this._$Em!==o){const t=e.getPropertyOptions(o),r="function"==typeof t.converter?{fromAttribute:t.converter}:void 0!==t.converter?.fromAttribute?t.converter:x;this._$Em=o,this[o]=r.fromAttribute(s,t.type)??this._$Ej?.get(o)??null,this._$Em=null}}requestUpdate(t,s,e){if(void 0!==t){const o=this.constructor,r=this[t];if(e??=o.getPropertyOptions(t),!((e.hasChanged??m)(r,s)||e.useDefault&&e.reflect&&r===this._$Ej?.get(t)&&!this.hasAttribute(o._$Eu(t,e))))return;this.C(t,s,e)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,s,{useDefault:e,reflect:o,wrapped:r},a){e&&!(this._$Ej??=/* @__PURE__ */new Map).has(t)&&(this._$Ej.set(t,a??s??this[t]),!0!==r||void 0!==a)||(this._$AL.has(t)||(this.hasUpdated||e||(s=void 0),this._$AL.set(t,s)),!0===o&&this._$Em!==t&&(this._$Eq??=/* @__PURE__ */new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(s){Promise.reject(s)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,s]of this._$Ep)this[t]=s;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[s,e]of t){const{wrapped:t}=e,o=this[s];!0!==t||this._$AL.has(s)||void 0===o||this.C(s,void 0,e,o)}}let t=!1;const s=this._$AL;try{t=this.shouldUpdate(s),t?(this.willUpdate(s),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(s)):this._$EM()}catch(e){throw t=!1,this._$EM(),e}t&&this._$AE(s)}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=/* @__PURE__ */new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach((t=>this._$ET(t,this[t]))),this._$EM()}updated(t){}firstUpdated(t){}};w.elementStyles=[],w.shadowRootOptions={mode:"open"},w[_("elementProperties")]=/* @__PURE__ */new Map,w[_("finalized")]=/* @__PURE__ */new Map,b?.({ReactiveElement:w}),(v.reactiveElementVersions??=[]).push("2.1.0");const k={attribute:!0,type:String,converter:x,reflect:!1,hasChanged:m},z=(t=k,s,e)=>{const{kind:o,metadata:r}=e;let a=globalThis.litPropertyMetadata.get(r);if(void 0===a&&globalThis.litPropertyMetadata.set(r,a=/* @__PURE__ */new Map),"setter"===o&&((t=Object.create(t)).wrapped=!0),a.set(e.name,t),"accessor"===o){const{name:o}=e;return{set(e){const r=s.get.call(this);s.set.call(this,e),this.requestUpdate(o,r,t)},init(s){return void 0!==s&&this.C(o,void 0,t,s),s}}}if("setter"===o){const{name:o}=e;return function(e){const r=this[o];s.call(this,e),this.requestUpdate(o,r,t)}}throw Error("Unsupported decorator location: "+o)};function $(t){return(s,e)=>"object"==typeof e?z(t,s,e):((t,s,e)=>{const o=s.hasOwnProperty(e);return s.constructor.createProperty(e,t),o?Object.getOwnPropertyDescriptor(s,e):void 0})(t,s,e)}function S(t){return $({...t,state:!0,attribute:!1})}function C(t,s){return(s,e,o)=>((t,s,e)=>(e.configurable=!0,e.enumerable=!0,Reflect.decorate&&"object"!=typeof s&&Object.defineProperty(t,s,e),e))(s,e,{get(){return s=this,s.renderRoot?.querySelector(t)??null;var s}})}function E(t){return s=>{var e;customElements.get(t)||(e=t,(t,s)=>{void 0!==s?s.addInitializer((()=>{customElements.define(e,t)})):customElements.define(e,t)})(s)}}const A=globalThis,q=A.trustedTypes,O=q?q.createPolicy("lit-html",{createHTML:t=>t}):void 0,P="$lit$",M=`lit$${Math.random().toFixed(9).slice(2)}$`,D="?"+M,V=`<${D}>`,R=document,T=()=>R.createComment(""),B=t=>null===t||"object"!=typeof t&&"function"!=typeof t,L=Array.isArray,I="[ \t\n\f\r]",j=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,N=/-->/g,U=/>/g,F=RegExp(`>|${I}(?:([^\\s"'>=/]+)(${I}*=${I}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),H=/'/g,G=/"/g,K=/^(?:script|style|textarea|title)$/i,W=(J=1,(t,...s)=>({_$litType$:J,strings:t,values:s})),Z=Symbol.for("lit-noChange"),Q=Symbol.for("lit-nothing"),X=/* @__PURE__ */new WeakMap,Y=R.createTreeWalker(R,129);var J;function tt(t,s){if(!L(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==O?O.createHTML(s):s}class st{constructor({strings:t,_$litType$:s},e){let o;this.parts=[];let r=0,a=0;const i=t.length-1,d=this.parts,[n,l]=((t,s)=>{const e=t.length-1,o=[];let r,a=2===s?"<svg>":3===s?"<math>":"",i=j;for(let d=0;d<e;d++){const s=t[d];let e,n,l=-1,c=0;for(;c<s.length&&(i.lastIndex=c,n=i.exec(s),null!==n);)c=i.lastIndex,i===j?"!--"===n[1]?i=N:void 0!==n[1]?i=U:void 0!==n[2]?(K.test(n[2])&&(r=RegExp("</"+n[2],"g")),i=F):void 0!==n[3]&&(i=F):i===F?">"===n[0]?(i=r??j,l=-1):void 0===n[1]?l=-2:(l=i.lastIndex-n[2].length,e=n[1],i=void 0===n[3]?F:'"'===n[3]?G:H):i===G||i===H?i=F:i===N||i===U?i=j:(i=F,r=void 0);const h=i===F&&t[d+1].startsWith("/>")?" ":"";a+=i===j?s+V:l>=0?(o.push(e),s.slice(0,l)+P+s.slice(l)+M+h):s+M+(-2===l?d:h)}return[tt(t,a+(t[e]||"<?>")+(2===s?"</svg>":3===s?"</math>":"")),o]})(t,s);if(this.el=st.createElement(n,e),Y.currentNode=this.el.content,2===s||3===s){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(o=Y.nextNode())&&d.length<i;){if(1===o.nodeType){if(o.hasAttributes())for(const t of o.getAttributeNames())if(t.endsWith(P)){const s=l[a++],e=o.getAttribute(t).split(M),i=/([.?@])?(.*)/.exec(s);d.push({type:1,index:r,name:i[2],strings:e,ctor:"."===i[1]?it:"?"===i[1]?dt:"@"===i[1]?nt:at}),o.removeAttribute(t)}else t.startsWith(M)&&(d.push({type:6,index:r}),o.removeAttribute(t));if(K.test(o.tagName)){const t=o.textContent.split(M),s=t.length-1;if(s>0){o.textContent=q?q.emptyScript:"";for(let e=0;e<s;e++)o.append(t[e],T()),Y.nextNode(),d.push({type:2,index:++r});o.append(t[s],T())}}}else if(8===o.nodeType)if(o.data===D)d.push({type:2,index:r});else{let t=-1;for(;-1!==(t=o.data.indexOf(M,t+1));)d.push({type:7,index:r}),t+=M.length-1}r++}}static createElement(t,s){const e=R.createElement("template");return e.innerHTML=t,e}}function et(t,s,e=t,o){if(s===Z)return s;let r=void 0!==o?e._$Co?.[o]:e._$Cl;const a=B(s)?void 0:s._$litDirective$;return r?.constructor!==a&&(r?._$AO?.(!1),void 0===a?r=void 0:(r=new a(t),r._$AT(t,e,o)),void 0!==o?(e._$Co??=[])[o]=r:e._$Cl=r),void 0!==r&&(s=et(t,r._$AS(t,s.values),r,o)),s}class ot{constructor(t,s){this._$AV=[],this._$AN=void 0,this._$AD=t,this._$AM=s}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(t){const{el:{content:s},parts:e}=this._$AD,o=(t?.creationScope??R).importNode(s,!0);Y.currentNode=o;let r=Y.nextNode(),a=0,i=0,d=e[0];for(;void 0!==d;){if(a===d.index){let s;2===d.type?s=new rt(r,r.nextSibling,this,t):1===d.type?s=new d.ctor(r,d.name,d.strings,this,t):6===d.type&&(s=new lt(r,this,t)),this._$AV.push(s),d=e[++i]}a!==d?.index&&(r=Y.nextNode(),a++)}return Y.currentNode=R,o}p(t){let s=0;for(const e of this._$AV)void 0!==e&&(void 0!==e.strings?(e._$AI(t,e,s),s+=e.strings.length-2):e._$AI(t[s])),s++}}class rt{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,s,e,o){this.type=2,this._$AH=Q,this._$AN=void 0,this._$AA=t,this._$AB=s,this._$AM=e,this.options=o,this._$Cv=o?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const s=this._$AM;return void 0!==s&&11===t?.nodeType&&(t=s.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,s=this){t=et(this,t,s),B(t)?t===Q||null==t||""===t?(this._$AH!==Q&&this._$AR(),this._$AH=Q):t!==this._$AH&&t!==Z&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>L(t)||"function"==typeof t?.[Symbol.iterator])(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==Q&&B(this._$AH)?this._$AA.nextSibling.data=t:this.T(R.createTextNode(t)),this._$AH=t}$(t){const{values:s,_$litType$:e}=t,o="number"==typeof e?this._$AC(t):(void 0===e.el&&(e.el=st.createElement(tt(e.h,e.h[0]),this.options)),e);if(this._$AH?._$AD===o)this._$AH.p(s);else{const t=new ot(o,this),e=t.u(this.options);t.p(s),this.T(e),this._$AH=t}}_$AC(t){let s=X.get(t.strings);return void 0===s&&X.set(t.strings,s=new st(t)),s}k(t){L(this._$AH)||(this._$AH=[],this._$AR());const s=this._$AH;let e,o=0;for(const r of t)o===s.length?s.push(e=new rt(this.O(T()),this.O(T()),this,this.options)):e=s[o],e._$AI(r),o++;o<s.length&&(this._$AR(e&&e._$AB.nextSibling,o),s.length=o)}_$AR(t=this._$AA.nextSibling,s){for(this._$AP?.(!1,!0,s);t&&t!==this._$AB;){const s=t.nextSibling;t.remove(),t=s}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class at{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,s,e,o,r){this.type=1,this._$AH=Q,this._$AN=void 0,this.element=t,this.name=s,this._$AM=o,this.options=r,e.length>2||""!==e[0]||""!==e[1]?(this._$AH=Array(e.length-1).fill(new String),this.strings=e):this._$AH=Q}_$AI(t,s=this,e,o){const r=this.strings;let a=!1;if(void 0===r)t=et(this,t,s,0),a=!B(t)||t!==this._$AH&&t!==Z,a&&(this._$AH=t);else{const o=t;let i,d;for(t=r[0],i=0;i<r.length-1;i++)d=et(this,o[e+i],s,i),d===Z&&(d=this._$AH[i]),a||=!B(d)||d!==this._$AH[i],d===Q?t=Q:t!==Q&&(t+=(d??"")+r[i+1]),this._$AH[i]=d}a&&!o&&this.j(t)}j(t){t===Q?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class it extends at{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===Q?void 0:t}}class dt extends at{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==Q)}}class nt extends at{constructor(t,s,e,o,r){super(t,s,e,o,r),this.type=5}_$AI(t,s=this){if((t=et(this,t,s,0)??Q)===Z)return;const e=this._$AH,o=t===Q&&e!==Q||t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive,r=t!==Q&&(e===Q||o);o&&this.element.removeEventListener(this.name,this,e),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class lt{constructor(t,s,e){this.element=t,this.type=6,this._$AN=void 0,this._$AM=s,this.options=e}get _$AU(){return this._$AM._$AU}_$AI(t){et(this,t)}}const ct=A.litHtmlPolyfillSupport;ct?.(st,rt),(A.litHtmlVersions??=[]).push("3.3.0");const ht=globalThis;let pt=class extends w{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){const t=super.createRenderRoot();return this.renderOptions.renderBefore??=t.firstChild,t}update(t){const s=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(t),this._$Do=((t,s,e)=>{const o=e?.renderBefore??s;let r=o._$litPart$;if(void 0===r){const t=e?.renderBefore??null;o._$litPart$=r=new rt(s.insertBefore(T(),t),t,void 0,e??{})}return r._$AI(t),r})(s,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return Z}};pt._$litElement$=!0,pt.finalized=!0,ht.litElementHydrateSupport?.({LitElement:pt});const gt=ht.litElementPolyfillSupport;gt?.({LitElement:pt}),(ht.litElementVersions??=[]).push("4.2.0");const vt=Symbol.for(""),ut=t=>{if(t?.r===vt)return t?._$litStatic$},ft=(t,...s)=>({_$litStatic$:s.reduce(((s,e,o)=>s+(t=>{if(void 0!==t._$litStatic$)return t._$litStatic$;throw Error(`Value passed to 'literal' function must be a 'literal' result: ${t}. Use 'unsafeStatic' to pass non-literal values, but\n take care to ensure page security.`)})(e)+t[o+1]),t[0]),r:vt}),bt=/* @__PURE__ */new Map,_t=(t=>(s,...e)=>{const o=e.length;let r,a;const i=[],d=[];let n,l=0,c=!1;for(;l<o;){for(n=s[l];l<o&&void 0!==(a=e[l],r=ut(a));)n+=r+s[++l],c=!0;l!==o&&d.push(a),i.push(n),l++}if(l===o&&i.push(s[o]),c){const t=i.join("$$lit$$");void 0===(s=bt.get(t))&&(i.raw=i,bt.set(t,s=i)),e=d}return t(s,...e)})(W),xt=i`
|
|
1
|
+
var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.nativeShadow)&&"adoptedStyleSheets"in Document.prototype&&"replace"in CSSStyleSheet.prototype,o=Symbol(),r=/* @__PURE__ */new WeakMap;let a=class{constructor(t,s,e){if(this._$cssResult$=!0,e!==o)throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");this.cssText=t,this.t=s}get styleSheet(){let t=this.o;const s=this.t;if(e&&void 0===t){const e=void 0!==s&&1===s.length;e&&(t=r.get(s)),void 0===t&&((this.o=t=new CSSStyleSheet).replaceSync(this.cssText),e&&r.set(s,t))}return t}toString(){return this.cssText}};const i=(t,...s)=>{const e=1===t.length?t[0]:s.reduce(((s,e,o)=>s+(t=>{if(!0===t._$cssResult$)return t.cssText;if("number"==typeof t)return t;throw Error("Value passed to 'css' function must be a 'css' function result: "+t+". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.")})(e)+t[o+1]),t[0]);return new a(e,t,o)},d=e?t=>t:t=>t instanceof CSSStyleSheet?(t=>{let s="";for(const e of t.cssRules)s+=e.cssText;return(t=>new a("string"==typeof t?t:t+"",void 0,o))(s)})(t):t,{is:n,defineProperty:l,getOwnPropertyDescriptor:c,getOwnPropertyNames:h,getOwnPropertySymbols:p,getPrototypeOf:g}=Object,v=globalThis,u=v.trustedTypes,f=u?u.emptyScript:"",b=v.reactiveElementPolyfillSupport,_=(t,s)=>t,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??=Symbol("metadata"),v.litPropertyMetadata??=/* @__PURE__ */new WeakMap;let w=class extends HTMLElement{static addInitializer(t){this._$Ei(),(this.l??=[]).push(t)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(t,s=y){if(s.state&&(s.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(t)&&((s=Object.create(s)).wrapped=!0),this.elementProperties.set(t,s),!s.noAccessor){const e=Symbol(),o=this.getPropertyDescriptor(t,e,s);void 0!==o&&l(this.prototype,t,o)}}static getPropertyDescriptor(t,s,e){const{get:o,set:r}=c(this.prototype,t)??{get(){return this[s]},set(t){this[s]=t}};return{get:o,set(s){const a=o?.call(this);r?.call(this,s),this.requestUpdate(t,a,e)},configurable:!0,enumerable:!0}}static getPropertyOptions(t){return this.elementProperties.get(t)??y}static _$Ei(){if(this.hasOwnProperty(_("elementProperties")))return;const t=g(this);t.finalize(),void 0!==t.l&&(this.l=[...t.l]),this.elementProperties=new Map(t.elementProperties)}static finalize(){if(this.hasOwnProperty(_("finalized")))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(_("properties"))){const t=this.properties,s=[...h(t),...p(t)];for(const e of s)this.createProperty(e,t[e])}const t=this[Symbol.metadata];if(null!==t){const s=litPropertyMetadata.get(t);if(void 0!==s)for(const[t,e]of s)this.elementProperties.set(t,e)}this._$Eh=/* @__PURE__ */new Map;for(const[s,e]of this.elementProperties){const t=this._$Eu(s,e);void 0!==t&&this._$Eh.set(t,s)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(t){const s=[];if(Array.isArray(t)){const e=new Set(t.flat(1/0).reverse());for(const t of e)s.unshift(d(t))}else void 0!==t&&s.push(d(t));return s}static _$Eu(t,s){const e=s.attribute;return!1===e?void 0:"string"==typeof e?e:"string"==typeof t?t.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise((t=>this.enableUpdating=t)),this._$AL=/* @__PURE__ */new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach((t=>t(this)))}addController(t){(this._$EO??=/* @__PURE__ */new Set).add(t),void 0!==this.renderRoot&&this.isConnected&&t.hostConnected?.()}removeController(t){this._$EO?.delete(t)}_$E_(){const t=/* @__PURE__ */new Map,s=this.constructor.elementProperties;for(const e of s.keys())this.hasOwnProperty(e)&&(t.set(e,this[e]),delete this[e]);t.size>0&&(this._$Ep=t)}createRenderRoot(){const t=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return((t,o)=>{if(e)t.adoptedStyleSheets=o.map((t=>t instanceof CSSStyleSheet?t:t.styleSheet));else for(const e of o){const o=document.createElement("style"),r=s.litNonce;void 0!==r&&o.setAttribute("nonce",r),o.textContent=e.cssText,t.appendChild(o)}})(t,this.constructor.elementStyles),t}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach((t=>t.hostConnected?.()))}enableUpdating(t){}disconnectedCallback(){this._$EO?.forEach((t=>t.hostDisconnected?.()))}attributeChangedCallback(t,s,e){this._$AK(t,e)}_$ET(t,s){const e=this.constructor.elementProperties.get(t),o=this.constructor._$Eu(t,e);if(void 0!==o&&!0===e.reflect){const r=(void 0!==e.converter?.toAttribute?e.converter: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,this[o]=r.fromAttribute(s,t.type)??this._$Ej?.get(o)??null,this._$Em=null}}requestUpdate(t,s,e){if(void 0!==t){const o=this.constructor,r=this[t];if(e??=o.getPropertyOptions(t),!((e.hasChanged??x)(r,s)||e.useDefault&&e.reflect&&r===this._$Ej?.get(t)&&!this.hasAttribute(o._$Eu(t,e))))return;this.C(t,s,e)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(t,s,{useDefault:e,reflect:o,wrapped:r},a){e&&!(this._$Ej??=/* @__PURE__ */new Map).has(t)&&(this._$Ej.set(t,a??s??this[t]),!0!==r||void 0!==a)||(this._$AL.has(t)||(this.hasUpdated||e||(s=void 0),this._$AL.set(t,s)),!0===o&&this._$Em!==t&&(this._$Eq??=/* @__PURE__ */new Set).add(t))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(s){Promise.reject(s)}const t=this.scheduleUpdate();return null!=t&&await t,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(const[t,s]of this._$Ep)this[t]=s;this._$Ep=void 0}const t=this.constructor.elementProperties;if(t.size>0)for(const[s,e]of t){const{wrapped:t}=e,o=this[s];!0!==t||this._$AL.has(s)||void 0===o||this.C(s,void 0,e,o)}}let t=!1;const s=this._$AL;try{t=this.shouldUpdate(s),t?(this.willUpdate(s),this._$EO?.forEach((t=>t.hostUpdate?.())),this.update(s)):this._$EM()}catch(e){throw t=!1,this._$EM(),e}t&&this._$AE(s)}willUpdate(t){}_$AE(t){this._$EO?.forEach((t=>t.hostUpdated?.())),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(t)),this.updated(t)}_$EM(){this._$AL=/* @__PURE__ */new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(t){return!0}update(t){this._$Eq&&=this._$Eq.forEach((t=>this._$ET(t,this[t]))),this._$EM()}updated(t){}firstUpdated(t){}};w.elementStyles=[],w.shadowRootOptions={mode:"open"},w[_("elementProperties")]=/* @__PURE__ */new Map,w[_("finalized")]=/* @__PURE__ */new Map,b?.({ReactiveElement:w}),(v.reactiveElementVersions??=[]).push("2.1.0");const k={attribute:!0,type:String,converter: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)},init(s){return void 0!==s&&this.C(o,void 0,t,s),s}}}if("setter"===o){const{name:o}=e;return function(e){const r=this[o];s.call(this,e),this.requestUpdate(o,r,t)}}throw Error("Unsupported decorator location: "+o)};function $(t){return(s,e)=>"object"==typeof e?z(t,s,e):((t,s,e)=>{const o=s.hasOwnProperty(e);return s.constructor.createProperty(e,t),o?Object.getOwnPropertyDescriptor(s,e):void 0})(t,s,e)}function S(t){return $({...t,state:!0,attribute:!1})}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=A.trustedTypes,P=q?q.createPolicy("lit-html",{createHTML:t=>t}):void 0,D="$lit$",V=`lit$${Math.random().toFixed(9).slice(2)}$`,L="?"+V,R=`<${L}>`,M=document,T=()=>M.createComment(""),B=t=>null===t||"object"!=typeof t&&"function"!=typeof t,I=Array.isArray,j="[ \t\n\f\r]",F=/<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g,N=/-->/g,U=/>/g,H=RegExp(`>|${j}(?:([^\\s"'>=/]+)(${j}*=${j}*(?:[^ \t\n\f\r"'\`<>=]|("|')|))|$)`,"g"),W=/'/g,G=/"/g,K=/^(?:script|style|textarea|title)$/i,Y=(tt=1,(t,...s)=>({_$litType$:tt,strings:t,values:s})),Z=Symbol.for("lit-noChange"),Q=Symbol.for("lit-nothing"),X=/* @__PURE__ */new WeakMap,J=M.createTreeWalker(M,129);var tt;function st(t,s){if(!I(t)||!t.hasOwnProperty("raw"))throw Error("invalid template strings array");return void 0!==P?P.createHTML(s):s}class et{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=F;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===F?"!--"===n[1]?i=N:void 0!==n[1]?i=U:void 0!==n[2]?(K.test(n[2])&&(r=RegExp("</"+n[2],"g")),i=H):void 0!==n[3]&&(i=H):i===H?">"===n[0]?(i=r??F,l=-1):void 0===n[1]?l=-2:(l=i.lastIndex-n[2].length,e=n[1],i=void 0===n[3]?H:'"'===n[3]?G:W):i===G||i===W?i=H:i===N||i===U?i=F:(i=H,r=void 0);const h=i===H&&t[d+1].startsWith("/>")?" ":"";a+=i===F?s+R:l>=0?(o.push(e),s.slice(0,l)+D+s.slice(l)+V+h):s+V+(-2===l?d:h)}return[st(t,a+(t[e]||"<?>")+(2===s?"</svg>":3===s?"</math>":"")),o]})(t,s);if(this.el=et.createElement(n,e),J.currentNode=this.el.content,2===s||3===s){const t=this.el.content.firstChild;t.replaceWith(...t.childNodes)}for(;null!==(o=J.nextNode())&&d.length<i;){if(1===o.nodeType){if(o.hasAttributes())for(const t of o.getAttributeNames())if(t.endsWith(D)){const s=l[a++],e=o.getAttribute(t).split(V),i=/([.?@])?(.*)/.exec(s);d.push({type:1,index:r,name:i[2],strings:e,ctor:"."===i[1]?dt:"?"===i[1]?nt:"@"===i[1]?lt:it}),o.removeAttribute(t)}else t.startsWith(V)&&(d.push({type:6,index:r}),o.removeAttribute(t));if(K.test(o.tagName)){const t=o.textContent.split(V),s=t.length-1;if(s>0){o.textContent=q?q.emptyScript:"";for(let e=0;e<s;e++)o.append(t[e],T()),J.nextNode(),d.push({type:2,index:++r});o.append(t[s],T())}}}else if(8===o.nodeType)if(o.data===L)d.push({type:2,index:r});else{let t=-1;for(;-1!==(t=o.data.indexOf(V,t+1));)d.push({type:7,index:r}),t+=V.length-1}r++}}static createElement(t,s){const e=M.createElement("template");return e.innerHTML=t,e}}function ot(t,s,e=t,o){if(s===Z)return s;let r=void 0!==o?e._$Co?.[o]:e._$Cl;const a=B(s)?void 0:s._$litDirective$;return r?.constructor!==a&&(r?._$AO?.(!1),void 0===a?r=void 0:(r=new a(t),r._$AT(t,e,o)),void 0!==o?(e._$Co??=[])[o]=r:e._$Cl=r),void 0!==r&&(s=ot(t,r._$AS(t,s.values),r,o)),s}class rt{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??M).importNode(s,!0);J.currentNode=o;let r=J.nextNode(),a=0,i=0,d=e[0];for(;void 0!==d;){if(a===d.index){let s;2===d.type?s=new at(r,r.nextSibling,this,t):1===d.type?s=new d.ctor(r,d.name,d.strings,this,t):6===d.type&&(s=new ct(r,this,t)),this._$AV.push(s),d=e[++i]}a!==d?.index&&(r=J.nextNode(),a++)}return J.currentNode=M,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 at{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(t,s,e,o){this.type=2,this._$AH=Q,this._$AN=void 0,this._$AA=t,this._$AB=s,this._$AM=e,this.options=o,this._$Cv=o?.isConnected??!0}get parentNode(){let t=this._$AA.parentNode;const s=this._$AM;return void 0!==s&&11===t?.nodeType&&(t=s.parentNode),t}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(t,s=this){t=ot(this,t,s),B(t)?t===Q||null==t||""===t?(this._$AH!==Q&&this._$AR(),this._$AH=Q):t!==this._$AH&&t!==Z&&this._(t):void 0!==t._$litType$?this.$(t):void 0!==t.nodeType?this.T(t):(t=>I(t)||"function"==typeof t?.[Symbol.iterator])(t)?this.k(t):this._(t)}O(t){return this._$AA.parentNode.insertBefore(t,this._$AB)}T(t){this._$AH!==t&&(this._$AR(),this._$AH=this.O(t))}_(t){this._$AH!==Q&&B(this._$AH)?this._$AA.nextSibling.data=t:this.T(M.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=et.createElement(st(e.h,e.h[0]),this.options)),e);if(this._$AH?._$AD===o)this._$AH.p(s);else{const t=new rt(o,this),e=t.u(this.options);t.p(s),this.T(e),this._$AH=t}}_$AC(t){let s=X.get(t.strings);return void 0===s&&X.set(t.strings,s=new et(t)),s}k(t){I(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 at(this.O(T()),this.O(T()),this,this.options)):e=s[o],e._$AI(r),o++;o<s.length&&(this._$AR(e&&e._$AB.nextSibling,o),s.length=o)}_$AR(t=this._$AA.nextSibling,s){for(this._$AP?.(!1,!0,s);t&&t!==this._$AB;){const s=t.nextSibling;t.remove(),t=s}}setConnected(t){void 0===this._$AM&&(this._$Cv=t,this._$AP?.(t))}}class it{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(t,s,e,o,r){this.type=1,this._$AH=Q,this._$AN=void 0,this.element=t,this.name=s,this._$AM=o,this.options=r,e.length>2||""!==e[0]||""!==e[1]?(this._$AH=Array(e.length-1).fill(new String),this.strings=e):this._$AH=Q}_$AI(t,s=this,e,o){const r=this.strings;let a=!1;if(void 0===r)t=ot(this,t,s,0),a=!B(t)||t!==this._$AH&&t!==Z,a&&(this._$AH=t);else{const o=t;let i,d;for(t=r[0],i=0;i<r.length-1;i++)d=ot(this,o[e+i],s,i),d===Z&&(d=this._$AH[i]),a||=!B(d)||d!==this._$AH[i],d===Q?t=Q:t!==Q&&(t+=(d??"")+r[i+1]),this._$AH[i]=d}a&&!o&&this.j(t)}j(t){t===Q?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,t??"")}}class dt extends it{constructor(){super(...arguments),this.type=3}j(t){this.element[this.name]=t===Q?void 0:t}}class nt extends it{constructor(){super(...arguments),this.type=4}j(t){this.element.toggleAttribute(this.name,!!t&&t!==Q)}}class lt extends it{constructor(t,s,e,o,r){super(t,s,e,o,r),this.type=5}_$AI(t,s=this){if((t=ot(this,t,s,0)??Q)===Z)return;const e=this._$AH,o=t===Q&&e!==Q||t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive,r=t!==Q&&(e===Q||o);o&&this.element.removeEventListener(this.name,this,e),r&&this.element.addEventListener(this.name,this,t),this._$AH=t}handleEvent(t){"function"==typeof this._$AH?this._$AH.call(this.options?.host??this.element,t):this._$AH.handleEvent(t)}}class ct{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){ot(this,t)}}const ht=A.litHtmlPolyfillSupport;ht?.(et,at),(A.litHtmlVersions??=[]).push("3.3.0");const pt=globalThis;let gt=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 at(s.insertBefore(T(),t),t,void 0,e??{})}return r._$AI(t),r})(s,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return Z}};gt._$litElement$=!0,gt.finalized=!0,pt.litElementHydrateSupport?.({LitElement:gt});const vt=pt.litElementPolyfillSupport;vt?.({LitElement:gt}),(pt.litElementVersions??=[]).push("4.2.0");const ut=Symbol.for(""),ft=t=>{if(t?.r===ut)return t?._$litStatic$},bt=(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:ut}),_t=/* @__PURE__ */new Map,mt=(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=ft(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=_t.get(t))&&(i.raw=i,_t.set(t,s=i)),e=d}return t(s,...e)})(Y),xt=i`
|
|
2
2
|
:host {
|
|
3
3
|
--_sds-alert-background-color: var(--sds-alert-background-color, var(--sds-color-alert-info-surface-tinted));
|
|
4
4
|
|
|
@@ -96,7 +96,6 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
96
96
|
--_sds-alert-background-color: var(--sds-alert-background-color, transparent);
|
|
97
97
|
--_sds-alert-border-color: var(--sds-alert-border-color, transparent);
|
|
98
98
|
--_sds-alert-border-width: var(--sds-alert-border-width, 0);
|
|
99
|
-
|
|
100
99
|
--_sds-alert-padding: var(--sds-alert-padding, 0);
|
|
101
100
|
--_sds-alert-column-gap: var(--sds-alert-column-gap, var(--sds-spacing-3xs));
|
|
102
101
|
--_sds-alert-content-gap: var(--sds-alert-content-gap, var(--sds-spacing-4xs));
|
|
@@ -109,22 +108,27 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
109
108
|
&::after {
|
|
110
109
|
content: '';
|
|
111
110
|
position: absolute;
|
|
112
|
-
top:
|
|
113
|
-
left:
|
|
111
|
+
top: 4px;
|
|
112
|
+
left: 4px;
|
|
114
113
|
width: 16px;
|
|
115
114
|
height: 16px;
|
|
116
115
|
background-color: var(--_sds-alert-icon-color-background);
|
|
117
116
|
z-index: -1;
|
|
118
117
|
clip-path: circle(50%);
|
|
119
118
|
}
|
|
119
|
+
|
|
120
|
+
&:host([size='sm'])::after {
|
|
121
|
+
width: 10px;
|
|
122
|
+
height: 10px;
|
|
123
|
+
}
|
|
120
124
|
}
|
|
121
125
|
|
|
122
126
|
:host([variant='secondary']):host([data-palette='attention']) {
|
|
123
127
|
--sds-icon-color: var(--sds-alert-icon-color, var(--sds-color-action-default));
|
|
124
128
|
|
|
125
129
|
&::after {
|
|
126
|
-
top:
|
|
127
|
-
left:
|
|
130
|
+
top: 4px;
|
|
131
|
+
left: 2px;
|
|
128
132
|
width: 20px;
|
|
129
133
|
height: 16px;
|
|
130
134
|
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
|
|
@@ -173,7 +177,7 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
173
177
|
margin: 0 !important;
|
|
174
178
|
max-width: var(--_sds-alert-max-line-width) !important;
|
|
175
179
|
}
|
|
176
|
-
`;var
|
|
180
|
+
`;var yt=Object.defineProperty,wt=(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 kt={info:"InformationSquareFill-aksel-filled",success:"check_circle-material-filled",attention:"warning-material-filled",danger:"dangerous-material-filled"},zt=class extends gt{constructor(){super(...arguments),this.variant="primary",this.size="md",this.palette="info",this.iconTag=bt`sds-icon`,this.buttonTag=bt`sds-button`,this._remove=()=>{this.dispatchEvent(new CustomEvent("sds-remove",{bubbles:!0,composed:!0}))},this._renderIcon=(t,s,e)=>mt`<${this.iconTag} ${e?`class=${e}`:""} name="${t}" size=${s}></${this.iconTag}>`,this._renderRemoveButton=t=>mt`<${this.buttonTag}
|
|
177
181
|
class="sds-alert__remove-btn"
|
|
178
182
|
variant="tertiary"
|
|
179
183
|
size="sm"
|
|
@@ -182,14 +186,14 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
182
186
|
@click=${this._remove}
|
|
183
187
|
>
|
|
184
188
|
${this._renderIcon("close-material-outlined","sm")}
|
|
185
|
-
</${this.buttonTag}>`}render(){const t="primary"===this.variant?"md":this.size??"md",s=
|
|
189
|
+
</${this.buttonTag}>`}render(){const t="primary"===this.variant?"md":this.size??"md",s=kt[this.palette]??kt.info;return Y`<div class="sds-alert">
|
|
186
190
|
<div class="sds-alert__type">${this._renderIcon(s,t,"sds-alert__icon")}</div>
|
|
187
191
|
<div class="sds-alert__content">
|
|
188
192
|
<slot name="title"></slot>
|
|
189
193
|
<slot name="message"></slot>
|
|
190
194
|
</div>
|
|
191
|
-
${this.removableLabel&&"primary"===this.variant?
|
|
192
|
-
</div>`}};
|
|
195
|
+
${this.removableLabel&&"primary"===this.variant?Y`<div class="sds-alert__actions">${this._renderRemoveButton(this.removableLabel)}</div>`:Q}
|
|
196
|
+
</div>`}};zt.styles=[xt];let $t=zt;wt([$({type:String,reflect:!0})],$t.prototype,"variant"),wt([$({type:String,reflect:!0})],$t.prototype,"size"),wt([$({type:String,attribute:"removable-label",reflect:!0})],$t.prototype,"removableLabel"),wt([$({type:String,attribute:"data-palette",reflect:!0})],$t.prototype,"palette");const St=t=>t??Q,Ct=1,Et=2,Ot=t=>(...s)=>({_$litDirective$:t,values:s});class At{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,s,e){this._$Ct=t,this._$AM=s,this._$Ci=e}_$AS(t,s){return this.update(t,s)}update(t,s){return this.render(...s)}}let qt=class extends At{constructor(t){if(super(t),this.it=Q,t.type!==Et)throw Error(this.constructor.directiveName+"() can only be used in child bindings")}render(t){if(t===Q||null==t)return this._t=void 0,this.it=t;if(t===Z)return t;if("string"!=typeof t)throw Error(this.constructor.directiveName+"() called with a non-string value");if(t===this.it)return this._t;this.it=t;const s=[t];return s.raw=s,this._t={_$litType$:this.constructor.resultType,strings:s,values:[]}}};qt.directiveName="unsafeHTML",qt.resultType=1;class Pt extends qt{}Pt.directiveName="unsafeSVG",Pt.resultType=2;const Dt=Ot(Pt),Vt=["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"],Lt={"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>'},Rt=t=>import(`@politiet/sheriff-icons/dist/assets/${t}.js`).then((({default:t})=>t)).catch((t=>{console.log(t)})),Mt=t=>fetch(`https://cdn.jsdelivr.net/npm/@politiet/sheriff-icons/dist/assets/${t}.svg`).then((s=>{if(!s.ok)throw new TypeError(`Sheriff: unknown icon: '${t}'`);return s.text()}));const Tt=i`
|
|
193
197
|
:host {
|
|
194
198
|
--_sds-icon-size: var(--sds-icon-size, var(--sds-components-icon-md));
|
|
195
199
|
--_sds-icon-color: var(--sds-icon-color, var(--sds-color-text-subtle, var(--sds-color-neutral-text-subtle)));
|
|
@@ -221,11 +225,11 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
221
225
|
height: 100%;
|
|
222
226
|
overflow: hidden;
|
|
223
227
|
}
|
|
224
|
-
`;var Bt=Object.defineProperty,
|
|
225
|
-
<div class="sds-icon" role="${
|
|
226
|
-
${this.name?
|
|
228
|
+
`;var Bt=Object.defineProperty,It=(t,s,e,o)=>{for(var r,a=void 0,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(s,e,a)||a);return a&&Bt(s,e,a),a};const jt=((t=class extends gt{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 Y`
|
|
229
|
+
<div class="sds-icon" role="${St(this.label?"img":void 0)}" style="${St(this.color?`color:${this.color}`:void 0)}" aria-label="${St(this.label)}">
|
|
230
|
+
${this.name?Y`<slot aria-hidden="true">${Dt(this.svg)}</slot>`:Y`<slot aria-hidden="true"></slot>`}
|
|
227
231
|
</div>
|
|
228
|
-
`}async fetchIcon(){if(!this.name)return void(this.svg="");const s=await new Promise((s=>{t.iconLoader.resolve(this.name,s)}));this.svg=s}updated(t){super.updated(t),t.has("name")&&this.name&&this.fetchIcon()}}).styles=[Tt],t.iconLoader=new class{constructor(){this.cache=/* @__PURE__ */new Map,this._loadLocal=!1,this._disableSystemIcons=!1,this.resolver=this._loadLocal?
|
|
232
|
+
`}async fetchIcon(){if(!this.name)return void(this.svg="");const s=await new Promise((s=>{t.iconLoader.resolve(this.name,s)}));this.svg=s}updated(t){super.updated(t),t.has("name")&&this.name&&this.fetchIcon()}}).styles=[Tt],t.iconLoader=new class{constructor(){this.cache=/* @__PURE__ */new Map,this._loadLocal=!1,this._disableSystemIcons=!1,this.resolver=this._loadLocal?Rt:Mt}get loadLocal(){return this._loadLocal}set loadLocal(t){this._loadLocal=t,this.resolver=t?Rt:Mt}set disableSystemIcons(t){this._disableSystemIcons=t}resolve(t,s){if(!this._disableSystemIcons&&(t=>Vt.includes(t))(t))return void s(Lt[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);It([$({type:String,reflect:!0})],jt.prototype,"name"),It([$({type:String,reflect:!0})],jt.prototype,"size"),It([$({type:String,reflect:!0})],jt.prototype,"color"),It([$({type:String,reflect:!0})],jt.prototype,"label"),It([S()],jt.prototype,"svg");let Ft=jt;var Nt=Object.getOwnPropertyDescriptor;let Ut=class extends Ft{};Ut=((t,s,e,o)=>{for(var r,a=o>1?void 0:o?Nt(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([O("sds-icon")],Ut);const Ht=Ot(class extends At{constructor(t){if(super(t),t.type!==Ct||"class"!==t.name||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return" "+Object.keys(t).filter((s=>t[s])).join(" ")+" "}update(t,[s]){if(void 0===this.st){this.st=/* @__PURE__ */new Set,void 0!==t.strings&&(this.nt=new Set(t.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in s)s[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(s)}const e=t.element.classList;for(const o of this.st)o in s||(e.remove(o),this.st.delete(o));for(const o in s){const t=!!s[o];t===this.st.has(o)||this.nt?.has(o)||(t?(e.add(o),this.st.add(o)):(e.remove(o),this.st.delete(o)))}return Z}}),Wt=i`
|
|
229
233
|
:host {
|
|
230
234
|
--_sds-button-background-color: var(--sds-button-background-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));
|
|
231
235
|
--_sds-button-border-color: var(--sds-button-border-color, var(--sds-color-action-default, var(--sds-color-main-action-default)));
|
|
@@ -396,26 +400,26 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
396
400
|
--_sds-button-padding-inline: var(--sds-button-padding-inline, 0);
|
|
397
401
|
min-width: var(--_sds-button-min-height);
|
|
398
402
|
}
|
|
399
|
-
`;var Gt=Object.defineProperty,Kt=(t,s,e,o)=>{for(var r,a=void 0,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(s,e,a)||a);return a&&Gt(s,e,a),a};const
|
|
403
|
+
`;var Gt=Object.defineProperty,Kt=(t,s,e,o)=>{for(var r,a=void 0,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(s,e,a)||a);return a&&Gt(s,e,a),a};const Yt=class extends gt{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?Y` <a id="link" class="${Ht(t)}" href="${this.href}" target="${St(this.target)}">
|
|
400
404
|
<slot name="before"></slot>
|
|
401
405
|
<slot></slot>
|
|
402
406
|
<slot name="after"></slot>
|
|
403
|
-
</a>`:
|
|
407
|
+
</a>`:Y`
|
|
404
408
|
<button
|
|
405
409
|
id="control"
|
|
406
|
-
form="${
|
|
407
|
-
class="${
|
|
410
|
+
form="${St(this.form)}"
|
|
411
|
+
class="${Ht(t)}"
|
|
408
412
|
type="${this.type}"
|
|
409
|
-
name="${
|
|
410
|
-
value="${
|
|
413
|
+
name="${St(this.name)}"
|
|
414
|
+
value="${St(this.value)}"
|
|
411
415
|
?disabled="${this.disabled}"
|
|
412
416
|
@click="${this._handleClick}"
|
|
413
417
|
>
|
|
414
|
-
${this.loading?
|
|
418
|
+
${this.loading?Y`<sds-loader slot="before" ?contrast="${"primary"!==this.variant}"></sds-loader>`:Q} ${this.loading?Q:Y`<slot name="before"></slot>`}
|
|
415
419
|
<slot></slot>
|
|
416
|
-
${this.loading?Q:
|
|
420
|
+
${this.loading?Q:Y`<slot name="after"></slot>`}
|
|
417
421
|
</button>
|
|
418
|
-
`}};
|
|
422
|
+
`}};Yt.styles=[Wt],Yt.formAssociated=!0,Yt.shadowRootOptions={...gt.shadowRootOptions,delegatesFocus:!0};let Zt=Yt;Kt([$({type:Boolean,reflect:!0})],Zt.prototype,"disabled"),Kt([$({type:Boolean,reflect:!0})],Zt.prototype,"icon"),Kt([$({type:Boolean,reflect:!0})],Zt.prototype,"loading"),Kt([$({type:String,reflect:!0})],Zt.prototype,"form"),Kt([$({type:String,reflect:!0})],Zt.prototype,"href"),Kt([$({type:String,reflect:!0})],Zt.prototype,"name"),Kt([$({type:String,reflect:!0})],Zt.prototype,"size"),Kt([$({type:String,reflect:!0})],Zt.prototype,"target"),Kt([$({type:String,reflect:!0})],Zt.prototype,"type"),Kt([$({type:String,reflect:!0})],Zt.prototype,"value"),Kt([$({type:String,reflect:!0})],Zt.prototype,"variant");var Qt=Object.getOwnPropertyDescriptor;let Xt=class extends Zt{};Xt=((t,s,e,o)=>{for(var r,a=o>1?void 0:o?Qt(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([O("sds-button")],Xt);var Jt=Object.getOwnPropertyDescriptor;let ts=class extends $t{};function ss(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)}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})([O("sds-alert")],ts);const es=i`
|
|
419
423
|
:host {
|
|
420
424
|
--_sds-card-background-color: var(--sds-card-background-color, var(--sds-color-surface-tinted, var(--sds-color-main-surface-tinted)));
|
|
421
425
|
--_sds-card-border-radius: var(--sds-card-border-radius, var(--sds-radius-md));
|
|
@@ -536,11 +540,11 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
536
540
|
--_sds-card-text-line-height: var(--sds-card-text-line-height, var(--sds-typography-body-md-desktop-line-height));
|
|
537
541
|
}
|
|
538
542
|
}
|
|
539
|
-
`;var
|
|
540
|
-
<slot name="heading" id="heading"></slot>
|
|
541
|
-
<slot name="text" id="content"></slot>
|
|
543
|
+
`;var os=Object.defineProperty,rs=Object.getOwnPropertyDescriptor,as=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?rs(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&os(s,e,a),a};let is=class extends gt{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&&ss(this.headingSlot,["H2","H3","H4","H5","H6"],0,this._headerWarning)},this._handleTextSlotChange=()=>{ss(this.textSlot,["P"],0,this._contentWarning)}}firstUpdated(){ss(this.textSlot,["P"],0,this._contentWarning);this.headingSlot.assignedNodes({flatten:!0}).length>0&&ss(this.headingSlot,["H2","H3","H4","H5","H6"],0,this._headerWarning)}render(){const t=Y`
|
|
544
|
+
<slot name="heading" id="heading" @slotchange=${this._handleHeadingSlotChange}></slot>
|
|
545
|
+
<slot name="text" id="content" @slotchange=${this._handleTextSlotChange}></slot>
|
|
542
546
|
<sds-icon name="arrow_forward-material-outlined" size="md" class="sds-card__icon"></sds-icon>
|
|
543
|
-
`;return
|
|
547
|
+
`;return Y`<article class="sds-card">${this.link?Y`<a href="${this.link}" class="sds-card__content">${t}</a>`:Y`<div class="sds-card__content">${t}</div>`}</article>`}};is.styles=[es],as([$({type:String,reflect:!0})],is.prototype,"link",2),as([E("slot#heading")],is.prototype,"headingSlot",2),as([E("slot#text")],is.prototype,"textSlot",2),is=as([O("sds-card")],is);const ds=i`
|
|
544
548
|
:host {
|
|
545
549
|
--_sds-checkbox-block-gap: var(--sds-checkbox-block-gap, var(--sds-spacing-4xs));
|
|
546
550
|
--_sds-checkbox-inline-gap: var(--sds-checkbox-inline-gap, var(--sds-spacing-3xs));
|
|
@@ -762,13 +766,13 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
762
766
|
margin-block-start: -1px;
|
|
763
767
|
}
|
|
764
768
|
}
|
|
765
|
-
`;var
|
|
766
|
-
<div class="${
|
|
769
|
+
`;var ns=Object.defineProperty,ls=Object.getOwnPropertyDescriptor,cs=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?ls(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&&ns(s,e,a),a};let hs=class extends gt{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 Y`
|
|
770
|
+
<div class="${Ht(t)}">
|
|
767
771
|
<input
|
|
768
772
|
id="control"
|
|
769
773
|
type="checkbox"
|
|
770
|
-
name="${
|
|
771
|
-
value="${
|
|
774
|
+
name="${St(this.name)}"
|
|
775
|
+
value="${St(this.value)}"
|
|
772
776
|
.checked="${this.checked}"
|
|
773
777
|
?checked="${this.checked}"
|
|
774
778
|
?disabled="${this.disabled}"
|
|
@@ -777,12 +781,12 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
777
781
|
@change="${this._handleChange}"
|
|
778
782
|
@focus="${this._handleFocus}"
|
|
779
783
|
@blur="${this._handleBlur}"
|
|
780
|
-
class="${
|
|
784
|
+
class="${Ht(s)}"
|
|
781
785
|
/>
|
|
782
|
-
${this.label?
|
|
783
|
-
${this.helpText?
|
|
786
|
+
${this.label?Y`<label for="control" class="sds-checkbox__label">${this.label}</label>`:Q}
|
|
787
|
+
${this.helpText?Y`<span class="sds-checkbox__help-text">${this.helpText}</span>`:Q}
|
|
784
788
|
</div>
|
|
785
|
-
`}};
|
|
789
|
+
`}};hs.styles=[ds],hs.formAssociated=!0,hs.shadowRootOptions={...gt.shadowRootOptions,delegatesFocus:!0},cs([$({type:String,reflect:!0})],hs.prototype,"name",2),cs([$({type:String,reflect:!0})],hs.prototype,"label",2),cs([$({type:String})],hs.prototype,"value",2),cs([$({type:Boolean,reflect:!0})],hs.prototype,"checked",2),cs([$({type:Boolean,reflect:!0})],hs.prototype,"disabled",1),cs([$({type:Boolean,reflect:!0})],hs.prototype,"error",2),cs([$({type:Boolean,reflect:!0})],hs.prototype,"required",2),cs([$({type:String,reflect:!0})],hs.prototype,"size",2),cs([$({type:String,attribute:"help-text"})],hs.prototype,"helpText",2),cs([$({type:Boolean,attribute:"readonly",reflect:!0})],hs.prototype,"readOnly",2),cs([$({type:Boolean,attribute:!1})],hs.prototype,"parentRequestDisabled",1),cs([E("#control")],hs.prototype,"control",2),hs=cs([O("sds-checkbox")],hs);const ps=i`
|
|
786
790
|
:host {
|
|
787
791
|
--_sds-checkbox-group-gap: var(--sds-checkbox-group-gap, var(--sds-spacing-xs));
|
|
788
792
|
--_sds-checkbox-group-font-family: var(--sds-checkbox-group-font-family, var(--sds-typography-font-family-roboto));
|
|
@@ -874,16 +878,16 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
874
878
|
--_sds-checkbox-group-help-text-font-size: var(--sds-checkbox-group-help-text-font-size, var(--sds-components-font-size-content-lg));
|
|
875
879
|
--_sds-checkbox-group-help-text-line-height: var(--sds-checkbox-group-help-text-line-height, var(--sds-components-line-height-squeezed-lg));
|
|
876
880
|
}
|
|
877
|
-
`;var
|
|
878
|
-
<fieldset class="${
|
|
879
|
-
${this.legend?
|
|
880
|
-
${this.helpText?
|
|
881
|
+
`;var gs=Object.defineProperty,vs=Object.getOwnPropertyDescriptor,us=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?vs(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&&gs(s,e,a),a};const fs=["disabled","errorMessage","readOnly","size"];let bs=class extends gt{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([...fs])}}_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;fs.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 Y`
|
|
882
|
+
<fieldset class="${Ht(t)}">
|
|
883
|
+
${this.legend?Y`<legend class="sds-checkbox-group__legend">${this.readOnly?Y`<sds-icon name="lock-material-filled" size="md"></sds-icon>`:Q}</sds-icon>${this.legend}</legend>`:Q}
|
|
884
|
+
${this.helpText?Y`<p class="sds-checkbox-group__help-text">${this.helpText}</p>`:Q}
|
|
881
885
|
<div class="sds-checkbox-group__checkboxes" @change=${this._handleCheckboxChange}>
|
|
882
886
|
<slot @slotchange=${this._handleSlotChange}></slot>
|
|
883
887
|
</div>
|
|
884
|
-
${this.errorMessage?
|
|
888
|
+
${this.errorMessage?Y`<sds-alert variant="secondary" data-palette="danger"><p slot="message">${this.errorMessage}</p></sds-alert>`:Q}
|
|
885
889
|
</fieldset>
|
|
886
|
-
`}};
|
|
890
|
+
`}};bs.styles=[ps],us([$({type:String,reflect:!0})],bs.prototype,"legend",2),us([$({type:String,attribute:"help-text",reflect:!0})],bs.prototype,"helpText",2),us([$({type:String,attribute:"error-message",reflect:!0})],bs.prototype,"errorMessage",2),us([$({type:Boolean,attribute:"readonly",reflect:!0})],bs.prototype,"readOnly",2),us([$({type:Boolean,reflect:!0})],bs.prototype,"disabled",2),us([$({type:String,reflect:!0})],bs.prototype,"size",2),us([S()],bs.prototype,"_selectedValues",2),us([E("slot")],bs.prototype,"_slotElement",2),bs=us([O("sds-checkbox-group")],bs);const _s=i`
|
|
887
891
|
:host {
|
|
888
892
|
--_sds-chip-font-family: var(--sds-chip-font-family, var(--sds-typography-font-family-roboto));
|
|
889
893
|
--_sds-chip-font-weight: var(--sds-chip-font-weight, var(--sds-typography-font-weight-regular));
|
|
@@ -911,8 +915,9 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
911
915
|
display: inline-block;
|
|
912
916
|
box-sizing: border-box;
|
|
913
917
|
|
|
918
|
+
::slotted(sds-icon),
|
|
914
919
|
sds-icon {
|
|
915
|
-
--sds-icon-color: --_sds-chip-text-color;
|
|
920
|
+
--sds-icon-color: var(--_sds-chip-text-color);
|
|
916
921
|
}
|
|
917
922
|
}
|
|
918
923
|
|
|
@@ -1027,22 +1032,22 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
1027
1032
|
white-space: nowrap;
|
|
1028
1033
|
}
|
|
1029
1034
|
}
|
|
1030
|
-
`;var
|
|
1035
|
+
`;var ms=Object.defineProperty,xs=Object.getOwnPropertyDescriptor,ys=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?xs(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&ms(s,e,a),a};let ws=class extends gt{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?Y`<button class="${Ht(s)}" @click=${this._remove} @keyup="${this._keypress}">
|
|
1031
1036
|
<slot></slot>
|
|
1032
1037
|
<sds-icon name="close-material-outlined" size="s"></sds-icon>
|
|
1033
|
-
</button>`:
|
|
1038
|
+
</button>`:Y`<label class="${Ht(s)}" @click="${this._toggle}" @keyup="${this._keypress}">
|
|
1034
1039
|
<input
|
|
1035
1040
|
id="control"
|
|
1036
1041
|
type="checkbox"
|
|
1037
|
-
name="${
|
|
1038
|
-
value="${
|
|
1042
|
+
name="${St(this.name)}"
|
|
1043
|
+
value="${St(this.value)}"
|
|
1039
1044
|
.checked="${this.checked}"
|
|
1040
1045
|
?checked="${this.checked}"
|
|
1041
1046
|
?disabled="${this.disabled}"
|
|
1042
1047
|
?readonly="${this.readonly}"
|
|
1043
1048
|
/>
|
|
1044
1049
|
<slot></slot>
|
|
1045
|
-
</label>`}};
|
|
1050
|
+
</label>`}};ws.styles=[_s],ws.formAssociated=!0,ws.shadowRootOptions={...gt.shadowRootOptions,delegatesFocus:!0},ys([$({type:String,reflect:!0})],ws.prototype,"variant",2),ys([$({type:String,reflect:!0})],ws.prototype,"size",2),ys([$({type:Boolean,reflect:!0})],ws.prototype,"checked",2),ys([$({type:String,reflect:!0})],ws.prototype,"name",2),ys([$({type:String})],ws.prototype,"value",2),ys([$({type:Boolean,reflect:!0})],ws.prototype,"disabled",2),ys([$({type:Boolean,reflect:!0})],ws.prototype,"readonly",2),ys([E("#control")],ws.prototype,"control",2),ws=ys([O("sds-chip")],ws);const ks=i`
|
|
1046
1051
|
:host {
|
|
1047
1052
|
--_sds-details-text-color: var(--sds-details-text-color, var(--sds-color-text-default, var(--sds-color-main-text-default)));
|
|
1048
1053
|
|
|
@@ -1178,7 +1183,7 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
1178
1183
|
display: inline;
|
|
1179
1184
|
margin: 0;
|
|
1180
1185
|
}
|
|
1181
|
-
`;var
|
|
1186
|
+
`;var zs=Object.defineProperty,$s=Object.getOwnPropertyDescriptor,Ss=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?$s(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&&zs(s,e,a),a};let Cs=class extends gt{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 Y`
|
|
1182
1187
|
<details class="sds-details" .name="${this.name??""}" ?data-standalone="${this.standalone}" ?open="${this.open}" @toggle="${this._handleToggle}">
|
|
1183
1188
|
<summary class="sds-details__summary">
|
|
1184
1189
|
<sds-icon name="chevron_up-material-filled"></sds-icon>
|
|
@@ -1190,7 +1195,132 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
1190
1195
|
<slot></slot>
|
|
1191
1196
|
</div>
|
|
1192
1197
|
</details>
|
|
1193
|
-
`}};
|
|
1198
|
+
`}};Cs.styles=[ks],Ss([$({type:Boolean,reflect:!0})],Cs.prototype,"open",2),Ss([$({type:Boolean,reflect:!0})],Cs.prototype,"standalone",2),Ss([$({type:String,reflect:!0})],Cs.prototype,"name",2),Cs=Ss([O("sds-details")],Cs);const Es=i`
|
|
1199
|
+
:host {
|
|
1200
|
+
--_sds-dialog-background-color: var(--sds-dialog-background-color, var(--sds-color-surface-default, var(--sds-color-main-surface-default)));
|
|
1201
|
+
--_sds-dialog-backdrop-color: var(--sds-dialog-backdrop-color, rgba(0, 0, 0, 0.5));
|
|
1202
|
+
|
|
1203
|
+
--_sds-dialog-border-color: var(--sds-dialog-border-color, var(--sds-color-border-subtle, var(--sds-color-main-border-subtle)));
|
|
1204
|
+
--_sds-dialog-border-radius: var(--sds-dialog-border-radius, var(--sds-radius-md));
|
|
1205
|
+
--_sds-dialog-border-width: var(--sds-dialog-border-width, var(--sds-border-sm));
|
|
1206
|
+
|
|
1207
|
+
--_sds-dialog-max-width: var(--sds-dialog-max-width, min(60ch, 100vw));
|
|
1208
|
+
--_sds-dialog-max-height: var(--sds-dialog-max-height, calc(100dvh - var(--sds-spacing-lg)));
|
|
1209
|
+
|
|
1210
|
+
--_sds-dialog-padding-block: var(--sds-dialog-padding-block, var(--sds-spacing-sm));
|
|
1211
|
+
--_sds-dialog-padding-inline: var(--sds-dialog-padding-inline, var(--sds-spacing-sm));
|
|
1212
|
+
--_sds-dialog-gap: var(--sds-dialog-gap, var(--sds-spacing-xs));
|
|
1213
|
+
|
|
1214
|
+
--_sds-dialog-font-family: var(--sds-dialog-font-family, var(--sds-typography-font-family-roboto));
|
|
1215
|
+
--_sds-dialog-text-color: var(--sds-dialog-text-color, var(--sds-color-text-default, var(--sds-color-main-text-default)));
|
|
1216
|
+
|
|
1217
|
+
--_sds-dialog-box-shadow: var(--sds-dialog-box-shadow, 0 4px 6px -1px rgba(0, 0, 0, 0.1));
|
|
1218
|
+
|
|
1219
|
+
--_sds-dialog-animation-duration: var(--sds-dialog-animation-duration, 200ms);
|
|
1220
|
+
--_sds-dialog-close-button-offset: var(--sds-dialog-close-button-offset, var(--sds-spacing-3xs));
|
|
1221
|
+
|
|
1222
|
+
display: contents;
|
|
1223
|
+
}
|
|
1224
|
+
|
|
1225
|
+
dialog {
|
|
1226
|
+
color: var(--_sds-dialog-text-color);
|
|
1227
|
+
background-color: var(--_sds-dialog-background-color);
|
|
1228
|
+
box-shadow: var(--_sds-dialog-box-shadow);
|
|
1229
|
+
|
|
1230
|
+
border: var(--_sds-dialog-border-width) solid var(--_sds-dialog-border-color);
|
|
1231
|
+
border-radius: var(--_sds-dialog-border-radius);
|
|
1232
|
+
|
|
1233
|
+
font-family: var(--_sds-dialog-font-family);
|
|
1234
|
+
|
|
1235
|
+
max-width: var(--_sds-dialog-max-width);
|
|
1236
|
+
max-height: var(--_sds-dialog-max-height);
|
|
1237
|
+
|
|
1238
|
+
overflow: auto;
|
|
1239
|
+
padding: 0;
|
|
1240
|
+
|
|
1241
|
+
opacity: 0;
|
|
1242
|
+
transform: translateY(-1rem);
|
|
1243
|
+
animation: sds-dialog-fade-in var(--_sds-dialog-animation-duration) ease-out forwards;
|
|
1244
|
+
|
|
1245
|
+
&:focus-visible {
|
|
1246
|
+
outline: 3px solid var(--sds-color-states-focus-outer);
|
|
1247
|
+
outline-offset: 3px;
|
|
1248
|
+
}
|
|
1249
|
+
|
|
1250
|
+
&[open] {
|
|
1251
|
+
display: flex;
|
|
1252
|
+
flex-direction: column;
|
|
1253
|
+
padding-block: var(--_sds-dialog-padding-block);
|
|
1254
|
+
padding-inline: var(--_sds-dialog-padding-inline);
|
|
1255
|
+
gap: var(--_sds-dialog-gap);
|
|
1256
|
+
}
|
|
1257
|
+
|
|
1258
|
+
&.sds-dialog__empty-header {
|
|
1259
|
+
/* Set gap to 0 to collapse empty header */
|
|
1260
|
+
--_sds-dialog-gap: var(--sds-dialog-gap, var(--sds-spacing-zero));
|
|
1261
|
+
/* Set padding right to avoid overflowing the close button */
|
|
1262
|
+
padding-right: var(--sds-dialog-padding-right, var(--sds-spacing-lg));
|
|
1263
|
+
}
|
|
1264
|
+
|
|
1265
|
+
&::backdrop {
|
|
1266
|
+
background-color: var(--_sds-dialog-backdrop-color);
|
|
1267
|
+
/* @keyframes does not work for ::backdrop in Firefox, so use transition instead */
|
|
1268
|
+
transition: opacity var(--_sds-dialog-animation-duration) ease-out;
|
|
1269
|
+
opacity: 0;
|
|
1270
|
+
}
|
|
1271
|
+
|
|
1272
|
+
&[open]::backdrop {
|
|
1273
|
+
opacity: 1;
|
|
1274
|
+
}
|
|
1275
|
+
}
|
|
1276
|
+
|
|
1277
|
+
@keyframes sds-dialog-fade-in {
|
|
1278
|
+
to {
|
|
1279
|
+
opacity: 1;
|
|
1280
|
+
transform: translateY(0);
|
|
1281
|
+
}
|
|
1282
|
+
}
|
|
1283
|
+
|
|
1284
|
+
.sds-dialog__close-button {
|
|
1285
|
+
--sds-button-text-color: var(--sds-dialog-close-button-color, var(--sds-color-text-subtle, var(--sds-color-main-text-subtle)));
|
|
1286
|
+
--sds-button-padding-inline: 0;
|
|
1287
|
+
|
|
1288
|
+
position: absolute;
|
|
1289
|
+
top: var(--_sds-dialog-close-button-offset);
|
|
1290
|
+
right: var(--_sds-dialog-close-button-offset);
|
|
1291
|
+
z-index: 1;
|
|
1292
|
+
}
|
|
1293
|
+
|
|
1294
|
+
.sds-dialog__header {
|
|
1295
|
+
margin-right: var(--sds-spacing-lg);
|
|
1296
|
+
}
|
|
1297
|
+
|
|
1298
|
+
@media (max-width: 640px) {
|
|
1299
|
+
:host {
|
|
1300
|
+
--_sds-dialog-max-width: var(--sds-dialog-max-width, 100%);
|
|
1301
|
+
--_sds-dialog-border-radius: var(--sds-dialog-border-radius, var(--sds-spacing-zero));
|
|
1302
|
+
}
|
|
1303
|
+
}
|
|
1304
|
+
|
|
1305
|
+
@media (prefers-reduced-motion: reduce) {
|
|
1306
|
+
:host {
|
|
1307
|
+
--_sds-dialog-animation-duration: 0ms;
|
|
1308
|
+
}
|
|
1309
|
+
}
|
|
1310
|
+
`;var Os=Object.defineProperty,As=Object.getOwnPropertyDescriptor,qs=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?As(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&&Os(s,e,a),a};let Ps=class extends gt{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 Y`
|
|
1311
|
+
<dialog closedby="${this.closedby}" class=${t?"sds-dialog__empty-header":""}>
|
|
1312
|
+
<div class="sds-dialog__header">
|
|
1313
|
+
<slot name="header"></slot>
|
|
1314
|
+
${this.closeButtonLabel?Y`
|
|
1315
|
+
<sds-button class="sds-dialog__close-button" icon variant="tertiary" size="md" data-command="close" aria-label="${this.closeButtonLabel}">
|
|
1316
|
+
<sds-icon name="close-material-outlined" size="md"></sds-icon>
|
|
1317
|
+
</sds-button>
|
|
1318
|
+
`:Q}
|
|
1319
|
+
</div>
|
|
1320
|
+
<slot></slot>
|
|
1321
|
+
<slot name="footer"></slot>
|
|
1322
|
+
</dialog>
|
|
1323
|
+
`}};var Ds;Ps.styles=[Es],qs([$({type:Boolean,reflect:!0})],Ps.prototype,"open",2),qs([$({type:Boolean,reflect:!0})],Ps.prototype,"modal",2),qs([$({type:String,reflect:!0})],Ps.prototype,"closedby",2),qs([$({type:String,attribute:"close-button-label"})],Ps.prototype,"closeButtonLabel",2),qs([E("dialog")],Ps.prototype,"_dialog",2),qs([(Ds={slot:"header",flatten:!1},(t,s)=>{const{slot:e,selector:o}=Ds??{},r="slot"+(e?`[name=${e}]`:":not([name])");return C(t,s,{get(){const t=this.renderRoot?.querySelector(r),s=t?.assignedElements(Ds)??[];return void 0===o?s:s.filter((t=>t.matches(o)))}})})],Ps.prototype,"headerSlotElements",2),Ps=qs([O("sds-dialog")],Ps);const Vs=i`
|
|
1194
1324
|
:host {
|
|
1195
1325
|
--_sds-heading-font-family: var(--sds-heading-font-family, var(--sds-typography-font-family-roboto));
|
|
1196
1326
|
--_sds-heading-text-color: var(--sds-heading-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
|
|
@@ -1343,7 +1473,7 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
1343
1473
|
--_sds-heading-line-height: var(--sds-heading-line-height, var(--sds-typography-heading-xs-desktop-line-height));
|
|
1344
1474
|
}
|
|
1345
1475
|
}
|
|
1346
|
-
`;var
|
|
1476
|
+
`;var Ls=Object.defineProperty,Rs=(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&&Ls(s,e,a),a};const Ms=class extends gt{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 Y`<h1 class=${Ht(t)}><slot></slot></h1>`;case"h2":return Y`<h2 class=${Ht(t)}><slot></slot></h2>`;case"h3":return Y`<h3 class=${Ht(t)}><slot></slot></h3>`;case"h4":return Y`<h4 class=${Ht(t)}><slot></slot></h4>`;case"h5":return Y`<h5 class=${Ht(t)}><slot></slot></h5>`;case"h6":return Y`<h6 class=${Ht(t)}><slot></slot></h6>`}}};Ms.styles=[Vs];let Ts=Ms;Rs([$({type:String,reflect:!0})],Ts.prototype,"level"),Rs([$({type:String,reflect:!0})],Ts.prototype,"size");var Bs=Object.getOwnPropertyDescriptor;let Is=class extends Ts{};Is=((t,s,e,o)=>{for(var r,a=o>1?void 0:o?Bs(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([O("sds-heading")],Is);const js=i`
|
|
1347
1477
|
:host {
|
|
1348
1478
|
--_sds-loader-main-color: var(--sds-loader-main-color, var(--sds-color-action-contrast-default, var(--sds-color-main-action-contrast-default)));
|
|
1349
1479
|
--_sds-loader-secondary-color: var(--sds-loader-secondary-color, var(--sds-color-border-subtle, var(--sds-color-main-border-subtle)));
|
|
@@ -1419,10 +1549,10 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
1419
1549
|
stroke-dashoffset: -120px;
|
|
1420
1550
|
}
|
|
1421
1551
|
}
|
|
1422
|
-
`;var
|
|
1552
|
+
`;var Fs=Object.defineProperty,Ns=Object.getOwnPropertyDescriptor,Us=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?Ns(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&Fs(s,e,a),a};let Hs=class extends gt{constructor(){super(...arguments),this.size="md",this.contrast=!1}render(){return Y`<svg aria-label="Laster" class="sds-loader" role="img" viewBox="0 0 50 50">
|
|
1423
1553
|
<circle class="sds-loader__background" cx="25" cy="25" r="20" fill="none" stroke-width="7"></circle>
|
|
1424
1554
|
<circle class="sds-loader__circle" cx="25" cy="25" r="20" fill="none" stroke-width="7"></circle>
|
|
1425
|
-
</svg>`}};
|
|
1555
|
+
</svg>`}};Hs.styles=[js],Us([$({type:String,reflect:!0})],Hs.prototype,"size",2),Us([$({type:Boolean,reflect:!0})],Hs.prototype,"contrast",2),Hs=Us([O("sds-loader")],Hs);const Ws=i`
|
|
1426
1556
|
:host {
|
|
1427
1557
|
--_sds-notification-background-color: var(--sds-notification-background-color, var(--sds-color-alert-info-surface-tinted));
|
|
1428
1558
|
|
|
@@ -1559,20 +1689,20 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
1559
1689
|
margin: 0 !important;
|
|
1560
1690
|
max-width: var(--_sds-notification-max-line-width) !important;
|
|
1561
1691
|
}
|
|
1562
|
-
`;var
|
|
1692
|
+
`;var Gs=Object.defineProperty,Ks=Object.getOwnPropertyDescriptor,Ys=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?Ks(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&&Gs(s,e,a),a};const Zs={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 Qs=!1,Xs=class extends gt{constructor(){super(),this.variant="info",this._remove=()=>{this.dispatchEvent(new CustomEvent("sds-remove",{bubbles:!0,composed:!0}))},Qs||(Qs=!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 Y`<div class="${Ht({"sds-notification":!0})}">
|
|
1563
1693
|
<div class="sds-notification__type">
|
|
1564
|
-
<sds-icon class="sds-notification__icon" name="${
|
|
1694
|
+
<sds-icon class="sds-notification__icon" name="${Zs[this.variant]}" size="md"></sds-icon>
|
|
1565
1695
|
</div>
|
|
1566
1696
|
<div class="sds-notification__content">
|
|
1567
1697
|
<slot name="title"></slot>
|
|
1568
1698
|
<slot name="message"></slot>
|
|
1569
1699
|
</div>
|
|
1570
|
-
${this.removableLabel?
|
|
1700
|
+
${this.removableLabel?Y`<div class="sds-notification__actions">
|
|
1571
1701
|
<sds-button icon variant="tertiary" color="${t}" size="sm" @click=${this._remove} aria-label="${this.removableLabel}">
|
|
1572
1702
|
<sds-icon name="close-material-outlined" size="sm"></sds-icon>
|
|
1573
1703
|
</sds-button>
|
|
1574
1704
|
</div>`:Q}
|
|
1575
|
-
</div>`}};
|
|
1705
|
+
</div>`}};Xs.styles=[Ws],Ys([$({type:String,reflect:!0})],Xs.prototype,"variant",2),Ys([$({type:String,attribute:"removable-label",reflect:!0})],Xs.prototype,"removableLabel",2),Xs=Ys([O("sds-notification")],Xs);const Js=i`
|
|
1576
1706
|
:host {
|
|
1577
1707
|
--_sds-radio-font-family: var(--sds-radio-font-family, var(--sds-typography-font-family-roboto));
|
|
1578
1708
|
--_sds-radio-disabled-opacity: var(--sds-radio-disabled-opacity, var(--sds-color-states-disabled-opacity));
|
|
@@ -1774,13 +1904,13 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
1774
1904
|
margin-block-start: -1px;
|
|
1775
1905
|
}
|
|
1776
1906
|
}
|
|
1777
|
-
`;var
|
|
1778
|
-
<div class="${
|
|
1907
|
+
`;var te=Object.defineProperty,se=Object.getOwnPropertyDescriptor,ee=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?se(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&&te(s,e,a),a};let oe=class extends gt{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 Y`
|
|
1908
|
+
<div class="${Ht(t)}">
|
|
1779
1909
|
<input
|
|
1780
1910
|
id="control"
|
|
1781
1911
|
type="radio"
|
|
1782
|
-
name="${
|
|
1783
|
-
value="${
|
|
1912
|
+
name="${St(this.name)}"
|
|
1913
|
+
value="${St(this.value)}"
|
|
1784
1914
|
?checked="${this.checked??!1}"
|
|
1785
1915
|
.checked="${this.checked??!1}"
|
|
1786
1916
|
?disabled="${this.disabled??!1}"
|
|
@@ -1790,12 +1920,12 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
1790
1920
|
@change="${this._handleChange}"
|
|
1791
1921
|
@focus="${this._handleFocus}"
|
|
1792
1922
|
@blur="${this._handleBlur}"
|
|
1793
|
-
class="${
|
|
1923
|
+
class="${Ht(s)}"
|
|
1794
1924
|
/>
|
|
1795
|
-
${this.label?
|
|
1796
|
-
${this.helpText?
|
|
1925
|
+
${this.label?Y`<label class="sds-radio__label" for="control">${this.label}</label>`:Q}
|
|
1926
|
+
${this.helpText?Y`<span class="sds-radio__help-text">${this.helpText}</span>`:Q}
|
|
1797
1927
|
</div>
|
|
1798
|
-
`}};
|
|
1928
|
+
`}};oe.styles=[Js],oe.formAssociated=!0,oe.shadowRootOptions={...gt.shadowRootOptions,delegatesFocus:!0},ee([$({type:Boolean,reflect:!0})],oe.prototype,"required",2),ee([$({type:String,reflect:!0})],oe.prototype,"label",2),ee([$({type:Boolean,reflect:!0,attribute:"hide-label"})],oe.prototype,"hideLabel",2),ee([$({type:String,reflect:!0})],oe.prototype,"name",2),ee([$({type:String})],oe.prototype,"value",2),ee([$({type:Boolean,reflect:!0})],oe.prototype,"checked",2),ee([$({type:Boolean,reflect:!0})],oe.prototype,"error",2),ee([$({type:Boolean,attribute:"readonly",reflect:!0})],oe.prototype,"readOnly",2),ee([$({type:String,reflect:!0})],oe.prototype,"size",2),ee([$({type:String,attribute:"help-text"})],oe.prototype,"helpText",2),ee([$({type:Boolean,reflect:!0})],oe.prototype,"disabled",1),ee([$({type:Boolean,attribute:!1})],oe.prototype,"parentRequestDisabled",1),ee([E("#control")],oe.prototype,"control",2),oe=ee([O("sds-radio")],oe);const re=i`
|
|
1799
1929
|
:host {
|
|
1800
1930
|
--_sds-radio-group-gap: var(--sds-radio-group-gap, var(--sds-spacing-xs));
|
|
1801
1931
|
--_sds-radio-group-row-gap: var(--sds-radio-group-row-gap, var(--sds-spacing-md));
|
|
@@ -1893,18 +2023,225 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
1893
2023
|
--_sds-radio-group-help-text-font-size: var(--sds-radio-group-help-text-font-size, var(--sds-components-font-size-content-lg));
|
|
1894
2024
|
--_sds-radio-group-help-text-line-height: var(--sds-radio-group-help-text-line-height, var(--sds-components-line-height-squeezed-lg));
|
|
1895
2025
|
}
|
|
1896
|
-
`;var
|
|
1897
|
-
<fieldset class="${
|
|
1898
|
-
${this.legend?
|
|
1899
|
-
${this.helpText?
|
|
1900
|
-
<div class="${
|
|
2026
|
+
`;var ae=Object.defineProperty,ie=Object.getOwnPropertyDescriptor,de=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?ie(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&&ae(s,e,a),a};const ne=["disabled","errorMessage","readOnly","required","size"];let le=class extends gt{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([...ne])}}_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;ne.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 Y`
|
|
2027
|
+
<fieldset class="${Ht(t)}">
|
|
2028
|
+
${this.legend?Y`<legend class="sds-radio-group__legend">${this.readOnly?Y`<sds-icon name="lock-material-filled" size="md"></sds-icon>`:Q}${this.legend}</legend>`:Q}
|
|
2029
|
+
${this.helpText?Y`<p class="sds-radio-group__help-text">${this.helpText}</p>`:Q}
|
|
2030
|
+
<div class="${Ht(s)}" @change=${this._handleRadioChange}>
|
|
1901
2031
|
<slot @slotchange=${this._handleSlotChange}></slot>
|
|
1902
2032
|
</div>
|
|
1903
|
-
${this.errorMessage?
|
|
2033
|
+
${this.errorMessage?Y`<sds-alert variant="secondary" data-palette="danger">
|
|
1904
2034
|
<p slot="message">${this.errorMessage}</p>
|
|
1905
2035
|
</sds-alert>`:Q}
|
|
1906
2036
|
</fieldset>
|
|
1907
|
-
`}get value(){return{selectedValue:this._selectedValue}}};
|
|
2037
|
+
`}get value(){return{selectedValue:this._selectedValue}}};le.styles=[re],de([$({type:String})],le.prototype,"legend",2),de([$({type:String,attribute:"help-text"})],le.prototype,"helpText",2),de([$({type:String,attribute:"error-message"})],le.prototype,"errorMessage",2),de([$({type:Boolean,attribute:"readonly",reflect:!0})],le.prototype,"readOnly",2),de([$({type:String})],le.prototype,"direction",2),de([$({type:Boolean,reflect:!0})],le.prototype,"disabled",2),de([$({type:Boolean,reflect:!0})],le.prototype,"required",2),de([$({type:String,reflect:!0})],le.prototype,"size",2),de([S()],le.prototype,"_selectedValue",2),de([E("slot")],le.prototype,"_slotElement",2),le=de([O("sds-radio-group")],le);const ce=i`
|
|
2038
|
+
:host {
|
|
2039
|
+
--_sds-select-background-color: var(--sds-select-background-color, var(--sds-color-background-default, var(--sds-color-neutral-background-default)));
|
|
2040
|
+
--_sds-select-text-color: var(--sds-select-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
|
|
2041
|
+
|
|
2042
|
+
--_sds-select-border-color: var(--sds-select-border-color, var(--sds-color-border-default, var(--sds-color-neutral-border-default)));
|
|
2043
|
+
--_sds-select-border-width: var(--sds-select-border-width, var(--sds-border-sm));
|
|
2044
|
+
--_sds-select-border-radius: var(--sds-select-border-radius, var(--sds-radius-sm));
|
|
2045
|
+
|
|
2046
|
+
--_sds-select-font-family: var(--sds-select-font-family, var(--sds-typography-font-family-roboto));
|
|
2047
|
+
--_sds-select-font-size: var(--sds-select-font-size, var(--sds-components-font-size-content-md));
|
|
2048
|
+
--_sds-select-font-weight: var(--sds-select-font-weight, var(--sds-typography-font-weight-regular));
|
|
2049
|
+
--_sds-select-line-height: var(--sds-select-line-height, var(--sds-components-line-height-squeezed-md));
|
|
2050
|
+
--_sds-select-min-height: var(--sds-select-height, var(--sds-components-button-md));
|
|
2051
|
+
|
|
2052
|
+
--_sds-select-gap: var(--sds-select-gap, var(--sds-spacing-3xs));
|
|
2053
|
+
--_sds-select-padding-block: var(--sds-select-padding-block, 0);
|
|
2054
|
+
--_sds-select-padding-inline: var(--sds-select-padding-inline, var(--sds-spacing-xs));
|
|
2055
|
+
--_sds-select-padding-icon-inline-end: var(--sds-spacing-lg);
|
|
2056
|
+
|
|
2057
|
+
--_sds-select-disabled-opacity: var(--sds-select-disabled-opacity, var(--sds-color-states-disabled-opacity));
|
|
2058
|
+
--_sds-select-max-width: var(--sds-select-max-width, var(--sds-typography-max-line-width, 60ch));
|
|
2059
|
+
--_sds-select-width: var(--sds-select-width, fit-content);
|
|
2060
|
+
|
|
2061
|
+
--_sds-select-label-text-color: var(--sds-select-label-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
|
|
2062
|
+
--_sds-select-label-font-size: var(--sds-select-label-font-size, var(--sds-components-font-size-content-md));
|
|
2063
|
+
--_sds-select-label-font-weight: var(--sds-select-label-font-weight, var(--sds-typography-font-weight-medium));
|
|
2064
|
+
--_sds-select-label-line-height: var(--sds-select-label-line-height, var(--sds-components-line-height-squeezed-md));
|
|
2065
|
+
|
|
2066
|
+
--_sds-select-helptext-text-color: var(--sds-select-helptext-text-color, var(--sds-color-text-subtle, var(--sds-color-neutral-text-subtle)));
|
|
2067
|
+
--_sds-select-helptext-font-size: var(--sds-select-helptext-font-size, var(--sds-components-font-size-content-md));
|
|
2068
|
+
--_sds-select-helptext-font-weight: var(--sds-select-helptext-font-weight, var(--sds-typography-font-weight-regular));
|
|
2069
|
+
--_sds-select-helptext-line-height: var(--sds-select-helptext-line-height, var(--sds-components-line-height-squeezed-md));
|
|
2070
|
+
|
|
2071
|
+
--_sds-select-focus-color: var(--sds-select-focus-color, var(--sds-color-states-focus-outer));
|
|
2072
|
+
--_sds-select-focus-inner-color: var(--sds-select-focus-inner-color, var(--sds-color-states-focus-inner));
|
|
2073
|
+
--_sds-select-focus-spacing: var(--sds-select-focus-spacing, var(--sds-color-states-focus-spacing));
|
|
2074
|
+
|
|
2075
|
+
--_sds-select-error-border-color: var(--sds-select-error-border-color, var(--sds-color-alert-danger-border-default, var(--sds-color-neutral-border-strong)));
|
|
2076
|
+
--_sds-select-error-text-color: var(--sds-select-error-text-color, var(--sds-color-alert-danger-text-default, var(--sds-color-neutral-text-default)));
|
|
2077
|
+
|
|
2078
|
+
all: unset;
|
|
2079
|
+
display: block;
|
|
2080
|
+
text-align: start;
|
|
2081
|
+
}
|
|
2082
|
+
|
|
2083
|
+
.sds-select {
|
|
2084
|
+
display: flex;
|
|
2085
|
+
flex-direction: column;
|
|
2086
|
+
gap: var(--_sds-select-gap);
|
|
2087
|
+
font-family: var(--_sds-select-font-family);
|
|
2088
|
+
}
|
|
2089
|
+
|
|
2090
|
+
.sds-select__label {
|
|
2091
|
+
color: var(--_sds-select-label-text-color);
|
|
2092
|
+
font-size: var(--_sds-select-label-font-size);
|
|
2093
|
+
font-weight: var(--_sds-select-label-font-weight);
|
|
2094
|
+
line-height: var(--_sds-select-label-line-height);
|
|
2095
|
+
}
|
|
2096
|
+
|
|
2097
|
+
.sds-select__label:has(sds-icon) {
|
|
2098
|
+
display: flex;
|
|
2099
|
+
flex-direction: row;
|
|
2100
|
+
align-items: center;
|
|
2101
|
+
gap: var(--_sds-select-gap);
|
|
2102
|
+
}
|
|
2103
|
+
|
|
2104
|
+
.sds-select__help-text {
|
|
2105
|
+
color: var(--_sds-select-helptext-text-color);
|
|
2106
|
+
font-size: var(--_sds-select-helptext-font-size);
|
|
2107
|
+
font-weight: var(--_sds-select-helptext-font-weight);
|
|
2108
|
+
line-height: var(--_sds-select-helptext-line-height);
|
|
2109
|
+
margin: 0;
|
|
2110
|
+
}
|
|
2111
|
+
|
|
2112
|
+
.sds-select__control {
|
|
2113
|
+
box-sizing: border-box;
|
|
2114
|
+
width: var(--_sds-select-width);
|
|
2115
|
+
max-width: var(--_sds-select-max-width);
|
|
2116
|
+
|
|
2117
|
+
color: var(--_sds-select-text-color);
|
|
2118
|
+
background-color: var(--_sds-select-background-color);
|
|
2119
|
+
|
|
2120
|
+
padding-block: var(--_sds-select-padding-block);
|
|
2121
|
+
padding-inline-start: var(--_sds-select-padding-inline);
|
|
2122
|
+
padding-inline-end: var(--_sds-select-padding-icon-inline-end);
|
|
2123
|
+
|
|
2124
|
+
line-height: var(--_sds-select-line-height);
|
|
2125
|
+
font-size: var(--_sds-select-font-size);
|
|
2126
|
+
font-weight: var(--_sds-select-font-weight);
|
|
2127
|
+
font-family: var(--_sds-select-font-family);
|
|
2128
|
+
|
|
2129
|
+
min-height: var(--_sds-select-min-height);
|
|
2130
|
+
border-radius: var(--_sds-select-border-radius);
|
|
2131
|
+
border: var(--_sds-select-border-width) solid var(--_sds-select-border-color);
|
|
2132
|
+
appearance: none;
|
|
2133
|
+
|
|
2134
|
+
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 32 32'%3E%3Cpath d='M16 20.5 8 12.5 9.867 10.633 16 16.767 22.133 10.633 24 12.5Z'/%3E%3C/svg%3E");
|
|
2135
|
+
background-repeat: no-repeat;
|
|
2136
|
+
background-size: 2rem;
|
|
2137
|
+
background-position: top 50% right var(--sds-spacing-3xs);
|
|
2138
|
+
|
|
2139
|
+
&:hover {
|
|
2140
|
+
--_sds-select-border-color: var(--sds-select-border-color, var(--sds-color-border-strong, var(--sds-color-neutral-border-strong)));
|
|
2141
|
+
}
|
|
2142
|
+
|
|
2143
|
+
&:focus-visible {
|
|
2144
|
+
box-shadow: 0 0 0 var(--sds-color-states-focus-spacing) var(--_sds-select-focus-inner-color);
|
|
2145
|
+
outline: var(--_sds-select-focus-spacing) solid var(--_sds-select-focus-color);
|
|
2146
|
+
outline-offset: var(--_sds-select-focus-spacing);
|
|
2147
|
+
}
|
|
2148
|
+
|
|
2149
|
+
&:open {
|
|
2150
|
+
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 32 32'%3E%3Cpath d='m16 11.5 8 8-1.867 1.867L16 15.233l-6.133 6.134L8 19.5z'/%3E%3C/svg%3E");
|
|
2151
|
+
}
|
|
2152
|
+
}
|
|
2153
|
+
|
|
2154
|
+
.sds-select--error .sds-select__control {
|
|
2155
|
+
border-color: var(--_sds-select-error-border-color);
|
|
2156
|
+
}
|
|
2157
|
+
|
|
2158
|
+
.sds-select__error {
|
|
2159
|
+
color: var(--_sds-select-error-text-color);
|
|
2160
|
+
font-size: var(--_sds-select-helptext-font-size);
|
|
2161
|
+
line-height: var(--_sds-select-helptext-line-height);
|
|
2162
|
+
margin: 0;
|
|
2163
|
+
display: flex;
|
|
2164
|
+
align-items: center;
|
|
2165
|
+
gap: var(--sds-spacing-3xs);
|
|
2166
|
+
}
|
|
2167
|
+
|
|
2168
|
+
:host([disabled]) .sds-select__control {
|
|
2169
|
+
opacity: var(--_sds-select-disabled-opacity);
|
|
2170
|
+
cursor: not-allowed;
|
|
2171
|
+
}
|
|
2172
|
+
|
|
2173
|
+
.sds-select__icon {
|
|
2174
|
+
position: absolute;
|
|
2175
|
+
top: 50%;
|
|
2176
|
+
inset-inline-end: var(--_sds-select-padding-inline);
|
|
2177
|
+
transform: translateY(-50%);
|
|
2178
|
+
width: var(--sds-components-icon-md, 1rem);
|
|
2179
|
+
height: var(--sds-components-icon-md, 1rem);
|
|
2180
|
+
pointer-events: none;
|
|
2181
|
+
background-color: currentColor;
|
|
2182
|
+
mask: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.47 6.47a.75.75 0 0 1 1.06 0L8 8.94l2.47-2.47a.75.75 0 1 1 1.06 1.06l-3 3a.75.75 0 0 1-1.06 0l-3-3a.75.75 0 0 1 0-1.06z' fill='black'/%3E%3C/svg%3E")
|
|
2183
|
+
no-repeat center / contain;
|
|
2184
|
+
}
|
|
2185
|
+
|
|
2186
|
+
:host([readonly]) {
|
|
2187
|
+
--_sds-select-background-color: var(--sds-select-background-color, var(--sds-color-surface-tinted, var(--sds-color-neutral-surface-tinted)));
|
|
2188
|
+
|
|
2189
|
+
& .sds-select__control {
|
|
2190
|
+
pointer-events: none;
|
|
2191
|
+
}
|
|
2192
|
+
}
|
|
2193
|
+
|
|
2194
|
+
:host([size='sm']) {
|
|
2195
|
+
--_sds-select-min-height: var(--sds-select-height, var(--sds-components-button-sm));
|
|
2196
|
+
--_sds-select-font-size: var(--sds-select-font-size, var(--sds-components-font-size-content-sm));
|
|
2197
|
+
--_sds-select-line-height: var(--sds-select-line-height, var(--sds-components-line-height-squeezed-sm));
|
|
2198
|
+
--_sds-select-label-font-size: var(--sds-select-label-font-size, var(--sds-components-font-size-content-sm));
|
|
2199
|
+
--_sds-select-label-line-height: var(--sds-select-label-line-height, var(--sds-components-line-height-squeezed-sm));
|
|
2200
|
+
--_sds-select-helptext-font-size: var(--sds-select-helptext-font-size, var(--sds-components-font-size-content-sm));
|
|
2201
|
+
--_sds-select-helptext-line-height: var(--sds-select-helptext-line-height, var(--sds-components-line-height-squeezed-sm));
|
|
2202
|
+
}
|
|
2203
|
+
|
|
2204
|
+
:host([size='lg']) {
|
|
2205
|
+
--_sds-select-min-height: var(--sds-select-height, var(--sds-components-button-lg));
|
|
2206
|
+
--_sds-select-font-size: var(--sds-select-font-size, var(--sds-components-font-size-content-lg));
|
|
2207
|
+
--_sds-select-line-height: var(--sds-select-line-height, var(--sds-components-line-height-squeezed-lg));
|
|
2208
|
+
--_sds-select-label-font-size: var(--sds-select-label-font-size, var(--sds-components-font-size-content-lg));
|
|
2209
|
+
--_sds-select-label-line-height: var(--sds-select-label-line-height, var(--sds-components-line-height-squeezed-lg));
|
|
2210
|
+
--_sds-select-helptext-font-size: var(--sds-select-helptext-font-size, var(--sds-components-font-size-content-lg));
|
|
2211
|
+
--_sds-select-helptext-line-height: var(--sds-select-helptext-line-height, var(--sds-components-line-height-squeezed-lg));
|
|
2212
|
+
}
|
|
2213
|
+
`;var he=Object.defineProperty,pe=Object.getOwnPropertyDescriptor,ge=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?pe(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 ve=class extends gt{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(){return Array.from(this.children).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 Y`<hr />`;default:return Q}}))}renderOption(t){const s=t.getAttribute("value"),e=t.value,o=null!=this.value&&e===this.value;return Y` <option value=${St(null===s?void 0:s)} ?disabled=${t.disabled} .selected=${o}>${t.text}</option> `}renderOptgroup(t){const s=Array.from(t.querySelectorAll("option"));return Y` <optgroup label=${St(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 Y`
|
|
2214
|
+
<div class="${Ht(t)}">
|
|
2215
|
+
${this.label?Y` <label for="select" class="sds-select__label"> ${this.readOnly?Y`<sds-icon name="lock-material-filled" size="m"></sds-icon>`:Q} ${this.label} </label> `:Q}
|
|
2216
|
+
${this.helpText?Y`<p class="sds-select__help-text">${this.helpText}</p>`:Q}
|
|
2217
|
+
|
|
2218
|
+
<div hidden>
|
|
2219
|
+
<slot @slotchange=${this._handleSlotChange}></slot>
|
|
2220
|
+
</div>
|
|
2221
|
+
|
|
2222
|
+
<select
|
|
2223
|
+
id="select"
|
|
2224
|
+
class="sds-select__control"
|
|
2225
|
+
name=${St(this.name)}
|
|
2226
|
+
?disabled=${this.disabled}
|
|
2227
|
+
?required=${this.required}
|
|
2228
|
+
aria-readonly=${St(this.readOnly)}
|
|
2229
|
+
aria-invalid=${this.errorMessage?"true":"false"}
|
|
2230
|
+
@keydown=${this._handleKeyDown}
|
|
2231
|
+
@change=${this._handleChange}
|
|
2232
|
+
@focus=${this._handleFocus}
|
|
2233
|
+
@blur=${this._handleBlur}
|
|
2234
|
+
>
|
|
2235
|
+
${this.renderFromLightDom()}
|
|
2236
|
+
</select>
|
|
2237
|
+
|
|
2238
|
+
${this.errorMessage?Y`
|
|
2239
|
+
<sds-alert variant="secondary" data-palette="danger">
|
|
2240
|
+
<p slot="message">${this.errorMessage}</p>
|
|
2241
|
+
</sds-alert>
|
|
2242
|
+
`:Q}
|
|
2243
|
+
</div>
|
|
2244
|
+
`}};ve.styles=[ce],ve.formAssociated=!0,ve.shadowRootOptions={...gt.shadowRootOptions,delegatesFocus:!0},ge([$({type:String,reflect:!0})],ve.prototype,"name",2),ge([$({type:String,reflect:!0})],ve.prototype,"label",2),ge([$({type:String,attribute:!1})],ve.prototype,"value",2),ge([$({type:String,attribute:"default-value"})],ve.prototype,"defaultValue",2),ge([$({type:String,attribute:"help-text",reflect:!0})],ve.prototype,"helpText",2),ge([$({type:String,attribute:"error-message",reflect:!0})],ve.prototype,"errorMessage",2),ge([$({type:Boolean,reflect:!0})],ve.prototype,"disabled",2),ge([$({type:Boolean,reflect:!0})],ve.prototype,"required",2),ge([$({type:Boolean,attribute:"readonly",reflect:!0})],ve.prototype,"readOnly",2),ge([$({type:String,reflect:!0})],ve.prototype,"size",2),ge([E("#select")],ve.prototype,"control",2),ve=ge([O("sds-select")],ve);const ue=i`
|
|
1908
2245
|
:host {
|
|
1909
2246
|
--_sds-switch-background-color: var(--sds-switch-background-color, var(--sds-color-surface-default, var(--sds-color-neutral-surface-default)));
|
|
1910
2247
|
--_sds-switch-text-color: var(--sds-switch-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
|
|
@@ -2054,7 +2391,7 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
2054
2391
|
.sds-switch__input:checked::before {
|
|
2055
2392
|
--_sds-switch-button-position: calc(var(--_sds-switch-width) - var(--_sds-switch-button-size) - var(--_sds-switch-button-gap) - var(--_sds-switch-border-width));
|
|
2056
2393
|
}
|
|
2057
|
-
`;var
|
|
2394
|
+
`;var fe=Object.defineProperty,be=Object.getOwnPropertyDescriptor,_e=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?be(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&&fe(s,e,a),a};let me=class extends gt{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=Y`<input
|
|
2058
2395
|
class="sds-switch__input"
|
|
2059
2396
|
id="control"
|
|
2060
2397
|
type="checkbox"
|
|
@@ -2063,11 +2400,11 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
2063
2400
|
?disabled="${this.disabled}"
|
|
2064
2401
|
.checked="${this.checked}"
|
|
2065
2402
|
?checked="${this.checked}"
|
|
2066
|
-
name="${
|
|
2403
|
+
name="${St(this.name)}"
|
|
2067
2404
|
@change="${this._handleChange}"
|
|
2068
2405
|
@focus="${this._handleFocus}"
|
|
2069
2406
|
@blur="${this._handleBlur}"
|
|
2070
|
-
/>`,e=this.readOnly?
|
|
2407
|
+
/>`,e=this.readOnly?Y`<sds-icon name="lock-material-filled" size="${this.getIconSize()}"></sds-icon>`:Q,o=Y`<label class="${Ht(t)}" for="control">${e}${this.label}</label>`;return Y`<div class="${Ht({"sds-switch":!0})}">${this.reverse?[o,s]:[s,o]}</div>`}};me.styles=[ue],me.formAssociated=!0,me.shadowRootOptions={...gt.shadowRootOptions,delegatesFocus:!0},_e([$({type:Boolean,reflect:!0})],me.prototype,"disabled",2),_e([$({type:String,reflect:!0})],me.prototype,"label",2),_e([$({type:Boolean,reflect:!0,attribute:"hide-label"})],me.prototype,"hideLabel",2),_e([$({type:String,reflect:!0})],me.prototype,"name",2),_e([$({type:Boolean,reflect:!0})],me.prototype,"reverse",2),_e([$({type:Boolean,reflect:!0})],me.prototype,"checked",2),_e([$({type:Boolean,attribute:"readonly",reflect:!0})],me.prototype,"readOnly",2),_e([$({type:String,reflect:!0})],me.prototype,"size",2),_e([E("#control")],me.prototype,"control",2),me=_e([O("sds-switch")],me);const xe=i`
|
|
2071
2408
|
:host {
|
|
2072
2409
|
--_sds-tag-background-color: var(--sds-tag-background-color, var(--sds-color-surface-tinted, var(--sds-color-neutral-surface-tinted)));
|
|
2073
2410
|
--_sds-tag-text-color: var(--sds-tag-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
|
|
@@ -2128,9 +2465,9 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
2128
2465
|
--_sds-tag-font-size: var(--sds-tag-font-size, var(--sds-components-font-size-content-lg));
|
|
2129
2466
|
--_sds-tag-line-height: var(--sds-tag-line-height, var(--sds-components-line-height-squeezed-lg));
|
|
2130
2467
|
}
|
|
2131
|
-
`;var
|
|
2468
|
+
`;var ye=Object.defineProperty,we=Object.getOwnPropertyDescriptor,ke=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?we(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=(o?r(s,e,a):r(a))||a);return o&&a&&ye(s,e,a),a};let ze=class extends gt{constructor(){super(...arguments),this.size="md"}render(){return Y`<span class="${Ht({"sds-tag":!0})}">
|
|
2132
2469
|
<slot></slot>
|
|
2133
|
-
</span>`}};
|
|
2470
|
+
</span>`}};ze.styles=[xe],ke([$({type:String,reflect:!0})],ze.prototype,"size",2),ze=ke([O("sds-tag")],ze);const $e=i`
|
|
2134
2471
|
:host {
|
|
2135
2472
|
--_sds-text-font-family: var(--sds-text-font-family, var(--sds-typography-font-family-roboto));
|
|
2136
2473
|
--_sds-text-font-size: var(--sds-text-font-size, var(--sds-typography-body-md-mobile-font-size));
|
|
@@ -2405,7 +2742,7 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
2405
2742
|
--_sds-text-line-height: var(--sds-text-line-height, var(--sds-typography-body-xl-desktop-line-height));
|
|
2406
2743
|
}
|
|
2407
2744
|
}
|
|
2408
|
-
`;var
|
|
2745
|
+
`;var Se=Object.defineProperty,Ce=(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&&Se(s,e,a),a};const Ee=class extends gt{constructor(){super(...arguments),this.size="md",this.strong=!1,this.tall=!1}render(){return Y`<p><slot></slot></p>`}};Ee.styles=[$e];let Oe=Ee;Ce([$({type:String,reflect:!0})],Oe.prototype,"size"),Ce([$({type:Boolean,reflect:!0})],Oe.prototype,"strong"),Ce([$({type:Boolean,reflect:!0})],Oe.prototype,"tall");var Ae=Object.getOwnPropertyDescriptor;let qe=class extends Oe{};qe=((t,s,e,o)=>{for(var r,a=o>1?void 0:o?Ae(s,e):s,i=t.length-1;i>=0;i--)(r=t[i])&&(a=r(a)||a);return a})([O("sds-text")],qe);const Pe=i`
|
|
2409
2746
|
:host {
|
|
2410
2747
|
--_sds-textfield-background-color: var(--sds-textfield-background-color, var(--sds-color-background-default, var(--sds-color-neutral-background-default)));
|
|
2411
2748
|
--_sds-textfield-text-color: var(--sds-textfield-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
|
|
@@ -2425,7 +2762,7 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
2425
2762
|
--_sds-textfield-padding-inline: var(--sds-textfield-padding-inline, var(--sds-spacing-xs));
|
|
2426
2763
|
--_sds-textfield-padding-icon: var(--sds-textfield-padding-icon, calc(var(--sds-spacing-xs) + var(--sds-components-icon-md)));
|
|
2427
2764
|
--_sds-textfield-disabled-opacity: var(--sds-textfield-disabled-opacity, var(--sds-color-states-disabled-opacity));
|
|
2428
|
-
--_sds-textfield-max-width: var(--sds-textfield-input-max-width, var(--sds-typography-max-line-width,
|
|
2765
|
+
--_sds-textfield-max-width: var(--sds-textfield-input-max-width, var(--sds-typography-max-line-width, 60ch));
|
|
2429
2766
|
|
|
2430
2767
|
--_sds-textfield-label-text-color: var(--sds-textfield-label-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
|
|
2431
2768
|
--_sds-textfield-label-font-size: var(--sds-textfield-label-font-size, var(--sds-components-font-size-content-md));
|
|
@@ -2572,26 +2909,26 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
2572
2909
|
--sds-icon-size: var(--sds-textfield-icon-size, var(--sds-components-icon-lg));
|
|
2573
2910
|
}
|
|
2574
2911
|
}
|
|
2575
|
-
`;var
|
|
2576
|
-
<div class="${
|
|
2577
|
-
${this.label?
|
|
2578
|
-
${this.helpText?
|
|
2912
|
+
`;var De=Object.defineProperty,Ve=Object.getOwnPropertyDescriptor,Le=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?Ve(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 gt{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 Y`
|
|
2913
|
+
<div class="${Ht(t)}">
|
|
2914
|
+
${this.label?Y`<label for="sds-textfield" class="sds-textfield__label">${this.readOnly?Y`<sds-icon name="lock-material-filled" size="m"></sds-icon>`:Q}</sds-icon>${this.label}</label>`:Q}
|
|
2915
|
+
${this.helpText?Y`<p class="sds-textfield__help-text">${this.helpText}</p>`:Q}
|
|
2579
2916
|
<div class="sds-textfield__input-container">
|
|
2580
2917
|
<input
|
|
2581
2918
|
part="input"
|
|
2582
2919
|
class="sds-textfield__input"
|
|
2583
|
-
type="${
|
|
2920
|
+
type="${St(this.type)}"
|
|
2584
2921
|
id="sds-textfield"
|
|
2585
2922
|
?disabled="${this.disabled}"
|
|
2586
2923
|
?readonly="${this.readOnly}"
|
|
2587
|
-
placeholder="${
|
|
2924
|
+
placeholder="${St(this.placeholder)}"
|
|
2588
2925
|
.value="${this.value??""}"
|
|
2589
|
-
name="${
|
|
2590
|
-
autocomplete="${
|
|
2926
|
+
name="${St(this.name)}"
|
|
2927
|
+
autocomplete="${St(this.autocomplete)}"
|
|
2591
2928
|
?required="${this.required}"
|
|
2592
|
-
pattern="${
|
|
2593
|
-
minlength="${
|
|
2594
|
-
maxlength="${
|
|
2929
|
+
pattern="${St(this.pattern)}"
|
|
2930
|
+
minlength="${St(this.minlength)}"
|
|
2931
|
+
maxlength="${St(this.maxlength)}"
|
|
2595
2932
|
@input="${this._handleInputChange}"
|
|
2596
2933
|
@change="${this._handleInputChange}"
|
|
2597
2934
|
@select="${this._handleSelect}"
|
|
@@ -2601,9 +2938,9 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
2601
2938
|
/>
|
|
2602
2939
|
<slot name="after" @slotchange="${this.handleSlotChange}" aria-hidden="true"></slot>
|
|
2603
2940
|
</div>
|
|
2604
|
-
${this.errorMessage?
|
|
2941
|
+
${this.errorMessage?Y`<sds-alert variant="secondary" data-palette="danger"><p slot="message">${this.errorMessage}</p></sds-alert>`:Q}
|
|
2605
2942
|
</div>
|
|
2606
|
-
`}};
|
|
2943
|
+
`}};Re.styles=[Pe],Re.formAssociated=!0,Re.shadowRootOptions={...gt.shadowRootOptions,delegatesFocus:!0},Le([$({type:String,reflect:!0})],Re.prototype,"type",2),Le([$({type:String})],Re.prototype,"value",2),Le([$({type:String,reflect:!0})],Re.prototype,"name",2),Le([$({type:String,reflect:!0})],Re.prototype,"label",2),Le([$({type:String,reflect:!0})],Re.prototype,"placeholder",2),Le([$({type:String,attribute:"help-text",reflect:!0})],Re.prototype,"helpText",2),Le([$({type:String,attribute:"error-message",reflect:!0})],Re.prototype,"errorMessage",2),Le([$({type:Boolean,reflect:!0})],Re.prototype,"disabled",2),Le([$({type:Boolean,attribute:"readonly",reflect:!0})],Re.prototype,"readOnly",2),Le([$({type:String,reflect:!0})],Re.prototype,"autocomplete",2),Le([$({type:Boolean,reflect:!0})],Re.prototype,"required",2),Le([$({type:String,reflect:!0})],Re.prototype,"pattern",2),Le([$({type:Number,reflect:!0})],Re.prototype,"minlength",2),Le([$({type:Number,reflect:!0})],Re.prototype,"maxlength",2),Le([$({type:String,reflect:!0})],Re.prototype,"size",2),Le([S()],Re.prototype,"hasIcon",2),Le([E("#sds-textfield")],Re.prototype,"control",2),Re=Le([O("sds-textfield")],Re);const Me=i`
|
|
2607
2944
|
:host {
|
|
2608
2945
|
--_sds-textarea-background-color: var(--sds-textarea-background-color, var(--sds-color-background-default, var(--sds-color-neutral-background-default)));
|
|
2609
2946
|
--_sds-textarea-text-color: var(--sds-textarea-text-color, var(--sds-color-text-default, var(--sds-color-neutral-text-default)));
|
|
@@ -2787,13 +3124,13 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
2787
3124
|
--_sds-textarea-counter-font-size: var(--sds-textarea-counter-font-size, var(--sds-components-font-size-content-lg));
|
|
2788
3125
|
--_sds-textarea-counter-line-height: var(--sds-textarea-counter-line-height, var(--sds-components-line-height-squeezed-lg));
|
|
2789
3126
|
}
|
|
2790
|
-
`;var
|
|
3127
|
+
`;var Te=Object.defineProperty,Be=Object.getOwnPropertyDescriptor,Ie=(t,s,e,o)=>{for(var r,a=o>1?void 0:o?Be(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&&Te(s,e,a),a};let je=class extends gt{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 Q;const t=this.value?.length||0;return this.hasTypedTooManyCharacters()?Y`<sds-alert variant="secondary" data-palette="danger"
|
|
2791
3128
|
><p class="sds-textarea__character-counter" slot="message">Du har ${t-this.counter} tegn for mye</p></sds-alert
|
|
2792
|
-
>`:
|
|
2793
|
-
<div class="${
|
|
2794
|
-
${this.label||this.helpText?
|
|
2795
|
-
${this.label?
|
|
2796
|
-
${this.helpText?
|
|
3129
|
+
>`:Y`<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 Y`
|
|
3130
|
+
<div class="${Ht(t)}">
|
|
3131
|
+
${this.label||this.helpText?Y`<div>
|
|
3132
|
+
${this.label?Y`<label for="sds-textarea" class="sds-textarea__label">${this.label}</label>`:Q}
|
|
3133
|
+
${this.helpText?Y`<p class="sds-textarea__help-text">${this.helpText}</p>`:Q}
|
|
2797
3134
|
</div>`:Q}
|
|
2798
3135
|
<div class="sds-textarea__input-container">
|
|
2799
3136
|
<textarea
|
|
@@ -2801,16 +3138,16 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
2801
3138
|
id="sds-textarea"
|
|
2802
3139
|
?disabled="${this.disabled}"
|
|
2803
3140
|
?readonly="${this.readOnly}"
|
|
2804
|
-
placeholder="${
|
|
3141
|
+
placeholder="${St(this.placeholder)}"
|
|
2805
3142
|
.value="${this.value??""}"
|
|
2806
3143
|
.autocomplete="${this.autocomplete}"
|
|
2807
|
-
name="${
|
|
3144
|
+
name="${St(this.name)}"
|
|
2808
3145
|
?required="${this.required}"
|
|
2809
|
-
rows="${
|
|
2810
|
-
cols="${
|
|
2811
|
-
wrap="${
|
|
2812
|
-
minlength="${
|
|
2813
|
-
maxlength="${
|
|
3146
|
+
rows="${St(this.rows)}"
|
|
3147
|
+
cols="${St(this.cols)}"
|
|
3148
|
+
wrap="${St(this.wrap)}"
|
|
3149
|
+
minlength="${St(this.minlength)}"
|
|
3150
|
+
maxlength="${St(this.maxlength)}"
|
|
2814
3151
|
@input="${this._handleInputChange}"
|
|
2815
3152
|
@change="${this._handleInputChange}"
|
|
2816
3153
|
@select="${this._handleSelect}"
|
|
@@ -2818,6 +3155,6 @@ var t;const s=globalThis,e=s.ShadowRoot&&(void 0===s.ShadyCSS||s.ShadyCSS.native
|
|
|
2818
3155
|
@blur="${this._handleBlur}"
|
|
2819
3156
|
></textarea>
|
|
2820
3157
|
</div>
|
|
2821
|
-
${this.errorMessage?
|
|
3158
|
+
${this.errorMessage?Y`<sds-alert variant="secondary" data-palette="danger"><p slot="message">${this.errorMessage}</p></sds-alert>`:Q} ${this.renderCharacterCounter()}
|
|
2822
3159
|
</div>
|
|
2823
|
-
`}};
|
|
3160
|
+
`}};je.styles=[Me],je.formAssociated=!0,je.shadowRootOptions={...gt.shadowRootOptions,delegatesFocus:!0},Ie([$({type:String})],je.prototype,"value",2),Ie([$({type:String,reflect:!0})],je.prototype,"name",2),Ie([$({type:String,reflect:!0})],je.prototype,"label",2),Ie([$({type:String,reflect:!0})],je.prototype,"placeholder",2),Ie([$({type:String,attribute:"help-text",reflect:!0})],je.prototype,"helpText",2),Ie([$({type:String,attribute:"error-message",reflect:!0})],je.prototype,"errorMessage",2),Ie([$({type:Boolean,reflect:!0})],je.prototype,"disabled",2),Ie([$({type:Boolean,attribute:"readonly",reflect:!0})],je.prototype,"readOnly",2),Ie([$({type:String,reflect:!0})],je.prototype,"autocomplete",2),Ie([$({type:Boolean,reflect:!0})],je.prototype,"required",2),Ie([$({type:Number,reflect:!0})],je.prototype,"rows",2),Ie([$({type:Number,reflect:!0})],je.prototype,"cols",2),Ie([$({type:String,reflect:!0})],je.prototype,"wrap",2),Ie([$({type:Number,reflect:!0})],je.prototype,"minlength",2),Ie([$({type:Number,reflect:!0})],je.prototype,"maxlength",2),Ie([$({type:Number,reflect:!0})],je.prototype,"counter",2),Ie([$({type:String,reflect:!0})],je.prototype,"size",2),Ie([E("#sds-textarea")],je.prototype,"control",2),je=Ie([O("sds-textarea")],je);export{ts as SDSAlert,Xt as SDSButton,is as SDSCard,hs as SDSCheckbox,bs as SDSCheckboxGroup,ws as SDSChip,Cs as SDSDetails,Ps as SDSDialog,Is as SDSHeading,Ut as SDSIcon,Hs as SDSLoader,Xs as SDSNotification,oe as SDSRadio,le as SDSRadioGroup,ve as SDSSelect,me as SDSSwitch,ze as SDSTag,qe as SDSText,je as SDSTextArea,Re as SDSTextField};
|