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

package/dist/packages/expandable/expandable.js

@@ -1,310 +1,317 @@
 var U=Object.defineProperty;var V=Object.getOwnPropertyDescriptor;var X=e=>{throw TypeError(e)};var n=(e,o,r,t)=>{for(var a=t>1?void 0:t?V(o,r):o,d=e.length-1,u;d>=0;d--)(u=e[d])&&(a=(t?u(o,r,a):u(a))||a);return t&&a&&U(o,r,a),a};var O=(e,o,r)=>o.has(e)||X("Cannot "+r);var w=(e,o,r)=>(O(e,o,"read from private field"),r?r.call(e):o.get(e)),C=(e,o,r)=>o.has(e)?X("Cannot add the same private member more than once"):o instanceof WeakSet?o.add(e):o.set(e,r);var b=function(){for(var e=[],o=arguments.length;o--;)e[o]=arguments[o];return e.reduce(function(r,t){return r.concat(typeof t=="string"?t:Array.isArray(t)?b.apply(void 0,t):typeof t=="object"&&t?Object.keys(t).map(function(a){return t[a]?a:""}):"")},[]).join(" ")};import{css as ve,html as p,LitElement as we}from"lit";import{property as c}from"lit/decorators.js";import{ifDefined as P}from"lit/directives/if-defined.js";import{html as G,LitElement as H}from"lit";import{property as h,state as I}from"lit/decorators.js";import{classMap as J}from"lit/directives/class-map.js";import{css as q}from"lit";var _=q`
-:host {
-  display: inline-block;
-}
-.w-icon {
-  --_w-icon-size: var(--w-icon-size, 24px);
-  height: var(--_w-icon-size);
-  width: var(--_w-icon-size);
-  display: flex;
-}
-.w-icon svg {
-  pointer-events: none;
-  height: var(--_w-icon-size);
-  width: var(--_w-icon-size);
-}
-.w-icon--s {
-  --w-icon-size: 16px;
-}
-.w-icon--m {
-  --w-icon-size: 24px;
-}
-.w-icon--l {
-  --w-icon-size: 32px;
-}
-
-`;var m=new Map,K='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function Q(e,o={}){let r=o.responseParser??(t=>t.text());return m.has(e)||m.set(e,fetch(e).then(r)),m.get(e)}var v=class extends H{constructor(){super(...arguments);this.locale=document.documentElement.lang||"en";this.svg=null}async fetchIcon(r){let t=`https://assets.finn.no/pkg/eikons/~1/${this.locale}/${r}.svg`;try{let a=await Q(t);return new DOMParser().parseFromString(a,"text/html").body.querySelector("svg")}catch{return null}}firstUpdated(){this.loadIcon()}updated(r){(r.has("name")||r.has("locale"))&&this.loadIcon()}async loadIcon(){if(!this.name){this.svg=null;return}let r=await this.fetchIcon(this.name);r||(r=new DOMParser().parseFromString(K,"text/html").body.firstElementChild),this.svg=r}render(){let r=this.size||"medium",t=this.name||"",a={"w-icon":!0,"w-icon--s":r==="small","w-icon--m":r==="medium","w-icon--l":r==="large"},d=typeof r=="string"&&r.endsWith("px")?`--w-icon-size: ${r};`:"";return G`<div class="${J(a)}" style="${d}" part="w-${t.toLowerCase()}">${this.svg}</div>`}};v.styles=[_],n([h({type:String,reflect:!0})],v.prototype,"name",2),n([h({type:String,reflect:!0})],v.prototype,"size",2),n([h({type:String,reflect:!0,useDefault:!0})],v.prototype,"locale",2),n([I()],v.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",v);import{css as re,html as k,LitElement as oe}from"lit";import{ifDefined as te}from"lit/directives/if-defined.js";var f=typeof window<"u",x=!0;if(f){let e=window.matchMedia("(prefers-reduced-motion: reduce)"),o=({matches:r})=>x=!r;e.addEventListener&&e.addEventListener("change",o),o(e)}var E=e=>{e.style.transition=null,e.style.backfaceVisibility=null,e.style.overflow=null},Z=e=>{let o="var(--w-expansion-duration, var(--f-expansion-duration, 0.3s))";e.style.transition=`height ${o}`,e.style.backfaceVisibility="hidden",e.style.overflow="hidden"},W=(e,o)=>()=>{e.style.height="auto",e.style.overflow=null,o&&o()},ee=e=>()=>{e&&e()},T=(e,o)=>{let r=(()=>{if(!o)return new Promise(d=>{o=d})})();if(!x)return e.style.height="auto",o&&o(),r;let t=W(e,o);E(e),e.style.height="auto";let a=e.scrollHeight;if(f&&requestAnimationFrame(()=>{e.addEventListener("transitionend",t,{once:!0}),e.style.height="0px",e.style.transitionTimingFunction="ease-out",Z(e),requestAnimationFrame(()=>e.style.height=a+"px")}),r)return r},$=(e,o)=>{let r=(()=>{if(!o)return new Promise(d=>{o=d})})();if(!x)return e.style.height="0px",o&&o(),r;let t=ee(o);E(e);let a=e.scrollHeight;if(f&&requestAnimationFrame(()=>{e.addEventListener("transitionend",t,{once:!0}),e.style.height=a+"px",e.style.transitionTimingFunction="ease-in",Z(e),requestAnimationFrame(()=>e.style.height="0px")}),r)return r};var y=class extends oe{static properties={show:{type:Boolean,reflect:!0},_removeElement:{type:Boolean,state:!0}};constructor(){super(),this.show=!1,this._mounted=!1,this._removeElement=!1}willUpdate(){this._mounted||(this._removeElement=!this.show),this.show&&this._removeElement&&(this._removeElement=!1)}updated(){if(this._wrapper){if(!this._mounted){this._mounted=!0;return}this.show&&T(this._wrapper),!this.show&&!this._removeElement&&$(this._wrapper,()=>this._removeElement=!0)}}get _wrapper(){return this??null}static styles=[re`
-      :host {
-        display: block;
-      }
-    `];render(){return k`<div aria-hidden=${te(this.show?void 0:"true")}>${this._removeElement?k``:k`<slot></slot>`}</div>`}};customElements.get("w-expand-transition")||customElements.define("w-expand-transition",y);var ae=["en","nb","fi","da","sv"],z="en",g=e=>ae.find(o=>e===o||e.toLowerCase().includes(o))||z;function M(){if(typeof window>"u"){let e=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return g(e)}try{let e=L(document);if(e)return g(e);let o=ie();if(o)return g(o);let r=L(ne());return r?g(r):z}catch(e){return console.warn("could not detect locale, falling back to source locale",e),z}}function ne(){try{return window.parent?.document??null}catch{return null}}function L(e){try{return e?.documentElement?.lang??""}catch{return""}}function ie(){try{return window.frameElement?.getAttribute?.("lang")??""}catch{return""}}import{html as se,LitElement as le}from"lit";import{unsafeHTML as ce}from"lit/directives/unsafe-html.js";var Y=class extends le{static properties={level:{type:Number}};get _markup(){return`<h${this.level}
+	:host {
+		display: inline-block;
+	}
+	.w-icon {
+		--_w-icon-size: var(--w-icon-size, 24px);
+		height: var(--_w-icon-size);
+		width: var(--_w-icon-size);
+		display: flex;
+	}
+	.w-icon svg {
+		pointer-events: none;
+		height: var(--_w-icon-size);
+		width: var(--_w-icon-size);
+	}
+	.w-icon--s {
+		--w-icon-size: 16px;
+	}
+	.w-icon--m {
+		--w-icon-size: 24px;
+	}
+	.w-icon--l {
+		--w-icon-size: 32px;
+	}
+`;var m=new Map,K='<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"></svg>';function Q(e,o={}){let r=o.responseParser??(t=>t.text());return m.has(e)||m.set(e,fetch(e).then(r)),m.get(e)}var v=class extends H{constructor(){super(...arguments);this.locale=document.documentElement.lang||"en";this.svg=null}async fetchIcon(r){let t=`https://assets.finn.no/pkg/eikons/~1/${this.locale}/${r}.svg`;try{let a=await Q(t);return new DOMParser().parseFromString(a,"text/html").body.querySelector("svg")}catch{return null}}firstUpdated(){this.loadIcon()}updated(r){(r.has("name")||r.has("locale"))&&this.loadIcon()}async loadIcon(){if(!this.name){this.svg=null;return}let r=await this.fetchIcon(this.name);r||(r=new DOMParser().parseFromString(K,"text/html").body.firstElementChild),this.svg=r}render(){let r=this.size||"medium",t=this.name||"",a={"w-icon":!0,"w-icon--s":r==="small","w-icon--m":r==="medium","w-icon--l":r==="large"},d=typeof r=="string"&&r.endsWith("px")?`--w-icon-size: ${r};`:"";return G`<div
+			class="${J(a)}"
+			style="${d}"
+			part="w-${t.toLowerCase()}"
+		>
+			${this.svg}
+		</div>`}};v.styles=[_],n([h({type:String,reflect:!0})],v.prototype,"name",2),n([h({type:String,reflect:!0})],v.prototype,"size",2),n([h({type:String,reflect:!0,useDefault:!0})],v.prototype,"locale",2),n([I()],v.prototype,"svg",2);customElements.get("w-icon")||customElements.define("w-icon",v);import{css as re,html as k,LitElement as oe}from"lit";import{ifDefined as te}from"lit/directives/if-defined.js";var f=typeof window<"u",x=!0;if(f){let e=window.matchMedia("(prefers-reduced-motion: reduce)"),o=({matches:r})=>x=!r;e.addEventListener&&e.addEventListener("change",o),o(e)}var E=e=>{e.style.transition=null,e.style.backfaceVisibility=null,e.style.overflow=null},Z=e=>{let o="var(--w-expansion-duration, var(--f-expansion-duration, 0.3s))";e.style.transition=`height ${o}`,e.style.backfaceVisibility="hidden",e.style.overflow="hidden"},W=(e,o)=>()=>{e.style.height="auto",e.style.overflow=null,o&&o()},ee=e=>()=>{e&&e()},T=(e,o)=>{let r=(()=>{if(!o)return new Promise(d=>{o=d})})();if(!x)return e.style.height="auto",o&&o(),r;let t=W(e,o);E(e),e.style.height="auto";let a=e.scrollHeight;if(f&&requestAnimationFrame(()=>{e.addEventListener("transitionend",t,{once:!0}),e.style.height="0px",e.style.transitionTimingFunction="ease-out",Z(e),requestAnimationFrame(()=>e.style.height=a+"px")}),r)return r},$=(e,o)=>{let r=(()=>{if(!o)return new Promise(d=>{o=d})})();if(!x)return e.style.height="0px",o&&o(),r;let t=ee(o);E(e);let a=e.scrollHeight;if(f&&requestAnimationFrame(()=>{e.addEventListener("transitionend",t,{once:!0}),e.style.height=a+"px",e.style.transitionTimingFunction="ease-in",Z(e),requestAnimationFrame(()=>e.style.height="0px")}),r)return r};var y=class extends oe{static properties={show:{type:Boolean,reflect:!0},_removeElement:{type:Boolean,state:!0}};constructor(){super(),this.show=!1,this._mounted=!1,this._removeElement=!1}willUpdate(){this._mounted||(this._removeElement=!this.show),this.show&&this._removeElement&&(this._removeElement=!1)}updated(){if(this._wrapper){if(!this._mounted){this._mounted=!0;return}this.show&&T(this._wrapper),!this.show&&!this._removeElement&&$(this._wrapper,()=>this._removeElement=!0)}}get _wrapper(){return this??null}static styles=[re`
+			:host {
+				display: block;
+			}
+		`];render(){return k`<div aria-hidden=${te(this.show?void 0:"true")}>
+			${this._removeElement?k``:k`<slot></slot>`}
+		</div>`}};customElements.get("w-expand-transition")||customElements.define("w-expand-transition",y);var ae=["en","nb","fi","da","sv"],z="en",g=e=>ae.find(o=>e===o||e.toLowerCase().includes(o))||z;function M(){if(typeof window>"u"){let e=process.env.NMP_LANGUAGE||Intl.DateTimeFormat().resolvedOptions().locale;return g(e)}try{let e=L(document);if(e)return g(e);let o=ie();if(o)return g(o);let r=L(ne());return r?g(r):z}catch(e){return console.warn("could not detect locale, falling back to source locale",e),z}}function ne(){try{return window.parent?.document??null}catch{return null}}function L(e){try{return e?.documentElement?.lang??""}catch{return""}}function ie(){try{return window.frameElement?.getAttribute?.("lang")??""}catch{return""}}import{html as se,LitElement as le}from"lit";import{unsafeHTML as ce}from"lit/directives/unsafe-html.js";var Y=class extends le{static properties={level:{type:Number}};get _markup(){return`<h${this.level}
     style="margin: 0; font-weight: unset; font-size: unset; line-height: unset;"
   >
     <slot></slot>
   </h${this.level}>
 `}render(){return this.level?ce(this._markup):se`<slot></slot>`}};customElements.get("w-unstyled-heading")||customElements.define("w-unstyled-heading",Y);import{css as de}from"lit";import{unsafeCSS as pe}from"lit";var S=de`
-  *,
-  :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;
-  }
+	*,
+	: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;
+	}
 `,Ne=pe(`*, :before, :after {
             --w-rotate: 0;
             --w-rotate-x: 0;
@@ -2472,29 +2479,49 @@ var U=Object.defineProperty;var V=Object.getOwnPropertyDescriptor;var X=e=>{thro
                 }
             }
         `);import{unsafeCSS as be}from"lit";var j=be("*,: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}.t4{font-weight:700;font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.text-left{text-align:left}.align-middle{vertical-align:middle}.bg-transparent{background-color:#0000}.appearance-none{-webkit-appearance:none;appearance:none}.will-change-height{will-change:height}.border-0{border-width:0}.border-2{border-width:2px}.rounded-8{border-radius:8px}.rounded-l-0{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r-0{border-top-right-radius:0;border-bottom-right-radius:0}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.hover\\:underline:hover{text-decoration-line:underline}.focus-visible\\:underline:focus-visible{text-decoration-line:underline}.overflow-hidden{overflow:hidden}.focus\\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.items-center{align-items:center}.justify-between{justify-content:space-between}.relative{position:relative}.static{position:static}.s-bg{background-color:var(--w-s-color-background)}.s-bg-info-subtle{background-color:var(--w-s-color-background-info-subtle)}.s-bg-subtle{background-color:var(--w-s-color-background-subtle)}.hover\\:s-bg-subtle-hover:hover{background-color:var(--w-s-color-background-subtle-hover)}.active\\:s-bg-subtle-active:active{background-color:var(--w-s-color-background-subtle-active)}.s-text{color:var(--w-s-color-text)}.s-icon{color:var(--w-s-color-icon)}.s-border{border-color:var(--w-s-color-border)}.s-surface-sunken{background-color:var(--w-s-color-surface-sunken)}.h-0{height:0}.w-full{width:100%}.m-0{margin:0}.-mx-16{margin-left:-1.6rem;margin-right:-1.6rem}.last-child\\:mb-0>:last-child{margin-bottom:0}.ml-8{margin-left:.8rem}.px-0{padding-left:0;padding-right:0}.px-16{padding-left:1.6rem;padding-right:1.6rem}.py-0{padding-top:0;padding-bottom:0}.py-16{padding-top:1.6rem;padding-bottom:1.6rem}.pt-0{padding-top:0}.pt-16{padding-top:1.6rem}.pt-8{padding-top:.8rem}.invisible{visibility:hidden}.break-words{overflow-wrap:break-word}.cursor-pointer{cursor:pointer}.-rotate-180{--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:-180deg;transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.part-\\[w-chevrondown\\]\\:-rotate-180::part(w-chevrondown){--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:-180deg;transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.rotate-180{--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:180deg;transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.part-\\[w-chevronup\\]\\:rotate-180::part(w-chevronup){--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-rotate:180deg;transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.transform{transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.part-\\[w-chevrondown\\]\\:transform::part(w-chevrondown){transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.part-\\[w-chevronup\\]\\:transform::part(w-chevronup){transform:translateX(var(--w-translate-x)) translateY(var(--w-translate-y)) translateZ(var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.transform-gpu{transform:translate3d(var(--w-translate-x), var(--w-translate-y), var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.part-\\[w-chevrondown\\]\\:transform-gpu::part(w-chevrondown){transform:translate3d(var(--w-translate-x), var(--w-translate-y), var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.part-\\[w-chevronup\\]\\:transform-gpu::part(w-chevronup){transform:translate3d(var(--w-translate-x), var(--w-translate-y), var(--w-translate-z)) rotate(var(--w-rotate)) rotateX(var(--w-rotate-x)) rotateY(var(--w-rotate-y)) rotateZ(var(--w-rotate-z)) skewX(var(--w-skew-x)) skewY(var(--w-skew-y)) scaleX(var(--w-scale-x)) scaleY(var(--w-scale-y)) scaleZ(var(--w-scale-z))}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.part-\\[w-chevrondown\\]\\:transition-transform::part(w-chevrondown){transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.part-\\[w-chevronup\\]\\:transition-transform::part(w-chevronup){transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.part-\\[w-chevrondown\\]\\:ease-in-out::part(w-chevrondown){transition-timing-function:cubic-bezier(.4,0,.2,1)}.part-\\[w-chevronup\\]\\:ease-in-out::part(w-chevronup){transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:480px){.sm\\:rounded-8{border-radius:8px}.sm\\:mx-0{margin-left:0;margin-right:0}}");var ge={base:"group block relative break-words last-child:mb-0 px-16 rounded-8",bleed:"-mx-16 sm:mx-0 rounded-l-0 rounded-r-0 sm:rounded-8",info:"s-bg-info-subtle",neutral:"s-surface-sunken",bordered:"border-2 s-border s-bg"},i={wrapper:"will-change-height s-text py-16",box:"s-bg-subtle hover:s-bg-subtle-hover active:s-bg-subtle-active py-0 px-0 group block relative break-words last-child:mb-0 rounded-8",bleed:"-mx-16 rounded-l-0 rounded-r-0 sm:mx-0 sm:rounded-8",chevron:"inline-block align-middle s-icon",chevronNonBox:"ml-8",chevronTransform:"transform transition-transform transform-gpu ease-in-out",chevronExpand:"-rotate-180",chevronCollapse:"rotate-180",elementsChevronDownTransform:"part-[w-chevrondown]:transform part-[w-chevrondown]:transition-transform part-[w-chevrondown]:transform-gpu part-[w-chevrondown]:ease-in-out",elementsChevronUpTransform:"part-[w-chevronup]:transform part-[w-chevronup]:transition-transform part-[w-chevronup]:transform-gpu part-[w-chevronup]:ease-in-out",elementsChevronExpand:"part-[w-chevrondown]:-rotate-180",elementsChevronCollapse:"part-[w-chevronup]:rotate-180",expansion:"overflow-hidden",expansionNotExpanded:"h-0 invisible",button:"focus:outline-none appearance-none cursor-pointer bg-transparent border-0 m-0 hover:underline focus-visible:underline",buttonBox:"w-full text-left relative inline-flex items-center justify-between group relative break-words last-child:mb-0 px-16 rounded-8",contentWithTitle:"pt-0",title:"flex w-full justify-between items-center",titleType:"t4"},l,F,N,B,D,A,R,s=class extends we{constructor(){super(...arguments);C(this,l);this.expanded=!1;this.box=!1;this.bleed=!1;this.noChevron=!1;this.animated=!1;this._hasTitle=!0;this._showChevronUp=!1}updated(r){r.has("expanded")&&setTimeout(()=>{this._showChevronUp=this.expanded},200)}firstUpdated(){let r=!!this.title,t=this.renderRoot.querySelector("slot[name='title']")?.assignedNodes().length>0;this._hasTitle=r||t}get _expandableSlot(){return p`<div class="${w(this,l,A)}">
-      <slot></slot>
-    </div>`}render(){return p` <div class="${w(this,l,F)}">
-      ${this._hasTitle?p`<w-unstyled-heading level=${P(this.headingLevel)}>
-            <button
-              type="button"
-              aria-expanded="${this.expanded}"
-              class="${w(this,l,N)}"
-              @click=${()=>this.expanded=!this.expanded}>
-              <div class="${i.title}">
-                ${this.title?p`<span class="${i.titleType}">${this.title}</span>`:p`<slot name="title"></slot>`}
-                ${this.noChevron?"":p`<div class="${w(this,l,B)}">${w(this,l,D)}</div>`}
-              </div>
-            </button>
-          </w-unstyled-heading>`:""}
-      ${this.animated?p`<w-expand-transition ?show=${this.expanded}> ${this._expandableSlot} </w-expand-transition>`:p`<div class="${w(this,l,R)}" aria-hidden=${P(this.expanded?void 0:!0)}>
-            ${this._expandableSlot}
-          </div>`}
-    </div>`}};l=new WeakSet,F=function(){return b([i.wrapper,this.box&&i.box,this.bleed&&i.bleed])},N=function(){return b(this.buttonClass,[i.button,this.box&&i.buttonBox])},B=function(){return b([i.chevron,!this.box&&i.chevronNonBox])},D=function(){let r=b([i.elementsChevronUpTransform,"flex",!this.expanded&&this._showChevronUp&&i.elementsChevronCollapse]),t=b([i.elementsChevronDownTransform,"flex",this.expanded&&!this._showChevronUp&&i.elementsChevronExpand]),a=M();return this._showChevronUp?p`<w-icon name="ChevronUp" size="small" locale="${a}" class="${r}"></w-icon>`:p`<w-icon name="ChevronDown" size="small" locale="${a}" class="${t}"></w-icon>`},A=function(){return b(this.contentClass,[this.box?"pt-16":"pt-8",this.box&&ge.base,this._hasTitle&&this.box&&i.contentWithTitle])},R=function(){return b([i.expansion,!this.expanded&&i.expansionNotExpanded])},s.styles=[S,j,ve`
-      :host {
-        display: block;
-      }
-      ::slotted(:last-child) {
-        margin-bottom: 0px !important;
-      }
-    `],n([c({type:Boolean,reflect:!0})],s.prototype,"expanded",2),n([c({type:String})],s.prototype,"title",2),n([c({type:Boolean})],s.prototype,"box",2),n([c({type:Boolean})],s.prototype,"bleed",2),n([c({attribute:"button-class",type:String})],s.prototype,"buttonClass",2),n([c({attribute:"content-class",type:String})],s.prototype,"contentClass",2),n([c({attribute:"no-chevron",type:Boolean})],s.prototype,"noChevron",2),n([c({type:Boolean})],s.prototype,"animated",2),n([c({attribute:"heading-level",type:Number})],s.prototype,"headingLevel",2),n([c({type:Boolean,state:!0})],s.prototype,"_hasTitle",2),n([c({type:Boolean,state:!0})],s.prototype,"_showChevronUp",2);customElements.get("w-expandable")||customElements.define("w-expandable",s);export{s as WarpExpandable};
+			<slot></slot>
+		</div>`}render(){return p` <div class="${w(this,l,F)}">
+			${this._hasTitle?p`<w-unstyled-heading level=${P(this.headingLevel)}>
+						<button
+							type="button"
+							aria-expanded="${this.expanded}"
+							class="${w(this,l,N)}"
+							@click=${()=>this.expanded=!this.expanded}
+						>
+							<div class="${i.title}">
+								${this.title?p`<span class="${i.titleType}"
+											>${this.title}</span
+										>`:p`<slot name="title"></slot>`}
+								${this.noChevron?"":p`<div class="${w(this,l,B)}">
+											${w(this,l,D)}
+										</div>`}
+							</div>
+						</button>
+					</w-unstyled-heading>`:""}
+			${this.animated?p`<w-expand-transition ?show=${this.expanded}>
+						${this._expandableSlot}
+					</w-expand-transition>`:p`<div
+						class="${w(this,l,R)}"
+						aria-hidden=${P(this.expanded?void 0:!0)}
+					>
+						${this._expandableSlot}
+					</div>`}
+		</div>`}};l=new WeakSet,F=function(){return b([i.wrapper,this.box&&i.box,this.bleed&&i.bleed])},N=function(){return b(this.buttonClass,[i.button,this.box&&i.buttonBox])},B=function(){return b([i.chevron,!this.box&&i.chevronNonBox])},D=function(){let r=b([i.elementsChevronUpTransform,"flex",!this.expanded&&this._showChevronUp&&i.elementsChevronCollapse]),t=b([i.elementsChevronDownTransform,"flex",this.expanded&&!this._showChevronUp&&i.elementsChevronExpand]),a=M();return this._showChevronUp?p`<w-icon
+					name="ChevronUp"
+					size="small"
+					locale="${a}"
+					class="${r}"
+				></w-icon>`:p`<w-icon
+					name="ChevronDown"
+					size="small"
+					locale="${a}"
+					class="${t}"
+				></w-icon>`},A=function(){return b(this.contentClass,[this.box?"pt-16":"pt-8",this.box&&ge.base,this._hasTitle&&this.box&&i.contentWithTitle])},R=function(){return b([i.expansion,!this.expanded&&i.expansionNotExpanded])},s.styles=[S,j,ve`
+			:host {
+				display: block;
+			}
+			::slotted(:last-child) {
+				margin-bottom: 0px !important;
+			}
+		`],n([c({type:Boolean,reflect:!0})],s.prototype,"expanded",2),n([c({type:String})],s.prototype,"title",2),n([c({type:Boolean})],s.prototype,"box",2),n([c({type:Boolean})],s.prototype,"bleed",2),n([c({attribute:"button-class",type:String})],s.prototype,"buttonClass",2),n([c({attribute:"content-class",type:String})],s.prototype,"contentClass",2),n([c({attribute:"no-chevron",type:Boolean})],s.prototype,"noChevron",2),n([c({type:Boolean})],s.prototype,"animated",2),n([c({attribute:"heading-level",type:Number})],s.prototype,"headingLevel",2),n([c({type:Boolean,state:!0})],s.prototype,"_hasTitle",2),n([c({type:Boolean,state:!0})],s.prototype,"_showChevronUp",2);customElements.get("w-expandable")||customElements.define("w-expandable",s);export{s as WarpExpandable};
 //# sourceMappingURL=expandable.js.map