primevuelab 4.0.0-beta.4

package/dock/dock.mjs

@@ -0,0 +1,423 @@
+import BaseComponent from '@primevuelab/core/basecomponent';
+import DockStyle from 'primevuelab/dock/style';
+import { UniqueComponentId, ObjectUtils, DomHandler } from '@primevuelab/core/utils';
+import Ripple from 'primevuelab/ripple';
+import Tooltip from 'primevuelab/tooltip';
+import { mergeProps, resolveDirective, openBlock, createElementBlock, createElementVNode, Fragment, renderList, withDirectives, createBlock, resolveDynamicComponent, normalizeClass, resolveComponent, createVNode } from 'vue';
+
+var script$2 = {
+  name: 'BaseDock',
+  "extends": BaseComponent,
+  props: {
+    position: {
+      type: String,
+      "default": 'bottom'
+    },
+    model: null,
+    "class": null,
+    style: null,
+    tooltipOptions: null,
+    menuId: {
+      type: String,
+      "default": null
+    },
+    tabindex: {
+      type: Number,
+      "default": 0
+    },
+    breakpoint: {
+      type: String,
+      "default": '960px'
+    },
+    ariaLabel: {
+      type: String,
+      "default": null
+    },
+    ariaLabelledby: {
+      type: String,
+      "default": null
+    }
+  },
+  style: DockStyle,
+  provide: function provide() {
+    return {
+      $pcDock: this,
+      $parentInstance: this
+    };
+  }
+};
+
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { 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 _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+var script$1 = {
+  name: 'DockSub',
+  hostName: 'Dock',
+  "extends": BaseComponent,
+  emits: ['focus', 'blur'],
+  props: {
+    position: {
+      type: String,
+      "default": 'bottom'
+    },
+    model: {
+      type: Array,
+      "default": null
+    },
+    templates: {
+      type: null,
+      "default": null
+    },
+    tooltipOptions: null,
+    menuId: {
+      type: String,
+      "default": null
+    },
+    tabindex: {
+      type: Number,
+      "default": 0
+    },
+    ariaLabel: {
+      type: String,
+      "default": null
+    },
+    ariaLabelledby: {
+      type: String,
+      "default": null
+    }
+  },
+  data: function data() {
+    return {
+      id: this.menuId,
+      currentIndex: -3,
+      focused: false,
+      focusedOptionIndex: -1
+    };
+  },
+  watch: {
+    menuId: function menuId(newValue) {
+      this.id = newValue || UniqueComponentId();
+    }
+  },
+  mounted: function mounted() {
+    this.id = this.id || UniqueComponentId();
+  },
+  methods: {
+    getItemId: function getItemId(index) {
+      return "".concat(this.id, "_").concat(index);
+    },
+    getItemProp: function getItemProp(processedItem, name) {
+      return processedItem && processedItem.item ? ObjectUtils.getItemValue(processedItem.item[name]) : undefined;
+    },
+    getPTOptions: function getPTOptions(key, item, index) {
+      return this.ptm(key, {
+        context: {
+          index: index,
+          item: item,
+          active: this.isItemActive(this.getItemId(index))
+        }
+      });
+    },
+    isSameMenuItem: function isSameMenuItem(event) {
+      return event.currentTarget && (event.currentTarget.isSameNode(event.target) || event.currentTarget.isSameNode(event.target.closest('[data-pc-section="item"]')));
+    },
+    isItemActive: function isItemActive(id) {
+      return id === this.focusedOptionIndex;
+    },
+    onListMouseLeave: function onListMouseLeave() {
+      this.currentIndex = -3;
+    },
+    onItemMouseEnter: function onItemMouseEnter(index) {
+      this.currentIndex = index;
+    },
+    onItemClick: function onItemClick(event, processedItem) {
+      if (this.isSameMenuItem(event)) {
+        var command = this.getItemProp(processedItem, 'command');
+        command && command({
+          originalEvent: event,
+          item: processedItem.item
+        });
+      }
+    },
+    onListFocus: function onListFocus(event) {
+      this.focused = true;
+      this.changeFocusedOptionIndex(0);
+      this.$emit('focus', event);
+    },
+    onListBlur: function onListBlur(event) {
+      this.focused = false;
+      this.focusedOptionIndex = -1;
+      this.$emit('blur', event);
+    },
+    onListKeyDown: function onListKeyDown(event) {
+      switch (event.code) {
+        case 'ArrowDown':
+          {
+            if (this.position === 'left' || this.position === 'right') this.onArrowDownKey();
+            event.preventDefault();
+            break;
+          }
+        case 'ArrowUp':
+          {
+            if (this.position === 'left' || this.position === 'right') this.onArrowUpKey();
+            event.preventDefault();
+            break;
+          }
+        case 'ArrowRight':
+          {
+            if (this.position === 'top' || this.position === 'bottom') this.onArrowDownKey();
+            event.preventDefault();
+            break;
+          }
+        case 'ArrowLeft':
+          {
+            if (this.position === 'top' || this.position === 'bottom') this.onArrowUpKey();
+            event.preventDefault();
+            break;
+          }
+        case 'Home':
+          {
+            this.onHomeKey();
+            event.preventDefault();
+            break;
+          }
+        case 'End':
+          {
+            this.onEndKey();
+            event.preventDefault();
+            break;
+          }
+        case 'Enter':
+        case 'NumpadEnter':
+        case 'Space':
+          {
+            this.onSpaceKey(event);
+            event.preventDefault();
+            break;
+          }
+      }
+    },
+    onArrowDownKey: function onArrowDownKey() {
+      var optionIndex = this.findNextOptionIndex(this.focusedOptionIndex);
+      this.changeFocusedOptionIndex(optionIndex);
+    },
+    onArrowUpKey: function onArrowUpKey() {
+      var optionIndex = this.findPrevOptionIndex(this.focusedOptionIndex);
+      this.changeFocusedOptionIndex(optionIndex);
+    },
+    onHomeKey: function onHomeKey() {
+      this.changeFocusedOptionIndex(0);
+    },
+    onEndKey: function onEndKey() {
+      this.changeFocusedOptionIndex(DomHandler.find(this.$refs.list, 'li[data-pc-section="item"][data-p-disabled="false"]').length - 1);
+    },
+    onSpaceKey: function onSpaceKey() {
+      var element = DomHandler.findSingle(this.$refs.list, "li[id=\"".concat("".concat(this.focusedOptionIndex), "\"]"));
+      var anchorElement = element && DomHandler.findSingle(element, '[data-pc-section="itemlink"]');
+      anchorElement ? anchorElement.click() : element && element.click();
+    },
+    findNextOptionIndex: function findNextOptionIndex(index) {
+      var menuitems = DomHandler.find(this.$refs.list, 'li[data-pc-section="item"][data-p-disabled="false"]');
+      var matchedOptionIndex = _toConsumableArray(menuitems).findIndex(function (link) {
+        return link.id === index;
+      });
+      return matchedOptionIndex > -1 ? matchedOptionIndex + 1 : 0;
+    },
+    findPrevOptionIndex: function findPrevOptionIndex(index) {
+      var menuitems = DomHandler.find(this.$refs.list, 'li[data-pc-section="item"][data-p-disabled="false"]');
+      var matchedOptionIndex = _toConsumableArray(menuitems).findIndex(function (link) {
+        return link.id === index;
+      });
+      return matchedOptionIndex > -1 ? matchedOptionIndex - 1 : 0;
+    },
+    changeFocusedOptionIndex: function changeFocusedOptionIndex(index) {
+      var menuitems = DomHandler.find(this.$refs.list, 'li[data-pc-section="item"][data-p-disabled="false"]');
+      var order = index >= menuitems.length ? menuitems.length - 1 : index < 0 ? 0 : index;
+      this.focusedOptionIndex = menuitems[order].getAttribute('id');
+    },
+    disabled: function disabled(item) {
+      return typeof item.disabled === 'function' ? item.disabled() : item.disabled;
+    },
+    getMenuItemProps: function getMenuItemProps(item, index) {
+      return {
+        action: mergeProps({
+          tabindex: -1,
+          'aria-hidden': true,
+          "class": this.cx('itemLink')
+        }, this.getPTOptions('itemLink', item, index)),
+        icon: mergeProps({
+          "class": [this.cx('itemIcon'), item.icon]
+        }, this.getPTOptions('itemIcon', item, index))
+      };
+    }
+  },
+  computed: {
+    focusedOptionId: function focusedOptionId() {
+      return this.focusedOptionIndex !== -1 ? this.focusedOptionIndex : null;
+    }
+  },
+  directives: {
+    ripple: Ripple,
+    tooltip: Tooltip
+  }
+};
+
+var _hoisted_1 = ["id", "aria-orientation", "aria-activedescendant", "tabindex", "aria-label", "aria-labelledby"];
+var _hoisted_2 = ["id", "aria-label", "aria-disabled", "onClick", "onMouseenter", "data-p-focused", "data-p-disabled"];
+var _hoisted_3 = ["href", "target"];
+function render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  var _directive_ripple = resolveDirective("ripple");
+  var _directive_tooltip = resolveDirective("tooltip");
+  return openBlock(), createElementBlock("div", mergeProps({
+    "class": _ctx.cx('listContainer')
+  }, _ctx.ptm('listContainer')), [createElementVNode("ul", mergeProps({
+    ref: "list",
+    id: $data.id,
+    "class": _ctx.cx('list'),
+    role: "menu",
+    "aria-orientation": $props.position === 'bottom' || $props.position === 'top' ? 'horizontal' : 'vertical',
+    "aria-activedescendant": $data.focused ? $options.focusedOptionId : undefined,
+    tabindex: $props.tabindex,
+    "aria-label": $props.ariaLabel,
+    "aria-labelledby": $props.ariaLabelledby,
+    onFocus: _cache[0] || (_cache[0] = function () {
+      return $options.onListFocus && $options.onListFocus.apply($options, arguments);
+    }),
+    onBlur: _cache[1] || (_cache[1] = function () {
+      return $options.onListBlur && $options.onListBlur.apply($options, arguments);
+    }),
+    onKeydown: _cache[2] || (_cache[2] = function () {
+      return $options.onListKeyDown && $options.onListKeyDown.apply($options, arguments);
+    }),
+    onMouseleave: _cache[3] || (_cache[3] = function () {
+      return $options.onListMouseLeave && $options.onListMouseLeave.apply($options, arguments);
+    })
+  }, _ctx.ptm('list')), [(openBlock(true), createElementBlock(Fragment, null, renderList($props.model, function (processedItem, index) {
+    return openBlock(), createElementBlock("li", mergeProps({
+      key: index,
+      id: $options.getItemId(index),
+      "class": _ctx.cx('item', {
+        processedItem: processedItem,
+        id: $options.getItemId(index)
+      }),
+      role: "menuitem",
+      "aria-label": processedItem.label,
+      "aria-disabled": $options.disabled(processedItem),
+      onClick: function onClick($event) {
+        return $options.onItemClick($event, processedItem);
+      },
+      onMouseenter: function onMouseenter($event) {
+        return $options.onItemMouseEnter(index);
+      },
+      ref_for: true
+    }, $options.getPTOptions('item', processedItem, index), {
+      "data-p-focused": $options.isItemActive($options.getItemId(index)),
+      "data-p-disabled": $options.disabled(processedItem) || false
+    }), [createElementVNode("div", mergeProps({
+      "class": _ctx.cx('itemContent'),
+      ref_for: true
+    }, $options.getPTOptions('itemContent', processedItem, index)), [!$props.templates['item'] ? withDirectives((openBlock(), createElementBlock("a", mergeProps({
+      key: 0,
+      href: processedItem.url,
+      "class": _ctx.cx('itemLink'),
+      target: processedItem.target,
+      tabindex: "-1",
+      "aria-hidden": "true",
+      ref_for: true
+    }, $options.getPTOptions('itemLink', processedItem, index)), [!$props.templates['icon'] && !$props.templates['itemicon'] ? withDirectives((openBlock(), createElementBlock("span", mergeProps({
+      key: 0,
+      "class": [_ctx.cx('itemIcon'), processedItem.icon],
+      ref_for: true
+    }, $options.getPTOptions('itemIcon', processedItem, index)), null, 16)), [[_directive_ripple]]) : (openBlock(), createBlock(resolveDynamicComponent($props.templates['icon'] || $props.templates['itemicon']), {
+      key: 1,
+      item: processedItem,
+      "class": normalizeClass(_ctx.cx('itemIcon'))
+    }, null, 8, ["item", "class"]))], 16, _hoisted_3)), [[_directive_tooltip, {
+      value: processedItem.label,
+      disabled: !$props.tooltipOptions
+    }, $props.tooltipOptions]]) : (openBlock(), createBlock(resolveDynamicComponent($props.templates['item']), {
+      key: 1,
+      item: processedItem,
+      index: index,
+      label: processedItem.label,
+      props: $options.getMenuItemProps(processedItem, index)
+    }, null, 8, ["item", "index", "label", "props"]))], 16)], 16, _hoisted_2);
+  }), 128))], 16, _hoisted_1)], 16);
+}
+
+script$1.render = render$1;
+
+var script = {
+  name: 'Dock',
+  "extends": script$2,
+  inheritAttrs: false,
+  matchMediaListener: null,
+  data: function data() {
+    return {
+      query: null,
+      queryMatches: false
+    };
+  },
+  mounted: function mounted() {
+    this.bindMatchMediaListener();
+  },
+  beforeUnmount: function beforeUnmount() {
+    this.unbindMatchMediaListener();
+  },
+  methods: {
+    bindMatchMediaListener: function bindMatchMediaListener() {
+      var _this = this;
+      if (!this.matchMediaListener) {
+        var query = matchMedia("(max-width: ".concat(this.breakpoint, ")"));
+        this.query = query;
+        this.queryMatches = query.matches;
+        this.matchMediaListener = function () {
+          _this.queryMatches = query.matches;
+          _this.mobileActive = false;
+        };
+        this.query.addEventListener('change', this.matchMediaListener);
+      }
+    },
+    unbindMatchMediaListener: function unbindMatchMediaListener() {
+      if (this.matchMediaListener) {
+        this.query.removeEventListener('change', this.matchMediaListener);
+        this.matchMediaListener = null;
+      }
+    }
+  },
+  computed: {
+    containerClass: function containerClass() {
+      return [this["class"], this.cx('root')];
+    }
+  },
+  components: {
+    DockSub: script$1
+  }
+};
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_DockSub = resolveComponent("DockSub");
+  return openBlock(), createElementBlock("div", mergeProps({
+    "class": $options.containerClass,
+    style: _ctx.style
+  }, _ctx.ptmi('root')), [createVNode(_component_DockSub, {
+    model: _ctx.model,
+    templates: _ctx.$slots,
+    tooltipOptions: _ctx.tooltipOptions,
+    position: _ctx.position,
+    menuId: _ctx.menuId,
+    "aria-label": _ctx.ariaLabel,
+    "aria-labelledby": _ctx.ariaLabelledby,
+    tabindex: _ctx.tabindex,
+    pt: _ctx.pt,
+    unstyled: _ctx.unstyled
+  }, null, 8, ["model", "templates", "tooltipOptions", "position", "menuId", "aria-label", "aria-labelledby", "tabindex", "pt", "unstyled"])], 16);
+}
+
+script.render = render;
+
+export { script as default };
+//# sourceMappingURL=dock.mjs.map

package/dock/dock.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dock.mjs","sources":["../../src/dock/BaseDock.vue","../../src/dock/DockSub.vue","../../src/dock/DockSub.vue?vue&type=template&id=2a3d0398&lang.js","../../src/dock/Dock.vue","../../src/dock/Dock.vue?vue&type=template&id=2f238c36&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevuelab/core/basecomponent';\nimport DockStyle from 'primevuelab/dock/style';\n\nexport default {\n    name: 'BaseDock',\n    extends: BaseComponent,\n    props: {\n        position: {\n            type: String,\n            default: 'bottom'\n        },\n        model: null,\n        class: null,\n        style: null,\n        tooltipOptions: null,\n        menuId: {\n            type: String,\n            default: null\n        },\n        tabindex: {\n            type: Number,\n            default: 0\n        },\n        breakpoint: {\n            type: String,\n            default: '960px'\n        },\n        ariaLabel: {\n            type: String,\n            default: null\n        },\n        ariaLabelledby: {\n            type: String,\n            default: null\n        }\n    },\n    style: DockStyle,\n    provide() {\n        return {\n            $pcDock: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('listContainer')\" v-bind=\"ptm('listContainer')\">\n        <ul\n            ref=\"list\"\n            :id=\"id\"\n            :class=\"cx('list')\"\n            role=\"menu\"\n            :aria-orientation=\"position === 'bottom' || position === 'top' ? 'horizontal' : 'vertical'\"\n            :aria-activedescendant=\"focused ? focusedOptionId : undefined\"\n            :tabindex=\"tabindex\"\n            :aria-label=\"ariaLabel\"\n            :aria-labelledby=\"ariaLabelledby\"\n            @focus=\"onListFocus\"\n            @blur=\"onListBlur\"\n            @keydown=\"onListKeyDown\"\n            @mouseleave=\"onListMouseLeave\"\n            v-bind=\"ptm('list')\"\n        >\n            <template v-for=\"(processedItem, index) of model\" :key=\"index\">\n                <li\n                    :id=\"getItemId(index)\"\n                    :class=\"cx('item', { processedItem, id: getItemId(index) })\"\n                    role=\"menuitem\"\n                    :aria-label=\"processedItem.label\"\n                    :aria-disabled=\"disabled(processedItem)\"\n                    @click=\"onItemClick($event, processedItem)\"\n                    @mouseenter=\"onItemMouseEnter(index)\"\n                    v-bind=\"getPTOptions('item', processedItem, index)\"\n                    :data-p-focused=\"isItemActive(getItemId(index))\"\n                    :data-p-disabled=\"disabled(processedItem) || false\"\n                >\n                    <div :class=\"cx('itemContent')\" v-bind=\"getPTOptions('itemContent', processedItem, index)\">\n                        <template v-if=\"!templates['item']\">\n                            <a\n                                v-tooltip:[tooltipOptions]=\"{ value: processedItem.label, disabled: !tooltipOptions }\"\n                                :href=\"processedItem.url\"\n                                :class=\"cx('itemLink')\"\n                                :target=\"processedItem.target\"\n                                tabindex=\"-1\"\n                                aria-hidden=\"true\"\n                                v-bind=\"getPTOptions('itemLink', processedItem, index)\"\n                            >\n                                <!-- TODO: icon deprecated since v4.0-->\n                                <template v-if=\"!templates['icon'] && !templates['itemicon']\">\n                                    <span v-ripple :class=\"[cx('itemIcon'), processedItem.icon]\" v-bind=\"getPTOptions('itemIcon', processedItem, index)\"></span>\n                                </template>\n                                <component v-else :is=\"templates['icon'] || templates['itemicon']\" :item=\"processedItem\" :class=\"cx('itemIcon')\"></component>\n                            </a>\n                        </template>\n                        <component v-else :is=\"templates['item']\" :item=\"processedItem\" :index=\"index\" :label=\"processedItem.label\" :props=\"getMenuItemProps(processedItem, index)\"></component>\n                    </div>\n                </li>\n            </template>\n        </ul>\n    </div>\n</template>\n\n<script>\nimport BaseComponent from '@primevuelab/core/basecomponent';\nimport { DomHandler, ObjectUtils, UniqueComponentId } from '@primevuelab/core/utils';\nimport Ripple from 'primevuelab/ripple';\nimport Tooltip from 'primevuelab/tooltip';\nimport { mergeProps } from 'vue';\n\nexport default {\n    name: 'DockSub',\n    hostName: 'Dock',\n    extends: BaseComponent,\n    emits: ['focus', 'blur'],\n    props: {\n        position: {\n            type: String,\n            default: 'bottom'\n        },\n        model: {\n            type: Array,\n            default: null\n        },\n        templates: {\n            type: null,\n            default: null\n        },\n        tooltipOptions: null,\n        menuId: {\n            type: String,\n            default: null\n        },\n        tabindex: {\n            type: Number,\n            default: 0\n        },\n        ariaLabel: {\n            type: String,\n            default: null\n        },\n        ariaLabelledby: {\n            type: String,\n            default: null\n        }\n    },\n    data() {\n        return {\n            id: this.menuId,\n            currentIndex: -3,\n            focused: false,\n            focusedOptionIndex: -1\n        };\n    },\n    watch: {\n        menuId(newValue) {\n            this.id = newValue || UniqueComponentId();\n        }\n    },\n    mounted() {\n        this.id = this.id || UniqueComponentId();\n    },\n    methods: {\n        getItemId(index) {\n            return `${this.id}_${index}`;\n        },\n        getItemProp(processedItem, name) {\n            return processedItem && processedItem.item ? ObjectUtils.getItemValue(processedItem.item[name]) : undefined;\n        },\n        getPTOptions(key, item, index) {\n            return this.ptm(key, {\n                context: {\n                    index,\n                    item,\n                    active: this.isItemActive(this.getItemId(index))\n                }\n            });\n        },\n        isSameMenuItem(event) {\n            return event.currentTarget && (event.currentTarget.isSameNode(event.target) || event.currentTarget.isSameNode(event.target.closest('[data-pc-section=\"item\"]')));\n        },\n        isItemActive(id) {\n            return id === this.focusedOptionIndex;\n        },\n        onListMouseLeave() {\n            this.currentIndex = -3;\n        },\n        onItemMouseEnter(index) {\n            this.currentIndex = index;\n        },\n        onItemClick(event, processedItem) {\n            if (this.isSameMenuItem(event)) {\n                const command = this.getItemProp(processedItem, 'command');\n\n                command && command({ originalEvent: event, item: processedItem.item });\n            }\n        },\n        onListFocus(event) {\n            this.focused = true;\n            this.changeFocusedOptionIndex(0);\n            this.$emit('focus', event);\n        },\n        onListBlur(event) {\n            this.focused = false;\n            this.focusedOptionIndex = -1;\n            this.$emit('blur', event);\n        },\n        onListKeyDown(event) {\n            switch (event.code) {\n                case 'ArrowDown': {\n                    if (this.position === 'left' || this.position === 'right') this.onArrowDownKey();\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'ArrowUp': {\n                    if (this.position === 'left' || this.position === 'right') this.onArrowUpKey();\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'ArrowRight': {\n                    if (this.position === 'top' || this.position === 'bottom') this.onArrowDownKey();\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'ArrowLeft': {\n                    if (this.position === 'top' || this.position === 'bottom') this.onArrowUpKey();\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'Home': {\n                    this.onHomeKey();\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'End': {\n                    this.onEndKey();\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'Enter':\n                case 'NumpadEnter':\n\n                case 'Space': {\n                    this.onSpaceKey(event);\n                    event.preventDefault();\n                    break;\n                }\n\n                default:\n                    break;\n            }\n        },\n        onArrowDownKey() {\n            const optionIndex = this.findNextOptionIndex(this.focusedOptionIndex);\n\n            this.changeFocusedOptionIndex(optionIndex);\n        },\n        onArrowUpKey() {\n            const optionIndex = this.findPrevOptionIndex(this.focusedOptionIndex);\n\n            this.changeFocusedOptionIndex(optionIndex);\n        },\n        onHomeKey() {\n            this.changeFocusedOptionIndex(0);\n        },\n        onEndKey() {\n            this.changeFocusedOptionIndex(DomHandler.find(this.$refs.list, 'li[data-pc-section=\"item\"][data-p-disabled=\"false\"]').length - 1);\n        },\n        onSpaceKey() {\n            const element = DomHandler.findSingle(this.$refs.list, `li[id=\"${`${this.focusedOptionIndex}`}\"]`);\n            const anchorElement = element && DomHandler.findSingle(element, '[data-pc-section=\"itemlink\"]');\n\n            anchorElement ? anchorElement.click() : element && element.click();\n        },\n        findNextOptionIndex(index) {\n            const menuitems = DomHandler.find(this.$refs.list, 'li[data-pc-section=\"item\"][data-p-disabled=\"false\"]');\n            const matchedOptionIndex = [...menuitems].findIndex((link) => link.id === index);\n\n            return matchedOptionIndex > -1 ? matchedOptionIndex + 1 : 0;\n        },\n        findPrevOptionIndex(index) {\n            const menuitems = DomHandler.find(this.$refs.list, 'li[data-pc-section=\"item\"][data-p-disabled=\"false\"]');\n            const matchedOptionIndex = [...menuitems].findIndex((link) => link.id === index);\n\n            return matchedOptionIndex > -1 ? matchedOptionIndex - 1 : 0;\n        },\n        changeFocusedOptionIndex(index) {\n            const menuitems = DomHandler.find(this.$refs.list, 'li[data-pc-section=\"item\"][data-p-disabled=\"false\"]');\n\n            let order = index >= menuitems.length ? menuitems.length - 1 : index < 0 ? 0 : index;\n\n            this.focusedOptionIndex = menuitems[order].getAttribute('id');\n        },\n        disabled(item) {\n            return typeof item.disabled === 'function' ? item.disabled() : item.disabled;\n        },\n        getMenuItemProps(item, index) {\n            return {\n                action: mergeProps(\n                    {\n                        tabindex: -1,\n                        'aria-hidden': true,\n                        class: this.cx('itemLink')\n                    },\n                    this.getPTOptions('itemLink', item, index)\n                ),\n                icon: mergeProps(\n                    {\n                        class: [this.cx('itemIcon'), item.icon]\n                    },\n                    this.getPTOptions('itemIcon', item, index)\n                )\n            };\n        }\n    },\n    computed: {\n        focusedOptionId() {\n            return this.focusedOptionIndex !== -1 ? this.focusedOptionIndex : null;\n        }\n    },\n    directives: {\n        ripple: Ripple,\n        tooltip: Tooltip\n    }\n};\n</script>\n","<template>\n    <div :class=\"cx('listContainer')\" v-bind=\"ptm('listContainer')\">\n        <ul\n            ref=\"list\"\n            :id=\"id\"\n            :class=\"cx('list')\"\n            role=\"menu\"\n            :aria-orientation=\"position === 'bottom' || position === 'top' ? 'horizontal' : 'vertical'\"\n            :aria-activedescendant=\"focused ? focusedOptionId : undefined\"\n            :tabindex=\"tabindex\"\n            :aria-label=\"ariaLabel\"\n            :aria-labelledby=\"ariaLabelledby\"\n            @focus=\"onListFocus\"\n            @blur=\"onListBlur\"\n            @keydown=\"onListKeyDown\"\n            @mouseleave=\"onListMouseLeave\"\n            v-bind=\"ptm('list')\"\n        >\n            <template v-for=\"(processedItem, index) of model\" :key=\"index\">\n                <li\n                    :id=\"getItemId(index)\"\n                    :class=\"cx('item', { processedItem, id: getItemId(index) })\"\n                    role=\"menuitem\"\n                    :aria-label=\"processedItem.label\"\n                    :aria-disabled=\"disabled(processedItem)\"\n                    @click=\"onItemClick($event, processedItem)\"\n                    @mouseenter=\"onItemMouseEnter(index)\"\n                    v-bind=\"getPTOptions('item', processedItem, index)\"\n                    :data-p-focused=\"isItemActive(getItemId(index))\"\n                    :data-p-disabled=\"disabled(processedItem) || false\"\n                >\n                    <div :class=\"cx('itemContent')\" v-bind=\"getPTOptions('itemContent', processedItem, index)\">\n                        <template v-if=\"!templates['item']\">\n                            <a\n                                v-tooltip:[tooltipOptions]=\"{ value: processedItem.label, disabled: !tooltipOptions }\"\n                                :href=\"processedItem.url\"\n                                :class=\"cx('itemLink')\"\n                                :target=\"processedItem.target\"\n                                tabindex=\"-1\"\n                                aria-hidden=\"true\"\n                                v-bind=\"getPTOptions('itemLink', processedItem, index)\"\n                            >\n                                <!-- TODO: icon deprecated since v4.0-->\n                                <template v-if=\"!templates['icon'] && !templates['itemicon']\">\n                                    <span v-ripple :class=\"[cx('itemIcon'), processedItem.icon]\" v-bind=\"getPTOptions('itemIcon', processedItem, index)\"></span>\n                                </template>\n                                <component v-else :is=\"templates['icon'] || templates['itemicon']\" :item=\"processedItem\" :class=\"cx('itemIcon')\"></component>\n                            </a>\n                        </template>\n                        <component v-else :is=\"templates['item']\" :item=\"processedItem\" :index=\"index\" :label=\"processedItem.label\" :props=\"getMenuItemProps(processedItem, index)\"></component>\n                    </div>\n                </li>\n            </template>\n        </ul>\n    </div>\n</template>\n\n<script>\nimport BaseComponent from '@primevuelab/core/basecomponent';\nimport { DomHandler, ObjectUtils, UniqueComponentId } from '@primevuelab/core/utils';\nimport Ripple from 'primevuelab/ripple';\nimport Tooltip from 'primevuelab/tooltip';\nimport { mergeProps } from 'vue';\n\nexport default {\n    name: 'DockSub',\n    hostName: 'Dock',\n    extends: BaseComponent,\n    emits: ['focus', 'blur'],\n    props: {\n        position: {\n            type: String,\n            default: 'bottom'\n        },\n        model: {\n            type: Array,\n            default: null\n        },\n        templates: {\n            type: null,\n            default: null\n        },\n        tooltipOptions: null,\n        menuId: {\n            type: String,\n            default: null\n        },\n        tabindex: {\n            type: Number,\n            default: 0\n        },\n        ariaLabel: {\n            type: String,\n            default: null\n        },\n        ariaLabelledby: {\n            type: String,\n            default: null\n        }\n    },\n    data() {\n        return {\n            id: this.menuId,\n            currentIndex: -3,\n            focused: false,\n            focusedOptionIndex: -1\n        };\n    },\n    watch: {\n        menuId(newValue) {\n            this.id = newValue || UniqueComponentId();\n        }\n    },\n    mounted() {\n        this.id = this.id || UniqueComponentId();\n    },\n    methods: {\n        getItemId(index) {\n            return `${this.id}_${index}`;\n        },\n        getItemProp(processedItem, name) {\n            return processedItem && processedItem.item ? ObjectUtils.getItemValue(processedItem.item[name]) : undefined;\n        },\n        getPTOptions(key, item, index) {\n            return this.ptm(key, {\n                context: {\n                    index,\n                    item,\n                    active: this.isItemActive(this.getItemId(index))\n                }\n            });\n        },\n        isSameMenuItem(event) {\n            return event.currentTarget && (event.currentTarget.isSameNode(event.target) || event.currentTarget.isSameNode(event.target.closest('[data-pc-section=\"item\"]')));\n        },\n        isItemActive(id) {\n            return id === this.focusedOptionIndex;\n        },\n        onListMouseLeave() {\n            this.currentIndex = -3;\n        },\n        onItemMouseEnter(index) {\n            this.currentIndex = index;\n        },\n        onItemClick(event, processedItem) {\n            if (this.isSameMenuItem(event)) {\n                const command = this.getItemProp(processedItem, 'command');\n\n                command && command({ originalEvent: event, item: processedItem.item });\n            }\n        },\n        onListFocus(event) {\n            this.focused = true;\n            this.changeFocusedOptionIndex(0);\n            this.$emit('focus', event);\n        },\n        onListBlur(event) {\n            this.focused = false;\n            this.focusedOptionIndex = -1;\n            this.$emit('blur', event);\n        },\n        onListKeyDown(event) {\n            switch (event.code) {\n                case 'ArrowDown': {\n                    if (this.position === 'left' || this.position === 'right') this.onArrowDownKey();\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'ArrowUp': {\n                    if (this.position === 'left' || this.position === 'right') this.onArrowUpKey();\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'ArrowRight': {\n                    if (this.position === 'top' || this.position === 'bottom') this.onArrowDownKey();\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'ArrowLeft': {\n                    if (this.position === 'top' || this.position === 'bottom') this.onArrowUpKey();\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'Home': {\n                    this.onHomeKey();\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'End': {\n                    this.onEndKey();\n                    event.preventDefault();\n                    break;\n                }\n\n                case 'Enter':\n                case 'NumpadEnter':\n\n                case 'Space': {\n                    this.onSpaceKey(event);\n                    event.preventDefault();\n                    break;\n                }\n\n                default:\n                    break;\n            }\n        },\n        onArrowDownKey() {\n            const optionIndex = this.findNextOptionIndex(this.focusedOptionIndex);\n\n            this.changeFocusedOptionIndex(optionIndex);\n        },\n        onArrowUpKey() {\n            const optionIndex = this.findPrevOptionIndex(this.focusedOptionIndex);\n\n            this.changeFocusedOptionIndex(optionIndex);\n        },\n        onHomeKey() {\n            this.changeFocusedOptionIndex(0);\n        },\n        onEndKey() {\n            this.changeFocusedOptionIndex(DomHandler.find(this.$refs.list, 'li[data-pc-section=\"item\"][data-p-disabled=\"false\"]').length - 1);\n        },\n        onSpaceKey() {\n            const element = DomHandler.findSingle(this.$refs.list, `li[id=\"${`${this.focusedOptionIndex}`}\"]`);\n            const anchorElement = element && DomHandler.findSingle(element, '[data-pc-section=\"itemlink\"]');\n\n            anchorElement ? anchorElement.click() : element && element.click();\n        },\n        findNextOptionIndex(index) {\n            const menuitems = DomHandler.find(this.$refs.list, 'li[data-pc-section=\"item\"][data-p-disabled=\"false\"]');\n            const matchedOptionIndex = [...menuitems].findIndex((link) => link.id === index);\n\n            return matchedOptionIndex > -1 ? matchedOptionIndex + 1 : 0;\n        },\n        findPrevOptionIndex(index) {\n            const menuitems = DomHandler.find(this.$refs.list, 'li[data-pc-section=\"item\"][data-p-disabled=\"false\"]');\n            const matchedOptionIndex = [...menuitems].findIndex((link) => link.id === index);\n\n            return matchedOptionIndex > -1 ? matchedOptionIndex - 1 : 0;\n        },\n        changeFocusedOptionIndex(index) {\n            const menuitems = DomHandler.find(this.$refs.list, 'li[data-pc-section=\"item\"][data-p-disabled=\"false\"]');\n\n            let order = index >= menuitems.length ? menuitems.length - 1 : index < 0 ? 0 : index;\n\n            this.focusedOptionIndex = menuitems[order].getAttribute('id');\n        },\n        disabled(item) {\n            return typeof item.disabled === 'function' ? item.disabled() : item.disabled;\n        },\n        getMenuItemProps(item, index) {\n            return {\n                action: mergeProps(\n                    {\n                        tabindex: -1,\n                        'aria-hidden': true,\n                        class: this.cx('itemLink')\n                    },\n                    this.getPTOptions('itemLink', item, index)\n                ),\n                icon: mergeProps(\n                    {\n                        class: [this.cx('itemIcon'), item.icon]\n                    },\n                    this.getPTOptions('itemIcon', item, index)\n                )\n            };\n        }\n    },\n    computed: {\n        focusedOptionId() {\n            return this.focusedOptionIndex !== -1 ? this.focusedOptionIndex : null;\n        }\n    },\n    directives: {\n        ripple: Ripple,\n        tooltip: Tooltip\n    }\n};\n</script>\n","<template>\n    <div :class=\"containerClass\" :style=\"style\" v-bind=\"ptmi('root')\">\n        <DockSub :model=\"model\" :templates=\"$slots\" :tooltipOptions=\"tooltipOptions\" :position=\"position\" :menuId=\"menuId\" :aria-label=\"ariaLabel\" :aria-labelledby=\"ariaLabelledby\" :tabindex=\"tabindex\" :pt=\"pt\" :unstyled=\"unstyled\"></DockSub>\n    </div>\n</template>\n\n<script>\nimport BaseDock from './BaseDock.vue';\nimport DockSub from './DockSub.vue';\n\nexport default {\n    name: 'Dock',\n    extends: BaseDock,\n    inheritAttrs: false,\n    matchMediaListener: null,\n    data() {\n        return {\n            query: null,\n            queryMatches: false\n        };\n    },\n    mounted() {\n        this.bindMatchMediaListener();\n    },\n    beforeUnmount() {\n        this.unbindMatchMediaListener();\n    },\n    methods: {\n        bindMatchMediaListener() {\n            if (!this.matchMediaListener) {\n                const query = matchMedia(`(max-width: ${this.breakpoint})`);\n\n                this.query = query;\n                this.queryMatches = query.matches;\n\n                this.matchMediaListener = () => {\n                    this.queryMatches = query.matches;\n                    this.mobileActive = false;\n                };\n\n                this.query.addEventListener('change', this.matchMediaListener);\n            }\n        },\n        unbindMatchMediaListener() {\n            if (this.matchMediaListener) {\n                this.query.removeEventListener('change', this.matchMediaListener);\n                this.matchMediaListener = null;\n            }\n        }\n    },\n    computed: {\n        containerClass() {\n            return [this.class, this.cx('root')];\n        }\n    },\n    components: {\n        DockSub\n    }\n};\n</script>\n","<template>\n    <div :class=\"containerClass\" :style=\"style\" v-bind=\"ptmi('root')\">\n        <DockSub :model=\"model\" :templates=\"$slots\" :tooltipOptions=\"tooltipOptions\" :position=\"position\" :menuId=\"menuId\" :aria-label=\"ariaLabel\" :aria-labelledby=\"ariaLabelledby\" :tabindex=\"tabindex\" :pt=\"pt\" :unstyled=\"unstyled\"></DockSub>\n    </div>\n</template>\n\n<script>\nimport BaseDock from './BaseDock.vue';\nimport DockSub from './DockSub.vue';\n\nexport default {\n    name: 'Dock',\n    extends: BaseDock,\n    inheritAttrs: false,\n    matchMediaListener: null,\n    data() {\n        return {\n            query: null,\n            queryMatches: false\n        };\n    },\n    mounted() {\n        this.bindMatchMediaListener();\n    },\n    beforeUnmount() {\n        this.unbindMatchMediaListener();\n    },\n    methods: {\n        bindMatchMediaListener() {\n            if (!this.matchMediaListener) {\n                const query = matchMedia(`(max-width: ${this.breakpoint})`);\n\n                this.query = query;\n                this.queryMatches = query.matches;\n\n                this.matchMediaListener = () => {\n                    this.queryMatches = query.matches;\n                    this.mobileActive = false;\n                };\n\n                this.query.addEventListener('change', this.matchMediaListener);\n            }\n        },\n        unbindMatchMediaListener() {\n            if (this.matchMediaListener) {\n                this.query.removeEventListener('change', this.matchMediaListener);\n                this.matchMediaListener = null;\n            }\n        }\n    },\n    computed: {\n        containerClass() {\n            return [this.class, this.cx('root')];\n        }\n    },\n    components: {\n        DockSub\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","position","type","String","model","style","tooltipOptions","menuId","tabindex","Number","breakpoint","ariaLabel","ariaLabelledby","DockStyle","provide","$pcDock","$parentInstance","hostName","emits","Array","templates","data","id","currentIndex","focused","focusedOptionIndex","watch","newValue","UniqueComponentId","mounted","methods","getItemId","index","concat","getItemProp","processedItem","item","ObjectUtils","getItemValue","undefined","getPTOptions","key","ptm","context","active","isItemActive","isSameMenuItem","event","currentTarget","isSameNode","target","closest","onListMouseLeave","onItemMouseEnter","onItemClick","command","originalEvent","onListFocus","changeFocusedOptionIndex","$emit","onListBlur","onListKeyDown","code","onArrowDownKey","preventDefault","onArrowUpKey","onHomeKey","onEndKey","onSpaceKey","optionIndex","findNextOptionIndex","findPrevOptionIndex","DomHandler","find","$refs","list","length","element","findSingle","anchorElement","click","menuitems","matchedOptionIndex","_toConsumableArray","findIndex","link","order","getAttribute","disabled","getMenuItemProps","action","mergeProps","cx","icon","computed","focusedOptionId","directives","ripple","Ripple","tooltip","Tooltip","_openBlock","_createElementBlock","_mergeProps","_ctx","_createElementVNode","ref","$data","role","$props","$options","onFocus","apply","arguments","onBlur","onKeydown","onMouseleave","_Fragment","_renderList","label","onClick","$event","onMouseenter","_withDirectives","href","url","_createBlock","_resolveDynamicComponent","_directive_tooltip","value","BaseDock","inheritAttrs","matchMediaListener","query","queryMatches","bindMatchMediaListener","beforeUnmount","unbindMatchMediaListener","_this","matchMedia","matches","mobileActive","addEventListener","removeEventListener","containerClass","components","DockSub","ptmi","_createVNode","_component_DockSub","$slots","pt","unstyled"],"mappings":"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"}

package/dock/package.json

@@ -0,0 +1,11 @@
+{
+    "main": "dock.mjs",
+    "module": "dock.mjs",
+    "types": "./Dock.d.ts",
+    "browser": {
+        "./sfc": "./Dock.vue"
+    },
+    "sideEffects": [
+        "*.vue"
+    ]
+}

package/dock/style/DockStyle.d.ts

@@ -0,0 +1,43 @@
+/**
+ *
+ * Dock is a navigation component consisting of menuitems.
+ *
+ * [Live Demo](https://www.primevuelab.org/dock/)
+ *
+ * @module dockstyle
+ *
+ */
+import { BaseStyle } from '../../base/style';
+
+export enum DockClasses {
+    /**
+     * Class name of the root element
+     */
+    root = 'p-dock',
+    /**
+     * Class name of the list container element
+     */
+    listContainer = 'p-dock-list-container',
+    /**
+     * Class name of the list element
+     */
+    list = 'p-dock-list',
+    /**
+     * Class name of the item element
+     */
+    item = 'p-dock-item',
+    /**
+     * Class name of the item content element
+     */
+    itemContent = 'p-dock-item-content',
+    /**
+     * Class name of the item link element
+     */
+    itemLink = 'p-dock-item-link',
+    /**
+     * Class name of the item icon element
+     */
+    itemIcon = 'p-dock-item-icon'
+}
+
+export interface DockStyle extends BaseStyle {}

package/dock/style/dockstyle.mjs

@@ -0,0 +1,37 @@
+import BaseStyle from '@primevuelab/core/base/style';
+
+var theme = function theme(_ref) {
+  var dt = _ref.dt;
+  return "\n.p-dock {\n    position: absolute;\n    z-index: 1;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    pointer-events: none;\n}\n\n.p-dock-list-container {\n    display: flex;\n    pointer-events: auto;\n    background: ".concat(dt('dock.background'), ";\n    border: 1px solid ").concat(dt('dock.border.color'), ";\n    padding: ").concat(dt('dock.padding'), ";\n    border-radius: ").concat(dt('dock.border.radius'), ";\n}\n\n.p-dock-list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    outline: 0 none;\n}\n\n.p-dock-item {\n    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n    will-change: transform;\n    padding: ").concat(dt('dock.item.padding'), ";\n    border-radius: ").concat(dt('dock.item.border.radius'), ";\n}\n\n.p-dock-item.p-focus {\n    box-shadow: ").concat(dt('dock.item.focus.ring.shadow'), ";\n    outline: ").concat(dt('dock.item.focus.ring.width'), " ").concat(dt('dock.item.focus.ring.style'), " ").concat(dt('dock.item.focus.ring.color'), ";\n    outline-offset: ").concat(dt('dock.item.focus.ring.offset'), ";\n}\n\n.p-dock-item-link {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    overflow: hidden;\n    cursor: default;\n    width: ").concat(dt('dock.item.size'), ";\n    height: ").concat(dt('dock.item.size'), ";\n}\n\n.p-dock-top {\n    left: 0;\n    top: 0;\n    width: 100%;\n}\n\n.p-dock-top .p-dock-item {\n    transform-origin: center top;\n}\n\n.p-dock-bottom {\n    left: 0;\n    bottom: 0;\n    width: 100%;\n}\n\n.p-dock-bottom .p-dock-item {\n    transform-origin: center bottom;\n}\n\n.p-dock-right {\n    right: 0;\n    top: 0;\n    height: 100%;\n}\n\n.p-dock-right .p-dock-item {\n    transform-origin: center right;\n}\n\n.p-dock-right .p-dock-list {\n    flex-direction: column;\n}\n\n.p-dock-left {\n    left: 0;\n    top: 0;\n    height: 100%;\n}\n\n.p-dock-left .p-dock-item {\n    transform-origin: center left;\n}\n\n.p-dock-left .p-dock-list {\n    flex-direction: column;\n}\n\n.p-dock-mobile.p-dock-top .p-dock-list-container,\n.p-dock-mobile.p-dock-bottom .p-dock-list-container {\n    overflow-x: auto;\n    width: 100%;\n}\n.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list,\n.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {\n    margin: 0 auto;\n}\n.p-dock-mobile.p-dock-left .p-dock-list-container,\n.p-dock-mobile.p-dock-right .p-dock-list-container {\n    overflow-y: auto;\n    height: 100%;\n}\n.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list,\n.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {\n    margin: auto 0;\n}\n.p-dock-mobile .p-dock-list .p-dock-item {\n    transform: none;\n    margin: 0;\n}\n");
+};
+var classes = {
+  root: function root(_ref2) {
+    var instance = _ref2.instance,
+      props = _ref2.props;
+    return ['p-dock p-component', "p-dock-".concat(props.position), {
+      'p-dock-mobile': instance.queryMatches
+    }];
+  },
+  listContainer: 'p-dock-list-container',
+  list: 'p-dock-list',
+  item: function item(_ref3) {
+    var instance = _ref3.instance,
+      processedItem = _ref3.processedItem,
+      id = _ref3.id;
+    return ['p-dock-item', {
+      'p-focus': instance.isItemActive(id),
+      'p-disabled': instance.disabled(processedItem)
+    }];
+  },
+  itemContent: 'p-dock-item-content',
+  itemLink: 'p-dock-item-link',
+  itemIcon: 'p-dock-item-icon'
+};
+var DockStyle = BaseStyle.extend({
+  name: 'dock',
+  theme: theme,
+  classes: classes
+});
+
+export { DockStyle as default };
+//# sourceMappingURL=dockstyle.mjs.map

package/dock/style/dockstyle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dockstyle.mjs","sources":["../../../src/dock/style/DockStyle.js"],"sourcesContent":["import BaseStyle from '@primevuelab/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-dock {\n    position: absolute;\n    z-index: 1;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    pointer-events: none;\n}\n\n.p-dock-list-container {\n    display: flex;\n    pointer-events: auto;\n    background: ${dt('dock.background')};\n    border: 1px solid ${dt('dock.border.color')};\n    padding: ${dt('dock.padding')};\n    border-radius: ${dt('dock.border.radius')};\n}\n\n.p-dock-list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    outline: 0 none;\n}\n\n.p-dock-item {\n    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n    will-change: transform;\n    padding: ${dt('dock.item.padding')};\n    border-radius: ${dt('dock.item.border.radius')};\n}\n\n.p-dock-item.p-focus {\n    box-shadow: ${dt('dock.item.focus.ring.shadow')};\n    outline: ${dt('dock.item.focus.ring.width')} ${dt('dock.item.focus.ring.style')} ${dt('dock.item.focus.ring.color')};\n    outline-offset: ${dt('dock.item.focus.ring.offset')};\n}\n\n.p-dock-item-link {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    overflow: hidden;\n    cursor: default;\n    width: ${dt('dock.item.size')};\n    height: ${dt('dock.item.size')};\n}\n\n.p-dock-top {\n    left: 0;\n    top: 0;\n    width: 100%;\n}\n\n.p-dock-top .p-dock-item {\n    transform-origin: center top;\n}\n\n.p-dock-bottom {\n    left: 0;\n    bottom: 0;\n    width: 100%;\n}\n\n.p-dock-bottom .p-dock-item {\n    transform-origin: center bottom;\n}\n\n.p-dock-right {\n    right: 0;\n    top: 0;\n    height: 100%;\n}\n\n.p-dock-right .p-dock-item {\n    transform-origin: center right;\n}\n\n.p-dock-right .p-dock-list {\n    flex-direction: column;\n}\n\n.p-dock-left {\n    left: 0;\n    top: 0;\n    height: 100%;\n}\n\n.p-dock-left .p-dock-item {\n    transform-origin: center left;\n}\n\n.p-dock-left .p-dock-list {\n    flex-direction: column;\n}\n\n.p-dock-mobile.p-dock-top .p-dock-list-container,\n.p-dock-mobile.p-dock-bottom .p-dock-list-container {\n    overflow-x: auto;\n    width: 100%;\n}\n.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list,\n.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {\n    margin: 0 auto;\n}\n.p-dock-mobile.p-dock-left .p-dock-list-container,\n.p-dock-mobile.p-dock-right .p-dock-list-container {\n    overflow-y: auto;\n    height: 100%;\n}\n.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list,\n.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {\n    margin: auto 0;\n}\n.p-dock-mobile .p-dock-list .p-dock-item {\n    transform: none;\n    margin: 0;\n}\n`;\n\nconst classes = {\n    root: ({ instance, props }) => [\n        'p-dock p-component',\n        `p-dock-${props.position}`,\n        {\n            'p-dock-mobile': instance.queryMatches\n        }\n    ],\n    listContainer: 'p-dock-list-container',\n    list: 'p-dock-list',\n    item: ({ instance, processedItem, id }) => [\n        'p-dock-item',\n        {\n            'p-focus': instance.isItemActive(id),\n            'p-disabled': instance.disabled(processedItem)\n        }\n    ],\n    itemContent: 'p-dock-item-content',\n    itemLink: 'p-dock-item-link',\n    itemIcon: 'p-dock-item-icon'\n};\n\nexport default BaseStyle.extend({\n    name: 'dock',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","concat","classes","root","_ref2","instance","props","position","queryMatches","listContainer","list","item","_ref3","processedItem","id","isItemActive","disabled","itemContent","itemLink","itemIcon","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,EAAE,GAAAD,IAAA,CAAFC,EAAE,CAAA;AAAA,EAAA,OAAA,8PAAA,CAAAC,MAAA,CAaDD,EAAE,CAAC,iBAAiB,CAAC,+BAAAC,MAAA,CACfD,EAAE,CAAC,mBAAmB,CAAC,EAAAC,kBAAAA,CAAAA,CAAAA,MAAA,CAChCD,EAAE,CAAC,cAAc,CAAC,EAAA,wBAAA,CAAA,CAAAC,MAAA,CACZD,EAAE,CAAC,oBAAoB,CAAC,EAAAC,2SAAAA,CAAAA,CAAAA,MAAA,CAgB9BD,EAAE,CAAC,mBAAmB,CAAC,EAAA,wBAAA,CAAA,CAAAC,MAAA,CACjBD,EAAE,CAAC,yBAAyB,CAAC,sDAAAC,MAAA,CAIhCD,EAAE,CAAC,6BAA6B,CAAC,EAAA,kBAAA,CAAA,CAAAC,MAAA,CACpCD,EAAE,CAAC,4BAA4B,CAAC,OAAAC,MAAA,CAAID,EAAE,CAAC,4BAA4B,CAAC,EAAAC,GAAAA,CAAAA,CAAAA,MAAA,CAAID,EAAE,CAAC,4BAA4B,CAAC,EAAA,yBAAA,CAAA,CAAAC,MAAA,CACjGD,EAAE,CAAC,6BAA6B,CAAC,6NAAAC,MAAA,CAW1CD,EAAE,CAAC,gBAAgB,CAAC,EAAAC,iBAAAA,CAAAA,CAAAA,MAAA,CACnBD,EAAE,CAAC,gBAAgB,CAAC,EAAA,+2CAAA,CAAA,CAAA;AAAA,CAyEjC,CAAA;AAED,IAAME,OAAO,GAAG;EACZC,IAAI,EAAE,SAAAA,IAAAA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;MAAEC,KAAK,GAAAF,KAAA,CAALE,KAAK,CAAA;IAAA,OAAO,CAC3B,oBAAoB,EAAAL,SAAAA,CAAAA,MAAA,CACVK,KAAK,CAACC,QAAQ,CACxB,EAAA;MACI,eAAe,EAAEF,QAAQ,CAACG,YAAAA;AAC9B,KAAC,CACJ,CAAA;AAAA,GAAA;AACDC,EAAAA,aAAa,EAAE,uBAAuB;AACtCC,EAAAA,IAAI,EAAE,aAAa;EACnBC,IAAI,EAAE,SAAAA,IAAAA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAGP,QAAQ,GAAAO,KAAA,CAARP,QAAQ;MAAEQ,aAAa,GAAAD,KAAA,CAAbC,aAAa;MAAEC,EAAE,GAAAF,KAAA,CAAFE,EAAE,CAAA;IAAA,OAAO,CACvC,aAAa,EACb;AACI,MAAA,SAAS,EAAET,QAAQ,CAACU,YAAY,CAACD,EAAE,CAAC;AACpC,MAAA,YAAY,EAAET,QAAQ,CAACW,QAAQ,CAACH,aAAa,CAAA;AACjD,KAAC,CACJ,CAAA;AAAA,GAAA;AACDI,EAAAA,WAAW,EAAE,qBAAqB;AAClCC,EAAAA,QAAQ,EAAE,kBAAkB;AAC5BC,EAAAA,QAAQ,EAAE,kBAAA;AACd,CAAC,CAAA;AAED,gBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,MAAM;AACZxB,EAAAA,KAAK,EAALA,KAAK;AACLI,EAAAA,OAAO,EAAPA,OAAAA;AACJ,CAAC,CAAC;;;;"}

package/dock/style/package.json

@@ -0,0 +1,6 @@
+{
+    "main": "dockstyle.mjs",
+    "module": "dockstyle.mjs",
+    "types": "./DockStyle.d.ts",
+    "sideEffects": false
+}