primevue 4.0.0 → 4.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/style/index.mjs +1 -1
- package/accordion/style/index.mjs.map +1 -1
- package/autocomplete/AutoComplete.vue +14 -5
- package/autocomplete/BaseAutoComplete.vue +1 -1
- package/autocomplete/index.d.ts +2 -2
- package/autocomplete/index.mjs +15 -5
- package/autocomplete/index.mjs.map +1 -1
- package/autocomplete/style/index.mjs +1 -1
- package/autocomplete/style/index.mjs.map +1 -1
- package/button/BaseButton.vue +1 -1
- package/button/Button.vue +7 -0
- package/button/index.d.ts +2 -2
- package/button/index.mjs +10 -1
- package/button/index.mjs.map +1 -1
- package/button/style/index.mjs +1 -1
- package/button/style/index.mjs.map +1 -1
- package/cascadeselect/BaseCascadeSelect.vue +1 -1
- package/cascadeselect/CascadeSelect.vue +10 -4
- package/cascadeselect/index.d.ts +6 -2
- package/cascadeselect/index.mjs +11 -3
- package/cascadeselect/index.mjs.map +1 -1
- package/cascadeselect/style/index.mjs +1 -1
- package/cascadeselect/style/index.mjs.map +1 -1
- package/checkbox/Checkbox.vue +2 -1
- package/checkbox/index.d.ts +5 -0
- package/checkbox/index.mjs +1 -0
- package/checkbox/index.mjs.map +1 -1
- package/colorpicker/ColorPicker.vue +1 -1
- package/colorpicker/index.d.ts +4 -0
- package/colorpicker/index.mjs +2 -1
- package/colorpicker/index.mjs.map +1 -1
- package/confirmdialog/ConfirmDialog.vue +4 -7
- package/confirmdialog/index.mjs +6 -12
- package/confirmdialog/index.mjs.map +1 -1
- package/confirmpopup/ConfirmPopup.vue +7 -10
- package/confirmpopup/index.mjs +8 -14
- package/confirmpopup/index.mjs.map +1 -1
- package/datatable/BodyCell.vue +8 -5
- package/datatable/HeaderCell.vue +2 -2
- package/datatable/HeaderCheckbox.vue +1 -1
- package/datatable/RowCheckbox.vue +1 -1
- package/datatable/index.mjs +20 -17
- package/datatable/index.mjs.map +1 -1
- package/datatable/style/index.mjs +1 -1
- package/datatable/style/index.mjs.map +1 -1
- package/datepicker/BaseDatePicker.vue +1 -1
- package/datepicker/DatePicker.vue +8 -1
- package/datepicker/index.d.ts +2 -2
- package/datepicker/index.mjs +13 -4
- package/datepicker/index.mjs.map +1 -1
- package/datepicker/style/index.mjs +4 -3
- package/datepicker/style/index.mjs.map +1 -1
- package/fileupload/index.mjs +1 -1
- package/floatlabel/index.d.ts +1 -1
- package/fluid/BaseFluid.vue +16 -0
- package/fluid/Fluid.vue +15 -0
- package/fluid/index.d.ts +130 -0
- package/fluid/index.mjs +32 -0
- package/fluid/index.mjs.map +1 -0
- package/fluid/package.json +11 -0
- package/fluid/style/index.d.ts +19 -0
- package/fluid/style/index.mjs +12 -0
- package/fluid/style/index.mjs.map +1 -0
- package/fluid/style/package.json +6 -0
- package/galleria/GalleriaItem.vue +5 -5
- package/galleria/GalleriaThumbnails.vue +6 -6
- package/galleria/index.mjs +16 -16
- package/galleria/index.mjs.map +1 -1
- package/galleria/style/index.d.ts +4 -4
- package/galleria/style/index.mjs +8 -8
- package/galleria/style/index.mjs.map +1 -1
- package/iconfield/style/index.mjs +1 -1
- package/iconfield/style/index.mjs.map +1 -1
- package/inputgroup/BaseInputGroup.vue +1 -1
- package/inputgroup/InputGroup.vue +10 -1
- package/inputgroup/index.d.ts +2 -2
- package/inputgroup/index.mjs +13 -2
- package/inputgroup/index.mjs.map +1 -1
- package/inputgroup/style/index.mjs +2 -2
- package/inputgroup/style/index.mjs.map +1 -1
- package/inputmask/InputMask.vue +5 -1
- package/inputmask/index.d.ts +7 -2
- package/inputmask/index.mjs +5 -2
- package/inputmask/index.mjs.map +1 -1
- package/inputnumber/BaseInputNumber.vue +1 -1
- package/inputnumber/InputNumber.vue +8 -2
- package/inputnumber/index.d.ts +2 -2
- package/inputnumber/index.mjs +10 -2
- package/inputnumber/index.mjs.map +1 -1
- package/inputnumber/style/index.mjs +1 -1
- package/inputnumber/style/index.mjs.map +1 -1
- package/inputtext/BaseInputText.vue +1 -1
- package/inputtext/InputText.vue +7 -0
- package/inputtext/index.d.ts +2 -2
- package/inputtext/index.mjs +10 -1
- package/inputtext/index.mjs.map +1 -1
- package/inputtext/style/index.mjs +1 -1
- package/inputtext/style/index.mjs.map +1 -1
- package/listbox/Listbox.vue +3 -3
- package/listbox/index.mjs +7 -6
- package/listbox/index.mjs.map +1 -1
- package/menubar/index.d.ts +1 -1
- package/multiselect/BaseMultiSelect.vue +1 -1
- package/multiselect/MultiSelect.vue +7 -1
- package/multiselect/index.d.ts +6 -2
- package/multiselect/index.mjs +10 -2
- package/multiselect/index.mjs.map +1 -1
- package/multiselect/style/index.mjs +1 -1
- package/multiselect/style/index.mjs.map +1 -1
- package/package.json +5 -3
- package/paginator/Paginator.vue +2 -2
- package/paginator/index.mjs +3 -2
- package/paginator/index.mjs.map +1 -1
- package/password/BasePassword.vue +1 -1
- package/password/Password.vue +10 -2
- package/password/index.d.ts +2 -2
- package/password/index.mjs +13 -3
- package/password/index.mjs.map +1 -1
- package/password/style/index.mjs +2 -3
- package/password/style/index.mjs.map +1 -1
- package/picklist/PickList.vue +9 -9
- package/picklist/index.d.ts +4 -4
- package/picklist/index.mjs +9 -9
- package/picklist/index.mjs.map +1 -1
- package/select/BaseSelect.vue +1 -1
- package/select/Select.vue +14 -5
- package/select/index.d.ts +2 -2
- package/select/index.mjs +21 -9
- package/select/index.mjs.map +1 -1
- package/select/style/index.mjs +1 -1
- package/select/style/index.mjs.map +1 -1
- package/selectbutton/index.mjs +1 -1
- package/speeddial/SpeedDial.vue +3 -3
- package/speeddial/index.mjs +3 -3
- package/speeddial/index.mjs.map +1 -1
- package/splitbutton/BaseSplitButton.vue +1 -1
- package/splitbutton/SplitButton.vue +8 -1
- package/splitbutton/index.d.ts +3 -3
- package/splitbutton/index.mjs +11 -2
- package/splitbutton/index.mjs.map +1 -1
- package/splitbutton/style/index.mjs +3 -2
- package/splitbutton/style/index.mjs.map +1 -1
- package/step/Step.vue +6 -6
- package/step/index.mjs +7 -7
- package/step/index.mjs.map +1 -1
- package/step/style/index.mjs +2 -3
- package/step/style/index.mjs.map +1 -1
- package/steppanel/StepPanel.vue +1 -1
- package/steppanel/index.mjs +2 -4
- package/steppanel/index.mjs.map +1 -1
- package/stepper/style/index.mjs +1 -1
- package/stepper/style/index.mjs.map +1 -1
- package/tablist/TabList.vue +7 -3
- package/tablist/index.d.ts +6 -2
- package/tablist/index.mjs +8 -4
- package/tablist/index.mjs.map +1 -1
- package/tablist/style/index.d.ts +3 -3
- package/tablist/style/index.mjs +2 -2
- package/tablist/style/index.mjs.map +1 -1
- package/tabs/style/index.mjs +1 -1
- package/tabs/style/index.mjs.map +1 -1
- package/textarea/BaseTextarea.vue +1 -1
- package/textarea/Textarea.vue +7 -0
- package/textarea/index.d.ts +2 -2
- package/textarea/index.mjs +10 -1
- package/textarea/index.mjs.map +1 -1
- package/textarea/style/index.mjs +1 -1
- package/textarea/style/index.mjs.map +1 -1
- package/toast/Toast.vue +2 -1
- package/toast/index.mjs +3 -2
- package/toast/index.mjs.map +1 -1
- package/tree/Tree.vue +3 -3
- package/tree/TreeNode.vue +1 -1
- package/tree/index.mjs +16 -13
- package/tree/index.mjs.map +1 -1
- package/treenode/index.d.ts +1 -1
- package/treeselect/BaseTreeSelect.vue +1 -1
- package/treeselect/TreeSelect.vue +9 -2
- package/treeselect/index.d.ts +2 -2
- package/treeselect/index.mjs +12 -3
- package/treeselect/index.mjs.map +1 -1
- package/treeselect/style/index.mjs +1 -1
- package/treeselect/style/index.mjs.map +1 -1
- package/treetable/index.mjs +2 -2
- package/umd/primevue.min.js +1 -1
- package/web-types.json +1 -1
|
@@ -2,7 +2,7 @@ import BaseStyle from '@primevue/core/base/style';
|
|
|
2
2
|
|
|
3
3
|
var theme = function theme(_ref) {
|
|
4
4
|
var dt = _ref.dt;
|
|
5
|
-
return "\n.p-accordionpanel {\n display: flex;\n flex-direction: column;\n border-style: solid;\n border-width: ".concat(dt('accordion.panel.border.width'), ";\n border-color: ").concat(dt('accordion.panel.border.color'), ";\n}\n\n.p-accordionheader {\n all: unset;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: ").concat(dt('accordion.header.padding'), ";\n color: ").concat(dt('accordion.header.color'), ";\n background: ").concat(dt('accordion.header.background'), ";\n border-style: solid;\n border-width: ").concat(dt('accordion.header.border.width'), ";\n border-color: ").concat(dt('accordion.header.border.color'), ";\n font-weight: ").concat(dt('accordion.header.font.weight'), ";\n border-radius: ").concat(dt('accordion.header.border.radius'), ";\n transition: background ").concat(dt('accordion.transition.duration'), "; color ").concat(dt('accordion.transition.duration'), "color ").concat(dt('accordion.transition.duration'), ", outline-color ").concat(dt('accordion.transition.duration'), ", box-shadow ").concat(dt('accordion.transition.duration'), ";\n outline-color: transparent;\n}\n\n.p-accordionpanel:first-child > .p-accordionheader {\n border-width: ").concat(dt('accordion.header.first.border.width'), ";\n border-top-left-radius: ").concat(dt('accordion.header.first.top.border.radius'), ";\n border-top-right-radius: ").concat(dt('accordion.header.first.top.border.radius'), ";\n}\n\n.p-accordionpanel:last-child > .p-accordionheader {\n border-bottom-left-radius: ").concat(dt('accordion.header.last.bottom.border.radius'), ";\n border-bottom-right-radius: ").concat(dt('accordion.header.last.bottom.border.radius'), ";\n}\n\n.p-accordionpanel:last-child.p-accordionpanel-active > .p-accordionheader {\n border-bottom-left-radius: ").concat(dt('accordion.header.last.active.bottom.border.radius'), ";\n border-bottom-right-radius:").concat(dt('accordion.header.last.active.bottom.border.radius'), ";\n}\n\n.p-accordionheader-toggle-icon {\n color: ").concat(dt('accordion.header.toggle.icon.color'), ";\n}\n\n.p-accordionpanel:not(.p-disabled) .p-accordionheader:focus-visible {\n box-shadow: ").concat(dt('accordion.header.focus.ring.shadow'), ";\n outline: ").concat(dt('accordion.header.focus.ring.width'), " ").concat(dt('accordion.header.focus.ring.style'), " ").concat(dt('accordion.header.focus.ring.color'), ";\n outline-offset: ").concat(dt('accordion.header.focus.ring.offset'), ";\n}\n\n.p-accordionpanel:not(.p-accordionpanel-active):not(.p-disabled) > .p-accordionheader:hover {\n background: ").concat(dt('accordion.header.hover.background'), ";\n color: ").concat(dt('accordion.header.hover.color'), "\n}\n\n.p-accordionpanel:not(.p-accordionpanel-active):not(.p-disabled) .p-accordionheader:hover .p-accordionheader-toggle-icon {\n color: ").concat(dt('accordion.header.toggle.icon.hover.color'), ";\n}\n\n.p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader {\n background: ").concat(dt('accordion.header.active.background'), ";\n color: ").concat(dt('accordion.header.active.color'), "\n}\n\n.p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader .p-accordionheader-toggle-icon {\n color: ").concat(dt('accordion.header.toggle.icon.active.color'), ";\n}\n\n.p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader:hover {\n background: ").concat(dt('accordion.header.active.hover.background'), ";\n color: ").concat(dt('accordion.header.active.hover.color'), "\n}\n\n.p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader:hover .p-accordionheader-toggle-icon {\n color: ").concat(dt('accordion.header.toggle.icon.active.hover.color'), ";\n}\n\n.p-accordioncontent-content {\n border-style: solid;\n border-width: ").concat(dt('accordion.content.border.width'), ";\n border-color: ").concat(dt('accordion.content.border.color'), ";\n background
|
|
5
|
+
return "\n.p-accordionpanel {\n display: flex;\n flex-direction: column;\n border-style: solid;\n border-width: ".concat(dt('accordion.panel.border.width'), ";\n border-color: ").concat(dt('accordion.panel.border.color'), ";\n}\n\n.p-accordionheader {\n all: unset;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: ").concat(dt('accordion.header.padding'), ";\n color: ").concat(dt('accordion.header.color'), ";\n background: ").concat(dt('accordion.header.background'), ";\n border-style: solid;\n border-width: ").concat(dt('accordion.header.border.width'), ";\n border-color: ").concat(dt('accordion.header.border.color'), ";\n font-weight: ").concat(dt('accordion.header.font.weight'), ";\n border-radius: ").concat(dt('accordion.header.border.radius'), ";\n transition: background ").concat(dt('accordion.transition.duration'), "; color ").concat(dt('accordion.transition.duration'), "color ").concat(dt('accordion.transition.duration'), ", outline-color ").concat(dt('accordion.transition.duration'), ", box-shadow ").concat(dt('accordion.transition.duration'), ";\n outline-color: transparent;\n}\n\n.p-accordionpanel:first-child > .p-accordionheader {\n border-width: ").concat(dt('accordion.header.first.border.width'), ";\n border-top-left-radius: ").concat(dt('accordion.header.first.top.border.radius'), ";\n border-top-right-radius: ").concat(dt('accordion.header.first.top.border.radius'), ";\n}\n\n.p-accordionpanel:last-child > .p-accordionheader {\n border-bottom-left-radius: ").concat(dt('accordion.header.last.bottom.border.radius'), ";\n border-bottom-right-radius: ").concat(dt('accordion.header.last.bottom.border.radius'), ";\n}\n\n.p-accordionpanel:last-child.p-accordionpanel-active > .p-accordionheader {\n border-bottom-left-radius: ").concat(dt('accordion.header.last.active.bottom.border.radius'), ";\n border-bottom-right-radius:").concat(dt('accordion.header.last.active.bottom.border.radius'), ";\n}\n\n.p-accordionheader-toggle-icon {\n color: ").concat(dt('accordion.header.toggle.icon.color'), ";\n}\n\n.p-accordionpanel:not(.p-disabled) .p-accordionheader:focus-visible {\n box-shadow: ").concat(dt('accordion.header.focus.ring.shadow'), ";\n outline: ").concat(dt('accordion.header.focus.ring.width'), " ").concat(dt('accordion.header.focus.ring.style'), " ").concat(dt('accordion.header.focus.ring.color'), ";\n outline-offset: ").concat(dt('accordion.header.focus.ring.offset'), ";\n}\n\n.p-accordionpanel:not(.p-accordionpanel-active):not(.p-disabled) > .p-accordionheader:hover {\n background: ").concat(dt('accordion.header.hover.background'), ";\n color: ").concat(dt('accordion.header.hover.color'), "\n}\n\n.p-accordionpanel:not(.p-accordionpanel-active):not(.p-disabled) .p-accordionheader:hover .p-accordionheader-toggle-icon {\n color: ").concat(dt('accordion.header.toggle.icon.hover.color'), ";\n}\n\n.p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader {\n background: ").concat(dt('accordion.header.active.background'), ";\n color: ").concat(dt('accordion.header.active.color'), "\n}\n\n.p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader .p-accordionheader-toggle-icon {\n color: ").concat(dt('accordion.header.toggle.icon.active.color'), ";\n}\n\n.p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader:hover {\n background: ").concat(dt('accordion.header.active.hover.background'), ";\n color: ").concat(dt('accordion.header.active.hover.color'), "\n}\n\n.p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader:hover .p-accordionheader-toggle-icon {\n color: ").concat(dt('accordion.header.toggle.icon.active.hover.color'), ";\n}\n\n.p-accordioncontent-content {\n border-style: solid;\n border-width: ").concat(dt('accordion.content.border.width'), ";\n border-color: ").concat(dt('accordion.content.border.color'), ";\n background-color: ").concat(dt('accordion.content.background'), ";\n color: ").concat(dt('accordion.content.color'), ";\n padding: ").concat(dt('accordion.content.padding'), "\n}\n");
|
|
6
6
|
};
|
|
7
7
|
var classes = {
|
|
8
8
|
root: 'p-accordion p-component'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../src/accordion/style/AccordionStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-accordionpanel {\n display: flex;\n flex-direction: column;\n border-style: solid;\n border-width: ${dt('accordion.panel.border.width')};\n border-color: ${dt('accordion.panel.border.color')};\n}\n\n.p-accordionheader {\n all: unset;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: ${dt('accordion.header.padding')};\n color: ${dt('accordion.header.color')};\n background: ${dt('accordion.header.background')};\n border-style: solid;\n border-width: ${dt('accordion.header.border.width')};\n border-color: ${dt('accordion.header.border.color')};\n font-weight: ${dt('accordion.header.font.weight')};\n border-radius: ${dt('accordion.header.border.radius')};\n transition: background ${dt('accordion.transition.duration')}; color ${dt('accordion.transition.duration')}color ${dt('accordion.transition.duration')}, outline-color ${dt('accordion.transition.duration')}, box-shadow ${dt(\n 'accordion.transition.duration'\n)};\n outline-color: transparent;\n}\n\n.p-accordionpanel:first-child > .p-accordionheader {\n border-width: ${dt('accordion.header.first.border.width')};\n border-top-left-radius: ${dt('accordion.header.first.top.border.radius')};\n border-top-right-radius: ${dt('accordion.header.first.top.border.radius')};\n}\n\n.p-accordionpanel:last-child > .p-accordionheader {\n border-bottom-left-radius: ${dt('accordion.header.last.bottom.border.radius')};\n border-bottom-right-radius: ${dt('accordion.header.last.bottom.border.radius')};\n}\n\n.p-accordionpanel:last-child.p-accordionpanel-active > .p-accordionheader {\n border-bottom-left-radius: ${dt('accordion.header.last.active.bottom.border.radius')};\n border-bottom-right-radius:${dt('accordion.header.last.active.bottom.border.radius')};\n}\n\n.p-accordionheader-toggle-icon {\n color: ${dt('accordion.header.toggle.icon.color')};\n}\n\n.p-accordionpanel:not(.p-disabled) .p-accordionheader:focus-visible {\n box-shadow: ${dt('accordion.header.focus.ring.shadow')};\n outline: ${dt('accordion.header.focus.ring.width')} ${dt('accordion.header.focus.ring.style')} ${dt('accordion.header.focus.ring.color')};\n outline-offset: ${dt('accordion.header.focus.ring.offset')};\n}\n\n.p-accordionpanel:not(.p-accordionpanel-active):not(.p-disabled) > .p-accordionheader:hover {\n background: ${dt('accordion.header.hover.background')};\n color: ${dt('accordion.header.hover.color')}\n}\n\n.p-accordionpanel:not(.p-accordionpanel-active):not(.p-disabled) .p-accordionheader:hover .p-accordionheader-toggle-icon {\n color: ${dt('accordion.header.toggle.icon.hover.color')};\n}\n\n.p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader {\n background: ${dt('accordion.header.active.background')};\n color: ${dt('accordion.header.active.color')}\n}\n\n.p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader .p-accordionheader-toggle-icon {\n color: ${dt('accordion.header.toggle.icon.active.color')};\n}\n\n.p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader:hover {\n background: ${dt('accordion.header.active.hover.background')};\n color: ${dt('accordion.header.active.hover.color')}\n}\n\n.p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader:hover .p-accordionheader-toggle-icon {\n color: ${dt('accordion.header.toggle.icon.active.hover.color')};\n}\n\n.p-accordioncontent-content {\n border-style: solid;\n border-width: ${dt('accordion.content.border.width')};\n border-color: ${dt('accordion.content.border.color')};\n background
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../src/accordion/style/AccordionStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-accordionpanel {\n display: flex;\n flex-direction: column;\n border-style: solid;\n border-width: ${dt('accordion.panel.border.width')};\n border-color: ${dt('accordion.panel.border.color')};\n}\n\n.p-accordionheader {\n all: unset;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: ${dt('accordion.header.padding')};\n color: ${dt('accordion.header.color')};\n background: ${dt('accordion.header.background')};\n border-style: solid;\n border-width: ${dt('accordion.header.border.width')};\n border-color: ${dt('accordion.header.border.color')};\n font-weight: ${dt('accordion.header.font.weight')};\n border-radius: ${dt('accordion.header.border.radius')};\n transition: background ${dt('accordion.transition.duration')}; color ${dt('accordion.transition.duration')}color ${dt('accordion.transition.duration')}, outline-color ${dt('accordion.transition.duration')}, box-shadow ${dt(\n 'accordion.transition.duration'\n)};\n outline-color: transparent;\n}\n\n.p-accordionpanel:first-child > .p-accordionheader {\n border-width: ${dt('accordion.header.first.border.width')};\n border-top-left-radius: ${dt('accordion.header.first.top.border.radius')};\n border-top-right-radius: ${dt('accordion.header.first.top.border.radius')};\n}\n\n.p-accordionpanel:last-child > .p-accordionheader {\n border-bottom-left-radius: ${dt('accordion.header.last.bottom.border.radius')};\n border-bottom-right-radius: ${dt('accordion.header.last.bottom.border.radius')};\n}\n\n.p-accordionpanel:last-child.p-accordionpanel-active > .p-accordionheader {\n border-bottom-left-radius: ${dt('accordion.header.last.active.bottom.border.radius')};\n border-bottom-right-radius:${dt('accordion.header.last.active.bottom.border.radius')};\n}\n\n.p-accordionheader-toggle-icon {\n color: ${dt('accordion.header.toggle.icon.color')};\n}\n\n.p-accordionpanel:not(.p-disabled) .p-accordionheader:focus-visible {\n box-shadow: ${dt('accordion.header.focus.ring.shadow')};\n outline: ${dt('accordion.header.focus.ring.width')} ${dt('accordion.header.focus.ring.style')} ${dt('accordion.header.focus.ring.color')};\n outline-offset: ${dt('accordion.header.focus.ring.offset')};\n}\n\n.p-accordionpanel:not(.p-accordionpanel-active):not(.p-disabled) > .p-accordionheader:hover {\n background: ${dt('accordion.header.hover.background')};\n color: ${dt('accordion.header.hover.color')}\n}\n\n.p-accordionpanel:not(.p-accordionpanel-active):not(.p-disabled) .p-accordionheader:hover .p-accordionheader-toggle-icon {\n color: ${dt('accordion.header.toggle.icon.hover.color')};\n}\n\n.p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader {\n background: ${dt('accordion.header.active.background')};\n color: ${dt('accordion.header.active.color')}\n}\n\n.p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader .p-accordionheader-toggle-icon {\n color: ${dt('accordion.header.toggle.icon.active.color')};\n}\n\n.p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader:hover {\n background: ${dt('accordion.header.active.hover.background')};\n color: ${dt('accordion.header.active.hover.color')}\n}\n\n.p-accordionpanel:not(.p-disabled).p-accordionpanel-active > .p-accordionheader:hover .p-accordionheader-toggle-icon {\n color: ${dt('accordion.header.toggle.icon.active.hover.color')};\n}\n\n.p-accordioncontent-content {\n border-style: solid;\n border-width: ${dt('accordion.content.border.width')};\n border-color: ${dt('accordion.content.border.color')};\n background-color: ${dt('accordion.content.background')};\n color: ${dt('accordion.content.color')};\n padding: ${dt('accordion.content.padding')}\n}\n`;\n\nconst classes = {\n root: 'p-accordion p-component'\n};\n\nexport default BaseStyle.extend({\n name: 'accordion',\n theme,\n classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","BaseStyle","extend","name"],"mappings":"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"}
|
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
:value="inputValue"
|
|
11
11
|
:placeholder="placeholder"
|
|
12
12
|
:tabindex="!disabled ? tabindex : -1"
|
|
13
|
+
:fluid="hasFluid"
|
|
13
14
|
:disabled="disabled"
|
|
14
15
|
:invalid="invalid"
|
|
15
16
|
:variant="variant"
|
|
@@ -180,10 +181,10 @@
|
|
|
180
181
|
</template>
|
|
181
182
|
|
|
182
183
|
<script>
|
|
183
|
-
import {
|
|
184
|
-
import {
|
|
185
|
-
import { resolveFieldData, isEmpty, isNotEmpty, equals, findLastIndex } from '@primeuix/utils/object';
|
|
184
|
+
import { absolutePosition, addStyle, findSingle, focus, getOuterWidth, isTouchDevice, relativePosition } from '@primeuix/utils/dom';
|
|
185
|
+
import { equals, findLastIndex, isEmpty, isNotEmpty, resolveFieldData } from '@primeuix/utils/object';
|
|
186
186
|
import { ZIndex } from '@primeuix/utils/zindex';
|
|
187
|
+
import { ConnectedOverlayScrollHandler, UniqueComponentId } from '@primevue/core/utils';
|
|
187
188
|
import ChevronDownIcon from '@primevue/icons/chevrondown';
|
|
188
189
|
import SpinnerIcon from '@primevue/icons/spinner';
|
|
189
190
|
import Chip from 'primevue/chip';
|
|
@@ -199,6 +200,9 @@ export default {
|
|
|
199
200
|
extends: BaseAutoComplete,
|
|
200
201
|
inheritAttrs: false,
|
|
201
202
|
emits: ['update:modelValue', 'change', 'focus', 'blur', 'item-select', 'item-unselect', 'option-select', 'option-unselect', 'dropdown-click', 'clear', 'complete', 'before-show', 'before-hide', 'show', 'hide'],
|
|
203
|
+
inject: {
|
|
204
|
+
$pcFluid: { default: null }
|
|
205
|
+
},
|
|
202
206
|
outsideClickListener: null,
|
|
203
207
|
resizeListener: null,
|
|
204
208
|
scrollHandler: null,
|
|
@@ -511,8 +515,10 @@ export default {
|
|
|
511
515
|
if (this.overlayVisible) {
|
|
512
516
|
this.hide(true);
|
|
513
517
|
} else {
|
|
514
|
-
|
|
515
|
-
|
|
518
|
+
let target = this.multiple ? this.$refs.focusInput : this.$refs.focusInput.$el;
|
|
519
|
+
|
|
520
|
+
focus(target);
|
|
521
|
+
query = target.value;
|
|
516
522
|
|
|
517
523
|
if (this.dropdownMode === 'blank') this.search(event, '', 'dropdown');
|
|
518
524
|
else if (this.dropdownMode === 'current') this.search(event, query, 'dropdown');
|
|
@@ -971,6 +977,9 @@ export default {
|
|
|
971
977
|
},
|
|
972
978
|
panelId() {
|
|
973
979
|
return this.id + '_panel';
|
|
980
|
+
},
|
|
981
|
+
hasFluid() {
|
|
982
|
+
return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;
|
|
974
983
|
}
|
|
975
984
|
},
|
|
976
985
|
components: {
|
package/autocomplete/index.d.ts
CHANGED
|
@@ -503,9 +503,9 @@ export interface AutoCompleteProps {
|
|
|
503
503
|
tabindex?: number | string | undefined;
|
|
504
504
|
/**
|
|
505
505
|
* Spans 100% width of the container when enabled.
|
|
506
|
-
* @defaultValue
|
|
506
|
+
* @defaultValue null
|
|
507
507
|
*/
|
|
508
|
-
fluid?: boolean;
|
|
508
|
+
fluid?: boolean | undefined;
|
|
509
509
|
/**
|
|
510
510
|
* Defines a string value that labels an interactive element.
|
|
511
511
|
*/
|
package/autocomplete/index.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { UniqueComponentId, ConnectedOverlayScrollHandler } from '@primevue/core/utils';
|
|
2
1
|
import { focus, addStyle, relativePosition, getOuterWidth, absolutePosition, isTouchDevice, findSingle } from '@primeuix/utils/dom';
|
|
3
2
|
import { resolveFieldData, isEmpty, isNotEmpty, equals, findLastIndex } from '@primeuix/utils/object';
|
|
4
3
|
import { ZIndex } from '@primeuix/utils/zindex';
|
|
4
|
+
import { UniqueComponentId, ConnectedOverlayScrollHandler } from '@primevue/core/utils';
|
|
5
5
|
import ChevronDownIcon from '@primevue/icons/chevrondown';
|
|
6
6
|
import SpinnerIcon from '@primevue/icons/spinner';
|
|
7
7
|
import Chip from 'primevue/chip';
|
|
@@ -193,7 +193,7 @@ var script$1 = {
|
|
|
193
193
|
},
|
|
194
194
|
fluid: {
|
|
195
195
|
type: Boolean,
|
|
196
|
-
"default":
|
|
196
|
+
"default": null
|
|
197
197
|
}
|
|
198
198
|
},
|
|
199
199
|
style: AutoCompleteStyle,
|
|
@@ -217,6 +217,11 @@ var script = {
|
|
|
217
217
|
"extends": script$1,
|
|
218
218
|
inheritAttrs: false,
|
|
219
219
|
emits: ['update:modelValue', 'change', 'focus', 'blur', 'item-select', 'item-unselect', 'option-select', 'option-unselect', 'dropdown-click', 'clear', 'complete', 'before-show', 'before-hide', 'show', 'hide'],
|
|
220
|
+
inject: {
|
|
221
|
+
$pcFluid: {
|
|
222
|
+
"default": null
|
|
223
|
+
}
|
|
224
|
+
},
|
|
220
225
|
outsideClickListener: null,
|
|
221
226
|
resizeListener: null,
|
|
222
227
|
scrollHandler: null,
|
|
@@ -488,8 +493,9 @@ var script = {
|
|
|
488
493
|
if (this.overlayVisible) {
|
|
489
494
|
this.hide(true);
|
|
490
495
|
} else {
|
|
491
|
-
|
|
492
|
-
|
|
496
|
+
var target = this.multiple ? this.$refs.focusInput : this.$refs.focusInput.$el;
|
|
497
|
+
focus(target);
|
|
498
|
+
query = target.value;
|
|
493
499
|
if (this.dropdownMode === 'blank') this.search(event, '', 'dropdown');else if (this.dropdownMode === 'current') this.search(event, query, 'dropdown');
|
|
494
500
|
}
|
|
495
501
|
this.$emit('dropdown-click', {
|
|
@@ -972,6 +978,9 @@ var script = {
|
|
|
972
978
|
},
|
|
973
979
|
panelId: function panelId() {
|
|
974
980
|
return this.id + '_panel';
|
|
981
|
+
},
|
|
982
|
+
hasFluid: function hasFluid() {
|
|
983
|
+
return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;
|
|
975
984
|
}
|
|
976
985
|
},
|
|
977
986
|
components: {
|
|
@@ -1025,6 +1034,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
1025
1034
|
value: $options.inputValue,
|
|
1026
1035
|
placeholder: _ctx.placeholder,
|
|
1027
1036
|
tabindex: !_ctx.disabled ? _ctx.tabindex : -1,
|
|
1037
|
+
fluid: $options.hasFluid,
|
|
1028
1038
|
disabled: _ctx.disabled,
|
|
1029
1039
|
invalid: _ctx.invalid,
|
|
1030
1040
|
variant: _ctx.variant,
|
|
@@ -1044,7 +1054,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
1044
1054
|
onChange: $options.onChange,
|
|
1045
1055
|
unstyled: _ctx.unstyled,
|
|
1046
1056
|
pt: _ctx.ptm('pcInput')
|
|
1047
|
-
}, null, 8, ["id", "class", "style", "value", "placeholder", "tabindex", "disabled", "invalid", "variant", "aria-label", "aria-labelledby", "aria-expanded", "aria-controls", "aria-activedescendant", "onFocus", "onBlur", "onKeydown", "onInput", "onChange", "unstyled", "pt"])) : createCommentVNode("", true), _ctx.multiple ? (openBlock(), createElementBlock("ul", mergeProps({
|
|
1057
|
+
}, null, 8, ["id", "class", "style", "value", "placeholder", "tabindex", "fluid", "disabled", "invalid", "variant", "aria-label", "aria-labelledby", "aria-expanded", "aria-controls", "aria-activedescendant", "onFocus", "onBlur", "onKeydown", "onInput", "onChange", "unstyled", "pt"])) : createCommentVNode("", true), _ctx.multiple ? (openBlock(), createElementBlock("ul", mergeProps({
|
|
1048
1058
|
key: 1,
|
|
1049
1059
|
ref: "multiContainer",
|
|
1050
1060
|
"class": _ctx.cx('inputMultiple'),
|