@ieeesa-npm/presentation 0.4.4 → 0.4.6

package/esm2022/lib/assets/constants.json

@@ -51,21 +51,31 @@
                 "id": 1,
                 "iconURL": "assets/images/sprites/sprites.svg#icon-data-table-edit",
                 "toolTip": "",
-                "ariaLabel": "Edit",
-                "disabled": true
+                "ariaLabel": "Edit"
             },
             {
                 "id": 2,
                 "iconURL": "assets/images/sprites/sprites.svg#icon-data-table-delete",
                 "toolTip": "",
-                "ariaLabel": "Delete",
-                "disabled": true
+                "ariaLabel": "Delete"
             },
             {
                 "id": 3,
                 "iconURL": "assets/images/sprites/sprites.svg#icon-add-member",
                 "toolTip": "",
                 "ariaLabel": "Add user(s)"
+            },
+            {
+                "id": 4,
+                "iconURL": "assets/images/sprites/sprites.svg#icon-data-table-row-edit",
+                "toolTip": "",
+                "ariaLabel": "Edit"
+            },
+            {
+                "id": 5,
+                "iconURL": "assets/images/sprites/sprites.svg#icon-data-table-row-delete",
+                "toolTip": "",
+                "ariaLabel": "Delete"
             }
         ]
     },

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

@@ -0,0 +1,142 @@
+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;
+    }
+    // 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.hasChipToggled = 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJlc2VudGF0aW9uL3NyYy9saWIvY29tcG9uZW50cy9jaGlwcy9jaGlwcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcmVzZW50YXRpb24vc3JjL2xpYi9jb21wb25lbnRzL2NoaXBzL2NoaXBzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUNMLE1BQU0sRUFDTixZQUFZLEdBR2IsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUUxQyxPQUFPLEVBRUwsZUFBZSxFQUNmLFNBQVMsR0FDVixNQUFNLGdDQUFnQyxDQUFDO0FBRXhDLE9BQU8sS0FBSyxTQUFTLE1BQU0sNkJBQTZCLENBQUM7Ozs7O0FBRXpEOzs7Ozs7R0FNRztBQVFILE1BQU0sT0FBTyxjQUFjO0lBVXpCLElBQ0ksU0FBUyxDQUFDLEtBQW1CO1FBQy9CLElBQUksQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO1FBQ25CLElBQUksQ0FBQyxtQkFBbUIsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDO0lBQ3hDLENBQUM7SUFDRCxJQUFJLFNBQVM7UUFDWCxPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDcEIsQ0FBQztJQWNELDZEQUE2RDtJQUM3RCxZQUFtQix5QkFBb0Q7UUFBcEQsOEJBQXlCLEdBQXpCLHlCQUF5QixDQUEyQjtRQTlCdkUscUJBQWdCLEdBQUcsS0FBSyxDQUFDO1FBQ3pCLGlCQUFZLEdBQUcsS0FBSyxDQUFD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LElBQUksQ0FBQyxDQUFDO1FBQ3pCLElBQUksQ0FBQyxRQUFRLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDOUIsQ0FBQzs4R0FqR1UsY0FBYztrR0FBZCxjQUFjLCtnQkNsQzNCLHl2REFrREEsaWxORHBCWSxZQUFZLDZWQUFFLGNBQWM7OzJGQUkzQixjQUFjO2tCQVAxQixTQUFTOytCQUNFLGNBQWMsY0FDWixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsY0FBYyxDQUFDO2dIQWVuQyxTQUFTO3NCQURaLEtBQUs7Z0JBUUcsZUFBZTtzQkFBdkIsS0FBSztnQkFDRyx1QkFBdUI7c0JBQS9CLEtBQUs7Z0JBRUcscUJBQXFCO3NCQUE3QixLQUFLO2dCQUNHLG9CQUFvQjtzQkFBNUIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNJLFlBQVk7c0JBQXJCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENvbXBvbmVudCxcclxuICBJbnB1dCxcclxuICBPdXRwdXQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIE9uSW5pdCxcclxuICBPbkRlc3Ryb3ksXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IE1hdENoaXBzTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvY2hpcHMnO1xyXG5pbXBvcnQgeyBTdWJqZWN0LCB0YWtlVW50aWwgfSBmcm9tICdyeGpzJztcclxuaW1wb3J0IHsgQnJlYWtwb2ludE9ic2VydmVyU2VydmljZSB9IGZyb20gJ0BpZWVlc2EtbnBtL3V0aWxpdHknO1xyXG5pbXBvcnQge1xyXG4gIENoaXBPcHRpb24sXHJcbiAgQ2hpcE9yaWVudGF0aW9uLFxyXG4gIENoaXBzVHlwZSxcclxufSBmcm9tICcuLi8uLi9tb2RlbHMvY2hpcC1vcHRpb24ubW9kZWwnO1xyXG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSAnLi4vLi4vbW9kZWxzL2ljb24tYnV0dG9uLm1vZGVsJztcclxuaW1wb3J0ICogYXMgY29uc3RhbnRzIGZyb20gJy4uLy4uL2Fzc2V0cy9jb25zdGFudHMuanNvbic7XHJcblxyXG4vKipcclxuICogQ2hpcHMgY29tcG9uZW50IGFsbG93IHVzZXJzIHRvIHZpZXcgaW5mb3JtYXRpb24sIG1ha2Ugc2VsZWN0aW9ucywgZmlsdGVyIGNvbnRlbnQuXHJcbiAqIEBleHBvcnRcclxuICogQGNsYXNzIENoaXBDb21wb25lbnRcclxuICogQGltcGxlbWVudHMge09uSW5pdH1cclxuICogQGltcGxlbWVudHMge09uRGVzdHJveX1cclxuICovXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnaWVlZXNhLWNoaXBzJyxcclxuICBzdGFuZGFsb25lOiB0cnVlLFxyXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIE1hdENoaXBzTW9kdWxlXSxcclxuICB0ZW1wbGF0ZVVybDogJy4vY2hpcHMuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2NoaXBzLmNvbXBvbmVudC5zY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDaGlwc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95IHtcclxuICBkZWZhdWx0VmlzaWJsZUNoaXBzITogQ2hpcE9wdGlvbltdO1xyXG4gIGlzVmlld01vcmVBY3RpdmUgPSBmYWxzZTtcclxuICBpc01vYmlsZVZpZXcgPSBmYWxzZTtcclxuICBsYWJlbFZpZXdBbGxPckxlc3MhOiBzdHJpbmc7XHJcbiAgY29uc3RhbnRzID0gY29uc3RhbnRzO1xyXG4gIGNoaXBzVHlwZSA9IENoaXBzVHlwZTtcclxuICBvcmllbnRhdGlvbnMgPSBDaGlwT3JpZW50YXRpb247XHJcbiAgZGVzdHJveSQ6IFN1YmplY3Q8Ym9vbGVhbj4gPSBuZXcgU3ViamVjdDxib29sZWFuPigpO1xyXG4gIHByaXZhdGUgY2hpcHMhOiBDaGlwT3B0aW9uW107XHJcbiAgQElucHV0KClcclxuICBzZXQgY2hpcEdyb3VwKHZhbHVlOiBDaGlwT3B0aW9uW10pIHtcclxuICAgIHRoaXMuY2hpcHMgPSB2YWx1ZTtcclxuICAgIHRoaXMuZGVmYXVsdFZpc2libGVDaGlwcyA9IHRoaXMuY2hpcHM7XHJcbiAgfVxyXG4gIGdldCBjaGlwR3JvdXAoKTogQ2hpcE9wdGlvbltdIHtcclxuICAgIHJldHVybiB0aGlzLmNoaXBzO1xyXG4gIH1cclxuICBASW5wdXQoKSBjaGlwT3JpZW50YXRpb246IENoaXBPcmllbnRhdGlvbiA9IHRoaXMub3JpZW50YXRpb25zLkhPUklaT05UQUw7XHJcbiAgQElucHV0KCkgbm9PZkRlZmF1bHRWaXNpYmxlQ2hpcHM6IG51bWJlciA9XHJcbiAgICB0aGlzLmNvbnN0YW50cz8uY2hpcHM/Lm5vT2ZEZWZhdWx0VmlzaWJsZUNoaXBzO1xyXG4gIEBJbnB1dCgpIGhhc1ZpZXdNb3JlRm9yRGVza3RvcCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGhhc1ZpZXdNb3JlRm9yTW9iaWxlID0gZmFsc2U7XHJcbiAgQElucHV0KCkgYXZhdGFyITogSWNvbkJ1dHRvbjtcclxuICBASW5wdXQoKSBhcnJvdyE6IEljb25CdXR0b247XHJcbiAgQElucHV0KCkgdHlwZU9mQ2hpcDogQ2hpcHNUeXBlID0gdGhpcy5jaGlwc1R5cGUuU1RBVElDO1xyXG4gIEBJbnB1dCgpIGlzVmlld01vcmVOZWVkZWQgPSBmYWxzZTtcclxuICBASW5wdXQoKSBoYXNDaGlwVG9nZ2xlZCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHZpZXdBbGxMYWJlbDogc3RyaW5nID0gdGhpcy5jb25zdGFudHM/LmNoaXBzPy5sYWJlbD8udmlld0FsbDtcclxuICBASW5wdXQoKSB2aWV3TGVzc0xhYmVsOiBzdHJpbmcgPSB0aGlzLmNvbnN0YW50cz8uY2hpcHM/LmxhYmVsPy52aWV3TGVzcztcclxuICBAT3V0cHV0KCkgc2VsZWN0ZWRDaGlwID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBuby11bnVzZWQtdmFycywgbm8tZW1wdHktZnVuY3Rpb25cclxuICBjb25zdHJ1Y3RvcihwdWJsaWMgYnJlYWtwb2ludE9ic2VydmVyU2VydmljZTogQnJlYWtwb2ludE9ic2VydmVyU2VydmljZSkge31cclxuICBuZ09uSW5pdCgpOiB2b2lkIHtcclxuICAgIHRoaXMuYnJlYWtwb2ludE9ic2VydmVyU2VydmljZVxyXG4gICAgICAuZ2V0QnJlYWtwb2ludCgpXHJcbiAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLmRlc3Ryb3kkKSlcclxuICAgICAgLnN1YnNjcmliZSgocmVzdWx0KSA9PiB7XHJcbiAgICAgICAgdGhpcy5pc01vYmlsZVZpZXcgPSByZXN1bHQubWF0Y2hlcztcclxuICAgICAgICB0aGlzLmdldFZpZXdNb3JlKCk7XHJcbiAgICAgICAgdGhpcy52aWV3Q2hpcHMoKTtcclxuICAgICAgfSk7XHJcbiAgfVxyXG4gIC8qKlxyXG4gICAqIE9uY2xpY2sgdGhlIGNoaXAsIGl0IGVtaXRzIHNlbGVjdGVkQ2hpcCBldmVudCB3aXRoIHNlbGVjdGVkIGNoaXAuXHJcbiAgICogQHBhcmFtIHtDaGlwT3B0aW9ufSBjaGlwXHJcbiAgICogQG1lbWJlcm9mIENoaXBDb21wb25lbnRcclxuICAgKi9cclxuICBvbkNoaXBDbGljayhjaGlwOiBDaGlwT3B0aW9uKTogdm9pZCB7XHJcbiAgICBjaGlwLmNoZWNrZWQgPSAhY2hpcC5jaGVja2VkO1xyXG4gICAgdGhpcy5zZWxlY3RlZENoaXAuZW1pdChjaGlwKTtcclxuICB9XHJcbiAgLyoqXHJcbiAgICogU2hvd3MgbGlzdCBvZiBjaGlwcyBvbiB0aGUgYmFzaXMgb2YgdmlldyBtb3JlL2xlc3MgYnV0dG9uIHN0YXRlLlxyXG4gICAqIEBtZW1iZXJvZiBDaGlwQ29tcG9uZW50XHJcbiAgICovXHJcbiAgdmlld0NoaXBzKCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMuaXNWaWV3TW9yZU5lZWRlZCkge1xyXG4gICAgICB0aGlzLmlzVmlld01vcmVBY3RpdmUgPSAhdGhpcy5pc1ZpZXdNb3JlQWN0aXZlO1xyXG4gICAgICBpZiAodGhpcy5pc1ZpZXdNb3JlQWN0aXZlKSB7XHJcbiAgICAgICAgdGhpcy5kZWZhdWx0VmlzaWJsZUNoaXBzID0gdGhpcy5jaGlwcz8uc2xpY2UoXHJcbiAgICAgICAgICAwLFxyXG4gICAgICAgICAgdGhpcy5jb25zdGFudHM/LmNoaXBzPy5ub09mRGVmYXVsdFZpc2libGVDaGlwc1xyXG4gICAgICAgICk7XHJcbiAgICAgICAgdGhpcy5sYWJlbFZpZXdBbGxPckxlc3MgPSB0aGlzLmNvbnN0YW50cz8uY2hpcHM/LmxhYmVsPy52aWV3QWxsO1xyXG4gICAgICB9IGVsc2Uge1xyXG4gICAgICAgIHRoaXMuZGVmYXVsdFZpc2libGVDaGlwcyA9IHRoaXMuY2hpcHM7XHJcbiAgICAgICAgdGhpcy5sYWJlbFZpZXdBbGxPckxlc3MgPSB0aGlzLmNvbnN0YW50cz8uY2hpcHM/LmxhYmVsPy52aWV3TGVzcztcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIH1cclxuICAvKipcclxuICAgKiBTZXRzIHRoZSBpc1ZpZXdNb3JlTmVlZGVkIHZhbHVlIGJhc2VkIG9uIGhhc1ZpZXdNb3JlIGFuZCBpc01vYmlsZVZpZXcgdmFsdWVzLlxyXG4gICAqIEBtZW1iZXJvZiBDaGlwc0NvbXBvbmVudFxyXG4gICAqL1xyXG4gIGdldFZpZXdNb3JlKCk6IHZvaWQge1xyXG4gICAgdGhpcy5pc1ZpZXdNb3JlTmVlZGVkID1cclxuICAgICAgKHRoaXMuaGFzVmlld01vcmVGb3JEZXNrdG9wICYmICF0aGlzLmlzTW9iaWxlVmlldykgfHxcclxuICAgICAgKHRoaXMuaGFzVmlld01vcmVGb3JNb2JpbGUgJiYgdGhpcy5pc01vYmlsZVZpZXcpO1xyXG4gIH1cclxuICAvKipcclxuICAgKiBBbGxvd3MgQW5ndWxhciB0byBkZXRlY3QgdGhlIHNwZWNpZmljIGNoaXAgb3B0aW9uIHRoYXQgbmVlZHMgdG8gY2hhbmdlIG9yIGJlIGFkZGVkIGJ5IHRyYWNraW5nIG9wdGlvbiB1bmlxdWUgSWQuXHJcbiAgICogQHBhcmFtIHtudW1iZXJ9IGluZGV4XHJcbiAgICogQHBhcmFtIHtDaGlwT3B0aW9ufSBvcHRpb25cclxuICAgKiBAcmV0dXJuIHsqfSAgeyhudW1iZXIgfCBzdHJpbmcpfVxyXG4gICAqIEBtZW1iZXJvZiBDaGlwQ29tcG9uZW50XHJcbiAgICovXHJcbiAgdHJhY2tCeUlkKGluZGV4OiBudW1iZXIsIG9wdGlvbjogQ2hpcE9wdGlvbik6IG51bWJlciB8IHN0cmluZyB7XHJcbiAgICByZXR1cm4gb3B0aW9uLmlkO1xyXG4gIH1cclxuICAvKipcclxuICAgKiBOZ09uRGVzdHJveSBwZXJmb3JtcyBuZWNlc3NhcnkgY2xlYW51cCB0YXNrcywgc3VjaCBhcyB1bnN1YnNjcmliaW5nIGZyb20gc3Vic2NyaXB0aW9uIHdoZW4gdGhlIGNvbXBvbmVudCBpcyBiZWluZyBkZXN0cm95ZWQuXHJcbiAgICogQG1lbWJlcm9mIEdyb3Vwc0NvbXBvbmVudFxyXG4gICAqL1xyXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xyXG4gICAgdGhpcy5kZXN0cm95JC5uZXh0KHRydWUpO1xyXG4gICAgdGhpcy5kZXN0cm95JC51bnN1YnNjcmliZSgpO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2IGNsYXNzPVwiaWVlZXNhLWNoaXBcIj5cclxuICA8bWF0LWNoaXAtbGlzdGJveFxyXG4gICAgW2F0dHIuYXJpYS1sYWJlbF09XCJjb25zdGFudHM/LmNoaXBzPy5hcmlhTGFiZWw/LmNoaXBzTGlzdFwiXHJcbiAgICBbbmdDbGFzc109XCJcclxuICAgICAgY2hpcE9yaWVudGF0aW9uID09PSBvcmllbnRhdGlvbnMuVkVSVElDQUxcclxuICAgICAgICA/ICdtYXQtbWRjLWNoaXAtc2V0LXN0YWNrZWQnXHJcbiAgICAgICAgOiAnJ1xyXG4gICAgXCJcclxuICA+XHJcbiAgICA8bWF0LWNoaXAtb3B0aW9uXHJcbiAgICAgICpuZ0Zvcj1cImxldCBjaGlwIG9mIGRlZmF1bHRWaXNpYmxlQ2hpcHM7IHRyYWNrQnk6IHRyYWNrQnlJZFwiXHJcbiAgICAgIChzZWxlY3Rpb25DaGFuZ2UpPVwib25DaGlwQ2xpY2soY2hpcClcIlxyXG4gICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cImNoaXA/Lm5hbWVcIlxyXG4gICAgPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiZC1mbGV4IGFsaWduLWl0ZW1zLWNlbnRlciBnYXAtM1wiPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ0eXBlT2ZDaGlwID09PSBjaGlwc1R5cGUuQVZBVEFSXCI+XHJcbiAgICAgICAgICA8c3ZnXHJcbiAgICAgICAgICAgIGNsYXNzPVwiaWVlZXNhLWNoaXBfX3N2Zy1hdmF0YXJcIlxyXG4gICAgICAgICAgICAqbmdJZj1cImF2YXRhcj8uaWNvblVSTFwiXHJcbiAgICAgICAgICAgIG1hdENoaXBBdmF0YXJcclxuICAgICAgICAgID5cclxuICAgICAgICAgICAgPHVzZSBbYXR0ci54bGluazpocmVmXT1cImF2YXRhcj8uaWNvblVSTFwiPjwvdXNlPlxyXG4gICAgICAgICAgPC9zdmc+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPHAgY2xhc3M9XCJpZWVlc2EtbGFiZWwtbGctYm9sZC0xNiBtLTBcIj57eyBjaGlwPy5uYW1lIH19PC9wPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJ0eXBlT2ZDaGlwID09PSBjaGlwc1R5cGUuVE9HR0xFXCI+XHJcbiAgICAgICAgICA8c3ZnXHJcbiAgICAgICAgICAgIFtuZ0NsYXNzXT1cIlxyXG4gICAgICAgICAgICAgICFoYXNDaGlwVG9nZ2xlZCAmJiBjaGlwPy5jaGVja2VkXHJcbiAgICAgICAgICAgICAgICA/ICdpZWVlc2EtY2hpcF9fc2VsZWN0ZWQtc3RhdGUnXHJcbiAgICAgICAgICAgICAgICA6ICdpZWVlc2EtY2hpcF9fdW5zZWxlY3RlZC1zdGF0ZSdcclxuICAgICAgICAgICAgXCJcclxuICAgICAgICAgICAgY2xhc3M9XCJpZWVlc2EtY2hpcF9fc3ZnLXRyYWlsaW5nLWljb25cIlxyXG4gICAgICAgICAgICAqbmdJZj1cImFycm93Py5pY29uVVJMXCJcclxuICAgICAgICAgICAgbWF0Q2hpcFRyYWlsaW5nSWNvblxyXG4gICAgICAgICAgPlxyXG4gICAgICAgICAgICA8dXNlIFthdHRyLnhsaW5rOmhyZWZdPVwiYXJyb3c/Lmljb25VUkxcIj48L3VzZT5cclxuICAgICAgICAgIDwvc3ZnPlxyXG4gICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvbWF0LWNoaXAtb3B0aW9uPlxyXG4gIDwvbWF0LWNoaXAtbGlzdGJveD5cclxuICA8YnV0dG9uXHJcbiAgICAqbmdJZj1cImlzVmlld01vcmVOZWVkZWQgJiYgZGVmYXVsdFZpc2libGVDaGlwcy5sZW5ndGggPiAwXCJcclxuICAgIChjbGljayk9XCJ2aWV3Q2hpcHMoKVwiXHJcbiAgICBjbGFzcz1cImllZWVzYS12aWV3LW1vcmUtb3ItbGVzcy1idXR0b24gaWVlZXNhLWxhYmVsLWxnLWJvbGQtMTZcIlxyXG4gID5cclxuICAgIHt7IGxhYmVsVmlld0FsbE9yTGVzcyB9fVxyXG4gIDwvYnV0dG9uPlxyXG48L2Rpdj5cclxuIl19