@daffodil/design 0.66.1 → 0.67.0

package/esm2022/list/list-subheader/list-subheader.directive.mjs

@@ -0,0 +1,25 @@
+import { Directive, HostBinding, } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @deprecated
+ */
+export class DaffListSubheaderDirective {
+    constructor() {
+        /**
+         * @docs-private
+         */
+        this.class = true;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffListSubheaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.1", type: DaffListSubheaderDirective, selector: "[daffListSubheader]", host: { properties: { "class.daff-list__subheader": "this.class" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffListSubheaderDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[daffListSubheader]',
+                }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-list__subheader']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC1zdWJoZWFkZXIuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vbGlzdC9zcmMvbGlzdC1zdWJoZWFkZXIvbGlzdC1zdWJoZWFkZXIuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsV0FBVyxHQUNaLE1BQU0sZUFBZSxDQUFDOztBQUV2Qjs7R0FFRztBQUlILE1BQU0sT0FBTywwQkFBMEI7SUFIdkM7UUFLRTs7V0FFRztRQUN3QyxVQUFLLEdBQUcsSUFBSSxDQUFDO0tBQ3pEO2lJQU5ZLDBCQUEwQjtxSEFBMUIsMEJBQTBCOzsyRkFBMUIsMEJBQTBCO2tCQUh0QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxxQkFBcUI7aUJBQ2hDOzhCQU00QyxLQUFLO3NCQUEvQyxXQUFXO3VCQUFDLDRCQUE0QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIERpcmVjdGl2ZSxcbiAgSG9zdEJpbmRpbmcsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIEBkZXByZWNhdGVkXG4gKi9cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tkYWZmTGlzdFN1YmhlYWRlcl0nLFxufSlcbmV4cG9ydCBjbGFzcyBEYWZmTGlzdFN1YmhlYWRlckRpcmVjdGl2ZSB7XG5cbiAgLyoqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZGFmZi1saXN0X19zdWJoZWFkZXInKSBjbGFzcyA9IHRydWU7XG59XG4iXX0=

package/esm2022/list/list.module.mjs

@@ -0,0 +1,40 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { DaffPrefixSuffixModule } from '@daffodil/design';
+import { DaffListComponent } from './list/list.component';
+import { DaffListItemComponent } from './list-item/list-item.component';
+import { DaffListSubheaderDirective } from './list-subheader/list-subheader.directive';
+import * as i0 from "@angular/core";
+export class DaffListModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: DaffListModule, declarations: [DaffListComponent,
+            DaffListSubheaderDirective,
+            DaffListItemComponent], imports: [CommonModule,
+            DaffPrefixSuffixModule], exports: [DaffListComponent,
+            DaffListSubheaderDirective,
+            DaffListItemComponent,
+            DaffPrefixSuffixModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffListModule, imports: [CommonModule,
+            DaffPrefixSuffixModule, DaffPrefixSuffixModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffListModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        DaffPrefixSuffixModule,
+                    ],
+                    declarations: [
+                        DaffListComponent,
+                        DaffListSubheaderDirective,
+                        DaffListItemComponent,
+                    ],
+                    exports: [
+                        DaffListComponent,
+                        DaffListSubheaderDirective,
+                        DaffListItemComponent,
+                        DaffPrefixSuffixModule,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9saXN0L3NyYy9saXN0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6QyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUUxRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUN4RSxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQzs7QUFtQnZGLE1BQU0sT0FBTyxjQUFjO2lJQUFkLGNBQWM7a0lBQWQsY0FBYyxpQkFYdkIsaUJBQWlCO1lBQ2pCLDBCQUEwQjtZQUMxQixxQkFBcUIsYUFOckIsWUFBWTtZQUNaLHNCQUFzQixhQVF0QixpQkFBaUI7WUFDakIsMEJBQTBCO1lBQzFCLHFCQUFxQjtZQUNyQixzQkFBc0I7a0lBR2IsY0FBYyxZQWZ2QixZQUFZO1lBQ1osc0JBQXNCLEVBV3RCLHNCQUFzQjs7MkZBR2IsY0FBYztrQkFqQjFCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osc0JBQXNCO3FCQUN2QjtvQkFDRCxZQUFZLEVBQUU7d0JBQ1osaUJBQWlCO3dCQUNqQiwwQkFBMEI7d0JBQzFCLHFCQUFxQjtxQkFDdEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLGlCQUFpQjt3QkFDakIsMEJBQTBCO3dCQUMxQixxQkFBcUI7d0JBQ3JCLHNCQUFzQjtxQkFDdkI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRGFmZlByZWZpeFN1ZmZpeE1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG5pbXBvcnQgeyBEYWZmTGlzdENvbXBvbmVudCB9IGZyb20gJy4vbGlzdC9saXN0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEYWZmTGlzdEl0ZW1Db21wb25lbnQgfSBmcm9tICcuL2xpc3QtaXRlbS9saXN0LWl0ZW0uY29tcG9uZW50JztcbmltcG9ydCB7IERhZmZMaXN0U3ViaGVhZGVyRGlyZWN0aXZlIH0gZnJvbSAnLi9saXN0LXN1YmhlYWRlci9saXN0LXN1YmhlYWRlci5kaXJlY3RpdmUnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIERhZmZQcmVmaXhTdWZmaXhNb2R1bGUsXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW1xuICAgIERhZmZMaXN0Q29tcG9uZW50LFxuICAgIERhZmZMaXN0U3ViaGVhZGVyRGlyZWN0aXZlLFxuICAgIERhZmZMaXN0SXRlbUNvbXBvbmVudCxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIERhZmZMaXN0Q29tcG9uZW50LFxuICAgIERhZmZMaXN0U3ViaGVhZGVyRGlyZWN0aXZlLFxuICAgIERhZmZMaXN0SXRlbUNvbXBvbmVudCxcbiAgICBEYWZmUHJlZml4U3VmZml4TW9kdWxlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBEYWZmTGlzdE1vZHVsZSB7IH1cbiJdfQ==

package/esm2022/list/public_api.mjs

@@ -0,0 +1,5 @@
+export { DaffListModule } from './list.module';
+export * from './list/list.component';
+export * from './list-subheader/list-subheader.directive';
+export * from './list-item/list-item.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2xpc3Qvc3JjL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsMkNBQTJDLENBQUM7QUFDMUQsY0FBYyxpQ0FBaUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IERhZmZMaXN0TW9kdWxlIH0gZnJvbSAnLi9saXN0Lm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL2xpc3QvbGlzdC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saXN0LXN1YmhlYWRlci9saXN0LXN1YmhlYWRlci5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9saXN0LWl0ZW0vbGlzdC1pdGVtLmNvbXBvbmVudCc7XG4iXX0=

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

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGFmZm9kaWwtZGVzaWduLWxvYWRpbmctaWNvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2xvYWRpbmctaWNvbi9zcmMvZGFmZm9kaWwtZGVzaWduLWxvYWRpbmctaWNvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==

package/esm2022/loading-icon/examples/loading-icon-color/loading-icon-color.component.mjs

@@ -0,0 +1,20 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { UntypedFormGroup, UntypedFormControl, } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@daffodil/design/loading-icon";
+import * as i2 from "@daffodil/design";
+import * as i3 from "@angular/forms";
+export class LoadingIconColorComponent {
+    constructor() {
+        this.colorGroup = new UntypedFormGroup({
+            color: new UntypedFormControl('primary'),
+        });
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: LoadingIconColorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: LoadingIconColorComponent, selector: "loading-icon-color", ngImport: i0, template: "<daff-loading-icon [diameter]=\"50\" [color]=\"colorGroup.get('color').value\"></daff-loading-icon>\n\n<daff-radio-set [formGroup]=\"colorGroup\" name=\"color\">\n  <daff-radio formControlName=\"color\" value=\"primary\">Primary</daff-radio>\n  <daff-radio formControlName=\"color\" value=\"secondary\">Secondary</daff-radio>\n  <daff-radio formControlName=\"color\" value=\"tertiary\">Tertiary</daff-radio>\n</daff-radio-set>", dependencies: [{ kind: "component", type: i1.DaffLoadingIconComponent, selector: "daff-loading-icon", inputs: ["color", "diameter"] }, { kind: "component", type: i2.DaffRadioComponent, selector: "daff-radio", inputs: ["checked", "value", "id", "name", "aria-label", "aria-labelledby"], outputs: ["selectionChange"] }, { kind: "component", type: i2.DaffRadioSetComponent, selector: "daff-radio-set", inputs: ["name"] }, { kind: "directive", type: i2.DaffRadioControlValueAccessorDirective, selector: "daff-radio[ngModel], daff-radio[formControl], daff-radio[formControlName]", inputs: ["value", "name"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: LoadingIconColorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'loading-icon-color', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-loading-icon [diameter]=\"50\" [color]=\"colorGroup.get('color').value\"></daff-loading-icon>\n\n<daff-radio-set [formGroup]=\"colorGroup\" name=\"color\">\n  <daff-radio formControlName=\"color\" value=\"primary\">Primary</daff-radio>\n  <daff-radio formControlName=\"color\" value=\"secondary\">Secondary</daff-radio>\n  <daff-radio formControlName=\"color\" value=\"tertiary\">Tertiary</daff-radio>\n</daff-radio-set>" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy1pY29uLWNvbG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2xvYWRpbmctaWNvbi9leGFtcGxlcy9zcmMvbG9hZGluZy1pY29uLWNvbG9yL2xvYWRpbmctaWNvbi1jb2xvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9sb2FkaW5nLWljb24vZXhhbXBsZXMvc3JjL2xvYWRpbmctaWNvbi1jb2xvci9sb2FkaW5nLWljb24tY29sb3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNMLGdCQUFnQixFQUNoQixrQkFBa0IsR0FDbkIsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7QUFReEIsTUFBTSxPQUFPLHlCQUF5QjtJQU50QztRQU9FLGVBQVUsR0FBRyxJQUFJLGdCQUFnQixDQUFDO1lBQ2hDLEtBQUssRUFBRSxJQUFJLGtCQUFrQixDQUFDLFNBQVMsQ0FBQztTQUN6QyxDQUFDLENBQUM7S0FDSjtpSUFKWSx5QkFBeUI7cUhBQXpCLHlCQUF5QiwwRENmdEMsNGFBTWlCOzsyRkRTSix5QkFBeUI7a0JBTnJDLFNBQVM7K0JBRUUsb0JBQW9CLG1CQUViLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIFVudHlwZWRGb3JtR3JvdXAsXG4gIFVudHlwZWRGb3JtQ29udHJvbCxcbn0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdsb2FkaW5nLWljb24tY29sb3InLFxuICB0ZW1wbGF0ZVVybDogJy4vbG9hZGluZy1pY29uLWNvbG9yLmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIExvYWRpbmdJY29uQ29sb3JDb21wb25lbnQge1xuICBjb2xvckdyb3VwID0gbmV3IFVudHlwZWRGb3JtR3JvdXAoe1xuICAgIGNvbG9yOiBuZXcgVW50eXBlZEZvcm1Db250cm9sKCdwcmltYXJ5JyksXG4gIH0pO1xufVxuIiwiPGRhZmYtbG9hZGluZy1pY29uIFtkaWFtZXRlcl09XCI1MFwiIFtjb2xvcl09XCJjb2xvckdyb3VwLmdldCgnY29sb3InKS52YWx1ZVwiPjwvZGFmZi1sb2FkaW5nLWljb24+XG5cbjxkYWZmLXJhZGlvLXNldCBbZm9ybUdyb3VwXT1cImNvbG9yR3JvdXBcIiBuYW1lPVwiY29sb3JcIj5cbiAgPGRhZmYtcmFkaW8gZm9ybUNvbnRyb2xOYW1lPVwiY29sb3JcIiB2YWx1ZT1cInByaW1hcnlcIj5QcmltYXJ5PC9kYWZmLXJhZGlvPlxuICA8ZGFmZi1yYWRpbyBmb3JtQ29udHJvbE5hbWU9XCJjb2xvclwiIHZhbHVlPVwic2Vjb25kYXJ5XCI+U2Vjb25kYXJ5PC9kYWZmLXJhZGlvPlxuICA8ZGFmZi1yYWRpbyBmb3JtQ29udHJvbE5hbWU9XCJjb2xvclwiIHZhbHVlPVwidGVydGlhcnlcIj5UZXJ0aWFyeTwvZGFmZi1yYWRpbz5cbjwvZGFmZi1yYWRpby1zZXQ+Il19

package/esm2022/loading-icon/examples/loading-icon-color/loading-icon-color.module.mjs

@@ -0,0 +1,32 @@
+import { NgModule } from '@angular/core';
+import { ReactiveFormsModule } from '@angular/forms';
+import { DaffRadioModule } from '@daffodil/design';
+import { DaffLoadingIconModule } from '@daffodil/design/loading-icon';
+import { LoadingIconColorComponent } from './loading-icon-color.component';
+import * as i0 from "@angular/core";
+export class LoadingIconColorModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: LoadingIconColorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: LoadingIconColorModule, declarations: [LoadingIconColorComponent], imports: [DaffLoadingIconModule,
+            DaffRadioModule,
+            ReactiveFormsModule], exports: [LoadingIconColorComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: LoadingIconColorModule, imports: [DaffLoadingIconModule,
+            DaffRadioModule,
+            ReactiveFormsModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: LoadingIconColorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        LoadingIconColorComponent,
+                    ],
+                    exports: [
+                        LoadingIconColorComponent,
+                    ],
+                    imports: [
+                        DaffLoadingIconModule,
+                        DaffRadioModule,
+                        ReactiveFormsModule,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy1pY29uLWNvbG9yLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2xvYWRpbmctaWNvbi9leGFtcGxlcy9zcmMvbG9hZGluZy1pY29uLWNvbG9yL2xvYWRpbmctaWNvbi1jb2xvci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUVyRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDbkQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFFdEUsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7O0FBZ0IzRSxNQUFNLE9BQU8sc0JBQXNCO2lJQUF0QixzQkFBc0I7a0lBQXRCLHNCQUFzQixpQkFYL0IseUJBQXlCLGFBTXpCLHFCQUFxQjtZQUNyQixlQUFlO1lBQ2YsbUJBQW1CLGFBTG5CLHlCQUF5QjtrSUFRaEIsc0JBQXNCLFlBTC9CLHFCQUFxQjtZQUNyQixlQUFlO1lBQ2YsbUJBQW1COzsyRkFHVixzQkFBc0I7a0JBYmxDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLHlCQUF5QjtxQkFDMUI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLHlCQUF5QjtxQkFDMUI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLHFCQUFxQjt3QkFDckIsZUFBZTt3QkFDZixtQkFBbUI7cUJBQ3BCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7IERhZmZSYWRpb01vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuaW1wb3J0IHsgRGFmZkxvYWRpbmdJY29uTW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi9sb2FkaW5nLWljb24nO1xuXG5pbXBvcnQgeyBMb2FkaW5nSWNvbkNvbG9yQ29tcG9uZW50IH0gZnJvbSAnLi9sb2FkaW5nLWljb24tY29sb3IuY29tcG9uZW50JztcblxuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBMb2FkaW5nSWNvbkNvbG9yQ29tcG9uZW50LFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgTG9hZGluZ0ljb25Db2xvckNvbXBvbmVudCxcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIERhZmZMb2FkaW5nSWNvbk1vZHVsZSxcbiAgICBEYWZmUmFkaW9Nb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgTG9hZGluZ0ljb25Db2xvck1vZHVsZSB7IH1cbiJdfQ==

package/esm2022/loading-icon/examples/loading-icon-diameter/loading-icon-diameter.component.mjs

@@ -0,0 +1,12 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@daffodil/design/loading-icon";
+export class LoadingIconDiameterComponent {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: LoadingIconDiameterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: LoadingIconDiameterComponent, selector: "loading-icon-diameter", ngImport: i0, template: "<daff-loading-icon [diameter]=\"100\"></daff-loading-icon>\n", dependencies: [{ kind: "component", type: i1.DaffLoadingIconComponent, selector: "daff-loading-icon", inputs: ["color", "diameter"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: LoadingIconDiameterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'loading-icon-diameter', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-loading-icon [diameter]=\"100\"></daff-loading-icon>\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy1pY29uLWRpYW1ldGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2xvYWRpbmctaWNvbi9leGFtcGxlcy9zcmMvbG9hZGluZy1pY29uLWRpYW1ldGVyL2xvYWRpbmctaWNvbi1kaWFtZXRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9sb2FkaW5nLWljb24vZXhhbXBsZXMvc3JjL2xvYWRpbmctaWNvbi1kaWFtZXRlci9sb2FkaW5nLWljb24tZGlhbWV0ZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7OztBQVF2QixNQUFNLE9BQU8sNEJBQTRCO2lJQUE1Qiw0QkFBNEI7cUhBQTVCLDRCQUE0Qiw2RENYekMsOERBQ0E7OzJGRFVhLDRCQUE0QjtrQkFOeEMsU0FBUzsrQkFFRSx1QkFBdUIsbUJBRWhCLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnbG9hZGluZy1pY29uLWRpYW1ldGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xvYWRpbmctaWNvbi1kaWFtZXRlci5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBMb2FkaW5nSWNvbkRpYW1ldGVyQ29tcG9uZW50IHsgfVxuIiwiPGRhZmYtbG9hZGluZy1pY29uIFtkaWFtZXRlcl09XCIxMDBcIj48L2RhZmYtbG9hZGluZy1pY29uPlxuIl19

package/esm2022/loading-icon/examples/loading-icon-diameter/loading-icon-diameter.module.mjs

@@ -0,0 +1,24 @@
+import { NgModule } from '@angular/core';
+import { DaffLoadingIconModule } from '@daffodil/design/loading-icon';
+import { LoadingIconDiameterComponent } from './loading-icon-diameter.component';
+import * as i0 from "@angular/core";
+export class LoadingIconDiameterModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: LoadingIconDiameterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: LoadingIconDiameterModule, declarations: [LoadingIconDiameterComponent], imports: [DaffLoadingIconModule], exports: [LoadingIconDiameterComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: LoadingIconDiameterModule, imports: [DaffLoadingIconModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: LoadingIconDiameterModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        LoadingIconDiameterComponent,
+                    ],
+                    exports: [
+                        LoadingIconDiameterComponent,
+                    ],
+                    imports: [
+                        DaffLoadingIconModule,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy1pY29uLWRpYW1ldGVyLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2xvYWRpbmctaWNvbi9leGFtcGxlcy9zcmMvbG9hZGluZy1pY29uLWRpYW1ldGVyL2xvYWRpbmctaWNvbi1kaWFtZXRlci5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6QyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUV0RSxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7QUFjakYsTUFBTSxPQUFPLHlCQUF5QjtpSUFBekIseUJBQXlCO2tJQUF6Qix5QkFBeUIsaUJBVGxDLDRCQUE0QixhQU01QixxQkFBcUIsYUFIckIsNEJBQTRCO2tJQU1uQix5QkFBeUIsWUFIbEMscUJBQXFCOzsyRkFHWix5QkFBeUI7a0JBWHJDLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLDRCQUE0QjtxQkFDN0I7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLDRCQUE0QjtxQkFDN0I7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLHFCQUFxQjtxQkFDdEI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBEYWZmTG9hZGluZ0ljb25Nb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2xvYWRpbmctaWNvbic7XG5cbmltcG9ydCB7IExvYWRpbmdJY29uRGlhbWV0ZXJDb21wb25lbnQgfSBmcm9tICcuL2xvYWRpbmctaWNvbi1kaWFtZXRlci5jb21wb25lbnQnO1xuXG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIExvYWRpbmdJY29uRGlhbWV0ZXJDb21wb25lbnQsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBMb2FkaW5nSWNvbkRpYW1ldGVyQ29tcG9uZW50LFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgRGFmZkxvYWRpbmdJY29uTW9kdWxlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBMb2FkaW5nSWNvbkRpYW1ldGVyTW9kdWxlIHsgfVxuIl19

package/esm2022/loading-icon/index.mjs

@@ -0,0 +1,2 @@
+export * from './public_api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9sb2FkaW5nLWljb24vc3JjL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9wdWJsaWNfYXBpJztcbiJdfQ==

package/esm2022/loading-icon/loading-icon/loading-icon.component.mjs

@@ -0,0 +1,52 @@
+import { Component, ChangeDetectionStrategy, Input, ElementRef, Renderer2, HostBinding, } from '@angular/core';
+import { daffColorMixin, } from '@daffodil/design';
+import * as i0 from "@angular/core";
+/**
+ * An _elementRef and an instance of renderer2 are needed for the Colorable mixin
+ */
+class DaffLoadingIconBase {
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+    }
+}
+const _daffLoadingIconBase = daffColorMixin(DaffLoadingIconBase);
+/**
+ * @inheritdoc
+ */
+export class DaffLoadingIconComponent extends _daffLoadingIconBase {
+    /**
+     * @docs-private
+     */
+    get maxWidth() {
+        return this.diameter + 'px';
+    }
+    constructor(elementRef, renderer) {
+        super(elementRef, renderer);
+        this.elementRef = elementRef;
+        this.renderer = renderer;
+        /**
+         * The (pixel) diameter of the animation
+         */
+        this.diameter = 60;
+        /**
+         * @docs-private
+         */
+        this.class = true;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffLoadingIconComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: DaffLoadingIconComponent, selector: "daff-loading-icon", inputs: { color: "color", diameter: "diameter" }, host: { properties: { "class.daff-loading-icon": "this.class", "style.max-width": "this.maxWidth" } }, usesInheritance: true, ngImport: i0, template: "<svg focusable=\"false\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 100 100\">\n  <circle cx=\"50%\" cy=\"50%\" r=\"46\"></circle>\n</svg>", styles: [":host{display:flex;width:100%}circle{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}@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(-90deg)}50%{transform:rotate(0)}50.1%{transform:rotate(0)}75%{transform:rotate(90deg)}75.5%{transform:rotate(90deg)}99%{transform:rotate(144deg)}to{transform:rotate(144deg)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffLoadingIconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'daff-loading-icon', inputs: ['color'], changeDetection: ChangeDetectionStrategy.OnPush, template: "<svg focusable=\"false\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 100 100\">\n  <circle cx=\"50%\" cy=\"50%\" r=\"46\"></circle>\n</svg>", styles: [":host{display:flex;width:100%}circle{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}@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(-90deg)}50%{transform:rotate(0)}50.1%{transform:rotate(0)}75%{transform:rotate(90deg)}75.5%{transform:rotate(90deg)}99%{transform:rotate(144deg)}to{transform:rotate(144deg)}}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { diameter: [{
+                type: Input
+            }], class: [{
+                type: HostBinding,
+                args: ['class.daff-loading-icon']
+            }], maxWidth: [{
+                type: HostBinding,
+                args: ['style.max-width']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy1pY29uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2xvYWRpbmctaWNvbi9zcmMvbG9hZGluZy1pY29uL2xvYWRpbmctaWNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9sb2FkaW5nLWljb24vc3JjL2xvYWRpbmctaWNvbi9sb2FkaW5nLWljb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCx1QkFBdUIsRUFDdkIsS0FBSyxFQUNMLFVBQVUsRUFDVixTQUFTLEVBQ1QsV0FBVyxHQUNaLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFDTCxjQUFjLEdBRWYsTUFBTSxrQkFBa0IsQ0FBQzs7QUFFMUI7O0dBRUc7QUFDSCxNQUFNLG1CQUFtQjtJQUN2QixZQUFtQixXQUF1QixFQUFTLFNBQW9CO1FBQXBELGdCQUFXLEdBQVgsV0FBVyxDQUFZO1FBQVMsY0FBUyxHQUFULFNBQVMsQ0FBVztJQUFHLENBQUM7Q0FDNUU7QUFFRCxNQUFNLG9CQUFvQixHQUFHLGNBQWMsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO0FBRWpFOztHQUVHO0FBVUgsTUFBTSxPQUFPLHdCQUF5QixTQUFRLG9CQUFvQjtJQVdoRTs7T0FFRztJQUNILElBQW9DLFFBQVE7UUFDM0MsT0FBTyxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQztJQUM3QixDQUFDO0lBRUQsWUFBb0IsVUFBc0IsRUFBVSxRQUFtQjtRQUNyRSxLQUFLLENBQUMsVUFBVSxFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBRFYsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUFVLGFBQVEsR0FBUixRQUFRLENBQVc7UUFoQnZFOztXQUVHO1FBQ00sYUFBUSxHQUFHLEVBQUUsQ0FBQztRQUV2Qjs7V0FFRztRQUNxQyxVQUFLLEdBQUcsSUFBSSxDQUFDO0lBVXJELENBQUM7aUlBcEJVLHdCQUF3QjtxSEFBeEIsd0JBQXdCLHlPQ25DckMscUpBRU07OzJGRGlDTyx3QkFBd0I7a0JBVHBDLFNBQVM7K0JBQ0UsbUJBQW1CLFVBS3JCLENBQUMsT0FBTyxDQUFDLG1CQUNBLHVCQUF1QixDQUFDLE1BQU07dUdBT3RDLFFBQVE7c0JBQWhCLEtBQUs7Z0JBS2tDLEtBQUs7c0JBQTVDLFdBQVc7dUJBQUMseUJBQXlCO2dCQUlGLFFBQVE7c0JBQTNDLFdBQVc7dUJBQUMsaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgSW5wdXQsXG4gIEVsZW1lbnRSZWYsXG4gIFJlbmRlcmVyMixcbiAgSG9zdEJpbmRpbmcsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge1xuICBkYWZmQ29sb3JNaXhpbixcbiAgRGFmZkNvbG9yYWJsZSxcbn0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbic7XG5cbi8qKlxuICogQW4gX2VsZW1lbnRSZWYgYW5kIGFuIGluc3RhbmNlIG9mIHJlbmRlcmVyMiBhcmUgbmVlZGVkIGZvciB0aGUgQ29sb3JhYmxlIG1peGluXG4gKi9cbmNsYXNzIERhZmZMb2FkaW5nSWNvbkJhc2V7XG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBfZWxlbWVudFJlZjogRWxlbWVudFJlZiwgcHVibGljIF9yZW5kZXJlcjogUmVuZGVyZXIyKSB7fVxufVxuXG5jb25zdCBfZGFmZkxvYWRpbmdJY29uQmFzZSA9IGRhZmZDb2xvck1peGluKERhZmZMb2FkaW5nSWNvbkJhc2UpO1xuXG4vKipcbiAqIEBpbmhlcml0ZG9jXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RhZmYtbG9hZGluZy1pY29uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xvYWRpbmctaWNvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2xvYWRpbmctaWNvbi5jb21wb25lbnQuc2NzcyddLFxuICAvL3RvZG8oZGFtaWVud2ViZGV2KTogcmVtb3ZlIG9uY2UgZGVjb3JhdG9ycyBoaXQgc3RhZ2UgMyAtIGh0dHBzOi8vZ2l0aHViLmNvbS9taWNyb3NvZnQvVHlwZVNjcmlwdC9pc3N1ZXMvNzM0MlxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L25vLWlucHV0cy1tZXRhZGF0YS1wcm9wZXJ0eVxuICBpbnB1dHM6IFsnY29sb3InXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIERhZmZMb2FkaW5nSWNvbkNvbXBvbmVudCBleHRlbmRzIF9kYWZmTG9hZGluZ0ljb25CYXNlIGltcGxlbWVudHMgRGFmZkNvbG9yYWJsZSB7XG5cbiAgLyoqXG4gICAqIFRoZSAocGl4ZWwpIGRpYW1ldGVyIG9mIHRoZSBhbmltYXRpb25cbiAgICovXG4gIEBJbnB1dCgpIGRpYW1ldGVyID0gNjA7XG5cbiAgLyoqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZGFmZi1sb2FkaW5nLWljb24nKSBjbGFzcyA9IHRydWU7XG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ3N0eWxlLm1heC13aWR0aCcpIGdldCBtYXhXaWR0aCgpIHtcblx0ICByZXR1cm4gdGhpcy5kaWFtZXRlciArICdweCc7XG4gIH1cblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMikge1xuICAgIHN1cGVyKGVsZW1lbnRSZWYsIHJlbmRlcmVyKTtcbiAgfVxufVxuIiwiPHN2ZyBmb2N1c2FibGU9XCJmYWxzZVwiIHByZXNlcnZlQXNwZWN0UmF0aW89XCJ4TWlkWU1pZCBtZWV0XCIgdmlld0JveD1cIjAgMCAxMDAgMTAwXCI+XG4gIDxjaXJjbGUgY3g9XCI1MCVcIiBjeT1cIjUwJVwiIHI9XCI0NlwiPjwvY2lyY2xlPlxuPC9zdmc+Il19

package/esm2022/loading-icon/loading-icon.module.mjs

@@ -0,0 +1,24 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { DaffLoadingIconComponent } from './loading-icon/loading-icon.component';
+import * as i0 from "@angular/core";
+export class DaffLoadingIconModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffLoadingIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: DaffLoadingIconModule, declarations: [DaffLoadingIconComponent], imports: [CommonModule], exports: [DaffLoadingIconComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffLoadingIconModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffLoadingIconModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                    ],
+                    declarations: [
+                        DaffLoadingIconComponent,
+                    ],
+                    exports: [
+                        DaffLoadingIconComponent,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy1pY29uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2xvYWRpbmctaWNvbi9zcmMvbG9hZGluZy1pY29uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6QyxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQzs7QUFhakYsTUFBTSxPQUFPLHFCQUFxQjtpSUFBckIscUJBQXFCO2tJQUFyQixxQkFBcUIsaUJBTjlCLHdCQUF3QixhQUh4QixZQUFZLGFBTVosd0JBQXdCO2tJQUdmLHFCQUFxQixZQVQ5QixZQUFZOzsyRkFTSCxxQkFBcUI7a0JBWGpDLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLFlBQVk7cUJBQ2I7b0JBQ0QsWUFBWSxFQUFFO3dCQUNaLHdCQUF3QjtxQkFDekI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLHdCQUF3QjtxQkFDekI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRGFmZkxvYWRpbmdJY29uQ29tcG9uZW50IH0gZnJvbSAnLi9sb2FkaW5nLWljb24vbG9hZGluZy1pY29uLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW1xuICAgIERhZmZMb2FkaW5nSWNvbkNvbXBvbmVudCxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIERhZmZMb2FkaW5nSWNvbkNvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZkxvYWRpbmdJY29uTW9kdWxlIHsgfVxuIl19

package/esm2022/loading-icon/public_api.mjs

@@ -0,0 +1,3 @@
+export { DaffLoadingIconModule } from './loading-icon.module';
+export { DaffLoadingIconComponent } from './loading-icon/loading-icon.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2xvYWRpbmctaWNvbi9zcmMvcHVibGljX2FwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM5RCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB7IERhZmZMb2FkaW5nSWNvbk1vZHVsZSB9IGZyb20gJy4vbG9hZGluZy1pY29uLm1vZHVsZSc7XG5leHBvcnQgeyBEYWZmTG9hZGluZ0ljb25Db21wb25lbnQgfSBmcm9tICcuL2xvYWRpbmctaWNvbi9sb2FkaW5nLWljb24uY29tcG9uZW50JztcbiJdfQ==

package/esm2022/media-gallery/daffodil-design-media-gallery.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGFmZm9kaWwtZGVzaWduLW1lZGlhLWdhbGxlcnkuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9tZWRpYS1nYWxsZXJ5L3NyYy9kYWZmb2RpbC1kZXNpZ24tbWVkaWEtZ2FsbGVyeS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==

package/esm2022/media-gallery/examples/basic-media-gallery/basic-media-gallery.component.mjs

@@ -0,0 +1,13 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@daffodil/design/image";
+import * as i2 from "@daffodil/design/media-gallery";
+export class BasicMediaGalleryComponent {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: BasicMediaGalleryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: BasicMediaGalleryComponent, 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.DaffImageComponent, selector: "daff-image", inputs: ["skeleton", "src", "alt", "width", "height"], outputs: ["load"] }, { kind: "directive", type: i2.DaffThumbnailDirective, selector: "[daffThumbnail]", outputs: ["becameSelected"] }, { kind: "component", type: i2.DaffMediaGalleryComponent, selector: "daff-media-gallery", inputs: ["skeleton", "name"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: BasicMediaGalleryComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'basic-media-gallery', changeDetection: ChangeDetectionStrategy.OnPush, 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" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzaWMtbWVkaWEtZ2FsbGVyeS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9tZWRpYS1nYWxsZXJ5L2V4YW1wbGVzL3NyYy9iYXNpYy1tZWRpYS1nYWxsZXJ5L2Jhc2ljLW1lZGlhLWdhbGxlcnkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vbWVkaWEtZ2FsbGVyeS9leGFtcGxlcy9zcmMvYmFzaWMtbWVkaWEtZ2FsbGVyeS9iYXNpYy1tZWRpYS1nYWxsZXJ5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDOzs7O0FBUXZCLE1BQU0sT0FBTywwQkFBMEI7aUlBQTFCLDBCQUEwQjtxSEFBMUIsMEJBQTBCLDJEQ1h2Qyx3eUNBT0E7OzJGRElhLDBCQUEwQjtrQkFOdEMsU0FBUzsrQkFFRSxxQkFBcUIsbUJBRWQsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdiYXNpYy1tZWRpYS1nYWxsZXJ5JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Jhc2ljLW1lZGlhLWdhbGxlcnkuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQmFzaWNNZWRpYUdhbGxlcnlDb21wb25lbnQge1xuXG5cbn1cbiIsIjxkYWZmLW1lZGlhLWdhbGxlcnk+XG5cdDxkYWZmLWltYWdlIGRhZmZUaHVtYm5haWwgc3JjPVwiaHR0cHM6Ly9pbWFnZXMudW5zcGxhc2guY29tL3Bob3RvLTE1NTY4MDQzMzUtMmZhNTYzZTkzYWFlP2l4aWQ9TVh3eE1qQTNmREI4TUh4d2FHOTBieTF3WVdkbGZIeDhmR1Z1ZkRCOGZIdyUzRCZpeGxpYj1yYi0xLjIuMSZhdXRvPWZvcm1hdCZmaXQ9Y3JvcCZ3PTM3NjMmcT04MFwiIGFsdD1cIkRyaW5rXCIgd2lkdGg9XCI5NDZcIiBoZWlnaHQ9XCI5NDZcIj48L2RhZmYtaW1hZ2U+XG5cdDxkYWZmLWltYWdlIGRhZmZUaHVtYm5haWwgc3JjPVwiaHR0cHM6Ly9pbWFnZXMudW5zcGxhc2guY29tL3Bob3RvLTE2MDczNDQ2MzUxNTktNTk5MzBlMzMzMGIxP2l4aWQ9TVh3eE1qQTNmREI4TUh4d2FHOTBieTF3WVdkbGZIeDhmR1Z1ZkRCOGZIdyUzRCZpeGxpYj1yYi0xLjIuMSZhdXRvPWZvcm1hdCZmaXQ9Y3JvcCZ3PTE2MDAmcT04MFwiIGFsdD1cIkRyaW5rXCIgd2lkdGg9XCI5NDZcIiBoZWlnaHQ9XCI5NDZcIj48L2RhZmYtaW1hZ2U+XG5cdDxkYWZmLWltYWdlIGRhZmZUaHVtYm5haWwgc3JjPVwiaHR0cHM6Ly9pbWFnZXMudW5zcGxhc2guY29tL3Bob3RvLTE1ODQ1NTk1ODIyMTMtNzg3YTI5NTNkY2JlP2l4aWQ9TVh3eE1qQTNmREI4TUh4d2FHOTBieTF3WVdkbGZIeDhmR1Z1ZkRCOGZIdyUzRCZpeGxpYj1yYi0xLjIuMSZhdXRvPWZvcm1hdCZmaXQ9Y3JvcCZ3PTE2MDAmcT04MFwiIGFsdD1cIkZydWl0c1wiIHdpZHRoPVwiOTQ2XCIgaGVpZ2h0PVwiOTQ2XCI+PC9kYWZmLWltYWdlPlxuXHQ8ZGFmZi1pbWFnZSBkYWZmVGh1bWJuYWlsIHNyYz1cImh0dHBzOi8vaW1hZ2VzLnVuc3BsYXNoLmNvbS9waG90by0xNTg3MzI0NDM4NjczLTU2Yzc4YTg2NmIxNT9peGlkPU1Yd3hNakEzZkRCOE1IeHdhRzkwYnkxd1lXZGxmSHg4ZkdWdWZEQjhmSHclM0QmaXhsaWI9cmItMS4yLjEmYXV0bz1mb3JtYXQmZml0PWNyb3Amdz0xNjAwJnE9ODBcIiBhbHQ9XCJMZW1vbnNcIiB3aWR0aD1cIjk0NlwiIGhlaWdodD1cIjk0NlwiPjwvZGFmZi1pbWFnZT5cblx0PGRhZmYtaW1hZ2UgZGFmZlRodW1ibmFpbCBzcmM9XCJodHRwczovL2ltYWdlcy51bnNwbGFzaC5jb20vcGhvdG8tMTU0MzM2MzEzNi03ZmJmY2QzYjI0MGQ/aXhpZD1NWHd4TWpBM2ZEQjhNSHh3YUc5MGJ5MXdZV2RsZkh4OGZHVnVmREI4Zkh3JTNEJml4bGliPXJiLTEuMi4xJmF1dG89Zm9ybWF0JmZpdD1jcm9wJnc9MTYwMCZxPTgwXCIgYWx0PVwiQXZvY2Fkb1wiIHdpZHRoPVwiOTQ2XCIgaGVpZ2h0PVwiOTQ2XCI+PC9kYWZmLWltYWdlPlxuPC9kYWZmLW1lZGlhLWdhbGxlcnk+XG4iXX0=

package/esm2022/media-gallery/examples/basic-media-gallery/basic-media-gallery.module.mjs

@@ -0,0 +1,29 @@
+import { NgModule } from '@angular/core';
+import { DaffImageModule } from '@daffodil/design/image';
+import { DaffMediaGalleryModule } from '@daffodil/design/media-gallery';
+import { BasicMediaGalleryComponent } from './basic-media-gallery.component';
+import * as i0 from "@angular/core";
+export class BasicMediaGalleryModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: BasicMediaGalleryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: BasicMediaGalleryModule, declarations: [BasicMediaGalleryComponent], imports: [DaffImageModule,
+            DaffMediaGalleryModule], exports: [BasicMediaGalleryComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: BasicMediaGalleryModule, imports: [DaffImageModule,
+            DaffMediaGalleryModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: BasicMediaGalleryModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        BasicMediaGalleryComponent,
+                    ],
+                    exports: [
+                        BasicMediaGalleryComponent,
+                    ],
+                    imports: [
+                        DaffImageModule,
+                        DaffMediaGalleryModule,
+                    ],
+                    providers: [],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzaWMtbWVkaWEtZ2FsbGVyeS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9tZWRpYS1nYWxsZXJ5L2V4YW1wbGVzL3NyYy9iYXNpYy1tZWRpYS1nYWxsZXJ5L2Jhc2ljLW1lZGlhLWdhbGxlcnkubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFekMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBRXhFLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLGlDQUFpQyxDQUFDOztBQWU3RSxNQUFNLE9BQU8sdUJBQXVCO2lJQUF2Qix1QkFBdUI7a0lBQXZCLHVCQUF1QixpQkFYaEMsMEJBQTBCLGFBTTFCLGVBQWU7WUFDZixzQkFBc0IsYUFKdEIsMEJBQTBCO2tJQVFqQix1QkFBdUIsWUFMaEMsZUFBZTtZQUNmLHNCQUFzQjs7MkZBSWIsdUJBQXVCO2tCQWJuQyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWiwwQkFBMEI7cUJBQzNCO29CQUNELE9BQU8sRUFBRTt3QkFDUCwwQkFBMEI7cUJBQzNCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxlQUFlO3dCQUNmLHNCQUFzQjtxQkFDdkI7b0JBQ0QsU0FBUyxFQUFFLEVBQUU7aUJBQ2QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBEYWZmSW1hZ2VNb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2ltYWdlJztcbmltcG9ydCB7IERhZmZNZWRpYUdhbGxlcnlNb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL21lZGlhLWdhbGxlcnknO1xuXG5pbXBvcnQgeyBCYXNpY01lZGlhR2FsbGVyeUNvbXBvbmVudCB9IGZyb20gJy4vYmFzaWMtbWVkaWEtZ2FsbGVyeS5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBCYXNpY01lZGlhR2FsbGVyeUNvbXBvbmVudCxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIEJhc2ljTWVkaWFHYWxsZXJ5Q29tcG9uZW50LFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgRGFmZkltYWdlTW9kdWxlLFxuICAgIERhZmZNZWRpYUdhbGxlcnlNb2R1bGUsXG4gIF0sXG4gIHByb3ZpZGVyczogW10sXG59KVxuZXhwb3J0IGNsYXNzIEJhc2ljTWVkaWFHYWxsZXJ5TW9kdWxlIHsgfVxuIl19

package/esm2022/media-gallery/examples/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component.mjs

@@ -0,0 +1,13 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@daffodil/design/image";
+import * as i2 from "@daffodil/design/media-gallery";
+export class MismatchedSizesMediaGalleryComponent {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: MismatchedSizesMediaGalleryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: MismatchedSizesMediaGalleryComponent, 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.DaffImageComponent, selector: "daff-image", inputs: ["skeleton", "src", "alt", "width", "height"], outputs: ["load"] }, { kind: "directive", type: i2.DaffThumbnailDirective, selector: "[daffThumbnail]", outputs: ["becameSelected"] }, { kind: "component", type: i2.DaffMediaGalleryComponent, selector: "daff-media-gallery", inputs: ["skeleton", "name"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: MismatchedSizesMediaGalleryComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mismatched-sizes-media-gallery', changeDetection: ChangeDetectionStrategy.OnPush, 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" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWlzbWF0Y2hlZC1zaXplcy1tZWRpYS1nYWxsZXJ5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL21lZGlhLWdhbGxlcnkvZXhhbXBsZXMvc3JjL21pc21hdGNoZWQtc2l6ZXMtbWVkaWEtZ2FsbGVyeS9taXNtYXRjaGVkLXNpemVzLW1lZGlhLWdhbGxlcnkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vbWVkaWEtZ2FsbGVyeS9leGFtcGxlcy9zcmMvbWlzbWF0Y2hlZC1zaXplcy1tZWRpYS1nYWxsZXJ5L21pc21hdGNoZWQtc2l6ZXMtbWVkaWEtZ2FsbGVyeS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQzs7OztBQVF2QixNQUFNLE9BQU8sb0NBQW9DO2lJQUFwQyxvQ0FBb0M7cUhBQXBDLG9DQUFvQyxzRUNYakQscXlDQU9BOzsyRkRJYSxvQ0FBb0M7a0JBTmhELFNBQVM7K0JBRUUsZ0NBQWdDLG1CQUV6Qix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ21pc21hdGNoZWQtc2l6ZXMtbWVkaWEtZ2FsbGVyeScsXG4gIHRlbXBsYXRlVXJsOiAnLi9taXNtYXRjaGVkLXNpemVzLW1lZGlhLWdhbGxlcnkuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTWlzbWF0Y2hlZFNpemVzTWVkaWFHYWxsZXJ5Q29tcG9uZW50IHt9XG4iLCI8ZGFmZi1tZWRpYS1nYWxsZXJ5PlxuXHQ8ZGFmZi1pbWFnZSBkYWZmVGh1bWJuYWlsIHNyYz1cImh0dHBzOi8vaW1hZ2VzLnVuc3BsYXNoLmNvbS9waG90by0xNTU2ODA0MzM1LTJmYTU2M2U5M2FhZT9peGlkPU1Yd3hNakEzZkRCOE1IeHdhRzkwYnkxd1lXZGxmSHg4ZkdWdWZEQjhmSHclM0QmaXhsaWI9cmItMS4yLjEmYXV0bz1mb3JtYXQmZml0PWNyb3Amdz0zNzYzJnE9ODBcIiBhbHQ9XCJEcmlua1wiIHdpZHRoPVwiOTQ2XCIgaGVpZ2h0PVwiOTQ2XCI+PC9kYWZmLWltYWdlPlxuXHQ8ZGFmZi1pbWFnZSBkYWZmVGh1bWJuYWlsIHNyYz1cImh0dHBzOi8vaW1hZ2VzLnVuc3BsYXNoLmNvbS9waG90by0xNTUxNDEwMjI0LTY5OTY4M2UxNTYzNj9peGxpYj1yYi0xLjIuMSZpeGlkPU1Yd3hNakEzZkRCOE1IeHdhRzkwYnkxd1lXZGxmSHg4ZkdWdWZEQjhmSHclM0QmYXV0bz1mb3JtYXQmZml0PWNyb3Amdz0xMzAwJnE9ODBcIiBhbHQ9XCJEcmlua1wiIHdpZHRoPVwiNjQwXCIgaGVpZ2h0PVwiNzk5XCI+PC9kYWZmLWltYWdlPlxuXHQ8ZGFmZi1pbWFnZSBkYWZmVGh1bWJuYWlsIHNyYz1cImh0dHBzOi8vaW1hZ2VzLnVuc3BsYXNoLmNvbS9waG90by0xNTg2Nzg4MjI0MzMxLTk0N2Y2ODY3MWNmMT9peGxpYj1yYi0xLjIuMSZpeGlkPU1Yd3hNakEzZkRCOE1IeHdhRzkwYnkxd1lXZGxmSHg4ZkdWdWZEQjhmSHclM0QmYXV0bz1mb3JtYXQmZml0PWNyb3Amdz05MzQmcT04MFwiIGFsdD1cIkZydWl0c1wiIHdpZHRoPVwiNjQwXCIgaGVpZ2h0PVwiOTYwXCI+PC9kYWZmLWltYWdlPlxuXHQ8ZGFmZi1pbWFnZSBkYWZmVGh1bWJuYWlsIHNyYz1cImh0dHBzOi8vaW1hZ2VzLnVuc3BsYXNoLmNvbS9waG90by0xNTU5MTgxNTY3LWMzMTkwY2E5OTU5Yj9peGxpYj1yYi0xLjIuMSZpeGlkPU1Yd3hNakEzZkRCOE1IeHdhRzkwYnkxd1lXZGxmSHg4ZkdWdWZEQjhmSHclM0QmYXV0bz1mb3JtYXQmZml0PWNyb3Amdz0xMzAwJnE9ODBcIiBhbHQ9XCJDaGVycmllc1wiIHdpZHRoPVwiNjQwXCIgaGVpZ2h0PVwiODAwXCI+PC9kYWZmLWltYWdlPlxuXHQ8ZGFmZi1pbWFnZSBkYWZmVGh1bWJuYWlsIHNyYz1cImh0dHBzOi8vaW1hZ2VzLnVuc3BsYXNoLmNvbS9waG90by0xNjA2OTI2MTY3NjkwLTA3YTFlZGFmZDQwNz9peGxpYj1yYi0xLjIuMSZpeGlkPU1Yd3hNakEzZkRCOE1IeHdhRzkwYnkxd1lXZGxmSHg4ZkdWdWZEQjhmSHclM0QmYXV0bz1mb3JtYXQmZml0PWNyb3Amdz0yMjUwJnE9ODBcIiBhbHQ9XCJMZW1vbnNcIiB3aWR0aD1cIjY0MFwiIGhlaWdodD1cIjQyNlwiPjwvZGFmZi1pbWFnZT5cbjwvZGFmZi1tZWRpYS1nYWxsZXJ5PlxuIl19

package/esm2022/media-gallery/examples/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.module.mjs

@@ -0,0 +1,29 @@
+import { NgModule } from '@angular/core';
+import { DaffImageModule } from '@daffodil/design/image';
+import { DaffMediaGalleryModule } from '@daffodil/design/media-gallery';
+import { MismatchedSizesMediaGalleryComponent } from './mismatched-sizes-media-gallery.component';
+import * as i0 from "@angular/core";
+export class MismatchedSizesMediaGalleryModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: MismatchedSizesMediaGalleryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: MismatchedSizesMediaGalleryModule, declarations: [MismatchedSizesMediaGalleryComponent], imports: [DaffImageModule,
+            DaffMediaGalleryModule], exports: [MismatchedSizesMediaGalleryComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: MismatchedSizesMediaGalleryModule, imports: [DaffImageModule,
+            DaffMediaGalleryModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: MismatchedSizesMediaGalleryModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        MismatchedSizesMediaGalleryComponent,
+                    ],
+                    exports: [
+                        MismatchedSizesMediaGalleryComponent,
+                    ],
+                    imports: [
+                        DaffImageModule,
+                        DaffMediaGalleryModule,
+                    ],
+                    providers: [],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWlzbWF0Y2hlZC1zaXplcy1tZWRpYS1nYWxsZXJ5Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL21lZGlhLWdhbGxlcnkvZXhhbXBsZXMvc3JjL21pc21hdGNoZWQtc2l6ZXMtbWVkaWEtZ2FsbGVyeS9taXNtYXRjaGVkLXNpemVzLW1lZGlhLWdhbGxlcnkubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFekMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBRXhFLE9BQU8sRUFBRSxvQ0FBb0MsRUFBRSxNQUFNLDRDQUE0QyxDQUFDOztBQWVsRyxNQUFNLE9BQU8saUNBQWlDO2lJQUFqQyxpQ0FBaUM7a0lBQWpDLGlDQUFpQyxpQkFYMUMsb0NBQW9DLGFBTXBDLGVBQWU7WUFDZixzQkFBc0IsYUFKdEIsb0NBQW9DO2tJQVEzQixpQ0FBaUMsWUFMMUMsZUFBZTtZQUNmLHNCQUFzQjs7MkZBSWIsaUNBQWlDO2tCQWI3QyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixvQ0FBb0M7cUJBQ3JDO29CQUNELE9BQU8sRUFBRTt3QkFDUCxvQ0FBb0M7cUJBQ3JDO29CQUNELE9BQU8sRUFBRTt3QkFDUCxlQUFlO3dCQUNmLHNCQUFzQjtxQkFDdkI7b0JBQ0QsU0FBUyxFQUFFLEVBQUU7aUJBQ2QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBEYWZmSW1hZ2VNb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2ltYWdlJztcbmltcG9ydCB7IERhZmZNZWRpYUdhbGxlcnlNb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL21lZGlhLWdhbGxlcnknO1xuXG5pbXBvcnQgeyBNaXNtYXRjaGVkU2l6ZXNNZWRpYUdhbGxlcnlDb21wb25lbnQgfSBmcm9tICcuL21pc21hdGNoZWQtc2l6ZXMtbWVkaWEtZ2FsbGVyeS5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBNaXNtYXRjaGVkU2l6ZXNNZWRpYUdhbGxlcnlDb21wb25lbnQsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBNaXNtYXRjaGVkU2l6ZXNNZWRpYUdhbGxlcnlDb21wb25lbnQsXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBEYWZmSW1hZ2VNb2R1bGUsXG4gICAgRGFmZk1lZGlhR2FsbGVyeU1vZHVsZSxcbiAgXSxcbiAgcHJvdmlkZXJzOiBbXSxcbn0pXG5leHBvcnQgY2xhc3MgTWlzbWF0Y2hlZFNpemVzTWVkaWFHYWxsZXJ5TW9kdWxlIHsgfVxuIl19

package/esm2022/media-gallery/examples/skeleton-media-gallery/skeleton-media-gallery.component.mjs

@@ -0,0 +1,13 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@daffodil/design/image";
+import * as i2 from "@daffodil/design/media-gallery";
+export class SkeletonMediaGalleryComponent {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: SkeletonMediaGalleryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: SkeletonMediaGalleryComponent, 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.DaffImageComponent, selector: "daff-image", inputs: ["skeleton", "src", "alt", "width", "height"], outputs: ["load"] }, { kind: "directive", type: i2.DaffThumbnailDirective, selector: "[daffThumbnail]", outputs: ["becameSelected"] }, { kind: "component", type: i2.DaffMediaGalleryComponent, selector: "daff-media-gallery", inputs: ["skeleton", "name"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: SkeletonMediaGalleryComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'skeleton-media-gallery', changeDetection: ChangeDetectionStrategy.OnPush, 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" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b24tbWVkaWEtZ2FsbGVyeS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9tZWRpYS1nYWxsZXJ5L2V4YW1wbGVzL3NyYy9za2VsZXRvbi1tZWRpYS1nYWxsZXJ5L3NrZWxldG9uLW1lZGlhLWdhbGxlcnkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vbWVkaWEtZ2FsbGVyeS9leGFtcGxlcy9zcmMvc2tlbGV0b24tbWVkaWEtZ2FsbGVyeS9za2VsZXRvbi1tZWRpYS1nYWxsZXJ5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDOzs7O0FBUXZCLE1BQU0sT0FBTyw2QkFBNkI7aUlBQTdCLDZCQUE2QjtxSEFBN0IsNkJBQTZCLDhEQ1gxQyw0ekNBT0E7OzJGRElhLDZCQUE2QjtrQkFOekMsU0FBUzsrQkFFRSx3QkFBd0IsbUJBRWpCLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnc2tlbGV0b24tbWVkaWEtZ2FsbGVyeScsXG4gIHRlbXBsYXRlVXJsOiAnLi9za2VsZXRvbi1tZWRpYS1nYWxsZXJ5LmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFNrZWxldG9uTWVkaWFHYWxsZXJ5Q29tcG9uZW50IHtcblxuXG59XG4iLCI8ZGFmZi1tZWRpYS1nYWxsZXJ5IFtza2VsZXRvbl09XCJ0cnVlXCI+XG5cdDxkYWZmLWltYWdlIGRhZmZUaHVtYm5haWwgc3JjPVwiaHR0cHM6Ly9pbWFnZXMudW5zcGxhc2guY29tL3Bob3RvLTE1NTY4MDQzMzUtMmZhNTYzZTkzYWFlP2l4aWQ9TVh3eE1qQTNmREI4TUh4d2FHOTBieTF3WVdkbGZIeDhmR1Z1ZkRCOGZIdyUzRCZpeGxpYj1yYi0xLjIuMSZhdXRvPWZvcm1hdCZmaXQ9Y3JvcCZ3PTM3NjMmcT04MFwiIGFsdD1cIkRyaW5rXCIgd2lkdGg9XCI5NDZcIiBoZWlnaHQ9XCI5NDZcIj48L2RhZmYtaW1hZ2U+XG5cdDxkYWZmLWltYWdlIGRhZmZUaHVtYm5haWwgc3JjPVwiaHR0cHM6Ly9pbWFnZXMudW5zcGxhc2guY29tL3Bob3RvLTE2MDczNDQ2MzUxNTktNTk5MzBlMzMzMGIxP2l4aWQ9TVh3eE1qQTNmREI4TUh4d2FHOTBieTF3WVdkbGZIeDhmR1Z1ZkRCOGZIdyUzRCZpeGxpYj1yYi0xLjIuMSZhdXRvPWZvcm1hdCZmaXQ9Y3JvcCZ3PTE2MDAmcT04MFwiIGFsdD1cIkRyaW5rXCIgd2lkdGg9XCI5NDZcIiBoZWlnaHQ9XCI5NDZcIj48L2RhZmYtaW1hZ2U+XG5cdDxkYWZmLWltYWdlIGRhZmZUaHVtYm5haWwgc3JjPVwiaHR0cHM6Ly9pbWFnZXMudW5zcGxhc2guY29tL3Bob3RvLTE1ODQ1NTk1ODIyMTMtNzg3YTI5NTNkY2JlP2l4aWQ9TVh3eE1qQTNmREI4TUh4d2FHOTBieTF3WVdkbGZIeDhmR1Z1ZkRCOGZIdyUzRCZpeGxpYj1yYi0xLjIuMSZhdXRvPWZvcm1hdCZmaXQ9Y3JvcCZ3PTE2MDAmcT04MFwiIGFsdD1cIkZydWl0c1wiIHdpZHRoPVwiOTQ2XCIgaGVpZ2h0PVwiOTQ2XCI+PC9kYWZmLWltYWdlPlxuXHQ8ZGFmZi1pbWFnZSBkYWZmVGh1bWJuYWlsIHNyYz1cImh0dHBzOi8vaW1hZ2VzLnVuc3BsYXNoLmNvbS9waG90by0xNTg3MzI0NDM4NjczLTU2Yzc4YTg2NmIxNT9peGlkPU1Yd3hNakEzZkRCOE1IeHdhRzkwYnkxd1lXZGxmSHg4ZkdWdWZEQjhmSHclM0QmaXhsaWI9cmItMS4yLjEmYXV0bz1mb3JtYXQmZml0PWNyb3Amdz0xNjAwJnE9ODBcIiBhbHQ9XCJMZW1vbnNcIiB3aWR0aD1cIjk0NlwiIGhlaWdodD1cIjk0NlwiPjwvZGFmZi1pbWFnZT5cblx0PGRhZmYtaW1hZ2UgZGFmZlRodW1ibmFpbCBzcmM9XCJodHRwczovL2ltYWdlcy51bnNwbGFzaC5jb20vcGhvdG8tMTU0MzM2MzEzNi03ZmJmY2QzYjI0MGQ/aXhpZD1NWHd4TWpBM2ZEQjhNSHh3YUc5MGJ5MXdZV2RsZkh4OGZHVnVmREI4Zkh3JTNEJml4bGliPXJiLTEuMi4xJmF1dG89Zm9ybWF0JmZpdD1jcm9wJnc9MTYwMCZxPTgwXCIgYWx0PVwiQXZvY2Fkb1wiIHdpZHRoPVwiOTQ2XCIgaGVpZ2h0PVwiOTQ2XCI+PC9kYWZmLWltYWdlPlxuPC9kYWZmLW1lZGlhLWdhbGxlcnk+XG4iXX0=

package/esm2022/media-gallery/examples/skeleton-media-gallery/skeleton-media-gallery.module.mjs

@@ -0,0 +1,29 @@
+import { NgModule } from '@angular/core';
+import { DaffImageModule } from '@daffodil/design/image';
+import { DaffMediaGalleryModule } from '@daffodil/design/media-gallery';
+import { SkeletonMediaGalleryComponent } from './skeleton-media-gallery.component';
+import * as i0 from "@angular/core";
+export class SkeletonMediaGalleryModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: SkeletonMediaGalleryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: SkeletonMediaGalleryModule, declarations: [SkeletonMediaGalleryComponent], imports: [DaffImageModule,
+            DaffMediaGalleryModule], exports: [SkeletonMediaGalleryComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: SkeletonMediaGalleryModule, imports: [DaffImageModule,
+            DaffMediaGalleryModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: SkeletonMediaGalleryModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SkeletonMediaGalleryComponent,
+                    ],
+                    exports: [
+                        SkeletonMediaGalleryComponent,
+                    ],
+                    imports: [
+                        DaffImageModule,
+                        DaffMediaGalleryModule,
+                    ],
+                    providers: [],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b24tbWVkaWEtZ2FsbGVyeS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9tZWRpYS1nYWxsZXJ5L2V4YW1wbGVzL3NyYy9za2VsZXRvbi1tZWRpYS1nYWxsZXJ5L3NrZWxldG9uLW1lZGlhLWdhbGxlcnkubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFekMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBRXhFLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDOztBQWVuRixNQUFNLE9BQU8sMEJBQTBCO2lJQUExQiwwQkFBMEI7a0lBQTFCLDBCQUEwQixpQkFYbkMsNkJBQTZCLGFBTTdCLGVBQWU7WUFDZixzQkFBc0IsYUFKdEIsNkJBQTZCO2tJQVFwQiwwQkFBMEIsWUFMbkMsZUFBZTtZQUNmLHNCQUFzQjs7MkZBSWIsMEJBQTBCO2tCQWJ0QyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWiw2QkFBNkI7cUJBQzlCO29CQUNELE9BQU8sRUFBRTt3QkFDUCw2QkFBNkI7cUJBQzlCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxlQUFlO3dCQUNmLHNCQUFzQjtxQkFDdkI7b0JBQ0QsU0FBUyxFQUFFLEVBQUU7aUJBQ2QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBEYWZmSW1hZ2VNb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2ltYWdlJztcbmltcG9ydCB7IERhZmZNZWRpYUdhbGxlcnlNb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL21lZGlhLWdhbGxlcnknO1xuXG5pbXBvcnQgeyBTa2VsZXRvbk1lZGlhR2FsbGVyeUNvbXBvbmVudCB9IGZyb20gJy4vc2tlbGV0b24tbWVkaWEtZ2FsbGVyeS5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBTa2VsZXRvbk1lZGlhR2FsbGVyeUNvbXBvbmVudCxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIFNrZWxldG9uTWVkaWFHYWxsZXJ5Q29tcG9uZW50LFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgRGFmZkltYWdlTW9kdWxlLFxuICAgIERhZmZNZWRpYUdhbGxlcnlNb2R1bGUsXG4gIF0sXG4gIHByb3ZpZGVyczogW10sXG59KVxuZXhwb3J0IGNsYXNzIFNrZWxldG9uTWVkaWFHYWxsZXJ5TW9kdWxlIHsgfVxuIl19

package/esm2022/media-gallery/helpers/media-gallery-registration.interface.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVkaWEtZ2FsbGVyeS1yZWdpc3RyYXRpb24uaW50ZXJmYWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vbWVkaWEtZ2FsbGVyeS9zcmMvaGVscGVycy9tZWRpYS1nYWxsZXJ5LXJlZ2lzdHJhdGlvbi5pbnRlcmZhY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgRGFmZk1lZGlhR2FsbGVyeVJlZ2lzdHJhdGlvbiB7XG4gIG5hbWU6IHN0cmluZztcbn1cbiJdfQ==

package/esm2022/media-gallery/helpers/media-gallery-token.mjs

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core';
+export const DAFF_MEDIA_GALLERY_TOKEN = new InjectionToken('DAFF_MEDIA_GALLERY_TOKEN');
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVkaWEtZ2FsbGVyeS10b2tlbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL21lZGlhLWdhbGxlcnkvc3JjL2hlbHBlcnMvbWVkaWEtZ2FsbGVyeS10b2tlbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBSS9DLE1BQU0sQ0FBQyxNQUFNLHdCQUF3QixHQUFHLElBQUksY0FBYyxDQUErQiwwQkFBMEIsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0aW9uVG9rZW4gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRGFmZk1lZGlhR2FsbGVyeVJlZ2lzdHJhdGlvbiB9IGZyb20gJy4vbWVkaWEtZ2FsbGVyeS1yZWdpc3RyYXRpb24uaW50ZXJmYWNlJztcblxuZXhwb3J0IGNvbnN0IERBRkZfTUVESUFfR0FMTEVSWV9UT0tFTiA9IG5ldyBJbmplY3Rpb25Ub2tlbjxEYWZmTWVkaWFHYWxsZXJ5UmVnaXN0cmF0aW9uPignREFGRl9NRURJQV9HQUxMRVJZX1RPS0VOJyk7XG4iXX0=

package/esm2022/media-gallery/index.mjs

@@ -0,0 +1,2 @@
+export * from './public_api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9tZWRpYS1nYWxsZXJ5L3NyYy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vcHVibGljX2FwaSc7XG4iXX0=

package/esm2022/media-gallery/media-gallery/media-gallery.component.mjs

@@ -0,0 +1,59 @@
+import { Component, HostBinding, ChangeDetectionStrategy, Input, ElementRef, Renderer2, } from '@angular/core';
+import { daffSkeletonableMixin, daffArticleEncapsulatedMixin, } from '@daffodil/design';
+import { DAFF_MEDIA_GALLERY_TOKEN } from '../helpers/media-gallery-token';
+import { DaffMediaGalleryRegistry } from '../registry/media-gallery.registry';
+import * as i0 from "@angular/core";
+import * as i1 from "../registry/media-gallery.registry";
+import * as i2 from "../media-renderer/media-renderer.component";
+let uniqueGalleryId = 0;
+/**
+ * An _elementRef and an instance of renderer2 are needed for the link set mixins
+ */
+class DaffMediaGalleryBase {
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+    }
+}
+const _daffMediaGalleryBase = daffSkeletonableMixin(daffArticleEncapsulatedMixin((DaffMediaGalleryBase)));
+export class DaffMediaGalleryComponent extends _daffMediaGalleryBase {
+    constructor(elementRef, renderer, registry) {
+        super(elementRef, renderer);
+        this.elementRef = elementRef;
+        this.renderer = renderer;
+        this.registry = registry;
+        /**
+         * Adds a class for styling the media gallery
+         */
+        this.class = true;
+        /**
+         * The name of the gallery
+         */
+        this.name = `${uniqueGalleryId}`;
+        uniqueGalleryId++;
+    }
+    ngOnInit() {
+        this.registry.add(this);
+    }
+    ngOnDestroy() {
+        this.registry.remove(this);
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffMediaGalleryComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.DaffMediaGalleryRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: DaffMediaGalleryComponent, selector: "daff-media-gallery", inputs: { skeleton: "skeleton", name: "name" }, host: { properties: { "class.daff-media-gallery": "this.class" } }, providers: [
+            // eslint-disable-next-line @typescript-eslint/no-use-before-define
+            { provide: DAFF_MEDIA_GALLERY_TOKEN, useExisting: DaffMediaGalleryComponent },
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"daff-media-gallery__thumbnails\">\n\t<ng-content select=\"[daffThumbnail]\"></ng-content>\n</div>\n<div class=\"daff-media-gallery__selected-thumbnail\">\n\t<daff-media-renderer></daff-media-renderer>\n</div>", styles: [":host(.daff-media-gallery){display:flex;flex-direction:column}@media (min-width: 1024px){:host(.daff-media-gallery){flex-direction:row}}:host(.daff-media-gallery) ::ng-deep .daff-thumbnail{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;display:inline-block;height:64px;width:64px;margin:0 2px;max-width:100%;overflow:hidden;user-select:none}@media (min-width: 480px){:host(.daff-media-gallery) ::ng-deep .daff-thumbnail{height:72px;width:72px}}@media (min-width: 1024px){:host(.daff-media-gallery) ::ng-deep .daff-thumbnail{display:block;margin:0 0 4px;height:80px;width:80px}}:host(.daff-media-gallery).daff-skeleton ::ng-deep .daff-thumbnail{display:flex;position:relative}:host(.daff-media-gallery).daff-skeleton ::ng-deep .daff-thumbnail:before{animation-name:loading;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:72px;width:72px;position:absolute;top:0;left:0}@media (min-width: 1024px){:host(.daff-media-gallery).daff-skeleton ::ng-deep .daff-thumbnail{display:flex;position:relative}:host(.daff-media-gallery).daff-skeleton ::ng-deep .daff-thumbnail:before{animation-name:loading;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:80px;width:80px;position:absolute;top:0;left:0}}:host(.daff-media-gallery).daff-skeleton ::ng-deep img{opacity:0}:host(.daff-media-gallery).daff-skeleton .daff-media-gallery__selected-thumbnail{display:flex;position:relative}:host(.daff-media-gallery).daff-skeleton .daff-media-gallery__selected-thumbnail:before{animation-name:loading;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:100%;width:100%;position:absolute;top:0;left:0}.daff-media-gallery__thumbnails{margin:0 -2px;max-height:100%;order:2}@media (min-width: 1024px){.daff-media-gallery__thumbnails{margin:0 8px 0 0;order:1}}.daff-media-gallery__selected-thumbnail{display:block;flex-grow:1;order:1;position:relative}@media (min-width: 1024px){.daff-media-gallery__selected-thumbnail{order:2}}\n"], dependencies: [{ kind: "component", type: i2.DaffMediaRendererComponent, selector: "daff-media-renderer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffMediaGalleryComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'daff-media-gallery', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        // eslint-disable-next-line @typescript-eslint/no-use-before-define
+                        { provide: DAFF_MEDIA_GALLERY_TOKEN, useExisting: DaffMediaGalleryComponent },
+                    ], inputs: ['skeleton'], template: "<div class=\"daff-media-gallery__thumbnails\">\n\t<ng-content select=\"[daffThumbnail]\"></ng-content>\n</div>\n<div class=\"daff-media-gallery__selected-thumbnail\">\n\t<daff-media-renderer></daff-media-renderer>\n</div>", styles: [":host(.daff-media-gallery){display:flex;flex-direction:column}@media (min-width: 1024px){:host(.daff-media-gallery){flex-direction:row}}:host(.daff-media-gallery) ::ng-deep .daff-thumbnail{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;display:inline-block;height:64px;width:64px;margin:0 2px;max-width:100%;overflow:hidden;user-select:none}@media (min-width: 480px){:host(.daff-media-gallery) ::ng-deep .daff-thumbnail{height:72px;width:72px}}@media (min-width: 1024px){:host(.daff-media-gallery) ::ng-deep .daff-thumbnail{display:block;margin:0 0 4px;height:80px;width:80px}}:host(.daff-media-gallery).daff-skeleton ::ng-deep .daff-thumbnail{display:flex;position:relative}:host(.daff-media-gallery).daff-skeleton ::ng-deep .daff-thumbnail:before{animation-name:loading;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:72px;width:72px;position:absolute;top:0;left:0}@media (min-width: 1024px){:host(.daff-media-gallery).daff-skeleton ::ng-deep .daff-thumbnail{display:flex;position:relative}:host(.daff-media-gallery).daff-skeleton ::ng-deep .daff-thumbnail:before{animation-name:loading;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:80px;width:80px;position:absolute;top:0;left:0}}:host(.daff-media-gallery).daff-skeleton ::ng-deep img{opacity:0}:host(.daff-media-gallery).daff-skeleton .daff-media-gallery__selected-thumbnail{display:flex;position:relative}:host(.daff-media-gallery).daff-skeleton .daff-media-gallery__selected-thumbnail:before{animation-name:loading;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:100%;width:100%;position:absolute;top:0;left:0}.daff-media-gallery__thumbnails{margin:0 -2px;max-height:100%;order:2}@media (min-width: 1024px){.daff-media-gallery__thumbnails{margin:0 8px 0 0;order:1}}.daff-media-gallery__selected-thumbnail{display:block;flex-grow:1;order:1;position:relative}@media (min-width: 1024px){.daff-media-gallery__selected-thumbnail{order:2}}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: i1.DaffMediaGalleryRegistry }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-media-gallery']
+            }], name: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVkaWEtZ2FsbGVyeS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9tZWRpYS1nYWxsZXJ5L3NyYy9tZWRpYS1nYWxsZXJ5L21lZGlhLWdhbGxlcnkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vbWVkaWEtZ2FsbGVyeS9zcmMvbWVkaWEtZ2FsbGVyeS9tZWRpYS1nYWxsZXJ5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsV0FBVyxFQUNYLHVCQUF1QixFQUN2QixLQUFLLEVBR0wsVUFBVSxFQUNWLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQ0wscUJBQXFCLEVBRXJCLDRCQUE0QixHQUM3QixNQUFNLGtCQUFrQixDQUFDO0FBRzFCLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLG9DQUFvQyxDQUFDOzs7O0FBRTlFLElBQUksZUFBZSxHQUFHLENBQUMsQ0FBQztBQUV4Qjs7R0FFRztBQUNILE1BQU0sb0JBQW9CO0lBQ3hCLFlBQW1CLFdBQXVCLEVBQVMsU0FBb0I7UUFBcEQsZ0JBQVcsR0FBWCxXQUFXLENBQVk7UUFBUyxjQUFTLEdBQVQsU0FBUyxDQUFXO0lBQUcsQ0FBQztDQUM1RTtBQUVELE1BQU0scUJBQXFCLEdBQUcscUJBQXFCLENBQUMsNEJBQTRCLENBQUMsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQWUxRyxNQUFNLE9BQU8seUJBQTBCLFNBQVEscUJBQXFCO0lBV2xFLFlBQ1UsVUFBc0IsRUFDdEIsUUFBbUIsRUFDbkIsUUFBa0M7UUFFMUMsS0FBSyxDQUFDLFVBQVUsRUFBRSxRQUFRLENBQUMsQ0FBQztRQUpwQixlQUFVLEdBQVYsVUFBVSxDQUFZO1FBQ3RCLGFBQVEsR0FBUixRQUFRLENBQVc7UUFDbkIsYUFBUSxHQUFSLFFBQVEsQ0FBMEI7UUFiNUM7O1dBRUc7UUFDc0MsVUFBSyxHQUFHLElBQUksQ0FBQztRQUV0RDs7V0FFRztRQUNNLFNBQUksR0FBRyxHQUFHLGVBQWUsRUFBRSxDQUFDO1FBUW5DLGVBQWUsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFRCxRQUFRO1FBQ1AsSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDekIsQ0FBQztJQUVELFdBQVc7UUFDVixJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM1QixDQUFDO2lJQTFCVSx5QkFBeUI7cUhBQXpCLHlCQUF5QixpS0FSekI7WUFDVCxtRUFBbUU7WUFDbkUsRUFBRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsV0FBVyxFQUFFLHlCQUF5QixFQUFFO1NBQzlFLGlEQ3hDSCwrTkFLTTs7MkZEd0NPLHlCQUF5QjtrQkFickMsU0FBUzsrQkFDRSxvQkFBb0IsbUJBR2IsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDVCxtRUFBbUU7d0JBQ25FLEVBQUUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLFdBQVcsMkJBQTJCLEVBQUU7cUJBQzlFLFVBR08sQ0FBQyxVQUFVLENBQUM7OElBTXFCLEtBQUs7c0JBQTdDLFdBQVc7dUJBQUMsMEJBQTBCO2dCQUs5QixJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEhvc3RCaW5kaW5nLFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgSW5wdXQsXG4gIE9uSW5pdCxcbiAgT25EZXN0cm95LFxuICBFbGVtZW50UmVmLFxuICBSZW5kZXJlcjIsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge1xuICBkYWZmU2tlbGV0b25hYmxlTWl4aW4sXG4gIERhZmZTa2VsZXRvbmFibGUsXG4gIGRhZmZBcnRpY2xlRW5jYXBzdWxhdGVkTWl4aW4sXG59IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG5pbXBvcnQgeyBEYWZmTWVkaWFHYWxsZXJ5UmVnaXN0cmF0aW9uIH0gZnJvbSAnLi4vaGVscGVycy9tZWRpYS1nYWxsZXJ5LXJlZ2lzdHJhdGlvbi5pbnRlcmZhY2UnO1xuaW1wb3J0IHsgREFGRl9NRURJQV9HQUxMRVJZX1RPS0VOIH0gZnJvbSAnLi4vaGVscGVycy9tZWRpYS1nYWxsZXJ5LXRva2VuJztcbmltcG9ydCB7IERhZmZNZWRpYUdhbGxlcnlSZWdpc3RyeSB9IGZyb20gJy4uL3JlZ2lzdHJ5L21lZGlhLWdhbGxlcnkucmVnaXN0cnknO1xuXG5sZXQgdW5pcXVlR2FsbGVyeUlkID0gMDtcblxuLyoqXG4gKiBBbiBfZWxlbWVudFJlZiBhbmQgYW4gaW5zdGFuY2Ugb2YgcmVuZGVyZXIyIGFyZSBuZWVkZWQgZm9yIHRoZSBsaW5rIHNldCBtaXhpbnNcbiAqL1xuY2xhc3MgRGFmZk1lZGlhR2FsbGVyeUJhc2Uge1xuICBjb25zdHJ1Y3RvcihwdWJsaWMgX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWYsIHB1YmxpYyBfcmVuZGVyZXI6IFJlbmRlcmVyMikge31cbn1cblxuY29uc3QgX2RhZmZNZWRpYUdhbGxlcnlCYXNlID0gZGFmZlNrZWxldG9uYWJsZU1peGluKGRhZmZBcnRpY2xlRW5jYXBzdWxhdGVkTWl4aW4oKERhZmZNZWRpYUdhbGxlcnlCYXNlKSkpO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYWZmLW1lZGlhLWdhbGxlcnknLFxuICB0ZW1wbGF0ZVVybDogJy4vbWVkaWEtZ2FsbGVyeS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL21lZGlhLWdhbGxlcnkuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHByb3ZpZGVyczogW1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdXNlLWJlZm9yZS1kZWZpbmVcbiAgICB7IHByb3ZpZGU6IERBRkZfTUVESUFfR0FMTEVSWV9UT0tFTiwgdXNlRXhpc3Rpbmc6IERhZmZNZWRpYUdhbGxlcnlDb21wb25lbnQgfSxcbiAgXSxcbiAgLy8gdG9kbyhkYW1pZW53ZWJkZXYpOiByZW1vdmUgb25jZSBkZWNvcmF0b3JzIGhpdCBzdGFnZSAzIC0gaHR0cHM6Ly9naXRodWIuY29tL21pY3Jvc29mdC9UeXBlU2NyaXB0L2lzc3Vlcy83MzQyXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvbm8taW5wdXRzLW1ldGFkYXRhLXByb3BlcnR5XG4gIGlucHV0czogWydza2VsZXRvbiddLFxufSlcbmV4cG9ydCBjbGFzcyBEYWZmTWVkaWFHYWxsZXJ5Q29tcG9uZW50IGV4dGVuZHMgX2RhZmZNZWRpYUdhbGxlcnlCYXNlIGltcGxlbWVudHMgRGFmZk1lZGlhR2FsbGVyeVJlZ2lzdHJhdGlvbiwgRGFmZlNrZWxldG9uYWJsZSwgT25Jbml0LCBPbkRlc3Ryb3kge1xuICAvKipcbiAgICogQWRkcyBhIGNsYXNzIGZvciBzdHlsaW5nIHRoZSBtZWRpYSBnYWxsZXJ5XG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtbWVkaWEtZ2FsbGVyeScpIGNsYXNzID0gdHJ1ZTtcblxuICAvKipcbiAgICogVGhlIG5hbWUgb2YgdGhlIGdhbGxlcnlcbiAgICovXG4gIEBJbnB1dCgpIG5hbWUgPSBgJHt1bmlxdWVHYWxsZXJ5SWR9YDtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsXG4gICAgcHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyLFxuICAgIHByaXZhdGUgcmVnaXN0cnk6IERhZmZNZWRpYUdhbGxlcnlSZWdpc3RyeSxcbiAgKSB7XG5cdCAgXHRzdXBlcihlbGVtZW50UmVmLCByZW5kZXJlcik7XG5cdCAgXHR1bmlxdWVHYWxsZXJ5SWQrKztcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuXHQgIHRoaXMucmVnaXN0cnkuYWRkKHRoaXMpO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG5cdCAgdGhpcy5yZWdpc3RyeS5yZW1vdmUodGhpcyk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJkYWZmLW1lZGlhLWdhbGxlcnlfX3RodW1ibmFpbHNcIj5cblx0PG5nLWNvbnRlbnQgc2VsZWN0PVwiW2RhZmZUaHVtYm5haWxdXCI+PC9uZy1jb250ZW50PlxuPC9kaXY+XG48ZGl2IGNsYXNzPVwiZGFmZi1tZWRpYS1nYWxsZXJ5X19zZWxlY3RlZC10aHVtYm5haWxcIj5cblx0PGRhZmYtbWVkaWEtcmVuZGVyZXI+PC9kYWZmLW1lZGlhLXJlbmRlcmVyPlxuPC9kaXY+Il19