@skyux/code-examples 12.1.0 → 12.3.0
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.
|
@@ -6682,12 +6682,10 @@ class DatetimeTimepickerBasicExampleComponent {
|
|
|
6682
6682
|
nonNullable: true,
|
|
6683
6683
|
validators: [Validators.required, validateTime],
|
|
6684
6684
|
});
|
|
6685
|
-
this.formGroup = inject(FormBuilder).group({
|
|
6686
|
-
time: this.time,
|
|
6687
|
-
});
|
|
6685
|
+
this.formGroup = inject(FormBuilder).group({ time: this.time });
|
|
6688
6686
|
}
|
|
6689
6687
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: DatetimeTimepickerBasicExampleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6690
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: DatetimeTimepickerBasicExampleComponent, isStandalone: true, selector: "app-datetime-timepicker-basic-example", ngImport: i0, template: "<div class=\"sky-padding-even-lg\">\n <form [formGroup]=\"formGroup\">\n <sky-input-box\n labelText=\"Start time\"\n [helpPopoverContent]=\"helpPopoverContent\"\n [hintText]=\"hintText\"\n >\n <sky-timepicker #timepicker>\n <input\n formControlName=\"time\"\n timeFormat=\"hh\"\n [skyTimepickerInput]=\"timepicker\"\n />\n </sky-timepicker>\n @if (time.errors?.['invalidMinute']) {\n <sky-form-error\n errorName=\"invalidMinute\"\n errorText=\"Start time must be a 15-minute increment.\"\n />\n }\n </sky-input-box>\n </form>\n</div>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: SkyInputBoxModule }, { kind: "component", type: i2.λ10, selector: "sky-input-box", inputs: ["hasErrors", "disabled", "labelText", "characterLimit", "stacked", "helpPopoverTitle", "helpPopoverContent", "helpKey", "hintText"] }, { kind: "directive", type: i2.λ20, selector: "input:not([skyId]):not(.sky-form-control),select:not([skyId]):not(.sky-form-control),textarea:not([skyId]):not(.sky-form-control)", inputs: ["autocomplete"] }, { kind: "component", type: i2.λ22, selector: "sky-form-error", inputs: ["errorName", "errorText"] }, { kind: "ngmodule", type: SkyTimepickerModule }, { kind: "directive", type: i3$5.λ7, selector: "[skyTimepickerInput]", inputs: ["skyTimepickerInput", "timeFormat", "returnFormat", "disabled"] }, { kind: "component", type: i3$5.λ6, selector: "sky-timepicker", outputs: ["selectedTimeChanged"] }] }); }
|
|
6688
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: DatetimeTimepickerBasicExampleComponent, isStandalone: true, selector: "app-datetime-timepicker-basic-example", ngImport: i0, template: "<div class=\"sky-padding-even-lg\">\n <form [formGroup]=\"formGroup\">\n <sky-input-box\n data-sky-id=\"timepicker-example\"\n labelText=\"Start time\"\n [helpPopoverContent]=\"helpPopoverContent\"\n [hintText]=\"hintText\"\n >\n <sky-timepicker #timepicker>\n <input\n formControlName=\"time\"\n timeFormat=\"hh\"\n [skyTimepickerInput]=\"timepicker\"\n />\n </sky-timepicker>\n @if (time.errors?.['invalidMinute']) {\n <sky-form-error\n errorName=\"invalidMinute\"\n errorText=\"Start time must be a 15-minute increment.\"\n />\n }\n </sky-input-box>\n </form>\n</div>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: SkyInputBoxModule }, { kind: "component", type: i2.λ10, selector: "sky-input-box", inputs: ["hasErrors", "disabled", "labelText", "characterLimit", "stacked", "helpPopoverTitle", "helpPopoverContent", "helpKey", "hintText"] }, { kind: "directive", type: i2.λ20, selector: "input:not([skyId]):not(.sky-form-control),select:not([skyId]):not(.sky-form-control),textarea:not([skyId]):not(.sky-form-control)", inputs: ["autocomplete"] }, { kind: "component", type: i2.λ22, selector: "sky-form-error", inputs: ["errorName", "errorText"] }, { kind: "ngmodule", type: SkyTimepickerModule }, { kind: "directive", type: i3$5.λ7, selector: "[skyTimepickerInput]", inputs: ["skyTimepickerInput", "timeFormat", "returnFormat", "disabled"] }, { kind: "component", type: i3$5.λ6, selector: "sky-timepicker", outputs: ["selectedTimeChanged"] }] }); }
|
|
6691
6689
|
}
|
|
6692
6690
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: DatetimeTimepickerBasicExampleComponent, decorators: [{
|
|
6693
6691
|
type: Component,
|
|
@@ -6696,7 +6694,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
|
|
|
6696
6694
|
ReactiveFormsModule,
|
|
6697
6695
|
SkyInputBoxModule,
|
|
6698
6696
|
SkyTimepickerModule,
|
|
6699
|
-
], template: "<div class=\"sky-padding-even-lg\">\n <form [formGroup]=\"formGroup\">\n <sky-input-box\n labelText=\"Start time\"\n [helpPopoverContent]=\"helpPopoverContent\"\n [hintText]=\"hintText\"\n >\n <sky-timepicker #timepicker>\n <input\n formControlName=\"time\"\n timeFormat=\"hh\"\n [skyTimepickerInput]=\"timepicker\"\n />\n </sky-timepicker>\n @if (time.errors?.['invalidMinute']) {\n <sky-form-error\n errorName=\"invalidMinute\"\n errorText=\"Start time must be a 15-minute increment.\"\n />\n }\n </sky-input-box>\n </form>\n</div>\n" }]
|
|
6697
|
+
], template: "<div class=\"sky-padding-even-lg\">\n <form [formGroup]=\"formGroup\">\n <sky-input-box\n data-sky-id=\"timepicker-example\"\n labelText=\"Start time\"\n [helpPopoverContent]=\"helpPopoverContent\"\n [hintText]=\"hintText\"\n >\n <sky-timepicker #timepicker>\n <input\n formControlName=\"time\"\n timeFormat=\"hh\"\n [skyTimepickerInput]=\"timepicker\"\n />\n </sky-timepicker>\n @if (time.errors?.['invalidMinute']) {\n <sky-form-error\n errorName=\"invalidMinute\"\n errorText=\"Start time must be a 15-minute increment.\"\n />\n }\n </sky-input-box>\n </form>\n</div>\n" }]
|
|
6700
6698
|
}], ctorParameters: () => [] });
|
|
6701
6699
|
|
|
6702
6700
|
class FlyoutComponent {
|
|
@@ -7576,11 +7574,11 @@ class FormsToggleSwitchBasicExampleComponent {
|
|
|
7576
7574
|
});
|
|
7577
7575
|
}
|
|
7578
7576
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: FormsToggleSwitchBasicExampleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7579
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: FormsToggleSwitchBasicExampleComponent, isStandalone: true, selector: "app-forms-toggle-switch-basic-example", ngImport: i0, template: "<form [formGroup]=\"formGroup\">\n <sky-toggle-switch\n formControlName=\"registration\"\n labelText=\"Open for registration\"\n [helpPopoverContent]=\"helpPopoverContent\"\n />\n</form>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: SkyToggleSwitchModule }, { kind: "component", type: i2.λ19, selector: "sky-toggle-switch", inputs: ["ariaLabel", "checked", "disabled", "helpPopoverContent", "helpPopoverTitle", "tabIndex", "labelText", "labelHidden", "helpKey"], outputs: ["toggleChange"] }] }); }
|
|
7577
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: FormsToggleSwitchBasicExampleComponent, isStandalone: true, selector: "app-forms-toggle-switch-basic-example", ngImport: i0, template: "<form [formGroup]=\"formGroup\">\n <sky-toggle-switch\n data-sky-id=\"toggle-switch\"\n formControlName=\"registration\"\n labelText=\"Open for registration\"\n [helpPopoverContent]=\"helpPopoverContent\"\n />\n</form>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: SkyToggleSwitchModule }, { kind: "component", type: i2.λ19, selector: "sky-toggle-switch", inputs: ["ariaLabel", "checked", "disabled", "helpPopoverContent", "helpPopoverTitle", "tabIndex", "labelText", "labelHidden", "helpKey"], outputs: ["toggleChange"] }] }); }
|
|
7580
7578
|
}
|
|
7581
7579
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: FormsToggleSwitchBasicExampleComponent, decorators: [{
|
|
7582
7580
|
type: Component,
|
|
7583
|
-
args: [{ selector: 'app-forms-toggle-switch-basic-example', imports: [FormsModule, ReactiveFormsModule, SkyToggleSwitchModule], template: "<form [formGroup]=\"formGroup\">\n <sky-toggle-switch\n formControlName=\"registration\"\n labelText=\"Open for registration\"\n [helpPopoverContent]=\"helpPopoverContent\"\n />\n</form>\n" }]
|
|
7581
|
+
args: [{ selector: 'app-forms-toggle-switch-basic-example', imports: [FormsModule, ReactiveFormsModule, SkyToggleSwitchModule], template: "<form [formGroup]=\"formGroup\">\n <sky-toggle-switch\n data-sky-id=\"toggle-switch\"\n formControlName=\"registration\"\n labelText=\"Open for registration\"\n [helpPopoverContent]=\"helpPopoverContent\"\n />\n</form>\n" }]
|
|
7584
7582
|
}], ctorParameters: () => [] });
|
|
7585
7583
|
|
|
7586
7584
|
/**
|
|
@@ -7593,11 +7591,11 @@ class FormsToggleSwitchHelpKeyExampleComponent {
|
|
|
7593
7591
|
});
|
|
7594
7592
|
}
|
|
7595
7593
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: FormsToggleSwitchHelpKeyExampleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7596
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: FormsToggleSwitchHelpKeyExampleComponent, isStandalone: true, selector: "app-forms-toggle-switch-help-key-example", ngImport: i0, template: "<form [formGroup]=\"formGroup\">\n <sky-toggle-switch\n formControlName=\"registration\"\n helpKey=\"registration-help\"\n labelText=\"Open for registration\"\n />\n</form>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: SkyToggleSwitchModule }, { kind: "component", type: i2.λ19, selector: "sky-toggle-switch", inputs: ["ariaLabel", "checked", "disabled", "helpPopoverContent", "helpPopoverTitle", "tabIndex", "labelText", "labelHidden", "helpKey"], outputs: ["toggleChange"] }] }); }
|
|
7594
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: FormsToggleSwitchHelpKeyExampleComponent, isStandalone: true, selector: "app-forms-toggle-switch-help-key-example", ngImport: i0, template: "<form [formGroup]=\"formGroup\">\n <sky-toggle-switch\n data-sky-id=\"toggle-switch\"\n formControlName=\"registration\"\n helpKey=\"registration-help\"\n labelText=\"Open for registration\"\n />\n</form>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: SkyToggleSwitchModule }, { kind: "component", type: i2.λ19, selector: "sky-toggle-switch", inputs: ["ariaLabel", "checked", "disabled", "helpPopoverContent", "helpPopoverTitle", "tabIndex", "labelText", "labelHidden", "helpKey"], outputs: ["toggleChange"] }] }); }
|
|
7597
7595
|
}
|
|
7598
7596
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: FormsToggleSwitchHelpKeyExampleComponent, decorators: [{
|
|
7599
7597
|
type: Component,
|
|
7600
|
-
args: [{ selector: 'app-forms-toggle-switch-help-key-example', imports: [FormsModule, ReactiveFormsModule, SkyToggleSwitchModule], template: "<form [formGroup]=\"formGroup\">\n <sky-toggle-switch\n formControlName=\"registration\"\n helpKey=\"registration-help\"\n labelText=\"Open for registration\"\n />\n</form>\n" }]
|
|
7598
|
+
args: [{ selector: 'app-forms-toggle-switch-help-key-example', imports: [FormsModule, ReactiveFormsModule, SkyToggleSwitchModule], template: "<form [formGroup]=\"formGroup\">\n <sky-toggle-switch\n data-sky-id=\"toggle-switch\"\n formControlName=\"registration\"\n helpKey=\"registration-help\"\n labelText=\"Open for registration\"\n />\n</form>\n" }]
|
|
7601
7599
|
}], ctorParameters: () => [] });
|
|
7602
7600
|
|
|
7603
7601
|
/**
|
|
@@ -10808,11 +10806,11 @@ class AddItemModalComponent {
|
|
|
10808
10806
|
}
|
|
10809
10807
|
}
|
|
10810
10808
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: AddItemModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
10811
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: AddItemModalComponent, isStandalone: true, selector: "app-add-item-modal", ngImport: i0, template: "<form novalidate [formGroup]=\"formGroup\" (ngSubmit)=\"save()\">\n <sky-modal headingText=\"Add Item\">\n <sky-modal-content>\n <sky-input-box labelText=\"Name\">\n <input\n type=\"text\"\n autocapitalize=\"words\"\n autocomplete=\"off\"\n formControlName=\"name\"\n class=\"sky-form-control\"\n />\n </sky-input-box>\n </sky-modal-content>\n <sky-modal-footer>\n <button class=\"sky-btn sky-btn-
|
|
10809
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: AddItemModalComponent, isStandalone: true, selector: "app-add-item-modal", ngImport: i0, template: "<form novalidate [formGroup]=\"formGroup\" (ngSubmit)=\"save()\">\n <sky-modal headingText=\"Add Item\">\n <sky-modal-content>\n <sky-input-box labelText=\"Name\">\n <input\n type=\"text\"\n autocapitalize=\"words\"\n autocomplete=\"off\"\n formControlName=\"name\"\n class=\"sky-form-control\"\n />\n </sky-input-box>\n </sky-modal-content>\n <sky-modal-footer>\n <button class=\"sky-btn sky-btn-primary\" type=\"submit\">Add</button>\n <button class=\"sky-btn sky-btn-link\" type=\"button\" (click)=\"close()\">\n Cancel\n </button>\n </sky-modal-footer>\n </sky-modal>\n</form>\n", dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.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$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: SkyInputBoxModule }, { kind: "component", type: i2.λ10, selector: "sky-input-box", inputs: ["hasErrors", "disabled", "labelText", "characterLimit", "stacked", "helpPopoverTitle", "helpPopoverContent", "helpKey", "hintText"] }, { kind: "ngmodule", type: SkyModalModule }, { kind: "component", type: i3$2.λ5, selector: "sky-modal", inputs: ["formErrors", "headingText", "helpKey", "helpPopoverContent", "helpPopoverTitle", "ariaRole", "tiledBody", "ariaDescribedBy", "ariaLabelledBy", "layout"] }, { kind: "component", type: i3$2.λ2, selector: "sky-modal-content" }, { kind: "component", type: i3$2.λ3, selector: "sky-modal-footer" }] }); }
|
|
10812
10810
|
}
|
|
10813
10811
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: AddItemModalComponent, decorators: [{
|
|
10814
10812
|
type: Component,
|
|
10815
|
-
args: [{ selector: 'app-add-item-modal', imports: [ReactiveFormsModule, SkyInputBoxModule, SkyModalModule], template: "<form novalidate [formGroup]=\"formGroup\" (ngSubmit)=\"save()\">\n <sky-modal headingText=\"Add Item\">\n <sky-modal-content>\n <sky-input-box labelText=\"Name\">\n <input\n type=\"text\"\n autocapitalize=\"words\"\n autocomplete=\"off\"\n formControlName=\"name\"\n class=\"sky-form-control\"\n />\n </sky-input-box>\n </sky-modal-content>\n <sky-modal-footer>\n <button class=\"sky-btn sky-btn-
|
|
10813
|
+
args: [{ selector: 'app-add-item-modal', imports: [ReactiveFormsModule, SkyInputBoxModule, SkyModalModule], template: "<form novalidate [formGroup]=\"formGroup\" (ngSubmit)=\"save()\">\n <sky-modal headingText=\"Add Item\">\n <sky-modal-content>\n <sky-input-box labelText=\"Name\">\n <input\n type=\"text\"\n autocapitalize=\"words\"\n autocomplete=\"off\"\n formControlName=\"name\"\n class=\"sky-form-control\"\n />\n </sky-input-box>\n </sky-modal-content>\n <sky-modal-footer>\n <button class=\"sky-btn sky-btn-primary\" type=\"submit\">Add</button>\n <button class=\"sky-btn sky-btn-link\" type=\"button\" (click)=\"close()\">\n Cancel\n </button>\n </sky-modal-footer>\n </sky-modal>\n</form>\n" }]
|
|
10816
10814
|
}], ctorParameters: () => [] });
|
|
10817
10815
|
|
|
10818
10816
|
const people$1 = [
|