@aotearoan/neon 28.0.0 → 28.0.2

package/dist/components/user-input/toggle/NeonToggle.vue.es.js

@@ -1,17 +1,20 @@
-import g from "./NeonToggle.es.js";
-import { resolveComponent as b, openBlock as n, createElementBlock as o, normalizeClass as s, Fragment as u, renderList as c, withKeys as i, withModifiers as m, createElementVNode as k, mergeProps as y, createCommentVNode as d, renderSlot as h, createBlock as _, toDisplayString as f } from "vue";
+import m from "./NeonToggle.es.js";
+import { resolveComponent as k, openBlock as n, createElementBlock as o, normalizeClass as t, Fragment as i, renderList as y, createElementVNode as r, withKeys as g, withModifiers as h, mergeProps as b, createCommentVNode as d, renderSlot as u, createBlock as _, toDisplayString as f } from "vue";
 import $ from "../../../_virtual/_plugin-vue_export-helper.es.js";
-const v = ["aria-checked", "aria-disabled", "tabindex", "onKeydown"], w = ["checked", "disabled", "name", "value", "onClick"], p = {
+const v = ["aria-checked", "aria-disabled", "tabindex", "onKeydown"], p = ["checked", "disabled", "name", "value", "onClick"], w = {
   key: 0,
   class: "neon-toggle__radio-button"
-}, V = {
+}, C = {
   key: 0,
   class: "neon-toggle__radio-button-indicator"
-}, C = { key: 1 };
-function S(e, N, z, B, K, T) {
-  const t = b("neon-icon");
+}, V = { key: 1 }, S = {
+  key: 0,
+  class: "neon-toggle__additional-content"
+};
+function N(e, z, B, K, T, E) {
+  const c = k("neon-icon");
   return n(), o("div", {
-    class: s([[
+    class: t([[
       `neon-toggle--${e.toggleStyle}`,
       `neon-toggle--${e.disabled ? "low-contrast" : e.color}`,
       `neon-toggle--${e.orientation}`,
@@ -20,54 +23,59 @@ function S(e, N, z, B, K, T) {
     ], "neon-toggle"]),
     role: "radiogroup"
   }, [
-    (n(!0), o(u, null, c(e.model, (l, r) => (n(), o("label", {
-      key: l.key,
-      "aria-checked": l.key === e.modelValue,
-      "aria-disabled": e.disabled || l.disabled,
-      class: s([{
-        "neon-toggle__label--disabled": e.disabled || l.disabled,
-        "neon-toggle__label--checked": l.key === e.modelValue,
-        "neon-toggle__label--with-icon": l.icon,
-        "neon-toggle__label--with-slot-override": e.slots.option,
-        "neon-toggle__label--with-text": l.label
-      }, "neon-toggle__label no-style"]),
-      tabindex: !e.disabled && !l.disabled ? 0 : void 0,
-      role: "radio",
-      onKeydown: [
-        i((a) => e.selectOption(l), ["enter"]),
-        i(m((a) => e.selectOption(l), ["prevent"]), ["space"])
-      ]
+    (n(!0), o(i, null, y(e.model, (l, a) => (n(), o(i, {
+      key: l.key
     }, [
-      k("input", y({
-        checked: l.key === e.modelValue,
-        disabled: e.disabled || l.disabled,
-        name: e.name,
-        tabindex: -1,
-        value: l.key,
-        class: "neon-toggle__input",
-        type: "radio"
-      }, { ref_for: !0 }, e.sanitizedAttributes, {
-        onClick: (a) => e.onInput(l)
-      }), null, 16, w),
-      e.toggleStyle !== e.NeonToggleStyle.Toggle ? (n(), o("div", p, [
-        l.key === e.modelValue ? (n(), o("div", V)) : d("", !0)
-      ])) : d("", !0),
-      h(e.$slots, "option", {
-        index: r,
-        option: l
-      }, () => [
-        l.icon ? (n(), _(t, {
-          key: 0,
+      r("label", {
+        "aria-checked": l.key === e.modelValue,
+        "aria-disabled": e.disabled || l.disabled,
+        class: t([{
+          "neon-toggle__label--disabled": e.disabled || l.disabled,
+          "neon-toggle__label--checked": l.key === e.modelValue,
+          "neon-toggle__label--with-icon": l.icon,
+          "neon-toggle__label--with-slot-override": e.slots.option
+        }, "neon-toggle__label no-style"]),
+        tabindex: !e.disabled && !l.disabled ? 0 : void 0,
+        role: "radio",
+        onKeydown: [
+          g((s) => e.selectOption(l), ["enter"]),
+          g(h((s) => e.selectOption(l), ["prevent"]), ["space"])
+        ]
+      }, [
+        r("input", b({
+          checked: l.key === e.modelValue,
           disabled: e.disabled || l.disabled,
-          name: l.icon
-        }, null, 8, ["disabled", "name"])) : d("", !0),
-        l.label ? (n(), o("span", C, f(l.label), 1)) : d("", !0)
-      ])
-    ], 42, v))), 128))
+          name: e.name,
+          tabindex: -1,
+          value: l.key,
+          class: "neon-toggle__input",
+          type: "radio"
+        }, { ref_for: !0 }, e.sanitizedAttributes, {
+          onClick: (s) => e.onInput(l)
+        }), null, 16, p),
+        e.toggleStyle !== e.NeonToggleStyle.Toggle ? (n(), o("div", w, [
+          l.key === e.modelValue ? (n(), o("div", C)) : d("", !0)
+        ])) : d("", !0),
+        u(e.$slots, "option", {
+          index: a,
+          option: l
+        }, () => [
+          l.icon ? (n(), _(c, {
+            key: 0,
+            disabled: e.disabled || l.disabled,
+            name: l.icon
+          }, null, 8, ["disabled", "name"])) : d("", !0),
+          l.label ? (n(), o("span", V, f(l.label), 1)) : d("", !0)
+        ])
+      ], 42, v),
+      e.slots.additionalContent ? (n(), o("div", S, [
+        u(e.$slots, "additionalContent", b({ ref_for: !0 }, { option: l, index: a }))
+      ])) : d("", !0)
+    ], 64))), 128))
   ], 2);
 }
-const D = /* @__PURE__ */ $(g, [["render", S]]);
+const F = /* @__PURE__ */ $(m, [["render", N]]);
 export {
-  D as default
+  F as default
 };
 //# sourceMappingURL=NeonToggle.vue.es.js.map

package/dist/components/user-input/toggle/NeonToggle.vue.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"NeonToggle.vue.es.js","sources":["../../../../src/components/user-input/toggle/NeonToggle.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      `neon-toggle--${toggleStyle}`,\n      `neon-toggle--${disabled ? 'low-contrast' : color}`,\n      `neon-toggle--${orientation}`,\n      `neon-toggle--${size}`,\n      { 'neon-toggle--disabled': disabled },\n    ]\"\n    class=\"neon-toggle\"\n    role=\"radiogroup\"\n  >\n    <label\n      v-for=\"(option, index) in model\"\n      :key=\"option.key\"\n      :aria-checked=\"option.key === modelValue\"\n      :aria-disabled=\"disabled || option.disabled\"\n      :class=\"{\n        'neon-toggle__label--disabled': disabled || option.disabled,\n        'neon-toggle__label--checked': option.key === modelValue,\n        'neon-toggle__label--with-icon': option.icon,\n        'neon-toggle__label--with-slot-override': slots.option,\n        'neon-toggle__label--with-text': option.label,\n      }\"\n      :tabindex=\"!disabled && !option.disabled ? 0 : undefined\"\n      class=\"neon-toggle__label no-style\"\n      role=\"radio\"\n      @keydown.enter=\"selectOption(option)\"\n      @keydown.space.prevent=\"selectOption(option)\"\n    >\n      <input\n        :checked=\"option.key === modelValue\"\n        :disabled=\"disabled || option.disabled\"\n        :name=\"name\"\n        :tabindex=\"-1\"\n        :value=\"option.key\"\n        class=\"neon-toggle__input\"\n        type=\"radio\"\n        v-bind=\"sanitizedAttributes\"\n        @click=\"onInput(option)\"\n      />\n      <div v-if=\"toggleStyle !== NeonToggleStyle.Toggle\" class=\"neon-toggle__radio-button\">\n        <div v-if=\"option.key === modelValue\" class=\"neon-toggle__radio-button-indicator\"></div>\n      </div>\n      <!-- @slot This slot is for overriding the option rendering, it is passed two arguments, <em>option</em> - the option model & <em>index</em> -->\n      <slot :index=\"index\" :option=\"option\" name=\"option\">\n        <neon-icon v-if=\"option.icon\" :disabled=\"disabled || option.disabled\" :name=\"option.icon\" />\n        <span v-if=\"option.label\">{{ option.label }}</span>\n      </slot>\n    </label>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonToggle.ts\" />\n"],"names":["_createElementBlock","_normalizeClass","_ctx","_openBlock","_Fragment","_renderList","option","index","_withKeys","$event","_withModifiers","_createElementVNode","_mergeProps","_hoisted_3","_hoisted_4","_renderSlot","_createBlock","_component_neon_icon","_hoisted_5","_toDisplayString"],"mappings":";;;;;EAyCyD,OAAM;;;EACjB,OAAM;;;;cAzClDA,EAiDM,OAAA;AAAA,IAhDH,OAAKC,EAAA,CAAA;AAAA,sBAA0BC,EAAA,WAAW;AAAA,MAA0B,gBAAAA,EAAA,4BAA4BA,EAAA,KAAK;AAAA,sBAA0BA,EAAA,WAAW;AAAA,sBAA0BA,EAAA,IAAI;AAAA,iCAAqCA,EAAA,SAAQ;AAAA,OAOhN,aAAa,CAAA;AAAA,IACnB,MAAK;AAAA;KAELC,EAAA,EAAA,GAAAH,EAqCQI,GAAA,MAAAC,EApCoBH,EAAA,OAAK,CAAvBI,GAAQC,YADlBP,EAqCQ,SAAA;AAAA,MAnCL,KAAKM,EAAO;AAAA,MACZ,gBAAcA,EAAO,QAAQJ,EAAA;AAAA,MAC7B,iBAAeA,EAAA,YAAYI,EAAO;AAAA,MAClC,OAAKL,EAAA,CAAA;AAAA,wCAA4CC,EAAA,YAAYI,EAAO;AAAA,uCAAiDA,EAAO,QAAQJ,EAAA;AAAA,QAAqD,iCAAAI,EAAO;AAAA,QAAwD,0CAAAJ,EAAA,MAAM;AAAA,QAAiD,iCAAAI,EAAO;AAAA,SAQjT,6BAA6B,CAAA;AAAA,MADlC,WAAWJ,EAAA,YAAQ,CAAKI,EAAO,eAAe;AAAA,MAE/C,MAAK;AAAA,MACJ,WAAO;AAAA,QAAQE,EAAA,CAAAC,MAAAP,EAAA,aAAaI,CAAM,GAAA,CAAA,OAAA,CAAA;AAAA,QACXE,EAAAE,EAAA,CAAAD,MAAAP,EAAA,aAAaI,CAAM,GAAA,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;;MAE3CK,EAUE,SAVFC,EAUE;AAAA,QATC,SAASN,EAAO,QAAQJ,EAAA;AAAA,QACxB,UAAUA,EAAA,YAAYI,EAAO;AAAA,QAC7B,MAAMJ,EAAA;AAAA,QACN,UAAU;AAAA,QACV,OAAOI,EAAO;AAAA,QACf,OAAM;AAAA,QACN,MAAK;AAAA,0BACGJ,EAAA,qBAAmB;AAAA,QAC1B,SAAK,CAAAO,MAAEP,EAAA,QAAQI,CAAM;AAAA;MAEbJ,EAAA,gBAAgBA,EAAA,gBAAgB,UAA3CC,KAAAH,EAEM,OAFNa,GAEM;AAAA,QADOP,EAAO,QAAQJ,EAAA,cAA1BC,KAAAH,EAAwF,OAAxFc,CAAwF;;MAG1FC,EAGOb,EAAA,QAAA,UAAA;AAAA,QAHA,OAAOK;AAAA,QAAQ,QAAQD;AAAA,SAA9B,MAGO;AAAA,QAFYA,EAAO,aAAxBU,EAA4FC,GAAA;AAAA;UAA7D,UAAUf,EAAA,YAAYI,EAAO;AAAA,UAAW,MAAMA,EAAO;AAAA;QACxEA,EAAO,cAAnBN,EAAmD,QAAAkB,GAAAC,EAAtBb,EAAO,KAAK,GAAA,CAAA;;;;;;"}
+{"version":3,"file":"NeonToggle.vue.es.js","sources":["../../../../src/components/user-input/toggle/NeonToggle.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      `neon-toggle--${toggleStyle}`,\n      `neon-toggle--${disabled ? 'low-contrast' : color}`,\n      `neon-toggle--${orientation}`,\n      `neon-toggle--${size}`,\n      { 'neon-toggle--disabled': disabled },\n    ]\"\n    class=\"neon-toggle\"\n    role=\"radiogroup\"\n  >\n    <template v-for=\"(option, index) in model\" :key=\"option.key\">\n      <label\n        :aria-checked=\"option.key === modelValue\"\n        :aria-disabled=\"disabled || option.disabled\"\n        :class=\"{\n          'neon-toggle__label--disabled': disabled || option.disabled,\n          'neon-toggle__label--checked': option.key === modelValue,\n          'neon-toggle__label--with-icon': option.icon,\n          'neon-toggle__label--with-slot-override': slots.option,\n        }\"\n        :tabindex=\"!disabled && !option.disabled ? 0 : undefined\"\n        class=\"neon-toggle__label no-style\"\n        role=\"radio\"\n        @keydown.enter=\"selectOption(option)\"\n        @keydown.space.prevent=\"selectOption(option)\"\n      >\n        <input\n          :checked=\"option.key === modelValue\"\n          :disabled=\"disabled || option.disabled\"\n          :name=\"name\"\n          :tabindex=\"-1\"\n          :value=\"option.key\"\n          class=\"neon-toggle__input\"\n          type=\"radio\"\n          v-bind=\"sanitizedAttributes\"\n          @click=\"onInput(option)\"\n        />\n        <div v-if=\"toggleStyle !== NeonToggleStyle.Toggle\" class=\"neon-toggle__radio-button\">\n          <div v-if=\"option.key === modelValue\" class=\"neon-toggle__radio-button-indicator\"></div>\n        </div>\n        <!-- @slot This slot is for overriding the option rendering, it is passed two arguments:\n  @binding {NeonToggleModel} option - the option for which to render additional content.\n  @binding {number} index - the index of the option in the list. -->\n        <slot :index=\"index\" :option=\"option\" name=\"option\">\n          <neon-icon v-if=\"option.icon\" :disabled=\"disabled || option.disabled\" :name=\"option.icon\" />\n          <span v-if=\"option.label\">{{ option.label }}</span>\n        </slot>\n      </label>\n      <!-- @slot slot for rendering additional option content:\n  @binding {NeonToggleModel} option - the option for which to render additional content.\n  @binding {number} index - the index of the option in the list. -->\n      <div v-if=\"slots.additionalContent\" class=\"neon-toggle__additional-content\">\n        <slot name=\"additionalContent\" v-bind=\"{ option, index }\"></slot>\n      </div>\n    </template>\n  </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonToggle.ts\" />\n"],"names":["_createElementBlock","_normalizeClass","_ctx","_openBlock","_Fragment","_renderList","option","index","_createElementVNode","_withKeys","$event","_withModifiers","_mergeProps","_hoisted_3","_hoisted_4","_renderSlot","_createBlock","_component_neon_icon","_hoisted_5","_toDisplayString","_hoisted_6"],"mappings":";;;;;EAuC2D,OAAM;;;EACjB,OAAM;;;EAaZ,OAAM;;;;cApD9CA,EAwDM,OAAA;AAAA,IAvDH,OAAKC,EAAA,CAAA;AAAA,sBAA0BC,EAAA,WAAW;AAAA,MAA0B,gBAAAA,EAAA,4BAA4BA,EAAA,KAAK;AAAA,sBAA0BA,EAAA,WAAW;AAAA,sBAA0BA,EAAA,IAAI;AAAA,iCAAqCA,EAAA,SAAQ;AAAA,OAOhN,aAAa,CAAA;AAAA,IACnB,MAAK;AAAA;KAELC,EAAA,EAAA,GAAAH,EA4CWI,GAAA,MAAAC,EA5CyBH,EAAA,OAAK,CAAvBI,GAAQC;MAAuB,KAAAD,EAAO;AAAA;MACtDE,EAoCQ,SAAA;AAAA,QAnCL,gBAAcF,EAAO,QAAQJ,EAAA;AAAA,QAC7B,iBAAeA,EAAA,YAAYI,EAAO;AAAA,QAClC,OAAKL,EAAA,CAAA;AAAA,0CAA8CC,EAAA,YAAYI,EAAO;AAAA,yCAAmDA,EAAO,QAAQJ,EAAA;AAAA,UAAuD,iCAAAI,EAAO;AAAA,UAA0D,0CAAAJ,EAAA,MAAM;AAAA,WAOjQ,6BAA6B,CAAA;AAAA,QADlC,WAAWA,EAAA,YAAQ,CAAKI,EAAO,eAAe;AAAA,QAE/C,MAAK;AAAA,QACJ,WAAO;AAAA,UAAQG,EAAA,CAAAC,MAAAR,EAAA,aAAaI,CAAM,GAAA,CAAA,OAAA,CAAA;AAAA,UACXG,EAAAE,EAAA,CAAAD,MAAAR,EAAA,aAAaI,CAAM,GAAA,CAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;;QAE3CE,EAUE,SAVFI,EAUE;AAAA,UATC,SAASN,EAAO,QAAQJ,EAAA;AAAA,UACxB,UAAUA,EAAA,YAAYI,EAAO;AAAA,UAC7B,MAAMJ,EAAA;AAAA,UACN,UAAU;AAAA,UACV,OAAOI,EAAO;AAAA,UACf,OAAM;AAAA,UACN,MAAK;AAAA,4BACGJ,EAAA,qBAAmB;AAAA,UAC1B,SAAK,CAAAQ,MAAER,EAAA,QAAQI,CAAM;AAAA;QAEbJ,EAAA,gBAAgBA,EAAA,gBAAgB,UAA3CC,KAAAH,EAEM,OAFNa,GAEM;AAAA,UADOP,EAAO,QAAQJ,EAAA,cAA1BC,KAAAH,EAAwF,OAAxFc,CAAwF;;QAK1FC,EAGOb,EAAA,QAAA,UAAA;AAAA,UAHA,OAAOK;AAAA,UAAQ,QAAQD;AAAA,WAA9B,MAGO;AAAA,UAFYA,EAAO,aAAxBU,EAA4FC,GAAA;AAAA;YAA7D,UAAUf,EAAA,YAAYI,EAAO;AAAA,YAAW,MAAMA,EAAO;AAAA;UACxEA,EAAO,cAAnBN,EAAmD,QAAAkB,GAAAC,EAAtBb,EAAO,KAAK,GAAA,CAAA;;;MAMlCJ,EAAA,MAAM,qBAAjBC,KAAAH,EAEM,OAFNoB,GAEM;AAAA,QADJL,EAAiEb,EAAA,QAAA,qBAAjEU,EAAiE,EAAA,SAAA,GAAA,GAAA,EAAxB,QAAAN,GAAQ,OAAAC,EAAK,CAAA,CAAA;AAAA;;;;;"}