@daffodil/design 0.81.1 → 0.82.0

package/fesm2022/daffodil-design-loading-icon-examples.mjs

@@ -8,7 +8,7 @@ import { DAFF_LOADING_ICON_COMPONENTS } from '@daffodil/design/loading-icon';
 
 class LoadingIconColorComponent {
     constructor() {
-        this.colorControl = new UntypedFormControl('primary');
+        this.colorControl = new UntypedFormControl('');
         this.options = [
             { value: '', label: 'Default' },
             { value: 'primary', label: 'Primary' },
@@ -20,10 +20,10 @@ class LoadingIconColorComponent {
             { value: 'white', label: 'White' },
         ];
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: LoadingIconColorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", type: LoadingIconColorComponent, isStandalone: true, selector: "loading-icon-color", ngImport: i0, template: "<daff-loading-icon [color]=\"colorControl.value\"></daff-loading-icon>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>\n", styles: ["select{margin-top:16px}\n"], dependencies: [{ kind: "component", type: i1.DaffLoadingIconComponent, selector: "daff-loading-icon" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: LoadingIconColorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: LoadingIconColorComponent, isStandalone: true, selector: "loading-icon-color", ngImport: i0, template: "<daff-loading-icon [color]=\"colorControl.value\"></daff-loading-icon>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>\n", styles: ["select{margin-top:16px}\n"], dependencies: [{ kind: "component", type: i1.DaffLoadingIconComponent, selector: "daff-loading-icon" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: LoadingIconColorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: LoadingIconColorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'loading-icon-color', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         DAFF_LOADING_ICON_COMPONENTS,

package/fesm2022/daffodil-design-loading-icon-examples.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"daffodil-design-loading-icon-examples.mjs","sources":["../../../libs/design/loading-icon/examples/src/loading-icon-color/loading-icon-color.component.ts","../../../libs/design/loading-icon/examples/src/loading-icon-color/loading-icon-color.component.html","../../../libs/design/loading-icon/examples/src/examples.ts","../../../libs/design/loading-icon/examples/src/daffodil-design-loading-icon-examples.ts"],"sourcesContent":["import { NgFor } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  UntypedFormControl,\n  ReactiveFormsModule,\n} from '@angular/forms';\n\nimport { DAFF_LOADING_ICON_COMPONENTS } from '@daffodil/design/loading-icon';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'loading-icon-color',\n  templateUrl: './loading-icon-color.component.html',\n  styles: [`\n    select {\n      margin-top: 16px;\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_LOADING_ICON_COMPONENTS,\n    ReactiveFormsModule,\n    NgFor,\n  ],\n})\nexport class LoadingIconColorComponent {\n  colorControl: UntypedFormControl = new UntypedFormControl('primary');\n\n  options = [\n    { value: '', label: 'Default' },\n    { value: 'primary', label: 'Primary' },\n    { value: 'secondary', label: 'Secondary' },\n    { value: 'tertiary', label: 'Tertiary' },\n    { value: 'theme', label: 'Theme' },\n    { value: 'theme-contrast', label: 'Theme Contrast' },\n    { value: 'black', label: 'Black' },\n    { value: 'white', label: 'White' },\n  ];\n}\n","<daff-loading-icon [color]=\"colorControl.value\"></daff-loading-icon>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>\n","import { LoadingIconColorComponent } from './loading-icon-color/loading-icon-color.component';\n\nexport const LOADING_ICON_EXAMPLES = [\n  LoadingIconColorComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MA4Ba,yBAAyB,CAAA;AAhBtC,IAAA,WAAA,GAAA;AAiBE,QAAA,IAAA,CAAA,YAAY,GAAuB,IAAI,kBAAkB,CAAC,SAAS,CAAC;AAEpE,QAAA,IAAA,CAAA,OAAO,GAAG;AACR,YAAA,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;AAC/B,YAAA,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;AACtC,YAAA,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;AAC1C,YAAA,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;AACxC,YAAA,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;AAClC,YAAA,EAAE,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,gBAAgB,EAAE;AACpD,YAAA,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;AAClC,YAAA,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;SACnC;AACF;iIAbY,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAzB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yBAAyB,EC5BtC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,iOAKA,EDmBI,MAAA,EAAA,CAAA,2BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,mBAAmB,qtBACnB,KAAK,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAGI,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAhBrC,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,EAOb,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACtC,OAAA,EAAA;wBACP,4BAA4B;wBAC5B,mBAAmB;wBACnB,KAAK;AACN,qBAAA,EAAA,QAAA,EAAA,iOAAA,EAAA,MAAA,EAAA,CAAA,2BAAA,CAAA,EAAA;;;AExBU,MAAA,qBAAqB,GAAG;IACnC,yBAAyB;;;ACH3B;;AAEG;;;;"}
+{"version":3,"file":"daffodil-design-loading-icon-examples.mjs","sources":["../../../libs/design/loading-icon/examples/src/loading-icon-color/loading-icon-color.component.ts","../../../libs/design/loading-icon/examples/src/loading-icon-color/loading-icon-color.component.html","../../../libs/design/loading-icon/examples/src/examples.ts","../../../libs/design/loading-icon/examples/src/daffodil-design-loading-icon-examples.ts"],"sourcesContent":["import { NgFor } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  UntypedFormControl,\n  ReactiveFormsModule,\n} from '@angular/forms';\n\nimport { DAFF_LOADING_ICON_COMPONENTS } from '@daffodil/design/loading-icon';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'loading-icon-color',\n  templateUrl: './loading-icon-color.component.html',\n  styles: [`\n    select {\n      margin-top: 16px;\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_LOADING_ICON_COMPONENTS,\n    ReactiveFormsModule,\n    NgFor,\n  ],\n})\nexport class LoadingIconColorComponent {\n  colorControl: UntypedFormControl = new UntypedFormControl('');\n\n  options = [\n    { value: '', label: 'Default' },\n    { value: 'primary', label: 'Primary' },\n    { value: 'secondary', label: 'Secondary' },\n    { value: 'tertiary', label: 'Tertiary' },\n    { value: 'theme', label: 'Theme' },\n    { value: 'theme-contrast', label: 'Theme Contrast' },\n    { value: 'black', label: 'Black' },\n    { value: 'white', label: 'White' },\n  ];\n}\n","<daff-loading-icon [color]=\"colorControl.value\"></daff-loading-icon>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>\n","import { LoadingIconColorComponent } from './loading-icon-color/loading-icon-color.component';\n\nexport const LOADING_ICON_EXAMPLES = [\n  LoadingIconColorComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MA4Ba,yBAAyB,CAAA;AAhBtC,IAAA,WAAA,GAAA;AAiBE,QAAA,IAAA,CAAA,YAAY,GAAuB,IAAI,kBAAkB,CAAC,EAAE,CAAC;AAE7D,QAAA,IAAA,CAAA,OAAO,GAAG;AACR,YAAA,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;AAC/B,YAAA,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;AACtC,YAAA,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;AAC1C,YAAA,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;AACxC,YAAA,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;AAClC,YAAA,EAAE,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,gBAAgB,EAAE;AACpD,YAAA,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;AAClC,YAAA,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;SACnC;AACF;iIAbY,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAzB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yBAAyB,EC5BtC,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,iOAKA,EDmBI,MAAA,EAAA,CAAA,2BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,mBAAmB,qtBACnB,KAAK,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAGI,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAhBrC,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,oBAAoB,EAOb,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACtC,OAAA,EAAA;wBACP,4BAA4B;wBAC5B,mBAAmB;wBACnB,KAAK;AACN,qBAAA,EAAA,QAAA,EAAA,iOAAA,EAAA,MAAA,EAAA,CAAA,2BAAA,CAAA,EAAA;;;AExBU,MAAA,qBAAqB,GAAG;IACnC,yBAAyB;;;ACH3B;;AAEG;;;;"}

package/fesm2022/daffodil-design-loading-icon.mjs

@@ -14,17 +14,17 @@ class DaffLoadingIconComponent {
          */
         this.class = true;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffLoadingIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", type: DaffLoadingIconComponent, isStandalone: true, selector: "daff-loading-icon", host: { properties: { "class.daff-loading-icon": "this.class" } }, hostDirectives: [{ directive: i1.DaffColorableDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<svg focusable=\"false\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 100 100\">\n  <circle cx=\"50%\" cy=\"50%\" r=\"46\" class=\"daff-loading-icon__bg\"></circle>\n  <circle cx=\"50%\" cy=\"50%\" r=\"46\" class=\"daff-loading-icon__loader\"></circle>\n</svg>", styles: [":host{display:flex;width:100%;max-width:4rem}.daff-loading-icon__loader{animation:rotation linear,circle-animation linear;animation-duration:1s;animation-iteration-count:infinite;fill:transparent;stroke-dasharray:101.1592834456 400;stroke-linecap:round;stroke-width:5px;transform-origin:center}.daff-loading-icon__bg{fill:transparent;stroke-linecap:round;stroke-width:5px}@keyframes circle-animation{0%{stroke-dasharray:101.1592834456 400;stroke-dashoffset:101.1592834456}50%{stroke-dasharray:101.1592834456 400;stroke-dashoffset:28.902652413}75%{stroke-dasharray:101.1592834456 400;stroke-dashoffset:0}to{stroke-dasharray:0 400;stroke-dashoffset:-101.1592834456}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffLoadingIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: DaffLoadingIconComponent, isStandalone: true, selector: "daff-loading-icon", host: { properties: { "class.daff-loading-icon": "this.class" } }, hostDirectives: [{ directive: i1.DaffColorableDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<svg focusable=\"false\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 100 100\">\n  <circle cx=\"50%\" cy=\"50%\" r=\"46\" class=\"daff-loading-icon__bg\"></circle>\n  <circle cx=\"50%\" cy=\"50%\" r=\"46\" class=\"daff-loading-icon__loader\"></circle>\n</svg>", styles: [":host{display:flex;width:100%;max-width:4rem}.daff-loading-icon__loader{animation:circle-rotation linear;animation-duration:1s;animation-iteration-count:infinite;fill:transparent;stroke-dasharray:57.8053048261 400;stroke-linecap:round;stroke-width:.25rem;transform-origin:center}.daff-loading-icon__bg{fill:transparent;stroke-linecap:round;stroke-width:.25rem}@keyframes circle-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffLoadingIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffLoadingIconComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-loading-icon', hostDirectives: [
                         {
                             directive: DaffColorableDirective,
                             inputs: ['color'],
                         },
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, template: "<svg focusable=\"false\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 100 100\">\n  <circle cx=\"50%\" cy=\"50%\" r=\"46\" class=\"daff-loading-icon__bg\"></circle>\n  <circle cx=\"50%\" cy=\"50%\" r=\"46\" class=\"daff-loading-icon__loader\"></circle>\n</svg>", styles: [":host{display:flex;width:100%;max-width:4rem}.daff-loading-icon__loader{animation:rotation linear,circle-animation linear;animation-duration:1s;animation-iteration-count:infinite;fill:transparent;stroke-dasharray:101.1592834456 400;stroke-linecap:round;stroke-width:5px;transform-origin:center}.daff-loading-icon__bg{fill:transparent;stroke-linecap:round;stroke-width:5px}@keyframes circle-animation{0%{stroke-dasharray:101.1592834456 400;stroke-dashoffset:101.1592834456}50%{stroke-dasharray:101.1592834456 400;stroke-dashoffset:28.902652413}75%{stroke-dasharray:101.1592834456 400;stroke-dashoffset:0}to{stroke-dasharray:0 400;stroke-dashoffset:-101.1592834456}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<svg focusable=\"false\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 100 100\">\n  <circle cx=\"50%\" cy=\"50%\" r=\"46\" class=\"daff-loading-icon__bg\"></circle>\n  <circle cx=\"50%\" cy=\"50%\" r=\"46\" class=\"daff-loading-icon__loader\"></circle>\n</svg>", styles: [":host{display:flex;width:100%;max-width:4rem}.daff-loading-icon__loader{animation:circle-rotation linear;animation-duration:1s;animation-iteration-count:infinite;fill:transparent;stroke-dasharray:57.8053048261 400;stroke-linecap:round;stroke-width:.25rem;transform-origin:center}.daff-loading-icon__bg{fill:transparent;stroke-linecap:round;stroke-width:.25rem}@keyframes circle-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
         }], propDecorators: { class: [{
                 type: HostBinding,
                 args: ['class.daff-loading-icon']
@@ -34,12 +34,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImpor
  * @deprecated in favor of {@link DAFF_LOADING_ICON_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.
  */
 class DaffLoadingIconModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffLoadingIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.7", ngImport: i0, type: DaffLoadingIconModule, imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffLoadingIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.1.5", ngImport: i0, type: DaffLoadingIconModule, imports: [CommonModule,
             DaffLoadingIconComponent], exports: [DaffLoadingIconComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffLoadingIconModule, imports: [CommonModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffLoadingIconModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffLoadingIconModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: DaffLoadingIconModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -52,6 +52,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImpor
                 }]
         }] });
 
+/**
+ * @docs-private
+ */
 const DAFF_LOADING_ICON_COMPONENTS = [
     DaffLoadingIconComponent,
 ];

package/fesm2022/daffodil-design-loading-icon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"daffodil-design-loading-icon.mjs","sources":["../../../libs/design/loading-icon/src/loading-icon/loading-icon.component.ts","../../../libs/design/loading-icon/src/loading-icon/loading-icon.component.html","../../../libs/design/loading-icon/src/loading-icon.module.ts","../../../libs/design/loading-icon/src/loading-icon.ts","../../../libs/design/loading-icon/src/daffodil-design-loading-icon.ts"],"sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  HostBinding,\n} from '@angular/core';\n\nimport { DaffColorableDirective } from '@daffodil/design';\n\n/**\n * @inheritdoc\n */\n@Component({\n  selector: 'daff-loading-icon',\n  templateUrl: './loading-icon.component.html',\n  styleUrls: ['./loading-icon.component.scss'],\n  hostDirectives: [\n    {\n      directive: DaffColorableDirective,\n      inputs: ['color'],\n    },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n})\nexport class DaffLoadingIconComponent {\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-loading-icon') class = true;\n}\n","<svg focusable=\"false\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 100 100\">\n  <circle cx=\"50%\" cy=\"50%\" r=\"46\" class=\"daff-loading-icon__bg\"></circle>\n  <circle cx=\"50%\" cy=\"50%\" r=\"46\" class=\"daff-loading-icon__loader\"></circle>\n</svg>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffLoadingIconComponent } from './loading-icon/loading-icon.component';\n\n/**\n * @deprecated in favor of {@link DAFF_LOADING_ICON_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.\n */\n@NgModule({\n  imports: [\n    CommonModule,\n    DaffLoadingIconComponent,\n  ],\n  exports: [\n    DaffLoadingIconComponent,\n  ],\n})\nexport class DaffLoadingIconModule { }\n","import { DaffLoadingIconComponent } from './loading-icon/loading-icon.component';\n\nexport const DAFF_LOADING_ICON_COMPONENTS = <const> [\n  DaffLoadingIconComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAQA;;AAEG;MAcU,wBAAwB,CAAA;AAbrC,IAAA,WAAA,GAAA;AAcE;;AAEG;QACqC,IAAK,CAAA,KAAA,GAAG,IAAI;AACrD;iIALY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,wOCxBrC,6QAGM,EAAA,MAAA,EAAA,CAAA,ouBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FDqBO,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAbpC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,EAGb,cAAA,EAAA;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,sBAAsB;4BACjC,MAAM,EAAE,CAAC,OAAO,CAAC;AAClB,yBAAA;AACF,qBAAA,EAAA,eAAA,EACgB,uBAAuB,CAAC,MAAM,EAAA,UAAA,EACnC,IAAI,EAAA,QAAA,EAAA,6QAAA,EAAA,MAAA,EAAA,CAAA,ouBAAA,CAAA,EAAA;8BAMwB,KAAK,EAAA,CAAA;sBAA5C,WAAW;uBAAC,yBAAyB;;;AEvBxC;;AAEG;MAUU,qBAAqB,CAAA;iIAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAArB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,YAP9B,YAAY;AACZ,YAAA,wBAAwB,aAGxB,wBAAwB,CAAA,EAAA,CAAA,CAAA;AAGf,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,YAP9B,YAAY,CAAA,EAAA,CAAA,CAAA;;2FAOH,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBATjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,wBAAwB;AACzB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,wBAAwB;AACzB,qBAAA;AACF,iBAAA;;;ACdY,MAAA,4BAA4B,GAAW;IAClD,wBAAwB;;;ACH1B;;AAEG;;;;"}
+{"version":3,"file":"daffodil-design-loading-icon.mjs","sources":["../../../libs/design/loading-icon/src/loading-icon/loading-icon.component.ts","../../../libs/design/loading-icon/src/loading-icon/loading-icon.component.html","../../../libs/design/loading-icon/src/loading-icon.module.ts","../../../libs/design/loading-icon/src/loading-icon.ts","../../../libs/design/loading-icon/src/daffodil-design-loading-icon.ts"],"sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  HostBinding,\n} from '@angular/core';\n\nimport { DaffColorableDirective } from '@daffodil/design';\n\n/**\n * @inheritdoc\n */\n@Component({\n  selector: 'daff-loading-icon',\n  templateUrl: './loading-icon.component.html',\n  styleUrls: ['./loading-icon.component.scss'],\n  hostDirectives: [\n    {\n      directive: DaffColorableDirective,\n      inputs: ['color'],\n    },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffLoadingIconComponent {\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-loading-icon') class = true;\n}\n","<svg focusable=\"false\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 100 100\">\n  <circle cx=\"50%\" cy=\"50%\" r=\"46\" class=\"daff-loading-icon__bg\"></circle>\n  <circle cx=\"50%\" cy=\"50%\" r=\"46\" class=\"daff-loading-icon__loader\"></circle>\n</svg>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffLoadingIconComponent } from './loading-icon/loading-icon.component';\n\n/**\n * @deprecated in favor of {@link DAFF_LOADING_ICON_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.\n */\n@NgModule({\n  imports: [\n    CommonModule,\n    DaffLoadingIconComponent,\n  ],\n  exports: [\n    DaffLoadingIconComponent,\n  ],\n})\nexport class DaffLoadingIconModule { }\n","import { DaffLoadingIconComponent } from './loading-icon/loading-icon.component';\n\n/**\n * @docs-private\n */\nexport const DAFF_LOADING_ICON_COMPONENTS = <const> [\n  DaffLoadingIconComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;AAQA;;AAEG;MAaU,wBAAwB,CAAA;AAZrC,IAAA,WAAA,GAAA;AAaE;;AAEG;QACqC,IAAK,CAAA,KAAA,GAAG,IAAI;AACrD;iIALY,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAxB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,wBAAwB,wOCvBrC,6QAGM,EAAA,MAAA,EAAA,CAAA,2bAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FDoBO,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAZpC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,EAGb,cAAA,EAAA;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,sBAAsB;4BACjC,MAAM,EAAE,CAAC,OAAO,CAAC;AAClB,yBAAA;qBACF,EACgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,6QAAA,EAAA,MAAA,EAAA,CAAA,2bAAA,CAAA,EAAA;8BAMP,KAAK,EAAA,CAAA;sBAA5C,WAAW;uBAAC,yBAAyB;;;AEtBxC;;AAEG;MAUU,qBAAqB,CAAA;iIAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAArB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,YAP9B,YAAY;AACZ,YAAA,wBAAwB,aAGxB,wBAAwB,CAAA,EAAA,CAAA,CAAA;AAGf,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,YAP9B,YAAY,CAAA,EAAA,CAAA,CAAA;;2FAOH,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBATjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,wBAAwB;AACzB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,wBAAwB;AACzB,qBAAA;AACF,iBAAA;;;ACdD;;AAEG;AACU,MAAA,4BAA4B,GAAW;IAClD,wBAAwB;;;ACN1B;;AAEG;;;;"}

package/fesm2022/daffodil-design-media-gallery-examples.mjs

@@ -4,52 +4,101 @@ import * as i2 from '@daffodil/design/image';
 import { DAFF_IMAGE_COMPONENTS } from '@daffodil/design/image';
 import * as i1 from '@daffodil/design/media-gallery';
 import { DAFF_MEDIA_GALLERY_COMPONENTS } from '@daffodil/design/media-gallery';
+import * as i3 from '@daffodil/design/youtube-player';
+import { DAFF_YOUTUBE_PLAYER_COMPONENTS } from '@daffodil/design/youtube-player';
 
 class BasicMediaGalleryComponent {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: BasicMediaGalleryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", type: BasicMediaGalleryComponent, isStandalone: true, selector: "basic-media-gallery", ngImport: i0, template: "<daff-media-gallery>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=3763&q=80\" alt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Fruits\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Lemons\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1543363136-7fbfcd3b240d?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Avocado\" width=\"946\" height=\"946\"></daff-image>\n</daff-media-gallery>\n", dependencies: [{ kind: "component", type: i1.DaffMediaGalleryComponent, selector: "daff-media-gallery", inputs: ["name"] }, { kind: "directive", type: i1.DaffThumbnailDirective, selector: "[daffThumbnail]" }, { kind: "component", type: i2.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: BasicMediaGalleryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: BasicMediaGalleryComponent, isStandalone: true, selector: "basic-media-gallery", ngImport: i0, template: "<daff-media-gallery>\n\t<ng-template \n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\tsrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Fruits\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Fruits\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\t\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Lemons\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Lemons\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1543363136-7fbfcd3b240d?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Avocado\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1543363136-7fbfcd3b240d?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Avocado\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n</daff-media-gallery>", dependencies: [{ kind: "component", type: i1.DaffMediaGalleryComponent, selector: "daff-media-gallery", inputs: ["id"], outputs: ["elementChange"] }, { kind: "directive", type: i1.DaffThumbnailDirective, selector: "[daffThumbnail]", inputs: ["thumbnailSrc", "label", "isVideo"] }, { kind: "component", type: i2.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: BasicMediaGalleryComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: BasicMediaGalleryComponent, decorators: [{
             type: Component,
             args: [{ selector: 'basic-media-gallery', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         DAFF_MEDIA_GALLERY_COMPONENTS,
                         DAFF_IMAGE_COMPONENTS,
-                    ], template: "<daff-media-gallery>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=3763&q=80\" alt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Fruits\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Lemons\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1543363136-7fbfcd3b240d?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Avocado\" width=\"946\" height=\"946\"></daff-image>\n</daff-media-gallery>\n" }]
+                    ], template: "<daff-media-gallery>\n\t<ng-template \n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\tsrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Fruits\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Fruits\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\t\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Lemons\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Lemons\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1543363136-7fbfcd3b240d?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Avocado\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1543363136-7fbfcd3b240d?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Avocado\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n</daff-media-gallery>" }]
+        }] });
+
+class IteratedMediaGalleryComponent {
+    constructor() {
+        this.elements = [
+            {
+                type: 'image',
+                src: 'https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80',
+                thumbnail: 'https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=80&q=80',
+                alt: 'Lemons',
+                width: 946,
+                height: 946,
+            },
+            {
+                type: 'image',
+                src: 'https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=1600',
+                thumbnail: 'https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80',
+                alt: 'Lemons',
+                width: 946,
+                height: 946,
+            },
+        ];
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: IteratedMediaGalleryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.5", type: IteratedMediaGalleryComponent, isStandalone: true, selector: "iterated-media-gallery", ngImport: i0, template: "<daff-media-gallery>\n\t@for(element of elements; track element) {\n\t\t<ng-template daffThumbnail [thumbnailSrc]=\"element.thumbnail\" [label]=\"element.alt\">\n\t\t\t@switch (element.type) {\n\t\t\t\t@case ('image') {\n\t\t\t\t\t<daff-image [src]=\"element.src\" [alt]=\"element.alt\" [width]=\"element.width\" [height]=\"element.height\"></daff-image>\n\t\t\t\t}\n\t\t\t}\n\t\t</ng-template>\n\t}\n</daff-media-gallery>", dependencies: [{ kind: "component", type: i1.DaffMediaGalleryComponent, selector: "daff-media-gallery", inputs: ["id"], outputs: ["elementChange"] }, { kind: "directive", type: i1.DaffThumbnailDirective, selector: "[daffThumbnail]", inputs: ["thumbnailSrc", "label", "isVideo"] }, { kind: "component", type: i2.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: IteratedMediaGalleryComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'iterated-media-gallery', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        DAFF_MEDIA_GALLERY_COMPONENTS,
+                        DAFF_IMAGE_COMPONENTS,
+                    ], template: "<daff-media-gallery>\n\t@for(element of elements; track element) {\n\t\t<ng-template daffThumbnail [thumbnailSrc]=\"element.thumbnail\" [label]=\"element.alt\">\n\t\t\t@switch (element.type) {\n\t\t\t\t@case ('image') {\n\t\t\t\t\t<daff-image [src]=\"element.src\" [alt]=\"element.alt\" [width]=\"element.width\" [height]=\"element.height\"></daff-image>\n\t\t\t\t}\n\t\t\t}\n\t\t</ng-template>\n\t}\n</daff-media-gallery>" }]
+        }] });
+
+class MediaGalleryWithVideoComponent {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: MediaGalleryWithVideoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: MediaGalleryWithVideoComponent, isStandalone: true, selector: "media-gallery-with-video", ngImport: i0, template: "<daff-media-gallery>\n\t<ng-template \n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\tsrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Fruits\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Fruits\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\t\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Lemons\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Lemons\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template daffThumbnail isVideo=\"true\">\n\t\t<daff-youtube-player [src]=\"'https://www.youtube.com/embed/bBQA7yy7EBU?si=gQcCoChmofSeO-vE_-' | daffYoutubeSafe\" width=\"560\" height=\"315\" title=\"Jazzy Lofi\">\t\t\t\t\t\n\t\t</daff-youtube-player>\n\t</ng-template>\n</daff-media-gallery>", dependencies: [{ kind: "component", type: i1.DaffMediaGalleryComponent, selector: "daff-media-gallery", inputs: ["id"], outputs: ["elementChange"] }, { kind: "directive", type: i1.DaffThumbnailDirective, selector: "[daffThumbnail]", inputs: ["thumbnailSrc", "label", "isVideo"] }, { kind: "component", type: i2.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }, { kind: "component", type: i3.DaffYoutubePlayerComponent, selector: "daff-youtube-player", inputs: ["src", "title", "width", "height"] }, { kind: "pipe", type: i3.DaffYoutubeSafePipe, name: "daffYoutubeSafe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: MediaGalleryWithVideoComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'media-gallery-with-video', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
+                        DAFF_MEDIA_GALLERY_COMPONENTS,
+                        DAFF_IMAGE_COMPONENTS,
+                        DAFF_YOUTUBE_PLAYER_COMPONENTS,
+                    ], template: "<daff-media-gallery>\n\t<ng-template \n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\tsrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Fruits\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Fruits\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\t\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Lemons\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Lemons\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template daffThumbnail isVideo=\"true\">\n\t\t<daff-youtube-player [src]=\"'https://www.youtube.com/embed/bBQA7yy7EBU?si=gQcCoChmofSeO-vE_-' | daffYoutubeSafe\" width=\"560\" height=\"315\" title=\"Jazzy Lofi\">\t\t\t\t\t\n\t\t</daff-youtube-player>\n\t</ng-template>\n</daff-media-gallery>" }]
         }] });
 
 class MismatchedSizesMediaGalleryComponent {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: MismatchedSizesMediaGalleryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", type: MismatchedSizesMediaGalleryComponent, isStandalone: true, selector: "mismatched-sizes-media-gallery", ngImport: i0, template: "<daff-media-gallery>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=3763&q=80\" alt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1551410224-699683e15636?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\" alt=\"Drink\" width=\"640\" height=\"799\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1586788224331-947f68671cf1?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=934&q=80\" alt=\"Fruits\" width=\"640\" height=\"960\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1559181567-c3190ca9959b?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\" alt=\"Cherries\" width=\"640\" height=\"800\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1606926167690-07a1edafd407?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=2250&q=80\" alt=\"Lemons\" width=\"640\" height=\"426\"></daff-image>\n</daff-media-gallery>\n", dependencies: [{ kind: "component", type: i1.DaffMediaGalleryComponent, selector: "daff-media-gallery", inputs: ["name"] }, { kind: "directive", type: i1.DaffThumbnailDirective, selector: "[daffThumbnail]" }, { kind: "component", type: i2.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: MismatchedSizesMediaGalleryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: MismatchedSizesMediaGalleryComponent, isStandalone: true, selector: "mismatched-sizes-media-gallery", ngImport: i0, template: "<daff-media-gallery>\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=3763&q=80\" label=\"Drink\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=3763&q=80\"\n\t\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1551410224-699683e15636?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\" label=\"Drink\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1551410224-699683e15636?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\"\n\t\t\talt=\"Drink\" width=\"640\" height=\"799\"></daff-image>\n\t</ng-template>\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1586788224331-947f68671cf1?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=934&q=80\" label=\"Fruits\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1586788224331-947f68671cf1?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=934&q=80\"\n\t\t\talt=\"Fruits\" width=\"640\" height=\"960\"></daff-image>\n\t</ng-template>\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1559181567-c3190ca9959b?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\" label=\"Cherries\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1559181567-c3190ca9959b?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\"\n\t\t\talt=\"Cherries\" width=\"640\" height=\"800\"></daff-image>\n\t</ng-template>\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1606926167690-07a1edafd407?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=2250&q=80\" label=\"Lemons\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1606926167690-07a1edafd407?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=2250&q=80\"\n\t\t\talt=\"Lemons\" width=\"640\" height=\"426\"></daff-image>\n\t</ng-template>\n</daff-media-gallery>", dependencies: [{ kind: "component", type: i1.DaffMediaGalleryComponent, selector: "daff-media-gallery", inputs: ["id"], outputs: ["elementChange"] }, { kind: "directive", type: i1.DaffThumbnailDirective, selector: "[daffThumbnail]", inputs: ["thumbnailSrc", "label", "isVideo"] }, { kind: "component", type: i2.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: MismatchedSizesMediaGalleryComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: MismatchedSizesMediaGalleryComponent, decorators: [{
             type: Component,
             args: [{ selector: 'mismatched-sizes-media-gallery', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         DAFF_MEDIA_GALLERY_COMPONENTS,
                         DAFF_IMAGE_COMPONENTS,
-                    ], template: "<daff-media-gallery>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=3763&q=80\" alt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1551410224-699683e15636?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\" alt=\"Drink\" width=\"640\" height=\"799\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1586788224331-947f68671cf1?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=934&q=80\" alt=\"Fruits\" width=\"640\" height=\"960\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1559181567-c3190ca9959b?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\" alt=\"Cherries\" width=\"640\" height=\"800\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1606926167690-07a1edafd407?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=2250&q=80\" alt=\"Lemons\" width=\"640\" height=\"426\"></daff-image>\n</daff-media-gallery>\n" }]
+                    ], template: "<daff-media-gallery>\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=3763&q=80\" label=\"Drink\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=3763&q=80\"\n\t\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1551410224-699683e15636?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\" label=\"Drink\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1551410224-699683e15636?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\"\n\t\t\talt=\"Drink\" width=\"640\" height=\"799\"></daff-image>\n\t</ng-template>\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1586788224331-947f68671cf1?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=934&q=80\" label=\"Fruits\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1586788224331-947f68671cf1?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=934&q=80\"\n\t\t\talt=\"Fruits\" width=\"640\" height=\"960\"></daff-image>\n\t</ng-template>\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1559181567-c3190ca9959b?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\" label=\"Cherries\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1559181567-c3190ca9959b?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\"\n\t\t\talt=\"Cherries\" width=\"640\" height=\"800\"></daff-image>\n\t</ng-template>\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1606926167690-07a1edafd407?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=2250&q=80\" label=\"Lemons\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1606926167690-07a1edafd407?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=2250&q=80\"\n\t\t\talt=\"Lemons\" width=\"640\" height=\"426\"></daff-image>\n\t</ng-template>\n</daff-media-gallery>" }]
         }] });
 
 class SkeletonMediaGalleryComponent {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: SkeletonMediaGalleryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", type: SkeletonMediaGalleryComponent, isStandalone: true, selector: "skeleton-media-gallery", ngImport: i0, template: "<daff-media-gallery [skeleton]=\"true\">\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=3763&q=80\" alt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Fruits\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Lemons\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1543363136-7fbfcd3b240d?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Avocado\" width=\"946\" height=\"946\"></daff-image>\n</daff-media-gallery>\n", dependencies: [{ kind: "component", type: i1.DaffMediaGalleryComponent, selector: "daff-media-gallery", inputs: ["name"] }, { kind: "directive", type: i1.DaffThumbnailDirective, selector: "[daffThumbnail]" }, { kind: "component", type: i2.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: SkeletonMediaGalleryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.1.5", type: SkeletonMediaGalleryComponent, isStandalone: true, selector: "skeleton-media-gallery", ngImport: i0, template: "<daff-media-gallery [skeleton]=\"true\"></daff-media-gallery>", dependencies: [{ kind: "component", type: i1.DaffMediaGalleryComponent, selector: "daff-media-gallery", inputs: ["id"], outputs: ["elementChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: SkeletonMediaGalleryComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.5", ngImport: i0, type: SkeletonMediaGalleryComponent, decorators: [{
             type: Component,
             args: [{ selector: 'skeleton-media-gallery', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         DAFF_MEDIA_GALLERY_COMPONENTS,
                         DAFF_IMAGE_COMPONENTS,
-                    ], template: "<daff-media-gallery [skeleton]=\"true\">\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=3763&q=80\" alt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Fruits\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Lemons\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1543363136-7fbfcd3b240d?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Avocado\" width=\"946\" height=\"946\"></daff-image>\n</daff-media-gallery>\n" }]
+                    ], template: "<daff-media-gallery [skeleton]=\"true\"></daff-media-gallery>" }]
         }] });
 
 const MEDIA_GALLERY_EXAMPLES = [
     BasicMediaGalleryComponent,
     MismatchedSizesMediaGalleryComponent,
     SkeletonMediaGalleryComponent,
+    IteratedMediaGalleryComponent,
+    MediaGalleryWithVideoComponent,
 ];
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { BasicMediaGalleryComponent, MEDIA_GALLERY_EXAMPLES, MismatchedSizesMediaGalleryComponent, SkeletonMediaGalleryComponent };
+export { BasicMediaGalleryComponent, IteratedMediaGalleryComponent, MEDIA_GALLERY_EXAMPLES, MediaGalleryWithVideoComponent, MismatchedSizesMediaGalleryComponent, SkeletonMediaGalleryComponent };
 //# sourceMappingURL=daffodil-design-media-gallery-examples.mjs.map

package/fesm2022/daffodil-design-media-gallery-examples.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"daffodil-design-media-gallery-examples.mjs","sources":["../../../libs/design/media-gallery/examples/src/basic-media-gallery/basic-media-gallery.component.ts","../../../libs/design/media-gallery/examples/src/basic-media-gallery/basic-media-gallery.component.html","../../../libs/design/media-gallery/examples/src/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component.ts","../../../libs/design/media-gallery/examples/src/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component.html","../../../libs/design/media-gallery/examples/src/skeleton-media-gallery/skeleton-media-gallery.component.ts","../../../libs/design/media-gallery/examples/src/skeleton-media-gallery/skeleton-media-gallery.component.html","../../../libs/design/media-gallery/examples/src/examples.ts","../../../libs/design/media-gallery/examples/src/daffodil-design-media-gallery-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\nimport { DAFF_IMAGE_COMPONENTS } from '@daffodil/design/image';\nimport { DAFF_MEDIA_GALLERY_COMPONENTS } from '@daffodil/design/media-gallery';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-media-gallery',\n  templateUrl: './basic-media-gallery.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_MEDIA_GALLERY_COMPONENTS,\n    DAFF_IMAGE_COMPONENTS,\n  ],\n})\nexport class BasicMediaGalleryComponent {\n\n\n}\n","<daff-media-gallery>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=3763&q=80\" alt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Fruits\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Lemons\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1543363136-7fbfcd3b240d?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Avocado\" width=\"946\" height=\"946\"></daff-image>\n</daff-media-gallery>\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\nimport { DAFF_IMAGE_COMPONENTS } from '@daffodil/design/image';\nimport { DAFF_MEDIA_GALLERY_COMPONENTS } from '@daffodil/design/media-gallery';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'mismatched-sizes-media-gallery',\n  templateUrl: './mismatched-sizes-media-gallery.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_MEDIA_GALLERY_COMPONENTS,\n    DAFF_IMAGE_COMPONENTS,\n  ],\n})\nexport class MismatchedSizesMediaGalleryComponent {}\n","<daff-media-gallery>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=3763&q=80\" alt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1551410224-699683e15636?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\" alt=\"Drink\" width=\"640\" height=\"799\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1586788224331-947f68671cf1?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=934&q=80\" alt=\"Fruits\" width=\"640\" height=\"960\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1559181567-c3190ca9959b?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\" alt=\"Cherries\" width=\"640\" height=\"800\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1606926167690-07a1edafd407?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=2250&q=80\" alt=\"Lemons\" width=\"640\" height=\"426\"></daff-image>\n</daff-media-gallery>\n","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\nimport { DAFF_IMAGE_COMPONENTS } from '@daffodil/design/image';\nimport { DAFF_MEDIA_GALLERY_COMPONENTS } from '@daffodil/design/media-gallery';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'skeleton-media-gallery',\n  templateUrl: './skeleton-media-gallery.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_MEDIA_GALLERY_COMPONENTS,\n    DAFF_IMAGE_COMPONENTS,\n  ],\n})\nexport class SkeletonMediaGalleryComponent {\n\n\n}\n","<daff-media-gallery [skeleton]=\"true\">\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=3763&q=80\" alt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Fruits\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Lemons\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1543363136-7fbfcd3b240d?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Avocado\" width=\"946\" height=\"946\"></daff-image>\n</daff-media-gallery>\n","import { BasicMediaGalleryComponent } from './basic-media-gallery/basic-media-gallery.component';\nimport { MismatchedSizesMediaGalleryComponent } from './mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component';\nimport { SkeletonMediaGalleryComponent } from './skeleton-media-gallery/skeleton-media-gallery.component';\n\nexport const MEDIA_GALLERY_EXAMPLES = [\n  BasicMediaGalleryComponent,\n  MismatchedSizesMediaGalleryComponent,\n  SkeletonMediaGalleryComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"daffodil-design-media-gallery-examples.mjs","sources":["../../../libs/design/media-gallery/examples/src/basic-media-gallery/basic-media-gallery.component.ts","../../../libs/design/media-gallery/examples/src/basic-media-gallery/basic-media-gallery.component.html","../../../libs/design/media-gallery/examples/src/iterated-media-gallery/iterated-media-gallery.component.ts","../../../libs/design/media-gallery/examples/src/iterated-media-gallery/iterated-media-gallery.component.html","../../../libs/design/media-gallery/examples/src/media-gallery-with-video/media-gallery-with-video.component.ts","../../../libs/design/media-gallery/examples/src/media-gallery-with-video/media-gallery-with-video.component.html","../../../libs/design/media-gallery/examples/src/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component.ts","../../../libs/design/media-gallery/examples/src/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component.html","../../../libs/design/media-gallery/examples/src/skeleton-media-gallery/skeleton-media-gallery.component.ts","../../../libs/design/media-gallery/examples/src/skeleton-media-gallery/skeleton-media-gallery.component.html","../../../libs/design/media-gallery/examples/src/examples.ts","../../../libs/design/media-gallery/examples/src/daffodil-design-media-gallery-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\nimport { DAFF_IMAGE_COMPONENTS } from '@daffodil/design/image';\nimport { DAFF_MEDIA_GALLERY_COMPONENTS } from '@daffodil/design/media-gallery';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-media-gallery',\n  templateUrl: './basic-media-gallery.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_MEDIA_GALLERY_COMPONENTS,\n    DAFF_IMAGE_COMPONENTS,\n  ],\n})\nexport class BasicMediaGalleryComponent {}\n","<daff-media-gallery>\n\t<ng-template \n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\tsrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Fruits\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Fruits\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\t\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Lemons\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Lemons\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1543363136-7fbfcd3b240d?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Avocado\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1543363136-7fbfcd3b240d?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Avocado\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n</daff-media-gallery>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\nimport { DAFF_IMAGE_COMPONENTS } from '@daffodil/design/image';\nimport { DAFF_MEDIA_GALLERY_COMPONENTS } from '@daffodil/design/media-gallery';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'iterated-media-gallery',\n  templateUrl: './iterated-media-gallery.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_MEDIA_GALLERY_COMPONENTS,\n    DAFF_IMAGE_COMPONENTS,\n  ],\n})\nexport class IteratedMediaGalleryComponent {\n  elements = [\n    {\n      type: 'image',\n      src: 'https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80',\n      thumbnail: 'https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=80&q=80',\n      alt: 'Lemons',\n      width: 946,\n      height: 946,\n    },\n    {\n      type: 'image',\n      src: 'https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=1600',\n      thumbnail: 'https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80',\n      alt: 'Lemons',\n      width: 946,\n      height: 946,\n    },\n  ];\n}\n","<daff-media-gallery>\n\t@for(element of elements; track element) {\n\t\t<ng-template daffThumbnail [thumbnailSrc]=\"element.thumbnail\" [label]=\"element.alt\">\n\t\t\t@switch (element.type) {\n\t\t\t\t@case ('image') {\n\t\t\t\t\t<daff-image [src]=\"element.src\" [alt]=\"element.alt\" [width]=\"element.width\" [height]=\"element.height\"></daff-image>\n\t\t\t\t}\n\t\t\t}\n\t\t</ng-template>\n\t}\n</daff-media-gallery>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\n\nimport { DAFF_IMAGE_COMPONENTS } from '@daffodil/design/image';\nimport { DAFF_MEDIA_GALLERY_COMPONENTS } from '@daffodil/design/media-gallery';\nimport { DAFF_YOUTUBE_PLAYER_COMPONENTS } from '@daffodil/design/youtube-player';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'media-gallery-with-video',\n  templateUrl: './media-gallery-with-video.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_MEDIA_GALLERY_COMPONENTS,\n    DAFF_IMAGE_COMPONENTS,\n    DAFF_YOUTUBE_PLAYER_COMPONENTS,\n  ],\n})\nexport class MediaGalleryWithVideoComponent {}\n","<daff-media-gallery>\n\t<ng-template \n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\tsrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Fruits\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Fruits\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\t\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Lemons\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Lemons\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template daffThumbnail isVideo=\"true\">\n\t\t<daff-youtube-player [src]=\"'https://www.youtube.com/embed/bBQA7yy7EBU?si=gQcCoChmofSeO-vE_-' | daffYoutubeSafe\" width=\"560\" height=\"315\" title=\"Jazzy Lofi\">\t\t\t\t\t\n\t\t</daff-youtube-player>\n\t</ng-template>\n</daff-media-gallery>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\nimport { DAFF_IMAGE_COMPONENTS } from '@daffodil/design/image';\nimport { DAFF_MEDIA_GALLERY_COMPONENTS } from '@daffodil/design/media-gallery';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'mismatched-sizes-media-gallery',\n  templateUrl: './mismatched-sizes-media-gallery.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_MEDIA_GALLERY_COMPONENTS,\n    DAFF_IMAGE_COMPONENTS,\n  ],\n})\nexport class MismatchedSizesMediaGalleryComponent {}\n","<daff-media-gallery>\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=3763&q=80\" label=\"Drink\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=3763&q=80\"\n\t\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1551410224-699683e15636?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\" label=\"Drink\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1551410224-699683e15636?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\"\n\t\t\talt=\"Drink\" width=\"640\" height=\"799\"></daff-image>\n\t</ng-template>\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1586788224331-947f68671cf1?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=934&q=80\" label=\"Fruits\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1586788224331-947f68671cf1?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=934&q=80\"\n\t\t\talt=\"Fruits\" width=\"640\" height=\"960\"></daff-image>\n\t</ng-template>\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1559181567-c3190ca9959b?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\" label=\"Cherries\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1559181567-c3190ca9959b?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\"\n\t\t\talt=\"Cherries\" width=\"640\" height=\"800\"></daff-image>\n\t</ng-template>\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1606926167690-07a1edafd407?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=2250&q=80\" label=\"Lemons\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1606926167690-07a1edafd407?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=2250&q=80\"\n\t\t\talt=\"Lemons\" width=\"640\" height=\"426\"></daff-image>\n\t</ng-template>\n</daff-media-gallery>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\nimport { DAFF_IMAGE_COMPONENTS } from '@daffodil/design/image';\nimport { DAFF_MEDIA_GALLERY_COMPONENTS } from '@daffodil/design/media-gallery';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'skeleton-media-gallery',\n  templateUrl: './skeleton-media-gallery.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_MEDIA_GALLERY_COMPONENTS,\n    DAFF_IMAGE_COMPONENTS,\n  ],\n})\nexport class SkeletonMediaGalleryComponent {\n\n\n}\n","<daff-media-gallery [skeleton]=\"true\"></daff-media-gallery>","import { BasicMediaGalleryComponent } from './basic-media-gallery/basic-media-gallery.component';\nimport { IteratedMediaGalleryComponent } from './iterated-media-gallery/iterated-media-gallery.component';\nimport { MediaGalleryWithVideoComponent } from './media-gallery-with-video/media-gallery-with-video.component';\nimport { MismatchedSizesMediaGalleryComponent } from './mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component';\nimport { SkeletonMediaGalleryComponent } from './skeleton-media-gallery/skeleton-media-gallery.component';\n\nexport const MEDIA_GALLERY_EXAMPLES = [\n  BasicMediaGalleryComponent,\n  MismatchedSizesMediaGalleryComponent,\n  SkeletonMediaGalleryComponent,\n  IteratedMediaGalleryComponent,\n  MediaGalleryWithVideoComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}