primevue 3.29.2 → 3.30.0

package/steps/steps.esm.js

@@ -1,277 +1,265 @@
+import { DomHandler } from 'primevue/utils';
 import BaseComponent from 'primevue/basecomponent';
-import { UniqueComponentId, DomHandler } from 'primevue/utils';
+import { useStyle } from 'primevue/usestyle';
 import { resolveComponent, openBlock, createElementBlock, mergeProps, createElementVNode, Fragment, renderList, createBlock, withCtx, toDisplayString, resolveDynamicComponent, createCommentVNode } from 'vue';
 
-var script = {
-    name: 'Steps',
-    extends: BaseComponent,
-    props: {
-        id: {
-            type: String,
-            default: UniqueComponentId()
-        },
-        model: {
-            type: Array,
-            default: null
-        },
-        readonly: {
-            type: Boolean,
-            default: true
-        },
-        exact: {
-            type: Boolean,
-            default: true
-        }
+var styles = "\n.p-steps {\n    position: relative;\n}\n\n.p-steps .p-steps-list {\n    padding: 0;\n    margin: 0;\n    list-style-type: none;\n    display: flex;\n}\n\n.p-steps-item {\n    position: relative;\n    display: flex;\n    justify-content: center;\n    flex: 1 1 auto;\n    overflow: hidden;\n}\n\n.p-steps-item .p-menuitem-link {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: center;\n    overflow: hidden;\n    text-decoration: none;\n}\n\n.p-steps.p-steps-readonly .p-steps-item {\n    cursor: auto;\n}\n\n.p-steps-item.p-steps-current .p-menuitem-link {\n    cursor: default;\n}\n\n.p-steps-title {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: 100%;\n}\n\n.p-steps-number {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-steps-title {\n    display: block;\n}\n";
+var classes = {
+  root: function root(_ref) {
+    var instance = _ref.instance;
+    return ['p-steps p-component', {
+      'p-readonly': instance.readonly
+    }];
+  },
+  menu: 'p-steps-list',
+  menuitem: function menuitem(_ref2) {
+    var instance = _ref2.instance,
+      item = _ref2.item;
+    return ['p-steps-item', {
+      'p-highlight p-steps-current': instance.isActive(item),
+      'p-disabled': instance.isItemDisabled(item)
+    }];
+  },
+  action: function action(_ref3) {
+    var props = _ref3.props,
+      isActive = _ref3.isActive,
+      isExactActive = _ref3.isExactActive;
+    return ['p-menuitem-link', {
+      'router-link-active': isActive,
+      'router-link-active-exact': props.exact && isExactActive
+    }];
+  },
+  step: 'p-steps-number',
+  label: 'p-steps-title'
+};
+var _useStyle = useStyle(styles, {
+    name: 'steps',
+    manual: true
+  }),
+  loadStyle = _useStyle.load;
+var script$1 = {
+  name: 'BaseSteps',
+  "extends": BaseComponent,
+  props: {
+    id: {
+      type: String
     },
-    mounted() {
-        const firstItem = this.findFirstItem();
-
-        firstItem.tabIndex = '0';
+    model: {
+      type: Array,
+      "default": null
     },
-    methods: {
-        onItemClick(event, item, navigate) {
-            if (this.disabled(item) || this.readonly) {
-                event.preventDefault();
-
-                return;
-            }
-
-            if (item.command) {
-                item.command({
-                    originalEvent: event,
-                    item: item
-                });
-            }
-
-            if (item.to && navigate) {
-                navigate(event);
-            }
-        },
-        onItemKeydown(event, item, navigate) {
-            switch (event.code) {
-                case 'ArrowRight': {
-                    this.navigateToNextItem(event.target);
-                    event.preventDefault();
-                    break;
-                }
-
-                case 'ArrowLeft': {
-                    this.navigateToPrevItem(event.target);
-                    event.preventDefault();
-                    break;
-                }
-
-                case 'Home': {
-                    this.navigateToFirstItem(event.target);
-                    event.preventDefault();
-                    break;
-                }
-
-                case 'End': {
-                    this.navigateToLastItem(event.target);
-                    event.preventDefault();
-                    break;
-                }
-
-                case 'Tab':
-                    //no op
-                    break;
-
-                case 'Enter':
-
-                case 'Space': {
-                    this.onItemClick(event, item, navigate);
-                    event.preventDefault();
-                    break;
-                }
-            }
-        },
-        navigateToNextItem(target) {
-            const nextItem = this.findNextItem(target);
-
-            nextItem && this.setFocusToMenuitem(target, nextItem);
-        },
-        navigateToPrevItem(target) {
-            const prevItem = this.findPrevItem(target);
-
-            prevItem && this.setFocusToMenuitem(target, prevItem);
-        },
-        navigateToFirstItem(target) {
-            const firstItem = this.findFirstItem(target);
-
-            firstItem && this.setFocusToMenuitem(target, firstItem);
-        },
-        navigateToLastItem(target) {
-            const lastItem = this.findLastItem(target);
-
-            lastItem && this.setFocusToMenuitem(target, lastItem);
-        },
-        findNextItem(item) {
-            const nextItem = item.parentElement.nextElementSibling;
-
-            return nextItem ? nextItem.children[0] : null;
-        },
-        findPrevItem(item) {
-            const prevItem = item.parentElement.previousElementSibling;
-
-            return prevItem ? prevItem.children[0] : null;
-        },
-        findFirstItem() {
-            const firstSibling = DomHandler.findSingle(this.$refs.list, '.p-steps-item');
-
-            return firstSibling ? firstSibling.children[0] : null;
-        },
-        findLastItem() {
-            const siblings = DomHandler.find(this.$refs.list, '.p-steps-item');
-
-            return siblings ? siblings[siblings.length - 1].children[0] : null;
-        },
-        setFocusToMenuitem(target, focusableItem) {
-            target.tabIndex = '-1';
-            focusableItem.tabIndex = '0';
-            focusableItem.focus();
-        },
-        isActive(item) {
-            return item.to ? this.$router.resolve(item.to).path === this.$route.path : false;
-        },
-        getItemClass(item) {
-            return [
-                'p-steps-item',
-                item.class,
-                {
-                    'p-highlight p-steps-current': this.isActive(item),
-                    'p-disabled': this.isItemDisabled(item)
-                }
-            ];
-        },
-        linkClass(routerProps) {
-            return [
-                'p-menuitem-link',
-                {
-                    'router-link-active': routerProps && routerProps.isActive,
-                    'router-link-active-exact': this.exact && routerProps && routerProps.isExactActive
-                }
-            ];
-        },
-        isItemDisabled(item) {
-            return this.disabled(item) || (this.readonly && !this.isActive(item));
-        },
-        visible(item) {
-            return typeof item.visible === 'function' ? item.visible() : item.visible !== false;
-        },
-        disabled(item) {
-            return typeof item.disabled === 'function' ? item.disabled() : item.disabled;
-        },
-        label(item) {
-            return typeof item.label === 'function' ? item.label() : item.label;
-        }
+    readonly: {
+      type: Boolean,
+      "default": true
     },
-    computed: {
-        containerClass() {
-            return ['p-steps p-component', { 'p-readonly': this.readonly }];
-        }
+    exact: {
+      type: Boolean,
+      "default": true
     }
+  },
+  css: {
+    classes: classes,
+    loadStyle: loadStyle
+  },
+  provide: function provide() {
+    return {
+      $parentInstance: this
+    };
+  }
 };
 
-const _hoisted_1 = ["id"];
-const _hoisted_2 = ["href", "aria-current", "onClick", "onKeydown"];
-const _hoisted_3 = ["onKeydown"];
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_router_link = resolveComponent("router-link");
-
-  return (openBlock(), createElementBlock("nav", mergeProps({
-    id: $props.id,
-    class: $options.containerClass
-  }, _ctx.ptm('root')), [
-    createElementVNode("ol", mergeProps({
-      ref: "list",
-      class: "p-steps-list"
-    }, _ctx.ptm('menu')), [
-      (openBlock(true), createElementBlock(Fragment, null, renderList($props.model, (item, index) => {
-        return (openBlock(), createElementBlock(Fragment, {
-          key: item.to
-        }, [
-          ($options.visible(item))
-            ? (openBlock(), createElementBlock("li", mergeProps({
-                key: 0,
-                class: $options.getItemClass(item),
-                style: item.style
-              }, _ctx.ptm('menuitem')), [
-                (!_ctx.$slots.item)
-                  ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-                      (!$options.isItemDisabled(item))
-                        ? (openBlock(), createBlock(_component_router_link, {
-                            key: 0,
-                            to: item.to,
-                            custom: ""
-                          }, {
-                            default: withCtx(({ navigate, href, isActive, isExactActive }) => [
-                              createElementVNode("a", mergeProps({
-                                href: href,
-                                class: $options.linkClass({ isActive, isExactActive }),
-                                tabindex: -1,
-                                "aria-current": isExactActive ? 'step' : undefined,
-                                onClick: $event => ($options.onItemClick($event, item, navigate)),
-                                onKeydown: $event => ($options.onItemKeydown($event, item, navigate))
-                              }, _ctx.ptm('action')), [
-                                createElementVNode("span", mergeProps({ class: "p-steps-number" }, _ctx.ptm('step')), toDisplayString(index + 1), 17),
-                                createElementVNode("span", mergeProps({ class: "p-steps-title" }, _ctx.ptm('label')), toDisplayString($options.label(item)), 17)
-                              ], 16, _hoisted_2)
-                            ]),
-                            _: 2
-                          }, 1032, ["to"]))
-                        : (openBlock(), createElementBlock("span", mergeProps({
-                            key: 1,
-                            class: $options.linkClass(),
-                            onKeydown: $event => ($options.onItemKeydown($event, item))
-                          }, _ctx.ptm('action')), [
-                            createElementVNode("span", mergeProps({ class: "p-steps-number" }, _ctx.ptm('step')), toDisplayString(index + 1), 17),
-                            createElementVNode("span", mergeProps({ class: "p-steps-title" }, _ctx.ptm('label')), toDisplayString($options.label(item)), 17)
-                          ], 16, _hoisted_3))
-                    ], 64))
-                  : (openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.item), {
-                      key: 1,
-                      item: item
-                    }, null, 8, ["item"]))
-              ], 16))
-            : createCommentVNode("", true)
-        ], 64))
-      }), 128))
-    ], 16)
-  ], 16, _hoisted_1))
-}
-
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
+var script = {
+  name: 'Steps',
+  "extends": script$1,
+  mounted: function mounted() {
+    var firstItem = this.findFirstItem();
+    firstItem.tabIndex = '0';
+  },
+  methods: {
+    onItemClick: function onItemClick(event, item, navigate) {
+      if (this.disabled(item) || this.readonly) {
+        event.preventDefault();
+        return;
+      }
+      if (item.command) {
+        item.command({
+          originalEvent: event,
+          item: item
+        });
+      }
+      if (item.to && navigate) {
+        navigate(event);
+      }
+    },
+    onItemKeydown: function onItemKeydown(event, item, navigate) {
+      switch (event.code) {
+        case 'ArrowRight':
+          {
+            this.navigateToNextItem(event.target);
+            event.preventDefault();
+            break;
+          }
+        case 'ArrowLeft':
+          {
+            this.navigateToPrevItem(event.target);
+            event.preventDefault();
+            break;
+          }
+        case 'Home':
+          {
+            this.navigateToFirstItem(event.target);
+            event.preventDefault();
+            break;
+          }
+        case 'End':
+          {
+            this.navigateToLastItem(event.target);
+            event.preventDefault();
+            break;
+          }
+        case 'Tab':
+          //no op
+          break;
+        case 'Enter':
+        case 'Space':
+          {
+            this.onItemClick(event, item, navigate);
+            event.preventDefault();
+            break;
+          }
+      }
+    },
+    navigateToNextItem: function navigateToNextItem(target) {
+      var nextItem = this.findNextItem(target);
+      nextItem && this.setFocusToMenuitem(target, nextItem);
+    },
+    navigateToPrevItem: function navigateToPrevItem(target) {
+      var prevItem = this.findPrevItem(target);
+      prevItem && this.setFocusToMenuitem(target, prevItem);
+    },
+    navigateToFirstItem: function navigateToFirstItem(target) {
+      var firstItem = this.findFirstItem(target);
+      firstItem && this.setFocusToMenuitem(target, firstItem);
+    },
+    navigateToLastItem: function navigateToLastItem(target) {
+      var lastItem = this.findLastItem(target);
+      lastItem && this.setFocusToMenuitem(target, lastItem);
+    },
+    findNextItem: function findNextItem(item) {
+      var nextItem = item.parentElement.nextElementSibling;
+      return nextItem ? nextItem.children[0] : null;
+    },
+    findPrevItem: function findPrevItem(item) {
+      var prevItem = item.parentElement.previousElementSibling;
+      return prevItem ? prevItem.children[0] : null;
+    },
+    findFirstItem: function findFirstItem() {
+      var firstSibling = DomHandler.findSingle(this.$refs.list, '[data-pc-section="menuitem"]');
+      return firstSibling ? firstSibling.children[0] : null;
+    },
+    findLastItem: function findLastItem() {
+      var siblings = DomHandler.find(this.$refs.list, '[data-pc-section="menuitem"]');
+      return siblings ? siblings[siblings.length - 1].children[0] : null;
+    },
+    setFocusToMenuitem: function setFocusToMenuitem(target, focusableItem) {
+      target.tabIndex = '-1';
+      focusableItem.tabIndex = '0';
+      focusableItem.focus();
+    },
+    isActive: function isActive(item) {
+      return item.to ? this.$router.resolve(item.to).path === this.$route.path : false;
+    },
+    isItemDisabled: function isItemDisabled(item) {
+      return this.disabled(item) || this.readonly && !this.isActive(item);
+    },
+    visible: function visible(item) {
+      return typeof item.visible === 'function' ? item.visible() : item.visible !== false;
+    },
+    disabled: function disabled(item) {
+      return typeof item.disabled === 'function' ? item.disabled() : item.disabled;
+    },
+    label: function label(item) {
+      return typeof item.label === 'function' ? item.label() : item.label;
     }
-  } else {
-    head.appendChild(style);
   }
+};
 
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
+var _hoisted_1 = ["id"];
+var _hoisted_2 = ["data-p-highlight", "data-p-disabled"];
+var _hoisted_3 = ["href", "aria-current", "onClick", "onKeydown"];
+var _hoisted_4 = ["onKeydown"];
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_router_link = resolveComponent("router-link");
+  return openBlock(), createElementBlock("nav", mergeProps({
+    id: _ctx.id,
+    "class": _ctx.cx('root')
+  }, _ctx.ptm('root'), {
+    "data-pc-name": "steps"
+  }), [createElementVNode("ol", mergeProps({
+    ref: "list",
+    "class": _ctx.cx('menu')
+  }, _ctx.ptm('menu')), [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.model, function (item, index) {
+    return openBlock(), createElementBlock(Fragment, {
+      key: item.to
+    }, [$options.visible(item) ? (openBlock(), createElementBlock("li", mergeProps({
+      key: 0,
+      "class": [_ctx.cx('menuitem', {
+        item: item
+      }), item["class"]],
+      style: item.style
+    }, _ctx.ptm('menuitem'), {
+      "data-p-highlight": $options.isActive(item),
+      "data-p-disabled": $options.isItemDisabled(item)
+    }), [!_ctx.$slots.item ? (openBlock(), createElementBlock(Fragment, {
+      key: 0
+    }, [!$options.isItemDisabled(item) ? (openBlock(), createBlock(_component_router_link, {
+      key: 0,
+      to: item.to,
+      custom: ""
+    }, {
+      "default": withCtx(function (_ref) {
+        var navigate = _ref.navigate,
+          href = _ref.href,
+          isActive = _ref.isActive,
+          isExactActive = _ref.isExactActive;
+        return [createElementVNode("a", mergeProps({
+          href: href,
+          "class": _ctx.cx('action', {
+            isActive: isActive,
+            isExactActive: isExactActive
+          }),
+          tabindex: -1,
+          "aria-current": isExactActive ? 'step' : undefined,
+          onClick: function onClick($event) {
+            return $options.onItemClick($event, item, navigate);
+          },
+          onKeydown: function onKeydown($event) {
+            return $options.onItemKeydown($event, item, navigate);
+          }
+        }, _ctx.ptm('action')), [createElementVNode("span", mergeProps({
+          "class": _ctx.cx('step')
+        }, _ctx.ptm('step')), toDisplayString(index + 1), 17), createElementVNode("span", mergeProps({
+          "class": _ctx.cx('label')
+        }, _ctx.ptm('label')), toDisplayString($options.label(item)), 17)], 16, _hoisted_3)];
+      }),
+      _: 2
+    }, 1032, ["to"])) : (openBlock(), createElementBlock("span", mergeProps({
+      key: 1,
+      "class": _ctx.cx('action'),
+      onKeydown: function onKeydown($event) {
+        return $options.onItemKeydown($event, item);
+      }
+    }, _ctx.ptm('action')), [createElementVNode("span", mergeProps({
+      "class": _ctx.cx('step')
+    }, _ctx.ptm('step')), toDisplayString(index + 1), 17), createElementVNode("span", mergeProps({
+      "class": _ctx.cx('label')
+    }, _ctx.ptm('label')), toDisplayString($options.label(item)), 17)], 16, _hoisted_4))], 64)) : (openBlock(), createBlock(resolveDynamicComponent(_ctx.$slots.item), {
+      key: 1,
+      item: item
+    }, null, 8, ["item"]))], 16, _hoisted_2)) : createCommentVNode("", true)], 64);
+  }), 128))], 16)], 16, _hoisted_1);
 }
 
-var css_248z = "\n.p-steps {\n    position: relative;\n}\n.p-steps .p-steps-list {\n    padding: 0;\n    margin: 0;\n    list-style-type: none;\n    display: flex;\n}\n.p-steps-item {\n    position: relative;\n    display: flex;\n    justify-content: center;\n    flex: 1 1 auto;\n    overflow: hidden;\n}\n.p-steps-item .p-menuitem-link {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: center;\n    overflow: hidden;\n    text-decoration: none;\n}\n.p-steps.p-steps-readonly .p-steps-item {\n    cursor: auto;\n}\n.p-steps-item.p-steps-current .p-menuitem-link {\n    cursor: default;\n}\n.p-steps-title {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: 100%;\n}\n.p-steps-number {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.p-steps-title {\n    display: block;\n}\n";
-styleInject(css_248z);
-
 script.render = render;
 
 export { script as default };

package/steps/steps.esm.min.js

@@ -1 +1 @@
-import e from"primevue/basecomponent";import{UniqueComponentId as t,DomHandler as n}from"primevue/utils";import{resolveComponent as s,openBlock as i,createElementBlock as l,mergeProps as a,createElementVNode as o,Fragment as r,renderList as p,createBlock as d,withCtx as m,toDisplayString as c,resolveDynamicComponent as u,createCommentVNode as f}from"vue";var h={name:"Steps",extends:e,props:{id:{type:String,default:t()},model:{type:Array,default:null},readonly:{type:Boolean,default:!0},exact:{type:Boolean,default:!0}},mounted(){this.findFirstItem().tabIndex="0"},methods:{onItemClick(e,t,n){this.disabled(t)||this.readonly?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.to&&n&&n(e))},onItemKeydown(e,t,n){switch(e.code){case"ArrowRight":this.navigateToNextItem(e.target),e.preventDefault();break;case"ArrowLeft":this.navigateToPrevItem(e.target),e.preventDefault();break;case"Home":this.navigateToFirstItem(e.target),e.preventDefault();break;case"End":this.navigateToLastItem(e.target),e.preventDefault();break;case"Tab":break;case"Enter":case"Space":this.onItemClick(e,t,n),e.preventDefault()}},navigateToNextItem(e){const t=this.findNextItem(e);t&&this.setFocusToMenuitem(e,t)},navigateToPrevItem(e){const t=this.findPrevItem(e);t&&this.setFocusToMenuitem(e,t)},navigateToFirstItem(e){const t=this.findFirstItem(e);t&&this.setFocusToMenuitem(e,t)},navigateToLastItem(e){const t=this.findLastItem(e);t&&this.setFocusToMenuitem(e,t)},findNextItem(e){const t=e.parentElement.nextElementSibling;return t?t.children[0]:null},findPrevItem(e){const t=e.parentElement.previousElementSibling;return t?t.children[0]:null},findFirstItem(){const e=n.findSingle(this.$refs.list,".p-steps-item");return e?e.children[0]:null},findLastItem(){const e=n.find(this.$refs.list,".p-steps-item");return e?e[e.length-1].children[0]:null},setFocusToMenuitem(e,t){e.tabIndex="-1",t.tabIndex="0",t.focus()},isActive(e){return!!e.to&&this.$router.resolve(e.to).path===this.$route.path},getItemClass(e){return["p-steps-item",e.class,{"p-highlight p-steps-current":this.isActive(e),"p-disabled":this.isItemDisabled(e)}]},linkClass(e){return["p-menuitem-link",{"router-link-active":e&&e.isActive,"router-link-active-exact":this.exact&&e&&e.isExactActive}]},isItemDisabled(e){return this.disabled(e)||this.readonly&&!this.isActive(e)},visible:e=>"function"==typeof e.visible?e.visible():!1!==e.visible,disabled:e=>"function"==typeof e.disabled?e.disabled():e.disabled,label:e=>"function"==typeof e.label?e.label():e.label},computed:{containerClass(){return["p-steps p-component",{"p-readonly":this.readonly}]}}};const v=["id"],y=["href","aria-current","onClick","onKeydown"],b=["onKeydown"];!function(e,t){void 0===t&&(t={});var n=t.insertAt;if(e&&"undefined"!=typeof document){var s=document.head||document.getElementsByTagName("head")[0],i=document.createElement("style");i.type="text/css","top"===n&&s.firstChild?s.insertBefore(i,s.firstChild):s.appendChild(i),i.styleSheet?i.styleSheet.cssText=e:i.appendChild(document.createTextNode(e))}}("\n.p-steps {\n    position: relative;\n}\n.p-steps .p-steps-list {\n    padding: 0;\n    margin: 0;\n    list-style-type: none;\n    display: flex;\n}\n.p-steps-item {\n    position: relative;\n    display: flex;\n    justify-content: center;\n    flex: 1 1 auto;\n    overflow: hidden;\n}\n.p-steps-item .p-menuitem-link {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: center;\n    overflow: hidden;\n    text-decoration: none;\n}\n.p-steps.p-steps-readonly .p-steps-item {\n    cursor: auto;\n}\n.p-steps-item.p-steps-current .p-menuitem-link {\n    cursor: default;\n}\n.p-steps-title {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: 100%;\n}\n.p-steps-number {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.p-steps-title {\n    display: block;\n}\n"),h.render=function(e,t,n,h,I,g){const x=s("router-link");return i(),l("nav",a({id:n.id,class:g.containerClass},e.ptm("root")),[o("ol",a({ref:"list",class:"p-steps-list"},e.ptm("menu")),[(i(!0),l(r,null,p(n.model,((t,n)=>(i(),l(r,{key:t.to},[g.visible(t)?(i(),l("li",a({key:0,class:g.getItemClass(t),style:t.style},e.ptm("menuitem")),[e.$slots.item?(i(),d(u(e.$slots.item),{key:1,item:t},null,8,["item"])):(i(),l(r,{key:0},[g.isItemDisabled(t)?(i(),l("span",a({key:1,class:g.linkClass(),onKeydown:e=>g.onItemKeydown(e,t)},e.ptm("action")),[o("span",a({class:"p-steps-number"},e.ptm("step")),c(n+1),17),o("span",a({class:"p-steps-title"},e.ptm("label")),c(g.label(t)),17)],16,b)):(i(),d(x,{key:0,to:t.to,custom:""},{default:m((({navigate:s,href:i,isActive:l,isExactActive:r})=>[o("a",a({href:i,class:g.linkClass({isActive:l,isExactActive:r}),tabindex:-1,"aria-current":r?"step":void 0,onClick:e=>g.onItemClick(e,t,s),onKeydown:e=>g.onItemKeydown(e,t,s)},e.ptm("action")),[o("span",a({class:"p-steps-number"},e.ptm("step")),c(n+1),17),o("span",a({class:"p-steps-title"},e.ptm("label")),c(g.label(t)),17)],16,y)])),_:2},1032,["to"]))],64))],16)):f("",!0)],64)))),128))],16)],16,v)};export{h as default};
+import{DomHandler as e}from"primevue/utils";import t from"primevue/basecomponent";import{useStyle as n}from"primevue/usestyle";import{resolveComponent as i,openBlock as s,createElementBlock as a,mergeProps as o,createElementVNode as r,Fragment as l,renderList as c,createBlock as p,withCtx as u,toDisplayString as m,resolveDynamicComponent as d,createCommentVNode as f}from"vue";var v=n("\n.p-steps {\n    position: relative;\n}\n\n.p-steps .p-steps-list {\n    padding: 0;\n    margin: 0;\n    list-style-type: none;\n    display: flex;\n}\n\n.p-steps-item {\n    position: relative;\n    display: flex;\n    justify-content: center;\n    flex: 1 1 auto;\n    overflow: hidden;\n}\n\n.p-steps-item .p-menuitem-link {\n    display: inline-flex;\n    flex-direction: column;\n    align-items: center;\n    overflow: hidden;\n    text-decoration: none;\n}\n\n.p-steps.p-steps-readonly .p-steps-item {\n    cursor: auto;\n}\n\n.p-steps-item.p-steps-current .p-menuitem-link {\n    cursor: default;\n}\n\n.p-steps-title {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: 100%;\n}\n\n.p-steps-number {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.p-steps-title {\n    display: block;\n}\n",{name:"steps",manual:!0}),h={name:"Steps",extends:{name:"BaseSteps",extends:t,props:{id:{type:String},model:{type:Array,default:null},readonly:{type:Boolean,default:!0},exact:{type:Boolean,default:!0}},css:{classes:{root:function(e){return["p-steps p-component",{"p-readonly":e.instance.readonly}]},menu:"p-steps-list",menuitem:function(e){var t=e.instance,n=e.item;return["p-steps-item",{"p-highlight p-steps-current":t.isActive(n),"p-disabled":t.isItemDisabled(n)}]},action:function(e){return["p-menuitem-link",{"router-link-active":e.isActive,"router-link-active-exact":e.props.exact&&e.isExactActive}]},step:"p-steps-number",label:"p-steps-title"},loadStyle:v.load},provide:function(){return{$parentInstance:this}}},mounted:function(){this.findFirstItem().tabIndex="0"},methods:{onItemClick:function(e,t,n){this.disabled(t)||this.readonly?e.preventDefault():(t.command&&t.command({originalEvent:e,item:t}),t.to&&n&&n(e))},onItemKeydown:function(e,t,n){switch(e.code){case"ArrowRight":this.navigateToNextItem(e.target),e.preventDefault();break;case"ArrowLeft":this.navigateToPrevItem(e.target),e.preventDefault();break;case"Home":this.navigateToFirstItem(e.target),e.preventDefault();break;case"End":this.navigateToLastItem(e.target),e.preventDefault();break;case"Tab":break;case"Enter":case"Space":this.onItemClick(e,t,n),e.preventDefault()}},navigateToNextItem:function(e){var t=this.findNextItem(e);t&&this.setFocusToMenuitem(e,t)},navigateToPrevItem:function(e){var t=this.findPrevItem(e);t&&this.setFocusToMenuitem(e,t)},navigateToFirstItem:function(e){var t=this.findFirstItem(e);t&&this.setFocusToMenuitem(e,t)},navigateToLastItem:function(e){var t=this.findLastItem(e);t&&this.setFocusToMenuitem(e,t)},findNextItem:function(e){var t=e.parentElement.nextElementSibling;return t?t.children[0]:null},findPrevItem:function(e){var t=e.parentElement.previousElementSibling;return t?t.children[0]:null},findFirstItem:function(){var t=e.findSingle(this.$refs.list,'[data-pc-section="menuitem"]');return t?t.children[0]:null},findLastItem:function(){var t=e.find(this.$refs.list,'[data-pc-section="menuitem"]');return t?t[t.length-1].children[0]:null},setFocusToMenuitem:function(e,t){e.tabIndex="-1",t.tabIndex="0",t.focus()},isActive:function(e){return!!e.to&&this.$router.resolve(e.to).path===this.$route.path},isItemDisabled:function(e){return this.disabled(e)||this.readonly&&!this.isActive(e)},visible:function(e){return"function"==typeof e.visible?e.visible():!1!==e.visible},disabled:function(e){return"function"==typeof e.disabled?e.disabled():e.disabled},label:function(e){return"function"==typeof e.label?e.label():e.label}}},b=["id"],y=["data-p-highlight","data-p-disabled"],x=["href","aria-current","onClick","onKeydown"],I=["onKeydown"];h.render=function(e,t,n,v,h,g){var k=i("router-link");return s(),a("nav",o({id:e.id,class:e.cx("root")},e.ptm("root"),{"data-pc-name":"steps"}),[r("ol",o({ref:"list",class:e.cx("menu")},e.ptm("menu")),[(s(!0),a(l,null,c(e.model,(function(t,n){return s(),a(l,{key:t.to},[g.visible(t)?(s(),a("li",o({key:0,class:[e.cx("menuitem",{item:t}),t.class],style:t.style},e.ptm("menuitem"),{"data-p-highlight":g.isActive(t),"data-p-disabled":g.isItemDisabled(t)}),[e.$slots.item?(s(),p(d(e.$slots.item),{key:1,item:t},null,8,["item"])):(s(),a(l,{key:0},[g.isItemDisabled(t)?(s(),a("span",o({key:1,class:e.cx("action"),onKeydown:function(e){return g.onItemKeydown(e,t)}},e.ptm("action")),[r("span",o({class:e.cx("step")},e.ptm("step")),m(n+1),17),r("span",o({class:e.cx("label")},e.ptm("label")),m(g.label(t)),17)],16,I)):(s(),p(k,{key:0,to:t.to,custom:""},{default:u((function(i){var s=i.navigate,a=i.isExactActive;return[r("a",o({href:i.href,class:e.cx("action",{isActive:i.isActive,isExactActive:a}),tabindex:-1,"aria-current":a?"step":void 0,onClick:function(e){return g.onItemClick(e,t,s)},onKeydown:function(e){return g.onItemKeydown(e,t,s)}},e.ptm("action")),[r("span",o({class:e.cx("step")},e.ptm("step")),m(n+1),17),r("span",o({class:e.cx("label")},e.ptm("label")),m(g.label(t)),17)],16,x)]})),_:2},1032,["to"]))],64))],16,y)):f("",!0)],64)})),128))],16)],16,b)};export{h as default};