primevue 4.0.7 → 4.1.0
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/autocomplete/AutoComplete.vue +50 -50
- package/autocomplete/index.d.ts +5 -1
- package/autocomplete/index.mjs +11 -8
- package/autocomplete/index.mjs.map +1 -1
- package/autocomplete/style/index.d.ts +4 -0
- package/autocomplete/style/index.mjs +3 -2
- package/autocomplete/style/index.mjs.map +1 -1
- package/button/BaseButton.vue +2 -2
- package/button/Button.vue +1 -1
- package/button/index.d.ts +2 -2
- package/button/index.mjs +7 -6
- package/button/index.mjs.map +1 -1
- package/carousel/Carousel.vue +2 -7
- package/carousel/index.mjs +2 -7
- package/carousel/index.mjs.map +1 -1
- package/carousel/style/index.mjs +1 -1
- package/carousel/style/index.mjs.map +1 -1
- package/cascadeselect/BaseCascadeSelect.vue +4 -0
- package/cascadeselect/CascadeSelect.vue +53 -10
- package/cascadeselect/CascadeSelectSub.vue +24 -27
- package/cascadeselect/index.d.ts +41 -1
- package/cascadeselect/index.mjs +114 -73
- package/cascadeselect/index.mjs.map +1 -1
- package/cascadeselect/style/index.mjs +13 -6
- package/cascadeselect/style/index.mjs.map +1 -1
- package/colorpicker/BaseColorPicker.vue +2 -1
- package/colorpicker/ColorPicker.vue +3 -3
- package/colorpicker/index.d.ts +6 -1
- package/colorpicker/index.mjs +11 -4
- package/colorpicker/index.mjs.map +1 -1
- package/config/index.d.ts +9 -3
- package/confirmationoptions/index.d.ts +12 -0
- package/confirmdialog/ConfirmDialog.vue +11 -1
- package/confirmdialog/index.d.ts +3 -7
- package/confirmdialog/index.mjs +12 -2
- package/confirmdialog/index.mjs.map +1 -1
- package/contextmenu/BaseContextMenu.vue +4 -0
- package/contextmenu/ContextMenu.vue +37 -10
- package/contextmenu/index.d.ts +10 -5
- package/contextmenu/index.mjs +57 -28
- package/contextmenu/index.mjs.map +1 -1
- package/contextmenu/style/index.mjs +10 -5
- package/contextmenu/style/index.mjs.map +1 -1
- package/datatable/BaseDataTable.vue +4 -0
- package/datatable/DataTable.vue +5 -10
- package/datatable/HeaderCheckbox.vue +1 -1
- package/datatable/TableBody.vue +1 -1
- package/datatable/TableHeader.vue +51 -51
- package/datatable/index.d.ts +5 -0
- package/datatable/index.mjs +90 -87
- package/datatable/index.mjs.map +1 -1
- package/datatable/style/index.mjs +1 -1
- package/datatable/style/index.mjs.map +1 -1
- package/datepicker/DatePicker.vue +13 -11
- package/datepicker/index.d.ts +2 -10
- package/datepicker/index.mjs +12 -10
- package/datepicker/index.mjs.map +1 -1
- package/datepicker/style/index.mjs +3 -3
- package/datepicker/style/index.mjs.map +1 -1
- package/dialog/Dialog.vue +4 -10
- package/dialog/index.mjs +3 -10
- package/dialog/index.mjs.map +1 -1
- package/drawer/index.d.ts +5 -1
- package/fieldset/index.d.ts +2 -6
- package/fileupload/index.d.ts +1 -1
- package/floatlabel/BaseFloatLabel.vue +6 -1
- package/floatlabel/index.d.ts +7 -2
- package/floatlabel/index.mjs +6 -1
- package/floatlabel/index.mjs.map +1 -1
- package/floatlabel/style/index.d.ts +2 -2
- package/floatlabel/style/index.mjs +10 -2
- package/floatlabel/style/index.mjs.map +1 -1
- package/focustrap/index.d.ts +1 -1
- package/galleria/index.d.ts +8 -8
- package/galleria/style/index.mjs +2 -2
- package/galleria/style/index.mjs.map +1 -1
- package/iftalabel/BaseIftaLabel.vue +16 -0
- package/iftalabel/IftaLabel.vue +15 -0
- package/iftalabel/index.d.ts +130 -0
- package/iftalabel/index.mjs +32 -0
- package/iftalabel/index.mjs.map +1 -0
- package/iftalabel/package.json +11 -0
- package/iftalabel/style/index.d.ts +19 -0
- package/iftalabel/style/index.mjs +17 -0
- package/iftalabel/style/index.mjs.map +1 -0
- package/iftalabel/style/package.json +6 -0
- package/imagecompare/BaseImageCompare.vue +30 -0
- package/imagecompare/ImageCompare.vue +24 -0
- package/imagecompare/index.d.ts +149 -0
- package/imagecompare/index.mjs +61 -0
- package/imagecompare/index.mjs.map +1 -0
- package/imagecompare/package.json +11 -0
- package/imagecompare/style/index.d.ts +23 -0
- package/imagecompare/style/index.mjs +18 -0
- package/imagecompare/style/index.mjs.map +1 -0
- package/imagecompare/style/package.json +6 -0
- package/inputgroup/BaseInputGroup.vue +0 -6
- package/inputgroup/InputGroup.vue +1 -10
- package/inputgroup/index.d.ts +0 -5
- package/inputgroup/index.mjs +1 -18
- package/inputgroup/index.mjs.map +1 -1
- package/inputgroup/style/index.mjs +2 -7
- package/inputgroup/style/index.mjs.map +1 -1
- package/inputmask/InputMask.vue +23 -17
- package/inputmask/index.mjs +21 -16
- package/inputmask/index.mjs.map +1 -1
- package/inputnumber/InputNumber.vue +2 -2
- package/inputnumber/index.d.ts +1 -1
- package/inputnumber/index.mjs +2 -2
- package/inputnumber/index.mjs.map +1 -1
- package/inputnumber/style/index.mjs +2 -2
- package/inputnumber/style/index.mjs.map +1 -1
- package/inputotp/BaseInputOtp.vue +1 -1
- package/inputotp/InputOtp.vue +6 -12
- package/inputotp/index.d.ts +2 -2
- package/inputotp/index.mjs +11 -12
- package/inputotp/index.mjs.map +1 -1
- package/inputotp/style/index.mjs +1 -1
- package/inputotp/style/index.mjs.map +1 -1
- package/inputtext/style/index.mjs +1 -1
- package/inputtext/style/index.mjs.map +1 -1
- package/keyfilter/index.d.ts +153 -0
- package/keyfilter/index.mjs +127 -0
- package/keyfilter/index.mjs.map +1 -0
- package/keyfilter/package.json +5 -0
- package/keyfilter/style/index.d.ts +14 -0
- package/keyfilter/style/index.mjs +8 -0
- package/keyfilter/style/index.mjs.map +1 -0
- package/keyfilter/style/package.json +6 -0
- package/megamenu/MegaMenu.vue +4 -4
- package/megamenu/index.d.ts +4 -0
- package/megamenu/index.mjs +2 -2
- package/megamenu/index.mjs.map +1 -1
- package/message/Message.vue +3 -19
- package/message/index.mjs +4 -20
- package/message/index.mjs.map +1 -1
- package/multiselect/BaseMultiSelect.vue +1 -5
- package/multiselect/MultiSelect.vue +16 -14
- package/multiselect/index.d.ts +2 -20
- package/multiselect/index.mjs +15 -17
- package/multiselect/index.mjs.map +1 -1
- package/multiselect/style/index.mjs +1 -1
- package/multiselect/style/index.mjs.map +1 -1
- package/orderlist/OrderList.vue +4 -8
- package/orderlist/index.d.ts +1 -5
- package/orderlist/index.mjs +3 -7
- package/orderlist/index.mjs.map +1 -1
- package/package.json +5 -5
- package/paginator/JumpToPageInput.vue +1 -1
- package/paginator/Paginator.vue +4 -16
- package/paginator/index.d.ts +1 -1
- package/paginator/index.mjs +4 -21
- package/paginator/index.mjs.map +1 -1
- package/paginator/style/index.d.ts +1 -1
- package/paginator/style/index.mjs +1 -1
- package/paginator/style/index.mjs.map +1 -1
- package/panelmenu/index.d.ts +1 -1
- package/password/BasePassword.vue +4 -0
- package/password/Password.vue +4 -3
- package/password/index.d.ts +6 -1
- package/password/index.mjs +10 -5
- package/password/index.mjs.map +1 -1
- package/password/style/index.mjs +1 -1
- package/password/style/index.mjs.map +1 -1
- package/picklist/PickList.vue +4 -8
- package/picklist/index.d.ts +1 -13
- package/picklist/index.mjs +3 -7
- package/picklist/index.mjs.map +1 -1
- package/popover/Popover.vue +4 -10
- package/popover/index.d.ts +1 -1
- package/popover/index.mjs +3 -9
- package/popover/index.mjs.map +1 -1
- package/progressspinner/index.d.ts +1 -1
- package/rating/style/index.mjs +1 -1
- package/rating/style/index.mjs.map +1 -1
- package/scrolltop/ScrollTop.vue +2 -9
- package/scrolltop/index.d.ts +1 -6
- package/scrolltop/index.mjs +3 -9
- package/scrolltop/index.mjs.map +1 -1
- package/select/Select.vue +13 -6
- package/select/index.mjs +54 -45
- package/select/index.mjs.map +1 -1
- package/select/style/index.mjs +1 -1
- package/select/style/index.mjs.map +1 -1
- package/speeddial/SpeedDial.vue +3 -1
- package/speeddial/index.d.ts +16 -1
- package/speeddial/index.mjs +10 -5
- package/speeddial/index.mjs.map +1 -1
- package/splitter/Splitter.vue +31 -25
- package/splitter/index.d.ts +8 -1
- package/splitter/index.mjs +28 -22
- package/splitter/index.mjs.map +1 -1
- package/tieredmenu/BaseTieredMenu.vue +4 -0
- package/tieredmenu/TieredMenu.vue +31 -4
- package/tieredmenu/TieredMenuSub.vue +3 -1
- package/tieredmenu/index.d.ts +5 -0
- package/tieredmenu/index.mjs +63 -34
- package/tieredmenu/index.mjs.map +1 -1
- package/tieredmenu/style/index.mjs +5 -4
- package/tieredmenu/style/index.mjs.map +1 -1
- package/toast/Toast.vue +2 -9
- package/toast/index.mjs +1 -8
- package/toast/index.mjs.map +1 -1
- package/toggleswitch/ToggleSwitch.vue +5 -1
- package/toggleswitch/index.d.ts +17 -1
- package/toggleswitch/index.mjs +7 -3
- package/toggleswitch/index.mjs.map +1 -1
- package/toggleswitch/style/index.d.ts +9 -1
- package/toggleswitch/style/index.mjs +3 -2
- package/toggleswitch/style/index.mjs.map +1 -1
- package/tooltip/index.mjs +6 -1
- package/tooltip/index.mjs.map +1 -1
- package/tree/BaseTree.vue +1 -1
- package/tree/Tree.vue +4 -2
- package/tree/TreeNode.vue +16 -4
- package/tree/index.d.ts +52 -3
- package/tree/index.mjs +23 -10
- package/tree/index.mjs.map +1 -1
- package/treeselect/BaseTreeSelect.vue +36 -0
- package/treeselect/TreeSelect.vue +31 -16
- package/treeselect/index.d.ts +73 -4
- package/treeselect/index.mjs +82 -25
- package/treeselect/index.mjs.map +1 -1
- package/treeselect/style/index.mjs +1 -1
- package/treeselect/style/index.mjs.map +1 -1
- package/treetable/BaseTreeTable.vue +8 -0
- package/treetable/TreeTable.vue +19 -11
- package/treetable/TreeTableRow.vue +28 -2
- package/treetable/index.d.ts +34 -0
- package/treetable/index.mjs +63 -19
- package/treetable/index.mjs.map +1 -1
- package/treetable/style/index.mjs +5 -3
- package/treetable/style/index.mjs.map +1 -1
- package/umd/primevue.min.js +1 -1
- package/vetur-attributes.json +3 -3
- package/virtualscroller/style/index.mjs +3 -1
- package/virtualscroller/style/index.mjs.map +1 -1
- package/web-types.json +4 -4
|
@@ -54,6 +54,10 @@ export enum AutoCompleteClasses {
|
|
|
54
54
|
* Class name of the list element
|
|
55
55
|
*/
|
|
56
56
|
list = 'p-autocomplete-list',
|
|
57
|
+
/**
|
|
58
|
+
* Class name of the list container element
|
|
59
|
+
*/
|
|
60
|
+
listContainer = 'p-autocomplete-list-container',
|
|
57
61
|
/**
|
|
58
62
|
* Class name of the option group element
|
|
59
63
|
*/
|
|
@@ -3,7 +3,7 @@ import BaseStyle from '@primevue/core/base/style';
|
|
|
3
3
|
|
|
4
4
|
var theme = function theme(_ref) {
|
|
5
5
|
var dt = _ref.dt;
|
|
6
|
-
return "\n.p-autocomplete {\n display: inline-flex;\n}\n\n.p-autocomplete-loader {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n right: ".concat(dt('autocomplete.padding.x'), ";\n}\n\n.p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-loader {\n right: calc(").concat(dt('autocomplete.dropdown.width'), " + ").concat(dt('autocomplete.padding.x'), ");\n}\n\n.p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-input {\n flex: 1 1 auto;\n width: 1%;\n}\n\n.p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-input,\n.p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-input-multiple {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.p-autocomplete-dropdown {\n cursor: pointer;\n display: inline-flex;\n cursor: pointer;\n user-select: none;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n position: relative;\n width: ").concat(dt('autocomplete.dropdown.width'), ";\n border-top-right-radius: ").concat(dt('autocomplete.dropdown.border.radius'), ";\n border-bottom-right-radius: ").concat(dt('autocomplete.dropdown.border.radius'), ";\n background: ").concat(dt('autocomplete.dropdown.background'), ";\n border: 1px solid ").concat(dt('autocomplete.dropdown.border.color'), ";\n border-left: 0 none;\n color: ").concat(dt('autocomplete.dropdown.color'), ";\n transition: background ").concat(dt('autocomplete.transition.duration'), ", color ").concat(dt('autocomplete.transition.duration'), ", border-color ").concat(dt('autocomplete.transition.duration'), ", outline-color ").concat(dt('autocomplete.transition.duration'), ", box-shadow ").concat(dt('autocomplete.transition.duration'), ";\n outline-color: transparent;\n}\n\n.p-autocomplete-dropdown:not(:disabled):hover {\n background: ").concat(dt('autocomplete.dropdown.hover.background'), ";\n border-color: ").concat(dt('autocomplete.dropdown.hover.border.color'), ";\n color: ").concat(dt('autocomplete.dropdown.hover.color'), ";\n}\n\n.p-autocomplete-dropdown:not(:disabled):active {\n background: ").concat(dt('autocomplete.dropdown.active.background'), ";\n border-color: ").concat(dt('autocomplete.dropdown.active.border.color'), ";\n color: ").concat(dt('autocomplete.dropdown.active.color'), ";\n}\n\n.p-autocomplete-dropdown:focus-visible {\n box-shadow: ").concat(dt('autocomplete.dropdown.focus.ring.shadow'), ";\n outline: ").concat(dt('autocomplete.dropdown.focus.ring.width'), " ").concat(dt('autocomplete.dropdown.focus.ring.style'), " ").concat(dt('autocomplete.dropdown.focus.ring.color'), ";\n outline-offset: ").concat(dt('autocomplete.dropdown.focus.ring.offset'), ";\n}\n\n.p-autocomplete .p-autocomplete-overlay {\n min-width: 100%;\n}\n\n.p-autocomplete-overlay {\n position: absolute;\n overflow: auto;\n top: 0;\n left: 0;\n background: ").concat(dt('autocomplete.overlay.background'), ";\n color: ").concat(dt('autocomplete.overlay.color'), ";\n border: 1px solid ").concat(dt('autocomplete.overlay.border.color'), ";\n border-radius: ").concat(dt('autocomplete.overlay.border.radius'), ";\n box-shadow: ").concat(dt('autocomplete.overlay.shadow'), ";\n}\n\n.p-autocomplete-list {\n margin: 0;\n padding: 0;\n list-style-type: none;\n display: flex;\n flex-direction: column;\n gap: ").concat(dt('autocomplete.list.gap'), ";\n padding: ").concat(dt('autocomplete.list.padding'), ";\n}\n\n.p-autocomplete-option {\n cursor: pointer;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n display: flex;\n align-items: center;\n padding: ").concat(dt('autocomplete.option.padding'), ";\n border: 0 none;\n color: ").concat(dt('autocomplete.option.color'), ";\n background: transparent;\n transition: background ").concat(dt('autocomplete.transition.duration'), ", color ").concat(dt('autocomplete.transition.duration'), ", border-color ").concat(dt('autocomplete.transition.duration'), ";\n border-radius: ").concat(dt('autocomplete.option.border.radius'), ";\n}\n\n.p-autocomplete-option:not(.p-autocomplete-option-selected):not(.p-disabled).p-focus {\n background: ").concat(dt('autocomplete.option.focus.background'), ";\n color: ").concat(dt('autocomplete.option.focus.color'), ";\n}\n\n.p-autocomplete-option-selected {\n background: ").concat(dt('autocomplete.option.selected.background'), ";\n color: ").concat(dt('autocomplete.option.selected.color'), ";\n}\n\n.p-autocomplete-option-selected.p-focus {\n background: ").concat(dt('autocomplete.option.selected.focus.background'), ";\n color: ").concat(dt('autocomplete.option.selected.focus.color'), ";\n}\n\n.p-autocomplete-option-group {\n margin: 0;\n padding: ").concat(dt('autocomplete.option.group.padding'), ";\n color: ").concat(dt('autocomplete.option.group.color'), ";\n background: ").concat(dt('autocomplete.option.group.background'), ";\n font-weight: ").concat(dt('autocomplete.option.group.font.weight'), ";\n}\n\n.p-autocomplete-input-multiple {\n margin: 0;\n list-style-type: none;\n cursor: text;\n overflow: hidden;\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n padding: calc(").concat(dt('autocomplete.padding.y'), " / 2) ").concat(dt('autocomplete.padding.x'), ";\n gap: calc(").concat(dt('autocomplete.padding.y'), " / 2);\n color: ").concat(dt('autocomplete.color'), ";\n background: ").concat(dt('autocomplete.background'), ";\n border: 1px solid ").concat(dt('autocomplete.border.color'), ";\n border-radius: ").concat(dt('autocomplete.border.radius'), ";\n width: 100%;\n transition: background ").concat(dt('autocomplete.transition.duration'), ", color ").concat(dt('autocomplete.transition.duration'), ", border-color ").concat(dt('autocomplete.transition.duration'), ", outline-color ").concat(dt('autocomplete.transition.duration'), ", box-shadow ").concat(dt('autocomplete.transition.duration'), ";\n outline-color: transparent;\n box-shadow: ").concat(dt('autocomplete.shadow'), ";\n}\n\n.p-autocomplete:not(.p-disabled):hover .p-autocomplete-input-multiple {\n border-color: ").concat(dt('autocomplete.hover.border.color'), ";\n}\n\n.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-input-multiple {\n border-color: ").concat(dt('autocomplete.focus.border.color'), ";\n box-shadow: ").concat(dt('autocomplete.focus.ring.shadow'), ";\n outline: ").concat(dt('autocomplete.focus.ring.width'), " ").concat(dt('autocomplete.focus.ring.style'), " ").concat(dt('autocomplete.focus.ring.color'), ";\n outline-offset: ").concat(dt('autocomplete.focus.ring.offset'), ";\n}\n\n.p-autocomplete.p-invalid .p-autocomplete-input-multiple {\n border-color: ").concat(dt('autocomplete.invalid.border.color'), ";\n}\n\n.p-variant-filled.p-autocomplete-input-multiple {\n background: ").concat(dt('autocomplete.filled.background'), ";\n}\n\n.p-autocomplete:not(.p-disabled).p-focus .p-variant-filled.p-autocomplete-input-multiple {\n background: ").concat(dt('autocomplete.filled.focus.background'), ";\n}\n\n.p-autocomplete.p-disabled .p-autocomplete-input-multiple {\n opacity: 1;\n background: ").concat(dt('autocomplete.disabled.background'), ";\n color: ").concat(dt('autocomplete.disabled.color'), ";\n}\n\n.p-autocomplete-chip.p-chip {\n padding-top: calc(").concat(dt('autocomplete.padding.y'), " / 2);\n padding-bottom: calc(").concat(dt('autocomplete.padding.y'), " / 2);\n border-radius: ").concat(dt('autocomplete.chip.border.radius'), ";\n}\n\n.p-autocomplete-input-multiple:has(.p-autocomplete-chip) {\n padding-left: calc(").concat(dt('autocomplete.padding.y'), " / 2);\n padding-right: calc(").concat(dt('autocomplete.padding.y'), " / 2);\n}\n\n.p-autocomplete-chip-item.p-focus .p-autocomplete-chip {\n background: ").concat(dt('inputchips.chip.focus.background'), ";\n color: ").concat(dt('inputchips.chip.focus.color'), ";\n}\n\n.p-autocomplete-input-chip {\n flex: 1 1 auto;\n display: inline-flex;\n padding-top: calc(").concat(dt('autocomplete.padding.y'), " / 2);\n padding-bottom: calc(").concat(dt('autocomplete.padding.y'), " / 2);\n}\n\n.p-autocomplete-input-chip input {\n border: 0 none;\n outline: 0 none;\n background: transparent;\n margin: 0;\n padding: 0;\n box-shadow: none;\n border-radius: 0;\n width: 100%;\n font-family: inherit;\n font-feature-settings: inherit;\n font-size: 1rem;\n color: inherit;\n}\n\n.p-autocomplete-input-chip input::placeholder {\n color: ").concat(dt('autocomplete.placeholder.color'), ";\n}\n\n.p-autocomplete-empty-message {\n padding: ").concat(dt('autocomplete.empty.message.padding'), ";\n}\n\n.p-autocomplete-fluid {\n display: flex;\n}\n\n.p-autocomplete-fluid:has(.p-autocomplete-dropdown) .p-autocomplete-input {\n width: 1%;\n}\n");
|
|
6
|
+
return "\n.p-autocomplete {\n display: inline-flex;\n}\n\n.p-autocomplete-loader {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n right: ".concat(dt('autocomplete.padding.x'), ";\n}\n\n.p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-loader {\n right: calc(").concat(dt('autocomplete.dropdown.width'), " + ").concat(dt('autocomplete.padding.x'), ");\n}\n\n.p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-input {\n flex: 1 1 auto;\n width: 1%;\n}\n\n.p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-input,\n.p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-input-multiple {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.p-autocomplete-dropdown {\n cursor: pointer;\n display: inline-flex;\n cursor: pointer;\n user-select: none;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n position: relative;\n width: ").concat(dt('autocomplete.dropdown.width'), ";\n border-top-right-radius: ").concat(dt('autocomplete.dropdown.border.radius'), ";\n border-bottom-right-radius: ").concat(dt('autocomplete.dropdown.border.radius'), ";\n background: ").concat(dt('autocomplete.dropdown.background'), ";\n border: 1px solid ").concat(dt('autocomplete.dropdown.border.color'), ";\n border-left: 0 none;\n color: ").concat(dt('autocomplete.dropdown.color'), ";\n transition: background ").concat(dt('autocomplete.transition.duration'), ", color ").concat(dt('autocomplete.transition.duration'), ", border-color ").concat(dt('autocomplete.transition.duration'), ", outline-color ").concat(dt('autocomplete.transition.duration'), ", box-shadow ").concat(dt('autocomplete.transition.duration'), ";\n outline-color: transparent;\n}\n\n.p-autocomplete-dropdown:not(:disabled):hover {\n background: ").concat(dt('autocomplete.dropdown.hover.background'), ";\n border-color: ").concat(dt('autocomplete.dropdown.hover.border.color'), ";\n color: ").concat(dt('autocomplete.dropdown.hover.color'), ";\n}\n\n.p-autocomplete-dropdown:not(:disabled):active {\n background: ").concat(dt('autocomplete.dropdown.active.background'), ";\n border-color: ").concat(dt('autocomplete.dropdown.active.border.color'), ";\n color: ").concat(dt('autocomplete.dropdown.active.color'), ";\n}\n\n.p-autocomplete-dropdown:focus-visible {\n box-shadow: ").concat(dt('autocomplete.dropdown.focus.ring.shadow'), ";\n outline: ").concat(dt('autocomplete.dropdown.focus.ring.width'), " ").concat(dt('autocomplete.dropdown.focus.ring.style'), " ").concat(dt('autocomplete.dropdown.focus.ring.color'), ";\n outline-offset: ").concat(dt('autocomplete.dropdown.focus.ring.offset'), ";\n}\n\n.p-autocomplete .p-autocomplete-overlay {\n min-width: 100%;\n}\n\n.p-autocomplete-overlay {\n position: absolute;\n overflow: auto;\n top: 0;\n left: 0;\n background: ").concat(dt('autocomplete.overlay.background'), ";\n color: ").concat(dt('autocomplete.overlay.color'), ";\n border: 1px solid ").concat(dt('autocomplete.overlay.border.color'), ";\n border-radius: ").concat(dt('autocomplete.overlay.border.radius'), ";\n box-shadow: ").concat(dt('autocomplete.overlay.shadow'), ";\n}\n\n.p-autocomplete-list-container {\n overflow: auto;\n}\n\n.p-autocomplete-list {\n margin: 0;\n padding: 0;\n list-style-type: none;\n display: flex;\n flex-direction: column;\n gap: ").concat(dt('autocomplete.list.gap'), ";\n padding: ").concat(dt('autocomplete.list.padding'), ";\n}\n\n.p-autocomplete-option {\n cursor: pointer;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n display: flex;\n align-items: center;\n padding: ").concat(dt('autocomplete.option.padding'), ";\n border: 0 none;\n color: ").concat(dt('autocomplete.option.color'), ";\n background: transparent;\n transition: background ").concat(dt('autocomplete.transition.duration'), ", color ").concat(dt('autocomplete.transition.duration'), ", border-color ").concat(dt('autocomplete.transition.duration'), ";\n border-radius: ").concat(dt('autocomplete.option.border.radius'), ";\n}\n\n.p-autocomplete-option:not(.p-autocomplete-option-selected):not(.p-disabled).p-focus {\n background: ").concat(dt('autocomplete.option.focus.background'), ";\n color: ").concat(dt('autocomplete.option.focus.color'), ";\n}\n\n.p-autocomplete-option-selected {\n background: ").concat(dt('autocomplete.option.selected.background'), ";\n color: ").concat(dt('autocomplete.option.selected.color'), ";\n}\n\n.p-autocomplete-option-selected.p-focus {\n background: ").concat(dt('autocomplete.option.selected.focus.background'), ";\n color: ").concat(dt('autocomplete.option.selected.focus.color'), ";\n}\n\n.p-autocomplete-option-group {\n margin: 0;\n padding: ").concat(dt('autocomplete.option.group.padding'), ";\n color: ").concat(dt('autocomplete.option.group.color'), ";\n background: ").concat(dt('autocomplete.option.group.background'), ";\n font-weight: ").concat(dt('autocomplete.option.group.font.weight'), ";\n}\n\n.p-autocomplete-input-multiple {\n margin: 0;\n list-style-type: none;\n cursor: text;\n overflow: hidden;\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n padding: calc(").concat(dt('autocomplete.padding.y'), " / 2) ").concat(dt('autocomplete.padding.x'), ";\n gap: calc(").concat(dt('autocomplete.padding.y'), " / 2);\n color: ").concat(dt('autocomplete.color'), ";\n background: ").concat(dt('autocomplete.background'), ";\n border: 1px solid ").concat(dt('autocomplete.border.color'), ";\n border-radius: ").concat(dt('autocomplete.border.radius'), ";\n width: 100%;\n transition: background ").concat(dt('autocomplete.transition.duration'), ", color ").concat(dt('autocomplete.transition.duration'), ", border-color ").concat(dt('autocomplete.transition.duration'), ", outline-color ").concat(dt('autocomplete.transition.duration'), ", box-shadow ").concat(dt('autocomplete.transition.duration'), ";\n outline-color: transparent;\n box-shadow: ").concat(dt('autocomplete.shadow'), ";\n}\n\n.p-autocomplete:not(.p-disabled):hover .p-autocomplete-input-multiple {\n border-color: ").concat(dt('autocomplete.hover.border.color'), ";\n}\n\n.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-input-multiple {\n border-color: ").concat(dt('autocomplete.focus.border.color'), ";\n box-shadow: ").concat(dt('autocomplete.focus.ring.shadow'), ";\n outline: ").concat(dt('autocomplete.focus.ring.width'), " ").concat(dt('autocomplete.focus.ring.style'), " ").concat(dt('autocomplete.focus.ring.color'), ";\n outline-offset: ").concat(dt('autocomplete.focus.ring.offset'), ";\n}\n\n.p-autocomplete.p-invalid .p-autocomplete-input-multiple {\n border-color: ").concat(dt('autocomplete.invalid.border.color'), ";\n}\n\n.p-variant-filled.p-autocomplete-input-multiple {\n background: ").concat(dt('autocomplete.filled.background'), ";\n}\n\n.p-autocomplete:not(.p-disabled):hover .p-variant-filled.p-autocomplete-input-multiple {\n background: ").concat(dt('autocomplete.filled.hover.background'), ";\n}\n\n.p-autocomplete:not(.p-disabled).p-focus .p-variant-filled.p-autocomplete-input-multiple {\n background: ").concat(dt('autocomplete.filled.focus.background'), ";\n}\n\n.p-autocomplete.p-disabled .p-autocomplete-input-multiple {\n opacity: 1;\n background: ").concat(dt('autocomplete.disabled.background'), ";\n color: ").concat(dt('autocomplete.disabled.color'), ";\n}\n\n.p-autocomplete-chip.p-chip {\n padding-top: calc(").concat(dt('autocomplete.padding.y'), " / 2);\n padding-bottom: calc(").concat(dt('autocomplete.padding.y'), " / 2);\n border-radius: ").concat(dt('autocomplete.chip.border.radius'), ";\n}\n\n.p-autocomplete-input-multiple:has(.p-autocomplete-chip) {\n padding-left: calc(").concat(dt('autocomplete.padding.y'), " / 2);\n padding-right: calc(").concat(dt('autocomplete.padding.y'), " / 2);\n}\n\n.p-autocomplete-chip-item.p-focus .p-autocomplete-chip {\n background: ").concat(dt('inputchips.chip.focus.background'), ";\n color: ").concat(dt('inputchips.chip.focus.color'), ";\n}\n\n.p-autocomplete-input-chip {\n flex: 1 1 auto;\n display: inline-flex;\n padding-top: calc(").concat(dt('autocomplete.padding.y'), " / 2);\n padding-bottom: calc(").concat(dt('autocomplete.padding.y'), " / 2);\n}\n\n.p-autocomplete-input-chip input {\n border: 0 none;\n outline: 0 none;\n background: transparent;\n margin: 0;\n padding: 0;\n box-shadow: none;\n border-radius: 0;\n width: 100%;\n font-family: inherit;\n font-feature-settings: inherit;\n font-size: 1rem;\n color: inherit;\n}\n\n.p-autocomplete-input-chip input::placeholder {\n color: ").concat(dt('autocomplete.placeholder.color'), ";\n}\n\n.p-autocomplete-empty-message {\n padding: ").concat(dt('autocomplete.empty.message.padding'), ";\n}\n\n.p-autocomplete-fluid {\n display: flex;\n}\n\n.p-autocomplete-fluid:has(.p-autocomplete-dropdown) .p-autocomplete-input {\n width: 1%;\n}\n");
|
|
7
7
|
};
|
|
8
8
|
var inlineStyles = {
|
|
9
9
|
root: {
|
|
@@ -24,7 +24,7 @@ var classes = {
|
|
|
24
24
|
'p-autocomplete-fluid': instance.hasFluid
|
|
25
25
|
}];
|
|
26
26
|
},
|
|
27
|
-
|
|
27
|
+
pcInputText: 'p-autocomplete-input',
|
|
28
28
|
inputMultiple: function inputMultiple(_ref3) {
|
|
29
29
|
var props = _ref3.props,
|
|
30
30
|
instance = _ref3.instance;
|
|
@@ -45,6 +45,7 @@ var classes = {
|
|
|
45
45
|
loader: 'p-autocomplete-loader',
|
|
46
46
|
dropdown: 'p-autocomplete-dropdown',
|
|
47
47
|
overlay: 'p-autocomplete-overlay p-component',
|
|
48
|
+
listContainer: 'p-autocomplete-list-container',
|
|
48
49
|
list: 'p-autocomplete-list',
|
|
49
50
|
optionGroup: 'p-autocomplete-option-group',
|
|
50
51
|
option: function option(_ref5) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../src/autocomplete/style/AutoCompleteStyle.js"],"sourcesContent":["import { isNotEmpty } from '@primeuix/utils/object';\nimport BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-autocomplete {\n display: inline-flex;\n}\n\n.p-autocomplete-loader {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n right: ${dt('autocomplete.padding.x')};\n}\n\n.p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-loader {\n right: calc(${dt('autocomplete.dropdown.width')} + ${dt('autocomplete.padding.x')});\n}\n\n.p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-input {\n flex: 1 1 auto;\n width: 1%;\n}\n\n.p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-input,\n.p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-input-multiple {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.p-autocomplete-dropdown {\n cursor: pointer;\n display: inline-flex;\n cursor: pointer;\n user-select: none;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n position: relative;\n width: ${dt('autocomplete.dropdown.width')};\n border-top-right-radius: ${dt('autocomplete.dropdown.border.radius')};\n border-bottom-right-radius: ${dt('autocomplete.dropdown.border.radius')};\n background: ${dt('autocomplete.dropdown.background')};\n border: 1px solid ${dt('autocomplete.dropdown.border.color')};\n border-left: 0 none;\n color: ${dt('autocomplete.dropdown.color')};\n transition: background ${dt('autocomplete.transition.duration')}, color ${dt('autocomplete.transition.duration')}, border-color ${dt('autocomplete.transition.duration')}, outline-color ${dt('autocomplete.transition.duration')}, box-shadow ${dt(\n 'autocomplete.transition.duration'\n)};\n outline-color: transparent;\n}\n\n.p-autocomplete-dropdown:not(:disabled):hover {\n background: ${dt('autocomplete.dropdown.hover.background')};\n border-color: ${dt('autocomplete.dropdown.hover.border.color')};\n color: ${dt('autocomplete.dropdown.hover.color')};\n}\n\n.p-autocomplete-dropdown:not(:disabled):active {\n background: ${dt('autocomplete.dropdown.active.background')};\n border-color: ${dt('autocomplete.dropdown.active.border.color')};\n color: ${dt('autocomplete.dropdown.active.color')};\n}\n\n.p-autocomplete-dropdown:focus-visible {\n box-shadow: ${dt('autocomplete.dropdown.focus.ring.shadow')};\n outline: ${dt('autocomplete.dropdown.focus.ring.width')} ${dt('autocomplete.dropdown.focus.ring.style')} ${dt('autocomplete.dropdown.focus.ring.color')};\n outline-offset: ${dt('autocomplete.dropdown.focus.ring.offset')};\n}\n\n.p-autocomplete .p-autocomplete-overlay {\n min-width: 100%;\n}\n\n.p-autocomplete-overlay {\n position: absolute;\n overflow: auto;\n top: 0;\n left: 0;\n background: ${dt('autocomplete.overlay.background')};\n color: ${dt('autocomplete.overlay.color')};\n border: 1px solid ${dt('autocomplete.overlay.border.color')};\n border-radius: ${dt('autocomplete.overlay.border.radius')};\n box-shadow: ${dt('autocomplete.overlay.shadow')};\n}\n\n.p-autocomplete-list {\n margin: 0;\n padding: 0;\n list-style-type: none;\n display: flex;\n flex-direction: column;\n gap: ${dt('autocomplete.list.gap')};\n padding: ${dt('autocomplete.list.padding')};\n}\n\n.p-autocomplete-option {\n cursor: pointer;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n display: flex;\n align-items: center;\n padding: ${dt('autocomplete.option.padding')};\n border: 0 none;\n color: ${dt('autocomplete.option.color')};\n background: transparent;\n transition: background ${dt('autocomplete.transition.duration')}, color ${dt('autocomplete.transition.duration')}, border-color ${dt('autocomplete.transition.duration')};\n border-radius: ${dt('autocomplete.option.border.radius')};\n}\n\n.p-autocomplete-option:not(.p-autocomplete-option-selected):not(.p-disabled).p-focus {\n background: ${dt('autocomplete.option.focus.background')};\n color: ${dt('autocomplete.option.focus.color')};\n}\n\n.p-autocomplete-option-selected {\n background: ${dt('autocomplete.option.selected.background')};\n color: ${dt('autocomplete.option.selected.color')};\n}\n\n.p-autocomplete-option-selected.p-focus {\n background: ${dt('autocomplete.option.selected.focus.background')};\n color: ${dt('autocomplete.option.selected.focus.color')};\n}\n\n.p-autocomplete-option-group {\n margin: 0;\n padding: ${dt('autocomplete.option.group.padding')};\n color: ${dt('autocomplete.option.group.color')};\n background: ${dt('autocomplete.option.group.background')};\n font-weight: ${dt('autocomplete.option.group.font.weight')};\n}\n\n.p-autocomplete-input-multiple {\n margin: 0;\n list-style-type: none;\n cursor: text;\n overflow: hidden;\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n padding: calc(${dt('autocomplete.padding.y')} / 2) ${dt('autocomplete.padding.x')};\n gap: calc(${dt('autocomplete.padding.y')} / 2);\n color: ${dt('autocomplete.color')};\n background: ${dt('autocomplete.background')};\n border: 1px solid ${dt('autocomplete.border.color')};\n border-radius: ${dt('autocomplete.border.radius')};\n width: 100%;\n transition: background ${dt('autocomplete.transition.duration')}, color ${dt('autocomplete.transition.duration')}, border-color ${dt('autocomplete.transition.duration')}, outline-color ${dt('autocomplete.transition.duration')}, box-shadow ${dt(\n 'autocomplete.transition.duration'\n)};\n outline-color: transparent;\n box-shadow: ${dt('autocomplete.shadow')};\n}\n\n.p-autocomplete:not(.p-disabled):hover .p-autocomplete-input-multiple {\n border-color: ${dt('autocomplete.hover.border.color')};\n}\n\n.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-input-multiple {\n border-color: ${dt('autocomplete.focus.border.color')};\n box-shadow: ${dt('autocomplete.focus.ring.shadow')};\n outline: ${dt('autocomplete.focus.ring.width')} ${dt('autocomplete.focus.ring.style')} ${dt('autocomplete.focus.ring.color')};\n outline-offset: ${dt('autocomplete.focus.ring.offset')};\n}\n\n.p-autocomplete.p-invalid .p-autocomplete-input-multiple {\n border-color: ${dt('autocomplete.invalid.border.color')};\n}\n\n.p-variant-filled.p-autocomplete-input-multiple {\n background: ${dt('autocomplete.filled.background')};\n}\n\n.p-autocomplete:not(.p-disabled).p-focus .p-variant-filled.p-autocomplete-input-multiple {\n background: ${dt('autocomplete.filled.focus.background')};\n}\n\n.p-autocomplete.p-disabled .p-autocomplete-input-multiple {\n opacity: 1;\n background: ${dt('autocomplete.disabled.background')};\n color: ${dt('autocomplete.disabled.color')};\n}\n\n.p-autocomplete-chip.p-chip {\n padding-top: calc(${dt('autocomplete.padding.y')} / 2);\n padding-bottom: calc(${dt('autocomplete.padding.y')} / 2);\n border-radius: ${dt('autocomplete.chip.border.radius')};\n}\n\n.p-autocomplete-input-multiple:has(.p-autocomplete-chip) {\n padding-left: calc(${dt('autocomplete.padding.y')} / 2);\n padding-right: calc(${dt('autocomplete.padding.y')} / 2);\n}\n\n.p-autocomplete-chip-item.p-focus .p-autocomplete-chip {\n background: ${dt('inputchips.chip.focus.background')};\n color: ${dt('inputchips.chip.focus.color')};\n}\n\n.p-autocomplete-input-chip {\n flex: 1 1 auto;\n display: inline-flex;\n padding-top: calc(${dt('autocomplete.padding.y')} / 2);\n padding-bottom: calc(${dt('autocomplete.padding.y')} / 2);\n}\n\n.p-autocomplete-input-chip input {\n border: 0 none;\n outline: 0 none;\n background: transparent;\n margin: 0;\n padding: 0;\n box-shadow: none;\n border-radius: 0;\n width: 100%;\n font-family: inherit;\n font-feature-settings: inherit;\n font-size: 1rem;\n color: inherit;\n}\n\n.p-autocomplete-input-chip input::placeholder {\n color: ${dt('autocomplete.placeholder.color')};\n}\n\n.p-autocomplete-empty-message {\n padding: ${dt('autocomplete.empty.message.padding')};\n}\n\n.p-autocomplete-fluid {\n display: flex;\n}\n\n.p-autocomplete-fluid:has(.p-autocomplete-dropdown) .p-autocomplete-input {\n width: 1%;\n}\n`;\n\nconst inlineStyles = {\n root: { position: 'relative' }\n};\n\nconst classes = {\n root: ({ instance, props }) => [\n 'p-autocomplete p-component p-inputwrapper',\n {\n 'p-disabled': props.disabled,\n 'p-invalid': props.invalid,\n 'p-focus': instance.focused,\n 'p-inputwrapper-filled': props.modelValue || isNotEmpty(instance.inputValue),\n 'p-inputwrapper-focus': instance.focused,\n 'p-autocomplete-open': instance.overlayVisible,\n 'p-autocomplete-fluid': instance.hasFluid\n }\n ],\n pcInput: 'p-autocomplete-input',\n inputMultiple: ({ props, instance }) => [\n 'p-autocomplete-input-multiple',\n {\n 'p-variant-filled': props.variant ? props.variant === 'filled' : instance.$primevue.config.inputStyle === 'filled' || instance.$primevue.config.inputVariant === 'filled'\n }\n ],\n chipItem: ({ instance, i }) => [\n 'p-autocomplete-chip-item',\n {\n 'p-focus': instance.focusedMultipleOptionIndex === i\n }\n ],\n pcChip: 'p-autocomplete-chip',\n chipIcon: 'p-autocomplete-chip-icon',\n inputChip: 'p-autocomplete-input-chip',\n loader: 'p-autocomplete-loader',\n dropdown: 'p-autocomplete-dropdown',\n overlay: 'p-autocomplete-overlay p-component',\n list: 'p-autocomplete-list',\n optionGroup: 'p-autocomplete-option-group',\n option: ({ instance, option, i, getItemOptions }) => [\n 'p-autocomplete-option',\n {\n 'p-autocomplete-option-selected': instance.isSelected(option),\n 'p-focus': instance.focusedOptionIndex === instance.getOptionIndex(i, getItemOptions),\n 'p-disabled': instance.isOptionDisabled(option)\n }\n ],\n emptyMessage: 'p-autocomplete-empty-message'\n};\n\nexport default BaseStyle.extend({\n name: 'autocomplete',\n theme,\n classes,\n inlineStyles\n});\n"],"names":["theme","_ref","dt","concat","inlineStyles","root","position","classes","_ref2","instance","props","disabled","invalid","focused","modelValue","isNotEmpty","inputValue","overlayVisible","hasFluid","pcInput","inputMultiple","_ref3","variant","$primevue","config","inputStyle","inputVariant","chipItem","_ref4","i","focusedMultipleOptionIndex","pcChip","chipIcon","inputChip","loader","dropdown","overlay","list","optionGroup","option","_ref5","getItemOptions","isSelected","focusedOptionIndex","getOptionIndex","isOptionDisabled","emptyMessage","BaseStyle","extend","name"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../src/autocomplete/style/AutoCompleteStyle.js"],"sourcesContent":["import { isNotEmpty } from '@primeuix/utils/object';\nimport BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-autocomplete {\n display: inline-flex;\n}\n\n.p-autocomplete-loader {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n right: ${dt('autocomplete.padding.x')};\n}\n\n.p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-loader {\n right: calc(${dt('autocomplete.dropdown.width')} + ${dt('autocomplete.padding.x')});\n}\n\n.p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-input {\n flex: 1 1 auto;\n width: 1%;\n}\n\n.p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-input,\n.p-autocomplete:has(.p-autocomplete-dropdown) .p-autocomplete-input-multiple {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.p-autocomplete-dropdown {\n cursor: pointer;\n display: inline-flex;\n cursor: pointer;\n user-select: none;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n position: relative;\n width: ${dt('autocomplete.dropdown.width')};\n border-top-right-radius: ${dt('autocomplete.dropdown.border.radius')};\n border-bottom-right-radius: ${dt('autocomplete.dropdown.border.radius')};\n background: ${dt('autocomplete.dropdown.background')};\n border: 1px solid ${dt('autocomplete.dropdown.border.color')};\n border-left: 0 none;\n color: ${dt('autocomplete.dropdown.color')};\n transition: background ${dt('autocomplete.transition.duration')}, color ${dt('autocomplete.transition.duration')}, border-color ${dt('autocomplete.transition.duration')}, outline-color ${dt('autocomplete.transition.duration')}, box-shadow ${dt(\n 'autocomplete.transition.duration'\n)};\n outline-color: transparent;\n}\n\n.p-autocomplete-dropdown:not(:disabled):hover {\n background: ${dt('autocomplete.dropdown.hover.background')};\n border-color: ${dt('autocomplete.dropdown.hover.border.color')};\n color: ${dt('autocomplete.dropdown.hover.color')};\n}\n\n.p-autocomplete-dropdown:not(:disabled):active {\n background: ${dt('autocomplete.dropdown.active.background')};\n border-color: ${dt('autocomplete.dropdown.active.border.color')};\n color: ${dt('autocomplete.dropdown.active.color')};\n}\n\n.p-autocomplete-dropdown:focus-visible {\n box-shadow: ${dt('autocomplete.dropdown.focus.ring.shadow')};\n outline: ${dt('autocomplete.dropdown.focus.ring.width')} ${dt('autocomplete.dropdown.focus.ring.style')} ${dt('autocomplete.dropdown.focus.ring.color')};\n outline-offset: ${dt('autocomplete.dropdown.focus.ring.offset')};\n}\n\n.p-autocomplete .p-autocomplete-overlay {\n min-width: 100%;\n}\n\n.p-autocomplete-overlay {\n position: absolute;\n overflow: auto;\n top: 0;\n left: 0;\n background: ${dt('autocomplete.overlay.background')};\n color: ${dt('autocomplete.overlay.color')};\n border: 1px solid ${dt('autocomplete.overlay.border.color')};\n border-radius: ${dt('autocomplete.overlay.border.radius')};\n box-shadow: ${dt('autocomplete.overlay.shadow')};\n}\n\n.p-autocomplete-list-container {\n overflow: auto;\n}\n\n.p-autocomplete-list {\n margin: 0;\n padding: 0;\n list-style-type: none;\n display: flex;\n flex-direction: column;\n gap: ${dt('autocomplete.list.gap')};\n padding: ${dt('autocomplete.list.padding')};\n}\n\n.p-autocomplete-option {\n cursor: pointer;\n white-space: nowrap;\n position: relative;\n overflow: hidden;\n display: flex;\n align-items: center;\n padding: ${dt('autocomplete.option.padding')};\n border: 0 none;\n color: ${dt('autocomplete.option.color')};\n background: transparent;\n transition: background ${dt('autocomplete.transition.duration')}, color ${dt('autocomplete.transition.duration')}, border-color ${dt('autocomplete.transition.duration')};\n border-radius: ${dt('autocomplete.option.border.radius')};\n}\n\n.p-autocomplete-option:not(.p-autocomplete-option-selected):not(.p-disabled).p-focus {\n background: ${dt('autocomplete.option.focus.background')};\n color: ${dt('autocomplete.option.focus.color')};\n}\n\n.p-autocomplete-option-selected {\n background: ${dt('autocomplete.option.selected.background')};\n color: ${dt('autocomplete.option.selected.color')};\n}\n\n.p-autocomplete-option-selected.p-focus {\n background: ${dt('autocomplete.option.selected.focus.background')};\n color: ${dt('autocomplete.option.selected.focus.color')};\n}\n\n.p-autocomplete-option-group {\n margin: 0;\n padding: ${dt('autocomplete.option.group.padding')};\n color: ${dt('autocomplete.option.group.color')};\n background: ${dt('autocomplete.option.group.background')};\n font-weight: ${dt('autocomplete.option.group.font.weight')};\n}\n\n.p-autocomplete-input-multiple {\n margin: 0;\n list-style-type: none;\n cursor: text;\n overflow: hidden;\n display: flex;\n align-items: center;\n flex-wrap: wrap;\n padding: calc(${dt('autocomplete.padding.y')} / 2) ${dt('autocomplete.padding.x')};\n gap: calc(${dt('autocomplete.padding.y')} / 2);\n color: ${dt('autocomplete.color')};\n background: ${dt('autocomplete.background')};\n border: 1px solid ${dt('autocomplete.border.color')};\n border-radius: ${dt('autocomplete.border.radius')};\n width: 100%;\n transition: background ${dt('autocomplete.transition.duration')}, color ${dt('autocomplete.transition.duration')}, border-color ${dt('autocomplete.transition.duration')}, outline-color ${dt('autocomplete.transition.duration')}, box-shadow ${dt(\n 'autocomplete.transition.duration'\n)};\n outline-color: transparent;\n box-shadow: ${dt('autocomplete.shadow')};\n}\n\n.p-autocomplete:not(.p-disabled):hover .p-autocomplete-input-multiple {\n border-color: ${dt('autocomplete.hover.border.color')};\n}\n\n.p-autocomplete:not(.p-disabled).p-focus .p-autocomplete-input-multiple {\n border-color: ${dt('autocomplete.focus.border.color')};\n box-shadow: ${dt('autocomplete.focus.ring.shadow')};\n outline: ${dt('autocomplete.focus.ring.width')} ${dt('autocomplete.focus.ring.style')} ${dt('autocomplete.focus.ring.color')};\n outline-offset: ${dt('autocomplete.focus.ring.offset')};\n}\n\n.p-autocomplete.p-invalid .p-autocomplete-input-multiple {\n border-color: ${dt('autocomplete.invalid.border.color')};\n}\n\n.p-variant-filled.p-autocomplete-input-multiple {\n background: ${dt('autocomplete.filled.background')};\n}\n\n.p-autocomplete:not(.p-disabled):hover .p-variant-filled.p-autocomplete-input-multiple {\n background: ${dt('autocomplete.filled.hover.background')};\n}\n\n.p-autocomplete:not(.p-disabled).p-focus .p-variant-filled.p-autocomplete-input-multiple {\n background: ${dt('autocomplete.filled.focus.background')};\n}\n\n.p-autocomplete.p-disabled .p-autocomplete-input-multiple {\n opacity: 1;\n background: ${dt('autocomplete.disabled.background')};\n color: ${dt('autocomplete.disabled.color')};\n}\n\n.p-autocomplete-chip.p-chip {\n padding-top: calc(${dt('autocomplete.padding.y')} / 2);\n padding-bottom: calc(${dt('autocomplete.padding.y')} / 2);\n border-radius: ${dt('autocomplete.chip.border.radius')};\n}\n\n.p-autocomplete-input-multiple:has(.p-autocomplete-chip) {\n padding-left: calc(${dt('autocomplete.padding.y')} / 2);\n padding-right: calc(${dt('autocomplete.padding.y')} / 2);\n}\n\n.p-autocomplete-chip-item.p-focus .p-autocomplete-chip {\n background: ${dt('inputchips.chip.focus.background')};\n color: ${dt('inputchips.chip.focus.color')};\n}\n\n.p-autocomplete-input-chip {\n flex: 1 1 auto;\n display: inline-flex;\n padding-top: calc(${dt('autocomplete.padding.y')} / 2);\n padding-bottom: calc(${dt('autocomplete.padding.y')} / 2);\n}\n\n.p-autocomplete-input-chip input {\n border: 0 none;\n outline: 0 none;\n background: transparent;\n margin: 0;\n padding: 0;\n box-shadow: none;\n border-radius: 0;\n width: 100%;\n font-family: inherit;\n font-feature-settings: inherit;\n font-size: 1rem;\n color: inherit;\n}\n\n.p-autocomplete-input-chip input::placeholder {\n color: ${dt('autocomplete.placeholder.color')};\n}\n\n.p-autocomplete-empty-message {\n padding: ${dt('autocomplete.empty.message.padding')};\n}\n\n.p-autocomplete-fluid {\n display: flex;\n}\n\n.p-autocomplete-fluid:has(.p-autocomplete-dropdown) .p-autocomplete-input {\n width: 1%;\n}\n`;\n\nconst inlineStyles = {\n root: { position: 'relative' }\n};\n\nconst classes = {\n root: ({ instance, props }) => [\n 'p-autocomplete p-component p-inputwrapper',\n {\n 'p-disabled': props.disabled,\n 'p-invalid': props.invalid,\n 'p-focus': instance.focused,\n 'p-inputwrapper-filled': props.modelValue || isNotEmpty(instance.inputValue),\n 'p-inputwrapper-focus': instance.focused,\n 'p-autocomplete-open': instance.overlayVisible,\n 'p-autocomplete-fluid': instance.hasFluid\n }\n ],\n pcInputText: 'p-autocomplete-input',\n inputMultiple: ({ props, instance }) => [\n 'p-autocomplete-input-multiple',\n {\n 'p-variant-filled': props.variant ? props.variant === 'filled' : instance.$primevue.config.inputStyle === 'filled' || instance.$primevue.config.inputVariant === 'filled'\n }\n ],\n chipItem: ({ instance, i }) => [\n 'p-autocomplete-chip-item',\n {\n 'p-focus': instance.focusedMultipleOptionIndex === i\n }\n ],\n pcChip: 'p-autocomplete-chip',\n chipIcon: 'p-autocomplete-chip-icon',\n inputChip: 'p-autocomplete-input-chip',\n loader: 'p-autocomplete-loader',\n dropdown: 'p-autocomplete-dropdown',\n overlay: 'p-autocomplete-overlay p-component',\n listContainer: 'p-autocomplete-list-container',\n list: 'p-autocomplete-list',\n optionGroup: 'p-autocomplete-option-group',\n option: ({ instance, option, i, getItemOptions }) => [\n 'p-autocomplete-option',\n {\n 'p-autocomplete-option-selected': instance.isSelected(option),\n 'p-focus': instance.focusedOptionIndex === instance.getOptionIndex(i, getItemOptions),\n 'p-disabled': instance.isOptionDisabled(option)\n }\n ],\n emptyMessage: 'p-autocomplete-empty-message'\n};\n\nexport default BaseStyle.extend({\n name: 'autocomplete',\n theme,\n classes,\n inlineStyles\n});\n"],"names":["theme","_ref","dt","concat","inlineStyles","root","position","classes","_ref2","instance","props","disabled","invalid","focused","modelValue","isNotEmpty","inputValue","overlayVisible","hasFluid","pcInputText","inputMultiple","_ref3","variant","$primevue","config","inputStyle","inputVariant","chipItem","_ref4","i","focusedMultipleOptionIndex","pcChip","chipIcon","inputChip","loader","dropdown","overlay","listContainer","list","optionGroup","option","_ref5","getItemOptions","isSelected","focusedOptionIndex","getOptionIndex","isOptionDisabled","emptyMessage","BaseStyle","extend","name"],"mappings":"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"}
|
package/button/BaseButton.vue
CHANGED
|
@@ -19,7 +19,7 @@ export default {
|
|
|
19
19
|
default: 'left'
|
|
20
20
|
},
|
|
21
21
|
iconClass: {
|
|
22
|
-
type: String,
|
|
22
|
+
type: [String, Object],
|
|
23
23
|
default: null
|
|
24
24
|
},
|
|
25
25
|
badge: {
|
|
@@ -27,7 +27,7 @@ export default {
|
|
|
27
27
|
default: null
|
|
28
28
|
},
|
|
29
29
|
badgeClass: {
|
|
30
|
-
type: String,
|
|
30
|
+
type: [String, Object],
|
|
31
31
|
default: null
|
|
32
32
|
},
|
|
33
33
|
badgeSeverity: {
|
package/button/Button.vue
CHANGED
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
<span v-if="icon" :class="[cx('icon'), icon, iconClass]" v-bind="ptm('icon')"></span>
|
|
10
10
|
</slot>
|
|
11
11
|
<span :class="cx('label')" v-bind="ptm('label')">{{ label || ' ' }}</span>
|
|
12
|
-
<Badge v-if="badge" :value="badge" :class="badgeClass" :severity="badgeSeverity" :unstyled="unstyled"
|
|
12
|
+
<Badge v-if="badge" :value="badge" :class="badgeClass" :severity="badgeSeverity" :unstyled="unstyled" :pt="ptm('pcBadge')"></Badge>
|
|
13
13
|
</slot>
|
|
14
14
|
</component>
|
|
15
15
|
<slot v-else :class="cx('root')" :a11yAttrs="a11yAttrs"></slot>
|
package/button/index.d.ts
CHANGED
|
@@ -107,7 +107,7 @@ export interface ButtonProps extends ButtonHTMLAttributes {
|
|
|
107
107
|
/**
|
|
108
108
|
* Style class of the icon.
|
|
109
109
|
*/
|
|
110
|
-
iconClass?: string | undefined;
|
|
110
|
+
iconClass?: string | object | undefined;
|
|
111
111
|
/**
|
|
112
112
|
* Value of the badge.
|
|
113
113
|
*/
|
|
@@ -115,7 +115,7 @@ export interface ButtonProps extends ButtonHTMLAttributes {
|
|
|
115
115
|
/**
|
|
116
116
|
* Style class of the badge.
|
|
117
117
|
*/
|
|
118
|
-
badgeClass?: string | undefined;
|
|
118
|
+
badgeClass?: string | object | undefined;
|
|
119
119
|
/**
|
|
120
120
|
* Severity type of the badge.
|
|
121
121
|
*/
|
package/button/index.mjs
CHANGED
|
@@ -23,7 +23,7 @@ var script$1 = {
|
|
|
23
23
|
"default": 'left'
|
|
24
24
|
},
|
|
25
25
|
iconClass: {
|
|
26
|
-
type: String,
|
|
26
|
+
type: [String, Object],
|
|
27
27
|
"default": null
|
|
28
28
|
},
|
|
29
29
|
badge: {
|
|
@@ -31,7 +31,7 @@ var script$1 = {
|
|
|
31
31
|
"default": null
|
|
32
32
|
},
|
|
33
33
|
badgeClass: {
|
|
34
|
-
type: String,
|
|
34
|
+
type: [String, Object],
|
|
35
35
|
"default": null
|
|
36
36
|
},
|
|
37
37
|
badgeSeverity: {
|
|
@@ -191,13 +191,14 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
191
191
|
}, _ctx.ptm('icon')), null, 16)) : createCommentVNode("", true)];
|
|
192
192
|
}), createElementVNode("span", mergeProps({
|
|
193
193
|
"class": _ctx.cx('label')
|
|
194
|
-
}, _ctx.ptm('label')), toDisplayString(_ctx.label || ' '), 17), _ctx.badge ? (openBlock(), createBlock(_component_Badge,
|
|
194
|
+
}, _ctx.ptm('label')), toDisplayString(_ctx.label || ' '), 17), _ctx.badge ? (openBlock(), createBlock(_component_Badge, {
|
|
195
195
|
key: 2,
|
|
196
196
|
value: _ctx.badge,
|
|
197
|
-
"class": _ctx.badgeClass,
|
|
197
|
+
"class": normalizeClass(_ctx.badgeClass),
|
|
198
198
|
severity: _ctx.badgeSeverity,
|
|
199
|
-
unstyled: _ctx.unstyled
|
|
200
|
-
|
|
199
|
+
unstyled: _ctx.unstyled,
|
|
200
|
+
pt: _ctx.ptm('pcBadge')
|
|
201
|
+
}, null, 8, ["value", "class", "severity", "unstyled", "pt"])) : createCommentVNode("", true)];
|
|
201
202
|
})];
|
|
202
203
|
}),
|
|
203
204
|
_: 3
|
package/button/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../src/button/BaseButton.vue","../../src/button/Button.vue","../../src/button/Button.vue?vue&type=template&id=13913a2e&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport ButtonStyle from 'primevue/button/style';\n\nexport default {\n name: 'BaseButton',\n extends: BaseComponent,\n props: {\n label: {\n type: String,\n default: null\n },\n icon: {\n type: String,\n default: null\n },\n iconPos: {\n type: String,\n default: 'left'\n },\n iconClass: {\n type: String,\n default: null\n },\n badge: {\n type: String,\n default: null\n },\n badgeClass: {\n type: String,\n default: null\n },\n badgeSeverity: {\n type: String,\n default: 'secondary'\n },\n loading: {\n type: Boolean,\n default: false\n },\n loadingIcon: {\n type: String,\n default: undefined\n },\n as: {\n type: [String, Object],\n default: 'BUTTON'\n },\n asChild: {\n type: Boolean,\n default: false\n },\n link: {\n type: Boolean,\n default: false\n },\n severity: {\n type: String,\n default: null\n },\n raised: {\n type: Boolean,\n default: false\n },\n rounded: {\n type: Boolean,\n default: false\n },\n text: {\n type: Boolean,\n default: false\n },\n outlined: {\n type: Boolean,\n default: false\n },\n size: {\n type: String,\n default: null\n },\n plain: {\n type: Boolean,\n default: false\n },\n fluid: {\n type: Boolean,\n default: null\n }\n },\n style: ButtonStyle,\n provide() {\n return {\n $pcButton: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <component v-if=\"!asChild\" :is=\"as\" v-ripple :class=\"cx('root')\" v-bind=\"attrs\">\n <slot>\n <slot v-if=\"loading\" name=\"loadingicon\" :class=\"[cx('loadingIcon'), cx('icon')]\">\n <span v-if=\"loadingIcon\" :class=\"[cx('loadingIcon'), cx('icon'), loadingIcon]\" v-bind=\"ptm('loadingIcon')\" />\n <SpinnerIcon v-else :class=\"[cx('loadingIcon'), cx('icon')]\" spin v-bind=\"ptm('loadingIcon')\" />\n </slot>\n <slot v-else name=\"icon\" :class=\"[cx('icon')]\">\n <span v-if=\"icon\" :class=\"[cx('icon'), icon, iconClass]\" v-bind=\"ptm('icon')\"></span>\n </slot>\n <span :class=\"cx('label')\" v-bind=\"ptm('label')\">{{ label || ' ' }}</span>\n <Badge v-if=\"badge\" :value=\"badge\" :class=\"badgeClass\" :severity=\"badgeSeverity\" :unstyled=\"unstyled\" v-bind=\"ptm('pcBadge')\"></Badge>\n </slot>\n </component>\n <slot v-else :class=\"cx('root')\" :a11yAttrs=\"a11yAttrs\"></slot>\n</template>\n\n<script>\nimport { isEmpty } from '@primeuix/utils/object';\nimport SpinnerIcon from '@primevue/icons/spinner';\nimport Badge from 'primevue/badge';\nimport Ripple from 'primevue/ripple';\nimport { mergeProps } from 'vue';\nimport BaseButton from './BaseButton.vue';\n\nexport default {\n name: 'Button',\n extends: BaseButton,\n inheritAttrs: false,\n inject: {\n $pcFluid: { default: null }\n },\n methods: {\n getPTOptions(key) {\n const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n return _ptm(key, {\n context: {\n disabled: this.disabled\n }\n });\n }\n },\n computed: {\n disabled() {\n return this.$attrs.disabled || this.$attrs.disabled === '' || this.loading;\n },\n defaultAriaLabel() {\n return this.label ? this.label + (this.badge ? ' ' + this.badge : '') : this.$attrs.ariaLabel;\n },\n hasIcon() {\n return this.icon || this.$slots.icon;\n },\n attrs() {\n return mergeProps(this.asAttrs, this.a11yAttrs, this.getPTOptions('root'));\n },\n asAttrs() {\n return this.as === 'BUTTON' ? { type: 'button', disabled: this.disabled } : undefined;\n },\n a11yAttrs() {\n return {\n 'aria-label': this.defaultAriaLabel,\n 'data-pc-name': 'button',\n 'data-p-disabled': this.disabled,\n 'data-p-severity': this.severity\n };\n },\n hasFluid() {\n return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;\n }\n },\n components: {\n SpinnerIcon,\n Badge\n },\n directives: {\n ripple: Ripple\n }\n};\n</script>\n","<template>\n <component v-if=\"!asChild\" :is=\"as\" v-ripple :class=\"cx('root')\" v-bind=\"attrs\">\n <slot>\n <slot v-if=\"loading\" name=\"loadingicon\" :class=\"[cx('loadingIcon'), cx('icon')]\">\n <span v-if=\"loadingIcon\" :class=\"[cx('loadingIcon'), cx('icon'), loadingIcon]\" v-bind=\"ptm('loadingIcon')\" />\n <SpinnerIcon v-else :class=\"[cx('loadingIcon'), cx('icon')]\" spin v-bind=\"ptm('loadingIcon')\" />\n </slot>\n <slot v-else name=\"icon\" :class=\"[cx('icon')]\">\n <span v-if=\"icon\" :class=\"[cx('icon'), icon, iconClass]\" v-bind=\"ptm('icon')\"></span>\n </slot>\n <span :class=\"cx('label')\" v-bind=\"ptm('label')\">{{ label || ' ' }}</span>\n <Badge v-if=\"badge\" :value=\"badge\" :class=\"badgeClass\" :severity=\"badgeSeverity\" :unstyled=\"unstyled\" v-bind=\"ptm('pcBadge')\"></Badge>\n </slot>\n </component>\n <slot v-else :class=\"cx('root')\" :a11yAttrs=\"a11yAttrs\"></slot>\n</template>\n\n<script>\nimport { isEmpty } from '@primeuix/utils/object';\nimport SpinnerIcon from '@primevue/icons/spinner';\nimport Badge from 'primevue/badge';\nimport Ripple from 'primevue/ripple';\nimport { mergeProps } from 'vue';\nimport BaseButton from './BaseButton.vue';\n\nexport default {\n name: 'Button',\n extends: BaseButton,\n inheritAttrs: false,\n inject: {\n $pcFluid: { default: null }\n },\n methods: {\n getPTOptions(key) {\n const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n return _ptm(key, {\n context: {\n disabled: this.disabled\n }\n });\n }\n },\n computed: {\n disabled() {\n return this.$attrs.disabled || this.$attrs.disabled === '' || this.loading;\n },\n defaultAriaLabel() {\n return this.label ? this.label + (this.badge ? ' ' + this.badge : '') : this.$attrs.ariaLabel;\n },\n hasIcon() {\n return this.icon || this.$slots.icon;\n },\n attrs() {\n return mergeProps(this.asAttrs, this.a11yAttrs, this.getPTOptions('root'));\n },\n asAttrs() {\n return this.as === 'BUTTON' ? { type: 'button', disabled: this.disabled } : undefined;\n },\n a11yAttrs() {\n return {\n 'aria-label': this.defaultAriaLabel,\n 'data-pc-name': 'button',\n 'data-p-disabled': this.disabled,\n 'data-p-severity': this.severity\n };\n },\n hasFluid() {\n return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;\n }\n },\n components: {\n SpinnerIcon,\n Badge\n },\n directives: {\n ripple: Ripple\n }\n};\n</script>\n"],"names":["name","BaseComponent","props","label","type","String","icon","iconPos","iconClass","badge","badgeClass","badgeSeverity","loading","Boolean","loadingIcon","undefined","as","Object","asChild","link","severity","raised","rounded","text","outlined","size","plain","fluid","style","ButtonStyle","provide","$pcButton","$parentInstance","BaseButton","inheritAttrs","inject","$pcFluid","methods","getPTOptions","key","_ptm","ptmi","ptm","context","disabled","computed","$attrs","defaultAriaLabel","ariaLabel","hasIcon","$slots","attrs","mergeProps","asAttrs","a11yAttrs","hasFluid","isEmpty","components","SpinnerIcon","Badge","directives","ripple","Ripple","_ctx","_createBlock","_resolveDynamicComponent","_mergeProps","cx","$options","_renderSlot","_normalizeClass","_openBlock","_createElementBlock","_component_SpinnerIcon","spin","_createElementVNode","_component_Badge","value","unstyled"],"mappings":";;;;;;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,YAAY;AAClB,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE;AACHC,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA,IAAA;KACZ;AACDC,IAAAA,IAAI,EAAE;AACFF,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA,IAAA;KACZ;AACDE,IAAAA,OAAO,EAAE;AACLH,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA,MAAA;KACZ;AACDG,IAAAA,SAAS,EAAE;AACPJ,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA,IAAA;KACZ;AACDI,IAAAA,KAAK,EAAE;AACHL,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA,IAAA;KACZ;AACDK,IAAAA,UAAU,EAAE;AACRN,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA,IAAA;KACZ;AACDM,IAAAA,aAAa,EAAE;AACXP,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA,WAAA;KACZ;AACDO,IAAAA,OAAO,EAAE;AACLR,MAAAA,IAAI,EAAES,OAAO;MACb,SAAS,EAAA,KAAA;KACZ;AACDC,IAAAA,WAAW,EAAE;AACTV,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAASU,EAAAA,SAAAA;KACZ;AACDC,IAAAA,EAAE,EAAE;AACAZ,MAAAA,IAAI,EAAE,CAACC,MAAM,EAAEY,MAAM,CAAC;MACtB,SAAS,EAAA,QAAA;KACZ;AACDC,IAAAA,OAAO,EAAE;AACLd,MAAAA,IAAI,EAAES,OAAO;MACb,SAAS,EAAA,KAAA;KACZ;AACDM,IAAAA,IAAI,EAAE;AACFf,MAAAA,IAAI,EAAES,OAAO;MACb,SAAS,EAAA,KAAA;KACZ;AACDO,IAAAA,QAAQ,EAAE;AACNhB,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA,IAAA;KACZ;AACDgB,IAAAA,MAAM,EAAE;AACJjB,MAAAA,IAAI,EAAES,OAAO;MACb,SAAS,EAAA,KAAA;KACZ;AACDS,IAAAA,OAAO,EAAE;AACLlB,MAAAA,IAAI,EAAES,OAAO;MACb,SAAS,EAAA,KAAA;KACZ;AACDU,IAAAA,IAAI,EAAE;AACFnB,MAAAA,IAAI,EAAES,OAAO;MACb,SAAS,EAAA,KAAA;KACZ;AACDW,IAAAA,QAAQ,EAAE;AACNpB,MAAAA,IAAI,EAAES,OAAO;MACb,SAAS,EAAA,KAAA;KACZ;AACDY,IAAAA,IAAI,EAAE;AACFrB,MAAAA,IAAI,EAAEC,MAAM;MACZ,SAAS,EAAA,IAAA;KACZ;AACDqB,IAAAA,KAAK,EAAE;AACHtB,MAAAA,IAAI,EAAES,OAAO;MACb,SAAS,EAAA,KAAA;KACZ;AACDc,IAAAA,KAAK,EAAE;AACHvB,MAAAA,IAAI,EAAES,OAAO;MACb,SAAS,EAAA,IAAA;AACb,KAAA;GACH;AACDe,EAAAA,KAAK,EAAEC,WAAW;EAClBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,SAAS,EAAE,IAAI;AACfC,MAAAA,eAAe,EAAE,IAAA;KACpB,CAAA;AACL,GAAA;AACJ,CAAC;;ACvED,aAAe;AACXhC,EAAAA,IAAI,EAAE,QAAQ;AACd,EAAA,SAAA,EAASiC,QAAU;AACnBC,EAAAA,YAAY,EAAE,KAAK;AACnBC,EAAAA,MAAM,EAAE;AACJC,IAAAA,QAAQ,EAAE;MAAE,SAAS,EAAA,IAAA;AAAK,KAAA;GAC7B;AACDC,EAAAA,OAAO,EAAE;AACLC,IAAAA,YAAY,EAAZA,SAAAA,YAAYA,CAACC,GAAG,EAAE;AACd,MAAA,IAAMC,IAAG,GAAID,GAAI,KAAI,MAAK,GAAI,IAAI,CAACE,IAAK,GAAE,IAAI,CAACC,GAAG,CAAA;MAElD,OAAOF,IAAI,CAACD,GAAG,EAAE;AACbI,QAAAA,OAAO,EAAE;UACLC,QAAQ,EAAE,IAAI,CAACA,QAAAA;AACnB,SAAA;AACJ,OAAC,CAAC,CAAA;AACN,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;IACND,QAAQ,EAAA,SAARA,QAAQA,GAAG;AACP,MAAA,OAAO,IAAI,CAACE,MAAM,CAACF,QAAO,IAAK,IAAI,CAACE,MAAM,CAACF,aAAa,EAAG,IAAG,IAAI,CAAChC,OAAO,CAAA;KAC7E;IACDmC,gBAAgB,EAAA,SAAhBA,gBAAgBA,GAAG;MACf,OAAO,IAAI,CAAC5C,KAAI,GAAI,IAAI,CAACA,SAAS,IAAI,CAACM,KAAI,GAAI,MAAM,IAAI,CAACA,KAAM,GAAE,EAAE,IAAI,IAAI,CAACqC,MAAM,CAACE,SAAS,CAAA;KAChG;IACDC,OAAO,EAAA,SAAPA,OAAOA,GAAG;MACN,OAAO,IAAI,CAAC3C,IAAK,IAAG,IAAI,CAAC4C,MAAM,CAAC5C,IAAI,CAAA;KACvC;IACD6C,KAAK,EAAA,SAALA,KAAKA,GAAG;AACJ,MAAA,OAAOC,UAAU,CAAC,IAAI,CAACC,OAAO,EAAE,IAAI,CAACC,SAAS,EAAE,IAAI,CAAChB,YAAY,CAAC,MAAM,CAAC,CAAC,CAAA;KAC7E;IACDe,OAAO,EAAA,SAAPA,OAAOA,GAAG;AACN,MAAA,OAAO,IAAI,CAACrC,EAAG,KAAI,WAAW;AAAEZ,QAAAA,IAAI,EAAE,QAAQ;QAAEwC,QAAQ,EAAE,IAAI,CAACA,QAAAA;AAAS,OAAE,GAAE7B,SAAS,CAAA;KACxF;IACDuC,SAAS,EAAA,SAATA,SAASA,GAAG;MACR,OAAO;QACH,YAAY,EAAE,IAAI,CAACP,gBAAgB;AACnC,QAAA,cAAc,EAAE,QAAQ;QACxB,iBAAiB,EAAE,IAAI,CAACH,QAAQ;QAChC,iBAAiB,EAAE,IAAI,CAACxB,QAAAA;OAC3B,CAAA;KACJ;IACDmC,QAAQ,EAAA,SAARA,QAAQA,GAAG;AACP,MAAA,OAAOC,OAAO,CAAC,IAAI,CAAC7B,KAAK,CAAE,GAAE,CAAC,CAAC,IAAI,CAACS,QAAS,GAAE,IAAI,CAACT,KAAK,CAAA;AAC7D,KAAA;GACH;AACD8B,EAAAA,UAAU,EAAE;AACRC,IAAAA,WAAW,EAAXA,WAAW;AACXC,IAAAA,KAAI,EAAJA,KAAAA;GACH;AACDC,EAAAA,UAAU,EAAE;AACRC,IAAAA,MAAM,EAAEC,MAAAA;AACZ,GAAA;AACJ,CAAC;;;;;;UC7EqBC,IAAO,CAAA7C,OAAA,gCAAzB8C,WAYW,CAAAC,uBAAA,CAZqBF,IAAE,CAAA/C,EAAA,CAAA,EAAlCkD,UAYW,CAAA;;AAZmC,IAAA,OAAA,EAAOH,IAAE,CAAAI,EAAA,CAAA,MAAA,CAAA;KAAkBC,QAAK,CAAAjB,KAAA,CAAA,EAAA;uBAC1E,YAAA;MAAA,OAUM,CAVNkB,UAAA,CAUMN,4BAVN,YAAA;AAAA,QAAA,OAUM,CATUA,IAAO,CAAAnD,OAAA,GAAnByD,UAGM,CAAAN,IAAA,CAAAb,MAAA,EAAA,aAAA,EAAA;;AAHmC,UAAA,OAAA,EAAKoB,cAAA,CAAA,CAAGP,IAAE,CAAAI,EAAA,CAAA,aAAA,CAAA,EAAiBJ,IAAE,CAAAI,EAAA,CAAA,MAAA,CAAA,CAAA,CAAA;WAAtE,YAAA;AAAA,UAAA,OAGM,CAFUJ,IAAW,CAAAjD,WAAA,IAAvByD,SAAA,EAAA,EAAAC,kBAAA,CAA4G,QAA5GN,UAA4G,CAAA;;AAAlF,YAAA,OAAA,EAAQ,CAAAH,IAAA,CAAAI,EAAE,CAAiB,aAAA,CAAA,EAAAJ,IAAA,CAAAI,EAAE,UAAUJ,IAAW,CAAAjD,WAAA,CAAA;aAAWiD,IAAG,CAAArB,GAAA,CAAA,aAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAC1F6B,SAAA,EAAA,EAAAP,WAAA,CAA+FS,wBAA/FP,UAA+F,CAAA;;AAA1E,YAAA,OAAA,EAAK,CAAGH,IAAE,CAAAI,EAAA,CAAA,aAAA,CAAA,EAAiBJ,IAAE,CAAAI,EAAA,CAAA,MAAA,CAAA,CAAA;AAAWO,YAAAA,IAAG,EAAH,EAAA;aAAaX,IAAG,CAAArB,GAAA,CAAA,aAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;aAEjF2B,UAEM,CAAAN,IAAA,CAAAb,MAAA,EAAA,MAAA,EAAA;;UAFoB,yBAAQa,IAAE,CAAAI,EAAA,CAAA,MAAA,CAAA,CAAA,CAAA;WAApC,YAAA;AAAA,UAAA,OAEM,CADUJ,IAAI,CAAAzD,IAAA,IAAhBiE,SAAA,EAAA,EAAAC,kBAAA,CAAoF,QAApFN,UAAoF,CAAA;;AAAjE,YAAA,OAAA,EAAQ,CAAAH,IAAA,CAAAI,EAAE,CAAU,MAAA,CAAA,EAAAJ,IAAA,CAAAzD,IAAI,EAAEyD,IAAS,CAAAvD,SAAA,CAAA;aAAWuD,IAAG,CAAArB,GAAA,CAAA,MAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA;YAExEiC,kBAAA,CAA8E,QAA9ET,UAA8E,CAAA;AAAvE,UAAA,OAAA,EAAOH,IAAE,CAAAI,EAAA,CAAA,OAAA,CAAA;AAAmB,SAAA,EAAAJ,IAAA,CAAArB,GAAG,4BAAcqB,IAAI,CAAA5D,KAAA,IAAA,GAAA,CAAA,EAAA,EAAA,CAAA,EAC3C4D,IAAK,CAAAtD,KAAA,IAAlB8D,SAAA,EAAA,EAAAP,WAAA,CAAqIY,kBAArIV,UAAqI,CAAA;;UAAhHW,KAAK,EAAEd,IAAK,CAAAtD,KAAA;UAAG,OAAOsD,EAAAA,IAAU,CAAArD,UAAA;UAAGU,QAAQ,EAAE2C,IAAa,CAAApD,aAAA;UAAGmE,QAAQ,EAAEf,IAAQ,CAAAe,QAAAA;WAAUf,IAAG,CAAArB,GAAA,CAAA,SAAA,CAAA,CAAA,EAAA,IAAA,EAAA,EAAA,EAAA,CAAA,OAAA,EAAA,OAAA,EAAA,UAAA,EAAA,UAAA,CAAA,CAAA;;;;+CAGzH2B,UAA8D,CAAAN,IAAA,CAAAb,MAAA,EAAA,SAAA,EAAA;;IAAhD,wBAAOa,IAAE,CAAAI,EAAA,CAAA,MAAA,CAAA,CAAA;IAAWb,SAAS,EAAEc,QAAS,CAAAd,SAAAA;;;;;;;;"}
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../src/button/BaseButton.vue","../../src/button/Button.vue","../../src/button/Button.vue?vue&type=template&id=080fe4ea&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport ButtonStyle from 'primevue/button/style';\n\nexport default {\n name: 'BaseButton',\n extends: BaseComponent,\n props: {\n label: {\n type: String,\n default: null\n },\n icon: {\n type: String,\n default: null\n },\n iconPos: {\n type: String,\n default: 'left'\n },\n iconClass: {\n type: [String, Object],\n default: null\n },\n badge: {\n type: String,\n default: null\n },\n badgeClass: {\n type: [String, Object],\n default: null\n },\n badgeSeverity: {\n type: String,\n default: 'secondary'\n },\n loading: {\n type: Boolean,\n default: false\n },\n loadingIcon: {\n type: String,\n default: undefined\n },\n as: {\n type: [String, Object],\n default: 'BUTTON'\n },\n asChild: {\n type: Boolean,\n default: false\n },\n link: {\n type: Boolean,\n default: false\n },\n severity: {\n type: String,\n default: null\n },\n raised: {\n type: Boolean,\n default: false\n },\n rounded: {\n type: Boolean,\n default: false\n },\n text: {\n type: Boolean,\n default: false\n },\n outlined: {\n type: Boolean,\n default: false\n },\n size: {\n type: String,\n default: null\n },\n plain: {\n type: Boolean,\n default: false\n },\n fluid: {\n type: Boolean,\n default: null\n }\n },\n style: ButtonStyle,\n provide() {\n return {\n $pcButton: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <component v-if=\"!asChild\" :is=\"as\" v-ripple :class=\"cx('root')\" v-bind=\"attrs\">\n <slot>\n <slot v-if=\"loading\" name=\"loadingicon\" :class=\"[cx('loadingIcon'), cx('icon')]\">\n <span v-if=\"loadingIcon\" :class=\"[cx('loadingIcon'), cx('icon'), loadingIcon]\" v-bind=\"ptm('loadingIcon')\" />\n <SpinnerIcon v-else :class=\"[cx('loadingIcon'), cx('icon')]\" spin v-bind=\"ptm('loadingIcon')\" />\n </slot>\n <slot v-else name=\"icon\" :class=\"[cx('icon')]\">\n <span v-if=\"icon\" :class=\"[cx('icon'), icon, iconClass]\" v-bind=\"ptm('icon')\"></span>\n </slot>\n <span :class=\"cx('label')\" v-bind=\"ptm('label')\">{{ label || ' ' }}</span>\n <Badge v-if=\"badge\" :value=\"badge\" :class=\"badgeClass\" :severity=\"badgeSeverity\" :unstyled=\"unstyled\" :pt=\"ptm('pcBadge')\"></Badge>\n </slot>\n </component>\n <slot v-else :class=\"cx('root')\" :a11yAttrs=\"a11yAttrs\"></slot>\n</template>\n\n<script>\nimport { isEmpty } from '@primeuix/utils/object';\nimport SpinnerIcon from '@primevue/icons/spinner';\nimport Badge from 'primevue/badge';\nimport Ripple from 'primevue/ripple';\nimport { mergeProps } from 'vue';\nimport BaseButton from './BaseButton.vue';\n\nexport default {\n name: 'Button',\n extends: BaseButton,\n inheritAttrs: false,\n inject: {\n $pcFluid: { default: null }\n },\n methods: {\n getPTOptions(key) {\n const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n return _ptm(key, {\n context: {\n disabled: this.disabled\n }\n });\n }\n },\n computed: {\n disabled() {\n return this.$attrs.disabled || this.$attrs.disabled === '' || this.loading;\n },\n defaultAriaLabel() {\n return this.label ? this.label + (this.badge ? ' ' + this.badge : '') : this.$attrs.ariaLabel;\n },\n hasIcon() {\n return this.icon || this.$slots.icon;\n },\n attrs() {\n return mergeProps(this.asAttrs, this.a11yAttrs, this.getPTOptions('root'));\n },\n asAttrs() {\n return this.as === 'BUTTON' ? { type: 'button', disabled: this.disabled } : undefined;\n },\n a11yAttrs() {\n return {\n 'aria-label': this.defaultAriaLabel,\n 'data-pc-name': 'button',\n 'data-p-disabled': this.disabled,\n 'data-p-severity': this.severity\n };\n },\n hasFluid() {\n return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;\n }\n },\n components: {\n SpinnerIcon,\n Badge\n },\n directives: {\n ripple: Ripple\n }\n};\n</script>\n","<template>\n <component v-if=\"!asChild\" :is=\"as\" v-ripple :class=\"cx('root')\" v-bind=\"attrs\">\n <slot>\n <slot v-if=\"loading\" name=\"loadingicon\" :class=\"[cx('loadingIcon'), cx('icon')]\">\n <span v-if=\"loadingIcon\" :class=\"[cx('loadingIcon'), cx('icon'), loadingIcon]\" v-bind=\"ptm('loadingIcon')\" />\n <SpinnerIcon v-else :class=\"[cx('loadingIcon'), cx('icon')]\" spin v-bind=\"ptm('loadingIcon')\" />\n </slot>\n <slot v-else name=\"icon\" :class=\"[cx('icon')]\">\n <span v-if=\"icon\" :class=\"[cx('icon'), icon, iconClass]\" v-bind=\"ptm('icon')\"></span>\n </slot>\n <span :class=\"cx('label')\" v-bind=\"ptm('label')\">{{ label || ' ' }}</span>\n <Badge v-if=\"badge\" :value=\"badge\" :class=\"badgeClass\" :severity=\"badgeSeverity\" :unstyled=\"unstyled\" :pt=\"ptm('pcBadge')\"></Badge>\n </slot>\n </component>\n <slot v-else :class=\"cx('root')\" :a11yAttrs=\"a11yAttrs\"></slot>\n</template>\n\n<script>\nimport { isEmpty } from '@primeuix/utils/object';\nimport SpinnerIcon from '@primevue/icons/spinner';\nimport Badge from 'primevue/badge';\nimport Ripple from 'primevue/ripple';\nimport { mergeProps } from 'vue';\nimport BaseButton from './BaseButton.vue';\n\nexport default {\n name: 'Button',\n extends: BaseButton,\n inheritAttrs: false,\n inject: {\n $pcFluid: { default: null }\n },\n methods: {\n getPTOptions(key) {\n const _ptm = key === 'root' ? this.ptmi : this.ptm;\n\n return _ptm(key, {\n context: {\n disabled: this.disabled\n }\n });\n }\n },\n computed: {\n disabled() {\n return this.$attrs.disabled || this.$attrs.disabled === '' || this.loading;\n },\n defaultAriaLabel() {\n return this.label ? this.label + (this.badge ? ' ' + this.badge : '') : this.$attrs.ariaLabel;\n },\n hasIcon() {\n return this.icon || this.$slots.icon;\n },\n attrs() {\n return mergeProps(this.asAttrs, this.a11yAttrs, this.getPTOptions('root'));\n },\n asAttrs() {\n return this.as === 'BUTTON' ? { type: 'button', disabled: this.disabled } : undefined;\n },\n a11yAttrs() {\n return {\n 'aria-label': this.defaultAriaLabel,\n 'data-pc-name': 'button',\n 'data-p-disabled': this.disabled,\n 'data-p-severity': this.severity\n };\n },\n hasFluid() {\n return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;\n }\n },\n components: {\n SpinnerIcon,\n Badge\n },\n directives: {\n ripple: Ripple\n }\n};\n</script>\n"],"names":["name","BaseComponent","props","label","type","String","icon","iconPos","iconClass","Object","badge","badgeClass","badgeSeverity","loading","Boolean","loadingIcon","undefined","as","asChild","link","severity","raised","rounded","text","outlined","size","plain","fluid","style","ButtonStyle","provide","$pcButton","$parentInstance","BaseButton","inheritAttrs","inject","$pcFluid","methods","getPTOptions","key","_ptm","ptmi","ptm","context","disabled","computed","$attrs","defaultAriaLabel","ariaLabel","hasIcon","$slots","attrs","mergeProps","asAttrs","a11yAttrs","hasFluid","isEmpty","components","SpinnerIcon","Badge","directives","ripple","Ripple","_ctx","_createBlock","_resolveDynamicComponent","_mergeProps","cx","$options","_renderSlot","_normalizeClass","_openBlock","_createElementBlock","_component_SpinnerIcon","spin","_createElementVNode","_component_Badge","value","unstyled","pt"],"mappings":"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"}
|
package/carousel/Carousel.vue
CHANGED
|
@@ -103,7 +103,6 @@
|
|
|
103
103
|
<script>
|
|
104
104
|
import { addClass, find, findSingle, getAttribute, removeClass, setAttribute } from '@primeuix/utils/dom';
|
|
105
105
|
import { localeComparator, sort } from '@primeuix/utils/object';
|
|
106
|
-
import { UniqueComponentId } from '@primevue/core/utils';
|
|
107
106
|
import ChevronDownIcon from '@primevue/icons/chevrondown';
|
|
108
107
|
import ChevronLeftIcon from '@primevue/icons/chevronleft';
|
|
109
108
|
import ChevronRightIcon from '@primevue/icons/chevronright';
|
|
@@ -161,7 +160,6 @@ export default {
|
|
|
161
160
|
mounted() {
|
|
162
161
|
let stateChanged = false;
|
|
163
162
|
|
|
164
|
-
this.$el.setAttribute(this.attributeSelector, '');
|
|
165
163
|
this.createStyle();
|
|
166
164
|
this.calculatePosition();
|
|
167
165
|
|
|
@@ -569,7 +567,7 @@ export default {
|
|
|
569
567
|
}
|
|
570
568
|
|
|
571
569
|
let innerHTML = `
|
|
572
|
-
.p-carousel[${this
|
|
570
|
+
.p-carousel[${this.$attrSelector}] .p-carousel-item {
|
|
573
571
|
flex: 1 0 ${100 / this.d_numVisible}%
|
|
574
572
|
}
|
|
575
573
|
`;
|
|
@@ -590,7 +588,7 @@ export default {
|
|
|
590
588
|
|
|
591
589
|
innerHTML += `
|
|
592
590
|
@media screen and (max-width: ${res.breakpoint}) {
|
|
593
|
-
.p-carousel[${this
|
|
591
|
+
.p-carousel[${this.$attrSelector}] .p-carousel-item {
|
|
594
592
|
flex: 1 0 ${100 / res.numVisible}%
|
|
595
593
|
}
|
|
596
594
|
}
|
|
@@ -641,9 +639,6 @@ export default {
|
|
|
641
639
|
ariaNextButtonLabel() {
|
|
642
640
|
return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.nextPageLabel : undefined;
|
|
643
641
|
},
|
|
644
|
-
attributeSelector() {
|
|
645
|
-
return UniqueComponentId();
|
|
646
|
-
},
|
|
647
642
|
empty() {
|
|
648
643
|
return !this.value || this.value.length === 0;
|
|
649
644
|
},
|
package/carousel/index.mjs
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { removeClass, addClass, find, getAttribute, findSingle, setAttribute } from '@primeuix/utils/dom';
|
|
2
2
|
import { localeComparator, sort } from '@primeuix/utils/object';
|
|
3
|
-
import { UniqueComponentId } from '@primevue/core/utils';
|
|
4
3
|
import ChevronDownIcon from '@primevue/icons/chevrondown';
|
|
5
4
|
import ChevronLeftIcon from '@primevue/icons/chevronleft';
|
|
6
5
|
import ChevronRightIcon from '@primevue/icons/chevronright';
|
|
@@ -139,7 +138,6 @@ var script = {
|
|
|
139
138
|
},
|
|
140
139
|
mounted: function mounted() {
|
|
141
140
|
var stateChanged = false;
|
|
142
|
-
this.$el.setAttribute(this.attributeSelector, '');
|
|
143
141
|
this.createStyle();
|
|
144
142
|
this.calculatePosition();
|
|
145
143
|
if (this.responsiveOptions) {
|
|
@@ -487,7 +485,7 @@ var script = {
|
|
|
487
485
|
setAttribute(this.carouselStyle, 'nonce', (_this$$primevue = this.$primevue) === null || _this$$primevue === void 0 || (_this$$primevue = _this$$primevue.config) === null || _this$$primevue === void 0 || (_this$$primevue = _this$$primevue.csp) === null || _this$$primevue === void 0 ? void 0 : _this$$primevue.nonce);
|
|
488
486
|
document.body.appendChild(this.carouselStyle);
|
|
489
487
|
}
|
|
490
|
-
var innerHTML = "\n .p-carousel[".concat(this
|
|
488
|
+
var innerHTML = "\n .p-carousel[".concat(this.$attrSelector, "] .p-carousel-item {\n flex: 1 0 ").concat(100 / this.d_numVisible, "%\n }\n ");
|
|
491
489
|
if (this.responsiveOptions && !this.isUnstyled) {
|
|
492
490
|
var _responsiveOptions = _toConsumableArray(this.responsiveOptions);
|
|
493
491
|
var comparer = localeComparator();
|
|
@@ -498,7 +496,7 @@ var script = {
|
|
|
498
496
|
});
|
|
499
497
|
for (var i = 0; i < _responsiveOptions.length; i++) {
|
|
500
498
|
var res = _responsiveOptions[i];
|
|
501
|
-
innerHTML += "\n @media screen and (max-width: ".concat(res.breakpoint, ") {\n .p-carousel[").concat(this
|
|
499
|
+
innerHTML += "\n @media screen and (max-width: ".concat(res.breakpoint, ") {\n .p-carousel[").concat(this.$attrSelector, "] .p-carousel-item {\n flex: 1 0 ").concat(100 / res.numVisible, "%\n }\n }\n ");
|
|
502
500
|
}
|
|
503
501
|
}
|
|
504
502
|
this.carouselStyle.innerHTML = innerHTML;
|
|
@@ -544,9 +542,6 @@ var script = {
|
|
|
544
542
|
ariaNextButtonLabel: function ariaNextButtonLabel() {
|
|
545
543
|
return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.nextPageLabel : undefined;
|
|
546
544
|
},
|
|
547
|
-
attributeSelector: function attributeSelector() {
|
|
548
|
-
return UniqueComponentId();
|
|
549
|
-
},
|
|
550
545
|
empty: function empty() {
|
|
551
546
|
return !this.value || this.value.length === 0;
|
|
552
547
|
},
|