ps-toolkit-ui 0.2.38 → 0.2.39
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/bundles/ps-toolkit-ui.umd.js +1 -1
- package/bundles/ps-toolkit-ui.umd.js.map +1 -1
- package/bundles/ps-toolkit-ui.umd.min.js +1 -1
- package/bundles/ps-toolkit-ui.umd.min.js.map +1 -1
- package/esm2015/lib/components/form/select/item/form.select.item.component.js +2 -2
- package/fesm2015/ps-toolkit-ui.js +1 -1
- package/fesm2015/ps-toolkit-ui.js.map +1 -1
- package/package.json +1 -1
- package/ps-toolkit-ui.metadata.json +1 -1
|
@@ -29,7 +29,7 @@ export class FormSelectItemComponent {
|
|
|
29
29
|
FormSelectItemComponent.decorators = [
|
|
30
30
|
{ type: Component, args: [{
|
|
31
31
|
selector: 'lib-form-select-item',
|
|
32
|
-
template: "<div [className]=\"'option-con' + (item.value == select.value ? ' selected' : '') + (item.index == select.hover ? ' hover' : '')\" *ngIf=\"item.show\">\r\n<!-- <i class=\"fas fa-caret-left caret-icon\" (click)=\"toggleChildren($event)\" *ngIf=\"item.options.length > 0\"></i>-->\r\n <div (mousemove)=\"hoverOption(item)\" (click)=\"selectOption.emit(item.value)\" class=\"option\">\r\n <div [className]=\"(item.selected ? 'checked ' : item.selected == null ? 'null ' : '') + ' check'\" *ngIf=\"select.multiple\"></div>\r\n <span [innerHTML]=\"select.l(item.name)\"></span>\r\n </div>\r\n <div *ngIf=\"item.options.length > 0 && (select.level === null || select.level > index)\" class=\"children rightline\">\r\n <lib-form-select-item (selectOption)=\"selectOption.emit($event)\" [index]=\"index + 1\" [parent]=\"item\" [item]=\"op\" [select]=\"select\" *ngFor=\"let op of item.options\"></lib-form-select-item>\r\n </div>\r\n</div>\r\n",
|
|
32
|
+
template: "<div [className]=\"'option-con' + (item.value == select.value ? ' selected' : '') + (item.index == select.hover ? ' hover' : '')\" *ngIf=\"item.show\">\r\n<!-- <i class=\"fas fa-caret-left caret-icon\" (click)=\"toggleChildren($event)\" *ngIf=\"item.options.length > 0\"></i>-->\r\n <div (mousemove)=\"hoverOption(item)\" (click)=\"selectOption.emit(item.value)\" class=\"option\">\r\n <div [className]=\"(item.selected ? 'checked ' : item.selected == null ? 'null ' : '') + ' check'\" *ngIf=\"select.multiple\"></div>\r\n <span [innerHTML]=\"select.l(item.name) | safeHtml\"></span>\r\n </div>\r\n <div *ngIf=\"item.options.length > 0 && (select.level === null || select.level > index)\" class=\"children rightline\">\r\n <lib-form-select-item (selectOption)=\"selectOption.emit($event)\" [index]=\"index + 1\" [parent]=\"item\" [item]=\"op\" [select]=\"select\" *ngFor=\"let op of item.options\"></lib-form-select-item>\r\n </div>\r\n</div>\r\n",
|
|
33
33
|
styles: [".option-con{float:right;width:100%}.option-con .caret-icon{float:right;font-size:20px;height:35px;line-height:33px;text-align:center;width:35px}.option-con .children{float:left;position:relative;width:calc(100% - 35px)}.option{align-items:center;border-radius:0;display:flex;float:left;font-size:10px;justify-content:center;line-height:15px;min-height:30px;padding:3px 10px;position:relative;text-align:center;width:100%}.option .check:after{content:\"\\f0c8\";font-family:Font Awesome\\ 5 Pro;font-size:18px;font-weight:400;height:20px;line-height:20px;position:absolute;right:5px;top:5px;width:20px}.option .check.checked:after{content:\"\\f14a\"}.option .check.checked:after,.option .check.null:after{animation:pop .18s ease-in;color:var(--green);font-weight:900}.option .check.null:after{content:\"\\f146\"}.option-con.hover>.option,.option-con.selected>.option{background-color:var(--black-white)}"]
|
|
34
34
|
},] }
|
|
35
35
|
];
|
|
@@ -40,4 +40,4 @@ FormSelectItemComponent.propDecorators = {
|
|
|
40
40
|
parent: [{ type: Input }],
|
|
41
41
|
index: [{ type: Input }]
|
|
42
42
|
};
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS5zZWxlY3QuaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiRDovUHJvamVjdHMvUHNUb29sa2l0L1VJL3Byb2plY3RzL3BzLXRvb2xraXQtdWkvc3JjLyIsInNvdXJjZXMiOlsibGliL2NvbXBvbmVudHMvZm9ybS9zZWxlY3QvaXRlbS9mb3JtLnNlbGVjdC5pdGVtLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzdFLE9BQU8sS0FBSyxDQUFDLE1BQU0sUUFBUSxDQUFDO0FBUTVCLE1BQU0sT0FBTyx1QkFBdUI7SUFMcEM7UUFPRSxpQkFBWSxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7UUFNMUMsV0FBTSxHQUFnQixJQUFJLENBQUM7SUFzQjdCLENBQUM7SUFuQkMsUUFBUTtRQUNOLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDakMsQ0FBQztJQUNELFdBQVcsQ0FBQyxHQUFnQjtRQUMxQixJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssR0FBRyxHQUFHLENBQUMsS0FBSyxDQUFDO0lBQ2hDLENBQUM7SUFDRCxjQUFjLENBQUMsQ0FBQztRQUNkLE1BQU0sRUFBRSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsT0FBTyxDQUFDLGFBQWEsQ0FBQyxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQztRQUNuRSxNQUFNLEVBQUUsR0FBRyxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztRQUNyRSxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLEVBQUU7WUFDdkIsRUFBRSxDQUFDLFdBQVcsQ0FBQyxNQUFNLENBQUMsQ0FBQztZQUN2QixFQUFFLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDYixFQUFFLENBQUMsV0FBVyxDQUFDLGVBQWUsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxlQUFlLENBQUMsQ0FBQztTQUMzRDthQUFNO1lBQ0wsRUFBRSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsQ0FBQztZQUNwQixFQUFFLENBQUMsU0FBUyxFQUFFLENBQUM7WUFDZixFQUFFLENBQUMsUUFBUSxDQUFDLGVBQWUsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxlQUFlLENBQUMsQ0FBQztTQUMzRDtJQUNILENBQUM7OztZQWxDRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHNCQUFzQjtnQkFDaEMsNDhCQUFnRDs7YUFFakQ7OzsyQkFFRSxNQUFNO3FCQUVOLEtBQUs7bUJBRUwsS0FBSztxQkFFTCxLQUFLO29CQUVMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgKiBhcyAkIGZyb20gJ2pxdWVyeSc7XHJcbmltcG9ydCB7SW5wdXRDbGFzcywgT3B0aW9uQ2xhc3N9IGZyb20gJy4uLy4uLy4uLy4uL2NsYXNzZXMvZm9ybS5jbGFzcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2xpYi1mb3JtLXNlbGVjdC1pdGVtJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vZm9ybS5zZWxlY3QuaXRlbS5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vZm9ybS5zZWxlY3QuaXRlbS5jb21wb25lbnQuY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIEZvcm1TZWxlY3RJdGVtQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0e1xyXG4gIEBPdXRwdXQoKVxyXG4gIHNlbGVjdE9wdGlvbiA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xyXG4gIEBJbnB1dCgpXHJcbiAgc2VsZWN0OiBJbnB1dENsYXNzO1xyXG4gIEBJbnB1dCgpXHJcbiAgaXRlbTogT3B0aW9uQ2xhc3M7XHJcbiAgQElucHV0KClcclxuICBwYXJlbnQ6IE9wdGlvbkNsYXNzID0gbnVsbDtcclxuICBASW5wdXQoKVxyXG4gIGluZGV4OiBudW1iZXI7XHJcbiAgbmdPbkluaXQoKTogdm9pZHtcclxuICAgIHRoaXMuaXRlbS5wYXJlbnQgPSB0aGlzLnBhcmVudDtcclxuICB9XHJcbiAgaG92ZXJPcHRpb24ob3B0OiBPcHRpb25DbGFzcyk6IHZvaWR7XHJcbiAgICB0aGlzLnNlbGVjdC5ob3ZlciA9IG9wdC5pbmRleDtcclxuICB9XHJcbiAgdG9nZ2xlQ2hpbGRyZW4oZSk6IHZvaWR7XHJcbiAgICBjb25zdCBjaCA9ICQoZS50YXJnZXQpLmNsb3Nlc3QoJy5vcHRpb24tY29uJykuZmluZCgnID4gLmNoaWxkcmVuJyk7XHJcbiAgICBjb25zdCBvYyA9ICQoZS50YXJnZXQpLmNsb3Nlc3QoJy5vcHRpb24tY29uJykuZmluZCgnID4gLmNhcmV0LWljb24nKTtcclxuICAgIGlmIChjaC5oYXNDbGFzcygnb3BlbicpKSB7XHJcbiAgICAgIGNoLnJlbW92ZUNsYXNzKCdvcGVuJyk7XHJcbiAgICAgIGNoLnNsaWRlVXAoKTtcclxuICAgICAgb2MucmVtb3ZlQ2xhc3MoJ2ZhLWNhcmV0LWRvd24nKS5hZGRDbGFzcygnZmEtY2FyZXQtbGVmdCcpO1xyXG4gICAgfSBlbHNlIHtcclxuICAgICAgY2guYWRkQ2xhc3MoJ29wZW4nKTtcclxuICAgICAgY2guc2xpZGVEb3duKCk7XHJcbiAgICAgIG9jLmFkZENsYXNzKCdmYS1jYXJldC1kb3duJykucmVtb3ZlQ2xhc3MoJ2ZhLWNhcmV0LWxlZnQnKTtcclxuICAgIH1cclxuICB9XHJcbn1cclxuIl19
|
|
@@ -4179,7 +4179,7 @@ class FormSelectItemComponent {
|
|
|
4179
4179
|
FormSelectItemComponent.decorators = [
|
|
4180
4180
|
{ type: Component, args: [{
|
|
4181
4181
|
selector: 'lib-form-select-item',
|
|
4182
|
-
template: "<div [className]=\"'option-con' + (item.value == select.value ? ' selected' : '') + (item.index == select.hover ? ' hover' : '')\" *ngIf=\"item.show\">\r\n<!-- <i class=\"fas fa-caret-left caret-icon\" (click)=\"toggleChildren($event)\" *ngIf=\"item.options.length > 0\"></i>-->\r\n <div (mousemove)=\"hoverOption(item)\" (click)=\"selectOption.emit(item.value)\" class=\"option\">\r\n <div [className]=\"(item.selected ? 'checked ' : item.selected == null ? 'null ' : '') + ' check'\" *ngIf=\"select.multiple\"></div>\r\n <span [innerHTML]=\"select.l(item.name)\"></span>\r\n </div>\r\n <div *ngIf=\"item.options.length > 0 && (select.level === null || select.level > index)\" class=\"children rightline\">\r\n <lib-form-select-item (selectOption)=\"selectOption.emit($event)\" [index]=\"index + 1\" [parent]=\"item\" [item]=\"op\" [select]=\"select\" *ngFor=\"let op of item.options\"></lib-form-select-item>\r\n </div>\r\n</div>\r\n",
|
|
4182
|
+
template: "<div [className]=\"'option-con' + (item.value == select.value ? ' selected' : '') + (item.index == select.hover ? ' hover' : '')\" *ngIf=\"item.show\">\r\n<!-- <i class=\"fas fa-caret-left caret-icon\" (click)=\"toggleChildren($event)\" *ngIf=\"item.options.length > 0\"></i>-->\r\n <div (mousemove)=\"hoverOption(item)\" (click)=\"selectOption.emit(item.value)\" class=\"option\">\r\n <div [className]=\"(item.selected ? 'checked ' : item.selected == null ? 'null ' : '') + ' check'\" *ngIf=\"select.multiple\"></div>\r\n <span [innerHTML]=\"select.l(item.name) | safeHtml\"></span>\r\n </div>\r\n <div *ngIf=\"item.options.length > 0 && (select.level === null || select.level > index)\" class=\"children rightline\">\r\n <lib-form-select-item (selectOption)=\"selectOption.emit($event)\" [index]=\"index + 1\" [parent]=\"item\" [item]=\"op\" [select]=\"select\" *ngFor=\"let op of item.options\"></lib-form-select-item>\r\n </div>\r\n</div>\r\n",
|
|
4183
4183
|
styles: [".option-con{float:right;width:100%}.option-con .caret-icon{float:right;font-size:20px;height:35px;line-height:33px;text-align:center;width:35px}.option-con .children{float:left;position:relative;width:calc(100% - 35px)}.option{align-items:center;border-radius:0;display:flex;float:left;font-size:10px;justify-content:center;line-height:15px;min-height:30px;padding:3px 10px;position:relative;text-align:center;width:100%}.option .check:after{content:\"\\f0c8\";font-family:Font Awesome\\ 5 Pro;font-size:18px;font-weight:400;height:20px;line-height:20px;position:absolute;right:5px;top:5px;width:20px}.option .check.checked:after{content:\"\\f14a\"}.option .check.checked:after,.option .check.null:after{animation:pop .18s ease-in;color:var(--green);font-weight:900}.option .check.null:after{content:\"\\f146\"}.option-con.hover>.option,.option-con.selected>.option{background-color:var(--black-white)}"]
|
|
4184
4184
|
},] }
|
|
4185
4185
|
];
|