@pdfme/schemas 5.0.0 → 5.1.1-dev.1

package/dist/cjs/src/date/date.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const helper_1 = require("./helper");
+const type = 'date';
+const defaultFormat = 'yyyy/MM/dd';
+const formatsByLang = {
+    en: [
+        defaultFormat,
+        'MM/dd/yyyy',
+        'MMMM d, yyyy',
+        'MMM d, yyyy',
+        'EEEE, MMMM d, yyyy',
+        'yyyy-MM-dd',
+    ],
+    zh: [defaultFormat, 'yyyy年MM月dd日', 'MM月dd日', 'M月d日', 'yyyy-MM-dd'],
+    ja: [defaultFormat, 'yyyy年MM月dd日', 'MM月dd日', 'M月d日', 'yyyy-MM-dd'],
+    ko: [defaultFormat, 'yyyy년 MM월 dd일', 'MM월 dd일', 'M월 d일', 'yyyy-MM-dd'],
+    ar: [defaultFormat, 'dd/MM/yyyy', 'd MMMM yyyy', 'd MMM yyyy', 'EEEE، d MMMM yyyy', 'yyyy-MM-dd'],
+    th: [
+        defaultFormat,
+        'dd/MM/yyyy',
+        'd MMMM yyyy',
+        'd MMM yyyy',
+        'EEEEที่ d MMMM G yyyy',
+        'yyyy-MM-dd',
+    ],
+    pl: [defaultFormat, 'dd.MM.yyyy', 'd MMMM yyyy', 'd MMM yyyy', 'EEEE, d MMMM yyyy', 'yyyy-MM-dd'],
+    it: [defaultFormat, 'dd/MM/yyyy', 'd MMMM yyyy', 'd MMM yyyy', 'EEEE d MMMM yyyy', 'yyyy-MM-dd'],
+    de: [
+        defaultFormat,
+        'dd.MM.yyyy',
+        'd. MMMM yyyy',
+        'd. MMM yyyy',
+        'EEEE, d. MMMM yyyy',
+        'yyyy-MM-dd',
+    ],
+    es: [
+        defaultFormat,
+        'dd/MM/yyyy',
+        'd de MMMM de yyyy',
+        'd de MMM de yyyy',
+        'EEEE, d de MMMM de yyyy',
+        'yyyy-MM-dd',
+    ],
+    fr: [defaultFormat, 'dd/MM/yyyy', 'd MMMM yyyy', 'd MMM yyyy', 'EEEE d MMMM yyyy', 'yyyy-MM-dd'],
+};
+const icon = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" ' +
+    'viewBox="0 0 24 24" fill="none" stroke="currentColor" ' +
+    'stroke-width="2" stroke-linecap="round" stroke-linejoin="round" ' +
+    'class="lucide lucide-calendar"><path d="M8 2v4"/><path d="M16 2v4"/>' +
+    '<rect width="18" height="18" x="3" y="4" rx="2"/><path d="M3 10h18"/>' +
+    '</svg>';
+exports.default = (0, helper_1.getPlugin)({ type, defaultFormat, icon, formatsByLang });
+//# sourceMappingURL=date.js.map

package/dist/cjs/src/date/date.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date.js","sourceRoot":"","sources":["../../../../src/date/date.ts"],"names":[],"mappings":";;AACA,qCAAqC;AAErC,MAAM,IAAI,GAAG,MAAM,CAAC;AAEpB,MAAM,aAAa,GAAG,YAAY,CAAC;AAEnC,MAAM,aAAa,GAA2B;IAC5C,EAAE,EAAE;QACF,aAAa;QACb,YAAY;QACZ,cAAc;QACd,aAAa;QACb,oBAAoB;QACpB,YAAY;KACb;IACD,EAAE,EAAE,CAAC,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,CAAC;IAClE,EAAE,EAAE,CAAC,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,CAAC;IAClE,EAAE,EAAE,CAAC,aAAa,EAAE,eAAe,EAAE,SAAS,EAAE,OAAO,EAAE,YAAY,CAAC;IACtE,EAAE,EAAE,CAAC,aAAa,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,mBAAmB,EAAE,YAAY,CAAC;IACjG,EAAE,EAAE;QACF,aAAa;QACb,YAAY;QACZ,aAAa;QACb,YAAY;QACZ,uBAAuB;QACvB,YAAY;KACb;IACD,EAAE,EAAE,CAAC,aAAa,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,mBAAmB,EAAE,YAAY,CAAC;IACjG,EAAE,EAAE,CAAC,aAAa,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,kBAAkB,EAAE,YAAY,CAAC;IAChG,EAAE,EAAE;QACF,aAAa;QACb,YAAY;QACZ,cAAc;QACd,aAAa;QACb,oBAAoB;QACpB,YAAY;KACb;IACD,EAAE,EAAE;QACF,aAAa;QACb,YAAY;QACZ,mBAAmB;QACnB,kBAAkB;QAClB,yBAAyB;QACzB,YAAY;KACb;IACD,EAAE,EAAE,CAAC,aAAa,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,kBAAkB,EAAE,YAAY,CAAC;CACjG,CAAC;AAEF,MAAM,IAAI,GACR,iEAAiE;IACjE,wDAAwD;IACxD,kEAAkE;IAClE,sEAAsE;IACtE,uEAAuE;IACvE,QAAQ,CAAC;AAEX,kBAAe,IAAA,kBAAS,EAAC,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,CAAC"}

package/dist/cjs/src/date/dateTime.js

@@ -0,0 +1,96 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const helper_1 = require("./helper");
+const type = 'dateTime';
+const defaultFormat = 'yyyy/MM/dd HH:mm';
+const formatsByLang = {
+    en: [
+        defaultFormat,
+        'MM/dd/yyyy h:mm a',
+        'MMMM d, yyyy h:mm a',
+        'MMM d, yyyy h:mm a',
+        'EEEE, MMMM d, yyyy h:mm a',
+        "yyyy-MM-dd'T'HH:mm:ss",
+    ],
+    zh: [
+        defaultFormat,
+        'yyyy年MM月dd日 HH:mm',
+        'MM月dd日 HH:mm',
+        'M月d日 HH:mm',
+        "yyyy-MM-dd'T'HH:mm:ss",
+    ],
+    ja: [
+        defaultFormat,
+        'yyyy年MM月dd日 HH:mm',
+        'MM月dd日 HH:mm',
+        'M月d日 HH:mm',
+        "yyyy-MM-dd'T'HH:mm:ss",
+    ],
+    ko: [
+        defaultFormat,
+        'yyyy-MM-dd HH:mm',
+        'yyyy년 MM월 dd일 HH:mm',
+        'MM월 dd일 HH:mm',
+        'M월 d일 HH:mm',
+        "yyyy-MM-dd'T'HH:mm:ss",
+    ],
+    ar: [
+        defaultFormat,
+        'dd/MM/yyyy h:mm a',
+        'd MMMM yyyy h:mm a',
+        'd MMM yyyy h:mm a',
+        'EEEE، d MMMM yyyy h:mm a',
+        "yyyy-MM-dd'T'HH:mm:ss",
+    ],
+    th: [
+        defaultFormat,
+        'dd/MM/yyyy HH:mm',
+        'd MMMM yyyy HH:mm',
+        'd MMM yyyy HH:mm',
+        'EEEEที่ d MMMM G yyyy HH:mm',
+        "yyyy-MM-dd'T'HH:mm:ss",
+    ],
+    pl: [
+        defaultFormat,
+        'dd.MM.yyyy HH:mm',
+        'd MMMM yyyy HH:mm',
+        'd MMM yyyy HH:mm',
+        'EEEE, d MMMM yyyy HH:mm',
+        "yyyy-MM-dd'T'HH:mm:ss",
+    ],
+    it: [
+        defaultFormat,
+        'dd/MM/yyyy HH:mm',
+        'd MMMM yyyy HH:mm',
+        'd MMM yyyy HH:mm',
+        'EEEE d MMMM yyyy HH:mm',
+        "yyyy-MM-dd'T'HH:mm:ss",
+    ],
+    de: [
+        defaultFormat,
+        'dd.MM.yyyy HH:mm',
+        'd. MMMM yyyy HH:mm',
+        'd. MMM yyyy HH:mm',
+        'EEEE, d. MMMM yyyy HH:mm',
+        "yyyy-MM-dd'T'HH:mm:ss",
+    ],
+    es: [
+        defaultFormat,
+        'dd/MM/yyyy h:mm a',
+        'd de MMMM de yyyy h:mm a',
+        'd de MMM de yyyy h:mm a',
+        'EEEE, d de MMMM de yyyy h:mm a',
+        "yyyy-MM-dd'T'HH:mm:ss",
+    ],
+    fr: [
+        defaultFormat,
+        'dd/MM/yyyy HH:mm',
+        'd MMMM yyyy HH:mm',
+        'd MMM yyyy HH:mm',
+        'EEEE d MMMM yyyy HH:mm',
+        "yyyy-MM-dd'T'HH:mm:ss",
+    ],
+};
+const icon = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calendar-clock"><path d="M21 7.5V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h3.5"/><path d="M16 2v4"/><path d="M8 2v4"/><path d="M3 10h5"/><path d="M17.5 17.5 16 16.3V14"/><circle cx="16" cy="16" r="6"/></svg>';
+exports.default = (0, helper_1.getPlugin)({ type, defaultFormat, icon, formatsByLang });
+//# sourceMappingURL=dateTime.js.map

package/dist/cjs/src/date/dateTime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateTime.js","sourceRoot":"","sources":["../../../../src/date/dateTime.ts"],"names":[],"mappings":";;AACA,qCAAqC;AAErC,MAAM,IAAI,GAAG,UAAU,CAAC;AAExB,MAAM,aAAa,GAAG,kBAAkB,CAAC;AAEzC,MAAM,aAAa,GAA2B;IAC5C,EAAE,EAAE;QACF,aAAa;QACb,mBAAmB;QACnB,qBAAqB;QACrB,oBAAoB;QACpB,2BAA2B;QAC3B,uBAAuB;KACxB;IACD,EAAE,EAAE;QACF,aAAa;QACb,mBAAmB;QACnB,cAAc;QACd,YAAY;QACZ,uBAAuB;KACxB;IACD,EAAE,EAAE;QACF,aAAa;QACb,mBAAmB;QACnB,cAAc;QACd,YAAY;QACZ,uBAAuB;KACxB;IACD,EAAE,EAAE;QACF,aAAa;QACb,kBAAkB;QAClB,qBAAqB;QACrB,eAAe;QACf,aAAa;QACb,uBAAuB;KACxB;IACD,EAAE,EAAE;QACF,aAAa;QACb,mBAAmB;QACnB,oBAAoB;QACpB,mBAAmB;QACnB,0BAA0B;QAC1B,uBAAuB;KACxB;IACD,EAAE,EAAE;QACF,aAAa;QACb,kBAAkB;QAClB,mBAAmB;QACnB,kBAAkB;QAClB,6BAA6B;QAC7B,uBAAuB;KACxB;IACD,EAAE,EAAE;QACF,aAAa;QACb,kBAAkB;QAClB,mBAAmB;QACnB,kBAAkB;QAClB,yBAAyB;QACzB,uBAAuB;KACxB;IACD,EAAE,EAAE;QACF,aAAa;QACb,kBAAkB;QAClB,mBAAmB;QACnB,kBAAkB;QAClB,wBAAwB;QACxB,uBAAuB;KACxB;IACD,EAAE,EAAE;QACF,aAAa;QACb,kBAAkB;QAClB,oBAAoB;QACpB,mBAAmB;QACnB,0BAA0B;QAC1B,uBAAuB;KACxB;IACD,EAAE,EAAE;QACF,aAAa;QACb,mBAAmB;QACnB,0BAA0B;QAC1B,yBAAyB;QACzB,gCAAgC;QAChC,uBAAuB;KACxB;IACD,EAAE,EAAE;QACF,aAAa;QACb,kBAAkB;QAClB,mBAAmB;QACnB,kBAAkB;QAClB,wBAAwB;QACxB,uBAAuB;KACxB;CACF,CAAC;AAEF,MAAM,IAAI,GACR,kaAAka,CAAC;AAEra,kBAAe,IAAA,kBAAS,EAAC,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,CAAC"}

package/dist/cjs/src/date/helper.js

@@ -0,0 +1,232 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getPlugin = void 0;
+const air_datepicker_1 = __importDefault(require("air-datepicker"));
+const en_1 = __importDefault(require("air-datepicker/locale/en"));
+const zh_1 = __importDefault(require("air-datepicker/locale/zh"));
+const ja_1 = __importDefault(require("air-datepicker/locale/ja"));
+const ko_1 = __importDefault(require("air-datepicker/locale/ko"));
+const ar_1 = __importDefault(require("air-datepicker/locale/ar"));
+const th_1 = __importDefault(require("air-datepicker/locale/th"));
+const pl_1 = __importDefault(require("air-datepicker/locale/pl"));
+const it_1 = __importDefault(require("air-datepicker/locale/it"));
+const de_1 = __importDefault(require("air-datepicker/locale/de"));
+const es_1 = __importDefault(require("air-datepicker/locale/es"));
+const fr_1 = __importDefault(require("air-datepicker/locale/fr"));
+require("air-datepicker/air-datepicker.css");
+const date_fns_1 = require("date-fns");
+const locale_1 = require("date-fns/locale");
+const common_1 = require("@pdfme/common");
+const text_1 = __importDefault(require("../text"));
+const constants_js_1 = require("../constants.js");
+const uiRender_1 = require("../text/uiRender");
+const helper_js_1 = require("../text/helper.js");
+const constants_js_2 = require("../text/constants.js");
+const extraFormatter_1 = require("../text/extraFormatter");
+const utils_1 = require("../utils");
+const getDateFnsLocale = (lang) => ({ en: locale_1.enUS, zh: locale_1.zhCN, ja: locale_1.ja, ko: locale_1.ko, ar: locale_1.ar, th: locale_1.th, pl: locale_1.pl, it: locale_1.it, de: locale_1.de, es: locale_1.es, fr: locale_1.fr }[lang]);
+const getAirDatepickerLocale = (lang) => ({
+    en: en_1.default,
+    zh: zh_1.default,
+    ja: ja_1.default,
+    ko: ko_1.default,
+    ar: ar_1.default,
+    th: th_1.default,
+    pl: pl_1.default,
+    it: it_1.default,
+    de: de_1.default,
+    es: es_1.default,
+    fr: fr_1.default,
+}[lang]);
+const getPlugin = ({ type, defaultFormat, icon, formatsByLang, }) => {
+    const plugin = {
+        ui: async (arg) => {
+            const { schema, value, onChange, rootElement, mode, options, i18n, _cache } = arg;
+            const beforeRemoveEvent = new Event('beforeRemove');
+            rootElement.dispatchEvent(beforeRemoveEvent);
+            const font = options?.font || (0, common_1.getDefaultFont)();
+            const fontKitFont = await (0, helper_js_1.getFontKitFont)(schema.fontName, font, _cache);
+            const { topAdj, bottomAdj } = (0, helper_js_1.getBrowserVerticalFontAdjustments)(fontKitFont, schema.fontSize ?? constants_js_2.DEFAULT_FONT_SIZE, constants_js_2.DEFAULT_LINE_HEIGHT, constants_js_2.VERTICAL_ALIGN_MIDDLE);
+            const topAdjustment = topAdj.toString();
+            const bottomAdjustment = bottomAdj.toString();
+            const textStyle = {
+                fontFamily: schema.fontName ? `'${schema.fontName}'` : 'inherit',
+                color: schema.fontColor ?? constants_js_2.DEFAULT_FONT_COLOR,
+                fontSize: `${schema.fontSize ?? constants_js_2.DEFAULT_FONT_SIZE}pt`,
+                letterSpacing: `${schema.characterSpacing ?? constants_js_2.DEFAULT_CHARACTER_SPACING}pt`,
+                textAlign: schema.alignment ?? constants_js_2.DEFAULT_ALIGNMENT,
+                backgroundColor: (0, uiRender_1.getBackgroundColor)(value, schema),
+                margin: '0',
+                padding: '0',
+                border: 'none',
+                outline: 'none',
+                width: `${schema.width}mm`,
+                height: `${schema.height}mm`,
+                display: 'flex',
+                flexDirection: 'column',
+                justifyContent: (0, uiRender_1.mapVerticalAlignToFlex)(constants_js_2.VERTICAL_ALIGN_MIDDLE),
+                paddingTop: `${topAdjustment}px`,
+                marginBottom: `${bottomAdjustment}px`,
+                position: 'relative',
+            };
+            const input = document.createElement('input');
+            Object.assign(input.style, textStyle);
+            const commitChange = ({ datepicker }) => {
+                if (onChange) {
+                    const date = datepicker.selectedDates;
+                    const fmt = type === 'time' ? 'HH:mm' : type === 'date' ? 'yyyy/MM/dd' : 'yyyy/MM/dd HH:mm';
+                    const d = Array.isArray(date) ? date[0] : date || '';
+                    const value = d ? (0, date_fns_1.format)(d, fmt) : '';
+                    onChange({ key: 'content', value });
+                }
+            };
+            const airDatepicker = new air_datepicker_1.default(input, {
+                locale: getAirDatepickerLocale(options.lang || 'en'),
+                selectedDates: [schema.type === 'time' ? new Date(`2021-01-01T${value}`) : new Date(value)],
+                dateFormat: (date) => (schema.format ? (0, date_fns_1.format)(date, schema.format) : ''),
+                timepicker: type !== 'date',
+                onlyTimepicker: type === 'time',
+                buttons: [
+                    'clear',
+                    {
+                        content: i18n('close'),
+                        onClick: (datepicker) => {
+                            datepicker.hide();
+                            commitChange({ datepicker });
+                        },
+                    },
+                ],
+                onSelect: ({ datepicker }) => {
+                    mode !== 'designer' && commitChange({ datepicker });
+                },
+                onShow: () => {
+                    input.disabled = !(0, utils_1.isEditable)(mode, schema);
+                },
+            });
+            rootElement.addEventListener('beforeRemove', () => {
+                if (mode === 'designer') {
+                    airDatepicker.destroy();
+                }
+            });
+            input.addEventListener('click', () => {
+                if (mode === 'designer') {
+                    airDatepicker.show();
+                }
+            });
+            rootElement.appendChild(input);
+        },
+        pdf: (arg) => {
+            const { schema, value, options } = arg;
+            if (!value)
+                return void 0;
+            const lang = (options.lang || 'en');
+            const locale = getDateFnsLocale(lang);
+            const date = schema.type === 'time' ? new Date(`2021-01-01T${value}`) : new Date(value);
+            const formattedValue = (0, date_fns_1.format)(date, schema.format, { locale });
+            return text_1.default.pdf(Object.assign(arg, {
+                value: formattedValue,
+                schema: {
+                    ...schema,
+                    verticalAlignment: constants_js_2.VERTICAL_ALIGN_MIDDLE,
+                    lineHeight: constants_js_2.DEFAULT_LINE_HEIGHT,
+                },
+            }));
+        },
+        propPanel: {
+            schema: ({ options, i18n }) => {
+                const font = options.font || { [common_1.DEFAULT_FONT_NAME]: { data: '', fallback: true } };
+                const lang = options.lang || 'en';
+                const locale = getDateFnsLocale(lang);
+                const fontNames = Object.keys(font);
+                const fallbackFontName = (0, common_1.getFallbackFontName)(font);
+                const formatter = (0, extraFormatter_1.getExtraFormatterSchema)(i18n);
+                formatter.buttons = formatter.buttons.filter((button) => button.key === extraFormatter_1.Formatter.ALIGNMENT);
+                const currentDate = new Date();
+                const dateSchema = {
+                    format: {
+                        title: i18n('schemas.date.format'),
+                        type: 'string',
+                        widget: 'select',
+                        props: {
+                            options: formatsByLang[lang].map((formatString) => ({
+                                label: `${formatString} (${(0, date_fns_1.format)(currentDate, formatString, { locale })})`,
+                                value: formatString,
+                            })),
+                        },
+                        span: 24,
+                    },
+                    fontName: {
+                        title: i18n('schemas.text.fontName'),
+                        type: 'string',
+                        widget: 'select',
+                        default: fallbackFontName,
+                        props: { options: fontNames.map((name) => ({ label: name, value: name })) },
+                        span: 12,
+                    },
+                    fontSize: {
+                        title: i18n('schemas.text.size'),
+                        type: 'number',
+                        widget: 'inputNumber',
+                        span: 6,
+                        props: { min: 0 },
+                    },
+                    characterSpacing: {
+                        title: i18n('schemas.text.spacing'),
+                        type: 'number',
+                        widget: 'inputNumber',
+                        span: 6,
+                        props: { min: 0 },
+                    },
+                    formatter,
+                    fontColor: {
+                        title: i18n('schemas.textColor'),
+                        type: 'string',
+                        widget: 'color',
+                        rules: [
+                            {
+                                pattern: constants_js_1.HEX_COLOR_PATTERN,
+                                message: i18n('validation.hexColor'),
+                            },
+                        ],
+                    },
+                    backgroundColor: {
+                        title: i18n('schemas.bgColor'),
+                        type: 'string',
+                        widget: 'color',
+                        rules: [
+                            {
+                                pattern: constants_js_1.HEX_COLOR_PATTERN,
+                                message: i18n('validation.hexColor'),
+                            },
+                        ],
+                    },
+                };
+                return dateSchema;
+            },
+            defaultSchema: {
+                name: '',
+                format: defaultFormat,
+                type,
+                content: (0, date_fns_1.format)(new Date(), defaultFormat),
+                position: { x: 0, y: 0 },
+                width: 70,
+                height: 10,
+                rotate: 0,
+                alignment: constants_js_2.DEFAULT_ALIGNMENT,
+                fontSize: constants_js_2.DEFAULT_FONT_SIZE,
+                characterSpacing: constants_js_2.DEFAULT_CHARACTER_SPACING,
+                fontColor: constants_js_2.DEFAULT_FONT_COLOR,
+                fontName: undefined,
+                backgroundColor: '',
+                opacity: constants_js_1.DEFAULT_OPACITY,
+            },
+        },
+        icon,
+    };
+    return plugin;
+};
+exports.getPlugin = getPlugin;
+//# sourceMappingURL=helper.js.map

package/dist/cjs/src/date/helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.js","sourceRoot":"","sources":["../../../../src/date/helper.ts"],"names":[],"mappings":"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"}

package/dist/cjs/src/date/time.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const helper_1 = require("./helper");
+const type = 'time';
+const defaultFormat = 'HH:mm';
+const formatsByLang = {
+    en: [defaultFormat, 'hh:mm a', 'HH:mm:ss', 'hh:mm:ss a'],
+    zh: [defaultFormat, 'HH时mm分', 'HH:mm:ss'],
+    ja: [defaultFormat, 'HH時mm分', 'HH:mm:ss'],
+    ko: [defaultFormat, 'a h시 mm분', 'HH:mm:ss'],
+    ar: [defaultFormat, 'hh:mm a', 'HH:mm:ss'],
+    th: [defaultFormat, 'HH.mm', 'HH:mm:ss'],
+    pl: [defaultFormat, 'HH:mm:ss'],
+    it: [defaultFormat, 'HH.mm', 'HH:mm:ss'],
+    de: [defaultFormat, 'HH.mm', 'HH:mm:ss'],
+    es: [defaultFormat, 'hh:mm a', 'HH:mm:ss'],
+    fr: [defaultFormat, 'HH:mm:ss'],
+};
+const icon = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" ' +
+    'viewBox="0 0 24 24" fill="none" stroke="currentColor" ' +
+    'stroke-width="2" stroke-linecap="round" stroke-linejoin="round" ' +
+    'class="lucide lucide-clock"><circle cx="12" cy="12" r="10"/>' +
+    '<polyline points="12 6 12 12 16 14"/></svg>';
+exports.default = (0, helper_1.getPlugin)({ type, defaultFormat, icon, formatsByLang });
+//# sourceMappingURL=time.js.map

package/dist/cjs/src/date/time.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time.js","sourceRoot":"","sources":["../../../../src/date/time.ts"],"names":[],"mappings":";;AACA,qCAAqC;AAErC,MAAM,IAAI,GAAG,MAAM,CAAC;AAEpB,MAAM,aAAa,GAAG,OAAO,CAAC;AAE9B,MAAM,aAAa,GAA2B;IAC5C,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE,UAAU,EAAE,YAAY,CAAC;IACxD,EAAE,EAAE,CAAC,aAAa,EAAE,QAAQ,EAAE,UAAU,CAAC;IACzC,EAAE,EAAE,CAAC,aAAa,EAAE,QAAQ,EAAE,UAAU,CAAC;IACzC,EAAE,EAAE,CAAC,aAAa,EAAE,UAAU,EAAE,UAAU,CAAC;IAC3C,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE,UAAU,CAAC;IAC1C,EAAE,EAAE,CAAC,aAAa,EAAE,OAAO,EAAE,UAAU,CAAC;IACxC,EAAE,EAAE,CAAC,aAAa,EAAE,UAAU,CAAC;IAC/B,EAAE,EAAE,CAAC,aAAa,EAAE,OAAO,EAAE,UAAU,CAAC;IACxC,EAAE,EAAE,CAAC,aAAa,EAAE,OAAO,EAAE,UAAU,CAAC;IACxC,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE,UAAU,CAAC;IAC1C,EAAE,EAAE,CAAC,aAAa,EAAE,UAAU,CAAC;CAChC,CAAC;AAEF,MAAM,IAAI,GACR,iEAAiE;IACjE,wDAAwD;IACxD,kEAAkE;IAClE,8DAA8D;IAC9D,6CAA6C,CAAC;AAEhD,kBAAe,IAAA,kBAAS,EAAC,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,aAAa,EAAE,CAAC,CAAC"}

package/dist/cjs/src/date/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/cjs/src/date/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/date/types.ts"],"names":[],"mappings":""}

package/dist/cjs/src/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ellipse = exports.rectangle = exports.line = exports.barcodes = exports.table = exports.svg = exports.image = exports.multiVariableText = exports.text = exports.builtInPlugins = void 0;
+exports.select = exports.time = exports.date = exports.dateTime = exports.ellipse = exports.rectangle = exports.line = exports.barcodes = exports.table = exports.svg = exports.image = exports.multiVariableText = exports.text = exports.builtInPlugins = void 0;
 const index_js_1 = __importDefault(require("./multiVariableText/index.js"));
 exports.multiVariableText = index_js_1.default;
 const index_js_2 = __importDefault(require("./text/index.js"));
@@ -21,6 +21,14 @@ exports.table = index_js_4.default;
 const rectAndEllipse_js_1 = require("./shapes/rectAndEllipse.js");
 Object.defineProperty(exports, "rectangle", { enumerable: true, get: function () { return rectAndEllipse_js_1.rectangle; } });
 Object.defineProperty(exports, "ellipse", { enumerable: true, get: function () { return rectAndEllipse_js_1.ellipse; } });
+const dateTime_js_1 = __importDefault(require("./date/dateTime.js"));
+exports.dateTime = dateTime_js_1.default;
+const date_js_1 = __importDefault(require("./date/date.js"));
+exports.date = date_js_1.default;
+const time_js_1 = __importDefault(require("./date/time.js"));
+exports.time = time_js_1.default;
+const index_js_5 = __importDefault(require("./select/index.js"));
+exports.select = index_js_5.default;
 const builtInPlugins = { Text: index_js_2.default };
 exports.builtInPlugins = builtInPlugins;
 //# sourceMappingURL=index.js.map

package/dist/cjs/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":";;;;;;AAAA,4EAA6D;AAe3D,4BAfK,kBAAiB,CAeL;AAdnB,+DAAmC;AAajC,eAbK,kBAAI,CAaL;AAZN,mEAAwC;AActC,gBAdK,kBAAK,CAcL;AAbP,+DAAoC;AAclC,cAdK,gBAAG,CAcL;AAbL,mEAA2C;AAezC,mBAfK,kBAAQ,CAeL;AAdV,+DAAoC;AAelC,eAfK,iBAAI,CAeL;AAdN,iEAAsC;AAYpC,gBAZK,kBAAK,CAYL;AAXP,kEAAgE;AAc9D,0FAdO,6BAAS,OAcP;AACT,wFAfkB,2BAAO,OAelB;AAbT,MAAM,cAAc,GAAG,EAAE,IAAI,EAAE,kBAAI,EAAE,CAAC;AAGpC,wCAAc"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":";;;;;;AAAA,4EAA6D;AAmB3D,4BAnBK,kBAAiB,CAmBL;AAlBnB,+DAAmC;AAiBjC,eAjBK,kBAAI,CAiBL;AAhBN,mEAAwC;AAkBtC,gBAlBK,kBAAK,CAkBL;AAjBP,+DAAoC;AAkBlC,cAlBK,gBAAG,CAkBL;AAjBL,mEAA2C;AAmBzC,mBAnBK,kBAAQ,CAmBL;AAlBV,+DAAoC;AAmBlC,eAnBK,iBAAI,CAmBL;AAlBN,iEAAsC;AAgBpC,gBAhBK,kBAAK,CAgBL;AAfP,kEAAgE;AAkB9D,0FAlBO,6BAAS,OAkBP;AACT,wFAnBkB,2BAAO,OAmBlB;AAlBT,qEAA0C;AAmBxC,mBAnBK,qBAAQ,CAmBL;AAlBV,6DAAkC;AAmBhC,eAnBK,iBAAI,CAmBL;AAlBN,6DAAkC;AAmBhC,eAnBK,iBAAI,CAmBL;AAlBN,iEAAuC;AAmBrC,iBAnBK,kBAAM,CAmBL;AAjBR,MAAM,cAAc,GAAG,EAAE,IAAI,EAAE,kBAAI,EAAE,CAAC;AAGpC,wCAAc"}

package/dist/cjs/src/select/index.js

@@ -0,0 +1,162 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const propPanel_1 = require("../text/propPanel");
+const text_1 = __importDefault(require("../text"));
+const selectIcon = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down"><path d="m6 9 6 6 6-6"/></svg>';
+const addOptions = (props) => {
+    const { rootElement, changeSchemas, activeSchema, i18n } = props;
+    rootElement.style.width = '100%';
+    const selectSchema = activeSchema;
+    const currentOptions = selectSchema.options ? [...selectSchema.options] : [];
+    const inputStyle = {
+        width: '100%',
+        padding: '6.25px 11px',
+        border: '1px solid #ccc',
+        borderRadius: '4px',
+    };
+    const buttonStyle = { border: 'none', borderRadius: '4px', cursor: 'pointer' };
+    const updateSchemas = () => {
+        changeSchemas([
+            { key: 'options', value: currentOptions, schemaId: activeSchema.id },
+            { key: 'content', value: currentOptions[0] || '', schemaId: activeSchema.id },
+        ]);
+    };
+    const formContainer = document.createElement('div');
+    Object.assign(formContainer.style, {
+        width: '100%',
+        display: 'flex',
+        alignItems: 'center',
+        marginBottom: '10px',
+    });
+    const input = document.createElement('input');
+    input.type = 'text';
+    input.placeholder = i18n('schemas.select.optionPlaceholder');
+    Object.assign(input.style, inputStyle, { marginRight: '10px' });
+    const addButton = document.createElement('button');
+    addButton.textContent = '+';
+    Object.assign(addButton.style, buttonStyle, {
+        width: '25px',
+        height: '25px',
+        padding: '4px 8px',
+    });
+    addButton.addEventListener('click', () => {
+        const newValue = input.value.trim();
+        if (newValue) {
+            currentOptions.push(newValue);
+            updateSchemas();
+            renderOptions();
+            input.value = '';
+        }
+    });
+    formContainer.appendChild(input);
+    formContainer.appendChild(addButton);
+    const optionsList = document.createElement('ul');
+    Object.assign(optionsList.style, { listStyle: 'none', padding: '0' });
+    const renderOptions = () => {
+        optionsList.innerHTML = '';
+        currentOptions.forEach((option, index) => {
+            const li = document.createElement('li');
+            Object.assign(li.style, { display: 'flex', alignItems: 'center', marginBottom: '5px' });
+            const optionInput = document.createElement('input');
+            optionInput.type = 'text';
+            optionInput.value = option;
+            Object.assign(optionInput.style, inputStyle, { marginRight: '10px' });
+            optionInput.addEventListener('change', () => {
+                currentOptions[index] = optionInput.value;
+                updateSchemas();
+            });
+            const removeButton = document.createElement('button');
+            removeButton.textContent = 'x';
+            Object.assign(removeButton.style, buttonStyle, { padding: '4px 8px' });
+            removeButton.addEventListener('click', () => {
+                currentOptions.splice(index, 1);
+                updateSchemas();
+                renderOptions();
+            });
+            li.appendChild(optionInput);
+            li.appendChild(removeButton);
+            optionsList.appendChild(li);
+        });
+    };
+    rootElement.appendChild(formContainer);
+    rootElement.appendChild(optionsList);
+    renderOptions();
+};
+const schema = {
+    ui: async (arg) => {
+        const { schema, value, onChange, rootElement, mode } = arg;
+        await text_1.default.ui(Object.assign(arg, { mode: 'viewer' }));
+        if (mode !== 'viewer' && !(mode === 'form' && schema.readOnly)) {
+            const buttonWidth = 30;
+            const selectButton = document.createElement('button');
+            selectButton.innerHTML = selectIcon;
+            const selectButtonStyle = {
+                position: 'absolute',
+                zIndex: -1,
+                right: `-${buttonWidth}px`,
+                top: '0',
+                padding: '0',
+                margin: '0',
+                cursor: 'pointer',
+                height: `${buttonWidth}px`,
+                width: `${buttonWidth}px`,
+            };
+            Object.assign(selectButton.style, selectButtonStyle);
+            rootElement.appendChild(selectButton);
+            const selectElement = document.createElement('select');
+            const selectElementStyle = {
+                opacity: '0',
+                position: 'absolute',
+                width: `calc(100% + ${buttonWidth}px)`,
+                height: '100%',
+                top: '0',
+                left: '0',
+                appearance: 'initial',
+            };
+            Object.assign(selectElement.style, selectElementStyle);
+            selectElement.value = value;
+            selectElement.addEventListener('change', (e) => {
+                if (onChange && e.target instanceof HTMLSelectElement) {
+                    onChange && onChange({ key: 'content', value: e.target.value });
+                }
+            });
+            selectElement.innerHTML = schema.options
+                .map((option) => `<option value="${option}" ${option === value ? 'selected' : ''}>${option}</option>`)
+                .join('');
+            rootElement.appendChild(selectElement);
+        }
+    },
+    pdf: text_1.default.pdf,
+    propPanel: {
+        ...text_1.default.propPanel,
+        widgets: { ...propPanel_1.propPanel.widgets, addOptions },
+        schema: (propPanelProps) => {
+            if (typeof propPanel_1.propPanel.schema !== 'function') {
+                throw Error('Oops, is text schema no longer a function?');
+            }
+            return {
+                ...propPanel_1.propPanel.schema(propPanelProps),
+                '-------': { type: 'void', widget: 'Divider' },
+                optionsContainer: {
+                    title: propPanelProps.i18n('schemas.select.options'),
+                    type: 'string',
+                    widget: 'Card',
+                    span: 24,
+                    properties: { options: { widget: 'addOptions', span: 24 } },
+                },
+            };
+        },
+        defaultSchema: {
+            ...text_1.default.propPanel.defaultSchema,
+            type: 'select',
+            content: 'option1',
+            options: ['option1', 'option2'],
+        },
+    },
+    icon: selectIcon,
+};
+exports.default = schema;
+//# sourceMappingURL=index.js.map