@lucca-front/ng 19.3.1 → 19.3.2
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/core-select/input/select-input.component.d.ts +2 -0
- package/fesm2022/lucca-front-ng-core-select.mjs +63 -58
- package/fesm2022/lucca-front-ng-core-select.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-filter-pills.mjs +14 -6
- package/fesm2022/lucca-front-ng-filter-pills.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-simple-select.mjs +2 -0
- package/fesm2022/lucca-front-ng-simple-select.mjs.map +1 -1
- package/fesm2022/lucca-front-ng-user.mjs +2 -2
- package/fesm2022/lucca-front-ng-user.mjs.map +1 -1
- package/filter-pills/core/tokens.d.ts +2 -1
- package/filter-pills/filter-pill/filter-pill.component.d.ts +6 -2
- package/package.json +46 -46
- package/title/README.md +4 -6
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ConnectionPositionPair } from '@angular/cdk/overlay';
|
|
2
2
|
import { NgTemplateOutlet } from '@angular/common';
|
|
3
3
|
import * as i0 from '@angular/core';
|
|
4
|
-
import { InjectionToken, inject, TemplateRef, Directive, LOCALE_ID, ElementRef, computed, contentChild,
|
|
4
|
+
import { InjectionToken, inject, TemplateRef, Directive, LOCALE_ID, ElementRef, computed, contentChild, signal, viewChild, input, booleanAttribute, model, effect, untracked, forwardRef, Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, HostListener, contentChildren } from '@angular/core';
|
|
5
5
|
import * as i1 from '@angular/forms';
|
|
6
6
|
import { FormsModule } from '@angular/forms';
|
|
7
7
|
import { getIntl } from '@lucca-front/ng/core';
|
|
@@ -127,7 +127,12 @@ class FilterPillComponent {
|
|
|
127
127
|
this.elementRef = inject(ElementRef);
|
|
128
128
|
this.id = `filterPill-combobox-${nextId++}`;
|
|
129
129
|
this.layout = computed(() => this.inputComponentRef()?.filterPillLayout?.() || 'default');
|
|
130
|
-
|
|
130
|
+
// The easy way to grab input component, will work in most cases
|
|
131
|
+
this.childInputComponentRef = contentChild(FILTER_PILL_INPUT_COMPONENT);
|
|
132
|
+
// The harder way, because child has to register itself to the host, might become the default approach if this is required too much
|
|
133
|
+
// (like when child isn't created when component inits or it's too deep)
|
|
134
|
+
this.registeredInputComponentRef = signal(null);
|
|
135
|
+
this.inputComponentRef = computed(() => this.registeredInputComponentRef() || this.childInputComponentRef());
|
|
131
136
|
this.popoverRef = viewChild(PopoverDirective);
|
|
132
137
|
this.labelTpl = computed(() => this.customLabelTpl() || this.defaultLabelTpl());
|
|
133
138
|
this.defaultLabelTpl = viewChild('defaultLabel');
|
|
@@ -193,13 +198,16 @@ class FilterPillComponent {
|
|
|
193
198
|
clear() {
|
|
194
199
|
this.inputComponentRef()?.clearFilterPillValue();
|
|
195
200
|
}
|
|
201
|
+
registerInput(input) {
|
|
202
|
+
this.registeredInputComponentRef.set(input);
|
|
203
|
+
}
|
|
196
204
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: FilterPillComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
197
205
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: FilterPillComponent, isStandalone: true, selector: "lu-filter-pill", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, optional: { classPropertyName: "optional", publicName: "optional", isSignal: true, isRequired: false, transformFunction: null }, displayed: { classPropertyName: "displayed", publicName: "displayed", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { displayed: "displayedChange" }, host: { listeners: { "click": "hostClick()" }, properties: { "class.is-hidden": "this.isHiddenClass", "class.mod-checkbox": "this.isModCheckbox", "class.is-filled": "this.isFilled", "class.is-comboboxHidden": "this.hideCombobox" }, classAttribute: "filterPill" }, providers: [
|
|
198
206
|
{
|
|
199
207
|
provide: FILTER_PILL_HOST_COMPONENT,
|
|
200
208
|
useExisting: forwardRef(() => FilterPillComponent),
|
|
201
209
|
},
|
|
202
|
-
], queries: [{ propertyName: "inputComponentRef", first: true, predicate: FILTER_PILL_INPUT_COMPONENT, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "popoverRef", first: true, predicate: PopoverDirective, descendants: true, isSignal: true }, { propertyName: "defaultLabelTpl", first: true, predicate: ["defaultLabel"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (!isHidden()) { @if (layout() === 'default') {\n<label [attr.for]=\"id\" class=\"filterPill-label\">\n\t<ng-container\n\t\t*ngTemplateOutlet=\"labelTpl(); context:{label: label(), isEmpty: inputIsEmpty(), placeholder: placeholder(), colon: colonDisplay()}\"\n\t></ng-container>\n</label>\n<button\n\t[attr.id]=\"id\"\n\t[attr.disabled]=\"disabled() ? 'disabled' : null\"\n\tclass=\"filterPill-combobox\"\n\ttype=\"button\"\n\trole=\"combobox\"\n\t[luPopover2]=\"pillContent\"\n\t[luPopoverNoCloseButton]=\"true\"\n\t[customPositions]=\"popoverPositions\"\n\t[luPopoverAnchor]=\"elementRef\"\n\t(luPopoverOpened)=\"popoverOpened()\"\n\t#popoverRef=\"luPopover2\"\n\t#comboboxRef\n\t[attr.aria-expanded]=\"popoverRef.opened()\"\n\t(keydown.arrowDown)=\"$event.preventDefault();popoverRef.openPopover(true)\"\n\t(keydown.arrowUp)=\"$event.preventDefault();popoverRef.openPopover(true)\"\n>\n\t<ng-container *ngTemplateOutlet=\"pillTpl; context:{label: label(), isEmpty: inputIsEmpty()}\"></ng-container>\n\t@if (inputIsEmpty() && !disabled()) { {{ placeholder() }} }\n</button>\n@if (inputIsClearable()) {\n<button type=\"button\" class=\"filterPill-clear clear\" (click)=\"$event.stopPropagation(); clear(); comboboxRef.focus()\">\n\t<span class=\"u-mask\">{{ intl.clear }}</span>\n</button>\n}\n<button\n\ttype=\"button\"\n\taria-hidden=\"true\"\n\ttabindex=\"-1\"\n\tclass=\"filterPill-toggle\"\n\t[attr.disabled]=\"disabled() ? 'disabled' : null\"\n\t(click)=\"popoverRef.openPopover(true)\"\n>\n\t<lu-icon [icon]=\"displayedIcon()\" size=\"S\" />\n</button>\n} @else {\n<ng-container\n\t*ngTemplateOutlet=\"labelTpl(); context:{label: label(), isEmpty: inputIsEmpty(), placeholder: placeholder(), colon: colonDisplay()}\"\n></ng-container>\n} }\n<ng-template #pillContent>\n\t<div class=\"filterPill_popover-content popover-contentOptional\">\n\t\t<ng-content></ng-content>\n\t</div>\n</ng-template>\n<ng-template #defaultLabel>{{ label() }}{{ colonDisplay() }}</ng-template>\n", styles: [".filterPill{--components-filterPill-gap: 0;--components-filterPill-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-100);--components-filterPill-label-fontWeightNormal: 400;--components-filterPill-label-fontWeightChecked: 600;--components-filterPill-borderColor: var(--palettes-neutral-100);--components-filterPill-backgroundColor: var(--palettes-neutral-0);--components-filterPill-color: var(--palettes-neutral-700);--components-filterPill-label-cursor: pointer;--components-filterPill-checkbox-backgroundColor: var(--palettes-neutral-0);--components-filterPill-checkbox-color: var(--palettes-neutral-0);--components-filterPill-checkbox-borderColor: var(--palettes-neutral-700);--components-filterPill-checkbox-icon-scale: 0;--components-filterPill-checkbox-icon-timingFonction: cubic-bezier(.5, -.5, .5, 0);--components-filterPill-clear-display: none;--components-filterPill-toggle-rotation: 0;--components-filterPill-toggle-iconColor: var(--palettes-neutral-600);--components-filterPill-shadow: 0 0 0 1px var(--components-filterPill-borderColor);--components-filterPill-display: flex;--components-filterPill-arrowColor: var(--palettes-product-700);display:var(--components-filterPill-display);gap:var(--components-filterPill-gap);align-items:center;background-color:var(--components-filterPill-backgroundColor);width:fit-content;padding:var(--components-filterPill-padding);border-radius:var(--commons-borderRadius-L);color:var(--components-filterPill-color);font-size:var(--sizes-S-fontSize);line-height:var(--sizes-S-lineHeight);box-shadow:var(--components-filterPill-shadow);position:relative;max-inline-size:18rem;white-space:nowrap;transition-property:box-shadow;transition-duration:var(--commons-animations-durations-fast)}.filterPill_popover-content.popover-contentOptional{--components-dateInput-width: none;display:flex;flex-direction:column;gap:var(--pr-t-spacings-50)}.filterPill_popover-content.popover-contentOptional:has(.filterPill_popover-content-option){--components-popover-padding: var(--pr-t-spacings-50)}.filterPill_popover-content-option{padding:var(--pr-t-spacings-50) var(--pr-t-spacings-100);border-radius:4px}.filterPill_popover-content-option:hover{background-color:var(--palettes-neutral-50)}.filterPill_popover-content-option:has(:checked){background-color:var(--palettes-product-50)}.filterPill_popover-content-option:has(:checked):hover{background-color:var(--palettes-product-100)}.filterPill-icon{display:flex}.filterPill-icon .lucca-icon{--icon-size: 1.25rem}.filterPill-label{font-weight:var(--components-filterPill-label-fontWeight);overflow:hidden;text-overflow:ellipsis;outline:none;text-align:center;flex-shrink:0}.filterPill-label:before{content:\"\";position:absolute;inset:0;cursor:var(--components-filterPill-label-cursor);z-index:1}.filterPill-toggle{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;display:flex;margin-inline-start:var(--pr-t-spacings-50);width:calc(var(--pr-t-spacings-50) + var(--pr-t-spacings-200));flex-shrink:0;z-index:1;color:var(--components-filterPill-toggle-iconColor);cursor:var(--components-filterPill-label-cursor)}.filterPill-toggle .icon-arrowChevronBottom{transition-property:transform;transition-duration:var(--commons-animations-durations-fast);transform:rotate(var(--components-filterPill-toggle-rotation))}.filterPill-clear.clear{margin-inline-start:var(--pr-t-spacings-75);margin-inline-end:var(--pr-t-spacings-25);position:relative;z-index:1;display:var(--components-filterPill-clear-display);--components-clear-cross-color: var(--palettes-neutral-0);--components-clear-background: var(--palettes-product-700)}.filterPill-clear.clear:hover{--components-clear-background: var(--palettes-product-600)}.filterPill-clear.clear:active{--components-clear-background: var(--palettes-product-800)}.filterPill-combobox{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;font-weight:var(--components-filterPill-label-fontWeightChecked);width:auto;z-index:1;margin-inline-start:.5ch;min-width:0;overflow:hidden;text-overflow:ellipsis;cursor:var(--components-filterPill-label-cursor);display:flex;align-items:center;gap:var(--pr-t-spacings-50)}.filterPill-combobox:focus-visible{outline:none}.filterPill-combobox .lucca-icon{color:var(--components-filterPill-arrowColor)}.filterPill-label-placeholder{display:block;height:0;overflow:hidden;text-overflow:ellipsis;font-weight:var(--components-filterPill-label-fontWeightChecked)}.filterPill-checkbox{border:2px solid var(--components-filterPill-checkbox-borderColor);border-radius:4px;color:var(--components-filterPill-checkbox-color);transition-property:color,border-color,background-color;transition-duration:var(--commons-animations-durations-fast);background-color:var(--components-filterPill-checkbox-backgroundColor);cursor:pointer;display:flex;order:-1}@media (prefers-reduced-motion: reduce){.filterPill-checkbox{transition-property:none}}.filterPill-checkbox-icon{width:var(--pr-t-spacings-150);height:var(--pr-t-spacings-150)}.filterPill-checkbox-icon-check{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transform:scale(var(--components-filterPill-checkbox-icon-scale));transition-property:transform;transition-duration:var(--commons-animations-durations-fast);transition-timing-function:var(--components-filterPill-checkbox-icon-timingFonction)}@media (prefers-reduced-motion: reduce){.filterPill-checkbox-icon-check{transition-property:none}}.filterPill-checkbox-icon-check:before{font-weight:400;font-size:1rem;direction:ltr;font-family:Lucca icons;font-feature-settings:\"liga\";font-style:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;content:\"\\e97d\";content:\"\\e97d\"/\"\"}.filterPill-checkbox-input{border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.filterPill:not(.is-filled) .filterPill-combobox{border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.filterPill:hover{--components-filterPill-borderColor: var(--palettes-product-400);--components-filterPill-checkbox-borderColor: var(--palettes-neutral-600);--components-filterPill-shadow: 0 0 0 1px var(--components-filterPill-borderColor), var(--pr-t-elevation-shadow-raised)}.filterPill:active,.filterPill:has(:active){--components-filterPill-backgroundColor: var(--palettes-neutral-0);box-shadow:0 0 0 1px var(--palettes-product-500),var(--pr-t-elevation-shadow-raised)}.filterPill:has(.filterPill-combobox:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.filterPill:has(.filterPill-combobox[aria-expanded=true]){--components-filterPill-toggle-rotation: -.5turn}.filterPill.is-filled{--components-filterPill-borderColor: var(--palettes-product-300);--components-filterPill-backgroundColor: var(--palettes-product-50);--components-filterPill-color: var(--palettes-product-800);--components-filterPill-toggle-iconColor: var(--palettes-product-700);--components-filterPill-clear-display: grid}.filterPill.is-filled:hover{--components-filterPill-borderColor: var(--palettes-product-400);--components-filterPill-checkbox-borderColor: var(--palettes-product-600);--components-filterPill-checkbox-backgroundColor: var(--palettes-product-600)}.filterPill.is-filled:has(.filterPill-combobox:active){--components-filterPill-backgroundColor: var(--palettes-product-100);--components-filterPill-checkbox-borderColor: var(--palettes-product-700);--components-filterPill-checkbox-backgroundColor: var(--palettes-product-700)}.filterPill.mod-checkbox{--components-filterPill-gap: var(--pr-t-spacings-100);--components-filterPill-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150)}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:checked){--components-filterPill-borderColor: var(--palettes-product-300);--components-filterPill-backgroundColor: var(--palettes-product-50);--components-filterPill-color: var(--palettes-product-800);--components-filterPill-checkbox-backgroundColor: var(--palettes-product-700);--components-filterPill-checkbox-borderColor: var(--palettes-product-700);--components-filterPill-checkbox-icon-scale: 1;--components-filterPill-checkbox-icon-timingFonction: cubic-bezier(.5, 1, .5, 1.5);--components-filterPill-label-fontWeight: var(--components-filterPill-label-fontWeightChecked)}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:checked):hover{--components-filterPill-borderColor: var(--palettes-product-400);--components-filterPill-checkbox-borderColor: var(--palettes-product-600);--components-filterPill-checkbox-backgroundColor: var(--palettes-product-600)}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:checked):has(.filterPill-combobox:active){--components-filterPill-backgroundColor: var(--palettes-product-100);--components-filterPill-checkbox-borderColor: var(--palettes-product-700);--components-filterPill-checkbox-backgroundColor: var(--palettes-product-700)}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:disabled){--components-filterPill-backgroundColor: var(--palettes-neutral-50);--components-filterPill-borderColor: var(--palettes-neutral-300);--components-filterPill-checkbox-borderColor: var(--palettes-neutral-500);--components-filterPill-color: var(--palettes-neutral-500);--components-filterPill-label-cursor: default;box-shadow:0 0 0 1px var(--components-filterPill-borderColor)}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:disabled):has(.filterPill-checkbox-input:checked){--components-filterPill-backgroundColor: var(--palettes-neutral-50);--components-filterPill-borderColor: var(--palettes-neutral-300);--components-filterPill-checkbox-borderColor: var(--palettes-neutral-100);--components-filterPill-checkbox-backgroundColor: var(--palettes-neutral-100);--components-filterPill-color: var(--palettes-neutral-500);--components-filterPill-checkbox-color: var(--palettes-neutral-500);--components-filterPill-label-cursor: default}.filterPill.mod-button{--components-filterPill-backgroundColor: var(--pr-t-elevation-surface-raised);border:0;padding:var(--pr-t-spacings-75);cursor:pointer}.filterPill.mod-button:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:3px}.filterPill:has(.filterPill-combobox:disabled){--components-filterPill-clear-display: none;--components-filterPill-backgroundColor: var(--palettes-neutral-50);--components-filterPill-borderColor: var(--palettes-neutral-300) !important;--components-filterPill-color: var(--palettes-neutral-500);--components-filterPill-toggle-iconColor: var(--palettes-neutral-500);--components-filterPill-label-cursor: default;--components-filterPill-arrowColor: var(--palettes-neutral-500);--components-filterPill-shadow: 0 0 0 1px var(--components-filterPill-borderColor);box-shadow:var(--components-filterPill-shadow)}.filterPill.is-hidden{--components-filterPill-display: none}.filterBar{--components-filterBar-extremitiesDisplay: none}.filterBar .textField{--component-textField-borderRadius: var(--commons-borderRadius-L);--component-textField-border: var(--palettes-neutral-100);--component-textField-borderHover: var(--palettes-product-400);--component-textField-width: 15rem;--component-textField-fontSize: var(--sizes-S-fontSize);--component-textField-lineHeight: var(--sizes-S-lineHeight);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem}.filterBar .textField .textField-input-affix-toggle{--icon-size: 1.25rem}.filterBar .textField .textField-input-affix-clear.clear,.filterBar .textField .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.filterBar .textField .textField-input-affix-icon{--icon-size: 1.25rem}.filterBar-divider.divider:not(:has(~.filterPill:not(.is-hidden))){display:none}.filterBar-segmentedControl.segmentedControl{--components-segmentedControl-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-segmentedControl-fontSize: var(--sizes-S-fontSize);--components-segmentedControl-lineHeight: var(--sizes-S-lineHeight);--components-segmentedControl-dividerInset: var(--pr-t-spacings-75)}.filterBar-segmentedControl.segmentedControl .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.filterBar-scrollBox.scrollBox{align-items:flex-start}.filterBar-scrollBox-first{display:var(--components-filterBar-extremitiesDisplay);margin-inline-end:calc(var(--components-scrollBox-gap) * -1)}.filterBar-scrollBox-last{display:var(--components-filterBar-extremitiesDisplay);margin-inline-start:calc(var(--components-scrollBox-gap) * -1)}.filterBar-scrollBox-group{display:flex;gap:var(--components-scrollBox-gap);flex-wrap:wrap}.filterBar-scrollBox-group:has(+.filterBar-scrollBox-last){flex-grow:1}.filterBar-scrollBox-export{margin-inline-start:auto;padding-inline-start:var(--pr-t-spacings-200)}@media not all and (min-width: 30em){.filterBar .filterBar-segmentedControl.segmentedControl{--components-segmentedControl-direction: row;--components-segmentedControl-width: 100%}.filterBar .filterBar-divider.divider{width:100%}}@media (min-width: 30em){.filterBar .filterBar-divider.divider{margin-inline:var(--pr-t-spacings-50);--components-divider-alignSelf: stretch}.filterBar .filterBar-divider.divider:where(:empty){border-inline-start:var(--commons-divider-border)}.filterBar .filterBar-divider.divider:not(:empty){--components-divider-direction: column;--components-divider-iconBottom: var(--pr-t-spacings-25);--components-divider-justify: center}.filterBar .filterBar-divider.divider:not(:empty):before,.filterBar .filterBar-divider.divider:not(:empty):after{border-inline-start:var(--commons-divider-border);min-block-size:var(--components-divider-minSize)}.filterBar .filterBar-scrollBox.scrollBox:has(.filterBar-scrollBox-export){flex-wrap:nowrap}}@media (pointer: coarse){.filterBar{--components-filterBar-extremitiesDisplay: block}.filterBar .filterBar-segmentedControl.segmentedControl{--components-segmentedControl-whiteSpace: nowrap;--components-segmentedControl-width: auto;--components-segmentedControl-wrap: nowrap}.filterBar .filterBar-scrollBox.scrollBox{-ms-overflow-style:none;scrollbar-width:none}.filterBar .filterBar-scrollBox.scrollBox::-webkit-scrollbar{display:none}.filterBar .filterBar-scrollBox-group{display:contents}}@media not (pointer: coarse){.filterBar .filterBar-scrollBox.scrollBox{--components-scrollBox-wrap: wrap;--components-scrollBox-pseudoElementsContent: none}}\n"], dependencies: [{ kind: "directive", type: PopoverDirective, selector: "[luPopover2]", inputs: ["luPopover2", "luPopoverPosition", "luPopoverDisabled", "luPopoverTrigger", "customPositions", "luPopoverNoCloseButton", "luPopoverAnchor", "luPopoverOpenDelay", "luPopoverCloseDelay"], outputs: ["luPopoverClosed", "luPopoverOpened"], exportAs: ["luPopover2"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: IconComponent, selector: "lu-icon", inputs: ["icon", "alt", "size", "color"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: LuTooltipModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
210
|
+
], queries: [{ propertyName: "childInputComponentRef", first: true, predicate: FILTER_PILL_INPUT_COMPONENT, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "popoverRef", first: true, predicate: PopoverDirective, descendants: true, isSignal: true }, { propertyName: "defaultLabelTpl", first: true, predicate: ["defaultLabel"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (!isHidden()) { @if (layout() === 'default') {\n<label [attr.for]=\"id\" class=\"filterPill-label\">\n\t<ng-container\n\t\t*ngTemplateOutlet=\"labelTpl(); context:{label: label(), isEmpty: inputIsEmpty(), placeholder: placeholder(), colon: colonDisplay()}\"\n\t></ng-container>\n</label>\n<button\n\t[attr.id]=\"id\"\n\t[attr.disabled]=\"disabled() ? 'disabled' : null\"\n\tclass=\"filterPill-combobox\"\n\ttype=\"button\"\n\trole=\"combobox\"\n\t[luPopover2]=\"pillContent\"\n\t[luPopoverNoCloseButton]=\"true\"\n\t[customPositions]=\"popoverPositions\"\n\t[luPopoverAnchor]=\"elementRef\"\n\t(luPopoverOpened)=\"popoverOpened()\"\n\t#popoverRef=\"luPopover2\"\n\t#comboboxRef\n\t[attr.aria-expanded]=\"popoverRef.opened()\"\n\t(keydown.arrowDown)=\"$event.preventDefault();popoverRef.openPopover(true)\"\n\t(keydown.arrowUp)=\"$event.preventDefault();popoverRef.openPopover(true)\"\n>\n\t<ng-container *ngTemplateOutlet=\"pillTpl; context:{label: label(), isEmpty: inputIsEmpty()}\"></ng-container>\n\t@if (inputIsEmpty() && !disabled()) { {{ placeholder() }} }\n</button>\n@if (inputIsClearable()) {\n<button type=\"button\" class=\"filterPill-clear clear\" (click)=\"$event.stopPropagation(); clear(); comboboxRef.focus()\">\n\t<span class=\"u-mask\">{{ intl.clear }}</span>\n</button>\n}\n<button\n\ttype=\"button\"\n\taria-hidden=\"true\"\n\ttabindex=\"-1\"\n\tclass=\"filterPill-toggle\"\n\t[attr.disabled]=\"disabled() ? 'disabled' : null\"\n\t(click)=\"popoverRef.openPopover(true)\"\n>\n\t<lu-icon [icon]=\"displayedIcon()\" size=\"S\" />\n</button>\n} @else {\n<ng-container\n\t*ngTemplateOutlet=\"labelTpl(); context:{label: label(), isEmpty: inputIsEmpty(), placeholder: placeholder(), colon: colonDisplay()}\"\n></ng-container>\n} }\n<ng-template #pillContent>\n\t<div class=\"filterPill_popover-content popover-contentOptional\">\n\t\t<ng-content></ng-content>\n\t</div>\n</ng-template>\n<ng-template #defaultLabel>{{ label() }}{{ colonDisplay() }}</ng-template>\n", styles: [".filterPill{--components-filterPill-gap: 0;--components-filterPill-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-100);--components-filterPill-label-fontWeightNormal: 400;--components-filterPill-label-fontWeightChecked: 600;--components-filterPill-borderColor: var(--palettes-neutral-100);--components-filterPill-backgroundColor: var(--palettes-neutral-0);--components-filterPill-color: var(--palettes-neutral-700);--components-filterPill-label-cursor: pointer;--components-filterPill-checkbox-backgroundColor: var(--palettes-neutral-0);--components-filterPill-checkbox-color: var(--palettes-neutral-0);--components-filterPill-checkbox-borderColor: var(--palettes-neutral-700);--components-filterPill-checkbox-icon-scale: 0;--components-filterPill-checkbox-icon-timingFonction: cubic-bezier(.5, -.5, .5, 0);--components-filterPill-clear-display: none;--components-filterPill-toggle-rotation: 0;--components-filterPill-toggle-iconColor: var(--palettes-neutral-600);--components-filterPill-shadow: 0 0 0 1px var(--components-filterPill-borderColor);--components-filterPill-display: flex;--components-filterPill-arrowColor: var(--palettes-product-700);display:var(--components-filterPill-display);gap:var(--components-filterPill-gap);align-items:center;background-color:var(--components-filterPill-backgroundColor);width:fit-content;padding:var(--components-filterPill-padding);border-radius:var(--commons-borderRadius-L);color:var(--components-filterPill-color);font-size:var(--sizes-S-fontSize);line-height:var(--sizes-S-lineHeight);box-shadow:var(--components-filterPill-shadow);position:relative;max-inline-size:18rem;white-space:nowrap;transition-property:box-shadow;transition-duration:var(--commons-animations-durations-fast)}.filterPill_popover-content.popover-contentOptional{--components-dateInput-width: none;display:flex;flex-direction:column;gap:var(--pr-t-spacings-50)}.filterPill_popover-content.popover-contentOptional:has(.filterPill_popover-content-option){--components-popover-padding: var(--pr-t-spacings-50)}.filterPill_popover-content-option{padding:var(--pr-t-spacings-50) var(--pr-t-spacings-100);border-radius:4px}.filterPill_popover-content-option:hover{background-color:var(--palettes-neutral-50)}.filterPill_popover-content-option:has(:checked){background-color:var(--palettes-product-50)}.filterPill_popover-content-option:has(:checked):hover{background-color:var(--palettes-product-100)}.filterPill-icon{display:flex}.filterPill-icon .lucca-icon{--icon-size: 1.25rem}.filterPill-label{font-weight:var(--components-filterPill-label-fontWeight);overflow:hidden;text-overflow:ellipsis;outline:none;text-align:center;flex-shrink:0}.filterPill-label:before{content:\"\";position:absolute;inset:0;cursor:var(--components-filterPill-label-cursor);z-index:1}.filterPill-toggle{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;display:flex;margin-inline-start:var(--pr-t-spacings-50);width:calc(var(--pr-t-spacings-50) + var(--pr-t-spacings-200));flex-shrink:0;z-index:1;color:var(--components-filterPill-toggle-iconColor);cursor:var(--components-filterPill-label-cursor)}.filterPill-toggle .icon-arrowChevronBottom{transition-property:transform;transition-duration:var(--commons-animations-durations-fast);transform:rotate(var(--components-filterPill-toggle-rotation))}.filterPill-clear.clear{margin-inline-start:var(--pr-t-spacings-75);margin-inline-end:var(--pr-t-spacings-25);position:relative;z-index:1;display:var(--components-filterPill-clear-display);--components-clear-cross-color: var(--palettes-neutral-0);--components-clear-background: var(--palettes-product-700)}.filterPill-clear.clear:hover{--components-clear-background: var(--palettes-product-600)}.filterPill-clear.clear:active{--components-clear-background: var(--palettes-product-800)}.filterPill-combobox{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;font-weight:var(--components-filterPill-label-fontWeightChecked);width:auto;z-index:1;margin-inline-start:.5ch;min-width:0;overflow:hidden;text-overflow:ellipsis;cursor:var(--components-filterPill-label-cursor);display:flex;align-items:center;gap:var(--pr-t-spacings-50)}.filterPill-combobox:focus-visible{outline:none}.filterPill-combobox .lucca-icon{color:var(--components-filterPill-arrowColor)}.filterPill-label-placeholder{display:block;height:0;overflow:hidden;text-overflow:ellipsis;font-weight:var(--components-filterPill-label-fontWeightChecked)}.filterPill-checkbox{border:2px solid var(--components-filterPill-checkbox-borderColor);border-radius:4px;color:var(--components-filterPill-checkbox-color);transition-property:color,border-color,background-color;transition-duration:var(--commons-animations-durations-fast);background-color:var(--components-filterPill-checkbox-backgroundColor);cursor:pointer;display:flex;order:-1}@media (prefers-reduced-motion: reduce){.filterPill-checkbox{transition-property:none}}.filterPill-checkbox-icon{width:var(--pr-t-spacings-150);height:var(--pr-t-spacings-150)}.filterPill-checkbox-icon-check{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transform:scale(var(--components-filterPill-checkbox-icon-scale));transition-property:transform;transition-duration:var(--commons-animations-durations-fast);transition-timing-function:var(--components-filterPill-checkbox-icon-timingFonction)}@media (prefers-reduced-motion: reduce){.filterPill-checkbox-icon-check{transition-property:none}}.filterPill-checkbox-icon-check:before{font-weight:400;font-size:1rem;direction:ltr;font-family:Lucca icons;font-feature-settings:\"liga\";font-style:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;content:\"\\e97d\";content:\"\\e97d\"/\"\"}.filterPill-checkbox-input{border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.filterPill:not(.is-filled) .filterPill-combobox{border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.filterPill:hover{--components-filterPill-borderColor: var(--palettes-product-400);--components-filterPill-checkbox-borderColor: var(--palettes-neutral-600);--components-filterPill-shadow: 0 0 0 1px var(--components-filterPill-borderColor), var(--pr-t-elevation-shadow-raised)}.filterPill:active,.filterPill:has(:active){--components-filterPill-backgroundColor: var(--palettes-neutral-0);box-shadow:0 0 0 1px var(--palettes-product-500),var(--pr-t-elevation-shadow-raised)}.filterPill:has(.filterPill-combobox:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.filterPill:has(.filterPill-combobox[aria-expanded=true]){--components-filterPill-toggle-rotation: -.5turn}.filterPill.is-filled{--components-filterPill-borderColor: var(--palettes-product-300);--components-filterPill-backgroundColor: var(--palettes-product-50);--components-filterPill-color: var(--palettes-product-800);--components-filterPill-toggle-iconColor: var(--palettes-product-700);--components-filterPill-clear-display: grid}.filterPill.is-filled:hover{--components-filterPill-borderColor: var(--palettes-product-400);--components-filterPill-checkbox-borderColor: var(--palettes-product-600);--components-filterPill-checkbox-backgroundColor: var(--palettes-product-600)}.filterPill.is-filled:has(.filterPill-combobox:active){--components-filterPill-backgroundColor: var(--palettes-product-100);--components-filterPill-checkbox-borderColor: var(--palettes-product-700);--components-filterPill-checkbox-backgroundColor: var(--palettes-product-700)}.filterPill.mod-checkbox{--components-filterPill-gap: var(--pr-t-spacings-100);--components-filterPill-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150)}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:checked){--components-filterPill-borderColor: var(--palettes-product-300);--components-filterPill-backgroundColor: var(--palettes-product-50);--components-filterPill-color: var(--palettes-product-800);--components-filterPill-checkbox-backgroundColor: var(--palettes-product-700);--components-filterPill-checkbox-borderColor: var(--palettes-product-700);--components-filterPill-checkbox-icon-scale: 1;--components-filterPill-checkbox-icon-timingFonction: cubic-bezier(.5, 1, .5, 1.5);--components-filterPill-label-fontWeight: var(--components-filterPill-label-fontWeightChecked)}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:checked):hover{--components-filterPill-borderColor: var(--palettes-product-400);--components-filterPill-checkbox-borderColor: var(--palettes-product-600);--components-filterPill-checkbox-backgroundColor: var(--palettes-product-600)}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:checked):has(.filterPill-combobox:active){--components-filterPill-backgroundColor: var(--palettes-product-100);--components-filterPill-checkbox-borderColor: var(--palettes-product-700);--components-filterPill-checkbox-backgroundColor: var(--palettes-product-700)}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:disabled){--components-filterPill-backgroundColor: var(--palettes-neutral-50);--components-filterPill-borderColor: var(--palettes-neutral-300);--components-filterPill-checkbox-borderColor: var(--palettes-neutral-500);--components-filterPill-color: var(--palettes-neutral-500);--components-filterPill-label-cursor: default;box-shadow:0 0 0 1px var(--components-filterPill-borderColor)}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:disabled):has(.filterPill-checkbox-input:checked){--components-filterPill-backgroundColor: var(--palettes-neutral-50);--components-filterPill-borderColor: var(--palettes-neutral-300);--components-filterPill-checkbox-borderColor: var(--palettes-neutral-100);--components-filterPill-checkbox-backgroundColor: var(--palettes-neutral-100);--components-filterPill-color: var(--palettes-neutral-500);--components-filterPill-checkbox-color: var(--palettes-neutral-500);--components-filterPill-label-cursor: default}.filterPill.mod-button{--components-filterPill-backgroundColor: var(--pr-t-elevation-surface-raised);border:0;padding:var(--pr-t-spacings-75);cursor:pointer}.filterPill.mod-button:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:3px}.filterPill:has(.filterPill-combobox:disabled){--components-filterPill-clear-display: none;--components-filterPill-backgroundColor: var(--palettes-neutral-50);--components-filterPill-borderColor: var(--palettes-neutral-300) !important;--components-filterPill-color: var(--palettes-neutral-500);--components-filterPill-toggle-iconColor: var(--palettes-neutral-500);--components-filterPill-label-cursor: default;--components-filterPill-arrowColor: var(--palettes-neutral-500);--components-filterPill-shadow: 0 0 0 1px var(--components-filterPill-borderColor);box-shadow:var(--components-filterPill-shadow)}.filterPill.is-hidden{--components-filterPill-display: none}.filterBar{--components-filterBar-extremitiesDisplay: none}.filterBar .textField{--component-textField-borderRadius: var(--commons-borderRadius-L);--component-textField-border: var(--palettes-neutral-100);--component-textField-borderHover: var(--palettes-product-400);--component-textField-width: 15rem;--component-textField-fontSize: var(--sizes-S-fontSize);--component-textField-lineHeight: var(--sizes-S-lineHeight);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem}.filterBar .textField .textField-input-affix-toggle{--icon-size: 1.25rem}.filterBar .textField .textField-input-affix-clear.clear,.filterBar .textField .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.filterBar .textField .textField-input-affix-icon{--icon-size: 1.25rem}.filterBar-divider.divider:last-child{display:none}.filterBar-segmentedControl.segmentedControl{--components-segmentedControl-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-segmentedControl-fontSize: var(--sizes-S-fontSize);--components-segmentedControl-lineHeight: var(--sizes-S-lineHeight);--components-segmentedControl-dividerInset: var(--pr-t-spacings-75)}.filterBar-segmentedControl.segmentedControl .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.filterBar-scrollBox.scrollBox{align-items:flex-start}.filterBar-scrollBox-first{display:var(--components-filterBar-extremitiesDisplay);margin-inline-end:calc(var(--components-scrollBox-gap) * -1)}.filterBar-scrollBox-last{display:var(--components-filterBar-extremitiesDisplay);margin-inline-start:calc(var(--components-scrollBox-gap) * -1)}.filterBar-scrollBox-group{display:flex;gap:var(--components-scrollBox-gap);flex-wrap:wrap}.filterBar-scrollBox-group:has(+.filterBar-scrollBox-last){flex-grow:1}.filterBar-scrollBox-export{margin-inline-start:auto;padding-inline-start:var(--pr-t-spacings-200)}@media not all and (min-width: 30em){.filterBar .filterBar-segmentedControl.segmentedControl{--components-segmentedControl-direction: row;--components-segmentedControl-width: 100%}.filterBar .filterBar-divider.divider{width:100%}}@media (min-width: 30em){.filterBar .filterBar-divider.divider{margin-inline:var(--pr-t-spacings-50);--components-divider-alignSelf: stretch}.filterBar .filterBar-divider.divider:where(:empty){border-inline-start:var(--commons-divider-border)}.filterBar .filterBar-divider.divider:not(:empty){--components-divider-direction: column;--components-divider-iconBottom: var(--pr-t-spacings-25);--components-divider-justify: center}.filterBar .filterBar-divider.divider:not(:empty):before,.filterBar .filterBar-divider.divider:not(:empty):after{border-inline-start:var(--commons-divider-border);min-block-size:var(--components-divider-minSize)}.filterBar .filterBar-scrollBox.scrollBox:has(.filterBar-scrollBox-export){flex-wrap:nowrap}}@media (pointer: coarse){.filterBar{--components-filterBar-extremitiesDisplay: block}.filterBar .filterBar-segmentedControl.segmentedControl{--components-segmentedControl-whiteSpace: nowrap;--components-segmentedControl-width: auto;--components-segmentedControl-wrap: nowrap}.filterBar .filterBar-scrollBox.scrollBox{-ms-overflow-style:none;scrollbar-width:none}.filterBar .filterBar-scrollBox.scrollBox::-webkit-scrollbar{display:none}.filterBar .filterBar-scrollBox-group{display:contents}}@media not (pointer: coarse){.filterBar .filterBar-scrollBox.scrollBox{--components-scrollBox-wrap: wrap;--components-scrollBox-pseudoElementsContent: none}}\n"], dependencies: [{ kind: "directive", type: PopoverDirective, selector: "[luPopover2]", inputs: ["luPopover2", "luPopoverPosition", "luPopoverDisabled", "luPopoverTrigger", "customPositions", "luPopoverNoCloseButton", "luPopoverAnchor", "luPopoverOpenDelay", "luPopoverCloseDelay"], outputs: ["luPopoverClosed", "luPopoverOpened"], exportAs: ["luPopover2"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: IconComponent, selector: "lu-icon", inputs: ["icon", "alt", "size", "color"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: LuTooltipModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
203
211
|
}
|
|
204
212
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: FilterPillComponent, decorators: [{
|
|
205
213
|
type: Component,
|
|
@@ -210,7 +218,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
|
|
|
210
218
|
},
|
|
211
219
|
], host: {
|
|
212
220
|
class: 'filterPill',
|
|
213
|
-
}, template: "@if (!isHidden()) { @if (layout() === 'default') {\n<label [attr.for]=\"id\" class=\"filterPill-label\">\n\t<ng-container\n\t\t*ngTemplateOutlet=\"labelTpl(); context:{label: label(), isEmpty: inputIsEmpty(), placeholder: placeholder(), colon: colonDisplay()}\"\n\t></ng-container>\n</label>\n<button\n\t[attr.id]=\"id\"\n\t[attr.disabled]=\"disabled() ? 'disabled' : null\"\n\tclass=\"filterPill-combobox\"\n\ttype=\"button\"\n\trole=\"combobox\"\n\t[luPopover2]=\"pillContent\"\n\t[luPopoverNoCloseButton]=\"true\"\n\t[customPositions]=\"popoverPositions\"\n\t[luPopoverAnchor]=\"elementRef\"\n\t(luPopoverOpened)=\"popoverOpened()\"\n\t#popoverRef=\"luPopover2\"\n\t#comboboxRef\n\t[attr.aria-expanded]=\"popoverRef.opened()\"\n\t(keydown.arrowDown)=\"$event.preventDefault();popoverRef.openPopover(true)\"\n\t(keydown.arrowUp)=\"$event.preventDefault();popoverRef.openPopover(true)\"\n>\n\t<ng-container *ngTemplateOutlet=\"pillTpl; context:{label: label(), isEmpty: inputIsEmpty()}\"></ng-container>\n\t@if (inputIsEmpty() && !disabled()) { {{ placeholder() }} }\n</button>\n@if (inputIsClearable()) {\n<button type=\"button\" class=\"filterPill-clear clear\" (click)=\"$event.stopPropagation(); clear(); comboboxRef.focus()\">\n\t<span class=\"u-mask\">{{ intl.clear }}</span>\n</button>\n}\n<button\n\ttype=\"button\"\n\taria-hidden=\"true\"\n\ttabindex=\"-1\"\n\tclass=\"filterPill-toggle\"\n\t[attr.disabled]=\"disabled() ? 'disabled' : null\"\n\t(click)=\"popoverRef.openPopover(true)\"\n>\n\t<lu-icon [icon]=\"displayedIcon()\" size=\"S\" />\n</button>\n} @else {\n<ng-container\n\t*ngTemplateOutlet=\"labelTpl(); context:{label: label(), isEmpty: inputIsEmpty(), placeholder: placeholder(), colon: colonDisplay()}\"\n></ng-container>\n} }\n<ng-template #pillContent>\n\t<div class=\"filterPill_popover-content popover-contentOptional\">\n\t\t<ng-content></ng-content>\n\t</div>\n</ng-template>\n<ng-template #defaultLabel>{{ label() }}{{ colonDisplay() }}</ng-template>\n", styles: [".filterPill{--components-filterPill-gap: 0;--components-filterPill-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-100);--components-filterPill-label-fontWeightNormal: 400;--components-filterPill-label-fontWeightChecked: 600;--components-filterPill-borderColor: var(--palettes-neutral-100);--components-filterPill-backgroundColor: var(--palettes-neutral-0);--components-filterPill-color: var(--palettes-neutral-700);--components-filterPill-label-cursor: pointer;--components-filterPill-checkbox-backgroundColor: var(--palettes-neutral-0);--components-filterPill-checkbox-color: var(--palettes-neutral-0);--components-filterPill-checkbox-borderColor: var(--palettes-neutral-700);--components-filterPill-checkbox-icon-scale: 0;--components-filterPill-checkbox-icon-timingFonction: cubic-bezier(.5, -.5, .5, 0);--components-filterPill-clear-display: none;--components-filterPill-toggle-rotation: 0;--components-filterPill-toggle-iconColor: var(--palettes-neutral-600);--components-filterPill-shadow: 0 0 0 1px var(--components-filterPill-borderColor);--components-filterPill-display: flex;--components-filterPill-arrowColor: var(--palettes-product-700);display:var(--components-filterPill-display);gap:var(--components-filterPill-gap);align-items:center;background-color:var(--components-filterPill-backgroundColor);width:fit-content;padding:var(--components-filterPill-padding);border-radius:var(--commons-borderRadius-L);color:var(--components-filterPill-color);font-size:var(--sizes-S-fontSize);line-height:var(--sizes-S-lineHeight);box-shadow:var(--components-filterPill-shadow);position:relative;max-inline-size:18rem;white-space:nowrap;transition-property:box-shadow;transition-duration:var(--commons-animations-durations-fast)}.filterPill_popover-content.popover-contentOptional{--components-dateInput-width: none;display:flex;flex-direction:column;gap:var(--pr-t-spacings-50)}.filterPill_popover-content.popover-contentOptional:has(.filterPill_popover-content-option){--components-popover-padding: var(--pr-t-spacings-50)}.filterPill_popover-content-option{padding:var(--pr-t-spacings-50) var(--pr-t-spacings-100);border-radius:4px}.filterPill_popover-content-option:hover{background-color:var(--palettes-neutral-50)}.filterPill_popover-content-option:has(:checked){background-color:var(--palettes-product-50)}.filterPill_popover-content-option:has(:checked):hover{background-color:var(--palettes-product-100)}.filterPill-icon{display:flex}.filterPill-icon .lucca-icon{--icon-size: 1.25rem}.filterPill-label{font-weight:var(--components-filterPill-label-fontWeight);overflow:hidden;text-overflow:ellipsis;outline:none;text-align:center;flex-shrink:0}.filterPill-label:before{content:\"\";position:absolute;inset:0;cursor:var(--components-filterPill-label-cursor);z-index:1}.filterPill-toggle{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;display:flex;margin-inline-start:var(--pr-t-spacings-50);width:calc(var(--pr-t-spacings-50) + var(--pr-t-spacings-200));flex-shrink:0;z-index:1;color:var(--components-filterPill-toggle-iconColor);cursor:var(--components-filterPill-label-cursor)}.filterPill-toggle .icon-arrowChevronBottom{transition-property:transform;transition-duration:var(--commons-animations-durations-fast);transform:rotate(var(--components-filterPill-toggle-rotation))}.filterPill-clear.clear{margin-inline-start:var(--pr-t-spacings-75);margin-inline-end:var(--pr-t-spacings-25);position:relative;z-index:1;display:var(--components-filterPill-clear-display);--components-clear-cross-color: var(--palettes-neutral-0);--components-clear-background: var(--palettes-product-700)}.filterPill-clear.clear:hover{--components-clear-background: var(--palettes-product-600)}.filterPill-clear.clear:active{--components-clear-background: var(--palettes-product-800)}.filterPill-combobox{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;font-weight:var(--components-filterPill-label-fontWeightChecked);width:auto;z-index:1;margin-inline-start:.5ch;min-width:0;overflow:hidden;text-overflow:ellipsis;cursor:var(--components-filterPill-label-cursor);display:flex;align-items:center;gap:var(--pr-t-spacings-50)}.filterPill-combobox:focus-visible{outline:none}.filterPill-combobox .lucca-icon{color:var(--components-filterPill-arrowColor)}.filterPill-label-placeholder{display:block;height:0;overflow:hidden;text-overflow:ellipsis;font-weight:var(--components-filterPill-label-fontWeightChecked)}.filterPill-checkbox{border:2px solid var(--components-filterPill-checkbox-borderColor);border-radius:4px;color:var(--components-filterPill-checkbox-color);transition-property:color,border-color,background-color;transition-duration:var(--commons-animations-durations-fast);background-color:var(--components-filterPill-checkbox-backgroundColor);cursor:pointer;display:flex;order:-1}@media (prefers-reduced-motion: reduce){.filterPill-checkbox{transition-property:none}}.filterPill-checkbox-icon{width:var(--pr-t-spacings-150);height:var(--pr-t-spacings-150)}.filterPill-checkbox-icon-check{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transform:scale(var(--components-filterPill-checkbox-icon-scale));transition-property:transform;transition-duration:var(--commons-animations-durations-fast);transition-timing-function:var(--components-filterPill-checkbox-icon-timingFonction)}@media (prefers-reduced-motion: reduce){.filterPill-checkbox-icon-check{transition-property:none}}.filterPill-checkbox-icon-check:before{font-weight:400;font-size:1rem;direction:ltr;font-family:Lucca icons;font-feature-settings:\"liga\";font-style:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;content:\"\\e97d\";content:\"\\e97d\"/\"\"}.filterPill-checkbox-input{border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.filterPill:not(.is-filled) .filterPill-combobox{border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.filterPill:hover{--components-filterPill-borderColor: var(--palettes-product-400);--components-filterPill-checkbox-borderColor: var(--palettes-neutral-600);--components-filterPill-shadow: 0 0 0 1px var(--components-filterPill-borderColor), var(--pr-t-elevation-shadow-raised)}.filterPill:active,.filterPill:has(:active){--components-filterPill-backgroundColor: var(--palettes-neutral-0);box-shadow:0 0 0 1px var(--palettes-product-500),var(--pr-t-elevation-shadow-raised)}.filterPill:has(.filterPill-combobox:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.filterPill:has(.filterPill-combobox[aria-expanded=true]){--components-filterPill-toggle-rotation: -.5turn}.filterPill.is-filled{--components-filterPill-borderColor: var(--palettes-product-300);--components-filterPill-backgroundColor: var(--palettes-product-50);--components-filterPill-color: var(--palettes-product-800);--components-filterPill-toggle-iconColor: var(--palettes-product-700);--components-filterPill-clear-display: grid}.filterPill.is-filled:hover{--components-filterPill-borderColor: var(--palettes-product-400);--components-filterPill-checkbox-borderColor: var(--palettes-product-600);--components-filterPill-checkbox-backgroundColor: var(--palettes-product-600)}.filterPill.is-filled:has(.filterPill-combobox:active){--components-filterPill-backgroundColor: var(--palettes-product-100);--components-filterPill-checkbox-borderColor: var(--palettes-product-700);--components-filterPill-checkbox-backgroundColor: var(--palettes-product-700)}.filterPill.mod-checkbox{--components-filterPill-gap: var(--pr-t-spacings-100);--components-filterPill-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150)}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:checked){--components-filterPill-borderColor: var(--palettes-product-300);--components-filterPill-backgroundColor: var(--palettes-product-50);--components-filterPill-color: var(--palettes-product-800);--components-filterPill-checkbox-backgroundColor: var(--palettes-product-700);--components-filterPill-checkbox-borderColor: var(--palettes-product-700);--components-filterPill-checkbox-icon-scale: 1;--components-filterPill-checkbox-icon-timingFonction: cubic-bezier(.5, 1, .5, 1.5);--components-filterPill-label-fontWeight: var(--components-filterPill-label-fontWeightChecked)}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:checked):hover{--components-filterPill-borderColor: var(--palettes-product-400);--components-filterPill-checkbox-borderColor: var(--palettes-product-600);--components-filterPill-checkbox-backgroundColor: var(--palettes-product-600)}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:checked):has(.filterPill-combobox:active){--components-filterPill-backgroundColor: var(--palettes-product-100);--components-filterPill-checkbox-borderColor: var(--palettes-product-700);--components-filterPill-checkbox-backgroundColor: var(--palettes-product-700)}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:disabled){--components-filterPill-backgroundColor: var(--palettes-neutral-50);--components-filterPill-borderColor: var(--palettes-neutral-300);--components-filterPill-checkbox-borderColor: var(--palettes-neutral-500);--components-filterPill-color: var(--palettes-neutral-500);--components-filterPill-label-cursor: default;box-shadow:0 0 0 1px var(--components-filterPill-borderColor)}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:disabled):has(.filterPill-checkbox-input:checked){--components-filterPill-backgroundColor: var(--palettes-neutral-50);--components-filterPill-borderColor: var(--palettes-neutral-300);--components-filterPill-checkbox-borderColor: var(--palettes-neutral-100);--components-filterPill-checkbox-backgroundColor: var(--palettes-neutral-100);--components-filterPill-color: var(--palettes-neutral-500);--components-filterPill-checkbox-color: var(--palettes-neutral-500);--components-filterPill-label-cursor: default}.filterPill.mod-button{--components-filterPill-backgroundColor: var(--pr-t-elevation-surface-raised);border:0;padding:var(--pr-t-spacings-75);cursor:pointer}.filterPill.mod-button:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:3px}.filterPill:has(.filterPill-combobox:disabled){--components-filterPill-clear-display: none;--components-filterPill-backgroundColor: var(--palettes-neutral-50);--components-filterPill-borderColor: var(--palettes-neutral-300) !important;--components-filterPill-color: var(--palettes-neutral-500);--components-filterPill-toggle-iconColor: var(--palettes-neutral-500);--components-filterPill-label-cursor: default;--components-filterPill-arrowColor: var(--palettes-neutral-500);--components-filterPill-shadow: 0 0 0 1px var(--components-filterPill-borderColor);box-shadow:var(--components-filterPill-shadow)}.filterPill.is-hidden{--components-filterPill-display: none}.filterBar{--components-filterBar-extremitiesDisplay: none}.filterBar .textField{--component-textField-borderRadius: var(--commons-borderRadius-L);--component-textField-border: var(--palettes-neutral-100);--component-textField-borderHover: var(--palettes-product-400);--component-textField-width: 15rem;--component-textField-fontSize: var(--sizes-S-fontSize);--component-textField-lineHeight: var(--sizes-S-lineHeight);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem}.filterBar .textField .textField-input-affix-toggle{--icon-size: 1.25rem}.filterBar .textField .textField-input-affix-clear.clear,.filterBar .textField .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.filterBar .textField .textField-input-affix-icon{--icon-size: 1.25rem}.filterBar-divider.divider:not(:has(~.filterPill:not(.is-hidden))){display:none}.filterBar-segmentedControl.segmentedControl{--components-segmentedControl-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-segmentedControl-fontSize: var(--sizes-S-fontSize);--components-segmentedControl-lineHeight: var(--sizes-S-lineHeight);--components-segmentedControl-dividerInset: var(--pr-t-spacings-75)}.filterBar-segmentedControl.segmentedControl .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.filterBar-scrollBox.scrollBox{align-items:flex-start}.filterBar-scrollBox-first{display:var(--components-filterBar-extremitiesDisplay);margin-inline-end:calc(var(--components-scrollBox-gap) * -1)}.filterBar-scrollBox-last{display:var(--components-filterBar-extremitiesDisplay);margin-inline-start:calc(var(--components-scrollBox-gap) * -1)}.filterBar-scrollBox-group{display:flex;gap:var(--components-scrollBox-gap);flex-wrap:wrap}.filterBar-scrollBox-group:has(+.filterBar-scrollBox-last){flex-grow:1}.filterBar-scrollBox-export{margin-inline-start:auto;padding-inline-start:var(--pr-t-spacings-200)}@media not all and (min-width: 30em){.filterBar .filterBar-segmentedControl.segmentedControl{--components-segmentedControl-direction: row;--components-segmentedControl-width: 100%}.filterBar .filterBar-divider.divider{width:100%}}@media (min-width: 30em){.filterBar .filterBar-divider.divider{margin-inline:var(--pr-t-spacings-50);--components-divider-alignSelf: stretch}.filterBar .filterBar-divider.divider:where(:empty){border-inline-start:var(--commons-divider-border)}.filterBar .filterBar-divider.divider:not(:empty){--components-divider-direction: column;--components-divider-iconBottom: var(--pr-t-spacings-25);--components-divider-justify: center}.filterBar .filterBar-divider.divider:not(:empty):before,.filterBar .filterBar-divider.divider:not(:empty):after{border-inline-start:var(--commons-divider-border);min-block-size:var(--components-divider-minSize)}.filterBar .filterBar-scrollBox.scrollBox:has(.filterBar-scrollBox-export){flex-wrap:nowrap}}@media (pointer: coarse){.filterBar{--components-filterBar-extremitiesDisplay: block}.filterBar .filterBar-segmentedControl.segmentedControl{--components-segmentedControl-whiteSpace: nowrap;--components-segmentedControl-width: auto;--components-segmentedControl-wrap: nowrap}.filterBar .filterBar-scrollBox.scrollBox{-ms-overflow-style:none;scrollbar-width:none}.filterBar .filterBar-scrollBox.scrollBox::-webkit-scrollbar{display:none}.filterBar .filterBar-scrollBox-group{display:contents}}@media not (pointer: coarse){.filterBar .filterBar-scrollBox.scrollBox{--components-scrollBox-wrap: wrap;--components-scrollBox-pseudoElementsContent: none}}\n"] }]
|
|
221
|
+
}, template: "@if (!isHidden()) { @if (layout() === 'default') {\n<label [attr.for]=\"id\" class=\"filterPill-label\">\n\t<ng-container\n\t\t*ngTemplateOutlet=\"labelTpl(); context:{label: label(), isEmpty: inputIsEmpty(), placeholder: placeholder(), colon: colonDisplay()}\"\n\t></ng-container>\n</label>\n<button\n\t[attr.id]=\"id\"\n\t[attr.disabled]=\"disabled() ? 'disabled' : null\"\n\tclass=\"filterPill-combobox\"\n\ttype=\"button\"\n\trole=\"combobox\"\n\t[luPopover2]=\"pillContent\"\n\t[luPopoverNoCloseButton]=\"true\"\n\t[customPositions]=\"popoverPositions\"\n\t[luPopoverAnchor]=\"elementRef\"\n\t(luPopoverOpened)=\"popoverOpened()\"\n\t#popoverRef=\"luPopover2\"\n\t#comboboxRef\n\t[attr.aria-expanded]=\"popoverRef.opened()\"\n\t(keydown.arrowDown)=\"$event.preventDefault();popoverRef.openPopover(true)\"\n\t(keydown.arrowUp)=\"$event.preventDefault();popoverRef.openPopover(true)\"\n>\n\t<ng-container *ngTemplateOutlet=\"pillTpl; context:{label: label(), isEmpty: inputIsEmpty()}\"></ng-container>\n\t@if (inputIsEmpty() && !disabled()) { {{ placeholder() }} }\n</button>\n@if (inputIsClearable()) {\n<button type=\"button\" class=\"filterPill-clear clear\" (click)=\"$event.stopPropagation(); clear(); comboboxRef.focus()\">\n\t<span class=\"u-mask\">{{ intl.clear }}</span>\n</button>\n}\n<button\n\ttype=\"button\"\n\taria-hidden=\"true\"\n\ttabindex=\"-1\"\n\tclass=\"filterPill-toggle\"\n\t[attr.disabled]=\"disabled() ? 'disabled' : null\"\n\t(click)=\"popoverRef.openPopover(true)\"\n>\n\t<lu-icon [icon]=\"displayedIcon()\" size=\"S\" />\n</button>\n} @else {\n<ng-container\n\t*ngTemplateOutlet=\"labelTpl(); context:{label: label(), isEmpty: inputIsEmpty(), placeholder: placeholder(), colon: colonDisplay()}\"\n></ng-container>\n} }\n<ng-template #pillContent>\n\t<div class=\"filterPill_popover-content popover-contentOptional\">\n\t\t<ng-content></ng-content>\n\t</div>\n</ng-template>\n<ng-template #defaultLabel>{{ label() }}{{ colonDisplay() }}</ng-template>\n", styles: [".filterPill{--components-filterPill-gap: 0;--components-filterPill-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-100);--components-filterPill-label-fontWeightNormal: 400;--components-filterPill-label-fontWeightChecked: 600;--components-filterPill-borderColor: var(--palettes-neutral-100);--components-filterPill-backgroundColor: var(--palettes-neutral-0);--components-filterPill-color: var(--palettes-neutral-700);--components-filterPill-label-cursor: pointer;--components-filterPill-checkbox-backgroundColor: var(--palettes-neutral-0);--components-filterPill-checkbox-color: var(--palettes-neutral-0);--components-filterPill-checkbox-borderColor: var(--palettes-neutral-700);--components-filterPill-checkbox-icon-scale: 0;--components-filterPill-checkbox-icon-timingFonction: cubic-bezier(.5, -.5, .5, 0);--components-filterPill-clear-display: none;--components-filterPill-toggle-rotation: 0;--components-filterPill-toggle-iconColor: var(--palettes-neutral-600);--components-filterPill-shadow: 0 0 0 1px var(--components-filterPill-borderColor);--components-filterPill-display: flex;--components-filterPill-arrowColor: var(--palettes-product-700);display:var(--components-filterPill-display);gap:var(--components-filterPill-gap);align-items:center;background-color:var(--components-filterPill-backgroundColor);width:fit-content;padding:var(--components-filterPill-padding);border-radius:var(--commons-borderRadius-L);color:var(--components-filterPill-color);font-size:var(--sizes-S-fontSize);line-height:var(--sizes-S-lineHeight);box-shadow:var(--components-filterPill-shadow);position:relative;max-inline-size:18rem;white-space:nowrap;transition-property:box-shadow;transition-duration:var(--commons-animations-durations-fast)}.filterPill_popover-content.popover-contentOptional{--components-dateInput-width: none;display:flex;flex-direction:column;gap:var(--pr-t-spacings-50)}.filterPill_popover-content.popover-contentOptional:has(.filterPill_popover-content-option){--components-popover-padding: var(--pr-t-spacings-50)}.filterPill_popover-content-option{padding:var(--pr-t-spacings-50) var(--pr-t-spacings-100);border-radius:4px}.filterPill_popover-content-option:hover{background-color:var(--palettes-neutral-50)}.filterPill_popover-content-option:has(:checked){background-color:var(--palettes-product-50)}.filterPill_popover-content-option:has(:checked):hover{background-color:var(--palettes-product-100)}.filterPill-icon{display:flex}.filterPill-icon .lucca-icon{--icon-size: 1.25rem}.filterPill-label{font-weight:var(--components-filterPill-label-fontWeight);overflow:hidden;text-overflow:ellipsis;outline:none;text-align:center;flex-shrink:0}.filterPill-label:before{content:\"\";position:absolute;inset:0;cursor:var(--components-filterPill-label-cursor);z-index:1}.filterPill-toggle{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;display:flex;margin-inline-start:var(--pr-t-spacings-50);width:calc(var(--pr-t-spacings-50) + var(--pr-t-spacings-200));flex-shrink:0;z-index:1;color:var(--components-filterPill-toggle-iconColor);cursor:var(--components-filterPill-label-cursor)}.filterPill-toggle .icon-arrowChevronBottom{transition-property:transform;transition-duration:var(--commons-animations-durations-fast);transform:rotate(var(--components-filterPill-toggle-rotation))}.filterPill-clear.clear{margin-inline-start:var(--pr-t-spacings-75);margin-inline-end:var(--pr-t-spacings-25);position:relative;z-index:1;display:var(--components-filterPill-clear-display);--components-clear-cross-color: var(--palettes-neutral-0);--components-clear-background: var(--palettes-product-700)}.filterPill-clear.clear:hover{--components-clear-background: var(--palettes-product-600)}.filterPill-clear.clear:active{--components-clear-background: var(--palettes-product-800)}.filterPill-combobox{padding:0;border:0;inline-size:100%;background-color:transparent;color:inherit;text-align:start;display:block;font:inherit;cursor:pointer;font-weight:var(--components-filterPill-label-fontWeightChecked);width:auto;z-index:1;margin-inline-start:.5ch;min-width:0;overflow:hidden;text-overflow:ellipsis;cursor:var(--components-filterPill-label-cursor);display:flex;align-items:center;gap:var(--pr-t-spacings-50)}.filterPill-combobox:focus-visible{outline:none}.filterPill-combobox .lucca-icon{color:var(--components-filterPill-arrowColor)}.filterPill-label-placeholder{display:block;height:0;overflow:hidden;text-overflow:ellipsis;font-weight:var(--components-filterPill-label-fontWeightChecked)}.filterPill-checkbox{border:2px solid var(--components-filterPill-checkbox-borderColor);border-radius:4px;color:var(--components-filterPill-checkbox-color);transition-property:color,border-color,background-color;transition-duration:var(--commons-animations-durations-fast);background-color:var(--components-filterPill-checkbox-backgroundColor);cursor:pointer;display:flex;order:-1}@media (prefers-reduced-motion: reduce){.filterPill-checkbox{transition-property:none}}.filterPill-checkbox-icon{width:var(--pr-t-spacings-150);height:var(--pr-t-spacings-150)}.filterPill-checkbox-icon-check{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transform:scale(var(--components-filterPill-checkbox-icon-scale));transition-property:transform;transition-duration:var(--commons-animations-durations-fast);transition-timing-function:var(--components-filterPill-checkbox-icon-timingFonction)}@media (prefers-reduced-motion: reduce){.filterPill-checkbox-icon-check{transition-property:none}}.filterPill-checkbox-icon-check:before{font-weight:400;font-size:1rem;direction:ltr;font-family:Lucca icons;font-feature-settings:\"liga\";font-style:normal;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;content:\"\\e97d\";content:\"\\e97d\"/\"\"}.filterPill-checkbox-input{border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.filterPill:not(.is-filled) .filterPill-combobox{border:0;clip:rect(1px,1px,1px,1px);margin:-1px;overflow:hidden;padding:0;position:absolute;block-size:1px;inline-size:1px;white-space:nowrap;contain:paint}.filterPill:hover{--components-filterPill-borderColor: var(--palettes-product-400);--components-filterPill-checkbox-borderColor: var(--palettes-neutral-600);--components-filterPill-shadow: 0 0 0 1px var(--components-filterPill-borderColor), var(--pr-t-elevation-shadow-raised)}.filterPill:active,.filterPill:has(:active){--components-filterPill-backgroundColor: var(--palettes-neutral-0);box-shadow:0 0 0 1px var(--palettes-product-500),var(--pr-t-elevation-shadow-raised)}.filterPill:has(.filterPill-combobox:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.filterPill:has(.filterPill-combobox[aria-expanded=true]){--components-filterPill-toggle-rotation: -.5turn}.filterPill.is-filled{--components-filterPill-borderColor: var(--palettes-product-300);--components-filterPill-backgroundColor: var(--palettes-product-50);--components-filterPill-color: var(--palettes-product-800);--components-filterPill-toggle-iconColor: var(--palettes-product-700);--components-filterPill-clear-display: grid}.filterPill.is-filled:hover{--components-filterPill-borderColor: var(--palettes-product-400);--components-filterPill-checkbox-borderColor: var(--palettes-product-600);--components-filterPill-checkbox-backgroundColor: var(--palettes-product-600)}.filterPill.is-filled:has(.filterPill-combobox:active){--components-filterPill-backgroundColor: var(--palettes-product-100);--components-filterPill-checkbox-borderColor: var(--palettes-product-700);--components-filterPill-checkbox-backgroundColor: var(--palettes-product-700)}.filterPill.mod-checkbox{--components-filterPill-gap: var(--pr-t-spacings-100);--components-filterPill-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150)}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:focus-visible){outline:2px solid var(--palettes-product-700);outline-offset:3px}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:checked){--components-filterPill-borderColor: var(--palettes-product-300);--components-filterPill-backgroundColor: var(--palettes-product-50);--components-filterPill-color: var(--palettes-product-800);--components-filterPill-checkbox-backgroundColor: var(--palettes-product-700);--components-filterPill-checkbox-borderColor: var(--palettes-product-700);--components-filterPill-checkbox-icon-scale: 1;--components-filterPill-checkbox-icon-timingFonction: cubic-bezier(.5, 1, .5, 1.5);--components-filterPill-label-fontWeight: var(--components-filterPill-label-fontWeightChecked)}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:checked):hover{--components-filterPill-borderColor: var(--palettes-product-400);--components-filterPill-checkbox-borderColor: var(--palettes-product-600);--components-filterPill-checkbox-backgroundColor: var(--palettes-product-600)}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:checked):has(.filterPill-combobox:active){--components-filterPill-backgroundColor: var(--palettes-product-100);--components-filterPill-checkbox-borderColor: var(--palettes-product-700);--components-filterPill-checkbox-backgroundColor: var(--palettes-product-700)}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:disabled){--components-filterPill-backgroundColor: var(--palettes-neutral-50);--components-filterPill-borderColor: var(--palettes-neutral-300);--components-filterPill-checkbox-borderColor: var(--palettes-neutral-500);--components-filterPill-color: var(--palettes-neutral-500);--components-filterPill-label-cursor: default;box-shadow:0 0 0 1px var(--components-filterPill-borderColor)}.filterPill.mod-checkbox:has(.filterPill-checkbox-input:disabled):has(.filterPill-checkbox-input:checked){--components-filterPill-backgroundColor: var(--palettes-neutral-50);--components-filterPill-borderColor: var(--palettes-neutral-300);--components-filterPill-checkbox-borderColor: var(--palettes-neutral-100);--components-filterPill-checkbox-backgroundColor: var(--palettes-neutral-100);--components-filterPill-color: var(--palettes-neutral-500);--components-filterPill-checkbox-color: var(--palettes-neutral-500);--components-filterPill-label-cursor: default}.filterPill.mod-button{--components-filterPill-backgroundColor: var(--pr-t-elevation-surface-raised);border:0;padding:var(--pr-t-spacings-75);cursor:pointer}.filterPill.mod-button:focus-visible{outline:2px solid var(--palettes-product-700);outline-offset:3px}.filterPill:has(.filterPill-combobox:disabled){--components-filterPill-clear-display: none;--components-filterPill-backgroundColor: var(--palettes-neutral-50);--components-filterPill-borderColor: var(--palettes-neutral-300) !important;--components-filterPill-color: var(--palettes-neutral-500);--components-filterPill-toggle-iconColor: var(--palettes-neutral-500);--components-filterPill-label-cursor: default;--components-filterPill-arrowColor: var(--palettes-neutral-500);--components-filterPill-shadow: 0 0 0 1px var(--components-filterPill-borderColor);box-shadow:var(--components-filterPill-shadow)}.filterPill.is-hidden{--components-filterPill-display: none}.filterBar{--components-filterBar-extremitiesDisplay: none}.filterBar .textField{--component-textField-borderRadius: var(--commons-borderRadius-L);--component-textField-border: var(--palettes-neutral-100);--component-textField-borderHover: var(--palettes-product-400);--component-textField-width: 15rem;--component-textField-fontSize: var(--sizes-S-fontSize);--component-textField-lineHeight: var(--sizes-S-lineHeight);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem}.filterBar .textField .textField-input-affix-toggle{--icon-size: 1.25rem}.filterBar .textField .textField-input-affix-clear.clear,.filterBar .textField .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.filterBar .textField .textField-input-affix-icon{--icon-size: 1.25rem}.filterBar-divider.divider:last-child{display:none}.filterBar-segmentedControl.segmentedControl{--components-segmentedControl-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-segmentedControl-fontSize: var(--sizes-S-fontSize);--components-segmentedControl-lineHeight: var(--sizes-S-lineHeight);--components-segmentedControl-dividerInset: var(--pr-t-spacings-75)}.filterBar-segmentedControl.segmentedControl .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.filterBar-scrollBox.scrollBox{align-items:flex-start}.filterBar-scrollBox-first{display:var(--components-filterBar-extremitiesDisplay);margin-inline-end:calc(var(--components-scrollBox-gap) * -1)}.filterBar-scrollBox-last{display:var(--components-filterBar-extremitiesDisplay);margin-inline-start:calc(var(--components-scrollBox-gap) * -1)}.filterBar-scrollBox-group{display:flex;gap:var(--components-scrollBox-gap);flex-wrap:wrap}.filterBar-scrollBox-group:has(+.filterBar-scrollBox-last){flex-grow:1}.filterBar-scrollBox-export{margin-inline-start:auto;padding-inline-start:var(--pr-t-spacings-200)}@media not all and (min-width: 30em){.filterBar .filterBar-segmentedControl.segmentedControl{--components-segmentedControl-direction: row;--components-segmentedControl-width: 100%}.filterBar .filterBar-divider.divider{width:100%}}@media (min-width: 30em){.filterBar .filterBar-divider.divider{margin-inline:var(--pr-t-spacings-50);--components-divider-alignSelf: stretch}.filterBar .filterBar-divider.divider:where(:empty){border-inline-start:var(--commons-divider-border)}.filterBar .filterBar-divider.divider:not(:empty){--components-divider-direction: column;--components-divider-iconBottom: var(--pr-t-spacings-25);--components-divider-justify: center}.filterBar .filterBar-divider.divider:not(:empty):before,.filterBar .filterBar-divider.divider:not(:empty):after{border-inline-start:var(--commons-divider-border);min-block-size:var(--components-divider-minSize)}.filterBar .filterBar-scrollBox.scrollBox:has(.filterBar-scrollBox-export){flex-wrap:nowrap}}@media (pointer: coarse){.filterBar{--components-filterBar-extremitiesDisplay: block}.filterBar .filterBar-segmentedControl.segmentedControl{--components-segmentedControl-whiteSpace: nowrap;--components-segmentedControl-width: auto;--components-segmentedControl-wrap: nowrap}.filterBar .filterBar-scrollBox.scrollBox{-ms-overflow-style:none;scrollbar-width:none}.filterBar .filterBar-scrollBox.scrollBox::-webkit-scrollbar{display:none}.filterBar .filterBar-scrollBox-group{display:contents}}@media not (pointer: coarse){.filterBar .filterBar-scrollBox.scrollBox{--components-scrollBox-wrap: wrap;--components-scrollBox-pseudoElementsContent: none}}\n"] }]
|
|
214
222
|
}], ctorParameters: () => [], propDecorators: { isHiddenClass: [{
|
|
215
223
|
type: HostBinding,
|
|
216
224
|
args: ['class.is-hidden']
|
|
@@ -247,13 +255,13 @@ class FilterBarComponent {
|
|
|
247
255
|
this.optionalPills = computed(() => this.pills().filter((pill) => pill.optional()));
|
|
248
256
|
}
|
|
249
257
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: FilterBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
250
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: FilterBarComponent, isStandalone: true, selector: "lu-filter-bar", host: { classAttribute: "filterBar" }, queries: [{ propertyName: "pills", predicate: FilterPillComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<lu-scroll-box class=\"filterBar-scrollBox\">\n\t<div class=\"filterBar-scrollBox-first\"></div>\n\n\t<div class=\"filterBar-scrollBox-group\">\n\t\t@if (addonBefore()) {\n\t\t<ng-container *ngTemplateOutlet=\"addonBefore()\"></ng-container>\n\n\t\t<lu-divider class=\"filterBar-divider\" />\n\t\t} @if (optionalPills().length > 0) {\n\t\t<button\n\t\t\tclass=\"filterPill mod-button\"\n\t\t\ttype=\"button\"\n\t\t\t[luTooltip]=\"intl.additionalFilters\"\n\t\t\tluTooltipOnlyForDisplay\n\t\t\t[luPopover2]=\"contentOptionsTpl\"\n\t\t\tluPopoverNoCloseButton\n\t\t\t[customPositions]=\"popoverPositions\"\n\t\t>\n\t\t\t<lu-icon class=\"filterPill-icon\" icon=\"filtersDescending\" [attr.alt]=\"intl.additionalFilters\" />\n\t\t</button>\n\t\t}\n\n\t\t<ng-content></ng-content>\n\t</div>\n\n\t@if (addonAfter()) {\n\t<div class=\"filterBar-scrollBox-export\">\n\t\t<ng-container *ngTemplateOutlet=\"addonAfter()\"></ng-container>\n\t</div>\n\t}\n\n\t<div class=\"filterBar-scrollBox-last\"></div>\n</lu-scroll-box>\n\n<ng-template #contentOptionsTpl>\n\t<form class=\"filterPill_popover-content popover-contentOptional\">\n\t\t@for (pill of optionalPills(); track pill.name(); let index = $index) {\n\t\t<div class=\"form-field mod-selectOption filterPill_popover-content-option\">\n\t\t\t<label class=\"formLabel\" [attr.for]=\"'filterPillOptions' + index\">{{ pill.label() }}</label>\n\t\t\t<span class=\"checkboxField\">\n\t\t\t\t<input\n\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\tclass=\"checkboxField-input\"\n\t\t\t\t\t[name]=\"pill.name()\"\n\t\t\t\t\t[attr.id]=\"'filterPillOptions' + index\"\n\t\t\t\t\t[(ngModel)]=\"pill.displayed\"\n\t\t\t\t/>\n\t\t\t\t<span class=\"checkboxField-icon\" aria-hidden=\"true\"><span class=\"checkboxField-icon-check\"></span></span>\n\t\t\t</span>\n\t\t</div>\n\t\t}\n\t</form>\n</ng-template>\n", styles: [".filterBar{--components-filterBar-extremitiesDisplay: none}.filterBar .textField{--component-textField-borderRadius: var(--commons-borderRadius-L);--component-textField-border: var(--palettes-neutral-100);--component-textField-borderHover: var(--palettes-product-400);--component-textField-width: 15rem;--component-textField-fontSize: var(--sizes-S-fontSize);--component-textField-lineHeight: var(--sizes-S-lineHeight);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem}.filterBar .textField .textField-input-affix-toggle{--icon-size: 1.25rem}.filterBar .textField .textField-input-affix-clear.clear,.filterBar .textField .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.filterBar .textField .textField-input-affix-icon{--icon-size: 1.25rem}.filterBar-divider.divider:
|
|
258
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.3", type: FilterBarComponent, isStandalone: true, selector: "lu-filter-bar", host: { classAttribute: "filterBar" }, queries: [{ propertyName: "pills", predicate: FilterPillComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<lu-scroll-box class=\"filterBar-scrollBox\">\n\t<div class=\"filterBar-scrollBox-first\"></div>\n\n\t<div class=\"filterBar-scrollBox-group\">\n\t\t@if (addonBefore()) {\n\t\t<ng-container *ngTemplateOutlet=\"addonBefore()\"></ng-container>\n\n\t\t<lu-divider class=\"filterBar-divider\" />\n\t\t} @if (optionalPills().length > 0) {\n\t\t<button\n\t\t\tclass=\"filterPill mod-button\"\n\t\t\ttype=\"button\"\n\t\t\t[luTooltip]=\"intl.additionalFilters\"\n\t\t\tluTooltipOnlyForDisplay\n\t\t\t[luPopover2]=\"contentOptionsTpl\"\n\t\t\tluPopoverNoCloseButton\n\t\t\t[customPositions]=\"popoverPositions\"\n\t\t>\n\t\t\t<lu-icon class=\"filterPill-icon\" icon=\"filtersDescending\" [attr.alt]=\"intl.additionalFilters\" />\n\t\t</button>\n\t\t}\n\n\t\t<ng-content></ng-content>\n\t</div>\n\n\t@if (addonAfter()) {\n\t<div class=\"filterBar-scrollBox-export\">\n\t\t<ng-container *ngTemplateOutlet=\"addonAfter()\"></ng-container>\n\t</div>\n\t}\n\n\t<div class=\"filterBar-scrollBox-last\"></div>\n</lu-scroll-box>\n\n<ng-template #contentOptionsTpl>\n\t<form class=\"filterPill_popover-content popover-contentOptional\">\n\t\t@for (pill of optionalPills(); track pill.name(); let index = $index) {\n\t\t<div class=\"form-field mod-selectOption filterPill_popover-content-option\">\n\t\t\t<label class=\"formLabel\" [attr.for]=\"'filterPillOptions' + index\">{{ pill.label() }}</label>\n\t\t\t<span class=\"checkboxField\">\n\t\t\t\t<input\n\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\tclass=\"checkboxField-input\"\n\t\t\t\t\t[name]=\"pill.name()\"\n\t\t\t\t\t[attr.id]=\"'filterPillOptions' + index\"\n\t\t\t\t\t[(ngModel)]=\"pill.displayed\"\n\t\t\t\t/>\n\t\t\t\t<span class=\"checkboxField-icon\" aria-hidden=\"true\"><span class=\"checkboxField-icon-check\"></span></span>\n\t\t\t</span>\n\t\t</div>\n\t\t}\n\t</form>\n</ng-template>\n", styles: [".filterBar{--components-filterBar-extremitiesDisplay: none}.filterBar .textField{--component-textField-borderRadius: var(--commons-borderRadius-L);--component-textField-border: var(--palettes-neutral-100);--component-textField-borderHover: var(--palettes-product-400);--component-textField-width: 15rem;--component-textField-fontSize: var(--sizes-S-fontSize);--component-textField-lineHeight: var(--sizes-S-lineHeight);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem}.filterBar .textField .textField-input-affix-toggle{--icon-size: 1.25rem}.filterBar .textField .textField-input-affix-clear.clear,.filterBar .textField .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.filterBar .textField .textField-input-affix-icon{--icon-size: 1.25rem}.filterBar-divider.divider:last-child{display:none}.filterBar-segmentedControl.segmentedControl{--components-segmentedControl-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-segmentedControl-fontSize: var(--sizes-S-fontSize);--components-segmentedControl-lineHeight: var(--sizes-S-lineHeight);--components-segmentedControl-dividerInset: var(--pr-t-spacings-75)}.filterBar-segmentedControl.segmentedControl .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.filterBar-scrollBox.scrollBox{align-items:flex-start}.filterBar-scrollBox-first{display:var(--components-filterBar-extremitiesDisplay);margin-inline-end:calc(var(--components-scrollBox-gap) * -1)}.filterBar-scrollBox-last{display:var(--components-filterBar-extremitiesDisplay);margin-inline-start:calc(var(--components-scrollBox-gap) * -1)}.filterBar-scrollBox-group{display:flex;gap:var(--components-scrollBox-gap);flex-wrap:wrap}.filterBar-scrollBox-group:has(+.filterBar-scrollBox-last){flex-grow:1}.filterBar-scrollBox-export{margin-inline-start:auto;padding-inline-start:var(--pr-t-spacings-200)}@media not all and (min-width: 30em){.filterBar .filterBar-segmentedControl.segmentedControl{--components-segmentedControl-direction: row;--components-segmentedControl-width: 100%}.filterBar .filterBar-divider.divider{width:100%}}@media (min-width: 30em){.filterBar .filterBar-divider.divider{margin-inline:var(--pr-t-spacings-50);--components-divider-alignSelf: stretch}.filterBar .filterBar-divider.divider:where(:empty){border-inline-start:var(--commons-divider-border)}.filterBar .filterBar-divider.divider:not(:empty){--components-divider-direction: column;--components-divider-iconBottom: var(--pr-t-spacings-25);--components-divider-justify: center}.filterBar .filterBar-divider.divider:not(:empty):before,.filterBar .filterBar-divider.divider:not(:empty):after{border-inline-start:var(--commons-divider-border);min-block-size:var(--components-divider-minSize)}.filterBar .filterBar-scrollBox.scrollBox:has(.filterBar-scrollBox-export){flex-wrap:nowrap}}@media (pointer: coarse){.filterBar{--components-filterBar-extremitiesDisplay: block}.filterBar .filterBar-segmentedControl.segmentedControl{--components-segmentedControl-whiteSpace: nowrap;--components-segmentedControl-width: auto;--components-segmentedControl-wrap: nowrap}.filterBar .filterBar-scrollBox.scrollBox{-ms-overflow-style:none;scrollbar-width:none}.filterBar .filterBar-scrollBox.scrollBox::-webkit-scrollbar{display:none}.filterBar .filterBar-scrollBox-group{display:contents}}@media not (pointer: coarse){.filterBar .filterBar-scrollBox.scrollBox{--components-scrollBox-wrap: wrap;--components-scrollBox-pseudoElementsContent: none}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "lu-icon", inputs: ["icon", "alt", "size", "color"] }, { kind: "directive", type: LuTooltipTriggerDirective, selector: "[luTooltip]", inputs: ["luTooltip", "luTooltipEnterDelay", "luTooltipLeaveDelay", "luTooltipDisabled", "luTooltipOnlyForDisplay", "luTooltipPosition", "luTooltipWhenEllipsis"], exportAs: ["luTooltip"] }, { kind: "directive", type: PopoverDirective, selector: "[luPopover2]", inputs: ["luPopover2", "luPopoverPosition", "luPopoverDisabled", "luPopoverTrigger", "customPositions", "luPopoverNoCloseButton", "luPopoverAnchor", "luPopoverOpenDelay", "luPopoverCloseDelay"], outputs: ["luPopoverClosed", "luPopoverOpened"], exportAs: ["luPopover2"] }, { kind: "component", type: DividerComponent, selector: "lu-divider", inputs: ["withRole", "vertical", "size"] }, { kind: "component", type: ScrollBoxComponent, selector: "lu-scroll-box" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
251
259
|
}
|
|
252
260
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: FilterBarComponent, decorators: [{
|
|
253
261
|
type: Component,
|
|
254
262
|
args: [{ selector: 'lu-filter-bar', imports: [IconComponent, LuTooltipTriggerDirective, PopoverDirective, DividerComponent, ScrollBoxComponent, FormsModule, NgTemplateOutlet], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
255
263
|
class: 'filterBar',
|
|
256
|
-
}, template: "<lu-scroll-box class=\"filterBar-scrollBox\">\n\t<div class=\"filterBar-scrollBox-first\"></div>\n\n\t<div class=\"filterBar-scrollBox-group\">\n\t\t@if (addonBefore()) {\n\t\t<ng-container *ngTemplateOutlet=\"addonBefore()\"></ng-container>\n\n\t\t<lu-divider class=\"filterBar-divider\" />\n\t\t} @if (optionalPills().length > 0) {\n\t\t<button\n\t\t\tclass=\"filterPill mod-button\"\n\t\t\ttype=\"button\"\n\t\t\t[luTooltip]=\"intl.additionalFilters\"\n\t\t\tluTooltipOnlyForDisplay\n\t\t\t[luPopover2]=\"contentOptionsTpl\"\n\t\t\tluPopoverNoCloseButton\n\t\t\t[customPositions]=\"popoverPositions\"\n\t\t>\n\t\t\t<lu-icon class=\"filterPill-icon\" icon=\"filtersDescending\" [attr.alt]=\"intl.additionalFilters\" />\n\t\t</button>\n\t\t}\n\n\t\t<ng-content></ng-content>\n\t</div>\n\n\t@if (addonAfter()) {\n\t<div class=\"filterBar-scrollBox-export\">\n\t\t<ng-container *ngTemplateOutlet=\"addonAfter()\"></ng-container>\n\t</div>\n\t}\n\n\t<div class=\"filterBar-scrollBox-last\"></div>\n</lu-scroll-box>\n\n<ng-template #contentOptionsTpl>\n\t<form class=\"filterPill_popover-content popover-contentOptional\">\n\t\t@for (pill of optionalPills(); track pill.name(); let index = $index) {\n\t\t<div class=\"form-field mod-selectOption filterPill_popover-content-option\">\n\t\t\t<label class=\"formLabel\" [attr.for]=\"'filterPillOptions' + index\">{{ pill.label() }}</label>\n\t\t\t<span class=\"checkboxField\">\n\t\t\t\t<input\n\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\tclass=\"checkboxField-input\"\n\t\t\t\t\t[name]=\"pill.name()\"\n\t\t\t\t\t[attr.id]=\"'filterPillOptions' + index\"\n\t\t\t\t\t[(ngModel)]=\"pill.displayed\"\n\t\t\t\t/>\n\t\t\t\t<span class=\"checkboxField-icon\" aria-hidden=\"true\"><span class=\"checkboxField-icon-check\"></span></span>\n\t\t\t</span>\n\t\t</div>\n\t\t}\n\t</form>\n</ng-template>\n", styles: [".filterBar{--components-filterBar-extremitiesDisplay: none}.filterBar .textField{--component-textField-borderRadius: var(--commons-borderRadius-L);--component-textField-border: var(--palettes-neutral-100);--component-textField-borderHover: var(--palettes-product-400);--component-textField-width: 15rem;--component-textField-fontSize: var(--sizes-S-fontSize);--component-textField-lineHeight: var(--sizes-S-lineHeight);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem}.filterBar .textField .textField-input-affix-toggle{--icon-size: 1.25rem}.filterBar .textField .textField-input-affix-clear.clear,.filterBar .textField .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.filterBar .textField .textField-input-affix-icon{--icon-size: 1.25rem}.filterBar-divider.divider:
|
|
264
|
+
}, template: "<lu-scroll-box class=\"filterBar-scrollBox\">\n\t<div class=\"filterBar-scrollBox-first\"></div>\n\n\t<div class=\"filterBar-scrollBox-group\">\n\t\t@if (addonBefore()) {\n\t\t<ng-container *ngTemplateOutlet=\"addonBefore()\"></ng-container>\n\n\t\t<lu-divider class=\"filterBar-divider\" />\n\t\t} @if (optionalPills().length > 0) {\n\t\t<button\n\t\t\tclass=\"filterPill mod-button\"\n\t\t\ttype=\"button\"\n\t\t\t[luTooltip]=\"intl.additionalFilters\"\n\t\t\tluTooltipOnlyForDisplay\n\t\t\t[luPopover2]=\"contentOptionsTpl\"\n\t\t\tluPopoverNoCloseButton\n\t\t\t[customPositions]=\"popoverPositions\"\n\t\t>\n\t\t\t<lu-icon class=\"filterPill-icon\" icon=\"filtersDescending\" [attr.alt]=\"intl.additionalFilters\" />\n\t\t</button>\n\t\t}\n\n\t\t<ng-content></ng-content>\n\t</div>\n\n\t@if (addonAfter()) {\n\t<div class=\"filterBar-scrollBox-export\">\n\t\t<ng-container *ngTemplateOutlet=\"addonAfter()\"></ng-container>\n\t</div>\n\t}\n\n\t<div class=\"filterBar-scrollBox-last\"></div>\n</lu-scroll-box>\n\n<ng-template #contentOptionsTpl>\n\t<form class=\"filterPill_popover-content popover-contentOptional\">\n\t\t@for (pill of optionalPills(); track pill.name(); let index = $index) {\n\t\t<div class=\"form-field mod-selectOption filterPill_popover-content-option\">\n\t\t\t<label class=\"formLabel\" [attr.for]=\"'filterPillOptions' + index\">{{ pill.label() }}</label>\n\t\t\t<span class=\"checkboxField\">\n\t\t\t\t<input\n\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\tclass=\"checkboxField-input\"\n\t\t\t\t\t[name]=\"pill.name()\"\n\t\t\t\t\t[attr.id]=\"'filterPillOptions' + index\"\n\t\t\t\t\t[(ngModel)]=\"pill.displayed\"\n\t\t\t\t/>\n\t\t\t\t<span class=\"checkboxField-icon\" aria-hidden=\"true\"><span class=\"checkboxField-icon-check\"></span></span>\n\t\t\t</span>\n\t\t</div>\n\t\t}\n\t</form>\n</ng-template>\n", styles: [".filterBar{--components-filterBar-extremitiesDisplay: none}.filterBar .textField{--component-textField-borderRadius: var(--commons-borderRadius-L);--component-textField-border: var(--palettes-neutral-100);--component-textField-borderHover: var(--palettes-product-400);--component-textField-width: 15rem;--component-textField-fontSize: var(--sizes-S-fontSize);--component-textField-lineHeight: var(--sizes-S-lineHeight);--component-textField-padding: var(--pr-t-spacings-75);--component-textField-affix-size: 1.5rem}.filterBar .textField .textField-input-affix-toggle{--icon-size: 1.25rem}.filterBar .textField .textField-input-affix-clear.clear,.filterBar .textField .textField-input-affix-clear:not(.clear){--components-clear-size: .75rem;--icon-size: .75rem}.filterBar .textField .textField-input-affix-icon{--icon-size: 1.25rem}.filterBar-divider.divider:last-child{display:none}.filterBar-segmentedControl.segmentedControl{--components-segmentedControl-padding: var(--pr-t-spacings-75) var(--pr-t-spacings-150);--components-segmentedControl-fontSize: var(--sizes-S-fontSize);--components-segmentedControl-lineHeight: var(--sizes-S-lineHeight);--components-segmentedControl-dividerInset: var(--pr-t-spacings-75)}.filterBar-segmentedControl.segmentedControl .numericBadge{--components-numericBadge-size: 1.25rem;--components-numericBadge-borderRadius: 6px;--components-numericBadge-fontSize: var(--sizes-XS-fontSize);--components-numericBadge-lineHeight: var(--sizes-XS-lineHeight)}.filterBar-scrollBox.scrollBox{align-items:flex-start}.filterBar-scrollBox-first{display:var(--components-filterBar-extremitiesDisplay);margin-inline-end:calc(var(--components-scrollBox-gap) * -1)}.filterBar-scrollBox-last{display:var(--components-filterBar-extremitiesDisplay);margin-inline-start:calc(var(--components-scrollBox-gap) * -1)}.filterBar-scrollBox-group{display:flex;gap:var(--components-scrollBox-gap);flex-wrap:wrap}.filterBar-scrollBox-group:has(+.filterBar-scrollBox-last){flex-grow:1}.filterBar-scrollBox-export{margin-inline-start:auto;padding-inline-start:var(--pr-t-spacings-200)}@media not all and (min-width: 30em){.filterBar .filterBar-segmentedControl.segmentedControl{--components-segmentedControl-direction: row;--components-segmentedControl-width: 100%}.filterBar .filterBar-divider.divider{width:100%}}@media (min-width: 30em){.filterBar .filterBar-divider.divider{margin-inline:var(--pr-t-spacings-50);--components-divider-alignSelf: stretch}.filterBar .filterBar-divider.divider:where(:empty){border-inline-start:var(--commons-divider-border)}.filterBar .filterBar-divider.divider:not(:empty){--components-divider-direction: column;--components-divider-iconBottom: var(--pr-t-spacings-25);--components-divider-justify: center}.filterBar .filterBar-divider.divider:not(:empty):before,.filterBar .filterBar-divider.divider:not(:empty):after{border-inline-start:var(--commons-divider-border);min-block-size:var(--components-divider-minSize)}.filterBar .filterBar-scrollBox.scrollBox:has(.filterBar-scrollBox-export){flex-wrap:nowrap}}@media (pointer: coarse){.filterBar{--components-filterBar-extremitiesDisplay: block}.filterBar .filterBar-segmentedControl.segmentedControl{--components-segmentedControl-whiteSpace: nowrap;--components-segmentedControl-width: auto;--components-segmentedControl-wrap: nowrap}.filterBar .filterBar-scrollBox.scrollBox{-ms-overflow-style:none;scrollbar-width:none}.filterBar .filterBar-scrollBox.scrollBox::-webkit-scrollbar{display:none}.filterBar .filterBar-scrollBox-group{display:contents}}@media not (pointer: coarse){.filterBar .filterBar-scrollBox.scrollBox{--components-scrollBox-wrap: wrap;--components-scrollBox-pseudoElementsContent: none}}\n"] }]
|
|
257
265
|
}] });
|
|
258
266
|
|
|
259
267
|
class FilterPillAddonBeforeDirective {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lucca-front-ng-filter-pills.mjs","sources":["../../../packages/ng/filter-pills/core/tokens.ts","../../../packages/ng/filter-pills/core/filter-pill-displayer.directive.ts","../../../packages/ng/filter-pills/core/filter-pill-label.directive.ts","../../../packages/ng/filter-pills/translations.ts","../../../packages/ng/filter-pills/filter-pills.translate.ts","../../../packages/ng/filter-pills/filter-pill/filter-pill.component.ts","../../../packages/ng/filter-pills/filter-pill/filter-pill.component.html","../../../packages/ng/filter-pills/filter-bar/filter-bar.component.ts","../../../packages/ng/filter-pills/filter-bar/filter-bar.component.html","../../../packages/ng/filter-pills/filter-bar/filter-pill-addon.directive.ts","../../../packages/ng/filter-pills/lucca-front-ng-filter-pills.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { FilterPillInputComponent } from './filter-pill-input-component';\n\nexport const FILTER_PILL_INPUT_COMPONENT = new InjectionToken<FilterPillInputComponent>('FilterPills:InputComponent');\n\nexport const FILTER_PILL_HOST_COMPONENT = new InjectionToken<FilterPillInputComponent>('FilterPills:HostComponent');\n","import { Directive, inject, TemplateRef } from '@angular/core';\nimport { FilterPillComponent } from '../filter-pill/filter-pill.component';\n\ninterface FilterPillDisplayerContext {\n\tlabel: string;\n\tplaceholder: string;\n\tisEmpty: boolean;\n}\n\n@Directive({\n\tselector: '[luFilterPillDisplayer]',\n\tstandalone: true,\n})\nexport class FilterPillDisplayerDirective {\n\t#filterPillComponentRef = inject(FilterPillComponent, { optional: true });\n\n\t#templateRef = inject(TemplateRef);\n\n\tconstructor() {\n\t\tif (this.#filterPillComponentRef) {\n\t\t\tthis.#filterPillComponentRef.pillTpl = this.#templateRef;\n\t\t}\n\t}\n\n\tpublic static ngTemplateContextGuard(_dir: FilterPillDisplayerDirective, ctx: unknown): ctx is FilterPillDisplayerContext {\n\t\treturn true;\n\t}\n}\n","import { Directive, inject, TemplateRef } from '@angular/core';\nimport { FilterPillComponent } from '../filter-pill/filter-pill.component';\n\ninterface FilterPillLabelContext {\n\tlabel: string;\n\tplaceholder: string;\n\tisEmpty: boolean;\n\tcolon: string;\n}\n\n@Directive({\n\tselector: '[luFilterPillLabel]',\n\tstandalone: true,\n})\nexport class FilterPillLabelDirective {\n\t#filterPillComponentRef = inject(FilterPillComponent, { optional: true });\n\n\t#templateRef = inject(TemplateRef);\n\n\tconstructor() {\n\t\tif (this.#filterPillComponentRef) {\n\t\t\tthis.#filterPillComponentRef.customLabelTpl.set(this.#templateRef);\n\t\t}\n\t}\n\n\tpublic static ngTemplateContextGuard(_dir: FilterPillLabelDirective, ctx: unknown): ctx is FilterPillLabelContext {\n\t\treturn true;\n\t}\n}\n","export const Translations = {\n\ten: {\n\t\tclear: 'Clear this field',\n\t\tplaceholder: 'No value selected',\n\t\tadditionalFilters: 'Additional filters',\n\t},\n\tde: {\n\t\tclear: 'Den Inhalt aus diesem Feld entfernen',\n\t\tplaceholder: 'Kein Wert ausgewählt',\n\t\tadditionalFilters: 'Zusätzliche Filter',\n\t},\n\tfr: {\n\t\tclear: 'Vider ce champ',\n\t\tplaceholder: 'Aucune valeur sélectionnée',\n\t\tadditionalFilters: 'Filtres supplémentaires',\n\t},\n\tit: {\n\t\tclear: 'Svuotare questo campo',\n\t\tplaceholder: 'Nessun valore selezionato',\n\t\tadditionalFilters: 'Filtri aggiuntivi',\n\t},\n\tnl: {\n\t\tclear: 'Dit veld leegmaken',\n\t\tplaceholder: 'Geen waarde geselecteerd',\n\t\tadditionalFilters: 'Extra filters',\n\t},\n\t'nl-BE': {\n\t\tclear: 'Dit veld leegmaken',\n\t\tplaceholder: 'Geen waarde geselecteerd',\n\t\tadditionalFilters: 'Extra filters',\n\t},\n\tes: {\n\t\tclear: 'Vaciar este campo',\n\t\tplaceholder: 'Ningún valor seleccionado',\n\t\tadditionalFilters: 'Filtros complementarios',\n\t},\n\tpt: {\n\t\tclear: 'Esvaziar este campo',\n\t\tplaceholder: 'Nenhum valor selecionado',\n\t\tadditionalFilters: 'Filtros adicionais',\n\t},\n};\n","import { InjectionToken } from '@angular/core';\nimport { LuTranslation } from '@lucca-front/ng/core';\nimport { Translations } from './translations';\n\nexport const LU_FILTER_PILLS_TRANSLATIONS = new InjectionToken('LuFilterPillsTranslations', {\n\tfactory: () => luFilterPillsTranslations,\n});\n\nexport interface LuFilterPillsLabel {\n\tclear: string;\n\tplaceholder: string;\n\tadditionalFilters: string;\n}\n\nexport const luFilterPillsTranslations: LuTranslation<LuFilterPillsLabel> = Translations;\n","import { ConnectionPositionPair } from '@angular/cdk/overlay';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n\tbooleanAttribute,\n\tChangeDetectionStrategy,\n\tComponent,\n\tcomputed,\n\tcontentChild,\n\teffect,\n\tElementRef,\n\tforwardRef,\n\tHostBinding,\n\tHostListener,\n\tinject,\n\tinput,\n\tLOCALE_ID,\n\tmodel,\n\tsignal,\n\tTemplateRef,\n\tuntracked,\n\tviewChild,\n\tViewEncapsulation,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { LuccaIcon } from '@lucca-front/icons';\nimport { getIntl } from '@lucca-front/ng/core';\nimport { IconComponent } from '@lucca-front/ng/icon';\nimport { PopoverDirective } from '@lucca-front/ng/popover2';\nimport { LuTooltipModule } from '@lucca-front/ng/tooltip';\nimport { FILTER_PILL_HOST_COMPONENT, FILTER_PILL_INPUT_COMPONENT } from '../core';\nimport { LU_FILTER_PILLS_TRANSLATIONS } from '../filter-pills.translate';\n\nlet nextId = 0;\n\n@Component({\n\tselector: 'lu-filter-pill',\n\tstandalone: true,\n\timports: [PopoverDirective, FormsModule, IconComponent, NgTemplateOutlet, LuTooltipModule],\n\ttemplateUrl: './filter-pill.component.html',\n\tstyleUrl: './filter-pill.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tproviders: [\n\t\t{\n\t\t\tprovide: FILTER_PILL_HOST_COMPONENT,\n\t\t\tuseExisting: forwardRef(() => FilterPillComponent),\n\t\t},\n\t],\n\thost: {\n\t\tclass: 'filterPill',\n\t},\n})\nexport class FilterPillComponent {\n\tintl = getIntl(LU_FILTER_PILLS_TRANSLATIONS);\n\n\t#locale = inject(LOCALE_ID);\n\n\telementRef = inject(ElementRef);\n\n\tid = `filterPill-combobox-${nextId++}`;\n\n\tlayout = computed(() => this.inputComponentRef()?.filterPillLayout?.() || 'default');\n\n\tinputComponentRef = contentChild(FILTER_PILL_INPUT_COMPONENT);\n\n\tpopoverRef = viewChild(PopoverDirective);\n\n\tpillTpl: TemplateRef<unknown>;\n\n\tlabelTpl = computed(() => this.customLabelTpl() || this.defaultLabelTpl());\n\n\tdefaultLabelTpl = viewChild<TemplateRef<unknown>>('defaultLabel');\n\n\tcustomLabelTpl = signal<TemplateRef<unknown> | null>(null);\n\n\tname = input<string>();\n\n\toptional = input<boolean, boolean>(false, { transform: booleanAttribute });\n\n\tdisabled = computed(() => this.inputComponentRef()?.filterPillDisabled?.() || false);\n\n\t@HostBinding('class.is-hidden')\n\tget isHiddenClass() {\n\t\treturn this.isHidden();\n\t}\n\n\tdisplayed = model(false);\n\n\tprotected isHidden = computed(() => this.optional() && !this.displayed());\n\n\tpopoverPositions: ConnectionPositionPair[] = [\n\t\tnew ConnectionPositionPair(\n\t\t\t{ originX: 'start', originY: 'bottom' },\n\t\t\t{\n\t\t\t\toverlayX: 'start',\n\t\t\t\toverlayY: 'top',\n\t\t\t},\n\t\t\t-4,\n\t\t\t0,\n\t\t),\n\t\tnew ConnectionPositionPair(\n\t\t\t{ originX: 'start', originY: 'top' },\n\t\t\t{\n\t\t\t\toverlayX: 'start',\n\t\t\t\toverlayY: 'bottom',\n\t\t\t},\n\t\t\t-4,\n\t\t\t0,\n\t\t),\n\t];\n\n\tlabel = input.required<string>();\n\n\tplaceholder = input<string>(this.intl.placeholder);\n\n\ticon = input<LuccaIcon>();\n\n\tdefaultIcon = computed<LuccaIcon>(() => this.inputComponentRef()?.getDefaultFilterPillIcon?.() || 'arrowChevronBottom');\n\n\tdisplayedIcon = computed(() => this.icon() || this.defaultIcon());\n\n\tshouldHideCombobox = computed(() => this.inputComponentRef()?.hideCombobox?.() || false);\n\n\tinputIsEmpty = computed(() => this.inputComponentRef()?.isFilterPillEmpty());\n\tinputIsClearable = computed(() => this.inputComponentRef()?.isFilterPillClearable());\n\n\tshouldShowColon = computed(() => this.inputComponentRef()?.showColon?.() || !this.inputIsEmpty());\n\n\tcolonDisplay = computed(() => {\n\t\tif (!this.shouldShowColon()) {\n\t\t\treturn '';\n\t\t}\n\t\tif (this.#locale === 'fr') {\n\t\t\treturn ' :';\n\t\t}\n\t\treturn ':';\n\t});\n\n\tmodCheckbox = computed(() => this.layout() === 'checkable');\n\n\t@HostBinding('class.mod-checkbox')\n\tget isModCheckbox() {\n\t\treturn this.modCheckbox();\n\t}\n\n\t@HostBinding('class.is-filled')\n\tget isFilled() {\n\t\treturn !this.inputIsEmpty();\n\t}\n\n\t@HostBinding('class.is-comboboxHidden')\n\tget hideCombobox() {\n\t\treturn this.shouldHideCombobox();\n\t}\n\n\tconstructor() {\n\t\teffect(() => {\n\t\t\tconst ref = this.inputComponentRef();\n\t\t\tif (ref) {\n\t\t\t\tuntracked(() => {\n\t\t\t\t\tref.enableFilterPillMode();\n\t\t\t\t\tref.registerFilterPillClosePopover(this.closePopover);\n\t\t\t\t\tref.registerFilterPillUpdatePosition?.(this.updatePosition);\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\t@HostListener('click')\n\thostClick(): void {\n\t\tthis.inputComponentRef()?.onFilterPillClick?.();\n\t}\n\n\tpopoverOpened(): void {\n\t\tthis.inputComponentRef()?.onFilterPillOpened?.();\n\t}\n\n\tclosePopover = () => {\n\t\tthis.popoverRef().close();\n\t\tthis.inputComponentRef()?.onFilterPillClosed?.();\n\t};\n\n\tupdatePosition = () => {\n\t\tthis.popoverRef()?.updatePosition();\n\t};\n\n\tclear(): void {\n\t\tthis.inputComponentRef()?.clearFilterPillValue();\n\t}\n}\n","@if (!isHidden()) { @if (layout() === 'default') {\n<label [attr.for]=\"id\" class=\"filterPill-label\">\n\t<ng-container\n\t\t*ngTemplateOutlet=\"labelTpl(); context:{label: label(), isEmpty: inputIsEmpty(), placeholder: placeholder(), colon: colonDisplay()}\"\n\t></ng-container>\n</label>\n<button\n\t[attr.id]=\"id\"\n\t[attr.disabled]=\"disabled() ? 'disabled' : null\"\n\tclass=\"filterPill-combobox\"\n\ttype=\"button\"\n\trole=\"combobox\"\n\t[luPopover2]=\"pillContent\"\n\t[luPopoverNoCloseButton]=\"true\"\n\t[customPositions]=\"popoverPositions\"\n\t[luPopoverAnchor]=\"elementRef\"\n\t(luPopoverOpened)=\"popoverOpened()\"\n\t#popoverRef=\"luPopover2\"\n\t#comboboxRef\n\t[attr.aria-expanded]=\"popoverRef.opened()\"\n\t(keydown.arrowDown)=\"$event.preventDefault();popoverRef.openPopover(true)\"\n\t(keydown.arrowUp)=\"$event.preventDefault();popoverRef.openPopover(true)\"\n>\n\t<ng-container *ngTemplateOutlet=\"pillTpl; context:{label: label(), isEmpty: inputIsEmpty()}\"></ng-container>\n\t@if (inputIsEmpty() && !disabled()) { {{ placeholder() }} }\n</button>\n@if (inputIsClearable()) {\n<button type=\"button\" class=\"filterPill-clear clear\" (click)=\"$event.stopPropagation(); clear(); comboboxRef.focus()\">\n\t<span class=\"u-mask\">{{ intl.clear }}</span>\n</button>\n}\n<button\n\ttype=\"button\"\n\taria-hidden=\"true\"\n\ttabindex=\"-1\"\n\tclass=\"filterPill-toggle\"\n\t[attr.disabled]=\"disabled() ? 'disabled' : null\"\n\t(click)=\"popoverRef.openPopover(true)\"\n>\n\t<lu-icon [icon]=\"displayedIcon()\" size=\"S\" />\n</button>\n} @else {\n<ng-container\n\t*ngTemplateOutlet=\"labelTpl(); context:{label: label(), isEmpty: inputIsEmpty(), placeholder: placeholder(), colon: colonDisplay()}\"\n></ng-container>\n} }\n<ng-template #pillContent>\n\t<div class=\"filterPill_popover-content popover-contentOptional\">\n\t\t<ng-content></ng-content>\n\t</div>\n</ng-template>\n<ng-template #defaultLabel>{{ label() }}{{ colonDisplay() }}</ng-template>\n","import { ConnectionPositionPair } from '@angular/cdk/overlay';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed, contentChildren, signal, TemplateRef, ViewEncapsulation } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { getIntl } from '@lucca-front/ng/core';\nimport { DividerComponent } from '@lucca-front/ng/divider';\nimport { IconComponent } from '@lucca-front/ng/icon';\nimport { PopoverDirective } from '@lucca-front/ng/popover2';\nimport { ScrollBoxComponent } from '@lucca-front/ng/scrollBox';\nimport { LuTooltipTriggerDirective } from '@lucca-front/ng/tooltip';\nimport { FilterPillComponent } from '../filter-pill/filter-pill.component';\nimport { LU_FILTER_PILLS_TRANSLATIONS } from '../filter-pills.translate';\n\n@Component({\n\tselector: 'lu-filter-bar',\n\timports: [IconComponent, LuTooltipTriggerDirective, PopoverDirective, DividerComponent, ScrollBoxComponent, FormsModule, NgTemplateOutlet],\n\ttemplateUrl: './filter-bar.component.html',\n\tstyleUrl: './filter-bar.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'filterBar',\n\t},\n})\nexport class FilterBarComponent {\n\tintl = getIntl(LU_FILTER_PILLS_TRANSLATIONS);\n\n\taddonBefore = signal<TemplateRef<unknown> | null>(null);\n\taddonAfter = signal<TemplateRef<unknown> | null>(null);\n\n\tpopoverPositions: ConnectionPositionPair[] = [\n\t\tnew ConnectionPositionPair(\n\t\t\t{ originX: 'start', originY: 'bottom' },\n\t\t\t{\n\t\t\t\toverlayX: 'start',\n\t\t\t\toverlayY: 'top',\n\t\t\t},\n\t\t\t-4,\n\t\t\t0,\n\t\t),\n\t\tnew ConnectionPositionPair(\n\t\t\t{ originX: 'start', originY: 'top' },\n\t\t\t{\n\t\t\t\toverlayX: 'start',\n\t\t\t\toverlayY: 'bottom',\n\t\t\t},\n\t\t\t-4,\n\t\t\t0,\n\t\t),\n\t];\n\n\tpills = contentChildren(FilterPillComponent, { descendants: true });\n\n\toptionalPills = computed(() => this.pills().filter((pill) => pill.optional()));\n}\n","<lu-scroll-box class=\"filterBar-scrollBox\">\n\t<div class=\"filterBar-scrollBox-first\"></div>\n\n\t<div class=\"filterBar-scrollBox-group\">\n\t\t@if (addonBefore()) {\n\t\t<ng-container *ngTemplateOutlet=\"addonBefore()\"></ng-container>\n\n\t\t<lu-divider class=\"filterBar-divider\" />\n\t\t} @if (optionalPills().length > 0) {\n\t\t<button\n\t\t\tclass=\"filterPill mod-button\"\n\t\t\ttype=\"button\"\n\t\t\t[luTooltip]=\"intl.additionalFilters\"\n\t\t\tluTooltipOnlyForDisplay\n\t\t\t[luPopover2]=\"contentOptionsTpl\"\n\t\t\tluPopoverNoCloseButton\n\t\t\t[customPositions]=\"popoverPositions\"\n\t\t>\n\t\t\t<lu-icon class=\"filterPill-icon\" icon=\"filtersDescending\" [attr.alt]=\"intl.additionalFilters\" />\n\t\t</button>\n\t\t}\n\n\t\t<ng-content></ng-content>\n\t</div>\n\n\t@if (addonAfter()) {\n\t<div class=\"filterBar-scrollBox-export\">\n\t\t<ng-container *ngTemplateOutlet=\"addonAfter()\"></ng-container>\n\t</div>\n\t}\n\n\t<div class=\"filterBar-scrollBox-last\"></div>\n</lu-scroll-box>\n\n<ng-template #contentOptionsTpl>\n\t<form class=\"filterPill_popover-content popover-contentOptional\">\n\t\t@for (pill of optionalPills(); track pill.name(); let index = $index) {\n\t\t<div class=\"form-field mod-selectOption filterPill_popover-content-option\">\n\t\t\t<label class=\"formLabel\" [attr.for]=\"'filterPillOptions' + index\">{{ pill.label() }}</label>\n\t\t\t<span class=\"checkboxField\">\n\t\t\t\t<input\n\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\tclass=\"checkboxField-input\"\n\t\t\t\t\t[name]=\"pill.name()\"\n\t\t\t\t\t[attr.id]=\"'filterPillOptions' + index\"\n\t\t\t\t\t[(ngModel)]=\"pill.displayed\"\n\t\t\t\t/>\n\t\t\t\t<span class=\"checkboxField-icon\" aria-hidden=\"true\"><span class=\"checkboxField-icon-check\"></span></span>\n\t\t\t</span>\n\t\t</div>\n\t\t}\n\t</form>\n</ng-template>\n","import { Directive, inject, TemplateRef } from '@angular/core';\nimport { FilterBarComponent } from './filter-bar.component';\n\n@Directive({\n\tselector: '[luFilterPillAddonBefore]',\n\tstandalone: true,\n})\nexport class FilterPillAddonBeforeDirective {\n\tconstructor() {\n\t\tinject(FilterBarComponent).addonBefore.set(inject(TemplateRef));\n\t}\n\n\tpublic static ngTemplateContextGuard(_dir: FilterPillAddonBeforeDirective, ctx: unknown): ctx is void {\n\t\treturn true;\n\t}\n}\n\n@Directive({\n\tselector: '[luFilterPillAddonAfter]',\n\tstandalone: true,\n})\nexport class FilterPillAddonAfterDirective {\n\tconstructor() {\n\t\tinject(FilterBarComponent).addonAfter.set(inject(TemplateRef));\n\t}\n\n\tpublic static ngTemplateContextGuard(_dir: FilterPillAddonAfterDirective, ctx: unknown): ctx is void {\n\t\treturn true;\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"lucca-front-ng-filter-pills.mjs","sources":["../../../packages/ng/filter-pills/core/tokens.ts","../../../packages/ng/filter-pills/core/filter-pill-displayer.directive.ts","../../../packages/ng/filter-pills/core/filter-pill-label.directive.ts","../../../packages/ng/filter-pills/translations.ts","../../../packages/ng/filter-pills/filter-pills.translate.ts","../../../packages/ng/filter-pills/filter-pill/filter-pill.component.ts","../../../packages/ng/filter-pills/filter-pill/filter-pill.component.html","../../../packages/ng/filter-pills/filter-bar/filter-bar.component.ts","../../../packages/ng/filter-pills/filter-bar/filter-bar.component.html","../../../packages/ng/filter-pills/filter-bar/filter-pill-addon.directive.ts","../../../packages/ng/filter-pills/lucca-front-ng-filter-pills.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { FilterPillInputComponent } from './filter-pill-input-component';\nimport { FilterPillComponent } from '../filter-pill/filter-pill.component';\n\nexport const FILTER_PILL_INPUT_COMPONENT = new InjectionToken<FilterPillInputComponent>('FilterPills:InputComponent');\n\nexport const FILTER_PILL_HOST_COMPONENT = new InjectionToken<FilterPillComponent>('FilterPills:HostComponent');\n","import { Directive, inject, TemplateRef } from '@angular/core';\nimport { FilterPillComponent } from '../filter-pill/filter-pill.component';\n\ninterface FilterPillDisplayerContext {\n\tlabel: string;\n\tplaceholder: string;\n\tisEmpty: boolean;\n}\n\n@Directive({\n\tselector: '[luFilterPillDisplayer]',\n\tstandalone: true,\n})\nexport class FilterPillDisplayerDirective {\n\t#filterPillComponentRef = inject(FilterPillComponent, { optional: true });\n\n\t#templateRef = inject(TemplateRef);\n\n\tconstructor() {\n\t\tif (this.#filterPillComponentRef) {\n\t\t\tthis.#filterPillComponentRef.pillTpl = this.#templateRef;\n\t\t}\n\t}\n\n\tpublic static ngTemplateContextGuard(_dir: FilterPillDisplayerDirective, ctx: unknown): ctx is FilterPillDisplayerContext {\n\t\treturn true;\n\t}\n}\n","import { Directive, inject, TemplateRef } from '@angular/core';\nimport { FilterPillComponent } from '../filter-pill/filter-pill.component';\n\ninterface FilterPillLabelContext {\n\tlabel: string;\n\tplaceholder: string;\n\tisEmpty: boolean;\n\tcolon: string;\n}\n\n@Directive({\n\tselector: '[luFilterPillLabel]',\n\tstandalone: true,\n})\nexport class FilterPillLabelDirective {\n\t#filterPillComponentRef = inject(FilterPillComponent, { optional: true });\n\n\t#templateRef = inject(TemplateRef);\n\n\tconstructor() {\n\t\tif (this.#filterPillComponentRef) {\n\t\t\tthis.#filterPillComponentRef.customLabelTpl.set(this.#templateRef);\n\t\t}\n\t}\n\n\tpublic static ngTemplateContextGuard(_dir: FilterPillLabelDirective, ctx: unknown): ctx is FilterPillLabelContext {\n\t\treturn true;\n\t}\n}\n","export const Translations = {\n\ten: {\n\t\tclear: 'Clear this field',\n\t\tplaceholder: 'No value selected',\n\t\tadditionalFilters: 'Additional filters',\n\t},\n\tde: {\n\t\tclear: 'Den Inhalt aus diesem Feld entfernen',\n\t\tplaceholder: 'Kein Wert ausgewählt',\n\t\tadditionalFilters: 'Zusätzliche Filter',\n\t},\n\tfr: {\n\t\tclear: 'Vider ce champ',\n\t\tplaceholder: 'Aucune valeur sélectionnée',\n\t\tadditionalFilters: 'Filtres supplémentaires',\n\t},\n\tit: {\n\t\tclear: 'Svuotare questo campo',\n\t\tplaceholder: 'Nessun valore selezionato',\n\t\tadditionalFilters: 'Filtri aggiuntivi',\n\t},\n\tnl: {\n\t\tclear: 'Dit veld leegmaken',\n\t\tplaceholder: 'Geen waarde geselecteerd',\n\t\tadditionalFilters: 'Extra filters',\n\t},\n\t'nl-BE': {\n\t\tclear: 'Dit veld leegmaken',\n\t\tplaceholder: 'Geen waarde geselecteerd',\n\t\tadditionalFilters: 'Extra filters',\n\t},\n\tes: {\n\t\tclear: 'Vaciar este campo',\n\t\tplaceholder: 'Ningún valor seleccionado',\n\t\tadditionalFilters: 'Filtros complementarios',\n\t},\n\tpt: {\n\t\tclear: 'Esvaziar este campo',\n\t\tplaceholder: 'Nenhum valor selecionado',\n\t\tadditionalFilters: 'Filtros adicionais',\n\t},\n};\n","import { InjectionToken } from '@angular/core';\nimport { LuTranslation } from '@lucca-front/ng/core';\nimport { Translations } from './translations';\n\nexport const LU_FILTER_PILLS_TRANSLATIONS = new InjectionToken('LuFilterPillsTranslations', {\n\tfactory: () => luFilterPillsTranslations,\n});\n\nexport interface LuFilterPillsLabel {\n\tclear: string;\n\tplaceholder: string;\n\tadditionalFilters: string;\n}\n\nexport const luFilterPillsTranslations: LuTranslation<LuFilterPillsLabel> = Translations;\n","import { ConnectionPositionPair } from '@angular/cdk/overlay';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n\tbooleanAttribute,\n\tChangeDetectionStrategy,\n\tComponent,\n\tcomputed,\n\tcontentChild,\n\teffect,\n\tElementRef,\n\tforwardRef,\n\tHostBinding,\n\tHostListener,\n\tinject,\n\tinput,\n\tLOCALE_ID,\n\tmodel,\n\tsignal,\n\tTemplateRef,\n\tuntracked,\n\tviewChild,\n\tViewEncapsulation,\n} from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { LuccaIcon } from '@lucca-front/icons';\nimport { getIntl } from '@lucca-front/ng/core';\nimport { IconComponent } from '@lucca-front/ng/icon';\nimport { PopoverDirective } from '@lucca-front/ng/popover2';\nimport { LuTooltipModule } from '@lucca-front/ng/tooltip';\nimport { FILTER_PILL_HOST_COMPONENT, FILTER_PILL_INPUT_COMPONENT, FilterPillInputComponent } from '../core';\nimport { LU_FILTER_PILLS_TRANSLATIONS } from '../filter-pills.translate';\n\nlet nextId = 0;\n\n@Component({\n\tselector: 'lu-filter-pill',\n\tstandalone: true,\n\timports: [PopoverDirective, FormsModule, IconComponent, NgTemplateOutlet, LuTooltipModule],\n\ttemplateUrl: './filter-pill.component.html',\n\tstyleUrl: './filter-pill.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\tproviders: [\n\t\t{\n\t\t\tprovide: FILTER_PILL_HOST_COMPONENT,\n\t\t\tuseExisting: forwardRef(() => FilterPillComponent),\n\t\t},\n\t],\n\thost: {\n\t\tclass: 'filterPill',\n\t},\n})\nexport class FilterPillComponent {\n\tintl = getIntl(LU_FILTER_PILLS_TRANSLATIONS);\n\n\t#locale = inject(LOCALE_ID);\n\n\telementRef = inject(ElementRef);\n\n\tid = `filterPill-combobox-${nextId++}`;\n\n\tlayout = computed(() => this.inputComponentRef()?.filterPillLayout?.() || 'default');\n\n\t// The easy way to grab input component, will work in most cases\n\tchildInputComponentRef = contentChild(FILTER_PILL_INPUT_COMPONENT);\n\n\t// The harder way, because child has to register itself to the host, might become the default approach if this is required too much\n\t// (like when child isn't created when component inits or it's too deep)\n\tregisteredInputComponentRef = signal<FilterPillInputComponent | null>(null);\n\n\tinputComponentRef = computed(() => this.registeredInputComponentRef() || this.childInputComponentRef());\n\n\tpopoverRef = viewChild(PopoverDirective);\n\n\tpillTpl: TemplateRef<unknown>;\n\n\tlabelTpl = computed(() => this.customLabelTpl() || this.defaultLabelTpl());\n\n\tdefaultLabelTpl = viewChild<TemplateRef<unknown>>('defaultLabel');\n\n\tcustomLabelTpl = signal<TemplateRef<unknown> | null>(null);\n\n\tname = input<string>();\n\n\toptional = input<boolean, boolean>(false, { transform: booleanAttribute });\n\n\tdisabled = computed(() => this.inputComponentRef()?.filterPillDisabled?.() || false);\n\n\t@HostBinding('class.is-hidden')\n\tget isHiddenClass() {\n\t\treturn this.isHidden();\n\t}\n\n\tdisplayed = model(false);\n\n\tprotected isHidden = computed(() => this.optional() && !this.displayed());\n\n\tpopoverPositions: ConnectionPositionPair[] = [\n\t\tnew ConnectionPositionPair(\n\t\t\t{ originX: 'start', originY: 'bottom' },\n\t\t\t{\n\t\t\t\toverlayX: 'start',\n\t\t\t\toverlayY: 'top',\n\t\t\t},\n\t\t\t-4,\n\t\t\t0,\n\t\t),\n\t\tnew ConnectionPositionPair(\n\t\t\t{ originX: 'start', originY: 'top' },\n\t\t\t{\n\t\t\t\toverlayX: 'start',\n\t\t\t\toverlayY: 'bottom',\n\t\t\t},\n\t\t\t-4,\n\t\t\t0,\n\t\t),\n\t];\n\n\tlabel = input.required<string>();\n\n\tplaceholder = input<string>(this.intl.placeholder);\n\n\ticon = input<LuccaIcon>();\n\n\tdefaultIcon = computed<LuccaIcon>(() => this.inputComponentRef()?.getDefaultFilterPillIcon?.() || 'arrowChevronBottom');\n\n\tdisplayedIcon = computed(() => this.icon() || this.defaultIcon());\n\n\tshouldHideCombobox = computed(() => this.inputComponentRef()?.hideCombobox?.() || false);\n\n\tinputIsEmpty = computed(() => this.inputComponentRef()?.isFilterPillEmpty());\n\tinputIsClearable = computed(() => this.inputComponentRef()?.isFilterPillClearable());\n\n\tshouldShowColon = computed(() => this.inputComponentRef()?.showColon?.() || !this.inputIsEmpty());\n\n\tcolonDisplay = computed(() => {\n\t\tif (!this.shouldShowColon()) {\n\t\t\treturn '';\n\t\t}\n\t\tif (this.#locale === 'fr') {\n\t\t\treturn ' :';\n\t\t}\n\t\treturn ':';\n\t});\n\n\tmodCheckbox = computed(() => this.layout() === 'checkable');\n\n\t@HostBinding('class.mod-checkbox')\n\tget isModCheckbox() {\n\t\treturn this.modCheckbox();\n\t}\n\n\t@HostBinding('class.is-filled')\n\tget isFilled() {\n\t\treturn !this.inputIsEmpty();\n\t}\n\n\t@HostBinding('class.is-comboboxHidden')\n\tget hideCombobox() {\n\t\treturn this.shouldHideCombobox();\n\t}\n\n\tconstructor() {\n\t\teffect(() => {\n\t\t\tconst ref = this.inputComponentRef();\n\t\t\tif (ref) {\n\t\t\t\tuntracked(() => {\n\t\t\t\t\tref.enableFilterPillMode();\n\t\t\t\t\tref.registerFilterPillClosePopover(this.closePopover);\n\t\t\t\t\tref.registerFilterPillUpdatePosition?.(this.updatePosition);\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\t@HostListener('click')\n\thostClick(): void {\n\t\tthis.inputComponentRef()?.onFilterPillClick?.();\n\t}\n\n\tpopoverOpened(): void {\n\t\tthis.inputComponentRef()?.onFilterPillOpened?.();\n\t}\n\n\tclosePopover = () => {\n\t\tthis.popoverRef().close();\n\t\tthis.inputComponentRef()?.onFilterPillClosed?.();\n\t};\n\n\tupdatePosition = () => {\n\t\tthis.popoverRef()?.updatePosition();\n\t};\n\n\tclear(): void {\n\t\tthis.inputComponentRef()?.clearFilterPillValue();\n\t}\n\n\tregisterInput(input: FilterPillInputComponent): void {\n\t\tthis.registeredInputComponentRef.set(input);\n\t}\n}\n","@if (!isHidden()) { @if (layout() === 'default') {\n<label [attr.for]=\"id\" class=\"filterPill-label\">\n\t<ng-container\n\t\t*ngTemplateOutlet=\"labelTpl(); context:{label: label(), isEmpty: inputIsEmpty(), placeholder: placeholder(), colon: colonDisplay()}\"\n\t></ng-container>\n</label>\n<button\n\t[attr.id]=\"id\"\n\t[attr.disabled]=\"disabled() ? 'disabled' : null\"\n\tclass=\"filterPill-combobox\"\n\ttype=\"button\"\n\trole=\"combobox\"\n\t[luPopover2]=\"pillContent\"\n\t[luPopoverNoCloseButton]=\"true\"\n\t[customPositions]=\"popoverPositions\"\n\t[luPopoverAnchor]=\"elementRef\"\n\t(luPopoverOpened)=\"popoverOpened()\"\n\t#popoverRef=\"luPopover2\"\n\t#comboboxRef\n\t[attr.aria-expanded]=\"popoverRef.opened()\"\n\t(keydown.arrowDown)=\"$event.preventDefault();popoverRef.openPopover(true)\"\n\t(keydown.arrowUp)=\"$event.preventDefault();popoverRef.openPopover(true)\"\n>\n\t<ng-container *ngTemplateOutlet=\"pillTpl; context:{label: label(), isEmpty: inputIsEmpty()}\"></ng-container>\n\t@if (inputIsEmpty() && !disabled()) { {{ placeholder() }} }\n</button>\n@if (inputIsClearable()) {\n<button type=\"button\" class=\"filterPill-clear clear\" (click)=\"$event.stopPropagation(); clear(); comboboxRef.focus()\">\n\t<span class=\"u-mask\">{{ intl.clear }}</span>\n</button>\n}\n<button\n\ttype=\"button\"\n\taria-hidden=\"true\"\n\ttabindex=\"-1\"\n\tclass=\"filterPill-toggle\"\n\t[attr.disabled]=\"disabled() ? 'disabled' : null\"\n\t(click)=\"popoverRef.openPopover(true)\"\n>\n\t<lu-icon [icon]=\"displayedIcon()\" size=\"S\" />\n</button>\n} @else {\n<ng-container\n\t*ngTemplateOutlet=\"labelTpl(); context:{label: label(), isEmpty: inputIsEmpty(), placeholder: placeholder(), colon: colonDisplay()}\"\n></ng-container>\n} }\n<ng-template #pillContent>\n\t<div class=\"filterPill_popover-content popover-contentOptional\">\n\t\t<ng-content></ng-content>\n\t</div>\n</ng-template>\n<ng-template #defaultLabel>{{ label() }}{{ colonDisplay() }}</ng-template>\n","import { ConnectionPositionPair } from '@angular/cdk/overlay';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed, contentChildren, signal, TemplateRef, ViewEncapsulation } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { getIntl } from '@lucca-front/ng/core';\nimport { DividerComponent } from '@lucca-front/ng/divider';\nimport { IconComponent } from '@lucca-front/ng/icon';\nimport { PopoverDirective } from '@lucca-front/ng/popover2';\nimport { ScrollBoxComponent } from '@lucca-front/ng/scrollBox';\nimport { LuTooltipTriggerDirective } from '@lucca-front/ng/tooltip';\nimport { FilterPillComponent } from '../filter-pill/filter-pill.component';\nimport { LU_FILTER_PILLS_TRANSLATIONS } from '../filter-pills.translate';\n\n@Component({\n\tselector: 'lu-filter-bar',\n\timports: [IconComponent, LuTooltipTriggerDirective, PopoverDirective, DividerComponent, ScrollBoxComponent, FormsModule, NgTemplateOutlet],\n\ttemplateUrl: './filter-bar.component.html',\n\tstyleUrl: './filter-bar.component.scss',\n\tencapsulation: ViewEncapsulation.None,\n\tchangeDetection: ChangeDetectionStrategy.OnPush,\n\thost: {\n\t\tclass: 'filterBar',\n\t},\n})\nexport class FilterBarComponent {\n\tintl = getIntl(LU_FILTER_PILLS_TRANSLATIONS);\n\n\taddonBefore = signal<TemplateRef<unknown> | null>(null);\n\taddonAfter = signal<TemplateRef<unknown> | null>(null);\n\n\tpopoverPositions: ConnectionPositionPair[] = [\n\t\tnew ConnectionPositionPair(\n\t\t\t{ originX: 'start', originY: 'bottom' },\n\t\t\t{\n\t\t\t\toverlayX: 'start',\n\t\t\t\toverlayY: 'top',\n\t\t\t},\n\t\t\t-4,\n\t\t\t0,\n\t\t),\n\t\tnew ConnectionPositionPair(\n\t\t\t{ originX: 'start', originY: 'top' },\n\t\t\t{\n\t\t\t\toverlayX: 'start',\n\t\t\t\toverlayY: 'bottom',\n\t\t\t},\n\t\t\t-4,\n\t\t\t0,\n\t\t),\n\t];\n\n\tpills = contentChildren(FilterPillComponent, { descendants: true });\n\n\toptionalPills = computed(() => this.pills().filter((pill) => pill.optional()));\n}\n","<lu-scroll-box class=\"filterBar-scrollBox\">\n\t<div class=\"filterBar-scrollBox-first\"></div>\n\n\t<div class=\"filterBar-scrollBox-group\">\n\t\t@if (addonBefore()) {\n\t\t<ng-container *ngTemplateOutlet=\"addonBefore()\"></ng-container>\n\n\t\t<lu-divider class=\"filterBar-divider\" />\n\t\t} @if (optionalPills().length > 0) {\n\t\t<button\n\t\t\tclass=\"filterPill mod-button\"\n\t\t\ttype=\"button\"\n\t\t\t[luTooltip]=\"intl.additionalFilters\"\n\t\t\tluTooltipOnlyForDisplay\n\t\t\t[luPopover2]=\"contentOptionsTpl\"\n\t\t\tluPopoverNoCloseButton\n\t\t\t[customPositions]=\"popoverPositions\"\n\t\t>\n\t\t\t<lu-icon class=\"filterPill-icon\" icon=\"filtersDescending\" [attr.alt]=\"intl.additionalFilters\" />\n\t\t</button>\n\t\t}\n\n\t\t<ng-content></ng-content>\n\t</div>\n\n\t@if (addonAfter()) {\n\t<div class=\"filterBar-scrollBox-export\">\n\t\t<ng-container *ngTemplateOutlet=\"addonAfter()\"></ng-container>\n\t</div>\n\t}\n\n\t<div class=\"filterBar-scrollBox-last\"></div>\n</lu-scroll-box>\n\n<ng-template #contentOptionsTpl>\n\t<form class=\"filterPill_popover-content popover-contentOptional\">\n\t\t@for (pill of optionalPills(); track pill.name(); let index = $index) {\n\t\t<div class=\"form-field mod-selectOption filterPill_popover-content-option\">\n\t\t\t<label class=\"formLabel\" [attr.for]=\"'filterPillOptions' + index\">{{ pill.label() }}</label>\n\t\t\t<span class=\"checkboxField\">\n\t\t\t\t<input\n\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\tclass=\"checkboxField-input\"\n\t\t\t\t\t[name]=\"pill.name()\"\n\t\t\t\t\t[attr.id]=\"'filterPillOptions' + index\"\n\t\t\t\t\t[(ngModel)]=\"pill.displayed\"\n\t\t\t\t/>\n\t\t\t\t<span class=\"checkboxField-icon\" aria-hidden=\"true\"><span class=\"checkboxField-icon-check\"></span></span>\n\t\t\t</span>\n\t\t</div>\n\t\t}\n\t</form>\n</ng-template>\n","import { Directive, inject, TemplateRef } from '@angular/core';\nimport { FilterBarComponent } from './filter-bar.component';\n\n@Directive({\n\tselector: '[luFilterPillAddonBefore]',\n\tstandalone: true,\n})\nexport class FilterPillAddonBeforeDirective {\n\tconstructor() {\n\t\tinject(FilterBarComponent).addonBefore.set(inject(TemplateRef));\n\t}\n\n\tpublic static ngTemplateContextGuard(_dir: FilterPillAddonBeforeDirective, ctx: unknown): ctx is void {\n\t\treturn true;\n\t}\n}\n\n@Directive({\n\tselector: '[luFilterPillAddonAfter]',\n\tstandalone: true,\n})\nexport class FilterPillAddonAfterDirective {\n\tconstructor() {\n\t\tinject(FilterBarComponent).addonAfter.set(inject(TemplateRef));\n\t}\n\n\tpublic static ngTemplateContextGuard(_dir: FilterPillAddonAfterDirective, ctx: unknown): ctx is void {\n\t\treturn true;\n\t}\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -154,6 +154,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
|
|
|
154
154
|
class BaseSelectPanelRef extends LuSelectPanelRef {
|
|
155
155
|
constructor(parentInjector, selectInput) {
|
|
156
156
|
super();
|
|
157
|
+
this.selectInput = selectInput;
|
|
157
158
|
this.portalRef = new ComponentPortal(LuSelectPanelComponent, undefined, this.createInjector(selectInput, parentInjector));
|
|
158
159
|
}
|
|
159
160
|
createInjector(selectInput, parentInjector) {
|
|
@@ -194,6 +195,7 @@ class SelectPanelRef extends BaseSelectPanelRef {
|
|
|
194
195
|
super.close();
|
|
195
196
|
this.panelRef.destroy();
|
|
196
197
|
this.overlayRef.detach();
|
|
198
|
+
this.selectInput.focusInput();
|
|
197
199
|
}
|
|
198
200
|
updatePosition() {
|
|
199
201
|
this.overlayRef.updatePosition();
|