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
|
@@ -49,11 +49,11 @@ export enum GalleriaClasses {
|
|
|
49
49
|
/**
|
|
50
50
|
* Class name of the previous item button element
|
|
51
51
|
*/
|
|
52
|
-
|
|
52
|
+
prevButton = 'p-galleria-prev-button',
|
|
53
53
|
/**
|
|
54
54
|
* Class name of the previous item icon element
|
|
55
55
|
*/
|
|
56
|
-
|
|
56
|
+
prevIcon = 'p-galleria-prev-icon',
|
|
57
57
|
/**
|
|
58
58
|
* Class name of the item element
|
|
59
59
|
*/
|
|
@@ -61,11 +61,11 @@ export enum GalleriaClasses {
|
|
|
61
61
|
/**
|
|
62
62
|
* Class name of the next item button element
|
|
63
63
|
*/
|
|
64
|
-
|
|
64
|
+
nextButton = 'p-galleria-next-button',
|
|
65
65
|
/**
|
|
66
66
|
* Class name of the next item icon element
|
|
67
67
|
*/
|
|
68
|
-
|
|
68
|
+
nextIcon = 'p-galleria-next-icon',
|
|
69
69
|
/**
|
|
70
70
|
* Class name of the caption element
|
|
71
71
|
*/
|
package/galleria/style/index.mjs
CHANGED
|
@@ -23,21 +23,21 @@ var classes = {
|
|
|
23
23
|
footer: 'p-galleria-footer',
|
|
24
24
|
itemsContainer: 'p-galleria-items-container',
|
|
25
25
|
items: 'p-galleria-items',
|
|
26
|
-
|
|
26
|
+
prevButton: function prevButton(_ref3) {
|
|
27
27
|
var instance = _ref3.instance;
|
|
28
28
|
return ['p-galleria-prev-button p-galleria-nav-button', {
|
|
29
29
|
'p-disabled': instance.isNavBackwardDisabled()
|
|
30
30
|
}];
|
|
31
31
|
},
|
|
32
|
-
|
|
32
|
+
prevIcon: 'p-galleria-prev-icon',
|
|
33
33
|
item: 'p-galleria-item',
|
|
34
|
-
|
|
34
|
+
nextButton: function nextButton(_ref4) {
|
|
35
35
|
var instance = _ref4.instance;
|
|
36
36
|
return ['p-galleria-next-button p-galleria-nav-button', {
|
|
37
37
|
'p-disabled': instance.isNavForwardDisabled()
|
|
38
38
|
}];
|
|
39
39
|
},
|
|
40
|
-
|
|
40
|
+
nextIcon: 'p-galleria-next-icon',
|
|
41
41
|
caption: 'p-galleria-caption',
|
|
42
42
|
indicatorList: 'p-galleria-indicator-list',
|
|
43
43
|
indicator: function indicator(_ref5) {
|
|
@@ -50,13 +50,13 @@ var classes = {
|
|
|
50
50
|
indicatorButton: 'p-galleria-indicator-button',
|
|
51
51
|
thumbnails: 'p-galleria-thumbnails',
|
|
52
52
|
thumbnailContent: 'p-galleria-thumbnails-content',
|
|
53
|
-
|
|
53
|
+
thumbnailPrevButton: function thumbnailPrevButton(_ref6) {
|
|
54
54
|
var instance = _ref6.instance;
|
|
55
55
|
return ['p-galleria-thumbnail-prev-button p-galleria-thumbnail-nav-button', {
|
|
56
56
|
'p-disabled': instance.isNavBackwardDisabled()
|
|
57
57
|
}];
|
|
58
58
|
},
|
|
59
|
-
|
|
59
|
+
thumbnailPrevIcon: 'p-galleria-thumbnail-prev-icon',
|
|
60
60
|
thumbnailsViewport: 'p-galleria-thumbnails-viewport',
|
|
61
61
|
thumbnailItems: 'p-galleria-thumbnail-items',
|
|
62
62
|
thumbnailItem: function thumbnailItem(_ref7) {
|
|
@@ -71,13 +71,13 @@ var classes = {
|
|
|
71
71
|
}];
|
|
72
72
|
},
|
|
73
73
|
thumbnail: 'p-galleria-thumbnail',
|
|
74
|
-
|
|
74
|
+
thumbnailNextButton: function thumbnailNextButton(_ref8) {
|
|
75
75
|
var instance = _ref8.instance;
|
|
76
76
|
return ['p-galleria-thumbnail-next-button p-galleria-thumbnail-nav-button', {
|
|
77
77
|
'p-disabled': instance.isNavForwardDisabled()
|
|
78
78
|
}];
|
|
79
79
|
},
|
|
80
|
-
|
|
80
|
+
thumbnailNextIcon: 'p-galleria-thumbnail-next-icon'
|
|
81
81
|
};
|
|
82
82
|
var GalleriaStyle = BaseStyle.extend({
|
|
83
83
|
name: 'galleria',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../src/galleria/style/GalleriaStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-galleria {\n overflow: hidden;\n border-style: solid;\n border-width: ${dt('galleria.border.width')};\n border-color: ${dt('galleria.border.color')};\n border-radius: ${dt('galleria.border.radius')};\n}\n\n.p-galleria-content {\n display: flex;\n flex-direction: column;\n}\n\n.p-galleria-items-container {\n display: flex;\n flex-direction: column;\n position: relative;\n}\n\n.p-galleria-items {\n position: relative;\n display: flex;\n height: 100%;\n}\n\n.p-galleria-nav-button {\n position: absolute;\n top: 50%;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n background: ${dt('galleria.nav.button.background')};\n color: ${dt('galleria.nav.button.color')};\n width: ${dt('galleria.nav.button.size')};\n height: ${dt('galleria.nav.button.size')};\n transition: background ${dt('galleria.transition.duration')}, color ${dt('galleria.transition.duration')}, outline-color ${dt('galleria.transition.duration')}, box-shadow ${dt('galleria.transition.duration')};\n margin: calc(-1 * calc(${dt('galleria.nav.button.size')}) / 2) ${dt('galleria.nav.button.gutter')} 0 ${dt('galleria.nav.button.gutter')};\n padding: 0;\n user-select: none;\n border: 0 none;\n cursor: pointer;\n outline-color: transparent;\n}\n\n.p-galleria-nav-button:not(.p-disabled):hover {\n background: ${dt('galleria.nav.button.hover.background')};\n color: ${dt('galleria.nav.button.hover.color')};\n}\n\n.p-galleria-nav-button:not(.p-disabled):focus-visible {\n box-shadow: ${dt('galleria.nav.button.focus.ring.shadow')};\n outline: ${dt('galleria.nav.button.focus.ring.width')} ${dt('galleria.nav.button.focus.ring.style')} ${dt('galleria.nav.button.focus.ring.color')};\n outline-offset: ${dt('galleria.nav.button.focus.ring.offset')};\n}\n\n.p-galleria-next-icon,\n.p-galleria-prev-icon {\n font-size: ${dt('galleria.nav.icon.size')};\n width: ${dt('galleria.nav.icon.size')};\n height: ${dt('galleria.nav.icon.size')};\n}\n\n.p-galleria-prev-button {\n border-radius: ${dt('galleria.nav.button.prev.border.radius')};\n left: 0;\n}\n\n.p-galleria-next-button {\n border-radius: ${dt('galleria.nav.button.next.border.radius')};\n right: 0;\n}\n\n.p-galleria-item {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n width: 100%;\n}\n\n.p-galleria-hover-navigators .p-galleria-nav-button {\n pointer-events: none;\n opacity: 0;\n transition: opacity ${dt('galleria.transition.duration')} ease-in-out;\n}\n\n.p-galleria-hover-navigators .p-galleria-items-container:hover .p-galleria-nav-button {\n pointer-events: all;\n opacity: 1;\n}\n\n.p-galleria-hover-navigators .p-galleria-items-container:hover .p-galleria-nav-button.p-disabled {\n pointer-events: none;\n}\n\n.p-galleria-caption {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n background: ${dt('galleria.caption.background')};\n color: ${dt('galleria.caption.color')};\n padding: ${dt('galleria.caption.padding')};\n}\n\n.p-galleria-thumbnails {\n display: flex;\n flex-direction: column;\n overflow: auto;\n flex-shrink: 0;\n}\n\n.p-galleria-thumbnail-nav-button {\n align-self: center;\n flex: 0 0 auto;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n position: relative;\n margin: 0 ${dt('galleria.thumbnail.nav.button.gutter')};\n padding: 0;\n border: none;\n user-select: none;\n cursor: pointer;\n background: transparent;\n color: ${dt('galleria.thumbnail.nav.button.color')};\n width: ${dt('galleria.thumbnail.nav.button.size')};\n height: ${dt('galleria.thumbnail.nav.button.size')};\n transition: background ${dt('galleria.transition.duration')}, color ${dt('galleria.transition.duration')}, outline-color ${dt('galleria.transition.duration')};\n outline-color: transparent;\n border-radius: ${dt('galleria.thumbnail.nav.button.border.radius')};\n}\n\n.p-galleria-thumbnail-nav-button:hover {\n background: ${dt('galleria.thumbnail.nav.button.hover.background')};\n color: ${dt('galleria.thumbnail.nav.button.hover.color')};\n}\n\n.p-galleria-thumbnail-nav-button:focus-visible {\n box-shadow: ${dt('galleria.thumbnail.nav.button.focus.ring.shadow')};\n outline: ${dt('galleria.thumbnail.nav.button.focus.ring.width')} ${dt('galleria.thumbnail.nav.button.focus.ring.style')} ${dt('galleria.thumbnail.nav.button.focus.ring.color')};\n outline-offset: ${dt('galleria.thumbnail.nav.button.focus.ring.offset')};\n}\n\n.p-galleria-thumbnail-nav-button .p-galleria-thumbnail-next-icon,\n.p-galleria-thumbnail-nav-button .p-galleria-thumbnail-prev-icon {\n font-size: ${dt('galleria.thumbnail.nav.button.icon.size')};\n width: ${dt('galleria.thumbnail.nav.button.icon.size')};\n height: ${dt('galleria.thumbnail.nav.button.icon.size')};\n}\n\n.p-galleria-thumbnails-content {\n display: flex;\n flex-direction: row;\n background: ${dt('galleria.thumbnails.content.background')};\n padding: ${dt('galleria.thumbnails.content.padding')};\n}\n\n.p-galleria-thumbnails-viewport {\n overflow: hidden;\n width: 100%;\n}\n\n.p-galleria-thumbnail-items {\n display: flex;\n}\n\n.p-galleria-thumbnail-item {\n overflow: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n opacity: 0.5;\n}\n\n.p-galleria-thumbnail {\n outline-color: transparent;\n}\n\n.p-galleria-thumbnail-item:hover {\n opacity: 1;\n transition: opacity 0.3s;\n}\n\n.p-galleria-thumbnail-item-current {\n opacity: 1;\n}\n\n.p-galleria-thumbnails-left .p-galleria-content,\n.p-galleria-thumbnails-right .p-galleria-content {\n flex-direction: row;\n}\n\n.p-galleria-thumbnails-left .p-galleria-items-container,\n.p-galleria-thumbnails-right .p-galleria-items-container {\n flex-direction: row;\n}\n\n.p-galleria-thumbnails-left .p-galleria-items-container,\n.p-galleria-thumbnails-top .p-galleria-items-container {\n order: 2;\n}\n\n.p-galleria-thumbnails-left .p-galleria-thumbnails,\n.p-galleria-thumbnails-top .p-galleria-thumbnails {\n order: 1;\n}\n\n.p-galleria-thumbnails-left .p-galleria-thumbnails-content,\n.p-galleria-thumbnails-right .p-galleria-thumbnails-content {\n flex-direction: column;\n flex-grow: 1;\n}\n\n.p-galleria-thumbnails-left .p-galleria-thumbnail-items,\n.p-galleria-thumbnails-right .p-galleria-thumbnail-items {\n flex-direction: column;\n height: 100%;\n}\n\n.p-galleria-indicator-list {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: ${dt('galleria.indicator.list.padding')};\n gap: ${dt('galleria.indicator.list.gap')};\n margin: 0;\n list-style: none;\n}\n\n.p-galleria-indicator-button {\n display: inline-flex;\n align-items: center;\n background: ${dt('galleria.indicator.button.background')};\n width: ${dt('galleria.indicator.button.width')};\n height: ${dt('galleria.indicator.button.height')};\n transition: background ${dt('galleria.transition.duration')}, color ${dt('galleria.transition.duration')}, outline-color ${dt('galleria.transition.duration')}, box-shadow ${dt('galleria.transition.duration')};\n outline-color: transparent;\n border-radius: ${dt('galleria.indicator.button.border.radius')};\n margin: 0;\n padding: 0;\n border: none;\n user-select: none;\n cursor: pointer;\n}\n\n.p-galleria-indicator-button:hover {\n background: ${dt('galleria.indicator.button.hover.background')};\n}\n\n.p-galleria-indicator-button:focus-visible {\n box-shadow: ${dt('galleria.indicator.button.focus.ring.shadow')};\n outline: ${dt('galleria.indicator.button.focus.ring.width')} ${dt('galleria.indicator.button.focus.ring.style')} ${dt('galleria.indicator.button.focus.ring.color')};\n outline-offset: ${dt('galleria.indicator.button.focus.ring.offset')};\n}\n\n.p-galleria-indicator-active .p-galleria-indicator-button {\n background: ${dt('galleria.indicator.button.active.background')};\n}\n\n.p-galleria-indicators-left .p-galleria-items-container,\n.p-galleria-indicators-right .p-galleria-items-container {\n flex-direction: row;\n align-items: center;\n}\n\n.p-galleria-indicators-left .p-galleria-items,\n.p-galleria-indicators-top .p-galleria-items {\n order: 2;\n}\n\n.p-galleria-indicators-left .p-galleria-indicator-list,\n.p-galleria-indicators-top .p-galleria-indicator-list {\n order: 1;\n}\n\n.p-galleria-indicators-left .p-galleria-indicator-list,\n.p-galleria-indicators-right .p-galleria-indicator-list {\n flex-direction: column;\n}\n\n.p-galleria-inset-indicators .p-galleria-indicator-list {\n position: absolute;\n display: flex;\n z-index: 1;\n background: ${dt('galleria.inset.indicator.list.background')};\n}\n\n.p-galleria-inset-indicators .p-galleria-indicator-button {\n background: ${dt('galleria.inset.indicator.button.background')};\n}\n\n.p-galleria-inset-indicators .p-galleria-indicator-button:hover {\n background: ${dt('galleria.inset.indicator.button.hover.background')};\n}\n\n.p-galleria-inset-indicators .p-galleria-indicator-active .p-galleria-indicator-button {\n background: ${dt('galleria.inset.indicator.button.active.background')};\n}\n\n.p-galleria-inset-indicators.p-galleria-indicators-top .p-galleria-indicator-list {\n top: 0;\n left: 0;\n width: 100%;\n align-items: flex-start;\n}\n\n.p-galleria-inset-indicators.p-galleria-indicators-right .p-galleria-indicator-list {\n right: 0;\n top: 0;\n height: 100%;\n align-items: flex-end;\n}\n\n.p-galleria-inset-indicators.p-galleria-indicators-bottom .p-galleria-indicator-list {\n bottom: 0;\n left: 0;\n width: 100%;\n align-items: flex-end;\n}\n\n.p-galleria-inset-indicators.p-galleria-indicators-left .p-galleria-indicator-list {\n left: 0;\n top: 0;\n height: 100%;\n align-items: flex-start;\n}\n\n.p-galleria-mask {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-galleria-close-button {\n position: absolute;\n top: 0;\n right: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n margin: ${dt('galleria.close.button.gutter')};\n background: ${dt('galleria.close.button.background')};\n color: ${dt('galleria.close.button.color')};\n width: ${dt('galleria.close.button.size')};\n height: ${dt('galleria.close.button.size')};\n padding: 0;\n border: none;\n user-select: none;\n cursor: pointer;\n border-radius: ${dt('galleria.close.button.border.radius')};\n outline-color: transparent;\n transition: background ${dt('galleria.transition.duration')}, color ${dt('galleria.transition.duration')}, outline-color ${dt('galleria.transition.duration')};\n}\n\n.p-galleria-close-icon {\n font-size: ${dt('galleria.close.button.icon.size')};\n width: ${dt('galleria.close.button.icon.size')};\n height: ${dt('galleria.close.button.icon.size')};\n}\n\n.p-galleria-close-button:hover {\n background: ${dt('galleria.close.button.hover.background')};\n color: ${dt('galleria.close.button.hover.color')};\n}\n\n.p-galleria-close-button:focus-visible {\n box-shadow: ${dt('galleria.close.button.focus.ring.shadow')};\n outline: ${dt('galleria.close.button.focus.ring.width')} ${dt('galleria.close.button.focus.ring.style')} ${dt('galleria.close.button.focus.ring.color')};\n outline-offset: ${dt('galleria.close.button.focus.ring.offset')};\n}\n\n.p-galleria-mask .p-galleria-nav-button {\n position: fixed;\n top: 50%;\n}\n\n.p-galleria-enter-active {\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-galleria-leave-active {\n transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.p-galleria-enter-from,\n.p-galleria-leave-to {\n opacity: 0;\n transform: scale(0.7);\n}\n\n.p-galleria-enter-active .p-galleria-nav-button {\n opacity: 0;\n}\n\n.p-items-hidden .p-galleria-thumbnail-item {\n visibility: hidden;\n}\n\n.p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {\n visibility: visible;\n}\n`;\n\nconst classes = {\n mask: 'p-galleria-mask p-overlay-mask p-overlay-mask-enter',\n root: ({ instance }) => {\n const thumbnailsPosClass = instance.$attrs.showThumbnails && instance.getPositionClass('p-galleria-thumbnails', instance.$attrs.thumbnailsPosition);\n const indicatorPosClass = instance.$attrs.showIndicators && instance.getPositionClass('p-galleria-indicators', instance.$attrs.indicatorsPosition);\n\n return [\n 'p-galleria p-component',\n {\n 'p-galleria-fullscreen': instance.$attrs.fullScreen,\n 'p-galleria-inset-indicators': instance.$attrs.showIndicatorsOnItem,\n 'p-galleria-hover-navigators': instance.$attrs.showItemNavigatorsOnHover && !instance.$attrs.fullScreen\n },\n thumbnailsPosClass,\n indicatorPosClass\n ];\n },\n closeButton: 'p-galleria-close-button',\n closeIcon: 'p-galleria-close-icon',\n header: 'p-galleria-header',\n content: 'p-galleria-content',\n footer: 'p-galleria-footer',\n itemsContainer: 'p-galleria-items-container',\n items: 'p-galleria-items',\n previousItemButton: ({ instance }) => [\n 'p-galleria-prev-button p-galleria-nav-button',\n {\n 'p-disabled': instance.isNavBackwardDisabled()\n }\n ],\n previousItemIcon: 'p-galleria-prev-icon',\n item: 'p-galleria-item',\n nextItemButton: ({ instance }) => [\n 'p-galleria-next-button p-galleria-nav-button',\n {\n 'p-disabled': instance.isNavForwardDisabled()\n }\n ],\n nextItemIcon: 'p-galleria-next-icon',\n caption: 'p-galleria-caption',\n indicatorList: 'p-galleria-indicator-list',\n indicator: ({ instance, index }) => [\n 'p-galleria-indicator',\n {\n 'p-galleria-indicator-active': instance.isIndicatorItemActive(index)\n }\n ],\n indicatorButton: 'p-galleria-indicator-button',\n thumbnails: 'p-galleria-thumbnails',\n thumbnailContent: 'p-galleria-thumbnails-content',\n previousThumbnailButton: ({ instance }) => [\n 'p-galleria-thumbnail-prev-button p-galleria-thumbnail-nav-button',\n {\n 'p-disabled': instance.isNavBackwardDisabled()\n }\n ],\n previousThumbnailIcon: 'p-galleria-thumbnail-prev-icon',\n thumbnailsViewport: 'p-galleria-thumbnails-viewport',\n thumbnailItems: 'p-galleria-thumbnail-items',\n thumbnailItem: ({ instance, index, activeIndex }) => [\n 'p-galleria-thumbnail-item',\n {\n 'p-galleria-thumbnail-item-current': activeIndex === index,\n 'p-galleria-thumbnail-item-active': instance.isItemActive(index),\n 'p-galleria-thumbnail-item-start': instance.firstItemAciveIndex() === index,\n 'p-galleria-thumbnail-item-end': instance.lastItemActiveIndex() === index\n }\n ],\n thumbnail: 'p-galleria-thumbnail',\n nextThumbnailButton: ({ instance }) => [\n 'p-galleria-thumbnail-next-button p-galleria-thumbnail-nav-button',\n {\n 'p-disabled': instance.isNavForwardDisabled()\n }\n ],\n nextThumbnailIcon: 'p-galleria-thumbnail-next-icon'\n};\n\nexport default BaseStyle.extend({\n name: 'galleria',\n theme,\n classes\n});\n"],"names":["theme","_ref","dt","concat","classes","mask","root","_ref2","instance","thumbnailsPosClass","$attrs","showThumbnails","getPositionClass","thumbnailsPosition","indicatorPosClass","showIndicators","indicatorsPosition","fullScreen","showIndicatorsOnItem","showItemNavigatorsOnHover","closeButton","closeIcon","header","content","footer","itemsContainer","items","previousItemButton","_ref3","isNavBackwardDisabled","previousItemIcon","item","nextItemButton","_ref4","isNavForwardDisabled","nextItemIcon","caption","indicatorList","indicator","_ref5","index","isIndicatorItemActive","indicatorButton","thumbnails","thumbnailContent","previousThumbnailButton","_ref6","previousThumbnailIcon","thumbnailsViewport","thumbnailItems","thumbnailItem","_ref7","activeIndex","isItemActive","firstItemAciveIndex","lastItemActiveIndex","thumbnail","nextThumbnailButton","_ref8","nextThumbnailIcon","BaseStyle","extend","name"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../src/galleria/style/GalleriaStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-galleria {\n overflow: hidden;\n border-style: solid;\n border-width: ${dt('galleria.border.width')};\n border-color: ${dt('galleria.border.color')};\n border-radius: ${dt('galleria.border.radius')};\n}\n\n.p-galleria-content {\n display: flex;\n flex-direction: column;\n}\n\n.p-galleria-items-container {\n display: flex;\n flex-direction: column;\n position: relative;\n}\n\n.p-galleria-items {\n position: relative;\n display: flex;\n height: 100%;\n}\n\n.p-galleria-nav-button {\n position: absolute;\n top: 50%;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n background: ${dt('galleria.nav.button.background')};\n color: ${dt('galleria.nav.button.color')};\n width: ${dt('galleria.nav.button.size')};\n height: ${dt('galleria.nav.button.size')};\n transition: background ${dt('galleria.transition.duration')}, color ${dt('galleria.transition.duration')}, outline-color ${dt('galleria.transition.duration')}, box-shadow ${dt('galleria.transition.duration')};\n margin: calc(-1 * calc(${dt('galleria.nav.button.size')}) / 2) ${dt('galleria.nav.button.gutter')} 0 ${dt('galleria.nav.button.gutter')};\n padding: 0;\n user-select: none;\n border: 0 none;\n cursor: pointer;\n outline-color: transparent;\n}\n\n.p-galleria-nav-button:not(.p-disabled):hover {\n background: ${dt('galleria.nav.button.hover.background')};\n color: ${dt('galleria.nav.button.hover.color')};\n}\n\n.p-galleria-nav-button:not(.p-disabled):focus-visible {\n box-shadow: ${dt('galleria.nav.button.focus.ring.shadow')};\n outline: ${dt('galleria.nav.button.focus.ring.width')} ${dt('galleria.nav.button.focus.ring.style')} ${dt('galleria.nav.button.focus.ring.color')};\n outline-offset: ${dt('galleria.nav.button.focus.ring.offset')};\n}\n\n.p-galleria-next-icon,\n.p-galleria-prev-icon {\n font-size: ${dt('galleria.nav.icon.size')};\n width: ${dt('galleria.nav.icon.size')};\n height: ${dt('galleria.nav.icon.size')};\n}\n\n.p-galleria-prev-button {\n border-radius: ${dt('galleria.nav.button.prev.border.radius')};\n left: 0;\n}\n\n.p-galleria-next-button {\n border-radius: ${dt('galleria.nav.button.next.border.radius')};\n right: 0;\n}\n\n.p-galleria-item {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n width: 100%;\n}\n\n.p-galleria-hover-navigators .p-galleria-nav-button {\n pointer-events: none;\n opacity: 0;\n transition: opacity ${dt('galleria.transition.duration')} ease-in-out;\n}\n\n.p-galleria-hover-navigators .p-galleria-items-container:hover .p-galleria-nav-button {\n pointer-events: all;\n opacity: 1;\n}\n\n.p-galleria-hover-navigators .p-galleria-items-container:hover .p-galleria-nav-button.p-disabled {\n pointer-events: none;\n}\n\n.p-galleria-caption {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n background: ${dt('galleria.caption.background')};\n color: ${dt('galleria.caption.color')};\n padding: ${dt('galleria.caption.padding')};\n}\n\n.p-galleria-thumbnails {\n display: flex;\n flex-direction: column;\n overflow: auto;\n flex-shrink: 0;\n}\n\n.p-galleria-thumbnail-nav-button {\n align-self: center;\n flex: 0 0 auto;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n position: relative;\n margin: 0 ${dt('galleria.thumbnail.nav.button.gutter')};\n padding: 0;\n border: none;\n user-select: none;\n cursor: pointer;\n background: transparent;\n color: ${dt('galleria.thumbnail.nav.button.color')};\n width: ${dt('galleria.thumbnail.nav.button.size')};\n height: ${dt('galleria.thumbnail.nav.button.size')};\n transition: background ${dt('galleria.transition.duration')}, color ${dt('galleria.transition.duration')}, outline-color ${dt('galleria.transition.duration')};\n outline-color: transparent;\n border-radius: ${dt('galleria.thumbnail.nav.button.border.radius')};\n}\n\n.p-galleria-thumbnail-nav-button:hover {\n background: ${dt('galleria.thumbnail.nav.button.hover.background')};\n color: ${dt('galleria.thumbnail.nav.button.hover.color')};\n}\n\n.p-galleria-thumbnail-nav-button:focus-visible {\n box-shadow: ${dt('galleria.thumbnail.nav.button.focus.ring.shadow')};\n outline: ${dt('galleria.thumbnail.nav.button.focus.ring.width')} ${dt('galleria.thumbnail.nav.button.focus.ring.style')} ${dt('galleria.thumbnail.nav.button.focus.ring.color')};\n outline-offset: ${dt('galleria.thumbnail.nav.button.focus.ring.offset')};\n}\n\n.p-galleria-thumbnail-nav-button .p-galleria-thumbnail-next-icon,\n.p-galleria-thumbnail-nav-button .p-galleria-thumbnail-prev-icon {\n font-size: ${dt('galleria.thumbnail.nav.button.icon.size')};\n width: ${dt('galleria.thumbnail.nav.button.icon.size')};\n height: ${dt('galleria.thumbnail.nav.button.icon.size')};\n}\n\n.p-galleria-thumbnails-content {\n display: flex;\n flex-direction: row;\n background: ${dt('galleria.thumbnails.content.background')};\n padding: ${dt('galleria.thumbnails.content.padding')};\n}\n\n.p-galleria-thumbnails-viewport {\n overflow: hidden;\n width: 100%;\n}\n\n.p-galleria-thumbnail-items {\n display: flex;\n}\n\n.p-galleria-thumbnail-item {\n overflow: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n opacity: 0.5;\n}\n\n.p-galleria-thumbnail {\n outline-color: transparent;\n}\n\n.p-galleria-thumbnail-item:hover {\n opacity: 1;\n transition: opacity 0.3s;\n}\n\n.p-galleria-thumbnail-item-current {\n opacity: 1;\n}\n\n.p-galleria-thumbnails-left .p-galleria-content,\n.p-galleria-thumbnails-right .p-galleria-content {\n flex-direction: row;\n}\n\n.p-galleria-thumbnails-left .p-galleria-items-container,\n.p-galleria-thumbnails-right .p-galleria-items-container {\n flex-direction: row;\n}\n\n.p-galleria-thumbnails-left .p-galleria-items-container,\n.p-galleria-thumbnails-top .p-galleria-items-container {\n order: 2;\n}\n\n.p-galleria-thumbnails-left .p-galleria-thumbnails,\n.p-galleria-thumbnails-top .p-galleria-thumbnails {\n order: 1;\n}\n\n.p-galleria-thumbnails-left .p-galleria-thumbnails-content,\n.p-galleria-thumbnails-right .p-galleria-thumbnails-content {\n flex-direction: column;\n flex-grow: 1;\n}\n\n.p-galleria-thumbnails-left .p-galleria-thumbnail-items,\n.p-galleria-thumbnails-right .p-galleria-thumbnail-items {\n flex-direction: column;\n height: 100%;\n}\n\n.p-galleria-indicator-list {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: ${dt('galleria.indicator.list.padding')};\n gap: ${dt('galleria.indicator.list.gap')};\n margin: 0;\n list-style: none;\n}\n\n.p-galleria-indicator-button {\n display: inline-flex;\n align-items: center;\n background: ${dt('galleria.indicator.button.background')};\n width: ${dt('galleria.indicator.button.width')};\n height: ${dt('galleria.indicator.button.height')};\n transition: background ${dt('galleria.transition.duration')}, color ${dt('galleria.transition.duration')}, outline-color ${dt('galleria.transition.duration')}, box-shadow ${dt('galleria.transition.duration')};\n outline-color: transparent;\n border-radius: ${dt('galleria.indicator.button.border.radius')};\n margin: 0;\n padding: 0;\n border: none;\n user-select: none;\n cursor: pointer;\n}\n\n.p-galleria-indicator-button:hover {\n background: ${dt('galleria.indicator.button.hover.background')};\n}\n\n.p-galleria-indicator-button:focus-visible {\n box-shadow: ${dt('galleria.indicator.button.focus.ring.shadow')};\n outline: ${dt('galleria.indicator.button.focus.ring.width')} ${dt('galleria.indicator.button.focus.ring.style')} ${dt('galleria.indicator.button.focus.ring.color')};\n outline-offset: ${dt('galleria.indicator.button.focus.ring.offset')};\n}\n\n.p-galleria-indicator-active .p-galleria-indicator-button {\n background: ${dt('galleria.indicator.button.active.background')};\n}\n\n.p-galleria-indicators-left .p-galleria-items-container,\n.p-galleria-indicators-right .p-galleria-items-container {\n flex-direction: row;\n align-items: center;\n}\n\n.p-galleria-indicators-left .p-galleria-items,\n.p-galleria-indicators-top .p-galleria-items {\n order: 2;\n}\n\n.p-galleria-indicators-left .p-galleria-indicator-list,\n.p-galleria-indicators-top .p-galleria-indicator-list {\n order: 1;\n}\n\n.p-galleria-indicators-left .p-galleria-indicator-list,\n.p-galleria-indicators-right .p-galleria-indicator-list {\n flex-direction: column;\n}\n\n.p-galleria-inset-indicators .p-galleria-indicator-list {\n position: absolute;\n display: flex;\n z-index: 1;\n background: ${dt('galleria.inset.indicator.list.background')};\n}\n\n.p-galleria-inset-indicators .p-galleria-indicator-button {\n background: ${dt('galleria.inset.indicator.button.background')};\n}\n\n.p-galleria-inset-indicators .p-galleria-indicator-button:hover {\n background: ${dt('galleria.inset.indicator.button.hover.background')};\n}\n\n.p-galleria-inset-indicators .p-galleria-indicator-active .p-galleria-indicator-button {\n background: ${dt('galleria.inset.indicator.button.active.background')};\n}\n\n.p-galleria-inset-indicators.p-galleria-indicators-top .p-galleria-indicator-list {\n top: 0;\n left: 0;\n width: 100%;\n align-items: flex-start;\n}\n\n.p-galleria-inset-indicators.p-galleria-indicators-right .p-galleria-indicator-list {\n right: 0;\n top: 0;\n height: 100%;\n align-items: flex-end;\n}\n\n.p-galleria-inset-indicators.p-galleria-indicators-bottom .p-galleria-indicator-list {\n bottom: 0;\n left: 0;\n width: 100%;\n align-items: flex-end;\n}\n\n.p-galleria-inset-indicators.p-galleria-indicators-left .p-galleria-indicator-list {\n left: 0;\n top: 0;\n height: 100%;\n align-items: flex-start;\n}\n\n.p-galleria-mask {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-galleria-close-button {\n position: absolute;\n top: 0;\n right: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n margin: ${dt('galleria.close.button.gutter')};\n background: ${dt('galleria.close.button.background')};\n color: ${dt('galleria.close.button.color')};\n width: ${dt('galleria.close.button.size')};\n height: ${dt('galleria.close.button.size')};\n padding: 0;\n border: none;\n user-select: none;\n cursor: pointer;\n border-radius: ${dt('galleria.close.button.border.radius')};\n outline-color: transparent;\n transition: background ${dt('galleria.transition.duration')}, color ${dt('galleria.transition.duration')}, outline-color ${dt('galleria.transition.duration')};\n}\n\n.p-galleria-close-icon {\n font-size: ${dt('galleria.close.button.icon.size')};\n width: ${dt('galleria.close.button.icon.size')};\n height: ${dt('galleria.close.button.icon.size')};\n}\n\n.p-galleria-close-button:hover {\n background: ${dt('galleria.close.button.hover.background')};\n color: ${dt('galleria.close.button.hover.color')};\n}\n\n.p-galleria-close-button:focus-visible {\n box-shadow: ${dt('galleria.close.button.focus.ring.shadow')};\n outline: ${dt('galleria.close.button.focus.ring.width')} ${dt('galleria.close.button.focus.ring.style')} ${dt('galleria.close.button.focus.ring.color')};\n outline-offset: ${dt('galleria.close.button.focus.ring.offset')};\n}\n\n.p-galleria-mask .p-galleria-nav-button {\n position: fixed;\n top: 50%;\n}\n\n.p-galleria-enter-active {\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n}\n\n.p-galleria-leave-active {\n transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.p-galleria-enter-from,\n.p-galleria-leave-to {\n opacity: 0;\n transform: scale(0.7);\n}\n\n.p-galleria-enter-active .p-galleria-nav-button {\n opacity: 0;\n}\n\n.p-items-hidden .p-galleria-thumbnail-item {\n visibility: hidden;\n}\n\n.p-items-hidden .p-galleria-thumbnail-item.p-galleria-thumbnail-item-active {\n visibility: visible;\n}\n`;\n\nconst classes = {\n mask: 'p-galleria-mask p-overlay-mask p-overlay-mask-enter',\n root: ({ instance }) => {\n const thumbnailsPosClass = instance.$attrs.showThumbnails && instance.getPositionClass('p-galleria-thumbnails', instance.$attrs.thumbnailsPosition);\n const indicatorPosClass = instance.$attrs.showIndicators && instance.getPositionClass('p-galleria-indicators', instance.$attrs.indicatorsPosition);\n\n return [\n 'p-galleria p-component',\n {\n 'p-galleria-fullscreen': instance.$attrs.fullScreen,\n 'p-galleria-inset-indicators': instance.$attrs.showIndicatorsOnItem,\n 'p-galleria-hover-navigators': instance.$attrs.showItemNavigatorsOnHover && !instance.$attrs.fullScreen\n },\n thumbnailsPosClass,\n indicatorPosClass\n ];\n },\n closeButton: 'p-galleria-close-button',\n closeIcon: 'p-galleria-close-icon',\n header: 'p-galleria-header',\n content: 'p-galleria-content',\n footer: 'p-galleria-footer',\n itemsContainer: 'p-galleria-items-container',\n items: 'p-galleria-items',\n prevButton: ({ instance }) => [\n 'p-galleria-prev-button p-galleria-nav-button',\n {\n 'p-disabled': instance.isNavBackwardDisabled()\n }\n ],\n prevIcon: 'p-galleria-prev-icon',\n item: 'p-galleria-item',\n nextButton: ({ instance }) => [\n 'p-galleria-next-button p-galleria-nav-button',\n {\n 'p-disabled': instance.isNavForwardDisabled()\n }\n ],\n nextIcon: 'p-galleria-next-icon',\n caption: 'p-galleria-caption',\n indicatorList: 'p-galleria-indicator-list',\n indicator: ({ instance, index }) => [\n 'p-galleria-indicator',\n {\n 'p-galleria-indicator-active': instance.isIndicatorItemActive(index)\n }\n ],\n indicatorButton: 'p-galleria-indicator-button',\n thumbnails: 'p-galleria-thumbnails',\n thumbnailContent: 'p-galleria-thumbnails-content',\n thumbnailPrevButton: ({ instance }) => [\n 'p-galleria-thumbnail-prev-button p-galleria-thumbnail-nav-button',\n {\n 'p-disabled': instance.isNavBackwardDisabled()\n }\n ],\n thumbnailPrevIcon: 'p-galleria-thumbnail-prev-icon',\n thumbnailsViewport: 'p-galleria-thumbnails-viewport',\n thumbnailItems: 'p-galleria-thumbnail-items',\n thumbnailItem: ({ instance, index, activeIndex }) => [\n 'p-galleria-thumbnail-item',\n {\n 'p-galleria-thumbnail-item-current': activeIndex === index,\n 'p-galleria-thumbnail-item-active': instance.isItemActive(index),\n 'p-galleria-thumbnail-item-start': instance.firstItemAciveIndex() === index,\n 'p-galleria-thumbnail-item-end': instance.lastItemActiveIndex() === index\n }\n ],\n thumbnail: 'p-galleria-thumbnail',\n thumbnailNextButton: ({ instance }) => [\n 'p-galleria-thumbnail-next-button p-galleria-thumbnail-nav-button',\n {\n 'p-disabled': instance.isNavForwardDisabled()\n }\n ],\n thumbnailNextIcon: 'p-galleria-thumbnail-next-icon'\n};\n\nexport default BaseStyle.extend({\n name: 'galleria',\n theme,\n classes\n});\n"],"names":["theme","_ref","dt","concat","classes","mask","root","_ref2","instance","thumbnailsPosClass","$attrs","showThumbnails","getPositionClass","thumbnailsPosition","indicatorPosClass","showIndicators","indicatorsPosition","fullScreen","showIndicatorsOnItem","showItemNavigatorsOnHover","closeButton","closeIcon","header","content","footer","itemsContainer","items","prevButton","_ref3","isNavBackwardDisabled","prevIcon","item","nextButton","_ref4","isNavForwardDisabled","nextIcon","caption","indicatorList","indicator","_ref5","index","isIndicatorItemActive","indicatorButton","thumbnails","thumbnailContent","thumbnailPrevButton","_ref6","thumbnailPrevIcon","thumbnailsViewport","thumbnailItems","thumbnailItem","_ref7","activeIndex","isItemActive","firstItemAciveIndex","lastItemActiveIndex","thumbnail","thumbnailNextButton","_ref8","thumbnailNextIcon","BaseStyle","extend","name"],"mappings":"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"}
|
|
@@ -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-iconfield {\n position: relative;\n}\n\n.p-inputicon {\n position: absolute;\n top: 50%;\n margin-top: calc(-1 * (".concat(dt('icon.size'), " / 2));\n color: ").concat(dt('iconfield.icon.color'), ";\n}\n\n.p-iconfield .p-inputicon:first-child {\n left: ").concat(dt('form.field.padding.x'), ";\n}\n\n.p-iconfield .p-inputicon:last-child {\n right: ").concat(dt('form.field.padding.x'), ";\n}\n\n.p-iconfield .p-inputtext:
|
|
5
|
+
return "\n.p-iconfield {\n position: relative;\n}\n\n.p-inputicon {\n position: absolute;\n top: 50%;\n margin-top: calc(-1 * (".concat(dt('icon.size'), " / 2));\n color: ").concat(dt('iconfield.icon.color'), ";\n}\n\n.p-iconfield .p-inputicon:first-child {\n left: ").concat(dt('form.field.padding.x'), ";\n}\n\n.p-iconfield .p-inputicon:last-child {\n right: ").concat(dt('form.field.padding.x'), ";\n}\n\n.p-iconfield .p-inputtext:not(:first-child) {\n padding-left: calc((").concat(dt('form.field.padding.x'), " * 2) + ").concat(dt('icon.size'), ");\n}\n\n.p-iconfield .p-inputtext:not(:last-child) {\n padding-right: calc((").concat(dt('form.field.padding.x'), " * 2) + ").concat(dt('icon.size'), ");\n}\n");
|
|
6
6
|
};
|
|
7
7
|
var classes = {
|
|
8
8
|
root: 'p-iconfield'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../src/iconfield/style/IconFieldStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-iconfield {\n position: relative;\n}\n\n.p-inputicon {\n position: absolute;\n top: 50%;\n margin-top: calc(-1 * (${dt('icon.size')} / 2));\n color: ${dt('iconfield.icon.color')};\n}\n\n.p-iconfield .p-inputicon:first-child {\n left: ${dt('form.field.padding.x')};\n}\n\n.p-iconfield .p-inputicon:last-child {\n right: ${dt('form.field.padding.x')};\n}\n\n.p-iconfield .p-inputtext:
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../src/iconfield/style/IconFieldStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-iconfield {\n position: relative;\n}\n\n.p-inputicon {\n position: absolute;\n top: 50%;\n margin-top: calc(-1 * (${dt('icon.size')} / 2));\n color: ${dt('iconfield.icon.color')};\n}\n\n.p-iconfield .p-inputicon:first-child {\n left: ${dt('form.field.padding.x')};\n}\n\n.p-iconfield .p-inputicon:last-child {\n right: ${dt('form.field.padding.x')};\n}\n\n.p-iconfield .p-inputtext:not(:first-child) {\n padding-left: calc((${dt('form.field.padding.x')} * 2) + ${dt('icon.size')});\n}\n\n.p-iconfield .p-inputtext:not(:last-child) {\n padding-right: calc((${dt('form.field.padding.x')} * 2) + ${dt('icon.size')});\n}\n`;\n\nconst classes = {\n root: 'p-iconfield'\n};\n\nexport default BaseStyle.extend({\n name: 'iconfield',\n theme,\n classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE,CAAA;EAAA,OAAAC,qIAAAA,CAAAA,MAAA,CAQUD,EAAE,CAAC,WAAW,CAAC,EAAAC,sBAAAA,CAAAA,CAAAA,MAAA,CAC/BD,EAAE,CAAC,sBAAsB,CAAC,EAAAC,6DAAAA,CAAAA,CAAAA,MAAA,CAI3BD,EAAE,CAAC,sBAAsB,CAAC,EAAA,6DAAA,CAAA,CAAAC,MAAA,CAIzBD,EAAE,CAAC,sBAAsB,CAAC,qFAAAC,MAAA,CAIbD,EAAE,CAAC,sBAAsB,CAAC,cAAAC,MAAA,CAAWD,EAAE,CAAC,WAAW,CAAC,sFAAAC,MAAA,CAInDD,EAAE,CAAC,sBAAsB,CAAC,EAAAC,UAAAA,CAAAA,CAAAA,MAAA,CAAWD,EAAE,CAAC,WAAW,CAAC,EAAA,SAAA,CAAA,CAAA;AAAA,CAE9E,CAAA;AAED,IAAME,OAAO,GAAG;AACZC,EAAAA,IAAI,EAAE,aAAA;AACV,CAAC,CAAA;AAED,qBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,WAAW;AACjBR,EAAAA,KAAK,EAALA,KAAK;AACLI,EAAAA,OAAO,EAAPA,OAAAA;AACJ,CAAC,CAAC;;;;"}
|
|
@@ -5,11 +5,20 @@
|
|
|
5
5
|
</template>
|
|
6
6
|
|
|
7
7
|
<script>
|
|
8
|
+
import { isEmpty } from '@primeuix/utils/object';
|
|
8
9
|
import BaseInputGroup from './BaseInputGroup.vue';
|
|
9
10
|
|
|
10
11
|
export default {
|
|
11
12
|
name: 'InputGroup',
|
|
12
13
|
extends: BaseInputGroup,
|
|
13
|
-
inheritAttrs: false
|
|
14
|
+
inheritAttrs: false,
|
|
15
|
+
inject: {
|
|
16
|
+
$pcFluid: { default: null }
|
|
17
|
+
},
|
|
18
|
+
computed: {
|
|
19
|
+
hasFluid() {
|
|
20
|
+
return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
14
23
|
};
|
|
15
24
|
</script>
|
package/inputgroup/index.d.ts
CHANGED
|
@@ -69,9 +69,9 @@ export interface InputGroupPassThroughAttributes {
|
|
|
69
69
|
export interface InputGroupProps {
|
|
70
70
|
/**
|
|
71
71
|
* Spans 100% width of the container when enabled.
|
|
72
|
-
* @defaultValue
|
|
72
|
+
* @defaultValue null
|
|
73
73
|
*/
|
|
74
|
-
fluid?: boolean;
|
|
74
|
+
fluid?: boolean | undefined;
|
|
75
75
|
/**
|
|
76
76
|
* It generates scoped CSS variables using design tokens for the component.
|
|
77
77
|
*/
|
package/inputgroup/index.mjs
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { isEmpty } from '@primeuix/utils/object';
|
|
1
2
|
import BaseComponent from '@primevue/core/basecomponent';
|
|
2
3
|
import InputGroupStyle from 'primevue/inputgroup/style';
|
|
3
4
|
import { openBlock, createElementBlock, mergeProps, renderSlot } from 'vue';
|
|
@@ -8,7 +9,7 @@ var script$1 = {
|
|
|
8
9
|
props: {
|
|
9
10
|
fluid: {
|
|
10
11
|
type: Boolean,
|
|
11
|
-
"default":
|
|
12
|
+
"default": null
|
|
12
13
|
}
|
|
13
14
|
},
|
|
14
15
|
style: InputGroupStyle,
|
|
@@ -23,7 +24,17 @@ var script$1 = {
|
|
|
23
24
|
var script = {
|
|
24
25
|
name: 'InputGroup',
|
|
25
26
|
"extends": script$1,
|
|
26
|
-
inheritAttrs: false
|
|
27
|
+
inheritAttrs: false,
|
|
28
|
+
inject: {
|
|
29
|
+
$pcFluid: {
|
|
30
|
+
"default": null
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
computed: {
|
|
34
|
+
hasFluid: function hasFluid() {
|
|
35
|
+
return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
27
38
|
};
|
|
28
39
|
|
|
29
40
|
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
package/inputgroup/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../src/inputgroup/BaseInputGroup.vue","../../src/inputgroup/InputGroup.vue","../../src/inputgroup/InputGroup.vue?vue&type=template&id=
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../src/inputgroup/BaseInputGroup.vue","../../src/inputgroup/InputGroup.vue","../../src/inputgroup/InputGroup.vue?vue&type=template&id=5a5bedce&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport InputGroupStyle from 'primevue/inputgroup/style';\n\nexport default {\n name: 'BaseInputGroup',\n extends: BaseComponent,\n props: {\n fluid: {\n type: Boolean,\n default: null\n }\n },\n style: InputGroupStyle,\n provide() {\n return {\n $pcInputGroup: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n <slot />\n </div>\n</template>\n\n<script>\nimport { isEmpty } from '@primeuix/utils/object';\nimport BaseInputGroup from './BaseInputGroup.vue';\n\nexport default {\n name: 'InputGroup',\n extends: BaseInputGroup,\n inheritAttrs: false,\n inject: {\n $pcFluid: { default: null }\n },\n computed: {\n hasFluid() {\n return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;\n }\n }\n};\n</script>\n","<template>\n <div :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n <slot />\n </div>\n</template>\n\n<script>\nimport { isEmpty } from '@primeuix/utils/object';\nimport BaseInputGroup from './BaseInputGroup.vue';\n\nexport default {\n name: 'InputGroup',\n extends: BaseInputGroup,\n inheritAttrs: false,\n inject: {\n $pcFluid: { default: null }\n },\n computed: {\n hasFluid() {\n return isEmpty(this.fluid) ? !!this.$pcFluid : this.fluid;\n }\n }\n};\n</script>\n"],"names":["name","BaseComponent","props","fluid","type","Boolean","style","InputGroupStyle","provide","$pcInputGroup","$parentInstance","BaseInputGroup","inheritAttrs","inject","$pcFluid","computed","hasFluid","isEmpty","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","_renderSlot","$slots"],"mappings":";;;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,gBAAgB;AACtB,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE;AACHC,MAAAA,IAAI,EAAEC,OAAO;MACb,SAAS,EAAA,IAAA;AACb,KAAA;GACH;AACDC,EAAAA,KAAK,EAAEC,eAAe;EACtBC,OAAO,EAAA,SAAAA,UAAG;IACN,OAAO;AACHC,MAAAA,aAAa,EAAE,IAAI;AACnBC,MAAAA,eAAe,EAAE,IAAA;KACpB,CAAA;AACL,GAAA;AACJ,CAAC;;ACVD,aAAe;AACXV,EAAAA,IAAI,EAAE,YAAY;AAClB,EAAA,SAAA,EAASW,QAAc;AACvBC,EAAAA,YAAY,EAAE,KAAK;AACnBC,EAAAA,MAAM,EAAE;AACJC,IAAAA,QAAQ,EAAE;MAAE,SAAS,EAAA,IAAA;AAAK,KAAA;GAC7B;AACDC,EAAAA,QAAQ,EAAE;IACNC,QAAQ,EAAA,SAAAA,WAAG;AACP,MAAA,OAAOC,OAAO,CAAC,IAAI,CAACd,KAAK,CAAE,GAAE,CAAC,CAAC,IAAI,CAACW,QAAS,GAAE,IAAI,CAACX,KAAK,CAAA;AAC7D,KAAA;AACJ,GAAA;AACJ,CAAC;;;ECrBG,OAAAe,SAAA,EAAA,EAAAC,kBAAA,CAEK,OAFLC,UAEK,CAAA;AAFC,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA;KAAkBD,IAAI,CAAAE,IAAA,CAAA,MAAA,CAAA,CAAA,EAAA,CACjCC,UAAO,CAAAH,IAAA,CAAAI,MAAA,EAAA,SAAA,CAAA;;;;;;;"}
|
|
@@ -6,9 +6,9 @@ var theme = function theme(_ref) {
|
|
|
6
6
|
};
|
|
7
7
|
var classes = {
|
|
8
8
|
root: function root(_ref2) {
|
|
9
|
-
var
|
|
9
|
+
var instance = _ref2.instance;
|
|
10
10
|
return ['p-inputgroup', {
|
|
11
|
-
'p-inputgroup-fluid':
|
|
11
|
+
'p-inputgroup-fluid': instance.hasFluid
|
|
12
12
|
}];
|
|
13
13
|
}
|
|
14
14
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../src/inputgroup/style/InputGroupStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-inputgroup {\n display: flex;\n align-items: stretch;\n width: 100%;\n}\n\n.p-inputgroupaddon {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0.5rem;\n background: ${dt('inputgroup.addon.background')};\n color: ${dt('inputgroup.addon.color')};\n border-top: 1px solid ${dt('inputgroup.addon.border.color')};\n border-left: 1px solid ${dt('inputgroup.addon.border.color')};\n border-bottom: 1px solid ${dt('inputgroup.addon.border.color')};\n padding: 0.5rem 0.75rem;\n min-width: 2.5rem;\n}\n\n.p-inputgroup .p-floatlabel {\n display: flex;\n align-items: stretch;\n width: 100%;\n}\n\n.p-inputgroup .p-inputtext,\n.p-inputgroup-fluid .p-inputtext,\n.p-inputgroup .p-inputwrapper,\n.p-inputgroup-fluid .p-input {\n flex: 1 1 auto;\n width: 1%;\n}\n\n.p-inputgroupaddon:last-child {\n border-right: 1px solid ${dt('inputgroup.addon.border.color')};\n}\n\n.p-inputgroup > .p-component,\n.p-inputgroup > .p-inputwrapper > .p-inputtext,\n.p-inputgroup > .p-floatlabel > .p-component {\n border-radius: 0;\n margin: 0;\n}\n\n.p-inputgroup > .p-component + .p-inputgroupaddon,\n.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroupaddon,\n.p-inputgroup > .p-floatlabel > .p-component + .p-inputgroupaddon {\n border-left: 0 none;\n}\n\n.p-inputgroup > .p-component:focus,\n.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,\n.p-inputgroup > .p-floatlabel > .p-component:focus {\n z-index: 1;\n}\n\n.p-inputgroup > .p-component:focus ~ label,\n.p-inputgroup > .p-inputwrapper > .p-inputtext:focus~label,\n.p-inputgroup > .p-floatlabel > .p-component:focus~label {\n z-index: 1;\n}\n\n.p-inputgroupaddon:first-child,\n.p-inputgroup button:first-child,\n.p-inputgroup input:first-child,\n.p-inputgroup > .p-inputwrapper:first-child,\n.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {\n border-top-left-radius: ${dt('inputgroup.addon.border.radius')};\n border-bottom-left-radius: ${dt('inputgroup.addon.border.radius')};\n}\n\n.p-inputgroup .p-floatlabel:first-child input {\n border-top-left-radius: ${dt('inputgroup.addon.border.radius')};\n border-bottom-left-radius: ${dt('inputgroup.addon.border.radius')};\n}\n\n.p-inputgroupaddon:last-child,\n.p-inputgroup button:last-child,\n.p-inputgroup input:last-child,\n.p-inputgroup > .p-inputwrapper:last-child,\n.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {\n border-top-right-radius: ${dt('inputgroup.addon.border.radius')};\n border-bottom-right-radius: ${dt('inputgroup.addon.border.radius')};\n}\n\n.p-inputgroup .p-floatlabel:last-child input {\n border-top-right-radius: ${dt('inputgroup.addon.border.radius')};\n border-bottom-right-radius: ${dt('inputgroup.addon.border.radius')};\n}\n\n.p-inputgroup-fluid .p-button {\n width: auto;\n}\n\n.p-inputgroup-fluid .p-button.p-button-icon-only {\n width: 2.5rem;\n}\n`;\n\nconst classes = {\n root: ({
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../src/inputgroup/style/InputGroupStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-inputgroup {\n display: flex;\n align-items: stretch;\n width: 100%;\n}\n\n.p-inputgroupaddon {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0.5rem;\n background: ${dt('inputgroup.addon.background')};\n color: ${dt('inputgroup.addon.color')};\n border-top: 1px solid ${dt('inputgroup.addon.border.color')};\n border-left: 1px solid ${dt('inputgroup.addon.border.color')};\n border-bottom: 1px solid ${dt('inputgroup.addon.border.color')};\n padding: 0.5rem 0.75rem;\n min-width: 2.5rem;\n}\n\n.p-inputgroup .p-floatlabel {\n display: flex;\n align-items: stretch;\n width: 100%;\n}\n\n.p-inputgroup .p-inputtext,\n.p-inputgroup-fluid .p-inputtext,\n.p-inputgroup .p-inputwrapper,\n.p-inputgroup-fluid .p-input {\n flex: 1 1 auto;\n width: 1%;\n}\n\n.p-inputgroupaddon:last-child {\n border-right: 1px solid ${dt('inputgroup.addon.border.color')};\n}\n\n.p-inputgroup > .p-component,\n.p-inputgroup > .p-inputwrapper > .p-inputtext,\n.p-inputgroup > .p-floatlabel > .p-component {\n border-radius: 0;\n margin: 0;\n}\n\n.p-inputgroup > .p-component + .p-inputgroupaddon,\n.p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroupaddon,\n.p-inputgroup > .p-floatlabel > .p-component + .p-inputgroupaddon {\n border-left: 0 none;\n}\n\n.p-inputgroup > .p-component:focus,\n.p-inputgroup > .p-inputwrapper > .p-inputtext:focus,\n.p-inputgroup > .p-floatlabel > .p-component:focus {\n z-index: 1;\n}\n\n.p-inputgroup > .p-component:focus ~ label,\n.p-inputgroup > .p-inputwrapper > .p-inputtext:focus~label,\n.p-inputgroup > .p-floatlabel > .p-component:focus~label {\n z-index: 1;\n}\n\n.p-inputgroupaddon:first-child,\n.p-inputgroup button:first-child,\n.p-inputgroup input:first-child,\n.p-inputgroup > .p-inputwrapper:first-child,\n.p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {\n border-top-left-radius: ${dt('inputgroup.addon.border.radius')};\n border-bottom-left-radius: ${dt('inputgroup.addon.border.radius')};\n}\n\n.p-inputgroup .p-floatlabel:first-child input {\n border-top-left-radius: ${dt('inputgroup.addon.border.radius')};\n border-bottom-left-radius: ${dt('inputgroup.addon.border.radius')};\n}\n\n.p-inputgroupaddon:last-child,\n.p-inputgroup button:last-child,\n.p-inputgroup input:last-child,\n.p-inputgroup > .p-inputwrapper:last-child,\n.p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {\n border-top-right-radius: ${dt('inputgroup.addon.border.radius')};\n border-bottom-right-radius: ${dt('inputgroup.addon.border.radius')};\n}\n\n.p-inputgroup .p-floatlabel:last-child input {\n border-top-right-radius: ${dt('inputgroup.addon.border.radius')};\n border-bottom-right-radius: ${dt('inputgroup.addon.border.radius')};\n}\n\n.p-inputgroup-fluid .p-button {\n width: auto;\n}\n\n.p-inputgroup-fluid .p-button.p-button-icon-only {\n width: 2.5rem;\n}\n`;\n\nconst classes = {\n root: ({ instance }) => [\n 'p-inputgroup',\n {\n 'p-inputgroup-fluid': instance.hasFluid\n }\n ]\n};\n\nexport default BaseStyle.extend({\n name: 'inputgroup',\n theme,\n classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","instance","hasFluid","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE,CAAA;EAAA,OAAAC,mOAAAA,CAAAA,MAAA,CAYDD,EAAE,CAAC,6BAA6B,CAAC,EAAA,gBAAA,CAAA,CAAAC,MAAA,CACtCD,EAAE,CAAC,wBAAwB,CAAC,mCAAAC,MAAA,CACbD,EAAE,CAAC,+BAA+B,CAAC,EAAA,gCAAA,CAAA,CAAAC,MAAA,CAClCD,EAAE,CAAC,+BAA+B,CAAC,EAAAC,kCAAAA,CAAAA,CAAAA,MAAA,CACjCD,EAAE,CAAC,+BAA+B,CAAC,EAAA,4YAAA,CAAA,CAAAC,MAAA,CAoBpCD,EAAE,CAAC,+BAA+B,CAAC,0+BAAAC,MAAA,CAiCnCD,EAAE,CAAC,gCAAgC,CAAC,wCAAAC,MAAA,CACjCD,EAAE,CAAC,gCAAgC,CAAC,EAAAC,uFAAAA,CAAAA,CAAAA,MAAA,CAIvCD,EAAE,CAAC,gCAAgC,CAAC,EAAA,oCAAA,CAAA,CAAAC,MAAA,CACjCD,EAAE,CAAC,gCAAgC,CAAC,EAAAC,oPAAAA,CAAAA,CAAAA,MAAA,CAQtCD,EAAE,CAAC,gCAAgC,CAAC,yCAAAC,MAAA,CACjCD,EAAE,CAAC,gCAAgC,CAAC,EAAAC,uFAAAA,CAAAA,CAAAA,MAAA,CAIvCD,EAAE,CAAC,gCAAgC,CAAC,EAAA,qCAAA,CAAA,CAAAC,MAAA,CACjCD,EAAE,CAAC,gCAAgC,CAAC,EAAA,6IAAA,CAAA,CAAA;AAAA,CAUrE,CAAA;AAED,IAAME,OAAO,GAAG;EACZC,IAAI,EAAE,SAAAA,IAAAA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,QAAQ,GAAAD,KAAA,CAARC,QAAQ,CAAA;IAAA,OAAO,CACpB,cAAc,EACd;MACI,oBAAoB,EAAEA,QAAQ,CAACC,QAAAA;AACnC,KAAC,CACJ,CAAA;AAAA,GAAA;AACL,CAAC,CAAA;AAED,sBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,YAAY;AAClBX,EAAAA,KAAK,EAALA,KAAK;AACLI,EAAAA,OAAO,EAAPA,OAAAA;AACJ,CAAC,CAAC;;;;"}
|
package/inputmask/InputMask.vue
CHANGED
|
@@ -15,13 +15,14 @@
|
|
|
15
15
|
@keydown="onKeyDown"
|
|
16
16
|
@keypress="onKeyPress"
|
|
17
17
|
@paste="onPaste"
|
|
18
|
-
:pt="
|
|
18
|
+
:pt="rootPTOptions"
|
|
19
19
|
/>
|
|
20
20
|
</template>
|
|
21
21
|
|
|
22
22
|
<script>
|
|
23
23
|
import { getUserAgent } from '@primeuix/utils/dom';
|
|
24
24
|
import InputText from 'primevue/inputtext';
|
|
25
|
+
import { mergeProps } from 'vue';
|
|
25
26
|
import BaseInputMask from './BaseInputMask.vue';
|
|
26
27
|
|
|
27
28
|
export default {
|
|
@@ -521,6 +522,9 @@ export default {
|
|
|
521
522
|
inputClass() {
|
|
522
523
|
return [this.cx('root'), this.class];
|
|
523
524
|
},
|
|
525
|
+
rootPTOptions() {
|
|
526
|
+
return mergeProps(this.ptmi('root', this.ptmParams), this.ptm('pcInputText', this.ptmParams));
|
|
527
|
+
},
|
|
524
528
|
ptmParams() {
|
|
525
529
|
return {
|
|
526
530
|
context: {
|
package/inputmask/index.d.ts
CHANGED
|
@@ -64,6 +64,11 @@ export interface InputMaskPassThroughOptions {
|
|
|
64
64
|
* @see {@link InputTextPassThroughOptions}
|
|
65
65
|
*/
|
|
66
66
|
root?: InputTextPassThroughOptions<InputMaskSharedPassThroughMethodOptions>;
|
|
67
|
+
/**
|
|
68
|
+
* Used to pass attributes to the InputText component.
|
|
69
|
+
* @see {@link InputTextPassThroughOptions}
|
|
70
|
+
*/
|
|
71
|
+
pcInputText?: InputTextPassThroughOptions<InputMaskSharedPassThroughMethodOptions>;
|
|
67
72
|
/**
|
|
68
73
|
* Used to manage all lifecycle hooks.
|
|
69
74
|
* @see {@link BaseComponent.ComponentHooks}
|
|
@@ -146,9 +151,9 @@ export interface InputMaskProps {
|
|
|
146
151
|
variant?: 'outlined' | 'filled' | undefined;
|
|
147
152
|
/**
|
|
148
153
|
* Spans 100% width of the container when enabled.
|
|
149
|
-
* @defaultValue
|
|
154
|
+
* @defaultValue null
|
|
150
155
|
*/
|
|
151
|
-
fluid?: boolean;
|
|
156
|
+
fluid?: boolean | undefined;
|
|
152
157
|
/**
|
|
153
158
|
* When present, it specifies that the component should be disabled.
|
|
154
159
|
* @defaultValue false
|
package/inputmask/index.mjs
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { getUserAgent } from '@primeuix/utils/dom';
|
|
2
2
|
import InputText from 'primevue/inputtext';
|
|
3
|
+
import { mergeProps, resolveComponent, openBlock, createBlock, normalizeClass } from 'vue';
|
|
3
4
|
import BaseComponent from '@primevue/core/basecomponent';
|
|
4
5
|
import InputMaskStyle from 'primevue/inputmask/style';
|
|
5
|
-
import { resolveComponent, openBlock, createBlock, normalizeClass } from 'vue';
|
|
6
6
|
|
|
7
7
|
var script$1 = {
|
|
8
8
|
name: 'BaseInputMask',
|
|
@@ -483,6 +483,9 @@ var script = {
|
|
|
483
483
|
inputClass: function inputClass() {
|
|
484
484
|
return [this.cx('root'), this["class"]];
|
|
485
485
|
},
|
|
486
|
+
rootPTOptions: function rootPTOptions() {
|
|
487
|
+
return mergeProps(this.ptmi('root', this.ptmParams), this.ptm('pcInputText', this.ptmParams));
|
|
488
|
+
},
|
|
486
489
|
ptmParams: function ptmParams() {
|
|
487
490
|
return {
|
|
488
491
|
context: {
|
|
@@ -514,7 +517,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
514
517
|
onKeydown: $options.onKeyDown,
|
|
515
518
|
onKeypress: $options.onKeyPress,
|
|
516
519
|
onPaste: $options.onPaste,
|
|
517
|
-
pt:
|
|
520
|
+
pt: $options.rootPTOptions
|
|
518
521
|
}, null, 8, ["value", "class", "readonly", "disabled", "invalid", "variant", "placeholder", "fluid", "unstyled", "onInput", "onFocus", "onBlur", "onKeydown", "onKeypress", "onPaste", "pt"]);
|
|
519
522
|
}
|
|
520
523
|
|