@citizenplane/pimp 8.13.0 → 8.14.1

package/dist/assets/CpRadio.stories-DPcn2bvJ.js

@@ -1,132 +0,0 @@
-import{r as y}from"./vue.esm-bundler-DmHyoj4Y.js";import{C as l}from"./CpRadio-C7OtLwPR.js";import"./index-DCv8Njl6.js";import"./ToggleColors-CSr2zujL.js";import"./Colors-mWZwWrlN.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const w={title:"CpRadio",component:l,argTypes:{modelValue:{control:"text",description:"The selected radio value"},options:{control:"object",description:"Array of radio options"},groupName:{control:"text",description:"Name attribute for radio group"},color:{control:"select",options:["blue","purple"],description:"Color variant of the radio"},autofocus:{control:"boolean",description:"Whether to autofocus the first radio"}}},C=[{value:"option1",label:"Option 1"},{value:"option2",label:"Option 2"},{value:"option3",label:"Option 3"}],a={args:{modelValue:"option1",options:C,groupName:"radio-group",color:"blue",autofocus:!1},render:o=>({components:{CpRadio:l},setup(){const r=y(o.modelValue);return{args:o,value:r}},template:`
-      <div style="min-width: 400px; padding: 20px;">
-        <CpRadio
-          v-model="value"
-          v-bind="args"
-        />
-      </div>
-    `})},e={args:{...a.args,options:[{value:"option1",label:"Basic Plan",description:"Perfect for individuals"},{value:"option2",label:"Pro Plan",description:"Great for small teams"},{value:"option3",label:"Enterprise Plan",description:"For large organizations"}]}},t={args:{...a.args,options:[{value:"option1",label:"Monthly",additionalData:"$10/mo"},{value:"option2",label:"Yearly",additionalData:"$100/yr"},{value:"option3",label:"Lifetime",additionalData:"$500"}]}},n={args:{...a.args,options:[{value:"option1",label:"Option 1"},{value:"option2",label:"Option 2",disabled:!0},{value:"option3",label:"Option 3"}]},render:o=>({components:{CpRadio:l},setup(){const r=y(o.modelValue);return{args:o,value:r}},template:`
-      <div style="min-width: 400px; padding: 20px;">
-        <CpRadio
-          v-model="value"
-          v-bind="args"
-        />
-      </div>
-    `})},i={args:{...a.args,options:[{value:"option1",label:"Basic Plan",description:"Perfect for individuals",additionalData:"$10/mo"},{value:"option2",label:"Pro Plan",description:"Great for small teams",additionalData:"$30/mo"},{value:"option3",label:"Enterprise Plan",description:"For large organizations",additionalData:"$100/mo"}]}};var s,p,d;a.parameters={...a.parameters,docs:{...(s=a.parameters)==null?void 0:s.docs,source:{originalSource:`{
-  args: {
-    modelValue: 'option1',
-    options: sampleOptions,
-    groupName: 'radio-group',
-    color: 'blue',
-    autofocus: false
-  },
-  render: args => ({
-    components: {
-      CpRadio
-    },
-    setup() {
-      const value = ref(args.modelValue);
-      return {
-        args,
-        value
-      };
-    },
-    template: \`
-      <div style="min-width: 400px; padding: 20px;">
-        <CpRadio
-          v-model="value"
-          v-bind="args"
-        />
-      </div>
-    \`
-  })
-}`,...(d=(p=a.parameters)==null?void 0:p.docs)==null?void 0:d.source}}};var u,c,m;e.parameters={...e.parameters,docs:{...(u=e.parameters)==null?void 0:u.docs,source:{originalSource:`{
-  args: {
-    ...Default.args,
-    options: [{
-      value: 'option1',
-      label: 'Basic Plan',
-      description: 'Perfect for individuals'
-    }, {
-      value: 'option2',
-      label: 'Pro Plan',
-      description: 'Great for small teams'
-    }, {
-      value: 'option3',
-      label: 'Enterprise Plan',
-      description: 'For large organizations'
-    }]
-  }
-}`,...(m=(c=e.parameters)==null?void 0:c.docs)==null?void 0:m.source}}};var v,g,b;t.parameters={...t.parameters,docs:{...(v=t.parameters)==null?void 0:v.docs,source:{originalSource:`{
-  args: {
-    ...Default.args,
-    options: [{
-      value: 'option1',
-      label: 'Monthly',
-      additionalData: '$10/mo'
-    }, {
-      value: 'option2',
-      label: 'Yearly',
-      additionalData: '$100/yr'
-    }, {
-      value: 'option3',
-      label: 'Lifetime',
-      additionalData: '$500'
-    }]
-  }
-}`,...(b=(g=t.parameters)==null?void 0:g.docs)==null?void 0:b.source}}};var f,D,P;n.parameters={...n.parameters,docs:{...(f=n.parameters)==null?void 0:f.docs,source:{originalSource:`{
-  args: {
-    ...Default.args,
-    options: [{
-      value: 'option1',
-      label: 'Option 1'
-    }, {
-      value: 'option2',
-      label: 'Option 2',
-      disabled: true
-    }, {
-      value: 'option3',
-      label: 'Option 3'
-    }]
-  },
-  render: args => ({
-    components: {
-      CpRadio
-    },
-    setup() {
-      const value = ref(args.modelValue);
-      return {
-        args,
-        value
-      };
-    },
-    template: \`
-      <div style="min-width: 400px; padding: 20px;">
-        <CpRadio
-          v-model="value"
-          v-bind="args"
-        />
-      </div>
-    \`
-  })
-}`,...(P=(D=n.parameters)==null?void 0:D.docs)==null?void 0:P.source}}};var h,O,x;i.parameters={...i.parameters,docs:{...(h=i.parameters)==null?void 0:h.docs,source:{originalSource:`{
-  args: {
-    ...Default.args,
-    options: [{
-      value: 'option1',
-      label: 'Basic Plan',
-      description: 'Perfect for individuals',
-      additionalData: '$10/mo'
-    }, {
-      value: 'option2',
-      label: 'Pro Plan',
-      description: 'Great for small teams',
-      additionalData: '$30/mo'
-    }, {
-      value: 'option3',
-      label: 'Enterprise Plan',
-      description: 'For large organizations',
-      additionalData: '$100/mo'
-    }]
-  }
-}`,...(x=(O=i.parameters)==null?void 0:O.docs)==null?void 0:x.source}}};const z=["Default","WithDescriptions","WithAdditionalData","WithDisabledOptions","ComplexOptions"];export{i as ComplexOptions,a as Default,t as WithAdditionalData,e as WithDescriptions,n as WithDisabledOptions,z as __namedExportsOrder,w as default};

package/dist/assets/CpSelect-DlLk_-bg.js

@@ -1 +0,0 @@
-import{r as v,c as V}from"./index-DCv8Njl6.js";import{B as h}from"./BaseInputLabel-BKfOnmKd.js";import{T as S}from"./TransitionExpand-BLDnMZa8.js";import{c as n,e as m,d as i,a as r,h as C,g as d,t as s,F as I,y as B,n as k,j as p,o as a,k as _}from"./vue.esm-bundler-DmHyoj4Y.js";import{_ as x}from"./_plugin-vue_export-helper-DlAUqK2U.js";const y={name:"CpSelect",components:{BaseInputLabel:h,TransitionExpand:S},props:{label:{type:String,default:""},modelValue:{type:[String,Number],default:""},hideDefaultValue:{type:Boolean,default:!1},defaultValue:{type:String,default:"Select an option"},options:{type:Array,required:!0},name:{type:String,default:null},required:{type:Boolean,default:null},disabled:{type:Boolean,default:null},autocomplete:{type:String,default:"on"},isInvalid:{type:Boolean,default:!1},errorMessage:{type:String,default:""},isLarge:{type:Boolean,default:!1}},emits:["update:modelValue"],data(){return{selectReferenceId:""}},computed:{capitalizedLabel(){return V(this.label)},dynamicClasses(){return{"cpSelect--isInvalid":this.isInvalid,"cpSelect--isDisabled":this.disabled,"cpSelect--isLarge":this.isLarge}},displayErrorMessage(){return this.isInvalid&&this.errorMessage.length}},mounted(){this.selectReferenceId=v()},methods:{handleChange(o){this.$emit("update:modelValue",o.target.value)}}},L={key:0,class:"u-asterisk"},q={class:"cpSelect__container"},N=["id","value","disabled","required","autocomplete","name"],M=["disabled"],D=["value"];function R(o,c,e,z,u,l){const f=p("base-input-label"),g=p("transition-expand");return a(),n("div",{class:k(["cpSelect",l.dynamicClasses])},[e.label?(a(),m(f,{key:0,for:u.selectReferenceId,class:"cpSelect__label"},{default:d(()=>[_(s(l.capitalizedLabel)+" ",1),e.required?(a(),n("span",L,"*")):i("",!0)]),_:1},8,["for"])):i("",!0),r("div",q,[r("select",{id:u.selectReferenceId,ref:"cpSelect",value:e.modelValue,disabled:e.disabled,required:e.required,autocomplete:e.autocomplete,name:e.name,class:"cpSelect__inner",onInput:c[0]||(c[0]=(...t)=>l.handleChange&&l.handleChange(...t))},[r("option",{disabled:e.hideDefaultValue||null,value:""},s(e.defaultValue),9,M),(a(!0),n(I,null,B(e.options,(t,b)=>(a(),n("option",{key:b,value:t.value},s(t.label),9,D))),128))],40,N)]),C(g,null,{default:d(()=>[l.displayErrorMessage?(a(),m(f,{key:0,"is-invalid":e.isInvalid,for:u.selectReferenceId,class:"cpSelect__label cpSelect__label--isAfter"},{default:d(()=>[_(s(e.errorMessage),1)]),_:1},8,["is-invalid","for"])):i("",!0)]),_:1})],2)}const w=x(y,[["render",R]]);y.__docgenInfo={displayName:"CpSelect",exportName:"default",description:"",tags:{},props:[{name:"label",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"modelValue",type:{name:"string|number"},defaultValue:{func:!1,value:"''"}},{name:"hideDefaultValue",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"defaultValue",type:{name:"string"},defaultValue:{func:!1,value:"'Select an option'"}},{name:"options",type:{name:"array"},required:!0},{name:"name",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"required",type:{name:"boolean"},defaultValue:{func:!1,value:"null"}},{name:"disabled",type:{name:"boolean"},defaultValue:{func:!1,value:"null"}},{name:"autocomplete",type:{name:"string"},defaultValue:{func:!1,value:"'on'"}},{name:"isInvalid",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"errorMessage",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"isLarge",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"update:modelValue",type:{names:["undefined"]}}],sourceFiles:["/builds/miscellaneous/pimp/src/components/selects/CpSelect.vue"]};export{w as C};

package/dist/assets/CpSelect-HpT9AKcz.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,.cpSelect__inner{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}.cpSelect__container{position:relative}.cpSelect__container:after{content:"";position:absolute;right:.75em;top:50%;transform:translateY(-50%);width:1.25em;height:1.25em;background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='25'%20viewBox='0%200%2024%2025'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M6%209.68298L12%2015.683L18%209.68298'%20stroke='%233E3E5B'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3c/svg%3e");background-size:cover;pointer-events:none}.cpSelect__inner{box-shadow:inset 0 .0625em .125em #0000001f;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:.0625rem solid #d8d8de;border-radius:.625em;background-color:#fff;width:100%;height:2.75em;color:#3e3e5b;cursor:pointer;padding:.75em 2.5em .75em .75em;font-size:1em}.cpSelect__inner:hover,.cpSelect__inner:focus{border-color:#5341f9;background-color:#fff}.cpSelect__inner:focus{box-shadow:#5341f91a 0 0 0 .25rem,#5341f9 0 0 0 .03125rem}.cpSelect__label{display:block;line-height:1.5rem}.cpSelect__label:not(.cpSelect__label--isAfter){margin-bottom:.5rem}.cpSelect__label--isAfter{margin-top:.375em}.cpSelect--isDisabled .cpSelect__inner{border-color:#d8d8de!important;background:#f8faff}.cpSelect--isDisabled .cpSelect__inner,.cpSelect--isDisabled .cpSelect__container:after{cursor:not-allowed;color:#b2b2bd}.cpSelect--isDisabled .cpSelect__container:after{opacity:.4}.cpSelect--isInvalid .cpSelect__inner,.cpSelect--isInvalid .cpSelect__inner:hover,.cpSelect--isInvalid .cpSelect__inner:focus{border-color:#eb0505}.cpSelect--isInvalid .cpSelect__inner:focus{box-shadow:0 0 0 .1875em #fd9595}.cpSelect--isLarge .cpSelect__container:after{right:1em;width:1.5em;height:1.5em}.cpSelect--isLarge .cpSelect__inner{padding:1em 3em 1em 1em;height:3.375em}

package/dist/assets/CpSelect.stories-C90Kd5cu.js

@@ -1,85 +0,0 @@
-import{r as I}from"./vue.esm-bundler-DmHyoj4Y.js";import{C as w}from"./CpSelect-DlLk_-bg.js";import"./index-DCv8Njl6.js";import"./BaseInputLabel-BKfOnmKd.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./TransitionExpand-BLDnMZa8.js";const z={title:"CpSelect",component:w,argTypes:{modelValue:{control:"text",description:"The selected value"},label:{control:"text",description:"Label text for the select"},options:{control:"object",description:"Array of options to display"},defaultValue:{control:"text",description:"Default option text"},hideDefaultValue:{control:"boolean",description:"Whether to hide the default option"},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"},isLarge:{control:"boolean",description:"Whether to use large size variant"},autocomplete:{control:"text",description:"Autocomplete attribute value"},name:{control:"text",description:"Name attribute for the select"}}},M=[{value:"1",label:"Option 1"},{value:"2",label:"Option 2"},{value:"3",label:"Option 3"},{value:"4",label:"Option 4"}],e={args:{label:"Select Label",options:M,defaultValue:"Select an option",hideDefaultValue:!1,required:!1,disabled:!1,isInvalid:!1,errorMessage:"",isLarge:!1,autocomplete:"on",name:"select-field"},render:C=>({components:{CpSelect:w},setup(){const T=I("");return{args:C,value:T}},template:`
-      <div style="max-width: 400px; padding: 20px;">
-        <CpSelect
-          v-model="value"
-          v-bind="args"
-        />
-      </div>
-    `})},t={args:{...e.args,isInvalid:!0,errorMessage:"This field is required"}},a={args:{...e.args,required:!0}},r={args:{...e.args,disabled:!0}},o={args:{...e.args,isLarge:!0}},s={args:{...e.args,hideDefaultValue:!0}},l={args:{...e.args,options:[{value:"1",label:"This is a very long option text that might need to be truncated"},{value:"2",label:"Another long option that demonstrates text truncation"},{value:"3",label:"Short option"},{value:"4",label:"Yet another long option to show how the select handles long text"}]}};var n,i,d;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:`{
-  args: {
-    label: 'Select Label',
-    options: sampleOptions,
-    defaultValue: 'Select an option',
-    hideDefaultValue: false,
-    required: false,
-    disabled: false,
-    isInvalid: false,
-    errorMessage: '',
-    isLarge: false,
-    autocomplete: 'on',
-    name: 'select-field'
-  },
-  render: args => ({
-    components: {
-      CpSelect
-    },
-    setup() {
-      const value = ref('');
-      return {
-        args,
-        value
-      };
-    },
-    template: \`
-      <div style="max-width: 400px; padding: 20px;">
-        <CpSelect
-          v-model="value"
-          v-bind="args"
-        />
-      </div>
-    \`
-  })
-}`,...(d=(i=e.parameters)==null?void 0:i.docs)==null?void 0:d.source}}};var u,c,p;t.parameters={...t.parameters,docs:{...(u=t.parameters)==null?void 0:u.docs,source:{originalSource:`{
-  args: {
-    ...Default.args,
-    isInvalid: true,
-    errorMessage: 'This field is required'
-  }
-}`,...(p=(c=t.parameters)==null?void 0:c.docs)==null?void 0:p.source}}};var g,m,h;a.parameters={...a.parameters,docs:{...(g=a.parameters)==null?void 0:g.docs,source:{originalSource:`{
-  args: {
-    ...Default.args,
-    required: true
-  }
-}`,...(h=(m=a.parameters)==null?void 0:m.docs)==null?void 0:h.source}}};var f,b,v;r.parameters={...r.parameters,docs:{...(f=r.parameters)==null?void 0:f.docs,source:{originalSource:`{
-  args: {
-    ...Default.args,
-    disabled: true
-  }
-}`,...(v=(b=r.parameters)==null?void 0:b.docs)==null?void 0:v.source}}};var x,D,S;o.parameters={...o.parameters,docs:{...(x=o.parameters)==null?void 0:x.docs,source:{originalSource:`{
-  args: {
-    ...Default.args,
-    isLarge: true
-  }
-}`,...(S=(D=o.parameters)==null?void 0:D.docs)==null?void 0:S.source}}};var L,O,W;s.parameters={...s.parameters,docs:{...(L=s.parameters)==null?void 0:L.docs,source:{originalSource:`{
-  args: {
-    ...Default.args,
-    hideDefaultValue: true
-  }
-}`,...(W=(O=s.parameters)==null?void 0:O.docs)==null?void 0:W.source}}};var q,V,y;l.parameters={...l.parameters,docs:{...(q=l.parameters)==null?void 0:q.docs,source:{originalSource:`{
-  args: {
-    ...Default.args,
-    options: [{
-      value: '1',
-      label: 'This is a very long option text that might need to be truncated'
-    }, {
-      value: '2',
-      label: 'Another long option that demonstrates text truncation'
-    }, {
-      value: '3',
-      label: 'Short option'
-    }, {
-      value: '4',
-      label: 'Yet another long option to show how the select handles long text'
-    }]
-  }
-}`,...(y=(V=l.parameters)==null?void 0:V.docs)==null?void 0:y.source}}};const N=["Default","WithError","Required","Disabled","Large","WithoutDefaultOption","WithLongOptions"];export{e as Default,r as Disabled,o as Large,a as Required,t as WithError,l as WithLongOptions,s as WithoutDefaultOption,N as __namedExportsOrder,z as default};

package/dist/assets/CpSelectMenu-Bpz33Tbp.js

@@ -1 +0,0 @@
-import{a as w}from"./anime.esm-RriTVqCw.js";import{p as V,s as g,c as a,a as s,h as i,t as u,n as v,g as S,T as k,j as D,o as l,d as c,k as _,F,y as b,e as q}from"./vue.esm-bundler-DmHyoj4Y.js";import{_ as C}from"./_plugin-vue_export-helper-DlAUqK2U.js";const h={props:{values:{type:Array,default:()=>[],required:!0},selectedValue:{type:Object,default:()=>{},required:!0},isMultiSelect:{type:Boolean,default:!1,required:!1},hasFilter:{type:Boolean,default:!1,required:!1},dropdownTitle:{type:String,default:"Select value",required:!1},dropdownFilterPlaceholder:{type:String,default:"Filter...",required:!1},dropdownEmptyViewPlaceholder:{type:String,default:"No option found",required:!1},closeOnSelect:{type:Boolean,default:!0,required:!1}},emits:["update:selectedValue","on-close","on-filter-change"],data(){return{isDropdownOpen:!1}},computed:{inputType(){return this.isMultiSelect&&"checkbox"||"radio"}},methods:{enter(){w(this.$refs.dropdownRef,{scale:[.8,1],opacity:[0,1],duration:200,ease:"cubicBezier(0.175, 0.885, 0.32, 1.175)"})},toggleDropdown(){this.isDropdownOpen=!this.isDropdownOpen,this.isDropdownOpen&&this.hasFilter&&this.$nextTick(()=>this.$refs.dropdownFilterRef.focus())},closeDropdown(){this.isDropdownOpen&&(this.isDropdownOpen=!1,this.resetInputValue(),this.$emit("on-close"))},onChange(o){o.value!==this.selectedValue.value&&this.$emit("update:selectedValue",o),this.closeOnSelect&&this.closeDropdown()},updateFilterValue(o){this.$emit("on-filter-change",o.target.value)},resetInputValue(){this.$emit("on-filter-change","")},isSelectedValue(o){return o===this.selectedValue.value}}},O={class:"cpSelectMenu"},M={class:"cpSelectMenu__label"},x={key:0,ref:"dropdownRef",class:"cpSelectMenu__dropdown dropdown"},T={key:0,class:"dropdown__title"},B={class:"dropdown__list"},N={key:0,class:"dropdown__filterBar"},E=["placeholder"],P={key:1,class:"dropdown__items"},I=["for"],R=["id","checked","value","type","onChange"],j={key:2,class:"dropdown__emptyState"};function z(o,r,n,A,p,e){const d=D("cp-icon"),m=g("click-outside");return V((l(),a("div",O,[s("button",{class:"cpSelectMenu__button",type:"button",onClick:r[0]||(r[0]=(...t)=>e.toggleDropdown&&e.toggleDropdown(...t))},[s("span",M,u(n.selectedValue.label),1),i(d,{type:"chevron-down",class:v([{"cpSelectMenu__icon--isOpened":p.isDropdownOpen},"cpSelectMenu__icon"])},null,8,["class"])]),i(k,{onEnter:e.enter},{default:S(()=>[p.isDropdownOpen?(l(),a("div",x,[n.dropdownTitle?(l(),a("p",T,[_(u(n.dropdownTitle)+" ",1),s("button",{type:"button",onClick:r[1]||(r[1]=(...t)=>e.closeDropdown&&e.closeDropdown(...t))},[i(d,{type:"x"})])])):c("",!0),s("div",B,[n.hasFilter?(l(),a("label",N,[i(d,{type:"search"}),s("input",{ref:"dropdownFilterRef",type:"text",placeholder:n.dropdownFilterPlaceholder,onInput:r[2]||(r[2]=(...t)=>e.updateFilterValue&&e.updateFilterValue(...t))},null,40,E)])):c("",!0),n.values.length?(l(),a("ul",P,[(l(!0),a(F,null,b(n.values,({value:t,label:f},y)=>(l(),a("li",{key:y},[s("label",{for:t,class:"dropdown__item"},[s("input",{id:t,checked:e.isSelectedValue(t),value:t,type:e.inputType,onChange:L=>e.onChange({value:t,label:f})},null,40,R),e.isSelectedValue(t)?(l(),q(d,{key:0,type:"check",class:"dropdown__icon"})):c("",!0),_(" "+u(f),1)],8,I)]))),128))])):(l(),a("p",j,u(n.dropdownEmptyViewPlaceholder),1))])],512)):c("",!0)]),_:1},8,["onEnter"])])),[[m,e.closeDropdown]])}const K=C(h,[["render",z]]);h.__docgenInfo={exportName:"default",displayName:"CpSelectMenu",description:"",tags:{},props:[{name:"values",type:{name:"array"},required:!0,defaultValue:{func:!1,value:"[]"}},{name:"selectedValue",type:{name:"object"},required:!0,defaultValue:{func:!0,value:"() => {}"}},{name:"isMultiSelect",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"hasFilter",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"dropdownTitle",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'Select value'"}},{name:"dropdownFilterPlaceholder",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'Filter...'"}},{name:"dropdownEmptyViewPlaceholder",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'No option found'"}},{name:"closeOnSelect",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"true"}}],events:[{name:"update:selectedValue",type:{names:["undefined"]}},{name:"on-close"},{name:"on-filter-change",type:{names:["undefined"]}}],sourceFiles:["/builds/miscellaneous/pimp/src/components/selects/CpSelectMenu.vue"]};export{K as C};

package/dist/assets/CpSelectMenu-Dw4sbiEj.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,.cpSelectMenu__label{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}.cpSelectMenu{position:relative;font-size:1em}.cpSelectMenu__button{box-shadow:inset 0 .0625em .125em #0000001f;border:.0625rem solid #d8d8de;border-radius:.625em;background:#fff;padding:.75em;width:100%;height:2.75em;display:flex;align-items:center;justify-content:space-between;font-size:inherit;font-weight:400;text-transform:capitalize}.cpSelectMenu__button:hover,.cpSelectMenu__button:active,.cpSelectMenu__button:focus{border-color:#144dc2}.cpSelectMenu__button:focus{outline:none!important;box-shadow:0 0 0 .1875em #c9d9f9}.cpSelectMenu__icon{margin-left:.75em;width:1.25em;height:1.25em;flex-shrink:0;transition:transform .2s ease-out}.cpSelectMenu__icon--isOpened{transform:rotateX(180deg)}.cpSelectMenu__dropdown{z-index:3;position:absolute;top:calc(100% + 4px);left:0;border:.0625rem solid #d8d8de;border-radius:.625em;background:#fff;width:max(100%,15.625rem);font-size:inherit}.cpSelectMenu .dropdown svg{width:1.125em;height:1.125em}.cpSelectMenu .dropdown__title{padding:.75em .5em;display:flex;align-items:center;justify-content:space-between;white-space:normal;font-weight:600;color:#3e3e5b}.cpSelectMenu .dropdown__filterBar{border-top:.0625rem solid #d8d8de;border-bottom:.0625rem solid #d8d8de;background-color:#ececef99;padding:.5em;display:flex;align-items:center}.cpSelectMenu .dropdown__filterBar>input{background-color:transparent;flex:1;color:#3e3e5b}.cpSelectMenu .dropdown__filterBar>input::placeholder{color:#8b8b9d}.cpSelectMenu .dropdown__filterBar i{margin-right:.5em;color:#3e3e5b;flex-shrink:0}.cpSelectMenu .dropdown__list{display:flex;flex-direction:column;min-height:15.625rem}.cpSelectMenu .dropdown__items{margin:.25em 0;padding:0;max-height:15.625rem;overflow-y:auto}.cpSelectMenu .dropdown__items li{list-style:none}.cpSelectMenu .dropdown__item{position:relative;padding:.5em 1em .5em 2.25em;width:100%;display:flex;text-align:initial;cursor:pointer;text-transform:capitalize}.cpSelectMenu .dropdown__item:hover{background-color:#ececef80}.cpSelectMenu .dropdown__item input{display:none}.cpSelectMenu .dropdown__icon{position:absolute;left:.5em;top:50%;transform:translateY(-50%);color:#144dc2}.cpSelectMenu .dropdown__emptyState{padding:1em .5em;flex:1;display:flex;align-items:center;justify-content:center;color:#8b8b9d}

package/dist/assets/CpSelectMenu.stories-Bw2sNo0F.js

@@ -1,104 +0,0 @@
-import{r as s}from"./vue.esm-bundler-DmHyoj4Y.js";import{C as d}from"./CpSelectMenu-Bpz33Tbp.js";import"./anime.esm-RriTVqCw.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const C={title:"CpSelectMenu",component:d,argTypes:{values:{control:"object",description:"Array of options to display"},selectedValue:{control:"object",description:"Currently selected value"},hasFilter:{control:"boolean",description:"Whether to show search filter"},dropdownTitle:{control:"text",description:"Title text for the dropdown"},dropdownFilterPlaceholder:{control:"text",description:"Placeholder text for the filter input"},dropdownEmptyViewPlaceholder:{control:"text",description:"Text to show when no options match the filter"},closeOnSelect:{control:"boolean",description:"Whether to close dropdown after selection"}},decorators:[()=>({template:'<div style="min-height: 30vh;"><story/></div>'})]},r=[{value:"1",label:"Apple"},{value:"2",label:"Banana"},{value:"3",label:"Orange"},{value:"4",label:"Mango"},{value:"5",label:"Strawberry"},{value:"6",label:"Blueberry"},{value:"7",label:"Cherry"}],l={args:{values:r,selectedValue:{value:"1",label:"Apple"},hasFilter:!1,dropdownTitle:"Select value",dropdownFilterPlaceholder:"Filter...",dropdownEmptyViewPlaceholder:"No option found",closeOnSelect:!0},render:t=>({components:{CpSelectMenu:d},setup(){const e=s(t.selectedValue);return{args:t,selectedValue:e}},template:`
-      <div style="max-width: 400px; padding: 20px;">
-        <CpSelectMenu
-          v-model:selectedValue="selectedValue"
-          v-bind="args"
-          @update:selected-value="onUpdateSelectedValue"
-        />
-      </div>
-    `,methods:{onUpdateSelectedValue:e=>{t.selectedValue=e}}})},n=s(""),a={args:{...l.args,hasFilter:!0,dropdownTitle:"Search for a fruit",selectedValue:{value:"1",label:"Apple"},values:r},render:t=>({components:{CpSelectMenu:d},setup(){const e=s(t.selectedValue);return{args:t,selectedValue:e}},template:`
-      <div style="max-width: 400px; padding: 20px;">
-        <CpSelectMenu
-          v-model:selectedValue="selectedValue"
-          v-bind="args"
-          @on-filter-change="onFilterChange"
-          @update:selected-value="onUpdateSelectedValue"
-        />
-      </div>
-    `,methods:{onFilterChange:e=>{n.value=e,t.values=r.filter(w=>w.label.toLowerCase().includes(n.value.toLowerCase()))},onUpdateSelectedValue:e=>{t.selectedValue=e}}})},o={args:{...l.args,dropdownTitle:"My custom title"}};var c,u,p;l.parameters={...l.parameters,docs:{...(c=l.parameters)==null?void 0:c.docs,source:{originalSource:`{
-  args: {
-    values: sampleOptions,
-    selectedValue: {
-      value: '1',
-      label: 'Apple'
-    },
-    hasFilter: false,
-    dropdownTitle: 'Select value',
-    dropdownFilterPlaceholder: 'Filter...',
-    dropdownEmptyViewPlaceholder: 'No option found',
-    closeOnSelect: true
-  },
-  render: args => ({
-    components: {
-      CpSelectMenu
-    },
-    setup() {
-      const selectedValue = ref(args.selectedValue);
-      return {
-        args,
-        selectedValue
-      };
-    },
-    template: \`
-      <div style="max-width: 400px; padding: 20px;">
-        <CpSelectMenu
-          v-model:selectedValue="selectedValue"
-          v-bind="args"
-          @update:selected-value="onUpdateSelectedValue"
-        />
-      </div>
-    \`,
-    methods: {
-      onUpdateSelectedValue: data => {
-        args.selectedValue = data;
-      }
-    }
-  })
-}`,...(p=(u=l.parameters)==null?void 0:u.docs)==null?void 0:p.source}}};var i,m,h;a.parameters={...a.parameters,docs:{...(i=a.parameters)==null?void 0:i.docs,source:{originalSource:`{
-  args: {
-    ...Default.args,
-    hasFilter: true,
-    dropdownTitle: 'Search for a fruit',
-    selectedValue: {
-      value: '1',
-      label: 'Apple'
-    },
-    values: sampleOptions
-  },
-  render: args => ({
-    components: {
-      CpSelectMenu
-    },
-    setup() {
-      const selectedValue = ref(args.selectedValue);
-      return {
-        args,
-        selectedValue
-      };
-    },
-    template: \`
-      <div style="max-width: 400px; padding: 20px;">
-        <CpSelectMenu
-          v-model:selectedValue="selectedValue"
-          v-bind="args"
-          @on-filter-change="onFilterChange"
-          @update:selected-value="onUpdateSelectedValue"
-        />
-      </div>
-    \`,
-    methods: {
-      onFilterChange: data => {
-        searchQuery.value = data;
-        args.values = sampleOptions.filter(option => option.label.toLowerCase().includes(searchQuery.value.toLowerCase()));
-      },
-      onUpdateSelectedValue: data => {
-        args.selectedValue = data;
-      }
-    }
-  })
-}`,...(h=(m=a.parameters)==null?void 0:m.docs)==null?void 0:h.source}}};var v,V,g;o.parameters={...o.parameters,docs:{...(v=o.parameters)==null?void 0:v.docs,source:{originalSource:`{
-  args: {
-    ...Default.args,
-    dropdownTitle: 'My custom title'
-  }
-}`,...(g=(V=o.parameters)==null?void 0:V.docs)==null?void 0:g.source}}};const x=["Default","WithFilter","CustomTitle"];export{o as CustomTitle,l as Default,a as WithFilter,x as __namedExportsOrder,C as default};

package/dist/assets/CpSwitch-CIWoB1sY.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}.cpSwitch{align-items:center}.cpSwitch,.cpSwitch *{cursor:pointer}.cpSwitch--hasLabel{display:grid;grid-template-columns:min-content 1fr;grid-gap:.75rem;align-items:center}.cpSwitch--isDisabled,.cpSwitch--isDisabled *,.cpSwitch--isDisabled:hover,.cpSwitch--isDisabled:hover *{cursor:not-allowed}.cpSwitch--isDisabled .cpSwitch__switch,.cpSwitch--isDisabled:hover .cpSwitch__switch{background-color:#d8d8de}.cpSwitch--isReversed{grid-template-columns:1fr min-content}.cpSwitch--isReversed .cpSwitch__label{grid-row:1}.cpSwitch--isDisabled .cpSwitch__label{color:#8b8b9d}.cpSwitch--isDisabled .cpSwitch__switch,.cpSwitch--isDisabled:hover .cpSwitch__switch{background-color:#ececef}.cpSwitch--isActive .cpSwitch__icon{transform:translateY(-50%);opacity:1}.cpSwitch--isActive .cpSwitch__knobContainer{transform:translate(50%)}.cpSwitch--isPurple.cpSwitch--isActive .cpSwitch__switch{background-color:#5341f9}.cpSwitch--isPurple .cpSwitch__switch:focus-within{box-shadow:0 0 0 .1875em #cbc6fd}.cpSwitch--isPurple:hover:not(.cpSwitch--isDisabled) .cpSwitch__switch{background-color:#a9a0fc}.cpSwitch--isPurple.cpSwitch--isActive:hover .cpSwitch__switch{background-color:#2610f7}.cpSwitch--isPurple.cpSwitch--isActive.cpSwitch--isDisabled .cpSwitch__switch,.cpSwitch--isPurple.cpSwitch--isActive.cpSwitch--isDisabled:hover .cpSwitch__swtich{background-color:#c3bdfd}.cpSwitch--isBlue.cpSwitch--isActive .cpSwitch__switch{background-color:#144dc2}.cpSwitch--isBlue .cpSwitch__switch:focus-within{box-shadow:0 0 0 .1875em #aec6f7}.cpSwitch--isBlue:hover:not(.cpSwitch--isDisabled) .cpSwitch__switch{background-color:#79a0f1}.cpSwitch--isBlue.cpSwitch--isActive:hover .cpSwitch__switch{background-color:#0f3b94}.cpSwitch--isBlue.cpSwitch--isActive.cpSwitch--isDisabled .cpSwitch__switch,.cpSwitch--isBlue.cpSwitch--isActive.cpSwitch--isDisabled:hover .cpSwitch__swtich{background-color:#a1bdf5}.cpSwitch__switch{position:relative;border-radius:1000px;background-color:#8b8b9d;overflow:hidden;transition:background-color .1s ease-out;display:flex;height:1.5em;width:3em}.cpSwitch__switch:hover{background-color:#c6c6ce}.cpSwitch input{position:absolute;z-index:1;top:0;left:0;opacity:0;width:100%;height:100%}.cpSwitch__icon{position:absolute;left:0;top:50%;transform:translateY(-50%);opacity:0;padding-left:.25rem;display:flex;align-items:center;justify-content:center;transition:opacity .12s ease-in;width:1.5em;height:1.5em}.cpSwitch__icon i{width:80%;height:100%}.cpSwitch__icon svg{stroke-width:3;color:#fff}.cpSwitch__knobContainer{width:100%;padding:.125rem;display:flex;align-items:center;transition:transform .3s cubic-bezier(.08,.82,.17,1) 0s}.cpSwitch__knob{background-color:#fff;border-radius:100%;width:calc(1.5em - .25rem);height:calc(1.5em - .25rem)}

package/dist/assets/CpSwitch-CeGY7EL9.js

@@ -1 +0,0 @@
-import{r,c as f}from"./index-DCv8Njl6.js";import{T as n}from"./ToggleColors-CSr2zujL.js";import{c as i,a,d as m,h as p,t as h,n as _,j as b,o as c}from"./vue.esm-bundler-DmHyoj4Y.js";import{_ as g}from"./_plugin-vue_export-helper-DlAUqK2U.js";const u={props:{modelValue:{type:Boolean,default:null},label:{type:String,default:""},disabled:{type:Boolean,default:!1},groupName:{type:String,default:"",required:!1},color:{type:String,required:!1,default:n.BLUE,validator:l=>Object.values(n).includes(l)},reverseLabel:{type:Boolean,required:!1,default:!1},autofocus:{type:Boolean,required:!1,default:!1}},emits:["update:modelValue"],data(){return{switchUniqueId:""}},computed:{capitalizedColor(){return f(this.color)},computedClasses(){return[{"cpSwitch--hasLabel":this.label,"cpSwitch--isActive":this.modelValue,"cpSwitch--isDisabled":this.disabled,"cpSwitch--isReversed":this.reverseLabel},`cpSwitch--is${this.capitalizedColor}`]}},mounted(){this.switchUniqueId=r()},methods:{handleClick(l){this.$emit("update:modelValue",!l)}}},v=["for"],y={class:"cpSwitch__switch"},w=["id","disabled","checked","value","name","autofocus"],S={class:"cpSwitch__icon"},V={key:0,class:"cpSwitch__label"};function C(l,t,e,q,s,o){const d=b("cp-icon");return c(),i("label",{class:_(["cpSwitch",o.computedClasses]),for:s.switchUniqueId},[a("span",y,[a("input",{id:s.switchUniqueId,disabled:e.disabled,checked:e.modelValue,value:e.modelValue,type:"checkbox",name:e.groupName,autofocus:e.autofocus,onChange:t[0]||(t[0]=k=>o.handleClick(e.modelValue))},null,40,w),a("span",S,[p(d,{type:"check"})]),t[1]||(t[1]=a("span",{class:"cpSwitch__knobContainer"},[a("span",{class:"cpSwitch__knob"})],-1))]),e.label?(c(),i("span",V,h(e.label),1)):m("",!0)],10,v)}const x=g(u,[["render",C]]);u.__docgenInfo={exportName:"default",displayName:"CpSwitch",description:"",tags:{},props:[{name:"modelValue",type:{name:"boolean"},defaultValue:{func:!1,value:"null"}},{name:"label",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"disabled",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"groupName",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"color",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"ToggleColors.BLUE"}},{name:"reverseLabel",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"autofocus",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}}],events:[{name:"update:modelValue",type:{names:["undefined"]}}],sourceFiles:["/builds/miscellaneous/pimp/src/components/toggles/CpSwitch.vue"]};export{x as C};

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

@@ -1,132 +0,0 @@
-import{r as i}from"./vue.esm-bundler-DmHyoj4Y.js";import{C as n}from"./CpSwitch-CeGY7EL9.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-RA2YDd8h.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-DmHyoj4Y.js";import{r as $e}from"./index-DCv8Njl6.js";import{C as Fe}from"./CpTableEmptyState-TCjommO_.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 _};