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
package/galleria/style/index.mjs
CHANGED
|
@@ -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-galleria {\n overflow: hidden;\n border-style: solid;\n border-width: ".concat(dt('galleria.border.width'), ";\n border-color: ").concat(dt('galleria.border.color'), ";\n border-radius: ").concat(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: ").concat(dt('galleria.nav.button.background'), ";\n color: ").concat(dt('galleria.nav.button.color'), ";\n width: ").concat(dt('galleria.nav.button.size'), ";\n height: ").concat(dt('galleria.nav.button.size'), ";\n transition: background ").concat(dt('galleria.transition.duration'), ", color ").concat(dt('galleria.transition.duration'), ", outline-color ").concat(dt('galleria.transition.duration'), ", box-shadow ").concat(dt('galleria.transition.duration'), ";\n margin: calc(-1 * calc(").concat(dt('galleria.nav.button.size'), ") / 2) ").concat(dt('galleria.nav.button.gutter'), " 0 ").concat(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: ").concat(dt('galleria.nav.button.hover.background'), ";\n color: ").concat(dt('galleria.nav.button.hover.color'), ";\n}\n\n.p-galleria-nav-button:not(.p-disabled):focus-visible {\n box-shadow: ").concat(dt('galleria.nav.button.focus.ring.shadow'), ";\n outline: ").concat(dt('galleria.nav.button.focus.ring.width'), " ").concat(dt('galleria.nav.button.focus.ring.style'), " ").concat(dt('galleria.nav.button.focus.ring.color'), ";\n outline-offset: ").concat(dt('galleria.nav.button.focus.ring.offset'), ";\n}\n\n.p-galleria-next-icon,\n.p-galleria-prev-icon {\n font-size: ").concat(dt('galleria.nav.icon.size'), ";\n width: ").concat(dt('galleria.nav.icon.size'), ";\n height: ").concat(dt('galleria.nav.icon.size'), ";\n}\n\n.p-galleria-prev-button {\n border-radius: ").concat(dt('galleria.nav.button.prev.border.radius'), ";\n left: 0;\n}\n\n.p-galleria-next-button {\n border-radius: ").concat(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 ").concat(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: ").concat(dt('galleria.caption.background'), ";\n color: ").concat(dt('galleria.caption.color'), ";\n padding: ").concat(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 ").concat(dt('galleria.thumbnail.nav.button.gutter'), ";\n padding: 0;\n border: none;\n user-select: none;\n cursor: pointer;\n background: transparent;\n color: ").concat(dt('galleria.thumbnail.nav.button.color'), ";\n width: ").concat(dt('galleria.thumbnail.nav.button.size'), ";\n height: ").concat(dt('galleria.thumbnail.nav.button.size'), ";\n transition: background ").concat(dt('galleria.transition.duration'), ", color ").concat(dt('galleria.transition.duration'), ", outline-color ").concat(dt('galleria.transition.duration'), ";\n outline-color: transparent;\n border-radius: ").concat(dt('galleria.thumbnail.nav.button.border.radius'), ";\n}\n\n.p-galleria-thumbnail-nav-button:hover {\n background: ").concat(dt('galleria.thumbnail.nav.button.hover.background'), ";\n color: ").concat(dt('galleria.thumbnail.nav.button.hover.color'), ";\n}\n\n.p-galleria-thumbnail-nav-button:focus-visible {\n box-shadow: ").concat(dt('galleria.thumbnail.nav.button.focus.ring.shadow'), ";\n outline: ").concat(dt('galleria.thumbnail.nav.button.focus.ring.width'), " ").concat(dt('galleria.thumbnail.nav.button.focus.ring.style'), " ").concat(dt('galleria.thumbnail.nav.button.focus.ring.color'), ";\n outline-offset: ").concat(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: ").concat(dt('galleria.thumbnail.nav.button.icon.size'), ";\n width: ").concat(dt('galleria.thumbnail.nav.button.icon.size'), ";\n height: ").concat(dt('galleria.thumbnail.nav.button.icon.size'), ";\n}\n\n.p-galleria-thumbnails-content {\n display: flex;\n flex-direction: row;\n background: ").concat(dt('galleria.thumbnails.content.background'), ";\n padding: ").concat(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: ").concat(dt('galleria.indicator.list.padding'), ";\n gap: ").concat(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: ").concat(dt('galleria.indicator.button.background'), ";\n width: ").concat(dt('galleria.indicator.button.width'), ";\n height: ").concat(dt('galleria.indicator.button.height'), ";\n transition: background ").concat(dt('galleria.transition.duration'), ", color ").concat(dt('galleria.transition.duration'), ", outline-color ").concat(dt('galleria.transition.duration'), ", box-shadow ").concat(dt('galleria.transition.duration'), ";\n outline-color: transparent;\n border-radius: ").concat(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: ").concat(dt('galleria.indicator.button.hover.background'), ";\n}\n\n.p-galleria-indicator-button:focus-visible {\n box-shadow: ").concat(dt('galleria.indicator.button.focus.ring.shadow'), ";\n outline: ").concat(dt('galleria.indicator.button.focus.ring.width'), " ").concat(dt('galleria.indicator.button.focus.ring.style'), " ").concat(dt('galleria.indicator.button.focus.ring.color'), ";\n outline-offset: ").concat(dt('galleria.indicator.button.focus.ring.offset'), ";\n}\n\n.p-galleria-indicator-active .p-galleria-indicator-button {\n background: ").concat(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: ").concat(dt('galleria.inset.indicator.list.background'), ";\n}\n\n.p-galleria-inset-indicators .p-galleria-indicator-button {\n background: ").concat(dt('galleria.inset.indicator.button.background'), ";\n}\n\n.p-galleria-inset-indicators .p-galleria-indicator-button:hover {\n background: ").concat(dt('galleria.inset.indicator.button.hover.background'), ";\n}\n\n.p-galleria-inset-indicators .p-galleria-indicator-active .p-galleria-indicator-button {\n background: ").concat(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: ").concat(dt('galleria.close.button.gutter'), ";\n background: ").concat(dt('galleria.close.button.background'), ";\n color: ").concat(dt('galleria.close.button.color'), ";\n width: ").concat(dt('galleria.close.button.size'), ";\n height: ").concat(dt('galleria.close.button.size'), ";\n padding: 0;\n border: none;\n user-select: none;\n cursor: pointer;\n border-radius: ").concat(dt('galleria.close.button.border.radius'), ";\n outline-color: transparent;\n transition: background ").concat(dt('galleria.transition.duration'), ", color ").concat(dt('galleria.transition.duration'), ", outline-color ").concat(dt('galleria.transition.duration'), ";\n}\n\n.p-galleria-close-icon {\n font-size: ").concat(dt('galleria.close.button.icon.size'), ";\n width: ").concat(dt('galleria.close.button.icon.size'), ";\n height: ").concat(dt('galleria.close.button.icon.size'), ";\n}\n\n.p-galleria-close-button:hover {\n background: ").concat(dt('galleria.close.button.hover.background'), ";\n color: ").concat(dt('galleria.close.button.hover.color'), ";\n}\n\n.p-galleria-close-button:focus-visible {\n box-shadow: ").concat(dt('galleria.close.button.focus.ring.shadow'), ";\n outline: ").concat(dt('galleria.close.button.focus.ring.width'), " ").concat(dt('galleria.close.button.focus.ring.style'), " ").concat(dt('galleria.close.button.focus.ring.color'), ";\n outline-offset: ").concat(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");
|
|
5
|
+
return "\n.p-galleria {\n overflow: hidden;\n border-style: solid;\n border-width: ".concat(dt('galleria.border.width'), ";\n border-color: ").concat(dt('galleria.border.color'), ";\n border-radius: ").concat(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 !important;\n top: 50%;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n background: ").concat(dt('galleria.nav.button.background'), ";\n color: ").concat(dt('galleria.nav.button.color'), ";\n width: ").concat(dt('galleria.nav.button.size'), ";\n height: ").concat(dt('galleria.nav.button.size'), ";\n transition: background ").concat(dt('galleria.transition.duration'), ", color ").concat(dt('galleria.transition.duration'), ", outline-color ").concat(dt('galleria.transition.duration'), ", box-shadow ").concat(dt('galleria.transition.duration'), ";\n margin: calc(-1 * calc(").concat(dt('galleria.nav.button.size'), ") / 2) ").concat(dt('galleria.nav.button.gutter'), " 0 ").concat(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: ").concat(dt('galleria.nav.button.hover.background'), ";\n color: ").concat(dt('galleria.nav.button.hover.color'), ";\n}\n\n.p-galleria-nav-button:not(.p-disabled):focus-visible {\n box-shadow: ").concat(dt('galleria.nav.button.focus.ring.shadow'), ";\n outline: ").concat(dt('galleria.nav.button.focus.ring.width'), " ").concat(dt('galleria.nav.button.focus.ring.style'), " ").concat(dt('galleria.nav.button.focus.ring.color'), ";\n outline-offset: ").concat(dt('galleria.nav.button.focus.ring.offset'), ";\n}\n\n.p-galleria-next-icon,\n.p-galleria-prev-icon {\n font-size: ").concat(dt('galleria.nav.icon.size'), ";\n width: ").concat(dt('galleria.nav.icon.size'), ";\n height: ").concat(dt('galleria.nav.icon.size'), ";\n}\n\n.p-galleria-prev-button {\n border-radius: ").concat(dt('galleria.nav.button.prev.border.radius'), ";\n left: 0;\n}\n\n.p-galleria-next-button {\n border-radius: ").concat(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 ").concat(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: ").concat(dt('galleria.caption.background'), ";\n color: ").concat(dt('galleria.caption.color'), ";\n padding: ").concat(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 ").concat(dt('galleria.thumbnail.nav.button.gutter'), ";\n padding: 0;\n border: none;\n user-select: none;\n cursor: pointer;\n background: transparent;\n color: ").concat(dt('galleria.thumbnail.nav.button.color'), ";\n width: ").concat(dt('galleria.thumbnail.nav.button.size'), ";\n height: ").concat(dt('galleria.thumbnail.nav.button.size'), ";\n transition: background ").concat(dt('galleria.transition.duration'), ", color ").concat(dt('galleria.transition.duration'), ", outline-color ").concat(dt('galleria.transition.duration'), ";\n outline-color: transparent;\n border-radius: ").concat(dt('galleria.thumbnail.nav.button.border.radius'), ";\n}\n\n.p-galleria-thumbnail-nav-button:hover {\n background: ").concat(dt('galleria.thumbnail.nav.button.hover.background'), ";\n color: ").concat(dt('galleria.thumbnail.nav.button.hover.color'), ";\n}\n\n.p-galleria-thumbnail-nav-button:focus-visible {\n box-shadow: ").concat(dt('galleria.thumbnail.nav.button.focus.ring.shadow'), ";\n outline: ").concat(dt('galleria.thumbnail.nav.button.focus.ring.width'), " ").concat(dt('galleria.thumbnail.nav.button.focus.ring.style'), " ").concat(dt('galleria.thumbnail.nav.button.focus.ring.color'), ";\n outline-offset: ").concat(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: ").concat(dt('galleria.thumbnail.nav.button.icon.size'), ";\n width: ").concat(dt('galleria.thumbnail.nav.button.icon.size'), ";\n height: ").concat(dt('galleria.thumbnail.nav.button.icon.size'), ";\n}\n\n.p-galleria-thumbnails-content {\n display: flex;\n flex-direction: row;\n background: ").concat(dt('galleria.thumbnails.content.background'), ";\n padding: ").concat(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: ").concat(dt('galleria.indicator.list.padding'), ";\n gap: ").concat(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: ").concat(dt('galleria.indicator.button.background'), ";\n width: ").concat(dt('galleria.indicator.button.width'), ";\n height: ").concat(dt('galleria.indicator.button.height'), ";\n transition: background ").concat(dt('galleria.transition.duration'), ", color ").concat(dt('galleria.transition.duration'), ", outline-color ").concat(dt('galleria.transition.duration'), ", box-shadow ").concat(dt('galleria.transition.duration'), ";\n outline-color: transparent;\n border-radius: ").concat(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: ").concat(dt('galleria.indicator.button.hover.background'), ";\n}\n\n.p-galleria-indicator-button:focus-visible {\n box-shadow: ").concat(dt('galleria.indicator.button.focus.ring.shadow'), ";\n outline: ").concat(dt('galleria.indicator.button.focus.ring.width'), " ").concat(dt('galleria.indicator.button.focus.ring.style'), " ").concat(dt('galleria.indicator.button.focus.ring.color'), ";\n outline-offset: ").concat(dt('galleria.indicator.button.focus.ring.offset'), ";\n}\n\n.p-galleria-indicator-active .p-galleria-indicator-button {\n background: ").concat(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: ").concat(dt('galleria.inset.indicator.list.background'), ";\n}\n\n.p-galleria-inset-indicators .p-galleria-indicator-button {\n background: ").concat(dt('galleria.inset.indicator.button.background'), ";\n}\n\n.p-galleria-inset-indicators .p-galleria-indicator-button:hover {\n background: ").concat(dt('galleria.inset.indicator.button.hover.background'), ";\n}\n\n.p-galleria-inset-indicators .p-galleria-indicator-active .p-galleria-indicator-button {\n background: ").concat(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 !important;\n top: 0;\n right: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n margin: ").concat(dt('galleria.close.button.gutter'), ";\n background: ").concat(dt('galleria.close.button.background'), ";\n color: ").concat(dt('galleria.close.button.color'), ";\n width: ").concat(dt('galleria.close.button.size'), ";\n height: ").concat(dt('galleria.close.button.size'), ";\n padding: 0;\n border: none;\n user-select: none;\n cursor: pointer;\n border-radius: ").concat(dt('galleria.close.button.border.radius'), ";\n outline-color: transparent;\n transition: background ").concat(dt('galleria.transition.duration'), ", color ").concat(dt('galleria.transition.duration'), ", outline-color ").concat(dt('galleria.transition.duration'), ";\n}\n\n.p-galleria-close-icon {\n font-size: ").concat(dt('galleria.close.button.icon.size'), ";\n width: ").concat(dt('galleria.close.button.icon.size'), ";\n height: ").concat(dt('galleria.close.button.icon.size'), ";\n}\n\n.p-galleria-close-button:hover {\n background: ").concat(dt('galleria.close.button.hover.background'), ";\n color: ").concat(dt('galleria.close.button.hover.color'), ";\n}\n\n.p-galleria-close-button:focus-visible {\n box-shadow: ").concat(dt('galleria.close.button.focus.ring.shadow'), ";\n outline: ").concat(dt('galleria.close.button.focus.ring.width'), " ").concat(dt('galleria.close.button.focus.ring.style'), " ").concat(dt('galleria.close.button.focus.ring.color'), ";\n outline-offset: ").concat(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");
|
|
6
6
|
};
|
|
7
7
|
var classes = {
|
|
8
8
|
mask: 'p-galleria-mask p-overlay-mask p-overlay-mask-enter',
|
|
@@ -73,7 +73,7 @@ var classes = {
|
|
|
73
73
|
thumbnail: 'p-galleria-thumbnail',
|
|
74
74
|
thumbnailNextButton: function thumbnailNextButton(_ref8) {
|
|
75
75
|
var instance = _ref8.instance;
|
|
76
|
-
return ['p-galleria-thumbnail-next-button
|
|
76
|
+
return ['p-galleria-thumbnail-next-button p-galleria-thumbnail-nav-button', {
|
|
77
77
|
'p-disabled': instance.isNavForwardDisabled()
|
|
78
78
|
}];
|
|
79
79
|
},
|
|
@@ -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 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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"}
|
|
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 !important;\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 !important;\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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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
<script>
|
|
2
|
+
import BaseComponent from '@primevue/core/basecomponent';
|
|
3
|
+
import IftaLabelStyle from 'primevue/iftalabel/style';
|
|
4
|
+
|
|
5
|
+
export default {
|
|
6
|
+
name: 'BaseIftaLabel',
|
|
7
|
+
extends: BaseComponent,
|
|
8
|
+
style: IftaLabelStyle,
|
|
9
|
+
provide() {
|
|
10
|
+
return {
|
|
11
|
+
$pcIftaLabel: this,
|
|
12
|
+
$parentInstance: this
|
|
13
|
+
};
|
|
14
|
+
}
|
|
15
|
+
};
|
|
16
|
+
</script>
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<span :class="cx('root')" v-bind="ptmi('root')">
|
|
3
|
+
<slot />
|
|
4
|
+
</span>
|
|
5
|
+
</template>
|
|
6
|
+
|
|
7
|
+
<script>
|
|
8
|
+
import BaseIftaLabel from './BaseIftaLabel.vue';
|
|
9
|
+
|
|
10
|
+
export default {
|
|
11
|
+
name: 'IftaLabel',
|
|
12
|
+
extends: BaseIftaLabel,
|
|
13
|
+
inheritAttrs: false
|
|
14
|
+
};
|
|
15
|
+
</script>
|
|
@@ -0,0 +1,130 @@
|
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* IftaLabel visually integrates a label within its form element.
|
|
4
|
+
*
|
|
5
|
+
* [Live Demo](https://www.primevue.org/iftalabel/)
|
|
6
|
+
*
|
|
7
|
+
* @module iftalabel
|
|
8
|
+
*
|
|
9
|
+
*/
|
|
10
|
+
import type { DefineComponent, DesignToken, EmitFn, GlobalComponentConstructor, PassThrough } from '@primevue/core';
|
|
11
|
+
import type { ComponentHooks } from '@primevue/core/basecomponent';
|
|
12
|
+
import type { PassThroughOptions } from 'primevue/passthrough';
|
|
13
|
+
import { TransitionProps, VNode } from 'vue';
|
|
14
|
+
|
|
15
|
+
export declare type IftaLabelPassThroughOptionType = IftaLabelPassThroughAttributes | ((options: IftaLabelPassThroughMethodOptions) => IftaLabelPassThroughAttributes | string) | string | null | undefined;
|
|
16
|
+
|
|
17
|
+
export declare type IftaLabelPassThroughTransitionType = TransitionProps | ((options: IftaLabelPassThroughMethodOptions) => TransitionProps) | undefined;
|
|
18
|
+
|
|
19
|
+
/**
|
|
20
|
+
* Custom passthrough(pt) option method.
|
|
21
|
+
*/
|
|
22
|
+
export interface IftaLabelPassThroughMethodOptions {
|
|
23
|
+
/**
|
|
24
|
+
* Defines instance.
|
|
25
|
+
*/
|
|
26
|
+
instance: any;
|
|
27
|
+
/**
|
|
28
|
+
* Defines valid properties.
|
|
29
|
+
*/
|
|
30
|
+
props: IftaLabelProps;
|
|
31
|
+
/**
|
|
32
|
+
* Defines valid attributes.
|
|
33
|
+
*/
|
|
34
|
+
attrs: any;
|
|
35
|
+
/**
|
|
36
|
+
* Defines parent options.
|
|
37
|
+
*/
|
|
38
|
+
parent: any;
|
|
39
|
+
/**
|
|
40
|
+
* Defines passthrough(pt) options in global config.
|
|
41
|
+
*/
|
|
42
|
+
global: object | undefined;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
/**
|
|
46
|
+
* Custom passthrough(pt) options.
|
|
47
|
+
* @see {@link IftaLabelProps.pt}
|
|
48
|
+
*/
|
|
49
|
+
export interface IftaLabelPassThroughOptions {
|
|
50
|
+
/**
|
|
51
|
+
* Used to pass attributes to the root's DOM element.
|
|
52
|
+
*/
|
|
53
|
+
root?: IftaLabelPassThroughOptionType;
|
|
54
|
+
/**
|
|
55
|
+
* Used to manage all lifecycle hooks.
|
|
56
|
+
* @see {@link BaseComponent.ComponentHooks}
|
|
57
|
+
*/
|
|
58
|
+
hooks?: ComponentHooks;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
/**
|
|
62
|
+
* Custom passthrough attributes for each DOM elements
|
|
63
|
+
*/
|
|
64
|
+
export interface IftaLabelPassThroughAttributes {
|
|
65
|
+
[key: string]: any;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
/**
|
|
69
|
+
* Defines valid properties in IftaLabel component.
|
|
70
|
+
*/
|
|
71
|
+
export interface IftaLabelProps {
|
|
72
|
+
/**
|
|
73
|
+
* It generates scoped CSS variables using design tokens for the component.
|
|
74
|
+
*/
|
|
75
|
+
dt?: DesignToken<any>;
|
|
76
|
+
/**
|
|
77
|
+
* Used to pass attributes to DOM elements inside the component.
|
|
78
|
+
* @type {IftaLabelPassThroughOptions}
|
|
79
|
+
*/
|
|
80
|
+
pt?: PassThrough<IftaLabelPassThroughOptions>;
|
|
81
|
+
/**
|
|
82
|
+
* Used to configure passthrough(pt) options of the component.
|
|
83
|
+
* @type {PassThroughOptions}
|
|
84
|
+
*/
|
|
85
|
+
ptOptions?: PassThroughOptions;
|
|
86
|
+
/**
|
|
87
|
+
* When enabled, it removes component related styles in the core.
|
|
88
|
+
* @defaultValue false
|
|
89
|
+
*/
|
|
90
|
+
unstyled?: boolean;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
/**
|
|
94
|
+
* Defines valid slots in IftaLabel component.
|
|
95
|
+
*/
|
|
96
|
+
export interface IftaLabelSlots {
|
|
97
|
+
/**
|
|
98
|
+
* Default content slot.
|
|
99
|
+
*/
|
|
100
|
+
default: () => VNode[];
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
/**
|
|
104
|
+
* Defines valid emits in IftaLabel component.
|
|
105
|
+
*/
|
|
106
|
+
export interface IftaLabelEmitsOptions {}
|
|
107
|
+
|
|
108
|
+
export declare type IftaLabelEmits = EmitFn<IftaLabelEmitsOptions>;
|
|
109
|
+
|
|
110
|
+
/**
|
|
111
|
+
* **PrimeVue - IftaLabel**
|
|
112
|
+
*
|
|
113
|
+
* _IftaLabel visually integrates a label within its form element._
|
|
114
|
+
*
|
|
115
|
+
* [Live Demo](https://www.primevue.org/inputtext/)
|
|
116
|
+
* --- ---
|
|
117
|
+
* 
|
|
118
|
+
*
|
|
119
|
+
* @group Component
|
|
120
|
+
*
|
|
121
|
+
*/
|
|
122
|
+
declare const IftaLabel: DefineComponent<IftaLabelProps, IftaLabelSlots, IftaLabelEmits>;
|
|
123
|
+
|
|
124
|
+
declare module 'vue' {
|
|
125
|
+
export interface GlobalComponents {
|
|
126
|
+
IftaLabel: GlobalComponentConstructor<IftaLabelProps, IftaLabelSlots, IftaLabelEmits>;
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
export default IftaLabel;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import BaseComponent from '@primevue/core/basecomponent';
|
|
2
|
+
import IftaLabelStyle from 'primevue/iftalabel/style';
|
|
3
|
+
import { openBlock, createElementBlock, mergeProps, renderSlot } from 'vue';
|
|
4
|
+
|
|
5
|
+
var script$1 = {
|
|
6
|
+
name: 'BaseIftaLabel',
|
|
7
|
+
"extends": BaseComponent,
|
|
8
|
+
style: IftaLabelStyle,
|
|
9
|
+
provide: function provide() {
|
|
10
|
+
return {
|
|
11
|
+
$pcIftaLabel: this,
|
|
12
|
+
$parentInstance: this
|
|
13
|
+
};
|
|
14
|
+
}
|
|
15
|
+
};
|
|
16
|
+
|
|
17
|
+
var script = {
|
|
18
|
+
name: 'IftaLabel',
|
|
19
|
+
"extends": script$1,
|
|
20
|
+
inheritAttrs: false
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
24
|
+
return openBlock(), createElementBlock("span", mergeProps({
|
|
25
|
+
"class": _ctx.cx('root')
|
|
26
|
+
}, _ctx.ptmi('root')), [renderSlot(_ctx.$slots, "default")], 16);
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
script.render = render;
|
|
30
|
+
|
|
31
|
+
export { script as default };
|
|
32
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../src/iftalabel/BaseIftaLabel.vue","../../src/iftalabel/IftaLabel.vue","../../src/iftalabel/IftaLabel.vue?vue&type=template&id=35445ce6&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport IftaLabelStyle from 'primevue/iftalabel/style';\n\nexport default {\n name: 'BaseIftaLabel',\n extends: BaseComponent,\n style: IftaLabelStyle,\n provide() {\n return {\n $pcIftaLabel: this,\n $parentInstance: this\n };\n }\n};\n</script>\n","<template>\n <span :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n <slot />\n </span>\n</template>\n\n<script>\nimport BaseIftaLabel from './BaseIftaLabel.vue';\n\nexport default {\n name: 'IftaLabel',\n extends: BaseIftaLabel,\n inheritAttrs: false\n};\n</script>\n","<template>\n <span :class=\"cx('root')\" v-bind=\"ptmi('root')\">\n <slot />\n </span>\n</template>\n\n<script>\nimport BaseIftaLabel from './BaseIftaLabel.vue';\n\nexport default {\n name: 'IftaLabel',\n extends: BaseIftaLabel,\n inheritAttrs: false\n};\n</script>\n"],"names":["name","BaseComponent","style","IftaLabelStyle","provide","$pcIftaLabel","$parentInstance","BaseIftaLabel","inheritAttrs","_openBlock","_createElementBlock","_mergeProps","_ctx","cx","ptmi","_renderSlot","$slots"],"mappings":";;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,eAAe;AACrB,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAEC,cAAc;EACrBC,OAAO,EAAA,SAAPA,OAAOA,GAAG;IACN,OAAO;AACHC,MAAAA,YAAY,EAAE,IAAI;AAClBC,MAAAA,eAAe,EAAE,IAAA;KACpB,CAAA;AACL,GAAA;AACJ,CAAC;;ACLD,aAAe;AACXN,EAAAA,IAAI,EAAE,WAAW;AACjB,EAAA,SAAA,EAASO,QAAa;AACtBC,EAAAA,YAAY,EAAE,KAAA;AAClB,CAAC;;;ECZG,OAAAC,SAAA,EAAA,EAAAC,kBAAA,CAEM,QAFNC,UAEM,CAAA;AAFC,IAAA,OAAA,EAAOC,IAAE,CAAAC,EAAA,CAAA,MAAA,CAAA;KAAkBD,IAAI,CAAAE,IAAA,CAAA,MAAA,CAAA,CAAA,EAAA,CAClCC,UAAO,CAAAH,IAAA,CAAAI,MAAA,EAAA,SAAA,CAAA;;;;;;;"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* IftaLabel visually integrates a label within its form element.
|
|
4
|
+
*
|
|
5
|
+
* [Live Demo](https://www.primevue.org/iftalabel/)
|
|
6
|
+
*
|
|
7
|
+
* @module iftalabelstyle
|
|
8
|
+
*
|
|
9
|
+
*/
|
|
10
|
+
import type { BaseStyle } from '@primevue/core/base/style';
|
|
11
|
+
|
|
12
|
+
export enum IftaLabelClasses {
|
|
13
|
+
/**
|
|
14
|
+
* Class name of the root element
|
|
15
|
+
*/
|
|
16
|
+
root = 'p-iftalabel'
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export interface IftaLabelStyle extends BaseStyle {}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import BaseStyle from '@primevue/core/base/style';
|
|
2
|
+
|
|
3
|
+
var theme = function theme(_ref) {
|
|
4
|
+
var dt = _ref.dt;
|
|
5
|
+
return "\n.p-iftalabel {\n display: block;\n position: relative;\n}\n\n.p-iftalabel label {\n position: absolute;\n pointer-events: none;\n top: ".concat(dt('iftalabel.top'), ";\n transition-property: all;\n transition-timing-function: ease;\n line-height: 1;\n font-size: ").concat(dt('iftalabel.font.size'), ";\n font-weight: ").concat(dt('iftalabel.font.weight'), ";\n left: ").concat(dt('iftalabel.position.x'), ";\n color: ").concat(dt('iftalabel.color'), ";\n transition-duration: ").concat(dt('iftalabel.transition.duration'), ";\n}\n\n.p-iftalabel .p-inputtext,\n.p-iftalabel .p-textarea,\n.p-iftalabel .p-select-label,\n.p-iftalabel .p-multiselect-label,\n.p-iftalabel .p-autocomplete-input-multiple,\n.p-iftalabel .p-cascadeselect-label,\n.p-iftalabel .p-treeselect-label {\n padding-top: ").concat(dt('iftalabel.input.padding.top'), ";\n padding-bottom: ").concat(dt('iftalabel.input.padding.bottom'), ";\n}\n\n.p-iftalabel:has(.p-invalid) label {\n color: ").concat(dt('iftalabel.invalid.color'), ";\n}\n\n.p-iftalabel:has(input:focus) label ,\n.p-iftalabel:has(input:-webkit-autofill) label,\n.p-iftalabel:has(textarea:focus) label ,\n.p-iftalabel:has(.p-inputwrapper-focus) label {\n color: ").concat(dt('iftalabel.focus.color'), ";\n}\n\n.p-iftalabel .p-inputicon {\n top: ").concat(dt('iftalabel.input.padding.top'), ";\n transform: translateY(25%);\n margin-top: 0;\n}\n\n/*.p-iftalabel .p-placeholder,\n.p-iftalabel input::placeholder,\n.p-iftalabel .p-inputtext::placeholder {\n opacity: 0;\n transition-property: all;\n transition-timing-function: ease;\n}\n\n.p-iftalabel .p-focus .p-placeholder,\n.p-iftalabel input:focus::placeholder,\n.p-iftalabel .p-inputtext:focus::placeholder {\n opacity: 1;\n transition-property: all;\n transition-timing-function: ease;\n}*/\n");
|
|
6
|
+
};
|
|
7
|
+
var classes = {
|
|
8
|
+
root: 'p-iftalabel'
|
|
9
|
+
};
|
|
10
|
+
var IftaLabelStyle = BaseStyle.extend({
|
|
11
|
+
name: 'iftalabel',
|
|
12
|
+
theme: theme,
|
|
13
|
+
classes: classes
|
|
14
|
+
});
|
|
15
|
+
|
|
16
|
+
export { IftaLabelStyle as default };
|
|
17
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../src/iftalabel/style/IftaLabelStyle.js"],"sourcesContent":["import BaseStyle from '@primevue/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-iftalabel {\n display: block;\n position: relative;\n}\n\n.p-iftalabel label {\n position: absolute;\n pointer-events: none;\n top: ${dt('iftalabel.top')};\n transition-property: all;\n transition-timing-function: ease;\n line-height: 1;\n font-size: ${dt('iftalabel.font.size')};\n font-weight: ${dt('iftalabel.font.weight')};\n left: ${dt('iftalabel.position.x')};\n color: ${dt('iftalabel.color')};\n transition-duration: ${dt('iftalabel.transition.duration')};\n}\n\n.p-iftalabel .p-inputtext,\n.p-iftalabel .p-textarea,\n.p-iftalabel .p-select-label,\n.p-iftalabel .p-multiselect-label,\n.p-iftalabel .p-autocomplete-input-multiple,\n.p-iftalabel .p-cascadeselect-label,\n.p-iftalabel .p-treeselect-label {\n padding-top: ${dt('iftalabel.input.padding.top')};\n padding-bottom: ${dt('iftalabel.input.padding.bottom')};\n}\n\n.p-iftalabel:has(.p-invalid) label {\n color: ${dt('iftalabel.invalid.color')};\n}\n\n.p-iftalabel:has(input:focus) label ,\n.p-iftalabel:has(input:-webkit-autofill) label,\n.p-iftalabel:has(textarea:focus) label ,\n.p-iftalabel:has(.p-inputwrapper-focus) label {\n color: ${dt('iftalabel.focus.color')};\n}\n\n.p-iftalabel .p-inputicon {\n top: ${dt('iftalabel.input.padding.top')};\n transform: translateY(25%);\n margin-top: 0;\n}\n\n/*.p-iftalabel .p-placeholder,\n.p-iftalabel input::placeholder,\n.p-iftalabel .p-inputtext::placeholder {\n opacity: 0;\n transition-property: all;\n transition-timing-function: ease;\n}\n\n.p-iftalabel .p-focus .p-placeholder,\n.p-iftalabel input:focus::placeholder,\n.p-iftalabel .p-inputtext:focus::placeholder {\n opacity: 1;\n transition-property: all;\n transition-timing-function: ease;\n}*/\n`;\n\nconst classes = {\n root: 'p-iftalabel'\n};\n\nexport default BaseStyle.extend({\n name: 'iftalabel',\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;AAAA,EAAA,OAAA,0JAAA,CAAAC,MAAA,CASRD,EAAE,CAAC,eAAe,CAAC,EAAA,+GAAA,CAAA,CAAAC,MAAA,CAIbD,EAAE,CAAC,qBAAqB,CAAC,EAAA,sBAAA,CAAA,CAAAC,MAAA,CACvBD,EAAE,CAAC,uBAAuB,CAAC,EAAAC,eAAAA,CAAAA,CAAAA,MAAA,CAClCD,EAAE,CAAC,sBAAsB,CAAC,EAAAC,gBAAAA,CAAAA,CAAAA,MAAA,CACzBD,EAAE,CAAC,iBAAiB,CAAC,kCAAAC,MAAA,CACPD,EAAE,CAAC,+BAA+B,CAAC,EAAA,6QAAA,CAAA,CAAAC,MAAA,CAU3CD,EAAE,CAAC,6BAA6B,CAAC,EAAA,yBAAA,CAAA,CAAAC,MAAA,CAC9BD,EAAE,CAAC,gCAAgC,CAAC,EAAAC,2DAAAA,CAAAA,CAAAA,MAAA,CAI7CD,EAAE,CAAC,yBAAyB,CAAC,EAAAC,yMAAAA,CAAAA,CAAAA,MAAA,CAO7BD,EAAE,CAAC,uBAAuB,CAAC,oDAAAC,MAAA,CAI7BD,EAAE,CAAC,6BAA6B,CAAC,EAAA,keAAA,CAAA,CAAA;AAAA,CAoB3C,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;;;;"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
<script>
|
|
2
|
+
import BaseComponent from '@primevue/core/basecomponent';
|
|
3
|
+
import ImageCompareStyle from 'primevue/imagecompare/style';
|
|
4
|
+
|
|
5
|
+
export default {
|
|
6
|
+
name: 'BaseImageCompare',
|
|
7
|
+
extends: BaseComponent,
|
|
8
|
+
props: {
|
|
9
|
+
tabindex: {
|
|
10
|
+
type: Number,
|
|
11
|
+
default: 0
|
|
12
|
+
},
|
|
13
|
+
ariaLabelledby: {
|
|
14
|
+
type: String,
|
|
15
|
+
default: null
|
|
16
|
+
},
|
|
17
|
+
ariaLabel: {
|
|
18
|
+
type: String,
|
|
19
|
+
default: null
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
style: ImageCompareStyle,
|
|
23
|
+
provide() {
|
|
24
|
+
return {
|
|
25
|
+
$pcImageCompare: this,
|
|
26
|
+
$parentInstance: this
|
|
27
|
+
};
|
|
28
|
+
}
|
|
29
|
+
};
|
|
30
|
+
</script>
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
<template>
|
|
2
|
+
<div :class="cx('root')" v-bind="ptmi('root')">
|
|
3
|
+
<slot name="left"></slot>
|
|
4
|
+
<slot name="right"></slot>
|
|
5
|
+
<input type="range" min="0" max="100" value="50" @input="onSlide" :class="cx('slider')" v-bind="ptm('slider')" />
|
|
6
|
+
</div>
|
|
7
|
+
</template>
|
|
8
|
+
|
|
9
|
+
<script>
|
|
10
|
+
import BaseImageCompare from './BaseImageCompare.vue';
|
|
11
|
+
|
|
12
|
+
export default {
|
|
13
|
+
name: 'ImageCompare',
|
|
14
|
+
extends: BaseImageCompare,
|
|
15
|
+
methods: {
|
|
16
|
+
onSlide(event) {
|
|
17
|
+
const value = event.target.value;
|
|
18
|
+
const image = event.target.previousElementSibling;
|
|
19
|
+
|
|
20
|
+
image.style.clipPath = 'polygon(0 0,' + value + '% 0,' + value + '% 100%, 0 100%)';
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
};
|
|
24
|
+
</script>
|