@helvetia-design/core 0.0.5 → 0.1.0

package/dist/design-system/{p-24adf9e503.entry.js → p-8e0ce35e32.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{D as t,J as o,d as i,F as e,G as r,I as a}from"./p-vF16SDFF.js";import{_ as s,L as n,a as l}from"./p-nVdGbZYj.js";import{a as p,c as m,s as d,f as c,o as h}from"./p-C1kAmkEd.js";import{T as b}from"./p-C2tiilHE.js";import{O as v}from"./p-Bo3ozMyW.js";import"./p-CnMdxr0m.js";let f=0;const x=class{constructor(i){t(this,i),this.dsWillAnimate=o(this,"dsWillAnimate"),this.dsDidAnimate=o(this,"dsDidAnimate"),this.tooltipId="ds-tooltip-"+f++,this.presented=!1,this.reference="",this.placement="bottom",this.offset=8,this.contentWidth=void 0,this.open=!1}createLogger(t){this.log=t}contentWidthChanged(t){void 0===t?this.el.style.removeProperty("--tooltip-max-width"):this.el.style.setProperty("--tooltip-max-width",`${t}px`)}componentDidLoad(){this.contentWidthChanged(this.contentWidth);const t=this.triggerElement;t&&(t.setAttribute("aria-describedby",this.tooltipId),t.addEventListener("mouseenter",(()=>this.present())),t.addEventListener("focus",(()=>this.present())),t.addEventListener("mouseleave",(()=>this.dismiss())),t.addEventListener("blur",(()=>this.dismiss())),this.open&&this.present())}disconnectedCallback(){this.cleanup&&this.cleanup();const t=this.triggerElement;t&&t.removeAttribute("aria-describedby")}async present(){const t=this.triggerElement;return!(!t||!this.containerEl||(this.dsWillAnimate.emit(!0),this.presented=!0,this.cleanup=p(t,this.containerEl,(()=>this.update()),{ancestorScroll:!0,ancestorResize:!0,elementResize:!1,layoutShift:!0,animationFrame:!1}),this.dsDidAnimate.emit(!0),0))}async dismiss(){return!!this.containerEl&&(this.dsWillAnimate.emit(!1),this.cleanup&&(this.cleanup(),this.cleanup=void 0),this.presented=!1,this.dsDidAnimate.emit(!1),!0)}async update(){const t=this.triggerElement;if(!t||!this.containerEl)return!1;const{x:o,y:e,placement:r}=await m(t,this.containerEl,{placement:this.placement,strategy:"fixed",middleware:[i.hasWindow&&!window.frameElement?d():void 0,c(),h(this.offset)].filter(Boolean)});return Object.assign(this.containerEl.style,{left:`${o}px`,top:`${e}px`}),this.containerEl.dataset.placement=r.split("-")[0],!0}get triggerElement(){return i.hasDocument?document.querySelector(`[id="${this.reference}"]`):null}render(){return e(r,{key:"98d98b3c21a36b553866471d923ea5ff5e1ffbba",id:this.tooltipId,role:"tooltip","aria-hidden":`${!this.presented}`},e("div",{key:"3d87df3d592dd0dd93e479b48a7c461f0efd0a07",part:"container",ref:t=>this.containerEl=t},e("div",{key:"ce982cbb10088794bc1c62f7df04b3063568a37f",part:"content","data-testid":"ds-tooltip-content"},e("slot",{key:"35ec3c9d7ab6bf80cbd25c3b7914ff084f87c5fa"}))))}get el(){return a(this)}static get watchers(){return{contentWidth:[{contentWidthChanged:0}]}}};s([n("tooltip"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],x.prototype,"createLogger",null),s([b("string"),l("design:type",String)],x.prototype,"reference",void 0),s([v(["top","right","bottom","left"]),l("design:type",String)],x.prototype,"placement",void 0),s([b("number"),l("design:type",Number)],x.prototype,"offset",void 0),s([b("number"),l("design:type",Object)],x.prototype,"contentWidth",void 0),s([b("boolean"),l("design:type",Boolean)],x.prototype,"open",void 0),x.style=":host{--_tooltip-position:var(--tooltip-position, var(--mod-tooltip-position, static));--_tooltip-top:var(--tooltip-top, var(--mod-tooltip-top));--_tooltip-right:var(--tooltip-right, var(--mod-tooltip-right));--_tooltip-bottom:var(--tooltip-bottom, var(--mod-tooltip-bottom));--_tooltip-left:var(--tooltip-left, var(--mod-tooltip-left));position:var(--_tooltip-position);top:var(--_tooltip-top);right:var(--_tooltip-right);bottom:var(--_tooltip-bottom);left:var(--_tooltip-left);--_tooltip-m:var(--tooltip-m, var(--mod-tooltip-m, 0));--_tooltip-my:var(--tooltip-my, var(--mod-tooltip-my));--_tooltip-mx:var(--tooltip-mx, var(--mod-tooltip-mx));--_tooltip-ml:var(--tooltip-ml, var(--mod-tooltip-ml));--_tooltip-mr:var(--tooltip-mr, var(--mod-tooltip-mr));--_tooltip-mt:var(--tooltip-mt, var(--mod-tooltip-mt));--_tooltip-mb:var(--tooltip-mb, var(--mod-tooltip-mb));margin:var(--_tooltip-m);margin-inline:var(--_tooltip-mx);margin-block:var(--_tooltip-my);margin-left:var(--_tooltip-ml);margin-right:var(--_tooltip-mr);margin-top:var(--_tooltip-mt);margin-bottom:var(--_tooltip-mb);--_tooltip-color-background:var(--tooltip-color-background, var(--mod-tooltip-color-background, var(--ds-tooltip-color-background)));--_tooltip-color-text:var(--tooltip-color-text, var(--mod-tooltip-color-text, var(--ds-tooltip-color-text)));--_tooltip-max-width:var(--tooltip-max-width, var(--mod-tooltip-max-width, auto));--_tooltip-radius:var(--tooltip-radius, var(--mod-tooltip-radius, var(--ds-tooltip-radius)));--_tooltip-shadow:var(--tooltip-shadow, var(--mod-tooltip-shadow, var(--ds-tooltip-shadow)));--_tooltip-px:var(--tooltip-px, var(--mod-tooltip-px, var(--ds-tooltip-padding-x)));--_tooltip-py:var(--tooltip-py, var(--mod-tooltip-py, var(--ds-tooltip-padding-y)));--_tooltip-text-font-family:var(--tooltip-text-font-family, var(--mod-tooltip-text-font-family, var(--ds-tooltip-text-font-family)));--_tooltip-text-font-weight:var(--tooltip-text-font-weight, var(--mod-tooltip-text-font-weight, var(--ds-tooltip-text-font-weight)));--_tooltip-text-font-size:var(--tooltip-text-font-size, var(--mod-tooltip-text-font-size, var(--ds-tooltip-text-font-size)));--_tooltip-text-line-height:var(--tooltip-text-line-height, var(--mod-tooltip-text-line-height, var(--ds-tooltip-text-line-height)));--_tooltip-z-index:var(--tooltip-z-index, var(--mod-tooltip-z-index, var(--ds-tooltip-z-index)))}:host{position:static;display:inline;z-index:var(--_tooltip-z-index)}::slotted(*){all:initial}[part=container]{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;opacity:0;visibility:hidden;pointer-events:none;-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms,-webkit-transform 120ms cubic-bezier(0.4, 0, 1, 1);transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms,-webkit-transform 120ms cubic-bezier(0.4, 0, 1, 1);transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),transform 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms;transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),transform 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms,-webkit-transform 120ms cubic-bezier(0.4, 0, 1, 1);will-change:opacity,transform;position:fixed;top:0;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:var(--_tooltip-max-width);background-color:var(--_tooltip-color-background);border-radius:var(--_tooltip-radius);-webkit-box-shadow:var(--_tooltip-shadow);box-shadow:var(--_tooltip-shadow);z-index:var(--_tooltip-z-index)}:host([aria-hidden=false]) [part=container]{opacity:1;visibility:visible;pointer-events:auto;-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),transform 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms;transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),transform 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1)}[part=container][data-placement=top]{-webkit-transform:translateY(4px);transform:translateY(4px)}[part=container][data-placement=right]{-webkit-transform:translateX(-4px);transform:translateX(-4px)}[part=container][data-placement=left]{-webkit-transform:translateX(4px);transform:translateX(4px)}[part=content]{position:relative;padding-block:var(--_tooltip-py);padding-inline:var(--_tooltip-px);overflow-y:auto;max-height:calc(100svh - 8rem);color:var(--_tooltip-color-text);font-family:var(--_tooltip-text-font-family);font-weight:var(--_tooltip-text-font-weight);font-size:var(--_tooltip-text-font-size);line-height:var(--_tooltip-text-line-height)}::slotted(span),::slotted(p){color:inherit;font-family:inherit;font-weight:inherit;font-size:inherit;line-height:inherit}";export{x as ds_tooltip}
+import{D as t,J as o,d as i,F as e,G as r,I as a}from"./p-BZEWgXed.js";import{_ as s,L as n,a as l}from"./p-BZsCW9yV.js";import{a as p,c as m,s as d,f as c,o as h}from"./p-C1kAmkEd.js";import{T as b}from"./p-BaZBnuEF.js";import{O as v}from"./p-DE5aqD5-.js";import"./p-C0WbBTf4.js";let f=0;const x=class{constructor(i){t(this,i),this.dsWillAnimate=o(this,"dsWillAnimate"),this.dsDidAnimate=o(this,"dsDidAnimate"),this.tooltipId="ds-tooltip-"+f++,this.presented=!1,this.reference="",this.placement="bottom",this.offset=8,this.contentWidth=void 0,this.open=!1}createLogger(t){this.log=t}contentWidthChanged(t){void 0===t?this.el.style.removeProperty("--tooltip-max-width"):this.el.style.setProperty("--tooltip-max-width",`${t}px`)}componentDidLoad(){this.contentWidthChanged(this.contentWidth);const t=this.triggerElement;t&&(t.setAttribute("aria-describedby",this.tooltipId),t.addEventListener("mouseenter",(()=>this.present())),t.addEventListener("focus",(()=>this.present())),t.addEventListener("mouseleave",(()=>this.dismiss())),t.addEventListener("blur",(()=>this.dismiss())),this.open&&this.present())}disconnectedCallback(){this.cleanup&&this.cleanup();const t=this.triggerElement;t&&t.removeAttribute("aria-describedby")}async present(){const t=this.triggerElement;return!(!t||!this.containerEl||(this.dsWillAnimate.emit(!0),this.presented=!0,this.cleanup=p(t,this.containerEl,(()=>this.update()),{ancestorScroll:!0,ancestorResize:!0,elementResize:!1,layoutShift:!0,animationFrame:!1}),this.dsDidAnimate.emit(!0),0))}async dismiss(){return!!this.containerEl&&(this.dsWillAnimate.emit(!1),this.cleanup&&(this.cleanup(),this.cleanup=void 0),this.presented=!1,this.dsDidAnimate.emit(!1),!0)}async update(){const t=this.triggerElement;if(!t||!this.containerEl)return!1;const{x:o,y:e,placement:r}=await m(t,this.containerEl,{placement:this.placement,strategy:"fixed",middleware:[i.hasWindow&&!window.frameElement?d():void 0,c(),h(this.offset)].filter(Boolean)});return Object.assign(this.containerEl.style,{left:`${o}px`,top:`${e}px`}),this.containerEl.dataset.placement=r.split("-")[0],!0}get triggerElement(){return i.hasDocument?document.querySelector(`[id="${this.reference}"]`):null}render(){return e(r,{key:"98d98b3c21a36b553866471d923ea5ff5e1ffbba",id:this.tooltipId,role:"tooltip","aria-hidden":`${!this.presented}`},e("div",{key:"3d87df3d592dd0dd93e479b48a7c461f0efd0a07",part:"container",ref:t=>this.containerEl=t},e("div",{key:"ce982cbb10088794bc1c62f7df04b3063568a37f",part:"content","data-testid":"ds-tooltip-content"},e("slot",{key:"35ec3c9d7ab6bf80cbd25c3b7914ff084f87c5fa"}))))}get el(){return a(this)}static get watchers(){return{contentWidth:[{contentWidthChanged:0}]}}};s([n("tooltip"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],x.prototype,"createLogger",null),s([b("string"),l("design:type",String)],x.prototype,"reference",void 0),s([v(["top","right","bottom","left"]),l("design:type",String)],x.prototype,"placement",void 0),s([b("number"),l("design:type",Number)],x.prototype,"offset",void 0),s([b("number"),l("design:type",Object)],x.prototype,"contentWidth",void 0),s([b("boolean"),l("design:type",Boolean)],x.prototype,"open",void 0),x.style=":host{--_tooltip-position:var(--tooltip-position, var(--mod-tooltip-position, static));--_tooltip-top:var(--tooltip-top, var(--mod-tooltip-top));--_tooltip-right:var(--tooltip-right, var(--mod-tooltip-right));--_tooltip-bottom:var(--tooltip-bottom, var(--mod-tooltip-bottom));--_tooltip-left:var(--tooltip-left, var(--mod-tooltip-left));position:var(--_tooltip-position);top:var(--_tooltip-top);right:var(--_tooltip-right);bottom:var(--_tooltip-bottom);left:var(--_tooltip-left);--_tooltip-m:var(--tooltip-m, var(--mod-tooltip-m, 0));--_tooltip-my:var(--tooltip-my, var(--mod-tooltip-my));--_tooltip-mx:var(--tooltip-mx, var(--mod-tooltip-mx));--_tooltip-ml:var(--tooltip-ml, var(--mod-tooltip-ml));--_tooltip-mr:var(--tooltip-mr, var(--mod-tooltip-mr));--_tooltip-mt:var(--tooltip-mt, var(--mod-tooltip-mt));--_tooltip-mb:var(--tooltip-mb, var(--mod-tooltip-mb));margin:var(--_tooltip-m);margin-inline:var(--_tooltip-mx);margin-block:var(--_tooltip-my);margin-left:var(--_tooltip-ml);margin-right:var(--_tooltip-mr);margin-top:var(--_tooltip-mt);margin-bottom:var(--_tooltip-mb);--_tooltip-color-background:var(--tooltip-color-background, var(--mod-tooltip-color-background, var(--ds-tooltip-color-background)));--_tooltip-color-text:var(--tooltip-color-text, var(--mod-tooltip-color-text, var(--ds-tooltip-color-text)));--_tooltip-max-width:var(--tooltip-max-width, var(--mod-tooltip-max-width, auto));--_tooltip-radius:var(--tooltip-radius, var(--mod-tooltip-radius, var(--ds-tooltip-radius)));--_tooltip-shadow:var(--tooltip-shadow, var(--mod-tooltip-shadow, var(--ds-tooltip-shadow)));--_tooltip-px:var(--tooltip-px, var(--mod-tooltip-px, var(--ds-tooltip-padding-x)));--_tooltip-py:var(--tooltip-py, var(--mod-tooltip-py, var(--ds-tooltip-padding-y)));--_tooltip-text-font-family:var(--tooltip-text-font-family, var(--mod-tooltip-text-font-family, var(--ds-tooltip-text-font-family)));--_tooltip-text-font-weight:var(--tooltip-text-font-weight, var(--mod-tooltip-text-font-weight, var(--ds-tooltip-text-font-weight)));--_tooltip-text-font-size:var(--tooltip-text-font-size, var(--mod-tooltip-text-font-size, var(--ds-tooltip-text-font-size)));--_tooltip-text-line-height:var(--tooltip-text-line-height, var(--mod-tooltip-text-line-height, var(--ds-tooltip-text-line-height)));--_tooltip-z-index:var(--tooltip-z-index, var(--mod-tooltip-z-index, var(--ds-tooltip-z-index)))}:host{position:static;display:inline;z-index:var(--_tooltip-z-index)}::slotted(*){all:initial}[part=container]{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;opacity:0;visibility:hidden;pointer-events:none;-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms,-webkit-transform 120ms cubic-bezier(0.4, 0, 1, 1);transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms,-webkit-transform 120ms cubic-bezier(0.4, 0, 1, 1);transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),transform 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms;transition:opacity 120ms cubic-bezier(0.4, 0, 1, 1),transform 120ms cubic-bezier(0.4, 0, 1, 1),visibility 0ms linear 120ms,-webkit-transform 120ms cubic-bezier(0.4, 0, 1, 1);will-change:opacity,transform;position:fixed;top:0;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:var(--_tooltip-max-width);background-color:var(--_tooltip-color-background);border-radius:var(--_tooltip-radius);-webkit-box-shadow:var(--_tooltip-shadow);box-shadow:var(--_tooltip-shadow);z-index:var(--_tooltip-z-index)}:host([aria-hidden=false]) [part=container]{opacity:1;visibility:visible;pointer-events:auto;-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1);transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),transform 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms;transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1),transform 200ms cubic-bezier(0, 0, 0.2, 1),visibility 0ms linear 0ms,-webkit-transform 200ms cubic-bezier(0, 0, 0.2, 1)}[part=container][data-placement=top]{-webkit-transform:translateY(4px);transform:translateY(4px)}[part=container][data-placement=right]{-webkit-transform:translateX(-4px);transform:translateX(-4px)}[part=container][data-placement=left]{-webkit-transform:translateX(4px);transform:translateX(4px)}[part=content]{position:relative;padding-block:var(--_tooltip-py);padding-inline:var(--_tooltip-px);overflow-y:auto;max-height:calc(100svh - 8rem);color:var(--_tooltip-color-text);font-family:var(--_tooltip-text-font-family);font-weight:var(--_tooltip-text-font-weight);font-size:var(--_tooltip-text-font-size);line-height:var(--_tooltip-text-line-height)}::slotted(span),::slotted(p){color:inherit;font-family:inherit;font-weight:inherit;font-size:inherit;line-height:inherit}";export{x as ds_tooltip}

package/dist/design-system/p-8ecf64f703.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
+ */
+import{D as s,F as t,G as e,I as a}from"./p-BZEWgXed.js";import{_ as r,L as o,a as c}from"./p-BZsCW9yV.js";import{d as n}from"./p-Cyz0da0t.js";import{O as i}from"./p-DE5aqD5-.js";import"./p-C0WbBTf4.js";const d=class{constructor(t){s(this,t)}createLogger(s){this.log=s}render(){return t(e,{key:"30ff6e74f6f4e623917e2dfc7c46a12361744c09",role:"contentinfo"},t("ds-button-group",{key:"1c0c99d5603b91453f96952d5cc5262cb31db5dd",class:"m-none",align:this.align||void 0},t("slot",{key:"1a30af970f523b119d5729cc2aa00386b93abcdc"})))}get el(){return a(this)}};r([o("card-actions"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],d.prototype,"createLogger",null),r([i(n),c("design:type",String)],d.prototype,"align",void 0);export{d as ds_card_actions}

package/dist/design-system/{p-cf785c381a.entry.js → p-903d110824.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{D as o,J as t,x as r,F as e,G as n,I as d}from"./p-vF16SDFF.js";import{_ as s,L as i,a}from"./p-nVdGbZYj.js";import{h as b}from"./p-DWaM_oN0.js";import{i as c}from"./p-BY7oclk5.js";import{d as u}from"./p-DtLg8ChN.js";import{O as l}from"./p-Bo3ozMyW.js";import{T as v}from"./p-C2tiilHE.js";import{L as m}from"./p-DljpDnEC.js";import{L as g}from"./p-DqEwL34o.js";import"./p-CnMdxr0m.js";import"./p-CZ_qlWWQ.js";import"./p-DQwXy0j5.js";const h=class{constructor(e){o(this,e),this.dsChangeEventEmitter=t(this,"dsChange"),this.isMobile=u.isMobile,this.language=r.language,this.disabled=!1,this.label="",this.pageRange=2,this.sticky=!1,this.textNext="",this.textPrevious="",this.top=0,this.totalPages=1,this.value=1}createLogger(o){this.log=o}topChanged(o){this.sticky&&(this.el.style.top=`${o}px`)}componentWillLoad(){this.topChanged(this.top)}listenToBreakpoint(o){this.isMobile=o.mobile}async next(){this.value<this.totalPages&&(this.value=this.value+1,this.dsChangeEventEmitter.emit(this.value))}async previous(){1!==this.value&&(this.value=this.value-1,this.dsChangeEventEmitter.emit(this.value))}async configChanged(o){this.language=o.language}selectPage(o){this.value=o,this.dsChangeEventEmitter.emit(this.value)}getItems(o=2){const t=function(o,t,r){const e=[];(o>t||o<0)&&(o=1),t<=0&&(t=10),r<0&&(r=2);const n=5+2*r;if(t<=n)for(let r=1;r<=t;r++)e.push({type:"page",label:r.toString(),active:r===o});else if(o<=n-2-r){for(let t=1;t<=n-2;t++)e.push({type:"page",label:t.toString(),active:t===o});e.push({type:"dots",label:"...",active:!1}),e.push({type:"page",label:t.toString(),active:!1})}else if(o>=t-3){e.push({type:"page",label:"1",active:!1}),e.push({type:"dots",label:"...",active:!1});for(let r=t-n+3;r<=t;r++)e.push({type:"page",label:r.toString(),active:r===o})}else{e.push({type:"page",label:"1",active:!1}),e.push({type:"dots",label:"...",active:!1});const n=Number(o);for(let t=n-r;t<=n+r;t++)e.push({type:"page",label:t.toString(),active:t===o});e.push({type:"dots",label:"...",active:!1}),e.push({type:"page",label:t.toString(),active:!1})}return e}(this.value,this.totalPages,o);return t.map((o=>"page"===o.type?this.renderPageElement(Number(o.label)):this.renderEllipsisElement()))}renderEllipsisElement(){return e("li",{"aria-hidden":"true"},e("div",{id:"ellipsis",part:"ellipsis"},e("span",null,"…")))}renderPageElement(o){const t=this.value===o;return b(this.variant)?e("li",null,e("button",{part:"page",class:{dot:!0,"is-active":t,"is-inactive":!t},"aria-current":t?"true":void 0,"aria-label":o.toString(),title:o.toString(),onClick:()=>this.selectPage(o)})):e("li",null,e("button",{part:"page",class:{"ds-button":!0,"is-square":!0,"is-primary":t,"is-ghost":!t,"is-disabled":this.disabled,"is-sm":this.isMobile||b(this.size)},"aria-current":t?"true":void 0,onClick:()=>this.selectPage(o)},o))}render(){const o=this.getItems(this.isMobile?1:this.pageRange),t=b(this.variant),r="is-ghost",d=t||b(this.size)||this.isMobile?"is-sm":"",s=this.label||c[this.language].label,i=this.textPrevious||c[this.language].left,a=this.textNext||c[this.language].right,u=!b(this.variant)||t&&this.totalPages<=5;return e(n,{key:"72f9efe99ea2f48cb8bd2839eaf4aff54b919ec1",class:{"is-sticky":this.sticky,"is-disabled":this.disabled,[`is-variant-${this.variant}`]:b(this.variant),[`is-size-${this.size}`]:b(this.size),[`is-align-${this.align}`]:b(this.align)}},e("nav",{key:"8da376fe8ee9245c280e1698e853bceebb57d770",class:{},id:"nav",part:"navigation",role:"navigation","aria-label":s},!this.disabled&&e("button",{key:"10cc17b60e9bb45cb9c1bb18ba62a784e6d22730",id:"previous",part:"previous","aria-label":i,title:i,class:{"ds-button":!0,"is-square":!0,"is-disabled":this.value<2,[r]:!(this.value<2),[d]:!0},disabled:this.value<2,onClick:()=>this.previous()},e("ds-icon",{key:"25d2338b886d7d9d3474361b8ad5f7e1849274c8",name:"caret-left",size:"sm",disabled:this.value<2})),!this.disabled&&e("button",{key:"0f5176a9f5f2799aac60e960f3eea388a2b8a5da",id:"next",part:"next","aria-label":a,title:a,class:{"ds-button":!0,"is-square":!0,"is-disabled":this.value===this.totalPages,[r]:!0,[d]:!0},disabled:this.value===this.totalPages,onClick:()=>this.next()},e("ds-icon",{key:"e16a0b71a18922329ba33c0082edb94d7e656a0a",name:"caret-right",size:"sm",disabled:this.value===this.totalPages})),u?e("ul",{class:{dots:b(this.variant)},part:"list"},o):e((()=>e("span",{key:"0deab4b48f970249ffd17adb7d25acbf5345241a",class:"dots"},e("strong",{key:"174de54787b225130f59896e4e822eb23134e602"},this.value),e("span",{key:"b317bbbb2e6a671d9cac3a1905e4f7c55146dfd5"},"/"),e("span",{key:"1d635ab6cc7e7e5aea2a4b8a9d74ad672f227f08"},this.totalPages))),null)))}get el(){return d(this)}static get watchers(){return{top:[{topChanged:0}]}}};s([i("pagination"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],h.prototype,"createLogger",null),s([l(["end","start"]),a("design:type",String)],h.prototype,"align",void 0),s([v("boolean"),a("design:type",Boolean)],h.prototype,"disabled",void 0),s([v("string"),a("design:type",String)],h.prototype,"label",void 0),s([v("number"),a("design:type",Number)],h.prototype,"pageRange",void 0),s([l(["sm"]),a("design:type",String)],h.prototype,"size",void 0),s([v("boolean"),a("design:type",Boolean)],h.prototype,"sticky",void 0),s([v("string"),a("design:type",String)],h.prototype,"textNext",void 0),s([v("string"),a("design:type",String)],h.prototype,"textPrevious",void 0),s([v("number"),a("design:type",Number)],h.prototype,"top",void 0),s([v("number"),a("design:type",Number)],h.prototype,"totalPages",void 0),s([v("number"),a("design:type",Number)],h.prototype,"value",void 0),s([l(["dots"]),a("design:type",String)],h.prototype,"variant",void 0),s([m(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",void 0)],h.prototype,"listenToBreakpoint",null),s([g(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",Promise)],h.prototype,"configChanged",null),h.style=".ds-button{--_button-position:var(--button-position, var(--mod-button-position, static));--_button-top:var(--button-top, var(--mod-button-top));--_button-right:var(--button-right, var(--mod-button-right));--_button-bottom:var(--button-bottom, var(--mod-button-bottom));--_button-left:var(--button-left, var(--mod-button-left));position:var(--_button-position);top:var(--_button-top);right:var(--_button-right);bottom:var(--_button-bottom);left:var(--_button-left);--_button-m:var(--button-m, var(--mod-button-m, 0));--_button-my:var(--button-my, var(--mod-button-my));--_button-mx:var(--button-mx, var(--mod-button-mx));--_button-ml:var(--button-ml, var(--mod-button-ml));--_button-mr:var(--button-mr, var(--mod-button-mr));--_button-mt:var(--button-mt, var(--mod-button-mt));--_button-mb:var(--button-mb, var(--mod-button-mb));margin:var(--_button-m);margin-inline:var(--_button-mx);margin-block:var(--_button-my);margin-left:var(--_button-ml);margin-right:var(--_button-mr);margin-top:var(--_button-mt);margin-bottom:var(--_button-mb);--_button-font-family:var(--button-font-family, var(--mod-button-font-family, var(--ds-button-size-base-font-family)));--_button-font-weight:var(--button-font-weight, var(--mod-button-font-weight, var(--ds-button-size-base-font-weight)));--_button-font-size:var(--button-font-size, var(--mod-button-font-size, var(--ds-button-size-base-font-size)));--_button-line-height:var(--button-line-height, var(--mod-button-line-height, var(--ds-button-size-base-line-height)));--_button-radius:var(--button-radius, var(--mod-button-radius, var(--ds-button-size-base-radius)));--_button-color-text:var(--button-color-text, var(--mod-button-color-text, var(--ds-button-color-primary-base-text)));--_button-color-border:var(--button-color-border, var(--mod-button-color-border, var(--ds-button-color-primary-base-border)));--_button-color-background:var(--button-color-background, var(--mod-button-color-background, var(--ds-button-color-primary-base-background)));--_button-color-text-hover:var(--button-color-text-hover, var(--mod-button-color-text-hover, var(--ds-button-color-primary-hover-text)));--_button-color-border-hover:var(--button-color-border-hover, var(--mod-button-color-border-hover, var(--ds-button-color-primary-hover-border)));--_button-color-background-hover:var(--button-color-background-hover, var(--mod-button-color-background-hover, var(--ds-button-color-primary-hover-background)));--_button-color-text-active:var(--button-color-text-active, var(--mod-button-color-text-active, var(--ds-button-color-primary-active-text)));--_button-color-border-active:var(--button-color-border-active, var(--mod-button-color-border-active, var(--ds-button-color-primary-active-border)));--_button-color-background-active:var(--button-color-background-active, var(--mod-button-color-background-active, var(--ds-button-color-primary-active-background)));--_button-width:var(--button-width, var(--mod-button-width, fit-content));--_button-gap:var(--button-gap, var(--mod-button-gap, var(--ds-button-size-base-gap)));--_button-min-height:var(--button-min-height, var(--mod-button-min-height, var(--ds-button-size-base-min-height)));--_button-min-width:var(--button-min-width, var(--mod-button-min-width, var(--ds-button-size-base-min-width)));--_button-px:var(--button-px, var(--mod-button-px, var(--ds-button-size-base-padding-x)));--_button-box-shadow:var(--button-box-shadow, var(--mod-button-box-shadow, none));--_button-text-shadow:var(--button-text-shadow, var(--mod-button-text-shadow, none));--_button-focus-shadow:var(--button-focus-shadow, var(--mod-button-focus-shadow, var(--ds-alias-interaction-focus-color-base)))}.ds-button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media print{.ds-button{display:none !important}}.ds-button{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;vertical-align:middle;cursor:pointer;word-break:normal;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-shadow:var(--_button-box-shadow);box-shadow:var(--_button-box-shadow);text-shadow:var(--_button-text-shadow);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);font-size:var(--_button-font-size);font-family:var(--_button-font-family);font-weight:var(--_button-font-weight);line-height:var(--_button-line-height);border-radius:var(--_button-radius);width:var(--_button-width, -webkit-fit-content);width:var(--_button-width, -moz-fit-content);width:var(--_button-width, fit-content);min-width:var(--_button-min-width);min-height:var(--_button-min-height);gap:var(--_button-gap);padding-inline:var(--_button-px);background-color:var(--_button-color-background);color:var(--_button-color-text);border:var(--_button-color-border)}.ds-button::-moz-focus-inner{border:0}.ds-button{--spinner-logo-size:1.5rem;--icon-color:var(--_button-color-text)}.ds-button:focus,.ds-button:active{outline:none}@media (hover: hover)and (pointer: fine){.ds-button:focus-visible:not(:active),.ds-button.is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_button-focus-shadow) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_button-focus-shadow) 0 0 0 5px !important}}@media (hover: hover)and (pointer: fine){.ds-button:hover,.ds-button.is-hovered{--icon-color:var(--_button-color-text-hover);color:var(--_button-color-text-hover);background-color:var(--_button-color-background-hover);border:var(--_button-color-border-hover)}}.ds-button:active,.ds-button.is-pressed{--icon-color:var(--_button-color-text-active);background-color:var(--_button-color-background-active);color:var(--_button-color-text-active);border:var(--_button-color-border-active);translate:0 .5px}.ds-button.is-wide{width:100%;-ms-flex:1 1 auto;flex:1 1 auto}.ds-button.has-brand-icon{-ms-flex-direction:column;flex-direction:column;text-align:center;padding:calc(var(--ds-button-size-base-padding-x)/2)}@media screen and (min-width: 769px){.ds-button.has-brand-icon{padding:calc(var(--ds-button-size-base-padding-x))}}.ds-button.is-link{text-decoration:underline;text-underline-offset:.25rem;text-decoration-thickness:var(--ds-link-underline-width)}.ds-button .ds-badge,.ds-button ds-badge{--badge-position:absolute;--badge-top:-0.5rem;--badge-right:-0.5rem}.ds-button.is-primary:not(.is-inverted):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-primary-base-text);--mod-button-color-background:var(--ds-button-color-primary-base-background);--mod-button-color-border:var(--ds-button-color-primary-base-border);--mod-button-color-text-hover:var(--ds-button-color-primary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-primary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-primary-hover-border);--mod-button-color-text-active:var(--ds-button-color-primary-active-text);--mod-button-color-background-active:var(--ds-button-color-primary-active-background);--mod-button-color-border-active:var(--ds-button-color-primary-active-border)}.ds-button.is-secondary:not(.is-inverted):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-secondary-base-text);--mod-button-color-background:var(--ds-button-color-secondary-base-background);--mod-button-color-border:var(--ds-button-color-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-secondary-active-border)}.ds-button.is-tertiary:not(.is-inverted):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-active-border)}.ds-button.is-ghost:not(.is-inverted):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-ghost-base-text);--mod-button-color-background:var(--ds-button-color-ghost-base-background);--mod-button-color-border:var(--ds-button-color-ghost-base-border);--mod-button-color-text-hover:var(--ds-button-color-ghost-hover-text);--mod-button-color-background-hover:var(--ds-button-color-ghost-hover-background);--mod-button-color-border-hover:var(--ds-button-color-ghost-hover-border);--mod-button-color-text-active:var(--ds-button-color-ghost-active-text);--mod-button-color-background-active:var(--ds-button-color-ghost-active-background);--mod-button-color-border-active:var(--ds-button-color-ghost-active-border)}.ds-button.is-brand-purple:not(.is-inverted):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-brand-purple-base-text);--mod-button-color-background:var(--ds-button-color-brand-purple-base-background);--mod-button-color-border:var(--ds-button-color-brand-purple-base-border);--mod-button-color-text-hover:var(--ds-button-color-brand-purple-hover-text);--mod-button-color-background-hover:var(--ds-button-color-brand-purple-hover-background);--mod-button-color-border-hover:var(--ds-button-color-brand-purple-hover-border);--mod-button-color-text-active:var(--ds-button-color-brand-purple-active-text);--mod-button-color-background-active:var(--ds-button-color-brand-purple-active-background);--mod-button-color-border-active:var(--ds-button-color-brand-purple-active-border)}.ds-button.is-brand-red:not(.is-inverted):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-brand-red-base-text);--mod-button-color-background:var(--ds-button-color-brand-red-base-background);--mod-button-color-border:var(--ds-button-color-brand-red-base-border);--mod-button-color-text-hover:var(--ds-button-color-brand-red-hover-text);--mod-button-color-background-hover:var(--ds-button-color-brand-red-hover-background);--mod-button-color-border-hover:var(--ds-button-color-brand-red-hover-border);--mod-button-color-text-active:var(--ds-button-color-brand-red-active-text);--mod-button-color-background-active:var(--ds-button-color-brand-red-active-background);--mod-button-color-border-active:var(--ds-button-color-brand-red-active-border)}.ds-button.is-brand-yellow:not(.is-inverted):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-brand-yellow-base-text);--mod-button-color-background:var(--ds-button-color-brand-yellow-base-background);--mod-button-color-border:var(--ds-button-color-brand-yellow-base-border);--mod-button-color-text-hover:var(--ds-button-color-brand-yellow-hover-text);--mod-button-color-background-hover:var(--ds-button-color-brand-yellow-hover-background);--mod-button-color-border-hover:var(--ds-button-color-brand-yellow-hover-border);--mod-button-color-text-active:var(--ds-button-color-brand-yellow-active-text);--mod-button-color-background-active:var(--ds-button-color-brand-yellow-active-background);--mod-button-color-border-active:var(--ds-button-color-brand-yellow-active-border)}.ds-button.is-brand-green:not(.is-inverted):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-brand-green-base-text);--mod-button-color-background:var(--ds-button-color-brand-green-base-background);--mod-button-color-border:var(--ds-button-color-brand-green-base-border);--mod-button-color-text-hover:var(--ds-button-color-brand-green-hover-text);--mod-button-color-background-hover:var(--ds-button-color-brand-green-hover-background);--mod-button-color-border-hover:var(--ds-button-color-brand-green-hover-border);--mod-button-color-text-active:var(--ds-button-color-brand-green-active-text);--mod-button-color-background-active:var(--ds-button-color-brand-green-active-background);--mod-button-color-border-active:var(--ds-button-color-brand-green-active-border)}.ds-button.is-info:not(.is-inverted):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-info-base-text);--mod-button-color-background:var(--ds-button-color-info-base-background);--mod-button-color-border:var(--ds-button-color-info-base-border);--mod-button-color-text-hover:var(--ds-button-color-info-hover-text);--mod-button-color-background-hover:var(--ds-button-color-info-hover-background);--mod-button-color-border-hover:var(--ds-button-color-info-hover-border);--mod-button-color-text-active:var(--ds-button-color-info-active-text);--mod-button-color-background-active:var(--ds-button-color-info-active-background);--mod-button-color-border-active:var(--ds-button-color-info-active-border)}.ds-button.is-success:not(.is-inverted):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-success-base-text);--mod-button-color-background:var(--ds-button-color-success-base-background);--mod-button-color-border:var(--ds-button-color-success-base-border);--mod-button-color-text-hover:var(--ds-button-color-success-hover-text);--mod-button-color-background-hover:var(--ds-button-color-success-hover-background);--mod-button-color-border-hover:var(--ds-button-color-success-hover-border);--mod-button-color-text-active:var(--ds-button-color-success-active-text);--mod-button-color-background-active:var(--ds-button-color-success-active-background);--mod-button-color-border-active:var(--ds-button-color-success-active-border)}.ds-button.is-warning:not(.is-inverted):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-warning-base-text);--mod-button-color-background:var(--ds-button-color-warning-base-background);--mod-button-color-border:var(--ds-button-color-warning-base-border);--mod-button-color-text-hover:var(--ds-button-color-warning-hover-text);--mod-button-color-background-hover:var(--ds-button-color-warning-hover-background);--mod-button-color-border-hover:var(--ds-button-color-warning-hover-border);--mod-button-color-text-active:var(--ds-button-color-warning-active-text);--mod-button-color-background-active:var(--ds-button-color-warning-active-background);--mod-button-color-border-active:var(--ds-button-color-warning-active-border)}.ds-button.is-danger:not(.is-inverted):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-danger-base-text);--mod-button-color-background:var(--ds-button-color-danger-base-background);--mod-button-color-border:var(--ds-button-color-danger-base-border);--mod-button-color-text-hover:var(--ds-button-color-danger-hover-text);--mod-button-color-background-hover:var(--ds-button-color-danger-hover-background);--mod-button-color-border-hover:var(--ds-button-color-danger-hover-border);--mod-button-color-text-active:var(--ds-button-color-danger-active-text);--mod-button-color-background-active:var(--ds-button-color-danger-active-background);--mod-button-color-border-active:var(--ds-button-color-danger-active-border)}.ds-button.is-link:not(.is-inverted):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-link-base-text);--mod-button-color-background:var(--ds-button-color-link-base-background);--mod-button-color-border:var(--ds-button-color-link-base-border);--mod-button-color-text-hover:var(--ds-button-color-link-hover-text);--mod-button-color-background-hover:var(--ds-button-color-link-hover-background);--mod-button-color-border-hover:var(--ds-button-color-link-hover-border);--mod-button-color-text-active:var(--ds-button-color-link-active-text);--mod-button-color-background-active:var(--ds-button-color-link-active-background);--mod-button-color-border-active:var(--ds-button-color-link-active-border)}.ds-button.is-text:not(.is-inverted):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-text-base-text);--mod-button-color-background:var(--ds-button-color-text-base-background);--mod-button-color-border:var(--ds-button-color-text-base-border);--mod-button-color-text-hover:var(--ds-button-color-text-hover-text);--mod-button-color-background-hover:var(--ds-button-color-text-hover-background);--mod-button-color-border-hover:var(--ds-button-color-text-hover-border);--mod-button-color-text-active:var(--ds-button-color-text-active-text);--mod-button-color-background-active:var(--ds-button-color-text-active-background);--mod-button-color-border-active:var(--ds-button-color-text-active-border)}.ds-button.is-primary.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.ds-button.is-brand-purple.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.ds-button.is-brand-red.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.ds-button.is-brand-yellow.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.ds-button.is-brand-green.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.ds-button.is-info.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.ds-button.is-success.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.ds-button.is-warning.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.ds-button.is-danger.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.ds-button.is-secondary.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-secondary-base-text);--mod-button-color-background:var(--ds-button-color-inverted-secondary-base-background);--mod-button-color-border:var(--ds-button-color-inverted-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-secondary-active-border)}.ds-button.is-tertiary.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-tertiary-base-text);--mod-button-color-background:var(--ds-button-color-inverted-tertiary-base-background);--mod-button-color-border:var(--ds-button-color-inverted-tertiary-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-tertiary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-tertiary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-tertiary-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-tertiary-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-tertiary-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-tertiary-active-border)}.ds-button.is-ghost.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-ghost-base-text);--mod-button-color-background:var(--ds-button-color-inverted-ghost-base-background);--mod-button-color-border:var(--ds-button-color-inverted-ghost-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-ghost-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-ghost-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-ghost-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-ghost-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-ghost-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-ghost-active-border)}.ds-button.is-text.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-text-base-text);--mod-button-color-background:var(--ds-button-color-inverted-text-base-background);--mod-button-color-border:var(--ds-button-color-inverted-text-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-text-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-text-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-text-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-text-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-text-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-text-active-border)}.ds-button.is-link.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-link-base-text);--mod-button-color-background:var(--ds-button-color-inverted-link-base-background);--mod-button-color-border:var(--ds-button-color-inverted-link-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-link-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-link-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-link-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-link-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-link-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-link-active-border)}.ds-button.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-focus-shadow:var(--ds-alias-interaction-focus-color-inverted)}.ds-button.is-sm,.ds-button.is-small{--mod-button-font-family:var(--ds-button-size-sm-font-family);--mod-button-font-weight:var(--ds-button-size-sm-font-weight);--mod-button-font-size:var(--ds-button-size-sm-font-size);--mod-button-line-height:var(--ds-button-size-sm-line-height);--mod-button-radius:var(--ds-button-size-sm-radius);--mod-button-gap:var(--ds-button-size-sm-gap);--mod-button-min-height:var(--ds-button-size-sm-min-height);--mod-button-min-width:var(--ds-button-size-sm-min-width);--mod-button-px:var(--ds-button-size-sm-padding-x)}.ds-button.is-lg,.ds-button.is-large{--mod-button-font-family:var(--ds-button-size-lg-font-family);--mod-button-font-weight:var(--ds-button-size-lg-font-weight);--mod-button-font-size:var(--ds-button-size-lg-font-size);--mod-button-line-height:var(--ds-button-size-lg-line-height);--mod-button-radius:var(--ds-button-size-lg-radius);--mod-button-gap:var(--ds-button-size-lg-gap);--mod-button-min-height:var(--ds-button-size-lg-min-height);--mod-button-min-width:var(--ds-button-size-lg-min-width);--mod-button-px:var(--ds-button-size-lg-padding-x)}.ds-button.is-flat{--mod-button-px:0;--mod-button-min-height:1.75rem}.ds-button.is-square:not(.is-sm),.ds-button.is-square:not(.is-small){--mod-button-px:0;--mod-button-gap:0;--mod-button-min-height:3rem;--mod-button-min-width:3rem;--icon-size:1.5rem}.ds-button.is-square.is-sm,.ds-button.is-square.is-small{--mod-button-px:0;--mod-button-gap:0;--mod-button-min-height:2rem;--mod-button-min-width:2rem;--icon-size:var(--ds-icon-size-sm)}.ds-button.has-shadow:not(.is-link,.is-ghost){--mod-button-box-shadow:var(--ds-alias-shadow-box-base)}.ds-button.is-ghost.has-shadow,.ds-button.is-link.has-shadow{--mod-button-text-shadow:var(--ds-alias-shadow-text)}.ds-button.has-no-wrap{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:-webkit-fill-available;max-width:-moz-available;max-width:stretch}.ds-button:is(input[type=checkbox],input[type=radio])[aria-label]::after{--_button-content:attr(aria-label);content:var(--_button-content)}.ds-button:is(input[type=checkbox],input[type=radio]){--mod-button-color-text:var(--ds-button-color-secondary-base-text);--mod-button-color-background:var(--ds-button-color-secondary-base-background);--mod-button-color-border:var(--ds-button-color-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-secondary-active-border);-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle}.ds-button:is(input[type=checkbox],input[type=radio]):where(input:checked){--mod-button-color-text:var(--ds-button-color-primary-base-text);--mod-button-color-background:var(--ds-button-color-primary-base-background);--mod-button-color-border:var(--ds-button-color-primary-base-border);--mod-button-color-text-hover:var(--ds-button-color-primary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-primary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-primary-hover-border);--mod-button-color-text-active:var(--ds-button-color-primary-active-text);--mod-button-color-background-active:var(--ds-button-color-primary-active-background);--mod-button-color-border-active:var(--ds-button-color-primary-active-border);isolation:isolate}fieldset[disabled] .ds-button,fieldset[disabled] .ds-button:hover,fieldset[disabled] .ds-button.is-hovered,fieldset[disabled] .ds-button:active,fieldset[disabled] .ds-button.is-pressed,fieldset[disabled] .ds-button:focus,fieldset[disabled] .ds-button.is-focused,.ds-button.is-loading,.ds-button.is-loading:hover,.ds-button.is-loading.is-hovered,.ds-button.is-loading:active,.ds-button.is-loading.is-pressed,.ds-button.is-loading:focus,.ds-button.is-loading.is-focused,.ds-button.is-disabled,.ds-button.is-disabled:hover,.ds-button.is-disabled.is-hovered,.ds-button.is-disabled:active,.ds-button.is-disabled.is-pressed,.ds-button.is-disabled:focus,.ds-button.is-disabled.is-focused,.ds-button.is-inverted.is-disabled,.ds-button.is-inverted.is-disabled:hover,.ds-button.is-inverted.is-disabled.is-hovered,.ds-button.is-inverted.is-disabled:active,.ds-button.is-inverted.is-disabled.is-pressed,.ds-button.is-inverted.is-disabled:focus,.ds-button.is-inverted.is-disabled.is-focused,.ds-button[disabled],.ds-button[disabled]:hover,.ds-button[disabled].is-hovered,.ds-button[disabled]:active,.ds-button[disabled].is-pressed,.ds-button[disabled]:focus,.ds-button[disabled].is-focused{pointer-events:none;opacity:1;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;cursor:default;translate:0 0;background-color:var(--ds-button-color-disabled-base-background);border:var(--ds-button-color-disabled-base-border);color:var(--ds-button-color-disabled-base-text)}fieldset[disabled] .ds-button>ds-icon,fieldset[disabled] .ds-button:hover>ds-icon,fieldset[disabled] .ds-button.is-hovered>ds-icon,fieldset[disabled] .ds-button:active>ds-icon,fieldset[disabled] .ds-button.is-pressed>ds-icon,fieldset[disabled] .ds-button:focus>ds-icon,fieldset[disabled] .ds-button.is-focused>ds-icon,.ds-button.is-loading>ds-icon,.ds-button.is-loading:hover>ds-icon,.ds-button.is-loading.is-hovered>ds-icon,.ds-button.is-loading:active>ds-icon,.ds-button.is-loading.is-pressed>ds-icon,.ds-button.is-loading:focus>ds-icon,.ds-button.is-loading.is-focused>ds-icon,.ds-button.is-disabled>ds-icon,.ds-button.is-disabled:hover>ds-icon,.ds-button.is-disabled.is-hovered>ds-icon,.ds-button.is-disabled:active>ds-icon,.ds-button.is-disabled.is-pressed>ds-icon,.ds-button.is-disabled:focus>ds-icon,.ds-button.is-disabled.is-focused>ds-icon,.ds-button.is-inverted.is-disabled>ds-icon,.ds-button.is-inverted.is-disabled:hover>ds-icon,.ds-button.is-inverted.is-disabled.is-hovered>ds-icon,.ds-button.is-inverted.is-disabled:active>ds-icon,.ds-button.is-inverted.is-disabled.is-pressed>ds-icon,.ds-button.is-inverted.is-disabled:focus>ds-icon,.ds-button.is-inverted.is-disabled.is-focused>ds-icon,.ds-button[disabled]>ds-icon,.ds-button[disabled]:hover>ds-icon,.ds-button[disabled].is-hovered>ds-icon,.ds-button[disabled]:active>ds-icon,.ds-button[disabled].is-pressed>ds-icon,.ds-button[disabled]:focus>ds-icon,.ds-button[disabled].is-focused>ds-icon{--icon-color:var(--ds-button-color-disabled-base-text)}fieldset[disabled] .ds-button>ds-spinner,fieldset[disabled] .ds-button:hover>ds-spinner,fieldset[disabled] .ds-button.is-hovered>ds-spinner,fieldset[disabled] .ds-button:active>ds-spinner,fieldset[disabled] .ds-button.is-pressed>ds-spinner,fieldset[disabled] .ds-button:focus>ds-spinner,fieldset[disabled] .ds-button.is-focused>ds-spinner,.ds-button.is-loading>ds-spinner,.ds-button.is-loading:hover>ds-spinner,.ds-button.is-loading.is-hovered>ds-spinner,.ds-button.is-loading:active>ds-spinner,.ds-button.is-loading.is-pressed>ds-spinner,.ds-button.is-loading:focus>ds-spinner,.ds-button.is-loading.is-focused>ds-spinner,.ds-button.is-disabled>ds-spinner,.ds-button.is-disabled:hover>ds-spinner,.ds-button.is-disabled.is-hovered>ds-spinner,.ds-button.is-disabled:active>ds-spinner,.ds-button.is-disabled.is-pressed>ds-spinner,.ds-button.is-disabled:focus>ds-spinner,.ds-button.is-disabled.is-focused>ds-spinner,.ds-button.is-inverted.is-disabled>ds-spinner,.ds-button.is-inverted.is-disabled:hover>ds-spinner,.ds-button.is-inverted.is-disabled.is-hovered>ds-spinner,.ds-button.is-inverted.is-disabled:active>ds-spinner,.ds-button.is-inverted.is-disabled.is-pressed>ds-spinner,.ds-button.is-inverted.is-disabled:focus>ds-spinner,.ds-button.is-inverted.is-disabled.is-focused>ds-spinner,.ds-button[disabled]>ds-spinner,.ds-button[disabled]:hover>ds-spinner,.ds-button[disabled].is-hovered>ds-spinner,.ds-button[disabled]:active>ds-spinner,.ds-button[disabled].is-pressed>ds-spinner,.ds-button[disabled]:focus>ds-spinner,.ds-button[disabled].is-focused>ds-spinner{--spinner-color:var(--ds-button-color-disabled-base-text)}fieldset[disabled] .ds-button>ds-spinner.is-circle,fieldset[disabled] .ds-button:hover>ds-spinner.is-circle,fieldset[disabled] .ds-button.is-hovered>ds-spinner.is-circle,fieldset[disabled] .ds-button:active>ds-spinner.is-circle,fieldset[disabled] .ds-button.is-pressed>ds-spinner.is-circle,fieldset[disabled] .ds-button:focus>ds-spinner.is-circle,fieldset[disabled] .ds-button.is-focused>ds-spinner.is-circle,.ds-button.is-loading>ds-spinner.is-circle,.ds-button.is-loading:hover>ds-spinner.is-circle,.ds-button.is-loading.is-hovered>ds-spinner.is-circle,.ds-button.is-loading:active>ds-spinner.is-circle,.ds-button.is-loading.is-pressed>ds-spinner.is-circle,.ds-button.is-loading:focus>ds-spinner.is-circle,.ds-button.is-loading.is-focused>ds-spinner.is-circle,.ds-button.is-disabled>ds-spinner.is-circle,.ds-button.is-disabled:hover>ds-spinner.is-circle,.ds-button.is-disabled.is-hovered>ds-spinner.is-circle,.ds-button.is-disabled:active>ds-spinner.is-circle,.ds-button.is-disabled.is-pressed>ds-spinner.is-circle,.ds-button.is-disabled:focus>ds-spinner.is-circle,.ds-button.is-disabled.is-focused>ds-spinner.is-circle,.ds-button.is-inverted.is-disabled>ds-spinner.is-circle,.ds-button.is-inverted.is-disabled:hover>ds-spinner.is-circle,.ds-button.is-inverted.is-disabled.is-hovered>ds-spinner.is-circle,.ds-button.is-inverted.is-disabled:active>ds-spinner.is-circle,.ds-button.is-inverted.is-disabled.is-pressed>ds-spinner.is-circle,.ds-button.is-inverted.is-disabled:focus>ds-spinner.is-circle,.ds-button.is-inverted.is-disabled.is-focused>ds-spinner.is-circle,.ds-button[disabled]>ds-spinner.is-circle,.ds-button[disabled]:hover>ds-spinner.is-circle,.ds-button[disabled].is-hovered>ds-spinner.is-circle,.ds-button[disabled]:active>ds-spinner.is-circle,.ds-button[disabled].is-pressed>ds-spinner.is-circle,.ds-button[disabled]:focus>ds-spinner.is-circle,.ds-button[disabled].is-focused>ds-spinner.is-circle{--spinner-circle-color-border-background:var(--ds-global-color-grey-4);--spinner-circle-color-border-progress:var(--ds-button-color-disabled-base-text)}.ds-buttons{--_buttons-align-items:var(--buttons-align-items, var(--mod-buttons-align-items, center));--_buttons-justify-content:var(--buttons-justify-content, var(--mod-buttons-justify-content, flex-start));--_buttons-direction:var(--buttons-direction, var(--mod-buttons-direction, row));--_buttons-gap:var(--buttons-gap, var(--mod-buttons-gap, 0.25rem));--_buttons-wrap:var(--buttons-wrap, var(--mod-buttons-wrap, wrap));display:-ms-flexbox;display:flex;gap:var(--_buttons-gap);-ms-flex-direction:var(--_buttons-direction);flex-direction:var(--_buttons-direction);-ms-flex-align:var(--_buttons-align-items);align-items:var(--_buttons-align-items);-ms-flex-pack:var(--_buttons-justify-content);justify-content:var(--_buttons-justify-content);-ms-flex-wrap:var(--_buttons-wrap);flex-wrap:var(--_buttons-wrap);width:100%}.ds-buttons.fit-content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (max-width: 768px){.ds-buttons ::slotted(.ds-button:not(.is-square)),.ds-buttons .ds-button:not(.is-square){-ms-flex:1 1 auto;flex:1 1 auto}.ds-buttons ::slotted(ds-button:not(.is-square)),.ds-buttons ds-button:not(.is-square){-ms-flex:1 1 auto;flex:1 1 auto}}.ds-buttons.as-col-reverse{--mod-buttons-direction:column-reverse}.ds-buttons.as-row-reverse{--mod-buttons-direction:row-reverse}.ds-buttons.as-row{--mod-buttons-direction:row}.ds-buttons.as-col{--mod-buttons-direction:column}@media screen and (max-width: 768px){.ds-buttons.as-col ::slotted(.ds-button),.ds-buttons.as-col .ds-button,.ds-buttons.as-col ::slotted(ds-button),.ds-buttons.as-col ds-button,.ds-buttons.as-col-reverse ::slotted(.ds-button),.ds-buttons.as-col-reverse .ds-button,.ds-buttons.as-col-reverse ::slotted(ds-button),.ds-buttons.as-col-reverse ds-button{width:100%}}@media screen and (min-width: 769px){.ds-buttons.as-col.is-center,.ds-buttons.as-col.is-centered,.ds-buttons.as-col-reverse.is-center,.ds-buttons.as-col-reverse.is-centered{--mod-buttons-align-items:center}.ds-buttons.as-col.is-left,.ds-buttons.as-col-reverse.is-left{--mod-buttons-align-items:flex-start}.ds-buttons.as-col.is-right,.ds-buttons.as-col-reverse.is-right{--mod-buttons-align-items:flex-end}}@media screen and (min-width: 769px){.ds-buttons.as-row.is-center,.ds-buttons.as-row.is-centered,.ds-buttons.is-center:not(.as-col),.ds-buttons.is-centered:not(.as-col){--mod-buttons-justify-content:center}.ds-buttons.as-row.is-left,.ds-buttons.is-left:not(.as-col){--mod-buttons-justify-content:flex-start}.ds-buttons.as-row.is-right,.ds-buttons.is-right:not(.as-col){--mod-buttons-justify-content:flex-end}}@media screen and (min-width: 769px){.ds-buttons.is-wide ::slotted(.ds-button:not(.is-square)),.ds-buttons.is-wide .ds-button:not(.is-square),.ds-buttons.is-wide ::slotted(ds-button:not(.is-square)),.ds-buttons.is-wide ds-button:not(.is-square){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}:host{--_pagination-position:var(--pagination-position, var(--mod-pagination-position, static));--_pagination-top:var(--pagination-top, var(--mod-pagination-top));--_pagination-right:var(--pagination-right, var(--mod-pagination-right));--_pagination-bottom:var(--pagination-bottom, var(--mod-pagination-bottom));--_pagination-left:var(--pagination-left, var(--mod-pagination-left));position:var(--_pagination-position);top:var(--_pagination-top);right:var(--_pagination-right);bottom:var(--_pagination-bottom);left:var(--_pagination-left);--_pagination-m:var(--pagination-m, var(--mod-pagination-m, 0));--_pagination-my:var(--pagination-my, var(--mod-pagination-my));--_pagination-mx:var(--pagination-mx, var(--mod-pagination-mx));--_pagination-ml:var(--pagination-ml, var(--mod-pagination-ml));--_pagination-mr:var(--pagination-mr, var(--mod-pagination-mr));--_pagination-mt:var(--pagination-mt, var(--mod-pagination-mt));--_pagination-mb:var(--pagination-mb, var(--mod-pagination-mb));margin:var(--_pagination-m);margin-inline:var(--_pagination-mx);margin-block:var(--_pagination-my);margin-left:var(--_pagination-ml);margin-right:var(--_pagination-mr);margin-top:var(--_pagination-mt);margin-bottom:var(--_pagination-mb);--_pagination-gap:var(--pagination-gap, var(--mod-pagination-gap, var(--ds-pagination-size-base-gap)));--_pagination-disabled-color:var(--pagination-disabled-color, var(--mod-pagination-disabled-color, var(--ds-pagination-disabled-color)));--_pagination-elevation-sticky:var(--pagination-elevation-sticky, var(--mod-pagination-elevation-sticky, var(--ds-pagination-elevation-sticky)));--_pagination-dots-radius:var(--pagination-dots-radius, var(--mod-pagination-dots-radius, var(--ds-pagination-dots-radius)));--_pagination-dots-background:var(--pagination-dots-background, var(--mod-pagination-dots-background, var(--ds-pagination-dots-color-background)));--_pagination-dots-inactive-color:var(--pagination-dots-inactive-color, var(--mod-pagination-dots-inactive-color, var(--ds-pagination-dots-color-inactive)));--_pagination-dots-active-color:var(--pagination-dots-active-color, var(--mod-pagination-dots-active-color, var(--ds-pagination-dots-color-active)));--_pagination-dots-gap:var(--pagination-dots-gap, var(--mod-pagination-dots-gap, var(--ds-pagination-dots-gap)))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:block}:host #nav{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-align:center}:host #nav ul{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:var(--_pagination-gap);-ms-flex-order:2;order:2;width:unset;text-align:center}:host #previous{-ms-flex-order:1;order:1}:host #next{-ms-flex-order:3;order:3}:host #ellipsis{width:2rem;font-weight:700}@media screen and (min-width: 769px){:host #ellipsis{width:3rem}}:host button.is-disabled.is-text{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}:host(.is-sticky){position:-webkit-sticky;position:sticky;z-index:var(--_pagination-elevation-sticky)}:host(.is-disabled){pointer-events:none}:host(.is-disabled) #ellipsis{color:var(--_pagination-disabled-color)}:host(.is-size-sm){--mod-pagination-gap:var(--ds-pagination-size-sm-gap)}:host(.is-size-sm) #ellipsis{width:2rem}:host(.is-align-start) #nav{-ms-flex-pack:start;justify-content:flex-start}:host(.is-align-end) #nav{-ms-flex-pack:end;justify-content:flex-end}:host(.is-variant-dots) .dots{-ms-flex-order:2;order:2;max-width:88px;min-width:63px;min-height:2rem;margin:0 20px 0 !important;background:var(--_pagination-dots-background);border-radius:var(--_pagination-dots-radius);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:var(--_pagination-dots-gap)}:host(.is-variant-dots) .dots li{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host(.is-variant-dots) .dots strong{font-weight:var(--ds-alias-text-weight-bold)}:host(.is-variant-dots) .dots button.dot{cursor:pointer;width:.625rem;height:.625rem;border-radius:50%;background-color:var(--_pagination-dots-inactive-color);border:none;padding:0}:host(.is-variant-dots) .dots button.dot.is-active{background-color:var(--_pagination-dots-active-color)}";export{h as ds_pagination}
+import{D as o,J as t,x as r,F as e,G as n,I as d}from"./p-BZEWgXed.js";import{_ as s,L as i,a}from"./p-BZsCW9yV.js";import{h as b}from"./p-BYD3IPs8.js";import{i as c}from"./p-BY7oclk5.js";import{d as u}from"./p-FibyOiqE.js";import{O as l}from"./p-DE5aqD5-.js";import{T as v}from"./p-BaZBnuEF.js";import{L as m}from"./p-CBGuu-I2.js";import{L as g}from"./p-reH0cIhP.js";import"./p-C0WbBTf4.js";import"./p-GV5U_dO3.js";import"./p-BXt6QjIx.js";const h=class{constructor(e){o(this,e),this.dsChangeEventEmitter=t(this,"dsChange"),this.isMobile=u.isMobile,this.language=r.language,this.disabled=!1,this.label="",this.pageRange=2,this.sticky=!1,this.textNext="",this.textPrevious="",this.top=0,this.totalPages=1,this.value=1}createLogger(o){this.log=o}topChanged(o){this.sticky&&(this.el.style.top=`${o}px`)}componentWillLoad(){this.topChanged(this.top)}listenToBreakpoint(o){this.isMobile=o.mobile}async next(){this.value<this.totalPages&&(this.value=this.value+1,this.dsChangeEventEmitter.emit(this.value))}async previous(){1!==this.value&&(this.value=this.value-1,this.dsChangeEventEmitter.emit(this.value))}async configChanged(o){this.language=o.language}selectPage(o){this.value=o,this.dsChangeEventEmitter.emit(this.value)}getItems(o=2){const t=function(o,t,r){const e=[];(o>t||o<0)&&(o=1),t<=0&&(t=10),r<0&&(r=2);const n=5+2*r;if(t<=n)for(let r=1;r<=t;r++)e.push({type:"page",label:r.toString(),active:r===o});else if(o<=n-2-r){for(let t=1;t<=n-2;t++)e.push({type:"page",label:t.toString(),active:t===o});e.push({type:"dots",label:"...",active:!1}),e.push({type:"page",label:t.toString(),active:!1})}else if(o>=t-3){e.push({type:"page",label:"1",active:!1}),e.push({type:"dots",label:"...",active:!1});for(let r=t-n+3;r<=t;r++)e.push({type:"page",label:r.toString(),active:r===o})}else{e.push({type:"page",label:"1",active:!1}),e.push({type:"dots",label:"...",active:!1});const n=Number(o);for(let t=n-r;t<=n+r;t++)e.push({type:"page",label:t.toString(),active:t===o});e.push({type:"dots",label:"...",active:!1}),e.push({type:"page",label:t.toString(),active:!1})}return e}(this.value,this.totalPages,o);return t.map((o=>"page"===o.type?this.renderPageElement(Number(o.label)):this.renderEllipsisElement()))}renderEllipsisElement(){return e("li",{"aria-hidden":"true"},e("div",{id:"ellipsis",part:"ellipsis"},e("span",null,"…")))}renderPageElement(o){const t=this.value===o;return b(this.variant)?e("li",null,e("button",{part:"page",class:{dot:!0,"is-active":t,"is-inactive":!t},"aria-current":t?"true":void 0,"aria-label":o.toString(),title:o.toString(),onClick:()=>this.selectPage(o)})):e("li",null,e("button",{part:"page",class:{"ds-button":!0,"is-square":!0,"is-primary":t,"is-ghost":!t,"is-disabled":this.disabled,"is-sm":this.isMobile||b(this.size)},"aria-current":t?"true":void 0,onClick:()=>this.selectPage(o)},o))}render(){const o=this.getItems(this.isMobile?1:this.pageRange),t=b(this.variant),r="is-ghost",d=t||b(this.size)||this.isMobile?"is-sm":"",s=this.label||c[this.language].label,i=this.textPrevious||c[this.language].left,a=this.textNext||c[this.language].right,u=!b(this.variant)||t&&this.totalPages<=5;return e(n,{key:"72f9efe99ea2f48cb8bd2839eaf4aff54b919ec1",class:{"is-sticky":this.sticky,"is-disabled":this.disabled,[`is-variant-${this.variant}`]:b(this.variant),[`is-size-${this.size}`]:b(this.size),[`is-align-${this.align}`]:b(this.align)}},e("nav",{key:"8da376fe8ee9245c280e1698e853bceebb57d770",class:{},id:"nav",part:"navigation",role:"navigation","aria-label":s},!this.disabled&&e("button",{key:"10cc17b60e9bb45cb9c1bb18ba62a784e6d22730",id:"previous",part:"previous","aria-label":i,title:i,class:{"ds-button":!0,"is-square":!0,"is-disabled":this.value<2,[r]:!(this.value<2),[d]:!0},disabled:this.value<2,onClick:()=>this.previous()},e("ds-icon",{key:"25d2338b886d7d9d3474361b8ad5f7e1849274c8",name:"caret-left",size:"sm",disabled:this.value<2})),!this.disabled&&e("button",{key:"0f5176a9f5f2799aac60e960f3eea388a2b8a5da",id:"next",part:"next","aria-label":a,title:a,class:{"ds-button":!0,"is-square":!0,"is-disabled":this.value===this.totalPages,[r]:!0,[d]:!0},disabled:this.value===this.totalPages,onClick:()=>this.next()},e("ds-icon",{key:"e16a0b71a18922329ba33c0082edb94d7e656a0a",name:"caret-right",size:"sm",disabled:this.value===this.totalPages})),u?e("ul",{class:{dots:b(this.variant)},part:"list"},o):e((()=>e("span",{key:"0deab4b48f970249ffd17adb7d25acbf5345241a",class:"dots"},e("strong",{key:"174de54787b225130f59896e4e822eb23134e602"},this.value),e("span",{key:"b317bbbb2e6a671d9cac3a1905e4f7c55146dfd5"},"/"),e("span",{key:"1d635ab6cc7e7e5aea2a4b8a9d74ad672f227f08"},this.totalPages))),null)))}get el(){return d(this)}static get watchers(){return{top:[{topChanged:0}]}}};s([i("pagination"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],h.prototype,"createLogger",null),s([l(["end","start"]),a("design:type",String)],h.prototype,"align",void 0),s([v("boolean"),a("design:type",Boolean)],h.prototype,"disabled",void 0),s([v("string"),a("design:type",String)],h.prototype,"label",void 0),s([v("number"),a("design:type",Number)],h.prototype,"pageRange",void 0),s([l(["sm"]),a("design:type",String)],h.prototype,"size",void 0),s([v("boolean"),a("design:type",Boolean)],h.prototype,"sticky",void 0),s([v("string"),a("design:type",String)],h.prototype,"textNext",void 0),s([v("string"),a("design:type",String)],h.prototype,"textPrevious",void 0),s([v("number"),a("design:type",Number)],h.prototype,"top",void 0),s([v("number"),a("design:type",Number)],h.prototype,"totalPages",void 0),s([v("number"),a("design:type",Number)],h.prototype,"value",void 0),s([l(["dots"]),a("design:type",String)],h.prototype,"variant",void 0),s([m(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",void 0)],h.prototype,"listenToBreakpoint",null),s([g(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",Promise)],h.prototype,"configChanged",null),h.style=".ds-button{--_button-position:var(--button-position, var(--mod-button-position, static));--_button-top:var(--button-top, var(--mod-button-top));--_button-right:var(--button-right, var(--mod-button-right));--_button-bottom:var(--button-bottom, var(--mod-button-bottom));--_button-left:var(--button-left, var(--mod-button-left));position:var(--_button-position);top:var(--_button-top);right:var(--_button-right);bottom:var(--_button-bottom);left:var(--_button-left);--_button-m:var(--button-m, var(--mod-button-m, 0));--_button-my:var(--button-my, var(--mod-button-my));--_button-mx:var(--button-mx, var(--mod-button-mx));--_button-ml:var(--button-ml, var(--mod-button-ml));--_button-mr:var(--button-mr, var(--mod-button-mr));--_button-mt:var(--button-mt, var(--mod-button-mt));--_button-mb:var(--button-mb, var(--mod-button-mb));margin:var(--_button-m);margin-inline:var(--_button-mx);margin-block:var(--_button-my);margin-left:var(--_button-ml);margin-right:var(--_button-mr);margin-top:var(--_button-mt);margin-bottom:var(--_button-mb);--_button-font-family:var(--button-font-family, var(--mod-button-font-family, var(--ds-button-size-base-font-family)));--_button-font-weight:var(--button-font-weight, var(--mod-button-font-weight, var(--ds-button-size-base-font-weight)));--_button-font-size:var(--button-font-size, var(--mod-button-font-size, var(--ds-button-size-base-font-size)));--_button-line-height:var(--button-line-height, var(--mod-button-line-height, var(--ds-button-size-base-line-height)));--_button-radius:var(--button-radius, var(--mod-button-radius, var(--ds-button-size-base-radius)));--_button-color-text:var(--button-color-text, var(--mod-button-color-text, var(--ds-button-color-primary-base-text)));--_button-color-border:var(--button-color-border, var(--mod-button-color-border, var(--ds-button-color-primary-base-border)));--_button-color-background:var(--button-color-background, var(--mod-button-color-background, var(--ds-button-color-primary-base-background)));--_button-color-text-hover:var(--button-color-text-hover, var(--mod-button-color-text-hover, var(--ds-button-color-primary-hover-text)));--_button-color-border-hover:var(--button-color-border-hover, var(--mod-button-color-border-hover, var(--ds-button-color-primary-hover-border)));--_button-color-background-hover:var(--button-color-background-hover, var(--mod-button-color-background-hover, var(--ds-button-color-primary-hover-background)));--_button-color-text-active:var(--button-color-text-active, var(--mod-button-color-text-active, var(--ds-button-color-primary-active-text)));--_button-color-border-active:var(--button-color-border-active, var(--mod-button-color-border-active, var(--ds-button-color-primary-active-border)));--_button-color-background-active:var(--button-color-background-active, var(--mod-button-color-background-active, var(--ds-button-color-primary-active-background)));--_button-width:var(--button-width, var(--mod-button-width, fit-content));--_button-gap:var(--button-gap, var(--mod-button-gap, var(--ds-button-size-base-gap)));--_button-min-height:var(--button-min-height, var(--mod-button-min-height, var(--ds-button-size-base-min-height)));--_button-min-width:var(--button-min-width, var(--mod-button-min-width, var(--ds-button-size-base-min-width)));--_button-px:var(--button-px, var(--mod-button-px, var(--ds-button-size-base-padding-x)));--_button-box-shadow:var(--button-box-shadow, var(--mod-button-box-shadow, none));--_button-text-shadow:var(--button-text-shadow, var(--mod-button-text-shadow, none));--_button-focus-shadow:var(--button-focus-shadow, var(--mod-button-focus-shadow, var(--ds-alias-interaction-focus-color-base)))}.ds-button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media print{.ds-button{display:none !important}}.ds-button{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;vertical-align:middle;cursor:pointer;word-break:normal;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-shadow:var(--_button-box-shadow);box-shadow:var(--_button-box-shadow);text-shadow:var(--_button-text-shadow);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);font-size:var(--_button-font-size);font-family:var(--_button-font-family);font-weight:var(--_button-font-weight);line-height:var(--_button-line-height);border-radius:var(--_button-radius);width:var(--_button-width, -webkit-fit-content);width:var(--_button-width, -moz-fit-content);width:var(--_button-width, fit-content);min-width:var(--_button-min-width);min-height:var(--_button-min-height);gap:var(--_button-gap);padding-inline:var(--_button-px);background-color:var(--_button-color-background);color:var(--_button-color-text);border:var(--_button-color-border)}.ds-button::-moz-focus-inner{border:0}.ds-button{--spinner-logo-size:1.5rem;--icon-color:var(--_button-color-text)}.ds-button:focus,.ds-button:active{outline:none}@media (hover: hover)and (pointer: fine){.ds-button:focus-visible:not(:active),.ds-button.is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_button-focus-shadow) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_button-focus-shadow) 0 0 0 5px !important}}@media (hover: hover)and (pointer: fine){.ds-button:hover,.ds-button.is-hovered{--icon-color:var(--_button-color-text-hover);color:var(--_button-color-text-hover);background-color:var(--_button-color-background-hover);border:var(--_button-color-border-hover)}}.ds-button:active,.ds-button.is-pressed{--icon-color:var(--_button-color-text-active);background-color:var(--_button-color-background-active);color:var(--_button-color-text-active);border:var(--_button-color-border-active);translate:0 .5px}.ds-button.is-wide{width:100%;-ms-flex:1 1 auto;flex:1 1 auto}.ds-button.has-brand-icon{-ms-flex-direction:column;flex-direction:column;text-align:center;padding:calc(var(--ds-button-size-base-padding-x)/2)}@media screen and (min-width: 769px){.ds-button.has-brand-icon{padding:calc(var(--ds-button-size-base-padding-x))}}.ds-button.is-link{text-decoration:underline;text-underline-offset:.25rem;text-decoration-thickness:var(--ds-link-underline-width)}.ds-button .ds-badge,.ds-button ds-badge{--badge-position:absolute;--badge-top:-0.5rem;--badge-right:-0.5rem}.ds-button.is-primary:not(.is-inverted):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-primary-base-text);--mod-button-color-background:var(--ds-button-color-primary-base-background);--mod-button-color-border:var(--ds-button-color-primary-base-border);--mod-button-color-text-hover:var(--ds-button-color-primary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-primary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-primary-hover-border);--mod-button-color-text-active:var(--ds-button-color-primary-active-text);--mod-button-color-background-active:var(--ds-button-color-primary-active-background);--mod-button-color-border-active:var(--ds-button-color-primary-active-border)}.ds-button.is-secondary:not(.is-inverted):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-secondary-base-text);--mod-button-color-background:var(--ds-button-color-secondary-base-background);--mod-button-color-border:var(--ds-button-color-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-secondary-active-border)}.ds-button.is-tertiary:not(.is-inverted):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-tertiary-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-active-border)}.ds-button.is-ghost:not(.is-inverted):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-ghost-base-text);--mod-button-color-background:var(--ds-button-color-ghost-base-background);--mod-button-color-border:var(--ds-button-color-ghost-base-border);--mod-button-color-text-hover:var(--ds-button-color-ghost-hover-text);--mod-button-color-background-hover:var(--ds-button-color-ghost-hover-background);--mod-button-color-border-hover:var(--ds-button-color-ghost-hover-border);--mod-button-color-text-active:var(--ds-button-color-ghost-active-text);--mod-button-color-background-active:var(--ds-button-color-ghost-active-background);--mod-button-color-border-active:var(--ds-button-color-ghost-active-border)}.ds-button.is-brand-purple:not(.is-inverted):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-brand-purple-base-text);--mod-button-color-background:var(--ds-button-color-brand-purple-base-background);--mod-button-color-border:var(--ds-button-color-brand-purple-base-border);--mod-button-color-text-hover:var(--ds-button-color-brand-purple-hover-text);--mod-button-color-background-hover:var(--ds-button-color-brand-purple-hover-background);--mod-button-color-border-hover:var(--ds-button-color-brand-purple-hover-border);--mod-button-color-text-active:var(--ds-button-color-brand-purple-active-text);--mod-button-color-background-active:var(--ds-button-color-brand-purple-active-background);--mod-button-color-border-active:var(--ds-button-color-brand-purple-active-border)}.ds-button.is-brand-red:not(.is-inverted):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-brand-red-base-text);--mod-button-color-background:var(--ds-button-color-brand-red-base-background);--mod-button-color-border:var(--ds-button-color-brand-red-base-border);--mod-button-color-text-hover:var(--ds-button-color-brand-red-hover-text);--mod-button-color-background-hover:var(--ds-button-color-brand-red-hover-background);--mod-button-color-border-hover:var(--ds-button-color-brand-red-hover-border);--mod-button-color-text-active:var(--ds-button-color-brand-red-active-text);--mod-button-color-background-active:var(--ds-button-color-brand-red-active-background);--mod-button-color-border-active:var(--ds-button-color-brand-red-active-border)}.ds-button.is-brand-yellow:not(.is-inverted):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-brand-yellow-base-text);--mod-button-color-background:var(--ds-button-color-brand-yellow-base-background);--mod-button-color-border:var(--ds-button-color-brand-yellow-base-border);--mod-button-color-text-hover:var(--ds-button-color-brand-yellow-hover-text);--mod-button-color-background-hover:var(--ds-button-color-brand-yellow-hover-background);--mod-button-color-border-hover:var(--ds-button-color-brand-yellow-hover-border);--mod-button-color-text-active:var(--ds-button-color-brand-yellow-active-text);--mod-button-color-background-active:var(--ds-button-color-brand-yellow-active-background);--mod-button-color-border-active:var(--ds-button-color-brand-yellow-active-border)}.ds-button.is-brand-green:not(.is-inverted):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-brand-green-base-text);--mod-button-color-background:var(--ds-button-color-brand-green-base-background);--mod-button-color-border:var(--ds-button-color-brand-green-base-border);--mod-button-color-text-hover:var(--ds-button-color-brand-green-hover-text);--mod-button-color-background-hover:var(--ds-button-color-brand-green-hover-background);--mod-button-color-border-hover:var(--ds-button-color-brand-green-hover-border);--mod-button-color-text-active:var(--ds-button-color-brand-green-active-text);--mod-button-color-background-active:var(--ds-button-color-brand-green-active-background);--mod-button-color-border-active:var(--ds-button-color-brand-green-active-border)}.ds-button.is-info:not(.is-inverted):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-info-base-text);--mod-button-color-background:var(--ds-button-color-info-base-background);--mod-button-color-border:var(--ds-button-color-info-base-border);--mod-button-color-text-hover:var(--ds-button-color-info-hover-text);--mod-button-color-background-hover:var(--ds-button-color-info-hover-background);--mod-button-color-border-hover:var(--ds-button-color-info-hover-border);--mod-button-color-text-active:var(--ds-button-color-info-active-text);--mod-button-color-background-active:var(--ds-button-color-info-active-background);--mod-button-color-border-active:var(--ds-button-color-info-active-border)}.ds-button.is-success:not(.is-inverted):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-success-base-text);--mod-button-color-background:var(--ds-button-color-success-base-background);--mod-button-color-border:var(--ds-button-color-success-base-border);--mod-button-color-text-hover:var(--ds-button-color-success-hover-text);--mod-button-color-background-hover:var(--ds-button-color-success-hover-background);--mod-button-color-border-hover:var(--ds-button-color-success-hover-border);--mod-button-color-text-active:var(--ds-button-color-success-active-text);--mod-button-color-background-active:var(--ds-button-color-success-active-background);--mod-button-color-border-active:var(--ds-button-color-success-active-border)}.ds-button.is-warning:not(.is-inverted):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-warning-base-text);--mod-button-color-background:var(--ds-button-color-warning-base-background);--mod-button-color-border:var(--ds-button-color-warning-base-border);--mod-button-color-text-hover:var(--ds-button-color-warning-hover-text);--mod-button-color-background-hover:var(--ds-button-color-warning-hover-background);--mod-button-color-border-hover:var(--ds-button-color-warning-hover-border);--mod-button-color-text-active:var(--ds-button-color-warning-active-text);--mod-button-color-background-active:var(--ds-button-color-warning-active-background);--mod-button-color-border-active:var(--ds-button-color-warning-active-border)}.ds-button.is-danger:not(.is-inverted):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-danger-base-text);--mod-button-color-background:var(--ds-button-color-danger-base-background);--mod-button-color-border:var(--ds-button-color-danger-base-border);--mod-button-color-text-hover:var(--ds-button-color-danger-hover-text);--mod-button-color-background-hover:var(--ds-button-color-danger-hover-background);--mod-button-color-border-hover:var(--ds-button-color-danger-hover-border);--mod-button-color-text-active:var(--ds-button-color-danger-active-text);--mod-button-color-background-active:var(--ds-button-color-danger-active-background);--mod-button-color-border-active:var(--ds-button-color-danger-active-border)}.ds-button.is-link:not(.is-inverted):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-link-base-text);--mod-button-color-background:var(--ds-button-color-link-base-background);--mod-button-color-border:var(--ds-button-color-link-base-border);--mod-button-color-text-hover:var(--ds-button-color-link-hover-text);--mod-button-color-background-hover:var(--ds-button-color-link-hover-background);--mod-button-color-border-hover:var(--ds-button-color-link-hover-border);--mod-button-color-text-active:var(--ds-button-color-link-active-text);--mod-button-color-background-active:var(--ds-button-color-link-active-background);--mod-button-color-border-active:var(--ds-button-color-link-active-border)}.ds-button.is-text:not(.is-inverted):not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-text-base-text);--mod-button-color-background:var(--ds-button-color-text-base-background);--mod-button-color-border:var(--ds-button-color-text-base-border);--mod-button-color-text-hover:var(--ds-button-color-text-hover-text);--mod-button-color-background-hover:var(--ds-button-color-text-hover-background);--mod-button-color-border-hover:var(--ds-button-color-text-hover-border);--mod-button-color-text-active:var(--ds-button-color-text-active-text);--mod-button-color-background-active:var(--ds-button-color-text-active-background);--mod-button-color-border-active:var(--ds-button-color-text-active-border)}.ds-button.is-primary.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.ds-button.is-brand-purple.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.ds-button.is-brand-red.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.ds-button.is-brand-yellow.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.ds-button.is-brand-green.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.ds-button.is-info.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.ds-button.is-success.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.ds-button.is-warning.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.ds-button.is-danger.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}.ds-button.is-secondary.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-secondary-base-text);--mod-button-color-background:var(--ds-button-color-inverted-secondary-base-background);--mod-button-color-border:var(--ds-button-color-inverted-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-secondary-active-border)}.ds-button.is-tertiary.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-tertiary-base-text);--mod-button-color-background:var(--ds-button-color-inverted-tertiary-base-background);--mod-button-color-border:var(--ds-button-color-inverted-tertiary-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-tertiary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-tertiary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-tertiary-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-tertiary-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-tertiary-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-tertiary-active-border)}.ds-button.is-ghost.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-ghost-base-text);--mod-button-color-background:var(--ds-button-color-inverted-ghost-base-background);--mod-button-color-border:var(--ds-button-color-inverted-ghost-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-ghost-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-ghost-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-ghost-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-ghost-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-ghost-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-ghost-active-border)}.ds-button.is-text.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-text-base-text);--mod-button-color-background:var(--ds-button-color-inverted-text-base-background);--mod-button-color-border:var(--ds-button-color-inverted-text-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-text-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-text-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-text-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-text-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-text-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-text-active-border)}.ds-button.is-link.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-color-text:var(--ds-button-color-inverted-link-base-text);--mod-button-color-background:var(--ds-button-color-inverted-link-base-background);--mod-button-color-border:var(--ds-button-color-inverted-link-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-link-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-link-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-link-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-link-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-link-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-link-active-border)}.ds-button.is-inverted:not(.is-disabled):not(.is-loading){--mod-button-focus-shadow:var(--ds-alias-interaction-focus-color-inverted)}.ds-button.is-sm,.ds-button.is-small{--mod-button-font-family:var(--ds-button-size-sm-font-family);--mod-button-font-weight:var(--ds-button-size-sm-font-weight);--mod-button-font-size:var(--ds-button-size-sm-font-size);--mod-button-line-height:var(--ds-button-size-sm-line-height);--mod-button-radius:var(--ds-button-size-sm-radius);--mod-button-gap:var(--ds-button-size-sm-gap);--mod-button-min-height:var(--ds-button-size-sm-min-height);--mod-button-min-width:var(--ds-button-size-sm-min-width);--mod-button-px:var(--ds-button-size-sm-padding-x)}.ds-button.is-lg,.ds-button.is-large{--mod-button-font-family:var(--ds-button-size-lg-font-family);--mod-button-font-weight:var(--ds-button-size-lg-font-weight);--mod-button-font-size:var(--ds-button-size-lg-font-size);--mod-button-line-height:var(--ds-button-size-lg-line-height);--mod-button-radius:var(--ds-button-size-lg-radius);--mod-button-gap:var(--ds-button-size-lg-gap);--mod-button-min-height:var(--ds-button-size-lg-min-height);--mod-button-min-width:var(--ds-button-size-lg-min-width);--mod-button-px:var(--ds-button-size-lg-padding-x)}.ds-button.is-flat{--mod-button-px:0;--mod-button-min-height:1.75rem}.ds-button.is-square:not(.is-sm),.ds-button.is-square:not(.is-small){--mod-button-px:0;--mod-button-gap:0;--mod-button-min-height:3rem;--mod-button-min-width:3rem;--icon-size:1.5rem}.ds-button.is-square.is-sm,.ds-button.is-square.is-small{--mod-button-px:0;--mod-button-gap:0;--mod-button-min-height:2rem;--mod-button-min-width:2rem;--icon-size:var(--ds-icon-size-sm)}.ds-button.has-shadow:not(.is-link,.is-ghost){--mod-button-box-shadow:var(--ds-alias-shadow-box-base)}.ds-button.is-ghost.has-shadow,.ds-button.is-link.has-shadow{--mod-button-text-shadow:var(--ds-alias-shadow-text)}.ds-button.has-no-wrap{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:-webkit-fill-available;max-width:-moz-available;max-width:stretch}.ds-button:is(input[type=checkbox],input[type=radio])[aria-label]::after{--_button-content:attr(aria-label);content:var(--_button-content)}.ds-button:is(input[type=checkbox],input[type=radio]){--mod-button-color-text:var(--ds-button-color-secondary-base-text);--mod-button-color-background:var(--ds-button-color-secondary-base-background);--mod-button-color-border:var(--ds-button-color-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-secondary-active-border);-webkit-appearance:none;-moz-appearance:none;appearance:none;vertical-align:middle}.ds-button:is(input[type=checkbox],input[type=radio]):where(input:checked){--mod-button-color-text:var(--ds-button-color-primary-base-text);--mod-button-color-background:var(--ds-button-color-primary-base-background);--mod-button-color-border:var(--ds-button-color-primary-base-border);--mod-button-color-text-hover:var(--ds-button-color-primary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-primary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-primary-hover-border);--mod-button-color-text-active:var(--ds-button-color-primary-active-text);--mod-button-color-background-active:var(--ds-button-color-primary-active-background);--mod-button-color-border-active:var(--ds-button-color-primary-active-border);isolation:isolate}fieldset[disabled] .ds-button,fieldset[disabled] .ds-button:hover,fieldset[disabled] .ds-button.is-hovered,fieldset[disabled] .ds-button:active,fieldset[disabled] .ds-button.is-pressed,fieldset[disabled] .ds-button:focus,fieldset[disabled] .ds-button.is-focused,.ds-button.is-loading,.ds-button.is-loading:hover,.ds-button.is-loading.is-hovered,.ds-button.is-loading:active,.ds-button.is-loading.is-pressed,.ds-button.is-loading:focus,.ds-button.is-loading.is-focused,.ds-button.is-disabled,.ds-button.is-disabled:hover,.ds-button.is-disabled.is-hovered,.ds-button.is-disabled:active,.ds-button.is-disabled.is-pressed,.ds-button.is-disabled:focus,.ds-button.is-disabled.is-focused,.ds-button.is-inverted.is-disabled,.ds-button.is-inverted.is-disabled:hover,.ds-button.is-inverted.is-disabled.is-hovered,.ds-button.is-inverted.is-disabled:active,.ds-button.is-inverted.is-disabled.is-pressed,.ds-button.is-inverted.is-disabled:focus,.ds-button.is-inverted.is-disabled.is-focused,.ds-button[disabled],.ds-button[disabled]:hover,.ds-button[disabled].is-hovered,.ds-button[disabled]:active,.ds-button[disabled].is-pressed,.ds-button[disabled]:focus,.ds-button[disabled].is-focused{pointer-events:none;opacity:1;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;cursor:default;translate:0 0;background-color:var(--ds-button-color-disabled-base-background);border:var(--ds-button-color-disabled-base-border);color:var(--ds-button-color-disabled-base-text)}fieldset[disabled] .ds-button>ds-icon,fieldset[disabled] .ds-button:hover>ds-icon,fieldset[disabled] .ds-button.is-hovered>ds-icon,fieldset[disabled] .ds-button:active>ds-icon,fieldset[disabled] .ds-button.is-pressed>ds-icon,fieldset[disabled] .ds-button:focus>ds-icon,fieldset[disabled] .ds-button.is-focused>ds-icon,.ds-button.is-loading>ds-icon,.ds-button.is-loading:hover>ds-icon,.ds-button.is-loading.is-hovered>ds-icon,.ds-button.is-loading:active>ds-icon,.ds-button.is-loading.is-pressed>ds-icon,.ds-button.is-loading:focus>ds-icon,.ds-button.is-loading.is-focused>ds-icon,.ds-button.is-disabled>ds-icon,.ds-button.is-disabled:hover>ds-icon,.ds-button.is-disabled.is-hovered>ds-icon,.ds-button.is-disabled:active>ds-icon,.ds-button.is-disabled.is-pressed>ds-icon,.ds-button.is-disabled:focus>ds-icon,.ds-button.is-disabled.is-focused>ds-icon,.ds-button.is-inverted.is-disabled>ds-icon,.ds-button.is-inverted.is-disabled:hover>ds-icon,.ds-button.is-inverted.is-disabled.is-hovered>ds-icon,.ds-button.is-inverted.is-disabled:active>ds-icon,.ds-button.is-inverted.is-disabled.is-pressed>ds-icon,.ds-button.is-inverted.is-disabled:focus>ds-icon,.ds-button.is-inverted.is-disabled.is-focused>ds-icon,.ds-button[disabled]>ds-icon,.ds-button[disabled]:hover>ds-icon,.ds-button[disabled].is-hovered>ds-icon,.ds-button[disabled]:active>ds-icon,.ds-button[disabled].is-pressed>ds-icon,.ds-button[disabled]:focus>ds-icon,.ds-button[disabled].is-focused>ds-icon{--icon-color:var(--ds-button-color-disabled-base-text)}fieldset[disabled] .ds-button>ds-spinner,fieldset[disabled] .ds-button:hover>ds-spinner,fieldset[disabled] .ds-button.is-hovered>ds-spinner,fieldset[disabled] .ds-button:active>ds-spinner,fieldset[disabled] .ds-button.is-pressed>ds-spinner,fieldset[disabled] .ds-button:focus>ds-spinner,fieldset[disabled] .ds-button.is-focused>ds-spinner,.ds-button.is-loading>ds-spinner,.ds-button.is-loading:hover>ds-spinner,.ds-button.is-loading.is-hovered>ds-spinner,.ds-button.is-loading:active>ds-spinner,.ds-button.is-loading.is-pressed>ds-spinner,.ds-button.is-loading:focus>ds-spinner,.ds-button.is-loading.is-focused>ds-spinner,.ds-button.is-disabled>ds-spinner,.ds-button.is-disabled:hover>ds-spinner,.ds-button.is-disabled.is-hovered>ds-spinner,.ds-button.is-disabled:active>ds-spinner,.ds-button.is-disabled.is-pressed>ds-spinner,.ds-button.is-disabled:focus>ds-spinner,.ds-button.is-disabled.is-focused>ds-spinner,.ds-button.is-inverted.is-disabled>ds-spinner,.ds-button.is-inverted.is-disabled:hover>ds-spinner,.ds-button.is-inverted.is-disabled.is-hovered>ds-spinner,.ds-button.is-inverted.is-disabled:active>ds-spinner,.ds-button.is-inverted.is-disabled.is-pressed>ds-spinner,.ds-button.is-inverted.is-disabled:focus>ds-spinner,.ds-button.is-inverted.is-disabled.is-focused>ds-spinner,.ds-button[disabled]>ds-spinner,.ds-button[disabled]:hover>ds-spinner,.ds-button[disabled].is-hovered>ds-spinner,.ds-button[disabled]:active>ds-spinner,.ds-button[disabled].is-pressed>ds-spinner,.ds-button[disabled]:focus>ds-spinner,.ds-button[disabled].is-focused>ds-spinner{--spinner-color:var(--ds-button-color-disabled-base-text)}fieldset[disabled] .ds-button>ds-spinner.is-circle,fieldset[disabled] .ds-button:hover>ds-spinner.is-circle,fieldset[disabled] .ds-button.is-hovered>ds-spinner.is-circle,fieldset[disabled] .ds-button:active>ds-spinner.is-circle,fieldset[disabled] .ds-button.is-pressed>ds-spinner.is-circle,fieldset[disabled] .ds-button:focus>ds-spinner.is-circle,fieldset[disabled] .ds-button.is-focused>ds-spinner.is-circle,.ds-button.is-loading>ds-spinner.is-circle,.ds-button.is-loading:hover>ds-spinner.is-circle,.ds-button.is-loading.is-hovered>ds-spinner.is-circle,.ds-button.is-loading:active>ds-spinner.is-circle,.ds-button.is-loading.is-pressed>ds-spinner.is-circle,.ds-button.is-loading:focus>ds-spinner.is-circle,.ds-button.is-loading.is-focused>ds-spinner.is-circle,.ds-button.is-disabled>ds-spinner.is-circle,.ds-button.is-disabled:hover>ds-spinner.is-circle,.ds-button.is-disabled.is-hovered>ds-spinner.is-circle,.ds-button.is-disabled:active>ds-spinner.is-circle,.ds-button.is-disabled.is-pressed>ds-spinner.is-circle,.ds-button.is-disabled:focus>ds-spinner.is-circle,.ds-button.is-disabled.is-focused>ds-spinner.is-circle,.ds-button.is-inverted.is-disabled>ds-spinner.is-circle,.ds-button.is-inverted.is-disabled:hover>ds-spinner.is-circle,.ds-button.is-inverted.is-disabled.is-hovered>ds-spinner.is-circle,.ds-button.is-inverted.is-disabled:active>ds-spinner.is-circle,.ds-button.is-inverted.is-disabled.is-pressed>ds-spinner.is-circle,.ds-button.is-inverted.is-disabled:focus>ds-spinner.is-circle,.ds-button.is-inverted.is-disabled.is-focused>ds-spinner.is-circle,.ds-button[disabled]>ds-spinner.is-circle,.ds-button[disabled]:hover>ds-spinner.is-circle,.ds-button[disabled].is-hovered>ds-spinner.is-circle,.ds-button[disabled]:active>ds-spinner.is-circle,.ds-button[disabled].is-pressed>ds-spinner.is-circle,.ds-button[disabled]:focus>ds-spinner.is-circle,.ds-button[disabled].is-focused>ds-spinner.is-circle{--spinner-circle-color-border-background:var(--ds-global-color-grey-4);--spinner-circle-color-border-progress:var(--ds-button-color-disabled-base-text)}.ds-buttons{--_buttons-align-items:var(--buttons-align-items, var(--mod-buttons-align-items, center));--_buttons-justify-content:var(--buttons-justify-content, var(--mod-buttons-justify-content, flex-start));--_buttons-direction:var(--buttons-direction, var(--mod-buttons-direction, row));--_buttons-gap:var(--buttons-gap, var(--mod-buttons-gap, 0.25rem));--_buttons-wrap:var(--buttons-wrap, var(--mod-buttons-wrap, wrap));display:-ms-flexbox;display:flex;gap:var(--_buttons-gap);-ms-flex-direction:var(--_buttons-direction);flex-direction:var(--_buttons-direction);-ms-flex-align:var(--_buttons-align-items);align-items:var(--_buttons-align-items);-ms-flex-pack:var(--_buttons-justify-content);justify-content:var(--_buttons-justify-content);-ms-flex-wrap:var(--_buttons-wrap);flex-wrap:var(--_buttons-wrap);width:100%}.ds-buttons.fit-content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (max-width: 768px){.ds-buttons ::slotted(.ds-button:not(.is-square)),.ds-buttons .ds-button:not(.is-square){-ms-flex:1 1 auto;flex:1 1 auto}.ds-buttons ::slotted(ds-button:not(.is-square)),.ds-buttons ds-button:not(.is-square){-ms-flex:1 1 auto;flex:1 1 auto}}.ds-buttons.as-col-reverse{--mod-buttons-direction:column-reverse}.ds-buttons.as-row-reverse{--mod-buttons-direction:row-reverse}.ds-buttons.as-row{--mod-buttons-direction:row}.ds-buttons.as-col{--mod-buttons-direction:column}@media screen and (max-width: 768px){.ds-buttons.as-col ::slotted(.ds-button),.ds-buttons.as-col .ds-button,.ds-buttons.as-col ::slotted(ds-button),.ds-buttons.as-col ds-button,.ds-buttons.as-col-reverse ::slotted(.ds-button),.ds-buttons.as-col-reverse .ds-button,.ds-buttons.as-col-reverse ::slotted(ds-button),.ds-buttons.as-col-reverse ds-button{width:100%}}@media screen and (min-width: 769px){.ds-buttons.as-col.is-center,.ds-buttons.as-col.is-centered,.ds-buttons.as-col-reverse.is-center,.ds-buttons.as-col-reverse.is-centered{--mod-buttons-align-items:center}.ds-buttons.as-col.is-left,.ds-buttons.as-col-reverse.is-left{--mod-buttons-align-items:flex-start}.ds-buttons.as-col.is-right,.ds-buttons.as-col-reverse.is-right{--mod-buttons-align-items:flex-end}}@media screen and (min-width: 769px){.ds-buttons.as-row.is-center,.ds-buttons.as-row.is-centered,.ds-buttons.is-center:not(.as-col),.ds-buttons.is-centered:not(.as-col){--mod-buttons-justify-content:center}.ds-buttons.as-row.is-left,.ds-buttons.is-left:not(.as-col){--mod-buttons-justify-content:flex-start}.ds-buttons.as-row.is-right,.ds-buttons.is-right:not(.as-col){--mod-buttons-justify-content:flex-end}}@media screen and (min-width: 769px){.ds-buttons.is-wide ::slotted(.ds-button:not(.is-square)),.ds-buttons.is-wide .ds-button:not(.is-square),.ds-buttons.is-wide ::slotted(ds-button:not(.is-square)),.ds-buttons.is-wide ds-button:not(.is-square){-ms-flex:1 1 auto;flex:1 1 auto;--button-width:100%}}:host{--_pagination-position:var(--pagination-position, var(--mod-pagination-position, static));--_pagination-top:var(--pagination-top, var(--mod-pagination-top));--_pagination-right:var(--pagination-right, var(--mod-pagination-right));--_pagination-bottom:var(--pagination-bottom, var(--mod-pagination-bottom));--_pagination-left:var(--pagination-left, var(--mod-pagination-left));position:var(--_pagination-position);top:var(--_pagination-top);right:var(--_pagination-right);bottom:var(--_pagination-bottom);left:var(--_pagination-left);--_pagination-m:var(--pagination-m, var(--mod-pagination-m, 0));--_pagination-my:var(--pagination-my, var(--mod-pagination-my));--_pagination-mx:var(--pagination-mx, var(--mod-pagination-mx));--_pagination-ml:var(--pagination-ml, var(--mod-pagination-ml));--_pagination-mr:var(--pagination-mr, var(--mod-pagination-mr));--_pagination-mt:var(--pagination-mt, var(--mod-pagination-mt));--_pagination-mb:var(--pagination-mb, var(--mod-pagination-mb));margin:var(--_pagination-m);margin-inline:var(--_pagination-mx);margin-block:var(--_pagination-my);margin-left:var(--_pagination-ml);margin-right:var(--_pagination-mr);margin-top:var(--_pagination-mt);margin-bottom:var(--_pagination-mb);--_pagination-gap:var(--pagination-gap, var(--mod-pagination-gap, var(--ds-pagination-size-base-gap)));--_pagination-disabled-color:var(--pagination-disabled-color, var(--mod-pagination-disabled-color, var(--ds-pagination-disabled-color)));--_pagination-elevation-sticky:var(--pagination-elevation-sticky, var(--mod-pagination-elevation-sticky, var(--ds-pagination-elevation-sticky)));--_pagination-dots-radius:var(--pagination-dots-radius, var(--mod-pagination-dots-radius, var(--ds-pagination-dots-radius)));--_pagination-dots-background:var(--pagination-dots-background, var(--mod-pagination-dots-background, var(--ds-pagination-dots-color-background)));--_pagination-dots-inactive-color:var(--pagination-dots-inactive-color, var(--mod-pagination-dots-inactive-color, var(--ds-pagination-dots-color-inactive)));--_pagination-dots-active-color:var(--pagination-dots-active-color, var(--mod-pagination-dots-active-color, var(--ds-pagination-dots-color-active)));--_pagination-dots-gap:var(--pagination-dots-gap, var(--mod-pagination-dots-gap, var(--ds-pagination-dots-gap)))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:block}:host #nav{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-align:center}:host #nav ul{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:var(--_pagination-gap);-ms-flex-order:2;order:2;width:unset;text-align:center}:host #previous{-ms-flex-order:1;order:1}:host #next{-ms-flex-order:3;order:3}:host #ellipsis{width:2rem;font-weight:700}@media screen and (min-width: 769px){:host #ellipsis{width:3rem}}:host button.is-disabled.is-text{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0)}:host(.is-sticky){position:-webkit-sticky;position:sticky;z-index:var(--_pagination-elevation-sticky)}:host(.is-disabled){pointer-events:none}:host(.is-disabled) #ellipsis{color:var(--_pagination-disabled-color)}:host(.is-size-sm){--mod-pagination-gap:var(--ds-pagination-size-sm-gap)}:host(.is-size-sm) #ellipsis{width:2rem}:host(.is-align-start) #nav{-ms-flex-pack:start;justify-content:flex-start}:host(.is-align-end) #nav{-ms-flex-pack:end;justify-content:flex-end}:host(.is-variant-dots) .dots{-ms-flex-order:2;order:2;max-width:88px;min-width:63px;min-height:2rem;margin:0 20px 0 !important;background:var(--_pagination-dots-background);border-radius:var(--_pagination-dots-radius);display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:var(--_pagination-dots-gap)}:host(.is-variant-dots) .dots li{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host(.is-variant-dots) .dots strong{font-weight:var(--ds-alias-text-weight-bold)}:host(.is-variant-dots) .dots button.dot{cursor:pointer;width:.625rem;height:.625rem;border-radius:50%;background-color:var(--_pagination-dots-inactive-color);border:none;padding:0}:host(.is-variant-dots) .dots button.dot.is-active{background-color:var(--_pagination-dots-active-color)}";export{h as ds_pagination}

package/dist/design-system/{p-fe1e907d10.entry.js → p-94a8f24fe1.entry.js}

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import{D as t,F as e,G as a,I as n}from"./p-vF16SDFF.js";import{_ as s,L as d,a as o}from"./p-nVdGbZYj.js";const i=class{constructor(e){t(this,e)}createLogger(t){this.log=t}render(){return e(a,{key:"fa291737910745721236d14e38c54e7bf351b85e"},e("slot",{key:"c1446e3210223e5bfeddbffe1faea35b81cd6922"}))}get el(){return n(this)}};s([d("card-content"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],i.prototype,"createLogger",null),i.style=':host{--_card-content-position:var(--card-content-position, var(--mod-card-content-position, static));--_card-content-top:var(--card-content-top, var(--mod-card-content-top));--_card-content-right:var(--card-content-right, var(--mod-card-content-right));--_card-content-bottom:var(--card-content-bottom, var(--mod-card-content-bottom));--_card-content-left:var(--card-content-left, var(--mod-card-content-left));position:var(--_card-content-position);top:var(--_card-content-top);right:var(--_card-content-right);bottom:var(--_card-content-bottom);left:var(--_card-content-left);--_card-content-m:var(--card-content-m, var(--mod-card-content-m, 0));--_card-content-my:var(--card-content-my, var(--mod-card-content-my));--_card-content-mx:var(--card-content-mx, var(--mod-card-content-mx));--_card-content-ml:var(--card-content-ml, var(--mod-card-content-ml));--_card-content-mr:var(--card-content-mr, var(--mod-card-content-mr));--_card-content-mt:var(--card-content-mt, var(--mod-card-content-mt));--_card-content-mb:var(--card-content-mb, var(--mod-card-content-mb));margin:var(--_card-content-m);margin-inline:var(--_card-content-mx);margin-block:var(--_card-content-my);margin-left:var(--_card-content-ml);margin-right:var(--_card-content-mr);margin-top:var(--_card-content-mt);margin-bottom:var(--_card-content-mb);display:block;margin:var(--_card-content-m);margin-inline:var(--_card-content-mx);margin-block:var(--_card-content-my);margin-left:var(--_card-content-ml);margin-right:var(--_card-content-mr);margin-top:var(--_card-content-mt);margin-bottom:var(--_card-content-mb);position:var(--_card-content-position);top:var(--_card-content-top);right:var(--_card-content-right);bottom:var(--_card-content-bottom);left:var(--_card-content-left)}:host{font-family:var(--ds-alias-text-family-text);font-weight:var(--ds-alias-text-weight-regular)}:host strong,:host b{font-weight:var(--ds-alias-text-weight-bold)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host ds-heading{font-family:var(--ds-alias-text-family-heading);font-weight:var(--ds-alias-text-weight-bold)}:host h1.ds-subtitle,:host h2.ds-subtitle,:host h3.ds-subtitle,:host h4.ds-subtitle,:host h5.ds-subtitle,:host h6.ds-subtitle,:host ds-heading.ds-subtitle{font-weight:var(--ds-alias-text-weight-light)}:host .ds-subtitle{font-weight:var(--ds-alias-text-weight-light)}:host h1,:host [role=heading][aria-level="1"]{font-size:var(--ds-heading-level-1-font-size);line-height:var(--ds-heading-level-1-line-height)}:host h2,:host [role=heading][aria-level="2"]{font-size:var(--ds-heading-level-2-font-size);line-height:var(--ds-heading-level-2-line-height)}:host h3,:host [role=heading][aria-level="3"]{font-size:var(--ds-heading-level-3-font-size);line-height:var(--ds-heading-level-3-line-height)}:host h4,:host [role=heading][aria-level="4"]{font-size:var(--ds-heading-level-4-font-size);line-height:var(--ds-heading-level-4-line-height)}:host h5,:host [role=heading][aria-level="5"]{font-size:var(--ds-heading-level-5-font-size);line-height:var(--ds-heading-level-5-line-height)}:host ds-heading:not(:last-child),:host h1:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-xs)}:host h1:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-xs)}:host h2:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-xs)}:host h2:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-xs)}:host h3:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-xs)}:host h3:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-xs)}:host h4:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-xs)}:host h4:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-xs)}:host h5:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-2xs)}:host h5:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-2xs)}:host ds-text:not(:last-child),:host p.ds-text:not(:last-child){--text-mb:var(--ds-device-space-base)}:host p:not(.ds-text,:last-child){margin-bottom:var(--ds-device-space-base)}:host>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p.ds-text,:host>:is(h1,h2,h3,h4,h5,h6,ds-heading)+ds-text{--text-mt:var(--ds-device-space-base)}:host>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p:not(.ds-text,ds-text){margin-top:var(--ds-device-space-base)}:host{color:var(--_card-color-text)}';export{i as ds_card_content}
+import{D as t,F as e,G as a,I as n}from"./p-BZEWgXed.js";import{_ as s,L as d,a as o}from"./p-BZsCW9yV.js";const i=class{constructor(e){t(this,e)}createLogger(t){this.log=t}render(){return e(a,{key:"fa291737910745721236d14e38c54e7bf351b85e"},e("slot",{key:"c1446e3210223e5bfeddbffe1faea35b81cd6922"}))}get el(){return n(this)}};s([d("card-content"),o("design:type",Function),o("design:paramtypes",[Function]),o("design:returntype",void 0)],i.prototype,"createLogger",null),i.style=':host{--_card-content-position:var(--card-content-position, var(--mod-card-content-position, static));--_card-content-top:var(--card-content-top, var(--mod-card-content-top));--_card-content-right:var(--card-content-right, var(--mod-card-content-right));--_card-content-bottom:var(--card-content-bottom, var(--mod-card-content-bottom));--_card-content-left:var(--card-content-left, var(--mod-card-content-left));position:var(--_card-content-position);top:var(--_card-content-top);right:var(--_card-content-right);bottom:var(--_card-content-bottom);left:var(--_card-content-left);--_card-content-m:var(--card-content-m, var(--mod-card-content-m, 0));--_card-content-my:var(--card-content-my, var(--mod-card-content-my));--_card-content-mx:var(--card-content-mx, var(--mod-card-content-mx));--_card-content-ml:var(--card-content-ml, var(--mod-card-content-ml));--_card-content-mr:var(--card-content-mr, var(--mod-card-content-mr));--_card-content-mt:var(--card-content-mt, var(--mod-card-content-mt));--_card-content-mb:var(--card-content-mb, var(--mod-card-content-mb));margin:var(--_card-content-m);margin-inline:var(--_card-content-mx);margin-block:var(--_card-content-my);margin-left:var(--_card-content-ml);margin-right:var(--_card-content-mr);margin-top:var(--_card-content-mt);margin-bottom:var(--_card-content-mb);display:block;margin:var(--_card-content-m);margin-inline:var(--_card-content-mx);margin-block:var(--_card-content-my);margin-left:var(--_card-content-ml);margin-right:var(--_card-content-mr);margin-top:var(--_card-content-mt);margin-bottom:var(--_card-content-mb);position:var(--_card-content-position);top:var(--_card-content-top);right:var(--_card-content-right);bottom:var(--_card-content-bottom);left:var(--_card-content-left)}:host{font-family:var(--ds-alias-text-family-text);font-weight:var(--ds-alias-text-weight-regular)}:host strong,:host b{font-weight:var(--ds-alias-text-weight-bold)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6,:host ds-heading{font-family:var(--ds-alias-text-family-heading);font-weight:var(--ds-alias-text-weight-bold)}:host h1.ds-subtitle,:host h2.ds-subtitle,:host h3.ds-subtitle,:host h4.ds-subtitle,:host h5.ds-subtitle,:host h6.ds-subtitle,:host ds-heading.ds-subtitle{font-weight:var(--ds-alias-text-weight-light)}:host .ds-subtitle{font-weight:var(--ds-alias-text-weight-light)}:host h1,:host [role=heading][aria-level="1"]{font-size:var(--ds-heading-level-1-font-size);line-height:var(--ds-heading-level-1-line-height)}:host h2,:host [role=heading][aria-level="2"]{font-size:var(--ds-heading-level-2-font-size);line-height:var(--ds-heading-level-2-line-height)}:host h3,:host [role=heading][aria-level="3"]{font-size:var(--ds-heading-level-3-font-size);line-height:var(--ds-heading-level-3-line-height)}:host h4,:host [role=heading][aria-level="4"]{font-size:var(--ds-heading-level-4-font-size);line-height:var(--ds-heading-level-4-line-height)}:host h5,:host [role=heading][aria-level="5"]{font-size:var(--ds-heading-level-5-font-size);line-height:var(--ds-heading-level-5-line-height)}:host ds-heading:not(:last-child),:host h1:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-xs)}:host h1:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-xs)}:host h2:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-xs)}:host h2:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-xs)}:host h3:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-xs)}:host h3:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-xs)}:host h4:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-xs)}:host h4:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-xs)}:host h5:is(.ds-title,.ds-subtitle,.ds-heading):not(:last-child){--heading-mb:var(--ds-device-space-2xs)}:host h5:not(.ds-title,.ds-subtitle,.ds-heading,:last-child){margin-bottom:var(--ds-device-space-2xs)}:host ds-text:not(:last-child),:host p.ds-text:not(:last-child){--text-mb:var(--ds-device-space-base)}:host p:not(.ds-text,:last-child){margin-bottom:var(--ds-device-space-base)}:host>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p.ds-text,:host>:is(h1,h2,h3,h4,h5,h6,ds-heading)+ds-text{--text-mt:var(--ds-device-space-base)}:host>:is(h1,h2,h3,h4,h5,h6,ds-heading)+p:not(.ds-text,ds-text){margin-top:var(--ds-device-space-base)}:host{color:var(--_card-color-text)}';export{i as ds_card_content}

package/dist/design-system/p-9705c44121.entry.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
+ */
+import{D as o,F as t,G as r,I as e,J as n,x as d}from"./p-BZEWgXed.js";import{_ as i,L as a,a as s}from"./p-BZsCW9yV.js";import{h as b}from"./p-BYD3IPs8.js";import{f as c,s as l}from"./p-DFgZk16R.js";import{c as v,d as u,e as h,f as m,g,B as p,h as k}from"./p-B2Xeuprg.js";import{T as x}from"./p-BaZBnuEF.js";import{O as f}from"./p-DE5aqD5-.js";import{a as y}from"./p-Bo-aKWH3.js";import{i as w}from"./p-ChyhE5ro.js";import{R as _}from"./p-Dd1T3Uhf.js";import{i as z}from"./p-HeR2XrjO.js";import{L as B}from"./p-reH0cIhP.js";import"./p-C0WbBTf4.js";const j=class{constructor(t){o(this,t),this._fetchedSrc="",this.svgContent="",this.svg="",this.src="",this.tile=!1,this.disabled=!1,this.invalid=!1,this.generateSvgContent=async()=>{if(this.src&&this.src!==this._fetchedSrc)return this._fetchedSrc=this.src,void(this.svgContent=await c(this.src));if(this.svg){const o=l(this.svg);o!==this.svgContent&&(this.svgContent=o)}}}createLogger(o){this.log=o}connectedCallback(){this.generateSvgContent()}async componentWillRender(){await this.generateSvgContent()}render(){return t(r,{key:"3e15d3aa7a3983c18904b64dca52df79bbb3231e","aria-hidden":"true",class:{[`is-${this.color}`]:b(this.color),[`is-${this.size}`]:b(this.size),"is-tile":this.tile,"is-disabled":this.disabled,"is-invalid":this.invalid}},t("div",{key:"e58eac2807533fb1efea2cc0a26da5f729be7a82",id:"inner",part:"inner",innerHTML:this.svgContent}))}get el(){return e(this)}};i([a("brand-icon"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],j.prototype,"createLogger",null),i([x("string"),s("design:type",String)],j.prototype,"svg",void 0),i([x("string"),s("design:type",String)],j.prototype,"src",void 0),i([f(v),s("design:type",Object)],j.prototype,"size",void 0),i([f(u),s("design:type",Object)],j.prototype,"color",void 0),i([x("boolean"),s("design:type",Boolean)],j.prototype,"tile",void 0),i([x("boolean"),s("design:type",Boolean)],j.prototype,"disabled",void 0),i([x("boolean"),s("design:type",Boolean)],j.prototype,"invalid",void 0),j.style=':host{--_brand-icon-position:var(--brand-icon-position, var(--mod-brand-icon-position, static));--_brand-icon-top:var(--brand-icon-top, var(--mod-brand-icon-top));--_brand-icon-right:var(--brand-icon-right, var(--mod-brand-icon-right));--_brand-icon-bottom:var(--brand-icon-bottom, var(--mod-brand-icon-bottom));--_brand-icon-left:var(--brand-icon-left, var(--mod-brand-icon-left));position:var(--_brand-icon-position);top:var(--_brand-icon-top);right:var(--_brand-icon-right);bottom:var(--_brand-icon-bottom);left:var(--_brand-icon-left);--_brand-icon-m:var(--brand-icon-m, var(--mod-brand-icon-m, 0));--_brand-icon-my:var(--brand-icon-my, var(--mod-brand-icon-my));--_brand-icon-mx:var(--brand-icon-mx, var(--mod-brand-icon-mx));--_brand-icon-ml:var(--brand-icon-ml, var(--mod-brand-icon-ml));--_brand-icon-mr:var(--brand-icon-mr, var(--mod-brand-icon-mr));--_brand-icon-mt:var(--brand-icon-mt, var(--mod-brand-icon-mt));--_brand-icon-mb:var(--brand-icon-mb, var(--mod-brand-icon-mb));margin:var(--_brand-icon-m);margin-inline:var(--_brand-icon-mx);margin-block:var(--_brand-icon-my);margin-left:var(--_brand-icon-ml);margin-right:var(--_brand-icon-mr);margin-top:var(--_brand-icon-mt);margin-bottom:var(--_brand-icon-mb);--_brand-icon-size:var(--brand-icon-size, var(--mod-brand-icon-size, var(--ds-brand-icon-size-base)));--_brand-icon-inner-size:var(--brand-icon-inner-size, var(--mod-brand-icon-inner-size, var(--ds-brand-icon-size-base)));--_brand-icon-inner-mt:var(--brand-icon-inner-mt, var(--mod-brand-icon-inner-mt, 0));--_brand-icon-color-background:var(--brand-icon-color-background, var(--mod-brand-icon-color-background, var(--ds-brand-icon-color-purple-background)));--_brand-icon-color-level-1:var(--brand-icon-color-level-1, var(--mod-brand-icon-color-level-1, var(--ds-brand-icon-color-purple-level1)));--_brand-icon-color-level-2:var(--brand-icon-color-level-2, var(--mod-brand-icon-color-level-2, var(--ds-brand-icon-color-purple-level2)));--_brand-icon-color-level-3:var(--brand-icon-color-level-3, var(--mod-brand-icon-color-level-3, var(--ds-brand-icon-color-purple-level3)));--_brand-icon-tile-size:var(--brand-icon-tile-size, var(--mod-brand-icon-tile-size, var(--ds-brand-icon-tile-size-base-mobile)));--_brand-icon-tile-size-tablet:var(--brand-icon-tile-size-tablet, var(--mod-brand-icon-tile-size-tablet, var(--ds-brand-icon-tile-size-base-tablet)));--_brand-icon-tile-size-desktop:var(--brand-icon-tile-size-desktop, var(--mod-brand-icon-tile-size-desktop, var(--ds-brand-icon-tile-size-base-desktop)));--_brand-icon-tile-color-background:var(--brand-icon-tile-color-background, var(--mod-brand-icon-tile-color-background, var(--ds-brand-icon-tile-color-purple)));--_brand-icon-tile-radius:var(--brand-icon-tile-radius, var(--mod-brand-icon-tile-radius, var(--ds-brand-icon-tile-radius)))}:host{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;display:-ms-inline-flexbox;display:inline-flex;position:relative;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;vertical-align:middle;pointer-events:visible;width:var(--_brand-icon-size);height:var(--_brand-icon-size);max-height:var(--_brand-icon-size)}:host #inner{display:block;position:static;z-index:1;-webkit-transition:-webkit-transform .2s ease-in-out;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out, -webkit-transform .2s ease-in-out;margin-top:var(--_brand-icon-inner-mt);width:var(--_brand-icon-inner-size);height:var(--_brand-icon-inner-size);max-height:var(--_brand-icon-inner-size)}:host #inner svg{vertical-align:top;fill:var(--_brand-icon-color-level-1)}:host #inner svg * [fill="#000d6e"]{fill:var(--_brand-icon-color-level-1)}:host #inner svg * [fill="#fa9319"],:host #inner svg * [fill="#d9304c"],:host #inner svg * [fill="#1b5951"],:host #inner svg * [fill="#6c2273"]{fill:var(--_brand-icon-color-level-2)}:host #inner svg * [fill="#fae052"],:host #inner svg * [fill="#ffaca6"],:host #inner svg * [fill="#b8b2ff"],:host #inner svg * [fill="#94e3d4"]{fill:var(--_brand-icon-color-level-3)}:host(.is-tile){background:var(--_brand-icon-color-background);border-radius:var(--_brand-icon-tile-radius);height:var(--_brand-icon-tile-size);--mod-brand-icon-size:var(--_brand-icon-tile-size);--mod-brand-icon-inner-size:var(--_brand-icon-tile-size)}@media screen and (min-width: 769px){:host(.is-tile){height:var(--_brand-icon-tile-size-tablet);--mod-brand-icon-size:var(--_brand-icon-tile-size-tablet);--mod-brand-icon-inner-size:var(--_brand-icon-tile-size-tablet)}}@media screen and (min-width: 1024px){:host(.is-tile){height:var(--_brand-icon-tile-size-desktop);--mod-brand-icon-size:var(--_brand-icon-tile-size-desktop);--mod-brand-icon-inner-size:var(--_brand-icon-tile-size-desktop)}}:host(.is-sm:not(.is-tile)){--mod-brand-icon-size:var(--ds-brand-icon-size-sm);--mod-brand-icon-inner-size:var(--ds-brand-icon-size-sm)}:host(.is-sm.is-tile){--mod-brand-icon-tile-size:var(--ds-brand-icon-tile-size-sm-mobile);--mod-brand-icon-tile-size-tablet:var(--ds-brand-icon-tile-size-sm-tablet);--mod-brand-icon-tile-size-desktop:var(--ds-brand-icon-tile-size-sm-desktop)}:host(.is-lg:not(.is-tile)){--mod-brand-icon-size:var(--ds-brand-icon-size-lg);--mod-brand-icon-inner-size:var(--ds-brand-icon-size-lg)}:host(.is-lg.is-tile){--mod-brand-icon-tile-size:var(--ds-brand-icon-tile-size-lg-mobile);--mod-brand-icon-tile-size-tablet:var(--ds-brand-icon-tile-size-lg-tablet);--mod-brand-icon-tile-size-desktop:var(--ds-brand-icon-tile-size-lg-desktop)}:host(.is-purple:not(.is-disabled,.is-invalid)){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-purple-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-purple-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-purple-level3)}:host(.is-purple.is-tile:not(.is-disabled,.is-invalid)){--mod-brand-icon-color-background:var(--ds-brand-icon-color-purple-background)}:host(.is-red:not(.is-disabled,.is-invalid)){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-red-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-red-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-red-level3)}:host(.is-red.is-tile:not(.is-disabled,.is-invalid)){--mod-brand-icon-color-background:var(--ds-brand-icon-color-red-background)}:host(.is-green:not(.is-disabled,.is-invalid)){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-green-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-green-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-green-level3)}:host(.is-green.is-tile:not(.is-disabled,.is-invalid)){--mod-brand-icon-color-background:var(--ds-brand-icon-color-green-background)}:host(.is-yellow:not(.is-disabled,.is-invalid)){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-yellow-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-yellow-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-yellow-level3)}:host(.is-yellow.is-tile:not(.is-disabled,.is-invalid)){--mod-brand-icon-color-background:var(--ds-brand-icon-color-yellow-background)}:host(.is-disabled){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-disabled-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-disabled-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-disabled-level3)}:host(.is-disabled.is-tile){--mod-brand-icon-color-background:var(--ds-brand-icon-color-disabled-background)}:host(.is-invalid){--mod-brand-icon-color-level-1:var(--ds-brand-icon-color-invalid-level1);--mod-brand-icon-color-level-2:var(--ds-brand-icon-color-invalid-level2);--mod-brand-icon-color-level-3:var(--ds-brand-icon-color-invalid-level3)}:host(.is-invalid.is-tile){--mod-brand-icon-color-background:var(--ds-brand-icon-color-invalid-background)}';const C=class{constructor(t){o(this,t),this.dsClick=n(this,"dsClick"),this.dsNavigate=n(this,"dsNavigate"),this.dsFocus=n(this,"dsFocus"),this.dsBlur=n(this,"dsBlur"),this.dsDidRender=n(this,"dsDidRender"),t.$hostElement$["s-ei"]?this.internals=t.$hostElement$["s-ei"]:(this.internals=t.$hostElement$.attachInternals(),t.$hostElement$["s-ei"]=this.internals),this.inheritAttributes={},this.color="primary",this.elementType="button",this.disabled=!1,this.href="",this.target="_self",this.rel="",this.download="",this.shadow=!1,this.square=!1,this.wide=!1,this.flat=!1,this.outlined=!1,this.inverted=!1,this.loading=!1,this.icon="",this.iconTurn=!1,this.iconRight="",this.brandIcon="",this.noWrap=!1,this.name="",this.value="",this.a11yControls="",this.a11yCurrent="",this.a11yTitle="",this.a11yLabel="",this.a11yHaspopup="",this.handleHostClick=o=>{this.disabled&&(o.preventDefault(),o.stopPropagation())},this.handleFocus=()=>{this.dsFocus.emit()},this.handleBlur=()=>{this.dsBlur.emit()},this.handleClick=o=>{var t,r;this.disabled||("submit"===this.elementType&&(null===(t=this.internals.form)||void 0===t||t.requestSubmit()),"reset"===this.elementType&&(null===(r=this.internals.form)||void 0===r||r.reset()),this.dsClick.emit(o),b(this.href)&&this.dsNavigate.emit(o))}}createLogger(o){this.log=o}componentWillLoad(){this.inheritAttributes=w(this.el,["title","aria-label","aria-controls","aria-current","aria-hidden","tabindex","aria-haspopup"]),!this.a11yCurrent&&this.inheritAttributes["aria-current"]&&(this.a11yCurrent=this.inheritAttributes["aria-current"]),delete this.inheritAttributes["aria-current"],this.el.hasAttribute("ds-popup")&&!this.a11yHaspopup&&(this.a11yHaspopup="true")}componentDidRender(){this.dsDidRender.emit()}listenToClick(o){this.disabled&&o.target&&o.target===this.el&&(o.preventDefault(),o.stopPropagation())}get isIconInverted(){return this.inverted}get hasBrandIcon(){return b(this.brandIcon)}get isBrandIconSvg(){return this.brandIcon.trim().startsWith("<")}get brandIconColor(){const o=this.color.match(/^brand-(purple|red|yellow|green)$/);return o?o[1]:void 0}get leftIconAttrs(){return!b(this.icon)||this.loading?{style:{display:"none"}}:{}}get leftRightAttrs(){return!b(this.iconRight)||this.loading?{style:{display:"none"}}:{}}get loadingAttrs(){return this.loading?{}:{style:{display:"none"}}}render(){const{elementType:o,download:e,href:n,rel:d,target:i,name:a,value:s}=this,c=this.size||void 0,l=b(this.href)?"a":"button",v="button"===l?{type:o,name:a,value:s}:{download:e,href:n,rel:d,target:i},u={title:this.a11yTitle||this.inheritAttributes.title,"aria-label":this.a11yLabel||this.inheritAttributes["aria-label"]||this.a11yTitle||this.inheritAttributes.title,"aria-controls":this.a11yControls||this.inheritAttributes["aria-controls"],"aria-current":this.a11yCurrent||void 0,"aria-haspopup":this.a11yHaspopup||this.inheritAttributes["aria-haspopup"]};return t(r,{key:"bda96892dc1306808ad72ca435039288a9b76191",onClick:this.handleHostClick,class:{"is-wide":this.wide,[`is-${this.color||"primary"}`]:!0,[`is-${c}`]:b(c),"is-inverted":this.inverted,"is-disabled":this.disabled,"is-loading":this.loading,"is-flat":this.flat,"is-square":this.square,"has-shadow":this.shadow,"has-no-wrap":this.noWrap,"has-brand-icon":this.hasBrandIcon}},t(l,Object.assign({key:"2cdaa76bd97078354293eebd6b028b1272812907"},v,this.inheritAttributes,{type:this.elementType,id:"button",part:"native",disabled:this.disabled||this.loading,onFocus:this.handleFocus,onBlur:this.handleBlur,onClick:this.handleClick,"aria-busy":y(!!this.loading),"aria-disabled":y(this.disabled||this.loading)},u),this.loading?t("ds-spinner",Object.assign({},this.loadingAttrs,{part:"spinner",size:"sm",deactivated:!this.loading})):"",this.hasBrandIcon?t("ds-brand-icon",{part:"icon",svg:this.isBrandIconSvg?this.brandIcon:"",src:this.isBrandIconSvg?"":this.brandIcon,size:this.brandSize,color:this.brandIconColor}):b(this.icon)?t("ds-icon",Object.assign({},this.leftIconAttrs,{part:"icon",class:this.square?"":"icon-left",name:this.icon,size:c,turn:this.iconTurn,inverted:this.isIconInverted})):"",t("span",{key:"055c9a82511c44ea3035c9418d902f18e86209e0",part:"label"},t("slot",{key:"0c811c3be953c3c52ae78d5df91458be89c174ee"})),!this.hasBrandIcon&&b(this.iconRight)?t("ds-icon",Object.assign({},this.leftRightAttrs,{part:"icon-right",class:"icon-right",name:this.iconRight,size:"sm",turn:this.iconTurn,inverted:this.isIconInverted})):""))}static get formAssociated(){return!0}get el(){return e(this)}};i([a("button"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],C.prototype,"createLogger",null),i([f(h),s("design:type",String)],C.prototype,"color",void 0),i([_(),f(m),s("design:type",String)],C.prototype,"elementType",void 0),i([x("boolean"),s("design:type",Boolean)],C.prototype,"disabled",void 0),i([f(g),s("design:type",Object)],C.prototype,"size",void 0),i([x("string"),s("design:type",String)],C.prototype,"href",void 0),i([_(),f(p),s("design:type",String)],C.prototype,"target",void 0),i([x("string"),s("design:type",String)],C.prototype,"rel",void 0),i([x("string"),s("design:type",String)],C.prototype,"download",void 0),i([x("boolean"),s("design:type",Boolean)],C.prototype,"shadow",void 0),i([x("boolean"),s("design:type",Boolean)],C.prototype,"square",void 0),i([x("boolean"),s("design:type",Boolean)],C.prototype,"wide",void 0),i([x("boolean"),s("design:type",Boolean)],C.prototype,"flat",void 0),i([x("boolean"),s("design:type",Boolean)],C.prototype,"outlined",void 0),i([x("boolean"),s("design:type",Boolean)],C.prototype,"inverted",void 0),i([x("boolean"),s("design:type",Boolean)],C.prototype,"loading",void 0),i([x("string"),s("design:type",String)],C.prototype,"icon",void 0),i([x("boolean"),s("design:type",Boolean)],C.prototype,"iconTurn",void 0),i([x("string"),s("design:type",String)],C.prototype,"iconRight",void 0),i([x("string"),s("design:type",String)],C.prototype,"brandIcon",void 0),i([f(k),s("design:type",Object)],C.prototype,"brandSize",void 0),i([x("boolean"),s("design:type",Boolean)],C.prototype,"noWrap",void 0),i([x("string"),s("design:type",String)],C.prototype,"name",void 0),i([x("string"),s("design:type",String)],C.prototype,"value",void 0),i([x("string"),s("design:type",String)],C.prototype,"a11yControls",void 0),i([x("string"),s("design:type",String)],C.prototype,"a11yCurrent",void 0),i([x("string"),s("design:type",String)],C.prototype,"a11yTitle",void 0),i([x("string"),s("design:type",String)],C.prototype,"a11yLabel",void 0),i([x("string"),s("design:type",String)],C.prototype,"a11yHaspopup",void 0),C.style=":host{--_button-position:var(--button-position, var(--mod-button-position, static));--_button-top:var(--button-top, var(--mod-button-top));--_button-right:var(--button-right, var(--mod-button-right));--_button-bottom:var(--button-bottom, var(--mod-button-bottom));--_button-left:var(--button-left, var(--mod-button-left));position:var(--_button-position);top:var(--_button-top);right:var(--_button-right);bottom:var(--_button-bottom);left:var(--_button-left);--_button-m:var(--button-m, var(--mod-button-m, 0));--_button-my:var(--button-my, var(--mod-button-my));--_button-mx:var(--button-mx, var(--mod-button-mx));--_button-ml:var(--button-ml, var(--mod-button-ml));--_button-mr:var(--button-mr, var(--mod-button-mr));--_button-mt:var(--button-mt, var(--mod-button-mt));--_button-mb:var(--button-mb, var(--mod-button-mb));margin:var(--_button-m);margin-inline:var(--_button-mx);margin-block:var(--_button-my);margin-left:var(--_button-ml);margin-right:var(--_button-mr);margin-top:var(--_button-mt);margin-bottom:var(--_button-mb);--_button-font-family:var(--button-font-family, var(--mod-button-font-family, var(--ds-button-size-base-font-family)));--_button-font-weight:var(--button-font-weight, var(--mod-button-font-weight, var(--ds-button-size-base-font-weight)));--_button-font-size:var(--button-font-size, var(--mod-button-font-size, var(--ds-button-size-base-font-size)));--_button-line-height:var(--button-line-height, var(--mod-button-line-height, var(--ds-button-size-base-line-height)));--_button-radius:var(--button-radius, var(--mod-button-radius, var(--ds-button-size-base-radius)));--_button-color-text:var(--button-color-text, var(--mod-button-color-text, var(--ds-button-color-primary-base-text)));--_button-color-border:var(--button-color-border, var(--mod-button-color-border, var(--ds-button-color-primary-base-border)));--_button-color-background:var(--button-color-background, var(--mod-button-color-background, var(--ds-button-color-primary-base-background)));--_button-color-text-hover:var(--button-color-text-hover, var(--mod-button-color-text-hover, var(--ds-button-color-primary-hover-text)));--_button-color-border-hover:var(--button-color-border-hover, var(--mod-button-color-border-hover, var(--ds-button-color-primary-hover-border)));--_button-color-background-hover:var(--button-color-background-hover, var(--mod-button-color-background-hover, var(--ds-button-color-primary-hover-background)));--_button-color-text-active:var(--button-color-text-active, var(--mod-button-color-text-active, var(--ds-button-color-primary-active-text)));--_button-color-border-active:var(--button-color-border-active, var(--mod-button-color-border-active, var(--ds-button-color-primary-active-border)));--_button-color-background-active:var(--button-color-background-active, var(--mod-button-color-background-active, var(--ds-button-color-primary-active-background)));--_button-width:var(--button-width, var(--mod-button-width, fit-content));--_button-gap:var(--button-gap, var(--mod-button-gap, var(--ds-button-size-base-gap)));--_button-min-height:var(--button-min-height, var(--mod-button-min-height, var(--ds-button-size-base-min-height)));--_button-min-width:var(--button-min-width, var(--mod-button-min-width, var(--ds-button-size-base-min-width)));--_button-px:var(--button-px, var(--mod-button-px, var(--ds-button-size-base-padding-x)));--_button-box-shadow:var(--button-box-shadow, var(--mod-button-box-shadow, none));--_button-text-shadow:var(--button-text-shadow, var(--mod-button-text-shadow, none));--_button-focus-shadow:var(--button-focus-shadow, var(--mod-button-focus-shadow, var(--ds-alias-interaction-focus-color-base)))}#button{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media print{#button{display:none !important}}#button{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;vertical-align:middle;cursor:pointer;word-break:normal;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-box-shadow:var(--_button-box-shadow);box-shadow:var(--_button-box-shadow);text-shadow:var(--_button-text-shadow);-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);font-size:var(--_button-font-size);font-family:var(--_button-font-family);font-weight:var(--_button-font-weight);line-height:var(--_button-line-height);border-radius:var(--_button-radius);width:var(--_button-width, -webkit-fit-content);width:var(--_button-width, -moz-fit-content);width:var(--_button-width, fit-content);min-width:var(--_button-min-width);min-height:var(--_button-min-height);gap:var(--_button-gap);padding-inline:var(--_button-px);background-color:var(--_button-color-background);color:var(--_button-color-text);border:var(--_button-color-border)}#button::-moz-focus-inner{border:0}#button{--spinner-logo-size:1.5rem;--icon-color:var(--_button-color-text)}#button:focus,#button:active{outline:none}@media (hover: hover)and (pointer: fine){#button:focus-visible:not(:active),#button.is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_button-focus-shadow) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_button-focus-shadow) 0 0 0 5px !important}}@media (hover: hover)and (pointer: fine){#button:hover,#button.is-hovered{--icon-color:var(--_button-color-text-hover);color:var(--_button-color-text-hover);background-color:var(--_button-color-background-hover);border:var(--_button-color-border-hover)}}#button:active,#button.is-pressed{--icon-color:var(--_button-color-text-active);background-color:var(--_button-color-background-active);color:var(--_button-color-text-active);border:var(--_button-color-border-active);translate:0 .5px}:host(.is-wide){width:100%;-ms-flex:1 1 auto;flex:1 1 auto}:host(.is-wide) #button{width:100%;-ms-flex:1 1 auto;flex:1 1 auto}:host(.has-brand-icon){-ms-flex-direction:column;flex-direction:column;text-align:center}:host(.has-brand-icon) #button{-ms-flex-direction:column;flex-direction:column;text-align:center;padding:calc(var(--ds-button-size-base-padding-x)/2)}@media screen and (min-width: 769px){:host(.has-brand-icon) #button{padding:calc(var(--ds-button-size-base-padding-x))}}:host(.is-link) #button{text-decoration:underline;text-underline-offset:.25rem;text-decoration-thickness:var(--ds-link-underline-width)}:host ::slotted(ds-badge),:host ::slotted(.ds-badge){--badge-position:absolute;--badge-top:-0.5rem;--badge-right:-0.5rem}:host(.is-primary:not(.is-inverted):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-primary-base-text);--mod-button-color-background:var(--ds-button-color-primary-base-background);--mod-button-color-border:var(--ds-button-color-primary-base-border);--mod-button-color-text-hover:var(--ds-button-color-primary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-primary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-primary-hover-border);--mod-button-color-text-active:var(--ds-button-color-primary-active-text);--mod-button-color-background-active:var(--ds-button-color-primary-active-background);--mod-button-color-border-active:var(--ds-button-color-primary-active-border)}:host(.is-secondary:not(.is-inverted):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-secondary-base-text);--mod-button-color-background:var(--ds-button-color-secondary-base-background);--mod-button-color-border:var(--ds-button-color-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-secondary-active-border)}:host(.is-tertiary:not(.is-inverted):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-tertiary-base-text);--mod-button-color-background:var(--ds-button-color-tertiary-base-background);--mod-button-color-border:var(--ds-button-color-tertiary-base-border);--mod-button-color-text-hover:var(--ds-button-color-tertiary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-tertiary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-tertiary-hover-border);--mod-button-color-text-active:var(--ds-button-color-tertiary-active-text);--mod-button-color-background-active:var(--ds-button-color-tertiary-active-background);--mod-button-color-border-active:var(--ds-button-color-tertiary-active-border)}:host(.is-ghost:not(.is-inverted):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-ghost-base-text);--mod-button-color-background:var(--ds-button-color-ghost-base-background);--mod-button-color-border:var(--ds-button-color-ghost-base-border);--mod-button-color-text-hover:var(--ds-button-color-ghost-hover-text);--mod-button-color-background-hover:var(--ds-button-color-ghost-hover-background);--mod-button-color-border-hover:var(--ds-button-color-ghost-hover-border);--mod-button-color-text-active:var(--ds-button-color-ghost-active-text);--mod-button-color-background-active:var(--ds-button-color-ghost-active-background);--mod-button-color-border-active:var(--ds-button-color-ghost-active-border)}:host(.is-brand-purple:not(.is-inverted):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-brand-purple-base-text);--mod-button-color-background:var(--ds-button-color-brand-purple-base-background);--mod-button-color-border:var(--ds-button-color-brand-purple-base-border);--mod-button-color-text-hover:var(--ds-button-color-brand-purple-hover-text);--mod-button-color-background-hover:var(--ds-button-color-brand-purple-hover-background);--mod-button-color-border-hover:var(--ds-button-color-brand-purple-hover-border);--mod-button-color-text-active:var(--ds-button-color-brand-purple-active-text);--mod-button-color-background-active:var(--ds-button-color-brand-purple-active-background);--mod-button-color-border-active:var(--ds-button-color-brand-purple-active-border)}:host(.is-brand-red:not(.is-inverted):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-brand-red-base-text);--mod-button-color-background:var(--ds-button-color-brand-red-base-background);--mod-button-color-border:var(--ds-button-color-brand-red-base-border);--mod-button-color-text-hover:var(--ds-button-color-brand-red-hover-text);--mod-button-color-background-hover:var(--ds-button-color-brand-red-hover-background);--mod-button-color-border-hover:var(--ds-button-color-brand-red-hover-border);--mod-button-color-text-active:var(--ds-button-color-brand-red-active-text);--mod-button-color-background-active:var(--ds-button-color-brand-red-active-background);--mod-button-color-border-active:var(--ds-button-color-brand-red-active-border)}:host(.is-brand-yellow:not(.is-inverted):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-brand-yellow-base-text);--mod-button-color-background:var(--ds-button-color-brand-yellow-base-background);--mod-button-color-border:var(--ds-button-color-brand-yellow-base-border);--mod-button-color-text-hover:var(--ds-button-color-brand-yellow-hover-text);--mod-button-color-background-hover:var(--ds-button-color-brand-yellow-hover-background);--mod-button-color-border-hover:var(--ds-button-color-brand-yellow-hover-border);--mod-button-color-text-active:var(--ds-button-color-brand-yellow-active-text);--mod-button-color-background-active:var(--ds-button-color-brand-yellow-active-background);--mod-button-color-border-active:var(--ds-button-color-brand-yellow-active-border)}:host(.is-brand-green:not(.is-inverted):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-brand-green-base-text);--mod-button-color-background:var(--ds-button-color-brand-green-base-background);--mod-button-color-border:var(--ds-button-color-brand-green-base-border);--mod-button-color-text-hover:var(--ds-button-color-brand-green-hover-text);--mod-button-color-background-hover:var(--ds-button-color-brand-green-hover-background);--mod-button-color-border-hover:var(--ds-button-color-brand-green-hover-border);--mod-button-color-text-active:var(--ds-button-color-brand-green-active-text);--mod-button-color-background-active:var(--ds-button-color-brand-green-active-background);--mod-button-color-border-active:var(--ds-button-color-brand-green-active-border)}:host(.is-info:not(.is-inverted):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-info-base-text);--mod-button-color-background:var(--ds-button-color-info-base-background);--mod-button-color-border:var(--ds-button-color-info-base-border);--mod-button-color-text-hover:var(--ds-button-color-info-hover-text);--mod-button-color-background-hover:var(--ds-button-color-info-hover-background);--mod-button-color-border-hover:var(--ds-button-color-info-hover-border);--mod-button-color-text-active:var(--ds-button-color-info-active-text);--mod-button-color-background-active:var(--ds-button-color-info-active-background);--mod-button-color-border-active:var(--ds-button-color-info-active-border)}:host(.is-success:not(.is-inverted):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-success-base-text);--mod-button-color-background:var(--ds-button-color-success-base-background);--mod-button-color-border:var(--ds-button-color-success-base-border);--mod-button-color-text-hover:var(--ds-button-color-success-hover-text);--mod-button-color-background-hover:var(--ds-button-color-success-hover-background);--mod-button-color-border-hover:var(--ds-button-color-success-hover-border);--mod-button-color-text-active:var(--ds-button-color-success-active-text);--mod-button-color-background-active:var(--ds-button-color-success-active-background);--mod-button-color-border-active:var(--ds-button-color-success-active-border)}:host(.is-warning:not(.is-inverted):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-warning-base-text);--mod-button-color-background:var(--ds-button-color-warning-base-background);--mod-button-color-border:var(--ds-button-color-warning-base-border);--mod-button-color-text-hover:var(--ds-button-color-warning-hover-text);--mod-button-color-background-hover:var(--ds-button-color-warning-hover-background);--mod-button-color-border-hover:var(--ds-button-color-warning-hover-border);--mod-button-color-text-active:var(--ds-button-color-warning-active-text);--mod-button-color-background-active:var(--ds-button-color-warning-active-background);--mod-button-color-border-active:var(--ds-button-color-warning-active-border)}:host(.is-danger:not(.is-inverted):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-danger-base-text);--mod-button-color-background:var(--ds-button-color-danger-base-background);--mod-button-color-border:var(--ds-button-color-danger-base-border);--mod-button-color-text-hover:var(--ds-button-color-danger-hover-text);--mod-button-color-background-hover:var(--ds-button-color-danger-hover-background);--mod-button-color-border-hover:var(--ds-button-color-danger-hover-border);--mod-button-color-text-active:var(--ds-button-color-danger-active-text);--mod-button-color-background-active:var(--ds-button-color-danger-active-background);--mod-button-color-border-active:var(--ds-button-color-danger-active-border)}:host(.is-link:not(.is-inverted):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-link-base-text);--mod-button-color-background:var(--ds-button-color-link-base-background);--mod-button-color-border:var(--ds-button-color-link-base-border);--mod-button-color-text-hover:var(--ds-button-color-link-hover-text);--mod-button-color-background-hover:var(--ds-button-color-link-hover-background);--mod-button-color-border-hover:var(--ds-button-color-link-hover-border);--mod-button-color-text-active:var(--ds-button-color-link-active-text);--mod-button-color-background-active:var(--ds-button-color-link-active-background);--mod-button-color-border-active:var(--ds-button-color-link-active-border)}:host(.is-text:not(.is-inverted):not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-text-base-text);--mod-button-color-background:var(--ds-button-color-text-base-background);--mod-button-color-border:var(--ds-button-color-text-base-border);--mod-button-color-text-hover:var(--ds-button-color-text-hover-text);--mod-button-color-background-hover:var(--ds-button-color-text-hover-background);--mod-button-color-border-hover:var(--ds-button-color-text-hover-border);--mod-button-color-text-active:var(--ds-button-color-text-active-text);--mod-button-color-background-active:var(--ds-button-color-text-active-background);--mod-button-color-border-active:var(--ds-button-color-text-active-border)}:host(.is-primary.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-brand-purple.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-brand-red.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-brand-yellow.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-brand-green.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-info.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-success.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-warning.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-danger.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-base-text);--mod-button-color-background:var(--ds-button-color-inverted-base-background);--mod-button-color-border:var(--ds-button-color-inverted-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-active-border)}:host(.is-secondary.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-secondary-base-text);--mod-button-color-background:var(--ds-button-color-inverted-secondary-base-background);--mod-button-color-border:var(--ds-button-color-inverted-secondary-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-secondary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-secondary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-secondary-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-secondary-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-secondary-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-secondary-active-border)}:host(.is-tertiary.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-tertiary-base-text);--mod-button-color-background:var(--ds-button-color-inverted-tertiary-base-background);--mod-button-color-border:var(--ds-button-color-inverted-tertiary-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-tertiary-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-tertiary-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-tertiary-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-tertiary-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-tertiary-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-tertiary-active-border)}:host(.is-ghost.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-ghost-base-text);--mod-button-color-background:var(--ds-button-color-inverted-ghost-base-background);--mod-button-color-border:var(--ds-button-color-inverted-ghost-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-ghost-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-ghost-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-ghost-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-ghost-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-ghost-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-ghost-active-border)}:host(.is-text.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-text-base-text);--mod-button-color-background:var(--ds-button-color-inverted-text-base-background);--mod-button-color-border:var(--ds-button-color-inverted-text-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-text-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-text-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-text-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-text-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-text-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-text-active-border)}:host(.is-link.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-color-text:var(--ds-button-color-inverted-link-base-text);--mod-button-color-background:var(--ds-button-color-inverted-link-base-background);--mod-button-color-border:var(--ds-button-color-inverted-link-base-border);--mod-button-color-text-hover:var(--ds-button-color-inverted-link-hover-text);--mod-button-color-background-hover:var(--ds-button-color-inverted-link-hover-background);--mod-button-color-border-hover:var(--ds-button-color-inverted-link-hover-border);--mod-button-color-text-active:var(--ds-button-color-inverted-link-active-text);--mod-button-color-background-active:var(--ds-button-color-inverted-link-active-background);--mod-button-color-border-active:var(--ds-button-color-inverted-link-active-border)}:host(.is-inverted:not(.is-disabled):not(.is-loading)){--mod-button-focus-shadow:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-sm){--mod-button-font-family:var(--ds-button-size-sm-font-family);--mod-button-font-weight:var(--ds-button-size-sm-font-weight);--mod-button-font-size:var(--ds-button-size-sm-font-size);--mod-button-line-height:var(--ds-button-size-sm-line-height);--mod-button-radius:var(--ds-button-size-sm-radius);--mod-button-gap:var(--ds-button-size-sm-gap);--mod-button-min-height:var(--ds-button-size-sm-min-height);--mod-button-min-width:var(--ds-button-size-sm-min-width);--mod-button-px:var(--ds-button-size-sm-padding-x)}:host(.is-lg){--mod-button-font-family:var(--ds-button-size-lg-font-family);--mod-button-font-weight:var(--ds-button-size-lg-font-weight);--mod-button-font-size:var(--ds-button-size-lg-font-size);--mod-button-line-height:var(--ds-button-size-lg-line-height);--mod-button-radius:var(--ds-button-size-lg-radius);--mod-button-gap:var(--ds-button-size-lg-gap);--mod-button-min-height:var(--ds-button-size-lg-min-height);--mod-button-min-width:var(--ds-button-size-lg-min-width);--mod-button-px:var(--ds-button-size-lg-padding-x)}:host(.is-flat){--mod-button-px:0;--mod-button-min-height:1.75rem}:host(.is-square:not(.is-sm)){--mod-button-px:0;--mod-button-gap:0;--mod-button-min-height:3rem;--mod-button-min-width:3rem;--icon-size:1.5rem}:host(.is-square.is-sm){--mod-button-px:0;--mod-button-gap:0;--mod-button-min-height:2rem;--mod-button-min-width:2rem;--icon-size:var(--ds-icon-size-sm)}:host(.has-shadow:not(.is-link):not(.is-ghost)){--mod-button-box-shadow:var(--ds-alias-shadow-box-base)}:host(.is-ghost.has-shadow),:host(.is-link.has-shadow){--mod-button-text-shadow:var(--ds-alias-shadow-text)}:host(.has-no-wrap){max-width:-webkit-fill-available;max-width:-moz-available;max-width:stretch}:host(.has-no-wrap) #button{display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:-webkit-fill-available;max-width:-moz-available;max-width:stretch}:host #button[disabled],:host #button[disabled]:hover,:host #button[disabled].is-hovered,:host #button[disabled]:active,:host #button[disabled].is-pressed,:host #button[disabled]:focus,:host #button[disabled].is-focused{pointer-events:none;opacity:1;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;cursor:default;translate:0 0;background-color:var(--ds-button-color-disabled-base-background);border:var(--ds-button-color-disabled-base-border);color:var(--ds-button-color-disabled-base-text)}:host #button[disabled]>ds-icon,:host #button[disabled]:hover>ds-icon,:host #button[disabled].is-hovered>ds-icon,:host #button[disabled]:active>ds-icon,:host #button[disabled].is-pressed>ds-icon,:host #button[disabled]:focus>ds-icon,:host #button[disabled].is-focused>ds-icon{--icon-color:var(--ds-button-color-disabled-base-text)}:host #button[disabled]>ds-spinner,:host #button[disabled]:hover>ds-spinner,:host #button[disabled].is-hovered>ds-spinner,:host #button[disabled]:active>ds-spinner,:host #button[disabled].is-pressed>ds-spinner,:host #button[disabled]:focus>ds-spinner,:host #button[disabled].is-focused>ds-spinner{--spinner-color:var(--ds-button-color-disabled-base-text)}:host #button[disabled]>ds-spinner.is-circle,:host #button[disabled]:hover>ds-spinner.is-circle,:host #button[disabled].is-hovered>ds-spinner.is-circle,:host #button[disabled]:active>ds-spinner.is-circle,:host #button[disabled].is-pressed>ds-spinner.is-circle,:host #button[disabled]:focus>ds-spinner.is-circle,:host #button[disabled].is-focused>ds-spinner.is-circle{--spinner-circle-color-border-background:var(--ds-global-color-grey-4);--spinner-circle-color-border-progress:var(--ds-button-color-disabled-base-text)}:host(.is-loading) #button,:host(.is-loading) #button:hover,:host(.is-loading) #button.is-hovered,:host(.is-loading) #button:active,:host(.is-loading) #button.is-pressed,:host(.is-loading) #button:focus,:host(.is-loading) #button.is-focused{pointer-events:none;opacity:1;-webkit-box-shadow:none;box-shadow:none;text-decoration:none;cursor:default;translate:0 0;background-color:var(--ds-button-color-disabled-base-background);border:var(--ds-button-color-disabled-base-border);color:var(--ds-button-color-disabled-base-text)}:host(.is-loading) #button>ds-icon,:host(.is-loading) #button:hover>ds-icon,:host(.is-loading) #button.is-hovered>ds-icon,:host(.is-loading) #button:active>ds-icon,:host(.is-loading) #button.is-pressed>ds-icon,:host(.is-loading) #button:focus>ds-icon,:host(.is-loading) #button.is-focused>ds-icon{--icon-color:var(--ds-button-color-disabled-base-text)}:host(.is-loading) #button>ds-spinner,:host(.is-loading) #button:hover>ds-spinner,:host(.is-loading) #button.is-hovered>ds-spinner,:host(.is-loading) #button:active>ds-spinner,:host(.is-loading) #button.is-pressed>ds-spinner,:host(.is-loading) #button:focus>ds-spinner,:host(.is-loading) #button.is-focused>ds-spinner{--spinner-color:var(--ds-button-color-disabled-base-text)}:host(.is-loading) #button>ds-spinner.is-circle,:host(.is-loading) #button:hover>ds-spinner.is-circle,:host(.is-loading) #button.is-hovered>ds-spinner.is-circle,:host(.is-loading) #button:active>ds-spinner.is-circle,:host(.is-loading) #button.is-pressed>ds-spinner.is-circle,:host(.is-loading) #button:focus>ds-spinner.is-circle,:host(.is-loading) #button.is-focused>ds-spinner.is-circle{--spinner-circle-color-border-background:var(--ds-global-color-grey-4);--spinner-circle-color-border-progress:var(--ds-button-color-disabled-base-text)}:host{display:inline-block;width:var(--_button-width)}:host #button{margin:0 !important;width:100%}";const S=class{constructor(t){o(this,t),this.language=d.language,this.region=d.region,this.inverted=!1,this.disabled=!1,this.button=!1}createLogger(o){this.log=o}async configChanged(o){this.language=o.language,this.region=o.region}render(){const o=z[this.language].close;return this.button?t(r,null,t("ds-button",{id:"close",part:"button",disabled:this.disabled,inverted:this.inverted,color:this.buttonColor,size:this.buttonSize},o)):t(r,{class:{[`is-${this.size}`]:b(this.size),"is-inverted":this.inverted,"is-disabled":this.disabled}},t("button",{id:"close",part:"button",type:"button","aria-label":o,title:o,tabindex:"0",disabled:this.disabled}))}get el(){return e(this)}};i([a("close"),s("design:type",Function),s("design:paramtypes",[Function]),s("design:returntype",void 0)],S.prototype,"createLogger",null),i([f(["sm","md"]),s("design:type",String)],S.prototype,"size",void 0),i([x("boolean"),s("design:type",Boolean)],S.prototype,"inverted",void 0),i([x("boolean"),s("design:type",Boolean)],S.prototype,"disabled",void 0),i([x("boolean"),s("design:type",Boolean)],S.prototype,"button",void 0),i([f(h),s("design:type",String)],S.prototype,"buttonColor",void 0),i([f(["sm","lg"]),s("design:type",String)],S.prototype,"buttonSize",void 0),i([B(),s("design:type",Function),s("design:paramtypes",[Object]),s("design:returntype",Promise)],S.prototype,"configChanged",null),S.style=":host{--_close-position:var(--close-position, var(--mod-close-position, static));--_close-top:var(--close-top, var(--mod-close-top));--_close-right:var(--close-right, var(--mod-close-right));--_close-bottom:var(--close-bottom, var(--mod-close-bottom));--_close-left:var(--close-left, var(--mod-close-left));position:var(--_close-position);top:var(--_close-top);right:var(--_close-right);bottom:var(--_close-bottom);left:var(--_close-left);--_close-m:var(--close-m, var(--mod-close-m, 0));--_close-my:var(--close-my, var(--mod-close-my));--_close-mx:var(--close-mx, var(--mod-close-mx));--_close-ml:var(--close-ml, var(--mod-close-ml));--_close-mr:var(--close-mr, var(--mod-close-mr));--_close-mt:var(--close-mt, var(--mod-close-mt));--_close-mb:var(--close-mb, var(--mod-close-mb));margin:var(--_close-m);margin-inline:var(--_close-mx);margin-block:var(--_close-my);margin-left:var(--_close-ml);margin-right:var(--_close-mr);margin-top:var(--_close-mt);margin-bottom:var(--_close-mb);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}@media print{:host{display:none !important}}:host{display:inline-block}button{--_close-color-background:var(--close-color-background, var(--mod-close-color-background, var(--ds-close-primary-color-background-base)));--_close-color-background-hover:var(--close-color-background-hover, var(--mod-close-color-background-hover, var(--ds-close-primary-color-background-hover)));--_close-color-background-active:var(--close-color-background-active, var(--mod-close-color-background-active, var(--ds-close-primary-color-background-active)));--_close-color-icon:var(--close-color-icon, var(--mod-close-color-icon, var(--ds-close-primary-color-icon-base)));--_close-color-focus:var(--close-color-focus, var(--mod-close-color-focus, var(--ds-alias-interaction-focus-color-base)));--_close-radius:var(--close-radius, var(--mod-close-radius, var(--ds-close-radius)));--_close-size-icon:var(--close-size-icon, var(--mod-close-size-icon, var(--ds-close-size-base)));--_close-p:var(--close-p, var(--mod-close-p, var(--ds-close-padding-base)));--_close-icon:var(--close-icon, var(--mod-close-icon, url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill-rule='evenodd' d='M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976311 12.6834 -0.0976311 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711 0.292893Z' clip-rule='evenodd'/%3E%3C/svg%3E\")));-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}@media print{button{display:none !important}}button{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top;border:none;background:var(--_close-color-background);border-radius:var(--_close-radius);width:var(--_close-size-icon);height:var(--_close-size-icon);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}button::after{content:\"\";display:block;min-width:calc(var(--_close-size-icon) - var(--_close-p));min-height:calc(var(--_close-size-icon) - var(--_close-p));max-width:calc(var(--_close-size-icon) - var(--_close-p));max-height:calc(var(--_close-size-icon) - var(--_close-p));-webkit-mask-image:var(--_close-icon);mask-image:var(--_close-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background:var(--_close-color-icon)}button:not(:disabled){cursor:pointer}button:not(:disabled):hover{background:var(--_close-color-background-hover)}button:not(:disabled):active{background:var(--_close-color-background-active)}@media (hover: hover)and (pointer: fine){button:not(:disabled):focus-visible:not(:active),button:not(:disabled).is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important}}:host(.is-sm){--mod-close-p:var(--ds-close-padding-sm);--mod-close-size-icon:var(--ds-close-size-sm)}:host(.is-md){--mod-close-p:var(--ds-close-padding-md);--mod-close-size-icon:var(--ds-close-size-md)}:host(.is-inverted:not(.is-disabled)){--mod-close-color-icon:var(--ds-close-inverted-color-icon-base);--mod-close-color-background-hover:var(--ds-close-inverted-color-background-hover);--mod-close-color-background-active:var(--ds-close-inverted-color-background-active);--mod-close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}:host(.is-disabled:not(.is-inverted)){--mod-close-color-icon:var(--ds-close-primary-color-icon-disabled);--mod-close-color-background:var(--ds-close-primary-color-background-disabled);--mod-close-color-background-hover:var(--ds-close-primary-color-background-disabled);--mod-close-color-background-active:var(--ds-close-primary-color-background-disabled);--mod-close-color-focus:var(--ds-alias-interaction-focus-color-base)}:host(.is-inverted.is-disabled){--mod-close-color-icon:var(--ds-close-inverted-color-icon-disabled);--mod-close-color-background:var(--ds-close-inverted-color-background-disabled);--mod-close-color-background-hover:var(--ds-close-inverted-color-background-disabled);--mod-close-color-background-active:var(--ds-close-inverted-color-background-disabled);--mod-close-color-focus:var(--ds-alias-interaction-focus-color-inverted)}";export{j as ds_brand_icon,C as ds_button,S as ds_close}