@daffodil/design 0.74.0 → 0.76.0

package/esm2022/list/list/list.component.mjs

@@ -1,22 +1,13 @@
-import { Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, ElementRef, Renderer2, } from '@angular/core';
-import { daffArticleEncapsulatedMixin } from '@daffodil/design';
+import { Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, ElementRef, } from '@angular/core';
+import { DaffArticleEncapsulatedDirective } from '@daffodil/design';
 import * as i0 from "@angular/core";
+import * as i1 from "@daffodil/design";
 var DaffListTypeEnum;
 (function (DaffListTypeEnum) {
     DaffListTypeEnum["Default"] = "daff-list";
     DaffListTypeEnum["Nav"] = "daff-nav-list";
 })(DaffListTypeEnum || (DaffListTypeEnum = {}));
-/**
- * An _elementRef and an instance of renderer2 are needed for the list mixins
- */
-class DaffListBase {
-    constructor(_elementRef, _renderer) {
-        this._elementRef = _elementRef;
-        this._renderer = _renderer;
-    }
-}
-const _daffListBase = daffArticleEncapsulatedMixin((DaffListBase));
-export class DaffListComponent extends _daffListBase {
+export class DaffListComponent {
     /**
      * @docs-private
      */
@@ -29,10 +20,8 @@ export class DaffListComponent extends _daffListBase {
     get listType() {
         return this._getHostElement().localName;
     }
-    constructor(elementRef, renderer) {
-        super(elementRef, renderer);
+    constructor(elementRef) {
         this.elementRef = elementRef;
-        this.renderer = renderer;
     }
     /**
      * @docs-private
@@ -52,14 +41,16 @@ export class DaffListComponent extends _daffListBase {
     _getHostElement() {
         return this.elementRef.nativeElement;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffListComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DaffListComponent, selector: "daff-list,daff-nav-list", host: { properties: { "class.daff-list": "this.list", "class.daff-nav-list": "this.nav", "attr.role": "this.role" } }, usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".daff-list{display:block;margin:0;padding:0}.daff-list .daff-list-item{display:flex;gap:16px;padding:12px 16px}.daff-list .daff-list-item__content{flex-grow:1}.daff-list .daff-list-item__content *:nth-child(1){font-weight:700;font-size:1rem;line-height:1.5em;margin:0;padding:0}.daff-list .daff-list-item__content *:nth-child(n+2){font-size:1rem;margin:0;padding:0}.daff-list .daff-list-item .daff-prefix,.daff-list .daff-list-item .daff-suffix{display:flex;align-items:center;z-index:2}.daff-nav-list{display:block;margin:0;padding:0}.daff-nav-list .daff-list-item{display:flex;gap:16px;padding:12px 16px}.daff-nav-list .daff-list-item__content{flex-grow:1}.daff-nav-list .daff-list-item__content *:nth-child(1){font-weight:700;font-size:1rem;line-height:1.5em;margin:0;padding:0}.daff-nav-list .daff-list-item__content *:nth-child(n+2){font-size:1rem;margin:0;padding:0}.daff-nav-list .daff-list-item .daff-prefix,.daff-nav-list .daff-list-item .daff-suffix{display:flex;align-items:center;z-index:2}.daff-nav-list .daff-list-item{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;text-decoration:none;position:relative}.daff-nav-list .daff-list-item__content{z-index:2}.daff-nav-list .daff-list-item:after{content:\"\";position:absolute;height:100%;width:100%;top:0;left:0;opacity:0;transition:opacity .3s;z-index:1}.daff-nav-list .daff-list-item:hover:after,.daff-nav-list .daff-list-item:active:after{opacity:1}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffListComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DaffListComponent, selector: "daff-list,daff-nav-list", host: { properties: { "class.daff-list": "this.list", "class.daff-nav-list": "this.nav", "attr.role": "this.role" } }, hostDirectives: [{ directive: i1.DaffArticleEncapsulatedDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".daff-list{display:block;margin:0;padding:0}.daff-list .daff-list-item{display:flex;gap:16px;padding:12px 16px}.daff-list .daff-list-item__content{flex-grow:1}.daff-list .daff-list-item__content *:nth-child(1){font-weight:700;font-size:1rem;line-height:1.5em;margin:0;padding:0}.daff-list .daff-list-item__content *:nth-child(n+2){font-size:1rem;margin:0;padding:0}.daff-list .daff-list-item .daff-prefix,.daff-list .daff-list-item .daff-suffix{display:flex;align-items:center;z-index:2}.daff-nav-list{display:block;margin:0;padding:0}.daff-nav-list .daff-list-item{display:flex;gap:16px;padding:12px 16px}.daff-nav-list .daff-list-item__content{flex-grow:1}.daff-nav-list .daff-list-item__content *:nth-child(1){font-weight:700;font-size:1rem;line-height:1.5em;margin:0;padding:0}.daff-nav-list .daff-list-item__content *:nth-child(n+2){font-size:1rem;margin:0;padding:0}.daff-nav-list .daff-list-item .daff-prefix,.daff-nav-list .daff-list-item .daff-suffix{display:flex;align-items:center;z-index:2}.daff-nav-list .daff-list-item{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;text-decoration:none;position:relative}.daff-nav-list .daff-list-item__content{z-index:2}.daff-nav-list .daff-list-item:after{content:\"\";position:absolute;height:100%;width:100%;top:0;left:0;opacity:0;transition:opacity .3s;z-index:1}.daff-nav-list .daff-list-item:hover:after,.daff-nav-list .daff-list-item:active:after{opacity:1}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-list' + ',' +
-                        'daff-nav-list', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".daff-list{display:block;margin:0;padding:0}.daff-list .daff-list-item{display:flex;gap:16px;padding:12px 16px}.daff-list .daff-list-item__content{flex-grow:1}.daff-list .daff-list-item__content *:nth-child(1){font-weight:700;font-size:1rem;line-height:1.5em;margin:0;padding:0}.daff-list .daff-list-item__content *:nth-child(n+2){font-size:1rem;margin:0;padding:0}.daff-list .daff-list-item .daff-prefix,.daff-list .daff-list-item .daff-suffix{display:flex;align-items:center;z-index:2}.daff-nav-list{display:block;margin:0;padding:0}.daff-nav-list .daff-list-item{display:flex;gap:16px;padding:12px 16px}.daff-nav-list .daff-list-item__content{flex-grow:1}.daff-nav-list .daff-list-item__content *:nth-child(1){font-weight:700;font-size:1rem;line-height:1.5em;margin:0;padding:0}.daff-nav-list .daff-list-item__content *:nth-child(n+2){font-size:1rem;margin:0;padding:0}.daff-nav-list .daff-list-item .daff-prefix,.daff-nav-list .daff-list-item .daff-suffix{display:flex;align-items:center;z-index:2}.daff-nav-list .daff-list-item{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;text-decoration:none;position:relative}.daff-nav-list .daff-list-item__content{z-index:2}.daff-nav-list .daff-list-item:after{content:\"\";position:absolute;height:100%;width:100%;top:0;left:0;opacity:0;transition:opacity .3s;z-index:1}.daff-nav-list .daff-list-item:hover:after,.daff-nav-list .daff-list-item:active:after{opacity:1}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { list: [{
+                        'daff-nav-list', template: '<ng-content></ng-content>', hostDirectives: [{
+                            directive: DaffArticleEncapsulatedDirective,
+                        }], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".daff-list{display:block;margin:0;padding:0}.daff-list .daff-list-item{display:flex;gap:16px;padding:12px 16px}.daff-list .daff-list-item__content{flex-grow:1}.daff-list .daff-list-item__content *:nth-child(1){font-weight:700;font-size:1rem;line-height:1.5em;margin:0;padding:0}.daff-list .daff-list-item__content *:nth-child(n+2){font-size:1rem;margin:0;padding:0}.daff-list .daff-list-item .daff-prefix,.daff-list .daff-list-item .daff-suffix{display:flex;align-items:center;z-index:2}.daff-nav-list{display:block;margin:0;padding:0}.daff-nav-list .daff-list-item{display:flex;gap:16px;padding:12px 16px}.daff-nav-list .daff-list-item__content{flex-grow:1}.daff-nav-list .daff-list-item__content *:nth-child(1){font-weight:700;font-size:1rem;line-height:1.5em;margin:0;padding:0}.daff-nav-list .daff-list-item__content *:nth-child(n+2){font-size:1rem;margin:0;padding:0}.daff-nav-list .daff-list-item .daff-prefix,.daff-nav-list .daff-list-item .daff-suffix{display:flex;align-items:center;z-index:2}.daff-nav-list .daff-list-item{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;text-decoration:none;position:relative}.daff-nav-list .daff-list-item__content{z-index:2}.daff-nav-list .daff-list-item:after{content:\"\";position:absolute;height:100%;width:100%;top:0;left:0;opacity:0;transition:opacity .3s;z-index:1}.daff-nav-list .daff-list-item:hover:after,.daff-nav-list .daff-list-item:active:after{opacity:1}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { list: [{
                 type: HostBinding,
                 args: ['class.daff-list']
             }], nav: [{
@@ -69,4 +60,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
                 type: HostBinding,
                 args: ['attr.role']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9saXN0L3NyYy9saXN0L2xpc3QuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLHVCQUF1QixFQUN2QixXQUFXLEVBQ1gsVUFBVSxFQUNWLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7QUFJaEUsSUFBSyxnQkFHSjtBQUhELFdBQUssZ0JBQWdCO0lBQ25CLHlDQUFxQixDQUFBO0lBQ3JCLHlDQUFxQixDQUFBO0FBQ3ZCLENBQUMsRUFISSxnQkFBZ0IsS0FBaEIsZ0JBQWdCLFFBR3BCO0FBRUQ7O0dBRUc7QUFDSCxNQUFNLFlBQVk7SUFDaEIsWUFBbUIsV0FBdUIsRUFBUyxTQUFvQjtRQUFwRCxnQkFBVyxHQUFYLFdBQVcsQ0FBWTtRQUFTLGNBQVMsR0FBVCxTQUFTLENBQVc7SUFBRyxDQUFDO0NBQzVFO0FBRUQsTUFBTSxhQUFhLEdBQUcsNEJBQTRCLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDO0FBWW5FLE1BQU0sT0FBTyxpQkFBa0IsU0FBUSxhQUFhO0lBQ2xEOztPQUVHO0lBQ0gsSUFBb0MsSUFBSTtRQUN0QyxPQUFPLElBQUksQ0FBQyxRQUFRLEtBQUssZ0JBQWdCLENBQUMsT0FBTyxDQUFDO0lBQ3BELENBQUM7SUFFRDs7T0FFRztJQUNILElBQUksUUFBUTtRQUNWLE9BQU8sSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDLFNBQVMsQ0FBQztJQUMxQyxDQUFDO0lBRUQsWUFBb0IsVUFBc0IsRUFBVSxRQUFtQjtRQUNyRSxLQUFLLENBQUMsVUFBVSxFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBRFYsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUFVLGFBQVEsR0FBUixRQUFRLENBQVc7SUFFdkUsQ0FBQztJQUVEOztPQUVHO0lBQ0gsSUFBd0MsR0FBRztRQUN6QyxPQUFPLElBQUksQ0FBQyxRQUFRLEtBQUssZ0JBQWdCLENBQUMsR0FBRyxDQUFDO0lBQ2hELENBQUM7SUFFRDs7OztPQUlHO0lBQ0gsSUFBOEIsSUFBSTtRQUNoQyxPQUFPLElBQUksQ0FBQyxRQUFRLEtBQUssZ0JBQWdCLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQztJQUN4RSxDQUFDO0lBQUEsQ0FBQztJQUVNLGVBQWU7UUFDckIsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQztJQUN2QyxDQUFDO2tJQXJDVSxpQkFBaUI7c0hBQWpCLGlCQUFpQiw2TUFObEIsMkJBQTJCOzs0RkFNMUIsaUJBQWlCO2tCQVY3QixTQUFTOytCQUVOLFdBQVcsR0FBRyxHQUFHO3dCQUNqQixlQUFlLFlBQ1AsMkJBQTJCLGlCQUV0QixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNO3VHQU9YLElBQUk7c0JBQXZDLFdBQVc7dUJBQUMsaUJBQWlCO2dCQWtCVSxHQUFHO3NCQUExQyxXQUFXO3VCQUFDLHFCQUFxQjtnQkFTSixJQUFJO3NCQUFqQyxXQUFXO3VCQUFDLFdBQVciLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgSG9zdEJpbmRpbmcsXG4gIEVsZW1lbnRSZWYsXG4gIFJlbmRlcmVyMixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IGRhZmZBcnRpY2xlRW5jYXBzdWxhdGVkTWl4aW4gfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduJztcblxuZXhwb3J0IHR5cGUgRGFmZkxpc3RUeXBlID0gJ2RhZmYtbGlzdCcgfCAnZGFmZi1uYXYtbGlzdCc7XG5cbmVudW0gRGFmZkxpc3RUeXBlRW51bSB7XG4gIERlZmF1bHQgPSAnZGFmZi1saXN0JyxcbiAgTmF2ID0gJ2RhZmYtbmF2LWxpc3QnXG59XG5cbi8qKlxuICogQW4gX2VsZW1lbnRSZWYgYW5kIGFuIGluc3RhbmNlIG9mIHJlbmRlcmVyMiBhcmUgbmVlZGVkIGZvciB0aGUgbGlzdCBtaXhpbnNcbiAqL1xuY2xhc3MgRGFmZkxpc3RCYXNlIHtcbiAgY29uc3RydWN0b3IocHVibGljIF9lbGVtZW50UmVmOiBFbGVtZW50UmVmLCBwdWJsaWMgX3JlbmRlcmVyOiBSZW5kZXJlcjIpIHt9XG59XG5cbmNvbnN0IF9kYWZmTGlzdEJhc2UgPSBkYWZmQXJ0aWNsZUVuY2Fwc3VsYXRlZE1peGluKChEYWZmTGlzdEJhc2UpKTtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOlxuICAgICdkYWZmLWxpc3QnICsgJywnICtcbiAgICAnZGFmZi1uYXYtbGlzdCcsXG4gIHRlbXBsYXRlOiAnPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PicsXG4gIHN0eWxlVXJsczogWycuL2xpc3QuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuXG5leHBvcnQgY2xhc3MgRGFmZkxpc3RDb21wb25lbnQgZXh0ZW5kcyBfZGFmZkxpc3RCYXNlIHtcbiAgLyoqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZGFmZi1saXN0JykgZ2V0IGxpc3QoKSB7XG4gICAgcmV0dXJuIHRoaXMubGlzdFR5cGUgPT09IERhZmZMaXN0VHlwZUVudW0uRGVmYXVsdDtcbiAgfVxuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBnZXQgbGlzdFR5cGUoKTogRGFmZkxpc3RUeXBlIHtcbiAgICByZXR1cm4gdGhpcy5fZ2V0SG9zdEVsZW1lbnQoKS5sb2NhbE5hbWU7XG4gIH1cblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMikge1xuICAgIHN1cGVyKGVsZW1lbnRSZWYsIHJlbmRlcmVyKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtbmF2LWxpc3QnKSBnZXQgbmF2KCkge1xuICAgIHJldHVybiB0aGlzLmxpc3RUeXBlID09PSBEYWZmTGlzdFR5cGVFbnVtLk5hdjtcbiAgfVxuXG4gIC8qKlxuICAgKiBTZXRzIHRoZSByb2xlIGZvciBhIGA8ZGFmZi1uYXYtbGlzdD5gIHRvIG5hdmlnYXRpb24uXG4gICAqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIEBIb3N0QmluZGluZygnYXR0ci5yb2xlJykgZ2V0IHJvbGUoKSB7XG4gICAgcmV0dXJuIHRoaXMubGlzdFR5cGUgPT09IERhZmZMaXN0VHlwZUVudW0uTmF2ID8gJ25hdmlnYXRpb24nIDogJ2xpc3QnO1xuICB9O1xuXG4gIHByaXZhdGUgX2dldEhvc3RFbGVtZW50KCkge1xuICAgIHJldHVybiB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudDtcbiAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9saXN0L3NyYy9saXN0L2xpc3QuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsaUJBQWlCLEVBQ2pCLHVCQUF1QixFQUN2QixXQUFXLEVBQ1gsVUFBVSxHQUNYLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxnQ0FBZ0MsRUFBRSxNQUFNLGtCQUFrQixDQUFDOzs7QUFJcEUsSUFBSyxnQkFHSjtBQUhELFdBQUssZ0JBQWdCO0lBQ25CLHlDQUFxQixDQUFBO0lBQ3JCLHlDQUFxQixDQUFBO0FBQ3ZCLENBQUMsRUFISSxnQkFBZ0IsS0FBaEIsZ0JBQWdCLFFBR3BCO0FBZUQsTUFBTSxPQUFPLGlCQUFpQjtJQUM1Qjs7T0FFRztJQUNILElBQW9DLElBQUk7UUFDdEMsT0FBTyxJQUFJLENBQUMsUUFBUSxLQUFLLGdCQUFnQixDQUFDLE9BQU8sQ0FBQztJQUNwRCxDQUFDO0lBRUQ7O09BRUc7SUFDSCxJQUFJLFFBQVE7UUFDVixPQUFPLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQyxTQUFTLENBQUM7SUFDMUMsQ0FBQztJQUVELFlBQW9CLFVBQXNCO1FBQXRCLGVBQVUsR0FBVixVQUFVLENBQVk7SUFBRyxDQUFDO0lBRTlDOztPQUVHO0lBQ0gsSUFBd0MsR0FBRztRQUN6QyxPQUFPLElBQUksQ0FBQyxRQUFRLEtBQUssZ0JBQWdCLENBQUMsR0FBRyxDQUFDO0lBQ2hELENBQUM7SUFFRDs7OztPQUlHO0lBQ0gsSUFBOEIsSUFBSTtRQUNoQyxPQUFPLElBQUksQ0FBQyxRQUFRLEtBQUssZ0JBQWdCLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQztJQUN4RSxDQUFDO0lBQUEsQ0FBQztJQUVNLGVBQWU7UUFDckIsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQztJQUN2QyxDQUFDO2tJQW5DVSxpQkFBaUI7c0hBQWpCLGlCQUFpQiw0UEFUbEIsMkJBQTJCOzs0RkFTMUIsaUJBQWlCO2tCQWI3QixTQUFTOytCQUVOLFdBQVcsR0FBRyxHQUFHO3dCQUNqQixlQUFlLFlBQ1AsMkJBQTJCLGtCQUVyQixDQUFDOzRCQUNmLFNBQVMsRUFBRSxnQ0FBZ0M7eUJBQzVDLENBQUMsaUJBQ2EsaUJBQWlCLENBQUMsSUFBSSxtQkFDcEIsdUJBQXVCLENBQUMsTUFBTTsrRUFPWCxJQUFJO3NCQUF2QyxXQUFXO3VCQUFDLGlCQUFpQjtnQkFnQlUsR0FBRztzQkFBMUMsV0FBVzt1QkFBQyxxQkFBcUI7Z0JBU0osSUFBSTtzQkFBakMsV0FBVzt1QkFBQyxXQUFXIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBWaWV3RW5jYXBzdWxhdGlvbixcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIEhvc3RCaW5kaW5nLFxuICBFbGVtZW50UmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRGFmZkFydGljbGVFbmNhcHN1bGF0ZWREaXJlY3RpdmUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduJztcblxuZXhwb3J0IHR5cGUgRGFmZkxpc3RUeXBlID0gJ2RhZmYtbGlzdCcgfCAnZGFmZi1uYXYtbGlzdCc7XG5cbmVudW0gRGFmZkxpc3RUeXBlRW51bSB7XG4gIERlZmF1bHQgPSAnZGFmZi1saXN0JyxcbiAgTmF2ID0gJ2RhZmYtbmF2LWxpc3QnXG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjpcbiAgICAnZGFmZi1saXN0JyArICcsJyArXG4gICAgJ2RhZmYtbmF2LWxpc3QnLFxuICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxuICBzdHlsZVVybHM6IFsnLi9saXN0LmNvbXBvbmVudC5zY3NzJ10sXG4gIGhvc3REaXJlY3RpdmVzOiBbe1xuICAgIGRpcmVjdGl2ZTogRGFmZkFydGljbGVFbmNhcHN1bGF0ZWREaXJlY3RpdmUsXG4gIH1dLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5cbmV4cG9ydCBjbGFzcyBEYWZmTGlzdENvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtbGlzdCcpIGdldCBsaXN0KCkge1xuICAgIHJldHVybiB0aGlzLmxpc3RUeXBlID09PSBEYWZmTGlzdFR5cGVFbnVtLkRlZmF1bHQ7XG4gIH1cblxuICAvKipcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgZ2V0IGxpc3RUeXBlKCk6IERhZmZMaXN0VHlwZSB7XG4gICAgcmV0dXJuIHRoaXMuX2dldEhvc3RFbGVtZW50KCkubG9jYWxOYW1lO1xuICB9XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbGVtZW50UmVmOiBFbGVtZW50UmVmKSB7fVxuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtbmF2LWxpc3QnKSBnZXQgbmF2KCkge1xuICAgIHJldHVybiB0aGlzLmxpc3RUeXBlID09PSBEYWZmTGlzdFR5cGVFbnVtLk5hdjtcbiAgfVxuXG4gIC8qKlxuICAgKiBTZXRzIHRoZSByb2xlIGZvciBhIGA8ZGFmZi1uYXYtbGlzdD5gIHRvIG5hdmlnYXRpb24uXG4gICAqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIEBIb3N0QmluZGluZygnYXR0ci5yb2xlJykgZ2V0IHJvbGUoKSB7XG4gICAgcmV0dXJuIHRoaXMubGlzdFR5cGUgPT09IERhZmZMaXN0VHlwZUVudW0uTmF2ID8gJ25hdmlnYXRpb24nIDogJ2xpc3QnO1xuICB9O1xuXG4gIHByaXZhdGUgX2dldEhvc3RFbGVtZW50KCkge1xuICAgIHJldHVybiB0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudDtcbiAgfVxufVxuIl19

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

@@ -1,9 +1,7 @@
 import { LoadingIconColorComponent } from './loading-icon-color/loading-icon-color.component';
-export { LoadingIconColorModule } from './loading-icon-color/loading-icon-color.module';
 import { LoadingIconDiameterComponent } from './loading-icon-diameter/loading-icon-diameter.component';
-export { LoadingIconDiameterModule } from './loading-icon-diameter/loading-icon-diameter.module';
 export const LOADING_ICON_EXAMPLES = [
     LoadingIconColorComponent,
     LoadingIconDiameterComponent,
 ];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhhbXBsZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9sb2FkaW5nLWljb24vZXhhbXBsZXMvc3JjL2V4YW1wbGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBQzlGLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQ3hGLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLHlEQUF5RCxDQUFDO0FBQ3ZHLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLHNEQUFzRCxDQUFDO0FBRWpHLE1BQU0sQ0FBQyxNQUFNLHFCQUFxQixHQUFHO0lBQ25DLHlCQUF5QjtJQUN6Qiw0QkFBNEI7Q0FDN0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IExvYWRpbmdJY29uQ29sb3JDb21wb25lbnQgfSBmcm9tICcuL2xvYWRpbmctaWNvbi1jb2xvci9sb2FkaW5nLWljb24tY29sb3IuY29tcG9uZW50JztcbmV4cG9ydCB7IExvYWRpbmdJY29uQ29sb3JNb2R1bGUgfSBmcm9tICcuL2xvYWRpbmctaWNvbi1jb2xvci9sb2FkaW5nLWljb24tY29sb3IubW9kdWxlJztcbmltcG9ydCB7IExvYWRpbmdJY29uRGlhbWV0ZXJDb21wb25lbnQgfSBmcm9tICcuL2xvYWRpbmctaWNvbi1kaWFtZXRlci9sb2FkaW5nLWljb24tZGlhbWV0ZXIuY29tcG9uZW50JztcbmV4cG9ydCB7IExvYWRpbmdJY29uRGlhbWV0ZXJNb2R1bGUgfSBmcm9tICcuL2xvYWRpbmctaWNvbi1kaWFtZXRlci9sb2FkaW5nLWljb24tZGlhbWV0ZXIubW9kdWxlJztcblxuZXhwb3J0IGNvbnN0IExPQURJTkdfSUNPTl9FWEFNUExFUyA9IFtcbiAgTG9hZGluZ0ljb25Db2xvckNvbXBvbmVudCxcbiAgTG9hZGluZ0ljb25EaWFtZXRlckNvbXBvbmVudCxcbl07XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhhbXBsZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9sb2FkaW5nLWljb24vZXhhbXBsZXMvc3JjL2V4YW1wbGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBQzlGLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLHlEQUF5RCxDQUFDO0FBRXZHLE1BQU0sQ0FBQyxNQUFNLHFCQUFxQixHQUFHO0lBQ25DLHlCQUF5QjtJQUN6Qiw0QkFBNEI7Q0FDN0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IExvYWRpbmdJY29uQ29sb3JDb21wb25lbnQgfSBmcm9tICcuL2xvYWRpbmctaWNvbi1jb2xvci9sb2FkaW5nLWljb24tY29sb3IuY29tcG9uZW50JztcbmltcG9ydCB7IExvYWRpbmdJY29uRGlhbWV0ZXJDb21wb25lbnQgfSBmcm9tICcuL2xvYWRpbmctaWNvbi1kaWFtZXRlci9sb2FkaW5nLWljb24tZGlhbWV0ZXIuY29tcG9uZW50JztcblxuZXhwb3J0IGNvbnN0IExPQURJTkdfSUNPTl9FWEFNUExFUyA9IFtcbiAgTG9hZGluZ0ljb25Db2xvckNvbXBvbmVudCxcbiAgTG9hZGluZ0ljb25EaWFtZXRlckNvbXBvbmVudCxcbl07XG4iXX0=

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

@@ -1,9 +1,10 @@
+import { NgFor } from '@angular/common';
 import { ChangeDetectionStrategy, Component, } from '@angular/core';
-import { UntypedFormControl } from '@angular/forms';
+import { UntypedFormControl, ReactiveFormsModule, } from '@angular/forms';
+import { DaffLoadingIconModule } from '@daffodil/design/loading-icon';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@daffodil/design/loading-icon";
-import * as i3 from "@angular/forms";
+import * as i1 from "@daffodil/design/loading-icon";
+import * as i2 from "@angular/forms";
 export class LoadingIconColorComponent {
     constructor() {
         this.colorControl = new UntypedFormControl('primary');
@@ -19,10 +20,14 @@ export class LoadingIconColorComponent {
         ];
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: LoadingIconColorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: LoadingIconColorComponent, selector: "loading-icon-color", ngImport: i0, template: "<daff-loading-icon [color]=\"colorControl.value\"></daff-loading-icon>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>\n", styles: ["select{margin-top:16px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i2.DaffLoadingIconComponent, selector: "daff-loading-icon", inputs: ["color", "diameter"] }, { kind: "directive", type: i3.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i3.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: LoadingIconColorComponent, isStandalone: true, selector: "loading-icon-color", ngImport: i0, template: "<daff-loading-icon [color]=\"colorControl.value\"></daff-loading-icon>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>\n", styles: ["select{margin-top:16px}\n"], dependencies: [{ kind: "ngmodule", type: DaffLoadingIconModule }, { kind: "component", type: i1.DaffLoadingIconComponent, selector: "daff-loading-icon", inputs: ["diameter"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: LoadingIconColorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'loading-icon-color', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-loading-icon [color]=\"colorControl.value\"></daff-loading-icon>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>\n", styles: ["select{margin-top:16px}\n"] }]
+            args: [{ selector: 'loading-icon-color', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        DaffLoadingIconModule,
+                        ReactiveFormsModule,
+                        NgFor,
+                    ], template: "<daff-loading-icon [color]=\"colorControl.value\"></daff-loading-icon>\n\n<select [formControl]=\"colorControl\">\n\t<option *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>\n", styles: ["select{margin-top:16px}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy1pY29uLWNvbG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2xvYWRpbmctaWNvbi9leGFtcGxlcy9zcmMvbG9hZGluZy1pY29uLWNvbG9yL2xvYWRpbmctaWNvbi1jb2xvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9sb2FkaW5nLWljb24vZXhhbXBsZXMvc3JjL2xvYWRpbmctaWNvbi1jb2xvci9sb2FkaW5nLWljb24tY29sb3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7O0FBYXBELE1BQU0sT0FBTyx5QkFBeUI7SUFYdEM7UUFZRSxpQkFBWSxHQUF1QixJQUFJLGtCQUFrQixDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBRXJFLFlBQU8sR0FBRztZQUNSLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFO1lBQy9CLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFO1lBQ3RDLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFO1lBQzFDLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFO1lBQ3hDLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO1lBQ2xDLEVBQUUsS0FBSyxFQUFFLGdCQUFnQixFQUFFLEtBQUssRUFBRSxnQkFBZ0IsRUFBRTtZQUNwRCxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRTtZQUNsQyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRTtTQUNuQyxDQUFDO0tBQ0g7a0lBYlkseUJBQXlCO3NIQUF6Qix5QkFBeUIsMERDakJ0QyxpT0FLQTs7NEZEWWEseUJBQXlCO2tCQVhyQyxTQUFTOytCQUVFLG9CQUFvQixtQkFPYix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBVbnR5cGVkRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2xvYWRpbmctaWNvbi1jb2xvcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9sb2FkaW5nLWljb24tY29sb3IuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZXM6IFtgXG4gICAgc2VsZWN0IHtcbiAgICAgIG1hcmdpbi10b3A6IDE2cHg7XG4gICAgfVxuICBgXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIExvYWRpbmdJY29uQ29sb3JDb21wb25lbnQge1xuICBjb2xvckNvbnRyb2w6IFVudHlwZWRGb3JtQ29udHJvbCA9IG5ldyBVbnR5cGVkRm9ybUNvbnRyb2woJ3ByaW1hcnknKTtcblxuICBvcHRpb25zID0gW1xuICAgIHsgdmFsdWU6ICcnLCBsYWJlbDogJ0RlZmF1bHQnIH0sXG4gICAgeyB2YWx1ZTogJ3ByaW1hcnknLCBsYWJlbDogJ1ByaW1hcnknIH0sXG4gICAgeyB2YWx1ZTogJ3NlY29uZGFyeScsIGxhYmVsOiAnU2Vjb25kYXJ5JyB9LFxuICAgIHsgdmFsdWU6ICd0ZXJ0aWFyeScsIGxhYmVsOiAnVGVydGlhcnknIH0sXG4gICAgeyB2YWx1ZTogJ3RoZW1lJywgbGFiZWw6ICdUaGVtZScgfSxcbiAgICB7IHZhbHVlOiAndGhlbWUtY29udHJhc3QnLCBsYWJlbDogJ1RoZW1lIENvbnRyYXN0JyB9LFxuICAgIHsgdmFsdWU6ICdibGFjaycsIGxhYmVsOiAnQmxhY2snIH0sXG4gICAgeyB2YWx1ZTogJ3doaXRlJywgbGFiZWw6ICdXaGl0ZScgfSxcbiAgXTtcbn1cbiIsIjxkYWZmLWxvYWRpbmctaWNvbiBbY29sb3JdPVwiY29sb3JDb250cm9sLnZhbHVlXCI+PC9kYWZmLWxvYWRpbmctaWNvbj5cblxuPHNlbGVjdCBbZm9ybUNvbnRyb2xdPVwiY29sb3JDb250cm9sXCI+XG5cdDxvcHRpb24gKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBvcHRpb25zXCIgW3ZhbHVlXT1cIm9wdGlvbi52YWx1ZVwiPnt7IG9wdGlvbi5sYWJlbCB9fTwvb3B0aW9uPlxuPC9zZWxlY3Q+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy1pY29uLWNvbG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2xvYWRpbmctaWNvbi9leGFtcGxlcy9zcmMvbG9hZGluZy1pY29uLWNvbG9yL2xvYWRpbmctaWNvbi1jb2xvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9sb2FkaW5nLWljb24vZXhhbXBsZXMvc3JjL2xvYWRpbmctaWNvbi1jb2xvci9sb2FkaW5nLWljb24tY29sb3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3hDLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFDTCxrQkFBa0IsRUFDbEIsbUJBQW1CLEdBQ3BCLE1BQU0sZ0JBQWdCLENBQUM7QUFFeEIsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sK0JBQStCLENBQUM7Ozs7QUFtQnRFLE1BQU0sT0FBTyx5QkFBeUI7SUFqQnRDO1FBa0JFLGlCQUFZLEdBQXVCLElBQUksa0JBQWtCLENBQUMsU0FBUyxDQUFDLENBQUM7UUFFckUsWUFBTyxHQUFHO1lBQ1IsRUFBRSxLQUFLLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDL0IsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUU7WUFDdEMsRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUU7WUFDMUMsRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUU7WUFDeEMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUU7WUFDbEMsRUFBRSxLQUFLLEVBQUUsZ0JBQWdCLEVBQUUsS0FBSyxFQUFFLGdCQUFnQixFQUFFO1lBQ3BELEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO1lBQ2xDLEVBQUUsS0FBSyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFO1NBQ25DLENBQUM7S0FDSDtrSUFiWSx5QkFBeUI7c0hBQXpCLHlCQUF5Qiw4RUM3QnRDLGlPQUtBLGtGRG1CSSxxQkFBcUIsNklBQ3JCLG1CQUFtQixxdEJBQ25CLEtBQUs7OzRGQUdJLHlCQUF5QjtrQkFqQnJDLFNBQVM7K0JBRUUsb0JBQW9CLG1CQU9iLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSxXQUNQO3dCQUNQLHFCQUFxQjt3QkFDckIsbUJBQW1CO3dCQUNuQixLQUFLO3FCQUNOIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdGb3IgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBVbnR5cGVkRm9ybUNvbnRyb2wsXG4gIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG59IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuaW1wb3J0IHsgRGFmZkxvYWRpbmdJY29uTW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi9sb2FkaW5nLWljb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdsb2FkaW5nLWljb24tY29sb3InLFxuICB0ZW1wbGF0ZVVybDogJy4vbG9hZGluZy1pY29uLWNvbG9yLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVzOiBbYFxuICAgIHNlbGVjdCB7XG4gICAgICBtYXJnaW4tdG9wOiAxNnB4O1xuICAgIH1cbiAgYF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgRGFmZkxvYWRpbmdJY29uTW9kdWxlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgTmdGb3IsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIExvYWRpbmdJY29uQ29sb3JDb21wb25lbnQge1xuICBjb2xvckNvbnRyb2w6IFVudHlwZWRGb3JtQ29udHJvbCA9IG5ldyBVbnR5cGVkRm9ybUNvbnRyb2woJ3ByaW1hcnknKTtcblxuICBvcHRpb25zID0gW1xuICAgIHsgdmFsdWU6ICcnLCBsYWJlbDogJ0RlZmF1bHQnIH0sXG4gICAgeyB2YWx1ZTogJ3ByaW1hcnknLCBsYWJlbDogJ1ByaW1hcnknIH0sXG4gICAgeyB2YWx1ZTogJ3NlY29uZGFyeScsIGxhYmVsOiAnU2Vjb25kYXJ5JyB9LFxuICAgIHsgdmFsdWU6ICd0ZXJ0aWFyeScsIGxhYmVsOiAnVGVydGlhcnknIH0sXG4gICAgeyB2YWx1ZTogJ3RoZW1lJywgbGFiZWw6ICdUaGVtZScgfSxcbiAgICB7IHZhbHVlOiAndGhlbWUtY29udHJhc3QnLCBsYWJlbDogJ1RoZW1lIENvbnRyYXN0JyB9LFxuICAgIHsgdmFsdWU6ICdibGFjaycsIGxhYmVsOiAnQmxhY2snIH0sXG4gICAgeyB2YWx1ZTogJ3doaXRlJywgbGFiZWw6ICdXaGl0ZScgfSxcbiAgXTtcbn1cbiIsIjxkYWZmLWxvYWRpbmctaWNvbiBbY29sb3JdPVwiY29sb3JDb250cm9sLnZhbHVlXCI+PC9kYWZmLWxvYWRpbmctaWNvbj5cblxuPHNlbGVjdCBbZm9ybUNvbnRyb2xdPVwiY29sb3JDb250cm9sXCI+XG5cdDxvcHRpb24gKm5nRm9yPVwibGV0IG9wdGlvbiBvZiBvcHRpb25zXCIgW3ZhbHVlXT1cIm9wdGlvbi52YWx1ZVwiPnt7IG9wdGlvbi5sYWJlbCB9fTwvb3B0aW9uPlxuPC9zZWxlY3Q+XG4iXX0=

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

@@ -1,12 +1,13 @@
 import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { DaffLoadingIconModule } from '@daffodil/design/loading-icon';
 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.3.10", ngImport: i0, type: LoadingIconDiameterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", 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 }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: LoadingIconDiameterComponent, isStandalone: true, selector: "loading-icon-diameter", ngImport: i0, template: "<daff-loading-icon [diameter]=\"100\"></daff-loading-icon>\n", dependencies: [{ kind: "ngmodule", type: DaffLoadingIconModule }, { kind: "component", type: i1.DaffLoadingIconComponent, selector: "daff-loading-icon", inputs: ["diameter"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", 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" }]
+            args: [{ selector: 'loading-icon-diameter', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [DaffLoadingIconModule], template: "<daff-loading-icon [diameter]=\"100\"></daff-loading-icon>\n" }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy1pY29uLWRpYW1ldGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2xvYWRpbmctaWNvbi9leGFtcGxlcy9zcmMvbG9hZGluZy1pY29uLWRpYW1ldGVyL2xvYWRpbmctaWNvbi1kaWFtZXRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9sb2FkaW5nLWljb24vZXhhbXBsZXMvc3JjL2xvYWRpbmctaWNvbi1kaWFtZXRlci9sb2FkaW5nLWljb24tZGlhbWV0ZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7OztBQVF2QixNQUFNLE9BQU8sNEJBQTRCO2tJQUE1Qiw0QkFBNEI7c0hBQTVCLDRCQUE0Qiw2RENYekMsOERBQ0E7OzRGRFVhLDRCQUE0QjtrQkFOeEMsU0FBUzsrQkFFRSx1QkFBdUIsbUJBRWhCLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnbG9hZGluZy1pY29uLWRpYW1ldGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xvYWRpbmctaWNvbi1kaWFtZXRlci5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBMb2FkaW5nSWNvbkRpYW1ldGVyQ29tcG9uZW50IHsgfVxuIiwiPGRhZmYtbG9hZGluZy1pY29uIFtkaWFtZXRlcl09XCIxMDBcIj48L2RhZmYtbG9hZGluZy1pY29uPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy1pY29uLWRpYW1ldGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2xvYWRpbmctaWNvbi9leGFtcGxlcy9zcmMvbG9hZGluZy1pY29uLWRpYW1ldGVyL2xvYWRpbmctaWNvbi1kaWFtZXRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9sb2FkaW5nLWljb24vZXhhbXBsZXMvc3JjL2xvYWRpbmctaWNvbi1kaWFtZXRlci9sb2FkaW5nLWljb24tZGlhbWV0ZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sK0JBQStCLENBQUM7OztBQVV0RSxNQUFNLE9BQU8sNEJBQTRCO2tJQUE1Qiw0QkFBNEI7c0hBQTVCLDRCQUE0QixpRkNmekMsOERBQ0EsMkNEWVkscUJBQXFCOzs0RkFFcEIsNEJBQTRCO2tCQVJ4QyxTQUFTOytCQUVFLHVCQUF1QixtQkFFaEIsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1AsQ0FBQyxxQkFBcUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBEYWZmTG9hZGluZ0ljb25Nb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2xvYWRpbmctaWNvbic7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ2xvYWRpbmctaWNvbi1kaWFtZXRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9sb2FkaW5nLWljb24tZGlhbWV0ZXIuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0RhZmZMb2FkaW5nSWNvbk1vZHVsZV0sXG59KVxuZXhwb3J0IGNsYXNzIExvYWRpbmdJY29uRGlhbWV0ZXJDb21wb25lbnQgeyB9XG4iLCI8ZGFmZi1sb2FkaW5nLWljb24gW2RpYW1ldGVyXT1cIjEwMFwiPjwvZGFmZi1sb2FkaW5nLWljb24+XG4iXX0=

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

@@ -1,30 +1,12 @@
-import { Component, ChangeDetectionStrategy, Input, ElementRef, Renderer2, HostBinding, } from '@angular/core';
-import { daffColorMixin, } from '@daffodil/design';
+import { Component, ChangeDetectionStrategy, Input, HostBinding, } from '@angular/core';
+import { DaffColorableDirective } 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);
+import * as i1 from "@daffodil/design";
 /**
  * @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;
+export class DaffLoadingIconComponent {
+    constructor() {
         /**
          * The (pixel) diameter of the animation
          */
@@ -34,13 +16,24 @@ export class DaffLoadingIconComponent extends _daffLoadingIconBase {
          */
         this.class = true;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", 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.3.10", 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\" class=\"daff-loading-icon__bg\"></circle>\n  <circle cx=\"50%\" cy=\"50%\" r=\"46\" class=\"daff-loading-icon__loader\"></circle>\n</svg>", styles: [":host{display:flex;width:100%}.daff-loading-icon__loader{animation:rotation linear,circle-animation linear;animation-duration:1s;animation-iteration-count:infinite;fill:transparent;stroke-dasharray:101.1592834456 400;stroke-linecap:round;stroke-width:5px;transform-origin:center}.daff-loading-icon__bg{fill:transparent;stroke-linecap:round;stroke-width:5px}@keyframes circle-animation{0%{stroke-dasharray:101.1592834456 400;stroke-dashoffset:101.1592834456}50%{stroke-dasharray:101.1592834456 400;stroke-dashoffset:28.902652413}75%{stroke-dasharray:101.1592834456 400;stroke-dashoffset:0}to{stroke-dasharray:0 400;stroke-dashoffset:-101.1592834456}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /**
+     * @docs-private
+     */
+    get maxWidth() {
+        return this.diameter + 'px';
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffLoadingIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DaffLoadingIconComponent, selector: "daff-loading-icon", inputs: { diameter: "diameter" }, host: { properties: { "class.daff-loading-icon": "this.class", "style.max-width": "this.maxWidth" } }, hostDirectives: [{ directive: i1.DaffColorableDirective, inputs: ["color", "color"] }], ngImport: i0, template: "<svg focusable=\"false\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 100 100\">\n  <circle cx=\"50%\" cy=\"50%\" r=\"46\" class=\"daff-loading-icon__bg\"></circle>\n  <circle cx=\"50%\" cy=\"50%\" r=\"46\" class=\"daff-loading-icon__loader\"></circle>\n</svg>", styles: [":host{display:flex;width:100%}.daff-loading-icon__loader{animation:rotation linear,circle-animation linear;animation-duration:1s;animation-iteration-count:infinite;fill:transparent;stroke-dasharray:101.1592834456 400;stroke-linecap:round;stroke-width:5px;transform-origin:center}.daff-loading-icon__bg{fill:transparent;stroke-linecap:round;stroke-width:5px}@keyframes circle-animation{0%{stroke-dasharray:101.1592834456 400;stroke-dashoffset:101.1592834456}50%{stroke-dasharray:101.1592834456 400;stroke-dashoffset:28.902652413}75%{stroke-dasharray:101.1592834456 400;stroke-dashoffset:0}to{stroke-dasharray:0 400;stroke-dashoffset:-101.1592834456}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", 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\" class=\"daff-loading-icon__bg\"></circle>\n  <circle cx=\"50%\" cy=\"50%\" r=\"46\" class=\"daff-loading-icon__loader\"></circle>\n</svg>", styles: [":host{display:flex;width:100%}.daff-loading-icon__loader{animation:rotation linear,circle-animation linear;animation-duration:1s;animation-iteration-count:infinite;fill:transparent;stroke-dasharray:101.1592834456 400;stroke-linecap:round;stroke-width:5px;transform-origin:center}.daff-loading-icon__bg{fill:transparent;stroke-linecap:round;stroke-width:5px}@keyframes circle-animation{0%{stroke-dasharray:101.1592834456 400;stroke-dashoffset:101.1592834456}50%{stroke-dasharray:101.1592834456 400;stroke-dashoffset:28.902652413}75%{stroke-dasharray:101.1592834456 400;stroke-dashoffset:0}to{stroke-dasharray:0 400;stroke-dashoffset:-101.1592834456}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { diameter: [{
+            args: [{ selector: 'daff-loading-icon', hostDirectives: [
+                        {
+                            directive: DaffColorableDirective,
+                            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\" class=\"daff-loading-icon__bg\"></circle>\n  <circle cx=\"50%\" cy=\"50%\" r=\"46\" class=\"daff-loading-icon__loader\"></circle>\n</svg>", styles: [":host{display:flex;width:100%}.daff-loading-icon__loader{animation:rotation linear,circle-animation linear;animation-duration:1s;animation-iteration-count:infinite;fill:transparent;stroke-dasharray:101.1592834456 400;stroke-linecap:round;stroke-width:5px;transform-origin:center}.daff-loading-icon__bg{fill:transparent;stroke-linecap:round;stroke-width:5px}@keyframes circle-animation{0%{stroke-dasharray:101.1592834456 400;stroke-dashoffset:101.1592834456}50%{stroke-dasharray:101.1592834456 400;stroke-dashoffset:28.902652413}75%{stroke-dasharray:101.1592834456 400;stroke-dashoffset:0}to{stroke-dasharray:0 400;stroke-dashoffset:-101.1592834456}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}\n"] }]
+        }], propDecorators: { diameter: [{
                 type: Input
             }], class: [{
                 type: HostBinding,
@@ -49,4 +42,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
                 type: HostBinding,
                 args: ['style.max-width']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy1pY29uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2xvYWRpbmctaWNvbi9zcmMvbG9hZGluZy1pY29uL2xvYWRpbmctaWNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9sb2FkaW5nLWljb24vc3JjL2xvYWRpbmctaWNvbi9sb2FkaW5nLWljb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCx1QkFBdUIsRUFDdkIsS0FBSyxFQUNMLFVBQVUsRUFDVixTQUFTLEVBQ1QsV0FBVyxHQUNaLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFDTCxjQUFjLEdBRWYsTUFBTSxrQkFBa0IsQ0FBQzs7QUFFMUI7O0dBRUc7QUFDSCxNQUFNLG1CQUFtQjtJQUN2QixZQUFtQixXQUF1QixFQUFTLFNBQW9CO1FBQXBELGdCQUFXLEdBQVgsV0FBVyxDQUFZO1FBQVMsY0FBUyxHQUFULFNBQVMsQ0FBVztJQUFHLENBQUM7Q0FDNUU7QUFFRCxNQUFNLG9CQUFvQixHQUFHLGNBQWMsQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO0FBRWpFOztHQUVHO0FBVUgsTUFBTSxPQUFPLHdCQUF5QixTQUFRLG9CQUFvQjtJQVdoRTs7T0FFRztJQUNILElBQW9DLFFBQVE7UUFDM0MsT0FBTyxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQztJQUM3QixDQUFDO0lBRUQsWUFBb0IsVUFBc0IsRUFBVSxRQUFtQjtRQUNyRSxLQUFLLENBQUMsVUFBVSxFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBRFYsZUFBVSxHQUFWLFVBQVUsQ0FBWTtRQUFVLGFBQVEsR0FBUixRQUFRLENBQVc7UUFoQnZFOztXQUVHO1FBQ00sYUFBUSxHQUFHLEVBQUUsQ0FBQztRQUV2Qjs7V0FFRztRQUNxQyxVQUFLLEdBQUcsSUFBSSxDQUFDO0lBVXJELENBQUM7a0lBcEJVLHdCQUF3QjtzSEFBeEIsd0JBQXdCLHlPQ25DckMsNlFBR007OzRGRGdDTyx3QkFBd0I7a0JBVHBDLFNBQVM7K0JBQ0UsbUJBQW1CLFVBS3JCLENBQUMsT0FBTyxDQUFDLG1CQUNBLHVCQUF1QixDQUFDLE1BQU07dUdBT3RDLFFBQVE7c0JBQWhCLEtBQUs7Z0JBS2tDLEtBQUs7c0JBQTVDLFdBQVc7dUJBQUMseUJBQXlCO2dCQUlGLFFBQVE7c0JBQTNDLFdBQVc7dUJBQUMsaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgSW5wdXQsXG4gIEVsZW1lbnRSZWYsXG4gIFJlbmRlcmVyMixcbiAgSG9zdEJpbmRpbmcsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge1xuICBkYWZmQ29sb3JNaXhpbixcbiAgRGFmZkNvbG9yYWJsZSxcbn0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbic7XG5cbi8qKlxuICogQW4gX2VsZW1lbnRSZWYgYW5kIGFuIGluc3RhbmNlIG9mIHJlbmRlcmVyMiBhcmUgbmVlZGVkIGZvciB0aGUgQ29sb3JhYmxlIG1peGluXG4gKi9cbmNsYXNzIERhZmZMb2FkaW5nSWNvbkJhc2V7XG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBfZWxlbWVudFJlZjogRWxlbWVudFJlZiwgcHVibGljIF9yZW5kZXJlcjogUmVuZGVyZXIyKSB7fVxufVxuXG5jb25zdCBfZGFmZkxvYWRpbmdJY29uQmFzZSA9IGRhZmZDb2xvck1peGluKERhZmZMb2FkaW5nSWNvbkJhc2UpO1xuXG4vKipcbiAqIEBpbmhlcml0ZG9jXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RhZmYtbG9hZGluZy1pY29uJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2xvYWRpbmctaWNvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2xvYWRpbmctaWNvbi5jb21wb25lbnQuc2NzcyddLFxuICAvL3RvZG8oZGFtaWVud2ViZGV2KTogcmVtb3ZlIG9uY2UgZGVjb3JhdG9ycyBoaXQgc3RhZ2UgMyAtIGh0dHBzOi8vZ2l0aHViLmNvbS9taWNyb3NvZnQvVHlwZVNjcmlwdC9pc3N1ZXMvNzM0MlxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L25vLWlucHV0cy1tZXRhZGF0YS1wcm9wZXJ0eVxuICBpbnB1dHM6IFsnY29sb3InXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIERhZmZMb2FkaW5nSWNvbkNvbXBvbmVudCBleHRlbmRzIF9kYWZmTG9hZGluZ0ljb25CYXNlIGltcGxlbWVudHMgRGFmZkNvbG9yYWJsZSB7XG5cbiAgLyoqXG4gICAqIFRoZSAocGl4ZWwpIGRpYW1ldGVyIG9mIHRoZSBhbmltYXRpb25cbiAgICovXG4gIEBJbnB1dCgpIGRpYW1ldGVyID0gNjA7XG5cbiAgLyoqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZGFmZi1sb2FkaW5nLWljb24nKSBjbGFzcyA9IHRydWU7XG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ3N0eWxlLm1heC13aWR0aCcpIGdldCBtYXhXaWR0aCgpIHtcblx0ICByZXR1cm4gdGhpcy5kaWFtZXRlciArICdweCc7XG4gIH1cblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsIHByaXZhdGUgcmVuZGVyZXI6IFJlbmRlcmVyMikge1xuICAgIHN1cGVyKGVsZW1lbnRSZWYsIHJlbmRlcmVyKTtcbiAgfVxufVxuIiwiPHN2ZyBmb2N1c2FibGU9XCJmYWxzZVwiIHByZXNlcnZlQXNwZWN0UmF0aW89XCJ4TWlkWU1pZCBtZWV0XCIgdmlld0JveD1cIjAgMCAxMDAgMTAwXCI+XG4gIDxjaXJjbGUgY3g9XCI1MCVcIiBjeT1cIjUwJVwiIHI9XCI0NlwiIGNsYXNzPVwiZGFmZi1sb2FkaW5nLWljb25fX2JnXCI+PC9jaXJjbGU+XG4gIDxjaXJjbGUgY3g9XCI1MCVcIiBjeT1cIjUwJVwiIHI9XCI0NlwiIGNsYXNzPVwiZGFmZi1sb2FkaW5nLWljb25fX2xvYWRlclwiPjwvY2lyY2xlPlxuPC9zdmc+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy1pY29uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2xvYWRpbmctaWNvbi9zcmMvbG9hZGluZy1pY29uL2xvYWRpbmctaWNvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9sb2FkaW5nLWljb24vc3JjL2xvYWRpbmctaWNvbi9sb2FkaW5nLWljb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCx1QkFBdUIsRUFDdkIsS0FBSyxFQUNMLFdBQVcsR0FDWixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7O0FBRTFEOztHQUVHO0FBYUgsTUFBTSxPQUFPLHdCQUF3QjtJQVpyQztRQWNFOztXQUVHO1FBQ00sYUFBUSxHQUFHLEVBQUUsQ0FBQztRQUV2Qjs7V0FFRztRQUNxQyxVQUFLLEdBQUcsSUFBSSxDQUFDO0tBT3REO0lBTkM7O09BRUc7SUFDSCxJQUFvQyxRQUFRO1FBQzNDLE9BQU8sSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUM7SUFDN0IsQ0FBQztrSUFoQlUsd0JBQXdCO3NIQUF4Qix3QkFBd0IsMFJDeEJyQyw2UUFHTTs7NEZEcUJPLHdCQUF3QjtrQkFacEMsU0FBUzsrQkFDRSxtQkFBbUIsa0JBR2I7d0JBQ2Q7NEJBQ0UsU0FBUyxFQUFFLHNCQUFzQjs0QkFDakMsTUFBTSxFQUFFLENBQUMsT0FBTyxDQUFDO3lCQUNsQjtxQkFDRixtQkFDZ0IsdUJBQXVCLENBQUMsTUFBTTs4QkFPdEMsUUFBUTtzQkFBaEIsS0FBSztnQkFLa0MsS0FBSztzQkFBNUMsV0FBVzt1QkFBQyx5QkFBeUI7Z0JBSUYsUUFBUTtzQkFBM0MsV0FBVzt1QkFBQyxpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBJbnB1dCxcbiAgSG9zdEJpbmRpbmcsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBEYWZmQ29sb3JhYmxlRGlyZWN0aXZlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbic7XG5cbi8qKlxuICogQGluaGVyaXRkb2NcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGFmZi1sb2FkaW5nLWljb24nLFxuICB0ZW1wbGF0ZVVybDogJy4vbG9hZGluZy1pY29uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbG9hZGluZy1pY29uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGhvc3REaXJlY3RpdmVzOiBbXG4gICAge1xuICAgICAgZGlyZWN0aXZlOiBEYWZmQ29sb3JhYmxlRGlyZWN0aXZlLFxuICAgICAgaW5wdXRzOiBbJ2NvbG9yJ10sXG4gICAgfSxcbiAgXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIERhZmZMb2FkaW5nSWNvbkNvbXBvbmVudCB7XG5cbiAgLyoqXG4gICAqIFRoZSAocGl4ZWwpIGRpYW1ldGVyIG9mIHRoZSBhbmltYXRpb25cbiAgICovXG4gIEBJbnB1dCgpIGRpYW1ldGVyID0gNjA7XG5cbiAgLyoqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZGFmZi1sb2FkaW5nLWljb24nKSBjbGFzcyA9IHRydWU7XG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ3N0eWxlLm1heC13aWR0aCcpIGdldCBtYXhXaWR0aCgpIHtcblx0ICByZXR1cm4gdGhpcy5kaWFtZXRlciArICdweCc7XG4gIH1cbn1cbiIsIjxzdmcgZm9jdXNhYmxlPVwiZmFsc2VcIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPVwieE1pZFlNaWQgbWVldFwiIHZpZXdCb3g9XCIwIDAgMTAwIDEwMFwiPlxuICA8Y2lyY2xlIGN4PVwiNTAlXCIgY3k9XCI1MCVcIiByPVwiNDZcIiBjbGFzcz1cImRhZmYtbG9hZGluZy1pY29uX19iZ1wiPjwvY2lyY2xlPlxuICA8Y2lyY2xlIGN4PVwiNTAlXCIgY3k9XCI1MCVcIiByPVwiNDZcIiBjbGFzcz1cImRhZmYtbG9hZGluZy1pY29uX19sb2FkZXJcIj48L2NpcmNsZT5cbjwvc3ZnPiJdfQ==

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

@@ -1,13 +1,15 @@
 import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { DaffImageModule } from '@daffodil/design/image';
+import { DaffMediaGalleryModule } from '@daffodil/design/media-gallery';
 import * as i0 from "@angular/core";
-import * as i1 from "@daffodil/design/image";
-import * as i2 from "@daffodil/design/media-gallery";
+import * as i1 from "@daffodil/design/media-gallery";
+import * as i2 from "@daffodil/design/image";
 export class BasicMediaGalleryComponent {
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: BasicMediaGalleryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", 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 }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: BasicMediaGalleryComponent, isStandalone: true, selector: "basic-media-gallery", ngImport: i0, template: "<daff-media-gallery>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=3763&q=80\" alt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Fruits\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Lemons\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1543363136-7fbfcd3b240d?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Avocado\" width=\"946\" height=\"946\"></daff-image>\n</daff-media-gallery>\n", dependencies: [{ kind: "ngmodule", type: DaffMediaGalleryModule }, { kind: "directive", type: i1.DaffThumbnailDirective, selector: "[daffThumbnail]", outputs: ["becameSelected"] }, { kind: "component", type: i1.DaffMediaGalleryComponent, selector: "daff-media-gallery", inputs: ["skeleton", "name"] }, { kind: "ngmodule", type: DaffImageModule }, { kind: "component", type: i2.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", 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" }]
+            args: [{ selector: 'basic-media-gallery', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [DaffMediaGalleryModule, DaffImageModule], 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzaWMtbWVkaWEtZ2FsbGVyeS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9tZWRpYS1nYWxsZXJ5L2V4YW1wbGVzL3NyYy9iYXNpYy1tZWRpYS1nYWxsZXJ5L2Jhc2ljLW1lZGlhLWdhbGxlcnkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vbWVkaWEtZ2FsbGVyeS9leGFtcGxlcy9zcmMvYmFzaWMtbWVkaWEtZ2FsbGVyeS9iYXNpYy1tZWRpYS1nYWxsZXJ5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDOzs7O0FBUXZCLE1BQU0sT0FBTywwQkFBMEI7a0lBQTFCLDBCQUEwQjtzSEFBMUIsMEJBQTBCLDJEQ1h2Qyx3eUNBT0E7OzRGRElhLDBCQUEwQjtrQkFOdEMsU0FBUzsrQkFFRSxxQkFBcUIsbUJBRWQsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdiYXNpYy1tZWRpYS1nYWxsZXJ5JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Jhc2ljLW1lZGlhLWdhbGxlcnkuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQmFzaWNNZWRpYUdhbGxlcnlDb21wb25lbnQge1xuXG5cbn1cbiIsIjxkYWZmLW1lZGlhLWdhbGxlcnk+XG5cdDxkYWZmLWltYWdlIGRhZmZUaHVtYm5haWwgc3JjPVwiaHR0cHM6Ly9pbWFnZXMudW5zcGxhc2guY29tL3Bob3RvLTE1NTY4MDQzMzUtMmZhNTYzZTkzYWFlP2l4aWQ9TVh3eE1qQTNmREI4TUh4d2FHOTBieTF3WVdkbGZIeDhmR1Z1ZkRCOGZIdyUzRCZpeGxpYj1yYi0xLjIuMSZhdXRvPWZvcm1hdCZmaXQ9Y3JvcCZ3PTM3NjMmcT04MFwiIGFsdD1cIkRyaW5rXCIgd2lkdGg9XCI5NDZcIiBoZWlnaHQ9XCI5NDZcIj48L2RhZmYtaW1hZ2U+XG5cdDxkYWZmLWltYWdlIGRhZmZUaHVtYm5haWwgc3JjPVwiaHR0cHM6Ly9pbWFnZXMudW5zcGxhc2guY29tL3Bob3RvLTE2MDczNDQ2MzUxNTktNTk5MzBlMzMzMGIxP2l4aWQ9TVh3eE1qQTNmREI4TUh4d2FHOTBieTF3WVdkbGZIeDhmR1Z1ZkRCOGZIdyUzRCZpeGxpYj1yYi0xLjIuMSZhdXRvPWZvcm1hdCZmaXQ9Y3JvcCZ3PTE2MDAmcT04MFwiIGFsdD1cIkRyaW5rXCIgd2lkdGg9XCI5NDZcIiBoZWlnaHQ9XCI5NDZcIj48L2RhZmYtaW1hZ2U+XG5cdDxkYWZmLWltYWdlIGRhZmZUaHVtYm5haWwgc3JjPVwiaHR0cHM6Ly9pbWFnZXMudW5zcGxhc2guY29tL3Bob3RvLTE1ODQ1NTk1ODIyMTMtNzg3YTI5NTNkY2JlP2l4aWQ9TVh3eE1qQTNmREI4TUh4d2FHOTBieTF3WVdkbGZIeDhmR1Z1ZkRCOGZIdyUzRCZpeGxpYj1yYi0xLjIuMSZhdXRvPWZvcm1hdCZmaXQ9Y3JvcCZ3PTE2MDAmcT04MFwiIGFsdD1cIkZydWl0c1wiIHdpZHRoPVwiOTQ2XCIgaGVpZ2h0PVwiOTQ2XCI+PC9kYWZmLWltYWdlPlxuXHQ8ZGFmZi1pbWFnZSBkYWZmVGh1bWJuYWlsIHNyYz1cImh0dHBzOi8vaW1hZ2VzLnVuc3BsYXNoLmNvbS9waG90by0xNTg3MzI0NDM4NjczLTU2Yzc4YTg2NmIxNT9peGlkPU1Yd3hNakEzZkRCOE1IeHdhRzkwYnkxd1lXZGxmSHg4ZkdWdWZEQjhmSHclM0QmaXhsaWI9cmItMS4yLjEmYXV0bz1mb3JtYXQmZml0PWNyb3Amdz0xNjAwJnE9ODBcIiBhbHQ9XCJMZW1vbnNcIiB3aWR0aD1cIjk0NlwiIGhlaWdodD1cIjk0NlwiPjwvZGFmZi1pbWFnZT5cblx0PGRhZmYtaW1hZ2UgZGFmZlRodW1ibmFpbCBzcmM9XCJodHRwczovL2ltYWdlcy51bnNwbGFzaC5jb20vcGhvdG8tMTU0MzM2MzEzNi03ZmJmY2QzYjI0MGQ/aXhpZD1NWHd4TWpBM2ZEQjhNSHh3YUc5MGJ5MXdZV2RsZkh4OGZHVnVmREI4Zkh3JTNEJml4bGliPXJiLTEuMi4xJmF1dG89Zm9ybWF0JmZpdD1jcm9wJnc9MTYwMCZxPTgwXCIgYWx0PVwiQXZvY2Fkb1wiIHdpZHRoPVwiOTQ2XCIgaGVpZ2h0PVwiOTQ2XCI+PC9kYWZmLWltYWdlPlxuPC9kYWZmLW1lZGlhLWdhbGxlcnk+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzaWMtbWVkaWEtZ2FsbGVyeS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9tZWRpYS1nYWxsZXJ5L2V4YW1wbGVzL3NyYy9iYXNpYy1tZWRpYS1nYWxsZXJ5L2Jhc2ljLW1lZGlhLWdhbGxlcnkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vbWVkaWEtZ2FsbGVyeS9leGFtcGxlcy9zcmMvYmFzaWMtbWVkaWEtZ2FsbGVyeS9iYXNpYy1tZWRpYS1nYWxsZXJ5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQzs7OztBQVV4RSxNQUFNLE9BQU8sMEJBQTBCO2tJQUExQiwwQkFBMEI7c0hBQTFCLDBCQUEwQiwrRUNoQnZDLHd5Q0FPQSwyQ0RPWSxzQkFBc0IseVFBQUUsZUFBZTs7NEZBRXRDLDBCQUEwQjtrQkFSdEMsU0FBUzsrQkFFRSxxQkFBcUIsbUJBRWQsdUJBQXVCLENBQUMsTUFBTSxjQUNuQyxJQUFJLFdBQ1AsQ0FBQyxzQkFBc0IsRUFBRSxlQUFlLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRGFmZkltYWdlTW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi9pbWFnZSc7XG5pbXBvcnQgeyBEYWZmTWVkaWFHYWxsZXJ5TW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbi9tZWRpYS1nYWxsZXJ5JztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnYmFzaWMtbWVkaWEtZ2FsbGVyeScsXG4gIHRlbXBsYXRlVXJsOiAnLi9iYXNpYy1tZWRpYS1nYWxsZXJ5LmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtEYWZmTWVkaWFHYWxsZXJ5TW9kdWxlLCBEYWZmSW1hZ2VNb2R1bGVdLFxufSlcbmV4cG9ydCBjbGFzcyBCYXNpY01lZGlhR2FsbGVyeUNvbXBvbmVudCB7XG5cblxufVxuIiwiPGRhZmYtbWVkaWEtZ2FsbGVyeT5cblx0PGRhZmYtaW1hZ2UgZGFmZlRodW1ibmFpbCBzcmM9XCJodHRwczovL2ltYWdlcy51bnNwbGFzaC5jb20vcGhvdG8tMTU1NjgwNDMzNS0yZmE1NjNlOTNhYWU/aXhpZD1NWHd4TWpBM2ZEQjhNSHh3YUc5MGJ5MXdZV2RsZkh4OGZHVnVmREI4Zkh3JTNEJml4bGliPXJiLTEuMi4xJmF1dG89Zm9ybWF0JmZpdD1jcm9wJnc9Mzc2MyZxPTgwXCIgYWx0PVwiRHJpbmtcIiB3aWR0aD1cIjk0NlwiIGhlaWdodD1cIjk0NlwiPjwvZGFmZi1pbWFnZT5cblx0PGRhZmYtaW1hZ2UgZGFmZlRodW1ibmFpbCBzcmM9XCJodHRwczovL2ltYWdlcy51bnNwbGFzaC5jb20vcGhvdG8tMTYwNzM0NDYzNTE1OS01OTkzMGUzMzMwYjE/aXhpZD1NWHd4TWpBM2ZEQjhNSHh3YUc5MGJ5MXdZV2RsZkh4OGZHVnVmREI4Zkh3JTNEJml4bGliPXJiLTEuMi4xJmF1dG89Zm9ybWF0JmZpdD1jcm9wJnc9MTYwMCZxPTgwXCIgYWx0PVwiRHJpbmtcIiB3aWR0aD1cIjk0NlwiIGhlaWdodD1cIjk0NlwiPjwvZGFmZi1pbWFnZT5cblx0PGRhZmYtaW1hZ2UgZGFmZlRodW1ibmFpbCBzcmM9XCJodHRwczovL2ltYWdlcy51bnNwbGFzaC5jb20vcGhvdG8tMTU4NDU1OTU4MjIxMy03ODdhMjk1M2RjYmU/aXhpZD1NWHd4TWpBM2ZEQjhNSHh3YUc5MGJ5MXdZV2RsZkh4OGZHVnVmREI4Zkh3JTNEJml4bGliPXJiLTEuMi4xJmF1dG89Zm9ybWF0JmZpdD1jcm9wJnc9MTYwMCZxPTgwXCIgYWx0PVwiRnJ1aXRzXCIgd2lkdGg9XCI5NDZcIiBoZWlnaHQ9XCI5NDZcIj48L2RhZmYtaW1hZ2U+XG5cdDxkYWZmLWltYWdlIGRhZmZUaHVtYm5haWwgc3JjPVwiaHR0cHM6Ly9pbWFnZXMudW5zcGxhc2guY29tL3Bob3RvLTE1ODczMjQ0Mzg2NzMtNTZjNzhhODY2YjE1P2l4aWQ9TVh3eE1qQTNmREI4TUh4d2FHOTBieTF3WVdkbGZIeDhmR1Z1ZkRCOGZIdyUzRCZpeGxpYj1yYi0xLjIuMSZhdXRvPWZvcm1hdCZmaXQ9Y3JvcCZ3PTE2MDAmcT04MFwiIGFsdD1cIkxlbW9uc1wiIHdpZHRoPVwiOTQ2XCIgaGVpZ2h0PVwiOTQ2XCI+PC9kYWZmLWltYWdlPlxuXHQ8ZGFmZi1pbWFnZSBkYWZmVGh1bWJuYWlsIHNyYz1cImh0dHBzOi8vaW1hZ2VzLnVuc3BsYXNoLmNvbS9waG90by0xNTQzMzYzMTM2LTdmYmZjZDNiMjQwZD9peGlkPU1Yd3hNakEzZkRCOE1IeHdhRzkwYnkxd1lXZGxmSHg4ZkdWdWZEQjhmSHclM0QmaXhsaWI9cmItMS4yLjEmYXV0bz1mb3JtYXQmZml0PWNyb3Amdz0xNjAwJnE9ODBcIiBhbHQ9XCJBdm9jYWRvXCIgd2lkdGg9XCI5NDZcIiBoZWlnaHQ9XCI5NDZcIj48L2RhZmYtaW1hZ2U+XG48L2RhZmYtbWVkaWEtZ2FsbGVyeT5cbiJdfQ==

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

@@ -1,13 +1,15 @@
 import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { DaffImageModule } from '@daffodil/design/image';
+import { DaffMediaGalleryModule } from '@daffodil/design/media-gallery';
 import * as i0 from "@angular/core";
-import * as i1 from "@daffodil/design/image";
-import * as i2 from "@daffodil/design/media-gallery";
+import * as i1 from "@daffodil/design/media-gallery";
+import * as i2 from "@daffodil/design/image";
 export class MismatchedSizesMediaGalleryComponent {
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: MismatchedSizesMediaGalleryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", 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 }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: MismatchedSizesMediaGalleryComponent, isStandalone: true, selector: "mismatched-sizes-media-gallery", ngImport: i0, template: "<daff-media-gallery>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=3763&q=80\" alt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1551410224-699683e15636?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\" alt=\"Drink\" width=\"640\" height=\"799\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1586788224331-947f68671cf1?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=934&q=80\" alt=\"Fruits\" width=\"640\" height=\"960\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1559181567-c3190ca9959b?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\" alt=\"Cherries\" width=\"640\" height=\"800\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1606926167690-07a1edafd407?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=2250&q=80\" alt=\"Lemons\" width=\"640\" height=\"426\"></daff-image>\n</daff-media-gallery>\n", dependencies: [{ kind: "ngmodule", type: DaffMediaGalleryModule }, { kind: "directive", type: i1.DaffThumbnailDirective, selector: "[daffThumbnail]", outputs: ["becameSelected"] }, { kind: "component", type: i1.DaffMediaGalleryComponent, selector: "daff-media-gallery", inputs: ["skeleton", "name"] }, { kind: "ngmodule", type: DaffImageModule }, { kind: "component", type: i2.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", 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" }]
+            args: [{ selector: 'mismatched-sizes-media-gallery', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [DaffMediaGalleryModule, DaffImageModule], 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWlzbWF0Y2hlZC1zaXplcy1tZWRpYS1nYWxsZXJ5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL21lZGlhLWdhbGxlcnkvZXhhbXBsZXMvc3JjL21pc21hdGNoZWQtc2l6ZXMtbWVkaWEtZ2FsbGVyeS9taXNtYXRjaGVkLXNpemVzLW1lZGlhLWdhbGxlcnkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vbWVkaWEtZ2FsbGVyeS9leGFtcGxlcy9zcmMvbWlzbWF0Y2hlZC1zaXplcy1tZWRpYS1nYWxsZXJ5L21pc21hdGNoZWQtc2l6ZXMtbWVkaWEtZ2FsbGVyeS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQzs7OztBQVF2QixNQUFNLE9BQU8sb0NBQW9DO2tJQUFwQyxvQ0FBb0M7c0hBQXBDLG9DQUFvQyxzRUNYakQscXlDQU9BOzs0RkRJYSxvQ0FBb0M7a0JBTmhELFNBQVM7K0JBRUUsZ0NBQWdDLG1CQUV6Qix1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ21pc21hdGNoZWQtc2l6ZXMtbWVkaWEtZ2FsbGVyeScsXG4gIHRlbXBsYXRlVXJsOiAnLi9taXNtYXRjaGVkLXNpemVzLW1lZGlhLWdhbGxlcnkuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgTWlzbWF0Y2hlZFNpemVzTWVkaWFHYWxsZXJ5Q29tcG9uZW50IHt9XG4iLCI8ZGFmZi1tZWRpYS1nYWxsZXJ5PlxuXHQ8ZGFmZi1pbWFnZSBkYWZmVGh1bWJuYWlsIHNyYz1cImh0dHBzOi8vaW1hZ2VzLnVuc3BsYXNoLmNvbS9waG90by0xNTU2ODA0MzM1LTJmYTU2M2U5M2FhZT9peGlkPU1Yd3hNakEzZkRCOE1IeHdhRzkwYnkxd1lXZGxmSHg4ZkdWdWZEQjhmSHclM0QmaXhsaWI9cmItMS4yLjEmYXV0bz1mb3JtYXQmZml0PWNyb3Amdz0zNzYzJnE9ODBcIiBhbHQ9XCJEcmlua1wiIHdpZHRoPVwiOTQ2XCIgaGVpZ2h0PVwiOTQ2XCI+PC9kYWZmLWltYWdlPlxuXHQ8ZGFmZi1pbWFnZSBkYWZmVGh1bWJuYWlsIHNyYz1cImh0dHBzOi8vaW1hZ2VzLnVuc3BsYXNoLmNvbS9waG90by0xNTUxNDEwMjI0LTY5OTY4M2UxNTYzNj9peGxpYj1yYi0xLjIuMSZpeGlkPU1Yd3hNakEzZkRCOE1IeHdhRzkwYnkxd1lXZGxmSHg4ZkdWdWZEQjhmSHclM0QmYXV0bz1mb3JtYXQmZml0PWNyb3Amdz0xMzAwJnE9ODBcIiBhbHQ9XCJEcmlua1wiIHdpZHRoPVwiNjQwXCIgaGVpZ2h0PVwiNzk5XCI+PC9kYWZmLWltYWdlPlxuXHQ8ZGFmZi1pbWFnZSBkYWZmVGh1bWJuYWlsIHNyYz1cImh0dHBzOi8vaW1hZ2VzLnVuc3BsYXNoLmNvbS9waG90by0xNTg2Nzg4MjI0MzMxLTk0N2Y2ODY3MWNmMT9peGxpYj1yYi0xLjIuMSZpeGlkPU1Yd3hNakEzZkRCOE1IeHdhRzkwYnkxd1lXZGxmSHg4ZkdWdWZEQjhmSHclM0QmYXV0bz1mb3JtYXQmZml0PWNyb3Amdz05MzQmcT04MFwiIGFsdD1cIkZydWl0c1wiIHdpZHRoPVwiNjQwXCIgaGVpZ2h0PVwiOTYwXCI+PC9kYWZmLWltYWdlPlxuXHQ8ZGFmZi1pbWFnZSBkYWZmVGh1bWJuYWlsIHNyYz1cImh0dHBzOi8vaW1hZ2VzLnVuc3BsYXNoLmNvbS9waG90by0xNTU5MTgxNTY3LWMzMTkwY2E5OTU5Yj9peGxpYj1yYi0xLjIuMSZpeGlkPU1Yd3hNakEzZkRCOE1IeHdhRzkwYnkxd1lXZGxmSHg4ZkdWdWZEQjhmSHclM0QmYXV0bz1mb3JtYXQmZml0PWNyb3Amdz0xMzAwJnE9ODBcIiBhbHQ9XCJDaGVycmllc1wiIHdpZHRoPVwiNjQwXCIgaGVpZ2h0PVwiODAwXCI+PC9kYWZmLWltYWdlPlxuXHQ8ZGFmZi1pbWFnZSBkYWZmVGh1bWJuYWlsIHNyYz1cImh0dHBzOi8vaW1hZ2VzLnVuc3BsYXNoLmNvbS9waG90by0xNjA2OTI2MTY3NjkwLTA3YTFlZGFmZDQwNz9peGxpYj1yYi0xLjIuMSZpeGlkPU1Yd3hNakEzZkRCOE1IeHdhRzkwYnkxd1lXZGxmSHg4ZkdWdWZEQjhmSHclM0QmYXV0bz1mb3JtYXQmZml0PWNyb3Amdz0yMjUwJnE9ODBcIiBhbHQ9XCJMZW1vbnNcIiB3aWR0aD1cIjY0MFwiIGhlaWdodD1cIjQyNlwiPjwvZGFmZi1pbWFnZT5cbjwvZGFmZi1tZWRpYS1nYWxsZXJ5PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWlzbWF0Y2hlZC1zaXplcy1tZWRpYS1nYWxsZXJ5LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL21lZGlhLWdhbGxlcnkvZXhhbXBsZXMvc3JjL21pc21hdGNoZWQtc2l6ZXMtbWVkaWEtZ2FsbGVyeS9taXNtYXRjaGVkLXNpemVzLW1lZGlhLWdhbGxlcnkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vbWVkaWEtZ2FsbGVyeS9leGFtcGxlcy9zcmMvbWlzbWF0Y2hlZC1zaXplcy1tZWRpYS1nYWxsZXJ5L21pc21hdGNoZWQtc2l6ZXMtbWVkaWEtZ2FsbGVyeS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDekQsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7Ozs7QUFVeEUsTUFBTSxPQUFPLG9DQUFvQztrSUFBcEMsb0NBQW9DO3NIQUFwQyxvQ0FBb0MsMEZDaEJqRCxxeUNBT0EsMkNET1ksc0JBQXNCLHlRQUFFLGVBQWU7OzRGQUV0QyxvQ0FBb0M7a0JBUmhELFNBQVM7K0JBRUUsZ0NBQWdDLG1CQUV6Qix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DLElBQUksV0FDUCxDQUFDLHNCQUFzQixFQUFFLGVBQWUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBEYWZmSW1hZ2VNb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL2ltYWdlJztcbmltcG9ydCB7IERhZmZNZWRpYUdhbGxlcnlNb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL21lZGlhLWdhbGxlcnknO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdtaXNtYXRjaGVkLXNpemVzLW1lZGlhLWdhbGxlcnknLFxuICB0ZW1wbGF0ZVVybDogJy4vbWlzbWF0Y2hlZC1zaXplcy1tZWRpYS1nYWxsZXJ5LmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtEYWZmTWVkaWFHYWxsZXJ5TW9kdWxlLCBEYWZmSW1hZ2VNb2R1bGVdLFxufSlcbmV4cG9ydCBjbGFzcyBNaXNtYXRjaGVkU2l6ZXNNZWRpYUdhbGxlcnlDb21wb25lbnQge31cbiIsIjxkYWZmLW1lZGlhLWdhbGxlcnk+XG5cdDxkYWZmLWltYWdlIGRhZmZUaHVtYm5haWwgc3JjPVwiaHR0cHM6Ly9pbWFnZXMudW5zcGxhc2guY29tL3Bob3RvLTE1NTY4MDQzMzUtMmZhNTYzZTkzYWFlP2l4aWQ9TVh3eE1qQTNmREI4TUh4d2FHOTBieTF3WVdkbGZIeDhmR1Z1ZkRCOGZIdyUzRCZpeGxpYj1yYi0xLjIuMSZhdXRvPWZvcm1hdCZmaXQ9Y3JvcCZ3PTM3NjMmcT04MFwiIGFsdD1cIkRyaW5rXCIgd2lkdGg9XCI5NDZcIiBoZWlnaHQ9XCI5NDZcIj48L2RhZmYtaW1hZ2U+XG5cdDxkYWZmLWltYWdlIGRhZmZUaHVtYm5haWwgc3JjPVwiaHR0cHM6Ly9pbWFnZXMudW5zcGxhc2guY29tL3Bob3RvLTE1NTE0MTAyMjQtNjk5NjgzZTE1NjM2P2l4bGliPXJiLTEuMi4xJml4aWQ9TVh3eE1qQTNmREI4TUh4d2FHOTBieTF3WVdkbGZIeDhmR1Z1ZkRCOGZIdyUzRCZhdXRvPWZvcm1hdCZmaXQ9Y3JvcCZ3PTEzMDAmcT04MFwiIGFsdD1cIkRyaW5rXCIgd2lkdGg9XCI2NDBcIiBoZWlnaHQ9XCI3OTlcIj48L2RhZmYtaW1hZ2U+XG5cdDxkYWZmLWltYWdlIGRhZmZUaHVtYm5haWwgc3JjPVwiaHR0cHM6Ly9pbWFnZXMudW5zcGxhc2guY29tL3Bob3RvLTE1ODY3ODgyMjQzMzEtOTQ3ZjY4NjcxY2YxP2l4bGliPXJiLTEuMi4xJml4aWQ9TVh3eE1qQTNmREI4TUh4d2FHOTBieTF3WVdkbGZIeDhmR1Z1ZkRCOGZIdyUzRCZhdXRvPWZvcm1hdCZmaXQ9Y3JvcCZ3PTkzNCZxPTgwXCIgYWx0PVwiRnJ1aXRzXCIgd2lkdGg9XCI2NDBcIiBoZWlnaHQ9XCI5NjBcIj48L2RhZmYtaW1hZ2U+XG5cdDxkYWZmLWltYWdlIGRhZmZUaHVtYm5haWwgc3JjPVwiaHR0cHM6Ly9pbWFnZXMudW5zcGxhc2guY29tL3Bob3RvLTE1NTkxODE1NjctYzMxOTBjYTk5NTliP2l4bGliPXJiLTEuMi4xJml4aWQ9TVh3eE1qQTNmREI4TUh4d2FHOTBieTF3WVdkbGZIeDhmR1Z1ZkRCOGZIdyUzRCZhdXRvPWZvcm1hdCZmaXQ9Y3JvcCZ3PTEzMDAmcT04MFwiIGFsdD1cIkNoZXJyaWVzXCIgd2lkdGg9XCI2NDBcIiBoZWlnaHQ9XCI4MDBcIj48L2RhZmYtaW1hZ2U+XG5cdDxkYWZmLWltYWdlIGRhZmZUaHVtYm5haWwgc3JjPVwiaHR0cHM6Ly9pbWFnZXMudW5zcGxhc2guY29tL3Bob3RvLTE2MDY5MjYxNjc2OTAtMDdhMWVkYWZkNDA3P2l4bGliPXJiLTEuMi4xJml4aWQ9TVh3eE1qQTNmREI4TUh4d2FHOTBieTF3WVdkbGZIeDhmR1Z1ZkRCOGZIdyUzRCZhdXRvPWZvcm1hdCZmaXQ9Y3JvcCZ3PTIyNTAmcT04MFwiIGFsdD1cIkxlbW9uc1wiIHdpZHRoPVwiNjQwXCIgaGVpZ2h0PVwiNDI2XCI+PC9kYWZmLWltYWdlPlxuPC9kYWZmLW1lZGlhLWdhbGxlcnk+XG4iXX0=

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

@@ -1,8 +1,5 @@
 export { MEDIA_GALLERY_EXAMPLES } from './examples';
-export { BasicMediaGalleryModule } from './basic-media-gallery/basic-media-gallery.module';
 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';
 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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL21lZGlhLWdhbGxlcnkvZXhhbXBsZXMvc3JjL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sWUFBWSxDQUFDO0FBRXBELE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLHFEQUFxRCxDQUFDO0FBQ2pHLE9BQU8sRUFBRSxvQ0FBb0MsRUFBRSxNQUFNLDJFQUEyRSxDQUFDO0FBQ2pJLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLDJEQUEyRCxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgTUVESUFfR0FMTEVSWV9FWEFNUExFUyB9IGZyb20gJy4vZXhhbXBsZXMnO1xuXG5leHBvcnQgeyBCYXNpY01lZGlhR2FsbGVyeUNvbXBvbmVudCB9IGZyb20gJy4vYmFzaWMtbWVkaWEtZ2FsbGVyeS9iYXNpYy1tZWRpYS1nYWxsZXJ5LmNvbXBvbmVudCc7XG5leHBvcnQgeyBNaXNtYXRjaGVkU2l6ZXNNZWRpYUdhbGxlcnlDb21wb25lbnQgfSBmcm9tICcuL21pc21hdGNoZWQtc2l6ZXMtbWVkaWEtZ2FsbGVyeS9taXNtYXRjaGVkLXNpemVzLW1lZGlhLWdhbGxlcnkuY29tcG9uZW50JztcbmV4cG9ydCB7IFNrZWxldG9uTWVkaWFHYWxsZXJ5Q29tcG9uZW50IH0gZnJvbSAnLi9za2VsZXRvbi1tZWRpYS1nYWxsZXJ5L3NrZWxldG9uLW1lZGlhLWdhbGxlcnkuY29tcG9uZW50JztcblxuIl19

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

@@ -1,13 +1,15 @@
 import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import { DaffImageModule } from '@daffodil/design/image';
+import { DaffMediaGalleryModule } from '@daffodil/design/media-gallery';
 import * as i0 from "@angular/core";
-import * as i1 from "@daffodil/design/image";
-import * as i2 from "@daffodil/design/media-gallery";
+import * as i1 from "@daffodil/design/media-gallery";
+import * as i2 from "@daffodil/design/image";
 export class SkeletonMediaGalleryComponent {
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: SkeletonMediaGalleryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", 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 }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: SkeletonMediaGalleryComponent, isStandalone: true, selector: "skeleton-media-gallery", ngImport: i0, template: "<daff-media-gallery [skeleton]=\"true\">\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=3763&q=80\" alt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Fruits\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Lemons\" width=\"946\" height=\"946\"></daff-image>\n\t<daff-image daffThumbnail src=\"https://images.unsplash.com/photo-1543363136-7fbfcd3b240d?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1600&q=80\" alt=\"Avocado\" width=\"946\" height=\"946\"></daff-image>\n</daff-media-gallery>\n", dependencies: [{ kind: "ngmodule", type: DaffMediaGalleryModule }, { kind: "directive", type: i1.DaffThumbnailDirective, selector: "[daffThumbnail]", outputs: ["becameSelected"] }, { kind: "component", type: i1.DaffMediaGalleryComponent, selector: "daff-media-gallery", inputs: ["skeleton", "name"] }, { kind: "ngmodule", type: DaffImageModule }, { kind: "component", type: i2.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", 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" }]
+            args: [{ selector: 'skeleton-media-gallery', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [DaffMediaGalleryModule, DaffImageModule], 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b24tbWVkaWEtZ2FsbGVyeS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9tZWRpYS1nYWxsZXJ5L2V4YW1wbGVzL3NyYy9za2VsZXRvbi1tZWRpYS1nYWxsZXJ5L3NrZWxldG9uLW1lZGlhLWdhbGxlcnkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vbWVkaWEtZ2FsbGVyeS9leGFtcGxlcy9zcmMvc2tlbGV0b24tbWVkaWEtZ2FsbGVyeS9za2VsZXRvbi1tZWRpYS1nYWxsZXJ5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDOzs7O0FBUXZCLE1BQU0sT0FBTyw2QkFBNkI7a0lBQTdCLDZCQUE2QjtzSEFBN0IsNkJBQTZCLDhEQ1gxQyw0ekNBT0E7OzRGRElhLDZCQUE2QjtrQkFOekMsU0FBUzsrQkFFRSx3QkFBd0IsbUJBRWpCLHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAnc2tlbGV0b24tbWVkaWEtZ2FsbGVyeScsXG4gIHRlbXBsYXRlVXJsOiAnLi9za2VsZXRvbi1tZWRpYS1nYWxsZXJ5LmNvbXBvbmVudC5odG1sJyxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuZXhwb3J0IGNsYXNzIFNrZWxldG9uTWVkaWFHYWxsZXJ5Q29tcG9uZW50IHtcblxuXG59XG4iLCI8ZGFmZi1tZWRpYS1nYWxsZXJ5IFtza2VsZXRvbl09XCJ0cnVlXCI+XG5cdDxkYWZmLWltYWdlIGRhZmZUaHVtYm5haWwgc3JjPVwiaHR0cHM6Ly9pbWFnZXMudW5zcGxhc2guY29tL3Bob3RvLTE1NTY4MDQzMzUtMmZhNTYzZTkzYWFlP2l4aWQ9TVh3eE1qQTNmREI4TUh4d2FHOTBieTF3WVdkbGZIeDhmR1Z1ZkRCOGZIdyUzRCZpeGxpYj1yYi0xLjIuMSZhdXRvPWZvcm1hdCZmaXQ9Y3JvcCZ3PTM3NjMmcT04MFwiIGFsdD1cIkRyaW5rXCIgd2lkdGg9XCI5NDZcIiBoZWlnaHQ9XCI5NDZcIj48L2RhZmYtaW1hZ2U+XG5cdDxkYWZmLWltYWdlIGRhZmZUaHVtYm5haWwgc3JjPVwiaHR0cHM6Ly9pbWFnZXMudW5zcGxhc2guY29tL3Bob3RvLTE2MDczNDQ2MzUxNTktNTk5MzBlMzMzMGIxP2l4aWQ9TVh3eE1qQTNmREI4TUh4d2FHOTBieTF3WVdkbGZIeDhmR1Z1ZkRCOGZIdyUzRCZpeGxpYj1yYi0xLjIuMSZhdXRvPWZvcm1hdCZmaXQ9Y3JvcCZ3PTE2MDAmcT04MFwiIGFsdD1cIkRyaW5rXCIgd2lkdGg9XCI5NDZcIiBoZWlnaHQ9XCI5NDZcIj48L2RhZmYtaW1hZ2U+XG5cdDxkYWZmLWltYWdlIGRhZmZUaHVtYm5haWwgc3JjPVwiaHR0cHM6Ly9pbWFnZXMudW5zcGxhc2guY29tL3Bob3RvLTE1ODQ1NTk1ODIyMTMtNzg3YTI5NTNkY2JlP2l4aWQ9TVh3eE1qQTNmREI4TUh4d2FHOTBieTF3WVdkbGZIeDhmR1Z1ZkRCOGZIdyUzRCZpeGxpYj1yYi0xLjIuMSZhdXRvPWZvcm1hdCZmaXQ9Y3JvcCZ3PTE2MDAmcT04MFwiIGFsdD1cIkZydWl0c1wiIHdpZHRoPVwiOTQ2XCIgaGVpZ2h0PVwiOTQ2XCI+PC9kYWZmLWltYWdlPlxuXHQ8ZGFmZi1pbWFnZSBkYWZmVGh1bWJuYWlsIHNyYz1cImh0dHBzOi8vaW1hZ2VzLnVuc3BsYXNoLmNvbS9waG90by0xNTg3MzI0NDM4NjczLTU2Yzc4YTg2NmIxNT9peGlkPU1Yd3hNakEzZkRCOE1IeHdhRzkwYnkxd1lXZGxmSHg4ZkdWdWZEQjhmSHclM0QmaXhsaWI9cmItMS4yLjEmYXV0bz1mb3JtYXQmZml0PWNyb3Amdz0xNjAwJnE9ODBcIiBhbHQ9XCJMZW1vbnNcIiB3aWR0aD1cIjk0NlwiIGhlaWdodD1cIjk0NlwiPjwvZGFmZi1pbWFnZT5cblx0PGRhZmYtaW1hZ2UgZGFmZlRodW1ibmFpbCBzcmM9XCJodHRwczovL2ltYWdlcy51bnNwbGFzaC5jb20vcGhvdG8tMTU0MzM2MzEzNi03ZmJmY2QzYjI0MGQ/aXhpZD1NWHd4TWpBM2ZEQjhNSHh3YUc5MGJ5MXdZV2RsZkh4OGZHVnVmREI4Zkh3JTNEJml4bGliPXJiLTEuMi4xJmF1dG89Zm9ybWF0JmZpdD1jcm9wJnc9MTYwMCZxPTgwXCIgYWx0PVwiQXZvY2Fkb1wiIHdpZHRoPVwiOTQ2XCIgaGVpZ2h0PVwiOTQ2XCI+PC9kYWZmLWltYWdlPlxuPC9kYWZmLW1lZGlhLWdhbGxlcnk+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tlbGV0b24tbWVkaWEtZ2FsbGVyeS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9tZWRpYS1nYWxsZXJ5L2V4YW1wbGVzL3NyYy9za2VsZXRvbi1tZWRpYS1nYWxsZXJ5L3NrZWxldG9uLW1lZGlhLWdhbGxlcnkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vbWVkaWEtZ2FsbGVyeS9leGFtcGxlcy9zcmMvc2tlbGV0b24tbWVkaWEtZ2FsbGVyeS9za2VsZXRvbi1tZWRpYS1nYWxsZXJ5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQzs7OztBQVV4RSxNQUFNLE9BQU8sNkJBQTZCO2tJQUE3Qiw2QkFBNkI7c0hBQTdCLDZCQUE2QixrRkNoQjFDLDR6Q0FPQSwyQ0RPWSxzQkFBc0IseVFBQUUsZUFBZTs7NEZBRXRDLDZCQUE2QjtrQkFSekMsU0FBUzsrQkFFRSx3QkFBd0IsbUJBRWpCLHVCQUF1QixDQUFDLE1BQU0sY0FDbkMsSUFBSSxXQUNQLENBQUMsc0JBQXNCLEVBQUUsZUFBZSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IERhZmZJbWFnZU1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24vaW1hZ2UnO1xuaW1wb3J0IHsgRGFmZk1lZGlhR2FsbGVyeU1vZHVsZSB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24vbWVkaWEtZ2FsbGVyeSc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ3NrZWxldG9uLW1lZGlhLWdhbGxlcnknLFxuICB0ZW1wbGF0ZVVybDogJy4vc2tlbGV0b24tbWVkaWEtZ2FsbGVyeS5jb21wb25lbnQuaHRtbCcsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbRGFmZk1lZGlhR2FsbGVyeU1vZHVsZSwgRGFmZkltYWdlTW9kdWxlXSxcbn0pXG5leHBvcnQgY2xhc3MgU2tlbGV0b25NZWRpYUdhbGxlcnlDb21wb25lbnQge1xuXG5cbn1cbiIsIjxkYWZmLW1lZGlhLWdhbGxlcnkgW3NrZWxldG9uXT1cInRydWVcIj5cblx0PGRhZmYtaW1hZ2UgZGFmZlRodW1ibmFpbCBzcmM9XCJodHRwczovL2ltYWdlcy51bnNwbGFzaC5jb20vcGhvdG8tMTU1NjgwNDMzNS0yZmE1NjNlOTNhYWU/aXhpZD1NWHd4TWpBM2ZEQjhNSHh3YUc5MGJ5MXdZV2RsZkh4OGZHVnVmREI4Zkh3JTNEJml4bGliPXJiLTEuMi4xJmF1dG89Zm9ybWF0JmZpdD1jcm9wJnc9Mzc2MyZxPTgwXCIgYWx0PVwiRHJpbmtcIiB3aWR0aD1cIjk0NlwiIGhlaWdodD1cIjk0NlwiPjwvZGFmZi1pbWFnZT5cblx0PGRhZmYtaW1hZ2UgZGFmZlRodW1ibmFpbCBzcmM9XCJodHRwczovL2ltYWdlcy51bnNwbGFzaC5jb20vcGhvdG8tMTYwNzM0NDYzNTE1OS01OTkzMGUzMzMwYjE/aXhpZD1NWHd4TWpBM2ZEQjhNSHh3YUc5MGJ5MXdZV2RsZkh4OGZHVnVmREI4Zkh3JTNEJml4bGliPXJiLTEuMi4xJmF1dG89Zm9ybWF0JmZpdD1jcm9wJnc9MTYwMCZxPTgwXCIgYWx0PVwiRHJpbmtcIiB3aWR0aD1cIjk0NlwiIGhlaWdodD1cIjk0NlwiPjwvZGFmZi1pbWFnZT5cblx0PGRhZmYtaW1hZ2UgZGFmZlRodW1ibmFpbCBzcmM9XCJodHRwczovL2ltYWdlcy51bnNwbGFzaC5jb20vcGhvdG8tMTU4NDU1OTU4MjIxMy03ODdhMjk1M2RjYmU/aXhpZD1NWHd4TWpBM2ZEQjhNSHh3YUc5MGJ5MXdZV2RsZkh4OGZHVnVmREI4Zkh3JTNEJml4bGliPXJiLTEuMi4xJmF1dG89Zm9ybWF0JmZpdD1jcm9wJnc9MTYwMCZxPTgwXCIgYWx0PVwiRnJ1aXRzXCIgd2lkdGg9XCI5NDZcIiBoZWlnaHQ9XCI5NDZcIj48L2RhZmYtaW1hZ2U+XG5cdDxkYWZmLWltYWdlIGRhZmZUaHVtYm5haWwgc3JjPVwiaHR0cHM6Ly9pbWFnZXMudW5zcGxhc2guY29tL3Bob3RvLTE1ODczMjQ0Mzg2NzMtNTZjNzhhODY2YjE1P2l4aWQ9TVh3eE1qQTNmREI4TUh4d2FHOTBieTF3WVdkbGZIeDhmR1Z1ZkRCOGZIdyUzRCZpeGxpYj1yYi0xLjIuMSZhdXRvPWZvcm1hdCZmaXQ9Y3JvcCZ3PTE2MDAmcT04MFwiIGFsdD1cIkxlbW9uc1wiIHdpZHRoPVwiOTQ2XCIgaGVpZ2h0PVwiOTQ2XCI+PC9kYWZmLWltYWdlPlxuXHQ8ZGFmZi1pbWFnZSBkYWZmVGh1bWJuYWlsIHNyYz1cImh0dHBzOi8vaW1hZ2VzLnVuc3BsYXNoLmNvbS9waG90by0xNTQzMzYzMTM2LTdmYmZjZDNiMjQwZD9peGlkPU1Yd3hNakEzZkRCOE1IeHdhRzkwYnkxd1lXZGxmSHg4ZkdWdWZEQjhmSHclM0QmaXhsaWI9cmItMS4yLjEmYXV0bz1mb3JtYXQmZml0PWNyb3Amdz0xNjAwJnE9ODBcIiBhbHQ9XCJBdm9jYWRvXCIgd2lkdGg9XCI5NDZcIiBoZWlnaHQ9XCI5NDZcIj48L2RhZmYtaW1hZ2U+XG48L2RhZmYtbWVkaWEtZ2FsbGVyeT5cbiJdfQ==

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

@@ -1,26 +1,14 @@
-import { Component, HostBinding, ChangeDetectionStrategy, Input, ElementRef, Renderer2, } from '@angular/core';
-import { daffSkeletonableMixin, daffArticleEncapsulatedMixin, } from '@daffodil/design';
+import { Component, HostBinding, ChangeDetectionStrategy, Input, } from '@angular/core';
+import { DaffArticleEncapsulatedDirective, DaffSkeletonableDirective, } 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";
+import * as i2 from "@daffodil/design";
+import * as i3 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;
+export class DaffMediaGalleryComponent {
+    constructor(registry) {
         this.registry = registry;
         /**
          * Adds a class for styling the media gallery
@@ -38,22 +26,28 @@ export class DaffMediaGalleryComponent extends _daffMediaGalleryBase {
     ngOnDestroy() {
         this.registry.remove(this);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffMediaGalleryComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i1.DaffMediaGalleryRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffMediaGalleryComponent, deps: [{ token: i1.DaffMediaGalleryRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
     /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", 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 }); }
+        ], hostDirectives: [{ directive: i2.DaffArticleEncapsulatedDirective }, { directive: i2.DaffSkeletonableDirective, inputs: ["skeleton", "skeleton"] }], 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:1s;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:1s;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:1s;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: i3.DaffMediaRendererComponent, selector: "daff-media-renderer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", 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: [{
+                    ], inputs: ['skeleton'], hostDirectives: [
+                        { directive: DaffArticleEncapsulatedDirective },
+                        {
+                            directive: DaffSkeletonableDirective,
+                            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:1s;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:1s;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:1s;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: i1.DaffMediaGalleryRegistry }], propDecorators: { class: [{
                 type: HostBinding,
                 args: ['class.daff-media-gallery']
             }], name: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVkaWEtZ2FsbGVyeS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9tZWRpYS1nYWxsZXJ5L3NyYy9tZWRpYS1nYWxsZXJ5L21lZGlhLWdhbGxlcnkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vbWVkaWEtZ2FsbGVyeS9zcmMvbWVkaWEtZ2FsbGVyeS9tZWRpYS1nYWxsZXJ5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsV0FBVyxFQUNYLHVCQUF1QixFQUN2QixLQUFLLEVBR0wsVUFBVSxFQUNWLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQ0wscUJBQXFCLEVBRXJCLDRCQUE0QixHQUM3QixNQUFNLGtCQUFrQixDQUFDO0FBRzFCLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLG9DQUFvQyxDQUFDOzs7O0FBRTlFLElBQUksZUFBZSxHQUFHLENBQUMsQ0FBQztBQUV4Qjs7R0FFRztBQUNILE1BQU0sb0JBQW9CO0lBQ3hCLFlBQW1CLFdBQXVCLEVBQVMsU0FBb0I7UUFBcEQsZ0JBQVcsR0FBWCxXQUFXLENBQVk7UUFBUyxjQUFTLEdBQVQsU0FBUyxDQUFXO0lBQUcsQ0FBQztDQUM1RTtBQUVELE1BQU0scUJBQXFCLEdBQUcscUJBQXFCLENBQUMsNEJBQTRCLENBQUMsQ0FBQyxvQkFBb0IsQ0FBQyxDQUFDLENBQUMsQ0FBQztBQWUxRyxNQUFNLE9BQU8seUJBQTBCLFNBQVEscUJBQXFCO0lBV2xFLFlBQ1UsVUFBc0IsRUFDdEIsUUFBbUIsRUFDbkIsUUFBa0M7UUFFMUMsS0FBSyxDQUFDLFVBQVUsRUFBRSxRQUFRLENBQUMsQ0FBQztRQUpwQixlQUFVLEdBQVYsVUFBVSxDQUFZO1FBQ3RCLGFBQVEsR0FBUixRQUFRLENBQVc7UUFDbkIsYUFBUSxHQUFSLFFBQVEsQ0FBMEI7UUFiNUM7O1dBRUc7UUFDc0MsVUFBSyxHQUFHLElBQUksQ0FBQztRQUV0RDs7V0FFRztRQUNNLFNBQUksR0FBRyxHQUFHLGVBQWUsRUFBRSxDQUFDO1FBUW5DLGVBQWUsRUFBRSxDQUFDO0lBQ3BCLENBQUM7SUFFRCxRQUFRO1FBQ1AsSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDekIsQ0FBQztJQUVELFdBQVc7UUFDVixJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUM1QixDQUFDO2tJQTFCVSx5QkFBeUI7c0hBQXpCLHlCQUF5QixpS0FSekI7WUFDVCxtRUFBbUU7WUFDbkUsRUFBRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsV0FBVyxFQUFFLHlCQUF5QixFQUFFO1NBQzlFLGlEQ3hDSCwrTkFLTTs7NEZEd0NPLHlCQUF5QjtrQkFickMsU0FBUzsrQkFDRSxvQkFBb0IsbUJBR2IsdUJBQXVCLENBQUMsTUFBTSxhQUNwQzt3QkFDVCxtRUFBbUU7d0JBQ25FLEVBQUUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLFdBQVcsMkJBQTJCLEVBQUU7cUJBQzlFLFVBR08sQ0FBQyxVQUFVLENBQUM7OElBTXFCLEtBQUs7c0JBQTdDLFdBQVc7dUJBQUMsMEJBQTBCO2dCQUs5QixJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEhvc3RCaW5kaW5nLFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgSW5wdXQsXG4gIE9uSW5pdCxcbiAgT25EZXN0cm95LFxuICBFbGVtZW50UmVmLFxuICBSZW5kZXJlcjIsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge1xuICBkYWZmU2tlbGV0b25hYmxlTWl4aW4sXG4gIERhZmZTa2VsZXRvbmFibGUsXG4gIGRhZmZBcnRpY2xlRW5jYXBzdWxhdGVkTWl4aW4sXG59IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG5pbXBvcnQgeyBEYWZmTWVkaWFHYWxsZXJ5UmVnaXN0cmF0aW9uIH0gZnJvbSAnLi4vaGVscGVycy9tZWRpYS1nYWxsZXJ5LXJlZ2lzdHJhdGlvbi5pbnRlcmZhY2UnO1xuaW1wb3J0IHsgREFGRl9NRURJQV9HQUxMRVJZX1RPS0VOIH0gZnJvbSAnLi4vaGVscGVycy9tZWRpYS1nYWxsZXJ5LXRva2VuJztcbmltcG9ydCB7IERhZmZNZWRpYUdhbGxlcnlSZWdpc3RyeSB9IGZyb20gJy4uL3JlZ2lzdHJ5L21lZGlhLWdhbGxlcnkucmVnaXN0cnknO1xuXG5sZXQgdW5pcXVlR2FsbGVyeUlkID0gMDtcblxuLyoqXG4gKiBBbiBfZWxlbWVudFJlZiBhbmQgYW4gaW5zdGFuY2Ugb2YgcmVuZGVyZXIyIGFyZSBuZWVkZWQgZm9yIHRoZSBsaW5rIHNldCBtaXhpbnNcbiAqL1xuY2xhc3MgRGFmZk1lZGlhR2FsbGVyeUJhc2Uge1xuICBjb25zdHJ1Y3RvcihwdWJsaWMgX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWYsIHB1YmxpYyBfcmVuZGVyZXI6IFJlbmRlcmVyMikge31cbn1cblxuY29uc3QgX2RhZmZNZWRpYUdhbGxlcnlCYXNlID0gZGFmZlNrZWxldG9uYWJsZU1peGluKGRhZmZBcnRpY2xlRW5jYXBzdWxhdGVkTWl4aW4oKERhZmZNZWRpYUdhbGxlcnlCYXNlKSkpO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYWZmLW1lZGlhLWdhbGxlcnknLFxuICB0ZW1wbGF0ZVVybDogJy4vbWVkaWEtZ2FsbGVyeS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL21lZGlhLWdhbGxlcnkuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHByb3ZpZGVyczogW1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdXNlLWJlZm9yZS1kZWZpbmVcbiAgICB7IHByb3ZpZGU6IERBRkZfTUVESUFfR0FMTEVSWV9UT0tFTiwgdXNlRXhpc3Rpbmc6IERhZmZNZWRpYUdhbGxlcnlDb21wb25lbnQgfSxcbiAgXSxcbiAgLy8gdG9kbyhkYW1pZW53ZWJkZXYpOiByZW1vdmUgb25jZSBkZWNvcmF0b3JzIGhpdCBzdGFnZSAzIC0gaHR0cHM6Ly9naXRodWIuY29tL21pY3Jvc29mdC9UeXBlU2NyaXB0L2lzc3Vlcy83MzQyXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvbm8taW5wdXRzLW1ldGFkYXRhLXByb3BlcnR5XG4gIGlucHV0czogWydza2VsZXRvbiddLFxufSlcbmV4cG9ydCBjbGFzcyBEYWZmTWVkaWFHYWxsZXJ5Q29tcG9uZW50IGV4dGVuZHMgX2RhZmZNZWRpYUdhbGxlcnlCYXNlIGltcGxlbWVudHMgRGFmZk1lZGlhR2FsbGVyeVJlZ2lzdHJhdGlvbiwgRGFmZlNrZWxldG9uYWJsZSwgT25Jbml0LCBPbkRlc3Ryb3kge1xuICAvKipcbiAgICogQWRkcyBhIGNsYXNzIGZvciBzdHlsaW5nIHRoZSBtZWRpYSBnYWxsZXJ5XG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtbWVkaWEtZ2FsbGVyeScpIGNsYXNzID0gdHJ1ZTtcblxuICAvKipcbiAgICogVGhlIG5hbWUgb2YgdGhlIGdhbGxlcnlcbiAgICovXG4gIEBJbnB1dCgpIG5hbWUgPSBgJHt1bmlxdWVHYWxsZXJ5SWR9YDtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYsXG4gICAgcHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyLFxuICAgIHByaXZhdGUgcmVnaXN0cnk6IERhZmZNZWRpYUdhbGxlcnlSZWdpc3RyeSxcbiAgKSB7XG5cdCAgXHRzdXBlcihlbGVtZW50UmVmLCByZW5kZXJlcik7XG5cdCAgXHR1bmlxdWVHYWxsZXJ5SWQrKztcbiAgfVxuXG4gIG5nT25Jbml0KCkge1xuXHQgIHRoaXMucmVnaXN0cnkuYWRkKHRoaXMpO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG5cdCAgdGhpcy5yZWdpc3RyeS5yZW1vdmUodGhpcyk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJkYWZmLW1lZGlhLWdhbGxlcnlfX3RodW1ibmFpbHNcIj5cblx0PG5nLWNvbnRlbnQgc2VsZWN0PVwiW2RhZmZUaHVtYm5haWxdXCI+PC9uZy1jb250ZW50PlxuPC9kaXY+XG48ZGl2IGNsYXNzPVwiZGFmZi1tZWRpYS1nYWxsZXJ5X19zZWxlY3RlZC10aHVtYm5haWxcIj5cblx0PGRhZmYtbWVkaWEtcmVuZGVyZXI+PC9kYWZmLW1lZGlhLXJlbmRlcmVyPlxuPC9kaXY+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVkaWEtZ2FsbGVyeS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9tZWRpYS1nYWxsZXJ5L3NyYy9tZWRpYS1nYWxsZXJ5L21lZGlhLWdhbGxlcnkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vbWVkaWEtZ2FsbGVyeS9zcmMvbWVkaWEtZ2FsbGVyeS9tZWRpYS1nYWxsZXJ5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsV0FBVyxFQUNYLHVCQUF1QixFQUN2QixLQUFLLEdBR04sTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUNMLGdDQUFnQyxFQUNoQyx5QkFBeUIsR0FDMUIsTUFBTSxrQkFBa0IsQ0FBQztBQUcxQixPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUMxRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQzs7Ozs7QUFFOUUsSUFBSSxlQUFlLEdBQUcsQ0FBQyxDQUFDO0FBc0J4QixNQUFNLE9BQU8seUJBQXlCO0lBV3BDLFlBQW9CLFFBQWtDO1FBQWxDLGFBQVEsR0FBUixRQUFRLENBQTBCO1FBVnREOztXQUVHO1FBQ3NDLFVBQUssR0FBRyxJQUFJLENBQUM7UUFFdEQ7O1dBRUc7UUFDTSxTQUFJLEdBQUcsR0FBRyxlQUFlLEVBQUUsQ0FBQztRQUduQyxlQUFlLEVBQUUsQ0FBQztJQUNwQixDQUFDO0lBRUQsUUFBUTtRQUNQLElBQUksQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3pCLENBQUM7SUFFRCxXQUFXO1FBQ1YsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDNUIsQ0FBQztrSUFyQlUseUJBQXlCO3NIQUF6Qix5QkFBeUIsaUtBZnpCO1lBQ1QsbUVBQW1FO1lBQ25FLEVBQUUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLFdBQVcsRUFBRSx5QkFBeUIsRUFBRTtTQUM5RSwrS0M1QkgsK05BS007OzRGRG1DTyx5QkFBeUI7a0JBcEJyQyxTQUFTOytCQUNFLG9CQUFvQixtQkFHYix1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDO3dCQUNULG1FQUFtRTt3QkFDbkUsRUFBRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsV0FBVywyQkFBMkIsRUFBRTtxQkFDOUUsVUFHTyxDQUFDLFVBQVUsQ0FBQyxrQkFDSjt3QkFDZCxFQUFFLFNBQVMsRUFBRSxnQ0FBZ0MsRUFBRTt3QkFDL0M7NEJBQ0UsU0FBUyxFQUFFLHlCQUF5Qjs0QkFDcEMsTUFBTSxFQUFFLENBQUMsVUFBVSxDQUFDO3lCQUNyQjtxQkFDRjs2RkFNd0MsS0FBSztzQkFBN0MsV0FBVzt1QkFBQywwQkFBMEI7Z0JBSzlCLElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgSG9zdEJpbmRpbmcsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBJbnB1dCxcbiAgT25Jbml0LFxuICBPbkRlc3Ryb3ksXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge1xuICBEYWZmQXJ0aWNsZUVuY2Fwc3VsYXRlZERpcmVjdGl2ZSxcbiAgRGFmZlNrZWxldG9uYWJsZURpcmVjdGl2ZSxcbn0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbic7XG5cbmltcG9ydCB7IERhZmZNZWRpYUdhbGxlcnlSZWdpc3RyYXRpb24gfSBmcm9tICcuLi9oZWxwZXJzL21lZGlhLWdhbGxlcnktcmVnaXN0cmF0aW9uLmludGVyZmFjZSc7XG5pbXBvcnQgeyBEQUZGX01FRElBX0dBTExFUllfVE9LRU4gfSBmcm9tICcuLi9oZWxwZXJzL21lZGlhLWdhbGxlcnktdG9rZW4nO1xuaW1wb3J0IHsgRGFmZk1lZGlhR2FsbGVyeVJlZ2lzdHJ5IH0gZnJvbSAnLi4vcmVnaXN0cnkvbWVkaWEtZ2FsbGVyeS5yZWdpc3RyeSc7XG5cbmxldCB1bmlxdWVHYWxsZXJ5SWQgPSAwO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYWZmLW1lZGlhLWdhbGxlcnknLFxuICB0ZW1wbGF0ZVVybDogJy4vbWVkaWEtZ2FsbGVyeS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL21lZGlhLWdhbGxlcnkuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHByb3ZpZGVyczogW1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdXNlLWJlZm9yZS1kZWZpbmVcbiAgICB7IHByb3ZpZGU6IERBRkZfTUVESUFfR0FMTEVSWV9UT0tFTiwgdXNlRXhpc3Rpbmc6IERhZmZNZWRpYUdhbGxlcnlDb21wb25lbnQgfSxcbiAgXSxcbiAgLy8gdG9kbyhkYW1pZW53ZWJkZXYpOiByZW1vdmUgb25jZSBkZWNvcmF0b3JzIGhpdCBzdGFnZSAzIC0gaHR0cHM6Ly9naXRodWIuY29tL21pY3Jvc29mdC9UeXBlU2NyaXB0L2lzc3Vlcy83MzQyXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvbm8taW5wdXRzLW1ldGFkYXRhLXByb3BlcnR5XG4gIGlucHV0czogWydza2VsZXRvbiddLFxuICBob3N0RGlyZWN0aXZlczogW1xuICAgIHsgZGlyZWN0aXZlOiBEYWZmQXJ0aWNsZUVuY2Fwc3VsYXRlZERpcmVjdGl2ZSB9LFxuICAgIHtcbiAgICAgIGRpcmVjdGl2ZTogRGFmZlNrZWxldG9uYWJsZURpcmVjdGl2ZSxcbiAgICAgIGlucHV0czogWydza2VsZXRvbiddLFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIERhZmZNZWRpYUdhbGxlcnlDb21wb25lbnQgaW1wbGVtZW50cyBEYWZmTWVkaWFHYWxsZXJ5UmVnaXN0cmF0aW9uLCBPbkluaXQsIE9uRGVzdHJveSB7XG4gIC8qKlxuICAgKiBBZGRzIGEgY2xhc3MgZm9yIHN0eWxpbmcgdGhlIG1lZGlhIGdhbGxlcnlcbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZGFmZi1tZWRpYS1nYWxsZXJ5JykgY2xhc3MgPSB0cnVlO1xuXG4gIC8qKlxuICAgKiBUaGUgbmFtZSBvZiB0aGUgZ2FsbGVyeVxuICAgKi9cbiAgQElucHV0KCkgbmFtZSA9IGAke3VuaXF1ZUdhbGxlcnlJZH1gO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVnaXN0cnk6IERhZmZNZWRpYUdhbGxlcnlSZWdpc3RyeSkge1xuICAgIHVuaXF1ZUdhbGxlcnlJZCsrO1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG5cdCAgdGhpcy5yZWdpc3RyeS5hZGQodGhpcyk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcblx0ICB0aGlzLnJlZ2lzdHJ5LnJlbW92ZSh0aGlzKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImRhZmYtbWVkaWEtZ2FsbGVyeV9fdGh1bWJuYWlsc1wiPlxuXHQ8bmctY29udGVudCBzZWxlY3Q9XCJbZGFmZlRodW1ibmFpbF1cIj48L25nLWNvbnRlbnQ+XG48L2Rpdj5cbjxkaXYgY2xhc3M9XCJkYWZmLW1lZGlhLWdhbGxlcnlfX3NlbGVjdGVkLXRodW1ibmFpbFwiPlxuXHQ8ZGFmZi1tZWRpYS1yZW5kZXJlcj48L2RhZmYtbWVkaWEtcmVuZGVyZXI+XG48L2Rpdj4iXX0=