@aotearoan/neon 28.3.0 → 28.4.1
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/feedback/alert/NeonAlert.cjs.js +1 -1
- package/dist/components/feedback/alert/NeonAlert.cjs.js.map +1 -1
- package/dist/components/feedback/alert/NeonAlert.es.js +1 -1
- package/dist/components/feedback/alert/NeonAlert.es.js.map +1 -1
- package/dist/components/feedback/splash-loader/NeonSplashLoader.vue.cjs.js +1 -1
- package/dist/components/feedback/splash-loader/NeonSplashLoader.vue.cjs.js.map +1 -1
- package/dist/components/feedback/splash-loader/NeonSplashLoader.vue.es.js +15 -15
- package/dist/components/feedback/splash-loader/NeonSplashLoader.vue.es.js.map +1 -1
- package/dist/components/layout/card-list/NeonCardList.cjs.js +1 -1
- package/dist/components/layout/card-list/NeonCardList.cjs.js.map +1 -1
- package/dist/components/layout/card-list/NeonCardList.es.js +28 -15
- package/dist/components/layout/card-list/NeonCardList.es.js.map +1 -1
- package/dist/components/layout/card-list/NeonCardList.vue.cjs.js +1 -1
- package/dist/components/layout/card-list/NeonCardList.vue.cjs.js.map +1 -1
- package/dist/components/layout/card-list/NeonCardList.vue.es.js +62 -65
- package/dist/components/layout/card-list/NeonCardList.vue.es.js.map +1 -1
- package/dist/components/layout/list-layout/NeonListLayout.cjs.js +2 -0
- package/dist/components/layout/list-layout/NeonListLayout.cjs.js.map +1 -0
- package/dist/components/layout/list-layout/NeonListLayout.es.js +107 -0
- package/dist/components/layout/list-layout/NeonListLayout.es.js.map +1 -0
- package/dist/components/layout/list-layout/NeonListLayout.vue.cjs.js +2 -0
- package/dist/components/layout/list-layout/NeonListLayout.vue.cjs.js.map +1 -0
- package/dist/components/layout/list-layout/NeonListLayout.vue.es.js +59 -0
- package/dist/components/layout/list-layout/NeonListLayout.vue.es.js.map +1 -0
- package/dist/components/navigation/breadcrumbs/NeonBreadcrumbs.vue.cjs.js +1 -1
- package/dist/components/navigation/breadcrumbs/NeonBreadcrumbs.vue.cjs.js.map +1 -1
- package/dist/components/navigation/breadcrumbs/NeonBreadcrumbs.vue.es.js +10 -10
- package/dist/components/navigation/breadcrumbs/NeonBreadcrumbs.vue.es.js.map +1 -1
- package/dist/components/navigation/pagination/NeonPagination.cjs.js +1 -1
- package/dist/components/navigation/pagination/NeonPagination.cjs.js.map +1 -1
- package/dist/components/navigation/pagination/NeonPagination.es.js +31 -21
- package/dist/components/navigation/pagination/NeonPagination.es.js.map +1 -1
- package/dist/components/navigation/pagination/NeonPagination.vue.cjs.js +1 -1
- package/dist/components/navigation/pagination/NeonPagination.vue.cjs.js.map +1 -1
- package/dist/components/navigation/pagination/NeonPagination.vue.es.js +43 -36
- package/dist/components/navigation/pagination/NeonPagination.vue.es.js.map +1 -1
- package/dist/components/presentation/empty-state/NeonEmptyState.cjs.js +2 -0
- package/dist/components/presentation/empty-state/NeonEmptyState.cjs.js.map +1 -0
- package/dist/components/presentation/empty-state/NeonEmptyState.es.js +62 -0
- package/dist/components/presentation/empty-state/NeonEmptyState.es.js.map +1 -0
- package/dist/components/presentation/empty-state/NeonEmptyState.vue.cjs.js +2 -0
- package/dist/components/presentation/empty-state/NeonEmptyState.vue.cjs.js.map +1 -0
- package/dist/components/presentation/empty-state/NeonEmptyState.vue.es.js +54 -0
- package/dist/components/presentation/empty-state/NeonEmptyState.vue.es.js.map +1 -0
- 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 +7 -7
- package/dist/components/presentation/image-carousel/NeonImageCarousel.vue.es.js.map +1 -1
- package/dist/components/user-input/date-picker/NeonDatePicker.vue.cjs.js +1 -1
- package/dist/components/user-input/date-picker/NeonDatePicker.vue.cjs.js.map +1 -1
- package/dist/components/user-input/date-picker/NeonDatePicker.vue.es.js +40 -40
- package/dist/components/user-input/date-picker/NeonDatePicker.vue.es.js.map +1 -1
- package/dist/model/presentation/empty-state/NeonEmptyStateType.cjs.js +2 -0
- package/dist/model/presentation/empty-state/NeonEmptyStateType.cjs.js.map +1 -0
- package/dist/model/presentation/empty-state/NeonEmptyStateType.es.js +5 -0
- package/dist/model/presentation/empty-state/NeonEmptyStateType.es.js.map +1 -0
- package/dist/neon.cjs.js +1 -1
- package/dist/neon.es.js +229 -223
- package/dist/neon.es.js.map +1 -1
- package/dist/src/components/layout/card-list/NeonCardList.d.ts +121 -10
- package/dist/src/components/layout/drawer/NeonDrawer.d.ts +1 -1
- package/dist/src/components/layout/list-layout/NeonListLayout.d.ts +2726 -0
- package/dist/src/components/layout/list-layout/NeonListLayout.vue.d.ts +2 -0
- package/dist/src/components/navigation/pagination/NeonPagination.d.ts +6 -5
- package/dist/src/components/presentation/empty-state/NeonEmptyState.d.ts +613 -0
- package/dist/src/components/presentation/empty-state/NeonEmptyState.vue.d.ts +2 -0
- package/dist/src/model/navigation/pagination/NeonPaginationModel.d.ts +1 -1
- package/dist/src/model/presentation/empty-state/NeonEmptyStateType.d.ts +9 -0
- package/dist/src/model/user-input/button/NeonButtonModel.d.ts +19 -0
- package/dist/src/neon.d.ts +4 -0
- package/package.json +1 -1
- package/src/sass/components/_card-list.scss +19 -0
- package/src/sass/components/_empty-state.scss +47 -0
- package/src/sass/components/_header.scss +2 -0
- package/src/sass/components/_list-layout.scss +37 -0
- package/src/sass/components/_page-container.scss +1 -0
- package/src/sass/components/components.scss +2 -0
- package/src/sass/core/_transitions.scss +15 -0
- package/src/sass/global/base-html.scss +0 -4
- package/src/sass/includes/_dependencies.scss +2 -0
- package/src/sass/theme.scss +8 -0
- package/src/sass/variables-global.scss +7 -0
- package/dist/components/feedback/alert/container/NeonDialogContainer.cjs2.js +0 -2
- package/dist/components/feedback/alert/container/NeonDialogContainer.cjs2.js.map +0 -1
- package/dist/components/feedback/alert/container/NeonDialogContainer.es2.js +0 -25
- package/dist/components/feedback/alert/container/NeonDialogContainer.es2.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NeonImageCarousel.vue.cjs.js","sources":["../../../../src/components/presentation/image-carousel/NeonImageCarousel.vue"],"sourcesContent":["<template>\n <div class=\"neon-image-carousel-wrapper\">\n <div\n :class=\"{\n 'neon-image-carousel--initialised': initialised,\n 'neon-image-carousel--expanded': isExpanded,\n }\"\n class=\"neon-image-carousel\"\n tabindex=\"0\"\n @keydown.stop.prevent.left=\"previous\"\n @keydown.stop.prevent.right=\"next\"\n @keydown.esc=\"isExpanded && toggleExpanded()\"\n >\n <div class=\"neon-image-carousel__container\" tabindex=\"-1\">\n <neon-button\n v-if=\"isExpanded\"\n :title=\"closeLabel\"\n button-style=\"text\"\n class=\"neon-image-carousel__close\"\n color=\"low-contrast\"\n icon=\"close\"\n size=\"l\"\n transparent\n @click=\"isExpanded && toggleExpanded()\"\n />\n <neon-button\n :disabled=\"currentImage === 0\"\n :title=\"previousLabel\"\n :transparent=\"true\"\n button-style=\"text\"\n class=\"neon-image-carousel__previous\"\n color=\"neutral\"\n icon=\"
|
|
1
|
+
{"version":3,"file":"NeonImageCarousel.vue.cjs.js","sources":["../../../../src/components/presentation/image-carousel/NeonImageCarousel.vue"],"sourcesContent":["<template>\n <div class=\"neon-image-carousel-wrapper\">\n <div\n :class=\"{\n 'neon-image-carousel--initialised': initialised,\n 'neon-image-carousel--expanded': isExpanded,\n }\"\n class=\"neon-image-carousel\"\n tabindex=\"0\"\n @keydown.stop.prevent.left=\"previous\"\n @keydown.stop.prevent.right=\"next\"\n @keydown.esc=\"isExpanded && toggleExpanded()\"\n >\n <div class=\"neon-image-carousel__container\" tabindex=\"-1\">\n <neon-button\n v-if=\"isExpanded\"\n :title=\"closeLabel\"\n button-style=\"text\"\n class=\"neon-image-carousel__close\"\n color=\"low-contrast\"\n icon=\"close\"\n size=\"l\"\n transparent\n @click=\"isExpanded && toggleExpanded()\"\n />\n <neon-button\n :disabled=\"currentImage === 0\"\n :title=\"previousLabel\"\n :transparent=\"true\"\n button-style=\"text\"\n class=\"neon-image-carousel__previous\"\n color=\"neutral\"\n icon=\"chevron-left\"\n size=\"l\"\n @click.capture.stop=\"previous\"\n />\n <ul ref=\"carouselItems\" class=\"no-style neon-image-carousel__items\">\n <li\n v-for=\"(image, index) in images\"\n :key=\"image.src\"\n ref=\"carouselItem\"\n :class=\"{ 'neon-image-carousel__item--active': index === currentImage }\"\n class=\"neon-image-carousel__item\"\n >\n <img\n :alt=\"image.alt\"\n :src=\"image.src\"\n class=\"neon-image-carousel__image\"\n @click.stop=\"!isExpanded && toggleExpanded()\"\n />\n <p v-if=\"isExpanded && image.title\" class=\"neon-image-carousel__item-title\">{{ image.title }}</p>\n </li>\n </ul>\n <neon-button\n :disabled=\"currentImage === images.length - 1\"\n :title=\"nextLabel\"\n :transparent=\"true\"\n button-style=\"text\"\n class=\"neon-image-carousel__next\"\n color=\"neutral\"\n icon=\"chevron-right\"\n size=\"l\"\n @click.capture.stop=\"next\"\n />\n </div>\n <neon-stack class=\"neon-image-carousel__nav-container\" gap=\"s\">\n <div class=\"neon-image-carousel__nav\" tabindex=\"-1\">\n <neon-link\n v-for=\"(_image, index) in images\"\n :key=\"index\"\n :aria-label=\"`Display image ${index + 1}`\"\n class=\"neon-image-carousel__nav-item-link\"\n no-style\n outline-style=\"none\"\n role=\"button\"\n tabindex=\"0\"\n @keydown.stop.prevent.capture.enter=\"scrollTo(index)\"\n @keydown.stop.prevent.capture.space=\"scrollTo(index)\"\n >\n <div\n :class=\"{ 'neon-image-carousel__nav-item--active': index === currentImage }\"\n class=\"neon-image-carousel__nav-item\"\n tabindex=\"-1\"\n @click.capture.stop=\"scrollTo(index)\"\n >\n <div class=\"neon-image-carousel__nav-item-indicator\"></div>\n </div>\n </neon-link>\n </div>\n <span v-if=\"!hideLabel\" class=\"neon-image-carousel__label\" tabindex=\"-1\">\n {{ imageCountLabel || `${images.length} ${images.length === 1 ? 'image' : 'images'}` }}\n </span>\n </neon-stack>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonImageCarousel.ts\" />\n"],"names":["_hoisted_1","_openBlock","_createElementBlock","_createElementVNode","_normalizeClass","_ctx","args","_cache","_withKeys","$event","_hoisted_2","_createBlock","_component_neon_button","_createVNode","_hoisted_3","_Fragment","_renderList","image","index","_withModifiers","_hoisted_5","_toDisplayString","_component_neon_stack","_hoisted_6","_image","_component_neon_link","_hoisted_8"],"mappings":"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"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import $ from "./NeonImageCarousel.es.js";
|
|
2
2
|
import { resolveComponent as m, openBlock as s, createElementBlock as i, createElementVNode as l, withKeys as r, withModifiers as a, normalizeClass as p, createBlock as v, createCommentVNode as c, createVNode as g, Fragment as b, renderList as _, toDisplayString as C, withCtx as k } from "vue";
|
|
3
3
|
import E from "../../../_virtual/_plugin-vue_export-helper.es.js";
|
|
4
|
-
const
|
|
4
|
+
const h = { class: "neon-image-carousel-wrapper" }, w = {
|
|
5
5
|
class: "neon-image-carousel__container",
|
|
6
6
|
tabindex: "-1"
|
|
7
|
-
},
|
|
7
|
+
}, I = {
|
|
8
8
|
ref: "carouselItems",
|
|
9
9
|
class: "no-style neon-image-carousel__items"
|
|
10
10
|
}, L = ["alt", "src"], z = {
|
|
@@ -20,7 +20,7 @@ const w = { class: "neon-image-carousel-wrapper" }, I = {
|
|
|
20
20
|
};
|
|
21
21
|
function T(e, n, V, D, F, M) {
|
|
22
22
|
const u = m("neon-button"), f = m("neon-link"), y = m("neon-stack");
|
|
23
|
-
return s(), i("div",
|
|
23
|
+
return s(), i("div", h, [
|
|
24
24
|
l("div", {
|
|
25
25
|
class: p([{
|
|
26
26
|
"neon-image-carousel--initialised": e.initialised,
|
|
@@ -33,7 +33,7 @@ function T(e, n, V, D, F, M) {
|
|
|
33
33
|
n[4] || (n[4] = r((o) => e.isExpanded && e.toggleExpanded(), ["esc"]))
|
|
34
34
|
]
|
|
35
35
|
}, [
|
|
36
|
-
l("div",
|
|
36
|
+
l("div", w, [
|
|
37
37
|
e.isExpanded ? (s(), v(u, {
|
|
38
38
|
key: 0,
|
|
39
39
|
title: e.closeLabel,
|
|
@@ -52,11 +52,11 @@ function T(e, n, V, D, F, M) {
|
|
|
52
52
|
"button-style": "text",
|
|
53
53
|
class: "neon-image-carousel__previous",
|
|
54
54
|
color: "neutral",
|
|
55
|
-
icon: "
|
|
55
|
+
icon: "chevron-left",
|
|
56
56
|
size: "l",
|
|
57
57
|
onClickCapture: a(e.previous, ["stop"])
|
|
58
58
|
}, null, 8, ["disabled", "title", "onClickCapture"]),
|
|
59
|
-
l("ul",
|
|
59
|
+
l("ul", I, [
|
|
60
60
|
(s(!0), i(b, null, _(e.images, (o, t) => (s(), i("li", {
|
|
61
61
|
key: o.src,
|
|
62
62
|
ref_for: !0,
|
|
@@ -79,7 +79,7 @@ function T(e, n, V, D, F, M) {
|
|
|
79
79
|
"button-style": "text",
|
|
80
80
|
class: "neon-image-carousel__next",
|
|
81
81
|
color: "neutral",
|
|
82
|
-
icon: "
|
|
82
|
+
icon: "chevron-right",
|
|
83
83
|
size: "l",
|
|
84
84
|
onClickCapture: a(e.next, ["stop"])
|
|
85
85
|
}, null, 8, ["disabled", "title", "onClickCapture"])
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NeonImageCarousel.vue.es.js","sources":["../../../../src/components/presentation/image-carousel/NeonImageCarousel.vue"],"sourcesContent":["<template>\n <div class=\"neon-image-carousel-wrapper\">\n <div\n :class=\"{\n 'neon-image-carousel--initialised': initialised,\n 'neon-image-carousel--expanded': isExpanded,\n }\"\n class=\"neon-image-carousel\"\n tabindex=\"0\"\n @keydown.stop.prevent.left=\"previous\"\n @keydown.stop.prevent.right=\"next\"\n @keydown.esc=\"isExpanded && toggleExpanded()\"\n >\n <div class=\"neon-image-carousel__container\" tabindex=\"-1\">\n <neon-button\n v-if=\"isExpanded\"\n :title=\"closeLabel\"\n button-style=\"text\"\n class=\"neon-image-carousel__close\"\n color=\"low-contrast\"\n icon=\"close\"\n size=\"l\"\n transparent\n @click=\"isExpanded && toggleExpanded()\"\n />\n <neon-button\n :disabled=\"currentImage === 0\"\n :title=\"previousLabel\"\n :transparent=\"true\"\n button-style=\"text\"\n class=\"neon-image-carousel__previous\"\n color=\"neutral\"\n icon=\"
|
|
1
|
+
{"version":3,"file":"NeonImageCarousel.vue.es.js","sources":["../../../../src/components/presentation/image-carousel/NeonImageCarousel.vue"],"sourcesContent":["<template>\n <div class=\"neon-image-carousel-wrapper\">\n <div\n :class=\"{\n 'neon-image-carousel--initialised': initialised,\n 'neon-image-carousel--expanded': isExpanded,\n }\"\n class=\"neon-image-carousel\"\n tabindex=\"0\"\n @keydown.stop.prevent.left=\"previous\"\n @keydown.stop.prevent.right=\"next\"\n @keydown.esc=\"isExpanded && toggleExpanded()\"\n >\n <div class=\"neon-image-carousel__container\" tabindex=\"-1\">\n <neon-button\n v-if=\"isExpanded\"\n :title=\"closeLabel\"\n button-style=\"text\"\n class=\"neon-image-carousel__close\"\n color=\"low-contrast\"\n icon=\"close\"\n size=\"l\"\n transparent\n @click=\"isExpanded && toggleExpanded()\"\n />\n <neon-button\n :disabled=\"currentImage === 0\"\n :title=\"previousLabel\"\n :transparent=\"true\"\n button-style=\"text\"\n class=\"neon-image-carousel__previous\"\n color=\"neutral\"\n icon=\"chevron-left\"\n size=\"l\"\n @click.capture.stop=\"previous\"\n />\n <ul ref=\"carouselItems\" class=\"no-style neon-image-carousel__items\">\n <li\n v-for=\"(image, index) in images\"\n :key=\"image.src\"\n ref=\"carouselItem\"\n :class=\"{ 'neon-image-carousel__item--active': index === currentImage }\"\n class=\"neon-image-carousel__item\"\n >\n <img\n :alt=\"image.alt\"\n :src=\"image.src\"\n class=\"neon-image-carousel__image\"\n @click.stop=\"!isExpanded && toggleExpanded()\"\n />\n <p v-if=\"isExpanded && image.title\" class=\"neon-image-carousel__item-title\">{{ image.title }}</p>\n </li>\n </ul>\n <neon-button\n :disabled=\"currentImage === images.length - 1\"\n :title=\"nextLabel\"\n :transparent=\"true\"\n button-style=\"text\"\n class=\"neon-image-carousel__next\"\n color=\"neutral\"\n icon=\"chevron-right\"\n size=\"l\"\n @click.capture.stop=\"next\"\n />\n </div>\n <neon-stack class=\"neon-image-carousel__nav-container\" gap=\"s\">\n <div class=\"neon-image-carousel__nav\" tabindex=\"-1\">\n <neon-link\n v-for=\"(_image, index) in images\"\n :key=\"index\"\n :aria-label=\"`Display image ${index + 1}`\"\n class=\"neon-image-carousel__nav-item-link\"\n no-style\n outline-style=\"none\"\n role=\"button\"\n tabindex=\"0\"\n @keydown.stop.prevent.capture.enter=\"scrollTo(index)\"\n @keydown.stop.prevent.capture.space=\"scrollTo(index)\"\n >\n <div\n :class=\"{ 'neon-image-carousel__nav-item--active': index === currentImage }\"\n class=\"neon-image-carousel__nav-item\"\n tabindex=\"-1\"\n @click.capture.stop=\"scrollTo(index)\"\n >\n <div class=\"neon-image-carousel__nav-item-indicator\"></div>\n </div>\n </neon-link>\n </div>\n <span v-if=\"!hideLabel\" class=\"neon-image-carousel__label\" tabindex=\"-1\">\n {{ imageCountLabel || `${images.length} ${images.length === 1 ? 'image' : 'images'}` }}\n </span>\n </neon-stack>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonImageCarousel.ts\" />\n"],"names":["_hoisted_1","_openBlock","_createElementBlock","_createElementVNode","_normalizeClass","_ctx","args","_cache","_withKeys","$event","_hoisted_2","_createBlock","_component_neon_button","_createVNode","_hoisted_3","_Fragment","_renderList","image","index","_withModifiers","_hoisted_5","_toDisplayString","_component_neon_stack","_hoisted_6","_image","_component_neon_link","_hoisted_8"],"mappings":";;;AACO,MAAAA,IAAA,EAAA,OAAM,8BAA6B;EAY/B,OAAM;AAAA,EAAiC,UAAS;;EAuB/C,KAAI;AAAA,EAAgB,OAAM;;;EAcU,OAAM;;EAgBzC,OAAM;AAAA,EAA2B,UAAS;;;EAuBvB,OAAM;AAAA,EAA6B,UAAS;;;;AAxF1E,SAAAC,EAAA,GAAAC,EA6FM,OA7FNF,GA6FM;AAAA,IA5FJG,EA2FM,OAAA;AAAA,MA1FH,OAAKC,EAAA,CAAA;AAAA,4CAAgDC,EAAA;AAAA,yCAAsDA,EAAA;AAAA,SAItG,qBAAqB,CAAA;AAAA,MAC3B,UAAS;AAAA,MACR,WAAO;AAAA,sCAAoBA,EAAA,YAAAA,EAAA,SAAA,GAAAC,CAAA,GAAQ,CAAA,QAAA,SAAA,CAAA,GAAA,CAAA,MAAA,CAAA;AAAA,sCACPD,EAAA,QAAAA,EAAA,KAAA,GAAAC,CAAA,GAAI,CAAA,QAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA,QACnBC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA,CAAAC,MAAAJ,EAAA,cAAcA,EAAA,eAAc,GAAA,CAAA,KAAA,CAAA;AAAA;;MAE1CF,EAmDM,OAnDNO,GAmDM;AAAA,QAjDIL,EAAA,mBADRM,EAUEC,GAAA;AAAA;UARC,OAAOP,EAAA;AAAA,UACR,gBAAa;AAAA,UACb,OAAM;AAAA,UACN,OAAM;AAAA,UACN,MAAK;AAAA,UACL,MAAK;AAAA,UACL,aAAA;AAAA,UACC,SAAKE,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAE,MAAEJ,EAAA,cAAcA,EAAA,eAAc;AAAA;QAEtCQ,EAUED,GAAA;AAAA,UATC,UAAUP,EAAA,iBAAY;AAAA,UACtB,OAAOA,EAAA;AAAA,UACP,aAAa;AAAA,UACd,gBAAa;AAAA,UACb,OAAM;AAAA,UACN,OAAM;AAAA,UACN,MAAK;AAAA,UACL,MAAK;AAAA,4BACgBA,EAAA,UAAQ,CAAA,MAAA,CAAA;AAAA;QAE/BF,EAgBK,MAhBLW,GAgBK;AAAA,WAfHb,EAAA,EAAA,GAAAC,EAcKa,GAAA,MAAAC,EAbsBX,EAAA,QAAM,CAAvBY,GAAOC,YADjBhB,EAcK,MAAA;AAAA,YAZF,KAAKe,EAAM;AAAA;YACZ,KAAI;AAAA,YACH,OAAKb,EAAA,CAAA,EAAA,qCAAyCc,MAAUb,EAAA,aAAY,GAC/D,2BAA2B,CAAA;AAAA;YAEjCF,EAKE,OAAA;AAAA,cAJC,KAAKc,EAAM;AAAA,cACX,KAAKA,EAAM;AAAA,cACZ,OAAM;AAAA,cACL,SAAKV,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAY,EAAA,CAAAV,MAAA,CAAQJ,EAAA,cAAcA,EAAA,eAAc,GAAA,CAAA,MAAA,CAAA;AAAA;YAEnCA,EAAA,cAAcY,EAAM,SAA7BhB,EAAA,GAAAC,EAAiG,KAAjGkB,GAAiGC,EAAlBJ,EAAM,KAAK,GAAA,CAAA;;;QAG9FJ,EAUED,GAAA;AAAA,UATC,UAAUP,EAAA,iBAAiBA,EAAA,OAAO,SAAM;AAAA,UACxC,OAAOA,EAAA;AAAA,UACP,aAAa;AAAA,UACd,gBAAa;AAAA,UACb,OAAM;AAAA,UACN,OAAM;AAAA,UACN,MAAK;AAAA,UACL,MAAK;AAAA,4BACgBA,EAAA,MAAI,CAAA,MAAA,CAAA;AAAA;;MAG7BQ,EA2BaS,GAAA;AAAA,QA3BD,OAAM;AAAA,QAAqC,KAAI;AAAA;mBACzD,MAsBM;AAAA,UAtBNnB,EAsBM,OAtBNoB,GAsBM;AAAA,aArBJtB,EAAA,EAAA,GAAAC,EAoBYa,GAAA,MAAAC,EAnBgBX,EAAA,QAAM,CAAxBmB,GAAQN,YADlBP,EAoBYc,GAAA;AAAA,cAlBT,KAAKP;AAAA,cACL,+BAA6BA,IAAK,CAAA;AAAA,cACnC,OAAM;AAAA,cACN,YAAA;AAAA,cACA,iBAAc;AAAA,cACd,MAAK;AAAA,cACL,UAAS;AAAA;gBAC4BV,EAAAW,EAAA,CAAAV,MAAAJ,EAAA,SAASa,CAAK,GAAA,CAAA,QAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA,gBACdV,EAAAW,EAAA,CAAAV,MAAAJ,EAAA,SAASa,CAAK,GAAA,CAAA,QAAA,SAAA,CAAA,GAAA,CAAA,OAAA,CAAA;AAAA;;yBAEnD,MAOM;AAAA,gBAPNf,EAOM,OAAA;AAAA,kBANH,OAAKC,EAAA,CAAA,EAAA,yCAA6Cc,MAAUb,EAAA,gBACvD,+BAA+B,CAAA;AAAA,kBACrC,UAAS;AAAA,kBACY,gBAAAc,EAAA,CAAAV,MAAAJ,EAAA,SAASa,CAAK,GAAA,CAAA,MAAA,CAAA;AAAA;kBAEnCf,EAA2D,OAAA,EAAtD,OAAM,0CAAyC,GAAA,MAAA,EAAA;AAAA;;;;;UAI7CE,EAAA,8BAAbH,EAEO,QAFPwB,GAEOL,EADFhB,EAAA,mBAAe,GAAOA,EAAA,OAAO,MAAM,IAAIA,EAAA,OAAO,WAAM,IAAA,UAAA,QAAA,EAAA,GAAA,CAAA;AAAA;;;;;;;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const c=require("./NeonDatePicker.cjs.js"),a=require("vue"),u=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),b={ref:"calendarRef",class:"neon-date-picker__calendar"},k={class:"neon-date-picker__calendar-header"},m={class:"neon-date-picker__calendar-title-readonly"},v={class:"neon-date-picker__calendar-header-actions"},y={class:"neon-date-picker__calendar-options"},w={class:"neon-date-picker__calendar-header"},g={key:0,class:"neon-date-picker__calendar-title-readonly"},h={class:"neon-date-picker__calendar-header-actions"},C={class:"neon-date-picker__calendar-options"},D={class:"neon-date-picker__calendar-header"},M={key:0,class:"neon-date-picker__calendar-title-readonly"},N={class:"neon-date-picker__calendar-header-actions"},$={class:"neon-date-picker__calendar-dows"},f=["title"],B={class:"neon-button-group"};function V(e,n,Y,K,z,L){const l=a.resolveComponent("neon-button"),d=a.resolveComponent("neon-dropdown"),s=a.resolveComponent("neon-input");return a.openBlock(),a.createElementBlock("div",{class:a.normalizeClass([[`neon-date-picker--${e.size}`,`neon-date-picker--${e.color}`,{"neon-date-picker--disabled":e.disabled,"neon-date-picker--open":e.calendarOpen}],"neon-date-picker"])},[a.createVNode(d,{id:e.id,ref:"dropdown",modelValue:e.calendarOpen,"onUpdate:modelValue":[n[20]||(n[20]=o=>e.calendarOpen=o),e.toggleCalendar],color:e.color,disabled:e.disabled,"icon-aria-label":e.openCalendarLabel,indicator:!1,label:e.formattedValue,placement:e.placement,size:e.size,"dropdown-style":"input",icon:"calendar"},{default:a.withCtx(()=>[a.createElementVNode("div",b,[e.yearSelectionOpen?(a.openBlock(),a.createElementBlock(a.Fragment,{key:0},[a.createElementVNode("div",k,[a.createElementVNode("span",m,a.toDisplayString(`${e.calendar.pageDecadeStart}–${e.calendar.pageDecadeStart+9}`),1),a.createElementVNode("div",v,[a.createVNode(l,{"aria-label":e.previousDecadeLabel,circular:!0,color:e.color,disabled:e.isPreviousDecadeDisabled,"button-style":"text",class:"neon-date-picker__previous-button",icon:"arrow-left-1",size:"m",onClickCapture:n[0]||(n[0]=a.withModifiers(o=>e.onPreviousDecade(),["stop","prevent"])),onKeydownCapture:n[1]||(n[1]=a.withKeys(a.withModifiers(o=>e.onPreviousDecade(),["stop","prevent"]),["enter"]))},null,8,["aria-label","color","disabled"]),a.createVNode(l,{"aria-label":e.nextDecadeLabel,circular:!0,color:e.color,disabled:e.isNextDecadeDisabled,"button-style":"text",class:"neon-date-picker__next-button",icon:"arrow-right-1",size:"m",onClickCapture:n[2]||(n[2]=a.withModifiers(o=>e.onNextDecade(),["stop","prevent"])),onKeydownCapture:n[3]||(n[3]=a.withKeys(a.withModifiers(o=>e.onNextDecade(),["stop","prevent"]),["enter"]))},null,8,["aria-label","color","disabled"])])]),n[21]||(n[21]=a.createElementVNode("hr",null,null,-1)),a.createElementVNode("div",y,[(a.openBlock(),a.createElementBlock(a.Fragment,null,a.renderList(10,o=>a.createVNode(l,{key:o,class:a.normalizeClass([{"neon-date-picker__calendar-option--selected":e.calendar.pageYear===e.calendar.pageDecadeStart+o-1,"neon-date-picker__calendar-option--today":e.calendar.today.year===e.calendar.pageDecadeStart+o-1,"neon-date-picker__calendar-option--disabled":e.isYearDisabled(e.calendar.pageDecadeStart+o-1)},"neon-date-picker__calendar-option"]),color:e.color,disabled:e.isYearDisabled(e.calendar.pageDecadeStart+o-1),"full-width":!0,label:`${e.calendar.pageDecadeStart+o-1}`,"button-style":"text",size:"s",onClickCapture:a.withModifiers(r=>e.selectYear(e.calendar.pageDecadeStart+o-1),["stop","prevent"]),onKeydownCapture:a.withKeys(a.withModifiers(r=>e.selectYear(e.calendar.pageDecadeStart+o-1),["stop","prevent"]),["enter"])},null,8,["class","color","disabled","label","onClickCapture","onKeydownCapture"])),64))])],64)):e.monthSelectionOpen?(a.openBlock(),a.createElementBlock(a.Fragment,{key:1},[a.createElementVNode("div",w,[e.isChangeYearDisabled?(a.openBlock(),a.createElementBlock("span",g,a.toDisplayString(e.calendar.pageYear),1)):(a.openBlock(),a.createBlock(l,{key:1,"aria-label":e.changeYearLabel,label:`${e.calendar.pageYear}`,"button-style":"text",class:"neon-date-picker__calendar-header-title",color:"high-contrast",icon:"data-transfer-horizontal","icon-position":"right",size:"m",onClickCapture:n[4]||(n[4]=a.withModifiers(o=>e.changeYear(),["stop","prevent"])),onKeydownCapture:n[5]||(n[5]=a.withKeys(a.withModifiers(o=>e.changeYear(),["stop","prevent"]),["enter"]))},null,8,["aria-label","label"])),a.createElementVNode("div",h,[a.createVNode(l,{"aria-label":e.previousYearLabel,circular:!0,color:e.color,disabled:e.isPreviousYearDisabled,"button-style":"text",class:"neon-date-picker__previous-button",icon:"arrow-left-1",size:"m",onClickCapture:n[6]||(n[6]=a.withModifiers(o=>e.onPreviousYear(),["stop","prevent"])),onKeydownCapture:n[7]||(n[7]=a.withKeys(a.withModifiers(o=>e.onPreviousYear(),["stop","prevent"]),["enter"]))},null,8,["aria-label","color","disabled"]),a.createVNode(l,{"aria-label":e.nextYearLabel,circular:!0,color:e.color,disabled:e.isNextYearDisabled,"button-style":"text",class:"neon-date-picker__next-button",icon:"arrow-right-1",size:"m",onClickCapture:n[8]||(n[8]=a.withModifiers(o=>e.onNextYear(),["stop","prevent"])),onKeydownCapture:n[9]||(n[9]=a.withKeys(a.withModifiers(o=>e.onNextYear(),["stop","prevent"]),["enter"]))},null,8,["aria-label","color","disabled"])])]),n[22]||(n[22]=a.createElementVNode("hr",null,null,-1)),a.createElementVNode("div",C,[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(e.calendar.months,(o,r)=>(a.openBlock(),a.createBlock(l,{key:r,class:a.normalizeClass([{"neon-date-picker__calendar-option--selected":r+1===e.calendar.pageMonth,"neon-date-picker__calendar-option--today":r+1===e.calendar.today.month&&e.calendar.today.year===e.calendar.pageYear,"neon-date-picker__calendar-option--disabled":e.isMonthDisabled(e.calendar.pageYear,r+1)},"neon-date-picker__calendar-option"]),color:e.color,disabled:e.isMonthDisabled(e.calendar.pageYear,r+1),"full-width":!0,label:o,title:e.calendar.monthLongNames[r],"button-style":"text",size:"s",onClickCapture:a.withModifiers(t=>e.selectMonth(r+1),["stop","prevent"]),onKeydownCapture:a.withKeys(a.withModifiers(t=>e.selectMonth(r+1),["stop","prevent"]),["enter"])},null,8,["class","color","disabled","label","title","onClickCapture","onKeydownCapture"]))),128))])],64)):(a.openBlock(),a.createElementBlock(a.Fragment,{key:2},[a.createElementVNode("div",D,[e.isChangeDateDisabled?(a.openBlock(),a.createElementBlock("span",M,a.toDisplayString(`${e.calendar.pageMonthName} ${e.calendar.pageYear}`),1)):(a.openBlock(),a.createBlock(l,{key:1,"aria-label":e.changeMonthLabel,label:`${e.calendar.pageMonthName} ${e.calendar.pageYear}`,"button-style":"text",class:"neon-date-picker__calendar-header-title",color:"high-contrast",icon:"data-transfer-horizontal","icon-position":"right",size:"m",onClickCapture:n[10]||(n[10]=a.withModifiers(o=>e.changeMonth(),["stop","prevent"])),onKeydownCapture:n[11]||(n[11]=a.withKeys(a.withModifiers(o=>e.changeMonth(),["stop","prevent"]),["enter"]))},null,8,["aria-label","label"])),a.createElementVNode("div",N,[a.createVNode(l,{"aria-label":e.previousMonthLabel,circular:!0,color:e.color,disabled:e.isPreviousDisabled,"button-style":"text",class:"neon-date-picker__previous-button",icon:"arrow-left-1",size:"m",onClickCapture:n[12]||(n[12]=a.withModifiers(o=>e.onPrevious(),["stop","prevent"])),onKeydownCapture:n[13]||(n[13]=a.withKeys(a.withModifiers(o=>e.onPrevious(),["stop","prevent"]),["enter"]))},null,8,["aria-label","color","disabled"]),a.createVNode(l,{"aria-label":e.nextMonthLabel,circular:!0,color:e.color,disabled:e.isNextDisabled,"button-style":"text",class:"neon-date-picker__next-button",icon:"arrow-right-1",size:"m",onClickCapture:n[14]||(n[14]=a.withModifiers(o=>e.onNext(),["stop","prevent"])),onKeydownCapture:n[15]||(n[15]=a.withKeys(a.withModifiers(o=>e.onNext(),["stop","prevent"]),["enter"]))},null,8,["aria-label","color","disabled"])])]),a.createElementVNode("div",$,[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(e.calendar.dowNames,(o,r)=>(a.openBlock(),a.createElementBlock("abbr",{key:o,title:e.calendar.dowLongNames[r],class:"neon-date-picker__calendar-dow"},a.toDisplayString(o),9,f))),128))]),n[23]||(n[23]=a.createElementVNode("hr",null,null,-1)),(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(e.calendar.dates,(o,r)=>(a.openBlock(),a.createElementBlock("div",{key:r,class:"neon-date-picker__calendar-dates"},[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(o,(t,i)=>(a.openBlock(),a.createElementBlock(a.Fragment,null,[t?(a.openBlock(),a.createBlock(l,{key:i,circular:!0,class:a.normalizeClass([{"neon-date-picker__calendar-date--selected":e.modelValue===e.isoDate(t,e.calendar.pageMonth,e.calendar.pageYear),"neon-date-picker__calendar-date--today":e.today===e.isoDate(t,e.calendar.pageMonth,e.calendar.pageYear),"neon-date-picker__calendar-date--disabled":e.isDisabled(e.isoDate(t,e.calendar.pageMonth,e.calendar.pageYear))},"neon-date-picker__calendar-date"]),color:e.color,disabled:e.isDisabled(e.isoDate(t,e.calendar.pageMonth,e.calendar.pageYear)),label:`${t}`,tabindex:e.isDisabled(e.isoDate(t,e.calendar.pageMonth,e.calendar.pageYear))?-1:0,transparent:!0,"button-style":"text",size:"m",onClickCapture:a.withModifiers(p=>e.emitDate(e.isoDate(t,e.calendar.pageMonth,e.calendar.pageYear)),["stop","prevent"]),onKeydownCapture:a.withKeys(a.withModifiers(p=>e.emitDate(e.isoDate(t,e.calendar.pageMonth,e.calendar.pageYear)),["stop","prevent"]),["enter"])},null,8,["class","color","disabled","label","tabindex","onClickCapture","onKeydownCapture"])):(a.openBlock(),a.createElementBlock("div",{key:`${i}-empty`,class:"neon-date-picker__calendar-date neon-date-picker__calendar-date--empty"}))],64))),256))]))),128))],64)),n[24]||(n[24]=a.createElementVNode("hr",null,null,-1)),a.createElementVNode("div",B,[e.optional?(a.openBlock(),a.createBlock(l,{key:0,label:e.clearLabel,"button-style":"text",class:"neon-date-picker__calendar-clear-button",color:"low-contrast",size:"s",onClickCapture:n[16]||(n[16]=a.withModifiers(o=>e.clear(),["stop","prevent"])),onKeydownCapture:n[17]||(n[17]=a.withKeys(a.withModifiers(o=>e.clear(),["stop","prevent"]),["enter"]))},null,8,["label"])):a.createCommentVNode("",!0),a.createVNode(l,{color:e.color,label:e.doneLabel,"button-style":"text",class:"neon-date-picker__calendar-done-button",size:"s",onClickCapture:n[18]||(n[18]=a.withModifiers(o=>e.done(),["stop","prevent"])),onKeydownCapture:n[19]||(n[19]=a.withKeys(a.withModifiers(o=>e.done(),["stop","prevent"]),["enter"]))},null,8,["color","label"])])],512)]),_:1},8,["id","modelValue","color","disabled","icon-aria-label","label","placement","size","onUpdate:modelValue"]),a.createVNode(s,a.mergeProps({color:e.color,disabled:e.disabled,"hide-icon":!0,max:e.max,min:e.min,"model-value":e.modelValue,size:e.size,tabindex:-1,class:"neon-date-picker__native-input",type:"date"},e.attrs,{"onUpdate:modelValue":e.emitDate}),null,16,["color","disabled","max","min","model-value","size","onUpdate:modelValue"])],2)}const E=u(c,[["render",V]]);module.exports=E;
|
|
1
|
+
"use strict";const c=require("./NeonDatePicker.cjs.js"),a=require("vue"),u=require("../../../_virtual/_plugin-vue_export-helper.cjs.js"),b={ref:"calendarRef",class:"neon-date-picker__calendar"},k={class:"neon-date-picker__calendar-header"},m={class:"neon-date-picker__calendar-title-readonly"},v={class:"neon-date-picker__calendar-header-actions"},y={class:"neon-date-picker__calendar-options"},g={class:"neon-date-picker__calendar-header"},h={key:0,class:"neon-date-picker__calendar-title-readonly"},w={class:"neon-date-picker__calendar-header-actions"},C={class:"neon-date-picker__calendar-options"},D={class:"neon-date-picker__calendar-header"},M={key:0,class:"neon-date-picker__calendar-title-readonly"},N={class:"neon-date-picker__calendar-header-actions"},$={class:"neon-date-picker__calendar-dows"},f=["title"],B={class:"neon-button-group"};function V(e,n,Y,K,z,L){const l=a.resolveComponent("neon-button"),d=a.resolveComponent("neon-dropdown"),s=a.resolveComponent("neon-input");return a.openBlock(),a.createElementBlock("div",{class:a.normalizeClass([[`neon-date-picker--${e.size}`,`neon-date-picker--${e.color}`,{"neon-date-picker--disabled":e.disabled,"neon-date-picker--open":e.calendarOpen}],"neon-date-picker"])},[a.createVNode(d,{id:e.id,ref:"dropdown",modelValue:e.calendarOpen,"onUpdate:modelValue":[n[20]||(n[20]=o=>e.calendarOpen=o),e.toggleCalendar],color:e.color,disabled:e.disabled,"icon-aria-label":e.openCalendarLabel,indicator:!1,label:e.formattedValue,placement:e.placement,size:e.size,"dropdown-style":"input",icon:"calendar"},{default:a.withCtx(()=>[a.createElementVNode("div",b,[e.yearSelectionOpen?(a.openBlock(),a.createElementBlock(a.Fragment,{key:0},[a.createElementVNode("div",k,[a.createElementVNode("span",m,a.toDisplayString(`${e.calendar.pageDecadeStart}–${e.calendar.pageDecadeStart+9}`),1),a.createElementVNode("div",v,[a.createVNode(l,{"aria-label":e.previousDecadeLabel,circular:!0,color:e.color,disabled:e.isPreviousDecadeDisabled,"button-style":"text",class:"neon-date-picker__previous-button",icon:"chevron-left",size:"m",onClickCapture:n[0]||(n[0]=a.withModifiers(o=>e.onPreviousDecade(),["stop","prevent"])),onKeydownCapture:n[1]||(n[1]=a.withKeys(a.withModifiers(o=>e.onPreviousDecade(),["stop","prevent"]),["enter"]))},null,8,["aria-label","color","disabled"]),a.createVNode(l,{"aria-label":e.nextDecadeLabel,circular:!0,color:e.color,disabled:e.isNextDecadeDisabled,"button-style":"text",class:"neon-date-picker__next-button",icon:"chevron-right",size:"m",onClickCapture:n[2]||(n[2]=a.withModifiers(o=>e.onNextDecade(),["stop","prevent"])),onKeydownCapture:n[3]||(n[3]=a.withKeys(a.withModifiers(o=>e.onNextDecade(),["stop","prevent"]),["enter"]))},null,8,["aria-label","color","disabled"])])]),n[21]||(n[21]=a.createElementVNode("hr",null,null,-1)),a.createElementVNode("div",y,[(a.openBlock(),a.createElementBlock(a.Fragment,null,a.renderList(10,o=>a.createVNode(l,{key:o,class:a.normalizeClass([{"neon-date-picker__calendar-option--selected":e.calendar.pageYear===e.calendar.pageDecadeStart+o-1,"neon-date-picker__calendar-option--today":e.calendar.today.year===e.calendar.pageDecadeStart+o-1,"neon-date-picker__calendar-option--disabled":e.isYearDisabled(e.calendar.pageDecadeStart+o-1)},"neon-date-picker__calendar-option"]),color:e.color,disabled:e.isYearDisabled(e.calendar.pageDecadeStart+o-1),"full-width":!0,label:`${e.calendar.pageDecadeStart+o-1}`,"button-style":"text",size:"s",onClickCapture:a.withModifiers(r=>e.selectYear(e.calendar.pageDecadeStart+o-1),["stop","prevent"]),onKeydownCapture:a.withKeys(a.withModifiers(r=>e.selectYear(e.calendar.pageDecadeStart+o-1),["stop","prevent"]),["enter"])},null,8,["class","color","disabled","label","onClickCapture","onKeydownCapture"])),64))])],64)):e.monthSelectionOpen?(a.openBlock(),a.createElementBlock(a.Fragment,{key:1},[a.createElementVNode("div",g,[e.isChangeYearDisabled?(a.openBlock(),a.createElementBlock("span",h,a.toDisplayString(e.calendar.pageYear),1)):(a.openBlock(),a.createBlock(l,{key:1,"aria-label":e.changeYearLabel,label:`${e.calendar.pageYear}`,"button-style":"text",class:"neon-date-picker__calendar-header-title",color:"high-contrast",icon:"data-transfer-horizontal","icon-position":"right",size:"m",onClickCapture:n[4]||(n[4]=a.withModifiers(o=>e.changeYear(),["stop","prevent"])),onKeydownCapture:n[5]||(n[5]=a.withKeys(a.withModifiers(o=>e.changeYear(),["stop","prevent"]),["enter"]))},null,8,["aria-label","label"])),a.createElementVNode("div",w,[a.createVNode(l,{"aria-label":e.previousYearLabel,circular:!0,color:e.color,disabled:e.isPreviousYearDisabled,"button-style":"text",class:"neon-date-picker__previous-button",icon:"chevron-left",size:"m",onClickCapture:n[6]||(n[6]=a.withModifiers(o=>e.onPreviousYear(),["stop","prevent"])),onKeydownCapture:n[7]||(n[7]=a.withKeys(a.withModifiers(o=>e.onPreviousYear(),["stop","prevent"]),["enter"]))},null,8,["aria-label","color","disabled"]),a.createVNode(l,{"aria-label":e.nextYearLabel,circular:!0,color:e.color,disabled:e.isNextYearDisabled,"button-style":"text",class:"neon-date-picker__next-button",icon:"chevron-right",size:"m",onClickCapture:n[8]||(n[8]=a.withModifiers(o=>e.onNextYear(),["stop","prevent"])),onKeydownCapture:n[9]||(n[9]=a.withKeys(a.withModifiers(o=>e.onNextYear(),["stop","prevent"]),["enter"]))},null,8,["aria-label","color","disabled"])])]),n[22]||(n[22]=a.createElementVNode("hr",null,null,-1)),a.createElementVNode("div",C,[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(e.calendar.months,(o,r)=>(a.openBlock(),a.createBlock(l,{key:r,class:a.normalizeClass([{"neon-date-picker__calendar-option--selected":r+1===e.calendar.pageMonth,"neon-date-picker__calendar-option--today":r+1===e.calendar.today.month&&e.calendar.today.year===e.calendar.pageYear,"neon-date-picker__calendar-option--disabled":e.isMonthDisabled(e.calendar.pageYear,r+1)},"neon-date-picker__calendar-option"]),color:e.color,disabled:e.isMonthDisabled(e.calendar.pageYear,r+1),"full-width":!0,label:o,title:e.calendar.monthLongNames[r],"button-style":"text",size:"s",onClickCapture:a.withModifiers(t=>e.selectMonth(r+1),["stop","prevent"]),onKeydownCapture:a.withKeys(a.withModifiers(t=>e.selectMonth(r+1),["stop","prevent"]),["enter"])},null,8,["class","color","disabled","label","title","onClickCapture","onKeydownCapture"]))),128))])],64)):(a.openBlock(),a.createElementBlock(a.Fragment,{key:2},[a.createElementVNode("div",D,[e.isChangeDateDisabled?(a.openBlock(),a.createElementBlock("span",M,a.toDisplayString(`${e.calendar.pageMonthName} ${e.calendar.pageYear}`),1)):(a.openBlock(),a.createBlock(l,{key:1,"aria-label":e.changeMonthLabel,label:`${e.calendar.pageMonthName} ${e.calendar.pageYear}`,"button-style":"text",class:"neon-date-picker__calendar-header-title",color:"high-contrast",icon:"data-transfer-horizontal","icon-position":"right",size:"m",onClickCapture:n[10]||(n[10]=a.withModifiers(o=>e.changeMonth(),["stop","prevent"])),onKeydownCapture:n[11]||(n[11]=a.withKeys(a.withModifiers(o=>e.changeMonth(),["stop","prevent"]),["enter"]))},null,8,["aria-label","label"])),a.createElementVNode("div",N,[a.createVNode(l,{"aria-label":e.previousMonthLabel,circular:!0,color:e.color,disabled:e.isPreviousDisabled,"button-style":"text",class:"neon-date-picker__previous-button",icon:"chevron-left",size:"m",onClickCapture:n[12]||(n[12]=a.withModifiers(o=>e.onPrevious(),["stop","prevent"])),onKeydownCapture:n[13]||(n[13]=a.withKeys(a.withModifiers(o=>e.onPrevious(),["stop","prevent"]),["enter"]))},null,8,["aria-label","color","disabled"]),a.createVNode(l,{"aria-label":e.nextMonthLabel,circular:!0,color:e.color,disabled:e.isNextDisabled,"button-style":"text",class:"neon-date-picker__next-button",icon:"chevron-right",size:"m",onClickCapture:n[14]||(n[14]=a.withModifiers(o=>e.onNext(),["stop","prevent"])),onKeydownCapture:n[15]||(n[15]=a.withKeys(a.withModifiers(o=>e.onNext(),["stop","prevent"]),["enter"]))},null,8,["aria-label","color","disabled"])])]),a.createElementVNode("div",$,[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(e.calendar.dowNames,(o,r)=>(a.openBlock(),a.createElementBlock("abbr",{key:o,title:e.calendar.dowLongNames[r],class:"neon-date-picker__calendar-dow"},a.toDisplayString(o),9,f))),128))]),n[23]||(n[23]=a.createElementVNode("hr",null,null,-1)),(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(e.calendar.dates,(o,r)=>(a.openBlock(),a.createElementBlock("div",{key:r,class:"neon-date-picker__calendar-dates"},[(a.openBlock(!0),a.createElementBlock(a.Fragment,null,a.renderList(o,(t,i)=>(a.openBlock(),a.createElementBlock(a.Fragment,null,[t?(a.openBlock(),a.createBlock(l,{key:i,circular:!0,class:a.normalizeClass([{"neon-date-picker__calendar-date--selected":e.modelValue===e.isoDate(t,e.calendar.pageMonth,e.calendar.pageYear),"neon-date-picker__calendar-date--today":e.today===e.isoDate(t,e.calendar.pageMonth,e.calendar.pageYear),"neon-date-picker__calendar-date--disabled":e.isDisabled(e.isoDate(t,e.calendar.pageMonth,e.calendar.pageYear))},"neon-date-picker__calendar-date"]),color:e.color,disabled:e.isDisabled(e.isoDate(t,e.calendar.pageMonth,e.calendar.pageYear)),label:`${t}`,tabindex:e.isDisabled(e.isoDate(t,e.calendar.pageMonth,e.calendar.pageYear))?-1:0,transparent:!0,"button-style":"text",size:"m",onClickCapture:a.withModifiers(p=>e.emitDate(e.isoDate(t,e.calendar.pageMonth,e.calendar.pageYear)),["stop","prevent"]),onKeydownCapture:a.withKeys(a.withModifiers(p=>e.emitDate(e.isoDate(t,e.calendar.pageMonth,e.calendar.pageYear)),["stop","prevent"]),["enter"])},null,8,["class","color","disabled","label","tabindex","onClickCapture","onKeydownCapture"])):(a.openBlock(),a.createElementBlock("div",{key:`${i}-empty`,class:"neon-date-picker__calendar-date neon-date-picker__calendar-date--empty"}))],64))),256))]))),128))],64)),n[24]||(n[24]=a.createElementVNode("hr",null,null,-1)),a.createElementVNode("div",B,[e.optional?(a.openBlock(),a.createBlock(l,{key:0,label:e.clearLabel,"button-style":"text",class:"neon-date-picker__calendar-clear-button",color:"low-contrast",size:"s",onClickCapture:n[16]||(n[16]=a.withModifiers(o=>e.clear(),["stop","prevent"])),onKeydownCapture:n[17]||(n[17]=a.withKeys(a.withModifiers(o=>e.clear(),["stop","prevent"]),["enter"]))},null,8,["label"])):a.createCommentVNode("",!0),a.createVNode(l,{color:e.color,label:e.doneLabel,"button-style":"text",class:"neon-date-picker__calendar-done-button",size:"s",onClickCapture:n[18]||(n[18]=a.withModifiers(o=>e.done(),["stop","prevent"])),onKeydownCapture:n[19]||(n[19]=a.withKeys(a.withModifiers(o=>e.done(),["stop","prevent"]),["enter"]))},null,8,["color","label"])])],512)]),_:1},8,["id","modelValue","color","disabled","icon-aria-label","label","placement","size","onUpdate:modelValue"]),a.createVNode(s,a.mergeProps({color:e.color,disabled:e.disabled,"hide-icon":!0,max:e.max,min:e.min,"model-value":e.modelValue,size:e.size,tabindex:-1,class:"neon-date-picker__native-input",type:"date"},e.attrs,{"onUpdate:modelValue":e.emitDate}),null,16,["color","disabled","max","min","model-value","size","onUpdate:modelValue"])],2)}const E=u(c,[["render",V]]);module.exports=E;
|
|
2
2
|
//# sourceMappingURL=NeonDatePicker.vue.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NeonDatePicker.vue.cjs.js","sources":["../../../../src/components/user-input/date-picker/NeonDatePicker.vue"],"sourcesContent":["<template>\n <div\n :class=\"[\n `neon-date-picker--${size}`,\n `neon-date-picker--${color}`,\n {\n 'neon-date-picker--disabled': disabled,\n 'neon-date-picker--open': calendarOpen,\n },\n ]\"\n class=\"neon-date-picker\"\n >\n <neon-dropdown\n :id=\"id\"\n ref=\"dropdown\"\n v-model=\"calendarOpen\"\n :color=\"color\"\n :disabled=\"disabled\"\n :icon-aria-label=\"openCalendarLabel\"\n :indicator=\"false\"\n :label=\"formattedValue\"\n :placement=\"placement\"\n :size=\"size\"\n dropdown-style=\"input\"\n icon=\"calendar\"\n @update:modelValue=\"toggleCalendar\"\n >\n <div ref=\"calendarRef\" class=\"neon-date-picker__calendar\">\n <template v-if=\"yearSelectionOpen\">\n <div class=\"neon-date-picker__calendar-header\">\n <span class=\"neon-date-picker__calendar-title-readonly\">\n {{ `${calendar.pageDecadeStart}–${calendar.pageDecadeStart + 9}` }}\n </span>\n <div class=\"neon-date-picker__calendar-header-actions\">\n <neon-button\n :aria-label=\"previousDecadeLabel\"\n :circular=\"true\"\n :color=\"color\"\n :disabled=\"isPreviousDecadeDisabled\"\n button-style=\"text\"\n class=\"neon-date-picker__previous-button\"\n icon=\"arrow-left-1\"\n size=\"m\"\n @click.stop.prevent.capture=\"onPreviousDecade()\"\n @keydown.enter.stop.prevent.capture=\"onPreviousDecade()\"\n />\n <neon-button\n :aria-label=\"nextDecadeLabel\"\n :circular=\"true\"\n :color=\"color\"\n :disabled=\"isNextDecadeDisabled\"\n button-style=\"text\"\n class=\"neon-date-picker__next-button\"\n icon=\"arrow-right-1\"\n size=\"m\"\n @click.stop.prevent.capture=\"onNextDecade()\"\n @keydown.enter.stop.prevent.capture=\"onNextDecade()\"\n />\n </div>\n </div>\n <hr />\n <div class=\"neon-date-picker__calendar-options\">\n <neon-button\n v-for=\"index in 10\"\n :key=\"index\"\n :class=\"{\n 'neon-date-picker__calendar-option--selected':\n calendar.pageYear === calendar.pageDecadeStart + index - 1,\n 'neon-date-picker__calendar-option--today':\n calendar.today.year === calendar.pageDecadeStart + index - 1,\n 'neon-date-picker__calendar-option--disabled': isYearDisabled(calendar.pageDecadeStart + index - 1),\n }\"\n :color=\"color\"\n :disabled=\"isYearDisabled(calendar.pageDecadeStart + index - 1)\"\n :full-width=\"true\"\n :label=\"`${calendar.pageDecadeStart + index - 1}`\"\n button-style=\"text\"\n class=\"neon-date-picker__calendar-option\"\n size=\"s\"\n @click.stop.prevent.capture=\"selectYear(calendar.pageDecadeStart + index - 1)\"\n @keydown.enter.stop.prevent.capture=\"selectYear(calendar.pageDecadeStart + index - 1)\"\n />\n </div>\n </template>\n <template v-else-if=\"monthSelectionOpen\">\n <div class=\"neon-date-picker__calendar-header\">\n <span v-if=\"isChangeYearDisabled\" class=\"neon-date-picker__calendar-title-readonly\">\n {{ calendar.pageYear }}\n </span>\n <neon-button\n v-else\n :aria-label=\"changeYearLabel\"\n :label=\"`${calendar.pageYear}`\"\n button-style=\"text\"\n class=\"neon-date-picker__calendar-header-title\"\n color=\"high-contrast\"\n icon=\"data-transfer-horizontal\"\n icon-position=\"right\"\n size=\"m\"\n @click.stop.prevent.capture=\"changeYear()\"\n @keydown.enter.stop.prevent.capture=\"changeYear()\"\n />\n <div class=\"neon-date-picker__calendar-header-actions\">\n <neon-button\n :aria-label=\"previousYearLabel\"\n :circular=\"true\"\n :color=\"color\"\n :disabled=\"isPreviousYearDisabled\"\n button-style=\"text\"\n class=\"neon-date-picker__previous-button\"\n icon=\"arrow-left-1\"\n size=\"m\"\n @click.stop.prevent.capture=\"onPreviousYear()\"\n @keydown.enter.stop.prevent.capture=\"onPreviousYear()\"\n />\n <neon-button\n :aria-label=\"nextYearLabel\"\n :circular=\"true\"\n :color=\"color\"\n :disabled=\"isNextYearDisabled\"\n button-style=\"text\"\n class=\"neon-date-picker__next-button\"\n icon=\"arrow-right-1\"\n size=\"m\"\n @click.stop.prevent.capture=\"onNextYear()\"\n @keydown.enter.stop.prevent.capture=\"onNextYear()\"\n />\n </div>\n </div>\n <hr />\n <div class=\"neon-date-picker__calendar-options\">\n <neon-button\n v-for=\"(month, index) in calendar.months\"\n :key=\"index\"\n :class=\"{\n 'neon-date-picker__calendar-option--selected': index + 1 === calendar.pageMonth,\n 'neon-date-picker__calendar-option--today':\n index + 1 === calendar.today.month && calendar.today.year === calendar.pageYear,\n 'neon-date-picker__calendar-option--disabled': isMonthDisabled(calendar.pageYear, index + 1),\n }\"\n :color=\"color\"\n :disabled=\"isMonthDisabled(calendar.pageYear, index + 1)\"\n :full-width=\"true\"\n :label=\"month\"\n :title=\"calendar.monthLongNames[index]\"\n button-style=\"text\"\n class=\"neon-date-picker__calendar-option\"\n size=\"s\"\n @click.stop.prevent.capture=\"selectMonth(index + 1)\"\n @keydown.enter.stop.prevent.capture=\"selectMonth(index + 1)\"\n />\n </div>\n </template>\n <template v-else>\n <div class=\"neon-date-picker__calendar-header\">\n <span v-if=\"isChangeDateDisabled\" class=\"neon-date-picker__calendar-title-readonly\">\n {{ `${calendar.pageMonthName} ${calendar.pageYear}` }}\n </span>\n <neon-button\n v-else\n :aria-label=\"changeMonthLabel\"\n :label=\"`${calendar.pageMonthName} ${calendar.pageYear}`\"\n button-style=\"text\"\n class=\"neon-date-picker__calendar-header-title\"\n color=\"high-contrast\"\n icon=\"data-transfer-horizontal\"\n icon-position=\"right\"\n size=\"m\"\n @click.stop.prevent.capture=\"changeMonth()\"\n @keydown.enter.stop.prevent.capture=\"changeMonth()\"\n />\n <div class=\"neon-date-picker__calendar-header-actions\">\n <neon-button\n :aria-label=\"previousMonthLabel\"\n :circular=\"true\"\n :color=\"color\"\n :disabled=\"isPreviousDisabled\"\n button-style=\"text\"\n class=\"neon-date-picker__previous-button\"\n icon=\"arrow-left-1\"\n size=\"m\"\n @click.stop.prevent.capture=\"onPrevious()\"\n @keydown.enter.stop.prevent.capture=\"onPrevious()\"\n />\n <neon-button\n :aria-label=\"nextMonthLabel\"\n :circular=\"true\"\n :color=\"color\"\n :disabled=\"isNextDisabled\"\n button-style=\"text\"\n class=\"neon-date-picker__next-button\"\n icon=\"arrow-right-1\"\n size=\"m\"\n @click.stop.prevent.capture=\"onNext()\"\n @keydown.enter.stop.prevent.capture=\"onNext()\"\n />\n </div>\n </div>\n <div class=\"neon-date-picker__calendar-dows\">\n <abbr\n v-for=\"(dow, index) in calendar.dowNames\"\n :key=\"dow\"\n :title=\"calendar.dowLongNames[index]\"\n class=\"neon-date-picker__calendar-dow\"\n >\n {{ dow }}\n </abbr>\n </div>\n <hr />\n <div v-for=\"(dateRow, index) in calendar.dates\" :key=\"index\" class=\"neon-date-picker__calendar-dates\">\n <template v-for=\"(dateCol, index) in dateRow\">\n <neon-button\n v-if=\"dateCol\"\n :key=\"index\"\n :circular=\"true\"\n :class=\"{\n 'neon-date-picker__calendar-date--selected':\n modelValue === isoDate(dateCol, calendar.pageMonth, calendar.pageYear),\n 'neon-date-picker__calendar-date--today':\n today === isoDate(dateCol, calendar.pageMonth, calendar.pageYear),\n 'neon-date-picker__calendar-date--disabled': isDisabled(\n isoDate(dateCol, calendar.pageMonth, calendar.pageYear),\n ),\n }\"\n :color=\"color\"\n :disabled=\"isDisabled(isoDate(dateCol, calendar.pageMonth, calendar.pageYear))\"\n :label=\"`${dateCol}`\"\n :tabindex=\"isDisabled(isoDate(dateCol, calendar.pageMonth, calendar.pageYear)) ? -1 : 0\"\n :transparent=\"true\"\n button-style=\"text\"\n class=\"neon-date-picker__calendar-date\"\n size=\"m\"\n @click.stop.prevent.capture=\"emitDate(isoDate(dateCol, calendar.pageMonth, calendar.pageYear))\"\n @keydown.enter.stop.prevent.capture=\"emitDate(isoDate(dateCol, calendar.pageMonth, calendar.pageYear))\"\n />\n <div\n v-else\n :key=\"`${index}-empty`\"\n class=\"neon-date-picker__calendar-date neon-date-picker__calendar-date--empty\"\n />\n </template>\n </div>\n </template>\n <hr />\n <div class=\"neon-button-group\">\n <neon-button\n v-if=\"optional\"\n :label=\"clearLabel\"\n button-style=\"text\"\n class=\"neon-date-picker__calendar-clear-button\"\n color=\"low-contrast\"\n size=\"s\"\n @click.stop.prevent.capture=\"clear()\"\n @keydown.enter.stop.prevent.capture=\"clear()\"\n />\n <neon-button\n :color=\"color\"\n :label=\"doneLabel\"\n button-style=\"text\"\n class=\"neon-date-picker__calendar-done-button\"\n size=\"s\"\n @click.stop.prevent.capture=\"done()\"\n @keydown.enter.stop.prevent.capture=\"done()\"\n />\n </div>\n </div>\n </neon-dropdown>\n <neon-input\n :color=\"color\"\n :disabled=\"disabled\"\n :hide-icon=\"true\"\n :max=\"max\"\n :min=\"min\"\n :model-value=\"modelValue\"\n :size=\"size\"\n :tabindex=\"-1\"\n class=\"neon-date-picker__native-input\"\n type=\"date\"\n v-bind=\"attrs\"\n @update:modelValue=\"emitDate\"\n />\n </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonDatePicker.ts\"></script>\n"],"names":["_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_12","_hoisted_13","_hoisted_15","_createElementBlock","_normalizeClass","_ctx","_createVNode","_component_neon_dropdown","$event","_createElementVNode","_hoisted_1","_Fragment","_toDisplayString","_component_neon_button","_renderList","index","_withModifiers","_withKeys","_openBlock","_hoisted_7","_createBlock","month","_hoisted_11","dow","_hoisted_14","dateRow","dateCol","_component_neon_input","_mergeProps"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"NeonDatePicker.vue.cjs.js","sources":["../../../../src/components/user-input/date-picker/NeonDatePicker.vue"],"sourcesContent":["<template>\n <div\n :class=\"[\n `neon-date-picker--${size}`,\n `neon-date-picker--${color}`,\n {\n 'neon-date-picker--disabled': disabled,\n 'neon-date-picker--open': calendarOpen,\n },\n ]\"\n class=\"neon-date-picker\"\n >\n <neon-dropdown\n :id=\"id\"\n ref=\"dropdown\"\n v-model=\"calendarOpen\"\n :color=\"color\"\n :disabled=\"disabled\"\n :icon-aria-label=\"openCalendarLabel\"\n :indicator=\"false\"\n :label=\"formattedValue\"\n :placement=\"placement\"\n :size=\"size\"\n dropdown-style=\"input\"\n icon=\"calendar\"\n @update:modelValue=\"toggleCalendar\"\n >\n <div ref=\"calendarRef\" class=\"neon-date-picker__calendar\">\n <template v-if=\"yearSelectionOpen\">\n <div class=\"neon-date-picker__calendar-header\">\n <span class=\"neon-date-picker__calendar-title-readonly\">\n {{ `${calendar.pageDecadeStart}–${calendar.pageDecadeStart + 9}` }}\n </span>\n <div class=\"neon-date-picker__calendar-header-actions\">\n <neon-button\n :aria-label=\"previousDecadeLabel\"\n :circular=\"true\"\n :color=\"color\"\n :disabled=\"isPreviousDecadeDisabled\"\n button-style=\"text\"\n class=\"neon-date-picker__previous-button\"\n icon=\"chevron-left\"\n size=\"m\"\n @click.stop.prevent.capture=\"onPreviousDecade()\"\n @keydown.enter.stop.prevent.capture=\"onPreviousDecade()\"\n />\n <neon-button\n :aria-label=\"nextDecadeLabel\"\n :circular=\"true\"\n :color=\"color\"\n :disabled=\"isNextDecadeDisabled\"\n button-style=\"text\"\n class=\"neon-date-picker__next-button\"\n icon=\"chevron-right\"\n size=\"m\"\n @click.stop.prevent.capture=\"onNextDecade()\"\n @keydown.enter.stop.prevent.capture=\"onNextDecade()\"\n />\n </div>\n </div>\n <hr />\n <div class=\"neon-date-picker__calendar-options\">\n <neon-button\n v-for=\"index in 10\"\n :key=\"index\"\n :class=\"{\n 'neon-date-picker__calendar-option--selected':\n calendar.pageYear === calendar.pageDecadeStart + index - 1,\n 'neon-date-picker__calendar-option--today':\n calendar.today.year === calendar.pageDecadeStart + index - 1,\n 'neon-date-picker__calendar-option--disabled': isYearDisabled(calendar.pageDecadeStart + index - 1),\n }\"\n :color=\"color\"\n :disabled=\"isYearDisabled(calendar.pageDecadeStart + index - 1)\"\n :full-width=\"true\"\n :label=\"`${calendar.pageDecadeStart + index - 1}`\"\n button-style=\"text\"\n class=\"neon-date-picker__calendar-option\"\n size=\"s\"\n @click.stop.prevent.capture=\"selectYear(calendar.pageDecadeStart + index - 1)\"\n @keydown.enter.stop.prevent.capture=\"selectYear(calendar.pageDecadeStart + index - 1)\"\n />\n </div>\n </template>\n <template v-else-if=\"monthSelectionOpen\">\n <div class=\"neon-date-picker__calendar-header\">\n <span v-if=\"isChangeYearDisabled\" class=\"neon-date-picker__calendar-title-readonly\">\n {{ calendar.pageYear }}\n </span>\n <neon-button\n v-else\n :aria-label=\"changeYearLabel\"\n :label=\"`${calendar.pageYear}`\"\n button-style=\"text\"\n class=\"neon-date-picker__calendar-header-title\"\n color=\"high-contrast\"\n icon=\"data-transfer-horizontal\"\n icon-position=\"right\"\n size=\"m\"\n @click.stop.prevent.capture=\"changeYear()\"\n @keydown.enter.stop.prevent.capture=\"changeYear()\"\n />\n <div class=\"neon-date-picker__calendar-header-actions\">\n <neon-button\n :aria-label=\"previousYearLabel\"\n :circular=\"true\"\n :color=\"color\"\n :disabled=\"isPreviousYearDisabled\"\n button-style=\"text\"\n class=\"neon-date-picker__previous-button\"\n icon=\"chevron-left\"\n size=\"m\"\n @click.stop.prevent.capture=\"onPreviousYear()\"\n @keydown.enter.stop.prevent.capture=\"onPreviousYear()\"\n />\n <neon-button\n :aria-label=\"nextYearLabel\"\n :circular=\"true\"\n :color=\"color\"\n :disabled=\"isNextYearDisabled\"\n button-style=\"text\"\n class=\"neon-date-picker__next-button\"\n icon=\"chevron-right\"\n size=\"m\"\n @click.stop.prevent.capture=\"onNextYear()\"\n @keydown.enter.stop.prevent.capture=\"onNextYear()\"\n />\n </div>\n </div>\n <hr />\n <div class=\"neon-date-picker__calendar-options\">\n <neon-button\n v-for=\"(month, index) in calendar.months\"\n :key=\"index\"\n :class=\"{\n 'neon-date-picker__calendar-option--selected': index + 1 === calendar.pageMonth,\n 'neon-date-picker__calendar-option--today':\n index + 1 === calendar.today.month && calendar.today.year === calendar.pageYear,\n 'neon-date-picker__calendar-option--disabled': isMonthDisabled(calendar.pageYear, index + 1),\n }\"\n :color=\"color\"\n :disabled=\"isMonthDisabled(calendar.pageYear, index + 1)\"\n :full-width=\"true\"\n :label=\"month\"\n :title=\"calendar.monthLongNames[index]\"\n button-style=\"text\"\n class=\"neon-date-picker__calendar-option\"\n size=\"s\"\n @click.stop.prevent.capture=\"selectMonth(index + 1)\"\n @keydown.enter.stop.prevent.capture=\"selectMonth(index + 1)\"\n />\n </div>\n </template>\n <template v-else>\n <div class=\"neon-date-picker__calendar-header\">\n <span v-if=\"isChangeDateDisabled\" class=\"neon-date-picker__calendar-title-readonly\">\n {{ `${calendar.pageMonthName} ${calendar.pageYear}` }}\n </span>\n <neon-button\n v-else\n :aria-label=\"changeMonthLabel\"\n :label=\"`${calendar.pageMonthName} ${calendar.pageYear}`\"\n button-style=\"text\"\n class=\"neon-date-picker__calendar-header-title\"\n color=\"high-contrast\"\n icon=\"data-transfer-horizontal\"\n icon-position=\"right\"\n size=\"m\"\n @click.stop.prevent.capture=\"changeMonth()\"\n @keydown.enter.stop.prevent.capture=\"changeMonth()\"\n />\n <div class=\"neon-date-picker__calendar-header-actions\">\n <neon-button\n :aria-label=\"previousMonthLabel\"\n :circular=\"true\"\n :color=\"color\"\n :disabled=\"isPreviousDisabled\"\n button-style=\"text\"\n class=\"neon-date-picker__previous-button\"\n icon=\"chevron-left\"\n size=\"m\"\n @click.stop.prevent.capture=\"onPrevious()\"\n @keydown.enter.stop.prevent.capture=\"onPrevious()\"\n />\n <neon-button\n :aria-label=\"nextMonthLabel\"\n :circular=\"true\"\n :color=\"color\"\n :disabled=\"isNextDisabled\"\n button-style=\"text\"\n class=\"neon-date-picker__next-button\"\n icon=\"chevron-right\"\n size=\"m\"\n @click.stop.prevent.capture=\"onNext()\"\n @keydown.enter.stop.prevent.capture=\"onNext()\"\n />\n </div>\n </div>\n <div class=\"neon-date-picker__calendar-dows\">\n <abbr\n v-for=\"(dow, index) in calendar.dowNames\"\n :key=\"dow\"\n :title=\"calendar.dowLongNames[index]\"\n class=\"neon-date-picker__calendar-dow\"\n >\n {{ dow }}\n </abbr>\n </div>\n <hr />\n <div v-for=\"(dateRow, index) in calendar.dates\" :key=\"index\" class=\"neon-date-picker__calendar-dates\">\n <template v-for=\"(dateCol, index) in dateRow\">\n <neon-button\n v-if=\"dateCol\"\n :key=\"index\"\n :circular=\"true\"\n :class=\"{\n 'neon-date-picker__calendar-date--selected':\n modelValue === isoDate(dateCol, calendar.pageMonth, calendar.pageYear),\n 'neon-date-picker__calendar-date--today':\n today === isoDate(dateCol, calendar.pageMonth, calendar.pageYear),\n 'neon-date-picker__calendar-date--disabled': isDisabled(\n isoDate(dateCol, calendar.pageMonth, calendar.pageYear),\n ),\n }\"\n :color=\"color\"\n :disabled=\"isDisabled(isoDate(dateCol, calendar.pageMonth, calendar.pageYear))\"\n :label=\"`${dateCol}`\"\n :tabindex=\"isDisabled(isoDate(dateCol, calendar.pageMonth, calendar.pageYear)) ? -1 : 0\"\n :transparent=\"true\"\n button-style=\"text\"\n class=\"neon-date-picker__calendar-date\"\n size=\"m\"\n @click.stop.prevent.capture=\"emitDate(isoDate(dateCol, calendar.pageMonth, calendar.pageYear))\"\n @keydown.enter.stop.prevent.capture=\"emitDate(isoDate(dateCol, calendar.pageMonth, calendar.pageYear))\"\n />\n <div\n v-else\n :key=\"`${index}-empty`\"\n class=\"neon-date-picker__calendar-date neon-date-picker__calendar-date--empty\"\n />\n </template>\n </div>\n </template>\n <hr />\n <div class=\"neon-button-group\">\n <neon-button\n v-if=\"optional\"\n :label=\"clearLabel\"\n button-style=\"text\"\n class=\"neon-date-picker__calendar-clear-button\"\n color=\"low-contrast\"\n size=\"s\"\n @click.stop.prevent.capture=\"clear()\"\n @keydown.enter.stop.prevent.capture=\"clear()\"\n />\n <neon-button\n :color=\"color\"\n :label=\"doneLabel\"\n button-style=\"text\"\n class=\"neon-date-picker__calendar-done-button\"\n size=\"s\"\n @click.stop.prevent.capture=\"done()\"\n @keydown.enter.stop.prevent.capture=\"done()\"\n />\n </div>\n </div>\n </neon-dropdown>\n <neon-input\n :color=\"color\"\n :disabled=\"disabled\"\n :hide-icon=\"true\"\n :max=\"max\"\n :min=\"min\"\n :model-value=\"modelValue\"\n :size=\"size\"\n :tabindex=\"-1\"\n class=\"neon-date-picker__native-input\"\n type=\"date\"\n v-bind=\"attrs\"\n @update:modelValue=\"emitDate\"\n />\n </div>\n</template>\n\n<script lang=\"ts\" src=\"./NeonDatePicker.ts\"></script>\n"],"names":["_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_12","_hoisted_13","_hoisted_15","_createElementBlock","_normalizeClass","_ctx","_createVNode","_component_neon_dropdown","$event","_createElementVNode","_hoisted_1","_Fragment","_toDisplayString","_component_neon_button","_renderList","index","_withModifiers","_withKeys","_openBlock","_hoisted_7","_createBlock","month","_hoisted_11","dow","_hoisted_14","dateRow","dateCol","_component_neon_input","_mergeProps"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { resolveComponent as m, openBlock as
|
|
1
|
+
import h from "./NeonDatePicker.es.js";
|
|
2
|
+
import { resolveComponent as m, openBlock as l, createElementBlock as t, normalizeClass as k, createVNode as u, withCtx as Y, createElementVNode as r, Fragment as b, toDisplayString as y, withKeys as i, withModifiers as o, renderList as c, createBlock as v, createCommentVNode as w, mergeProps as z } from "vue";
|
|
3
3
|
import f from "../../../_virtual/_plugin-vue_export-helper.es.js";
|
|
4
4
|
const M = {
|
|
5
5
|
ref: "calendarRef",
|
|
@@ -13,7 +13,7 @@ const M = {
|
|
|
13
13
|
}, F = { class: "neon-date-picker__calendar-header-actions" }, R = { class: "neon-date-picker__calendar-dows" }, j = ["title"], q = { class: "neon-button-group" };
|
|
14
14
|
function A(e, a, G, H, I, J) {
|
|
15
15
|
const s = m("neon-button"), C = m("neon-dropdown"), D = m("neon-input");
|
|
16
|
-
return
|
|
16
|
+
return l(), t("div", {
|
|
17
17
|
class: k([[
|
|
18
18
|
`neon-date-picker--${e.size}`,
|
|
19
19
|
`neon-date-picker--${e.color}`,
|
|
@@ -42,11 +42,11 @@ function A(e, a, G, H, I, J) {
|
|
|
42
42
|
icon: "calendar"
|
|
43
43
|
}, {
|
|
44
44
|
default: Y(() => [
|
|
45
|
-
|
|
46
|
-
e.yearSelectionOpen ? (
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
45
|
+
r("div", M, [
|
|
46
|
+
e.yearSelectionOpen ? (l(), t(b, { key: 0 }, [
|
|
47
|
+
r("div", N, [
|
|
48
|
+
r("span", K, y(`${e.calendar.pageDecadeStart}–${e.calendar.pageDecadeStart + 9}`), 1),
|
|
49
|
+
r("div", L, [
|
|
50
50
|
u(s, {
|
|
51
51
|
"aria-label": e.previousDecadeLabel,
|
|
52
52
|
circular: !0,
|
|
@@ -54,7 +54,7 @@ function A(e, a, G, H, I, J) {
|
|
|
54
54
|
disabled: e.isPreviousDecadeDisabled,
|
|
55
55
|
"button-style": "text",
|
|
56
56
|
class: "neon-date-picker__previous-button",
|
|
57
|
-
icon: "
|
|
57
|
+
icon: "chevron-left",
|
|
58
58
|
size: "m",
|
|
59
59
|
onClickCapture: a[0] || (a[0] = o((n) => e.onPreviousDecade(), ["stop", "prevent"])),
|
|
60
60
|
onKeydownCapture: a[1] || (a[1] = i(o((n) => e.onPreviousDecade(), ["stop", "prevent"]), ["enter"]))
|
|
@@ -66,16 +66,16 @@ function A(e, a, G, H, I, J) {
|
|
|
66
66
|
disabled: e.isNextDecadeDisabled,
|
|
67
67
|
"button-style": "text",
|
|
68
68
|
class: "neon-date-picker__next-button",
|
|
69
|
-
icon: "
|
|
69
|
+
icon: "chevron-right",
|
|
70
70
|
size: "m",
|
|
71
71
|
onClickCapture: a[2] || (a[2] = o((n) => e.onNextDecade(), ["stop", "prevent"])),
|
|
72
72
|
onKeydownCapture: a[3] || (a[3] = i(o((n) => e.onNextDecade(), ["stop", "prevent"]), ["enter"]))
|
|
73
73
|
}, null, 8, ["aria-label", "color", "disabled"])
|
|
74
74
|
])
|
|
75
75
|
]),
|
|
76
|
-
a[21] || (a[21] =
|
|
77
|
-
|
|
78
|
-
(
|
|
76
|
+
a[21] || (a[21] = r("hr", null, null, -1)),
|
|
77
|
+
r("div", S, [
|
|
78
|
+
(l(), t(b, null, c(10, (n) => u(s, {
|
|
79
79
|
key: n,
|
|
80
80
|
class: k([{
|
|
81
81
|
"neon-date-picker__calendar-option--selected": e.calendar.pageYear === e.calendar.pageDecadeStart + n - 1,
|
|
@@ -92,9 +92,9 @@ function A(e, a, G, H, I, J) {
|
|
|
92
92
|
onKeydownCapture: i(o((d) => e.selectYear(e.calendar.pageDecadeStart + n - 1), ["stop", "prevent"]), ["enter"])
|
|
93
93
|
}, null, 8, ["class", "color", "disabled", "label", "onClickCapture", "onKeydownCapture"])), 64))
|
|
94
94
|
])
|
|
95
|
-
], 64)) : e.monthSelectionOpen ? (
|
|
96
|
-
|
|
97
|
-
e.isChangeYearDisabled ? (
|
|
95
|
+
], 64)) : e.monthSelectionOpen ? (l(), t(b, { key: 1 }, [
|
|
96
|
+
r("div", V, [
|
|
97
|
+
e.isChangeYearDisabled ? (l(), t("span", P, y(e.calendar.pageYear), 1)) : (l(), v(s, {
|
|
98
98
|
key: 1,
|
|
99
99
|
"aria-label": e.changeYearLabel,
|
|
100
100
|
label: `${e.calendar.pageYear}`,
|
|
@@ -107,7 +107,7 @@ function A(e, a, G, H, I, J) {
|
|
|
107
107
|
onClickCapture: a[4] || (a[4] = o((n) => e.changeYear(), ["stop", "prevent"])),
|
|
108
108
|
onKeydownCapture: a[5] || (a[5] = i(o((n) => e.changeYear(), ["stop", "prevent"]), ["enter"]))
|
|
109
109
|
}, null, 8, ["aria-label", "label"])),
|
|
110
|
-
|
|
110
|
+
r("div", O, [
|
|
111
111
|
u(s, {
|
|
112
112
|
"aria-label": e.previousYearLabel,
|
|
113
113
|
circular: !0,
|
|
@@ -115,7 +115,7 @@ function A(e, a, G, H, I, J) {
|
|
|
115
115
|
disabled: e.isPreviousYearDisabled,
|
|
116
116
|
"button-style": "text",
|
|
117
117
|
class: "neon-date-picker__previous-button",
|
|
118
|
-
icon: "
|
|
118
|
+
icon: "chevron-left",
|
|
119
119
|
size: "m",
|
|
120
120
|
onClickCapture: a[6] || (a[6] = o((n) => e.onPreviousYear(), ["stop", "prevent"])),
|
|
121
121
|
onKeydownCapture: a[7] || (a[7] = i(o((n) => e.onPreviousYear(), ["stop", "prevent"]), ["enter"]))
|
|
@@ -127,16 +127,16 @@ function A(e, a, G, H, I, J) {
|
|
|
127
127
|
disabled: e.isNextYearDisabled,
|
|
128
128
|
"button-style": "text",
|
|
129
129
|
class: "neon-date-picker__next-button",
|
|
130
|
-
icon: "
|
|
130
|
+
icon: "chevron-right",
|
|
131
131
|
size: "m",
|
|
132
132
|
onClickCapture: a[8] || (a[8] = o((n) => e.onNextYear(), ["stop", "prevent"])),
|
|
133
133
|
onKeydownCapture: a[9] || (a[9] = i(o((n) => e.onNextYear(), ["stop", "prevent"]), ["enter"]))
|
|
134
134
|
}, null, 8, ["aria-label", "color", "disabled"])
|
|
135
135
|
])
|
|
136
136
|
]),
|
|
137
|
-
a[22] || (a[22] =
|
|
138
|
-
|
|
139
|
-
(
|
|
137
|
+
a[22] || (a[22] = r("hr", null, null, -1)),
|
|
138
|
+
r("div", U, [
|
|
139
|
+
(l(!0), t(b, null, c(e.calendar.months, (n, d) => (l(), v(s, {
|
|
140
140
|
key: d,
|
|
141
141
|
class: k([{
|
|
142
142
|
"neon-date-picker__calendar-option--selected": d + 1 === e.calendar.pageMonth,
|
|
@@ -154,9 +154,9 @@ function A(e, a, G, H, I, J) {
|
|
|
154
154
|
onKeydownCapture: i(o((p) => e.selectMonth(d + 1), ["stop", "prevent"]), ["enter"])
|
|
155
155
|
}, null, 8, ["class", "color", "disabled", "label", "title", "onClickCapture", "onKeydownCapture"]))), 128))
|
|
156
156
|
])
|
|
157
|
-
], 64)) : (
|
|
158
|
-
|
|
159
|
-
e.isChangeDateDisabled ? (
|
|
157
|
+
], 64)) : (l(), t(b, { key: 2 }, [
|
|
158
|
+
r("div", B, [
|
|
159
|
+
e.isChangeDateDisabled ? (l(), t("span", E, y(`${e.calendar.pageMonthName} ${e.calendar.pageYear}`), 1)) : (l(), v(s, {
|
|
160
160
|
key: 1,
|
|
161
161
|
"aria-label": e.changeMonthLabel,
|
|
162
162
|
label: `${e.calendar.pageMonthName} ${e.calendar.pageYear}`,
|
|
@@ -169,7 +169,7 @@ function A(e, a, G, H, I, J) {
|
|
|
169
169
|
onClickCapture: a[10] || (a[10] = o((n) => e.changeMonth(), ["stop", "prevent"])),
|
|
170
170
|
onKeydownCapture: a[11] || (a[11] = i(o((n) => e.changeMonth(), ["stop", "prevent"]), ["enter"]))
|
|
171
171
|
}, null, 8, ["aria-label", "label"])),
|
|
172
|
-
|
|
172
|
+
r("div", F, [
|
|
173
173
|
u(s, {
|
|
174
174
|
"aria-label": e.previousMonthLabel,
|
|
175
175
|
circular: !0,
|
|
@@ -177,7 +177,7 @@ function A(e, a, G, H, I, J) {
|
|
|
177
177
|
disabled: e.isPreviousDisabled,
|
|
178
178
|
"button-style": "text",
|
|
179
179
|
class: "neon-date-picker__previous-button",
|
|
180
|
-
icon: "
|
|
180
|
+
icon: "chevron-left",
|
|
181
181
|
size: "m",
|
|
182
182
|
onClickCapture: a[12] || (a[12] = o((n) => e.onPrevious(), ["stop", "prevent"])),
|
|
183
183
|
onKeydownCapture: a[13] || (a[13] = i(o((n) => e.onPrevious(), ["stop", "prevent"]), ["enter"]))
|
|
@@ -189,27 +189,27 @@ function A(e, a, G, H, I, J) {
|
|
|
189
189
|
disabled: e.isNextDisabled,
|
|
190
190
|
"button-style": "text",
|
|
191
191
|
class: "neon-date-picker__next-button",
|
|
192
|
-
icon: "
|
|
192
|
+
icon: "chevron-right",
|
|
193
193
|
size: "m",
|
|
194
194
|
onClickCapture: a[14] || (a[14] = o((n) => e.onNext(), ["stop", "prevent"])),
|
|
195
195
|
onKeydownCapture: a[15] || (a[15] = i(o((n) => e.onNext(), ["stop", "prevent"]), ["enter"]))
|
|
196
196
|
}, null, 8, ["aria-label", "color", "disabled"])
|
|
197
197
|
])
|
|
198
198
|
]),
|
|
199
|
-
|
|
200
|
-
(
|
|
199
|
+
r("div", R, [
|
|
200
|
+
(l(!0), t(b, null, c(e.calendar.dowNames, (n, d) => (l(), t("abbr", {
|
|
201
201
|
key: n,
|
|
202
202
|
title: e.calendar.dowLongNames[d],
|
|
203
203
|
class: "neon-date-picker__calendar-dow"
|
|
204
204
|
}, y(n), 9, j))), 128))
|
|
205
205
|
]),
|
|
206
|
-
a[23] || (a[23] =
|
|
207
|
-
(
|
|
206
|
+
a[23] || (a[23] = r("hr", null, null, -1)),
|
|
207
|
+
(l(!0), t(b, null, c(e.calendar.dates, (n, d) => (l(), t("div", {
|
|
208
208
|
key: d,
|
|
209
209
|
class: "neon-date-picker__calendar-dates"
|
|
210
210
|
}, [
|
|
211
|
-
(
|
|
212
|
-
p ? (
|
|
211
|
+
(l(!0), t(b, null, c(n, (p, g) => (l(), t(b, null, [
|
|
212
|
+
p ? (l(), v(s, {
|
|
213
213
|
key: g,
|
|
214
214
|
circular: !0,
|
|
215
215
|
class: k([{
|
|
@@ -228,16 +228,16 @@ function A(e, a, G, H, I, J) {
|
|
|
228
228
|
size: "m",
|
|
229
229
|
onClickCapture: o(($) => e.emitDate(e.isoDate(p, e.calendar.pageMonth, e.calendar.pageYear)), ["stop", "prevent"]),
|
|
230
230
|
onKeydownCapture: i(o(($) => e.emitDate(e.isoDate(p, e.calendar.pageMonth, e.calendar.pageYear)), ["stop", "prevent"]), ["enter"])
|
|
231
|
-
}, null, 8, ["class", "color", "disabled", "label", "tabindex", "onClickCapture", "onKeydownCapture"])) : (
|
|
231
|
+
}, null, 8, ["class", "color", "disabled", "label", "tabindex", "onClickCapture", "onKeydownCapture"])) : (l(), t("div", {
|
|
232
232
|
key: `${g}-empty`,
|
|
233
233
|
class: "neon-date-picker__calendar-date neon-date-picker__calendar-date--empty"
|
|
234
234
|
}))
|
|
235
235
|
], 64))), 256))
|
|
236
236
|
]))), 128))
|
|
237
237
|
], 64)),
|
|
238
|
-
a[24] || (a[24] =
|
|
239
|
-
|
|
240
|
-
e.optional ? (
|
|
238
|
+
a[24] || (a[24] = r("hr", null, null, -1)),
|
|
239
|
+
r("div", q, [
|
|
240
|
+
e.optional ? (l(), v(s, {
|
|
241
241
|
key: 0,
|
|
242
242
|
label: e.clearLabel,
|
|
243
243
|
"button-style": "text",
|
|
@@ -246,7 +246,7 @@ function A(e, a, G, H, I, J) {
|
|
|
246
246
|
size: "s",
|
|
247
247
|
onClickCapture: a[16] || (a[16] = o((n) => e.clear(), ["stop", "prevent"])),
|
|
248
248
|
onKeydownCapture: a[17] || (a[17] = i(o((n) => e.clear(), ["stop", "prevent"]), ["enter"]))
|
|
249
|
-
}, null, 8, ["label"])) :
|
|
249
|
+
}, null, 8, ["label"])) : w("", !0),
|
|
250
250
|
u(s, {
|
|
251
251
|
color: e.color,
|
|
252
252
|
label: e.doneLabel,
|
|
@@ -275,7 +275,7 @@ function A(e, a, G, H, I, J) {
|
|
|
275
275
|
}, e.attrs, { "onUpdate:modelValue": e.emitDate }), null, 16, ["color", "disabled", "max", "min", "model-value", "size", "onUpdate:modelValue"])
|
|
276
276
|
], 2);
|
|
277
277
|
}
|
|
278
|
-
const X = /* @__PURE__ */ f(
|
|
278
|
+
const X = /* @__PURE__ */ f(h, [["render", A]]);
|
|
279
279
|
export {
|
|
280
280
|
X as default
|
|
281
281
|
};
|