@ngstarter-ui/components 21.0.24 → 21.0.25
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/ai/component-registry.json +13 -4
- package/fesm2022/ngstarter-ui-components-avatar.mjs +3 -3
- package/fesm2022/ngstarter-ui-components-avatar.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-badge.mjs +1 -2
- package/fesm2022/ngstarter-ui-components-badge.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-breadcrumbs.mjs +0 -2
- package/fesm2022/ngstarter-ui-components-breadcrumbs.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-button-toggle.mjs +1 -1
- package/fesm2022/ngstarter-ui-components-button-toggle.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-button.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-button.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-calendar.mjs +1 -1
- package/fesm2022/ngstarter-ui-components-calendar.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-card-overlay.mjs +0 -1
- package/fesm2022/ngstarter-ui-components-card-overlay.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-card.mjs +7 -12
- package/fesm2022/ngstarter-ui-components-card.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-carousel.mjs +0 -3
- package/fesm2022/ngstarter-ui-components-carousel.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-chips.mjs +13 -16
- package/fesm2022/ngstarter-ui-components-chips.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-code-highlighter.mjs +4 -1
- package/fesm2022/ngstarter-ui-components-code-highlighter.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-command-bar.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-command-bar.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-comment-editor.mjs +4 -16
- package/fesm2022/ngstarter-ui-components-comment-editor.mjs.map +1 -1
- package/fesm2022/{ngstarter-ui-components-content-editor-code-block.component-Czb0bvcr.mjs → ngstarter-ui-components-content-editor-code-block.component-CKrOhA7h.mjs} +2 -2
- package/fesm2022/{ngstarter-ui-components-content-editor-code-block.component-Czb0bvcr.mjs.map → ngstarter-ui-components-content-editor-code-block.component-CKrOhA7h.mjs.map} +1 -1
- package/fesm2022/{ngstarter-ui-components-content-editor-embed-block-c8Pq0Jdq.mjs → ngstarter-ui-components-content-editor-embed-block-zSApBzF3.mjs} +2 -2
- package/fesm2022/{ngstarter-ui-components-content-editor-embed-block-c8Pq0Jdq.mjs.map → ngstarter-ui-components-content-editor-embed-block-zSApBzF3.mjs.map} +1 -1
- package/fesm2022/{ngstarter-ui-components-content-editor-heading-block.component-CT5g3MLZ.mjs → ngstarter-ui-components-content-editor-heading-block.component-Dv8d0nCy.mjs} +2 -2
- package/fesm2022/{ngstarter-ui-components-content-editor-heading-block.component-CT5g3MLZ.mjs.map → ngstarter-ui-components-content-editor-heading-block.component-Dv8d0nCy.mjs.map} +1 -1
- package/fesm2022/{ngstarter-ui-components-content-editor-image-block.component-Cp_Yo7zI.mjs → ngstarter-ui-components-content-editor-image-block.component-g-H7a5Z_.mjs} +2 -2
- package/fesm2022/{ngstarter-ui-components-content-editor-image-block.component-Cp_Yo7zI.mjs.map → ngstarter-ui-components-content-editor-image-block.component-g-H7a5Z_.mjs.map} +1 -1
- package/fesm2022/{ngstarter-ui-components-content-editor-list-block.component-BvineUWy.mjs → ngstarter-ui-components-content-editor-list-block.component-PgqisgxY.mjs} +2 -2
- package/fesm2022/{ngstarter-ui-components-content-editor-list-block.component-BvineUWy.mjs.map → ngstarter-ui-components-content-editor-list-block.component-PgqisgxY.mjs.map} +1 -1
- package/fesm2022/{ngstarter-ui-components-content-editor-ngstarter-ui-components-content-editor-4_TqxgpH.mjs → ngstarter-ui-components-content-editor-ngstarter-ui-components-content-editor-BuMm25ea.mjs} +12 -13
- package/fesm2022/ngstarter-ui-components-content-editor-ngstarter-ui-components-content-editor-BuMm25ea.mjs.map +1 -0
- package/fesm2022/{ngstarter-ui-components-content-editor-paragraph-block.component-sH44U1I8.mjs → ngstarter-ui-components-content-editor-paragraph-block.component-DS_6CzuA.mjs} +2 -2
- package/fesm2022/{ngstarter-ui-components-content-editor-paragraph-block.component-sH44U1I8.mjs.map → ngstarter-ui-components-content-editor-paragraph-block.component-DS_6CzuA.mjs.map} +1 -1
- package/fesm2022/{ngstarter-ui-components-content-editor-quote-block.component-CA3KoZ-u.mjs → ngstarter-ui-components-content-editor-quote-block.component-Df92Nqvp.mjs} +2 -2
- package/fesm2022/{ngstarter-ui-components-content-editor-quote-block.component-CA3KoZ-u.mjs.map → ngstarter-ui-components-content-editor-quote-block.component-Df92Nqvp.mjs.map} +1 -1
- package/fesm2022/{ngstarter-ui-components-content-editor-table-block.component-GTZiYUjU.mjs → ngstarter-ui-components-content-editor-table-block.component-D4rdPkGz.mjs} +2 -2
- package/fesm2022/{ngstarter-ui-components-content-editor-table-block.component-GTZiYUjU.mjs.map → ngstarter-ui-components-content-editor-table-block.component-D4rdPkGz.mjs.map} +1 -1
- package/fesm2022/{ngstarter-ui-components-content-editor-video-block.component-CzMZ1s6C.mjs → ngstarter-ui-components-content-editor-video-block.component-DqS9Lhp_.mjs} +2 -2
- package/fesm2022/{ngstarter-ui-components-content-editor-video-block.component-CzMZ1s6C.mjs.map → ngstarter-ui-components-content-editor-video-block.component-DqS9Lhp_.mjs.map} +1 -1
- package/fesm2022/ngstarter-ui-components-content-editor.mjs +1 -1
- package/fesm2022/ngstarter-ui-components-core.mjs +0 -9
- package/fesm2022/ngstarter-ui-components-core.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-country-select.mjs +11 -11
- package/fesm2022/ngstarter-ui-components-country-select.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-data-view.mjs +0 -3
- package/fesm2022/ngstarter-ui-components-data-view.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-datepicker.mjs +21 -17
- package/fesm2022/ngstarter-ui-components-datepicker.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-dialog.mjs +0 -1
- package/fesm2022/ngstarter-ui-components-dialog.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-empty-state.mjs +6 -6
- package/fesm2022/ngstarter-ui-components-empty-state.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-expansion.mjs +6 -6
- package/fesm2022/ngstarter-ui-components-expansion.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-filter-builder.mjs +0 -3
- package/fesm2022/ngstarter-ui-components-filter-builder.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-form-field.mjs +4 -4
- package/fesm2022/ngstarter-ui-components-form-field.mjs.map +1 -1
- package/fesm2022/{ngstarter-ui-components-form-renderer-autocomplete-many-field-BLhfO1zC.mjs → ngstarter-ui-components-form-renderer-autocomplete-many-field-CGQ3pJaG.mjs} +2 -2
- package/fesm2022/{ngstarter-ui-components-form-renderer-autocomplete-many-field-BLhfO1zC.mjs.map → ngstarter-ui-components-form-renderer-autocomplete-many-field-CGQ3pJaG.mjs.map} +1 -1
- package/fesm2022/{ngstarter-ui-components-form-renderer-datepicker-field-DRSVe0gK.mjs → ngstarter-ui-components-form-renderer-datepicker-field-Cf3jfPv7.mjs} +2 -2
- package/fesm2022/{ngstarter-ui-components-form-renderer-datepicker-field-DRSVe0gK.mjs.map → ngstarter-ui-components-form-renderer-datepicker-field-Cf3jfPv7.mjs.map} +1 -1
- package/fesm2022/{ngstarter-ui-components-form-renderer-input-field-DpGLKZjz.mjs → ngstarter-ui-components-form-renderer-input-field-tZHU8-_L.mjs} +2 -2
- package/fesm2022/{ngstarter-ui-components-form-renderer-input-field-DpGLKZjz.mjs.map → ngstarter-ui-components-form-renderer-input-field-tZHU8-_L.mjs.map} +1 -1
- package/fesm2022/{ngstarter-ui-components-form-renderer-radio-group-field-DUCSU3iT.mjs → ngstarter-ui-components-form-renderer-radio-group-field-lc1V-NeL.mjs} +2 -2
- package/fesm2022/{ngstarter-ui-components-form-renderer-radio-group-field-DUCSU3iT.mjs.map → ngstarter-ui-components-form-renderer-radio-group-field-lc1V-NeL.mjs.map} +1 -1
- package/fesm2022/{ngstarter-ui-components-form-renderer-select-field-CCbpYyZo.mjs → ngstarter-ui-components-form-renderer-select-field-DyBidcIU.mjs} +2 -2
- package/fesm2022/{ngstarter-ui-components-form-renderer-select-field-CCbpYyZo.mjs.map → ngstarter-ui-components-form-renderer-select-field-DyBidcIU.mjs.map} +1 -1
- package/fesm2022/{ngstarter-ui-components-form-renderer-textarea-field-D89GlMDO.mjs → ngstarter-ui-components-form-renderer-textarea-field-DxbPsw3z.mjs} +2 -2
- package/fesm2022/{ngstarter-ui-components-form-renderer-textarea-field-D89GlMDO.mjs.map → ngstarter-ui-components-form-renderer-textarea-field-DxbPsw3z.mjs.map} +1 -1
- package/fesm2022/{ngstarter-ui-components-form-renderer-timezone-field-C9wz7zPg.mjs → ngstarter-ui-components-form-renderer-timezone-field-DAWrM-jS.mjs} +2 -2
- package/fesm2022/{ngstarter-ui-components-form-renderer-timezone-field-C9wz7zPg.mjs.map → ngstarter-ui-components-form-renderer-timezone-field-DAWrM-jS.mjs.map} +1 -1
- package/fesm2022/ngstarter-ui-components-form-renderer.mjs +9 -9
- package/fesm2022/ngstarter-ui-components-form-renderer.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-guided-tour.mjs +4 -5
- package/fesm2022/ngstarter-ui-components-guided-tour.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-headless-stepper.mjs +2 -2
- package/fesm2022/ngstarter-ui-components-headless-stepper.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-icon.mjs +1 -1
- package/fesm2022/ngstarter-ui-components-icon.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-image-designer.mjs +1 -1
- package/fesm2022/ngstarter-ui-components-image-designer.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-marquee.mjs +78 -8
- package/fesm2022/ngstarter-ui-components-marquee.mjs.map +1 -1
- package/fesm2022/ngstarter-ui-components-notifications.mjs +4 -5
- package/fesm2022/ngstarter-ui-components-notifications.mjs.map +1 -1
- package/package.json +1 -1
- package/types/ngstarter-ui-components-card.d.ts +1 -1
- package/types/ngstarter-ui-components-chips.d.ts +2 -2
- package/types/ngstarter-ui-components-datepicker.d.ts +6 -6
- package/types/ngstarter-ui-components-expansion.d.ts +2 -2
- package/types/ngstarter-ui-components-form-field.d.ts +2 -2
- package/types/ngstarter-ui-components-guided-tour.d.ts +1 -1
- package/types/ngstarter-ui-components-marquee.d.ts +19 -11
- package/fesm2022/ngstarter-ui-components-content-editor-ngstarter-ui-components-content-editor-4_TqxgpH.mjs.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngstarter-ui-components-form-renderer-input-field-
|
|
1
|
+
{"version":3,"file":"ngstarter-ui-components-form-renderer-input-field-tZHU8-_L.mjs","sources":["../../../projects/components/form-renderer/src/fields/input-field/input-field.ts","../../../projects/components/form-renderer/src/fields/input-field/input-field.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { ComponentConfig } from '../../models/form-config.model';\nimport { Error, FormField, Hint, Label } from '@ngstarter-ui/components/form-field';\nimport { Input } from '@ngstarter-ui/components/input';\n\n@Component({\n selector: 'ngs-input-field',\n imports: [\n ReactiveFormsModule,\n Error,\n Hint,\n Label,\n Input,\n FormField\n ],\n templateUrl: './input-field.html',\n styleUrl: './input-field.scss',\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class InputField {\n control = input.required<FormControl>();\n config = input.required<ComponentConfig>();\n\n getErrorMessage(): string {\n const errors = this.control().errors;\n if (!errors) return '';\n const errorKey = Object.keys(errors)[0];\n const validator = this.config().validators?.find((v: any) => v.type === errorKey);\n return validator?.message || 'Invalid value';\n }\n}\n","@if(control() && config()) {\n <ngs-form-field>\n <ngs-label>{{ config().label }}</ngs-label>\n <input ngsInput\n [type]=\"config().inputType || 'text'\"\n [formControl]=\"control()\"\n [placeholder]=\"config().placeholder || ''\"\n [readonly]=\"config().readonly\">\n @if (config().hint) {\n <ngs-hint>{{ config().hint }}</ngs-hint>\n }\n @if (control().invalid && control().touched) {\n <ngs-error>{{ getErrorMessage() }}</ngs-error>\n }\n </ngs-form-field>\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -21,7 +21,7 @@ class RadioGroupField {
|
|
|
21
21
|
return this.config().payload?.['options'] || [];
|
|
22
22
|
}
|
|
23
23
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: RadioGroupField, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
24
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: RadioGroupField, isStandalone: true, selector: "ngs-radio-group-field", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, exportAs: ["ngsRadioGroupField"], ngImport: i0, template: "@if (control() && config()) {\n <div class=\"radio-group-container\">\n @if (config().label) {\n <div class=\"radio-group-label\">{{ config().label }}</div>\n }\n <ngs-radio-group\n [formControl]=\"control()\"\n [class.inline]=\"config().inline\">\n @for (option of options; track option.value) {\n <ngs-radio-button [value]=\"option.value\">{{ option.label }}</ngs-radio-button>\n }\n </ngs-radio-group>\n @if (config().hint && (control().valid || control().invalid && !control().touched)) {\n <ngs-hint>{{ config().hint }}</ngs-hint>\n }\n @if (control().invalid && control().touched) {\n <ngs-error>{{ getErrorMessage() }}</ngs-error>\n }\n </div>\n}\n", styles: [":host{display:block;margin-bottom:calc(var(--spacing, .25rem) * 6)}:host .radio-group-label{display:block;color:var(--ngs-form-field-outlined-label-text-color);font-size:calc(var(--ngs-form-field-outlined-label-text-size) * .75)}:host ngs-radio-group{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1)}:host ngs-radio-group.inline{flex-direction:row;flex-wrap:wrap;align-items:center;gap:calc(var(--spacing, .25rem) * 4)}:host ngs-hint{display:block;font-size:var(--ngs-form-field-subscript-text-size, var(--ngs-font-size-xs))}:host ngs-error{display:block;font-size:var(--ngs-form-field-subscript-text-size, var(--ngs-font-size-xs));letter-spacing:var(--ngs-form-field-subscript-text-tracking, normal);font-weight:var(--ngs-form-field-subscript-text-weight, 400)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: RadioButton, selector: "ngs-radio-button", inputs: ["id", "value", "name", "checked", "disabled"], outputs: ["checkedChange", "change"] }, { kind: "component", type: RadioGroup, selector: "ngs-radio-group", inputs: ["disabled", "name", "value"], outputs: ["disabledChange", "valueChange", "change"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: Error, selector: "ngs-error" }, { kind: "component", type: Hint, selector: "ngs-hint", inputs: ["align"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
24
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: RadioGroupField, isStandalone: true, selector: "ngs-radio-group-field", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, exportAs: ["ngsRadioGroupField"], ngImport: i0, template: "@if (control() && config()) {\n <div class=\"radio-group-container\">\n @if (config().label) {\n <div class=\"radio-group-label\">{{ config().label }}</div>\n }\n <ngs-radio-group\n [formControl]=\"control()\"\n [class.inline]=\"config().inline\">\n @for (option of options; track option.value) {\n <ngs-radio-button [value]=\"option.value\">{{ option.label }}</ngs-radio-button>\n }\n </ngs-radio-group>\n @if (config().hint && (control().valid || control().invalid && !control().touched)) {\n <ngs-hint>{{ config().hint }}</ngs-hint>\n }\n @if (control().invalid && control().touched) {\n <ngs-error>{{ getErrorMessage() }}</ngs-error>\n }\n </div>\n}\n", styles: [":host{display:block;margin-bottom:calc(var(--spacing, .25rem) * 6)}:host .radio-group-label{display:block;color:var(--ngs-form-field-outlined-label-text-color);font-size:calc(var(--ngs-form-field-outlined-label-text-size) * .75)}:host ngs-radio-group{display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 1)}:host ngs-radio-group.inline{flex-direction:row;flex-wrap:wrap;align-items:center;gap:calc(var(--spacing, .25rem) * 4)}:host ngs-hint{display:block;font-size:var(--ngs-form-field-subscript-text-size, var(--ngs-font-size-xs))}:host ngs-error{display:block;font-size:var(--ngs-form-field-subscript-text-size, var(--ngs-font-size-xs));letter-spacing:var(--ngs-form-field-subscript-text-tracking, normal);font-weight:var(--ngs-form-field-subscript-text-weight, 400)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: RadioButton, selector: "ngs-radio-button", inputs: ["id", "value", "name", "checked", "disabled"], outputs: ["checkedChange", "change"] }, { kind: "component", type: RadioGroup, selector: "ngs-radio-group", inputs: ["disabled", "name", "value"], outputs: ["disabledChange", "valueChange", "change"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: Error, selector: "ngs-error", exportAs: ["ngsError"] }, { kind: "component", type: Hint, selector: "ngs-hint", inputs: ["align"], exportAs: ["ngsHint"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
25
25
|
}
|
|
26
26
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: RadioGroupField, decorators: [{
|
|
27
27
|
type: Component,
|
|
@@ -35,4 +35,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
35
35
|
}], propDecorators: { control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: true }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }] } });
|
|
36
36
|
|
|
37
37
|
export { RadioGroupField };
|
|
38
|
-
//# sourceMappingURL=ngstarter-ui-components-form-renderer-radio-group-field-
|
|
38
|
+
//# sourceMappingURL=ngstarter-ui-components-form-renderer-radio-group-field-lc1V-NeL.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngstarter-ui-components-form-renderer-radio-group-field-
|
|
1
|
+
{"version":3,"file":"ngstarter-ui-components-form-renderer-radio-group-field-lc1V-NeL.mjs","sources":["../../../projects/components/form-renderer/src/fields/radio-group-field/radio-group-field.ts","../../../projects/components/form-renderer/src/fields/radio-group-field/radio-group-field.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { ComponentConfig } from '../../models/form-config.model';\nimport { RadioButton, RadioGroup } from '@ngstarter-ui/components/radio';\nimport { Error, Hint } from '@ngstarter-ui/components/form-field';\n\n@Component({\n selector: 'ngs-radio-group-field',\n exportAs: 'ngsRadioGroupField',\n imports: [\n RadioButton,\n RadioGroup,\n ReactiveFormsModule,\n Error,\n Hint,\n ],\n templateUrl: './radio-group-field.html',\n styleUrl: './radio-group-field.scss',\n changeDetection: ChangeDetectionStrategy.OnPush\n})\nexport class RadioGroupField {\n control = input.required<FormControl>();\n config = input.required<ComponentConfig>();\n\n getErrorMessage(): string {\n const errors = this.control().errors;\n if (!errors) {\n return '';\n }\n const errorKey = Object.keys(errors)[0];\n const validator = this.config().validators?.find((v: any) => v.type === errorKey);\n return validator?.message || 'Invalid value';\n }\n\n get options() {\n return this.config().payload?.['options'] || [];\n }\n}\n","@if (control() && config()) {\n <div class=\"radio-group-container\">\n @if (config().label) {\n <div class=\"radio-group-label\">{{ config().label }}</div>\n }\n <ngs-radio-group\n [formControl]=\"control()\"\n [class.inline]=\"config().inline\">\n @for (option of options; track option.value) {\n <ngs-radio-button [value]=\"option.value\">{{ option.label }}</ngs-radio-button>\n }\n </ngs-radio-group>\n @if (config().hint && (control().valid || control().invalid && !control().touched)) {\n <ngs-hint>{{ config().hint }}</ngs-hint>\n }\n @if (control().invalid && control().touched) {\n <ngs-error>{{ getErrorMessage() }}</ngs-error>\n }\n </div>\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -20,7 +20,7 @@ class SelectField {
|
|
|
20
20
|
return this.config()?.payload?.['options'] || [];
|
|
21
21
|
}
|
|
22
22
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SelectField, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: SelectField, isStandalone: true, selector: "ngs-select-field", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, exportAs: ["ngsSelectField"], ngImport: i0, template: "@if (control() && config()) {\n <ngs-form-field>\n <ngs-label>{{ config().label }}</ngs-label>\n <ngs-select [formControl]=\"control()\">\n @for (option of options; track option.value) {\n <ngs-option [value]=\"option.value\">{{ option.label }}</ngs-option>\n }\n </ngs-select>\n <ngs-hint>{{ config().hint }}</ngs-hint>\n @if (control().invalid && control().touched) {\n <ngs-error>{{ getErrorMessage() }}</ngs-error>\n }\n </ngs-form-field>\n}\n", styles: [":host{display:block}ngs-form-field{width:100%}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: Error, selector: "ngs-error" }, { kind: "component", type: Hint, selector: "ngs-hint", inputs: ["align"] }, { kind: "component", type: Option, selector: "ngs-option", inputs: ["value", "data", "disabled", "selected"], outputs: ["onSelectionChange"], exportAs: ["ngsOption"] }, { kind: "component", type: Select, selector: "ngs-select", inputs: ["id", "placeholder", "disabled", "required", "multiple", "hideCheckIcon", "clearable", "aria-label", "tabIndex", "aria-describedby", "value"], outputs: ["selectionChange", "opened", "closed", "valueChange"], exportAs: ["ngsSelect"] }, { kind: "component", type: Label, selector: "ngs-label" }, { kind: "component", type: FormField, selector: "ngs-form-field", inputs: ["subscriptHiddenIfEmpty", "sameHeightAsButton"], exportAs: ["ngsFormField"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
23
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: SelectField, isStandalone: true, selector: "ngs-select-field", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, exportAs: ["ngsSelectField"], ngImport: i0, template: "@if (control() && config()) {\n <ngs-form-field>\n <ngs-label>{{ config().label }}</ngs-label>\n <ngs-select [formControl]=\"control()\">\n @for (option of options; track option.value) {\n <ngs-option [value]=\"option.value\">{{ option.label }}</ngs-option>\n }\n </ngs-select>\n <ngs-hint>{{ config().hint }}</ngs-hint>\n @if (control().invalid && control().touched) {\n <ngs-error>{{ getErrorMessage() }}</ngs-error>\n }\n </ngs-form-field>\n}\n", styles: [":host{display:block}ngs-form-field{width:100%}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: Error, selector: "ngs-error", exportAs: ["ngsError"] }, { kind: "component", type: Hint, selector: "ngs-hint", inputs: ["align"], exportAs: ["ngsHint"] }, { kind: "component", type: Option, selector: "ngs-option", inputs: ["value", "data", "disabled", "selected"], outputs: ["onSelectionChange"], exportAs: ["ngsOption"] }, { kind: "component", type: Select, selector: "ngs-select", inputs: ["id", "placeholder", "disabled", "required", "multiple", "hideCheckIcon", "clearable", "aria-label", "tabIndex", "aria-describedby", "value"], outputs: ["selectionChange", "opened", "closed", "valueChange"], exportAs: ["ngsSelect"] }, { kind: "component", type: Label, selector: "ngs-label" }, { kind: "component", type: FormField, selector: "ngs-form-field", inputs: ["subscriptHiddenIfEmpty", "sameHeightAsButton"], exportAs: ["ngsFormField"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
24
24
|
}
|
|
25
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: SelectField, decorators: [{
|
|
26
26
|
type: Component,
|
|
@@ -36,4 +36,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
36
36
|
}], propDecorators: { control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: true }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }] } });
|
|
37
37
|
|
|
38
38
|
export { SelectField };
|
|
39
|
-
//# sourceMappingURL=ngstarter-ui-components-form-renderer-select-field-
|
|
39
|
+
//# sourceMappingURL=ngstarter-ui-components-form-renderer-select-field-DyBidcIU.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngstarter-ui-components-form-renderer-select-field-
|
|
1
|
+
{"version":3,"file":"ngstarter-ui-components-form-renderer-select-field-DyBidcIU.mjs","sources":["../../../projects/components/form-renderer/src/fields/select-field/select-field.ts","../../../projects/components/form-renderer/src/fields/select-field/select-field.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { ComponentConfig } from '../../models/form-config.model';\nimport { Error, FormField, Hint, Label } from '@ngstarter-ui/components/form-field';\nimport { Option, Select } from '@ngstarter-ui/components/select';\n\n@Component({\n selector: 'ngs-select-field',\n exportAs: 'ngsSelectField',\n imports: [\n Error,\n Hint,\n Option,\n Select,\n Label,\n FormField,\n ReactiveFormsModule\n ],\n templateUrl: './select-field.html',\n styleUrl: './select-field.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SelectField {\n control = input.required<FormControl>();\n config = input.required<ComponentConfig>();\n\n getErrorMessage(): string {\n const errors = this.control().errors;\n if (!errors) return '';\n const errorKey = Object.keys(errors)[0];\n const validator = this.config().validators?.find((v: any) => v.type === errorKey);\n return validator?.message || 'Invalid value';\n }\n\n get options() {\n return this.config()?.payload?.['options'] || [];\n }\n}\n","@if (control() && config()) {\n <ngs-form-field>\n <ngs-label>{{ config().label }}</ngs-label>\n <ngs-select [formControl]=\"control()\">\n @for (option of options; track option.value) {\n <ngs-option [value]=\"option.value\">{{ option.label }}</ngs-option>\n }\n </ngs-select>\n <ngs-hint>{{ config().hint }}</ngs-hint>\n @if (control().invalid && control().touched) {\n <ngs-error>{{ getErrorMessage() }}</ngs-error>\n }\n </ngs-form-field>\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -18,7 +18,7 @@ class TextareaField {
|
|
|
18
18
|
return validator?.message || 'Invalid value';
|
|
19
19
|
}
|
|
20
20
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TextareaField, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
21
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: TextareaField, isStandalone: true, selector: "ngs-textarea-field", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, exportAs: ["ngsTextareaField"], ngImport: i0, template: "@if(control() && config()) {\n <ngs-form-field>\n <ngs-label>{{ config().label }}</ngs-label>\n <textarea ngsInput\n [formControl]=\"control()\"\n [placeholder]=\"config().placeholder || ''\"\n [readonly]=\"config().readonly\"\n ngsTextareaAutoSize></textarea>\n <ngs-hint>{{ config().hint }}</ngs-hint>\n @if (control().invalid && control().touched) {\n <ngs-error>{{ getErrorMessage() }}</ngs-error>\n }\n </ngs-form-field>\n}\n", styles: [":host{display:block}ngs-form-field{width:100%}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: Error, selector: "ngs-error" }, { kind: "component", type: Hint, selector: "ngs-hint", inputs: ["align"] }, { kind: "component", type: Label, selector: "ngs-label" }, { kind: "component", type: FormField, selector: "ngs-form-field", inputs: ["subscriptHiddenIfEmpty", "sameHeightAsButton"], exportAs: ["ngsFormField"] }, { kind: "directive", type: Input, selector: "input[ngsInput], textarea[ngsInput]", inputs: ["id", "placeholder", "required", "disabled", "readonly", "errorStateMatcher"], exportAs: ["ngsInput"] }, { 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: TextareaAutoSize, selector: "textarea[ngsTextareaAutoSize]", inputs: ["minRows", "maxRows"], exportAs: ["ngsTextareaAutoSize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
21
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: TextareaField, isStandalone: true, selector: "ngs-textarea-field", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, exportAs: ["ngsTextareaField"], ngImport: i0, template: "@if(control() && config()) {\n <ngs-form-field>\n <ngs-label>{{ config().label }}</ngs-label>\n <textarea ngsInput\n [formControl]=\"control()\"\n [placeholder]=\"config().placeholder || ''\"\n [readonly]=\"config().readonly\"\n ngsTextareaAutoSize></textarea>\n <ngs-hint>{{ config().hint }}</ngs-hint>\n @if (control().invalid && control().touched) {\n <ngs-error>{{ getErrorMessage() }}</ngs-error>\n }\n </ngs-form-field>\n}\n", styles: [":host{display:block}ngs-form-field{width:100%}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: Error, selector: "ngs-error", exportAs: ["ngsError"] }, { kind: "component", type: Hint, selector: "ngs-hint", inputs: ["align"], exportAs: ["ngsHint"] }, { kind: "component", type: Label, selector: "ngs-label" }, { kind: "component", type: FormField, selector: "ngs-form-field", inputs: ["subscriptHiddenIfEmpty", "sameHeightAsButton"], exportAs: ["ngsFormField"] }, { kind: "directive", type: Input, selector: "input[ngsInput], textarea[ngsInput]", inputs: ["id", "placeholder", "required", "disabled", "readonly", "errorStateMatcher"], exportAs: ["ngsInput"] }, { 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: TextareaAutoSize, selector: "textarea[ngsTextareaAutoSize]", inputs: ["minRows", "maxRows"], exportAs: ["ngsTextareaAutoSize"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
22
22
|
}
|
|
23
23
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TextareaField, decorators: [{
|
|
24
24
|
type: Component,
|
|
@@ -34,4 +34,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
34
34
|
}], propDecorators: { control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: true }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }] } });
|
|
35
35
|
|
|
36
36
|
export { TextareaField };
|
|
37
|
-
//# sourceMappingURL=ngstarter-ui-components-form-renderer-textarea-field-
|
|
37
|
+
//# sourceMappingURL=ngstarter-ui-components-form-renderer-textarea-field-DxbPsw3z.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngstarter-ui-components-form-renderer-textarea-field-
|
|
1
|
+
{"version":3,"file":"ngstarter-ui-components-form-renderer-textarea-field-DxbPsw3z.mjs","sources":["../../../projects/components/form-renderer/src/fields/textarea-field/textarea-field.ts","../../../projects/components/form-renderer/src/fields/textarea-field/textarea-field.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input } from '@angular/core';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { ComponentConfig } from '../../models/form-config.model';\nimport { Error, FormField, Hint, Label } from '@ngstarter-ui/components/form-field';\nimport { Input } from '@ngstarter-ui/components/input';\nimport { TextareaAutoSize } from '@ngstarter-ui/components/core';\n\n@Component({\n selector: 'ngs-textarea-field',\n exportAs: 'ngsTextareaField',\n imports: [\n Error,\n Hint,\n Label,\n FormField,\n Input,\n ReactiveFormsModule,\n TextareaAutoSize\n ],\n templateUrl: './textarea-field.html',\n styleUrl: './textarea-field.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TextareaField {\n control = input.required<FormControl>();\n config = input.required<ComponentConfig>();\n\n getErrorMessage(): string {\n const errors = this.control().errors;\n if (!errors) return '';\n const errorKey = Object.keys(errors)[0];\n const validator = this.config().validators?.find((v: any) => v.type === errorKey);\n return validator?.message || 'Invalid value';\n }\n}\n","@if(control() && config()) {\n <ngs-form-field>\n <ngs-label>{{ config().label }}</ngs-label>\n <textarea ngsInput\n [formControl]=\"control()\"\n [placeholder]=\"config().placeholder || ''\"\n [readonly]=\"config().readonly\"\n ngsTextareaAutoSize></textarea>\n <ngs-hint>{{ config().hint }}</ngs-hint>\n @if (control().invalid && control().touched) {\n <ngs-error>{{ getErrorMessage() }}</ngs-error>\n }\n </ngs-form-field>\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -17,7 +17,7 @@ class TimezoneField {
|
|
|
17
17
|
return validator?.message || 'Invalid value';
|
|
18
18
|
}
|
|
19
19
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TimezoneField, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: TimezoneField, isStandalone: true, selector: "ngs-timezone-field", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, exportAs: ["ngsTimezoneField"], ngImport: i0, template: "@if(control() && config()) {\n <ngs-form-field>\n <ngs-label>{{ config().label }}</ngs-label>\n <ngs-timezone-select [formControl]=\"control()\"\n [placeholder]=\"config().placeholder || ''\"/>\n <ngs-hint>{{ config().hint }}</ngs-hint>\n @if (control().invalid && control().touched) {\n <ngs-error>{{ getErrorMessage() }}</ngs-error>\n }\n </ngs-form-field>\n}\n", styles: [":host{display:block}:host ngs-form-field{width:100%}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: Error, selector: "ngs-error" }, { kind: "component", type: FormField, selector: "ngs-form-field", inputs: ["subscriptHiddenIfEmpty", "sameHeightAsButton"], exportAs: ["ngsFormField"] }, { kind: "component", type: Label, selector: "ngs-label" }, { kind: "component", type: TimezoneSelect, selector: "ngs-timezone-select", inputs: ["aria-describedby", "locale", "placeholder", "required", "disabled", "value", "searchTerm"], outputs: ["valueChange", "searchTermChange", "opened", "closed"], exportAs: ["ngsTimezoneSelect"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: Hint, selector: "ngs-hint", inputs: ["align"] }] });
|
|
20
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: TimezoneField, isStandalone: true, selector: "ngs-timezone-field", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: true, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null } }, exportAs: ["ngsTimezoneField"], ngImport: i0, template: "@if(control() && config()) {\n <ngs-form-field>\n <ngs-label>{{ config().label }}</ngs-label>\n <ngs-timezone-select [formControl]=\"control()\"\n [placeholder]=\"config().placeholder || ''\"/>\n <ngs-hint>{{ config().hint }}</ngs-hint>\n @if (control().invalid && control().touched) {\n <ngs-error>{{ getErrorMessage() }}</ngs-error>\n }\n </ngs-form-field>\n}\n", styles: [":host{display:block}:host ngs-form-field{width:100%}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: Error, selector: "ngs-error", exportAs: ["ngsError"] }, { kind: "component", type: FormField, selector: "ngs-form-field", inputs: ["subscriptHiddenIfEmpty", "sameHeightAsButton"], exportAs: ["ngsFormField"] }, { kind: "component", type: Label, selector: "ngs-label" }, { kind: "component", type: TimezoneSelect, selector: "ngs-timezone-select", inputs: ["aria-describedby", "locale", "placeholder", "required", "disabled", "value", "searchTerm"], outputs: ["valueChange", "searchTermChange", "opened", "closed"], exportAs: ["ngsTimezoneSelect"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: Hint, selector: "ngs-hint", inputs: ["align"], exportAs: ["ngsHint"] }] });
|
|
21
21
|
}
|
|
22
22
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TimezoneField, decorators: [{
|
|
23
23
|
type: Component,
|
|
@@ -32,4 +32,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
32
32
|
}], propDecorators: { control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: true }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }] } });
|
|
33
33
|
|
|
34
34
|
export { TimezoneField };
|
|
35
|
-
//# sourceMappingURL=ngstarter-ui-components-form-renderer-timezone-field-
|
|
35
|
+
//# sourceMappingURL=ngstarter-ui-components-form-renderer-timezone-field-DAWrM-jS.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngstarter-ui-components-form-renderer-timezone-field-
|
|
1
|
+
{"version":3,"file":"ngstarter-ui-components-form-renderer-timezone-field-DAWrM-jS.mjs","sources":["../../../projects/components/form-renderer/src/fields/timezone-field/timezone-field.ts","../../../projects/components/form-renderer/src/fields/timezone-field/timezone-field.html"],"sourcesContent":["import { Component, input } from '@angular/core';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { ComponentConfig } from '../../models/form-config.model';\nimport { TimezoneSelect } from '@ngstarter-ui/components/timezone-select';\nimport { Error, FormField, Hint, Label } from '@ngstarter-ui/components/form-field';\n\n@Component({\n selector: 'ngs-timezone-field',\n exportAs: 'ngsTimezoneField',\n imports: [\n Error,\n FormField,\n Label,\n TimezoneSelect,\n ReactiveFormsModule,\n Hint\n ],\n templateUrl: './timezone-field.html',\n styleUrl: './timezone-field.scss'\n})\nexport class TimezoneField {\n control = input.required<FormControl>();\n config = input.required<ComponentConfig>();\n\n getErrorMessage(): string {\n const errors = this.control().errors;\n if (!errors) return '';\n const errorKey = Object.keys(errors)[0];\n const validator = this.config().validators?.find((v: any) => v.type === errorKey);\n return validator?.message || 'Invalid value';\n }\n}\n","@if(control() && config()) {\n <ngs-form-field>\n <ngs-label>{{ config().label }}</ngs-label>\n <ngs-timezone-select [formControl]=\"control()\"\n [placeholder]=\"config().placeholder || ''\"/>\n <ngs-hint>{{ config().hint }}</ngs-hint>\n @if (control().invalid && control().touched) {\n <ngs-error>{{ getErrorMessage() }}</ngs-error>\n }\n </ngs-form-field>\n}\n"],"names":[],"mappings":"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"}
|
|
@@ -16,20 +16,20 @@ class ComponentRegistryService {
|
|
|
16
16
|
this.registerDefaultComponents();
|
|
17
17
|
}
|
|
18
18
|
registerDefaultComponents() {
|
|
19
|
-
this.componentMap.set('input', () => import('./ngstarter-ui-components-form-renderer-input-field-
|
|
20
|
-
this.componentMap.set('textarea', () => import('./ngstarter-ui-components-form-renderer-textarea-field-
|
|
19
|
+
this.componentMap.set('input', () => import('./ngstarter-ui-components-form-renderer-input-field-tZHU8-_L.mjs').then(c => c.InputField));
|
|
20
|
+
this.componentMap.set('textarea', () => import('./ngstarter-ui-components-form-renderer-textarea-field-DxbPsw3z.mjs')
|
|
21
21
|
.then(c => c.TextareaField));
|
|
22
|
-
this.componentMap.set('select', () => import('./ngstarter-ui-components-form-renderer-select-field-
|
|
22
|
+
this.componentMap.set('select', () => import('./ngstarter-ui-components-form-renderer-select-field-DyBidcIU.mjs')
|
|
23
23
|
.then(c => c.SelectField));
|
|
24
24
|
this.componentMap.set('checkbox', () => import('./ngstarter-ui-components-form-renderer-checkbox-field-CoyKdvhV.mjs')
|
|
25
25
|
.then(c => c.CheckboxField));
|
|
26
|
-
this.componentMap.set('datepicker', () => import('./ngstarter-ui-components-form-renderer-datepicker-field-
|
|
26
|
+
this.componentMap.set('datepicker', () => import('./ngstarter-ui-components-form-renderer-datepicker-field-Cf3jfPv7.mjs')
|
|
27
27
|
.then(c => c.DatepickerField));
|
|
28
28
|
this.componentMap.set('toggle', () => import('./ngstarter-ui-components-form-renderer-toggle-field-iyqUrWxt.mjs')
|
|
29
29
|
.then(c => c.ToggleField));
|
|
30
|
-
this.componentMap.set('radioGroup', () => import('./ngstarter-ui-components-form-renderer-radio-group-field-
|
|
30
|
+
this.componentMap.set('radioGroup', () => import('./ngstarter-ui-components-form-renderer-radio-group-field-lc1V-NeL.mjs')
|
|
31
31
|
.then(c => c.RadioGroupField));
|
|
32
|
-
this.componentMap.set('timezone', () => import('./ngstarter-ui-components-form-renderer-timezone-field-
|
|
32
|
+
this.componentMap.set('timezone', () => import('./ngstarter-ui-components-form-renderer-timezone-field-DAWrM-jS.mjs')
|
|
33
33
|
.then(c => c.TimezoneField));
|
|
34
34
|
this.componentMap.set('image', () => import('./ngstarter-ui-components-form-renderer-image-content-ICTwkZPa.mjs')
|
|
35
35
|
.then(c => c.ImageContent));
|
|
@@ -37,7 +37,7 @@ class ComponentRegistryService {
|
|
|
37
37
|
.then(c => c.TextContent));
|
|
38
38
|
this.componentMap.set('divider', () => import('./ngstarter-ui-components-form-renderer-divider-content-D8Sffofu.mjs')
|
|
39
39
|
.then(c => c.DividerContent));
|
|
40
|
-
this.componentMap.set('autocompleteMany', () => import('./ngstarter-ui-components-form-renderer-autocomplete-many-field-
|
|
40
|
+
this.componentMap.set('autocompleteMany', () => import('./ngstarter-ui-components-form-renderer-autocomplete-many-field-CGQ3pJaG.mjs')
|
|
41
41
|
.then(c => c.AutocompleteManyField));
|
|
42
42
|
if (this.globalRegistry) {
|
|
43
43
|
const globalRegistry = this.globalRegistry;
|
|
@@ -97,7 +97,7 @@ class ComponentLoader {
|
|
|
97
97
|
}
|
|
98
98
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ComponentLoader, decorators: [{
|
|
99
99
|
type: Component,
|
|
100
|
-
args: [{ selector: 'ngs-component-loader', exportAs: 'ngsComponentLoader',
|
|
100
|
+
args: [{ selector: 'ngs-component-loader', exportAs: 'ngsComponentLoader', host: {
|
|
101
101
|
'[style.grid-column]': 'gridColumnStyle()',
|
|
102
102
|
}, template: "<ng-container #anchor/>\n" }]
|
|
103
103
|
}], ctorParameters: () => [{ type: ComponentRegistryService }], propDecorators: { componentConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "componentConfig", required: true }] }], control: [{ type: i0.Input, args: [{ isSignal: true, alias: "control", required: false }] }], colspan: [{ type: i0.Input, args: [{ isSignal: true, alias: "colspan", required: false }] }], anchor: [{ type: i0.ViewChild, args: ['anchor', { ...{ read: ViewContainerRef }, isSignal: true }] }] } });
|
|
@@ -300,7 +300,7 @@ class FormRenderer {
|
|
|
300
300
|
}
|
|
301
301
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: FormRenderer, decorators: [{
|
|
302
302
|
type: Component,
|
|
303
|
-
args: [{ selector: 'ngs-form-renderer', exportAs: 'ngsFormRenderer',
|
|
303
|
+
args: [{ selector: 'ngs-form-renderer', exportAs: 'ngsFormRenderer', imports: [
|
|
304
304
|
CommonModule,
|
|
305
305
|
ReactiveFormsModule,
|
|
306
306
|
ComponentLoader,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ngstarter-ui-components-form-renderer.mjs","sources":["../../../projects/components/form-renderer/src/models/form-config.model.ts","../../../projects/components/form-renderer/src/services/component-registry.service.ts","../../../projects/components/form-renderer/src/component-loader/component-loader.ts","../../../projects/components/form-renderer/src/component-loader/component-loader.html","../../../projects/components/form-renderer/src/services/validator-registry.service.ts","../../../projects/components/form-renderer/src/services/form-generator.service.ts","../../../projects/components/form-renderer/src/form-renderer/form-renderer.ts","../../../projects/components/form-renderer/src/form-renderer/form-renderer.html","../../../projects/components/form-renderer/ngstarter-ui-components-form-renderer.ts"],"sourcesContent":["import { FormGroup, ValidationErrors } from '@angular/forms';\nimport { InjectionToken } from '@angular/core';\nimport { ComponentImporter } from '../services/component-registry.service';\n\nexport const FORM_RENDERER_FIELD_REGISTRY =\n new InjectionToken<{[fieldName:string]: ComponentImporter}>('FORM_RENDERER_FIELDS_CONFIG');\n\nexport interface ValidatorConfig {\n type: string;\n value?: any;\n message: string;\n}\n\ninterface BaseComponentConfig {\n name: string;\n type: string;\n}\n\nexport interface FormFieldConfig extends BaseComponentConfig {\n kind: 'field';\n value?: any;\n validators?: ValidatorConfig[];\n label?: string;\n placeholder?: string;\n inputType?: 'text' | 'number' | 'email' | 'password';\n readonly?: boolean;\n disabled?: boolean;\n inline?: boolean;\n visibleWhen?: (formGroup: FormGroup) => boolean;\n payload?: {\n [key: string]: any;\n };\n hint?: string;\n}\n\nexport interface ContentConfig extends BaseComponentConfig {\n kind: 'content';\n content?: {\n [key: string]: any;\n };\n}\n\nexport type ComponentConfig = FormFieldConfig | ContentConfig | any;\n\nexport interface ComponentNode {\n name: string;\n colspan?: number;\n}\n\nexport interface GridNode {\n columns: number;\n gap?: string;\n children: LayoutNode[];\n}\n\nexport type LayoutNode = ComponentNode | GridNode;\n\nexport type CrossValidatorFn = (formGroup: FormGroup) => ValidationErrors | null;\n\nexport interface FormConfig {\n elements: ComponentConfig[];\n layout: LayoutNode;\n crossValidators?: CrossValidatorFn[];\n}\n","import { inject, Injectable, Type } from '@angular/core';\nimport { FORM_RENDERER_FIELD_REGISTRY } from '../models/form-config.model';\n\nexport type ComponentImporter = () => Promise<Type<any>>;\n\n@Injectable({\n providedIn: 'root',\n})\nexport class ComponentRegistryService {\n private globalRegistry = inject(FORM_RENDERER_FIELD_REGISTRY, { optional: true });\n private componentMap = new Map<string, ComponentImporter>();\n\n constructor() {\n this.registerDefaultComponents();\n }\n\n private registerDefaultComponents(): void {\n this.componentMap.set('input', () =>\n import('../fields/input-field/input-field').then(c => c.InputField)\n );\n this.componentMap.set('textarea', () =>\n import('../fields/textarea-field/textarea-field')\n .then(c => c.TextareaField)\n );\n this.componentMap.set('select', () =>\n import('../fields/select-field/select-field')\n .then(c => c.SelectField)\n );\n this.componentMap.set('checkbox', () =>\n import('../fields/checkbox-field/checkbox-field')\n .then(c => c.CheckboxField)\n );\n this.componentMap.set('datepicker', () =>\n import('../fields/datepicker-field/datepicker-field')\n .then(c => c.DatepickerField)\n );\n this.componentMap.set('toggle', () =>\n import('../fields/toggle-field/toggle-field')\n .then(c => c.ToggleField)\n );\n this.componentMap.set('radioGroup', () =>\n import('../fields/radio-group-field/radio-group-field')\n .then(c => c.RadioGroupField)\n );\n this.componentMap.set('timezone', () =>\n import('../fields/timezone-field/timezone-field')\n .then(c => c.TimezoneField)\n );\n this.componentMap.set('image', () =>\n import('../content/image-content/image-content')\n .then(c => c.ImageContent));\n this.componentMap.set('text', () =>\n import('../content/text-content/text-content')\n .then(c => c.TextContent));\n this.componentMap.set('divider', () =>\n import('../content/divider-content/divider-content')\n .then(c => c.DividerContent));\n this.componentMap.set('autocompleteMany', () =>\n import('../fields/autocomplete-many-field/autocomplete-many-field')\n .then(c => c.AutocompleteManyField)\n );\n\n if (this.globalRegistry) {\n const globalRegistry = this.globalRegistry as any;\n Object.keys(globalRegistry).forEach(typeName => {\n this.componentMap.set(typeName, globalRegistry[typeName]);\n });\n }\n }\n\n getImporter(typeName: string): ComponentImporter | undefined {\n return this.componentMap.get(typeName);\n }\n}\n","import { Component, ViewContainerRef, input, effect, computed, viewChild } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { ComponentConfig } from '../models/form-config.model';\nimport { ComponentRegistryService } from '../services/component-registry.service';\n\n@Component({\n selector: 'ngs-component-loader',\n exportAs: 'ngsComponentLoader',\n standalone: true,\n templateUrl: './component-loader.html',\n host: {\n '[style.grid-column]': 'gridColumnStyle()',\n }\n})\nexport class ComponentLoader {\n componentConfig = input.required<ComponentConfig>();\n control = input<FormControl | null>(null);\n colspan = input<number | undefined>();\n\n protected gridColumnStyle = computed(() => {\n const span = this.colspan();\n return span ? `span ${span}` : null;\n });\n\n anchor = viewChild.required('anchor', { read: ViewContainerRef });\n\n constructor(private registry: ComponentRegistryService) {\n effect(async () => {\n const config = this.componentConfig();\n const control = this.control();\n const vcr = this.anchor();\n vcr.clear();\n const importer = this.registry.getImporter(config.type);\n\n if (importer) {\n try {\n const componentType = await importer();\n const componentRef = vcr.createComponent(componentType);\n\n componentRef.setInput('config', config);\n\n if (control) {\n componentRef.setInput('control', control);\n }\n } catch (error) {\n console.error(`Error loading component for type \"${config.type}\":`, error);\n }\n }\n });\n }\n}\n","<ng-container #anchor/>\n","import { Injectable } from '@angular/core';\nimport { ValidatorFn, Validators } from '@angular/forms';\nimport { ValidatorConfig } from '../models/form-config.model';\n\ntype ValidatorFactory = (config: ValidatorConfig) => ValidatorFn;\n\n@Injectable({\n providedIn: 'root',\n})\nexport class ValidatorRegistryService {\n private validatorMap = new Map<string, ValidatorFactory>();\n\n constructor() {\n this.registerDefaultValidators();\n }\n\n private registerDefaultValidators(): void {\n this.registerValidator('required', () => Validators.required);\n this.registerValidator('email', () => Validators.email);\n this.registerValidator('minLength', (config) => Validators.minLength(config.value));\n this.registerValidator('maxLength', (config) => Validators.maxLength(config.value));\n this.registerValidator('pattern', (config) => Validators.pattern(config.value));\n }\n\n registerValidator(name: string, factory: ValidatorFactory): void {\n this.validatorMap.set(name, factory);\n }\n\n getValidator(config: ValidatorConfig): ValidatorFn {\n const factory = this.validatorMap.get(config.type);\n if (!factory) {\n return Validators.nullValidator;\n }\n return factory(config);\n }\n}\n","import { Injectable } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup, ValidatorFn } from '@angular/forms';\nimport { FormConfig, ValidatorConfig } from '../models/form-config.model';\nimport { ValidatorRegistryService } from './validator-registry.service';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class FormGeneratorService {\n constructor(\n private fb: FormBuilder,\n private validatorRegistry: ValidatorRegistryService\n ) {}\n\n createFormGroup(config: FormConfig, initialValue?: Record<string, any>): FormGroup {\n const group = this.fb.group({}, { validators: config.crossValidators });\n\n for (const elementConfig of config.elements) {\n if (elementConfig.kind === 'field') {\n let finalValue = initialValue?.[elementConfig.name] ?? elementConfig.value ?? null;\n\n if (finalValue === null && 'defaultValue' in elementConfig) {\n finalValue = elementConfig.defaultValue;\n }\n\n const validators = this.mapValidators(elementConfig.validators);\n const formState = {\n value: finalValue,\n disabled: elementConfig.disabled ?? false\n };\n const control = new FormControl(formState, validators);\n group.addControl(elementConfig.name, control);\n }\n }\n return group;\n }\n\n private mapValidators(validators: ValidatorConfig[] | undefined): ValidatorFn[] {\n if (!validators) {\n return [];\n }\n return validators.map(config => this.validatorRegistry.getValidator(config));\n }\n}\n","import {\n Component,\n computed,\n input,\n output,\n ChangeDetectionStrategy,\n Signal,\n effect,\n OnDestroy,\n OnInit, inject, DestroyRef\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule, FormGroup, FormControl, ValidatorFn } from '@angular/forms';\nimport { Subscription } from 'rxjs';\nimport { startWith } from 'rxjs/operators';\nimport { ComponentConfig, FormConfig, LayoutNode, GridNode, ValidatorConfig } from '../models/form-config.model';\nimport { FormGeneratorService } from '../services/form-generator.service';\nimport { ComponentLoader } from '../component-loader/component-loader';\nimport { ValidatorRegistryService } from '../services/validator-registry.service';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\n@Component({\n selector: 'ngs-form-renderer',\n exportAs: 'ngsFormRenderer',\n standalone: true,\n imports: [\n CommonModule,\n ReactiveFormsModule,\n ComponentLoader,\n ],\n templateUrl: './form-renderer.html',\n styleUrl: './form-renderer.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n 'class': 'ngs-form-renderer',\n }\n})\nexport class FormRenderer implements OnInit, OnDestroy {\n private destroyRef = inject(DestroyRef);\n\n readonly config = input.required<FormConfig>();\n readonly initialValue = input<Record<string, any> | undefined>();\n readonly formSubmit = output<any>();\n readonly valueChanges = output<any>();\n readonly initialized = output<void>();\n\n private elementsMap: Signal<Map<string, ComponentConfig>> = computed(() => {\n const map = new Map<string, ComponentConfig>();\n for (const element of this.config().elements) {\n map.set(element.name, element);\n }\n return map;\n });\n\n protected formGroup: Signal<FormGroup> = computed(() =>\n this.formGenerator.createFormGroup(this.config(), this.initialValue())\n );\n\n #initialized = false;\n private valueChangesSub?: Subscription;\n\n constructor(\n private formGenerator: FormGeneratorService,\n private validatorRegistry: ValidatorRegistryService\n ) {\n effect(() => {\n this.valueChangesSub?.unsubscribe();\n const form = this.formGroup();\n this.valueChangesSub = form.valueChanges\n .pipe(\n startWith(form.value),\n takeUntilDestroyed(this.destroyRef)\n )\n .subscribe(() => {\n for (const elementConfig of this.config().elements) {\n if (elementConfig.kind === 'field') {\n const control = form.get(elementConfig.name);\n\n if (!control) {\n continue;\n }\n\n const isVisible = elementConfig.visibleWhen ? elementConfig.visibleWhen(form) : true;\n const shouldBeEnabled = !(elementConfig.disabled ?? false) && isVisible;\n\n if (shouldBeEnabled && control.disabled) {\n control.enable({ emitEvent: false });\n const validators = this.mapValidators(elementConfig.validators);\n control.setValidators(validators);\n } else if (!shouldBeEnabled && control.enabled) {\n control.disable({ emitEvent: false });\n control.clearValidators();\n }\n\n control.updateValueAndValidity({ emitEvent: false });\n }\n }\n\n if (!this.#initialized) {\n this.#initialized = true;\n this.initialized.emit();\n }\n });\n });\n }\n\n ngOnInit() {\n const form = this.formGroup();\n form\n .valueChanges\n .pipe(takeUntilDestroyed(this.destroyRef))\n .subscribe(() => {\n if (!this.#initialized) {\n return;\n }\n\n this.valueChanges.emit(form.value);\n });\n }\n\n ngOnDestroy(): void {\n this.valueChangesSub?.unsubscribe();\n }\n\n submit() {\n const form = this.formGroup();\n if (form.valid) {\n this.formSubmit.emit(form.getRawValue());\n } else {\n form.markAllAsTouched();\n }\n }\n\n get form() {\n return this.formGroup();\n }\n\n get value() {\n return this.formGroup().value;\n }\n\n get isValid() {\n return this.form.valid;\n }\n\n get isInvalid() {\n return this.form.invalid;\n }\n\n protected isFieldVisible(name: string): boolean {\n const componentConfig = this.elementsMap().get(name);\n if (!componentConfig) {\n return true;\n }\n\n if (componentConfig.kind === 'field' && componentConfig.visibleWhen) {\n return componentConfig.visibleWhen(this.formGroup());\n }\n\n return true;\n }\n\n protected getComponentConfig(name: string): ComponentConfig | undefined {\n return this.elementsMap().get(name);\n }\n\n protected getControl(name: string): FormControl | null {\n return this.formGroup().get(name) as FormControl | null;\n }\n\n protected isGridNode(node: LayoutNode): node is GridNode {\n return 'children' in node;\n }\n\n protected onSubmit(): void {\n this.submit();\n }\n\n private mapValidators(validators: ValidatorConfig[] | undefined): ValidatorFn[] {\n if (!validators) {\n return [];\n }\n\n return validators.map(config => this.validatorRegistry.getValidator(config));\n }\n}\n","@if (config(); as cfg) {\n <form [formGroup]=\"formGroup()\" (ngSubmit)=\"onSubmit()\">\n <ng-container *ngTemplateOutlet=\"renderNode; context: {$implicit: cfg.layout}\" />\n <ng-content/>\n </form>\n}\n\n<ng-template #renderNode let-node>\n @if (isGridNode(node)) {\n <div\n class=\"grid-layout\"\n [style.grid-template-columns]=\"'repeat(' + node.columns + ', 1fr)'\"\n [style.gap]=\"node.gap\">\n @for (childNode of node.children; track childNode) {\n <ng-container *ngTemplateOutlet=\"renderNode; context: {$implicit: childNode}\" />\n }\n </div>\n } @else {\n @if(isFieldVisible(node.name)) {\n <ngs-component-loader [componentConfig]=\"getComponentConfig(node.name)!\"\n [control]=\"getControl(node.name)\"\n [colspan]=\"node.colspan\" />\n }\n }\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.ComponentRegistryService","i2.ValidatorRegistryService","i1.FormGeneratorService"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ngstarter-ui-components-form-renderer.mjs","sources":["../../../projects/components/form-renderer/src/models/form-config.model.ts","../../../projects/components/form-renderer/src/services/component-registry.service.ts","../../../projects/components/form-renderer/src/component-loader/component-loader.ts","../../../projects/components/form-renderer/src/component-loader/component-loader.html","../../../projects/components/form-renderer/src/services/validator-registry.service.ts","../../../projects/components/form-renderer/src/services/form-generator.service.ts","../../../projects/components/form-renderer/src/form-renderer/form-renderer.ts","../../../projects/components/form-renderer/src/form-renderer/form-renderer.html","../../../projects/components/form-renderer/ngstarter-ui-components-form-renderer.ts"],"sourcesContent":["import { FormGroup, ValidationErrors } from '@angular/forms';\nimport { InjectionToken } from '@angular/core';\nimport { ComponentImporter } from '../services/component-registry.service';\n\nexport const FORM_RENDERER_FIELD_REGISTRY =\n new InjectionToken<{[fieldName:string]: ComponentImporter}>('FORM_RENDERER_FIELDS_CONFIG');\n\nexport interface ValidatorConfig {\n type: string;\n value?: any;\n message: string;\n}\n\ninterface BaseComponentConfig {\n name: string;\n type: string;\n}\n\nexport interface FormFieldConfig extends BaseComponentConfig {\n kind: 'field';\n value?: any;\n validators?: ValidatorConfig[];\n label?: string;\n placeholder?: string;\n inputType?: 'text' | 'number' | 'email' | 'password';\n readonly?: boolean;\n disabled?: boolean;\n inline?: boolean;\n visibleWhen?: (formGroup: FormGroup) => boolean;\n payload?: {\n [key: string]: any;\n };\n hint?: string;\n}\n\nexport interface ContentConfig extends BaseComponentConfig {\n kind: 'content';\n content?: {\n [key: string]: any;\n };\n}\n\nexport type ComponentConfig = FormFieldConfig | ContentConfig | any;\n\nexport interface ComponentNode {\n name: string;\n colspan?: number;\n}\n\nexport interface GridNode {\n columns: number;\n gap?: string;\n children: LayoutNode[];\n}\n\nexport type LayoutNode = ComponentNode | GridNode;\n\nexport type CrossValidatorFn = (formGroup: FormGroup) => ValidationErrors | null;\n\nexport interface FormConfig {\n elements: ComponentConfig[];\n layout: LayoutNode;\n crossValidators?: CrossValidatorFn[];\n}\n","import { inject, Injectable, Type } from '@angular/core';\nimport { FORM_RENDERER_FIELD_REGISTRY } from '../models/form-config.model';\n\nexport type ComponentImporter = () => Promise<Type<any>>;\n\n@Injectable({\n providedIn: 'root',\n})\nexport class ComponentRegistryService {\n private globalRegistry = inject(FORM_RENDERER_FIELD_REGISTRY, { optional: true });\n private componentMap = new Map<string, ComponentImporter>();\n\n constructor() {\n this.registerDefaultComponents();\n }\n\n private registerDefaultComponents(): void {\n this.componentMap.set('input', () =>\n import('../fields/input-field/input-field').then(c => c.InputField)\n );\n this.componentMap.set('textarea', () =>\n import('../fields/textarea-field/textarea-field')\n .then(c => c.TextareaField)\n );\n this.componentMap.set('select', () =>\n import('../fields/select-field/select-field')\n .then(c => c.SelectField)\n );\n this.componentMap.set('checkbox', () =>\n import('../fields/checkbox-field/checkbox-field')\n .then(c => c.CheckboxField)\n );\n this.componentMap.set('datepicker', () =>\n import('../fields/datepicker-field/datepicker-field')\n .then(c => c.DatepickerField)\n );\n this.componentMap.set('toggle', () =>\n import('../fields/toggle-field/toggle-field')\n .then(c => c.ToggleField)\n );\n this.componentMap.set('radioGroup', () =>\n import('../fields/radio-group-field/radio-group-field')\n .then(c => c.RadioGroupField)\n );\n this.componentMap.set('timezone', () =>\n import('../fields/timezone-field/timezone-field')\n .then(c => c.TimezoneField)\n );\n this.componentMap.set('image', () =>\n import('../content/image-content/image-content')\n .then(c => c.ImageContent));\n this.componentMap.set('text', () =>\n import('../content/text-content/text-content')\n .then(c => c.TextContent));\n this.componentMap.set('divider', () =>\n import('../content/divider-content/divider-content')\n .then(c => c.DividerContent));\n this.componentMap.set('autocompleteMany', () =>\n import('../fields/autocomplete-many-field/autocomplete-many-field')\n .then(c => c.AutocompleteManyField)\n );\n\n if (this.globalRegistry) {\n const globalRegistry = this.globalRegistry as any;\n Object.keys(globalRegistry).forEach(typeName => {\n this.componentMap.set(typeName, globalRegistry[typeName]);\n });\n }\n }\n\n getImporter(typeName: string): ComponentImporter | undefined {\n return this.componentMap.get(typeName);\n }\n}\n","import { Component, ViewContainerRef, input, effect, computed, viewChild } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { ComponentConfig } from '../models/form-config.model';\nimport { ComponentRegistryService } from '../services/component-registry.service';\n\n@Component({\n selector: 'ngs-component-loader',\n exportAs: 'ngsComponentLoader',\n templateUrl: './component-loader.html',\n host: {\n '[style.grid-column]': 'gridColumnStyle()',\n }\n})\nexport class ComponentLoader {\n componentConfig = input.required<ComponentConfig>();\n control = input<FormControl | null>(null);\n colspan = input<number | undefined>();\n\n protected gridColumnStyle = computed(() => {\n const span = this.colspan();\n return span ? `span ${span}` : null;\n });\n\n anchor = viewChild.required('anchor', { read: ViewContainerRef });\n\n constructor(private registry: ComponentRegistryService) {\n effect(async () => {\n const config = this.componentConfig();\n const control = this.control();\n const vcr = this.anchor();\n vcr.clear();\n const importer = this.registry.getImporter(config.type);\n\n if (importer) {\n try {\n const componentType = await importer();\n const componentRef = vcr.createComponent(componentType);\n\n componentRef.setInput('config', config);\n\n if (control) {\n componentRef.setInput('control', control);\n }\n } catch (error) {\n console.error(`Error loading component for type \"${config.type}\":`, error);\n }\n }\n });\n }\n}\n","<ng-container #anchor/>\n","import { Injectable } from '@angular/core';\nimport { ValidatorFn, Validators } from '@angular/forms';\nimport { ValidatorConfig } from '../models/form-config.model';\n\ntype ValidatorFactory = (config: ValidatorConfig) => ValidatorFn;\n\n@Injectable({\n providedIn: 'root',\n})\nexport class ValidatorRegistryService {\n private validatorMap = new Map<string, ValidatorFactory>();\n\n constructor() {\n this.registerDefaultValidators();\n }\n\n private registerDefaultValidators(): void {\n this.registerValidator('required', () => Validators.required);\n this.registerValidator('email', () => Validators.email);\n this.registerValidator('minLength', (config) => Validators.minLength(config.value));\n this.registerValidator('maxLength', (config) => Validators.maxLength(config.value));\n this.registerValidator('pattern', (config) => Validators.pattern(config.value));\n }\n\n registerValidator(name: string, factory: ValidatorFactory): void {\n this.validatorMap.set(name, factory);\n }\n\n getValidator(config: ValidatorConfig): ValidatorFn {\n const factory = this.validatorMap.get(config.type);\n if (!factory) {\n return Validators.nullValidator;\n }\n return factory(config);\n }\n}\n","import { Injectable } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup, ValidatorFn } from '@angular/forms';\nimport { FormConfig, ValidatorConfig } from '../models/form-config.model';\nimport { ValidatorRegistryService } from './validator-registry.service';\n\n@Injectable({\n providedIn: 'root',\n})\nexport class FormGeneratorService {\n constructor(\n private fb: FormBuilder,\n private validatorRegistry: ValidatorRegistryService\n ) {}\n\n createFormGroup(config: FormConfig, initialValue?: Record<string, any>): FormGroup {\n const group = this.fb.group({}, { validators: config.crossValidators });\n\n for (const elementConfig of config.elements) {\n if (elementConfig.kind === 'field') {\n let finalValue = initialValue?.[elementConfig.name] ?? elementConfig.value ?? null;\n\n if (finalValue === null && 'defaultValue' in elementConfig) {\n finalValue = elementConfig.defaultValue;\n }\n\n const validators = this.mapValidators(elementConfig.validators);\n const formState = {\n value: finalValue,\n disabled: elementConfig.disabled ?? false\n };\n const control = new FormControl(formState, validators);\n group.addControl(elementConfig.name, control);\n }\n }\n return group;\n }\n\n private mapValidators(validators: ValidatorConfig[] | undefined): ValidatorFn[] {\n if (!validators) {\n return [];\n }\n return validators.map(config => this.validatorRegistry.getValidator(config));\n }\n}\n","import {\n Component,\n computed,\n input,\n output,\n ChangeDetectionStrategy,\n Signal,\n effect,\n OnDestroy,\n OnInit, inject, DestroyRef\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule, FormGroup, FormControl, ValidatorFn } from '@angular/forms';\nimport { Subscription } from 'rxjs';\nimport { startWith } from 'rxjs/operators';\nimport { ComponentConfig, FormConfig, LayoutNode, GridNode, ValidatorConfig } from '../models/form-config.model';\nimport { FormGeneratorService } from '../services/form-generator.service';\nimport { ComponentLoader } from '../component-loader/component-loader';\nimport { ValidatorRegistryService } from '../services/validator-registry.service';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\n@Component({\n selector: 'ngs-form-renderer',\n exportAs: 'ngsFormRenderer',\n imports: [\n CommonModule,\n ReactiveFormsModule,\n ComponentLoader,\n ],\n templateUrl: './form-renderer.html',\n styleUrl: './form-renderer.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n host: {\n 'class': 'ngs-form-renderer',\n }\n})\nexport class FormRenderer implements OnInit, OnDestroy {\n private destroyRef = inject(DestroyRef);\n\n readonly config = input.required<FormConfig>();\n readonly initialValue = input<Record<string, any> | undefined>();\n readonly formSubmit = output<any>();\n readonly valueChanges = output<any>();\n readonly initialized = output<void>();\n\n private elementsMap: Signal<Map<string, ComponentConfig>> = computed(() => {\n const map = new Map<string, ComponentConfig>();\n for (const element of this.config().elements) {\n map.set(element.name, element);\n }\n return map;\n });\n\n protected formGroup: Signal<FormGroup> = computed(() =>\n this.formGenerator.createFormGroup(this.config(), this.initialValue())\n );\n\n #initialized = false;\n private valueChangesSub?: Subscription;\n\n constructor(\n private formGenerator: FormGeneratorService,\n private validatorRegistry: ValidatorRegistryService\n ) {\n effect(() => {\n this.valueChangesSub?.unsubscribe();\n const form = this.formGroup();\n this.valueChangesSub = form.valueChanges\n .pipe(\n startWith(form.value),\n takeUntilDestroyed(this.destroyRef)\n )\n .subscribe(() => {\n for (const elementConfig of this.config().elements) {\n if (elementConfig.kind === 'field') {\n const control = form.get(elementConfig.name);\n\n if (!control) {\n continue;\n }\n\n const isVisible = elementConfig.visibleWhen ? elementConfig.visibleWhen(form) : true;\n const shouldBeEnabled = !(elementConfig.disabled ?? false) && isVisible;\n\n if (shouldBeEnabled && control.disabled) {\n control.enable({ emitEvent: false });\n const validators = this.mapValidators(elementConfig.validators);\n control.setValidators(validators);\n } else if (!shouldBeEnabled && control.enabled) {\n control.disable({ emitEvent: false });\n control.clearValidators();\n }\n\n control.updateValueAndValidity({ emitEvent: false });\n }\n }\n\n if (!this.#initialized) {\n this.#initialized = true;\n this.initialized.emit();\n }\n });\n });\n }\n\n ngOnInit() {\n const form = this.formGroup();\n form\n .valueChanges\n .pipe(takeUntilDestroyed(this.destroyRef))\n .subscribe(() => {\n if (!this.#initialized) {\n return;\n }\n\n this.valueChanges.emit(form.value);\n });\n }\n\n ngOnDestroy(): void {\n this.valueChangesSub?.unsubscribe();\n }\n\n submit() {\n const form = this.formGroup();\n if (form.valid) {\n this.formSubmit.emit(form.getRawValue());\n } else {\n form.markAllAsTouched();\n }\n }\n\n get form() {\n return this.formGroup();\n }\n\n get value() {\n return this.formGroup().value;\n }\n\n get isValid() {\n return this.form.valid;\n }\n\n get isInvalid() {\n return this.form.invalid;\n }\n\n protected isFieldVisible(name: string): boolean {\n const componentConfig = this.elementsMap().get(name);\n if (!componentConfig) {\n return true;\n }\n\n if (componentConfig.kind === 'field' && componentConfig.visibleWhen) {\n return componentConfig.visibleWhen(this.formGroup());\n }\n\n return true;\n }\n\n protected getComponentConfig(name: string): ComponentConfig | undefined {\n return this.elementsMap().get(name);\n }\n\n protected getControl(name: string): FormControl | null {\n return this.formGroup().get(name) as FormControl | null;\n }\n\n protected isGridNode(node: LayoutNode): node is GridNode {\n return 'children' in node;\n }\n\n protected onSubmit(): void {\n this.submit();\n }\n\n private mapValidators(validators: ValidatorConfig[] | undefined): ValidatorFn[] {\n if (!validators) {\n return [];\n }\n\n return validators.map(config => this.validatorRegistry.getValidator(config));\n }\n}\n","@if (config(); as cfg) {\n <form [formGroup]=\"formGroup()\" (ngSubmit)=\"onSubmit()\">\n <ng-container *ngTemplateOutlet=\"renderNode; context: {$implicit: cfg.layout}\" />\n <ng-content/>\n </form>\n}\n\n<ng-template #renderNode let-node>\n @if (isGridNode(node)) {\n <div\n class=\"grid-layout\"\n [style.grid-template-columns]=\"'repeat(' + node.columns + ', 1fr)'\"\n [style.gap]=\"node.gap\">\n @for (childNode of node.children; track childNode) {\n <ng-container *ngTemplateOutlet=\"renderNode; context: {$implicit: childNode}\" />\n }\n </div>\n } @else {\n @if(isFieldVisible(node.name)) {\n <ngs-component-loader [componentConfig]=\"getComponentConfig(node.name)!\"\n [control]=\"getControl(node.name)\"\n [colspan]=\"node.colspan\" />\n }\n }\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.ComponentRegistryService","i2.ValidatorRegistryService","i1.FormGeneratorService"],"mappings":";;;;;;;;;MAIa,4BAA4B,GACvC,IAAI,cAAc,CAA0C,6BAA6B;;MCG9E,wBAAwB,CAAA;IAC3B,cAAc,GAAG,MAAM,CAAC,4BAA4B,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AACzE,IAAA,YAAY,GAAG,IAAI,GAAG,EAA6B;AAE3D,IAAA,WAAA,GAAA;QACE,IAAI,CAAC,yBAAyB,EAAE;IAClC;IAEQ,yBAAyB,GAAA;QAC/B,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,EAAE,MAC7B,OAAO,kEAAmC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,UAAU,CAAC,CACpE;AACD,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,UAAU,EAAE,MAChC,OAAO,qEAAyC;aAC7C,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC,CAC9B;AACD,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,QAAQ,EAAE,MAC9B,OAAO,mEAAqC;aACzC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,CAC5B;AACD,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,UAAU,EAAE,MAChC,OAAO,qEAAyC;aAC7C,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC,CAC9B;AACD,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,YAAY,EAAE,MAClC,OAAO,uEAA6C;aACjD,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,CAChC;AACD,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,QAAQ,EAAE,MAC9B,OAAO,mEAAqC;aACzC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,CAC5B;AACD,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,YAAY,EAAE,MAClC,OAAO,wEAA+C;aACnD,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,CAChC;AACD,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,UAAU,EAAE,MAChC,OAAO,qEAAyC;aAC7C,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC,CAC9B;AACD,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,OAAO,EAAE,MAC7B,OAAO,oEAAwC;aAC5C,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC,CAAC;AAC/B,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE,MAC5B,OAAO,mEAAsC;aAC1C,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,WAAW,CAAC,CAAC;AAC9B,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,SAAS,EAAE,MAC/B,OAAO,sEAA4C;aAChD,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,cAAc,CAAC,CAAC;AACjC,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,kBAAkB,EAAE,MACxC,OAAO,8EAA2D;aAC/D,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,qBAAqB,CAAC,CACtC;AAED,QAAA,IAAI,IAAI,CAAC,cAAc,EAAE;AACvB,YAAA,MAAM,cAAc,GAAG,IAAI,CAAC,cAAqB;YACjD,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,QAAQ,IAAG;AAC7C,gBAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,QAAQ,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;AAC3D,YAAA,CAAC,CAAC;QACJ;IACF;AAEA,IAAA,WAAW,CAAC,QAAgB,EAAA;QAC1B,OAAO,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,QAAQ,CAAC;IACxC;uGAhEW,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAxB,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,wBAAwB,cAFvB,MAAM,EAAA,CAAA;;2FAEP,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAHpC,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA;;;MCMY,eAAe,CAAA;AAYN,IAAA,QAAA;AAXpB,IAAA,eAAe,GAAG,KAAK,CAAC,QAAQ,qFAAmB;AACnD,IAAA,OAAO,GAAG,KAAK,CAAqB,IAAI,8EAAC;IACzC,OAAO,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAsB;AAE3B,IAAA,eAAe,GAAG,QAAQ,CAAC,MAAK;AACxC,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,EAAE;QAC3B,OAAO,IAAI,GAAG,CAAA,KAAA,EAAQ,IAAI,CAAA,CAAE,GAAG,IAAI;AACrC,IAAA,CAAC,sFAAC;AAEF,IAAA,MAAM,GAAG,SAAS,CAAC,QAAQ,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC;AAEjE,IAAA,WAAA,CAAoB,QAAkC,EAAA;QAAlC,IAAA,CAAA,QAAQ,GAAR,QAAQ;QAC1B,MAAM,CAAC,YAAW;AAChB,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,eAAe,EAAE;AACrC,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE;AAC9B,YAAA,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,EAAE;YACzB,GAAG,CAAC,KAAK,EAAE;AACX,YAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC;YAEvD,IAAI,QAAQ,EAAE;AACZ,gBAAA,IAAI;AACF,oBAAA,MAAM,aAAa,GAAG,MAAM,QAAQ,EAAE;oBACtC,MAAM,YAAY,GAAG,GAAG,CAAC,eAAe,CAAC,aAAa,CAAC;AAEvD,oBAAA,YAAY,CAAC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;oBAEvC,IAAI,OAAO,EAAE;AACX,wBAAA,YAAY,CAAC,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAC;oBAC3C;gBACF;gBAAE,OAAO,KAAK,EAAE;oBACd,OAAO,CAAC,KAAK,CAAC,CAAA,kCAAA,EAAqC,MAAM,CAAC,IAAI,CAAA,EAAA,CAAI,EAAE,KAAK,CAAC;gBAC5E;YACF;AACF,QAAA,CAAC,CAAC;IACJ;uGAnCW,eAAe,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAA,wBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,eAAA,EAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,mBAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,QAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,QAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAA,EAUoB,gBAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECvBhE,2BACA,EAAA,CAAA;;2FDYa,eAAe,EAAA,UAAA,EAAA,CAAA;kBAR3B,SAAS;+BACE,sBAAsB,EAAA,QAAA,EACtB,oBAAoB,EAAA,IAAA,EAExB;AACJ,wBAAA,qBAAqB,EAAE,mBAAmB;AAC3C,qBAAA,EAAA,QAAA,EAAA,2BAAA,EAAA;AAY2B,SAAA,CAAA,EAAA,cAAA,EAAA,MAAA,CAAA,EAAA,IAAA,EAAAA,wBAAA,EAAA,CAAA,EAAA,cAAA,EAAA,EAAA,eAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,OAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,SAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,OAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,SAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,CAAA,QAAQ,EAAA,EAAA,GAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;MEdrD,wBAAwB,CAAA;AAC3B,IAAA,YAAY,GAAG,IAAI,GAAG,EAA4B;AAE1D,IAAA,WAAA,GAAA;QACE,IAAI,CAAC,yBAAyB,EAAE;IAClC;IAEQ,yBAAyB,GAAA;AAC/B,QAAA,IAAI,CAAC,iBAAiB,CAAC,UAAU,EAAE,MAAM,UAAU,CAAC,QAAQ,CAAC;AAC7D,QAAA,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE,MAAM,UAAU,CAAC,KAAK,CAAC;AACvD,QAAA,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,CAAC,MAAM,KAAK,UAAU,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AACnF,QAAA,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,CAAC,MAAM,KAAK,UAAU,CAAC,SAAS,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AACnF,QAAA,IAAI,CAAC,iBAAiB,CAAC,SAAS,EAAE,CAAC,MAAM,KAAK,UAAU,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACjF;IAEA,iBAAiB,CAAC,IAAY,EAAE,OAAyB,EAAA;QACvD,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,EAAE,OAAO,CAAC;IACtC;AAEA,IAAA,YAAY,CAAC,MAAuB,EAAA;AAClC,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC;QAClD,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO,UAAU,CAAC,aAAa;QACjC;AACA,QAAA,OAAO,OAAO,CAAC,MAAM,CAAC;IACxB;uGAzBW,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAxB,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,wBAAwB,cAFvB,MAAM,EAAA,CAAA;;2FAEP,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAHpC,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA;;;MCAY,oBAAoB,CAAA;AAErB,IAAA,EAAA;AACA,IAAA,iBAAA;IAFV,WAAA,CACU,EAAe,EACf,iBAA2C,EAAA;QAD3C,IAAA,CAAA,EAAE,GAAF,EAAE;QACF,IAAA,CAAA,iBAAiB,GAAjB,iBAAiB;IACxB;IAEH,eAAe,CAAC,MAAkB,EAAE,YAAkC,EAAA;AACpE,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,CAAC,eAAe,EAAE,CAAC;AAEvE,QAAA,KAAK,MAAM,aAAa,IAAI,MAAM,CAAC,QAAQ,EAAE;AAC3C,YAAA,IAAI,aAAa,CAAC,IAAI,KAAK,OAAO,EAAE;AAClC,gBAAA,IAAI,UAAU,GAAG,YAAY,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,aAAa,CAAC,KAAK,IAAI,IAAI;gBAElF,IAAI,UAAU,KAAK,IAAI,IAAI,cAAc,IAAI,aAAa,EAAE;AAC1D,oBAAA,UAAU,GAAG,aAAa,CAAC,YAAY;gBACzC;gBAEA,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,UAAU,CAAC;AAC/D,gBAAA,MAAM,SAAS,GAAG;AAChB,oBAAA,KAAK,EAAE,UAAU;AACjB,oBAAA,QAAQ,EAAE,aAAa,CAAC,QAAQ,IAAI;iBACrC;gBACD,MAAM,OAAO,GAAG,IAAI,WAAW,CAAC,SAAS,EAAE,UAAU,CAAC;gBACtD,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,IAAI,EAAE,OAAO,CAAC;YAC/C;QACF;AACA,QAAA,OAAO,KAAK;IACd;AAEQ,IAAA,aAAa,CAAC,UAAyC,EAAA;QAC7D,IAAI,CAAC,UAAU,EAAE;AACf,YAAA,OAAO,EAAE;QACX;AACA,QAAA,OAAO,UAAU,CAAC,GAAG,CAAC,MAAM,IAAI,IAAI,CAAC,iBAAiB,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;IAC9E;uGAlCW,oBAAoB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,WAAA,EAAA,EAAA,EAAA,KAAA,EAAAC,wBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAApB,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,cAFnB,MAAM,EAAA,CAAA;;2FAEP,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAHhC,UAAU;AAAC,YAAA,IAAA,EAAA,CAAA;AACV,oBAAA,UAAU,EAAE,MAAM;AACnB,iBAAA;;;MC6BY,YAAY,CAAA;AAyBb,IAAA,aAAA;AACA,IAAA,iBAAA;AAzBF,IAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AAE9B,IAAA,MAAM,GAAG,KAAK,CAAC,QAAQ,4EAAc;IACrC,YAAY,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,cAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAmC;IACvD,UAAU,GAAG,MAAM,EAAO;IAC1B,YAAY,GAAG,MAAM,EAAO;IAC5B,WAAW,GAAG,MAAM,EAAQ;AAE7B,IAAA,WAAW,GAAyC,QAAQ,CAAC,MAAK;AACxE,QAAA,MAAM,GAAG,GAAG,IAAI,GAAG,EAA2B;QAC9C,KAAK,MAAM,OAAO,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;YAC5C,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC;QAChC;AACA,QAAA,OAAO,GAAG;AACZ,IAAA,CAAC,kFAAC;IAEQ,SAAS,GAAsB,QAAQ,CAAC,MAChD,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,WAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CACvE;IAED,YAAY,GAAG,KAAK;AACZ,IAAA,eAAe;IAEvB,WAAA,CACU,aAAmC,EACnC,iBAA2C,EAAA;QAD3C,IAAA,CAAA,aAAa,GAAb,aAAa;QACb,IAAA,CAAA,iBAAiB,GAAjB,iBAAiB;QAEzB,MAAM,CAAC,MAAK;AACV,YAAA,IAAI,CAAC,eAAe,EAAE,WAAW,EAAE;AACnC,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,EAAE;AAC7B,YAAA,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;AACzB,iBAAA,IAAI,CACH,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,EACrB,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC;iBAEpC,SAAS,CAAC,MAAK;gBACd,KAAK,MAAM,aAAa,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE;AAClD,oBAAA,IAAI,aAAa,CAAC,IAAI,KAAK,OAAO,EAAE;wBAClC,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,IAAI,CAAC;wBAE5C,IAAI,CAAC,OAAO,EAAE;4BACZ;wBACF;AAEA,wBAAA,MAAM,SAAS,GAAG,aAAa,CAAC,WAAW,GAAG,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,GAAG,IAAI;AACpF,wBAAA,MAAM,eAAe,GAAG,EAAE,aAAa,CAAC,QAAQ,IAAI,KAAK,CAAC,IAAI,SAAS;AAEvE,wBAAA,IAAI,eAAe,IAAI,OAAO,CAAC,QAAQ,EAAE;4BACvC,OAAO,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;4BACpC,MAAM,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,UAAU,CAAC;AAC/D,4BAAA,OAAO,CAAC,aAAa,CAAC,UAAU,CAAC;wBACnC;AAAO,6BAAA,IAAI,CAAC,eAAe,IAAI,OAAO,CAAC,OAAO,EAAE;4BAC9C,OAAO,CAAC,OAAO,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;4BACrC,OAAO,CAAC,eAAe,EAAE;wBAC3B;wBAEA,OAAO,CAAC,sBAAsB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;oBACtD;gBACF;AAEA,gBAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;AACtB,oBAAA,IAAI,CAAC,YAAY,GAAG,IAAI;AACxB,oBAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE;gBACzB;AACF,YAAA,CAAC,CAAC;AACN,QAAA,CAAC,CAAC;IACJ;IAEA,QAAQ,GAAA;AACN,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,EAAE;QAC7B;aACG;AACA,aAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC;aACxC,SAAS,CAAC,MAAK;AACd,YAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;gBACtB;YACF;YAEA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;AACpC,QAAA,CAAC,CAAC;IACN;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,eAAe,EAAE,WAAW,EAAE;IACrC;IAEA,MAAM,GAAA;AACJ,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,EAAE;AAC7B,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE;YACd,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;QAC1C;aAAO;YACL,IAAI,CAAC,gBAAgB,EAAE;QACzB;IACF;AAEA,IAAA,IAAI,IAAI,GAAA;AACN,QAAA,OAAO,IAAI,CAAC,SAAS,EAAE;IACzB;AAEA,IAAA,IAAI,KAAK,GAAA;AACP,QAAA,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC,KAAK;IAC/B;AAEA,IAAA,IAAI,OAAO,GAAA;AACT,QAAA,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK;IACxB;AAEA,IAAA,IAAI,SAAS,GAAA;AACX,QAAA,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO;IAC1B;AAEU,IAAA,cAAc,CAAC,IAAY,EAAA;QACnC,MAAM,eAAe,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC;QACpD,IAAI,CAAC,eAAe,EAAE;AACpB,YAAA,OAAO,IAAI;QACb;QAEA,IAAI,eAAe,CAAC,IAAI,KAAK,OAAO,IAAI,eAAe,CAAC,WAAW,EAAE;YACnE,OAAO,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;QACtD;AAEA,QAAA,OAAO,IAAI;IACb;AAEU,IAAA,kBAAkB,CAAC,IAAY,EAAA;QACvC,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC;IACrC;AAEU,IAAA,UAAU,CAAC,IAAY,EAAA;QAC/B,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC,GAAG,CAAC,IAAI,CAAuB;IACzD;AAEU,IAAA,UAAU,CAAC,IAAgB,EAAA;QACnC,OAAO,UAAU,IAAI,IAAI;IAC3B;IAEU,QAAQ,GAAA;QAChB,IAAI,CAAC,MAAM,EAAE;IACf;AAEQ,IAAA,aAAa,CAAC,UAAyC,EAAA;QAC7D,IAAI,CAAC,UAAU,EAAE;AACf,YAAA,OAAO,EAAE;QACX;AAEA,QAAA,OAAO,UAAU,CAAC,GAAG,CAAC,MAAM,IAAI,IAAI,CAAC,iBAAiB,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;IAC9E;uGAnJW,YAAY,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAC,oBAAA,EAAA,EAAA,EAAA,KAAA,EAAAD,wBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAZ,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,+gBCpCzB,+0BAyBA,EAAA,MAAA,EAAA,CAAA,4MAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDAI,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACZ,mBAAmB,icACnB,eAAe,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,QAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FASN,YAAY,EAAA,UAAA,EAAA,CAAA;kBAfxB,SAAS;+BACE,mBAAmB,EAAA,QAAA,EACnB,iBAAiB,EAAA,OAAA,EAClB;wBACP,YAAY;wBACZ,mBAAmB;wBACnB,eAAe;qBAChB,EAAA,eAAA,EAGgB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,OAAO,EAAE,mBAAmB;AAC7B,qBAAA,EAAA,QAAA,EAAA,+0BAAA,EAAA,MAAA,EAAA,CAAA,4MAAA,CAAA,EAAA;;;AElCH;;AAEG;;;;"}
|
|
@@ -109,11 +109,11 @@ class TourBackdrop {
|
|
|
109
109
|
this.viewBox.set(`0 0 ${w} ${h}`);
|
|
110
110
|
}
|
|
111
111
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TourBackdrop, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
112
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: TourBackdrop, isStandalone: true, selector: "ngs-tour-backdrop", inputs: { animateEnterClass: { classPropertyName: "animateEnterClass", publicName: "animateEnterClass", isSignal: true, isRequired: false, transformFunction: null }, animateLeaveClass: { classPropertyName: "animateLeaveClass", publicName: "animateLeaveClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { backdropClick: "backdropClick" }, host: { listeners: { "window:resize": "onResize()", "window:scroll": "onResize()" }, properties: { "class.is-initial": "isInitial()", "class.animate-enter": "animateEnterClass()", "class.animate-leave": "animateLeaveClass()", "style.pointer-events": "\"none\"" } }, ngImport: i0, template: "<svg\n class=\"absolute top-0 left-0 w-full h-full pointer-events-none\"\n [attr.viewBox]=\"viewBox()\"\n preserveAspectRatio=\"xMinYMin slice\"\n>\n <path\n fill-rule=\"evenodd\"\n [attr.d]=\"backdropPath()\"\n (click)=\"backdropClick.emit()\"\n />\n <rect\n [attr.x]=\"rect().left - padding()\"\n [attr.y]=\"rect().top - padding()\"\n [attr.width]=\"rect().width + 2 * padding()\"\n [attr.height]=\"rect().height + 2 * padding()\"\n [attr.rx]=\"rx()\"\n [class.interactive]=\"!disableInteraction()\"\n ></rect>\n</svg>\n", styles: [":host{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1100;display:block;background:transparent;overflow:hidden;visibility:visible}:host path{fill:var(--ngs-overlay-backdrop-bg);pointer-events:auto;cursor:default}:host rect{fill:transparent;stroke:var(--ngs-color-primary);stroke-width:2;pointer-events:auto}:host rect:not(.interactive){pointer-events:none}:host path,:host rect{transition:all .3s cubic-bezier(.4,0,.2,1)}:host.animate-enter{animation:backdrop-fade-in .2s ease-out forwards}:host.animate-leave{animation:backdrop-fade-out .15s ease-in forwards}@keyframes backdrop-fade-in{0%{opacity:0}to{opacity:1}}@keyframes backdrop-fade-out{0%{opacity:1}to{opacity:0}}:host(.is-initial) path,:host(.is-initial) rect{transition:none}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
|
|
112
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: TourBackdrop, isStandalone: true, selector: "ngs-tour-backdrop", inputs: { animateEnterClass: { classPropertyName: "animateEnterClass", publicName: "animateEnterClass", isSignal: true, isRequired: false, transformFunction: null }, animateLeaveClass: { classPropertyName: "animateLeaveClass", publicName: "animateLeaveClass", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { backdropClick: "backdropClick" }, host: { listeners: { "window:resize": "onResize()", "window:scroll": "onResize()" }, properties: { "class.is-initial": "isInitial()", "class.animate-enter": "animateEnterClass()", "class.animate-leave": "animateLeaveClass()", "style.pointer-events": "\"none\"" } }, exportAs: ["ngsTourBackdrop"], ngImport: i0, template: "<svg\n class=\"absolute top-0 left-0 w-full h-full pointer-events-none\"\n [attr.viewBox]=\"viewBox()\"\n preserveAspectRatio=\"xMinYMin slice\"\n>\n <path\n fill-rule=\"evenodd\"\n [attr.d]=\"backdropPath()\"\n (click)=\"backdropClick.emit()\"\n />\n <rect\n [attr.x]=\"rect().left - padding()\"\n [attr.y]=\"rect().top - padding()\"\n [attr.width]=\"rect().width + 2 * padding()\"\n [attr.height]=\"rect().height + 2 * padding()\"\n [attr.rx]=\"rx()\"\n [class.interactive]=\"!disableInteraction()\"\n ></rect>\n</svg>\n", styles: [":host{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1100;display:block;background:transparent;overflow:hidden;visibility:visible}:host path{fill:var(--ngs-overlay-backdrop-bg);pointer-events:auto;cursor:default}:host rect{fill:transparent;stroke:var(--ngs-color-primary);stroke-width:2;pointer-events:auto}:host rect:not(.interactive){pointer-events:none}:host path,:host rect{transition:all .3s cubic-bezier(.4,0,.2,1)}:host.animate-enter{animation:backdrop-fade-in .2s ease-out forwards}:host.animate-leave{animation:backdrop-fade-out .15s ease-in forwards}@keyframes backdrop-fade-in{0%{opacity:0}to{opacity:1}}@keyframes backdrop-fade-out{0%{opacity:1}to{opacity:0}}:host(.is-initial) path,:host(.is-initial) rect{transition:none}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
|
|
113
113
|
}
|
|
114
114
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TourBackdrop, decorators: [{
|
|
115
115
|
type: Component,
|
|
116
|
-
args: [{ selector: 'ngs-tour-backdrop',
|
|
116
|
+
args: [{ selector: 'ngs-tour-backdrop', exportAs: 'ngsTourBackdrop', host: {
|
|
117
117
|
'[class.is-initial]': 'isInitial()',
|
|
118
118
|
'[class.animate-enter]': 'animateEnterClass()',
|
|
119
119
|
'[class.animate-leave]': 'animateLeaveClass()',
|
|
@@ -187,11 +187,11 @@ class TourStep {
|
|
|
187
187
|
return classes.join(' ');
|
|
188
188
|
}
|
|
189
189
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TourStep, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
190
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: TourStep, isStandalone: true, selector: "ngs-tour-step", inputs: { step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: true, transformFunction: null }, isFirst: { classPropertyName: "isFirst", publicName: "isFirst", isSignal: true, isRequired: false, transformFunction: null }, isLast: { classPropertyName: "isLast", publicName: "isLast", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, animateEnterClass: { classPropertyName: "animateEnterClass", publicName: "animateEnterClass", isSignal: true, isRequired: false, transformFunction: null }, animateLeaveClass: { classPropertyName: "animateLeaveClass", publicName: "animateLeaveClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.animate-enter": "animateEnterClass()", "class.animate-leave": "animateLeaveClass()" }, classAttribute: "ngs-tour-step not-prose" }, ngImport: i0, template: "@if (!step().hideArrow) {\n <div class=\"tour-step-arrow\" [ngClass]=\"getArrowClasses(position())\"></div>\n}\n<div class=\"relative z-[1] transform-gpu\">\n @if (step().title) {\n <h3 class=\"mt-0 mb-2 font-semibold text-base leading-none tracking-tight\">{{ step().title }}</h3>\n }\n\n <div class=\"text-sm text-on-surface-variant\">\n @if (step().template) {\n <ng-container *ngTemplateOutlet=\"step().template!; context: step().templateContext\"/>\n } @else if (htmlContent()) {\n <div [innerHTML]=\"htmlContent()\"></div>\n } @else {\n {{ step().content }}\n }\n </div>\n\n <div class=\"flex justify-between gap-4 mt-4\">\n <button ngsButton (click)=\"tourService.end()\" class=\"button\">\n {{ step().skipBtnText || config?.skipBtnText || 'Close' }}\n </button>\n <div class=\"flex gap-2\">\n <button ngsButton=\"tonal\" (click)=\"tourService.prev()\" [disabled]=\"isFirst()\" class=\"button\">\n {{ step().prevBtnText || config?.prevBtnText || 'Prev' }}\n </button>\n <button ngsButton=\"filled\" (click)=\"tourService.next()\" class=\"button\">\n @if (isLast()) {\n {{ step().finishBtnText || config?.finishBtnText || 'Finish' }}\n } @else {\n {{ step().nextBtnText || config?.nextBtnText || 'Next' }}\n }\n </button>\n </div>\n </div>\n</div>\n", styles: [":host{--ngs-guided-tour-step-bg: var(--ngs-color-surface-container-lowest);--ngs-guided-tour-step-border: 1px solid var(--ngs-color-subtle);--ngs-guided-tour-arrow-border-color: var(--ngs-color-subtle);display:block;z-index:1200;position:relative;background:var(--ngs-guided-tour-step-bg);border-radius:var(--ngs-guided-tour-step-radius, var(--ngs-radius-xl));box-shadow:var(--ngs-guided-tour-step-shadow, var(--ngs-shadow-lg));max-width:var(--ngs-guided-tour-step-max-width, 400px);padding:var(--ngs-guided-tour-step-step-padding, calc(var(--spacing, .25rem) * 4));border:var(--ngs-guided-tour-step-border);overflow:visible}:host .button{--ngs-button-height: calc(var(--spacing, .25rem) * 8);--ngs-button-padding: 0 calc(var(--spacing, .25rem) * 3)}:host.animate-enter{animation:step-enter .3s cubic-bezier(.4,0,.2,1) forwards}:host.animate-leave{animation:step-leave .15s cubic-bezier(.4,0,.2,1) forwards}:host .tour-step-arrow{position:absolute;width:12px;height:12px;background:var(--ngs-guided-tour-step-bg);z-index:10;pointer-events:none;border:1px solid transparent}:host .tour-step-arrow.hidden{display:none}:host .tour-step-arrow.pos-top{top:0;border-top-color:var(--ngs-guided-tour-arrow-border-color);border-left-color:var(--ngs-guided-tour-arrow-border-color)}:host .tour-step-arrow.pos-top.align-center{left:50%;transform:translate(-50%) translateY(-50%) rotate(45deg)}:host .tour-step-arrow.pos-top.align-start{left:16px;transform:translateY(-50%) rotate(45deg)}:host .tour-step-arrow.pos-top.align-end{right:16px;transform:translateY(-50%) rotate(45deg)}:host .tour-step-arrow.pos-bottom{bottom:0;border-bottom-color:var(--ngs-guided-tour-arrow-border-color);border-right-color:var(--ngs-guided-tour-arrow-border-color)}:host .tour-step-arrow.pos-bottom.align-center{left:50%;transform:translate(-50%) translateY(50%) rotate(45deg)}:host .tour-step-arrow.pos-bottom.align-start{left:16px;transform:translateY(50%) rotate(45deg)}:host .tour-step-arrow.pos-bottom.align-end{right:16px;transform:translateY(50%) rotate(45deg)}:host .tour-step-arrow.pos-left{left:0;border-bottom-color:var(--ngs-guided-tour-arrow-border-color);border-left-color:var(--ngs-guided-tour-arrow-border-color)}:host .tour-step-arrow.pos-left.align-center{top:50%;transform:translate(-50%) translateY(-50%) rotate(45deg)}:host .tour-step-arrow.pos-left.align-start{top:16px;transform:translate(-50%) rotate(45deg)}:host .tour-step-arrow.pos-left.align-end{bottom:16px;transform:translate(-50%) rotate(45deg)}:host .tour-step-arrow.pos-right{right:0;border-top-color:var(--ngs-guided-tour-arrow-border-color);border-right-color:var(--ngs-guided-tour-arrow-border-color)}:host .tour-step-arrow.pos-right.align-center{top:50%;transform:translate(50%) translateY(-50%) rotate(45deg)}:host .tour-step-arrow.pos-right.align-start{top:16px;transform:translate(50%) rotate(45deg)}:host .tour-step-arrow.pos-right.align-end{bottom:16px;transform:translate(50%) rotate(45deg)}@keyframes step-enter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes step-leave{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: CommonModule }, { kind: "component", type: Button, selector: " button[ngsButton], button[ngsIconButton], a[ngsButton], a[ngsIconButton] ", inputs: ["ngsButton", "ngsIconButton", "loading", "disabled", "disabledInteractive", "disableRipple", "reverse", "fullWidth", "hideTextOnMobile"], exportAs: ["ngsButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
190
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: TourStep, isStandalone: true, selector: "ngs-tour-step", inputs: { step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: true, transformFunction: null }, isFirst: { classPropertyName: "isFirst", publicName: "isFirst", isSignal: true, isRequired: false, transformFunction: null }, isLast: { classPropertyName: "isLast", publicName: "isLast", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, animateEnterClass: { classPropertyName: "animateEnterClass", publicName: "animateEnterClass", isSignal: true, isRequired: false, transformFunction: null }, animateLeaveClass: { classPropertyName: "animateLeaveClass", publicName: "animateLeaveClass", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.animate-enter": "animateEnterClass()", "class.animate-leave": "animateLeaveClass()" }, classAttribute: "ngs-tour-step not-prose" }, exportAs: ["ngsTourStep"], ngImport: i0, template: "@if (!step().hideArrow) {\n <div class=\"tour-step-arrow\" [ngClass]=\"getArrowClasses(position())\"></div>\n}\n<div class=\"relative z-[1] transform-gpu\">\n @if (step().title) {\n <h3 class=\"mt-0 mb-2 font-semibold text-base leading-none tracking-tight\">{{ step().title }}</h3>\n }\n\n <div class=\"text-sm text-on-surface-variant\">\n @if (step().template) {\n <ng-container *ngTemplateOutlet=\"step().template!; context: step().templateContext\"/>\n } @else if (htmlContent()) {\n <div [innerHTML]=\"htmlContent()\"></div>\n } @else {\n {{ step().content }}\n }\n </div>\n\n <div class=\"flex justify-between gap-4 mt-4\">\n <button ngsButton (click)=\"tourService.end()\" class=\"button\">\n {{ step().skipBtnText || config?.skipBtnText || 'Close' }}\n </button>\n <div class=\"flex gap-2\">\n <button ngsButton=\"tonal\" (click)=\"tourService.prev()\" [disabled]=\"isFirst()\" class=\"button\">\n {{ step().prevBtnText || config?.prevBtnText || 'Prev' }}\n </button>\n <button ngsButton=\"filled\" (click)=\"tourService.next()\" class=\"button\">\n @if (isLast()) {\n {{ step().finishBtnText || config?.finishBtnText || 'Finish' }}\n } @else {\n {{ step().nextBtnText || config?.nextBtnText || 'Next' }}\n }\n </button>\n </div>\n </div>\n</div>\n", styles: [":host{--ngs-guided-tour-step-bg: var(--ngs-color-surface-container-lowest);--ngs-guided-tour-step-border: 1px solid var(--ngs-color-subtle);--ngs-guided-tour-arrow-border-color: var(--ngs-color-subtle);display:block;z-index:1200;position:relative;background:var(--ngs-guided-tour-step-bg);border-radius:var(--ngs-guided-tour-step-radius, var(--ngs-radius-xl));box-shadow:var(--ngs-guided-tour-step-shadow, var(--ngs-shadow-lg));max-width:var(--ngs-guided-tour-step-max-width, 400px);padding:var(--ngs-guided-tour-step-step-padding, calc(var(--spacing, .25rem) * 4));border:var(--ngs-guided-tour-step-border);overflow:visible}:host .button{--ngs-button-height: calc(var(--spacing, .25rem) * 8);--ngs-button-padding: 0 calc(var(--spacing, .25rem) * 3)}:host.animate-enter{animation:step-enter .3s cubic-bezier(.4,0,.2,1) forwards}:host.animate-leave{animation:step-leave .15s cubic-bezier(.4,0,.2,1) forwards}:host .tour-step-arrow{position:absolute;width:12px;height:12px;background:var(--ngs-guided-tour-step-bg);z-index:10;pointer-events:none;border:1px solid transparent}:host .tour-step-arrow.hidden{display:none}:host .tour-step-arrow.pos-top{top:0;border-top-color:var(--ngs-guided-tour-arrow-border-color);border-left-color:var(--ngs-guided-tour-arrow-border-color)}:host .tour-step-arrow.pos-top.align-center{left:50%;transform:translate(-50%) translateY(-50%) rotate(45deg)}:host .tour-step-arrow.pos-top.align-start{left:16px;transform:translateY(-50%) rotate(45deg)}:host .tour-step-arrow.pos-top.align-end{right:16px;transform:translateY(-50%) rotate(45deg)}:host .tour-step-arrow.pos-bottom{bottom:0;border-bottom-color:var(--ngs-guided-tour-arrow-border-color);border-right-color:var(--ngs-guided-tour-arrow-border-color)}:host .tour-step-arrow.pos-bottom.align-center{left:50%;transform:translate(-50%) translateY(50%) rotate(45deg)}:host .tour-step-arrow.pos-bottom.align-start{left:16px;transform:translateY(50%) rotate(45deg)}:host .tour-step-arrow.pos-bottom.align-end{right:16px;transform:translateY(50%) rotate(45deg)}:host .tour-step-arrow.pos-left{left:0;border-bottom-color:var(--ngs-guided-tour-arrow-border-color);border-left-color:var(--ngs-guided-tour-arrow-border-color)}:host .tour-step-arrow.pos-left.align-center{top:50%;transform:translate(-50%) translateY(-50%) rotate(45deg)}:host .tour-step-arrow.pos-left.align-start{top:16px;transform:translate(-50%) rotate(45deg)}:host .tour-step-arrow.pos-left.align-end{bottom:16px;transform:translate(-50%) rotate(45deg)}:host .tour-step-arrow.pos-right{right:0;border-top-color:var(--ngs-guided-tour-arrow-border-color);border-right-color:var(--ngs-guided-tour-arrow-border-color)}:host .tour-step-arrow.pos-right.align-center{top:50%;transform:translate(50%) translateY(-50%) rotate(45deg)}:host .tour-step-arrow.pos-right.align-start{top:16px;transform:translate(50%) rotate(45deg)}:host .tour-step-arrow.pos-right.align-end{bottom:16px;transform:translate(50%) rotate(45deg)}@keyframes step-enter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes step-leave{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: CommonModule }, { kind: "component", type: Button, selector: " button[ngsButton], button[ngsIconButton], a[ngsButton], a[ngsIconButton] ", inputs: ["ngsButton", "ngsIconButton", "loading", "disabled", "disabledInteractive", "disableRipple", "reverse", "fullWidth", "hideTextOnMobile"], exportAs: ["ngsButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
191
191
|
}
|
|
192
192
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: TourStep, decorators: [{
|
|
193
193
|
type: Component,
|
|
194
|
-
args: [{ selector: 'ngs-tour-step',
|
|
194
|
+
args: [{ selector: 'ngs-tour-step', exportAs: 'ngsTourStep', imports: [
|
|
195
195
|
NgTemplateOutlet,
|
|
196
196
|
NgClass,
|
|
197
197
|
CommonModule,
|
|
@@ -724,7 +724,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
|
|
|
724
724
|
type: Directive,
|
|
725
725
|
args: [{
|
|
726
726
|
selector: '[ngsTourAnchor]',
|
|
727
|
-
standalone: true
|
|
728
727
|
}]
|
|
729
728
|
}], propDecorators: { anchorId: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngsTourAnchor", required: true }] }] } });
|
|
730
729
|
|