@dialpad/dialtone-vue 3.120.0 → 3.120.2

package/dist/lib/settings-menu-button.js

@@ -1,20 +1,20 @@
-import { DtButton as m } from "./button.js";
-import { resolveComponent as i, openBlock as r, createBlock as s, mergeProps as l, withCtx as o, createVNode as c, renderSlot as p } from "vue";
-import { _ as u } from "../chunks/_plugin-vue_export-helper-hUChTQA_.js";
-import { DtIcon as d } from "./icon.js";
-import "./utils.js";
-import "./constants.js";
-import "../chunks/link_constants-vIUB92L4.js";
+import { DtButton } from "./button.js";
+import { resolveComponent, openBlock, createBlock, mergeProps, withCtx, createVNode, renderSlot } from "vue";
+import { _export_sfc } from "../chunks/_plugin-vue_export-helper-caHeSgYY.js";
+import { DtIcon } from "./icon.js";
+import "../common/utils.js";
+import "../common/constants.js";
+import "../chunks/link_constants-nWVlXQBs.js";
 import "@dialpad/dialtone-icons/vue3";
-import "../chunks/icon_constants-OpYAAKwF.js";
+import "../chunks/icon_constants-Dy4MEUJL.js";
 import "@dialpad/dialtone-icons/icons.json";
-const _ = {
+const _sfc_main = {
   name: "DtRecipeSettingsMenuButton",
   components: {
-    DtButton: m,
-    DtIcon: d
+    DtButton,
+    DtIcon
   },
-  inheritAttrs: !1,
+  inheritAttrs: false,
   props: {
     /**
      * Determines whether the button should display the update state
@@ -23,46 +23,47 @@ const _ = {
      */
     updateAvailable: {
       type: Boolean,
-      default: !1
+      default: false
     },
     /**
      * Aria label
      */
     ariaLabel: {
       type: String,
-      required: !0
+      required: true
     }
   }
 };
-function b(t, f, e, g, v, B) {
-  const n = i("dt-icon"), a = i("dt-button");
-  return e.updateAvailable ? (r(), s(a, l({
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_icon = resolveComponent("dt-icon");
+  const _component_dt_button = resolveComponent("dt-button");
+  return $props.updateAvailable ? (openBlock(), createBlock(_component_dt_button, mergeProps({
     key: 0,
     importance: "outlined",
     size: "xs",
     "icon-position": "right",
     class: "settings-menu-button-update",
-    "aria-label": e.ariaLabel
-  }, t.$attrs), {
-    icon: o(() => [
-      c(n, {
+    "aria-label": $props.ariaLabel
+  }, _ctx.$attrs), {
+    icon: withCtx(() => [
+      createVNode(_component_dt_icon, {
         name: "more-vertical",
         size: "300"
       })
     ]),
-    default: o(() => [
-      p(t.$slots, "default", {}, void 0, !0)
+    default: withCtx(() => [
+      renderSlot(_ctx.$slots, "default", {}, void 0, true)
     ]),
     _: 3
-  }, 16, ["aria-label"])) : (r(), s(a, l({
+  }, 16, ["aria-label"])) : (openBlock(), createBlock(_component_dt_button, mergeProps({
     key: 1,
     importance: "clear",
     kind: "inverted",
     class: "settings-menu-button",
-    "aria-label": e.ariaLabel
-  }, t.$attrs), {
-    icon: o(() => [
-      c(n, {
+    "aria-label": $props.ariaLabel
+  }, _ctx.$attrs), {
+    icon: withCtx(() => [
+      createVNode(_component_dt_icon, {
         name: "more-vertical",
         size: "300"
       })
@@ -70,8 +71,8 @@ function b(t, f, e, g, v, B) {
     _: 1
   }, 16, ["aria-label"]));
 }
-const C = /* @__PURE__ */ u(_, [["render", b], ["__scopeId", "data-v-b0dfa8b3"]]);
+const settings_menu_button = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-b0dfa8b3"]]);
 export {
-  C as DtRecipeSettingsMenuButton
+  settings_menu_button as DtRecipeSettingsMenuButton
 };
 //# sourceMappingURL=settings-menu-button.js.map

package/dist/lib/settings-menu-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"settings-menu-button.js","sources":["../../recipes/header/settings_menu_button/settings_menu_button.vue"],"sourcesContent":["<template>\n  <dt-button\n    v-if=\"updateAvailable\"\n    importance=\"outlined\"\n    size=\"xs\"\n    icon-position=\"right\"\n    class=\"settings-menu-button-update\"\n    :aria-label=\"ariaLabel\"\n    v-bind=\"$attrs\"\n  >\n    <slot />\n    <template #icon>\n      <dt-icon\n        name=\"more-vertical\"\n        size=\"300\"\n      />\n    </template>\n  </dt-button>\n  <dt-button\n    v-else\n    importance=\"clear\"\n    kind=\"inverted\"\n    class=\"settings-menu-button\"\n    :aria-label=\"ariaLabel\"\n    v-bind=\"$attrs\"\n  >\n    <template #icon>\n      <dt-icon\n        name=\"more-vertical\"\n        size=\"300\"\n      />\n    </template>\n  </dt-button>\n</template>\n\n<script>\nimport DtButton from '@/components/button/button.vue';\nimport { DtIcon } from '@/components/icon';\n\nexport default {\n  name: 'DtRecipeSettingsMenuButton',\n\n  components: {\n    DtButton,\n    DtIcon,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Determines whether the button should display the update state\n     * default is false\n     * @values true, false\n     */\n    updateAvailable: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Aria label\n     */\n    ariaLabel: {\n      type: String,\n      required: true,\n    },\n  },\n\n};\n</script>\n\n<style scoped lang=\"less\">\n.settings-menu-button {\n  padding: var(--dt-space-0);\n  border-radius: var(--dt-size-550);\n  height: var(--dt-size-600);\n  width: var(--dt-size-550);\n  color: var(--dt-theme-topbar-button-color-foreground);\n  background-color: var(--dt-theme-topbar-button-color-background);\n\n  &:hover {\n    background-color: var(--dt-theme-topbar-button-color-background-hover);\n    color: var(--dt-theme-topbar-button-color-foreground-hover);\n  }\n\n  &:active {\n    background-color: var(--dt-theme-topbar-button-color-background-active);\n  }\n}\n\n.settings-menu-button-update {\n  background-color: hsla(var(--dt-color-blue-200-hsl) / 25%);\n  color: var(--dt-color-blue-500);\n  border-color: hsla(var(--dt-color-blue-200-hsl) / 25%);\n  border-radius: var(--dt-size-radius-pill);\n  height: var(--dt-size-600);\n\n  &:hover {\n    background-color: hsla(var(--dt-color-blue-200-hsl) / 50%);\n    color: var(--dt-theme-topbar-button-color-foreground-hover);\n  }\n}\n</style>\n"],"names":["_sfc_main","DtButton","DtIcon","$props","_openBlock","_createBlock","_component_dt_button","_mergeProps","_ctx","_createVNode","_component_dt_icon","_renderSlot"],"mappings":";;;;;;;;;;AAuCA,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,UAAAC;AAAA,IACA,QAAAC;AAAA,EACD;AAAA,EAED,cAAc;AAAA,EAEd,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAML,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,WAAW;AAAA,MACT,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,EACF;AAEH;;;SAnEUC,EAAe,mBADvBC,KAAAC,EAgBYC,GAhBZC,EAgBY;AAAA;IAdV,YAAW;AAAA,IACX,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,OAAM;AAAA,IACL,cAAYJ,EAAS;AAAA,KACdK,EAAM,MAAA,GAAA;AAAA,IAGH,QACT,MAGE;AAAA,MAHFC,EAGEC,GAAA;AAAA,QAFA,MAAK;AAAA,QACL,MAAK;AAAA;;eAJT,MAAQ;AAAA,MAARC,EAAQH,EAAA,QAAA,WAAA,CAAA,GAAA,QAAA,EAAA;AAAA;;6BAQVJ,KAAAC,EAcYC,GAdZC,EAcY;AAAA;IAZV,YAAW;AAAA,IACX,MAAK;AAAA,IACL,OAAM;AAAA,IACL,cAAYJ,EAAS;AAAA,KACdK,EAAM,MAAA,GAAA;AAAA,IAEH,QACT,MAGE;AAAA,MAHFC,EAGEC,GAAA;AAAA,QAFA,MAAK;AAAA,QACL,MAAK;AAAA;;;;;;"}
+{"version":3,"file":"settings-menu-button.js","sources":["../../recipes/header/settings_menu_button/settings_menu_button.vue"],"sourcesContent":["<template>\n  <dt-button\n    v-if=\"updateAvailable\"\n    importance=\"outlined\"\n    size=\"xs\"\n    icon-position=\"right\"\n    class=\"settings-menu-button-update\"\n    :aria-label=\"ariaLabel\"\n    v-bind=\"$attrs\"\n  >\n    <slot />\n    <template #icon>\n      <dt-icon\n        name=\"more-vertical\"\n        size=\"300\"\n      />\n    </template>\n  </dt-button>\n  <dt-button\n    v-else\n    importance=\"clear\"\n    kind=\"inverted\"\n    class=\"settings-menu-button\"\n    :aria-label=\"ariaLabel\"\n    v-bind=\"$attrs\"\n  >\n    <template #icon>\n      <dt-icon\n        name=\"more-vertical\"\n        size=\"300\"\n      />\n    </template>\n  </dt-button>\n</template>\n\n<script>\nimport DtButton from '@/components/button/button.vue';\nimport { DtIcon } from '@/components/icon';\n\nexport default {\n  name: 'DtRecipeSettingsMenuButton',\n\n  components: {\n    DtButton,\n    DtIcon,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Determines whether the button should display the update state\n     * default is false\n     * @values true, false\n     */\n    updateAvailable: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Aria label\n     */\n    ariaLabel: {\n      type: String,\n      required: true,\n    },\n  },\n\n};\n</script>\n\n<style scoped lang=\"less\">\n.settings-menu-button {\n  padding: var(--dt-space-0);\n  border-radius: var(--dt-size-550);\n  height: var(--dt-size-600);\n  width: var(--dt-size-550);\n  color: var(--dt-theme-topbar-button-color-foreground);\n  background-color: var(--dt-theme-topbar-button-color-background);\n\n  &:hover {\n    background-color: var(--dt-theme-topbar-button-color-background-hover);\n    color: var(--dt-theme-topbar-button-color-foreground-hover);\n  }\n\n  &:active {\n    background-color: var(--dt-theme-topbar-button-color-background-active);\n  }\n}\n\n.settings-menu-button-update {\n  background-color: hsla(var(--dt-color-blue-200-hsl) / 25%);\n  color: var(--dt-color-blue-500);\n  border-color: hsla(var(--dt-color-blue-200-hsl) / 25%);\n  border-radius: var(--dt-size-radius-pill);\n  height: var(--dt-size-600);\n\n  &:hover {\n    background-color: hsla(var(--dt-color-blue-200-hsl) / 50%);\n    color: var(--dt-theme-topbar-button-color-foreground-hover);\n  }\n}\n</style>\n"],"names":["_openBlock","_createBlock","_mergeProps","_createVNode","_renderSlot"],"mappings":";;;;;;;;;;AAuCA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY;AAAA,IACV;AAAA,IACA;AAAA,EACD;AAAA,EAED,cAAc;AAAA,EAEd,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAML,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,WAAW;AAAA,MACT,MAAM;AAAA,MACN,UAAU;AAAA,IACX;AAAA,EACF;AAEH;;;;SAnEU,OAAe,mBADvBA,aAAAC,YAgBY,sBAhBZC,WAgBY;AAAA;IAdV,YAAW;AAAA,IACX,MAAK;AAAA,IACL,iBAAc;AAAA,IACd,OAAM;AAAA,IACL,cAAY,OAAS;AAAA,KACd,KAAM,MAAA,GAAA;AAAA,IAGH,cACT,MAGE;AAAA,MAHFC,YAGE,oBAAA;AAAA,QAFA,MAAK;AAAA,QACL,MAAK;AAAA;;qBAJT,MAAQ;AAAA,MAARC,WAAQ,KAAA,QAAA,WAAA,CAAA,GAAA,QAAA,IAAA;AAAA;;6BAQVJ,aAAAC,YAcY,sBAdZC,WAcY;AAAA;IAZV,YAAW;AAAA,IACX,MAAK;AAAA,IACL,OAAM;AAAA,IACL,cAAY,OAAS;AAAA,KACd,KAAM,MAAA,GAAA;AAAA,IAEH,cACT,MAGE;AAAA,MAHFC,YAGE,oBAAA;AAAA,QAFA,MAAK;AAAA,QACL,MAAK;AAAA;;;;;;"}