@solid-design-system/components 5.15.4 → 5.15.5

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@solid-design-system/components",
   "description": "Solid Design System: Components",
-  "version": "5.15.4",
+  "version": "5.15.5",
   "homepage": "https://solid-design-system.fe.union-investment.de/docs/",
   "author": "Union Investment",
   "license": "MIT",
@@ -111,8 +111,8 @@
   "readme": "README.md",
   "meta": {
     "bundleSizeInKb": {
-      "uncompressed": 478,
-      "gzip": 112
+      "uncompressed": 479,
+      "gzip": 113
     }
   },
   "scripts": {

package/cdn/chunks/chunk.75DB7UUI.js

@@ -1 +0,0 @@
-import{a as p}from"./chunk.CGQ2BPPZ.js";import{a as l}from"./chunk.GLVMB2MH.js";import{a as h,b as a}from"./chunk.JMGRPC2F.js";import{a as e}from"./chunk.26V4EXHB.js";import{a as s}from"./chunk.E2DRD2OX.js";import{a as m,b as r,h as d}from"./chunk.ZPDA7Y7H.js";import{b}from"./chunk.ZR5P6TQI.js";import{e as i}from"./chunk.TJOCV4DC.js";var t=class extends d{constructor(){super(...arguments);this.hasSlotController=new p(this,"label","[default]");this.size="lg";this.orientation="horizontal";this.horizontalInline=!1;this.waiting=!1;this.disabled=!1;this.current=!1;this.noTail=!1;this.notInteractive=!1;this.label="";this.description="";this.index=1;this.href=""}connectedCallback(){super.connectedCallback()}isLink(){return!!this.href}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}handleCurrentChange(){this.current&&(this.disabled=!1,this.waiting=!1)}handleDisabledChange(){this.disabled&&(this.current=!1,this.waiting=!1)}handleWaitingChange(){this.waiting&&(this.current=!1,this.disabled=!1)}handleInteractivityChange(){this.notInteractive&&(this.current=!1,this.disabled=!1,this.waiting=!1)}render(){let f=this.isLink(),u=this.notInteractive||this.waiting?h`div`:f?h`a`:h`button`,g=this.hasSlotController.test("label"),c=this.label?!0:g,v=this.hasSlotController.test("[default]"),n=this.description?!0:v,o=this.horizontalInline&&this.orientation==="horizontal",x=e("flex shrink-0 gap-2",this.noTail&&!o&&"w-max",this.orientation==="horizontal"?"flex-row":"flex-col items-stretch",o&&"items-start",this.orientation==="horizontal"&&!this.horizontalInline?this.size==="lg"?"translateLg":"translateSm":this.size==="lg"?"mt-1":"mt-3"),w=e("border rounded-full aspect-square circle flex items-center justify-center shrink-0 font-bold select-none",this.disabled?"focus-visible:outline-none cursor-not-allowed":!this.notInteractive&&!this.waiting?"focus-visible:focus-outline hover:cursor-pointer":"",this.notInteractive?this.size==="lg"?"not-interactive-lg":"w-12":this.size==="lg"?"w-12":"w-8",this.disabled&&"border-neutral-500 text-neutral-500",this.waiting&&"border-neutral-400 text-neutral-700",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&"border-primary hover:bg-primary-100 hover:border-primary-500",this.notInteractive&&"border-neutral-400",this.current&&"bg-accent border-none text-white");return a`<div role="listitem" part="base" class="${e("flex pt-1",this.orientation==="horizontal"?"flex-col w-full":"flex-row gap-4 items-stretch h-full w-full overflow-hidden",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&"group")}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"><div part="circle-and-tail-container" class="${x}"><${u} part="circle" href="${l(f?this.href:void 0)}" aria-disabled="${l(this.disabled||this.waiting||void 0)}" aria-current="${this.current?"step":void 0}" aria-labelledby="${l(this.notInteractive||this.waiting||!c?void 0:"label")}" aria-describedby="${l(this.notInteractive||this.waiting||!n?void 0:"description")}" class="${w}"><slot name="circle-content" class="${e("text-lg",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&"text-primary hover:text-primary-500 hover:fill-primary-500",this.notInteractive&&"text-primary")}">${!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting?a`<sd-icon name="status-check" library="_internal" class="${e(this.size==="sm"&&"text-sm")}"></sd-icon>`:a`${this.index}`}</slot></${u}>${o?a`<div class="${e("flex flex-col gap-1 flex-1")}"><div class="${e("flex w-full",c&&"gap-2",this.size==="sm"&&!n?"mt-1":"mt-3")}">${c?a`<div part="label" id="label" class="${e("font-bold sd-paragraph whitespace-nowrap",this.disabled&&"text-neutral-500",this.waiting&&"text-neutral-700",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting?"text-primary":"text-black")}"><slot name="label">${this.label}</slot></div>`:""} ${this.noTail?a`<div class="flex-1"></div>`:a`<div part="tail" class="${e("border-t flex-1 mr-2 mt-3",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting?"border-primary":"border-neutral-500")}"></div>`}</div><div part="description" id="description" class="${e("sd-paragraph sd-paragraph--size-sm break-words",n?"flex-1 pr-4":"w-0 h-0 overflow-hidden",(this.disabled||this.waiting)&&"text-neutral-700")}">${n?this.description||a`<slot></slot>`:""}</div></div>`:this.noTail?"":a`<div part="tail" class="${e(this.orientation==="horizontal"?"border-t w-full my-auto mr-2":"border-l flex-grow flex-shrink-0 basis-auto h-full w-[1px] mx-auto",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting?"border-primary":"border-neutral-400")}"></div>`}</div>${o?"":a`<div part="text-container" class="${e("mt-4 break-words flex flex-col gap-2",this.orientation==="horizontal"?"text-center w-40":"text-left",this.disabled&&"text-neutral-500",this.waiting&&"text-neutral-700",this.notInteractive?"ml-2":"mr-4")}"><div part="label" id="label" class="${e("!font-bold sd-paragraph",this.disabled&&"text-neutral-500",this.waiting&&"text-neutral-700",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting?"text-primary":"text-black")}"><slot name="label">${this.label}</slot></div><div part="description" id="description" class="${e("sd-paragraph sd-paragraph--size-sm",(this.disabled||this.waiting)&&"text-neutral-700")}">${this.description||a`<slot></slot>`}</div></div>`}</div>`}};t.styles=[...d.styles,b`:host{flex:1 1 0%}:host([no-tail]){flex-grow:0}:host([horizontal-inline]){flex:1 1 0%;min-width:var(--sd-spacing-0,0)}:host([horizontal-inline][no-tail]){flex:1 1 0%}.translateLg{transform:translateX(3.438rem)}.translateSm{transform:translateX(4rem)}.not-interactive-lg{width:4.5rem}`],i([r({type:String,reflect:!0})],t.prototype,"size",2),i([r({type:String,reflect:!0})],t.prototype,"orientation",2),i([r({type:Boolean,reflect:!0,attribute:"horizontal-inline"})],t.prototype,"horizontalInline",2),i([r({type:Boolean,reflect:!0})],t.prototype,"waiting",2),i([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([r({type:Boolean,reflect:!0})],t.prototype,"current",2),i([r({reflect:!0,type:Boolean,attribute:"no-tail"})],t.prototype,"noTail",2),i([r({type:Boolean,reflect:!0,attribute:"not-interactive"})],t.prototype,"notInteractive",2),i([r({type:String,reflect:!0})],t.prototype,"label",2),i([r({type:String,reflect:!0})],t.prototype,"description",2),i([r({type:Number,reflect:!0,attribute:"index"})],t.prototype,"index",2),i([r({type:String,reflect:!0})],t.prototype,"href",2),i([s("current")],t.prototype,"handleCurrentChange",1),i([s("disabled")],t.prototype,"handleDisabledChange",1),i([s("waiting")],t.prototype,"handleWaitingChange",1),i([s("notInteractive")],t.prototype,"handleInteractivityChange",1),t=i([m("sd-step")],t);export{t as a};

package/cdn-versioned/chunks/chunk.75DB7UUI.js

@@ -1 +0,0 @@
-import{a as p}from"./chunk.CGQ2BPPZ.js";import{a as l}from"./chunk.GLVMB2MH.js";import{a as h,b as a}from"./chunk.JMGRPC2F.js";import{a as e}from"./chunk.26V4EXHB.js";import{a as s}from"./chunk.E2DRD2OX.js";import{a as m,b as r,h as d}from"./chunk.ZPDA7Y7H.js";import{b}from"./chunk.ZR5P6TQI.js";import{e as i}from"./chunk.TJOCV4DC.js";var t=class extends d{constructor(){super(...arguments);this.hasSlotController=new p(this,"label","[default]");this.size="lg";this.orientation="horizontal";this.horizontalInline=!1;this.waiting=!1;this.disabled=!1;this.current=!1;this.noTail=!1;this.notInteractive=!1;this.label="";this.description="";this.index=1;this.href=""}connectedCallback(){super.connectedCallback()}isLink(){return!!this.href}handleBlur(){this.emit("sd-blur")}handleFocus(){this.emit("sd-focus")}handleCurrentChange(){this.current&&(this.disabled=!1,this.waiting=!1)}handleDisabledChange(){this.disabled&&(this.current=!1,this.waiting=!1)}handleWaitingChange(){this.waiting&&(this.current=!1,this.disabled=!1)}handleInteractivityChange(){this.notInteractive&&(this.current=!1,this.disabled=!1,this.waiting=!1)}render(){let f=this.isLink(),u=this.notInteractive||this.waiting?h`div`:f?h`a`:h`button`,g=this.hasSlotController.test("label"),c=this.label?!0:g,v=this.hasSlotController.test("[default]"),n=this.description?!0:v,o=this.horizontalInline&&this.orientation==="horizontal",x=e("flex shrink-0 gap-2",this.noTail&&!o&&"w-max",this.orientation==="horizontal"?"flex-row":"flex-col items-stretch",o&&"items-start",this.orientation==="horizontal"&&!this.horizontalInline?this.size==="lg"?"translateLg":"translateSm":this.size==="lg"?"mt-1":"mt-3"),w=e("border rounded-full aspect-square circle flex items-center justify-center shrink-0 font-bold select-none",this.disabled?"focus-visible:outline-none cursor-not-allowed":!this.notInteractive&&!this.waiting?"focus-visible:focus-outline hover:cursor-pointer":"",this.notInteractive?this.size==="lg"?"not-interactive-lg":"w-12":this.size==="lg"?"w-12":"w-8",this.disabled&&"border-neutral-500 text-neutral-500",this.waiting&&"border-neutral-400 text-neutral-700",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&"border-primary hover:bg-primary-100 hover:border-primary-500",this.notInteractive&&"border-neutral-400",this.current&&"bg-accent border-none text-white");return a`<div role="listitem" part="base" class="${e("flex pt-1",this.orientation==="horizontal"?"flex-col w-full":"flex-row gap-4 items-stretch h-full w-full overflow-hidden",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&"group")}" @focus="${this.handleFocus}" @blur="${this.handleBlur}"><div part="circle-and-tail-container" class="${x}"><${u} part="circle" href="${l(f?this.href:void 0)}" aria-disabled="${l(this.disabled||this.waiting||void 0)}" aria-current="${this.current?"step":void 0}" aria-labelledby="${l(this.notInteractive||this.waiting||!c?void 0:"label")}" aria-describedby="${l(this.notInteractive||this.waiting||!n?void 0:"description")}" class="${w}"><slot name="circle-content" class="${e("text-lg",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting&&"text-primary hover:text-primary-500 hover:fill-primary-500",this.notInteractive&&"text-primary")}">${!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting?a`<sd-5-15-4-icon name="status-check" library="_internal" class="${e(this.size==="sm"&&"text-sm")}"></sd-5-15-4-icon>`:a`${this.index}`}</slot></${u}>${o?a`<div class="${e("flex flex-col gap-1 flex-1")}"><div class="${e("flex w-full",c&&"gap-2",this.size==="sm"&&!n?"mt-1":"mt-3")}">${c?a`<div part="label" id="label" class="${e("font-bold sd-paragraph whitespace-nowrap",this.disabled&&"text-neutral-500",this.waiting&&"text-neutral-700",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting?"text-primary":"text-black")}"><slot name="label">${this.label}</slot></div>`:""} ${this.noTail?a`<div class="flex-1"></div>`:a`<div part="tail" class="${e("border-t flex-1 mr-2 mt-3",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting?"border-primary":"border-neutral-500")}"></div>`}</div><div part="description" id="description" class="${e("sd-paragraph sd-paragraph--size-sm break-words",n?"flex-1 pr-4":"w-0 h-0 overflow-hidden",(this.disabled||this.waiting)&&"text-neutral-700")}">${n?this.description||a`<slot></slot>`:""}</div></div>`:this.noTail?"":a`<div part="tail" class="${e(this.orientation==="horizontal"?"border-t w-full my-auto mr-2":"border-l flex-grow flex-shrink-0 basis-auto h-full w-[1px] mx-auto",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting?"border-primary":"border-neutral-400")}"></div>`}</div>${o?"":a`<div part="text-container" class="${e("mt-4 break-words flex flex-col gap-2",this.orientation==="horizontal"?"text-center w-40":"text-left",this.disabled&&"text-neutral-500",this.waiting&&"text-neutral-700",this.notInteractive?"ml-2":"mr-4")}"><div part="label" id="label" class="${e("!font-bold sd-paragraph",this.disabled&&"text-neutral-500",this.waiting&&"text-neutral-700",!this.disabled&&!this.current&&!this.notInteractive&&!this.waiting?"text-primary":"text-black")}"><slot name="label">${this.label}</slot></div><div part="description" id="description" class="${e("sd-paragraph sd-paragraph--size-sm",(this.disabled||this.waiting)&&"text-neutral-700")}">${this.description||a`<slot></slot>`}</div></div>`}</div>`}};t.styles=[...d.styles,b`:host{flex:1 1 0%}:host([no-tail]){flex-grow:0}:host([horizontal-inline]){flex:1 1 0%;min-width:var(--sd-spacing-0,0)}:host([horizontal-inline][no-tail]){flex:1 1 0%}.translateLg{transform:translateX(3.438rem)}.translateSm{transform:translateX(4rem)}.not-interactive-lg{width:4.5rem}`],i([r({type:String,reflect:!0})],t.prototype,"size",2),i([r({type:String,reflect:!0})],t.prototype,"orientation",2),i([r({type:Boolean,reflect:!0,attribute:"horizontal-inline"})],t.prototype,"horizontalInline",2),i([r({type:Boolean,reflect:!0})],t.prototype,"waiting",2),i([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),i([r({type:Boolean,reflect:!0})],t.prototype,"current",2),i([r({reflect:!0,type:Boolean,attribute:"no-tail"})],t.prototype,"noTail",2),i([r({type:Boolean,reflect:!0,attribute:"not-interactive"})],t.prototype,"notInteractive",2),i([r({type:String,reflect:!0})],t.prototype,"label",2),i([r({type:String,reflect:!0})],t.prototype,"description",2),i([r({type:Number,reflect:!0,attribute:"index"})],t.prototype,"index",2),i([r({type:String,reflect:!0})],t.prototype,"href",2),i([s("current")],t.prototype,"handleCurrentChange",1),i([s("disabled")],t.prototype,"handleDisabledChange",1),i([s("waiting")],t.prototype,"handleWaitingChange",1),i([s("notInteractive")],t.prototype,"handleInteractivityChange",1),t=i([m("sd-5-15-4-step")],t);export{t as a};