@aotearoan/neon 18.2.13 → 19.0.1

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

@@ -1 +1 @@
-{"version":3,"file":"NeonToggle.es.js","sources":["../../../../src/components/user-input/toggle/NeonToggle.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, useAttrs } from 'vue';\nimport type { NeonToggleModel } from '@/common/models/NeonToggleModel';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonToggleStyle } from '@/common/enums/NeonToggleStyle';\nimport { NeonOrientation } from '@/common/enums/NeonOrientation';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\n\n/**\n * <p>A toggle component for selecting one value from a range of options. This is equivalent to a radio button group. It can be styled as a <em>Toggle</em> or as <em>Radio buttons</em>.\n */\nexport default defineComponent({\n  name: 'NeonToggle',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The name of the radio button group.\n     */\n    name: { type: String, required: true },\n    /**\n     * The key of the selected option.\n     */\n    modelValue: { type: String, required: true },\n    /**\n     * The list of options to present to the user.\n     */\n    model: { type: Array as () => Array<NeonToggleModel>, required: true },\n    /**\n     * The style of toggle to display to the user.\n     */\n    toggleStyle: { type: String as () => NeonToggleStyle, default: () => NeonToggleStyle.Toggle },\n    /**\n     * The size of the toggle.\n     */\n    size: { type: String as () => NeonSize, default: () => NeonSize.Medium },\n    /**\n     * The orientation of the toggle if the style is a radio button group.\n     */\n    orientation: { type: String as () => NeonOrientation, default: () => NeonOrientation.Vertical },\n    /**\n     * The color of the toggle.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: () => NeonFunctionalColor.Neutral },\n    /**\n     * Whether the toggle is disabled.\n     */\n    disabled: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when the selected value changes.\n     * @type {string} The key of the selected model item.\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit, slots }) {\n    const attrs = useAttrs();\n    const emitInput = (key: string) => {\n      emit('update:modelValue', key);\n    };\n\n    const onInput = (key: string) => {\n      if (!props.disabled) {\n        emitInput(key);\n      }\n    };\n\n    const sanitizedAttributes = computed(() => {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { onClick, ...sanitized } = attrs;\n      return sanitized;\n    });\n\n    const selectOption = (option: NeonToggleModel) => {\n      if (!props.disabled && !option.disabled) {\n        emitInput(option.key);\n      }\n    };\n\n    return {\n      selectOption,\n      onInput,\n      sanitizedAttributes,\n      slots,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonToggleStyle","NeonSize","NeonOrientation","NeonFunctionalColor","props","emit","slots","attrs","useAttrs","emitInput","key","onInput","sanitizedAttributes","computed","onClick","sanitized","option"],"mappings":";;;;;;AAWA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,MAAM,EAAE,MAAM,QAAQ,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAIhC,YAAY,EAAE,MAAM,QAAQ,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAItC,OAAO,EAAE,MAAM,OAAuC,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAIhE,aAAa,EAAE,MAAM,QAAiC,SAAS,MAAMC,EAAgB,OAAA;AAAA;AAAA;AAAA;AAAA,IAIrF,MAAM,EAAE,MAAM,QAA0B,SAAS,MAAMC,EAAS,OAAA;AAAA;AAAA;AAAA;AAAA,IAIhE,aAAa,EAAE,MAAM,QAAiC,SAAS,MAAMC,EAAgB,SAAA;AAAA;AAAA;AAAA;AAAA,IAIrF,OAAO,EAAE,MAAM,QAAqC,SAAS,MAAMC,EAAoB,QAAA;AAAA;AAAA;AAAA;AAAA,IAIvF,UAAU,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA,EAAM;AAAA,EAE5C,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL;AAAA,EAAA;AAAA,EAEF,MAAMC,GAAO,EAAE,MAAAC,GAAM,OAAAC,KAAS;AAC5B,UAAMC,IAAQC,EAAA,GACRC,IAAY,CAACC,MAAgB;AACjC,MAAAL,EAAK,qBAAqBK,CAAG;AAAA,IAC/B,GAEMC,IAAU,CAACD,MAAgB;AAC/B,MAAKN,EAAM,YACTK,EAAUC,CAAG;AAAA,IAEjB,GAEME,IAAsBC,EAAS,MAAM;AAEzC,YAAM,EAAE,SAAAC,GAAS,GAAGC,EAAA,IAAcR;AAClC,aAAOQ;AAAA,IACT,CAAC;AAQD,WAAO;AAAA,MACL,cAPmB,CAACC,MAA4B;AAChD,QAAI,CAACZ,EAAM,YAAY,CAACY,EAAO,YAC7BP,EAAUO,EAAO,GAAG;AAAA,MAExB;AAAA,MAIE,SAAAL;AAAA,MACA,qBAAAC;AAAA,MACA,OAAAN;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}
+{"version":3,"file":"NeonToggle.es.js","sources":["../../../../src/components/user-input/toggle/NeonToggle.ts?vue&type=script&src=true&lang.ts"],"sourcesContent":["import { computed, defineComponent, useAttrs } from 'vue';\nimport type { NeonToggleModel } from '@/common/models/NeonToggleModel';\nimport { NeonSize } from '@/common/enums/NeonSize';\nimport { NeonFunctionalColor } from '@/common/enums/NeonFunctionalColor';\nimport { NeonToggleStyle } from '@/common/enums/NeonToggleStyle';\nimport { NeonOrientation } from '@/common/enums/NeonOrientation';\nimport NeonIcon from '@/components/presentation/icon/NeonIcon.vue';\n\n/**\n * <p>A toggle component for selecting one value from a range of options. This is equivalent to a radio button group. It can be styled as a <em>Toggle</em> or as <em>Radio buttons</em>.\n */\nexport default defineComponent({\n  name: 'NeonToggle',\n  components: {\n    NeonIcon,\n  },\n  props: {\n    /**\n     * The name of the radio button group.\n     */\n    name: { type: String, required: true },\n    /**\n     * The key of the selected option.\n     */\n    modelValue: { type: String, required: true },\n    /**\n     * The list of options to present to the user.\n     */\n    model: { type: Array as () => Array<NeonToggleModel>, required: true },\n    /**\n     * The style of toggle to display to the user.\n     */\n    toggleStyle: { type: String as () => NeonToggleStyle, default: () => NeonToggleStyle.Toggle },\n    /**\n     * The size of the toggle.\n     */\n    size: { type: String as () => NeonSize, default: () => NeonSize.Medium },\n    /**\n     * The orientation of the toggle if the style is a radio button group.\n     */\n    orientation: { type: String as () => NeonOrientation, default: () => NeonOrientation.Vertical },\n    /**\n     * The color of the toggle.\n     */\n    color: { type: String as () => NeonFunctionalColor, default: () => NeonFunctionalColor.Primary },\n    /**\n     * Whether the toggle is disabled.\n     */\n    disabled: { type: Boolean, default: false },\n  },\n  emits: [\n    /**\n     * Emitted when the selected value changes.\n     * @type {string} The key of the selected model item.\n     */\n    'update:modelValue',\n  ],\n  setup(props, { emit, slots }) {\n    const attrs = useAttrs();\n    const emitInput = (key: string) => {\n      emit('update:modelValue', key);\n    };\n\n    const onInput = (key: string) => {\n      if (!props.disabled) {\n        emitInput(key);\n      }\n    };\n\n    const sanitizedAttributes = computed(() => {\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { onClick, ...sanitized } = attrs;\n      return sanitized;\n    });\n\n    const selectOption = (option: NeonToggleModel) => {\n      if (!props.disabled && !option.disabled) {\n        emitInput(option.key);\n      }\n    };\n\n    return {\n      selectOption,\n      onInput,\n      sanitizedAttributes,\n      slots,\n    };\n  },\n});\n"],"names":["_sfc_main","defineComponent","NeonIcon","NeonToggleStyle","NeonSize","NeonOrientation","NeonFunctionalColor","props","emit","slots","attrs","useAttrs","emitInput","key","onInput","sanitizedAttributes","computed","onClick","sanitized","option"],"mappings":";;;;;;AAWA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY;AAAA,IACV,UAAAC;AAAA,EAAA;AAAA,EAEF,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,MAAM,EAAE,MAAM,QAAQ,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAIhC,YAAY,EAAE,MAAM,QAAQ,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAItC,OAAO,EAAE,MAAM,OAAuC,UAAU,GAAA;AAAA;AAAA;AAAA;AAAA,IAIhE,aAAa,EAAE,MAAM,QAAiC,SAAS,MAAMC,EAAgB,OAAA;AAAA;AAAA;AAAA;AAAA,IAIrF,MAAM,EAAE,MAAM,QAA0B,SAAS,MAAMC,EAAS,OAAA;AAAA;AAAA;AAAA;AAAA,IAIhE,aAAa,EAAE,MAAM,QAAiC,SAAS,MAAMC,EAAgB,SAAA;AAAA;AAAA;AAAA;AAAA,IAIrF,OAAO,EAAE,MAAM,QAAqC,SAAS,MAAMC,EAAoB,QAAA;AAAA;AAAA;AAAA;AAAA,IAIvF,UAAU,EAAE,MAAM,SAAS,SAAS,GAAA;AAAA,EAAM;AAAA,EAE5C,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL;AAAA,EAAA;AAAA,EAEF,MAAMC,GAAO,EAAE,MAAAC,GAAM,OAAAC,KAAS;AAC5B,UAAMC,IAAQC,EAAA,GACRC,IAAY,CAACC,MAAgB;AACjC,MAAAL,EAAK,qBAAqBK,CAAG;AAAA,IAC/B,GAEMC,IAAU,CAACD,MAAgB;AAC/B,MAAKN,EAAM,YACTK,EAAUC,CAAG;AAAA,IAEjB,GAEME,IAAsBC,EAAS,MAAM;AAEzC,YAAM,EAAE,SAAAC,GAAS,GAAGC,EAAA,IAAcR;AAClC,aAAOQ;AAAA,IACT,CAAC;AAQD,WAAO;AAAA,MACL,cAPmB,CAACC,MAA4B;AAChD,QAAI,CAACZ,EAAM,YAAY,CAACY,EAAO,YAC7BP,EAAUO,EAAO,GAAG;AAAA,MAExB;AAAA,MAIE,SAAAL;AAAA,MACA,qBAAAC;AAAA,MACA,OAAAN;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;"}

package/dist/src/components/layout/card-list/NeonCardList.d.ts

@@ -158,9 +158,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: StringConstructor;
             default: null;
         };
-        /**
-         * override the default 'x of y' text.
-         */
         iconPosition: {
             type: () => import("../../../neon").NeonHorizontalPosition;
             default: import("../../../neon").NeonHorizontalPosition;
@@ -253,9 +250,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             type: StringConstructor;
             default: null;
         };
-        /**
-         * override the default 'x of y' text.
-         */
         iconPosition: {
             type: () => import("../../../neon").NeonHorizontalPosition;
             default: import("../../../neon").NeonHorizontalPosition;