@magicx-eng/ai-autocomplete-angular 0.38.4 → 0.39.0

package/fesm2020/magicx-eng-ai-autocomplete-angular.mjs

@@ -1,4 +1,4 @@
-import { WEEKDAY_LABELS as WEEKDAY_LABELS$1, cellIso as cellIso$1, monthLabel as monthLabel$1, cellDay as cellDay$1, isoDate as isoDate$1, dateCellMarks as dateCellMarks$1, visibleDateRange as visibleDateRange$1, uiStringsFor, productInitial, productImageSources as productImageSources$1, attachProductRowWheel, optionsGridTemplateColumns, highlightParts, optionLabel as optionLabel$1, optionImageSources as optionImageSources$1, formatOptionCount as formatOptionCount$1, sanitizeOptionIconSvg as sanitizeOptionIconSvg$1, planOptionsGrid, sameOptionRows, isOptionsGridMobileViewport, needsOptionsGridMeasurement, measureOptionsGrid, optionEnterDelayMs, buildAttributionUrl, containScroll, attachScrollArrow, attachViewportFit, hasSkippablePill, isCalendarFormat, labelTraditionalAutocomplete, getFooterHint, AIAutocomplete, withoutTraditionalAutocomplete, dateSelectionFor, identifiedParamLabel, renderEditableContent, chipIdFromTap, keepCaretOnChip, getCursorOffset, extractPlainText, plainTextLength, setCursorOffset, ModeController, buildSubmitResult as buildSubmitResult$1, withSkippedParams as withSkippedParams$1, formatDate as formatDate$1, parseDate as parseDate$1, parseLooseDate as parseLooseDate$1, DATE_RANGE_META_END as DATE_RANGE_META_END$1, DATE_RANGE_META_START as DATE_RANGE_META_START$1, formatDateRange as formatDateRange$1, parseLooseDateRange as parseLooseDateRange$1, selectedRangeFor as selectedRangeFor$1, DEFAULT_OPTION_COUNT_UNIT as DEFAULT_OPTION_COUNT_UNIT$1, optionCountLabel as optionCountLabel$1, optionHasImage as optionHasImage$1, optionImageSrc as optionImageSrc$1, PRODUCT_PATH_PREFIX as PRODUCT_PATH_PREFIX$1, productFromMatchedItem as productFromMatchedItem$1, productsFromCustomFields as productsFromCustomFields$1 } from '@magicx-eng/ai-autocomplete-vanilla';
+import { WEEKDAY_LABELS as WEEKDAY_LABELS$1, cellIso as cellIso$1, monthLabel as monthLabel$1, cellDay as cellDay$1, isoDate as isoDate$1, dateCellMarks as dateCellMarks$1, visibleDateRange as visibleDateRange$1, uiStringsFor, productInitial, productImageSources as productImageSources$1, attachProductRowWheel, optionsGridTemplateColumns, highlightParts, optionLabel as optionLabel$1, optionImageSources as optionImageSources$1, formatOptionCount as formatOptionCount$1, sanitizeOptionIconSvg as sanitizeOptionIconSvg$1, planOptionsGrid, optionsShowLeadingVisuals as optionsShowLeadingVisuals$1, sameOptionRows, isOptionsGridMobileViewport, needsOptionsGridMeasurement, measureOptionsGrid, optionEnterDelayMs, buildAttributionUrl, containScroll, attachScrollArrow, attachViewportFit, hasSkippablePill, isCalendarFormat, labelTraditionalAutocomplete, getFooterHint, AIAutocomplete, withoutTraditionalAutocomplete, dateSelectionFor, identifiedParamLabel, renderEditableContent, chipIdFromTap, keepCaretOnChip, getCursorOffset, extractPlainText, plainTextLength, setCursorOffset, ModeController, buildSubmitResult as buildSubmitResult$1, withSkippedParams as withSkippedParams$1, formatDate as formatDate$1, parseDate as parseDate$1, parseLooseDate as parseLooseDate$1, DATE_RANGE_META_END as DATE_RANGE_META_END$1, DATE_RANGE_META_START as DATE_RANGE_META_START$1, formatDateRange as formatDateRange$1, parseLooseDateRange as parseLooseDateRange$1, selectedRangeFor as selectedRangeFor$1, DEFAULT_OPTION_COUNT_UNIT as DEFAULT_OPTION_COUNT_UNIT$1, optionCountLabel as optionCountLabel$1, optionHasImage as optionHasImage$1, optionImageSrc as optionImageSrc$1, PRODUCT_PATH_PREFIX as PRODUCT_PATH_PREFIX$1, productFromMatchedItem as productFromMatchedItem$1, productsFromCustomFields as productsFromCustomFields$1 } from '@magicx-eng/ai-autocomplete-vanilla';
 import * as i1 from '@angular/common';
 import { CommonModule, isPlatformBrowser } from '@angular/common';
 import * as i0 from '@angular/core';
@@ -735,6 +735,13 @@ class SuggestionGridComponent {
          */
         this.trackByOptionText = (_, opt) => `${this.groupKey}\0${opt.text}`;
     }
+    /**
+     * Icons and pictures are all-or-nothing across the list — no single row can
+     * decide its own (see `optionsShowLeadingVisuals`).
+     */
+    get leadingVisuals() {
+        return optionsShowLeadingVisuals$1(this.options, this.showIcons, this.showImages);
+    }
     // Re-measure when the viewport changes (breakpoint or width both matter to
     // the two-column fit).
     onResize() {
@@ -796,10 +803,10 @@ class SuggestionGridComponent {
     }
 }
 SuggestionGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SuggestionGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SuggestionGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SuggestionGridComponent, isStandalone: true, selector: "aia-suggestion-grid", inputs: { options: "options", activeIndex: "activeIndex", listboxId: "listboxId", loading: "loading", groupKey: "groupKey", optionsPosition: "optionsPosition", showIcons: "showIcons", showImages: "showImages", showCounts: "showCounts" }, outputs: { select: "select", highlight: "highlight", unhighlight: "unhighlight" }, host: { listeners: { "window:resize": "onResize()" } }, viewQueries: [{ propertyName: "gridComp", first: true, predicate: GridComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<!-- max=\"1fr\": columns share out the full width, so a lone column spans the\n     whole options box instead of stopping at 250px. -->\n<aia-grid\n  min=\"250px\"\n  max=\"1fr\"\n  gap=\"0\"\n  [scroll]=\"true\"\n  [scrollResetKey]=\"groupKey\"\n  [template]=\"plan.template\"\n  [maxHeight]=\"plan.maxHeight\"\n  [group]=\"groupKey\"\n>\n  <aia-suggestion-item\n    *ngFor=\"let option of options; trackBy: trackByOptionText; let i = index\"\n    [option]=\"option\"\n    [isHighlighted]=\"i === activeIndex\"\n    [id]=\"listboxId + '-option-' + i\"\n    [loading]=\"loading\"\n    [showIcon]=\"showIcons\"\n    [showImage]=\"showImages\"\n    [showCount]=\"showCounts\"\n    [scrollHint]=\"isScrollHint(i)\"\n    [enterDelayMs]=\"enterDelayMs(i)\"\n    (select)=\"select.emit($event)\"\n    (highlight)=\"highlight.emit(i)\"\n    (unhighlight)=\"unhighlight.emit(i)\"\n  ></aia-suggestion-item>\n</aia-grid>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: GridComponent, selector: "aia-grid", inputs: ["min", "max", "gap", "scroll", "maxHeight", "scrollResetKey", "cols", "template", "group"] }, { kind: "component", type: SuggestionItemComponent, selector: "aia-suggestion-item", inputs: ["option", "isHighlighted", "id", "loading", "showIcon", "showImage", "showCount", "scrollHint", "enterDelayMs"], outputs: ["select", "highlight", "unhighlight"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+SuggestionGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SuggestionGridComponent, isStandalone: true, selector: "aia-suggestion-grid", inputs: { options: "options", activeIndex: "activeIndex", listboxId: "listboxId", loading: "loading", groupKey: "groupKey", optionsPosition: "optionsPosition", showIcons: "showIcons", showImages: "showImages", showCounts: "showCounts" }, outputs: { select: "select", highlight: "highlight", unhighlight: "unhighlight" }, host: { listeners: { "window:resize": "onResize()" } }, viewQueries: [{ propertyName: "gridComp", first: true, predicate: GridComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<!-- max=\"1fr\": columns share out the full width, so a lone column spans the\n     whole options box instead of stopping at 250px. -->\n<aia-grid\n  min=\"250px\"\n  max=\"1fr\"\n  gap=\"0\"\n  [scroll]=\"true\"\n  [scrollResetKey]=\"groupKey\"\n  [template]=\"plan.template\"\n  [maxHeight]=\"plan.maxHeight\"\n  [group]=\"groupKey\"\n>\n  <aia-suggestion-item\n    *ngFor=\"let option of options; trackBy: trackByOptionText; let i = index\"\n    [option]=\"option\"\n    [isHighlighted]=\"i === activeIndex\"\n    [id]=\"listboxId + '-option-' + i\"\n    [loading]=\"loading\"\n    [showIcon]=\"showIcons && leadingVisuals\"\n    [showImage]=\"showImages && leadingVisuals\"\n    [showCount]=\"showCounts\"\n    [scrollHint]=\"isScrollHint(i)\"\n    [enterDelayMs]=\"enterDelayMs(i)\"\n    (select)=\"select.emit($event)\"\n    (highlight)=\"highlight.emit(i)\"\n    (unhighlight)=\"unhighlight.emit(i)\"\n  ></aia-suggestion-item>\n</aia-grid>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: GridComponent, selector: "aia-grid", inputs: ["min", "max", "gap", "scroll", "maxHeight", "scrollResetKey", "cols", "template", "group"] }, { kind: "component", type: SuggestionItemComponent, selector: "aia-suggestion-item", inputs: ["option", "isHighlighted", "id", "loading", "showIcon", "showImage", "showCount", "scrollHint", "enterDelayMs"], outputs: ["select", "highlight", "unhighlight"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SuggestionGridComponent, decorators: [{
             type: Component,
-            args: [{ selector: "aia-suggestion-grid", standalone: true, imports: [CommonModule, GridComponent, SuggestionItemComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<!-- max=\"1fr\": columns share out the full width, so a lone column spans the\n     whole options box instead of stopping at 250px. -->\n<aia-grid\n  min=\"250px\"\n  max=\"1fr\"\n  gap=\"0\"\n  [scroll]=\"true\"\n  [scrollResetKey]=\"groupKey\"\n  [template]=\"plan.template\"\n  [maxHeight]=\"plan.maxHeight\"\n  [group]=\"groupKey\"\n>\n  <aia-suggestion-item\n    *ngFor=\"let option of options; trackBy: trackByOptionText; let i = index\"\n    [option]=\"option\"\n    [isHighlighted]=\"i === activeIndex\"\n    [id]=\"listboxId + '-option-' + i\"\n    [loading]=\"loading\"\n    [showIcon]=\"showIcons\"\n    [showImage]=\"showImages\"\n    [showCount]=\"showCounts\"\n    [scrollHint]=\"isScrollHint(i)\"\n    [enterDelayMs]=\"enterDelayMs(i)\"\n    (select)=\"select.emit($event)\"\n    (highlight)=\"highlight.emit(i)\"\n    (unhighlight)=\"unhighlight.emit(i)\"\n  ></aia-suggestion-item>\n</aia-grid>\n" }]
+            args: [{ selector: "aia-suggestion-grid", standalone: true, imports: [CommonModule, GridComponent, SuggestionItemComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<!-- max=\"1fr\": columns share out the full width, so a lone column spans the\n     whole options box instead of stopping at 250px. -->\n<aia-grid\n  min=\"250px\"\n  max=\"1fr\"\n  gap=\"0\"\n  [scroll]=\"true\"\n  [scrollResetKey]=\"groupKey\"\n  [template]=\"plan.template\"\n  [maxHeight]=\"plan.maxHeight\"\n  [group]=\"groupKey\"\n>\n  <aia-suggestion-item\n    *ngFor=\"let option of options; trackBy: trackByOptionText; let i = index\"\n    [option]=\"option\"\n    [isHighlighted]=\"i === activeIndex\"\n    [id]=\"listboxId + '-option-' + i\"\n    [loading]=\"loading\"\n    [showIcon]=\"showIcons && leadingVisuals\"\n    [showImage]=\"showImages && leadingVisuals\"\n    [showCount]=\"showCounts\"\n    [scrollHint]=\"isScrollHint(i)\"\n    [enterDelayMs]=\"enterDelayMs(i)\"\n    (select)=\"select.emit($event)\"\n    (highlight)=\"highlight.emit(i)\"\n    (unhighlight)=\"unhighlight.emit(i)\"\n  ></aia-suggestion-item>\n</aia-grid>\n" }]
         }], propDecorators: { options: [{
                 type: Input
             }], activeIndex: [{
@@ -2920,6 +2927,7 @@ const optionCountLabel = optionCountLabel$1;
 const optionHasImage = optionHasImage$1;
 const optionImageSrc = optionImageSrc$1;
 const optionImageSources = optionImageSources$1;
+const optionsShowLeadingVisuals = optionsShowLeadingVisuals$1;
 // Product strip helpers, for a custom strip fed from `customFields$`.
 const PRODUCT_PATH_PREFIX = PRODUCT_PATH_PREFIX$1;
 const productFromMatchedItem = productFromMatchedItem$1;
@@ -2930,5 +2938,5 @@ const productsFromCustomFields = productsFromCustomFields$1;
  * Generated bundle index. Do not edit.
  */
 
-export { AIAutocompleteComponent, AIAutocompleteController, AIAutocompleteDropdownComponent, AIAutocompleteInputDirective, AIAutocompleteModule, DATE_RANGE_META_END, DATE_RANGE_META_START, DEFAULT_OPTION_COUNT_UNIT, PRODUCT_PATH_PREFIX, WEEKDAY_LABELS, buildSubmitResult, cellDay, cellIso, dateCellMarks, formatDate, formatDateRange, formatOptionCount, isoDate, monthLabel, optionCountLabel, optionHasImage, optionImageSources, optionImageSrc, optionLabel, parseDate, parseLooseDate, parseLooseDateRange, productFromMatchedItem, productImageSources, productsFromCustomFields, sanitizeOptionIconSvg, selectedRangeFor, visibleDateRange, withSkippedParams };
+export { AIAutocompleteComponent, AIAutocompleteController, AIAutocompleteDropdownComponent, AIAutocompleteInputDirective, AIAutocompleteModule, DATE_RANGE_META_END, DATE_RANGE_META_START, DEFAULT_OPTION_COUNT_UNIT, PRODUCT_PATH_PREFIX, WEEKDAY_LABELS, buildSubmitResult, cellDay, cellIso, dateCellMarks, formatDate, formatDateRange, formatOptionCount, isoDate, monthLabel, optionCountLabel, optionHasImage, optionImageSources, optionImageSrc, optionLabel, optionsShowLeadingVisuals, parseDate, parseLooseDate, parseLooseDateRange, productFromMatchedItem, productImageSources, productsFromCustomFields, sanitizeOptionIconSvg, selectedRangeFor, visibleDateRange, withSkippedParams };
 //# sourceMappingURL=magicx-eng-ai-autocomplete-angular.mjs.map