@lucca-front/ng 8.2.0-rc.4 → 8.2.1
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/api/lib/select/feeder/api-feeder.component.d.ts +1 -1
- package/api/lib/select/input/api-select-input.component.d.ts +10 -1
- package/api/lib/select/pager/api-pager.component.d.ts +1 -1
- package/api/lib/select/searcher/api-searcher.component.d.ts +2 -2
- package/api/lib/service/api-hybrid.service.d.ts +3 -3
- package/esm2020/api/lib/select/feeder/api-feeder.component.mjs +1 -1
- package/esm2020/api/lib/select/input/api-select-input.component.mjs +3 -2
- package/esm2020/api/lib/select/pager/api-pager.component.mjs +1 -1
- package/esm2020/api/lib/select/searcher/api-searcher.component.mjs +1 -1
- package/esm2020/api/lib/service/api-hybrid.service.mjs +1 -1
- package/esm2020/department/lib/select/input/department-select-input.component.mjs +1 -1
- package/esm2020/establishment/lib/select/input/establishment-select-input.component.mjs +1 -1
- package/esm2020/formly/lib/types/api.mjs +1 -1
- package/esm2020/formly/lib/types/select.mjs +1 -1
- package/esm2020/option/lib/item/option-item.component.mjs +17 -6
- package/esm2020/option/lib/item/option-item.model.mjs +1 -1
- package/esm2020/option/lib/item/tree-option-item.component.mjs +14 -2
- package/esm2020/option/lib/picker/option-picker.component.mjs +25 -7
- package/esm2020/popover/lib/trigger/popover-trigger.model.mjs +2 -2
- package/esm2020/qualification/lib/select/input/qualification-select-input.component.mjs +1 -1
- package/esm2020/select/lib/input/select-input.component.mjs +8 -2
- package/esm2020/user/lib/select/input/user-select-input.component.mjs +1 -1
- package/fesm2015/lucca-front-ng-api.mjs +2 -1
- package/fesm2015/lucca-front-ng-api.mjs.map +1 -1
- package/fesm2015/lucca-front-ng-department.mjs +1 -1
- package/fesm2015/lucca-front-ng-establishment.mjs +1 -1
- package/fesm2015/lucca-front-ng-formly.mjs +1 -1
- package/fesm2015/lucca-front-ng-formly.mjs.map +1 -1
- package/fesm2015/lucca-front-ng-option.mjs +52 -11
- package/fesm2015/lucca-front-ng-option.mjs.map +1 -1
- package/fesm2015/lucca-front-ng-popover.mjs +1 -1
- package/fesm2015/lucca-front-ng-popover.mjs.map +1 -1
- package/fesm2015/lucca-front-ng-qualification.mjs +1 -1
- package/fesm2015/lucca-front-ng-select.mjs +7 -1
- package/fesm2015/lucca-front-ng-select.mjs.map +1 -1
- package/fesm2015/lucca-front-ng-user.mjs +1 -1
- package/fesm2020/lucca-front-ng-api.mjs +2 -1
- package/fesm2020/lucca-front-ng-api.mjs.map +1 -1
- package/fesm2020/lucca-front-ng-department.mjs +1 -1
- package/fesm2020/lucca-front-ng-establishment.mjs +1 -1
- package/fesm2020/lucca-front-ng-formly.mjs +1 -1
- package/fesm2020/lucca-front-ng-formly.mjs.map +1 -1
- package/fesm2020/lucca-front-ng-option.mjs +52 -11
- package/fesm2020/lucca-front-ng-option.mjs.map +1 -1
- package/fesm2020/lucca-front-ng-popover.mjs +1 -1
- package/fesm2020/lucca-front-ng-popover.mjs.map +1 -1
- package/fesm2020/lucca-front-ng-qualification.mjs +1 -1
- package/fesm2020/lucca-front-ng-select.mjs +7 -1
- package/fesm2020/lucca-front-ng-select.mjs.map +1 -1
- package/fesm2020/lucca-front-ng-user.mjs +1 -1
- package/formly/lib/types/api.d.ts +1 -1
- package/option/lib/item/option-item.component.d.ts +6 -3
- package/option/lib/item/option-item.model.d.ts +2 -0
- package/option/lib/item/tree-option-item.component.d.ts +4 -1
- package/package.json +1 -1
- package/select/lib/input/select-input.component.d.ts +2 -1
|
@@ -778,7 +778,7 @@ LuUserSelectInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
|
|
|
778
778
|
useExisting: forwardRef(() => LuUserSelectInputComponent),
|
|
779
779
|
multi: true,
|
|
780
780
|
},
|
|
781
|
-
], usesInheritance: true, ngImport: i0, template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\r\n<div class=\"lu-select-value\">\r\n\t<div class=\"lu-select-display-wrapper\">\r\n\t\t<ng-container #display></ng-container>\r\n\t</div>\r\n</div>\r\n<div class=\"lu-select-suffix\">\r\n\t<lu-input-clearer></lu-input-clearer>\r\n</div>\r\n<ng-template luDisplayer [luDisplayerMultiple]=\"true\" let-values>\r\n\t<span *ngIf=\"multiple && values?.length > 1; else singleView\"\r\n\t\t><span class=\"chip mod-unkillable\">{{ values.length }}</span> {{ intl.users }}</span\r\n\t>\r\n\t<ng-template #singleView>{{ values[0] || values | luUserDisplay }}</ng-template>\r\n</ng-template>\r\n<lu-option-picker-advanced [option-comparer]=\"byId\">\r\n\t<header class=\"lu-picker-header\">\r\n\t\t<lu-user-paged-searcher\r\n\t\t\t[fields]=\"fields\"\r\n\t\t\t[filters]=\"filters\"\r\n\t\t\t[orderBy]=\"orderBy\"\r\n\t\t\t[appInstanceId]=\"appInstanceId\"\r\n\t\t\t[operations]=\"operations\"\r\n\t\t\t[enableFormerEmployees]=\"enableFormerEmployees\"\r\n\t\t\t(clueChange)=\"clue = $event\"\r\n\t\t></lu-user-paged-searcher>\r\n\t</header>\r\n\t<lu-user-homonyms></lu-user-homonyms>\r\n\t<lu-option\r\n\t\t*luUserMeOption=\"\r\n\t\t\tlet user;\r\n\t\t\tfields: fields;\r\n\t\t\tfilters: filters;\r\n\t\t\torderBy: orderBy;\r\n\t\t\tappInstanceId: appInstanceId;\r\n\t\t\toperations: operations;\r\n\t\t\tclue: clue\r\n\t\t\"\r\n\t\t[value]=\"user\"\r\n\t>\r\n\t\t<div>\r\n\t\t\t<b>{{ intl.me }} {{ user | luUserDisplay: searchFormat }}</b>\r\n\t\t</div>\r\n\t\t<div class=\"lu-select-additionalInformation\" *ngIf=\"user.additionalInformation\">({{ user.additionalInformation }})</div>\r\n\t</lu-option>\r\n\r\n\t<lu-option *luForOptions=\"let user\" [value]=\"user\">\r\n\t\t<div>{{ user | luUserDisplay: searchFormat }}</div>\r\n\t\t<div class=\"lu-select-additionalInformation\" *ngIf=\"user.additionalInformation\">({{ user.additionalInformation }})</div>\r\n\t</lu-option>\r\n</lu-option-picker-advanced>\r\n", styles: [":host{cursor:pointer;outline:none;padding:0}:host:after{content:\"\\e97c\";font-family:Lucca icons;display:inline-block;vertical-align:text-bottom;font-style:normal;color:var(--components-select-default-palette-700);bottom:.5rem;bottom:var(--components-select-input-padding-vertical);font-size:1.2rem;line-height:1.4rem;pointer-events:none;position:absolute;right:.5rem;right:var(--components-select-input-padding-horizontal)}:host[disabled]{cursor:not-allowed;pointer-events:all}:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-value{line-height:1.5rem;line-height:var(--sizes-standard-line-height);min-height:calc(var(--spacings-small) + 1.5rem);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:.5rem 2.5rem .5rem .5rem;padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all .25s ease;transition:all var(--commons-animations-durations-standard) ease;display:none}.lu-select-placeholder{color:var(--components-select-default-palette-400);line-height:1.5rem;line-height:var(--sizes-standard-line-height);min-height:calc(var(--spacings-small) + 1.5rem);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:.5rem 2.5rem .5rem .5rem;padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all .25s ease;transition:all var(--commons-animations-durations-standard) ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix{position:absolute;bottom:.5rem;right:1.6rem}::ng-deep .lu-select-value .label{padding:.25rem .25rem .5rem .5rem;padding:var(--spacings-smallest) var(--spacings-smaller);margin-left:0}::ng-deep .lu-select-value .chip{background:#FF6600;background:var(--components-select-chip-background);color:#fff;color:var(--components-select-chip-text);vertical-align:baseline;max-width:100%;height:1.5rem;height:var(--sizes-standard-line-height);line-height:1.5rem;line-height:var(--sizes-standard-line-height);padding:0 .5rem;padding:0 var(--spacings-smaller);margin:0 .25rem .25rem 0;text-overflow:ellipsis;overflow:hidden;vertical-align:top;white-space:nowrap}:host-context(.textfield.mod-small) .lu-select-value,:host-context(.textfield.mod-small) .lu-select-placeholder{font-size:.875rem;font-size:var(--sizes-small-font-size);line-height:1.25rem;line-height:var(--sizes-small-line-height);min-height:calc(var(--spacings-small) + 1.25rem);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-small-line-height))}:host-context(.textfield.mod-small):after{line-height:1.25rem;line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .label{font-size:.875rem;font-size:var(--sizes-small-font-size);line-height:1.25rem;line-height:var(--sizes-small-line-height);font-weight:600;margin:0;padding:0;background:transparent}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .chip{height:1.25rem;height:var(--sizes-small-line-height);line-height:1.25rem;line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding:var(--spacings-big) 0 0;padding:var(--components-select-framed-top-padding) 0 0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:#96a6c5;color:var(--colors-text-light-color);bottom:var(--spacings-small);bottom:var(--components-select-framed-bottom-padding);right:.5rem;right:var(--spacings-smaller)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{padding:0 calc(var(--spacings-small) * 3) var(--spacings-small) var(--spacings-small);padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{bottom:var(--spacings-small);bottom:var(--components-select-framed-bottom-padding);right:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;height:auto;padding-top:1rem;color:#2a3551;color:var(--colors-text-default-color)}:host-context(.textfield.mod-filter) .lu-select-suffix{bottom:.4rem}:host-context(.textfield.mod-material):after{color:#96a6c5;color:var(--colors-text-light-color);bottom:.6rem;right:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right:1rem;right:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{bottom:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{right:1.375rem;right:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-value{height:auto;align-items:center}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-display-wrapper{overflow:hidden;white-space:normal;margin-bottom:-.25rem}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-right:2.5rem}:host-context(.textfield-input.is-error):after{color:#e51a3b;color:var(--palettes-error-color)}:host-context(.textfield-input.is-error) .lu-select-placeholder{color:#ffe0e6;color:var(--palettes-error-200)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:#999;color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:#bbb;color:var(--commons-disabled-placeholder)}:host-context(.palette-primary) .lu-select-placeholder{color:var(--palettes-primary-400)}:host-context(.palette-primary):after{color:var(--palettes-primary-700)}:host-context(.palette-secondary) .lu-select-placeholder{color:var(--palettes-secondary-400)}:host-context(.palette-secondary):after{color:var(--palettes-secondary-700)}:host-context(.palette-grey) .lu-select-placeholder{color:var(--palettes-grey-400)}:host-context(.palette-grey):after{color:var(--palettes-grey-700)}:host-context(.palette-success) .lu-select-placeholder{color:var(--palettes-success-400)}:host-context(.palette-success):after{color:var(--palettes-success-700)}:host-context(.palette-warning) .lu-select-placeholder{color:var(--palettes-warning-400)}:host-context(.palette-warning):after{color:var(--palettes-warning-700)}:host-context(.palette-error) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.palette-error):after{color:var(--palettes-error-700)}.lu-select-value{padding-right:2.5rem}.lu-select-additionalInformation{font-size:80%;font-style:italic;margin-top:-.25em}\n"], components: [{ type: i2$2.LuInputClearerComponent, selector: "lu-input-clearer", outputs: ["onClear"], exportAs: ["luClearer"] }, { type: i3.LuOptionPickerAdvancedComponent, selector: "lu-option-picker-advanced", exportAs: ["LuOptionPickerAdvanced"] }, { type: LuUserPagedSearcherComponent, selector: "lu-user-paged-searcher", inputs: ["fields", "filters", "orderBy", "appInstanceId", "operations", "enableFormerEmployees"], outputs: ["clueChange"] }, { type: LuUserHomonymsComponent, selector: "lu-user-homonyms" }, { type: i3.LuOptionItemComponent, selector: "lu-option", inputs: ["selected", "highlighted", "value"], outputs: ["onSelect"] }], directives: [{ type: i2$2.LuInputDisplayerDirective, selector: "[luDisplayer]", inputs: ["luDisplayerMultiple", "multiple"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: LuUserMeOptionDirective, selector: "[luUserMeOption]", inputs: ["luUserMeOptionFields", "luUserMeOptionFilters", "luUserMeOptionOrderBy", "luUserMeOptionAppInstanceId", "luUserMeOptionOperations", "luUserMeOptionClue"] }, { type: i3.LuForOptionsDirective, selector: "[luForOptions]", inputs: ["luForOptionsTrackBy"] }], pipes: { "luUserDisplay": LuUserDisplayPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
781
|
+
], usesInheritance: true, ngImport: i0, template: "<div class=\"lu-select-placeholder\">{{ placeholder }}</div>\r\n<div class=\"lu-select-value\">\r\n\t<div class=\"lu-select-display-wrapper\">\r\n\t\t<ng-container #display></ng-container>\r\n\t</div>\r\n</div>\r\n<div class=\"lu-select-suffix\">\r\n\t<lu-input-clearer></lu-input-clearer>\r\n</div>\r\n<ng-template luDisplayer [luDisplayerMultiple]=\"true\" let-values>\r\n\t<span *ngIf=\"multiple && values?.length > 1; else singleView\"\r\n\t\t><span class=\"chip mod-unkillable\">{{ values.length }}</span> {{ intl.users }}</span\r\n\t>\r\n\t<ng-template #singleView>{{ values[0] || values | luUserDisplay }}</ng-template>\r\n</ng-template>\r\n<lu-option-picker-advanced [option-comparer]=\"byId\">\r\n\t<header class=\"lu-picker-header\">\r\n\t\t<lu-user-paged-searcher\r\n\t\t\t[fields]=\"fields\"\r\n\t\t\t[filters]=\"filters\"\r\n\t\t\t[orderBy]=\"orderBy\"\r\n\t\t\t[appInstanceId]=\"appInstanceId\"\r\n\t\t\t[operations]=\"operations\"\r\n\t\t\t[enableFormerEmployees]=\"enableFormerEmployees\"\r\n\t\t\t(clueChange)=\"clue = $event\"\r\n\t\t></lu-user-paged-searcher>\r\n\t</header>\r\n\t<lu-user-homonyms></lu-user-homonyms>\r\n\t<lu-option\r\n\t\t*luUserMeOption=\"\r\n\t\t\tlet user;\r\n\t\t\tfields: fields;\r\n\t\t\tfilters: filters;\r\n\t\t\torderBy: orderBy;\r\n\t\t\tappInstanceId: appInstanceId;\r\n\t\t\toperations: operations;\r\n\t\t\tclue: clue\r\n\t\t\"\r\n\t\t[value]=\"user\"\r\n\t>\r\n\t\t<div>\r\n\t\t\t<b>{{ intl.me }} {{ user | luUserDisplay: searchFormat }}</b>\r\n\t\t</div>\r\n\t\t<div class=\"lu-select-additionalInformation\" *ngIf=\"user.additionalInformation\">({{ user.additionalInformation }})</div>\r\n\t</lu-option>\r\n\r\n\t<lu-option *luForOptions=\"let user\" [value]=\"user\">\r\n\t\t<div>{{ user | luUserDisplay: searchFormat }}</div>\r\n\t\t<div class=\"lu-select-additionalInformation\" *ngIf=\"user.additionalInformation\">({{ user.additionalInformation }})</div>\r\n\t</lu-option>\r\n</lu-option-picker-advanced>\r\n", styles: [":host{cursor:pointer;outline:none;padding:0}:host:after{content:\"\\e97c\";font-family:Lucca icons;display:inline-block;vertical-align:text-bottom;font-style:normal;color:var(--components-select-default-palette-700);bottom:.5rem;bottom:var(--components-select-input-padding-vertical);font-size:1.2rem;line-height:1.4rem;pointer-events:none;position:absolute;right:.5rem;right:var(--components-select-input-padding-horizontal)}:host[disabled]{cursor:not-allowed;pointer-events:all}:host.is-disabled{cursor:not-allowed;pointer-events:all}.lu-select-display-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-value{line-height:1.5rem;line-height:var(--sizes-standard-line-height);min-height:calc(var(--spacings-small) + 1.5rem);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:.5rem 2.5rem .5rem .5rem;padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all .25s ease;transition:all var(--commons-animations-durations-standard) ease;display:none}.lu-select-placeholder{color:var(--components-select-default-palette-400);line-height:1.5rem;line-height:var(--sizes-standard-line-height);min-height:calc(var(--spacings-small) + 1.5rem);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-standard-line-height));padding:.5rem 2.5rem .5rem .5rem;padding:var(--components-select-input-padding-vertical) 2.5rem var(--components-select-input-padding-vertical) var(--components-select-input-padding-horizontal);transition:all .25s ease;transition:all var(--commons-animations-durations-standard) ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lu-select-suffix{position:absolute;bottom:.5rem;right:1.6rem}::ng-deep .lu-select-value .label{padding:.25rem .25rem .5rem .5rem;padding:var(--spacings-smallest) var(--spacings-smaller);margin-left:0}::ng-deep .lu-select-value .chip{background:#FF6600;background:var(--components-select-chip-background);color:#fff;color:var(--components-select-chip-text);vertical-align:baseline;max-width:100%;height:1.5rem;height:var(--sizes-standard-line-height);line-height:1.5rem;line-height:var(--sizes-standard-line-height);padding:0 .5rem;padding:0 var(--spacings-smaller);margin:0 .25rem .25rem 0;text-overflow:ellipsis;overflow:hidden;vertical-align:top;white-space:nowrap}:host-context(.textfield.mod-small) .lu-select-value,:host-context(.textfield.mod-small) .lu-select-placeholder{font-size:.875rem;font-size:var(--sizes-small-font-size);line-height:1.25rem;line-height:var(--sizes-small-line-height);min-height:calc(var(--spacings-small) + 1.25rem);min-height:calc(var(--components-select-framed-bottom-padding) + var(--sizes-small-line-height))}:host-context(.textfield.mod-small):after{line-height:1.25rem;line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .label{font-size:.875rem;font-size:var(--sizes-small-font-size);line-height:1.25rem;line-height:var(--sizes-small-line-height);font-weight:600;margin:0;padding:0;background:transparent}:host-context(.textfield.mod-small) ::ng-deep .lu-select-value .chip{height:1.25rem;height:var(--sizes-small-line-height);line-height:1.25rem;line-height:var(--sizes-small-line-height)}:host-context(.textfield.mod-framed).textfield-input,:host-context(.form.mod-framed).textfield-input{padding:var(--spacings-big) 0 0;padding:var(--components-select-framed-top-padding) 0 0}:host-context(.textfield.mod-framed).textfield-input:after,:host-context(.form.mod-framed).textfield-input:after{color:#96a6c5;color:var(--colors-text-light-color);bottom:var(--spacings-small);bottom:var(--components-select-framed-bottom-padding);right:.5rem;right:var(--spacings-smaller)}:host-context(.textfield.mod-framed).textfield-input .lu-select-value,:host-context(.textfield.mod-framed).textfield-input .lu-select-placeholder,:host-context(.form.mod-framed).textfield-input .lu-select-value,:host-context(.form.mod-framed).textfield-input .lu-select-placeholder{padding:0 calc(var(--spacings-small) * 3) var(--spacings-small) var(--spacings-small);padding:0 calc(var(--components-select-framed-side-padding) * 3) var(--components-select-framed-bottom-padding) var(--components-select-framed-side-padding)}:host-context(.textfield.mod-framed).textfield-input .lu-select-suffix,:host-context(.form.mod-framed).textfield-input .lu-select-suffix{bottom:var(--spacings-small);bottom:var(--components-select-framed-bottom-padding);right:1.7rem}:host-context(.textfield.mod-filter) .lu-select-value,:host-context(.textfield.mod-filter) .lu-select-placeholder{padding:0;height:auto;padding-top:1rem;color:#2a3551;color:var(--colors-text-default-color)}:host-context(.textfield.mod-filter) .lu-select-suffix{bottom:.4rem}:host-context(.textfield.mod-material):after{color:#96a6c5;color:var(--colors-text-light-color);bottom:.6rem;right:0}:host-context(.textfield.mod-material) .lu-select-value,:host-context(.textfield.mod-material) .lu-select-placeholder{padding-left:0;padding-right:.8rem}:host-context(.textfield.mod-material) .lu-select-suffix{right:1rem;right:calc(2 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material).is-select .lu-select-placeholder{display:none}:host-context(.textfield.mod-material).mod-search:after{bottom:0}:host-context(.textfield.mod-material).mod-search .lu-select-suffix{right:1.375rem;right:calc(2.75 * var(--components-select-input-padding-horizontal))}:host-context(.textfield.mod-material .textfield-input.is-focused) .lu-select-placeholder{display:none}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-value{height:auto;align-items:center}:host(.mod-multiple).mod-multipleView:not(.mod-singleLine) .lu-select-display-wrapper{overflow:hidden;white-space:normal;margin-bottom:-.25rem}:host-context(.textfield-input.is-filled) .lu-select-placeholder{display:none}:host-context(.textfield-input.is-filled) .lu-select-value{display:flex}:host-context(.textfield-input.is-clearable) .lu-select-value{padding-right:2.5rem}:host-context(.textfield-input.is-error):after{color:#e51a3b;color:var(--palettes-error-color)}:host-context(.textfield-input.is-error) .lu-select-placeholder{color:#ffe0e6;color:var(--palettes-error-200)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]):after{color:#999;color:var(--commons-disabled-color)}:host-context(.textfield-input.is-disabled,.textfield-input[disabled]) .lu-select-placeholder{color:#bbb;color:var(--commons-disabled-placeholder)}:host-context(.palette-primary) .lu-select-placeholder{color:var(--palettes-primary-400)}:host-context(.palette-primary):after{color:var(--palettes-primary-700)}:host-context(.palette-secondary) .lu-select-placeholder{color:var(--palettes-secondary-400)}:host-context(.palette-secondary):after{color:var(--palettes-secondary-700)}:host-context(.palette-grey) .lu-select-placeholder{color:var(--palettes-grey-400)}:host-context(.palette-grey):after{color:var(--palettes-grey-700)}:host-context(.palette-success) .lu-select-placeholder{color:var(--palettes-success-400)}:host-context(.palette-success):after{color:var(--palettes-success-700)}:host-context(.palette-warning) .lu-select-placeholder{color:var(--palettes-warning-400)}:host-context(.palette-warning):after{color:var(--palettes-warning-700)}:host-context(.palette-error) .lu-select-placeholder{color:var(--palettes-error-400)}:host-context(.palette-error):after{color:var(--palettes-error-700)}.lu-select-value{padding-right:2.5rem}.lu-select-additionalInformation{font-size:80%;font-style:italic;margin-top:-.25em}\n"], components: [{ type: i2$2.LuInputClearerComponent, selector: "lu-input-clearer", outputs: ["onClear"], exportAs: ["luClearer"] }, { type: i3.LuOptionPickerAdvancedComponent, selector: "lu-option-picker-advanced", exportAs: ["LuOptionPickerAdvanced"] }, { type: LuUserPagedSearcherComponent, selector: "lu-user-paged-searcher", inputs: ["fields", "filters", "orderBy", "appInstanceId", "operations", "enableFormerEmployees"], outputs: ["clueChange"] }, { type: LuUserHomonymsComponent, selector: "lu-user-homonyms" }, { type: i3.LuOptionItemComponent, selector: "lu-option", inputs: ["selected", "highlighted", "value", "disabled"], outputs: ["onSelect"] }], directives: [{ type: i2$2.LuInputDisplayerDirective, selector: "[luDisplayer]", inputs: ["luDisplayerMultiple", "multiple"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: LuUserMeOptionDirective, selector: "[luUserMeOption]", inputs: ["luUserMeOptionFields", "luUserMeOptionFilters", "luUserMeOptionOrderBy", "luUserMeOptionAppInstanceId", "luUserMeOptionOperations", "luUserMeOptionClue"] }, { type: i3.LuForOptionsDirective, selector: "[luForOptions]", inputs: ["luForOptionsTrackBy"] }], pipes: { "luUserDisplay": LuUserDisplayPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
782
782
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.4", ngImport: i0, type: LuUserSelectInputComponent, decorators: [{
|
|
783
783
|
type: Component,
|
|
784
784
|
args: [{ selector: 'lu-user-select', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
|
|
@@ -6,7 +6,7 @@ export declare class LuFormlyFieldApi extends FieldType {
|
|
|
6
6
|
get _filters(): string[];
|
|
7
7
|
get _orderBy(): string;
|
|
8
8
|
get _sort(): string;
|
|
9
|
-
get _standard():
|
|
9
|
+
get _standard(): "v3" | "v4";
|
|
10
10
|
readonly formControl: FormControl;
|
|
11
11
|
focus(): void;
|
|
12
12
|
blur(): void;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { ChangeDetectorRef, ElementRef, EventEmitter } from '@angular/core';
|
|
2
|
+
import { ALuOptionItem, ILuOptionItem } from './option-item.model';
|
|
3
3
|
import * as i0 from "@angular/core";
|
|
4
4
|
export declare class LuOptionItemComponent<T> extends ALuOptionItem<T> implements ILuOptionItem<T> {
|
|
5
5
|
private _cdr;
|
|
@@ -12,8 +12,11 @@ export declare class LuOptionItemComponent<T> extends ALuOptionItem<T> implement
|
|
|
12
12
|
value: T;
|
|
13
13
|
onSelect: EventEmitter<this>;
|
|
14
14
|
select(): void;
|
|
15
|
+
protected _disabled: boolean;
|
|
16
|
+
get disabled(): boolean;
|
|
17
|
+
set disabled(d: boolean);
|
|
15
18
|
element: ElementRef;
|
|
16
19
|
constructor(_cdr: ChangeDetectorRef);
|
|
17
20
|
static ɵfac: i0.ɵɵFactoryDeclaration<LuOptionItemComponent<any>, never>;
|
|
18
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<LuOptionItemComponent<any>, "lu-option", never, { "selected": "selected"; "highlighted": "highlighted"; "value": "value"; }, { "onSelect": "onSelect"; }, never, ["*"]>;
|
|
21
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<LuOptionItemComponent<any>, "lu-option", never, { "selected": "selected"; "highlighted": "highlighted"; "value": "value"; "disabled": "disabled"; }, { "onSelect": "onSelect"; }, never, ["*"]>;
|
|
19
22
|
}
|
|
@@ -6,6 +6,7 @@ export interface ILuOptionItem<T> {
|
|
|
6
6
|
element: ElementRef<HTMLElement>;
|
|
7
7
|
selected: boolean;
|
|
8
8
|
highlighted: boolean;
|
|
9
|
+
disabled: boolean;
|
|
9
10
|
}
|
|
10
11
|
export declare abstract class ALuOptionItem<T> implements ILuOptionItem<T> {
|
|
11
12
|
abstract value: T;
|
|
@@ -13,4 +14,5 @@ export declare abstract class ALuOptionItem<T> implements ILuOptionItem<T> {
|
|
|
13
14
|
abstract element: ElementRef;
|
|
14
15
|
abstract selected: boolean;
|
|
15
16
|
abstract highlighted: boolean;
|
|
17
|
+
abstract disabled: boolean;
|
|
16
18
|
}
|
|
@@ -30,10 +30,13 @@ export declare class LuTreeOptionItemComponent<T> extends ALuTreeOptionItem<T> i
|
|
|
30
30
|
protected _highlighted: boolean;
|
|
31
31
|
get highlighted(): boolean;
|
|
32
32
|
set highlighted(h: boolean);
|
|
33
|
+
protected _disabled: boolean;
|
|
34
|
+
get disabled(): boolean;
|
|
35
|
+
set disabled(h: boolean);
|
|
33
36
|
set _contentChildDisplayer(displayer: ILuInputDisplayer<T>);
|
|
34
37
|
constructor(intl: ILuTreeOptionItemLabel, _cdr: ChangeDetectorRef);
|
|
35
38
|
private _renderValue;
|
|
36
39
|
private _renderChildren;
|
|
37
40
|
static ɵfac: i0.ɵɵFactoryDeclaration<LuTreeOptionItemComponent<any>, never>;
|
|
38
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<LuTreeOptionItemComponent<any>, "lu-tree-option", never, { "tree": "tree"; "selected": "selected"; "highlighted": "highlighted"; }, { "onSelect": "onSelect"; "onSelectSelf": "onSelectSelf"; "onSelectChildren": "onSelectChildren"; }, ["_contentChildDisplayer"], never>;
|
|
41
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<LuTreeOptionItemComponent<any>, "lu-tree-option", never, { "tree": "tree"; "selected": "selected"; "highlighted": "highlighted"; "disabled": "disabled"; }, { "onSelect": "onSelect"; "onSelectSelf": "onSelectSelf"; "onSelectChildren": "onSelectChildren"; }, ["_contentChildDisplayer"], never>;
|
|
39
42
|
}
|
package/package.json
CHANGED
|
@@ -22,6 +22,7 @@ export declare abstract class ALuSelectInputComponent<T, TPicker extends ILuPick
|
|
|
22
22
|
onClose: EventEmitter<void>;
|
|
23
23
|
constructor(_changeDetectorRef: ChangeDetectorRef, _overlay: Overlay, _elementRef: ElementRef<HTMLElement>, _viewContainerRef: ViewContainerRef, _renderer: Renderer2);
|
|
24
24
|
get isDisabled(): boolean;
|
|
25
|
+
set inputDisabled(d: boolean);
|
|
25
26
|
get isFocused(): boolean;
|
|
26
27
|
get modMultiple(): boolean;
|
|
27
28
|
get isClearable(): boolean;
|
|
@@ -45,7 +46,7 @@ export declare abstract class ALuSelectInputComponent<T, TPicker extends ILuPick
|
|
|
45
46
|
protected _emitOpen(): void;
|
|
46
47
|
protected _emitClose(): void;
|
|
47
48
|
static ɵfac: i0.ɵɵFactoryDeclaration<ALuSelectInputComponent<any, any>, never>;
|
|
48
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<ALuSelectInputComponent<any, any>, never, never, { "overlapInput": "pickerOverlap"; "inputPlaceholder": "placeholder"; "inputMultiple": "multiple"; }, { "onOpen": "onOpen"; "onClose": "onClose"; }, ["ccPicker", "ccDisplayer", "ccClearer"]>;
|
|
49
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<ALuSelectInputComponent<any, any>, never, never, { "overlapInput": "pickerOverlap"; "inputPlaceholder": "placeholder"; "inputMultiple": "multiple"; "inputDisabled": "disabled"; }, { "onOpen": "onOpen"; "onClose": "onClose"; }, ["ccPicker", "ccDisplayer", "ccClearer"]>;
|
|
49
50
|
}
|
|
50
51
|
/**
|
|
51
52
|
* select input
|