@magicx-eng/ai-autocomplete-angular 0.31.4 → 0.31.5

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, productInitial, attachProductRowWheel, optionsGridTemplateColumns, optionLabel as optionLabel$1, optionImageSrc as optionImageSrc$1, formatOptionCount as formatOptionCount$1, sanitizeOptionIconSvg as sanitizeOptionIconSvg$1, planOptionsGrid, sameOptionRows, isOptionsGridMobileViewport, needsOptionsGridMeasurement, measureOptionsGrid, optionEnterDelayMs, SCROLL_ARROW_LABEL, buildAttributionUrl, containScroll, attachScrollArrow, isCalendarFormat, getFooterHint, AIAutocomplete, 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, 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, productInitial, productImageSources as productImageSources$1, attachProductRowWheel, optionsGridTemplateColumns, optionLabel as optionLabel$1, optionImageSources as optionImageSources$1, formatOptionCount as formatOptionCount$1, sanitizeOptionIconSvg as sanitizeOptionIconSvg$1, planOptionsGrid, sameOptionRows, isOptionsGridMobileViewport, needsOptionsGridMeasurement, measureOptionsGrid, optionEnterDelayMs, SCROLL_ARROW_LABEL, buildAttributionUrl, containScroll, attachScrollArrow, isCalendarFormat, getFooterHint, AIAutocomplete, 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';
@@ -317,6 +317,11 @@ class ProductStripComponent {
         this.layout = "row";
         this.imageFallback = "image";
         this.initial = productInitial;
+        /**
+         * Per product id, the `src`s that failed to load: a card moves on to the
+         * next source (a Shopify thumbnail falls back to the original) and shows its
+         * placeholder once none is left.
+         */
         this.failedImages = new Map();
         this.select = new EventEmitter();
         /**
@@ -342,20 +347,21 @@ class ProductStripComponent {
         ].join("\0");
     }
     ngOnChanges() {
-        const sources = new Map(this.products.map((product) => [product.id, product.imageUrl?.trim()]));
-        for (const [id, src] of this.failedImages) {
-            if (sources.get(id) !== src)
+        const sources = new Map(this.products.map((product) => [product.id, productImageSources$1(product.imageUrl)]));
+        for (const [id, failed] of this.failedImages) {
+            const current = sources.get(id) ?? [];
+            if (!failed.every((src) => current.includes(src)))
                 this.failedImages.delete(id);
         }
     }
     imageSource(product) {
-        const src = product.imageUrl?.trim();
-        return src && this.failedImages.get(product.id) !== src ? src : null;
+        const failed = this.failedImages.get(product.id) ?? [];
+        return productImageSources$1(product.imageUrl).find((src) => !failed.includes(src)) ?? null;
     }
     onImageError(product) {
-        const src = product.imageUrl?.trim();
+        const src = this.imageSource(product);
         if (src)
-            this.failedImages.set(product.id, src);
+            this.failedImages.set(product.id, [...(this.failedImages.get(product.id) ?? []), src]);
     }
     /**
      * A mouse wheel over the row scrolls it sideways. The row sits inside the
@@ -541,8 +547,12 @@ class SuggestionItemComponent {
         this.cdr = inject(ChangeDetectorRef);
         this.sanitizer = inject(DomSanitizer);
         this.iconSafe = null;
-        /** The `src` whose load failed, so the tile keeps its placeholder fill for it. */
-        this.failedSrc = null;
+        /**
+         * The `src`s that failed to load: the row moves on to the next source (a
+         * Shopify thumbnail falls back to the original), and the tile keeps its
+         * placeholder fill once none is left.
+         */
+        this.failedSrcs = [];
     }
     /**
      * Start delay of this row's entrance animation (ms) — each row rises in a
@@ -563,16 +573,23 @@ class SuggestionItemComponent {
      * the icon — a row never leads with two visuals.
      */
     get imageSrc() {
-        return this.showImage ? optionImageSrc$1(this.option.image_url) : null;
+        const sources = this.imageSources;
+        return (sources.find((src) => !this.failedSrcs.includes(src)) ?? sources[sources.length - 1] ?? null);
     }
-    /** Whether the current picture failed to load (the tile's fill stays). */
+    /** Whether every source of the picture failed to load (the tile's fill stays). */
     get imageFailed() {
-        return this.failedSrc !== null && this.failedSrc === this.imageSrc;
+        const sources = this.imageSources;
+        return sources.length > 0 && sources.every((src) => this.failedSrcs.includes(src));
     }
     onImageError() {
-        this.failedSrc = this.imageSrc;
+        const src = this.imageSrc;
+        if (src !== null && !this.failedSrcs.includes(src))
+            this.failedSrcs = [...this.failedSrcs, src];
         this.cdr.markForCheck();
     }
+    get imageSources() {
+        return this.showImage ? optionImageSources$1(this.option.image_url) : [];
+    }
     /**
      * The count as printed ("1,284"), or `null` when the row shows none. The
      * unit word after it is the stylesheet's (`--aia-option-count-unit`).
@@ -2813,14 +2830,16 @@ const formatOptionCount = formatOptionCount$1;
 const optionCountLabel = optionCountLabel$1;
 const optionHasImage = optionHasImage$1;
 const optionImageSrc = optionImageSrc$1;
+const optionImageSources = optionImageSources$1;
 // Product strip helpers, for a custom strip fed from `customFields$`.
 const PRODUCT_PATH_PREFIX = PRODUCT_PATH_PREFIX$1;
 const productFromMatchedItem = productFromMatchedItem$1;
+const productImageSources = productImageSources$1;
 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, optionImageSrc, optionLabel, parseDate, parseLooseDate, parseLooseDateRange, productFromMatchedItem, 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, parseDate, parseLooseDate, parseLooseDateRange, productFromMatchedItem, productImageSources, productsFromCustomFields, sanitizeOptionIconSvg, selectedRangeFor, visibleDateRange, withSkippedParams };
 //# sourceMappingURL=magicx-eng-ai-autocomplete-angular.mjs.map