ngx-sfc-common 0.0.33 → 0.0.35
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/lib/components/tag/tag.component.mjs +12 -4
- package/fesm2015/ngx-sfc-common.mjs +9 -2
- package/fesm2015/ngx-sfc-common.mjs.map +1 -1
- package/fesm2020/ngx-sfc-common.mjs +9 -2
- package/fesm2020/ngx-sfc-common.mjs.map +1 -1
- package/lib/components/tag/tag.component.d.ts +2 -1
- package/package.json +1 -1
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import { Component, EventEmitter, HostListener, Input, Output } from '@angular/core';
|
|
1
|
+
import { Component, EventEmitter, HostBinding, HostListener, Input, Output } from '@angular/core';
|
|
2
2
|
import { CommonConstants } from '../../constants';
|
|
3
|
+
import { UIClass } from '../../enums';
|
|
3
4
|
import { TagConstants } from './tag.constants';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
import * as i1 from "@angular/common";
|
|
@@ -11,7 +12,9 @@ export class TagComponent {
|
|
|
11
12
|
key: CommonConstants.DEFAULT_KEY_VALUE,
|
|
12
13
|
label: TagConstants.DEFAULT_LABEL
|
|
13
14
|
};
|
|
15
|
+
// eslint-disable-next-line @angular-eslint/no-output-rename
|
|
14
16
|
this.removeAction = new EventEmitter();
|
|
17
|
+
this.disabled = false;
|
|
15
18
|
}
|
|
16
19
|
_onClick() { if (this.model.click)
|
|
17
20
|
this.model.click(this.model); }
|
|
@@ -20,17 +23,22 @@ export class TagComponent {
|
|
|
20
23
|
}
|
|
21
24
|
}
|
|
22
25
|
TagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
-
TagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: TagComponent, selector: "sfc-tag", inputs: { model: "model" }, outputs: { removeAction: "remove" }, host: { listeners: { "click": "_onClick()" } }, ngImport: i0, template: "<div class=\"container\">\r\n <div class=\"content\">\r\n <sfc-icon [icon]=\"model.icon\" [imageSrc]=\"model.imageSrc\"></sfc-icon>\r\n <span>{{model.label}}</span>\r\n <sfc-close *ngIf=\"model.allowRemove\" (click)=\"onRemove()\"></sfc-close>\r\n </div>\r\n</div>", styles: [":host{display:inline-block}:host .container .content{
|
|
26
|
+
TagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: TagComponent, selector: "sfc-tag", inputs: { model: "model", disabled: "disabled" }, outputs: { removeAction: "remove" }, host: { listeners: { "click": "_onClick()" }, properties: { "class.disabled": "this.disabled" } }, ngImport: i0, template: "<div class=\"container\">\r\n <div class=\"content\">\r\n <sfc-icon [icon]=\"model.icon\" [imageSrc]=\"model.imageSrc\"></sfc-icon>\r\n <span>{{model.label}}</span>\r\n <sfc-close *ngIf=\"model.allowRemove\" (click)=\"onRemove()\"></sfc-close>\r\n </div>\r\n</div>", styles: [":host{cursor:default;-webkit-user-select:none;user-select:none;display:inline-block}:host .container .content{align-items:center;text-align:center;padding:.3em .8em;display:inline-flex;border-radius:1em;font-weight:700;-webkit-user-select:none;user-select:none;transition:color .5s ease;transition:background-color .5s ease;transition:color .5s ease,background-color .5s ease,border-color .5s ease;border:.125em solid transparent}:host .container .content,:host-context(.sfc-default-theme) :host .container .content{color:#fff}:host-context(.sfc-dark-theme) :host .container .content{color:#545e61}:host .container .content,:host-context(.sfc-default-theme) :host .container .content{background-color:#545e61}:host-context(.sfc-dark-theme) :host .container .content{background-color:#fff}:host .container .content sfc-icon{margin-right:.2em}:host .container .content sfc-icon ::ng-deep .container img{max-width:1em;max-height:1em}:host .container .content sfc-close{margin-left:.6em;color:#ed5565;font-size:.8em}:host:hover .container .content{background-color:#ffce54;color:#fff}:host.disabled .container .content{pointer-events:none;transition:color .5s ease;transition:background-color .5s ease}:host.disabled .container .content,:host-context(.sfc-default-theme) :host.disabled .container .content{color:#bdbdbd}:host-context(.sfc-dark-theme) :host.disabled .container .content{color:#e9e9e9}:host.disabled .container .content,:host-context(.sfc-default-theme) :host.disabled .container .content{background-color:#f6f6f6}:host-context(.sfc-dark-theme) :host.disabled .container .content{background-color:#656d78}:host.disabled .container .content sfc-close{transition:color .5s ease}:host.disabled .container .content sfc-close,:host-context(.sfc-default-theme) :host.disabled .container .content sfc-close{color:#bdbdbd}:host-context(.sfc-dark-theme) :host.disabled .container .content sfc-close{color:#656d78}:host.disabled:hover .container .content{background-color:initial}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.CloseComponent, selector: "sfc-close" }, { kind: "component", type: i3.IconComponent, selector: "sfc-icon", inputs: ["icon", "imageSrc"] }] });
|
|
24
27
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TagComponent, decorators: [{
|
|
25
28
|
type: Component,
|
|
26
|
-
args: [{ selector: 'sfc-tag', template: "<div class=\"container\">\r\n <div class=\"content\">\r\n <sfc-icon [icon]=\"model.icon\" [imageSrc]=\"model.imageSrc\"></sfc-icon>\r\n <span>{{model.label}}</span>\r\n <sfc-close *ngIf=\"model.allowRemove\" (click)=\"onRemove()\"></sfc-close>\r\n </div>\r\n</div>", styles: [":host{display:inline-block}:host .container .content{
|
|
29
|
+
args: [{ selector: 'sfc-tag', template: "<div class=\"container\">\r\n <div class=\"content\">\r\n <sfc-icon [icon]=\"model.icon\" [imageSrc]=\"model.imageSrc\"></sfc-icon>\r\n <span>{{model.label}}</span>\r\n <sfc-close *ngIf=\"model.allowRemove\" (click)=\"onRemove()\"></sfc-close>\r\n </div>\r\n</div>", styles: [":host{cursor:default;-webkit-user-select:none;user-select:none;display:inline-block}:host .container .content{align-items:center;text-align:center;padding:.3em .8em;display:inline-flex;border-radius:1em;font-weight:700;-webkit-user-select:none;user-select:none;transition:color .5s ease;transition:background-color .5s ease;transition:color .5s ease,background-color .5s ease,border-color .5s ease;border:.125em solid transparent}:host .container .content,:host-context(.sfc-default-theme) :host .container .content{color:#fff}:host-context(.sfc-dark-theme) :host .container .content{color:#545e61}:host .container .content,:host-context(.sfc-default-theme) :host .container .content{background-color:#545e61}:host-context(.sfc-dark-theme) :host .container .content{background-color:#fff}:host .container .content sfc-icon{margin-right:.2em}:host .container .content sfc-icon ::ng-deep .container img{max-width:1em;max-height:1em}:host .container .content sfc-close{margin-left:.6em;color:#ed5565;font-size:.8em}:host:hover .container .content{background-color:#ffce54;color:#fff}:host.disabled .container .content{pointer-events:none;transition:color .5s ease;transition:background-color .5s ease}:host.disabled .container .content,:host-context(.sfc-default-theme) :host.disabled .container .content{color:#bdbdbd}:host-context(.sfc-dark-theme) :host.disabled .container .content{color:#e9e9e9}:host.disabled .container .content,:host-context(.sfc-default-theme) :host.disabled .container .content{background-color:#f6f6f6}:host-context(.sfc-dark-theme) :host.disabled .container .content{background-color:#656d78}:host.disabled .container .content sfc-close{transition:color .5s ease}:host.disabled .container .content sfc-close,:host-context(.sfc-default-theme) :host.disabled .container .content sfc-close{color:#bdbdbd}:host-context(.sfc-dark-theme) :host.disabled .container .content sfc-close{color:#656d78}:host.disabled:hover .container .content{background-color:initial}\n"] }]
|
|
27
30
|
}], propDecorators: { model: [{
|
|
28
31
|
type: Input
|
|
29
32
|
}], removeAction: [{
|
|
30
33
|
type: Output,
|
|
31
34
|
args: ['remove']
|
|
35
|
+
}], disabled: [{
|
|
36
|
+
type: Input
|
|
37
|
+
}, {
|
|
38
|
+
type: HostBinding,
|
|
39
|
+
args: [`class.${UIClass.Disabled}`]
|
|
32
40
|
}], _onClick: [{
|
|
33
41
|
type: HostListener,
|
|
34
42
|
args: ['click']
|
|
35
43
|
}] } });
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZmMtY29tbW9uL3NyYy9saWIvY29tcG9uZW50cy90YWcvdGFnLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZmMtY29tbW9uL3NyYy9saWIvY29tcG9uZW50cy90YWcvdGFnLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNsRyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDbEQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUN0QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7Ozs7O0FBUS9DLE1BQU0sT0FBTyxZQUFZO0lBTHpCO1FBUUUsVUFBSyxHQUFjO1lBQ2pCLEdBQUcsRUFBRSxlQUFlLENBQUMsaUJBQWlCO1lBQ3RDLEtBQUssRUFBRSxZQUFZLENBQUMsYUFBYTtTQUNsQyxDQUFDO1FBRUYsNERBQTREO1FBRTVELGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQWEsQ0FBQztRQUk3QyxhQUFRLEdBQVksS0FBSyxDQUFDO0tBUTNCO0lBTFMsUUFBUSxLQUFXLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLO1FBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUV6RSxRQUFRO1FBQ2IsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3JDLENBQUM7O3lHQXJCVSxZQUFZOzZGQUFaLFlBQVkseU9DWHpCLHFTQU1NOzJGREtPLFlBQVk7a0JBTHhCLFNBQVM7K0JBQ0UsU0FBUzs4QkFPbkIsS0FBSztzQkFESixLQUFLO2dCQVFOLFlBQVk7c0JBRFgsTUFBTTt1QkFBQyxRQUFRO2dCQUtoQixRQUFRO3NCQUZQLEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsU0FBUyxPQUFPLENBQUMsUUFBUSxFQUFFO2dCQUloQyxRQUFRO3NCQURmLFlBQVk7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBIb3N0QmluZGluZywgSG9zdExpc3RlbmVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbkNvbnN0YW50cyB9IGZyb20gJy4uLy4uL2NvbnN0YW50cyc7XHJcbmltcG9ydCB7IFVJQ2xhc3MgfSBmcm9tICcuLi8uLi9lbnVtcyc7XHJcbmltcG9ydCB7IFRhZ0NvbnN0YW50cyB9IGZyb20gJy4vdGFnLmNvbnN0YW50cyc7XHJcbmltcG9ydCB7IElUYWdNb2RlbCB9IGZyb20gJy4vdGFnLm1vZGVsJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2ZjLXRhZycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3RhZy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdGFnLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFRhZ0NvbXBvbmVudCB7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgbW9kZWw6IElUYWdNb2RlbCA9IHtcclxuICAgIGtleTogQ29tbW9uQ29uc3RhbnRzLkRFRkFVTFRfS0VZX1ZBTFVFLFxyXG4gICAgbGFiZWw6IFRhZ0NvbnN0YW50cy5ERUZBVUxUX0xBQkVMXHJcbiAgfTtcclxuXHJcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1vdXRwdXQtcmVuYW1lXHJcbiAgQE91dHB1dCgncmVtb3ZlJylcclxuICByZW1vdmVBY3Rpb24gPSBuZXcgRXZlbnRFbWl0dGVyPElUYWdNb2RlbD4oKTtcclxuXHJcbiAgQElucHV0KClcclxuICBASG9zdEJpbmRpbmcoYGNsYXNzLiR7VUlDbGFzcy5EaXNhYmxlZH1gKVxyXG4gIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJylcclxuICBwcml2YXRlIF9vbkNsaWNrKCk6IHZvaWQgeyBpZiAodGhpcy5tb2RlbC5jbGljaykgdGhpcy5tb2RlbC5jbGljayh0aGlzLm1vZGVsKTsgfVxyXG5cclxuICBwdWJsaWMgb25SZW1vdmUoKTogdm9pZCB7XHJcbiAgICB0aGlzLnJlbW92ZUFjdGlvbi5lbWl0KHRoaXMubW9kZWwpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29udGVudFwiPlxyXG4gICAgICAgIDxzZmMtaWNvbiBbaWNvbl09XCJtb2RlbC5pY29uXCIgW2ltYWdlU3JjXT1cIm1vZGVsLmltYWdlU3JjXCI+PC9zZmMtaWNvbj5cclxuICAgICAgICA8c3Bhbj57e21vZGVsLmxhYmVsfX08L3NwYW4+XHJcbiAgICAgICAgPHNmYy1jbG9zZSAqbmdJZj1cIm1vZGVsLmFsbG93UmVtb3ZlXCIgKGNsaWNrKT1cIm9uUmVtb3ZlKClcIj48L3NmYy1jbG9zZT5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=
|
|
@@ -3546,7 +3546,9 @@ class TagComponent {
|
|
|
3546
3546
|
key: CommonConstants.DEFAULT_KEY_VALUE,
|
|
3547
3547
|
label: TagConstants.DEFAULT_LABEL
|
|
3548
3548
|
};
|
|
3549
|
+
// eslint-disable-next-line @angular-eslint/no-output-rename
|
|
3549
3550
|
this.removeAction = new EventEmitter();
|
|
3551
|
+
this.disabled = false;
|
|
3550
3552
|
}
|
|
3551
3553
|
_onClick() {
|
|
3552
3554
|
if (this.model.click)
|
|
@@ -3557,15 +3559,20 @@ class TagComponent {
|
|
|
3557
3559
|
}
|
|
3558
3560
|
}
|
|
3559
3561
|
TagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3560
|
-
TagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: TagComponent, selector: "sfc-tag", inputs: { model: "model" }, outputs: { removeAction: "remove" }, host: { listeners: { "click": "_onClick()" } }, ngImport: i0, template: "<div class=\"container\">\r\n <div class=\"content\">\r\n <sfc-icon [icon]=\"model.icon\" [imageSrc]=\"model.imageSrc\"></sfc-icon>\r\n <span>{{model.label}}</span>\r\n <sfc-close *ngIf=\"model.allowRemove\" (click)=\"onRemove()\"></sfc-close>\r\n </div>\r\n</div>", styles: [":host{display:inline-block}:host .container .content{
|
|
3562
|
+
TagComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: TagComponent, selector: "sfc-tag", inputs: { model: "model", disabled: "disabled" }, outputs: { removeAction: "remove" }, host: { listeners: { "click": "_onClick()" }, properties: { "class.disabled": "this.disabled" } }, ngImport: i0, template: "<div class=\"container\">\r\n <div class=\"content\">\r\n <sfc-icon [icon]=\"model.icon\" [imageSrc]=\"model.imageSrc\"></sfc-icon>\r\n <span>{{model.label}}</span>\r\n <sfc-close *ngIf=\"model.allowRemove\" (click)=\"onRemove()\"></sfc-close>\r\n </div>\r\n</div>", styles: [":host{cursor:default;-webkit-user-select:none;user-select:none;display:inline-block}:host .container .content{align-items:center;text-align:center;padding:.3em .8em;display:inline-flex;border-radius:1em;font-weight:700;-webkit-user-select:none;user-select:none;transition:color .5s ease;transition:background-color .5s ease;transition:color .5s ease,background-color .5s ease,border-color .5s ease;border:.125em solid transparent}:host .container .content,:host-context(.sfc-default-theme) :host .container .content{color:#fff}:host-context(.sfc-dark-theme) :host .container .content{color:#545e61}:host .container .content,:host-context(.sfc-default-theme) :host .container .content{background-color:#545e61}:host-context(.sfc-dark-theme) :host .container .content{background-color:#fff}:host .container .content sfc-icon{margin-right:.2em}:host .container .content sfc-icon ::ng-deep .container img{max-width:1em;max-height:1em}:host .container .content sfc-close{margin-left:.6em;color:#ed5565;font-size:.8em}:host:hover .container .content{background-color:#ffce54;color:#fff}:host.disabled .container .content{pointer-events:none;transition:color .5s ease;transition:background-color .5s ease}:host.disabled .container .content,:host-context(.sfc-default-theme) :host.disabled .container .content{color:#bdbdbd}:host-context(.sfc-dark-theme) :host.disabled .container .content{color:#e9e9e9}:host.disabled .container .content,:host-context(.sfc-default-theme) :host.disabled .container .content{background-color:#f6f6f6}:host-context(.sfc-dark-theme) :host.disabled .container .content{background-color:#656d78}:host.disabled .container .content sfc-close{transition:color .5s ease}:host.disabled .container .content sfc-close,:host-context(.sfc-default-theme) :host.disabled .container .content sfc-close{color:#bdbdbd}:host-context(.sfc-dark-theme) :host.disabled .container .content sfc-close{color:#656d78}:host.disabled:hover .container .content{background-color:initial}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CloseComponent, selector: "sfc-close" }, { kind: "component", type: IconComponent, selector: "sfc-icon", inputs: ["icon", "imageSrc"] }] });
|
|
3561
3563
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TagComponent, decorators: [{
|
|
3562
3564
|
type: Component,
|
|
3563
|
-
args: [{ selector: 'sfc-tag', template: "<div class=\"container\">\r\n <div class=\"content\">\r\n <sfc-icon [icon]=\"model.icon\" [imageSrc]=\"model.imageSrc\"></sfc-icon>\r\n <span>{{model.label}}</span>\r\n <sfc-close *ngIf=\"model.allowRemove\" (click)=\"onRemove()\"></sfc-close>\r\n </div>\r\n</div>", styles: [":host{display:inline-block}:host .container .content{
|
|
3565
|
+
args: [{ selector: 'sfc-tag', template: "<div class=\"container\">\r\n <div class=\"content\">\r\n <sfc-icon [icon]=\"model.icon\" [imageSrc]=\"model.imageSrc\"></sfc-icon>\r\n <span>{{model.label}}</span>\r\n <sfc-close *ngIf=\"model.allowRemove\" (click)=\"onRemove()\"></sfc-close>\r\n </div>\r\n</div>", styles: [":host{cursor:default;-webkit-user-select:none;user-select:none;display:inline-block}:host .container .content{align-items:center;text-align:center;padding:.3em .8em;display:inline-flex;border-radius:1em;font-weight:700;-webkit-user-select:none;user-select:none;transition:color .5s ease;transition:background-color .5s ease;transition:color .5s ease,background-color .5s ease,border-color .5s ease;border:.125em solid transparent}:host .container .content,:host-context(.sfc-default-theme) :host .container .content{color:#fff}:host-context(.sfc-dark-theme) :host .container .content{color:#545e61}:host .container .content,:host-context(.sfc-default-theme) :host .container .content{background-color:#545e61}:host-context(.sfc-dark-theme) :host .container .content{background-color:#fff}:host .container .content sfc-icon{margin-right:.2em}:host .container .content sfc-icon ::ng-deep .container img{max-width:1em;max-height:1em}:host .container .content sfc-close{margin-left:.6em;color:#ed5565;font-size:.8em}:host:hover .container .content{background-color:#ffce54;color:#fff}:host.disabled .container .content{pointer-events:none;transition:color .5s ease;transition:background-color .5s ease}:host.disabled .container .content,:host-context(.sfc-default-theme) :host.disabled .container .content{color:#bdbdbd}:host-context(.sfc-dark-theme) :host.disabled .container .content{color:#e9e9e9}:host.disabled .container .content,:host-context(.sfc-default-theme) :host.disabled .container .content{background-color:#f6f6f6}:host-context(.sfc-dark-theme) :host.disabled .container .content{background-color:#656d78}:host.disabled .container .content sfc-close{transition:color .5s ease}:host.disabled .container .content sfc-close,:host-context(.sfc-default-theme) :host.disabled .container .content sfc-close{color:#bdbdbd}:host-context(.sfc-dark-theme) :host.disabled .container .content sfc-close{color:#656d78}:host.disabled:hover .container .content{background-color:initial}\n"] }]
|
|
3564
3566
|
}], propDecorators: { model: [{
|
|
3565
3567
|
type: Input
|
|
3566
3568
|
}], removeAction: [{
|
|
3567
3569
|
type: Output,
|
|
3568
3570
|
args: ['remove']
|
|
3571
|
+
}], disabled: [{
|
|
3572
|
+
type: Input
|
|
3573
|
+
}, {
|
|
3574
|
+
type: HostBinding,
|
|
3575
|
+
args: [`class.${UIClass.Disabled}`]
|
|
3569
3576
|
}], _onClick: [{
|
|
3570
3577
|
type: HostListener,
|
|
3571
3578
|
args: ['click']
|