@praxisui/cron-builder 7.0.0-beta.0 → 8.0.0-beta.1

package/README.md

@@ -79,6 +79,7 @@ Template-only example:
 Exports:
 - `PdxCronBuilderComponent`
 - Types: `CronBuilderMetadata`, `SimpleCronFormValue`, `AdvancedCronFormValue`, `CronPresetType`
+- Scheduler authoring foundation: `ScheduleAuthoringConfig`, `CronDialect`, `CRON_DIALECTS`, `normalizeScheduleValue`, `compileScheduleExpression`, `validateScheduleAuthoringConfig`, `createSchedulePreview`
 
 Inputs/Outputs:
 - `metadata: CronBuilderMetadata` – configure fields, timezone, locale, presets, preview.
@@ -93,6 +94,44 @@ Inputs/Outputs:
 - `previewOccurrences?: number` – number of preview dates to show.
 - `validators?: { invalidCronMessage?: string }` – customize error messages.
 
+## Scheduler Authoring Foundation
+
+`@praxisui/cron-builder` also exposes the canonical foundation for evolving CRON editing into schedule authoring.
+This keeps enterprise scheduling semantics in the library instead of pushing cron parsing, dialect checks or preview policy into host applications.
+
+The initial contract is `ScheduleAuthoringConfig`. It models:
+- schedule kind: `once`, `interval`, `daily`, `weekly`, `monthly` or `customCron`;
+- timezone and locale;
+- CRON expression plus explicit dialect;
+- recurrence intent;
+- start/end window;
+- execution policy such as enabled state, missed-run policy, concurrency and jitter;
+- preview configuration;
+- governance metadata such as name, owner and tags.
+
+The exported `CRON_DIALECTS` matrix describes the supported dialect families:
+- Unix cron
+- Quartz cron
+- AWS EventBridge cron
+- Kubernetes CronJob
+- GitHub Actions schedule
+- Google Cloud Scheduler
+
+Use `normalizeScheduleValue(value)` to convert legacy string values into `ScheduleAuthoringConfig` while preserving current `ControlValueAccessor` compatibility.
+The current component still emits the existing CRON string; the schedule authoring contract is the platform foundation for the next visual authoring iteration.
+
+Runtime helpers:
+- `compileScheduleExpression(config)` compiles supported schedule intents (`interval`, `daily`, `weekly`, `monthly`, `customCron`) into CRON when the intent has a portable representation.
+- `validateScheduleAuthoringConfig(config)` returns structured diagnostics for invalid or non-portable schedules.
+- `createSchedulePreview(value, preview)` returns the compiled expression, humanized text, structured occurrences and diagnostics.
+
+The AI adapter exposes both the legacy `value` and the structured scheduler state:
+- `schedule` is the canonical authoring config snapshot.
+- `diagnostics` contains read-only validation results.
+- `preview` contains read-only structured next occurrences.
+
+AI patches should prefer `schedule.kind` plus `schedule.recurrence` for business scheduling intent, and reserve `schedule.expression.cron` for explicit custom CRON requests.
+
 ## Build Notes
 
 The builder resolves validation, humanized descriptions and occurrence preview inside the library runtime.

package/fesm2022/praxisui-cron-builder.mjs

@@ -429,6 +429,451 @@ function getNextCronOccurrences(expression, count, options) {
     return results;
 }
 
+const SCHEDULE_AUTHORING_CONFIG_VERSION = 'v1';
+const CRON_DIALECTS = {
+    unix: {
+        dialect: 'unix',
+        label: 'Unix cron',
+        fieldCount: { min: 5, max: 5 },
+        supportsSeconds: false,
+        supportsYear: false,
+        supportsNamedMonths: true,
+        supportsNamedWeekdays: true,
+        supportsQuestionMark: false,
+        supportsLast: false,
+        supportsNearestWeekday: false,
+        supportsNthWeekday: false,
+        timezoneMode: 'host-local',
+        dayOfMonthDayOfWeekRule: 'unix-or',
+        examples: ['*/5 * * * *', '0 9 * * 1-5'],
+    },
+    quartz: {
+        dialect: 'quartz',
+        label: 'Quartz cron',
+        fieldCount: { min: 6, max: 7 },
+        supportsSeconds: true,
+        supportsYear: true,
+        supportsNamedMonths: true,
+        supportsNamedWeekdays: true,
+        supportsQuestionMark: true,
+        supportsLast: true,
+        supportsNearestWeekday: true,
+        supportsNthWeekday: true,
+        timezoneMode: 'external-field',
+        dayOfMonthDayOfWeekRule: 'either-or-question-mark',
+        examples: ['0 0 9 ? * MON-FRI', '0 0 9 ? * 2#1'],
+    },
+    'aws-eventbridge': {
+        dialect: 'aws-eventbridge',
+        label: 'AWS EventBridge cron',
+        fieldCount: { min: 6, max: 6 },
+        supportsSeconds: false,
+        supportsYear: true,
+        supportsNamedMonths: true,
+        supportsNamedWeekdays: true,
+        supportsQuestionMark: true,
+        supportsLast: true,
+        supportsNearestWeekday: false,
+        supportsNthWeekday: true,
+        timezoneMode: 'external-field',
+        dayOfMonthDayOfWeekRule: 'either-or-question-mark',
+        examples: ['0 9 ? * MON-FRI *', '0 9 ? * 2#1 *'],
+    },
+    kubernetes: {
+        dialect: 'kubernetes',
+        label: 'Kubernetes CronJob',
+        fieldCount: { min: 5, max: 5 },
+        supportsSeconds: false,
+        supportsYear: false,
+        supportsNamedMonths: true,
+        supportsNamedWeekdays: true,
+        supportsQuestionMark: true,
+        supportsLast: false,
+        supportsNearestWeekday: false,
+        supportsNthWeekday: false,
+        timezoneMode: 'external-field',
+        dayOfMonthDayOfWeekRule: 'unix-or',
+        examples: ['*/5 * * * *', '0 9 * * 1-5'],
+    },
+    'github-actions': {
+        dialect: 'github-actions',
+        label: 'GitHub Actions schedule',
+        fieldCount: { min: 5, max: 5 },
+        supportsSeconds: false,
+        supportsYear: false,
+        supportsNamedMonths: true,
+        supportsNamedWeekdays: true,
+        supportsQuestionMark: false,
+        supportsLast: false,
+        supportsNearestWeekday: false,
+        supportsNthWeekday: false,
+        timezoneMode: 'fixed-utc',
+        dayOfMonthDayOfWeekRule: 'unix-or',
+        examples: ['*/15 * * * *', '0 9 * * 1-5'],
+    },
+    'gcp-scheduler': {
+        dialect: 'gcp-scheduler',
+        label: 'Google Cloud Scheduler',
+        fieldCount: { min: 5, max: 5 },
+        supportsSeconds: false,
+        supportsYear: false,
+        supportsNamedMonths: true,
+        supportsNamedWeekdays: true,
+        supportsQuestionMark: false,
+        supportsLast: false,
+        supportsNearestWeekday: false,
+        supportsNthWeekday: false,
+        timezoneMode: 'external-field',
+        dayOfMonthDayOfWeekRule: 'unix-or',
+        examples: ['*/5 * * * *', '0 9 * * MON-FRI'],
+    },
+};
+function getCronDialectDefinition(dialect) {
+    return CRON_DIALECTS[dialect];
+}
+
+function normalizeScheduleValue(value, options = {}) {
+    if (value == null || value === '') {
+        return {
+            config: null,
+            diagnostics: [],
+        };
+    }
+    if (typeof value === 'string') {
+        return normalizeCronString(value, options);
+    }
+    return normalizeScheduleConfig(value, options);
+}
+function inferCronDialect(expression) {
+    const fieldCount = expression.trim().split(/\s+/).filter(Boolean).length;
+    return fieldCount === 6 ? 'quartz' : 'unix';
+}
+function normalizeCronString(cron, options) {
+    const trimmed = cron.trim();
+    const dialect = options.dialect ?? inferCronDialect(trimmed);
+    const diagnostics = createCronDiagnostics(trimmed, dialect);
+    return {
+        config: {
+            version: SCHEDULE_AUTHORING_CONFIG_VERSION,
+            kind: 'customCron',
+            timezone: options.timezone ?? 'UTC',
+            locale: options.locale,
+            expression: {
+                cron: trimmed,
+                dialect,
+                seconds: trimmed.split(/\s+/).length === 6 && dialect !== 'aws-eventbridge',
+            },
+            preview: {
+                occurrences: options.previewOccurrences ?? 5,
+            },
+        },
+        diagnostics,
+    };
+}
+function normalizeScheduleConfig(config, options) {
+    const normalized = {
+        ...config,
+        version: SCHEDULE_AUTHORING_CONFIG_VERSION,
+        timezone: config.timezone || options.timezone || 'UTC',
+        locale: config.locale ?? options.locale,
+        preview: {
+            occurrences: options.previewOccurrences ?? config.preview?.occurrences ?? 5,
+            from: config.preview?.from,
+        },
+    };
+    return {
+        config: normalized,
+        diagnostics: normalized.expression?.cron
+            ? createCronDiagnostics(normalized.expression.cron, normalized.expression.dialect)
+            : [],
+    };
+}
+function createCronDiagnostics(cron, dialect) {
+    const diagnostics = [];
+    const fieldCount = cron.trim().split(/\s+/).filter(Boolean).length;
+    if (dialect === 'aws-eventbridge' && fieldCount !== 6) {
+        diagnostics.push({
+            severity: 'error',
+            code: 'cron.aws.fieldCount',
+            field: 'expression.cron',
+            message: 'AWS EventBridge schedules require six fields.',
+            suggestion: 'Use the AWS order: minutes hours day-of-month month day-of-week year.',
+        });
+    }
+    else if (dialect !== 'aws-eventbridge' && !isValidCronExpression(cron)) {
+        diagnostics.push({
+            severity: 'error',
+            code: 'cron.invalid',
+            field: 'expression.cron',
+            message: 'Invalid CRON expression for the selected dialect.',
+            suggestion: 'Check field count, ranges, steps and unsupported special characters.',
+        });
+    }
+    if (dialect === 'unix' && fieldCount !== 5) {
+        diagnostics.push({
+            severity: 'error',
+            code: 'cron.unix.fieldCount',
+            field: 'expression.cron',
+            message: 'Unix cron schedules require five fields.',
+            suggestion: 'Remove seconds or year fields, or select a dialect that supports them.',
+        });
+    }
+    if (dialect === 'quartz' && fieldCount < 6) {
+        diagnostics.push({
+            severity: 'warning',
+            code: 'cron.quartz.fieldCount',
+            field: 'expression.cron',
+            message: 'Quartz cron commonly uses seconds as the first field.',
+            suggestion: 'Add a seconds field or select the Unix dialect.',
+        });
+    }
+    return diagnostics;
+}
+
+function compileScheduleExpression(config) {
+    const diagnostics = [];
+    const dialect = config.expression?.dialect ?? 'unix';
+    if (config.kind === 'customCron') {
+        if (!config.expression?.cron) {
+            diagnostics.push(createDiagnostic('error', 'schedule.cron.required', 'expression.cron', 'A CRON expression is required for custom schedules.'));
+            return { expression: null, diagnostics };
+        }
+        const seconds = config.expression.seconds ?? config.expression.cron.trim().split(/\s+/).length === 6;
+        return {
+            expression: {
+                cron: config.expression.cron.trim(),
+                dialect,
+                seconds,
+            },
+            diagnostics,
+        };
+    }
+    if (config.kind === 'once') {
+        diagnostics.push(createDiagnostic('warning', 'schedule.once.noCron', 'kind', 'One-time schedules do not have a portable CRON representation.'));
+        return { expression: null, diagnostics };
+    }
+    if (config.kind === 'interval') {
+        return compileIntervalSchedule(config, dialect);
+    }
+    if (config.kind === 'daily') {
+        return compileDailySchedule(config, dialect);
+    }
+    if (config.kind === 'weekly') {
+        return compileWeeklySchedule(config, dialect);
+    }
+    if (config.kind === 'monthly') {
+        return compileMonthlySchedule(config, dialect);
+    }
+    diagnostics.push(createDiagnostic('error', 'schedule.kind.unsupported', 'kind', 'Unsupported schedule kind.'));
+    return { expression: null, diagnostics };
+}
+function validateScheduleAuthoringConfig(config) {
+    const compiled = compileScheduleExpression(config);
+    const diagnostics = [...compiled.diagnostics];
+    if (compiled.expression && compiled.expression.dialect !== 'aws-eventbridge' && !isValidCronExpression(compiled.expression.cron)) {
+        diagnostics.push(createDiagnostic('error', 'schedule.cron.invalid', 'expression.cron', 'The compiled CRON expression is invalid.'));
+    }
+    if (!config.timezone) {
+        diagnostics.push(createDiagnostic('warning', 'schedule.timezone.defaulted', 'timezone', 'Timezone is missing and will default to UTC.'));
+    }
+    if (config.window?.startAt && config.window?.endAt && Date.parse(config.window.startAt) > Date.parse(config.window.endAt)) {
+        diagnostics.push(createDiagnostic('error', 'schedule.window.invalid', 'window', 'The schedule start date must be before the end date.'));
+    }
+    return diagnostics;
+}
+function createSchedulePreview(value, preview = {}) {
+    const normalized = normalizeScheduleValue(value, {
+        timezone: preview.timezone,
+        locale: preview.locale,
+        dialect: preview.dialect,
+        previewOccurrences: preview.occurrences,
+    });
+    const config = normalized.config;
+    if (!config) {
+        return {
+            config: null,
+            expression: null,
+            humanized: '',
+            occurrences: [],
+            diagnostics: normalized.diagnostics,
+        };
+    }
+    const compiled = compileScheduleExpression(config);
+    const diagnostics = mergeDiagnostics([
+        ...normalized.diagnostics,
+        ...validateScheduleAuthoringConfig(config),
+    ]);
+    if (!compiled.expression || diagnostics.some((diagnostic) => diagnostic.severity === 'error')) {
+        return {
+            config,
+            expression: compiled.expression,
+            humanized: '',
+            occurrences: [],
+            diagnostics,
+        };
+    }
+    const from = preview.from ?? config.preview?.from ?? config.window?.startAt;
+    const count = preview.occurrences ?? config.preview?.occurrences ?? 5;
+    const currentDate = from ? new Date(from) : new Date();
+    const timezone = config.timezone || 'UTC';
+    const occurrences = getNextCronOccurrences(compiled.expression.cron, count, {
+        currentDate,
+        timeZone: timezone,
+    }).map((date) => ({
+        instant: date.toISOString(),
+        localDateTime: formatLocalDateTime(date, timezone, config.locale ?? 'en-US'),
+        timezone,
+    }));
+    return {
+        config,
+        expression: compiled.expression,
+        humanized: humanizeCronExpression(compiled.expression.cron, config.locale ?? 'en-US'),
+        occurrences,
+        diagnostics,
+    };
+}
+function compileIntervalSchedule(config, dialect) {
+    const interval = config.recurrence?.interval;
+    const diagnostics = [];
+    if (!interval || interval.every < 1) {
+        diagnostics.push(createDiagnostic('error', 'schedule.interval.invalid', 'recurrence.interval', 'Interval schedules require a positive interval.'));
+        return { expression: null, diagnostics };
+    }
+    if (interval.unit === 'minutes') {
+        if (interval.every > 59) {
+            diagnostics.push(createDiagnostic('error', 'schedule.interval.minutes.range', 'recurrence.interval.every', 'Minute intervals must be between 1 and 59.'));
+            return { expression: null, diagnostics };
+        }
+        return makeExpression(`*/${interval.every} * * * *`, dialect, false, diagnostics);
+    }
+    if (interval.unit === 'hours') {
+        if (interval.every > 23) {
+            diagnostics.push(createDiagnostic('error', 'schedule.interval.hours.range', 'recurrence.interval.every', 'Hourly intervals must be between 1 and 23.'));
+            return { expression: null, diagnostics };
+        }
+        return makeExpression(`0 */${interval.every} * * *`, dialect, false, diagnostics);
+    }
+    diagnostics.push(createDiagnostic('warning', 'schedule.interval.notPortable', 'recurrence.interval.unit', 'Day and week intervals are not portable CRON schedules without an anchor date.'));
+    return { expression: null, diagnostics };
+}
+function compileDailySchedule(config, dialect) {
+    const daily = config.recurrence?.daily;
+    const diagnostics = validateTimes(daily?.times, 'recurrence.daily.times');
+    if (!daily || diagnostics.length > 0) {
+        return { expression: null, diagnostics };
+    }
+    const time = parseTime(daily.times[0]);
+    const dayOfWeek = daily.onlyWeekdays ? '1-5' : '*';
+    return makeExpression(`${time.minute} ${time.hour} * * ${dayOfWeek}`, dialect, false, diagnostics);
+}
+function compileWeeklySchedule(config, dialect) {
+    const weekly = config.recurrence?.weekly;
+    const diagnostics = validateTimes(weekly?.times, 'recurrence.weekly.times');
+    if (!weekly || diagnostics.length > 0) {
+        return { expression: null, diagnostics };
+    }
+    if (!weekly.daysOfWeek?.length) {
+        diagnostics.push(createDiagnostic('error', 'schedule.weekly.days.required', 'recurrence.weekly.daysOfWeek', 'Weekly schedules require at least one weekday.'));
+        return { expression: null, diagnostics };
+    }
+    const time = parseTime(weekly.times[0]);
+    const days = normalizeWeekdays(weekly.daysOfWeek).join(',');
+    return makeExpression(`${time.minute} ${time.hour} * * ${days}`, dialect, false, diagnostics);
+}
+function compileMonthlySchedule(config, dialect) {
+    const monthly = config.recurrence?.monthly;
+    const diagnostics = validateTimes(monthly?.times, 'recurrence.monthly.times');
+    if (!monthly || diagnostics.length > 0) {
+        return { expression: null, diagnostics };
+    }
+    const time = parseTime(monthly.times[0]);
+    if (monthly.mode === 'dayOfMonth') {
+        if (!monthly.dayOfMonth || monthly.dayOfMonth < 1 || monthly.dayOfMonth > 31) {
+            diagnostics.push(createDiagnostic('error', 'schedule.monthly.day.range', 'recurrence.monthly.dayOfMonth', 'Monthly day must be between 1 and 31.'));
+            return { expression: null, diagnostics };
+        }
+        return makeExpression(`${time.minute} ${time.hour} ${monthly.dayOfMonth} * *`, dialect, false, diagnostics);
+    }
+    if (monthly.mode === 'nthWeekday') {
+        if (!monthly.nth || monthly.weekday == null) {
+            diagnostics.push(createDiagnostic('error', 'schedule.monthly.nth.required', 'recurrence.monthly', 'Nth weekday schedules require nth and weekday.'));
+            return { expression: null, diagnostics };
+        }
+        return makeExpression(`${time.minute} ${time.hour} ? * ${monthly.weekday}#${monthly.nth}`, dialect, false, diagnostics);
+    }
+    diagnostics.push(createDiagnostic('warning', 'schedule.monthly.mode.notPortable', 'recurrence.monthly.mode', 'This monthly mode needs a dialect-specific compiler before it can produce CRON.'));
+    return { expression: null, diagnostics };
+}
+function makeExpression(cron, dialect, seconds, diagnostics) {
+    if (dialect === 'quartz') {
+        return {
+            expression: {
+                cron: seconds ? cron : `0 ${cron}`,
+                dialect,
+                seconds: true,
+            },
+            diagnostics,
+        };
+    }
+    return {
+        expression: {
+            cron,
+            dialect,
+            seconds,
+        },
+        diagnostics,
+    };
+}
+function validateTimes(times, field) {
+    if (!times?.length) {
+        return [createDiagnostic('error', 'schedule.time.required', field, 'At least one time is required.')];
+    }
+    if (times.length > 1) {
+        return [createDiagnostic('warning', 'schedule.time.multiple.unsupported', field, 'Only the first time is compiled in this initial scheduler runtime.')];
+    }
+    const time = parseTime(times[0]);
+    if (time.hour < 0 || time.hour > 23 || time.minute < 0 || time.minute > 59) {
+        return [createDiagnostic('error', 'schedule.time.invalid', field, 'Time must use HH:mm with a 24-hour clock.')];
+    }
+    return [];
+}
+function parseTime(value) {
+    if (!/^\d{2}:\d{2}$/.test(value)) {
+        return { hour: Number.NaN, minute: Number.NaN };
+    }
+    const [hour, minute] = value.split(':').map((part) => Number(part));
+    return { hour, minute };
+}
+function normalizeWeekdays(days) {
+    return Array.from(new Set(days)).sort((a, b) => a - b);
+}
+function formatLocalDateTime(date, timezone, locale) {
+    return new Intl.DateTimeFormat(locale, {
+        timeZone: timezone,
+        dateStyle: 'full',
+        timeStyle: 'long',
+    }).format(date);
+}
+function mergeDiagnostics(diagnostics) {
+    const seen = new Set();
+    return diagnostics.filter((diagnostic) => {
+        const key = `${diagnostic.severity}:${diagnostic.code}:${diagnostic.field ?? ''}:${diagnostic.message}`;
+        if (seen.has(key)) {
+            return false;
+        }
+        seen.add(key);
+        return true;
+    });
+}
+function createDiagnostic(severity, code, field, message) {
+    return {
+        severity,
+        code,
+        field,
+        message,
+    };
+}
+
 class PdxCronBuilderComponent {
     // Tipos auxiliares para Typed Forms
     fb = inject(NonNullableFormBuilder);
@@ -462,6 +907,9 @@ class PdxCronBuilderComponent {
     destroy$ = new Subject();
     humanized = '';
     preview = [];
+    structuredPreview = [];
+    scheduleConfig = null;
+    scheduleDiagnostics = [];
     error = null;
     // Opções expostas ao template para controle de fluxo moderno
     weekdayLabels = ['Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sáb'];
@@ -522,7 +970,7 @@ class PdxCronBuilderComponent {
             .subscribe((tz) => {
             this.metadata.timezone = tz || 'UTC';
             if (typeof this.value === 'string') {
-                this.generatePreview(this.value);
+                this.refreshScheduleState(this.value);
             }
         });
     }
@@ -569,9 +1017,7 @@ class PdxCronBuilderComponent {
         if (emitEvent) {
             this.onChange(cron);
         }
-        this.validate(cron);
-        this.humanize(cron);
-        this.generatePreview(cron);
+        this.refreshScheduleState(cron);
     }
     copyCron() {
         if (typeof this.value === 'string') {
@@ -595,27 +1041,22 @@ class PdxCronBuilderComponent {
             this.syncSimpleForm(cron);
         }
     }
-    validate(cron) {
-        this.error = isValidCronExpression(cron)
-            ? null
-            : this.metadata.validators?.invalidCronMessage || 'Invalid CRON expression';
-    }
-    humanize(cron) {
-        if (this.error) {
-            this.humanized = '';
-            return;
-        }
-        this.humanized = humanizeCronExpression(cron, this.metadata.locale || 'en-US');
-    }
-    generatePreview(cron) {
-        if (this.error || !this.metadata.previewOccurrences) {
-            this.preview = [];
-            return;
-        }
-        this.preview = getNextCronOccurrences(cron, this.metadata.previewOccurrences ?? 5, {
-            currentDate: this.metadata.previewFrom ?? new Date(),
-            timeZone: this.metadata.timezone,
+    refreshScheduleState(cron) {
+        const preview = createSchedulePreview(cron, {
+            occurrences: this.metadata.previewOccurrences ?? 5,
+            from: this.metadata.previewFrom?.toISOString(),
+            timezone: this.metadata.timezone || this.timezoneControl.value || 'UTC',
+            locale: this.metadata.locale || 'en-US',
         });
+        this.scheduleConfig = preview.config;
+        this.scheduleDiagnostics = preview.diagnostics;
+        this.structuredPreview = preview.occurrences;
+        this.humanized = preview.humanized;
+        this.preview = preview.occurrences.map((occurrence) => new Date(occurrence.instant));
+        const error = preview.diagnostics.find((diagnostic) => diagnostic.severity === 'error');
+        this.error = error
+            ? this.metadata.validators?.invalidCronMessage || error.message || 'Invalid CRON expression'
+            : null;
     }
     parseCronString(cron) {
         const parts = cron.trim().split(/\s+/);
@@ -747,7 +1188,7 @@ class PdxCronBuilderComponent {
                 useExisting: forwardRef(() => PdxCronBuilderComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "<div class=\"cron-builder-container\" (focusout)=\"onTouched()\">\n  @if (metadata.mode === 'both') {\n    <mat-tab-group\n      [selectedIndex]=\"selectedTabIndex\"\n      (selectedTabChange)=\"onTabChange($event)\"\n    >\n      <mat-tab label=\"Simple\"></mat-tab>\n      <mat-tab label=\"Advanced\"></mat-tab>\n    </mat-tab-group>\n  }\n\n  @if (value) {\n    <div class=\"cron-expression\">\n    <mat-form-field appearance=\"outline\" class=\"cron-expression-field\">\n      <mat-label>CRON Expression</mat-label>\n      <input matInput [value]=\"value\" readonly />\n      <button\n        mat-icon-button\n        matSuffix\n        (click)=\"copyCron()\"\n        [matTooltip]=\"'Copy to clipboard'\"\n        aria-label=\"Copy CRON expression\"\n      >\n        <mat-icon [praxisIcon]=\"'content_copy'\"></mat-icon>\n      </button>\n    </mat-form-field>\n    <button mat-button (click)=\"importCron()\">Import CRON</button>\n    </div>\n  }\n\n  @switch (activeTab) {\n    @case ('simple') {\n      <div [formGroup]=\"simpleForm\" class=\"simple-mode\">\n      <mat-form-field appearance=\"outline\" class=\"preset-select\">\n        <mat-label>Preset</mat-label>\n        <mat-select formControlName=\"type\">\n          <mat-option value=\"everyNMinutes\">A cada X min</mat-option>\n          <mat-option value=\"dailyAt\">Diariamente \u00E0s</mat-option>\n          <mat-option value=\"weekly\">Semanal (dias marcados) \u00E0s</mat-option>\n          <mat-option value=\"monthlyDay\">Mensal (dia N) \u00E0s</mat-option>\n          <mat-option value=\"monthlyNthWeekday\">\n            Mensal (N-\u00E9sima 2\u00AA-feira) \u00E0s\n          </mat-option>\n        </mat-select>\n      </mat-form-field>\n\n        @switch (simpleControls.type.value) {\n          @case ('everyNMinutes') {\n            <div class=\"preset-body\">\n          <mat-slider\n            formControlName=\"everyN\"\n            min=\"1\"\n            max=\"60\"\n            step=\"1\"\n            thumbLabel\n          ></mat-slider>\n          <div class=\"cron-hint\">\n                A cada {{ simpleControls.everyN.value }} minutos\n          </div>\n            </div>\n          }\n\n          @case ('dailyAt') {\n            <div class=\"preset-body\">\n          <mat-form-field appearance=\"outline\">\n            <mat-label>Hora</mat-label>\n            <input matInput type=\"time\" formControlName=\"dailyTime\" />\n          </mat-form-field>\n          <div class=\"cron-hint\">\n                Diariamente \u00E0s {{ simpleControls.dailyTime.value }}\n          </div>\n            </div>\n          }\n\n          @case ('weekly') {\n            <div class=\"preset-body\">\n          <mat-chip-listbox formControlName=\"weeklyDays\" multiple>\n              @for (day of weeklyDayOptions; track day) {\n                <mat-chip-option [value]=\"day\">\n                  {{ weekdayLabels[day] }}\n                </mat-chip-option>\n              }\n          </mat-chip-listbox>\n          <mat-form-field appearance=\"outline\">\n            <mat-label>Hora</mat-label>\n            <input matInput type=\"time\" formControlName=\"weeklyTime\" />\n          </mat-form-field>\n          <div class=\"cron-hint\">\n                Semanalmente \u00E0s {{ simpleControls.weeklyTime.value }}\n          </div>\n            </div>\n          }\n\n          @case ('monthlyDay') {\n            <div class=\"preset-body\">\n          <mat-form-field appearance=\"outline\">\n            <mat-label>Dia</mat-label>\n            <input\n              matInput\n              type=\"number\"\n              formControlName=\"monthlyDay\"\n              min=\"1\"\n              max=\"31\"\n            />\n          </mat-form-field>\n          <mat-form-field appearance=\"outline\">\n            <mat-label>Hora</mat-label>\n            <input matInput type=\"time\" formControlName=\"monthlyTime\" />\n          </mat-form-field>\n          <div class=\"cron-hint\">\n                Dia {{ simpleControls.monthlyDay.value }} \u00E0s\n                {{ simpleControls.monthlyTime.value }}\n          </div>\n            </div>\n          }\n\n          @case ('monthlyNthWeekday') {\n            <div class=\"preset-body\">\n          <mat-form-field appearance=\"outline\">\n            <mat-label>N-\u00E9sima</mat-label>\n            <mat-select formControlName=\"nth\">\n                @for (nth of nthOrderOptions; track nth) {\n                  <mat-option [value]=\"nth\">{{ nth }}\u00AA</mat-option>\n                }\n            </mat-select>\n          </mat-form-field>\n          <mat-chip-listbox formControlName=\"nthDay\">\n              @for (day of nthDayOptions; track day) {\n                <mat-chip-option [value]=\"day\">\n                  {{ weekdayLabels[day] }}\n                </mat-chip-option>\n              }\n          </mat-chip-listbox>\n          <mat-form-field appearance=\"outline\">\n            <mat-label>Hora</mat-label>\n            <input matInput type=\"time\" formControlName=\"nthTime\" />\n          </mat-form-field>\n          <div class=\"cron-hint\">\n                {{ simpleControls.nth.value }}\u00AA\n                {{ weekdayLabels[simpleControls.nthDay.value] }}\n                \u00E0s\n                {{ simpleControls.nthTime.value }}\n          </div>\n            </div>\n          }\n        }\n      </div>\n    }\n\n    @case ('advanced') {\n      <div [formGroup]=\"form\">\n        <div class=\"cron-fields\">\n          @if (metadata.fields?.minutes) {\n            <mat-form-field>\n              <mat-label>Minutes</mat-label>\n              <input matInput formControlName=\"minutes\" />\n            </mat-form-field>\n          }\n          @if (metadata.fields?.hours) {\n            <mat-form-field>\n              <mat-label>Hours</mat-label>\n              <input matInput formControlName=\"hours\" />\n            </mat-form-field>\n          }\n          @if (metadata.fields?.dom) {\n            <mat-form-field>\n              <mat-label>Day of Month</mat-label>\n              <input matInput formControlName=\"dayOfMonth\" />\n            </mat-form-field>\n          }\n          @if (metadata.fields?.month) {\n            <mat-form-field>\n              <mat-label>Month</mat-label>\n              <input matInput formControlName=\"month\" />\n            </mat-form-field>\n          }\n          @if (metadata.fields?.dow) {\n            <mat-form-field>\n              <mat-label>Day of Week</mat-label>\n              <input matInput formControlName=\"dayOfWeek\" />\n            </mat-form-field>\n          }\n          @if (metadata.fields?.seconds) {\n            <mat-form-field>\n              <mat-label>Seconds</mat-label>\n              <input matInput formControlName=\"seconds\" />\n            </mat-form-field>\n          }\n        </div>\n      </div>\n    }\n  }\n\n  <div class=\"cron-feedback\">\n    <mat-form-field appearance=\"outline\" class=\"timezone-field\">\n      <mat-label>Timezone</mat-label>\n      <mat-select [formControl]=\"timezoneControl\">\n        @for (tz of timezoneOptions; track tz) {\n          <mat-option [value]=\"tz\">\n            {{ tz }}\n          </mat-option>\n        }\n      </mat-select>\n    </mat-form-field>\n\n    @if (humanized) {\n      <div class=\"humanized-description\" aria-live=\"polite\">\n        {{ humanized }}\n      <button\n        mat-icon-button\n        class=\"copy-humanized\"\n        (click)=\"copyHumanized()\"\n        [matTooltip]=\"'Copy description'\"\n        aria-label=\"Copy description\"\n      >\n        <mat-icon [praxisIcon]=\"'content_copy'\"></mat-icon>\n        </button>\n      </div>\n    }\n\n    @if (error) {\n      <div class=\"cron-error\">{{ error }}</div>\n    }\n\n    @if (preview.length > 0) {\n      <div class=\"preview-section\">\n        <h4>Next Occurrences:</h4>\n        <mat-list>\n          @for (date of preview; track $index) {\n            <mat-list-item>\n              {{\n                date\n                  | date\n                    : \"full\"\n                    : timezoneControl.value\n                    : metadata.locale || \"pt-BR\"\n              }}\n            </mat-list-item>\n          }\n        </mat-list>\n      </div>\n    }\n  </div>\n\n  @if (metadata.hint) {\n    <div class=\"cron-hint\">{{ metadata.hint }}</div>\n  }\n</div>\n", styles: [":host{display:block}.cron-expression-field{width:100%}.cron-expression{margin-bottom:1rem}.simple-mode{display:flex;flex-direction:column;gap:1rem}.preset-body{display:flex;flex-direction:column;gap:.5rem}.cron-feedback{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.humanized-description{display:flex;align-items:center;gap:.5rem}.timezone-field{width:250px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i2.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i3.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i5.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i5.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i9.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i10.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i10.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "ngmodule", type: MatSnackBarModule }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "pipe", type: i11.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], ngImport: i0, template: "<div class=\"cron-builder-container\" (focusout)=\"onTouched()\">\n  @if (metadata.mode === 'both') {\n    <mat-tab-group\n      [selectedIndex]=\"selectedTabIndex\"\n      (selectedTabChange)=\"onTabChange($event)\"\n    >\n      <mat-tab label=\"Simple\"></mat-tab>\n      <mat-tab label=\"Advanced\"></mat-tab>\n    </mat-tab-group>\n  }\n\n  @if (value) {\n    <div class=\"cron-expression\">\n    <mat-form-field appearance=\"outline\" class=\"cron-expression-field\">\n      <mat-label>CRON Expression</mat-label>\n      <input matInput [value]=\"value\" readonly />\n      <button\n        mat-icon-button\n        matSuffix\n        (click)=\"copyCron()\"\n        [matTooltip]=\"'Copy to clipboard'\"\n        aria-label=\"Copy CRON expression\"\n      >\n        <mat-icon [praxisIcon]=\"'content_copy'\"></mat-icon>\n      </button>\n    </mat-form-field>\n    <button mat-button (click)=\"importCron()\">Import CRON</button>\n    </div>\n  }\n\n  @switch (activeTab) {\n    @case ('simple') {\n      <div [formGroup]=\"simpleForm\" class=\"simple-mode\">\n      <mat-form-field appearance=\"outline\" class=\"preset-select\">\n        <mat-label>Preset</mat-label>\n        <mat-select formControlName=\"type\">\n          <mat-option value=\"everyNMinutes\">A cada X min</mat-option>\n          <mat-option value=\"dailyAt\">Diariamente \u00E0s</mat-option>\n          <mat-option value=\"weekly\">Semanal (dias marcados) \u00E0s</mat-option>\n          <mat-option value=\"monthlyDay\">Mensal (dia N) \u00E0s</mat-option>\n          <mat-option value=\"monthlyNthWeekday\">\n            Mensal (N-\u00E9sima 2\u00AA-feira) \u00E0s\n          </mat-option>\n        </mat-select>\n      </mat-form-field>\n\n        @switch (simpleControls.type.value) {\n          @case ('everyNMinutes') {\n            <div class=\"preset-body\">\n          <mat-slider\n            min=\"1\"\n            max=\"60\"\n            step=\"1\"\n            thumbLabel\n          >\n            <input matSliderThumb formControlName=\"everyN\" />\n          </mat-slider>\n          <div class=\"cron-hint\">\n                A cada {{ simpleControls.everyN.value }} minutos\n          </div>\n            </div>\n          }\n\n          @case ('dailyAt') {\n            <div class=\"preset-body\">\n          <mat-form-field appearance=\"outline\">\n            <mat-label>Hora</mat-label>\n            <input matInput type=\"time\" formControlName=\"dailyTime\" />\n          </mat-form-field>\n          <div class=\"cron-hint\">\n                Diariamente \u00E0s {{ simpleControls.dailyTime.value }}\n          </div>\n            </div>\n          }\n\n          @case ('weekly') {\n            <div class=\"preset-body\">\n          <mat-chip-listbox formControlName=\"weeklyDays\" multiple>\n              @for (day of weeklyDayOptions; track day) {\n                <mat-chip-option [value]=\"day\">\n                  {{ weekdayLabels[day] }}\n                </mat-chip-option>\n              }\n          </mat-chip-listbox>\n          <mat-form-field appearance=\"outline\">\n            <mat-label>Hora</mat-label>\n            <input matInput type=\"time\" formControlName=\"weeklyTime\" />\n          </mat-form-field>\n          <div class=\"cron-hint\">\n                Semanalmente \u00E0s {{ simpleControls.weeklyTime.value }}\n          </div>\n            </div>\n          }\n\n          @case ('monthlyDay') {\n            <div class=\"preset-body\">\n          <mat-form-field appearance=\"outline\">\n            <mat-label>Dia</mat-label>\n            <input\n              matInput\n              type=\"number\"\n              formControlName=\"monthlyDay\"\n              min=\"1\"\n              max=\"31\"\n            />\n          </mat-form-field>\n          <mat-form-field appearance=\"outline\">\n            <mat-label>Hora</mat-label>\n            <input matInput type=\"time\" formControlName=\"monthlyTime\" />\n          </mat-form-field>\n          <div class=\"cron-hint\">\n                Dia {{ simpleControls.monthlyDay.value }} \u00E0s\n                {{ simpleControls.monthlyTime.value }}\n          </div>\n            </div>\n          }\n\n          @case ('monthlyNthWeekday') {\n            <div class=\"preset-body\">\n          <mat-form-field appearance=\"outline\">\n            <mat-label>N-\u00E9sima</mat-label>\n            <mat-select formControlName=\"nth\">\n                @for (nth of nthOrderOptions; track nth) {\n                  <mat-option [value]=\"nth\">{{ nth }}\u00AA</mat-option>\n                }\n            </mat-select>\n          </mat-form-field>\n          <mat-chip-listbox formControlName=\"nthDay\">\n              @for (day of nthDayOptions; track day) {\n                <mat-chip-option [value]=\"day\">\n                  {{ weekdayLabels[day] }}\n                </mat-chip-option>\n              }\n          </mat-chip-listbox>\n          <mat-form-field appearance=\"outline\">\n            <mat-label>Hora</mat-label>\n            <input matInput type=\"time\" formControlName=\"nthTime\" />\n          </mat-form-field>\n          <div class=\"cron-hint\">\n                {{ simpleControls.nth.value }}\u00AA\n                {{ weekdayLabels[simpleControls.nthDay.value] }}\n                \u00E0s\n                {{ simpleControls.nthTime.value }}\n          </div>\n            </div>\n          }\n        }\n      </div>\n    }\n\n    @case ('advanced') {\n      <div [formGroup]=\"form\">\n        <div class=\"cron-fields\">\n          @if (metadata.fields?.minutes) {\n            <mat-form-field>\n              <mat-label>Minutes</mat-label>\n              <input matInput formControlName=\"minutes\" />\n            </mat-form-field>\n          }\n          @if (metadata.fields?.hours) {\n            <mat-form-field>\n              <mat-label>Hours</mat-label>\n              <input matInput formControlName=\"hours\" />\n            </mat-form-field>\n          }\n          @if (metadata.fields?.dom) {\n            <mat-form-field>\n              <mat-label>Day of Month</mat-label>\n              <input matInput formControlName=\"dayOfMonth\" />\n            </mat-form-field>\n          }\n          @if (metadata.fields?.month) {\n            <mat-form-field>\n              <mat-label>Month</mat-label>\n              <input matInput formControlName=\"month\" />\n            </mat-form-field>\n          }\n          @if (metadata.fields?.dow) {\n            <mat-form-field>\n              <mat-label>Day of Week</mat-label>\n              <input matInput formControlName=\"dayOfWeek\" />\n            </mat-form-field>\n          }\n          @if (metadata.fields?.seconds) {\n            <mat-form-field>\n              <mat-label>Seconds</mat-label>\n              <input matInput formControlName=\"seconds\" />\n            </mat-form-field>\n          }\n        </div>\n      </div>\n    }\n  }\n\n  <div class=\"cron-feedback\">\n    <mat-form-field appearance=\"outline\" class=\"timezone-field\">\n      <mat-label>Timezone</mat-label>\n      <mat-select [formControl]=\"timezoneControl\">\n        @for (tz of timezoneOptions; track tz) {\n          <mat-option [value]=\"tz\">\n            {{ tz }}\n          </mat-option>\n        }\n      </mat-select>\n    </mat-form-field>\n\n    @if (humanized) {\n      <div class=\"humanized-description\" aria-live=\"polite\">\n        {{ humanized }}\n      <button\n        mat-icon-button\n        class=\"copy-humanized\"\n        (click)=\"copyHumanized()\"\n        [matTooltip]=\"'Copy description'\"\n        aria-label=\"Copy description\"\n      >\n        <mat-icon [praxisIcon]=\"'content_copy'\"></mat-icon>\n        </button>\n      </div>\n    }\n\n    @if (error) {\n      <div class=\"cron-error\">{{ error }}</div>\n    }\n\n    @if (preview.length > 0) {\n      <div class=\"preview-section\">\n        <h4>Next Occurrences:</h4>\n        <mat-list>\n          @for (date of preview; track $index) {\n            <mat-list-item>\n              {{\n                date\n                  | date\n                    : \"full\"\n                    : timezoneControl.value\n                    : metadata.locale || \"pt-BR\"\n              }}\n            </mat-list-item>\n          }\n        </mat-list>\n      </div>\n    }\n  </div>\n\n  @if (metadata.hint) {\n    <div class=\"cron-hint\">{{ metadata.hint }}</div>\n  }\n</div>\n", styles: [":host{display:block}.cron-expression-field{width:100%}.cron-expression{margin-bottom:1rem}.simple-mode{display:flex;flex-direction:column;gap:1rem}.preset-body{display:flex;flex-direction:column;gap:.5rem}.cron-feedback{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.humanized-description{display:flex;align-items:center;gap:.5rem}.timezone-field{width:250px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i2.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i2.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i3.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i5.MatList, selector: "mat-list", exportAs: ["matList"] }, { kind: "component", type: i5.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i9.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i9.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i10.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i10.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "ngmodule", type: MatSnackBarModule }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "pipe", type: i11.DatePipe, name: "date" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PdxCronBuilderComponent, decorators: [{
             type: Component,
@@ -773,7 +1214,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
                             useExisting: forwardRef(() => PdxCronBuilderComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"cron-builder-container\" (focusout)=\"onTouched()\">\n  @if (metadata.mode === 'both') {\n    <mat-tab-group\n      [selectedIndex]=\"selectedTabIndex\"\n      (selectedTabChange)=\"onTabChange($event)\"\n    >\n      <mat-tab label=\"Simple\"></mat-tab>\n      <mat-tab label=\"Advanced\"></mat-tab>\n    </mat-tab-group>\n  }\n\n  @if (value) {\n    <div class=\"cron-expression\">\n    <mat-form-field appearance=\"outline\" class=\"cron-expression-field\">\n      <mat-label>CRON Expression</mat-label>\n      <input matInput [value]=\"value\" readonly />\n      <button\n        mat-icon-button\n        matSuffix\n        (click)=\"copyCron()\"\n        [matTooltip]=\"'Copy to clipboard'\"\n        aria-label=\"Copy CRON expression\"\n      >\n        <mat-icon [praxisIcon]=\"'content_copy'\"></mat-icon>\n      </button>\n    </mat-form-field>\n    <button mat-button (click)=\"importCron()\">Import CRON</button>\n    </div>\n  }\n\n  @switch (activeTab) {\n    @case ('simple') {\n      <div [formGroup]=\"simpleForm\" class=\"simple-mode\">\n      <mat-form-field appearance=\"outline\" class=\"preset-select\">\n        <mat-label>Preset</mat-label>\n        <mat-select formControlName=\"type\">\n          <mat-option value=\"everyNMinutes\">A cada X min</mat-option>\n          <mat-option value=\"dailyAt\">Diariamente \u00E0s</mat-option>\n          <mat-option value=\"weekly\">Semanal (dias marcados) \u00E0s</mat-option>\n          <mat-option value=\"monthlyDay\">Mensal (dia N) \u00E0s</mat-option>\n          <mat-option value=\"monthlyNthWeekday\">\n            Mensal (N-\u00E9sima 2\u00AA-feira) \u00E0s\n          </mat-option>\n        </mat-select>\n      </mat-form-field>\n\n        @switch (simpleControls.type.value) {\n          @case ('everyNMinutes') {\n            <div class=\"preset-body\">\n          <mat-slider\n            formControlName=\"everyN\"\n            min=\"1\"\n            max=\"60\"\n            step=\"1\"\n            thumbLabel\n          ></mat-slider>\n          <div class=\"cron-hint\">\n                A cada {{ simpleControls.everyN.value }} minutos\n          </div>\n            </div>\n          }\n\n          @case ('dailyAt') {\n            <div class=\"preset-body\">\n          <mat-form-field appearance=\"outline\">\n            <mat-label>Hora</mat-label>\n            <input matInput type=\"time\" formControlName=\"dailyTime\" />\n          </mat-form-field>\n          <div class=\"cron-hint\">\n                Diariamente \u00E0s {{ simpleControls.dailyTime.value }}\n          </div>\n            </div>\n          }\n\n          @case ('weekly') {\n            <div class=\"preset-body\">\n          <mat-chip-listbox formControlName=\"weeklyDays\" multiple>\n              @for (day of weeklyDayOptions; track day) {\n                <mat-chip-option [value]=\"day\">\n                  {{ weekdayLabels[day] }}\n                </mat-chip-option>\n              }\n          </mat-chip-listbox>\n          <mat-form-field appearance=\"outline\">\n            <mat-label>Hora</mat-label>\n            <input matInput type=\"time\" formControlName=\"weeklyTime\" />\n          </mat-form-field>\n          <div class=\"cron-hint\">\n                Semanalmente \u00E0s {{ simpleControls.weeklyTime.value }}\n          </div>\n            </div>\n          }\n\n          @case ('monthlyDay') {\n            <div class=\"preset-body\">\n          <mat-form-field appearance=\"outline\">\n            <mat-label>Dia</mat-label>\n            <input\n              matInput\n              type=\"number\"\n              formControlName=\"monthlyDay\"\n              min=\"1\"\n              max=\"31\"\n            />\n          </mat-form-field>\n          <mat-form-field appearance=\"outline\">\n            <mat-label>Hora</mat-label>\n            <input matInput type=\"time\" formControlName=\"monthlyTime\" />\n          </mat-form-field>\n          <div class=\"cron-hint\">\n                Dia {{ simpleControls.monthlyDay.value }} \u00E0s\n                {{ simpleControls.monthlyTime.value }}\n          </div>\n            </div>\n          }\n\n          @case ('monthlyNthWeekday') {\n            <div class=\"preset-body\">\n          <mat-form-field appearance=\"outline\">\n            <mat-label>N-\u00E9sima</mat-label>\n            <mat-select formControlName=\"nth\">\n                @for (nth of nthOrderOptions; track nth) {\n                  <mat-option [value]=\"nth\">{{ nth }}\u00AA</mat-option>\n                }\n            </mat-select>\n          </mat-form-field>\n          <mat-chip-listbox formControlName=\"nthDay\">\n              @for (day of nthDayOptions; track day) {\n                <mat-chip-option [value]=\"day\">\n                  {{ weekdayLabels[day] }}\n                </mat-chip-option>\n              }\n          </mat-chip-listbox>\n          <mat-form-field appearance=\"outline\">\n            <mat-label>Hora</mat-label>\n            <input matInput type=\"time\" formControlName=\"nthTime\" />\n          </mat-form-field>\n          <div class=\"cron-hint\">\n                {{ simpleControls.nth.value }}\u00AA\n                {{ weekdayLabels[simpleControls.nthDay.value] }}\n                \u00E0s\n                {{ simpleControls.nthTime.value }}\n          </div>\n            </div>\n          }\n        }\n      </div>\n    }\n\n    @case ('advanced') {\n      <div [formGroup]=\"form\">\n        <div class=\"cron-fields\">\n          @if (metadata.fields?.minutes) {\n            <mat-form-field>\n              <mat-label>Minutes</mat-label>\n              <input matInput formControlName=\"minutes\" />\n            </mat-form-field>\n          }\n          @if (metadata.fields?.hours) {\n            <mat-form-field>\n              <mat-label>Hours</mat-label>\n              <input matInput formControlName=\"hours\" />\n            </mat-form-field>\n          }\n          @if (metadata.fields?.dom) {\n            <mat-form-field>\n              <mat-label>Day of Month</mat-label>\n              <input matInput formControlName=\"dayOfMonth\" />\n            </mat-form-field>\n          }\n          @if (metadata.fields?.month) {\n            <mat-form-field>\n              <mat-label>Month</mat-label>\n              <input matInput formControlName=\"month\" />\n            </mat-form-field>\n          }\n          @if (metadata.fields?.dow) {\n            <mat-form-field>\n              <mat-label>Day of Week</mat-label>\n              <input matInput formControlName=\"dayOfWeek\" />\n            </mat-form-field>\n          }\n          @if (metadata.fields?.seconds) {\n            <mat-form-field>\n              <mat-label>Seconds</mat-label>\n              <input matInput formControlName=\"seconds\" />\n            </mat-form-field>\n          }\n        </div>\n      </div>\n    }\n  }\n\n  <div class=\"cron-feedback\">\n    <mat-form-field appearance=\"outline\" class=\"timezone-field\">\n      <mat-label>Timezone</mat-label>\n      <mat-select [formControl]=\"timezoneControl\">\n        @for (tz of timezoneOptions; track tz) {\n          <mat-option [value]=\"tz\">\n            {{ tz }}\n          </mat-option>\n        }\n      </mat-select>\n    </mat-form-field>\n\n    @if (humanized) {\n      <div class=\"humanized-description\" aria-live=\"polite\">\n        {{ humanized }}\n      <button\n        mat-icon-button\n        class=\"copy-humanized\"\n        (click)=\"copyHumanized()\"\n        [matTooltip]=\"'Copy description'\"\n        aria-label=\"Copy description\"\n      >\n        <mat-icon [praxisIcon]=\"'content_copy'\"></mat-icon>\n        </button>\n      </div>\n    }\n\n    @if (error) {\n      <div class=\"cron-error\">{{ error }}</div>\n    }\n\n    @if (preview.length > 0) {\n      <div class=\"preview-section\">\n        <h4>Next Occurrences:</h4>\n        <mat-list>\n          @for (date of preview; track $index) {\n            <mat-list-item>\n              {{\n                date\n                  | date\n                    : \"full\"\n                    : timezoneControl.value\n                    : metadata.locale || \"pt-BR\"\n              }}\n            </mat-list-item>\n          }\n        </mat-list>\n      </div>\n    }\n  </div>\n\n  @if (metadata.hint) {\n    <div class=\"cron-hint\">{{ metadata.hint }}</div>\n  }\n</div>\n", styles: [":host{display:block}.cron-expression-field{width:100%}.cron-expression{margin-bottom:1rem}.simple-mode{display:flex;flex-direction:column;gap:1rem}.preset-body{display:flex;flex-direction:column;gap:.5rem}.cron-feedback{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.humanized-description{display:flex;align-items:center;gap:.5rem}.timezone-field{width:250px}\n"] }]
+                    ], template: "<div class=\"cron-builder-container\" (focusout)=\"onTouched()\">\n  @if (metadata.mode === 'both') {\n    <mat-tab-group\n      [selectedIndex]=\"selectedTabIndex\"\n      (selectedTabChange)=\"onTabChange($event)\"\n    >\n      <mat-tab label=\"Simple\"></mat-tab>\n      <mat-tab label=\"Advanced\"></mat-tab>\n    </mat-tab-group>\n  }\n\n  @if (value) {\n    <div class=\"cron-expression\">\n    <mat-form-field appearance=\"outline\" class=\"cron-expression-field\">\n      <mat-label>CRON Expression</mat-label>\n      <input matInput [value]=\"value\" readonly />\n      <button\n        mat-icon-button\n        matSuffix\n        (click)=\"copyCron()\"\n        [matTooltip]=\"'Copy to clipboard'\"\n        aria-label=\"Copy CRON expression\"\n      >\n        <mat-icon [praxisIcon]=\"'content_copy'\"></mat-icon>\n      </button>\n    </mat-form-field>\n    <button mat-button (click)=\"importCron()\">Import CRON</button>\n    </div>\n  }\n\n  @switch (activeTab) {\n    @case ('simple') {\n      <div [formGroup]=\"simpleForm\" class=\"simple-mode\">\n      <mat-form-field appearance=\"outline\" class=\"preset-select\">\n        <mat-label>Preset</mat-label>\n        <mat-select formControlName=\"type\">\n          <mat-option value=\"everyNMinutes\">A cada X min</mat-option>\n          <mat-option value=\"dailyAt\">Diariamente \u00E0s</mat-option>\n          <mat-option value=\"weekly\">Semanal (dias marcados) \u00E0s</mat-option>\n          <mat-option value=\"monthlyDay\">Mensal (dia N) \u00E0s</mat-option>\n          <mat-option value=\"monthlyNthWeekday\">\n            Mensal (N-\u00E9sima 2\u00AA-feira) \u00E0s\n          </mat-option>\n        </mat-select>\n      </mat-form-field>\n\n        @switch (simpleControls.type.value) {\n          @case ('everyNMinutes') {\n            <div class=\"preset-body\">\n          <mat-slider\n            min=\"1\"\n            max=\"60\"\n            step=\"1\"\n            thumbLabel\n          >\n            <input matSliderThumb formControlName=\"everyN\" />\n          </mat-slider>\n          <div class=\"cron-hint\">\n                A cada {{ simpleControls.everyN.value }} minutos\n          </div>\n            </div>\n          }\n\n          @case ('dailyAt') {\n            <div class=\"preset-body\">\n          <mat-form-field appearance=\"outline\">\n            <mat-label>Hora</mat-label>\n            <input matInput type=\"time\" formControlName=\"dailyTime\" />\n          </mat-form-field>\n          <div class=\"cron-hint\">\n                Diariamente \u00E0s {{ simpleControls.dailyTime.value }}\n          </div>\n            </div>\n          }\n\n          @case ('weekly') {\n            <div class=\"preset-body\">\n          <mat-chip-listbox formControlName=\"weeklyDays\" multiple>\n              @for (day of weeklyDayOptions; track day) {\n                <mat-chip-option [value]=\"day\">\n                  {{ weekdayLabels[day] }}\n                </mat-chip-option>\n              }\n          </mat-chip-listbox>\n          <mat-form-field appearance=\"outline\">\n            <mat-label>Hora</mat-label>\n            <input matInput type=\"time\" formControlName=\"weeklyTime\" />\n          </mat-form-field>\n          <div class=\"cron-hint\">\n                Semanalmente \u00E0s {{ simpleControls.weeklyTime.value }}\n          </div>\n            </div>\n          }\n\n          @case ('monthlyDay') {\n            <div class=\"preset-body\">\n          <mat-form-field appearance=\"outline\">\n            <mat-label>Dia</mat-label>\n            <input\n              matInput\n              type=\"number\"\n              formControlName=\"monthlyDay\"\n              min=\"1\"\n              max=\"31\"\n            />\n          </mat-form-field>\n          <mat-form-field appearance=\"outline\">\n            <mat-label>Hora</mat-label>\n            <input matInput type=\"time\" formControlName=\"monthlyTime\" />\n          </mat-form-field>\n          <div class=\"cron-hint\">\n                Dia {{ simpleControls.monthlyDay.value }} \u00E0s\n                {{ simpleControls.monthlyTime.value }}\n          </div>\n            </div>\n          }\n\n          @case ('monthlyNthWeekday') {\n            <div class=\"preset-body\">\n          <mat-form-field appearance=\"outline\">\n            <mat-label>N-\u00E9sima</mat-label>\n            <mat-select formControlName=\"nth\">\n                @for (nth of nthOrderOptions; track nth) {\n                  <mat-option [value]=\"nth\">{{ nth }}\u00AA</mat-option>\n                }\n            </mat-select>\n          </mat-form-field>\n          <mat-chip-listbox formControlName=\"nthDay\">\n              @for (day of nthDayOptions; track day) {\n                <mat-chip-option [value]=\"day\">\n                  {{ weekdayLabels[day] }}\n                </mat-chip-option>\n              }\n          </mat-chip-listbox>\n          <mat-form-field appearance=\"outline\">\n            <mat-label>Hora</mat-label>\n            <input matInput type=\"time\" formControlName=\"nthTime\" />\n          </mat-form-field>\n          <div class=\"cron-hint\">\n                {{ simpleControls.nth.value }}\u00AA\n                {{ weekdayLabels[simpleControls.nthDay.value] }}\n                \u00E0s\n                {{ simpleControls.nthTime.value }}\n          </div>\n            </div>\n          }\n        }\n      </div>\n    }\n\n    @case ('advanced') {\n      <div [formGroup]=\"form\">\n        <div class=\"cron-fields\">\n          @if (metadata.fields?.minutes) {\n            <mat-form-field>\n              <mat-label>Minutes</mat-label>\n              <input matInput formControlName=\"minutes\" />\n            </mat-form-field>\n          }\n          @if (metadata.fields?.hours) {\n            <mat-form-field>\n              <mat-label>Hours</mat-label>\n              <input matInput formControlName=\"hours\" />\n            </mat-form-field>\n          }\n          @if (metadata.fields?.dom) {\n            <mat-form-field>\n              <mat-label>Day of Month</mat-label>\n              <input matInput formControlName=\"dayOfMonth\" />\n            </mat-form-field>\n          }\n          @if (metadata.fields?.month) {\n            <mat-form-field>\n              <mat-label>Month</mat-label>\n              <input matInput formControlName=\"month\" />\n            </mat-form-field>\n          }\n          @if (metadata.fields?.dow) {\n            <mat-form-field>\n              <mat-label>Day of Week</mat-label>\n              <input matInput formControlName=\"dayOfWeek\" />\n            </mat-form-field>\n          }\n          @if (metadata.fields?.seconds) {\n            <mat-form-field>\n              <mat-label>Seconds</mat-label>\n              <input matInput formControlName=\"seconds\" />\n            </mat-form-field>\n          }\n        </div>\n      </div>\n    }\n  }\n\n  <div class=\"cron-feedback\">\n    <mat-form-field appearance=\"outline\" class=\"timezone-field\">\n      <mat-label>Timezone</mat-label>\n      <mat-select [formControl]=\"timezoneControl\">\n        @for (tz of timezoneOptions; track tz) {\n          <mat-option [value]=\"tz\">\n            {{ tz }}\n          </mat-option>\n        }\n      </mat-select>\n    </mat-form-field>\n\n    @if (humanized) {\n      <div class=\"humanized-description\" aria-live=\"polite\">\n        {{ humanized }}\n      <button\n        mat-icon-button\n        class=\"copy-humanized\"\n        (click)=\"copyHumanized()\"\n        [matTooltip]=\"'Copy description'\"\n        aria-label=\"Copy description\"\n      >\n        <mat-icon [praxisIcon]=\"'content_copy'\"></mat-icon>\n        </button>\n      </div>\n    }\n\n    @if (error) {\n      <div class=\"cron-error\">{{ error }}</div>\n    }\n\n    @if (preview.length > 0) {\n      <div class=\"preview-section\">\n        <h4>Next Occurrences:</h4>\n        <mat-list>\n          @for (date of preview; track $index) {\n            <mat-list-item>\n              {{\n                date\n                  | date\n                    : \"full\"\n                    : timezoneControl.value\n                    : metadata.locale || \"pt-BR\"\n              }}\n            </mat-list-item>\n          }\n        </mat-list>\n      </div>\n    }\n  </div>\n\n  @if (metadata.hint) {\n    <div class=\"cron-hint\">{{ metadata.hint }}</div>\n  }\n</div>\n", styles: [":host{display:block}.cron-expression-field{width:100%}.cron-expression{margin-bottom:1rem}.simple-mode{display:flex;flex-direction:column;gap:1rem}.preset-body{display:flex;flex-direction:column;gap:.5rem}.cron-feedback{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.humanized-description{display:flex;align-items:center;gap:.5rem}.timezone-field{width:250px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { metadata: [{
                 type: Input
             }] } });
@@ -806,6 +1247,12 @@ const PDX_CRON_BUILDER_DOC_META_LEGACY = {
  */
 const ENUMS = {
     mode: ['simple', 'advanced', 'both'],
+    scheduleKind: ['once', 'interval', 'daily', 'weekly', 'monthly', 'customCron'],
+    cronDialect: ['unix', 'quartz', 'aws-eventbridge', 'kubernetes', 'github-actions', 'gcp-scheduler'],
+    intervalUnit: ['minutes', 'hours', 'days', 'weeks'],
+    monthlyMode: ['dayOfMonth', 'nthWeekday', 'lastDay', 'lastWeekday'],
+    misfirePolicy: ['skip', 'run-late', 'run-once'],
+    concurrencyPolicy: ['allow', 'forbid', 'replace'],
     validationTrigger: ['change', 'blur'],
     errorPosition: ['tooltip', 'inline'],
 };
@@ -816,6 +1263,8 @@ const CRON_BUILDER_AI_CAPABILITIES = {
     notes: [
         'presets[] should be merged by cron or label to avoid replacing all entries.',
         'metadata.previewFrom expects an ISO date string when provided.',
+        'schedule is the canonical scheduler authoring state; value remains the current CRON string compatibility surface.',
+        'Prefer schedule.kind and schedule.recurrence for business intent; use schedule.expression.cron only for custom CRON edits.',
     ],
     capabilities: [
         { path: 'label', category: 'meta', valueKind: 'string', description: 'Field label (if exposed by host).' },
@@ -848,6 +1297,42 @@ const CRON_BUILDER_AI_CAPABILITIES = {
         { path: 'metadata.errorPosition', category: 'ui', valueKind: 'enum', allowedValues: ENUMS.errorPosition, description: 'Error display position.' },
         { path: 'metadata.showInlineErrors', category: 'ui', valueKind: 'boolean', description: 'Show inline errors.' },
         { path: 'metadata.hint', category: 'ui', valueKind: 'string', description: 'Hint text.' },
+        { path: 'schedule', category: 'schedule', valueKind: 'object', description: 'Canonical scheduler authoring config.' },
+        { path: 'schedule.kind', category: 'schedule', valueKind: 'enum', allowedValues: ENUMS.scheduleKind, description: 'Business schedule intent.' },
+        { path: 'schedule.timezone', category: 'i18n', valueKind: 'string', description: 'IANA timezone used by the schedule.' },
+        { path: 'schedule.locale', category: 'i18n', valueKind: 'string', description: 'Locale used by humanized text and preview.' },
+        { path: 'schedule.expression', category: 'dialects', valueKind: 'object', description: 'Technical CRON representation.' },
+        { path: 'schedule.expression.cron', category: 'dialects', valueKind: 'string', description: 'CRON expression for custom or compiled schedules.' },
+        { path: 'schedule.expression.dialect', category: 'dialects', valueKind: 'enum', allowedValues: ENUMS.cronDialect, description: 'CRON dialect family.' },
+        { path: 'schedule.expression.seconds', category: 'dialects', valueKind: 'boolean', description: 'Whether the CRON representation includes seconds.' },
+        { path: 'schedule.recurrence', category: 'recurrence', valueKind: 'object', description: 'Structured recurrence intent.' },
+        { path: 'schedule.recurrence.once.runAt', category: 'recurrence', valueKind: 'string', description: 'ISO date-time for one-time schedules.' },
+        { path: 'schedule.recurrence.interval.every', category: 'recurrence', valueKind: 'number', description: 'Interval amount.' },
+        { path: 'schedule.recurrence.interval.unit', category: 'recurrence', valueKind: 'enum', allowedValues: ENUMS.intervalUnit, description: 'Interval unit.' },
+        { path: 'schedule.recurrence.daily.times', category: 'recurrence', valueKind: 'array', description: 'Daily run times in HH:mm format.' },
+        { path: 'schedule.recurrence.daily.onlyWeekdays', category: 'recurrence', valueKind: 'boolean', description: 'Limit daily schedule to Monday through Friday.' },
+        { path: 'schedule.recurrence.weekly.daysOfWeek', category: 'recurrence', valueKind: 'array', description: 'Weekdays as numbers where 0 is Sunday.' },
+        { path: 'schedule.recurrence.weekly.times', category: 'recurrence', valueKind: 'array', description: 'Weekly run times in HH:mm format.' },
+        { path: 'schedule.recurrence.monthly.mode', category: 'recurrence', valueKind: 'enum', allowedValues: ENUMS.monthlyMode, description: 'Monthly recurrence strategy.' },
+        { path: 'schedule.recurrence.monthly.dayOfMonth', category: 'recurrence', valueKind: 'number', description: 'Day of month for monthly schedules.' },
+        { path: 'schedule.recurrence.monthly.nth', category: 'recurrence', valueKind: 'number', description: 'Nth weekday occurrence in the month.' },
+        { path: 'schedule.recurrence.monthly.weekday', category: 'recurrence', valueKind: 'number', description: 'Weekday for nth weekday monthly schedules.' },
+        { path: 'schedule.recurrence.monthly.times', category: 'recurrence', valueKind: 'array', description: 'Monthly run times in HH:mm format.' },
+        { path: 'schedule.window.startAt', category: 'policy', valueKind: 'string', description: 'ISO start date-time for schedule validity.' },
+        { path: 'schedule.window.endAt', category: 'policy', valueKind: 'string', description: 'ISO end date-time for schedule validity.' },
+        { path: 'schedule.executionPolicy.enabled', category: 'policy', valueKind: 'boolean', description: 'Whether the schedule is active.' },
+        { path: 'schedule.executionPolicy.misfirePolicy', category: 'policy', valueKind: 'enum', allowedValues: ENUMS.misfirePolicy, description: 'Policy for missed scheduled runs.' },
+        { path: 'schedule.executionPolicy.concurrencyPolicy', category: 'policy', valueKind: 'enum', allowedValues: ENUMS.concurrencyPolicy, description: 'Policy for overlapping runs.' },
+        { path: 'schedule.executionPolicy.flexibleWindowMinutes', category: 'policy', valueKind: 'number', description: 'Flexible delivery window in minutes.' },
+        { path: 'schedule.executionPolicy.jitterMinutes', category: 'policy', valueKind: 'number', description: 'Randomized delay window in minutes.' },
+        { path: 'schedule.preview.occurrences', category: 'preview', valueKind: 'number', description: 'Number of occurrences to preview.' },
+        { path: 'schedule.preview.from', category: 'preview', valueKind: 'string', description: 'ISO date-time used as preview start.' },
+        { path: 'schedule.governance.name', category: 'governance', valueKind: 'string', description: 'Schedule name.' },
+        { path: 'schedule.governance.description', category: 'governance', valueKind: 'string', description: 'Schedule description.' },
+        { path: 'schedule.governance.owner', category: 'governance', valueKind: 'string', description: 'Schedule owner.' },
+        { path: 'schedule.governance.tags', category: 'governance', valueKind: 'array', description: 'Governance tags.' },
+        { path: 'diagnostics', category: 'validation', valueKind: 'array', description: 'Read-only structured schedule diagnostics.' },
+        { path: 'preview', category: 'preview', valueKind: 'array', description: 'Read-only structured preview occurrences.' },
     ],
 };
 
@@ -859,4 +1344,4 @@ const CRON_BUILDER_AI_CAPABILITIES = {
  * Generated bundle index. Do not edit.
  */
 
-export { CRON_BUILDER_AI_CAPABILITIES, PDX_CRON_BUILDER_DOC_META_LEGACY, PdxCronBuilderComponent };
+export { CRON_BUILDER_AI_CAPABILITIES, CRON_DIALECTS, PDX_CRON_BUILDER_DOC_META_LEGACY, PdxCronBuilderComponent, SCHEDULE_AUTHORING_CONFIG_VERSION, compileScheduleExpression, createSchedulePreview, getCronDialectDefinition, inferCronDialect, normalizeScheduleValue, validateScheduleAuthoringConfig };

package/index.d.ts

@@ -4,6 +4,149 @@ import { ControlValueAccessor, FormGroup, FormControl } from '@angular/forms';
 import { MatTabChangeEvent } from '@angular/material/tabs';
 import { AiCapabilityCategory, AiValueKind, AiCapability, AiCapabilityCatalog } from '@praxisui/core';
 
+declare const SCHEDULE_AUTHORING_CONFIG_VERSION: "v1";
+type ScheduleAuthoringConfigVersion = typeof SCHEDULE_AUTHORING_CONFIG_VERSION;
+type CronDialect = 'unix' | 'quartz' | 'aws-eventbridge' | 'kubernetes' | 'github-actions' | 'gcp-scheduler';
+type ScheduleKind = 'once' | 'interval' | 'daily' | 'weekly' | 'monthly' | 'customCron';
+type ScheduleTimeUnit = 'minutes' | 'hours' | 'days' | 'weeks';
+type ScheduleWeekday = 0 | 1 | 2 | 3 | 4 | 5 | 6;
+type ScheduleSeverity = 'error' | 'warning' | 'info';
+interface CronDialectDefinition {
+    dialect: CronDialect;
+    label: string;
+    fieldCount: {
+        min: number;
+        max: number;
+    };
+    supportsSeconds: boolean;
+    supportsYear: boolean;
+    supportsNamedMonths: boolean;
+    supportsNamedWeekdays: boolean;
+    supportsQuestionMark: boolean;
+    supportsLast: boolean;
+    supportsNearestWeekday: boolean;
+    supportsNthWeekday: boolean;
+    timezoneMode: 'external-field' | 'host-local' | 'fixed-utc' | 'expression-prefix-unsupported';
+    dayOfMonthDayOfWeekRule: 'either-or-question-mark' | 'unix-or' | 'host-specific';
+    examples: readonly string[];
+}
+interface ScheduleDiagnostic {
+    severity: ScheduleSeverity;
+    code: string;
+    field?: string;
+    message: string;
+    suggestion?: string;
+}
+interface ScheduleCronExpression {
+    cron: string;
+    dialect: CronDialect;
+    seconds?: boolean;
+}
+interface OnceSchedule {
+    runAt: string;
+}
+interface IntervalSchedule {
+    every: number;
+    unit: ScheduleTimeUnit;
+}
+interface DailySchedule {
+    times: string[];
+    onlyWeekdays?: boolean;
+}
+interface WeeklySchedule {
+    daysOfWeek: ScheduleWeekday[];
+    times: string[];
+}
+interface MonthlySchedule {
+    mode: 'dayOfMonth' | 'nthWeekday' | 'lastDay' | 'lastWeekday';
+    dayOfMonth?: number;
+    nth?: 1 | 2 | 3 | 4 | 5;
+    weekday?: ScheduleWeekday;
+    times: string[];
+}
+interface ScheduleRecurrence {
+    once?: OnceSchedule;
+    interval?: IntervalSchedule;
+    daily?: DailySchedule;
+    weekly?: WeeklySchedule;
+    monthly?: MonthlySchedule;
+}
+interface ScheduleWindow {
+    startAt?: string;
+    endAt?: string;
+}
+interface ScheduleExecutionPolicy {
+    enabled?: boolean;
+    misfirePolicy?: 'skip' | 'run-late' | 'run-once';
+    concurrencyPolicy?: 'allow' | 'forbid' | 'replace';
+    flexibleWindowMinutes?: number;
+    jitterMinutes?: number;
+}
+interface SchedulePreviewConfig {
+    occurrences?: number;
+    from?: string;
+}
+interface ScheduleGovernance {
+    name?: string;
+    description?: string;
+    owner?: string;
+    tags?: string[];
+}
+interface ScheduleAuthoringConfig {
+    version: ScheduleAuthoringConfigVersion;
+    kind: ScheduleKind;
+    timezone: string;
+    locale?: string;
+    expression?: ScheduleCronExpression;
+    recurrence?: ScheduleRecurrence;
+    window?: ScheduleWindow;
+    executionPolicy?: ScheduleExecutionPolicy;
+    preview?: SchedulePreviewConfig;
+    governance?: ScheduleGovernance;
+}
+declare const CRON_DIALECTS: Record<CronDialect, CronDialectDefinition>;
+declare function getCronDialectDefinition(dialect: CronDialect): CronDialectDefinition;
+
+interface ScheduleNormalizeOptions {
+    timezone?: string;
+    locale?: string;
+    dialect?: CronDialect;
+    previewOccurrences?: number;
+}
+interface ScheduleNormalizeResult {
+    config: ScheduleAuthoringConfig | null;
+    diagnostics: ScheduleDiagnostic[];
+}
+type ScheduleInput = string | ScheduleAuthoringConfig | null | undefined;
+declare function normalizeScheduleValue(value: ScheduleInput, options?: ScheduleNormalizeOptions): ScheduleNormalizeResult;
+declare function inferCronDialect(expression: string): CronDialect;
+
+interface CompiledScheduleExpression {
+    cron: string;
+    dialect: CronDialect;
+    seconds: boolean;
+}
+interface SchedulePreviewOccurrence {
+    instant: string;
+    localDateTime: string;
+    timezone: string;
+}
+interface SchedulePreviewResult {
+    config: ScheduleAuthoringConfig | null;
+    expression: CompiledScheduleExpression | null;
+    humanized: string;
+    occurrences: SchedulePreviewOccurrence[];
+    diagnostics: ScheduleDiagnostic[];
+}
+interface CreateSchedulePreviewOptions extends SchedulePreviewConfig, Pick<ScheduleNormalizeOptions, 'timezone' | 'locale' | 'dialect'> {
+}
+declare function compileScheduleExpression(config: ScheduleAuthoringConfig): {
+    expression: CompiledScheduleExpression | null;
+    diagnostics: ScheduleDiagnostic[];
+};
+declare function validateScheduleAuthoringConfig(config: ScheduleAuthoringConfig): ScheduleDiagnostic[];
+declare function createSchedulePreview(value: string | ScheduleAuthoringConfig | null | undefined, preview?: CreateSchedulePreviewOptions): SchedulePreviewResult;
+
 interface Recurrence {
 }
 interface CronBuilderMetadata {
@@ -70,6 +213,9 @@ declare class PdxCronBuilderComponent implements ControlValueAccessor, OnInit, O
     private readonly destroy$;
     humanized: string;
     preview: Date[];
+    structuredPreview: SchedulePreviewOccurrence[];
+    scheduleConfig: ScheduleAuthoringConfig | null;
+    scheduleDiagnostics: ScheduleDiagnostic[];
     error: string | null;
     readonly weekdayLabels: readonly ["Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sáb"];
     readonly weeklyDayOptions: readonly [0, 1, 2, 3, 4, 5, 6];
@@ -91,9 +237,7 @@ declare class PdxCronBuilderComponent implements ControlValueAccessor, OnInit, O
     copyCron(): void;
     copyHumanized(): void;
     importCron(): void;
-    private validate;
-    private humanize;
-    private generatePreview;
+    private refreshScheduleState;
     private parseCronString;
     private syncSimpleForm;
     private buildCronFromSimple;
@@ -116,9 +260,14 @@ declare const PDX_CRON_BUILDER_DOC_META_LEGACY: any;
 declare module '@praxisui/core' {
     interface AiCapabilityCategoryMap {
         meta: true;
+        schedule: true;
+        recurrence: true;
+        dialects: true;
         fields: true;
         presets: true;
+        policy: true;
         preview: true;
+        governance: true;
         i18n: true;
         ui: true;
     }
@@ -133,5 +282,5 @@ interface CapabilityCatalog extends AiCapabilityCatalog {
 }
 declare const CRON_BUILDER_AI_CAPABILITIES: CapabilityCatalog;
 
-export { CRON_BUILDER_AI_CAPABILITIES, PDX_CRON_BUILDER_DOC_META_LEGACY, PdxCronBuilderComponent };
-export type { AdvancedCronFormValue, Capability, CapabilityCatalog, CapabilityCategory, CronBuilderMetadata, CronPresetType, Recurrence, SimpleCronFormValue, ValueKind };
+export { CRON_BUILDER_AI_CAPABILITIES, CRON_DIALECTS, PDX_CRON_BUILDER_DOC_META_LEGACY, PdxCronBuilderComponent, SCHEDULE_AUTHORING_CONFIG_VERSION, compileScheduleExpression, createSchedulePreview, getCronDialectDefinition, inferCronDialect, normalizeScheduleValue, validateScheduleAuthoringConfig };
+export type { AdvancedCronFormValue, Capability, CapabilityCatalog, CapabilityCategory, CompiledScheduleExpression, CreateSchedulePreviewOptions, CronBuilderMetadata, CronDialect, CronDialectDefinition, CronPresetType, DailySchedule, IntervalSchedule, MonthlySchedule, OnceSchedule, Recurrence, ScheduleAuthoringConfig, ScheduleAuthoringConfigVersion, ScheduleCronExpression, ScheduleDiagnostic, ScheduleExecutionPolicy, ScheduleGovernance, ScheduleInput, ScheduleKind, ScheduleNormalizeOptions, ScheduleNormalizeResult, SchedulePreviewConfig, SchedulePreviewOccurrence, SchedulePreviewResult, ScheduleRecurrence, ScheduleSeverity, ScheduleTimeUnit, ScheduleWeekday, ScheduleWindow, SimpleCronFormValue, ValueKind, WeeklySchedule };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@praxisui/cron-builder",
-  "version": "7.0.0-beta.0",
+  "version": "8.0.0-beta.1",
   "description": "Cron expression builder utilities and components for Praxis UI.",
   "peerDependencies": {
     "@angular/common": "^20.1.0",
@@ -8,7 +8,7 @@
     "@angular/forms": "^20.1.0",
     "@angular/cdk": "^20.1.0",
     "@angular/material": "^20.1.0",
-    "@praxisui/core": "^7.0.0-beta.0"
+    "@praxisui/core": "^8.0.0-beta.1"
   },
   "dependencies": {
     "tslib": "^2.3.0",