@eui/components 18.2.6-snapshot-1734699198333 → 18.2.6
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/docs/dependencies.html +2 -2
- package/docs/js/menu-wc_es5.js +1 -1
- package/docs/js/search/search_index.js +2 -2
- package/esm2022/eui-chip/eui-chip.component.mjs +2 -2
- package/fesm2022/eui-components-eui-chip.mjs +2 -2
- package/fesm2022/eui-components-eui-chip.mjs.map +1 -1
- package/package.json +4 -4
@@ -53,7 +53,7 @@ export class EuiChipComponent {
|
|
53
53
|
}
|
54
54
|
}
|
55
55
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiChipComponent, deps: [{ token: i0.ElementRef }, { token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
56
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.13", type: EuiChipComponent, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: { ariaLabel: "ariaLabel", e2eAttr: "e2eAttr", euiInternalId: "euiInternalId", tooltipMessage: "tooltipMessage", id: "id", data: "data", isChipRemovable: ["isChipRemovable", "isChipRemovable", booleanAttribute], isSquared: ["isSquared", "isSquared", booleanAttribute], isFilled: ["isFilled", "isFilled", booleanAttribute] }, outputs: { remove: "remove" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "euiIcons", predicate: i0.forwardRef(() => EuiIconSvgComponent) }], viewQueries: [{ propertyName: "chipLabel", first: true, predicate: ["chipLabel"], descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeS", "euiSizeS", "euiOutline", "euiOutline", "euiDisabled", "euiDisabled"] }], ngImport: i0, template: "<div class=\"eui-chip-wrapper\">\n <div class=\"eui-chip__content-container\" #chipLabel>\n <ng-content></ng-content>\n </div>\n <eui-icon-button\n *ngIf=\"isChipRemovable\"\n class=\"eui-chip__close\"\n ariaLabel=\"Remove {{ chipLabel.textContent }} chip\"\n icon=\"close:outline\"\n euiRounded\n hasNoPadding\n (keydown.enter)=\"onRemove($event)\"\n (keydown.backspace)=\"onRemove($event)\"\n (buttonClick)=\"onRemove($event)\">\n </eui-icon-button>\n</div>\n", styles: [".eui-18 .eui-chip{--_color: var(--eui-chip-color, var(--eui-c-neutral));--_bg-color: var(--eui-chip-bg-color, var(--eui-c-neutral-bg));--_border-outline-color: var(--eui-chip-border-outline-color, var(--eui-c-neutral));--_close-hover-color: var(--eui-chip-close-hover-color, var(--eui-c-neutral-lightest))}.eui-18 .eui-chip{align-items:center;border-radius:var(--eui-br-
|
56
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.13", type: EuiChipComponent, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: { ariaLabel: "ariaLabel", e2eAttr: "e2eAttr", euiInternalId: "euiInternalId", tooltipMessage: "tooltipMessage", id: "id", data: "data", isChipRemovable: ["isChipRemovable", "isChipRemovable", booleanAttribute], isSquared: ["isSquared", "isSquared", booleanAttribute], isFilled: ["isFilled", "isFilled", booleanAttribute] }, outputs: { remove: "remove" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "euiIcons", predicate: i0.forwardRef(() => EuiIconSvgComponent) }], viewQueries: [{ propertyName: "chipLabel", first: true, predicate: ["chipLabel"], descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeS", "euiSizeS", "euiOutline", "euiOutline", "euiDisabled", "euiDisabled"] }], ngImport: i0, template: "<div class=\"eui-chip-wrapper\">\n <div class=\"eui-chip__content-container\" #chipLabel>\n <ng-content></ng-content>\n </div>\n <eui-icon-button\n *ngIf=\"isChipRemovable\"\n class=\"eui-chip__close\"\n ariaLabel=\"Remove {{ chipLabel.textContent }} chip\"\n icon=\"close:outline\"\n euiRounded\n hasNoPadding\n (keydown.enter)=\"onRemove($event)\"\n (keydown.backspace)=\"onRemove($event)\"\n (buttonClick)=\"onRemove($event)\">\n </eui-icon-button>\n</div>\n", styles: [".eui-18 .eui-chip{--_color: var(--eui-chip-color, var(--eui-c-neutral));--_bg-color: var(--eui-chip-bg-color, var(--eui-c-neutral-bg));--_border-outline-color: var(--eui-chip-border-outline-color, var(--eui-c-neutral));--_close-hover-color: var(--eui-chip-close-hover-color, var(--eui-c-neutral-lightest))}.eui-18 .eui-chip{align-items:center;border-radius:calc(2 * var(--eui-br-xl));display:inline-flex;position:relative;font:var(--eui-f);min-height:calc(var(--eui-s-m) * 2);padding:0 var(--eui-s-s)}.eui-18 .eui-chip .eui-chip-wrapper,.eui-18 .eui-chip .eui-chip__content-container{display:flex;align-items:center;gap:var(--eui-s-xs)}.eui-18 .eui-chip--outline{outline:var(--eui-bw-xs) solid var(--_border-outline-color);outline-offset:-1px}.eui-18 .eui-chip-group{align-items:center;display:inline-flex;flex-wrap:nowrap;position:relative}.eui-18 .eui-chip-group .eui-chip:first-child{border-bottom-right-radius:0;border-top-right-radius:0;margin-right:0}.eui-18 .eui-chip-group .eui-chip:last-child{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:0}.eui-18 .eui-chip-group .eui-chip .eui-chip__content-container eui-icon-svg{margin-left:0;margin-right:0}.eui-18 .eui-chip--primary{--_bg-color: var(--eui-c-primary-lightest);--_color: var(--eui-c-primary-darker);--_border-color: transparent;--_border-outline-color: var(--eui-c-primary);--_close-hover-color: var(--eui-c-primary-lighter)}.eui-18 .eui-chip--secondary{--_bg-color: var(--eui-c-neutral-bg);--_color: var(--eui-c-neutral-darker);--_border-color: transparent;--_border-outline-color: var(--eui-c-neutral-lighter);--_close-hover-color: var(--eui-c-neutral-lightest)}.eui-18 .eui-chip--info{--_bg-color: var(--eui-c-info-lightest);--_color: var(--eui-c-info-darker);--_border-color: transparent;--_border-outline-color: var(--eui-c-info);--_close-hover-color: var(--eui-c-info-lighter)}.eui-18 .eui-chip--success{--_bg-color: var(--eui-c-success-lightest);--_color: var(--eui-c-success-darker);--_border-color: transparent;--_border-outline-color: var(--eui-c-success-dark);--_close-hover-color: var(--eui-c-success-lighter)}.eui-18 .eui-chip--warning{--_bg-color: var(--eui-c-warning-lightest);--_color: var(--eui-c-warning-darker);--_border-color: transparent;--_border-outline-color: var(--eui-c-warning);--_close-hover-color: var(--eui-c-warning-lighter)}.eui-18 .eui-chip--danger{--_bg-color: var(--eui-c-danger-lightest);--_color: var(--eui-c-danger-darker);--_border-color: transparent;--_border-outline-color: var(--eui-c-danger-dark);--_close-hover-color: var(--eui-c-danger-lighter)}.eui-18 .eui-chip--accent{--_bg-color: var(--eui-c-accent-lightest);--_color: var(--eui-c-neutral);--_border-color: transparent;--_border-outline-color: var(--eui-c-accent);--_close-hover-color: var(--eui-c-accent-lighter)}.eui-18 .eui-chip--filled.eui-chip--primary{--_bg-color: var(--eui-c-primary);--_color: var(--eui-c-primary-contrast);--_border-color: transparent;--_close-hover-color: var(--eui-c-primary-light)}.eui-18 .eui-chip--filled.eui-chip--secondary{--_bg-color: var(--eui-c-neutral-lightest);--_color: var(--eui-c-neutral-lightest-contrast);--_border-color: transparent;--_close-hover-color: var(--eui-c-neutral-bg)}.eui-18 .eui-chip--filled.eui-chip--info{--_bg-color: var(--eui-c-info);--_color: var(--eui-c-info-contrast);--_border-color: transparent;--_close-hover-color: var(--eui-c-info-light)}.eui-18 .eui-chip--filled.eui-chip--success{--_bg-color: var(--eui-c-success-dark);--_color: var(--eui-c-success-dark-contrast);--_border-color: transparent;--_close-hover-color: var(--eui-c-success)}.eui-18 .eui-chip--filled.eui-chip--warning{--_bg-color: var(--eui-c-warning);--_color: var(--eui-c-warning-contrast);--_border-color: transparent;--_close-hover-color: var(--eui-c-warning-light)}.eui-18 .eui-chip--filled.eui-chip--danger{--_bg-color: var(--eui-c-danger-dark);--_color: var(--eui-c-danger-dark-contrast);--_border-color: transparent;--_close-hover-color: var(--eui-c-danger)}.eui-18 .eui-chip--filled.eui-chip--accent{--_bg-color: var(--eui-c-accent-light);--_color: var(--eui-c-accent-contrast);--_border-color: transparent;--_close-hover-color: var(--eui-c-accent-lighter)}.eui-18 .eui-chip{background-color:var(--_bg-color);color:var(--_color)}.eui-18 .eui-chip .eui-icon-svg:not(.eui-chip__close) svg{fill:var(--_color);color:var(--_color)}.eui-18 .eui-chip .eui-chip__close:not(.eui-chip--outline) .eui-icon-button__button:hover{background-color:var(--_close-hover-color)}.eui-18 .eui-chip--outline{background-color:var(--eui-c-white)}.eui-18 .eui-chip--size-s{font:var(--eui-f-s);min-height:var(--eui-s-xl);padding:0 var(--eui-s-xs)}.eui-18 .eui-chip--size-s .eui-chip-wrapper,.eui-18 .eui-chip--size-s .eui-chip__content-container{gap:var(--eui-s-2xs)}.eui-18 .eui-chip--size-s .eui-chip-wrapper svg,.eui-18 .eui-chip--size-s .eui-chip__content-container svg{height:var(--eui-is-s);width:var(--eui-is-s)}.eui-18 .eui-chip--size-s .eui-chip-wrapper .eui-flag-icon,.eui-18 .eui-chip--size-s .eui-chip__content-container .eui-flag-icon{height:var(--eui-is-xs);min-width:calc(1.3333333 * var(--eui-is-xs));width:calc(1.3333333 * var(--eui-is-xs))}.eui-18 .eui-chip--size-s .eui-chip-wrapper .eui-flag-icon.eui-flag-icon--rounded,.eui-18 .eui-chip--size-s .eui-chip__content-container .eui-flag-icon.eui-flag-icon--rounded{height:var(--eui-is-s);width:var(--eui-is-s)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "tabindex", "hasNoPadding", "hasFocusHoverColor", "hasFocusHoverBg", "euiRounded", "euiDisabled"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
57
57
|
}
|
58
58
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiChipComponent, decorators: [{
|
59
59
|
type: Component,
|
@@ -74,7 +74,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
74
74
|
'euiDisabled',
|
75
75
|
],
|
76
76
|
},
|
77
|
-
], template: "<div class=\"eui-chip-wrapper\">\n <div class=\"eui-chip__content-container\" #chipLabel>\n <ng-content></ng-content>\n </div>\n <eui-icon-button\n *ngIf=\"isChipRemovable\"\n class=\"eui-chip__close\"\n ariaLabel=\"Remove {{ chipLabel.textContent }} chip\"\n icon=\"close:outline\"\n euiRounded\n hasNoPadding\n (keydown.enter)=\"onRemove($event)\"\n (keydown.backspace)=\"onRemove($event)\"\n (buttonClick)=\"onRemove($event)\">\n </eui-icon-button>\n</div>\n", styles: [".eui-18 .eui-chip{--_color: var(--eui-chip-color, var(--eui-c-neutral));--_bg-color: var(--eui-chip-bg-color, var(--eui-c-neutral-bg));--_border-outline-color: var(--eui-chip-border-outline-color, var(--eui-c-neutral));--_close-hover-color: var(--eui-chip-close-hover-color, var(--eui-c-neutral-lightest))}.eui-18 .eui-chip{align-items:center;border-radius:var(--eui-br-
|
77
|
+
], template: "<div class=\"eui-chip-wrapper\">\n <div class=\"eui-chip__content-container\" #chipLabel>\n <ng-content></ng-content>\n </div>\n <eui-icon-button\n *ngIf=\"isChipRemovable\"\n class=\"eui-chip__close\"\n ariaLabel=\"Remove {{ chipLabel.textContent }} chip\"\n icon=\"close:outline\"\n euiRounded\n hasNoPadding\n (keydown.enter)=\"onRemove($event)\"\n (keydown.backspace)=\"onRemove($event)\"\n (buttonClick)=\"onRemove($event)\">\n </eui-icon-button>\n</div>\n", styles: [".eui-18 .eui-chip{--_color: var(--eui-chip-color, var(--eui-c-neutral));--_bg-color: var(--eui-chip-bg-color, var(--eui-c-neutral-bg));--_border-outline-color: var(--eui-chip-border-outline-color, var(--eui-c-neutral));--_close-hover-color: var(--eui-chip-close-hover-color, var(--eui-c-neutral-lightest))}.eui-18 .eui-chip{align-items:center;border-radius:calc(2 * var(--eui-br-xl));display:inline-flex;position:relative;font:var(--eui-f);min-height:calc(var(--eui-s-m) * 2);padding:0 var(--eui-s-s)}.eui-18 .eui-chip .eui-chip-wrapper,.eui-18 .eui-chip .eui-chip__content-container{display:flex;align-items:center;gap:var(--eui-s-xs)}.eui-18 .eui-chip--outline{outline:var(--eui-bw-xs) solid var(--_border-outline-color);outline-offset:-1px}.eui-18 .eui-chip-group{align-items:center;display:inline-flex;flex-wrap:nowrap;position:relative}.eui-18 .eui-chip-group .eui-chip:first-child{border-bottom-right-radius:0;border-top-right-radius:0;margin-right:0}.eui-18 .eui-chip-group .eui-chip:last-child{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:0}.eui-18 .eui-chip-group .eui-chip .eui-chip__content-container eui-icon-svg{margin-left:0;margin-right:0}.eui-18 .eui-chip--primary{--_bg-color: var(--eui-c-primary-lightest);--_color: var(--eui-c-primary-darker);--_border-color: transparent;--_border-outline-color: var(--eui-c-primary);--_close-hover-color: var(--eui-c-primary-lighter)}.eui-18 .eui-chip--secondary{--_bg-color: var(--eui-c-neutral-bg);--_color: var(--eui-c-neutral-darker);--_border-color: transparent;--_border-outline-color: var(--eui-c-neutral-lighter);--_close-hover-color: var(--eui-c-neutral-lightest)}.eui-18 .eui-chip--info{--_bg-color: var(--eui-c-info-lightest);--_color: var(--eui-c-info-darker);--_border-color: transparent;--_border-outline-color: var(--eui-c-info);--_close-hover-color: var(--eui-c-info-lighter)}.eui-18 .eui-chip--success{--_bg-color: var(--eui-c-success-lightest);--_color: var(--eui-c-success-darker);--_border-color: transparent;--_border-outline-color: var(--eui-c-success-dark);--_close-hover-color: var(--eui-c-success-lighter)}.eui-18 .eui-chip--warning{--_bg-color: var(--eui-c-warning-lightest);--_color: var(--eui-c-warning-darker);--_border-color: transparent;--_border-outline-color: var(--eui-c-warning);--_close-hover-color: var(--eui-c-warning-lighter)}.eui-18 .eui-chip--danger{--_bg-color: var(--eui-c-danger-lightest);--_color: var(--eui-c-danger-darker);--_border-color: transparent;--_border-outline-color: var(--eui-c-danger-dark);--_close-hover-color: var(--eui-c-danger-lighter)}.eui-18 .eui-chip--accent{--_bg-color: var(--eui-c-accent-lightest);--_color: var(--eui-c-neutral);--_border-color: transparent;--_border-outline-color: var(--eui-c-accent);--_close-hover-color: var(--eui-c-accent-lighter)}.eui-18 .eui-chip--filled.eui-chip--primary{--_bg-color: var(--eui-c-primary);--_color: var(--eui-c-primary-contrast);--_border-color: transparent;--_close-hover-color: var(--eui-c-primary-light)}.eui-18 .eui-chip--filled.eui-chip--secondary{--_bg-color: var(--eui-c-neutral-lightest);--_color: var(--eui-c-neutral-lightest-contrast);--_border-color: transparent;--_close-hover-color: var(--eui-c-neutral-bg)}.eui-18 .eui-chip--filled.eui-chip--info{--_bg-color: var(--eui-c-info);--_color: var(--eui-c-info-contrast);--_border-color: transparent;--_close-hover-color: var(--eui-c-info-light)}.eui-18 .eui-chip--filled.eui-chip--success{--_bg-color: var(--eui-c-success-dark);--_color: var(--eui-c-success-dark-contrast);--_border-color: transparent;--_close-hover-color: var(--eui-c-success)}.eui-18 .eui-chip--filled.eui-chip--warning{--_bg-color: var(--eui-c-warning);--_color: var(--eui-c-warning-contrast);--_border-color: transparent;--_close-hover-color: var(--eui-c-warning-light)}.eui-18 .eui-chip--filled.eui-chip--danger{--_bg-color: var(--eui-c-danger-dark);--_color: var(--eui-c-danger-dark-contrast);--_border-color: transparent;--_close-hover-color: var(--eui-c-danger)}.eui-18 .eui-chip--filled.eui-chip--accent{--_bg-color: var(--eui-c-accent-light);--_color: var(--eui-c-accent-contrast);--_border-color: transparent;--_close-hover-color: var(--eui-c-accent-lighter)}.eui-18 .eui-chip{background-color:var(--_bg-color);color:var(--_color)}.eui-18 .eui-chip .eui-icon-svg:not(.eui-chip__close) svg{fill:var(--_color);color:var(--_color)}.eui-18 .eui-chip .eui-chip__close:not(.eui-chip--outline) .eui-icon-button__button:hover{background-color:var(--_close-hover-color)}.eui-18 .eui-chip--outline{background-color:var(--eui-c-white)}.eui-18 .eui-chip--size-s{font:var(--eui-f-s);min-height:var(--eui-s-xl);padding:0 var(--eui-s-xs)}.eui-18 .eui-chip--size-s .eui-chip-wrapper,.eui-18 .eui-chip--size-s .eui-chip__content-container{gap:var(--eui-s-2xs)}.eui-18 .eui-chip--size-s .eui-chip-wrapper svg,.eui-18 .eui-chip--size-s .eui-chip__content-container svg{height:var(--eui-is-s);width:var(--eui-is-s)}.eui-18 .eui-chip--size-s .eui-chip-wrapper .eui-flag-icon,.eui-18 .eui-chip--size-s .eui-chip__content-container .eui-flag-icon{height:var(--eui-is-xs);min-width:calc(1.3333333 * var(--eui-is-xs));width:calc(1.3333333 * var(--eui-is-xs))}.eui-18 .eui-chip--size-s .eui-chip-wrapper .eui-flag-icon.eui-flag-icon--rounded,.eui-18 .eui-chip--size-s .eui-chip__content-container .eui-flag-icon.eui-flag-icon--rounded{height:var(--eui-is-s);width:var(--eui-is-s)}\n"] }]
|
78
78
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
|
79
79
|
type: HostBinding,
|
80
80
|
args: ['class']
|
@@ -77,7 +77,7 @@ class EuiChipComponent {
|
|
77
77
|
}
|
78
78
|
}
|
79
79
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiChipComponent, deps: [{ token: i0.ElementRef }, { token: i1.BaseStatesDirective }], target: i0.ɵɵFactoryTarget.Component }); }
|
80
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.13", type: EuiChipComponent, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: { ariaLabel: "ariaLabel", e2eAttr: "e2eAttr", euiInternalId: "euiInternalId", tooltipMessage: "tooltipMessage", id: "id", data: "data", isChipRemovable: ["isChipRemovable", "isChipRemovable", booleanAttribute], isSquared: ["isSquared", "isSquared", booleanAttribute], isFilled: ["isFilled", "isFilled", booleanAttribute] }, outputs: { remove: "remove" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "euiIcons", predicate: i0.forwardRef(() => EuiIconSvgComponent) }], viewQueries: [{ propertyName: "chipLabel", first: true, predicate: ["chipLabel"], descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeS", "euiSizeS", "euiOutline", "euiOutline", "euiDisabled", "euiDisabled"] }], ngImport: i0, template: "<div class=\"eui-chip-wrapper\">\n <div class=\"eui-chip__content-container\" #chipLabel>\n <ng-content></ng-content>\n </div>\n <eui-icon-button\n *ngIf=\"isChipRemovable\"\n class=\"eui-chip__close\"\n ariaLabel=\"Remove {{ chipLabel.textContent }} chip\"\n icon=\"close:outline\"\n euiRounded\n hasNoPadding\n (keydown.enter)=\"onRemove($event)\"\n (keydown.backspace)=\"onRemove($event)\"\n (buttonClick)=\"onRemove($event)\">\n </eui-icon-button>\n</div>\n", styles: [".eui-18 .eui-chip{--_color: var(--eui-chip-color, var(--eui-c-neutral));--_bg-color: var(--eui-chip-bg-color, var(--eui-c-neutral-bg));--_border-outline-color: var(--eui-chip-border-outline-color, var(--eui-c-neutral));--_close-hover-color: var(--eui-chip-close-hover-color, var(--eui-c-neutral-lightest))}.eui-18 .eui-chip{align-items:center;border-radius:var(--eui-br-
|
80
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.13", type: EuiChipComponent, selector: "eui-chip, span[euiChip], li[euiChip]", inputs: { ariaLabel: "ariaLabel", e2eAttr: "e2eAttr", euiInternalId: "euiInternalId", tooltipMessage: "tooltipMessage", id: "id", data: "data", isChipRemovable: ["isChipRemovable", "isChipRemovable", booleanAttribute], isSquared: ["isSquared", "isSquared", booleanAttribute], isFilled: ["isFilled", "isFilled", booleanAttribute] }, outputs: { remove: "remove" }, host: { properties: { "class": "this.cssClasses", "attr.role": "this.role", "attr.aria-label": "this.ariaLabel", "attr.data-e2e": "this.e2eAttr" } }, queries: [{ propertyName: "euiIcons", predicate: i0.forwardRef(() => EuiIconSvgComponent) }], viewQueries: [{ propertyName: "chipLabel", first: true, predicate: ["chipLabel"], descendants: true }], hostDirectives: [{ directive: i1.BaseStatesDirective, inputs: ["euiPrimary", "euiPrimary", "euiSecondary", "euiSecondary", "euiSuccess", "euiSuccess", "euiInfo", "euiInfo", "euiWarning", "euiWarning", "euiDanger", "euiDanger", "euiAccent", "euiAccent", "euiVariant", "euiVariant", "euiSizeS", "euiSizeS", "euiOutline", "euiOutline", "euiDisabled", "euiDisabled"] }], ngImport: i0, template: "<div class=\"eui-chip-wrapper\">\n <div class=\"eui-chip__content-container\" #chipLabel>\n <ng-content></ng-content>\n </div>\n <eui-icon-button\n *ngIf=\"isChipRemovable\"\n class=\"eui-chip__close\"\n ariaLabel=\"Remove {{ chipLabel.textContent }} chip\"\n icon=\"close:outline\"\n euiRounded\n hasNoPadding\n (keydown.enter)=\"onRemove($event)\"\n (keydown.backspace)=\"onRemove($event)\"\n (buttonClick)=\"onRemove($event)\">\n </eui-icon-button>\n</div>\n", styles: [".eui-18 .eui-chip{--_color: var(--eui-chip-color, var(--eui-c-neutral));--_bg-color: var(--eui-chip-bg-color, var(--eui-c-neutral-bg));--_border-outline-color: var(--eui-chip-border-outline-color, var(--eui-c-neutral));--_close-hover-color: var(--eui-chip-close-hover-color, var(--eui-c-neutral-lightest))}.eui-18 .eui-chip{align-items:center;border-radius:calc(2 * var(--eui-br-xl));display:inline-flex;position:relative;font:var(--eui-f);min-height:calc(var(--eui-s-m) * 2);padding:0 var(--eui-s-s)}.eui-18 .eui-chip .eui-chip-wrapper,.eui-18 .eui-chip .eui-chip__content-container{display:flex;align-items:center;gap:var(--eui-s-xs)}.eui-18 .eui-chip--outline{outline:var(--eui-bw-xs) solid var(--_border-outline-color);outline-offset:-1px}.eui-18 .eui-chip-group{align-items:center;display:inline-flex;flex-wrap:nowrap;position:relative}.eui-18 .eui-chip-group .eui-chip:first-child{border-bottom-right-radius:0;border-top-right-radius:0;margin-right:0}.eui-18 .eui-chip-group .eui-chip:last-child{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:0}.eui-18 .eui-chip-group .eui-chip .eui-chip__content-container eui-icon-svg{margin-left:0;margin-right:0}.eui-18 .eui-chip--primary{--_bg-color: var(--eui-c-primary-lightest);--_color: var(--eui-c-primary-darker);--_border-color: transparent;--_border-outline-color: var(--eui-c-primary);--_close-hover-color: var(--eui-c-primary-lighter)}.eui-18 .eui-chip--secondary{--_bg-color: var(--eui-c-neutral-bg);--_color: var(--eui-c-neutral-darker);--_border-color: transparent;--_border-outline-color: var(--eui-c-neutral-lighter);--_close-hover-color: var(--eui-c-neutral-lightest)}.eui-18 .eui-chip--info{--_bg-color: var(--eui-c-info-lightest);--_color: var(--eui-c-info-darker);--_border-color: transparent;--_border-outline-color: var(--eui-c-info);--_close-hover-color: var(--eui-c-info-lighter)}.eui-18 .eui-chip--success{--_bg-color: var(--eui-c-success-lightest);--_color: var(--eui-c-success-darker);--_border-color: transparent;--_border-outline-color: var(--eui-c-success-dark);--_close-hover-color: var(--eui-c-success-lighter)}.eui-18 .eui-chip--warning{--_bg-color: var(--eui-c-warning-lightest);--_color: var(--eui-c-warning-darker);--_border-color: transparent;--_border-outline-color: var(--eui-c-warning);--_close-hover-color: var(--eui-c-warning-lighter)}.eui-18 .eui-chip--danger{--_bg-color: var(--eui-c-danger-lightest);--_color: var(--eui-c-danger-darker);--_border-color: transparent;--_border-outline-color: var(--eui-c-danger-dark);--_close-hover-color: var(--eui-c-danger-lighter)}.eui-18 .eui-chip--accent{--_bg-color: var(--eui-c-accent-lightest);--_color: var(--eui-c-neutral);--_border-color: transparent;--_border-outline-color: var(--eui-c-accent);--_close-hover-color: var(--eui-c-accent-lighter)}.eui-18 .eui-chip--filled.eui-chip--primary{--_bg-color: var(--eui-c-primary);--_color: var(--eui-c-primary-contrast);--_border-color: transparent;--_close-hover-color: var(--eui-c-primary-light)}.eui-18 .eui-chip--filled.eui-chip--secondary{--_bg-color: var(--eui-c-neutral-lightest);--_color: var(--eui-c-neutral-lightest-contrast);--_border-color: transparent;--_close-hover-color: var(--eui-c-neutral-bg)}.eui-18 .eui-chip--filled.eui-chip--info{--_bg-color: var(--eui-c-info);--_color: var(--eui-c-info-contrast);--_border-color: transparent;--_close-hover-color: var(--eui-c-info-light)}.eui-18 .eui-chip--filled.eui-chip--success{--_bg-color: var(--eui-c-success-dark);--_color: var(--eui-c-success-dark-contrast);--_border-color: transparent;--_close-hover-color: var(--eui-c-success)}.eui-18 .eui-chip--filled.eui-chip--warning{--_bg-color: var(--eui-c-warning);--_color: var(--eui-c-warning-contrast);--_border-color: transparent;--_close-hover-color: var(--eui-c-warning-light)}.eui-18 .eui-chip--filled.eui-chip--danger{--_bg-color: var(--eui-c-danger-dark);--_color: var(--eui-c-danger-dark-contrast);--_border-color: transparent;--_close-hover-color: var(--eui-c-danger)}.eui-18 .eui-chip--filled.eui-chip--accent{--_bg-color: var(--eui-c-accent-light);--_color: var(--eui-c-accent-contrast);--_border-color: transparent;--_close-hover-color: var(--eui-c-accent-lighter)}.eui-18 .eui-chip{background-color:var(--_bg-color);color:var(--_color)}.eui-18 .eui-chip .eui-icon-svg:not(.eui-chip__close) svg{fill:var(--_color);color:var(--_color)}.eui-18 .eui-chip .eui-chip__close:not(.eui-chip--outline) .eui-icon-button__button:hover{background-color:var(--_close-hover-color)}.eui-18 .eui-chip--outline{background-color:var(--eui-c-white)}.eui-18 .eui-chip--size-s{font:var(--eui-f-s);min-height:var(--eui-s-xl);padding:0 var(--eui-s-xs)}.eui-18 .eui-chip--size-s .eui-chip-wrapper,.eui-18 .eui-chip--size-s .eui-chip__content-container{gap:var(--eui-s-2xs)}.eui-18 .eui-chip--size-s .eui-chip-wrapper svg,.eui-18 .eui-chip--size-s .eui-chip__content-container svg{height:var(--eui-is-s);width:var(--eui-is-s)}.eui-18 .eui-chip--size-s .eui-chip-wrapper .eui-flag-icon,.eui-18 .eui-chip--size-s .eui-chip__content-container .eui-flag-icon{height:var(--eui-is-xs);min-width:calc(1.3333333 * var(--eui-is-xs));width:calc(1.3333333 * var(--eui-is-xs))}.eui-18 .eui-chip--size-s .eui-chip-wrapper .eui-flag-icon.eui-flag-icon--rounded,.eui-18 .eui-chip--size-s .eui-chip__content-container .eui-flag-icon.eui-flag-icon--rounded{height:var(--eui-is-s);width:var(--eui-is-s)}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.EuiIconButtonComponent, selector: "eui-icon-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "tabindex", "hasNoPadding", "hasFocusHoverColor", "hasFocusHoverBg", "euiRounded", "euiDisabled"], outputs: ["buttonClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
81
81
|
}
|
82
82
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: EuiChipComponent, decorators: [{
|
83
83
|
type: Component,
|
@@ -98,7 +98,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
98
98
|
'euiDisabled',
|
99
99
|
],
|
100
100
|
},
|
101
|
-
], template: "<div class=\"eui-chip-wrapper\">\n <div class=\"eui-chip__content-container\" #chipLabel>\n <ng-content></ng-content>\n </div>\n <eui-icon-button\n *ngIf=\"isChipRemovable\"\n class=\"eui-chip__close\"\n ariaLabel=\"Remove {{ chipLabel.textContent }} chip\"\n icon=\"close:outline\"\n euiRounded\n hasNoPadding\n (keydown.enter)=\"onRemove($event)\"\n (keydown.backspace)=\"onRemove($event)\"\n (buttonClick)=\"onRemove($event)\">\n </eui-icon-button>\n</div>\n", styles: [".eui-18 .eui-chip{--_color: var(--eui-chip-color, var(--eui-c-neutral));--_bg-color: var(--eui-chip-bg-color, var(--eui-c-neutral-bg));--_border-outline-color: var(--eui-chip-border-outline-color, var(--eui-c-neutral));--_close-hover-color: var(--eui-chip-close-hover-color, var(--eui-c-neutral-lightest))}.eui-18 .eui-chip{align-items:center;border-radius:var(--eui-br-
|
101
|
+
], template: "<div class=\"eui-chip-wrapper\">\n <div class=\"eui-chip__content-container\" #chipLabel>\n <ng-content></ng-content>\n </div>\n <eui-icon-button\n *ngIf=\"isChipRemovable\"\n class=\"eui-chip__close\"\n ariaLabel=\"Remove {{ chipLabel.textContent }} chip\"\n icon=\"close:outline\"\n euiRounded\n hasNoPadding\n (keydown.enter)=\"onRemove($event)\"\n (keydown.backspace)=\"onRemove($event)\"\n (buttonClick)=\"onRemove($event)\">\n </eui-icon-button>\n</div>\n", styles: [".eui-18 .eui-chip{--_color: var(--eui-chip-color, var(--eui-c-neutral));--_bg-color: var(--eui-chip-bg-color, var(--eui-c-neutral-bg));--_border-outline-color: var(--eui-chip-border-outline-color, var(--eui-c-neutral));--_close-hover-color: var(--eui-chip-close-hover-color, var(--eui-c-neutral-lightest))}.eui-18 .eui-chip{align-items:center;border-radius:calc(2 * var(--eui-br-xl));display:inline-flex;position:relative;font:var(--eui-f);min-height:calc(var(--eui-s-m) * 2);padding:0 var(--eui-s-s)}.eui-18 .eui-chip .eui-chip-wrapper,.eui-18 .eui-chip .eui-chip__content-container{display:flex;align-items:center;gap:var(--eui-s-xs)}.eui-18 .eui-chip--outline{outline:var(--eui-bw-xs) solid var(--_border-outline-color);outline-offset:-1px}.eui-18 .eui-chip-group{align-items:center;display:inline-flex;flex-wrap:nowrap;position:relative}.eui-18 .eui-chip-group .eui-chip:first-child{border-bottom-right-radius:0;border-top-right-radius:0;margin-right:0}.eui-18 .eui-chip-group .eui-chip:last-child{border-bottom-left-radius:0;border-top-left-radius:0;margin-left:0}.eui-18 .eui-chip-group .eui-chip .eui-chip__content-container eui-icon-svg{margin-left:0;margin-right:0}.eui-18 .eui-chip--primary{--_bg-color: var(--eui-c-primary-lightest);--_color: var(--eui-c-primary-darker);--_border-color: transparent;--_border-outline-color: var(--eui-c-primary);--_close-hover-color: var(--eui-c-primary-lighter)}.eui-18 .eui-chip--secondary{--_bg-color: var(--eui-c-neutral-bg);--_color: var(--eui-c-neutral-darker);--_border-color: transparent;--_border-outline-color: var(--eui-c-neutral-lighter);--_close-hover-color: var(--eui-c-neutral-lightest)}.eui-18 .eui-chip--info{--_bg-color: var(--eui-c-info-lightest);--_color: var(--eui-c-info-darker);--_border-color: transparent;--_border-outline-color: var(--eui-c-info);--_close-hover-color: var(--eui-c-info-lighter)}.eui-18 .eui-chip--success{--_bg-color: var(--eui-c-success-lightest);--_color: var(--eui-c-success-darker);--_border-color: transparent;--_border-outline-color: var(--eui-c-success-dark);--_close-hover-color: var(--eui-c-success-lighter)}.eui-18 .eui-chip--warning{--_bg-color: var(--eui-c-warning-lightest);--_color: var(--eui-c-warning-darker);--_border-color: transparent;--_border-outline-color: var(--eui-c-warning);--_close-hover-color: var(--eui-c-warning-lighter)}.eui-18 .eui-chip--danger{--_bg-color: var(--eui-c-danger-lightest);--_color: var(--eui-c-danger-darker);--_border-color: transparent;--_border-outline-color: var(--eui-c-danger-dark);--_close-hover-color: var(--eui-c-danger-lighter)}.eui-18 .eui-chip--accent{--_bg-color: var(--eui-c-accent-lightest);--_color: var(--eui-c-neutral);--_border-color: transparent;--_border-outline-color: var(--eui-c-accent);--_close-hover-color: var(--eui-c-accent-lighter)}.eui-18 .eui-chip--filled.eui-chip--primary{--_bg-color: var(--eui-c-primary);--_color: var(--eui-c-primary-contrast);--_border-color: transparent;--_close-hover-color: var(--eui-c-primary-light)}.eui-18 .eui-chip--filled.eui-chip--secondary{--_bg-color: var(--eui-c-neutral-lightest);--_color: var(--eui-c-neutral-lightest-contrast);--_border-color: transparent;--_close-hover-color: var(--eui-c-neutral-bg)}.eui-18 .eui-chip--filled.eui-chip--info{--_bg-color: var(--eui-c-info);--_color: var(--eui-c-info-contrast);--_border-color: transparent;--_close-hover-color: var(--eui-c-info-light)}.eui-18 .eui-chip--filled.eui-chip--success{--_bg-color: var(--eui-c-success-dark);--_color: var(--eui-c-success-dark-contrast);--_border-color: transparent;--_close-hover-color: var(--eui-c-success)}.eui-18 .eui-chip--filled.eui-chip--warning{--_bg-color: var(--eui-c-warning);--_color: var(--eui-c-warning-contrast);--_border-color: transparent;--_close-hover-color: var(--eui-c-warning-light)}.eui-18 .eui-chip--filled.eui-chip--danger{--_bg-color: var(--eui-c-danger-dark);--_color: var(--eui-c-danger-dark-contrast);--_border-color: transparent;--_close-hover-color: var(--eui-c-danger)}.eui-18 .eui-chip--filled.eui-chip--accent{--_bg-color: var(--eui-c-accent-light);--_color: var(--eui-c-accent-contrast);--_border-color: transparent;--_close-hover-color: var(--eui-c-accent-lighter)}.eui-18 .eui-chip{background-color:var(--_bg-color);color:var(--_color)}.eui-18 .eui-chip .eui-icon-svg:not(.eui-chip__close) svg{fill:var(--_color);color:var(--_color)}.eui-18 .eui-chip .eui-chip__close:not(.eui-chip--outline) .eui-icon-button__button:hover{background-color:var(--_close-hover-color)}.eui-18 .eui-chip--outline{background-color:var(--eui-c-white)}.eui-18 .eui-chip--size-s{font:var(--eui-f-s);min-height:var(--eui-s-xl);padding:0 var(--eui-s-xs)}.eui-18 .eui-chip--size-s .eui-chip-wrapper,.eui-18 .eui-chip--size-s .eui-chip__content-container{gap:var(--eui-s-2xs)}.eui-18 .eui-chip--size-s .eui-chip-wrapper svg,.eui-18 .eui-chip--size-s .eui-chip__content-container svg{height:var(--eui-is-s);width:var(--eui-is-s)}.eui-18 .eui-chip--size-s .eui-chip-wrapper .eui-flag-icon,.eui-18 .eui-chip--size-s .eui-chip__content-container .eui-flag-icon{height:var(--eui-is-xs);min-width:calc(1.3333333 * var(--eui-is-xs));width:calc(1.3333333 * var(--eui-is-xs))}.eui-18 .eui-chip--size-s .eui-chip-wrapper .eui-flag-icon.eui-flag-icon--rounded,.eui-18 .eui-chip--size-s .eui-chip__content-container .eui-flag-icon.eui-flag-icon--rounded{height:var(--eui-is-s);width:var(--eui-is-s)}\n"] }]
|
102
102
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.BaseStatesDirective }], propDecorators: { cssClasses: [{
|
103
103
|
type: HostBinding,
|
104
104
|
args: ['class']
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"eui-components-eui-chip.mjs","sources":["../../eui-chip/models/eui-chip.model.ts","../../eui-chip/eui-chip.component.ts","../../eui-chip/eui-chip.component.html","../../eui-chip/eui-chip.module.ts","../../eui-chip/eui-components-eui-chip.ts"],"sourcesContent":["export class EuiChip {\n id: string | number;\n euiInternalId: string;\n label: string;\n isRemovable = false;\n isOutline = false;\n isRounded = false;\n isDisabled = false;\n typeClass: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'accent' = 'primary';\n tooltip: EuiChipTooltip = new EuiChipTooltip();\n iconClass?: string;\n iconSvgName?: string;\n\n constructor(values = {}) {\n Object.assign(this, values);\n }\n}\n\nexport class EuiChipTooltip {\n tooltipMessage: string;\n position?: 'above' | 'below' | 'left' | 'right' | 'before' | 'after' = 'above';\n contentAlignment?: 'center' | 'left' | 'right' | 'justify' = 'center';\n delay? = 0;\n\n constructor(values = {}) {\n Object.assign(this, values);\n }\n}\n","import {\n Component,\n HostBinding,\n Input,\n ChangeDetectionStrategy,\n ViewEncapsulation,\n forwardRef,\n ContentChildren,\n QueryList,\n AfterContentInit,\n Output,\n EventEmitter,\n ViewChild,\n ElementRef,\n booleanAttribute,\n} from '@angular/core';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiIconSvgComponent } from '@eui/components/eui-icon';\n\nimport { EuiChip } from './models/eui-chip.model';\n\n@Component({\n templateUrl: './eui-chip.component.html',\n selector: 'eui-chip, span[euiChip], li[euiChip]',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiPrimary',\n 'euiSecondary',\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n 'euiAccent',\n 'euiVariant',\n 'euiSizeS',\n 'euiOutline',\n 'euiDisabled',\n ],\n },\n ],\n})\nexport class EuiChipComponent implements AfterContentInit {\n @HostBinding('class')\n get cssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-chip'),\n this.isChipRemovable ? 'eui-chip--removable' : '',\n this.isFilled ? 'eui-chip--filled': '',\n ].join(' ').trim();\n }\n\n @HostBinding('attr.role') role = 'status';\n @Input() @HostBinding('attr.aria-label') ariaLabel = 'Chip content';\n\n @HostBinding('attr.data-e2e')\n @Input()\n e2eAttr = 'eui-chip';\n\n @Input() euiInternalId: string = null;\n @Input() tooltipMessage: string;\n @Input() id: string | number;\n // TODO: type should be specific\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n @Input() data: any = {\n id: crypto.randomUUID(),\n tooltip: {\n color: 'euiTooltipPrimary',\n contentAlignment: null,\n position: 'above',\n },\n };\n\n @Input({ transform: booleanAttribute }) isChipRemovable = false;\n @Input({ transform: booleanAttribute }) isSquared = false;\n @Input({ transform: booleanAttribute }) isFilled = false;\n\n @Output() remove = new EventEmitter<EuiChipComponent | EuiChip | { chip: EuiChipComponent | EuiChip; event?: Event }>();\n\n @ContentChildren(forwardRef(() => EuiIconSvgComponent)) euiIcons: QueryList<EuiIconSvgComponent>;\n @ViewChild('chipLabel') chipLabel: ElementRef<HTMLInputElement>;\n\n constructor(\n private _elementRef: ElementRef,\n public baseStatesDirective: BaseStatesDirective,\n ) {\n }\n\n ngAfterContentInit(): void {\n if (!this.data.id && this.id) {\n this.data = Object.assign(this.data, { id: this.id });\n }\n\n if (this._elementRef.nativeElement.parentElement?.classList.contains('eui-chip-list__chip-container')) {\n this.role = 'listitem'\n }\n }\n\n public onRemove(event?: Event): void {\n if (event instanceof KeyboardEvent && (event as KeyboardEvent).code === 'Backspace') {\n this.remove.emit({ chip: this.data, event });\n } else {\n this.remove.emit(this.data);\n }\n }\n}\n","<div class=\"eui-chip-wrapper\">\n <div class=\"eui-chip__content-container\" #chipLabel>\n <ng-content></ng-content>\n </div>\n <eui-icon-button\n *ngIf=\"isChipRemovable\"\n class=\"eui-chip__close\"\n ariaLabel=\"Remove {{ chipLabel.textContent }} chip\"\n icon=\"close:outline\"\n euiRounded\n hasNoPadding\n (keydown.enter)=\"onRemove($event)\"\n (keydown.backspace)=\"onRemove($event)\"\n (buttonClick)=\"onRemove($event)\">\n </eui-icon-button>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiIconButtonModule } from '@eui/components/eui-icon-button';\nimport { EuiTooltipDirectiveModule } from '@eui/components/directives';\n\nimport { EuiChipComponent } from './eui-chip.component';\n\n@NgModule({\n imports: [CommonModule, EuiIconModule, EuiIconButtonModule, EuiTooltipDirectiveModule],\n declarations: [EuiChipComponent],\n exports: [EuiChipComponent],\n})\nexport class EuiChipModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
1
|
+
{"version":3,"file":"eui-components-eui-chip.mjs","sources":["../../eui-chip/models/eui-chip.model.ts","../../eui-chip/eui-chip.component.ts","../../eui-chip/eui-chip.component.html","../../eui-chip/eui-chip.module.ts","../../eui-chip/eui-components-eui-chip.ts"],"sourcesContent":["export class EuiChip {\n id: string | number;\n euiInternalId: string;\n label: string;\n isRemovable = false;\n isOutline = false;\n isRounded = false;\n isDisabled = false;\n typeClass: 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'accent' = 'primary';\n tooltip: EuiChipTooltip = new EuiChipTooltip();\n iconClass?: string;\n iconSvgName?: string;\n\n constructor(values = {}) {\n Object.assign(this, values);\n }\n}\n\nexport class EuiChipTooltip {\n tooltipMessage: string;\n position?: 'above' | 'below' | 'left' | 'right' | 'before' | 'after' = 'above';\n contentAlignment?: 'center' | 'left' | 'right' | 'justify' = 'center';\n delay? = 0;\n\n constructor(values = {}) {\n Object.assign(this, values);\n }\n}\n","import {\n Component,\n HostBinding,\n Input,\n ChangeDetectionStrategy,\n ViewEncapsulation,\n forwardRef,\n ContentChildren,\n QueryList,\n AfterContentInit,\n Output,\n EventEmitter,\n ViewChild,\n ElementRef,\n booleanAttribute,\n} from '@angular/core';\n\nimport { BaseStatesDirective } from '@eui/components/shared';\nimport { EuiIconSvgComponent } from '@eui/components/eui-icon';\n\nimport { EuiChip } from './models/eui-chip.model';\n\n@Component({\n templateUrl: './eui-chip.component.html',\n selector: 'eui-chip, span[euiChip], li[euiChip]',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n hostDirectives: [\n {\n directive: BaseStatesDirective,\n inputs: [\n 'euiPrimary',\n 'euiSecondary',\n 'euiSuccess',\n 'euiInfo',\n 'euiWarning',\n 'euiDanger',\n 'euiAccent',\n 'euiVariant',\n 'euiSizeS',\n 'euiOutline',\n 'euiDisabled',\n ],\n },\n ],\n})\nexport class EuiChipComponent implements AfterContentInit {\n @HostBinding('class')\n get cssClasses(): string {\n return [\n this.baseStatesDirective.getCssClasses('eui-chip'),\n this.isChipRemovable ? 'eui-chip--removable' : '',\n this.isFilled ? 'eui-chip--filled': '',\n ].join(' ').trim();\n }\n\n @HostBinding('attr.role') role = 'status';\n @Input() @HostBinding('attr.aria-label') ariaLabel = 'Chip content';\n\n @HostBinding('attr.data-e2e')\n @Input()\n e2eAttr = 'eui-chip';\n\n @Input() euiInternalId: string = null;\n @Input() tooltipMessage: string;\n @Input() id: string | number;\n // TODO: type should be specific\n // TODO: find the correct type or turn into a generic, https://www.typescriptlang.org/docs/handbook/2/generics.html\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n @Input() data: any = {\n id: crypto.randomUUID(),\n tooltip: {\n color: 'euiTooltipPrimary',\n contentAlignment: null,\n position: 'above',\n },\n };\n\n @Input({ transform: booleanAttribute }) isChipRemovable = false;\n @Input({ transform: booleanAttribute }) isSquared = false;\n @Input({ transform: booleanAttribute }) isFilled = false;\n\n @Output() remove = new EventEmitter<EuiChipComponent | EuiChip | { chip: EuiChipComponent | EuiChip; event?: Event }>();\n\n @ContentChildren(forwardRef(() => EuiIconSvgComponent)) euiIcons: QueryList<EuiIconSvgComponent>;\n @ViewChild('chipLabel') chipLabel: ElementRef<HTMLInputElement>;\n\n constructor(\n private _elementRef: ElementRef,\n public baseStatesDirective: BaseStatesDirective,\n ) {\n }\n\n ngAfterContentInit(): void {\n if (!this.data.id && this.id) {\n this.data = Object.assign(this.data, { id: this.id });\n }\n\n if (this._elementRef.nativeElement.parentElement?.classList.contains('eui-chip-list__chip-container')) {\n this.role = 'listitem'\n }\n }\n\n public onRemove(event?: Event): void {\n if (event instanceof KeyboardEvent && (event as KeyboardEvent).code === 'Backspace') {\n this.remove.emit({ chip: this.data, event });\n } else {\n this.remove.emit(this.data);\n }\n }\n}\n","<div class=\"eui-chip-wrapper\">\n <div class=\"eui-chip__content-container\" #chipLabel>\n <ng-content></ng-content>\n </div>\n <eui-icon-button\n *ngIf=\"isChipRemovable\"\n class=\"eui-chip__close\"\n ariaLabel=\"Remove {{ chipLabel.textContent }} chip\"\n icon=\"close:outline\"\n euiRounded\n hasNoPadding\n (keydown.enter)=\"onRemove($event)\"\n (keydown.backspace)=\"onRemove($event)\"\n (buttonClick)=\"onRemove($event)\">\n </eui-icon-button>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { EuiIconModule } from '@eui/components/eui-icon';\nimport { EuiIconButtonModule } from '@eui/components/eui-icon-button';\nimport { EuiTooltipDirectiveModule } from '@eui/components/directives';\n\nimport { EuiChipComponent } from './eui-chip.component';\n\n@NgModule({\n imports: [CommonModule, EuiIconModule, EuiIconButtonModule, EuiTooltipDirectiveModule],\n declarations: [EuiChipComponent],\n exports: [EuiChipComponent],\n})\nexport class EuiChipModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"name": "@eui/components",
|
3
|
-
"version": "18.2.6
|
4
|
-
"tag": "
|
3
|
+
"version": "18.2.6",
|
4
|
+
"tag": "v18-lts",
|
5
5
|
"description": "eUI components package",
|
6
6
|
"homepage": "https://eui.ecdevops.eu",
|
7
7
|
"author": "ec.europa.eui@gmail.com",
|
@@ -10,8 +10,8 @@
|
|
10
10
|
"url": "https://citnet.tech.ec.europa.eu/CITnet/stash/projects/CSDR/repos/eui"
|
11
11
|
},
|
12
12
|
"peerDependencies": {
|
13
|
-
"@eui/core": "18.2.6
|
14
|
-
"@eui/base": "18.2.6
|
13
|
+
"@eui/core": "18.2.6",
|
14
|
+
"@eui/base": "18.2.6",
|
15
15
|
"@angular/common": "^18.0.0",
|
16
16
|
"@angular/core": "^18.0.0",
|
17
17
|
"@angular/forms": "^18.0.0",
|