@warp-ds/elements 2.10.0-next.15 → 2.10.0-next.17

package/dist/packages/slider/slider.js

@@ -1,4 +1,4 @@
-var me=Object.defineProperty;var ve=Object.getOwnPropertyDescriptor;var P=a=>{throw TypeError(a)};var c=(a,r,e,o)=>{for(var t=o>1?void 0:o?ve(r,e):r,i=a.length-1,s;i>=0;i--)(s=a[i])&&(t=(o?s(r,e,t):s(t))||t);return o&&t&&me(r,e,t),t};var fe=(a,r,e)=>r.has(a)||P("Cannot "+e);var R=(a,r,e)=>r.has(a)?P("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(a):r.set(a,e);var h=(a,r,e)=>(fe(a,r,"access private method"),e);import{html as x,LitElement as le,nothing as j}from"lit";import{property as g,query as qe,state as T}from"lit/decorators.js";var p=a=>typeof a=="string",we=a=>typeof a=="function",H=new Map,V="en";function Y(a){return[...Array.isArray(a)?a:[a],V]}function $(a,r,e){let o=Y(a);e||(e="default");let t;if(typeof e=="string")switch(t={day:"numeric",month:"short",year:"numeric"},e){case"full":t.weekday="long";case"long":t.month="long";break;case"short":t.month="numeric";break}else t=e;return z(()=>E("date",o,e),()=>new Intl.DateTimeFormat(o,t)).format(p(r)?new Date(r):r)}function xe(a,r,e){let o;if(e||(e="default"),typeof e=="string")switch(o={second:"numeric",minute:"numeric",hour:"numeric"},e){case"full":case"long":o.timeZoneName="short";break;case"short":delete o.second}else o=e;return $(a,r,o)}function C(a,r,e){let o=Y(a);return z(()=>E("number",o,e),()=>new Intl.NumberFormat(o,e)).format(r)}function X(a,r,e,{offset:o=0,...t}){let i=Y(a),s=r?z(()=>E("plural-ordinal",i),()=>new Intl.PluralRules(i,{type:"ordinal"})):z(()=>E("plural-cardinal",i),()=>new Intl.PluralRules(i,{type:"cardinal"}));return t[e]??t[s.select(e-o)]??t.other}function z(a,r){let e=a(),o=H.get(e);return o||(o=r(),H.set(e,o)),o}function E(a,r,e){let o=r.join("-");return`${a}-${o}-${JSON.stringify(e)}`}var Z=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,B=a=>a.replace(/\\u([a-fA-F0-9]{4})|\\x([a-fA-F0-9]{2})/g,(r,e,o)=>{if(e){let t=parseInt(e,16);return String.fromCharCode(t)}else{let t=parseInt(o,16);return String.fromCharCode(t)}}),J="%__lingui_octothorpe__%",ke=(a,r,e={})=>{let o=r||a,t=s=>typeof s=="object"?s:e[s],i=(s,n)=>{let b=Object.keys(e).length?t("number"):void 0,v=C(o,s,b);return n.replace(new RegExp(J,"g"),v)};return{plural:(s,n)=>{let{offset:b=0}=n,v=X(o,!1,s,n);return i(s-b,v)},selectordinal:(s,n)=>{let{offset:b=0}=n,v=X(o,!0,s,n);return i(s-b,v)},select:ye,number:(s,n)=>C(o,s,t(n)||{style:n}),date:(s,n)=>$(o,s,t(n)||n),time:(s,n)=>xe(o,s,t(n)||n)}},ye=(a,r)=>r[a]??r.other;function _e(a,r,e){return(o={},t)=>{let i=ke(r,e,t),s=(b,v=!1)=>Array.isArray(b)?b.reduce((k,y)=>{if(y==="#"&&v)return k+J;if(p(y))return k+y;let[I,f,O]=y,S={};f==="plural"||f==="selectordinal"||f==="select"?Object.entries(O).forEach(([F,pe])=>{S[F]=s(pe,f==="plural"||f==="selectordinal")}):S=O;let _;if(f){let F=i[f];_=F(o[I],S)}else _=o[I];return _==null?k:k+_},""):b,n=s(a);return p(n)&&Z.test(n)?B(n):p(n)?n:n?String(n):""}}var ze=Object.defineProperty,Ee=(a,r,e)=>r in a?ze(a,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[r]=e,Me=(a,r,e)=>(Ee(a,typeof r!="symbol"?r+"":r,e),e),N=class{constructor(){Me(this,"_events",{})}on(r,e){var o;return(o=this._events)[r]??(o[r]=[]),this._events[r].push(e),()=>this.removeListener(r,e)}removeListener(r,e){let o=this._getListeners(r);if(!o)return;let t=o.indexOf(e);~t&&o.splice(t,1)}emit(r,...e){let o=this._getListeners(r);o&&o.map(t=>t.apply(this,e))}_getListeners(r){let e=this._events[r];return Array.isArray(e)?e:!1}},Te=Object.defineProperty,Le=(a,r,e)=>r in a?Te(a,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[r]=e,w=(a,r,e)=>(Le(a,typeof r!="symbol"?r+"":r,e),e),A=class extends N{constructor(r){super(),w(this,"_locale",""),w(this,"_locales"),w(this,"_localeData",{}),w(this,"_messages",{}),w(this,"_missing"),w(this,"_messageCompiler"),w(this,"t",this._.bind(this)),r.missing!=null&&(this._missing=r.missing),r.messages!=null&&this.load(r.messages),r.localeData!=null&&this.loadLocaleData(r.localeData),(typeof r.locale=="string"||r.locales)&&this.activate(r.locale??V,r.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){return this._messages[this._locale]??{}}get localeData(){return this._localeData[this._locale]??{}}_loadLocaleData(r,e){let o=this._localeData[r];o?Object.assign(o,e):this._localeData[r]=e}setMessagesCompiler(r){return this._messageCompiler=r,this}loadLocaleData(r,e){typeof r=="string"?this._loadLocaleData(r,e):Object.keys(r).forEach(o=>this._loadLocaleData(o,r[o])),this.emit("change")}_load(r,e){let o=this._messages[r];o?Object.assign(o,e):this._messages[r]=e}load(r,e){typeof r=="string"&&typeof e=="object"?this._load(r,e):Object.entries(r).forEach(([o,t])=>this._load(o,t)),this.emit("change")}loadAndActivate({locale:r,locales:e,messages:o}){this._locale=r,this._locales=e||void 0,this._messages[this._locale]=o,this.emit("change")}activate(r,e){this._locale=r,this._locales=e,this.emit("change")}_(r,e,o){if(!this.locale)throw new Error("Lingui: Attempted to call a translation function without setting a locale.\nMake sure to call `i18n.activate(locale)` before using Lingui functions.\nThis issue may also occur due to a race condition in your initialization logic.");let t=o?.message;r||(r=""),p(r)||(e=r.values||e,t=r.message,r=r.id);let i=this.messages[r],s=i===void 0,n=this._missing;if(n&&s)return we(n)?n(this._locale,r):n;s&&this.emit("missing",{id:r,locale:this._locale});let b=i||t||r;return p(b)&&(this._messageCompiler?b=this._messageCompiler(b):console.warn(`Uncompiled message detected! Message:
+var me=Object.defineProperty;var ve=Object.getOwnPropertyDescriptor;var P=a=>{throw TypeError(a)};var c=(a,r,e,o)=>{for(var t=o>1?void 0:o?ve(r,e):r,i=a.length-1,s;i>=0;i--)(s=a[i])&&(t=(o?s(r,e,t):s(t))||t);return o&&t&&me(r,e,t),t};var fe=(a,r,e)=>r.has(a)||P("Cannot "+e);var R=(a,r,e)=>r.has(a)?P("Cannot add the same private member more than once"):r instanceof WeakSet?r.add(a):r.set(a,e);var h=(a,r,e)=>(fe(a,r,"access private method"),e);import{html as x,LitElement as le,nothing as j}from"lit";import{property as g,query as qe,state as T}from"lit/decorators.js";var p=a=>typeof a=="string",we=a=>typeof a=="function",H=new Map,V="en";function $(a){return[...Array.isArray(a)?a:[a],V]}function A(a,r,e){let o=$(a);e||(e="default");let t;if(typeof e=="string")switch(t={day:"numeric",month:"short",year:"numeric"},e){case"full":t.weekday="long";case"long":t.month="long";break;case"short":t.month="numeric";break}else t=e;return z(()=>E("date",o,e),()=>new Intl.DateTimeFormat(o,t)).format(p(r)?new Date(r):r)}function xe(a,r,e){let o;if(e||(e="default"),typeof e=="string")switch(o={second:"numeric",minute:"numeric",hour:"numeric"},e){case"full":case"long":o.timeZoneName="short";break;case"short":delete o.second}else o=e;return A(a,r,o)}function C(a,r,e){let o=$(a);return z(()=>E("number",o,e),()=>new Intl.NumberFormat(o,e)).format(r)}function X(a,r,e,{offset:o=0,...t}){let i=$(a),s=r?z(()=>E("plural-ordinal",i),()=>new Intl.PluralRules(i,{type:"ordinal"})):z(()=>E("plural-cardinal",i),()=>new Intl.PluralRules(i,{type:"cardinal"}));return t[e]??t[s.select(e-o)]??t.other}function z(a,r){let e=a(),o=H.get(e);return o||(o=r(),H.set(e,o)),o}function E(a,r,e){let o=r.join("-");return`${a}-${o}-${JSON.stringify(e)}`}var Z=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,B=a=>a.replace(/\\u([a-fA-F0-9]{4})|\\x([a-fA-F0-9]{2})/g,(r,e,o)=>{if(e){let t=parseInt(e,16);return String.fromCharCode(t)}else{let t=parseInt(o,16);return String.fromCharCode(t)}}),J="%__lingui_octothorpe__%",ke=(a,r,e={})=>{let o=r||a,t=s=>typeof s=="object"?s:e[s],i=(s,n)=>{let b=Object.keys(e).length?t("number"):void 0,v=C(o,s,b);return n.replace(new RegExp(J,"g"),v)};return{plural:(s,n)=>{let{offset:b=0}=n,v=X(o,!1,s,n);return i(s-b,v)},selectordinal:(s,n)=>{let{offset:b=0}=n,v=X(o,!0,s,n);return i(s-b,v)},select:ye,number:(s,n)=>C(o,s,t(n)||{style:n}),date:(s,n)=>A(o,s,t(n)||n),time:(s,n)=>xe(o,s,t(n)||n)}},ye=(a,r)=>r[a]??r.other;function _e(a,r,e){return(o={},t)=>{let i=ke(r,e,t),s=(b,v=!1)=>Array.isArray(b)?b.reduce((k,y)=>{if(y==="#"&&v)return k+J;if(p(y))return k+y;let[I,f,O]=y,S={};f==="plural"||f==="selectordinal"||f==="select"?Object.entries(O).forEach(([F,pe])=>{S[F]=s(pe,f==="plural"||f==="selectordinal")}):S=O;let _;if(f){let F=i[f];_=F(o[I],S)}else _=o[I];return _==null?k:k+_},""):b,n=s(a);return p(n)&&Z.test(n)?B(n):p(n)?n:n?String(n):""}}var ze=Object.defineProperty,Ee=(a,r,e)=>r in a?ze(a,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[r]=e,Me=(a,r,e)=>(Ee(a,typeof r!="symbol"?r+"":r,e),e),N=class{constructor(){Me(this,"_events",{})}on(r,e){var o;return(o=this._events)[r]??(o[r]=[]),this._events[r].push(e),()=>this.removeListener(r,e)}removeListener(r,e){let o=this._getListeners(r);if(!o)return;let t=o.indexOf(e);~t&&o.splice(t,1)}emit(r,...e){let o=this._getListeners(r);o&&o.map(t=>t.apply(this,e))}_getListeners(r){let e=this._events[r];return Array.isArray(e)?e:!1}},Te=Object.defineProperty,Le=(a,r,e)=>r in a?Te(a,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):a[r]=e,w=(a,r,e)=>(Le(a,typeof r!="symbol"?r+"":r,e),e),Y=class extends N{constructor(r){super(),w(this,"_locale",""),w(this,"_locales"),w(this,"_localeData",{}),w(this,"_messages",{}),w(this,"_missing"),w(this,"_messageCompiler"),w(this,"t",this._.bind(this)),r.missing!=null&&(this._missing=r.missing),r.messages!=null&&this.load(r.messages),r.localeData!=null&&this.loadLocaleData(r.localeData),(typeof r.locale=="string"||r.locales)&&this.activate(r.locale??V,r.locales)}get locale(){return this._locale}get locales(){return this._locales}get messages(){return this._messages[this._locale]??{}}get localeData(){return this._localeData[this._locale]??{}}_loadLocaleData(r,e){let o=this._localeData[r];o?Object.assign(o,e):this._localeData[r]=e}setMessagesCompiler(r){return this._messageCompiler=r,this}loadLocaleData(r,e){typeof r=="string"?this._loadLocaleData(r,e):Object.keys(r).forEach(o=>this._loadLocaleData(o,r[o])),this.emit("change")}_load(r,e){let o=this._messages[r];o?Object.assign(o,e):this._messages[r]=e}load(r,e){typeof r=="string"&&typeof e=="object"?this._load(r,e):Object.entries(r).forEach(([o,t])=>this._load(o,t)),this.emit("change")}loadAndActivate({locale:r,locales:e,messages:o}){this._locale=r,this._locales=e||void 0,this._messages[this._locale]=o,this.emit("change")}activate(r,e){this._locale=r,this._locales=e,this.emit("change")}_(r,e,o){if(!this.locale)throw new Error("Lingui: Attempted to call a translation function without setting a locale.\nMake sure to call `i18n.activate(locale)` before using Lingui functions.\nThis issue may also occur due to a race condition in your initialization logic.");let t=o?.message;r||(r=""),p(r)||(e=r.values||e,t=r.message,r=r.id);let i=this.messages[r],s=i===void 0,n=this._missing;if(n&&s)return we(n)?n(this._locale,r):n;s&&this.emit("missing",{id:r,locale:this._locale});let b=i||t||r;return p(b)&&(this._messageCompiler?b=this._messageCompiler(b):console.warn(`Uncompiled message detected! Message:
 
 > ${b}
 
@@ -6,279 +6,279 @@ That means you use raw catalog or your catalog doesn't have a translation for th
 ICU features such as interpolation and plurals will not work properly for that message. 
 
 Please compile your catalog first. 
-`)),p(b)&&Z.test(b)?B(b):p(b)?b:_e(b,this._locale,this._locales)(e,o?.formats)}date(r,e){return $(this._locales||this._locale,r,e)}number(r,e){return C(this._locales||this._locale,r,e)}};function Se(a={}){return new A(a)}var u=Se();var Fe=["en","nb","fi","da","sv"],D="en",M=a=>Fe.find(r=>a===r||a.toLowerCase().includes(r))||D;function U(){if(typeof window>"u"){let a=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return M(a)}try{let a=G(document);if(a)return M(a);let r=Ye();if(r)return M(r);let e=G(ee());return e?M(e):D}catch(a){return console.warn("could not detect locale, falling back to source locale",a),D}}var Q=(a,r,e,o,t)=>{u.load("en",a),u.load("nb",r),u.load("fi",e),u.load("da",o),u.load("sv",t);let i=U();u.activate(i),W(),Ne()},Ce="warp-i18n-change";function W(){typeof window>"u"||window.dispatchEvent(new Event(Ce))}var K=!1;function Ne(){if(K||typeof window>"u"||!document?.documentElement)return;K=!0;let a=()=>{let t=U();u.locale!==t&&(u.activate(t),W())},r=new MutationObserver(t=>{for(let i of t)if(i.type==="attributes"&&i.attributeName==="lang"){a();break}});r.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let e=ee();e&&e.documentElement&&e!==document&&r.observe(e.documentElement,{attributes:!0,attributeFilter:["lang"]});let o=Ae();o&&r.observe(o,{attributes:!0,attributeFilter:["lang"]})}function ee(){try{return window.parent?.document??null}catch{return null}}function G(a){try{return a?.documentElement?.lang??""}catch{return""}}function Ae(){try{return window.frameElement??null}catch{return null}}function Ye(){try{return window.frameElement?.getAttribute?.("lang")??""}catch{return""}}import{css as $e}from"lit";import{unsafeCSS as De}from"lit";var re=$e`
-  *,
-  :before,
-  :after {
-    box-sizing: border-box;
-    border-style: solid;
-    border-width: 0;
-    border-color: var(--w-s-color-border);
-  }
-  html {
-    font-size: 62.5%;
-  }
-  body {
-    background-color: var(--w-s-color-background);
-    min-height: 100%;
-    margin: 0;
-    overflow-y: scroll;
-  }
-  body,
-  :host {
-    -webkit-text-size-adjust: 100%;
-    tab-size: 4;
-    -webkit-tap-highlight-color: transparent;
-    font-family: var(--w-font-family);
-    font-size: var(--w-font-size-m);
-    line-height: var(--w-line-height-m);
-    color: var(--w-s-color-text);
-  }
-  hr {
-    color: inherit;
-    border-top-width: 1px;
-    height: 0;
-  }
-  abbr:where([title]) {
-    -webkit-text-decoration: underline dotted;
-    text-decoration: underline dotted;
-  }
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    font-size: inherit;
-    font-weight: 700;
-  }
-  a {
-    cursor: pointer;
-    color: var(--w-s-color-text-link);
-    text-decoration: none;
-  }
-  a:hover,
-  a:focus,
-  a:active {
-    text-decoration: underline;
-  }
-  a:focus-visible {
-    outline: 2px solid var(--w-s-color-border-focus);
-    outline-offset: 1px;
-  }
-  b,
-  strong {
-    font-weight: 700;
-  }
-  code,
-  kbd,
-  samp,
-  pre {
-    font-family:
-      ui-monospace,
-      SFMono-Regular,
-      Menlo,
-      Monaco,
-      Consolas,
-      Liberation Mono,
-      Courier New,
-      monospace;
-    font-size: 1em;
-  }
-  sub,
-  sup {
-    vertical-align: baseline;
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-  }
-  sub {
-    bottom: -0.25em;
-  }
-  sup {
-    top: -0.5em;
-  }
-  table {
-    text-indent: 0;
-    border-color: inherit;
-    border-collapse: collapse;
-  }
-  button,
-  input,
-  optgroup,
-  select,
-  textarea {
-    font-family: inherit;
-    font-size: 100%;
-    font-weight: inherit;
-    line-height: inherit;
-    color: inherit;
-    margin: 0;
-    padding: 0;
-  }
-  button,
-  select {
-    text-transform: none;
-  }
-  button,
-  [type='button'],
-  [type='reset'],
-  [type='submit'] {
-    -webkit-appearance: button;
-  }
-  :-moz-focusring {
-    outline: auto;
-  }
-  :-moz-ui-invalid {
-    box-shadow: none;
-  }
-  progress {
-    vertical-align: baseline;
-  }
-  ::-webkit-inner-spin-button {
-    height: auto;
-  }
-  ::-webkit-outer-spin-button {
-    height: auto;
-  }
-  [type='search'] {
-    -webkit-appearance: textfield;
-    outline-offset: -2px;
-  }
-  ::-webkit-search-decoration {
-    -webkit-appearance: none;
-  }
-  ::-webkit-file-upload-button {
-    -webkit-appearance: button;
-    font: inherit;
-  }
-  summary {
-    display: list-item;
-  }
-  blockquote,
-  dl,
-  dd,
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6,
-  hr,
-  figure,
-  p,
-  pre {
-    margin: 0;
-  }
-  fieldset {
-    margin: 0;
-    padding: 0;
-  }
-  legend {
-    padding: 0;
-  }
-  ol,
-  ul,
-  menu {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-  }
-  textarea {
-    resize: vertical;
-  }
-  input::placeholder,
-  textarea::placeholder {
-    opacity: 1;
-    color: var(--w-s-color-text-placeholder);
-  }
-  button,
-  [role='button'] {
-    cursor: pointer;
-  }
-  :disabled {
-    cursor: default;
-  }
-  img,
-  svg,
-  video,
-  canvas,
-  audio,
-  iframe,
-  embed,
-  object {
-    vertical-align: middle;
-    display: block;
-  }
-  img,
-  video {
-    max-width: 100%;
-    height: auto;
-  }
-  h1 {
-    font-size: var(--w-font-size-xxl);
-    line-height: var(--w-line-height-xxl);
-  }
-  h2 {
-    font-size: var(--w-font-size-xl);
-    line-height: var(--w-line-height-xl);
-  }
-  h3 {
-    font-size: var(--w-font-size-l);
-    line-height: var(--w-line-height-l);
-  }
-  h4 {
-    font-size: var(--w-font-size-m);
-    line-height: var(--w-line-height-m);
-  }
-  h5 {
-    font-size: var(--w-font-size-s);
-    line-height: var(--w-line-height-s);
-  }
-  dt,
-  dd {
-    margin: 0 16px;
-  }
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  ul,
-  ol,
-  dl,
-  p,
-  blockquote {
-    margin: 0 0 8px;
-  }
-  [hidden] {
-    display: none !important;
-  }
-  [tabindex='-1']:focus:not(:focus-visible) {
-    outline: none;
-  }
-  legend {
-    float: left;
-    width: 100%;
-    margin: 0;
-    padding: 0;
-    display: table;
-  }
-  legend + * {
-    clear: both;
-  }
-  fieldset {
-    border: 0;
-    min-width: 0;
-    margin: 0;
-    padding: 0.01em 0 0;
-  }
-  body:not(:-moz-handler-blocked) fieldset {
-    display: table-cell;
-  }
-  svg {
-    pointer-events: none;
-  }
+`)),p(b)&&Z.test(b)?B(b):p(b)?b:_e(b,this._locale,this._locales)(e,o?.formats)}date(r,e){return A(this._locales||this._locale,r,e)}number(r,e){return C(this._locales||this._locale,r,e)}};function Se(a={}){return new Y(a)}var u=Se();var Fe=["en","nb","fi","da","sv"],D="en",M=a=>Fe.find(r=>a===r||a.toLowerCase().includes(r))||D;function U(){if(typeof window>"u"){let a=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return M(a)}try{let a=G(document);if(a)return M(a);let r=$e();if(r)return M(r);let e=G(ee());return e?M(e):D}catch(a){return console.warn("could not detect locale, falling back to source locale",a),D}}var Q=(a,r,e,o,t)=>{u.load("en",a),u.load("nb",r),u.load("fi",e),u.load("da",o),u.load("sv",t);let i=U();u.activate(i),W(),Ne()},Ce="warp-i18n-change";function W(){typeof window>"u"||window.dispatchEvent(new Event(Ce))}var K=!1;function Ne(){if(K||typeof window>"u"||!document?.documentElement)return;K=!0;let a=()=>{let t=U();u.locale!==t&&(u.activate(t),W())},r=new MutationObserver(t=>{for(let i of t)if(i.type==="attributes"&&i.attributeName==="lang"){a();break}});r.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let e=ee();e&&e.documentElement&&e!==document&&r.observe(e.documentElement,{attributes:!0,attributeFilter:["lang"]});let o=Ye();o&&r.observe(o,{attributes:!0,attributeFilter:["lang"]})}function ee(){try{return window.parent?.document??null}catch{return null}}function G(a){try{return a?.documentElement?.lang??""}catch{return""}}function Ye(){try{return window.frameElement??null}catch{return null}}function $e(){try{return window.frameElement?.getAttribute?.("lang")??""}catch{return""}}import{css as Ae}from"lit";import{unsafeCSS as De}from"lit";var re=Ae`
+	*,
+	:before,
+	:after {
+		box-sizing: border-box;
+		border-style: solid;
+		border-width: 0;
+		border-color: var(--w-s-color-border);
+	}
+	html {
+		font-size: 62.5%;
+	}
+	body {
+		background-color: var(--w-s-color-background);
+		min-height: 100%;
+		margin: 0;
+		overflow-y: scroll;
+	}
+	body,
+	:host {
+		-webkit-text-size-adjust: 100%;
+		tab-size: 4;
+		-webkit-tap-highlight-color: transparent;
+		font-family: var(--w-font-family);
+		font-size: var(--w-font-size-m);
+		line-height: var(--w-line-height-m);
+		color: var(--w-s-color-text);
+	}
+	hr {
+		color: inherit;
+		border-top-width: 1px;
+		height: 0;
+	}
+	abbr:where([title]) {
+		-webkit-text-decoration: underline dotted;
+		text-decoration: underline dotted;
+	}
+	h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	h6 {
+		font-size: inherit;
+		font-weight: 700;
+	}
+	a {
+		cursor: pointer;
+		color: var(--w-s-color-text-link);
+		text-decoration: none;
+	}
+	a:hover,
+	a:focus,
+	a:active {
+		text-decoration: underline;
+	}
+	a:focus-visible {
+		outline: 2px solid var(--w-s-color-border-focus);
+		outline-offset: 1px;
+	}
+	b,
+	strong {
+		font-weight: 700;
+	}
+	code,
+	kbd,
+	samp,
+	pre {
+		font-family:
+			ui-monospace,
+			SFMono-Regular,
+			Menlo,
+			Monaco,
+			Consolas,
+			Liberation Mono,
+			Courier New,
+			monospace;
+		font-size: 1em;
+	}
+	sub,
+	sup {
+		vertical-align: baseline;
+		font-size: 75%;
+		line-height: 0;
+		position: relative;
+	}
+	sub {
+		bottom: -0.25em;
+	}
+	sup {
+		top: -0.5em;
+	}
+	table {
+		text-indent: 0;
+		border-color: inherit;
+		border-collapse: collapse;
+	}
+	button,
+	input,
+	optgroup,
+	select,
+	textarea {
+		font-family: inherit;
+		font-size: 100%;
+		font-weight: inherit;
+		line-height: inherit;
+		color: inherit;
+		margin: 0;
+		padding: 0;
+	}
+	button,
+	select {
+		text-transform: none;
+	}
+	button,
+	[type="button"],
+	[type="reset"],
+	[type="submit"] {
+		-webkit-appearance: button;
+	}
+	:-moz-focusring {
+		outline: auto;
+	}
+	:-moz-ui-invalid {
+		box-shadow: none;
+	}
+	progress {
+		vertical-align: baseline;
+	}
+	::-webkit-inner-spin-button {
+		height: auto;
+	}
+	::-webkit-outer-spin-button {
+		height: auto;
+	}
+	[type="search"] {
+		-webkit-appearance: textfield;
+		outline-offset: -2px;
+	}
+	::-webkit-search-decoration {
+		-webkit-appearance: none;
+	}
+	::-webkit-file-upload-button {
+		-webkit-appearance: button;
+		font: inherit;
+	}
+	summary {
+		display: list-item;
+	}
+	blockquote,
+	dl,
+	dd,
+	h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	h6,
+	hr,
+	figure,
+	p,
+	pre {
+		margin: 0;
+	}
+	fieldset {
+		margin: 0;
+		padding: 0;
+	}
+	legend {
+		padding: 0;
+	}
+	ol,
+	ul,
+	menu {
+		margin: 0;
+		padding: 0;
+		list-style: none;
+	}
+	textarea {
+		resize: vertical;
+	}
+	input::placeholder,
+	textarea::placeholder {
+		opacity: 1;
+		color: var(--w-s-color-text-placeholder);
+	}
+	button,
+	[role="button"] {
+		cursor: pointer;
+	}
+	:disabled {
+		cursor: default;
+	}
+	img,
+	svg,
+	video,
+	canvas,
+	audio,
+	iframe,
+	embed,
+	object {
+		vertical-align: middle;
+		display: block;
+	}
+	img,
+	video {
+		max-width: 100%;
+		height: auto;
+	}
+	h1 {
+		font-size: var(--w-font-size-xxl);
+		line-height: var(--w-line-height-xxl);
+	}
+	h2 {
+		font-size: var(--w-font-size-xl);
+		line-height: var(--w-line-height-xl);
+	}
+	h3 {
+		font-size: var(--w-font-size-l);
+		line-height: var(--w-line-height-l);
+	}
+	h4 {
+		font-size: var(--w-font-size-m);
+		line-height: var(--w-line-height-m);
+	}
+	h5 {
+		font-size: var(--w-font-size-s);
+		line-height: var(--w-line-height-s);
+	}
+	dt,
+	dd {
+		margin: 0 16px;
+	}
+	h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	ul,
+	ol,
+	dl,
+	p,
+	blockquote {
+		margin: 0 0 8px;
+	}
+	[hidden] {
+		display: none !important;
+	}
+	[tabindex="-1"]:focus:not(:focus-visible) {
+		outline: none;
+	}
+	legend {
+		float: left;
+		width: 100%;
+		margin: 0;
+		padding: 0;
+		display: table;
+	}
+	legend + * {
+		clear: both;
+	}
+	fieldset {
+		border: 0;
+		min-width: 0;
+		margin: 0;
+		padding: 0.01em 0 0;
+	}
+	body:not(:-moz-handler-blocked) fieldset {
+		display: table-cell;
+	}
+	svg {
+		pointer-events: none;
+	}
 `,Ze=De(`*, :before, :after {
             --w-rotate: 0;
             --w-rotate-x: 0;
@@ -2446,196 +2446,214 @@ Please compile your catalog first.
                 }
             }
         `);var oe=JSON.parse('{"slider.error.out_of_bounds":["V\xE6rdien skal v\xE6re mellem ",["min"]," og ",["max"]],"slider.error.overlap":["Maksimumv\xE6rdien m\xE5 ikke v\xE6re mindre end minimumv\xE6rdien"],"slider.error.required":["Dette felt er p\xE5kr\xE6vet"],"slider.label.from":["From"],"slider.label.to":["To"],"slider.placeholder.from":["Min"],"slider.placeholder.to":["Max"]}');var te=JSON.parse('{"slider.error.out_of_bounds":["Value must be between ",["min"]," and ",["max"]],"slider.error.overlap":["The maximum value cannot be less than the minimum"],"slider.error.required":["This field is required"],"slider.label.from":["From"],"slider.label.to":["To"],"slider.placeholder.from":["Min"],"slider.placeholder.to":["Max"]}');var ae=JSON.parse('{"slider.error.out_of_bounds":["Arvon on oltava v\xE4lill\xE4 ",["min"]," - ",["max"]],"slider.error.overlap":["Maksimiarvo ei voi olla pienempi kuin minimiarvo"],"slider.error.required":["T\xE4m\xE4 kentt\xE4 on pakollinen"],"slider.label.from":["From"],"slider.label.to":["To"],"slider.placeholder.from":["Min"],"slider.placeholder.to":["Max"]}');var ie=JSON.parse('{"slider.error.out_of_bounds":["Verdien m\xE5 v\xE6re mellom ",["min"]," og ",["max"]],"slider.error.overlap":["Maksimumsverdien kan ikke v\xE6re mindre enn minimumsverdien"],"slider.error.required":["Dette feltet er p\xE5krevd"],"slider.label.from":["From"],"slider.label.to":["To"],"slider.placeholder.from":["Min"],"slider.placeholder.to":["Max"]}');var se=JSON.parse('{"slider.error.out_of_bounds":["V\xE4rdet m\xE5ste vara mellan ",["min"]," och ",["max"]],"slider.error.overlap":["Maxv\xE4rdet kan inte vara mindre \xE4n minimiv\xE4rdet"],"slider.error.required":["Detta f\xE4lt \xE4r obligatoriskt"],"slider.label.from":["From"],"slider.label.to":["To"],"slider.placeholder.from":["Min"],"slider.placeholder.to":["Max"]}');import{css as je}from"lit";var ne=je`
-  .w-slider {
-    position: relative;
-    border: none;
-    padding: 0;
-    margin: 0;
-    display: grid;
-    width: 100%;
-    grid-template-areas:
-      "label"
-      "description"
-      "slider"
-      "error";
-    grid-template-columns: 1fr;
-
-    --w-slider-track-background: var(--w-s-color-background-disabled-subtle);
-    --w-slider-track-active-background: var(--w-s-color-background-primary);
-    --w-slider-track-height: 4px;
-    --w-slider-track-active-height: 6px;
-    --w-slider-thumb-background: var(--w-s-color-background-primary);
-    --w-slider-thumb-background-hover: var(
-      --w-s-color-background-primary-hover
-    );
-    --w-slider-thumb-size: 28px;
-    --w-slider-thumb-offset: calc(var(--w-slider-thumb-size) / 2);
-    --w-slider-marker-color: var(--w-s-color-border);
-
-
-    /* Vertical position of range and markers */
-    --_range-top: calc(
-      var(--w-slider-thumb-size) / 2 +
-        calc(
-          var(--w-slider-track-active-height) - calc(
-              var(--w-slider-track-height) / 2
-            ) + 1px
-        )
-    );
-  }
-
-  .w-slider[disabled] {
-      --w-slider-track-active-background: var(--w-s-color-background-disabled-subtle);
-      --w-slider-thumb-background: var(--w-s-color-background-disabled-subtle);
-      --w-slider-thumb-background-hover: var(--w-s-color-background-disabled-subtle);
-  }
-
-  .w-slider__label {
-    grid-area: label;
-    font-size: var(--w-font-size-s);
-    line-height: var(--w-line-height-s);
-    font-weight: bold;
-    padding-bottom: 8px;
-    color: var(--w-s-color-text);
-  }
-
-  .w-slider__description {
-    grid-area: description;
-  }
-
-  .w-slider__range {
-    align-self: center;
-    background: var(--w-slider-track-background);
-    border-radius: 4px;
-    height: var(--w-slider-track-active-height);
-    position: absolute;
-    /* For range sliders to avoid overlapping the slider thumbs we transform them to
+	.w-slider {
+		position: relative;
+		border: none;
+		padding: 0;
+		margin: 0;
+		display: grid;
+		width: 100%;
+		grid-template-areas:
+			"label"
+			"description"
+			"slider"
+			"error";
+		grid-template-columns: 1fr;
+
+		--w-slider-track-background: var(--w-s-color-background-disabled-subtle);
+		--w-slider-track-active-background: var(--w-s-color-background-primary);
+		--w-slider-track-height: 4px;
+		--w-slider-track-active-height: 6px;
+		--w-slider-thumb-background: var(--w-s-color-background-primary);
+		--w-slider-thumb-background-hover: var(
+			--w-s-color-background-primary-hover
+		);
+		--w-slider-thumb-size: 28px;
+		--w-slider-thumb-offset: calc(var(--w-slider-thumb-size) / 2);
+		--w-slider-marker-color: var(--w-s-color-border);
+
+		/* Vertical position of range and markers */
+		--_range-top: calc(
+			var(--w-slider-thumb-size) / 2 +
+				calc(
+					var(--w-slider-track-active-height) - calc(
+							var(--w-slider-track-height) / 2
+						) +
+						1px
+				)
+		);
+	}
+
+	.w-slider[disabled] {
+		--w-slider-track-active-background: var(
+			--w-s-color-background-disabled-subtle
+		);
+		--w-slider-thumb-background: var(--w-s-color-background-disabled-subtle);
+		--w-slider-thumb-background-hover: var(
+			--w-s-color-background-disabled-subtle
+		);
+	}
+
+	.w-slider__label {
+		grid-area: label;
+		font-size: var(--w-font-size-s);
+		line-height: var(--w-line-height-s);
+		font-weight: bold;
+		padding-bottom: 8px;
+		color: var(--w-s-color-text);
+	}
+
+	.w-slider__description {
+		grid-area: description;
+	}
+
+	.w-slider__range {
+		align-self: center;
+		background: var(--w-slider-track-background);
+		border-radius: 4px;
+		height: var(--w-slider-track-active-height);
+		position: absolute;
+		/* For range sliders to avoid overlapping the slider thumbs we transform them to
     be visually to the left and right of their respective input[type="range"]. This
     padding is here so the active-range element is the same width as the input fields. */
-    padding-inline-start: var(--active-range-inline-start-padding, 0);
-    padding-inline-end: var(--active-range-inline-end-padding, 0);
-    top: var(--_range-top);
-    left: 0;
-    right: 0;
-    grid-area: slider;
-  }
-
-  .w-slider__active-range {
-    box-sizing: content-box;
-    background: var(--w-slider-track-active-background);
-    height: var(--w-slider-track-active-height);
-
-    border-start-start-radius: var(--active-range-border-radius, 0);
-    border-end-start-radius: var(--active-range-border-radius, 0);
-
-    /* takes over-under into the calculation if set, as this makes the ranges longer in reality */
-    --max-with-offset: calc(var(--max) + var(--over-under-offset, 0));
-
-    /* calculate the offset for the "from" thumb in percentage to move the range visualisation from the left edge, using max() to avoid going off screen */
-    --offset-percentage: calc(calc(var(--from) - var(--min)) / calc(var(--max-with-offset) - var(--min)) * 100);
-    margin-left: calc(max(var(--offset-percentage) * 1%, 0px) - var(--range-slider-magic-pixel, 0px));
-
-    /* calculate the width of the selected range in percentage, clamped between min/max */
-    --value-range: calc(var(--max-with-offset) - var(--min));
-    --range-span-percentage: calc(calc(min(var(--to), var(--max-with-offset)) - max(var(--min), var(--from))) / var(--value-range) * 100 );
-    width: calc(var(--range-span-percentage) * 1% + var(--range-slider-magic-pixel, 0px));
-
-
-    z-index: 1;
-  }
-
-  .w-slider__markers {
-    --_marker-height: 7px;
-    --_marker-width: 1px;
-
-    align-self: center;
-
-    /* Creates a linear gradient with --_marker-width wide markers
+		padding-inline-start: var(--active-range-inline-start-padding, 0);
+		padding-inline-end: var(--active-range-inline-end-padding, 0);
+		top: var(--_range-top);
+		left: 0;
+		right: 0;
+		grid-area: slider;
+	}
+
+	.w-slider__active-range {
+		box-sizing: content-box;
+		background: var(--w-slider-track-active-background);
+		height: var(--w-slider-track-active-height);
+
+		border-start-start-radius: var(--active-range-border-radius, 0);
+		border-end-start-radius: var(--active-range-border-radius, 0);
+
+		/* takes over-under into the calculation if set, as this makes the ranges longer in reality */
+		--max-with-offset: calc(var(--max) + var(--over-under-offset, 0));
+
+		/* calculate the offset for the "from" thumb in percentage to move the range visualisation from the left edge, using max() to avoid going off screen */
+		--offset-percentage: calc(
+			calc(var(--from) - var(--min)) /
+				calc(var(--max-with-offset) - var(--min)) * 100
+		);
+		margin-left: calc(
+			max(var(--offset-percentage) * 1%, 0px) - var(
+					--range-slider-magic-pixel,
+					0px
+				)
+		);
+
+		/* calculate the width of the selected range in percentage, clamped between min/max */
+		--value-range: calc(var(--max-with-offset) - var(--min));
+		--range-span-percentage: calc(
+			calc(
+					min(var(--to), var(--max-with-offset)) - max(var(--min), var(--from))
+				) /
+				var(--value-range) * 100
+		);
+		width: calc(
+			var(--range-span-percentage) * 1% + var(--range-slider-magic-pixel, 0px)
+		);
+
+		z-index: 1;
+	}
+
+	.w-slider__markers {
+		--_marker-height: 7px;
+		--_marker-width: 1px;
+
+		align-self: center;
+
+		/* Creates a linear gradient with --_marker-width wide markers
        followed by enough transparent that we can repeat the gradient
        along the X axis and have markers visible where we want them. */
-    background: linear-gradient(
-        to right,
-        var(--w-slider-marker-color) var(--_marker-width),
-        rgba(0, 0, 0, 0) 1px calc(100% - 1px),
-        var(--w-slider-marker-color) 100%
-      )
-      repeat-x;
-    --_step-width-as-percent: calc(var(--markers) / var(--_value-range) * 100);
-    background-size: calc(var(--_step-width-as-percent) * 1%)
-      var(--_marker-height);
-
-    background-position: bottom 0 left 8px right 8px;
-    position: absolute;
-    top: calc(var(--_range-top) + 2px);
-    left: 1px;
-    right: 1px;
-    grid-area: slider;
-    height: var(--_marker-height);
-    margin-inline: var(--w-slider-thumb-offset);
-  }
-
-  .w-slider__error {
-    grid-area: error;
-    padding-top: 8px;
-    font-size: var(--w-font-size-xs);
-    line-height: var(--w-line-height-xs);
-    color: var(--w-s-color-text-negative);
-  }
-
-  .w-slider__help-text {
-    grid-area: error;
-    padding-top: 8px;
-    font-size: var(--w-font-size-xs);
-    line-height: var(--w-line-height-xs);
-  }
-
-  slot::slotted(w-slider-thumb) {
-    position: static;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    grid-area: slider;
-  }
-`;var l,m,de,ce,be,he,ge,ue,q,L,d=class extends le{constructor(){super();R(this,l);this.disabled=!1;this.openEnded=!1;this.invalid=!1;this.required=!1;this.hiddenTextfield=!1;this._invalidMessage="";this._hasInternalError=!1;this._showError=!1;this._tabbableElements=[];Q(te,ie,ae,oe,se)}get edgeMin(){return this.openEnded?(Number(this.min)-1).toString():this.min}get edgeMax(){return this.openEnded?(Number(this.max)+1).toString():this.max}async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.step&&this.fieldset.style.setProperty("--step",String(this.step)),this.min!==void 0&&this.fieldset.style.setProperty("--min",this.edgeMin),this.max!==void 0&&this.fieldset.style.setProperty("--max",this.max),this.markers&&this.fieldset.style.setProperty("--markers",String(this.markers)),this.openEnded&&this.fieldset.style.setProperty("--over-under-offset","1");let e=this.querySelectorAll("w-slider-thumb");if(e.length===2){this.fieldset.style.setProperty("--range-slider-magic-pixel","1px");let t=Array.from(e);this._tabbableElements[0]=t[0].shadowRoot.querySelector("input"),this._tabbableElements[1]=t[1].shadowRoot.querySelector("input"),this._tabbableElements[2]=t[0].shadowRoot.querySelector("w-textfield"),this._tabbableElements[3]=t[1].shadowRoot.querySelector("w-textfield")}else if(e.length===1){let t=Array.from(e);this._tabbableElements[0]=t[0].shadowRoot.querySelector("input"),this._tabbableElements[1]=t[0].shadowRoot.querySelector("w-textfield")}this.invalid&&this.error&&(this._showError=!0),h(this,l,m).call(this)}updated(e){(e.has("disabled")||e.has("required")||e.has("min")||e.has("step")||e.has("max")||e.has("suffix")||e.has("labelFormatter")||e.has("valueFormatter")||e.has("_invalidMessage")||e.has("_hasInternalError"))&&h(this,l,m).call(this),(e.has("error")||e.has("invalid"))&&(this.error&&this.invalid?this._showError=!0:this._showError=!1,h(this,l,m).call(this))}get componentHasError(){return this.invalid||this._hasInternalError}get errorText(){return this._showError?this.error||this._invalidMessage:""}render(){return x`
-      <fieldset
-        id="fieldset"
-        class="w-slider"
-        @input="${h(this,l,ce)}"
-        @focusout="${h(this,l,be)}"
-        @slidervalidity="${h(this,l,ue)}"
-        @thumbreset="${h(this,l,de)}"
-        @keydown="${h(this,l,he)}"
-        aria-invalid="${this.errorText?"true":j}"
-        ?disabled="${this.disabled}"
-      >
-        ${this.label?x`<legend class="w-slider__label">
-              <slot id="label" name="label">${this.label}</slot>
-            </legend>`:x`<slot id="label" name="label"></slot>`}
-        <slot class="w-slider__description" name="description"></slot>
-        ${this.markers?x`<div class="w-slider__markers"></div>`:j}
-        <div class="w-slider__range">
-          <div class="w-slider__active-range"></div>
-        </div>
-        <slot
-          class="w-slider__slider"
-          @slotchange=${h(this,l,m)}
-        ></slot>
-        <slot
-          class="w-slider__slider"
-          name="from"
-          @slotchange=${h(this,l,m)}
-        ></slot>
-        <slot
-          class="w-slider__slider"
-          name="to"
-          @slotchange=${h(this,l,m)}
-        ></slot>
-        ${this.errorText?x`<p class="w-slider__error" aria-describes="fieldset">
-              ${this.errorText}
-            </p>`:this.helpText?x`<p class="w-slider__help-text" aria-describes="fieldset">
-                ${this.helpText}
-              </p>`:j}
-      </fieldset>
-    `}};l=new WeakSet,m=function(){let e=this.querySelectorAll("w-slider-thumb"),o=!1;for(let t of e.values())t.min=this.edgeMin,t.max=this.edgeMax,t.step=this.step,t.suffix=this.suffix??"",t.required=this.required,t.labelFormatter=this.labelFormatter,t.valueFormatter=this.valueFormatter,t.tooltipFormatter=this.tooltipFormatter,t.openEnded=this.openEnded,t._hiddenTextfield=this.hiddenTextfield,t.ariaLabel||(t.slot||(t.ariaLabel=this.label||null),t.slot==="from"&&(t.ariaLabel=`${this.label} min`),t.slot==="to"&&(t.ariaLabel=`${this.label} max`)),(t.slot==="from"||t.slot==="to")&&(o=!0),t.disabled=this.disabled,t.invalid=!!this.errorText,h(this,l,L).call(this,t);o?(this.fieldset.style.setProperty("--active-range-inline-start-padding","var(--w-slider-thumb-size, 28px)"),this.fieldset.style.setProperty("--active-range-inline-end-padding","var(--w-slider-thumb-size, 28px)")):this.fieldset.style.setProperty("--active-range-border-radius","4px")},de=function(e){e.stopPropagation();let o=e.target;h(this,l,L).call(this,o)},ce=function(e){let o=e.target;h(this,l,L).call(this,o),o.slot&&h(this,l,ge).call(this)},be=function(){this.componentHasError?this._showError=!0:this._showError=!1,h(this,l,m).call(this)},he=function(e){if(e.key==="Tab"){let o=this._tabbableElements.indexOf(e.target.shadowRoot.activeElement);if(o===-1)return;let t=e.shiftKey?-1:1,i=this._tabbableElements[o+t];if(!i)return;e.preventDefault(),i.focus()}},ge=function(){let e=null,o=null,t=this.querySelectorAll("w-slider-thumb");for(let i of t.values())i.slot==="from"&&(e=i),i.slot==="to"&&(o=i);!e||!o||!e.invalid&&o.invalid},ue=function(e){e.stopPropagation();let o=this._hasInternalError||this.invalid,t=e.target;if(this._hasInternalError=!!e.detail.invalid||this.invalid,this._invalidMessage=e.detail.invalid,o===!0&&this._hasInternalError===!1){let i=this.querySelectorAll("w-slider-thumb");for(let s of i.values())s!==t&&s.updateFieldAfterValidation()}},q=function(e,o){return(o.value===void 0||o.value===null)&&(o.value=this.openEnded?"":e),o.value===""?e:o.value},L=function(e){let o=e.slot;o||this.fieldset.style.setProperty("--from","0"),o==="from"&&this.fieldset.style.setProperty("--from",h(this,l,q).call(this,this.edgeMin,e)),(!o||o==="to")&&this.fieldset.style.setProperty("--to",h(this,l,q).call(this,this.edgeMax,e))},d.shadowRootOptions={...le.shadowRootOptions,delegatesFocus:!0},d.styles=[re,ne],c([g({reflect:!0})],d.prototype,"label",2),c([g({type:Boolean,reflect:!0})],d.prototype,"disabled",2),c([g({type:Boolean,attribute:"open-ended"})],d.prototype,"openEnded",2),c([g({type:String,reflect:!0})],d.prototype,"error",2),c([g({type:String,reflect:!0,attribute:"help-text"})],d.prototype,"helpText",2),c([g({type:Boolean,reflect:!0})],d.prototype,"invalid",2),c([g({type:Boolean,reflect:!0})],d.prototype,"required",2),c([g({reflect:!0})],d.prototype,"min",2),c([g({reflect:!0})],d.prototype,"max",2),c([g({type:Number,reflect:!0})],d.prototype,"markers",2),c([g({type:Number,reflect:!0})],d.prototype,"step",2),c([g({reflect:!0})],d.prototype,"suffix",2),c([g({type:Boolean,reflect:!0,attribute:"hidden-textfield"})],d.prototype,"hiddenTextfield",2),c([g({attribute:!1})],d.prototype,"valueFormatter",2),c([g({attribute:!1})],d.prototype,"tooltipFormatter",2),c([g({attribute:!1})],d.prototype,"labelFormatter",2),c([qe("fieldset")],d.prototype,"fieldset",2),c([T()],d.prototype,"_invalidMessage",2),c([T()],d.prototype,"_hasInternalError",2),c([T()],d.prototype,"_showError",2),c([T()],d.prototype,"_tabbableElements",2);customElements.get("w-slider")||customElements.define("w-slider",d);export{d as WarpSlider};
+		background: linear-gradient(
+				to right,
+				var(--w-slider-marker-color) var(--_marker-width),
+				rgba(0, 0, 0, 0) 1px calc(100% - 1px),
+				var(--w-slider-marker-color) 100%
+			)
+			repeat-x;
+		--_step-width-as-percent: calc(var(--markers) / var(--_value-range) * 100);
+		background-size: calc(var(--_step-width-as-percent) * 1%)
+			var(--_marker-height);
+
+		background-position: bottom 0 left 8px right 8px;
+		position: absolute;
+		top: calc(var(--_range-top) + 2px);
+		left: 1px;
+		right: 1px;
+		grid-area: slider;
+		height: var(--_marker-height);
+		margin-inline: var(--w-slider-thumb-offset);
+	}
+
+	.w-slider__error {
+		grid-area: error;
+		padding-top: 8px;
+		font-size: var(--w-font-size-xs);
+		line-height: var(--w-line-height-xs);
+		color: var(--w-s-color-text-negative);
+	}
+
+	.w-slider__help-text {
+		grid-area: error;
+		padding-top: 8px;
+		font-size: var(--w-font-size-xs);
+		line-height: var(--w-line-height-xs);
+	}
+
+	slot::slotted(w-slider-thumb) {
+		position: static;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		grid-area: slider;
+	}
+`;var l,m,de,ce,be,he,ge,ue,q,L,d=class extends le{constructor(){super();R(this,l);this.disabled=!1;this.openEnded=!1;this.invalid=!1;this.required=!1;this.hiddenTextfield=!1;this._invalidMessage="";this._hasInternalError=!1;this._showError=!1;this._tabbableElements=[];Q(te,ie,ae,oe,se)}get edgeMin(){return this.openEnded?(Number(this.min)-1).toString():this.min}get edgeMax(){return this.openEnded?(Number(this.max)+1).toString():this.max}async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.step&&this.fieldset.style.setProperty("--step",String(this.step)),this.min!==void 0&&this.fieldset.style.setProperty("--min",this.edgeMin),this.max!==void 0&&this.fieldset.style.setProperty("--max",this.max),this.markers&&this.fieldset.style.setProperty("--markers",String(this.markers)),this.openEnded&&this.fieldset.style.setProperty("--over-under-offset","1");let e=this.querySelectorAll("w-slider-thumb");if(e.length===2){this.fieldset.style.setProperty("--range-slider-magic-pixel","1px");let t=[...e];this._tabbableElements[0]=t[0].shadowRoot.querySelector("input"),this._tabbableElements[1]=t[1].shadowRoot.querySelector("input"),this._tabbableElements[2]=t[0].shadowRoot.querySelector("w-textfield"),this._tabbableElements[3]=t[1].shadowRoot.querySelector("w-textfield")}else if(e.length===1){let t=[...e];this._tabbableElements[0]=t[0].shadowRoot.querySelector("input"),this._tabbableElements[1]=t[0].shadowRoot.querySelector("w-textfield")}this.invalid&&this.error&&(this._showError=!0),h(this,l,m).call(this)}updated(e){(e.has("disabled")||e.has("required")||e.has("min")||e.has("step")||e.has("max")||e.has("suffix")||e.has("labelFormatter")||e.has("valueFormatter")||e.has("_invalidMessage")||e.has("_hasInternalError"))&&h(this,l,m).call(this),(e.has("error")||e.has("invalid"))&&(this.error&&this.invalid?this._showError=!0:this._showError=!1,h(this,l,m).call(this))}get componentHasError(){return this.invalid||this._hasInternalError}get errorText(){return this._showError?this.error||this._invalidMessage:""}render(){return x`
+			<fieldset
+				id="fieldset"
+				class="w-slider"
+				@input="${h(this,l,ce)}"
+				@focusout="${h(this,l,be)}"
+				@slidervalidity="${h(this,l,ue)}"
+				@thumbreset="${h(this,l,de)}"
+				@keydown="${h(this,l,he)}"
+				aria-invalid="${this.errorText?"true":j}"
+				?disabled="${this.disabled}"
+			>
+				${this.label?x`<legend class="w-slider__label">
+							<slot id="label" name="label">${this.label}</slot>
+						</legend>`:x`<slot id="label" name="label"></slot>`}
+				<slot class="w-slider__description" name="description"></slot>
+				${this.markers?x`<div class="w-slider__markers"></div>`:j}
+				<div class="w-slider__range">
+					<div class="w-slider__active-range"></div>
+				</div>
+				<slot
+					class="w-slider__slider"
+					@slotchange=${h(this,l,m)}
+				></slot>
+				<slot
+					class="w-slider__slider"
+					name="from"
+					@slotchange=${h(this,l,m)}
+				></slot>
+				<slot
+					class="w-slider__slider"
+					name="to"
+					@slotchange=${h(this,l,m)}
+				></slot>
+				${this.errorText?x`<p class="w-slider__error" aria-describes="fieldset">
+							${this.errorText}
+						</p>`:this.helpText?x`<p class="w-slider__help-text" aria-describes="fieldset">
+								${this.helpText}
+							</p>`:j}
+			</fieldset>
+		`}};l=new WeakSet,m=function(){let e=this.querySelectorAll("w-slider-thumb"),o=!1;for(let t of e.values())t.min=this.edgeMin,t.max=this.edgeMax,t.step=this.step,t.suffix=this.suffix??"",t.required=this.required,t.labelFormatter=this.labelFormatter,t.valueFormatter=this.valueFormatter,t.tooltipFormatter=this.tooltipFormatter,t.openEnded=this.openEnded,t._hiddenTextfield=this.hiddenTextfield,t.ariaLabel||(t.slot||(t.ariaLabel=this.label||null),t.slot==="from"&&(t.ariaLabel=`${this.label} min`),t.slot==="to"&&(t.ariaLabel=`${this.label} max`)),(t.slot==="from"||t.slot==="to")&&(o=!0),t.disabled=this.disabled,t.invalid=!!this.errorText,h(this,l,L).call(this,t);o?(this.fieldset.style.setProperty("--active-range-inline-start-padding","var(--w-slider-thumb-size, 28px)"),this.fieldset.style.setProperty("--active-range-inline-end-padding","var(--w-slider-thumb-size, 28px)")):this.fieldset.style.setProperty("--active-range-border-radius","4px")},de=function(e){e.stopPropagation();let o=e.target;h(this,l,L).call(this,o)},ce=function(e){let o=e.target;h(this,l,L).call(this,o),o.slot&&h(this,l,ge).call(this)},be=function(){this.componentHasError?this._showError=!0:this._showError=!1,h(this,l,m).call(this)},he=function(e){if(e.key==="Tab"){let o=this._tabbableElements.indexOf(e.target.shadowRoot.activeElement);if(o===-1)return;let t=e.shiftKey?-1:1,i=this._tabbableElements[o+t];if(!i)return;e.preventDefault(),i.focus()}},ge=function(){let e=null,o=null,t=this.querySelectorAll("w-slider-thumb");for(let i of t.values())i.slot==="from"&&(e=i),i.slot==="to"&&(o=i);!e||!o||!e.invalid&&o.invalid},ue=function(e){e.stopPropagation();let o=this._hasInternalError||this.invalid,t=e.target;if(this._hasInternalError=!!e.detail.invalid||this.invalid,this._invalidMessage=e.detail.invalid,o===!0&&this._hasInternalError===!1){let i=this.querySelectorAll("w-slider-thumb");for(let s of i.values())s!==t&&s.updateFieldAfterValidation()}},q=function(e,o){return o.value??=this.openEnded?"":e,o.value===""?e:o.value},L=function(e){let o=e.slot;o||this.fieldset.style.setProperty("--from","0"),o==="from"&&this.fieldset.style.setProperty("--from",h(this,l,q).call(this,this.edgeMin,e)),(!o||o==="to")&&this.fieldset.style.setProperty("--to",h(this,l,q).call(this,this.edgeMax,e))},d.shadowRootOptions={...le.shadowRootOptions,delegatesFocus:!0},d.styles=[re,ne],c([g({reflect:!0})],d.prototype,"label",2),c([g({type:Boolean,reflect:!0})],d.prototype,"disabled",2),c([g({type:Boolean,attribute:"open-ended"})],d.prototype,"openEnded",2),c([g({type:String,reflect:!0})],d.prototype,"error",2),c([g({type:String,reflect:!0,attribute:"help-text"})],d.prototype,"helpText",2),c([g({type:Boolean,reflect:!0})],d.prototype,"invalid",2),c([g({type:Boolean,reflect:!0})],d.prototype,"required",2),c([g({reflect:!0})],d.prototype,"min",2),c([g({reflect:!0})],d.prototype,"max",2),c([g({type:Number,reflect:!0})],d.prototype,"markers",2),c([g({type:Number,reflect:!0})],d.prototype,"step",2),c([g({reflect:!0})],d.prototype,"suffix",2),c([g({type:Boolean,reflect:!0,attribute:"hidden-textfield"})],d.prototype,"hiddenTextfield",2),c([g({attribute:!1})],d.prototype,"valueFormatter",2),c([g({attribute:!1})],d.prototype,"tooltipFormatter",2),c([g({attribute:!1})],d.prototype,"labelFormatter",2),c([qe("fieldset")],d.prototype,"fieldset",2),c([T()],d.prototype,"_invalidMessage",2),c([T()],d.prototype,"_hasInternalError",2),c([T()],d.prototype,"_showError",2),c([T()],d.prototype,"_tabbableElements",2);customElements.get("w-slider")||customElements.define("w-slider",d);export{d as WarpSlider};
 //# sourceMappingURL=slider.js.map