@aotearoan/neon 19.0.0 → 19.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/navigation/dropdown-menu/NeonDropdownMenu.cjs.js +1 -1
- package/dist/components/navigation/dropdown-menu/NeonDropdownMenu.cjs.js.map +1 -1
- package/dist/components/navigation/dropdown-menu/NeonDropdownMenu.es.js +36 -34
- package/dist/components/navigation/dropdown-menu/NeonDropdownMenu.es.js.map +1 -1
- package/dist/components/navigation/dropdown-menu/NeonDropdownMenu.vue.cjs.js +1 -1
- package/dist/components/navigation/dropdown-menu/NeonDropdownMenu.vue.cjs.js.map +1 -1
- package/dist/components/navigation/dropdown-menu/NeonDropdownMenu.vue.es.js +1 -0
- package/dist/components/navigation/dropdown-menu/NeonDropdownMenu.vue.es.js.map +1 -1
- package/dist/components/presentation/dropdown/NeonDropdown.cjs.js +1 -1
- package/dist/components/presentation/dropdown/NeonDropdown.cjs.js.map +1 -1
- package/dist/components/presentation/dropdown/NeonDropdown.es.js +18 -18
- package/dist/components/presentation/dropdown/NeonDropdown.es.js.map +1 -1
- package/dist/components/presentation/image-carousel/NeonImageCarousel.cjs.js +1 -1
- package/dist/components/presentation/image-carousel/NeonImageCarousel.cjs.js.map +1 -1
- package/dist/components/presentation/image-carousel/NeonImageCarousel.es.js +16 -12
- package/dist/components/presentation/image-carousel/NeonImageCarousel.es.js.map +1 -1
- package/dist/components/presentation/image-carousel/NeonImageCarousel.vue.cjs.js +1 -1
- package/dist/components/presentation/image-carousel/NeonImageCarousel.vue.cjs.js.map +1 -1
- package/dist/components/presentation/image-carousel/NeonImageCarousel.vue.es.js +27 -26
- package/dist/components/presentation/image-carousel/NeonImageCarousel.vue.es.js.map +1 -1
- package/dist/components/user-input/input/NeonInput.cjs.js +1 -1
- package/dist/components/user-input/input/NeonInput.cjs.js.map +1 -1
- package/dist/components/user-input/input/NeonInput.es.js +37 -32
- package/dist/components/user-input/input/NeonInput.es.js.map +1 -1
- package/dist/components/user-input/input/NeonInput.vue.cjs.js +1 -1
- package/dist/components/user-input/input/NeonInput.vue.cjs.js.map +1 -1
- package/dist/components/user-input/input/NeonInput.vue.es.js +21 -19
- package/dist/components/user-input/input/NeonInput.vue.es.js.map +1 -1
- package/dist/components/user-input/search/NeonSearch.cjs.js +1 -1
- package/dist/components/user-input/search/NeonSearch.cjs.js.map +1 -1
- package/dist/components/user-input/search/NeonSearch.es.js +61 -46
- package/dist/components/user-input/search/NeonSearch.es.js.map +1 -1
- package/dist/components/user-input/search/NeonSearch.vue.cjs.js +1 -1
- package/dist/components/user-input/search/NeonSearch.vue.cjs.js.map +1 -1
- package/dist/components/user-input/search/NeonSearch.vue.es.js +15 -11
- package/dist/components/user-input/search/NeonSearch.vue.es.js.map +1 -1
- package/dist/components/user-input/select/NeonSelect.cjs.js +1 -1
- package/dist/components/user-input/select/NeonSelect.cjs.js.map +1 -1
- package/dist/components/user-input/select/NeonSelect.es.js +58 -56
- package/dist/components/user-input/select/NeonSelect.es.js.map +1 -1
- package/dist/components/user-input/select/NeonSelect.vue.cjs.js +1 -1
- package/dist/components/user-input/select/NeonSelect.vue.cjs.js.map +1 -1
- package/dist/components/user-input/select/NeonSelect.vue.es.js +1 -0
- package/dist/components/user-input/select/NeonSelect.vue.es.js.map +1 -1
- package/dist/src/components/navigation/dropdown-menu/NeonDropdownMenu.d.ts +1505 -1
- package/dist/src/components/navigation/menu/NeonMenu.d.ts +1507 -15
- package/dist/src/components/presentation/dropdown/NeonDropdown.d.ts +12 -3
- package/dist/src/components/presentation/image-carousel/NeonImageCarousel.d.ts +15 -0
- package/dist/src/components/user-input/color/NeonColor.d.ts +9 -0
- package/dist/src/components/user-input/date-picker/NeonDatePicker.d.ts +25 -32
- package/dist/src/components/user-input/file/NeonFile.d.ts +21 -8
- package/dist/src/components/user-input/input/NeonInput.d.ts +19 -12
- package/dist/src/components/user-input/number/NeonNumber.d.ts +45 -8
- package/dist/src/components/user-input/password/NeonPassword.d.ts +9 -0
- package/dist/src/components/user-input/search/NeonSearch.d.ts +2275 -34
- package/dist/src/components/user-input/select/NeonSelect.d.ts +1605 -36
- package/package.json +1 -1
- package/src/sass/components/_badge.scss +1 -3
- package/src/sass/components/_button.scss +3 -2
- package/src/sass/components/_drawer.scss +1 -1
- package/src/sass/components/_dropdown-menu.scss +1 -0
- package/src/sass/components/_dropdown.scss +1 -1
- package/src/sass/components/_input.scss +2 -11
- package/src/sass/components/_search.scss +8 -3
- package/src/sass/components/_select.scss +1 -0
- package/src/sass/variables.scss +18 -8
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NeonSelect.vue.cjs.js","sources":["../../../../src/components/user-input/select/NeonSelect.vue"],"sourcesContent":["<template>\n <div class=\"neon-select__wrapper\">\n <neon-dropdown\n :id=\"id\"\n ref=\"dropdown\"\n v-model=\"open\"\n :aria-activedescendant=\"multiple ? modelValue[0] : modelValue\"\n :aria-multiselectable=\"multiple\"\n :class=\"[`neon-select--${color}`, { 'neon-select--grouped': groupedOptions, 'neon-select--multiple': multiple }]\"\n :color=\"color\"\n :disabled=\"disabled\"\n :icon=\"computedIcon\"\n :label=\"computedLabel\"\n :size=\"size\"\n class=\"neon-select\"\n role=\"listbox\"\n v-bind=\"sanitizedAttributes\"\n @dropdown-placement=\"onPlacement\"\n >\n <ul class=\"no-style neon-select__options\">\n <li\n v-if=\"placeholderAsOption\"\n :class=\"`neon-select__option--${size}`\"\n class=\"neon-select__option neon-select__option--disabled neon-select__option-placeholder\"\n >\n <div class=\"neon-select__option-container\">\n <span class=\"neon-select__option-label\">{{ placeholder }}</span>\n </div>\n </li>\n <template v-for=\"group in computedOptions\">\n <li v-if=\"group.group !== ''\" :key=\"group.group\" class=\"neon-select__option-title\">{{ group.group }}</li>\n <li\n v-for=\"option in group.options\"\n :id=\"option.key\"\n :key=\"option.key\"\n :aria-selected=\"multiple ? modelValue.indexOf(option.key) >= 0 : option.key === modelValue\"\n :class=\"[\n {\n 'neon-select__option--disabled': option.disabled,\n 'neon-select__option--separator-before': option.separatorBefore,\n 'neon-select__option--selected': multiple\n ? modelValue.indexOf(option.key) >= 0\n : option.key === modelValue,\n 'neon-select__option--highlighted': option.key === highlightedKey,\n },\n `neon-select__option--${size}`,\n ]\"\n class=\"neon-select__option\"\n role=\"option\"\n @mouseover=\"changeHighlighted(option.key)\"\n @click.stop.prevent.capture=\"!option.disabled && clickOption(option)\"\n @enter.stop.prevent=\"!option.disabled && clickOption(option)\"\n >\n <div class=\"neon-select__option-container\">\n <!-- @slot provide a custom template for an option.<br />Bindings: <strong>option</strong>\n (<em>NeonSelectOption</em>). This slot is purely for formatting the option, all accessibility actions\n still apply. -->\n <slot :option=\"option\" name=\"option\">\n <neon-switch\n v-if=\"multiple\"\n :color=\"color\"\n :modelValue=\"modelValue.indexOf(option.key) >= 0\"\n :size=\"size === 'l' ? 'm' : 's'\"\n switch-style=\"checkbox\"\n />\n <neon-icon\n v-if=\"option.icon\"\n :disabled=\"option.disabled\"\n :name=\"option.icon\"\n class=\"neon-select__option-icon\"\n />\n <span class=\"neon-select__option-label\">{{ option.label }}</span>\n </slot>\n </div>\n </li>\n </template>\n </ul>\n </neon-dropdown>\n <select\n :disabled=\"disabled\"\n :multiple=\"multiple\"\n class=\"neon-select__native\"\n v-bind=\"sanitizedAttributes\"\n @input=\"nativeSelectChange\"\n >\n <option :selected=\"multiple ? modelValue.length === 0 : modelValue === ''\" disabled hidden value=\"\">\n {{ placeholder }}\n </option>\n <template v-if=\"groupedOptions\">\n <optgroup v-for=\"group in groupedOptions\" :key=\"group.group\" :label=\"group.group\">\n <option\n v-for=\"(option, index) in group.options\"\n :key=\"`${option.key}-native`\"\n :data-index=\"index\"\n :disabled=\"option.disabled\"\n :multiple=\"multiple\"\n :selected=\"multiple ? modelValue.indexOf(option.key) >= 0 : option.key === modelValue\"\n :value=\"option.key\"\n >\n {{ option.label }}\n </option>\n </optgroup>\n </template>\n <template v-else>\n <option\n v-for=\"(option, index) in options\"\n :key=\"`${option.key}-native`\"\n :data-index=\"index\"\n :disabled=\"option.disabled\"\n :multiple=\"multiple\"\n :selected=\"multiple ? modelValue.indexOf(option.key) >= 0 : option.key === modelValue\"\n :value=\"option.key\"\n >\n {{ option.label }}\n </option>\n </template>\n </select>\n </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonSelect.ts\"></script>\n"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_6","_hoisted_7","_openBlock","_createElementBlock","_createVNode","_component_neon_dropdown","_mergeProps","_ctx","$event","_createElementVNode","_normalizeClass","_toDisplayString","_Fragment","_renderList","group","option","_withModifiers","_renderSlot","_createBlock","_component_neon_switch","_component_neon_icon","args","_hoisted_9","index","_hoisted_11","_hoisted_12"],"mappings":"qIACOA,EAAA,CAAA,MAAM,sBAAsB,EAkBzBC,EAAA,CAAA,MAAM,+BAA+B,EAMhCC,EAAA,CAAA,MAAM,+BAA+B,EAClCC,EAAA,CAAA,MAAM,2BAA2B,
|
|
1
|
+
{"version":3,"file":"NeonSelect.vue.cjs.js","sources":["../../../../src/components/user-input/select/NeonSelect.vue"],"sourcesContent":["<template>\n <div class=\"neon-select__wrapper\">\n <neon-dropdown\n :id=\"id\"\n ref=\"dropdown\"\n v-model=\"open\"\n :aria-activedescendant=\"multiple ? modelValue[0] : modelValue\"\n :aria-multiselectable=\"multiple\"\n :class=\"[`neon-select--${color}`, { 'neon-select--grouped': groupedOptions, 'neon-select--multiple': multiple }]\"\n :color=\"color\"\n :disabled=\"disabled\"\n :icon=\"computedIcon\"\n :label=\"computedLabel\"\n :size=\"size\"\n class=\"neon-select\"\n role=\"listbox\"\n v-bind=\"sanitizedAttributes\"\n @dropdown-placement=\"onPlacement\"\n >\n <ul class=\"no-style neon-select__options\">\n <li\n v-if=\"placeholderAsOption\"\n :class=\"`neon-select__option--${size}`\"\n class=\"neon-select__option neon-select__option--disabled neon-select__option-placeholder\"\n >\n <div class=\"neon-select__option-container\">\n <span class=\"neon-select__option-label\">{{ placeholder }}</span>\n </div>\n </li>\n <template v-for=\"group in computedOptions\">\n <li v-if=\"group.group !== ''\" :key=\"group.group\" class=\"neon-select__option-title\">{{ group.group }}</li>\n <li\n v-for=\"option in group.options\"\n :id=\"option.key\"\n :key=\"option.key\"\n :aria-selected=\"multiple ? modelValue.indexOf(option.key) >= 0 : option.key === modelValue\"\n :class=\"[\n {\n 'neon-select__option--disabled': option.disabled,\n 'neon-select__option--separator-before': option.separatorBefore,\n 'neon-select__option--selected': multiple\n ? modelValue.indexOf(option.key) >= 0\n : option.key === modelValue,\n 'neon-select__option--highlighted': option.key === highlightedKey,\n },\n `neon-select__option--${size}`,\n ]\"\n class=\"neon-select__option\"\n role=\"option\"\n tabindex=\"0\"\n @mouseover=\"changeHighlighted(option.key)\"\n @click.stop.prevent.capture=\"!option.disabled && clickOption(option)\"\n @enter.stop.prevent=\"!option.disabled && clickOption(option)\"\n >\n <div class=\"neon-select__option-container\">\n <!-- @slot provide a custom template for an option.<br />Bindings: <strong>option</strong>\n (<em>NeonSelectOption</em>). This slot is purely for formatting the option, all accessibility actions\n still apply. -->\n <slot :option=\"option\" name=\"option\">\n <neon-switch\n v-if=\"multiple\"\n :color=\"color\"\n :modelValue=\"modelValue.indexOf(option.key) >= 0\"\n :size=\"size === 'l' ? 'm' : 's'\"\n switch-style=\"checkbox\"\n />\n <neon-icon\n v-if=\"option.icon\"\n :disabled=\"option.disabled\"\n :name=\"option.icon\"\n class=\"neon-select__option-icon\"\n />\n <span class=\"neon-select__option-label\">{{ option.label }}</span>\n </slot>\n </div>\n </li>\n </template>\n </ul>\n </neon-dropdown>\n <select\n :disabled=\"disabled\"\n :multiple=\"multiple\"\n class=\"neon-select__native\"\n v-bind=\"sanitizedAttributes\"\n @input=\"nativeSelectChange\"\n >\n <option :selected=\"multiple ? modelValue.length === 0 : modelValue === ''\" disabled hidden value=\"\">\n {{ placeholder }}\n </option>\n <template v-if=\"groupedOptions\">\n <optgroup v-for=\"group in groupedOptions\" :key=\"group.group\" :label=\"group.group\">\n <option\n v-for=\"(option, index) in group.options\"\n :key=\"`${option.key}-native`\"\n :data-index=\"index\"\n :disabled=\"option.disabled\"\n :multiple=\"multiple\"\n :selected=\"multiple ? modelValue.indexOf(option.key) >= 0 : option.key === modelValue\"\n :value=\"option.key\"\n >\n {{ option.label }}\n </option>\n </optgroup>\n </template>\n <template v-else>\n <option\n v-for=\"(option, index) in options\"\n :key=\"`${option.key}-native`\"\n :data-index=\"index\"\n :disabled=\"option.disabled\"\n :multiple=\"multiple\"\n :selected=\"multiple ? modelValue.indexOf(option.key) >= 0 : option.key === modelValue\"\n :value=\"option.key\"\n >\n {{ option.label }}\n </option>\n </template>\n </select>\n </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonSelect.ts\"></script>\n"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_6","_hoisted_7","_openBlock","_createElementBlock","_createVNode","_component_neon_dropdown","_mergeProps","_ctx","$event","_createElementVNode","_normalizeClass","_toDisplayString","_Fragment","_renderList","group","option","_withModifiers","_renderSlot","_createBlock","_component_neon_switch","_component_neon_icon","args","_hoisted_9","index","_hoisted_11","_hoisted_12"],"mappings":"qIACOA,EAAA,CAAA,MAAM,sBAAsB,EAkBzBC,EAAA,CAAA,MAAM,+BAA+B,EAMhCC,EAAA,CAAA,MAAM,+BAA+B,EAClCC,EAAA,CAAA,MAAM,2BAA2B,oEA4BlCC,EAAA,CAAA,MAAM,+BAA+B,EAkBhCC,EAAA,CAAA,MAAM,2BAA2B,qTAvErD,OAAAC,YAAA,EAAAC,qBAqHM,MArHNP,EAqHM,CApHJQ,EAAAA,YA4EgBC,EA5EhBC,aA4EgB,CA3Eb,GAAIC,EAAA,GACL,IAAI,sBACKA,EAAA,0CAAAA,EAAA,KAAIC,GACZ,wBAAuBD,EAAA,SAAWA,EAAA,cAAgBA,EAAA,WAClD,uBAAsBA,EAAA,SACtB,wBAAwBA,EAAA,KAAK,GAAA,CAAA,uBAA8BA,iBAAc,wBAA2BA,EAAA,QAAQ,GAMvG,aAAa,EALlB,MAAOA,EAAA,MACP,SAAUA,EAAA,SACV,KAAMA,EAAA,aACN,MAAOA,EAAA,cACP,KAAMA,EAAA,KAEP,KAAK,WACGA,EAAA,oBAAmB,CAC1B,oBAAoBA,EAAA,WAAW,CAAA,EAAA,mBAEhC,IA0DK,CA1DLE,EAAAA,mBA0DK,KA1DLZ,EA0DK,CAxDKU,EAAA,mCADRJ,EAAAA,mBAQK,KAAA,OANF,MAAKO,EAAAA,eAAA,CAAA,wBAA0BH,EAAA,IAAI,GAC9B,mFAAmF,CAAA,IAEzFE,EAAAA,mBAEM,MAFNX,EAEM,CADJW,EAAAA,mBAAgE,OAAhEV,EAAgEY,EAAAA,gBAArBJ,EAAA,WAAW,EAAA,CAAA,sDAG1DJ,EAAAA,mBA+CWS,EAAAA,SAAA,KAAAC,EAAAA,WA/CeN,EAAA,gBAATO,wDACLA,EAAM,QAAK,kBAArBX,EAAAA,mBAAyG,KAAA,CAA1E,IAAKW,EAAM,MAAO,MAAM,2BAA+B,EAAAH,kBAAAG,EAAM,KAAK,EAAA,CAAA,gCACjGZ,YAAA,EAAA,EAAAC,EAAAA,mBA4CKS,EAAAA,SAAA,KAAAC,EAAAA,WA3CcC,EAAM,QAAhBC,kBADTZ,EAAAA,mBA4CK,KAAA,CA1CF,GAAIY,EAAO,IACX,IAAKA,EAAO,IACZ,gBAAeR,EAAA,SAAWA,EAAA,WAAW,QAAQQ,EAAO,GAAG,GAAA,EAASA,EAAO,MAAQR,EAAA,WAC/E,MAAKG,EAAAA,eAAA,CAAA,EAAqE,gCAAAK,EAAO,SAAmE,wCAAAA,EAAO,gDAAkER,EAAA,SAA6BA,EAAA,WAAW,QAAQQ,EAAO,GAAG,GAAA,EAA2BA,EAAO,MAAQR,EAAA,8CAAgEQ,EAAO,MAAQR,EAAA,wCAAuEA,EAAA,IAAI,IAWtd,qBAAqB,CAAA,EAC3B,KAAK,SACL,SAAS,IACR,YAASC,GAAED,EAAA,kBAAkBQ,EAAO,GAAG,EACV,eAAAC,EAAAA,cAAAR,GAAA,CAAAO,EAAO,UAAYR,EAAA,YAAYQ,CAAM,EAAA,CAAA,OAAA,SAAA,CAAA,EAClE,4BAAqBA,EAAO,UAAYR,EAAA,YAAYQ,CAAM,EAAA,CAAA,OAAA,SAAA,CAAA,IAE3DN,EAAAA,mBAoBM,MApBNT,EAoBM,CAhBJiB,EAAAA,WAeOV,EAAA,OAAA,SAAA,CAfA,OAAQQ,CAAM,EAArB,IAeO,CAbGR,EAAA,wBADRW,EAAAA,YAMEC,EAAA,OAJC,MAAOZ,EAAA,MACP,WAAYA,EAAA,WAAW,QAAQQ,EAAO,GAAG,GAAA,EACzC,KAAMR,EAAA,OAAI,IAAA,IAAA,IACX,eAAa,+EAGPQ,EAAO,oBADfG,EAAAA,YAKEE,EAAA,OAHC,SAAUL,EAAO,SACjB,KAAMA,EAAO,KACd,MAAM,qFAERN,EAAAA,mBAAiE,OAAjER,EAAiEU,EAAAA,gBAAtBI,EAAO,KAAK,EAAA,CAAA,yLAOnEN,EAAAA,mBAsCS,SAtCTH,aAsCS,CArCN,SAAUC,EAAA,SACV,SAAUA,EAAA,SACX,MAAM,uBACEA,EAAA,oBAAmB,CAC1B,4BAAOA,EAAA,oBAAAA,EAAA,mBAAA,GAAAc,CAAA,MAERZ,EAAAA,mBAES,SAAA,CAFA,SAAUF,EAAA,SAAWA,aAAW,WAAeA,EAAA,aAAU,GAAS,SAAA,GAAS,OAAA,GAAO,MAAM,sBAC5FA,EAAA,WAAW,EAAA,EAAAe,CAAA,EAEAf,EAAA,gCACdJ,EAAAA,mBAYWS,EAAAA,SAAA,CAAA,IAAA,CAAA,EAAAC,EAAAA,WAZeN,EAAA,eAATO,kBAAjBX,EAAAA,mBAYW,WAAA,CAZgC,IAAKW,EAAM,MAAQ,MAAOA,EAAM,SACzEZ,EAAAA,UAAA,EAAA,EAAAC,EAAAA,mBAUSS,6BATmBE,EAAM,QAAO,CAA/BC,EAAQQ,mBADlBpB,EAAAA,mBAUS,SAAA,CARN,IAAG,GAAKY,EAAO,GAAG,UAClB,aAAYQ,EACZ,SAAUR,EAAO,SACjB,SAAUR,EAAA,SACV,SAAUA,EAAA,SAAWA,EAAA,WAAW,QAAQQ,EAAO,GAAG,GAAA,EAASA,EAAO,MAAQR,EAAA,WAC1E,MAAOQ,EAAO,GAEZ,EAAAJ,EAAAA,gBAAAI,EAAO,KAAK,EAAA,EAAAS,CAAA,yBAKnBtB,EAAAA,UAAA,EAAA,EAAAC,qBAUSS,EAAAA,SAAA,CAAA,IAAA,CAAA,EAAAC,EAAAA,WATmBN,EAAA,QAAO,CAAzBQ,EAAQQ,mBADlBpB,EAAAA,mBAUS,SAAA,CARN,IAAG,GAAKY,EAAO,GAAG,UAClB,aAAYQ,EACZ,SAAUR,EAAO,SACjB,SAAUR,EAAA,SACV,SAAUA,EAAA,SAAWA,EAAA,WAAW,QAAQQ,EAAO,GAAG,GAAA,EAASA,EAAO,MAAQR,EAAA,WAC1E,MAAOQ,EAAO,GAEZ,EAAAJ,EAAAA,gBAAAI,EAAO,KAAK,EAAA,EAAAU,CAAA"}
|
|
@@ -49,6 +49,7 @@ function L(e, r, F, H, K, U) {
|
|
|
49
49
|
`neon-select__option--${e.size}`
|
|
50
50
|
], "neon-select__option"]),
|
|
51
51
|
role: "option",
|
|
52
|
+
tabindex: "0",
|
|
52
53
|
onMouseover: (u) => e.changeHighlighted(l.key),
|
|
53
54
|
onClickCapture: k((u) => !l.disabled && e.clickOption(l), ["stop", "prevent"]),
|
|
54
55
|
onEnter: k((u) => !l.disabled && e.clickOption(l), ["stop", "prevent"])
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NeonSelect.vue.es.js","sources":["../../../../src/components/user-input/select/NeonSelect.vue"],"sourcesContent":["<template>\n <div class=\"neon-select__wrapper\">\n <neon-dropdown\n :id=\"id\"\n ref=\"dropdown\"\n v-model=\"open\"\n :aria-activedescendant=\"multiple ? modelValue[0] : modelValue\"\n :aria-multiselectable=\"multiple\"\n :class=\"[`neon-select--${color}`, { 'neon-select--grouped': groupedOptions, 'neon-select--multiple': multiple }]\"\n :color=\"color\"\n :disabled=\"disabled\"\n :icon=\"computedIcon\"\n :label=\"computedLabel\"\n :size=\"size\"\n class=\"neon-select\"\n role=\"listbox\"\n v-bind=\"sanitizedAttributes\"\n @dropdown-placement=\"onPlacement\"\n >\n <ul class=\"no-style neon-select__options\">\n <li\n v-if=\"placeholderAsOption\"\n :class=\"`neon-select__option--${size}`\"\n class=\"neon-select__option neon-select__option--disabled neon-select__option-placeholder\"\n >\n <div class=\"neon-select__option-container\">\n <span class=\"neon-select__option-label\">{{ placeholder }}</span>\n </div>\n </li>\n <template v-for=\"group in computedOptions\">\n <li v-if=\"group.group !== ''\" :key=\"group.group\" class=\"neon-select__option-title\">{{ group.group }}</li>\n <li\n v-for=\"option in group.options\"\n :id=\"option.key\"\n :key=\"option.key\"\n :aria-selected=\"multiple ? modelValue.indexOf(option.key) >= 0 : option.key === modelValue\"\n :class=\"[\n {\n 'neon-select__option--disabled': option.disabled,\n 'neon-select__option--separator-before': option.separatorBefore,\n 'neon-select__option--selected': multiple\n ? modelValue.indexOf(option.key) >= 0\n : option.key === modelValue,\n 'neon-select__option--highlighted': option.key === highlightedKey,\n },\n `neon-select__option--${size}`,\n ]\"\n class=\"neon-select__option\"\n role=\"option\"\n @mouseover=\"changeHighlighted(option.key)\"\n @click.stop.prevent.capture=\"!option.disabled && clickOption(option)\"\n @enter.stop.prevent=\"!option.disabled && clickOption(option)\"\n >\n <div class=\"neon-select__option-container\">\n <!-- @slot provide a custom template for an option.<br />Bindings: <strong>option</strong>\n (<em>NeonSelectOption</em>). This slot is purely for formatting the option, all accessibility actions\n still apply. -->\n <slot :option=\"option\" name=\"option\">\n <neon-switch\n v-if=\"multiple\"\n :color=\"color\"\n :modelValue=\"modelValue.indexOf(option.key) >= 0\"\n :size=\"size === 'l' ? 'm' : 's'\"\n switch-style=\"checkbox\"\n />\n <neon-icon\n v-if=\"option.icon\"\n :disabled=\"option.disabled\"\n :name=\"option.icon\"\n class=\"neon-select__option-icon\"\n />\n <span class=\"neon-select__option-label\">{{ option.label }}</span>\n </slot>\n </div>\n </li>\n </template>\n </ul>\n </neon-dropdown>\n <select\n :disabled=\"disabled\"\n :multiple=\"multiple\"\n class=\"neon-select__native\"\n v-bind=\"sanitizedAttributes\"\n @input=\"nativeSelectChange\"\n >\n <option :selected=\"multiple ? modelValue.length === 0 : modelValue === ''\" disabled hidden value=\"\">\n {{ placeholder }}\n </option>\n <template v-if=\"groupedOptions\">\n <optgroup v-for=\"group in groupedOptions\" :key=\"group.group\" :label=\"group.group\">\n <option\n v-for=\"(option, index) in group.options\"\n :key=\"`${option.key}-native`\"\n :data-index=\"index\"\n :disabled=\"option.disabled\"\n :multiple=\"multiple\"\n :selected=\"multiple ? modelValue.indexOf(option.key) >= 0 : option.key === modelValue\"\n :value=\"option.key\"\n >\n {{ option.label }}\n </option>\n </optgroup>\n </template>\n <template v-else>\n <option\n v-for=\"(option, index) in options\"\n :key=\"`${option.key}-native`\"\n :data-index=\"index\"\n :disabled=\"option.disabled\"\n :multiple=\"multiple\"\n :selected=\"multiple ? modelValue.indexOf(option.key) >= 0 : option.key === modelValue\"\n :value=\"option.key\"\n >\n {{ option.label }}\n </option>\n </template>\n </select>\n </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonSelect.ts\"></script>\n"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_6","_hoisted_7","_openBlock","_createElementBlock","_createVNode","_component_neon_dropdown","_mergeProps","_ctx","$event","_createElementVNode","_normalizeClass","_toDisplayString","_Fragment","_renderList","group","option","_withModifiers","_renderSlot","_createBlock","_component_neon_switch","_component_neon_icon","args","_hoisted_9","index","_hoisted_11","_hoisted_12"],"mappings":";;;AACO,MAAAA,IAAA,EAAA,OAAM,uBAAsB,GAkBzBC,IAAA,EAAA,OAAM,gCAA+B,GAMhCC,IAAA,EAAA,OAAM,gCAA+B,GAClCC,IAAA,EAAA,OAAM,4BAA2B,
|
|
1
|
+
{"version":3,"file":"NeonSelect.vue.es.js","sources":["../../../../src/components/user-input/select/NeonSelect.vue"],"sourcesContent":["<template>\n <div class=\"neon-select__wrapper\">\n <neon-dropdown\n :id=\"id\"\n ref=\"dropdown\"\n v-model=\"open\"\n :aria-activedescendant=\"multiple ? modelValue[0] : modelValue\"\n :aria-multiselectable=\"multiple\"\n :class=\"[`neon-select--${color}`, { 'neon-select--grouped': groupedOptions, 'neon-select--multiple': multiple }]\"\n :color=\"color\"\n :disabled=\"disabled\"\n :icon=\"computedIcon\"\n :label=\"computedLabel\"\n :size=\"size\"\n class=\"neon-select\"\n role=\"listbox\"\n v-bind=\"sanitizedAttributes\"\n @dropdown-placement=\"onPlacement\"\n >\n <ul class=\"no-style neon-select__options\">\n <li\n v-if=\"placeholderAsOption\"\n :class=\"`neon-select__option--${size}`\"\n class=\"neon-select__option neon-select__option--disabled neon-select__option-placeholder\"\n >\n <div class=\"neon-select__option-container\">\n <span class=\"neon-select__option-label\">{{ placeholder }}</span>\n </div>\n </li>\n <template v-for=\"group in computedOptions\">\n <li v-if=\"group.group !== ''\" :key=\"group.group\" class=\"neon-select__option-title\">{{ group.group }}</li>\n <li\n v-for=\"option in group.options\"\n :id=\"option.key\"\n :key=\"option.key\"\n :aria-selected=\"multiple ? modelValue.indexOf(option.key) >= 0 : option.key === modelValue\"\n :class=\"[\n {\n 'neon-select__option--disabled': option.disabled,\n 'neon-select__option--separator-before': option.separatorBefore,\n 'neon-select__option--selected': multiple\n ? modelValue.indexOf(option.key) >= 0\n : option.key === modelValue,\n 'neon-select__option--highlighted': option.key === highlightedKey,\n },\n `neon-select__option--${size}`,\n ]\"\n class=\"neon-select__option\"\n role=\"option\"\n tabindex=\"0\"\n @mouseover=\"changeHighlighted(option.key)\"\n @click.stop.prevent.capture=\"!option.disabled && clickOption(option)\"\n @enter.stop.prevent=\"!option.disabled && clickOption(option)\"\n >\n <div class=\"neon-select__option-container\">\n <!-- @slot provide a custom template for an option.<br />Bindings: <strong>option</strong>\n (<em>NeonSelectOption</em>). This slot is purely for formatting the option, all accessibility actions\n still apply. -->\n <slot :option=\"option\" name=\"option\">\n <neon-switch\n v-if=\"multiple\"\n :color=\"color\"\n :modelValue=\"modelValue.indexOf(option.key) >= 0\"\n :size=\"size === 'l' ? 'm' : 's'\"\n switch-style=\"checkbox\"\n />\n <neon-icon\n v-if=\"option.icon\"\n :disabled=\"option.disabled\"\n :name=\"option.icon\"\n class=\"neon-select__option-icon\"\n />\n <span class=\"neon-select__option-label\">{{ option.label }}</span>\n </slot>\n </div>\n </li>\n </template>\n </ul>\n </neon-dropdown>\n <select\n :disabled=\"disabled\"\n :multiple=\"multiple\"\n class=\"neon-select__native\"\n v-bind=\"sanitizedAttributes\"\n @input=\"nativeSelectChange\"\n >\n <option :selected=\"multiple ? modelValue.length === 0 : modelValue === ''\" disabled hidden value=\"\">\n {{ placeholder }}\n </option>\n <template v-if=\"groupedOptions\">\n <optgroup v-for=\"group in groupedOptions\" :key=\"group.group\" :label=\"group.group\">\n <option\n v-for=\"(option, index) in group.options\"\n :key=\"`${option.key}-native`\"\n :data-index=\"index\"\n :disabled=\"option.disabled\"\n :multiple=\"multiple\"\n :selected=\"multiple ? modelValue.indexOf(option.key) >= 0 : option.key === modelValue\"\n :value=\"option.key\"\n >\n {{ option.label }}\n </option>\n </optgroup>\n </template>\n <template v-else>\n <option\n v-for=\"(option, index) in options\"\n :key=\"`${option.key}-native`\"\n :data-index=\"index\"\n :disabled=\"option.disabled\"\n :multiple=\"multiple\"\n :selected=\"multiple ? modelValue.indexOf(option.key) >= 0 : option.key === modelValue\"\n :value=\"option.key\"\n >\n {{ option.label }}\n </option>\n </template>\n </select>\n </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonSelect.ts\"></script>\n"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_6","_hoisted_7","_openBlock","_createElementBlock","_createVNode","_component_neon_dropdown","_mergeProps","_ctx","$event","_createElementVNode","_normalizeClass","_toDisplayString","_Fragment","_renderList","group","option","_withModifiers","_renderSlot","_createBlock","_component_neon_switch","_component_neon_icon","args","_hoisted_9","index","_hoisted_11","_hoisted_12"],"mappings":"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"}
|