primevue 4.0.7 → 4.1.0

package/cascadeselect/style/index.mjs

@@ -2,7 +2,7 @@ import BaseStyle from '@primevue/core/base/style';
 
 var theme = function theme(_ref) {
   var dt = _ref.dt;
-  return "\n.p-cascadeselect {\n    display: inline-flex;\n    cursor: pointer;\n    position: relative;\n    user-select: none;\n    background: ".concat(dt('cascadeselect.background'), ";\n    border: 1px solid ").concat(dt('cascadeselect.border.color'), ";\n    transition: background ").concat(dt('cascadeselect.transition.duration'), ", color ").concat(dt('cascadeselect.transition.duration'), ", border-color ").concat(dt('cascadeselect.transition.duration'), ", outline-color ").concat(dt('cascadeselect.transition.duration'), ", box-shadow ").concat(dt('cascadeselect.transition.duration'), ";\n    border-radius: ").concat(dt('cascadeselect.border.radius'), ";\n    outline-color: transparent;\n    box-shadow: ").concat(dt('cascadeselect.shadow'), ";\n}\n\n.p-cascadeselect:not(.p-disabled):hover {\n    border-color: ").concat(dt('cascadeselect.hover.border.color'), ";\n}\n\n.p-cascadeselect:not(.p-disabled).p-focus {\n    border-color: ").concat(dt('cascadeselect.focus.border.color'), ";\n    box-shadow: ").concat(dt('cascadeselect.focus.ring.shadow'), ";\n    outline: ").concat(dt('cascadeselect.focus.ring.width'), " ").concat(dt('cascadeselect.focus.ring.style'), " ").concat(dt('cascadeselect.focus.ring.color'), ";\n    outline-offset: ").concat(dt('multiscascadeselectelect.focus.ring.offset'), ";\n}\n\n.p-cascadeselect.p-variant-filled {\n    background: ").concat(dt('cascadeselect.filled.background'), ";\n}\n\n.p-cascadeselect.p-variant-filled.p-focus {\n    background: ").concat(dt('cascadeselect.filled.focus.background'), ";\n}\n\n.p-cascadeselect.p-invalid {\n    border-color: ").concat(dt('cascadeselect.invalid.border.color'), ";\n}\n\n.p-cascadeselect.p-disabled {\n    opacity: 1;\n    background: ").concat(dt('cascadeselect.disabled.background'), ";\n}\n\n.p-cascadeselect-dropdown {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    background: transparent;\n    color: ").concat(dt('cascadeselect.dropdown.color'), ";\n    width: ").concat(dt('cascadeselect.dropdown.width'), ";\n    border-top-right-radius: ").concat(dt('border.radius.md'), ";\n    border-bottom-right-radius: ").concat(dt('border.radius.md'), ";\n}\n\n.p-cascadeselect-label {\n    display: block;\n    white-space: nowrap;\n    overflow: hidden;\n    flex: 1 1 auto;\n    width: 1%;\n    text-overflow: ellipsis;\n    cursor: pointer;\n    padding: ").concat(dt('cascadeselect.padding.y'), " ").concat(dt('cascadeselect.padding.x'), ";\n    background: transparent;\n    border: 0 none;\n    outline: 0 none;\n}\n\n.p-cascadeselect-label.p-placeholder {\n    color: ").concat(dt('cascadeselect.placeholder.color'), ";\n}\n\n.p-cascadeselect-clearable .p-cascadeselect-label {\n    padding-right: 1.75rem;\n}\n\n.p-cascadeselect.p-disabled .p-cascadeselect-label {\n    color: ").concat(dt('cascadeselect.disabled.color'), ";\n}\n\n.p-cascadeselect-label-empty {\n    overflow: hidden;\n    visibility: hidden;\n}\n\n.p-cascadeselect-fluid {\n    display: flex;\n}\n\n.p-cascadeselect-fluid .p-cascadeselect-label {\n    width: 1%;\n}\n\n.p-cascadeselect-overlay {\n    background: ").concat(dt('cascadeselect.overlay.background'), ";\n    color: ").concat(dt('cascadeselect.overlay.color'), ";\n    border: 1px solid ").concat(dt('cascadeselect.overlay.border.color'), ";\n    border-radius: ").concat(dt('cascadeselect.overlay.border.radius'), ";\n    box-shadow: ").concat(dt('cascadeselect.overlay.shadow'), ";\n}\n\n.p-cascadeselect .p-cascadeselect-overlay {\n    min-width: 100%;\n}\n\n.p-cascadeselect-option-list {\n    display: none;\n    min-width: 100%;\n    position: absolute;\n    z-index: 1;\n}\n\n.p-cascadeselect-list {\n    min-width: 100%;\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    padding: ").concat(dt('cascadeselect.list.padding'), ";\n    display: flex;\n    flex-direction: column;\n    gap: ").concat(dt('cascadeselect.list.gap'), "\n}\n\n.p-cascadeselect-option {\n    cursor: pointer;\n    font-weight: normal;\n    white-space: nowrap;\n    border: 0 none;\n    color: ").concat(dt('cascadeselect.option.color'), ";\n    background: transparent;\n    transition: background ").concat(dt('cascadeselect.transition.duration'), ", color ").concat(dt('cascadeselect.transition.duration'), ", border-color ").concat(dt('cascadeselect.transition.duration'), ", box-shadow ").concat(dt('cascadeselect.transition.duration'), ", outline-color ").concat(dt('cascadeselect.transition.duration'), ";\n    border-radius: ").concat(dt('cascadeselect.option.border.radius'), ";\n}\n\n.p-cascadeselect-option-active {\n    overflow: visible;\n    background: ").concat(dt('cascadeselect.option.focus.background'), ";\n    color: ").concat(dt('cascadeselect.option.focus.color'), ";\n}\n\n.p-cascadeselect-option:not(.p-cascadeselect-option-selected):not(.p-disabled).p-focus {\n    background: ").concat(dt('cascadeselect.option.focus.background'), ";\n    color: ").concat(dt('cascadeselect.option.focus.color'), ";\n}\n\n.p-cascadeselect-option:not(.p-cascadeselect-option-selected):not(.p-disabled).p-focus .p-cascadeselect-group-icon {\n    color: ").concat(dt('cascadeselect.option.icon.focus.color'), ";\n}\n\n.p-cascadeselect-option-selected {\n    background: ").concat(dt('cascadeselect.option.selected.background'), ";\n    color: ").concat(dt('cascadeselect.option.selected.color'), ";\n}\n\n.p-cascadeselect-option-selected.p-focus {\n    background: ").concat(dt('cascadeselect.option.selected.focus.background'), ";\n    color: ").concat(dt('cascadeselect.option.selected.focus.color'), ";\n}\n\n.p-cascadeselect-option-active > .p-cascadeselect-option-list {\n    display: block;\n    left: 100%;\n    top: 0;\n}\n\n.p-cascadeselect-option-content {\n    display: flex;\n    align-items: center;\n    overflow: hidden;\n    position: relative;\n    padding: ").concat(dt('cascadeselect.option.padding'), ";\n}\n\n.p-cascadeselect-group-icon {\n    margin-left: auto;\n    font-size: ").concat(dt('cascadeselect.option.icon.size'), ";\n    width: ").concat(dt('cascadeselect.option.icon.size'), ";\n    height: ").concat(dt('cascadeselect.option.icon.size'), ";\n    color: ").concat(dt('cascadeselect.option.icon.color'), ";\n}\n");
+  return "\n.p-cascadeselect {\n    display: inline-flex;\n    cursor: pointer;\n    position: relative;\n    user-select: none;\n    background: ".concat(dt('cascadeselect.background'), ";\n    border: 1px solid ").concat(dt('cascadeselect.border.color'), ";\n    transition: background ").concat(dt('cascadeselect.transition.duration'), ", color ").concat(dt('cascadeselect.transition.duration'), ", border-color ").concat(dt('cascadeselect.transition.duration'), ", outline-color ").concat(dt('cascadeselect.transition.duration'), ", box-shadow ").concat(dt('cascadeselect.transition.duration'), ";\n    border-radius: ").concat(dt('cascadeselect.border.radius'), ";\n    outline-color: transparent;\n    box-shadow: ").concat(dt('cascadeselect.shadow'), ";\n}\n\n.p-cascadeselect:not(.p-disabled):hover {\n    border-color: ").concat(dt('cascadeselect.hover.border.color'), ";\n}\n\n.p-cascadeselect:not(.p-disabled).p-focus {\n    border-color: ").concat(dt('cascadeselect.focus.border.color'), ";\n    box-shadow: ").concat(dt('cascadeselect.focus.ring.shadow'), ";\n    outline: ").concat(dt('cascadeselect.focus.ring.width'), " ").concat(dt('cascadeselect.focus.ring.style'), " ").concat(dt('cascadeselect.focus.ring.color'), ";\n    outline-offset: ").concat(dt('cascadeselect.focus.ring.offset'), ";\n}\n\n.p-cascadeselect.p-variant-filled {\n    background: ").concat(dt('cascadeselect.filled.background'), ";\n}\n\n.p-cascadeselect.p-variant-filled:not(.p-disabled):hover {\n    background: ").concat(dt('cascadeselect.filled.hover.background'), ";\n}\n\n.p-cascadeselect.p-variant-filled.p-focus {\n    background: ").concat(dt('cascadeselect.filled.focus.background'), ";\n}\n\n.p-cascadeselect.p-invalid {\n    border-color: ").concat(dt('cascadeselect.invalid.border.color'), ";\n}\n\n.p-cascadeselect.p-disabled {\n    opacity: 1;\n    background: ").concat(dt('cascadeselect.disabled.background'), ";\n}\n\n.p-cascadeselect-dropdown {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    background: transparent;\n    color: ").concat(dt('cascadeselect.dropdown.color'), ";\n    width: ").concat(dt('cascadeselect.dropdown.width'), ";\n    border-top-right-radius: ").concat(dt('border.radius.md'), ";\n    border-bottom-right-radius: ").concat(dt('border.radius.md'), ";\n}\n\n.p-cascadeselect-label {\n    display: block;\n    white-space: nowrap;\n    overflow: hidden;\n    flex: 1 1 auto;\n    width: 1%;\n    text-overflow: ellipsis;\n    cursor: pointer;\n    padding: ").concat(dt('cascadeselect.padding.y'), " ").concat(dt('cascadeselect.padding.x'), ";\n    background: transparent;\n    border: 0 none;\n    outline: 0 none;\n}\n\n.p-cascadeselect-label.p-placeholder {\n    color: ").concat(dt('cascadeselect.placeholder.color'), ";\n}\n\n.p-cascadeselect-clearable .p-cascadeselect-label {\n    padding-right: 1.75rem;\n}\n\n.p-cascadeselect.p-disabled .p-cascadeselect-label {\n    color: ").concat(dt('cascadeselect.disabled.color'), ";\n}\n\n.p-cascadeselect-label-empty {\n    overflow: hidden;\n    visibility: hidden;\n}\n\n.p-cascadeselect-fluid {\n    display: flex;\n}\n\n.p-cascadeselect-fluid .p-cascadeselect-label {\n    width: 1%;\n}\n\n.p-cascadeselect-overlay {\n    background: ").concat(dt('cascadeselect.overlay.background'), ";\n    color: ").concat(dt('cascadeselect.overlay.color'), ";\n    border: 1px solid ").concat(dt('cascadeselect.overlay.border.color'), ";\n    border-radius: ").concat(dt('cascadeselect.overlay.border.radius'), ";\n    box-shadow: ").concat(dt('cascadeselect.overlay.shadow'), ";\n}\n\n.p-cascadeselect .p-cascadeselect-overlay {\n    min-width: 100%;\n}\n\n.p-cascadeselect-option-list {\n    display: none;\n    min-width: 100%;\n    position: absolute;\n    z-index: 1;\n}\n\n.p-cascadeselect-list {\n    min-width: 100%;\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    padding: ").concat(dt('cascadeselect.list.padding'), ";\n    display: flex;\n    flex-direction: column;\n    gap: ").concat(dt('cascadeselect.list.gap'), "\n}\n\n.p-cascadeselect-option {\n    cursor: pointer;\n    font-weight: normal;\n    white-space: nowrap;\n    border: 0 none;\n    color: ").concat(dt('cascadeselect.option.color'), ";\n    background: transparent;\n    transition: background ").concat(dt('cascadeselect.transition.duration'), ", color ").concat(dt('cascadeselect.transition.duration'), ", border-color ").concat(dt('cascadeselect.transition.duration'), ", box-shadow ").concat(dt('cascadeselect.transition.duration'), ", outline-color ").concat(dt('cascadeselect.transition.duration'), ";\n    border-radius: ").concat(dt('cascadeselect.option.border.radius'), ";\n}\n\n.p-cascadeselect-option-active {\n    overflow: visible;\n}\n\n.p-cascadeselect-option-active > .p-cascadeselect-option-content {\n    background: ").concat(dt('cascadeselect.option.focus.background'), ";\n    color: ").concat(dt('cascadeselect.option.focus.color'), ";\n    border-radius: ").concat(dt('cascadeselect.option.border.radius'), ";\n}\n\n.p-cascadeselect-option:not(.p-cascadeselect-option-selected):not(.p-disabled).p-focus > .p-cascadeselect-option-content {\n    background: ").concat(dt('cascadeselect.option.focus.background'), ";\n    color: ").concat(dt('cascadeselect.option.focus.color'), ";\n}\n\n.p-cascadeselect-option:not(.p-cascadeselect-option-selected):not(.p-disabled).p-focus .p-cascadeselect-group-icon {\n    color: ").concat(dt('cascadeselect.option.icon.focus.color'), ";\n}\n\n.p-cascadeselect-option-selected .p-cascadeselect-option-content {\n    background: ").concat(dt('cascadeselect.option.selected.background'), ";\n    color: ").concat(dt('cascadeselect.option.selected.color'), ";\n}\n\n.p-cascadeselect-option-selected.p-focus {\n    background: ").concat(dt('cascadeselect.option.selected.focus.background'), ";\n    color: ").concat(dt('cascadeselect.option.selected.focus.color'), ";\n}\n\n.p-cascadeselect-option-active > .p-cascadeselect-option-list {\n    display: block;\n    left: 100%;\n    top: 0;\n}\n\n.p-cascadeselect-option-content {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    overflow: hidden;\n    position: relative;\n    padding: ").concat(dt('cascadeselect.option.padding'), ";\n}\n\n.p-cascadeselect-group-icon {\n    font-size: ").concat(dt('cascadeselect.option.icon.size'), ";\n    width: ").concat(dt('cascadeselect.option.icon.size'), ";\n    height: ").concat(dt('cascadeselect.option.icon.size'), ";\n    color: ").concat(dt('cascadeselect.option.icon.color'), ";\n}\n\n.p-cascadeselect-mobile-active .p-cascadeselect-option-content {\n    border-radius: ").concat(dt('cascadeselect.option.border.radius'), ";\n}\n\n.p-cascadeselect-mobile-active-active .p-cascadeselect-list {\n    display: flex;\n    flex-direction: column;\n    top: 100%;\n    left: 0;\n    z-index: 1;\n}\n\n.p-cascadeselect-mobile-active .p-cascadeselect-list > .p-cascadeselect-option > .p-cascadeselect-option-content .p-cascadeselect-group-icon {\n    margin-left: auto;\n    transition: transform 0.2s;\n}\n\n.p-cascadeselect-mobile-active .p-cascadeselect-list .p-cascadeselect-group-icon {\n    transition: transform 0.2s;\n    transform: rotate(90deg);\n}\n\n.p-cascadeselect-mobile-active .p-cascadeselect-option-active > .p-cascadeselect-option-content .p-cascadeselect-group-icon {\n    transform: rotate(-90deg);\n}\n\n.p-cascadeselect-mobile-active .p-cascadeselect-option-list {\n    position: static;\n    box-shadow: none;\n    border: 0 none;\n    padding-left: ").concat(dt('cascadeselect.list.mobile.indent'), ";\n}\n");
 };
 var inlineStyles = {
   root: function root(_ref2) {
@@ -17,6 +17,7 @@ var classes = {
     var instance = _ref3.instance,
       props = _ref3.props;
     return ['p-cascadeselect p-component p-inputwrapper', {
+      'p-cascadeselect-mobile': instance.queryMatches,
       'p-disabled': props.disabled,
       'p-invalid': props.invalid,
       'p-variant-filled': props.variant ? props.variant === 'filled' : instance.$primevue.config.inputStyle === 'filled' || instance.$primevue.config.inputVariant === 'filled',
@@ -38,12 +39,17 @@ var classes = {
   dropdown: 'p-cascadeselect-dropdown',
   loadingIcon: 'p-cascadeselect-loading-icon',
   dropdownIcon: 'p-cascadeselect-dropdown-icon',
-  overlay: 'p-cascadeselect-overlay p-component',
-  listContainer: 'p-cascadeselect-list-container',
+  overlay: function overlay(_ref5) {
+    var instance = _ref5.instance;
+    return ['p-cascadeselect-overlay p-component', {
+      'p-cascadeselect-mobile-active': instance.queryMatches
+    }];
+  },
+  listContainer: 'p-cascadeselect-list',
   list: 'p-cascadeselect-list',
-  option: function option(_ref5) {
-    var instance = _ref5.instance,
-      processedOption = _ref5.processedOption;
+  option: function option(_ref6) {
+    var instance = _ref6.instance,
+      processedOption = _ref6.processedOption;
     return ['p-cascadeselect-option', {
       'p-cascadeselect-option-active': instance.isOptionActive(processedOption),
       'p-cascadeselect-option-selected': instance.isOptionSelected(processedOption),
@@ -53,6 +59,7 @@ var classes = {
   },
   optionContent: 'p-cascadeselect-option-content',
   optionText: 'p-cascadeselect-option-text',
+  groupIconContainer: 'p-cascadeselect-group-icon-container',
   groupIcon: 'p-cascadeselect-group-icon',
   optionList: 'p-cascadeselect-overlay p-cascadeselect-option-list'
 };

package/cascadeselect/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/cascadeselect/style/CascadeSelectStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-cascadeselect {\n    display: inline-flex;\n    cursor: pointer;\n    position: relative;\n    user-select: none;\n    background: ${dt('cascadeselect.background')};\n    border: 1px solid ${dt('cascadeselect.border.color')};\n    transition: background ${dt('cascadeselect.transition.duration')}, color ${dt('cascadeselect.transition.duration')}, border-color ${dt('cascadeselect.transition.duration')}, outline-color ${dt(\n    'cascadeselect.transition.duration'\n)}, box-shadow ${dt('cascadeselect.transition.duration')};\n    border-radius: ${dt('cascadeselect.border.radius')};\n    outline-color: transparent;\n    box-shadow: ${dt('cascadeselect.shadow')};\n}\n\n.p-cascadeselect:not(.p-disabled):hover {\n    border-color: ${dt('cascadeselect.hover.border.color')};\n}\n\n.p-cascadeselect:not(.p-disabled).p-focus {\n    border-color: ${dt('cascadeselect.focus.border.color')};\n    box-shadow: ${dt('cascadeselect.focus.ring.shadow')};\n    outline: ${dt('cascadeselect.focus.ring.width')} ${dt('cascadeselect.focus.ring.style')} ${dt('cascadeselect.focus.ring.color')};\n    outline-offset: ${dt('multiscascadeselectelect.focus.ring.offset')};\n}\n\n.p-cascadeselect.p-variant-filled {\n    background: ${dt('cascadeselect.filled.background')};\n}\n\n.p-cascadeselect.p-variant-filled.p-focus {\n    background: ${dt('cascadeselect.filled.focus.background')};\n}\n\n.p-cascadeselect.p-invalid {\n    border-color: ${dt('cascadeselect.invalid.border.color')};\n}\n\n.p-cascadeselect.p-disabled {\n    opacity: 1;\n    background: ${dt('cascadeselect.disabled.background')};\n}\n\n.p-cascadeselect-dropdown {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    background: transparent;\n    color: ${dt('cascadeselect.dropdown.color')};\n    width: ${dt('cascadeselect.dropdown.width')};\n    border-top-right-radius: ${dt('border.radius.md')};\n    border-bottom-right-radius: ${dt('border.radius.md')};\n}\n\n.p-cascadeselect-label {\n    display: block;\n    white-space: nowrap;\n    overflow: hidden;\n    flex: 1 1 auto;\n    width: 1%;\n    text-overflow: ellipsis;\n    cursor: pointer;\n    padding: ${dt('cascadeselect.padding.y')} ${dt('cascadeselect.padding.x')};\n    background: transparent;\n    border: 0 none;\n    outline: 0 none;\n}\n\n.p-cascadeselect-label.p-placeholder {\n    color: ${dt('cascadeselect.placeholder.color')};\n}\n\n.p-cascadeselect-clearable .p-cascadeselect-label {\n    padding-right: 1.75rem;\n}\n\n.p-cascadeselect.p-disabled .p-cascadeselect-label {\n    color: ${dt('cascadeselect.disabled.color')};\n}\n\n.p-cascadeselect-label-empty {\n    overflow: hidden;\n    visibility: hidden;\n}\n\n.p-cascadeselect-fluid {\n    display: flex;\n}\n\n.p-cascadeselect-fluid .p-cascadeselect-label {\n    width: 1%;\n}\n\n.p-cascadeselect-overlay {\n    background: ${dt('cascadeselect.overlay.background')};\n    color: ${dt('cascadeselect.overlay.color')};\n    border: 1px solid ${dt('cascadeselect.overlay.border.color')};\n    border-radius: ${dt('cascadeselect.overlay.border.radius')};\n    box-shadow: ${dt('cascadeselect.overlay.shadow')};\n}\n\n.p-cascadeselect .p-cascadeselect-overlay {\n    min-width: 100%;\n}\n\n.p-cascadeselect-option-list {\n    display: none;\n    min-width: 100%;\n    position: absolute;\n    z-index: 1;\n}\n\n.p-cascadeselect-list {\n    min-width: 100%;\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    padding: ${dt('cascadeselect.list.padding')};\n    display: flex;\n    flex-direction: column;\n    gap: ${dt('cascadeselect.list.gap')}\n}\n\n.p-cascadeselect-option {\n    cursor: pointer;\n    font-weight: normal;\n    white-space: nowrap;\n    border: 0 none;\n    color: ${dt('cascadeselect.option.color')};\n    background: transparent;\n    transition: background ${dt('cascadeselect.transition.duration')}, color ${dt('cascadeselect.transition.duration')}, border-color ${dt('cascadeselect.transition.duration')}, box-shadow ${dt(\n    'cascadeselect.transition.duration'\n)}, outline-color ${dt('cascadeselect.transition.duration')};\n    border-radius: ${dt('cascadeselect.option.border.radius')};\n}\n\n.p-cascadeselect-option-active {\n    overflow: visible;\n    background: ${dt('cascadeselect.option.focus.background')};\n    color: ${dt('cascadeselect.option.focus.color')};\n}\n\n.p-cascadeselect-option:not(.p-cascadeselect-option-selected):not(.p-disabled).p-focus {\n    background: ${dt('cascadeselect.option.focus.background')};\n    color: ${dt('cascadeselect.option.focus.color')};\n}\n\n.p-cascadeselect-option:not(.p-cascadeselect-option-selected):not(.p-disabled).p-focus .p-cascadeselect-group-icon {\n    color: ${dt('cascadeselect.option.icon.focus.color')};\n}\n\n.p-cascadeselect-option-selected {\n    background: ${dt('cascadeselect.option.selected.background')};\n    color: ${dt('cascadeselect.option.selected.color')};\n}\n\n.p-cascadeselect-option-selected.p-focus {\n    background: ${dt('cascadeselect.option.selected.focus.background')};\n    color: ${dt('cascadeselect.option.selected.focus.color')};\n}\n\n.p-cascadeselect-option-active > .p-cascadeselect-option-list {\n    display: block;\n    left: 100%;\n    top: 0;\n}\n\n.p-cascadeselect-option-content {\n    display: flex;\n    align-items: center;\n    overflow: hidden;\n    position: relative;\n    padding: ${dt('cascadeselect.option.padding')};\n}\n\n.p-cascadeselect-group-icon {\n    margin-left: auto;\n    font-size: ${dt('cascadeselect.option.icon.size')};\n    width: ${dt('cascadeselect.option.icon.size')};\n    height: ${dt('cascadeselect.option.icon.size')};\n    color: ${dt('cascadeselect.option.icon.color')};\n}\n`;\n\nconst inlineStyles = {\n    root: ({ props }) => ({ position: props.appendTo === 'self' ? 'relative' : undefined })\n};\n\nconst classes = {\n    root: ({ instance, props }) => [\n        'p-cascadeselect p-component p-inputwrapper',\n        {\n            'p-disabled': props.disabled,\n            'p-invalid': props.invalid,\n            'p-variant-filled': props.variant ? props.variant === 'filled' : instance.$primevue.config.inputStyle === 'filled' || instance.$primevue.config.inputVariant === 'filled',\n            'p-focus': instance.focused,\n            'p-inputwrapper-filled': props.modelValue,\n            'p-inputwrapper-focus': instance.focused || instance.overlayVisible,\n            'p-cascadeselect-open': instance.overlayVisible,\n            'p-cascadeselect-fluid': instance.hasFluid\n        }\n    ],\n    label: ({ instance, props }) => [\n        'p-cascadeselect-label',\n        {\n            'p-placeholder': instance.label === props.placeholder,\n            'p-cascadeselect-label-empty': !instance.$slots['value'] && (instance.label === 'p-emptylabel' || instance.label.length === 0)\n        }\n    ],\n    dropdown: 'p-cascadeselect-dropdown',\n    loadingIcon: 'p-cascadeselect-loading-icon',\n    dropdownIcon: 'p-cascadeselect-dropdown-icon',\n    overlay: 'p-cascadeselect-overlay p-component',\n    listContainer: 'p-cascadeselect-list-container',\n    list: 'p-cascadeselect-list',\n    option: ({ instance, processedOption }) => [\n        'p-cascadeselect-option',\n        {\n            'p-cascadeselect-option-active': instance.isOptionActive(processedOption),\n            'p-cascadeselect-option-selected': instance.isOptionSelected(processedOption),\n            'p-focus': instance.isOptionFocused(processedOption),\n            'p-disabled': instance.isOptionDisabled(processedOption)\n        }\n    ],\n    optionContent: 'p-cascadeselect-option-content',\n    optionText: 'p-cascadeselect-option-text',\n    groupIcon: 'p-cascadeselect-group-icon',\n    optionList: 'p-cascadeselect-overlay p-cascadeselect-option-list'\n};\n\nexport default BaseStyle.extend({\n    name: 'cascadeselect',\n    theme,\n    classes,\n    inlineStyles\n});\n"],"names":["theme","_ref","dt","concat","inlineStyles","root","_ref2","props","position","appendTo","undefined","classes","_ref3","instance","disabled","invalid","variant","$primevue","config","inputStyle","inputVariant","focused","modelValue","overlayVisible","hasFluid","label","_ref4","placeholder","$slots","length","dropdown","loadingIcon","dropdownIcon","overlay","listContainer","list","option","_ref5","processedOption","isOptionActive","isOptionSelected","isOptionFocused","isOptionDisabled","optionContent","optionText","groupIcon","optionList","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE,CAAA;EAAA,OAAAC,0IAAAA,CAAAA,MAAA,CAMDD,EAAE,CAAC,0BAA0B,CAAC,EAAA,2BAAA,CAAA,CAAAC,MAAA,CACxBD,EAAE,CAAC,4BAA4B,CAAC,oCAAAC,MAAA,CAC3BD,EAAE,CAAC,mCAAmC,CAAC,EAAAC,UAAAA,CAAAA,CAAAA,MAAA,CAAWD,EAAE,CAAC,mCAAmC,CAAC,EAAA,iBAAA,CAAA,CAAAC,MAAA,CAAkBD,EAAE,CAAC,mCAAmC,CAAC,sBAAAC,MAAA,CAAmBD,EAAE,CAChM,mCACJ,CAAC,EAAAC,eAAAA,CAAAA,CAAAA,MAAA,CAAgBD,EAAE,CAAC,mCAAmC,CAAC,EAAAC,wBAAAA,CAAAA,CAAAA,MAAA,CACnCD,EAAE,CAAC,6BAA6B,CAAC,EAAA,sDAAA,CAAA,CAAAC,MAAA,CAEpCD,EAAE,CAAC,sBAAsB,CAAC,2EAAAC,MAAA,CAIxBD,EAAE,CAAC,kCAAkC,CAAC,EAAAC,yEAAAA,CAAAA,CAAAA,MAAA,CAItCD,EAAE,CAAC,kCAAkC,CAAC,EAAA,qBAAA,CAAA,CAAAC,MAAA,CACxCD,EAAE,CAAC,iCAAiC,CAAC,sBAAAC,MAAA,CACxCD,EAAE,CAAC,gCAAgC,CAAC,EAAAC,GAAAA,CAAAA,CAAAA,MAAA,CAAID,EAAE,CAAC,gCAAgC,CAAC,EAAAC,GAAAA,CAAAA,CAAAA,MAAA,CAAID,EAAE,CAAC,gCAAgC,CAAC,EAAA,yBAAA,CAAA,CAAAC,MAAA,CAC7GD,EAAE,CAAC,4CAA4C,CAAC,mEAAAC,MAAA,CAIpDD,EAAE,CAAC,iCAAiC,CAAC,EAAAC,uEAAAA,CAAAA,CAAAA,MAAA,CAIrCD,EAAE,CAAC,uCAAuC,CAAC,EAAA,0DAAA,CAAA,CAAAC,MAAA,CAIzCD,EAAE,CAAC,oCAAoC,CAAC,8EAAAC,MAAA,CAK1CD,EAAE,CAAC,mCAAmC,CAAC,EAAAC,iLAAAA,CAAAA,CAAAA,MAAA,CAS5CD,EAAE,CAAC,8BAA8B,CAAC,EAAAC,gBAAAA,CAAAA,CAAAA,MAAA,CAClCD,EAAE,CAAC,8BAA8B,CAAC,EAAA,kCAAA,CAAA,CAAAC,MAAA,CAChBD,EAAE,CAAC,kBAAkB,CAAC,yCAAAC,MAAA,CACnBD,EAAE,CAAC,kBAAkB,CAAC,EAAA,gNAAA,CAAA,CAAAC,MAAA,CAWzCD,EAAE,CAAC,yBAAyB,CAAC,EAAAC,GAAAA,CAAAA,CAAAA,MAAA,CAAID,EAAE,CAAC,yBAAyB,CAAC,EAAA,sIAAA,CAAA,CAAAC,MAAA,CAOhED,EAAE,CAAC,iCAAiC,CAAC,sKAAAC,MAAA,CAQrCD,EAAE,CAAC,8BAA8B,CAAC,wQAAAC,MAAA,CAiB7BD,EAAE,CAAC,kCAAkC,CAAC,EAAAC,gBAAAA,CAAAA,CAAAA,MAAA,CAC3CD,EAAE,CAAC,6BAA6B,CAAC,EAAA,2BAAA,CAAA,CAAAC,MAAA,CACtBD,EAAE,CAAC,oCAAoC,CAAC,4BAAAC,MAAA,CAC3CD,EAAE,CAAC,qCAAqC,CAAC,EAAAC,qBAAAA,CAAAA,CAAAA,MAAA,CAC5CD,EAAE,CAAC,8BAA8B,CAAC,EAAA,oUAAA,CAAA,CAAAC,MAAA,CAmBrCD,EAAE,CAAC,4BAA4B,CAAC,mEAAAC,MAAA,CAGpCD,EAAE,CAAC,wBAAwB,CAAC,kJAAAC,MAAA,CAQ1BD,EAAE,CAAC,4BAA4B,CAAC,EAAAC,8DAAAA,CAAAA,CAAAA,MAAA,CAEhBD,EAAE,CAAC,mCAAmC,CAAC,EAAA,UAAA,CAAA,CAAAC,MAAA,CAAWD,EAAE,CAAC,mCAAmC,CAAC,qBAAAC,MAAA,CAAkBD,EAAE,CAAC,mCAAmC,CAAC,EAAAC,eAAAA,CAAAA,CAAAA,MAAA,CAAgBD,EAAE,CAC7L,mCACJ,CAAC,EAAA,kBAAA,CAAA,CAAAC,MAAA,CAAmBD,EAAE,CAAC,mCAAmC,CAAC,4BAAAC,MAAA,CACtCD,EAAE,CAAC,oCAAoC,CAAC,wFAAAC,MAAA,CAK3CD,EAAE,CAAC,uCAAuC,CAAC,EAAAC,gBAAAA,CAAAA,CAAAA,MAAA,CAChDD,EAAE,CAAC,kCAAkC,CAAC,EAAA,oHAAA,CAAA,CAAAC,MAAA,CAIjCD,EAAE,CAAC,uCAAuC,CAAC,oBAAAC,MAAA,CAChDD,EAAE,CAAC,kCAAkC,CAAC,EAAAC,2IAAAA,CAAAA,CAAAA,MAAA,CAItCD,EAAE,CAAC,uCAAuC,CAAC,EAAA,8DAAA,CAAA,CAAAC,MAAA,CAItCD,EAAE,CAAC,0CAA0C,CAAC,oBAAAC,MAAA,CACnDD,EAAE,CAAC,qCAAqC,CAAC,0EAAAC,MAAA,CAIpCD,EAAE,CAAC,gDAAgD,CAAC,EAAAC,gBAAAA,CAAAA,CAAAA,MAAA,CACzDD,EAAE,CAAC,2CAA2C,CAAC,EAAA,iRAAA,CAAA,CAAAC,MAAA,CAc7CD,EAAE,CAAC,8BAA8B,CAAC,EAAAC,gFAAAA,CAAAA,CAAAA,MAAA,CAKhCD,EAAE,CAAC,gCAAgC,CAAC,oBAAAC,MAAA,CACxCD,EAAE,CAAC,gCAAgC,CAAC,EAAAC,iBAAAA,CAAAA,CAAAA,MAAA,CACnCD,EAAE,CAAC,gCAAgC,CAAC,EAAA,gBAAA,CAAA,CAAAC,MAAA,CACrCD,EAAE,CAAC,iCAAiC,CAAC,EAAA,QAAA,CAAA,CAAA;AAAA,CAEjD,CAAA;AAED,IAAME,YAAY,GAAG;AACjBC,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAKC,KAAK,GAAAD,KAAA,CAALC,KAAK,CAAA;IAAA,OAAQ;MAAEC,QAAQ,EAAED,KAAK,CAACE,QAAQ,KAAK,MAAM,GAAG,UAAU,GAAGC,SAAAA;KAAW,CAAA;AAAA,GAAA;AAC1F,CAAC,CAAA;AAED,IAAMC,OAAO,GAAG;AACZN,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAO,KAAA,EAAA;AAAA,IAAA,IAAKC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;MAAEN,KAAK,GAAAK,KAAA,CAALL,KAAK,CAAA;IAAA,OAAO,CAC3B,4CAA4C,EAC5C;MACI,YAAY,EAAEA,KAAK,CAACO,QAAQ;MAC5B,WAAW,EAAEP,KAAK,CAACQ,OAAO;AAC1B,MAAA,kBAAkB,EAAER,KAAK,CAACS,OAAO,GAAGT,KAAK,CAACS,OAAO,KAAK,QAAQ,GAAGH,QAAQ,CAACI,SAAS,CAACC,MAAM,CAACC,UAAU,KAAK,QAAQ,IAAIN,QAAQ,CAACI,SAAS,CAACC,MAAM,CAACE,YAAY,KAAK,QAAQ;MACzK,SAAS,EAAEP,QAAQ,CAACQ,OAAO;MAC3B,uBAAuB,EAAEd,KAAK,CAACe,UAAU;AACzC,MAAA,sBAAsB,EAAET,QAAQ,CAACQ,OAAO,IAAIR,QAAQ,CAACU,cAAc;MACnE,sBAAsB,EAAEV,QAAQ,CAACU,cAAc;MAC/C,uBAAuB,EAAEV,QAAQ,CAACW,QAAAA;AACtC,KAAC,CACJ,CAAA;AAAA,GAAA;AACDC,EAAAA,KAAK,EAAE,SAAPA,KAAKA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAKb,QAAQ,GAAAa,KAAA,CAARb,QAAQ;MAAEN,KAAK,GAAAmB,KAAA,CAALnB,KAAK,CAAA;IAAA,OAAO,CAC5B,uBAAuB,EACvB;AACI,MAAA,eAAe,EAAEM,QAAQ,CAACY,KAAK,KAAKlB,KAAK,CAACoB,WAAW;MACrD,6BAA6B,EAAE,CAACd,QAAQ,CAACe,MAAM,CAAC,OAAO,CAAC,KAAKf,QAAQ,CAACY,KAAK,KAAK,cAAc,IAAIZ,QAAQ,CAACY,KAAK,CAACI,MAAM,KAAK,CAAC,CAAA;AACjI,KAAC,CACJ,CAAA;AAAA,GAAA;AACDC,EAAAA,QAAQ,EAAE,0BAA0B;AACpCC,EAAAA,WAAW,EAAE,8BAA8B;AAC3CC,EAAAA,YAAY,EAAE,+BAA+B;AAC7CC,EAAAA,OAAO,EAAE,qCAAqC;AAC9CC,EAAAA,aAAa,EAAE,gCAAgC;AAC/CC,EAAAA,IAAI,EAAE,sBAAsB;AAC5BC,EAAAA,MAAM,EAAE,SAARA,MAAMA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAKxB,QAAQ,GAAAwB,KAAA,CAARxB,QAAQ;MAAEyB,eAAe,GAAAD,KAAA,CAAfC,eAAe,CAAA;IAAA,OAAO,CACvC,wBAAwB,EACxB;AACI,MAAA,+BAA+B,EAAEzB,QAAQ,CAAC0B,cAAc,CAACD,eAAe,CAAC;AACzE,MAAA,iCAAiC,EAAEzB,QAAQ,CAAC2B,gBAAgB,CAACF,eAAe,CAAC;AAC7E,MAAA,SAAS,EAAEzB,QAAQ,CAAC4B,eAAe,CAACH,eAAe,CAAC;AACpD,MAAA,YAAY,EAAEzB,QAAQ,CAAC6B,gBAAgB,CAACJ,eAAe,CAAA;AAC3D,KAAC,CACJ,CAAA;AAAA,GAAA;AACDK,EAAAA,aAAa,EAAE,gCAAgC;AAC/CC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,SAAS,EAAE,4BAA4B;AACvCC,EAAAA,UAAU,EAAE,qDAAA;AAChB,CAAC,CAAA;AAED,yBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,eAAe;AACrBjD,EAAAA,KAAK,EAALA,KAAK;AACLW,EAAAA,OAAO,EAAPA,OAAO;AACPP,EAAAA,YAAY,EAAZA,YAAAA;AACJ,CAAC,CAAC;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/cascadeselect/style/CascadeSelectStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-cascadeselect {\n    display: inline-flex;\n    cursor: pointer;\n    position: relative;\n    user-select: none;\n    background: ${dt('cascadeselect.background')};\n    border: 1px solid ${dt('cascadeselect.border.color')};\n    transition: background ${dt('cascadeselect.transition.duration')}, color ${dt('cascadeselect.transition.duration')}, border-color ${dt('cascadeselect.transition.duration')}, outline-color ${dt(\n    'cascadeselect.transition.duration'\n)}, box-shadow ${dt('cascadeselect.transition.duration')};\n    border-radius: ${dt('cascadeselect.border.radius')};\n    outline-color: transparent;\n    box-shadow: ${dt('cascadeselect.shadow')};\n}\n\n.p-cascadeselect:not(.p-disabled):hover {\n    border-color: ${dt('cascadeselect.hover.border.color')};\n}\n\n.p-cascadeselect:not(.p-disabled).p-focus {\n    border-color: ${dt('cascadeselect.focus.border.color')};\n    box-shadow: ${dt('cascadeselect.focus.ring.shadow')};\n    outline: ${dt('cascadeselect.focus.ring.width')} ${dt('cascadeselect.focus.ring.style')} ${dt('cascadeselect.focus.ring.color')};\n    outline-offset: ${dt('cascadeselect.focus.ring.offset')};\n}\n\n.p-cascadeselect.p-variant-filled {\n    background: ${dt('cascadeselect.filled.background')};\n}\n\n.p-cascadeselect.p-variant-filled:not(.p-disabled):hover {\n    background: ${dt('cascadeselect.filled.hover.background')};\n}\n\n.p-cascadeselect.p-variant-filled.p-focus {\n    background: ${dt('cascadeselect.filled.focus.background')};\n}\n\n.p-cascadeselect.p-invalid {\n    border-color: ${dt('cascadeselect.invalid.border.color')};\n}\n\n.p-cascadeselect.p-disabled {\n    opacity: 1;\n    background: ${dt('cascadeselect.disabled.background')};\n}\n\n.p-cascadeselect-dropdown {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    background: transparent;\n    color: ${dt('cascadeselect.dropdown.color')};\n    width: ${dt('cascadeselect.dropdown.width')};\n    border-top-right-radius: ${dt('border.radius.md')};\n    border-bottom-right-radius: ${dt('border.radius.md')};\n}\n\n.p-cascadeselect-label {\n    display: block;\n    white-space: nowrap;\n    overflow: hidden;\n    flex: 1 1 auto;\n    width: 1%;\n    text-overflow: ellipsis;\n    cursor: pointer;\n    padding: ${dt('cascadeselect.padding.y')} ${dt('cascadeselect.padding.x')};\n    background: transparent;\n    border: 0 none;\n    outline: 0 none;\n}\n\n.p-cascadeselect-label.p-placeholder {\n    color: ${dt('cascadeselect.placeholder.color')};\n}\n\n.p-cascadeselect-clearable .p-cascadeselect-label {\n    padding-right: 1.75rem;\n}\n\n.p-cascadeselect.p-disabled .p-cascadeselect-label {\n    color: ${dt('cascadeselect.disabled.color')};\n}\n\n.p-cascadeselect-label-empty {\n    overflow: hidden;\n    visibility: hidden;\n}\n\n.p-cascadeselect-fluid {\n    display: flex;\n}\n\n.p-cascadeselect-fluid .p-cascadeselect-label {\n    width: 1%;\n}\n\n.p-cascadeselect-overlay {\n    background: ${dt('cascadeselect.overlay.background')};\n    color: ${dt('cascadeselect.overlay.color')};\n    border: 1px solid ${dt('cascadeselect.overlay.border.color')};\n    border-radius: ${dt('cascadeselect.overlay.border.radius')};\n    box-shadow: ${dt('cascadeselect.overlay.shadow')};\n}\n\n.p-cascadeselect .p-cascadeselect-overlay {\n    min-width: 100%;\n}\n\n.p-cascadeselect-option-list {\n    display: none;\n    min-width: 100%;\n    position: absolute;\n    z-index: 1;\n}\n\n.p-cascadeselect-list {\n    min-width: 100%;\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    padding: ${dt('cascadeselect.list.padding')};\n    display: flex;\n    flex-direction: column;\n    gap: ${dt('cascadeselect.list.gap')}\n}\n\n.p-cascadeselect-option {\n    cursor: pointer;\n    font-weight: normal;\n    white-space: nowrap;\n    border: 0 none;\n    color: ${dt('cascadeselect.option.color')};\n    background: transparent;\n    transition: background ${dt('cascadeselect.transition.duration')}, color ${dt('cascadeselect.transition.duration')}, border-color ${dt('cascadeselect.transition.duration')}, box-shadow ${dt(\n    'cascadeselect.transition.duration'\n)}, outline-color ${dt('cascadeselect.transition.duration')};\n    border-radius: ${dt('cascadeselect.option.border.radius')};\n}\n\n.p-cascadeselect-option-active {\n    overflow: visible;\n}\n\n.p-cascadeselect-option-active > .p-cascadeselect-option-content {\n    background: ${dt('cascadeselect.option.focus.background')};\n    color: ${dt('cascadeselect.option.focus.color')};\n    border-radius: ${dt('cascadeselect.option.border.radius')};\n}\n\n.p-cascadeselect-option:not(.p-cascadeselect-option-selected):not(.p-disabled).p-focus > .p-cascadeselect-option-content {\n    background: ${dt('cascadeselect.option.focus.background')};\n    color: ${dt('cascadeselect.option.focus.color')};\n}\n\n.p-cascadeselect-option:not(.p-cascadeselect-option-selected):not(.p-disabled).p-focus .p-cascadeselect-group-icon {\n    color: ${dt('cascadeselect.option.icon.focus.color')};\n}\n\n.p-cascadeselect-option-selected .p-cascadeselect-option-content {\n    background: ${dt('cascadeselect.option.selected.background')};\n    color: ${dt('cascadeselect.option.selected.color')};\n}\n\n.p-cascadeselect-option-selected.p-focus {\n    background: ${dt('cascadeselect.option.selected.focus.background')};\n    color: ${dt('cascadeselect.option.selected.focus.color')};\n}\n\n.p-cascadeselect-option-active > .p-cascadeselect-option-list {\n    display: block;\n    left: 100%;\n    top: 0;\n}\n\n.p-cascadeselect-option-content {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    overflow: hidden;\n    position: relative;\n    padding: ${dt('cascadeselect.option.padding')};\n}\n\n.p-cascadeselect-group-icon {\n    font-size: ${dt('cascadeselect.option.icon.size')};\n    width: ${dt('cascadeselect.option.icon.size')};\n    height: ${dt('cascadeselect.option.icon.size')};\n    color: ${dt('cascadeselect.option.icon.color')};\n}\n\n.p-cascadeselect-mobile-active .p-cascadeselect-option-content {\n    border-radius: ${dt('cascadeselect.option.border.radius')};\n}\n\n.p-cascadeselect-mobile-active-active .p-cascadeselect-list {\n    display: flex;\n    flex-direction: column;\n    top: 100%;\n    left: 0;\n    z-index: 1;\n}\n\n.p-cascadeselect-mobile-active .p-cascadeselect-list > .p-cascadeselect-option > .p-cascadeselect-option-content .p-cascadeselect-group-icon {\n    margin-left: auto;\n    transition: transform 0.2s;\n}\n\n.p-cascadeselect-mobile-active .p-cascadeselect-list .p-cascadeselect-group-icon {\n    transition: transform 0.2s;\n    transform: rotate(90deg);\n}\n\n.p-cascadeselect-mobile-active .p-cascadeselect-option-active > .p-cascadeselect-option-content .p-cascadeselect-group-icon {\n    transform: rotate(-90deg);\n}\n\n.p-cascadeselect-mobile-active .p-cascadeselect-option-list {\n    position: static;\n    box-shadow: none;\n    border: 0 none;\n    padding-left: ${dt('cascadeselect.list.mobile.indent')};\n}\n`;\n\nconst inlineStyles = {\n    root: ({ props }) => ({ position: props.appendTo === 'self' ? 'relative' : undefined })\n};\n\nconst classes = {\n    root: ({ instance, props }) => [\n        'p-cascadeselect p-component p-inputwrapper',\n        {\n            'p-cascadeselect-mobile': instance.queryMatches,\n            'p-disabled': props.disabled,\n            'p-invalid': props.invalid,\n            'p-variant-filled': props.variant ? props.variant === 'filled' : instance.$primevue.config.inputStyle === 'filled' || instance.$primevue.config.inputVariant === 'filled',\n            'p-focus': instance.focused,\n            'p-inputwrapper-filled': props.modelValue,\n            'p-inputwrapper-focus': instance.focused || instance.overlayVisible,\n            'p-cascadeselect-open': instance.overlayVisible,\n            'p-cascadeselect-fluid': instance.hasFluid\n        }\n    ],\n    label: ({ instance, props }) => [\n        'p-cascadeselect-label',\n        {\n            'p-placeholder': instance.label === props.placeholder,\n            'p-cascadeselect-label-empty': !instance.$slots['value'] && (instance.label === 'p-emptylabel' || instance.label.length === 0)\n        }\n    ],\n    dropdown: 'p-cascadeselect-dropdown',\n    loadingIcon: 'p-cascadeselect-loading-icon',\n    dropdownIcon: 'p-cascadeselect-dropdown-icon',\n    overlay: ({ instance }) => [\n        'p-cascadeselect-overlay p-component',\n        {\n            'p-cascadeselect-mobile-active': instance.queryMatches\n        }\n    ],\n    listContainer: 'p-cascadeselect-list',\n    list: 'p-cascadeselect-list',\n    option: ({ instance, processedOption }) => [\n        'p-cascadeselect-option',\n        {\n            'p-cascadeselect-option-active': instance.isOptionActive(processedOption),\n            'p-cascadeselect-option-selected': instance.isOptionSelected(processedOption),\n            'p-focus': instance.isOptionFocused(processedOption),\n            'p-disabled': instance.isOptionDisabled(processedOption)\n        }\n    ],\n    optionContent: 'p-cascadeselect-option-content',\n    optionText: 'p-cascadeselect-option-text',\n    groupIconContainer: 'p-cascadeselect-group-icon-container',\n    groupIcon: 'p-cascadeselect-group-icon',\n    optionList: 'p-cascadeselect-overlay p-cascadeselect-option-list'\n};\n\nexport default BaseStyle.extend({\n    name: 'cascadeselect',\n    theme,\n    classes,\n    inlineStyles\n});\n"],"names":["theme","_ref","dt","concat","inlineStyles","root","_ref2","props","position","appendTo","undefined","classes","_ref3","instance","queryMatches","disabled","invalid","variant","$primevue","config","inputStyle","inputVariant","focused","modelValue","overlayVisible","hasFluid","label","_ref4","placeholder","$slots","length","dropdown","loadingIcon","dropdownIcon","overlay","_ref5","listContainer","list","option","_ref6","processedOption","isOptionActive","isOptionSelected","isOptionFocused","isOptionDisabled","optionContent","optionText","groupIconContainer","groupIcon","optionList","BaseStyle","extend","name"],"mappings":"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"}

package/colorpicker/BaseColorPicker.vue

@@ -46,7 +46,8 @@ export default {
             type: String,
             default: null
         },
-        panelClass: null
+        panelClass: null,
+        overlayClass: null
     },
     style: ColorPickerStyle,
     provide() {

package/colorpicker/ColorPicker.vue

@@ -3,7 +3,7 @@
         <input v-if="!inline" ref="input" :id="inputId" type="text" :class="cx('preview')" readonly="readonly" :tabindex="tabindex" :disabled="disabled" @click="onInputClick" @keydown="onInputKeydown" v-bind="ptm('preview')" />
         <Portal :appendTo="appendTo" :disabled="inline">
             <transition name="p-connected-overlay" @enter="onOverlayEnter" @leave="onOverlayLeave" @after-leave="onOverlayAfterLeave" v-bind="ptm('transition')">
-                <div v-if="inline ? true : overlayVisible" :ref="pickerRef" :class="[cx('panel'), panelClass]" @click="onOverlayClick" v-bind="ptm('panel')">
+                <div v-if="inline ? true : overlayVisible" :ref="pickerRef" :class="[cx('panel'), panelClass, overlayClass]" @click="onOverlayClick" v-bind="{ ...ptm('panel'), ...ptm('overlay') }">
                     <div :class="cx('content')" v-bind="ptm('content')">
                         <div :ref="colorSelectorRef" :class="cx('colorSelector')" @mousedown="onColorMousedown($event)" @touchstart="onColorDragStart($event)" @touchmove="onDrag($event)" @touchend="onDragEnd()" v-bind="ptm('colorSelector')">
                             <div :class="cx('colorBackground')" v-bind="ptm('colorBackground')">
@@ -21,9 +21,9 @@
 </template>
 
 <script>
-import { ConnectedOverlayScrollHandler } from '@primevue/core/utils';
-import { relativePosition, absolutePosition, addClass, removeClass, isTouchDevice } from '@primeuix/utils/dom';
+import { absolutePosition, addClass, isTouchDevice, relativePosition, removeClass } from '@primeuix/utils/dom';
 import { ZIndex } from '@primeuix/utils/zindex';
+import { ConnectedOverlayScrollHandler } from '@primevue/core/utils';
 import OverlayEventBus from 'primevue/overlayeventbus';
 import Portal from 'primevue/portal';
 import BaseColorPicker from './BaseColorPicker.vue';

package/colorpicker/index.d.ts

@@ -77,7 +77,7 @@ export interface ColorPickerPassThroughOptions {
     /**
      * Used to pass attributes to the panel's DOM element.
      */
-    panel?: ColorPickerPassThroughOptionType;
+    overlay?: ColorPickerPassThroughOptionType;
     /**
      * Used to pass attributes to the content's DOM element.
      */
@@ -179,8 +179,13 @@ export interface ColorPickerProps {
     inputId?: string | undefined;
     /**
      * Style class of the overlay panel.
+     * @deprecated since v4.0. Use 'overlayClass' prop instead.
      */
     panelClass?: any;
+    /**
+     * Style class of the overlay panel.
+     */
+    overlayClass?: any;
     /**
      * A valid query selector or an HTMLElement to specify where the overlay gets attached. Special keywords are 'body' for document body and 'self' for the element itself.
      * @defaultValue body

package/colorpicker/index.mjs

@@ -1,6 +1,6 @@
-import { ConnectedOverlayScrollHandler } from '@primevue/core/utils';
 import { relativePosition, absolutePosition, addClass, removeClass, isTouchDevice } from '@primeuix/utils/dom';
 import { ZIndex } from '@primeuix/utils/zindex';
+import { ConnectedOverlayScrollHandler } from '@primevue/core/utils';
 import OverlayEventBus from 'primevue/overlayeventbus';
 import Portal from 'primevue/portal';
 import BaseComponent from '@primevue/core/basecomponent';
@@ -51,7 +51,8 @@ var script$1 = {
       type: String,
       "default": null
     },
-    panelClass: null
+    panelClass: null,
+    overlayClass: null
   },
   style: ColorPickerStyle,
   provide: function provide() {
@@ -558,6 +559,12 @@ var script = {
   }
 };
 
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var _hoisted_1 = ["id", "tabindex", "disabled"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_Portal = resolveComponent("Portal");
@@ -594,11 +601,11 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
           return [(_ctx.inline ? true : $data.overlayVisible) ? (openBlock(), createElementBlock("div", mergeProps({
             key: 0,
             ref: $options.pickerRef,
-            "class": [_ctx.cx('panel'), _ctx.panelClass],
+            "class": [_ctx.cx('panel'), _ctx.panelClass, _ctx.overlayClass],
             onClick: _cache[10] || (_cache[10] = function () {
               return $options.onOverlayClick && $options.onOverlayClick.apply($options, arguments);
             })
-          }, _ctx.ptm('panel')), [createElementVNode("div", mergeProps({
+          }, _objectSpread(_objectSpread({}, _ctx.ptm('panel')), _ctx.ptm('overlay'))), [createElementVNode("div", mergeProps({
             "class": _ctx.cx('content')
           }, _ctx.ptm('content')), [createElementVNode("div", mergeProps({
             ref: $options.colorSelectorRef,