@paperless/core 2.1.0 → 2.2.0

package/dist/tailwind/theme/colors.ts

@@ -33,17 +33,30 @@ export default {
 		50: '#FFFAE0',
 	},
 
-	'human-beige': {
-		800: '#DEC9B7',
-		700: '#E7D8CB',
-		600: '#EDE0D5',
-		DEFAULT: '#EEE4DB',
-		500: '#EEE4DB',
-		400: '#F1E9E2',
-		300: '#F5EFE9',
-		200: '#F8F4F1',
-		100: '#FCFAF8',
-		50: '#FDFCFB',
+	indigo: {
+		900: '#1349B6',
+		800: '#1B58D2',
+		700: '#2F6FF0',
+		600: '#528AFA',
+		DEFAULT: '#8EB3FB',
+		500: '#8EB3FB',
+		400: '#A5C2FC',
+		300: '#BBD1FD',
+		200: '#C7D9FD',
+		100: '#E3ECFE',
+		50: '#F1F6FF',
+	},
+	storm: {
+		800: '#020815',
+		700: '#080F1C',
+		600: '#0F1622',
+		DEFAULT: '#181E29',
+		500: '#181E29',
+		400: '#464B54',
+		300: '#74787F',
+		200: '#A3A5A9',
+		100: '#D1D2D4',
+		50: '#E8E8EA',
 	},
 	'off-white': {
 		800: '#D5D0C3',
@@ -59,173 +72,40 @@ export default {
 	},
 
 	'supportive-lilac': {
-		900: '#5009B3',
-		800: '#BD8CFF',
-		700: '#C89FFF',
-		600: '#CCA8FC',
+		900: '#D1AEFF',
+		800: '#D1AEFF',
+		700: '#D1AEFF',
+		600: '#D1AEFF',
 		DEFAULT: '#D1AEFF',
 		500: '#D1AEFF',
-		400: '#DABEFF',
-		300: '#E3CEFF',
-		200: '#EDDFFF',
-		100: '#F6EFFF',
-		50: '#FAF7FF',
-	},
-	'growth-green': {
-		800: '#81EF2B',
-		700: '#7FF424',
-		600: '#8CFC35',
-		DEFAULT: '#A0FF56',
-		500: '#A0FF56',
-		400: '#B3FF78',
-		300: '#C6FF9A',
-		200: '#D9FFBB',
-		100: '#ECFFDD',
-		50: '#F5FFEE',
-	},
-	'tech-breeze': {
-		800: '#3DEACC',
-		700: '#66F2DA',
-		600: '#83FAE6',
-		DEFAULT: '#94FFED',
-		500: '#94FFED',
-		400: '#A9FFF1',
-		300: '#BFFFF4',
-		200: '#D4FFF8',
-		100: '#EAFFFB',
-		50: '#F4FFFD',
-	},
-
-	teal: {
-		800: '#02665C',
-		700: '#047367',
-		600: '#047F72',
-		DEFAULT: '#088879',
-		500: '#088879',
-		400: '#39A094',
-		300: '#6BB8AF',
-		200: '#9CCFC9',
-		100: '#CEE7E4',
-		50: '#E6F3F2',
+		400: '#D1AEFF',
+		300: '#D1AEFF',
+		200: '#D1AEFF',
+		100: '#D1AEFF',
+		50: '#D1AEFF',
 	},
 	'dark-teal': {
-		800: '#012521',
-		700: '#003832',
-		600: '#004840',
-		DEFAULT: '#005148',
-		500: '#005148',
-		400: '#33746D',
-		300: '#669791',
-		200: '#99B9B6',
-		100: '#CCDCDA',
-		50: '#E5EEED',
-	},
-	'black-teal': {
-		800: '#000202',
-		700: '#000D0B',
-		600: '#011815',
-		DEFAULT: '#032A24',
-		500: '#032A24',
-		400: '#355550',
-		300: '#687F7C',
-		200: '#9AAAA7',
-		100: '#CDD4D3',
-		50: '#E6EAE9',
-	},
-
-	// OLD, REMOVE THIS
-	// indigo: {
-	// 	dark: '#2C4BA9',
-	// 	DEFAULT: '#528AFA',
-	// 	light: '#F1F6FF',
-	// },
-	// sky: {
-	// 	dark: '#30C2C9',
-	// 	DEFAULT: '#1EDAE3',
-	// 	light: '#F5FEFF',
-	// 	vague: '#BBF4F6',
-	// },
-	// mystic: {
-	// 	blank: '#FFF',
-	// 	dark: '#DAE6F0',
-	// 	DEFAULT: '#F7FAFC',
-	// 	light: '#FCFDFE',
-	// 	medium: '#E3ECF3',
-	// },
-	// redberry: {
-	// 	dark: '#BD0F1E',
-	// 	DEFAULT: '#E63241',
-	// 	light: '#FFE8EA',
-	// 	medium: '#FF7D88',
-	// },
-	// storm: {
-	// 	dark: '#272838',
-	// 	DEFAULT: '#51536B',
-	// 	light: '#B0B2CB',
-	// 	medium: '#80829E',
-	// 	vague: '#989AB7',
-	// },
-	// negative: {
-	// 	dark: '#8A0F1D',
-	// 	DEFAULT: '#B91E28',
-	// 	light: '#FFCCD3',
-	// },
-	// positive: {
-	// 	dark: '#1DA360',
-	// 	DEFAULT: '#28D17C',
-	// 	light: '#E5FFF2',
-	// },
-	// unbiased: {
-	// 	dark: '#FFA231',
-	// 	DEFAULT: '#FFC72D',
-	// 	light: '#FFF6DC',
-	// },
-
-
-	indigo: {
-		dark: 'pink',
+		800: 'pink',
+		700: 'pink',
+		600: 'pink',
 		DEFAULT: 'pink',
-		light: 'pink',
-	},
-	sky: {
-		dark: 'violet',
-		DEFAULT: 'violet',
-		light: 'violet',
-		vague: 'violet',
-	},
-	mystic: {
-		blank: 'lime',
-		dark: 'lime',
-		DEFAULT: 'lime',
-		light: 'lime',
-		medium: 'lime',
-	},
-	redberry: {
-		dark: 'deeppink',
-		DEFAULT: 'deeppink',
-		light: 'deeppink',
-		medium: 'deeppink',
+		500: 'pink',
+		400: 'pink',
+		300: 'pink',
+		200: 'pink',
+		100: 'pink',
+		50: 'pink',
 	},
-	storm: {
-		dark: 'cyan',
-		DEFAULT: 'cyan',
-		light: 'cyan',
-		medium: 'cyan',
-		vague: 'cyan',
-	},
-	negative: {
-		dark: 'deeppink',
-		DEFAULT: 'deeppink',
-		light: 'deeppink',
-	},
-	positive: {
-		dark: 'greenyellow',
-		DEFAULT: 'greenyellow',
-		light: 'greenyellow',
-	},
-	unbiased: {
-		dark: 'yellow',
-		DEFAULT: 'yellow',
-		light: 'yellow',
+	'black-teal': {
+		800: 'limegreen',
+		700: 'limegreen',
+		600: 'limegreen',
+		DEFAULT: 'limegreen',
+		500: 'limegreen',
+		400: 'limegreen',
+		300: 'limegreen',
+		200: 'limegreen',
+		100: 'limegreen',
+		50: 'limegreen',
 	},
 };

package/dist/tailwind/theme/shadows.ts

@@ -18,7 +18,9 @@ export default {
 		'0 8px 8px 0 rgba(0, 2, 2, 0.08)',
 	],
 	'supportive-lilac': '0px 1px 1px rgba(189, 140, 255, 0.20)',
-	'black-teal-10%': '0px 1px 0px rgba(3, 42, 36, 0.1)',
+	'storm-10%': '0px 1px 0px rgba(3, 42, 36, 0.1)',
+	'primary-button': '0px 1px 1px 0px rgba(24, 30 41, 0.08)',
+	'off-white-600': '0px 0px 0px 1px #ECEAE5',
 	inherit: 'inherit',
 	transparent: 'transparent',
 };

package/dist/types/components/atoms/dropdown-menu/container/dropdown-menu-container.component.d.ts

@@ -2,7 +2,7 @@ export declare class DropdownMenuContainer {
     /**
      * The variant of the container
      */
-    variant: 'default' | 'dark-teal';
+    variant: 'default' | 'storm';
     /**
      * Wether the container applies it's max width
      */

package/dist/types/components/atoms/dropdown-menu/item/dropdown-menu-item.component.d.ts

@@ -11,7 +11,7 @@ export declare class DropdownMenuItem {
     /**
      * The variant of the item
      */
-    variant: 'default' | 'dark-teal' | 'negative';
+    variant: 'default' | 'storm' | 'negative';
     /**
      * Wether to enable the hover state
      */

package/dist/types/components/atoms/loader/loader.component.d.ts

@@ -11,7 +11,7 @@ export declare class Loader {
     /**
      * Color of the loader
      */
-    color: 'supportive-lilac' | 'white' | 'off-white' | 'black-teal';
+    color: 'indigo' | 'white' | 'off-white' | 'storm';
     /**
      * !NOT IMPLEMENTED! Modal title for modal variant
      */

package/dist/types/components/molecules/dropdown/dropdown.component.d.ts

@@ -4,7 +4,7 @@ export declare class Dropdown {
     /**
      * The variant of the dropdown
      */
-    variant: 'default' | 'dark-teal';
+    variant: 'default' | 'storm';
     /**
      * The content of the dropdown menu
      */

package/dist/types/components.d.ts

@@ -647,7 +647,7 @@ export namespace Components {
         /**
           * The variant of the dropdown
          */
-        "variant": 'default' | 'dark-teal';
+        "variant": 'default' | 'storm';
     }
     interface PDropdownMenuContainer {
         /**
@@ -673,7 +673,7 @@ export namespace Components {
         /**
           * The variant of the container
          */
-        "variant": 'default' | 'dark-teal';
+        "variant": 'default' | 'storm';
     }
     interface PDropdownMenuItem {
         /**
@@ -711,7 +711,7 @@ export namespace Components {
         /**
           * The variant of the item
          */
-        "variant": 'default' | 'dark-teal' | 'negative';
+        "variant": 'default' | 'storm' | 'negative';
     }
     interface PEmptyState {
         /**
@@ -1097,7 +1097,7 @@ export namespace Components {
         /**
           * Color of the loader
          */
-        "color": 'supportive-lilac' | 'white' | 'off-white' | 'black-teal';
+        "color": 'indigo' | 'white' | 'off-white' | 'storm';
         /**
           * !NOT IMPLEMENTED! Modal description for modal variant
          */
@@ -3865,7 +3865,7 @@ declare namespace LocalJSX {
         /**
           * The variant of the dropdown
          */
-        "variant"?: 'default' | 'dark-teal';
+        "variant"?: 'default' | 'storm';
     }
     interface PDropdownMenuContainer {
         /**
@@ -3891,7 +3891,7 @@ declare namespace LocalJSX {
         /**
           * The variant of the container
          */
-        "variant"?: 'default' | 'dark-teal';
+        "variant"?: 'default' | 'storm';
     }
     interface PDropdownMenuItem {
         /**
@@ -3929,7 +3929,7 @@ declare namespace LocalJSX {
         /**
           * The variant of the item
          */
-        "variant"?: 'default' | 'dark-teal' | 'negative';
+        "variant"?: 'default' | 'storm' | 'negative';
     }
     interface PEmptyState {
         /**
@@ -4344,7 +4344,7 @@ declare namespace LocalJSX {
         /**
           * Color of the loader
          */
-        "color"?: 'supportive-lilac' | 'white' | 'off-white' | 'black-teal';
+        "color"?: 'indigo' | 'white' | 'off-white' | 'storm';
         /**
           * !NOT IMPLEMENTED! Modal description for modal variant
          */

package/dist/types/tailwind/theme/colors.d.ts

@@ -31,31 +31,7 @@ declare const _default: {
         100: string;
         50: string;
     };
-    'human-beige': {
-        800: string;
-        700: string;
-        600: string;
-        DEFAULT: string;
-        500: string;
-        400: string;
-        300: string;
-        200: string;
-        100: string;
-        50: string;
-    };
-    'off-white': {
-        800: string;
-        700: string;
-        600: string;
-        DEFAULT: string;
-        500: string;
-        400: string;
-        300: string;
-        200: string;
-        100: string;
-        50: string;
-    };
-    'supportive-lilac': {
+    indigo: {
         900: string;
         800: string;
         700: string;
@@ -68,7 +44,7 @@ declare const _default: {
         100: string;
         50: string;
     };
-    'growth-green': {
+    storm: {
         800: string;
         700: string;
         600: string;
@@ -80,7 +56,7 @@ declare const _default: {
         100: string;
         50: string;
     };
-    'tech-breeze': {
+    'off-white': {
         800: string;
         700: string;
         600: string;
@@ -92,7 +68,8 @@ declare const _default: {
         100: string;
         50: string;
     };
-    teal: {
+    'supportive-lilac': {
+        900: string;
         800: string;
         700: string;
         600: string;
@@ -128,51 +105,5 @@ declare const _default: {
         100: string;
         50: string;
     };
-    indigo: {
-        dark: string;
-        DEFAULT: string;
-        light: string;
-    };
-    sky: {
-        dark: string;
-        DEFAULT: string;
-        light: string;
-        vague: string;
-    };
-    mystic: {
-        blank: string;
-        dark: string;
-        DEFAULT: string;
-        light: string;
-        medium: string;
-    };
-    redberry: {
-        dark: string;
-        DEFAULT: string;
-        light: string;
-        medium: string;
-    };
-    storm: {
-        dark: string;
-        DEFAULT: string;
-        light: string;
-        medium: string;
-        vague: string;
-    };
-    negative: {
-        dark: string;
-        DEFAULT: string;
-        light: string;
-    };
-    positive: {
-        dark: string;
-        DEFAULT: string;
-        light: string;
-    };
-    unbiased: {
-        dark: string;
-        DEFAULT: string;
-        light: string;
-    };
 };
 export default _default;

package/dist/types/tailwind/theme/shadows.d.ts

@@ -4,7 +4,9 @@ declare const _default: {
     '3': string[];
     modal: string[];
     'supportive-lilac': string;
-    'black-teal-10%': string;
+    'storm-10%': string;
+    'primary-button': string;
+    'off-white-600': string;
     inherit: string;
     transparent: string;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@paperless/core",
-	"version": "2.1.0",
+	"version": "2.2.0",
 	"description": "Stencil Component Starter",
 	"type": "module",
 	"main": "dist/index.cjs.js",

package/dist/build/p-07b664e3.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as a,g as r,H as i}from"./p-DhGo7hbh.js";import{c as o}from"./p-CBWjHURv.js";import{a as n}from"./p-C5CTp9IA.js";import{n as l}from"./p-D9kEjsvZ.js";import{a as s,c as d,o as c,f as p,s as m}from"./p-DGLCmOXW.js";import{a as h}from"./p-BFSNj6hu.js";import{c as b}from"./p-CT54OXR2.js";import"./p-ChV9xqsO.js";const w="*{box-sizing:border-box}.pointer-events-none{pointer-events:none!important}.static{position:static!important}.absolute{position:absolute!important}.relative{position:relative!important}.left-1\\/2{left:50%!important}.top-1\\/2{top:50%!important}.m-0{margin:0!important}.flex{display:flex!important}.hidden{display:none!important}.h-4{height:1rem!important}.w-4{width:1rem!important}.flex-shrink-0{flex-shrink:0!important}.-translate-x-1\\/2{--tw-translate-x:-50%!important}.-translate-x-1\\/2,.-translate-y-1\\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.-translate-y-1\\/2{--tw-translate-y:-50%!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.appearance-none{appearance:none!important}.items-center{align-items:center!important}.justify-start{justify-content:flex-start!important}.gap-2{gap:.5rem!important}.rounded{border-radius:.25rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.border-black-teal-50{--tw-border-opacity:1!important;border-color:rgb(230 234 233/var(--tw-border-opacity,1))!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-white-600{--tw-bg-opacity:1!important}.bg-white-600{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-200{--tw-text-opacity:1!important;color:rgb(154 170 167/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.shadow-1{--tw-shadow:0 1px 1px rgba(0,2,2,.08)!important;--tw-shadow-colored:0 1px 1px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.drop-shadow-black-teal-10\\%{--tw-drop-shadow:drop-shadow(0px 1px 0px rgba(3,42,36,.1))!important;filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.checked\\:border-black-teal\\/20:checked{border-color:rgba(3,42,36,.2)!important}.checked\\:bg-supportive-lilac:checked{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.checked\\:ring-2:checked{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.checked\\:ring-supportive-lilac-100:checked{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.indeterminate\\:border-black-teal\\/20:indeterminate{border-color:rgba(3,42,36,.2)!important}.indeterminate\\:bg-supportive-lilac-700:indeterminate{--tw-bg-opacity:1!important;background-color:rgb(200 159 255/var(--tw-bg-opacity,1))!important}.indeterminate\\:ring-2:indeterminate{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.indeterminate\\:ring-supportive-lilac-100:indeterminate{--tw-ring-opacity:1!important;--tw-ring-color:rgb(246 239 255/var(--tw-ring-opacity,1))!important}.hover\\:border-black-teal-100:hover{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.hover\\:bg-supportive-lilac-100:hover{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.checked\\:hover\\:border-black-teal\\/20:hover:checked{border-color:rgba(3,42,36,.2)!important}.checked\\:hover\\:bg-supportive-lilac-700:hover:checked{--tw-bg-opacity:1!important;background-color:rgb(200 159 255/var(--tw-bg-opacity,1))!important}.indeterminate\\:hover\\:border-black-teal\\/20:hover:indeterminate{border-color:rgba(3,42,36,.2)!important}.indeterminate\\:hover\\:bg-supportive-lilac:hover:indeterminate{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.group\\/checkbox-label:hover .group-hover\\/checkbox-label\\:border-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.group\\/checkbox-label:hover .group-hover\\/checkbox-label\\:bg-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.group\\/checkbox-label:hover .group-hover\\/checkbox-label\\:text-sm,.group\\/p-checkbox:hover .group-hover\\/p-checkbox\\:text-sm{font-size:.875rem!important;line-height:1.25rem!important}.group\\/checkbox-label:hover .checked\\:group-hover\\/checkbox-label\\:border-black-teal\\/20:checked{border-color:rgba(3,42,36,.2)!important}.group\\/checkbox-label:hover .checked\\:group-hover\\/checkbox-label\\:bg-supportive-lilac-700:checked{--tw-bg-opacity:1!important;background-color:rgb(200 159 255/var(--tw-bg-opacity,1))!important}.group\\/checkbox-label:hover .indeterminate\\:group-hover\\/checkbox-label\\:border-black-teal\\/20:indeterminate{border-color:rgba(3,42,36,.2)!important}.group\\/checkbox-label:hover .indeterminate\\:group-hover\\/checkbox-label\\:bg-supportive-lilac:indeterminate{--tw-bg-opacity:1!important;background-color:rgb(209 174 255/var(--tw-bg-opacity,1))!important}.peer:checked~.peer-checked\\:flex{display:flex!important}.peer:indeterminate~.peer-indeterminate\\:flex{display:flex!important}";const v=o(["peer appearance-none m-0 outline-none flex-shrink-0","border border-inset border-solid ","rounded w-4 h-4"],{variants:{disabled:{false:["cursor-pointer shadow-1","bg-white border-black-teal-100","hover:bg-supportive-lilac-100 hover:border-black-teal-100","group-hover/checkbox-label:bg-supportive-lilac-100 group-hover/checkbox-label:border-black-teal-100","checked:bg-supportive-lilac checked:border-black-teal/20","checked:ring-2 checked:ring-supportive-lilac-100","checked:hover:bg-supportive-lilac-700 checked:hover:border-black-teal/20","checked:group-hover/checkbox-label:bg-supportive-lilac-700 checked:group-hover/checkbox-label:border-black-teal/20","indeterminate:bg-supportive-lilac-700 indeterminate:border-black-teal/20","indeterminate:ring-2 indeterminate:ring-supportive-lilac-100","indeterminate:hover:bg-supportive-lilac indeterminate:hover:border-black-teal/20","indeterminate:group-hover/checkbox-label:bg-supportive-lilac indeterminate:group-hover/checkbox-label:border-black-teal/20"],true:"bg-white-600 border-black-teal-50 cursor-not-allowed "}}});const g=o(["hidden peer-indeterminate:flex peer-checked:flex","absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 pointer-events-none"],{variants:{disabled:{false:"text-white",true:"text-black-teal-200"}}});const u=o(["drop-shadow-black-teal-10% text-xs"],{variants:{disabled:{false:"group-hover/p-checkbox:text-sm group-hover/checkbox-label:text-sm",true:null}}});const x=class{constructor(a){t(this,a);this.checkedChange=e(this,"checkedChange",7);this.indeterminateChange=e(this,"indeterminateChange",7);if(a.$hostElement$["s-ei"]){this._internals=a.$hostElement$["s-ei"]}else{this._internals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this._internals}}checked;indeterminate;disabled=false;required=true;id;name;checkedChange;indeterminateChange;_nonce=l(5);_internals;formResetCallback(){this.checked=false;this.indeterminate=false}formDisabledCallback(t){if(!this._internals.form){return}this.disabled=t}render(){const t=this.id?.length?this.id:this._nonce;return a("label",{key:"405cb642fd1e1a310e221e73c75cba3ac4c91247",htmlFor:t,class:"group/p-checkbox flex items-center justify-start gap-2 text-black-teal"},a("div",{key:"0e3a821728c2a3afbd8e7a556d733d6f066dec94",class:"relative flex flex-shrink-0 items-center"},a("input",{key:"a0b24c4bebf349d3646b84d9ed4ebc1e78312dba",class:v({disabled:n(this.disabled)}),type:"checkbox",id:t,name:this.name,required:n(this.required),checked:n(this.checked),indeterminate:n(this.indeterminate),disabled:n(this.disabled),onChange:t=>this._onChange(t)}),a("div",{key:"822918f55e75ab424572f0dfcb3bb2bf2d41ef5a",class:g({disabled:n(this.disabled)})},a("p-icon",{key:"8932bf5a6fdf25b886c610a797d1f6cef4135581",class:u({disabled:n(this.disabled)}),size:"auto",variant:n(this.indeterminate)?"minus":"checkmarkThick"}))),a("slot",{key:"51e053a0556546c465bdb34094f71203e26e608c"}))}_onChange(t){if(this.disabled){t.preventDefault();return}const e=n(t.target.checked);const a=n(t.target.indeterminate);if(e!=this.checked){this.checked=e;this.checkedChange.emit(e)}if(a!=this.indeterminate){this.indeterminate=a;this.indeterminateChange.emit(a)}this._internals.setFormValue(this.indeterminate?"indeterminate":this.checked?"on":"off")}static get formAssociated(){return true}};x.style=w;const f="*{box-sizing:border-box}.static{position:static!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.z-dropdown{z-index:200!important}.block{display:block!important}.hidden{display:none!important}.w-auto{width:auto!important}.w-full{width:100%!important}.max-w-\\[13\\.875rem\\]{max-width:13.875rem!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}";const k=o(["z-dropdown hidden"],{variants:{strategy:{absolute:"absolute",fixed:"fixed"},fullWidth:{false:null,true:"w-full"},maxWidth:{false:null,true:"max-w-[13.875rem]"}},compoundVariants:[{fullWidth:false,maxWidth:true,class:"w-auto"}]});const y=class{constructor(a){t(this,a);this.isOpen=e(this,"isOpen",3)}variant="default";placement="bottom-start";offset=8;strategy="absolute";show=false;applyMaxWidth=true;applyFullWidth=true;allowOverflow=false;scrollable=false;insideClick=false;disableTriggerClick=false;manual=false;applyChevron=true;chevronPosition="end";chevronDirection;get _el(){return r(this)}isOpen;_loaded=false;_menu;_cleanup;componentShouldUpdate(){this._update()}componentDidLoad(){this._checkButtons()}disconnectedCallback(){if(this._cleanup){this._cleanup();this._cleanup=null}this._menu.remove()}componentDidRender(){this._checkButtons();this._checkItems()}render(){return a(i,{key:"258166cea6fd9eeced2c8fcabc582b7354ffd1bb",class:"relative"},a("div",{key:"5238231cc3c827e40d971b0f829ceaca7a605001",class:"trigger",onClick:()=>this._triggerClickHandler()},a("slot",{key:"76e74ef91cc4a8eefb372f4217f7875472762eb7",name:"trigger"})),a("div",{key:"9012857f3b6cfd037f35de67944c03d32eaed4a7",class:"relative w-full"},a("p-dropdown-menu-container",{key:"3d679faa233c49a4800cf562966efae9f767a53f",variant:this.variant,maxWidth:this.applyMaxWidth,fullWidth:this.applyFullWidth&&!this.applyMaxWidth,allowOverflow:this.allowOverflow,scrollable:this.scrollable,class:k({strategy:this.strategy,maxWidth:this.applyMaxWidth,fullWidth:this.applyFullWidth&&!this.applyMaxWidth}),ref:t=>this._load(t),onClick:()=>this._containerClickHandler(),role:"popover","data-placement":this.placement,"data-strategy":this.strategy},a("slot",{key:"8be1e9e75f50a6124870cdb9fcacaab99a495eb7",name:"items"}))))}_checkButtons(t=false){if(!this.applyChevron){return}const e=this._el.querySelectorAll('p-button[slot="trigger"]');const a=this._menu.getAttribute("data-show")!==null;for(let r of[...e]){r.disabled=this.disableTriggerClick;r.active=t;if(r.iconOnly){continue}r.chevronPosition=this.chevronPosition;r.chevron=this.chevronDirection?this.chevronDirection:this.placement.indexOf("top")>=0?a?"down":"up":a?"up":"down"}}_checkItems(){const t=this._el.querySelectorAll("p-dropdown-menu-item");for(let e of[...t]){e.variant=this.variant}}onShowChange(t){if(!this._loaded){return}if(!t){this._hide();return}this._show()}documentClickHandler(t){if(!this._menu.hasAttribute("data-show")||h(t,this._menu)){return}this._hide()}_containerClickHandler(){if(this.insideClick){return}if(this._menu.hasAttribute("data-show")){this._hide()}}_triggerClickHandler(){if(this.disableTriggerClick){return}if(this.manual){return}if(this._menu.hasAttribute("data-show")){this._hide();return}this._show()}_load(t){this._menu=t;if(t){this._update();this._loaded=true;if(this.show){setTimeout((()=>this._show()),100)}}}_show(){if(!this._loaded){return}this._cleanup=s(this._el,this._menu,(()=>this._update()));this._menu.setAttribute("data-show","");this._menu.classList.remove("hidden");this._menu.classList.add("block");this.isOpen.emit(true);this._checkButtons(true)}_hide(){if(!this._loaded||this.show){return}if(this._cleanup){this._cleanup();this._cleanup=null}this._menu.removeAttribute("data-show");this._menu.classList.remove("block");this._menu.classList.add("hidden");this.isOpen.emit(false);this._checkButtons(false)}_update(){if(!this._menu){return}d(this._el,this._menu,{placement:this.placement,strategy:this.strategy,middleware:[c(this.offset),p(),m()]}).then((({x:t,y:e,placement:a})=>{this._menu.dataset.placement=a;Object.assign(this._menu.style,{top:`${e}px`,left:`${t}px`})}))}static get watchers(){return{show:["onShowChange"]}}};y.style=f;const C="*{box-sizing:border-box}.relative{position:relative!important}.z-10{z-index:10!important}.flex{display:flex!important}.max-h-\\[11\\.5rem\\]{max-height:11.5rem!important}.max-h-\\[13\\.875rem\\]{max-height:13.875rem!important}.max-h-\\[20rem\\]{max-height:20rem!important}.min-h-full{min-height:100%!important}.w-auto{width:auto!important}.w-full{width:100%!important}.max-w-\\[13\\.875rem\\]{max-width:13.875rem!important}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.flex-col{flex-direction:column!important}.overflow-y-auto{overflow-y:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.rounded-lg{border-radius:.5rem!important}.border{border-width:1px!important}.border-black-teal-100{--tw-border-opacity:1!important;border-color:rgb(205 212 211/var(--tw-border-opacity,1))!important}.border-dark-teal-400{--tw-border-opacity:1!important;border-color:rgb(51 116 109/var(--tw-border-opacity,1))!important}.bg-dark-teal-400{--tw-bg-opacity:1!important;background-color:rgb(51 116 109/var(--tw-bg-opacity,1))!important}.bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.p-1{padding:.25rem!important}.drop-shadow-2{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.04)) drop-shadow(0 2px 2px rgba(0,2,2,.04)) drop-shadow(0 4px 4px rgba(0,2,2,.04))!important}.drop-shadow-2,.drop-shadow-3{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.drop-shadow-3{--tw-drop-shadow:drop-shadow(0 1px 1px rgba(0,2,2,.08)) drop-shadow(0 2px 2px rgba(0,2,2,.08)) drop-shadow(0 4px 4px rgba(0,2,2,.08))!important}.will-change-transform{will-change:transform!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}";const W=o(["p-dropdown-menu-container","p-1","rounded-lg z-10","border","transform-gpu will-change-transform"],{variants:{variant:{default:"bg-white border-black-teal-100 drop-shadow-2 ","dark-teal":"bg-dark-teal-400 drop-shadow-3 border-dark-teal-400"},fullWidth:{false:null,true:"w-full"},maxWidth:{false:null,true:"max-w-[13.875rem]"}},compoundVariants:[{fullWidth:false,maxWidth:true,class:"w-auto"}]});const _=o("w-full min-h-full relative",{variants:{allowOverflow:{false:"overflow-y-auto overflow-x-hidden",true:null},scrollable:{none:null,default:"max-h-[11.5rem]",large:"max-h-[13.875rem]",xlarge:"max-h-[20rem]"}}});const j=class{constructor(e){t(this,e)}variant="default";maxWidth=true;class;fullWidth=true;allowOverflow=false;scrollable=false;render(){const t=this.scrollable===false?"none":this.scrollable===true?"default":this.scrollable;return a("div",{key:"cbd09df9b05562b0a59a428f9f5e89f22d617151",class:W({class:this.class,variant:this.variant,fullWidth:n(this.fullWidth,true),maxWidth:this.maxWidth})},a("div",{key:"2c224326325793e8fbec5704ec0e5987528ebba4",class:_({allowOverflow:n(this.allowOverflow),scrollable:t})},a("div",{key:"6364abaa8ac670cb1dd48261a0f0bd91d3d67bf1",class:"flex w-full flex-col"},a("slot",{key:"d7df8fbc7cf4f3900a153b9a640e8bc39f388f79"}))))}};j.style=C;const z="*{box-sizing:border-box}.block{display:block!important}.flex{display:flex!important}.h-8{height:2rem!important}.min-h-8{min-height:2rem!important}.w-full{width:100%!important}.max-w-full{max-width:100%!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.gap-2{gap:.5rem!important}.overflow-hidden{overflow:hidden!important}.text-ellipsis{text-overflow:ellipsis!important}.whitespace-nowrap{white-space:nowrap!important}.rounded-lg{border-radius:.5rem!important}.bg-dark-teal-600{--tw-bg-opacity:1!important;background-color:rgb(0 72 64/var(--tw-bg-opacity,1))!important}.bg-negative-red-100{--tw-bg-opacity:1!important;background-color:rgb(255 221 221/var(--tw-bg-opacity,1))!important}.bg-negative-red-50{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.bg-supportive-lilac-100{--tw-bg-opacity:1!important;background-color:rgb(246 239 255/var(--tw-bg-opacity,1))!important}.px-2{padding-left:.5rem!important;padding-right:.5rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.text-start{text-align:start!important}.text-base{font-size:1rem!important;line-height:1.5rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.font-medium{font-weight:500!important}.text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.text-black-teal-100{--tw-text-opacity:1!important;color:rgb(205 212 211/var(--tw-text-opacity,1))!important}.text-black-teal-200{--tw-text-opacity:1!important;color:rgb(154 170 167/var(--tw-text-opacity,1))!important}.text-black-teal-300{--tw-text-opacity:1!important;color:rgb(104 127 124/var(--tw-text-opacity,1))!important}.text-dark-teal-100{--tw-text-opacity:1!important;color:rgb(204 220 218/var(--tw-text-opacity,1))!important}.text-negative-red{--tw-text-opacity:1!important;color:rgb(230 30 30/var(--tw-text-opacity,1))!important}.text-negative-red-100{--tw-text-opacity:1!important;color:rgb(255 221 221/var(--tw-text-opacity,1))!important}.text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.opacity-40{opacity:.4!important}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.hover\\:bg-dark-teal-500:hover{--tw-bg-opacity:1!important;background-color:rgb(0 81 72/var(--tw-bg-opacity,1))!important}.hover\\:bg-negative-red-50:hover{--tw-bg-opacity:1!important;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))!important}.hover\\:bg-supportive-lilac-50:hover{--tw-bg-opacity:1!important;background-color:rgb(250 247 255/var(--tw-bg-opacity,1))!important}@keyframes wave{0%{transform:rotate(0deg)}to{transform:rotate(-15deg)}}.group:hover .group-hover\\:animate-wave{animation:wave .5s ease-in-out -.5s infinite alternate forwards!important}.group:hover .group-hover\\:text-black-teal{--tw-text-opacity:1!important;color:rgb(3 42 36/var(--tw-text-opacity,1))!important}.group:hover .group-hover\\:text-negative-red-800{--tw-text-opacity:1!important;color:rgb(141 16 16/var(--tw-text-opacity,1))!important}.group:hover .group-hover\\:text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}";const H=o(["p-dropdown-menu-item flex px-2 py-1 gap-2 text-sm font-medium group rounded-lg items-center max-w-full"],{variants:{variant:{default:null,"dark-teal":null,negative:null},active:{false:null,true:null},disabled:{false:"cursor-pointer",true:"cursor-not-allowed"},enableHover:{false:null,true:null},enableTextWrap:{true:"min-h-8",false:"h-8"}},compoundVariants:[{variant:"default",active:false,enableHover:true,disabled:false,class:"hover:bg-supportive-lilac-50"},{variant:"default",active:true,disabled:false,class:"bg-supportive-lilac-100"},{variant:"default",disabled:false,class:"text-black-teal"},{variant:"default",disabled:true,class:"text-black-teal-200"},{variant:"default",disabled:true,active:true,class:"bg-supportive-lilac-100"},{variant:"dark-teal",active:false,enableHover:true,class:"text-white"},{variant:"dark-teal",active:false,enableHover:true,disabled:false,class:"hover:bg-dark-teal-500"},{variant:"dark-teal",active:true,class:"text-white bg-dark-teal-600"},{variant:"dark-teal",disabled:true,class:"opacity-40"},{variant:"negative",active:false,enableHover:true,disabled:false,class:"text-negative-red hover:bg-negative-red-50"},{variant:"negative",active:true,disabled:false,class:"bg-negative-red-100 text-negative-red"},{variant:"negative",disabled:true,class:"text-negative-red-100"},{variant:"negative",disabled:true,active:true,class:"bg-negative-red-50"},{enableHover:true,disabled:false,class:"cursor-pointer"}]});const O=o(["text-base"],{variants:{variant:{default:null,"dark-teal":null,negative:null},active:{false:null,true:null},disabled:{false:null,true:"text-black-teal-100"},wave:{true:"group-hover:animate-wave",false:null}},compoundVariants:[{variant:"default",active:false,disabled:false,class:"text-black-teal-300 group-hover:text-black-teal"},{variant:"dark-teal",active:false,disabled:false,class:"text-dark-teal-100 group-hover:text-white"},{variant:"negative",active:false,disabled:false,class:"text-negative-red group-hover:text-negative-red-800"},{variant:"negative",active:true,disabled:false,class:"text-negative-red-800"}]});const T=class{constructor(e){t(this,e)}active=false;checkbox=false;variant="default";enableHover=true;enableTextWrap=false;disabled=false;icon;iconWave=false;useContainer=true;render(){return a("div",{key:"582860d13e234b4b115c48511fe8261f3551052b",class:H({variant:this.variant,active:n(this.active),enableHover:n(this.enableHover??true,true),enableTextWrap:this.enableTextWrap,disabled:n(this.disabled)})},this.icon&&a("p-icon",{key:"699505d51423d5c835050d7f9e00a15d18772439",class:O({variant:this.variant,active:n(this.active),disabled:n(this.disabled),wave:n(this.iconWave)}),variant:this.icon}),this.checkbox&&a("p-checkbox",{key:"bcd960f68b1895db9f56d0c72dd1e9468a4cb6da",checked:this.active,disabled:this.disabled}),this.useContainer?a("div",{class:b("block w-full overflow-hidden text-start",{"text-ellipsis whitespace-nowrap":!this.enableTextWrap})},a("slot",null)):a("slot",null))}};T.style=z;export{x as p_checkbox,y as p_dropdown,j as p_dropdown_menu_container,T as p_dropdown_menu_item};
-//# sourceMappingURL=p-07b664e3.entry.js.map

package/dist/build/p-07b664e3.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["checkboxComponentCss","checkbox","cva","variants","disabled","false","true","iconContainer","icon","Checkbox","checked","indeterminate","required","id","name","checkedChange","indeterminateChange","_nonce","nonce","_internals","formResetCallback","this","formDisabledCallback","form","render","length","h","key","htmlFor","class","asBoolean","type","onChange","ev","_onChange","size","variant","preventDefault","target","emit","setFormValue","dropdownComponentCss","dropdownContainerClass","strategy","absolute","fixed","fullWidth","maxWidth","compoundVariants","Dropdown","placement","offset","show","applyMaxWidth","applyFullWidth","allowOverflow","scrollable","insideClick","disableTriggerClick","manual","applyChevron","chevronPosition","chevronDirection","isOpen","_loaded","_menu","_cleanup","componentShouldUpdate","_update","componentDidLoad","_checkButtons","disconnectedCallback","remove","componentDidRender","_checkItems","Host","onClick","_triggerClickHandler","ref","el","_load","_containerClickHandler","role","active","buttons","_el","querySelectorAll","getAttribute","button","iconOnly","chevron","indexOf","items","item","onShowChange","_hide","_show","documentClickHandler","event","hasAttribute","childOfComposed","popover","setTimeout","autoUpdate","setAttribute","classList","add","removeAttribute","computePosition","middleware","flip","shift","then","x","y","dataset","Object","assign","style","top","left","dropdownMenuContainerComponentCss","dropdownMenuContainer","default","innerContainer","none","large","xlarge","DropdownMenuContainer","dropdownMenuItemComponentCss","dropdownMenuItem","negative","enableHover","enableTextWrap","dropdownMenuItemIcon","wave","DropdownMenuItem","iconWave","useContainer","cn"],"sources":["src/components/atoms/checkbox/checkbox.component.css?tag=p-checkbox","src/components/atoms/checkbox/checkbox.component.tsx","src/components/molecules/dropdown/dropdown.component.css?tag=p-dropdown&encapsulation=shadow","src/components/molecules/dropdown/dropdown.component.tsx","src/components/atoms/dropdown-menu/container/dropdown-menu-container.component.css?tag=p-dropdown-menu-container&encapsulation=shadow","src/components/atoms/dropdown-menu/container/dropdown-menu-container.component.tsx","src/components/atoms/dropdown-menu/item/dropdown-menu-item.component.css?tag=p-dropdown-menu-item&encapsulation=shadow","src/components/atoms/dropdown-menu/item/dropdown-menu-item.component.tsx"],"sourcesContent":[null,"import {\n\tAttachInternals,\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tProp,\n\tState,\n\th,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../utils/as-boolean';\nimport { nonce } from '../../../utils/nonce';\n\nconst checkbox = cva(\n\t[\n\t\t'peer appearance-none m-0 outline-none flex-shrink-0',\n\t\t'border border-inset border-solid ',\n\t\t'rounded w-4 h-4',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-white border-black-teal-100',\n\t\t\t\t\t'hover:bg-supportive-lilac-100 hover:border-black-teal-100',\n\t\t\t\t\t'group-hover/checkbox-label:bg-supportive-lilac-100 group-hover/checkbox-label:border-black-teal-100',\n\t\t\t\t\t'checked:bg-supportive-lilac checked:border-black-teal/20',\n\t\t\t\t\t'checked:ring-2 checked:ring-supportive-lilac-100',\n\t\t\t\t\t'checked:hover:bg-supportive-lilac-700 checked:hover:border-black-teal/20',\n\t\t\t\t\t'checked:group-hover/checkbox-label:bg-supportive-lilac-700 checked:group-hover/checkbox-label:border-black-teal/20',\n\t\t\t\t\t'indeterminate:bg-supportive-lilac-700 indeterminate:border-black-teal/20',\n\t\t\t\t\t'indeterminate:ring-2 indeterminate:ring-supportive-lilac-100',\n\t\t\t\t\t'indeterminate:hover:bg-supportive-lilac indeterminate:hover:border-black-teal/20',\n\t\t\t\t\t'indeterminate:group-hover/checkbox-label:bg-supportive-lilac indeterminate:group-hover/checkbox-label:border-black-teal/20',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-white-600 border-black-teal-50 cursor-not-allowed ',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst iconContainer = cva(\n\t[\n\t\t'hidden peer-indeterminate:flex peer-checked:flex',\n\t\t'absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 pointer-events-none',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse: 'text-white',\n\t\t\t\ttrue: 'text-black-teal-200',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst icon = cva(['drop-shadow-black-teal-10% text-xs'], {\n\tvariants: {\n\t\tdisabled: {\n\t\t\tfalse:\n\t\t\t\t'group-hover/p-checkbox:text-sm group-hover/checkbox-label:text-sm',\n\t\t\ttrue: null,\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-checkbox',\n\tstyleUrl: 'checkbox.component.css',\n\tformAssociated: true,\n})\nexport class Checkbox {\n\t/**\n\t * Wether the checkbox is checked\n\t */\n\t@Prop() checked: boolean;\n\n\t/**\n\t * Wether the checkbox is in indeterminate state\n\t */\n\t@Prop() indeterminate: boolean;\n\n\t/**\n\t * Wether the checkbox is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the checkbox is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * The id of the checkbox button\n\t */\n\t@Prop({ reflect: true }) id: string;\n\n\t/**\n\t * The name of the checkbox button\n\t */\n\t@Prop({ reflect: true }) name: string;\n\n\t/**\n\t * Event whenever the checked changes\n\t */\n\t@Event() checkedChange: EventEmitter<boolean>;\n\t/**\n\t * Event whenever the indeterminate changes\n\t */\n\t@Event() indeterminateChange: EventEmitter<boolean>;\n\n\t@State() private _nonce = nonce(5);\n\n\t@AttachInternals() _internals: ElementInternals;\n\n\tformResetCallback() {\n\t\tthis.checked = false;\n\t\tthis.indeterminate = false;\n\t}\n\n\tformDisabledCallback(disabled: boolean) {\n\t\tif (!this._internals.form) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.disabled = disabled;\n\t}\n\n\trender() {\n\t\tconst id = this.id?.length ? this.id : this._nonce;\n\n\t\treturn (\n\t\t\t<label\n\t\t\t\thtmlFor={id}\n\t\t\t\tclass='group/p-checkbox flex items-center justify-start gap-2 text-black-teal'\n\t\t\t>\n\t\t\t\t<div class='relative flex flex-shrink-0 items-center'>\n\t\t\t\t\t<input\n\t\t\t\t\t\tclass={checkbox({\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t})}\n\t\t\t\t\t\ttype='checkbox'\n\t\t\t\t\t\tid={id}\n\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\trequired={asBoolean(this.required)}\n\t\t\t\t\t\tchecked={asBoolean(this.checked)}\n\t\t\t\t\t\tindeterminate={asBoolean(this.indeterminate)}\n\t\t\t\t\t\tdisabled={asBoolean(this.disabled)}\n\t\t\t\t\t\tonChange={ev => this._onChange(ev)}\n\t\t\t\t\t/>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={iconContainer({\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tclass={icon({\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tsize='auto'\n\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\tasBoolean(this.indeterminate) ? 'minus' : 'checkmarkThick'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<slot />\n\t\t\t</label>\n\t\t);\n\t}\n\n\tprivate _onChange(ev: Event) {\n\t\tif (this.disabled) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tconst checked = asBoolean((ev.target as HTMLInputElement).checked);\n\t\tconst indeterminate = asBoolean(\n\t\t\t(ev.target as HTMLInputElement).indeterminate\n\t\t);\n\n\t\tif (checked != this.checked) {\n\t\t\tthis.checked = checked;\n\t\t\tthis.checkedChange.emit(checked);\n\t\t}\n\n\t\tif (indeterminate != this.indeterminate) {\n\t\t\tthis.indeterminate = indeterminate;\n\t\t\tthis.indeterminateChange.emit(indeterminate);\n\t\t}\n\n\t\tthis._internals.setFormValue(\n\t\t\tthis.indeterminate ? 'indeterminate' : this.checked ? 'on' : 'off'\n\t\t);\n\t}\n}\n",null,"import {\n\tautoUpdate,\n\tcomputePosition,\n\tflip,\n\toffset,\n\tPlacement,\n\tshift,\n\tStrategy,\n} from '@floating-ui/dom';\nimport {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tHost,\n\tListen,\n\tProp,\n\tWatch,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { childOfComposed } from '../../../utils/child-of';\n\nconst dropdownContainerClass = cva(['z-dropdown hidden'], {\n\tvariants: {\n\t\tstrategy: {\n\t\t\tabsolute: 'absolute',\n\t\t\tfixed: 'fixed',\n\t\t},\n\t\tfullWidth: {\n\t\t\tfalse: null,\n\t\t\ttrue: 'w-full',\n\t\t},\n\t\tmaxWidth: {\n\t\t\tfalse: null,\n\t\t\ttrue: 'max-w-[13.875rem]',\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tfullWidth: false,\n\t\t\tmaxWidth: true,\n\t\t\tclass: 'w-auto',\n\t\t},\n\t],\n});\n\n@Component({\n\ttag: 'p-dropdown',\n\tstyleUrl: 'dropdown.component.css',\n\tshadow: true,\n})\nexport class Dropdown {\n\t/**\n\t * The variant of the dropdown\n\t */\n\t@Prop() variant: 'default' | 'dark-teal' = 'default';\n\n\t/**\n\t * The content of the dropdown menu\n\t */\n\t@Prop({ reflect: true }) placement: Placement = 'bottom-start';\n\n\t/**\n\t * The offset of the dropdown menu\n\t */\n\t@Prop() offset: number = 8;\n\n\t/**\n\t * The strategy of the dropdown placement\n\t */\n\t@Prop() strategy: Strategy = 'absolute';\n\n\t/**\n\t * Wether to show the dropdown menu\n\t */\n\t@Prop() show: boolean = false;\n\n\t/**\n\t * Wether to apply the max width\n\t */\n\t@Prop() applyMaxWidth: boolean = true;\n\n\t/**\n\t * Wether to apply the full width\n\t */\n\t@Prop() applyFullWidth: boolean = true;\n\n\t/**\n\t * Wether to allow overflow in the container\n\t */\n\t@Prop() allowOverflow: boolean = false;\n\n\t/**\n\t * Wether the dropdown container should be scrollable when the threshold is met.\n\t */\n\t@Prop() scrollable: boolean | 'default' | 'large' = false;\n\n\t/**\n\t * Wether to automatically close the dropdown menu after clicking inside\n\t */\n\t@Prop() insideClick: boolean = false;\n\n\t/**\n\t * Wether to automatically close the dropdown menu after clicking inside\n\t */\n\t@Prop() disableTriggerClick: boolean = false;\n\n\t/**\n\t * Wether to open the dropdown manually\n\t */\n\t@Prop() manual: boolean = false;\n\n\t/**\n\t * Wether to apply chevron automatically\n\t */\n\t@Prop() applyChevron: boolean = true;\n\n\t/**\n\t * Chevron position\n\t */\n\t@Prop() chevronPosition: 'start' | 'end' = 'end';\n\n\t/**\n\t * Chevron direction\n\t */\n\t@Prop() chevronDirection: 'up' | 'down';\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t/**\n\t * Open change event\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tisOpen: EventEmitter<boolean>;\n\n\tprivate _loaded = false;\n\tprivate _menu: HTMLElement;\n\tprivate _cleanup: () => void;\n\n\tcomponentShouldUpdate() {\n\t\tthis._update();\n\t}\n\n\tcomponentDidLoad() {\n\t\tthis._checkButtons();\n\t}\n\n\tdisconnectedCallback() {\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\n\t\tthis._menu.remove();\n\t}\n\n\tcomponentDidRender() {\n\t\tthis._checkButtons();\n\t\tthis._checkItems();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<Host class='relative'>\n\t\t\t\t<div\n\t\t\t\t\tclass='trigger'\n\t\t\t\t\tonClick={() => this._triggerClickHandler()}\n\t\t\t\t>\n\t\t\t\t\t<slot name='trigger' />\n\t\t\t\t</div>\n\t\t\t\t<div class='relative w-full'>\n\t\t\t\t\t<p-dropdown-menu-container\n\t\t\t\t\t\tvariant={this.variant}\n\t\t\t\t\t\tmaxWidth={this.applyMaxWidth}\n\t\t\t\t\t\tfullWidth={this.applyFullWidth && !this.applyMaxWidth}\n\t\t\t\t\t\tallowOverflow={this.allowOverflow}\n\t\t\t\t\t\tscrollable={this.scrollable}\n\t\t\t\t\t\tclass={dropdownContainerClass({\n\t\t\t\t\t\t\tstrategy: this.strategy,\n\t\t\t\t\t\t\tmaxWidth: this.applyMaxWidth,\n\t\t\t\t\t\t\tfullWidth: this.applyFullWidth && !this.applyMaxWidth,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tref={el => this._load(el)}\n\t\t\t\t\t\tonClick={() => this._containerClickHandler()}\n\t\t\t\t\t\trole='popover'\n\t\t\t\t\t\tdata-placement={this.placement}\n\t\t\t\t\t\tdata-strategy={this.strategy}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot name='items' />\n\t\t\t\t\t</p-dropdown-menu-container>\n\t\t\t\t</div>\n\t\t\t</Host>\n\t\t);\n\t}\n\n\tprivate _checkButtons(active: boolean = false) {\n\t\tif (!this.applyChevron) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst buttons = this._el.querySelectorAll<HTMLPButtonElement>(\n\t\t\t'p-button[slot=\"trigger\"]'\n\t\t);\n\n\t\tconst isOpen = this._menu.getAttribute('data-show') !== null;\n\n\t\tfor (let button of [...buttons]) {\n\t\t\tbutton.disabled = this.disableTriggerClick;\n\t\t\tbutton.active = active;\n\n\t\t\tif (button.iconOnly) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tbutton.chevronPosition = this.chevronPosition;\n\t\t\tbutton.chevron = this.chevronDirection\n\t\t\t\t? this.chevronDirection\n\t\t\t\t: this.placement.indexOf('top') >= 0\n\t\t\t\t? isOpen\n\t\t\t\t\t? 'down'\n\t\t\t\t\t: 'up'\n\t\t\t\t: isOpen\n\t\t\t\t? 'up'\n\t\t\t\t: 'down';\n\t\t}\n\t}\n\n\tprivate _checkItems() {\n\t\tconst items = this._el.querySelectorAll<HTMLPDropdownMenuItemElement>(\n\t\t\t'p-dropdown-menu-item'\n\t\t);\n\n\t\tfor (let item of [...items]) {\n\t\t\titem.variant = this.variant;\n\t\t}\n\t}\n\n\t@Watch('show')\n\tprotected onShowChange(show) {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!show) {\n\t\t\tthis._hide();\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\t@Listen('click', { target: 'document', capture: true })\n\tprotected documentClickHandler(event) {\n\t\tif (\n\t\t\t!this._menu.hasAttribute('data-show') ||\n\t\t\tchildOfComposed(event, this._menu)\n\t\t) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._hide();\n\t}\n\n\tprivate _containerClickHandler() {\n\t\tif (this.insideClick) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._menu.hasAttribute('data-show')) {\n\t\t\tthis._hide();\n\t\t}\n\t}\n\n\tprivate _triggerClickHandler() {\n\t\tif (this.disableTriggerClick) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.manual) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._menu.hasAttribute('data-show')) {\n\t\t\tthis._hide();\n\t\t\treturn;\n\t\t}\n\n\t\tthis._show();\n\t}\n\n\tprivate _load(popover: HTMLElement) {\n\t\tthis._menu = popover;\n\t\tif (popover) {\n\t\t\tthis._update();\n\t\t\tthis._loaded = true;\n\n\t\t\tif (this.show) {\n\t\t\t\tsetTimeout(() => this._show(), 100);\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate _show() {\n\t\tif (!this._loaded) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._cleanup = autoUpdate(this._el, this._menu, () => this._update());\n\n\t\tthis._menu.setAttribute('data-show', '');\n\t\tthis._menu.classList.remove('hidden');\n\t\tthis._menu.classList.add('block');\n\n\t\tthis.isOpen.emit(true);\n\t\tthis._checkButtons(true);\n\t}\n\n\tprivate _hide() {\n\t\tif (!this._loaded || this.show) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this._cleanup) {\n\t\t\tthis._cleanup();\n\t\t\tthis._cleanup = null;\n\t\t}\n\n\t\t// Hide the popover\n\t\tthis._menu.removeAttribute('data-show');\n\t\tthis._menu.classList.remove('block');\n\t\tthis._menu.classList.add('hidden');\n\n\t\tthis.isOpen.emit(false);\n\t\tthis._checkButtons(false);\n\t}\n\n\tprivate _update() {\n\t\tif (!this._menu) {\n\t\t\treturn;\n\t\t}\n\n\t\tcomputePosition(this._el, this._menu, {\n\t\t\tplacement: this.placement,\n\t\t\tstrategy: this.strategy,\n\t\t\tmiddleware: [offset(this.offset), flip(), shift()],\n\t\t}).then(({ x, y, placement }) => {\n\t\t\tthis._menu.dataset.placement = placement;\n\t\t\tObject.assign(this._menu.style, {\n\t\t\t\ttop: `${y}px`,\n\t\t\t\tleft: `${x}px`,\n\t\t\t});\n\t\t});\n\t}\n}\n",null,"import { Component, h, Prop } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\n\nconst dropdownMenuContainer = cva(\n\t[\n\t\t'p-dropdown-menu-container',\n\t\t'p-1',\n\t\t'rounded-lg z-10',\n\t\t'border',\n\t\t'transform-gpu will-change-transform',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: 'bg-white border-black-teal-100 drop-shadow-2 ',\n\t\t\t\t'dark-teal': 'bg-dark-teal-400 drop-shadow-3 border-dark-teal-400',\n\t\t\t},\n\t\t\tfullWidth: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'w-full',\n\t\t\t},\n\t\t\tmaxWidth: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: 'max-w-[13.875rem]',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tfullWidth: false,\n\t\t\t\tmaxWidth: true,\n\t\t\t\tclass: 'w-auto',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst innerContainer = cva('w-full min-h-full relative', {\n\tvariants: {\n\t\tallowOverflow: {\n\t\t\tfalse: 'overflow-y-auto overflow-x-hidden',\n\t\t\ttrue: null,\n\t\t},\n\t\tscrollable: {\n\t\t\tnone: null,\n\t\t\tdefault: 'max-h-[11.5rem]',\n\t\t\tlarge: 'max-h-[13.875rem]',\n\t\t\txlarge: 'max-h-[20rem]',\n\t\t},\n\t},\n});\n\n@Component({\n\ttag: 'p-dropdown-menu-container',\n\tstyleUrl: 'dropdown-menu-container.component.css',\n\tshadow: true,\n})\nexport class DropdownMenuContainer {\n\t/**\n\t * The variant of the container\n\t */\n\t@Prop() variant: 'default' | 'dark-teal' = 'default';\n\n\t/**\n\t * Wether the container applies it's max width\n\t */\n\t@Prop() maxWidth: boolean = true;\n\n\t/**\n\t * The class of the container passed by parent\n\t */\n\t@Prop() class: string;\n\n\t/**\n\t * Wether the container should all available space\n\t */\n\t@Prop() fullWidth: boolean = true;\n\n\t/**\n\t * Wether to allow overflow\n\t */\n\t@Prop() allowOverflow: boolean = false;\n\n\t/**\n\t * Wether the container should be scrollable when the threshold is met.\n\t */\n\t@Prop() scrollable: boolean | 'default' | 'large' | 'xlarge' = false;\n\n\trender() {\n\t\tconst scrollable =\n\t\t\tthis.scrollable === false\n\t\t\t\t? 'none'\n\t\t\t\t: this.scrollable === true\n\t\t\t\t? 'default'\n\t\t\t\t: this.scrollable;\n\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={dropdownMenuContainer({\n\t\t\t\t\tclass: this.class,\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\tfullWidth: asBoolean(this.fullWidth, true),\n\t\t\t\t\tmaxWidth: this.maxWidth,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclass={innerContainer({\n\t\t\t\t\t\tallowOverflow: asBoolean(this.allowOverflow),\n\t\t\t\t\t\tscrollable,\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t<div class='flex w-full flex-col'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n}\n",null,"import { Component, Prop, h } from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport { IconVariant } from '../../icon/icon.component';\nimport { cn } from '../../../../utils';\n\nconst dropdownMenuItem = cva(\n\t[\n\t\t'p-dropdown-menu-item flex px-2 py-1 gap-2 text-sm font-medium group rounded-lg items-center max-w-full',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: null,\n\t\t\t\t'dark-teal': null,\n\t\t\t\tnegative: null,\n\t\t\t},\n\t\t\tactive: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tdisabled: {\n\t\t\t\tfalse: 'cursor-pointer',\n\t\t\t\ttrue: 'cursor-not-allowed',\n\t\t\t},\n\t\t\tenableHover: {\n\t\t\t\tfalse: null,\n\t\t\t\ttrue: null,\n\t\t\t},\n\t\t\tenableTextWrap: {\n\t\t\t\ttrue: 'min-h-8',\n\t\t\t\tfalse: 'h-8',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'hover:bg-supportive-lilac-50',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tactive: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'bg-supportive-lilac-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'text-black-teal',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'text-black-teal-200',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'default',\n\t\t\t\tdisabled: true,\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'bg-supportive-lilac-100',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'dark-teal',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tclass: 'text-white',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'dark-teal',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'hover:bg-dark-teal-500',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'dark-teal',\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'text-white bg-dark-teal-600',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'dark-teal',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'opacity-40',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'text-negative-red hover:bg-negative-red-50',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tactive: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'bg-negative-red-100 text-negative-red',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tdisabled: true,\n\t\t\t\tclass: 'text-negative-red-100',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'negative',\n\t\t\t\tdisabled: true,\n\t\t\t\tactive: true,\n\t\t\t\tclass: 'bg-negative-red-50',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tenableHover: true,\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: 'cursor-pointer',\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst dropdownMenuItemIcon = cva(['text-base'], {\n\tvariants: {\n\t\tvariant: {\n\t\t\tdefault: null,\n\t\t\t'dark-teal': null,\n\t\t\tnegative: null,\n\t\t},\n\t\tactive: {\n\t\t\tfalse: null,\n\t\t\ttrue: null,\n\t\t},\n\t\tdisabled: {\n\t\t\tfalse: null,\n\t\t\ttrue: 'text-black-teal-100',\n\t\t},\n\t\twave: {\n\t\t\ttrue: 'group-hover:animate-wave',\n\t\t\tfalse: null,\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{\n\t\t\tvariant: 'default',\n\t\t\tactive: false,\n\t\t\tdisabled: false,\n\t\t\tclass: 'text-black-teal-300 group-hover:text-black-teal',\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'dark-teal',\n\t\t\tactive: false,\n\t\t\tdisabled: false,\n\t\t\tclass: 'text-dark-teal-100 group-hover:text-white',\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'negative',\n\t\t\tactive: false,\n\t\t\tdisabled: false,\n\t\t\tclass: 'text-negative-red group-hover:text-negative-red-800',\n\t\t},\n\t\t{\n\t\t\tvariant: 'negative',\n\t\t\tactive: true,\n\t\t\tdisabled: false,\n\t\t\tclass: 'text-negative-red-800',\n\t\t},\n\t],\n});\n\n@Component({\n\ttag: 'p-dropdown-menu-item',\n\tstyleUrl: 'dropdown-menu-item.component.css',\n\tshadow: true,\n})\nexport class DropdownMenuItem {\n\t/**\n\t * Wether the dropdown menu item is active\n\t */\n\t@Prop() active: boolean = false;\n\n\t/**\n\t * Wether the dropdown menu item has a checkbox\n\t */\n\t@Prop() checkbox: boolean = false;\n\n\t/**\n\t * The variant of the item\n\t */\n\t@Prop() variant: 'default' | 'dark-teal' | 'negative' = 'default';\n\n\t/**\n\t * Wether to enable the hover state\n\t */\n\t@Prop() enableHover?: boolean = true;\n\n\t/**\n\t * Wether to enable wrapping the text to a new line\n\t */\n\t@Prop() enableTextWrap?: boolean = false;\n\n\t/**\n\t * Wether the item is disabled\n\t */\n\t@Prop() disabled: boolean = false;\n\n\t/**\n\t * Icon of the navigation item\n\t */\n\t@Prop() icon: IconVariant;\n\n\t/**\n\t * Wether to apply wave animation to icon\n\t */\n\t@Prop() iconWave: boolean = false;\n\n\t/**\n\t *  wether to use the container for text\n\t */\n\t@Prop() useContainer = true;\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={dropdownMenuItem({\n\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\tenableHover: asBoolean(this.enableHover ?? true, true),\n\t\t\t\t\tenableTextWrap: this.enableTextWrap,\n\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{this.icon && (\n\t\t\t\t\t<p-icon\n\t\t\t\t\t\tclass={dropdownMenuItemIcon({\n\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\twave: asBoolean(this.iconWave),\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{this.checkbox && (\n\t\t\t\t\t<p-checkbox\n\t\t\t\t\t\tchecked={this.active}\n\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{this.useContainer ? (\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={cn('block w-full overflow-hidden text-start', {\n\t\t\t\t\t\t\t'text-ellipsis whitespace-nowrap': !this.enableTextWrap,\n\t\t\t\t\t\t})}\n\t\t\t\t\t>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t) : (\n\t\t\t\t\t<slot />\n\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n}\n"],"mappings":"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","ignoreList":[]}