@ieeesa-npm/presentation 0.4.4 → 0.4.5

package/esm2022/lib/components/chips/chips.component.mjs

@@ -0,0 +1,148 @@
+import { Component, Input, Output, EventEmitter, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatChipsModule } from '@angular/material/chips';
+import { Subject, takeUntil } from 'rxjs';
+import { ChipOrientation, ChipsType, } from '../../models/chip-option.model';
+import * as constants from '../../assets/constants.json';
+import * as i0 from "@angular/core";
+import * as i1 from "@ieeesa-npm/utility";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/material/chips";
+/**
+ * Chips component allow users to view information, make selections, filter content.
+ * @export
+ * @class ChipComponent
+ * @implements {OnInit}
+ * @implements {OnDestroy}
+ */
+export class ChipsComponent {
+    set chipGroup(value) {
+        this.chips = value;
+        this.defaultVisibleChips = this.chips;
+    }
+    get chipGroup() {
+        return this.chips;
+    }
+    set hasChipToggled(value) {
+        this.isChipToggled = value;
+    }
+    get hasChipToggled() {
+        return this.hasChipToggled;
+    }
+    // eslint-disable-next-line no-unused-vars, no-empty-function
+    constructor(breakpointObserverService) {
+        this.breakpointObserverService = breakpointObserverService;
+        this.isViewMoreActive = false;
+        this.isMobileView = false;
+        this.constants = constants;
+        this.chipsType = ChipsType;
+        this.orientations = ChipOrientation;
+        this.destroy$ = new Subject();
+        this.chipOrientation = this.orientations.HORIZONTAL;
+        this.noOfDefaultVisibleChips = this.constants?.chips?.noOfDefaultVisibleChips;
+        this.hasViewMoreForDesktop = false;
+        this.hasViewMoreForMobile = false;
+        this.typeOfChip = this.chipsType.STATIC;
+        this.isViewMoreNeeded = false;
+        this.isChipToggled = false;
+        this.viewAllLabel = this.constants?.chips?.label?.viewAll;
+        this.viewLessLabel = this.constants?.chips?.label?.viewLess;
+        this.selectedChip = new EventEmitter();
+    }
+    ngOnInit() {
+        this.breakpointObserverService
+            .getBreakpoint()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe((result) => {
+            this.isMobileView = result.matches;
+            this.getViewMore();
+            this.viewChips();
+        });
+    }
+    /**
+     * Onclick the chip, it emits selectedChip event with selected chip.
+     * @param {ChipOption} chip
+     * @memberof ChipComponent
+     */
+    onChipClick(chip) {
+        chip.checked = !chip.checked;
+        this.selectedChip.emit(chip);
+    }
+    /**
+     * Shows list of chips on the basis of view more/less button state.
+     * @memberof ChipComponent
+     */
+    viewChips() {
+        if (this.isViewMoreNeeded) {
+            this.isViewMoreActive = !this.isViewMoreActive;
+            if (this.isViewMoreActive) {
+                this.defaultVisibleChips = this.chips?.slice(0, this.constants?.chips?.noOfDefaultVisibleChips);
+                this.labelViewAllOrLess = this.constants?.chips?.label?.viewAll;
+            }
+            else {
+                this.defaultVisibleChips = this.chips;
+                this.labelViewAllOrLess = this.constants?.chips?.label?.viewLess;
+            }
+        }
+    }
+    /**
+     * Sets the isViewMoreNeeded value based on hasViewMore and isMobileView values.
+     * @memberof ChipsComponent
+     */
+    getViewMore() {
+        this.isViewMoreNeeded =
+            (this.hasViewMoreForDesktop && !this.isMobileView) ||
+                (this.hasViewMoreForMobile && this.isMobileView);
+    }
+    /**
+     * Allows Angular to detect the specific chip option that needs to change or be added by tracking option unique Id.
+     * @param {number} index
+     * @param {ChipOption} option
+     * @return {*}  {(number | string)}
+     * @memberof ChipComponent
+     */
+    trackById(index, option) {
+        return option.id;
+    }
+    /**
+     * NgOnDestroy performs necessary cleanup tasks, such as unsubscribing from subscription when the component is being destroyed.
+     * @memberof GroupsComponent
+     */
+    ngOnDestroy() {
+        this.destroy$.next(true);
+        this.destroy$.unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: ChipsComponent, deps: [{ token: i1.BreakpointObserverService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.3", type: ChipsComponent, isStandalone: true, selector: "ieeesa-chips", inputs: { chipGroup: "chipGroup", chipOrientation: "chipOrientation", noOfDefaultVisibleChips: "noOfDefaultVisibleChips", hasViewMoreForDesktop: "hasViewMoreForDesktop", hasViewMoreForMobile: "hasViewMoreForMobile", avatar: "avatar", arrow: "arrow", typeOfChip: "typeOfChip", isViewMoreNeeded: "isViewMoreNeeded", hasChipToggled: "hasChipToggled", viewAllLabel: "viewAllLabel", viewLessLabel: "viewLessLabel" }, outputs: { selectedChip: "selectedChip" }, ngImport: i0, template: "<div class=\"ieeesa-chip\">\r\n  <mat-chip-listbox\r\n    [attr.aria-label]=\"constants?.chips?.ariaLabel?.chipsList\"\r\n    [ngClass]=\"\r\n      chipOrientation === orientations.VERTICAL\r\n        ? 'mat-mdc-chip-set-stacked'\r\n        : ''\r\n    \"\r\n  >\r\n    <mat-chip-option\r\n      *ngFor=\"let chip of defaultVisibleChips; trackBy: trackById\"\r\n      (selectionChange)=\"onChipClick(chip)\"\r\n      [attr.aria-label]=\"chip?.name\"\r\n    >\r\n      <div class=\"d-flex align-items-center gap-3\">\r\n        <ng-container *ngIf=\"typeOfChip === chipsType.AVATAR\">\r\n          <svg\r\n            class=\"ieeesa-chip__svg-avatar\"\r\n            *ngIf=\"avatar?.iconURL\"\r\n            matChipAvatar\r\n          >\r\n            <use [attr.xlink:href]=\"avatar?.iconURL\"></use>\r\n          </svg>\r\n        </ng-container>\r\n        <p class=\"ieeesa-label-lg-bold-16 m-0\">{{ chip?.name }}</p>\r\n        <ng-container *ngIf=\"typeOfChip === chipsType.TOGGLE\">\r\n          <svg\r\n            [ngClass]=\"\r\n              !hasChipToggled && chip?.checked\r\n                ? 'ieeesa-chip__selected-state'\r\n                : 'ieeesa-chip__unselected-state'\r\n            \"\r\n            class=\"ieeesa-chip__svg-trailing-icon\"\r\n            *ngIf=\"arrow?.iconURL\"\r\n            matChipTrailingIcon\r\n          >\r\n            <use [attr.xlink:href]=\"arrow?.iconURL\"></use>\r\n          </svg>\r\n        </ng-container>\r\n      </div>\r\n    </mat-chip-option>\r\n  </mat-chip-listbox>\r\n  <button\r\n    *ngIf=\"isViewMoreNeeded && defaultVisibleChips.length > 0\"\r\n    (click)=\"viewChips()\"\r\n    class=\"ieeesa-view-more-or-less-button ieeesa-label-lg-bold-16\"\r\n  >\r\n    {{ labelViewAllOrLess }}\r\n  </button>\r\n</div>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.56em;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25em;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625em;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375em;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375em;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125em;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875em;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625em;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1.5em;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5em;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:.875em;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5em;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:rgba(29,25,43,.12)}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:rgba(103,80,164,.12)}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-chip{padding-left:.4375em}.ieeesa-chip__svg-avatar-icon,.ieeesa-chip__svg-trailing-icon{height:1.5em;width:1.5em}.ieeesa-chip__unselected-state{transform:rotate(0)}.ieeesa-chip__selected-state{transform:rotate(180deg)}.ieeesa-chip .mat-mdc-standard-chip{--mdc-chip-with-avatar-avatar-size: 0px;--mdc-chip-with-icon-icon-size: 0px}.ieeesa-chip .mat-mdc-chip-action-label{display:flex;align-items:center;color:#49454f;text-align:center}.ieeesa-chip .mat-mdc-chip{border-radius:.25em;border:1px solid #49454f;background-color:#fff}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "directive", type: i3.MatChipAvatar, selector: "mat-chip-avatar, [matChipAvatar]" }, { kind: "component", type: i3.MatChipListbox, selector: "mat-chip-listbox", inputs: ["tabIndex", "multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i3.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["color", "disabled", "disableRipple", "tabIndex", "selectable", "selected"], outputs: ["selectionChange"] }, { kind: "directive", type: i3.MatChipTrailingIcon, selector: "mat-chip-trailing-icon, [matChipTrailingIcon]" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.3", ngImport: i0, type: ChipsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ieeesa-chips', standalone: true, imports: [CommonModule, MatChipsModule], template: "<div class=\"ieeesa-chip\">\r\n  <mat-chip-listbox\r\n    [attr.aria-label]=\"constants?.chips?.ariaLabel?.chipsList\"\r\n    [ngClass]=\"\r\n      chipOrientation === orientations.VERTICAL\r\n        ? 'mat-mdc-chip-set-stacked'\r\n        : ''\r\n    \"\r\n  >\r\n    <mat-chip-option\r\n      *ngFor=\"let chip of defaultVisibleChips; trackBy: trackById\"\r\n      (selectionChange)=\"onChipClick(chip)\"\r\n      [attr.aria-label]=\"chip?.name\"\r\n    >\r\n      <div class=\"d-flex align-items-center gap-3\">\r\n        <ng-container *ngIf=\"typeOfChip === chipsType.AVATAR\">\r\n          <svg\r\n            class=\"ieeesa-chip__svg-avatar\"\r\n            *ngIf=\"avatar?.iconURL\"\r\n            matChipAvatar\r\n          >\r\n            <use [attr.xlink:href]=\"avatar?.iconURL\"></use>\r\n          </svg>\r\n        </ng-container>\r\n        <p class=\"ieeesa-label-lg-bold-16 m-0\">{{ chip?.name }}</p>\r\n        <ng-container *ngIf=\"typeOfChip === chipsType.TOGGLE\">\r\n          <svg\r\n            [ngClass]=\"\r\n              !hasChipToggled && chip?.checked\r\n                ? 'ieeesa-chip__selected-state'\r\n                : 'ieeesa-chip__unselected-state'\r\n            \"\r\n            class=\"ieeesa-chip__svg-trailing-icon\"\r\n            *ngIf=\"arrow?.iconURL\"\r\n            matChipTrailingIcon\r\n          >\r\n            <use [attr.xlink:href]=\"arrow?.iconURL\"></use>\r\n          </svg>\r\n        </ng-container>\r\n      </div>\r\n    </mat-chip-option>\r\n  </mat-chip-listbox>\r\n  <button\r\n    *ngIf=\"isViewMoreNeeded && defaultVisibleChips.length > 0\"\r\n    (click)=\"viewChips()\"\r\n    class=\"ieeesa-view-more-or-less-button ieeesa-label-lg-bold-16\"\r\n  >\r\n    {{ labelViewAllOrLess }}\r\n  </button>\r\n</div>\r\n", styles: [".ieeesa-subtitle{text-align:left;font-family:Calibri Regular;font-size:1.56em;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25em;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625em;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375em;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-sm-38{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.375em;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125em;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-md-30{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.875em;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625em;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1.5em;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-lg-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5em;line-height:28px;color:#000;letter-spacing:0}.ieeesa-title-md-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125em;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-18{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1em;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875em;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:.875em;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-title-inter-lg-bold-24{font-family:Inter Bold;font-style:normal;font-weight:700;font-size:1.5em;line-height:29px;color:#000;letter-spacing:0}.mat-mdc-button.mat-mdc-button-base.mat-primary-button,.mat-mdc-button.mat-mdc-button-base.mat-secondary-button,.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{min-width:103px;width:auto;min-height:40px;height:auto;border-radius:3px;text-align:center;padding:.625em 1.5em;border:none;font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#000;letter-spacing:.00625em}.mat-mdc-button.mat-mdc-button-base>.mat-icon{margin-right:11px}.mat-mdc-button.mat-mdc-button-base.mat-primary-button{background-color:#00629b;color:#fff}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:hover{background-color:#003e65}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:active{background-color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-primary-button:disabled{background-color:#1c1b1f1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button{color:#fff;background:#a7a8aa;box-shadow:0 1px 2px #0000004d,0 2px 6px 2px #00000026}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:hover{background:#a7a8aa}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:rgba(29,25,43,.12)}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button{background-color:#fff;border:1px solid #00629b;color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:hover{background-color:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:rgba(103,80,164,.12)}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.ieeesa-text-button{color:#cac4d0;background:none;border:none}.ieeesa-view-more-or-less-button{border:none;background:none;text-decoration:underline;color:#00629b}.flex-align-center{display:flex;align-items:center;justify-content:center}.mat-button-toggle-checked{background-color:#a7a8aa}.mat-button-toggle-checked .mat-button-toggle-label-content:before{font-family:\"Font Awesome 5 Free\";font-weight:900;content:\"\\f00c\";padding-right:.5625em}.mat-button-toggle-group .mat-button-toggle-label-content{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1em;line-height:20px;color:#1c1b1f;letter-spacing:.00625em}.no-bg-color-btn{color:#00629b;border-radius:3px;border:1px solid #00629b;min-height:40px;height:auto}@media (max-width: 768px){.mat-button-toggle-group .mat-button-toggle-label-content{max-width:8ch;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}}.cdk-overlay-pane.ieeesa-modal-confirm-dialog,.cdk-overlay-pane.ieeesa-modal-dialog,.cdk-overlay-pane.ieeesa-alert-dialog{width:100%;min-width:312px}.mat-mdc-form-field{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.125em;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-chip{padding-left:.4375em}.ieeesa-chip__svg-avatar-icon,.ieeesa-chip__svg-trailing-icon{height:1.5em;width:1.5em}.ieeesa-chip__unselected-state{transform:rotate(0)}.ieeesa-chip__selected-state{transform:rotate(180deg)}.ieeesa-chip .mat-mdc-standard-chip{--mdc-chip-with-avatar-avatar-size: 0px;--mdc-chip-with-icon-icon-size: 0px}.ieeesa-chip .mat-mdc-chip-action-label{display:flex;align-items:center;color:#49454f;text-align:center}.ieeesa-chip .mat-mdc-chip{border-radius:.25em;border:1px solid #49454f;background-color:#fff}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.BreakpointObserverService }]; }, propDecorators: { chipGroup: [{
+                type: Input
+            }], chipOrientation: [{
+                type: Input
+            }], noOfDefaultVisibleChips: [{
+                type: Input
+            }], hasViewMoreForDesktop: [{
+                type: Input
+            }], hasViewMoreForMobile: [{
+                type: Input
+            }], avatar: [{
+                type: Input
+            }], arrow: [{
+                type: Input
+            }], typeOfChip: [{
+                type: Input
+            }], isViewMoreNeeded: [{
+                type: Input
+            }], hasChipToggled: [{
+                type: Input
+            }], viewAllLabel: [{
+                type: Input
+            }], viewLessLabel: [{
+                type: Input
+            }], selectedChip: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJlc2VudGF0aW9uL3NyYy9saWIvY29tcG9uZW50cy9jaGlwcy9jaGlwcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcmVzZW50YXRpb24vc3JjL2xpYi9jb21wb25lbnRzL2NoaXBzL2NoaXBzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUNMLE1BQU0sRUFDTixZQUFZLEdBR2IsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUUxQyxPQUFPLEVBRUwsZUFBZSxFQUNmLFNBQVMsR0FDVixNQUFNLGdDQUFnQyxDQUFDO0FBRXhDLE9BQU8sS0FBSyxTQUFTLE1BQU0sNkJBQTZCLENBQUM7Ozs7O0FBRXpEOzs7Ozs7R0FNRztBQVFILE1BQU0sT0FBTyxjQUFjO0lBVXpCLElBQ0ksU0FBUyxDQUFDLEtBQW1CO1FBQy9CLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1FBQ25CLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQ3hDLENBQUM7SUFDRCxJQUFJLFNBQVM7UUFDWCxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDcEIsQ0FBQztJQVdELElBQ0ksY0FBYyxDQUFDLEtBQWM7UUFDL0IsSUFBSSxDQUFDLGFBQWEsR0FBRyxLQUFLLENBQUM7SUFDN0IsQ0FBQztJQUNELElBQUksY0FBYztRQUNoQixPQUFPLElBQUksQ0FBQyxjQUFjLENBQUM7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SUFDSCxTQUFTLENBQUMsS0FBYSxFQUFFLE1BQWtCO1FBQ3pDLE9BQU8sTUFBTSxDQUFDLEVBQUUsQ0FBQztJQUNuQixDQUFDO0lBQ0Q7OztPQUdHO0lBQ0gsV0FBVztRQUNULElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3pCLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDOUIsQ0FBQzs4R0F4R1UsY0FBYztrR0FBZCxjQUFjLCtnQkNsQzNCLHl2REFrREEsaWxORHBCWSxZQUFZLDZWQUFFLGNBQWM7OzJGQUkzQixjQUFjO2tCQVAxQixTQUFTOytCQUNFLGNBQWMsY0FDWixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsY0FBYyxDQUFDO2dIQWVuQyxTQUFTO3NCQURaLEtBQUs7Z0JBUUcsZUFBZTtzQkFBdkIsS0FBSztnQkFDRyx1QkFBdUI7c0JBQS9CLEtBQUs7Z0JBRUcscUJBQXFCO3NCQUE3QixLQUFLO2dCQUNHLG9CQUFvQjtzQkFBNUIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUdGLGNBQWM7c0JBRGpCLEtBQUs7Z0JBT0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNJLFlBQVk7c0JBQXJCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBJbnB1dCxcclxuICBPdXRwdXQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIE9uSW5pdCxcclxuICBPbkRlc3Ryb3ksXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IE1hdENoaXBzTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvY2hpcHMnO1xyXG5pbXBvcnQgeyBTdWJqZWN0LCB0YWtlVW50aWwgfSBmcm9tICdyeGpzJztcclxuaW1wb3J0IHsgQnJlYWtwb2ludE9ic2VydmVyU2VydmljZSB9IGZyb20gJ0BpZWVlc2EtbnBtL3V0aWxpdHknO1xyXG5pbXBvcnQge1xyXG4gIENoaXBPcHRpb24sXHJcbiAgQ2hpcE9yaWVudGF0aW9uLFxyXG4gIENoaXBzVHlwZSxcclxufSBmcm9tICcuLi8uLi9tb2RlbHMvY2hpcC1vcHRpb24ubW9kZWwnO1xyXG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2ljb24tYnV0dG9uLm1vZGVsJztcclxuaW1wb3J0ICogYXMgY29uc3RhbnRzIGZyb20gJy4uLy4uL2Fzc2V0cy9jb25zdGFudHMuanNvbic7XHJcblxyXG4vKipcclxuICogQ2hpcHMgY29tcG9uZW50IGFsbG93IHVzZXJzIHRvIHZpZXcgaW5mb3JtYXRpb24sIG1ha2Ugc2VsZWN0aW9ucywgZmlsdGVyIGNvbnRlbnQuXHJcbiAqIEBleHBvcnRcclxuICogQGNsYXNzIENoaXBDb21wb25lbnRcclxuICogQGltcGxlbWVudHMge09uSW5pdH1cclxuICogQGltcGxlbWVudHMge09uRGVzdHJveX1cclxuICovXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnaWVlZXNhLWNoaXBzJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIE1hdENoaXBzTW9kdWxlXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vY2hpcHMuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2NoaXBzLmNvbXBvbmVudC5zY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDaGlwc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcclxuICBkZWZhdWx0VmlzaWJsZUNoaXBzITogQ2hpcE9wdGlvbltdO1xyXG4gIGlzVmlld01vcmVBY3RpdmUgPSBmYWxzZTtcclxuICBpc01vYmlsZVZpZXcgPSBmYWxzZTtcclxuICBsYWJlbFZpZXdBbGxPckxlc3MhOiBzdHJpbmc7XHJcbiAgY29uc3RhbnRzID0gY29uc3RhbnRzO1xyXG4gIGNoaXBzVHlwZSA9IENoaXBzVHlwZTtcclxuICBvcmllbnRhdGlvbnMgPSBDaGlwT3JpZW50YXRpb247XHJcbiAgZGVzdHJveSQ6IFN1YmplY3Q8Ym9vbGVhbj4gPSBuZXcgU3ViamVjdDxib29sZWFuPigpO1xyXG4gIHByaXZhdGUgY2hpcHMhOiBDaGlwT3B0aW9uW107XHJcbiAgQElucHV0KClcclxuICBzZXQgY2hpcEdyb3VwKHZhbHVlOiBDaGlwT3B0aW9uW10pIHtcclxuICAgIHRoaXMuY2hpcHMgPSB2YWx1ZTtcclxuICAgIHRoaXMuZGVmYXVsdFZpc2libGVDaGlwcyA9IHRoaXMuY2hpcHM7XHJcbiAgfVxyXG4gIGdldCBjaGlwR3JvdXAoKTogQ2hpcE9wdGlvbltdIHtcclxuICAgIHJldHVybiB0aGlzLmNoaXBzO1xyXG4gIH1cclxuICBASW5wdXQoKSBjaGlwT3JpZW50YXRpb246IENoaXBPcmllbnRhdGlvbiA9IHRoaXMub3JpZW50YXRpb25zLkhPUklaT05UQUw7XHJcbiAgQElucHV0KCkgbm9PZkRlZmF1bHRWaXNpYmxlQ2hpcHM6IG51bWJlciA9XHJcbiAgICB0aGlzLmNvbnN0YW50cz8uY2hpcHM/Lm5vT2ZEZWZhdWx0VmlzaWJsZUNoaXBzO1xyXG4gIEBJbnB1dCgpIGhhc1ZpZXdNb3JlRm9yRGVza3RvcCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGhhc1ZpZXdNb3JlRm9yTW9iaWxlID0gZmFsc2U7XHJcbiAgQElucHV0KCkgYXZhdGFyITogSWNvbkJ1dHRvbjtcclxuICBASW5wdXQoKSBhcnJvdyE6IEljb25CdXR0b247XHJcbiAgQElucHV0KCkgdHlwZU9mQ2hpcDogQ2hpcHNUeXBlID0gdGhpcy5jaGlwc1R5cGUuU1RBVElDO1xyXG4gIEBJbnB1dCgpIGlzVmlld01vcmVOZWVkZWQgPSBmYWxzZTtcclxuICBwcml2YXRlIGlzQ2hpcFRvZ2dsZWQgPSBmYWxzZTtcclxuICBASW5wdXQoKVxyXG4gIHNldCBoYXNDaGlwVG9nZ2xlZCh2YWx1ZTogYm9vbGVhbikge1xyXG4gICAgdGhpcy5pc0NoaXBUb2dnbGVkID0gdmFsdWU7XHJcbiAgfVxyXG4gIGdldCBoYXNDaGlwVG9nZ2xlZCgpOiBib29sZWFuIHtcclxuICAgIHJldHVybiB0aGlzLmhhc0NoaXBUb2dnbGVkO1xyXG4gIH1cclxuICBASW5wdXQoKSB2aWV3QWxsTGFiZWw6IHN0cmluZyA9IHRoaXMuY29uc3RhbnRzPy5jaGlwcz8ubGFiZWw/LnZpZXdBbGw7XHJcbiAgQElucHV0KCkgdmlld0xlc3NMYWJlbDogc3RyaW5nID0gdGhpcy5jb25zdGFudHM/LmNoaXBzPy5sYWJlbD8udmlld0xlc3M7XHJcbiAgQE91dHB1dCgpIHNlbGVjdGVkQ2hpcCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tdW51c2VkLXZhcnMsIG5vLWVtcHR5LWZ1bmN0aW9uXHJcbiAgY29uc3RydWN0b3IocHVibGljIGJyZWFrcG9pbnRPYnNlcnZlclNlcnZpY2U6IEJyZWFrcG9pbnRPYnNlcnZlclNlcnZpY2UpIHt9XHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmJyZWFrcG9pbnRPYnNlcnZlclNlcnZpY2VcclxuICAgICAgLmdldEJyZWFrcG9pbnQoKVxyXG4gICAgICAucGlwZSh0YWtlVW50aWwodGhpcy5kZXN0cm95JCkpXHJcbiAgICAgIC5zdWJzY3JpYmUoKHJlc3VsdCkgPT4ge1xyXG4gICAgICAgIHRoaXMuaXNNb2JpbGVWaWV3ID0gcmVzdWx0Lm1hdGNoZXM7XHJcbiAgICAgICAgdGhpcy5nZXRWaWV3TW9yZSgpO1xyXG4gICAgICAgIHRoaXMudmlld0NoaXBzKCk7XHJcbiAgICAgIH0pO1xyXG4gIH1cclxuICAvKipcclxuICAgKiBPbmNsaWNrIHRoZSBjaGlwLCBpdCBlbWl0cyBzZWxlY3RlZENoaXAgZXZlbnQgd2l0aCBzZWxlY3RlZCBjaGlwLlxyXG4gICAqIEBwYXJhbSB7Q2hpcE9wdGlvbn0gY2hpcFxyXG4gICAqIEBtZW1iZXJvZiBDaGlwQ29tcG9uZW50XHJcbiAgICovXHJcbiAgb25DaGlwQ2xpY2soY2hpcDogQ2hpcE9wdGlvbik6IHZvaWQge1xyXG4gICAgY2hpcC5jaGVja2VkID0gIWNoaXAuY2hlY2tlZDtcclxuICAgIHRoaXMuc2VsZWN0ZWRDaGlwLmVtaXQoY2hpcCk7XHJcbiAgfVxyXG4gIC8qKlxyXG4gICAqIFNob3dzIGxpc3Qgb2YgY2hpcHMgb24gdGhlIGJhc2lzIG9mIHZpZXcgbW9yZS9sZXNzIGJ1dHRvbiBzdGF0ZS5cclxuICAgKiBAbWVtYmVyb2YgQ2hpcENvbXBvbmVudFxyXG4gICAqL1xyXG4gIHZpZXdDaGlwcygpOiB2b2lkIHtcclxuICAgIGlmICh0aGlzLmlzVmlld01vcmVOZWVkZWQpIHtcclxuICAgICAgdGhpcy5pc1ZpZXdNb3JlQWN0aXZlID0gIXRoaXMuaXNWaWV3TW9yZUFjdGl2ZTtcclxuICAgICAgaWYgKHRoaXMuaXNWaWV3TW9yZUFjdGl2ZSkge1xyXG4gICAgICAgIHRoaXMuZGVmYXVsdFZpc2libGVDaGlwcyA9IHRoaXMuY2hpcHM/LnNsaWNlKFxyXG4gICAgICAgICAgMCxcclxuICAgICAgICAgIHRoaXMuY29uc3RhbnRzPy5jaGlwcz8ubm9PZkRlZmF1bHRWaXNpYmxlQ2hpcHNcclxuICAgICAgICApO1xyXG4gICAgICAgIHRoaXMubGFiZWxWaWV3QWxsT3JMZXNzID0gdGhpcy5jb25zdGFudHM/LmNoaXBzPy5sYWJlbD8udmlld0FsbDtcclxuICAgICAgfSBlbHNlIHtcclxuICAgICAgICB0aGlzLmRlZmF1bHRWaXNpYmxlQ2hpcHMgPSB0aGlzLmNoaXBzO1xyXG4gICAgICAgIHRoaXMubGFiZWxWaWV3QWxsT3JMZXNzID0gdGhpcy5jb25zdGFudHM/LmNoaXBzPy5sYWJlbD8udmlld0xlc3M7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICB9XHJcbiAgLyoqXHJcbiAgICogU2V0cyB0aGUgaXNWaWV3TW9yZU5lZWRlZCB2YWx1ZSBiYXNlZCBvbiBoYXNWaWV3TW9yZSBhbmQgaXNNb2JpbGVWaWV3IHZhbHVlcy5cclxuICAgKiBAbWVtYmVyb2YgQ2hpcHNDb21wb25lbnRcclxuICAgKi9cclxuICBnZXRWaWV3TW9yZSgpOiB2b2lkIHtcclxuICAgIHRoaXMuaXNWaWV3TW9yZU5lZWRlZCA9XHJcbiAgICAgICh0aGlzLmhhc1ZpZXdNb3JlRm9yRGVza3RvcCAmJiAhdGhpcy5pc01vYmlsZVZpZXcpIHx8XHJcbiAgICAgICh0aGlzLmhhc1ZpZXdNb3JlRm9yTW9iaWxlICYmIHRoaXMuaXNNb2JpbGVWaWV3KTtcclxuICB9XHJcbiAgLyoqXHJcbiAgICogQWxsb3dzIEFuZ3VsYXIgdG8gZGV0ZWN0IHRoZSBzcGVjaWZpYyBjaGlwIG9wdGlvbiB0aGF0IG5lZWRzIHRvIGNoYW5nZSBvciBiZSBhZGRlZCBieSB0cmFja2luZyBvcHRpb24gdW5pcXVlIElkLlxyXG4gICAqIEBwYXJhbSB7bnVtYmVyfSBpbmRleFxyXG4gICAqIEBwYXJhbSB7Q2hpcE9wdGlvbn0gb3B0aW9uXHJcbiAgICogQHJldHVybiB7Kn0gIHsobnVtYmVyIHwgc3RyaW5nKX1cclxuICAgKiBAbWVtYmVyb2YgQ2hpcENvbXBvbmVudFxyXG4gICAqL1xyXG4gIHRyYWNrQnlJZChpbmRleDogbnVtYmVyLCBvcHRpb246IENoaXBPcHRpb24pOiBudW1iZXIgfCBzdHJpbmcge1xyXG4gICAgcmV0dXJuIG9wdGlvbi5pZDtcclxuICB9XHJcbiAgLyoqXHJcbiAgICogTmdPbkRlc3Ryb3kgcGVyZm9ybXMgbmVjZXNzYXJ5IGNsZWFudXAgdGFza3MsIHN1Y2ggYXMgdW5zdWJzY3JpYmluZyBmcm9tIHN1YnNjcmlwdGlvbiB3aGVuIHRoZSBjb21wb25lbnQgaXMgYmVpbmcgZGVzdHJveWVkLlxyXG4gICAqIEBtZW1iZXJvZiBHcm91cHNDb21wb25lbnRcclxuICAgKi9cclxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcclxuICAgIHRoaXMuZGVzdHJveSQubmV4dCh0cnVlKTtcclxuICAgIHRoaXMuZGVzdHJveSQudW5zdWJzY3JpYmUoKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImllZWVzYS1jaGlwXCI+XHJcbiAgPG1hdC1jaGlwLWxpc3Rib3hcclxuICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiY29uc3RhbnRzPy5jaGlwcz8uYXJpYUxhYmVsPy5jaGlwc0xpc3RcIlxyXG4gICAgW25nQ2xhc3NdPVwiXHJcbiAgICAgIGNoaXBPcmllbnRhdGlvbiA9PT0gb3JpZW50YXRpb25zLlZFUlRJQ0FMXHJcbiAgICAgICAgPyAnbWF0LW1kYy1jaGlwLXNldC1zdGFja2VkJ1xyXG4gICAgICAgIDogJydcclxuICAgIFwiXHJcbiAgPlxyXG4gICAgPG1hdC1jaGlwLW9wdGlvblxyXG4gICAgICAqbmdGb3I9XCJsZXQgY2hpcCBvZiBkZWZhdWx0VmlzaWJsZUNoaXBzOyB0cmFja0J5OiB0cmFja0J5SWRcIlxyXG4gICAgICAoc2VsZWN0aW9uQ2hhbmdlKT1cIm9uQ2hpcENsaWNrKGNoaXApXCJcclxuICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCJjaGlwPy5uYW1lXCJcclxuICAgID5cclxuICAgICAgPGRpdiBjbGFzcz1cImQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXIgZ2FwLTNcIj5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidHlwZU9mQ2hpcCA9PT0gY2hpcHNUeXBlLkFWQVRBUlwiPlxyXG4gICAgICAgICAgPHN2Z1xyXG4gICAgICAgICAgICBjbGFzcz1cImllZWVzYS1jaGlwX19zdmctYXZhdGFyXCJcclxuICAgICAgICAgICAgKm5nSWY9XCJhdmF0YXI/Lmljb25VUkxcIlxyXG4gICAgICAgICAgICBtYXRDaGlwQXZhdGFyXHJcbiAgICAgICAgICA+XHJcbiAgICAgICAgICAgIDx1c2UgW2F0dHIueGxpbms6aHJlZl09XCJhdmF0YXI/Lmljb25VUkxcIj48L3VzZT5cclxuICAgICAgICAgIDwvc3ZnPlxyXG4gICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIDxwIGNsYXNzPVwiaWVlZXNhLWxhYmVsLWxnLWJvbGQtMTYgbS0wXCI+e3sgY2hpcD8ubmFtZSB9fTwvcD5cclxuICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwidHlwZU9mQ2hpcCA9PT0gY2hpcHNUeXBlLlRPR0dMRVwiPlxyXG4gICAgICAgICAgPHN2Z1xyXG4gICAgICAgICAgICBbbmdDbGFzc109XCJcclxuICAgICAgICAgICAgICAhaGFzQ2hpcFRvZ2dsZWQgJiYgY2hpcD8uY2hlY2tlZFxyXG4gICAgICAgICAgICAgICAgPyAnaWVlZXNhLWNoaXBfX3NlbGVjdGVkLXN0YXRlJ1xyXG4gICAgICAgICAgICAgICAgOiAnaWVlZXNhLWNoaXBfX3Vuc2VsZWN0ZWQtc3RhdGUnXHJcbiAgICAgICAgICAgIFwiXHJcbiAgICAgICAgICAgIGNsYXNzPVwiaWVlZXNhLWNoaXBfX3N2Zy10cmFpbGluZy1pY29uXCJcclxuICAgICAgICAgICAgKm5nSWY9XCJhcnJvdz8uaWNvblVSTFwiXHJcbiAgICAgICAgICAgIG1hdENoaXBUcmFpbGluZ0ljb25cclxuICAgICAgICAgID5cclxuICAgICAgICAgICAgPHVzZSBbYXR0ci54bGluazpocmVmXT1cImFycm93Py5pY29uVVJMXCI+PC91c2U+XHJcbiAgICAgICAgICA8L3N2Zz5cclxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L21hdC1jaGlwLW9wdGlvbj5cclxuICA8L21hdC1jaGlwLWxpc3Rib3g+XHJcbiAgPGJ1dHRvblxyXG4gICAgKm5nSWY9XCJpc1ZpZXdNb3JlTmVlZGVkICYmIGRlZmF1bHRWaXNpYmxlQ2hpcHMubGVuZ3RoID4gMFwiXHJcbiAgICAoY2xpY2spPVwidmlld0NoaXBzKClcIlxyXG4gICAgY2xhc3M9XCJpZWVlc2Etdmlldy1tb3JlLW9yLWxlc3MtYnV0dG9uIGllZWVzYS1sYWJlbC1sZy1ib2xkLTE2XCJcclxuICA+XHJcbiAgICB7eyBsYWJlbFZpZXdBbGxPckxlc3MgfX1cclxuICA8L2J1dHRvbj5cclxuPC9kaXY+XHJcbiJdfQ==