@alauda/ui 6.3.6-beta → 6.3.6-beta.2
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/esm2020/breadcrumb/breadcrumb-item.component.mjs +2 -2
- package/esm2020/breadcrumb/breadcrumb.component.mjs +2 -2
- package/esm2020/form/form-item/form-item.component.mjs +7 -5
- package/fesm2015/alauda-ui.mjs +20 -17
- package/fesm2015/alauda-ui.mjs.map +1 -1
- package/fesm2020/alauda-ui.mjs +20 -17
- package/fesm2020/alauda-ui.mjs.map +1 -1
- package/form/form-item/form-item.component.d.ts +2 -1
- package/package.json +1 -1
- package/theme/_pattern.scss +0 -4
package/fesm2020/alauda-ui.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
2
|
import { TemplateRef, Injectable, Pipe, NgModule, Optional, Inject, SkipSelf, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, Directive, EventEmitter, Output, HostBinding, ViewChild, ContentChild, Host, isDevMode, HostListener, InjectionToken, Injector, ContentChildren, forwardRef, ElementRef, ViewChildren, ViewContainerRef, ChangeDetectorRef, Type } from '@angular/core';
|
|
3
|
-
import { Observable, ReplaySubject, Subject, merge, fromEvent, BehaviorSubject, combineLatest,
|
|
3
|
+
import { Observable, ReplaySubject, Subject, merge, fromEvent, BehaviorSubject, combineLatest, startWith as startWith$1, switchMap as switchMap$1, map as map$1, takeUntil as takeUntil$1, publishReplay as publishReplay$1, refCount as refCount$1, take, pluck, of, Subscription, tap as tap$1, EMPTY, animationFrameScheduler } from 'rxjs';
|
|
4
4
|
import { startWith, map, publishReplay, refCount, distinctUntilChanged, takeUntil, switchMap, throttleTime, debounceTime, first, tap, take as take$1, observeOn, repeat, takeWhile, endWith, filter } from 'rxjs/operators';
|
|
5
5
|
import * as i1$1 from '@angular/cdk/table';
|
|
6
6
|
import { CdkCellDef, CdkCell, CdkColumnDef, CdkHeaderCellDef, CdkHeaderCell, CdkHeaderRowDef, CdkHeaderRow, CDK_ROW_TEMPLATE, CdkRowDef, CdkRow, CdkTable, CDK_TABLE, _COALESCED_STYLE_SCHEDULER, _CoalescedStyleScheduler, CDK_TABLE_TEMPLATE, CdkTableModule } from '@angular/cdk/table';
|
|
@@ -2782,6 +2782,7 @@ class FormItemComponent {
|
|
|
2782
2782
|
this.labelWidth = null;
|
|
2783
2783
|
this.labelPosition = LabelPosition.Right;
|
|
2784
2784
|
this.emptyAddon = false;
|
|
2785
|
+
this.plain = false;
|
|
2785
2786
|
this.destroy$$ = new Subject();
|
|
2786
2787
|
this.parentForm = formGroup || ngForm;
|
|
2787
2788
|
if (this.auiForm) {
|
|
@@ -2794,25 +2795,25 @@ class FormItemComponent {
|
|
|
2794
2795
|
: '';
|
|
2795
2796
|
}
|
|
2796
2797
|
ngAfterContentInit() {
|
|
2797
|
-
this.hasError$ = this.ngControls.changes.pipe(startWith(this.ngControls), switchMap((controls) => combineLatest(controls.map(control => this.mapControlStatus(control))).pipe(map(statuses => statuses.some(status => status)))));
|
|
2798
|
-
this.errorCount$ = this.errors.changes.pipe(map(errors => errors.length), startWith(this.errors.length));
|
|
2799
|
-
this.hintCount$ = this.hints.changes.pipe(map(hints => hints.length), startWith(this.hints.length));
|
|
2798
|
+
this.hasError$ = this.ngControls.changes.pipe(startWith$1(this.ngControls), switchMap$1((controls) => combineLatest(controls.map(control => this.mapControlStatus(control))).pipe(map$1(statuses => statuses.some(status => status)))));
|
|
2799
|
+
this.errorCount$ = this.errors.changes.pipe(map$1(errors => errors.length), startWith$1(this.errors.length));
|
|
2800
|
+
this.hintCount$ = this.hints.changes.pipe(map$1(hints => hints.length), startWith$1(this.hints.length));
|
|
2800
2801
|
}
|
|
2801
2802
|
subscribeInputsFromParent() {
|
|
2802
2803
|
this.auiForm.labelWidth$
|
|
2803
|
-
.pipe(takeUntil(this.destroy$$))
|
|
2804
|
+
.pipe(takeUntil$1(this.destroy$$))
|
|
2804
2805
|
.subscribe(width => {
|
|
2805
2806
|
this.labelWidth = width;
|
|
2806
2807
|
this.cdr.markForCheck();
|
|
2807
2808
|
});
|
|
2808
2809
|
this.auiForm.labelPosition$
|
|
2809
|
-
.pipe(takeUntil(this.destroy$$))
|
|
2810
|
+
.pipe(takeUntil$1(this.destroy$$))
|
|
2810
2811
|
.subscribe(position => {
|
|
2811
2812
|
this.labelPosition = position;
|
|
2812
2813
|
this.cdr.markForCheck();
|
|
2813
2814
|
});
|
|
2814
2815
|
this.auiForm.emptyAddon$
|
|
2815
|
-
.pipe(takeUntil(this.destroy$$))
|
|
2816
|
+
.pipe(takeUntil$1(this.destroy$$))
|
|
2816
2817
|
.subscribe(emptyAddon => {
|
|
2817
2818
|
this.emptyAddon = emptyAddon;
|
|
2818
2819
|
this.cdr.markForCheck();
|
|
@@ -2821,20 +2822,20 @@ class FormItemComponent {
|
|
|
2821
2822
|
mapControlStatus(control) {
|
|
2822
2823
|
return (this.parentForm
|
|
2823
2824
|
? combineLatest([
|
|
2824
|
-
control.statusChanges.pipe(startWith(control.status)),
|
|
2825
|
-
merge(this.parentForm.statusChanges.pipe(startWith(this.parentForm.status)), this.parentForm.ngSubmit),
|
|
2826
|
-
]).pipe(map(([status]) => status))
|
|
2827
|
-
: control.statusChanges).pipe(map((status) => status === 'INVALID' && (control.dirty || this.parentForm?.submitted)), publishReplay(1), refCount());
|
|
2825
|
+
control.statusChanges.pipe(startWith$1(control.status)),
|
|
2826
|
+
merge(this.parentForm.statusChanges.pipe(startWith$1(this.parentForm.status)), this.parentForm.ngSubmit),
|
|
2827
|
+
]).pipe(map$1(([status]) => status))
|
|
2828
|
+
: control.statusChanges).pipe(map$1((status) => status === 'INVALID' && (control.dirty || this.parentForm?.submitted)), publishReplay$1(1), refCount$1());
|
|
2828
2829
|
}
|
|
2829
2830
|
ngOnDestroy() {
|
|
2830
2831
|
this.destroy$$.next();
|
|
2831
2832
|
}
|
|
2832
2833
|
}
|
|
2833
2834
|
FormItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: FormDirective, optional: true }, { token: i4.NgForm, optional: true }, { token: i4.FormGroupDirective, optional: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
2834
|
-
FormItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: FormItemComponent, selector: "aui-form-item", inputs: { labelWidth: "labelWidth", width: "width", labelPosition: "labelPosition", emptyAddon: "emptyAddon" }, queries: [{ propertyName: "itemLabel", first: true, predicate: FormItemLabelDirective, descendants: true }, { propertyName: "itemControl", first: true, predicate: FormItemControlDirective, descendants: true }, { propertyName: "ngControls", predicate: NgControl, descendants: true }, { propertyName: "addons", predicate: FormItemAddonDirective }, { propertyName: "errors", predicate: FormItemErrorDirective }, { propertyName: "hints", predicate: FormItemHintDirective }], ngImport: i0, template: "<div
|
|
2835
|
+
FormItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: FormItemComponent, selector: "aui-form-item", inputs: { labelWidth: "labelWidth", width: "width", labelPosition: "labelPosition", emptyAddon: "emptyAddon", plain: "plain" }, queries: [{ propertyName: "itemLabel", first: true, predicate: FormItemLabelDirective, descendants: true }, { propertyName: "itemControl", first: true, predicate: FormItemControlDirective, descendants: true }, { propertyName: "ngControls", predicate: NgControl, descendants: true }, { propertyName: "addons", predicate: FormItemAddonDirective }, { propertyName: "errors", predicate: FormItemErrorDirective }, { propertyName: "hints", predicate: FormItemHintDirective }], ngImport: i0, template: "<div\n [class]=\"bem.block(labelPosition)\"\n [class.isPlain]=\"plain\"\n [class.hasError]=\"hasError$ | async\"\n>\n <div\n [ngClass]=\"\n bem.element(\n 'label-wrapper',\n { required: !!itemControl?.required },\n labelPosition\n )\n \"\n [class.hasLabel]=\"!!itemLabel\"\n [style.width]=\"labelWidth\"\n >\n <ng-content select=\"label[auiFormItemLabel]\"></ng-content>\n </div>\n <div class=\"aui-form-item__container\">\n <div class=\"aui-form-item__content\" [ngClass]=\"formItemWidthClass\">\n <ng-content></ng-content>\n <div\n *ngIf=\"emptyAddon || addons?.length\"\n class=\"aui-form-item__addon-wrapper\"\n >\n <ng-content select=\"[auiFormItemAddon]\"></ng-content>\n </div>\n </div>\n <div\n *ngIf=\"(hasError$ | async) && (errorCount$ | async)\"\n class=\"aui-form-item__error-wrapper\"\n >\n <ng-content select=\"[auiFormItemError]\"></ng-content>\n </div>\n <div *ngIf=\"hintCount$ | async\" class=\"aui-form-item__hint-wrapper\">\n <ng-content select=\"[auiFormItemHint]\"></ng-content>\n </div>\n </div>\n</div>\n", styles: [".aui-form-item{display:flex;align-items:flex-start;margin-bottom:var(--aui-spacing-xl);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}.aui-form-item--top{flex-direction:column}.aui-form-item--top .aui-form-item__label-wrapper{line-height:var(--aui-line-height-m);margin-bottom:var(--aui-spacing-xs)}.aui-form-item--top .aui-form-item__label-wrapper:after{display:none}.aui-form-item__label-wrapper{display:flex;align-items:center;line-height:var(--aui-inline-height-m);flex-shrink:0;padding-right:var(--aui-spacing-m);overflow:hidden}.aui-form-item__label-wrapper--required .aui-form-item__label:before{content:\"*\";color:rgb(var(--aui-color-red));margin-right:var(--aui-spacing-s)}.aui-form-item__label-wrapper.hasLabel:after{content:\":\";align-self:flex-start;margin-left:var(--aui-spacing-xs)}.aui-form-item__label-wrapper--left{justify-content:flex-start}.aui-form-item__label-wrapper--left .aui-form-item__label{text-align:start}.aui-form-item__label-wrapper--right{justify-content:flex-end}.aui-form-item__label-wrapper--right .aui-form-item__label{text-align:end}.aui-form-item__label{display:block;line-height:var(--aui-line-height-s)}.aui-form-item__container{width:100%;min-width:0}.aui-form-item__content{display:flex;align-items:center;min-height:var(--aui-inline-height-m)}.aui-form-item__content--large .aui-form-item__control{flex:1;max-width:var(--aui-form-item-width-l)}.aui-form-item__content--medium .aui-form-item__control{flex:1;max-width:var(--aui-form-item-width-m)}.aui-form-item__content--small .aui-form-item__control{flex:1;max-width:var(--aui-form-item-width-s)}.aui-form-item__content+.aui-form-item__hint-wrapper,.aui-form-item__content+.aui-form-item__error-wrapper{margin-top:var(--aui-spacing-s)}.aui-form-item__hint-wrapper,.aui-form-item__error-wrapper{font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-form-item__hint-wrapper{color:rgb(var(--aui-color-help-text))}.aui-form-item__error-wrapper{color:rgb(var(--aui-color-red))}.aui-form-item__addon-wrapper{align-self:flex-start;display:flex;align-items:center;flex-shrink:0;box-sizing:content-box;height:var(--aui-inline-height-m);min-width:var(--aui-icon-size-m);padding-left:var(--aui-spacing-m);color:rgb(var(--aui-color-n-4));font-size:var(--aui-font-size-m)}.aui-form-item__addon-wrapper aui-icon{font-size:var(--aui-icon-size-m)}.aui-form-item.isPlain .aui-form-item__label-wrapper{line-height:var(--aui-line-height-m)}.aui-form-item.isPlain .aui-form-item__label-wrapper--required .aui-form-item__label:before{display:none}.aui-form-item.isPlain .aui-form-item__content{min-height:var(--aui-line-height-m)}.aui-form-item.isPlain .aui-form-item__addon-wrapper{height:var(--aui-line-height-m)}.aui-form--inline{display:flex}.aui-form--inline .aui-form-item{margin-bottom:0;margin-right:var(--aui-spacing-m)}\n"], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i2.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
2835
2836
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: FormItemComponent, decorators: [{
|
|
2836
2837
|
type: Component,
|
|
2837
|
-
args: [{ selector: 'aui-form-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div
|
|
2838
|
+
args: [{ selector: 'aui-form-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div\n [class]=\"bem.block(labelPosition)\"\n [class.isPlain]=\"plain\"\n [class.hasError]=\"hasError$ | async\"\n>\n <div\n [ngClass]=\"\n bem.element(\n 'label-wrapper',\n { required: !!itemControl?.required },\n labelPosition\n )\n \"\n [class.hasLabel]=\"!!itemLabel\"\n [style.width]=\"labelWidth\"\n >\n <ng-content select=\"label[auiFormItemLabel]\"></ng-content>\n </div>\n <div class=\"aui-form-item__container\">\n <div class=\"aui-form-item__content\" [ngClass]=\"formItemWidthClass\">\n <ng-content></ng-content>\n <div\n *ngIf=\"emptyAddon || addons?.length\"\n class=\"aui-form-item__addon-wrapper\"\n >\n <ng-content select=\"[auiFormItemAddon]\"></ng-content>\n </div>\n </div>\n <div\n *ngIf=\"(hasError$ | async) && (errorCount$ | async)\"\n class=\"aui-form-item__error-wrapper\"\n >\n <ng-content select=\"[auiFormItemError]\"></ng-content>\n </div>\n <div *ngIf=\"hintCount$ | async\" class=\"aui-form-item__hint-wrapper\">\n <ng-content select=\"[auiFormItemHint]\"></ng-content>\n </div>\n </div>\n</div>\n", styles: [".aui-form-item{display:flex;align-items:flex-start;margin-bottom:var(--aui-spacing-xl);font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-main-text))}.aui-form-item--top{flex-direction:column}.aui-form-item--top .aui-form-item__label-wrapper{line-height:var(--aui-line-height-m);margin-bottom:var(--aui-spacing-xs)}.aui-form-item--top .aui-form-item__label-wrapper:after{display:none}.aui-form-item__label-wrapper{display:flex;align-items:center;line-height:var(--aui-inline-height-m);flex-shrink:0;padding-right:var(--aui-spacing-m);overflow:hidden}.aui-form-item__label-wrapper--required .aui-form-item__label:before{content:\"*\";color:rgb(var(--aui-color-red));margin-right:var(--aui-spacing-s)}.aui-form-item__label-wrapper.hasLabel:after{content:\":\";align-self:flex-start;margin-left:var(--aui-spacing-xs)}.aui-form-item__label-wrapper--left{justify-content:flex-start}.aui-form-item__label-wrapper--left .aui-form-item__label{text-align:start}.aui-form-item__label-wrapper--right{justify-content:flex-end}.aui-form-item__label-wrapper--right .aui-form-item__label{text-align:end}.aui-form-item__label{display:block;line-height:var(--aui-line-height-s)}.aui-form-item__container{width:100%;min-width:0}.aui-form-item__content{display:flex;align-items:center;min-height:var(--aui-inline-height-m)}.aui-form-item__content--large .aui-form-item__control{flex:1;max-width:var(--aui-form-item-width-l)}.aui-form-item__content--medium .aui-form-item__control{flex:1;max-width:var(--aui-form-item-width-m)}.aui-form-item__content--small .aui-form-item__control{flex:1;max-width:var(--aui-form-item-width-s)}.aui-form-item__content+.aui-form-item__hint-wrapper,.aui-form-item__content+.aui-form-item__error-wrapper{margin-top:var(--aui-spacing-s)}.aui-form-item__hint-wrapper,.aui-form-item__error-wrapper{font-size:var(--aui-font-size-s);line-height:var(--aui-line-height-s)}.aui-form-item__hint-wrapper{color:rgb(var(--aui-color-help-text))}.aui-form-item__error-wrapper{color:rgb(var(--aui-color-red))}.aui-form-item__addon-wrapper{align-self:flex-start;display:flex;align-items:center;flex-shrink:0;box-sizing:content-box;height:var(--aui-inline-height-m);min-width:var(--aui-icon-size-m);padding-left:var(--aui-spacing-m);color:rgb(var(--aui-color-n-4));font-size:var(--aui-font-size-m)}.aui-form-item__addon-wrapper aui-icon{font-size:var(--aui-icon-size-m)}.aui-form-item.isPlain .aui-form-item__label-wrapper{line-height:var(--aui-line-height-m)}.aui-form-item.isPlain .aui-form-item__label-wrapper--required .aui-form-item__label:before{display:none}.aui-form-item.isPlain .aui-form-item__content{min-height:var(--aui-line-height-m)}.aui-form-item.isPlain .aui-form-item__addon-wrapper{height:var(--aui-line-height-m)}.aui-form--inline{display:flex}.aui-form--inline .aui-form-item{margin-bottom:0;margin-right:var(--aui-spacing-m)}\n"] }]
|
|
2838
2839
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: FormDirective, decorators: [{
|
|
2839
2840
|
type: Optional
|
|
2840
2841
|
}] }, { type: i4.NgForm, decorators: [{
|
|
@@ -2849,6 +2850,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImpor
|
|
|
2849
2850
|
type: Input
|
|
2850
2851
|
}], emptyAddon: [{
|
|
2851
2852
|
type: Input
|
|
2853
|
+
}], plain: [{
|
|
2854
|
+
type: Input
|
|
2852
2855
|
}], itemLabel: [{
|
|
2853
2856
|
type: ContentChild,
|
|
2854
2857
|
args: [FormItemLabelDirective, { static: false }]
|
|
@@ -6119,10 +6122,10 @@ class BreadcrumbItemComponent {
|
|
|
6119
6122
|
}
|
|
6120
6123
|
}
|
|
6121
6124
|
BreadcrumbItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: BreadcrumbItemComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
6122
|
-
BreadcrumbItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: BreadcrumbItemComponent, selector: "aui-breadcrumb-item", ngImport: i0, template: "<div class=\"aui-breadcrumb__item\">\n <span class=\"aui-breadcrumb__content\"><ng-content></ng-content></span>\n <span class=\"aui-breadcrumb__separator\">\n <ng-container *ngIf=\"!separatorIcon\">{{ separator }}</ng-container>\n <aui-icon *ngIf=\"separatorIcon\" [icon]=\"separatorIcon\"></aui-icon>\n </span>\n</div>\n", styles: [".aui-breadcrumb__item{display:flex}.aui-breadcrumb__item .aui-breadcrumb__content{max-width:224px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
6125
|
+
BreadcrumbItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: BreadcrumbItemComponent, selector: "aui-breadcrumb-item", ngImport: i0, template: "<div class=\"aui-breadcrumb__item\">\n <span class=\"aui-breadcrumb__content\"><ng-content></ng-content></span>\n <span class=\"aui-breadcrumb__separator\">\n <ng-container *ngIf=\"!separatorIcon\">{{ separator }}</ng-container>\n <aui-icon *ngIf=\"separatorIcon\" [icon]=\"separatorIcon\"></aui-icon>\n </span>\n</div>\n", styles: [".aui-breadcrumb__item{display:flex}.aui-breadcrumb__item .aui-breadcrumb__content{display:inline-flex;max-width:224px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"], components: [{ type: IconComponent, selector: "aui-icon", inputs: ["icon", "light", "dark", "link", "margin", "size", "color", "background", "backgroundColor"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
6123
6126
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: BreadcrumbItemComponent, decorators: [{
|
|
6124
6127
|
type: Component,
|
|
6125
|
-
args: [{ selector: 'aui-breadcrumb-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div class=\"aui-breadcrumb__item\">\n <span class=\"aui-breadcrumb__content\"><ng-content></ng-content></span>\n <span class=\"aui-breadcrumb__separator\">\n <ng-container *ngIf=\"!separatorIcon\">{{ separator }}</ng-container>\n <aui-icon *ngIf=\"separatorIcon\" [icon]=\"separatorIcon\"></aui-icon>\n </span>\n</div>\n", styles: [".aui-breadcrumb__item{display:flex}.aui-breadcrumb__item .aui-breadcrumb__content{max-width:224px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"] }]
|
|
6128
|
+
args: [{ selector: 'aui-breadcrumb-item', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div class=\"aui-breadcrumb__item\">\n <span class=\"aui-breadcrumb__content\"><ng-content></ng-content></span>\n <span class=\"aui-breadcrumb__separator\">\n <ng-container *ngIf=\"!separatorIcon\">{{ separator }}</ng-container>\n <aui-icon *ngIf=\"separatorIcon\" [icon]=\"separatorIcon\"></aui-icon>\n </span>\n</div>\n", styles: [".aui-breadcrumb__item{display:flex}.aui-breadcrumb__item .aui-breadcrumb__content{display:inline-flex;max-width:224px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"] }]
|
|
6126
6129
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; } });
|
|
6127
6130
|
|
|
6128
6131
|
class BreadcrumbComponent {
|
|
@@ -6166,10 +6169,10 @@ class BreadcrumbComponent {
|
|
|
6166
6169
|
}
|
|
6167
6170
|
}
|
|
6168
6171
|
BreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: BreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6169
|
-
BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: BreadcrumbComponent, selector: "aui-breadcrumb", inputs: { separator: "separator", separatorIcon: "separatorIcon" }, queries: [{ propertyName: "items", predicate: BreadcrumbItemComponent }], ngImport: i0, template: "<div class=\"aui-breadcrumb\"><ng-content></ng-content></div>\n", styles: [".aui-breadcrumb{display:flex;align-
|
|
6172
|
+
BreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.3", type: BreadcrumbComponent, selector: "aui-breadcrumb", inputs: { separator: "separator", separatorIcon: "separatorIcon" }, queries: [{ propertyName: "items", predicate: BreadcrumbItemComponent }], ngImport: i0, template: "<div class=\"aui-breadcrumb\"><ng-content></ng-content></div>\n", styles: [".aui-breadcrumb{display:flex;align-items:center;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-secondary-text))}.aui-breadcrumb__separator{margin:0 var(--aui-spacing-s)}.aui-breadcrumb aui-breadcrumb-item:last-child .aui-breadcrumb__separator{display:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
6170
6173
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.3", ngImport: i0, type: BreadcrumbComponent, decorators: [{
|
|
6171
6174
|
type: Component,
|
|
6172
|
-
args: [{ selector: 'aui-breadcrumb', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div class=\"aui-breadcrumb\"><ng-content></ng-content></div>\n", styles: [".aui-breadcrumb{display:flex;align-
|
|
6175
|
+
args: [{ selector: 'aui-breadcrumb', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, preserveWhitespaces: false, template: "<div class=\"aui-breadcrumb\"><ng-content></ng-content></div>\n", styles: [".aui-breadcrumb{display:flex;align-items:center;font-size:var(--aui-font-size-m);line-height:var(--aui-line-height-m);color:rgb(var(--aui-color-secondary-text))}.aui-breadcrumb__separator{margin:0 var(--aui-spacing-s)}.aui-breadcrumb aui-breadcrumb-item:last-child .aui-breadcrumb__separator{display:none}\n"] }]
|
|
6173
6176
|
}], propDecorators: { separator: [{
|
|
6174
6177
|
type: Input
|
|
6175
6178
|
}], separatorIcon: [{
|