chrv-components 1.12.0 → 1.12.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
Binary file
|
|
@@ -1429,7 +1429,7 @@ class DataListComponent {
|
|
|
1429
1429
|
this.eventListeners = [];
|
|
1430
1430
|
}
|
|
1431
1431
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: DataListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1432
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: DataListComponent, isStandalone: true, selector: "chr-data-list", inputs: { suggestions: { classPropertyName: "suggestions", publicName: "suggestions", isSignal: true, isRequired: true, transformFunction: null }, for: { classPropertyName: "for", publicName: "for", isSignal: true, isRequired: false, transformFunction: null }, allowStringify: { classPropertyName: "allowStringify", publicName: "allowStringify", isSignal: true, isRequired: false, transformFunction: null }, display: { classPropertyName: "display", publicName: "display", isSignal: true, isRequired: false, transformFunction: null }, targetElement: { classPropertyName: "targetElement", publicName: "targetElement", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { optionSelected: "optionSelected" }, viewQueries: [{ propertyName: "optionElements", predicate: ["optionElement"], descendants: true, isSignal: true }], ngImport: i0, template: "<div cdkOverlayOrigin #trigger=\"cdkOverlayOrigin\" [class.open]=\"isOpen()\">\r\n <span class=\"material-symbols custom-datalist-arrow\" [style.top.px]=\"position().top + position().height / 2\"\r\n [style.right.px]=\"0\" [attr.data-open]=\"isOpen()\" (click)=\"isOpen() ? close() : open()\">arrow_right</span>\r\n</div>\r\n<ng-template #datalistTemplate cdkConnectedOverlay cdkScrollable [cdkConnectedOverlayOrigin]=\"trigger\"\r\n [cdkConnectedOverlayOpen]=\"isOpen()\">\r\n @if (filteredSuggestions().length > 0) {\r\n <div class=\"custom-datalist\" [attr.data-open]=\"isOpen()\" [style.top.px]=\"position().top\"\r\n [style.left.px]=\"position().left\" [style.width.px]=\"position().width\" [style.zIndex]=\"position().zIndex\"\r\n (mousedown)=\"$event.preventDefault();$event.stopPropagation();$event.stopImmediatePropagation();\">\r\n <div class=\"datalist-content\">\r\n <cdk-virtual-scroll-viewport #viewport [itemSize]=\"
|
|
1432
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: DataListComponent, isStandalone: true, selector: "chr-data-list", inputs: { suggestions: { classPropertyName: "suggestions", publicName: "suggestions", isSignal: true, isRequired: true, transformFunction: null }, for: { classPropertyName: "for", publicName: "for", isSignal: true, isRequired: false, transformFunction: null }, allowStringify: { classPropertyName: "allowStringify", publicName: "allowStringify", isSignal: true, isRequired: false, transformFunction: null }, display: { classPropertyName: "display", publicName: "display", isSignal: true, isRequired: false, transformFunction: null }, targetElement: { classPropertyName: "targetElement", publicName: "targetElement", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { optionSelected: "optionSelected" }, viewQueries: [{ propertyName: "optionElements", predicate: ["optionElement"], descendants: true, isSignal: true }], ngImport: i0, template: "<div cdkOverlayOrigin #trigger=\"cdkOverlayOrigin\" [class.open]=\"isOpen()\">\r\n <span class=\"material-symbols custom-datalist-arrow\" [style.top.px]=\"position().top + position().height / 2\"\r\n [style.right.px]=\"0\" [attr.data-open]=\"isOpen()\" (click)=\"isOpen() ? close() : open()\">arrow_right</span>\r\n</div>\r\n<ng-template #datalistTemplate cdkConnectedOverlay cdkScrollable [cdkConnectedOverlayOrigin]=\"trigger\"\r\n [cdkConnectedOverlayOpen]=\"isOpen()\">\r\n @if (filteredSuggestions().length > 0) {\r\n <div class=\"custom-datalist\" [attr.data-open]=\"isOpen()\" [style.top.px]=\"position().top\"\r\n [style.left.px]=\"position().left\" [style.width.px]=\"position().width\" [style.zIndex]=\"position().zIndex\"\r\n (mousedown)=\"$event.preventDefault();$event.stopPropagation();$event.stopImmediatePropagation();\">\r\n <div class=\"datalist-content\">\r\n <cdk-virtual-scroll-viewport #viewport [itemSize]=\"40\" [style.height.px]=\"filteredSuggestions().length * 40\"\r\n [style.maxHeight.px]=\"200\" [style.maxWidth.px]=\"position().width\" class=\"viewport\">\r\n <div *cdkVirtualFor=\"let option of filteredSuggestions(); let i = index\" #optionElement\r\n class=\"datalist-option\" [class.focused]=\"focusedIndex() === option.index\" [title]=\"option.display\"\r\n (click)=\"selectOption(option.index)\" (mouseenter)=\"focusedIndex.set(option.index)\" tabindex=\"-1\">\r\n {{ option.display }}\r\n </div>\r\n </cdk-virtual-scroll-viewport>\r\n <!-- @for (option of filteredSuggestions(); track $index; let i = $index) {\r\n <div #optionElement class=\"datalist-option\" [class.focused]=\"focusedIndex() === option.index\"\r\n (click)=\"selectOption(option.index)\" (mouseenter)=\"focusedIndex.set(option.index)\" tabindex=\"-1\">\r\n {{ option.display }}\r\n </div>\r\n } -->\r\n </div>\r\n </div>\r\n }\r\n <!-- <span class=\"material-symbols custom-datalist-arrow\" [attr.data-open]=\"isOpen()\"\r\n (click)=\"isOpen() ? close() : open()\">arrow_right</span> -->\r\n</ng-template>", styles: [".cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0;touch-action:manipulation;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media (prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media (forced-colors: active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.custom-datalist{position:absolute;display:grid;grid-template-rows:0fr;opacity:0;overflow:hidden;background-color:var(--background-color);border:1px solid var(--neutral-color);border-radius:4px;font-family:Roboto,\"sans-serif\";transition:grid-template-rows .2s ease-in-out,opacity .2s ease-in-out}.custom-datalist[data-open=true]{grid-template-rows:1fr;opacity:1}.custom-datalist .datalist-content{min-height:0;max-height:200px;overflow-y:auto;scrollbar-width:thin}.custom-datalist .datalist-option{padding:.5rem;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:40px}.custom-datalist .datalist-option.focused,.custom-datalist .datalist-option:hover{background-color:var(--primary-color);color:var(--primary-contrast-color);outline:none}.custom-datalist .datalist-option:not(:last-child){border-bottom:1px solid color-mix(in srgb,var(--primary-color) 30%,transparent)}.custom-datalist .viewport{overflow-x:hidden;scrollbar-width:thin;width:100%;display:block}.custom-datalist .datalist-empty{padding:.5rem;color:color-mix(in srgb,var(--text-color) 60%,var(--background-color));font-style:italic;text-align:center}.custom-datalist-arrow{position:absolute;font-size:1.25rem;color:color-mix(in srgb,var(--text-color) 75%,var(--background-color));transform-origin:center;transition:transform .2s ease-in-out;transform:translateY(-50%)}.custom-datalist-arrow[data-open=true]{transform:translateY(-50%) rotate(90deg)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "directive", type: CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i1$2.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i1$2.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i1$2.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }] }); }
|
|
1433
1433
|
}
|
|
1434
1434
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: DataListComponent, decorators: [{
|
|
1435
1435
|
type: Component,
|
|
@@ -1439,7 +1439,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
|
|
|
1439
1439
|
CdkConnectedOverlay,
|
|
1440
1440
|
CdkScrollable,
|
|
1441
1441
|
ScrollingModule,
|
|
1442
|
-
], template: "<div cdkOverlayOrigin #trigger=\"cdkOverlayOrigin\" [class.open]=\"isOpen()\">\r\n <span class=\"material-symbols custom-datalist-arrow\" [style.top.px]=\"position().top + position().height / 2\"\r\n [style.right.px]=\"0\" [attr.data-open]=\"isOpen()\" (click)=\"isOpen() ? close() : open()\">arrow_right</span>\r\n</div>\r\n<ng-template #datalistTemplate cdkConnectedOverlay cdkScrollable [cdkConnectedOverlayOrigin]=\"trigger\"\r\n [cdkConnectedOverlayOpen]=\"isOpen()\">\r\n @if (filteredSuggestions().length > 0) {\r\n <div class=\"custom-datalist\" [attr.data-open]=\"isOpen()\" [style.top.px]=\"position().top\"\r\n [style.left.px]=\"position().left\" [style.width.px]=\"position().width\" [style.zIndex]=\"position().zIndex\"\r\n (mousedown)=\"$event.preventDefault();$event.stopPropagation();$event.stopImmediatePropagation();\">\r\n <div class=\"datalist-content\">\r\n <cdk-virtual-scroll-viewport #viewport [itemSize]=\"
|
|
1442
|
+
], template: "<div cdkOverlayOrigin #trigger=\"cdkOverlayOrigin\" [class.open]=\"isOpen()\">\r\n <span class=\"material-symbols custom-datalist-arrow\" [style.top.px]=\"position().top + position().height / 2\"\r\n [style.right.px]=\"0\" [attr.data-open]=\"isOpen()\" (click)=\"isOpen() ? close() : open()\">arrow_right</span>\r\n</div>\r\n<ng-template #datalistTemplate cdkConnectedOverlay cdkScrollable [cdkConnectedOverlayOrigin]=\"trigger\"\r\n [cdkConnectedOverlayOpen]=\"isOpen()\">\r\n @if (filteredSuggestions().length > 0) {\r\n <div class=\"custom-datalist\" [attr.data-open]=\"isOpen()\" [style.top.px]=\"position().top\"\r\n [style.left.px]=\"position().left\" [style.width.px]=\"position().width\" [style.zIndex]=\"position().zIndex\"\r\n (mousedown)=\"$event.preventDefault();$event.stopPropagation();$event.stopImmediatePropagation();\">\r\n <div class=\"datalist-content\">\r\n <cdk-virtual-scroll-viewport #viewport [itemSize]=\"40\" [style.height.px]=\"filteredSuggestions().length * 40\"\r\n [style.maxHeight.px]=\"200\" [style.maxWidth.px]=\"position().width\" class=\"viewport\">\r\n <div *cdkVirtualFor=\"let option of filteredSuggestions(); let i = index\" #optionElement\r\n class=\"datalist-option\" [class.focused]=\"focusedIndex() === option.index\" [title]=\"option.display\"\r\n (click)=\"selectOption(option.index)\" (mouseenter)=\"focusedIndex.set(option.index)\" tabindex=\"-1\">\r\n {{ option.display }}\r\n </div>\r\n </cdk-virtual-scroll-viewport>\r\n <!-- @for (option of filteredSuggestions(); track $index; let i = $index) {\r\n <div #optionElement class=\"datalist-option\" [class.focused]=\"focusedIndex() === option.index\"\r\n (click)=\"selectOption(option.index)\" (mouseenter)=\"focusedIndex.set(option.index)\" tabindex=\"-1\">\r\n {{ option.display }}\r\n </div>\r\n } -->\r\n </div>\r\n </div>\r\n }\r\n <!-- <span class=\"material-symbols custom-datalist-arrow\" [attr.data-open]=\"isOpen()\"\r\n (click)=\"isOpen() ? close() : open()\">arrow_right</span> -->\r\n</ng-template>", styles: [".cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0;touch-action:manipulation;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media (prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media (forced-colors: active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.custom-datalist{position:absolute;display:grid;grid-template-rows:0fr;opacity:0;overflow:hidden;background-color:var(--background-color);border:1px solid var(--neutral-color);border-radius:4px;font-family:Roboto,\"sans-serif\";transition:grid-template-rows .2s ease-in-out,opacity .2s ease-in-out}.custom-datalist[data-open=true]{grid-template-rows:1fr;opacity:1}.custom-datalist .datalist-content{min-height:0;max-height:200px;overflow-y:auto;scrollbar-width:thin}.custom-datalist .datalist-option{padding:.5rem;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:40px}.custom-datalist .datalist-option.focused,.custom-datalist .datalist-option:hover{background-color:var(--primary-color);color:var(--primary-contrast-color);outline:none}.custom-datalist .datalist-option:not(:last-child){border-bottom:1px solid color-mix(in srgb,var(--primary-color) 30%,transparent)}.custom-datalist .viewport{overflow-x:hidden;scrollbar-width:thin;width:100%;display:block}.custom-datalist .datalist-empty{padding:.5rem;color:color-mix(in srgb,var(--text-color) 60%,var(--background-color));font-style:italic;text-align:center}.custom-datalist-arrow{position:absolute;font-size:1.25rem;color:color-mix(in srgb,var(--text-color) 75%,var(--background-color));transform-origin:center;transition:transform .2s ease-in-out;transform:translateY(-50%)}.custom-datalist-arrow[data-open=true]{transform:translateY(-50%) rotate(90deg)}\n"] }]
|
|
1443
1443
|
}], ctorParameters: () => [] });
|
|
1444
1444
|
|
|
1445
1445
|
class ChrSearchSelectComponent extends ChrBaseInputComponent {
|