coer-elements 2.0.43 → 2.0.45
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/components/lib/coer-datebox/coer-datebox.component.d.ts +1 -1
- package/components/lib/coer-numberbox/coer-numberbox.component.d.ts +1 -1
- package/components/lib/coer-secretbox/coer-secretbox.component.d.ts +1 -1
- package/components/lib/coer-textarea/coer-textarea.component.d.ts +1 -1
- package/components/lib/coer-textbox/coer-textbox.component.d.ts +1 -1
- package/fesm2022/coer-elements-components.mjs +2 -2
- package/fesm2022/coer-elements-components.mjs.map +1 -1
- package/package.json +5 -5
- package/styles/coer-elements.css +1 -1
- package/styles/layout-flex.scss +1 -1
|
@@ -17,7 +17,7 @@ export declare class CoerDateBox extends ControlValue implements AfterViewInit,
|
|
|
17
17
|
value: import("@angular/core").InputSignal<string | null | undefined>;
|
|
18
18
|
label: import("@angular/core").InputSignal<string>;
|
|
19
19
|
placeholder: import("@angular/core").InputSignal<string>;
|
|
20
|
-
textPosition: import("@angular/core").InputSignal<"
|
|
20
|
+
textPosition: import("@angular/core").InputSignal<"left" | "right" | "center">;
|
|
21
21
|
isInvalid: import("@angular/core").InputSignal<boolean>;
|
|
22
22
|
isValid: import("@angular/core").InputSignal<boolean>;
|
|
23
23
|
isLoading: import("@angular/core").InputSignal<boolean>;
|
|
@@ -17,7 +17,7 @@ export declare class CoerNumberBox extends ControlValue implements AfterViewInit
|
|
|
17
17
|
value: import("@angular/core").InputSignal<string | number | null | undefined>;
|
|
18
18
|
label: import("@angular/core").InputSignal<string>;
|
|
19
19
|
placeholder: import("@angular/core").InputSignal<string>;
|
|
20
|
-
textPosition: import("@angular/core").InputSignal<"
|
|
20
|
+
textPosition: import("@angular/core").InputSignal<"left" | "right" | "center">;
|
|
21
21
|
min: import("@angular/core").InputSignal<number>;
|
|
22
22
|
max: import("@angular/core").InputSignal<number>;
|
|
23
23
|
isInvalid: import("@angular/core").InputSignal<boolean>;
|
|
@@ -14,7 +14,7 @@ export declare class CoerSecretBox extends ControlValue implements AfterViewInit
|
|
|
14
14
|
value: import("@angular/core").InputSignal<string | number | null | undefined>;
|
|
15
15
|
label: import("@angular/core").InputSignal<string>;
|
|
16
16
|
placeholder: import("@angular/core").InputSignal<string>;
|
|
17
|
-
textPosition: import("@angular/core").InputSignal<"
|
|
17
|
+
textPosition: import("@angular/core").InputSignal<"left" | "right" | "center">;
|
|
18
18
|
minLength: import("@angular/core").InputSignal<string | number>;
|
|
19
19
|
maxLength: import("@angular/core").InputSignal<string | number>;
|
|
20
20
|
isInvalid: import("@angular/core").InputSignal<boolean>;
|
|
@@ -12,7 +12,7 @@ export declare class CoerTextarea extends ControlValue implements AfterViewInit,
|
|
|
12
12
|
value: import("@angular/core").InputSignal<string | number | null | undefined>;
|
|
13
13
|
label: import("@angular/core").InputSignal<string>;
|
|
14
14
|
placeholder: import("@angular/core").InputSignal<string>;
|
|
15
|
-
textPosition: import("@angular/core").InputSignal<"
|
|
15
|
+
textPosition: import("@angular/core").InputSignal<"left" | "right" | "center">;
|
|
16
16
|
minLength: import("@angular/core").InputSignal<string | number>;
|
|
17
17
|
maxLength: import("@angular/core").InputSignal<string | number>;
|
|
18
18
|
isInvalid: import("@angular/core").InputSignal<boolean>;
|
|
@@ -16,7 +16,7 @@ export declare class CoerTextBox extends ControlValue implements AfterViewInit,
|
|
|
16
16
|
value: import("@angular/core").InputSignal<string | number | null | undefined>;
|
|
17
17
|
label: import("@angular/core").InputSignal<string>;
|
|
18
18
|
placeholder: import("@angular/core").InputSignal<string>;
|
|
19
|
-
textPosition: import("@angular/core").InputSignal<"
|
|
19
|
+
textPosition: import("@angular/core").InputSignal<"left" | "right" | "center">;
|
|
20
20
|
minLength: import("@angular/core").InputSignal<string | number>;
|
|
21
21
|
maxLength: import("@angular/core").InputSignal<string | number>;
|
|
22
22
|
isInvalid: import("@angular/core").InputSignal<boolean>;
|
|
@@ -3905,11 +3905,11 @@ class CoerTab {
|
|
|
3905
3905
|
this._selectedIndex.set(index);
|
|
3906
3906
|
}
|
|
3907
3907
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerTab, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3908
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerTab, isStandalone: false, selector: "coer-tab", inputs: { height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null }, selectedIndex: { classPropertyName: "selectedIndex", publicName: "selectedIndex", isSignal: true, isRequired: false, transformFunction: null }, alignTabs: { classPropertyName: "alignTabs", publicName: "alignTabs", isSignal: true, isRequired: false, transformFunction: null }, stretchTabs: { classPropertyName: "stretchTabs", publicName: "stretchTabs", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelectedTab: "onSelectedTab" }, queries: [{ propertyName: "contentRef", predicate: CoerRefDirective, isSignal: true }], viewQueries: [{ propertyName: "_matTabGroup", first: true, predicate: ["matTabGroup"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"coer-tab\">\r\n <mat-tab-group #matTabGroup\r\n [id]=\"_id\"\r\n [mat-stretch-tabs]=\"stretchTabs()\"\r\n [selectedIndex]=\"_selectedIndex()\"\r\n (selectedIndexChange)=\"_SelectedIndexChange($event)\">\r\n\r\n @for(tab of _contentList(); track tab.coerRef()) { \r\n @if(tab.show()) {\r\n <mat-tab [label]=\"tab.coerRef()\" [disabled]=\"tab.isDisabled()\">\r\n <ng-template mat-tab-label>\r\n <span class=\"tab\"\r\n [matTooltip]=\"_SetToolTip(tab)\"\r\n matTooltipPosition=\"above\"\r\n [matTooltipDisabled]=\"false\"\r\n [matTooltipHideDelay]=\"0\">\r\n <i [class]=\"_GetIcon(tab)\"></i>\r\n <span [class]=\"_GetIcon(tab).length > 0 ? 'ms-2' : ''\">\r\n {{ _GetTitle(tab) }}\r\n </span>\r\n </span>\r\n </ng-template>\r\n
|
|
3908
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.1", type: CoerTab, isStandalone: false, selector: "coer-tab", inputs: { height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null }, selectedIndex: { classPropertyName: "selectedIndex", publicName: "selectedIndex", isSignal: true, isRequired: false, transformFunction: null }, alignTabs: { classPropertyName: "alignTabs", publicName: "alignTabs", isSignal: true, isRequired: false, transformFunction: null }, stretchTabs: { classPropertyName: "stretchTabs", publicName: "stretchTabs", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelectedTab: "onSelectedTab" }, queries: [{ propertyName: "contentRef", predicate: CoerRefDirective, isSignal: true }], viewQueries: [{ propertyName: "_matTabGroup", first: true, predicate: ["matTabGroup"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"coer-tab\">\r\n <mat-tab-group #matTabGroup\r\n [id]=\"_id\"\r\n [mat-stretch-tabs]=\"stretchTabs()\"\r\n [selectedIndex]=\"_selectedIndex()\"\r\n (selectedIndexChange)=\"_SelectedIndexChange($event)\">\r\n\r\n @for(tab of _contentList(); track tab.coerRef()) { \r\n @if(tab.show()) {\r\n <mat-tab [label]=\"tab.coerRef()\" [disabled]=\"tab.isDisabled()\">\r\n <ng-template mat-tab-label>\r\n <span class=\"tab\"\r\n [matTooltip]=\"_SetToolTip(tab)\"\r\n matTooltipPosition=\"above\"\r\n [matTooltipDisabled]=\"false\"\r\n [matTooltipHideDelay]=\"0\">\r\n <i [class]=\"_GetIcon(tab)\"></i>\r\n <span [class]=\"_GetIcon(tab).length > 0 ? 'ms-2' : ''\">\r\n {{ _GetTitle(tab) }}\r\n </span>\r\n </span>\r\n </ng-template>\r\n \r\n <ng-template matTabContent> \r\n @if(tab.coerRef() == selectedTab().coerRef()) {\r\n <div class=\"tab-content\"\r\n [ngStyle]=\"{\r\n 'height': height(),\r\n 'min-height': minHeight(),\r\n 'max-height': maxHeight()\r\n }\"> \r\n \r\n <ng-container [ngTemplateOutlet]=\"tab.template\"></ng-container>\r\n </div>\r\n }\r\n </ng-template> \r\n </mat-tab>\r\n }\r\n }\r\n </mat-tab-group>\r\n</div> ", styles: ["div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header{background-color:#f5f5f562!important;border-bottom:1px solid var(--smoke)!important}div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header div.mat-mdc-tab-label-container div.mat-mdc-tab-list div.mat-mdc-tab-labels div.mdc-tab.mat-mdc-tab{padding:0!important;height:35px!important}div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header div.mat-mdc-tab-label-container div.mat-mdc-tab-list div.mat-mdc-tab-labels div.mdc-tab--active.mdc-tab-indicator--active *{color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header span.tab{padding:10px 20px!important}div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper{overflow-x:hidden!important;overflow-y:visible!important}div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper mat-tab-body{overflow-x:hidden!important;overflow-y:visible!important}div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper mat-tab-body div.mat-mdc-tab-body-content{width:auto!important;overflow-x:auto!important;overflow-y:visible!important}div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper mat-tab-body div.mat-mdc-tab-body-content div.tab-content{padding:5px}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i3$4.MatTabContent, selector: "[matTabContent]" }, { kind: "directive", type: i3$4.MatTabLabel, selector: "[mat-tab-label], [matTabLabel]" }, { kind: "component", type: i3$4.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i3$4.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }] }); }
|
|
3909
3909
|
}
|
|
3910
3910
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.1", ngImport: i0, type: CoerTab, decorators: [{
|
|
3911
3911
|
type: Component,
|
|
3912
|
-
args: [{ selector: 'coer-tab', standalone: false, template: "<div class=\"coer-tab\">\r\n <mat-tab-group #matTabGroup\r\n [id]=\"_id\"\r\n [mat-stretch-tabs]=\"stretchTabs()\"\r\n [selectedIndex]=\"_selectedIndex()\"\r\n (selectedIndexChange)=\"_SelectedIndexChange($event)\">\r\n\r\n @for(tab of _contentList(); track tab.coerRef()) { \r\n @if(tab.show()) {\r\n <mat-tab [label]=\"tab.coerRef()\" [disabled]=\"tab.isDisabled()\">\r\n <ng-template mat-tab-label>\r\n <span class=\"tab\"\r\n [matTooltip]=\"_SetToolTip(tab)\"\r\n matTooltipPosition=\"above\"\r\n [matTooltipDisabled]=\"false\"\r\n [matTooltipHideDelay]=\"0\">\r\n <i [class]=\"_GetIcon(tab)\"></i>\r\n <span [class]=\"_GetIcon(tab).length > 0 ? 'ms-2' : ''\">\r\n {{ _GetTitle(tab) }}\r\n </span>\r\n </span>\r\n </ng-template>\r\n
|
|
3912
|
+
args: [{ selector: 'coer-tab', standalone: false, template: "<div class=\"coer-tab\">\r\n <mat-tab-group #matTabGroup\r\n [id]=\"_id\"\r\n [mat-stretch-tabs]=\"stretchTabs()\"\r\n [selectedIndex]=\"_selectedIndex()\"\r\n (selectedIndexChange)=\"_SelectedIndexChange($event)\">\r\n\r\n @for(tab of _contentList(); track tab.coerRef()) { \r\n @if(tab.show()) {\r\n <mat-tab [label]=\"tab.coerRef()\" [disabled]=\"tab.isDisabled()\">\r\n <ng-template mat-tab-label>\r\n <span class=\"tab\"\r\n [matTooltip]=\"_SetToolTip(tab)\"\r\n matTooltipPosition=\"above\"\r\n [matTooltipDisabled]=\"false\"\r\n [matTooltipHideDelay]=\"0\">\r\n <i [class]=\"_GetIcon(tab)\"></i>\r\n <span [class]=\"_GetIcon(tab).length > 0 ? 'ms-2' : ''\">\r\n {{ _GetTitle(tab) }}\r\n </span>\r\n </span>\r\n </ng-template>\r\n \r\n <ng-template matTabContent> \r\n @if(tab.coerRef() == selectedTab().coerRef()) {\r\n <div class=\"tab-content\"\r\n [ngStyle]=\"{\r\n 'height': height(),\r\n 'min-height': minHeight(),\r\n 'max-height': maxHeight()\r\n }\"> \r\n \r\n <ng-container [ngTemplateOutlet]=\"tab.template\"></ng-container>\r\n </div>\r\n }\r\n </ng-template> \r\n </mat-tab>\r\n }\r\n }\r\n </mat-tab-group>\r\n</div> ", styles: ["div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header{background-color:#f5f5f562!important;border-bottom:1px solid var(--smoke)!important}div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header div.mat-mdc-tab-label-container div.mat-mdc-tab-list div.mat-mdc-tab-labels div.mdc-tab.mat-mdc-tab{padding:0!important;height:35px!important}div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header div.mat-mdc-tab-label-container div.mat-mdc-tab-list div.mat-mdc-tab-labels div.mdc-tab--active.mdc-tab-indicator--active *{color:var(--navigation-inner)!important;border-color:var(--navigation-inner)!important}div.coer-tab mat-tab-group mat-tab-header.mat-mdc-tab-header span.tab{padding:10px 20px!important}div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper{overflow-x:hidden!important;overflow-y:visible!important}div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper mat-tab-body{overflow-x:hidden!important;overflow-y:visible!important}div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper mat-tab-body div.mat-mdc-tab-body-content{width:auto!important;overflow-x:auto!important;overflow-y:visible!important}div.coer-tab mat-tab-group div.mat-mdc-tab-body-wrapper mat-tab-body div.mat-mdc-tab-body-content div.tab-content{padding:5px}\n"] }]
|
|
3913
3913
|
}], ctorParameters: () => [] });
|
|
3914
3914
|
|
|
3915
3915
|
class CoerTextarea extends ControlValue {
|