@dialpad/dialtone 9.83.1 → 9.84.0

package/dist/vue3/recipes/chips/grouped_chip/grouped_chip.vue.js

@@ -0,0 +1,91 @@
+import { hasSlotContent } from "../../../common/utils.js";
+import { resolveComponent, openBlock, createElementBlock, createVNode, createSlots, withCtx, renderSlot, createCommentVNode } from "vue";
+/* empty css                  */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+import DtChip from "../../../components/chip/chip.vue.js";
+const _sfc_main = {
+  name: "DtRecipeGroupedChip",
+  components: {
+    DtChip
+  },
+  data() {
+    return {
+      hasSlotContent
+    };
+  }
+};
+const _hoisted_1 = {
+  "data-qa": "grouped-chip",
+  class: "dt-grouped-chip"
+};
+const _hoisted_2 = {
+  key: 0,
+  "data-qa": "left-grouped-chip-icon"
+};
+const _hoisted_3 = {
+  key: 0,
+  "data-qa": "left-grouped-chip-content"
+};
+const _hoisted_4 = {
+  key: 0,
+  "data-qa": "right-grouped-chip-icon"
+};
+const _hoisted_5 = {
+  key: 0,
+  "data-qa": "right-grouped-chip-content"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_chip = resolveComponent("dt-chip");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    createVNode(_component_dt_chip, {
+      "hide-close": true,
+      interactive: false,
+      "content-class": "d-fs100",
+      size: "xs",
+      "grouped-chip": true,
+      class: "dt-chip-content dt-chip-content--left"
+    }, createSlots({
+      default: withCtx(() => [
+        $data.hasSlotContent(_ctx.$slots.leftContent) ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          renderSlot(_ctx.$slots, "leftContent")
+        ])) : createCommentVNode("", true)
+      ]),
+      _: 2
+    }, [
+      $data.hasSlotContent(_ctx.$slots.leftIcon) ? {
+        name: "icon",
+        fn: withCtx(() => [
+          $data.hasSlotContent(_ctx.$slots.leftIcon) ? (openBlock(), createElementBlock("div", _hoisted_2, [
+            renderSlot(_ctx.$slots, "leftIcon")
+          ])) : createCommentVNode("", true)
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1024),
+    createVNode(_component_dt_chip, {
+      "hide-close": true,
+      interactive: false,
+      "content-class": "d-fs100",
+      size: "xs",
+      "grouped-chip": true,
+      class: "dt-chip-content dt-chip-content--right"
+    }, {
+      icon: withCtx(() => [
+        $data.hasSlotContent(_ctx.$slots.rightIcon) ? (openBlock(), createElementBlock("div", _hoisted_4, [
+          renderSlot(_ctx.$slots, "rightIcon")
+        ])) : createCommentVNode("", true)
+      ]),
+      default: withCtx(() => [
+        $data.hasSlotContent(_ctx.$slots.rightContent) ? (openBlock(), createElementBlock("div", _hoisted_5, [
+          renderSlot(_ctx.$slots, "rightContent")
+        ])) : createCommentVNode("", true)
+      ]),
+      _: 3
+    })
+  ]);
+}
+const grouped_chip = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  grouped_chip as default
+};
+//# sourceMappingURL=grouped_chip.vue.js.map

package/dist/vue3/recipes/chips/grouped_chip/grouped_chip.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grouped_chip.vue.js","sources":["../../../../recipes/chips/grouped_chip/grouped_chip.vue"],"sourcesContent":["<template>\n  <div\n    data-qa=\"grouped-chip\"\n    class=\"dt-grouped-chip\"\n  >\n    <dt-chip\n      :hide-close=\"true\"\n      :interactive=\"false\"\n      content-class=\"d-fs100\"\n      size=\"xs\"\n      :grouped-chip=\"true\"\n      class=\"dt-chip-content dt-chip-content--left\"\n    >\n      <template\n        v-if=\"hasSlotContent($slots.leftIcon)\"\n        #icon\n      >\n        <!-- @slot Slot for left chip icon information -->\n        <div\n          v-if=\"hasSlotContent($slots.leftIcon)\"\n          data-qa=\"left-grouped-chip-icon\"\n        >\n          <slot name=\"leftIcon\" />\n        </div>\n      </template>\n      <template #default>\n        <div\n          v-if=\"hasSlotContent($slots.leftContent)\"\n          data-qa=\"left-grouped-chip-content\"\n        >\n          <!-- @slot Slot for left chip content information -->\n          <slot name=\"leftContent\" />\n        </div>\n      </template>\n    </dt-chip>\n\n    <!-- Right side split chip -->\n    <dt-chip\n      :hide-close=\"true\"\n      :interactive=\"false\"\n      content-class=\"d-fs100\"\n      size=\"xs\"\n      :grouped-chip=\"true\"\n      class=\"dt-chip-content dt-chip-content--right\"\n    >\n      <template #icon>\n        <div\n          v-if=\"hasSlotContent($slots.rightIcon)\"\n          data-qa=\"right-grouped-chip-icon\"\n        >\n          <!-- @slot Slot for right chip content information -->\n          <slot name=\"rightIcon\" />\n        </div>\n      </template>\n      <template #default>\n        <div\n          v-if=\"hasSlotContent($slots.rightContent)\"\n          data-qa=\"right-grouped-chip-content\"\n        >\n          <!-- @slot Slot for right chip content information -->\n          <slot name=\"rightContent\" />\n        </div>\n      </template>\n    </dt-chip>\n  </div>\n</template>\n\n<script>\nimport { DtChip } from '@/components/chip';\nimport { hasSlotContent } from '@/common/utils';\n\nexport default {\n  name: 'DtRecipeGroupedChip',\n\n  components: {\n    DtChip,\n  },\n\n  data () {\n    return {\n      hasSlotContent,\n    };\n  },\n};\n</script>\n\n<style lang=\"less\">\n.dt-grouped-chip {\n  display: inline-flex;\n  white-space: nowrap;\n  background-color: unset;\n  background-image: unset;\n}\n\n.dt-chip-content {\n  font-variant-numeric: tabular-nums;\n\n  &--left {\n    border-top-left-radius: var(--dt-size-radius-pill);\n    border-bottom-left-radius: var(--dt-size-radius-pill);\n    background-color: var(--dt-color-surface-moderate-opaque);\n    max-width: var(--dt-size-730);\n  }\n\n  &--right {\n    border-top-right-radius: var(--dt-size-radius-pill);\n    border-bottom-right-radius: var(--dt-size-radius-pill);\n    background-color: var(--dt-color-purple-200);\n    max-width: var(--dt-size-730);\n  }\n}\n</style>\n"],"names":["_openBlock","_createElementBlock","_createVNode","_createSlots","_renderSlot","_createCommentVNode","_withCtx"],"mappings":";;;;;AAuEA,MAAK,YAAU;AAAA,EACb,MAAM;AAAA,EAEN,YAAY;AAAA,IACV;AAAA,EACD;AAAA,EAED,OAAQ;AACN,WAAO;AAAA,MACL;AAAA;EAEH;AACH;;EAjFI,WAAQ;AAAA,EACR,OAAM;;;EAHV,KAAA;AAAA,EAoBU,WAAQ;;;EApBlB,KAAA;AAAA,EA4BU,WAAQ;;;EA5BlB,KAAA;AAAA,EAgDU,WAAQ;;;EAhDlB,KAAA;AAAA,EAyDU,WAAQ;;;;AAxDhB,SAAAA,UAAA,GAAAC,mBA+DM,OA/DN,YA+DM;AAAA,IA3DJC,YA6BU,oBAAA;AAAA,MA5BP,cAAY;AAAA,MACZ,aAAa;AAAA,MACd,iBAAc;AAAA,MACd,MAAK;AAAA,MACJ,gBAAc;AAAA,MACf,OAAM;AAAA,IAXZ,GAAAC,YAAA;AAAA,MAyBiB,iBACT,MAMM;AAAA,QALE,MAAc,eAAC,KAAM,OAAC,WAAW,KADzCH,aAAAC,mBAMM,OANN,YAMM;AAAA,UADJG,WAA2B,KAAA,QAAA,aAAA;AAAA,cA/BrCC,mBAAA,IAAA,IAAA;AAAA;MAAA,GAAA;AAAA;MAcc,MAAc,eAAC,KAAM,OAAC,QAAQ;QAd5C,MAeS;AAAA,QAfT,IAAAC,QAkBQ,MAKM;AAAA,UAJE,MAAc,eAAC,KAAM,OAAC,QAAQ,KADtCN,aAAAC,mBAKM,OALN,YAKM;AAAA,YADJG,WAAwB,KAAA,QAAA,UAAA;AAAA,gBAtBlCC,mBAAA,IAAA,IAAA;AAAA;QAAA,KAAA;AAAA,UAAA;AAAA;IAqCIH,YA0BU,oBAAA;AAAA,MAzBP,cAAY;AAAA,MACZ,aAAa;AAAA,MACd,iBAAc;AAAA,MACd,MAAK;AAAA,MACJ,gBAAc;AAAA,MACf,OAAM;AAAA;MAEK,cACT,MAMM;AAAA,QALE,MAAc,eAAC,KAAM,OAAC,SAAS,KADvCF,aAAAC,mBAMM,OANN,YAMM;AAAA,UADJG,WAAyB,KAAA,QAAA,WAAA;AAAA,cAnDnCC,mBAAA,IAAA,IAAA;AAAA;MAsDiB,iBACT,MAMM;AAAA,QALE,MAAc,eAAC,KAAM,OAAC,YAAY,KAD1CL,aAAAC,mBAMM,OANN,YAMM;AAAA,UADJG,WAA4B,KAAA,QAAA,cAAA;AAAA,cA5DtCC,mBAAA,IAAA,IAAA;AAAA;MAAA,GAAA;AAAA;;;;"}