@m1z23r/ngx-ui 1.1.7 → 1.1.9
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.
|
@@ -703,11 +703,11 @@ class ButtonComponent {
|
|
|
703
703
|
this.directiveLoading.set(loading);
|
|
704
704
|
}
|
|
705
705
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
706
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: ButtonComponent, isStandalone: true, selector: "ui-button", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, providers: [{ provide: LOADABLE, useExisting: ButtonComponent }], ngImport: i0, template: "<button\n [type]=\"type()\"\n [disabled]=\"disabled() || isLoading()\"\n [class]=\"buttonClasses()\"\n (click)=\"handleClick($event)\"\n>\n @if (isLoading()) {\n <span class=\"ui-button__spinner\"></span>\n }\n <span class=\"ui-button__content\" [class.ui-button__content--hidden]=\"isLoading()\">\n <ng-content />\n </span>\n</button>\n", styles: ["@charset \"UTF-8\";:host{display:inline-block}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--ui-spacing-sm);font-family:inherit;font-weight:500;border:1px solid transparent;cursor:pointer;transition:all var(--ui-transition-fast);position:relative;--_btn-color: var(--ui-primary);--_btn-hover: var(--ui-primary-hover);--_btn-active: var(--ui-primary-active);--_btn-text: var(--ui-primary-text)}button:disabled{cursor:not-allowed;opacity:.6}button:focus-visible{outline:2px solid var(--_btn-color);outline-offset:2px}.ui-button--primary{--_btn-color: var(--ui-primary);--_btn-hover: var(--ui-primary-hover);--_btn-active: var(--ui-primary-active);--_btn-text: var(--ui-primary-text)}.ui-button--secondary{--_btn-color: var(--ui-secondary);--_btn-hover: var(--ui-secondary-hover);--_btn-active: var(--ui-secondary-active);--_btn-text: var(--ui-secondary-text)}.ui-button--danger{--_btn-color: var(--ui-danger);--_btn-hover: var(--ui-danger-hover);--_btn-active: var(--ui-danger-active);--_btn-text: var(--ui-danger-text)}.ui-button--success{--_btn-color: var(--ui-success);--_btn-hover: var(--ui-success-hover);--_btn-active: var(--ui-success-active);--_btn-text: var(--ui-success-text)}.ui-button--warning{--_btn-color: var(--ui-warning);--_btn-hover: var(--ui-warning-hover);--_btn-active: var(--ui-warning-active);--_btn-text: var(--ui-warning-text)}.ui-button--default{background-color:var(--_btn-color);color:var(--_btn-text)}.ui-button--default:hover:not(:disabled){background-color:var(--_btn-hover)}.ui-button--default:active:not(:disabled){background-color:var(--_btn-active)}.ui-button--outline{background-color:transparent;border-color:var(--_btn-color);color:var(--_btn-color)}.ui-button--outline:hover:not(:disabled){background-color:color-mix(in srgb,var(--_btn-color) 10%,transparent)}.ui-button--outline:active:not(:disabled){background-color:color-mix(in srgb,var(--_btn-color) 18%,transparent)}.ui-button--ghost{background-color:transparent;color:var(--_btn-color)}.ui-button--ghost:hover:not(:disabled){background-color:color-mix(in srgb,var(--_btn-color) 10%,transparent)}.ui-button--ghost:active:not(:disabled){background-color:color-mix(in srgb,var(--_btn-color) 18%,transparent)}.ui-button--elevated{background-color:var(--_btn-color);color:var(--_btn-text);box-shadow:var(--ui-shadow-md)}.ui-button--elevated:hover:not(:disabled){background-color:var(--_btn-hover);box-shadow:var(--ui-shadow-lg)}.ui-button--elevated:active:not(:disabled){background-color:var(--_btn-active);box-shadow:var(--ui-shadow-sm)}.ui-button--sm{padding:var(--ui-spacing-xs) var(--ui-spacing-sm);font-size:var(--ui-font-sm);border-radius:var(--ui-radius-sm)}.ui-button--md{padding:var(--ui-spacing-sm) var(--ui-spacing-md);font-size:var(--ui-font-md);border-radius:var(--ui-radius-md)}.ui-button--lg{padding:var(--ui-spacing-md) var(--ui-spacing-lg);font-size:var(--ui-font-lg);border-radius:var(--ui-radius-md)}.ui-button__spinner{position:absolute;width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .75s linear infinite}.ui-button__content{display:inline-flex;align-items:center;justify-content:center;gap:inherit}.ui-button__content--hidden{visibility:hidden}@keyframes spin{to{transform:rotate(360deg)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
706
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: ButtonComponent, isStandalone: true, selector: "ui-button", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { clicked: "clicked" }, providers: [{ provide: LOADABLE, useExisting: ButtonComponent }], ngImport: i0, template: "<button\n [type]=\"type()\"\n [disabled]=\"disabled() || isLoading()\"\n [class]=\"buttonClasses()\"\n (click)=\"handleClick($event)\"\n>\n @if (isLoading()) {\n <span class=\"ui-button__spinner\"></span>\n }\n <span class=\"ui-button__content\" [class.ui-button__content--hidden]=\"isLoading()\">\n <ng-content />\n </span>\n</button>\n", styles: ["@charset \"UTF-8\";:host{display:inline-block}button{display:inline-flex;width:100%;align-items:center;justify-content:center;gap:var(--ui-spacing-sm);font-family:inherit;font-weight:500;border:1px solid transparent;cursor:pointer;transition:all var(--ui-transition-fast);position:relative;--_btn-color: var(--ui-primary);--_btn-hover: var(--ui-primary-hover);--_btn-active: var(--ui-primary-active);--_btn-text: var(--ui-primary-text)}button:disabled{cursor:not-allowed;opacity:.6}button:focus-visible{outline:2px solid var(--_btn-color);outline-offset:2px}.ui-button--primary{--_btn-color: var(--ui-primary);--_btn-hover: var(--ui-primary-hover);--_btn-active: var(--ui-primary-active);--_btn-text: var(--ui-primary-text)}.ui-button--secondary{--_btn-color: var(--ui-secondary);--_btn-hover: var(--ui-secondary-hover);--_btn-active: var(--ui-secondary-active);--_btn-text: var(--ui-secondary-text)}.ui-button--danger{--_btn-color: var(--ui-danger);--_btn-hover: var(--ui-danger-hover);--_btn-active: var(--ui-danger-active);--_btn-text: var(--ui-danger-text)}.ui-button--success{--_btn-color: var(--ui-success);--_btn-hover: var(--ui-success-hover);--_btn-active: var(--ui-success-active);--_btn-text: var(--ui-success-text)}.ui-button--warning{--_btn-color: var(--ui-warning);--_btn-hover: var(--ui-warning-hover);--_btn-active: var(--ui-warning-active);--_btn-text: var(--ui-warning-text)}.ui-button--default{background-color:var(--_btn-color);color:var(--_btn-text)}.ui-button--default:hover:not(:disabled){background-color:var(--_btn-hover)}.ui-button--default:active:not(:disabled){background-color:var(--_btn-active)}.ui-button--outline{background-color:transparent;border-color:var(--_btn-color);color:var(--_btn-color)}.ui-button--outline:hover:not(:disabled){background-color:color-mix(in srgb,var(--_btn-color) 10%,transparent)}.ui-button--outline:active:not(:disabled){background-color:color-mix(in srgb,var(--_btn-color) 18%,transparent)}.ui-button--ghost{background-color:transparent;color:var(--_btn-color)}.ui-button--ghost:hover:not(:disabled){background-color:color-mix(in srgb,var(--_btn-color) 10%,transparent)}.ui-button--ghost:active:not(:disabled){background-color:color-mix(in srgb,var(--_btn-color) 18%,transparent)}.ui-button--elevated{background-color:var(--_btn-color);color:var(--_btn-text);box-shadow:var(--ui-shadow-md)}.ui-button--elevated:hover:not(:disabled){background-color:var(--_btn-hover);box-shadow:var(--ui-shadow-lg)}.ui-button--elevated:active:not(:disabled){background-color:var(--_btn-active);box-shadow:var(--ui-shadow-sm)}.ui-button--sm{padding:var(--ui-spacing-xs) var(--ui-spacing-sm);font-size:var(--ui-font-sm);border-radius:var(--ui-radius-sm)}.ui-button--md{padding:var(--ui-spacing-sm) var(--ui-spacing-md);font-size:var(--ui-font-md);border-radius:var(--ui-radius-md)}.ui-button--lg{padding:var(--ui-spacing-md) var(--ui-spacing-lg);font-size:var(--ui-font-lg);border-radius:var(--ui-radius-md)}.ui-button__spinner{position:absolute;width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .75s linear infinite}.ui-button__content{display:inline-flex;align-items:center;justify-content:center;gap:inherit}.ui-button__content--hidden{visibility:hidden}@keyframes spin{to{transform:rotate(360deg)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
707
707
|
}
|
|
708
708
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: ButtonComponent, decorators: [{
|
|
709
709
|
type: Component,
|
|
710
|
-
args: [{ selector: 'ui-button', standalone: true, providers: [{ provide: LOADABLE, useExisting: ButtonComponent }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n [type]=\"type()\"\n [disabled]=\"disabled() || isLoading()\"\n [class]=\"buttonClasses()\"\n (click)=\"handleClick($event)\"\n>\n @if (isLoading()) {\n <span class=\"ui-button__spinner\"></span>\n }\n <span class=\"ui-button__content\" [class.ui-button__content--hidden]=\"isLoading()\">\n <ng-content />\n </span>\n</button>\n", styles: ["@charset \"UTF-8\";:host{display:inline-block}button{display:inline-flex;align-items:center;justify-content:center;gap:var(--ui-spacing-sm);font-family:inherit;font-weight:500;border:1px solid transparent;cursor:pointer;transition:all var(--ui-transition-fast);position:relative;--_btn-color: var(--ui-primary);--_btn-hover: var(--ui-primary-hover);--_btn-active: var(--ui-primary-active);--_btn-text: var(--ui-primary-text)}button:disabled{cursor:not-allowed;opacity:.6}button:focus-visible{outline:2px solid var(--_btn-color);outline-offset:2px}.ui-button--primary{--_btn-color: var(--ui-primary);--_btn-hover: var(--ui-primary-hover);--_btn-active: var(--ui-primary-active);--_btn-text: var(--ui-primary-text)}.ui-button--secondary{--_btn-color: var(--ui-secondary);--_btn-hover: var(--ui-secondary-hover);--_btn-active: var(--ui-secondary-active);--_btn-text: var(--ui-secondary-text)}.ui-button--danger{--_btn-color: var(--ui-danger);--_btn-hover: var(--ui-danger-hover);--_btn-active: var(--ui-danger-active);--_btn-text: var(--ui-danger-text)}.ui-button--success{--_btn-color: var(--ui-success);--_btn-hover: var(--ui-success-hover);--_btn-active: var(--ui-success-active);--_btn-text: var(--ui-success-text)}.ui-button--warning{--_btn-color: var(--ui-warning);--_btn-hover: var(--ui-warning-hover);--_btn-active: var(--ui-warning-active);--_btn-text: var(--ui-warning-text)}.ui-button--default{background-color:var(--_btn-color);color:var(--_btn-text)}.ui-button--default:hover:not(:disabled){background-color:var(--_btn-hover)}.ui-button--default:active:not(:disabled){background-color:var(--_btn-active)}.ui-button--outline{background-color:transparent;border-color:var(--_btn-color);color:var(--_btn-color)}.ui-button--outline:hover:not(:disabled){background-color:color-mix(in srgb,var(--_btn-color) 10%,transparent)}.ui-button--outline:active:not(:disabled){background-color:color-mix(in srgb,var(--_btn-color) 18%,transparent)}.ui-button--ghost{background-color:transparent;color:var(--_btn-color)}.ui-button--ghost:hover:not(:disabled){background-color:color-mix(in srgb,var(--_btn-color) 10%,transparent)}.ui-button--ghost:active:not(:disabled){background-color:color-mix(in srgb,var(--_btn-color) 18%,transparent)}.ui-button--elevated{background-color:var(--_btn-color);color:var(--_btn-text);box-shadow:var(--ui-shadow-md)}.ui-button--elevated:hover:not(:disabled){background-color:var(--_btn-hover);box-shadow:var(--ui-shadow-lg)}.ui-button--elevated:active:not(:disabled){background-color:var(--_btn-active);box-shadow:var(--ui-shadow-sm)}.ui-button--sm{padding:var(--ui-spacing-xs) var(--ui-spacing-sm);font-size:var(--ui-font-sm);border-radius:var(--ui-radius-sm)}.ui-button--md{padding:var(--ui-spacing-sm) var(--ui-spacing-md);font-size:var(--ui-font-md);border-radius:var(--ui-radius-md)}.ui-button--lg{padding:var(--ui-spacing-md) var(--ui-spacing-lg);font-size:var(--ui-font-lg);border-radius:var(--ui-radius-md)}.ui-button__spinner{position:absolute;width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .75s linear infinite}.ui-button__content{display:inline-flex;align-items:center;justify-content:center;gap:inherit}.ui-button__content--hidden{visibility:hidden}@keyframes spin{to{transform:rotate(360deg)}}\n"] }]
|
|
710
|
+
args: [{ selector: 'ui-button', standalone: true, providers: [{ provide: LOADABLE, useExisting: ButtonComponent }], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n [type]=\"type()\"\n [disabled]=\"disabled() || isLoading()\"\n [class]=\"buttonClasses()\"\n (click)=\"handleClick($event)\"\n>\n @if (isLoading()) {\n <span class=\"ui-button__spinner\"></span>\n }\n <span class=\"ui-button__content\" [class.ui-button__content--hidden]=\"isLoading()\">\n <ng-content />\n </span>\n</button>\n", styles: ["@charset \"UTF-8\";:host{display:inline-block}button{display:inline-flex;width:100%;align-items:center;justify-content:center;gap:var(--ui-spacing-sm);font-family:inherit;font-weight:500;border:1px solid transparent;cursor:pointer;transition:all var(--ui-transition-fast);position:relative;--_btn-color: var(--ui-primary);--_btn-hover: var(--ui-primary-hover);--_btn-active: var(--ui-primary-active);--_btn-text: var(--ui-primary-text)}button:disabled{cursor:not-allowed;opacity:.6}button:focus-visible{outline:2px solid var(--_btn-color);outline-offset:2px}.ui-button--primary{--_btn-color: var(--ui-primary);--_btn-hover: var(--ui-primary-hover);--_btn-active: var(--ui-primary-active);--_btn-text: var(--ui-primary-text)}.ui-button--secondary{--_btn-color: var(--ui-secondary);--_btn-hover: var(--ui-secondary-hover);--_btn-active: var(--ui-secondary-active);--_btn-text: var(--ui-secondary-text)}.ui-button--danger{--_btn-color: var(--ui-danger);--_btn-hover: var(--ui-danger-hover);--_btn-active: var(--ui-danger-active);--_btn-text: var(--ui-danger-text)}.ui-button--success{--_btn-color: var(--ui-success);--_btn-hover: var(--ui-success-hover);--_btn-active: var(--ui-success-active);--_btn-text: var(--ui-success-text)}.ui-button--warning{--_btn-color: var(--ui-warning);--_btn-hover: var(--ui-warning-hover);--_btn-active: var(--ui-warning-active);--_btn-text: var(--ui-warning-text)}.ui-button--default{background-color:var(--_btn-color);color:var(--_btn-text)}.ui-button--default:hover:not(:disabled){background-color:var(--_btn-hover)}.ui-button--default:active:not(:disabled){background-color:var(--_btn-active)}.ui-button--outline{background-color:transparent;border-color:var(--_btn-color);color:var(--_btn-color)}.ui-button--outline:hover:not(:disabled){background-color:color-mix(in srgb,var(--_btn-color) 10%,transparent)}.ui-button--outline:active:not(:disabled){background-color:color-mix(in srgb,var(--_btn-color) 18%,transparent)}.ui-button--ghost{background-color:transparent;color:var(--_btn-color)}.ui-button--ghost:hover:not(:disabled){background-color:color-mix(in srgb,var(--_btn-color) 10%,transparent)}.ui-button--ghost:active:not(:disabled){background-color:color-mix(in srgb,var(--_btn-color) 18%,transparent)}.ui-button--elevated{background-color:var(--_btn-color);color:var(--_btn-text);box-shadow:var(--ui-shadow-md)}.ui-button--elevated:hover:not(:disabled){background-color:var(--_btn-hover);box-shadow:var(--ui-shadow-lg)}.ui-button--elevated:active:not(:disabled){background-color:var(--_btn-active);box-shadow:var(--ui-shadow-sm)}.ui-button--sm{padding:var(--ui-spacing-xs) var(--ui-spacing-sm);font-size:var(--ui-font-sm);border-radius:var(--ui-radius-sm)}.ui-button--md{padding:var(--ui-spacing-sm) var(--ui-spacing-md);font-size:var(--ui-font-md);border-radius:var(--ui-radius-md)}.ui-button--lg{padding:var(--ui-spacing-md) var(--ui-spacing-lg);font-size:var(--ui-font-lg);border-radius:var(--ui-radius-md)}.ui-button__spinner{position:absolute;width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .75s linear infinite}.ui-button__content{display:inline-flex;align-items:center;justify-content:center;gap:inherit}.ui-button__content--hidden{visibility:hidden}@keyframes spin{to{transform:rotate(360deg)}}\n"] }]
|
|
711
711
|
}], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], clicked: [{ type: i0.Output, args: ["clicked"] }] } });
|
|
712
712
|
|
|
713
713
|
class InputComponent {
|
|
@@ -2238,11 +2238,11 @@ class TabComponent {
|
|
|
2238
2238
|
this._index.set(index);
|
|
2239
2239
|
}
|
|
2240
2240
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TabComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
2241
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: TabComponent, isStandalone: true, selector: "ui-tab", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "iconDirective", first: true, predicate: TabIconDirective, descendants: true, isSignal: true }], ngImport: i0, template: "@if (isActive()) {\n <div\n class=\"ui-tab-panel\"\n role=\"tabpanel\"\n [attr.id]=\"'panel-' + (id() || _index())\"\n [attr.aria-labelledby]=\"'tab-' + (id() || _index())\"\n >\n <ng-content />\n </div>\n}\n", styles: [":host{display:block}.ui-tab-panel{animation:fadeIn var(--ui-transition-fast)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2241
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: TabComponent, isStandalone: true, selector: "ui-tab, [ui-tab]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "iconDirective", first: true, predicate: TabIconDirective, descendants: true, isSignal: true }], ngImport: i0, template: "@if (isActive()) {\n <div\n class=\"ui-tab-panel\"\n role=\"tabpanel\"\n [attr.id]=\"'panel-' + (id() || _index())\"\n [attr.aria-labelledby]=\"'tab-' + (id() || _index())\"\n >\n <ng-content />\n </div>\n}\n", styles: [":host{display:block}.ui-tab-panel{animation:fadeIn var(--ui-transition-fast)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
2242
2242
|
}
|
|
2243
2243
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: TabComponent, decorators: [{
|
|
2244
2244
|
type: Component,
|
|
2245
|
-
args: [{ selector: 'ui-tab', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (isActive()) {\n <div\n class=\"ui-tab-panel\"\n role=\"tabpanel\"\n [attr.id]=\"'panel-' + (id() || _index())\"\n [attr.aria-labelledby]=\"'tab-' + (id() || _index())\"\n >\n <ng-content />\n </div>\n}\n", styles: [":host{display:block}.ui-tab-panel{animation:fadeIn var(--ui-transition-fast)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}\n"] }]
|
|
2245
|
+
args: [{ selector: 'ui-tab, [ui-tab]', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (isActive()) {\n <div\n class=\"ui-tab-panel\"\n role=\"tabpanel\"\n [attr.id]=\"'panel-' + (id() || _index())\"\n [attr.aria-labelledby]=\"'tab-' + (id() || _index())\"\n >\n <ng-content />\n </div>\n}\n", styles: [":host{display:block}.ui-tab-panel{animation:fadeIn var(--ui-transition-fast)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}\n"] }]
|
|
2246
2246
|
}], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], iconDirective: [{ type: i0.ContentChild, args: [i0.forwardRef(() => TabIconDirective), { isSignal: true }] }] } });
|
|
2247
2247
|
|
|
2248
2248
|
class TabActivePipe {
|