@solid-design-system/components 6.24.1 → 6.25.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@solid-design-system/components",
   "description": "Solid Design System: Components",
-  "version": "6.24.1",
+  "version": "6.25.0",
   "homepage": "https://solid-design-system.fe.union-investment.de/docs/",
   "author": "Union Investment",
   "license": "MIT",
@@ -19,6 +19,7 @@
       "types": "./dist/solid-components.d.ts",
       "import": "./dist/solid-components.js"
     },
+    "./package.json": "./package.json",
     "./dist/custom-elements.json": "./dist/custom-elements.json",
     "./dist/solid-components.js": "./dist/solid-components.js",
     "./dist/solid-components.css": "./dist/solid-components.css",

package/cdn/chunks/chunk.7R76DQCY.js

@@ -1,2 +0,0 @@
-import{a as o}from"./chunk.LHSR56PH.js";import{a as x}from"./chunk.CGQ2BPPZ.js";import{a as h,b as a}from"./chunk.NL7YFV4O.js";import{a as b}from"./chunk.VAM5SM3O.js";import{a as s}from"./chunk.UFTAQNZB.js";import{a as m,b as r,d as p,h as f}from"./chunk.VMZSSKC5.js";import{b as v}from"./chunk.OBAEIKIV.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends f{constructor(){super(...arguments);this.hasSlotController=new x(this,"[default]","description","children");this.localize=new b(this);this.vertical=!1;this.size="md";this.current=!1;this.disabled=!1;this.stacked=!1;this.chevron=!1;this.relaxed=!1;this.divider=!1;this.indented=!1;this.open=!1;this.separated=!1}get isButton(){return!this.href&&!this.hasSlotController.test("children")}get isLink(){return!!this.href}get isAccordion(){return!this.separated&&!this.href&&this.hasSlotController.test("children")}get isIconOnly(){if(!this.defaultSlot)return!1;let i=this.defaultSlot.assignedNodes({flatten:!0});return i.length>0&&i.every(n=>{var c;return n.nodeType===Node.TEXT_NODE?!((c=n.textContent)!=null&&c.trim()):n.nodeType===Node.ELEMENT_NODE?n.tagName.toLowerCase()==="sd-icon":!1})}get isStackedHorizontal(){return!this.vertical&&this.stacked}handleClickButton(i){this.disabled&&(i.preventDefault(),i.stopPropagation())}handleClickSummary(i){i.preventDefault(),i.stopPropagation(),this.disabled||(this.open?this.hideDetails():this.showDetails())}hideDetails(){this.open=!1,this.emit("sd-hide",{cancelable:!0})}showDetails(){this.open=!0,this.emit("sd-show",{cancelable:!0})}get calculatePaddingX(){return this.relaxed&&this.indented?"pl-8 pr-4":this.relaxed?"px-4":this.indented?"pl-4":""}get tag(){return this.separated&&!this.isLink?h`div`:this.isAccordion&&!this.isLink?h`summary`:this.isLink?h`a`:h`button`}focus(){var i;this.disabled||(i=this.button)==null||i.focus()}blur(){var i;(i=this.button)==null||i.blur()}render(){let i=this.tag,n=this.isLink,c=this.isButton,l=this.isAccordion,y=this.isIconOnly,d={label:this.hasSlotController.test("[default]"),main:this.hasSlotController.test("main"),description:this.hasSlotController.test("description"),children:this.hasSlotController.test("children")},g=this.vertical?"py-3":this.isStackedHorizontal?"pt-1 pb-1":"py-2",u=a`<${i} part="base" class="${s("flex items-center cursor-pointer relative focus-visible:focus-outline group hover:bg-neutral-200 transition-colors duration-fast ease-in-out min-h-[48px] navigable-border-radius",this.isStackedHorizontal?"text-xs leading-4.5":{md:"navigable-font-size",lg:"text-lg",sm:"text-[14px]"}[this.size],this.disabled?"text-neutral-500 pointer-events-none":"sd-navigation-item-color-text",this.current&&!this.disabled&&"sd-navigation-item--current-color-text",this.current&&!this.isStackedHorizontal&&"font-bold",!this.current&&!this.isStackedHorizontal&&"choice-control-font-weight",!l&&"w-full",this.divider&&this.vertical&&"mt-0.25",!this.vertical&&(this.isStackedHorizontal?"inline-flex flex-col items-center justify-center text-center rounded-full wrap":"inline-flex items-center"),!this.separated&&"hover:bg-neutral-200 group transition-colors duration-fast ease-in-out min-h-[48px]",y?"justify-center aspect-square p-3":this.isStackedHorizontal?"px-8":"px-4")}" aria-current="${o(this.current?"page":void 0)}" aria-disabled="${this.disabled}" aria-labelledby="content" aria-describedby="description" ?disabled="${o(c?this.disabled:void 0)}" href="${o(n?this.href:void 0)}" target="${o(n?this.target:void 0)}" download="${o(n?this.download:void 0)}" rel="${o(n&&this.target?"noreferrer noopener":void 0)}" tabindex="${this.disabled?"-1":"0"}" @click="${this.separated?void 0:l?this.handleClickSummary:c?this.handleClickButton:void 0}"><div part="current-indicator" class="${s("absolute bg-accent pointer-events-none navigable__current-indicator-border-radius",this.vertical?"navigable__current-indicator-width h-[calc(100%-16px)] top-2 left-0 group-hover:h-full group-hover:top-0":this.isStackedHorizontal?"h-[2px] left-6 right-6 bottom-0":"navigable__current-indicator-height w-[calc(100%-16px)] left-2 bottom-0 group-hover:w-full group-hover:left-0 transition-all",this.disabled&&"bg-neutral-500")}"></div><div class="${s("inline-flex justify-center gap-1 w-full h-full",this.isStackedHorizontal?"flex-col items-center":"flex-col")}"><span part="content-area" class="${s("relative inline-flex justify-between items-center",l?"grow":"w-full",this.isStackedHorizontal&&"justify-center",d.description&&"pt-3",!d.description&&!this.separated&&g,this.calculatePaddingX)}">${this.divider&&this.vertical?a`<sd-divider part="divider" class="${s("w-full transition-all absolute -top-0.25 left-0",this.calculatePaddingX)}"></sd-divider>`:""} <span id="content" part="content-container" class="${s(this.vertical?"inline-flex flex-auto items-center gap-2":this.isStackedHorizontal?"inline-flex items-center text-center":"inline-flex flex-auto flex-col items-center justify-center gap-1 text-center")}"><slot part="content" class="${s(this.vertical?"inline-flex items-center gap-2":"inline-flex flex-col items-center justify-center gap-1 text-center")}"></slot></span>${this.chevron||d.children&&this.vertical&&!this.separated?a`<sd-icon name="chevron-down" part="chevron" library="_internal" color="currentColor" class="${s("h-6 w-6 ml-2 transition-all",l?this.open?"rotate-180":"rotate-0":"rotate-[270deg]")}"></sd-icon>`:""} </span>${d.description&&this.vertical?a`<slot id="description" name="description" part="description" class="${s("inline-block text-sm text-left font-normal text-black pb-3",l||this.separated?"grow":"w-full",this.calculatePaddingX)}"></slot>`:""}</div></${i}>`;return this.separated?a`<div part="details" id="navigation-item-details" class="relative flex flex-col"><div class="flex items-start">${u} ${d.children&&this.vertical?a`<button type="button" title="${this.open?this.localize.term("collapseNavigationItem"):this.localize.term("expandNavigationItem")}" class="sd-interactive sd-interactive--reset -mt-1" @click="${this.handleClickSummary}"><sd-icon name="chevron-down" part="chevron" library="_internal" color="currentColor" class="${s("m-4 h-6 w-6 transition-all",l||this.separated?this.open?"rotate-180":"rotate-0":"rotate-[270deg]")}"></sd-icon></button>`:""}</div>${this.open?a`<slot name="children"></slot>`:""}</div>`:l?a`<details aria-expanded="${this.open}" part="details" id="navigation-item-details" ?open="${this.open}" class="relative">${u}<slot name="children"></slot></details>`:a`${u}`}};t.styles=[...f.styles,v`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
-:host{position:relative;box-sizing:border-box;display:inline-block}:host([vertical]){display:block}:host([stacked]:not([vertical])) ::slotted(sd-icon){height:var(--sd-spacing-6);width:var(--sd-spacing-6)}.sd-navigation-item--current-color-text{color:rgb(var(--sd-navigation-item--current-color-text,var(--sd-navigation-item-color-text)))}details summary::-webkit-details-marker{display:none}[part=current-indicator]{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-0);--tw-duration:var(--sd-duration-fast, 150ms);transition-duration:var(--sd-duration-fast,150ms);transition:width var(--sd-duration-fast) ease-in-out,height var(--sd-duration-fast) ease-in-out,left var(--sd-duration-fast) ease-in-out,top var(--sd-duration-fast) ease-in-out,opacity var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out var(--sd-duration-fast)}:host([current]) [part=current-indicator]{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-100);transition:width var(--sd-duration-fast) ease-in-out,height var(--sd-duration-fast) ease-in-out,left var(--sd-duration-fast) ease-in-out,top var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-duration{syntax:"*";inherits:false}`],e([p('[part="base"]')],t.prototype,"button",2),e([p("slot:not([name])")],t.prototype,"defaultSlot",2),e([r({type:Boolean,reflect:!0})],t.prototype,"vertical",2),e([r({type:String,reflect:!0})],t.prototype,"size",2),e([r({reflect:!0})],t.prototype,"href",2),e([r({type:String,reflect:!0})],t.prototype,"target",2),e([r({reflect:!0})],t.prototype,"download",2),e([r({type:Boolean,reflect:!0})],t.prototype,"current",2),e([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([r({type:Boolean,reflect:!0})],t.prototype,"stacked",2),e([r({type:Boolean,reflect:!0})],t.prototype,"chevron",2),e([r({type:Boolean,reflect:!0})],t.prototype,"relaxed",2),e([r({type:Boolean,reflect:!0})],t.prototype,"divider",2),e([r({type:Boolean,reflect:!0})],t.prototype,"indented",2),e([r({type:Boolean,reflect:!0})],t.prototype,"open",2),e([r({type:Boolean,reflect:!0})],t.prototype,"separated",2),t=e([m("sd-navigation-item")],t);export{t as a};

package/cdn-versioned/chunks/chunk.7R76DQCY.js

@@ -1,2 +0,0 @@
-import{a as o}from"./chunk.LHSR56PH.js";import{a as x}from"./chunk.CGQ2BPPZ.js";import{a as h,b as a}from"./chunk.NL7YFV4O.js";import{a as b}from"./chunk.VAM5SM3O.js";import{a as s}from"./chunk.UFTAQNZB.js";import{a as m,b as r,d as p,h as f}from"./chunk.VMZSSKC5.js";import{b as v}from"./chunk.OBAEIKIV.js";import{e}from"./chunk.6EV4YU6C.js";var t=class extends f{constructor(){super(...arguments);this.hasSlotController=new x(this,"[default]","description","children");this.localize=new b(this);this.vertical=!1;this.size="md";this.current=!1;this.disabled=!1;this.stacked=!1;this.chevron=!1;this.relaxed=!1;this.divider=!1;this.indented=!1;this.open=!1;this.separated=!1}get isButton(){return!this.href&&!this.hasSlotController.test("children")}get isLink(){return!!this.href}get isAccordion(){return!this.separated&&!this.href&&this.hasSlotController.test("children")}get isIconOnly(){if(!this.defaultSlot)return!1;let i=this.defaultSlot.assignedNodes({flatten:!0});return i.length>0&&i.every(n=>{var c;return n.nodeType===Node.TEXT_NODE?!((c=n.textContent)!=null&&c.trim()):n.nodeType===Node.ELEMENT_NODE?n.tagName.toLowerCase()==="sd-6-24-1-icon":!1})}get isStackedHorizontal(){return!this.vertical&&this.stacked}handleClickButton(i){this.disabled&&(i.preventDefault(),i.stopPropagation())}handleClickSummary(i){i.preventDefault(),i.stopPropagation(),this.disabled||(this.open?this.hideDetails():this.showDetails())}hideDetails(){this.open=!1,this.emit("sd-hide",{cancelable:!0})}showDetails(){this.open=!0,this.emit("sd-show",{cancelable:!0})}get calculatePaddingX(){return this.relaxed&&this.indented?"pl-8 pr-4":this.relaxed?"px-4":this.indented?"pl-4":""}get tag(){return this.separated&&!this.isLink?h`div`:this.isAccordion&&!this.isLink?h`summary`:this.isLink?h`a`:h`button`}focus(){var i;this.disabled||(i=this.button)==null||i.focus()}blur(){var i;(i=this.button)==null||i.blur()}render(){let i=this.tag,n=this.isLink,c=this.isButton,l=this.isAccordion,y=this.isIconOnly,d={label:this.hasSlotController.test("[default]"),main:this.hasSlotController.test("main"),description:this.hasSlotController.test("description"),children:this.hasSlotController.test("children")},g=this.vertical?"py-3":this.isStackedHorizontal?"pt-1 pb-1":"py-2",u=a`<${i} part="base" class="${s("flex items-center cursor-pointer relative focus-visible:focus-outline group hover:bg-neutral-200 transition-colors duration-fast ease-in-out min-h-[48px] navigable-border-radius",this.isStackedHorizontal?"text-xs leading-4.5":{md:"navigable-font-size",lg:"text-lg",sm:"text-[14px]"}[this.size],this.disabled?"text-neutral-500 pointer-events-none":"sd-6-24-1-navigation-item-color-text",this.current&&!this.disabled&&"sd-6-24-1-navigation-item--current-color-text",this.current&&!this.isStackedHorizontal&&"font-bold",!this.current&&!this.isStackedHorizontal&&"choice-control-font-weight",!l&&"w-full",this.divider&&this.vertical&&"mt-0.25",!this.vertical&&(this.isStackedHorizontal?"inline-flex flex-col items-center justify-center text-center rounded-full wrap":"inline-flex items-center"),!this.separated&&"hover:bg-neutral-200 group transition-colors duration-fast ease-in-out min-h-[48px]",y?"justify-center aspect-square p-3":this.isStackedHorizontal?"px-8":"px-4")}" aria-current="${o(this.current?"page":void 0)}" aria-disabled="${this.disabled}" aria-labelledby="content" aria-describedby="description" ?disabled="${o(c?this.disabled:void 0)}" href="${o(n?this.href:void 0)}" target="${o(n?this.target:void 0)}" download="${o(n?this.download:void 0)}" rel="${o(n&&this.target?"noreferrer noopener":void 0)}" tabindex="${this.disabled?"-1":"0"}" @click="${this.separated?void 0:l?this.handleClickSummary:c?this.handleClickButton:void 0}"><div part="current-indicator" class="${s("absolute bg-accent pointer-events-none navigable__current-indicator-border-radius",this.vertical?"navigable__current-indicator-width h-[calc(100%-16px)] top-2 left-0 group-hover:h-full group-hover:top-0":this.isStackedHorizontal?"h-[2px] left-6 right-6 bottom-0":"navigable__current-indicator-height w-[calc(100%-16px)] left-2 bottom-0 group-hover:w-full group-hover:left-0 transition-all",this.disabled&&"bg-neutral-500")}"></div><div class="${s("inline-flex justify-center gap-1 w-full h-full",this.isStackedHorizontal?"flex-col items-center":"flex-col")}"><span part="content-area" class="${s("relative inline-flex justify-between items-center",l?"grow":"w-full",this.isStackedHorizontal&&"justify-center",d.description&&"pt-3",!d.description&&!this.separated&&g,this.calculatePaddingX)}">${this.divider&&this.vertical?a`<sd-6-24-1-divider part="divider" class="${s("w-full transition-all absolute -top-0.25 left-0",this.calculatePaddingX)}"></sd-6-24-1-divider>`:""} <span id="content" part="content-container" class="${s(this.vertical?"inline-flex flex-auto items-center gap-2":this.isStackedHorizontal?"inline-flex items-center text-center":"inline-flex flex-auto flex-col items-center justify-center gap-1 text-center")}"><slot part="content" class="${s(this.vertical?"inline-flex items-center gap-2":"inline-flex flex-col items-center justify-center gap-1 text-center")}"></slot></span>${this.chevron||d.children&&this.vertical&&!this.separated?a`<sd-6-24-1-icon name="chevron-down" part="chevron" library="_internal" color="currentColor" class="${s("h-6 w-6 ml-2 transition-all",l?this.open?"rotate-180":"rotate-0":"rotate-[270deg]")}"></sd-6-24-1-icon>`:""} </span>${d.description&&this.vertical?a`<slot id="description" name="description" part="description" class="${s("inline-block text-sm text-left font-normal text-black pb-3",l||this.separated?"grow":"w-full",this.calculatePaddingX)}"></slot>`:""}</div></${i}>`;return this.separated?a`<div part="details" id="navigation-item-details" class="relative flex flex-col"><div class="flex items-start">${u} ${d.children&&this.vertical?a`<button type="button" title="${this.open?this.localize.term("collapseNavigationItem"):this.localize.term("expandNavigationItem")}" class="sd-interactive sd-interactive--reset -mt-1" @click="${this.handleClickSummary}"><sd-6-24-1-icon name="chevron-down" part="chevron" library="_internal" color="currentColor" class="${s("m-4 h-6 w-6 transition-all",l||this.separated?this.open?"rotate-180":"rotate-0":"rotate-[270deg]")}"></sd-6-24-1-icon></button>`:""}</div>${this.open?a`<slot name="children"></slot>`:""}</div>`:l?a`<details aria-expanded="${this.open}" part="details" id="navigation-item-details" ?open="${this.open}" class="relative">${u}<slot name="children"></slot></details>`:a`${u}`}};t.styles=[...f.styles,v`/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties;@layer theme,base,components,utilities;
-:host{position:relative;box-sizing:border-box;display:inline-block}:host([vertical]){display:block}:host([stacked]:not([vertical])) ::slotted(sd-6-24-1-icon){height:var(--sd-spacing-6);width:var(--sd-spacing-6)}.sd-6-24-1-navigation-item--current-color-text{color:rgb(var(--sd-navigation-item--current-color-text,var(--sd-navigation-item-color-text)))}details summary::-webkit-details-marker{display:none}[part=current-indicator]{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-0);--tw-duration:var(--sd-duration-fast, 150ms);transition-duration:var(--sd-duration-fast,150ms);transition:width var(--sd-duration-fast) ease-in-out,height var(--sd-duration-fast) ease-in-out,left var(--sd-duration-fast) ease-in-out,top var(--sd-duration-fast) ease-in-out,opacity var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out var(--sd-duration-fast)}:host([current]) [part=current-indicator]{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y);opacity:var(--sd-opacity-100);transition:width var(--sd-duration-fast) ease-in-out,height var(--sd-duration-fast) ease-in-out,left var(--sd-duration-fast) ease-in-out,top var(--sd-duration-fast) ease-in-out,transform var(--sd-duration-fast) ease-in-out}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-duration{syntax:"*";inherits:false}`],e([p('[part="base"]')],t.prototype,"button",2),e([p("slot:not([name])")],t.prototype,"defaultSlot",2),e([r({type:Boolean,reflect:!0})],t.prototype,"vertical",2),e([r({type:String,reflect:!0})],t.prototype,"size",2),e([r({reflect:!0})],t.prototype,"href",2),e([r({type:String,reflect:!0})],t.prototype,"target",2),e([r({reflect:!0})],t.prototype,"download",2),e([r({type:Boolean,reflect:!0})],t.prototype,"current",2),e([r({type:Boolean,reflect:!0})],t.prototype,"disabled",2),e([r({type:Boolean,reflect:!0})],t.prototype,"stacked",2),e([r({type:Boolean,reflect:!0})],t.prototype,"chevron",2),e([r({type:Boolean,reflect:!0})],t.prototype,"relaxed",2),e([r({type:Boolean,reflect:!0})],t.prototype,"divider",2),e([r({type:Boolean,reflect:!0})],t.prototype,"indented",2),e([r({type:Boolean,reflect:!0})],t.prototype,"open",2),e([r({type:Boolean,reflect:!0})],t.prototype,"separated",2),t=e([m("sd-6-24-1-navigation-item")],t);export{t as a};