@dialpad/dialtone-vue 3.145.1 → 3.146.0

package/dist/lib/root-layout.js

@@ -109,46 +109,31 @@ const _sfc_main = {
 };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
-    class: normalizeClass([
-      "root-layout",
-      "d-root-layout",
-      {
-        "d-root-layout--fixed": $props.fixed,
-        "d-root-layout--inverted": $options.isInverted,
-        [`d-root-layout__responsive--${$props.responsiveBreakpoint}`]: !!$props.responsiveBreakpoint
-      }
-    ]),
+    class: normalizeClass(["root-layout", "d-root-layout", {
+      "d-root-layout--fixed": $props.fixed,
+      "d-root-layout--inverted": $options.isInverted,
+      [`d-root-layout__responsive--${$props.responsiveBreakpoint}`]: !!$props.responsiveBreakpoint
+    }]),
     "data-qa": "dt-root-layout"
-  }, [
-    createElementVNode("header", {
-      class: normalizeClass(["d-root-layout__header", { "d-root-layout__header--sticky": $props.headerSticky }, $props.headerClass]),
-      "data-qa": "dt-root-layout-header"
-    }, [
-      renderSlot(_ctx.$slots, "header")
-    ], 2),
-    createElementVNode("aside", {
-      ref: "root-layout-sidebar",
-      tabindex: "0",
-      class: normalizeClass(["d-root-layout__sidebar", $props.sidebarClass]),
-      "data-qa": "dt-root-layout-sidebar"
-    }, [
-      renderSlot(_ctx.$slots, "sidebar")
-    ], 2),
-    createElementVNode("main", {
-      ref: "root-layout-content",
-      class: normalizeClass(["d-root-layout__content", $props.contentClass]),
-      "data-qa": "dt-root-layout-content",
-      tabindex: "0"
-    }, [
-      renderSlot(_ctx.$slots, "default")
-    ], 2),
-    createElementVNode("footer", {
-      class: normalizeClass(["d-root-layout__footer", $props.footerClass]),
-      "data-qa": "dt-root-layout-footer"
-    }, [
-      renderSlot(_ctx.$slots, "footer")
-    ], 2)
-  ], 2);
+  }, [createElementVNode("header", {
+    class: normalizeClass(["d-root-layout__header", {
+      "d-root-layout__header--sticky": $props.headerSticky
+    }, $props.headerClass]),
+    "data-qa": "dt-root-layout-header"
+  }, [renderSlot(_ctx.$slots, "header")], 2), createElementVNode("aside", {
+    ref: "root-layout-sidebar",
+    tabindex: "0",
+    class: normalizeClass(["d-root-layout__sidebar", $props.sidebarClass]),
+    "data-qa": "dt-root-layout-sidebar"
+  }, [renderSlot(_ctx.$slots, "sidebar")], 2), createElementVNode("main", {
+    ref: "root-layout-content",
+    class: normalizeClass(["d-root-layout__content", $props.contentClass]),
+    "data-qa": "dt-root-layout-content",
+    tabindex: "0"
+  }, [renderSlot(_ctx.$slots, "default")], 2), createElementVNode("footer", {
+    class: normalizeClass(["d-root-layout__footer", $props.footerClass]),
+    "data-qa": "dt-root-layout-footer"
+  }, [renderSlot(_ctx.$slots, "footer")], 2)], 2);
 }
 const root_layout = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/lib/root-layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"root-layout.js","sources":["../../components/root_layout/root_layout_constants.js","../../components/root_layout/root_layout.vue"],"sourcesContent":["export const ROOT_LAYOUT_SIDEBAR_POSITIONS = {\n  LEFT: 'left',\n  RIGHT: 'right',\n};\n\nexport const ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS = ['sm', 'md', 'lg', null];\n\nexport default {\n  ROOT_LAYOUT_SIDEBAR_POSITIONS,\n  ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS,\n};\n","<template>\n  <div\n    :class=\"[\n      'root-layout',\n      'd-root-layout',\n      {\n        'd-root-layout--fixed': fixed,\n        'd-root-layout--inverted': isInverted,\n        [`d-root-layout__responsive--${responsiveBreakpoint}`]: !!responsiveBreakpoint,\n      },\n    ]\"\n    data-qa=\"dt-root-layout\"\n  >\n    <header\n      :class=\"['d-root-layout__header', { 'd-root-layout__header--sticky': headerSticky }, headerClass]\"\n      data-qa=\"dt-root-layout-header\"\n    >\n      <!-- @slot Slot for header content, be sure to set a height on the element inside this\n        if you want a fixed height. -->\n      <slot name=\"header\" />\n    </header>\n    <aside\n      ref=\"root-layout-sidebar\"\n      tabindex=\"0\"\n      :class=\"['d-root-layout__sidebar', sidebarClass]\"\n      data-qa=\"dt-root-layout-sidebar\"\n    >\n      <!-- @slot Slot for sidebar content, be sure to set a width on the element within this. -->\n      <slot name=\"sidebar\" />\n    </aside>\n    <main\n      ref=\"root-layout-content\"\n      :class=\"['d-root-layout__content', contentClass]\"\n      data-qa=\"dt-root-layout-content\"\n      tabindex=\"0\"\n    >\n      <!-- @slot Slot for the main content -->\n      <slot />\n    </main>\n    <footer\n      :class=\"['d-root-layout__footer', footerClass]\"\n      data-qa=\"dt-root-layout-footer\"\n    >\n      <!-- @slot Slot for footer content, be sure to set a height on the element inside this\n        if you want a fixed height. -->\n      <slot name=\"footer\" />\n    </footer>\n  </div>\n</template>\n\n<script>\nimport { ROOT_LAYOUT_SIDEBAR_POSITIONS, ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS } from './root_layout_constants';\n\n/**\n * A root layout provides a standardized group of containers to display content at the root level.\n */\nexport default {\n  name: 'DtRootLayout',\n\n  props: {\n    /**\n     * When true, the header, footer and sidebar will be locked in position and the content will\n     * be scrollable. When false the header, footer and sidebar  will scroll out of view.\n     * @values true, false\n     */\n    fixed: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Additional class name for the header element\n     */\n    headerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * DEPRECATED: set the height of the inner element instead.\n     */\n    headerHeight: {\n      type: String,\n      default: '64px',\n    },\n\n    /**\n     * Scroll the header with the page\n     * @values true, false\n     */\n    headerSticky: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Additional class name for the body\n     */\n    bodyClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the content element\n     */\n    contentClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the sidebar element\n     */\n    sidebarClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * DEPRECATED: set the width of the inner element instead.\n     */\n    sidebarWidth: {\n      type: String,\n      default: '256px',\n    },\n\n    /**\n     * Whether the sidebar is on the left or right side\n     * Possible options: 'left', 'right'\n     * @values left, right\n     */\n    sidebarPosition: {\n      type: String,\n      default: 'left',\n      validator: (s) => Object.values(ROOT_LAYOUT_SIDEBAR_POSITIONS).includes(s),\n    },\n\n    /**\n     * Additional class name for the footer element\n     */\n    footerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * DEPRECATED: set the height of the inner element instead.\n     */\n    footerHeight: {\n      type: String,\n      default: '64px',\n    },\n\n    /**\n     * Defines the breakpoint when the root layout will change to responsive version\n     * @values 'sm', 'md', 'lg', null\n     */\n    responsiveBreakpoint: {\n      type: String,\n      default: null,\n      validator: (bp) => ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS.includes(bp),\n    },\n  },\n\n  computed: {\n    isInverted () {\n      return this.sidebarPosition === ROOT_LAYOUT_SIDEBAR_POSITIONS.RIGHT;\n    },\n  },\n};\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_renderSlot"],"mappings":";;AAAY,MAAC,gCAAgC;AAAA,EAC3C,MAAM;AAAA,EACN,OAAO;AACT;AAEY,MAAC,qCAAqC,CAAC,MAAM,MAAM,MAAM,IAAI;ACmDzE,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAML,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,aAAa;AAAA,MACX,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,WAAW;AAAA,MACT,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,cAAc;AAAA,MACZ,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,cAAc;AAAA,MACZ,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOD,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,MAAM,OAAO,OAAO,6BAA6B,EAAE,SAAS,CAAC;AAAA,IAC1E;AAAA;AAAA;AAAA;AAAA,IAKD,aAAa;AAAA,MACX,MAAM,CAAC,QAAQ,OAAO,MAAM;AAAA,MAC5B,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA;AAAA,IAMD,sBAAsB;AAAA,MACpB,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,CAAC,OAAO,mCAAmC,SAAS,EAAE;AAAA,IAClE;AAAA,EACF;AAAA,EAED,UAAU;AAAA,IACR,aAAc;AACZ,aAAO,KAAK,oBAAoB,8BAA8B;AAAA,IAC/D;AAAA,EACF;AACH;;sBAzKEA,mBA8CM,OAAA;AAAA,IA7CH,OAAKC,eAAA;AAAA;;;gCAAwF,OAAK;AAAA,mCAAqC,SAAU;AAAA,QAAyC,CAAA,8BAAA,OAAA,oBAAoB,OAAO,OAAoB;AAAA;;IAS1O,WAAQ;AAAA;IAERC,mBAOS,UAAA;AAAA,MANN,OAAKD,eAAA,CAAA,yBAAA,EAAA,iCAA+D,OAAY,aAAA,GAAI,OAAW,WAAA,CAAA;AAAA,MAChG,WAAQ;AAAA;MAIRE,WAAsB,KAAA,QAAA,QAAA;AAAA;IAExBD,mBAQQ,SAAA;AAAA,MAPN,KAAI;AAAA,MACJ,UAAS;AAAA,MACR,iDAAkC,OAAY,YAAA,CAAA;AAAA,MAC/C,WAAQ;AAAA;MAGRC,WAAuB,KAAA,QAAA,SAAA;AAAA;IAEzBD,mBAQO,QAAA;AAAA,MAPL,KAAI;AAAA,MACH,iDAAkC,OAAY,YAAA,CAAA;AAAA,MAC/C,WAAQ;AAAA,MACR,UAAS;AAAA;MAGTC,WAAQ,KAAA,QAAA,SAAA;AAAA;IAEVD,mBAOS,UAAA;AAAA,MANN,gDAAiC,OAAW,WAAA,CAAA;AAAA,MAC7C,WAAQ;AAAA;MAIRC,WAAsB,KAAA,QAAA,QAAA;AAAA;;;;"}
+{"version":3,"file":"root-layout.js","sources":["../../components/root_layout/root_layout_constants.js","../../components/root_layout/root_layout.vue"],"sourcesContent":["export const ROOT_LAYOUT_SIDEBAR_POSITIONS = {\n  LEFT: 'left',\n  RIGHT: 'right',\n};\n\nexport const ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS = ['sm', 'md', 'lg', null];\n\nexport default {\n  ROOT_LAYOUT_SIDEBAR_POSITIONS,\n  ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS,\n};\n","<template>\n  <div\n    :class=\"[\n      'root-layout',\n      'd-root-layout',\n      {\n        'd-root-layout--fixed': fixed,\n        'd-root-layout--inverted': isInverted,\n        [`d-root-layout__responsive--${responsiveBreakpoint}`]: !!responsiveBreakpoint,\n      },\n    ]\"\n    data-qa=\"dt-root-layout\"\n  >\n    <header\n      :class=\"['d-root-layout__header', { 'd-root-layout__header--sticky': headerSticky }, headerClass]\"\n      data-qa=\"dt-root-layout-header\"\n    >\n      <!-- @slot Slot for header content, be sure to set a height on the element inside this\n        if you want a fixed height. -->\n      <slot name=\"header\" />\n    </header>\n    <aside\n      ref=\"root-layout-sidebar\"\n      tabindex=\"0\"\n      :class=\"['d-root-layout__sidebar', sidebarClass]\"\n      data-qa=\"dt-root-layout-sidebar\"\n    >\n      <!-- @slot Slot for sidebar content, be sure to set a width on the element within this. -->\n      <slot name=\"sidebar\" />\n    </aside>\n    <main\n      ref=\"root-layout-content\"\n      :class=\"['d-root-layout__content', contentClass]\"\n      data-qa=\"dt-root-layout-content\"\n      tabindex=\"0\"\n    >\n      <!-- @slot Slot for the main content -->\n      <slot />\n    </main>\n    <footer\n      :class=\"['d-root-layout__footer', footerClass]\"\n      data-qa=\"dt-root-layout-footer\"\n    >\n      <!-- @slot Slot for footer content, be sure to set a height on the element inside this\n        if you want a fixed height. -->\n      <slot name=\"footer\" />\n    </footer>\n  </div>\n</template>\n\n<script>\nimport { ROOT_LAYOUT_SIDEBAR_POSITIONS, ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS } from './root_layout_constants';\n\n/**\n * A root layout provides a standardized group of containers to display content at the root level.\n */\nexport default {\n  name: 'DtRootLayout',\n\n  props: {\n    /**\n     * When true, the header, footer and sidebar will be locked in position and the content will\n     * be scrollable. When false the header, footer and sidebar  will scroll out of view.\n     * @values true, false\n     */\n    fixed: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Additional class name for the header element\n     */\n    headerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * DEPRECATED: set the height of the inner element instead.\n     */\n    headerHeight: {\n      type: String,\n      default: '64px',\n    },\n\n    /**\n     * Scroll the header with the page\n     * @values true, false\n     */\n    headerSticky: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Additional class name for the body\n     */\n    bodyClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the content element\n     */\n    contentClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * Additional class name for the sidebar element\n     */\n    sidebarClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * DEPRECATED: set the width of the inner element instead.\n     */\n    sidebarWidth: {\n      type: String,\n      default: '256px',\n    },\n\n    /**\n     * Whether the sidebar is on the left or right side\n     * Possible options: 'left', 'right'\n     * @values left, right\n     */\n    sidebarPosition: {\n      type: String,\n      default: 'left',\n      validator: (s) => Object.values(ROOT_LAYOUT_SIDEBAR_POSITIONS).includes(s),\n    },\n\n    /**\n     * Additional class name for the footer element\n     */\n    footerClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n\n    /**\n     * DEPRECATED: set the height of the inner element instead.\n     */\n    footerHeight: {\n      type: String,\n      default: '64px',\n    },\n\n    /**\n     * Defines the breakpoint when the root layout will change to responsive version\n     * @values 'sm', 'md', 'lg', null\n     */\n    responsiveBreakpoint: {\n      type: String,\n      default: null,\n      validator: (bp) => ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS.includes(bp),\n    },\n  },\n\n  computed: {\n    isInverted () {\n      return this.sidebarPosition === ROOT_LAYOUT_SIDEBAR_POSITIONS.RIGHT;\n    },\n  },\n};\n</script>\n"],"names":["ROOT_LAYOUT_SIDEBAR_POSITIONS","LEFT","RIGHT","ROOT_LAYOUT_RESPONSIVE_BREAKPOINTS","_sfc_main","name","props","fixed","type","Boolean","default","headerClass","String","Array","Object","headerHeight","headerSticky","bodyClass","contentClass","sidebarClass","sidebarWidth","sidebarPosition","validator","s","values","includes","footerClass","footerHeight","responsiveBreakpoint","bp","computed","isInverted","_createElementBlock","class","_normalizeClass","$props","$options","_createElementVNode","_renderSlot","_ctx","$slots","ref","tabindex"],"mappings":"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"}