@idds/vue 1.4.3 → 1.4.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/AccordionGroup.vue.d.ts.map +1 -1
- package/dist/index.cjs.js +1 -1
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.es.js +11 -3
- package/dist/index.es.js.map +1 -1
- package/dist/index.umd.js +1 -1
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
package/dist/index.umd.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(e,a){"object"==typeof exports&&"undefined"!=typeof module?a(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],a):a((e="undefined"!=typeof globalThis?globalThis:e||self).InaDigitalUI={},e.Vue)}(this,function(e,a){"use strict";const t={"neutral-25":"var(--ina-neutral-25)","neutral-50":"var(--ina-neutral-50)","neutral-100":"var(--ina-neutral-100)","neutral-200":"var(--ina-neutral-200)","neutral-300":"var(--ina-neutral-300)","neutral-400":"var(--ina-neutral-400)","neutral-500":"var(--ina-neutral-500)","neutral-600":"var(--ina-neutral-600)","neutral-700":"var(--ina-neutral-700)","neutral-800":"var(--ina-neutral-800)","neutral-900":"var(--ina-neutral-900)","neutral-1000":"var(--ina-neutral-1000)","blue-50":"var(--ina-blue-50)","blue-100":"var(--ina-blue-100)","blue-200":"var(--ina-blue-200)","blue-300":"var(--ina-blue-300)","blue-400":"var(--ina-blue-400)","blue-500":"var(--ina-blue-500)","blue-600":"var(--ina-blue-600)","blue-700":"var(--ina-blue-700)","blue-800":"var(--ina-blue-800)","blue-900":"var(--ina-blue-900)","cyan-50":"var(--ina-cyan-50)","cyan-100":"var(--ina-cyan-100)","cyan-200":"var(--ina-cyan-200)","cyan-300":"var(--ina-cyan-300)","cyan-400":"var(--ina-cyan-400)","cyan-500":"var(--ina-cyan-500)","cyan-600":"var(--ina-cyan-600)","cyan-700":"var(--ina-cyan-700)","cyan-800":"var(--ina-cyan-800)","cyan-900":"var(--ina-cyan-900)","green-50":"var(--ina-green-50)","green-100":"var(--ina-green-100)","green-200":"var(--ina-green-200)","green-300":"var(--ina-green-300)","green-400":"var(--ina-green-400)","green-500":"var(--ina-green-500)","green-600":"var(--ina-green-600)","green-700":"var(--ina-green-700)","green-800":"var(--ina-green-800)","green-900":"var(--ina-green-900)","lime-50":"var(--ina-lime-50)","lime-100":"var(--ina-lime-100)","lime-200":"var(--ina-lime-200)","lime-300":"var(--ina-lime-300)","lime-400":"var(--ina-lime-400)","lime-500":"var(--ina-lime-500)","lime-600":"var(--ina-lime-600)","lime-700":"var(--ina-lime-700)","lime-800":"var(--ina-lime-800)","lime-900":"var(--ina-lime-900)","yellow-50":"var(--ina-yellow-50)","yellow-100":"var(--ina-yellow-100)","yellow-200":"var(--ina-yellow-200)","yellow-300":"var(--ina-yellow-300)","yellow-400":"var(--ina-yellow-400)","yellow-500":"var(--ina-yellow-500)","yellow-600":"var(--ina-yellow-600)","yellow-700":"var(--ina-yellow-700)","yellow-800":"var(--ina-yellow-800)","yellow-900":"var(--ina-yellow-900)","orange-50":"var(--ina-orange-50)","orange-100":"var(--ina-orange-100)","orange-200":"var(--ina-orange-200)","orange-300":"var(--ina-orange-300)","orange-400":"var(--ina-orange-400)","orange-500":"var(--ina-orange-500)","orange-600":"var(--ina-orange-600)","orange-700":"var(--ina-orange-700)","orange-800":"var(--ina-orange-800)","orange-900":"var(--ina-orange-900)","red-50":"var(--ina-red-50)","red-100":"var(--ina-red-100)","red-200":"var(--ina-red-200)","red-300":"var(--ina-red-300)","red-400":"var(--ina-red-400)","red-500":"var(--ina-red-500)","red-600":"var(--ina-red-600)","red-700":"var(--ina-red-700)","red-800":"var(--ina-red-800)","red-900":"var(--ina-red-900)","pink-50":"var(--ina-pink-50)","pink-100":"var(--ina-pink-100)","pink-200":"var(--ina-pink-200)","pink-300":"var(--ina-pink-300)","pink-400":"var(--ina-pink-400)","pink-500":"var(--ina-pink-500)","pink-600":"var(--ina-pink-600)","pink-700":"var(--ina-pink-700)","pink-800":"var(--ina-pink-800)","pink-900":"var(--ina-pink-900)","magenta-50":"var(--ina-magenta-50)","magenta-100":"var(--ina-magenta-100)","magenta-200":"var(--ina-magenta-200)","magenta-300":"var(--ina-magenta-300)","magenta-400":"var(--ina-magenta-400)","magenta-500":"var(--ina-magenta-500)","magenta-600":"var(--ina-magenta-600)","magenta-700":"var(--ina-magenta-700)","magenta-800":"var(--ina-magenta-800)","magenta-900":"var(--ina-magenta-900)","purple-50":"var(--ina-purple-50)","purple-100":"var(--ina-purple-100)","purple-200":"var(--ina-purple-200)","purple-300":"var(--ina-purple-300)","purple-400":"var(--ina-purple-400)","purple-500":"var(--ina-purple-500)","purple-600":"var(--ina-purple-600)","purple-700":"var(--ina-purple-700)","purple-800":"var(--ina-purple-800)","purple-900":"var(--ina-purple-900)","indigo-50":"var(--ina-indigo-50)","indigo-100":"var(--ina-indigo-100)","indigo-200":"var(--ina-indigo-200)","indigo-300":"var(--ina-indigo-300)","indigo-400":"var(--ina-indigo-400)","indigo-500":"var(--ina-indigo-500)","indigo-600":"var(--ina-indigo-600)","indigo-700":"var(--ina-indigo-700)","indigo-800":"var(--ina-indigo-800)","indigo-900":"var(--ina-indigo-900)","background-primary":"var(--ina-background-primary)","background-secondary":"var(--ina-background-secondary)","background-tertiary":"var(--ina-background-tertiary)","background-overlay":"var(--ina-background-overlay)","content-primary":"var(--ina-content-primary)","content-secondary":"var(--ina-content-secondary)","content-tertiary":"var(--ina-content-tertiary)","content-guide":"var(--ina-content-guide)","content-negative":"var(--ina-content-negative)","content-positive":"var(--ina-content-positive)","stroke-primary":"var(--ina-stroke-primary)","stroke-secondary":"var(--ina-stroke-secondary)","stroke-tertiary":"var(--ina-stroke-tertiary)","guide-50":"var(--ina-guide-50)","guide-100":"var(--ina-guide-100)","guide-200":"var(--ina-guide-200)","guide-300":"var(--ina-guide-300)","guide-400":"var(--ina-guide-400)","guide-500":"var(--ina-guide-500)","guide-600":"var(--ina-guide-600)","guide-700":"var(--ina-guide-700)","guide-800":"var(--ina-guide-800)","guide-900":"var(--ina-guide-900)","negative-50":"var(--ina-negative-50)","negative-100":"var(--ina-negative-100)","negative-200":"var(--ina-negative-200)","negative-300":"var(--ina-negative-300)","negative-400":"var(--ina-negative-400)","negative-500":"var(--ina-negative-500)","negative-600":"var(--ina-negative-600)","negative-700":"var(--ina-negative-700)","negative-800":"var(--ina-negative-800)","negative-900":"var(--ina-negative-900)","positive-50":"var(--ina-positive-50)","positive-100":"var(--ina-positive-100)","positive-200":"var(--ina-positive-200)","positive-300":"var(--ina-positive-300)","positive-400":"var(--ina-positive-400)","positive-500":"var(--ina-positive-500)","positive-600":"var(--ina-positive-600)","positive-700":"var(--ina-positive-700)","positive-800":"var(--ina-positive-800)","positive-900":"var(--ina-positive-900)","warning-50":"var(--ina-warning-50)","warning-100":"var(--ina-warning-100)","warning-200":"var(--ina-warning-200)","warning-300":"var(--ina-warning-300)","warning-400":"var(--ina-warning-400)","warning-500":"var(--ina-warning-500)","warning-600":"var(--ina-warning-600)","warning-700":"var(--ina-warning-700)","warning-800":"var(--ina-warning-800)","warning-900":"var(--ina-warning-900)",white:"var(--ina-white)",black:"var(--ina-black)"},l={"primary-25":"var(--ina-neutral-25)","primary-50":"var(--ina-neutral-50)","primary-100":"var(--ina-neutral-100)","primary-200":"var(--ina-neutral-200)","primary-300":"var(--ina-neutral-300)","primary-400":"var(--ina-neutral-400)","primary-500":"var(--ina-neutral-500)","primary-600":"var(--ina-neutral-600)","primary-700":"var(--ina-neutral-700)","primary-800":"var(--ina-neutral-800)","primary-900":"var(--ina-neutral-900)","primary-primary":"var(--ina-neutral-900)","secondary-25":"#f2f9fd","secondary-50":"#e3f0fb","secondary-100":"#c1e3f6","secondary-200":"#8accef","secondary-300":"#4cb2e4","secondary-400":"#269dd8","secondary-500":"#177ab2","secondary-600":"#146190","secondary-700":"#145378","secondary-800":"#164564","secondary-900":"#0f2d42"},n=["id","aria-expanded","aria-controls","disabled"],o={class:"ina-accordion__title"},i={class:"ina-accordion__toggler"},r=["id","aria-labelledby"],s={class:"ina-accordion__body"},c=a.defineComponent({__name:"Accordion",props:{title:{default:""},children:{},defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},onToggle:{},disabled:{type:Boolean,default:!1},className:{default:""}},emits:["toggle"],setup(e,{emit:t}){var l;const c=e,d=t,u=a.inject("accordionGroup",null),p=a.ref(`accordion-${(null==(l=crypto.randomUUID)?void 0:l.call(crypto))||Math.random().toString(36).substr(2,9)}`),m=a.ref(-1),v=a.ref(c.defaultOpen),g=a.computed(()=>null!==u),k=a.computed(()=>void 0!==c.open||g.value),h=a.computed(()=>g.value&&m.value>=0?(u.openIndexes&&u.openIndexes.value,u.isItemOpen(m.value)):void 0!==c.open?c.open:v.value),f=a.computed(()=>`accordion-header-${p.value}`),y=a.computed(()=>`accordion-content-${p.value}`),_=a.computed(()=>{const e=["ina-accordion"];return c.className&&e.push(c.className),c.disabled&&e.push("ina-accordion--disabled"),h.value&&e.push("ina-accordion--open"),e}),b=e=>{var a,t;if(c.disabled)return;e&&e.stopPropagation();const l=!h.value;g.value&&m.value>=0?u.handleItemToggle(m.value,l):void 0!==c.open?(d("toggle",l),null==(a=c.onToggle)||a.call(c,l)):(v.value=l,d("toggle",l),null==(t=c.onToggle)||t.call(c,l))};return a.onMounted(()=>{if(g.value){const e={id:p.value,defaultOpen:c.defaultOpen};m.value=u.registerItem(e)}}),a.onUnmounted(()=>{if(g.value){const e={id:p.value,defaultOpen:c.defaultOpen};u.unregisterItem(e),m.value=-1}}),a.watch(()=>c.open,e=>{k.value}),(t,l)=>(a.openBlock(),a.createElementBlock("div",{class:a.normalizeClass(["ina-accordion",_.value])},[a.createElementVNode("button",{id:f.value,type:"button",class:"ina-accordion__toggle","aria-expanded":h.value,"aria-controls":y.value,disabled:e.disabled,onClick:b},[a.createElementVNode("div",o,[a.renderSlot(t.$slots,"title",{},()=>[a.createTextVNode(a.toDisplayString(e.title),1)])]),a.createElementVNode("div",i,[(a.openBlock(),a.createElementBlock("svg",{class:a.normalizeClass(["ina-accordion__icon",{"ina-accordion__icon--open":h.value}]),viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[...l[0]||(l[0]=[a.createElementVNode("path",{d:"M6 9L12 15L18 9",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)])],2))])],8,n),a.createElementVNode("div",{id:y.value,class:a.normalizeClass(["ina-accordion__content",{"ina-accordion__content--open":h.value}]),"aria-labelledby":f.value},[a.createElementVNode("div",s,[a.renderSlot(t.$slots,"default")])],10,r)],2))}}),d={class:"ina-accordion-card__item"},u=["id","aria-expanded","aria-controls"],p={class:"ina-accordion-card__header-content"},m={key:0,class:"ina-accordion-card__icon"},v={class:"ina-accordion-card__title-section"},g={class:"ina-accordion-card__title"},k={key:0,class:"ina-accordion-card__subtitle"},h=["id","aria-labelledby"],f={class:"ina-accordion-card__body"},y=(e,a)=>{const t=e.__vccOpts||e;for(const[l,n]of a)t[l]=n;return t},_=y(a.defineComponent({__name:"AccordionCard",props:{title:{default:""},subtitle:{default:""},icon:{},defaultOpen:{type:Boolean,default:!1},variant:{default:"default"},size:{default:"md"},disabled:{type:Boolean,default:!1}},emits:["toggle"],setup(e,{emit:t}){const l=e,n=t,o=a.ref(l.defaultOpen),i=a.computed(()=>`accordion-card-header-${Math.random().toString(36).substr(2,9)}`),r=a.computed(()=>`accordion-card-content-${Math.random().toString(36).substr(2,9)}`),s=a.computed(()=>{const e=["ina-accordion-card"];return e.push(`ina-accordion-card--variant-${l.variant}`),e.push(`ina-accordion-card--size-${l.size}`),l.disabled&&e.push("ina-accordion-card--disabled"),o.value&&e.push("ina-accordion-card--open"),e}),c=()=>{l.disabled||(o.value=!o.value,n("toggle",o.value))};return(t,l)=>(a.openBlock(),a.createElementBlock("div",{class:a.normalizeClass(["ina-accordion-card",s.value])},[a.createElementVNode("div",d,[a.createElementVNode("button",{id:i.value,type:"button",class:"ina-accordion-card__header","aria-expanded":o.value,"aria-controls":r.value,onClick:c},[a.createElementVNode("div",p,[e.icon?(a.openBlock(),a.createElementBlock("div",m,[(a.openBlock(),a.createBlock(a.resolveDynamicComponent(e.icon),{size:20}))])):a.createCommentVNode("",!0),a.createElementVNode("div",v,[a.createElementVNode("h3",g,[a.renderSlot(t.$slots,"title",{},()=>[a.createTextVNode(a.toDisplayString(e.title),1)],!0)]),e.subtitle?(a.openBlock(),a.createElementBlock("p",k,a.toDisplayString(e.subtitle),1)):a.createCommentVNode("",!0)])]),(a.openBlock(),a.createElementBlock("svg",{class:a.normalizeClass(["ina-accordion-card__chevron",{"ina-accordion-card__chevron--open":o.value}]),width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[...l[0]||(l[0]=[a.createElementVNode("path",{d:"M6 9L12 15L18 9",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)])],2))],8,u),a.createVNode(a.Transition,{name:"accordion"},{default:a.withCtx(()=>[o.value?(a.openBlock(),a.createElementBlock("div",{key:0,id:r.value,class:"ina-accordion-card__content","aria-labelledby":i.value},[a.createElementVNode("div",f,[a.renderSlot(t.$slots,"default",{},void 0,!0)])],8,h)):a.createCommentVNode("",!0)]),_:3})])],2))}}),[["__scopeId","data-v-5e3f081f"]]),b={class:"ina-accordion-group"},w=y(a.defineComponent({__name:"AccordionGroup",props:{multiple:{type:Boolean,default:!1},multipleOpen:{type:Boolean,default:!1},defaultIndex:{default:void 0}},emits:["change"],setup(e,{emit:t}){const l=e,n=a.computed(()=>l.multipleOpen||l.multiple||!1),o=t,i=a.ref(new Map),r=a.ref(void 0!==l.defaultIndex?[l.defaultIndex]:[]);return a.provide("accordionGroup",{multiple:n.value,multipleOpen:n.value,registerItem:e=>{const a=i.value.size;return i.value.set(e.id,a),!n.value&&e.defaultOpen&&0===r.value.length&&(r.value=[a]),a},unregisterItem:e=>{const a=i.value.get(e.id);if(void 0!==a){i.value.delete(e.id),r.value=r.value.filter(e=>e!==a).map(e=>e>a?e-1:e);const t=new Map;let l=0;i.value.forEach((e,a)=>{t.set(a,l),l++}),i.value=t}},handleItemToggle:(e,a)=>{n.value?a?r.value.includes(e)||(r.value=[...r.value,e]):r.value=r.value.filter(a=>a!==e):r.value=a?[e]:[],o("change",[...r.value])},isItemOpen:e=>r.value.includes(e),getItemIndex:e=>i.value.get(e)??-1,openIndexes:a.computed(()=>r.value)}),(e,t)=>(a.openBlock(),a.createElementBlock("div",b,[a.renderSlot(e.$slots,"default",{},void 0,!0)]))}}),[["__scopeId","data-v-b60ded7f"]]),B=["disabled","aria-expanded"],C={class:"ina-action-dropdown__trigger-content"},V={class:"ina-action-dropdown__menu"},E=y(a.defineComponent({__name:"ActionDropdown",props:{disabled:{type:Boolean,default:!1},variant:{default:"default"},size:{default:"md"},placement:{default:"bottom-start"}},emits:["open","close"],setup(e,{emit:t}){const l=e,n=t,o=a.ref(),i=a.ref(),r=a.ref(!1),s=a.ref({}),c=a.computed(()=>{const e=["ina-action-dropdown"];return l.disabled&&e.push("ina-action-dropdown--disabled"),e}),d=a.computed(()=>{const e=["ina-action-dropdown__trigger"];return e.push(`ina-action-dropdown__trigger--variant-${l.variant}`),e.push(`ina-action-dropdown__trigger--size-${l.size}`),l.disabled&&e.push("ina-action-dropdown__trigger--disabled"),r.value&&e.push("ina-action-dropdown__trigger--open"),e}),u=()=>{l.disabled||(r.value=!r.value,r.value?(n("open"),a.nextTick(()=>{p()})):n("close"))},p=()=>{if(!o.value||!i.value)return;const e=o.value.getBoundingClientRect(),a=i.value.getBoundingClientRect(),t=window.innerHeight,n=window.innerWidth;let r=e.bottom+window.scrollY,c=e.left+window.scrollX;l.placement.includes("top")&&(r=e.top+window.scrollY-a.height),l.placement.includes("end")&&(c=e.right+window.scrollX-a.width),r+a.height>t+window.scrollY&&(r=e.top+window.scrollY-a.height),c+a.width>n+window.scrollX&&(c=n+window.scrollX-a.width-10),c<window.scrollX&&(c=window.scrollX+10),s.value={position:"absolute",top:`${r}px`,left:`${c}px`,zIndex:1e3}},m=e=>{if(!l.disabled)switch(e.key){case"Enter":case" ":e.preventDefault(),u();break;case"Escape":r.value=!1,n("close");break;case"ArrowDown":e.preventDefault(),r.value||u()}},v=e=>{i.value&&o.value&&!i.value.contains(e.target)&&!o.value.contains(e.target)&&(r.value=!1,n("close"))};return a.onMounted(()=>{document.addEventListener("click",v),window.addEventListener("resize",p),window.addEventListener("scroll",p)}),a.onUnmounted(()=>{document.removeEventListener("click",v),window.removeEventListener("resize",p),window.removeEventListener("scroll",p)}),(t,l)=>(a.openBlock(),a.createElementBlock("div",{class:a.normalizeClass(["ina-action-dropdown",c.value])},[a.createElementVNode("button",{ref_key:"triggerRef",ref:o,type:"button",class:a.normalizeClass(d.value),disabled:e.disabled,onClick:u,onKeydown:m,"aria-expanded":r.value,"aria-haspopup":!0},[a.createElementVNode("span",C,[a.renderSlot(t.$slots,"trigger",{},()=>[l[1]||(l[1]=a.createElementVNode("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[a.createElementVNode("circle",{cx:"12",cy:"12",r:"1",fill:"currentColor"}),a.createElementVNode("circle",{cx:"12",cy:"5",r:"1",fill:"currentColor"}),a.createElementVNode("circle",{cx:"12",cy:"19",r:"1",fill:"currentColor"})],-1))],!0)])],42,B),a.createVNode(a.Transition,{name:"dropdown"},{default:a.withCtx(()=>[r.value?(a.openBlock(),a.createElementBlock("div",{key:0,ref_key:"dropdownRef",ref:i,class:"ina-action-dropdown__dropdown",style:a.normalizeStyle(s.value),onClick:l[0]||(l[0]=a.withModifiers(()=>{},["stop"]))},[a.createElementVNode("div",V,[a.renderSlot(t.$slots,"default",{},void 0,!0)])],4)):a.createCommentVNode("",!0)]),_:3})],2))}}),[["__scopeId","data-v-7f534f78"]]);
|
|
1
|
+
!function(e,a){"object"==typeof exports&&"undefined"!=typeof module?a(exports,require("vue")):"function"==typeof define&&define.amd?define(["exports","vue"],a):a((e="undefined"!=typeof globalThis?globalThis:e||self).InaDigitalUI={},e.Vue)}(this,function(e,a){"use strict";const t={"neutral-25":"var(--ina-neutral-25)","neutral-50":"var(--ina-neutral-50)","neutral-100":"var(--ina-neutral-100)","neutral-200":"var(--ina-neutral-200)","neutral-300":"var(--ina-neutral-300)","neutral-400":"var(--ina-neutral-400)","neutral-500":"var(--ina-neutral-500)","neutral-600":"var(--ina-neutral-600)","neutral-700":"var(--ina-neutral-700)","neutral-800":"var(--ina-neutral-800)","neutral-900":"var(--ina-neutral-900)","neutral-1000":"var(--ina-neutral-1000)","blue-50":"var(--ina-blue-50)","blue-100":"var(--ina-blue-100)","blue-200":"var(--ina-blue-200)","blue-300":"var(--ina-blue-300)","blue-400":"var(--ina-blue-400)","blue-500":"var(--ina-blue-500)","blue-600":"var(--ina-blue-600)","blue-700":"var(--ina-blue-700)","blue-800":"var(--ina-blue-800)","blue-900":"var(--ina-blue-900)","cyan-50":"var(--ina-cyan-50)","cyan-100":"var(--ina-cyan-100)","cyan-200":"var(--ina-cyan-200)","cyan-300":"var(--ina-cyan-300)","cyan-400":"var(--ina-cyan-400)","cyan-500":"var(--ina-cyan-500)","cyan-600":"var(--ina-cyan-600)","cyan-700":"var(--ina-cyan-700)","cyan-800":"var(--ina-cyan-800)","cyan-900":"var(--ina-cyan-900)","green-50":"var(--ina-green-50)","green-100":"var(--ina-green-100)","green-200":"var(--ina-green-200)","green-300":"var(--ina-green-300)","green-400":"var(--ina-green-400)","green-500":"var(--ina-green-500)","green-600":"var(--ina-green-600)","green-700":"var(--ina-green-700)","green-800":"var(--ina-green-800)","green-900":"var(--ina-green-900)","lime-50":"var(--ina-lime-50)","lime-100":"var(--ina-lime-100)","lime-200":"var(--ina-lime-200)","lime-300":"var(--ina-lime-300)","lime-400":"var(--ina-lime-400)","lime-500":"var(--ina-lime-500)","lime-600":"var(--ina-lime-600)","lime-700":"var(--ina-lime-700)","lime-800":"var(--ina-lime-800)","lime-900":"var(--ina-lime-900)","yellow-50":"var(--ina-yellow-50)","yellow-100":"var(--ina-yellow-100)","yellow-200":"var(--ina-yellow-200)","yellow-300":"var(--ina-yellow-300)","yellow-400":"var(--ina-yellow-400)","yellow-500":"var(--ina-yellow-500)","yellow-600":"var(--ina-yellow-600)","yellow-700":"var(--ina-yellow-700)","yellow-800":"var(--ina-yellow-800)","yellow-900":"var(--ina-yellow-900)","orange-50":"var(--ina-orange-50)","orange-100":"var(--ina-orange-100)","orange-200":"var(--ina-orange-200)","orange-300":"var(--ina-orange-300)","orange-400":"var(--ina-orange-400)","orange-500":"var(--ina-orange-500)","orange-600":"var(--ina-orange-600)","orange-700":"var(--ina-orange-700)","orange-800":"var(--ina-orange-800)","orange-900":"var(--ina-orange-900)","red-50":"var(--ina-red-50)","red-100":"var(--ina-red-100)","red-200":"var(--ina-red-200)","red-300":"var(--ina-red-300)","red-400":"var(--ina-red-400)","red-500":"var(--ina-red-500)","red-600":"var(--ina-red-600)","red-700":"var(--ina-red-700)","red-800":"var(--ina-red-800)","red-900":"var(--ina-red-900)","pink-50":"var(--ina-pink-50)","pink-100":"var(--ina-pink-100)","pink-200":"var(--ina-pink-200)","pink-300":"var(--ina-pink-300)","pink-400":"var(--ina-pink-400)","pink-500":"var(--ina-pink-500)","pink-600":"var(--ina-pink-600)","pink-700":"var(--ina-pink-700)","pink-800":"var(--ina-pink-800)","pink-900":"var(--ina-pink-900)","magenta-50":"var(--ina-magenta-50)","magenta-100":"var(--ina-magenta-100)","magenta-200":"var(--ina-magenta-200)","magenta-300":"var(--ina-magenta-300)","magenta-400":"var(--ina-magenta-400)","magenta-500":"var(--ina-magenta-500)","magenta-600":"var(--ina-magenta-600)","magenta-700":"var(--ina-magenta-700)","magenta-800":"var(--ina-magenta-800)","magenta-900":"var(--ina-magenta-900)","purple-50":"var(--ina-purple-50)","purple-100":"var(--ina-purple-100)","purple-200":"var(--ina-purple-200)","purple-300":"var(--ina-purple-300)","purple-400":"var(--ina-purple-400)","purple-500":"var(--ina-purple-500)","purple-600":"var(--ina-purple-600)","purple-700":"var(--ina-purple-700)","purple-800":"var(--ina-purple-800)","purple-900":"var(--ina-purple-900)","indigo-50":"var(--ina-indigo-50)","indigo-100":"var(--ina-indigo-100)","indigo-200":"var(--ina-indigo-200)","indigo-300":"var(--ina-indigo-300)","indigo-400":"var(--ina-indigo-400)","indigo-500":"var(--ina-indigo-500)","indigo-600":"var(--ina-indigo-600)","indigo-700":"var(--ina-indigo-700)","indigo-800":"var(--ina-indigo-800)","indigo-900":"var(--ina-indigo-900)","background-primary":"var(--ina-background-primary)","background-secondary":"var(--ina-background-secondary)","background-tertiary":"var(--ina-background-tertiary)","background-overlay":"var(--ina-background-overlay)","content-primary":"var(--ina-content-primary)","content-secondary":"var(--ina-content-secondary)","content-tertiary":"var(--ina-content-tertiary)","content-guide":"var(--ina-content-guide)","content-negative":"var(--ina-content-negative)","content-positive":"var(--ina-content-positive)","stroke-primary":"var(--ina-stroke-primary)","stroke-secondary":"var(--ina-stroke-secondary)","stroke-tertiary":"var(--ina-stroke-tertiary)","guide-50":"var(--ina-guide-50)","guide-100":"var(--ina-guide-100)","guide-200":"var(--ina-guide-200)","guide-300":"var(--ina-guide-300)","guide-400":"var(--ina-guide-400)","guide-500":"var(--ina-guide-500)","guide-600":"var(--ina-guide-600)","guide-700":"var(--ina-guide-700)","guide-800":"var(--ina-guide-800)","guide-900":"var(--ina-guide-900)","negative-50":"var(--ina-negative-50)","negative-100":"var(--ina-negative-100)","negative-200":"var(--ina-negative-200)","negative-300":"var(--ina-negative-300)","negative-400":"var(--ina-negative-400)","negative-500":"var(--ina-negative-500)","negative-600":"var(--ina-negative-600)","negative-700":"var(--ina-negative-700)","negative-800":"var(--ina-negative-800)","negative-900":"var(--ina-negative-900)","positive-50":"var(--ina-positive-50)","positive-100":"var(--ina-positive-100)","positive-200":"var(--ina-positive-200)","positive-300":"var(--ina-positive-300)","positive-400":"var(--ina-positive-400)","positive-500":"var(--ina-positive-500)","positive-600":"var(--ina-positive-600)","positive-700":"var(--ina-positive-700)","positive-800":"var(--ina-positive-800)","positive-900":"var(--ina-positive-900)","warning-50":"var(--ina-warning-50)","warning-100":"var(--ina-warning-100)","warning-200":"var(--ina-warning-200)","warning-300":"var(--ina-warning-300)","warning-400":"var(--ina-warning-400)","warning-500":"var(--ina-warning-500)","warning-600":"var(--ina-warning-600)","warning-700":"var(--ina-warning-700)","warning-800":"var(--ina-warning-800)","warning-900":"var(--ina-warning-900)",white:"var(--ina-white)",black:"var(--ina-black)"},l={"primary-25":"var(--ina-neutral-25)","primary-50":"var(--ina-neutral-50)","primary-100":"var(--ina-neutral-100)","primary-200":"var(--ina-neutral-200)","primary-300":"var(--ina-neutral-300)","primary-400":"var(--ina-neutral-400)","primary-500":"var(--ina-neutral-500)","primary-600":"var(--ina-neutral-600)","primary-700":"var(--ina-neutral-700)","primary-800":"var(--ina-neutral-800)","primary-900":"var(--ina-neutral-900)","primary-primary":"var(--ina-neutral-900)","secondary-25":"#f2f9fd","secondary-50":"#e3f0fb","secondary-100":"#c1e3f6","secondary-200":"#8accef","secondary-300":"#4cb2e4","secondary-400":"#269dd8","secondary-500":"#177ab2","secondary-600":"#146190","secondary-700":"#145378","secondary-800":"#164564","secondary-900":"#0f2d42"},n=["id","aria-expanded","aria-controls","disabled"],o={class:"ina-accordion__title"},i={class:"ina-accordion__toggler"},r=["id","aria-labelledby"],s={class:"ina-accordion__body"},c=a.defineComponent({__name:"Accordion",props:{title:{default:""},children:{},defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},onToggle:{},disabled:{type:Boolean,default:!1},className:{default:""}},emits:["toggle"],setup(e,{emit:t}){var l;const c=e,d=t,u=a.inject("accordionGroup",null),p=a.ref(`accordion-${(null==(l=crypto.randomUUID)?void 0:l.call(crypto))||Math.random().toString(36).substr(2,9)}`),m=a.ref(-1),v=a.ref(c.defaultOpen),g=a.computed(()=>null!==u),k=a.computed(()=>void 0!==c.open||g.value),h=a.computed(()=>g.value&&m.value>=0?(u.openIndexes&&u.openIndexes.value,u.isItemOpen(m.value)):void 0!==c.open?c.open:v.value),f=a.computed(()=>`accordion-header-${p.value}`),y=a.computed(()=>`accordion-content-${p.value}`),_=a.computed(()=>{const e=["ina-accordion"];return c.className&&e.push(c.className),c.disabled&&e.push("ina-accordion--disabled"),h.value&&e.push("ina-accordion--open"),e}),b=e=>{var a,t;if(c.disabled)return;e&&e.stopPropagation();const l=!h.value;g.value&&m.value>=0?u.handleItemToggle(m.value,l):void 0!==c.open?(d("toggle",l),null==(a=c.onToggle)||a.call(c,l)):(v.value=l,d("toggle",l),null==(t=c.onToggle)||t.call(c,l))};return a.onMounted(()=>{if(g.value){const e={id:p.value,defaultOpen:c.defaultOpen};m.value=u.registerItem(e)}}),a.onUnmounted(()=>{if(g.value){const e={id:p.value,defaultOpen:c.defaultOpen};u.unregisterItem(e),m.value=-1}}),a.watch(()=>c.open,e=>{k.value}),(t,l)=>(a.openBlock(),a.createElementBlock("div",{class:a.normalizeClass(["ina-accordion",_.value])},[a.createElementVNode("button",{id:f.value,type:"button",class:"ina-accordion__toggle","aria-expanded":h.value,"aria-controls":y.value,disabled:e.disabled,onClick:b},[a.createElementVNode("div",o,[a.renderSlot(t.$slots,"title",{},()=>[a.createTextVNode(a.toDisplayString(e.title),1)])]),a.createElementVNode("div",i,[(a.openBlock(),a.createElementBlock("svg",{class:a.normalizeClass(["ina-accordion__icon",{"ina-accordion__icon--open":h.value}]),viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[...l[0]||(l[0]=[a.createElementVNode("path",{d:"M6 9L12 15L18 9",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)])],2))])],8,n),a.createElementVNode("div",{id:y.value,class:a.normalizeClass(["ina-accordion__content",{"ina-accordion__content--open":h.value}]),"aria-labelledby":f.value},[a.createElementVNode("div",s,[a.renderSlot(t.$slots,"default")])],10,r)],2))}}),d={class:"ina-accordion-card__item"},u=["id","aria-expanded","aria-controls"],p={class:"ina-accordion-card__header-content"},m={key:0,class:"ina-accordion-card__icon"},v={class:"ina-accordion-card__title-section"},g={class:"ina-accordion-card__title"},k={key:0,class:"ina-accordion-card__subtitle"},h=["id","aria-labelledby"],f={class:"ina-accordion-card__body"},y=(e,a)=>{const t=e.__vccOpts||e;for(const[l,n]of a)t[l]=n;return t},_=y(a.defineComponent({__name:"AccordionCard",props:{title:{default:""},subtitle:{default:""},icon:{},defaultOpen:{type:Boolean,default:!1},variant:{default:"default"},size:{default:"md"},disabled:{type:Boolean,default:!1}},emits:["toggle"],setup(e,{emit:t}){const l=e,n=t,o=a.ref(l.defaultOpen),i=a.computed(()=>`accordion-card-header-${Math.random().toString(36).substr(2,9)}`),r=a.computed(()=>`accordion-card-content-${Math.random().toString(36).substr(2,9)}`),s=a.computed(()=>{const e=["ina-accordion-card"];return e.push(`ina-accordion-card--variant-${l.variant}`),e.push(`ina-accordion-card--size-${l.size}`),l.disabled&&e.push("ina-accordion-card--disabled"),o.value&&e.push("ina-accordion-card--open"),e}),c=()=>{l.disabled||(o.value=!o.value,n("toggle",o.value))};return(t,l)=>(a.openBlock(),a.createElementBlock("div",{class:a.normalizeClass(["ina-accordion-card",s.value])},[a.createElementVNode("div",d,[a.createElementVNode("button",{id:i.value,type:"button",class:"ina-accordion-card__header","aria-expanded":o.value,"aria-controls":r.value,onClick:c},[a.createElementVNode("div",p,[e.icon?(a.openBlock(),a.createElementBlock("div",m,[(a.openBlock(),a.createBlock(a.resolveDynamicComponent(e.icon),{size:20}))])):a.createCommentVNode("",!0),a.createElementVNode("div",v,[a.createElementVNode("h3",g,[a.renderSlot(t.$slots,"title",{},()=>[a.createTextVNode(a.toDisplayString(e.title),1)],!0)]),e.subtitle?(a.openBlock(),a.createElementBlock("p",k,a.toDisplayString(e.subtitle),1)):a.createCommentVNode("",!0)])]),(a.openBlock(),a.createElementBlock("svg",{class:a.normalizeClass(["ina-accordion-card__chevron",{"ina-accordion-card__chevron--open":o.value}]),width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[...l[0]||(l[0]=[a.createElementVNode("path",{d:"M6 9L12 15L18 9",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)])],2))],8,u),a.createVNode(a.Transition,{name:"accordion"},{default:a.withCtx(()=>[o.value?(a.openBlock(),a.createElementBlock("div",{key:0,id:r.value,class:"ina-accordion-card__content","aria-labelledby":i.value},[a.createElementVNode("div",f,[a.renderSlot(t.$slots,"default",{},void 0,!0)])],8,h)):a.createCommentVNode("",!0)]),_:3})])],2))}}),[["__scopeId","data-v-5e3f081f"]]),b={class:"ina-accordion-group"},w=y(a.defineComponent({__name:"AccordionGroup",props:{multiple:{type:Boolean,default:!1},multipleOpen:{type:Boolean,default:!1},defaultIndex:{default:void 0}},emits:["change"],setup(e,{emit:t}){const l=e,n=a.computed(()=>l.multipleOpen||l.multiple||!1),o=t,i=a.ref(new Map),r=a.ref(void 0!==l.defaultIndex?[l.defaultIndex]:[]);return a.provide("accordionGroup",{multiple:n.value,multipleOpen:n.value,registerItem:e=>{const a=i.value.size;return i.value.set(e.id,a),e.defaultOpen&&(n.value?r.value.includes(a)||(r.value=[...r.value,a]):0===r.value.length&&(r.value=[a])),a},unregisterItem:e=>{const a=i.value.get(e.id);if(void 0!==a){i.value.delete(e.id),r.value=r.value.filter(e=>e!==a).map(e=>e>a?e-1:e);const t=new Map;let l=0;i.value.forEach((e,a)=>{t.set(a,l),l++}),i.value=t}},handleItemToggle:(e,a)=>{n.value?a?r.value.includes(e)||(r.value=[...r.value,e]):r.value=r.value.filter(a=>a!==e):r.value=a?[e]:[],o("change",[...r.value])},isItemOpen:e=>r.value.includes(e),getItemIndex:e=>i.value.get(e)??-1,openIndexes:a.computed(()=>r.value)}),(e,t)=>(a.openBlock(),a.createElementBlock("div",b,[a.renderSlot(e.$slots,"default",{},void 0,!0)]))}}),[["__scopeId","data-v-a85c5702"]]),B=["disabled","aria-expanded"],C={class:"ina-action-dropdown__trigger-content"},V={class:"ina-action-dropdown__menu"},E=y(a.defineComponent({__name:"ActionDropdown",props:{disabled:{type:Boolean,default:!1},variant:{default:"default"},size:{default:"md"},placement:{default:"bottom-start"}},emits:["open","close"],setup(e,{emit:t}){const l=e,n=t,o=a.ref(),i=a.ref(),r=a.ref(!1),s=a.ref({}),c=a.computed(()=>{const e=["ina-action-dropdown"];return l.disabled&&e.push("ina-action-dropdown--disabled"),e}),d=a.computed(()=>{const e=["ina-action-dropdown__trigger"];return e.push(`ina-action-dropdown__trigger--variant-${l.variant}`),e.push(`ina-action-dropdown__trigger--size-${l.size}`),l.disabled&&e.push("ina-action-dropdown__trigger--disabled"),r.value&&e.push("ina-action-dropdown__trigger--open"),e}),u=()=>{l.disabled||(r.value=!r.value,r.value?(n("open"),a.nextTick(()=>{p()})):n("close"))},p=()=>{if(!o.value||!i.value)return;const e=o.value.getBoundingClientRect(),a=i.value.getBoundingClientRect(),t=window.innerHeight,n=window.innerWidth;let r=e.bottom+window.scrollY,c=e.left+window.scrollX;l.placement.includes("top")&&(r=e.top+window.scrollY-a.height),l.placement.includes("end")&&(c=e.right+window.scrollX-a.width),r+a.height>t+window.scrollY&&(r=e.top+window.scrollY-a.height),c+a.width>n+window.scrollX&&(c=n+window.scrollX-a.width-10),c<window.scrollX&&(c=window.scrollX+10),s.value={position:"absolute",top:`${r}px`,left:`${c}px`,zIndex:1e3}},m=e=>{if(!l.disabled)switch(e.key){case"Enter":case" ":e.preventDefault(),u();break;case"Escape":r.value=!1,n("close");break;case"ArrowDown":e.preventDefault(),r.value||u()}},v=e=>{i.value&&o.value&&!i.value.contains(e.target)&&!o.value.contains(e.target)&&(r.value=!1,n("close"))};return a.onMounted(()=>{document.addEventListener("click",v),window.addEventListener("resize",p),window.addEventListener("scroll",p)}),a.onUnmounted(()=>{document.removeEventListener("click",v),window.removeEventListener("resize",p),window.removeEventListener("scroll",p)}),(t,l)=>(a.openBlock(),a.createElementBlock("div",{class:a.normalizeClass(["ina-action-dropdown",c.value])},[a.createElementVNode("button",{ref_key:"triggerRef",ref:o,type:"button",class:a.normalizeClass(d.value),disabled:e.disabled,onClick:u,onKeydown:m,"aria-expanded":r.value,"aria-haspopup":!0},[a.createElementVNode("span",C,[a.renderSlot(t.$slots,"trigger",{},()=>[l[1]||(l[1]=a.createElementVNode("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},[a.createElementVNode("circle",{cx:"12",cy:"12",r:"1",fill:"currentColor"}),a.createElementVNode("circle",{cx:"12",cy:"5",r:"1",fill:"currentColor"}),a.createElementVNode("circle",{cx:"12",cy:"19",r:"1",fill:"currentColor"})],-1))],!0)])],42,B),a.createVNode(a.Transition,{name:"dropdown"},{default:a.withCtx(()=>[r.value?(a.openBlock(),a.createElementBlock("div",{key:0,ref_key:"dropdownRef",ref:i,class:"ina-action-dropdown__dropdown",style:a.normalizeStyle(s.value),onClick:l[0]||(l[0]=a.withModifiers(()=>{},["stop"]))},[a.createElementVNode("div",V,[a.renderSlot(t.$slots,"default",{},void 0,!0)])],4)):a.createCommentVNode("",!0)]),_:3})],2))}}),[["__scopeId","data-v-7f534f78"]]);
|
|
2
2
|
/**
|
|
3
3
|
* @license @tabler/icons-vue v3.35.0 - MIT
|
|
4
4
|
*
|