@sebgroup/green-angular 3.6.3 → 3.8.0

package/esm2020/src/lib/sortable-list/sortable-list.component.mjs

@@ -0,0 +1,181 @@
+import { Component, ElementRef, EventEmitter, Input, Output, ViewChild, } from '@angular/core';
+import { moveItemInArray, transferArrayItem, } from '@angular/cdk/drag-drop';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/cdk/drag-drop";
+export class NggSortableListComponent {
+    constructor() {
+        this.groups = [];
+        this.shouldDisplayCheckboxes = false;
+        this.isReadOnly = false;
+        this.isDraggable = true;
+        this.description = '';
+        this.suffixTemplate = null;
+        this.itemSelectionChanged = new EventEmitter();
+        this.itemOrderChanged = new EventEmitter();
+        this.focusedIndex = { 0: 0 };
+    }
+    /**
+     * Toggles the selection of a checklist item and updates its position in the list.
+     *
+     * @param item - The checklist item to update.
+     */
+    toggleSelection(item) {
+        item.selected = !item.selected;
+        this.emitCheckListItem(item);
+    }
+    /**
+     * Handles the onDragDrop event.
+     *
+     * @param event - The drag and drop event.
+     */
+    onDragDrop(event) {
+        if (event.previousContainer === event.container) {
+            moveItemInArray(event.container.data, event.previousIndex, event.currentIndex);
+        }
+        else {
+            transferArrayItem(event.previousContainer.data, event.container.data, event.previousIndex, event.currentIndex);
+        }
+        this.emitItemOrderChanged([Number(event.previousContainer.id), event.previousIndex], [Number(event.container.id), event.currentIndex]);
+    }
+    /**
+     * Handles moving items up or down using the alt + arrow up or alt + arrow down keys.
+     *
+     * @param groupIndex - The index of the group.
+     * @param currentItemIndex - The current index of the item.
+     * @param newItemIndex - The new index of the item.
+     */
+    onAltArrowKeydown(groupIndex, currentItemIndex, newItemIndex, event) {
+        event.preventDefault();
+        let newIndex = newItemIndex;
+        let newGroupIndex = groupIndex;
+        let transfer = false;
+        if (newIndex > this.groups[groupIndex].items.length - 1) {
+            newIndex = 0;
+            newGroupIndex = groupIndex + 1;
+            transfer = true;
+            this.focusedIndex[groupIndex] = this.groups[groupIndex].items.length - 2;
+        }
+        else if (newIndex < 0) {
+            newGroupIndex = groupIndex - 1;
+            newIndex = this.groups[newGroupIndex].items.length;
+            transfer = true;
+            this.focusedIndex[groupIndex] = 0;
+        }
+        if (transfer) {
+            transferArrayItem(this.groups[groupIndex].items, this.groups[newGroupIndex].items, currentItemIndex, newIndex);
+        }
+        else {
+            moveItemInArray(this.groups[groupIndex].items, currentItemIndex, newIndex);
+        }
+        this.emitItemOrderChanged([groupIndex, currentItemIndex], [newGroupIndex, newIndex]);
+        setTimeout(() => {
+            this.focusItem(newGroupIndex, newIndex);
+        });
+    }
+    /**
+     * Handles focus by arrow keydown event.
+     *
+     * @param groupIndex - The index of the group.
+     * @param itemIndex - The index of the item.
+     * @param event - The keyboard event.
+     */
+    onArrowKeydown(groupIndex, itemIndex, event) {
+        event.preventDefault();
+        setTimeout(() => {
+            let gi = groupIndex;
+            if (itemIndex > this.groups[groupIndex].items.length - 1) {
+                gi = groupIndex + 1;
+                itemIndex = 0;
+            }
+            if (itemIndex < 0) {
+                gi = groupIndex - 1;
+                if (gi < 0) {
+                    return;
+                }
+                itemIndex = this.groups[gi].items.length - 1;
+            }
+            this.focusItem(gi, itemIndex);
+        });
+    }
+    /**
+     * Emits the item order changed event.
+     *
+     * @param previousIndex - The previous index of the item.
+     * @param currentIndex - The current index of the item.
+     */
+    emitItemOrderChanged(previousIndex, currentIndex) {
+        this.itemOrderChanged.emit({
+            previousIndex,
+            currentIndex,
+            groups: [...this.groups],
+        });
+    }
+    /**
+     * Emits the selected checklist item through an event.
+     *
+     * @param item - The checklist item to emit.
+     */
+    emitCheckListItem(item) {
+        this.itemSelectionChanged.emit({ changedItem: item, groups: this.groups });
+    }
+    /**
+     * Focuses on a specific item in the sortable list.
+     *
+     * @param groupIndex - The index of the group.
+     * @param itemIndex - The index of the item.
+     */
+    focusItem(groupIndex, itemIndex) {
+        const groupElements = this.sortableListGroups.nativeElement.querySelectorAll('.item-list-group');
+        if (groupElements && groupElements.length > groupIndex) {
+            const itemElements = groupElements[groupIndex].querySelectorAll('.item');
+            if (itemElements && itemElements.length > itemIndex) {
+                if (this.shouldDisplayCheckboxes) {
+                    itemElements[itemIndex].querySelector('input').focus();
+                }
+                else {
+                    itemElements[itemIndex].focus();
+                }
+                this.focusedIndex[groupIndex] = itemIndex;
+            }
+        }
+    }
+    /**
+     * Checks if an item has focus.
+     *
+     * @param groupIndex - The index of the group.
+     * @param itemIndex - The index of the item.
+     */
+    itemHasFocus(groupIndex, itemIndex) {
+        if (!this.focusedIndex[groupIndex]) {
+            this.focusedIndex[groupIndex] = 0;
+        }
+        return this.focusedIndex[groupIndex] === itemIndex;
+    }
+}
+NggSortableListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NggSortableListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NggSortableListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NggSortableListComponent, selector: "ngg-sortable-list", inputs: { groups: "groups", shouldDisplayCheckboxes: "shouldDisplayCheckboxes", isReadOnly: "isReadOnly", isDraggable: "isDraggable", description: "description", suffixTemplate: "suffixTemplate" }, outputs: { itemSelectionChanged: "itemSelectionChanged", itemOrderChanged: "itemOrderChanged" }, viewQueries: [{ propertyName: "sortableListGroups", first: true, predicate: ["sortableListGroups"], descendants: true }], ngImport: i0, template: "<div class=\"item-list\">\n  <ng-container>\n    <p class=\"item-list-header\">\n      <span class=\"item-list-header-title\">{{ description }}</span>\n    </p>\n    <div #sortableListGroups cdkDropListGroup>\n      <div\n        *ngFor=\"let group of groups; let g_i = index\"\n        class=\"item-list-group\"\n        [class.drag-enabled]=\"isDraggable && !isReadOnly\"\n        role=\"list\"\n        cdkDropList\n        [cdkDropListData]=\"group.items\"\n        [id]=\"g_i.toString()\"\n        (cdkDropListDropped)=\"onDragDrop($event)\"\n      >\n        <p\n          *ngIf=\"group.title && group.title.length > 0\"\n          class=\"item-list-header\"\n        >\n          <span class=\"item-list-header-title\">{{ group.title }}</span>\n        </p>\n        <p\n          *ngIf=\"group.description && group.description.length > 0\"\n          class=\"item-list-header-description\"\n        >\n          {{ group.description }}\n        </p>\n        <div\n          *ngFor=\"let checklistItem of group.items; let i = index\"\n          [cdkDragDisabled]=\"!isDraggable || isReadOnly\"\n          [cdkDragData]=\"checklistItem\"\n          cdkDrag\n          cdkDragLockAxis=\"y\"\n          class=\"item-box\"\n          role=\"listitem\"\n        >\n          <div *cdkDragPlaceholder class=\"item-custom-placeholder\"></div>\n          <label\n            (keydown.alt.arrowDown)=\"onAltArrowKeydown(g_i, i, i + 1, $event)\"\n            (keydown.alt.arrowUp)=\"onAltArrowKeydown(g_i, i, i - 1, $event)\"\n            (keydown.arrowDown)=\"onArrowKeydown(g_i, i + 1, $event)\"\n            (keydown.arrowUp)=\"onArrowKeydown(g_i, i - 1, $event)\"\n            class=\"form-control item-control align-items-center item\"\n            [tabindex]=\"shouldDisplayCheckboxes ? '-1' : '0'\"\n          >\n            <div class=\"form-control\">\n              <input\n                (change)=\"toggleSelection(checklistItem)\"\n                [checked]=\"checklistItem.selected\"\n                [disabled]=\"isReadOnly\"\n                [type]=\"shouldDisplayCheckboxes ? 'checkbox' : 'hidden'\"\n              />\n              <div class=\"item-box-title\">\n                <span name=\"agendaItemName\"\n                  >{{ checklistItem.name }}\n                  <span\n                    *ngIf=\"checklistItem.hasCustomSuffix\"\n                    class=\"item-list-suffix\"\n                  >\n                    <ng-container\n                      *ngTemplateOutlet=\"\n                        suffixTemplate;\n                        context: { $implicit: checklistItem }\n                      \"\n                      class=\"user-icon\"\n                    >\n                    </ng-container>\n                  </span>\n                </span>\n                <br />\n                <span *ngIf=\"!!checklistItem.description\">\n                  <span class=\"item-list-suffix\" name=\"agendaItemToolTip\">\n                    {{ checklistItem.description }}\n                  </span>\n                  <br />\n                </span>\n              </div>\n              <i></i>\n            </div>\n            <div *ngIf=\"isDraggable && !isReadOnly\" class=\"item-grip-icon\">\n              <i class=\"sg-icon sg-icon-grip-vertical text-primary\"></i>\n            </div>\n          </label>\n        </div>\n      </div>\n    </div>\n  </ng-container>\n</div>\n", styles: [".item-list{width:100%;display:block}label.item{padding:0!important}.item-box{background-color:var(--sg-card-background);color:var(--text-primary-color);display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;font-size:14px;margin:5px 0;border:1px solid var(--border-color);border-radius:4px}.form-control{line-height:20px;font-size:16px;font-weight:500}.item-list-header{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:1rem}.item-list-header-title{font-weight:600;font-size:1rem;line-height:1.25rem;font-style:normal}.item-list-header-subtitle{font-size:.75rem;color:var(--text-primary-color);display:flex;justify-content:center;align-content:center}.item-list-suffix{font-weight:400;font-size:.85rem}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.item-grip-icon{font-weight:400;padding:.75rem 1rem .75rem 0rem}.cdk-drop-list.cdk-drop-list-dragging{cursor:grabbing!important;pointer-events:all!important}.item-custom-placeholder.cdk-drag-placeholder{pointer-events:all!important}.cdk-drop-list.drag-enabled:not(.cdk-drag-placeholder) label{cursor:grab}.cdk-drop-list label:focus-visible{outline-color:#333;outline-offset:4px}.item-list.cdk-drop-list-dragging .item-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1);pointer-events:all!important}.item-custom-placeholder{border:dotted 1px #999;min-height:44px;transition:transform .25s cubic-bezier(0,0,.2,1);border-radius:4px;margin:5px 0;padding:12px 12px 12px 16px}.user-icon{margin-right:.5rem}.item-control{width:100%;display:flex;flex-direction:row;justify-content:space-between}.form-control.item-layout{display:flex;justify-content:space-between}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2.CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "directive", type: i2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2.CdkDragPlaceholder, selector: "ng-template[cdkDragPlaceholder]", inputs: ["data"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NggSortableListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngg-sortable-list', template: "<div class=\"item-list\">\n  <ng-container>\n    <p class=\"item-list-header\">\n      <span class=\"item-list-header-title\">{{ description }}</span>\n    </p>\n    <div #sortableListGroups cdkDropListGroup>\n      <div\n        *ngFor=\"let group of groups; let g_i = index\"\n        class=\"item-list-group\"\n        [class.drag-enabled]=\"isDraggable && !isReadOnly\"\n        role=\"list\"\n        cdkDropList\n        [cdkDropListData]=\"group.items\"\n        [id]=\"g_i.toString()\"\n        (cdkDropListDropped)=\"onDragDrop($event)\"\n      >\n        <p\n          *ngIf=\"group.title && group.title.length > 0\"\n          class=\"item-list-header\"\n        >\n          <span class=\"item-list-header-title\">{{ group.title }}</span>\n        </p>\n        <p\n          *ngIf=\"group.description && group.description.length > 0\"\n          class=\"item-list-header-description\"\n        >\n          {{ group.description }}\n        </p>\n        <div\n          *ngFor=\"let checklistItem of group.items; let i = index\"\n          [cdkDragDisabled]=\"!isDraggable || isReadOnly\"\n          [cdkDragData]=\"checklistItem\"\n          cdkDrag\n          cdkDragLockAxis=\"y\"\n          class=\"item-box\"\n          role=\"listitem\"\n        >\n          <div *cdkDragPlaceholder class=\"item-custom-placeholder\"></div>\n          <label\n            (keydown.alt.arrowDown)=\"onAltArrowKeydown(g_i, i, i + 1, $event)\"\n            (keydown.alt.arrowUp)=\"onAltArrowKeydown(g_i, i, i - 1, $event)\"\n            (keydown.arrowDown)=\"onArrowKeydown(g_i, i + 1, $event)\"\n            (keydown.arrowUp)=\"onArrowKeydown(g_i, i - 1, $event)\"\n            class=\"form-control item-control align-items-center item\"\n            [tabindex]=\"shouldDisplayCheckboxes ? '-1' : '0'\"\n          >\n            <div class=\"form-control\">\n              <input\n                (change)=\"toggleSelection(checklistItem)\"\n                [checked]=\"checklistItem.selected\"\n                [disabled]=\"isReadOnly\"\n                [type]=\"shouldDisplayCheckboxes ? 'checkbox' : 'hidden'\"\n              />\n              <div class=\"item-box-title\">\n                <span name=\"agendaItemName\"\n                  >{{ checklistItem.name }}\n                  <span\n                    *ngIf=\"checklistItem.hasCustomSuffix\"\n                    class=\"item-list-suffix\"\n                  >\n                    <ng-container\n                      *ngTemplateOutlet=\"\n                        suffixTemplate;\n                        context: { $implicit: checklistItem }\n                      \"\n                      class=\"user-icon\"\n                    >\n                    </ng-container>\n                  </span>\n                </span>\n                <br />\n                <span *ngIf=\"!!checklistItem.description\">\n                  <span class=\"item-list-suffix\" name=\"agendaItemToolTip\">\n                    {{ checklistItem.description }}\n                  </span>\n                  <br />\n                </span>\n              </div>\n              <i></i>\n            </div>\n            <div *ngIf=\"isDraggable && !isReadOnly\" class=\"item-grip-icon\">\n              <i class=\"sg-icon sg-icon-grip-vertical text-primary\"></i>\n            </div>\n          </label>\n        </div>\n      </div>\n    </div>\n  </ng-container>\n</div>\n", styles: [".item-list{width:100%;display:block}label.item{padding:0!important}.item-box{background-color:var(--sg-card-background);color:var(--text-primary-color);display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-sizing:border-box;font-size:14px;margin:5px 0;border:1px solid var(--border-color);border-radius:4px}.form-control{line-height:20px;font-size:16px;font-weight:500}.item-list-header{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:1rem}.item-list-header-title{font-weight:600;font-size:1rem;line-height:1.25rem;font-style:normal}.item-list-header-subtitle{font-size:.75rem;color:var(--text-primary-color);display:flex;justify-content:center;align-content:center}.item-list-suffix{font-weight:400;font-size:.85rem}.cdk-drag-preview{box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.item-grip-icon{font-weight:400;padding:.75rem 1rem .75rem 0rem}.cdk-drop-list.cdk-drop-list-dragging{cursor:grabbing!important;pointer-events:all!important}.item-custom-placeholder.cdk-drag-placeholder{pointer-events:all!important}.cdk-drop-list.drag-enabled:not(.cdk-drag-placeholder) label{cursor:grab}.cdk-drop-list label:focus-visible{outline-color:#333;outline-offset:4px}.item-list.cdk-drop-list-dragging .item-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1);pointer-events:all!important}.item-custom-placeholder{border:dotted 1px #999;min-height:44px;transition:transform .25s cubic-bezier(0,0,.2,1);border-radius:4px;margin:5px 0;padding:12px 12px 12px 16px}.user-icon{margin-right:.5rem}.item-control{width:100%;display:flex;flex-direction:row;justify-content:space-between}.form-control.item-layout{display:flex;justify-content:space-between}\n"] }]
+        }], propDecorators: { groups: [{
+                type: Input
+            }], shouldDisplayCheckboxes: [{
+                type: Input
+            }], isReadOnly: [{
+                type: Input
+            }], isDraggable: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], suffixTemplate: [{
+                type: Input
+            }], itemSelectionChanged: [{
+                type: Output
+            }], itemOrderChanged: [{
+                type: Output
+            }], sortableListGroups: [{
+                type: ViewChild,
+                args: ['sortableListGroups']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29ydGFibGUtbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvc3JjL2xpYi9zb3J0YWJsZS1saXN0L3NvcnRhYmxlLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL3NyYy9saWIvc29ydGFibGUtbGlzdC9zb3J0YWJsZS1saXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsVUFBVSxFQUNWLFlBQVksRUFDWixLQUFLLEVBQ0wsTUFBTSxFQUVOLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQTtBQUN0QixPQUFPLEVBRUwsZUFBZSxFQUNmLGlCQUFpQixHQUNsQixNQUFNLHdCQUF3QixDQUFBOzs7O0FBcUIvQixNQUFNLE9BQU8sd0JBQXdCO0lBTHJDO1FBTVcsV0FBTSxHQUF3QixFQUFFLENBQUE7UUFDaEMsNEJBQXVCLEdBQUcsS0FBSyxDQUFBO1FBQy9CLGVBQVUsR0FBRyxLQUFLLENBQUE7UUFDbEIsZ0JBQVcsR0FBRyxJQUFJLENBQUE7UUFDbEIsZ0JBQVcsR0FBRyxFQUFFLENBQUE7UUFDaEIsbUJBQWMsR0FBNEIsSUFBSSxDQUFBO1FBRTdDLHlCQUFvQixHQUFHLElBQUksWUFBWSxFQUc3QyxDQUFBO1FBQ00scUJBQWdCLEdBQUcsSUFBSSxZQUFZLEVBSXpDLENBQUE7UUFJSixpQkFBWSxHQUEyQixFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQTtLQXFMaEQ7SUFuTEM7Ozs7T0FJRztJQUNILGVBQWUsQ0FBQyxJQUFzQjtRQUNwQyxJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQTtRQUM5QixJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLENBQUE7SUFDOUIsQ0FBQztJQUVEOzs7O09BSUc7SUFD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QUlHLGdCQUFnQjtzQkFBekIsTUFBTTtnQkFNMEIsa0JBQWtCO3NCQUFsRCxTQUFTO3VCQUFDLG9CQUFvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBUZW1wbGF0ZVJlZixcbiAgVmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuaW1wb3J0IHtcbiAgQ2RrRHJhZ0Ryb3AsXG4gIG1vdmVJdGVtSW5BcnJheSxcbiAgdHJhbnNmZXJBcnJheUl0ZW0sXG59IGZyb20gJ0Bhbmd1bGFyL2Nkay9kcmFnLWRyb3AnXG5cbmV4cG9ydCBpbnRlcmZhY2UgU29ydGFibGVMaXN0SXRlbSB7XG4gIGlkOiBhbnlcbiAgbmFtZTogc3RyaW5nXG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nXG4gIHNlbGVjdGVkPzogYm9vbGVhblxuICBoYXNDdXN0b21TdWZmaXg/OiBib29sZWFuXG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgU29ydGFibGVMaXN0R3JvdXAge1xuICBpdGVtczogU29ydGFibGVMaXN0SXRlbVtdXG4gIHRpdGxlOiBzdHJpbmdcbiAgZGVzY3JpcHRpb24/OiBzdHJpbmdcbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbmdnLXNvcnRhYmxlLWxpc3QnLFxuICB0ZW1wbGF0ZVVybDogJy4vc29ydGFibGUtbGlzdC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NvcnRhYmxlLWxpc3QuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgTmdnU29ydGFibGVMaXN0Q29tcG9uZW50IHtcbiAgQElucHV0KCkgZ3JvdXBzOiBTb3J0YWJsZUxpc3RHcm91cFtdID0gW11cbiAgQElucHV0KCkgc2hvdWxkRGlzcGxheUNoZWNrYm94ZXMgPSBmYWxzZVxuICBASW5wdXQoKSBpc1JlYWRPbmx5ID0gZmFsc2VcbiAgQElucHV0KCkgaXNEcmFnZ2FibGUgPSB0cnVlXG4gIEBJbnB1dCgpIGRlc2NyaXB0aW9uID0gJydcbiAgQElucHV0KCkgc3VmZml4VGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT4gfCBudWxsID0gbnVsbFxuXG4gIEBPdXRwdXQoKSBpdGVtU2VsZWN0aW9uQ2hhbmdlZCA9IG5ldyBFdmVudEVtaXR0ZXI8e1xuICAgIGNoYW5nZWRJdGVtOiBTb3J0YWJsZUxpc3RJdGVtXG4gICAgZ3JvdXBzOiBTb3J0YWJsZUxpc3RHcm91cFtdXG4gIH0+KClcbiAgQE91dHB1dCgpIGl0ZW1PcmRlckNoYW5nZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHtcbiAgICBwcmV2aW91c0luZGV4OiBbbnVtYmVyLCBudW1iZXJdXG4gICAgY3VycmVudEluZGV4OiBbbnVtYmVyLCBudW1iZXJdXG4gICAgZ3JvdXBzOiBTb3J0YWJsZUxpc3RHcm91cFtdXG4gIH0+KClcblxuICBAVmlld0NoaWxkKCdzb3J0YWJsZUxpc3RHcm91cHMnKSBzb3J0YWJsZUxpc3RHcm91cHMhOiBFbGVtZW50UmVmXG5cbiAgZm9jdXNlZEluZGV4OiBSZWNvcmQ8bnVtYmVyLCBudW1iZXI+ID0geyAwOiAwIH1cblxuICAvKipcbiAgICogVG9nZ2xlcyB0aGUgc2VsZWN0aW9uIG9mIGEgY2hlY2tsaXN0IGl0ZW0gYW5kIHVwZGF0ZXMgaXRzIHBvc2l0aW9uIGluIHRoZSBsaXN0LlxuICAgKlxuICAgKiBAcGFyYW0gaXRlbSAtIFRoZSBjaGVja2xpc3QgaXRlbSB0byB1cGRhdGUuXG4gICAqL1xuICB0b2dnbGVTZWxlY3Rpb24oaXRlbTogU29ydGFibGVMaXN0SXRlbSkge1xuICAgIGl0ZW0uc2VsZWN0ZWQgPSAhaXRlbS5zZWxlY3RlZFxuICAgIHRoaXMuZW1pdENoZWNrTGlzdEl0ZW0oaXRlbSlcbiAgfVxuXG4gIC8qKlxuICAgKiBIYW5kbGVzIHRoZSBvbkRyYWdEcm9wIGV2ZW50LlxuICAgKlxuICAgKiBAcGFyYW0gZXZlbnQgLSBUaGUgZHJhZyBhbmQgZHJvcCBldmVudC5cbiAgICovXG4gIG9uRHJhZ0Ryb3AoZXZlbnQ6IENka0RyYWdEcm9wPFNvcnRhYmxlTGlzdEl0ZW1bXT4pIHtcbiAgICBpZiAoZXZlbnQucHJldmlvdXNDb250YWluZXIgPT09IGV2ZW50LmNvbnRhaW5lcikge1xuICAgICAgbW92ZUl0ZW1JbkFycmF5KFxuICAgICAgICBldmVudC5jb250YWluZXIuZGF0YSxcbiAgICAgICAgZXZlbnQucHJldmlvdXNJbmRleCxcbiAgICAgICAgZXZlbnQuY3VycmVudEluZGV4LFxuICAgICAgKVxuICAgIH0gZWxzZSB7XG4gICAgICB0cmFuc2ZlckFycmF5SXRlbShcbiAgICAgICAgZXZlbnQucHJldmlvdXNDb250YWluZXIuZGF0YSxcbiAgICAgICAgZXZlbnQuY29udGFpbmVyLmRhdGEsXG4gICAgICAgIGV2ZW50LnByZXZpb3VzSW5kZXgsXG4gICAgICAgIGV2ZW50LmN1cnJlbnRJbmRleCxcbiAgICAgIClcbiAgICB9XG5cbiAgICB0aGlzLmVtaXRJdGVtT3JkZXJDaGFuZ2VkKFxuICAgICAgW051bWJlcihldmVudC5wcmV2aW91c0NvbnRhaW5lci5pZCksIGV2ZW50LnByZXZpb3VzSW5kZXhdLFxuICAgICAgW051bWJlcihldmVudC5jb250YWluZXIuaWQpLCBldmVudC5jdXJyZW50SW5kZXhdLFxuICAgIClcbiAgfVxuXG4gIC8qKlxuICAgKiBIYW5kbGVzIG1vdmluZyBpdGVtcyB1cCBvciBkb3duIHVzaW5nIHRoZSBhbHQgKyBhcnJvdyB1cCBvciBhbHQgKyBhcnJvdyBkb3duIGtleXMuXG4gICAqXG4gICAqIEBwYXJhbSBncm91cEluZGV4IC0gVGhlIGluZGV4IG9mIHRoZSBncm91cC5cbiAgICogQHBhcmFtIGN1cnJlbnRJdGVtSW5kZXggLSBUaGUgY3VycmVudCBpbmRleCBvZiB0aGUgaXRlbS5cbiAgICogQHBhcmFtIG5ld0l0ZW1JbmRleCAtIFRoZSBuZXcgaW5kZXggb2YgdGhlIGl0ZW0uXG4gICAqL1xuICBvbkFsdEFycm93S2V5ZG93bihcbiAgICBncm91cEluZGV4OiBudW1iZXIsXG4gICAgY3VycmVudEl0ZW1JbmRleDogbnVtYmVyLFxuICAgIG5ld0l0ZW1JbmRleDogbnVtYmVyLFxuICAgIGV2ZW50OiBhbnksXG4gICkge1xuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KClcblxuICAgIGxldCBuZXdJbmRleCA9IG5ld0l0ZW1JbmRleFxuICAgIGxldCBuZXdHcm91cEluZGV4ID0gZ3JvdXBJbmRleFxuICAgIGxldCB0cmFuc2ZlciA9IGZhbHNlXG5cbiAgICBpZiAobmV3SW5kZXggPiB0aGlzLmdyb3Vwc1tncm91cEluZGV4XS5pdGVtcy5sZW5ndGggLSAxKSB7XG4gICAgICBuZXdJbmRleCA9IDBcbiAgICAgIG5ld0dyb3VwSW5kZXggPSBncm91cEluZGV4ICsgMVxuICAgICAgdHJhbnNmZXIgPSB0cnVlXG4gICAgICB0aGlzLmZvY3VzZWRJbmRleFtncm91cEluZGV4XSA9IHRoaXMuZ3JvdXBzW2dyb3VwSW5kZXhdLml0ZW1zLmxlbmd0aCAtIDJcbiAgICB9IGVsc2UgaWYgKG5ld0luZGV4IDwgMCkge1xuICAgICAgbmV3R3JvdXBJbmRleCA9IGdyb3VwSW5kZXggLSAxXG4gICAgICBuZXdJbmRleCA9IHRoaXMuZ3JvdXBzW25ld0dyb3VwSW5kZXhdLml0ZW1zLmxlbmd0aFxuICAgICAgdHJhbnNmZXIgPSB0cnVlXG4gICAgICB0aGlzLmZvY3VzZWRJbmRleFtncm91cEluZGV4XSA9IDBcbiAgICB9XG5cbiAgICBpZiAodHJhbnNmZXIpIHtcbiAgICAgIHRyYW5zZmVyQXJyYXlJdGVtKFxuICAgICAgICB0aGlzLmdyb3Vwc1tncm91cEluZGV4XS5pdGVtcyxcbiAgICAgICAgdGhpcy5ncm91cHNbbmV3R3JvdXBJbmRleF0uaXRlbXMsXG4gICAgICAgIGN1cnJlbnRJdGVtSW5kZXgsXG4gICAgICAgIG5ld0luZGV4LFxuICAgICAgKVxuICAgIH0gZWxzZSB7XG4gICAgICBtb3ZlSXRlbUluQXJyYXkodGhpcy5ncm91cHNbZ3JvdXBJbmRleF0uaXRlbXMsIGN1cnJlbnRJdGVtSW5kZXgsIG5ld0luZGV4KVxuICAgIH1cblxuICAgIHRoaXMuZW1pdEl0ZW1PcmRlckNoYW5nZWQoXG4gICAgICBbZ3JvdXBJbmRleCwgY3VycmVudEl0ZW1JbmRleF0sXG4gICAgICBbbmV3R3JvdXBJbmRleCwgbmV3SW5kZXhdLFxuICAgIClcblxuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgdGhpcy5mb2N1c0l0ZW0obmV3R3JvdXBJbmRleCwgbmV3SW5kZXgpXG4gICAgfSlcbiAgfVxuXG4gIC8qKlxuICAgKiBIYW5kbGVzIGZvY3VzIGJ5IGFycm93IGtleWRvd24gZXZlbnQuXG4gICAqXG4gICAqIEBwYXJhbSBncm91cEluZGV4IC0gVGhlIGluZGV4IG9mIHRoZSBncm91cC5cbiAgICogQHBhcmFtIGl0ZW1JbmRleCAtIFRoZSBpbmRleCBvZiB0aGUgaXRlbS5cbiAgICogQHBhcmFtIGV2ZW50IC0gVGhlIGtleWJvYXJkIGV2ZW50LlxuICAgKi9cbiAgb25BcnJvd0tleWRvd24oZ3JvdXBJbmRleDogbnVtYmVyLCBpdGVtSW5kZXg6IG51bWJlciwgZXZlbnQ6IEV2ZW50KSB7XG4gICAgZXZlbnQucHJldmVudERlZmF1bHQoKVxuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgbGV0IGdpID0gZ3JvdXBJbmRleFxuXG4gICAgICBpZiAoaXRlbUluZGV4ID4gdGhpcy5ncm91cHNbZ3JvdXBJbmRleF0uaXRlbXMubGVuZ3RoIC0gMSkge1xuICAgICAgICBnaSA9IGdyb3VwSW5kZXggKyAxXG4gICAgICAgIGl0ZW1JbmRleCA9IDBcbiAgICAgIH1cblxuICAgICAgaWYgKGl0ZW1JbmRleCA8IDApIHtcbiAgICAgICAgZ2kgPSBncm91cEluZGV4IC0gMVxuICAgICAgICBpZiAoZ2kgPCAwKSB7XG4gICAgICAgICAgcmV0dXJuXG4gICAgICAgIH1cbiAgICAgICAgaXRlbUluZGV4ID0gdGhpcy5ncm91cHNbZ2ldLml0ZW1zLmxlbmd0aCAtIDFcbiAgICAgIH1cblxuICAgICAgdGhpcy5mb2N1c0l0ZW0oZ2ksIGl0ZW1JbmRleClcbiAgICB9KVxuICB9XG5cbiAgLyoqXG4gICAqIEVtaXRzIHRoZSBpdGVtIG9yZGVyIGNoYW5nZWQgZXZlbnQuXG4gICAqXG4gICAqIEBwYXJhbSBwcmV2aW91c0luZGV4IC0gVGhlIHByZXZpb3VzIGluZGV4IG9mIHRoZSBpdGVtLlxuICAgKiBAcGFyYW0gY3VycmVudEluZGV4IC0gVGhlIGN1cnJlbnQgaW5kZXggb2YgdGhlIGl0ZW0uXG4gICAqL1xuICBwcml2YXRlIGVtaXRJdGVtT3JkZXJDaGFuZ2VkKFxuICAgIHByZXZpb3VzSW5kZXg6IFtudW1iZXIsIG51bWJlcl0sXG4gICAgY3VycmVudEluZGV4OiBbbnVtYmVyLCBudW1iZXJdLFxuICApIHtcbiAgICB0aGlzLml0ZW1PcmRlckNoYW5nZWQuZW1pdCh7XG4gICAgICBwcmV2aW91c0luZGV4LFxuICAgICAgY3VycmVudEluZGV4LFxuICAgICAgZ3JvdXBzOiBbLi4udGhpcy5ncm91cHNdLFxuICAgIH0pXG4gIH1cblxuICAvKipcbiAgICogRW1pdHMgdGhlIHNlbGVjdGVkIGNoZWNrbGlzdCBpdGVtIHRocm91Z2ggYW4gZXZlbnQuXG4gICAqXG4gICAqIEBwYXJhbSBpdGVtIC0gVGhlIGNoZWNrbGlzdCBpdGVtIHRvIGVtaXQuXG4gICAqL1xuICBwcml2YXRlIGVtaXRDaGVja0xpc3RJdGVtKGl0ZW06IFNvcnRhYmxlTGlzdEl0ZW0pIHtcbiAgICB0aGlzLml0ZW1TZWxlY3Rpb25DaGFuZ2VkLmVtaXQoeyBjaGFuZ2VkSXRlbTogaXRlbSwgZ3JvdXBzOiB0aGlzLmdyb3VwcyB9KVxuICB9XG5cbiAgLyoqXG4gICAqIEZvY3VzZXMgb24gYSBzcGVjaWZpYyBpdGVtIGluIHRoZSBzb3J0YWJsZSBsaXN0LlxuICAgKlxuICAgKiBAcGFyYW0gZ3JvdXBJbmRleCAtIFRoZSBpbmRleCBvZiB0aGUgZ3JvdXAuXG4gICAqIEBwYXJhbSBpdGVtSW5kZXggLSBUaGUgaW5kZXggb2YgdGhlIGl0ZW0uXG4gICAqL1xuICBwcml2YXRlIGZvY3VzSXRlbShncm91cEluZGV4OiBudW1iZXIsIGl0ZW1JbmRleDogbnVtYmVyKTogdm9pZCB7XG4gICAgY29uc3QgZ3JvdXBFbGVtZW50cyA9XG4gICAgICB0aGlzLnNvcnRhYmxlTGlzdEdyb3Vwcy5uYXRpdmVFbGVtZW50LnF1ZXJ5U2VsZWN0b3JBbGwoJy5pdGVtLWxpc3QtZ3JvdXAnKVxuXG4gICAgaWYgKGdyb3VwRWxlbWVudHMgJiYgZ3JvdXBFbGVtZW50cy5sZW5ndGggPiBncm91cEluZGV4KSB7XG4gICAgICBjb25zdCBpdGVtRWxlbWVudHMgPSBncm91cEVsZW1lbnRzW2dyb3VwSW5kZXhdLnF1ZXJ5U2VsZWN0b3JBbGwoJy5pdGVtJylcbiAgICAgIGlmIChpdGVtRWxlbWVudHMgJiYgaXRlbUVsZW1lbnRzLmxlbmd0aCA+IGl0ZW1JbmRleCkge1xuICAgICAgICBpZiAodGhpcy5zaG91bGREaXNwbGF5Q2hlY2tib3hlcykge1xuICAgICAgICAgIGl0ZW1FbGVtZW50c1tpdGVtSW5kZXhdLnF1ZXJ5U2VsZWN0b3IoJ2lucHV0JykuZm9jdXMoKVxuICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgIGl0ZW1FbGVtZW50c1tpdGVtSW5kZXhdLmZvY3VzKClcbiAgICAgICAgfVxuICAgICAgICB0aGlzLmZvY3VzZWRJbmRleFtncm91cEluZGV4XSA9IGl0ZW1JbmRleFxuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBDaGVja3MgaWYgYW4gaXRlbSBoYXMgZm9jdXMuXG4gICAqXG4gICAqIEBwYXJhbSBncm91cEluZGV4IC0gVGhlIGluZGV4IG9mIHRoZSBncm91cC5cbiAgICogQHBhcmFtIGl0ZW1JbmRleCAtIFRoZSBpbmRleCBvZiB0aGUgaXRlbS5cbiAgICovXG4gIGl0ZW1IYXNGb2N1cyhncm91cEluZGV4OiBudW1iZXIsIGl0ZW1JbmRleDogbnVtYmVyKSB7XG4gICAgaWYgKCF0aGlzLmZvY3VzZWRJbmRleFtncm91cEluZGV4XSkge1xuICAgICAgdGhpcy5mb2N1c2VkSW5kZXhbZ3JvdXBJbmRleF0gPSAwXG4gICAgfVxuICAgIHJldHVybiB0aGlzLmZvY3VzZWRJbmRleFtncm91cEluZGV4XSA9PT0gaXRlbUluZGV4XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJpdGVtLWxpc3RcIj5cbiAgPG5nLWNvbnRhaW5lcj5cbiAgICA8cCBjbGFzcz1cIml0ZW0tbGlzdC1oZWFkZXJcIj5cbiAgICAgIDxzcGFuIGNsYXNzPVwiaXRlbS1saXN0LWhlYWRlci10aXRsZVwiPnt7IGRlc2NyaXB0aW9uIH19PC9zcGFuPlxuICAgIDwvcD5cbiAgICA8ZGl2ICNzb3J0YWJsZUxpc3RHcm91cHMgY2RrRHJvcExpc3RHcm91cD5cbiAgICAgIDxkaXZcbiAgICAgICAgKm5nRm9yPVwibGV0IGdyb3VwIG9mIGdyb3VwczsgbGV0IGdfaSA9IGluZGV4XCJcbiAgICAgICAgY2xhc3M9XCJpdGVtLWxpc3QtZ3JvdXBcIlxuICAgICAgICBbY2xhc3MuZHJhZy1lbmFibGVkXT1cImlzRHJhZ2dhYmxlICYmICFpc1JlYWRPbmx5XCJcbiAgICAgICAgcm9sZT1cImxpc3RcIlxuICAgICAgICBjZGtEcm9wTGlzdFxuICAgICAgICBbY2RrRHJvcExpc3REYXRhXT1cImdyb3VwLml0ZW1zXCJcbiAgICAgICAgW2lkXT1cImdfaS50b1N0cmluZygpXCJcbiAgICAgICAgKGNka0Ryb3BMaXN0RHJvcHBlZCk9XCJvbkRyYWdEcm9wKCRldmVudClcIlxuICAgICAgPlxuICAgICAgICA8cFxuICAgICAgICAgICpuZ0lmPVwiZ3JvdXAudGl0bGUgJiYgZ3JvdXAudGl0bGUubGVuZ3RoID4gMFwiXG4gICAgICAgICAgY2xhc3M9XCJpdGVtLWxpc3QtaGVhZGVyXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwiaXRlbS1saXN0LWhlYWRlci10aXRsZVwiPnt7IGdyb3VwLnRpdGxlIH19PC9zcGFuPlxuICAgICAgICA8L3A+XG4gICAgICAgIDxwXG4gICAgICAgICAgKm5nSWY9XCJncm91cC5kZXNjcmlwdGlvbiAmJiBncm91cC5kZXNjcmlwdGlvbi5sZW5ndGggPiAwXCJcbiAgICAgICAgICBjbGFzcz1cIml0ZW0tbGlzdC1oZWFkZXItZGVzY3JpcHRpb25cIlxuICAgICAgICA+XG4gICAgICAgICAge3sgZ3JvdXAuZGVzY3JpcHRpb24gfX1cbiAgICAgICAgPC9wPlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgKm5nRm9yPVwibGV0IGNoZWNrbGlzdEl0ZW0gb2YgZ3JvdXAuaXRlbXM7IGxldCBpID0gaW5kZXhcIlxuICAgICAgICAgIFtjZGtEcmFnRGlzYWJsZWRdPVwiIWlzRHJhZ2dhYmxlIHx8IGlzUmVhZE9ubHlcIlxuICAgICAgICAgIFtjZGtEcmFnRGF0YV09XCJjaGVja2xpc3RJdGVtXCJcbiAgICAgICAgICBjZGtEcmFnXG4gICAgICAgICAgY2RrRHJhZ0xvY2tBeGlzPVwieVwiXG4gICAgICAgICAgY2xhc3M9XCJpdGVtLWJveFwiXG4gICAgICAgICAgcm9sZT1cImxpc3RpdGVtXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxkaXYgKmNka0RyYWdQbGFjZWhvbGRlciBjbGFzcz1cIml0ZW0tY3VzdG9tLXBsYWNlaG9sZGVyXCI+PC9kaXY+XG4gICAgICAgICAgPGxhYmVsXG4gICAgICAgICAgICAoa2V5ZG93bi5hbHQuYXJyb3dEb3duKT1cIm9uQWx0QXJyb3dLZXlkb3duKGdfaSwgaSwgaSArIDEsICRldmVudClcIlxuICAgICAgICAgICAgKGtleWRvd24uYWx0LmFycm93VXApPVwib25BbHRBcnJvd0tleWRvd24oZ19pLCBpLCBpIC0gMSwgJGV2ZW50KVwiXG4gICAgICAgICAgICAoa2V5ZG93bi5hcnJvd0Rvd24pPVwib25BcnJvd0tleWRvd24oZ19pLCBpICsgMSwgJGV2ZW50KVwiXG4gICAgICAgICAgICAoa2V5ZG93bi5hcnJvd1VwKT1cIm9uQXJyb3dLZXlkb3duKGdfaSwgaSAtIDEsICRldmVudClcIlxuICAgICAgICAgICAgY2xhc3M9XCJmb3JtLWNvbnRyb2wgaXRlbS1jb250cm9sIGFsaWduLWl0ZW1zLWNlbnRlciBpdGVtXCJcbiAgICAgICAgICAgIFt0YWJpbmRleF09XCJzaG91bGREaXNwbGF5Q2hlY2tib3hlcyA/ICctMScgOiAnMCdcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJmb3JtLWNvbnRyb2xcIj5cbiAgICAgICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICAgICAgKGNoYW5nZSk9XCJ0b2dnbGVTZWxlY3Rpb24oY2hlY2tsaXN0SXRlbSlcIlxuICAgICAgICAgICAgICAgIFtjaGVja2VkXT1cImNoZWNrbGlzdEl0ZW0uc2VsZWN0ZWRcIlxuICAgICAgICAgICAgICAgIFtkaXNhYmxlZF09XCJpc1JlYWRPbmx5XCJcbiAgICAgICAgICAgICAgICBbdHlwZV09XCJzaG91bGREaXNwbGF5Q2hlY2tib3hlcyA/ICdjaGVja2JveCcgOiAnaGlkZGVuJ1wiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJpdGVtLWJveC10aXRsZVwiPlxuICAgICAgICAgICAgICAgIDxzcGFuIG5hbWU9XCJhZ2VuZGFJdGVtTmFtZVwiXG4gICAgICAgICAgICAgICAgICA+e3sgY2hlY2tsaXN0SXRlbS5uYW1lIH19XG4gICAgICAgICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICAgICAgICAqbmdJZj1cImNoZWNrbGlzdEl0ZW0uaGFzQ3VzdG9tU3VmZml4XCJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJpdGVtLWxpc3Qtc3VmZml4XCJcbiAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICAgICAgICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBzdWZmaXhUZW1wbGF0ZTtcbiAgICAgICAgICAgICAgICAgICAgICAgIGNvbnRleHQ6IHsgJGltcGxpY2l0OiBjaGVja2xpc3RJdGVtIH1cbiAgICAgICAgICAgICAgICAgICAgICBcIlxuICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwidXNlci1pY29uXCJcbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgPGJyIC8+XG4gICAgICAgICAgICAgICAgPHNwYW4gKm5nSWY9XCIhIWNoZWNrbGlzdEl0ZW0uZGVzY3JpcHRpb25cIj5cbiAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiaXRlbS1saXN0LXN1ZmZpeFwiIG5hbWU9XCJhZ2VuZGFJdGVtVG9vbFRpcFwiPlxuICAgICAgICAgICAgICAgICAgICB7eyBjaGVja2xpc3RJdGVtLmRlc2NyaXB0aW9uIH19XG4gICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICA8YnIgLz5cbiAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICA8aT48L2k+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJpc0RyYWdnYWJsZSAmJiAhaXNSZWFkT25seVwiIGNsYXNzPVwiaXRlbS1ncmlwLWljb25cIj5cbiAgICAgICAgICAgICAgPGkgY2xhc3M9XCJzZy1pY29uIHNnLWljb24tZ3JpcC12ZXJ0aWNhbCB0ZXh0LXByaW1hcnlcIj48L2k+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2xhYmVsPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L25nLWNvbnRhaW5lcj5cbjwvZGl2PlxuIl19

package/esm2020/src/lib/sortable-list/sortable-list.module.mjs

@@ -0,0 +1,20 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { NggSortableListComponent } from './sortable-list.component';
+import { DragDropModule } from '@angular/cdk/drag-drop';
+import * as i0 from "@angular/core";
+export class NggSortableListModule {
+}
+NggSortableListModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NggSortableListModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NggSortableListModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: NggSortableListModule, declarations: [NggSortableListComponent], imports: [CommonModule, FormsModule, DragDropModule], exports: [NggSortableListComponent] });
+NggSortableListModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NggSortableListModule, imports: [CommonModule, FormsModule, DragDropModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NggSortableListModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, FormsModule, DragDropModule],
+                    exports: [NggSortableListComponent],
+                    declarations: [NggSortableListComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic29ydGFibGUtbGlzdC5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvc3JjL2xpYi9zb3J0YWJsZS1saXN0L3NvcnRhYmxlLWxpc3QubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFBO0FBQ3hDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQTtBQUM1QyxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sd0JBQXdCLENBQUE7O0FBT3ZELE1BQU0sT0FBTyxxQkFBcUI7O2tIQUFyQixxQkFBcUI7bUhBQXJCLHFCQUFxQixpQkFGakIsd0JBQXdCLGFBRjdCLFlBQVksRUFBRSxXQUFXLEVBQUUsY0FBYyxhQUN6Qyx3QkFBd0I7bUhBR3ZCLHFCQUFxQixZQUp0QixZQUFZLEVBQUUsV0FBVyxFQUFFLGNBQWM7MkZBSXhDLHFCQUFxQjtrQkFMakMsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsV0FBVyxFQUFFLGNBQWMsQ0FBQztvQkFDcEQsT0FBTyxFQUFFLENBQUMsd0JBQXdCLENBQUM7b0JBQ25DLFlBQVksRUFBRSxDQUFDLHdCQUF3QixDQUFDO2lCQUN6QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbidcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcbmltcG9ydCB7IEZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnXG5pbXBvcnQgeyBOZ2dTb3J0YWJsZUxpc3RDb21wb25lbnQgfSBmcm9tICcuL3NvcnRhYmxlLWxpc3QuY29tcG9uZW50J1xuaW1wb3J0IHsgRHJhZ0Ryb3BNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvZHJhZy1kcm9wJ1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBGb3Jtc01vZHVsZSwgRHJhZ0Ryb3BNb2R1bGVdLFxuICBleHBvcnRzOiBbTmdnU29ydGFibGVMaXN0Q29tcG9uZW50XSxcbiAgZGVjbGFyYXRpb25zOiBbTmdnU29ydGFibGVMaXN0Q29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgTmdnU29ydGFibGVMaXN0TW9kdWxlIHt9XG4iXX0=

package/fesm2015/sebgroup-green-angular-src-lib-accordion.mjs

@@ -0,0 +1,140 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, ContentChildren, NgModule } from '@angular/core';
+import { randomId } from '@sebgroup/extract';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class NggAccordionListItemComponent {
+    constructor() {
+        this.id = randomId();
+        this.listItemHeader = '';
+        this.listItemSubHeader = '';
+        this.expandedChange = new EventEmitter();
+        this.contentHeight = '0px';
+        this.isExpanded = false;
+    }
+    shrink() {
+        this.isExpanded = false;
+        this.contentHeight = '0px';
+    }
+    expand() {
+        this.isExpanded = true;
+        this.contentHeight = 'auto';
+    }
+    toggleExpanded() {
+        this.isExpanded = !this.isExpanded;
+        if (this.isExpanded) {
+            this.contentHeight = 'auto';
+        }
+        else {
+            this.contentHeight = '0px';
+        }
+        this.expandedChange.emit(this);
+    }
+}
+NggAccordionListItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NggAccordionListItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NggAccordionListItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NggAccordionListItemComponent, selector: "div[ngg-accordion-list-item]", inputs: { id: "id", listItemHeader: "listItemHeader", listItemSubHeader: "listItemSubHeader" }, outputs: { expandedChange: "expandedChange" }, ngImport: i0, template: "<ng-container data-testid=\"accordion-list-item-root\">\n  <div role=\"heading\" aria-level=\"2\" [attr.id]=\"id\">\n    <button\n      data-testid=\"accordion-list-item-expander-button\"\n      [attr.id]=\"id + '_header'\"\n      (click)=\"toggleExpanded()\"\n      tabindex=\"0\"\n      [attr.aria-expanded]=\"this.isExpanded\"\n      [attr.aria-controls]=\"id + '_section'\"\n    >\n      <span data-testid=\"accordion-list-item-header\">{{ listItemHeader }}</span>\n      <span data-testid=\"accordion-list-item-subheader\">{{\n        listItemSubHeader\n      }}</span>\n      <svg\n        width=\"1em\"\n        height=\"1em\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M18.8095 9.22817L18.1907 8.60942C18.0438 8.46255 17.8063 8.46255 17.6595 8.60942L12.0001 14.2563L6.34072 8.60942C6.19385 8.46255 5.95635 8.46255 5.80947 8.60942L5.19072 9.22817C5.04385 9.37505 5.04385 9.61255 5.19072 9.75942L11.7345 16.3032C11.8813 16.45 12.1188 16.45 12.2657 16.3032L18.8095 9.75942C18.9563 9.61255 18.9563 9.37505 18.8095 9.22817Z\"\n          fill=\"#333333\"\n        />\n      </svg>\n    </button>\n    <div\n      role=\"region\"\n      [hidden]=\"!this.isExpanded\"\n      [ngStyle]=\"{ height: this.contentHeight }\"\n      [id]=\"id + '_section'\"\n      [attr.aria-labelledby]=\"id + '_header'\"\n      data-testid=\"accordion-list-item-content\"\n    >\n      <div>\n        <ng-content></ng-content>\n      </div>\n    </div>\n  </div>\n</ng-container>\n", dependencies: [{ kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NggAccordionListItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'div[ngg-accordion-list-item]', template: "<ng-container data-testid=\"accordion-list-item-root\">\n  <div role=\"heading\" aria-level=\"2\" [attr.id]=\"id\">\n    <button\n      data-testid=\"accordion-list-item-expander-button\"\n      [attr.id]=\"id + '_header'\"\n      (click)=\"toggleExpanded()\"\n      tabindex=\"0\"\n      [attr.aria-expanded]=\"this.isExpanded\"\n      [attr.aria-controls]=\"id + '_section'\"\n    >\n      <span data-testid=\"accordion-list-item-header\">{{ listItemHeader }}</span>\n      <span data-testid=\"accordion-list-item-subheader\">{{\n        listItemSubHeader\n      }}</span>\n      <svg\n        width=\"1em\"\n        height=\"1em\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M18.8095 9.22817L18.1907 8.60942C18.0438 8.46255 17.8063 8.46255 17.6595 8.60942L12.0001 14.2563L6.34072 8.60942C6.19385 8.46255 5.95635 8.46255 5.80947 8.60942L5.19072 9.22817C5.04385 9.37505 5.04385 9.61255 5.19072 9.75942L11.7345 16.3032C11.8813 16.45 12.1188 16.45 12.2657 16.3032L18.8095 9.75942C18.9563 9.61255 18.9563 9.37505 18.8095 9.22817Z\"\n          fill=\"#333333\"\n        />\n      </svg>\n    </button>\n    <div\n      role=\"region\"\n      [hidden]=\"!this.isExpanded\"\n      [ngStyle]=\"{ height: this.contentHeight }\"\n      [id]=\"id + '_section'\"\n      [attr.aria-labelledby]=\"id + '_header'\"\n      data-testid=\"accordion-list-item-content\"\n    >\n      <div>\n        <ng-content></ng-content>\n      </div>\n    </div>\n  </div>\n</ng-container>\n" }]
+        }], propDecorators: { id: [{
+                type: Input
+            }], listItemHeader: [{
+                type: Input
+            }], listItemSubHeader: [{
+                type: Input
+            }], expandedChange: [{
+                type: Output
+            }] } });
+
+class NggAccordionComponent {
+    constructor() {
+        this.closeOthers = false;
+    }
+    get expandAll() {
+        return this._expandAll;
+    }
+    set expandAll(value) {
+        var _a, _b;
+        if (value === this._expandAll)
+            return;
+        if (this._expandAll) {
+            (_a = this.expandAllSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        }
+        this._expandAll = value;
+        this.expandAllSubscription = (_b = this._expandAll) === null || _b === void 0 ? void 0 : _b.subscribe(() => {
+            if (this.closeOthers === false) {
+                const itemArray = this.items ? Array.from(this.items) : undefined;
+                if (itemArray) {
+                    for (const i of itemArray) {
+                        i.expand();
+                    }
+                }
+            }
+        });
+    }
+    ngAfterContentChecked() {
+        if (this.closeOthers) {
+            const itemArray = this.items ? Array.from(this.items) : undefined;
+            if (itemArray) {
+                for (const i of itemArray) {
+                    i.expandedChange.subscribe((child) => this.onChildExpanded(child));
+                }
+            }
+        }
+    }
+    ngOnDestroy() {
+        var _a;
+        if (this.closeOthers) {
+            const itemArray = this.items ? Array.from(this.items) : undefined;
+            if (itemArray) {
+                for (const i of itemArray) {
+                    i.expandedChange.unsubscribe();
+                }
+            }
+        }
+        (_a = this.expandAllSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+    }
+    onChildExpanded(childIdentity) {
+        if (this.closeOthers && childIdentity.isExpanded && this.items) {
+            this.items.forEach((item) => {
+                if (item !== childIdentity)
+                    item.shrink();
+            });
+        }
+    }
+}
+NggAccordionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NggAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NggAccordionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NggAccordionComponent, selector: "ngg-accordion", inputs: { closeOthers: "closeOthers", expandAll: "expandAll" }, queries: [{ propertyName: "items", predicate: NggAccordionListItemComponent }], ngImport: i0, template: "<div class=\"accordion\" data-testid=\"accordion-root\">\n  <ng-content></ng-content>\n</div>\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NggAccordionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngg-accordion', template: "<div class=\"accordion\" data-testid=\"accordion-root\">\n  <ng-content></ng-content>\n</div>\n" }]
+        }], propDecorators: { items: [{
+                type: ContentChildren,
+                args: [NggAccordionListItemComponent]
+            }], closeOthers: [{
+                type: Input
+            }], expandAll: [{
+                type: Input
+            }] } });
+
+class NggAccordionModule {
+}
+NggAccordionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NggAccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NggAccordionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: NggAccordionModule, declarations: [NggAccordionListItemComponent, NggAccordionComponent], imports: [CommonModule], exports: [NggAccordionListItemComponent, NggAccordionComponent] });
+NggAccordionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NggAccordionModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NggAccordionModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    exports: [NggAccordionListItemComponent, NggAccordionComponent],
+                    declarations: [NggAccordionListItemComponent, NggAccordionComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NggAccordionComponent, NggAccordionListItemComponent, NggAccordionModule };
+//# sourceMappingURL=sebgroup-green-angular-src-lib-accordion.mjs.map

package/fesm2015/sebgroup-green-angular-src-lib-accordion.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sebgroup-green-angular-src-lib-accordion.mjs","sources":["../../../../libs/angular/src/lib/accordion/accordion-list-item.component.ts","../../../../libs/angular/src/lib/accordion/accordion-list-item.component.html","../../../../libs/angular/src/lib/accordion/accordion.component.ts","../../../../libs/angular/src/lib/accordion/accordion.component.html","../../../../libs/angular/src/lib/accordion/accordion.module.ts","../../../../libs/angular/src/lib/accordion/sebgroup-green-angular-src-lib-accordion.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core'\nimport { randomId } from '@sebgroup/extract'\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'div[ngg-accordion-list-item]',\n  templateUrl: './accordion-list-item.component.html',\n})\nexport class NggAccordionListItemComponent {\n  @Input() public id: string = randomId()\n  @Input() public listItemHeader = ''\n  @Input() public listItemSubHeader = ''\n  @Output() public expandedChange: EventEmitter<NggAccordionListItemComponent> =\n    new EventEmitter<NggAccordionListItemComponent>()\n\n  public contentHeight = '0px'\n  public isExpanded = false\n\n  public shrink(): void {\n    this.isExpanded = false\n    this.contentHeight = '0px'\n  }\n\n  public expand(): void {\n    this.isExpanded = true\n    this.contentHeight = 'auto'\n  }\n\n  public toggleExpanded(): void {\n    this.isExpanded = !this.isExpanded\n    if (this.isExpanded) {\n      this.contentHeight = 'auto'\n    } else {\n      this.contentHeight = '0px'\n    }\n\n    this.expandedChange.emit(this)\n  }\n}\n","<ng-container data-testid=\"accordion-list-item-root\">\n  <div role=\"heading\" aria-level=\"2\" [attr.id]=\"id\">\n    <button\n      data-testid=\"accordion-list-item-expander-button\"\n      [attr.id]=\"id + '_header'\"\n      (click)=\"toggleExpanded()\"\n      tabindex=\"0\"\n      [attr.aria-expanded]=\"this.isExpanded\"\n      [attr.aria-controls]=\"id + '_section'\"\n    >\n      <span data-testid=\"accordion-list-item-header\">{{ listItemHeader }}</span>\n      <span data-testid=\"accordion-list-item-subheader\">{{\n        listItemSubHeader\n      }}</span>\n      <svg\n        width=\"1em\"\n        height=\"1em\"\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n      >\n        <path\n          d=\"M18.8095 9.22817L18.1907 8.60942C18.0438 8.46255 17.8063 8.46255 17.6595 8.60942L12.0001 14.2563L6.34072 8.60942C6.19385 8.46255 5.95635 8.46255 5.80947 8.60942L5.19072 9.22817C5.04385 9.37505 5.04385 9.61255 5.19072 9.75942L11.7345 16.3032C11.8813 16.45 12.1188 16.45 12.2657 16.3032L18.8095 9.75942C18.9563 9.61255 18.9563 9.37505 18.8095 9.22817Z\"\n          fill=\"#333333\"\n        />\n      </svg>\n    </button>\n    <div\n      role=\"region\"\n      [hidden]=\"!this.isExpanded\"\n      [ngStyle]=\"{ height: this.contentHeight }\"\n      [id]=\"id + '_section'\"\n      [attr.aria-labelledby]=\"id + '_header'\"\n      data-testid=\"accordion-list-item-content\"\n    >\n      <div>\n        <ng-content></ng-content>\n      </div>\n    </div>\n  </div>\n</ng-container>\n","import {\n  AfterContentChecked,\n  Component,\n  ContentChildren,\n  Input,\n  OnDestroy,\n  QueryList,\n} from '@angular/core'\nimport { Observable, Subscription } from 'rxjs'\nimport { NggAccordionListItemComponent } from './accordion-list-item.component'\n\n@Component({\n  selector: 'ngg-accordion',\n  templateUrl: './accordion.component.html',\n})\nexport class NggAccordionComponent implements AfterContentChecked, OnDestroy {\n  @ContentChildren(NggAccordionListItemComponent) private items:\n    | QueryList<NggAccordionListItemComponent>\n    | undefined\n  private _expandAll: Observable<void> | undefined\n  private expandAllSubscription: Subscription | undefined\n  @Input() public closeOthers = false\n  @Input()\n  public get expandAll(): Observable<void> | undefined {\n    return this._expandAll\n  }\n  public set expandAll(value: Observable<void> | undefined) {\n    if (value === this._expandAll) return\n    if (this._expandAll) {\n      this.expandAllSubscription?.unsubscribe()\n    }\n\n    this._expandAll = value\n    this.expandAllSubscription = this._expandAll?.subscribe(() => {\n      if (this.closeOthers === false) {\n        const itemArray = this.items ? Array.from(this.items) : undefined\n        if (itemArray) {\n          for (const i of itemArray) {\n            i.expand()\n          }\n        }\n      }\n    })\n  }\n\n  public ngAfterContentChecked(): void {\n    if (this.closeOthers) {\n      const itemArray = this.items ? Array.from(this.items) : undefined\n      if (itemArray) {\n        for (const i of itemArray) {\n          i.expandedChange.subscribe((child) => this.onChildExpanded(child))\n        }\n      }\n    }\n  }\n\n  public ngOnDestroy(): void {\n    if (this.closeOthers) {\n      const itemArray = this.items ? Array.from(this.items) : undefined\n      if (itemArray) {\n        for (const i of itemArray) {\n          i.expandedChange.unsubscribe()\n        }\n      }\n    }\n\n    this.expandAllSubscription?.unsubscribe()\n  }\n\n  private onChildExpanded(childIdentity: NggAccordionListItemComponent) {\n    if (this.closeOthers && childIdentity.isExpanded && this.items) {\n      this.items.forEach((item) => {\n        if (item !== childIdentity) item.shrink()\n      })\n    }\n  }\n}\n","<div class=\"accordion\" data-testid=\"accordion-root\">\n  <ng-content></ng-content>\n</div>\n","import { CommonModule } from '@angular/common'\nimport { NgModule } from '@angular/core'\nimport { NggAccordionListItemComponent } from './accordion-list-item.component'\nimport { NggAccordionComponent } from './accordion.component'\n\n@NgModule({\n  imports: [CommonModule],\n  exports: [NggAccordionListItemComponent, NggAccordionComponent],\n  declarations: [NggAccordionListItemComponent, NggAccordionComponent],\n})\nexport class NggAccordionModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAQa,6BAA6B,CAAA;AAL1C,IAAA,WAAA,GAAA;AAMkB,QAAA,IAAE,CAAA,EAAA,GAAW,QAAQ,EAAE,CAAA;AACvB,QAAA,IAAc,CAAA,cAAA,GAAG,EAAE,CAAA;AACnB,QAAA,IAAiB,CAAA,iBAAA,GAAG,EAAE,CAAA;AACrB,QAAA,IAAA,CAAA,cAAc,GAC7B,IAAI,YAAY,EAAiC,CAAA;AAE5C,QAAA,IAAa,CAAA,aAAA,GAAG,KAAK,CAAA;AACrB,QAAA,IAAU,CAAA,UAAA,GAAG,KAAK,CAAA;KAsB1B;IApBQ,MAAM,GAAA;AACX,QAAA,IAAI,CAAC,UAAU,GAAG,KAAK,CAAA;AACvB,QAAA,IAAI,CAAC,aAAa,GAAG,KAAK,CAAA;KAC3B;IAEM,MAAM,GAAA;AACX,QAAA,IAAI,CAAC,UAAU,GAAG,IAAI,CAAA;AACtB,QAAA,IAAI,CAAC,aAAa,GAAG,MAAM,CAAA;KAC5B;IAEM,cAAc,GAAA;AACnB,QAAA,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,UAAU,CAAA;QAClC,IAAI,IAAI,CAAC,UAAU,EAAE;AACnB,YAAA,IAAI,CAAC,aAAa,GAAG,MAAM,CAAA;AAC5B,SAAA;AAAM,aAAA;AACL,YAAA,IAAI,CAAC,aAAa,GAAG,KAAK,CAAA;AAC3B,SAAA;AAED,QAAA,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;KAC/B;;0HA7BU,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA7B,6BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,6BAA6B,mNCR1C,uhDAyCA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FDjCa,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBALzC,SAAS;+BAEE,8BAA8B,EAAA,QAAA,EAAA,uhDAAA,EAAA,CAAA;8BAIxB,EAAE,EAAA,CAAA;sBAAjB,KAAK;gBACU,cAAc,EAAA,CAAA;sBAA7B,KAAK;gBACU,iBAAiB,EAAA,CAAA;sBAAhC,KAAK;gBACW,cAAc,EAAA,CAAA;sBAA9B,MAAM;;;MEGI,qBAAqB,CAAA;AAJlC,IAAA,WAAA,GAAA;AAUkB,QAAA,IAAW,CAAA,WAAA,GAAG,KAAK,CAAA;KAuDpC;AAtDC,IAAA,IACW,SAAS,GAAA;QAClB,OAAO,IAAI,CAAC,UAAU,CAAA;KACvB;IACD,IAAW,SAAS,CAAC,KAAmC,EAAA;;AACtD,QAAA,IAAI,KAAK,KAAK,IAAI,CAAC,UAAU;YAAE,OAAM;QACrC,IAAI,IAAI,CAAC,UAAU,EAAE;AACnB,YAAA,CAAA,EAAA,GAAA,IAAI,CAAC,qBAAqB,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,WAAW,EAAE,CAAA;AAC1C,SAAA;AAED,QAAA,IAAI,CAAC,UAAU,GAAG,KAAK,CAAA;QACvB,IAAI,CAAC,qBAAqB,GAAG,CAAA,EAAA,GAAA,IAAI,CAAC,UAAU,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,SAAS,CAAC,MAAK;AAC3D,YAAA,IAAI,IAAI,CAAC,WAAW,KAAK,KAAK,EAAE;gBAC9B,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,SAAS,CAAA;AACjE,gBAAA,IAAI,SAAS,EAAE;AACb,oBAAA,KAAK,MAAM,CAAC,IAAI,SAAS,EAAE;wBACzB,CAAC,CAAC,MAAM,EAAE,CAAA;AACX,qBAAA;AACF,iBAAA;AACF,aAAA;AACH,SAAC,CAAC,CAAA;KACH;IAEM,qBAAqB,GAAA;QAC1B,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,SAAS,CAAA;AACjE,YAAA,IAAI,SAAS,EAAE;AACb,gBAAA,KAAK,MAAM,CAAC,IAAI,SAAS,EAAE;AACzB,oBAAA,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAA;AACnE,iBAAA;AACF,aAAA;AACF,SAAA;KACF;IAEM,WAAW,GAAA;;QAChB,IAAI,IAAI,CAAC,WAAW,EAAE;YACpB,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,SAAS,CAAA;AACjE,YAAA,IAAI,SAAS,EAAE;AACb,gBAAA,KAAK,MAAM,CAAC,IAAI,SAAS,EAAE;AACzB,oBAAA,CAAC,CAAC,cAAc,CAAC,WAAW,EAAE,CAAA;AAC/B,iBAAA;AACF,aAAA;AACF,SAAA;AAED,QAAA,CAAA,EAAA,GAAA,IAAI,CAAC,qBAAqB,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,WAAW,EAAE,CAAA;KAC1C;AAEO,IAAA,eAAe,CAAC,aAA4C,EAAA;QAClE,IAAI,IAAI,CAAC,WAAW,IAAI,aAAa,CAAC,UAAU,IAAI,IAAI,CAAC,KAAK,EAAE;YAC9D,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,KAAI;gBAC1B,IAAI,IAAI,KAAK,aAAa;oBAAE,IAAI,CAAC,MAAM,EAAE,CAAA;AAC3C,aAAC,CAAC,CAAA;AACH,SAAA;KACF;;kHA5DU,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;sGAArB,qBAAqB,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,OAAA,EAAA,SAAA,EACf,6BAA6B,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChBhD,iGAGA,EAAA,CAAA,CAAA;2FDYa,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAJjC,SAAS;+BACE,eAAe,EAAA,QAAA,EAAA,iGAAA,EAAA,CAAA;8BAI+B,KAAK,EAAA,CAAA;sBAA5D,eAAe;uBAAC,6BAA6B,CAAA;gBAK9B,WAAW,EAAA,CAAA;sBAA1B,KAAK;gBAEK,SAAS,EAAA,CAAA;sBADnB,KAAK;;;MEZK,kBAAkB,CAAA;;+GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;gHAAlB,kBAAkB,EAAA,YAAA,EAAA,CAFd,6BAA6B,EAAE,qBAAqB,aAFzD,YAAY,CAAA,EAAA,OAAA,EAAA,CACZ,6BAA6B,EAAE,qBAAqB,CAAA,EAAA,CAAA,CAAA;AAGnD,kBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,YAJnB,YAAY,CAAA,EAAA,CAAA,CAAA;2FAIX,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAL9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,YAAY,CAAC;AACvB,oBAAA,OAAO,EAAE,CAAC,6BAA6B,EAAE,qBAAqB,CAAC;AAC/D,oBAAA,YAAY,EAAE,CAAC,6BAA6B,EAAE,qBAAqB,CAAC;iBACrE,CAAA;;;ACTD;;AAEG;;;;"}

package/fesm2015/sebgroup-green-angular-src-lib-badge.mjs

@@ -0,0 +1,102 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, ChangeDetectionStrategy, Input, HostBinding, Output, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+
+class NggBadgeComponent {
+    //eslint-disable-next-line
+    constructor() {
+        /** The color of the component */
+        this.badgeType = '';
+        /** Callback when component is dismissed */
+        this.handleClose = new EventEmitter();
+    }
+    /** Flag whether the component can be dismissed */
+    set isCloseable(value) {
+        this._isCloseable = value;
+    }
+    get isCloseable() {
+        return this._isCloseable === '' || !!this._isCloseable;
+    }
+    get class() {
+        return ['badge', this.badgeType].join(' ');
+    }
+    ngOnInit() {
+        if (!!this.customColor || !!this.customBackgroundColor) {
+            this.badgeType = '';
+        }
+    }
+    close(e) {
+        this.handleClose.emit(e);
+    }
+}
+NggBadgeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NggBadgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NggBadgeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NggBadgeComponent, selector: "[ngg-badge]", inputs: { badgeType: "badgeType", isCloseable: "isCloseable", closeText: "closeText", customColor: "customColor", customBackgroundColor: "customBackgroundColor" }, outputs: { handleClose: "handleClose" }, host: { properties: { "style.color": "this.customColor", "style.background-color": "this.customBackgroundColor", "class": "this.class" } }, ngImport: i0, template: `
+    <strong>
+      <ng-content></ng-content>
+    </strong>
+    <button *ngIf="isCloseable" class="close" (click)="close($event)">
+      {{ closeText }}
+      <i></i>
+    </button>
+  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NggBadgeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    // we need to disable this warning since we don't want the badge component to create a new element
+                    // eslint-disable-next-line @angular-eslint/component-selector
+                    selector: '[ngg-badge]',
+                    template: `
+    <strong>
+      <ng-content></ng-content>
+    </strong>
+    <button *ngIf="isCloseable" class="close" (click)="close($event)">
+      {{ closeText }}
+      <i></i>
+    </button>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: function () { return []; }, propDecorators: { badgeType: [{
+                type: Input
+            }], isCloseable: [{
+                type: Input
+            }], closeText: [{
+                type: Input
+            }], customColor: [{
+                type: HostBinding,
+                args: ['style.color']
+            }, {
+                type: Input
+            }], customBackgroundColor: [{
+                type: HostBinding,
+                args: ['style.background-color']
+            }, {
+                type: Input
+            }], class: [{
+                type: HostBinding,
+                args: ['class']
+            }], handleClose: [{
+                type: Output
+            }] } });
+
+class NggBadgeModule {
+}
+NggBadgeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NggBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NggBadgeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: NggBadgeModule, declarations: [NggBadgeComponent], imports: [CommonModule], exports: [NggBadgeComponent] });
+NggBadgeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NggBadgeModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NggBadgeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NggBadgeComponent],
+                    imports: [CommonModule],
+                    exports: [NggBadgeComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NggBadgeComponent, NggBadgeModule };
+//# sourceMappingURL=sebgroup-green-angular-src-lib-badge.mjs.map

package/fesm2015/sebgroup-green-angular-src-lib-badge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sebgroup-green-angular-src-lib-badge.mjs","sources":["../../../../libs/angular/src/lib/badge/badge.component.ts","../../../../libs/angular/src/lib/badge/badge.module.ts","../../../../libs/angular/src/lib/badge/sebgroup-green-angular-src-lib-badge.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  EventEmitter,\n  HostBinding,\n  Input,\n  OnInit,\n  Output,\n} from '@angular/core'\nimport { BadgeType } from '@sebgroup/extract'\n\n@Component({\n  // we need to disable this warning since we don't want the badge component to create a new element\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: '[ngg-badge]',\n  template: `\n    <strong>\n      <ng-content></ng-content>\n    </strong>\n    <button *ngIf=\"isCloseable\" class=\"close\" (click)=\"close($event)\">\n      {{ closeText }}\n      <i></i>\n    </button>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NggBadgeComponent implements OnInit {\n  /** The color of the component */\n  @Input() badgeType?: BadgeType | '' = ''\n  /** Flag whether the component can be dismissed */\n  @Input() set isCloseable(value: boolean | '') {\n    this._isCloseable = value\n  }\n  get isCloseable(): boolean {\n    return this._isCloseable === '' || !!this._isCloseable\n  }\n  /** Close text */\n  @Input() closeText?: string\n  /** Custom text color */\n  @HostBinding('style.color') @Input() customColor?: string\n  /** Custom background color */\n  @HostBinding('style.background-color') @Input() customBackgroundColor?: string\n\n  @HostBinding('class') get class(): string {\n    return ['badge', this.badgeType].join(' ')\n  }\n\n  /** Callback when component is dismissed */\n  @Output() handleClose: EventEmitter<Event> = new EventEmitter()\n\n  private _isCloseable?: boolean | ''\n\n  //eslint-disable-next-line\n  constructor() {}\n\n  ngOnInit(): void {\n    if (!!this.customColor || !!this.customBackgroundColor) {\n      this.badgeType = ''\n    }\n  }\n\n  close(e: Event) {\n    this.handleClose.emit(e)\n  }\n}\n","import { NgModule } from '@angular/core'\nimport { CommonModule } from '@angular/common'\n\nimport { NggBadgeComponent } from './badge.component'\n\n@NgModule({\n  declarations: [NggBadgeComponent],\n  imports: [CommonModule],\n  exports: [NggBadgeComponent],\n})\nexport class NggBadgeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MA0Ba,iBAAiB,CAAA;;AA2B5B,IAAA,WAAA,GAAA;;AAzBS,QAAA,IAAS,CAAA,SAAA,GAAoB,EAAE,CAAA;;AAoB9B,QAAA,IAAA,CAAA,WAAW,GAAwB,IAAI,YAAY,EAAE,CAAA;KAK/C;;IAvBhB,IAAa,WAAW,CAAC,KAAmB,EAAA;AAC1C,QAAA,IAAI,CAAC,YAAY,GAAG,KAAK,CAAA;KAC1B;AACD,IAAA,IAAI,WAAW,GAAA;QACb,OAAO,IAAI,CAAC,YAAY,KAAK,EAAE,IAAI,CAAC,CAAC,IAAI,CAAC,YAAY,CAAA;KACvD;AAQD,IAAA,IAA0B,KAAK,GAAA;AAC7B,QAAA,OAAO,CAAC,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;KAC3C;IAUD,QAAQ,GAAA;QACN,IAAI,CAAC,CAAC,IAAI,CAAC,WAAW,IAAI,CAAC,CAAC,IAAI,CAAC,qBAAqB,EAAE;AACtD,YAAA,IAAI,CAAC,SAAS,GAAG,EAAE,CAAA;AACpB,SAAA;KACF;AAED,IAAA,KAAK,CAAC,CAAQ,EAAA;AACZ,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,CAAA;KACzB;;8GArCU,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,iBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,EAXlB,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,SAAA,EAAA,WAAA,EAAA,WAAA,EAAA,aAAA,EAAA,qBAAA,EAAA,uBAAA,EAAA,EAAA,OAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,aAAA,EAAA,kBAAA,EAAA,wBAAA,EAAA,4BAAA,EAAA,OAAA,EAAA,YAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA;;;;;;;;AAQT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,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;2FAGU,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAf7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;;;AAGT,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,QAAQ,EAAE,CAAA;;;;;;;;AAQT,EAAA,CAAA;oBACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD,CAAA;0EAGU,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBAEO,WAAW,EAAA,CAAA;sBAAvB,KAAK;gBAOG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBAE+B,WAAW,EAAA,CAAA;sBAA/C,WAAW;uBAAC,aAAa,CAAA;;sBAAG,KAAK;gBAEc,qBAAqB,EAAA,CAAA;sBAApE,WAAW;uBAAC,wBAAwB,CAAA;;sBAAG,KAAK;gBAEnB,KAAK,EAAA,CAAA;sBAA9B,WAAW;uBAAC,OAAO,CAAA;gBAKV,WAAW,EAAA,CAAA;sBAApB,MAAM;;;MCtCI,cAAc,CAAA;;2GAAd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAd,cAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,EAJV,YAAA,EAAA,CAAA,iBAAiB,CACtB,EAAA,OAAA,EAAA,CAAA,YAAY,aACZ,iBAAiB,CAAA,EAAA,CAAA,CAAA;AAEhB,cAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,YAHf,YAAY,CAAA,EAAA,CAAA,CAAA;2FAGX,cAAc,EAAA,UAAA,EAAA,CAAA;kBAL1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,iBAAiB,CAAC;oBACjC,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,iBAAiB,CAAC;iBAC7B,CAAA;;;ACTD;;AAEG;;;;"}

package/fesm2015/sebgroup-green-angular-src-lib-button.mjs

@@ -0,0 +1,50 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, HostBinding, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+class NggButtonComponent {
+    get classes() {
+        return [this.variant, this.size ? this.size : false]
+            .filter(Boolean)
+            .join(' ');
+    }
+}
+NggButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NggButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+NggButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: NggButtonComponent, selector: "[ngg-button]", inputs: { variant: "variant", size: "size" }, host: { properties: { "class": "this.classes" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NggButtonComponent, decorators: [{
+            type: Component,
+            args: [{
+                    // eslint-disable-next-line @angular-eslint/component-selector
+                    selector: '[ngg-button]',
+                    template: `<ng-content></ng-content>`,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { variant: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], classes: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class NggButtonModule {
+}
+NggButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NggButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+NggButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: NggButtonModule, declarations: [NggButtonComponent], imports: [CommonModule], exports: [NggButtonComponent] });
+NggButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NggButtonModule, imports: [CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: NggButtonModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [NggButtonComponent],
+                    imports: [CommonModule],
+                    exports: [NggButtonComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NggButtonComponent, NggButtonModule };
+//# sourceMappingURL=sebgroup-green-angular-src-lib-button.mjs.map

package/fesm2015/sebgroup-green-angular-src-lib-button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sebgroup-green-angular-src-lib-button.mjs","sources":["../../../../libs/angular/src/lib/button/button.component.ts","../../../../libs/angular/src/lib/button/button.module.ts","../../../../libs/angular/src/lib/button/sebgroup-green-angular-src-lib-button.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  HostBinding,\n  Input,\n} from '@angular/core'\nimport { ButtonSize, ButtonVariant } from '@sebgroup/extract'\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: '[ngg-button]',\n  template: `<ng-content></ng-content>`,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NggButtonComponent {\n  @Input() variant?: ButtonVariant\n  @Input() size?: ButtonSize\n\n  @HostBinding('class') get classes(): string {\n    return [this.variant, this.size ? this.size : false]\n      .filter(Boolean)\n      .join(' ')\n  }\n}\n","import { NgModule } from '@angular/core'\nimport { CommonModule } from '@angular/common'\n\nimport { NggButtonComponent } from './button.component'\n\n@NgModule({\n  declarations: [NggButtonComponent],\n  imports: [CommonModule],\n  exports: [NggButtonComponent],\n})\nexport class NggButtonModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAca,kBAAkB,CAAA;AAI7B,IAAA,IAA0B,OAAO,GAAA;AAC/B,QAAA,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;aACjD,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,CAAA;KACb;;+GARU,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,kBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,qJAHnB,CAA2B,yBAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;2FAG1B,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAN9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;;AAET,oBAAA,QAAQ,EAAE,cAAc;AACxB,oBAAA,QAAQ,EAAE,CAA2B,yBAAA,CAAA;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD,CAAA;8BAEU,OAAO,EAAA,CAAA;sBAAf,KAAK;gBACG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBAEoB,OAAO,EAAA,CAAA;sBAAhC,WAAW;uBAAC,OAAO,CAAA;;;MCRT,eAAe,CAAA;;4GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAf,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,EAJX,YAAA,EAAA,CAAA,kBAAkB,CACvB,EAAA,OAAA,EAAA,CAAA,YAAY,aACZ,kBAAkB,CAAA,EAAA,CAAA,CAAA;AAEjB,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,YAHhB,YAAY,CAAA,EAAA,CAAA,CAAA;2FAGX,eAAe,EAAA,UAAA,EAAA,CAAA;kBAL3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,kBAAkB,CAAC;oBAClC,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,kBAAkB,CAAC;iBAC9B,CAAA;;;ACTD;;AAEG;;;;"}