@idds/js 1.0.43 → 1.0.45
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/index.iife.js +10 -1
- package/dist/index.js +10 -1
- package/package.json +1 -1
package/dist/index.iife.js
CHANGED
|
@@ -124,7 +124,7 @@ var InaUI = (() => {
|
|
|
124
124
|
if (datepicker.dataset.initialized === "true") return;
|
|
125
125
|
datepicker.dataset.initialized = "true";
|
|
126
126
|
const mode = datepicker.dataset.mode || "single";
|
|
127
|
-
const format = datepicker.dataset.format || "
|
|
127
|
+
const format = datepicker.dataset.format || "DD/MM/YYYY";
|
|
128
128
|
const trigger = datepicker.querySelector(".ina-date-picker__trigger");
|
|
129
129
|
const triggerText = trigger.querySelector(".ina-date-picker__trigger-text");
|
|
130
130
|
const panel = datepicker.querySelector(".ina-date-picker__panel");
|
|
@@ -264,6 +264,7 @@ var InaUI = (() => {
|
|
|
264
264
|
btn.classList.add("ina-month-picker__month-option--selected");
|
|
265
265
|
btn.textContent = m;
|
|
266
266
|
btn.addEventListener("click", (e) => {
|
|
267
|
+
e.stopPropagation();
|
|
267
268
|
currentMonthIdx = idx;
|
|
268
269
|
updateText();
|
|
269
270
|
togglePicker(false);
|
|
@@ -346,6 +347,7 @@ var InaUI = (() => {
|
|
|
346
347
|
btn.classList.add("ina-year-picker__year-option--selected");
|
|
347
348
|
btn.textContent = y;
|
|
348
349
|
btn.addEventListener("click", (e) => {
|
|
350
|
+
e.stopPropagation();
|
|
349
351
|
currentYearVal = y;
|
|
350
352
|
updateText();
|
|
351
353
|
togglePicker(false);
|
|
@@ -397,6 +399,7 @@ var InaUI = (() => {
|
|
|
397
399
|
prevBtn.className = "ina-date-picker__nav-button";
|
|
398
400
|
prevBtn.innerHTML = createIcon("chevron-left");
|
|
399
401
|
prevBtn.onclick = (e) => {
|
|
402
|
+
e.stopPropagation();
|
|
400
403
|
viewDate.setMonth(viewDate.getMonth() - 1);
|
|
401
404
|
render();
|
|
402
405
|
};
|
|
@@ -440,6 +443,7 @@ var InaUI = (() => {
|
|
|
440
443
|
nextBtn.className = "ina-date-picker__nav-button";
|
|
441
444
|
nextBtn.innerHTML = createIcon("chevron-right");
|
|
442
445
|
nextBtn.onclick = (e) => {
|
|
446
|
+
e.stopPropagation();
|
|
443
447
|
viewDate.setMonth(viewDate.getMonth() + 1);
|
|
444
448
|
render();
|
|
445
449
|
};
|
|
@@ -497,8 +501,10 @@ var InaUI = (() => {
|
|
|
497
501
|
if (!isSelected && !isInRange)
|
|
498
502
|
btn.classList.add("ina-date-picker__day--hover");
|
|
499
503
|
btn.onclick = (e) => {
|
|
504
|
+
e.stopPropagation();
|
|
500
505
|
if (mode === "single") {
|
|
501
506
|
selectedDate = date;
|
|
507
|
+
render();
|
|
502
508
|
} else if (mode === "multiple") {
|
|
503
509
|
const existsIdx = selectedDates.findIndex(
|
|
504
510
|
(d) => d.toDateString() === date.toDateString()
|
|
@@ -520,8 +526,11 @@ var InaUI = (() => {
|
|
|
520
526
|
render();
|
|
521
527
|
}
|
|
522
528
|
updateTrigger();
|
|
529
|
+
console.log(`[InaUI] Dispatching date:changed for ${mode}`);
|
|
523
530
|
datepicker.dispatchEvent(
|
|
524
531
|
new CustomEvent("date:changed", {
|
|
532
|
+
bubbles: true,
|
|
533
|
+
composed: true,
|
|
525
534
|
detail: {
|
|
526
535
|
selectedDate: mode === "single" ? selectedDate : mode === "multiple" ? selectedDates : rangeDate
|
|
527
536
|
}
|
package/dist/index.js
CHANGED
|
@@ -112,7 +112,7 @@ function initDatepicker() {
|
|
|
112
112
|
if (datepicker.dataset.initialized === "true") return;
|
|
113
113
|
datepicker.dataset.initialized = "true";
|
|
114
114
|
const mode = datepicker.dataset.mode || "single";
|
|
115
|
-
const format = datepicker.dataset.format || "
|
|
115
|
+
const format = datepicker.dataset.format || "DD/MM/YYYY";
|
|
116
116
|
const trigger = datepicker.querySelector(".ina-date-picker__trigger");
|
|
117
117
|
const triggerText = trigger.querySelector(".ina-date-picker__trigger-text");
|
|
118
118
|
const panel = datepicker.querySelector(".ina-date-picker__panel");
|
|
@@ -252,6 +252,7 @@ function initDatepicker() {
|
|
|
252
252
|
btn.classList.add("ina-month-picker__month-option--selected");
|
|
253
253
|
btn.textContent = m;
|
|
254
254
|
btn.addEventListener("click", (e) => {
|
|
255
|
+
e.stopPropagation();
|
|
255
256
|
currentMonthIdx = idx;
|
|
256
257
|
updateText();
|
|
257
258
|
togglePicker(false);
|
|
@@ -334,6 +335,7 @@ function initDatepicker() {
|
|
|
334
335
|
btn.classList.add("ina-year-picker__year-option--selected");
|
|
335
336
|
btn.textContent = y;
|
|
336
337
|
btn.addEventListener("click", (e) => {
|
|
338
|
+
e.stopPropagation();
|
|
337
339
|
currentYearVal = y;
|
|
338
340
|
updateText();
|
|
339
341
|
togglePicker(false);
|
|
@@ -385,6 +387,7 @@ function initDatepicker() {
|
|
|
385
387
|
prevBtn.className = "ina-date-picker__nav-button";
|
|
386
388
|
prevBtn.innerHTML = createIcon("chevron-left");
|
|
387
389
|
prevBtn.onclick = (e) => {
|
|
390
|
+
e.stopPropagation();
|
|
388
391
|
viewDate.setMonth(viewDate.getMonth() - 1);
|
|
389
392
|
render();
|
|
390
393
|
};
|
|
@@ -428,6 +431,7 @@ function initDatepicker() {
|
|
|
428
431
|
nextBtn.className = "ina-date-picker__nav-button";
|
|
429
432
|
nextBtn.innerHTML = createIcon("chevron-right");
|
|
430
433
|
nextBtn.onclick = (e) => {
|
|
434
|
+
e.stopPropagation();
|
|
431
435
|
viewDate.setMonth(viewDate.getMonth() + 1);
|
|
432
436
|
render();
|
|
433
437
|
};
|
|
@@ -485,8 +489,10 @@ function initDatepicker() {
|
|
|
485
489
|
if (!isSelected && !isInRange)
|
|
486
490
|
btn.classList.add("ina-date-picker__day--hover");
|
|
487
491
|
btn.onclick = (e) => {
|
|
492
|
+
e.stopPropagation();
|
|
488
493
|
if (mode === "single") {
|
|
489
494
|
selectedDate = date;
|
|
495
|
+
render();
|
|
490
496
|
} else if (mode === "multiple") {
|
|
491
497
|
const existsIdx = selectedDates.findIndex(
|
|
492
498
|
(d) => d.toDateString() === date.toDateString()
|
|
@@ -508,8 +514,11 @@ function initDatepicker() {
|
|
|
508
514
|
render();
|
|
509
515
|
}
|
|
510
516
|
updateTrigger();
|
|
517
|
+
console.log(`[InaUI] Dispatching date:changed for ${mode}`);
|
|
511
518
|
datepicker.dispatchEvent(
|
|
512
519
|
new CustomEvent("date:changed", {
|
|
520
|
+
bubbles: true,
|
|
521
|
+
composed: true,
|
|
513
522
|
detail: {
|
|
514
523
|
selectedDate: mode === "single" ? selectedDate : mode === "multiple" ? selectedDates : rangeDate
|
|
515
524
|
}
|