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

package/dist/packages/breadcrumbs/breadcrumbs.js

@@ -1,284 +1,284 @@
-var d=t=>typeof t=="string",ee=t=>typeof t=="function",D=new Map,O="en";function M(t){return[...Array.isArray(t)?t:[t],O]}function C(t,e,r){let o=M(t);r||(r="default");let a;if(typeof r=="string")switch(a={day:"numeric",month:"short",year:"numeric"},r){case"full":a.weekday="long";case"long":a.month="long";break;case"short":a.month="numeric";break}else a=r;return w(()=>f("date",o,r),()=>new Intl.DateTimeFormat(o,a)).format(d(e)?new Date(e):e)}function re(t,e,r){let o;if(r||(r="default"),typeof r=="string")switch(o={second:"numeric",minute:"numeric",hour:"numeric"},r){case"full":case"long":o.timeZoneName="short";break;case"short":delete o.second}else o=r;return C(t,e,o)}function z(t,e,r){let o=M(t);return w(()=>f("number",o,r),()=>new Intl.NumberFormat(o,r)).format(e)}function F(t,e,r,{offset:o=0,...a}){let s=M(t),n=e?w(()=>f("plural-ordinal",s),()=>new Intl.PluralRules(s,{type:"ordinal"})):w(()=>f("plural-cardinal",s),()=>new Intl.PluralRules(s,{type:"cardinal"}));return a[r]??a[n.select(r-o)]??a.other}function w(t,e){let r=t(),o=D.get(r);return o||(o=e(),D.set(r,o)),o}function f(t,e,r){let o=e.join("-");return`${t}-${o}-${JSON.stringify(r)}`}var I=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,A=t=>t.replace(/\\u([a-fA-F0-9]{4})|\\x([a-fA-F0-9]{2})/g,(e,r,o)=>{if(r){let a=parseInt(r,16);return String.fromCharCode(a)}else{let a=parseInt(o,16);return String.fromCharCode(a)}}),P="%__lingui_octothorpe__%",oe=(t,e,r={})=>{let o=e||t,a=n=>typeof n=="object"?n:r[n],s=(n,i)=>{let l=Object.keys(r).length?a("number"):void 0,b=z(o,n,l);return i.replace(new RegExp(P,"g"),b)};return{plural:(n,i)=>{let{offset:l=0}=i,b=F(o,!1,n,i);return s(n-l,b)},selectordinal:(n,i)=>{let{offset:l=0}=i,b=F(o,!0,n,i);return s(n-l,b)},select:te,number:(n,i)=>z(o,n,a(i)||{style:i}),date:(n,i)=>C(o,n,a(i)||i),time:(n,i)=>re(o,n,a(i)||i)}},te=(t,e)=>e[t]??e.other;function ae(t,e,r){return(o={},a)=>{let s=oe(e,r,a),n=(l,b=!1)=>Array.isArray(l)?l.reduce((h,m)=>{if(m==="#"&&b)return h+P;if(d(m))return h+m;let[S,p,j]=m,y={};p==="plural"||p==="selectordinal"||p==="select"?Object.entries(j).forEach(([_,W])=>{y[_]=n(W,p==="plural"||p==="selectordinal")}):y=j;let v;if(p){let _=s[p];v=_(o[S],y)}else v=o[S];return v==null?h:h+v},""):l,i=n(t);return d(i)&&I.test(i)?A(i):d(i)?i:i?String(i):""}}var ie=Object.defineProperty,ne=(t,e,r)=>e in t?ie(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,se=(t,e,r)=>(ne(t,typeof e!="symbol"?e+"":e,r),r),L=class{constructor(){se(this,"_events",{})}on(e,r){var o;return(o=this._events)[e]??(o[e]=[]),this._events[e].push(r),()=>this.removeListener(e,r)}removeListener(e,r){let o=this._getListeners(e);if(!o)return;let a=o.indexOf(r);~a&&o.splice(a,1)}emit(e,...r){let o=this._getListeners(e);o&&o.map(a=>a.apply(this,r))}_getListeners(e){let r=this._events[e];return Array.isArray(r)?r:!1}},le=Object.defineProperty,ce=(t,e,r)=>e in t?le(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,g=(t,e,r)=>(ce(t,typeof e!="symbol"?e+"":e,r),r),E=class extends L{constructor(e){super(),g(this,"_locale",""),g(this,"_locales"),g(this,"_localeData",{}),g(this,"_messages",{}),g(this,"_missing"),g(this,"_messageCompiler"),g(this,"t",this._.bind(this)),e.missing!=null&&(this._missing=e.missing),e.messages!=null&&this.load(e.messages),e.localeData!=null&&this.loadLocaleData(e.localeData),(typeof e.locale=="string"||e.locales)&&this.activate(e.locale??O,e.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(e,r){let o=this._localeData[e];o?Object.assign(o,r):this._localeData[e]=r}setMessagesCompiler(e){return this._messageCompiler=e,this}loadLocaleData(e,r){typeof e=="string"?this._loadLocaleData(e,r):Object.keys(e).forEach(o=>this._loadLocaleData(o,e[o])),this.emit("change")}_load(e,r){let o=this._messages[e];o?Object.assign(o,r):this._messages[e]=r}load(e,r){typeof e=="string"&&typeof r=="object"?this._load(e,r):Object.entries(e).forEach(([o,a])=>this._load(o,a)),this.emit("change")}loadAndActivate({locale:e,locales:r,messages:o}){this._locale=e,this._locales=r||void 0,this._messages[this._locale]=o,this.emit("change")}activate(e,r){this._locale=e,this._locales=r,this.emit("change")}_(e,r,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 a=o?.message;e||(e=""),d(e)||(r=e.values||r,a=e.message,e=e.id);let s=this.messages[e],n=s===void 0,i=this._missing;if(i&&n)return ee(i)?i(this._locale,e):i;n&&this.emit("missing",{id:e,locale:this._locale});let l=s||a||e;return d(l)&&(this._messageCompiler?l=this._messageCompiler(l):console.warn(`Uncompiled message detected! Message:
+var p=t=>typeof t=="string",ee=t=>typeof t=="function",I=new Map,j="en";function M(t){return[...Array.isArray(t)?t:[t],j]}function C(t,e,r){let o=M(t);r||(r="default");let a;if(typeof r=="string")switch(a={day:"numeric",month:"short",year:"numeric"},r){case"full":a.weekday="long";case"long":a.month="long";break;case"short":a.month="numeric";break}else a=r;return w(()=>f("date",o,r),()=>new Intl.DateTimeFormat(o,a)).format(p(e)?new Date(e):e)}function re(t,e,r){let o;if(r||(r="default"),typeof r=="string")switch(o={second:"numeric",minute:"numeric",hour:"numeric"},r){case"full":case"long":o.timeZoneName="short";break;case"short":delete o.second}else o=r;return C(t,e,o)}function z(t,e,r){let o=M(t);return w(()=>f("number",o,r),()=>new Intl.NumberFormat(o,r)).format(e)}function D(t,e,r,{offset:o=0,...a}){let l=M(t),n=e?w(()=>f("plural-ordinal",l),()=>new Intl.PluralRules(l,{type:"ordinal"})):w(()=>f("plural-cardinal",l),()=>new Intl.PluralRules(l,{type:"cardinal"}));return a[r]??a[n.select(r-o)]??a.other}function w(t,e){let r=t(),o=I.get(r);return o||(o=e(),I.set(r,o)),o}function f(t,e,r){let o=e.join("-");return`${t}-${o}-${JSON.stringify(r)}`}var F=/\\u[a-fA-F0-9]{4}|\\x[a-fA-F0-9]{2}/,O=t=>t.replace(/\\u([a-fA-F0-9]{4})|\\x([a-fA-F0-9]{2})/g,(e,r,o)=>{if(r){let a=parseInt(r,16);return String.fromCharCode(a)}else{let a=parseInt(o,16);return String.fromCharCode(a)}}),P="%__lingui_octothorpe__%",oe=(t,e,r={})=>{let o=e||t,a=n=>typeof n=="object"?n:r[n],l=(n,i)=>{let s=Object.keys(r).length?a("number"):void 0,c=z(o,n,s);return i.replace(new RegExp(P,"g"),c)};return{plural:(n,i)=>{let{offset:s=0}=i,c=D(o,!1,n,i);return l(n-s,c)},selectordinal:(n,i)=>{let{offset:s=0}=i,c=D(o,!0,n,i);return l(n-s,c)},select:te,number:(n,i)=>z(o,n,a(i)||{style:i}),date:(n,i)=>C(o,n,a(i)||i),time:(n,i)=>re(o,n,a(i)||i)}},te=(t,e)=>e[t]??e.other;function ae(t,e,r){return(o={},a)=>{let l=oe(e,r,a),n=(s,c=!1)=>Array.isArray(s)?s.reduce((b,h)=>{if(h==="#"&&c)return b+P;if(p(h))return b+h;let[S,g,A]=h,y={};g==="plural"||g==="selectordinal"||g==="select"?Object.entries(A).forEach(([_,W])=>{y[_]=n(W,g==="plural"||g==="selectordinal")}):y=A;let v;if(g){let _=l[g];v=_(o[S],y)}else v=o[S];return v==null?b:b+v},""):s,i=n(t);return p(i)&&F.test(i)?O(i):p(i)?i:i?String(i):""}}var ie=Object.defineProperty,ne=(t,e,r)=>e in t?ie(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,se=(t,e,r)=>(ne(t,typeof e!="symbol"?e+"":e,r),r),L=class{constructor(){se(this,"_events",{})}on(e,r){var o;return(o=this._events)[e]??(o[e]=[]),this._events[e].push(r),()=>this.removeListener(e,r)}removeListener(e,r){let o=this._getListeners(e);if(!o)return;let a=o.indexOf(r);~a&&o.splice(a,1)}emit(e,...r){let o=this._getListeners(e);o&&o.map(a=>a.apply(this,r))}_getListeners(e){let r=this._events[e];return Array.isArray(r)?r:!1}},le=Object.defineProperty,ce=(t,e,r)=>e in t?le(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r,u=(t,e,r)=>(ce(t,typeof e!="symbol"?e+"":e,r),r),E=class extends L{constructor(e){super(),u(this,"_locale",""),u(this,"_locales"),u(this,"_localeData",{}),u(this,"_messages",{}),u(this,"_missing"),u(this,"_messageCompiler"),u(this,"t",this._.bind(this)),e.missing!=null&&(this._missing=e.missing),e.messages!=null&&this.load(e.messages),e.localeData!=null&&this.loadLocaleData(e.localeData),(typeof e.locale=="string"||e.locales)&&this.activate(e.locale??j,e.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(e,r){let o=this._localeData[e];o?Object.assign(o,r):this._localeData[e]=r}setMessagesCompiler(e){return this._messageCompiler=e,this}loadLocaleData(e,r){typeof e=="string"?this._loadLocaleData(e,r):Object.keys(e).forEach(o=>this._loadLocaleData(o,e[o])),this.emit("change")}_load(e,r){let o=this._messages[e];o?Object.assign(o,r):this._messages[e]=r}load(e,r){typeof e=="string"&&typeof r=="object"?this._load(e,r):Object.entries(e).forEach(([o,a])=>this._load(o,a)),this.emit("change")}loadAndActivate({locale:e,locales:r,messages:o}){this._locale=e,this._locales=r||void 0,this._messages[this._locale]=o,this.emit("change")}activate(e,r){this._locale=e,this._locales=r,this.emit("change")}_(e,r,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 a=o?.message;e||(e=""),p(e)||(r=e.values||r,a=e.message,e=e.id);let l=this.messages[e],n=l===void 0,i=this._missing;if(i&&n)return ee(i)?i(this._locale,e):i;n&&this.emit("missing",{id:e,locale:this._locale});let s=l||a||e;return p(s)&&(this._messageCompiler?s=this._messageCompiler(s):console.warn(`Uncompiled message detected! Message:
 
-> ${l}
+> ${s}
 
 That means you use raw catalog or your catalog doesn't have a translation for the message and fallback was used.
 ICU features such as interpolation and plurals will not work properly for that message. 
 
 Please compile your catalog first. 
-`)),d(l)&&I.test(l)?A(l):d(l)?l:ae(l,this._locale,this._locales)(r,o?.formats)}date(e,r){return C(this._locales||this._locale,e,r)}number(e,r){return z(this._locales||this._locale,e,r)}};function de(t={}){return new E(t)}var c=de();function $(t,e){return t.flatMap(r=>[r,e]).slice(0,-1)}import{html as N,LitElement as fe}from"lit";var be=["en","nb","fi","da","sv"],Y="en",x=t=>be.find(e=>t===e||t.toLowerCase().includes(e))||Y;function T(){if(typeof window>"u"){let t=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return x(t)}try{let t=Z(document);if(t)return x(t);let e=he();if(e)return x(e);let r=Z(J());return r?x(r):Y}catch(t){return console.warn("could not detect locale, falling back to source locale",t),Y}}var R=(t,e,r,o,a)=>{c.load("en",t),c.load("nb",e),c.load("fi",r),c.load("da",o),c.load("sv",a);let s=T();c.activate(s),H(),ge()},pe="warp-i18n-change";function H(){typeof window>"u"||window.dispatchEvent(new Event(pe))}var X=!1;function ge(){if(X||typeof window>"u"||!document?.documentElement)return;X=!0;let t=()=>{let a=T();c.locale!==a&&(c.activate(a),H())},e=new MutationObserver(a=>{for(let s of a)if(s.type==="attributes"&&s.attributeName==="lang"){t();break}});e.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let r=J();r&&r.documentElement&&r!==document&&e.observe(r.documentElement,{attributes:!0,attributeFilter:["lang"]});let o=ue();o&&e.observe(o,{attributes:!0,attributeFilter:["lang"]})}function J(){try{return window.parent?.document??null}catch{return null}}function Z(t){try{return t?.documentElement?.lang??""}catch{return""}}function ue(){try{return window.frameElement??null}catch{return null}}function he(){try{return window.frameElement?.getAttribute?.("lang")??""}catch{return""}}import{css as me}from"lit";import{unsafeCSS as ve}from"lit";var G=me`
-  *,
-  :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(s)&&F.test(s)?O(s):p(s)?s:ae(s,this._locale,this._locales)(r,o?.formats)}date(e,r){return C(this._locales||this._locale,e,r)}number(e,r){return z(this._locales||this._locale,e,r)}};function de(t={}){return new E(t)}var d=de();function $(t,e){return t.flatMap(r=>[r,e]).slice(0,-1)}import{html as N,LitElement as fe}from"lit";var be=["en","nb","fi","da","sv"],Y="en",x=t=>be.find(e=>t===e||t.toLowerCase().includes(e))||Y;function Z(){if(typeof window>"u"){let t=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return x(t)}try{let t=X(document);if(t)return x(t);let e=he();if(e)return x(e);let r=X(H());return r?x(r):Y}catch(t){return console.warn("could not detect locale, falling back to source locale",t),Y}}var R=(t,e,r,o,a)=>{d.load("en",t),d.load("nb",e),d.load("fi",r),d.load("da",o),d.load("sv",a);let l=Z();d.activate(l),q(),ge()},pe="warp-i18n-change";function q(){typeof window>"u"||window.dispatchEvent(new Event(pe))}var T=!1;function ge(){if(T||typeof window>"u"||!document?.documentElement)return;T=!0;let t=()=>{let a=Z();d.locale!==a&&(d.activate(a),q())},e=new MutationObserver(a=>{for(let l of a)if(l.type==="attributes"&&l.attributeName==="lang"){t();break}});e.observe(document.documentElement,{attributes:!0,attributeFilter:["lang"]});let r=H();r&&r.documentElement&&r!==document&&e.observe(r.documentElement,{attributes:!0,attributeFilter:["lang"]});let o=ue();o&&e.observe(o,{attributes:!0,attributeFilter:["lang"]})}function H(){try{return window.parent?.document??null}catch{return null}}function X(t){try{return t?.documentElement?.lang??""}catch{return""}}function ue(){try{return window.frameElement??null}catch{return null}}function he(){try{return window.frameElement?.getAttribute?.("lang")??""}catch{return""}}import{css as me}from"lit";import{unsafeCSS as ve}from"lit";var J=me`
+	*,
+	: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;
+	}
 `,Ce=ve(`*, :before, :after {
             --w-rotate: 0;
             --w-rotate-x: 0;
@@ -2445,10 +2445,14 @@ Please compile your catalog first.
                     display: none
                 }
             }
-        `);var U=JSON.parse('{"breadcrumbs.ariaLabel":["Du er her"]}');var V=JSON.parse('{"breadcrumbs.ariaLabel":["You are here"]}');var q=JSON.parse('{"breadcrumbs.ariaLabel":["Olet t\xE4ss\xE4"]}');var K=JSON.parse('{"breadcrumbs.ariaLabel":["Her er du"]}');var Q=JSON.parse('{"breadcrumbs.ariaLabel":["Du \xE4r h\xE4r"]}');import{unsafeCSS as we}from"lit";var B=we("*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.flex{display:flex}.static{position:static}.s-text{color:var(--w-s-color-text)}.s-text-link{color:var(--w-s-color-text-link)}.s-icon{color:var(--w-s-color-icon)}.space-x-8>:not([hidden])~:not([hidden]){--w-space-x-reverse:0;margin-left:calc(.8rem * calc(1 - var(--w-space-x-reverse)));margin-right:calc(.8rem * var(--w-space-x-reverse))}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.select-none{-webkit-user-select:none;user-select:none}");var u={wrapper:"flex space-x-8",text:"s-text",link:"s-text-link",separator:"select-none s-icon",a11y:"sr-only"},xe=N`<span class=${u.separator}>/</span>`,k=class extends fe{constructor(){super();this._children=[];this._internals=this.attachInternals(),R(V,K,q,U,Q),this._internals.ariaLabel=c._({id:"breadcrumbs.ariaLabel",message:"You are here",comment:"Default screen reader message for the breadcrumb component"})}connectedCallback(){super.connectedCallback(),this._internals.role="navigation";let o=Array.from(this.children).flat(Number.POSITIVE_INFINITY).filter(a=>a).map((a,s)=>{if(typeof a=="string"){let n=s===this.children.length-1;return N`<span class=${u.text} aria-current=${n?"page":void 0}>${a}</span>`}return a.classList.add(a.tagName==="A"?u.link:u.text),a});this._children=$(o,xe)}render(){return N`
-      <nav aria-labelledby="breadCrumbLabel">
-        <h2 id="breadCrumbLabel" class=${u.a11y}>${this.ariaLabel}</h2>
-        <div class=${u.wrapper}>${this._children}</div>
-      </nav>
-    `}};k.styles=[G,B];customElements.get("w-breadcrumbs")||customElements.define("w-breadcrumbs",k);export{k as WarpBreadcrumbs};
+        `);var U=JSON.parse('{"breadcrumbs.ariaLabel":["Du er her"]}');var G=JSON.parse('{"breadcrumbs.ariaLabel":["You are here"]}');var V=JSON.parse('{"breadcrumbs.ariaLabel":["Olet t\xE4ss\xE4"]}');var K=JSON.parse('{"breadcrumbs.ariaLabel":["Her er du"]}');var B=JSON.parse('{"breadcrumbs.ariaLabel":["Du \xE4r h\xE4r"]}');import{unsafeCSS as we}from"lit";var Q=we("*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.flex{display:flex}.static{position:static}.s-text{color:var(--w-s-color-text)}.s-text-link{color:var(--w-s-color-text-link)}.s-icon{color:var(--w-s-color-icon)}.space-x-8>:not([hidden])~:not([hidden]){--w-space-x-reverse:0;margin-left:calc(.8rem * calc(1 - var(--w-space-x-reverse)));margin-right:calc(.8rem * var(--w-space-x-reverse))}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.select-none{-webkit-user-select:none;user-select:none}");var m={wrapper:"flex space-x-8",text:"s-text",link:"s-text-link",separator:"select-none s-icon",a11y:"sr-only"},xe=N`<span class=${m.separator}>/</span>`,k=class extends fe{constructor(){super();this._children=[];this._internals=this.attachInternals(),R(G,K,V,U,B),this._defaultLabel=d._({id:"breadcrumbs.ariaLabel",message:"You are here",comment:"Default screen reader message for the breadcrumb component"}),this._internals.ariaLabel=this._defaultLabel}get _label(){return this.ariaLabel??this._defaultLabel}connectedCallback(){super.connectedCallback(),this._internals.role="navigation";let r=this.querySelectorAll(":scope > a"),o=this.querySelectorAll(":scope > span"),a=this.querySelectorAll("w-breadcrumb-item");a.length>0&&(r.length>0||o.length>0)&&console.warn("Mixing Legacy API and w-breadcrumb-item API children is not supported.");let l=0,n=!1;a.forEach((c,b)=>{c.hasAttribute("current-page")&&(b<a.length-1&&(n=!0),l++)}),l>1&&console.warn("Please ensure only one w-breadcrumb-item has the current-page attribute."),n&&console.warn("The current-page attribute should only be used on the final breadcrumb item.");let s=[...this.children].filter(c=>c&&c.tagName!=="W-BREADCRUMB-ITEM").flat(Number.POSITIVE_INFINITY).filter(c=>c).map((c,b)=>{if(typeof c=="string"){let h=b===this.children.length-1;return N`<span
+					class=${m.text}
+					aria-current=${h?"page":void 0}
+					>${c}</span
+				>`}return c.classList.add(c.tagName==="A"?m.link:m.text),c});this._children=$(s,xe)}render(){return N`
+			<nav aria-labelledby="breadCrumbLabel">
+				<h2 id="breadCrumbLabel" class=${m.a11y}>${this._label}</h2>
+				<div class=${m.wrapper}>${this._children}<slot></slot></div>
+			</nav>
+		`}};k.styles=[J,Q];customElements.get("w-breadcrumbs")||customElements.define("w-breadcrumbs",k);export{k as WarpBreadcrumbs};
 //# sourceMappingURL=breadcrumbs.js.map