npm - @daffodil/design - Versions diffs - 0.73.0 → 0.75.0 - Mend

@daffodil/design 0.73.0 → 0.75.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (597) hide show

package/fesm2022/daffodil-design-list.mjs CHANGED Viewed

@@ -1,25 +1,16 @@
-import * as i1 from '@angular/common';
+import * as i1$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, ContentChild, NgModule } from '@angular/core';
-import { daffArticleEncapsulatedMixin, DaffPrefixDirective, DaffSuffixDirective, DaffPrefixSuffixModule } from '@daffodil/design';
+import * as i1 from '@daffodil/design';
+import { DaffArticleEncapsulatedDirective, DaffPrefixDirective, DaffSuffixDirective, DaffPrefixSuffixModule } 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));
-class DaffListComponent extends _daffListBase {
+class DaffListComponent {
     /**
      * @docs-private
      */
@@ -32,10 +23,8 @@ 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
@@ -55,14 +44,16 @@ 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: [{
@@ -98,7 +89,7 @@ class DaffListItemComponent {
         return this.elementRef.nativeElement.localName === 'a';
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffListItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DaffListItemComponent, selector: "daff-list-item,a[daff-list-item]", host: { properties: { "class.daff-list-item": "this.class", "attr.role": "this.role" } }, queries: [{ propertyName: "_prefix", first: true, predicate: DaffPrefixDirective, descendants: true }, { propertyName: "_suffix", first: true, predicate: DaffSuffixDirective, descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"_prefix\">\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<div class=\"daff-list-item__content\">\n  <ng-content></ng-content>\n</div>\n<ng-container *ngIf=\"_suffix\">\n  <ng-content select=\"[daffSuffix]\"></ng-content>\n</ng-container>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DaffListItemComponent, selector: "daff-list-item,a[daff-list-item]", host: { properties: { "class.daff-list-item": "this.class", "attr.role": "this.role" } }, queries: [{ propertyName: "_prefix", first: true, predicate: DaffPrefixDirective, descendants: true }, { propertyName: "_suffix", first: true, predicate: DaffSuffixDirective, descendants: true }], ngImport: i0, template: "<ng-container *ngIf=\"_prefix\">\n  <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<div class=\"daff-list-item__content\">\n  <ng-content></ng-content>\n</div>\n<ng-container *ngIf=\"_suffix\">\n  <ng-content select=\"[daffSuffix]\"></ng-content>\n</ng-container>", dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffListItemComponent, decorators: [{
             type: Component,

package/fesm2022/daffodil-design-list.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"daffodil-design-list.mjs","sources":["../../../libs/design/list/src/list/list.component.ts","../../../libs/design/list/src/list-item/list-item.component.ts","../../../libs/design/list/src/list-item/list-item.component.html","../../../libs/design/list/src/list.module.ts","../../../libs/design/list/src/daffodil-design-list.ts"],"sourcesContent":["import {\n Component,\n ViewEncapsulation,\n ChangeDetectionStrategy,\n HostBinding,\n ElementRef,\n ~~Renderer2,\n~~} from '@angular/core';\n\nimport { ~~daffArticleEncapsulatedMixin~~ } from '@daffodil/design';\n\nexport type DaffListType = 'daff-list' \| 'daff-nav-list';\n\nenum DaffListTypeEnum {\n Default = 'daff-list',\n Nav = 'daff-nav-list'\n}\n\n/*\n An _elementRef and an instance of renderer2 are needed for the list mixins\n /\nclass DaffListBase {\n constructor(public _elementRef: ElementRef, public _renderer: Renderer2) {}\n}\n\nconst _daffListBase = daffArticleEncapsulatedMixin((DaffListBase));\n\n@Component({\n selector:\n 'daff-list' + ',' +\n 'daff-nav-list',\n template: '<ng-content></ng-content>',\n styleUrls: ['./list.component.scss'],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\n\nexport class DaffListComponent ~~extends _daffListBase~~ {\n /\n @docs-private\n /\n @HostBinding('class.daff-list') get list() {\n return this.listType === DaffListTypeEnum.Default;\n }\n\n /\n @docs-private\n /\n get listType(): DaffListType {\n return this._getHostElement().localName;\n }\n\n constructor(private elementRef: ElementRef~~, private renderer: Renderer2~~) {~~\n super(elementRef, renderer);\n~~ }\n\n /\n @docs-private\n /\n @HostBinding('class.daff-nav-list') get nav() {\n return this.listType === DaffListTypeEnum.Nav;\n }\n\n /\n Sets the role for a `<daff-nav-list>` to navigation.\n \n @docs-private\n /\n @HostBinding('attr.role') get role() {\n return this.listType === DaffListTypeEnum.Nav ? 'navigation' : 'list';\n };\n\n private _getHostElement() {\n return this.elementRef.nativeElement;\n }\n}\n","import {\n Component,\n ChangeDetectionStrategy,\n HostBinding,\n ContentChild,\n ElementRef,\n} from '@angular/core';\n\nimport {\n DaffPrefixDirective,\n DaffSuffixDirective,\n} from '@daffodil/design';\n\n@Component({\n selector:\n 'daff-list-item' + ',' +\n 'a[daff-list-item]',\n templateUrl: './list-item.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\n\nexport class DaffListItemComponent {\n\n /\n @docs-private\n /\n @HostBinding('class.daff-list-item') class = true;\n\n /\n @docs-private\n /\n @ContentChild(DaffPrefixDirective) _prefix: DaffPrefixDirective;\n /\n @docs-private\n /\n @ContentChild(DaffSuffixDirective) _suffix: DaffSuffixDirective;\n\n constructor(private elementRef: ElementRef) {}\n\n /\n Sets the role for a regular `<daff-list-item>` to listitem.\n \n @docs-private\n /\n @HostBinding('attr.role') get role() {\n return this._isAnchor() ? null : 'listitem';\n };\n\n private _getHostElement() {\n return this.elementRef.nativeElement;\n }\n\n /* Gets whether a list item has one of the given attributes. /\n private _isAnchor() {\n return this.elementRef.nativeElement.localName === 'a';\n }\n}\n","<ng-container ngIf=\"_prefix\">\n <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<div class=\"daff-list-item__content\">\n <ng-content></ng-content>\n</div>\n<ng-container ngIf=\"_suffix\">\n <ng-content select=\"[daffSuffix]\"></ng-content>\n</ng-container>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffPrefixSuffixModule } from '@daffodil/design';\n\nimport { DaffListComponent } from './list/list.component';\nimport { DaffListItemComponent } from './list-item/list-item.component';\n\n@NgModule({\n imports: [\n CommonModule,\n DaffPrefixSuffixModule,\n ],\n declarations: [\n DaffListComponent,\n DaffListItemComponent,\n ],\n exports: [\n DaffListComponent,\n DaffListItemComponent,\n DaffPrefixSuffixModule,\n ],\n})\nexport class DaffListModule { }\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"~~;;;;;;AAaA~~,IAAK,gBAGJ,CAAA;AAHD,CAAA,UAAK,gBAAgB,EAAA;AACnB,IAAA,gBAAA,CAAA,SAAA,CAAA,GAAA,WAAqB,CAAA;AACrB,IAAA,gBAAA,CAAA,KAAA,CAAA,GAAA,eAAqB,CAAA;AACvB,CAAC,EAHI,gBAAgB,KAAhB,gBAAgB,GAGpB,EAAA,CAAA,CAAA,CAAA;~~AAED;;AAEG;AACH~~,~~MAAM~~,~~YAAY,~~CAAA;IAChB,WAAmB,CAAA,WAAuB,EAAS,SAAoB,EAAA;QAApD,IAAW,CAAA,WAAA,GAAX,WAAW,CAAY;QAAS,IAAS,CAAA,SAAA,GAAT,SAAS,CAAW;KAAI;AAC5E,CAAA;AAED,MAAM,aAAa,GAAG,4BAA4B,EAAE,YAAY,EAAE,CAAC;AAY7D,MAAO,iBAAkB,SAAQ,aAAa,CAAA;AAClD;;AAEG;AACH,IAAA,IAAoC,IAAI,GAAA;AACtC,QAAA,OAAO,IAAI,CAAC,QAAQ,KAAK,gBAAgB,CAAC,OAAO,CAAC;KACnD;AAED;;AAEG;AACH,IAAA,IAAI,QAAQ,GAAA;AACV,QAAA,OAAO,IAAI,CAAC,eAAe,EAAE,CAAC,SAAS,CAAC;KACzC;~~IAED~~,~~WAAoB~~,~~CAAA~~,UAAsB,~~EAAU,QAAmB,~~EAAA;~~AACrE~~,~~QAAA,KAAK,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QADV,~~IAAU,CAAA,UAAA,GAAV,UAAU,CAAY;~~QAAU,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAW~~;~~KAEtE;AAED~~;;AAEG;AACH,IAAA,IAAwC,GAAG,GAAA;AACzC,QAAA,OAAO,IAAI,CAAC,QAAQ,KAAK,gBAAgB,CAAC,GAAG,CAAC;KAC/C;AAED;;;;AAIG;AACH,IAAA,IAA8B,IAAI,GAAA;AAChC,QAAA,OAAO,IAAI,CAAC,QAAQ,KAAK,gBAAgB,CAAC,GAAG,GAAG,YAAY,GAAG,MAAM,CAAC;KACvE;;IAEO,eAAe,GAAA;AACrB,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;KACtC;~~kIArCU~~,iBAAiB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,~~EAAA,EAAA,KAAA,EAAA,EAAA,~~CAAA,~~SAAA,~~EAAA,~~CAAA,EAAA,~~MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAjB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,~~6MANlB~~,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,28CAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;~~4FAM1B~~,iBAAiB,EAAA,UAAA,EAAA,CAAA;~~kBAV7B~~,SAAS;AAEN,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,GAAG,GAAG;wBACjB,eAAe,EAAA,QAAA,EACP,2BAA2B,~~EAEtB~~,~~aAAA~~,~~EAAA~~,iBAAiB,CAAC,IAAI,~~EAAA~~,eAAA,~~EACpB~~,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,28CAAA,CAAA,EAAA,CAAA~~;uGAOX~~,IAAI,EAAA,CAAA;sBAAvC,WAAW;uBAAC,iBAAiB,CAAA;~~gBAkBU~~,GAAG,EAAA,CAAA;sBAA1C,WAAW;uBAAC,qBAAqB,CAAA;gBASJ,IAAI,EAAA,CAAA;sBAAjC,WAAW;uBAAC,WAAW,CAAA;;;~~MC/Cb~~,qBAAqB,CAAA;AAgBhC,IAAA,WAAA,CAAoB,UAAsB,EAAA;QAAtB,IAAU,CAAA,UAAA,GAAV,UAAU,CAAY;AAd1C;;AAEG;QACkC,IAAK,CAAA,KAAA,GAAG,IAAI,CAAC;KAWJ;AAE9C;;;;AAIG;AACH,IAAA,IAA8B,IAAI,GAAA;AAChC,QAAA,OAAO,IAAI,CAAC,SAAS,EAAE,GAAG,IAAI,GAAG,UAAU,CAAC;KAC7C;;IAEO,eAAe,GAAA;AACrB,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC;KACtC;;IAGO,SAAS,GAAA;QACf,OAAO,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,SAAS,KAAK,GAAG,CAAC;KACxD;kIAlCU,qBAAqB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAArB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,EAUlB,QAAA,EAAA,kCAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,sBAAA,EAAA,YAAA,EAAA,WAAA,EAAA,WAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,mBAAmB,EAInB,WAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,mBAAmB,gDCnCnC,8RAQe,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,~~EAAA~~,~~EAAA~~,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;4FDaF,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBARjC,SAAS;AAEN,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,GAAG,GAAG;wBACtB,mBAAmB,EAAA,eAAA,EAEJ,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,8RAAA,EAAA,CAAA;+EAQV,KAAK,EAAA,CAAA;sBAAzC,WAAW;uBAAC,sBAAsB,CAAA;gBAKA,OAAO,EAAA,CAAA;sBAAzC,YAAY;uBAAC,mBAAmB,CAAA;gBAIE,OAAO,EAAA,CAAA;sBAAzC,YAAY;uBAAC,mBAAmB,CAAA;gBASH,IAAI,EAAA,CAAA;sBAAjC,WAAW;uBAAC,WAAW,CAAA;;;MErBb,cAAc,CAAA;kIAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAd,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,iBATvB,iBAAiB;AACjB,YAAA,qBAAqB,aALrB,YAAY;AACZ,YAAA,sBAAsB,aAOtB,iBAAiB;YACjB,qBAAqB;YACrB,sBAAsB,CAAA,EAAA,CAAA,CAAA,EAAA;AAGb,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,YAbvB,YAAY;AACZ,YAAA,sBAAsB,EAStB,sBAAsB,CAAA,EAAA,CAAA,CAAA,EAAA;;4FAGb,cAAc,EAAA,UAAA,EAAA,CAAA;kBAf1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,sBAAsB;AACvB,qBAAA;AACD,oBAAA,YAAY,EAAE;wBACZ,iBAAiB;wBACjB,qBAAqB;AACtB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,iBAAiB;wBACjB,qBAAqB;wBACrB,sBAAsB;AACvB,qBAAA;AACF,iBAAA,CAAA;;;ACtBD;;AAEG;;;;"}
1	+ {"version":3,"file":"daffodil-design-list.mjs","sources":["../../../libs/design/list/src/list/list.component.ts","../../../libs/design/list/src/list-item/list-item.component.ts","../../../libs/design/list/src/list-item/list-item.component.html","../../../libs/design/list/src/list.module.ts","../../../libs/design/list/src/daffodil-design-list.ts"],"sourcesContent":["import {\n Component,\n ViewEncapsulation,\n ChangeDetectionStrategy,\n HostBinding,\n ElementRef,\n} from '@angular/core';\n\nimport { DaffArticleEncapsulatedDirective } from '@daffodil/design';\n\nexport type DaffListType = 'daff-list' \| 'daff-nav-list';\n\nenum DaffListTypeEnum {\n Default = 'daff-list',\n Nav = 'daff-nav-list'\n}\n\n@Component({\n selector:\n 'daff-list' + ',' +\n 'daff-nav-list',\n template: '<ng-content></ng-content>',\n styleUrls: ['./list.component.scss'],\n hostDirectives: [{\n directive: DaffArticleEncapsulatedDirective,\n }],\n encapsulation: ViewEncapsulation.None,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\n\nexport class DaffListComponent {\n /*\n @docs-private\n /\n @HostBinding('class.daff-list') get list() {\n return this.listType === DaffListTypeEnum.Default;\n }\n\n /\n @docs-private\n /\n get listType(): DaffListType {\n return this._getHostElement().localName;\n }\n\n constructor(private elementRef: ElementRef) {}\n\n /\n @docs-private\n /\n @HostBinding('class.daff-nav-list') get nav() {\n return this.listType === DaffListTypeEnum.Nav;\n }\n\n /\n Sets the role for a `<daff-nav-list>` to navigation.\n \n @docs-private\n /\n @HostBinding('attr.role') get role() {\n return this.listType === DaffListTypeEnum.Nav ? 'navigation' : 'list';\n };\n\n private _getHostElement() {\n return this.elementRef.nativeElement;\n }\n}\n","import {\n Component,\n ChangeDetectionStrategy,\n HostBinding,\n ContentChild,\n ElementRef,\n} from '@angular/core';\n\nimport {\n DaffPrefixDirective,\n DaffSuffixDirective,\n} from '@daffodil/design';\n\n@Component({\n selector:\n 'daff-list-item' + ',' +\n 'a[daff-list-item]',\n templateUrl: './list-item.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\n\nexport class DaffListItemComponent {\n\n /\n @docs-private\n /\n @HostBinding('class.daff-list-item') class = true;\n\n /\n @docs-private\n /\n @ContentChild(DaffPrefixDirective) _prefix: DaffPrefixDirective;\n /\n @docs-private\n /\n @ContentChild(DaffSuffixDirective) _suffix: DaffSuffixDirective;\n\n constructor(private elementRef: ElementRef) {}\n\n /\n Sets the role for a regular `<daff-list-item>` to listitem.\n \n @docs-private\n /\n @HostBinding('attr.role') get role() {\n return this._isAnchor() ? null : 'listitem';\n };\n\n private _getHostElement() {\n return this.elementRef.nativeElement;\n }\n\n /* Gets whether a list item has one of the given attributes. /\n private _isAnchor() {\n return this.elementRef.nativeElement.localName === 'a';\n }\n}\n","<ng-container ngIf=\"_prefix\">\n <ng-content select=\"[daffPrefix]\"></ng-content>\n</ng-container>\n<div class=\"daff-list-item__content\">\n <ng-content></ng-content>\n</div>\n<ng-container ngIf=\"_suffix\">\n <ng-content select=\"[daffSuffix]\"></ng-content>\n</ng-container>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffPrefixSuffixModule } from '@daffodil/design';\n\nimport { DaffListComponent } from './list/list.component';\nimport { DaffListItemComponent } from './list-item/list-item.component';\n\n@NgModule({\n imports: [\n CommonModule,\n DaffPrefixSuffixModule,\n ],\n declarations: [\n DaffListComponent,\n DaffListItemComponent,\n ],\n exports: [\n DaffListComponent,\n DaffListItemComponent,\n DaffPrefixSuffixModule,\n ],\n})\nexport class DaffListModule { }\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":["i1"],"mappings":"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"}

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

@@ -1,10 +1,9 @@
+import { NgFor } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import * as i3 from '@angular/forms';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import * as i2 from '@angular/forms';
 import { UntypedFormControl, ReactiveFormsModule } from '@angular/forms';
-import * as i1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i2 from '@daffodil/design/loading-icon';
+import * as i1 from '@daffodil/design/loading-icon';
 import { DaffLoadingIconModule } from '@daffodil/design/loading-icon';
 class LoadingIconColorComponent {
@@ -22,66 +21,24 @@ 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"] }]
-        }] });
-class LoadingIconColorModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: LoadingIconColorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: LoadingIconColorModule, declarations: [LoadingIconColorComponent], imports: [CommonModule,
-            DaffLoadingIconModule,
-            ReactiveFormsModule], exports: [LoadingIconColorComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: LoadingIconColorModule, imports: [CommonModule,
-            DaffLoadingIconModule,
-            ReactiveFormsModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: LoadingIconColorModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        LoadingIconColorComponent,
-                    ],
-                    exports: [
-                        LoadingIconColorComponent,
-                    ],
-                    imports: [
-                        CommonModule,
+            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"] }]
         }] });
 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: i2.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" }]
-        }] });
-class LoadingIconDiameterModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: LoadingIconDiameterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: LoadingIconDiameterModule, declarations: [LoadingIconDiameterComponent], imports: [DaffLoadingIconModule], exports: [LoadingIconDiameterComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: LoadingIconDiameterModule, imports: [DaffLoadingIconModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: LoadingIconDiameterModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        LoadingIconDiameterComponent,
-                    ],
-                    exports: [
-                        LoadingIconDiameterComponent,
-                    ],
-                    imports: [
-                        DaffLoadingIconModule,
-                    ],
-                }]
+            args: [{ selector: 'loading-icon-diameter', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [DaffLoadingIconModule], template: "<daff-loading-icon [diameter]=\"100\"></daff-loading-icon>\n" }]
         }] });
 const LOADING_ICON_EXAMPLES = [

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

	@@ -1 +1 @@
1	- {"version":3,"file":"daffodil-design-loading-icon-examples.mjs","sources":["../../../libs/design/loading-icon/examples/src/loading-icon-color/loading-icon-color.component.ts","../../../libs/design/loading-icon/examples/src/loading-icon-color/loading-icon-color.component.html","../../../libs/design/loading-icon/examples/src/loading-icon-~~color/loading-icon-color.module.ts","../../../libs/design/loading-icon/examples/src/loading-icon-~~diameter/loading-icon-diameter.component.ts","../../../libs/design/loading-icon/examples/src/loading-icon-diameter/loading-icon-diameter.component.html","../../../libs/design/loading-icon/examples/src/~~loading-icon-diameter/loading-icon-diameter.module.ts","../../../libs/design/loading-icon/~~examples~~/src/examples~~.ts","../../../libs/design/loading-icon/examples/src/daffodil-design-loading-icon-examples.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport { UntypedFormControl } from '@angular/forms';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'loading-icon-color',\n templateUrl: './loading-icon-color.component.html',\n styles: [`\n select {\n margin-top: 16px;\n }\n `],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class LoadingIconColorComponent {\n colorControl: UntypedFormControl = new UntypedFormControl('primary');\n\n options = [\n { value: '', label: 'Default' },\n { value: 'primary', label: 'Primary' },\n { value: 'secondary', label: 'Secondary' },\n { value: 'tertiary', label: 'Tertiary' },\n { value: 'theme', label: 'Theme' },\n { value: 'theme-contrast', label: 'Theme Contrast' },\n { value: 'black', label: 'Black' },\n { value: 'white', label: 'White' },\n ];\n}\n","<daff-loading-icon [color]=\"colorControl.value\"></daff-loading-icon>\n\n<select [formControl]=\"colorControl\">\n\t<option ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>\n","import { ~~CommonModule~~ } from '@angular/~~common';\nimport { NgModule } from '@angular/~~core';\~~nimport { ReactiveFormsModule } from '@angular/forms';\~~n\nimport { DaffLoadingIconModule } from '@daffodil/design/loading-icon';\n\~~nimport { LoadingIconColorComponent } from './loading-icon-color.component';\~~n\n@NgModule({\n declarations: [\n LoadingIconColorComponent,\n ],\n exports: [\n LoadingIconColorComponent,\n ],\n imports: [\n CommonModule,\n DaffLoadingIconModule,\n ReactiveFormsModule,\n ],\n})\nexport class LoadingIconColorModule { }\n","import {\n ChangeDetectionStrategy,\n Component~~,\n} from '@angular/core';\n\n@Component~~({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'loading-icon-diameter',\n templateUrl: './loading-icon-diameter.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class LoadingIconDiameterComponent { }\n","<daff-loading-icon [diameter]=\"100\"></daff-loading-icon>\n","import { NgModule } from '@angular/core';\n\nimport { DaffLoadingIconModule } from '@daffodil/design/loading-icon';\n\nimport { LoadingIconDiameterComponent } from './loading-icon-diameter.component';\n\n\n@NgModule({\n declarations: [\n LoadingIconDiameterComponent,\n ],\n exports: [\n LoadingIconDiameterComponent,\n ],\n imports: [\n DaffLoadingIconModule,\n ],\n})\nexport class LoadingIconDiameterModule { }\n","import { LoadingIconColorComponent } from './loading-icon-color/loading-icon-color.component';\~~nexport { LoadingIconColorModule } from './loading-icon-color/loading-icon-color.module';\~~nimport { LoadingIconDiameterComponent } from './loading-icon-diameter/loading-icon-diameter.component';\~~nexport { LoadingIconDiameterModule } from './loading-icon-diameter/loading-icon-diameter.module';\~~n\nexport const LOADING_ICON_EXAMPLES = [\n LoadingIconColorComponent,\n LoadingIconDiameterComponent,\n];\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[~~"i1"~~],"mappings":"~~;;;;;;;;;MAiBa~~,yBAAyB,CAAA;~~AAXtC~~,IAAA,WAAA,GAAA;~~AAYE~~,QAAA,IAAA,CAAA,YAAY,GAAuB,IAAI,kBAAkB,CAAC,SAAS,CAAC,CAAC;AAErE,QAAA,IAAA,CAAA,OAAO,GAAG;AACR,YAAA,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;AAC/B,YAAA,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;AACtC,YAAA,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;AAC1C,YAAA,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;AACxC,YAAA,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;AAClC,YAAA,EAAE,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,gBAAgB,EAAE;AACpD,YAAA,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;AAClC,YAAA,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;SACnC,CAAC;AACH,KAAA;kIAbY,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAzB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,yBAAyB,~~0DCjBtC~~,iOAKA,EAAA,MAAA,EAAA,CAAA,2BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,~~WAAA~~,EAAA,IAAA,~~EAAA~~,~~EAAA~~,~~CAAA~~,~~OAAA,~~EAAA,~~QAAA,~~EAAA,~~kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,~~IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,~~OAAA,EAAA,~~UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,~~WAAA~~,EAAA,IAAA,EAAA,~~EAAA~~,~~CAAA~~,~~cAAA~~,EAAA,QAAA,EAAA,~~QAAA~~,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,~~OAAA~~,~~CAAA,~~EAAA,~~EAAA~~,~~EAAA~~,~~IAAA,~~EAAA,~~WAAA~~,EAAA,~~IAAA~~,EAAA,EAAA,CAAA,uBAAA,~~EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,~~CAAA,~~SAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,6GAAA,EAAA,~~MAAA,EAAA,CAAA,~~aAAA,~~CAAA,EAAA,~~EAAA~~,EAAA,~~IAAA~~,EAAA,~~WAAA,EAAA,IAAA,EAAA,EAAA,~~CAAA,~~eAAA~~,~~EAAA~~,~~QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,~~IAAA,EAAA,~~WAAA,EAAA,IAAA,EAAA,EAAA,~~CAAA,~~oBAAA,~~EAAA,QAAA,EAAA,~~eAAA~~,~~EAAA~~,~~MAAA~~,~~EAAA~~,~~CAAA~~,~~aAAA,~~EAAA,UAAA,~~EAAA~~,~~SAAA~~,~~CAAA~~,~~EAAA,~~OAAA,EAAA,~~CAAA~~,~~eAAA~~,~~CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;4FDYa,yBAAyB,EAAA,UAAA,EAAA,CAAA~~;~~kBAXrC~~,~~SAAS;+BAEE~~,~~oBAAoB,~~EAAA,~~eAAA,EAOb,uBAAuB,CAAC,MAAM,EAAA,~~QAAA,EAAA,iOAAA,EAAA,MAAA,EAAA,CAAA,2BAAA,CAAA,EAAA,CAAA;;;~~MEMpC~~,~~sBAAsB~~,CAAA;~~kIAAtB~~,~~sBAAsB~~,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,~~QAAA~~,EAAA,CAAA,CAAA,EAAA;~~mIAAtB~~,~~sBAAsB~~,EAAA,YAAA,EAAA,~~CAX/B~~,~~yBAAyB,CAAA,~~EAAA,~~OAAA~~,EAAA,~~CAMzB,YAAY;YACZ,qBAAqB;AACrB,YAAA,mBAAmB,aALnB,yBAAyB,CAAA,EAAA,CAAA,CAAA,EAAA;AAQhB,~~uBAAA,~~SAAA,IAAA,CAAA,IAAA,GAAA,~~EAAA,~~CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,~~QAAA,EAAA,~~OAAA,~~EAAA,~~SAAA,~~EAAA,QAAA,~~EAAA~~,~~EAAA~~,EAAA,~~IAAA,EAAA,sBAAsB,YAL/B,YAAY;YACZ,qBAAqB;YACrB,mBAAmB,CAAA,EAAA,CAAA,CAAA,EAAA;;4FAGV,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAblC,QAAQ;AAAC,~~YAAA,~~IAAA,~~EAAA,CAAA~~;AACR~~,oBAAA,YAAY,EAAE;wBACZ,yBAAyB;AAC1B,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,yBAAyB;AAC1B,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,qBAAqB;wBACrB,mBAAmB;AACpB,qBAAA;AACF,iBAAA,CAAA;;;MCTY,4BAA4B,CAAA;kIAA5B,4BAA4B,EAAA,IAAA,EAAA,~~EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAA5B,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,~~UAAA,EAAA,~~QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,~~IAAA,~~EAAA~~,~~4BAA4B~~,~~6DCXzC,8DACA,~~EAAA,~~YAAA,~~EAAA,~~CAAA,~~EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,~~EAAAA~~,EAAA,CAAA,wBAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,~~OAAA,EAAA,~~UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;~~4FDUa~~,4BAA4B,EAAA,UAAA,EAAA,CAAA;~~kBANxC~~,SAAS;+BAEE,uBAAuB,EAAA,eAAA,EAEhB,uBAAuB,CAAC,MAAM,~~EAAA~~,~~QAAA~~,EAAA,8DAAA,EAAA,CAAA;;;MESpC,yBAAyB,CAAA;kIAAzB,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAzB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,~~EAAA~~,~~SAAA~~,~~EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,yBAAyB,EATlC,YAAA,EAAA,CAAA,4BAA4B,CAM5B,EAAA,OAAA,EAAA,CAAA,~~qBAAqB,~~aAHrB~~,~~4BAA4B,CAAA,~~EAAA,~~CAAA,CAAA,EAAA;AAMnB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,~~QAAA,EAAA,~~OAAA~~,EAAA,~~SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,yBAAyB,YAHlC,qBAAqB,~~CAAA,EAAA,CAAA,CAAA,EAAA;;4FAGZ,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAXrC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,4BAA4B;AAC7B,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,4BAA4B;AAC7B,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,qBAAqB;AACtB,qBAAA;AACF,iBAAA,CAAA;;;~~ACZY~~,MAAA,qBAAqB,GAAG;IACnC,yBAAyB;IACzB,4BAA4B;;;~~ACP9B~~;;AAEG;;;;"}
1	+ {"version":3,"file":"daffodil-design-loading-icon-examples.mjs","sources":["../../../libs/design/loading-icon/examples/src/loading-icon-color/loading-icon-color.component.ts","../../../libs/design/loading-icon/examples/src/loading-icon-color/loading-icon-color.component.html","../../../libs/design/loading-icon/examples/src/loading-icon-diameter/loading-icon-diameter.component.ts","../../../libs/design/loading-icon/examples/src/loading-icon-diameter/loading-icon-diameter.component.html","../../../libs/design/loading-icon/examples/src/examples.ts","../../../libs/design/loading-icon/examples/src/daffodil-design-loading-icon-examples.ts"],"sourcesContent":["import { NgFor } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\nimport {\n UntypedFormControl,\n ReactiveFormsModule,\n} from '@angular/forms';\n\nimport { DaffLoadingIconModule } from '@daffodil/design/loading-icon';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'loading-icon-color',\n templateUrl: './loading-icon-color.component.html',\n styles: [`\n select {\n margin-top: 16px;\n }\n `],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [\n DaffLoadingIconModule,\n ReactiveFormsModule,\n NgFor,\n ],\n})\nexport class LoadingIconColorComponent {\n colorControl: UntypedFormControl = new UntypedFormControl('primary');\n\n options = [\n { value: '', label: 'Default' },\n { value: 'primary', label: 'Primary' },\n { value: 'secondary', label: 'Secondary' },\n { value: 'tertiary', label: 'Tertiary' },\n { value: 'theme', label: 'Theme' },\n { value: 'theme-contrast', label: 'Theme Contrast' },\n { value: 'black', label: 'Black' },\n { value: 'white', label: 'White' },\n ];\n}\n","<daff-loading-icon [color]=\"colorControl.value\"></daff-loading-icon>\n\n<select [formControl]=\"colorControl\">\n\t<option ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</option>\n</select>\n","import {\n ChangeDetectionStrategy,\n Component,\n} from '@angular/core';\n\nimport { DaffLoadingIconModule } from '@daffodil/design/loading-icon';\n\n@Component({\n // eslint-disable-next-line @angular-eslint/component-selector\n selector: 'loading-icon-diameter',\n templateUrl: './loading-icon-diameter.component.html',\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [DaffLoadingIconModule],\n})\nexport class LoadingIconDiameterComponent { }\n","<daff-loading-icon [diameter]=\"100\"></daff-loading-icon>\n","import { LoadingIconColorComponent } from './loading-icon-color/loading-icon-color.component';\nimport { LoadingIconDiameterComponent } from './loading-icon-diameter/loading-icon-diameter.component';\n\nexport const LOADING_ICON_EXAMPLES = [\n LoadingIconColorComponent,\n LoadingIconDiameterComponent,\n];\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}

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

@@ -1,32 +1,14 @@
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { Component, ChangeDetectionStrategy, Input, HostBinding, NgModule } from '@angular/core';
-import { daffColorMixin } from '@daffodil/design';
+import * as i1 from '@daffodil/design';
+import { DaffColorableDirective } from '@daffodil/design';
-/**
- * An _elementRef and an instance of renderer2 are needed for the Colorable mixin
- */
-class DaffLoadingIconBase {
-    constructor(_elementRef, _renderer) {
-        this._elementRef = _elementRef;
-        this._renderer = _renderer;
-    }
-}
-const _daffLoadingIconBase = daffColorMixin(DaffLoadingIconBase);
 /**
  * @inheritdoc
  */
-class DaffLoadingIconComponent extends _daffLoadingIconBase {
-    /**
-     * @docs-private
-     */
-    get maxWidth() {
-        return this.diameter + 'px';
-    }
-    constructor(elementRef, renderer) {
-        super(elementRef, renderer);
-        this.elementRef = elementRef;
-        this.renderer = renderer;
+class DaffLoadingIconComponent {
+    constructor() {
         /**
          * The (pixel) diameter of the animation
          */
@@ -36,13 +18,24 @@ 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,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"daffodil-design-loading-icon.mjs","sources":["../../../libs/design/loading-icon/src/loading-icon/loading-icon.component.ts","../../../libs/design/loading-icon/src/loading-icon/loading-icon.component.html","../../../libs/design/loading-icon/src/loading-icon.module.ts","../../../libs/design/loading-icon/src/daffodil-design-loading-icon.ts"],"sourcesContent":["import {\n Component,\n ChangeDetectionStrategy,\n Input,\n ~~ElementRef,\n Renderer2,\n~~ HostBinding,\n} from '@angular/core';\n\nimport {~~\n daffColorMixin,\n DaffColorable,\n~~} from '@daffodil/design';\n\n/*\n An _elementRef and an instance of renderer2 are needed for the Colorable mixin\n /\nclass DaffLoadingIconBase{\n constructor(public _elementRef: ElementRef, public _renderer: Renderer2) {}\n}\n\nconst _daffLoadingIconBase = daffColorMixin(DaffLoadingIconBase);\n\n/\n @inheritdoc\n /\n@Component({\n selector: 'daff-loading-icon',\n templateUrl: './loading-icon.component.html',\n styleUrls: ['./loading-icon.component.scss'],\n ~~//todo(damienwebdev)~~: ~~remove once decorators hit stage 3 - https://github.com/microsoft/TypeScript/issues/7342~~\n ~~// eslint-disable-next-line @angular-eslint/no-inputs-metadata-property~~\n inputs: ['color'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffLoadingIconComponent ~~extends _daffLoadingIconBase implements DaffColorable~~ {\n\n /\n The (pixel) diameter of the animation\n /\n @Input() diameter = 60;\n\n /\n @docs-private\n /\n @HostBinding('class.daff-loading-icon') class = true;\n /\n @docs-private\n /\n @HostBinding('style.max-width') get maxWidth() {\n\t return this.diameter + 'px';\n }\n~~\n constructor(private elementRef: ElementRef, private renderer: Renderer2) {\n super(elementRef, renderer);\n~~ }\n~~}\n~~","<svg focusable=\"false\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 100 100\">\n <circle cx=\"50%\" cy=\"50%\" r=\"46\" class=\"daff-loading-icon__bg\"></circle>\n <circle cx=\"50%\" cy=\"50%\" r=\"46\" class=\"daff-loading-icon__loader\"></circle>\n</svg>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffLoadingIconComponent } from './loading-icon/loading-icon.component';\n\n@NgModule({\n imports: [\n CommonModule,\n ],\n declarations: [\n DaffLoadingIconComponent,\n ],\n exports: [\n DaffLoadingIconComponent,\n ],\n})\nexport class DaffLoadingIconModule { }\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"~~;;;;;AAcA~~;;AAEG;~~AACH~~,~~MAAM~~,~~mBAAmB,~~CAAA;~~IACvB~~,~~WAAmB~~,~~CAAA,WAAuB,EAAS,SAAoB,EAAA;QAApD,IAAW,CAAA,~~WAAA,~~GAAX,WAAW,CAAY~~;~~QAAS~~,~~IAAS~~,CAAA,~~SAAA~~,~~GAAT~~,~~SAAS~~,~~CAAW~~;~~KAAI~~;~~AAC5E~~,CAAA~~;AAED~~,~~MAAM~~,~~oBAAoB,~~GAAG,~~cAAc~~,CAAC~~,mBAAmB,CAAC,CAAC~~;~~AAEjE;;AAEG;AAUG~~,~~MAAO,wBAAyB,SAAQ,oBAAoB,CAAA~~;~~AAWhE~~;;AAEG;AACH,IAAA,IAAoC,QAAQ,GAAA;AAC3C,QAAA,OAAO,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;KAC5B;~~IAED~~,WAAoB,CAAA,UAAsB,EAAU,QAAmB,EAAA;AACrE,QAAA,KAAK,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QADV,IAAU,CAAA,UAAA,GAAV,UAAU,CAAY;QAAU,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAW;AAhBvE;;AAEG;QACM,IAAQ,CAAA,QAAA,GAAG,EAAE,CAAC;AAEvB;;AAEG;QACqC,IAAK,CAAA,KAAA,GAAG,IAAI,CAAC;KAUpD;kIApBU,wBAAwB,EAAA,IAAA,EAAA,~~CAAA,~~EAAA,~~KAAA,~~EAAA,~~EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,CAAA,EAAA,~~MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAxB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,wBAAwB,~~yOCnCrC~~,6QAGM,EAAA,MAAA,EAAA,CAAA,qtBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;~~4FDgCO~~,wBAAwB,EAAA,UAAA,EAAA,CAAA;~~kBATpC~~,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,~~UAKrB~~,CAAC,OAAO,CAAC,~~EACA~~,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,6QAAA,EAAA,MAAA,EAAA,CAAA,qtBAAA,CAAA,EAAA,CAAA;~~uGAOtC~~,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBAKkC,KAAK,EAAA,CAAA;sBAA5C,WAAW;uBAAC,yBAAyB,CAAA;gBAIF,QAAQ,EAAA,CAAA;sBAA3C,WAAW;uBAAC,iBAAiB,CAAA;;;~~MEjCnB~~,qBAAqB,CAAA;kIAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAArB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,EAN9B,YAAA,EAAA,CAAA,wBAAwB,CAHxB,EAAA,OAAA,EAAA,CAAA,YAAY,aAMZ,wBAAwB,CAAA,EAAA,CAAA,CAAA,EAAA;AAGf,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,YAT9B,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;4FASH,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAXjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,YAAY;AACb,qBAAA;AACD,oBAAA,YAAY,EAAE;wBACZ,wBAAwB;AACzB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,wBAAwB;AACzB,qBAAA;AACF,iBAAA,CAAA;;;ACfD;;AAEG;;;;"}
1	+ {"version":3,"file":"daffodil-design-loading-icon.mjs","sources":["../../../libs/design/loading-icon/src/loading-icon/loading-icon.component.ts","../../../libs/design/loading-icon/src/loading-icon/loading-icon.component.html","../../../libs/design/loading-icon/src/loading-icon.module.ts","../../../libs/design/loading-icon/src/daffodil-design-loading-icon.ts"],"sourcesContent":["import {\n Component,\n ChangeDetectionStrategy,\n Input,\n HostBinding,\n} from '@angular/core';\n\nimport { DaffColorableDirective } from '@daffodil/design';\n\n/*\n @inheritdoc\n /\n@Component({\n selector: 'daff-loading-icon',\n templateUrl: './loading-icon.component.html',\n styleUrls: ['./loading-icon.component.scss'],\n hostDirectives: [\n {\n directive: DaffColorableDirective,\n inputs: ['color'],\n },\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffLoadingIconComponent {\n\n /\n The (pixel) diameter of the animation\n /\n @Input() diameter = 60;\n\n /\n @docs-private\n /\n @HostBinding('class.daff-loading-icon') class = true;\n /\n @docs-private\n /\n @HostBinding('style.max-width') get maxWidth() {\n\t return this.diameter + 'px';\n }\n}\n","<svg focusable=\"false\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 100 100\">\n <circle cx=\"50%\" cy=\"50%\" r=\"46\" class=\"daff-loading-icon__bg\"></circle>\n <circle cx=\"50%\" cy=\"50%\" r=\"46\" class=\"daff-loading-icon__loader\"></circle>\n</svg>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffLoadingIconComponent } from './loading-icon/loading-icon.component';\n\n@NgModule({\n imports: [\n CommonModule,\n ],\n declarations: [\n DaffLoadingIconComponent,\n ],\n exports: [\n DaffLoadingIconComponent,\n ],\n})\nexport class DaffLoadingIconModule { }\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;;;AASA;;AAEG;MAaU,wBAAwB,CAAA;AAZrC,IAAA,WAAA,GAAA;AAcE;;AAEG;QACM,IAAQ,CAAA,QAAA,GAAG,EAAE,CAAC;AAEvB;;AAEG;QACqC,IAAK,CAAA,KAAA,GAAG,IAAI,CAAC;AAOtD,KAAA;AANC;;AAEG;AACH,IAAA,IAAoC,QAAQ,GAAA;AAC3C,QAAA,OAAO,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;KAC5B;kIAhBU,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAxB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,wBAAwB,0RCxBrC,6QAGM,EAAA,MAAA,EAAA,CAAA,qtBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;4FDqBO,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAZpC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,mBAAmB,EAGb,cAAA,EAAA;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,sBAAsB;4BACjC,MAAM,EAAE,CAAC,OAAO,CAAC;AAClB,yBAAA;qBACF,EACgB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,6QAAA,EAAA,MAAA,EAAA,CAAA,qtBAAA,CAAA,EAAA,CAAA;8BAOtC,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBAKkC,KAAK,EAAA,CAAA;sBAA5C,WAAW;uBAAC,yBAAyB,CAAA;gBAIF,QAAQ,EAAA,CAAA;sBAA3C,WAAW;uBAAC,iBAAiB,CAAA;;;MEtBnB,qBAAqB,CAAA;kIAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAArB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,EAN9B,YAAA,EAAA,CAAA,wBAAwB,CAHxB,EAAA,OAAA,EAAA,CAAA,YAAY,aAMZ,wBAAwB,CAAA,EAAA,CAAA,CAAA,EAAA;AAGf,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,YAT9B,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;4FASH,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAXjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,YAAY;AACb,qBAAA;AACD,oBAAA,YAAY,EAAE;wBACZ,wBAAwB;AACzB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,wBAAwB;AACzB,qBAAA;AACF,iBAAA,CAAA;;;ACfD;;AAEG;;;;"}

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

@@ -1,35 +1,35 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
-import * as i1 from '@daffodil/design/image';
+import { Component, ChangeDetectionStrategy } from '@angular/core';
+import * as i2 from '@daffodil/design/image';
 import { DaffImageModule } from '@daffodil/design/image';
-import * as i2 from '@daffodil/design/media-gallery';
+import * as i1 from '@daffodil/design/media-gallery';
 import { DaffMediaGalleryModule } from '@daffodil/design/media-gallery';
 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" }]
         }] });
 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" }]
         }] });
 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" }]
         }] });
 const MEDIA_GALLERY_EXAMPLES = [
@@ -38,81 +38,9 @@ const MEDIA_GALLERY_EXAMPLES = [
     SkeletonMediaGalleryComponent,
 ];
-class BasicMediaGalleryModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: BasicMediaGalleryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: BasicMediaGalleryModule, declarations: [BasicMediaGalleryComponent], imports: [DaffImageModule,
-            DaffMediaGalleryModule], exports: [BasicMediaGalleryComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: BasicMediaGalleryModule, imports: [DaffImageModule,
-            DaffMediaGalleryModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: BasicMediaGalleryModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        BasicMediaGalleryComponent,
-                    ],
-                    exports: [
-                        BasicMediaGalleryComponent,
-                    ],
-                    imports: [
-                        DaffImageModule,
-                        DaffMediaGalleryModule,
-                    ],
-                    providers: [],
-                }]
-        }] });
-class MismatchedSizesMediaGalleryModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: MismatchedSizesMediaGalleryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: MismatchedSizesMediaGalleryModule, declarations: [MismatchedSizesMediaGalleryComponent], imports: [DaffImageModule,
-            DaffMediaGalleryModule], exports: [MismatchedSizesMediaGalleryComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: MismatchedSizesMediaGalleryModule, imports: [DaffImageModule,
-            DaffMediaGalleryModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: MismatchedSizesMediaGalleryModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        MismatchedSizesMediaGalleryComponent,
-                    ],
-                    exports: [
-                        MismatchedSizesMediaGalleryComponent,
-                    ],
-                    imports: [
-                        DaffImageModule,
-                        DaffMediaGalleryModule,
-                    ],
-                    providers: [],
-                }]
-        }] });
-class SkeletonMediaGalleryModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: SkeletonMediaGalleryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: SkeletonMediaGalleryModule, declarations: [SkeletonMediaGalleryComponent], imports: [DaffImageModule,
-            DaffMediaGalleryModule], exports: [SkeletonMediaGalleryComponent] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: SkeletonMediaGalleryModule, imports: [DaffImageModule,
-            DaffMediaGalleryModule] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: SkeletonMediaGalleryModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        SkeletonMediaGalleryComponent,
-                    ],
-                    exports: [
-                        SkeletonMediaGalleryComponent,
-                    ],
-                    imports: [
-                        DaffImageModule,
-                        DaffMediaGalleryModule,
-                    ],
-                    providers: [],
-                }]
-        }] });
 /**
  * Generated bundle index. Do not edit.
  */
-export { BasicMediaGalleryComponent, BasicMediaGalleryModule, MEDIA_GALLERY_EXAMPLES, MismatchedSizesMediaGalleryComponent, MismatchedSizesMediaGalleryModule, SkeletonMediaGalleryComponent, SkeletonMediaGalleryModule };
+export { BasicMediaGalleryComponent, MEDIA_GALLERY_EXAMPLES, MismatchedSizesMediaGalleryComponent, SkeletonMediaGalleryComponent };
 //# sourceMappingURL=daffodil-design-media-gallery-examples.mjs.map