otimus-library 0.2.83 → 0.2.84
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.
|
@@ -8,8 +8,9 @@ export class OcChipComponent {
|
|
|
8
8
|
this.ocType = 'select';
|
|
9
9
|
this.ocBg = 'green';
|
|
10
10
|
this.ocText = '';
|
|
11
|
-
this.
|
|
12
|
-
this.
|
|
11
|
+
this.ocFontSize = '16px';
|
|
12
|
+
this.ocClick = new EventEmitter();
|
|
13
|
+
this.ocRemove = new EventEmitter();
|
|
13
14
|
}
|
|
14
15
|
ocEvent(event) {
|
|
15
16
|
event.stopPropagation();
|
|
@@ -24,11 +25,11 @@ export class OcChipComponent {
|
|
|
24
25
|
this.ocRemove.emit();
|
|
25
26
|
}
|
|
26
27
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcChipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
27
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: OcChipComponent, isStandalone: true, selector: "oc-chip", inputs: { ocSelected: "ocSelected", ocType: "ocType", ocBg: "ocBg", ocText: "ocText" }, outputs: { ocClick: "ocClick", ocRemove: "ocRemove" }, ngImport: i0, template: "<button\n [ngClass]=\"{\n 'oc-chip': true,\n selected: ocSelected,\n 'not-selectable': ocType !== 'select' && ocType !== 'select_remove',\n
|
|
28
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: OcChipComponent, isStandalone: true, selector: "oc-chip", inputs: { ocSelected: "ocSelected", ocType: "ocType", ocBg: "ocBg", ocText: "ocText", ocFontSize: "ocFontSize" }, outputs: { ocClick: "ocClick", ocRemove: "ocRemove" }, ngImport: i0, template: "<button\n [ngClass]=\"{\n 'oc-chip': true,\n selected: ocSelected,\n 'not-selectable': ocType !== 'select' && ocType !== 'select_remove',\n tag: ocType === 'tag',\n remove: ocType === 'remove' || ocType === 'select_remove',\n 'green-bg': ocBg === 'green',\n 'red-bg': ocBg === 'red',\n 'yellow-bg': ocBg === 'yellow',\n }\"\n type=\"button\"\n [ngStyle]=\"{\n 'font-size': ocFontSize,\n }\"\n [title]=\"ocText\"\n (click)=\"ocType.includes('select') ? ocEvent($event) : null\"\n>\n <ng-content></ng-content>\n @if (ocType.includes('remove')) {\n <span\n class=\"material-symbols-outlined\"\n (click)=\"ocRemoveEvent($event)\"\n >close</span\n >\n }\n</button>\n", styles: [".oc-chip{background-color:#f7f7f7;color:#8f9596;border:2px solid #d1d5db;border-radius:16px;font-size:1rem;font-weight:500;padding:3px 18px;transition:.3s ease!important;cursor:pointer}.oc-chip:hover{filter:brightness(.95)}.oc-chip:active{filter:brightness(.85)}.selected{background-color:#ccfbe6dc;border:2px solid #00dda3;color:#00dda3}.selected.red-bg{color:#ed3a3a;border-color:#ed3a3a;background-color:#ffcaca}.selected.green-bg{color:#00dda3;border-color:#00dda3;background-color:#ccfbe6dc}.selected.yellow-bg{color:#ebbc2e;border-color:#ebbc2e;background-color:#fffaea}.not-selectable{border:none;background-color:#f7f7f7;color:#8f9596;cursor:default}.not-selectable:active{cursor:not-allowed}.material-symbols-outlined{font-size:.9rem;width:10px;height:10px}.remove{display:flex;align-items:center;gap:.5rem;padding-right:.5rem}.remove:hover{filter:brightness(1)}.remove span{display:flex;align-items:center;justify-content:center;padding:5px;cursor:pointer;border-radius:50%;transition:.1s ease}.remove span:hover{background-color:#d1d5db}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
28
29
|
}
|
|
29
30
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OcChipComponent, decorators: [{
|
|
30
31
|
type: Component,
|
|
31
|
-
args: [{ selector: 'oc-chip', standalone: true, imports: [CommonModule], template: "<button\n [ngClass]=\"{\n 'oc-chip': true,\n selected: ocSelected,\n 'not-selectable': ocType !== 'select' && ocType !== 'select_remove',\n
|
|
32
|
+
args: [{ selector: 'oc-chip', standalone: true, imports: [CommonModule], template: "<button\n [ngClass]=\"{\n 'oc-chip': true,\n selected: ocSelected,\n 'not-selectable': ocType !== 'select' && ocType !== 'select_remove',\n tag: ocType === 'tag',\n remove: ocType === 'remove' || ocType === 'select_remove',\n 'green-bg': ocBg === 'green',\n 'red-bg': ocBg === 'red',\n 'yellow-bg': ocBg === 'yellow',\n }\"\n type=\"button\"\n [ngStyle]=\"{\n 'font-size': ocFontSize,\n }\"\n [title]=\"ocText\"\n (click)=\"ocType.includes('select') ? ocEvent($event) : null\"\n>\n <ng-content></ng-content>\n @if (ocType.includes('remove')) {\n <span\n class=\"material-symbols-outlined\"\n (click)=\"ocRemoveEvent($event)\"\n >close</span\n >\n }\n</button>\n", styles: [".oc-chip{background-color:#f7f7f7;color:#8f9596;border:2px solid #d1d5db;border-radius:16px;font-size:1rem;font-weight:500;padding:3px 18px;transition:.3s ease!important;cursor:pointer}.oc-chip:hover{filter:brightness(.95)}.oc-chip:active{filter:brightness(.85)}.selected{background-color:#ccfbe6dc;border:2px solid #00dda3;color:#00dda3}.selected.red-bg{color:#ed3a3a;border-color:#ed3a3a;background-color:#ffcaca}.selected.green-bg{color:#00dda3;border-color:#00dda3;background-color:#ccfbe6dc}.selected.yellow-bg{color:#ebbc2e;border-color:#ebbc2e;background-color:#fffaea}.not-selectable{border:none;background-color:#f7f7f7;color:#8f9596;cursor:default}.not-selectable:active{cursor:not-allowed}.material-symbols-outlined{font-size:.9rem;width:10px;height:10px}.remove{display:flex;align-items:center;gap:.5rem;padding-right:.5rem}.remove:hover{filter:brightness(1)}.remove span{display:flex;align-items:center;justify-content:center;padding:5px;cursor:pointer;border-radius:50%;transition:.1s ease}.remove span:hover{background-color:#d1d5db}\n"] }]
|
|
32
33
|
}], propDecorators: { ocSelected: [{
|
|
33
34
|
type: Input
|
|
34
35
|
}], ocType: [{
|
|
@@ -37,9 +38,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
|
|
|
37
38
|
type: Input
|
|
38
39
|
}], ocText: [{
|
|
39
40
|
type: Input
|
|
41
|
+
}], ocFontSize: [{
|
|
42
|
+
type: Input
|
|
40
43
|
}], ocClick: [{
|
|
41
44
|
type: Output
|
|
42
45
|
}], ocRemove: [{
|
|
43
46
|
type: Output
|
|
44
47
|
}] } });
|
|
45
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
48
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib2MtY2hpcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vdGltdXMtbGlicmFyeS9zcmMvbGliL2NvbXBvbmVudHMvb2MtY2hpcC9vYy1jaGlwLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL290aW11cy1saWJyYXJ5L3NyYy9saWIvY29tcG9uZW50cy9vYy1jaGlwL29jLWNoaXAuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQzlDLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFnQixLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFBOzs7QUFTcEYsTUFBTSxPQUFPLGVBQWU7SUFQNUI7UUFRVyxlQUFVLEdBQVksS0FBSyxDQUFBO1FBQzNCLFdBQU0sR0FBa0QsUUFBUSxDQUFBO1FBQ2hFLFNBQUksR0FBMkMsT0FBTyxDQUFBO1FBQ3RELFdBQU0sR0FBVyxFQUFFLENBQUE7UUFDbkIsZUFBVSxHQUFXLE1BQU0sQ0FBQTtRQUMxQixZQUFPLEdBQXNCLElBQUksWUFBWSxFQUFPLENBQUE7UUFDcEQsYUFBUSxHQUFzQixJQUFJLFlBQVksRUFBTyxDQUFBO0tBZWhFO0lBYkMsT0FBTyxDQUFDLEtBQVU7UUFDaEIsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFBO1FBQ3ZCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLENBQUE7SUFDckIsQ0FBQztJQUVELGFBQWEsQ0FBQyxLQUFVO1FBQ3RCLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQTtRQUN2QixJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUM1QixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFBO1lBQ25CLE9BQU07UUFDUixDQUFDO1FBQ0QsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLEVBQUUsQ0FBQTtJQUN0QixDQUFDOytHQXJCVSxlQUFlO21HQUFmLGVBQWUsNE9DVjVCLGl0QkEyQkEsbWxDRHJCWSxZQUFZOzs0RkFJWCxlQUFlO2tCQVAzQixTQUFTOytCQUNFLFNBQVMsY0FDUCxJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUM7OEJBS2QsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNJLE9BQU87c0JBQWhCLE1BQU07Z0JBQ0csUUFBUTtzQkFBakIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbidcbmltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBIb3N0TGlzdGVuZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdvYy1jaGlwJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIHRlbXBsYXRlVXJsOiAnLi9vYy1jaGlwLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL29jLWNoaXAuY29tcG9uZW50LnNjc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBPY0NoaXBDb21wb25lbnQge1xuICBASW5wdXQoKSBvY1NlbGVjdGVkOiBib29sZWFuID0gZmFsc2VcbiAgQElucHV0KCkgb2NUeXBlOiAnc2VsZWN0JyB8ICdyZW1vdmUnIHwgJ3RhZycgfCAnc2VsZWN0X3JlbW92ZScgPSAnc2VsZWN0J1xuICBASW5wdXQoKSBvY0JnOiAnZ3JlZW4nIHwgJ3JlZCcgfCAneWVsbG93JyB8ICdkZWZhdWx0JyA9ICdncmVlbidcbiAgQElucHV0KCkgb2NUZXh0OiBzdHJpbmcgPSAnJ1xuICBASW5wdXQoKSBvY0ZvbnRTaXplOiBzdHJpbmcgPSAnMTZweCdcbiAgQE91dHB1dCgpIG9jQ2xpY2s6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KClcbiAgQE91dHB1dCgpIG9jUmVtb3ZlOiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpXG5cbiAgb2NFdmVudChldmVudDogYW55KSB7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKClcbiAgICB0aGlzLm9jQ2xpY2suZW1pdCgpXG4gIH1cblxuICBvY1JlbW92ZUV2ZW50KGV2ZW50OiBhbnkpIHtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKVxuICAgIGlmICghdGhpcy5vY1JlbW92ZS5vYnNlcnZlZCkge1xuICAgICAgdGhpcy5vY0NsaWNrLmVtaXQoKVxuICAgICAgcmV0dXJuXG4gICAgfVxuICAgIHRoaXMub2NSZW1vdmUuZW1pdCgpXG4gIH1cbn1cbiIsIjxidXR0b25cbiAgW25nQ2xhc3NdPVwie1xuICAgICdvYy1jaGlwJzogdHJ1ZSxcbiAgICBzZWxlY3RlZDogb2NTZWxlY3RlZCxcbiAgICAnbm90LXNlbGVjdGFibGUnOiBvY1R5cGUgIT09ICdzZWxlY3QnICYmIG9jVHlwZSAhPT0gJ3NlbGVjdF9yZW1vdmUnLFxuICAgIHRhZzogb2NUeXBlID09PSAndGFnJyxcbiAgICByZW1vdmU6IG9jVHlwZSA9PT0gJ3JlbW92ZScgfHwgb2NUeXBlID09PSAnc2VsZWN0X3JlbW92ZScsXG4gICAgJ2dyZWVuLWJnJzogb2NCZyA9PT0gJ2dyZWVuJyxcbiAgICAncmVkLWJnJzogb2NCZyA9PT0gJ3JlZCcsXG4gICAgJ3llbGxvdy1iZyc6IG9jQmcgPT09ICd5ZWxsb3cnLFxuICB9XCJcbiAgdHlwZT1cImJ1dHRvblwiXG4gIFtuZ1N0eWxlXT1cIntcbiAgICAnZm9udC1zaXplJzogb2NGb250U2l6ZSxcbiAgfVwiXG4gIFt0aXRsZV09XCJvY1RleHRcIlxuICAoY2xpY2spPVwib2NUeXBlLmluY2x1ZGVzKCdzZWxlY3QnKSA/IG9jRXZlbnQoJGV2ZW50KSA6IG51bGxcIlxuPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIEBpZiAob2NUeXBlLmluY2x1ZGVzKCdyZW1vdmUnKSkge1xuICAgIDxzcGFuXG4gICAgICBjbGFzcz1cIm1hdGVyaWFsLXN5bWJvbHMtb3V0bGluZWRcIlxuICAgICAgKGNsaWNrKT1cIm9jUmVtb3ZlRXZlbnQoJGV2ZW50KVwiXG4gICAgICA+Y2xvc2U8L3NwYW5cbiAgICA+XG4gIH1cbjwvYnV0dG9uPlxuIl19
|