@ieeesa-npm/presentation 0.33.1 → 1.0.0

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

@@ -1,162 +0,0 @@
-import { Component, Input, Output, EventEmitter, ViewChild, } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { MatChipListbox, 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 "../../services/break-point-observer.service";
-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.viewChips(this.activeLabel);
-    }
-    get chipGroup() {
-        return this.chips;
-    }
-    get hasChipToggled() {
-        return this.hasChipToggledInfo;
-    }
-    set hasChipToggled(value) {
-        this.hasChipToggledInfo = value;
-        if (value) {
-            const lastSelectedChip = this.chipListBox?.selected;
-            if (lastSelectedChip)
-                lastSelectedChip.selected = false;
-        }
-    }
-    // eslint-disable-next-line no-unused-vars, no-empty-function
-    constructor(breakpointObserverService) {
-        this.breakpointObserverService = breakpointObserverService;
-        this.isMobileView = false;
-        this.constants = constants;
-        this.chipsType = ChipsType;
-        this.orientations = ChipOrientation;
-        this.activeLabel = this.constants?.chips?.label?.viewLess;
-        this.destroy$ = new Subject();
-        this.chipOrientation = this.orientations.HORIZONTAL;
-        this.noOfDefaultVisibleChips = this.constants?.chips?.noOfDefaultVisibleChips;
-        this.hasViewMoreForDesktop = false;
-        this.hasViewMoreForMobile = false;
-        this.isViewMoreNeeded = 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(this.activeLabel);
-        });
-    }
-    /**
-     * 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);
-        this.chipGroup.forEach((chipOption) => {
-            if (chipOption.id !== chip.id)
-                chipOption.checked = false;
-        });
-    }
-    /**
-     * Shows list of chips on the basis of view more/less button state.
-     * @memberof ChipComponent
-     */
-    viewChips(clickedLabel) {
-        if (this.isViewMoreNeeded) {
-            if (clickedLabel === this.constants?.chips?.label?.viewLess) {
-                this.activeLabel = this.constants?.chips?.label?.viewLess;
-                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;
-                this.activeLabel = this.constants?.chips?.label?.viewAll;
-            }
-        }
-        else {
-            this.defaultVisibleChips = this.chips;
-        }
-    }
-    /**
-     * 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.2.12", ngImport: i0, type: ChipsComponent, deps: [{ token: i1.BreakpointObserverService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ChipsComponent, isStandalone: true, selector: "ieeesa-chips", inputs: { chipGroup: "chipGroup", chipOrientation: "chipOrientation", noOfDefaultVisibleChips: "noOfDefaultVisibleChips", hasViewMoreForDesktop: "hasViewMoreForDesktop", hasViewMoreForMobile: "hasViewMoreForMobile", avatar: "avatar", arrow: "arrow", check: "check", isViewMoreNeeded: "isViewMoreNeeded", hasChipToggled: "hasChipToggled", viewAllLabel: "viewAllLabel", viewLessLabel: "viewLessLabel" }, outputs: { selectedChip: "selectedChip" }, viewQueries: [{ propertyName: "chipListBox", first: true, predicate: MatChipListbox, descendants: true }], 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      [ngClass]=\"\r\n        chip?.checked && chip?.canShowSelection ? 'selected-checked-state' : ''\r\n      \"\r\n    >\r\n      <div class=\"d-flex align-items-center\">\r\n        <ng-container *ngIf=\"chip?.chipType === 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        <ng-container *ngIf=\"chip?.canShowSelection\">\r\n          <svg class=\"ieeesa-chip__svg-check-icon\" *ngIf=\"check?.iconURL\">\r\n            <use [attr.xlink:href]=\"check?.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=\"chip?.chipType === 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 && chipGroup.length > noOfDefaultVisibleChips\"\r\n    (click)=\"viewChips(labelViewAllOrLess)\"\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.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;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.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;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.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;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.5rem;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.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;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.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;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.5rem;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,.mat-mdc-button.mat-mdc-button-base.mat-text-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 Bold;font-style:normal;font-weight:700;font-size:1rem;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:focus{background:#1f75a7}.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:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;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:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{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 Bold;font-style:normal;font-weight:700;font-size:1rem;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 .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.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:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-chip{padding-left:.4375em}.ieeesa-chip__svg-avatar-icon,.ieeesa-chip__svg-trailing-icon{height:1.5em;width:1.5em}.ieeesa-chip__svg-check-icon{height:1.2em;width:1.5em}.ieeesa-chip .ieeesa-label-lg-bold-16{color:#49454f}.ieeesa-chip .selected-checked-state{background-color:#c0dced!important}.ieeesa-chip .mat-mdc-standard-chip{--mdc-chip-label-text-size: $ieeesa-font-size-16}.ieeesa-chip .mdc-evolution-chip--selectable .ieeesa-chip__svg-trailing-icon{transform:rotate(0)}.ieeesa-chip .mdc-evolution-chip--selected .ieeesa-chip__svg-trailing-icon{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.2.12", 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      [ngClass]=\"\r\n        chip?.checked && chip?.canShowSelection ? 'selected-checked-state' : ''\r\n      \"\r\n    >\r\n      <div class=\"d-flex align-items-center\">\r\n        <ng-container *ngIf=\"chip?.chipType === 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        <ng-container *ngIf=\"chip?.canShowSelection\">\r\n          <svg class=\"ieeesa-chip__svg-check-icon\" *ngIf=\"check?.iconURL\">\r\n            <use [attr.xlink:href]=\"check?.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=\"chip?.chipType === 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 && chipGroup.length > noOfDefaultVisibleChips\"\r\n    (click)=\"viewChips(labelViewAllOrLess)\"\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.5625rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-body{text-align:left;font-family:Calibri Regular;font-size:1.25rem;letter-spacing:0;color:#000;opacity:1}.ieeesa-display-lg-57{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:3.5625rem;line-height:64px;color:#000;letter-spacing:0}.ieeesa-display-md-45{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.813rem;line-height:52px;color:#000;letter-spacing:0}.ieeesa-display-md-47{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.9375rem;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.375rem;line-height:44px;color:#000;letter-spacing:0}.ieeesa-headline-lg-32{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2rem;line-height:40px;color:#000;letter-spacing:0}.ieeesa-headline-lg-34{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:2.125rem;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.875rem;line-height:36px;color:#000;letter-spacing:0}.ieeesa-headline-sm-24{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.5rem;line-height:32px;color:#00629b;letter-spacing:0}.ieeesa-headline-sm-26{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1.625rem;line-height:32px;color:#000;letter-spacing:0}.ieeesa-title-lg-bold-24{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.5rem;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.5rem;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.125rem;line-height:24px;color:#000;letter-spacing:.009375em}.ieeesa-title-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-title-sm-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-label-lg-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.00625em}.ieeesa-btn-label-lg-bold-16{font-family:Calibri Regular;font-style:normal;font-weight:700;font-size:1rem;line-height:20px;color:#00629b;letter-spacing:.00625em}.ieeesa-label-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-label-sm-13{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.8125rem;line-height:16px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-16{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-lg-bold-18{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:1.125rem;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.125rem;line-height:24px;color:#000;letter-spacing:.03125em}.ieeesa-body-md-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:20px;color:#1c1b1f;letter-spacing:.015625em}.ieeesa-body-md-16{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:1rem;line-height:20px;color:#000;letter-spacing:.015625em}.ieeesa-body-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-sm-12{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.75rem;line-height:16px;color:#000;letter-spacing:.025em}.ieeesa-body-color-sm-14{font-family:Calibri Regular;font-style:normal;font-weight:400;font-size:.875rem;line-height:18px;color:#49454f;letter-spacing:.025em}.ieeesa-body-sm-bold-14{font-family:Calibri Bold;font-style:normal;font-weight:700;font-size:.875rem;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.5rem;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,.mat-mdc-button.mat-mdc-button-base.mat-text-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 Bold;font-style:normal;font-weight:700;font-size:1rem;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:focus{background:#1f75a7}.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:focus{background:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:active{background:#1d192b1f}.mat-mdc-button.mat-mdc-button-base.mat-secondary-button:disabled{background:#1c1b1f1f;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:focus{background-color:#f0f5f9}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:active{background:#6750a41f}.mat-mdc-button.mat-mdc-button-base.mat-tertiary-button:disabled{border:1px solid rgba(28,27,31,.12);color:#1c1b1f;opacity:.38}.mat-mdc-button.mat-mdc-button-base.mat-text-button{color:#00629b}.mat-mdc-button.mat-mdc-button-base.mat-text-button:hover,.mat-mdc-button.mat-mdc-button-base.mat-text-button:active{background:#6750a414}.mat-mdc-button.mat-mdc-button-base.mat-text-button:disabled{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 Bold;font-style:normal;font-weight:700;font-size:1rem;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 .mat-mdc-tooltip .mdc-tooltip__surface{color:#525252;padding:6px 12px;font-family:Calibri Regular;font-size:1rem;border:1px solid #cac4d0;background:#fff;box-shadow:0 4px 8px #00000040;max-width:unset!important}.cdk-overlay-pane .mat-mdc-option .mdc-list-item__primary-text{font-family:Calibri Regular!important}.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:1rem;line-height:24px;color:#49454f;letter-spacing:.03125em}.ieeesa-cancel-modal-confirm-dialog{width:25vw!important}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation{padding:1.5em 1.5em 1em}.ieeesa-cancel-modal-confirm-dialog .ieeesa-confirmation .mat-mdc-dialog-content{text-align:center;padding:0 0 1em!important}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: unset}@media (max-width: 768px){.ieeesa-cancel-modal-confirm-dialog{width:90vw!important}}.ieeesa-wrapper-border{border:1px solid #b2b7be;border-top:none;padding:1.5em;border-radius:0 0 4px 4px}.ieeesa-chip{padding-left:.4375em}.ieeesa-chip__svg-avatar-icon,.ieeesa-chip__svg-trailing-icon{height:1.5em;width:1.5em}.ieeesa-chip__svg-check-icon{height:1.2em;width:1.5em}.ieeesa-chip .ieeesa-label-lg-bold-16{color:#49454f}.ieeesa-chip .selected-checked-state{background-color:#c0dced!important}.ieeesa-chip .mat-mdc-standard-chip{--mdc-chip-label-text-size: $ieeesa-font-size-16}.ieeesa-chip .mdc-evolution-chip--selectable .ieeesa-chip__svg-trailing-icon{transform:rotate(0)}.ieeesa-chip .mdc-evolution-chip--selected .ieeesa-chip__svg-trailing-icon{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
-            }], check: [{
-                type: Input
-            }], chipListBox: [{
-                type: ViewChild,
-                args: [MatChipListbox]
-            }], isViewMoreNeeded: [{
-                type: Input
-            }], hasChipToggled: [{
-                type: Input
-            }], viewAllLabel: [{
-                type: Input
-            }], viewLessLabel: [{
-                type: Input
-            }], selectedChip: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2hpcHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJlc2VudGF0aW9uL3NyYy9saWIvY29tcG9uZW50cy9jaGlwcy9jaGlwcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcmVzZW50YXRpb24vc3JjL2xpYi9jb21wb25lbnRzL2NoaXBzL2NoaXBzLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUNMLE1BQU0sRUFDTixZQUFZLEVBR1osU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQ0wsY0FBYyxFQUVkLGNBQWMsR0FDZixNQUFNLHlCQUF5QixDQUFDO0FBQ2pDLE9BQU8sRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBRTFDLE9BQU8sRUFFTCxlQUFlLEVBQ2YsU0FBUyxHQUNWLE1BQU0sZ0NBQWdDLENBQUM7QUFFeEMsT0FBTyxLQUFLLFNBQVMsTUFBTSw2QkFBNkIsQ0FBQzs7Ozs7QUFFekQ7Ozs7OztHQU1HO0FBUUgsTUFBTSxPQUFPLGNBQWM7SUFVekIsSUFDSSxTQUFTLENBQUMsS0FBbUI7UUFDL0IsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7UUFDbkIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDbkMsQ0FBQztJQUNELElBQUksU0FBUztRQUNYLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztJQUNwQixDQUFDO0lBWUQsSUFDSSxjQUFjO1FBQ2hCLE9BQU8sSUFBSSxDQUFDLGtCQUFrQixDQUFDO0lBQ2pDLENBQUM7SUFDRCxJQUFJLGNBQWMsQ0FBQyxLQUFjO1FBQy9CLElBQUks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dkIsS0FBSztnQkFDRyx1QkFBdUI7c0JBQS9CLEtBQUs7Z0JBRUcscUJBQXFCO3NCQUE3QixLQUFLO2dCQUNHLG9CQUFvQjtzQkFBNUIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDcUIsV0FBVztzQkFBckMsU0FBUzt1QkFBQyxjQUFjO2dCQUNoQixnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBR0YsY0FBYztzQkFEakIsS0FBSztnQkFXRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0ksWUFBWTtzQkFBckIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIElucHV0LFxyXG4gIE91dHB1dCxcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgT25Jbml0LFxyXG4gIE9uRGVzdHJveSxcclxuICBWaWV3Q2hpbGQsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7XHJcbiAgTWF0Q2hpcExpc3Rib3gsXHJcbiAgTWF0Q2hpcE9wdGlvbixcclxuICBNYXRDaGlwc01vZHVsZSxcclxufSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9jaGlwcyc7XHJcbmltcG9ydCB7IFN1YmplY3QsIHRha2VVbnRpbCB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBCcmVha3BvaW50T2JzZXJ2ZXJTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvYnJlYWstcG9pbnQtb2JzZXJ2ZXIuc2VydmljZSc7XHJcbmltcG9ydCB7XHJcbiAgQ2hpcE9wdGlvbixcclxuICBDaGlwT3JpZW50YXRpb24sXHJcbiAgQ2hpcHNUeXBlLFxyXG59IGZyb20gJy4uLy4uL21vZGVscy9jaGlwLW9wdGlvbi5tb2RlbCc7XHJcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICdAaWVlZXNhLW5wbS9tb2RlbHMnO1xyXG5pbXBvcnQgKiBhcyBjb25zdGFudHMgZnJvbSAnLi4vLi4vYXNzZXRzL2NvbnN0YW50cy5qc29uJztcclxuXHJcbi8qKlxyXG4gKiBDaGlwcyBjb21wb25lbnQgYWxsb3cgdXNlcnMgdG8gdmlldyBpbmZvcm1hdGlvbiwgbWFrZSBzZWxlY3Rpb25zLCBmaWx0ZXIgY29udGVudC5cclxuICogQGV4cG9ydFxyXG4gKiBAY2xhc3MgQ2hpcENvbXBvbmVudFxyXG4gKiBAaW1wbGVtZW50cyB7T25Jbml0fVxyXG4gKiBAaW1wbGVtZW50cyB7T25EZXN0cm95fVxyXG4gKi9cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdpZWVlc2EtY2hpcHMnLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgTWF0Q2hpcHNNb2R1bGVdLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9jaGlwcy5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vY2hpcHMuY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIENoaXBzQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3kge1xyXG4gIGRlZmF1bHRWaXNpYmxlQ2hpcHMhOiBDaGlwT3B0aW9uW107XHJcbiAgaXNNb2JpbGVWaWV3ID0gZmFsc2U7XHJcbiAgbGFiZWxWaWV3QWxsT3JMZXNzITogc3RyaW5nO1xyXG4gIGNvbnN0YW50cyA9IGNvbnN0YW50cztcclxuICBjaGlwc1R5cGUgPSBDaGlwc1R5cGU7XHJcbiAgb3JpZW50YXRpb25zID0gQ2hpcE9yaWVudGF0aW9uO1xyXG4gIGFjdGl2ZUxhYmVsOiBzdHJpbmcgPSB0aGlzLmNvbnN0YW50cz8uY2hpcHM/LmxhYmVsPy52aWV3TGVzcztcclxuICBkZXN0cm95JDogU3ViamVjdDxib29sZWFuPiA9IG5ldyBTdWJqZWN0PGJvb2xlYW4+KCk7XHJcbiAgcHJpdmF0ZSBjaGlwcyE6IENoaXBPcHRpb25bXTtcclxuICBASW5wdXQoKVxyXG4gIHNldCBjaGlwR3JvdXAodmFsdWU6IENoaXBPcHRpb25bXSkge1xyXG4gICAgdGhpcy5jaGlwcyA9IHZhbHVlO1xyXG4gICAgdGhpcy52aWV3Q2hpcHModGhpcy5hY3RpdmVMYWJlbCk7XHJcbiAgfVxyXG4gIGdldCBjaGlwR3JvdXAoKTogQ2hpcE9wdGlvbltdIHtcclxuICAgIHJldHVybiB0aGlzLmNoaXBzO1xyXG4gIH1cclxuICBASW5wdXQoKSBjaGlwT3JpZW50YXRpb246IENoaXBPcmllbnRhdGlvbiA9IHRoaXMub3JpZW50YXRpb25zLkhPUklaT05UQUw7XHJcbiAgQElucHV0KCkgbm9PZkRlZmF1bHRWaXNpYmxlQ2hpcHM6IG51bWJlciA9XHJcbiAgICB0aGlzLmNvbnN0YW50cz8uY2hpcHM/Lm5vT2ZEZWZhdWx0VmlzaWJsZUNoaXBzO1xyXG4gIEBJbnB1dCgpIGhhc1ZpZXdNb3JlRm9yRGVza3RvcCA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGhhc1ZpZXdNb3JlRm9yTW9iaWxlID0gZmFsc2U7XHJcbiAgQElucHV0KCkgYXZhdGFyITogSWNvbkJ1dHRvbjtcclxuICBASW5wdXQoKSBhcnJvdyE6IEljb25CdXR0b247XHJcbiAgQElucHV0KCkgY2hlY2shOiBJY29uQnV0dG9uO1xyXG4gIEBWaWV3Q2hpbGQoTWF0Q2hpcExpc3Rib3gpIGNoaXBMaXN0Qm94ITogTWF0Q2hpcExpc3Rib3g7XHJcbiAgQElucHV0KCkgaXNWaWV3TW9yZU5lZWRlZCA9IGZhbHNlO1xyXG4gIHByaXZhdGUgaGFzQ2hpcFRvZ2dsZWRJbmZvITogYm9vbGVhbjtcclxuICBASW5wdXQoKVxyXG4gIGdldCBoYXNDaGlwVG9nZ2xlZCgpIHtcclxuICAgIHJldHVybiB0aGlzLmhhc0NoaXBUb2dnbGVkSW5mbztcclxuICB9XHJcbiAgc2V0IGhhc0NoaXBUb2dnbGVkKHZhbHVlOiBib29sZWFuKSB7XHJcbiAgICB0aGlzLmhhc0NoaXBUb2dnbGVkSW5mbyA9IHZhbHVlO1xyXG4gICAgaWYgKHZhbHVlKSB7XHJcbiAgICAgIGNvbnN0IGxhc3RTZWxlY3RlZENoaXAgPSB0aGlzLmNoaXBMaXN0Qm94Py5zZWxlY3RlZCBhcyBNYXRDaGlwT3B0aW9uO1xyXG4gICAgICBpZiAobGFzdFNlbGVjdGVkQ2hpcCkgbGFzdFNlbGVjdGVkQ2hpcC5zZWxlY3RlZCA9IGZhbHNlO1xyXG4gICAgfVxyXG4gIH1cclxuICBASW5wdXQoKSB2aWV3QWxsTGFiZWw6IHN0cmluZyA9IHRoaXMuY29uc3RhbnRzPy5jaGlwcz8ubGFiZWw/LnZpZXdBbGw7XHJcbiAgQElucHV0KCkgdmlld0xlc3NMYWJlbDogc3RyaW5nID0gdGhpcy5jb25zdGFudHM/LmNoaXBzPy5sYWJlbD8udmlld0xlc3M7XHJcbiAgQE91dHB1dCgpIHNlbGVjdGVkQ2hpcCA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgbm8tdW51c2VkLXZhcnMsIG5vLWVtcHR5LWZ1bmN0aW9uXHJcbiAgY29uc3RydWN0b3IocHVibGljIGJyZWFrcG9pbnRPYnNlcnZlclNlcnZpY2U6IEJyZWFrcG9pbnRPYnNlcnZlclNlcnZpY2UpIHt9XHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICB0aGlzLmJyZWFrcG9pbnRPYnNlcnZlclNlcnZpY2VcclxuICAgICAgLmdldEJyZWFrcG9pbnQoKVxyXG4gICAgICAucGlwZSh0YWtlVW50aWwodGhpcy5kZXN0cm95JCkpXHJcbiAgICAgIC5zdWJzY3JpYmUoKHJlc3VsdCkgPT4ge1xyXG4gICAgICAgIHRoaXMuaXNNb2JpbGVWaWV3ID0gcmVzdWx0Lm1hdGNoZXM7XHJcbiAgICAgICAgdGhpcy5nZXRWaWV3TW9yZSgpO1xyXG4gICAgICAgIHRoaXMudmlld0NoaXBzKHRoaXMuYWN0aXZlTGFiZWwpO1xyXG4gICAgICB9KTtcclxuICB9XHJcbiAgLyoqXHJcbiAgICogT25jbGljayB0aGUgY2hpcCwgaXQgZW1pdHMgc2VsZWN0ZWRDaGlwIGV2ZW50IHdpdGggc2VsZWN0ZWQgY2hpcC5cclxuICAgKiBAcGFyYW0ge0NoaXBPcHRpb259IGNoaXBcclxuICAgKiBAbWVtYmVyb2YgQ2hpcENvbXBvbmVudFxyXG4gICAqL1xyXG4gIG9uQ2hpcENsaWNrKGNoaXA6IENoaXBPcHRpb24pOiB2b2lkIHtcclxuICAgIGNoaXAuY2hlY2tlZCA9ICFjaGlwLmNoZWNrZWQ7XHJcbiAgICB0aGlzLnNlbGVjdGVkQ2hpcC5lbWl0KGNoaXApO1xyXG4gICAgdGhpcy5jaGlwR3JvdXAuZm9yRWFjaCgoY2hpcE9wdGlvbikgPT4ge1xyXG4gICAgICBpZiAoY2hpcE9wdGlvbi5pZCAhPT0gY2hpcC5pZCkgY2hpcE9wdGlvbi5jaGVja2VkID0gZmFsc2U7XHJcbiAgICB9KTtcclxuICB9XHJcbiAgLyoqXHJcbiAgICogU2hvd3MgbGlzdCBvZiBjaGlwcyBvbiB0aGUgYmFzaXMgb2YgdmlldyBtb3JlL2xlc3MgYnV0dG9uIHN0YXRlLlxyXG4gICAqIEBtZW1iZXJvZiBDaGlwQ29tcG9uZW50XHJcbiAgICovXHJcbiAgdmlld0NoaXBzKGNsaWNrZWRMYWJlbDogc3RyaW5nKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5pc1ZpZXdNb3JlTmVlZGVkKSB7XHJcbiAgICAgIGlmIChjbGlja2VkTGFiZWwgPT09IHRoaXMuY29uc3RhbnRzPy5jaGlwcz8ubGFiZWw/LnZpZXdMZXNzKSB7XHJcbiAgICAgICAgdGhpcy5hY3RpdmVMYWJlbCA9IHRoaXMuY29uc3RhbnRzPy5jaGlwcz8ubGFiZWw/LnZpZXdMZXNzO1xyXG4gICAgICAgIHRoaXMuZGVmYXVsdFZpc2libGVDaGlwcyA9IHRoaXMuY2hpcHM/LnNsaWNlKFxyXG4gICAgICAgICAgMCxcclxuICAgICAgICAgIHRoaXMuY29uc3RhbnRzPy5jaGlwcz8ubm9PZkRlZmF1bHRWaXNpYmxlQ2hpcHNcclxuICAgICAgICApO1xyXG4gICAgICAgIHRoaXMubGFiZWxWaWV3QWxsT3JMZXNzID0gdGhpcy5jb25zdGFudHM/LmNoaXBzPy5sYWJlbD8udmlld0FsbDtcclxuICAgICAgfSBlbHNlIHtcclxuICAgICAgICB0aGlzLmRlZmF1bHRWaXNpYmxlQ2hpcHMgPSB0aGlzLmNoaXBzO1xyXG4gICAgICAgIHRoaXMubGFiZWxWaWV3QWxsT3JMZXNzID0gdGhpcy5jb25zdGFudHM/LmNoaXBzPy5sYWJlbD8udmlld0xlc3M7XHJcbiAgICAgICAgdGhpcy5hY3RpdmVMYWJlbCA9IHRoaXMuY29uc3RhbnRzPy5jaGlwcz8ubGFiZWw/LnZpZXdBbGw7XHJcbiAgICAgIH1cclxuICAgIH0gZWxzZSB7XHJcbiAgICAgIHRoaXMuZGVmYXVsdFZpc2libGVDaGlwcyA9IHRoaXMuY2hpcHM7XHJcbiAgICB9XHJcbiAgfVxyXG4gIC8qKlxyXG4gICAqIFNldHMgdGhlIGlzVmlld01vcmVOZWVkZWQgdmFsdWUgYmFzZWQgb24gaGFzVmlld01vcmUgYW5kIGlzTW9iaWxlVmlldyB2YWx1ZXMuXHJcbiAgICogQG1lbWJlcm9mIENoaXBzQ29tcG9uZW50XHJcbiAgICovXHJcbiAgZ2V0Vmlld01vcmUoKTogdm9pZCB7XHJcbiAgICB0aGlzLmlzVmlld01vcmVOZWVkZWQgPVxyXG4gICAgICAodGhpcy5oYXNWaWV3TW9yZUZvckRlc2t0b3AgJiYgIXRoaXMuaXNNb2JpbGVWaWV3KSB8fFxyXG4gICAgICAodGhpcy5oYXNWaWV3TW9yZUZvck1vYmlsZSAmJiB0aGlzLmlzTW9iaWxlVmlldyk7XHJcbiAgfVxyXG4gIC8qKlxyXG4gICAqIEFsbG93cyBBbmd1bGFyIHRvIGRldGVjdCB0aGUgc3BlY2lmaWMgY2hpcCBvcHRpb24gdGhhdCBuZWVkcyB0byBjaGFuZ2Ugb3IgYmUgYWRkZWQgYnkgdHJhY2tpbmcgb3B0aW9uIHVuaXF1ZSBJZC5cclxuICAgKiBAcGFyYW0ge251bWJlcn0gaW5kZXhcclxuICAgKiBAcGFyYW0ge0NoaXBPcHRpb259IG9wdGlvblxyXG4gICAqIEByZXR1cm4geyp9ICB7KG51bWJlciB8IHN0cmluZyl9XHJcbiAgICogQG1lbWJlcm9mIENoaXBDb21wb25lbnRcclxuICAgKi9cclxuICB0cmFja0J5SWQoaW5kZXg6IG51bWJlciwgb3B0aW9uOiBDaGlwT3B0aW9uKTogbnVtYmVyIHwgc3RyaW5nIHtcclxuICAgIHJldHVybiBvcHRpb24uaWQ7XHJcbiAgfVxyXG4gIC8qKlxyXG4gICAqIE5nT25EZXN0cm95IHBlcmZvcm1zIG5lY2Vzc2FyeSBjbGVhbnVwIHRhc2tzLCBzdWNoIGFzIHVuc3Vic2NyaWJpbmcgZnJvbSBzdWJzY3JpcHRpb24gd2hlbiB0aGUgY29tcG9uZW50IGlzIGJlaW5nIGRlc3Ryb3llZC5cclxuICAgKiBAbWVtYmVyb2YgR3JvdXBzQ29tcG9uZW50XHJcbiAgICovXHJcbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XHJcbiAgICB0aGlzLmRlc3Ryb3kkLm5leHQodHJ1ZSk7XHJcbiAgICB0aGlzLmRlc3Ryb3kkLnVuc3Vic2NyaWJlKCk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJpZWVlc2EtY2hpcFwiPlxyXG4gIDxtYXQtY2hpcC1saXN0Ym94XHJcbiAgICBbYXR0ci5hcmlhLWxhYmVsXT1cImNvbnN0YW50cz8uY2hpcHM/LmFyaWFMYWJlbD8uY2hpcHNMaXN0XCJcclxuICAgIFtuZ0NsYXNzXT1cIlxyXG4gICAgICBjaGlwT3JpZW50YXRpb24gPT09IG9yaWVudGF0aW9ucy5WRVJUSUNBTFxyXG4gICAgICAgID8gJ21hdC1tZGMtY2hpcC1zZXQtc3RhY2tlZCdcclxuICAgICAgICA6ICcnXHJcbiAgICBcIlxyXG4gID5cclxuICAgIDxtYXQtY2hpcC1vcHRpb25cclxuICAgICAgKm5nRm9yPVwibGV0IGNoaXAgb2YgZGVmYXVsdFZpc2libGVDaGlwczsgdHJhY2tCeTogdHJhY2tCeUlkXCJcclxuICAgICAgKHNlbGVjdGlvbkNoYW5nZSk9XCJvbkNoaXBDbGljayhjaGlwKVwiXHJcbiAgICAgIFthdHRyLmFyaWEtbGFiZWxdPVwiY2hpcD8ubmFtZVwiXHJcbiAgICAgIFtuZ0NsYXNzXT1cIlxyXG4gICAgICAgIGNoaXA/LmNoZWNrZWQgJiYgY2hpcD8uY2FuU2hvd1NlbGVjdGlvbiA/ICdzZWxlY3RlZC1jaGVja2VkLXN0YXRlJyA6ICcnXHJcbiAgICAgIFwiXHJcbiAgICA+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJkLWZsZXggYWxpZ24taXRlbXMtY2VudGVyXCI+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImNoaXA/LmNoaXBUeXBlID09PSBjaGlwc1R5cGUuQVZBVEFSXCI+XHJcbiAgICAgICAgICA8c3ZnXHJcbiAgICAgICAgICAgIGNsYXNzPVwiaWVlZXNhLWNoaXBfX3N2Zy1hdmF0YXJcIlxyXG4gICAgICAgICAgICAqbmdJZj1cImF2YXRhcj8uaWNvblVSTFwiXHJcbiAgICAgICAgICAgIG1hdENoaXBBdmF0YXJcclxuICAgICAgICAgID5cclxuICAgICAgICAgICAgPHVzZSBbYXR0ci54bGluazpocmVmXT1cImF2YXRhcj8uaWNvblVSTFwiPjwvdXNlPlxyXG4gICAgICAgICAgPC9zdmc+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImNoaXA/LmNhblNob3dTZWxlY3Rpb25cIj5cclxuICAgICAgICAgIDxzdmcgY2xhc3M9XCJpZWVlc2EtY2hpcF9fc3ZnLWNoZWNrLWljb25cIiAqbmdJZj1cImNoZWNrPy5pY29uVVJMXCI+XHJcbiAgICAgICAgICAgIDx1c2UgW2F0dHIueGxpbms6aHJlZl09XCJjaGVjaz8uaWNvblVSTFwiPjwvdXNlPlxyXG4gICAgICAgICAgPC9zdmc+XHJcbiAgICAgICAgPC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPHAgY2xhc3M9XCJpZWVlc2EtbGFiZWwtbGctYm9sZC0xNiBtLTBcIj57eyBjaGlwPy5uYW1lIH19PC9wPlxyXG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJjaGlwPy5jaGlwVHlwZSA9PT0gY2hpcHNUeXBlLlRPR0dMRVwiPlxyXG4gICAgICAgICAgPHN2Z1xyXG4gICAgICAgICAgICBbbmdDbGFzc109XCJcclxuICAgICAgICAgICAgICBoYXNDaGlwVG9nZ2xlZCAmJiBjaGlwPy5jaGVja2VkXHJcbiAgICAgICAgICAgICAgICA/ICdpZWVlc2EtY2hpcF9fc2VsZWN0ZWQtc3RhdGUnXHJcbiAgICAgICAgICAgICAgICA6ICdpZWVlc2EtY2hpcF9fdW5zZWxlY3RlZC1zdGF0ZSdcclxuICAgICAgICAgICAgXCJcclxuICAgICAgICAgICAgY2xhc3M9XCJpZWVlc2EtY2hpcF9fc3ZnLXRyYWlsaW5nLWljb25cIlxyXG4gICAgICAgICAgICAqbmdJZj1cImFycm93Py5pY29uVVJMXCJcclxuICAgICAgICAgICAgbWF0Q2hpcFRyYWlsaW5nSWNvblxyXG4gICAgICAgICAgPlxyXG4gICAgICAgICAgICA8dXNlIFthdHRyLnhsaW5rOmhyZWZdPVwiYXJyb3c/Lmljb25VUkxcIj48L3VzZT5cclxuICAgICAgICAgIDwvc3ZnPlxyXG4gICAgICAgIDwvbmctY29udGFpbmVyPlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvbWF0LWNoaXAtb3B0aW9uPlxyXG4gIDwvbWF0LWNoaXAtbGlzdGJveD5cclxuICA8YnV0dG9uXHJcbiAgICAqbmdJZj1cImlzVmlld01vcmVOZWVkZWQgJiYgY2hpcEdyb3VwLmxlbmd0aCA+IG5vT2ZEZWZhdWx0VmlzaWJsZUNoaXBzXCJcclxuICAgIChjbGljayk9XCJ2aWV3Q2hpcHMobGFiZWxWaWV3QWxsT3JMZXNzKVwiXHJcbiAgICBjbGFzcz1cImllZWVzYS12aWV3LW1vcmUtb3ItbGVzcy1idXR0b24gaWVlZXNhLWxhYmVsLWxnLWJvbGQtMTZcIlxyXG4gID5cclxuICAgIHt7IGxhYmVsVmlld0FsbE9yTGVzcyB9fVxyXG4gIDwvYnV0dG9uPlxyXG48L2Rpdj5cclxuIl19