@dialpad/dialtone-vue 3.156.0 → 3.156.2

package/dist/packages/dialtone-vue3/components/notice/notice_icon.vue.cjs

@@ -0,0 +1,61 @@
+"use strict";
+const vue3 = require("@dialpad/dialtone-icons/vue3");
+const notice_constants = require("./notice_constants.cjs");
+const common_utils = require("../../../../common/utils.cjs");
+const vue = require("vue");
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
+const kindToIcon = /* @__PURE__ */ new Map([
+  ["info", vue3.DtIconInfo],
+  ["success", vue3.DtIconCheckCircle],
+  ["warning", vue3.DtIconAlertTriangle],
+  ["error", vue3.DtIconAlertCircle],
+  ["base", vue3.DtIconBell]
+]);
+const _sfc_main = {
+  name: "DtNoticeIcon",
+  components: {
+    DtIconInfo: vue3.DtIconInfo,
+    DtIconCheckCircle: vue3.DtIconCheckCircle,
+    DtIconAlertTriangle: vue3.DtIconAlertTriangle,
+    DtIconAlertCircle: vue3.DtIconAlertCircle,
+    DtIconBell: vue3.DtIconBell
+  },
+  props: {
+    /**
+     * Kind of icon
+     * @values base, error, info, success, warning
+     */
+    kind: {
+      type: String,
+      default: "base",
+      validate(kind) {
+        return notice_constants.NOTICE_KINDS.includes(kind);
+      }
+    }
+  },
+  data() {
+    return {
+      hasSlotContent: common_utils.hasSlotContent
+    };
+  },
+  computed: {
+    defaultIcon() {
+      return kindToIcon.get(this.kind);
+    }
+  }
+};
+const _hoisted_1 = {
+  key: 0,
+  "aria-hidden": "true",
+  class: "d-notice__icon"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return $options.defaultIcon || $data.hasSlotContent(_ctx.$slots.default) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+    vue.renderSlot(_ctx.$slots, "default", {}, () => [
+      (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent($options.defaultIcon), { size: "400" }))
+    ])
+  ])) : vue.createCommentVNode("", true);
+}
+const DtNoticeIcon = /* @__PURE__ */ _pluginVue_exportHelper(_sfc_main, [["render", _sfc_render]]);
+module.exports = DtNoticeIcon;
+//# sourceMappingURL=notice_icon.vue.cjs.map

package/dist/packages/dialtone-vue3/components/notice/notice_icon.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"notice_icon.vue.cjs","sources":["../../../../../components/notice/notice_icon.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"defaultIcon || hasSlotContent($slots.default)\"\n    aria-hidden=\"true\"\n    class=\"d-notice__icon\"\n  >\n    <!-- @slot Slot for the main content -->\n    <slot>\n      <component\n        :is=\"defaultIcon\"\n        size=\"400\"\n      />\n    </slot>\n  </div>\n</template>\n\n<script>\nimport {\n  DtIconInfo,\n  DtIconCheckCircle,\n  DtIconAlertTriangle,\n  DtIconAlertCircle,\n  DtIconBell,\n} from '@dialpad/dialtone-icons/vue3';\nimport { NOTICE_KINDS } from './notice_constants.js';\nimport { hasSlotContent } from '@/common/utils';\n\nconst kindToIcon = new Map([\n  ['info', DtIconInfo],\n  ['success', DtIconCheckCircle],\n  ['warning', DtIconAlertTriangle],\n  ['error', DtIconAlertCircle],\n  ['base', DtIconBell],\n]);\n\nexport default {\n  name: 'DtNoticeIcon',\n\n  components: {\n    DtIconInfo,\n    DtIconCheckCircle,\n    DtIconAlertTriangle,\n    DtIconAlertCircle,\n    DtIconBell,\n  },\n\n  props: {\n    /**\n     * Kind of icon\n     * @values base, error, info, success, warning\n     */\n    kind: {\n      type: String,\n      default: 'base',\n      validate (kind) {\n        return NOTICE_KINDS.includes(kind);\n      },\n    },\n  },\n\n  data () {\n    return {\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n    defaultIcon () {\n      return kindToIcon.get(this.kind);\n    },\n  },\n};\n</script>\n"],"names":["DtIconInfo","DtIconCheckCircle","DtIconAlertTriangle","DtIconAlertCircle","DtIconBell","NOTICE_KINDS","hasSlotContent","_openBlock","_createElementBlock","_renderSlot","_createBlock","_resolveDynamicComponent","_createCommentVNode"],"mappings":";;;;;;AA2BA,MAAM,aAAa,oBAAI,IAAI;AAAA,EACzB,CAAC,QAAQA,KAAAA,UAAU;AAAA,EACnB,CAAC,WAAWC,KAAAA,iBAAiB;AAAA,EAC7B,CAAC,WAAWC,KAAAA,mBAAmB;AAAA,EAC/B,CAAC,SAASC,KAAAA,iBAAiB;AAAA,EAC3B,CAAC,QAAQC,KAAAA,UAAU;AACrB,CAAC;AAED,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY;AAAA,gBACVJ,KAAU;AAAA,IACV,mBAAAC,KAAiB;AAAA,IACjB,qBAAAC,KAAmB;AAAA,IACnB,mBAAAC,KAAiB;AAAA,gBACjBC,KAAU;AAAA,EACX;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAU,MAAM;AACd,eAAOC,iBAAY,aAAC,SAAS,IAAI;AAAA,MAClC;AAAA,IACF;AAAA,EACF;AAAA,EAED,OAAQ;AACN,WAAO;AAAA,MACL,gBAAAC,aAAc;AAAA;EAEjB;AAAA,EAED,UAAU;AAAA,IACR,cAAe;AACb,aAAO,WAAW,IAAI,KAAK,IAAI;AAAA,IAChC;AAAA,EACF;AACH;;EAvEA,KAAA;AAAA,EAGI,eAAY;AAAA,EACZ,OAAM;;;AAFA,SAAA,SAAA,eAAe,MAAA,eAAe,KAAA,OAAO,OAAO,KADpDC,IAAAA,aAAAC,IAAAA,mBAYM,OAZN,YAYM;AAAA,IANJC,IAAAA,WAKO,4BALP,MAKO;AAAA,OAJLF,cAAA,GAAAG,IAAA,YAGEC,4BAFK,SAAA,WAAW,GAChB,EAAA,MAAK,OAAK;AAAA;QAVlBC,IAAA,mBAAA,IAAA,IAAA;;;;"}

package/dist/packages/dialtone-vue3/components/notice/notice_icon.vue.js

@@ -0,0 +1,62 @@
+import { DtIconInfo, DtIconCheckCircle, DtIconAlertTriangle, DtIconAlertCircle, DtIconBell } from "@dialpad/dialtone-icons/vue3";
+import { NOTICE_KINDS } from "./notice_constants.js";
+import { hasSlotContent } from "../../../../common/utils.js";
+import { openBlock, createElementBlock, renderSlot, createBlock, resolveDynamicComponent, createCommentVNode } from "vue";
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const kindToIcon = /* @__PURE__ */ new Map([
+  ["info", DtIconInfo],
+  ["success", DtIconCheckCircle],
+  ["warning", DtIconAlertTriangle],
+  ["error", DtIconAlertCircle],
+  ["base", DtIconBell]
+]);
+const _sfc_main = {
+  name: "DtNoticeIcon",
+  components: {
+    DtIconInfo,
+    DtIconCheckCircle,
+    DtIconAlertTriangle,
+    DtIconAlertCircle,
+    DtIconBell
+  },
+  props: {
+    /**
+     * Kind of icon
+     * @values base, error, info, success, warning
+     */
+    kind: {
+      type: String,
+      default: "base",
+      validate(kind) {
+        return NOTICE_KINDS.includes(kind);
+      }
+    }
+  },
+  data() {
+    return {
+      hasSlotContent
+    };
+  },
+  computed: {
+    defaultIcon() {
+      return kindToIcon.get(this.kind);
+    }
+  }
+};
+const _hoisted_1 = {
+  key: 0,
+  "aria-hidden": "true",
+  class: "d-notice__icon"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return $options.defaultIcon || $data.hasSlotContent(_ctx.$slots.default) ? (openBlock(), createElementBlock("div", _hoisted_1, [
+    renderSlot(_ctx.$slots, "default", {}, () => [
+      (openBlock(), createBlock(resolveDynamicComponent($options.defaultIcon), { size: "400" }))
+    ])
+  ])) : createCommentVNode("", true);
+}
+const DtNoticeIcon = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  DtNoticeIcon as default
+};
+//# sourceMappingURL=notice_icon.vue.js.map

package/dist/packages/dialtone-vue3/components/notice/notice_icon.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"notice_icon.vue.js","sources":["../../../../../components/notice/notice_icon.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"defaultIcon || hasSlotContent($slots.default)\"\n    aria-hidden=\"true\"\n    class=\"d-notice__icon\"\n  >\n    <!-- @slot Slot for the main content -->\n    <slot>\n      <component\n        :is=\"defaultIcon\"\n        size=\"400\"\n      />\n    </slot>\n  </div>\n</template>\n\n<script>\nimport {\n  DtIconInfo,\n  DtIconCheckCircle,\n  DtIconAlertTriangle,\n  DtIconAlertCircle,\n  DtIconBell,\n} from '@dialpad/dialtone-icons/vue3';\nimport { NOTICE_KINDS } from './notice_constants.js';\nimport { hasSlotContent } from '@/common/utils';\n\nconst kindToIcon = new Map([\n  ['info', DtIconInfo],\n  ['success', DtIconCheckCircle],\n  ['warning', DtIconAlertTriangle],\n  ['error', DtIconAlertCircle],\n  ['base', DtIconBell],\n]);\n\nexport default {\n  name: 'DtNoticeIcon',\n\n  components: {\n    DtIconInfo,\n    DtIconCheckCircle,\n    DtIconAlertTriangle,\n    DtIconAlertCircle,\n    DtIconBell,\n  },\n\n  props: {\n    /**\n     * Kind of icon\n     * @values base, error, info, success, warning\n     */\n    kind: {\n      type: String,\n      default: 'base',\n      validate (kind) {\n        return NOTICE_KINDS.includes(kind);\n      },\n    },\n  },\n\n  data () {\n    return {\n      hasSlotContent,\n    };\n  },\n\n  computed: {\n    defaultIcon () {\n      return kindToIcon.get(this.kind);\n    },\n  },\n};\n</script>\n"],"names":["_openBlock","_createElementBlock","_renderSlot","_createBlock","_resolveDynamicComponent","_createCommentVNode"],"mappings":";;;;;AA2BA,MAAM,aAAa,oBAAI,IAAI;AAAA,EACzB,CAAC,QAAQ,UAAU;AAAA,EACnB,CAAC,WAAW,iBAAiB;AAAA,EAC7B,CAAC,WAAW,mBAAmB;AAAA,EAC/B,CAAC,SAAS,iBAAiB;AAAA,EAC3B,CAAC,QAAQ,UAAU;AACrB,CAAC;AAED,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD;AAAA,EAED,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,MACT,SAAU,MAAM;AACd,eAAO,aAAa,SAAS,IAAI;AAAA,MAClC;AAAA,IACF;AAAA,EACF;AAAA,EAED,OAAQ;AACN,WAAO;AAAA,MACL;AAAA;EAEH;AAAA,EAED,UAAU;AAAA,IACR,cAAe;AACb,aAAO,WAAW,IAAI,KAAK,IAAI;AAAA,IAChC;AAAA,EACF;AACH;;EAvEA,KAAA;AAAA,EAGI,eAAY;AAAA,EACZ,OAAM;;;AAFA,SAAA,SAAA,eAAe,MAAA,eAAe,KAAA,OAAO,OAAO,KADpDA,aAAAC,mBAYM,OAZN,YAYM;AAAA,IANJC,WAKO,4BALP,MAKO;AAAA,OAJLF,UAAA,GAAAG,YAGEC,wBAFK,SAAA,WAAW,GAChB,EAAA,MAAK,OAAK;AAAA;QAVlBC,mBAAA,IAAA,IAAA;;;"}

package/dist/packages/dialtone-vue3/components/pagination/pagination.vue.cjs

@@ -0,0 +1,194 @@
+"use strict";
+const vue3 = require("@dialpad/dialtone-icons/vue3");
+const vue = require("vue");
+const _pluginVue_exportHelper = require("../../../../_virtual/_plugin-vue_export-helper.cjs");
+const button = require("../button/button.vue.cjs");
+const _sfc_main = {
+  name: "DtPagination",
+  components: {
+    DtButton: button,
+    DtIconChevronLeft: vue3.DtIconChevronLeft,
+    DtIconChevronRight: vue3.DtIconChevronRight,
+    DtIconMoreHorizontal: vue3.DtIconMoreHorizontal
+  },
+  props: {
+    /**
+     * Descriptive label for the pagination content.
+     */
+    ariaLabel: {
+      type: String,
+      required: true
+    },
+    /**
+     * The total number of the pages
+     */
+    totalPages: {
+      type: Number,
+      required: true
+    },
+    /**
+     * Descriptive label for the previous button.
+     */
+    prevAriaLabel: {
+      type: String,
+      required: true
+    },
+    /**
+     * Descriptive label for the next button.
+     */
+    nextAriaLabel: {
+      type: String,
+      required: true
+    },
+    /**
+     * A method that will be called to get the aria label of each page.
+     */
+    pageNumberAriaLabel: {
+      type: Function,
+      required: true
+    },
+    /**
+     * The active current page in the list of pages, defaults to the first page
+     */
+    activePage: {
+      type: Number,
+      default: 1
+    },
+    /**
+     * Determines the max pages to be shown in the list. Using an odd number is recommended.
+     * If an even number is given, then it will be rounded down to the nearest odd number to always
+     * keep current page in the middle when current page is in the mid-range.
+     */
+    maxVisible: {
+      type: Number,
+      default: 5
+    }
+  },
+  emits: [
+    /**
+     * Page change event
+     *
+     * @event change
+     * @type {Number}
+     */
+    "change"
+  ],
+  data() {
+    return {
+      currentPage: this.activePage
+    };
+  },
+  computed: {
+    isFirstPage() {
+      return this.currentPage === 1;
+    },
+    isLastPage() {
+      return this.currentPage === this.totalPages;
+    },
+    pages() {
+      if (this.maxVisible === 0) {
+        return [];
+      }
+      if (this.totalPages <= this.maxVisible) {
+        return this.range(1, this.totalPages);
+      }
+      const start = this.maxVisible - 1;
+      const end = this.totalPages - start + 1;
+      if (this.currentPage < start) {
+        return [...this.range(1, start), "...", this.totalPages];
+      }
+      if (this.currentPage > end) {
+        return [1, "...", ...this.range(end, this.totalPages)];
+      }
+      const total = this.maxVisible - (3 - this.maxVisible % 2);
+      const centerIndex = Math.floor(total / 2);
+      const left = this.currentPage - centerIndex;
+      const right = this.currentPage + centerIndex;
+      return [1, "...", ...this.range(left, right), "...", this.totalPages];
+    }
+  },
+  methods: {
+    range(from, to) {
+      const range = [];
+      from = from > 0 ? from : 1;
+      for (let i = from; i <= to; i++) {
+        range.push(i);
+      }
+      return range;
+    },
+    changePage(page) {
+      this.currentPage = page;
+      this.$emit("change", this.currentPage);
+    }
+  }
+};
+const _hoisted_1 = ["aria-label"];
+const _hoisted_2 = {
+  key: 0,
+  class: "d-pagination__separator-icon",
+  "data-qa": "dt-pagination-separator"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_icon_chevron_left = vue.resolveComponent("dt-icon-chevron-left");
+  const _component_dt_button = vue.resolveComponent("dt-button");
+  const _component_dt_icon_more_horizontal = vue.resolveComponent("dt-icon-more-horizontal");
+  const _component_dt_icon_chevron_right = vue.resolveComponent("dt-icon-chevron-right");
+  return vue.openBlock(), vue.createElementBlock("nav", {
+    "aria-label": $props.ariaLabel,
+    class: "d-pagination"
+  }, [
+    vue.createVNode(_component_dt_button, {
+      class: vue.normalizeClass(["d-pagination__button", $options.isFirstPage ? "d-fc-black-300 d-bgc-transparent" : "d-fc-tertiary"]),
+      "data-qa": "dt-pagination-prev",
+      "aria-label": $props.prevAriaLabel,
+      kind: $options.isFirstPage ? "default" : "muted",
+      importance: $options.isFirstPage ? "primary" : "clear",
+      disabled: $options.isFirstPage,
+      onClick: _cache[0] || (_cache[0] = ($event) => $options.changePage($data.currentPage - 1))
+    }, {
+      icon: vue.withCtx(() => [
+        vue.createVNode(_component_dt_icon_chevron_left, { size: "300" })
+      ]),
+      _: 1
+    }, 8, ["aria-label", "kind", "importance", "disabled", "class"]),
+    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($options.pages, (page, index) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        key: `page-${page}-${index}`,
+        class: vue.normalizeClass({ "d-pagination__separator": isNaN(Number(page)) })
+      }, [
+        isNaN(Number(page)) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
+          vue.createVNode(_component_dt_icon_more_horizontal, { size: "300" })
+        ])) : (vue.openBlock(), vue.createBlock(_component_dt_button, {
+          key: 1,
+          "aria-label": $props.pageNumberAriaLabel(page),
+          kind: $data.currentPage === page ? "default" : "muted",
+          importance: $data.currentPage === page ? "primary" : "clear",
+          "label-class": "",
+          onClick: ($event) => $options.changePage(page)
+        }, {
+          default: vue.withCtx(() => [
+            vue.createTextVNode(vue.toDisplayString(page), 1)
+          ]),
+          _: 2
+        }, 1032, ["aria-label", "kind", "importance", "onClick"]))
+      ], 2);
+    }), 128)),
+    vue.createVNode(_component_dt_button, {
+      class: vue.normalizeClass(["d-pagination__button", $options.isLastPage ? "d-fc-black-300 d-bgc-transparent" : "d-fc-tertiary"]),
+      "data-qa": "dt-pagination-next",
+      "aria-label": $props.nextAriaLabel,
+      disabled: $options.isLastPage,
+      kind: "muted",
+      importance: $options.isLastPage ? "primary" : "clear",
+      onClick: _cache[1] || (_cache[1] = ($event) => $options.changePage($data.currentPage + 1))
+    }, {
+      icon: vue.withCtx(() => [
+        vue.createVNode(_component_dt_icon_chevron_right, { size: "300" })
+      ]),
+      _: 1
+    }, 8, ["aria-label", "disabled", "importance", "class"])
+  ], 8, _hoisted_1);
+}
+const pagination = /* @__PURE__ */ _pluginVue_exportHelper(_sfc_main, [["render", _sfc_render]]);
+module.exports = pagination;
+//# sourceMappingURL=pagination.vue.cjs.map

package/dist/packages/dialtone-vue3/components/pagination/pagination.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.vue.cjs","sources":["../../../../../components/pagination/pagination.vue"],"sourcesContent":["<template>\n  <nav\n    :aria-label=\"ariaLabel\"\n    class=\"d-pagination\"\n  >\n    <dt-button\n      class=\"d-pagination__button\"\n      data-qa=\"dt-pagination-prev\"\n      :aria-label=\"prevAriaLabel\"\n      :kind=\"isFirstPage ? 'default' : 'muted'\"\n      :importance=\"isFirstPage ? 'primary' : 'clear'\"\n      :disabled=\"isFirstPage\"\n      :class=\"isFirstPage ? 'd-fc-black-300 d-bgc-transparent' : 'd-fc-tertiary'\"\n      @click=\"changePage(currentPage - 1)\"\n    >\n      <template #icon>\n        <dt-icon-chevron-left\n          size=\"300\"\n        />\n      </template>\n    </dt-button>\n    <div\n      v-for=\"(page, index) in pages\"\n      :key=\"`page-${page}-${index}`\"\n      :class=\"{ 'd-pagination__separator': isNaN(Number(page)) }\"\n    >\n      <!-- eslint-disable vue/no-bare-strings-in-template -->\n      <div\n        v-if=\"isNaN(Number(page))\"\n        class=\"d-pagination__separator-icon\"\n        data-qa=\"dt-pagination-separator\"\n      >\n        <dt-icon-more-horizontal\n          size=\"300\"\n        />\n        <!-- … -->\n      </div>\n      <!-- eslint-enable vue/no-bare-strings-in-template -->\n      <dt-button\n        v-else\n        :aria-label=\"pageNumberAriaLabel(page)\"\n        :kind=\"currentPage === page ? 'default' : 'muted'\"\n        :importance=\"currentPage === page ? 'primary' : 'clear'\"\n        label-class=\"\"\n        @click=\"changePage(page)\"\n      >\n        {{ page }}\n      </dt-button>\n    </div>\n    <dt-button\n      class=\"d-pagination__button\"\n      data-qa=\"dt-pagination-next\"\n      :aria-label=\"nextAriaLabel\"\n      :disabled=\"isLastPage\"\n      kind=\"muted\"\n      :importance=\"isLastPage ? 'primary' : 'clear'\"\n      :class=\"isLastPage ? 'd-fc-black-300 d-bgc-transparent' : 'd-fc-tertiary'\"\n      @click=\"changePage(currentPage + 1)\"\n    >\n      <template #icon>\n        <dt-icon-chevron-right\n          size=\"300\"\n        />\n      </template>\n    </dt-button>\n  </nav>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\nimport { DtIconChevronLeft, DtIconChevronRight, DtIconMoreHorizontal } from '@dialpad/dialtone-icons/vue3';\n\n/**\n * Pagination allows you to divide large amounts of content into smaller chunks across multiple pages.\n * @see https://dialtone.dialpad.com/components/pagination.html\n */\nexport default {\n  name: 'DtPagination',\n\n  components: {\n    DtButton,\n    DtIconChevronLeft,\n    DtIconChevronRight,\n    DtIconMoreHorizontal,\n  },\n\n  props: {\n    /**\n     * Descriptive label for the pagination content.\n     */\n    ariaLabel: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * The total number of the pages\n     */\n    totalPages: {\n      type: Number,\n      required: true,\n    },\n\n    /**\n     * Descriptive label for the previous button.\n     */\n    prevAriaLabel: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Descriptive label for the next button.\n     */\n    nextAriaLabel: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * A method that will be called to get the aria label of each page.\n     */\n    pageNumberAriaLabel: {\n      type: Function,\n      required: true,\n    },\n\n    /**\n     * The active current page in the list of pages, defaults to the first page\n     */\n    activePage: {\n      type: Number,\n      default: 1,\n    },\n\n    /**\n     * Determines the max pages to be shown in the list. Using an odd number is recommended.\n     * If an even number is given, then it will be rounded down to the nearest odd number to always\n     * keep current page in the middle when current page is in the mid-range.\n     */\n    maxVisible: {\n      type: Number,\n      default: 5,\n    },\n  },\n\n  emits: [\n    /**\n     * Page change event\n     *\n     * @event change\n     * @type {Number}\n     */\n    'change',\n  ],\n\n  data () {\n    return {\n      currentPage: this.activePage,\n    };\n  },\n\n  computed: {\n    isFirstPage () {\n      return this.currentPage === 1;\n    },\n\n    isLastPage () {\n      return this.currentPage === this.totalPages;\n    },\n\n    pages () {\n      if (this.maxVisible === 0) {\n        return [];\n      }\n      if (this.totalPages <= this.maxVisible) {\n        return this.range(1, this.totalPages);\n      }\n\n      const start = this.maxVisible - 1;\n      const end = this.totalPages - start + 1;\n\n      if (this.currentPage < start) {\n        return [...this.range(1, start), '...', this.totalPages];\n      }\n\n      if (this.currentPage > end) {\n        return [1, '...', ...this.range(end, this.totalPages)];\n      }\n\n      // rounding to the nearest odd according to the maxlength to always show the page number in the middle.\n      const total = this.maxVisible - (3 - this.maxVisible % 2);\n      const centerIndex = Math.floor(total / 2);\n      const left = this.currentPage - centerIndex;\n      const right = this.currentPage + centerIndex;\n      return [1, '...', ...this.range(left, right), '...', this.totalPages];\n    },\n  },\n\n  methods: {\n    range (from, to) {\n      const range = [];\n      from = from > 0 ? from : 1;\n      for (let i = from; i <= to; i++) {\n        range.push(i);\n      }\n      return range;\n    },\n\n    changePage (page) {\n      this.currentPage = page;\n      this.$emit('change', this.currentPage);\n    },\n  },\n};\n</script>\n"],"names":["DtButton","DtIconChevronLeft","DtIconChevronRight","DtIconMoreHorizontal","_createElementBlock","_createVNode","_normalizeClass","_openBlock","_Fragment","_renderList","_createBlock","_withCtx","_createTextVNode","_toDisplayString"],"mappings":"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"}

package/dist/packages/dialtone-vue3/components/pagination/pagination.vue.js

@@ -0,0 +1,195 @@
+import { DtIconChevronLeft, DtIconChevronRight, DtIconMoreHorizontal } from "@dialpad/dialtone-icons/vue3";
+import { resolveComponent, openBlock, createElementBlock, createVNode, normalizeClass, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString } from "vue";
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+import DtButton from "../button/button.vue.js";
+const _sfc_main = {
+  name: "DtPagination",
+  components: {
+    DtButton,
+    DtIconChevronLeft,
+    DtIconChevronRight,
+    DtIconMoreHorizontal
+  },
+  props: {
+    /**
+     * Descriptive label for the pagination content.
+     */
+    ariaLabel: {
+      type: String,
+      required: true
+    },
+    /**
+     * The total number of the pages
+     */
+    totalPages: {
+      type: Number,
+      required: true
+    },
+    /**
+     * Descriptive label for the previous button.
+     */
+    prevAriaLabel: {
+      type: String,
+      required: true
+    },
+    /**
+     * Descriptive label for the next button.
+     */
+    nextAriaLabel: {
+      type: String,
+      required: true
+    },
+    /**
+     * A method that will be called to get the aria label of each page.
+     */
+    pageNumberAriaLabel: {
+      type: Function,
+      required: true
+    },
+    /**
+     * The active current page in the list of pages, defaults to the first page
+     */
+    activePage: {
+      type: Number,
+      default: 1
+    },
+    /**
+     * Determines the max pages to be shown in the list. Using an odd number is recommended.
+     * If an even number is given, then it will be rounded down to the nearest odd number to always
+     * keep current page in the middle when current page is in the mid-range.
+     */
+    maxVisible: {
+      type: Number,
+      default: 5
+    }
+  },
+  emits: [
+    /**
+     * Page change event
+     *
+     * @event change
+     * @type {Number}
+     */
+    "change"
+  ],
+  data() {
+    return {
+      currentPage: this.activePage
+    };
+  },
+  computed: {
+    isFirstPage() {
+      return this.currentPage === 1;
+    },
+    isLastPage() {
+      return this.currentPage === this.totalPages;
+    },
+    pages() {
+      if (this.maxVisible === 0) {
+        return [];
+      }
+      if (this.totalPages <= this.maxVisible) {
+        return this.range(1, this.totalPages);
+      }
+      const start = this.maxVisible - 1;
+      const end = this.totalPages - start + 1;
+      if (this.currentPage < start) {
+        return [...this.range(1, start), "...", this.totalPages];
+      }
+      if (this.currentPage > end) {
+        return [1, "...", ...this.range(end, this.totalPages)];
+      }
+      const total = this.maxVisible - (3 - this.maxVisible % 2);
+      const centerIndex = Math.floor(total / 2);
+      const left = this.currentPage - centerIndex;
+      const right = this.currentPage + centerIndex;
+      return [1, "...", ...this.range(left, right), "...", this.totalPages];
+    }
+  },
+  methods: {
+    range(from, to) {
+      const range = [];
+      from = from > 0 ? from : 1;
+      for (let i = from; i <= to; i++) {
+        range.push(i);
+      }
+      return range;
+    },
+    changePage(page) {
+      this.currentPage = page;
+      this.$emit("change", this.currentPage);
+    }
+  }
+};
+const _hoisted_1 = ["aria-label"];
+const _hoisted_2 = {
+  key: 0,
+  class: "d-pagination__separator-icon",
+  "data-qa": "dt-pagination-separator"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_icon_chevron_left = resolveComponent("dt-icon-chevron-left");
+  const _component_dt_button = resolveComponent("dt-button");
+  const _component_dt_icon_more_horizontal = resolveComponent("dt-icon-more-horizontal");
+  const _component_dt_icon_chevron_right = resolveComponent("dt-icon-chevron-right");
+  return openBlock(), createElementBlock("nav", {
+    "aria-label": $props.ariaLabel,
+    class: "d-pagination"
+  }, [
+    createVNode(_component_dt_button, {
+      class: normalizeClass(["d-pagination__button", $options.isFirstPage ? "d-fc-black-300 d-bgc-transparent" : "d-fc-tertiary"]),
+      "data-qa": "dt-pagination-prev",
+      "aria-label": $props.prevAriaLabel,
+      kind: $options.isFirstPage ? "default" : "muted",
+      importance: $options.isFirstPage ? "primary" : "clear",
+      disabled: $options.isFirstPage,
+      onClick: _cache[0] || (_cache[0] = ($event) => $options.changePage($data.currentPage - 1))
+    }, {
+      icon: withCtx(() => [
+        createVNode(_component_dt_icon_chevron_left, { size: "300" })
+      ]),
+      _: 1
+    }, 8, ["aria-label", "kind", "importance", "disabled", "class"]),
+    (openBlock(true), createElementBlock(Fragment, null, renderList($options.pages, (page, index) => {
+      return openBlock(), createElementBlock("div", {
+        key: `page-${page}-${index}`,
+        class: normalizeClass({ "d-pagination__separator": isNaN(Number(page)) })
+      }, [
+        isNaN(Number(page)) ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createVNode(_component_dt_icon_more_horizontal, { size: "300" })
+        ])) : (openBlock(), createBlock(_component_dt_button, {
+          key: 1,
+          "aria-label": $props.pageNumberAriaLabel(page),
+          kind: $data.currentPage === page ? "default" : "muted",
+          importance: $data.currentPage === page ? "primary" : "clear",
+          "label-class": "",
+          onClick: ($event) => $options.changePage(page)
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(page), 1)
+          ]),
+          _: 2
+        }, 1032, ["aria-label", "kind", "importance", "onClick"]))
+      ], 2);
+    }), 128)),
+    createVNode(_component_dt_button, {
+      class: normalizeClass(["d-pagination__button", $options.isLastPage ? "d-fc-black-300 d-bgc-transparent" : "d-fc-tertiary"]),
+      "data-qa": "dt-pagination-next",
+      "aria-label": $props.nextAriaLabel,
+      disabled: $options.isLastPage,
+      kind: "muted",
+      importance: $options.isLastPage ? "primary" : "clear",
+      onClick: _cache[1] || (_cache[1] = ($event) => $options.changePage($data.currentPage + 1))
+    }, {
+      icon: withCtx(() => [
+        createVNode(_component_dt_icon_chevron_right, { size: "300" })
+      ]),
+      _: 1
+    }, 8, ["aria-label", "disabled", "importance", "class"])
+  ], 8, _hoisted_1);
+}
+const pagination = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  pagination as default
+};
+//# sourceMappingURL=pagination.vue.js.map

package/dist/packages/dialtone-vue3/components/pagination/pagination.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.vue.js","sources":["../../../../../components/pagination/pagination.vue"],"sourcesContent":["<template>\n  <nav\n    :aria-label=\"ariaLabel\"\n    class=\"d-pagination\"\n  >\n    <dt-button\n      class=\"d-pagination__button\"\n      data-qa=\"dt-pagination-prev\"\n      :aria-label=\"prevAriaLabel\"\n      :kind=\"isFirstPage ? 'default' : 'muted'\"\n      :importance=\"isFirstPage ? 'primary' : 'clear'\"\n      :disabled=\"isFirstPage\"\n      :class=\"isFirstPage ? 'd-fc-black-300 d-bgc-transparent' : 'd-fc-tertiary'\"\n      @click=\"changePage(currentPage - 1)\"\n    >\n      <template #icon>\n        <dt-icon-chevron-left\n          size=\"300\"\n        />\n      </template>\n    </dt-button>\n    <div\n      v-for=\"(page, index) in pages\"\n      :key=\"`page-${page}-${index}`\"\n      :class=\"{ 'd-pagination__separator': isNaN(Number(page)) }\"\n    >\n      <!-- eslint-disable vue/no-bare-strings-in-template -->\n      <div\n        v-if=\"isNaN(Number(page))\"\n        class=\"d-pagination__separator-icon\"\n        data-qa=\"dt-pagination-separator\"\n      >\n        <dt-icon-more-horizontal\n          size=\"300\"\n        />\n        <!-- … -->\n      </div>\n      <!-- eslint-enable vue/no-bare-strings-in-template -->\n      <dt-button\n        v-else\n        :aria-label=\"pageNumberAriaLabel(page)\"\n        :kind=\"currentPage === page ? 'default' : 'muted'\"\n        :importance=\"currentPage === page ? 'primary' : 'clear'\"\n        label-class=\"\"\n        @click=\"changePage(page)\"\n      >\n        {{ page }}\n      </dt-button>\n    </div>\n    <dt-button\n      class=\"d-pagination__button\"\n      data-qa=\"dt-pagination-next\"\n      :aria-label=\"nextAriaLabel\"\n      :disabled=\"isLastPage\"\n      kind=\"muted\"\n      :importance=\"isLastPage ? 'primary' : 'clear'\"\n      :class=\"isLastPage ? 'd-fc-black-300 d-bgc-transparent' : 'd-fc-tertiary'\"\n      @click=\"changePage(currentPage + 1)\"\n    >\n      <template #icon>\n        <dt-icon-chevron-right\n          size=\"300\"\n        />\n      </template>\n    </dt-button>\n  </nav>\n</template>\n\n<script>\nimport { DtButton } from '@/components/button';\nimport { DtIconChevronLeft, DtIconChevronRight, DtIconMoreHorizontal } from '@dialpad/dialtone-icons/vue3';\n\n/**\n * Pagination allows you to divide large amounts of content into smaller chunks across multiple pages.\n * @see https://dialtone.dialpad.com/components/pagination.html\n */\nexport default {\n  name: 'DtPagination',\n\n  components: {\n    DtButton,\n    DtIconChevronLeft,\n    DtIconChevronRight,\n    DtIconMoreHorizontal,\n  },\n\n  props: {\n    /**\n     * Descriptive label for the pagination content.\n     */\n    ariaLabel: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * The total number of the pages\n     */\n    totalPages: {\n      type: Number,\n      required: true,\n    },\n\n    /**\n     * Descriptive label for the previous button.\n     */\n    prevAriaLabel: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Descriptive label for the next button.\n     */\n    nextAriaLabel: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * A method that will be called to get the aria label of each page.\n     */\n    pageNumberAriaLabel: {\n      type: Function,\n      required: true,\n    },\n\n    /**\n     * The active current page in the list of pages, defaults to the first page\n     */\n    activePage: {\n      type: Number,\n      default: 1,\n    },\n\n    /**\n     * Determines the max pages to be shown in the list. Using an odd number is recommended.\n     * If an even number is given, then it will be rounded down to the nearest odd number to always\n     * keep current page in the middle when current page is in the mid-range.\n     */\n    maxVisible: {\n      type: Number,\n      default: 5,\n    },\n  },\n\n  emits: [\n    /**\n     * Page change event\n     *\n     * @event change\n     * @type {Number}\n     */\n    'change',\n  ],\n\n  data () {\n    return {\n      currentPage: this.activePage,\n    };\n  },\n\n  computed: {\n    isFirstPage () {\n      return this.currentPage === 1;\n    },\n\n    isLastPage () {\n      return this.currentPage === this.totalPages;\n    },\n\n    pages () {\n      if (this.maxVisible === 0) {\n        return [];\n      }\n      if (this.totalPages <= this.maxVisible) {\n        return this.range(1, this.totalPages);\n      }\n\n      const start = this.maxVisible - 1;\n      const end = this.totalPages - start + 1;\n\n      if (this.currentPage < start) {\n        return [...this.range(1, start), '...', this.totalPages];\n      }\n\n      if (this.currentPage > end) {\n        return [1, '...', ...this.range(end, this.totalPages)];\n      }\n\n      // rounding to the nearest odd according to the maxlength to always show the page number in the middle.\n      const total = this.maxVisible - (3 - this.maxVisible % 2);\n      const centerIndex = Math.floor(total / 2);\n      const left = this.currentPage - centerIndex;\n      const right = this.currentPage + centerIndex;\n      return [1, '...', ...this.range(left, right), '...', this.totalPages];\n    },\n  },\n\n  methods: {\n    range (from, to) {\n      const range = [];\n      from = from > 0 ? from : 1;\n      for (let i = from; i <= to; i++) {\n        range.push(i);\n      }\n      return range;\n    },\n\n    changePage (page) {\n      this.currentPage = page;\n      this.$emit('change', this.currentPage);\n    },\n  },\n};\n</script>\n"],"names":["_createElementBlock","_createVNode","_normalizeClass","_openBlock","_Fragment","_renderList","_createBlock","_withCtx","_createTextVNode","_toDisplayString"],"mappings":"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"}