primevue 3.30.1 → 3.30.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.
Files changed (152) hide show
  1. package/basecomponent/BaseComponent.vue +1 -1
  2. package/basecomponent/basecomponent.cjs.js +1 -1
  3. package/basecomponent/basecomponent.cjs.min.js +1 -1
  4. package/basecomponent/basecomponent.esm.js +1 -1
  5. package/basecomponent/basecomponent.esm.min.js +1 -1
  6. package/basecomponent/basecomponent.js +1 -1
  7. package/basecomponent/basecomponent.min.js +1 -1
  8. package/basedirective/basedirective.cjs.js +1 -1
  9. package/basedirective/basedirective.cjs.min.js +1 -1
  10. package/basedirective/basedirective.esm.js +1 -1
  11. package/basedirective/basedirective.esm.min.js +1 -1
  12. package/basedirective/basedirective.js +1 -1
  13. package/basedirective/basedirective.min.js +1 -1
  14. package/column/Column.d.ts +48 -0
  15. package/columngroup/ColumnGroup.d.ts +5 -0
  16. package/core/core.js +19 -13
  17. package/core/core.min.js +5 -5
  18. package/datatable/BaseDataTable.vue +7 -1
  19. package/datatable/BodyCell.vue +5 -3
  20. package/datatable/ColumnFilter.vue +43 -8
  21. package/datatable/DataTable.d.ts +30 -0
  22. package/datatable/FooterCell.vue +3 -1
  23. package/datatable/HeaderCell.vue +6 -2
  24. package/datatable/HeaderCheckbox.vue +5 -2
  25. package/datatable/RowCheckbox.vue +5 -2
  26. package/datatable/RowRadioButton.vue +5 -2
  27. package/datatable/TableBody.vue +33 -13
  28. package/datatable/TableFooter.vue +10 -2
  29. package/datatable/TableHeader.vue +12 -2
  30. package/datatable/datatable.cjs.js +149 -43
  31. package/datatable/datatable.cjs.min.js +1 -1
  32. package/datatable/datatable.esm.js +149 -43
  33. package/datatable/datatable.esm.min.js +1 -1
  34. package/datatable/datatable.js +150 -44
  35. package/datatable/datatable.min.js +1 -1
  36. package/dialog/Dialog.vue +13 -1
  37. package/dialog/dialog.cjs.js +6 -2
  38. package/dialog/dialog.cjs.min.js +1 -1
  39. package/dialog/dialog.esm.js +6 -2
  40. package/dialog/dialog.esm.min.js +1 -1
  41. package/dialog/dialog.js +6 -2
  42. package/dialog/dialog.min.js +1 -1
  43. package/dock/Dock.d.ts +4 -0
  44. package/dock/DockSub.vue +9 -8
  45. package/dock/dock.cjs.js +9 -8
  46. package/dock/dock.cjs.min.js +1 -1
  47. package/dock/dock.esm.js +9 -8
  48. package/dock/dock.esm.min.js +1 -1
  49. package/dock/dock.js +9 -8
  50. package/dock/dock.min.js +1 -1
  51. package/galleria/Galleria.d.ts +4 -0
  52. package/galleria/GalleriaContent.vue +16 -6
  53. package/galleria/GalleriaItem.vue +2 -1
  54. package/galleria/GalleriaThumbnails.vue +1 -0
  55. package/galleria/galleria.cjs.js +34 -17
  56. package/galleria/galleria.cjs.min.js +1 -1
  57. package/galleria/galleria.esm.js +35 -18
  58. package/galleria/galleria.esm.min.js +1 -1
  59. package/galleria/galleria.js +34 -17
  60. package/galleria/galleria.min.js +1 -1
  61. package/message/BaseMessage.vue +2 -2
  62. package/message/Message.d.ts +10 -0
  63. package/message/Message.vue +3 -3
  64. package/message/message.cjs.js +8 -8
  65. package/message/message.cjs.min.js +1 -1
  66. package/message/message.esm.js +8 -8
  67. package/message/message.esm.min.js +1 -1
  68. package/message/message.js +8 -8
  69. package/message/message.min.js +1 -1
  70. package/multiselect/MultiSelect.vue +2 -1
  71. package/multiselect/multiselect.cjs.js +4 -4
  72. package/multiselect/multiselect.cjs.min.js +1 -1
  73. package/multiselect/multiselect.esm.js +5 -5
  74. package/multiselect/multiselect.esm.min.js +1 -1
  75. package/multiselect/multiselect.js +4 -4
  76. package/multiselect/multiselect.min.js +1 -1
  77. package/overlaypanel/OverlayPanel.vue +4 -2
  78. package/overlaypanel/overlaypanel.cjs.js +4 -2
  79. package/overlaypanel/overlaypanel.cjs.min.js +1 -1
  80. package/overlaypanel/overlaypanel.esm.js +4 -2
  81. package/overlaypanel/overlaypanel.esm.min.js +1 -1
  82. package/overlaypanel/overlaypanel.js +4 -2
  83. package/overlaypanel/overlaypanel.min.js +1 -1
  84. package/package.json +1 -1
  85. package/scrollpanel/ScrollPanel.vue +2 -0
  86. package/scrollpanel/scrollpanel.cjs.js +6 -2
  87. package/scrollpanel/scrollpanel.cjs.min.js +1 -1
  88. package/scrollpanel/scrollpanel.esm.js +6 -2
  89. package/scrollpanel/scrollpanel.esm.min.js +1 -1
  90. package/scrollpanel/scrollpanel.js +6 -2
  91. package/scrollpanel/scrollpanel.min.js +1 -1
  92. package/sidebar/Sidebar.vue +1 -1
  93. package/sidebar/sidebar.cjs.js +3 -1
  94. package/sidebar/sidebar.cjs.min.js +1 -1
  95. package/sidebar/sidebar.esm.js +3 -1
  96. package/sidebar/sidebar.esm.min.js +1 -1
  97. package/sidebar/sidebar.js +3 -1
  98. package/sidebar/sidebar.min.js +1 -1
  99. package/splitbutton/SplitButton.vue +2 -1
  100. package/splitbutton/splitbutton.cjs.js +4 -2
  101. package/splitbutton/splitbutton.cjs.min.js +1 -1
  102. package/splitbutton/splitbutton.esm.js +4 -2
  103. package/splitbutton/splitbutton.esm.min.js +1 -1
  104. package/splitbutton/splitbutton.js +4 -2
  105. package/splitbutton/splitbutton.min.js +1 -1
  106. package/tabmenu/TabMenu.vue +71 -72
  107. package/tabmenu/tabmenu.cjs.js +67 -75
  108. package/tabmenu/tabmenu.cjs.min.js +1 -1
  109. package/tabmenu/tabmenu.esm.js +67 -75
  110. package/tabmenu/tabmenu.esm.min.js +1 -1
  111. package/tabmenu/tabmenu.js +67 -75
  112. package/tabmenu/tabmenu.min.js +1 -1
  113. package/tabview/TabView.vue +2 -0
  114. package/tabview/tabview.cjs.js +6 -2
  115. package/tabview/tabview.cjs.min.js +1 -1
  116. package/tabview/tabview.esm.js +6 -2
  117. package/tabview/tabview.esm.min.js +1 -1
  118. package/tabview/tabview.js +6 -2
  119. package/tabview/tabview.min.js +1 -1
  120. package/toast/BaseToast.vue +2 -2
  121. package/toast/Toast.d.ts +10 -0
  122. package/toast/ToastMessage.vue +3 -2
  123. package/toast/toast.cjs.js +7 -6
  124. package/toast/toast.cjs.min.js +1 -1
  125. package/toast/toast.esm.js +7 -6
  126. package/toast/toast.esm.min.js +1 -1
  127. package/toast/toast.js +7 -6
  128. package/toast/toast.min.js +1 -1
  129. package/tree/Tree.d.ts +9 -0
  130. package/tree/TreeNode.vue +3 -1
  131. package/tree/tree.cjs.js +3 -1
  132. package/tree/tree.cjs.min.js +1 -1
  133. package/tree/tree.esm.js +3 -1
  134. package/tree/tree.esm.min.js +1 -1
  135. package/tree/tree.js +3 -1
  136. package/tree/tree.min.js +1 -1
  137. package/treetable/BaseTreeTable.vue +7 -1
  138. package/treetable/BodyCell.vue +14 -4
  139. package/treetable/FooterCell.vue +3 -1
  140. package/treetable/HeaderCell.vue +9 -2
  141. package/treetable/TreeTable.d.ts +30 -8
  142. package/treetable/TreeTable.vue +9 -2
  143. package/treetable/TreeTableRow.vue +10 -1
  144. package/treetable/treetable.cjs.js +58 -13
  145. package/treetable/treetable.cjs.min.js +1 -1
  146. package/treetable/treetable.esm.js +59 -14
  147. package/treetable/treetable.esm.min.js +1 -1
  148. package/treetable/treetable.js +58 -13
  149. package/treetable/treetable.min.js +1 -1
  150. package/vetur-attributes.json +8 -0
  151. package/vetur-tags.json +2 -0
  152. package/web-types.json +21 -1
@@ -227,6 +227,7 @@ this.primevue.galleria = (function (FocusTrap, Portal, utils, BaseComponent, use
227
227
 
228
228
  var script$3 = {
229
229
  name: 'GalleriaItem',
230
+ hostName: 'Galleria',
230
231
  "extends": BaseComponent__default["default"],
231
232
  emits: ['start-slideshow', 'stop-slideshow', 'update:activeIndex'],
232
233
  props: {
@@ -432,12 +433,12 @@ this.primevue.galleria = (function (FocusTrap, Portal, utils, BaseComponent, use
432
433
  }
433
434
  }, _ctx.ptm('indicator'), {
434
435
  "data-p-highlight": $options.isIndicatorItemActive(index)
435
- }), [!$props.templates['indicator'] ? (vue.openBlock(), vue.createElementBlock("button", {
436
+ }), [!$props.templates['indicator'] ? (vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
436
437
  key: 0,
437
438
  type: "button",
438
439
  tabindex: "-1",
439
- "class": vue.normalizeClass(_ctx.cx('indicatorButton'))
440
- }, null, 2)) : vue.createCommentVNode("", true), $props.templates.indicator ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates.indicator), {
440
+ "class": _ctx.cx('indicatorButton')
441
+ }, _ctx.ptm('indicatorButton')), null, 16)) : vue.createCommentVNode("", true), $props.templates.indicator ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates.indicator), {
441
442
  key: 1,
442
443
  index: index
443
444
  }, null, 8, ["index"])) : vue.createCommentVNode("", true)], 16, _hoisted_4$1);
@@ -454,6 +455,7 @@ this.primevue.galleria = (function (FocusTrap, Portal, utils, BaseComponent, use
454
455
  function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
455
456
  var script$2 = {
456
457
  name: 'GalleriaThumbnails',
458
+ hostName: 'Galleria',
457
459
  "extends": BaseComponent__default["default"],
458
460
  emits: ['stop-slideshow', 'update:activeIndex'],
459
461
  props: {
@@ -856,12 +858,12 @@ this.primevue.galleria = (function (FocusTrap, Portal, utils, BaseComponent, use
856
858
  }
857
859
  };
858
860
 
859
- function _typeof$1(obj) { "@babel/helpers - typeof"; return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof$1(obj); }
860
- function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
861
- function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
862
- function _defineProperty$1(obj, key, value) { key = _toPropertyKey$1(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
863
- function _toPropertyKey$1(arg) { var key = _toPrimitive$1(arg, "string"); return _typeof$1(key) === "symbol" ? key : String(key); }
864
- function _toPrimitive$1(input, hint) { if (_typeof$1(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof$1(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
861
+ function _typeof$2(obj) { "@babel/helpers - typeof"; return _typeof$2 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof$2(obj); }
862
+ function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
863
+ function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty$2(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
864
+ function _defineProperty$2(obj, key, value) { key = _toPropertyKey$2(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
865
+ function _toPropertyKey$2(arg) { var key = _toPrimitive$2(arg, "string"); return _typeof$2(key) === "symbol" ? key : String(key); }
866
+ function _toPrimitive$2(input, hint) { if (_typeof$2(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof$2(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
865
867
  var _hoisted_1$2 = ["disabled", "aria-label"];
866
868
  var _hoisted_2$1 = ["data-p-active", "aria-selected", "aria-controls", "onKeydown", "data-p-galleria-thumbnail-item-current", "data-p-galleria-thumbnail-item-active", "data-p-galleria-thumbnail-item-start", "data-p-galleria-thumbnail-item-end"];
867
869
  var _hoisted_3$1 = ["tabindex", "aria-label", "aria-current", "onClick"];
@@ -881,7 +883,7 @@ this.primevue.galleria = (function (FocusTrap, Portal, utils, BaseComponent, use
881
883
  onClick: _cache[0] || (_cache[0] = function ($event) {
882
884
  return $options.navBackward($event);
883
885
  })
884
- }, _objectSpread$1(_objectSpread$1({}, $props.prevButtonProps), _ctx.ptm('previousThumbnailButton'))), [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates.previousthumbnailicon || ($props.isVertical ? 'ChevronUpIcon' : 'ChevronLeftIcon')), vue.mergeProps({
886
+ }, _objectSpread$2(_objectSpread$2({}, $props.prevButtonProps), _ctx.ptm('previousThumbnailButton'))), [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates.previousthumbnailicon || ($props.isVertical ? 'ChevronUpIcon' : 'ChevronLeftIcon')), vue.mergeProps({
885
887
  "class": _ctx.cx('previousThumbnailIcon')
886
888
  }, _ctx.ptm('previousThumbnailIcon')), null, 16, ["class"]))], 16, _hoisted_1$2)), [[_directive_ripple]]) : vue.createCommentVNode("", true), vue.createElementVNode("div", vue.mergeProps({
887
889
  "class": _ctx.cx('thumbnailItemsContainer'),
@@ -944,15 +946,22 @@ this.primevue.galleria = (function (FocusTrap, Portal, utils, BaseComponent, use
944
946
  onClick: _cache[5] || (_cache[5] = function ($event) {
945
947
  return $options.navForward($event);
946
948
  })
947
- }, _objectSpread$1(_objectSpread$1({}, $props.nextButtonProps), _ctx.ptm('nextThumbnailButton'))), [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates.nextthumbnailicon || ($props.isVertical ? 'ChevronDownIcon' : 'ChevronRightIcon')), vue.mergeProps({
949
+ }, _objectSpread$2(_objectSpread$2({}, $props.nextButtonProps), _ctx.ptm('nextThumbnailButton'))), [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($props.templates.nextthumbnailicon || ($props.isVertical ? 'ChevronDownIcon' : 'ChevronRightIcon')), vue.mergeProps({
948
950
  "class": _ctx.cx('nextThumbnailIcon')
949
951
  }, _ctx.ptm('nextThumbnailIcon')), null, 16, ["class"]))], 16, _hoisted_4)), [[_directive_ripple]]) : vue.createCommentVNode("", true)], 16)], 16);
950
952
  }
951
953
 
952
954
  script$2.render = render$2;
953
955
 
956
+ function _typeof$1(obj) { "@babel/helpers - typeof"; return _typeof$1 = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof$1(obj); }
957
+ function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
958
+ function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
959
+ function _defineProperty$1(obj, key, value) { key = _toPropertyKey$1(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
960
+ function _toPropertyKey$1(arg) { var key = _toPrimitive$1(arg, "string"); return _typeof$1(key) === "symbol" ? key : String(key); }
961
+ function _toPrimitive$1(input, hint) { if (_typeof$1(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof$1(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
954
962
  var script$1 = {
955
963
  name: 'GalleriaContent',
964
+ hostName: 'Galleria',
956
965
  "extends": BaseComponent__default["default"],
957
966
  inheritAttrs: false,
958
967
  interval: null,
@@ -990,6 +999,14 @@ this.primevue.galleria = (function (FocusTrap, Portal, utils, BaseComponent, use
990
999
  }
991
1000
  },
992
1001
  methods: {
1002
+ getPTOptions: function getPTOptions(key) {
1003
+ return this.ptm(key, {
1004
+ props: _objectSpread$1(_objectSpread$1({}, this.$attrs), {}, {
1005
+ pt: this.pt,
1006
+ unstyled: this.unstyled
1007
+ })
1008
+ });
1009
+ },
993
1010
  isAutoPlayActive: function isAutoPlayActive() {
994
1011
  return this.slideShowActive;
995
1012
  },
@@ -1051,7 +1068,7 @@ this.primevue.galleria = (function (FocusTrap, Portal, utils, BaseComponent, use
1051
1068
  id: $data.id,
1052
1069
  "class": [_ctx.cx('root'), _ctx.$attrs.containerClass],
1053
1070
  style: _ctx.$attrs.containerStyle
1054
- }, _objectSpread(_objectSpread({}, _ctx.$attrs.containerProps), _ctx.ptm('root')), {
1071
+ }, _objectSpread(_objectSpread({}, _ctx.$attrs.containerProps), $options.getPTOptions('root')), {
1055
1072
  "data-pc-name": "galleria"
1056
1073
  }), [_ctx.$attrs.fullScreen ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
1057
1074
  key: 0,
@@ -1062,15 +1079,15 @@ this.primevue.galleria = (function (FocusTrap, Portal, utils, BaseComponent, use
1062
1079
  onClick: _cache[0] || (_cache[0] = function ($event) {
1063
1080
  return _ctx.$emit('mask-hide');
1064
1081
  })
1065
- }, _ctx.ptm('closeButton')), [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$attrs.templates['closeicon'] || 'TimesIcon'), vue.mergeProps({
1082
+ }, $options.getPTOptions('closeButton')), [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$attrs.templates['closeicon'] || 'TimesIcon'), vue.mergeProps({
1066
1083
  "class": _ctx.cx('closeIcon')
1067
- }, _ctx.ptm('closeIcon')), null, 16, ["class"]))], 16, _hoisted_2)), [[_directive_ripple]]) : vue.createCommentVNode("", true), _ctx.$attrs.templates && _ctx.$attrs.templates['header'] ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
1084
+ }, $options.getPTOptions('closeIcon')), null, 16, ["class"]))], 16, _hoisted_2)), [[_directive_ripple]]) : vue.createCommentVNode("", true), _ctx.$attrs.templates && _ctx.$attrs.templates['header'] ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
1068
1085
  key: 1,
1069
1086
  "class": _ctx.cx('header')
1070
- }, _ctx.ptm('header')), [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$attrs.templates['header'])))], 16)) : vue.createCommentVNode("", true), vue.createElementVNode("div", vue.mergeProps({
1087
+ }, $options.getPTOptions('header')), [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$attrs.templates['header'])))], 16)) : vue.createCommentVNode("", true), vue.createElementVNode("div", vue.mergeProps({
1071
1088
  "class": _ctx.cx('content'),
1072
1089
  "aria-live": _ctx.$attrs.autoPlay ? 'polite' : 'off'
1073
- }, _ctx.ptm('content')), [vue.createVNode(_component_GalleriaItem, {
1090
+ }, $options.getPTOptions('content')), [vue.createVNode(_component_GalleriaItem, {
1074
1091
  id: $data.id,
1075
1092
  activeIndex: $data.activeIndex,
1076
1093
  "onUpdate:activeIndex": _cache[1] || (_cache[1] = function ($event) {
@@ -1118,7 +1135,7 @@ this.primevue.galleria = (function (FocusTrap, Portal, utils, BaseComponent, use
1118
1135
  }, null, 8, ["activeIndex", "slideShowActive", "containerId", "value", "templates", "numVisible", "responsiveOptions", "circular", "isVertical", "contentHeight", "showThumbnailNavigators", "prevButtonProps", "nextButtonProps", "onStopSlideshow", "pt", "unstyled"])) : vue.createCommentVNode("", true)], 16, _hoisted_3), _ctx.$attrs.templates && _ctx.$attrs.templates['footer'] ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
1119
1136
  key: 2,
1120
1137
  "class": _ctx.cx('footer')
1121
- }, _ctx.ptm('footer')), [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$attrs.templates['footer'])))], 16)) : vue.createCommentVNode("", true)], 16, _hoisted_1$1)) : vue.createCommentVNode("", true);
1138
+ }, $options.getPTOptions('footer')), [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.$attrs.templates['footer'])))], 16)) : vue.createCommentVNode("", true)], 16, _hoisted_1$1)) : vue.createCommentVNode("", true);
1122
1139
  }
1123
1140
 
1124
1141
  script$1.render = render$1;
@@ -1 +1 @@
1
- this.primevue=this.primevue||{},this.primevue.galleria=function(e,t,n,i,a,r,o,l,s,c,u,d){"use strict";function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=m(e),h=m(t),v=m(i),f=m(r),b=m(o),g=m(l),I=m(s),y=m(u),x=m(d),w=a.useStyle("\n.p-galleria-content {\n display: flex;\n flex-direction: column;\n}\n\n.p-galleria-item-wrapper {\n display: flex;\n flex-direction: column;\n position: relative;\n}\n\n.p-galleria-item-container {\n position: relative;\n display: flex;\n height: 100%;\n}\n\n.p-galleria-item-nav {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n}\n\n.p-galleria-item-prev {\n left: 0;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.p-galleria-item-next {\n right: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 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-item-nav-onhover .p-galleria-item-nav {\n pointer-events: none;\n opacity: 0;\n transition: opacity 0.2s ease-in-out;\n}\n\n.p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {\n pointer-events: all;\n opacity: 1;\n}\n\n.p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.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}\n\n/* Thumbnails */\n.p-galleria-thumbnail-wrapper {\n display: flex;\n flex-direction: column;\n overflow: auto;\n flex-shrink: 0;\n}\n\n.p-galleria-thumbnail-prev,\n.p-galleria-thumbnail-next {\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}\n\n.p-galleria-thumbnail-prev span,\n.p-galleria-thumbnail-next span {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.p-galleria-thumbnail-container {\n display: flex;\n flex-direction: row;\n}\n\n.p-galleria-thumbnail-items-container {\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-item:hover {\n opacity: 1;\n transition: opacity 0.3s;\n}\n\n.p-galleria-thumbnail-item-current {\n opacity: 1;\n}\n\n/* Positions */\n/* Thumbnails */\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-item-wrapper,\n.p-galleria-thumbnails-right .p-galleria-item-wrapper {\n flex-direction: row;\n}\n\n.p-galleria-thumbnails-left .p-galleria-item-wrapper,\n.p-galleria-thumbnails-top .p-galleria-item-wrapper {\n order: 2;\n}\n\n.p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,\n.p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {\n order: 1;\n}\n\n.p-galleria-thumbnails-left .p-galleria-thumbnail-container,\n.p-galleria-thumbnails-right .p-galleria-thumbnail-container {\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/* Indicators */\n.p-galleria-indicators {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-galleria-indicator > button {\n display: inline-flex;\n align-items: center;\n}\n\n.p-galleria-indicators-left .p-galleria-item-wrapper,\n.p-galleria-indicators-right .p-galleria-item-wrapper {\n flex-direction: row;\n align-items: center;\n}\n\n.p-galleria-indicators-left .p-galleria-item-container,\n.p-galleria-indicators-top .p-galleria-item-container {\n order: 2;\n}\n\n.p-galleria-indicators-left .p-galleria-indicators,\n.p-galleria-indicators-top .p-galleria-indicators {\n order: 1;\n}\n\n.p-galleria-indicators-left .p-galleria-indicators,\n.p-galleria-indicators-right .p-galleria-indicators {\n flex-direction: column;\n}\n\n.p-galleria-indicator-onitem .p-galleria-indicators {\n position: absolute;\n display: flex;\n}\n\n.p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {\n top: 0;\n left: 0;\n width: 100%;\n align-items: flex-start;\n}\n\n.p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {\n right: 0;\n top: 0;\n height: 100%;\n align-items: flex-end;\n}\n\n.p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {\n bottom: 0;\n left: 0;\n width: 100%;\n align-items: flex-end;\n}\n\n.p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {\n left: 0;\n top: 0;\n height: 100%;\n align-items: flex-start;\n}\n\n/* FullScreen */\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 {\n position: absolute;\n top: 0;\n right: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n}\n\n.p-galleria-mask .p-galleria-item-nav {\n position: fixed;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n/* Animation */\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-item-nav {\n opacity: 0;\n}\n\n/* Keyboard Support */\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",{name:"galleria",manual:!0}),S={name:"BaseGalleria",extends:v.default,props:{id:{type:String,default:null},value:{type:Array,default:null},activeIndex:{type:Number,default:0},fullScreen:{type:Boolean,default:!1},visible:{type:Boolean,default:!1},numVisible:{type:Number,default:3},responsiveOptions:{type:Array,default:null},showItemNavigators:{type:Boolean,default:!1},showThumbnailNavigators:{type:Boolean,default:!0},showItemNavigatorsOnHover:{type:Boolean,default:!1},changeItemOnIndicatorHover:{type:Boolean,default:!1},circular:{type:Boolean,default:!1},autoPlay:{type:Boolean,default:!1},transitionInterval:{type:Number,default:4e3},showThumbnails:{type:Boolean,default:!0},thumbnailsPosition:{type:String,default:"bottom"},verticalThumbnailViewPortHeight:{type:String,default:"300px"},showIndicators:{type:Boolean,default:!1},showIndicatorsOnItem:{type:Boolean,default:!1},indicatorsPosition:{type:String,default:"bottom"},baseZIndex:{type:Number,default:0},maskClass:{type:String,default:null},containerStyle:{type:null,default:null},containerClass:{type:null,default:null},containerProps:{type:null,default:null},prevButtonProps:{type:null,default:null},nextButtonProps:{type:null,default:null}},css:{classes:{mask:function(e){var t=e.instance;return["p-galleria-mask p-component-overlay p-component-overlay-enter",{"p-input-filled":"filled"===t.$primevue.config.inputStyle,"p-ripple-disabled":!1===t.$primevue.config.ripple}]},root:function(e){var t=e.instance,n=t.$attrs.showThumbnails&&t.getPositionClass("p-galleria-thumbnails",t.$attrs.thumbnailsPosition),i=t.$attrs.showIndicators&&t.getPositionClass("p-galleria-indicators",t.$attrs.indicatorsPosition);return["p-galleria p-component",{"p-galleria-fullscreen":t.$attrs.fullScreen,"p-galleria-indicator-onitem":t.$attrs.showIndicatorsOnItem,"p-galleria-item-nav-onhover":t.$attrs.showItemNavigatorsOnHover&&!t.$attrs.fullScreen},n,i]},closeButton:"p-galleria-close p-link",closeIcon:"p-galleria-close-icon",header:"p-galleria-header",content:"p-galleria-content",footer:"p-galleria-footer",itemWrapper:"p-galleria-item-wrapper",itemContainer:"p-galleria-item-container",previousItemButton:function(e){return["p-galleria-item-prev p-galleria-item-nav p-link",{"p-disabled":e.instance.isNavBackwardDisabled()}]},previousItemIcon:"p-galleria-item-prev-icon",item:"p-galleria-item",nextItemButton:function(e){return["p-galleria-item-next p-galleria-item-nav p-link",{"p-disabled":e.instance.isNavForwardDisabled()}]},nextItemIcon:"p-galleria-item-next-icon",caption:"p-galleria-caption",indicators:"p-galleria-indicators p-reset",indicator:function(e){return["p-galleria-indicator",{"p-highlight":e.instance.isIndicatorItemActive(e.index)}]},indicatorButton:"p-link",thumbnailWrapper:"p-galleria-thumbnail-wrapper",thumbnailContainer:"p-galleria-thumbnail-container",previousThumbnailButton:function(e){return["p-galleria-thumbnail-prev p-link",{"p-disabled":e.instance.isNavBackwardDisabled()}]},previousThumbnailIcon:"p-galleria-thumbnail-prev-icon",thumbnailItemsContainer:"p-galleria-thumbnail-items-container",thumbnailItems:"p-galleria-thumbnail-items",thumbnailItem:function(e){var t=e.instance,n=e.index;return["p-galleria-thumbnail-item",{"p-galleria-thumbnail-item-current":e.activeIndex===n,"p-galleria-thumbnail-item-active":t.isItemActive(n),"p-galleria-thumbnail-item-start":t.firstItemAciveIndex()===n,"p-galleria-thumbnail-item-end":t.lastItemActiveIndex()===n}]},thumbnailItemContent:"p-galleria-thumbnail-item-content",nextThumbnailButton:function(e){return["p-galleria-thumbnail-next p-link",{"p-disabled":e.instance.isNavForwardDisabled()}]},nextThumbnailIcon:"p-galleria-thumbnail-next-icon"},loadStyle:w.load},provide:function(){return{$parentInstance:this}}},k={name:"GalleriaItem",extends:v.default,emits:["start-slideshow","stop-slideshow","update:activeIndex"],props:{circular:{type:Boolean,default:!1},activeIndex:{type:Number,default:0},value:{type:Array,default:null},showItemNavigators:{type:Boolean,default:!0},showIndicators:{type:Boolean,default:!0},slideShowActive:{type:Boolean,default:!0},changeItemOnIndicatorHover:{type:Boolean,default:!0},autoPlay:{type:Boolean,default:!1},templates:{type:null,default:null},id:{type:String,default:null}},mounted:function(){this.autoPlay&&this.$emit("start-slideshow")},methods:{next:function(){this.$emit("update:activeIndex",this.circular&&this.value.length-1===this.activeIndex?0:this.activeIndex+1)},prev:function(){this.$emit("update:activeIndex",this.circular&&0===this.activeIndex?this.value.length-1:0!==this.activeIndex?this.activeIndex-1:0)},stopSlideShow:function(){this.slideShowActive&&this.stopSlideShow&&this.$emit("stop-slideshow")},navBackward:function(e){this.stopSlideShow(),this.prev(),e&&e.cancelable&&e.preventDefault()},navForward:function(e){this.stopSlideShow(),this.next(),e&&e.cancelable&&e.preventDefault()},onIndicatorClick:function(e){this.stopSlideShow(),this.$emit("update:activeIndex",e)},onIndicatorMouseEnter:function(e){this.changeItemOnIndicatorHover&&(this.stopSlideShow(),this.$emit("update:activeIndex",e))},onIndicatorKeyDown:function(e,t){switch(e.code){case"Enter":case"Space":this.stopSlideShow(),this.$emit("update:activeIndex",t),e.preventDefault();break;case"ArrowDown":case"ArrowUp":e.preventDefault()}},isIndicatorItemActive:function(e){return this.activeIndex===e},isNavBackwardDisabled:function(){return!this.circular&&0===this.activeIndex},isNavForwardDisabled:function(){return!this.circular&&this.activeIndex===this.value.length-1},ariaSlideNumber:function(e){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.slideNumber.replace(/{slideNumber}/g,e):void 0},ariaPageLabel:function(e){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.pageLabel.replace(/{page}/g,e):void 0}},computed:{activeItem:function(){return this.value[this.activeIndex]},ariaSlideLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.slide:void 0}},components:{ChevronLeftIcon:g.default,ChevronRightIcon:I.default},directives:{ripple:b.default}},B=["disabled"],C=["id","aria-label","aria-roledescription"],P=["disabled"],$=["aria-label","aria-selected","aria-controls","onClick","onMouseenter","onKeydown","data-p-highlight"];function V(e){return O(e)||D(e)||N(e)||A()}function A(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function N(e,t){if(e){if("string"==typeof e)return _(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_(e,t):void 0}}function D(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function O(e){if(Array.isArray(e))return _(e)}function _(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}k.render=function(e,t,n,i,a,r){var o=c.resolveDirective("ripple");return c.openBlock(),c.createElementBlock("div",c.mergeProps({class:e.cx("itemWrapper")},e.ptm("itemWrapper")),[c.createElementVNode("div",c.mergeProps({class:e.cx("itemContainer")},e.ptm("itemContainer")),[n.showItemNavigators?c.withDirectives((c.openBlock(),c.createElementBlock("button",c.mergeProps({key:0,type:"button",class:e.cx("previousItemButton"),onClick:t[0]||(t[0]=function(e){return r.navBackward(e)}),disabled:r.isNavBackwardDisabled()},e.ptm("previousItemButton")),[(c.openBlock(),c.createBlock(c.resolveDynamicComponent(n.templates.previousitemicon||"ChevronLeftIcon"),c.mergeProps({class:e.cx("previousItemIcon")},e.ptm("previousItemIcon")),null,16,["class"]))],16,B)),[[o]]):c.createCommentVNode("",!0),c.createElementVNode("div",c.mergeProps({id:n.id+"_item_"+n.activeIndex,class:e.cx("item"),role:"group","aria-label":r.ariaSlideNumber(n.activeIndex+1),"aria-roledescription":r.ariaSlideLabel},e.ptm("item")),[n.templates.item?(c.openBlock(),c.createBlock(c.resolveDynamicComponent(n.templates.item),{key:0,item:r.activeItem},null,8,["item"])):c.createCommentVNode("",!0)],16,C),n.showItemNavigators?c.withDirectives((c.openBlock(),c.createElementBlock("button",c.mergeProps({key:1,type:"button",class:e.cx("nextItemButton"),onClick:t[1]||(t[1]=function(e){return r.navForward(e)}),disabled:r.isNavForwardDisabled()},e.ptm("nextItemButton")),[(c.openBlock(),c.createBlock(c.resolveDynamicComponent(n.templates.nextitemicon||"ChevronRightIcon"),c.mergeProps({class:e.cx("nextItemIcon")},e.ptm("nextItemIcon")),null,16,["class"]))],16,P)),[[o]]):c.createCommentVNode("",!0),n.templates.caption?(c.openBlock(),c.createElementBlock("div",c.mergeProps({key:2,class:e.cx("caption")},e.ptm("caption")),[n.templates.caption?(c.openBlock(),c.createBlock(c.resolveDynamicComponent(n.templates.caption),{key:0,item:r.activeItem},null,8,["item"])):c.createCommentVNode("",!0)],16)):c.createCommentVNode("",!0)],16),n.showIndicators?(c.openBlock(),c.createElementBlock("ul",c.mergeProps({key:0,class:e.cx("indicators")},e.ptm("indicators")),[(c.openBlock(!0),c.createElementBlock(c.Fragment,null,c.renderList(n.value,(function(t,i){return c.openBlock(),c.createElementBlock("li",c.mergeProps({key:"p-galleria-indicator-".concat(i),class:e.cx("indicator",{index:i}),tabindex:"0","aria-label":r.ariaPageLabel(i+1),"aria-selected":n.activeIndex===i,"aria-controls":n.id+"_item_"+i,onClick:function(e){return r.onIndicatorClick(i)},onMouseenter:function(e){return r.onIndicatorMouseEnter(i)},onKeydown:function(e){return r.onIndicatorKeyDown(e,i)}},e.ptm("indicator"),{"data-p-highlight":r.isIndicatorItemActive(i)}),[n.templates.indicator?c.createCommentVNode("",!0):(c.openBlock(),c.createElementBlock("button",{key:0,type:"button",tabindex:"-1",class:c.normalizeClass(e.cx("indicatorButton"))},null,2)),n.templates.indicator?(c.openBlock(),c.createBlock(c.resolveDynamicComponent(n.templates.indicator),{key:1,index:i},null,8,["index"])):c.createCommentVNode("",!0)],16,$)})),128))],16)):c.createCommentVNode("",!0)],16)};var T={name:"GalleriaThumbnails",extends:v.default,emits:["stop-slideshow","update:activeIndex"],props:{containerId:{type:String,default:null},value:{type:Array,default:null},numVisible:{type:Number,default:3},activeIndex:{type:Number,default:0},isVertical:{type:Boolean,default:!1},slideShowActive:{type:Boolean,default:!1},circular:{type:Boolean,default:!1},responsiveOptions:{type:Array,default:null},contentHeight:{type:String,default:"300px"},showThumbnailNavigators:{type:Boolean,default:!0},templates:{type:null,default:null},prevButtonProps:{type:null,default:null},nextButtonProps:{type:null,default:null}},startPos:null,thumbnailsStyle:null,sortedResponsiveOptions:null,data:function(){return{d_numVisible:this.numVisible,d_oldNumVisible:this.numVisible,d_activeIndex:this.activeIndex,d_oldActiveItemIndex:this.activeIndex,totalShiftedItems:0,page:0}},watch:{numVisible:function(e,t){this.d_numVisible=e,this.d_oldNumVisible=t},activeIndex:function(e,t){this.d_activeIndex=e,this.d_oldActiveItemIndex=t}},mounted:function(){this.createStyle(),this.calculatePosition(),this.responsiveOptions&&this.bindDocumentListeners()},updated:function(){var e=this.totalShiftedItems;this.d_oldNumVisible===this.d_numVisible&&this.d_oldActiveItemIndex===this.d_activeIndex||((e=this.d_activeIndex<=this.getMedianItemIndex()?0:this.value.length-this.d_numVisible+this.getMedianItemIndex()<this.d_activeIndex?this.d_numVisible-this.value.length:this.value.length-this.d_numVisible<this.d_activeIndex&&this.d_numVisible%2==0?-1*this.d_activeIndex+this.getMedianItemIndex()+1:-1*this.d_activeIndex+this.getMedianItemIndex())!==this.totalShiftedItems&&(this.totalShiftedItems=e),this.$refs.itemsContainer.style.transform=this.isVertical?"translate3d(0, ".concat(e*(100/this.d_numVisible),"%, 0)"):"translate3d(".concat(e*(100/this.d_numVisible),"%, 0, 0)"),this.d_oldActiveItemIndex!==this.d_activeIndex&&(document.body.setAttribute("data-p-items-hidden","false"),!this.isUnstyled&&n.DomHandler.removeClass(this.$refs.itemsContainer,"p-items-hidden"),this.$refs.itemsContainer.style.transition="transform 500ms ease 0s"),this.d_oldActiveItemIndex=this.d_activeIndex,this.d_oldNumVisible=this.d_numVisible)},beforeUnmount:function(){this.responsiveOptions&&this.unbindDocumentListeners(),this.thumbnailsStyle&&this.thumbnailsStyle.parentNode.removeChild(this.thumbnailsStyle)},methods:{step:function(e){var t=this.totalShiftedItems+e;e<0&&-1*t+this.d_numVisible>this.value.length-1?t=this.d_numVisible-this.value.length:e>0&&t>0&&(t=0),this.circular&&(e<0&&this.value.length-1===this.d_activeIndex?t=0:e>0&&0===this.d_activeIndex&&(t=this.d_numVisible-this.value.length)),this.$refs.itemsContainer&&(document.body.setAttribute("data-p-items-hidden","false"),!this.isUnstyled&&n.DomHandler.removeClass(this.$refs.itemsContainer,"p-items-hidden"),this.$refs.itemsContainer.style.transform=this.isVertical?"translate3d(0, ".concat(t*(100/this.d_numVisible),"%, 0)"):"translate3d(".concat(t*(100/this.d_numVisible),"%, 0, 0)"),this.$refs.itemsContainer.style.transition="transform 500ms ease 0s"),this.totalShiftedItems=t},stopSlideShow:function(){this.slideShowActive&&this.stopSlideShow&&this.$emit("stop-slideshow")},getMedianItemIndex:function(){var e=Math.floor(this.d_numVisible/2);return this.d_numVisible%2?e:e-1},navBackward:function(e){this.stopSlideShow();var t=0!==this.d_activeIndex?this.d_activeIndex-1:0;this.d_numVisible-(t+this.totalShiftedItems)-1>this.getMedianItemIndex()&&(-1*this.totalShiftedItems!=0||this.circular)&&this.step(1),this.$emit("update:activeIndex",this.circular&&0===this.d_activeIndex?this.value.length-1:t),e.cancelable&&e.preventDefault()},navForward:function(e){this.stopSlideShow();var t=this.d_activeIndex===this.value.length-1?this.value.length-1:this.d_activeIndex+1;t+this.totalShiftedItems>this.getMedianItemIndex()&&(-1*this.totalShiftedItems<this.getTotalPageNumber()-1||this.circular)&&this.step(-1),this.$emit("update:activeIndex",this.circular&&this.value.length-1===this.d_activeIndex?0:t),e.cancelable&&e.preventDefault()},onItemClick:function(e){this.stopSlideShow();var t=e;if(t!==this.d_activeIndex){var n=t+this.totalShiftedItems,i=0;t<this.d_activeIndex?(i=this.d_numVisible-n-1-this.getMedianItemIndex())>0&&-1*this.totalShiftedItems!=0&&this.step(i):(i=this.getMedianItemIndex()-n)<0&&-1*this.totalShiftedItems<this.getTotalPageNumber()-1&&this.step(i),this.$emit("update:activeIndex",t)}},onThumbnailKeydown:function(e,t){switch("Enter"!==e.code&&"Space"!==e.code||(this.onItemClick(t),e.preventDefault()),e.code){case"ArrowRight":this.onRightKey();break;case"ArrowLeft":this.onLeftKey();break;case"Home":this.onHomeKey(),e.preventDefault();break;case"End":this.onEndKey(),e.preventDefault();break;case"ArrowUp":case"ArrowDown":e.preventDefault();break;case"Tab":this.onTabKey()}},onRightKey:function(){var e=n.DomHandler.find(this.$refs.itemsContainer,'[data-pc-section="thumbnailitem"]'),t=this.findFocusedIndicatorIndex();this.changedFocusedIndicator(t,t+1===e.length?e.length-1:t+1)},onLeftKey:function(){var e=this.findFocusedIndicatorIndex();this.changedFocusedIndicator(e,e-1<=0?0:e-1)},onHomeKey:function(){var e=this.findFocusedIndicatorIndex();this.changedFocusedIndicator(e,0)},onEndKey:function(){var e=n.DomHandler.find(this.$refs.itemsContainer,'[data-pc-section="thumbnailitem"]'),t=this.findFocusedIndicatorIndex();this.changedFocusedIndicator(t,e.length-1)},onTabKey:function(){var e=V(n.DomHandler.find(this.$refs.itemsContainer,'[data-pc-section="thumbnailitem"]')),t=e.findIndex((function(e){return!0===n.DomHandler.getAttribute(e,"data-p-active")})),i=n.DomHandler.findSingle(this.$refs.itemsContainer,'[tabindex="0"]'),a=e.findIndex((function(e){return e===i.parentElement}));e[a].children[0].tabIndex="-1",e[t].children[0].tabIndex="0"},findFocusedIndicatorIndex:function(){var e=V(n.DomHandler.find(this.$refs.itemsContainer,'[data-pc-section="thumbnailitem"]')),t=n.DomHandler.findSingle(this.$refs.itemsContainer,'[data-pc-section="thumbnailitem"] > [tabindex="0"]');return e.findIndex((function(e){return e===t.parentElement}))},changedFocusedIndicator:function(e,t){var i=n.DomHandler.find(this.$refs.itemsContainer,'[data-pc-section="thumbnailitem"]');i[e].children[0].tabIndex="-1",i[t].children[0].tabIndex="0",i[t].children[0].focus()},onTransitionEnd:function(){this.$refs.itemsContainer&&(document.body.setAttribute("data-p-items-hidden","true"),!this.isUnstyled&&n.DomHandler.addClass(this.$refs.itemsContainer,"p-items-hidden"),this.$refs.itemsContainer.style.transition="")},onTouchStart:function(e){var t=e.changedTouches[0];this.startPos={x:t.pageX,y:t.pageY}},onTouchMove:function(e){e.cancelable&&e.preventDefault()},onTouchEnd:function(e){var t=e.changedTouches[0];this.changePageOnTouch(e,this.isVertical?t.pageY-this.startPos.y:t.pageX-this.startPos.x)},changePageOnTouch:function(e,t){t<0?this.navForward(e):this.navBackward(e)},getTotalPageNumber:function(){return this.value.length>this.d_numVisible?this.value.length-this.d_numVisible+1:0},createStyle:function(){this.thumbnailsStyle||(this.thumbnailsStyle=document.createElement("style"),this.thumbnailsStyle.type="text/css",document.body.appendChild(this.thumbnailsStyle));var e="\n #".concat(this.containerId,' [data-pc-section="thumbnailitem"] {\n flex: 1 0 ').concat(100/this.d_numVisible,"%\n }\n ");if(this.responsiveOptions&&!this.isUnstyled){this.sortedResponsiveOptions=V(this.responsiveOptions),this.sortedResponsiveOptions.sort((function(e,t){var n=e.breakpoint,i=t.breakpoint;return-1*(null==n&&null!=i?-1:null!=n&&null==i?1:null==n&&null==i?0:"string"==typeof n&&"string"==typeof i?n.localeCompare(i,void 0,{numeric:!0}):n<i?-1:n>i?1:0)}));for(var t=0;t<this.sortedResponsiveOptions.length;t++){var n=this.sortedResponsiveOptions[t];e+="\n @media screen and (max-width: ".concat(n.breakpoint,") {\n #").concat(this.containerId," .p-galleria-thumbnail-item {\n flex: 1 0 ").concat(100/n.numVisible,"%\n }\n }\n ")}}this.thumbnailsStyle.innerHTML=e},calculatePosition:function(){if(this.$refs.itemsContainer&&this.sortedResponsiveOptions){for(var e=window.innerWidth,t={numVisible:this.numVisible},n=0;n<this.sortedResponsiveOptions.length;n++){var i=this.sortedResponsiveOptions[n];parseInt(i.breakpoint,10)>=e&&(t=i)}this.d_numVisible!==t.numVisible&&(this.d_numVisible=t.numVisible)}},bindDocumentListeners:function(){var e=this;this.documentResizeListener||(this.documentResizeListener=function(){e.calculatePosition()},window.addEventListener("resize",this.documentResizeListener))},unbindDocumentListeners:function(){this.documentResizeListener&&(window.removeEventListener("resize",this.documentResizeListener),this.documentResizeListener=null)},isNavBackwardDisabled:function(){return!this.circular&&0===this.d_activeIndex||this.value.length<=this.d_numVisible},isNavForwardDisabled:function(){return!this.circular&&this.d_activeIndex===this.value.length-1||this.value.length<=this.d_numVisible},firstItemAciveIndex:function(){return-1*this.totalShiftedItems},lastItemActiveIndex:function(){return this.firstItemAciveIndex()+this.d_numVisible-1},isItemActive:function(e){return this.firstItemAciveIndex()<=e&&this.lastItemActiveIndex()>=e},ariaPageLabel:function(e){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.pageLabel.replace(/{page}/g,e):void 0}},computed:{ariaPrevButtonLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.prevPageLabel:void 0},ariaNextButtonLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.nextPageLabel:void 0}},components:{ChevronLeftIcon:g.default,ChevronRightIcon:I.default,ChevronUpIcon:x.default,ChevronDownIcon:y.default},directives:{ripple:b.default}};function E(e){return E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},E(e)}function L(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?L(Object(n),!0).forEach((function(t){H(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):L(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function H(e,t,n){return(t=R(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function R(e){var t=F(e,"string");return"symbol"===E(t)?t:String(t)}function F(e,t){if("object"!==E(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!==E(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var U=["disabled","aria-label"],M=["data-p-active","aria-selected","aria-controls","onKeydown","data-p-galleria-thumbnail-item-current","data-p-galleria-thumbnail-item-active","data-p-galleria-thumbnail-item-start","data-p-galleria-thumbnail-item-end"],K=["tabindex","aria-label","aria-current","onClick"],z=["disabled","aria-label"];T.render=function(e,t,n,i,a,r){var o=c.resolveDirective("ripple");return c.openBlock(),c.createElementBlock("div",c.mergeProps({class:e.cx("thumbnailWrapper")},e.ptm("thumbnailWrapper")),[c.createElementVNode("div",c.mergeProps({class:e.cx("thumbnailContainer")},e.ptm("thumbnailContainer")),[n.showThumbnailNavigators?c.withDirectives((c.openBlock(),c.createElementBlock("button",c.mergeProps({key:0,class:e.cx("previousThumbnailButton"),disabled:r.isNavBackwardDisabled(),type:"button","aria-label":r.ariaPrevButtonLabel,onClick:t[0]||(t[0]=function(e){return r.navBackward(e)})},j(j({},n.prevButtonProps),e.ptm("previousThumbnailButton"))),[(c.openBlock(),c.createBlock(c.resolveDynamicComponent(n.templates.previousthumbnailicon||(n.isVertical?"ChevronUpIcon":"ChevronLeftIcon")),c.mergeProps({class:e.cx("previousThumbnailIcon")},e.ptm("previousThumbnailIcon")),null,16,["class"]))],16,U)),[[o]]):c.createCommentVNode("",!0),c.createElementVNode("div",c.mergeProps({class:e.cx("thumbnailItemsContainer"),style:{height:n.isVertical?n.contentHeight:""}},e.ptm("thumbnailItemsContainer")),[c.createElementVNode("div",c.mergeProps({ref:"itemsContainer",class:e.cx("thumbnailItems"),role:"tablist",onTransitionend:t[1]||(t[1]=function(){return r.onTransitionEnd&&r.onTransitionEnd.apply(r,arguments)}),onTouchstart:t[2]||(t[2]=function(e){return r.onTouchStart(e)}),onTouchmove:t[3]||(t[3]=function(e){return r.onTouchMove(e)}),onTouchend:t[4]||(t[4]=function(e){return r.onTouchEnd(e)})},e.ptm("thumbnailItems")),[(c.openBlock(!0),c.createElementBlock(c.Fragment,null,c.renderList(n.value,(function(t,i){return c.openBlock(),c.createElementBlock("div",c.mergeProps({key:"p-galleria-thumbnail-item-".concat(i),class:e.cx("thumbnailItem",{index:i,activeIndex:n.activeIndex}),role:"tab","data-p-active":n.activeIndex===i,"aria-selected":n.activeIndex===i,"aria-controls":n.containerId+"_item_"+i,onKeydown:function(e){return r.onThumbnailKeydown(e,i)}},e.ptm("thumbnailItem"),{"data-p-galleria-thumbnail-item-current":n.activeIndex===i,"data-p-galleria-thumbnail-item-active":r.isItemActive(i),"data-p-galleria-thumbnail-item-start":r.firstItemAciveIndex()===i,"data-p-galleria-thumbnail-item-end":r.lastItemActiveIndex()===i}),[c.createElementVNode("div",c.mergeProps({class:e.cx("thumbnailItemContent"),tabindex:n.activeIndex===i?"0":"-1","aria-label":r.ariaPageLabel(i+1),"aria-current":n.activeIndex===i?"page":void 0,onClick:function(e){return r.onItemClick(i)}},e.ptm("thumbnailItemContent")),[n.templates.thumbnail?(c.openBlock(),c.createBlock(c.resolveDynamicComponent(n.templates.thumbnail),{key:0,item:t},null,8,["item"])):c.createCommentVNode("",!0)],16,K)],16,M)})),128))],16)],16),n.showThumbnailNavigators?c.withDirectives((c.openBlock(),c.createElementBlock("button",c.mergeProps({key:1,class:e.cx("nextThumbnailButton"),disabled:r.isNavForwardDisabled(),type:"button","aria-label":r.ariaNextButtonLabel,onClick:t[5]||(t[5]=function(e){return r.navForward(e)})},j(j({},n.nextButtonProps),e.ptm("nextThumbnailButton"))),[(c.openBlock(),c.createBlock(c.resolveDynamicComponent(n.templates.nextthumbnailicon||(n.isVertical?"ChevronDownIcon":"ChevronRightIcon")),c.mergeProps({class:e.cx("nextThumbnailIcon")},e.ptm("nextThumbnailIcon")),null,16,["class"]))],16,z)),[[o]]):c.createCommentVNode("",!0)],16)],16)};var G={name:"GalleriaContent",extends:v.default,inheritAttrs:!1,interval:null,emits:["activeitem-change","mask-hide"],data:function(){return{id:this.$attrs.id||n.UniqueComponentId(),activeIndex:this.$attrs.activeIndex,numVisible:this.$attrs.numVisible,slideShowActive:!1}},watch:{"$attrs.value":function(e){e&&e.length<this.numVisible&&(this.numVisible=e.length)},"$attrs.activeIndex":function(e){this.activeIndex=e},"$attrs.numVisible":function(e){this.numVisible=e},"$attrs.autoPlay":function(e){e?this.startSlideShow():this.stopSlideShow()}},updated:function(){this.$emit("activeitem-change",this.activeIndex)},beforeUnmount:function(){this.slideShowActive&&this.stopSlideShow()},methods:{isAutoPlayActive:function(){return this.slideShowActive},startSlideShow:function(){var e=this;this.interval=setInterval((function(){e.activeIndex=e.$attrs.circular&&e.$attrs.value.length-1===e.activeIndex?0:e.activeIndex+1}),this.$attrs.transitionInterval),this.slideShowActive=!0},stopSlideShow:function(){this.interval&&clearInterval(this.interval),this.slideShowActive=!1},getPositionClass:function(e,t){var n=["top","left","bottom","right"].find((function(e){return e===t}));return n?"".concat(e,"-").concat(n):""},isVertical:function(){return"left"===this.$attrs.thumbnailsPosition||"right"===this.$attrs.thumbnailsPosition}},computed:{closeAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},components:{GalleriaItem:k,GalleriaThumbnails:T,TimesIcon:f.default},directives:{ripple:b.default}};function W(e){return W="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},W(e)}function Z(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function q(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Z(Object(n),!0).forEach((function(t){X(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Z(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function X(e,t,n){return(t=Y(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Y(e){var t=J(e,"string");return"symbol"===W(t)?t:String(t)}function J(e,t){if("object"!==W(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!==W(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var Q=["id"],ee=["aria-label"],te=["aria-live"];G.render=function(e,t,n,i,a,r){var o=c.resolveComponent("GalleriaItem"),l=c.resolveComponent("GalleriaThumbnails"),s=c.resolveDirective("ripple");return e.$attrs.value&&e.$attrs.value.length>0?(c.openBlock(),c.createElementBlock("div",c.mergeProps({key:0,id:a.id,class:[e.cx("root"),e.$attrs.containerClass],style:e.$attrs.containerStyle},q(q({},e.$attrs.containerProps),e.ptm("root")),{"data-pc-name":"galleria"}),[e.$attrs.fullScreen?c.withDirectives((c.openBlock(),c.createElementBlock("button",c.mergeProps({key:0,autofocus:"",type:"button",class:e.cx("closeButton"),"aria-label":r.closeAriaLabel,onClick:t[0]||(t[0]=function(t){return e.$emit("mask-hide")})},e.ptm("closeButton")),[(c.openBlock(),c.createBlock(c.resolveDynamicComponent(e.$attrs.templates.closeicon||"TimesIcon"),c.mergeProps({class:e.cx("closeIcon")},e.ptm("closeIcon")),null,16,["class"]))],16,ee)),[[s]]):c.createCommentVNode("",!0),e.$attrs.templates&&e.$attrs.templates.header?(c.openBlock(),c.createElementBlock("div",c.mergeProps({key:1,class:e.cx("header")},e.ptm("header")),[(c.openBlock(),c.createBlock(c.resolveDynamicComponent(e.$attrs.templates.header)))],16)):c.createCommentVNode("",!0),c.createElementVNode("div",c.mergeProps({class:e.cx("content"),"aria-live":e.$attrs.autoPlay?"polite":"off"},e.ptm("content")),[c.createVNode(o,{id:a.id,activeIndex:a.activeIndex,"onUpdate:activeIndex":t[1]||(t[1]=function(e){return a.activeIndex=e}),slideShowActive:a.slideShowActive,"onUpdate:slideShowActive":t[2]||(t[2]=function(e){return a.slideShowActive=e}),value:e.$attrs.value,circular:e.$attrs.circular,templates:e.$attrs.templates,showIndicators:e.$attrs.showIndicators,changeItemOnIndicatorHover:e.$attrs.changeItemOnIndicatorHover,showItemNavigators:e.$attrs.showItemNavigators,autoPlay:e.$attrs.autoPlay,onStartSlideshow:r.startSlideShow,onStopSlideshow:r.stopSlideShow,pt:e.pt,unstyled:e.unstyled},null,8,["id","activeIndex","slideShowActive","value","circular","templates","showIndicators","changeItemOnIndicatorHover","showItemNavigators","autoPlay","onStartSlideshow","onStopSlideshow","pt","unstyled"]),e.$attrs.showThumbnails?(c.openBlock(),c.createBlock(l,{key:0,activeIndex:a.activeIndex,"onUpdate:activeIndex":t[3]||(t[3]=function(e){return a.activeIndex=e}),slideShowActive:a.slideShowActive,"onUpdate:slideShowActive":t[4]||(t[4]=function(e){return a.slideShowActive=e}),containerId:a.id,value:e.$attrs.value,templates:e.$attrs.templates,numVisible:a.numVisible,responsiveOptions:e.$attrs.responsiveOptions,circular:e.$attrs.circular,isVertical:r.isVertical(),contentHeight:e.$attrs.verticalThumbnailViewPortHeight,showThumbnailNavigators:e.$attrs.showThumbnailNavigators,prevButtonProps:e.$attrs.prevButtonProps,nextButtonProps:e.$attrs.nextButtonProps,onStopSlideshow:r.stopSlideShow,pt:e.pt,unstyled:e.unstyled},null,8,["activeIndex","slideShowActive","containerId","value","templates","numVisible","responsiveOptions","circular","isVertical","contentHeight","showThumbnailNavigators","prevButtonProps","nextButtonProps","onStopSlideshow","pt","unstyled"])):c.createCommentVNode("",!0)],16,te),e.$attrs.templates&&e.$attrs.templates.footer?(c.openBlock(),c.createElementBlock("div",c.mergeProps({key:2,class:e.cx("footer")},e.ptm("footer")),[(c.openBlock(),c.createBlock(c.resolveDynamicComponent(e.$attrs.templates.footer)))],16)):c.createCommentVNode("",!0)],16,Q)):c.createCommentVNode("",!0)};var ne={name:"Galleria",extends:S,inheritAttrs:!1,emits:["update:activeIndex","update:visible"],container:null,mask:null,data:function(){return{containerVisible:this.visible}},updated:function(){this.fullScreen&&this.visible&&(this.containerVisible=this.visible)},beforeUnmount:function(){this.fullScreen&&n.DomHandler.removeClass(document.body,"p-overflow-hidden"),this.mask=null,this.container&&(n.ZIndexUtils.clear(this.container),this.container=null)},methods:{onBeforeEnter:function(e){n.ZIndexUtils.set("modal",e,this.baseZIndex||this.$primevue.config.zIndex.modal)},onEnter:function(e){this.mask.style.zIndex=String(parseInt(e.style.zIndex,10)-1),n.DomHandler.addClass(document.body,"p-overflow-hidden"),this.focus()},onBeforeLeave:function(){!this.isUnstyled&&n.DomHandler.addClass(this.mask,"p-component-overlay-leave")},onAfterLeave:function(e){n.ZIndexUtils.clear(e),this.containerVisible=!1,n.DomHandler.removeClass(document.body,"p-overflow-hidden")},onActiveItemChange:function(e){this.activeIndex!==e&&this.$emit("update:activeIndex",e)},maskHide:function(){this.$emit("update:visible",!1)},containerRef:function(e){this.container=e},maskRef:function(e){this.mask=e},focus:function(){var e=this.container.$el.querySelector("[autofocus]");e&&e.focus()}},components:{GalleriaContent:G,Portal:h.default},directives:{focustrap:p.default}},ie=["role","aria-modal"];return ne.render=function(e,t,n,i,a,r){var o=c.resolveComponent("GalleriaContent"),l=c.resolveComponent("Portal"),s=c.resolveDirective("focustrap");return e.fullScreen?(c.openBlock(),c.createBlock(l,{key:0},{default:c.withCtx((function(){return[a.containerVisible?(c.openBlock(),c.createElementBlock("div",c.mergeProps({key:0,ref:r.maskRef,class:[e.cx("mask"),e.maskClass],role:e.fullScreen?"dialog":"region","aria-modal":e.fullScreen?"true":void 0},e.ptm("mask")),[c.createVNode(c.Transition,{name:"p-galleria",onBeforeEnter:r.onBeforeEnter,onEnter:r.onEnter,onBeforeLeave:r.onBeforeLeave,onAfterLeave:r.onAfterLeave,appear:""},{default:c.withCtx((function(){return[e.visible?c.withDirectives((c.openBlock(),c.createBlock(o,c.mergeProps({key:0,ref:r.containerRef,onMaskHide:r.maskHide,templates:e.$slots,onActiveitemChange:r.onActiveItemChange,pt:e.pt,unstyled:e.unstyled},e.$props),null,16,["onMaskHide","templates","onActiveitemChange","pt","unstyled"])),[[s]]):c.createCommentVNode("",!0)]})),_:1},8,["onBeforeEnter","onEnter","onBeforeLeave","onAfterLeave"])],16,ie)):c.createCommentVNode("",!0)]})),_:1})):(c.openBlock(),c.createBlock(o,c.mergeProps({key:1,templates:e.$slots,onActiveitemChange:r.onActiveItemChange,pt:e.pt,unstyled:e.unstyled},e.$props),null,16,["templates","onActiveitemChange","pt","unstyled"]))},ne}(primevue.focustrap,primevue.portal,primevue.utils,primevue.basecomponent,primevue.usestyle,primevue.icons.times,primevue.ripple,primevue.icons.chevronleft,primevue.icons.chevronright,Vue,primevue.icons.chevrondown,primevue.icons.chevronup);
1
+ this.primevue=this.primevue||{},this.primevue.galleria=function(e,t,n,i,a,r,o,l,s,c,u,d){"use strict";function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=m(e),h=m(t),v=m(i),f=m(r),b=m(o),g=m(l),y=m(s),I=m(u),x=m(d),w=a.useStyle("\n.p-galleria-content {\n display: flex;\n flex-direction: column;\n}\n\n.p-galleria-item-wrapper {\n display: flex;\n flex-direction: column;\n position: relative;\n}\n\n.p-galleria-item-container {\n position: relative;\n display: flex;\n height: 100%;\n}\n\n.p-galleria-item-nav {\n position: absolute;\n top: 50%;\n margin-top: -0.5rem;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n}\n\n.p-galleria-item-prev {\n left: 0;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.p-galleria-item-next {\n right: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 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-item-nav-onhover .p-galleria-item-nav {\n pointer-events: none;\n opacity: 0;\n transition: opacity 0.2s ease-in-out;\n}\n\n.p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav {\n pointer-events: all;\n opacity: 1;\n}\n\n.p-galleria-item-nav-onhover .p-galleria-item-wrapper:hover .p-galleria-item-nav.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}\n\n/* Thumbnails */\n.p-galleria-thumbnail-wrapper {\n display: flex;\n flex-direction: column;\n overflow: auto;\n flex-shrink: 0;\n}\n\n.p-galleria-thumbnail-prev,\n.p-galleria-thumbnail-next {\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}\n\n.p-galleria-thumbnail-prev span,\n.p-galleria-thumbnail-next span {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.p-galleria-thumbnail-container {\n display: flex;\n flex-direction: row;\n}\n\n.p-galleria-thumbnail-items-container {\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-item:hover {\n opacity: 1;\n transition: opacity 0.3s;\n}\n\n.p-galleria-thumbnail-item-current {\n opacity: 1;\n}\n\n/* Positions */\n/* Thumbnails */\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-item-wrapper,\n.p-galleria-thumbnails-right .p-galleria-item-wrapper {\n flex-direction: row;\n}\n\n.p-galleria-thumbnails-left .p-galleria-item-wrapper,\n.p-galleria-thumbnails-top .p-galleria-item-wrapper {\n order: 2;\n}\n\n.p-galleria-thumbnails-left .p-galleria-thumbnail-wrapper,\n.p-galleria-thumbnails-top .p-galleria-thumbnail-wrapper {\n order: 1;\n}\n\n.p-galleria-thumbnails-left .p-galleria-thumbnail-container,\n.p-galleria-thumbnails-right .p-galleria-thumbnail-container {\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/* Indicators */\n.p-galleria-indicators {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-galleria-indicator > button {\n display: inline-flex;\n align-items: center;\n}\n\n.p-galleria-indicators-left .p-galleria-item-wrapper,\n.p-galleria-indicators-right .p-galleria-item-wrapper {\n flex-direction: row;\n align-items: center;\n}\n\n.p-galleria-indicators-left .p-galleria-item-container,\n.p-galleria-indicators-top .p-galleria-item-container {\n order: 2;\n}\n\n.p-galleria-indicators-left .p-galleria-indicators,\n.p-galleria-indicators-top .p-galleria-indicators {\n order: 1;\n}\n\n.p-galleria-indicators-left .p-galleria-indicators,\n.p-galleria-indicators-right .p-galleria-indicators {\n flex-direction: column;\n}\n\n.p-galleria-indicator-onitem .p-galleria-indicators {\n position: absolute;\n display: flex;\n}\n\n.p-galleria-indicator-onitem.p-galleria-indicators-top .p-galleria-indicators {\n top: 0;\n left: 0;\n width: 100%;\n align-items: flex-start;\n}\n\n.p-galleria-indicator-onitem.p-galleria-indicators-right .p-galleria-indicators {\n right: 0;\n top: 0;\n height: 100%;\n align-items: flex-end;\n}\n\n.p-galleria-indicator-onitem.p-galleria-indicators-bottom .p-galleria-indicators {\n bottom: 0;\n left: 0;\n width: 100%;\n align-items: flex-end;\n}\n\n.p-galleria-indicator-onitem.p-galleria-indicators-left .p-galleria-indicators {\n left: 0;\n top: 0;\n height: 100%;\n align-items: flex-start;\n}\n\n/* FullScreen */\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 {\n position: absolute;\n top: 0;\n right: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n}\n\n.p-galleria-mask .p-galleria-item-nav {\n position: fixed;\n top: 50%;\n margin-top: -0.5rem;\n}\n\n/* Animation */\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-item-nav {\n opacity: 0;\n}\n\n/* Keyboard Support */\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",{name:"galleria",manual:!0}),S={name:"BaseGalleria",extends:v.default,props:{id:{type:String,default:null},value:{type:Array,default:null},activeIndex:{type:Number,default:0},fullScreen:{type:Boolean,default:!1},visible:{type:Boolean,default:!1},numVisible:{type:Number,default:3},responsiveOptions:{type:Array,default:null},showItemNavigators:{type:Boolean,default:!1},showThumbnailNavigators:{type:Boolean,default:!0},showItemNavigatorsOnHover:{type:Boolean,default:!1},changeItemOnIndicatorHover:{type:Boolean,default:!1},circular:{type:Boolean,default:!1},autoPlay:{type:Boolean,default:!1},transitionInterval:{type:Number,default:4e3},showThumbnails:{type:Boolean,default:!0},thumbnailsPosition:{type:String,default:"bottom"},verticalThumbnailViewPortHeight:{type:String,default:"300px"},showIndicators:{type:Boolean,default:!1},showIndicatorsOnItem:{type:Boolean,default:!1},indicatorsPosition:{type:String,default:"bottom"},baseZIndex:{type:Number,default:0},maskClass:{type:String,default:null},containerStyle:{type:null,default:null},containerClass:{type:null,default:null},containerProps:{type:null,default:null},prevButtonProps:{type:null,default:null},nextButtonProps:{type:null,default:null}},css:{classes:{mask:function(e){var t=e.instance;return["p-galleria-mask p-component-overlay p-component-overlay-enter",{"p-input-filled":"filled"===t.$primevue.config.inputStyle,"p-ripple-disabled":!1===t.$primevue.config.ripple}]},root:function(e){var t=e.instance,n=t.$attrs.showThumbnails&&t.getPositionClass("p-galleria-thumbnails",t.$attrs.thumbnailsPosition),i=t.$attrs.showIndicators&&t.getPositionClass("p-galleria-indicators",t.$attrs.indicatorsPosition);return["p-galleria p-component",{"p-galleria-fullscreen":t.$attrs.fullScreen,"p-galleria-indicator-onitem":t.$attrs.showIndicatorsOnItem,"p-galleria-item-nav-onhover":t.$attrs.showItemNavigatorsOnHover&&!t.$attrs.fullScreen},n,i]},closeButton:"p-galleria-close p-link",closeIcon:"p-galleria-close-icon",header:"p-galleria-header",content:"p-galleria-content",footer:"p-galleria-footer",itemWrapper:"p-galleria-item-wrapper",itemContainer:"p-galleria-item-container",previousItemButton:function(e){return["p-galleria-item-prev p-galleria-item-nav p-link",{"p-disabled":e.instance.isNavBackwardDisabled()}]},previousItemIcon:"p-galleria-item-prev-icon",item:"p-galleria-item",nextItemButton:function(e){return["p-galleria-item-next p-galleria-item-nav p-link",{"p-disabled":e.instance.isNavForwardDisabled()}]},nextItemIcon:"p-galleria-item-next-icon",caption:"p-galleria-caption",indicators:"p-galleria-indicators p-reset",indicator:function(e){return["p-galleria-indicator",{"p-highlight":e.instance.isIndicatorItemActive(e.index)}]},indicatorButton:"p-link",thumbnailWrapper:"p-galleria-thumbnail-wrapper",thumbnailContainer:"p-galleria-thumbnail-container",previousThumbnailButton:function(e){return["p-galleria-thumbnail-prev p-link",{"p-disabled":e.instance.isNavBackwardDisabled()}]},previousThumbnailIcon:"p-galleria-thumbnail-prev-icon",thumbnailItemsContainer:"p-galleria-thumbnail-items-container",thumbnailItems:"p-galleria-thumbnail-items",thumbnailItem:function(e){var t=e.instance,n=e.index;return["p-galleria-thumbnail-item",{"p-galleria-thumbnail-item-current":e.activeIndex===n,"p-galleria-thumbnail-item-active":t.isItemActive(n),"p-galleria-thumbnail-item-start":t.firstItemAciveIndex()===n,"p-galleria-thumbnail-item-end":t.lastItemActiveIndex()===n}]},thumbnailItemContent:"p-galleria-thumbnail-item-content",nextThumbnailButton:function(e){return["p-galleria-thumbnail-next p-link",{"p-disabled":e.instance.isNavForwardDisabled()}]},nextThumbnailIcon:"p-galleria-thumbnail-next-icon"},loadStyle:w.load},provide:function(){return{$parentInstance:this}}},k={name:"GalleriaItem",hostName:"Galleria",extends:v.default,emits:["start-slideshow","stop-slideshow","update:activeIndex"],props:{circular:{type:Boolean,default:!1},activeIndex:{type:Number,default:0},value:{type:Array,default:null},showItemNavigators:{type:Boolean,default:!0},showIndicators:{type:Boolean,default:!0},slideShowActive:{type:Boolean,default:!0},changeItemOnIndicatorHover:{type:Boolean,default:!0},autoPlay:{type:Boolean,default:!1},templates:{type:null,default:null},id:{type:String,default:null}},mounted:function(){this.autoPlay&&this.$emit("start-slideshow")},methods:{next:function(){this.$emit("update:activeIndex",this.circular&&this.value.length-1===this.activeIndex?0:this.activeIndex+1)},prev:function(){this.$emit("update:activeIndex",this.circular&&0===this.activeIndex?this.value.length-1:0!==this.activeIndex?this.activeIndex-1:0)},stopSlideShow:function(){this.slideShowActive&&this.stopSlideShow&&this.$emit("stop-slideshow")},navBackward:function(e){this.stopSlideShow(),this.prev(),e&&e.cancelable&&e.preventDefault()},navForward:function(e){this.stopSlideShow(),this.next(),e&&e.cancelable&&e.preventDefault()},onIndicatorClick:function(e){this.stopSlideShow(),this.$emit("update:activeIndex",e)},onIndicatorMouseEnter:function(e){this.changeItemOnIndicatorHover&&(this.stopSlideShow(),this.$emit("update:activeIndex",e))},onIndicatorKeyDown:function(e,t){switch(e.code){case"Enter":case"Space":this.stopSlideShow(),this.$emit("update:activeIndex",t),e.preventDefault();break;case"ArrowDown":case"ArrowUp":e.preventDefault()}},isIndicatorItemActive:function(e){return this.activeIndex===e},isNavBackwardDisabled:function(){return!this.circular&&0===this.activeIndex},isNavForwardDisabled:function(){return!this.circular&&this.activeIndex===this.value.length-1},ariaSlideNumber:function(e){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.slideNumber.replace(/{slideNumber}/g,e):void 0},ariaPageLabel:function(e){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.pageLabel.replace(/{page}/g,e):void 0}},computed:{activeItem:function(){return this.value[this.activeIndex]},ariaSlideLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.slide:void 0}},components:{ChevronLeftIcon:g.default,ChevronRightIcon:y.default},directives:{ripple:b.default}},B=["disabled"],P=["id","aria-label","aria-roledescription"],C=["disabled"],$=["aria-label","aria-selected","aria-controls","onClick","onMouseenter","onKeydown","data-p-highlight"];function V(e){return A(e)||D(e)||N(e)||O()}function O(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function N(e,t){if(e){if("string"==typeof e)return T(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?T(e,t):void 0}}function D(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}function A(e){if(Array.isArray(e))return T(e)}function T(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,i=new Array(t);n<t;n++)i[n]=e[n];return i}k.render=function(e,t,n,i,a,r){var o=c.resolveDirective("ripple");return c.openBlock(),c.createElementBlock("div",c.mergeProps({class:e.cx("itemWrapper")},e.ptm("itemWrapper")),[c.createElementVNode("div",c.mergeProps({class:e.cx("itemContainer")},e.ptm("itemContainer")),[n.showItemNavigators?c.withDirectives((c.openBlock(),c.createElementBlock("button",c.mergeProps({key:0,type:"button",class:e.cx("previousItemButton"),onClick:t[0]||(t[0]=function(e){return r.navBackward(e)}),disabled:r.isNavBackwardDisabled()},e.ptm("previousItemButton")),[(c.openBlock(),c.createBlock(c.resolveDynamicComponent(n.templates.previousitemicon||"ChevronLeftIcon"),c.mergeProps({class:e.cx("previousItemIcon")},e.ptm("previousItemIcon")),null,16,["class"]))],16,B)),[[o]]):c.createCommentVNode("",!0),c.createElementVNode("div",c.mergeProps({id:n.id+"_item_"+n.activeIndex,class:e.cx("item"),role:"group","aria-label":r.ariaSlideNumber(n.activeIndex+1),"aria-roledescription":r.ariaSlideLabel},e.ptm("item")),[n.templates.item?(c.openBlock(),c.createBlock(c.resolveDynamicComponent(n.templates.item),{key:0,item:r.activeItem},null,8,["item"])):c.createCommentVNode("",!0)],16,P),n.showItemNavigators?c.withDirectives((c.openBlock(),c.createElementBlock("button",c.mergeProps({key:1,type:"button",class:e.cx("nextItemButton"),onClick:t[1]||(t[1]=function(e){return r.navForward(e)}),disabled:r.isNavForwardDisabled()},e.ptm("nextItemButton")),[(c.openBlock(),c.createBlock(c.resolveDynamicComponent(n.templates.nextitemicon||"ChevronRightIcon"),c.mergeProps({class:e.cx("nextItemIcon")},e.ptm("nextItemIcon")),null,16,["class"]))],16,C)),[[o]]):c.createCommentVNode("",!0),n.templates.caption?(c.openBlock(),c.createElementBlock("div",c.mergeProps({key:2,class:e.cx("caption")},e.ptm("caption")),[n.templates.caption?(c.openBlock(),c.createBlock(c.resolveDynamicComponent(n.templates.caption),{key:0,item:r.activeItem},null,8,["item"])):c.createCommentVNode("",!0)],16)):c.createCommentVNode("",!0)],16),n.showIndicators?(c.openBlock(),c.createElementBlock("ul",c.mergeProps({key:0,class:e.cx("indicators")},e.ptm("indicators")),[(c.openBlock(!0),c.createElementBlock(c.Fragment,null,c.renderList(n.value,(function(t,i){return c.openBlock(),c.createElementBlock("li",c.mergeProps({key:"p-galleria-indicator-".concat(i),class:e.cx("indicator",{index:i}),tabindex:"0","aria-label":r.ariaPageLabel(i+1),"aria-selected":n.activeIndex===i,"aria-controls":n.id+"_item_"+i,onClick:function(e){return r.onIndicatorClick(i)},onMouseenter:function(e){return r.onIndicatorMouseEnter(i)},onKeydown:function(e){return r.onIndicatorKeyDown(e,i)}},e.ptm("indicator"),{"data-p-highlight":r.isIndicatorItemActive(i)}),[n.templates.indicator?c.createCommentVNode("",!0):(c.openBlock(),c.createElementBlock("button",c.mergeProps({key:0,type:"button",tabindex:"-1",class:e.cx("indicatorButton")},e.ptm("indicatorButton")),null,16)),n.templates.indicator?(c.openBlock(),c.createBlock(c.resolveDynamicComponent(n.templates.indicator),{key:1,index:i},null,8,["index"])):c.createCommentVNode("",!0)],16,$)})),128))],16)):c.createCommentVNode("",!0)],16)};var _={name:"GalleriaThumbnails",hostName:"Galleria",extends:v.default,emits:["stop-slideshow","update:activeIndex"],props:{containerId:{type:String,default:null},value:{type:Array,default:null},numVisible:{type:Number,default:3},activeIndex:{type:Number,default:0},isVertical:{type:Boolean,default:!1},slideShowActive:{type:Boolean,default:!1},circular:{type:Boolean,default:!1},responsiveOptions:{type:Array,default:null},contentHeight:{type:String,default:"300px"},showThumbnailNavigators:{type:Boolean,default:!0},templates:{type:null,default:null},prevButtonProps:{type:null,default:null},nextButtonProps:{type:null,default:null}},startPos:null,thumbnailsStyle:null,sortedResponsiveOptions:null,data:function(){return{d_numVisible:this.numVisible,d_oldNumVisible:this.numVisible,d_activeIndex:this.activeIndex,d_oldActiveItemIndex:this.activeIndex,totalShiftedItems:0,page:0}},watch:{numVisible:function(e,t){this.d_numVisible=e,this.d_oldNumVisible=t},activeIndex:function(e,t){this.d_activeIndex=e,this.d_oldActiveItemIndex=t}},mounted:function(){this.createStyle(),this.calculatePosition(),this.responsiveOptions&&this.bindDocumentListeners()},updated:function(){var e=this.totalShiftedItems;this.d_oldNumVisible===this.d_numVisible&&this.d_oldActiveItemIndex===this.d_activeIndex||((e=this.d_activeIndex<=this.getMedianItemIndex()?0:this.value.length-this.d_numVisible+this.getMedianItemIndex()<this.d_activeIndex?this.d_numVisible-this.value.length:this.value.length-this.d_numVisible<this.d_activeIndex&&this.d_numVisible%2==0?-1*this.d_activeIndex+this.getMedianItemIndex()+1:-1*this.d_activeIndex+this.getMedianItemIndex())!==this.totalShiftedItems&&(this.totalShiftedItems=e),this.$refs.itemsContainer.style.transform=this.isVertical?"translate3d(0, ".concat(e*(100/this.d_numVisible),"%, 0)"):"translate3d(".concat(e*(100/this.d_numVisible),"%, 0, 0)"),this.d_oldActiveItemIndex!==this.d_activeIndex&&(document.body.setAttribute("data-p-items-hidden","false"),!this.isUnstyled&&n.DomHandler.removeClass(this.$refs.itemsContainer,"p-items-hidden"),this.$refs.itemsContainer.style.transition="transform 500ms ease 0s"),this.d_oldActiveItemIndex=this.d_activeIndex,this.d_oldNumVisible=this.d_numVisible)},beforeUnmount:function(){this.responsiveOptions&&this.unbindDocumentListeners(),this.thumbnailsStyle&&this.thumbnailsStyle.parentNode.removeChild(this.thumbnailsStyle)},methods:{step:function(e){var t=this.totalShiftedItems+e;e<0&&-1*t+this.d_numVisible>this.value.length-1?t=this.d_numVisible-this.value.length:e>0&&t>0&&(t=0),this.circular&&(e<0&&this.value.length-1===this.d_activeIndex?t=0:e>0&&0===this.d_activeIndex&&(t=this.d_numVisible-this.value.length)),this.$refs.itemsContainer&&(document.body.setAttribute("data-p-items-hidden","false"),!this.isUnstyled&&n.DomHandler.removeClass(this.$refs.itemsContainer,"p-items-hidden"),this.$refs.itemsContainer.style.transform=this.isVertical?"translate3d(0, ".concat(t*(100/this.d_numVisible),"%, 0)"):"translate3d(".concat(t*(100/this.d_numVisible),"%, 0, 0)"),this.$refs.itemsContainer.style.transition="transform 500ms ease 0s"),this.totalShiftedItems=t},stopSlideShow:function(){this.slideShowActive&&this.stopSlideShow&&this.$emit("stop-slideshow")},getMedianItemIndex:function(){var e=Math.floor(this.d_numVisible/2);return this.d_numVisible%2?e:e-1},navBackward:function(e){this.stopSlideShow();var t=0!==this.d_activeIndex?this.d_activeIndex-1:0;this.d_numVisible-(t+this.totalShiftedItems)-1>this.getMedianItemIndex()&&(-1*this.totalShiftedItems!=0||this.circular)&&this.step(1),this.$emit("update:activeIndex",this.circular&&0===this.d_activeIndex?this.value.length-1:t),e.cancelable&&e.preventDefault()},navForward:function(e){this.stopSlideShow();var t=this.d_activeIndex===this.value.length-1?this.value.length-1:this.d_activeIndex+1;t+this.totalShiftedItems>this.getMedianItemIndex()&&(-1*this.totalShiftedItems<this.getTotalPageNumber()-1||this.circular)&&this.step(-1),this.$emit("update:activeIndex",this.circular&&this.value.length-1===this.d_activeIndex?0:t),e.cancelable&&e.preventDefault()},onItemClick:function(e){this.stopSlideShow();var t=e;if(t!==this.d_activeIndex){var n=t+this.totalShiftedItems,i=0;t<this.d_activeIndex?(i=this.d_numVisible-n-1-this.getMedianItemIndex())>0&&-1*this.totalShiftedItems!=0&&this.step(i):(i=this.getMedianItemIndex()-n)<0&&-1*this.totalShiftedItems<this.getTotalPageNumber()-1&&this.step(i),this.$emit("update:activeIndex",t)}},onThumbnailKeydown:function(e,t){switch("Enter"!==e.code&&"Space"!==e.code||(this.onItemClick(t),e.preventDefault()),e.code){case"ArrowRight":this.onRightKey();break;case"ArrowLeft":this.onLeftKey();break;case"Home":this.onHomeKey(),e.preventDefault();break;case"End":this.onEndKey(),e.preventDefault();break;case"ArrowUp":case"ArrowDown":e.preventDefault();break;case"Tab":this.onTabKey()}},onRightKey:function(){var e=n.DomHandler.find(this.$refs.itemsContainer,'[data-pc-section="thumbnailitem"]'),t=this.findFocusedIndicatorIndex();this.changedFocusedIndicator(t,t+1===e.length?e.length-1:t+1)},onLeftKey:function(){var e=this.findFocusedIndicatorIndex();this.changedFocusedIndicator(e,e-1<=0?0:e-1)},onHomeKey:function(){var e=this.findFocusedIndicatorIndex();this.changedFocusedIndicator(e,0)},onEndKey:function(){var e=n.DomHandler.find(this.$refs.itemsContainer,'[data-pc-section="thumbnailitem"]'),t=this.findFocusedIndicatorIndex();this.changedFocusedIndicator(t,e.length-1)},onTabKey:function(){var e=V(n.DomHandler.find(this.$refs.itemsContainer,'[data-pc-section="thumbnailitem"]')),t=e.findIndex((function(e){return!0===n.DomHandler.getAttribute(e,"data-p-active")})),i=n.DomHandler.findSingle(this.$refs.itemsContainer,'[tabindex="0"]'),a=e.findIndex((function(e){return e===i.parentElement}));e[a].children[0].tabIndex="-1",e[t].children[0].tabIndex="0"},findFocusedIndicatorIndex:function(){var e=V(n.DomHandler.find(this.$refs.itemsContainer,'[data-pc-section="thumbnailitem"]')),t=n.DomHandler.findSingle(this.$refs.itemsContainer,'[data-pc-section="thumbnailitem"] > [tabindex="0"]');return e.findIndex((function(e){return e===t.parentElement}))},changedFocusedIndicator:function(e,t){var i=n.DomHandler.find(this.$refs.itemsContainer,'[data-pc-section="thumbnailitem"]');i[e].children[0].tabIndex="-1",i[t].children[0].tabIndex="0",i[t].children[0].focus()},onTransitionEnd:function(){this.$refs.itemsContainer&&(document.body.setAttribute("data-p-items-hidden","true"),!this.isUnstyled&&n.DomHandler.addClass(this.$refs.itemsContainer,"p-items-hidden"),this.$refs.itemsContainer.style.transition="")},onTouchStart:function(e){var t=e.changedTouches[0];this.startPos={x:t.pageX,y:t.pageY}},onTouchMove:function(e){e.cancelable&&e.preventDefault()},onTouchEnd:function(e){var t=e.changedTouches[0];this.changePageOnTouch(e,this.isVertical?t.pageY-this.startPos.y:t.pageX-this.startPos.x)},changePageOnTouch:function(e,t){t<0?this.navForward(e):this.navBackward(e)},getTotalPageNumber:function(){return this.value.length>this.d_numVisible?this.value.length-this.d_numVisible+1:0},createStyle:function(){this.thumbnailsStyle||(this.thumbnailsStyle=document.createElement("style"),this.thumbnailsStyle.type="text/css",document.body.appendChild(this.thumbnailsStyle));var e="\n #".concat(this.containerId,' [data-pc-section="thumbnailitem"] {\n flex: 1 0 ').concat(100/this.d_numVisible,"%\n }\n ");if(this.responsiveOptions&&!this.isUnstyled){this.sortedResponsiveOptions=V(this.responsiveOptions),this.sortedResponsiveOptions.sort((function(e,t){var n=e.breakpoint,i=t.breakpoint;return-1*(null==n&&null!=i?-1:null!=n&&null==i?1:null==n&&null==i?0:"string"==typeof n&&"string"==typeof i?n.localeCompare(i,void 0,{numeric:!0}):n<i?-1:n>i?1:0)}));for(var t=0;t<this.sortedResponsiveOptions.length;t++){var n=this.sortedResponsiveOptions[t];e+="\n @media screen and (max-width: ".concat(n.breakpoint,") {\n #").concat(this.containerId," .p-galleria-thumbnail-item {\n flex: 1 0 ").concat(100/n.numVisible,"%\n }\n }\n ")}}this.thumbnailsStyle.innerHTML=e},calculatePosition:function(){if(this.$refs.itemsContainer&&this.sortedResponsiveOptions){for(var e=window.innerWidth,t={numVisible:this.numVisible},n=0;n<this.sortedResponsiveOptions.length;n++){var i=this.sortedResponsiveOptions[n];parseInt(i.breakpoint,10)>=e&&(t=i)}this.d_numVisible!==t.numVisible&&(this.d_numVisible=t.numVisible)}},bindDocumentListeners:function(){var e=this;this.documentResizeListener||(this.documentResizeListener=function(){e.calculatePosition()},window.addEventListener("resize",this.documentResizeListener))},unbindDocumentListeners:function(){this.documentResizeListener&&(window.removeEventListener("resize",this.documentResizeListener),this.documentResizeListener=null)},isNavBackwardDisabled:function(){return!this.circular&&0===this.d_activeIndex||this.value.length<=this.d_numVisible},isNavForwardDisabled:function(){return!this.circular&&this.d_activeIndex===this.value.length-1||this.value.length<=this.d_numVisible},firstItemAciveIndex:function(){return-1*this.totalShiftedItems},lastItemActiveIndex:function(){return this.firstItemAciveIndex()+this.d_numVisible-1},isItemActive:function(e){return this.firstItemAciveIndex()<=e&&this.lastItemActiveIndex()>=e},ariaPageLabel:function(e){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.pageLabel.replace(/{page}/g,e):void 0}},computed:{ariaPrevButtonLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.prevPageLabel:void 0},ariaNextButtonLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.nextPageLabel:void 0}},components:{ChevronLeftIcon:g.default,ChevronRightIcon:y.default,ChevronUpIcon:x.default,ChevronDownIcon:I.default},directives:{ripple:b.default}};function E(e){return E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},E(e)}function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function L(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){H(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function H(e,t,n){return(t=R(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function R(e){var t=F(e,"string");return"symbol"===E(t)?t:String(t)}function F(e,t){if("object"!==E(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!==E(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var U=["disabled","aria-label"],M=["data-p-active","aria-selected","aria-controls","onKeydown","data-p-galleria-thumbnail-item-current","data-p-galleria-thumbnail-item-active","data-p-galleria-thumbnail-item-start","data-p-galleria-thumbnail-item-end"],K=["tabindex","aria-label","aria-current","onClick"],G=["disabled","aria-label"];function z(e){return z="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},z(e)}function W(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function Z(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?W(Object(n),!0).forEach((function(t){q(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):W(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function q(e,t,n){return(t=X(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function X(e){var t=Y(e,"string");return"symbol"===z(t)?t:String(t)}function Y(e,t){if("object"!==z(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!==z(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}_.render=function(e,t,n,i,a,r){var o=c.resolveDirective("ripple");return c.openBlock(),c.createElementBlock("div",c.mergeProps({class:e.cx("thumbnailWrapper")},e.ptm("thumbnailWrapper")),[c.createElementVNode("div",c.mergeProps({class:e.cx("thumbnailContainer")},e.ptm("thumbnailContainer")),[n.showThumbnailNavigators?c.withDirectives((c.openBlock(),c.createElementBlock("button",c.mergeProps({key:0,class:e.cx("previousThumbnailButton"),disabled:r.isNavBackwardDisabled(),type:"button","aria-label":r.ariaPrevButtonLabel,onClick:t[0]||(t[0]=function(e){return r.navBackward(e)})},L(L({},n.prevButtonProps),e.ptm("previousThumbnailButton"))),[(c.openBlock(),c.createBlock(c.resolveDynamicComponent(n.templates.previousthumbnailicon||(n.isVertical?"ChevronUpIcon":"ChevronLeftIcon")),c.mergeProps({class:e.cx("previousThumbnailIcon")},e.ptm("previousThumbnailIcon")),null,16,["class"]))],16,U)),[[o]]):c.createCommentVNode("",!0),c.createElementVNode("div",c.mergeProps({class:e.cx("thumbnailItemsContainer"),style:{height:n.isVertical?n.contentHeight:""}},e.ptm("thumbnailItemsContainer")),[c.createElementVNode("div",c.mergeProps({ref:"itemsContainer",class:e.cx("thumbnailItems"),role:"tablist",onTransitionend:t[1]||(t[1]=function(){return r.onTransitionEnd&&r.onTransitionEnd.apply(r,arguments)}),onTouchstart:t[2]||(t[2]=function(e){return r.onTouchStart(e)}),onTouchmove:t[3]||(t[3]=function(e){return r.onTouchMove(e)}),onTouchend:t[4]||(t[4]=function(e){return r.onTouchEnd(e)})},e.ptm("thumbnailItems")),[(c.openBlock(!0),c.createElementBlock(c.Fragment,null,c.renderList(n.value,(function(t,i){return c.openBlock(),c.createElementBlock("div",c.mergeProps({key:"p-galleria-thumbnail-item-".concat(i),class:e.cx("thumbnailItem",{index:i,activeIndex:n.activeIndex}),role:"tab","data-p-active":n.activeIndex===i,"aria-selected":n.activeIndex===i,"aria-controls":n.containerId+"_item_"+i,onKeydown:function(e){return r.onThumbnailKeydown(e,i)}},e.ptm("thumbnailItem"),{"data-p-galleria-thumbnail-item-current":n.activeIndex===i,"data-p-galleria-thumbnail-item-active":r.isItemActive(i),"data-p-galleria-thumbnail-item-start":r.firstItemAciveIndex()===i,"data-p-galleria-thumbnail-item-end":r.lastItemActiveIndex()===i}),[c.createElementVNode("div",c.mergeProps({class:e.cx("thumbnailItemContent"),tabindex:n.activeIndex===i?"0":"-1","aria-label":r.ariaPageLabel(i+1),"aria-current":n.activeIndex===i?"page":void 0,onClick:function(e){return r.onItemClick(i)}},e.ptm("thumbnailItemContent")),[n.templates.thumbnail?(c.openBlock(),c.createBlock(c.resolveDynamicComponent(n.templates.thumbnail),{key:0,item:t},null,8,["item"])):c.createCommentVNode("",!0)],16,K)],16,M)})),128))],16)],16),n.showThumbnailNavigators?c.withDirectives((c.openBlock(),c.createElementBlock("button",c.mergeProps({key:1,class:e.cx("nextThumbnailButton"),disabled:r.isNavForwardDisabled(),type:"button","aria-label":r.ariaNextButtonLabel,onClick:t[5]||(t[5]=function(e){return r.navForward(e)})},L(L({},n.nextButtonProps),e.ptm("nextThumbnailButton"))),[(c.openBlock(),c.createBlock(c.resolveDynamicComponent(n.templates.nextthumbnailicon||(n.isVertical?"ChevronDownIcon":"ChevronRightIcon")),c.mergeProps({class:e.cx("nextThumbnailIcon")},e.ptm("nextThumbnailIcon")),null,16,["class"]))],16,G)),[[o]]):c.createCommentVNode("",!0)],16)],16)};var J={name:"GalleriaContent",hostName:"Galleria",extends:v.default,inheritAttrs:!1,interval:null,emits:["activeitem-change","mask-hide"],data:function(){return{id:this.$attrs.id||n.UniqueComponentId(),activeIndex:this.$attrs.activeIndex,numVisible:this.$attrs.numVisible,slideShowActive:!1}},watch:{"$attrs.value":function(e){e&&e.length<this.numVisible&&(this.numVisible=e.length)},"$attrs.activeIndex":function(e){this.activeIndex=e},"$attrs.numVisible":function(e){this.numVisible=e},"$attrs.autoPlay":function(e){e?this.startSlideShow():this.stopSlideShow()}},updated:function(){this.$emit("activeitem-change",this.activeIndex)},beforeUnmount:function(){this.slideShowActive&&this.stopSlideShow()},methods:{getPTOptions:function(e){return this.ptm(e,{props:Z(Z({},this.$attrs),{},{pt:this.pt,unstyled:this.unstyled})})},isAutoPlayActive:function(){return this.slideShowActive},startSlideShow:function(){var e=this;this.interval=setInterval((function(){e.activeIndex=e.$attrs.circular&&e.$attrs.value.length-1===e.activeIndex?0:e.activeIndex+1}),this.$attrs.transitionInterval),this.slideShowActive=!0},stopSlideShow:function(){this.interval&&clearInterval(this.interval),this.slideShowActive=!1},getPositionClass:function(e,t){var n=["top","left","bottom","right"].find((function(e){return e===t}));return n?"".concat(e,"-").concat(n):""},isVertical:function(){return"left"===this.$attrs.thumbnailsPosition||"right"===this.$attrs.thumbnailsPosition}},computed:{closeAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},components:{GalleriaItem:k,GalleriaThumbnails:_,TimesIcon:f.default},directives:{ripple:b.default}};function Q(e){return Q="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Q(e)}function ee(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function te(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ee(Object(n),!0).forEach((function(t){ne(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ee(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ne(e,t,n){return(t=ie(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function ie(e){var t=ae(e,"string");return"symbol"===Q(t)?t:String(t)}function ae(e,t){if("object"!==Q(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,t||"default");if("object"!==Q(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var re=["id"],oe=["aria-label"],le=["aria-live"];J.render=function(e,t,n,i,a,r){var o=c.resolveComponent("GalleriaItem"),l=c.resolveComponent("GalleriaThumbnails"),s=c.resolveDirective("ripple");return e.$attrs.value&&e.$attrs.value.length>0?(c.openBlock(),c.createElementBlock("div",c.mergeProps({key:0,id:a.id,class:[e.cx("root"),e.$attrs.containerClass],style:e.$attrs.containerStyle},te(te({},e.$attrs.containerProps),r.getPTOptions("root")),{"data-pc-name":"galleria"}),[e.$attrs.fullScreen?c.withDirectives((c.openBlock(),c.createElementBlock("button",c.mergeProps({key:0,autofocus:"",type:"button",class:e.cx("closeButton"),"aria-label":r.closeAriaLabel,onClick:t[0]||(t[0]=function(t){return e.$emit("mask-hide")})},r.getPTOptions("closeButton")),[(c.openBlock(),c.createBlock(c.resolveDynamicComponent(e.$attrs.templates.closeicon||"TimesIcon"),c.mergeProps({class:e.cx("closeIcon")},r.getPTOptions("closeIcon")),null,16,["class"]))],16,oe)),[[s]]):c.createCommentVNode("",!0),e.$attrs.templates&&e.$attrs.templates.header?(c.openBlock(),c.createElementBlock("div",c.mergeProps({key:1,class:e.cx("header")},r.getPTOptions("header")),[(c.openBlock(),c.createBlock(c.resolveDynamicComponent(e.$attrs.templates.header)))],16)):c.createCommentVNode("",!0),c.createElementVNode("div",c.mergeProps({class:e.cx("content"),"aria-live":e.$attrs.autoPlay?"polite":"off"},r.getPTOptions("content")),[c.createVNode(o,{id:a.id,activeIndex:a.activeIndex,"onUpdate:activeIndex":t[1]||(t[1]=function(e){return a.activeIndex=e}),slideShowActive:a.slideShowActive,"onUpdate:slideShowActive":t[2]||(t[2]=function(e){return a.slideShowActive=e}),value:e.$attrs.value,circular:e.$attrs.circular,templates:e.$attrs.templates,showIndicators:e.$attrs.showIndicators,changeItemOnIndicatorHover:e.$attrs.changeItemOnIndicatorHover,showItemNavigators:e.$attrs.showItemNavigators,autoPlay:e.$attrs.autoPlay,onStartSlideshow:r.startSlideShow,onStopSlideshow:r.stopSlideShow,pt:e.pt,unstyled:e.unstyled},null,8,["id","activeIndex","slideShowActive","value","circular","templates","showIndicators","changeItemOnIndicatorHover","showItemNavigators","autoPlay","onStartSlideshow","onStopSlideshow","pt","unstyled"]),e.$attrs.showThumbnails?(c.openBlock(),c.createBlock(l,{key:0,activeIndex:a.activeIndex,"onUpdate:activeIndex":t[3]||(t[3]=function(e){return a.activeIndex=e}),slideShowActive:a.slideShowActive,"onUpdate:slideShowActive":t[4]||(t[4]=function(e){return a.slideShowActive=e}),containerId:a.id,value:e.$attrs.value,templates:e.$attrs.templates,numVisible:a.numVisible,responsiveOptions:e.$attrs.responsiveOptions,circular:e.$attrs.circular,isVertical:r.isVertical(),contentHeight:e.$attrs.verticalThumbnailViewPortHeight,showThumbnailNavigators:e.$attrs.showThumbnailNavigators,prevButtonProps:e.$attrs.prevButtonProps,nextButtonProps:e.$attrs.nextButtonProps,onStopSlideshow:r.stopSlideShow,pt:e.pt,unstyled:e.unstyled},null,8,["activeIndex","slideShowActive","containerId","value","templates","numVisible","responsiveOptions","circular","isVertical","contentHeight","showThumbnailNavigators","prevButtonProps","nextButtonProps","onStopSlideshow","pt","unstyled"])):c.createCommentVNode("",!0)],16,le),e.$attrs.templates&&e.$attrs.templates.footer?(c.openBlock(),c.createElementBlock("div",c.mergeProps({key:2,class:e.cx("footer")},r.getPTOptions("footer")),[(c.openBlock(),c.createBlock(c.resolveDynamicComponent(e.$attrs.templates.footer)))],16)):c.createCommentVNode("",!0)],16,re)):c.createCommentVNode("",!0)};var se={name:"Galleria",extends:S,inheritAttrs:!1,emits:["update:activeIndex","update:visible"],container:null,mask:null,data:function(){return{containerVisible:this.visible}},updated:function(){this.fullScreen&&this.visible&&(this.containerVisible=this.visible)},beforeUnmount:function(){this.fullScreen&&n.DomHandler.removeClass(document.body,"p-overflow-hidden"),this.mask=null,this.container&&(n.ZIndexUtils.clear(this.container),this.container=null)},methods:{onBeforeEnter:function(e){n.ZIndexUtils.set("modal",e,this.baseZIndex||this.$primevue.config.zIndex.modal)},onEnter:function(e){this.mask.style.zIndex=String(parseInt(e.style.zIndex,10)-1),n.DomHandler.addClass(document.body,"p-overflow-hidden"),this.focus()},onBeforeLeave:function(){!this.isUnstyled&&n.DomHandler.addClass(this.mask,"p-component-overlay-leave")},onAfterLeave:function(e){n.ZIndexUtils.clear(e),this.containerVisible=!1,n.DomHandler.removeClass(document.body,"p-overflow-hidden")},onActiveItemChange:function(e){this.activeIndex!==e&&this.$emit("update:activeIndex",e)},maskHide:function(){this.$emit("update:visible",!1)},containerRef:function(e){this.container=e},maskRef:function(e){this.mask=e},focus:function(){var e=this.container.$el.querySelector("[autofocus]");e&&e.focus()}},components:{GalleriaContent:J,Portal:h.default},directives:{focustrap:p.default}},ce=["role","aria-modal"];return se.render=function(e,t,n,i,a,r){var o=c.resolveComponent("GalleriaContent"),l=c.resolveComponent("Portal"),s=c.resolveDirective("focustrap");return e.fullScreen?(c.openBlock(),c.createBlock(l,{key:0},{default:c.withCtx((function(){return[a.containerVisible?(c.openBlock(),c.createElementBlock("div",c.mergeProps({key:0,ref:r.maskRef,class:[e.cx("mask"),e.maskClass],role:e.fullScreen?"dialog":"region","aria-modal":e.fullScreen?"true":void 0},e.ptm("mask")),[c.createVNode(c.Transition,{name:"p-galleria",onBeforeEnter:r.onBeforeEnter,onEnter:r.onEnter,onBeforeLeave:r.onBeforeLeave,onAfterLeave:r.onAfterLeave,appear:""},{default:c.withCtx((function(){return[e.visible?c.withDirectives((c.openBlock(),c.createBlock(o,c.mergeProps({key:0,ref:r.containerRef,onMaskHide:r.maskHide,templates:e.$slots,onActiveitemChange:r.onActiveItemChange,pt:e.pt,unstyled:e.unstyled},e.$props),null,16,["onMaskHide","templates","onActiveitemChange","pt","unstyled"])),[[s]]):c.createCommentVNode("",!0)]})),_:1},8,["onBeforeEnter","onEnter","onBeforeLeave","onAfterLeave"])],16,ce)):c.createCommentVNode("",!0)]})),_:1})):(c.openBlock(),c.createBlock(o,c.mergeProps({key:1,templates:e.$slots,onActiveitemChange:r.onActiveItemChange,pt:e.pt,unstyled:e.unstyled},e.$props),null,16,["templates","onActiveitemChange","pt","unstyled"]))},se}(primevue.focustrap,primevue.portal,primevue.utils,primevue.basecomponent,primevue.usestyle,primevue.icons.times,primevue.ripple,primevue.icons.chevronleft,primevue.icons.chevronright,Vue,primevue.icons.chevrondown,primevue.icons.chevronup);
@@ -53,8 +53,8 @@ const classes = {
53
53
  wrapper: 'p-message-wrapper',
54
54
  icon: 'p-message-icon',
55
55
  text: 'p-message-text',
56
- button: 'p-message-close p-link',
57
- buttonIcon: 'p-message-close-icon'
56
+ closeButton: 'p-message-close p-link',
57
+ closeIcon: 'p-message-close-icon'
58
58
  };
59
59
 
60
60
  const { load: loadStyle } = useStyle(styles, { name: 'message', manual: true });
@@ -45,12 +45,22 @@ export interface MessagePassThroughOptions {
45
45
  text?: MessagePassThroughOptionType;
46
46
  /**
47
47
  * Uses to pass attributes to the button's DOM element.
48
+ * @deprecated since v3.30.2. Use 'closeButton' option.
48
49
  */
49
50
  button?: MessagePassThroughOptionType;
51
+ /**
52
+ * Uses to pass attributes to the button's DOM element.
53
+ */
54
+ closeButton?: MessagePassThroughOptionType;
50
55
  /**
51
56
  * Uses to pass attributes to the button icon's DOM element.
57
+ * @deprecated since v3.30.2. Use 'closeIcon' option.
52
58
  */
53
59
  buttonIcon?: MessagePassThroughOptionType;
60
+ /**
61
+ * Uses to pass attributes to the button icon's DOM element.
62
+ */
63
+ closeIcon?: MessagePassThroughOptionType;
54
64
  /**
55
65
  * Uses to manage all lifecycle hooks
56
66
  * @see {@link BaseComponent.ComponentHooks}
@@ -8,10 +8,10 @@
8
8
  <div class="p-message-text" :class="cx('text')" v-bind="ptm('text')">
9
9
  <slot></slot>
10
10
  </div>
11
- <button v-if="closable" v-ripple :class="cx('button')" :aria-label="closeAriaLabel" type="button" @click="close($event)" v-bind="{ ...closeButtonProps, ...ptm('button') }">
11
+ <button v-if="closable" v-ripple :class="cx('closeButton')" :aria-label="closeAriaLabel" type="button" @click="close($event)" v-bind="{ ...closeButtonProps, ...ptm('button'), ...ptm('closeButton') }">
12
12
  <slot name="closeicon">
13
- <i v-if="closeIcon" :class="[cx('buttonIcon'), closeIcon]" v-bind="ptm('buttonIcon')" />
14
- <TimesIcon v-else :class="[cx('buttonIcon'), closeIcon]" v-bind="ptm('buttonIcon')" />
13
+ <i v-if="closeIcon" :class="[cx('closeIcon'), closeIcon]" v-bind="{ ...ptm('buttonIcon'), ...ptm('closeIcon') }" />
14
+ <TimesIcon v-else :class="[cx('closeIcon'), closeIcon]" v-bind="{ ...ptm('buttonIcon'), ...ptm('closeIcon') }" />
15
15
  </slot>
16
16
  </button>
17
17
  </div>
@@ -29,8 +29,8 @@ var classes = {
29
29
  wrapper: 'p-message-wrapper',
30
30
  icon: 'p-message-icon',
31
31
  text: 'p-message-text',
32
- button: 'p-message-close p-link',
33
- buttonIcon: 'p-message-close-icon'
32
+ closeButton: 'p-message-close p-link',
33
+ closeIcon: 'p-message-close-icon'
34
34
  };
35
35
  var _useStyle = usestyle.useStyle(styles, {
36
36
  name: 'message',
@@ -167,20 +167,20 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
167
167
  "class": ["p-message-text", _ctx.cx('text')]
168
168
  }, _ctx.ptm('text')), [vue.renderSlot(_ctx.$slots, "default")], 16), _ctx.closable ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
169
169
  key: 0,
170
- "class": _ctx.cx('button'),
170
+ "class": _ctx.cx('closeButton'),
171
171
  "aria-label": $options.closeAriaLabel,
172
172
  type: "button",
173
173
  onClick: _cache[0] || (_cache[0] = function ($event) {
174
174
  return $options.close($event);
175
175
  })
176
- }, _objectSpread(_objectSpread({}, _ctx.closeButtonProps), _ctx.ptm('button'))), [vue.renderSlot(_ctx.$slots, "closeicon", {}, function () {
176
+ }, _objectSpread(_objectSpread(_objectSpread({}, _ctx.closeButtonProps), _ctx.ptm('button')), _ctx.ptm('closeButton'))), [vue.renderSlot(_ctx.$slots, "closeicon", {}, function () {
177
177
  return [_ctx.closeIcon ? (vue.openBlock(), vue.createElementBlock("i", vue.mergeProps({
178
178
  key: 0,
179
- "class": [_ctx.cx('buttonIcon'), _ctx.closeIcon]
180
- }, _ctx.ptm('buttonIcon')), null, 16)) : (vue.openBlock(), vue.createBlock(_component_TimesIcon, vue.mergeProps({
179
+ "class": [_ctx.cx('closeIcon'), _ctx.closeIcon]
180
+ }, _objectSpread(_objectSpread({}, _ctx.ptm('buttonIcon')), _ctx.ptm('closeIcon'))), null, 16)) : (vue.openBlock(), vue.createBlock(_component_TimesIcon, vue.mergeProps({
181
181
  key: 1,
182
- "class": [_ctx.cx('buttonIcon'), _ctx.closeIcon]
183
- }, _ctx.ptm('buttonIcon')), null, 16, ["class"]))];
182
+ "class": [_ctx.cx('closeIcon'), _ctx.closeIcon]
183
+ }, _objectSpread(_objectSpread({}, _ctx.ptm('buttonIcon')), _ctx.ptm('closeIcon'))), null, 16, ["class"]))];
184
184
  })], 16, _hoisted_1)), [[_directive_ripple]]) : vue.createCommentVNode("", true)], 16)], 16), [[vue.vShow, $data.visible]])];
185
185
  }),
186
186
  _: 3
@@ -1 +1 @@
1
- "use strict";var e=require("primevue/icons/check"),t=require("primevue/icons/exclamationtriangle"),n=require("primevue/icons/infocircle"),o=require("primevue/icons/times"),r=require("primevue/icons/timescircle"),i=require("primevue/ripple"),s=require("primevue/basecomponent"),c=require("primevue/usestyle"),a=require("vue");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=l(e),p=l(t),m=l(n),f=l(o),v=l(r),g=l(i),d=l(s),y=c.useStyle("\n.p-message-wrapper {\n display: flex;\n align-items: center;\n}\n\n.p-message-close {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-message-close.p-link {\n margin-left: auto;\n overflow: hidden;\n position: relative;\n}\n\n.p-message-enter-from {\n opacity: 0;\n}\n\n.p-message-enter-active {\n transition: opacity 0.3s;\n}\n\n.p-message.p-message-leave-from {\n max-height: 1000px;\n}\n\n.p-message.p-message-leave-to {\n max-height: 0;\n opacity: 0;\n margin: 0 !important;\n}\n\n.p-message-leave-active {\n overflow: hidden;\n transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;\n}\n\n.p-message-leave-active .p-message-close {\n display: none;\n}\n",{name:"message",manual:!0}),b={name:"Message",extends:{name:"BaseMessage",extends:d.default,props:{severity:{type:String,default:"info"},closable:{type:Boolean,default:!0},sticky:{type:Boolean,default:!0},life:{type:Number,default:3e3},icon:{type:String,default:void 0},closeIcon:{type:String,default:void 0},closeButtonProps:{type:null,default:null}},css:{classes:{root:function(e){return"p-message p-component p-message-"+e.props.severity},wrapper:"p-message-wrapper",icon:"p-message-icon",text:"p-message-text",button:"p-message-close p-link",buttonIcon:"p-message-close-icon"},loadStyle:y.load},provide:function(){return{$parentInstance:this}}},emits:["close"],timeout:null,data:function(){return{visible:!0}},mounted:function(){this.sticky||this.closeAfterDelay()},methods:{close:function(e){this.visible=!1,this.$emit("close",e)},closeAfterDelay:function(){var e=this;setTimeout((function(){e.visible=!1}),this.life)}},computed:{iconComponent:function(){return{info:m.default,success:u.default,warn:p.default,error:v.default}[this.severity]},closeAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},directives:{ripple:g.default},components:{TimesIcon:f.default,InfoCircleIcon:m.default,CheckIcon:u.default,ExclamationTriangleIcon:p.default,TimesCircleIcon:v.default}};function h(e){return h="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},h(e)}function x(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?x(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function w(e,t,n){return(t=P(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(e){var t=S(e,"string");return"symbol"===h(t)?t:String(t)}function S(e,t){if("object"!==h(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==h(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var O=["aria-label"];b.render=function(e,t,n,o,r,i){var s=a.resolveComponent("TimesIcon"),c=a.resolveDirective("ripple");return a.openBlock(),a.createBlock(a.Transition,{name:"p-message",appear:""},{default:a.withCtx((function(){return[a.withDirectives(a.createElementVNode("div",a.mergeProps({class:e.cx("root"),role:"alert","aria-live":"assertive","aria-atomic":"true"},e.ptm("root"),{"data-pc-name":"message"}),[a.createElementVNode("div",a.mergeProps({class:e.cx("wrapper")},e.ptm("wrapper")),[a.renderSlot(e.$slots,"messageicon",{class:"p-message-icon"},(function(){return[(a.openBlock(),a.createBlock(a.resolveDynamicComponent(e.icon?"span":i.iconComponent),a.mergeProps({class:[e.cx("icon"),e.icon]},e.ptm("icon")),null,16,["class"]))]})),a.createElementVNode("div",a.mergeProps({class:["p-message-text",e.cx("text")]},e.ptm("text")),[a.renderSlot(e.$slots,"default")],16),e.closable?a.withDirectives((a.openBlock(),a.createElementBlock("button",a.mergeProps({key:0,class:e.cx("button"),"aria-label":i.closeAriaLabel,type:"button",onClick:t[0]||(t[0]=function(e){return i.close(e)})},k(k({},e.closeButtonProps),e.ptm("button"))),[a.renderSlot(e.$slots,"closeicon",{},(function(){return[e.closeIcon?(a.openBlock(),a.createElementBlock("i",a.mergeProps({key:0,class:[e.cx("buttonIcon"),e.closeIcon]},e.ptm("buttonIcon")),null,16)):(a.openBlock(),a.createBlock(s,a.mergeProps({key:1,class:[e.cx("buttonIcon"),e.closeIcon]},e.ptm("buttonIcon")),null,16,["class"]))]}))],16,O)),[[c]]):a.createCommentVNode("",!0)],16)],16),[[a.vShow,r.visible]])]})),_:3})},module.exports=b;
1
+ "use strict";var e=require("primevue/icons/check"),t=require("primevue/icons/exclamationtriangle"),n=require("primevue/icons/infocircle"),o=require("primevue/icons/times"),r=require("primevue/icons/timescircle"),i=require("primevue/ripple"),s=require("primevue/basecomponent"),c=require("primevue/usestyle"),l=require("vue");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=a(e),u=a(t),m=a(n),f=a(o),v=a(r),g=a(i),d=a(s),y=c.useStyle("\n.p-message-wrapper {\n display: flex;\n align-items: center;\n}\n\n.p-message-close {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-message-close.p-link {\n margin-left: auto;\n overflow: hidden;\n position: relative;\n}\n\n.p-message-enter-from {\n opacity: 0;\n}\n\n.p-message-enter-active {\n transition: opacity 0.3s;\n}\n\n.p-message.p-message-leave-from {\n max-height: 1000px;\n}\n\n.p-message.p-message-leave-to {\n max-height: 0;\n opacity: 0;\n margin: 0 !important;\n}\n\n.p-message-leave-active {\n overflow: hidden;\n transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;\n}\n\n.p-message-leave-active .p-message-close {\n display: none;\n}\n",{name:"message",manual:!0}),b={name:"Message",extends:{name:"BaseMessage",extends:d.default,props:{severity:{type:String,default:"info"},closable:{type:Boolean,default:!0},sticky:{type:Boolean,default:!0},life:{type:Number,default:3e3},icon:{type:String,default:void 0},closeIcon:{type:String,default:void 0},closeButtonProps:{type:null,default:null}},css:{classes:{root:function(e){return"p-message p-component p-message-"+e.props.severity},wrapper:"p-message-wrapper",icon:"p-message-icon",text:"p-message-text",closeButton:"p-message-close p-link",closeIcon:"p-message-close-icon"},loadStyle:y.load},provide:function(){return{$parentInstance:this}}},emits:["close"],timeout:null,data:function(){return{visible:!0}},mounted:function(){this.sticky||this.closeAfterDelay()},methods:{close:function(e){this.visible=!1,this.$emit("close",e)},closeAfterDelay:function(){var e=this;setTimeout((function(){e.visible=!1}),this.life)}},computed:{iconComponent:function(){return{info:m.default,success:p.default,warn:u.default,error:v.default}[this.severity]},closeAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},directives:{ripple:g.default},components:{TimesIcon:f.default,InfoCircleIcon:m.default,CheckIcon:p.default,ExclamationTriangleIcon:u.default,TimesCircleIcon:v.default}};function h(e){return h="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},h(e)}function x(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?x(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function w(e,t,n){return(t=P(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function P(e){var t=I(e,"string");return"symbol"===h(t)?t:String(t)}function I(e,t){if("object"!==h(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==h(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var S=["aria-label"];b.render=function(e,t,n,o,r,i){var s=l.resolveComponent("TimesIcon"),c=l.resolveDirective("ripple");return l.openBlock(),l.createBlock(l.Transition,{name:"p-message",appear:""},{default:l.withCtx((function(){return[l.withDirectives(l.createElementVNode("div",l.mergeProps({class:e.cx("root"),role:"alert","aria-live":"assertive","aria-atomic":"true"},e.ptm("root"),{"data-pc-name":"message"}),[l.createElementVNode("div",l.mergeProps({class:e.cx("wrapper")},e.ptm("wrapper")),[l.renderSlot(e.$slots,"messageicon",{class:"p-message-icon"},(function(){return[(l.openBlock(),l.createBlock(l.resolveDynamicComponent(e.icon?"span":i.iconComponent),l.mergeProps({class:[e.cx("icon"),e.icon]},e.ptm("icon")),null,16,["class"]))]})),l.createElementVNode("div",l.mergeProps({class:["p-message-text",e.cx("text")]},e.ptm("text")),[l.renderSlot(e.$slots,"default")],16),e.closable?l.withDirectives((l.openBlock(),l.createElementBlock("button",l.mergeProps({key:0,class:e.cx("closeButton"),"aria-label":i.closeAriaLabel,type:"button",onClick:t[0]||(t[0]=function(e){return i.close(e)})},k(k(k({},e.closeButtonProps),e.ptm("button")),e.ptm("closeButton"))),[l.renderSlot(e.$slots,"closeicon",{},(function(){return[e.closeIcon?(l.openBlock(),l.createElementBlock("i",l.mergeProps({key:0,class:[e.cx("closeIcon"),e.closeIcon]},k(k({},e.ptm("buttonIcon")),e.ptm("closeIcon"))),null,16)):(l.openBlock(),l.createBlock(s,l.mergeProps({key:1,class:[e.cx("closeIcon"),e.closeIcon]},k(k({},e.ptm("buttonIcon")),e.ptm("closeIcon"))),null,16,["class"]))]}))],16,S)),[[c]]):l.createCommentVNode("",!0)],16)],16),[[l.vShow,r.visible]])]})),_:3})},module.exports=b;
@@ -17,8 +17,8 @@ var classes = {
17
17
  wrapper: 'p-message-wrapper',
18
18
  icon: 'p-message-icon',
19
19
  text: 'p-message-text',
20
- button: 'p-message-close p-link',
21
- buttonIcon: 'p-message-close-icon'
20
+ closeButton: 'p-message-close p-link',
21
+ closeIcon: 'p-message-close-icon'
22
22
  };
23
23
  var _useStyle = useStyle(styles, {
24
24
  name: 'message',
@@ -155,20 +155,20 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
155
155
  "class": ["p-message-text", _ctx.cx('text')]
156
156
  }, _ctx.ptm('text')), [renderSlot(_ctx.$slots, "default")], 16), _ctx.closable ? withDirectives((openBlock(), createElementBlock("button", mergeProps({
157
157
  key: 0,
158
- "class": _ctx.cx('button'),
158
+ "class": _ctx.cx('closeButton'),
159
159
  "aria-label": $options.closeAriaLabel,
160
160
  type: "button",
161
161
  onClick: _cache[0] || (_cache[0] = function ($event) {
162
162
  return $options.close($event);
163
163
  })
164
- }, _objectSpread(_objectSpread({}, _ctx.closeButtonProps), _ctx.ptm('button'))), [renderSlot(_ctx.$slots, "closeicon", {}, function () {
164
+ }, _objectSpread(_objectSpread(_objectSpread({}, _ctx.closeButtonProps), _ctx.ptm('button')), _ctx.ptm('closeButton'))), [renderSlot(_ctx.$slots, "closeicon", {}, function () {
165
165
  return [_ctx.closeIcon ? (openBlock(), createElementBlock("i", mergeProps({
166
166
  key: 0,
167
- "class": [_ctx.cx('buttonIcon'), _ctx.closeIcon]
168
- }, _ctx.ptm('buttonIcon')), null, 16)) : (openBlock(), createBlock(_component_TimesIcon, mergeProps({
167
+ "class": [_ctx.cx('closeIcon'), _ctx.closeIcon]
168
+ }, _objectSpread(_objectSpread({}, _ctx.ptm('buttonIcon')), _ctx.ptm('closeIcon'))), null, 16)) : (openBlock(), createBlock(_component_TimesIcon, mergeProps({
169
169
  key: 1,
170
- "class": [_ctx.cx('buttonIcon'), _ctx.closeIcon]
171
- }, _ctx.ptm('buttonIcon')), null, 16, ["class"]))];
170
+ "class": [_ctx.cx('closeIcon'), _ctx.closeIcon]
171
+ }, _objectSpread(_objectSpread({}, _ctx.ptm('buttonIcon')), _ctx.ptm('closeIcon'))), null, 16, ["class"]))];
172
172
  })], 16, _hoisted_1)), [[_directive_ripple]]) : createCommentVNode("", true)], 16)], 16), [[vShow, $data.visible]])];
173
173
  }),
174
174
  _: 3
@@ -1 +1 @@
1
- import e from"primevue/icons/check";import t from"primevue/icons/exclamationtriangle";import n from"primevue/icons/infocircle";import o from"primevue/icons/times";import r from"primevue/icons/timescircle";import i from"primevue/ripple";import s from"primevue/basecomponent";import{useStyle as c}from"primevue/usestyle";import{resolveComponent as a,resolveDirective as l,openBlock as p,createBlock as m,Transition as u,withCtx as f,withDirectives as y,createElementVNode as v,mergeProps as b,renderSlot as g,resolveDynamicComponent as d,createElementBlock as h,createCommentVNode as x,vShow as O}from"vue";var w=c("\n.p-message-wrapper {\n display: flex;\n align-items: center;\n}\n\n.p-message-close {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-message-close.p-link {\n margin-left: auto;\n overflow: hidden;\n position: relative;\n}\n\n.p-message-enter-from {\n opacity: 0;\n}\n\n.p-message-enter-active {\n transition: opacity 0.3s;\n}\n\n.p-message.p-message-leave-from {\n max-height: 1000px;\n}\n\n.p-message.p-message-leave-to {\n max-height: 0;\n opacity: 0;\n margin: 0 !important;\n}\n\n.p-message-leave-active {\n overflow: hidden;\n transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;\n}\n\n.p-message-leave-active .p-message-close {\n display: none;\n}\n",{name:"message",manual:!0}),I={name:"Message",extends:{name:"BaseMessage",extends:s,props:{severity:{type:String,default:"info"},closable:{type:Boolean,default:!0},sticky:{type:Boolean,default:!0},life:{type:Number,default:3e3},icon:{type:String,default:void 0},closeIcon:{type:String,default:void 0},closeButtonProps:{type:null,default:null}},css:{classes:{root:function(e){return"p-message p-component p-message-"+e.props.severity},wrapper:"p-message-wrapper",icon:"p-message-icon",text:"p-message-text",button:"p-message-close p-link",buttonIcon:"p-message-close-icon"},loadStyle:w.load},provide:function(){return{$parentInstance:this}}},emits:["close"],timeout:null,data:function(){return{visible:!0}},mounted:function(){this.sticky||this.closeAfterDelay()},methods:{close:function(e){this.visible=!1,this.$emit("close",e)},closeAfterDelay:function(){var e=this;setTimeout((function(){e.visible=!1}),this.life)}},computed:{iconComponent:function(){return{info:n,success:e,warn:t,error:r}[this.severity]},closeAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},directives:{ripple:i},components:{TimesIcon:o,InfoCircleIcon:n,CheckIcon:e,ExclamationTriangleIcon:t,TimesCircleIcon:r}};function j(e){return j="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},j(e)}function S(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function P(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach((function(t){k(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function k(e,t,n){return(t=$(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function $(e){var t=C(e,"string");return"symbol"===j(t)?t:String(t)}function C(e,t){if("object"!==j(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==j(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var D=["aria-label"];I.render=function(e,t,n,o,r,i){var s=a("TimesIcon"),c=l("ripple");return p(),m(u,{name:"p-message",appear:""},{default:f((function(){return[y(v("div",b({class:e.cx("root"),role:"alert","aria-live":"assertive","aria-atomic":"true"},e.ptm("root"),{"data-pc-name":"message"}),[v("div",b({class:e.cx("wrapper")},e.ptm("wrapper")),[g(e.$slots,"messageicon",{class:"p-message-icon"},(function(){return[(p(),m(d(e.icon?"span":i.iconComponent),b({class:[e.cx("icon"),e.icon]},e.ptm("icon")),null,16,["class"]))]})),v("div",b({class:["p-message-text",e.cx("text")]},e.ptm("text")),[g(e.$slots,"default")],16),e.closable?y((p(),h("button",b({key:0,class:e.cx("button"),"aria-label":i.closeAriaLabel,type:"button",onClick:t[0]||(t[0]=function(e){return i.close(e)})},P(P({},e.closeButtonProps),e.ptm("button"))),[g(e.$slots,"closeicon",{},(function(){return[e.closeIcon?(p(),h("i",b({key:0,class:[e.cx("buttonIcon"),e.closeIcon]},e.ptm("buttonIcon")),null,16)):(p(),m(s,b({key:1,class:[e.cx("buttonIcon"),e.closeIcon]},e.ptm("buttonIcon")),null,16,["class"]))]}))],16,D)),[[c]]):x("",!0)],16)],16),[[O,r.visible]])]})),_:3})};export{I as default};
1
+ import e from"primevue/icons/check";import t from"primevue/icons/exclamationtriangle";import n from"primevue/icons/infocircle";import o from"primevue/icons/times";import r from"primevue/icons/timescircle";import i from"primevue/ripple";import s from"primevue/basecomponent";import{useStyle as c}from"primevue/usestyle";import{resolveComponent as a,resolveDirective as l,openBlock as p,createBlock as m,Transition as u,withCtx as f,withDirectives as y,createElementVNode as v,mergeProps as g,renderSlot as b,resolveDynamicComponent as d,createElementBlock as h,createCommentVNode as x,vShow as I}from"vue";var O=c("\n.p-message-wrapper {\n display: flex;\n align-items: center;\n}\n\n.p-message-close {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.p-message-close.p-link {\n margin-left: auto;\n overflow: hidden;\n position: relative;\n}\n\n.p-message-enter-from {\n opacity: 0;\n}\n\n.p-message-enter-active {\n transition: opacity 0.3s;\n}\n\n.p-message.p-message-leave-from {\n max-height: 1000px;\n}\n\n.p-message.p-message-leave-to {\n max-height: 0;\n opacity: 0;\n margin: 0 !important;\n}\n\n.p-message-leave-active {\n overflow: hidden;\n transition: max-height 0.3s cubic-bezier(0, 1, 0, 1), opacity 0.3s, margin 0.15s;\n}\n\n.p-message-leave-active .p-message-close {\n display: none;\n}\n",{name:"message",manual:!0}),w={name:"Message",extends:{name:"BaseMessage",extends:s,props:{severity:{type:String,default:"info"},closable:{type:Boolean,default:!0},sticky:{type:Boolean,default:!0},life:{type:Number,default:3e3},icon:{type:String,default:void 0},closeIcon:{type:String,default:void 0},closeButtonProps:{type:null,default:null}},css:{classes:{root:function(e){return"p-message p-component p-message-"+e.props.severity},wrapper:"p-message-wrapper",icon:"p-message-icon",text:"p-message-text",closeButton:"p-message-close p-link",closeIcon:"p-message-close-icon"},loadStyle:O.load},provide:function(){return{$parentInstance:this}}},emits:["close"],timeout:null,data:function(){return{visible:!0}},mounted:function(){this.sticky||this.closeAfterDelay()},methods:{close:function(e){this.visible=!1,this.$emit("close",e)},closeAfterDelay:function(){var e=this;setTimeout((function(){e.visible=!1}),this.life)}},computed:{iconComponent:function(){return{info:n,success:e,warn:t,error:r}[this.severity]},closeAriaLabel:function(){return this.$primevue.config.locale.aria?this.$primevue.config.locale.aria.close:void 0}},directives:{ripple:i},components:{TimesIcon:o,InfoCircleIcon:n,CheckIcon:e,ExclamationTriangleIcon:t,TimesCircleIcon:r}};function j(e){return j="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},j(e)}function S(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,o)}return n}function P(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach((function(t){k(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function k(e,t,n){return(t=B(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function B(e){var t=$(e,"string");return"symbol"===j(t)?t:String(t)}function $(e,t){if("object"!==j(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var o=n.call(e,t||"default");if("object"!==j(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}var C=["aria-label"];w.render=function(e,t,n,o,r,i){var s=a("TimesIcon"),c=l("ripple");return p(),m(u,{name:"p-message",appear:""},{default:f((function(){return[y(v("div",g({class:e.cx("root"),role:"alert","aria-live":"assertive","aria-atomic":"true"},e.ptm("root"),{"data-pc-name":"message"}),[v("div",g({class:e.cx("wrapper")},e.ptm("wrapper")),[b(e.$slots,"messageicon",{class:"p-message-icon"},(function(){return[(p(),m(d(e.icon?"span":i.iconComponent),g({class:[e.cx("icon"),e.icon]},e.ptm("icon")),null,16,["class"]))]})),v("div",g({class:["p-message-text",e.cx("text")]},e.ptm("text")),[b(e.$slots,"default")],16),e.closable?y((p(),h("button",g({key:0,class:e.cx("closeButton"),"aria-label":i.closeAriaLabel,type:"button",onClick:t[0]||(t[0]=function(e){return i.close(e)})},P(P(P({},e.closeButtonProps),e.ptm("button")),e.ptm("closeButton"))),[b(e.$slots,"closeicon",{},(function(){return[e.closeIcon?(p(),h("i",g({key:0,class:[e.cx("closeIcon"),e.closeIcon]},P(P({},e.ptm("buttonIcon")),e.ptm("closeIcon"))),null,16)):(p(),m(s,g({key:1,class:[e.cx("closeIcon"),e.closeIcon]},P(P({},e.ptm("buttonIcon")),e.ptm("closeIcon"))),null,16,["class"]))]}))],16,C)),[[c]]):x("",!0)],16)],16),[[I,r.visible]])]})),_:3})};export{w as default};
@@ -21,8 +21,8 @@ this.primevue.message = (function (CheckIcon, ExclamationTriangleIcon, InfoCircl
21
21
  wrapper: 'p-message-wrapper',
22
22
  icon: 'p-message-icon',
23
23
  text: 'p-message-text',
24
- button: 'p-message-close p-link',
25
- buttonIcon: 'p-message-close-icon'
24
+ closeButton: 'p-message-close p-link',
25
+ closeIcon: 'p-message-close-icon'
26
26
  };
27
27
  var _useStyle = usestyle.useStyle(styles, {
28
28
  name: 'message',
@@ -159,20 +159,20 @@ this.primevue.message = (function (CheckIcon, ExclamationTriangleIcon, InfoCircl
159
159
  "class": ["p-message-text", _ctx.cx('text')]
160
160
  }, _ctx.ptm('text')), [vue.renderSlot(_ctx.$slots, "default")], 16), _ctx.closable ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("button", vue.mergeProps({
161
161
  key: 0,
162
- "class": _ctx.cx('button'),
162
+ "class": _ctx.cx('closeButton'),
163
163
  "aria-label": $options.closeAriaLabel,
164
164
  type: "button",
165
165
  onClick: _cache[0] || (_cache[0] = function ($event) {
166
166
  return $options.close($event);
167
167
  })
168
- }, _objectSpread(_objectSpread({}, _ctx.closeButtonProps), _ctx.ptm('button'))), [vue.renderSlot(_ctx.$slots, "closeicon", {}, function () {
168
+ }, _objectSpread(_objectSpread(_objectSpread({}, _ctx.closeButtonProps), _ctx.ptm('button')), _ctx.ptm('closeButton'))), [vue.renderSlot(_ctx.$slots, "closeicon", {}, function () {
169
169
  return [_ctx.closeIcon ? (vue.openBlock(), vue.createElementBlock("i", vue.mergeProps({
170
170
  key: 0,
171
- "class": [_ctx.cx('buttonIcon'), _ctx.closeIcon]
172
- }, _ctx.ptm('buttonIcon')), null, 16)) : (vue.openBlock(), vue.createBlock(_component_TimesIcon, vue.mergeProps({
171
+ "class": [_ctx.cx('closeIcon'), _ctx.closeIcon]
172
+ }, _objectSpread(_objectSpread({}, _ctx.ptm('buttonIcon')), _ctx.ptm('closeIcon'))), null, 16)) : (vue.openBlock(), vue.createBlock(_component_TimesIcon, vue.mergeProps({
173
173
  key: 1,
174
- "class": [_ctx.cx('buttonIcon'), _ctx.closeIcon]
175
- }, _ctx.ptm('buttonIcon')), null, 16, ["class"]))];
174
+ "class": [_ctx.cx('closeIcon'), _ctx.closeIcon]
175
+ }, _objectSpread(_objectSpread({}, _ctx.ptm('buttonIcon')), _ctx.ptm('closeIcon'))), null, 16, ["class"]))];
176
176
  })], 16, _hoisted_1)), [[_directive_ripple]]) : vue.createCommentVNode("", true)], 16)], 16), [[vue.vShow, $data.visible]])];
177
177
  }),
178
178
  _: 3