@daffodil/design 0.66.1 → 0.68.0

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

@@ -0,0 +1,347 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, Injectable, TemplateRef, ViewContainerRef, Component, ChangeDetectionStrategy, Inject, ViewChild, HostBinding, Input, EventEmitter, Directive, Output, HostListener, NgModule } from '@angular/core';
+import { daffSkeletonableMixin, daffArticleEncapsulatedMixin } from '@daffodil/design';
+import { BehaviorSubject, Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import { CommonModule } from '@angular/common';
+
+const DAFF_MEDIA_GALLERY_TOKEN = new InjectionToken('DAFF_MEDIA_GALLERY_TOKEN');
+
+const isGallery = (element) => !('gallery' in element);
+class DaffMediaGalleryRegistry {
+    constructor() {
+        this.galleries = {};
+    }
+    /**
+     * @description
+     * Adds a media element to the internal registry.
+     */
+    add(gallery, thumbnail) {
+        if (this.galleries[gallery.name]) {
+            let newGallery = this.galleries[gallery.name].getValue();
+            if (thumbnail) {
+                newGallery = {
+                    ...newGallery,
+                    thumbnails: [
+                        ...newGallery.thumbnails.filter(t => t !== thumbnail),
+                        thumbnail,
+                    ],
+                };
+            }
+            this.galleries[gallery.name].next(newGallery);
+        }
+        else {
+            this.galleries[gallery.name] = new BehaviorSubject({
+                gallery,
+                thumbnails: thumbnail ? [thumbnail] : [],
+            });
+        }
+        if (this.galleries[gallery.name].getValue().thumbnails.length === 1) {
+            thumbnail.select();
+        }
+    }
+    /**
+     * @description
+     * Removes a thumbnail or gallery from the internal registry.
+     */
+    remove(element) {
+        if (isGallery(element)) {
+            this.removeGallery(element);
+        }
+        else {
+            this.removeThumbnail(element);
+        }
+    }
+    removeThumbnail(thumbnail) {
+        if (!this.galleries[thumbnail.gallery.name]) {
+            return;
+        }
+        const gallery = this.galleries[thumbnail.gallery.name].getValue();
+        const index = gallery.thumbnails.indexOf(thumbnail);
+        if (index === -1) {
+            return;
+        }
+        this.galleries[thumbnail.gallery.name].next({
+            ...gallery,
+            thumbnails: [
+                ...gallery.thumbnails.slice(0, index),
+                ...gallery.thumbnails.slice(index + 1),
+            ],
+        });
+    }
+    removeGallery(gallery) {
+        delete this.galleries[gallery.name];
+    }
+    /**
+     * @description
+     * Selects a media element for a given gallery.
+     */
+    select(thumbnail) {
+        if (!this.galleries[thumbnail.gallery.name]) {
+            return;
+        }
+        const gallery = this.galleries[thumbnail.gallery.name].getValue();
+        const index = gallery.thumbnails.indexOf(thumbnail);
+        if (thumbnail.selected || index === -1) {
+            return;
+        }
+        this.galleries[thumbnail.gallery.name].next({
+            ...gallery,
+            thumbnails: [
+                ...gallery.thumbnails.filter(m => m !== thumbnail).map(m => m.deselect()),
+                thumbnail.select(),
+            ],
+        });
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffMediaGalleryRegistry, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    /** @nocollapse */ static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffMediaGalleryRegistry, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffMediaGalleryRegistry, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * Dynamically renders the selected `DaffThumbnailDirective` in a `daff-media-gallery` any time the selected thumbnail
+ * changes.
+ */
+class DaffMediaRendererComponent {
+    constructor(componentFactoryResolver, registry, gallery) {
+        this.componentFactoryResolver = componentFactoryResolver;
+        this.registry = registry;
+        this.gallery = gallery;
+        /**
+         * Private tracker for indicating when the component is destroyed.
+         */
+        this._destroy$ = new Subject();
+    }
+    ngOnInit() {
+        this.registry.galleries[this.gallery.name]
+            .pipe(takeUntil(this._destroy$))
+            .subscribe((gallery) => {
+            /**
+             * Clear out the slot for the dynamically rendered thumbnail
+             */
+            this.slot.clear();
+            const _selectedThumbnail = gallery.thumbnails.filter(media => media.selected).shift();
+            /**
+             * If there's no selected media, render nothing.
+             */
+            if (!_selectedThumbnail) {
+                return;
+            }
+            const _selectedThumbnailComponent = _selectedThumbnail.component;
+            /**
+             * Create the component to insert.
+             */
+            const component = this.componentFactoryResolver.resolveComponentFactory(_selectedThumbnailComponent.constructor);
+            const componentRef = this.slot.createComponent(component);
+            /**
+             * Fill the component with it's values from the original component
+             */
+            component.inputs.forEach(input => {
+                componentRef.instance[input.propName] = _selectedThumbnailComponent[input.propName];
+            });
+            /**
+             * Trigger a change detection on the component tree, outside the cycle to address
+             * the fact that the component was created outside a typical CD loop.
+             */
+            componentRef.changeDetectorRef.detectChanges();
+        });
+    }
+    /**
+     * Used to unsubscribe from the dynamic component.
+     */
+    ngOnDestroy() {
+        this._destroy$.next(true);
+        this._destroy$.unsubscribe();
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffMediaRendererComponent, deps: [{ token: i0.ComponentFactoryResolver }, { token: DaffMediaGalleryRegistry }, { token: DAFF_MEDIA_GALLERY_TOKEN }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: DaffMediaRendererComponent, selector: "daff-media-renderer", viewQueries: [{ propertyName: "slot", first: true, predicate: TemplateRef, descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: '<ng-template></ng-template>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffMediaRendererComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'daff-media-renderer',
+                    template: '<ng-template></ng-template>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: () => [{ type: i0.ComponentFactoryResolver }, { type: DaffMediaGalleryRegistry }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DAFF_MEDIA_GALLERY_TOKEN]
+                }] }], propDecorators: { slot: [{
+                type: ViewChild,
+                args: [TemplateRef, { static: true, read: ViewContainerRef }]
+            }] } });
+
+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)));
+class DaffMediaGalleryComponent extends _daffMediaGalleryBase {
+    constructor(elementRef, renderer, registry) {
+        super(elementRef, renderer);
+        this.elementRef = elementRef;
+        this.renderer = renderer;
+        this.registry = registry;
+        /**
+         * Adds a class for styling the media gallery
+         */
+        this.class = true;
+        /**
+         * The name of the gallery
+         */
+        this.name = `${uniqueGalleryId}`;
+        uniqueGalleryId++;
+    }
+    ngOnInit() {
+        this.registry.add(this);
+    }
+    ngOnDestroy() {
+        this.registry.remove(this);
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffMediaGalleryComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: DaffMediaGalleryRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: DaffMediaGalleryComponent, selector: "daff-media-gallery", inputs: { skeleton: "skeleton", name: "name" }, host: { properties: { "class.daff-media-gallery": "this.class" } }, providers: [
+            // eslint-disable-next-line @typescript-eslint/no-use-before-define
+            { provide: DAFF_MEDIA_GALLERY_TOKEN, useExisting: DaffMediaGalleryComponent },
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"daff-media-gallery__thumbnails\">\n\t<ng-content select=\"[daffThumbnail]\"></ng-content>\n</div>\n<div class=\"daff-media-gallery__selected-thumbnail\">\n\t<daff-media-renderer></daff-media-renderer>\n</div>", styles: [":host(.daff-media-gallery){display:flex;flex-direction:column}@media (min-width: 1024px){:host(.daff-media-gallery){flex-direction:row}}:host(.daff-media-gallery) ::ng-deep .daff-thumbnail{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;display:inline-block;height:64px;width:64px;margin:0 2px;max-width:100%;overflow:hidden;user-select:none}@media (min-width: 480px){:host(.daff-media-gallery) ::ng-deep .daff-thumbnail{height:72px;width:72px}}@media (min-width: 1024px){:host(.daff-media-gallery) ::ng-deep .daff-thumbnail{display:block;margin:0 0 4px;height:80px;width:80px}}:host(.daff-media-gallery).daff-skeleton ::ng-deep .daff-thumbnail{display:flex;position:relative}:host(.daff-media-gallery).daff-skeleton ::ng-deep .daff-thumbnail:before{animation-name:loading;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:72px;width:72px;position:absolute;top:0;left:0}@media (min-width: 1024px){:host(.daff-media-gallery).daff-skeleton ::ng-deep .daff-thumbnail{display:flex;position:relative}:host(.daff-media-gallery).daff-skeleton ::ng-deep .daff-thumbnail:before{animation-name:loading;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:80px;width:80px;position:absolute;top:0;left:0}}:host(.daff-media-gallery).daff-skeleton ::ng-deep img{opacity:0}:host(.daff-media-gallery).daff-skeleton .daff-media-gallery__selected-thumbnail{display:flex;position:relative}:host(.daff-media-gallery).daff-skeleton .daff-media-gallery__selected-thumbnail:before{animation-name:loading;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:100%;width:100%;position:absolute;top:0;left:0}.daff-media-gallery__thumbnails{margin:0 -2px;max-height:100%;order:2}@media (min-width: 1024px){.daff-media-gallery__thumbnails{margin:0 8px 0 0;order:1}}.daff-media-gallery__selected-thumbnail{display:block;flex-grow:1;order:1;position:relative}@media (min-width: 1024px){.daff-media-gallery__selected-thumbnail{order:2}}\n"], dependencies: [{ kind: "component", type: DaffMediaRendererComponent, selector: "daff-media-renderer" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffMediaGalleryComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'daff-media-gallery', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        // eslint-disable-next-line @typescript-eslint/no-use-before-define
+                        { provide: DAFF_MEDIA_GALLERY_TOKEN, useExisting: DaffMediaGalleryComponent },
+                    ], inputs: ['skeleton'], template: "<div class=\"daff-media-gallery__thumbnails\">\n\t<ng-content select=\"[daffThumbnail]\"></ng-content>\n</div>\n<div class=\"daff-media-gallery__selected-thumbnail\">\n\t<daff-media-renderer></daff-media-renderer>\n</div>", styles: [":host(.daff-media-gallery){display:flex;flex-direction:column}@media (min-width: 1024px){:host(.daff-media-gallery){flex-direction:row}}:host(.daff-media-gallery) ::ng-deep .daff-thumbnail{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;display:inline-block;height:64px;width:64px;margin:0 2px;max-width:100%;overflow:hidden;user-select:none}@media (min-width: 480px){:host(.daff-media-gallery) ::ng-deep .daff-thumbnail{height:72px;width:72px}}@media (min-width: 1024px){:host(.daff-media-gallery) ::ng-deep .daff-thumbnail{display:block;margin:0 0 4px;height:80px;width:80px}}:host(.daff-media-gallery).daff-skeleton ::ng-deep .daff-thumbnail{display:flex;position:relative}:host(.daff-media-gallery).daff-skeleton ::ng-deep .daff-thumbnail:before{animation-name:loading;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:72px;width:72px;position:absolute;top:0;left:0}@media (min-width: 1024px){:host(.daff-media-gallery).daff-skeleton ::ng-deep .daff-thumbnail{display:flex;position:relative}:host(.daff-media-gallery).daff-skeleton ::ng-deep .daff-thumbnail:before{animation-name:loading;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:80px;width:80px;position:absolute;top:0;left:0}}:host(.daff-media-gallery).daff-skeleton ::ng-deep img{opacity:0}:host(.daff-media-gallery).daff-skeleton .daff-media-gallery__selected-thumbnail{display:flex;position:relative}:host(.daff-media-gallery).daff-skeleton .daff-media-gallery__selected-thumbnail:before{animation-name:loading;animation-duration:1.5s;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate;content:\"\";height:100%;width:100%;position:absolute;top:0;left:0}.daff-media-gallery__thumbnails{margin:0 -2px;max-height:100%;order:2}@media (min-width: 1024px){.daff-media-gallery__thumbnails{margin:0 8px 0 0;order:1}}.daff-media-gallery__selected-thumbnail{display:block;flex-grow:1;order:1;position:relative}@media (min-width: 1024px){.daff-media-gallery__selected-thumbnail{order:2}}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: DaffMediaGalleryRegistry }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-media-gallery']
+            }], name: [{
+                type: Input
+            }] } });
+
+/**
+ * A multi provider injection token that marks a component as renderable for the `DaffMediaRendererComponent`.
+ */
+const daffThumbnailCompatToken = new InjectionToken('thumbnailCompatToken');
+
+/**
+ * A directive marking thumbnails for the `DaffMediaRendererComponent`. Needs to be wrapped in a `daff-media-gallery` component
+ * and needs to be placed on a component that is provided as a `daffThumbnailCompatToken`.
+ */
+class DaffThumbnailDirective {
+    /**
+     * Adds a class for styling a selected thumbnail
+     */
+    get selectedClass() {
+        return this.selected;
+    }
+    ;
+    constructor(component, cd, registry, gallery) {
+        this.component = component;
+        this.cd = cd;
+        this.registry = registry;
+        this.gallery = gallery;
+        /**
+         * Adds a class for styling a thumbnail
+         */
+        this.class = true;
+        /**
+         * A prop for determining whether or not the media element is selected.
+         */
+        this.selected = false;
+        /**
+         * An event that fires after the media element becomes selected.
+         */
+        this.becameSelected = new EventEmitter();
+    }
+    /**
+     * Adds a click event to trigger selection of the media element.
+     *
+     * @param event: MouseEvent
+     */
+    onClick($event) {
+        this.registry.select(this);
+    }
+    ngOnInit() {
+        this.registry.add(this.gallery, this);
+    }
+    ngOnDestroy() {
+        this.registry.remove(this);
+    }
+    select() {
+        this.selected = true;
+        this.becameSelected.emit();
+        this.cd.markForCheck();
+        return this;
+    }
+    deselect() {
+        this.selected = false;
+        this.cd.markForCheck();
+        return this;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffThumbnailDirective, deps: [{ token: daffThumbnailCompatToken }, { token: i0.ChangeDetectorRef }, { token: DaffMediaGalleryRegistry }, { token: DAFF_MEDIA_GALLERY_TOKEN }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.1", type: DaffThumbnailDirective, selector: "[daffThumbnail]", outputs: { becameSelected: "becameSelected" }, host: { listeners: { "click": "onClick($event)" }, properties: { "class.daff-thumbnail--selected": "this.selectedClass", "class.daff-thumbnail": "this.class" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffThumbnailDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[daffThumbnail]',
+                }]
+        }], ctorParameters: () => [{ type: i0.Type, decorators: [{
+                    type: Inject,
+                    args: [daffThumbnailCompatToken]
+                }] }, { type: i0.ChangeDetectorRef }, { type: DaffMediaGalleryRegistry }, { type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DAFF_MEDIA_GALLERY_TOKEN]
+                }] }], propDecorators: { selectedClass: [{
+                type: HostBinding,
+                args: ['class.daff-thumbnail--selected']
+            }], class: [{
+                type: HostBinding,
+                args: ['class.daff-thumbnail']
+            }], becameSelected: [{
+                type: Output
+            }], onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+
+class DaffMediaGalleryModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffMediaGalleryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: DaffMediaGalleryModule, declarations: [DaffMediaGalleryComponent,
+            DaffThumbnailDirective,
+            DaffMediaRendererComponent], imports: [CommonModule], exports: [DaffThumbnailDirective,
+            DaffMediaGalleryComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffMediaGalleryModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffMediaGalleryModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        DaffMediaGalleryComponent,
+                        DaffThumbnailDirective,
+                        DaffMediaRendererComponent,
+                    ],
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [
+                        DaffThumbnailDirective,
+                        DaffMediaGalleryComponent,
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DaffMediaGalleryComponent, DaffMediaGalleryModule, DaffThumbnailDirective, daffThumbnailCompatToken };
+//# sourceMappingURL=daffodil-design-media-gallery.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"daffodil-design-media-gallery.mjs","sources":["../../../libs/design/media-gallery/src/helpers/media-gallery-token.ts","../../../libs/design/media-gallery/src/registry/media-gallery.registry.ts","../../../libs/design/media-gallery/src/media-renderer/media-renderer.component.ts","../../../libs/design/media-gallery/src/media-gallery/media-gallery.component.ts","../../../libs/design/media-gallery/src/media-gallery/media-gallery.component.html","../../../libs/design/media-gallery/src/thumbnail/thumbnail-compat.token.ts","../../../libs/design/media-gallery/src/thumbnail/thumbnail.directive.ts","../../../libs/design/media-gallery/src/media-gallery.module.ts","../../../libs/design/media-gallery/src/daffodil-design-media-gallery.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nimport { DaffMediaGalleryRegistration } from './media-gallery-registration.interface';\n\nexport const DAFF_MEDIA_GALLERY_TOKEN = new InjectionToken<DaffMediaGalleryRegistration>('DAFF_MEDIA_GALLERY_TOKEN');\n","import { Injectable } from '@angular/core';\nimport { BehaviorSubject } from 'rxjs';\n\nimport { DaffMediaGalleryRegistration } from '../helpers/media-gallery-registration.interface';\nimport { DaffThumbnailRegistration } from '../thumbnail/thumbnail-registration.interface';\n\nexport interface DaffMediaGalleryDict {\n  [galleryName: string]: BehaviorSubject<DaffMediaGallery>;\n}\n\nexport interface DaffMediaGallery {\n  gallery: DaffMediaGalleryRegistration;\n  thumbnails: DaffThumbnailRegistration[];\n}\n\nexport const isGallery = (element: DaffThumbnailRegistration | DaffMediaGalleryRegistration): element is DaffMediaGalleryRegistration => !('gallery' in element);\n\n@Injectable({ providedIn: 'root' })\nexport class DaffMediaGalleryRegistry {\n  galleries: DaffMediaGalleryDict = {};\n\n  /**\n   * @description\n   * Adds a media element to the internal registry.\n   */\n  add(gallery: DaffMediaGalleryRegistration, thumbnail?: DaffThumbnailRegistration) {\n\t  if(this.galleries[gallery.name]) {\n\t    let newGallery = this.galleries[gallery.name].getValue();\n\n\t    if(thumbnail) {\n\t      newGallery = {\n\t        ...newGallery,\n\t        thumbnails: [\n\t          ...newGallery.thumbnails.filter(t => t !== thumbnail),\n\t          thumbnail,\n\t        ],\n\t      };\n\t    }\n\n\t    this.galleries[gallery.name].next(newGallery);\n\t  } else {\n\t    this.galleries[gallery.name] = new BehaviorSubject({\n\t      gallery,\n\t      thumbnails: thumbnail ? [thumbnail] : [],\n\t    });\n\t  }\n\n\t  if(this.galleries[gallery.name].getValue().thumbnails.length === 1) {\n\t    thumbnail.select();\n\t  }\n  }\n\n  /**\n   * @description\n   * Removes a thumbnail or gallery from the internal registry.\n   */\n  remove(element: DaffThumbnailRegistration | DaffMediaGalleryRegistration) {\n\t  if(isGallery(element)) {\n\t    this.removeGallery(element);\n\t  } else {\n\t    this.removeThumbnail(element);\n\t  }\n  }\n\n  private removeThumbnail(thumbnail: DaffThumbnailRegistration) {\n\t  if(!this.galleries[thumbnail.gallery.name]) {\n\t    return;\n\t  }\n\t  const gallery = this.galleries[thumbnail.gallery.name].getValue();\n\t  const index = gallery.thumbnails.indexOf(thumbnail);\n\n\t  if(index === -1) {\n\t    return;\n\t  }\n\n\t  this.galleries[thumbnail.gallery.name].next({\n\t    ...gallery,\n\t    thumbnails: [\n\t      ...gallery.thumbnails.slice(0, index),\n\t      ...gallery.thumbnails.slice(index + 1),\n\t    ],\n\t  });\n  }\n\n  private removeGallery(gallery: DaffMediaGalleryRegistration) {\n\t  delete this.galleries[gallery.name];\n  }\n\n  /**\n   * @description\n   * Selects a media element for a given gallery.\n   */\n  select(thumbnail: DaffThumbnailRegistration) {\n\t  if(!this.galleries[thumbnail.gallery.name]) {\n\t    return;\n\t  }\n\n\t  const gallery = this.galleries[thumbnail.gallery.name].getValue();\n\t  const index = gallery.thumbnails.indexOf(thumbnail);\n\n\t  if(thumbnail.selected || index === -1){\n\t    return;\n\t  }\n\n\t  this.galleries[thumbnail.gallery.name].next({\n\t    ...gallery,\n\t    thumbnails: [\n\t      ...gallery.thumbnails.filter(m => m !== thumbnail).map(m => m.deselect()),\n\t      thumbnail.select(),\n\t    ],\n\t  });\n  }\n}\n","import {\n  Component,\n  OnInit,\n  ComponentFactoryResolver,\n  Type,\n  ViewChild,\n  ViewContainerRef,\n  TemplateRef,\n  ChangeDetectionStrategy,\n  OnDestroy,\n  Inject,\n} from '@angular/core';\nimport { Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { DaffMediaGalleryRegistration } from '../helpers/media-gallery-registration.interface';\nimport { DAFF_MEDIA_GALLERY_TOKEN } from '../helpers/media-gallery-token';\nimport { DaffMediaGalleryRegistry } from '../registry/media-gallery.registry';\n\n/**\n * Dynamically renders the selected `DaffThumbnailDirective` in a `daff-media-gallery` any time the selected thumbnail\n * changes.\n */\n@Component({\n  selector: 'daff-media-renderer',\n  template: '<ng-template></ng-template>',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffMediaRendererComponent implements OnInit, OnDestroy {\n\n  /**\n   * Private tracker for indicating when the component is destroyed.\n   */\n  private _destroy$ = new Subject();\n\n  constructor(\n    private componentFactoryResolver: ComponentFactoryResolver,\n    private registry: DaffMediaGalleryRegistry,\n    @Inject(DAFF_MEDIA_GALLERY_TOKEN) private gallery: DaffMediaGalleryRegistration,\n  ) {}\n\n  /**\n   * The slot that the \"component\" is rendered into.\n   */\n  @ViewChild(TemplateRef, { static: true, read: ViewContainerRef })\n    slot: ViewContainerRef;\n\n  ngOnInit() {\n    this.registry.galleries[this.gallery.name]\n      .pipe(takeUntil(this._destroy$))\n      .subscribe((gallery) => {\n\n        /**\n         * Clear out the slot for the dynamically rendered thumbnail\n         */\n        this.slot.clear();\n\n        const _selectedThumbnail = gallery.thumbnails.filter(media => media.selected).shift();\n\n        /**\n         * If there's no selected media, render nothing.\n         */\n        if(!_selectedThumbnail) {\n          return;\n        }\n\n        const _selectedThumbnailComponent = _selectedThumbnail.component;\n\n        /**\n         * Create the component to insert.\n         */\n        const component = this.componentFactoryResolver.resolveComponentFactory(\n        <Type<unknown>>_selectedThumbnailComponent.constructor,\n        );\n        const componentRef = this.slot.createComponent(component);\n\n        /**\n         * Fill the component with it's values from the original component\n         */\n        component.inputs.forEach(input => {\n          componentRef.instance[input.propName] = _selectedThumbnailComponent[input.propName];\n        });\n\n        /**\n         * Trigger a change detection on the component tree, outside the cycle to address\n         * the fact that the component was created outside a typical CD loop.\n         */\n        componentRef.changeDetectorRef.detectChanges();\n      });\n  }\n\n  /**\n   * Used to unsubscribe from the dynamic component.\n   */\n  ngOnDestroy() {\n    this._destroy$.next(true);\n    this._destroy$.unsubscribe();\n  }\n}\n\n","import {\n  Component,\n  HostBinding,\n  ChangeDetectionStrategy,\n  Input,\n  OnInit,\n  OnDestroy,\n  ElementRef,\n  Renderer2,\n} from '@angular/core';\n\nimport {\n  daffSkeletonableMixin,\n  DaffSkeletonable,\n  daffArticleEncapsulatedMixin,\n} from '@daffodil/design';\n\nimport { DaffMediaGalleryRegistration } from '../helpers/media-gallery-registration.interface';\nimport { DAFF_MEDIA_GALLERY_TOKEN } from '../helpers/media-gallery-token';\nimport { DaffMediaGalleryRegistry } from '../registry/media-gallery.registry';\n\nlet uniqueGalleryId = 0;\n\n/**\n * An _elementRef and an instance of renderer2 are needed for the link set mixins\n */\nclass DaffMediaGalleryBase {\n  constructor(public _elementRef: ElementRef, public _renderer: Renderer2) {}\n}\n\nconst _daffMediaGalleryBase = daffSkeletonableMixin(daffArticleEncapsulatedMixin((DaffMediaGalleryBase)));\n\n@Component({\n  selector: 'daff-media-gallery',\n  templateUrl: './media-gallery.component.html',\n  styleUrls: ['./media-gallery.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    // eslint-disable-next-line @typescript-eslint/no-use-before-define\n    { provide: DAFF_MEDIA_GALLERY_TOKEN, useExisting: DaffMediaGalleryComponent },\n  ],\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: ['skeleton'],\n})\nexport class DaffMediaGalleryComponent extends _daffMediaGalleryBase implements DaffMediaGalleryRegistration, DaffSkeletonable, OnInit, OnDestroy {\n  /**\n   * Adds a class for styling the media gallery\n   */\n  @HostBinding('class.daff-media-gallery') class = true;\n\n  /**\n   * The name of the gallery\n   */\n  @Input() name = `${uniqueGalleryId}`;\n\n  constructor(\n    private elementRef: ElementRef,\n    private renderer: Renderer2,\n    private registry: DaffMediaGalleryRegistry,\n  ) {\n\t  \tsuper(elementRef, renderer);\n\t  \tuniqueGalleryId++;\n  }\n\n  ngOnInit() {\n\t  this.registry.add(this);\n  }\n\n  ngOnDestroy() {\n\t  this.registry.remove(this);\n  }\n}\n","<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>","import { InjectionToken } from '@angular/core';\n\n/**\n * A multi provider injection token that marks a component as renderable for the `DaffMediaRendererComponent`.\n */\nexport const daffThumbnailCompatToken = new InjectionToken<unknown>('thumbnailCompatToken');\n","import {\n  Directive,\n  Inject,\n  Type,\n  HostBinding,\n  HostListener,\n  Output,\n  EventEmitter,\n  ChangeDetectorRef,\n  OnInit,\n  OnDestroy,\n} from '@angular/core';\n\nimport { daffThumbnailCompatToken } from './thumbnail-compat.token';\nimport { DaffThumbnailRegistration } from './thumbnail-registration.interface';\nimport { DaffMediaGalleryRegistration } from '../helpers/media-gallery-registration.interface';\nimport { DAFF_MEDIA_GALLERY_TOKEN } from '../helpers/media-gallery-token';\nimport { DaffMediaGalleryRegistry } from '../registry/media-gallery.registry';\n\n/**\n * A directive marking thumbnails for the `DaffMediaRendererComponent`. Needs to be wrapped in a `daff-media-gallery` component\n * and needs to be placed on a component that is provided as a `daffThumbnailCompatToken`.\n */\n@Directive({\n  selector: '[daffThumbnail]',\n})\nexport class DaffThumbnailDirective implements OnInit, OnDestroy, DaffThumbnailRegistration {\n\n  /**\n   * Adds a class for styling a selected thumbnail\n   */\n  @HostBinding('class.daff-thumbnail--selected') get selectedClass() {\n    return this.selected;\n  };\n\n  constructor(\n    @Inject(daffThumbnailCompatToken) public component: Type<unknown>,\n    private cd: ChangeDetectorRef,\n    private registry: DaffMediaGalleryRegistry,\n    @Inject(DAFF_MEDIA_GALLERY_TOKEN) public gallery: DaffMediaGalleryRegistration,\n  ) {}\n\n  /**\n   * Adds a class for styling a thumbnail\n   */\n  @HostBinding('class.daff-thumbnail') class = true;\n\n  /**\n   * A prop for determining whether or not the media element is selected.\n   */\n  selected = false;\n\n  /**\n   * An event that fires after the media element becomes selected.\n   */\n  @Output() becameSelected: EventEmitter<void> = new EventEmitter<void>();\n\n  /**\n   * Adds a click event to trigger selection of the media element.\n   *\n   * @param event: MouseEvent\n   */\n  @HostListener('click', ['$event']) onClick($event: MouseEvent) {\n\t  this.registry.select(this);\n  }\n\n  ngOnInit(): void {\n\t  this.registry.add(this.gallery, this);\n  }\n\n  ngOnDestroy(): void {\n\t  this.registry.remove(this);\n  }\n\n  select() {\n\t  this.selected = true;\n\t  this.becameSelected.emit();\n\t  this.cd.markForCheck();\n\t  return this;\n  }\n\n  deselect() {\n\t  this.selected = false;\n\t  this.cd.markForCheck();\n\t  return this;\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffMediaGalleryComponent } from './media-gallery/media-gallery.component';\nimport { DaffMediaRendererComponent } from './media-renderer/media-renderer.component';\nimport { DaffThumbnailDirective } from './thumbnail/thumbnail.directive';\n\n@NgModule({\n  declarations: [\n    DaffMediaGalleryComponent,\n    DaffThumbnailDirective,\n    DaffMediaRendererComponent,\n  ],\n  imports: [\n    CommonModule,\n  ],\n  exports: [\n    DaffThumbnailDirective,\n    DaffMediaGalleryComponent,\n  ],\n})\nexport class DaffMediaGalleryModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.DaffMediaGalleryRegistry","i2.DaffMediaRendererComponent"],"mappings":"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"}

package/fesm2022/daffodil-design-menu-examples.mjs

@@ -0,0 +1,74 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import { faUser, faInfo, faEnvelope } from '@fortawesome/free-solid-svg-icons';
+import * as i1 from '@daffodil/design/menu';
+import { DaffMenuModule } from '@daffodil/design/menu';
+import * as i2 from '@fortawesome/angular-fontawesome';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import * as i1$1 from '@daffodil/design/button';
+import { DaffButtonModule } from '@daffodil/design/button';
+
+class MenuContentComponent {
+    constructor() {
+        this.faUser = faUser;
+        this.faInfo = faInfo;
+        this.faEnvelope = faEnvelope;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: MenuContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: MenuContentComponent, selector: "menu-content", ngImport: i0, template: "<daff-menu>\n  <a href=\"#\" daff-menu-item>\n    <fa-icon [icon]=\"faUser\" [fixedWidth]=\"true\"></fa-icon> My Account\n  </a>\n  <a href=\"#\" daff-menu-item>\n    <fa-icon [icon]=\"faInfo\" [fixedWidth]=\"true\"></fa-icon> Help\n  </a>\n  <button daff-menu-item>\n    <fa-icon [icon]=\"faEnvelope\" [fixedWidth]=\"true\"></fa-icon> Contact Us\n  </button>\n</daff-menu>", dependencies: [{ kind: "component", type: i1.DaffMenuComponent, selector: "daff-menu" }, { kind: "component", type: i1.DaffMenuItemComponent, selector: "a[daff-menu-item],button[daff-menu-item]" }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: MenuContentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'menu-content', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-menu>\n  <a href=\"#\" daff-menu-item>\n    <fa-icon [icon]=\"faUser\" [fixedWidth]=\"true\"></fa-icon> My Account\n  </a>\n  <a href=\"#\" daff-menu-item>\n    <fa-icon [icon]=\"faInfo\" [fixedWidth]=\"true\"></fa-icon> Help\n  </a>\n  <button daff-menu-item>\n    <fa-icon [icon]=\"faEnvelope\" [fixedWidth]=\"true\"></fa-icon> Contact Us\n  </button>\n</daff-menu>" }]
+        }] });
+
+class BasicMenuComponent {
+    constructor() {
+        this.menu = MenuContentComponent;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: BasicMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: BasicMenuComponent, selector: "basic-menu", ngImport: i0, template: "<button daff-button color=\"theme\" [daffMenuActivator]=\"menu\">\n\tMenu\n</button>", dependencies: [{ kind: "component", type: i1$1.DaffButtonComponent, selector: "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", inputs: ["color", "size", "status", "loading", "tabindex", "disabled"] }, { kind: "directive", type: i1.DaffMenuActivatorDirective, selector: "[daffMenuActivator]", inputs: ["daffMenuActivator"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: BasicMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'basic-menu', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button daff-button color=\"theme\" [daffMenuActivator]=\"menu\">\n\tMenu\n</button>" }]
+        }] });
+
+class BasicMenuComponentModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: BasicMenuComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: BasicMenuComponentModule, declarations: [BasicMenuComponent,
+            MenuContentComponent], imports: [DaffButtonModule,
+            DaffMenuModule,
+            FontAwesomeModule], exports: [BasicMenuComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: BasicMenuComponentModule, imports: [DaffButtonModule,
+            DaffMenuModule,
+            FontAwesomeModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: BasicMenuComponentModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        BasicMenuComponent,
+                        MenuContentComponent,
+                    ],
+                    exports: [
+                        BasicMenuComponent,
+                    ],
+                    imports: [
+                        DaffButtonModule,
+                        DaffMenuModule,
+                        FontAwesomeModule,
+                    ],
+                }]
+        }] });
+
+const MENU_EXAMPLES = [
+    { component: BasicMenuComponent, module: BasicMenuComponentModule },
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MENU_EXAMPLES };
+//# sourceMappingURL=daffodil-design-menu-examples.mjs.map

package/fesm2022/daffodil-design-menu-examples.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"daffodil-design-menu-examples.mjs","sources":["../../../libs/design/menu/examples/src/basic-menu/menu-content/menu-content.component.ts","../../../libs/design/menu/examples/src/basic-menu/menu-content/menu-content.component.html","../../../libs/design/menu/examples/src/basic-menu/basic-menu.component.ts","../../../libs/design/menu/examples/src/basic-menu/basic-menu.component.html","../../../libs/design/menu/examples/src/basic-menu/basic-menu.module.ts","../../../libs/design/menu/examples/src/public_api.ts","../../../libs/design/menu/examples/src/daffodil-design-menu-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\nimport {\n  faEnvelope,\n  faInfo,\n  faUser,\n} from '@fortawesome/free-solid-svg-icons';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'menu-content',\n  templateUrl: './menu-content.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class MenuContentComponent {\n  faUser = faUser;\n  faInfo = faInfo;\n  faEnvelope = faEnvelope;\n}\n","<daff-menu>\n  <a href=\"#\" daff-menu-item>\n    <fa-icon [icon]=\"faUser\" [fixedWidth]=\"true\"></fa-icon> My Account\n  </a>\n  <a href=\"#\" daff-menu-item>\n    <fa-icon [icon]=\"faInfo\" [fixedWidth]=\"true\"></fa-icon> Help\n  </a>\n  <button daff-menu-item>\n    <fa-icon [icon]=\"faEnvelope\" [fixedWidth]=\"true\"></fa-icon> Contact Us\n  </button>\n</daff-menu>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\nimport { MenuContentComponent } from './menu-content/menu-content.component';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-menu',\n  templateUrl: './basic-menu.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicMenuComponent {\n  public menu = MenuContentComponent;\n}\n","<button daff-button color=\"theme\" [daffMenuActivator]=\"menu\">\n\tMenu\n</button>","import { NgModule } from '@angular/core';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport { DaffButtonModule } from '@daffodil/design/button';\nimport { DaffMenuModule } from '@daffodil/design/menu';\n\nimport { BasicMenuComponent } from './basic-menu.component';\nimport { MenuContentComponent } from './menu-content/menu-content.component';\n\n@NgModule({\n  declarations: [\n    BasicMenuComponent,\n    MenuContentComponent,\n  ],\n  exports: [\n    BasicMenuComponent,\n  ],\n  imports: [\n    DaffButtonModule,\n    DaffMenuModule,\n    FontAwesomeModule,\n  ],\n})\nexport class BasicMenuComponentModule { }\n","import { ComponentExample } from '@daffodil/design';\n\nimport { BasicMenuComponent } from './basic-menu/basic-menu.component';\nimport { BasicMenuComponentModule } from './basic-menu/basic-menu.module';\n\nexport const MENU_EXAMPLES: ComponentExample[] = [\n  { component: BasicMenuComponent, module: BasicMenuComponentModule },\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1","i2"],"mappings":"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"}