@solid-design-system/components 4.1.2 → 4.1.3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@solid-design-system/components",
   "description": "Solid Design System: Components",
-  "version": "4.1.2",
+  "version": "4.1.3",
   "homepage": "https://solid-design-system.fe.union-investment.de/docs/",
   "author": "Union Investment",
   "license": "MIT",
@@ -87,20 +87,20 @@
     "custom-element-jet-brains-integration": "^1.6.2",
     "custom-element-vs-code-integration": "^1.4.1",
     "del": "^8.0.0",
-    "esbuild": "^0.24.2",
+    "esbuild": "^0.25.0",
     "esbuild-plugin-replace": "^1.4.0",
     "globby": "^14.0.2",
     "gzip-size": "^7.0.0",
     "jsonata": "^2.0.6",
     "lit-html": "^3.2.1",
     "minify-html-literals": "^1.3.5",
-    "ora": "^8.1.1",
+    "ora": "^8.2.0",
     "picocolors": "^1.1.1",
-    "playwright": "^1.49.1",
+    "playwright": "^1.50.1",
     "plop": "^4.0.1",
-    "postcss": "^8.5.1",
+    "postcss": "^8.5.2",
     "postcss-import": "^16.1.0",
-    "prettier": "^3.4.2",
+    "prettier": "^3.5.1",
     "recursive-copy": "^2.0.14",
     "sinon": "^19.0.2",
     "tailwindcss": "^3.4.17",
@@ -111,8 +111,8 @@
   "readme": "README.md",
   "meta": {
     "bundleSizeInKb": {
-      "uncompressed": 403,
-      "gzip": 95
+      "uncompressed": 404,
+      "gzip": 96
     }
   },
   "scripts": {

package/cdn/chunks/chunk.LI5H3QYB.js

@@ -1 +0,0 @@
-import{a as r}from"./chunk.HJGLYEWV.js";var n={$code:"de",$name:"Deutsch",$dir:"ltr",autoplay:"Autoplay",audioPlayer:"Audio-Player",carousel:"Karussell",clearEntry:"Eingabe l\xF6schen",close:"Schlie\xDFen",comboboxDefaultPlaceholder:"Bitte suchen und ausw\xE4hlen",copy:"Kopieren",currentValue:"Aktueller Wert",goToSlide:(e,o)=>`Zu Folie ${e} von ${o} gehen`,hidePassword:"Passwort verbergen",loading:"Wird geladen",mute:"Stummschalten",nextSlide:"N\xE4chste Folie",noResults:"Keine Ergebnisse gefunden",numOptionsSelected:e=>e===0?"":`Optionen ausgew\xE4hlt (${e})`,pauseAudio:"Audio pausieren",playAudio:"Audio abspielen",playbackSpeed:"Wiedergabe Geschwindigkeit",previousSlide:"Vorherige Folie",progress:"Fortschritt",remove:"Entfernen",removed:e=>`${e} entfernt`,resize:"Gr\xF6\xDFe \xE4ndern",scrollToEnd:"Zum Ende scrollen",scrollToStart:"Zum Anfang scrollen",selectAColorFromTheScreen:"Farbe vom Bildschirm ausw\xE4hlen",selectDefaultPlaceholder:"Bitte ausw\xE4hlen",showLess:"Weniger anzeigen",showMore:"Mehr anzeigen",showPassword:"Passwort anzeigen",slideNum:(e,o)=>`Folie ${e} von ${o}`,tagsSelected:"Optionen ausgew\xE4hlt",toggleColorFormat:"Farbformat umschalten",unmute:"Unmute"};r(n);var t=n;export{t as a};

package/cdn/chunks/chunk.TJ6RGDHH.js

@@ -1 +0,0 @@
-import{a as o}from"./chunk.HJGLYEWV.js";var l={$code:"en",$name:"English",$dir:"ltr",autoplay:"Autoplay",audioPlayer:"Audio Player",clearEntry:"Clear entry",close:"Close",comboboxDefaultPlaceholder:"Please search and select",copy:"Copy",carousel:"Carousel",currentValue:"Current value",goToSlide:(e,r)=>`Go to slide ${e} of ${r}`,hidePassword:"Hide password",loading:"Loading",mute:"Mute",nextSlide:"Next slide",noResults:"No results found",numOptionsSelected:e=>e===0?"":`Options Selected (${e})`,pauseAudio:"Pause Audio",playAudio:"Play Audio",playbackSpeed:"Playback Speed",previousSlide:"Previous slide",progress:"Progress",remove:"Remove",removed:e=>`${e} removed`,resize:"Resize",scrollToEnd:"Scroll to end",scrollToStart:"Scroll to start",selectAColorFromTheScreen:"Select a color from the screen",selectDefaultPlaceholder:"Please select",showLess:"Show less",showMore:"Show more",showPassword:"Show password",slideNum:e=>`Slide ${e}`,tagsSelected:"Options selected",toggleColorFormat:"Toggle color format",unmute:"Unmute"};o(l);var t=l;export{t as a};

package/cdn/chunks/chunk.VOX6F6LP.js

@@ -1 +0,0 @@
-import{a as h,c as m}from"./chunk.A3DKF5BY.js";import{a as d,d as c}from"./chunk.RQYP7MH5.js";import{a as u}from"./chunk.KLRPP4NQ.js";import{a as n}from"./chunk.E2DRD2OX.js";import{a as w}from"./chunk.26YUWEYR.js";import{a as o}from"./chunk.TWQVHGYD.js";import{a as f,b as s,d as b,h as l}from"./chunk.GQU4LYQ6.js";import{b as p,e as r}from"./chunk.IRWHG2Q4.js";import{e}from"./chunk.TJOCV4DC.js";var y=Object.assign(document.createElement("div"),{className:"sd-toast-stack sd-toast-stack--top-right"}),v=Object.assign(document.createElement("div"),{className:"sd-toast-stack sd-toast-stack--bottom-center"}),t=class extends l{constructor(){super(...arguments);this.localize=new w(this);this.variant="info";this.open=!1;this.closable=!1;this.duration=1/0;this.durationIndicator=!1;this.toastStack="top-right";this.remainingDuration=this.duration;this.startTime=Date.now()}firstUpdated(){this.base.hidden=!this.open}startAutoHide(){clearTimeout(this.autoHideTimeout),this.startTime=Date.now(),this.remainingDuration=this.duration,this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>this.hide(),this.duration))}onHover(){clearTimeout(this.autoHideTimeout),this.duration<1/0&&(this.remainingDuration-=Date.now()-this.startTime)}onHoverEnd(){this.startTime=Date.now(),clearTimeout(this.autoHideTimeout),this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>{this.hide()},this.remainingDuration))}handleCloseClick(){this.hide()}async handleOpenChange(){if(this.open){this.emit("sd-show"),this.duration<1/0&&this.startAutoHide(),await c(this.base),this.base.hidden=!1;let{keyframes:a,options:i}=m(this,"notification.show",{dir:this.localize.dir()});await d(this.base,a,i),this.emit("sd-after-show")}else{this.emit("sd-hide"),clearTimeout(this.autoHideTimeout),await c(this.base);let{keyframes:a,options:i}=m(this,"notification.hide",{dir:this.localize.dir()});await d(this.base,a,i),this.base.hidden=!0,this.emit("sd-after-hide")}}handleDurationChange(){this.startAutoHide()}async show(){if(!this.open)return this.open=!0,u(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,u(this,"sd-after-hide")}async toast(){return new Promise(a=>{let i=this.toastStack==="bottom-center"?v:y;i.parentElement===null&&document.body.append(i),i.appendChild(this),requestAnimationFrame(()=>{this.clientWidth,this.show()}),this.addEventListener("sd-after-hide",()=>{i.removeChild(this),a(),i.querySelector("sd-notification")===null&&i.remove()},{once:!0})})}render(){return r`<div part="base" class="${o("w-full overflow-hidden flex items-stretch relative m-2")}" role="alert" id="notification" aria-hidden="${this.open?"false":"true"}" @mouseenter="${this.onHover}" @mouseleave="${this.onHoverEnd}"><slot name="icon" part="icon" class="${o("min-w-min flex items-center px-3 justify-center",{info:"bg-info",success:"bg-success",warning:"bg-warning",error:"bg-error"}[this.variant])}"><sd-icon name="${{info:"info-circle",success:"confirm-circle",warning:"exclamation-circle",error:"warning"}[this.variant]||""}" library="system" class="h-6 w-6 text-white"></sd-icon></slot><div part="content" class="${o("h-full w-full p-1 gap-2 flex items-center justify-stretch bg-white","border-solid border-[1px] border-l-0 border-neutral-400")}"><slot part="message" class="block w-full pl-3 py-2" aria-live="polite"></slot>${this.closable?r`<sd-button size="md" variant="tertiary" part="close-button" class="ml-auto flex flex-[0_0_auto] items-stretch" @click="${this.handleCloseClick}"><sd-icon label="${this.localize.term("close")}" name="close" library="system" color="currentColor"></sd-icon></sd-button>`:""}</div>${this.durationIndicator?r`<div part="duration-indicator__elapsed" id="duration-indicator__elapsed" style="${`animation-duration: ${this.duration}ms`}" class="${o("absolute w-0 h-[2px] bottom-0 bg-primary z-10 animate-grow")}"></div><div part="duration-indicator__total" class="w-full h-[2px] bottom-0 absolute border border-neutral-400"></div>`:""}</div>`}};t.styles=[...l.styles,p`:host{display:contents}#notification:hover #duration-indicator__elapsed{animation-play-state:paused!important}`],e([b('[part~="base"]')],t.prototype,"base",2),e([s({reflect:!0})],t.prototype,"variant",2),e([s({type:Boolean,reflect:!0})],t.prototype,"open",2),e([s({type:Boolean,reflect:!0})],t.prototype,"closable",2),e([s({type:Number})],t.prototype,"duration",2),e([s({type:Boolean,reflect:!0,attribute:"duration-indicator"})],t.prototype,"durationIndicator",2),e([s({reflect:!0,attribute:"toast-stack"})],t.prototype,"toastStack",2),e([n("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),e([n("duration")],t.prototype,"handleDurationChange",1),t=e([f("sd-notification")],t);h("notification.show",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:250,easing:"ease"}});h("notification.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:250,easing:"ease"}});export{t as a};

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

@@ -1 +0,0 @@
-import{a as r}from"./chunk.HJGLYEWV.js";var n={$code:"de",$name:"Deutsch",$dir:"ltr",autoplay:"Autoplay",audioPlayer:"Audio-Player",carousel:"Karussell",clearEntry:"Eingabe l\xF6schen",close:"Schlie\xDFen",comboboxDefaultPlaceholder:"Bitte suchen und ausw\xE4hlen",copy:"Kopieren",currentValue:"Aktueller Wert",goToSlide:(e,o)=>`Zu Folie ${e} von ${o} gehen`,hidePassword:"Passwort verbergen",loading:"Wird geladen",mute:"Stummschalten",nextSlide:"N\xE4chste Folie",noResults:"Keine Ergebnisse gefunden",numOptionsSelected:e=>e===0?"":`Optionen ausgew\xE4hlt (${e})`,pauseAudio:"Audio pausieren",playAudio:"Audio abspielen",playbackSpeed:"Wiedergabe Geschwindigkeit",previousSlide:"Vorherige Folie",progress:"Fortschritt",remove:"Entfernen",removed:e=>`${e} entfernt`,resize:"Gr\xF6\xDFe \xE4ndern",scrollToEnd:"Zum Ende scrollen",scrollToStart:"Zum Anfang scrollen",selectAColorFromTheScreen:"Farbe vom Bildschirm ausw\xE4hlen",selectDefaultPlaceholder:"Bitte ausw\xE4hlen",showLess:"Weniger anzeigen",showMore:"Mehr anzeigen",showPassword:"Passwort anzeigen",slideNum:(e,o)=>`Folie ${e} von ${o}`,tagsSelected:"Optionen ausgew\xE4hlt",toggleColorFormat:"Farbformat umschalten",unmute:"Unmute"};r(n);var t=n;export{t as a};

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

@@ -1 +0,0 @@
-import{a as o}from"./chunk.HJGLYEWV.js";var l={$code:"en",$name:"English",$dir:"ltr",autoplay:"Autoplay",audioPlayer:"Audio Player",clearEntry:"Clear entry",close:"Close",comboboxDefaultPlaceholder:"Please search and select",copy:"Copy",carousel:"Carousel",currentValue:"Current value",goToSlide:(e,r)=>`Go to slide ${e} of ${r}`,hidePassword:"Hide password",loading:"Loading",mute:"Mute",nextSlide:"Next slide",noResults:"No results found",numOptionsSelected:e=>e===0?"":`Options Selected (${e})`,pauseAudio:"Pause Audio",playAudio:"Play Audio",playbackSpeed:"Playback Speed",previousSlide:"Previous slide",progress:"Progress",remove:"Remove",removed:e=>`${e} removed`,resize:"Resize",scrollToEnd:"Scroll to end",scrollToStart:"Scroll to start",selectAColorFromTheScreen:"Select a color from the screen",selectDefaultPlaceholder:"Please select",showLess:"Show less",showMore:"Show more",showPassword:"Show password",slideNum:e=>`Slide ${e}`,tagsSelected:"Options selected",toggleColorFormat:"Toggle color format",unmute:"Unmute"};o(l);var t=l;export{t as a};

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

@@ -1 +0,0 @@
-import{a as h,c as m}from"./chunk.A3DKF5BY.js";import{a as d,d as c}from"./chunk.RQYP7MH5.js";import{a as u}from"./chunk.KLRPP4NQ.js";import{a as n}from"./chunk.E2DRD2OX.js";import{a as w}from"./chunk.26YUWEYR.js";import{a as o}from"./chunk.TWQVHGYD.js";import{a as f,b as s,d as b,h as l}from"./chunk.GQU4LYQ6.js";import{b as p,e as r}from"./chunk.IRWHG2Q4.js";import{e}from"./chunk.TJOCV4DC.js";var y=Object.assign(document.createElement("div"),{className:"sd-toast-stack sd-toast-stack--top-right"}),v=Object.assign(document.createElement("div"),{className:"sd-toast-stack sd-toast-stack--bottom-center"}),t=class extends l{constructor(){super(...arguments);this.localize=new w(this);this.variant="info";this.open=!1;this.closable=!1;this.duration=1/0;this.durationIndicator=!1;this.toastStack="top-right";this.remainingDuration=this.duration;this.startTime=Date.now()}firstUpdated(){this.base.hidden=!this.open}startAutoHide(){clearTimeout(this.autoHideTimeout),this.startTime=Date.now(),this.remainingDuration=this.duration,this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>this.hide(),this.duration))}onHover(){clearTimeout(this.autoHideTimeout),this.duration<1/0&&(this.remainingDuration-=Date.now()-this.startTime)}onHoverEnd(){this.startTime=Date.now(),clearTimeout(this.autoHideTimeout),this.open&&this.duration<1/0&&(this.autoHideTimeout=window.setTimeout(()=>{this.hide()},this.remainingDuration))}handleCloseClick(){this.hide()}async handleOpenChange(){if(this.open){this.emit("sd-show"),this.duration<1/0&&this.startAutoHide(),await c(this.base),this.base.hidden=!1;let{keyframes:a,options:i}=m(this,"notification.show",{dir:this.localize.dir()});await d(this.base,a,i),this.emit("sd-after-show")}else{this.emit("sd-hide"),clearTimeout(this.autoHideTimeout),await c(this.base);let{keyframes:a,options:i}=m(this,"notification.hide",{dir:this.localize.dir()});await d(this.base,a,i),this.base.hidden=!0,this.emit("sd-after-hide")}}handleDurationChange(){this.startAutoHide()}async show(){if(!this.open)return this.open=!0,u(this,"sd-after-show")}async hide(){if(this.open)return this.open=!1,u(this,"sd-after-hide")}async toast(){return new Promise(a=>{let i=this.toastStack==="bottom-center"?v:y;i.parentElement===null&&document.body.append(i),i.appendChild(this),requestAnimationFrame(()=>{this.clientWidth,this.show()}),this.addEventListener("sd-after-hide",()=>{i.removeChild(this),a(),i.querySelector("sd-4-1-2-notification")===null&&i.remove()},{once:!0})})}render(){return r`<div part="base" class="${o("w-full overflow-hidden flex items-stretch relative m-2")}" role="alert" id="notification" aria-hidden="${this.open?"false":"true"}" @mouseenter="${this.onHover}" @mouseleave="${this.onHoverEnd}"><slot name="icon" part="icon" class="${o("min-w-min flex items-center px-3 justify-center",{info:"bg-info",success:"bg-success",warning:"bg-warning",error:"bg-error"}[this.variant])}"><sd-4-1-2-icon name="${{info:"info-circle",success:"confirm-circle",warning:"exclamation-circle",error:"warning"}[this.variant]||""}" library="system" class="h-6 w-6 text-white"></sd-4-1-2-icon></slot><div part="content" class="${o("h-full w-full p-1 gap-2 flex items-center justify-stretch bg-white","border-solid border-[1px] border-l-0 border-neutral-400")}"><slot part="message" class="block w-full pl-3 py-2" aria-live="polite"></slot>${this.closable?r`<sd-4-1-2-button size="md" variant="tertiary" part="close-button" class="ml-auto flex flex-[0_0_auto] items-stretch" @click="${this.handleCloseClick}"><sd-4-1-2-icon label="${this.localize.term("close")}" name="close" library="system" color="currentColor"></sd-4-1-2-icon></sd-4-1-2-button>`:""}</div>${this.durationIndicator?r`<div part="duration-indicator__elapsed" id="duration-indicator__elapsed" style="${`animation-duration: ${this.duration}ms`}" class="${o("absolute w-0 h-[2px] bottom-0 bg-primary z-10 animate-grow")}"></div><div part="duration-indicator__total" class="w-full h-[2px] bottom-0 absolute border border-neutral-400"></div>`:""}</div>`}};t.styles=[...l.styles,p`:host{display:contents}#notification:hover #duration-indicator__elapsed{animation-play-state:paused!important}`],e([b('[part~="base"]')],t.prototype,"base",2),e([s({reflect:!0})],t.prototype,"variant",2),e([s({type:Boolean,reflect:!0})],t.prototype,"open",2),e([s({type:Boolean,reflect:!0})],t.prototype,"closable",2),e([s({type:Number})],t.prototype,"duration",2),e([s({type:Boolean,reflect:!0,attribute:"duration-indicator"})],t.prototype,"durationIndicator",2),e([s({reflect:!0,attribute:"toast-stack"})],t.prototype,"toastStack",2),e([n("open",{waitUntilFirstUpdate:!0})],t.prototype,"handleOpenChange",1),e([n("duration")],t.prototype,"handleDurationChange",1),t=e([f("sd-4-1-2-notification")],t);h("notification.show",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:250,easing:"ease"}});h("notification.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:250,easing:"ease"}});export{t as a};