import './polyfills.server.mjs';
import {
  ɵɵNgOnChangesFeature,
  ɵɵattribute,
  ɵɵdefineDirective,
  ɵɵlistener,
  ɵɵsanitizeUrl
} from "./chunk-LDYM667O.mjs";

// src/app/shared/thumbnail.directive.ts
var ThumbnailDirective = class _ThumbnailDirective {
  ngOnChanges() {
    this.source = this.appThumbnail || this.imageFallback;
  }
  onError() {
    if (this.source === this.appThumbnail && this.imageFallback && this.source !== this.imageFallback)
      this.source = this.imageFallback;
  }
  static {
    this.\u0275fac = function ThumbnailDirective_Factory(t) {
      return new (t || _ThumbnailDirective)();
    };
  }
  static {
    this.\u0275dir = /* @__PURE__ */ \u0275\u0275defineDirective({ type: _ThumbnailDirective, selectors: [["img", "appThumbnail", ""]], hostVars: 1, hostBindings: function ThumbnailDirective_HostBindings(rf, ctx) {
      if (rf & 1) {
        \u0275\u0275listener("error", function ThumbnailDirective_error_HostBindingHandler() {
          return ctx.onError();
        });
      }
      if (rf & 2) {
        \u0275\u0275attribute("src", ctx.source, \u0275\u0275sanitizeUrl);
      }
    }, inputs: { appThumbnail: "appThumbnail", imageFallback: "imageFallback" }, standalone: true, features: [\u0275\u0275NgOnChangesFeature] });
  }
};

export {
  ThumbnailDirective
};