@solid-design-system/components 6.28.2 → 6.29.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@solid-design-system/components",
   "description": "Solid Design System: Components",
-  "version": "6.28.2",
+  "version": "6.29.0",
   "homepage": "https://solid-design-system.fe.union-investment.de/docs/",
   "author": "Union Investment",
   "license": "MIT",
@@ -119,7 +119,7 @@
   "readme": "README.md",
   "meta": {
     "bundleSizeInKb": {
-      "uncompressed": 624,
+      "uncompressed": 627,
       "gzip": 140
     }
   },

package/cdn/chunks/chunk.5PE4SXDY.js

@@ -1,2 +0,0 @@
-import{a as C}from"./chunk.O7KFGYFO.js";import{a as M}from"./chunk.TXP36Z3M.js";import{a as y,b as v}from"./chunk.3L472FD4.js";import{a as f}from"./chunk.LHSR56PH.js";import{a as k}from"./chunk.CGQ2BPPZ.js";import{a,c as s}from"./chunk.B2NUKX6G.js";import{a as m}from"./chunk.KLRPP4NQ.js";import{a as x}from"./chunk.VAM5SM3O.js";import{a as p}from"./chunk.4ZZFYCXX.js";import{a as b}from"./chunk.NYKJXI3Q.js";import{a as w,b as h,d as c,h as u}from"./chunk.NFQGEN2R.js";import{b as g,e as l}from"./chunk.OBAEIKIV.js";import{b as n,e as d}from"./chunk.W4QBFD6E.js";import{e as o}from"./chunk.6EV4YU6C.js";var t=class extends u{constructor(){super(...arguments);this.hasSlotController=new k(this,"footer");this.localize=new x(this);this.open=!1;this.headline="";this.noCloseButton=!1}connectedCallback(){super.connectedCallback(),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.modal=new C(this)}firstUpdated(){this.dialog.hidden=!this.open,this.open&&(this.addOpenListeners(),this.modal.activate(),y(this))}disconnectedCallback(){super.disconnectedCallback(),v(this)}get prefersReducedMotion(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}requestClose(e){if(this.emit("sd-request-close",{cancelable:!0,detail:{source:e}}).defaultPrevented){let i=s(this,"dialog.denyClose",{dir:this.localize.dir()});n(this.panel,i.keyframes,i.options);return}this.hide()}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}handleDocumentKeyDown(e){this.open&&e.key==="Escape"&&(e.stopPropagation(),this.requestClose("keyboard"))}async handleOpenChange(){if(this.open){this.emit("sd-show"),this.addOpenListeners(),this.originalTrigger=M(),this.modal.activate(),y(this);let e=this.querySelector("[autofocus]");e&&e.removeAttribute("autofocus"),await Promise.all([d(this.dialog),d(this.overlay)]),this.dialog.hidden=!1,requestAnimationFrame(()=>{this.emit("sd-initial-focus",{cancelable:!0}).defaultPrevented||(e?e.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),e&&e.setAttribute("autofocus","")});let r=this.prefersReducedMotion?s(this,"dialog.showReducedMotion",{dir:this.localize.dir()}):s(this,"dialog.show",{dir:this.localize.dir()}),i=s(this,"dialog.overlay.show",{dir:this.localize.dir()});await Promise.all([n(this.panel,r.keyframes,r.options),n(this.overlay,i.keyframes,i.options)]),this.emit("sd-after-show")}else{this.emit("sd-hide"),this.removeOpenListeners(),this.modal.deactivate(),await Promise.all([d(this.dialog),d(this.overlay)]);let e=this.prefersReducedMotion?s(this,"dialog.hideReducedMotion",{dir:this.localize.dir()}):s(this,"dialog.hide",{dir:this.localize.dir()}),r=s(this,"dialog.overlay.hide",{dir:this.localize.dir()});await Promise.all([n(this.overlay,r.keyframes,r.options).then(()=>{this.overlay.hidden=!0}),n(this.panel,e.keyframes,e.options).then(()=>{this.panel.hidden=!0})]),this.dialog.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1,v(this);let i=this.originalTrigger;typeof(i==null?void 0:i.focus)=="function"&&i.isConnected&&setTimeout(()=>{try{i.focus({preventScroll:!0})}catch(L){i.focus()}this.originalTrigger=null}),this.emit("sd-after-hide")}}async show(){if(!this.open)return this.open=!0,m(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,m(this,"sd-after-hide")}render(){return l`<div part="base" class="${p("flex items-center justify-center fixed inset-0 z-dialog",this.hasSlotController.test("footer")&&"dialog--has-footer")}"><div part="overlay" class="fixed inset-0 overlay-color-background" @click="${()=>this.requestClose("overlay")}" tabindex="-1"></div><div part="panel" class="${p("panel-color-border border flex flex-col z-20 bg-white py-4 sm:py-8 relative gap-6 focus-visible:focus-outline-inverted overflow-y-auto",this.open&&"flex opacity-100")}" role="dialog" aria-modal="true" aria-hidden="${this.open?"false":"true"}" aria-label="${f(this.headline?this.headline:void 0)}" aria-labelledby="${f(this.headline?void 0:"title")}" tabindex="0"><header part="header" class="flex flex-grow-0 flex-shrink-0 basis-auto px-6 sm:px-10"><h2 part="title" class="flex-auto m-0" id="title">${this.headline.length>0?l`<span class="sd-headline sd-headline--size-3xl leading-tight">${this.headline}</span>`:l`<slot name="headline"></slot>`}</h2>${this.noCloseButton?"":l`<sd-button part="close-button" variant="tertiary" exportparts="base:close-button__base" class="${p("absolute top-2 right-2")}" name="x-lg" @click="${()=>this.requestClose("close-button")}" type="button"><sd-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-icon></sd-button>`}</header><main part="body" class="flex flex-auto overflow-auto w-full px-6 sm:px-10"><slot></slot></main><footer part="footer" class="flex flex-grow-0 flex-shrink-0 basis-auto ml-auto gap-4 px-6 sm:px-10"><slot name="footer"></slot></footer></div></div>`}};t.styles=[...u.styles,g`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{--width:662px}[part=panel]{width:var(--width);max-height:80vh}[part=body]{-webkit-overflow-scrolling:touch}@media (max-width:414px){:host{--width:335px}[part=body]{min-height:50px}[part=footer]{width:100%}}`],o([c('[part="base"]')],t.prototype,"dialog",2),o([c('[part="panel"]')],t.prototype,"panel",2),o([c('[part="overlay"]')],t.prototype,"overlay",2),o([h({type:Boolean,reflect:!0})],t.prototype,"open",2),o([h({type:String,reflect:!0})],t.prototype,"headline",2),o([h({attribute:"no-close-button",type:Boolean,reflect:!0})],t.prototype,"noCloseButton",2),o([b("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),t=o([w("sd-dialog")],t);a("dialog.show",{keyframes:[{opacity:0,transform:"translate(-50%, 100%)"},{opacity:1,transform:"translate(0, 0)"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});a("dialog.showReducedMotion",{keyframes:[{opacity:0},{opacity:1}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out",reducedMotion:"allow"}});a("dialog.hide",{keyframes:[{opacity:1,transform:"translate(0, 0)"},{opacity:0,transform:"translate(50%, -100%)"}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});a("dialog.hideReducedMotion",{keyframes:[{opacity:1},{opacity:0}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out",reducedMotion:"allow"}});a("dialog.denyClose",{keyframes:[{scale:1},{scale:1.02},{scale:1}],options:{duration:250}});a("dialog.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out",reducedMotion:"allow"}});a("dialog.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out",reducedMotion:"allow"}});export{t as a};

package/cdn/chunks/chunk.ALXM6MOP.js

@@ -1,12 +0,0 @@
-import{b as y,c as f}from"./chunk.LZRL7OLU.js";import{a as i}from"./chunk.LHSR56PH.js";import{a as k}from"./chunk.CGQ2BPPZ.js";import{a as c,b as u}from"./chunk.NL7YFV4O.js";import{a as s}from"./chunk.4ZZFYCXX.js";import{a as g}from"./chunk.NYKJXI3Q.js";import{a as v,b as o,c as h,d as m,g as p,h as l}from"./chunk.NFQGEN2R.js";import{b}from"./chunk.OBAEIKIV.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends l{constructor(){super(...arguments);this.formControlController=new y(this,{form:r=>{if(r.hasAttribute("form")){let a=r.getRootNode(),n=r.getAttribute("form");return a.getElementById(n)}return r.closest("form")}});this.hasSlotController=new k(this,"[default]","icon-left","icon-right");this.invalid=!1;this.title="";this.variant="primary";this.inverted=!1;this.size="lg";this.disabled=!1;this.visuallyDisabled=!1;this.loading=!1;this.type="button";this.name="";this.value="";this.href=""}get validity(){return this.isButton()?this.button.validity:f}get validationMessage(){return this.isButton()?this.button.validationMessage:""}firstUpdated(){this.isButton()&&this.formControlController.updateValidity()}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}handleClick(r){if(this.disabled||this.loading||this.visuallyDisabled){r.preventDefault(),r.stopPropagation();return}this.type==="submit"&&this.formControlController.submit(this),this.type==="reset"&&this.formControlController.reset(this)}handleInvalid(r){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(r)}isButton(){return!this.href}isLink(){return!!this.href}handleDisabledChange(){this.isButton()&&this.formControlController.setValidity(this.disabled)}click(){this.button.click()}focus(r){this.button.focus(r)}blur(){this.button.blur()}checkValidity(){return this.isButton()?this.button.checkValidity():!0}getForm(){return this.formControlController.getForm()}reportValidity(){return this.isButton()?this.button.reportValidity():!0}setCustomValidity(r){this.isButton()&&(this.button.setCustomValidity(r),this.formControlController.updateValidity())}render(){let r=this.isLink(),a=r?c`a`:c`button`,n={label:this.hasSlotController.test("[default]"),"icon-left":this.hasSlotController.test("icon-left"),"icon-right":this.hasSlotController.test("icon-right"),"icon-only":this._iconsInDefaultSlot.length>0},d=this.variant==="secondary";return u`<${a} part="base" class="${s(`group relative z-10 font-md no-underline
-        w-full align-middle inline-flex items-stretch justify-center
-        transition-colors duration-fast ease-in-out
-        select-none cursor-[inherit]`,this.inverted?"focus-visible:focus-outline-inverted":"focus-visible:focus-outline",this.loading&&"relative cursor-wait",(this.disabled||this.visuallyDisabled)&&"cursor-not-allowed",{sm:"varspacing-8 min-h-8 sd-button--size-sm-font-size sd-button-font-weight sd-button--secondary--size-sm-padding-block sd-button--size-sm-border-radius",md:"varspacing-10 sd-button--size-md-height sd-button--size-md-font-size sd-button--secondary--size-md-padding-block sd-button-font-weight sd-button--size-md-border-radius",lg:"varspacing-12 sd-button--size-lg-height sd-button--size-lg-font-size sd-button--secondary--size-lg-padding-block sd-button-font-weight sd-button--size-lg-border-radius"}[this.size],!n["icon-only"]&&{sm:`${d?"sd-button--secondary-padding-inline":"sd-button--size-sm-padding-block sd-button-padding-inline"}`,md:`${d?"sd-button--secondary-padding-inline":"sd-button--size-md-padding-block sd-button-padding-inline"}`,lg:`${d?"sd-button--secondary-padding-inline":"sd-button--size-lg-padding-block sd-button-padding-inline"}`}[this.size],n["icon-only"]&&{sm:"px-1 aspect-square",md:"sd-button--size-md--icon-only-padding-inline aspect-square",lg:"px-[12px] aspect-square"}[this.size],{primary:this.inverted?`${this.visuallyDisabled?"sd-button--inverted--disabled-color-background text-white border-neutral-500":"sd-button--primary--inverted--default-color-text sd-button--primary--inverted--default-color-background border-white hover:sd-button--primary--inverted--hover-color-text active:sd-button--primary--inverted--active-color-text active:sd-button--primary--inverted--active-color-background"}
-          disabled:sd-button--inverted--disabled-color-background disabled:text-white`:`${this.visuallyDisabled?"sd-button--primary--disabled-color-background border-neutral-500 text-white":"sd-button--primary--default-color-background border-transparent sd-button--primary--default-color-text hover:sd-button--primary--hover-color-text active:sd-button--primary--active-color-text active:sd-button--primary--active-color-background"}
-          disabled:sd-button--primary--disabled-color-background disabled:text-white`,secondary:this.inverted?`border sd-button-border-width ${this.visuallyDisabled?"text-neutral-600 border-neutral-600":"sd-button--secondary--inverted-color-text sd-button--secondary--inverted-color-border hover:sd-button--secondary--inverted-color-border hover:sd-button--secondary--inverted--hover-color-text hover:sd-button--secondary--inverted--hover-color-background active:sd-button--secondary--inverted--active-color-text active:border-primary-200 active:sd-button--secondary--inverted--active-color-background"}
-          disabled:sd-button--inverted--disabled-color-border disabled:sd-button--inverted--disabled-color-text`:`border sd-button-border-width ${this.visuallyDisabled?"sd-button--secondary--disabled-color-text sd-button--secondary--disabled-color-border":"sd-button--secondary--default-color-text sd-button--secondary--default-color-border hover:sd-button--secondary--hover-color-text hover:sd-button--secondary--hover-color-border active:sd-button--secondary--active-color-text active:sd-button--secondary--active-color-border"}
-          disabled:sd-button--secondary--disabled-color-text disabled:sd-button--secondary--disabled-color-border`,tertiary:this.inverted?`border-transparent  ${this.visuallyDisabled?"text-neutral-600":"sd-button--tertiary--inverted-color-text hover:sd-button--tertiary--inverted--hover-color-text hover:sd-button--tertiary--inverted--hover-color-background active:sd-button--tertiary--inverted--active-color-background active:sd-button--tertiary--inverted--active-color-text"}
-          disabled:sd-button--inverted--disabled-color-text`:`border-transparent ${this.visuallyDisabled?"sd-button--tertiary--disabled-color-text":"sd-button--tertiary--default-color-text hover:sd-button--tertiary--hover-color-text active:sd-button--tertiary--active-color-text"}
-          disabled:sd-button--tertiary--disabled-color-text`,cta:`${this.visuallyDisabled?"sd-button--primary--disabled-color-background border-neutral-500":"bg-accent border-transparent hover:bg-accent-500"}
-          ${this.inverted?"sd-button--cta--inverted--default-color-background sd-button--cta--inverted--default-color-text hover:sd-button--cta--inverted--hover-color-text active:sd-button--cta--inverted--active-color-text disabled:sd-button--inverted--disabled-color-background disabled:text-white":"text-white bg-accent disabled:sd-button--primary--disabled-color-background hover:bg-accent-500 disabled:border-neutral-500 disabled:text-white"}`}[this.variant])}" ?disabled="${i(r?void 0:this.disabled)}" type="${i(r?void 0:this.type)}" title="${this.title}" name="${i(r?void 0:this.name)}" value="${i(r?void 0:this.value)}" href="${i(r?this.href:void 0)}" target="${i(r?this.target:void 0)}" download="${i(r?this.download:void 0)}" rel="${i(r&&this.target?"noreferrer noopener":void 0)}" role="${i(r?void 0:"button")}" aria-disabled="${this.disabled||this.visuallyDisabled?"true":"false"}" aria-labelledby="content" tabindex="${this.disabled?"-1":"0"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" @invalid="${this.isButton()?this.handleInvalid:null}" @click="${this.handleClick}"><div part="motion-wrapper" class="${s("absolute inset-0 -z-10 overflow-hidden pointer-events-none ",(this.disabled||this.visuallyDisabled)&&"hidden",{sm:"sd-button-border-radius",md:"sd-button-border-radius",lg:"sd-button-border-radius"}[this.size])}"><div class="absolute inset-0 w-full h-full transition-all duration-fast translate-y-full group-hover:translate-y-0 group-hover:mt-[-22%] mt-[11%]"><div class="${s("absolute right-0 min-w-full min-h-full aspect-square skew-y-[-11deg] mt-[11%]",{primary:this.inverted?"sd-button--primary--inverted--hover-color-background group-active:sd-button--primary--inverted--active-color-background":"sd-button--primary--hover-color-background group-active:sd-button--primary--active-color-background",secondary:this.inverted?"sd-button--secondary--inverted--hover-color-background group-active:sd-button--secondary--inverted--active-color-background group-active:sd-button--secondary--inverted--active-color-text":"sd-button--secondary--hover-color-background group-active:sd-button--secondary--active-color-background",tertiary:this.inverted?"sd-button--tertiary--inverted--hover-color-background group-active:sd-button--tertiary--inverted--active-color-background group-active:sd-button--tertiary--inverted--active-color-text":"sd-button--tertiary--hover-color-background group-active:sd-button--tertiary--active-color-background",cta:this.inverted?"sd-button--cta--inverted--hover-color-background group-active:sd-button--cta--inverted--active-color-background":"bg-accent-500 group-active:bg-accent-700"}[this.variant])}"></div><div class="${s("absolute w-full h-full mt-[22%]",{primary:this.inverted?"sd-button--primary--inverted--hover-color-background group-active:sd-button--primary--inverted--active-color-background":"sd-button--primary--hover-color-background group-active:sd-button--primary--active-color-background",secondary:this.inverted?"sd-button--secondary--inverted--hover-color-background group-active:sd-button--secondary--inverted--active-color-background group-active:sd-button--secondary--inverted--active-color-text group-active:sd-button--secondary--active-color-border":"sd-button--secondary--hover-color-background group-active:sd-button--secondary--active-color-background",tertiary:this.inverted?"sd-button--tertiary--inverted--hover-color-background group-active:sd-button--tertiary--inverted--active-color-background group-active:sd-button--tertiary--inverted--active-color-text":"sd-button--tertiary--hover-color-background group-active:sd-button--tertiary--active-color-background",cta:this.inverted?"sd-button--cta--inverted--hover-color-background group-active:sd-button--cta--inverted--active-color-background":"bg-accent-500 group-active:bg-accent-700"}[this.variant])}"></div></div></div><slot name="icon-left" part="icon-left" class="${s("flex flex-auto items-center justify-end pointer-events-none",n["icon-only"]&&"hidden",this.loading&&"invisible",n["icon-left"]&&{sm:"mr-1",md:"mr-2",lg:"mr-2"}[this.size])}"></slot><slot part="label" id="content" class="${s("inline-flex items-center justify-center",{sm:"leading-5",md:"leading-6",lg:"leading-6"}[this.size],n["icon-only"]&&"pointer-events-none",this.loading&&"invisible")}"></slot><slot name="icon-right" part="icon-right" class="${s("flex flex-auto items-center pointer-events-none",this.loading&&"invisible",n["icon-only"]&&"hidden",n["icon-right"]&&{sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size])}"></slot>${this.loading?u`<sd-loader class="${s("absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2")}"></sd-loader>`:""}</${a}>`}};t.styles=[...l.styles,b`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
-:host{position:relative;z-index:0;display:inline-block;width:auto;cursor:pointer}::slotted(sd-badge){pointer-events:none;position:absolute;top:0;right:0;--tw-translate-x:calc(1 / 2 * 100%)!important;--tw-translate-y:calc(calc(1 / 2 * 100%) * -1)!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}::slotted(sd-icon),sd-loader{font-size:calc(var(--tw-varspacing)/ 2)}:host([size=lg]) ::slotted(sd-icon){font-size:var(--sd-button--size-lg-icon-height,var(--sd-spacing-6))}:host([size=sm]) .sd-button--size-sm-border-radius{border-radius:var(--sd-button--size-sm-border-radius,var(--sd-button-border-radius))}:host([size=md]) .sd-button--size-md-border-radius{border-radius:var(--sd-button--size-md-border-radius,var(--sd-button-border-radius))}:host([size=lg]) .sd-button--size-lg-border-radius{border-radius:var(--sd-button--size-lg-border-radius,var(--sd-button-border-radius))}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}`],e([m("a, button")],t.prototype,"button",2),e([p({selector:"sd-icon"})],t.prototype,"_iconsInDefaultSlot",2),e([h()],t.prototype,"invalid",2),e([o({type:String,reflect:!0})],t.prototype,"title",2),e([o({type:String,reflect:!0})],t.prototype,"variant",2),e([o({type:Boolean,reflect:!0})],t.prototype,"inverted",2),e([o({type:String,reflect:!0})],t.prototype,"size",2),e([o({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([o({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),e([o({type:Boolean,reflect:!0})],t.prototype,"loading",2),e([o({type:String,reflect:!0})],t.prototype,"type",2),e([o({type:String,reflect:!0})],t.prototype,"name",2),e([o()],t.prototype,"value",2),e([o({type:String,reflect:!0})],t.prototype,"href",2),e([o({type:String,reflect:!0})],t.prototype,"target",2),e([o({reflect:!0})],t.prototype,"download",2),e([o({reflect:!0})],t.prototype,"form",2),e([o({attribute:"formaction"})],t.prototype,"formAction",2),e([o({attribute:"formenctype"})],t.prototype,"formEnctype",2),e([o({attribute:"formmethod"})],t.prototype,"formMethod",2),e([o({attribute:"formnovalidate",type:Boolean})],t.prototype,"formNoValidate",2),e([o({attribute:"formtarget"})],t.prototype,"formTarget",2),e([g("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),t=e([v("sd-button")],t);export{t as a};

package/cdn-versioned/chunks/chunk.5PE4SXDY.js

@@ -1,2 +0,0 @@
-import{a as C}from"./chunk.O7KFGYFO.js";import{a as M}from"./chunk.TXP36Z3M.js";import{a as y,b as v}from"./chunk.3L472FD4.js";import{a as f}from"./chunk.LHSR56PH.js";import{a as k}from"./chunk.CGQ2BPPZ.js";import{a,c as s}from"./chunk.B2NUKX6G.js";import{a as m}from"./chunk.KLRPP4NQ.js";import{a as x}from"./chunk.VAM5SM3O.js";import{a as p}from"./chunk.4ZZFYCXX.js";import{a as b}from"./chunk.NYKJXI3Q.js";import{a as w,b as h,d as c,h as u}from"./chunk.NFQGEN2R.js";import{b as g,e as l}from"./chunk.OBAEIKIV.js";import{b as n,e as d}from"./chunk.W4QBFD6E.js";import{e as o}from"./chunk.6EV4YU6C.js";var t=class extends u{constructor(){super(...arguments);this.hasSlotController=new k(this,"footer");this.localize=new x(this);this.open=!1;this.headline="";this.noCloseButton=!1}connectedCallback(){super.connectedCallback(),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.modal=new C(this)}firstUpdated(){this.dialog.hidden=!this.open,this.open&&(this.addOpenListeners(),this.modal.activate(),y(this))}disconnectedCallback(){super.disconnectedCallback(),v(this)}get prefersReducedMotion(){return window.matchMedia("(prefers-reduced-motion: reduce)").matches}requestClose(e){if(this.emit("sd-request-close",{cancelable:!0,detail:{source:e}}).defaultPrevented){let i=s(this,"dialog.denyClose",{dir:this.localize.dir()});n(this.panel,i.keyframes,i.options);return}this.hide()}addOpenListeners(){document.addEventListener("keydown",this.handleDocumentKeyDown)}removeOpenListeners(){document.removeEventListener("keydown",this.handleDocumentKeyDown)}handleDocumentKeyDown(e){this.open&&e.key==="Escape"&&(e.stopPropagation(),this.requestClose("keyboard"))}async handleOpenChange(){if(this.open){this.emit("sd-show"),this.addOpenListeners(),this.originalTrigger=M(),this.modal.activate(),y(this);let e=this.querySelector("[autofocus]");e&&e.removeAttribute("autofocus"),await Promise.all([d(this.dialog),d(this.overlay)]),this.dialog.hidden=!1,requestAnimationFrame(()=>{this.emit("sd-initial-focus",{cancelable:!0}).defaultPrevented||(e?e.focus({preventScroll:!0}):this.panel.focus({preventScroll:!0})),e&&e.setAttribute("autofocus","")});let r=this.prefersReducedMotion?s(this,"dialog.showReducedMotion",{dir:this.localize.dir()}):s(this,"dialog.show",{dir:this.localize.dir()}),i=s(this,"dialog.overlay.show",{dir:this.localize.dir()});await Promise.all([n(this.panel,r.keyframes,r.options),n(this.overlay,i.keyframes,i.options)]),this.emit("sd-after-show")}else{this.emit("sd-hide"),this.removeOpenListeners(),this.modal.deactivate(),await Promise.all([d(this.dialog),d(this.overlay)]);let e=this.prefersReducedMotion?s(this,"dialog.hideReducedMotion",{dir:this.localize.dir()}):s(this,"dialog.hide",{dir:this.localize.dir()}),r=s(this,"dialog.overlay.hide",{dir:this.localize.dir()});await Promise.all([n(this.overlay,r.keyframes,r.options).then(()=>{this.overlay.hidden=!0}),n(this.panel,e.keyframes,e.options).then(()=>{this.panel.hidden=!0})]),this.dialog.hidden=!0,this.overlay.hidden=!1,this.panel.hidden=!1,v(this);let i=this.originalTrigger;typeof(i==null?void 0:i.focus)=="function"&&i.isConnected&&setTimeout(()=>{try{i.focus({preventScroll:!0})}catch(L){i.focus()}this.originalTrigger=null}),this.emit("sd-after-hide")}}async show(){if(!this.open)return this.open=!0,m(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,m(this,"sd-after-hide")}render(){return l`<div part="base" class="${p("flex items-center justify-center fixed inset-0 z-dialog",this.hasSlotController.test("footer")&&"dialog--has-footer")}"><div part="overlay" class="fixed inset-0 overlay-color-background" @click="${()=>this.requestClose("overlay")}" tabindex="-1"></div><div part="panel" class="${p("panel-color-border border flex flex-col z-20 bg-white py-4 sm:py-8 relative gap-6 focus-visible:focus-outline-inverted overflow-y-auto",this.open&&"flex opacity-100")}" role="dialog" aria-modal="true" aria-hidden="${this.open?"false":"true"}" aria-label="${f(this.headline?this.headline:void 0)}" aria-labelledby="${f(this.headline?void 0:"title")}" tabindex="0"><header part="header" class="flex flex-grow-0 flex-shrink-0 basis-auto px-6 sm:px-10"><h2 part="title" class="flex-auto m-0" id="title">${this.headline.length>0?l`<span class="sd-headline sd-headline--size-3xl leading-tight">${this.headline}</span>`:l`<slot name="headline"></slot>`}</h2>${this.noCloseButton?"":l`<sd-6-28-2-button part="close-button" variant="tertiary" exportparts="base:close-button__base" class="${p("absolute top-2 right-2")}" name="x-lg" @click="${()=>this.requestClose("close-button")}" type="button"><sd-6-28-2-icon label="${this.localize.term("close")}" name="close" library="_internal" color="currentColor"></sd-6-28-2-icon></sd-6-28-2-button>`}</header><main part="body" class="flex flex-auto overflow-auto w-full px-6 sm:px-10"><slot></slot></main><footer part="footer" class="flex flex-grow-0 flex-shrink-0 basis-auto ml-auto gap-4 px-6 sm:px-10"><slot name="footer"></slot></footer></div></div>`}};t.styles=[...u.styles,g`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer theme,base,components,utilities;
-:host{--width:662px}[part=panel]{width:var(--width);max-height:80vh}[part=body]{-webkit-overflow-scrolling:touch}@media (max-width:414px){:host{--width:335px}[part=body]{min-height:50px}[part=footer]{width:100%}}`],o([c('[part="base"]')],t.prototype,"dialog",2),o([c('[part="panel"]')],t.prototype,"panel",2),o([c('[part="overlay"]')],t.prototype,"overlay",2),o([h({type:Boolean,reflect:!0})],t.prototype,"open",2),o([h({type:String,reflect:!0})],t.prototype,"headline",2),o([h({attribute:"no-close-button",type:Boolean,reflect:!0})],t.prototype,"noCloseButton",2),o([b("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),t=o([w("sd-6-28-2-dialog")],t);a("dialog.show",{keyframes:[{opacity:0,transform:"translate(-50%, 100%)"},{opacity:1,transform:"translate(0, 0)"}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out"}});a("dialog.showReducedMotion",{keyframes:[{opacity:0},{opacity:1}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out",reducedMotion:"allow"}});a("dialog.hide",{keyframes:[{opacity:1,transform:"translate(0, 0)"},{opacity:0,transform:"translate(50%, -100%)"}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out"}});a("dialog.hideReducedMotion",{keyframes:[{opacity:1},{opacity:0}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out",reducedMotion:"allow"}});a("dialog.denyClose",{keyframes:[{scale:1},{scale:1.02},{scale:1}],options:{duration:250}});a("dialog.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:"var(--sd-duration-medium, 300)",easing:"ease-in-out",reducedMotion:"allow"}});a("dialog.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:"var(--sd-duration-fast, 150)",easing:"ease-in-out",reducedMotion:"allow"}});export{t as a};

package/cdn-versioned/chunks/chunk.ALXM6MOP.js

@@ -1,12 +0,0 @@
-import{b as y,c as f}from"./chunk.LZRL7OLU.js";import{a as i}from"./chunk.LHSR56PH.js";import{a as k}from"./chunk.CGQ2BPPZ.js";import{a as c,b as u}from"./chunk.NL7YFV4O.js";import{a as s}from"./chunk.4ZZFYCXX.js";import{a as g}from"./chunk.NYKJXI3Q.js";import{a as v,b as o,c as h,d as m,g as p,h as l}from"./chunk.NFQGEN2R.js";import{b}from"./chunk.OBAEIKIV.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends l{constructor(){super(...arguments);this.formControlController=new y(this,{form:r=>{if(r.hasAttribute("form")){let a=r.getRootNode(),n=r.getAttribute("form");return a.getElementById(n)}return r.closest("form")}});this.hasSlotController=new k(this,"[default]","icon-left","icon-right");this.invalid=!1;this.title="";this.variant="primary";this.inverted=!1;this.size="lg";this.disabled=!1;this.visuallyDisabled=!1;this.loading=!1;this.type="button";this.name="";this.value="";this.href=""}get validity(){return this.isButton()?this.button.validity:f}get validationMessage(){return this.isButton()?this.button.validationMessage:""}firstUpdated(){this.isButton()&&this.formControlController.updateValidity()}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}handleClick(r){if(this.disabled||this.loading||this.visuallyDisabled){r.preventDefault(),r.stopPropagation();return}this.type==="submit"&&this.formControlController.submit(this),this.type==="reset"&&this.formControlController.reset(this)}handleInvalid(r){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(r)}isButton(){return!this.href}isLink(){return!!this.href}handleDisabledChange(){this.isButton()&&this.formControlController.setValidity(this.disabled)}click(){this.button.click()}focus(r){this.button.focus(r)}blur(){this.button.blur()}checkValidity(){return this.isButton()?this.button.checkValidity():!0}getForm(){return this.formControlController.getForm()}reportValidity(){return this.isButton()?this.button.reportValidity():!0}setCustomValidity(r){this.isButton()&&(this.button.setCustomValidity(r),this.formControlController.updateValidity())}render(){let r=this.isLink(),a=r?c`a`:c`button`,n={label:this.hasSlotController.test("[default]"),"icon-left":this.hasSlotController.test("icon-left"),"icon-right":this.hasSlotController.test("icon-right"),"icon-only":this._iconsInDefaultSlot.length>0},d=this.variant==="secondary";return u`<${a} part="base" class="${s(`group relative z-10 font-md no-underline
-        w-full align-middle inline-flex items-stretch justify-center
-        transition-colors duration-fast ease-in-out
-        select-none cursor-[inherit]`,this.inverted?"focus-visible:focus-outline-inverted":"focus-visible:focus-outline",this.loading&&"relative cursor-wait",(this.disabled||this.visuallyDisabled)&&"cursor-not-allowed",{sm:"varspacing-8 min-h-8 sd-6-28-2-button--size-sm-font-size sd-6-28-2-button-font-weight sd-6-28-2-button--secondary--size-sm-padding-block sd-6-28-2-button--size-sm-border-radius",md:"varspacing-10 sd-6-28-2-button--size-md-height sd-6-28-2-button--size-md-font-size sd-6-28-2-button--secondary--size-md-padding-block sd-6-28-2-button-font-weight sd-6-28-2-button--size-md-border-radius",lg:"varspacing-12 sd-6-28-2-button--size-lg-height sd-6-28-2-button--size-lg-font-size sd-6-28-2-button--secondary--size-lg-padding-block sd-6-28-2-button-font-weight sd-6-28-2-button--size-lg-border-radius"}[this.size],!n["icon-only"]&&{sm:`${d?"sd-6-28-2-button--secondary-padding-inline":"sd-6-28-2-button--size-sm-padding-block sd-6-28-2-button-padding-inline"}`,md:`${d?"sd-6-28-2-button--secondary-padding-inline":"sd-6-28-2-button--size-md-padding-block sd-6-28-2-button-padding-inline"}`,lg:`${d?"sd-6-28-2-button--secondary-padding-inline":"sd-6-28-2-button--size-lg-padding-block sd-6-28-2-button-padding-inline"}`}[this.size],n["icon-only"]&&{sm:"px-1 aspect-square",md:"sd-6-28-2-button--size-md--icon-only-padding-inline aspect-square",lg:"px-[12px] aspect-square"}[this.size],{primary:this.inverted?`${this.visuallyDisabled?"sd-6-28-2-button--inverted--disabled-color-background text-white border-neutral-500":"sd-6-28-2-button--primary--inverted--default-color-text sd-6-28-2-button--primary--inverted--default-color-background border-white hover:sd-6-28-2-button--primary--inverted--hover-color-text active:sd-6-28-2-button--primary--inverted--active-color-text active:sd-6-28-2-button--primary--inverted--active-color-background"}
-          disabled:sd-6-28-2-button--inverted--disabled-color-background disabled:text-white`:`${this.visuallyDisabled?"sd-6-28-2-button--primary--disabled-color-background border-neutral-500 text-white":"sd-6-28-2-button--primary--default-color-background border-transparent sd-6-28-2-button--primary--default-color-text hover:sd-6-28-2-button--primary--hover-color-text active:sd-6-28-2-button--primary--active-color-text active:sd-6-28-2-button--primary--active-color-background"}
-          disabled:sd-6-28-2-button--primary--disabled-color-background disabled:text-white`,secondary:this.inverted?`border sd-6-28-2-button-border-width ${this.visuallyDisabled?"text-neutral-600 border-neutral-600":"sd-6-28-2-button--secondary--inverted-color-text sd-6-28-2-button--secondary--inverted-color-border hover:sd-6-28-2-button--secondary--inverted-color-border hover:sd-6-28-2-button--secondary--inverted--hover-color-text hover:sd-6-28-2-button--secondary--inverted--hover-color-background active:sd-6-28-2-button--secondary--inverted--active-color-text active:border-primary-200 active:sd-6-28-2-button--secondary--inverted--active-color-background"}
-          disabled:sd-6-28-2-button--inverted--disabled-color-border disabled:sd-6-28-2-button--inverted--disabled-color-text`:`border sd-6-28-2-button-border-width ${this.visuallyDisabled?"sd-6-28-2-button--secondary--disabled-color-text sd-6-28-2-button--secondary--disabled-color-border":"sd-6-28-2-button--secondary--default-color-text sd-6-28-2-button--secondary--default-color-border hover:sd-6-28-2-button--secondary--hover-color-text hover:sd-6-28-2-button--secondary--hover-color-border active:sd-6-28-2-button--secondary--active-color-text active:sd-6-28-2-button--secondary--active-color-border"}
-          disabled:sd-6-28-2-button--secondary--disabled-color-text disabled:sd-6-28-2-button--secondary--disabled-color-border`,tertiary:this.inverted?`border-transparent  ${this.visuallyDisabled?"text-neutral-600":"sd-6-28-2-button--tertiary--inverted-color-text hover:sd-6-28-2-button--tertiary--inverted--hover-color-text hover:sd-6-28-2-button--tertiary--inverted--hover-color-background active:sd-6-28-2-button--tertiary--inverted--active-color-background active:sd-6-28-2-button--tertiary--inverted--active-color-text"}
-          disabled:sd-6-28-2-button--inverted--disabled-color-text`:`border-transparent ${this.visuallyDisabled?"sd-6-28-2-button--tertiary--disabled-color-text":"sd-6-28-2-button--tertiary--default-color-text hover:sd-6-28-2-button--tertiary--hover-color-text active:sd-6-28-2-button--tertiary--active-color-text"}
-          disabled:sd-6-28-2-button--tertiary--disabled-color-text`,cta:`${this.visuallyDisabled?"sd-6-28-2-button--primary--disabled-color-background border-neutral-500":"bg-accent border-transparent hover:bg-accent-500"}
-          ${this.inverted?"sd-6-28-2-button--cta--inverted--default-color-background sd-6-28-2-button--cta--inverted--default-color-text hover:sd-6-28-2-button--cta--inverted--hover-color-text active:sd-6-28-2-button--cta--inverted--active-color-text disabled:sd-6-28-2-button--inverted--disabled-color-background disabled:text-white":"text-white bg-accent disabled:sd-6-28-2-button--primary--disabled-color-background hover:bg-accent-500 disabled:border-neutral-500 disabled:text-white"}`}[this.variant])}" ?disabled="${i(r?void 0:this.disabled)}" type="${i(r?void 0:this.type)}" title="${this.title}" name="${i(r?void 0:this.name)}" value="${i(r?void 0:this.value)}" href="${i(r?this.href:void 0)}" target="${i(r?this.target:void 0)}" download="${i(r?this.download:void 0)}" rel="${i(r&&this.target?"noreferrer noopener":void 0)}" role="${i(r?void 0:"button")}" aria-disabled="${this.disabled||this.visuallyDisabled?"true":"false"}" aria-labelledby="content" tabindex="${this.disabled?"-1":"0"}" @blur="${this.handleBlur}" @focus="${this.handleFocus}" @invalid="${this.isButton()?this.handleInvalid:null}" @click="${this.handleClick}"><div part="motion-wrapper" class="${s("absolute inset-0 -z-10 overflow-hidden pointer-events-none ",(this.disabled||this.visuallyDisabled)&&"hidden",{sm:"sd-6-28-2-button-border-radius",md:"sd-6-28-2-button-border-radius",lg:"sd-6-28-2-button-border-radius"}[this.size])}"><div class="absolute inset-0 w-full h-full transition-all duration-fast translate-y-full group-hover:translate-y-0 group-hover:mt-[-22%] mt-[11%]"><div class="${s("absolute right-0 min-w-full min-h-full aspect-square skew-y-[-11deg] mt-[11%]",{primary:this.inverted?"sd-6-28-2-button--primary--inverted--hover-color-background group-active:sd-6-28-2-button--primary--inverted--active-color-background":"sd-6-28-2-button--primary--hover-color-background group-active:sd-6-28-2-button--primary--active-color-background",secondary:this.inverted?"sd-6-28-2-button--secondary--inverted--hover-color-background group-active:sd-6-28-2-button--secondary--inverted--active-color-background group-active:sd-6-28-2-button--secondary--inverted--active-color-text":"sd-6-28-2-button--secondary--hover-color-background group-active:sd-6-28-2-button--secondary--active-color-background",tertiary:this.inverted?"sd-6-28-2-button--tertiary--inverted--hover-color-background group-active:sd-6-28-2-button--tertiary--inverted--active-color-background group-active:sd-6-28-2-button--tertiary--inverted--active-color-text":"sd-6-28-2-button--tertiary--hover-color-background group-active:sd-6-28-2-button--tertiary--active-color-background",cta:this.inverted?"sd-6-28-2-button--cta--inverted--hover-color-background group-active:sd-6-28-2-button--cta--inverted--active-color-background":"bg-accent-500 group-active:bg-accent-700"}[this.variant])}"></div><div class="${s("absolute w-full h-full mt-[22%]",{primary:this.inverted?"sd-6-28-2-button--primary--inverted--hover-color-background group-active:sd-6-28-2-button--primary--inverted--active-color-background":"sd-6-28-2-button--primary--hover-color-background group-active:sd-6-28-2-button--primary--active-color-background",secondary:this.inverted?"sd-6-28-2-button--secondary--inverted--hover-color-background group-active:sd-6-28-2-button--secondary--inverted--active-color-background group-active:sd-6-28-2-button--secondary--inverted--active-color-text group-active:sd-6-28-2-button--secondary--active-color-border":"sd-6-28-2-button--secondary--hover-color-background group-active:sd-6-28-2-button--secondary--active-color-background",tertiary:this.inverted?"sd-6-28-2-button--tertiary--inverted--hover-color-background group-active:sd-6-28-2-button--tertiary--inverted--active-color-background group-active:sd-6-28-2-button--tertiary--inverted--active-color-text":"sd-6-28-2-button--tertiary--hover-color-background group-active:sd-6-28-2-button--tertiary--active-color-background",cta:this.inverted?"sd-6-28-2-button--cta--inverted--hover-color-background group-active:sd-6-28-2-button--cta--inverted--active-color-background":"bg-accent-500 group-active:bg-accent-700"}[this.variant])}"></div></div></div><slot name="icon-left" part="icon-left" class="${s("flex flex-auto items-center justify-end pointer-events-none",n["icon-only"]&&"hidden",this.loading&&"invisible",n["icon-left"]&&{sm:"mr-1",md:"mr-2",lg:"mr-2"}[this.size])}"></slot><slot part="label" id="content" class="${s("inline-flex items-center justify-center",{sm:"leading-5",md:"leading-6",lg:"leading-6"}[this.size],n["icon-only"]&&"pointer-events-none",this.loading&&"invisible")}"></slot><slot name="icon-right" part="icon-right" class="${s("flex flex-auto items-center pointer-events-none",this.loading&&"invisible",n["icon-only"]&&"hidden",n["icon-right"]&&{sm:"ml-1",md:"ml-2",lg:"ml-2"}[this.size])}"></slot>${this.loading?u`<sd-6-28-2-loader class="${s("absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2")}"></sd-6-28-2-loader>`:""}</${a}>`}};t.styles=[...l.styles,b`/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
-:host{position:relative;z-index:0;display:inline-block;width:auto;cursor:pointer}::slotted(sd-6-28-2-badge){pointer-events:none;position:absolute;top:0;right:0;--tw-translate-x:calc(1 / 2 * 100%)!important;--tw-translate-y:calc(calc(1 / 2 * 100%) * -1)!important;translate:var(--tw-translate-x) var(--tw-translate-y)!important}::slotted(sd-6-28-2-icon),sd-6-28-2-loader{font-size:calc(var(--tw-varspacing)/ 2)}:host([size=lg]) ::slotted(sd-6-28-2-icon){font-size:var(--sd-button--size-lg-icon-height,var(--sd-spacing-6))}:host([size=sm]) .sd-6-28-2-button--size-sm-border-radius{border-radius:var(--sd-button--size-sm-border-radius,var(--sd-button-border-radius))}:host([size=md]) .sd-6-28-2-button--size-md-border-radius{border-radius:var(--sd-button--size-md-border-radius,var(--sd-button-border-radius))}:host([size=lg]) .sd-6-28-2-button--size-lg-border-radius{border-radius:var(--sd-button--size-lg-border-radius,var(--sd-button-border-radius))}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}`],e([m("a, button")],t.prototype,"button",2),e([p({selector:"sd-6-28-2-icon"})],t.prototype,"_iconsInDefaultSlot",2),e([h()],t.prototype,"invalid",2),e([o({type:String,reflect:!0})],t.prototype,"title",2),e([o({type:String,reflect:!0})],t.prototype,"variant",2),e([o({type:Boolean,reflect:!0})],t.prototype,"inverted",2),e([o({type:String,reflect:!0})],t.prototype,"size",2),e([o({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([o({type:Boolean,reflect:!0,attribute:"visually-disabled"})],t.prototype,"visuallyDisabled",2),e([o({type:Boolean,reflect:!0})],t.prototype,"loading",2),e([o({type:String,reflect:!0})],t.prototype,"type",2),e([o({type:String,reflect:!0})],t.prototype,"name",2),e([o()],t.prototype,"value",2),e([o({type:String,reflect:!0})],t.prototype,"href",2),e([o({type:String,reflect:!0})],t.prototype,"target",2),e([o({reflect:!0})],t.prototype,"download",2),e([o({reflect:!0})],t.prototype,"form",2),e([o({attribute:"formaction"})],t.prototype,"formAction",2),e([o({attribute:"formenctype"})],t.prototype,"formEnctype",2),e([o({attribute:"formmethod"})],t.prototype,"formMethod",2),e([o({attribute:"formnovalidate",type:Boolean})],t.prototype,"formNoValidate",2),e([o({attribute:"formtarget"})],t.prototype,"formTarget",2),e([g("disabled",{waitUntilFirstUpdate:!0})],t.prototype,"handleDisabledChange",1),t=e([v("sd-6-28-2-button")],t);export{t as a};