@solid-design-system/components 4.6.10 → 4.6.11

package/cdn/chunks/chunk.3KR2M5X4.js

@@ -0,0 +1 @@
+import{a as C,b as E}from"./chunk.I6OYJBJI.js";import{a as y,b as v}from"./chunk.3L472FD4.js";import{a as l,c as r}from"./chunk.A3DKF5BY.js";import{a,d}from"./chunk.RQYP7MH5.js";import{a as f}from"./chunk.KLRPP4NQ.js";import{a as u}from"./chunk.HE2LNCWW.js";import{a as k}from"./chunk.6HO6CE4A.js";import{a as x}from"./chunk.DEXOQON7.js";import{a as c}from"./chunk.26V4EXHB.js";import{a as w}from"./chunk.E2DRD2OX.js";import{a as g,b as h,d as p,h as m}from"./chunk.FZLK25RZ.js";import{b,e as n}from"./chunk.IRWHG2Q4.js";import{e as o}from"./chunk.TJOCV4DC.js";var t=class extends m{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 E(this)}firstUpdated(){this.dialog.hidden=!this.open,this.open&&(this.addOpenListeners(),this.modal.activate(),y(this))}disconnectedCallback(){super.disconnectedCallback(),v(this)}requestClose(e){if(this.emit("sd-request-close",{cancelable:!0,detail:{source:e}}).defaultPrevented){let i=r(this,"dialog.denyClose",{dir:this.localize.dir()});a(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=C(),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 s=r(this,"dialog.show",{dir:this.localize.dir()}),i=r(this,"dialog.overlay.show",{dir:this.localize.dir()});await Promise.all([a(this.panel,s.keyframes,s.options),a(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=r(this,"dialog.hide",{dir:this.localize.dir()}),s=r(this,"dialog.overlay.hide",{dir:this.localize.dir()});await Promise.all([a(this.overlay,s.keyframes,s.options).then(()=>{this.overlay.hidden=!0}),a(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"&&setTimeout(()=>i.focus()),this.emit("sd-after-hide")}}async show(){if(!this.open)return this.open=!0,f(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,f(this,"sd-after-hide")}render(){return n`<div part="base" class="${c("flex items-center justify-center fixed inset-0 z-dialog",this.hasSlotController.test("footer")&&"dialog--has-footer")}"><div part="overlay" class="fixed inset-0 bg-primary-800 opacity-90" @click="${()=>this.requestClose("overlay")}" tabindex="-1"></div><div part="panel" class="${c("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="${u(this.headline?this.headline:void 0)}" aria-labelledby="${u(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?n`<span class="sd-headline sd-headline--size-3xl leading-tight">${this.headline}</span>`:n`<slot name="headline"></slot>`}</h2>${this.noCloseButton?"":n`<sd-button part="close-button" variant="tertiary" exportparts="base:close-button__base" class="${c("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="system" 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=[...m.styles,b`:host{--width:662px}[part=panel]{max-height:80vh;width:var(--width)}[part=body]{-webkit-overflow-scrolling:touch}@media (max-width:414px){:host{--width:335px}[part=body]{min-height:50px}[part=footer]{width:100%}}`],o([p('[part="base"]')],t.prototype,"dialog",2),o([p('[part="panel"]')],t.prototype,"panel",2),o([p('[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([w("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),t=o([g("sd-dialog")],t);l("dialog.show",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:250,easing:"ease"}});l("dialog.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:250,easing:"ease"}});l("dialog.denyClose",{keyframes:[{scale:1},{scale:1.02},{scale:1}],options:{duration:250}});l("dialog.overlay.show",{keyframes:[{opacity:0},{opacity:1}],options:{duration:250}});l("dialog.overlay.hide",{keyframes:[{opacity:1},{opacity:0}],options:{duration:250}});export{t as a};

package/cdn/components/dialog/dialog.js

@@ -1 +1 @@
-import{a}from"../../chunks/chunk.BXA5EEMV.js";import"../../chunks/chunk.I6OYJBJI.js";import"../../chunks/chunk.64UNKF45.js";import"../../chunks/chunk.3L472FD4.js";import"../../chunks/chunk.A3DKF5BY.js";import"../../chunks/chunk.RQYP7MH5.js";import"../../chunks/chunk.KLRPP4NQ.js";import"../../chunks/chunk.DH7VYHZC.js";import"../../chunks/chunk.YYZEOF4B.js";import"../../chunks/chunk.65NSSTJE.js";import"../../chunks/chunk.HE2LNCWW.js";import"../../chunks/chunk.6HO6CE4A.js";import"../../chunks/chunk.5ZILM4TA.js";import"../../chunks/chunk.5YA6WG7I.js";import"../../chunks/chunk.SPDB3L7V.js";import"../../chunks/chunk.SNS2IHBI.js";import"../../chunks/chunk.TWZDCIM2.js";import"../../chunks/chunk.MWDEA25W.js";import"../../chunks/chunk.K7HF3VBZ.js";import"../../chunks/chunk.PYHYYOBE.js";import"../../chunks/chunk.EFLL7VXU.js";import"../../chunks/chunk.DEXOQON7.js";import"../../chunks/chunk.LMCE4KKJ.js";import"../../chunks/chunk.HEYSBISE.js";import"../../chunks/chunk.HJGLYEWV.js";import"../../chunks/chunk.26V4EXHB.js";import"../../chunks/chunk.E2DRD2OX.js";import"../../chunks/chunk.FZLK25RZ.js";import"../../chunks/chunk.IRWHG2Q4.js";import"../../chunks/chunk.TJOCV4DC.js";export{a as default};
+import{a}from"../../chunks/chunk.3KR2M5X4.js";import"../../chunks/chunk.I6OYJBJI.js";import"../../chunks/chunk.64UNKF45.js";import"../../chunks/chunk.3L472FD4.js";import"../../chunks/chunk.A3DKF5BY.js";import"../../chunks/chunk.RQYP7MH5.js";import"../../chunks/chunk.KLRPP4NQ.js";import"../../chunks/chunk.DH7VYHZC.js";import"../../chunks/chunk.YYZEOF4B.js";import"../../chunks/chunk.65NSSTJE.js";import"../../chunks/chunk.HE2LNCWW.js";import"../../chunks/chunk.6HO6CE4A.js";import"../../chunks/chunk.5ZILM4TA.js";import"../../chunks/chunk.5YA6WG7I.js";import"../../chunks/chunk.SPDB3L7V.js";import"../../chunks/chunk.SNS2IHBI.js";import"../../chunks/chunk.TWZDCIM2.js";import"../../chunks/chunk.MWDEA25W.js";import"../../chunks/chunk.K7HF3VBZ.js";import"../../chunks/chunk.PYHYYOBE.js";import"../../chunks/chunk.EFLL7VXU.js";import"../../chunks/chunk.DEXOQON7.js";import"../../chunks/chunk.LMCE4KKJ.js";import"../../chunks/chunk.HEYSBISE.js";import"../../chunks/chunk.HJGLYEWV.js";import"../../chunks/chunk.26V4EXHB.js";import"../../chunks/chunk.E2DRD2OX.js";import"../../chunks/chunk.FZLK25RZ.js";import"../../chunks/chunk.IRWHG2Q4.js";import"../../chunks/chunk.TJOCV4DC.js";export{a as default};

package/cdn/custom-elements.json

@@ -17168,7 +17168,7 @@
   "package": {
     "name": "@solid-design-system/components",
     "description": "Solid Design System: Components",
-    "version": "4.6.10",
+    "version": "4.6.11",
     "author": "Union Investment",
     "homepage": "https://solid-design-system.fe.union-investment.de/docs/",
     "license": "MIT"