@nuraly/lumenui 0.1.0 → 0.2.2

package/dist/src/components/datepicker/test/datepicker_test.js

@@ -0,0 +1,134 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { expect, fixture, html } from '@open-wc/testing';
+import '../datepicker.component';
+import { HyDatePickerElement } from '../datepicker.component';
+import { DatePickerMode } from '../datepicker.types';
+suite('HyDatePickerElement', () => {
+    test('should be defined', () => __awaiter(void 0, void 0, void 0, function* () {
+        const el = yield fixture(html `<nr-datepicker></nr-datepicker>`);
+        expect(el).to.be.instanceOf(HyDatePickerElement);
+    }));
+    test('should open the calendar when input is focused', () => __awaiter(void 0, void 0, void 0, function* () {
+        const el = yield fixture(html `<nr-datepicker></nr-datepicker>`);
+        const input = el.shadowRoot.querySelector('nr-input');
+        input.dispatchEvent(new Event('focus'));
+        expect(el.openedCalendar).to.be.true;
+    }));
+    test('should close the calendar when clicking outside', () => __awaiter(void 0, void 0, void 0, function* () {
+        const el = yield fixture(html `<nr-datepicker></nr-datepicker>`);
+        el.openedCalendar = true;
+        document.body.click();
+        expect(el.openedCalendar).to.be.false;
+    }));
+    test('should move to next month', () => __awaiter(void 0, void 0, void 0, function* () {
+        var _a;
+        const el = yield fixture(html `<nr-datepicker></nr-datepicker>`);
+        const currentMonth = 1;
+        el.navigationDates = { start: { month: currentMonth, day: 1, year: 2023 } };
+        el.openedCalendar = true;
+        yield el.updateComplete;
+        const nextMonthButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.next-month');
+        nextMonthButton.click();
+        expect(el.navigationDates.start.month).to.equal(currentMonth + 1);
+    }));
+    test('should move to previous month', () => __awaiter(void 0, void 0, void 0, function* () {
+        var _a;
+        const el = yield fixture(html `<nr-datepicker></nr-datepicker>`);
+        const currentMonth = 2;
+        el.navigationDates = { start: { month: currentMonth, day: 1, year: 2023 } };
+        el.openedCalendar = true;
+        yield el.updateComplete;
+        const previousMonthButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.prev-month');
+        previousMonthButton.click();
+        expect(el.navigationDates.start.month).to.equal(currentMonth - 1);
+    }));
+    test('should move to next year when displaying last month and click next month', () => __awaiter(void 0, void 0, void 0, function* () {
+        var _a;
+        const el = yield fixture(html `<nr-datepicker></nr-datepicker>`);
+        const currentYear = 2023;
+        el.navigationDates = { start: { month: 12, day: 1, year: currentYear } };
+        el.openedCalendar = true;
+        yield el.updateComplete;
+        const nextMonthButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.next-month');
+        nextMonthButton.click();
+        expect(el.navigationDates.start.month).to.equal(1);
+        expect(el.navigationDates.start.year).to.equal(currentYear + 1);
+    }));
+    test('should move to previous year when displaying first month and click next month', () => __awaiter(void 0, void 0, void 0, function* () {
+        var _a;
+        const el = yield fixture(html `<nr-datepicker></nr-datepicker>`);
+        const currentYear = 2023;
+        el.navigationDates = { start: { month: 1, day: 1, year: currentYear } };
+        el.openedCalendar = true;
+        yield el.updateComplete;
+        const previousMonthButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.prev-month');
+        previousMonthButton.click();
+        expect(el.navigationDates.start.month).to.equal(12);
+        expect(el.navigationDates.start.year).to.equal(currentYear - 1);
+    }));
+    test('should move to previous year', () => __awaiter(void 0, void 0, void 0, function* () {
+        var _a;
+        const el = yield fixture(html `<nr-datepicker></nr-datepicker>`);
+        const currentYear = 2023;
+        el.navigationDates = { start: { month: 2, day: 1, year: currentYear } };
+        el.openedCalendar = true;
+        yield el.updateComplete;
+        const previousYearButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.previous-year');
+        previousYearButton.click();
+        expect(el.navigationDates.start.year).to.equal(currentYear - 1);
+    }));
+    test('should move to next year', () => __awaiter(void 0, void 0, void 0, function* () {
+        var _a;
+        const el = yield fixture(html `<nr-datepicker></nr-datepicker>`);
+        const currentyear = 2023;
+        el.navigationDates = { start: { month: 2, day: 1, year: currentyear } };
+        el.openedCalendar = true;
+        yield el.updateComplete;
+        const nextYearButton = (_a = el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.next-year');
+        nextYearButton.click();
+        expect(el.navigationDates.start.year).to.equal(currentyear + 1);
+    }));
+    test('should select a date correctly', () => __awaiter(void 0, void 0, void 0, function* () {
+        const el = yield fixture(html `<nr-datepicker></nr-datepicker>`);
+        el.navigationDates = { start: { month: 2, day: 20, year: 2023 } };
+        el.openedCalendar = true;
+        yield el.updateComplete;
+        const days = el.shadowRoot.querySelectorAll('.day-container:not(.day-invalid)');
+        const dayInTheMonth = 2;
+        days[dayInTheMonth].click();
+        yield el.updateComplete;
+        // Access the input field value through the input element instead of private property
+        const input = el.shadowRoot.querySelector('hy-input');
+        expect(input.value).to.equal(`03/02/2023`);
+    }));
+    test('should select a month correctly', () => __awaiter(void 0, void 0, void 0, function* () {
+        const el = yield fixture(html `<nr-datepicker></nr-datepicker>`);
+        el.openedCalendar = true;
+        el.mode = DatePickerMode.Month;
+        yield el.updateComplete;
+        const months = el.shadowRoot.querySelectorAll('.month-container');
+        const monthIndex = 1;
+        months[monthIndex].click();
+        expect(el.navigationDates.start.month).to.equal(monthIndex + 1);
+    }));
+    test('should select a year correctly', () => __awaiter(void 0, void 0, void 0, function* () {
+        const el = yield fixture(html `<nr-datepicker></nr-datepicker>`);
+        el.openedCalendar = true;
+        el.mode = DatePickerMode.Year;
+        yield el.updateComplete;
+        const years = el.shadowRoot.querySelectorAll('.year-container');
+        const yearIndex = 1;
+        years[yearIndex].click();
+        const yearValue = years[yearIndex].textContent;
+        expect(el.navigationDates.start.year).to.equal(+yearValue);
+    }));
+});
+//# sourceMappingURL=datepicker_test.js.map

package/dist/src/components/datepicker/utils/day.helper.d.ts

@@ -0,0 +1,5 @@
+import { DateRawObject, IDayInfo, IDayPresentation } from '../datepicker.types.js';
+export declare const getDayDetails: ({ dayIndex, month, year, numberOfDays, firstDay, days }: IDayInfo) => IDayPresentation;
+export declare const getNumberOfDays: (year: number, month: number) => number;
+export declare const todayIsTheDay: (day: IDayPresentation, dateRawObject: DateRawObject, isRange: boolean) => boolean;
+//# sourceMappingURL=day.helper.d.ts.map

package/dist/src/components/datepicker/utils/day.helper.js

@@ -0,0 +1,53 @@
+export const getDayDetails = ({ dayIndex, month, year, numberOfDays, firstDay, days }) => {
+    const date = dayIndex - firstDay;
+    const day = dayIndex % 7;
+    let prevMonth = month - 1;
+    let prevYear = year;
+    if (prevMonth < 0) {
+        prevMonth = 11;
+        prevYear--;
+    }
+    const prevMonthNumberOfDays = getNumberOfDays(prevYear, prevMonth);
+    const _date = (date < 0 ? prevMonthNumberOfDays + date : date % numberOfDays) + 1;
+    const valid = date >= 0 && date < numberOfDays ? 1 : 0;
+    const timestamp = new Date(year, month, _date).getTime();
+    let _month = month;
+    let _year = year;
+    if (date > 0 && date >= numberOfDays) {
+        _month += 1;
+        if (_month > 11) {
+            _month = 0;
+            _year++;
+        }
+    }
+    else if (date < 0) {
+        _month -= 1;
+        if (_month < 0) {
+            _month = 11;
+            _year--;
+        }
+    }
+    return {
+        date: _date,
+        day,
+        valid,
+        timestamp,
+        dayString: days[day],
+        month: _month,
+        year: _year,
+    };
+};
+export const getNumberOfDays = (year, month) => {
+    return 32 - new Date(year, month, 32).getDate();
+};
+export const todayIsTheDay = (day, dateRawObject, isRange) => {
+    let isTheDate = false;
+    if (!isRange) {
+        isTheDate =
+            day.year === dateRawObject.currentYear &&
+                dateRawObject.currentMonth === day.month + 1 &&
+                day.date === dateRawObject.currentDay;
+    }
+    return isTheDate;
+};
+//# sourceMappingURL=day.helper.js.map

package/dist/src/components/datepicker/utils/formatter.d.ts

@@ -0,0 +1,2 @@
+export declare function oneToTwoDigit(num: number): string;
+//# sourceMappingURL=formatter.d.ts.map

package/dist/src/components/datepicker/utils/formatter.js

@@ -0,0 +1,9 @@
+export function oneToTwoDigit(num) {
+    if (num < 10) {
+        return "0" + num;
+    }
+    else {
+        return num.toString();
+    }
+}
+//# sourceMappingURL=formatter.js.map

package/dist/src/components/datepicker/utils/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+export * from './day.helper.js';
+export * from './formatter.js';
+export * from './locale.helper.js';
+export * from './month.helper.js';
+export * from './string.helper.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/datepicker/utils/index.js

@@ -0,0 +1,11 @@
+/**
+ * @license
+ * Copyright 2023 Nuraly, Laabidi Aymen
+ * SPDX-License-Identifier: MIT
+ */
+export * from './day.helper.js';
+export * from './formatter.js';
+export * from './locale.helper.js';
+export * from './month.helper.js';
+export * from './string.helper.js';
+//# sourceMappingURL=index.js.map

package/dist/src/components/datepicker/utils/locale.helper.d.ts

@@ -0,0 +1,144 @@
+import 'dayjs/locale/af';
+import 'dayjs/locale/am';
+import 'dayjs/locale/ar-dz';
+import 'dayjs/locale/ar-iq';
+import 'dayjs/locale/ar-kw';
+import 'dayjs/locale/ar-ly';
+import 'dayjs/locale/ar-ma';
+import 'dayjs/locale/ar-sa';
+import 'dayjs/locale/ar-tn';
+import 'dayjs/locale/ar';
+import 'dayjs/locale/az';
+import 'dayjs/locale/be';
+import 'dayjs/locale/bg';
+import 'dayjs/locale/bi';
+import 'dayjs/locale/bm';
+import 'dayjs/locale/bn-bd';
+import 'dayjs/locale/bn';
+import 'dayjs/locale/bo';
+import 'dayjs/locale/br';
+import 'dayjs/locale/bs';
+import 'dayjs/locale/ca';
+import 'dayjs/locale/cs';
+import 'dayjs/locale/cv';
+import 'dayjs/locale/cy';
+import 'dayjs/locale/da';
+import 'dayjs/locale/de-at';
+import 'dayjs/locale/de-ch';
+import 'dayjs/locale/de';
+import 'dayjs/locale/dv';
+import 'dayjs/locale/el';
+import 'dayjs/locale/en-au';
+import 'dayjs/locale/en-ca';
+import 'dayjs/locale/en-gb';
+import 'dayjs/locale/en-ie';
+import 'dayjs/locale/en-il';
+import 'dayjs/locale/en-in';
+import 'dayjs/locale/en-nz';
+import 'dayjs/locale/en-sg';
+import 'dayjs/locale/en-tt';
+import 'dayjs/locale/en';
+import 'dayjs/locale/eo';
+import 'dayjs/locale/es-do';
+import 'dayjs/locale/es-mx';
+import 'dayjs/locale/es-pr';
+import 'dayjs/locale/es-us';
+import 'dayjs/locale/es';
+import 'dayjs/locale/et';
+import 'dayjs/locale/eu';
+import 'dayjs/locale/fa';
+import 'dayjs/locale/fi';
+import 'dayjs/locale/fo';
+import 'dayjs/locale/fr-ca';
+import 'dayjs/locale/fr-ch';
+import 'dayjs/locale/fr';
+import 'dayjs/locale/fy';
+import 'dayjs/locale/ga';
+import 'dayjs/locale/gd';
+import 'dayjs/locale/gl';
+import 'dayjs/locale/gom-latn';
+import 'dayjs/locale/gu';
+import 'dayjs/locale/he';
+import 'dayjs/locale/hi';
+import 'dayjs/locale/hr';
+import 'dayjs/locale/ht';
+import 'dayjs/locale/hu';
+import 'dayjs/locale/hy-am';
+import 'dayjs/locale/id';
+import 'dayjs/locale/is';
+import 'dayjs/locale/it-ch';
+import 'dayjs/locale/it';
+import 'dayjs/locale/ja';
+import 'dayjs/locale/jv';
+import 'dayjs/locale/ka';
+import 'dayjs/locale/kk';
+import 'dayjs/locale/km';
+import 'dayjs/locale/kn';
+import 'dayjs/locale/ko';
+import 'dayjs/locale/ku';
+import 'dayjs/locale/ky';
+import 'dayjs/locale/lb';
+import 'dayjs/locale/lo';
+import 'dayjs/locale/lt';
+import 'dayjs/locale/lv';
+import 'dayjs/locale/me';
+import 'dayjs/locale/mi';
+import 'dayjs/locale/mk';
+import 'dayjs/locale/ml';
+import 'dayjs/locale/mn';
+import 'dayjs/locale/mr';
+import 'dayjs/locale/ms-my';
+import 'dayjs/locale/ms';
+import 'dayjs/locale/mt';
+import 'dayjs/locale/my';
+import 'dayjs/locale/nb';
+import 'dayjs/locale/ne';
+import 'dayjs/locale/nl-be';
+import 'dayjs/locale/nl';
+import 'dayjs/locale/nn';
+import 'dayjs/locale/oc-lnc';
+import 'dayjs/locale/pa-in';
+import 'dayjs/locale/pl';
+import 'dayjs/locale/pt-br';
+import 'dayjs/locale/pt';
+import 'dayjs/locale/rn';
+import 'dayjs/locale/ro';
+import 'dayjs/locale/ru';
+import 'dayjs/locale/rw';
+import 'dayjs/locale/sd';
+import 'dayjs/locale/se';
+import 'dayjs/locale/si';
+import 'dayjs/locale/sk';
+import 'dayjs/locale/sl';
+import 'dayjs/locale/sq';
+import 'dayjs/locale/sr-cyrl';
+import 'dayjs/locale/sr';
+import 'dayjs/locale/ss';
+import 'dayjs/locale/sv-fi';
+import 'dayjs/locale/sv';
+import 'dayjs/locale/sw';
+import 'dayjs/locale/ta';
+import 'dayjs/locale/te';
+import 'dayjs/locale/tet';
+import 'dayjs/locale/tg';
+import 'dayjs/locale/th';
+import 'dayjs/locale/tk';
+import 'dayjs/locale/tl-ph';
+import 'dayjs/locale/tlh';
+import 'dayjs/locale/tr';
+import 'dayjs/locale/tzl';
+import 'dayjs/locale/tzm-latn';
+import 'dayjs/locale/tzm';
+import 'dayjs/locale/ug-cn';
+import 'dayjs/locale/uk';
+import 'dayjs/locale/ur';
+import 'dayjs/locale/uz-latn';
+import 'dayjs/locale/uz';
+import 'dayjs/locale/vi';
+import 'dayjs/locale/x-pseudo';
+import 'dayjs/locale/yo';
+import 'dayjs/locale/zh-cn';
+import 'dayjs/locale/zh-hk';
+import 'dayjs/locale/zh-tw';
+import 'dayjs/locale/zh';
+//# sourceMappingURL=locale.helper.d.ts.map

package/dist/src/components/datepicker/utils/locale.helper.js

@@ -0,0 +1,151 @@
+import 'dayjs/locale/af';
+import 'dayjs/locale/am';
+import 'dayjs/locale/ar-dz';
+import 'dayjs/locale/ar-iq';
+import 'dayjs/locale/ar-kw';
+import 'dayjs/locale/ar-ly';
+import 'dayjs/locale/ar-ma';
+import 'dayjs/locale/ar-sa';
+import 'dayjs/locale/ar-tn';
+import 'dayjs/locale/ar';
+import 'dayjs/locale/az';
+import 'dayjs/locale/be';
+import 'dayjs/locale/bg';
+import 'dayjs/locale/bi';
+import 'dayjs/locale/bm';
+import 'dayjs/locale/bn-bd';
+import 'dayjs/locale/bn';
+import 'dayjs/locale/bo';
+import 'dayjs/locale/br';
+import 'dayjs/locale/bs';
+import 'dayjs/locale/ca';
+import 'dayjs/locale/cs';
+import 'dayjs/locale/cv';
+import 'dayjs/locale/cy';
+import 'dayjs/locale/da';
+import 'dayjs/locale/de-at';
+import 'dayjs/locale/de-ch';
+import 'dayjs/locale/de';
+import 'dayjs/locale/dv';
+import 'dayjs/locale/el';
+import 'dayjs/locale/en-au';
+import 'dayjs/locale/en-ca';
+import 'dayjs/locale/en-gb';
+import 'dayjs/locale/en-ie';
+import 'dayjs/locale/en-il';
+import 'dayjs/locale/en-in';
+import 'dayjs/locale/en-nz';
+import 'dayjs/locale/en-sg';
+import 'dayjs/locale/en-tt';
+import 'dayjs/locale/en';
+import 'dayjs/locale/eo';
+import 'dayjs/locale/es-do';
+import 'dayjs/locale/es-mx';
+import 'dayjs/locale/es-pr';
+import 'dayjs/locale/es-us';
+import 'dayjs/locale/es';
+import 'dayjs/locale/et';
+import 'dayjs/locale/eu';
+import 'dayjs/locale/fa';
+import 'dayjs/locale/fi';
+import 'dayjs/locale/fo';
+import 'dayjs/locale/fr-ca';
+import 'dayjs/locale/fr-ch';
+import 'dayjs/locale/fr';
+import 'dayjs/locale/fy';
+import 'dayjs/locale/ga';
+import 'dayjs/locale/gd';
+import 'dayjs/locale/gl';
+import 'dayjs/locale/gom-latn';
+import 'dayjs/locale/gu';
+import 'dayjs/locale/he';
+import 'dayjs/locale/hi';
+import 'dayjs/locale/hr';
+import 'dayjs/locale/ht';
+import 'dayjs/locale/hu';
+import 'dayjs/locale/hy-am';
+import 'dayjs/locale/id';
+import 'dayjs/locale/is';
+import 'dayjs/locale/it-ch';
+import 'dayjs/locale/it';
+import 'dayjs/locale/ja';
+import 'dayjs/locale/jv';
+import 'dayjs/locale/ka';
+import 'dayjs/locale/kk';
+import 'dayjs/locale/km';
+import 'dayjs/locale/kn';
+import 'dayjs/locale/ko';
+import 'dayjs/locale/ku';
+import 'dayjs/locale/ky';
+import 'dayjs/locale/lb';
+import 'dayjs/locale/lo';
+import 'dayjs/locale/lt';
+import 'dayjs/locale/lv';
+import 'dayjs/locale/me';
+import 'dayjs/locale/mi';
+import 'dayjs/locale/mk';
+import 'dayjs/locale/ml';
+import 'dayjs/locale/mn';
+import 'dayjs/locale/mr';
+import 'dayjs/locale/ms-my';
+import 'dayjs/locale/ms';
+import 'dayjs/locale/mt';
+import 'dayjs/locale/my';
+import 'dayjs/locale/nb';
+import 'dayjs/locale/ne';
+import 'dayjs/locale/nl-be';
+import 'dayjs/locale/nl';
+import 'dayjs/locale/nn';
+import 'dayjs/locale/oc-lnc';
+import 'dayjs/locale/pa-in';
+import 'dayjs/locale/pl';
+import 'dayjs/locale/pt-br';
+import 'dayjs/locale/pt';
+import 'dayjs/locale/rn';
+import 'dayjs/locale/ro';
+import 'dayjs/locale/ru';
+import 'dayjs/locale/rw';
+import 'dayjs/locale/sd';
+import 'dayjs/locale/se';
+import 'dayjs/locale/si';
+import 'dayjs/locale/sk';
+import 'dayjs/locale/sl';
+import 'dayjs/locale/sq';
+import 'dayjs/locale/sr-cyrl';
+import 'dayjs/locale/sr';
+import 'dayjs/locale/ss';
+import 'dayjs/locale/sv-fi';
+import 'dayjs/locale/sv';
+import 'dayjs/locale/sw';
+import 'dayjs/locale/ta';
+import 'dayjs/locale/te';
+import 'dayjs/locale/tet';
+import 'dayjs/locale/tg';
+import 'dayjs/locale/th';
+import 'dayjs/locale/tk';
+import 'dayjs/locale/tl-ph';
+import 'dayjs/locale/tlh';
+import 'dayjs/locale/tr';
+import 'dayjs/locale/tzl';
+import 'dayjs/locale/tzm-latn';
+import 'dayjs/locale/tzm';
+import 'dayjs/locale/ug-cn';
+import 'dayjs/locale/uk';
+import 'dayjs/locale/ur';
+import 'dayjs/locale/uz-latn';
+import 'dayjs/locale/uz';
+import 'dayjs/locale/vi';
+import 'dayjs/locale/x-pseudo';
+import 'dayjs/locale/yo';
+import 'dayjs/locale/zh-cn';
+import 'dayjs/locale/zh-hk';
+import 'dayjs/locale/zh-tw';
+import 'dayjs/locale/zh';
+import customParseFormat from 'dayjs/plugin/customParseFormat';
+import localeData from 'dayjs/plugin/localeData';
+import toObject from 'dayjs/plugin/toObject';
+import dayjs from 'dayjs';
+dayjs.extend(localeData);
+dayjs.extend(customParseFormat);
+dayjs.extend(toObject);
+//# sourceMappingURL=locale.helper.js.map

package/dist/src/components/datepicker/utils/month.helper.d.ts

@@ -0,0 +1,3 @@
+import { IDayPresentation } from '../datepicker.types.js';
+export declare const getMonthDetails: (year: number, month: number, days: string[]) => IDayPresentation[];
+//# sourceMappingURL=month.helper.d.ts.map

package/dist/src/components/datepicker/utils/month.helper.js

@@ -0,0 +1,24 @@
+import { getDayDetails, getNumberOfDays } from './day.helper.js';
+export const getMonthDetails = (year, month, days) => {
+    const firstDay = new Date(year, month).getDay();
+    const numberOfDays = getNumberOfDays(year, month);
+    const monthArray = [];
+    let currentDay;
+    let index = 0;
+    for (let row = 0; row < 6; row++) {
+        for (let col = 0; col < 7; col++) {
+            currentDay = getDayDetails({
+                dayIndex: index,
+                numberOfDays,
+                firstDay,
+                year,
+                month,
+                days,
+            });
+            monthArray.push(currentDay);
+            index++;
+        }
+    }
+    return monthArray;
+};
+//# sourceMappingURL=month.helper.js.map

package/dist/src/components/datepicker/utils/string.helper.d.ts

@@ -0,0 +1,2 @@
+export declare const capitalizeFirstLetter: (string: string) => string;
+//# sourceMappingURL=string.helper.d.ts.map

package/dist/src/components/datepicker/utils/string.helper.js

@@ -0,0 +1,4 @@
+export const capitalizeFirstLetter = (string) => {
+    return string.charAt(0).toUpperCase() + string.slice(1);
+};
+//# sourceMappingURL=string.helper.js.map

package/dist/src/components/db-connection-select/bundle.js

@@ -1,9 +1,9 @@
-import{css as t,LitElement as e,html as i,nothing as s}from"lit";import{property as r,state as o,customElement as a}from"lit/decorators.js";
+import{css as t,LitElement as e,html as i,nothing as r}from"lit";import{property as s,state as o,customElement as a}from"lit/decorators.js";
 /**
  * @license
  * Copyright 2024 Nuraly
  * SPDX-License-Identifier: MIT
- */var n=function(t,e,i,s){for(var r,o=arguments.length,a=o<3?e:null===s?s=Object.getOwnPropertyDescriptor(e,i):s,n=t.length-1;n>=0;n--)(r=t[n])&&(a=(o<3?r(a):o>3?r(e,i,a):r(e,i))||a);return o>3&&a&&Object.defineProperty(e,i,a),a};let l=class extends e{constructor(){super(...arguments),this.dbType="postgresql",this.value="",this.placeholder="Select database connection...",this.entries=[],this.loading=!1,this.testResult=null,this.showCreateForm=!1,this.creating=!1,this.testing=!1,this.error="",this.newConnectionName="",this.newHost="localhost",this.newPort=5432,this.newDatabase="",this.newUsername="",this.newPassword="",this.newSsl=!1}connectedCallback(){super.connectedCallback(),this.updateDefaultPort()}updated(t){t.has("dbType")&&this.updateDefaultPort()}updateDefaultPort(){this.newPort={postgresql:5432,mysql:3306,mongodb:27017,mssql:1433,oracle:1521,sqlite:0}[this.dbType]||5432}handleSelectChange(t){var e;const i=(null===(e=t.detail)||void 0===e?void 0:e.value)||"";this.value=i,this.dispatchEvent(new CustomEvent("value-change",{detail:{value:i},bubbles:!0,composed:!0}))}toggleCreateForm(){this.showCreateForm=!this.showCreateForm,this.showCreateForm||this.resetCreateForm()}resetCreateForm(){this.newConnectionName="",this.newHost="localhost",this.updateDefaultPort(),this.newDatabase="",this.newUsername="",this.newPassword="",this.newSsl=!1,this.error="",this.testing=!1,this.creating=!1}handleTestConnection(){this.testing=!0,this.dispatchEvent(new CustomEvent("test-connection",{detail:{type:this.dbType,host:this.newHost,port:this.newPort,database:this.newDatabase,username:this.newUsername,password:this.newPassword,ssl:this.newSsl},bubbles:!0,composed:!0}))}notifyTestResult(t){this.testResult=t,this.testing=!1}handleCreate(){if(!this.newConnectionName||!this.newHost||!this.newDatabase)return;this.creating=!0,this.error="";const t=`database/${this.newConnectionName}`,e={type:this.dbType,host:this.newHost,port:this.newPort,database:this.newDatabase,username:this.newUsername,password:this.newPassword,ssl:this.newSsl};this.dispatchEvent(new CustomEvent("create-entry",{detail:{keyPath:t,value:JSON.stringify(e),scope:this.dbType,isSecret:!0},bubbles:!0,composed:!0}))}notifyCreateSuccess(t){this.value=t,this.showCreateForm=!1,this.resetCreateForm(),this.dispatchEvent(new CustomEvent("value-change",{detail:{value:t},bubbles:!0,composed:!0}))}notifyCreateError(t){this.error=t,this.creating=!1}getDbTypeLabel(){return{postgresql:"PostgreSQL",mysql:"MySQL",mongodb:"MongoDB",mssql:"SQL Server",oracle:"Oracle",sqlite:"SQLite"}[this.dbType]||this.dbType}renderCreateForm(){const t=this.newConnectionName&&this.newHost&&this.newDatabase&&this.newUsername;return i`
+ */var n=function(t,e,i,r){for(var s,o=arguments.length,a=o<3?e:null===r?r=Object.getOwnPropertyDescriptor(e,i):r,n=t.length-1;n>=0;n--)(s=t[n])&&(a=(o<3?s(a):o>3?s(e,i,a):s(e,i))||a);return o>3&&a&&Object.defineProperty(e,i,a),a};let l=class extends e{constructor(){super(...arguments),this.dbType="postgresql",this.value="",this.placeholder="Select database connection...",this.entries=[],this.loading=!1,this.testResult=null,this.showCreateForm=!1,this.creating=!1,this.testing=!1,this.error="",this.newConnectionName="",this.newHost="localhost",this.newPort=5432,this.newDatabase="",this.newUsername="",this.newPassword="",this.newSsl=!1}connectedCallback(){super.connectedCallback(),this.updateDefaultPort()}updated(t){t.has("dbType")&&this.updateDefaultPort()}updateDefaultPort(){this.newPort={postgresql:5432,mysql:3306,mongodb:27017,mssql:1433,oracle:1521,sqlite:0}[this.dbType]||5432}handleSelectChange(t){var e;const i=(null===(e=t.detail)||void 0===e?void 0:e.value)||"";this.value=i,this.dispatchEvent(new CustomEvent("value-change",{detail:{value:i},bubbles:!0,composed:!0}))}toggleCreateForm(){this.showCreateForm=!this.showCreateForm,this.showCreateForm||this.resetCreateForm()}resetCreateForm(){this.newConnectionName="",this.newHost="localhost",this.updateDefaultPort(),this.newDatabase="",this.newUsername="",this.newPassword="",this.newSsl=!1,this.error="",this.testing=!1,this.creating=!1}handleTestConnection(){this.testing=!0,this.dispatchEvent(new CustomEvent("test-connection",{detail:{type:this.dbType,host:this.newHost,port:this.newPort,database:this.newDatabase,username:this.newUsername,password:this.newPassword,ssl:this.newSsl},bubbles:!0,composed:!0}))}notifyTestResult(t){this.testResult=t,this.testing=!1}handleCreate(){if(!this.newConnectionName||!this.newHost||!this.newDatabase)return;this.creating=!0,this.error="";const t=`database/${this.newConnectionName}`,e={type:this.dbType,host:this.newHost,port:this.newPort,database:this.newDatabase,username:this.newUsername,password:this.newPassword,ssl:this.newSsl};this.dispatchEvent(new CustomEvent("create-entry",{detail:{keyPath:t,value:JSON.stringify(e),scope:this.dbType,isSecret:!0},bubbles:!0,composed:!0}))}notifyCreateSuccess(t){this.value=t,this.showCreateForm=!1,this.resetCreateForm(),this.dispatchEvent(new CustomEvent("value-change",{detail:{value:t},bubbles:!0,composed:!0}))}notifyCreateError(t){this.error=t,this.creating=!1}getDbTypeLabel(){return{postgresql:"PostgreSQL",mysql:"MySQL",mongodb:"MongoDB",mssql:"SQL Server",oracle:"Oracle",sqlite:"SQLite"}[this.dbType]||this.dbType}renderCreateForm(){const t=this.newConnectionName&&this.newHost&&this.newDatabase&&this.newUsername;return i`
       <div class="create-form">
         <div class="create-form-header">
           <span class="create-form-title">Add ${this.getDbTypeLabel()} Connection</span>
@@ -85,9 +85,9 @@ import{css as t,LitElement as e,html as i,nothing as s}from"lit";import{property
           <div class="test-result ${this.testResult.success?"success":"error"}">
             ${this.testResult.message}
           </div>
-        `:s}
+        `:r}
 
-        ${this.error?i`<div class="error-message">${this.error}</div>`:s}
+        ${this.error?i`<div class="error-message">${this.error}</div>`:r}
 
         <div class="form-actions">
           <button
@@ -121,6 +121,7 @@ import{css as t,LitElement as e,html as i,nothing as s}from"lit";import{property
       </div>
     `}render(){const t=this.entries.filter(t=>t.isSecret).map(t=>({label:t.keyPath.replace("database/",""),value:t.keyPath,icon:"database"}));return i`
       <nr-select
+        part="container"
         .value=${this.value}
         .options=${t}
         placeholder=${this.placeholder}
@@ -128,7 +129,7 @@ import{css as t,LitElement as e,html as i,nothing as s}from"lit";import{property
         @nr-change=${this.handleSelectChange}
       >
         <div slot="after-options">
-          ${this.loading?i`<div class="loading">Loading...</div>`:s}
+          ${this.loading?i`<div class="loading">Loading...</div>`:r}
           ${this.showCreateForm?this.renderCreateForm():this.renderAddButton()}
         </div>
       </nr-select>
@@ -305,4 +306,4 @@ import{css as t,LitElement as e,html as i,nothing as s}from"lit";import{property
     .checkbox-field label {
       margin-bottom: 0;
     }
-  `,n([r({type:String})],l.prototype,"dbType",void 0),n([r({type:String})],l.prototype,"value",void 0),n([r({type:String})],l.prototype,"placeholder",void 0),n([r({attribute:!1})],l.prototype,"entries",void 0),n([r({type:Boolean})],l.prototype,"loading",void 0),n([r({attribute:!1})],l.prototype,"testResult",void 0),n([o()],l.prototype,"showCreateForm",void 0),n([o()],l.prototype,"creating",void 0),n([o()],l.prototype,"testing",void 0),n([o()],l.prototype,"error",void 0),n([o()],l.prototype,"newConnectionName",void 0),n([o()],l.prototype,"newHost",void 0),n([o()],l.prototype,"newPort",void 0),n([o()],l.prototype,"newDatabase",void 0),n([o()],l.prototype,"newUsername",void 0),n([o()],l.prototype,"newPassword",void 0),n([o()],l.prototype,"newSsl",void 0),l=n([a("nr-db-connection-select")],l);export{l as NrDbConnectionSelect};
+  `,l.useShadowDom=!0,n([s({type:String})],l.prototype,"dbType",void 0),n([s({type:String})],l.prototype,"value",void 0),n([s({type:String})],l.prototype,"placeholder",void 0),n([s({attribute:!1})],l.prototype,"entries",void 0),n([s({type:Boolean})],l.prototype,"loading",void 0),n([s({attribute:!1})],l.prototype,"testResult",void 0),n([o()],l.prototype,"showCreateForm",void 0),n([o()],l.prototype,"creating",void 0),n([o()],l.prototype,"testing",void 0),n([o()],l.prototype,"error",void 0),n([o()],l.prototype,"newConnectionName",void 0),n([o()],l.prototype,"newHost",void 0),n([o()],l.prototype,"newPort",void 0),n([o()],l.prototype,"newDatabase",void 0),n([o()],l.prototype,"newUsername",void 0),n([o()],l.prototype,"newPassword",void 0),n([o()],l.prototype,"newSsl",void 0),l=n([a("nr-db-connection-select")],l);export{l as NrDbConnectionSelect};

package/dist/src/components/db-connection-select/db-connection-select.component.d.ts

@@ -40,9 +40,12 @@ export interface KvConnectionEntry {
  * @fires value-change - Fired when selection changes
  * @fires create-entry - Fired when user submits the create form
  * @fires test-connection - Fired when user clicks Test Connection
+ *
+ * @csspart container - The root nr-select wrapper
  */
 export declare class NrDbConnectionSelect extends LitElement {
     static styles: import("lit").CSSResult;
+    static useShadowDom: boolean;
     /** Database type/scope to filter KV entries by */
     dbType: DatabaseType;
     /** Currently selected connection path */