@citizenplane/pimp 8.14.0 → 8.15.0

package/dist/assets/CpSwitch.stories-DlyBuiCs.js

@@ -1,132 +0,0 @@
-import{r as i}from"./vue.esm-bundler-DJiS9hE5.js";import{C as n}from"./CpSwitch-0szuwNWX.js";import"./index-DCv8Njl6.js";import"./ToggleColors-CSr2zujL.js";import"./Colors-mWZwWrlN.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const F={title:"CpSwitch",component:n,argTypes:{modelValue:{control:"boolean",description:"The switch state"},label:{control:"text",description:"Label text for the switch"},disabled:{control:"boolean",description:"Whether the switch is disabled"},groupName:{control:"text",description:"Name attribute for the switch"},color:{control:"select",options:["blue","purple"],description:"Color variant of the switch"},reverseLabel:{control:"boolean",description:"Whether to show label before the switch"},autofocus:{control:"boolean",description:"Whether to autofocus the switch"}}},e={args:{label:"Switch Label",disabled:!1,color:"purple",reverseLabel:!1,autofocus:!1},render:t=>({components:{CpSwitch:n},setup(){const c=i(!1);return{args:t,value:c}},template:`
-      <div style="padding: 20px;">
-        <CpSwitch
-          v-model="value"
-          v-bind="args"
-        />
-      </div>
-    `})},s={args:{...e.args,disabled:!0}},r={args:{...e.args,disabled:!0,modelValue:!0}},a={args:{...e.args,reverseLabel:!0},render:t=>({components:{CpSwitch:n},setup(){const c=i(!1);return{args:t,value:c}},template:`
-      <div style="padding: 20px;">
-        <CpSwitch
-          v-model="value"
-          v-bind="args"
-        />
-      </div>
-    `})},o={render:()=>({components:{CpSwitch:n},setup(){return{switches:i({switch1:!1,switch2:!0,switch3:!1})}},template:`
-      <div style="padding: 20px; display: flex; flex-direction: column; gap: 16px;">
-        <CpSwitch
-          v-model="switches.switch1"
-          label="First Switch"
-          group-name="switch-group"
-        />
-        <CpSwitch
-          v-model="switches.switch2"
-          label="Second Switch"
-          group-name="switch-group"
-        />
-        <CpSwitch
-          v-model="switches.switch3"
-          label="Third Switch"
-          group-name="switch-group"
-        />
-      </div>
-    `})};var l,p,d;e.parameters={...e.parameters,docs:{...(l=e.parameters)==null?void 0:l.docs,source:{originalSource:`{
-  args: {
-    label: 'Switch Label',
-    disabled: false,
-    color: 'purple',
-    reverseLabel: false,
-    autofocus: false
-  },
-  render: args => ({
-    components: {
-      CpSwitch
-    },
-    setup() {
-      const value = ref(false);
-      return {
-        args,
-        value
-      };
-    },
-    template: \`
-      <div style="padding: 20px;">
-        <CpSwitch
-          v-model="value"
-          v-bind="args"
-        />
-      </div>
-    \`
-  })
-}`,...(d=(p=e.parameters)==null?void 0:p.docs)==null?void 0:d.source}}};var u,h,m;s.parameters={...s.parameters,docs:{...(u=s.parameters)==null?void 0:u.docs,source:{originalSource:`{
-  args: {
-    ...Default.args,
-    disabled: true
-  }
-}`,...(m=(h=s.parameters)==null?void 0:h.docs)==null?void 0:m.source}}};var w,g,v;r.parameters={...r.parameters,docs:{...(w=r.parameters)==null?void 0:w.docs,source:{originalSource:`{
-  args: {
-    ...Default.args,
-    disabled: true,
-    modelValue: true
-  }
-}`,...(v=(g=r.parameters)==null?void 0:g.docs)==null?void 0:v.source}}};var b,f,S;a.parameters={...a.parameters,docs:{...(b=a.parameters)==null?void 0:b.docs,source:{originalSource:`{
-  args: {
-    ...Default.args,
-    reverseLabel: true
-  },
-  render: args => ({
-    components: {
-      CpSwitch
-    },
-    setup() {
-      const value = ref(false);
-      return {
-        args,
-        value
-      };
-    },
-    template: \`
-      <div style="padding: 20px;">
-        <CpSwitch
-          v-model="value"
-          v-bind="args"
-        />
-      </div>
-    \`
-  })
-}`,...(S=(f=a.parameters)==null?void 0:f.docs)==null?void 0:S.source}}};var C,x,y;o.parameters={...o.parameters,docs:{...(C=o.parameters)==null?void 0:C.docs,source:{originalSource:`{
-  render: () => ({
-    components: {
-      CpSwitch
-    },
-    setup() {
-      const switches = ref({
-        switch1: false,
-        switch2: true,
-        switch3: false
-      });
-      return {
-        switches
-      };
-    },
-    template: \`
-      <div style="padding: 20px; display: flex; flex-direction: column; gap: 16px;">
-        <CpSwitch
-          v-model="switches.switch1"
-          label="First Switch"
-          group-name="switch-group"
-        />
-        <CpSwitch
-          v-model="switches.switch2"
-          label="Second Switch"
-          group-name="switch-group"
-        />
-        <CpSwitch
-          v-model="switches.switch3"
-          label="Third Switch"
-          group-name="switch-group"
-        />
-      </div>
-    \`
-  })
-}`,...(y=(x=o.parameters)==null?void 0:x.docs)==null?void 0:y.source}}};const G=["Default","Disabled","DisabledChecked","Reversed","SwitchGroup"];export{e as Default,s as Disabled,r as DisabledChecked,a as Reversed,o as SwitchGroup,G as __namedExportsOrder,F as default};

package/dist/assets/CpTable-BN6Amfsc.css

@@ -1 +0,0 @@
-/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}.fade-in-enter-active,.fade-in-leave-active{transition:all .15s ease-in-out}.fade-in-enter-from,.fade-in-leave-to{opacity:0;transform:scale(.9)}@keyframes cp-select-menu-dropdown-enter{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes cp-select-menu-dropdown-leave{0%{opacity:1}to{opacity:0}}.u-text-ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.u-asterisk{position:relative;top:-.1875rem;font-size:.75em;line-height:normal}.u-asterisk:after{content:" "}legend .u-asterisk,label .u-asterisk{color:#eb0505}html{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:100%;color:#3e3e5b;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:inherit;margin:0;outline:none;font-family:inherit}body{background-color:transparent}button{border-style:none;padding:0;background-color:transparent}button:hover{cursor:pointer}dialog{color:inherit}ul,li{margin:0;padding:0;list-style:none}svg{color:currentColor}input{font-size:inherit;border:none}.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-tooltip .v-popper__inner{background:#000c;color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}.cpTable{position:relative;display:flex;flex-direction:column}.cpTable__container{position:relative;display:flex;flex-direction:column;flex:1}.cpTable__container--hasPagination{border-bottom:.0625rem solid #d8d8de}.cpTable__container[role=region][aria-labelledby][tabindex]{overflow:auto}.cpTable__container[role=region][aria-labelledby][tabindex]:focus{border-radius:.625rem;box-shadow:0 0 0 .1875em #aec6f7}.cpTable__container[role=region][aria-labelledby][tabindex] .cpTable__table{margin:0;border:none}.cpTable__container[role=region][aria-labelledby][tabindex]{background:linear-gradient(to right,#fff 30%,#fff0),linear-gradient(to right,#fff0,#fff 70%) 0 100%,radial-gradient(farthest-side at 0% 50%,#3e3e5b33,#3e3e5b00),radial-gradient(farthest-side at 100% 50%,#3e3e5b33,#3e3e5b00) 0 100%;background-repeat:no-repeat;background-color:#fff;background-size:40px 100%,40px 100%,14px 100%,14px 100%;background-position:0 0,100%,0 0,100%;background-attachment:local,local,scroll,scroll}.cpTable__caption{position:sticky;left:0;margin-bottom:1rem;text-align:left;font-size:1.125em}.cpTable__caption:first-letter{text-transform:capitalize}.cpTable__table{border-collapse:collapse;width:100%}.cpTable__row--body:not(:last-of-type){border-bottom:.0625rem solid #d8d8de}.cpTable__row--body:not(.cpTable__row--isFullWidth):not(.cpTable__row--isSelected):hover,.cpTable__row--body:not(.cpTable__row--isFullWidth):not(.cpTable__row--isSelected):focus,.cpTable__row--body:not(.cpTable__row--isFullWidth):not(.cpTable__row--isSelected):focus-within{background-color:#3e3e5b0d;transition:background-color .1s ease-in-out}.cpTable__row--body:not(.cpTable__row--isFullWidth):not(.cpTable__row--isSelected):focus,.cpTable__row--body:not(.cpTable__row--isFullWidth):not(.cpTable__row--isSelected):focus-within{color:#5341f9}.cpTable__row--isFullWidth td{padding:.5rem;background-color:#3e3e5b08}.cpTable__row--isClickable{cursor:pointer}.cpTable__row--isSelected{background-color:#5341f91a;color:#5341f9}.cpTable__row--body td{font-size:.875em}.cpTable__column{position:sticky;top:0;z-index:3;background-color:#fff;padding:.5rem .75rem;text-align:left;white-space:nowrap;font-size:.75em;font-weight:400;color:#8b8b9d}.cpTable__column:first-letter{text-transform:capitalize}.cpTable__column:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:.0625rem;background-color:#d8d8de}.cpTable__body{vertical-align:middle}.cpTable__row--body,.cpTable__cell{vertical-align:inherit}.cpTable__cell:not(.cpTable__cell--isFullWidth):not(.cpTable__cell--isOptions){padding:1rem .75rem;white-space:nowrap}.cpTable__cell--isFullWidth span,.cpTable__cell--isOptions{position:sticky}.cpTable__cell--isFullWidth span{left:50%;transform:translate(-50%);display:inline-block}.cpTable__cell--isOptions{right:0;padding:0 .75rem}.cpTable__cell--isOptions button{border:.0625rem solid #d8d8de;border-radius:.5rem;background-color:#fff;display:inline-flex;padding:.25rem;color:#8b8b9d}.cpTable__cell--isOptions button:hover{background-color:#fbfbfc;color:#3e3e5b}.cpTable__cell--isOptions button:focus{outline:none!important;box-shadow:0 0 0 .1875em #c9d9f9}.cpTable__cell--isOptions i{width:1rem;height:1rem}@media (hover: hover) and (pointer: fine){.cpTable__cell--isOptions{opacity:0;transition:opacity .2s cubic-bezier(.175,.885,.32,1.175)}.cpTable__row:focus .cpTable__cell--isOptions,.cpTable__row:focus-within .cpTable__cell--isOptions,.cpTable__row:hover .cpTable__cell--isOptions{opacity:1}}.cpTable__emptyState{flex:1}.cpTable--isLoading .cpTable__overlay{opacity:.5;pointer-events:all}.cpTable__overlay{position:absolute;overflow:hidden;left:0;right:0;top:0;bottom:0;border-radius:.625rem;background-color:#fff;z-index:4;opacity:0;transition:.15s opacity ease-in-out;cursor:wait;pointer-events:none}.cpTable__overlay:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,#c6c6ce00 0,#c6c6ce33 20%,#c6c6ce80 60%,#c6c6ce00);animation:shimmer 2s infinite}@keyframes shimmer{to{transform:translate(100%)}}.cpTable__loader{width:2rem;height:2rem}.cpTable__loader--isSmall{display:inline-block;vertical-align:middle;width:1.5rem;height:1.5rem}.cpTable__footer{padding:1rem .75rem 0;display:flex;align-items:center;font-size:.875em}.cpTable .footer__details,.cpTable .footer__pagination{flex:1}.cpTable .footer__results{font-variant-numeric:tabular-nums;color:#8b8b9d}.cpTable .footer__results strong{color:#3e3e5b}.cpTable .footer__pagination{text-align:right}.cpTable .footer__pagination button{box-shadow:0 .0625rem .125rem #3e3e5b14;border-radius:.625rem;border:.0625rem solid #d8d8de;padding:.375rem .625rem;transition:background-color .15s;background-color:#fff}.cpTable .footer__pagination button:hover{background-color:#3e3e5b0d}.cpTable .footer__pagination button:focus{outline:none!important;box-shadow:0 0 0 .1875em #aec6f7}.cpTable .footer__pagination button:disabled{box-shadow:none;border-color:#f8faff;background-color:#f8faff;color:#b2b2bd;cursor:not-allowed;-webkit-user-select:none;user-select:none}.cpTable .footer__pagination button:last-of-type{margin-left:.5rem}

package/dist/assets/CpTable-yndu3rZB.js

@@ -1 +0,0 @@
-import{r as $,b as a,c,a as s,d as F,e as Ve,t as y,p as Z,F as g,y as q,J,n as L,f as T,k as O,h as Q,j as ee,o as i,I as te,L as Ne,M as ae}from"./vue.esm-bundler-DJiS9hE5.js";import{r as $e}from"./index-DCv8Njl6.js";import{C as Fe}from"./CpTableEmptyState-nxS12hcI.js";const qe=100,xe={GROUP_BY:"groupBy",FULL_WIDTH:"fullWidth",IS_SELECTED:"isSelected"},We={RESULTS:"results",PAGES:"pages"},d={VISIBLE_ROWS_MAX:qe,RESERVED_KEYS:xe,PAGINATION_FORMATS:We};function ne(o){return o.replace(/^\w|[A-Z]|\b\w|\s+/g,(v,S)=>+v==0?"":S===0?v.toLowerCase():v.toUpperCase())}function Be(o,v=" "){return o.replace(/([a-z\d])([A-Z])/g,`$1${v}$2`).replace(/([A-Z]+)([A-Z][a-z\d]+)/g,`$1${v}$2`).toLowerCase()}const ze=["aria-labelledby"],Me={class:"cpTable__table"},De=["id"],Ue={class:"cpTable__header"},Ge={class:"cpTable__row cpTable__row--header"},Ye={class:"cpTable__column cpTable__column--isOptions"},Ke={class:"cpTable__body"},He=["tabindex","onClick","onContextmenu","onKeydown"],je=["colspan"],Xe={key:0},Ze={class:"cpTable__cell cpTable__cell--isOptions"},Je=["onClick"],Qe={key:0,class:"cpTable__footer"},et={class:"footer__details"},tt={class:"footer__results"},at={class:"footer__resultsCount"},nt={class:"footer__pagination"},lt=["disabled"],st=["disabled"],ot="#5341F9",it={__name:"CpTable",props:{caption:{type:String,default:"",required:!1},columns:{type:Array,default:()=>[],required:!1},data:{type:Array,required:!0},pagination:{type:[Boolean,Object],default:!1,required:!1,validator:o=>{const v=o.limit?o.limit<=d.VISIBLE_ROWS_MAX:!0,S=o.format?Object.values(d.PAGINATION_FORMATS).includes(o.format):!0;return v&&S}},areRowsClickable:{type:Boolean,default:!1,required:!1},emptyCellPlaceholder:{type:String,default:"n/a",required:!1},noResultPlaceholder:{type:String,default:"No results found",required:!1},isLoading:{type:Boolean,default:!1,required:!1},enableRowOptions:{type:Boolean,default:!1,required:!1}},emits:["onRowClick","onRowRightClick","onNextClick","onPreviousClick"],setup(o,{expose:v,emit:S}){const n=o,k=S,x=$($e()),R=$(0),W=$(null),le=a(()=>W.value),se=a(()=>({"cpTable--isLoading":n.isLoading})),oe=a(()=>({"cpTable__container--hasPagination":P.value})),h=a(()=>n.columns?(n.columns.length?[...n.columns]:[...ie.value]).map(t=>typeof t=="string"?{id:ne(t),name:Be(t)}:{id:t.id||ne(t.name),...t}):[]),B=a(()=>h.value.length),z=a(()=>n.data.length?n.data.some(e=>d.RESERVED_KEYS.GROUP_BY in e):!1),ie=a(()=>{if(!n.data.length)return[];const e=z.value?n.data[0].rows[0]:n.data[0];return Object.keys(e)}),m=a(()=>C.value?n.pagination.server.total:M.value.length),re=a(()=>m.value===0),b=a(()=>n.pagination.limit||d.VISIBLE_ROWS_MAX),M=a(()=>n.data?z.value?n.data.reduce((e,t)=>{const r={[d.RESERVED_KEYS.FULL_WIDTH]:t.groupBy};return[...e,r,...t.rows]},[]):n.data:[]),A=a(()=>{const e=[...M.value];return C.value?e:P.value?e.splice(V.value,b.value):e}),ue=a(()=>A.value.map(e=>{const t=Re({rowPayload:e});return Ce({rowPayload:t})})),ce=a(()=>typeof n.pagination=="boolean"?n.pagination:n.pagination.enabled),P=a(()=>ce.value||m.value>d.VISIBLE_ROWS_MAX),de=a(()=>{var e;return((e=n.pagination)==null?void 0:e.format)||d.PAGINATION_FORMATS.PAGES}),I=a(()=>N.value>Y.value),D=a(()=>I.value&&!n.isLoading),U=a(()=>C.value?w.value>0:V.value-b.value>=0),G=a(()=>U.value&&!n.isLoading),V=a(()=>R.value*b.value),pe=a(()=>b.value*(1+R.value)),N=a(()=>Math.ceil(m.value/b.value)),Y=a(()=>C.value?w.value+1:R.value+1),C=a(()=>typeof n.pagination=="boolean"?!1:"server"in n.pagination),w=a(()=>n.pagination.server.activePage),ve=a(()=>w.value*b.value+1),fe=a(()=>b.value*(1+w.value)),_e=a(()=>C.value?ve.value:V.value+1),me=a(()=>{const e=C.value?fe.value:pe.value;return I.value?e:m.value}),be=a(()=>{if(de.value===d.PAGINATION_FORMATS.PAGES){const e=N.value>1?"pages":"page";return`${Y.value}/${N.value} ${e}`}return`${_e.value} – ${me.value}`}),ge=a(()=>{const e=new Intl.NumberFormat("en-US").format(m.value),t=m.value>1?"results":"result";return`${e} ${t}`}),K=e=>A.value[e],H=(e,t)=>{if(_(e))return;const r=K(t);k("onRowClick",r)},j=({rowData:e,rowIndex:t},r)=>{if(_(e))return;const f=K(t);k("onRowRightClick",{data:f,event:r})},X=(e=!0)=>{if(he(),e){I.value&&ye(),k("onNextClick");return}U.value&&Se(),k("onPreviousClick")},Re=({columns:e=h.value,rowPayload:t})=>Array.isArray(t)?t.reduce((r,f,l)=>{var u;const p={[(u=e[l])==null?void 0:u.id]:f};return{...r,...p}},{}):{...t},Ce=({columns:e=h.value,rowPayload:t})=>_(t)?t:e.reduce((r,f)=>{const l=(f==null?void 0:f.id)||f,p=t[l]||n.emptyCellPlaceholder,u={[l]:p};return{...r,...u}},{}),ye=()=>{D.value&&R.value++},Se=()=>{G.value&&R.value--},he=()=>le.value.scrollTop=0,Ee=e=>({width:(e==null?void 0:e.width)&&`${e.width}px`,textAlign:e.textAlign}),Te=(e,t)=>{var r;return e===d.RESERVED_KEYS.FULL_WIDTH?null:{textAlign:(r=h.value[t])==null?void 0:r.textAlign}},ke=(e,t)=>({"cpTable__row--isFullWidth":_(e),"cpTable__row--isClickable":!_(e)&&n.areRowsClickable,"cpTable__row--isSelected":Ae(t)}),we=e=>({"cpTable__cell--isFullWidth":e===d.RESERVED_KEYS.FULL_WIDTH}),Le=e=>{const t=n.enableRowOptions?B.value+1:B.value;return e===d.RESERVED_KEYS.FULL_WIDTH?t:null},Oe=e=>_(e)?-1:0,_=e=>d.RESERVED_KEYS.FULL_WIDTH in e,Ae=e=>A.value[e][d.RESERVED_KEYS.IS_SELECTED],Pe=e=>n.enableRowOptions&&!_(e);return v({resetPagination:()=>R.value=0}),(e,t)=>{const r=ee("cp-icon"),f=ee("cp-loader");return i(),c("div",{class:L(["cpTable",se.value])},[s("div",{ref_key:"cpTableContainer",ref:W,role:"region","aria-labelledby":x.value,tabindex:"0",class:L(["cpTable__container",oe.value])},[s("table",Me,[o.caption?(i(),c("caption",{key:0,id:x.value,class:"cpTable__caption"},y(o.caption),9,De)):F("",!0),s("thead",Ue,[s("tr",Ge,[(i(!0),c(g,null,q(h.value,l=>(i(),c("th",{key:l.id,class:"cpTable__column",style:te(Ee(l))},[T(e.$slots,"column",{column:l},()=>[O(y(l.name),1)])],4))),128)),Z(s("th",Ye,t[2]||(t[2]=[s("span",null,null,-1)]),512),[[J,o.enableRowOptions]])])]),s("tbody",Ke,[(i(!0),c(g,null,q(ue.value,(l,p)=>(i(),c("tr",{key:p,class:L(["cpTable__row cpTable__row--body",ke(l,p)]),tabindex:Oe(l),onClick:u=>H(l,p),onContextmenu:ae(u=>j({rowData:l,rowIndex:p},u),["right"]),onKeydown:Ne(u=>H(l,p),["enter"])},[T(e.$slots,"row",{row:l},()=>[(i(!0),c(g,null,q(l,(u,E,Ie)=>(i(),c("td",{key:`${E}_${p}`,class:L(["cpTable__cell",we(E)]),style:te(Te(E,Ie)),colspan:Le(E)},[T(e.$slots,E,{cell:u},()=>[_(l)?(i(),c("span",Xe,y(u),1)):(i(),c(g,{key:1},[O(y(u),1)],64))])],14,je))),128)),Z(s("td",Ze,[T(e.$slots,"row-quick-actions",{row:l},()=>[s("button",{type:"button",onClick:ae(u=>j({rowData:l,rowIndex:p},u),["stop"])},[Q(r,{type:"more-vertical"})],8,Je)])],512),[[J,Pe(l)]])])],42,He))),128))])]),re.value?(i(),Ve(Fe,{key:0,placeholder:o.noResultPlaceholder,class:"cpTable__emptyState"},null,8,["placeholder"])):F("",!0)],10,ze),P.value?(i(),c("div",Qe,[s("div",et,[s("p",tt,[o.isLoading?(i(),c(g,{key:1},[t[3]||(t[3]=O(" Loading ")),Q(f,{color:ot,class:"cpTable__loader--isSmall"})],64)):T(e.$slots,"footer-details",{key:0},()=>[m.value?(i(),c(g,{key:0},[s("strong",null,y(be.value),1),s("span",at," on "+y(ge.value),1)],64)):(i(),c(g,{key:1},[O(" No results ")],64))])])]),s("div",nt,[s("button",{disabled:!G.value,type:"button",onClick:t[0]||(t[0]=l=>X(!1))},"Prev.",8,lt),s("button",{disabled:!D.value,type:"button",onClick:t[1]||(t[1]=l=>X())},"Next",8,st)])])):F("",!0),t[4]||(t[4]=s("div",{class:"cpTable__overlay"},null,-1))],2)}}};it.__docgenInfo={exportName:"default",displayName:"CpTable",description:"",tags:{},expose:[{name:"resetPagination"}],props:[{name:"caption",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"columns",type:{name:"array"},required:!1,defaultValue:{func:!1,value:"[]"}},{name:"data",type:{name:"array"},required:!0},{name:"pagination",type:{name:"boolean|object"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"areRowsClickable",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"emptyCellPlaceholder",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'n/a'"}},{name:"noResultPlaceholder",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'No results found'"}},{name:"isLoading",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"enableRowOptions",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}}],events:[{name:"onRowClick"},{name:"onRowRightClick"},{name:"onNextClick"},{name:"onPreviousClick"}],slots:[{name:"column",scoped:!0,bindings:[{name:"column",title:"binding"}]},{name:"row",scoped:!0,bindings:[{name:"row",title:"binding"}]},{name:"cellKey",scoped:!0,bindings:[{name:"name",title:"binding"},{name:"cell",title:"binding"}]},{name:"row-quick-actions",scoped:!0,bindings:[{name:"row",title:"binding"}]},{name:"footer-details"}],sourceFiles:["/builds/miscellaneous/pimp/src/components/lists-and-table/CpTable.vue"]};export{it as _};

package/dist/assets/CpTable.stories-BexDadF2.js

@@ -1,151 +0,0 @@
-import{_ as c}from"./CpTable-yndu3rZB.js";import"./vue.esm-bundler-DJiS9hE5.js";import"./index-DCv8Njl6.js";import"./CpTableEmptyState-nxS12hcI.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const N={title:"CpTable",component:c,argTypes:{caption:{control:"text",description:"Table caption for accessibility"},columns:{control:"array",description:"Array of column definitions"},data:{control:"object",description:"Array of data objects to display"},pagination:{control:"object",description:"Pagination configuration (boolean or object)"},areRowsClickable:{control:"boolean",description:"Whether rows can be clicked"},emptyCellPlaceholder:{control:"text",description:"Placeholder text for empty cells"},noResultPlaceholder:{control:"text",description:"Placeholder text when no results found"},isLoading:{control:"boolean",description:"Whether the table is in loading state"},enableRowOptions:{control:"boolean",description:"Whether to show row options menu"},onRowClick:{action:"row-clicked"},onRowRightClick:{action:"row-right-clicked"},onNextClick:{action:"next-clicked"},onPreviousClick:{action:"previous-clicked"}},parameters:{backgrounds:{default:"dark"}},decorators:[()=>({template:'<div style="padding: 20px; border-radius: 8px; background-color: #fff;"><story/></div>'})]},O=["name","age","email","status"],J=[{name:"John Doe",age:30,email:"john@example.com",status:"Active"},{name:"Jane Smith",age:25,email:"jane@example.com",status:"Inactive"},{name:"Bob Johnson",age:35,email:"bob@example.com",status:"Active"},{name:"Alice Brown",age:28,email:"alice@example.com",status:"Active"},{name:"Charlie Wilson",age:42,email:"charlie@example.com",status:"Inactive"}],e={args:{columns:O,data:J,caption:"User Management Table",areRowsClickable:!1,emptyCellPlaceholder:"n/a",noResultPlaceholder:"No results found",isLoading:!1,enableRowOptions:!1,pagination:{enabled:!0}},render:l=>({components:{CpTable:c},setup(){return{args:l}},template:`
-      <div style="padding: 20px;">
-        <CpTable v-bind="args" />
-      </div>
-    `})},a={args:{...e.args,pagination:{enabled:!0,limit:3,format:"pages"}}},o={args:{...e.args,areRowsClickable:!0}},t={args:{...e.args,enableRowOptions:!0}},r={args:{...e.args,isLoading:!0}},s={args:{...e.args,data:[]}},n={args:{...e.args,data:[{groupBy:"Active Users",rows:[{name:"John Doe",age:30,email:"john@example.com",status:"Active"},{name:"Bob Johnson",age:35,email:"bob@example.com",status:"Active"}]},{groupBy:"Inactive Users",rows:[{name:"Jane Smith",age:25,email:"jane@example.com",status:"Inactive"}]}]}},i={args:{...e.args,enableRowOptions:!0},render:l=>({components:{CpTable:c},setup(){return{args:l}},template:`
-        <CpTable v-bind="args">
-          <template #status="{ cell }">
-            <span :style="{
-              padding: '4px 8px',
-              borderRadius: '4px',
-              fontSize: '12px',
-              backgroundColor: cell === 'Active' ? '#10B981' : '#EF4444',
-              color: 'white'
-            }">
-              {{ cell }}
-            </span>
-          </template>
-          <template #row-quick-actions="{ row }">
-            <button
-              type="button"
-              style="padding: 4px 8px; background: #4F46E5; color: white; border: none; border-radius: 4px; cursor: pointer;"
-              @click.stop="() => console.log('Edit', row)"
-            >
-              Edit
-            </button>
-          </template>
-        </CpTable>
-    `})};var p,m,d;e.parameters={...e.parameters,docs:{...(p=e.parameters)==null?void 0:p.docs,source:{originalSource:`{
-  args: {
-    columns: sampleColumns,
-    data: sampleData,
-    caption: 'User Management Table',
-    areRowsClickable: false,
-    emptyCellPlaceholder: 'n/a',
-    noResultPlaceholder: 'No results found',
-    isLoading: false,
-    enableRowOptions: false,
-    pagination: {
-      enabled: true
-    }
-  },
-  render: args => ({
-    components: {
-      CpTable
-    },
-    setup() {
-      return {
-        args
-      };
-    },
-    template: \`
-      <div style="padding: 20px;">
-        <CpTable v-bind="args" />
-      </div>
-    \`
-  })
-}`,...(d=(m=e.parameters)==null?void 0:m.docs)==null?void 0:d.source}}};var u,g,b;a.parameters={...a.parameters,docs:{...(u=a.parameters)==null?void 0:u.docs,source:{originalSource:`{
-  args: {
-    ...Default.args,
-    pagination: {
-      enabled: true,
-      limit: 3,
-      format: 'pages'
-    }
-  }
-}`,...(b=(g=a.parameters)==null?void 0:g.docs)==null?void 0:b.source}}};var h,w,x;o.parameters={...o.parameters,docs:{...(h=o.parameters)==null?void 0:h.docs,source:{originalSource:`{
-  args: {
-    ...Default.args,
-    areRowsClickable: true
-  }
-}`,...(x=(w=o.parameters)==null?void 0:w.docs)==null?void 0:x.source}}};var f,C,v;t.parameters={...t.parameters,docs:{...(f=t.parameters)==null?void 0:f.docs,source:{originalSource:`{
-  args: {
-    ...Default.args,
-    enableRowOptions: true
-  }
-}`,...(v=(C=t.parameters)==null?void 0:C.docs)==null?void 0:v.source}}};var y,k,R;r.parameters={...r.parameters,docs:{...(y=r.parameters)==null?void 0:y.docs,source:{originalSource:`{
-  args: {
-    ...Default.args,
-    isLoading: true
-  }
-}`,...(R=(k=r.parameters)==null?void 0:k.docs)==null?void 0:R.source}}};var S,T,A;s.parameters={...s.parameters,docs:{...(S=s.parameters)==null?void 0:S.docs,source:{originalSource:`{
-  args: {
-    ...Default.args,
-    data: []
-  }
-}`,...(A=(T=s.parameters)==null?void 0:T.docs)==null?void 0:A.source}}};var D,B,P;n.parameters={...n.parameters,docs:{...(D=n.parameters)==null?void 0:D.docs,source:{originalSource:`{
-  args: {
-    ...Default.args,
-    data: [{
-      groupBy: 'Active Users',
-      rows: [{
-        name: 'John Doe',
-        age: 30,
-        email: 'john@example.com',
-        status: 'Active'
-      }, {
-        name: 'Bob Johnson',
-        age: 35,
-        email: 'bob@example.com',
-        status: 'Active'
-      }]
-    }, {
-      groupBy: 'Inactive Users',
-      rows: [{
-        name: 'Jane Smith',
-        age: 25,
-        email: 'jane@example.com',
-        status: 'Inactive'
-      }]
-    }]
-  }
-}`,...(P=(B=n.parameters)==null?void 0:B.docs)==null?void 0:P.source}}};var W,E,j;i.parameters={...i.parameters,docs:{...(W=i.parameters)==null?void 0:W.docs,source:{originalSource:`{
-  args: {
-    ...Default.args,
-    enableRowOptions: true
-  },
-  render: args => ({
-    components: {
-      CpTable
-    },
-    setup() {
-      return {
-        args
-      };
-    },
-    template: \`
-        <CpTable v-bind="args">
-          <template #status="{ cell }">
-            <span :style="{
-              padding: '4px 8px',
-              borderRadius: '4px',
-              fontSize: '12px',
-              backgroundColor: cell === 'Active' ? '#10B981' : '#EF4444',
-              color: 'white'
-            }">
-              {{ cell }}
-            </span>
-          </template>
-          <template #row-quick-actions="{ row }">
-            <button
-              type="button"
-              style="padding: 4px 8px; background: #4F46E5; color: white; border: none; border-radius: 4px; cursor: pointer;"
-              @click.stop="() => console.log('Edit', row)"
-            >
-              Edit
-            </button>
-          </template>
-        </CpTable>
-    \`
-  })
-}`,...(j=(E=i.parameters)==null?void 0:E.docs)==null?void 0:j.source}}};const q=["Default","WithPagination","ClickableRows","WithRowOptions","Loading","Empty","WithGroupBy","WithCustomSlots"];export{o as ClickableRows,e as Default,s as Empty,r as Loading,i as WithCustomSlots,n as WithGroupBy,a as WithPagination,t as WithRowOptions,q as __namedExportsOrder,N as default};

package/dist/assets/CpTableEmptyState-DLgi2hhT.css

@@ -1 +0,0 @@
-/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}.fade-in-enter-active,.fade-in-leave-active{transition:all .15s ease-in-out}.fade-in-enter-from,.fade-in-leave-to{opacity:0;transform:scale(.9)}@keyframes cp-select-menu-dropdown-enter{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes cp-select-menu-dropdown-leave{0%{opacity:1}to{opacity:0}}.u-text-ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.u-asterisk{position:relative;top:-.1875rem;font-size:.75em;line-height:normal}.u-asterisk:after{content:" "}legend .u-asterisk,label .u-asterisk{color:#eb0505}html{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:100%;color:#3e3e5b;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:inherit;margin:0;outline:none;font-family:inherit}body{background-color:transparent}button{border-style:none;padding:0;background-color:transparent}button:hover{cursor:pointer}dialog{color:inherit}ul,li{margin:0;padding:0;list-style:none}svg{color:currentColor}input{font-size:inherit;border:none}.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-tooltip .v-popper__inner{background:#000c;color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}.cpTableEmptyState{padding:10vh 1rem;display:flex;align-items:center;justify-content:center}.cpTableEmptyState__icon{margin-bottom:1.5rem;border-radius:.25rem;display:inline-block;background-color:#f8faff;padding:1rem;color:#8b8b9d}.cpTableEmptyState__headline{margin-bottom:.5rem;font-size:1.25em}.cpTableEmptyState__description{color:#8b8b9d}

package/dist/assets/CpTableEmptyState-nxS12hcI.js

@@ -1 +0,0 @@
-import{c as p,a as e,h as r,t as c,j as n,o as l}from"./vue.esm-bundler-DJiS9hE5.js";import{_ as i}from"./_plugin-vue_export-helper-DlAUqK2U.js";const s={props:{placeholder:{type:String,required:!0}}},_={class:"cpTableEmptyState"},d={class:"cpTableEmptyState__wrapper"},m={class:"cpTableEmptyState__icon"},u={class:"cpTableEmptyState__headline"};function y(h,t,a,b,f,S){const o=n("cp-icon");return l(),p("div",_,[e("div",d,[e("figure",m,[r(o,{type:"search"})]),e("p",u,[e("strong",null,c(a.placeholder),1)]),t[0]||(t[0]=e("p",{class:"cpTableEmptyState__description"},"There aren't any results for that query.",-1))])])}const g=i(s,[["render",y]]);s.__docgenInfo={exportName:"default",displayName:"CpTableEmptyState",description:"",tags:{},props:[{name:"placeholder",type:{name:"string"},required:!0}],sourceFiles:["/builds/miscellaneous/pimp/src/components/lists-and-table/CpTableEmptyState.vue"]};export{g as C};

package/dist/assets/CpTableEmptyState.stories-DJ72SR3h.js

@@ -1,20 +0,0 @@
-import{C as o}from"./CpTableEmptyState-nxS12hcI.js";import"./vue.esm-bundler-DJiS9hE5.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const d={title:"CpTableEmptyState",component:o,argTypes:{placeholder:{control:"text",description:"Placeholder text to display"}},decorators:[()=>({template:'<div style="padding: 20px; border-radius: 8px; background-color: #fff;"><story/></div>'})]},e={args:{placeholder:"No results found"},render:n=>({components:{CpTableEmptyState:o},setup(){return{args:n}},template:`
-      <CpTableEmptyState v-bind="args" />
-    `})};var t,r,a;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`{
-  args: {
-    placeholder: 'No results found'
-  },
-  render: args => ({
-    components: {
-      CpTableEmptyState
-    },
-    setup() {
-      return {
-        args
-      };
-    },
-    template: \`
-      <CpTableEmptyState v-bind="args" />
-    \`
-  })
-}`,...(a=(r=e.parameters)==null?void 0:r.docs)==null?void 0:a.source}}};const c=["Default"];export{e as Default,c as __namedExportsOrder,d as default};

package/dist/assets/CpTextarea-CxUuF1Yp.js

@@ -1 +0,0 @@
-import{z as f,B as I,r as _,b as c,c as m,p as u,d,h as B,s as M,e as p,g as i,q as S,a as k,n as C,I as N,o as t,k as v,t as g}from"./vue.esm-bundler-DJiS9hE5.js";import{B as y}from"./BaseInputLabel-BEmdWkeA.js";import{T as z}from"./TransitionExpand-Cw-PtMjf.js";import{r as D,c as E}from"./index-DCv8Njl6.js";const L={class:"cpTextarea"},F={key:0,class:"u-asterisk"},w=["disabled","placeholder","required"],A={__name:"CpTextarea",props:f({modelValue:{type:String,default:"",required:!1},label:{type:String,default:"",required:!1},placeholder:{type:String,default:"",required:!0},required:{type:Boolean,default:!1,required:!1},inputId:{type:String,default:"",required:!1},disabled:{type:Boolean,default:!1,required:!1},isInvalid:{type:Boolean,default:!1,required:!1},errorMessage:{type:String,default:"",required:!1},height:{type:Number,default:200,required:!1}},{modelValue:{type:String,default:"",required:!1},modelModifiers:{}}),emits:f(["update:modelValue"],["update:modelValue"]),setup(e,{emit:q}){const l=e,b=q,n=I(e,"modelValue",{set(a){return x(a),a}}),r=_(l.inputId||D()),h=c(()=>E(l.label)),V=c(()=>l.isInvalid&&l.errorMessage.length),x=a=>b("update:modelValue",a);return(a,o)=>{const s=M("bind-once");return t(),m("div",L,[e.label?u((t(),p(y,{key:0,class:"cpTextarea__label"},{default:i(()=>[v(g(h.value)+" ",1),e.required?(t(),m("span",F,"*")):d("",!0)]),_:1})),[[s,{for:r.value}]]):d("",!0),u(k("textarea",{"onUpdate:modelValue":o[0]||(o[0]=T=>n.value=T),disabled:e.disabled,placeholder:e.placeholder,required:e.required,style:N(`min-height: ${e.height}px`),class:C([{"cpTextarea__input--isInvalid":e.isInvalid},"cpTextarea__input"])},null,14,w),[[S,n.value],[s,{id:r.value}]]),B(z,null,{default:i(()=>[V.value?u((t(),p(y,{key:0,"is-invalid":"",class:"cpTextarea__label cpTextarea__label--isAfter"},{default:i(()=>[v(g(e.errorMessage),1)]),_:1})),[[s,{for:r.value}]]):d("",!0)]),_:1})])}}};A.__docgenInfo={exportName:"default",displayName:"CpTextarea",description:"",tags:{},props:[{name:"modelValue",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"label",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"placeholder",type:{name:"string"},required:!0,defaultValue:{func:!1,value:"''"}},{name:"required",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"inputId",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"disabled",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"isInvalid",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"errorMessage",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"height",type:{name:"number"},required:!1,defaultValue:{func:!1,value:"200"}}],events:[{name:"update:modelValue"}],sourceFiles:["/builds/miscellaneous/pimp/src/components/inputs/CpTextarea.vue"]};export{A as _};

package/dist/assets/CpTextarea-CzC-Bjsy.css

@@ -1 +0,0 @@
-/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}.fade-in-enter-active,.fade-in-leave-active{transition:all .15s ease-in-out}.fade-in-enter-from,.fade-in-leave-to{opacity:0;transform:scale(.9)}@keyframes cp-select-menu-dropdown-enter{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes cp-select-menu-dropdown-leave{0%{opacity:1}to{opacity:0}}.u-text-ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.u-asterisk{position:relative;top:-.1875rem;font-size:.75em;line-height:normal}.u-asterisk:after{content:" "}legend .u-asterisk,label .u-asterisk{color:#eb0505}html{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:100%;color:#3e3e5b;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:inherit;margin:0;outline:none;font-family:inherit}body{background-color:transparent}button{border-style:none;padding:0;background-color:transparent}button:hover{cursor:pointer}dialog{color:inherit}ul,li{margin:0;padding:0;list-style:none}svg{color:currentColor}input{font-size:inherit;border:none}.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-tooltip .v-popper__inner{background:#000c;color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}.cpTextarea__input{box-shadow:inset 0 .0625em .125em #0000001f;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:.0625rem solid #d8d8de;border-radius:.625em;outline:none;padding:1em;width:100%;max-width:100%;height:100%;font-size:1em;color:#3e3e5b}.cpTextarea__input:hover{border-color:#5341f9}.cpTextarea__input:focus{box-shadow:0 0 0 .1875em #ddd9fe;border-color:#5341f9;background-color:#fff}.cpTextarea__input:disabled{background:#f8faff;cursor:not-allowed;color:#8b8b9d}.cpTextarea__input::placeholder{color:#3e3e5b99}.cpTextarea__input--isInvalid{box-shadow:0 0 0 .03125rem #eb0505;border:.0625rem solid #eb0505}.cpTextarea__input--isInvalid:hover,.cpTextarea__input--isInvalid:focus{border:.0625rem solid #eb0505}.cpTextarea__input--isInvalid:focus{box-shadow:0 0 0 .1875em #fd9595}.cpTextarea__label{display:block;line-height:1.5rem}.cpTextarea__label:not(.cpTextarea__label--isAfter){margin-bottom:.5rem}.cpTextarea__label--isAfter{margin-top:.375em}

package/dist/assets/CpTextarea.stories-Bd-7bf7X.js

@@ -1,64 +0,0 @@
-import{r as W}from"./vue.esm-bundler-DJiS9hE5.js";import{_ as D}from"./CpTextarea-CxUuF1Yp.js";import"./BaseInputLabel-BEmdWkeA.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./TransitionExpand-Cw-PtMjf.js";import"./index-DCv8Njl6.js";const N={title:"CpTextarea",component:D,argTypes:{modelValue:{control:"text",description:"The textarea value"},label:{control:"text",description:"Label text for the textarea"},placeholder:{control:"text",description:"Placeholder text"},required:{control:"boolean",description:"Whether the field is required"},disabled:{control:"boolean",description:"Whether the field is disabled"},isInvalid:{control:"boolean",description:"Whether the field is in an invalid state"},errorMessage:{control:"text",description:"Error message to display"},rows:{control:"number",description:"Number of visible rows"},maxLength:{control:"number",description:"Maximum number of characters allowed"}}},e={args:{label:"Textarea Label",placeholder:"Enter your message here",rows:4},render:q=>({components:{CpTextarea:D},setup(){const C=W("");return{args:q,value:C}},template:`
-      <div style="max-width: 400px; padding: 20px;">
-        <CpTextarea
-          v-model="value"
-          v-bind="args"
-        />
-      </div>
-    `})},r={args:{...e.args,isInvalid:!0,errorMessage:"This field is required"}},a={args:{...e.args,required:!0}},s={args:{...e.args,disabled:!0}},t={args:{...e.args,maxLength:100,label:"Limited Textarea",placeholder:"Enter up to 100 characters"}},o={args:{...e.args,rows:6,label:"Large Textarea",placeholder:"Enter a longer message"}};var n,i,l;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:`{
-  args: {
-    label: 'Textarea Label',
-    placeholder: 'Enter your message here',
-    rows: 4
-  },
-  render: args => ({
-    components: {
-      CpTextarea
-    },
-    setup() {
-      const value = ref('');
-      return {
-        args,
-        value
-      };
-    },
-    template: \`
-      <div style="max-width: 400px; padding: 20px;">
-        <CpTextarea
-          v-model="value"
-          v-bind="args"
-        />
-      </div>
-    \`
-  })
-}`,...(l=(i=e.parameters)==null?void 0:i.docs)==null?void 0:l.source}}};var d,c,p;r.parameters={...r.parameters,docs:{...(d=r.parameters)==null?void 0:d.docs,source:{originalSource:`{
-  args: {
-    ...Default.args,
-    isInvalid: true,
-    errorMessage: 'This field is required'
-  }
-}`,...(p=(c=r.parameters)==null?void 0:c.docs)==null?void 0:p.source}}};var m,u,g;a.parameters={...a.parameters,docs:{...(m=a.parameters)==null?void 0:m.docs,source:{originalSource:`{
-  args: {
-    ...Default.args,
-    required: true
-  }
-}`,...(g=(u=a.parameters)==null?void 0:u.docs)==null?void 0:g.source}}};var h,x,b;s.parameters={...s.parameters,docs:{...(h=s.parameters)==null?void 0:h.docs,source:{originalSource:`{
-  args: {
-    ...Default.args,
-    disabled: true
-  }
-}`,...(b=(x=s.parameters)==null?void 0:x.docs)==null?void 0:b.source}}};var f,v,T;t.parameters={...t.parameters,docs:{...(f=t.parameters)==null?void 0:f.docs,source:{originalSource:`{
-  args: {
-    ...Default.args,
-    maxLength: 100,
-    label: 'Limited Textarea',
-    placeholder: 'Enter up to 100 characters'
-  }
-}`,...(T=(v=t.parameters)==null?void 0:v.docs)==null?void 0:T.source}}};var L,w,E;o.parameters={...o.parameters,docs:{...(L=o.parameters)==null?void 0:L.docs,source:{originalSource:`{
-  args: {
-    ...Default.args,
-    rows: 6,
-    label: 'Large Textarea',
-    placeholder: 'Enter a longer message'
-  }
-}`,...(E=(w=o.parameters)==null?void 0:w.docs)==null?void 0:E.source}}};const O=["Default","WithError","Required","Disabled","WithMaxLength","CustomRows"];export{o as CustomRows,e as Default,s as Disabled,a as Required,r as WithError,t as WithMaxLength,O as __namedExportsOrder,N as default};

package/dist/assets/CpToaster-BXpKEwda.css

@@ -1 +0,0 @@
-/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}.fade-in-enter-active,.fade-in-leave-active{transition:all .15s ease-in-out}.fade-in-enter-from,.fade-in-leave-to{opacity:0;transform:scale(.9)}@keyframes cp-select-menu-dropdown-enter{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes cp-select-menu-dropdown-leave{0%{opacity:1}to{opacity:0}}.u-text-ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.u-asterisk{position:relative;top:-.1875rem;font-size:.75em;line-height:normal}.u-asterisk:after{content:" "}legend .u-asterisk,label .u-asterisk{color:#eb0505}html{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;font-size:100%;color:#3e3e5b;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:inherit;margin:0;outline:none;font-family:inherit}body{background-color:transparent}button{border-style:none;padding:0;background-color:transparent}button:hover{cursor:pointer}dialog{color:inherit}ul,li{margin:0;padding:0;list-style:none}svg{color:currentColor}input{font-size:inherit;border:none}.resize-observer[data-v-b329ee4c]{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;border:none;background-color:transparent;pointer-events:none;display:block;overflow:hidden;opacity:0}.resize-observer[data-v-b329ee4c] object{display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1}.v-popper__popper{z-index:10000;top:0;left:0;outline:none}.v-popper__popper.v-popper__popper--hidden{visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;pointer-events:none}.v-popper__popper.v-popper__popper--shown{visibility:visible;opacity:1;transition:opacity .15s}.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{transition:none!important}.v-popper__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;display:none}.v-popper__inner{position:relative;box-sizing:border-box;overflow-y:auto}.v-popper__inner>div{position:relative;z-index:1;max-width:inherit;max-height:inherit}.v-popper__arrow-container{position:absolute;width:10px;height:10px}.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{display:none}.v-popper__arrow-inner,.v-popper__arrow-outer{border-style:solid;position:absolute;top:0;left:0;width:0;height:0}.v-popper__arrow-inner{visibility:hidden;border-width:7px}.v-popper__arrow-outer{border-width:6px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{left:-2px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{left:-1px}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{border-bottom-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{top:0}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{border-top-width:0;border-left-color:transparent!important;border-right-color:transparent!important;border-top-color:transparent!important}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{top:-4px}.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{top:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{top:-2px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{top:-1px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{border-left-width:0;border-left-color:transparent!important;border-top-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{left:-4px}.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{left:-6px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{right:-10px}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{border-right-width:0;border-top-color:transparent!important;border-right-color:transparent!important;border-bottom-color:transparent!important}.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{left:-2px}.v-popper--theme-tooltip .v-popper__inner{background:#000c;color:#fff;border-radius:6px;padding:7px 12px 6px}.v-popper--theme-tooltip .v-popper__arrow-outer{border-color:#000c}.v-popper--theme-dropdown .v-popper__inner{background:#fff;color:#000;border-radius:6px;border:1px solid #ddd;box-shadow:0 6px 30px #0000001a}.v-popper--theme-dropdown .v-popper__arrow-inner{visibility:visible;border-color:#fff}.v-popper--theme-dropdown .v-popper__arrow-outer{border-color:#ddd}.cpToaster{position:relative;box-shadow:#435a6f4d 0 0 1px,#435a6f78 0 8px 10px -4px;background:#fff;padding:.75rem;overflow:hidden;width:max-content;max-width:100%;margin:auto;pointer-events:auto;font-size:.875rem}@media (min-width: 769px){.cpToaster{border-radius:.5rem}}@media (max-width: 768px){.cpToaster{min-width:100%}}.cpToaster:before{content:"";position:absolute;top:0;left:0;width:.1875rem;height:100%}.cpToaster__container{position:fixed;z-index:9999;top:0;left:0;right:0;margin:auto;padding:1rem;max-width:25rem;pointer-events:none}.cpToaster__container>*:not(:last-child){margin-bottom:.5rem}@media (max-width: 768px){.cpToaster__container{max-width:100%}}.cpToaster__content{display:flex;align-items:flex-start}.cpToaster__body{flex:1;margin-left:.5rem;padding-right:2rem}.cpToaster__icon{flex-shrink:0;height:1rem;width:1rem}.cpToaster__content,.cpToaster__title{line-height:1rem}.cpToaster__title{font-weight:600}.cpToaster__title:not(:only-child){margin-bottom:.25rem}.cpToaster__description{font-size:.875rem}.cpToaster__close{position:absolute;right:.5rem;top:.5rem;display:flex;border-radius:.25rem;padding:.25rem;color:#8b8b9d}.cpToaster__close svg{margin:0;width:1.125rem;height:1.125rem}.cpToaster__close:hover{background-color:#8b8b9d1a}.cpToaster__footer{display:flex;justify-content:flex-end;margin-top:1rem}.cpToaster__button{font-size:.75rem;color:#144dc2}.cpToaster__button:not(:hover){text-decoration:underline}.cpToaster--info .cpToaster__icon{color:#144dc2}.cpToaster--info:before{background-color:#144dc2}.cpToaster--warning .cpToaster__icon{color:#ffa800}.cpToaster--warning:before{background-color:#ffa800}.cpToaster--success .cpToaster__icon{color:#00c582}.cpToaster--success:before{background-color:#00c582}.cpToaster--critical .cpToaster__icon{color:#eb0505}.cpToaster--critical:before{background-color:#eb0505}

package/dist/assets/CpToaster-upD4XD7h.js

@@ -1 +0,0 @@
-import{a as p}from"./anime.esm-RriTVqCw.js";import{I as o}from"./Intent-UfUixXOL.js";import{r as T}from"./index-DCv8Njl6.js";import{C as b}from"./CpHeading-BAq1EOd-.js";import{_ as I}from"./CpIcon-CWMZpN60.js";import{e as D,g as h,T as g,j as v,o as r,p as q,c as u,n as w,a as i,d as y,h as d,k as V,t as f,J as M}from"./vue.esm-bundler-DJiS9hE5.js";import{_ as S}from"./_plugin-vue_export-helper-DlAUqK2U.js";const _={name:"CpToaster",components:{CpHeading:b,CpIcon:I},props:{title:{type:String,required:!0,default:""},description:{type:String,required:!1,default:""},type:{type:String,required:!1,default:"info",validator(e){return Object.values(o).map(s=>s.value).includes(e)}},delayBeforeCloseInMs:{type:Number,required:!1,default:5e3},actionLabel:{type:String,required:!1,default:""},actionMethod:{type:Function,required:!1,default:()=>{}},isUnique:{type:Boolean,default:!1}},data(){return{toasterId:null,toastersContainer:null,isOpen:!1,isHovered:!1,deleteCountDown:this.delayBeforeCloseInMs,timeoutID:null,countDownInterval:null,publicProperties:["closeToaster"]}},computed:{toasterIcon(){const t=Object.values(o).find(s=>s.value===this.type);return t?t.icon:o.INFO.icon},dynamicClass(){return`cpToaster--${this.type||o.INFO.value}`}},watch:{isHovered(e){e?this.cancelDelete():this.handleDeleteEvent()}},beforeMount(){this.createContainer(),this.setupContainer(),this.removeSiblings(),this.setToasterId()},mounted(){this.showToaster(),this.handleDeleteEvent()},methods:{createContainer(){this.toastersContainer=document.querySelector(".cpToaster__container"),!this.toastersContainer&&(this.toastersContainer||(this.toastersContainer=document.createElement("section"),this.toastersContainer.className="cpToaster__container"))},setupContainer(){document.body.appendChild(this.toastersContainer)},removeSiblings(){if(!this.isUnique)return;document.querySelectorAll(".cpToaster").forEach(this.removeElement)},setToasterId(){this.toasterId=T()},showToaster(){this.isOpen=!0,this.$nextTick(()=>{this.toastersContainer.insertAdjacentElement("afterbegin",this.$el)})},setHoverState(e=!0){this.isHovered=e},handleDeleteEvent(){this.startCountDown(),this.timeoutID=setTimeout(()=>{this.closeToaster()},this.delayBeforeCloseInMs)},cancelDelete(){clearTimeout(this.timeoutID),clearInterval(this.countDownInterval),this.resetCountDown()},startCountDown(){this.countDownInterval=setInterval(()=>{this.deleteCountDown-=1e3,this.deleteCountDown<=0&&clearInterval(this.countDownInterval)},1e3)},resetCountDown(){this.deleteCountDown=this.delayBeforeCloseInMs},handleActionMethod(){const e=this,t=Object.keys(e).filter(s=>this.publicProperties.includes(s)).reduce((s,l)=>(s[l]=e[l],s),{});return this.actionMethod(t)},closeToaster(){this.cancelDelete(),this.isOpen=!1,setTimeout(()=>{this.removeElement(this.$el)},240)},removeElement(e){typeof e.remove<"u"?e.remove():e.parentNode.removeChild(e)},async enter(e,t){p(e,{translateY:[-60,0],opacity:[0,1],duration:240,ease:"cubicBezier(0.175, 0.885, 0.32, 1.175)",complete:function(){t()}})},async leave(e,t){p(e,{scale:[1,.8],opacity:[1,0],duration:240,ease:"cubicBezier(0.0, 0.0, 0.2, 1)",complete:function(){t()}})}}},B=["id"],E={class:"cpToaster__content"},k={class:"cpToaster__body"},N={key:0,class:"cpToaster__description"},O={key:0,class:"cpToaster__footer"};function x(e,t,s,l,c,n){const m=v("cp-icon"),C=v("cp-heading");return r(),D(g,{onEnter:n.enter,onLeave:n.leave},{default:h(()=>[q((r(),u("div",{id:c.toasterId,key:c.toasterId,class:w(["cpToaster",n.dynamicClass]),role:"alert",onMouseenter:t[2]||(t[2]=a=>n.setHoverState()),onMouseleave:t[3]||(t[3]=a=>n.setHoverState(!1))},[i("div",E,[d(m,{type:n.toasterIcon,class:"cpToaster__icon"},null,8,["type"]),i("div",k,[d(C,{"heading-level":"h4",size:400,class:"cpToaster__title"},{default:h(()=>[V(f(s.title),1)]),_:1}),s.description?(r(),u("p",N,f(s.description),1)):y("",!0)])]),i("button",{type:"button",class:"cpToaster__close",onClick:t[0]||(t[0]=(...a)=>n.closeToaster&&n.closeToaster(...a))},[d(m,{type:"x"})]),s.actionLabel?(r(),u("div",O,[i("button",{type:"button",class:"cpToaster__button",onClick:t[1]||(t[1]=(...a)=>n.handleActionMethod&&n.handleActionMethod(...a))},f(s.actionLabel),1)])):y("",!0)],42,B)),[[M,c.isOpen]])]),_:1},8,["onEnter","onLeave"])}const P=S(_,[["render",x]]);_.__docgenInfo={displayName:"CpToaster",exportName:"default",description:"",tags:{},props:[{name:"title",type:{name:"string"},required:!0,defaultValue:{func:!1,value:"''"}},{name:"description",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"type",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'info'"}},{name:"delayBeforeCloseInMs",type:{name:"number"},required:!1,defaultValue:{func:!1,value:"5000"}},{name:"actionLabel",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"actionMethod",type:{name:"func"},required:!1,defaultValue:{func:!0,value:"() => {}"}},{name:"isUnique",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],sourceFiles:["/builds/miscellaneous/pimp/src/components/feedback-indicators/CpToaster.vue"]};export{P as C};