vue3-tailwind-components 0.1.7 → 0.1.8

Sign up to get free protection for your applications and to get access to all the features.
package/README.md CHANGED
@@ -24,7 +24,9 @@ npm i vue3-tailwind-components --save
24
24
 
25
25
  Edit `tailwind.config.js` to look like this. Be especially careful to include this line
26
26
  `"./node_modules/vue3-tailwind-components/dist/vue3-tailwind-components.es.js"` it tells Tailwind to that we want to use
27
- classes that used in the components
27
+ classes that are computed in the components.
28
+
29
+ Here is a boilerplate tailwind config:
28
30
 
29
31
  ```javascript
30
32
  /** @type {import('tailwindcss').Config} */
@@ -38,14 +40,15 @@ module.exports = {
38
40
  safelist: [
39
41
  {
40
42
  pattern: /bg-(primary|secondary|warning|success|danger|info)-(\d00)/,
41
- variants: ['hover', 'focus','file'],
43
+ variants: ['hover', 'focus', 'file','dark', 'dark:hover'],
42
44
  },
43
45
  {
44
46
  pattern: /border-(primary|secondary|warning|success|danger|info)-(\d00)/,
47
+ variants: ['dark', 'dark:hover'],
45
48
  },
46
49
  {
47
50
  pattern: /text-(primary|secondary|warning|success|danger|info)-(\d00)/,
48
- variants:['file']
51
+ variants:['file','dark']
49
52
  },
50
53
  {
51
54
  pattern: /placeholder-(\w+)-(\d00)/,
@@ -91,13 +94,15 @@ If you want to use every color that Tailwind supply in their default theme you c
91
94
  safelist: [
92
95
  {
93
96
  pattern: /bg-(\w+)-(\d00)/,
94
- variants: ['hover', 'focus'],
97
+ variants: ['hover', 'focus', 'file','dark', 'dark:hover'],
95
98
  },
96
99
  {
97
100
  pattern: /border-(\w+)-(\d00)/,
101
+ variants: ['dark', 'dark:hover'],
98
102
  },
99
103
  {
100
104
  pattern: /text-(\w+)-(\d00)/,
105
+ variants:['file','dark']
101
106
  },
102
107
  {
103
108
  pattern: /placeholder-(\w+)-(\d00)/,
@@ -109,7 +114,11 @@ safelist: [
109
114
  This tells Tailwind - Do not remove any color classes for background, border or text (that is over 2000!) from the CSS.
110
115
 
111
116
  A more optimal solution is to use color aliases. Those who have used Bootstrap css will be familiar with color aliasing.
112
- The advantage of this approach is that we can control the color of all components from one place.
117
+ The advantage of this approach is that we can control the color of all components from one place.
118
+
119
+ ### Dark mode
120
+
121
+ All the components have dark mode styling. if that is your bag
113
122
 
114
123
 
115
124
  Color aliases in `tailwind.config.js` like this:
@@ -52,15 +52,15 @@ const T2 = (r, s) => {
52
52
  },
53
53
  computed: {
54
54
  headingClass() {
55
- return "bg-" + this.headingColor + "-200";
55
+ return "bg-" + this.headingColor + "-200 dark:bg-" + this.headingColor + "-900 dark:text-" + this.headingColor + "-200";
56
56
  },
57
57
  boarderClass() {
58
- return this.border ? "border border-" + this.borderColor + "-200 dark:border-" + this.borderColor + "-400" : "";
58
+ return this.border ? "border border-" + this.borderColor + "-200 dark:border-" + this.borderColor + "-900" : "";
59
59
  }
60
60
  },
61
61
  methods: {
62
62
  rowClass(r) {
63
- let s = this.hover ? " hover:bg-" + this.hoverColor + "-300" : "";
63
+ let s = this.hover ? " hover:bg-" + this.hoverColor + "-300 dark:hover:bg-" + this.hoverColor + "-700" : "";
64
64
  return this.selectedIndex === r && (s = " bg-" + this.selectColor + "-300 dark:bg-" + this.selectColor + "-500"), this.striped && this.selectedIndex !== r ? r % 2 !== 0 ? "bg-" + this.stripeColor + "-100 dark:bg-" + this.stripeColor + "-900 dark:text-gray-200" + s : " dark:text-gray-200 " + s : s + " dark:text-gray-200";
65
65
  }
66
66
  }
@@ -192,7 +192,7 @@ const E8 = /* @__PURE__ */ T2(Op, [["render", Wp]]), qp = {
192
192
  }
193
193
  },
194
194
  finalClass() {
195
- return this.disabled ? " border-" + this.color + "-200 text-" + this.color + "-200 " + this.positionClass : this.selected ? " bg-" + this.color + "-200 " + this.positionClass : " hover:bg-" + this.color + "-300 border-" + this.color + "-300 text-" + this.color + "-500 " + this.positionClass;
195
+ return this.disabled ? " border-" + this.color + "-200 dark:border-" + this.color + "-700 text-" + this.color + "-400 " + this.positionClass : this.selected ? " bg-" + this.color + "-200 dark:bg-" + this.color + "-500 dark:border-" + this.color + "-700" + this.positionClass : " hover:bg-" + this.color + "-300 dark:hover:bg-" + this.color + "-500 border-" + this.color + "-300 dark:border-" + this.color + "-700 text-" + this.color + "-500 dark:text-" + this.color + "-200 " + this.positionClass;
196
196
  }
197
197
  }
198
198
  };
@@ -16354,10 +16354,10 @@ const RZ = /* @__PURE__ */ T2(VZ, [["render", MZ]]), dZ = {
16354
16354
  },
16355
16355
  computed: {
16356
16356
  closeButtonClass() {
16357
- return "text-" + this.color + "-500";
16357
+ return "text-" + this.color + "-500 dark:text-" + this.color + "-200";
16358
16358
  },
16359
16359
  notificationClass() {
16360
- return "bg-" + this.color + "-200 text-" + this.color + "-700" + this.positionClass;
16360
+ return "bg-" + this.color + "-200 dark:bg-" + this.color + "-600 dark:text-" + this.color + "-200 text-" + this.color + "-700" + this.positionClass;
16361
16361
  },
16362
16362
  positionClass() {
16363
16363
  let r = "";
@@ -1,4 +1,4 @@
1
- (function(V2,u){typeof exports=="object"&&typeof module<"u"?u(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],u):(V2=typeof globalThis<"u"?globalThis:V2||self,u(V2.Vue3TWComp={},V2.Vue))})(this,function(V2,u){"use strict";const N2=(r,s)=>{const n=r.__vccOpts||r;for(const[t,m]of s)n[t]=m;return n},po={props:{items:{type:Array,default:[]},headings:{type:Array},border:{type:Boolean,default:!0},striped:{type:Boolean,default:!1},hover:{type:Boolean,default:!1},headingColor:{type:String,default:"primary"},borderColor:{type:String,default:"primary"},stripeColor:{type:String,default:"primary"},hoverColor:{type:String,default:"primary"},selectedIndex:{type:Number,default:-1},selectColor:{type:String,default:"primary"}},computed:{headingClass(){return"bg-"+this.headingColor+"-200"},boarderClass(){return this.border?"border border-"+this.borderColor+"-200 dark:border-"+this.borderColor+"-400":""}},methods:{rowClass(r){let s=this.hover?" hover:bg-"+this.hoverColor+"-300":"";return this.selectedIndex===r&&(s=" bg-"+this.selectColor+"-300 dark:bg-"+this.selectColor+"-500"),this.striped&&this.selectedIndex!==r?r%2!==0?"bg-"+this.stripeColor+"-100 dark:bg-"+this.stripeColor+"-900 dark:text-gray-200"+s:" dark:text-gray-200 "+s:s+" dark:text-gray-200"}}},Mo={class:"border-collapse table-auto w-full text-sm"},Co={class:"p-2 font-normal"},Lo={class:"text-gray-600"};function go(r,s,n,t,m,h){return u.openBlock(),u.createElementBlock("table",Mo,[u.createElementVNode("thead",{class:u.normalizeClass([h.headingClass,"text-gray-800"])},[u.createElementVNode("tr",null,[(u.openBlock(!0),u.createElementBlock(u.Fragment,null,u.renderList(n.headings,v=>(u.openBlock(),u.createElementBlock("th",Co,u.toDisplayString(v.label),1))),256))])],2),u.createElementVNode("tbody",Lo,[(u.openBlock(!0),u.createElementBlock(u.Fragment,null,u.renderList(n.items,(v,d)=>(u.openBlock(),u.createElementBlock("tr",{key:d,class:u.normalizeClass([h.rowClass(d),"transition-colors"])},[(u.openBlock(!0),u.createElementBlock(u.Fragment,null,u.renderList(n.headings,C=>(u.openBlock(),u.createElementBlock("td",{class:u.normalizeClass([h.boarderClass,"p-2"])},[u.renderSlot(r.$slots,C.field,{item:v},()=>[u.createTextVNode(u.toDisplayString(v[C.field]),1)])],2))),256))],2))),128))])])}const xo=N2(po,[["render",go]]),bo={props:{color:{type:String,default:"primary"},outline:{type:Boolean,default:!1},menu:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},size:{type:String,default:"md",validator(r){return["sm","md","lg"].includes(r)}},variant:{type:String,default:""}},computed:{sizeClass(){switch(this.size){case"sm":return" text-xs py-1 px-4 ";case"md":return" text-sm py-2 px-6 ";case"lg":return" text-lg py-4 px-8 ";default:return" text-sm py-2 px-6 "}},variantClass(){switch(this.variant){case"round":return" text-sm px-4 py-1 rounded-full ";case"square":return" ";default:return" rounded "}},bgcolor(){let r=this.disabled?" opacity-50":"",s="bg-"+this.color+"-500 hover:bg-"+this.color+"-700 text-white border-"+this.color+"-500";return this.outline&&(this.menu?s="hover:bg-"+this.color+"-500 text-"+this.color+"-500 hover:text-white":s="border-"+this.color+"-500 hover:bg-"+this.color+"-500 text-"+this.color+"-500 hover:text-white border"),s+this.sizeClass+r+this.variantClass}}},No=["disabled"];function wo(r,s,n,t,m,h){return u.openBlock(),u.createElementBlock("button",{disabled:n.disabled,class:u.normalizeClass([h.bgcolor,"transition-colors ease-in font-light disabled:cursor-not-allowed"])},[u.renderSlot(r.$slots,"default")],10,No)}const f3=N2(bo,[["render",wo]]),So={props:{buttonPosition:{type:String,default:"middle"},color:{type:String,default:"primary"},selected:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},computed:{positionClass(){switch(this.buttonPosition){case"first":return" rounded-l ";case"last":return" rounded-r ";default:return""}},finalClass(){return this.disabled?" border-"+this.color+"-200 text-"+this.color+"-200 "+this.positionClass:this.selected?" bg-"+this.color+"-200 "+this.positionClass:" hover:bg-"+this.color+"-300 border-"+this.color+"-300 text-"+this.color+"-500 "+this.positionClass}}};function yo(r,s,n,t,m,h){return u.openBlock(),u.createElementBlock("li",null,[u.createElementVNode("button",{class:u.normalizeClass([h.finalClass,"px-3 py-2 ml-0 leading-tight transition-colors border"])},[u.renderSlot(r.$slots,"default")],2)])}const ko={components:{TwPaginatorButton:N2(So,[["render",yo]])},props:{numOfPages:{type:Number,default:0},currentPage:{type:Number,default:0},color:{type:String,default:"primary"}},methods:{paginate(r){this.$emit("paginate",r)},increment(){this.currentPage<this.numOfPages&&this.$emit("paginate",this.currentPage+1)},decrement(){this.currentPage>1&&this.$emit("paginate",this.currentPage-1)}}},Ao={"aria-label":"Pagination"},_o={class:"inline-flex -space-x-px"};function To(r,s,n,t,m,h){const v=u.resolveComponent("tw-paginator-button");return u.openBlock(),u.createElementBlock("nav",Ao,[u.createElementVNode("ul",_o,[u.createVNode(v,{color:n.color,onClick:h.decrement,disabled:n.currentPage<=1,"button-position":"first"},{default:u.withCtx(()=>[u.renderSlot(r.$slots,"first",{},()=>[u.createTextVNode("Previous")])]),_:3},8,["color","onClick","disabled"]),(u.openBlock(!0),u.createElementBlock(u.Fragment,null,u.renderList(n.numOfPages,d=>(u.openBlock(),u.createBlock(v,{color:n.color,key:d,onClick:C=>h.paginate(d),selected:d===n.currentPage},{default:u.withCtx(()=>[u.createTextVNode(u.toDisplayString(d),1)]),_:2},1032,["color","onClick","selected"]))),128)),u.createVNode(v,{color:n.color,onClick:h.increment,disabled:n.currentPage>=n.numOfPages,"button-position":"last"},{default:u.withCtx(()=>[u.renderSlot(r.$slots,"last",{},()=>[u.createTextVNode("Next")])]),_:3},8,["color","onClick","disabled"])])])}const Bo=N2(ko,[["render",To]]),Po={props:{color:{type:String,default:"primary"},modelValue:{type:Boolean,default:!1},size:{type:String,default:"md",validator(r){return["sm","md","lg"].includes(r)}},disabled:{type:Boolean,default:!1},formNameAndId:{type:String,default:(Math.random()+1).toString(36).substring(5)}},data(){return{checked:!1}},methods:{handleInput(){this.disabled||(this.checked=!this.checked,this.$emit("update:modelValue",this.checked),this.$emit("changed",this.checked))}},watch:{modelValue:{handler(r){this.checked=r},immediate:!0}},computed:{baseSize(){switch(this.size){case"sm":return 3;case"md":return 5;case"lg":return 7;default:return 5}},topClass(){return this.disabled?"cursor-not-allowed":"cursor-pointer"},backClass(){let r=" h-"+this.baseSize+" w-"+this.baseSize*2,s=this.disabled?" opacity-50 ":"";return this.checked?"bg-"+this.color+"-500"+r+s:"bg-white border-"+this.color+"-500 dark:border-"+this.color+"-200"+r+s},knobClass(){let r=" h-"+this.baseSize+" w-"+this.baseSize;return this.checked?"translate-x-full bg-white dark:bg-"+this.color+"-700 border-"+this.color+"-200 "+r:" bg-"+this.color+"-200 border-"+this.color+"-500 dark:bg-"+this.color+"-700 left-0 dark:border-"+this.color+"-500"+r},labelClass(){return"text-"+this.color+"-500 text-"+this.size}}},Fo=u.createElementVNode("div",{class:"hidden h-3 w-3 w-6 h-7 w-7 h-5 w-5 w-10 w-14"},null,-1),Ro={class:"relative"},Do=["disabled","id","name","value"];function Eo(r,s,n,t,m,h){return u.openBlock(),u.createElementBlock("div",{onKeydown:s[0]||(s[0]=u.withKeys((...v)=>h.handleInput&&h.handleInput(...v),["enter"])),tabindex:"0",class:u.normalizeClass([h.topClass,"flex select-none items-center"]),onClick:s[1]||(s[1]=(...v)=>h.handleInput&&h.handleInput(...v))},[Fo,u.createElementVNode("div",Ro,[u.createElementVNode("input",{disabled:n.disabled,id:n.formNameAndId,name:n.formNameAndId,type:"checkbox",class:"sr-only",value:m.checked},null,8,Do),u.createElementVNode("div",{class:u.normalizeClass([h.backClass,"rounded-full border shadow-inner"])},null,2),u.createElementVNode("div",{class:u.normalizeClass([h.knobClass,"dot border absolute top-0 transition rounded-full"])},null,2)]),u.createElementVNode("div",{class:u.normalizeClass([h.labelClass,"mx-2"])},[u.renderSlot(r.$slots,"default")],2)],34)}const Io=N2(Po,[["render",Eo]]);function F5(r,s){var n=Object.keys(r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(r);s&&(t=t.filter(function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable})),n.push.apply(n,t)}return n}function A(r){for(var s=1;s<arguments.length;s++){var n=arguments[s]!=null?arguments[s]:{};s%2?F5(Object(n),!0).forEach(function(t){p2(r,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):F5(Object(n)).forEach(function(t){Object.defineProperty(r,t,Object.getOwnPropertyDescriptor(n,t))})}return r}function l3(r){"@babel/helpers - typeof";return l3=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(s){return typeof s}:function(s){return s&&typeof Symbol=="function"&&s.constructor===Symbol&&s!==Symbol.prototype?"symbol":typeof s},l3(r)}function Uo(r,s){if(!(r instanceof s))throw new TypeError("Cannot call a class as a function")}function R5(r,s){for(var n=0;n<s.length;n++){var t=s[n];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(r,t.key,t)}}function Oo(r,s,n){return s&&R5(r.prototype,s),n&&R5(r,n),Object.defineProperty(r,"prototype",{writable:!1}),r}function p2(r,s,n){return s in r?Object.defineProperty(r,s,{value:n,enumerable:!0,configurable:!0,writable:!0}):r[s]=n,r}function E6(r,s){return Wo(r)||Go(r,s)||D5(r,s)||Xo()}function L4(r){return $o(r)||qo(r)||D5(r)||Ko()}function $o(r){if(Array.isArray(r))return I6(r)}function Wo(r){if(Array.isArray(r))return r}function qo(r){if(typeof Symbol<"u"&&r[Symbol.iterator]!=null||r["@@iterator"]!=null)return Array.from(r)}function Go(r,s){var n=r==null?null:typeof Symbol<"u"&&r[Symbol.iterator]||r["@@iterator"];if(n!=null){var t=[],m=!0,h=!1,v,d;try{for(n=n.call(r);!(m=(v=n.next()).done)&&(t.push(v.value),!(s&&t.length===s));m=!0);}catch(C){h=!0,d=C}finally{try{!m&&n.return!=null&&n.return()}finally{if(h)throw d}}return t}}function D5(r,s){if(r){if(typeof r=="string")return I6(r,s);var n=Object.prototype.toString.call(r).slice(8,-1);if(n==="Object"&&r.constructor&&(n=r.constructor.name),n==="Map"||n==="Set")return Array.from(r);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return I6(r,s)}}function I6(r,s){(s==null||s>r.length)&&(s=r.length);for(var n=0,t=new Array(s);n<s;n++)t[n]=r[n];return t}function Ko(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
1
+ (function(V2,u){typeof exports=="object"&&typeof module<"u"?u(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],u):(V2=typeof globalThis<"u"?globalThis:V2||self,u(V2.Vue3TWComp={},V2.Vue))})(this,function(V2,u){"use strict";const N2=(r,s)=>{const n=r.__vccOpts||r;for(const[t,m]of s)n[t]=m;return n},po={props:{items:{type:Array,default:[]},headings:{type:Array},border:{type:Boolean,default:!0},striped:{type:Boolean,default:!1},hover:{type:Boolean,default:!1},headingColor:{type:String,default:"primary"},borderColor:{type:String,default:"primary"},stripeColor:{type:String,default:"primary"},hoverColor:{type:String,default:"primary"},selectedIndex:{type:Number,default:-1},selectColor:{type:String,default:"primary"}},computed:{headingClass(){return"bg-"+this.headingColor+"-200 dark:bg-"+this.headingColor+"-900 dark:text-"+this.headingColor+"-200"},boarderClass(){return this.border?"border border-"+this.borderColor+"-200 dark:border-"+this.borderColor+"-900":""}},methods:{rowClass(r){let s=this.hover?" hover:bg-"+this.hoverColor+"-300 dark:hover:bg-"+this.hoverColor+"-700":"";return this.selectedIndex===r&&(s=" bg-"+this.selectColor+"-300 dark:bg-"+this.selectColor+"-500"),this.striped&&this.selectedIndex!==r?r%2!==0?"bg-"+this.stripeColor+"-100 dark:bg-"+this.stripeColor+"-900 dark:text-gray-200"+s:" dark:text-gray-200 "+s:s+" dark:text-gray-200"}}},Mo={class:"border-collapse table-auto w-full text-sm"},Co={class:"p-2 font-normal"},Lo={class:"text-gray-600"};function go(r,s,n,t,m,h){return u.openBlock(),u.createElementBlock("table",Mo,[u.createElementVNode("thead",{class:u.normalizeClass([h.headingClass,"text-gray-800"])},[u.createElementVNode("tr",null,[(u.openBlock(!0),u.createElementBlock(u.Fragment,null,u.renderList(n.headings,v=>(u.openBlock(),u.createElementBlock("th",Co,u.toDisplayString(v.label),1))),256))])],2),u.createElementVNode("tbody",Lo,[(u.openBlock(!0),u.createElementBlock(u.Fragment,null,u.renderList(n.items,(v,d)=>(u.openBlock(),u.createElementBlock("tr",{key:d,class:u.normalizeClass([h.rowClass(d),"transition-colors"])},[(u.openBlock(!0),u.createElementBlock(u.Fragment,null,u.renderList(n.headings,C=>(u.openBlock(),u.createElementBlock("td",{class:u.normalizeClass([h.boarderClass,"p-2"])},[u.renderSlot(r.$slots,C.field,{item:v},()=>[u.createTextVNode(u.toDisplayString(v[C.field]),1)])],2))),256))],2))),128))])])}const xo=N2(po,[["render",go]]),bo={props:{color:{type:String,default:"primary"},outline:{type:Boolean,default:!1},menu:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},size:{type:String,default:"md",validator(r){return["sm","md","lg"].includes(r)}},variant:{type:String,default:""}},computed:{sizeClass(){switch(this.size){case"sm":return" text-xs py-1 px-4 ";case"md":return" text-sm py-2 px-6 ";case"lg":return" text-lg py-4 px-8 ";default:return" text-sm py-2 px-6 "}},variantClass(){switch(this.variant){case"round":return" text-sm px-4 py-1 rounded-full ";case"square":return" ";default:return" rounded "}},bgcolor(){let r=this.disabled?" opacity-50":"",s="bg-"+this.color+"-500 hover:bg-"+this.color+"-700 text-white border-"+this.color+"-500";return this.outline&&(this.menu?s="hover:bg-"+this.color+"-500 text-"+this.color+"-500 hover:text-white":s="border-"+this.color+"-500 hover:bg-"+this.color+"-500 text-"+this.color+"-500 hover:text-white border"),s+this.sizeClass+r+this.variantClass}}},No=["disabled"];function wo(r,s,n,t,m,h){return u.openBlock(),u.createElementBlock("button",{disabled:n.disabled,class:u.normalizeClass([h.bgcolor,"transition-colors ease-in font-light disabled:cursor-not-allowed"])},[u.renderSlot(r.$slots,"default")],10,No)}const f3=N2(bo,[["render",wo]]),So={props:{buttonPosition:{type:String,default:"middle"},color:{type:String,default:"primary"},selected:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1}},computed:{positionClass(){switch(this.buttonPosition){case"first":return" rounded-l ";case"last":return" rounded-r ";default:return""}},finalClass(){return this.disabled?" border-"+this.color+"-200 dark:border-"+this.color+"-700 text-"+this.color+"-400 "+this.positionClass:this.selected?" bg-"+this.color+"-200 dark:bg-"+this.color+"-500 dark:border-"+this.color+"-700"+this.positionClass:" hover:bg-"+this.color+"-300 dark:hover:bg-"+this.color+"-500 border-"+this.color+"-300 dark:border-"+this.color+"-700 text-"+this.color+"-500 dark:text-"+this.color+"-200 "+this.positionClass}}};function yo(r,s,n,t,m,h){return u.openBlock(),u.createElementBlock("li",null,[u.createElementVNode("button",{class:u.normalizeClass([h.finalClass,"px-3 py-2 ml-0 leading-tight transition-colors border"])},[u.renderSlot(r.$slots,"default")],2)])}const ko={components:{TwPaginatorButton:N2(So,[["render",yo]])},props:{numOfPages:{type:Number,default:0},currentPage:{type:Number,default:0},color:{type:String,default:"primary"}},methods:{paginate(r){this.$emit("paginate",r)},increment(){this.currentPage<this.numOfPages&&this.$emit("paginate",this.currentPage+1)},decrement(){this.currentPage>1&&this.$emit("paginate",this.currentPage-1)}}},Ao={"aria-label":"Pagination"},_o={class:"inline-flex -space-x-px"};function To(r,s,n,t,m,h){const v=u.resolveComponent("tw-paginator-button");return u.openBlock(),u.createElementBlock("nav",Ao,[u.createElementVNode("ul",_o,[u.createVNode(v,{color:n.color,onClick:h.decrement,disabled:n.currentPage<=1,"button-position":"first"},{default:u.withCtx(()=>[u.renderSlot(r.$slots,"first",{},()=>[u.createTextVNode("Previous")])]),_:3},8,["color","onClick","disabled"]),(u.openBlock(!0),u.createElementBlock(u.Fragment,null,u.renderList(n.numOfPages,d=>(u.openBlock(),u.createBlock(v,{color:n.color,key:d,onClick:C=>h.paginate(d),selected:d===n.currentPage},{default:u.withCtx(()=>[u.createTextVNode(u.toDisplayString(d),1)]),_:2},1032,["color","onClick","selected"]))),128)),u.createVNode(v,{color:n.color,onClick:h.increment,disabled:n.currentPage>=n.numOfPages,"button-position":"last"},{default:u.withCtx(()=>[u.renderSlot(r.$slots,"last",{},()=>[u.createTextVNode("Next")])]),_:3},8,["color","onClick","disabled"])])])}const Bo=N2(ko,[["render",To]]),Po={props:{color:{type:String,default:"primary"},modelValue:{type:Boolean,default:!1},size:{type:String,default:"md",validator(r){return["sm","md","lg"].includes(r)}},disabled:{type:Boolean,default:!1},formNameAndId:{type:String,default:(Math.random()+1).toString(36).substring(5)}},data(){return{checked:!1}},methods:{handleInput(){this.disabled||(this.checked=!this.checked,this.$emit("update:modelValue",this.checked),this.$emit("changed",this.checked))}},watch:{modelValue:{handler(r){this.checked=r},immediate:!0}},computed:{baseSize(){switch(this.size){case"sm":return 3;case"md":return 5;case"lg":return 7;default:return 5}},topClass(){return this.disabled?"cursor-not-allowed":"cursor-pointer"},backClass(){let r=" h-"+this.baseSize+" w-"+this.baseSize*2,s=this.disabled?" opacity-50 ":"";return this.checked?"bg-"+this.color+"-500"+r+s:"bg-white border-"+this.color+"-500 dark:border-"+this.color+"-200"+r+s},knobClass(){let r=" h-"+this.baseSize+" w-"+this.baseSize;return this.checked?"translate-x-full bg-white dark:bg-"+this.color+"-700 border-"+this.color+"-200 "+r:" bg-"+this.color+"-200 border-"+this.color+"-500 dark:bg-"+this.color+"-700 left-0 dark:border-"+this.color+"-500"+r},labelClass(){return"text-"+this.color+"-500 text-"+this.size}}},Fo=u.createElementVNode("div",{class:"hidden h-3 w-3 w-6 h-7 w-7 h-5 w-5 w-10 w-14"},null,-1),Ro={class:"relative"},Do=["disabled","id","name","value"];function Eo(r,s,n,t,m,h){return u.openBlock(),u.createElementBlock("div",{onKeydown:s[0]||(s[0]=u.withKeys((...v)=>h.handleInput&&h.handleInput(...v),["enter"])),tabindex:"0",class:u.normalizeClass([h.topClass,"flex select-none items-center"]),onClick:s[1]||(s[1]=(...v)=>h.handleInput&&h.handleInput(...v))},[Fo,u.createElementVNode("div",Ro,[u.createElementVNode("input",{disabled:n.disabled,id:n.formNameAndId,name:n.formNameAndId,type:"checkbox",class:"sr-only",value:m.checked},null,8,Do),u.createElementVNode("div",{class:u.normalizeClass([h.backClass,"rounded-full border shadow-inner"])},null,2),u.createElementVNode("div",{class:u.normalizeClass([h.knobClass,"dot border absolute top-0 transition rounded-full"])},null,2)]),u.createElementVNode("div",{class:u.normalizeClass([h.labelClass,"mx-2"])},[u.renderSlot(r.$slots,"default")],2)],34)}const Io=N2(Po,[["render",Eo]]);function F5(r,s){var n=Object.keys(r);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(r);s&&(t=t.filter(function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable})),n.push.apply(n,t)}return n}function A(r){for(var s=1;s<arguments.length;s++){var n=arguments[s]!=null?arguments[s]:{};s%2?F5(Object(n),!0).forEach(function(t){p2(r,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(n)):F5(Object(n)).forEach(function(t){Object.defineProperty(r,t,Object.getOwnPropertyDescriptor(n,t))})}return r}function l3(r){"@babel/helpers - typeof";return l3=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(s){return typeof s}:function(s){return s&&typeof Symbol=="function"&&s.constructor===Symbol&&s!==Symbol.prototype?"symbol":typeof s},l3(r)}function Uo(r,s){if(!(r instanceof s))throw new TypeError("Cannot call a class as a function")}function R5(r,s){for(var n=0;n<s.length;n++){var t=s[n];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(r,t.key,t)}}function Oo(r,s,n){return s&&R5(r.prototype,s),n&&R5(r,n),Object.defineProperty(r,"prototype",{writable:!1}),r}function p2(r,s,n){return s in r?Object.defineProperty(r,s,{value:n,enumerable:!0,configurable:!0,writable:!0}):r[s]=n,r}function E6(r,s){return Wo(r)||Go(r,s)||D5(r,s)||Xo()}function L4(r){return $o(r)||qo(r)||D5(r)||Ko()}function $o(r){if(Array.isArray(r))return I6(r)}function Wo(r){if(Array.isArray(r))return r}function qo(r){if(typeof Symbol<"u"&&r[Symbol.iterator]!=null||r["@@iterator"]!=null)return Array.from(r)}function Go(r,s){var n=r==null?null:typeof Symbol<"u"&&r[Symbol.iterator]||r["@@iterator"];if(n!=null){var t=[],m=!0,h=!1,v,d;try{for(n=n.call(r);!(m=(v=n.next()).done)&&(t.push(v.value),!(s&&t.length===s));m=!0);}catch(C){h=!0,d=C}finally{try{!m&&n.return!=null&&n.return()}finally{if(h)throw d}}return t}}function D5(r,s){if(r){if(typeof r=="string")return I6(r,s);var n=Object.prototype.toString.call(r).slice(8,-1);if(n==="Object"&&r.constructor&&(n=r.constructor.name),n==="Map"||n==="Set")return Array.from(r);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return I6(r,s)}}function I6(r,s){(s==null||s>r.length)&&(s=r.length);for(var n=0,t=new Array(s);n<s;n++)t[n]=r[n];return t}function Ko(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
2
2
  In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Xo(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
3
3
  In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var E5=function(){},U6={},I5={},U5=null,O5={mark:E5,measure:E5};try{typeof window<"u"&&(U6=window),typeof document<"u"&&(I5=document),typeof MutationObserver<"u"&&(U5=MutationObserver),typeof performance<"u"&&(O5=performance)}catch{}var Yo=U6.navigator||{},$5=Yo.userAgent,W5=$5===void 0?"":$5,b1=U6,i2=I5,q5=U5,t3=O5;b1.document;var m1=!!i2.documentElement&&!!i2.head&&typeof i2.addEventListener=="function"&&typeof i2.createElement=="function",G5=~W5.indexOf("MSIE")||~W5.indexOf("Trident/"),o3,m3,u3,h3,z3,u1="___FONT_AWESOME___",O6=16,K5="fa",X5="svg-inline--fa",I1="data-fa-i2svg",$6="data-fa-pseudo-element",Qo="data-fa-pseudo-element-pending",W6="data-prefix",q6="data-icon",Y5="fontawesome-i2svg",Jo="async",Zo=["HTML","HEAD","STYLE","SCRIPT"],Q5=function(){try{return process.env.NODE_ENV==="production"}catch{return!1}}(),s2="classic",h2="sharp",G6=[s2,h2];function g4(r){return new Proxy(r,{get:function(n,t){return t in n?n[t]:n[s2]}})}var x4=g4((o3={},p2(o3,s2,{fa:"solid",fas:"solid","fa-solid":"solid",far:"regular","fa-regular":"regular",fal:"light","fa-light":"light",fat:"thin","fa-thin":"thin",fad:"duotone","fa-duotone":"duotone",fab:"brands","fa-brands":"brands",fak:"kit","fa-kit":"kit"}),p2(o3,h2,{fa:"solid",fass:"solid","fa-solid":"solid",fasr:"regular","fa-regular":"regular",fasl:"light","fa-light":"light"}),o3)),b4=g4((m3={},p2(m3,s2,{solid:"fas",regular:"far",light:"fal",thin:"fat",duotone:"fad",brands:"fab",kit:"fak"}),p2(m3,h2,{solid:"fass",regular:"fasr",light:"fasl"}),m3)),N4=g4((u3={},p2(u3,s2,{fab:"fa-brands",fad:"fa-duotone",fak:"fa-kit",fal:"fa-light",far:"fa-regular",fas:"fa-solid",fat:"fa-thin"}),p2(u3,h2,{fass:"fa-solid",fasr:"fa-regular",fasl:"fa-light"}),u3)),jo=g4((h3={},p2(h3,s2,{"fa-brands":"fab","fa-duotone":"fad","fa-kit":"fak","fa-light":"fal","fa-regular":"far","fa-solid":"fas","fa-thin":"fat"}),p2(h3,h2,{"fa-solid":"fass","fa-regular":"fasr","fa-light":"fasl"}),h3)),cm=/fa(s|r|l|t|d|b|k|ss|sr|sl)?[\-\ ]/,J5="fa-layers-text",am=/Font ?Awesome ?([56 ]*)(Solid|Regular|Light|Thin|Duotone|Brands|Free|Pro|Sharp|Kit)?.*/i,em=g4((z3={},p2(z3,s2,{900:"fas",400:"far",normal:"far",300:"fal",100:"fat"}),p2(z3,h2,{900:"fass",400:"fasr",300:"fasl"}),z3)),Z5=[1,2,3,4,5,6,7,8,9,10],rm=Z5.concat([11,12,13,14,15,16,17,18,19,20]),nm=["class","data-prefix","data-icon","data-fa-transform","data-fa-mask"],U1={GROUP:"duotone-group",SWAP_OPACITY:"swap-opacity",PRIMARY:"primary",SECONDARY:"secondary"},w4=new Set;Object.keys(b4[s2]).map(w4.add.bind(w4)),Object.keys(b4[h2]).map(w4.add.bind(w4));var im=[].concat(G6,L4(w4),["2xs","xs","sm","lg","xl","2xl","beat","border","fade","beat-fade","bounce","flip-both","flip-horizontal","flip-vertical","flip","fw","inverse","layers-counter","layers-text","layers","li","pull-left","pull-right","pulse","rotate-180","rotate-270","rotate-90","rotate-by","shake","spin-pulse","spin-reverse","spin","stack-1x","stack-2x","stack","ul",U1.GROUP,U1.SWAP_OPACITY,U1.PRIMARY,U1.SECONDARY]).concat(Z5.map(function(r){return"".concat(r,"x")})).concat(rm.map(function(r){return"w-".concat(r)})),S4=b1.FontAwesomeConfig||{};function sm(r){var s=i2.querySelector("script["+r+"]");if(s)return s.getAttribute(r)}function fm(r){return r===""?!0:r==="false"?!1:r==="true"?!0:r}if(i2&&typeof i2.querySelector=="function"){var lm=[["data-family-prefix","familyPrefix"],["data-css-prefix","cssPrefix"],["data-family-default","familyDefault"],["data-style-default","styleDefault"],["data-replacement-class","replacementClass"],["data-auto-replace-svg","autoReplaceSvg"],["data-auto-add-css","autoAddCss"],["data-auto-a11y","autoA11y"],["data-search-pseudo-elements","searchPseudoElements"],["data-observe-mutations","observeMutations"],["data-mutate-approach","mutateApproach"],["data-keep-original-source","keepOriginalSource"],["data-measure-performance","measurePerformance"],["data-show-missing-icons","showMissingIcons"]];lm.forEach(function(r){var s=E6(r,2),n=s[0],t=s[1],m=fm(sm(n));m!=null&&(S4[t]=m)})}var j5={styleDefault:"solid",familyDefault:"classic",cssPrefix:K5,replacementClass:X5,autoReplaceSvg:!0,autoAddCss:!0,autoA11y:!0,searchPseudoElements:!1,observeMutations:!0,mutateApproach:"async",keepOriginalSource:!0,measurePerformance:!1,showMissingIcons:!0};S4.familyPrefix&&(S4.cssPrefix=S4.familyPrefix);var c4=A(A({},j5),S4);c4.autoReplaceSvg||(c4.observeMutations=!1);var B={};Object.keys(j5).forEach(function(r){Object.defineProperty(B,r,{enumerable:!0,set:function(n){c4[r]=n,y4.forEach(function(t){return t(B)})},get:function(){return c4[r]}})}),Object.defineProperty(B,"familyPrefix",{enumerable:!0,set:function(s){c4.cssPrefix=s,y4.forEach(function(n){return n(B)})},get:function(){return c4.cssPrefix}}),b1.FontAwesomeConfig=B;var y4=[];function tm(r){return y4.push(r),function(){y4.splice(y4.indexOf(r),1)}}var N1=O6,s1={size:16,x:0,y:0,rotate:0,flipX:!1,flipY:!1};function om(r){if(!(!r||!m1)){var s=i2.createElement("style");s.setAttribute("type","text/css"),s.innerHTML=r;for(var n=i2.head.childNodes,t=null,m=n.length-1;m>-1;m--){var h=n[m],v=(h.tagName||"").toUpperCase();["STYLE","LINK"].indexOf(v)>-1&&(t=h)}return i2.head.insertBefore(s,t),r}}var mm="0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";function k4(){for(var r=12,s="";r-- >0;)s+=mm[Math.random()*62|0];return s}function a4(r){for(var s=[],n=(r||[]).length>>>0;n--;)s[n]=r[n];return s}function K6(r){return r.classList?a4(r.classList):(r.getAttribute("class")||"").split(" ").filter(function(s){return s})}function c7(r){return"".concat(r).replace(/&/g,"&amp;").replace(/"/g,"&quot;").replace(/'/g,"&#39;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function um(r){return Object.keys(r||{}).reduce(function(s,n){return s+"".concat(n,'="').concat(c7(r[n]),'" ')},"").trim()}function v3(r){return Object.keys(r||{}).reduce(function(s,n){return s+"".concat(n,": ").concat(r[n].trim(),";")},"")}function X6(r){return r.size!==s1.size||r.x!==s1.x||r.y!==s1.y||r.rotate!==s1.rotate||r.flipX||r.flipY}function hm(r){var s=r.transform,n=r.containerWidth,t=r.iconWidth,m={transform:"translate(".concat(n/2," 256)")},h="translate(".concat(s.x*32,", ").concat(s.y*32,") "),v="scale(".concat(s.size/16*(s.flipX?-1:1),", ").concat(s.size/16*(s.flipY?-1:1),") "),d="rotate(".concat(s.rotate," 0 0)"),C={transform:"".concat(h," ").concat(v," ").concat(d)},w={transform:"translate(".concat(t/2*-1," -256)")};return{outer:m,inner:C,path:w}}function zm(r){var s=r.transform,n=r.width,t=n===void 0?O6:n,m=r.height,h=m===void 0?O6:m,v=r.startCentered,d=v===void 0?!1:v,C="";return d&&G5?C+="translate(".concat(s.x/N1-t/2,"em, ").concat(s.y/N1-h/2,"em) "):d?C+="translate(calc(-50% + ".concat(s.x/N1,"em), calc(-50% + ").concat(s.y/N1,"em)) "):C+="translate(".concat(s.x/N1,"em, ").concat(s.y/N1,"em) "),C+="scale(".concat(s.size/N1*(s.flipX?-1:1),", ").concat(s.size/N1*(s.flipY?-1:1),") "),C+="rotate(".concat(s.rotate,"deg) "),C}var vm=`:root, :host {
4
4
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Solid";
@@ -785,4 +785,4 @@ __p += '`),J&&(N+=`' +
785
785
  function print() { __p += __j.call(arguments, '') }
786
786
  `:`;
787
787
  `)+N+`return __p
788
- }`;var q=vo(function(){return j(o,P+"return "+N).apply(n,z)});if(q.source=N,b5(q))throw q;return q}function MJ(c){return c2(c).toLowerCase()}function CJ(c){return c2(c).toUpperCase()}function LJ(c,a,e){if(c=c2(c),c&&(e||a===n))return xl(c);if(!c||!(a=I2(a)))return c;var i=e1(c),f=e1(a),o=bl(i,f),z=Nl(i,f)+1;return D1(i,o,z).join("")}function gJ(c,a,e){if(c=c2(c),c&&(e||a===n))return c.slice(0,Sl(c)+1);if(!c||!(a=I2(a)))return c;var i=e1(c),f=Nl(i,e1(a))+1;return D1(i,0,f).join("")}function xJ(c,a,e){if(c=c2(c),c&&(e||a===n))return c.replace(b8,"");if(!c||!(a=I2(a)))return c;var i=e1(c),f=bl(i,e1(a));return D1(i,f).join("")}function bJ(c,a){var e=z8,i=dW;if(u2(a)){var f="separator"in a?a.separator:f;e="length"in a?W(a.length):e,i="omission"in a?I2(a.omission):i}c=c2(c);var o=c.length;if(o4(c)){var z=e1(c);o=z.length}if(e>=o)return c;var H=e-m4(i);if(H<1)return i;var p=z?D1(z,0,H).join(""):c.slice(0,H);if(f===n)return p+i;if(z&&(H+=p.length-H),N5(f)){if(c.slice(H).search(f)){var g,x=p;for(f.global||(f=O8(f.source,c2(Gf.exec(f))+"g")),f.lastIndex=0;g=f.exec(x);)var N=g.index;p=p.slice(0,N===n?H:N)}}else if(c.indexOf(I2(f),H)!=H){var y=p.lastIndexOf(f);y>-1&&(p=p.slice(0,y))}return p+i}function NJ(c){return c=c2(c),c&&RW.test(c)?c.replace($f,aG):c}var wJ=p4(function(c,a,e){return c+(e?" ":"")+a.toUpperCase()}),y5=Ht("toUpperCase");function zo(c,a,e){return c=c2(c),a=e?n:a,a===n?Qq(c)?nG(c):Uq(c):c.match(a)||[]}var vo=G(function(c,a){try{return D2(c,n,a)}catch(e){return b5(e)?e:new U(e)}}),SJ=M1(function(c,a){return q2(a,function(e){e=o1(e),p1(c,e,g5(c[e],c))}),c});function yJ(c){var a=c==null?0:c.length,e=R();return c=a?o2(c,function(i){if(typeof i[1]!="function")throw new G2(v);return[e(i[0]),i[1]]}):[],G(function(i){for(var f=-1;++f<a;){var o=c[f];if(D2(o[0],this,i))return D2(o[1],this,i)}})}function kJ(c){return aK(X2(c,S))}function k5(c){return function(){return c}}function AJ(c,a){return c==null||c!==c?a:c}var _J=pt(),TJ=pt(!0);function F2(c){return c}function A5(c){return Xl(typeof c=="function"?c:X2(c,S))}function BJ(c){return Ql(X2(c,S))}function PJ(c,a){return Jl(c,X2(a,S))}var FJ=G(function(c,a){return function(e){return c3(e,c,a)}}),RJ=G(function(c,a){return function(e){return c3(c,e,a)}});function _5(c,a,e){var i=C2(a),f=d6(a,i);e==null&&!(u2(a)&&(f.length||!i.length))&&(e=a,a=c,c=this,f=d6(a,C2(a)));var o=!(u2(e)&&"chain"in e)||!!e.chain,z=L1(c);return q2(f,function(H){var p=a[H];c[H]=p,z&&(c.prototype[H]=function(){var g=this.__chain__;if(o||g){var x=c(this.__wrapped__),N=x.__actions__=T2(this.__actions__);return N.push({func:p,args:arguments,thisArg:c}),x.__chain__=g,x}return p.apply(c,_1([this.value()],arguments))})}),c}function DJ(){return L2._===this&&(L2._=oG),this}function T5(){}function EJ(c){return c=W(c),G(function(a){return Zl(a,c)})}var IJ=o5(o2),UJ=o5(dl),OJ=o5(P8);function Ho(c){return V5(c)?F8(o1(c)):pK(c)}function $J(c){return function(a){return c==null?n:Q1(c,a)}}var WJ=Mt(),qJ=Mt(!0);function B5(){return[]}function P5(){return!1}function GJ(){return{}}function KJ(){return""}function XJ(){return!0}function YJ(c,a){if(c=W(c),c<1||c>k1)return[];var e=f1,i=x2(c,f1);a=R(a),c-=f1;for(var f=E8(i,a);++e<c;)a(e);return f}function QJ(c){return $(c)?o2(c,o1):U2(c)?[c]:T2(Ft(c2(c)))}function JJ(c){var a=++lG;return c2(c)+a}var ZJ=b6(function(c,a){return c+a},0),jJ=m5("ceil"),cZ=b6(function(c,a){return c/a},1),aZ=m5("floor");function eZ(c){return c&&c.length?p6(c,F2,Q8):n}function rZ(c,a){return c&&c.length?p6(c,R(a,2),Q8):n}function nZ(c){return Ll(c,F2)}function iZ(c,a){return Ll(c,R(a,2))}function sZ(c){return c&&c.length?p6(c,F2,c5):n}function fZ(c,a){return c&&c.length?p6(c,R(a,2),c5):n}var lZ=b6(function(c,a){return c*a},1),tZ=m5("round"),oZ=b6(function(c,a){return c-a},0);function mZ(c){return c&&c.length?D8(c,F2):0}function uZ(c,a){return c&&c.length?D8(c,R(a,2)):0}return l.after=BY,l.ary=Kt,l.assign=CQ,l.assignIn=fo,l.assignInWith=D6,l.assignWith=LQ,l.at=gQ,l.before=Xt,l.bind=g5,l.bindAll=SJ,l.bindKey=Yt,l.castArray=GY,l.chain=Wt,l.chunk=aX,l.compact=eX,l.concat=rX,l.cond=yJ,l.conforms=kJ,l.constant=k5,l.countBy=mY,l.create=xQ,l.curry=Qt,l.curryRight=Jt,l.debounce=Zt,l.defaults=bQ,l.defaultsDeep=NQ,l.defer=PY,l.delay=FY,l.difference=nX,l.differenceBy=iX,l.differenceWith=sX,l.drop=fX,l.dropRight=lX,l.dropRightWhile=tX,l.dropWhile=oX,l.fill=mX,l.filter=hY,l.flatMap=HY,l.flatMapDeep=VY,l.flatMapDepth=pY,l.flatten=It,l.flattenDeep=uX,l.flattenDepth=hX,l.flip=RY,l.flow=_J,l.flowRight=TJ,l.fromPairs=zX,l.functions=TQ,l.functionsIn=BQ,l.groupBy=dY,l.initial=HX,l.intersection=VX,l.intersectionBy=pX,l.intersectionWith=dX,l.invert=FQ,l.invertBy=RQ,l.invokeMap=CY,l.iteratee=A5,l.keyBy=LY,l.keys=C2,l.keysIn=P2,l.map=_6,l.mapKeys=EQ,l.mapValues=IQ,l.matches=BJ,l.matchesProperty=PJ,l.memoize=B6,l.merge=UQ,l.mergeWith=lo,l.method=FJ,l.methodOf=RJ,l.mixin=_5,l.negate=P6,l.nthArg=EJ,l.omit=OQ,l.omitBy=$Q,l.once=DY,l.orderBy=gY,l.over=IJ,l.overArgs=EY,l.overEvery=UJ,l.overSome=OJ,l.partial=x5,l.partialRight=jt,l.partition=xY,l.pick=WQ,l.pickBy=to,l.property=Ho,l.propertyOf=$J,l.pull=gX,l.pullAll=Ot,l.pullAllBy=xX,l.pullAllWith=bX,l.pullAt=NX,l.range=WJ,l.rangeRight=qJ,l.rearg=IY,l.reject=wY,l.remove=wX,l.rest=UY,l.reverse=C5,l.sampleSize=yY,l.set=GQ,l.setWith=KQ,l.shuffle=kY,l.slice=SX,l.sortBy=TY,l.sortedUniq=PX,l.sortedUniqBy=FX,l.split=HJ,l.spread=OY,l.tail=RX,l.take=DX,l.takeRight=EX,l.takeRightWhile=IX,l.takeWhile=UX,l.tap=eY,l.throttle=$Y,l.thru=A6,l.toArray=no,l.toPairs=oo,l.toPairsIn=mo,l.toPath=QJ,l.toPlainObject=so,l.transform=XQ,l.unary=WY,l.union=OX,l.unionBy=$X,l.unionWith=WX,l.uniq=qX,l.uniqBy=GX,l.uniqWith=KX,l.unset=YQ,l.unzip=L5,l.unzipWith=$t,l.update=QQ,l.updateWith=JQ,l.values=C4,l.valuesIn=ZQ,l.without=XX,l.words=zo,l.wrap=qY,l.xor=YX,l.xorBy=QX,l.xorWith=JX,l.zip=ZX,l.zipObject=jX,l.zipObjectDeep=cY,l.zipWith=aY,l.entries=oo,l.entriesIn=mo,l.extend=fo,l.extendWith=D6,_5(l,l),l.add=ZJ,l.attempt=vo,l.camelCase=eJ,l.capitalize=uo,l.ceil=jJ,l.clamp=jQ,l.clone=KY,l.cloneDeep=YY,l.cloneDeepWith=QY,l.cloneWith=XY,l.conformsTo=JY,l.deburr=ho,l.defaultTo=AJ,l.divide=cZ,l.endsWith=rJ,l.eq=n1,l.escape=nJ,l.escapeRegExp=iJ,l.every=uY,l.find=zY,l.findIndex=Dt,l.findKey=wQ,l.findLast=vY,l.findLastIndex=Et,l.findLastKey=SQ,l.floor=aZ,l.forEach=qt,l.forEachRight=Gt,l.forIn=yQ,l.forInRight=kQ,l.forOwn=AQ,l.forOwnRight=_Q,l.get=w5,l.gt=ZY,l.gte=jY,l.has=PQ,l.hasIn=S5,l.head=Ut,l.identity=F2,l.includes=MY,l.indexOf=vX,l.inRange=cJ,l.invoke=DQ,l.isArguments=j1,l.isArray=$,l.isArrayBuffer=cQ,l.isArrayLike=B2,l.isArrayLikeObject=v2,l.isBoolean=aQ,l.isBuffer=E1,l.isDate=eQ,l.isElement=rQ,l.isEmpty=nQ,l.isEqual=iQ,l.isEqualWith=sQ,l.isError=b5,l.isFinite=fQ,l.isFunction=L1,l.isInteger=co,l.isLength=F6,l.isMap=ao,l.isMatch=lQ,l.isMatchWith=tQ,l.isNaN=oQ,l.isNative=mQ,l.isNil=hQ,l.isNull=uQ,l.isNumber=eo,l.isObject=u2,l.isObjectLike=z2,l.isPlainObject=s3,l.isRegExp=N5,l.isSafeInteger=zQ,l.isSet=ro,l.isString=R6,l.isSymbol=U2,l.isTypedArray=M4,l.isUndefined=vQ,l.isWeakMap=HQ,l.isWeakSet=VQ,l.join=MX,l.kebabCase=sJ,l.last=Q2,l.lastIndexOf=CX,l.lowerCase=fJ,l.lowerFirst=lJ,l.lt=pQ,l.lte=dQ,l.max=eZ,l.maxBy=rZ,l.mean=nZ,l.meanBy=iZ,l.min=sZ,l.minBy=fZ,l.stubArray=B5,l.stubFalse=P5,l.stubObject=GJ,l.stubString=KJ,l.stubTrue=XJ,l.multiply=lZ,l.nth=LX,l.noConflict=DJ,l.noop=T5,l.now=T6,l.pad=tJ,l.padEnd=oJ,l.padStart=mJ,l.parseInt=uJ,l.random=aJ,l.reduce=bY,l.reduceRight=NY,l.repeat=hJ,l.replace=zJ,l.result=qQ,l.round=tZ,l.runInContext=V,l.sample=SY,l.size=AY,l.snakeCase=vJ,l.some=_Y,l.sortedIndex=yX,l.sortedIndexBy=kX,l.sortedIndexOf=AX,l.sortedLastIndex=_X,l.sortedLastIndexBy=TX,l.sortedLastIndexOf=BX,l.startCase=VJ,l.startsWith=pJ,l.subtract=oZ,l.sum=mZ,l.sumBy=uZ,l.template=dJ,l.times=YJ,l.toFinite=g1,l.toInteger=W,l.toLength=io,l.toLower=MJ,l.toNumber=J2,l.toSafeInteger=MQ,l.toString=c2,l.toUpper=CJ,l.trim=LJ,l.trimEnd=gJ,l.trimStart=xJ,l.truncate=bJ,l.unescape=NJ,l.uniqueId=JJ,l.upperCase=wJ,l.upperFirst=y5,l.each=qt,l.eachRight=Gt,l.first=Ut,_5(l,function(){var c={};return l1(l,function(a,e){a2.call(l.prototype,e)||(c[e]=a)}),c}(),{chain:!1}),l.VERSION=t,q2(["bind","bindKey","curry","curryRight","partial","partialRight"],function(c){l[c].placeholder=l}),q2(["drop","take"],function(c,a){Q.prototype[c]=function(e){e=e===n?1:M2(W(e),0);var i=this.__filtered__&&!a?new Q(this):this.clone();return i.__filtered__?i.__takeCount__=x2(e,i.__takeCount__):i.__views__.push({size:x2(e,f1),type:c+(i.__dir__<0?"Right":"")}),i},Q.prototype[c+"Right"]=function(e){return this.reverse()[c](e).reverse()}}),q2(["filter","map","takeWhile"],function(c,a){var e=a+1,i=e==If||e==gW;Q.prototype[c]=function(f){var o=this.clone();return o.__iteratees__.push({iteratee:R(f,3),type:e}),o.__filtered__=o.__filtered__||i,o}}),q2(["head","last"],function(c,a){var e="take"+(a?"Right":"");Q.prototype[c]=function(){return this[e](1).value()[0]}}),q2(["initial","tail"],function(c,a){var e="drop"+(a?"":"Right");Q.prototype[c]=function(){return this.__filtered__?new Q(this):this[e](1)}}),Q.prototype.compact=function(){return this.filter(F2)},Q.prototype.find=function(c){return this.filter(c).head()},Q.prototype.findLast=function(c){return this.reverse().find(c)},Q.prototype.invokeMap=G(function(c,a){return typeof c=="function"?new Q(this):this.map(function(e){return c3(e,c,a)})}),Q.prototype.reject=function(c){return this.filter(P6(R(c)))},Q.prototype.slice=function(c,a){c=W(c);var e=this;return e.__filtered__&&(c>0||a<0)?new Q(e):(c<0?e=e.takeRight(-c):c&&(e=e.drop(c)),a!==n&&(a=W(a),e=a<0?e.dropRight(-a):e.take(a-c)),e)},Q.prototype.takeRightWhile=function(c){return this.reverse().takeWhile(c).reverse()},Q.prototype.toArray=function(){return this.take(f1)},l1(Q.prototype,function(c,a){var e=/^(?:filter|find|map|reject)|While$/.test(a),i=/^(?:head|last)$/.test(a),f=l[i?"take"+(a=="last"?"Right":""):a],o=i||/^find/.test(a);f&&(l.prototype[a]=function(){var z=this.__wrapped__,H=i?[1]:arguments,p=z instanceof Q,g=H[0],x=p||$(z),N=function(Y){var J=f.apply(l,_1([Y],H));return i&&y?J[0]:J};x&&e&&typeof g=="function"&&g.length!=1&&(p=x=!1);var y=this.__chain__,P=!!this.__actions__.length,E=o&&!y,q=p&&!P;if(!o&&x){z=q?z:new Q(this);var I=c.apply(z,H);return I.__actions__.push({func:A6,args:[N],thisArg:n}),new K2(I,y)}return E&&q?c.apply(this,H):(I=this.thru(N),E?i?I.value()[0]:I.value():I)})}),q2(["pop","push","shift","sort","splice","unshift"],function(c){var a=r6[c],e=/^(?:push|sort|unshift)$/.test(c)?"tap":"thru",i=/^(?:pop|shift)$/.test(c);l.prototype[c]=function(){var f=arguments;if(i&&!this.__chain__){var o=this.value();return a.apply($(o)?o:[],f)}return this[e](function(z){return a.apply($(z)?z:[],f)})}}),l1(Q.prototype,function(c,a){var e=l[a];if(e){var i=e.name+"";a2.call(v4,i)||(v4[i]=[]),v4[i].push({name:a,func:e})}}),v4[x6(n,T).name]=[{name:"wrapper",func:n}],Q.prototype.clone=NG,Q.prototype.reverse=wG,Q.prototype.value=SG,l.prototype.at=rY,l.prototype.chain=nY,l.prototype.commit=iY,l.prototype.next=sY,l.prototype.plant=lY,l.prototype.reverse=tY,l.prototype.toJSON=l.prototype.valueOf=l.prototype.value=oY,l.prototype.first=l.prototype.head,K4&&(l.prototype[K4]=fY),l},u4=iG();q1?((q1.exports=u4)._=u4,A8._=u4):L2._=u4}).call(i4)}(q3,q3.exports);var A$=q3.exports;const _$={components:{TwIcon:y1,TwOption:Df},props:{items:{type:Array,default:[]},modelValue:{type:String,default:""},disabled:{type:Boolean,default:!1},color:{type:String,default:"primary"},label:{type:String,default:"Select"},formNameAndId:{type:String,default:(Math.random()+1).toString(36).substring(5)}},data(){return{open:!1,selectedItemIndex:-1,dLabel:this.label}},methods:{toggleSelect(){this.open=!this.open},handleKey(r){switch(r.code){case"Enter":this.selectedItemIndex>=0?this.selectItem(this.selectedItemIndex):this.toggleSelect();break;case"ArrowDown":this.selectedItemIndex<this.items.length-1?this.highlightItem(this.selectedItemIndex+1):this.selectedItemIndex=0;break;case"ArrowUp":this.selectedItemIndex>0?this.highlightItem(this.selectedItemIndex-1):this.open=!1;break;case"Escape":this.open=!1;break}},selectItem(r){this.selectedItemIndex=r,this.dLabel=this.items[r].label,this.toggleSelect(),this.selectedItemIndex>=0&&(this.$emit("update:modelValue",this.items[r].value),this.$emit("changed",this.items[r].value))},highlightItem(r){this.selectedItemIndex=r}},watch:{label(r){this.dLabel=r},modelValue:{handler(r){this.selectedItemIndex=A$._.findIndex(this.items,["value",r]),this.selectedItemIndex>=0?this.dLabel=this.items[this.selectedItemIndex].label:this.dLabel=r},immediate:!0}},computed:{chevronClass(){return this.open?"rotate-180 text-"+this.color+"-500 dark:text-"+this.color+"-100":"text-"+this.color+"-500 dark:text-"+this.color+"-100"},calculatedValue(){return this.items.length>0&&this.selectedItemIndex>-1?this.items[this.selectedItemIndex].value:""},buttonClass(){let r=this.disabled?" opacity-50 ":"";return"border-"+this.color+"-500 hover:bg-"+this.color+"-100 text-"+this.color+"-700 dark:bg-"+this.color+"-500 dark:text-"+this.color+"-100"+r},panelClass(){return"bg-white dark:bg-"+this.color+"-500 border border-"+this.color+"-500"}}},T$=["name","id","value"],B$=["value"],P$=["disabled"],F$={class:"text-left flex-1"};function R$(r,s,n,t,m,h){const v=u.resolveComponent("tw-icon"),d=u.resolveComponent("tw-option");return u.openBlock(),u.createElementBlock("div",{class:"relative",onKeydown:s[1]||(s[1]=u.withModifiers((...C)=>h.handleKey&&h.handleKey(...C),["prevent"]))},[u.createElementVNode("select",{class:"hidden",name:n.formNameAndId,id:n.formNameAndId,value:h.calculatedValue},[(u.openBlock(!0),u.createElementBlock(u.Fragment,null,u.renderList(n.items,(C,w)=>(u.openBlock(),u.createElementBlock("option",{key:w,value:C.value},u.toDisplayString(C.label),9,B$))),128))],8,T$),u.createElementVNode("button",{disabled:n.disabled,onClick:s[0]||(s[0]=(...C)=>h.toggleSelect&&h.toggleSelect(...C)),type:"button",class:u.normalizeClass([h.buttonClass,"w-full flex gap-2 rounded-lg border bg-white px-4 py-2 text-center text-sm font-medium shadow-sm transition-all disabled:cursor-not-allowed"])},[u.createElementVNode("span",F$,u.toDisplayString(m.dLabel),1),u.createVNode(v,{class:u.normalizeClass([h.chevronClass,"transition-transform"]),icon:"chevron-down"},null,8,["class"])],10,P$),m.open?(u.openBlock(),u.createElementBlock("div",{key:0,class:u.normalizeClass(["bg-white mt-1 animate-in slide-in-from-top-16 fade-in-20 absolute left-0 right-0 z-10 rounded-lg text-left text-sm shadow-lg",h.panelClass])},[u.createElementVNode("div",null,[(u.openBlock(!0),u.createElementBlock(u.Fragment,null,u.renderList(n.items,(C,w)=>(u.openBlock(),u.createBlock(d,{color:n.color,onSelected:h.selectItem,key:w,label:C.label,selected:w===m.selectedItemIndex,index:w},null,8,["color","onSelected","label","selected","index"]))),128))])],2)):u.createCommentVNode("",!0)],32)}const D$=N2(_$,[["render",R$]]),E$={emits:{changed:null},components:{TwIcon:y1},props:{color:{type:String,default:"primary"},modelValue:{},disabled:{type:Boolean,default:!1},error:{type:String,default:""},errorColor:{type:String,default:"danger"},icon:{type:String,default:""},description:{type:String,default:""},placeholder:{type:String,default:""},formNameAndId:{type:String,default:(Math.random()+1).toString(36).substring(5)},type:{type:String,validator:r=>["text","number","password","email","tel","search","color","date","file"].includes(r),default:"text"},labelPosition:{type:String,default:"block"},accept:{type:String,default:""}},data(){return{inputVal:""}},methods:{handleChange(r){if(this.type==="file"){const s=r.target;if(s&&s.files){let n=s.files[0];this.$emit("changed",n)}}else this.$emit("update:modelValue",this.inputVal),this.$emit("changed",this.inputVal)}},watch:{modelValue:{handler(r){this.inputVal=r},immediate:!0}},computed:{inputClass(){let r=this.error?this.errorColor:this.color,s=this.hasIcon?" pl-8 ":"",n=this.disabled?" opacity-50":"",t=this.type==="file"?" file:bg-"+this.color+"-300 file:text-sm file:border-0 file:rounded file:text-"+this.color+"-700":"";return"border-"+r+"-500 text-"+r+"-500"+s+n+" placeholder:italic placeholder-"+this.color+"-300 dark:bg-"+this.color+"-900 dark:text-"+this.color+"-100"+t},hasError(){return this.error.length>0},hasIcon(){return this.icon.length>0},iconClass(){let r=this.error?this.errorColor:this.color,s=this.disabled?" opacity-50":"";return"border-"+r+"-500 text-"+r+"-300"+s},descriptionClass(){return"text-"+(this.error?this.errorColor+"-300":this.color+"-500")},labelClass(){return"text-"+this.color+"-500 dark:text-"+this.color+"-100"}}},I$=["for"],U$={class:"relative"},O$=["name","id","placeholder","type","disabled","accept"],$$={key:1,class:"m-1 text-sm text-danger-500"};function W$(r,s,n,t,m,h){const v=u.resolveComponent("tw-icon");return u.openBlock(),u.createElementBlock(u.Fragment,null,[u.createElementVNode("label",{for:n.formNameAndId,class:u.normalizeClass([h.labelClass,"my-1"])},[u.renderSlot(r.$slots,"default")],10,I$),u.createElementVNode("div",U$,[h.hasIcon?u.withDirectives((u.openBlock(),u.createElementBlock("div",{key:0,class:u.normalizeClass([h.iconClass,"absolute py-1 px-2 left-0 pointer-events-none rounded-l border-t border-l border-b"])},[u.createVNode(v,{icon:n.icon},null,8,["icon"])],2)),[[u.vShow,h.hasIcon]]):u.createCommentVNode("",!0),u.withDirectives(u.createElementVNode("input",{onInput:s[0]||(s[0]=(...d)=>h.handleChange&&h.handleChange(...d)),name:n.formNameAndId,id:n.formNameAndId,"onUpdate:modelValue":s[1]||(s[1]=d=>m.inputVal=d),placeholder:n.placeholder,class:u.normalizeClass([h.inputClass,"w-full border focus:shadow-inner py-1 px-2 rounded outline-none disabled:cursor-not-allowed"]),type:n.type,disabled:n.disabled,accept:n.accept},null,42,O$),[[u.vModelDynamic,m.inputVal]]),h.hasError?(u.openBlock(),u.createElementBlock("div",$$,u.toDisplayString(n.error),1)):(u.openBlock(),u.createElementBlock("div",{key:2,class:u.normalizeClass([h.descriptionClass,"m-1 text-sm"])},u.toDisplayString(n.description),3))])],64)}const q$=N2(E$,[["render",W$]]);class G${contrastingColor(s,n=135){s=s.replace(/^\s*#|\s*$/g,"");let t=parseInt(s.substring(0,2),16),m=parseInt(s.substring(2,4),16),h=parseInt(s.substring(4,6),16);return t+m+h>383&&(n=n*-1),t=this._sanitiseRGB(t+n),m=this._sanitiseRGB(m+n),h=this._sanitiseRGB(h+n),"#"+t.toString(16)+m.toString(16)+h.toString(16)}_sanitiseRGB(s){return s<=0?0:s>255?255:s}}const K$={name:"TwBadge",data(){return{CU:new G$}},props:{color:{type:String,default:"primary"},corners:{type:Boolean,default:!1},size:{type:String,default:"md",validator(r){return["sm","md","lg"].includes(r)}},swatch:{type:String,default:""}},computed:{sizeClass(){switch(this.size){case"sm":return" text-xs py-1 px-4 ";case"md":return" text-sm py-2 px-6 ";case"lg":return" text-lg py-4 px-8 ";default:return" text-sm py-2 px-6 "}},bgColor(){return"bg-"+this.color+"-200 text-"+this.color+"-600 "+this.sizeClass},swatchColorStyle(){const r=/[0-9A-Fa-f]{6}/g;if(this.swatch.match(r))return"background:"+this.swatch+"; color:"+this.CU.contrastingColor(this.swatch)+";"}}};function X$(r,s,n,t,m,h){return u.openBlock(),u.createElementBlock("span",{class:u.normalizeClass([h.bgColor,"rounded-full"]),style:u.normalizeStyle(h.swatchColorStyle)},[u.renderSlot(r.$slots,"default",{},()=>[u.createTextVNode("Badge")])],6)}const Y$=N2(K$,[["render",X$]]),Q$={name:"TwRollout",components:{TwButton:f3,TwIcon:y1},props:{modelValue:{type:Boolean,default:!1},width:{type:String,default:"w-3/4"},zIndex:{type:String,default:"50"},color:{type:String,default:"primary"}},methods:{handleInput(){this.$emit("update:modelValue",this.modelValue)},closeDialog(){this.$emit("update:modelValue",!1)}},computed:{compClass(){let r=" z-"+this.zIndex+" ",s=this.width;return" bg-"+this.color+"-100 shadow-xl dark:bg-"+this.color+"-900"+r+" "+s},transformClass(){return this.modelValue?"translate-x-0 z-"+this.zIndex:" -translate-x-full -left-20 z-"+this.zIndex},closeButtonClass(){return"text-"+this.color+"-500"}},watch:{modelValue:{handler(r){this.checked=r},immediate:!0}}},J$=u.createElementVNode("p",{class:"m-2"}," this is the default content of the slot,",-1);function Z$(r,s,n,t,m,h){const v=u.resolveComponent("tw-icon");return u.openBlock(),u.createElementBlock("div",{class:u.normalizeClass([h.transformClass,"absolute transition-transform duration-300 top-0 left-0 right-0 bottom-0"])},[u.createElementVNode("div",{class:"fixed inset-0 backdrop-blur-sm",onClick:s[0]||(s[0]=(...d)=>h.closeDialog&&h.closeDialog(...d))}),u.createElementVNode("div",{class:u.normalizeClass([h.compClass,"absolute min-h-screen h-fit"])},[u.createVNode(v,{onClick:h.closeDialog,set:"regular",class:u.normalizeClass([h.closeButtonClass,"transition-transform hover:scale-110 cursor-pointer absolute top-4 right-4"]),size:"lg",icon:"circle-xmark"},null,8,["onClick","class"]),n.modelValue?u.renderSlot(r.$slots,"default",{key:0},()=>[J$]):u.createCommentVNode("",!0)],2)],2)}const j$=N2(Q$,[["render",Z$]]),cW=u.defineComponent({name:"TwDropdownItem",components:{TwIcon:y1},props:{label:{type:String,default:""},icon:{type:String,default:""},action:{type:String,default:"clicked"},color:{type:String,default:"primary"}},computed:{showIcon(){return this.icon.length>0},itemClass(){return"text-"+this.color+"-500 dark:text-"+this.color+"-200 hover:bg-"+this.color+"-200 dark:hover:bg-"+this.color+"-500"}},methods:{sendAction(){this.$emit("selected",this.action)}}});function aW(r,s,n,t,m,h){const v=u.resolveComponent("tw-icon");return u.openBlock(),u.createElementBlock("div",{onClick:s[0]||(s[0]=(...d)=>r.sendAction&&r.sendAction(...d)),class:u.normalizeClass([r.itemClass,"block py-2 px-6 cursor-pointer"])},[r.showIcon?(u.openBlock(),u.createBlock(v,{key:0,class:"mr-2",icon:r.icon},null,8,["icon"])):u.createCommentVNode("",!0),u.createTextVNode(" "+u.toDisplayString(r.label),1)],2)}const eW=N2(cW,[["render",aW]]);var Ef={exports:{}};(function(r,s){(function(n,t){r.exports=t()})(i4,function(){var n="__v-click-outside",t=typeof window<"u",m=typeof navigator<"u",h=t&&("ontouchstart"in window||m&&navigator.msMaxTouchPoints>0)?["touchstart"]:["click"],v=function(b){var S=b.event,F=b.handler;(0,b.middleware)(S)&&F(S)},d=function(b,S){var F=function(k){var D=typeof k=="function";if(!D&&typeof k!="object")throw new Error("v-click-outside: Binding value must be a function or an object");return{handler:D?k:k.handler,middleware:k.middleware||function(K){return K},events:k.events||h,isActive:k.isActive!==!1,detectIframe:k.detectIframe!==!1,capture:!!k.capture}}(S.value),O=F.handler,e2=F.middleware,m2=F.detectIframe,Z=F.capture;if(F.isActive){if(b[n]=F.events.map(function(k){return{event:k,srcTarget:document.documentElement,handler:function(D){return function(K){var X=K.el,f2=K.event,l2=K.handler,w2=K.middleware,S2=f2.path||f2.composedPath&&f2.composedPath();(S2?S2.indexOf(X)<0:!X.contains(f2.target))&&v({event:f2,handler:l2,middleware:w2})}({el:b,event:D,handler:O,middleware:e2})},capture:Z}}),m2){var T={event:"blur",srcTarget:window,handler:function(k){return function(D){var K=D.el,X=D.event,f2=D.handler,l2=D.middleware;setTimeout(function(){var w2=document.activeElement;w2&&w2.tagName==="IFRAME"&&!K.contains(w2)&&v({event:X,handler:f2,middleware:l2})},0)}({el:b,event:k,handler:O,middleware:e2})},capture:Z};b[n]=[].concat(b[n],[T])}b[n].forEach(function(k){var D=k.event,K=k.srcTarget,X=k.handler;return setTimeout(function(){b[n]&&K.addEventListener(D,X,Z)},0)})}},C=function(b){(b[n]||[]).forEach(function(S){return S.srcTarget.removeEventListener(S.event,S.handler,S.capture)}),delete b[n]},w=t?{beforeMount:d,updated:function(b,S){var F=S.value,O=S.oldValue;JSON.stringify(F)!==JSON.stringify(O)&&(C(b),d(b,{value:F}))},unmounted:C}:{};return{install:function(b){b.directive("click-outside",w)},directive:w}})})(Ef);var rW=Ef.exports;const nW=k$(rW),iW=u.defineComponent({name:"TwDropdown",components:{TwDropdownItem:eW,TwButton:f3,TwIcon:y1},directives:{clickOutside:nW.directive},props:{label:{type:String,default:"Menu"},color:{type:String,default:"primary"},items:{type:Array,default:[]},outline:{type:Boolean,default:!1}},data(){return{showing:!1}},computed:{panelBoarderClass(){return"border-"+this.color+"-300 dark:bg-"+this.color+"-900 dark:border-"+this.color+"-500"}},methods:{showMenu(){this.showing=!0},hideMenu(){this.showing=!1},selected(r){this.$emit("selected",r),this.hideMenu()}}}),sW={class:"flex justify-left"};function fW(r,s,n,t,m,h){const v=u.resolveComponent("tw-icon"),d=u.resolveComponent("tw-button"),C=u.resolveComponent("tw-dropdown-item"),w=u.resolveDirective("click-outside");return u.withDirectives((u.openBlock(),u.createElementBlock("div",null,[u.createElementVNode("div",sW,[u.createVNode(d,{onClick:r.showMenu,color:r.color,outline:"",menu:!r.outline},{default:u.withCtx(()=>[u.createTextVNode(u.toDisplayString(r.label)+" ",1),u.createVNode(v,{class:"ml-2",icon:"caret-down"})]),_:1},8,["onClick","color","menu"])]),u.withDirectives(u.createElementVNode("div",{class:u.normalizeClass([r.panelBoarderClass,"min-w-fit bg-white absolute border rounded mt-2 shadow-lg"])},[(u.openBlock(!0),u.createElementBlock(u.Fragment,null,u.renderList(r.items,(b,S)=>(u.openBlock(),u.createBlock(C,{onSelected:r.selected,label:b.label,icon:b.icon,action:b.action,color:r.color,key:S},null,8,["onSelected","label","icon","action","color"]))),128))],2),[[u.vShow,r.showing]])])),[[w,r.hideMenu]])}const lW=N2(iW,[["render",fW]]),tW={name:"TwNotification",components:{TwIcon:y1},data(){return{timer:!1}},props:{modelValue:{type:Boolean,default:!1},color:{type:String,default:"primary"},icon:{type:String,default:"circle-info"},message:{type:String,default:"Oh dear!"},lifetime:{type:Number,default:6},position:{type:String,default:"center",validator(r){return["center","top-left","top-right","top-center"].includes(r)}}},methods:{handleInput(){this.$emit("update:modelValue",this.modelValue)},closeNotification(){this.$emit("update:modelValue",!1),clearInterval(this.timer)}},computed:{closeButtonClass(){return"text-"+this.color+"-500"},notificationClass(){return"bg-"+this.color+"-200 text-"+this.color+"-700"+this.positionClass},positionClass(){let r="";switch(this.position){case"center":r=" inset-x-96 inset-y-1/2 ";break;case"top-center":r=" inset-x-96 top-5 ";break;case"top-left":r=" w-1/4 top-5 left-5";break;case"top-right":r=" w-1/4 top-5 right-5";break;case"bottom-center":r=" inset-x-96 bottom-5";break;case"bottom-left":r=" w-1/4 bottom-5 left-5";break;case"bottom-right":r=" w-1/4 bottom-5 right-5";break}return r}},watch:{modelValue:{handler(r){r&&this.lifetime>0&&(this.timer=setInterval(()=>{this.closeNotification()},this.lifetime*1e3))},immediate:!0}}},oW={class:"flex items-center p-4 space-x-4"},mW={class:"pl-4 text-sm font-normal"};function uW(r,s,n,t,m,h){const v=u.resolveComponent("tw-icon");return n.modelValue?(u.openBlock(),u.createElementBlock("div",{key:0,class:u.normalizeClass([h.notificationClass,"fixed flex ml-2 h-fit rounded-lg shadow-lg opacity-95 animate-in zoom-in"]),role:"alert"},[u.createElementVNode("div",oW,[u.createVNode(v,{icon:n.icon,"beat-fade":""},null,8,["icon"]),u.createElementVNode("div",mW,u.toDisplayString(n.message),1),u.createVNode(v,{onClick:h.closeNotification,set:"regular",class:u.normalizeClass([h.closeButtonClass,"transition-transform hover:scale-110 cursor-pointer absolute top-2 right-2"]),size:"lg",icon:"circle-xmark"},null,8,["onClick","class"])])],2)):u.createCommentVNode("",!0)}const hW=N2(tW,[["render",uW]]),zW={name:"TwTextarea",props:{color:{type:String,default:"primary"},modelValue:{type:String},disabled:{type:Boolean,default:!1},error:{type:String,default:""},errorColor:{type:String,default:"danger"},description:{type:String,default:""},placeholder:{type:String,default:""},formNameAndId:{type:String,default:(Math.random()+1).toString(36).substring(5)},labelPosition:{type:String,default:"block"}},data(){return{inputVal:""}},methods:{handleChange(){this.$emit("update:modelValue",this.inputVal),this.$emit("changed",this.inputVal)}},watch:{modelValue:{handler(r){this.inputVal=r},immediate:!0}},computed:{inputClass(){let r=this.error?this.errorColor:this.color,s=this.disabled?" opacity-50":"";return"border-"+r+"-500 text-"+r+"-500"+s+" placeholder:italic placeholder-"+this.color+"-300 dark:bg-"+this.color+"-900 dark:text-"+this.color+"-100"},hasError(){return this.error.length>0},descriptionClass(){return"text-"+(this.error?this.errorColor+"-300":this.color+"-500")},labelClass(){return"text-"+this.color+"-500 dark:text-"+this.color+"-100"}}},vW=["for"],HW=["name","id","placeholder"];function VW(r,s,n,t,m,h){return u.openBlock(),u.createElementBlock(u.Fragment,null,[u.createElementVNode("label",{for:n.formNameAndId,class:u.normalizeClass([h.labelClass,"my-1"])},[u.renderSlot(r.$slots,"default")],10,vW),u.withDirectives(u.createElementVNode("textarea",{onInput:s[0]||(s[0]=(...v)=>h.handleChange&&h.handleChange(...v)),name:n.formNameAndId,id:n.formNameAndId,"onUpdate:modelValue":s[1]||(s[1]=v=>m.inputVal=v),placeholder:n.placeholder,class:u.normalizeClass([h.inputClass,"w-full border focus:shadow-inner py-1 px-2 rounded outline-none disabled:cursor-not-allowed"])},u.toDisplayString(n.modelValue),43,HW),[[u.vModelText,m.inputVal]])],64)}const pW=N2(zW,[["render",VW]]);V2.TwBadge=Y$,V2.TwButton=f3,V2.TwDropdown=lW,V2.TwIcon=y1,V2.TwInput=q$,V2.TwModal=w$,V2.TwNotification=hW,V2.TwOption=Df,V2.TwPaginator=Bo,V2.TwRollout=j$,V2.TwSelect=D$,V2.TwSwitch=Io,V2.TwTable=xo,V2.TwTextarea=pW,Object.defineProperty(V2,Symbol.toStringTag,{value:"Module"})});
788
+ }`;var q=vo(function(){return j(o,P+"return "+N).apply(n,z)});if(q.source=N,b5(q))throw q;return q}function MJ(c){return c2(c).toLowerCase()}function CJ(c){return c2(c).toUpperCase()}function LJ(c,a,e){if(c=c2(c),c&&(e||a===n))return xl(c);if(!c||!(a=I2(a)))return c;var i=e1(c),f=e1(a),o=bl(i,f),z=Nl(i,f)+1;return D1(i,o,z).join("")}function gJ(c,a,e){if(c=c2(c),c&&(e||a===n))return c.slice(0,Sl(c)+1);if(!c||!(a=I2(a)))return c;var i=e1(c),f=Nl(i,e1(a))+1;return D1(i,0,f).join("")}function xJ(c,a,e){if(c=c2(c),c&&(e||a===n))return c.replace(b8,"");if(!c||!(a=I2(a)))return c;var i=e1(c),f=bl(i,e1(a));return D1(i,f).join("")}function bJ(c,a){var e=z8,i=dW;if(u2(a)){var f="separator"in a?a.separator:f;e="length"in a?W(a.length):e,i="omission"in a?I2(a.omission):i}c=c2(c);var o=c.length;if(o4(c)){var z=e1(c);o=z.length}if(e>=o)return c;var H=e-m4(i);if(H<1)return i;var p=z?D1(z,0,H).join(""):c.slice(0,H);if(f===n)return p+i;if(z&&(H+=p.length-H),N5(f)){if(c.slice(H).search(f)){var g,x=p;for(f.global||(f=O8(f.source,c2(Gf.exec(f))+"g")),f.lastIndex=0;g=f.exec(x);)var N=g.index;p=p.slice(0,N===n?H:N)}}else if(c.indexOf(I2(f),H)!=H){var y=p.lastIndexOf(f);y>-1&&(p=p.slice(0,y))}return p+i}function NJ(c){return c=c2(c),c&&RW.test(c)?c.replace($f,aG):c}var wJ=p4(function(c,a,e){return c+(e?" ":"")+a.toUpperCase()}),y5=Ht("toUpperCase");function zo(c,a,e){return c=c2(c),a=e?n:a,a===n?Qq(c)?nG(c):Uq(c):c.match(a)||[]}var vo=G(function(c,a){try{return D2(c,n,a)}catch(e){return b5(e)?e:new U(e)}}),SJ=M1(function(c,a){return q2(a,function(e){e=o1(e),p1(c,e,g5(c[e],c))}),c});function yJ(c){var a=c==null?0:c.length,e=R();return c=a?o2(c,function(i){if(typeof i[1]!="function")throw new G2(v);return[e(i[0]),i[1]]}):[],G(function(i){for(var f=-1;++f<a;){var o=c[f];if(D2(o[0],this,i))return D2(o[1],this,i)}})}function kJ(c){return aK(X2(c,S))}function k5(c){return function(){return c}}function AJ(c,a){return c==null||c!==c?a:c}var _J=pt(),TJ=pt(!0);function F2(c){return c}function A5(c){return Xl(typeof c=="function"?c:X2(c,S))}function BJ(c){return Ql(X2(c,S))}function PJ(c,a){return Jl(c,X2(a,S))}var FJ=G(function(c,a){return function(e){return c3(e,c,a)}}),RJ=G(function(c,a){return function(e){return c3(c,e,a)}});function _5(c,a,e){var i=C2(a),f=d6(a,i);e==null&&!(u2(a)&&(f.length||!i.length))&&(e=a,a=c,c=this,f=d6(a,C2(a)));var o=!(u2(e)&&"chain"in e)||!!e.chain,z=L1(c);return q2(f,function(H){var p=a[H];c[H]=p,z&&(c.prototype[H]=function(){var g=this.__chain__;if(o||g){var x=c(this.__wrapped__),N=x.__actions__=T2(this.__actions__);return N.push({func:p,args:arguments,thisArg:c}),x.__chain__=g,x}return p.apply(c,_1([this.value()],arguments))})}),c}function DJ(){return L2._===this&&(L2._=oG),this}function T5(){}function EJ(c){return c=W(c),G(function(a){return Zl(a,c)})}var IJ=o5(o2),UJ=o5(dl),OJ=o5(P8);function Ho(c){return V5(c)?F8(o1(c)):pK(c)}function $J(c){return function(a){return c==null?n:Q1(c,a)}}var WJ=Mt(),qJ=Mt(!0);function B5(){return[]}function P5(){return!1}function GJ(){return{}}function KJ(){return""}function XJ(){return!0}function YJ(c,a){if(c=W(c),c<1||c>k1)return[];var e=f1,i=x2(c,f1);a=R(a),c-=f1;for(var f=E8(i,a);++e<c;)a(e);return f}function QJ(c){return $(c)?o2(c,o1):U2(c)?[c]:T2(Ft(c2(c)))}function JJ(c){var a=++lG;return c2(c)+a}var ZJ=b6(function(c,a){return c+a},0),jJ=m5("ceil"),cZ=b6(function(c,a){return c/a},1),aZ=m5("floor");function eZ(c){return c&&c.length?p6(c,F2,Q8):n}function rZ(c,a){return c&&c.length?p6(c,R(a,2),Q8):n}function nZ(c){return Ll(c,F2)}function iZ(c,a){return Ll(c,R(a,2))}function sZ(c){return c&&c.length?p6(c,F2,c5):n}function fZ(c,a){return c&&c.length?p6(c,R(a,2),c5):n}var lZ=b6(function(c,a){return c*a},1),tZ=m5("round"),oZ=b6(function(c,a){return c-a},0);function mZ(c){return c&&c.length?D8(c,F2):0}function uZ(c,a){return c&&c.length?D8(c,R(a,2)):0}return l.after=BY,l.ary=Kt,l.assign=CQ,l.assignIn=fo,l.assignInWith=D6,l.assignWith=LQ,l.at=gQ,l.before=Xt,l.bind=g5,l.bindAll=SJ,l.bindKey=Yt,l.castArray=GY,l.chain=Wt,l.chunk=aX,l.compact=eX,l.concat=rX,l.cond=yJ,l.conforms=kJ,l.constant=k5,l.countBy=mY,l.create=xQ,l.curry=Qt,l.curryRight=Jt,l.debounce=Zt,l.defaults=bQ,l.defaultsDeep=NQ,l.defer=PY,l.delay=FY,l.difference=nX,l.differenceBy=iX,l.differenceWith=sX,l.drop=fX,l.dropRight=lX,l.dropRightWhile=tX,l.dropWhile=oX,l.fill=mX,l.filter=hY,l.flatMap=HY,l.flatMapDeep=VY,l.flatMapDepth=pY,l.flatten=It,l.flattenDeep=uX,l.flattenDepth=hX,l.flip=RY,l.flow=_J,l.flowRight=TJ,l.fromPairs=zX,l.functions=TQ,l.functionsIn=BQ,l.groupBy=dY,l.initial=HX,l.intersection=VX,l.intersectionBy=pX,l.intersectionWith=dX,l.invert=FQ,l.invertBy=RQ,l.invokeMap=CY,l.iteratee=A5,l.keyBy=LY,l.keys=C2,l.keysIn=P2,l.map=_6,l.mapKeys=EQ,l.mapValues=IQ,l.matches=BJ,l.matchesProperty=PJ,l.memoize=B6,l.merge=UQ,l.mergeWith=lo,l.method=FJ,l.methodOf=RJ,l.mixin=_5,l.negate=P6,l.nthArg=EJ,l.omit=OQ,l.omitBy=$Q,l.once=DY,l.orderBy=gY,l.over=IJ,l.overArgs=EY,l.overEvery=UJ,l.overSome=OJ,l.partial=x5,l.partialRight=jt,l.partition=xY,l.pick=WQ,l.pickBy=to,l.property=Ho,l.propertyOf=$J,l.pull=gX,l.pullAll=Ot,l.pullAllBy=xX,l.pullAllWith=bX,l.pullAt=NX,l.range=WJ,l.rangeRight=qJ,l.rearg=IY,l.reject=wY,l.remove=wX,l.rest=UY,l.reverse=C5,l.sampleSize=yY,l.set=GQ,l.setWith=KQ,l.shuffle=kY,l.slice=SX,l.sortBy=TY,l.sortedUniq=PX,l.sortedUniqBy=FX,l.split=HJ,l.spread=OY,l.tail=RX,l.take=DX,l.takeRight=EX,l.takeRightWhile=IX,l.takeWhile=UX,l.tap=eY,l.throttle=$Y,l.thru=A6,l.toArray=no,l.toPairs=oo,l.toPairsIn=mo,l.toPath=QJ,l.toPlainObject=so,l.transform=XQ,l.unary=WY,l.union=OX,l.unionBy=$X,l.unionWith=WX,l.uniq=qX,l.uniqBy=GX,l.uniqWith=KX,l.unset=YQ,l.unzip=L5,l.unzipWith=$t,l.update=QQ,l.updateWith=JQ,l.values=C4,l.valuesIn=ZQ,l.without=XX,l.words=zo,l.wrap=qY,l.xor=YX,l.xorBy=QX,l.xorWith=JX,l.zip=ZX,l.zipObject=jX,l.zipObjectDeep=cY,l.zipWith=aY,l.entries=oo,l.entriesIn=mo,l.extend=fo,l.extendWith=D6,_5(l,l),l.add=ZJ,l.attempt=vo,l.camelCase=eJ,l.capitalize=uo,l.ceil=jJ,l.clamp=jQ,l.clone=KY,l.cloneDeep=YY,l.cloneDeepWith=QY,l.cloneWith=XY,l.conformsTo=JY,l.deburr=ho,l.defaultTo=AJ,l.divide=cZ,l.endsWith=rJ,l.eq=n1,l.escape=nJ,l.escapeRegExp=iJ,l.every=uY,l.find=zY,l.findIndex=Dt,l.findKey=wQ,l.findLast=vY,l.findLastIndex=Et,l.findLastKey=SQ,l.floor=aZ,l.forEach=qt,l.forEachRight=Gt,l.forIn=yQ,l.forInRight=kQ,l.forOwn=AQ,l.forOwnRight=_Q,l.get=w5,l.gt=ZY,l.gte=jY,l.has=PQ,l.hasIn=S5,l.head=Ut,l.identity=F2,l.includes=MY,l.indexOf=vX,l.inRange=cJ,l.invoke=DQ,l.isArguments=j1,l.isArray=$,l.isArrayBuffer=cQ,l.isArrayLike=B2,l.isArrayLikeObject=v2,l.isBoolean=aQ,l.isBuffer=E1,l.isDate=eQ,l.isElement=rQ,l.isEmpty=nQ,l.isEqual=iQ,l.isEqualWith=sQ,l.isError=b5,l.isFinite=fQ,l.isFunction=L1,l.isInteger=co,l.isLength=F6,l.isMap=ao,l.isMatch=lQ,l.isMatchWith=tQ,l.isNaN=oQ,l.isNative=mQ,l.isNil=hQ,l.isNull=uQ,l.isNumber=eo,l.isObject=u2,l.isObjectLike=z2,l.isPlainObject=s3,l.isRegExp=N5,l.isSafeInteger=zQ,l.isSet=ro,l.isString=R6,l.isSymbol=U2,l.isTypedArray=M4,l.isUndefined=vQ,l.isWeakMap=HQ,l.isWeakSet=VQ,l.join=MX,l.kebabCase=sJ,l.last=Q2,l.lastIndexOf=CX,l.lowerCase=fJ,l.lowerFirst=lJ,l.lt=pQ,l.lte=dQ,l.max=eZ,l.maxBy=rZ,l.mean=nZ,l.meanBy=iZ,l.min=sZ,l.minBy=fZ,l.stubArray=B5,l.stubFalse=P5,l.stubObject=GJ,l.stubString=KJ,l.stubTrue=XJ,l.multiply=lZ,l.nth=LX,l.noConflict=DJ,l.noop=T5,l.now=T6,l.pad=tJ,l.padEnd=oJ,l.padStart=mJ,l.parseInt=uJ,l.random=aJ,l.reduce=bY,l.reduceRight=NY,l.repeat=hJ,l.replace=zJ,l.result=qQ,l.round=tZ,l.runInContext=V,l.sample=SY,l.size=AY,l.snakeCase=vJ,l.some=_Y,l.sortedIndex=yX,l.sortedIndexBy=kX,l.sortedIndexOf=AX,l.sortedLastIndex=_X,l.sortedLastIndexBy=TX,l.sortedLastIndexOf=BX,l.startCase=VJ,l.startsWith=pJ,l.subtract=oZ,l.sum=mZ,l.sumBy=uZ,l.template=dJ,l.times=YJ,l.toFinite=g1,l.toInteger=W,l.toLength=io,l.toLower=MJ,l.toNumber=J2,l.toSafeInteger=MQ,l.toString=c2,l.toUpper=CJ,l.trim=LJ,l.trimEnd=gJ,l.trimStart=xJ,l.truncate=bJ,l.unescape=NJ,l.uniqueId=JJ,l.upperCase=wJ,l.upperFirst=y5,l.each=qt,l.eachRight=Gt,l.first=Ut,_5(l,function(){var c={};return l1(l,function(a,e){a2.call(l.prototype,e)||(c[e]=a)}),c}(),{chain:!1}),l.VERSION=t,q2(["bind","bindKey","curry","curryRight","partial","partialRight"],function(c){l[c].placeholder=l}),q2(["drop","take"],function(c,a){Q.prototype[c]=function(e){e=e===n?1:M2(W(e),0);var i=this.__filtered__&&!a?new Q(this):this.clone();return i.__filtered__?i.__takeCount__=x2(e,i.__takeCount__):i.__views__.push({size:x2(e,f1),type:c+(i.__dir__<0?"Right":"")}),i},Q.prototype[c+"Right"]=function(e){return this.reverse()[c](e).reverse()}}),q2(["filter","map","takeWhile"],function(c,a){var e=a+1,i=e==If||e==gW;Q.prototype[c]=function(f){var o=this.clone();return o.__iteratees__.push({iteratee:R(f,3),type:e}),o.__filtered__=o.__filtered__||i,o}}),q2(["head","last"],function(c,a){var e="take"+(a?"Right":"");Q.prototype[c]=function(){return this[e](1).value()[0]}}),q2(["initial","tail"],function(c,a){var e="drop"+(a?"":"Right");Q.prototype[c]=function(){return this.__filtered__?new Q(this):this[e](1)}}),Q.prototype.compact=function(){return this.filter(F2)},Q.prototype.find=function(c){return this.filter(c).head()},Q.prototype.findLast=function(c){return this.reverse().find(c)},Q.prototype.invokeMap=G(function(c,a){return typeof c=="function"?new Q(this):this.map(function(e){return c3(e,c,a)})}),Q.prototype.reject=function(c){return this.filter(P6(R(c)))},Q.prototype.slice=function(c,a){c=W(c);var e=this;return e.__filtered__&&(c>0||a<0)?new Q(e):(c<0?e=e.takeRight(-c):c&&(e=e.drop(c)),a!==n&&(a=W(a),e=a<0?e.dropRight(-a):e.take(a-c)),e)},Q.prototype.takeRightWhile=function(c){return this.reverse().takeWhile(c).reverse()},Q.prototype.toArray=function(){return this.take(f1)},l1(Q.prototype,function(c,a){var e=/^(?:filter|find|map|reject)|While$/.test(a),i=/^(?:head|last)$/.test(a),f=l[i?"take"+(a=="last"?"Right":""):a],o=i||/^find/.test(a);f&&(l.prototype[a]=function(){var z=this.__wrapped__,H=i?[1]:arguments,p=z instanceof Q,g=H[0],x=p||$(z),N=function(Y){var J=f.apply(l,_1([Y],H));return i&&y?J[0]:J};x&&e&&typeof g=="function"&&g.length!=1&&(p=x=!1);var y=this.__chain__,P=!!this.__actions__.length,E=o&&!y,q=p&&!P;if(!o&&x){z=q?z:new Q(this);var I=c.apply(z,H);return I.__actions__.push({func:A6,args:[N],thisArg:n}),new K2(I,y)}return E&&q?c.apply(this,H):(I=this.thru(N),E?i?I.value()[0]:I.value():I)})}),q2(["pop","push","shift","sort","splice","unshift"],function(c){var a=r6[c],e=/^(?:push|sort|unshift)$/.test(c)?"tap":"thru",i=/^(?:pop|shift)$/.test(c);l.prototype[c]=function(){var f=arguments;if(i&&!this.__chain__){var o=this.value();return a.apply($(o)?o:[],f)}return this[e](function(z){return a.apply($(z)?z:[],f)})}}),l1(Q.prototype,function(c,a){var e=l[a];if(e){var i=e.name+"";a2.call(v4,i)||(v4[i]=[]),v4[i].push({name:a,func:e})}}),v4[x6(n,T).name]=[{name:"wrapper",func:n}],Q.prototype.clone=NG,Q.prototype.reverse=wG,Q.prototype.value=SG,l.prototype.at=rY,l.prototype.chain=nY,l.prototype.commit=iY,l.prototype.next=sY,l.prototype.plant=lY,l.prototype.reverse=tY,l.prototype.toJSON=l.prototype.valueOf=l.prototype.value=oY,l.prototype.first=l.prototype.head,K4&&(l.prototype[K4]=fY),l},u4=iG();q1?((q1.exports=u4)._=u4,A8._=u4):L2._=u4}).call(i4)}(q3,q3.exports);var A$=q3.exports;const _$={components:{TwIcon:y1,TwOption:Df},props:{items:{type:Array,default:[]},modelValue:{type:String,default:""},disabled:{type:Boolean,default:!1},color:{type:String,default:"primary"},label:{type:String,default:"Select"},formNameAndId:{type:String,default:(Math.random()+1).toString(36).substring(5)}},data(){return{open:!1,selectedItemIndex:-1,dLabel:this.label}},methods:{toggleSelect(){this.open=!this.open},handleKey(r){switch(r.code){case"Enter":this.selectedItemIndex>=0?this.selectItem(this.selectedItemIndex):this.toggleSelect();break;case"ArrowDown":this.selectedItemIndex<this.items.length-1?this.highlightItem(this.selectedItemIndex+1):this.selectedItemIndex=0;break;case"ArrowUp":this.selectedItemIndex>0?this.highlightItem(this.selectedItemIndex-1):this.open=!1;break;case"Escape":this.open=!1;break}},selectItem(r){this.selectedItemIndex=r,this.dLabel=this.items[r].label,this.toggleSelect(),this.selectedItemIndex>=0&&(this.$emit("update:modelValue",this.items[r].value),this.$emit("changed",this.items[r].value))},highlightItem(r){this.selectedItemIndex=r}},watch:{label(r){this.dLabel=r},modelValue:{handler(r){this.selectedItemIndex=A$._.findIndex(this.items,["value",r]),this.selectedItemIndex>=0?this.dLabel=this.items[this.selectedItemIndex].label:this.dLabel=r},immediate:!0}},computed:{chevronClass(){return this.open?"rotate-180 text-"+this.color+"-500 dark:text-"+this.color+"-100":"text-"+this.color+"-500 dark:text-"+this.color+"-100"},calculatedValue(){return this.items.length>0&&this.selectedItemIndex>-1?this.items[this.selectedItemIndex].value:""},buttonClass(){let r=this.disabled?" opacity-50 ":"";return"border-"+this.color+"-500 hover:bg-"+this.color+"-100 text-"+this.color+"-700 dark:bg-"+this.color+"-500 dark:text-"+this.color+"-100"+r},panelClass(){return"bg-white dark:bg-"+this.color+"-500 border border-"+this.color+"-500"}}},T$=["name","id","value"],B$=["value"],P$=["disabled"],F$={class:"text-left flex-1"};function R$(r,s,n,t,m,h){const v=u.resolveComponent("tw-icon"),d=u.resolveComponent("tw-option");return u.openBlock(),u.createElementBlock("div",{class:"relative",onKeydown:s[1]||(s[1]=u.withModifiers((...C)=>h.handleKey&&h.handleKey(...C),["prevent"]))},[u.createElementVNode("select",{class:"hidden",name:n.formNameAndId,id:n.formNameAndId,value:h.calculatedValue},[(u.openBlock(!0),u.createElementBlock(u.Fragment,null,u.renderList(n.items,(C,w)=>(u.openBlock(),u.createElementBlock("option",{key:w,value:C.value},u.toDisplayString(C.label),9,B$))),128))],8,T$),u.createElementVNode("button",{disabled:n.disabled,onClick:s[0]||(s[0]=(...C)=>h.toggleSelect&&h.toggleSelect(...C)),type:"button",class:u.normalizeClass([h.buttonClass,"w-full flex gap-2 rounded-lg border bg-white px-4 py-2 text-center text-sm font-medium shadow-sm transition-all disabled:cursor-not-allowed"])},[u.createElementVNode("span",F$,u.toDisplayString(m.dLabel),1),u.createVNode(v,{class:u.normalizeClass([h.chevronClass,"transition-transform"]),icon:"chevron-down"},null,8,["class"])],10,P$),m.open?(u.openBlock(),u.createElementBlock("div",{key:0,class:u.normalizeClass(["bg-white mt-1 animate-in slide-in-from-top-16 fade-in-20 absolute left-0 right-0 z-10 rounded-lg text-left text-sm shadow-lg",h.panelClass])},[u.createElementVNode("div",null,[(u.openBlock(!0),u.createElementBlock(u.Fragment,null,u.renderList(n.items,(C,w)=>(u.openBlock(),u.createBlock(d,{color:n.color,onSelected:h.selectItem,key:w,label:C.label,selected:w===m.selectedItemIndex,index:w},null,8,["color","onSelected","label","selected","index"]))),128))])],2)):u.createCommentVNode("",!0)],32)}const D$=N2(_$,[["render",R$]]),E$={emits:{changed:null},components:{TwIcon:y1},props:{color:{type:String,default:"primary"},modelValue:{},disabled:{type:Boolean,default:!1},error:{type:String,default:""},errorColor:{type:String,default:"danger"},icon:{type:String,default:""},description:{type:String,default:""},placeholder:{type:String,default:""},formNameAndId:{type:String,default:(Math.random()+1).toString(36).substring(5)},type:{type:String,validator:r=>["text","number","password","email","tel","search","color","date","file"].includes(r),default:"text"},labelPosition:{type:String,default:"block"},accept:{type:String,default:""}},data(){return{inputVal:""}},methods:{handleChange(r){if(this.type==="file"){const s=r.target;if(s&&s.files){let n=s.files[0];this.$emit("changed",n)}}else this.$emit("update:modelValue",this.inputVal),this.$emit("changed",this.inputVal)}},watch:{modelValue:{handler(r){this.inputVal=r},immediate:!0}},computed:{inputClass(){let r=this.error?this.errorColor:this.color,s=this.hasIcon?" pl-8 ":"",n=this.disabled?" opacity-50":"",t=this.type==="file"?" file:bg-"+this.color+"-300 file:text-sm file:border-0 file:rounded file:text-"+this.color+"-700":"";return"border-"+r+"-500 text-"+r+"-500"+s+n+" placeholder:italic placeholder-"+this.color+"-300 dark:bg-"+this.color+"-900 dark:text-"+this.color+"-100"+t},hasError(){return this.error.length>0},hasIcon(){return this.icon.length>0},iconClass(){let r=this.error?this.errorColor:this.color,s=this.disabled?" opacity-50":"";return"border-"+r+"-500 text-"+r+"-300"+s},descriptionClass(){return"text-"+(this.error?this.errorColor+"-300":this.color+"-500")},labelClass(){return"text-"+this.color+"-500 dark:text-"+this.color+"-100"}}},I$=["for"],U$={class:"relative"},O$=["name","id","placeholder","type","disabled","accept"],$$={key:1,class:"m-1 text-sm text-danger-500"};function W$(r,s,n,t,m,h){const v=u.resolveComponent("tw-icon");return u.openBlock(),u.createElementBlock(u.Fragment,null,[u.createElementVNode("label",{for:n.formNameAndId,class:u.normalizeClass([h.labelClass,"my-1"])},[u.renderSlot(r.$slots,"default")],10,I$),u.createElementVNode("div",U$,[h.hasIcon?u.withDirectives((u.openBlock(),u.createElementBlock("div",{key:0,class:u.normalizeClass([h.iconClass,"absolute py-1 px-2 left-0 pointer-events-none rounded-l border-t border-l border-b"])},[u.createVNode(v,{icon:n.icon},null,8,["icon"])],2)),[[u.vShow,h.hasIcon]]):u.createCommentVNode("",!0),u.withDirectives(u.createElementVNode("input",{onInput:s[0]||(s[0]=(...d)=>h.handleChange&&h.handleChange(...d)),name:n.formNameAndId,id:n.formNameAndId,"onUpdate:modelValue":s[1]||(s[1]=d=>m.inputVal=d),placeholder:n.placeholder,class:u.normalizeClass([h.inputClass,"w-full border focus:shadow-inner py-1 px-2 rounded outline-none disabled:cursor-not-allowed"]),type:n.type,disabled:n.disabled,accept:n.accept},null,42,O$),[[u.vModelDynamic,m.inputVal]]),h.hasError?(u.openBlock(),u.createElementBlock("div",$$,u.toDisplayString(n.error),1)):(u.openBlock(),u.createElementBlock("div",{key:2,class:u.normalizeClass([h.descriptionClass,"m-1 text-sm"])},u.toDisplayString(n.description),3))])],64)}const q$=N2(E$,[["render",W$]]);class G${contrastingColor(s,n=135){s=s.replace(/^\s*#|\s*$/g,"");let t=parseInt(s.substring(0,2),16),m=parseInt(s.substring(2,4),16),h=parseInt(s.substring(4,6),16);return t+m+h>383&&(n=n*-1),t=this._sanitiseRGB(t+n),m=this._sanitiseRGB(m+n),h=this._sanitiseRGB(h+n),"#"+t.toString(16)+m.toString(16)+h.toString(16)}_sanitiseRGB(s){return s<=0?0:s>255?255:s}}const K$={name:"TwBadge",data(){return{CU:new G$}},props:{color:{type:String,default:"primary"},corners:{type:Boolean,default:!1},size:{type:String,default:"md",validator(r){return["sm","md","lg"].includes(r)}},swatch:{type:String,default:""}},computed:{sizeClass(){switch(this.size){case"sm":return" text-xs py-1 px-4 ";case"md":return" text-sm py-2 px-6 ";case"lg":return" text-lg py-4 px-8 ";default:return" text-sm py-2 px-6 "}},bgColor(){return"bg-"+this.color+"-200 text-"+this.color+"-600 "+this.sizeClass},swatchColorStyle(){const r=/[0-9A-Fa-f]{6}/g;if(this.swatch.match(r))return"background:"+this.swatch+"; color:"+this.CU.contrastingColor(this.swatch)+";"}}};function X$(r,s,n,t,m,h){return u.openBlock(),u.createElementBlock("span",{class:u.normalizeClass([h.bgColor,"rounded-full"]),style:u.normalizeStyle(h.swatchColorStyle)},[u.renderSlot(r.$slots,"default",{},()=>[u.createTextVNode("Badge")])],6)}const Y$=N2(K$,[["render",X$]]),Q$={name:"TwRollout",components:{TwButton:f3,TwIcon:y1},props:{modelValue:{type:Boolean,default:!1},width:{type:String,default:"w-3/4"},zIndex:{type:String,default:"50"},color:{type:String,default:"primary"}},methods:{handleInput(){this.$emit("update:modelValue",this.modelValue)},closeDialog(){this.$emit("update:modelValue",!1)}},computed:{compClass(){let r=" z-"+this.zIndex+" ",s=this.width;return" bg-"+this.color+"-100 shadow-xl dark:bg-"+this.color+"-900"+r+" "+s},transformClass(){return this.modelValue?"translate-x-0 z-"+this.zIndex:" -translate-x-full -left-20 z-"+this.zIndex},closeButtonClass(){return"text-"+this.color+"-500"}},watch:{modelValue:{handler(r){this.checked=r},immediate:!0}}},J$=u.createElementVNode("p",{class:"m-2"}," this is the default content of the slot,",-1);function Z$(r,s,n,t,m,h){const v=u.resolveComponent("tw-icon");return u.openBlock(),u.createElementBlock("div",{class:u.normalizeClass([h.transformClass,"absolute transition-transform duration-300 top-0 left-0 right-0 bottom-0"])},[u.createElementVNode("div",{class:"fixed inset-0 backdrop-blur-sm",onClick:s[0]||(s[0]=(...d)=>h.closeDialog&&h.closeDialog(...d))}),u.createElementVNode("div",{class:u.normalizeClass([h.compClass,"absolute min-h-screen h-fit"])},[u.createVNode(v,{onClick:h.closeDialog,set:"regular",class:u.normalizeClass([h.closeButtonClass,"transition-transform hover:scale-110 cursor-pointer absolute top-4 right-4"]),size:"lg",icon:"circle-xmark"},null,8,["onClick","class"]),n.modelValue?u.renderSlot(r.$slots,"default",{key:0},()=>[J$]):u.createCommentVNode("",!0)],2)],2)}const j$=N2(Q$,[["render",Z$]]),cW=u.defineComponent({name:"TwDropdownItem",components:{TwIcon:y1},props:{label:{type:String,default:""},icon:{type:String,default:""},action:{type:String,default:"clicked"},color:{type:String,default:"primary"}},computed:{showIcon(){return this.icon.length>0},itemClass(){return"text-"+this.color+"-500 dark:text-"+this.color+"-200 hover:bg-"+this.color+"-200 dark:hover:bg-"+this.color+"-500"}},methods:{sendAction(){this.$emit("selected",this.action)}}});function aW(r,s,n,t,m,h){const v=u.resolveComponent("tw-icon");return u.openBlock(),u.createElementBlock("div",{onClick:s[0]||(s[0]=(...d)=>r.sendAction&&r.sendAction(...d)),class:u.normalizeClass([r.itemClass,"block py-2 px-6 cursor-pointer"])},[r.showIcon?(u.openBlock(),u.createBlock(v,{key:0,class:"mr-2",icon:r.icon},null,8,["icon"])):u.createCommentVNode("",!0),u.createTextVNode(" "+u.toDisplayString(r.label),1)],2)}const eW=N2(cW,[["render",aW]]);var Ef={exports:{}};(function(r,s){(function(n,t){r.exports=t()})(i4,function(){var n="__v-click-outside",t=typeof window<"u",m=typeof navigator<"u",h=t&&("ontouchstart"in window||m&&navigator.msMaxTouchPoints>0)?["touchstart"]:["click"],v=function(b){var S=b.event,F=b.handler;(0,b.middleware)(S)&&F(S)},d=function(b,S){var F=function(k){var D=typeof k=="function";if(!D&&typeof k!="object")throw new Error("v-click-outside: Binding value must be a function or an object");return{handler:D?k:k.handler,middleware:k.middleware||function(K){return K},events:k.events||h,isActive:k.isActive!==!1,detectIframe:k.detectIframe!==!1,capture:!!k.capture}}(S.value),O=F.handler,e2=F.middleware,m2=F.detectIframe,Z=F.capture;if(F.isActive){if(b[n]=F.events.map(function(k){return{event:k,srcTarget:document.documentElement,handler:function(D){return function(K){var X=K.el,f2=K.event,l2=K.handler,w2=K.middleware,S2=f2.path||f2.composedPath&&f2.composedPath();(S2?S2.indexOf(X)<0:!X.contains(f2.target))&&v({event:f2,handler:l2,middleware:w2})}({el:b,event:D,handler:O,middleware:e2})},capture:Z}}),m2){var T={event:"blur",srcTarget:window,handler:function(k){return function(D){var K=D.el,X=D.event,f2=D.handler,l2=D.middleware;setTimeout(function(){var w2=document.activeElement;w2&&w2.tagName==="IFRAME"&&!K.contains(w2)&&v({event:X,handler:f2,middleware:l2})},0)}({el:b,event:k,handler:O,middleware:e2})},capture:Z};b[n]=[].concat(b[n],[T])}b[n].forEach(function(k){var D=k.event,K=k.srcTarget,X=k.handler;return setTimeout(function(){b[n]&&K.addEventListener(D,X,Z)},0)})}},C=function(b){(b[n]||[]).forEach(function(S){return S.srcTarget.removeEventListener(S.event,S.handler,S.capture)}),delete b[n]},w=t?{beforeMount:d,updated:function(b,S){var F=S.value,O=S.oldValue;JSON.stringify(F)!==JSON.stringify(O)&&(C(b),d(b,{value:F}))},unmounted:C}:{};return{install:function(b){b.directive("click-outside",w)},directive:w}})})(Ef);var rW=Ef.exports;const nW=k$(rW),iW=u.defineComponent({name:"TwDropdown",components:{TwDropdownItem:eW,TwButton:f3,TwIcon:y1},directives:{clickOutside:nW.directive},props:{label:{type:String,default:"Menu"},color:{type:String,default:"primary"},items:{type:Array,default:[]},outline:{type:Boolean,default:!1}},data(){return{showing:!1}},computed:{panelBoarderClass(){return"border-"+this.color+"-300 dark:bg-"+this.color+"-900 dark:border-"+this.color+"-500"}},methods:{showMenu(){this.showing=!0},hideMenu(){this.showing=!1},selected(r){this.$emit("selected",r),this.hideMenu()}}}),sW={class:"flex justify-left"};function fW(r,s,n,t,m,h){const v=u.resolveComponent("tw-icon"),d=u.resolveComponent("tw-button"),C=u.resolveComponent("tw-dropdown-item"),w=u.resolveDirective("click-outside");return u.withDirectives((u.openBlock(),u.createElementBlock("div",null,[u.createElementVNode("div",sW,[u.createVNode(d,{onClick:r.showMenu,color:r.color,outline:"",menu:!r.outline},{default:u.withCtx(()=>[u.createTextVNode(u.toDisplayString(r.label)+" ",1),u.createVNode(v,{class:"ml-2",icon:"caret-down"})]),_:1},8,["onClick","color","menu"])]),u.withDirectives(u.createElementVNode("div",{class:u.normalizeClass([r.panelBoarderClass,"min-w-fit bg-white absolute border rounded mt-2 shadow-lg"])},[(u.openBlock(!0),u.createElementBlock(u.Fragment,null,u.renderList(r.items,(b,S)=>(u.openBlock(),u.createBlock(C,{onSelected:r.selected,label:b.label,icon:b.icon,action:b.action,color:r.color,key:S},null,8,["onSelected","label","icon","action","color"]))),128))],2),[[u.vShow,r.showing]])])),[[w,r.hideMenu]])}const lW=N2(iW,[["render",fW]]),tW={name:"TwNotification",components:{TwIcon:y1},data(){return{timer:!1}},props:{modelValue:{type:Boolean,default:!1},color:{type:String,default:"primary"},icon:{type:String,default:"circle-info"},message:{type:String,default:"Oh dear!"},lifetime:{type:Number,default:6},position:{type:String,default:"center",validator(r){return["center","top-left","top-right","top-center"].includes(r)}}},methods:{handleInput(){this.$emit("update:modelValue",this.modelValue)},closeNotification(){this.$emit("update:modelValue",!1),clearInterval(this.timer)}},computed:{closeButtonClass(){return"text-"+this.color+"-500 dark:text-"+this.color+"-200"},notificationClass(){return"bg-"+this.color+"-200 dark:bg-"+this.color+"-600 dark:text-"+this.color+"-200 text-"+this.color+"-700"+this.positionClass},positionClass(){let r="";switch(this.position){case"center":r=" inset-x-96 inset-y-1/2 ";break;case"top-center":r=" inset-x-96 top-5 ";break;case"top-left":r=" w-1/4 top-5 left-5";break;case"top-right":r=" w-1/4 top-5 right-5";break;case"bottom-center":r=" inset-x-96 bottom-5";break;case"bottom-left":r=" w-1/4 bottom-5 left-5";break;case"bottom-right":r=" w-1/4 bottom-5 right-5";break}return r}},watch:{modelValue:{handler(r){r&&this.lifetime>0&&(this.timer=setInterval(()=>{this.closeNotification()},this.lifetime*1e3))},immediate:!0}}},oW={class:"flex items-center p-4 space-x-4"},mW={class:"pl-4 text-sm font-normal"};function uW(r,s,n,t,m,h){const v=u.resolveComponent("tw-icon");return n.modelValue?(u.openBlock(),u.createElementBlock("div",{key:0,class:u.normalizeClass([h.notificationClass,"fixed flex ml-2 h-fit rounded-lg shadow-lg opacity-95 animate-in zoom-in"]),role:"alert"},[u.createElementVNode("div",oW,[u.createVNode(v,{icon:n.icon,"beat-fade":""},null,8,["icon"]),u.createElementVNode("div",mW,u.toDisplayString(n.message),1),u.createVNode(v,{onClick:h.closeNotification,set:"regular",class:u.normalizeClass([h.closeButtonClass,"transition-transform hover:scale-110 cursor-pointer absolute top-2 right-2"]),size:"lg",icon:"circle-xmark"},null,8,["onClick","class"])])],2)):u.createCommentVNode("",!0)}const hW=N2(tW,[["render",uW]]),zW={name:"TwTextarea",props:{color:{type:String,default:"primary"},modelValue:{type:String},disabled:{type:Boolean,default:!1},error:{type:String,default:""},errorColor:{type:String,default:"danger"},description:{type:String,default:""},placeholder:{type:String,default:""},formNameAndId:{type:String,default:(Math.random()+1).toString(36).substring(5)},labelPosition:{type:String,default:"block"}},data(){return{inputVal:""}},methods:{handleChange(){this.$emit("update:modelValue",this.inputVal),this.$emit("changed",this.inputVal)}},watch:{modelValue:{handler(r){this.inputVal=r},immediate:!0}},computed:{inputClass(){let r=this.error?this.errorColor:this.color,s=this.disabled?" opacity-50":"";return"border-"+r+"-500 text-"+r+"-500"+s+" placeholder:italic placeholder-"+this.color+"-300 dark:bg-"+this.color+"-900 dark:text-"+this.color+"-100"},hasError(){return this.error.length>0},descriptionClass(){return"text-"+(this.error?this.errorColor+"-300":this.color+"-500")},labelClass(){return"text-"+this.color+"-500 dark:text-"+this.color+"-100"}}},vW=["for"],HW=["name","id","placeholder"];function VW(r,s,n,t,m,h){return u.openBlock(),u.createElementBlock(u.Fragment,null,[u.createElementVNode("label",{for:n.formNameAndId,class:u.normalizeClass([h.labelClass,"my-1"])},[u.renderSlot(r.$slots,"default")],10,vW),u.withDirectives(u.createElementVNode("textarea",{onInput:s[0]||(s[0]=(...v)=>h.handleChange&&h.handleChange(...v)),name:n.formNameAndId,id:n.formNameAndId,"onUpdate:modelValue":s[1]||(s[1]=v=>m.inputVal=v),placeholder:n.placeholder,class:u.normalizeClass([h.inputClass,"w-full border focus:shadow-inner py-1 px-2 rounded outline-none disabled:cursor-not-allowed"])},u.toDisplayString(n.modelValue),43,HW),[[u.vModelText,m.inputVal]])],64)}const pW=N2(zW,[["render",VW]]);V2.TwBadge=Y$,V2.TwButton=f3,V2.TwDropdown=lW,V2.TwIcon=y1,V2.TwInput=q$,V2.TwModal=w$,V2.TwNotification=hW,V2.TwOption=Df,V2.TwPaginator=Bo,V2.TwRollout=j$,V2.TwSelect=D$,V2.TwSwitch=Io,V2.TwTable=xo,V2.TwTextarea=pW,Object.defineProperty(V2,Symbol.toStringTag,{value:"Module"})});
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vue3-tailwind-components",
3
- "version": "0.1.7",
3
+ "version": "0.1.8",
4
4
  "description": "A library of Vue 3 components that use Tailwind",
5
5
  "keywords": [
6
6
  "vue3",