1 line
40 KiB
Plaintext
1 line
40 KiB
Plaintext
|
{"version":3,"file":"index.mjs","sources":["../../src/dock/BaseDock.vue","../../src/dock/DockSub.vue","../../src/dock/DockSub.vue?vue&type=template&id=3bb06619&lang.js","../../src/dock/Dock.vue","../../src/dock/Dock.vue?vue&type=template&id=2f238c36&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevue/core/basecomponent';\nimport DockStyle from 'primevue/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=\"idx\"\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 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
|