@paperless/core 2.12.2 → 2.12.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -0
- package/dist/build/p-52cd6c94.entry.js +2 -0
- package/dist/build/{p-9c99e02e.entry.js.map → p-52cd6c94.entry.js.map} +1 -1
- package/dist/build/p-835a50f3.entry.js +2 -0
- package/dist/build/p-835a50f3.entry.js.map +1 -0
- package/dist/build/p-a5ee88a9.entry.js +2 -0
- package/dist/{paperless/p-74a3389d.entry.js.map → build/p-a5ee88a9.entry.js.map} +1 -1
- package/dist/build/{p-0aa30325.js → p-a6ca6e5e.js} +1 -1
- package/dist/build/p-checkbox.p-dropdown.p-dropdown-menu-container.p-dropdown-menu-item.entry.esm.js.map +1 -1
- package/dist/build/p-radio.entry.esm.js.map +1 -1
- package/dist/build/p-toggle.entry.esm.js.map +1 -1
- package/dist/build/paperless.esm.js +1 -1
- package/dist/cjs/p-checkbox.p-dropdown.p-dropdown-menu-container.p-dropdown-menu-item.entry.cjs.js.map +1 -1
- package/dist/cjs/p-checkbox_4.cjs.entry.js +2 -2
- package/dist/cjs/p-checkbox_4.cjs.entry.js.map +1 -1
- package/dist/cjs/p-radio.cjs.entry.js +2 -2
- package/dist/cjs/p-radio.cjs.entry.js.map +1 -1
- package/dist/cjs/p-radio.entry.cjs.js.map +1 -1
- package/dist/cjs/p-toggle.cjs.entry.js +2 -2
- package/dist/cjs/p-toggle.cjs.entry.js.map +1 -1
- package/dist/cjs/p-toggle.entry.cjs.js.map +1 -1
- package/dist/collection/components/atoms/checkbox/checkbox.component.css +1 -1
- package/dist/collection/components/atoms/checkbox/checkbox.component.js +1 -1
- package/dist/collection/components/atoms/checkbox/checkbox.component.js.map +1 -1
- package/dist/collection/components/atoms/radio/radio.component.css +1 -1
- package/dist/collection/components/atoms/radio/radio.component.js +1 -1
- package/dist/collection/components/atoms/radio/radio.component.js.map +1 -1
- package/dist/collection/components/atoms/toggle/toggle.component.css +1 -1
- package/dist/collection/components/atoms/toggle/toggle.component.js +1 -1
- package/dist/collection/components/atoms/toggle/toggle.component.js.map +1 -1
- package/dist/components/{p-BS-jX1Lx.js → p-CQAvP_Ox.js} +3 -3
- package/dist/components/{p-BS-jX1Lx.js.map → p-CQAvP_Ox.js.map} +1 -1
- package/dist/components/{p-D17QJxlD.js → p-CoSnDHGb.js} +5 -5
- package/dist/components/{p-D17QJxlD.js.map → p-CoSnDHGb.js.map} +1 -1
- package/dist/components/{p-Prvz6sE9.js → p-CpHwL9XE.js} +4 -4
- package/dist/components/{p-Prvz6sE9.js.map → p-CpHwL9XE.js.map} +1 -1
- package/dist/components/{p-DZcQ7XyM.js → p-CpzpSwUF.js} +6 -6
- package/dist/components/{p-DZcQ7XyM.js.map → p-CpzpSwUF.js.map} +1 -1
- package/dist/components/{p-Bky2Gs_E.js → p-D1ZRTCkT.js} +4 -4
- package/dist/components/{p-Bky2Gs_E.js.map → p-D1ZRTCkT.js.map} +1 -1
- package/dist/components/p-checkbox.js +1 -1
- package/dist/components/p-dropdown-menu-item.js +1 -1
- package/dist/components/p-pagination-size.js +1 -1
- package/dist/components/p-pagination.js +1 -1
- package/dist/components/p-radio.js +2 -2
- package/dist/components/p-radio.js.map +1 -1
- package/dist/components/p-select.js +2 -2
- package/dist/components/p-table-footer.js +1 -1
- package/dist/components/p-table.js +5 -5
- package/dist/components/p-toggle.js +2 -2
- package/dist/components/p-toggle.js.map +1 -1
- package/dist/esm/p-checkbox.p-dropdown.p-dropdown-menu-container.p-dropdown-menu-item.entry.js.map +1 -1
- package/dist/esm/p-checkbox_4.entry.js +2 -2
- package/dist/esm/p-checkbox_4.entry.js.map +1 -1
- package/dist/esm/p-radio.entry.js +2 -2
- package/dist/esm/p-radio.entry.js.map +1 -1
- package/dist/esm/p-toggle.entry.js +2 -2
- package/dist/esm/p-toggle.entry.js.map +1 -1
- package/dist/index.html +1 -1
- package/dist/paperless/p-52cd6c94.entry.js +2 -0
- package/dist/paperless/{p-9c99e02e.entry.js.map → p-52cd6c94.entry.js.map} +1 -1
- package/dist/paperless/p-835a50f3.entry.js +2 -0
- package/dist/paperless/p-835a50f3.entry.js.map +1 -0
- package/dist/paperless/p-a5ee88a9.entry.js +2 -0
- package/dist/{build/p-74a3389d.entry.js.map → paperless/p-a5ee88a9.entry.js.map} +1 -1
- package/dist/paperless/p-checkbox.p-dropdown.p-dropdown-menu-container.p-dropdown-menu-item.entry.esm.js.map +1 -1
- package/dist/paperless/p-radio.entry.esm.js.map +1 -1
- package/dist/paperless/p-toggle.entry.esm.js.map +1 -1
- package/dist/paperless/paperless.esm.js +1 -1
- package/dist/sw.js +1 -1
- package/dist/sw.js.map +1 -1
- package/package.json +1 -1
- package/dist/build/p-74a3389d.entry.js +0 -2
- package/dist/build/p-9c99e02e.entry.js +0 -2
- package/dist/build/p-c908313b.entry.js +0 -2
- package/dist/build/p-c908313b.entry.js.map +0 -1
- package/dist/paperless/p-74a3389d.entry.js +0 -2
- package/dist/paperless/p-9c99e02e.entry.js +0 -2
- package/dist/paperless/p-c908313b.entry.js +0 -2
- package/dist/paperless/p-c908313b.entry.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-BS-jX1Lx.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["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":["","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';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\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\tstorm: 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-indigo-50 dark:hover:bg-indigo-600/10',\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-indigo-100 dark:bg-indigo-600/20',\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-storm-500 dark:text-white',\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-storm-200 dark:text-hurricane-300',\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-indigo-50 dark:bg-white/5',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'storm',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tclass: 'text-white dark:text-storm-500',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'storm',\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-storm-500 dark:hover:bg-storm-500/15',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'storm',\n\t\t\t\tactive: true,\n\t\t\t\tclass:\n\t\t\t\t\t'text-white bg-storm-600 dark:text-storm-500 dark:bg-storm-500/20',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'storm',\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:\n\t\t\t\t\t'text-negative-red-500 hover:bg-negative-red-50 dark:hover:bg-negative-red-500/10',\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:\n\t\t\t\t\t'bg-negative-red-100 text-negative-red-500 dark:bg-negative-red-500/15',\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\tstorm: 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-storm-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: [\n\t\t\t\t'text-storm-300 group-hover:text-storm-500',\n\t\t\t\t'dark:text-hurricane-200 dark:group-hover:text-white',\n\t\t\t],\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'storm',\n\t\t\tactive: false,\n\t\t\tdisabled: false,\n\t\t\tclass: [\n\t\t\t\t'text-storm-100 group-hover:text-white',\n\t\t\t\t'dark:text-storm-300 dark:group-hover:text-storm-500',\n\t\t\t],\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:\n\t\t\t\t'text-negative-red-500 group-hover:text-negative-red-800 dark:text-negative-red-alternative dark:group-hover:text-negative-red-500',\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 dark:text-negative-red-500',\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' | 'storm' | '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<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={dropdownMenuItem({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\t\tenableHover: asBoolean(this.enableHover ?? true, true),\n\t\t\t\t\t\tenableTextWrap: this.enableTextWrap,\n\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this.icon && (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tclass={dropdownMenuItemIcon({\n\t\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t\twave: asBoolean(this.iconWave),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.checkbox && (\n\t\t\t\t\t\t<p-checkbox\n\t\t\t\t\t\t\tchecked={this.active}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.useContainer ? (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={cn('block w-full overflow-hidden text-start', {\n\t\t\t\t\t\t\t\t'text-ellipsis whitespace-nowrap': !this.enableTextWrap,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"version":3}
|
|
1
|
+
{"file":"p-CQAvP_Ox.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["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":["","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';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\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\tstorm: 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-indigo-50 dark:hover:bg-indigo-600/10',\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-indigo-100 dark:bg-indigo-600/20',\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-storm-500 dark:text-white',\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-storm-200 dark:text-hurricane-300',\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-indigo-50 dark:bg-white/5',\n\t\t\t},\n\n\t\t\t{\n\t\t\t\tvariant: 'storm',\n\t\t\t\tactive: false,\n\t\t\t\tenableHover: true,\n\t\t\t\tclass: 'text-white dark:text-storm-500',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'storm',\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-storm-500 dark:hover:bg-storm-500/15',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'storm',\n\t\t\t\tactive: true,\n\t\t\t\tclass:\n\t\t\t\t\t'text-white bg-storm-600 dark:text-storm-500 dark:bg-storm-500/20',\n\t\t\t},\n\t\t\t{\n\t\t\t\tvariant: 'storm',\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:\n\t\t\t\t\t'text-negative-red-500 hover:bg-negative-red-50 dark:hover:bg-negative-red-500/10',\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:\n\t\t\t\t\t'bg-negative-red-100 text-negative-red-500 dark:bg-negative-red-500/15',\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\tstorm: 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-storm-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: [\n\t\t\t\t'text-storm-300 group-hover:text-storm-500',\n\t\t\t\t'dark:text-hurricane-200 dark:group-hover:text-white',\n\t\t\t],\n\t\t},\n\n\t\t{\n\t\t\tvariant: 'storm',\n\t\t\tactive: false,\n\t\t\tdisabled: false,\n\t\t\tclass: [\n\t\t\t\t'text-storm-100 group-hover:text-white',\n\t\t\t\t'dark:text-storm-300 dark:group-hover:text-storm-500',\n\t\t\t],\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:\n\t\t\t\t'text-negative-red-500 group-hover:text-negative-red-800 dark:text-negative-red-alternative dark:group-hover:text-negative-red-500',\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 dark:text-negative-red-500',\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' | 'storm' | '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<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={dropdownMenuItem({\n\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\t\tenableHover: asBoolean(this.enableHover ?? true, true),\n\t\t\t\t\t\tenableTextWrap: this.enableTextWrap,\n\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this.icon && (\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tclass={dropdownMenuItemIcon({\n\t\t\t\t\t\t\t\tvariant: this.variant,\n\t\t\t\t\t\t\t\tactive: asBoolean(this.active),\n\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t\twave: asBoolean(this.iconWave),\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\tvariant={this.icon}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.checkbox && (\n\t\t\t\t\t\t<p-checkbox\n\t\t\t\t\t\t\tchecked={this.active}\n\t\t\t\t\t\t\tdisabled={this.disabled}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.useContainer ? (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={cn('block w-full overflow-hidden text-start', {\n\t\t\t\t\t\t\t\t'text-ellipsis whitespace-nowrap': !this.enableTextWrap,\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n}\n"],"version":3}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, c as createEvent, h, F as Fragment } from './p-Dgl2kvBS.js';
|
|
2
2
|
import { c as cva } from './p-CBWjHURv.js';
|
|
3
|
-
import { d as defineCustomElement$1, a as defaultSize, b as defaultSizeOptions } from './p-
|
|
3
|
+
import { d as defineCustomElement$1, a as defaultSize, b as defaultSizeOptions } from './p-CpHwL9XE.js';
|
|
4
4
|
import { T as ThemedHost } from './p-7QA93RrV.js';
|
|
5
|
-
import { d as defineCustomElement$9 } from './p-
|
|
5
|
+
import { d as defineCustomElement$9 } from './p-D1ZRTCkT.js';
|
|
6
6
|
import { d as defineCustomElement$8 } from './p-DzWmipVp.js';
|
|
7
7
|
import { d as defineCustomElement$7 } from './p-BqJMPQj6.js';
|
|
8
8
|
import { d as defineCustomElement$6 } from './p-D2igmK5l.js';
|
|
9
|
-
import { d as defineCustomElement$5 } from './p-
|
|
9
|
+
import { d as defineCustomElement$5 } from './p-CQAvP_Ox.js';
|
|
10
10
|
import { d as defineCustomElement$4 } from './p-BHphGfv6.js';
|
|
11
11
|
import { d as defineCustomElement$3 } from './p-DdIXD8-k.js';
|
|
12
12
|
import { d as defineCustomElement$2 } from './p-BmKAfzS1.js';
|
|
@@ -169,6 +169,6 @@ function defineCustomElement() {
|
|
|
169
169
|
defineCustomElement();
|
|
170
170
|
|
|
171
171
|
export { Pagination as P, defineCustomElement as d };
|
|
172
|
-
//# sourceMappingURL=p-
|
|
172
|
+
//# sourceMappingURL=p-CoSnDHGb.js.map
|
|
173
173
|
|
|
174
|
-
//# sourceMappingURL=p-
|
|
174
|
+
//# sourceMappingURL=p-CoSnDHGb.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-
|
|
1
|
+
{"file":"p-CoSnDHGb.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/pagination/pagination/pagination.component.css?tag=p-pagination&encapsulation=shadow","src/components/molecules/pagination/pagination/pagination.component.tsx"],"sourcesContent":["","import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\tFragment,\n\th,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { defaultSize, defaultSizeOptions } from '../size/constants';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\n\nconst pagination = cva(\n\t[\n\t\t'p-pagination',\n\t\t'items-center gap-2',\n\t\t'rounded-full',\n\t\t'bg-off-white-300 border border-solid border-off-white-700',\n\t\t'dark:bg-hurricane-500 dark:border-hurricane-400',\n\t\t'p-1',\n\t],\n\t{\n\t\tvariants: {\n\t\t\thidden: {\n\t\t\t\tfalse: 'flex',\n\t\t\t\ttrue: 'hidden',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-pagination',\n\tstyleUrl: 'pagination.component.css',\n\tshadow: true,\n})\nexport class Pagination {\n\t/**\n\t * Wether to hide when there is only 1 page available\n\t */\n\t@Prop() hideOnSinglePage: boolean = true;\n\n\t/**\n\t * Wether to enable pagination size select\n\t */\n\t@Prop() enablePaginationSize: boolean = true;\n\n\t/**\n\t * Wether to enable pagination pages\n\t */\n\t@Prop() enablePaginationPages: boolean = true;\n\n\t/**\n\t * The current page\n\t */\n\t@Prop({ mutable: true, reflect: true }) page: number = 1;\n\n\t/**\n\t * The total amount of items\n\t */\n\t@Prop() total!: number;\n\n\t/**\n\t * The amount of items per page\n\t */\n\t@Prop() pageSize: number = defaultSize;\n\n\t/**\n\t * The options for the page size\n\t */\n\t@Prop() pageSizeOptions: number[] = defaultSizeOptions;\n\n\t/**\n\t * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageChange: EventEmitter<number>;\n\n\t/**\n\t * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageSizeChange: EventEmitter<number>;\n\n\t/**\n\t * The pages that were generated\n\t */\n\t@Event({ bubbles: false }) pagesChange: EventEmitter<number>;\n\n\t@State() private _hasPaginationPages = true;\n\n\trender() {\n\t\tconst hidePageSizeSelect =\n\t\t\tthis.hideOnSinglePage && this.total <= this.pageSizeOptions?.[0];\n\n\t\treturn (\n\t\t\t<ThemedHost>\n\t\t\t\t<div\n\t\t\t\t\tclass={pagination({\n\t\t\t\t\t\thidden:\n\t\t\t\t\t\t\t(hidePageSizeSelect && !this._hasPaginationPages) ||\n\t\t\t\t\t\t\t(!this.enablePaginationSize && !this.enablePaginationPages),\n\t\t\t\t\t})}\n\t\t\t\t>\n\t\t\t\t\t{this.enablePaginationPages && this.enablePaginationSize && (\n\t\t\t\t\t\t<Fragment>\n\t\t\t\t\t\t\t<p-pagination-size\n\t\t\t\t\t\t\t\thidden={hidePageSizeSelect}\n\t\t\t\t\t\t\t\tsize={this.pageSize}\n\t\t\t\t\t\t\t\tsizeOptions={this.pageSizeOptions}\n\t\t\t\t\t\t\t\tonSizeChange={({ detail }) => this._changePageSize(detail)}\n\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t{!hidePageSizeSelect &&\n\t\t\t\t\t\t\t\tthis.hideOnSinglePage &&\n\t\t\t\t\t\t\t\tthis._hasPaginationPages && (\n\t\t\t\t\t\t\t\t\t<p-divider\n\t\t\t\t\t\t\t\t\t\tvariant='vertical'\n\t\t\t\t\t\t\t\t\t\tclass='mx-0 h-4 text-off-white-700 dark:text-hurricane-400'\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</Fragment>\n\t\t\t\t\t)}\n\n\t\t\t\t\t{this.enablePaginationPages && (\n\t\t\t\t\t\t<p-pagination-pages\n\t\t\t\t\t\t\tpageSize={this.pageSize}\n\t\t\t\t\t\t\ttotal={this.total}\n\t\t\t\t\t\t\tpage={this.page}\n\t\t\t\t\t\t\thideOnSinglePage={this.hideOnSinglePage}\n\t\t\t\t\t\t\tonPageChange={({ detail }) => this.pageChange.emit(detail)}\n\t\t\t\t\t\t\tonPagesChange={({ detail }) => {\n\t\t\t\t\t\t\t\tthis._hasPaginationPages = detail > 1;\n\t\t\t\t\t\t\t\tthis.pagesChange.emit(detail);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n\n\tprivate _changePageSize(s?: number) {\n\t\tif (!s) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.pageSize = s;\n\t\tthis.pageSizeChange.emit(this.pageSize);\n\t}\n}\n"],"version":3}
|
|
@@ -4,10 +4,10 @@ import { T as ThemedHost } from './p-7QA93RrV.js';
|
|
|
4
4
|
import { a as asBoolean } from './p-C5CTp9IA.js';
|
|
5
5
|
import { f as formatTranslation, g as getLocaleComponentStrings } from './p-DiJj8rmO.js';
|
|
6
6
|
import { c as cn } from './p-CT54OXR2.js';
|
|
7
|
-
import { d as defineCustomElement$5 } from './p-
|
|
7
|
+
import { d as defineCustomElement$5 } from './p-D1ZRTCkT.js';
|
|
8
8
|
import { d as defineCustomElement$4 } from './p-BqJMPQj6.js';
|
|
9
9
|
import { d as defineCustomElement$3 } from './p-D2igmK5l.js';
|
|
10
|
-
import { d as defineCustomElement$2 } from './p-
|
|
10
|
+
import { d as defineCustomElement$2 } from './p-CQAvP_Ox.js';
|
|
11
11
|
import { d as defineCustomElement$1 } from './p-BHphGfv6.js';
|
|
12
12
|
|
|
13
13
|
const defaultSize = 12;
|
|
@@ -161,6 +161,6 @@ function defineCustomElement() {
|
|
|
161
161
|
defineCustomElement();
|
|
162
162
|
|
|
163
163
|
export { PaginationSize as P, defaultSize as a, defaultSizeOptions as b, defineCustomElement as d };
|
|
164
|
-
//# sourceMappingURL=p-
|
|
164
|
+
//# sourceMappingURL=p-CpHwL9XE.js.map
|
|
165
165
|
|
|
166
|
-
//# sourceMappingURL=p-
|
|
166
|
+
//# sourceMappingURL=p-CpHwL9XE.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-
|
|
1
|
+
{"file":"p-CpHwL9XE.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/pagination/size/constants.tsx","src/components/molecules/pagination/size/pagination-size.component.css?tag=p-pagination-size&encapsulation=shadow","src/components/molecules/pagination/size/pagination-size.component.tsx"],"sourcesContent":["export const defaultSize = 12;\nexport const defaultSizeOptions = [12, 24, 68, 136];\n","","import {\n\tComponent,\n\tElement,\n\tEvent,\n\tEventEmitter,\n\th,\n\tListen,\n\tProp,\n\tState,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport { ThemedHost } from '../../../../internal/themed-host.component';\nimport { asBoolean } from '../../../../utils/as-boolean';\nimport {\n\tformatTranslation,\n\tgetLocaleComponentStrings,\n} from '../../../../utils/localization';\nimport { defaultSize, defaultSizeOptions } from './constants';\nimport { cn } from '../../../../utils';\n\nexport type templateFunc = (value: number) => string;\n\nconst paginationSize = cva('p-pagination-size', {\n\tvariants: {\n\t\thidden: {\n\t\t\tfalse: null,\n\t\t\ttrue: 'hidden',\n\t\t},\n\t},\n});\n\nconst trigger = cva(\n\t[\n\t\t'group/pagination-size-trigger',\n\t\t'flex items-center gap-2',\n\t\t'px-2 h-6',\n\t\t'text-sm text-storm-500 font-medium ',\n\t\t'dark:text-white',\n\t\t'cursor-pointer rounded-full',\n\t\t'shadow-1 border border-solid',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tactive: {\n\t\t\t\tfalse: [\n\t\t\t\t\t'bg-white hover:bg-white-600 border-transparent',\n\t\t\t\t\t'dark:bg-white/15 dark:hover:bg-white/25',\n\t\t\t\t],\n\t\t\t\ttrue: [\n\t\t\t\t\t'bg-white-600 border-indigo-600 ring ring-2 ring-indigo-100',\n\t\t\t\t\t'dark:bg-white/25 dark:ring-0',\n\t\t\t\t],\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-pagination-size',\n\tstyleUrl: 'pagination-size.component.css',\n\tshadow: true,\n})\nexport class PaginationSize {\n\tprivate _defaultItemTemplate: templateFunc = size =>\n\t\tformatTranslation(this._locales.item, { size });\n\t/**\n\t * The current page\n\t */\n\t@Prop({ mutable: true, reflect: true }) size: number = defaultSize;\n\n\t/**\n\t * The available sizes\n\t */\n\t@Prop() sizeOptions: number[] = defaultSizeOptions;\n\n\t/**\n\t * Event whenever the size changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tsizeChange: EventEmitter<number>;\n\n\t/**\n\t * The template for the data view\n\t */\n\t@Prop() itemTemplate: templateFunc = this._defaultItemTemplate;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t/**\n\t * Wether to hide when there is only 1 page available\n\t */\n\t@Prop() hidden: boolean = false;\n\n\t/**\n\t * Wether the dropdown is open\n\t */\n\t@State() dropdownIsOpen = false;\n\n\t/**\n\t * Locales used for this component\n\t */\n\t@State() private _locales: any = {};\n\n\tcomponentWillLoad() {\n\t\tthis._setLocales();\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<ThemedHost class={paginationSize({ hidden: asBoolean(this.hidden) })}>\n\t\t\t\t<p-dropdown\n\t\t\t\t\tapplyFullWidth={true}\n\t\t\t\t\tapplyMaxWidth={false}\n\t\t\t\t\tplacement='top-start'\n\t\t\t\t\tchevronDirection='down'\n\t\t\t\t\tonIsOpen={({ detail }) => (this.dropdownIsOpen = detail)}\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclass={trigger({\n\t\t\t\t\t\t\tactive: this.dropdownIsOpen,\n\t\t\t\t\t\t})}\n\t\t\t\t\t\tslot='trigger'\n\t\t\t\t\t>\n\t\t\t\t\t\t<p class='min-w-0 flex-1 overflow-hidden text-ellipsis text-nowrap'>\n\t\t\t\t\t\t\t{this.itemTemplate\n\t\t\t\t\t\t\t\t? this.itemTemplate(this.size)\n\t\t\t\t\t\t\t\t: this._defaultItemTemplate(this.size)}\n\t\t\t\t\t\t</p>\n\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\tclass={cn(\n\t\t\t\t\t\t\t\t[\n\t\t\t\t\t\t\t\t\t'flex-shrink-0',\n\t\t\t\t\t\t\t\t\t'group-hover/pagination-size-trigger:text-storm-500',\n\t\t\t\t\t\t\t\t\t'dark:group-hover/pagination-size-trigger:text-white',\n\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t'text-storm-300 dark:text-hurricane-200':\n\t\t\t\t\t\t\t\t\t\t!this.dropdownIsOpen,\n\t\t\t\t\t\t\t\t\t'text-storm-500 dark:text-white': !!this.dropdownIsOpen,\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\tvariant='double-caret'\n\t\t\t\t\t\t\tsize='sm'\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<slot slot='items'>\n\t\t\t\t\t\t{this.sizeOptions.map(option => (\n\t\t\t\t\t\t\t<p-dropdown-menu-item\n\t\t\t\t\t\t\t\tactive={option === this.size}\n\t\t\t\t\t\t\t\tonClick={() => this._changeSize(option)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{this.itemTemplate\n\t\t\t\t\t\t\t\t\t? this.itemTemplate(option)\n\t\t\t\t\t\t\t\t\t: this._defaultItemTemplate(option)}\n\t\t\t\t\t\t\t</p-dropdown-menu-item>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</slot>\n\t\t\t\t</p-dropdown>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n\n\t@Listen('localeChanged', { target: 'body' })\n\tprivate async _setLocales(): Promise<void> {\n\t\tthis._locales = await getLocaleComponentStrings(this._el);\n\t}\n\n\tprivate _changeSize(s?: number) {\n\t\tif (!s) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.size = s;\n\t\tthis.sizeChange.emit(this.size);\n\t}\n}\n"],"version":3}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { p as proxyCustomElement, H, c as createEvent, h } from './p-Dgl2kvBS.js';
|
|
2
2
|
import { c as cva } from './p-CBWjHURv.js';
|
|
3
|
-
import { d as defineCustomElement$1, a as defaultSize, b as defaultSizeOptions } from './p-
|
|
4
|
-
import { d as defineCustomElement$a } from './p-
|
|
3
|
+
import { d as defineCustomElement$1, a as defaultSize, b as defaultSizeOptions } from './p-CpHwL9XE.js';
|
|
4
|
+
import { d as defineCustomElement$a } from './p-D1ZRTCkT.js';
|
|
5
5
|
import { d as defineCustomElement$9 } from './p-DzWmipVp.js';
|
|
6
6
|
import { d as defineCustomElement$8 } from './p-BqJMPQj6.js';
|
|
7
7
|
import { d as defineCustomElement$7 } from './p-D2igmK5l.js';
|
|
8
|
-
import { d as defineCustomElement$6 } from './p-
|
|
8
|
+
import { d as defineCustomElement$6 } from './p-CQAvP_Ox.js';
|
|
9
9
|
import { d as defineCustomElement$5 } from './p-BHphGfv6.js';
|
|
10
|
-
import { d as defineCustomElement$4 } from './p-
|
|
10
|
+
import { d as defineCustomElement$4 } from './p-CoSnDHGb.js';
|
|
11
11
|
import { d as defineCustomElement$3 } from './p-DdIXD8-k.js';
|
|
12
12
|
import { d as defineCustomElement$2 } from './p-BmKAfzS1.js';
|
|
13
13
|
|
|
@@ -224,6 +224,6 @@ function defineCustomElement() {
|
|
|
224
224
|
defineCustomElement();
|
|
225
225
|
|
|
226
226
|
export { TableFooter as T, defineCustomElement as d };
|
|
227
|
-
//# sourceMappingURL=p-
|
|
227
|
+
//# sourceMappingURL=p-CpzpSwUF.js.map
|
|
228
228
|
|
|
229
|
-
//# sourceMappingURL=p-
|
|
229
|
+
//# sourceMappingURL=p-CpzpSwUF.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-
|
|
1
|
+
{"file":"p-CpzpSwUF.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/molecules/table/footer/table-footer.component.css?tag=p-table-footer&encapsulation=shadow","src/components/molecules/table/footer/table-footer.component.tsx"],"sourcesContent":[":host {\n\t@apply sticky;\n\t@apply z-[1];\n\n\t--tw-content: '';\n}\n","import {\n\tComponent,\n\tEvent,\n\tEventEmitter,\n\th,\n\tProp,\n\tElement,\n\tState,\n\tListen,\n} from '@stencil/core';\nimport { cva } from 'class-variance-authority';\nimport {\n\tdefaultSize,\n\tdefaultSizeOptions,\n} from '../../../molecules/pagination/size/constants';\n\nconst footer = cva(\n\t[\n\t\t'justify-center relative',\n\t\t'w-full py-8 px-6',\n\t\t'after:absolute after:top-0 after:left-0 after:z-[0]',\n\t\t'after:w-full after:h-full after:transition-opacity',\n\t\t'after:bg-gradient-to-t after:from-white after:via-white/80 after:to-transparent',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tpinned: {\n\t\t\t\tfalse: 'after:opacity-0',\n\t\t\t\ttrue: 'after:opacity-100',\n\t\t\t},\n\t\t\thidden: {\n\t\t\t\tfalse: 'flex',\n\t\t\t\ttrue: 'hidden',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-table-footer',\n\tstyleUrl: 'table-footer.component.css',\n\tshadow: true,\n})\nexport class TableFooter {\n\t/**\n\t * Wether to enable pagination size select\n\t */\n\t@Prop() enablePaginationSize: boolean = true;\n\n\t/**\n\t * Wether to enable pagination pages\n\t */\n\t@Prop() enablePaginationPages: boolean = true;\n\n\t/**\n\t * Wether we want to show loading state\n\t */\n\t@Prop() loading: boolean = false;\n\n\t/**\n\t * The current page\n\t */\n\t@Prop({ mutable: true, reflect: true }) page: number = 1;\n\n\t/**\n\t * The total amount of items\n\t */\n\t@Prop() total!: number;\n\n\t/**\n\t * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageChange: EventEmitter<number>;\n\n\t/**\n\t * The amount of items per page\n\t */\n\t@Prop() pageSize: number = defaultSize;\n\n\t/**\n\t * The options for the page size\n\t */\n\t@Prop() pageSizeOptions: number[] = defaultSizeOptions;\n\n\t/**\n\t * Event whenever the page changes\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\tpageSizeChange: EventEmitter<number>;\n\n\t/**\n\t * Event whenever the footer is hidden or nog\n\t */\n\t@Event({\n\t\tbubbles: false,\n\t})\n\thiddenChange: EventEmitter<boolean>;\n\n\t/**\n\t * Wether to hide when there is only 1 page available\n\t */\n\t@Prop() hideOnSinglePage: boolean = true;\n\n\t/**\n\t * The host element\n\t */\n\t@Element() private _el: HTMLElement;\n\n\t@State() private _isPinned = false;\n\t@State() private _hasPaginationPages = true;\n\n\tprivate _hidePageSizeSelect = false;\n\tprivate _hidden = false;\n\tprivate _renderCheckTimeout: NodeJS.Timeout;\n\n\tcomponentWillRender() {\n\t\tthis._hidePageSizeSelect =\n\t\t\tthis.hideOnSinglePage && this.total <= this.pageSizeOptions?.[0];\n\n\t\tconst hidden =\n\t\t\t(this._hidePageSizeSelect && !this._hasPaginationPages) ||\n\t\t\t(!this.enablePaginationSize && !this.enablePaginationPages);\n\n\t\tif (hidden !== this._hidden) {\n\t\t\tthis._hidden = hidden;\n\t\t\tthis.hiddenChange.emit(hidden);\n\t\t}\n\t}\n\n\tcomponentDidRender() {\n\t\tif (this._renderCheckTimeout) {\n\t\t\tclearTimeout(this._renderCheckTimeout);\n\t\t\tthis._renderCheckTimeout = null;\n\t\t}\n\n\t\tthis._renderCheckTimeout = setTimeout(() => this._checkStuck(), 100);\n\t}\n\n\trender() {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclass={footer({\n\t\t\t\t\tpinned: this._isPinned,\n\t\t\t\t\thidden: this._hidden,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t{(this.enablePaginationPages || this.enablePaginationSize) &&\n\t\t\t\t\tthis.total > 0 && (\n\t\t\t\t\t\t<p-pagination\n\t\t\t\t\t\t\tclass='z-[2]'\n\t\t\t\t\t\t\tenablePaginationSize={this.enablePaginationSize}\n\t\t\t\t\t\t\tenablePaginationPages={this.enablePaginationPages}\n\t\t\t\t\t\t\tpageSize={this.pageSize}\n\t\t\t\t\t\t\tpageSizeOptions={this.pageSizeOptions}\n\t\t\t\t\t\t\tonPageSizeChange={({ detail }) => this._changePageSize(detail)}\n\t\t\t\t\t\t\tpage={this.page}\n\t\t\t\t\t\t\thideOnSinglePage={this.hideOnSinglePage}\n\t\t\t\t\t\t\tonPageChange={({ detail }) => this.pageChange.emit(detail)}\n\t\t\t\t\t\t\ttotal={this.total}\n\t\t\t\t\t\t\tonPagesChange={({ detail }) =>\n\t\t\t\t\t\t\t\t(this._hasPaginationPages = detail > 1)\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tprivate _changePageSize(s?: number) {\n\t\tif (!s) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.pageSize = s;\n\t\tthis.pageSizeChange.emit(this.pageSize);\n\t}\n\n\tprivate _checkStuck() {\n\t\tconst rect = this._el.getBoundingClientRect();\n\t\tconst modal = this._el.closest('p-modal');\n\t\tconst layout = document.querySelector('p-layout');\n\n\t\tif (modal) {\n\t\t\tconst modalBody = modal.shadowRoot.querySelector('p-modal-body');\n\t\t\tconst innerContent = modalBody.shadowRoot.querySelector('div');\n\n\t\t\tconst innerContentComputed = getComputedStyle(innerContent);\n\n\t\t\tconst modalPaddingBottom = parseInt(\n\t\t\t\tinnerContentComputed.paddingBottom,\n\t\t\t\t10\n\t\t\t);\n\t\t\tthis._el.style.bottom = `-${modalPaddingBottom}px`;\n\t\t\tthis._el.style.marginBottom = `-${modalPaddingBottom - 1}px`;\n\t\t}\n\n\t\tif (layout && !modal) {\n\t\t\tconst innerContent = layout.shadowRoot.querySelector('.content');\n\t\t\tconst innerContentComputed = getComputedStyle(innerContent);\n\n\t\t\tconst layoutPaddingBottom = parseInt(\n\t\t\t\tinnerContentComputed.paddingBottom,\n\t\t\t\t10\n\t\t\t);\n\t\t\tthis._el.style.bottom = `-${layoutPaddingBottom}px`;\n\t\t\tthis._el.style.marginBottom = `-${layoutPaddingBottom - 1}px`;\n\t\t}\n\n\t\tthis._isPinned = window.innerHeight - rect.bottom == 0;\n\t}\n\n\t@Listen('scroll', { target: 'window' })\n\tonScroll() {\n\t\tthis._checkStuck();\n\t}\n}\n"],"version":3}
|
|
@@ -5,7 +5,7 @@ import { n as nonce } from './p-D9kEjsvZ.js';
|
|
|
5
5
|
import { T as ThemedHost } from './p-7QA93RrV.js';
|
|
6
6
|
import { d as defineCustomElement$1 } from './p-BHphGfv6.js';
|
|
7
7
|
|
|
8
|
-
const checkboxComponentCss = "*.sc-p-checkbox{box-sizing:border-box}.pointer-events-none.sc-p-checkbox{pointer-events:none!important}.static.sc-p-checkbox{position:static!important}.absolute.sc-p-checkbox{position:absolute!important}.relative.sc-p-checkbox{position:relative!important}.left-1\\/2.sc-p-checkbox{left:50%!important}.top-1\\/2.sc-p-checkbox{top:50%!important}.m-0.sc-p-checkbox{margin:0!important}.flex.sc-p-checkbox{display:flex!important}.hidden.sc-p-checkbox{display:none!important}.h-4.sc-p-checkbox{height:1rem!important}.w-4.sc-p-checkbox{width:1rem!important}.flex-1.sc-p-checkbox{flex:1 1 0%!important}.flex-shrink-0.sc-p-checkbox{flex-shrink:0!important}.-translate-x-1\\/2.sc-p-checkbox{--tw-translate-x:-50%!important}.-translate-x-1\\/2.sc-p-checkbox,.-translate-y-1\\/2.sc-p-checkbox{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.sc-p-checkbox{--tw-translate-y:-50%!important}.transform.sc-p-checkbox{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.sc-p-checkbox{cursor:not-allowed!important}.cursor-pointer.sc-p-checkbox{cursor:pointer!important}.appearance-none.sc-p-checkbox{appearance:none!important}.items-center.sc-p-checkbox{align-items:center!important}.justify-start.sc-p-checkbox{justify-content:flex-start!important}.gap-2.sc-p-checkbox{gap:.5rem!important}.overflow-hidden.sc-p-checkbox{overflow:hidden!important}.text-ellipsis.sc-p-checkbox{text-overflow:ellipsis!important}.rounded.sc-p-checkbox{border-radius:.25rem!important}.border.sc-p-checkbox{border-width:1px!important}.border-solid.sc-p-checkbox{border-style:solid!important}.border-storm-100.sc-p-checkbox{--tw-border-opacity:1!important;border-color:rgb(209 210 212/var(--tw-border-opacity,1))!important}.border-storm-50.sc-p-checkbox{--tw-border-opacity:1!important;border-color:rgb(232 232 234/var(--tw-border-opacity,1))!important}.bg-white.sc-p-checkbox{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white.sc-p-checkbox,.bg-white-600.sc-p-checkbox{--tw-bg-opacity:1!important}.bg-white-600.sc-p-checkbox{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.text-xs.sc-p-checkbox{font-size:.75rem!important;line-height:1rem!important}.text-storm-200.sc-p-checkbox{color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.text-storm-200.sc-p-checkbox,.text-white.sc-p-checkbox{--tw-text-opacity:1!important}.text-white.sc-p-checkbox{color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.shadow-1.sc-p-checkbox{--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.sc-p-checkbox{outline:2px solid transparent!important;outline-offset:2px!important}.drop-shadow-2.sc-p-checkbox{--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;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-storm-500\\/20.sc-p-checkbox:checked{border-color:rgba(24,30,41,.2)!important}.checked\\:bg-indigo-600.sc-p-checkbox:checked{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))!important}.checked\\:ring-2.sc-p-checkbox: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-indigo-100.sc-p-checkbox:checked{--tw-ring-opacity:1!important;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))!important}.indeterminate\\:border-storm-500\\/20.sc-p-checkbox:indeterminate{border-color:rgba(24,30,41,.2)!important}.indeterminate\\:bg-indigo-600.sc-p-checkbox:indeterminate{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))!important}.indeterminate\\:ring-2.sc-p-checkbox: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-indigo-100.sc-p-checkbox:indeterminate{--tw-ring-opacity:1!important;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))!important}.hover\\:border-storm-500\\/20.sc-p-checkbox:hover{border-color:rgba(24,30,41,.2)!important}.hover\\:bg-indigo-100.sc-p-checkbox:hover{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.checked\\:hover\\:border-storm-500\\/20.sc-p-checkbox:hover:checked{border-color:rgba(24,30,41,.2)!important}.checked\\:hover\\:bg-indigo-700.sc-p-checkbox:hover:checked{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.indeterminate\\:hover\\:border-storm-500\\/20.sc-p-checkbox:hover:indeterminate{border-color:rgba(24,30,41,.2)!important}.indeterminate\\:hover\\:bg-indigo-700.sc-p-checkbox:hover:indeterminate{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.group\\/checkbox-label.sc-p-checkbox:hover .group-hover\\/checkbox-label\\:border-storm-100.sc-p-checkbox{--tw-border-opacity:1!important;border-color:rgb(209 210 212/var(--tw-border-opacity,1))!important}.group\\/checkbox-label.sc-p-checkbox:hover .group-hover\\/checkbox-label\\:bg-indigo-100.sc-p-checkbox{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.group\\/checkbox-label.sc-p-checkbox:hover .group-hover\\/checkbox-label\\:text-sm.sc-p-checkbox,.group\\/p-checkbox.sc-p-checkbox:hover .group-hover\\/p-checkbox\\:text-sm.sc-p-checkbox{font-size:.875rem!important;line-height:1.25rem!important}.group\\/checkbox-label.sc-p-checkbox:hover .checked\\:group-hover\\/checkbox-label\\:border-storm-500\\/20.sc-p-checkbox:checked{border-color:rgba(24,30,41,.2)!important}.group\\/checkbox-label.sc-p-checkbox:hover .checked\\:group-hover\\/checkbox-label\\:bg-indigo-700.sc-p-checkbox:checked{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.group\\/checkbox-label.sc-p-checkbox:hover .indeterminate\\:group-hover\\/checkbox-label\\:border-storm-500\\/20.sc-p-checkbox:indeterminate{border-color:rgba(24,30,41,.2)!important}.group\\/checkbox-label.sc-p-checkbox:hover .indeterminate\\:group-hover\\/checkbox-label\\:bg-indigo-700.sc-p-checkbox:indeterminate{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.peer.sc-p-checkbox:checked~.peer-checked\\:flex.sc-p-checkbox{display:flex!important}.peer.sc-p-checkbox:indeterminate~.peer-indeterminate\\:flex.sc-p-checkbox{display:flex!important}.dark\\:border-white\\/10:where([data-theme=dark].sc-p-checkbox-h,[data-theme=dark].sc-p-checkbox-h *).sc-p-checkbox{border-color:hsla(0,0%,100%,.1)!important}.dark\\:border-white\\/15:where([data-theme=dark].sc-p-checkbox-h,[data-theme=dark].sc-p-checkbox-h *).sc-p-checkbox{border-color:hsla(0,0%,100%,.15)!important}.dark\\:bg-white\\/10:where([data-theme=dark].sc-p-checkbox-h,[data-theme=dark].sc-p-checkbox-h *).sc-p-checkbox{background-color:hsla(0,0%,100%,.1)!important}.dark\\:bg-white\\/5:where([data-theme=dark].sc-p-checkbox-h,[data-theme=dark].sc-p-checkbox-h *).sc-p-checkbox{background-color:hsla(0,0%,100%,.05)!important}.dark\\:text-hurricane-300:where([data-theme=dark].sc-p-checkbox-h,[data-theme=dark].sc-p-checkbox-h *).sc-p-checkbox{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.dark\\:text-white:where([data-theme=dark].sc-p-checkbox-h,[data-theme=dark].sc-p-checkbox-h *).sc-p-checkbox{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:checked\\:ring-0:checked:where([data-theme=dark].sc-p-checkbox-h,[data-theme=dark].sc-p-checkbox-h *).sc-p-checkbox{--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(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}.dark\\:hover\\:border-white\\/15:hover:where([data-theme=dark].sc-p-checkbox-h,[data-theme=dark].sc-p-checkbox-h *).sc-p-checkbox{border-color:hsla(0,0%,100%,.15)!important}.dark\\:hover\\:bg-white\\/20:hover:where([data-theme=dark].sc-p-checkbox-h,[data-theme=dark].sc-p-checkbox-h *).sc-p-checkbox{background-color:hsla(0,0%,100%,.2)!important}.dark\\:border-white\\/10.sc-p-checkbox:where([data-theme=dark],[data-theme=dark].sc-p-checkbox *).sc-p-checkbox{border-color:hsla(0,0%,100%,.1)!important}.dark\\:border-white\\/15.sc-p-checkbox:where([data-theme=dark],[data-theme=dark].sc-p-checkbox *).sc-p-checkbox{border-color:hsla(0,0%,100%,.15)!important}.dark\\:bg-white\\/10.sc-p-checkbox:where([data-theme=dark],[data-theme=dark].sc-p-checkbox *).sc-p-checkbox{background-color:hsla(0,0%,100%,.1)!important}.dark\\:bg-white\\/5.sc-p-checkbox:where([data-theme=dark],[data-theme=dark].sc-p-checkbox *).sc-p-checkbox{background-color:hsla(0,0%,100%,.05)!important}.dark\\:text-hurricane-300.sc-p-checkbox:where([data-theme=dark],[data-theme=dark].sc-p-checkbox *).sc-p-checkbox{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.dark\\:text-white.sc-p-checkbox:where([data-theme=dark],[data-theme=dark].sc-p-checkbox *).sc-p-checkbox{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:checked\\:ring-0.sc-p-checkbox:checked:where([data-theme=dark],[data-theme=dark].sc-p-checkbox *).sc-p-checkbox{--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(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}.dark\\:hover\\:border-white\\/15.sc-p-checkbox:hover:where([data-theme=dark],[data-theme=dark].sc-p-checkbox *).sc-p-checkbox{border-color:hsla(0,0%,100%,.15)!important}.dark\\:hover\\:bg-white\\/20.sc-p-checkbox:hover:where([data-theme=dark],[data-theme=dark].sc-p-checkbox *).sc-p-checkbox{background-color:hsla(0,0%,100%,.2)!important}";
|
|
8
|
+
const checkboxComponentCss = "*.sc-p-checkbox{box-sizing:border-box}.pointer-events-none.sc-p-checkbox{pointer-events:none!important}.static.sc-p-checkbox{position:static!important}.absolute.sc-p-checkbox{position:absolute!important}.relative.sc-p-checkbox{position:relative!important}.left-1\\/2.sc-p-checkbox{left:50%!important}.top-1\\/2.sc-p-checkbox{top:50%!important}.m-0.sc-p-checkbox{margin:0!important}.flex.sc-p-checkbox{display:flex!important}.hidden.sc-p-checkbox{display:none!important}.h-4.sc-p-checkbox{height:1rem!important}.w-4.sc-p-checkbox{width:1rem!important}.flex-1.sc-p-checkbox{flex:1 1 0%!important}.flex-shrink-0.sc-p-checkbox{flex-shrink:0!important}.-translate-x-1\\/2.sc-p-checkbox{--tw-translate-x:-50%!important}.-translate-x-1\\/2.sc-p-checkbox,.-translate-y-1\\/2.sc-p-checkbox{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.sc-p-checkbox{--tw-translate-y:-50%!important}.transform.sc-p-checkbox{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.sc-p-checkbox{cursor:not-allowed!important}.cursor-pointer.sc-p-checkbox{cursor:pointer!important}.appearance-none.sc-p-checkbox{appearance:none!important}.items-center.sc-p-checkbox{align-items:center!important}.justify-start.sc-p-checkbox{justify-content:flex-start!important}.gap-2.sc-p-checkbox{gap:.5rem!important}.overflow-hidden.sc-p-checkbox{overflow:hidden!important}.text-ellipsis.sc-p-checkbox{text-overflow:ellipsis!important}.rounded.sc-p-checkbox{border-radius:.25rem!important}.border.sc-p-checkbox{border-width:1px!important}.border-solid.sc-p-checkbox{border-style:solid!important}.border-storm-100.sc-p-checkbox{--tw-border-opacity:1!important;border-color:rgb(209 210 212/var(--tw-border-opacity,1))!important}.border-storm-50.sc-p-checkbox{--tw-border-opacity:1!important;border-color:rgb(232 232 234/var(--tw-border-opacity,1))!important}.bg-white.sc-p-checkbox{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white.sc-p-checkbox,.bg-white-600.sc-p-checkbox{--tw-bg-opacity:1!important}.bg-white-600.sc-p-checkbox{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.text-xs.sc-p-checkbox{font-size:.75rem!important;line-height:1rem!important}.text-storm-200.sc-p-checkbox{color:rgb(163 165 169/var(--tw-text-opacity,1))!important}.text-storm-200.sc-p-checkbox,.text-white.sc-p-checkbox{--tw-text-opacity:1!important}.text-white.sc-p-checkbox{color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.shadow-1.sc-p-checkbox{--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.sc-p-checkbox{outline:2px solid transparent!important;outline-offset:2px!important}.drop-shadow-2.sc-p-checkbox{--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;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-storm-500\\/20.sc-p-checkbox:checked{border-color:rgba(24,30,41,.2)!important}.checked\\:bg-indigo-600.sc-p-checkbox:checked{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))!important}.checked\\:ring-2.sc-p-checkbox: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-indigo-100.sc-p-checkbox:checked{--tw-ring-opacity:1!important;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))!important}.indeterminate\\:border-storm-500\\/20.sc-p-checkbox:indeterminate{border-color:rgba(24,30,41,.2)!important}.indeterminate\\:bg-indigo-600.sc-p-checkbox:indeterminate{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))!important}.indeterminate\\:ring-2.sc-p-checkbox: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-indigo-100.sc-p-checkbox:indeterminate{--tw-ring-opacity:1!important;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))!important}.empty\\:hidden.sc-p-checkbox:empty{display:none!important}.hover\\:border-storm-500\\/20.sc-p-checkbox:hover{border-color:rgba(24,30,41,.2)!important}.hover\\:bg-indigo-100.sc-p-checkbox:hover{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.checked\\:hover\\:border-storm-500\\/20.sc-p-checkbox:hover:checked{border-color:rgba(24,30,41,.2)!important}.checked\\:hover\\:bg-indigo-700.sc-p-checkbox:hover:checked{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.indeterminate\\:hover\\:border-storm-500\\/20.sc-p-checkbox:hover:indeterminate{border-color:rgba(24,30,41,.2)!important}.indeterminate\\:hover\\:bg-indigo-700.sc-p-checkbox:hover:indeterminate{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.group\\/checkbox-label.sc-p-checkbox:hover .group-hover\\/checkbox-label\\:border-storm-100.sc-p-checkbox{--tw-border-opacity:1!important;border-color:rgb(209 210 212/var(--tw-border-opacity,1))!important}.group\\/checkbox-label.sc-p-checkbox:hover .group-hover\\/checkbox-label\\:bg-indigo-100.sc-p-checkbox{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.group\\/checkbox-label.sc-p-checkbox:hover .group-hover\\/checkbox-label\\:text-sm.sc-p-checkbox,.group\\/p-checkbox.sc-p-checkbox:hover .group-hover\\/p-checkbox\\:text-sm.sc-p-checkbox{font-size:.875rem!important;line-height:1.25rem!important}.group\\/checkbox-label.sc-p-checkbox:hover .checked\\:group-hover\\/checkbox-label\\:border-storm-500\\/20.sc-p-checkbox:checked{border-color:rgba(24,30,41,.2)!important}.group\\/checkbox-label.sc-p-checkbox:hover .checked\\:group-hover\\/checkbox-label\\:bg-indigo-700.sc-p-checkbox:checked{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.group\\/checkbox-label.sc-p-checkbox:hover .indeterminate\\:group-hover\\/checkbox-label\\:border-storm-500\\/20.sc-p-checkbox:indeterminate{border-color:rgba(24,30,41,.2)!important}.group\\/checkbox-label.sc-p-checkbox:hover .indeterminate\\:group-hover\\/checkbox-label\\:bg-indigo-700.sc-p-checkbox:indeterminate{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.peer.sc-p-checkbox:checked~.peer-checked\\:flex.sc-p-checkbox{display:flex!important}.peer.sc-p-checkbox:indeterminate~.peer-indeterminate\\:flex.sc-p-checkbox{display:flex!important}.dark\\:border-white\\/10:where([data-theme=dark].sc-p-checkbox-h,[data-theme=dark].sc-p-checkbox-h *).sc-p-checkbox{border-color:hsla(0,0%,100%,.1)!important}.dark\\:border-white\\/15:where([data-theme=dark].sc-p-checkbox-h,[data-theme=dark].sc-p-checkbox-h *).sc-p-checkbox{border-color:hsla(0,0%,100%,.15)!important}.dark\\:bg-white\\/10:where([data-theme=dark].sc-p-checkbox-h,[data-theme=dark].sc-p-checkbox-h *).sc-p-checkbox{background-color:hsla(0,0%,100%,.1)!important}.dark\\:bg-white\\/5:where([data-theme=dark].sc-p-checkbox-h,[data-theme=dark].sc-p-checkbox-h *).sc-p-checkbox{background-color:hsla(0,0%,100%,.05)!important}.dark\\:text-hurricane-300:where([data-theme=dark].sc-p-checkbox-h,[data-theme=dark].sc-p-checkbox-h *).sc-p-checkbox{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.dark\\:text-white:where([data-theme=dark].sc-p-checkbox-h,[data-theme=dark].sc-p-checkbox-h *).sc-p-checkbox{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:checked\\:ring-0:checked:where([data-theme=dark].sc-p-checkbox-h,[data-theme=dark].sc-p-checkbox-h *).sc-p-checkbox{--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(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}.dark\\:hover\\:border-white\\/15:hover:where([data-theme=dark].sc-p-checkbox-h,[data-theme=dark].sc-p-checkbox-h *).sc-p-checkbox{border-color:hsla(0,0%,100%,.15)!important}.dark\\:hover\\:bg-white\\/20:hover:where([data-theme=dark].sc-p-checkbox-h,[data-theme=dark].sc-p-checkbox-h *).sc-p-checkbox{background-color:hsla(0,0%,100%,.2)!important}.dark\\:border-white\\/10.sc-p-checkbox:where([data-theme=dark],[data-theme=dark].sc-p-checkbox *).sc-p-checkbox{border-color:hsla(0,0%,100%,.1)!important}.dark\\:border-white\\/15.sc-p-checkbox:where([data-theme=dark],[data-theme=dark].sc-p-checkbox *).sc-p-checkbox{border-color:hsla(0,0%,100%,.15)!important}.dark\\:bg-white\\/10.sc-p-checkbox:where([data-theme=dark],[data-theme=dark].sc-p-checkbox *).sc-p-checkbox{background-color:hsla(0,0%,100%,.1)!important}.dark\\:bg-white\\/5.sc-p-checkbox:where([data-theme=dark],[data-theme=dark].sc-p-checkbox *).sc-p-checkbox{background-color:hsla(0,0%,100%,.05)!important}.dark\\:text-hurricane-300.sc-p-checkbox:where([data-theme=dark],[data-theme=dark].sc-p-checkbox *).sc-p-checkbox{--tw-text-opacity:1!important;color:rgb(116 120 127/var(--tw-text-opacity,1))!important}.dark\\:text-white.sc-p-checkbox:where([data-theme=dark],[data-theme=dark].sc-p-checkbox *).sc-p-checkbox{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:checked\\:ring-0.sc-p-checkbox:checked:where([data-theme=dark],[data-theme=dark].sc-p-checkbox *).sc-p-checkbox{--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(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}.dark\\:hover\\:border-white\\/15.sc-p-checkbox:hover:where([data-theme=dark],[data-theme=dark].sc-p-checkbox *).sc-p-checkbox{border-color:hsla(0,0%,100%,.15)!important}.dark\\:hover\\:bg-white\\/20.sc-p-checkbox:hover:where([data-theme=dark],[data-theme=dark].sc-p-checkbox *).sc-p-checkbox{background-color:hsla(0,0%,100%,.2)!important}";
|
|
9
9
|
|
|
10
10
|
const checkbox = cva([
|
|
11
11
|
'peer appearance-none m-0 outline-none flex-shrink-0',
|
|
@@ -111,7 +111,7 @@ const Checkbox = /*@__PURE__*/ proxyCustomElement(class Checkbox extends H {
|
|
|
111
111
|
disabled: asBoolean(this.disabled),
|
|
112
112
|
}) }, h("p-icon", { key: '97dad6a644c2458fab6b7cfea21854adb923b56f', class: icon({
|
|
113
113
|
disabled: asBoolean(this.disabled),
|
|
114
|
-
}), size: 'auto', variant: asBoolean(this.indeterminate) ? 'minus' : 'checkmarkThick' }))), h("div", { key: '
|
|
114
|
+
}), size: 'auto', variant: asBoolean(this.indeterminate) ? 'minus' : 'checkmarkThick' }))), h("div", { key: '856a5a7b3b747ee4de5eca802aa291b5c2e61cb2', class: 'flex-1 overflow-hidden text-ellipsis empty:hidden dark:text-white' }, h("slot", { key: 'eb7b6eafd84935a2ea786144fd2b559fb01496f6' })))));
|
|
115
115
|
}
|
|
116
116
|
_onChange(ev) {
|
|
117
117
|
if (this.disabled) {
|
|
@@ -162,6 +162,6 @@ function defineCustomElement() {
|
|
|
162
162
|
defineCustomElement();
|
|
163
163
|
|
|
164
164
|
export { Checkbox as C, defineCustomElement as d };
|
|
165
|
-
//# sourceMappingURL=p-
|
|
165
|
+
//# sourceMappingURL=p-D1ZRTCkT.js.map
|
|
166
166
|
|
|
167
|
-
//# sourceMappingURL=p-
|
|
167
|
+
//# sourceMappingURL=p-D1ZRTCkT.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-
|
|
1
|
+
{"file":"p-D1ZRTCkT.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/checkbox/checkbox.component.css?tag=p-checkbox&encapsulation=scoped","src/components/atoms/checkbox/checkbox.component.tsx"],"sourcesContent":["","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';\nimport { ThemedHost } from '../../../internal/themed-host.component';\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-storm-100 dark:bg-white/10 dark:border-white/15',\n\t\t\t\t\t'hover:bg-indigo-100 hover:border-storm-500/20 dark:hover:bg-white/20 dark:hover:border-white/15',\n\t\t\t\t\t'group-hover/checkbox-label:bg-indigo-100 group-hover/checkbox-label:border-storm-100',\n\t\t\t\t\t'checked:bg-indigo-600 checked:border-storm-500/20',\n\t\t\t\t\t'checked:ring-2 checked:ring-indigo-100 dark:checked:ring-0',\n\t\t\t\t\t'checked:hover:bg-indigo-700 checked:hover:border-storm-500/20',\n\t\t\t\t\t'checked:group-hover/checkbox-label:bg-indigo-700 checked:group-hover/checkbox-label:border-storm-500/20',\n\t\t\t\t\t'indeterminate:bg-indigo-600 indeterminate:border-storm-500/20',\n\t\t\t\t\t'indeterminate:ring-2 indeterminate:ring-indigo-100',\n\t\t\t\t\t'indeterminate:hover:bg-indigo-700 indeterminate:hover:border-storm-500/20',\n\t\t\t\t\t'indeterminate:group-hover/checkbox-label:bg-indigo-700 indeterminate:group-hover/checkbox-label:border-storm-500/20',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-white-600 border-storm-50 cursor-not-allowed dark:bg-white/5 dark:border-white/10',\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-storm-200 dark:text-hurricane-300',\n\t\t\t},\n\t\t},\n\t}\n);\n\nconst icon = cva(['drop-shadow-2 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\tscoped: 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<ThemedHost>\n\t\t\t\t<label\n\t\t\t\t\thtmlFor={id}\n\t\t\t\t\tclass='group/p-checkbox flex items-center justify-start gap-2'\n\t\t\t\t>\n\t\t\t\t\t<div class='relative flex flex-shrink-0 items-center'>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclass={checkbox({\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\ttype='checkbox'\n\t\t\t\t\t\t\tid={id}\n\t\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\t\trequired={asBoolean(this.required)}\n\t\t\t\t\t\t\tchecked={asBoolean(this.checked)}\n\t\t\t\t\t\t\tindeterminate={asBoolean(this.indeterminate)}\n\t\t\t\t\t\t\tdisabled={asBoolean(this.disabled)}\n\t\t\t\t\t\t\tonChange={ev => this._onChange(ev)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={iconContainer({\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>\n\t\t\t\t\t\t\t<p-icon\n\t\t\t\t\t\t\t\tclass={icon({\n\t\t\t\t\t\t\t\t\tdisabled: asBoolean(this.disabled),\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\tsize='auto'\n\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\tasBoolean(this.indeterminate) ? 'minus' : 'checkmarkThick'\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class='flex-1 overflow-hidden text-ellipsis empty:hidden dark:text-white'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t</label>\n\t\t\t</ThemedHost>\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"],"version":3}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { D as DropdownMenuItem, d as defineCustomElement$1 } from './p-
|
|
1
|
+
import { D as DropdownMenuItem, d as defineCustomElement$1 } from './p-CQAvP_Ox.js';
|
|
2
2
|
|
|
3
3
|
const PDropdownMenuItem = DropdownMenuItem;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
@@ -4,7 +4,7 @@ import { a as asBoolean } from './p-C5CTp9IA.js';
|
|
|
4
4
|
import { n as nonce } from './p-D9kEjsvZ.js';
|
|
5
5
|
import { T as ThemedHost } from './p-7QA93RrV.js';
|
|
6
6
|
|
|
7
|
-
const radioComponentCss = "*.sc-p-radio{box-sizing:border-box}.pointer-events-none.sc-p-radio{pointer-events:none!important}.static.sc-p-radio{position:static!important}.absolute.sc-p-radio{position:absolute!important}.relative.sc-p-radio{position:relative!important}.left-1\\/2.sc-p-radio{left:50%!important}.top-1\\/2.sc-p-radio{top:50%!important}.m-0.sc-p-radio{margin:0!important}.block.sc-p-radio{display:block!important}.flex.sc-p-radio{display:flex!important}.h-2.sc-p-radio{height:.5rem!important}.h-4.sc-p-radio{height:1rem!important}.w-2.sc-p-radio{width:.5rem!important}.w-4.sc-p-radio{width:1rem!important}.flex-1.sc-p-radio{flex:1 1 0%!important}.flex-shrink-0.sc-p-radio{flex-shrink:0!important}.-translate-x-1\\/2.sc-p-radio{--tw-translate-x:-50%!important}.-translate-x-1\\/2.sc-p-radio,.-translate-y-1\\/2.sc-p-radio{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.sc-p-radio{--tw-translate-y:-50%!important}.transform.sc-p-radio{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.sc-p-radio{cursor:not-allowed!important}.cursor-pointer.sc-p-radio{cursor:pointer!important}.appearance-none.sc-p-radio{appearance:none!important}.items-center.sc-p-radio{align-items:center!important}.justify-start.sc-p-radio{justify-content:flex-start!important}.gap-2.sc-p-radio{gap:.5rem!important}.overflow-hidden.sc-p-radio{overflow:hidden!important}.text-ellipsis.sc-p-radio{text-overflow:ellipsis!important}.rounded-full.sc-p-radio{border-radius:9999px!important}.border.sc-p-radio{border-width:1px!important}.border-solid.sc-p-radio{border-style:solid!important}.border-storm-100.sc-p-radio{--tw-border-opacity:1!important;border-color:rgb(209 210 212/var(--tw-border-opacity,1))!important}.border-storm-50.sc-p-radio{--tw-border-opacity:1!important;border-color:rgb(232 232 234/var(--tw-border-opacity,1))!important}.bg-transparent.sc-p-radio{background-color:transparent!important}.bg-white.sc-p-radio{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white.sc-p-radio,.bg-white-600.sc-p-radio{--tw-bg-opacity:1!important}.bg-white-600.sc-p-radio{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.shadow-1.sc-p-radio{--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.sc-p-radio{outline:2px solid transparent!important;outline-offset:2px!important}.checked\\:cursor-auto.sc-p-radio:checked{cursor:auto!important}.checked\\:border-storm-500\\/20.sc-p-radio:checked{border-color:rgba(24,30,41,.2)!important}.checked\\:bg-indigo-600.sc-p-radio:checked{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))!important}.checked\\:ring-2.sc-p-radio: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-indigo-100.sc-p-radio:checked{--tw-ring-opacity:1!important;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))!important}.hover\\:border-storm-500\\/20.sc-p-radio:hover{border-color:rgba(24,30,41,.2)!important}.hover\\:bg-indigo-100.sc-p-radio:hover{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.checked\\:hover\\:border-storm-500\\/20.sc-p-radio:hover:checked{border-color:rgba(24,30,41,.2)!important}.checked\\:hover\\:bg-indigo-700.sc-p-radio:hover:checked{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.group\\/radio-label.sc-p-radio:hover .group-hover\\/radio-label\\:border-storm-500\\/20.sc-p-radio{border-color:rgba(24,30,41,.2)!important}.group\\/radio-label.sc-p-radio:hover .group-hover\\/radio-label\\:bg-indigo-100.sc-p-radio{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.group\\/radio-label.sc-p-radio:hover .checked\\:group-hover\\/radio-label\\:border-storm-500\\/20.sc-p-radio:checked{border-color:rgba(24,30,41,.2)!important}.group\\/radio-label.sc-p-radio:hover .checked\\:group-hover\\/radio-label\\:bg-indigo-700.sc-p-radio:checked{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.peer.sc-p-radio:checked~.peer-checked\\:bg-storm-200.sc-p-radio{--tw-bg-opacity:1!important;background-color:rgb(163 165 169/var(--tw-bg-opacity,1))!important}.peer.sc-p-radio:checked~.peer-checked\\:bg-white.sc-p-radio{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.peer.sc-p-radio:checked~.peer-checked\\:ring-1.sc-p-radio{--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(1px + 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}.peer.sc-p-radio:checked~.peer-checked\\:ring-storm-500\\/10.sc-p-radio{--tw-ring-color:rgba(24,30,41,.1)!important}.dark\\:border-white\\/10:where([data-theme=dark].sc-p-radio-h,[data-theme=dark].sc-p-radio-h *).sc-p-radio{border-color:hsla(0,0%,100%,.1)!important}.dark\\:border-white\\/15:where([data-theme=dark].sc-p-radio-h,[data-theme=dark].sc-p-radio-h *).sc-p-radio{border-color:hsla(0,0%,100%,.15)!important}.dark\\:bg-white\\/10:where([data-theme=dark].sc-p-radio-h,[data-theme=dark].sc-p-radio-h *).sc-p-radio{background-color:hsla(0,0%,100%,.1)!important}.dark\\:bg-white\\/5:where([data-theme=dark].sc-p-radio-h,[data-theme=dark].sc-p-radio-h *).sc-p-radio{background-color:hsla(0,0%,100%,.05)!important}.dark\\:text-white:where([data-theme=dark].sc-p-radio-h,[data-theme=dark].sc-p-radio-h *).sc-p-radio{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:checked\\:ring-0:checked:where([data-theme=dark].sc-p-radio-h,[data-theme=dark].sc-p-radio-h *).sc-p-radio{--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(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}.dark\\:hover\\:border-white\\/15:hover:where([data-theme=dark].sc-p-radio-h,[data-theme=dark].sc-p-radio-h *).sc-p-radio{border-color:hsla(0,0%,100%,.15)!important}.dark\\:hover\\:bg-white\\/20:hover:where([data-theme=dark].sc-p-radio-h,[data-theme=dark].sc-p-radio-h *).sc-p-radio{background-color:hsla(0,0%,100%,.2)!important}.peer:checked~.dark\\:peer-checked\\:bg-hurricane-300:where([data-theme=dark].sc-p-radio-h,[data-theme=dark].sc-p-radio-h *).sc-p-radio{--tw-bg-opacity:1!important;background-color:rgb(116 120 127/var(--tw-bg-opacity,1))!important}.dark\\:border-white\\/10.sc-p-radio:where([data-theme=dark],[data-theme=dark].sc-p-radio *).sc-p-radio{border-color:hsla(0,0%,100%,.1)!important}.dark\\:border-white\\/15.sc-p-radio:where([data-theme=dark],[data-theme=dark].sc-p-radio *).sc-p-radio{border-color:hsla(0,0%,100%,.15)!important}.dark\\:bg-white\\/10.sc-p-radio:where([data-theme=dark],[data-theme=dark].sc-p-radio *).sc-p-radio{background-color:hsla(0,0%,100%,.1)!important}.dark\\:bg-white\\/5.sc-p-radio:where([data-theme=dark],[data-theme=dark].sc-p-radio *).sc-p-radio{background-color:hsla(0,0%,100%,.05)!important}.dark\\:text-white.sc-p-radio:where([data-theme=dark],[data-theme=dark].sc-p-radio *).sc-p-radio{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:checked\\:ring-0.sc-p-radio:checked:where([data-theme=dark],[data-theme=dark].sc-p-radio *).sc-p-radio{--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(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}.dark\\:hover\\:border-white\\/15.sc-p-radio:hover:where([data-theme=dark],[data-theme=dark].sc-p-radio *).sc-p-radio{border-color:hsla(0,0%,100%,.15)!important}.dark\\:hover\\:bg-white\\/20.sc-p-radio:hover:where([data-theme=dark],[data-theme=dark].sc-p-radio *).sc-p-radio{background-color:hsla(0,0%,100%,.2)!important}.peer.sc-p-radio:checked~.dark\\:peer-checked\\:bg-hurricane-300.sc-p-radio:where([data-theme=dark],[data-theme=dark].sc-p-radio *).sc-p-radio{--tw-bg-opacity:1!important;background-color:rgb(116 120 127/var(--tw-bg-opacity,1))!important}";
|
|
7
|
+
const radioComponentCss = "*.sc-p-radio{box-sizing:border-box}.pointer-events-none.sc-p-radio{pointer-events:none!important}.static.sc-p-radio{position:static!important}.absolute.sc-p-radio{position:absolute!important}.relative.sc-p-radio{position:relative!important}.left-1\\/2.sc-p-radio{left:50%!important}.top-1\\/2.sc-p-radio{top:50%!important}.m-0.sc-p-radio{margin:0!important}.block.sc-p-radio{display:block!important}.flex.sc-p-radio{display:flex!important}.h-2.sc-p-radio{height:.5rem!important}.h-4.sc-p-radio{height:1rem!important}.w-2.sc-p-radio{width:.5rem!important}.w-4.sc-p-radio{width:1rem!important}.flex-1.sc-p-radio{flex:1 1 0%!important}.flex-shrink-0.sc-p-radio{flex-shrink:0!important}.-translate-x-1\\/2.sc-p-radio{--tw-translate-x:-50%!important}.-translate-x-1\\/2.sc-p-radio,.-translate-y-1\\/2.sc-p-radio{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.sc-p-radio{--tw-translate-y:-50%!important}.transform.sc-p-radio{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.sc-p-radio{cursor:not-allowed!important}.cursor-pointer.sc-p-radio{cursor:pointer!important}.appearance-none.sc-p-radio{appearance:none!important}.items-center.sc-p-radio{align-items:center!important}.justify-start.sc-p-radio{justify-content:flex-start!important}.gap-2.sc-p-radio{gap:.5rem!important}.overflow-hidden.sc-p-radio{overflow:hidden!important}.text-ellipsis.sc-p-radio{text-overflow:ellipsis!important}.rounded-full.sc-p-radio{border-radius:9999px!important}.border.sc-p-radio{border-width:1px!important}.border-solid.sc-p-radio{border-style:solid!important}.border-storm-100.sc-p-radio{--tw-border-opacity:1!important;border-color:rgb(209 210 212/var(--tw-border-opacity,1))!important}.border-storm-50.sc-p-radio{--tw-border-opacity:1!important;border-color:rgb(232 232 234/var(--tw-border-opacity,1))!important}.bg-transparent.sc-p-radio{background-color:transparent!important}.bg-white.sc-p-radio{background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white.sc-p-radio,.bg-white-600.sc-p-radio{--tw-bg-opacity:1!important}.bg-white-600.sc-p-radio{background-color:rgb(250 250 250/var(--tw-bg-opacity,1))!important}.shadow-1.sc-p-radio{--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.sc-p-radio{outline:2px solid transparent!important;outline-offset:2px!important}.checked\\:cursor-auto.sc-p-radio:checked{cursor:auto!important}.checked\\:border-storm-500\\/20.sc-p-radio:checked{border-color:rgba(24,30,41,.2)!important}.checked\\:bg-indigo-600.sc-p-radio:checked{--tw-bg-opacity:1!important;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))!important}.checked\\:ring-2.sc-p-radio: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-indigo-100.sc-p-radio:checked{--tw-ring-opacity:1!important;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))!important}.empty\\:hidden.sc-p-radio:empty{display:none!important}.hover\\:border-storm-500\\/20.sc-p-radio:hover{border-color:rgba(24,30,41,.2)!important}.hover\\:bg-indigo-100.sc-p-radio:hover{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.checked\\:hover\\:border-storm-500\\/20.sc-p-radio:hover:checked{border-color:rgba(24,30,41,.2)!important}.checked\\:hover\\:bg-indigo-700.sc-p-radio:hover:checked{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.group\\/radio-label.sc-p-radio:hover .group-hover\\/radio-label\\:border-storm-500\\/20.sc-p-radio{border-color:rgba(24,30,41,.2)!important}.group\\/radio-label.sc-p-radio:hover .group-hover\\/radio-label\\:bg-indigo-100.sc-p-radio{--tw-bg-opacity:1!important;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))!important}.group\\/radio-label.sc-p-radio:hover .checked\\:group-hover\\/radio-label\\:border-storm-500\\/20.sc-p-radio:checked{border-color:rgba(24,30,41,.2)!important}.group\\/radio-label.sc-p-radio:hover .checked\\:group-hover\\/radio-label\\:bg-indigo-700.sc-p-radio:checked{--tw-bg-opacity:1!important;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))!important}.peer.sc-p-radio:checked~.peer-checked\\:bg-storm-200.sc-p-radio{--tw-bg-opacity:1!important;background-color:rgb(163 165 169/var(--tw-bg-opacity,1))!important}.peer.sc-p-radio:checked~.peer-checked\\:bg-white.sc-p-radio{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.peer.sc-p-radio:checked~.peer-checked\\:ring-1.sc-p-radio{--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(1px + 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}.peer.sc-p-radio:checked~.peer-checked\\:ring-storm-500\\/10.sc-p-radio{--tw-ring-color:rgba(24,30,41,.1)!important}.dark\\:border-white\\/10:where([data-theme=dark].sc-p-radio-h,[data-theme=dark].sc-p-radio-h *).sc-p-radio{border-color:hsla(0,0%,100%,.1)!important}.dark\\:border-white\\/15:where([data-theme=dark].sc-p-radio-h,[data-theme=dark].sc-p-radio-h *).sc-p-radio{border-color:hsla(0,0%,100%,.15)!important}.dark\\:bg-white\\/10:where([data-theme=dark].sc-p-radio-h,[data-theme=dark].sc-p-radio-h *).sc-p-radio{background-color:hsla(0,0%,100%,.1)!important}.dark\\:bg-white\\/5:where([data-theme=dark].sc-p-radio-h,[data-theme=dark].sc-p-radio-h *).sc-p-radio{background-color:hsla(0,0%,100%,.05)!important}.dark\\:text-white:where([data-theme=dark].sc-p-radio-h,[data-theme=dark].sc-p-radio-h *).sc-p-radio{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:checked\\:ring-0:checked:where([data-theme=dark].sc-p-radio-h,[data-theme=dark].sc-p-radio-h *).sc-p-radio{--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(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}.dark\\:hover\\:border-white\\/15:hover:where([data-theme=dark].sc-p-radio-h,[data-theme=dark].sc-p-radio-h *).sc-p-radio{border-color:hsla(0,0%,100%,.15)!important}.dark\\:hover\\:bg-white\\/20:hover:where([data-theme=dark].sc-p-radio-h,[data-theme=dark].sc-p-radio-h *).sc-p-radio{background-color:hsla(0,0%,100%,.2)!important}.peer:checked~.dark\\:peer-checked\\:bg-hurricane-300:where([data-theme=dark].sc-p-radio-h,[data-theme=dark].sc-p-radio-h *).sc-p-radio{--tw-bg-opacity:1!important;background-color:rgb(116 120 127/var(--tw-bg-opacity,1))!important}.dark\\:border-white\\/10.sc-p-radio:where([data-theme=dark],[data-theme=dark].sc-p-radio *).sc-p-radio{border-color:hsla(0,0%,100%,.1)!important}.dark\\:border-white\\/15.sc-p-radio:where([data-theme=dark],[data-theme=dark].sc-p-radio *).sc-p-radio{border-color:hsla(0,0%,100%,.15)!important}.dark\\:bg-white\\/10.sc-p-radio:where([data-theme=dark],[data-theme=dark].sc-p-radio *).sc-p-radio{background-color:hsla(0,0%,100%,.1)!important}.dark\\:bg-white\\/5.sc-p-radio:where([data-theme=dark],[data-theme=dark].sc-p-radio *).sc-p-radio{background-color:hsla(0,0%,100%,.05)!important}.dark\\:text-white.sc-p-radio:where([data-theme=dark],[data-theme=dark].sc-p-radio *).sc-p-radio{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.dark\\:checked\\:ring-0.sc-p-radio:checked:where([data-theme=dark],[data-theme=dark].sc-p-radio *).sc-p-radio{--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(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}.dark\\:hover\\:border-white\\/15.sc-p-radio:hover:where([data-theme=dark],[data-theme=dark].sc-p-radio *).sc-p-radio{border-color:hsla(0,0%,100%,.15)!important}.dark\\:hover\\:bg-white\\/20.sc-p-radio:hover:where([data-theme=dark],[data-theme=dark].sc-p-radio *).sc-p-radio{background-color:hsla(0,0%,100%,.2)!important}.peer.sc-p-radio:checked~.dark\\:peer-checked\\:bg-hurricane-300.sc-p-radio:where([data-theme=dark],[data-theme=dark].sc-p-radio *).sc-p-radio{--tw-bg-opacity:1!important;background-color:rgb(116 120 127/var(--tw-bg-opacity,1))!important}";
|
|
8
8
|
|
|
9
9
|
const radio = cva([
|
|
10
10
|
'peer appearance-none m-0 outline-none flex-shrink-0',
|
|
@@ -104,7 +104,7 @@ const Radio = /*@__PURE__*/ proxyCustomElement(class Radio extends H {
|
|
|
104
104
|
disabled: asBoolean(this.disabled),
|
|
105
105
|
}), type: 'radio', id: id, name: this.name, required: this.required, value: this.value, checked: this.checked, disabled: asBoolean(this.disabled), onChange: ev => this._onChange(ev) }), h("div", { key: 'cda453f447ba483005d302bf93fffbc6acac5439', class: circle({
|
|
106
106
|
disabled: asBoolean(this.disabled),
|
|
107
|
-
}) })), h("div", { key: '
|
|
107
|
+
}) })), h("div", { key: '7b919e5d5abe866eed9ee125a11c96554f0e6d41', class: 'flex-1 overflow-hidden text-ellipsis empty:hidden dark:text-white' }, h("slot", { key: '32edb6a8638e58c8bfcd591208d2bb7b8696a2c9' })))));
|
|
108
108
|
}
|
|
109
109
|
_onChange(ev) {
|
|
110
110
|
if (asBoolean(this.disabled)) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"p-radio.js","mappings":";;;;;;AAAA,MAAM,iBAAiB,GAAG,
|
|
1
|
+
{"file":"p-radio.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/atoms/radio/radio.component.css?tag=p-radio&encapsulation=scoped","src/components/atoms/radio/radio.component.tsx"],"sourcesContent":["","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';\nimport { ThemedHost } from '../../../internal/themed-host.component';\n\nconst radio = cva(\n\t[\n\t\t'peer appearance-none m-0 outline-none flex-shrink-0',\n\t\t'rounded-full border border-inset border-solid ',\n\t\t'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-storm-100 dark:bg-white/10 dark:border-white/15',\n\t\t\t\t\t'hover:bg-indigo-100 hover:border-storm-500/20 dark:hover:bg-white/20 dark:hover:border-white/15',\n\t\t\t\t\t'group-hover/radio-label:bg-indigo-100 group-hover/radio-label:border-storm-500/20',\n\t\t\t\t\t'checked:cursor-auto',\n\t\t\t\t\t'checked:bg-indigo-600 checked:border-storm-500/20',\n\t\t\t\t\t'checked:ring-2 checked:ring-indigo-100 dark:checked:ring-0',\n\t\t\t\t\t'checked:hover:bg-indigo-700 checked:hover:border-storm-500/20',\n\t\t\t\t\t'checked:group-hover/radio-label:bg-indigo-700 checked:group-hover/radio-label:border-storm-500/20',\n\t\t\t\t],\n\t\t\t\ttrue: 'bg-white-600 border-storm-50 cursor-not-allowed dark:bg-white/5 dark:border-white/10',\n\t\t\t},\n\t\t},\n\t\tcompoundVariants: [\n\t\t\t{\n\t\t\t\tdisabled: false,\n\t\t\t\tclass: [\n\t\t\t\t\t'cursor-pointer shadow-1',\n\t\t\t\t\t'bg-white border-storm-100',\n\t\t\t\t\t'hover:bg-indigo-100 hover:border-storm-500/20',\n\t\t\t\t\t'group-hover/radio-label:bg-indigo-100 group-hover/radio-label:border-storm-500/20',\n\t\t\t\t],\n\t\t\t},\n\t\t],\n\t}\n);\n\nconst circle = cva(\n\t[\n\t\t'block',\n\t\t'rounded-full bg-transparent',\n\t\t'absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 pointer-events-none',\n\t\t'w-2 h-2',\n\t],\n\t{\n\t\tvariants: {\n\t\t\tdisabled: {\n\t\t\t\tfalse:\n\t\t\t\t\t'peer-checked:bg-white peer-checked:ring-1 peer-checked:ring-storm-500/10',\n\t\t\t\ttrue: 'peer-checked:bg-storm-200 dark:peer-checked:bg-hurricane-300',\n\t\t\t},\n\t\t},\n\t}\n);\n\n@Component({\n\ttag: 'p-radio',\n\tstyleUrl: 'radio.component.css',\n\tformAssociated: true,\n\tscoped: true,\n})\nexport class Radio {\n\t/**\n\t * The value of the radio button\n\t */\n\t@Prop() value: string;\n\n\t/**\n\t * Wether the radio is disabled\n\t */\n\t@Prop({ reflect: true }) disabled: boolean = false;\n\n\t/**\n\t * Wether the radio is required\n\t */\n\t@Prop({ reflect: true }) required: boolean = true;\n\n\t/**\n\t * The id of the radio button\n\t */\n\t@Prop({ reflect: true }) id: string;\n\n\t/**\n\t * The name of the radio button\n\t */\n\t@Prop({ reflect: true }) name: string;\n\n\t/**\n\t * Wether the radio is checked\n\t */\n\t@Prop({ reflect: true }) checked: boolean = false;\n\n\t/**\n\t * Event whenever the checked changes\n\t */\n\t@Event() checkedChange: EventEmitter<boolean>;\n\n\t@State() private _nonce = nonce(5);\n\n\t@AttachInternals() _internals: ElementInternals;\n\n\tformResetCallback() {\n\t\tthis._setValue(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<ThemedHost>\n\t\t\t\t<label\n\t\t\t\t\thtmlFor={id}\n\t\t\t\t\tclass='flex items-center justify-start gap-2'\n\t\t\t\t>\n\t\t\t\t\t<div class='relative flex flex-shrink-0 items-center'>\n\t\t\t\t\t\t<input\n\t\t\t\t\t\t\tclass={radio({\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\ttype='radio'\n\t\t\t\t\t\t\tid={id}\n\t\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\t\trequired={this.required}\n\t\t\t\t\t\t\tvalue={this.value}\n\t\t\t\t\t\t\tchecked={this.checked}\n\t\t\t\t\t\t\tdisabled={asBoolean(this.disabled)}\n\t\t\t\t\t\t\tonChange={ev => this._onChange(ev)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass={circle({\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/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div class='flex-1 overflow-hidden text-ellipsis empty:hidden dark:text-white'>\n\t\t\t\t\t\t<slot />\n\t\t\t\t\t</div>\n\t\t\t\t</label>\n\t\t\t</ThemedHost>\n\t\t);\n\t}\n\n\tprivate _onChange(ev: Event) {\n\t\tif (asBoolean(this.disabled)) {\n\t\t\tev.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\tconst checked = (ev.target as HTMLInputElement).checked;\n\t\tthis._setValue(checked);\n\t}\n\n\tprivate _setValue(checked: boolean) {\n\t\tthis.checked = checked;\n\t\tthis.checkedChange.emit(checked);\n\t\tthis._internals.setFormValue(checked ? 'on' : 'off');\n\t}\n}\n"],"version":3}
|
|
@@ -5,10 +5,10 @@ import { c as cn } from './p-CT54OXR2.js';
|
|
|
5
5
|
import { T as ThemedHost } from './p-7QA93RrV.js';
|
|
6
6
|
import { d as defineCustomElement$d } from './p-DRywdEEP.js';
|
|
7
7
|
import { d as defineCustomElement$c } from './p-_cRrvkzY.js';
|
|
8
|
-
import { d as defineCustomElement$b } from './p-
|
|
8
|
+
import { d as defineCustomElement$b } from './p-D1ZRTCkT.js';
|
|
9
9
|
import { d as defineCustomElement$a } from './p-BqJMPQj6.js';
|
|
10
10
|
import { d as defineCustomElement$9 } from './p-D2igmK5l.js';
|
|
11
|
-
import { d as defineCustomElement$8 } from './p-
|
|
11
|
+
import { d as defineCustomElement$8 } from './p-CQAvP_Ox.js';
|
|
12
12
|
import { d as defineCustomElement$7 } from './p-Cr3fKigp.js';
|
|
13
13
|
import { d as defineCustomElement$6 } from './p-BWS61QL4.js';
|
|
14
14
|
import { d as defineCustomElement$5 } from './p-BjTLGpAE.js';
|
|
@@ -4,14 +4,14 @@ import { f as formatTranslation, g as getLocaleComponentStrings } from './p-DiJj
|
|
|
4
4
|
import { f as floatingMenuContainerClass } from './p-gJUNRhKk.js';
|
|
5
5
|
import { f as isMobile } from './p-B3sNjfzc.js';
|
|
6
6
|
import { c as cn } from './p-CT54OXR2.js';
|
|
7
|
-
import { d as defineCustomElement$b, a as defaultSize, b as defaultSizeOptions } from './p-
|
|
7
|
+
import { d as defineCustomElement$b, a as defaultSize, b as defaultSizeOptions } from './p-CpHwL9XE.js';
|
|
8
8
|
import { d as defineCustomElement$u } from './p-BrgpOIzL.js';
|
|
9
9
|
import { d as defineCustomElement$t } from './p-_cRrvkzY.js';
|
|
10
|
-
import { d as defineCustomElement$s } from './p-
|
|
10
|
+
import { d as defineCustomElement$s } from './p-D1ZRTCkT.js';
|
|
11
11
|
import { d as defineCustomElement$r } from './p-DzWmipVp.js';
|
|
12
12
|
import { d as defineCustomElement$q } from './p-BqJMPQj6.js';
|
|
13
13
|
import { d as defineCustomElement$p } from './p-D2igmK5l.js';
|
|
14
|
-
import { d as defineCustomElement$o } from './p-
|
|
14
|
+
import { d as defineCustomElement$o } from './p-CQAvP_Ox.js';
|
|
15
15
|
import { d as defineCustomElement$n } from './p-Yw85TdBe.js';
|
|
16
16
|
import { d as defineCustomElement$m } from './p-Cr3fKigp.js';
|
|
17
17
|
import { d as defineCustomElement$l } from './p-BWS61QL4.js';
|
|
@@ -21,14 +21,14 @@ import { d as defineCustomElement$i } from './p-BjTLGpAE.js';
|
|
|
21
21
|
import { d as defineCustomElement$h } from './p-BHphGfv6.js';
|
|
22
22
|
import { d as defineCustomElement$g } from './p-Cb5tqgid.js';
|
|
23
23
|
import { d as defineCustomElement$f } from './p-BFbLqg3-.js';
|
|
24
|
-
import { d as defineCustomElement$e } from './p-
|
|
24
|
+
import { d as defineCustomElement$e } from './p-CoSnDHGb.js';
|
|
25
25
|
import { d as defineCustomElement$d } from './p-DdIXD8-k.js';
|
|
26
26
|
import { d as defineCustomElement$c } from './p-BmKAfzS1.js';
|
|
27
27
|
import { d as defineCustomElement$a } from './p-CWCxhtvB.js';
|
|
28
28
|
import { d as defineCustomElement$9 } from './p-BO_XVUC2.js';
|
|
29
29
|
import { d as defineCustomElement$8 } from './p-yM044fjo.js';
|
|
30
30
|
import { d as defineCustomElement$7 } from './p-eYUo2y4S.js';
|
|
31
|
-
import { d as defineCustomElement$6 } from './p-
|
|
31
|
+
import { d as defineCustomElement$6 } from './p-CpzpSwUF.js';
|
|
32
32
|
import { d as defineCustomElement$5 } from './p-Dr7FpF5o.js';
|
|
33
33
|
import { d as defineCustomElement$4 } from './p-CicAiqpp.js';
|
|
34
34
|
import { d as defineCustomElement$3 } from './p-CiEFZmoS.js';
|