@daffodil/design 0.59.0 → 0.59.1

package/esm2020/input/examples/basic-input/basic-input.module.mjs

@@ -0,0 +1,26 @@
+import { NgModule } from '@angular/core';
+import { DaffFormFieldModule, DaffInputModule, } from '@daffodil/design';
+import { BasicInputComponent } from './basic-input.component';
+import * as i0 from "@angular/core";
+export class BasicInputModule {
+}
+/** @nocollapse */ BasicInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ BasicInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicInputModule, declarations: [BasicInputComponent], imports: [DaffFormFieldModule,
+        DaffInputModule] });
+/** @nocollapse */ BasicInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicInputModule, imports: [[
+            DaffFormFieldModule,
+            DaffInputModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicInputModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        DaffFormFieldModule,
+                        DaffInputModule,
+                    ],
+                    declarations: [
+                        BasicInputComponent,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzaWMtaW5wdXQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vaW5wdXQvZXhhbXBsZXMvc3JjL2Jhc2ljLWlucHV0L2Jhc2ljLWlucHV0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFDTCxtQkFBbUIsRUFDbkIsZUFBZSxHQUNoQixNQUFNLGtCQUFrQixDQUFDO0FBRTFCLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDOztBQVc5RCxNQUFNLE9BQU8sZ0JBQWdCOztnSUFBaEIsZ0JBQWdCO2lJQUFoQixnQkFBZ0IsaUJBSHpCLG1CQUFtQixhQUpuQixtQkFBbUI7UUFDbkIsZUFBZTtpSUFNTixnQkFBZ0IsWUFSbEI7WUFDUCxtQkFBbUI7WUFDbkIsZUFBZTtTQUNoQjsyRkFLVSxnQkFBZ0I7a0JBVDVCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLG1CQUFtQjt3QkFDbkIsZUFBZTtxQkFDaEI7b0JBQ0QsWUFBWSxFQUFFO3dCQUNaLG1CQUFtQjtxQkFDcEI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge1xuICBEYWZmRm9ybUZpZWxkTW9kdWxlLFxuICBEYWZmSW5wdXRNb2R1bGUsXG59IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG5pbXBvcnQgeyBCYXNpY0lucHV0Q29tcG9uZW50IH0gZnJvbSAnLi9iYXNpYy1pbnB1dC5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgRGFmZkZvcm1GaWVsZE1vZHVsZSxcbiAgICBEYWZmSW5wdXRNb2R1bGUsXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW1xuICAgIEJhc2ljSW5wdXRDb21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEJhc2ljSW5wdXRNb2R1bGUge1xuXG59XG4iXX0=

package/esm2020/input/examples/daffodil-design-input-examples.mjs

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

package/esm2020/input/examples/examples.mjs

@@ -0,0 +1,15 @@
+import { BasicInputComponent } from './basic-input/basic-input.component';
+import { BasicInputModule } from './basic-input/basic-input.module';
+import { InputDisabledComponent } from './input-disabled/input-disabled.component';
+import { InputDisabledModule } from './input-disabled/input-disabled.module';
+import { InputErrorComponent } from './input-error/input-error.component';
+import { InputErrorModule } from './input-error/input-error.module';
+import { InputWithFormFieldComponent } from './input-with-form-field/input-with-form-field.component';
+import { InputWithFormFieldModule } from './input-with-form-field/input-with-form-field.module';
+export const INPUT_EXAMPLES = [
+    { component: BasicInputComponent, module: BasicInputModule },
+    { component: InputWithFormFieldComponent, module: InputWithFormFieldModule },
+    { component: InputDisabledComponent, module: InputDisabledModule },
+    { component: InputErrorComponent, module: InputErrorModule },
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhhbXBsZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9pbnB1dC9leGFtcGxlcy9zcmMvZXhhbXBsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDMUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDcEUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDbkYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDN0UsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDMUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDcEUsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0seURBQXlELENBQUM7QUFDdEcsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sc0RBQXNELENBQUM7QUFFaEcsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFpQztJQUMxRCxFQUFFLFNBQVMsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLEVBQUUsZ0JBQWdCLEVBQUU7SUFDNUQsRUFBRSxTQUFTLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxFQUFFLHdCQUF3QixFQUFFO0lBQzVFLEVBQUUsU0FBUyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sRUFBRSxtQkFBbUIsRUFBRTtJQUNsRSxFQUFFLFNBQVMsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLEVBQUUsZ0JBQWdCLEVBQUU7Q0FDN0QsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudEV4YW1wbGVXaXRoTW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbic7XG5cbmltcG9ydCB7IEJhc2ljSW5wdXRDb21wb25lbnQgfSBmcm9tICcuL2Jhc2ljLWlucHV0L2Jhc2ljLWlucHV0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBCYXNpY0lucHV0TW9kdWxlIH0gZnJvbSAnLi9iYXNpYy1pbnB1dC9iYXNpYy1pbnB1dC5tb2R1bGUnO1xuaW1wb3J0IHsgSW5wdXREaXNhYmxlZENvbXBvbmVudCB9IGZyb20gJy4vaW5wdXQtZGlzYWJsZWQvaW5wdXQtZGlzYWJsZWQuY29tcG9uZW50JztcbmltcG9ydCB7IElucHV0RGlzYWJsZWRNb2R1bGUgfSBmcm9tICcuL2lucHV0LWRpc2FibGVkL2lucHV0LWRpc2FibGVkLm1vZHVsZSc7XG5pbXBvcnQgeyBJbnB1dEVycm9yQ29tcG9uZW50IH0gZnJvbSAnLi9pbnB1dC1lcnJvci9pbnB1dC1lcnJvci5jb21wb25lbnQnO1xuaW1wb3J0IHsgSW5wdXRFcnJvck1vZHVsZSB9IGZyb20gJy4vaW5wdXQtZXJyb3IvaW5wdXQtZXJyb3IubW9kdWxlJztcbmltcG9ydCB7IElucHV0V2l0aEZvcm1GaWVsZENvbXBvbmVudCB9IGZyb20gJy4vaW5wdXQtd2l0aC1mb3JtLWZpZWxkL2lucHV0LXdpdGgtZm9ybS1maWVsZC5jb21wb25lbnQnO1xuaW1wb3J0IHsgSW5wdXRXaXRoRm9ybUZpZWxkTW9kdWxlIH0gZnJvbSAnLi9pbnB1dC13aXRoLWZvcm0tZmllbGQvaW5wdXQtd2l0aC1mb3JtLWZpZWxkLm1vZHVsZSc7XG5cbmV4cG9ydCBjb25zdCBJTlBVVF9FWEFNUExFUzogQ29tcG9uZW50RXhhbXBsZVdpdGhNb2R1bGVbXSA9IFtcbiAgeyBjb21wb25lbnQ6IEJhc2ljSW5wdXRDb21wb25lbnQsIG1vZHVsZTogQmFzaWNJbnB1dE1vZHVsZSB9LFxuICB7IGNvbXBvbmVudDogSW5wdXRXaXRoRm9ybUZpZWxkQ29tcG9uZW50LCBtb2R1bGU6IElucHV0V2l0aEZvcm1GaWVsZE1vZHVsZSB9LFxuICB7IGNvbXBvbmVudDogSW5wdXREaXNhYmxlZENvbXBvbmVudCwgbW9kdWxlOiBJbnB1dERpc2FibGVkTW9kdWxlIH0sXG4gIHsgY29tcG9uZW50OiBJbnB1dEVycm9yQ29tcG9uZW50LCBtb2R1bGU6IElucHV0RXJyb3JNb2R1bGUgfSxcbl07XG4iXX0=

package/esm2020/input/examples/index.mjs

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

package/esm2020/input/examples/input-disabled/input-disabled.component.mjs

@@ -0,0 +1,12 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@daffodil/design";
+export class InputDisabledComponent {
+}
+/** @nocollapse */ InputDisabledComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: InputDisabledComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ InputDisabledComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: InputDisabledComponent, selector: "input-disabled", ngImport: i0, template: "<daff-form-field>\n  <input disabled daff-input type=\"text\" placeholder=\"Email\" name=\"email\" />\n</daff-form-field>", components: [{ type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["formSubmitted"] }, { type: i1.DaffInputComponent, selector: "input[daff-input]", inputs: ["formSubmitted"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: InputDisabledComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'input-disabled', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-form-field>\n  <input disabled daff-input type=\"text\" placeholder=\"Email\" name=\"email\" />\n</daff-form-field>" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtZGlzYWJsZWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vaW5wdXQvZXhhbXBsZXMvc3JjL2lucHV0LWRpc2FibGVkL2lucHV0LWRpc2FibGVkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2lucHV0L2V4YW1wbGVzL3NyYy9pbnB1dC1kaXNhYmxlZC9pbnB1dC1kaXNhYmxlZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQzs7O0FBUXZCLE1BQU0sT0FBTyxzQkFBc0I7O3NJQUF0QixzQkFBc0I7MEhBQXRCLHNCQUFzQixzRENYbkMsMkhBRWtCOzJGRFNMLHNCQUFzQjtrQkFObEMsU0FBUzsrQkFFRSxnQkFBZ0IsbUJBRVQsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdpbnB1dC1kaXNhYmxlZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9pbnB1dC1kaXNhYmxlZC5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBJbnB1dERpc2FibGVkQ29tcG9uZW50IHtcblxufVxuIiwiPGRhZmYtZm9ybS1maWVsZD5cbiAgPGlucHV0IGRpc2FibGVkIGRhZmYtaW5wdXQgdHlwZT1cInRleHRcIiBwbGFjZWhvbGRlcj1cIkVtYWlsXCIgbmFtZT1cImVtYWlsXCIgLz5cbjwvZGFmZi1mb3JtLWZpZWxkPiJdfQ==

package/esm2020/input/examples/input-disabled/input-disabled.module.mjs

@@ -0,0 +1,26 @@
+import { NgModule } from '@angular/core';
+import { DaffFormFieldModule, DaffInputModule, } from '@daffodil/design';
+import { InputDisabledComponent } from './input-disabled.component';
+import * as i0 from "@angular/core";
+export class InputDisabledModule {
+}
+/** @nocollapse */ InputDisabledModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: InputDisabledModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ InputDisabledModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: InputDisabledModule, declarations: [InputDisabledComponent], imports: [DaffFormFieldModule,
+        DaffInputModule] });
+/** @nocollapse */ InputDisabledModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: InputDisabledModule, imports: [[
+            DaffFormFieldModule,
+            DaffInputModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: InputDisabledModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        DaffFormFieldModule,
+                        DaffInputModule,
+                    ],
+                    declarations: [
+                        InputDisabledComponent,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtZGlzYWJsZWQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vaW5wdXQvZXhhbXBsZXMvc3JjL2lucHV0LWRpc2FibGVkL2lucHV0LWRpc2FibGVkLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFDTCxtQkFBbUIsRUFDbkIsZUFBZSxHQUNoQixNQUFNLGtCQUFrQixDQUFDO0FBRTFCLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDOztBQVdwRSxNQUFNLE9BQU8sbUJBQW1COzttSUFBbkIsbUJBQW1CO29JQUFuQixtQkFBbUIsaUJBSDVCLHNCQUFzQixhQUp0QixtQkFBbUI7UUFDbkIsZUFBZTtvSUFNTixtQkFBbUIsWUFSckI7WUFDUCxtQkFBbUI7WUFDbkIsZUFBZTtTQUNoQjsyRkFLVSxtQkFBbUI7a0JBVC9CLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLG1CQUFtQjt3QkFDbkIsZUFBZTtxQkFDaEI7b0JBQ0QsWUFBWSxFQUFFO3dCQUNaLHNCQUFzQjtxQkFDdkI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge1xuICBEYWZmRm9ybUZpZWxkTW9kdWxlLFxuICBEYWZmSW5wdXRNb2R1bGUsXG59IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG5pbXBvcnQgeyBJbnB1dERpc2FibGVkQ29tcG9uZW50IH0gZnJvbSAnLi9pbnB1dC1kaXNhYmxlZC5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgRGFmZkZvcm1GaWVsZE1vZHVsZSxcbiAgICBEYWZmSW5wdXRNb2R1bGUsXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW1xuICAgIElucHV0RGlzYWJsZWRDb21wb25lbnQsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIElucHV0RGlzYWJsZWRNb2R1bGUge1xuXG59XG4iXX0=

package/esm2020/input/examples/input-error/input-error.component.mjs

@@ -0,0 +1,20 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { FormControl, Validators, } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@daffodil/design";
+import * as i2 from "@angular/forms";
+export class InputErrorComponent {
+    constructor() {
+        this.control = new FormControl('test@example.com', [
+            Validators.email,
+            Validators.required,
+        ]);
+    }
+}
+/** @nocollapse */ InputErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: InputErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ InputErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: InputErrorComponent, selector: "input-error", ngImport: i0, template: "<daff-form-field>\n  <input daff-input type=\"text\" placeholder=\"Email\" name=\"email\" [formControl]=\"control\" />\n</daff-form-field>\n<p>Value: {{ control.value }} </p>", components: [{ type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["formSubmitted"] }, { type: i1.DaffInputComponent, selector: "input[daff-input]", inputs: ["formSubmitted"] }], directives: [{ type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: InputErrorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'input-error', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-form-field>\n  <input daff-input type=\"text\" placeholder=\"Email\" name=\"email\" [formControl]=\"control\" />\n</daff-form-field>\n<p>Value: {{ control.value }} </p>" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtZXJyb3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vaW5wdXQvZXhhbXBsZXMvc3JjL2lucHV0LWVycm9yL2lucHV0LWVycm9yLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2lucHV0L2V4YW1wbGVzL3NyYy9pbnB1dC1lcnJvci9pbnB1dC1lcnJvci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQ0wsV0FBVyxFQUNYLFVBQVUsR0FDWCxNQUFNLGdCQUFnQixDQUFDOzs7O0FBUXhCLE1BQU0sT0FBTyxtQkFBbUI7SUFOaEM7UUFPRSxZQUFPLEdBQWdCLElBQUksV0FBVyxDQUFDLGtCQUFrQixFQUFFO1lBQ3pELFVBQVUsQ0FBQyxLQUFLO1lBQ2hCLFVBQVUsQ0FBQyxRQUFRO1NBQ3BCLENBQUMsQ0FBQztLQUNKOzttSUFMWSxtQkFBbUI7dUhBQW5CLG1CQUFtQixtRENmaEMsZ0xBR2tDOzJGRFlyQixtQkFBbUI7a0JBTi9CLFNBQVM7K0JBRUUsYUFBYSxtQkFFTix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBGb3JtQ29udHJvbCxcbiAgVmFsaWRhdG9ycyxcbn0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdpbnB1dC1lcnJvcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9pbnB1dC1lcnJvci5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBJbnB1dEVycm9yQ29tcG9uZW50IHtcbiAgY29udHJvbDogRm9ybUNvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2woJ3Rlc3RAZXhhbXBsZS5jb20nLCBbXG4gICAgVmFsaWRhdG9ycy5lbWFpbCxcbiAgICBWYWxpZGF0b3JzLnJlcXVpcmVkLFxuICBdKTtcbn1cbiIsIjxkYWZmLWZvcm0tZmllbGQ+XG4gIDxpbnB1dCBkYWZmLWlucHV0IHR5cGU9XCJ0ZXh0XCIgcGxhY2Vob2xkZXI9XCJFbWFpbFwiIG5hbWU9XCJlbWFpbFwiIFtmb3JtQ29udHJvbF09XCJjb250cm9sXCIgLz5cbjwvZGFmZi1mb3JtLWZpZWxkPlxuPHA+VmFsdWU6IHt7IGNvbnRyb2wudmFsdWUgfX0gPC9wPiJdfQ==

package/esm2020/input/examples/input-error/input-error.module.mjs

@@ -0,0 +1,30 @@
+import { NgModule } from '@angular/core';
+import { ReactiveFormsModule } from '@angular/forms';
+import { DaffFormFieldModule, DaffInputModule, } from '@daffodil/design';
+import { InputErrorComponent } from './input-error.component';
+import * as i0 from "@angular/core";
+export class InputErrorModule {
+}
+/** @nocollapse */ InputErrorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: InputErrorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ InputErrorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: InputErrorModule, declarations: [InputErrorComponent], imports: [DaffFormFieldModule,
+        DaffInputModule,
+        ReactiveFormsModule] });
+/** @nocollapse */ InputErrorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: InputErrorModule, imports: [[
+            DaffFormFieldModule,
+            DaffInputModule,
+            ReactiveFormsModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: InputErrorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        DaffFormFieldModule,
+                        DaffInputModule,
+                        ReactiveFormsModule,
+                    ],
+                    declarations: [
+                        InputErrorComponent,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtZXJyb3IubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vaW5wdXQvZXhhbXBsZXMvc3JjL2lucHV0LWVycm9yL2lucHV0LWVycm9yLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRXJELE9BQU8sRUFDTCxtQkFBbUIsRUFDbkIsZUFBZSxHQUNoQixNQUFNLGtCQUFrQixDQUFDO0FBRTFCLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDOztBQVk5RCxNQUFNLE9BQU8sZ0JBQWdCOztnSUFBaEIsZ0JBQWdCO2lJQUFoQixnQkFBZ0IsaUJBSHpCLG1CQUFtQixhQUxuQixtQkFBbUI7UUFDbkIsZUFBZTtRQUNmLG1CQUFtQjtpSUFNVixnQkFBZ0IsWUFUbEI7WUFDUCxtQkFBbUI7WUFDbkIsZUFBZTtZQUNmLG1CQUFtQjtTQUNwQjsyRkFLVSxnQkFBZ0I7a0JBVjVCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLG1CQUFtQjt3QkFDbkIsZUFBZTt3QkFDZixtQkFBbUI7cUJBQ3BCO29CQUNELFlBQVksRUFBRTt3QkFDWixtQkFBbUI7cUJBQ3BCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbmltcG9ydCB7XG4gIERhZmZGb3JtRmllbGRNb2R1bGUsXG4gIERhZmZJbnB1dE1vZHVsZSxcbn0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbic7XG5cbmltcG9ydCB7IElucHV0RXJyb3JDb21wb25lbnQgfSBmcm9tICcuL2lucHV0LWVycm9yLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgICBEYWZmRm9ybUZpZWxkTW9kdWxlLFxuICAgIERhZmZJbnB1dE1vZHVsZSxcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBJbnB1dEVycm9yQ29tcG9uZW50LFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBJbnB1dEVycm9yTW9kdWxlIHtcblxufVxuIl19

package/esm2020/input/examples/input-with-form-field/input-with-form-field.component.mjs

@@ -0,0 +1,12 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@daffodil/design";
+export class InputWithFormFieldComponent {
+}
+/** @nocollapse */ InputWithFormFieldComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: InputWithFormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ InputWithFormFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: InputWithFormFieldComponent, selector: "input-with-form-field", ngImport: i0, template: "<daff-form-field>\n  <input daff-input type=\"text\" placeholder=\"Email\" name=\"email\" />\n</daff-form-field>\n", components: [{ type: i1.DaffFormFieldComponent, selector: "daff-form-field", inputs: ["formSubmitted"] }, { type: i1.DaffInputComponent, selector: "input[daff-input]", inputs: ["formSubmitted"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: InputWithFormFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'input-with-form-field', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-form-field>\n  <input daff-input type=\"text\" placeholder=\"Email\" name=\"email\" />\n</daff-form-field>\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtd2l0aC1mb3JtLWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2lucHV0L2V4YW1wbGVzL3NyYy9pbnB1dC13aXRoLWZvcm0tZmllbGQvaW5wdXQtd2l0aC1mb3JtLWZpZWxkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2lucHV0L2V4YW1wbGVzL3NyYy9pbnB1dC13aXRoLWZvcm0tZmllbGQvaW5wdXQtd2l0aC1mb3JtLWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDOzs7QUFRdkIsTUFBTSxPQUFPLDJCQUEyQjs7MklBQTNCLDJCQUEyQjsrSEFBM0IsMkJBQTJCLDZEQ1h4QyxvSEFHQTsyRkRRYSwyQkFBMkI7a0JBTnZDLFNBQVM7K0JBRUUsdUJBQXVCLG1CQUVoQix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2lucHV0LXdpdGgtZm9ybS1maWVsZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9pbnB1dC13aXRoLWZvcm0tZmllbGQuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgSW5wdXRXaXRoRm9ybUZpZWxkQ29tcG9uZW50IHtcblxufVxuIiwiPGRhZmYtZm9ybS1maWVsZD5cbiAgPGlucHV0IGRhZmYtaW5wdXQgdHlwZT1cInRleHRcIiBwbGFjZWhvbGRlcj1cIkVtYWlsXCIgbmFtZT1cImVtYWlsXCIgLz5cbjwvZGFmZi1mb3JtLWZpZWxkPlxuIl19

package/esm2020/input/examples/input-with-form-field/input-with-form-field.module.mjs

@@ -0,0 +1,26 @@
+import { NgModule } from '@angular/core';
+import { DaffFormFieldModule, DaffInputModule, } from '@daffodil/design';
+import { InputWithFormFieldComponent } from './input-with-form-field.component';
+import * as i0 from "@angular/core";
+export class InputWithFormFieldModule {
+}
+/** @nocollapse */ InputWithFormFieldModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: InputWithFormFieldModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ InputWithFormFieldModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: InputWithFormFieldModule, declarations: [InputWithFormFieldComponent], imports: [DaffFormFieldModule,
+        DaffInputModule] });
+/** @nocollapse */ InputWithFormFieldModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: InputWithFormFieldModule, imports: [[
+            DaffFormFieldModule,
+            DaffInputModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: InputWithFormFieldModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        DaffFormFieldModule,
+                        DaffInputModule,
+                    ],
+                    declarations: [
+                        InputWithFormFieldComponent,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtd2l0aC1mb3JtLWZpZWxkLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2lucHV0L2V4YW1wbGVzL3NyYy9pbnB1dC13aXRoLWZvcm0tZmllbGQvaW5wdXQtd2l0aC1mb3JtLWZpZWxkLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRXpDLE9BQU8sRUFDTCxtQkFBbUIsRUFDbkIsZUFBZSxHQUNoQixNQUFNLGtCQUFrQixDQUFDO0FBRTFCLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLG1DQUFtQyxDQUFDOztBQVdoRixNQUFNLE9BQU8sd0JBQXdCOzt3SUFBeEIsd0JBQXdCO3lJQUF4Qix3QkFBd0IsaUJBSGpDLDJCQUEyQixhQUozQixtQkFBbUI7UUFDbkIsZUFBZTt5SUFNTix3QkFBd0IsWUFSMUI7WUFDUCxtQkFBbUI7WUFDbkIsZUFBZTtTQUNoQjsyRkFLVSx3QkFBd0I7a0JBVHBDLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLG1CQUFtQjt3QkFDbkIsZUFBZTtxQkFDaEI7b0JBQ0QsWUFBWSxFQUFFO3dCQUNaLDJCQUEyQjtxQkFDNUI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge1xuICBEYWZmRm9ybUZpZWxkTW9kdWxlLFxuICBEYWZmSW5wdXRNb2R1bGUsXG59IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG5pbXBvcnQgeyBJbnB1dFdpdGhGb3JtRmllbGRDb21wb25lbnQgfSBmcm9tICcuL2lucHV0LXdpdGgtZm9ybS1maWVsZC5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgRGFmZkZvcm1GaWVsZE1vZHVsZSxcbiAgICBEYWZmSW5wdXRNb2R1bGUsXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW1xuICAgIElucHV0V2l0aEZvcm1GaWVsZENvbXBvbmVudCxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgSW5wdXRXaXRoRm9ybUZpZWxkTW9kdWxlIHtcblxufVxuIl19

package/esm2020/input/examples/public_api.mjs

@@ -0,0 +1,2 @@
+export { INPUT_EXAMPLES } from './examples';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2lucHV0L2V4YW1wbGVzL3NyYy9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxZQUFZLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgeyBJTlBVVF9FWEFNUExFUyB9IGZyb20gJy4vZXhhbXBsZXMnO1xuIl19

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

@@ -4,7 +4,7 @@ import * as i1 from "@daffodil/design";
 export class BasicMediaGalleryComponent {
 }
 /** @nocollapse */ BasicMediaGalleryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: BasicMediaGalleryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ BasicMediaGalleryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", 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", components: [{ type: i1.DaffMediaGalleryComponent, selector: "daff-media-gallery", inputs: ["name"] }, { type: i1.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }], directives: [{ type: i1.DaffThumbnailDirective, selector: "[daffThumbnail]", outputs: ["becameSelected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+/** @nocollapse */ BasicMediaGalleryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", 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", components: [{ type: i1.DaffMediaGalleryComponent, selector: "daff-media-gallery", inputs: ["skeleton", "name"] }, { type: i1.DaffImageComponent, selector: "daff-image", inputs: ["skeleton", "src", "alt", "width", "height"], outputs: ["load"] }], directives: [{ type: i1.DaffThumbnailDirective, selector: "[daffThumbnail]", outputs: ["becameSelected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", 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" }]

package/esm2020/media-gallery/examples/examples.mjs

@@ -1,7 +1,9 @@
 import { BasicMediaGalleryComponent } from './basic-media-gallery/basic-media-gallery.component';
 import { MismatchedSizesMediaGalleryComponent } from './mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component';
+import { SkeletonMediaGalleryComponent } from './skeleton-media-gallery/skeleton-media-gallery.component';
 export const MEDIA_GALLERY_EXAMPLES = [
     BasicMediaGalleryComponent,
     MismatchedSizesMediaGalleryComponent,
+    SkeletonMediaGalleryComponent,
 ];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhhbXBsZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9tZWRpYS1nYWxsZXJ5L2V4YW1wbGVzL3NyYy9leGFtcGxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxxREFBcUQsQ0FBQztBQUNqRyxPQUFPLEVBQUUsb0NBQW9DLEVBQUUsTUFBTSwyRUFBMkUsQ0FBQztBQUVqSSxNQUFNLENBQUMsTUFBTSxzQkFBc0IsR0FBRztJQUNwQywwQkFBMEI7SUFDMUIsb0NBQW9DO0NBQ3JDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCYXNpY01lZGlhR2FsbGVyeUNvbXBvbmVudCB9IGZyb20gJy4vYmFzaWMtbWVkaWEtZ2FsbGVyeS9iYXNpYy1tZWRpYS1nYWxsZXJ5LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBNaXNtYXRjaGVkU2l6ZXNNZWRpYUdhbGxlcnlDb21wb25lbnQgfSBmcm9tICcuL21pc21hdGNoZWQtc2l6ZXMtbWVkaWEtZ2FsbGVyeS9taXNtYXRjaGVkLXNpemVzLW1lZGlhLWdhbGxlcnkuY29tcG9uZW50JztcblxuZXhwb3J0IGNvbnN0IE1FRElBX0dBTExFUllfRVhBTVBMRVMgPSBbXG4gIEJhc2ljTWVkaWFHYWxsZXJ5Q29tcG9uZW50LFxuICBNaXNtYXRjaGVkU2l6ZXNNZWRpYUdhbGxlcnlDb21wb25lbnQsXG5dO1xuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhhbXBsZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9tZWRpYS1nYWxsZXJ5L2V4YW1wbGVzL3NyYy9leGFtcGxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxxREFBcUQsQ0FBQztBQUNqRyxPQUFPLEVBQUUsb0NBQW9DLEVBQUUsTUFBTSwyRUFBMkUsQ0FBQztBQUNqSSxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSwyREFBMkQsQ0FBQztBQUUxRyxNQUFNLENBQUMsTUFBTSxzQkFBc0IsR0FBRztJQUNwQywwQkFBMEI7SUFDMUIsb0NBQW9DO0lBQ3BDLDZCQUE2QjtDQUM5QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQmFzaWNNZWRpYUdhbGxlcnlDb21wb25lbnQgfSBmcm9tICcuL2Jhc2ljLW1lZGlhLWdhbGxlcnkvYmFzaWMtbWVkaWEtZ2FsbGVyeS5jb21wb25lbnQnO1xuaW1wb3J0IHsgTWlzbWF0Y2hlZFNpemVzTWVkaWFHYWxsZXJ5Q29tcG9uZW50IH0gZnJvbSAnLi9taXNtYXRjaGVkLXNpemVzLW1lZGlhLWdhbGxlcnkvbWlzbWF0Y2hlZC1zaXplcy1tZWRpYS1nYWxsZXJ5LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBTa2VsZXRvbk1lZGlhR2FsbGVyeUNvbXBvbmVudCB9IGZyb20gJy4vc2tlbGV0b24tbWVkaWEtZ2FsbGVyeS9za2VsZXRvbi1tZWRpYS1nYWxsZXJ5LmNvbXBvbmVudCc7XG5cbmV4cG9ydCBjb25zdCBNRURJQV9HQUxMRVJZX0VYQU1QTEVTID0gW1xuICBCYXNpY01lZGlhR2FsbGVyeUNvbXBvbmVudCxcbiAgTWlzbWF0Y2hlZFNpemVzTWVkaWFHYWxsZXJ5Q29tcG9uZW50LFxuICBTa2VsZXRvbk1lZGlhR2FsbGVyeUNvbXBvbmVudCxcbl07XG4iXX0=

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

@@ -4,7 +4,7 @@ import * as i1 from "@daffodil/design";
 export class MismatchedSizesMediaGalleryComponent {
 }
 /** @nocollapse */ MismatchedSizesMediaGalleryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: MismatchedSizesMediaGalleryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ MismatchedSizesMediaGalleryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", 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", components: [{ type: i1.DaffMediaGalleryComponent, selector: "daff-media-gallery", inputs: ["name"] }, { type: i1.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }], directives: [{ type: i1.DaffThumbnailDirective, selector: "[daffThumbnail]", outputs: ["becameSelected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+/** @nocollapse */ MismatchedSizesMediaGalleryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", 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", components: [{ type: i1.DaffMediaGalleryComponent, selector: "daff-media-gallery", inputs: ["skeleton", "name"] }, { type: i1.DaffImageComponent, selector: "daff-image", inputs: ["skeleton", "src", "alt", "width", "height"], outputs: ["load"] }], directives: [{ type: i1.DaffThumbnailDirective, selector: "[daffThumbnail]", outputs: ["becameSelected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", 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" }]

package/esm2020/media-gallery/examples/public_api.mjs

@@ -3,4 +3,6 @@ export { BasicMediaGalleryModule } from './basic-media-gallery/basic-media-galle
 export { BasicMediaGalleryComponent } from './basic-media-gallery/basic-media-gallery.component';
 export { MismatchedSizesMediaGalleryModule } from './mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.module';
 export { MismatchedSizesMediaGalleryComponent } from './mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL21lZGlhLWdhbGxlcnkvZXhhbXBsZXMvc3JjL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sWUFBWSxDQUFDO0FBRXBELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGtEQUFrRCxDQUFDO0FBQzNGLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLHFEQUFxRCxDQUFDO0FBQ2pHLE9BQU8sRUFBRSxpQ0FBaUMsRUFBRSxNQUFNLHdFQUF3RSxDQUFDO0FBQzNILE9BQU8sRUFBRSxvQ0FBb0MsRUFBRSxNQUFNLDJFQUEyRSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgTUVESUFfR0FMTEVSWV9FWEFNUExFUyB9IGZyb20gJy4vZXhhbXBsZXMnO1xuXG5leHBvcnQgeyBCYXNpY01lZGlhR2FsbGVyeU1vZHVsZSB9IGZyb20gJy4vYmFzaWMtbWVkaWEtZ2FsbGVyeS9iYXNpYy1tZWRpYS1nYWxsZXJ5Lm1vZHVsZSc7XG5leHBvcnQgeyBCYXNpY01lZGlhR2FsbGVyeUNvbXBvbmVudCB9IGZyb20gJy4vYmFzaWMtbWVkaWEtZ2FsbGVyeS9iYXNpYy1tZWRpYS1nYWxsZXJ5LmNvbXBvbmVudCc7XG5leHBvcnQgeyBNaXNtYXRjaGVkU2l6ZXNNZWRpYUdhbGxlcnlNb2R1bGUgfSBmcm9tICcuL21pc21hdGNoZWQtc2l6ZXMtbWVkaWEtZ2FsbGVyeS9taXNtYXRjaGVkLXNpemVzLW1lZGlhLWdhbGxlcnkubW9kdWxlJztcbmV4cG9ydCB7IE1pc21hdGNoZWRTaXplc01lZGlhR2FsbGVyeUNvbXBvbmVudCB9IGZyb20gJy4vbWlzbWF0Y2hlZC1zaXplcy1tZWRpYS1nYWxsZXJ5L21pc21hdGNoZWQtc2l6ZXMtbWVkaWEtZ2FsbGVyeS5jb21wb25lbnQnO1xuIl19
+export { SkeletonMediaGalleryComponent } from './skeleton-media-gallery/skeleton-media-gallery.component';
+export { SkeletonMediaGalleryModule } from './skeleton-media-gallery/skeleton-media-gallery.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL21lZGlhLWdhbGxlcnkvZXhhbXBsZXMvc3JjL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sWUFBWSxDQUFDO0FBRXBELE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGtEQUFrRCxDQUFDO0FBQzNGLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLHFEQUFxRCxDQUFDO0FBQ2pHLE9BQU8sRUFBRSxpQ0FBaUMsRUFBRSxNQUFNLHdFQUF3RSxDQUFDO0FBQzNILE9BQU8sRUFBRSxvQ0FBb0MsRUFBRSxNQUFNLDJFQUEyRSxDQUFDO0FBQ2pJLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLDJEQUEyRCxDQUFDO0FBQzFHLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLHdEQUF3RCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgTUVESUFfR0FMTEVSWV9FWEFNUExFUyB9IGZyb20gJy4vZXhhbXBsZXMnO1xuXG5leHBvcnQgeyBCYXNpY01lZGlhR2FsbGVyeU1vZHVsZSB9IGZyb20gJy4vYmFzaWMtbWVkaWEtZ2FsbGVyeS9iYXNpYy1tZWRpYS1nYWxsZXJ5Lm1vZHVsZSc7XG5leHBvcnQgeyBCYXNpY01lZGlhR2FsbGVyeUNvbXBvbmVudCB9IGZyb20gJy4vYmFzaWMtbWVkaWEtZ2FsbGVyeS9iYXNpYy1tZWRpYS1nYWxsZXJ5LmNvbXBvbmVudCc7XG5leHBvcnQgeyBNaXNtYXRjaGVkU2l6ZXNNZWRpYUdhbGxlcnlNb2R1bGUgfSBmcm9tICcuL21pc21hdGNoZWQtc2l6ZXMtbWVkaWEtZ2FsbGVyeS9taXNtYXRjaGVkLXNpemVzLW1lZGlhLWdhbGxlcnkubW9kdWxlJztcbmV4cG9ydCB7IE1pc21hdGNoZWRTaXplc01lZGlhR2FsbGVyeUNvbXBvbmVudCB9IGZyb20gJy4vbWlzbWF0Y2hlZC1zaXplcy1tZWRpYS1nYWxsZXJ5L21pc21hdGNoZWQtc2l6ZXMtbWVkaWEtZ2FsbGVyeS5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2tlbGV0b25NZWRpYUdhbGxlcnlDb21wb25lbnQgfSBmcm9tICcuL3NrZWxldG9uLW1lZGlhLWdhbGxlcnkvc2tlbGV0b24tbWVkaWEtZ2FsbGVyeS5jb21wb25lbnQnO1xuZXhwb3J0IHsgU2tlbGV0b25NZWRpYUdhbGxlcnlNb2R1bGUgfSBmcm9tICcuL3NrZWxldG9uLW1lZGlhLWdhbGxlcnkvc2tlbGV0b24tbWVkaWEtZ2FsbGVyeS5tb2R1bGUnO1xuIl19

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

@@ -0,0 +1,12 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@daffodil/design";
+export class SkeletonMediaGalleryComponent {
+}
+/** @nocollapse */ SkeletonMediaGalleryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: SkeletonMediaGalleryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ SkeletonMediaGalleryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", 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", components: [{ type: i1.DaffMediaGalleryComponent, selector: "daff-media-gallery", inputs: ["skeleton", "name"] }, { type: i1.DaffImageComponent, selector: "daff-image", inputs: ["skeleton", "src", "alt", "width", "height"], outputs: ["load"] }], directives: [{ type: i1.DaffThumbnailDirective, selector: "[daffThumbnail]", outputs: ["becameSelected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b24tbWVkaWEtZ2FsbGVyeS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9tZWRpYS1nYWxsZXJ5L2V4YW1wbGVzL3NyYy9za2VsZXRvbi1tZWRpYS1nYWxsZXJ5L3NrZWxldG9uLW1lZGlhLWdhbGxlcnkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vbWVkaWEtZ2FsbGVyeS9leGFtcGxlcy9zcmMvc2tlbGV0b24tbWVkaWEtZ2FsbGVyeS9za2VsZXRvbi1tZWRpYS1nYWxsZXJ5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDOzs7QUFRdkIsTUFBTSxPQUFPLDZCQUE2Qjs7NklBQTdCLDZCQUE2QjtpSUFBN0IsNkJBQTZCLDhEQ1gxQyw0ekNBT0E7MkZESWEsNkJBQTZCO2tCQU56QyxTQUFTOytCQUVFLHdCQUF3QixtQkFFakIsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdza2VsZXRvbi1tZWRpYS1nYWxsZXJ5JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NrZWxldG9uLW1lZGlhLWdhbGxlcnkuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgU2tlbGV0b25NZWRpYUdhbGxlcnlDb21wb25lbnQge1xuXG5cbn1cbiIsIjxkYWZmLW1lZGlhLWdhbGxlcnkgW3NrZWxldG9uXT1cInRydWVcIj5cblx0PGRhZmYtaW1hZ2UgZGFmZlRodW1ibmFpbCBzcmM9XCJodHRwczovL2ltYWdlcy51bnNwbGFzaC5jb20vcGhvdG8tMTU1NjgwNDMzNS0yZmE1NjNlOTNhYWU/aXhpZD1NWHd4TWpBM2ZEQjhNSHh3YUc5MGJ5MXdZV2RsZkh4OGZHVnVmREI4Zkh3JTNEJml4bGliPXJiLTEuMi4xJmF1dG89Zm9ybWF0JmZpdD1jcm9wJnc9Mzc2MyZxPTgwXCIgYWx0PVwiRHJpbmtcIiB3aWR0aD1cIjk0NlwiIGhlaWdodD1cIjk0NlwiPjwvZGFmZi1pbWFnZT5cblx0PGRhZmYtaW1hZ2UgZGFmZlRodW1ibmFpbCBzcmM9XCJodHRwczovL2ltYWdlcy51bnNwbGFzaC5jb20vcGhvdG8tMTYwNzM0NDYzNTE1OS01OTkzMGUzMzMwYjE/aXhpZD1NWHd4TWpBM2ZEQjhNSHh3YUc5MGJ5MXdZV2RsZkh4OGZHVnVmREI4Zkh3JTNEJml4bGliPXJiLTEuMi4xJmF1dG89Zm9ybWF0JmZpdD1jcm9wJnc9MTYwMCZxPTgwXCIgYWx0PVwiRHJpbmtcIiB3aWR0aD1cIjk0NlwiIGhlaWdodD1cIjk0NlwiPjwvZGFmZi1pbWFnZT5cblx0PGRhZmYtaW1hZ2UgZGFmZlRodW1ibmFpbCBzcmM9XCJodHRwczovL2ltYWdlcy51bnNwbGFzaC5jb20vcGhvdG8tMTU4NDU1OTU4MjIxMy03ODdhMjk1M2RjYmU/aXhpZD1NWHd4TWpBM2ZEQjhNSHh3YUc5MGJ5MXdZV2RsZkh4OGZHVnVmREI4Zkh3JTNEJml4bGliPXJiLTEuMi4xJmF1dG89Zm9ybWF0JmZpdD1jcm9wJnc9MTYwMCZxPTgwXCIgYWx0PVwiRnJ1aXRzXCIgd2lkdGg9XCI5NDZcIiBoZWlnaHQ9XCI5NDZcIj48L2RhZmYtaW1hZ2U+XG5cdDxkYWZmLWltYWdlIGRhZmZUaHVtYm5haWwgc3JjPVwiaHR0cHM6Ly9pbWFnZXMudW5zcGxhc2guY29tL3Bob3RvLTE1ODczMjQ0Mzg2NzMtNTZjNzhhODY2YjE1P2l4aWQ9TVh3eE1qQTNmREI4TUh4d2FHOTBieTF3WVdkbGZIeDhmR1Z1ZkRCOGZIdyUzRCZpeGxpYj1yYi0xLjIuMSZhdXRvPWZvcm1hdCZmaXQ9Y3JvcCZ3PTE2MDAmcT04MFwiIGFsdD1cIkxlbW9uc1wiIHdpZHRoPVwiOTQ2XCIgaGVpZ2h0PVwiOTQ2XCI+PC9kYWZmLWltYWdlPlxuXHQ8ZGFmZi1pbWFnZSBkYWZmVGh1bWJuYWlsIHNyYz1cImh0dHBzOi8vaW1hZ2VzLnVuc3BsYXNoLmNvbS9waG90by0xNTQzMzYzMTM2LTdmYmZjZDNiMjQwZD9peGlkPU1Yd3hNakEzZkRCOE1IeHdhRzkwYnkxd1lXZGxmSHg4ZkdWdWZEQjhmSHclM0QmaXhsaWI9cmItMS4yLjEmYXV0bz1mb3JtYXQmZml0PWNyb3Amdz0xNjAwJnE9ODBcIiBhbHQ9XCJBdm9jYWRvXCIgd2lkdGg9XCI5NDZcIiBoZWlnaHQ9XCI5NDZcIj48L2RhZmYtaW1hZ2U+XG48L2RhZmYtbWVkaWEtZ2FsbGVyeT5cbiJdfQ==

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

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

package/esm2020/molecules/media-gallery/media-gallery.component.mjs

@@ -1,5 +1,6 @@
 import { Component, HostBinding, ChangeDetectionStrategy, Input, ElementRef, Renderer2, } from '@angular/core';
 import { daffArticleEncapsulatedMixin } from '../../core/article-encapsulated/public_api';
+import { daffSkeletonableMixin, } from '../../core/skeletonable/public_api';
 import { DAFF_MEDIA_GALLERY_TOKEN } from './media-gallery-token';
 import { DaffMediaGalleryRegistry } from './registry/media-gallery.registry';
 import * as i0 from "@angular/core";
@@ -15,7 +16,7 @@ class DaffMediaGalleryBase {
         this._renderer = _renderer;
     }
 }
-const _daffMediaGalleryBase = daffArticleEncapsulatedMixin((DaffMediaGalleryBase));
+const _daffMediaGalleryBase = daffSkeletonableMixin(daffArticleEncapsulatedMixin((DaffMediaGalleryBase)));
 export class DaffMediaGalleryComponent extends _daffMediaGalleryBase {
     constructor(elementRef, renderer, registry) {
         super(elementRef, renderer);
@@ -40,20 +41,20 @@ export class DaffMediaGalleryComponent extends _daffMediaGalleryBase {
     }
 }
 /** @nocollapse */ DaffMediaGalleryComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffMediaGalleryComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.DaffMediaGalleryRegistry }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffMediaGalleryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffMediaGalleryComponent, selector: "daff-media-gallery", inputs: { name: "name" }, host: { properties: { "class.daff-media-gallery": "this.class" } }, providers: [
+/** @nocollapse */ DaffMediaGalleryComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", 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;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}}.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}@media (min-width: 1024px){.daff-media-gallery__selected-thumbnail{order:2}}\n"], components: [{ type: i2.DaffMediaRendererComponent, selector: "daff-media-renderer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ], 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;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}: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}: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}: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"], components: [{ type: i2.DaffMediaRendererComponent, selector: "daff-media-renderer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", 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 },
-                    ], 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;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}}.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}@media (min-width: 1024px){.daff-media-gallery__selected-thumbnail{order:2}}\n"] }]
+                    ], 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;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}: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}: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}: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: function () { return [{ 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVkaWEtZ2FsbGVyeS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvbW9sZWN1bGVzL21lZGlhLWdhbGxlcnkvbWVkaWEtZ2FsbGVyeS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvbW9sZWN1bGVzL21lZGlhLWdhbGxlcnkvbWVkaWEtZ2FsbGVyeS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFdBQVcsRUFDWCx1QkFBdUIsRUFDdkIsS0FBSyxFQUdMLFVBQVUsRUFDVixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFFMUYsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDakUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sbUNBQW1DLENBQUM7Ozs7QUFFN0UsSUFBSSxlQUFlLEdBQUcsQ0FBQyxDQUFDO0FBRXhCOztHQUVHO0FBQ0gsTUFBTSxvQkFBb0I7SUFDeEIsWUFBbUIsV0FBdUIsRUFBUyxTQUFvQjtRQUFwRCxnQkFBVyxHQUFYLFdBQVcsQ0FBWTtRQUFTLGNBQVMsR0FBVCxTQUFTLENBQVc7SUFBRyxDQUFDO0NBQzVFO0FBRUQsTUFBTSxxQkFBcUIsR0FBRyw0QkFBNEIsQ0FBQyxDQUFDLG9CQUFvQixDQUFDLENBQUMsQ0FBQztBQVluRixNQUFNLE9BQU8seUJBQTBCLFNBQVEscUJBQXFCO0lBV2xFLFlBQ1UsVUFBc0IsRUFDdEIsUUFBbUIsRUFDbkIsUUFBa0M7UUFFMUMsS0FBSyxDQUFDLFVBQVUsRUFBRSxRQUFRLENBQUMsQ0FBQztRQUpwQixlQUFVLEdBQVYsVUFBVSxDQUFZO1FBQ3RCLGFBQVEsR0FBUixRQUFRLENBQVc7UUFDbkIsYUFBUSxHQUFSLFFBQVEsQ0FBMEI7UUFiNUM7O1dBRUc7UUFDc0MsVUFBSyxHQUFHLElBQUksQ0FBQztRQUV0RDs7V0FFRztRQUNNLFNBQUksR0FBRyxHQUFHLGVBQWUsRUFBRSxDQUFDO1FBUW5DLGVBQWUsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFRCxRQUFRO1FBQ1AsSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDekIsQ0FBQztJQUVELFdBQVc7UUFDVixJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM1QixDQUFDOzt5SUExQlUseUJBQXlCOzZIQUF6Qix5QkFBeUIsMklBTHpCO1FBQ1QsbUVBQW1FO1FBQ25FLEVBQUUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLFdBQVcsRUFBRSx5QkFBeUIsRUFBRTtLQUM5RSxpRENuQ0gsK05BS007MkZEZ0NPLHlCQUF5QjtrQkFWckMsU0FBUzsrQkFDRSxvQkFBb0IsbUJBR2IsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDVCxtRUFBbUU7d0JBQ25FLEVBQUUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLFdBQVcsMkJBQTJCLEVBQUU7cUJBQzlFO2dLQU13QyxLQUFLO3NCQUE3QyxXQUFXO3VCQUFDLDBCQUEwQjtnQkFLOUIsSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBIb3N0QmluZGluZyxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIElucHV0LFxuICBPbkluaXQsXG4gIE9uRGVzdHJveSxcbiAgRWxlbWVudFJlZixcbiAgUmVuZGVyZXIyLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgZGFmZkFydGljbGVFbmNhcHN1bGF0ZWRNaXhpbiB9IGZyb20gJy4uLy4uL2NvcmUvYXJ0aWNsZS1lbmNhcHN1bGF0ZWQvcHVibGljX2FwaSc7XG5pbXBvcnQgeyBEYWZmTWVkaWFHYWxsZXJ5UmVnaXN0cmF0aW9uIH0gZnJvbSAnLi9tZWRpYS1nYWxsZXJ5LXJlZ2lzdHJhdGlvbi5pbnRlcmZhY2UnO1xuaW1wb3J0IHsgREFGRl9NRURJQV9HQUxMRVJZX1RPS0VOIH0gZnJvbSAnLi9tZWRpYS1nYWxsZXJ5LXRva2VuJztcbmltcG9ydCB7IERhZmZNZWRpYUdhbGxlcnlSZWdpc3RyeSB9IGZyb20gJy4vcmVnaXN0cnkvbWVkaWEtZ2FsbGVyeS5yZWdpc3RyeSc7XG5cbmxldCB1bmlxdWVHYWxsZXJ5SWQgPSAwO1xuXG4vKipcbiAqIEFuIF9lbGVtZW50UmVmIGFuZCBhbiBpbnN0YW5jZSBvZiByZW5kZXJlcjIgYXJlIG5lZWRlZCBmb3IgdGhlIGxpbmsgc2V0IG1peGluc1xuICovXG5jbGFzcyBEYWZmTWVkaWFHYWxsZXJ5QmFzZSB7XG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBfZWxlbWVudFJlZjogRWxlbWVudFJlZiwgcHVibGljIF9yZW5kZXJlcjogUmVuZGVyZXIyKSB7fVxufVxuXG5jb25zdCBfZGFmZk1lZGlhR2FsbGVyeUJhc2UgPSBkYWZmQXJ0aWNsZUVuY2Fwc3VsYXRlZE1peGluKChEYWZmTWVkaWFHYWxsZXJ5QmFzZSkpO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYWZmLW1lZGlhLWdhbGxlcnknLFxuICB0ZW1wbGF0ZVVybDogJy4vbWVkaWEtZ2FsbGVyeS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL21lZGlhLWdhbGxlcnkuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHByb3ZpZGVyczogW1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdXNlLWJlZm9yZS1kZWZpbmVcbiAgICB7IHByb3ZpZGU6IERBRkZfTUVESUFfR0FMTEVSWV9UT0tFTiwgdXNlRXhpc3Rpbmc6IERhZmZNZWRpYUdhbGxlcnlDb21wb25lbnQgfSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZk1lZGlhR2FsbGVyeUNvbXBvbmVudCBleHRlbmRzIF9kYWZmTWVkaWFHYWxsZXJ5QmFzZSBpbXBsZW1lbnRzIERhZmZNZWRpYUdhbGxlcnlSZWdpc3RyYXRpb24sIE9uSW5pdCwgT25EZXN0cm95IHtcbiAgLyoqXG4gICAqIEFkZHMgYSBjbGFzcyBmb3Igc3R5bGluZyB0aGUgbWVkaWEgZ2FsbGVyeVxuICAgKi9cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5kYWZmLW1lZGlhLWdhbGxlcnknKSBjbGFzcyA9IHRydWU7XG5cbiAgLyoqXG4gICAqIFRoZSBuYW1lIG9mIHRoZSBnYWxsZXJ5XG4gICAqL1xuICBASW5wdXQoKSBuYW1lID0gYCR7dW5pcXVlR2FsbGVyeUlkfWA7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmLFxuICAgIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMixcbiAgICBwcml2YXRlIHJlZ2lzdHJ5OiBEYWZmTWVkaWFHYWxsZXJ5UmVnaXN0cnksXG4gICkge1xuXHQgIFx0c3VwZXIoZWxlbWVudFJlZiwgcmVuZGVyZXIpO1xuXHQgIFx0dW5pcXVlR2FsbGVyeUlkKys7XG4gIH1cblxuICBuZ09uSW5pdCgpIHtcblx0ICB0aGlzLnJlZ2lzdHJ5LmFkZCh0aGlzKTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCkge1xuXHQgIHRoaXMucmVnaXN0cnkucmVtb3ZlKHRoaXMpO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiZGFmZi1tZWRpYS1nYWxsZXJ5X190aHVtYm5haWxzXCI+XG5cdDxuZy1jb250ZW50IHNlbGVjdD1cIltkYWZmVGh1bWJuYWlsXVwiPjwvbmctY29udGVudD5cbjwvZGl2PlxuPGRpdiBjbGFzcz1cImRhZmYtbWVkaWEtZ2FsbGVyeV9fc2VsZWN0ZWQtdGh1bWJuYWlsXCI+XG5cdDxkYWZmLW1lZGlhLXJlbmRlcmVyPjwvZGFmZi1tZWRpYS1yZW5kZXJlcj5cbjwvZGl2PiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVkaWEtZ2FsbGVyeS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvbW9sZWN1bGVzL21lZGlhLWdhbGxlcnkvbWVkaWEtZ2FsbGVyeS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zcmMvbW9sZWN1bGVzL21lZGlhLWdhbGxlcnkvbWVkaWEtZ2FsbGVyeS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULFdBQVcsRUFDWCx1QkFBdUIsRUFDdkIsS0FBSyxFQUdMLFVBQVUsRUFDVixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDMUYsT0FBTyxFQUNMLHFCQUFxQixHQUV0QixNQUFNLG9DQUFvQyxDQUFDO0FBRTVDLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ2pFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLG1DQUFtQyxDQUFDOzs7O0FBRTdFLElBQUksZUFBZSxHQUFHLENBQUMsQ0FBQztBQUV4Qjs7R0FFRztBQUNILE1BQU0sb0JBQW9CO0lBQ3hCLFlBQW1CLFdBQXVCLEVBQVMsU0FBb0I7UUFBcEQsZ0JBQVcsR0FBWCxXQUFXLENBQVk7UUFBUyxjQUFTLEdBQVQsU0FBUyxDQUFXO0lBQUcsQ0FBQztDQUM1RTtBQUVELE1BQU0scUJBQXFCLEdBQUcscUJBQXFCLENBQUMsNEJBQTRCLENBQUMsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQWUxRyxNQUFNLE9BQU8seUJBQTBCLFNBQVEscUJBQXFCO0lBV2xFLFlBQ1UsVUFBc0IsRUFDdEIsUUFBbUIsRUFDbkIsUUFBa0M7UUFFMUMsS0FBSyxDQUFDLFVBQVUsRUFBRSxRQUFRLENBQUMsQ0FBQztRQUpwQixlQUFVLEdBQVYsVUFBVSxDQUFZO1FBQ3RCLGFBQVEsR0FBUixRQUFRLENBQVc7UUFDbkIsYUFBUSxHQUFSLFFBQVEsQ0FBMEI7UUFiNUM7O1dBRUc7UUFDc0MsVUFBSyxHQUFHLElBQUksQ0FBQztRQUV0RDs7V0FFRztRQUNNLFNBQUksR0FBRyxHQUFHLGVBQWUsRUFBRSxDQUFDO1FBUW5DLGVBQWUsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFRCxRQUFRO1FBQ1AsSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDekIsQ0FBQztJQUVELFdBQVc7UUFDVixJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM1QixDQUFDOzt5SUExQlUseUJBQXlCOzZIQUF6Qix5QkFBeUIsaUtBUnpCO1FBQ1QsbUVBQW1FO1FBQ25FLEVBQUUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLFdBQVcsRUFBRSx5QkFBeUIsRUFBRTtLQUM5RSxpREN2Q0gsK05BS007MkZEdUNPLHlCQUF5QjtrQkFickMsU0FBUzsrQkFDRSxvQkFBb0IsbUJBR2IsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDVCxtRUFBbUU7d0JBQ25FLEVBQUUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLFdBQVcsMkJBQTJCLEVBQUU7cUJBQzlFLFVBR08sQ0FBQyxVQUFVLENBQUM7Z0tBTXFCLEtBQUs7c0JBQTdDLFdBQVc7dUJBQUMsMEJBQTBCO2dCQUs5QixJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEhvc3RCaW5kaW5nLFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgSW5wdXQsXG4gIE9uSW5pdCxcbiAgT25EZXN0cm95LFxuICBFbGVtZW50UmVmLFxuICBSZW5kZXJlcjIsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBkYWZmQXJ0aWNsZUVuY2Fwc3VsYXRlZE1peGluIH0gZnJvbSAnLi4vLi4vY29yZS9hcnRpY2xlLWVuY2Fwc3VsYXRlZC9wdWJsaWNfYXBpJztcbmltcG9ydCB7XG4gIGRhZmZTa2VsZXRvbmFibGVNaXhpbixcbiAgRGFmZlNrZWxldG9uYWJsZSxcbn0gZnJvbSAnLi4vLi4vY29yZS9za2VsZXRvbmFibGUvcHVibGljX2FwaSc7XG5pbXBvcnQgeyBEYWZmTWVkaWFHYWxsZXJ5UmVnaXN0cmF0aW9uIH0gZnJvbSAnLi9tZWRpYS1nYWxsZXJ5LXJlZ2lzdHJhdGlvbi5pbnRlcmZhY2UnO1xuaW1wb3J0IHsgREFGRl9NRURJQV9HQUxMRVJZX1RPS0VOIH0gZnJvbSAnLi9tZWRpYS1nYWxsZXJ5LXRva2VuJztcbmltcG9ydCB7IERhZmZNZWRpYUdhbGxlcnlSZWdpc3RyeSB9IGZyb20gJy4vcmVnaXN0cnkvbWVkaWEtZ2FsbGVyeS5yZWdpc3RyeSc7XG5cbmxldCB1bmlxdWVHYWxsZXJ5SWQgPSAwO1xuXG4vKipcbiAqIEFuIF9lbGVtZW50UmVmIGFuZCBhbiBpbnN0YW5jZSBvZiByZW5kZXJlcjIgYXJlIG5lZWRlZCBmb3IgdGhlIGxpbmsgc2V0IG1peGluc1xuICovXG5jbGFzcyBEYWZmTWVkaWFHYWxsZXJ5QmFzZSB7XG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBfZWxlbWVudFJlZjogRWxlbWVudFJlZiwgcHVibGljIF9yZW5kZXJlcjogUmVuZGVyZXIyKSB7fVxufVxuXG5jb25zdCBfZGFmZk1lZGlhR2FsbGVyeUJhc2UgPSBkYWZmU2tlbGV0b25hYmxlTWl4aW4oZGFmZkFydGljbGVFbmNhcHN1bGF0ZWRNaXhpbigoRGFmZk1lZGlhR2FsbGVyeUJhc2UpKSk7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RhZmYtbWVkaWEtZ2FsbGVyeScsXG4gIHRlbXBsYXRlVXJsOiAnLi9tZWRpYS1nYWxsZXJ5LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbWVkaWEtZ2FsbGVyeS5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJvdmlkZXJzOiBbXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uby11c2UtYmVmb3JlLWRlZmluZVxuICAgIHsgcHJvdmlkZTogREFGRl9NRURJQV9HQUxMRVJZX1RPS0VOLCB1c2VFeGlzdGluZzogRGFmZk1lZGlhR2FsbGVyeUNvbXBvbmVudCB9LFxuICBdLFxuICAvLyB0b2RvKGRhbWllbndlYmRldik6IHJlbW92ZSBvbmNlIGRlY29yYXRvcnMgaGl0IHN0YWdlIDMgLSBodHRwczovL2dpdGh1Yi5jb20vbWljcm9zb2Z0L1R5cGVTY3JpcHQvaXNzdWVzLzczNDJcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9uby1pbnB1dHMtbWV0YWRhdGEtcHJvcGVydHlcbiAgaW5wdXRzOiBbJ3NrZWxldG9uJ10sXG59KVxuZXhwb3J0IGNsYXNzIERhZmZNZWRpYUdhbGxlcnlDb21wb25lbnQgZXh0ZW5kcyBfZGFmZk1lZGlhR2FsbGVyeUJhc2UgaW1wbGVtZW50cyBEYWZmTWVkaWFHYWxsZXJ5UmVnaXN0cmF0aW9uLCBEYWZmU2tlbGV0b25hYmxlLCBPbkluaXQsIE9uRGVzdHJveSB7XG4gIC8qKlxuICAgKiBBZGRzIGEgY2xhc3MgZm9yIHN0eWxpbmcgdGhlIG1lZGlhIGdhbGxlcnlcbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZGFmZi1tZWRpYS1nYWxsZXJ5JykgY2xhc3MgPSB0cnVlO1xuXG4gIC8qKlxuICAgKiBUaGUgbmFtZSBvZiB0aGUgZ2FsbGVyeVxuICAgKi9cbiAgQElucHV0KCkgbmFtZSA9IGAke3VuaXF1ZUdhbGxlcnlJZH1gO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZixcbiAgICBwcml2YXRlIHJlbmRlcmVyOiBSZW5kZXJlcjIsXG4gICAgcHJpdmF0ZSByZWdpc3RyeTogRGFmZk1lZGlhR2FsbGVyeVJlZ2lzdHJ5LFxuICApIHtcblx0ICBcdHN1cGVyKGVsZW1lbnRSZWYsIHJlbmRlcmVyKTtcblx0ICBcdHVuaXF1ZUdhbGxlcnlJZCsrO1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG5cdCAgdGhpcy5yZWdpc3RyeS5hZGQodGhpcyk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcblx0ICB0aGlzLnJlZ2lzdHJ5LnJlbW92ZSh0aGlzKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImRhZmYtbWVkaWEtZ2FsbGVyeV9fdGh1bWJuYWlsc1wiPlxuXHQ8bmctY29udGVudCBzZWxlY3Q9XCJbZGFmZlRodW1ibmFpbF1cIj48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbjxkaXYgY2xhc3M9XCJkYWZmLW1lZGlhLWdhbGxlcnlfX3NlbGVjdGVkLXRodW1ibmFpbFwiPlxuXHQ8ZGFmZi1tZWRpYS1yZW5kZXJlcj48L2RhZmYtbWVkaWEtcmVuZGVyZXI+XG48L2Rpdj4iXX0=