@solid-design-system/components 4.0.4 → 4.0.6

package/package.json

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

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

@@ -1,4 +0,0 @@
-import{a as u,c}from"./chunk.A3DKF5BY.js";import{a as p,b as d,d as l}from"./chunk.RQYP7MH5.js";import{a as m}from"./chunk.KLRPP4NQ.js";import{a as r}from"./chunk.E2DRD2OX.js";import{a as g}from"./chunk.26YUWEYR.js";import{a as n}from"./chunk.DCOFYPWX.js";import{a as v,b as i,d as a,h}from"./chunk.ERIS2E6E.js";import{b as f,e as w}from"./chunk.IRWHG2Q4.js";import{e as t}from"./chunk.TJOCV4DC.js";var e=class extends h{constructor(){super(...arguments);this.isFocusTriggered=!1;this.localize=new g(this);this.size="lg";this.content="";this.placement="top";this.disabled=!1;this.open=!1;this.trigger="click focus";this.hoist=!1}connectedCallback(){super.connectedCallback(),this.handleBlur=this.handleBlur.bind(this),this.handleClick=this.handleClick.bind(this),this.handleFocus=this.handleFocus.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleMouseOver=this.handleMouseOver.bind(this),this.handleMouseOut=this.handleMouseOut.bind(this),this.updateComplete.then(()=>{this.addEventListener("blur",this.handleBlur,!0),this.addEventListener("focus",this.handleFocus,!0),this.addEventListener("click",this.handleClick),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("mouseover",this.handleMouseOver),this.addEventListener("mouseout",this.handleMouseOut)})}firstUpdated(){this.body.hidden=!this.open,this.open&&(this.popup.active=!0,this.popup.reposition())}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("blur",this.handleBlur,!0),this.removeEventListener("focus",this.handleFocus,!0),this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("mouseover",this.handleMouseOver),this.removeEventListener("mouseout",this.handleMouseOut)}handleBlur(){this.hasTrigger("focus")&&this.hide()}handleClick(){if(this.hasTrigger("click")){if(this.isFocusTriggered){this.isFocusTriggered=!1;return}this.open?this.hide():this.show()}}handleFocus(){this.hasTrigger("focus")&&(this.isFocusTriggered=!0,this.show())}handleKeyDown(s){this.open&&s.key==="Escape"&&(s.stopPropagation(),this.hide())}handleMouseOver(){if(this.hasTrigger("hover")){let s=d(getComputedStyle(this).getPropertyValue("--show-delay"));clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout(()=>this.show(),s)}}handleMouseOut(){if(this.hasTrigger("hover")){let s=d(getComputedStyle(this).getPropertyValue("--hide-delay"));clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout(()=>this.hide(),s)}}hasTrigger(s){return this.trigger.split(" ").includes(s)}async handleOpenChange(){if(this.open){if(this.disabled)return;this.emit("sd-show"),await l(this.body),this.body.hidden=!1,this.popup.active=!0;let{keyframes:s,options:o}=c(this,"tooltip.show",{dir:this.localize.dir()});await p(this.popup.popup,s,o),this.emit("sd-after-show")}else{this.emit("sd-hide"),await l(this.body);let{keyframes:s,options:o}=c(this,"tooltip.hide",{dir:this.localize.dir()});await p(this.popup.popup,s,o),this.popup.active=!1,this.body.hidden=!0,this.emit("sd-after-hide")}}async handleOptionsChange(){this.hasUpdated&&(await this.updateComplete,this.popup.reposition())}handleDisabledChange(){this.disabled&&this.open&&this.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(){let s=this.placement.endsWith("-start"),o=this.placement.endsWith("-end");return w`<sd-popup part="base" exportparts="
-          popup:base__popup,
-          arrow:base__arrow
-        " class="${n(this.open&&"tooltip--open")}" placement="${this.placement}" distance="10" skidding="${{start:2,end:-2,default:0}[s?"start":o?"end":"default"]*(this.size==="sm"?-1:1)}" strategy="${this.hoist?"fixed":"absolute"}" flip shift arrow auto-size="vertical" arrow-padding="0"><slot slot="anchor" aria-describedby="tooltip" class="${n(this.size==="lg"?"text-xl":"text-base")}"><button class="flex sd-interactive rounded-full"><sd-icon library="system" name="info-circle" class="${n(this.disabled&&"sd-interactive--disabled")}"></sd-icon></button></slot><slot name="content" part="body" id="tooltip" class="bg-primary text-white py-3 px-4 block rounded-none text-sm text-left" role="tooltip" aria-label="Tooltip" aria-live="${this.open?"polite":"off"}">${this.content}</slot></sd-popup>`}};e.styles=[...h.styles,f`:host{--hide-delay:0ms;--show-delay:150ms;display:contents}sd-popup{--arrow-color:rgb(var(--sd-color-primary,0 53 142)/1);--arrow-size:10px}sd-popup::part(popup){pointer-events:none;z-index:10;--tw-shadow:var(--sd-shadow,0px 1px 3px 0px rgba(81,81,81,.75));--tw-shadow-colored:0px 1px 3px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}sd-popup::part(arrow){--tw-shadow:var(--sd-shadow,0px 1px 3px 0px rgba(81,81,81,.75));--tw-shadow-colored:0px 1px 3px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}sd-popup[placement^=top]::part(popup){transform-origin:bottom}sd-popup[placement^=bottom]::part(popup){transform-origin:top}#tooltip{max-width:var(--max-width)}::slotted([slot=content]){max-height:var(--auto-size-available-height)!important;max-width:var(--auto-size-available-width)!important;overflow:auto}`],t([a("slot:not([name])")],e.prototype,"defaultSlot",2),t([a("#tooltip")],e.prototype,"body",2),t([a("sd-popup")],e.prototype,"popup",2),t([i()],e.prototype,"size",2),t([i()],e.prototype,"content",2),t([i({reflect:!0})],e.prototype,"placement",2),t([i({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([i({type:Boolean,reflect:!0})],e.prototype,"open",2),t([i()],e.prototype,"trigger",2),t([i({type:Boolean})],e.prototype,"hoist",2),t([r("open",{waitUntilFirstUpdate:!0})],e.prototype,"handleOpenChange",1),t([r(["content","hoist","placement"])],e.prototype,"handleOptionsChange",1),t([r("disabled")],e.prototype,"handleDisabledChange",1),e=t([v("sd-tooltip")],e);u("tooltip.show",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:150,easing:"ease"}});u("tooltip.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:150,easing:"ease"}});export{e as a};

package/cdn-versioned/chunks/chunk.3CMEDI5Q.js

@@ -1,4 +0,0 @@
-import{a as u,c}from"./chunk.A3DKF5BY.js";import{a as p,b as d,d as l}from"./chunk.RQYP7MH5.js";import{a as m}from"./chunk.KLRPP4NQ.js";import{a as r}from"./chunk.E2DRD2OX.js";import{a as g}from"./chunk.26YUWEYR.js";import{a as n}from"./chunk.DCOFYPWX.js";import{a as v,b as i,d as a,h}from"./chunk.ERIS2E6E.js";import{b as f,e as w}from"./chunk.IRWHG2Q4.js";import{e as t}from"./chunk.TJOCV4DC.js";var e=class extends h{constructor(){super(...arguments);this.isFocusTriggered=!1;this.localize=new g(this);this.size="lg";this.content="";this.placement="top";this.disabled=!1;this.open=!1;this.trigger="click focus";this.hoist=!1}connectedCallback(){super.connectedCallback(),this.handleBlur=this.handleBlur.bind(this),this.handleClick=this.handleClick.bind(this),this.handleFocus=this.handleFocus.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleMouseOver=this.handleMouseOver.bind(this),this.handleMouseOut=this.handleMouseOut.bind(this),this.updateComplete.then(()=>{this.addEventListener("blur",this.handleBlur,!0),this.addEventListener("focus",this.handleFocus,!0),this.addEventListener("click",this.handleClick),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("mouseover",this.handleMouseOver),this.addEventListener("mouseout",this.handleMouseOut)})}firstUpdated(){this.body.hidden=!this.open,this.open&&(this.popup.active=!0,this.popup.reposition())}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("blur",this.handleBlur,!0),this.removeEventListener("focus",this.handleFocus,!0),this.removeEventListener("click",this.handleClick),this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("mouseover",this.handleMouseOver),this.removeEventListener("mouseout",this.handleMouseOut)}handleBlur(){this.hasTrigger("focus")&&this.hide()}handleClick(){if(this.hasTrigger("click")){if(this.isFocusTriggered){this.isFocusTriggered=!1;return}this.open?this.hide():this.show()}}handleFocus(){this.hasTrigger("focus")&&(this.isFocusTriggered=!0,this.show())}handleKeyDown(s){this.open&&s.key==="Escape"&&(s.stopPropagation(),this.hide())}handleMouseOver(){if(this.hasTrigger("hover")){let s=d(getComputedStyle(this).getPropertyValue("--show-delay"));clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout(()=>this.show(),s)}}handleMouseOut(){if(this.hasTrigger("hover")){let s=d(getComputedStyle(this).getPropertyValue("--hide-delay"));clearTimeout(this.hoverTimeout),this.hoverTimeout=window.setTimeout(()=>this.hide(),s)}}hasTrigger(s){return this.trigger.split(" ").includes(s)}async handleOpenChange(){if(this.open){if(this.disabled)return;this.emit("sd-show"),await l(this.body),this.body.hidden=!1,this.popup.active=!0;let{keyframes:s,options:o}=c(this,"tooltip.show",{dir:this.localize.dir()});await p(this.popup.popup,s,o),this.emit("sd-after-show")}else{this.emit("sd-hide"),await l(this.body);let{keyframes:s,options:o}=c(this,"tooltip.hide",{dir:this.localize.dir()});await p(this.popup.popup,s,o),this.popup.active=!1,this.body.hidden=!0,this.emit("sd-after-hide")}}async handleOptionsChange(){this.hasUpdated&&(await this.updateComplete,this.popup.reposition())}handleDisabledChange(){this.disabled&&this.open&&this.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(){let s=this.placement.endsWith("-start"),o=this.placement.endsWith("-end");return w`<sd-4-0-4-popup part="base" exportparts="
-          popup:base__popup,
-          arrow:base__arrow
-        " class="${n(this.open&&"tooltip--open")}" placement="${this.placement}" distance="10" skidding="${{start:2,end:-2,default:0}[s?"start":o?"end":"default"]*(this.size==="sm"?-1:1)}" strategy="${this.hoist?"fixed":"absolute"}" flip shift arrow auto-size="vertical" arrow-padding="0"><slot slot="anchor" aria-describedby="tooltip" class="${n(this.size==="lg"?"text-xl":"text-base")}"><button class="flex sd-interactive rounded-full"><sd-4-0-4-icon library="system" name="info-circle" class="${n(this.disabled&&"sd-interactive--disabled")}"></sd-4-0-4-icon></button></slot><slot name="content" part="body" id="tooltip" class="bg-primary text-white py-3 px-4 block rounded-none text-sm text-left" role="tooltip" aria-label="Tooltip" aria-live="${this.open?"polite":"off"}">${this.content}</slot></sd-4-0-4-popup>`}};e.styles=[...h.styles,f`:host{--hide-delay:0ms;--show-delay:150ms;display:contents}sd-4-0-4-popup{--arrow-color:rgb(var(--sd-color-primary,0 53 142)/1);--arrow-size:10px}sd-4-0-4-popup::part(popup){pointer-events:none;z-index:10;--tw-shadow:var(--sd-shadow,0px 1px 3px 0px rgba(81,81,81,.75));--tw-shadow-colored:0px 1px 3px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}sd-4-0-4-popup::part(arrow){--tw-shadow:var(--sd-shadow,0px 1px 3px 0px rgba(81,81,81,.75));--tw-shadow-colored:0px 1px 3px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}sd-4-0-4-popup[placement^=top]::part(popup){transform-origin:bottom}sd-4-0-4-popup[placement^=bottom]::part(popup){transform-origin:top}#tooltip{max-width:var(--max-width)}::slotted([slot=content]){max-height:var(--auto-size-available-height)!important;max-width:var(--auto-size-available-width)!important;overflow:auto}`],t([a("slot:not([name])")],e.prototype,"defaultSlot",2),t([a("#tooltip")],e.prototype,"body",2),t([a("sd-4-0-4-popup")],e.prototype,"popup",2),t([i()],e.prototype,"size",2),t([i()],e.prototype,"content",2),t([i({reflect:!0})],e.prototype,"placement",2),t([i({type:Boolean,reflect:!0})],e.prototype,"disabled",2),t([i({type:Boolean,reflect:!0})],e.prototype,"open",2),t([i()],e.prototype,"trigger",2),t([i({type:Boolean})],e.prototype,"hoist",2),t([r("open",{waitUntilFirstUpdate:!0})],e.prototype,"handleOpenChange",1),t([r(["content","hoist","placement"])],e.prototype,"handleOptionsChange",1),t([r("disabled")],e.prototype,"handleDisabledChange",1),e=t([v("sd-4-0-4-tooltip")],e);u("tooltip.show",{keyframes:[{opacity:0,scale:.8},{opacity:1,scale:1}],options:{duration:150,easing:"ease"}});u("tooltip.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.8}],options:{duration:150,easing:"ease"}});export{e as a};