ngx-sfc-common 0.0.34 → 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.
|
@@ -12,6 +12,7 @@ export class TagComponent {
|
|
|
12
12
|
key: CommonConstants.DEFAULT_KEY_VALUE,
|
|
13
13
|
label: TagConstants.DEFAULT_LABEL
|
|
14
14
|
};
|
|
15
|
+
// eslint-disable-next-line @angular-eslint/no-output-rename
|
|
15
16
|
this.removeAction = new EventEmitter();
|
|
16
17
|
this.disabled = false;
|
|
17
18
|
}
|
|
@@ -22,10 +23,10 @@ export class TagComponent {
|
|
|
22
23
|
}
|
|
23
24
|
}
|
|
24
25
|
TagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
25
|
-
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{
|
|
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"] }] });
|
|
26
27
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TagComponent, decorators: [{
|
|
27
28
|
type: Component,
|
|
28
|
-
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{
|
|
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"] }]
|
|
29
30
|
}], propDecorators: { model: [{
|
|
30
31
|
type: Input
|
|
31
32
|
}], removeAction: [{
|
|
@@ -40,4 +41,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
40
41
|
type: HostListener,
|
|
41
42
|
args: ['click']
|
|
42
43
|
}] } });
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFnLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZmMtY29tbW9uL3NyYy9saWIvY29tcG9uZW50cy90YWcvdGFnLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZmMtY29tbW9uL3NyYy9saWIvY29tcG9uZW50cy90YWcvdGFnLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNsRyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDbEQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUN0QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7Ozs7O0FBUS9DLE1BQU0sT0FBTyxZQUFZO0lBTHpCO1FBUUUsVUFBSyxHQUFjO1lBQ2pCLEdBQUcsRUFBRSxlQUFlLENBQUMsaUJBQWlCO1lBQ3RDLEtBQUssRUFBRSxZQUFZLENBQUMsYUFBYTtTQUNsQyxDQUFDO1FBRUYsNERBQTREO1FBRTVELGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQWEsQ0FBQztRQUk3QyxhQUFRLEdBQVksS0FBSyxDQUFDO0tBUTNCO0lBTFMsUUFBUSxLQUFXLElBQUksSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLO1FBQUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUV6RSxRQUFRO1FBQ2IsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3JDLENBQUM7O3lHQXJCVSxZQUFZOzZGQUFaLFlBQVkseU9DWHpCLHFTQU1NOzJGREtPLFlBQVk7a0JBTHhCLFNBQVM7K0JBQ0UsU0FBUzs4QkFPbkIsS0FBSztzQkFESixLQUFLO2dCQVFOLFlBQVk7c0JBRFgsTUFBTTt1QkFBQyxRQUFRO2dCQUtoQixRQUFRO3NCQUZQLEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsU0FBUyxPQUFPLENBQUMsUUFBUSxFQUFFO2dCQUloQyxRQUFRO3NCQURmLFlBQVk7dUJBQUMsT0FBTyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBIb3N0QmluZGluZywgSG9zdExpc3RlbmVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbkNvbnN0YW50cyB9IGZyb20gJy4uLy4uL2NvbnN0YW50cyc7XHJcbmltcG9ydCB7IFVJQ2xhc3MgfSBmcm9tICcuLi8uLi9lbnVtcyc7XHJcbmltcG9ydCB7IFRhZ0NvbnN0YW50cyB9IGZyb20gJy4vdGFnLmNvbnN0YW50cyc7XHJcbmltcG9ydCB7IElUYWdNb2RlbCB9IGZyb20gJy4vdGFnLm1vZGVsJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2ZjLXRhZycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL3RhZy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vdGFnLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIFRhZ0NvbXBvbmVudCB7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgbW9kZWw6IElUYWdNb2RlbCA9IHtcclxuICAgIGtleTogQ29tbW9uQ29uc3RhbnRzLkRFRkFVTFRfS0VZX1ZBTFVFLFxyXG4gICAgbGFiZWw6IFRhZ0NvbnN0YW50cy5ERUZBVUxUX0xBQkVMXHJcbiAgfTtcclxuXHJcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1vdXRwdXQtcmVuYW1lXHJcbiAgQE91dHB1dCgncmVtb3ZlJylcclxuICByZW1vdmVBY3Rpb24gPSBuZXcgRXZlbnRFbWl0dGVyPElUYWdNb2RlbD4oKTtcclxuXHJcbiAgQElucHV0KClcclxuICBASG9zdEJpbmRpbmcoYGNsYXNzLiR7VUlDbGFzcy5EaXNhYmxlZH1gKVxyXG4gIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJylcclxuICBwcml2YXRlIF9vbkNsaWNrKCk6IHZvaWQgeyBpZiAodGhpcy5tb2RlbC5jbGljaykgdGhpcy5tb2RlbC5jbGljayh0aGlzLm1vZGVsKTsgfVxyXG5cclxuICBwdWJsaWMgb25SZW1vdmUoKTogdm9pZCB7XHJcbiAgICB0aGlzLnJlbW92ZUFjdGlvbi5lbWl0KHRoaXMubW9kZWwpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiY29udGFpbmVyXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY29udGVudFwiPlxyXG4gICAgICAgIDxzZmMtaWNvbiBbaWNvbl09XCJtb2RlbC5pY29uXCIgW2ltYWdlU3JjXT1cIm1vZGVsLmltYWdlU3JjXCI+PC9zZmMtaWNvbj5cclxuICAgICAgICA8c3Bhbj57e21vZGVsLmxhYmVsfX08L3NwYW4+XHJcbiAgICAgICAgPHNmYy1jbG9zZSAqbmdJZj1cIm1vZGVsLmFsbG93UmVtb3ZlXCIgKGNsaWNrKT1cIm9uUmVtb3ZlKClcIj48L3NmYy1jbG9zZT5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=
|
|
@@ -3546,6 +3546,7 @@ 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();
|
|
3550
3551
|
this.disabled = false;
|
|
3551
3552
|
}
|
|
@@ -3558,10 +3559,10 @@ class TagComponent {
|
|
|
3558
3559
|
}
|
|
3559
3560
|
}
|
|
3560
3561
|
TagComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
3561
|
-
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{
|
|
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"] }] });
|
|
3562
3563
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: TagComponent, decorators: [{
|
|
3563
3564
|
type: Component,
|
|
3564
|
-
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{
|
|
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"] }]
|
|
3565
3566
|
}], propDecorators: { model: [{
|
|
3566
3567
|
type: Input
|
|
3567
3568
|
}], removeAction: [{
|