{ "version": 3, "sources": ["src/app/shared/components/cld-picture/cld.resize.directive.ts", "src/app/shared/components/cld-picture/cld-picture.component.ts", "src/app/shared/components/cld-picture/cld-picture.component.html"], "sourcesContent": ["import { Platform } from '@angular/cdk/platform';\r\nimport { CloudinaryService } from '@shared/services/cloudinary/cloudinary.service';\r\nimport { ElementRef, OnInit, Renderer2, OnChanges, SimpleChanges } from '@angular/core';\r\nimport { CldSourceMediaSize } from './cld-picture.interface';\r\nimport { BreakpointsSize as bps, Breakpoint } from '@fuse/services/match-media.service';\r\nimport { Directive, Input } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[cldresize]',\r\n standalone: true\r\n})\r\nexport class CldResizeDirective implements OnInit, OnChanges {\r\n\r\n @Input()\r\n image: string;\r\n @Input()\r\n videoId: string;\r\n @Input()\r\n sms: CldSourceMediaSize;\r\n @Input()\r\n round: boolean;\r\n @Input()\r\n fallbackImage?: string;\r\n\r\n constructor(\r\n private readonly el: ElementRef,\r\n private renderer: Renderer2,\r\n private cloudinaryService: CloudinaryService,\r\n private platform: Platform\r\n ) {\r\n\r\n }\r\n ngOnInit(): void {\r\n if (!this.platform.isBrowser) {\r\n this.setAttributes();\r\n }\r\n }\r\n\r\n ngOnChanges(changes: SimpleChanges): void {\r\n if (this.platform.isBrowser) {\r\n this.setAttributes();\r\n }\r\n }\r\n\r\n private setAttributes(): void {\r\n // try {\r\n const { videoId, image, sms, round } = this;\r\n const url = videoId ? this.cloudinaryService.getVideoImageUrl(videoId, sms.w, sms.h, sms.resizeMode) :\r\n this.cloudinaryService.getImageUrl(image, sms.w, sms.h, sms.resizeMode, round);\r\n const el = this.el.nativeElement;\r\n if (el.tagName === 'SOURCE') {\r\n this.renderer.setAttribute(el, 'media', this.getMedia(this.sms.bp));\r\n this.renderer.setAttribute(el, 'srcset', `${url} ${this.sms.w}w`);\r\n this.renderer.setAttribute(el, 'width', `${this.sms.w}px`);\r\n this.renderer.setAttribute(el, 'height', this.sms.h ? `${this.sms.h}px` : 'auto');\r\n } else if (el.tagName === 'IMG') {\r\n this.renderer.setAttribute(el, 'src', url);\r\n } else {\r\n throw new Error(`CLD-RESIZE DIRECTIVE: No supported element: ${el.tagName}. Required image or source element.`);\r\n }\r\n }\r\n\r\n getMedia(bp: Breakpoint) {\r\n return `(min-width: ${bps.find(b => b.bp === bp).minWidth}px)`;\r\n }\r\n\r\n}\r\n", "import { Component, Input, OnInit, ChangeDetectionStrategy, ViewEncapsulation } from '@angular/core';\r\nimport { CldSourceMediaSize } from './cld-picture.interface';\r\nimport { BreakpointsSize as bps } from '@fuse/services/match-media.service';\r\nimport { CommonModule } from '@angular/common';\r\nimport { RouterModule } from '@angular/router';\r\nimport { CldResizeDirective } from './cld.resize.directive';\r\n@Component({\r\n selector: 'cld-picture',\r\n templateUrl: './cld-picture.component.html',\r\n styleUrls: ['./cld-picture.component.scss'],\r\n encapsulation: ViewEncapsulation.None,\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n standalone: true,\r\n imports: [\r\n CommonModule,\r\n RouterModule,\r\n CldResizeDirective\r\n ]\r\n\r\n})\r\nexport class CldPictureComponent implements OnInit {\r\n @Input()\r\n image: string;\r\n @Input()\r\n videoId: string;\r\n @Input()\r\n title: string;\r\n @Input()\r\n set sourceMediaSizes(v: CldSourceMediaSize[]) {\r\n this._sourceMediaSizes = v.sort((a, b) => bps.findIndex(s => s.bp === a.bp) - bps.findIndex(s => s.bp === b.bp)).reverse();\r\n };\r\n\r\n get sourceMediaSizes(): CldSourceMediaSize[] {\r\n return this._sourceMediaSizes;\r\n };\r\n\r\n private _sourceMediaSizes: CldSourceMediaSize[];\r\n @Input()\r\n lazyload: boolean = false;\r\n @Input()\r\n link: string;\r\n @Input()\r\n fallbackImage: string;\r\n @Input()\r\n round: boolean;\r\n\r\n @Input()\r\n routerLinkState: {[k: string]: any;} = null;\r\n\r\n constructor() { }\r\n\r\n ngOnInit() {\r\n\r\n }\r\n}\r\n", "@if (link) {\r\n \r\n \r\n \r\n} @else {\r\n @if (image || fallbackImage || videoId) {\r\n \r\n @for (sourceMediaSize of sourceMediaSizes; track $index; let last = $last) {\r\n @if (!last) {\r\n \r\n }\r\n @if (last) {\r\n \r\n }\r\n }\r\n \r\n }\r\n}\r\n\r\n\r\n @if (image || fallbackImage || videoId) {\r\n \r\n @for (sourceMediaSize of sourceMediaSizes; track $index; let last = $last) {\r\n @if (!last) {\r\n \r\n }\r\n @if (last) {\r\n \r\n }\r\n }\r\n \r\n }\r\n\r\n"], "mappings": "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", "names": ["CldResizeDirective", "constructor", "el", "renderer", "cloudinaryService", "platform", "ngOnInit", "isBrowser", "setAttributes", "ngOnChanges", "changes", "videoId", "image", "sms", "round", "url", "getVideoImageUrl", "w", "h", "resizeMode", "getImageUrl", "nativeElement", "tagName", "setAttribute", "getMedia", "bp", "Error", "bps", "find", "b", "minWidth", "\u0275\u0275directiveInject", "ElementRef", "Renderer2", "CloudinaryService", "Platform", "selectors", "inputs", "fallbackImage", "standalone", "features", "\u0275\u0275NgOnChangesFeature", "_CldResizeDirective", "\u0275\u0275elementContainer", "\u0275\u0275elementStart", "\u0275\u0275template", "CldPictureComponent_Conditional_0_ng_container_1_Template", "\u0275\u0275elementEnd", "\u0275\u0275property", "\u0275\u0275pureFunction1", "_c0", "ctx_r0", "link", "routerLinkState", "\u0275\u0275advance", "pictureTpl_r2", "\u0275\u0275element", "sourceMediaSize_r3", "image", "fallbackImage", "videoId", "round", "title", "w", "h", "CldPictureComponent_Conditional_1_Conditional_0_For_2_Conditional_0_Template", "CldPictureComponent_Conditional_1_Conditional_0_For_2_Conditional_1_Template", "\u0275\u0275conditional", "\u0275$index_12_r4", "\u0275$count_12_r5", "\u0275\u0275repeaterCreate", "CldPictureComponent_Conditional_1_Conditional_0_For_2_Template", "\u0275\u0275repeaterTrackByIndex", "\u0275\u0275repeater", "sourceMediaSizes", "CldPictureComponent_Conditional_1_Conditional_0_Template", "sourceMediaSize_r6", "CldPictureComponent_ng_template_2_Conditional_0_For_2_Conditional_0_Template", "CldPictureComponent_ng_template_2_Conditional_0_For_2_Conditional_1_Template", "\u0275$index_24_r7", "\u0275$count_24_r8", "CldPictureComponent_ng_template_2_Conditional_0_For_2_Template", "CldPictureComponent_ng_template_2_Conditional_0_Template", "CldPictureComponent", "v", "_sourceMediaSizes", "sort", "a", "b", "bps", "findIndex", "s", "bp", "reverse", "constructor", "lazyload", "ngOnInit", "selectors", "inputs", "standalone", "features", "\u0275\u0275StandaloneFeature", "decls", "vars", "consts", "template", "rf", "ctx", "CldPictureComponent_Conditional_0_Template", "CldPictureComponent_Conditional_1_Template", "CldPictureComponent_ng_template_2_Template", "\u0275\u0275templateRefExtractor", "CommonModule", "NgClass", "NgTemplateOutlet", "RouterModule", "RouterLink", "CldResizeDirective", "styles", "encapsulation", "changeDetection", "_CldPictureComponent"] }