primevue 4.1.1 → 4.2.1

package/select/style/index.mjs

@@ -2,7 +2,7 @@ import BaseStyle from '@primevue/core/base/style';
 
 var theme = function theme(_ref) {
   var dt = _ref.dt;
-  return "\n.p-select {\n    display: inline-flex;\n    cursor: pointer;\n    position: relative;\n    user-select: none;\n    background: ".concat(dt('select.background'), ";\n    border: 1px solid ").concat(dt('select.border.color'), ";\n    transition: background ").concat(dt('select.transition.duration'), ", color ").concat(dt('select.transition.duration'), ", border-color ").concat(dt('select.transition.duration'), ",\n        outline-color ").concat(dt('select.transition.duration'), ", box-shadow ").concat(dt('select.transition.duration'), ";\n    border-radius: ").concat(dt('select.border.radius'), ";\n    outline-color: transparent;\n    box-shadow: ").concat(dt('select.shadow'), ";\n}\n\n.p-select:not(.p-disabled):hover {\n    border-color: ").concat(dt('select.hover.border.color'), ";\n}\n\n.p-select:not(.p-disabled).p-focus {\n    border-color: ").concat(dt('select.focus.border.color'), ";\n    box-shadow: ").concat(dt('select.focus.ring.shadow'), ";\n    outline: ").concat(dt('select.focus.ring.width'), " ").concat(dt('select.focus.ring.style'), " ").concat(dt('select.focus.ring.color'), ";\n    outline-offset: ").concat(dt('select.focus.ring.offset'), ";\n}\n\n.p-select.p-variant-filled {\n    background: ").concat(dt('select.filled.background'), ";\n}\n\n.p-select.p-variant-filled:not(.p-disabled):hover {\n    background: ").concat(dt('select.filled.hover.background'), ";\n}\n\n.p-select.p-variant-filled:not(.p-disabled).p-focus {\n    background: ").concat(dt('select.filled.focus.background'), ";\n}\n\n.p-select.p-invalid {\n    border-color: ").concat(dt('select.invalid.border.color'), ";\n}\n\n.p-select.p-disabled {\n    opacity: 1;\n    background: ").concat(dt('select.disabled.background'), ";\n}\n\n.p-select-clear-icon {\n    position: absolute;\n    top: 50%;\n    margin-top: -0.5rem;\n    color: ").concat(dt('select.clear.icon.color'), ";\n    right: ").concat(dt('select.dropdown.width'), ";\n}\n\n.p-select-dropdown {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    background: transparent;\n    color: ").concat(dt('select.dropdown.color'), ";\n    width: ").concat(dt('select.dropdown.width'), ";\n    border-top-right-radius: ").concat(dt('select.border.radius'), ";\n    border-bottom-right-radius: ").concat(dt('select.border.radius'), ";\n}\n\n.p-select-label {\n    display: block;\n    white-space: nowrap;\n    overflow: hidden;\n    flex: 1 1 auto;\n    width: 1%;\n    padding: ").concat(dt('select.padding.y'), " ").concat(dt('select.padding.x'), ";\n    text-overflow: ellipsis;\n    cursor: pointer;\n    color: ").concat(dt('select.color'), ";\n    background: transparent;\n    border: 0 none;\n    outline: 0 none;\n}\n\n.p-select-label.p-placeholder {\n    color: ").concat(dt('select.placeholder.color'), ";\n}\n\n.p-select:has(.p-select-clear-icon) .p-select-label {\n    padding-right: calc(1rem + ").concat(dt('select.padding.x'), ");\n}\n\n.p-select.p-disabled .p-select-label {\n    color: ").concat(dt('select.disabled.color'), ";\n}\n\n.p-select-label-empty {\n    overflow: hidden;\n    opacity: 0;\n}\n\ninput.p-select-label {\n    cursor: default;\n}\n\n.p-select .p-select-overlay {\n    min-width: 100%;\n}\n\n.p-select-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    background: ").concat(dt('select.overlay.background'), ";\n    color: ").concat(dt('select.overlay.color'), ";\n    border: 1px solid ").concat(dt('select.overlay.border.color'), ";\n    border-radius: ").concat(dt('select.overlay.border.radius'), ";\n    box-shadow: ").concat(dt('select.overlay.shadow'), ";\n}\n\n.p-select-header {\n    padding: ").concat(dt('select.list.header.padding'), ";\n}\n\n.p-select-filter {\n    width: 100%;\n}\n\n.p-select-list-container {\n    overflow: auto;\n}\n\n.p-select-option-group {\n    cursor: auto;\n    margin: 0;\n    padding: ").concat(dt('select.option.group.padding'), ";\n    background: ").concat(dt('select.option.group.background'), ";\n    color: ").concat(dt('select.option.group.color'), ";\n    font-weight: ").concat(dt('select.option.group.font.weight'), ";\n}\n\n.p-select-list {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    padding: ").concat(dt('select.list.padding'), ";\n    gap: ").concat(dt('select.list.gap'), ";\n    display: flex;\n    flex-direction: column;\n}\n\n.p-select-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    padding: ").concat(dt('select.option.padding'), ";\n    border: 0 none;\n    color: ").concat(dt('select.option.color'), ";\n    background: transparent;\n    transition: background ").concat(dt('select.transition.duration'), ", color ").concat(dt('select.transition.duration'), ", border-color ").concat(dt('select.transition.duration'), ",\n            box-shadow ").concat(dt('select.transition.duration'), ", outline-color ").concat(dt('select.transition.duration'), ";\n    border-radius: ").concat(dt('select.option.border.radius'), ";\n}\n\n.p-select-option:not(.p-select-option-selected):not(.p-disabled).p-focus {\n    background: ").concat(dt('select.option.focus.background'), ";\n    color: ").concat(dt('select.option.focus.color'), ";\n}\n\n.p-select-option.p-select-option-selected {\n    background: ").concat(dt('select.option.selected.background'), ";\n    color: ").concat(dt('select.option.selected.color'), ";\n}\n\n.p-select-option.p-select-option-selected.p-focus {\n    background: ").concat(dt('select.option.selected.focus.background'), ";\n    color: ").concat(dt('select.option.selected.focus.color'), ";\n}\n\n.p-select-option-check-icon {\n    position: relative;\n    margin-inline-start: ").concat(dt('select.checkmark.gutter.start'), ";\n    margin-inline-end: ").concat(dt('select.checkmark.gutter.end'), ";\n    color: ").concat(dt('select.checkmark.color'), ";\n}\n\n.p-select-empty-message {\n    padding: ").concat(dt('select.empty.message.padding'), ";\n}\n\n.p-select-fluid {\n    display: flex;\n}\n");
+  return "\n.p-select {\n    display: inline-flex;\n    cursor: pointer;\n    position: relative;\n    user-select: none;\n    background: ".concat(dt('select.background'), ";\n    border: 1px solid ").concat(dt('select.border.color'), ";\n    transition: background ").concat(dt('select.transition.duration'), ", color ").concat(dt('select.transition.duration'), ", border-color ").concat(dt('select.transition.duration'), ",\n        outline-color ").concat(dt('select.transition.duration'), ", box-shadow ").concat(dt('select.transition.duration'), ";\n    border-radius: ").concat(dt('select.border.radius'), ";\n    outline-color: transparent;\n    box-shadow: ").concat(dt('select.shadow'), ";\n}\n\n.p-select:not(.p-disabled):hover {\n    border-color: ").concat(dt('select.hover.border.color'), ";\n}\n\n.p-select:not(.p-disabled).p-focus {\n    border-color: ").concat(dt('select.focus.border.color'), ";\n    box-shadow: ").concat(dt('select.focus.ring.shadow'), ";\n    outline: ").concat(dt('select.focus.ring.width'), " ").concat(dt('select.focus.ring.style'), " ").concat(dt('select.focus.ring.color'), ";\n    outline-offset: ").concat(dt('select.focus.ring.offset'), ";\n}\n\n.p-select.p-variant-filled {\n    background: ").concat(dt('select.filled.background'), ";\n}\n\n.p-select.p-variant-filled:not(.p-disabled):hover {\n    background: ").concat(dt('select.filled.hover.background'), ";\n}\n\n.p-select.p-variant-filled:not(.p-disabled).p-focus {\n    background: ").concat(dt('select.filled.focus.background'), ";\n}\n\n.p-select.p-invalid {\n    border-color: ").concat(dt('select.invalid.border.color'), ";\n}\n\n.p-select.p-disabled {\n    opacity: 1;\n    background: ").concat(dt('select.disabled.background'), ";\n}\n\n.p-select-clear-icon {\n    position: absolute;\n    top: 50%;\n    margin-top: -0.5rem;\n    color: ").concat(dt('select.clear.icon.color'), ";\n    inset-inline-end: ").concat(dt('select.dropdown.width'), ";\n}\n\n.p-select-dropdown {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    background: transparent;\n    color: ").concat(dt('select.dropdown.color'), ";\n    width: ").concat(dt('select.dropdown.width'), ";\n    border-start-end-radius: ").concat(dt('select.border.radius'), ";\n    border-end-end-radius: ").concat(dt('select.border.radius'), ";\n}\n\n.p-select-label {\n    display: block;\n    white-space: nowrap;\n    overflow: hidden;\n    flex: 1 1 auto;\n    width: 1%;\n    padding: ").concat(dt('select.padding.y'), " ").concat(dt('select.padding.x'), ";\n    text-overflow: ellipsis;\n    cursor: pointer;\n    color: ").concat(dt('select.color'), ";\n    background: transparent;\n    border: 0 none;\n    outline: 0 none;\n}\n\n.p-select-label.p-placeholder {\n    color: ").concat(dt('select.placeholder.color'), ";\n}\n\n.p-select.p-invalid .p-select-label.p-placeholder {\n    color: ").concat(dt('select.invalid.placeholder.color'), ";\n}\n\n.p-select:has(.p-select-clear-icon) .p-select-label {\n    padding-inline-end: calc(1rem + ").concat(dt('select.padding.x'), ");\n}\n\n.p-select.p-disabled .p-select-label {\n    color: ").concat(dt('select.disabled.color'), ";\n}\n\n.p-select-label-empty {\n    overflow: hidden;\n    opacity: 0;\n}\n\ninput.p-select-label {\n    cursor: default;\n}\n\n.p-select .p-select-overlay {\n    min-width: 100%;\n}\n\n.p-select-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    background: ").concat(dt('select.overlay.background'), ";\n    color: ").concat(dt('select.overlay.color'), ";\n    border: 1px solid ").concat(dt('select.overlay.border.color'), ";\n    border-radius: ").concat(dt('select.overlay.border.radius'), ";\n    box-shadow: ").concat(dt('select.overlay.shadow'), ";\n}\n\n.p-select-header {\n    padding: ").concat(dt('select.list.header.padding'), ";\n}\n\n.p-select-filter {\n    width: 100%;\n}\n\n.p-select-list-container {\n    overflow: auto;\n}\n\n.p-select-option-group {\n    cursor: auto;\n    margin: 0;\n    padding: ").concat(dt('select.option.group.padding'), ";\n    background: ").concat(dt('select.option.group.background'), ";\n    color: ").concat(dt('select.option.group.color'), ";\n    font-weight: ").concat(dt('select.option.group.font.weight'), ";\n}\n\n.p-select-list {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    padding: ").concat(dt('select.list.padding'), ";\n    gap: ").concat(dt('select.list.gap'), ";\n    display: flex;\n    flex-direction: column;\n}\n\n.p-select-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    padding: ").concat(dt('select.option.padding'), ";\n    border: 0 none;\n    color: ").concat(dt('select.option.color'), ";\n    background: transparent;\n    transition: background ").concat(dt('select.transition.duration'), ", color ").concat(dt('select.transition.duration'), ", border-color ").concat(dt('select.transition.duration'), ",\n            box-shadow ").concat(dt('select.transition.duration'), ", outline-color ").concat(dt('select.transition.duration'), ";\n    border-radius: ").concat(dt('select.option.border.radius'), ";\n}\n\n.p-select-option:not(.p-select-option-selected):not(.p-disabled).p-focus {\n    background: ").concat(dt('select.option.focus.background'), ";\n    color: ").concat(dt('select.option.focus.color'), ";\n}\n\n.p-select-option.p-select-option-selected {\n    background: ").concat(dt('select.option.selected.background'), ";\n    color: ").concat(dt('select.option.selected.color'), ";\n}\n\n.p-select-option.p-select-option-selected.p-focus {\n    background: ").concat(dt('select.option.selected.focus.background'), ";\n    color: ").concat(dt('select.option.selected.focus.color'), ";\n}\n\n.p-select-option-check-icon {\n    position: relative;\n    margin-inline-start: ").concat(dt('select.checkmark.gutter.start'), ";\n    margin-inline-end: ").concat(dt('select.checkmark.gutter.end'), ";\n    color: ").concat(dt('select.checkmark.color'), ";\n}\n\n.p-select-empty-message {\n    padding: ").concat(dt('select.empty.message.padding'), ";\n}\n\n.p-select-fluid {\n    display: flex;\n}\n\n.p-select-sm .p-select-label {\n    font-size: ").concat(dt('select.sm.font.size'), ";\n    padding-block: ").concat(dt('select.sm.padding.y'), ";\n    padding-inline: ").concat(dt('select.sm.padding.x'), ";\n}\n\n.p-select-sm .p-select-dropdown .p-icon {\n    font-size: ").concat(dt('select.sm.font.size'), ";\n    width: ").concat(dt('select.sm.font.size'), ";\n    height: ").concat(dt('select.sm.font.size'), ";\n}\n\n.p-select-lg .p-select-label {\n    font-size: ").concat(dt('select.lg.font.size'), ";\n    padding-block: ").concat(dt('select.lg.padding.y'), ";\n    padding-inline: ").concat(dt('select.lg.padding.x'), ";\n}\n\n.p-select-lg .p-select-dropdown .p-icon {\n    font-size: ").concat(dt('select.lg.font.size'), ";\n    width: ").concat(dt('select.lg.font.size'), ";\n    height: ").concat(dt('select.lg.font.size'), ";\n}\n");
 };
 var classes = {
   root: function root(_ref2) {
@@ -11,13 +11,15 @@ var classes = {
       state = _ref2.state;
     return ['p-select p-component p-inputwrapper', {
       'p-disabled': props.disabled,
-      'p-invalid': props.invalid,
-      'p-variant-filled': props.variant ? props.variant === 'filled' : instance.$primevue.config.inputStyle === 'filled' || instance.$primevue.config.inputVariant === 'filled',
+      'p-invalid': instance.$invalid,
+      'p-variant-filled': instance.$variant === 'filled',
       'p-focus': state.focused,
-      'p-inputwrapper-filled': instance.hasSelectedOption,
+      'p-inputwrapper-filled': instance.$filled,
       'p-inputwrapper-focus': state.focused || state.overlayVisible,
       'p-select-open': state.overlayVisible,
-      'p-select-fluid': instance.hasFluid
+      'p-select-fluid': instance.$fluid,
+      'p-select-sm p-inputfield-sm': props.size === 'small',
+      'p-select-lg p-inputfield-lg': props.size === 'large'
     }];
   },
   label: function label(_ref3) {

package/select/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/select/style/SelectStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-select {\n    display: inline-flex;\n    cursor: pointer;\n    position: relative;\n    user-select: none;\n    background: ${dt('select.background')};\n    border: 1px solid ${dt('select.border.color')};\n    transition: background ${dt('select.transition.duration')}, color ${dt('select.transition.duration')}, border-color ${dt('select.transition.duration')},\n        outline-color ${dt('select.transition.duration')}, box-shadow ${dt('select.transition.duration')};\n    border-radius: ${dt('select.border.radius')};\n    outline-color: transparent;\n    box-shadow: ${dt('select.shadow')};\n}\n\n.p-select:not(.p-disabled):hover {\n    border-color: ${dt('select.hover.border.color')};\n}\n\n.p-select:not(.p-disabled).p-focus {\n    border-color: ${dt('select.focus.border.color')};\n    box-shadow: ${dt('select.focus.ring.shadow')};\n    outline: ${dt('select.focus.ring.width')} ${dt('select.focus.ring.style')} ${dt('select.focus.ring.color')};\n    outline-offset: ${dt('select.focus.ring.offset')};\n}\n\n.p-select.p-variant-filled {\n    background: ${dt('select.filled.background')};\n}\n\n.p-select.p-variant-filled:not(.p-disabled):hover {\n    background: ${dt('select.filled.hover.background')};\n}\n\n.p-select.p-variant-filled:not(.p-disabled).p-focus {\n    background: ${dt('select.filled.focus.background')};\n}\n\n.p-select.p-invalid {\n    border-color: ${dt('select.invalid.border.color')};\n}\n\n.p-select.p-disabled {\n    opacity: 1;\n    background: ${dt('select.disabled.background')};\n}\n\n.p-select-clear-icon {\n    position: absolute;\n    top: 50%;\n    margin-top: -0.5rem;\n    color: ${dt('select.clear.icon.color')};\n    right: ${dt('select.dropdown.width')};\n}\n\n.p-select-dropdown {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    background: transparent;\n    color: ${dt('select.dropdown.color')};\n    width: ${dt('select.dropdown.width')};\n    border-top-right-radius: ${dt('select.border.radius')};\n    border-bottom-right-radius: ${dt('select.border.radius')};\n}\n\n.p-select-label {\n    display: block;\n    white-space: nowrap;\n    overflow: hidden;\n    flex: 1 1 auto;\n    width: 1%;\n    padding: ${dt('select.padding.y')} ${dt('select.padding.x')};\n    text-overflow: ellipsis;\n    cursor: pointer;\n    color: ${dt('select.color')};\n    background: transparent;\n    border: 0 none;\n    outline: 0 none;\n}\n\n.p-select-label.p-placeholder {\n    color: ${dt('select.placeholder.color')};\n}\n\n.p-select:has(.p-select-clear-icon) .p-select-label {\n    padding-right: calc(1rem + ${dt('select.padding.x')});\n}\n\n.p-select.p-disabled .p-select-label {\n    color: ${dt('select.disabled.color')};\n}\n\n.p-select-label-empty {\n    overflow: hidden;\n    opacity: 0;\n}\n\ninput.p-select-label {\n    cursor: default;\n}\n\n.p-select .p-select-overlay {\n    min-width: 100%;\n}\n\n.p-select-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    background: ${dt('select.overlay.background')};\n    color: ${dt('select.overlay.color')};\n    border: 1px solid ${dt('select.overlay.border.color')};\n    border-radius: ${dt('select.overlay.border.radius')};\n    box-shadow: ${dt('select.overlay.shadow')};\n}\n\n.p-select-header {\n    padding: ${dt('select.list.header.padding')};\n}\n\n.p-select-filter {\n    width: 100%;\n}\n\n.p-select-list-container {\n    overflow: auto;\n}\n\n.p-select-option-group {\n    cursor: auto;\n    margin: 0;\n    padding: ${dt('select.option.group.padding')};\n    background: ${dt('select.option.group.background')};\n    color: ${dt('select.option.group.color')};\n    font-weight: ${dt('select.option.group.font.weight')};\n}\n\n.p-select-list {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    padding: ${dt('select.list.padding')};\n    gap: ${dt('select.list.gap')};\n    display: flex;\n    flex-direction: column;\n}\n\n.p-select-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    padding: ${dt('select.option.padding')};\n    border: 0 none;\n    color: ${dt('select.option.color')};\n    background: transparent;\n    transition: background ${dt('select.transition.duration')}, color ${dt('select.transition.duration')}, border-color ${dt('select.transition.duration')},\n            box-shadow ${dt('select.transition.duration')}, outline-color ${dt('select.transition.duration')};\n    border-radius: ${dt('select.option.border.radius')};\n}\n\n.p-select-option:not(.p-select-option-selected):not(.p-disabled).p-focus {\n    background: ${dt('select.option.focus.background')};\n    color: ${dt('select.option.focus.color')};\n}\n\n.p-select-option.p-select-option-selected {\n    background: ${dt('select.option.selected.background')};\n    color: ${dt('select.option.selected.color')};\n}\n\n.p-select-option.p-select-option-selected.p-focus {\n    background: ${dt('select.option.selected.focus.background')};\n    color: ${dt('select.option.selected.focus.color')};\n}\n\n.p-select-option-check-icon {\n    position: relative;\n    margin-inline-start: ${dt('select.checkmark.gutter.start')};\n    margin-inline-end: ${dt('select.checkmark.gutter.end')};\n    color: ${dt('select.checkmark.color')};\n}\n\n.p-select-empty-message {\n    padding: ${dt('select.empty.message.padding')};\n}\n\n.p-select-fluid {\n    display: flex;\n}\n`;\n\nconst classes = {\n    root: ({ instance, props, state }) => [\n        'p-select p-component p-inputwrapper',\n        {\n            'p-disabled': props.disabled,\n            'p-invalid': props.invalid,\n            'p-variant-filled': props.variant ? props.variant === 'filled' : instance.$primevue.config.inputStyle === 'filled' || instance.$primevue.config.inputVariant === 'filled',\n            'p-focus': state.focused,\n            'p-inputwrapper-filled': instance.hasSelectedOption,\n            'p-inputwrapper-focus': state.focused || state.overlayVisible,\n            'p-select-open': state.overlayVisible,\n            'p-select-fluid': instance.hasFluid\n        }\n    ],\n    label: ({ instance, props }) => [\n        'p-select-label',\n        {\n            'p-placeholder': !props.editable && instance.label === props.placeholder,\n            'p-select-label-empty': !props.editable && !instance.$slots['value'] && (instance.label === 'p-emptylabel' || instance.label.length === 0)\n        }\n    ],\n    clearIcon: 'p-select-clear-icon',\n    dropdown: 'p-select-dropdown',\n    loadingicon: 'p-select-loading-icon',\n    dropdownIcon: 'p-select-dropdown-icon',\n    overlay: 'p-select-overlay p-component',\n    header: 'p-select-header',\n    pcFilter: 'p-select-filter',\n    listContainer: 'p-select-list-container',\n    list: 'p-select-list',\n    optionGroup: 'p-select-option-group',\n    optionGroupLabel: 'p-select-option-group-label',\n    option: ({ instance, props, state, option, focusedOption }) => [\n        'p-select-option',\n        {\n            'p-select-option-selected': instance.isSelected(option) && props.highlightOnSelect,\n            'p-focus': state.focusedOptionIndex === focusedOption,\n            'p-disabled': instance.isOptionDisabled(option)\n        }\n    ],\n    optionLabel: 'p-select-option-label',\n    optionCheckIcon: 'p-select-option-check-icon',\n    optionBlankIcon: 'p-select-option-blank-icon',\n    emptyMessage: 'p-select-empty-message'\n};\n\nexport default BaseStyle.extend({\n    name: 'select',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","instance","props","state","disabled","invalid","variant","$primevue","config","inputStyle","inputVariant","focused","hasSelectedOption","overlayVisible","hasFluid","label","_ref3","editable","placeholder","$slots","length","clearIcon","dropdown","loadingicon","dropdownIcon","overlay","header","pcFilter","listContainer","list","optionGroup","optionGroupLabel","option","_ref4","focusedOption","isSelected","highlightOnSelect","focusedOptionIndex","isOptionDisabled","optionLabel","optionCheckIcon","optionBlankIcon","emptyMessage","BaseStyle","extend","name"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../src/select/style/SelectStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-select {\n    display: inline-flex;\n    cursor: pointer;\n    position: relative;\n    user-select: none;\n    background: ${dt('select.background')};\n    border: 1px solid ${dt('select.border.color')};\n    transition: background ${dt('select.transition.duration')}, color ${dt('select.transition.duration')}, border-color ${dt('select.transition.duration')},\n        outline-color ${dt('select.transition.duration')}, box-shadow ${dt('select.transition.duration')};\n    border-radius: ${dt('select.border.radius')};\n    outline-color: transparent;\n    box-shadow: ${dt('select.shadow')};\n}\n\n.p-select:not(.p-disabled):hover {\n    border-color: ${dt('select.hover.border.color')};\n}\n\n.p-select:not(.p-disabled).p-focus {\n    border-color: ${dt('select.focus.border.color')};\n    box-shadow: ${dt('select.focus.ring.shadow')};\n    outline: ${dt('select.focus.ring.width')} ${dt('select.focus.ring.style')} ${dt('select.focus.ring.color')};\n    outline-offset: ${dt('select.focus.ring.offset')};\n}\n\n.p-select.p-variant-filled {\n    background: ${dt('select.filled.background')};\n}\n\n.p-select.p-variant-filled:not(.p-disabled):hover {\n    background: ${dt('select.filled.hover.background')};\n}\n\n.p-select.p-variant-filled:not(.p-disabled).p-focus {\n    background: ${dt('select.filled.focus.background')};\n}\n\n.p-select.p-invalid {\n    border-color: ${dt('select.invalid.border.color')};\n}\n\n.p-select.p-disabled {\n    opacity: 1;\n    background: ${dt('select.disabled.background')};\n}\n\n.p-select-clear-icon {\n    position: absolute;\n    top: 50%;\n    margin-top: -0.5rem;\n    color: ${dt('select.clear.icon.color')};\n    inset-inline-end: ${dt('select.dropdown.width')};\n}\n\n.p-select-dropdown {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    background: transparent;\n    color: ${dt('select.dropdown.color')};\n    width: ${dt('select.dropdown.width')};\n    border-start-end-radius: ${dt('select.border.radius')};\n    border-end-end-radius: ${dt('select.border.radius')};\n}\n\n.p-select-label {\n    display: block;\n    white-space: nowrap;\n    overflow: hidden;\n    flex: 1 1 auto;\n    width: 1%;\n    padding: ${dt('select.padding.y')} ${dt('select.padding.x')};\n    text-overflow: ellipsis;\n    cursor: pointer;\n    color: ${dt('select.color')};\n    background: transparent;\n    border: 0 none;\n    outline: 0 none;\n}\n\n.p-select-label.p-placeholder {\n    color: ${dt('select.placeholder.color')};\n}\n\n.p-select.p-invalid .p-select-label.p-placeholder {\n    color: ${dt('select.invalid.placeholder.color')};\n}\n\n.p-select:has(.p-select-clear-icon) .p-select-label {\n    padding-inline-end: calc(1rem + ${dt('select.padding.x')});\n}\n\n.p-select.p-disabled .p-select-label {\n    color: ${dt('select.disabled.color')};\n}\n\n.p-select-label-empty {\n    overflow: hidden;\n    opacity: 0;\n}\n\ninput.p-select-label {\n    cursor: default;\n}\n\n.p-select .p-select-overlay {\n    min-width: 100%;\n}\n\n.p-select-overlay {\n    position: absolute;\n    top: 0;\n    left: 0;\n    background: ${dt('select.overlay.background')};\n    color: ${dt('select.overlay.color')};\n    border: 1px solid ${dt('select.overlay.border.color')};\n    border-radius: ${dt('select.overlay.border.radius')};\n    box-shadow: ${dt('select.overlay.shadow')};\n}\n\n.p-select-header {\n    padding: ${dt('select.list.header.padding')};\n}\n\n.p-select-filter {\n    width: 100%;\n}\n\n.p-select-list-container {\n    overflow: auto;\n}\n\n.p-select-option-group {\n    cursor: auto;\n    margin: 0;\n    padding: ${dt('select.option.group.padding')};\n    background: ${dt('select.option.group.background')};\n    color: ${dt('select.option.group.color')};\n    font-weight: ${dt('select.option.group.font.weight')};\n}\n\n.p-select-list {\n    margin: 0;\n    padding: 0;\n    list-style-type: none;\n    padding: ${dt('select.list.padding')};\n    gap: ${dt('select.list.gap')};\n    display: flex;\n    flex-direction: column;\n}\n\n.p-select-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    padding: ${dt('select.option.padding')};\n    border: 0 none;\n    color: ${dt('select.option.color')};\n    background: transparent;\n    transition: background ${dt('select.transition.duration')}, color ${dt('select.transition.duration')}, border-color ${dt('select.transition.duration')},\n            box-shadow ${dt('select.transition.duration')}, outline-color ${dt('select.transition.duration')};\n    border-radius: ${dt('select.option.border.radius')};\n}\n\n.p-select-option:not(.p-select-option-selected):not(.p-disabled).p-focus {\n    background: ${dt('select.option.focus.background')};\n    color: ${dt('select.option.focus.color')};\n}\n\n.p-select-option.p-select-option-selected {\n    background: ${dt('select.option.selected.background')};\n    color: ${dt('select.option.selected.color')};\n}\n\n.p-select-option.p-select-option-selected.p-focus {\n    background: ${dt('select.option.selected.focus.background')};\n    color: ${dt('select.option.selected.focus.color')};\n}\n\n.p-select-option-check-icon {\n    position: relative;\n    margin-inline-start: ${dt('select.checkmark.gutter.start')};\n    margin-inline-end: ${dt('select.checkmark.gutter.end')};\n    color: ${dt('select.checkmark.color')};\n}\n\n.p-select-empty-message {\n    padding: ${dt('select.empty.message.padding')};\n}\n\n.p-select-fluid {\n    display: flex;\n}\n\n.p-select-sm .p-select-label {\n    font-size: ${dt('select.sm.font.size')};\n    padding-block: ${dt('select.sm.padding.y')};\n    padding-inline: ${dt('select.sm.padding.x')};\n}\n\n.p-select-sm .p-select-dropdown .p-icon {\n    font-size: ${dt('select.sm.font.size')};\n    width: ${dt('select.sm.font.size')};\n    height: ${dt('select.sm.font.size')};\n}\n\n.p-select-lg .p-select-label {\n    font-size: ${dt('select.lg.font.size')};\n    padding-block: ${dt('select.lg.padding.y')};\n    padding-inline: ${dt('select.lg.padding.x')};\n}\n\n.p-select-lg .p-select-dropdown .p-icon {\n    font-size: ${dt('select.lg.font.size')};\n    width: ${dt('select.lg.font.size')};\n    height: ${dt('select.lg.font.size')};\n}\n`;\n\nconst classes = {\n    root: ({ instance, props, state }) => [\n        'p-select p-component p-inputwrapper',\n        {\n            'p-disabled': props.disabled,\n            'p-invalid': instance.$invalid,\n            'p-variant-filled': instance.$variant === 'filled',\n            'p-focus': state.focused,\n            'p-inputwrapper-filled': instance.$filled,\n            'p-inputwrapper-focus': state.focused || state.overlayVisible,\n            'p-select-open': state.overlayVisible,\n            'p-select-fluid': instance.$fluid,\n            'p-select-sm p-inputfield-sm': props.size === 'small',\n            'p-select-lg p-inputfield-lg': props.size === 'large'\n        }\n    ],\n    label: ({ instance, props }) => [\n        'p-select-label',\n        {\n            'p-placeholder': !props.editable && instance.label === props.placeholder,\n            'p-select-label-empty': !props.editable && !instance.$slots['value'] && (instance.label === 'p-emptylabel' || instance.label.length === 0)\n        }\n    ],\n    clearIcon: 'p-select-clear-icon',\n    dropdown: 'p-select-dropdown',\n    loadingicon: 'p-select-loading-icon',\n    dropdownIcon: 'p-select-dropdown-icon',\n    overlay: 'p-select-overlay p-component',\n    header: 'p-select-header',\n    pcFilter: 'p-select-filter',\n    listContainer: 'p-select-list-container',\n    list: 'p-select-list',\n    optionGroup: 'p-select-option-group',\n    optionGroupLabel: 'p-select-option-group-label',\n    option: ({ instance, props, state, option, focusedOption }) => [\n        'p-select-option',\n        {\n            'p-select-option-selected': instance.isSelected(option) && props.highlightOnSelect,\n            'p-focus': state.focusedOptionIndex === focusedOption,\n            'p-disabled': instance.isOptionDisabled(option)\n        }\n    ],\n    optionLabel: 'p-select-option-label',\n    optionCheckIcon: 'p-select-option-check-icon',\n    optionBlankIcon: 'p-select-option-blank-icon',\n    emptyMessage: 'p-select-empty-message'\n};\n\nexport default BaseStyle.extend({\n    name: 'select',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","instance","props","state","disabled","$invalid","$variant","focused","$filled","overlayVisible","$fluid","size","label","_ref3","editable","placeholder","$slots","length","clearIcon","dropdown","loadingicon","dropdownIcon","overlay","header","pcFilter","listContainer","list","optionGroup","optionGroupLabel","option","_ref4","focusedOption","isSelected","highlightOnSelect","focusedOptionIndex","isOptionDisabled","optionLabel","optionCheckIcon","optionBlankIcon","emptyMessage","BaseStyle","extend","name"],"mappings":"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"}

package/selectbutton/BaseSelectButton.vue

@@ -1,12 +1,11 @@
 <script>
-import BaseComponent from '@primevue/core/basecomponent';
+import BaseEditableHolder from '@primevue/core/baseeditableholder';
 import SelectButtonStyle from 'primevue/selectbutton/style';
 
 export default {
     name: 'BaseSelectButton',
-    extends: BaseComponent,
+    extends: BaseEditableHolder,
     props: {
-        modelValue: null,
         options: Array,
         optionLabel: null,
         optionValue: null,
@@ -16,15 +15,14 @@ export default {
             type: Boolean,
             default: true
         },
-        invalid: {
-            type: Boolean,
-            default: false
-        },
-        disabled: Boolean,
         dataKey: null,
         ariaLabelledby: {
             type: String,
             default: null
+        },
+        size: {
+            type: String,
+            default: null
         }
     },
     style: SelectButtonStyle,

package/selectbutton/SelectButton.vue

@@ -7,6 +7,7 @@
                 :offLabel="getOptionLabel(option)"
                 :disabled="disabled || isOptionDisabled(option)"
                 :unstyled="unstyled"
+                :size="size"
                 @change="onOptionSelect($event, option, index)"
                 :pt="ptm('pcToggleButton')"
             >
@@ -21,7 +22,7 @@
 </template>
 
 <script>
-import { resolveFieldData, equals } from '@primeuix/utils/object';
+import { equals, resolveFieldData } from '@primeuix/utils/object';
 import Ripple from 'primevue/ripple';
 import ToggleButton from 'primevue/togglebutton';
 import BaseSelectButton from './BaseSelectButton.vue';
@@ -30,7 +31,7 @@ export default {
     name: 'SelectButton',
     extends: BaseSelectButton,
     inheritAttrs: false,
-    emits: ['update:modelValue', 'change'],
+    emits: ['change'],
     methods: {
         getOptionLabel(option) {
             return this.optionLabel ? resolveFieldData(option, this.optionLabel) : option;
@@ -59,13 +60,13 @@ export default {
             let newValue;
 
             if (this.multiple) {
-                if (selected) newValue = this.modelValue.filter((val) => !equals(val, optionValue, this.equalityKey));
-                else newValue = this.modelValue ? [...this.modelValue, optionValue] : [optionValue];
+                if (selected) newValue = this.d_value.filter((val) => !equals(val, optionValue, this.equalityKey));
+                else newValue = this.d_value ? [...this.d_value, optionValue] : [optionValue];
             } else {
                 newValue = selected ? null : optionValue;
             }
 
-            this.$emit('update:modelValue', newValue);
+            this.writeValue(newValue, event);
             this.$emit('change', { event: event, value: newValue });
         },
         isSelected(option) {
@@ -73,8 +74,8 @@ export default {
             let optionValue = this.getOptionValue(option);
 
             if (this.multiple) {
-                if (this.modelValue) {
-                    for (let val of this.modelValue) {
+                if (this.d_value) {
+                    for (let val of this.d_value) {
                         if (equals(val, optionValue, this.equalityKey)) {
                             selected = true;
                             break;
@@ -82,7 +83,7 @@ export default {
                     }
                 }
             } else {
-                selected = equals(this.modelValue, optionValue, this.equalityKey);
+                selected = equals(this.d_value, optionValue, this.equalityKey);
             }
 
             return selected;

package/selectbutton/index.d.ts

@@ -129,6 +129,14 @@ export interface SelectButtonProps {
      * Value of the component.
      */
     modelValue?: any;
+    /**
+     * The default value for the input when not controlled by `modelValue`.
+     */
+    defaultValue?: any;
+    /**
+     * The name attribute for the element, typically used in form submissions.
+     */
+    name?: string | undefined;
     /**
      * An array of selectitems to display as the available options.
      */
@@ -173,6 +181,14 @@ export interface SelectButtonProps {
      * Identifier of the underlying element.
      */
     ariaLabelledby?: string | undefined;
+    /**
+     * Defines the size of the component.
+     */
+    size?: 'small' | 'large' | undefined;
+    /**
+     * Form control object, typically used for handling validation and form state.
+     */
+    formControl?: Record<string, any> | undefined;
     /**
      * It generates scoped CSS variables using design tokens for the component.
      */
@@ -223,6 +239,11 @@ export interface SelectButtonEmitsOptions {
      * @param {*} value - New value.
      */
     'update:modelValue'(value: any): void;
+    /**
+     * Emitted when the value changes in uncontrolled mode.
+     * @param {*} value - New value.
+     */
+    'value-change'(value: any): void;
     /**
      * Callback to invoke on value change.
      * @param {SelectButtonChangeEvent} event - Custom change event.

package/selectbutton/index.mjs

@@ -1,15 +1,14 @@
 import { resolveFieldData, equals } from '@primeuix/utils/object';
 import Ripple from 'primevue/ripple';
 import ToggleButton from 'primevue/togglebutton';
-import BaseComponent from '@primevue/core/basecomponent';
+import BaseEditableHolder from '@primevue/core/baseeditableholder';
 import SelectButtonStyle from 'primevue/selectbutton/style';
 import { resolveComponent, openBlock, createElementBlock, mergeProps, Fragment, renderList, createBlock, createSlots, withCtx, renderSlot, createElementVNode, toDisplayString } from 'vue';
 
 var script$1 = {
   name: 'BaseSelectButton',
-  "extends": BaseComponent,
+  "extends": BaseEditableHolder,
   props: {
-    modelValue: null,
     options: Array,
     optionLabel: null,
     optionValue: null,
@@ -19,15 +18,14 @@ var script$1 = {
       type: Boolean,
       "default": true
     },
-    invalid: {
-      type: Boolean,
-      "default": false
-    },
-    disabled: Boolean,
     dataKey: null,
     ariaLabelledby: {
       type: String,
       "default": null
+    },
+    size: {
+      type: String,
+      "default": null
     }
   },
   style: SelectButtonStyle,
@@ -50,7 +48,7 @@ var script = {
   name: 'SelectButton',
   "extends": script$1,
   inheritAttrs: false,
-  emits: ['update:modelValue', 'change'],
+  emits: ['change'],
   methods: {
     getOptionLabel: function getOptionLabel(option) {
       return this.optionLabel ? resolveFieldData(option, this.optionLabel) : option;
@@ -76,13 +74,13 @@ var script = {
       var optionValue = this.getOptionValue(option);
       var newValue;
       if (this.multiple) {
-        if (selected) newValue = this.modelValue.filter(function (val) {
+        if (selected) newValue = this.d_value.filter(function (val) {
           return !equals(val, optionValue, _this.equalityKey);
-        });else newValue = this.modelValue ? [].concat(_toConsumableArray(this.modelValue), [optionValue]) : [optionValue];
+        });else newValue = this.d_value ? [].concat(_toConsumableArray(this.d_value), [optionValue]) : [optionValue];
       } else {
         newValue = selected ? null : optionValue;
       }
-      this.$emit('update:modelValue', newValue);
+      this.writeValue(newValue, event);
       this.$emit('change', {
         event: event,
         value: newValue
@@ -92,8 +90,8 @@ var script = {
       var selected = false;
       var optionValue = this.getOptionValue(option);
       if (this.multiple) {
-        if (this.modelValue) {
-          var _iterator = _createForOfIteratorHelper(this.modelValue),
+        if (this.d_value) {
+          var _iterator = _createForOfIteratorHelper(this.d_value),
             _step;
           try {
             for (_iterator.s(); !(_step = _iterator.n()).done;) {
@@ -110,7 +108,7 @@ var script = {
           }
         }
       } else {
-        selected = equals(this.modelValue, optionValue, this.equalityKey);
+        selected = equals(this.d_value, optionValue, this.equalityKey);
       }
       return selected;
     }
@@ -143,6 +141,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       offLabel: $options.getOptionLabel(option),
       disabled: _ctx.disabled || $options.isOptionDisabled(option),
       unstyled: _ctx.unstyled,
+      size: _ctx.size,
       onChange: function onChange($event) {
         return $options.onOptionSelect($event, option, index);
       },
@@ -162,7 +161,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         })];
       }),
       key: "0"
-    } : undefined]), 1032, ["modelValue", "onLabel", "offLabel", "disabled", "unstyled", "onChange", "pt"]);
+    } : undefined]), 1032, ["modelValue", "onLabel", "offLabel", "disabled", "unstyled", "size", "onChange", "pt"]);
   }), 128))], 16, _hoisted_1);
 }
 

package/selectbutton/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/selectbutton/BaseSelectButton.vue","../../src/selectbutton/SelectButton.vue","../../src/selectbutton/SelectButton.vue?vue&type=template&id=7e9cc19a&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport SelectButtonStyle from 'primevue/selectbutton/style';\n\nexport default {\n    name: 'BaseSelectButton',\n    extends: BaseComponent,\n    props: {\n        modelValue: null,\n        options: Array,\n        optionLabel: null,\n        optionValue: null,\n        optionDisabled: null,\n        multiple: Boolean,\n        allowEmpty: {\n            type: Boolean,\n            default: true\n        },\n        invalid: {\n            type: Boolean,\n            default: false\n        },\n        disabled: Boolean,\n        dataKey: null,\n        ariaLabelledby: {\n            type: String,\n            default: null\n        }\n    },\n    style: SelectButtonStyle,\n    provide() {\n        return {\n            $pcSelectButton: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" role=\"group\" :aria-labelledby=\"ariaLabelledby\" v-bind=\"ptmi('root')\">\n        <template v-for=\"(option, index) of options\" :key=\"getOptionRenderKey(option)\">\n            <ToggleButton\n                :modelValue=\"isSelected(option)\"\n                :onLabel=\"getOptionLabel(option)\"\n                :offLabel=\"getOptionLabel(option)\"\n                :disabled=\"disabled || isOptionDisabled(option)\"\n                :unstyled=\"unstyled\"\n                @change=\"onOptionSelect($event, option, index)\"\n                :pt=\"ptm('pcToggleButton')\"\n            >\n                <template v-if=\"$slots.option\" #default>\n                    <slot name=\"option\" :option=\"option\" :index=\"index\">\n                        <span v-bind=\"ptm('pcToggleButton')['label']\">{{ getOptionLabel(option) }}</span>\n                    </slot>\n                </template>\n            </ToggleButton>\n        </template>\n    </div>\n</template>\n\n<script>\nimport { resolveFieldData, equals } from '@primeuix/utils/object';\nimport Ripple from 'primevue/ripple';\nimport ToggleButton from 'primevue/togglebutton';\nimport BaseSelectButton from './BaseSelectButton.vue';\n\nexport default {\n    name: 'SelectButton',\n    extends: BaseSelectButton,\n    inheritAttrs: false,\n    emits: ['update:modelValue', 'change'],\n    methods: {\n        getOptionLabel(option) {\n            return this.optionLabel ? resolveFieldData(option, this.optionLabel) : option;\n        },\n        getOptionValue(option) {\n            return this.optionValue ? resolveFieldData(option, this.optionValue) : option;\n        },\n        getOptionRenderKey(option) {\n            return this.dataKey ? resolveFieldData(option, this.dataKey) : this.getOptionLabel(option);\n        },\n        isOptionDisabled(option) {\n            return this.optionDisabled ? resolveFieldData(option, this.optionDisabled) : false;\n        },\n        onOptionSelect(event, option, index) {\n            if (this.disabled || this.isOptionDisabled(option)) {\n                return;\n            }\n\n            let selected = this.isSelected(option);\n\n            if (selected && !this.allowEmpty) {\n                return;\n            }\n\n            let optionValue = this.getOptionValue(option);\n            let newValue;\n\n            if (this.multiple) {\n                if (selected) newValue = this.modelValue.filter((val) => !equals(val, optionValue, this.equalityKey));\n                else newValue = this.modelValue ? [...this.modelValue, optionValue] : [optionValue];\n            } else {\n                newValue = selected ? null : optionValue;\n            }\n\n            this.$emit('update:modelValue', newValue);\n            this.$emit('change', { event: event, value: newValue });\n        },\n        isSelected(option) {\n            let selected = false;\n            let optionValue = this.getOptionValue(option);\n\n            if (this.multiple) {\n                if (this.modelValue) {\n                    for (let val of this.modelValue) {\n                        if (equals(val, optionValue, this.equalityKey)) {\n                            selected = true;\n                            break;\n                        }\n                    }\n                }\n            } else {\n                selected = equals(this.modelValue, optionValue, this.equalityKey);\n            }\n\n            return selected;\n        }\n    },\n    computed: {\n        equalityKey() {\n            return this.optionValue ? null : this.dataKey;\n        }\n    },\n    directives: {\n        ripple: Ripple\n    },\n    components: {\n        ToggleButton\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" role=\"group\" :aria-labelledby=\"ariaLabelledby\" v-bind=\"ptmi('root')\">\n        <template v-for=\"(option, index) of options\" :key=\"getOptionRenderKey(option)\">\n            <ToggleButton\n                :modelValue=\"isSelected(option)\"\n                :onLabel=\"getOptionLabel(option)\"\n                :offLabel=\"getOptionLabel(option)\"\n                :disabled=\"disabled || isOptionDisabled(option)\"\n                :unstyled=\"unstyled\"\n                @change=\"onOptionSelect($event, option, index)\"\n                :pt=\"ptm('pcToggleButton')\"\n            >\n                <template v-if=\"$slots.option\" #default>\n                    <slot name=\"option\" :option=\"option\" :index=\"index\">\n                        <span v-bind=\"ptm('pcToggleButton')['label']\">{{ getOptionLabel(option) }}</span>\n                    </slot>\n                </template>\n            </ToggleButton>\n        </template>\n    </div>\n</template>\n\n<script>\nimport { resolveFieldData, equals } from '@primeuix/utils/object';\nimport Ripple from 'primevue/ripple';\nimport ToggleButton from 'primevue/togglebutton';\nimport BaseSelectButton from './BaseSelectButton.vue';\n\nexport default {\n    name: 'SelectButton',\n    extends: BaseSelectButton,\n    inheritAttrs: false,\n    emits: ['update:modelValue', 'change'],\n    methods: {\n        getOptionLabel(option) {\n            return this.optionLabel ? resolveFieldData(option, this.optionLabel) : option;\n        },\n        getOptionValue(option) {\n            return this.optionValue ? resolveFieldData(option, this.optionValue) : option;\n        },\n        getOptionRenderKey(option) {\n            return this.dataKey ? resolveFieldData(option, this.dataKey) : this.getOptionLabel(option);\n        },\n        isOptionDisabled(option) {\n            return this.optionDisabled ? resolveFieldData(option, this.optionDisabled) : false;\n        },\n        onOptionSelect(event, option, index) {\n            if (this.disabled || this.isOptionDisabled(option)) {\n                return;\n            }\n\n            let selected = this.isSelected(option);\n\n            if (selected && !this.allowEmpty) {\n                return;\n            }\n\n            let optionValue = this.getOptionValue(option);\n            let newValue;\n\n            if (this.multiple) {\n                if (selected) newValue = this.modelValue.filter((val) => !equals(val, optionValue, this.equalityKey));\n                else newValue = this.modelValue ? [...this.modelValue, optionValue] : [optionValue];\n            } else {\n                newValue = selected ? null : optionValue;\n            }\n\n            this.$emit('update:modelValue', newValue);\n            this.$emit('change', { event: event, value: newValue });\n        },\n        isSelected(option) {\n            let selected = false;\n            let optionValue = this.getOptionValue(option);\n\n            if (this.multiple) {\n                if (this.modelValue) {\n                    for (let val of this.modelValue) {\n                        if (equals(val, optionValue, this.equalityKey)) {\n                            selected = true;\n                            break;\n                        }\n                    }\n                }\n            } else {\n                selected = equals(this.modelValue, optionValue, this.equalityKey);\n            }\n\n            return selected;\n        }\n    },\n    computed: {\n        equalityKey() {\n            return this.optionValue ? null : this.dataKey;\n        }\n    },\n    directives: {\n        ripple: Ripple\n    },\n    components: {\n        ToggleButton\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","modelValue","options","Array","optionLabel","optionValue","optionDisabled","multiple","Boolean","allowEmpty","type","invalid","disabled","dataKey","ariaLabelledby","String","style","SelectButtonStyle","provide","$pcSelectButton","$parentInstance","BaseSelectButton","inheritAttrs","emits","methods","getOptionLabel","option","resolveFieldData","getOptionValue","getOptionRenderKey","isOptionDisabled","onOptionSelect","event","index","_this","selected","isSelected","newValue","filter","val","equals","equalityKey","concat","_toConsumableArray","$emit","value","_iterator","_createForOfIteratorHelper","_step","s","n","done","err","e","f","computed","directives","ripple","Ripple","components","ToggleButton","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","role","ptmi","_Fragment","_renderList","_createBlock","_component_ToggleButton","key","$options","onLabel","offLabel","unstyled","onChange","$event","pt","ptm","$slots","_renderSlot","_createElementVNode","ref_for","_toDisplayString"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../src/selectbutton/BaseSelectButton.vue","../../src/selectbutton/SelectButton.vue","../../src/selectbutton/SelectButton.vue?vue&type=template&id=42427211&lang.js"],"sourcesContent":["<script>\nimport BaseEditableHolder from '@primevue/core/baseeditableholder';\nimport SelectButtonStyle from 'primevue/selectbutton/style';\n\nexport default {\n    name: 'BaseSelectButton',\n    extends: BaseEditableHolder,\n    props: {\n        options: Array,\n        optionLabel: null,\n        optionValue: null,\n        optionDisabled: null,\n        multiple: Boolean,\n        allowEmpty: {\n            type: Boolean,\n            default: true\n        },\n        dataKey: null,\n        ariaLabelledby: {\n            type: String,\n            default: null\n        },\n        size: {\n            type: String,\n            default: null\n        }\n    },\n    style: SelectButtonStyle,\n    provide() {\n        return {\n            $pcSelectButton: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" role=\"group\" :aria-labelledby=\"ariaLabelledby\" v-bind=\"ptmi('root')\">\n        <template v-for=\"(option, index) of options\" :key=\"getOptionRenderKey(option)\">\n            <ToggleButton\n                :modelValue=\"isSelected(option)\"\n                :onLabel=\"getOptionLabel(option)\"\n                :offLabel=\"getOptionLabel(option)\"\n                :disabled=\"disabled || isOptionDisabled(option)\"\n                :unstyled=\"unstyled\"\n                :size=\"size\"\n                @change=\"onOptionSelect($event, option, index)\"\n                :pt=\"ptm('pcToggleButton')\"\n            >\n                <template v-if=\"$slots.option\" #default>\n                    <slot name=\"option\" :option=\"option\" :index=\"index\">\n                        <span v-bind=\"ptm('pcToggleButton')['label']\">{{ getOptionLabel(option) }}</span>\n                    </slot>\n                </template>\n            </ToggleButton>\n        </template>\n    </div>\n</template>\n\n<script>\nimport { equals, resolveFieldData } from '@primeuix/utils/object';\nimport Ripple from 'primevue/ripple';\nimport ToggleButton from 'primevue/togglebutton';\nimport BaseSelectButton from './BaseSelectButton.vue';\n\nexport default {\n    name: 'SelectButton',\n    extends: BaseSelectButton,\n    inheritAttrs: false,\n    emits: ['change'],\n    methods: {\n        getOptionLabel(option) {\n            return this.optionLabel ? resolveFieldData(option, this.optionLabel) : option;\n        },\n        getOptionValue(option) {\n            return this.optionValue ? resolveFieldData(option, this.optionValue) : option;\n        },\n        getOptionRenderKey(option) {\n            return this.dataKey ? resolveFieldData(option, this.dataKey) : this.getOptionLabel(option);\n        },\n        isOptionDisabled(option) {\n            return this.optionDisabled ? resolveFieldData(option, this.optionDisabled) : false;\n        },\n        onOptionSelect(event, option, index) {\n            if (this.disabled || this.isOptionDisabled(option)) {\n                return;\n            }\n\n            let selected = this.isSelected(option);\n\n            if (selected && !this.allowEmpty) {\n                return;\n            }\n\n            let optionValue = this.getOptionValue(option);\n            let newValue;\n\n            if (this.multiple) {\n                if (selected) newValue = this.d_value.filter((val) => !equals(val, optionValue, this.equalityKey));\n                else newValue = this.d_value ? [...this.d_value, optionValue] : [optionValue];\n            } else {\n                newValue = selected ? null : optionValue;\n            }\n\n            this.writeValue(newValue, event);\n            this.$emit('change', { event: event, value: newValue });\n        },\n        isSelected(option) {\n            let selected = false;\n            let optionValue = this.getOptionValue(option);\n\n            if (this.multiple) {\n                if (this.d_value) {\n                    for (let val of this.d_value) {\n                        if (equals(val, optionValue, this.equalityKey)) {\n                            selected = true;\n                            break;\n                        }\n                    }\n                }\n            } else {\n                selected = equals(this.d_value, optionValue, this.equalityKey);\n            }\n\n            return selected;\n        }\n    },\n    computed: {\n        equalityKey() {\n            return this.optionValue ? null : this.dataKey;\n        }\n    },\n    directives: {\n        ripple: Ripple\n    },\n    components: {\n        ToggleButton\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" role=\"group\" :aria-labelledby=\"ariaLabelledby\" v-bind=\"ptmi('root')\">\n        <template v-for=\"(option, index) of options\" :key=\"getOptionRenderKey(option)\">\n            <ToggleButton\n                :modelValue=\"isSelected(option)\"\n                :onLabel=\"getOptionLabel(option)\"\n                :offLabel=\"getOptionLabel(option)\"\n                :disabled=\"disabled || isOptionDisabled(option)\"\n                :unstyled=\"unstyled\"\n                :size=\"size\"\n                @change=\"onOptionSelect($event, option, index)\"\n                :pt=\"ptm('pcToggleButton')\"\n            >\n                <template v-if=\"$slots.option\" #default>\n                    <slot name=\"option\" :option=\"option\" :index=\"index\">\n                        <span v-bind=\"ptm('pcToggleButton')['label']\">{{ getOptionLabel(option) }}</span>\n                    </slot>\n                </template>\n            </ToggleButton>\n        </template>\n    </div>\n</template>\n\n<script>\nimport { equals, resolveFieldData } from '@primeuix/utils/object';\nimport Ripple from 'primevue/ripple';\nimport ToggleButton from 'primevue/togglebutton';\nimport BaseSelectButton from './BaseSelectButton.vue';\n\nexport default {\n    name: 'SelectButton',\n    extends: BaseSelectButton,\n    inheritAttrs: false,\n    emits: ['change'],\n    methods: {\n        getOptionLabel(option) {\n            return this.optionLabel ? resolveFieldData(option, this.optionLabel) : option;\n        },\n        getOptionValue(option) {\n            return this.optionValue ? resolveFieldData(option, this.optionValue) : option;\n        },\n        getOptionRenderKey(option) {\n            return this.dataKey ? resolveFieldData(option, this.dataKey) : this.getOptionLabel(option);\n        },\n        isOptionDisabled(option) {\n            return this.optionDisabled ? resolveFieldData(option, this.optionDisabled) : false;\n        },\n        onOptionSelect(event, option, index) {\n            if (this.disabled || this.isOptionDisabled(option)) {\n                return;\n            }\n\n            let selected = this.isSelected(option);\n\n            if (selected && !this.allowEmpty) {\n                return;\n            }\n\n            let optionValue = this.getOptionValue(option);\n            let newValue;\n\n            if (this.multiple) {\n                if (selected) newValue = this.d_value.filter((val) => !equals(val, optionValue, this.equalityKey));\n                else newValue = this.d_value ? [...this.d_value, optionValue] : [optionValue];\n            } else {\n                newValue = selected ? null : optionValue;\n            }\n\n            this.writeValue(newValue, event);\n            this.$emit('change', { event: event, value: newValue });\n        },\n        isSelected(option) {\n            let selected = false;\n            let optionValue = this.getOptionValue(option);\n\n            if (this.multiple) {\n                if (this.d_value) {\n                    for (let val of this.d_value) {\n                        if (equals(val, optionValue, this.equalityKey)) {\n                            selected = true;\n                            break;\n                        }\n                    }\n                }\n            } else {\n                selected = equals(this.d_value, optionValue, this.equalityKey);\n            }\n\n            return selected;\n        }\n    },\n    computed: {\n        equalityKey() {\n            return this.optionValue ? null : this.dataKey;\n        }\n    },\n    directives: {\n        ripple: Ripple\n    },\n    components: {\n        ToggleButton\n    }\n};\n</script>\n"],"names":["name","BaseEditableHolder","props","options","Array","optionLabel","optionValue","optionDisabled","multiple","Boolean","allowEmpty","type","dataKey","ariaLabelledby","String","size","style","SelectButtonStyle","provide","$pcSelectButton","$parentInstance","BaseSelectButton","inheritAttrs","emits","methods","getOptionLabel","option","resolveFieldData","getOptionValue","getOptionRenderKey","isOptionDisabled","onOptionSelect","event","index","_this","disabled","selected","isSelected","newValue","d_value","filter","val","equals","equalityKey","concat","_toConsumableArray","writeValue","$emit","value","_iterator","_createForOfIteratorHelper","_step","s","n","done","err","e","f","computed","directives","ripple","Ripple","components","ToggleButton","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","role","ptmi","_Fragment","_renderList","_createBlock","_component_ToggleButton","key","$options","modelValue","onLabel","offLabel","unstyled","onChange","$event","pt","ptm","$slots","_renderSlot","_createElementVNode","ref_for","_toDisplayString"],"mappings":"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"}

package/selectbutton/style/index.mjs

@@ -2,13 +2,13 @@ import BaseStyle from '@primevue/core/base/style';
 
 var theme = function theme(_ref) {
   var dt = _ref.dt;
-  return "\n.p-selectbutton {\n    display: inline-flex;\n    user-select: none;\n    vertical-align: bottom;\n    outline-color: transparent;\n    border-radius: ".concat(dt('selectbutton.border.radius'), ";\n}\n\n.p-selectbutton .p-togglebutton {\n    border-radius: 0;\n    border-width: 1px 1px 1px 0;\n}\n\n.p-selectbutton .p-togglebutton:focus-visible {\n    position: relative;\n    z-index: 1;\n}\n\n.p-selectbutton .p-togglebutton:first-child {\n    border-left-width: 1px;\n    border-top-left-radius: ").concat(dt('selectbutton.border.radius'), ";\n    border-bottom-left-radius: ").concat(dt('selectbutton.border.radius'), ";\n}\n\n.p-selectbutton .p-togglebutton:last-child {\n    border-top-right-radius: ").concat(dt('selectbutton.border.radius'), ";\n    border-bottom-right-radius: ").concat(dt('selectbutton.border.radius'), ";\n}\n\n.p-selectbutton.p-invalid {\n    outline: 1px solid ").concat(dt('selectbutton.invalid.border.color'), ";\n    outline-offset: 0;\n}\n");
+  return "\n.p-selectbutton {\n    display: inline-flex;\n    user-select: none;\n    vertical-align: bottom;\n    outline-color: transparent;\n    border-radius: ".concat(dt('selectbutton.border.radius'), ";\n}\n\n.p-selectbutton .p-togglebutton {\n    border-radius: 0;\n    border-width: 1px 1px 1px 0;\n}\n\n.p-selectbutton .p-togglebutton:focus-visible {\n    position: relative;\n    z-index: 1;\n}\n\n.p-selectbutton .p-togglebutton:first-child {\n    border-inline-start-width: 1px;\n    border-start-start-radius: ").concat(dt('selectbutton.border.radius'), ";\n    border-end-start-radius: ").concat(dt('selectbutton.border.radius'), ";\n}\n\n.p-selectbutton .p-togglebutton:last-child {\n    border-start-end-radius: ").concat(dt('selectbutton.border.radius'), ";\n    border-end-end-radius: ").concat(dt('selectbutton.border.radius'), ";\n}\n\n.p-selectbutton.p-invalid {\n    outline: 1px solid ").concat(dt('selectbutton.invalid.border.color'), ";\n    outline-offset: 0;\n}\n");
 };
 var classes = {
   root: function root(_ref2) {
-    var props = _ref2.props;
+    var instance = _ref2.instance;
     return ['p-selectbutton p-component', {
-      'p-invalid': props.invalid
+      'p-invalid': instance.$invalid // @todo: check
     }];
   }
 };

package/selectbutton/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/selectbutton/style/SelectButtonStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-selectbutton {\n    display: inline-flex;\n    user-select: none;\n    vertical-align: bottom;\n    outline-color: transparent;\n    border-radius: ${dt('selectbutton.border.radius')};\n}\n\n.p-selectbutton .p-togglebutton {\n    border-radius: 0;\n    border-width: 1px 1px 1px 0;\n}\n\n.p-selectbutton .p-togglebutton:focus-visible {\n    position: relative;\n    z-index: 1;\n}\n\n.p-selectbutton .p-togglebutton:first-child {\n    border-left-width: 1px;\n    border-top-left-radius: ${dt('selectbutton.border.radius')};\n    border-bottom-left-radius: ${dt('selectbutton.border.radius')};\n}\n\n.p-selectbutton .p-togglebutton:last-child {\n    border-top-right-radius: ${dt('selectbutton.border.radius')};\n    border-bottom-right-radius: ${dt('selectbutton.border.radius')};\n}\n\n.p-selectbutton.p-invalid {\n    outline: 1px solid ${dt('selectbutton.invalid.border.color')};\n    outline-offset: 0;\n}\n`;\n\nconst classes = {\n    root: ({ props }) => [\n        'p-selectbutton p-component',\n        {\n            'p-invalid': props.invalid\n        }\n    ]\n};\n\nexport default BaseStyle.extend({\n    name: 'selectbutton',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","props","invalid","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE,CAAA;AAAA,EAAA,OAAA,2JAAA,CAAAC,MAAA,CAMED,EAAE,CAAC,4BAA4B,CAAC,uTAAAC,MAAA,CAevBD,EAAE,CAAC,4BAA4B,CAAC,EAAA,oCAAA,CAAA,CAAAC,MAAA,CAC7BD,EAAE,CAAC,4BAA4B,CAAC,EAAAC,qFAAAA,CAAAA,CAAAA,MAAA,CAIlCD,EAAE,CAAC,4BAA4B,CAAC,EAAA,qCAAA,CAAA,CAAAC,MAAA,CAC7BD,EAAE,CAAC,4BAA4B,CAAC,EAAAC,8DAAAA,CAAAA,CAAAA,MAAA,CAIzCD,EAAE,CAAC,mCAAmC,CAAC,EAAA,gCAAA,CAAA,CAAA;AAAA,CAG/D,CAAA;AAED,IAAME,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAKC,KAAK,GAAAD,KAAA,CAALC,KAAK,CAAA;IAAA,OAAO,CACjB,4BAA4B,EAC5B;MACI,WAAW,EAAEA,KAAK,CAACC,OAAAA;AACvB,KAAC,CACJ,CAAA;AAAA,GAAA;AACL,CAAC,CAAA;AAED,wBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,cAAc;AACpBX,EAAAA,KAAK,EAALA,KAAK;AACLI,EAAAA,OAAO,EAAPA,OAAAA;AACJ,CAAC,CAAC;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/selectbutton/style/SelectButtonStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-selectbutton {\n    display: inline-flex;\n    user-select: none;\n    vertical-align: bottom;\n    outline-color: transparent;\n    border-radius: ${dt('selectbutton.border.radius')};\n}\n\n.p-selectbutton .p-togglebutton {\n    border-radius: 0;\n    border-width: 1px 1px 1px 0;\n}\n\n.p-selectbutton .p-togglebutton:focus-visible {\n    position: relative;\n    z-index: 1;\n}\n\n.p-selectbutton .p-togglebutton:first-child {\n    border-inline-start-width: 1px;\n    border-start-start-radius: ${dt('selectbutton.border.radius')};\n    border-end-start-radius: ${dt('selectbutton.border.radius')};\n}\n\n.p-selectbutton .p-togglebutton:last-child {\n    border-start-end-radius: ${dt('selectbutton.border.radius')};\n    border-end-end-radius: ${dt('selectbutton.border.radius')};\n}\n\n.p-selectbutton.p-invalid {\n    outline: 1px solid ${dt('selectbutton.invalid.border.color')};\n    outline-offset: 0;\n}\n`;\n\nconst classes = {\n    root: ({ instance }) => [\n        'p-selectbutton p-component',\n        {\n            'p-invalid': instance.$invalid // @todo: check\n        }\n    ]\n};\n\nexport default BaseStyle.extend({\n    name: 'selectbutton',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","instance","$invalid","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE;AAAA,EAAA,OAAA,2JAAA,CAAAC,MAAA,CAMED,EAAE,CAAC,4BAA4B,CAAC,kUAAAC,MAAA,CAepBD,EAAE,CAAC,4BAA4B,CAAC,EAAA,kCAAA,CAAA,CAAAC,MAAA,CAClCD,EAAE,CAAC,4BAA4B,CAAC,EAAAC,qFAAAA,CAAAA,CAAAA,MAAA,CAIhCD,EAAE,CAAC,4BAA4B,CAAC,EAAA,gCAAA,CAAA,CAAAC,MAAA,CAClCD,EAAE,CAAC,4BAA4B,CAAC,EAAAC,8DAAAA,CAAAA,CAAAA,MAAA,CAIpCD,EAAE,CAAC,mCAAmC,CAAC,EAAA,gCAAA,CAAA;AAAA,CAG/D;AAED,IAAME,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAKC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IAAA,OAAO,CACpB,4BAA4B,EAC5B;AACI,MAAA,WAAW,EAAEA,QAAQ,CAACC,QAAQ;AAClC,KAAC,CACJ;AAAA;AACL,CAAC;AAED,wBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,cAAc;AACpBX,EAAAA,KAAK,EAALA,KAAK;AACLI,EAAAA,OAAO,EAAPA;AACJ,CAAC,CAAC;;;;"}

package/sidebar/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/sidebar/Sidebar.vue"],"sourcesContent":["<script>\nimport Drawer from 'primevue/drawer';\n\nexport default {\n    name: 'Sidebar',\n    extends: Drawer,\n    mounted() {\n        console.warn('Deprecated since v4. Use Drawer component instead.');\n    }\n};\n</script>\n"],"names":["name","Drawer","mounted","console","warn"],"mappings":";;AAGA,aAAe;AACXA,EAAAA,IAAI,EAAE,SAAS;AACf,EAAA,SAAA,EAASC,MAAM;EACfC,OAAO,EAAA,SAAPA,OAAOA,GAAG;AACNC,IAAAA,OAAO,CAACC,IAAI,CAAC,oDAAoD,CAAC,CAAA;AACtE,GAAA;AACJ,CAAC;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../src/sidebar/Sidebar.vue"],"sourcesContent":["<script>\nimport Drawer from 'primevue/drawer';\n\nexport default {\n    name: 'Sidebar',\n    extends: Drawer,\n    mounted() {\n        console.warn('Deprecated since v4. Use Drawer component instead.');\n    }\n};\n</script>\n"],"names":["name","Drawer","mounted","console","warn"],"mappings":";;AAGA,aAAe;AACXA,EAAAA,IAAI,EAAE,SAAS;AACf,EAAA,SAAA,EAASC,MAAM;EACfC,OAAO,EAAA,SAAPA,OAAOA,GAAG;AACNC,IAAAA,OAAO,CAACC,IAAI,CAAC,oDAAoD,CAAC;AACtE;AACJ,CAAC;;;;"}

package/sidebar/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/sidebar/style/SidebarStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nexport default BaseStyle.extend({\n    name: 'sidebar'\n});\n"],"names":["BaseStyle","extend","name"],"mappings":";;AAEA,mBAAeA,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,SAAA;AACV,CAAC,CAAC;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/sidebar/style/SidebarStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nexport default BaseStyle.extend({\n    name: 'sidebar'\n});\n"],"names":["BaseStyle","extend","name"],"mappings":";;AAEA,mBAAeA,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE;AACV,CAAC,CAAC;;;;"}

package/skeleton/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/skeleton/BaseSkeleton.vue","../../src/skeleton/Skeleton.vue","../../src/skeleton/Skeleton.vue?vue&type=template&id=c4ee700c&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport SkeletonStyle from 'primevue/skeleton/style';\n\nexport default {\n    name: 'BaseSkeleton',\n    extends: BaseComponent,\n    props: {\n        shape: {\n            type: String,\n            default: 'rectangle'\n        },\n        size: {\n            type: String,\n            default: null\n        },\n        width: {\n            type: String,\n            default: '100%'\n        },\n        height: {\n            type: String,\n            default: '1rem'\n        },\n        borderRadius: {\n            type: String,\n            default: null\n        },\n        animation: {\n            type: String,\n            default: 'wave'\n        }\n    },\n    style: SkeletonStyle,\n    provide() {\n        return {\n            $pcSkeleton: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" :style=\"[sx('root'), containerStyle]\" aria-hidden=\"true\" v-bind=\"ptmi('root')\"></div>\n</template>\n\n<script>\nimport BaseSkeleton from './BaseSkeleton.vue';\n\nexport default {\n    name: 'Skeleton',\n    extends: BaseSkeleton,\n    inheritAttrs: false,\n    computed: {\n        containerStyle() {\n            if (this.size) return { width: this.size, height: this.size, borderRadius: this.borderRadius };\n            else return { width: this.width, height: this.height, borderRadius: this.borderRadius };\n        }\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" :style=\"[sx('root'), containerStyle]\" aria-hidden=\"true\" v-bind=\"ptmi('root')\"></div>\n</template>\n\n<script>\nimport BaseSkeleton from './BaseSkeleton.vue';\n\nexport default {\n    name: 'Skeleton',\n    extends: BaseSkeleton,\n    inheritAttrs: false,\n    computed: {\n        containerStyle() {\n            if (this.size) return { width: this.size, height: this.size, borderRadius: this.borderRadius };\n            else return { width: this.width, height: this.height, borderRadius: this.borderRadius };\n        }\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","shape","type","String","size","width","height","borderRadius","animation","style","SkeletonStyle","provide","$pcSkeleton","$parentInstance","BaseSkeleton","inheritAttrs","computed","containerStyle","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","sx","$options","ptmi"],"mappings":";;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,cAAc;AACpB,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE;AACHC,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA,WAAA;KACZ;AACDC,IAAAA,IAAI,EAAE;AACFF,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA,IAAA;KACZ;AACDE,IAAAA,KAAK,EAAE;AACHH,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA,MAAA;KACZ;AACDG,IAAAA,MAAM,EAAE;AACJJ,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA,MAAA;KACZ;AACDI,IAAAA,YAAY,EAAE;AACVL,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA,IAAA;KACZ;AACDK,IAAAA,SAAS,EAAE;AACPN,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA,MAAA;AACb,KAAA;GACH;AACDM,EAAAA,KAAK,EAAEC,aAAa;EACpBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,WAAW,EAAE,IAAI;AACjBC,MAAAA,eAAe,EAAE,IAAA;KACpB,CAAA;AACL,GAAA;AACJ,CAAC;;ACjCD,aAAe;AACXf,EAAAA,IAAI,EAAE,UAAU;AAChB,EAAA,SAAA,EAASgB,QAAY;AACrBC,EAAAA,YAAY,EAAE,KAAK;AACnBC,EAAAA,QAAQ,EAAE;IACNC,cAAc,EAAA,SAAdA,cAAcA,GAAG;AACb,MAAA,IAAI,IAAI,CAACb,IAAI,EAAE,OAAO;QAAEC,KAAK,EAAE,IAAI,CAACD,IAAI;QAAEE,MAAM,EAAE,IAAI,CAACF,IAAI;QAAEG,YAAY,EAAE,IAAI,CAACA,YAAAA;OAAc,CAAA,KACzF,OAAO;QAAEF,KAAK,EAAE,IAAI,CAACA,KAAK;QAAEC,MAAM,EAAE,IAAI,CAACA,MAAM;QAAEC,YAAY,EAAE,IAAI,CAACA,YAAAA;OAAc,CAAA;AAC3F,KAAA;AACJ,GAAA;AACJ,CAAC;;;EChBG,OAAAW,SAAA,EAAA,EAAAC,kBAAA,CAA6G,OAA7GC,UAA6G,CAAA;AAAvG,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA;AAAWb,IAAAA,KAAK,EAAA,CAAGY,IAAE,CAAAE,EAAA,CAAA,MAAA,CAAA,EAAUC,QAAc,CAAAP,cAAA,CAAA;AAAG,IAAA,aAAW,EAAC,MAAA;KAAeI,IAAI,CAAAI,IAAA,CAAA,MAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,CAAA;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../src/skeleton/BaseSkeleton.vue","../../src/skeleton/Skeleton.vue","../../src/skeleton/Skeleton.vue?vue&type=template&id=c4ee700c&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport SkeletonStyle from 'primevue/skeleton/style';\n\nexport default {\n    name: 'BaseSkeleton',\n    extends: BaseComponent,\n    props: {\n        shape: {\n            type: String,\n            default: 'rectangle'\n        },\n        size: {\n            type: String,\n            default: null\n        },\n        width: {\n            type: String,\n            default: '100%'\n        },\n        height: {\n            type: String,\n            default: '1rem'\n        },\n        borderRadius: {\n            type: String,\n            default: null\n        },\n        animation: {\n            type: String,\n            default: 'wave'\n        }\n    },\n    style: SkeletonStyle,\n    provide() {\n        return {\n            $pcSkeleton: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" :style=\"[sx('root'), containerStyle]\" aria-hidden=\"true\" v-bind=\"ptmi('root')\"></div>\n</template>\n\n<script>\nimport BaseSkeleton from './BaseSkeleton.vue';\n\nexport default {\n    name: 'Skeleton',\n    extends: BaseSkeleton,\n    inheritAttrs: false,\n    computed: {\n        containerStyle() {\n            if (this.size) return { width: this.size, height: this.size, borderRadius: this.borderRadius };\n            else return { width: this.width, height: this.height, borderRadius: this.borderRadius };\n        }\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('root')\" :style=\"[sx('root'), containerStyle]\" aria-hidden=\"true\" v-bind=\"ptmi('root')\"></div>\n</template>\n\n<script>\nimport BaseSkeleton from './BaseSkeleton.vue';\n\nexport default {\n    name: 'Skeleton',\n    extends: BaseSkeleton,\n    inheritAttrs: false,\n    computed: {\n        containerStyle() {\n            if (this.size) return { width: this.size, height: this.size, borderRadius: this.borderRadius };\n            else return { width: this.width, height: this.height, borderRadius: this.borderRadius };\n        }\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","shape","type","String","size","width","height","borderRadius","animation","style","SkeletonStyle","provide","$pcSkeleton","$parentInstance","BaseSkeleton","inheritAttrs","computed","containerStyle","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","sx","$options","ptmi"],"mappings":";;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,cAAc;AACpB,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE;AACHC,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA;KACZ;AACDC,IAAAA,IAAI,EAAE;AACFF,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA;KACZ;AACDE,IAAAA,KAAK,EAAE;AACHH,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA;KACZ;AACDG,IAAAA,MAAM,EAAE;AACJJ,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA;KACZ;AACDI,IAAAA,YAAY,EAAE;AACVL,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA;KACZ;AACDK,IAAAA,SAAS,EAAE;AACPN,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA;AACb;GACH;AACDM,EAAAA,KAAK,EAAEC,aAAa;EACpBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,WAAW,EAAE,IAAI;AACjBC,MAAAA,eAAe,EAAE;KACpB;AACL;AACJ,CAAC;;ACjCD,aAAe;AACXf,EAAAA,IAAI,EAAE,UAAU;AAChB,EAAA,SAAA,EAASgB,QAAY;AACrBC,EAAAA,YAAY,EAAE,KAAK;AACnBC,EAAAA,QAAQ,EAAE;IACNC,cAAc,EAAA,SAAdA,cAAcA,GAAG;AACb,MAAA,IAAI,IAAI,CAACb,IAAI,EAAE,OAAO;QAAEC,KAAK,EAAE,IAAI,CAACD,IAAI;QAAEE,MAAM,EAAE,IAAI,CAACF,IAAI;QAAEG,YAAY,EAAE,IAAI,CAACA;OAAc,CAAA,KACzF,OAAO;QAAEF,KAAK,EAAE,IAAI,CAACA,KAAK;QAAEC,MAAM,EAAE,IAAI,CAACA,MAAM;QAAEC,YAAY,EAAE,IAAI,CAACA;OAAc;AAC3F;AACJ;AACJ,CAAC;;;EChBG,OAAAW,SAAA,EAAA,EAAAC,kBAAA,CAA6G,OAA7GC,UAA6G,CAAA;AAAvG,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA;AAAWb,IAAAA,KAAK,EAAA,CAAGY,IAAE,CAAAE,EAAA,CAAA,MAAA,CAAA,EAAUC,QAAc,CAAAP,cAAA,CAAA;AAAG,IAAA,aAAW,EAAC;KAAeI,IAAI,CAAAI,IAAA,CAAA,MAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA;;;;;;;"}

package/skeleton/style/index.mjs

@@ -2,7 +2,7 @@ import BaseStyle from '@primevue/core/base/style';
 
 var theme = function theme(_ref) {
   var dt = _ref.dt;
-  return "\n.p-skeleton {\n    overflow: hidden;\n    background: ".concat(dt('skeleton.background'), ";\n    border-radius: ").concat(dt('skeleton.border.radius'), ";\n}\n\n.p-skeleton::after {\n    content: \"\";\n    animation: p-skeleton-animation 1.2s infinite;\n    height: 100%;\n    left: 0;\n    position: absolute;\n    right: 0;\n    top: 0;\n    transform: translateX(-100%);\n    z-index: 1;\n    background: linear-gradient( 90deg, rgba(255, 255, 255, 0), ").concat(dt('skeleton.animation.background'), ", rgba(255, 255, 255, 0) );\n}\n\n.p-skeleton-circle {\n    border-radius: 50%;\n}\n\n.p-skeleton-animation-none::after {\n    animation: none;\n}\n\n@keyframes p-skeleton-animation {\n    from {\n        transform: translateX(-100%);\n    }\n    to {\n        transform: translateX(100%);\n    }\n}\n");
+  return "\n.p-skeleton {\n    overflow: hidden;\n    background: ".concat(dt('skeleton.background'), ";\n    border-radius: ").concat(dt('skeleton.border.radius'), ";\n}\n\n.p-skeleton::after {\n    content: \"\";\n    animation: p-skeleton-animation 1.2s infinite;\n    height: 100%;\n    left: 0;\n    position: absolute;\n    right: 0;\n    top: 0;\n    transform: translateX(-100%);\n    z-index: 1;\n    background: linear-gradient(90deg, rgba(255, 255, 255, 0), ").concat(dt('skeleton.animation.background'), ", rgba(255, 255, 255, 0));\n}\n\n[dir='rtl'] .p-skeleton::after {\n    animation-name: p-skeleton-animation-rtl;\n}\n\n.p-skeleton-circle {\n    border-radius: 50%;\n}\n\n.p-skeleton-animation-none::after {\n    animation: none;\n}\n\n@keyframes p-skeleton-animation {\n    from {\n        transform: translateX(-100%);\n    }\n    to {\n        transform: translateX(100%);\n    }\n}\n\n@keyframes p-skeleton-animation-rtl {\n    from {\n        transform: translateX(100%);\n    }\n    to {\n        transform: translateX(-100%);\n    }\n}\n");
 };
 var inlineStyles = {
   root: {

package/skeleton/style/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/skeleton/style/SkeletonStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-skeleton {\n    overflow: hidden;\n    background: ${dt('skeleton.background')};\n    border-radius: ${dt('skeleton.border.radius')};\n}\n\n.p-skeleton::after {\n    content: \"\";\n    animation: p-skeleton-animation 1.2s infinite;\n    height: 100%;\n    left: 0;\n    position: absolute;\n    right: 0;\n    top: 0;\n    transform: translateX(-100%);\n    z-index: 1;\n    background: linear-gradient( 90deg, rgba(255, 255, 255, 0), ${dt('skeleton.animation.background')}, rgba(255, 255, 255, 0) );\n}\n\n.p-skeleton-circle {\n    border-radius: 50%;\n}\n\n.p-skeleton-animation-none::after {\n    animation: none;\n}\n\n@keyframes p-skeleton-animation {\n    from {\n        transform: translateX(-100%);\n    }\n    to {\n        transform: translateX(100%);\n    }\n}\n`;\n\nconst inlineStyles = {\n    root: { position: 'relative' }\n};\n\nconst classes = {\n    root: ({ props }) => [\n        'p-skeleton p-component',\n        {\n            'p-skeleton-circle': props.shape === 'circle',\n            'p-skeleton-animation-none': props.animation === 'none'\n        }\n    ]\n};\n\nexport default BaseStyle.extend({\n    name: 'skeleton',\n    theme,\n    classes,\n    inlineStyles\n});\n"],"names":["theme","_ref","dt","concat","inlineStyles","root","position","classes","_ref2","props","shape","animation","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE,CAAA;AAAA,EAAA,OAAA,0DAAA,CAAAC,MAAA,CAGDD,EAAE,CAAC,qBAAqB,CAAC,4BAAAC,MAAA,CACtBD,EAAE,CAAC,wBAAwB,CAAC,EAAAC,kTAAAA,CAAAA,CAAAA,MAAA,CAaiBD,EAAE,CAAC,+BAA+B,CAAC,EAAA,+SAAA,CAAA,CAAA;AAAA,CAmBpG,CAAA;AAED,IAAME,YAAY,GAAG;AACjBC,EAAAA,IAAI,EAAE;AAAEC,IAAAA,QAAQ,EAAE,UAAA;AAAW,GAAA;AACjC,CAAC,CAAA;AAED,IAAMC,OAAO,GAAG;AACZF,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAG,KAAA,EAAA;AAAA,IAAA,IAAKC,KAAK,GAAAD,KAAA,CAALC,KAAK,CAAA;IAAA,OAAO,CACjB,wBAAwB,EACxB;AACI,MAAA,mBAAmB,EAAEA,KAAK,CAACC,KAAK,KAAK,QAAQ;AAC7C,MAAA,2BAA2B,EAAED,KAAK,CAACE,SAAS,KAAK,MAAA;AACrD,KAAC,CACJ,CAAA;AAAA,GAAA;AACL,CAAC,CAAA;AAED,oBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,UAAU;AAChBd,EAAAA,KAAK,EAALA,KAAK;AACLO,EAAAA,OAAO,EAAPA,OAAO;AACPH,EAAAA,YAAY,EAAZA,YAAAA;AACJ,CAAC,CAAC;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../src/skeleton/style/SkeletonStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-skeleton {\n    overflow: hidden;\n    background: ${dt('skeleton.background')};\n    border-radius: ${dt('skeleton.border.radius')};\n}\n\n.p-skeleton::after {\n    content: \"\";\n    animation: p-skeleton-animation 1.2s infinite;\n    height: 100%;\n    left: 0;\n    position: absolute;\n    right: 0;\n    top: 0;\n    transform: translateX(-100%);\n    z-index: 1;\n    background: linear-gradient(90deg, rgba(255, 255, 255, 0), ${dt('skeleton.animation.background')}, rgba(255, 255, 255, 0));\n}\n\n[dir='rtl'] .p-skeleton::after {\n    animation-name: p-skeleton-animation-rtl;\n}\n\n.p-skeleton-circle {\n    border-radius: 50%;\n}\n\n.p-skeleton-animation-none::after {\n    animation: none;\n}\n\n@keyframes p-skeleton-animation {\n    from {\n        transform: translateX(-100%);\n    }\n    to {\n        transform: translateX(100%);\n    }\n}\n\n@keyframes p-skeleton-animation-rtl {\n    from {\n        transform: translateX(100%);\n    }\n    to {\n        transform: translateX(-100%);\n    }\n}\n`;\n\nconst inlineStyles = {\n    root: { position: 'relative' }\n};\n\nconst classes = {\n    root: ({ props }) => [\n        'p-skeleton p-component',\n        {\n            'p-skeleton-circle': props.shape === 'circle',\n            'p-skeleton-animation-none': props.animation === 'none'\n        }\n    ]\n};\n\nexport default BaseStyle.extend({\n    name: 'skeleton',\n    theme,\n    classes,\n    inlineStyles\n});\n"],"names":["theme","_ref","dt","concat","inlineStyles","root","position","classes","_ref2","props","shape","animation","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE;AAAA,EAAA,OAAA,0DAAA,CAAAC,MAAA,CAGDD,EAAE,CAAC,qBAAqB,CAAC,4BAAAC,MAAA,CACtBD,EAAE,CAAC,wBAAwB,CAAC,EAAAC,iTAAAA,CAAAA,CAAAA,MAAA,CAagBD,EAAE,CAAC,+BAA+B,CAAC,EAAA,iiBAAA,CAAA;AAAA,CAgCnG;AAED,IAAME,YAAY,GAAG;AACjBC,EAAAA,IAAI,EAAE;AAAEC,IAAAA,QAAQ,EAAE;AAAW;AACjC,CAAC;AAED,IAAMC,OAAO,GAAG;AACZF,EAAAA,IAAI,EAAE,SAANA,IAAIA,CAAAG,KAAA,EAAA;AAAA,IAAA,IAAKC,KAAK,GAAAD,KAAA,CAALC,KAAK;IAAA,OAAO,CACjB,wBAAwB,EACxB;AACI,MAAA,mBAAmB,EAAEA,KAAK,CAACC,KAAK,KAAK,QAAQ;AAC7C,MAAA,2BAA2B,EAAED,KAAK,CAACE,SAAS,KAAK;AACrD,KAAC,CACJ;AAAA;AACL,CAAC;AAED,oBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,UAAU;AAChBd,EAAAA,KAAK,EAALA,KAAK;AACLO,EAAAA,OAAO,EAAPA,OAAO;AACPH,EAAAA,YAAY,EAAZA;AACJ,CAAC,CAAC;;;;"}

package/slider/BaseSlider.vue

@@ -1,12 +1,11 @@
 <script>
-import BaseComponent from '@primevue/core/basecomponent';
+import BaseEditableHolder from '@primevue/core/baseeditableholder';
 import SliderStyle from 'primevue/slider/style';
 
 export default {
     name: 'BaseSlider',
-    extends: BaseComponent,
+    extends: BaseEditableHolder,
     props: {
-        modelValue: [Number, Array],
         min: {
             type: Number,
             default: 0
@@ -27,10 +26,6 @@ export default {
             type: Boolean,
             default: false
         },
-        disabled: {
-            type: Boolean,
-            default: false
-        },
         tabindex: {
             type: Number,
             default: 0