primevue 4.2.5 → 4.3.0

package/multiselect/style/index.mjs

@@ -1,21 +1,18 @@
+import { style } from '@primeuix/styles/multiselect';
 import BaseStyle from '@primevue/core/base/style';
 
-var theme = function theme(_ref) {
-  var dt = _ref.dt;
-  return "\n.p-multiselect {\n    display: inline-flex;\n    cursor: pointer;\n    position: relative;\n    user-select: none;\n    background: ".concat(dt('multiselect.background'), ";\n    border: 1px solid ").concat(dt('multiselect.border.color'), ";\n    transition: background ").concat(dt('multiselect.transition.duration'), ", color ").concat(dt('multiselect.transition.duration'), ", border-color ").concat(dt('multiselect.transition.duration'), ", outline-color ").concat(dt('multiselect.transition.duration'), ", box-shadow ").concat(dt('multiselect.transition.duration'), ";\n    border-radius: ").concat(dt('multiselect.border.radius'), ";\n    outline-color: transparent;\n    box-shadow: ").concat(dt('multiselect.shadow'), ";\n}\n\n.p-multiselect:not(.p-disabled):hover {\n    border-color: ").concat(dt('multiselect.hover.border.color'), ";\n}\n\n.p-multiselect:not(.p-disabled).p-focus {\n    border-color: ").concat(dt('multiselect.focus.border.color'), ";\n    box-shadow: ").concat(dt('multiselect.focus.ring.shadow'), ";\n    outline: ").concat(dt('multiselect.focus.ring.width'), " ").concat(dt('multiselect.focus.ring.style'), " ").concat(dt('multiselect.focus.ring.color'), ";\n    outline-offset: ").concat(dt('multiselect.focus.ring.offset'), ";\n}\n\n.p-multiselect.p-variant-filled {\n    background: ").concat(dt('multiselect.filled.background'), ";\n}\n\n.p-multiselect.p-variant-filled:not(.p-disabled):hover {\n    background: ").concat(dt('multiselect.filled.hover.background'), ";\n}\n\n.p-multiselect.p-variant-filled.p-focus {\n    background: ").concat(dt('multiselect.filled.focus.background'), ";\n}\n\n.p-multiselect.p-invalid {\n    border-color: ").concat(dt('multiselect.invalid.border.color'), ";\n}\n\n.p-multiselect.p-disabled {\n    opacity: 1;\n    background: ").concat(dt('multiselect.disabled.background'), ";\n}\n\n.p-multiselect-dropdown {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    background: transparent;\n    color: ").concat(dt('multiselect.dropdown.color'), ";\n    width: ").concat(dt('multiselect.dropdown.width'), ";\n    border-start-end-radius: ").concat(dt('multiselect.border.radius'), ";\n    border-end-end-radius: ").concat(dt('multiselect.border.radius'), ";\n}\n\n.p-multiselect-clear-icon {\n    position: absolute;\n    top: 50%;\n    margin-top: -0.5rem;\n    color: ").concat(dt('multiselect.clear.icon.color'), ";\n    inset-inline-end: ").concat(dt('multiselect.dropdown.width'), ";\n}\n\n.p-multiselect-label-container {\n    overflow: hidden;\n    flex: 1 1 auto;\n    cursor: pointer;\n}\n\n.p-multiselect-label {\n    display: flex;\n    align-items: center;\n    gap: calc(").concat(dt('multiselect.padding.y'), " / 2);\n    white-space: nowrap;\n    cursor: pointer;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    padding: ").concat(dt('multiselect.padding.y'), " ").concat(dt('multiselect.padding.x'), ";\n    color: ").concat(dt('multiselect.color'), ";\n}\n\n.p-multiselect-label.p-placeholder {\n    color: ").concat(dt('multiselect.placeholder.color'), ";\n}\n\n.p-multiselect.p-invalid .p-multiselect-label.p-placeholder {\n    color: ").concat(dt('multiselect.invalid.placeholder.color'), ";\n}\n\n.p-multiselect.p-disabled .p-multiselect-label {\n    color: ").concat(dt('multiselect.disabled.color'), ";\n}\n\n.p-multiselect-label-empty {\n    overflow: hidden;\n    visibility: hidden;\n}\n\n.p-multiselect .p-multiselect-overlay {\n    min-width: 100%;\n}\n\n.p-multiselect-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    background: ").concat(dt('multiselect.overlay.background'), ";\n    color: ").concat(dt('multiselect.overlay.color'), ";\n    border: 1px solid ").concat(dt('multiselect.overlay.border.color'), ";\n    border-radius: ").concat(dt('multiselect.overlay.border.radius'), ";\n    box-shadow: ").concat(dt('multiselect.overlay.shadow'), ";\n}\n\n.p-multiselect-header {\n    display: flex;\n    align-items: center;\n    padding: ").concat(dt('multiselect.list.header.padding'), ";\n}\n\n.p-multiselect-header .p-checkbox {\n    margin-inline-end: ").concat(dt('multiselect.option.gap'), ";\n}\n\n.p-multiselect-filter-container {\n    flex: 1 1 auto;\n}\n\n.p-multiselect-filter {\n    width: 100%;\n}\n\n.p-multiselect-list-container {\n    overflow: auto;\n}\n\n.p-multiselect-list {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    padding: ").concat(dt('multiselect.list.padding'), ";\n    display: flex;\n    flex-direction: column;\n    gap: ").concat(dt('multiselect.list.gap'), ";\n}\n\n.p-multiselect-option {\n    cursor: pointer;\n    font-weight: normal;\n    white-space: nowrap;\n    position: relative;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    gap: ").concat(dt('multiselect.option.gap'), ";\n    padding: ").concat(dt('multiselect.option.padding'), ";\n    border: 0 none;\n    color: ").concat(dt('multiselect.option.color'), ";\n    background: transparent;\n    transition: background ").concat(dt('multiselect.transition.duration'), ", color ").concat(dt('multiselect.transition.duration'), ", border-color ").concat(dt('multiselect.transition.duration'), ", box-shadow ").concat(dt('multiselect.transition.duration'), ", outline-color ").concat(dt('multiselect.transition.duration'), ";\n    border-radius: ").concat(dt('multiselect.option.border.radius'), ";\n}\n\n.p-multiselect-option:not(.p-multiselect-option-selected):not(.p-disabled).p-focus {\n    background: ").concat(dt('multiselect.option.focus.background'), ";\n    color: ").concat(dt('multiselect.option.focus.color'), ";\n}\n\n.p-multiselect-option.p-multiselect-option-selected {\n    background: ").concat(dt('multiselect.option.selected.background'), ";\n    color: ").concat(dt('multiselect.option.selected.color'), ";\n}\n\n.p-multiselect-option.p-multiselect-option-selected.p-focus {\n    background: ").concat(dt('multiselect.option.selected.focus.background'), ";\n    color: ").concat(dt('multiselect.option.selected.focus.color'), ";\n}\n\n.p-multiselect-option-group {\n    cursor: auto;\n    margin: 0;\n    padding: ").concat(dt('multiselect.option.group.padding'), ";\n    background: ").concat(dt('multiselect.option.group.background'), ";\n    color: ").concat(dt('multiselect.option.group.color'), ";\n    font-weight: ").concat(dt('multiselect.option.group.font.weight'), ";\n}\n\n.p-multiselect-empty-message {\n    padding: ").concat(dt('multiselect.empty.message.padding'), ";\n}\n\n.p-multiselect-label .p-chip {\n    padding-block-start: calc(").concat(dt('multiselect.padding.y'), " / 2);\n    padding-block-end: calc(").concat(dt('multiselect.padding.y'), " / 2);\n    border-radius: ").concat(dt('multiselect.chip.border.radius'), ";\n}\n\n.p-multiselect-label:has(.p-chip) {\n    padding: calc(").concat(dt('multiselect.padding.y'), " / 2) calc(").concat(dt('multiselect.padding.x'), " / 2);\n}\n\n.p-multiselect-fluid {\n    display: flex;\n    width: 100%;\n}\n\n.p-multiselect-sm .p-multiselect-label {\n    font-size: ").concat(dt('multiselect.sm.font.size'), ";\n    padding-block: ").concat(dt('multiselect.sm.padding.y'), ";\n    padding-inline: ").concat(dt('multiselect.sm.padding.x'), ";\n}\n\n.p-multiselect-sm .p-multiselect-dropdown .p-icon {\n    font-size: ").concat(dt('multiselect.sm.font.size'), ";\n    width: ").concat(dt('multiselect.sm.font.size'), ";\n    height: ").concat(dt('multiselect.sm.font.size'), ";\n}\n\n.p-multiselect-lg .p-multiselect-label {\n    font-size: ").concat(dt('multiselect.lg.font.size'), ";\n    padding-block: ").concat(dt('multiselect.lg.padding.y'), ";\n    padding-inline: ").concat(dt('multiselect.lg.padding.x'), ";\n}\n\n.p-multiselect-lg .p-multiselect-dropdown .p-icon {\n    font-size: ").concat(dt('multiselect.lg.font.size'), ";\n    width: ").concat(dt('multiselect.lg.font.size'), ";\n    height: ").concat(dt('multiselect.lg.font.size'), ";\n}\n");
-};
 var inlineStyles = {
-  root: function root(_ref2) {
-    var props = _ref2.props;
+  root: function root(_ref) {
+    var props = _ref.props;
     return {
       position: props.appendTo === 'self' ? 'relative' : undefined
     };
   }
 };
 var classes = {
-  root: function root(_ref3) {
-    var instance = _ref3.instance,
-      props = _ref3.props;
+  root: function root(_ref2) {
+    var instance = _ref2.instance,
+      props = _ref2.props;
     return ['p-multiselect p-component p-inputwrapper', {
       'p-multiselect-display-chip': props.display === 'chip',
       'p-disabled': props.disabled,
@@ -31,12 +28,12 @@ var classes = {
     }];
   },
   labelContainer: 'p-multiselect-label-container',
-  label: function label(_ref4) {
-    var instance = _ref4.instance,
-      props = _ref4.props;
+  label: function label(_ref3) {
+    var instance = _ref3.instance,
+      props = _ref3.props;
     return ['p-multiselect-label', {
       'p-placeholder': instance.label === props.placeholder,
-      'p-multiselect-label-empty': !props.placeholder && (!props.modelValue || props.modelValue.length === 0)
+      'p-multiselect-label-empty': !props.placeholder && !instance.$filled
     }];
   },
   clearIcon: 'p-multiselect-clear-icon',
@@ -53,12 +50,12 @@ var classes = {
   listContainer: 'p-multiselect-list-container',
   list: 'p-multiselect-list',
   optionGroup: 'p-multiselect-option-group',
-  option: function option(_ref5) {
-    var instance = _ref5.instance,
-      _option = _ref5.option,
-      index = _ref5.index,
-      getItemOptions = _ref5.getItemOptions,
-      props = _ref5.props;
+  option: function option(_ref4) {
+    var instance = _ref4.instance,
+      _option = _ref4.option,
+      index = _ref4.index,
+      getItemOptions = _ref4.getItemOptions,
+      props = _ref4.props;
     return ['p-multiselect-option', {
       'p-multiselect-option-selected': instance.isSelected(_option) && props.highlightOnSelect,
       'p-focus': instance.focusedOptionIndex === instance.getOptionIndex(index, getItemOptions),
@@ -69,7 +66,7 @@ var classes = {
 };
 var MultiSelectStyle = BaseStyle.extend({
   name: 'multiselect',
-  theme: theme,
+  style: style,
   classes: classes,
   inlineStyles: inlineStyles
 });

package/multiselect/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/multiselect/style/MultiSelectStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-multiselect {\n    display: inline-flex;\n    cursor: pointer;\n    position: relative;\n    user-select: none;\n    background: ${dt('multiselect.background')};\n    border: 1px solid ${dt('multiselect.border.color')};\n    transition: background ${dt('multiselect.transition.duration')}, color ${dt('multiselect.transition.duration')}, border-color ${dt('multiselect.transition.duration')}, outline-color ${dt('multiselect.transition.duration')}, box-shadow ${dt(\n    'multiselect.transition.duration'\n)};\n    border-radius: ${dt('multiselect.border.radius')};\n    outline-color: transparent;\n    box-shadow: ${dt('multiselect.shadow')};\n}\n\n.p-multiselect:not(.p-disabled):hover {\n    border-color: ${dt('multiselect.hover.border.color')};\n}\n\n.p-multiselect:not(.p-disabled).p-focus {\n    border-color: ${dt('multiselect.focus.border.color')};\n    box-shadow: ${dt('multiselect.focus.ring.shadow')};\n    outline: ${dt('multiselect.focus.ring.width')} ${dt('multiselect.focus.ring.style')} ${dt('multiselect.focus.ring.color')};\n    outline-offset: ${dt('multiselect.focus.ring.offset')};\n}\n\n.p-multiselect.p-variant-filled {\n    background: ${dt('multiselect.filled.background')};\n}\n\n.p-multiselect.p-variant-filled:not(.p-disabled):hover {\n    background: ${dt('multiselect.filled.hover.background')};\n}\n\n.p-multiselect.p-variant-filled.p-focus {\n    background: ${dt('multiselect.filled.focus.background')};\n}\n\n.p-multiselect.p-invalid {\n    border-color: ${dt('multiselect.invalid.border.color')};\n}\n\n.p-multiselect.p-disabled {\n    opacity: 1;\n    background: ${dt('multiselect.disabled.background')};\n}\n\n.p-multiselect-dropdown {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    background: transparent;\n    color: ${dt('multiselect.dropdown.color')};\n    width: ${dt('multiselect.dropdown.width')};\n    border-start-end-radius: ${dt('multiselect.border.radius')};\n    border-end-end-radius: ${dt('multiselect.border.radius')};\n}\n\n.p-multiselect-clear-icon {\n    position: absolute;\n    top: 50%;\n    margin-top: -0.5rem;\n    color: ${dt('multiselect.clear.icon.color')};\n    inset-inline-end: ${dt('multiselect.dropdown.width')};\n}\n\n.p-multiselect-label-container {\n    overflow: hidden;\n    flex: 1 1 auto;\n    cursor: pointer;\n}\n\n.p-multiselect-label {\n    display: flex;\n    align-items: center;\n    gap: calc(${dt('multiselect.padding.y')} / 2);\n    white-space: nowrap;\n    cursor: pointer;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    padding: ${dt('multiselect.padding.y')} ${dt('multiselect.padding.x')};\n    color: ${dt('multiselect.color')};\n}\n\n.p-multiselect-label.p-placeholder {\n    color: ${dt('multiselect.placeholder.color')};\n}\n\n.p-multiselect.p-invalid .p-multiselect-label.p-placeholder {\n    color: ${dt('multiselect.invalid.placeholder.color')};\n}\n\n.p-multiselect.p-disabled .p-multiselect-label {\n    color: ${dt('multiselect.disabled.color')};\n}\n\n.p-multiselect-label-empty {\n    overflow: hidden;\n    visibility: hidden;\n}\n\n.p-multiselect .p-multiselect-overlay {\n    min-width: 100%;\n}\n\n.p-multiselect-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    background: ${dt('multiselect.overlay.background')};\n    color: ${dt('multiselect.overlay.color')};\n    border: 1px solid ${dt('multiselect.overlay.border.color')};\n    border-radius: ${dt('multiselect.overlay.border.radius')};\n    box-shadow: ${dt('multiselect.overlay.shadow')};\n}\n\n.p-multiselect-header {\n    display: flex;\n    align-items: center;\n    padding: ${dt('multiselect.list.header.padding')};\n}\n\n.p-multiselect-header .p-checkbox {\n    margin-inline-end: ${dt('multiselect.option.gap')};\n}\n\n.p-multiselect-filter-container {\n    flex: 1 1 auto;\n}\n\n.p-multiselect-filter {\n    width: 100%;\n}\n\n.p-multiselect-list-container {\n    overflow: auto;\n}\n\n.p-multiselect-list {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    padding: ${dt('multiselect.list.padding')};\n    display: flex;\n    flex-direction: column;\n    gap: ${dt('multiselect.list.gap')};\n}\n\n.p-multiselect-option {\n    cursor: pointer;\n    font-weight: normal;\n    white-space: nowrap;\n    position: relative;\n    overflow: hidden;\n    display: flex;\n    align-items: center;\n    gap: ${dt('multiselect.option.gap')};\n    padding: ${dt('multiselect.option.padding')};\n    border: 0 none;\n    color: ${dt('multiselect.option.color')};\n    background: transparent;\n    transition: background ${dt('multiselect.transition.duration')}, color ${dt('multiselect.transition.duration')}, border-color ${dt('multiselect.transition.duration')}, box-shadow ${dt('multiselect.transition.duration')}, outline-color ${dt(\n    'multiselect.transition.duration'\n)};\n    border-radius: ${dt('multiselect.option.border.radius')};\n}\n\n.p-multiselect-option:not(.p-multiselect-option-selected):not(.p-disabled).p-focus {\n    background: ${dt('multiselect.option.focus.background')};\n    color: ${dt('multiselect.option.focus.color')};\n}\n\n.p-multiselect-option.p-multiselect-option-selected {\n    background: ${dt('multiselect.option.selected.background')};\n    color: ${dt('multiselect.option.selected.color')};\n}\n\n.p-multiselect-option.p-multiselect-option-selected.p-focus {\n    background: ${dt('multiselect.option.selected.focus.background')};\n    color: ${dt('multiselect.option.selected.focus.color')};\n}\n\n.p-multiselect-option-group {\n    cursor: auto;\n    margin: 0;\n    padding: ${dt('multiselect.option.group.padding')};\n    background: ${dt('multiselect.option.group.background')};\n    color: ${dt('multiselect.option.group.color')};\n    font-weight: ${dt('multiselect.option.group.font.weight')};\n}\n\n.p-multiselect-empty-message {\n    padding: ${dt('multiselect.empty.message.padding')};\n}\n\n.p-multiselect-label .p-chip {\n    padding-block-start: calc(${dt('multiselect.padding.y')} / 2);\n    padding-block-end: calc(${dt('multiselect.padding.y')} / 2);\n    border-radius: ${dt('multiselect.chip.border.radius')};\n}\n\n.p-multiselect-label:has(.p-chip) {\n    padding: calc(${dt('multiselect.padding.y')} / 2) calc(${dt('multiselect.padding.x')} / 2);\n}\n\n.p-multiselect-fluid {\n    display: flex;\n    width: 100%;\n}\n\n.p-multiselect-sm .p-multiselect-label {\n    font-size: ${dt('multiselect.sm.font.size')};\n    padding-block: ${dt('multiselect.sm.padding.y')};\n    padding-inline: ${dt('multiselect.sm.padding.x')};\n}\n\n.p-multiselect-sm .p-multiselect-dropdown .p-icon {\n    font-size: ${dt('multiselect.sm.font.size')};\n    width: ${dt('multiselect.sm.font.size')};\n    height: ${dt('multiselect.sm.font.size')};\n}\n\n.p-multiselect-lg .p-multiselect-label {\n    font-size: ${dt('multiselect.lg.font.size')};\n    padding-block: ${dt('multiselect.lg.padding.y')};\n    padding-inline: ${dt('multiselect.lg.padding.x')};\n}\n\n.p-multiselect-lg .p-multiselect-dropdown .p-icon {\n    font-size: ${dt('multiselect.lg.font.size')};\n    width: ${dt('multiselect.lg.font.size')};\n    height: ${dt('multiselect.lg.font.size')};\n}\n`;\n\nconst inlineStyles = {\n    root: ({ props }) => ({ position: props.appendTo === 'self' ? 'relative' : undefined })\n};\n\nconst classes = {\n    root: ({ instance, props }) => [\n        'p-multiselect p-component p-inputwrapper',\n        {\n            'p-multiselect-display-chip': props.display === 'chip',\n            'p-disabled': props.disabled,\n            'p-invalid': instance.$invalid,\n            'p-variant-filled': instance.$variant === 'filled',\n            'p-focus': instance.focused,\n            'p-inputwrapper-filled': instance.$filled,\n            'p-inputwrapper-focus': instance.focused || instance.overlayVisible,\n            'p-multiselect-open': instance.overlayVisible,\n            'p-multiselect-fluid': instance.$fluid,\n            'p-multiselect-sm p-inputfield-sm': props.size === 'small',\n            'p-multiselect-lg p-inputfield-lg': props.size === 'large'\n        }\n    ],\n    labelContainer: 'p-multiselect-label-container',\n    label: ({ instance, props }) => [\n        'p-multiselect-label',\n        {\n            'p-placeholder': instance.label === props.placeholder,\n            'p-multiselect-label-empty': !props.placeholder && (!props.modelValue || props.modelValue.length === 0)\n        }\n    ],\n    clearIcon: 'p-multiselect-clear-icon',\n    chipItem: 'p-multiselect-chip-item',\n    pcChip: 'p-multiselect-chip',\n    chipIcon: 'p-multiselect-chip-icon',\n    dropdown: 'p-multiselect-dropdown',\n    loadingIcon: 'p-multiselect-loading-icon',\n    dropdownIcon: 'p-multiselect-dropdown-icon',\n    overlay: 'p-multiselect-overlay p-component',\n    header: 'p-multiselect-header',\n    pcFilterContainer: 'p-multiselect-filter-container',\n    pcFilter: 'p-multiselect-filter',\n    listContainer: 'p-multiselect-list-container',\n    list: 'p-multiselect-list',\n    optionGroup: 'p-multiselect-option-group',\n    option: ({ instance, option, index, getItemOptions, props }) => [\n        'p-multiselect-option',\n        {\n            'p-multiselect-option-selected': instance.isSelected(option) && props.highlightOnSelect,\n            'p-focus': instance.focusedOptionIndex === instance.getOptionIndex(index, getItemOptions),\n            'p-disabled': instance.isOptionDisabled(option)\n        }\n    ],\n    emptyMessage: 'p-multiselect-empty-message'\n};\n\nexport default BaseStyle.extend({\n    name: 'multiselect',\n    theme,\n    classes,\n    inlineStyles\n});\n"],"names":["theme","_ref","dt","concat","inlineStyles","root","_ref2","props","position","appendTo","undefined","classes","_ref3","instance","display","disabled","$invalid","$variant","focused","$filled","overlayVisible","$fluid","size","labelContainer","label","_ref4","placeholder","modelValue","length","clearIcon","chipItem","pcChip","chipIcon","dropdown","loadingIcon","dropdownIcon","overlay","header","pcFilterContainer","pcFilter","listContainer","list","optionGroup","option","_ref5","index","getItemOptions","isSelected","highlightOnSelect","focusedOptionIndex","getOptionIndex","isOptionDisabled","emptyMessage","BaseStyle","extend","name"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../src/multiselect/style/MultiSelectStyle.js"],"sourcesContent":["import { style } from '@primeuix/styles/multiselect';\nimport BaseStyle from '@primevue/core/base/style';\n\nconst inlineStyles = {\n    root: ({ props }) => ({ position: props.appendTo === 'self' ? 'relative' : undefined })\n};\n\nconst classes = {\n    root: ({ instance, props }) => [\n        'p-multiselect p-component p-inputwrapper',\n        {\n            'p-multiselect-display-chip': props.display === 'chip',\n            'p-disabled': props.disabled,\n            'p-invalid': instance.$invalid,\n            'p-variant-filled': instance.$variant === 'filled',\n            'p-focus': instance.focused,\n            'p-inputwrapper-filled': instance.$filled,\n            'p-inputwrapper-focus': instance.focused || instance.overlayVisible,\n            'p-multiselect-open': instance.overlayVisible,\n            'p-multiselect-fluid': instance.$fluid,\n            'p-multiselect-sm p-inputfield-sm': props.size === 'small',\n            'p-multiselect-lg p-inputfield-lg': props.size === 'large'\n        }\n    ],\n    labelContainer: 'p-multiselect-label-container',\n    label: ({ instance, props }) => [\n        'p-multiselect-label',\n        {\n            'p-placeholder': instance.label === props.placeholder,\n            'p-multiselect-label-empty': !props.placeholder && !instance.$filled\n        }\n    ],\n    clearIcon: 'p-multiselect-clear-icon',\n    chipItem: 'p-multiselect-chip-item',\n    pcChip: 'p-multiselect-chip',\n    chipIcon: 'p-multiselect-chip-icon',\n    dropdown: 'p-multiselect-dropdown',\n    loadingIcon: 'p-multiselect-loading-icon',\n    dropdownIcon: 'p-multiselect-dropdown-icon',\n    overlay: 'p-multiselect-overlay p-component',\n    header: 'p-multiselect-header',\n    pcFilterContainer: 'p-multiselect-filter-container',\n    pcFilter: 'p-multiselect-filter',\n    listContainer: 'p-multiselect-list-container',\n    list: 'p-multiselect-list',\n    optionGroup: 'p-multiselect-option-group',\n    option: ({ instance, option, index, getItemOptions, props }) => [\n        'p-multiselect-option',\n        {\n            'p-multiselect-option-selected': instance.isSelected(option) && props.highlightOnSelect,\n            'p-focus': instance.focusedOptionIndex === instance.getOptionIndex(index, getItemOptions),\n            'p-disabled': instance.isOptionDisabled(option)\n        }\n    ],\n    emptyMessage: 'p-multiselect-empty-message'\n};\n\nexport default BaseStyle.extend({\n    name: 'multiselect',\n    style,\n    classes,\n    inlineStyles\n});\n"],"names":["inlineStyles","root","_ref","props","position","appendTo","undefined","classes","_ref2","instance","display","disabled","$invalid","$variant","focused","$filled","overlayVisible","$fluid","size","labelContainer","label","_ref3","placeholder","clearIcon","chipItem","pcChip","chipIcon","dropdown","loadingIcon","dropdownIcon","overlay","header","pcFilterContainer","pcFilter","listContainer","list","optionGroup","option","_ref4","index","getItemOptions","isSelected","highlightOnSelect","focusedOptionIndex","getOptionIndex","isOptionDisabled","emptyMessage","BaseStyle","extend","name","style"],"mappings":"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"}

package/orderlist/OrderList.vue

@@ -34,7 +34,7 @@
         </div>
         <Listbox
             ref="listbox"
-            :id="id"
+            :id="$id"
             :modelValue="d_selection"
             :options="modelValue"
             multiple
@@ -69,7 +69,6 @@
 <script>
 import { find, findSingle, scrollInView, setAttribute } from '@primeuix/utils/dom';
 import { findIndexInList, isNotEmpty } from '@primeuix/utils/object';
-import { UniqueComponentId } from '@primevue/core/utils';
 import AngleDoubleDownIcon from '@primevue/icons/angledoubledown';
 import AngleDoubleUpIcon from '@primevue/icons/angledoubleup';
 import AngleDownIcon from '@primevue/icons/angledown';
@@ -90,15 +89,9 @@ export default {
     list: null,
     data() {
         return {
-            id: this.$attrs.id,
             d_selection: this.selection
         };
     },
-    watch: {
-        '$attrs.id': function (newValue) {
-            this.id = newValue || UniqueComponentId();
-        }
-    },
     beforeUnmount() {
         this.destroyStyle();
     },
@@ -109,8 +102,6 @@ export default {
         }
     },
     mounted() {
-        this.id = this.id || UniqueComponentId();
-
         if (this.responsive) {
             this.createStyle();
         }

package/orderlist/index.mjs

@@ -1,6 +1,5 @@
-import { findSingle, find, scrollInView, setAttribute } from '@primeuix/utils/dom';
-import { findIndexInList, isNotEmpty } from '@primeuix/utils/object';
-import { UniqueComponentId } from '@primevue/core/utils';
+import { setAttribute, findSingle, find, scrollInView } from '@primeuix/utils/dom';
+import { isNotEmpty, findIndexInList } from '@primeuix/utils/object';
 import AngleDoubleDownIcon from '@primevue/icons/angledoubledown';
 import AngleDoubleUpIcon from '@primevue/icons/angledoubleup';
 import AngleDownIcon from '@primevue/icons/angledown';
@@ -10,7 +9,7 @@ import Listbox from 'primevue/listbox';
 import Ripple from 'primevue/ripple';
 import BaseComponent from '@primevue/core/basecomponent';
 import OrderListStyle from 'primevue/orderlist/style';
-import { resolveComponent, openBlock, createElementBlock, mergeProps, createElementVNode, renderSlot, createVNode, withCtx, createSlots } from 'vue';
+import { resolveComponent, createElementBlock, openBlock, mergeProps, createElementVNode, createVNode, renderSlot, withCtx, createSlots } from 'vue';
 
 var script$1 = {
   name: 'BaseOrderList',
@@ -127,15 +126,9 @@ var script = {
   list: null,
   data: function data() {
     return {
-      id: this.$attrs.id,
       d_selection: this.selection
     };
   },
-  watch: {
-    '$attrs.id': function $attrsId(newValue) {
-      this.id = newValue || UniqueComponentId();
-    }
-  },
   beforeUnmount: function beforeUnmount() {
     this.destroyStyle();
   },
@@ -146,7 +139,6 @@ var script = {
     }
   },
   mounted: function mounted() {
-    this.id = this.id || UniqueComponentId();
     if (this.responsive) {
       this.createStyle();
     }
@@ -322,10 +314,10 @@ 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 _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).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: true, configurable: true, writable: true }) : 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); }
+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); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_AngleUpIcon = resolveComponent("AngleUpIcon");
   var _component_Button = resolveComponent("Button");
@@ -403,7 +395,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 16, ["onClick", "aria-label", "disabled", "pt", "unstyled"]), renderSlot(_ctx.$slots, "controlsend")], 16), createVNode(_component_Listbox, {
     ref: "listbox",
-    id: $data.id,
+    id: _ctx.$id,
     modelValue: $data.d_selection,
     options: _ctx.modelValue,
     multiple: "",

package/orderlist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/orderlist/BaseOrderList.vue","../../src/orderlist/OrderList.vue","../../src/orderlist/OrderList.vue?vue&type=template&id=1dbbb49b&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport OrderListStyle from 'primevue/orderlist/style';\n\nexport default {\n    name: 'BaseOrderList',\n    extends: BaseComponent,\n    props: {\n        modelValue: {\n            type: Array,\n            default: null\n        },\n        selection: {\n            type: Array,\n            default: null\n        },\n        dataKey: {\n            type: String,\n            default: null\n        },\n        listStyle: {\n            type: null,\n            default: null\n        },\n        metaKeySelection: {\n            type: Boolean,\n            default: false\n        },\n        autoOptionFocus: {\n            type: Boolean,\n            default: true\n        },\n        focusOnHover: {\n            type: Boolean,\n            default: true\n        },\n        responsive: {\n            type: Boolean,\n            default: true\n        },\n        breakpoint: {\n            type: String,\n            default: '960px'\n        },\n        striped: {\n            type: Boolean,\n            default: false\n        },\n        scrollHeight: {\n            type: String,\n            default: '14rem'\n        },\n        buttonProps: {\n            type: Object,\n            default() {\n                return { severity: 'secondary' };\n            }\n        },\n        moveUpButtonProps: {\n            type: null,\n            default: null\n        },\n        moveTopButtonProps: {\n            type: null,\n            default: null\n        },\n        moveDownButtonProps: {\n            type: null,\n            default: null\n        },\n        moveBottomButtonProps: {\n            type: null,\n            default: null\n        },\n        tabindex: {\n            type: Number,\n            default: 0\n        },\n        disabled: {\n            type: Boolean,\n            default: false\n        },\n        ariaLabelledby: {\n            type: String,\n            default: null\n        },\n        ariaLabel: {\n            type: String,\n            default: null\n        }\n    },\n    style: OrderListStyle,\n    provide() {\n        return {\n            $pcOrderList: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <div :class=\"cx('controls')\" v-bind=\"ptm('controls')\">\n            <slot name=\"controlsstart\"></slot>\n            <Button @click=\"moveUp\" :aria-label=\"moveUpAriaLabel\" :disabled=\"moveDisabled()\" v-bind=\"{ ...buttonProps, ...moveUpButtonProps }\" :pt=\"ptm('pcMoveUpButton')\" :unstyled=\"unstyled\">\n                <template #icon>\n                    <slot name=\"moveupicon\">\n                        <AngleUpIcon v-bind=\"ptm('pcMoveUpButton')['icon']\" data-pc-section=\"moveupicon\" />\n                    </slot>\n                </template>\n            </Button>\n            <Button @click=\"moveTop\" :aria-label=\"moveTopAriaLabel\" :disabled=\"moveDisabled()\" v-bind=\"{ ...buttonProps, ...moveTopButtonProps }\" :pt=\"ptm('pcMoveTopButton')\" :unstyled=\"unstyled\">\n                <template #icon>\n                    <slot name=\"movetopicon\">\n                        <AngleDoubleUpIcon v-bind=\"ptm('pcMoveTopButton')['icon']\" data-pc-section=\"movetopicon\" />\n                    </slot>\n                </template>\n            </Button>\n            <Button @click=\"moveDown\" :aria-label=\"moveDownAriaLabel\" :disabled=\"moveDisabled()\" v-bind=\"{ ...buttonProps, ...moveDownButtonProps }\" :pt=\"ptm('pcMoveDownButton')\" :unstyled=\"unstyled\">\n                <template #icon>\n                    <slot name=\"movedownicon\">\n                        <AngleDownIcon v-bind=\"ptm('pcMoveDownButton')['icon']\" data-pc-section=\"movedownicon\" />\n                    </slot>\n                </template>\n            </Button>\n            <Button @click=\"moveBottom\" :aria-label=\"moveBottomAriaLabel\" :disabled=\"moveDisabled()\" v-bind=\"{ ...buttonProps, ...moveBottomButtonProps }\" :pt=\"ptm('pcMoveBottomButton')\" :unstyled=\"unstyled\">\n                <template #icon>\n                    <slot name=\"movebottomicon\">\n                        <AngleDoubleDownIcon v-bind=\"ptm('pcMoveBottomButton')['icon']\" data-pc-section=\"movebottomicon\" />\n                    </slot>\n                </template>\n            </Button>\n            <slot name=\"controlsend\"></slot>\n        </div>\n        <Listbox\n            ref=\"listbox\"\n            :id=\"id\"\n            :modelValue=\"d_selection\"\n            :options=\"modelValue\"\n            multiple\n            :metaKeySelection=\"metaKeySelection\"\n            :listStyle=\"listStyle\"\n            :scrollHeight=\"scrollHeight\"\n            :tabindex=\"tabindex\"\n            :dataKey=\"dataKey\"\n            :autoOptionFocus=\"autoOptionFocus\"\n            :focusOnHover=\"focusOnHover\"\n            :striped=\"striped\"\n            :disabled=\"disabled\"\n            :ariaLabel=\"ariaLabel\"\n            :ariaLabelledby=\"ariaLabelledby\"\n            :pt=\"ptm('pcListbox')\"\n            :unstyled=\"unstyled\"\n            @focus=\"onListFocus\"\n            @blur=\"onListBlur\"\n            @change=\"onChangeSelection\"\n        >\n            <template v-if=\"$slots.header\" #header>\n                <slot name=\"header\"></slot>\n            </template>\n            <template #option=\"{ option, selected, index }\">\n                <slot :name=\"$slots.option ? 'option' : 'item'\" :item=\"option\" :option=\"option\" :selected=\"selected\" :index=\"index\" />\n            </template>\n            <!-- //TODO: item slot deprecated since v4.0. Use option slot. -->\n        </Listbox>\n    </div>\n</template>\n\n<script>\nimport { find, findSingle, scrollInView, setAttribute } from '@primeuix/utils/dom';\nimport { findIndexInList, isNotEmpty } from '@primeuix/utils/object';\nimport { UniqueComponentId } from '@primevue/core/utils';\nimport AngleDoubleDownIcon from '@primevue/icons/angledoubledown';\nimport AngleDoubleUpIcon from '@primevue/icons/angledoubleup';\nimport AngleDownIcon from '@primevue/icons/angledown';\nimport AngleUpIcon from '@primevue/icons/angleup';\nimport Button from 'primevue/button';\nimport Listbox from 'primevue/listbox';\nimport Ripple from 'primevue/ripple';\nimport BaseOrderList from './BaseOrderList.vue';\n\nexport default {\n    name: 'OrderList',\n    extends: BaseOrderList,\n    inheritAttrs: false,\n    emits: ['update:modelValue', 'reorder', 'update:selection', 'selection-change', 'focus', 'blur'],\n    itemTouched: false,\n    reorderDirection: null,\n    styleElement: null,\n    list: null,\n    data() {\n        return {\n            id: this.$attrs.id,\n            d_selection: this.selection\n        };\n    },\n    watch: {\n        '$attrs.id': function (newValue) {\n            this.id = newValue || UniqueComponentId();\n        }\n    },\n    beforeUnmount() {\n        this.destroyStyle();\n    },\n    updated() {\n        if (this.reorderDirection) {\n            this.updateListScroll();\n            this.reorderDirection = null;\n        }\n    },\n    mounted() {\n        this.id = this.id || UniqueComponentId();\n\n        if (this.responsive) {\n            this.createStyle();\n        }\n    },\n    methods: {\n        updateSelection(event) {\n            this.$emit('update:selection', this.d_selection);\n            this.$emit('selection-change', {\n                originalEvent: event,\n                value: this.d_selection\n            });\n        },\n        onChangeSelection(params) {\n            this.d_selection = params.value;\n            this.updateSelection(params.event);\n        },\n        onListFocus(event) {\n            this.$emit('focus', event);\n        },\n        onListBlur(event) {\n            this.$emit('blur', event);\n        },\n        onReorderUpdate(event, value) {\n            this.$emit('update:modelValue', value);\n            this.$emit('reorder', {\n                originalEvent: event,\n                value: value,\n                direction: this.reorderDirection\n            });\n        },\n        moveUp(event) {\n            if (this.d_selection) {\n                let value = [...this.modelValue];\n\n                for (let i = 0; i < this.d_selection.length; i++) {\n                    let selectedItem = this.d_selection[i];\n                    let selectedItemIndex = findIndexInList(selectedItem, value);\n\n                    if (selectedItemIndex !== 0) {\n                        let movedItem = value[selectedItemIndex];\n                        let temp = value[selectedItemIndex - 1];\n\n                        value[selectedItemIndex - 1] = movedItem;\n                        value[selectedItemIndex] = temp;\n                    } else {\n                        break;\n                    }\n                }\n\n                this.reorderDirection = 'up';\n                this.onReorderUpdate(event, value);\n            }\n        },\n        moveTop(event) {\n            if (this.d_selection) {\n                let value = [...this.modelValue];\n\n                for (let i = 0; i < this.d_selection.length; i++) {\n                    let selectedItem = this.d_selection[i];\n                    let selectedItemIndex = findIndexInList(selectedItem, value);\n\n                    if (selectedItemIndex !== 0) {\n                        let movedItem = value.splice(selectedItemIndex, 1)[0];\n\n                        value.unshift(movedItem);\n                    } else {\n                        break;\n                    }\n                }\n\n                this.reorderDirection = 'top';\n                this.onReorderUpdate(event, value);\n            }\n        },\n        moveDown(event) {\n            if (this.d_selection) {\n                let value = [...this.modelValue];\n\n                for (let i = this.d_selection.length - 1; i >= 0; i--) {\n                    let selectedItem = this.d_selection[i];\n                    let selectedItemIndex = findIndexInList(selectedItem, value);\n\n                    if (selectedItemIndex !== value.length - 1) {\n                        let movedItem = value[selectedItemIndex];\n                        let temp = value[selectedItemIndex + 1];\n\n                        value[selectedItemIndex + 1] = movedItem;\n                        value[selectedItemIndex] = temp;\n                    } else {\n                        break;\n                    }\n                }\n\n                this.reorderDirection = 'down';\n                this.onReorderUpdate(event, value);\n            }\n        },\n        moveBottom(event) {\n            if (this.d_selection) {\n                let value = [...this.modelValue];\n\n                for (let i = this.d_selection.length - 1; i >= 0; i--) {\n                    let selectedItem = this.d_selection[i];\n                    let selectedItemIndex = findIndexInList(selectedItem, value);\n\n                    if (selectedItemIndex !== value.length - 1) {\n                        let movedItem = value.splice(selectedItemIndex, 1)[0];\n\n                        value.push(movedItem);\n                    } else {\n                        break;\n                    }\n                }\n\n                this.reorderDirection = 'bottom';\n                this.onReorderUpdate(event, value);\n            }\n        },\n        updateListScroll() {\n            this.list = findSingle(this.$refs.listbox.$el, '[data-pc-section=\"list\"]');\n\n            const listItems = find(this.list, '[data-pc-section=\"item\"][data-p-selected=\"true\"]');\n\n            if (listItems && listItems.length) {\n                switch (this.reorderDirection) {\n                    case 'up':\n                        scrollInView(this.list, listItems[0]);\n                        break;\n\n                    case 'top':\n                        this.list.scrollTop = 0;\n                        break;\n\n                    case 'down':\n                        scrollInView(this.list, listItems[listItems.length - 1]);\n                        break;\n\n                    case 'bottom':\n                        this.list.scrollTop = this.list.scrollHeight;\n                        break;\n\n                    default:\n                        break;\n                }\n            }\n        },\n        createStyle() {\n            if (!this.styleElement && !this.isUnstyled) {\n                this.styleElement = document.createElement('style');\n                this.styleElement.type = 'text/css';\n                setAttribute(this.styleElement, 'nonce', this.$primevue?.config?.csp?.nonce);\n                document.head.appendChild(this.styleElement);\n\n                let innerHTML = `\n@media screen and (max-width: ${this.breakpoint}) {\n    .p-orderlist[${this.$attrSelector}] {\n        flex-direction: column;\n    }\n\n    .p-orderlist[${this.$attrSelector}] .p-orderlist-controls {\n        flex-direction: row;\n    }\n}\n`;\n\n                this.styleElement.innerHTML = innerHTML;\n            }\n        },\n        destroyStyle() {\n            if (this.styleElement) {\n                document.head.removeChild(this.styleElement);\n                this.styleElement = null;\n            }\n        },\n        moveDisabled() {\n            return this.disabled ? true : !this.d_selection || !this.d_selection.length ? true : false;\n        }\n    },\n    computed: {\n        moveUpAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.moveUp : undefined;\n        },\n        moveTopAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.moveTop : undefined;\n        },\n        moveDownAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.moveDown : undefined;\n        },\n        moveBottomAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.moveBottom : undefined;\n        },\n        hasSelectedOption() {\n            return isNotEmpty(this.d_selection);\n        }\n    },\n    components: {\n        Listbox,\n        Button,\n        AngleUpIcon,\n        AngleDownIcon,\n        AngleDoubleUpIcon,\n        AngleDoubleDownIcon\n    },\n    directives: {\n        ripple: Ripple\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <div :class=\"cx('controls')\" v-bind=\"ptm('controls')\">\n            <slot name=\"controlsstart\"></slot>\n            <Button @click=\"moveUp\" :aria-label=\"moveUpAriaLabel\" :disabled=\"moveDisabled()\" v-bind=\"{ ...buttonProps, ...moveUpButtonProps }\" :pt=\"ptm('pcMoveUpButton')\" :unstyled=\"unstyled\">\n                <template #icon>\n                    <slot name=\"moveupicon\">\n                        <AngleUpIcon v-bind=\"ptm('pcMoveUpButton')['icon']\" data-pc-section=\"moveupicon\" />\n                    </slot>\n                </template>\n            </Button>\n            <Button @click=\"moveTop\" :aria-label=\"moveTopAriaLabel\" :disabled=\"moveDisabled()\" v-bind=\"{ ...buttonProps, ...moveTopButtonProps }\" :pt=\"ptm('pcMoveTopButton')\" :unstyled=\"unstyled\">\n                <template #icon>\n                    <slot name=\"movetopicon\">\n                        <AngleDoubleUpIcon v-bind=\"ptm('pcMoveTopButton')['icon']\" data-pc-section=\"movetopicon\" />\n                    </slot>\n                </template>\n            </Button>\n            <Button @click=\"moveDown\" :aria-label=\"moveDownAriaLabel\" :disabled=\"moveDisabled()\" v-bind=\"{ ...buttonProps, ...moveDownButtonProps }\" :pt=\"ptm('pcMoveDownButton')\" :unstyled=\"unstyled\">\n                <template #icon>\n                    <slot name=\"movedownicon\">\n                        <AngleDownIcon v-bind=\"ptm('pcMoveDownButton')['icon']\" data-pc-section=\"movedownicon\" />\n                    </slot>\n                </template>\n            </Button>\n            <Button @click=\"moveBottom\" :aria-label=\"moveBottomAriaLabel\" :disabled=\"moveDisabled()\" v-bind=\"{ ...buttonProps, ...moveBottomButtonProps }\" :pt=\"ptm('pcMoveBottomButton')\" :unstyled=\"unstyled\">\n                <template #icon>\n                    <slot name=\"movebottomicon\">\n                        <AngleDoubleDownIcon v-bind=\"ptm('pcMoveBottomButton')['icon']\" data-pc-section=\"movebottomicon\" />\n                    </slot>\n                </template>\n            </Button>\n            <slot name=\"controlsend\"></slot>\n        </div>\n        <Listbox\n            ref=\"listbox\"\n            :id=\"id\"\n            :modelValue=\"d_selection\"\n            :options=\"modelValue\"\n            multiple\n            :metaKeySelection=\"metaKeySelection\"\n            :listStyle=\"listStyle\"\n            :scrollHeight=\"scrollHeight\"\n            :tabindex=\"tabindex\"\n            :dataKey=\"dataKey\"\n            :autoOptionFocus=\"autoOptionFocus\"\n            :focusOnHover=\"focusOnHover\"\n            :striped=\"striped\"\n            :disabled=\"disabled\"\n            :ariaLabel=\"ariaLabel\"\n            :ariaLabelledby=\"ariaLabelledby\"\n            :pt=\"ptm('pcListbox')\"\n            :unstyled=\"unstyled\"\n            @focus=\"onListFocus\"\n            @blur=\"onListBlur\"\n            @change=\"onChangeSelection\"\n        >\n            <template v-if=\"$slots.header\" #header>\n                <slot name=\"header\"></slot>\n            </template>\n            <template #option=\"{ option, selected, index }\">\n                <slot :name=\"$slots.option ? 'option' : 'item'\" :item=\"option\" :option=\"option\" :selected=\"selected\" :index=\"index\" />\n            </template>\n            <!-- //TODO: item slot deprecated since v4.0. Use option slot. -->\n        </Listbox>\n    </div>\n</template>\n\n<script>\nimport { find, findSingle, scrollInView, setAttribute } from '@primeuix/utils/dom';\nimport { findIndexInList, isNotEmpty } from '@primeuix/utils/object';\nimport { UniqueComponentId } from '@primevue/core/utils';\nimport AngleDoubleDownIcon from '@primevue/icons/angledoubledown';\nimport AngleDoubleUpIcon from '@primevue/icons/angledoubleup';\nimport AngleDownIcon from '@primevue/icons/angledown';\nimport AngleUpIcon from '@primevue/icons/angleup';\nimport Button from 'primevue/button';\nimport Listbox from 'primevue/listbox';\nimport Ripple from 'primevue/ripple';\nimport BaseOrderList from './BaseOrderList.vue';\n\nexport default {\n    name: 'OrderList',\n    extends: BaseOrderList,\n    inheritAttrs: false,\n    emits: ['update:modelValue', 'reorder', 'update:selection', 'selection-change', 'focus', 'blur'],\n    itemTouched: false,\n    reorderDirection: null,\n    styleElement: null,\n    list: null,\n    data() {\n        return {\n            id: this.$attrs.id,\n            d_selection: this.selection\n        };\n    },\n    watch: {\n        '$attrs.id': function (newValue) {\n            this.id = newValue || UniqueComponentId();\n        }\n    },\n    beforeUnmount() {\n        this.destroyStyle();\n    },\n    updated() {\n        if (this.reorderDirection) {\n            this.updateListScroll();\n            this.reorderDirection = null;\n        }\n    },\n    mounted() {\n        this.id = this.id || UniqueComponentId();\n\n        if (this.responsive) {\n            this.createStyle();\n        }\n    },\n    methods: {\n        updateSelection(event) {\n            this.$emit('update:selection', this.d_selection);\n            this.$emit('selection-change', {\n                originalEvent: event,\n                value: this.d_selection\n            });\n        },\n        onChangeSelection(params) {\n            this.d_selection = params.value;\n            this.updateSelection(params.event);\n        },\n        onListFocus(event) {\n            this.$emit('focus', event);\n        },\n        onListBlur(event) {\n            this.$emit('blur', event);\n        },\n        onReorderUpdate(event, value) {\n            this.$emit('update:modelValue', value);\n            this.$emit('reorder', {\n                originalEvent: event,\n                value: value,\n                direction: this.reorderDirection\n            });\n        },\n        moveUp(event) {\n            if (this.d_selection) {\n                let value = [...this.modelValue];\n\n                for (let i = 0; i < this.d_selection.length; i++) {\n                    let selectedItem = this.d_selection[i];\n                    let selectedItemIndex = findIndexInList(selectedItem, value);\n\n                    if (selectedItemIndex !== 0) {\n                        let movedItem = value[selectedItemIndex];\n                        let temp = value[selectedItemIndex - 1];\n\n                        value[selectedItemIndex - 1] = movedItem;\n                        value[selectedItemIndex] = temp;\n                    } else {\n                        break;\n                    }\n                }\n\n                this.reorderDirection = 'up';\n                this.onReorderUpdate(event, value);\n            }\n        },\n        moveTop(event) {\n            if (this.d_selection) {\n                let value = [...this.modelValue];\n\n                for (let i = 0; i < this.d_selection.length; i++) {\n                    let selectedItem = this.d_selection[i];\n                    let selectedItemIndex = findIndexInList(selectedItem, value);\n\n                    if (selectedItemIndex !== 0) {\n                        let movedItem = value.splice(selectedItemIndex, 1)[0];\n\n                        value.unshift(movedItem);\n                    } else {\n                        break;\n                    }\n                }\n\n                this.reorderDirection = 'top';\n                this.onReorderUpdate(event, value);\n            }\n        },\n        moveDown(event) {\n            if (this.d_selection) {\n                let value = [...this.modelValue];\n\n                for (let i = this.d_selection.length - 1; i >= 0; i--) {\n                    let selectedItem = this.d_selection[i];\n                    let selectedItemIndex = findIndexInList(selectedItem, value);\n\n                    if (selectedItemIndex !== value.length - 1) {\n                        let movedItem = value[selectedItemIndex];\n                        let temp = value[selectedItemIndex + 1];\n\n                        value[selectedItemIndex + 1] = movedItem;\n                        value[selectedItemIndex] = temp;\n                    } else {\n                        break;\n                    }\n                }\n\n                this.reorderDirection = 'down';\n                this.onReorderUpdate(event, value);\n            }\n        },\n        moveBottom(event) {\n            if (this.d_selection) {\n                let value = [...this.modelValue];\n\n                for (let i = this.d_selection.length - 1; i >= 0; i--) {\n                    let selectedItem = this.d_selection[i];\n                    let selectedItemIndex = findIndexInList(selectedItem, value);\n\n                    if (selectedItemIndex !== value.length - 1) {\n                        let movedItem = value.splice(selectedItemIndex, 1)[0];\n\n                        value.push(movedItem);\n                    } else {\n                        break;\n                    }\n                }\n\n                this.reorderDirection = 'bottom';\n                this.onReorderUpdate(event, value);\n            }\n        },\n        updateListScroll() {\n            this.list = findSingle(this.$refs.listbox.$el, '[data-pc-section=\"list\"]');\n\n            const listItems = find(this.list, '[data-pc-section=\"item\"][data-p-selected=\"true\"]');\n\n            if (listItems && listItems.length) {\n                switch (this.reorderDirection) {\n                    case 'up':\n                        scrollInView(this.list, listItems[0]);\n                        break;\n\n                    case 'top':\n                        this.list.scrollTop = 0;\n                        break;\n\n                    case 'down':\n                        scrollInView(this.list, listItems[listItems.length - 1]);\n                        break;\n\n                    case 'bottom':\n                        this.list.scrollTop = this.list.scrollHeight;\n                        break;\n\n                    default:\n                        break;\n                }\n            }\n        },\n        createStyle() {\n            if (!this.styleElement && !this.isUnstyled) {\n                this.styleElement = document.createElement('style');\n                this.styleElement.type = 'text/css';\n                setAttribute(this.styleElement, 'nonce', this.$primevue?.config?.csp?.nonce);\n                document.head.appendChild(this.styleElement);\n\n                let innerHTML = `\n@media screen and (max-width: ${this.breakpoint}) {\n    .p-orderlist[${this.$attrSelector}] {\n        flex-direction: column;\n    }\n\n    .p-orderlist[${this.$attrSelector}] .p-orderlist-controls {\n        flex-direction: row;\n    }\n}\n`;\n\n                this.styleElement.innerHTML = innerHTML;\n            }\n        },\n        destroyStyle() {\n            if (this.styleElement) {\n                document.head.removeChild(this.styleElement);\n                this.styleElement = null;\n            }\n        },\n        moveDisabled() {\n            return this.disabled ? true : !this.d_selection || !this.d_selection.length ? true : false;\n        }\n    },\n    computed: {\n        moveUpAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.moveUp : undefined;\n        },\n        moveTopAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.moveTop : undefined;\n        },\n        moveDownAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.moveDown : undefined;\n        },\n        moveBottomAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.moveBottom : undefined;\n        },\n        hasSelectedOption() {\n            return isNotEmpty(this.d_selection);\n        }\n    },\n    components: {\n        Listbox,\n        Button,\n        AngleUpIcon,\n        AngleDownIcon,\n        AngleDoubleUpIcon,\n        AngleDoubleDownIcon\n    },\n    directives: {\n        ripple: Ripple\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","modelValue","type","Array","selection","dataKey","String","listStyle","metaKeySelection","Boolean","autoOptionFocus","focusOnHover","responsive","breakpoint","striped","scrollHeight","buttonProps","Object","default","severity","moveUpButtonProps","moveTopButtonProps","moveDownButtonProps","moveBottomButtonProps","tabindex","Number","disabled","ariaLabelledby","ariaLabel","style","OrderListStyle","provide","$pcOrderList","$parentInstance","BaseOrderList","inheritAttrs","emits","itemTouched","reorderDirection","styleElement","list","data","id","$attrs","d_selection","watch","$attrsId","newValue","UniqueComponentId","beforeUnmount","destroyStyle","updated","updateListScroll","mounted","createStyle","methods","updateSelection","event","$emit","originalEvent","value","onChangeSelection","params","onListFocus","onListBlur","onReorderUpdate","direction","moveUp","_toConsumableArray","i","length","selectedItem","selectedItemIndex","findIndexInList","movedItem","temp","moveTop","splice","unshift","moveDown","moveBottom","push","findSingle","$refs","listbox","$el","listItems","find","scrollInView","scrollTop","isUnstyled","_this$$primevue","document","createElement","setAttribute","$primevue","config","csp","nonce","head","appendChild","innerHTML","concat","$attrSelector","removeChild","moveDisabled","computed","moveUpAriaLabel","locale","aria","undefined","moveTopAriaLabel","moveDownAriaLabel","moveBottomAriaLabel","hasSelectedOption","isNotEmpty","components","Listbox","Button","AngleUpIcon","AngleDownIcon","AngleDoubleUpIcon","AngleDoubleDownIcon","directives","ripple","Ripple","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","_createElementVNode","ptm","_renderSlot","$slots","_createVNode","_component_Button","onClick","$options","_objectSpread","pt","unstyled","icon","_component_AngleUpIcon","_component_AngleDoubleUpIcon","_component_AngleDownIcon","_component_AngleDoubleDownIcon","_component_Listbox","ref","$data","options","multiple","onFocus","onBlur","onChange","option","_ref","selected","index","item","header"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/orderlist/BaseOrderList.vue","../../src/orderlist/OrderList.vue","../../src/orderlist/OrderList.vue?vue&type=template&id=2b0d2bb2&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport OrderListStyle from 'primevue/orderlist/style';\n\nexport default {\n    name: 'BaseOrderList',\n    extends: BaseComponent,\n    props: {\n        modelValue: {\n            type: Array,\n            default: null\n        },\n        selection: {\n            type: Array,\n            default: null\n        },\n        dataKey: {\n            type: String,\n            default: null\n        },\n        listStyle: {\n            type: null,\n            default: null\n        },\n        metaKeySelection: {\n            type: Boolean,\n            default: false\n        },\n        autoOptionFocus: {\n            type: Boolean,\n            default: true\n        },\n        focusOnHover: {\n            type: Boolean,\n            default: true\n        },\n        responsive: {\n            type: Boolean,\n            default: true\n        },\n        breakpoint: {\n            type: String,\n            default: '960px'\n        },\n        striped: {\n            type: Boolean,\n            default: false\n        },\n        scrollHeight: {\n            type: String,\n            default: '14rem'\n        },\n        buttonProps: {\n            type: Object,\n            default() {\n                return { severity: 'secondary' };\n            }\n        },\n        moveUpButtonProps: {\n            type: null,\n            default: null\n        },\n        moveTopButtonProps: {\n            type: null,\n            default: null\n        },\n        moveDownButtonProps: {\n            type: null,\n            default: null\n        },\n        moveBottomButtonProps: {\n            type: null,\n            default: null\n        },\n        tabindex: {\n            type: Number,\n            default: 0\n        },\n        disabled: {\n            type: Boolean,\n            default: false\n        },\n        ariaLabelledby: {\n            type: String,\n            default: null\n        },\n        ariaLabel: {\n            type: String,\n            default: null\n        }\n    },\n    style: OrderListStyle,\n    provide() {\n        return {\n            $pcOrderList: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <div :class=\"cx('controls')\" v-bind=\"ptm('controls')\">\n            <slot name=\"controlsstart\"></slot>\n            <Button @click=\"moveUp\" :aria-label=\"moveUpAriaLabel\" :disabled=\"moveDisabled()\" v-bind=\"{ ...buttonProps, ...moveUpButtonProps }\" :pt=\"ptm('pcMoveUpButton')\" :unstyled=\"unstyled\">\n                <template #icon>\n                    <slot name=\"moveupicon\">\n                        <AngleUpIcon v-bind=\"ptm('pcMoveUpButton')['icon']\" data-pc-section=\"moveupicon\" />\n                    </slot>\n                </template>\n            </Button>\n            <Button @click=\"moveTop\" :aria-label=\"moveTopAriaLabel\" :disabled=\"moveDisabled()\" v-bind=\"{ ...buttonProps, ...moveTopButtonProps }\" :pt=\"ptm('pcMoveTopButton')\" :unstyled=\"unstyled\">\n                <template #icon>\n                    <slot name=\"movetopicon\">\n                        <AngleDoubleUpIcon v-bind=\"ptm('pcMoveTopButton')['icon']\" data-pc-section=\"movetopicon\" />\n                    </slot>\n                </template>\n            </Button>\n            <Button @click=\"moveDown\" :aria-label=\"moveDownAriaLabel\" :disabled=\"moveDisabled()\" v-bind=\"{ ...buttonProps, ...moveDownButtonProps }\" :pt=\"ptm('pcMoveDownButton')\" :unstyled=\"unstyled\">\n                <template #icon>\n                    <slot name=\"movedownicon\">\n                        <AngleDownIcon v-bind=\"ptm('pcMoveDownButton')['icon']\" data-pc-section=\"movedownicon\" />\n                    </slot>\n                </template>\n            </Button>\n            <Button @click=\"moveBottom\" :aria-label=\"moveBottomAriaLabel\" :disabled=\"moveDisabled()\" v-bind=\"{ ...buttonProps, ...moveBottomButtonProps }\" :pt=\"ptm('pcMoveBottomButton')\" :unstyled=\"unstyled\">\n                <template #icon>\n                    <slot name=\"movebottomicon\">\n                        <AngleDoubleDownIcon v-bind=\"ptm('pcMoveBottomButton')['icon']\" data-pc-section=\"movebottomicon\" />\n                    </slot>\n                </template>\n            </Button>\n            <slot name=\"controlsend\"></slot>\n        </div>\n        <Listbox\n            ref=\"listbox\"\n            :id=\"$id\"\n            :modelValue=\"d_selection\"\n            :options=\"modelValue\"\n            multiple\n            :metaKeySelection=\"metaKeySelection\"\n            :listStyle=\"listStyle\"\n            :scrollHeight=\"scrollHeight\"\n            :tabindex=\"tabindex\"\n            :dataKey=\"dataKey\"\n            :autoOptionFocus=\"autoOptionFocus\"\n            :focusOnHover=\"focusOnHover\"\n            :striped=\"striped\"\n            :disabled=\"disabled\"\n            :ariaLabel=\"ariaLabel\"\n            :ariaLabelledby=\"ariaLabelledby\"\n            :pt=\"ptm('pcListbox')\"\n            :unstyled=\"unstyled\"\n            @focus=\"onListFocus\"\n            @blur=\"onListBlur\"\n            @change=\"onChangeSelection\"\n        >\n            <template v-if=\"$slots.header\" #header>\n                <slot name=\"header\"></slot>\n            </template>\n            <template #option=\"{ option, selected, index }\">\n                <slot :name=\"$slots.option ? 'option' : 'item'\" :item=\"option\" :option=\"option\" :selected=\"selected\" :index=\"index\" />\n            </template>\n            <!-- //TODO: item slot deprecated since v4.0. Use option slot. -->\n        </Listbox>\n    </div>\n</template>\n\n<script>\nimport { find, findSingle, scrollInView, setAttribute } from '@primeuix/utils/dom';\nimport { findIndexInList, isNotEmpty } from '@primeuix/utils/object';\nimport AngleDoubleDownIcon from '@primevue/icons/angledoubledown';\nimport AngleDoubleUpIcon from '@primevue/icons/angledoubleup';\nimport AngleDownIcon from '@primevue/icons/angledown';\nimport AngleUpIcon from '@primevue/icons/angleup';\nimport Button from 'primevue/button';\nimport Listbox from 'primevue/listbox';\nimport Ripple from 'primevue/ripple';\nimport BaseOrderList from './BaseOrderList.vue';\n\nexport default {\n    name: 'OrderList',\n    extends: BaseOrderList,\n    inheritAttrs: false,\n    emits: ['update:modelValue', 'reorder', 'update:selection', 'selection-change', 'focus', 'blur'],\n    itemTouched: false,\n    reorderDirection: null,\n    styleElement: null,\n    list: null,\n    data() {\n        return {\n            d_selection: this.selection\n        };\n    },\n    beforeUnmount() {\n        this.destroyStyle();\n    },\n    updated() {\n        if (this.reorderDirection) {\n            this.updateListScroll();\n            this.reorderDirection = null;\n        }\n    },\n    mounted() {\n        if (this.responsive) {\n            this.createStyle();\n        }\n    },\n    methods: {\n        updateSelection(event) {\n            this.$emit('update:selection', this.d_selection);\n            this.$emit('selection-change', {\n                originalEvent: event,\n                value: this.d_selection\n            });\n        },\n        onChangeSelection(params) {\n            this.d_selection = params.value;\n            this.updateSelection(params.event);\n        },\n        onListFocus(event) {\n            this.$emit('focus', event);\n        },\n        onListBlur(event) {\n            this.$emit('blur', event);\n        },\n        onReorderUpdate(event, value) {\n            this.$emit('update:modelValue', value);\n            this.$emit('reorder', {\n                originalEvent: event,\n                value: value,\n                direction: this.reorderDirection\n            });\n        },\n        moveUp(event) {\n            if (this.d_selection) {\n                let value = [...this.modelValue];\n\n                for (let i = 0; i < this.d_selection.length; i++) {\n                    let selectedItem = this.d_selection[i];\n                    let selectedItemIndex = findIndexInList(selectedItem, value);\n\n                    if (selectedItemIndex !== 0) {\n                        let movedItem = value[selectedItemIndex];\n                        let temp = value[selectedItemIndex - 1];\n\n                        value[selectedItemIndex - 1] = movedItem;\n                        value[selectedItemIndex] = temp;\n                    } else {\n                        break;\n                    }\n                }\n\n                this.reorderDirection = 'up';\n                this.onReorderUpdate(event, value);\n            }\n        },\n        moveTop(event) {\n            if (this.d_selection) {\n                let value = [...this.modelValue];\n\n                for (let i = 0; i < this.d_selection.length; i++) {\n                    let selectedItem = this.d_selection[i];\n                    let selectedItemIndex = findIndexInList(selectedItem, value);\n\n                    if (selectedItemIndex !== 0) {\n                        let movedItem = value.splice(selectedItemIndex, 1)[0];\n\n                        value.unshift(movedItem);\n                    } else {\n                        break;\n                    }\n                }\n\n                this.reorderDirection = 'top';\n                this.onReorderUpdate(event, value);\n            }\n        },\n        moveDown(event) {\n            if (this.d_selection) {\n                let value = [...this.modelValue];\n\n                for (let i = this.d_selection.length - 1; i >= 0; i--) {\n                    let selectedItem = this.d_selection[i];\n                    let selectedItemIndex = findIndexInList(selectedItem, value);\n\n                    if (selectedItemIndex !== value.length - 1) {\n                        let movedItem = value[selectedItemIndex];\n                        let temp = value[selectedItemIndex + 1];\n\n                        value[selectedItemIndex + 1] = movedItem;\n                        value[selectedItemIndex] = temp;\n                    } else {\n                        break;\n                    }\n                }\n\n                this.reorderDirection = 'down';\n                this.onReorderUpdate(event, value);\n            }\n        },\n        moveBottom(event) {\n            if (this.d_selection) {\n                let value = [...this.modelValue];\n\n                for (let i = this.d_selection.length - 1; i >= 0; i--) {\n                    let selectedItem = this.d_selection[i];\n                    let selectedItemIndex = findIndexInList(selectedItem, value);\n\n                    if (selectedItemIndex !== value.length - 1) {\n                        let movedItem = value.splice(selectedItemIndex, 1)[0];\n\n                        value.push(movedItem);\n                    } else {\n                        break;\n                    }\n                }\n\n                this.reorderDirection = 'bottom';\n                this.onReorderUpdate(event, value);\n            }\n        },\n        updateListScroll() {\n            this.list = findSingle(this.$refs.listbox.$el, '[data-pc-section=\"list\"]');\n\n            const listItems = find(this.list, '[data-pc-section=\"item\"][data-p-selected=\"true\"]');\n\n            if (listItems && listItems.length) {\n                switch (this.reorderDirection) {\n                    case 'up':\n                        scrollInView(this.list, listItems[0]);\n                        break;\n\n                    case 'top':\n                        this.list.scrollTop = 0;\n                        break;\n\n                    case 'down':\n                        scrollInView(this.list, listItems[listItems.length - 1]);\n                        break;\n\n                    case 'bottom':\n                        this.list.scrollTop = this.list.scrollHeight;\n                        break;\n\n                    default:\n                        break;\n                }\n            }\n        },\n        createStyle() {\n            if (!this.styleElement && !this.isUnstyled) {\n                this.styleElement = document.createElement('style');\n                this.styleElement.type = 'text/css';\n                setAttribute(this.styleElement, 'nonce', this.$primevue?.config?.csp?.nonce);\n                document.head.appendChild(this.styleElement);\n\n                let innerHTML = `\n@media screen and (max-width: ${this.breakpoint}) {\n    .p-orderlist[${this.$attrSelector}] {\n        flex-direction: column;\n    }\n\n    .p-orderlist[${this.$attrSelector}] .p-orderlist-controls {\n        flex-direction: row;\n    }\n}\n`;\n\n                this.styleElement.innerHTML = innerHTML;\n            }\n        },\n        destroyStyle() {\n            if (this.styleElement) {\n                document.head.removeChild(this.styleElement);\n                this.styleElement = null;\n            }\n        },\n        moveDisabled() {\n            return this.disabled ? true : !this.d_selection || !this.d_selection.length ? true : false;\n        }\n    },\n    computed: {\n        moveUpAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.moveUp : undefined;\n        },\n        moveTopAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.moveTop : undefined;\n        },\n        moveDownAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.moveDown : undefined;\n        },\n        moveBottomAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.moveBottom : undefined;\n        },\n        hasSelectedOption() {\n            return isNotEmpty(this.d_selection);\n        }\n    },\n    components: {\n        Listbox,\n        Button,\n        AngleUpIcon,\n        AngleDownIcon,\n        AngleDoubleUpIcon,\n        AngleDoubleDownIcon\n    },\n    directives: {\n        ripple: Ripple\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n        <div :class=\"cx('controls')\" v-bind=\"ptm('controls')\">\n            <slot name=\"controlsstart\"></slot>\n            <Button @click=\"moveUp\" :aria-label=\"moveUpAriaLabel\" :disabled=\"moveDisabled()\" v-bind=\"{ ...buttonProps, ...moveUpButtonProps }\" :pt=\"ptm('pcMoveUpButton')\" :unstyled=\"unstyled\">\n                <template #icon>\n                    <slot name=\"moveupicon\">\n                        <AngleUpIcon v-bind=\"ptm('pcMoveUpButton')['icon']\" data-pc-section=\"moveupicon\" />\n                    </slot>\n                </template>\n            </Button>\n            <Button @click=\"moveTop\" :aria-label=\"moveTopAriaLabel\" :disabled=\"moveDisabled()\" v-bind=\"{ ...buttonProps, ...moveTopButtonProps }\" :pt=\"ptm('pcMoveTopButton')\" :unstyled=\"unstyled\">\n                <template #icon>\n                    <slot name=\"movetopicon\">\n                        <AngleDoubleUpIcon v-bind=\"ptm('pcMoveTopButton')['icon']\" data-pc-section=\"movetopicon\" />\n                    </slot>\n                </template>\n            </Button>\n            <Button @click=\"moveDown\" :aria-label=\"moveDownAriaLabel\" :disabled=\"moveDisabled()\" v-bind=\"{ ...buttonProps, ...moveDownButtonProps }\" :pt=\"ptm('pcMoveDownButton')\" :unstyled=\"unstyled\">\n                <template #icon>\n                    <slot name=\"movedownicon\">\n                        <AngleDownIcon v-bind=\"ptm('pcMoveDownButton')['icon']\" data-pc-section=\"movedownicon\" />\n                    </slot>\n                </template>\n            </Button>\n            <Button @click=\"moveBottom\" :aria-label=\"moveBottomAriaLabel\" :disabled=\"moveDisabled()\" v-bind=\"{ ...buttonProps, ...moveBottomButtonProps }\" :pt=\"ptm('pcMoveBottomButton')\" :unstyled=\"unstyled\">\n                <template #icon>\n                    <slot name=\"movebottomicon\">\n                        <AngleDoubleDownIcon v-bind=\"ptm('pcMoveBottomButton')['icon']\" data-pc-section=\"movebottomicon\" />\n                    </slot>\n                </template>\n            </Button>\n            <slot name=\"controlsend\"></slot>\n        </div>\n        <Listbox\n            ref=\"listbox\"\n            :id=\"$id\"\n            :modelValue=\"d_selection\"\n            :options=\"modelValue\"\n            multiple\n            :metaKeySelection=\"metaKeySelection\"\n            :listStyle=\"listStyle\"\n            :scrollHeight=\"scrollHeight\"\n            :tabindex=\"tabindex\"\n            :dataKey=\"dataKey\"\n            :autoOptionFocus=\"autoOptionFocus\"\n            :focusOnHover=\"focusOnHover\"\n            :striped=\"striped\"\n            :disabled=\"disabled\"\n            :ariaLabel=\"ariaLabel\"\n            :ariaLabelledby=\"ariaLabelledby\"\n            :pt=\"ptm('pcListbox')\"\n            :unstyled=\"unstyled\"\n            @focus=\"onListFocus\"\n            @blur=\"onListBlur\"\n            @change=\"onChangeSelection\"\n        >\n            <template v-if=\"$slots.header\" #header>\n                <slot name=\"header\"></slot>\n            </template>\n            <template #option=\"{ option, selected, index }\">\n                <slot :name=\"$slots.option ? 'option' : 'item'\" :item=\"option\" :option=\"option\" :selected=\"selected\" :index=\"index\" />\n            </template>\n            <!-- //TODO: item slot deprecated since v4.0. Use option slot. -->\n        </Listbox>\n    </div>\n</template>\n\n<script>\nimport { find, findSingle, scrollInView, setAttribute } from '@primeuix/utils/dom';\nimport { findIndexInList, isNotEmpty } from '@primeuix/utils/object';\nimport AngleDoubleDownIcon from '@primevue/icons/angledoubledown';\nimport AngleDoubleUpIcon from '@primevue/icons/angledoubleup';\nimport AngleDownIcon from '@primevue/icons/angledown';\nimport AngleUpIcon from '@primevue/icons/angleup';\nimport Button from 'primevue/button';\nimport Listbox from 'primevue/listbox';\nimport Ripple from 'primevue/ripple';\nimport BaseOrderList from './BaseOrderList.vue';\n\nexport default {\n    name: 'OrderList',\n    extends: BaseOrderList,\n    inheritAttrs: false,\n    emits: ['update:modelValue', 'reorder', 'update:selection', 'selection-change', 'focus', 'blur'],\n    itemTouched: false,\n    reorderDirection: null,\n    styleElement: null,\n    list: null,\n    data() {\n        return {\n            d_selection: this.selection\n        };\n    },\n    beforeUnmount() {\n        this.destroyStyle();\n    },\n    updated() {\n        if (this.reorderDirection) {\n            this.updateListScroll();\n            this.reorderDirection = null;\n        }\n    },\n    mounted() {\n        if (this.responsive) {\n            this.createStyle();\n        }\n    },\n    methods: {\n        updateSelection(event) {\n            this.$emit('update:selection', this.d_selection);\n            this.$emit('selection-change', {\n                originalEvent: event,\n                value: this.d_selection\n            });\n        },\n        onChangeSelection(params) {\n            this.d_selection = params.value;\n            this.updateSelection(params.event);\n        },\n        onListFocus(event) {\n            this.$emit('focus', event);\n        },\n        onListBlur(event) {\n            this.$emit('blur', event);\n        },\n        onReorderUpdate(event, value) {\n            this.$emit('update:modelValue', value);\n            this.$emit('reorder', {\n                originalEvent: event,\n                value: value,\n                direction: this.reorderDirection\n            });\n        },\n        moveUp(event) {\n            if (this.d_selection) {\n                let value = [...this.modelValue];\n\n                for (let i = 0; i < this.d_selection.length; i++) {\n                    let selectedItem = this.d_selection[i];\n                    let selectedItemIndex = findIndexInList(selectedItem, value);\n\n                    if (selectedItemIndex !== 0) {\n                        let movedItem = value[selectedItemIndex];\n                        let temp = value[selectedItemIndex - 1];\n\n                        value[selectedItemIndex - 1] = movedItem;\n                        value[selectedItemIndex] = temp;\n                    } else {\n                        break;\n                    }\n                }\n\n                this.reorderDirection = 'up';\n                this.onReorderUpdate(event, value);\n            }\n        },\n        moveTop(event) {\n            if (this.d_selection) {\n                let value = [...this.modelValue];\n\n                for (let i = 0; i < this.d_selection.length; i++) {\n                    let selectedItem = this.d_selection[i];\n                    let selectedItemIndex = findIndexInList(selectedItem, value);\n\n                    if (selectedItemIndex !== 0) {\n                        let movedItem = value.splice(selectedItemIndex, 1)[0];\n\n                        value.unshift(movedItem);\n                    } else {\n                        break;\n                    }\n                }\n\n                this.reorderDirection = 'top';\n                this.onReorderUpdate(event, value);\n            }\n        },\n        moveDown(event) {\n            if (this.d_selection) {\n                let value = [...this.modelValue];\n\n                for (let i = this.d_selection.length - 1; i >= 0; i--) {\n                    let selectedItem = this.d_selection[i];\n                    let selectedItemIndex = findIndexInList(selectedItem, value);\n\n                    if (selectedItemIndex !== value.length - 1) {\n                        let movedItem = value[selectedItemIndex];\n                        let temp = value[selectedItemIndex + 1];\n\n                        value[selectedItemIndex + 1] = movedItem;\n                        value[selectedItemIndex] = temp;\n                    } else {\n                        break;\n                    }\n                }\n\n                this.reorderDirection = 'down';\n                this.onReorderUpdate(event, value);\n            }\n        },\n        moveBottom(event) {\n            if (this.d_selection) {\n                let value = [...this.modelValue];\n\n                for (let i = this.d_selection.length - 1; i >= 0; i--) {\n                    let selectedItem = this.d_selection[i];\n                    let selectedItemIndex = findIndexInList(selectedItem, value);\n\n                    if (selectedItemIndex !== value.length - 1) {\n                        let movedItem = value.splice(selectedItemIndex, 1)[0];\n\n                        value.push(movedItem);\n                    } else {\n                        break;\n                    }\n                }\n\n                this.reorderDirection = 'bottom';\n                this.onReorderUpdate(event, value);\n            }\n        },\n        updateListScroll() {\n            this.list = findSingle(this.$refs.listbox.$el, '[data-pc-section=\"list\"]');\n\n            const listItems = find(this.list, '[data-pc-section=\"item\"][data-p-selected=\"true\"]');\n\n            if (listItems && listItems.length) {\n                switch (this.reorderDirection) {\n                    case 'up':\n                        scrollInView(this.list, listItems[0]);\n                        break;\n\n                    case 'top':\n                        this.list.scrollTop = 0;\n                        break;\n\n                    case 'down':\n                        scrollInView(this.list, listItems[listItems.length - 1]);\n                        break;\n\n                    case 'bottom':\n                        this.list.scrollTop = this.list.scrollHeight;\n                        break;\n\n                    default:\n                        break;\n                }\n            }\n        },\n        createStyle() {\n            if (!this.styleElement && !this.isUnstyled) {\n                this.styleElement = document.createElement('style');\n                this.styleElement.type = 'text/css';\n                setAttribute(this.styleElement, 'nonce', this.$primevue?.config?.csp?.nonce);\n                document.head.appendChild(this.styleElement);\n\n                let innerHTML = `\n@media screen and (max-width: ${this.breakpoint}) {\n    .p-orderlist[${this.$attrSelector}] {\n        flex-direction: column;\n    }\n\n    .p-orderlist[${this.$attrSelector}] .p-orderlist-controls {\n        flex-direction: row;\n    }\n}\n`;\n\n                this.styleElement.innerHTML = innerHTML;\n            }\n        },\n        destroyStyle() {\n            if (this.styleElement) {\n                document.head.removeChild(this.styleElement);\n                this.styleElement = null;\n            }\n        },\n        moveDisabled() {\n            return this.disabled ? true : !this.d_selection || !this.d_selection.length ? true : false;\n        }\n    },\n    computed: {\n        moveUpAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.moveUp : undefined;\n        },\n        moveTopAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.moveTop : undefined;\n        },\n        moveDownAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.moveDown : undefined;\n        },\n        moveBottomAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.moveBottom : undefined;\n        },\n        hasSelectedOption() {\n            return isNotEmpty(this.d_selection);\n        }\n    },\n    components: {\n        Listbox,\n        Button,\n        AngleUpIcon,\n        AngleDownIcon,\n        AngleDoubleUpIcon,\n        AngleDoubleDownIcon\n    },\n    directives: {\n        ripple: Ripple\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","modelValue","type","Array","selection","dataKey","String","listStyle","metaKeySelection","Boolean","autoOptionFocus","focusOnHover","responsive","breakpoint","striped","scrollHeight","buttonProps","Object","default","severity","moveUpButtonProps","moveTopButtonProps","moveDownButtonProps","moveBottomButtonProps","tabindex","Number","disabled","ariaLabelledby","ariaLabel","style","OrderListStyle","provide","$pcOrderList","$parentInstance","BaseOrderList","inheritAttrs","emits","itemTouched","reorderDirection","styleElement","list","data","d_selection","beforeUnmount","destroyStyle","updated","updateListScroll","mounted","createStyle","methods","updateSelection","event","$emit","originalEvent","value","onChangeSelection","params","onListFocus","onListBlur","onReorderUpdate","direction","moveUp","_toConsumableArray","i","length","selectedItem","selectedItemIndex","findIndexInList","movedItem","temp","moveTop","splice","unshift","moveDown","moveBottom","push","findSingle","$refs","listbox","$el","listItems","find","scrollInView","scrollTop","isUnstyled","_this$$primevue","document","createElement","setAttribute","$primevue","config","csp","nonce","head","appendChild","innerHTML","concat","$attrSelector","removeChild","moveDisabled","computed","moveUpAriaLabel","locale","aria","undefined","moveTopAriaLabel","moveDownAriaLabel","moveBottomAriaLabel","hasSelectedOption","isNotEmpty","components","Listbox","Button","AngleUpIcon","AngleDownIcon","AngleDoubleUpIcon","AngleDoubleDownIcon","directives","ripple","Ripple","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","_createElementVNode","ptm","_renderSlot","$slots","_createVNode","_component_Button","onClick","$options","_objectSpread","pt","unstyled","icon","_component_AngleUpIcon","_component_AngleDoubleUpIcon","_component_AngleDownIcon","_component_AngleDoubleDownIcon","_component_Listbox","ref","id","$id","$data","options","multiple","onFocus","onBlur","onChange","option","_ref","selected","index","item","header"],"mappings":"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"}

package/orderlist/style/index.mjs

@@ -1,16 +1,13 @@
+import { style } from '@primeuix/styles/orderlist';
 import BaseStyle from '@primevue/core/base/style';
 
-var theme = function theme(_ref) {
-  var dt = _ref.dt;
-  return "\n.p-orderlist {\n    display: flex;\n    gap: ".concat(dt('orderlist.gap'), ";\n}\n\n.p-orderlist-controls {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    gap: ").concat(dt('orderlist.controls.gap'), ";\n}\n");
-};
 var classes = {
   root: 'p-orderlist p-component',
   controls: 'p-orderlist-controls'
 };
 var OrderListStyle = BaseStyle.extend({
   name: 'orderlist',
-  theme: theme,
+  style: style,
   classes: classes
 });
 

package/orderlist/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/orderlist/style/OrderListStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-orderlist {\n    display: flex;\n    gap: ${dt('orderlist.gap')};\n}\n\n.p-orderlist-controls {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    gap: ${dt('orderlist.controls.gap')};\n}\n`;\n\nconst classes = {\n    root: 'p-orderlist p-component',\n    controls: 'p-orderlist-controls'\n};\n\nexport default BaseStyle.extend({\n    name: 'orderlist',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","controls","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE;AAAA,EAAA,OAAA,iDAAA,CAAAC,MAAA,CAGRD,EAAE,CAAC,eAAe,CAAC,EAAAC,2HAAAA,CAAAA,CAAAA,MAAA,CAOnBD,EAAE,CAAC,wBAAwB,CAAC,EAAA,QAAA,CAAA;AAAA,CAEtC;AAED,IAAME,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,yBAAyB;AAC/BC,EAAAA,QAAQ,EAAE;AACd,CAAC;AAED,qBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,WAAW;AACjBT,EAAAA,KAAK,EAALA,KAAK;AACLI,EAAAA,OAAO,EAAPA;AACJ,CAAC,CAAC;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/orderlist/style/OrderListStyle.js"],"sourcesContent":["import { style } from '@primeuix/styles/orderlist';\nimport BaseStyle from '@primevue/core/base/style';\n\nconst classes = {\n    root: 'p-orderlist p-component',\n    controls: 'p-orderlist-controls'\n};\n\nexport default BaseStyle.extend({\n    name: 'orderlist',\n    style,\n    classes\n});\n"],"names":["classes","root","controls","BaseStyle","extend","name","style"],"mappings":";;;AAGA,IAAMA,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,yBAAyB;AAC/BC,EAAAA,QAAQ,EAAE;AACd,CAAC;AAED,qBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,WAAW;AACjBC,EAAAA,KAAK,EAALA,KAAK;AACLN,EAAAA,OAAO,EAAPA;AACJ,CAAC,CAAC;;;;"}

package/organizationchart/index.mjs

@@ -3,7 +3,7 @@ import OrganizationChartStyle from 'primevue/organizationchart/style';
 import { isAttributeEquals } from '@primeuix/utils/dom';
 import ChevronDownIcon from '@primevue/icons/chevrondown';
 import ChevronUpIcon from '@primevue/icons/chevronup';
-import { resolveComponent, openBlock, createElementBlock, mergeProps, createElementVNode, normalizeProps, guardReactiveProps, createBlock, resolveDynamicComponent, createCommentVNode, Fragment, renderList, createVNode } from 'vue';
+import { resolveComponent, createElementBlock, openBlock, mergeProps, createElementVNode, normalizeProps, guardReactiveProps, createCommentVNode, createBlock, resolveDynamicComponent, Fragment, renderList, createVNode } from 'vue';
 
 var script$2 = {
   name: 'BaseOrganizationChart',
@@ -237,10 +237,10 @@ script$1.render = render$1;
 
 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 _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).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: true, configurable: true, writable: true }) : 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); }
+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); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 var script = {
   name: 'OrganizationChart',
   "extends": script$2,

package/organizationchart/style/index.mjs

@@ -1,14 +1,11 @@
+import { style } from '@primeuix/styles/organizationchart';
 import BaseStyle from '@primevue/core/base/style';
 
-var theme = function theme(_ref) {
-  var dt = _ref.dt;
-  return "\n.p-organizationchart-table {\n    border-spacing: 0;\n    border-collapse: separate;\n    margin: 0 auto;\n}\n\n.p-organizationchart-table > tbody > tr > td {\n    text-align: center;\n    vertical-align: top;\n    padding: 0 ".concat(dt('organizationchart.gutter'), ";\n}\n\n.p-organizationchart-node {\n    display: inline-block;\n    position: relative;\n    border: 1px solid ").concat(dt('organizationchart.node.border.color'), ";\n    background: ").concat(dt('organizationchart.node.background'), ";\n    color: ").concat(dt('organizationchart.node.color'), ";\n    padding: ").concat(dt('organizationchart.node.padding'), ";\n    border-radius: ").concat(dt('organizationchart.node.border.radius'), ";\n    transition: background ").concat(dt('organizationchart.transition.duration'), ", border-color ").concat(dt('organizationchart.transition.duration'), ", color ").concat(dt('organizationchart.transition.duration'), ", box-shadow ").concat(dt('organizationchart.transition.duration'), ";\n}\n\n.p-organizationchart-node:has(.p-organizationchart-node-toggle-button) {\n    padding: ").concat(dt('organizationchart.node.toggleable.padding'), ";\n}\n\n.p-organizationchart-node.p-organizationchart-node-selectable:not(.p-organizationchart-node-selected):hover {\n    background: ").concat(dt('organizationchart.node.hover.background'), ";\n    color: ").concat(dt('organizationchart.node.hover.color'), ";\n}\n\n.p-organizationchart-node-selected {\n    background: ").concat(dt('organizationchart.node.selected.background'), ";\n    color: ").concat(dt('organizationchart.node.selected.color'), ";\n}\n\n.p-organizationchart-node-toggle-button {\n    position: absolute;\n    inset-block-end: calc(-1 * calc(").concat(dt('organizationchart.node.toggle.button.size'), " / 2));\n    margin-inline-start: calc(-1 * calc(").concat(dt('organizationchart.node.toggle.button.size'), " / 2));\n    z-index: 2;\n    inset-inline-start: 50%;\n    user-select: none;\n    cursor: pointer;\n    width: ").concat(dt('organizationchart.node.toggle.button.size'), ";\n    height: ").concat(dt('organizationchart.node.toggle.button.size'), ";\n    text-decoration: none;\n    background: ").concat(dt('organizationchart.node.toggle.button.background'), ";\n    color: ").concat(dt('organizationchart.node.toggle.button.color'), ";\n    border-radius: ").concat(dt('organizationchart.node.toggle.button.border.radius'), ";\n    border: 1px solid ").concat(dt('organizationchart.node.toggle.button.border.color'), ";\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    outline-color: transparent;\n    transition: background ").concat(dt('organizationchart.transition.duration'), ", color ").concat(dt('organizationchart.transition.duration'), ", border-color ").concat(dt('organizationchart.transition.duration'), ", outline-color ").concat(dt('organizationchart.transition.duration'), ", box-shadow ").concat(dt('organizationchart.transition.duration'), ";\n}\n\n.p-organizationchart-node-toggle-button:hover {\n    background: ").concat(dt('organizationchart.node.toggle.button.hover.background'), ";\n    color: ").concat(dt('organizationchart.node.toggle.button.hover.color'), ";\n}\n\n.p-organizationchart-node-toggle-button:focus-visible {\n    box-shadow: ").concat(dt('breadcrumb.item.focus.ring.shadow'), ";\n    outline: ").concat(dt('breadcrumb.item.focus.ring.width'), " ").concat(dt('breadcrumb.item.focus.ring.style'), " ").concat(dt('breadcrumb.item.focus.ring.color'), ";\n    outline-offset: ").concat(dt('breadcrumb.item.focus.ring.offset'), ";\n}\n\n.p-organizationchart-node-toggle-button-icon {\n    position: relative;\n    inset-block-start: 1px;\n}\n\n.p-organizationchart-connector-down {\n    margin: 0 auto;\n    height: ").concat(dt('organizationchart.connector.height'), ";\n    width: 1px;\n    background: ").concat(dt('organizationchart.connector.color'), ";\n}\n\n.p-organizationchart-connector-right {\n    border-radius: 0;\n}\n\n.p-organizationchart-connector-left {\n    border-radius: 0;\n    border-inline-end: 1px solid ").concat(dt('organizationchart.connector.color'), ";\n}\n\n.p-organizationchart-connector-top {\n    border-block-start: 1px solid ").concat(dt('organizationchart.connector.color'), ";\n}\n\n.p-organizationchart-node-selectable {\n    cursor: pointer;\n}\n\n.p-organizationchart-connectors :nth-child(1 of .p-organizationchart-connector-left) {\n    border-inline-end: 0 none;\n}\n\n.p-organizationchart-connectors :nth-last-child(1 of .p-organizationchart-connector-left) {\n    border-start-end-radius: ").concat(dt('organizationchart.connector.border.radius'), ";\n}\n\n.p-organizationchart-connectors :nth-child(1 of .p-organizationchart-connector-right) {\n    border-inline-start: 1px solid ").concat(dt('organizationchart.connector.color'), ";\n    border-start-start-radius: ").concat(dt('organizationchart.connector.border.radius'), ";\n}\n");
-};
 var classes = {
   root: 'p-organizationchart p-component',
   table: 'p-organizationchart-table',
-  node: function node(_ref2) {
-    var instance = _ref2.instance;
+  node: function node(_ref) {
+    var instance = _ref.instance;
     return ['p-organizationchart-node', {
       'p-organizationchart-node-selectable': instance.selectable,
       'p-organizationchart-node-selected': instance.selected
@@ -18,15 +15,15 @@ var classes = {
   nodeToggleButtonIcon: 'p-organizationchart-node-toggle-button-icon',
   connectors: 'p-organizationchart-connectors',
   connectorDown: 'p-organizationchart-connector-down',
-  connectorLeft: function connectorLeft(_ref3) {
-    var index = _ref3.index;
+  connectorLeft: function connectorLeft(_ref2) {
+    var index = _ref2.index;
     return ['p-organizationchart-connector-left', {
       'p-organizationchart-connector-top': !(index === 0)
     }];
   },
-  connectorRight: function connectorRight(_ref4) {
-    var props = _ref4.props,
-      index = _ref4.index;
+  connectorRight: function connectorRight(_ref3) {
+    var props = _ref3.props,
+      index = _ref3.index;
     return ['p-organizationchart-connector-right', {
       'p-organizationchart-connector-top': !(index === props.node.children.length - 1)
     }];
@@ -35,7 +32,7 @@ var classes = {
 };
 var OrganizationChartStyle = BaseStyle.extend({
   name: 'organizationchart',
-  theme: theme,
+  style: style,
   classes: classes
 });