structra-ui 0.1.66 → 0.1.67
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/fesm2022/structra-ui.mjs
CHANGED
|
@@ -6233,11 +6233,11 @@ class FormTabComponent {
|
|
|
6233
6233
|
return this.tabs ? this.tabs.headerIdFor(this.key) : '';
|
|
6234
6234
|
}
|
|
6235
6235
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormTabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6236
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FormTabComponent, isStandalone: true, selector: "app-form-tab", inputs: { key: "key", tabTitle: "tabTitle", disabled: ["disabled", "disabled", booleanAttribute], warning: ["warning", "warning", booleanAttribute] }, host: { properties: { "class": "this.hostClass" } }, usesOnChanges: true, ngImport: i0, template: "<div\r\n class=\"form-tab__panel\"\r\n role=\"tabpanel\"\r\n [id]=\"panelId()\"\r\n [attr.aria-labelledby]=\"labelledById() || null\"\r\n [attr.aria-hidden]=\"!isActive\"\r\n [hidden]=\"!isActive\"\r\n [class.form-tab__panel--active]=\"isActive\"\r\n>\r\n @if (!detachInactivePanel || isActive) {\r\n <ng-content />\r\n }\r\n</div>\r\n", styles: ["@charset \"UTF-8\";:host.form-tab{display:block;width:100%;box-sizing:border-box}.form-tab__panel{display:flex;flex-direction:column;align-items:stretch;gap:1.25rem;width:100%;min-width:0;box-sizing:border-box}:host ::ng-deep .form-tab__panel * app-form-group+app-form-group{margin-top:1.25rem!important}.form-tab__panel[hidden]{display:none!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
6236
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: FormTabComponent, isStandalone: true, selector: "app-form-tab", inputs: { key: "key", tabTitle: "tabTitle", disabled: ["disabled", "disabled", booleanAttribute], warning: ["warning", "warning", booleanAttribute] }, host: { properties: { "class": "this.hostClass" } }, usesOnChanges: true, ngImport: i0, template: "<div\r\n class=\"form-tab__panel\"\r\n role=\"tabpanel\"\r\n [id]=\"panelId()\"\r\n [attr.aria-labelledby]=\"labelledById() || null\"\r\n [attr.aria-hidden]=\"!isActive\"\r\n [hidden]=\"!isActive\"\r\n [class.form-tab__panel--active]=\"isActive\"\r\n>\r\n @if (!detachInactivePanel || isActive) {\r\n <ng-content />\r\n }\r\n</div>\r\n", styles: ["@charset \"UTF-8\";:host.form-tab{display:block;width:100%;box-sizing:border-box}.form-tab__panel{display:flex;flex-direction:column;align-items:stretch;gap:1.25rem;width:100%;min-width:0;box-sizing:border-box}:host ::ng-deep .form-tab__panel * app-form-group+app-form-group{margin-top:1.25rem!important}:host ::ng-deep app-layout-stack.layout-stack--dir-row .layout-stack__track>app-form-group+app-form-group{margin-top:0!important}.form-tab__panel[hidden]{display:none!important}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
6237
6237
|
}
|
|
6238
6238
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: FormTabComponent, decorators: [{
|
|
6239
6239
|
type: Component,
|
|
6240
|
-
args: [{ selector: 'app-form-tab', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n class=\"form-tab__panel\"\r\n role=\"tabpanel\"\r\n [id]=\"panelId()\"\r\n [attr.aria-labelledby]=\"labelledById() || null\"\r\n [attr.aria-hidden]=\"!isActive\"\r\n [hidden]=\"!isActive\"\r\n [class.form-tab__panel--active]=\"isActive\"\r\n>\r\n @if (!detachInactivePanel || isActive) {\r\n <ng-content />\r\n }\r\n</div>\r\n", styles: ["@charset \"UTF-8\";:host.form-tab{display:block;width:100%;box-sizing:border-box}.form-tab__panel{display:flex;flex-direction:column;align-items:stretch;gap:1.25rem;width:100%;min-width:0;box-sizing:border-box}:host ::ng-deep .form-tab__panel * app-form-group+app-form-group{margin-top:1.25rem!important}.form-tab__panel[hidden]{display:none!important}\n"] }]
|
|
6240
|
+
args: [{ selector: 'app-form-tab', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\r\n class=\"form-tab__panel\"\r\n role=\"tabpanel\"\r\n [id]=\"panelId()\"\r\n [attr.aria-labelledby]=\"labelledById() || null\"\r\n [attr.aria-hidden]=\"!isActive\"\r\n [hidden]=\"!isActive\"\r\n [class.form-tab__panel--active]=\"isActive\"\r\n>\r\n @if (!detachInactivePanel || isActive) {\r\n <ng-content />\r\n }\r\n</div>\r\n", styles: ["@charset \"UTF-8\";:host.form-tab{display:block;width:100%;box-sizing:border-box}.form-tab__panel{display:flex;flex-direction:column;align-items:stretch;gap:1.25rem;width:100%;min-width:0;box-sizing:border-box}:host ::ng-deep .form-tab__panel * app-form-group+app-form-group{margin-top:1.25rem!important}:host ::ng-deep app-layout-stack.layout-stack--dir-row .layout-stack__track>app-form-group+app-form-group{margin-top:0!important}.form-tab__panel[hidden]{display:none!important}\n"] }]
|
|
6241
6241
|
}], propDecorators: { key: [{
|
|
6242
6242
|
type: Input,
|
|
6243
6243
|
args: [{ required: true }]
|