@leanix/components 0.2.244 → 0.2.247
Sign up to get free protection for your applications and to get access to all the features.
- package/esm2020/lib/core-ui/components/badge/badge.component.mjs +3 -3
- package/esm2020/lib/core-ui/components/button/button.component.mjs +3 -3
- package/esm2020/lib/core-ui/components/button-group/button-group.component.mjs +3 -3
- package/esm2020/lib/core-ui/components/card/card.component.mjs +3 -3
- package/esm2020/lib/core-ui/components/collapsible/collapsible.component.mjs +3 -3
- package/esm2020/lib/core-ui/components/colored-label/colored-label.component.mjs +3 -3
- package/esm2020/lib/core-ui/components/ellipsis/ellipsis.component.mjs +3 -3
- package/esm2020/lib/core-ui/components/icon-scale/icon-scale.component.mjs +3 -3
- package/esm2020/lib/core-ui/components/spinner/spinner.component.mjs +3 -3
- package/esm2020/lib/core-ui/components/table/table-header/table-header.component.mjs +3 -3
- package/esm2020/lib/core-ui/components/table/table.component.mjs +3 -3
- package/esm2020/lib/core-ui/components/tiny-spinner/tiny-spinner.component.mjs +3 -3
- package/esm2020/lib/core-ui/core-ui.module.mjs +4 -4
- package/esm2020/lib/core-ui/directives/after-view-init.directive.mjs +3 -3
- package/esm2020/lib/core-ui/directives/autoclose-group.service.mjs +3 -3
- package/esm2020/lib/core-ui/directives/autoclose.directive.mjs +3 -3
- package/esm2020/lib/core-ui/directives/autofocus.directive.mjs +8 -5
- package/esm2020/lib/core-ui/directives/html.directive.mjs +3 -3
- package/esm2020/lib/core-ui/pipes/br.pipe.mjs +3 -3
- package/esm2020/lib/core-ui/pipes/contrast-color.pipe.mjs +3 -3
- package/esm2020/lib/core-ui/pipes/custom-date.pipe.mjs +3 -3
- package/esm2020/lib/core-ui/pipes/highlight-range.pipe.mjs +3 -3
- package/esm2020/lib/core-ui/pipes/highlight-term.pipe.mjs +3 -3
- package/esm2020/lib/core-ui/pipes/linkify/linkify.pipe.mjs +4 -4
- package/esm2020/lib/core-ui/pipes/linkify/unlinkify.pipe.mjs +4 -4
- package/esm2020/lib/core-ui/pipes/lx-is-uuid.pipe.mjs +3 -3
- package/esm2020/lib/core-ui/pipes/lx-time-ago.pipe.mjs +3 -3
- package/esm2020/lib/core-ui/pipes/lx-translate.pipe.mjs +4 -4
- package/esm2020/lib/core-ui/pipes/markdown.pipe.mjs +3 -3
- package/esm2020/lib/core-ui/pipes/nbsp.pipe.mjs +3 -3
- package/esm2020/lib/core-ui/pipes/sort.pipe.mjs +3 -3
- package/esm2020/lib/core-ui/pipes/translation-after.pipe.mjs +3 -3
- package/esm2020/lib/core-ui/pipes/translation-before.pipe.mjs +3 -3
- package/esm2020/lib/core-ui/pipes/translation-between.pipe.mjs +3 -3
- package/esm2020/lib/core-ui/pipes/unescape-curly-braces.pipe.mjs +3 -3
- package/esm2020/lib/core-ui/services/resize-observer.service.mjs +3 -3
- package/esm2020/lib/core-ui/tooltip/tooltip.component.mjs +3 -3
- package/esm2020/lib/core-ui/tooltip/tooltip.directive.mjs +3 -3
- package/esm2020/lib/core-ui/tooltip/tooltip.module.mjs +4 -4
- package/esm2020/lib/forms-ui/components/basic-dropdown/basic-dropdown.component.mjs +3 -3
- package/esm2020/lib/forms-ui/components/basic-dropdown-item/basic-dropdown-item.component.mjs +3 -3
- package/esm2020/lib/forms-ui/components/cdk-options-dropdown/cdk-options-dropdown.component.mjs +3 -3
- package/esm2020/lib/forms-ui/components/cdk-options-sub-dropdown/cdk-options-sub-dropdown.component.mjs +3 -3
- package/esm2020/lib/forms-ui/components/currency/currency-input.component.mjs +3 -3
- package/esm2020/lib/forms-ui/components/currency/currency-symbol.component.mjs +3 -3
- package/esm2020/lib/forms-ui/components/date-input/date-input.component.mjs +3 -3
- package/esm2020/lib/forms-ui/components/drag-and-drop-list/drag-and-drop-list-item/drag-and-drop-list-item.component.mjs +3 -3
- package/esm2020/lib/forms-ui/components/drag-and-drop-list/drag-and-drop-list.component.mjs +3 -3
- package/esm2020/lib/forms-ui/components/drag-and-drop-list/drag-and-drop-list.module.mjs +4 -4
- package/esm2020/lib/forms-ui/components/drag-and-drop-list/keyboard-sortable-item/keyboard-sortable-item.directive.mjs +3 -3
- package/esm2020/lib/forms-ui/components/drag-and-drop-list/keyboard-sortable-list/keyboard-sortable-list.directive.mjs +3 -3
- package/esm2020/lib/forms-ui/components/error-message/error-message.component.mjs +3 -3
- package/esm2020/lib/forms-ui/components/form-error/form-error.component.mjs +3 -3
- package/esm2020/lib/forms-ui/components/icon/icon.component.mjs +3 -3
- package/esm2020/lib/forms-ui/components/input/input.component.mjs +3 -3
- package/esm2020/lib/forms-ui/components/keyboard-select.directive.mjs +3 -3
- package/esm2020/lib/forms-ui/components/multi-select/multi-select.component.mjs +3 -3
- package/esm2020/lib/forms-ui/components/option/option.component.mjs +3 -3
- package/esm2020/lib/forms-ui/components/option-group/option-group.component.mjs +3 -3
- package/esm2020/lib/forms-ui/components/option-group-dropdown/option-group-dropdown.component.mjs +3 -3
- package/esm2020/lib/forms-ui/components/options-dropdown/options-dropdown.component.mjs +3 -3
- package/esm2020/lib/forms-ui/components/options-sub-dropdown/options-sub-dropdown.component.mjs +3 -3
- package/esm2020/lib/forms-ui/components/picker/picker-trigger.directive.mjs +3 -3
- package/esm2020/lib/forms-ui/components/picker/picker.component.mjs +3 -3
- package/esm2020/lib/forms-ui/components/picker-option/picker-option.component.mjs +3 -3
- package/esm2020/lib/forms-ui/components/pill-item/pill-item.component.mjs +3 -3
- package/esm2020/lib/forms-ui/components/pill-list/pill-list.component.mjs +3 -3
- package/esm2020/lib/forms-ui/components/responsive-input/responsive-input.component.mjs +3 -3
- package/esm2020/lib/forms-ui/components/single-select/single-select.component.mjs +3 -3
- package/esm2020/lib/forms-ui/components/slider-toggle/slider-toggle.component.mjs +3 -3
- package/esm2020/lib/forms-ui/components/sorting-dropdown/sorting-dropdown.component.mjs +3 -3
- package/esm2020/lib/forms-ui/components/sorting-dropdown-trigger/sorting-dropdown-trigger.component.mjs +3 -3
- package/esm2020/lib/forms-ui/directives/form-error.directive.mjs +3 -3
- package/esm2020/lib/forms-ui/directives/form-submit.directive.mjs +3 -3
- package/esm2020/lib/forms-ui/directives/keyboard-action-source.directive.mjs +3 -3
- package/esm2020/lib/forms-ui/directives/mark-invalid.directive.mjs +3 -3
- package/esm2020/lib/forms-ui/directives/select-dropdown.directive.mjs +3 -3
- package/esm2020/lib/forms-ui/directives/selectable-item.directive.mjs +3 -3
- package/esm2020/lib/forms-ui/directives/selected-option.directive.mjs +3 -3
- package/esm2020/lib/forms-ui/forms-ui.module.mjs +4 -4
- package/esm2020/lib/forms-ui/models/base-select.directive.mjs +3 -3
- package/esm2020/lib/forms-ui/pipes/filter-selection.pipe.mjs +3 -3
- package/esm2020/lib/forms-ui/pipes/filter-term.pipe.mjs +3 -3
- package/esm2020/lib/forms-ui/pipes/format-number.pipe.mjs +3 -3
- package/esm2020/lib/modal-ui/components/modal/modal.component.mjs +3 -3
- package/esm2020/lib/modal-ui/components/modal-footer/modal-footer.component.mjs +3 -3
- package/esm2020/lib/modal-ui/components/modal-header/modal-header.component.mjs +3 -3
- package/esm2020/lib/modal-ui/directives/modal-content.directive.mjs +3 -3
- package/esm2020/lib/modal-ui/modal.module.mjs +4 -4
- package/esm2020/lib/popover-ui/components/popover/popover.component.mjs +3 -3
- package/esm2020/lib/popover-ui/directives/popover-click.directive.mjs +3 -3
- package/esm2020/lib/popover-ui/directives/popover-content.directive.mjs +3 -3
- package/esm2020/lib/popover-ui/directives/popover-hover.directive.mjs +3 -3
- package/esm2020/lib/popover-ui/popover-ui.module.mjs +4 -4
- package/esm2020/lib/tab-ui/components/tab/tab.component.mjs +3 -3
- package/esm2020/lib/tab-ui/components/tab-group/tab-group.component.mjs +3 -3
- package/esm2020/lib/tab-ui/tab-ui.module.mjs +4 -4
- package/fesm2015/leanix-components.mjs +303 -300
- package/fesm2015/leanix-components.mjs.map +1 -1
- package/fesm2020/leanix-components.mjs +303 -300
- package/fesm2020/leanix-components.mjs.map +1 -1
- package/lib/core-ui/directives/autofocus.directive.d.ts +2 -1
- package/package.json +2 -2
@@ -31,9 +31,9 @@ export class TabComponent {
|
|
31
31
|
return this._isActive;
|
32
32
|
}
|
33
33
|
}
|
34
|
-
TabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2
|
35
|
-
TabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2
|
36
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2
|
34
|
+
TabComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: TabComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
35
|
+
TabComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: TabComponent, selector: "lx-tab", inputs: { icon: "icon", label: "label", title: "title", tabLink: "tabLink", counter: "counter", routerLinkActiveOptions: "routerLinkActiveOptions", counterBadgeSize: "counterBadgeSize", noMargin: "noMargin", noLeftMarginForFirstTab: "noLeftMarginForFirstTab", background: "background", disabled: "disabled" }, outputs: { switch: "switch" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["contentTemplate"], descendants: true, static: true }, { propertyName: "routerLinkActive", first: true, predicate: RouterLinkActive, descendants: true }], ngImport: i0, template: "<li\n class=\"tab\"\n [attr.tabindex]=\"isActive || disabled || tabLink ? '-1' : '0'\"\n [attr.aria-selected]=\"isActive\"\n [attr.aria-controls]=\"tabPanelId\"\n [class.active]=\"isActive\"\n [class.withIcon]=\"icon\"\n [class.noMargin]=\"noMargin\"\n [class.noLeftMarginForFirstTab]=\"noLeftMarginForFirstTab\"\n [class.backgroundGray]=\"background === 'gray'\"\n [class.disabled]=\"disabled\"\n [class.portalTab]=\"!tabLink\"\n [class.routerLinkTab]=\"tabLink\"\n [attr.title]=\"title\"\n role=\"tab\"\n (keyup.enter)=\"switch.emit()\"\n (click)=\"switch.emit()\"\n>\n <a *ngIf=\"tabLink; else portalTab\" [routerLink]=\"tabLink\" routerLinkActive [routerLinkActiveOptions]=\"routerLinkActiveOptions\">\n <ng-container *ngTemplateOutlet=\"portalTab\"></ng-container>\n </a>\n\n <ng-template #portalTab>\n <i *ngIf=\"icon\" class=\"icon {{ icon }}\"></i>\n <span *ngIf=\"label\" class=\"tabLabel\">{{ label }}</span>\n <lx-badge\n *ngIf=\"counter\"\n [size]=\"counterBadgeSize\"\n class=\"lx-margin-left\"\n [content]=\"counter\"\n [color]=\"isActive ? 'darkgray' : 'gray'\"\n ></lx-badge>\n </ng-template>\n\n <ng-template cdkPortal #contentTemplate=\"cdkPortal\">\n <div *ngIf=\"!tabLink\" class=\"content\" role=\"tabpanel\" [attr.id]=\"tabPanelId\">\n <ng-content></ng-content>\n </div>\n </ng-template>\n</li>\n", styles: [":host{display:inline-block}.tab{display:inline-block;margin:0 8px;text-align:center;border-bottom:solid 2px transparent;transition:border-bottom .5s;cursor:pointer}.tab:hover,.tab.active{border-bottom:solid 2px #2a303d;transition:border-bottom .1s;outline:0}.tab.active{cursor:default}.tab.disabled{opacity:.3;cursor:default}.tab:hover .tabLabel,.tab.active .tabLabel{color:#2a303d;transition:color .1s}.portalTab,.routerLinkTab a{display:inline-block;padding:8px 8px 12px;line-height:20px}.portalTab.withIcon,.routerLinkTab a.withIcon{padding:10px 14px;line-height:16px}.routerLinkTab.active a,.routerLinkTab.disabled a{cursor:default}.icon{font-size:16px;opacity:.6}.noMargin{margin:0}.noLeftMarginForFirstTab{margin-left:0}.backgroundGray{background-color:#c2c9d6}.backgroundGray:not(.active):not(.disabled){background-color:#cfd5df}.tabLabel{color:#677a9a;display:inline-block;font-size:13px;text-decoration:none}.content{height:100%}\n"], components: [{ type: i1.BadgeComponent, selector: "lx-badge", inputs: ["content", "size", "color"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }, { type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.CdkPortal, selector: "[cdkPortal]", exportAs: ["cdkPortal"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
36
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: TabComponent, decorators: [{
|
37
37
|
type: Component,
|
38
38
|
args: [{ selector: 'lx-tab', changeDetection: ChangeDetectionStrategy.OnPush, template: "<li\n class=\"tab\"\n [attr.tabindex]=\"isActive || disabled || tabLink ? '-1' : '0'\"\n [attr.aria-selected]=\"isActive\"\n [attr.aria-controls]=\"tabPanelId\"\n [class.active]=\"isActive\"\n [class.withIcon]=\"icon\"\n [class.noMargin]=\"noMargin\"\n [class.noLeftMarginForFirstTab]=\"noLeftMarginForFirstTab\"\n [class.backgroundGray]=\"background === 'gray'\"\n [class.disabled]=\"disabled\"\n [class.portalTab]=\"!tabLink\"\n [class.routerLinkTab]=\"tabLink\"\n [attr.title]=\"title\"\n role=\"tab\"\n (keyup.enter)=\"switch.emit()\"\n (click)=\"switch.emit()\"\n>\n <a *ngIf=\"tabLink; else portalTab\" [routerLink]=\"tabLink\" routerLinkActive [routerLinkActiveOptions]=\"routerLinkActiveOptions\">\n <ng-container *ngTemplateOutlet=\"portalTab\"></ng-container>\n </a>\n\n <ng-template #portalTab>\n <i *ngIf=\"icon\" class=\"icon {{ icon }}\"></i>\n <span *ngIf=\"label\" class=\"tabLabel\">{{ label }}</span>\n <lx-badge\n *ngIf=\"counter\"\n [size]=\"counterBadgeSize\"\n class=\"lx-margin-left\"\n [content]=\"counter\"\n [color]=\"isActive ? 'darkgray' : 'gray'\"\n ></lx-badge>\n </ng-template>\n\n <ng-template cdkPortal #contentTemplate=\"cdkPortal\">\n <div *ngIf=\"!tabLink\" class=\"content\" role=\"tabpanel\" [attr.id]=\"tabPanelId\">\n <ng-content></ng-content>\n </div>\n </ng-template>\n</li>\n", styles: [":host{display:inline-block}.tab{display:inline-block;margin:0 8px;text-align:center;border-bottom:solid 2px transparent;transition:border-bottom .5s;cursor:pointer}.tab:hover,.tab.active{border-bottom:solid 2px #2a303d;transition:border-bottom .1s;outline:0}.tab.active{cursor:default}.tab.disabled{opacity:.3;cursor:default}.tab:hover .tabLabel,.tab.active .tabLabel{color:#2a303d;transition:color .1s}.portalTab,.routerLinkTab a{display:inline-block;padding:8px 8px 12px;line-height:20px}.portalTab.withIcon,.routerLinkTab a.withIcon{padding:10px 14px;line-height:16px}.routerLinkTab.active a,.routerLinkTab.disabled a{cursor:default}.icon{font-size:16px;opacity:.6}.noMargin{margin:0}.noLeftMarginForFirstTab{margin-left:0}.backgroundGray{background-color:#c2c9d6}.backgroundGray:not(.active):not(.disabled){background-color:#cfd5df}.tabLabel{color:#677a9a;display:inline-block;font-size:13px;text-decoration:none}.content{height:100%}\n"] }]
|
39
39
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { icon: [{
|
@@ -53,9 +53,9 @@ export class TabGroupComponent {
|
|
53
53
|
this.cd.markForCheck();
|
54
54
|
}
|
55
55
|
}
|
56
|
-
TabGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2
|
57
|
-
TabGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2
|
58
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2
|
56
|
+
TabGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: TabGroupComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
57
|
+
TabGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.2", type: TabGroupComponent, selector: "lx-tab-group", inputs: { isCentered: "isCentered", selectedIndex: "selectedIndex" }, outputs: { indexChange: "indexChange" }, queries: [{ propertyName: "tabsQueryList", predicate: TabComponent }], usesOnChanges: true, ngImport: i0, template: "<ul class=\"tabs\" role=\"tablist\" [class.centered]=\"isCentered\">\n <ng-content></ng-content>\n</ul>\n\n<ng-template [cdkPortalOutlet]=\"activeTabPortal\"></ng-template>\n", styles: [".tabs{display:inline-block;list-style:none;border-bottom:solid 1px #cfd5df;width:100%;margin:0;padding:0}.tabs.centered{text-align:center}\n"], directives: [{ type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
58
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: TabGroupComponent, decorators: [{
|
59
59
|
type: Component,
|
60
60
|
args: [{ selector: 'lx-tab-group', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ul class=\"tabs\" role=\"tablist\" [class.centered]=\"isCentered\">\n <ng-content></ng-content>\n</ul>\n\n<ng-template [cdkPortalOutlet]=\"activeTabPortal\"></ng-template>\n", styles: [".tabs{display:inline-block;list-style:none;border-bottom:solid 1px #cfd5df;width:100%;margin:0;padding:0}.tabs.centered{text-align:center}\n"] }]
|
61
61
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { isCentered: [{
|
@@ -8,10 +8,10 @@ import { TabComponent } from './components/tab/tab.component';
|
|
8
8
|
import * as i0 from "@angular/core";
|
9
9
|
export class LxTabUiModule {
|
10
10
|
}
|
11
|
-
LxTabUiModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2
|
12
|
-
LxTabUiModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2
|
13
|
-
LxTabUiModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2
|
14
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2
|
11
|
+
LxTabUiModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: LxTabUiModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
12
|
+
LxTabUiModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: LxTabUiModule, declarations: [TabGroupComponent, TabComponent], imports: [PortalModule, CommonModule, LxCoreUiModule, RouterModule], exports: [TabGroupComponent, TabComponent] });
|
13
|
+
LxTabUiModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: LxTabUiModule, imports: [[PortalModule, CommonModule, LxCoreUiModule, RouterModule]] });
|
14
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.2", ngImport: i0, type: LxTabUiModule, decorators: [{
|
15
15
|
type: NgModule,
|
16
16
|
args: [{
|
17
17
|
declarations: [TabGroupComponent, TabComponent],
|