@dialpad/dialtone 9.110.2 → 9.111.1

package/dist/vue2/components/notice/notice_constants.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"notice_constants.cjs","sources":["../../../components/notice/notice_constants.js"],"sourcesContent":["export const NOTICE_KINDS = ['base', 'error', 'info', 'success', 'warning'];\nexport const NOTICE_ROLES = ['alert', 'alertdialog', 'status'];\n\nexport default {\n  NOTICE_KINDS,\n  NOTICE_ROLES,\n};\n"],"names":[],"mappings":";;AAAY,MAAC,eAAe,CAAC,QAAQ,SAAS,QAAQ,WAAW,SAAS;AAC9D,MAAC,eAAe,CAAC,SAAS,eAAe,QAAQ;;;"}

package/dist/vue2/components/notice/notice_constants.js

@@ -1,7 +0,0 @@
-const NOTICE_KINDS = ["base", "error", "info", "success", "warning"];
-const NOTICE_ROLES = ["alert", "alertdialog", "status"];
-export {
-  NOTICE_KINDS,
-  NOTICE_ROLES
-};
-//# sourceMappingURL=notice_constants.js.map

package/dist/vue2/components/notice/notice_constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"notice_constants.js","sources":["../../../components/notice/notice_constants.js"],"sourcesContent":["export const NOTICE_KINDS = ['base', 'error', 'info', 'success', 'warning'];\nexport const NOTICE_ROLES = ['alert', 'alertdialog', 'status'];\n\nexport default {\n  NOTICE_KINDS,\n  NOTICE_ROLES,\n};\n"],"names":[],"mappings":"AAAY,MAAC,eAAe,CAAC,QAAQ,SAAS,QAAQ,WAAW,SAAS;AAC9D,MAAC,eAAe,CAAC,SAAS,eAAe,QAAQ;"}

package/dist/vue2/components/notice/notice_content.vue.cjs

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const _pluginVue2_normalizer = require("../../_virtual/_plugin-vue2_normalizer.cjs");
-const _sfc_main = {
-  name: "DtNoticeContent",
-  props: {
-    /**
-     * Title header of the notice. This can be left blank to remove the title from the notice entirely.
-     */
-    title: {
-      type: String,
-      default: ""
-    },
-    /**
-     * ID for the title element of the component. Useful for aria-describedby
-     * or aria-labelledby or any other reason you may need an id to refer to the title.
-     */
-    titleId: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * ID for the content element of the component. Useful for aria-describedby
-     * or aria-labelledby or any other reason you may need an id to refer to the content.
-     */
-    contentId: {
-      type: String,
-      default: void 0
-    }
-  }
-};
-var _sfc_render = function render() {
-  var _vm = this, _c = _vm._self._c;
-  return _c("div", { staticClass: "d-notice__content", attrs: { "data-qa": "notice-content" } }, [_vm.title || _vm.$slots.titleOverride ? _c("p", { staticClass: "d-notice__title", attrs: { "id": _vm.titleId, "data-qa": "notice-content-title" } }, [_vm._t("titleOverride", function() {
-    return [_vm._v(" " + _vm._s(_vm.title) + " ")];
-  })], 2) : _vm._e(), _c("p", { staticClass: "d-notice__message", attrs: { "id": _vm.contentId, "data-qa": "notice-content-message" } }, [_vm._t("default")], 2)]);
-};
-var _sfc_staticRenderFns = [];
-var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.default(
-  _sfc_main,
-  _sfc_render,
-  _sfc_staticRenderFns
-);
-const DtNoticeContent = __component__.exports;
-exports.default = DtNoticeContent;
-//# sourceMappingURL=notice_content.vue.cjs.map

package/dist/vue2/components/notice/notice_content.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"notice_content.vue.cjs","sources":["../../../components/notice/notice_content.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-notice__content\"\n    data-qa=\"notice-content\"\n  >\n    <p\n      v-if=\"title || $slots.titleOverride\"\n      :id=\"titleId\"\n      class=\"d-notice__title\"\n      data-qa=\"notice-content-title\"\n    >\n      <!-- @slot Slot for the title  -->\n      <slot name=\"titleOverride\">\n        {{ title }}\n      </slot>\n    </p>\n    <p\n      :id=\"contentId\"\n      class=\"d-notice__message\"\n      data-qa=\"notice-content-message\"\n    >\n      <!-- @slot Slot for main content -->\n      <slot />\n    </p>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'DtNoticeContent',\n\n  props: {\n    /**\n     * Title header of the notice. This can be left blank to remove the title from the notice entirely.\n     */\n    title: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * ID for the title element of the component. Useful for aria-describedby\n     * or aria-labelledby or any other reason you may need an id to refer to the title.\n     */\n    titleId: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * ID for the content element of the component. Useful for aria-describedby\n     * or aria-labelledby or any other reason you may need an id to refer to the content.\n     */\n    contentId: {\n      type: String,\n      default: undefined,\n    },\n  },\n};\n</script>\n"],"names":[],"mappings":";;;AA4BA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;"}

package/dist/vue2/components/notice/notice_content.vue.js

@@ -1,46 +0,0 @@
-import normalizeComponent from "../../_virtual/_plugin-vue2_normalizer.js";
-const _sfc_main = {
-  name: "DtNoticeContent",
-  props: {
-    /**
-     * Title header of the notice. This can be left blank to remove the title from the notice entirely.
-     */
-    title: {
-      type: String,
-      default: ""
-    },
-    /**
-     * ID for the title element of the component. Useful for aria-describedby
-     * or aria-labelledby or any other reason you may need an id to refer to the title.
-     */
-    titleId: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * ID for the content element of the component. Useful for aria-describedby
-     * or aria-labelledby or any other reason you may need an id to refer to the content.
-     */
-    contentId: {
-      type: String,
-      default: void 0
-    }
-  }
-};
-var _sfc_render = function render() {
-  var _vm = this, _c = _vm._self._c;
-  return _c("div", { staticClass: "d-notice__content", attrs: { "data-qa": "notice-content" } }, [_vm.title || _vm.$slots.titleOverride ? _c("p", { staticClass: "d-notice__title", attrs: { "id": _vm.titleId, "data-qa": "notice-content-title" } }, [_vm._t("titleOverride", function() {
-    return [_vm._v(" " + _vm._s(_vm.title) + " ")];
-  })], 2) : _vm._e(), _c("p", { staticClass: "d-notice__message", attrs: { "id": _vm.contentId, "data-qa": "notice-content-message" } }, [_vm._t("default")], 2)]);
-};
-var _sfc_staticRenderFns = [];
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  _sfc_main,
-  _sfc_render,
-  _sfc_staticRenderFns
-);
-const DtNoticeContent = __component__.exports;
-export {
-  DtNoticeContent as default
-};
-//# sourceMappingURL=notice_content.vue.js.map

package/dist/vue2/components/notice/notice_content.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"notice_content.vue.js","sources":["../../../components/notice/notice_content.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-notice__content\"\n    data-qa=\"notice-content\"\n  >\n    <p\n      v-if=\"title || $slots.titleOverride\"\n      :id=\"titleId\"\n      class=\"d-notice__title\"\n      data-qa=\"notice-content-title\"\n    >\n      <!-- @slot Slot for the title  -->\n      <slot name=\"titleOverride\">\n        {{ title }}\n      </slot>\n    </p>\n    <p\n      :id=\"contentId\"\n      class=\"d-notice__message\"\n      data-qa=\"notice-content-message\"\n    >\n      <!-- @slot Slot for main content -->\n      <slot />\n    </p>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'DtNoticeContent',\n\n  props: {\n    /**\n     * Title header of the notice. This can be left blank to remove the title from the notice entirely.\n     */\n    title: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * ID for the title element of the component. Useful for aria-describedby\n     * or aria-labelledby or any other reason you may need an id to refer to the title.\n     */\n    titleId: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * ID for the content element of the component. Useful for aria-describedby\n     * or aria-labelledby or any other reason you may need an id to refer to the content.\n     */\n    contentId: {\n      type: String,\n      default: undefined,\n    },\n  },\n};\n</script>\n"],"names":[],"mappings":";AA4BA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;"}

package/dist/vue2/components/notice/notice_icon.vue.cjs

@@ -1,55 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue2 = require("@dialpad/dialtone-icons/vue2");
-const notice_constants = require("./notice_constants.cjs");
-const _pluginVue2_normalizer = require("../../_virtual/_plugin-vue2_normalizer.cjs");
-const kindToIcon = /* @__PURE__ */ new Map([
-  ["info", vue2.DtIconInfo],
-  ["success", vue2.DtIconCheckCircle],
-  ["warning", vue2.DtIconAlertTriangle],
-  ["error", vue2.DtIconAlertCircle],
-  ["base", vue2.DtIconBell]
-]);
-const _sfc_main = {
-  name: "DtNoticeIcon",
-  components: {
-    DtIconInfo: vue2.DtIconInfo,
-    DtIconCheckCircle: vue2.DtIconCheckCircle,
-    DtIconAlertTriangle: vue2.DtIconAlertTriangle,
-    DtIconAlertCircle: vue2.DtIconAlertCircle,
-    DtIconBell: vue2.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);
-      }
-    }
-  },
-  computed: {
-    defaultIcon() {
-      return kindToIcon.get(this.kind);
-    }
-  }
-};
-var _sfc_render = function render() {
-  var _vm = this, _c = _vm._self._c;
-  return _vm.defaultIcon || _vm.$slots.default ? _c("div", { staticClass: "d-notice__icon", attrs: { "aria-hidden": "true" } }, [_vm._t("default", function() {
-    return [_c(_vm.defaultIcon, { tag: "component", attrs: { "size": "400" } })];
-  })], 2) : _vm._e();
-};
-var _sfc_staticRenderFns = [];
-var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.default(
-  _sfc_main,
-  _sfc_render,
-  _sfc_staticRenderFns
-);
-const DtNoticeIcon = __component__.exports;
-exports.default = DtNoticeIcon;
-//# sourceMappingURL=notice_icon.vue.cjs.map

package/dist/vue2/components/notice/notice_icon.vue.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"notice_icon.vue.cjs","sources":["../../../components/notice/notice_icon.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"defaultIcon || $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/vue2';\nimport { NOTICE_KINDS } from './notice_constants.js';\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  computed: {\n    defaultIcon () {\n      return kindToIcon.get(this.kind);\n    },\n  },\n};\n</script>\n"],"names":["DtIconInfo","DtIconCheckCircle","DtIconAlertTriangle","DtIconAlertCircle","DtIconBell","NOTICE_KINDS"],"mappings":";;;;;AA0BA,MAAA,aAAA,oBAAA,IAAA;AAAA,EACA,CAAA,QAAAA,KAAAA,UAAA;AAAA,EACA,CAAA,WAAAC,KAAAA,iBAAA;AAAA,EACA,CAAA,WAAAC,KAAAA,mBAAA;AAAA,EACA,CAAA,SAAAC,KAAAA,iBAAA;AAAA,EACA,CAAA,QAAAC,KAAAA,UAAA;AACA,CAAA;AAEA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA;AAAA,IACA,YAAAJ,KAAA;AAAA,IACA,mBAAAC,KAAA;AAAA,IACA,qBAAAC,KAAA;AAAA,IACA,mBAAAC,KAAA;AAAA,IACA,YAAAC,KAAA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,SAAA,MAAA;AACA,eAAAC,iBAAA,aAAA,SAAA,IAAA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,cAAA;AACA,aAAA,WAAA,IAAA,KAAA,IAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;"}

package/dist/vue2/components/notice/notice_icon.vue.js

@@ -1,55 +0,0 @@
-import { DtIconInfo, DtIconCheckCircle, DtIconAlertTriangle, DtIconAlertCircle, DtIconBell } from "@dialpad/dialtone-icons/vue2";
-import { NOTICE_KINDS } from "./notice_constants.js";
-import normalizeComponent from "../../_virtual/_plugin-vue2_normalizer.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);
-      }
-    }
-  },
-  computed: {
-    defaultIcon() {
-      return kindToIcon.get(this.kind);
-    }
-  }
-};
-var _sfc_render = function render() {
-  var _vm = this, _c = _vm._self._c;
-  return _vm.defaultIcon || _vm.$slots.default ? _c("div", { staticClass: "d-notice__icon", attrs: { "aria-hidden": "true" } }, [_vm._t("default", function() {
-    return [_c(_vm.defaultIcon, { tag: "component", attrs: { "size": "400" } })];
-  })], 2) : _vm._e();
-};
-var _sfc_staticRenderFns = [];
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  _sfc_main,
-  _sfc_render,
-  _sfc_staticRenderFns
-);
-const DtNoticeIcon = __component__.exports;
-export {
-  DtNoticeIcon as default
-};
-//# sourceMappingURL=notice_icon.vue.js.map

package/dist/vue2/components/notice/notice_icon.vue.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"notice_icon.vue.js","sources":["../../../components/notice/notice_icon.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"defaultIcon || $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/vue2';\nimport { NOTICE_KINDS } from './notice_constants.js';\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  computed: {\n    defaultIcon () {\n      return kindToIcon.get(this.kind);\n    },\n  },\n};\n</script>\n"],"names":[],"mappings":";;;AA0BA,MAAA,aAAA,oBAAA,IAAA;AAAA,EACA,CAAA,QAAA,UAAA;AAAA,EACA,CAAA,WAAA,iBAAA;AAAA,EACA,CAAA,WAAA,mBAAA;AAAA,EACA,CAAA,SAAA,iBAAA;AAAA,EACA,CAAA,QAAA,UAAA;AACA,CAAA;AAEA,MAAA,YAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,SAAA,MAAA;AACA,eAAA,aAAA,SAAA,IAAA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,cAAA;AACA,aAAA,WAAA,IAAA,KAAA,IAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;"}

package/dist/vue2/components/pagination/pagination.vue.cjs

@@ -1,183 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue2 = require("@dialpad/dialtone-icons/vue2");
-const _pluginVue2_normalizer = require("../../_virtual/_plugin-vue2_normalizer.cjs");
-const button = require("../button/button.vue.cjs");
-const _sfc_main = {
-  name: "DtPagination",
-  components: {
-    DtButton: button.default,
-    DtIconChevronLeft: vue2.DtIconChevronLeft,
-    DtIconChevronRight: vue2.DtIconChevronRight,
-    DtIconMoreHorizontal: vue2.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
-    },
-    /**
-     * Sometimes you may need to hide start and end page number buttons when moving in between.
-     * This prop will be used to hide the first and last page buttons when not near the edges.
-     * This is useful when your backend does not support offset and you can only use cursor based pagination.
-     */
-    hideEdges: {
-      type: Boolean,
-      default: false
-    }
-  },
-  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);
-      }
-      let start = this.maxVisible - 1;
-      let end = this.totalPages - start + 1;
-      if (this.hideEdges) {
-        start = start + 1;
-        end = end - 1;
-      }
-      if (this.currentPage < start) {
-        const pages2 = [...this.range(1, start), "..."];
-        if (!this.hideEdges) {
-          pages2.push(this.totalPages);
-        }
-        return pages2;
-      }
-      if (this.currentPage > end) {
-        const pages2 = ["...", ...this.range(end, this.totalPages)];
-        if (!this.hideEdges) {
-          pages2.unshift(1);
-        }
-        return pages2;
-      }
-      const total = this.maxVisible - (3 - this.maxVisible % 2);
-      const centerIndex = Math.floor(total / 2);
-      let left = this.currentPage - centerIndex;
-      let right = this.currentPage + centerIndex;
-      if (this.hideEdges) {
-        left = left - 1;
-        right = right + 1;
-      }
-      const pages = ["...", ...this.range(left, right), "..."];
-      if (!this.hideEdges) {
-        return [1, ...pages, this.totalPages];
-      }
-      return pages;
-    }
-  },
-  watch: {
-    activePage() {
-      this.currentPage = this.activePage;
-    }
-  },
-  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);
-    }
-  }
-};
-var _sfc_render = function render() {
-  var _vm = this, _c = _vm._self._c;
-  return _c("nav", { staticClass: "d-pagination", attrs: { "aria-label": _vm.ariaLabel } }, [_c("dt-button", { staticClass: "d-pagination__button", attrs: { "data-qa": "dt-pagination-prev", "aria-label": _vm.prevAriaLabel, "kind": "muted", "importance": "clear", "disabled": _vm.isFirstPage }, on: { "click": function($event) {
-    return _vm.changePage(_vm.currentPage - 1);
-  } }, scopedSlots: _vm._u([{ key: "icon", fn: function() {
-    return [_c("dt-icon-chevron-left", { attrs: { "size": "300" } })];
-  }, proxy: true }]) }), _vm._l(_vm.pages, function(page, index) {
-    return _c("div", { key: `page-${page}-${index}`, class: { "d-pagination__separator": isNaN(Number(page)) } }, [isNaN(Number(page)) ? _c("div", { staticClass: "d-pagination__separator-icon", attrs: { "data-qa": "dt-pagination-separator" } }, [_c("dt-icon-more-horizontal", { attrs: { "size": "300" } })], 1) : _c("dt-button", { attrs: { "aria-label": _vm.pageNumberAriaLabel(page), "kind": _vm.currentPage === page ? "default" : "muted", "importance": _vm.currentPage === page ? "primary" : "clear", "label-class": "" }, on: { "click": function($event) {
-      return _vm.changePage(page);
-    } } }, [_vm._v(" " + _vm._s(page) + " ")])], 1);
-  }), _c("dt-button", { staticClass: "d-pagination__button", attrs: { "data-qa": "dt-pagination-next", "aria-label": _vm.nextAriaLabel, "disabled": _vm.isLastPage, "kind": "muted", "importance": "clear" }, on: { "click": function($event) {
-    return _vm.changePage(_vm.currentPage + 1);
-  } }, scopedSlots: _vm._u([{ key: "icon", fn: function() {
-    return [_c("dt-icon-chevron-right", { attrs: { "size": "300" } })];
-  }, proxy: true }]) })], 2);
-};
-var _sfc_staticRenderFns = [];
-var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.default(
-  _sfc_main,
-  _sfc_render,
-  _sfc_staticRenderFns
-);
-const pagination = __component__.exports;
-exports.default = pagination;
-//# sourceMappingURL=pagination.vue.cjs.map

package/dist/vue2/components/pagination/pagination.vue.cjs.map

@@ -1 +0,0 @@
-{"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=\"muted\"\n      importance=\"clear\"\n      :disabled=\"isFirstPage\"\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=\"clear\"\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/vue2';\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     * Sometimes you may need to hide start and end page number buttons when moving in between.\n     * This prop will be used to hide the first and last page buttons when not near the edges.\n     * This is useful when your backend does not support offset and you can only use cursor based pagination.\n     */\n    hideEdges: {\n      type: Boolean,\n      default: false,\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      let start = this.maxVisible - 1;\n      let end = this.totalPages - start + 1;\n\n      // if hideEdges is true, modify the start and\n      // end to account for the hidden pages\n      if (this.hideEdges) {\n        start = start + 1;\n        end = end - 1;\n      }\n\n      if (this.currentPage < start) {\n        const pages = [...this.range(1, start), '...'];\n        if (!this.hideEdges) {\n          // add last page to the end\n          pages.push(this.totalPages);\n        }\n        return pages;\n      }\n\n      if (this.currentPage > end) {\n        const pages = ['...', ...this.range(end, this.totalPages)];\n        if (!this.hideEdges) {\n          // add first page to the beginning\n          pages.unshift(1);\n        }\n        return pages;\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      let left = this.currentPage - centerIndex;\n      let right = this.currentPage + centerIndex;\n\n      // if hideEdge is true, modify the left and right to account for the hidden pages\n      if (this.hideEdges) {\n        left = left - 1;\n        right = right + 1;\n      }\n\n      const pages = ['...', ...this.range(left, right), '...'];\n      if (!this.hideEdges) {\n        return [1, ...pages, this.totalPages];\n      }\n      return pages;\n    },\n  },\n\n  watch: {\n    activePage () {\n      this.currentPage = this.activePage;\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","pages"],"mappings":"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"}

package/dist/vue2/components/pagination/pagination.vue.js

@@ -1,183 +0,0 @@
-import { DtIconChevronLeft, DtIconChevronRight, DtIconMoreHorizontal } from "@dialpad/dialtone-icons/vue2";
-import normalizeComponent from "../../_virtual/_plugin-vue2_normalizer.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
-    },
-    /**
-     * Sometimes you may need to hide start and end page number buttons when moving in between.
-     * This prop will be used to hide the first and last page buttons when not near the edges.
-     * This is useful when your backend does not support offset and you can only use cursor based pagination.
-     */
-    hideEdges: {
-      type: Boolean,
-      default: false
-    }
-  },
-  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);
-      }
-      let start = this.maxVisible - 1;
-      let end = this.totalPages - start + 1;
-      if (this.hideEdges) {
-        start = start + 1;
-        end = end - 1;
-      }
-      if (this.currentPage < start) {
-        const pages2 = [...this.range(1, start), "..."];
-        if (!this.hideEdges) {
-          pages2.push(this.totalPages);
-        }
-        return pages2;
-      }
-      if (this.currentPage > end) {
-        const pages2 = ["...", ...this.range(end, this.totalPages)];
-        if (!this.hideEdges) {
-          pages2.unshift(1);
-        }
-        return pages2;
-      }
-      const total = this.maxVisible - (3 - this.maxVisible % 2);
-      const centerIndex = Math.floor(total / 2);
-      let left = this.currentPage - centerIndex;
-      let right = this.currentPage + centerIndex;
-      if (this.hideEdges) {
-        left = left - 1;
-        right = right + 1;
-      }
-      const pages = ["...", ...this.range(left, right), "..."];
-      if (!this.hideEdges) {
-        return [1, ...pages, this.totalPages];
-      }
-      return pages;
-    }
-  },
-  watch: {
-    activePage() {
-      this.currentPage = this.activePage;
-    }
-  },
-  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);
-    }
-  }
-};
-var _sfc_render = function render() {
-  var _vm = this, _c = _vm._self._c;
-  return _c("nav", { staticClass: "d-pagination", attrs: { "aria-label": _vm.ariaLabel } }, [_c("dt-button", { staticClass: "d-pagination__button", attrs: { "data-qa": "dt-pagination-prev", "aria-label": _vm.prevAriaLabel, "kind": "muted", "importance": "clear", "disabled": _vm.isFirstPage }, on: { "click": function($event) {
-    return _vm.changePage(_vm.currentPage - 1);
-  } }, scopedSlots: _vm._u([{ key: "icon", fn: function() {
-    return [_c("dt-icon-chevron-left", { attrs: { "size": "300" } })];
-  }, proxy: true }]) }), _vm._l(_vm.pages, function(page, index) {
-    return _c("div", { key: `page-${page}-${index}`, class: { "d-pagination__separator": isNaN(Number(page)) } }, [isNaN(Number(page)) ? _c("div", { staticClass: "d-pagination__separator-icon", attrs: { "data-qa": "dt-pagination-separator" } }, [_c("dt-icon-more-horizontal", { attrs: { "size": "300" } })], 1) : _c("dt-button", { attrs: { "aria-label": _vm.pageNumberAriaLabel(page), "kind": _vm.currentPage === page ? "default" : "muted", "importance": _vm.currentPage === page ? "primary" : "clear", "label-class": "" }, on: { "click": function($event) {
-      return _vm.changePage(page);
-    } } }, [_vm._v(" " + _vm._s(page) + " ")])], 1);
-  }), _c("dt-button", { staticClass: "d-pagination__button", attrs: { "data-qa": "dt-pagination-next", "aria-label": _vm.nextAriaLabel, "disabled": _vm.isLastPage, "kind": "muted", "importance": "clear" }, on: { "click": function($event) {
-    return _vm.changePage(_vm.currentPage + 1);
-  } }, scopedSlots: _vm._u([{ key: "icon", fn: function() {
-    return [_c("dt-icon-chevron-right", { attrs: { "size": "300" } })];
-  }, proxy: true }]) })], 2);
-};
-var _sfc_staticRenderFns = [];
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  _sfc_main,
-  _sfc_render,
-  _sfc_staticRenderFns
-);
-const pagination = __component__.exports;
-export {
-  pagination as default
-};
-//# sourceMappingURL=pagination.vue.js.map

package/dist/vue2/components/pagination/pagination.vue.js.map

@@ -1 +0,0 @@
-{"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=\"muted\"\n      importance=\"clear\"\n      :disabled=\"isFirstPage\"\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=\"clear\"\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/vue2';\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     * Sometimes you may need to hide start and end page number buttons when moving in between.\n     * This prop will be used to hide the first and last page buttons when not near the edges.\n     * This is useful when your backend does not support offset and you can only use cursor based pagination.\n     */\n    hideEdges: {\n      type: Boolean,\n      default: false,\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      let start = this.maxVisible - 1;\n      let end = this.totalPages - start + 1;\n\n      // if hideEdges is true, modify the start and\n      // end to account for the hidden pages\n      if (this.hideEdges) {\n        start = start + 1;\n        end = end - 1;\n      }\n\n      if (this.currentPage < start) {\n        const pages = [...this.range(1, start), '...'];\n        if (!this.hideEdges) {\n          // add last page to the end\n          pages.push(this.totalPages);\n        }\n        return pages;\n      }\n\n      if (this.currentPage > end) {\n        const pages = ['...', ...this.range(end, this.totalPages)];\n        if (!this.hideEdges) {\n          // add first page to the beginning\n          pages.unshift(1);\n        }\n        return pages;\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      let left = this.currentPage - centerIndex;\n      let right = this.currentPage + centerIndex;\n\n      // if hideEdge is true, modify the left and right to account for the hidden pages\n      if (this.hideEdges) {\n        left = left - 1;\n        right = right + 1;\n      }\n\n      const pages = ['...', ...this.range(left, right), '...'];\n      if (!this.hideEdges) {\n        return [1, ...pages, this.totalPages];\n      }\n      return pages;\n    },\n  },\n\n  watch: {\n    activePage () {\n      this.currentPage = this.activePage;\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":["pages"],"mappings":"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"}