@bethinkpl/design-system 26.14.3 → 26.14.5

package/docs/assets/{ThreeColumnLayout.stories-tcn5IlfD.js → ThreeColumnLayout.stories-DnqRflqN.js}

@@ -1,4 +1,4 @@
-import{T as n,a}from"./ThreeColumnLayout-CFf8NRwP.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const c={title:"Components/Layouts/ThreeColumnLayout",component:n,decorators:[e=>({components:{story:e},template:`<div style='display: flex; width: 100vw; height: 100vh;  background: lightgray; flex-direction: column;'><div style="padding: 16px; background: lightcoral; z-index: 1">Example header</div><story /></div>`}),e=>({components:{story:e},template:"<div style='display: flex; width: 100%; height: 100%; font-size: 12px; color: #fff;'><story /></div>"})]},r=e=>({components:{ThreeColumnLayout:n},setup(){return e},template:`
+import{T as n,a}from"./ThreeColumnLayout-CQnFmK7u.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const c={title:"Components/Layouts/ThreeColumnLayout",component:n,decorators:[e=>({components:{story:e},template:`<div style='display: flex; width: 100vw; height: 100vh;  background: lightgray; flex-direction: column;'><div style="padding: 16px; background: lightcoral; z-index: 1">Example header</div><story /></div>`}),e=>({components:{story:e},template:"<div style='display: flex; width: 100%; height: 100%; font-size: 12px; color: #fff;'><story /></div>"})]},r=e=>({components:{ThreeColumnLayout:n},setup(){return e},template:`
         <three-column-layout :rightColumnSize='rightColumnSize'
                              :rightColumnVisible='rightColumnVisible'
                              :leftColumnVisible='leftColumnVisible'

package/docs/assets/{Tile-DvjxsEPO.js → Tile-CH8oOuWL.js}

@@ -1 +1 @@
-import{I as u,a as T,b as p}from"./Icon-BPz80dqH.js";import{t as I,d as S,r as L,o as s,c as l,b as o,g as r,a as A,n as i,j as d}from"./vue.esm-bundler-DmkhfO_9.js";import{_}from"./_plugin-vue_export-helper-DlAUqK2U.js";const t={NEUTRAL:"neutral",NEUTRAL_WEAK:"neutralWeak",PRIMARY:"primary",SUCCESS:"success",FAIL:"fail",DANGER:"danger",WARNING:"warning",INFO:"info"},a={DEFAULT:"default",DISABLED:"disabled",LOADING:"loading"},v={NEUTRAL:"neutral",NEUTRAL_WEAK:"neutralWeak",PRIMARY:"primary",PRIMARY_WEAK:"primaryWeak",SUCCESS:"success",SUCCESS_WEAK:"successWeak",FAIL:"fail",FAIL_WEAK:"failWeak",DANGER:"danger",DANGER_WEAK:"dangerWeak",WARNING:"warning",WARNING_WEAK:"warningWeak",INFO:"info",INFO_WEAK:"infoWeak"},c={SMALL:"small",MEDIUM:"medium"},f={interactive:{type:Boolean,default:!1},iconLeft:{type:Object,default:null,validator(e){return Object.values(u).includes(I(e))}},iconRight:{type:Object,default:null,validator(e){return Object.values(u).includes(I(e))}},isIconRightHiddenOnMobile:{type:Boolean,default:!1},text:{type:String,required:!0},eyebrowText:{type:String,default:null},additionalText:{type:String,default:null},color:{type:String,default:t.NEUTRAL,validator(e){return Object.values(t).includes(e)}},isEyebrowTextUppercase:{type:Boolean,default:!1},state:{type:String,default:a.DEFAULT,validator(e){return Object.values(a).includes(e)}},eyebrowEllipsis:{type:Boolean,default:!0},textEllipsis:{type:Boolean,default:!0},borderColor:{type:String,default:null},additionalTextMaxWidth:{type:String,default:c.SMALL,validator(e){return Object.values(c).includes(e)}}},E=S({name:"Tile",components:{DsIcon:T},props:f,data(){return{ICONS:Object.freeze(u),ICON_SIZES:Object.freeze(p),TILE_STATES:Object.freeze(a),TILE_ADDITIONAL_TEXT_MAX_WIDTHS:Object.freeze(c)}},computed:{tileColor(){return{[t.NEUTRAL]:"-ds-neutral",[t.NEUTRAL_WEAK]:"-ds-neutralWeak",[t.PRIMARY]:"-ds-primary",[t.SUCCESS]:"-ds-success",[t.FAIL]:"-ds-fail",[t.DANGER]:"-ds-danger",[t.WARNING]:"-ds-warning",[t.INFO]:"-ds-info"}[this.color]},tileState(){return{[a.DEFAULT]:null,[a.DISABLED]:"-ds-disabled",[a.LOADING]:"-ds-loading"}[this.state]}}}),N={class:"ds-tile__center"},O=["textContent"],R=["textContent"];function m(e,y,b,D,g,C){const n=L("ds-icon");return s(),l("div",{class:i([[e.tileColor,e.tileState,{"-ds-interactive":e.interactive,[`-ds-border-${e.borderColor}`]:e.borderColor!==null}],"ds-tile"])},[e.iconLeft?(s(),o(n,{key:0,icon:e.iconLeft,size:e.ICON_SIZES.SMALL,class:"ds-tile__iconLeft"},null,8,["icon","size"])):r("",!0),A("div",N,[e.eyebrowText?(s(),l("span",{key:0,class:i(["ds-tile__eyebrowText",{"-ds-uppercase":e.isEyebrowTextUppercase,"-ds-ellipsis":e.eyebrowEllipsis}]),textContent:d(e.eyebrowText)},null,10,O)):r("",!0),A("span",{class:i(["ds-tile__text",{"-ds-ellipsis":e.textEllipsis}]),textContent:d(e.text)},null,10,R)]),e.state===e.TILE_STATES.LOADING?(s(),o(n,{key:1,class:"ds-tile__iconRight",icon:e.ICONS.FAD_SPINNER_THIRD,size:e.ICON_SIZES.SMALL,spinning:""},null,8,["icon","size"])):e.iconRight?(s(),o(n,{key:2,class:i(["ds-tile__iconRight",{"-ds-hiddenOnMobile":e.isIconRightHiddenOnMobile}]),icon:e.iconRight,size:e.ICON_SIZES.SMALL},null,8,["class","icon","size"])):e.additionalText?(s(),l("div",{key:3,class:i(["ds-tile__additionalText",{"-ds-max-width-small":e.additionalTextMaxWidth===e.TILE_ADDITIONAL_TEXT_MAX_WIDTHS.SMALL,"-ds-max-width-medium":e.additionalTextMaxWidth===e.TILE_ADDITIONAL_TEXT_MAX_WIDTHS.MEDIUM}])},d(e.additionalText),3)):r("",!0)],2)}const k=_(E,[["render",m],["__scopeId","data-v-4d92feb4"]]);E.__docgenInfo={displayName:"Tile",exportName:"default",description:"",tags:{},sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Tile/Tile.vue"]};export{t as T,a,v as b,k as c,c as d,f as p};
+import{I as u,a as T,b as p}from"./Icon-D0llnARZ.js";import{t as I,d as S,r as L,o as s,c as l,b as o,g as r,a as A,n as i,j as d}from"./vue.esm-bundler-DmkhfO_9.js";import{_}from"./_plugin-vue_export-helper-DlAUqK2U.js";const t={NEUTRAL:"neutral",NEUTRAL_WEAK:"neutralWeak",PRIMARY:"primary",SUCCESS:"success",FAIL:"fail",DANGER:"danger",WARNING:"warning",INFO:"info"},a={DEFAULT:"default",DISABLED:"disabled",LOADING:"loading"},v={NEUTRAL:"neutral",NEUTRAL_WEAK:"neutralWeak",PRIMARY:"primary",PRIMARY_WEAK:"primaryWeak",SUCCESS:"success",SUCCESS_WEAK:"successWeak",FAIL:"fail",FAIL_WEAK:"failWeak",DANGER:"danger",DANGER_WEAK:"dangerWeak",WARNING:"warning",WARNING_WEAK:"warningWeak",INFO:"info",INFO_WEAK:"infoWeak"},c={SMALL:"small",MEDIUM:"medium"},f={interactive:{type:Boolean,default:!1},iconLeft:{type:Object,default:null,validator(e){return Object.values(u).includes(I(e))}},iconRight:{type:Object,default:null,validator(e){return Object.values(u).includes(I(e))}},isIconRightHiddenOnMobile:{type:Boolean,default:!1},text:{type:String,required:!0},eyebrowText:{type:String,default:null},additionalText:{type:String,default:null},color:{type:String,default:t.NEUTRAL,validator(e){return Object.values(t).includes(e)}},isEyebrowTextUppercase:{type:Boolean,default:!1},state:{type:String,default:a.DEFAULT,validator(e){return Object.values(a).includes(e)}},eyebrowEllipsis:{type:Boolean,default:!0},textEllipsis:{type:Boolean,default:!0},borderColor:{type:String,default:null},additionalTextMaxWidth:{type:String,default:c.SMALL,validator(e){return Object.values(c).includes(e)}}},E=S({name:"Tile",components:{DsIcon:T},props:f,data(){return{ICONS:Object.freeze(u),ICON_SIZES:Object.freeze(p),TILE_STATES:Object.freeze(a),TILE_ADDITIONAL_TEXT_MAX_WIDTHS:Object.freeze(c)}},computed:{tileColor(){return{[t.NEUTRAL]:"-ds-neutral",[t.NEUTRAL_WEAK]:"-ds-neutralWeak",[t.PRIMARY]:"-ds-primary",[t.SUCCESS]:"-ds-success",[t.FAIL]:"-ds-fail",[t.DANGER]:"-ds-danger",[t.WARNING]:"-ds-warning",[t.INFO]:"-ds-info"}[this.color]},tileState(){return{[a.DEFAULT]:null,[a.DISABLED]:"-ds-disabled",[a.LOADING]:"-ds-loading"}[this.state]}}}),N={class:"ds-tile__center"},O=["textContent"],R=["textContent"];function m(e,y,b,D,g,C){const n=L("ds-icon");return s(),l("div",{class:i([[e.tileColor,e.tileState,{"-ds-interactive":e.interactive,[`-ds-border-${e.borderColor}`]:e.borderColor!==null}],"ds-tile"])},[e.iconLeft?(s(),o(n,{key:0,icon:e.iconLeft,size:e.ICON_SIZES.SMALL,class:"ds-tile__iconLeft"},null,8,["icon","size"])):r("",!0),A("div",N,[e.eyebrowText?(s(),l("span",{key:0,class:i(["ds-tile__eyebrowText",{"-ds-uppercase":e.isEyebrowTextUppercase,"-ds-ellipsis":e.eyebrowEllipsis}]),textContent:d(e.eyebrowText)},null,10,O)):r("",!0),A("span",{class:i(["ds-tile__text",{"-ds-ellipsis":e.textEllipsis}]),textContent:d(e.text)},null,10,R)]),e.state===e.TILE_STATES.LOADING?(s(),o(n,{key:1,class:"ds-tile__iconRight",icon:e.ICONS.FAD_SPINNER_THIRD,size:e.ICON_SIZES.SMALL,spinning:""},null,8,["icon","size"])):e.iconRight?(s(),o(n,{key:2,class:i(["ds-tile__iconRight",{"-ds-hiddenOnMobile":e.isIconRightHiddenOnMobile}]),icon:e.iconRight,size:e.ICON_SIZES.SMALL},null,8,["class","icon","size"])):e.additionalText?(s(),l("div",{key:3,class:i(["ds-tile__additionalText",{"-ds-max-width-small":e.additionalTextMaxWidth===e.TILE_ADDITIONAL_TEXT_MAX_WIDTHS.SMALL,"-ds-max-width-medium":e.additionalTextMaxWidth===e.TILE_ADDITIONAL_TEXT_MAX_WIDTHS.MEDIUM}])},d(e.additionalText),3)):r("",!0)],2)}const k=_(E,[["render",m],["__scopeId","data-v-4d92feb4"]]);E.__docgenInfo={displayName:"Tile",exportName:"default",description:"",tags:{},sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Tile/Tile.vue"]};export{t as T,a,v as b,k as c,c as d,f as p};

package/docs/assets/{Tile.sb.shared-Cl6kkjNS.js → Tile.sb.shared-CWXeuBol.js}

@@ -1,4 +1,4 @@
-import{I as t}from"./Icon-BPz80dqH.js";import{T as o,a as r,b as e}from"./Tile-DvjxsEPO.js";import{a as l,B as i}from"./Banner-DDGfdClH.js";const R=s=>`
+import{I as t}from"./Icon-D0llnARZ.js";import{T as o,a as r,b as e}from"./Tile-CH8oOuWL.js";import{a as l,B as i}from"./Banner-B73N4KyQ.js";const R=s=>`
 <div style="display: flex; row-gap: 16px; flex-direction: column">
 		<${s}
 			:additional-text="additionalText"

package/docs/assets/{Tile.stories-02ZVx-3c.js → Tile.stories-0cC1E7vK.js}

@@ -1,4 +1,4 @@
-import{c as a,a as d}from"./Tile-DvjxsEPO.js";import{c as l,d as T,t as x,a as g,b as p}from"./Tile.sb.shared-Cl6kkjNS.js";import{w as f}from"./decorator-CSnIf-k5.js";import"./Icon-BPz80dqH.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Banner-DDGfdClH.js";import"./Button-yeAor0pZ.js";import"./Divider-CeZli6az.js";import"./IconButton-gTykCZIi.js";import"./device-9fgosCm4.js";import"./v4-BZawosSj.js";const D={title:"Components/Tile",component:a,decorators:[f],render:c=>({components:{...l,Tile:a},setup(){return c},data:T,template:x("tile")}),argTypes:g,parameters:{actions:{handles:["click"]},design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS---Components?node-id=1923%3A34378"}}},t={args:p},e={args:{...p,interactive:!1,text:"this is a text text",eyebrowText:"this is an eyebrowText text",additionalText:"this is some additionalText",state:d.DEFAULT}};var s,r,o;t.parameters={...t.parameters,docs:{...(s=t.parameters)==null?void 0:s.docs,source:{originalSource:`{
+import{c as a,a as d}from"./Tile-CH8oOuWL.js";import{c as l,d as T,t as x,a as g,b as p}from"./Tile.sb.shared-CWXeuBol.js";import{w as f}from"./decorator-CSnIf-k5.js";import"./Icon-D0llnARZ.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Banner-B73N4KyQ.js";import"./Button-DHfR56t4.js";import"./Divider-CeZli6az.js";import"./IconButton-BJcODvDg.js";import"./device-9fgosCm4.js";import"./v4-BZawosSj.js";const D={title:"Components/Tile",component:a,decorators:[f],render:c=>({components:{...l,Tile:a},setup(){return c},data:T,template:x("tile")}),argTypes:g,parameters:{actions:{handles:["click"]},design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS---Components?node-id=1923%3A34378"}}},t={args:p},e={args:{...p,interactive:!1,text:"this is a text text",eyebrowText:"this is an eyebrowText text",additionalText:"this is some additionalText",state:d.DEFAULT}};var s,r,o;t.parameters={...t.parameters,docs:{...(s=t.parameters)==null?void 0:s.docs,source:{originalSource:`{
   args
 }`,...(o=(r=t.parameters)==null?void 0:r.docs)==null?void 0:o.source}}};var i,n,m;e.parameters={...e.parameters,docs:{...(i=e.parameters)==null?void 0:i.docs,source:{originalSource:`{
   args: {

package/docs/assets/{Toast-DKAzASvr.js → Toast-DCT_C-Jm.js}

@@ -1 +1 @@
-import{D as R,b as o,c as I,a as v}from"./Button-yeAor0pZ.js";import{C as B}from"./Card-BzXb8FVb.js";import{d as C,t as d,c as D,k as U,h as A,e as r,s as _,n as z,r as f,o as i,a as m,b as S,l as p,j as T,g as b,f as L}from"./vue.esm-bundler-DmkhfO_9.js";import{I as y}from"./Icon-BPz80dqH.js";import{_ as P}from"./_plugin-vue_export-helper-DlAUqK2U.js";const O={SMALL:"small",MEDIUM:"medium"},l={NEUTRAL_HEAVY:"neutralHeavy",NEUTRAL_STRONG:"neutralStrong",SUCCESS:"success",WARNING:"warning",DANGER:"danger",INFO:"info"},h={LEFT:"left",CENTER:"center",RIGHT:"right"};function k(e){const t=window.getComputedStyle(e).borderLeftWidth,u=window.getComputedStyle(e).borderRightWidth,n=e.getBoundingClientRect(),a=n.left+parseInt(t,10),c=n.right-parseInt(u,10)-parseInt(t,10),s=n.width;return{left:{left:`${a}px`},right:{left:`${c}px`,transform:"translateX(-100%)"},center:{left:`${a+s/2}px`,transform:"translateX(-50%)"}}}const g=C({name:"Toast",components:{DsButton:R,DsCard:B},props:{size:{type:String,default:O.MEDIUM},position:{type:String,default:h.CENTER},boundariesSelector:{type:[String,HTMLElement],default:null},color:{type:String,default:l.INFO},footerPrimaryButtonText:{type:String,default:""},footerPrimaryButtonIcon:{type:Object,default:null,validator(e){return e==null||Object.values(y).includes(d(e))}},footerSecondaryButtonText:{type:String,default:""},footerSecondaryButtonIcon:{type:Object,default:null,validator(e){return e==null||Object.values(y).includes(d(e))}},isDisappearing:{type:Boolean,default:!0},disappearingTimeout:{type:String,default:"0",validator(e){return(e==="0"||!isNaN(parseInt(e,10)))&&parseInt(e,10)>=0}}},emits:{close:()=>!0,"primary-button-click":()=>!0,"secondary-button-click":()=>!0},data(){return{boundariesSelectorElement:null,boundariesSelectorElementResizeObserver:null,styles:{},BUTTON_COLORS:Object.freeze(o),BUTTON_RADIUSES:Object.freeze(I),BUTTON_TYPES:Object.freeze(v),TOAST_SIZES:Object.freeze(O),TOAST_POSITIONS:Object.freeze(h)}},computed:{buttonPrimaryColor(){return this.color===l.DANGER?o.NEUTRAL:o.PRIMARY},buttonSecondaryColor(){return this.color===l.DANGER?o.DANGER:o.NEUTRAL},toastPosition(){return`-ds-position-${this.position.toLowerCase()}`},toastSize(){return`-ds-size-${this.size.toLowerCase()}`}},mounted(){var e;this.setBoundariesSelectorElement(),this.calculateStyles(),(e=this.boundariesSelectorElementResizeObserver)==null||e.disconnect(),this.boundariesSelectorElementResizeObserver=new ResizeObserver(()=>{this.calculateStyles()}),this.boundariesSelectorElement?this.boundariesSelectorElementResizeObserver.observe(this.boundariesSelectorElement):this.boundariesSelectorElementResizeObserver.observe(document.querySelector("body")),this.isDisappearing&&this.disappearingTimeout!=="0"&&setTimeout(()=>this.$emit("close"),parseInt(this.disappearingTimeout,10)*1e3+100)},beforeUnmount(){this.boundariesSelectorElementResizeObserver.disconnect(),this.boundariesSelectorElementResizeObserver=null},updated(){const{right:e,left:t}=this.$el.getClientRects()[0];(parseInt(t,10)<0||e>document.documentElement.clientWidth)&&(this.styles={left:"50%",transform:"translateX(-50%)"})},methods:{calculateStyles(){this.boundariesSelectorElement?this.styles=k(this.boundariesSelectorElement)[this.position]:this.styles={}},setBoundariesSelectorElement(){typeof this.boundariesSelector=="string"?this.boundariesSelectorElement=document.querySelector(this.boundariesSelector)||null:this.boundariesSelector instanceof HTMLElement&&(this.boundariesSelectorElement=this.boundariesSelector)}}}),$={class:"ds-toast__content"},V={class:"ds-toast__footerButtons"};function j(e,t,u,n,a,c){const s=f("ds-button"),E=f("ds-card");return i(),D("div",{style:_(e.styles),class:z(["ds-toast",e.toastSize,e.toastPosition])},[U(E,{"loading-bar-color":e.color,"has-loading-bar":"","loading-bar-time":e.disappearingTimeout},A({content:r(()=>[m("div",$,[L(e.$slots,"content",{},void 0,!0)])]),_:2},[e.footerPrimaryButtonText.length>0||e.footerSecondaryButtonText.length>0?{name:"footer",fn:r(()=>[m("div",V,[e.footerSecondaryButtonText.length?(i(),S(s,{key:0,color:e.buttonSecondaryColor,"icon-right":e.footerSecondaryButtonIcon,type:e.BUTTON_TYPES.OUTLINED,radius:e.BUTTON_RADIUSES.ROUNDED,onClick:t[0]||(t[0]=N=>e.$emit("secondary-button-click"))},{default:r(()=>[p(T(e.footerSecondaryButtonText),1)]),_:1},8,["color","icon-right","type","radius"])):b("",!0),e.footerPrimaryButtonText.length?(i(),S(s,{key:1,color:e.buttonPrimaryColor,"icon-right":e.footerPrimaryButtonIcon,radius:e.BUTTON_RADIUSES.ROUNDED,onClick:t[1]||(t[1]=N=>e.$emit("primary-button-click"))},{default:r(()=>[p(T(e.footerPrimaryButtonText),1)]),_:1},8,["color","icon-right","radius"])):b("",!0)])]),key:"0"}:void 0]),1032,["loading-bar-color","loading-bar-time"])],6)}const F=P(g,[["render",j],["__scopeId","data-v-1898598e"]]);g.__docgenInfo={displayName:"Toast",exportName:"default",description:"",tags:{},props:[{name:"size",type:{name:"ToastSizes"},defaultValue:{func:!1,value:"TOAST_SIZES.MEDIUM"}},{name:"position",type:{name:"ToastPositions"},defaultValue:{func:!1,value:"TOAST_POSITIONS.CENTER"}},{name:"boundariesSelector",type:{name:"string|HTMLElement"},defaultValue:{func:!1,value:"null"}},{name:"color",type:{name:"ToastColors"},defaultValue:{func:!1,value:"TOAST_COLORS.INFO"}},{name:"footerPrimaryButtonText",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"footerPrimaryButtonIcon",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"footerSecondaryButtonText",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"footerSecondaryButtonIcon",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"isDisappearing",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"disappearingTimeout",type:{name:"string"},defaultValue:{func:!1,value:"'0'"}}],events:[{name:"secondary-button-click"},{name:"primary-button-click"},{name:"close"}],slots:[{name:"content"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Toast/Toast.vue"]};export{F as D,O as T,h as a,l as b};
+import{D as R,b as o,c as I,a as v}from"./Button-DHfR56t4.js";import{C as B}from"./Card-BzXb8FVb.js";import{d as C,t as d,c as D,k as U,h as A,e as r,s as _,n as z,r as f,o as i,a as m,b as S,l as p,j as T,g as b,f as L}from"./vue.esm-bundler-DmkhfO_9.js";import{I as y}from"./Icon-D0llnARZ.js";import{_ as P}from"./_plugin-vue_export-helper-DlAUqK2U.js";const O={SMALL:"small",MEDIUM:"medium"},l={NEUTRAL_HEAVY:"neutralHeavy",NEUTRAL_STRONG:"neutralStrong",SUCCESS:"success",WARNING:"warning",DANGER:"danger",INFO:"info"},h={LEFT:"left",CENTER:"center",RIGHT:"right"};function k(e){const t=window.getComputedStyle(e).borderLeftWidth,u=window.getComputedStyle(e).borderRightWidth,n=e.getBoundingClientRect(),a=n.left+parseInt(t,10),c=n.right-parseInt(u,10)-parseInt(t,10),s=n.width;return{left:{left:`${a}px`},right:{left:`${c}px`,transform:"translateX(-100%)"},center:{left:`${a+s/2}px`,transform:"translateX(-50%)"}}}const g=C({name:"Toast",components:{DsButton:R,DsCard:B},props:{size:{type:String,default:O.MEDIUM},position:{type:String,default:h.CENTER},boundariesSelector:{type:[String,HTMLElement],default:null},color:{type:String,default:l.INFO},footerPrimaryButtonText:{type:String,default:""},footerPrimaryButtonIcon:{type:Object,default:null,validator(e){return e==null||Object.values(y).includes(d(e))}},footerSecondaryButtonText:{type:String,default:""},footerSecondaryButtonIcon:{type:Object,default:null,validator(e){return e==null||Object.values(y).includes(d(e))}},isDisappearing:{type:Boolean,default:!0},disappearingTimeout:{type:String,default:"0",validator(e){return(e==="0"||!isNaN(parseInt(e,10)))&&parseInt(e,10)>=0}}},emits:{close:()=>!0,"primary-button-click":()=>!0,"secondary-button-click":()=>!0},data(){return{boundariesSelectorElement:null,boundariesSelectorElementResizeObserver:null,styles:{},BUTTON_COLORS:Object.freeze(o),BUTTON_RADIUSES:Object.freeze(I),BUTTON_TYPES:Object.freeze(v),TOAST_SIZES:Object.freeze(O),TOAST_POSITIONS:Object.freeze(h)}},computed:{buttonPrimaryColor(){return this.color===l.DANGER?o.NEUTRAL:o.PRIMARY},buttonSecondaryColor(){return this.color===l.DANGER?o.DANGER:o.NEUTRAL},toastPosition(){return`-ds-position-${this.position.toLowerCase()}`},toastSize(){return`-ds-size-${this.size.toLowerCase()}`}},mounted(){var e;this.setBoundariesSelectorElement(),this.calculateStyles(),(e=this.boundariesSelectorElementResizeObserver)==null||e.disconnect(),this.boundariesSelectorElementResizeObserver=new ResizeObserver(()=>{this.calculateStyles()}),this.boundariesSelectorElement?this.boundariesSelectorElementResizeObserver.observe(this.boundariesSelectorElement):this.boundariesSelectorElementResizeObserver.observe(document.querySelector("body")),this.isDisappearing&&this.disappearingTimeout!=="0"&&setTimeout(()=>this.$emit("close"),parseInt(this.disappearingTimeout,10)*1e3+100)},beforeUnmount(){this.boundariesSelectorElementResizeObserver.disconnect(),this.boundariesSelectorElementResizeObserver=null},updated(){const{right:e,left:t}=this.$el.getClientRects()[0];(parseInt(t,10)<0||e>document.documentElement.clientWidth)&&(this.styles={left:"50%",transform:"translateX(-50%)"})},methods:{calculateStyles(){this.boundariesSelectorElement?this.styles=k(this.boundariesSelectorElement)[this.position]:this.styles={}},setBoundariesSelectorElement(){typeof this.boundariesSelector=="string"?this.boundariesSelectorElement=document.querySelector(this.boundariesSelector)||null:this.boundariesSelector instanceof HTMLElement&&(this.boundariesSelectorElement=this.boundariesSelector)}}}),$={class:"ds-toast__content"},V={class:"ds-toast__footerButtons"};function j(e,t,u,n,a,c){const s=f("ds-button"),E=f("ds-card");return i(),D("div",{style:_(e.styles),class:z(["ds-toast",e.toastSize,e.toastPosition])},[U(E,{"loading-bar-color":e.color,"has-loading-bar":"","loading-bar-time":e.disappearingTimeout},A({content:r(()=>[m("div",$,[L(e.$slots,"content",{},void 0,!0)])]),_:2},[e.footerPrimaryButtonText.length>0||e.footerSecondaryButtonText.length>0?{name:"footer",fn:r(()=>[m("div",V,[e.footerSecondaryButtonText.length?(i(),S(s,{key:0,color:e.buttonSecondaryColor,"icon-right":e.footerSecondaryButtonIcon,type:e.BUTTON_TYPES.OUTLINED,radius:e.BUTTON_RADIUSES.ROUNDED,onClick:t[0]||(t[0]=N=>e.$emit("secondary-button-click"))},{default:r(()=>[p(T(e.footerSecondaryButtonText),1)]),_:1},8,["color","icon-right","type","radius"])):b("",!0),e.footerPrimaryButtonText.length?(i(),S(s,{key:1,color:e.buttonPrimaryColor,"icon-right":e.footerPrimaryButtonIcon,radius:e.BUTTON_RADIUSES.ROUNDED,onClick:t[1]||(t[1]=N=>e.$emit("primary-button-click"))},{default:r(()=>[p(T(e.footerPrimaryButtonText),1)]),_:1},8,["color","icon-right","radius"])):b("",!0)])]),key:"0"}:void 0]),1032,["loading-bar-color","loading-bar-time"])],6)}const F=P(g,[["render",j],["__scopeId","data-v-1898598e"]]);g.__docgenInfo={displayName:"Toast",exportName:"default",description:"",tags:{},props:[{name:"size",type:{name:"ToastSizes"},defaultValue:{func:!1,value:"TOAST_SIZES.MEDIUM"}},{name:"position",type:{name:"ToastPositions"},defaultValue:{func:!1,value:"TOAST_POSITIONS.CENTER"}},{name:"boundariesSelector",type:{name:"string|HTMLElement"},defaultValue:{func:!1,value:"null"}},{name:"color",type:{name:"ToastColors"},defaultValue:{func:!1,value:"TOAST_COLORS.INFO"}},{name:"footerPrimaryButtonText",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"footerPrimaryButtonIcon",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"footerSecondaryButtonText",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"footerSecondaryButtonIcon",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"isDisappearing",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"disappearingTimeout",type:{name:"string"},defaultValue:{func:!1,value:"'0'"}}],events:[{name:"secondary-button-click"},{name:"primary-button-click"},{name:"close"}],slots:[{name:"content"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Toast/Toast.vue"]};export{F as D,O as T,h as a,l as b};

package/docs/assets/{Toast.stories-CMk56GoR.js → Toast.stories-DykbV02i.js}

@@ -1,4 +1,4 @@
-import{D as i,T as s,a,b as c}from"./Toast-DKAzASvr.js";import{I as o}from"./Icon-BPz80dqH.js";import{w as d}from"./decorator-CSnIf-k5.js";import"./Button-yeAor0pZ.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Card-BzXb8FVb.js";import"./Divider-CeZli6az.js";import"./LoadingBar-C1yAImWt.js";import"./v4-BZawosSj.js";const x={title:"Components/Toast",component:i,decorators:[d]},p=l=>({components:{DsToast:i},setup(){return l},data(){return{ICONS:Object.freeze(o),isVisible:!0,boundariesSelectorId:this.boundariesSelector!=null?`#${this.boundariesSelector}`:null}},template:`<div style="display: flex; justify-content: space-around; height: 1200px; width: 100%;">
+import{D as i,T as s,a,b as c}from"./Toast-DCT_C-Jm.js";import{I as o}from"./Icon-D0llnARZ.js";import{w as d}from"./decorator-CSnIf-k5.js";import"./Button-DHfR56t4.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Card-BzXb8FVb.js";import"./Divider-CeZli6az.js";import"./LoadingBar-C1yAImWt.js";import"./v4-BZawosSj.js";const x={title:"Components/Toast",component:i,decorators:[d]},p=l=>({components:{DsToast:i},setup(){return l},data(){return{ICONS:Object.freeze(o),isVisible:!0,boundariesSelectorId:this.boundariesSelector!=null?`#${this.boundariesSelector}`:null}},template:`<div style="display: flex; justify-content: space-around; height: 1200px; width: 100%;">
         <ds-toast
             v-if="isVisible"
             :size="size"

package/docs/assets/{ToggleButton-eR3n1vbs.js → ToggleButton-fcVVisoD.js}

@@ -1 +1 @@
-import{d as L,t as c,c as S,a as E,b as o,g as l,n as i,j as m,r as p,o as a}from"./vue.esm-bundler-DmkhfO_9.js";import{a as g,I as u,b as O}from"./Icon-BPz80dqH.js";import{_ as B}from"./_plugin-vue_export-helper-DlAUqK2U.js";const t={SMALL:"small",MEDIUM:"medium",LARGE:"large"},r={NEUTRAL:"neutral",NEUTRAL_STRONG:"neutralStrong",NEUTRAL_HEAVY:"neutralHeavy",PRIMARY:"primary"},d={CAPSULE:"capsule",ROUNDED:"rounded"},G={SMALL:"small",MEDIUM:"medium"},n={DEFAULT:"default",DISABLED:"disabled",LOADING:"loading"},f=L({name:"ToggleButton",components:{DsIcon:g},props:{color:{type:String,default:r.NEUTRAL,validator(e){return Object.values(r).includes(e)}},hasSmallHorizontalPadding:{type:Boolean,default:!1},iconLeft:{type:Object,default:null,validator(e){return Object.values(u).includes(c(e))}},iconRight:{type:Object,default:null,validator(e){return Object.values(u).includes(c(e))}},isInteractive:{type:Boolean,default:!0},isLabelUppercase:{type:Boolean,default:!1},isSelected:{type:Boolean,default:!1},label:{type:String,default:""},labelSize:{type:String,default:t.MEDIUM},radius:{type:String,default:d.CAPSULE,validator(e){return Object.values(d).includes(e)}},size:{type:String,default:t.MEDIUM,validator(e){return Object.values(t).includes(e)}},state:{type:String,default:n.DEFAULT,validator(e){return Object.values(n).includes(e)}}},emits:["click"],data(){return{ICONS:Object.freeze(u),TOGGLE_BUTTON_COLORS:Object.freeze(r),TOGGLE_BUTTON_LABEL_SIZES:Object.freeze(G),TOGGLE_BUTTON_RADIUSES:Object.freeze(d),TOGGLE_BUTTON_SIZES:Object.freeze(t),TOGGLE_BUTTON_STATES:Object.freeze(n)}},computed:{colorClassName(){return`-ds-color-${this.color}`},iconSize(){return this.size===t.LARGE?O.X_SMALL:O.XX_SMALL},isInteractiveComputed(){return this.state!==n.DEFAULT?!1:this.isInteractive}}}),U={class:"ds-toggleButton__contentWrapper"};function _(e,T,I,N,A,v){const s=p("ds-icon");return a(),S("div",{class:i(["ds-toggleButtonWrapper",{"-rounded":e.radius===e.TOGGLE_BUTTON_RADIUSES.ROUNDED}])},[E("div",{class:i(["ds-toggleButton",{"-ds-small":e.size===e.TOGGLE_BUTTON_SIZES.SMALL,"-ds-medium":e.size===e.TOGGLE_BUTTON_SIZES.MEDIUM,"-ds-large":e.size===e.TOGGLE_BUTTON_SIZES.LARGE,"-ds-hasSmallHorizontalPadding":e.hasSmallHorizontalPadding,"-ds-rounded":e.radius===e.TOGGLE_BUTTON_RADIUSES.ROUNDED,[e.colorClassName]:!0,"-ds-disabled":e.state===e.TOGGLE_BUTTON_STATES.DISABLED,"-ds-loading":e.state===e.TOGGLE_BUTTON_STATES.LOADING,"-ds-interactive":e.isInteractiveComputed,"-ds-selected":e.isSelected}]),onClick:T[0]||(T[0]=b=>e.isInteractiveComputed&&e.$emit("click"))},[E("div",U,[e.iconLeft?(a(),o(s,{key:0,class:"ds-toggleButton__icon",icon:e.iconLeft,size:e.iconSize},null,8,["icon","size"])):l("",!0),e.label?(a(),S("span",{key:1,class:i(["ds-toggleButton__content",{"-ds-small":e.labelSize===e.TOGGLE_BUTTON_LABEL_SIZES.SMALL,"-ds-uppercase":e.isLabelUppercase}])},m(e.label),3)):l("",!0),e.iconRight?(a(),o(s,{key:2,class:"ds-toggleButton__icon",icon:e.iconRight,size:e.iconSize},null,8,["icon","size"])):l("",!0)]),e.state===e.TOGGLE_BUTTON_STATES.LOADING?(a(),o(s,{key:0,class:"ds-toggleButton__icon ds-toggleButton__loadingSpinner",icon:e.ICONS.FAD_SPINNER_THIRD,size:e.iconSize,spinning:""},null,8,["icon","size"])):l("",!0)],2)],2)}const R=B(f,[["render",_],["__scopeId","data-v-05c17106"]]);f.__docgenInfo={displayName:"ToggleButton",exportName:"default",description:"",tags:{},props:[{name:"color",type:{name:"ToggleButtonColor"},defaultValue:{func:!1,value:"TOGGLE_BUTTON_COLORS.NEUTRAL"}},{name:"hasSmallHorizontalPadding",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"iconLeft",type:{name:"IconItem"},defaultValue:{func:!1,value:"null"}},{name:"iconRight",type:{name:"IconItem"},defaultValue:{func:!1,value:"null"}},{name:"isInteractive",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isLabelUppercase",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isSelected",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"label",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"labelSize",type:{name:"ToggleButtonLabelSize"},defaultValue:{func:!1,value:"TOGGLE_BUTTON_SIZES.MEDIUM"}},{name:"radius",type:{name:"ToggleButtonRadius"},defaultValue:{func:!1,value:"TOGGLE_BUTTON_RADIUSES.CAPSULE"}},{name:"size",type:{name:"ToggleButtonSize"},defaultValue:{func:!1,value:"TOGGLE_BUTTON_SIZES.MEDIUM"}},{name:"state",type:{name:"ToggleButtonState"},defaultValue:{func:!1,value:"TOGGLE_BUTTON_STATES.DEFAULT"}}],events:[{name:"click"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Toggles/ToggleButton/ToggleButton.vue"]};export{R as T,t as a,r as b,d as c,G as d,n as e};
+import{d as L,t as c,c as S,a as E,b as o,g as l,n as i,j as m,r as p,o as a}from"./vue.esm-bundler-DmkhfO_9.js";import{a as g,I as u,b as O}from"./Icon-D0llnARZ.js";import{_ as B}from"./_plugin-vue_export-helper-DlAUqK2U.js";const t={SMALL:"small",MEDIUM:"medium",LARGE:"large"},r={NEUTRAL:"neutral",NEUTRAL_STRONG:"neutralStrong",NEUTRAL_HEAVY:"neutralHeavy",PRIMARY:"primary"},d={CAPSULE:"capsule",ROUNDED:"rounded"},G={SMALL:"small",MEDIUM:"medium"},n={DEFAULT:"default",DISABLED:"disabled",LOADING:"loading"},f=L({name:"ToggleButton",components:{DsIcon:g},props:{color:{type:String,default:r.NEUTRAL,validator(e){return Object.values(r).includes(e)}},hasSmallHorizontalPadding:{type:Boolean,default:!1},iconLeft:{type:Object,default:null,validator(e){return Object.values(u).includes(c(e))}},iconRight:{type:Object,default:null,validator(e){return Object.values(u).includes(c(e))}},isInteractive:{type:Boolean,default:!0},isLabelUppercase:{type:Boolean,default:!1},isSelected:{type:Boolean,default:!1},label:{type:String,default:""},labelSize:{type:String,default:t.MEDIUM},radius:{type:String,default:d.CAPSULE,validator(e){return Object.values(d).includes(e)}},size:{type:String,default:t.MEDIUM,validator(e){return Object.values(t).includes(e)}},state:{type:String,default:n.DEFAULT,validator(e){return Object.values(n).includes(e)}}},emits:["click"],data(){return{ICONS:Object.freeze(u),TOGGLE_BUTTON_COLORS:Object.freeze(r),TOGGLE_BUTTON_LABEL_SIZES:Object.freeze(G),TOGGLE_BUTTON_RADIUSES:Object.freeze(d),TOGGLE_BUTTON_SIZES:Object.freeze(t),TOGGLE_BUTTON_STATES:Object.freeze(n)}},computed:{colorClassName(){return`-ds-color-${this.color}`},iconSize(){return this.size===t.LARGE?O.X_SMALL:O.XX_SMALL},isInteractiveComputed(){return this.state!==n.DEFAULT?!1:this.isInteractive}}}),U={class:"ds-toggleButton__contentWrapper"};function _(e,T,I,N,A,v){const s=p("ds-icon");return a(),S("div",{class:i(["ds-toggleButtonWrapper",{"-rounded":e.radius===e.TOGGLE_BUTTON_RADIUSES.ROUNDED}])},[E("div",{class:i(["ds-toggleButton",{"-ds-small":e.size===e.TOGGLE_BUTTON_SIZES.SMALL,"-ds-medium":e.size===e.TOGGLE_BUTTON_SIZES.MEDIUM,"-ds-large":e.size===e.TOGGLE_BUTTON_SIZES.LARGE,"-ds-hasSmallHorizontalPadding":e.hasSmallHorizontalPadding,"-ds-rounded":e.radius===e.TOGGLE_BUTTON_RADIUSES.ROUNDED,[e.colorClassName]:!0,"-ds-disabled":e.state===e.TOGGLE_BUTTON_STATES.DISABLED,"-ds-loading":e.state===e.TOGGLE_BUTTON_STATES.LOADING,"-ds-interactive":e.isInteractiveComputed,"-ds-selected":e.isSelected}]),onClick:T[0]||(T[0]=b=>e.isInteractiveComputed&&e.$emit("click"))},[E("div",U,[e.iconLeft?(a(),o(s,{key:0,class:"ds-toggleButton__icon",icon:e.iconLeft,size:e.iconSize},null,8,["icon","size"])):l("",!0),e.label?(a(),S("span",{key:1,class:i(["ds-toggleButton__content",{"-ds-small":e.labelSize===e.TOGGLE_BUTTON_LABEL_SIZES.SMALL,"-ds-uppercase":e.isLabelUppercase}])},m(e.label),3)):l("",!0),e.iconRight?(a(),o(s,{key:2,class:"ds-toggleButton__icon",icon:e.iconRight,size:e.iconSize},null,8,["icon","size"])):l("",!0)]),e.state===e.TOGGLE_BUTTON_STATES.LOADING?(a(),o(s,{key:0,class:"ds-toggleButton__icon ds-toggleButton__loadingSpinner",icon:e.ICONS.FAD_SPINNER_THIRD,size:e.iconSize,spinning:""},null,8,["icon","size"])):l("",!0)],2)],2)}const R=B(f,[["render",_],["__scopeId","data-v-4e8b6857"]]);f.__docgenInfo={displayName:"ToggleButton",exportName:"default",description:"",tags:{},props:[{name:"color",type:{name:"ToggleButtonColor"},defaultValue:{func:!1,value:"TOGGLE_BUTTON_COLORS.NEUTRAL"}},{name:"hasSmallHorizontalPadding",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"iconLeft",type:{name:"IconItem"},defaultValue:{func:!1,value:"null"}},{name:"iconRight",type:{name:"IconItem"},defaultValue:{func:!1,value:"null"}},{name:"isInteractive",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isLabelUppercase",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isSelected",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"label",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"labelSize",type:{name:"ToggleButtonLabelSize"},defaultValue:{func:!1,value:"TOGGLE_BUTTON_SIZES.MEDIUM"}},{name:"radius",type:{name:"ToggleButtonRadius"},defaultValue:{func:!1,value:"TOGGLE_BUTTON_RADIUSES.CAPSULE"}},{name:"size",type:{name:"ToggleButtonSize"},defaultValue:{func:!1,value:"TOGGLE_BUTTON_SIZES.MEDIUM"}},{name:"state",type:{name:"ToggleButtonState"},defaultValue:{func:!1,value:"TOGGLE_BUTTON_STATES.DEFAULT"}}],events:[{name:"click"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Toggles/ToggleButton/ToggleButton.vue"]};export{R as T,t as a,r as b,d as c,G as d,n as e};

package/docs/assets/{ToggleButton.stories-Bu6_fUaj.js → ToggleButton.stories-CMC9B5O-.js}

@@ -1,4 +1,4 @@
-import{T as n,a as l,b as i,c as r,d as c,e as p}from"./ToggleButton-eR3n1vbs.js";import{I as t}from"./Icon-BPz80dqH.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const I={title:"Components/Toggles/ToggleButton",component:n},d=g=>({components:{ToggleButton:n},setup(){return g},data(){return{ICONS:Object.freeze(t)}},template:`
+import{T as n,a as l,b as i,c as r,d as c,e as p}from"./ToggleButton-fcVVisoD.js";import{I as t}from"./Icon-D0llnARZ.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const I={title:"Components/Toggles/ToggleButton",component:n},d=g=>({components:{ToggleButton:n},setup(){return g},data(){return{ICONS:Object.freeze(t)}},template:`
         <toggle-button
             :color="color"
             :has-small-horizontal-padding="hasSmallHorizontalPadding"

package/docs/assets/{Tooltip.stories-DKvJ8iAI.js → Tooltip.stories-BWi1adMD.js}

@@ -1,4 +1,4 @@
-import{T as n,a as x}from"./Tooltip-DB8acOEc.js";import{D as v}from"./Switch-C8il24TP.js";import{D as y}from"./Button-yeAor0pZ.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./device-9fgosCm4.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Icon-BPz80dqH.js";const B={title:"Prime Vue Components/Tooltip",component:n},f=s=>({components:{Tooltip:n},setup(){return s},template:`
+import{T as n,a as x}from"./Tooltip-DB8acOEc.js";import{D as v}from"./Switch-D_N0-PMC.js";import{D as y}from"./Button-DHfR56t4.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./device-9fgosCm4.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Icon-D0llnARZ.js";const B={title:"Prime Vue Components/Tooltip",component:n},f=s=>({components:{Tooltip:n},setup(){return s},template:`
         <div style="padding: 60px; width: 100%;display: flex;  justify-content: center">
             <div style="padding: 60px;">
                 <span>This is a text with </span>