@symphony-talent/component-library 4.227.0 → 4.228.0

package/esm2020/lib/pages/modals/chatbot-history-modal/chatbot-history-modal.component.mjs

@@ -16,7 +16,7 @@ export class ChatbotHistoryModalComponent {
     }
 }
 ChatbotHistoryModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatbotHistoryModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ChatbotHistoryModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ChatbotHistoryModalComponent, selector: "symphony-chatbot-history-modal", inputs: { chatbotHistoryModel: "chatbotHistoryModel" }, outputs: { closeButtonClicked: "closeButtonClicked" }, ngImport: i0, template: "<symphony-two-column-modal-template\n  *ngIf=\"chatbotHistoryModel\"\n  [hideSubtitle]=\"false\"\n>\n  <symphony-h4 sfx-modal-title>{{\n    chatbotHistoryModel.modalTitle\n  }}</symphony-h4>\n  <symphony-icon\n    sfx-close-button\n    [icon]=\"'si-close-modal'\"\n    (clicked)=\"onCloseButtonClick()\"\n  ></symphony-icon>\n  <symphony-paragraph sfx-modal-subtitle>{{\n    chatbotHistoryModel.modalSubtitle\n  }}</symphony-paragraph>\n  <section\n    *ngIf=\"!chatbotHistoryModel.isLoading\"\n    class=\"sfx-p-30 chatModal-body\"\n    sfx-modal-body-area\n  >\n    <symphony-chat-history-message-list\n      *ngIf=\"!chatbotHistoryModel.errorText\"\n      [messageItemsList]=\"chatbotHistoryModel.messageItemsList\"\n    ></symphony-chat-history-message-list>\n    <section class=\"sfx-pt-40 sfx-pb-40 sfx-txt-center\" *ngIf=\"chatbotHistoryModel.errorText\">\n      <symphony-paragraph>{{\n        chatbotHistoryModel.errorText\n      }}</symphony-paragraph>\n    </section>\n  </section>\n  <section\n    *ngIf=\"chatbotHistoryModel.isLoading\"\n    class=\"sfx-pt-40 sfx-pb-40\"\n    sfx-modal-body-area\n  >\n    <symphony-sfx-loader> </symphony-sfx-loader>\n  </section>\n</symphony-two-column-modal-template>\n", styles: [".chatModal-body{max-height:470px;overflow-y:auto}.chatModal-body::-webkit-scrollbar{width:12px}.chatModal-body::-webkit-scrollbar-track{box-shadow:inset 0 0 3px transparent;border-radius:30px}.chatModal-body::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:30px}.chatModal-body::-webkit-scrollbar-thumb:hover{cursor:pointer}\n"], components: [{ type: i1.TwoColumnModalTemplateComponent, selector: "symphony-two-column-modal-template", inputs: ["hideFooter", "hideSubtitle"] }, { type: i2.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i5.ChatHistoryMessageListComponent, selector: "symphony-chat-history-message-list", inputs: ["messageItemsList"] }, { type: i6.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+ChatbotHistoryModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ChatbotHistoryModalComponent, selector: "symphony-chatbot-history-modal", inputs: { chatbotHistoryModel: "chatbotHistoryModel" }, outputs: { closeButtonClicked: "closeButtonClicked" }, ngImport: i0, template: "<symphony-two-column-modal-template\n  *ngIf=\"chatbotHistoryModel\"\n  [hideSubtitle]=\"false\"\n>\n  <symphony-h4 sfx-modal-title>{{\n    chatbotHistoryModel.modalTitle\n  }}</symphony-h4>\n  <symphony-icon\n    sfx-close-button\n    [icon]=\"'si-close-modal'\"\n    (clicked)=\"onCloseButtonClick()\"\n  ></symphony-icon>\n  <symphony-paragraph sfx-modal-subtitle>{{\n    chatbotHistoryModel.modalSubtitle\n  }}</symphony-paragraph>\n  <section\n    *ngIf=\"!chatbotHistoryModel.isLoading\"\n    class=\"sfx-p-30 chatModal-body\"\n    sfx-modal-body-area\n  >\n    <symphony-chat-history-message-list\n      *ngIf=\"!chatbotHistoryModel.errorText\"\n      [messageItemsList]=\"chatbotHistoryModel.messageItemsList\"\n    ></symphony-chat-history-message-list>\n    <section class=\"sfx-pt-40 sfx-pb-40 sfx-txt-center\" *ngIf=\"chatbotHistoryModel.errorText\">\n      <symphony-paragraph>{{\n        chatbotHistoryModel.errorText\n      }}</symphony-paragraph>\n    </section>\n  </section>\n  <section\n    *ngIf=\"chatbotHistoryModel.isLoading\"\n    class=\"sfx-pt-40 sfx-pb-40\"\n    sfx-modal-body-area\n  >\n    <symphony-sfx-loader> </symphony-sfx-loader>\n  </section>\n</symphony-two-column-modal-template>\n", styles: [".chatModal-body{max-height:470px;overflow-y:auto}.chatModal-body::-webkit-scrollbar{width:12px}.chatModal-body::-webkit-scrollbar-track{box-shadow:inset 0 0 3px transparent;border-radius:30px}.chatModal-body::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:30px}.chatModal-body::-webkit-scrollbar-thumb:hover{cursor:pointer}\n"], components: [{ type: i1.TwoColumnModalTemplateComponent, selector: "symphony-two-column-modal-template", inputs: ["hideFooter", "hideSubtitle"] }, { type: i2.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold", "fontSize", "fontWeight"] }, { type: i5.ChatHistoryMessageListComponent, selector: "symphony-chat-history-message-list", inputs: ["messageItemsList"] }, { type: i6.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatbotHistoryModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-chatbot-history-modal', template: "<symphony-two-column-modal-template\n  *ngIf=\"chatbotHistoryModel\"\n  [hideSubtitle]=\"false\"\n>\n  <symphony-h4 sfx-modal-title>{{\n    chatbotHistoryModel.modalTitle\n  }}</symphony-h4>\n  <symphony-icon\n    sfx-close-button\n    [icon]=\"'si-close-modal'\"\n    (clicked)=\"onCloseButtonClick()\"\n  ></symphony-icon>\n  <symphony-paragraph sfx-modal-subtitle>{{\n    chatbotHistoryModel.modalSubtitle\n  }}</symphony-paragraph>\n  <section\n    *ngIf=\"!chatbotHistoryModel.isLoading\"\n    class=\"sfx-p-30 chatModal-body\"\n    sfx-modal-body-area\n  >\n    <symphony-chat-history-message-list\n      *ngIf=\"!chatbotHistoryModel.errorText\"\n      [messageItemsList]=\"chatbotHistoryModel.messageItemsList\"\n    ></symphony-chat-history-message-list>\n    <section class=\"sfx-pt-40 sfx-pb-40 sfx-txt-center\" *ngIf=\"chatbotHistoryModel.errorText\">\n      <symphony-paragraph>{{\n        chatbotHistoryModel.errorText\n      }}</symphony-paragraph>\n    </section>\n  </section>\n  <section\n    *ngIf=\"chatbotHistoryModel.isLoading\"\n    class=\"sfx-pt-40 sfx-pb-40\"\n    sfx-modal-body-area\n  >\n    <symphony-sfx-loader> </symphony-sfx-loader>\n  </section>\n</symphony-two-column-modal-template>\n", styles: [".chatModal-body{max-height:470px;overflow-y:auto}.chatModal-body::-webkit-scrollbar{width:12px}.chatModal-body::-webkit-scrollbar-track{box-shadow:inset 0 0 3px transparent;border-radius:30px}.chatModal-body::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:30px}.chatModal-body::-webkit-scrollbar-thumb:hover{cursor:pointer}\n"] }]

package/esm2020/lib/pages/modals/linkedin-premium-job-postings-modal/linkedin-premium-job-postings-modal.component.mjs

@@ -18,7 +18,7 @@ export class LinkedinPremiumJobPostingsModalComponent {
     }
 }
 LinkedinPremiumJobPostingsModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: LinkedinPremiumJobPostingsModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-LinkedinPremiumJobPostingsModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: LinkedinPremiumJobPostingsModalComponent, selector: "symphony-linkedin-premium-job-postings-modal", inputs: { isLoading: "isLoading", title: "title", subtitle: "subtitle", subtitleLink: "subtitleLink" }, outputs: { closeModal: "closeModal" }, ngImport: i0, template: "<symphony-two-column-modal-template [hideFooter]=\"true\" [hideSubtitle]=\"false\">\n  <symphony-h4 sfx-modal-title>{{ title }}</symphony-h4>\n  <symphony-paragraph sfx-modal-subtitle>\n    <a *ngIf=\"subtitleLink; else plainSubtitle\"\n     sfx-modal-subtitle\n     [href]=\"subtitleLink\"\n     target=\"_blank\">\n    {{ subtitle }}\n  </a>\n    <ng-template #plainSubtitle>{{ subtitle }}</ng-template>\n  </symphony-paragraph>\n\n  <symphony-icon\n    sfx-close-button\n    [icon]=\"'si-close-modal'\"\n    (click)=\"onCloseClick()\"\n  ></symphony-icon>\n  <div class=\"loader-container\" *ngIf=\"isLoading\" sfx-modal-body-area>\n    <div class=\"loader-position\">\n      <symphony-sfx-loader></symphony-sfx-loader>\n    </div>\n  </div>\n  <ng-content\n    ngProjectAs=\"[sfx-modal-body-area]\"\n    select=\"[sfx-modal-body-area]\"\n  ></ng-content>\n</symphony-two-column-modal-template>\n", styles: [".loader-container{padding:20px;height:400px;position:relative}.loader-position{position:absolute;top:50%;left:47%;transform:translateY(-50%)}\n"], components: [{ type: i1.TwoColumnModalTemplateComponent, selector: "symphony-two-column-modal-template", inputs: ["hideFooter", "hideSubtitle"] }, { type: i2.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i4.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i5.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+LinkedinPremiumJobPostingsModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: LinkedinPremiumJobPostingsModalComponent, selector: "symphony-linkedin-premium-job-postings-modal", inputs: { isLoading: "isLoading", title: "title", subtitle: "subtitle", subtitleLink: "subtitleLink" }, outputs: { closeModal: "closeModal" }, ngImport: i0, template: "<symphony-two-column-modal-template [hideFooter]=\"true\" [hideSubtitle]=\"false\">\n  <symphony-h4 sfx-modal-title>{{ title }}</symphony-h4>\n  <symphony-paragraph sfx-modal-subtitle>\n    <a *ngIf=\"subtitleLink; else plainSubtitle\"\n     sfx-modal-subtitle\n     [href]=\"subtitleLink\"\n     target=\"_blank\">\n    {{ subtitle }}\n  </a>\n    <ng-template #plainSubtitle>{{ subtitle }}</ng-template>\n  </symphony-paragraph>\n\n  <symphony-icon\n    sfx-close-button\n    [icon]=\"'si-close-modal'\"\n    (click)=\"onCloseClick()\"\n  ></symphony-icon>\n  <div class=\"loader-container\" *ngIf=\"isLoading\" sfx-modal-body-area>\n    <div class=\"loader-position\">\n      <symphony-sfx-loader></symphony-sfx-loader>\n    </div>\n  </div>\n  <ng-content\n    ngProjectAs=\"[sfx-modal-body-area]\"\n    select=\"[sfx-modal-body-area]\"\n  ></ng-content>\n</symphony-two-column-modal-template>\n", styles: [".loader-container{padding:20px;height:400px;position:relative}.loader-position{position:absolute;top:50%;left:47%;transform:translateY(-50%)}\n"], components: [{ type: i1.TwoColumnModalTemplateComponent, selector: "symphony-two-column-modal-template", inputs: ["hideFooter", "hideSubtitle"] }, { type: i2.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold", "fontSize", "fontWeight"] }, { type: i4.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i5.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: LinkedinPremiumJobPostingsModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-linkedin-premium-job-postings-modal', template: "<symphony-two-column-modal-template [hideFooter]=\"true\" [hideSubtitle]=\"false\">\n  <symphony-h4 sfx-modal-title>{{ title }}</symphony-h4>\n  <symphony-paragraph sfx-modal-subtitle>\n    <a *ngIf=\"subtitleLink; else plainSubtitle\"\n     sfx-modal-subtitle\n     [href]=\"subtitleLink\"\n     target=\"_blank\">\n    {{ subtitle }}\n  </a>\n    <ng-template #plainSubtitle>{{ subtitle }}</ng-template>\n  </symphony-paragraph>\n\n  <symphony-icon\n    sfx-close-button\n    [icon]=\"'si-close-modal'\"\n    (click)=\"onCloseClick()\"\n  ></symphony-icon>\n  <div class=\"loader-container\" *ngIf=\"isLoading\" sfx-modal-body-area>\n    <div class=\"loader-position\">\n      <symphony-sfx-loader></symphony-sfx-loader>\n    </div>\n  </div>\n  <ng-content\n    ngProjectAs=\"[sfx-modal-body-area]\"\n    select=\"[sfx-modal-body-area]\"\n  ></ng-content>\n</symphony-two-column-modal-template>\n", styles: [".loader-container{padding:20px;height:400px;position:relative}.loader-position{position:absolute;top:50%;left:47%;transform:translateY(-50%)}\n"] }]

package/esm2020/lib/pages/modals/notification-modal/notification-modal.component.mjs

@@ -26,7 +26,7 @@ export class NotificationModalComponent {
     }
 }
 NotificationModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NotificationModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-NotificationModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: NotificationModalComponent, selector: "symphony-notification-modal", inputs: { model: "model" }, outputs: { closeButtonClicked: "closeButtonClicked", primaryButtonClicked: "primaryButtonClicked", secondaryButtonClicked: "secondaryButtonClicked" }, ngImport: i0, template: "<div class=\"sfx sfx-modal notification-modal\">\n  <section class=\"modal-body notification-modal__body sfx-p-30\">\n    <symphony-icon\n      class=\"notification-modal__close-button\"\n      [icon]=\"'si-close-modal'\"\n      (clicked)=\"onCloseButtonClick()\"\n    ></symphony-icon>\n\n    <div *ngIf=\"model?.icon && model.icon !== ''\" class=\"notification-modal__icon\">\n      <symphony-icon\n        [icon]=\"model.icon\"\n        [size]=\"model?.iconSize || '60px'\"\n        [iconColor]=\"model?.iconColor || '#16b783'\"\n      ></symphony-icon>\n    </div>\n\n    <symphony-h3\n      *ngIf=\"model?.heading\"\n      class=\"notification-modal__heading\"\n      [text]=\"model.heading\"\n    ></symphony-h3>\n\n    <symphony-paragraph *ngIf=\"model?.bodyText\" class=\"notification-modal__message\">\n      <span *ngIf=\"model?.candidateCount !== undefined\" class=\"notification-modal__count\">\n        {{ model.candidateCount }}\n      </span>\n      <span>\n        {{ model.bodyText }}\n      </span>\n    </symphony-paragraph>\n\n    <section\n      *ngIf=\"model?.summaryTitle || model?.summaryItems?.length || hasCandidateCards\"\n      class=\"notification-modal__summary\"\n    >\n      <symphony-paragraph *ngIf=\"model?.summaryTitle\" class=\"notification-modal__summary-title\">\n        {{ model.summaryTitle }}\n        <span\n          *ngIf=\"model?.candidateCount !== undefined\"\n          class=\"notification-modal__count notification-modal__count--summary\"\n        >\n          ({{ model.candidateCount }})\n        </span>\n      </symphony-paragraph>\n\n      <div *ngIf=\"hasCandidateCards\" class=\"notification-modal__candidate-cards\">\n        <symphony-candidate-card\n          *ngFor=\"let candidateCard of model?.candidateCards\"\n          [model]=\"candidateCard\"\n        ></symphony-candidate-card>\n      </div>\n\n      <ng-container *ngIf=\"!hasCandidateCards\">\n        <div *ngFor=\"let item of model?.summaryItems\" class=\"notification-modal__summary-row\">\n          <symphony-paragraph class=\"notification-modal__summary-label\">{{ item.label }}</symphony-paragraph>\n          <symphony-paragraph class=\"notification-modal__summary-value\">{{ item.value }}</symphony-paragraph>\n        </div>\n      </ng-container>\n\n      <ng-content select=\"[notification-modal-body]\"></ng-content>\n    </section>\n\n    <div\n      *ngIf=\"model?.secondaryButtonText || model?.primaryButtonText\"\n      class=\"notification-modal__actions\"\n    >\n      <symphony-button-v2\n        *ngIf=\"model?.secondaryButtonText\"\n        class=\"notification-modal__button notification-modal__button--secondary\"\n        [text]=\"model.secondaryButtonText\"\n        [disabled]=\"model.secondaryButtonDisabled\"\n        [isSecondary]=\"true\"\n        (clicked)=\"onSecondaryButtonClick()\"\n      ></symphony-button-v2>\n\n      <symphony-button-v2\n        *ngIf=\"model?.primaryButtonText\"\n        class=\"notification-modal__button notification-modal__button--primary\"\n        [text]=\"model.primaryButtonText\"\n        [disabled]=\"model.primaryButtonDisabled\"\n        (clicked)=\"onPrimaryButtonClick($event)\"\n      ></symphony-button-v2>\n    </div>\n  </section>\n</div>\n", styles: [".notification-modal__body{padding:40px 30px;position:relative;text-align:center}.notification-modal__close-button{position:absolute;right:30px;top:30px;cursor:pointer}.notification-modal__icon{display:inline-flex;margin-bottom:10px}.notification-modal__heading{display:block;margin-bottom:10px}.notification-modal__message{display:block;margin-bottom:20px}.notification-modal__message p.body-copy-primary,.notification-modal__message p.body-copy-secondary{color:#5b6d80;font-size:16px}.notification-modal__summary{background:#f9fafb;border:1px solid #dce2ea;border-radius:10px;margin-bottom:30px;padding:30px 20px 25px;text-align:left}.notification-modal__summary-title{display:block;margin-bottom:15px}.notification-modal__summary-title p.body-copy-primary,.notification-modal__summary-title p.body-copy-secondary{font-size:18px}.notification-modal__candidate-cards{display:flex;flex-direction:column;gap:15px}.notification-modal__summary-row{display:grid;grid-gap:5px;gap:5px;grid-template-columns:150px repeat(1,minmax(220px,1fr));padding:5px 0}.notification-modal__summary-label p.body-copy-primary,.notification-modal__summary-label p.body-copy-secondary{color:#6a768a}.notification-modal__actions{display:flex;gap:15px;justify-content:center}.notification-modal__button{flex:1 1 0}.notification-modal__button button{min-width:0;width:100%}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i4.CandidateCardComponent, selector: "symphony-candidate-card", inputs: ["model"] }, { type: i5.ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
+NotificationModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: NotificationModalComponent, selector: "symphony-notification-modal", inputs: { model: "model" }, outputs: { closeButtonClicked: "closeButtonClicked", primaryButtonClicked: "primaryButtonClicked", secondaryButtonClicked: "secondaryButtonClicked" }, ngImport: i0, template: "<div class=\"sfx sfx-modal notification-modal\">\n  <section class=\"modal-body notification-modal__body sfx-p-30\">\n    <symphony-icon\n      class=\"notification-modal__close-button\"\n      [icon]=\"'si-close-modal'\"\n      (clicked)=\"onCloseButtonClick()\"\n    ></symphony-icon>\n\n    <div *ngIf=\"model?.icon && model.icon !== ''\" class=\"notification-modal__icon\">\n      <symphony-icon\n        [icon]=\"model.icon\"\n        [size]=\"model?.iconSize || '60px'\"\n        [iconColor]=\"model?.iconColor || '#16b783'\"\n      ></symphony-icon>\n    </div>\n\n    <symphony-h3\n      *ngIf=\"model?.heading\"\n      class=\"notification-modal__heading\"\n      [text]=\"model.heading\"\n    ></symphony-h3>\n\n    <symphony-paragraph *ngIf=\"model?.bodyText\" class=\"notification-modal__message\">\n      <span *ngIf=\"model?.candidateCount !== undefined\" class=\"notification-modal__count\">\n        {{ model.candidateCount }}\n      </span>\n      <span>\n        {{ model.bodyText }}\n      </span>\n    </symphony-paragraph>\n\n    <section\n      *ngIf=\"model?.summaryTitle || model?.summaryItems?.length || hasCandidateCards\"\n      class=\"notification-modal__summary\"\n    >\n      <symphony-paragraph *ngIf=\"model?.summaryTitle\" class=\"notification-modal__summary-title\">\n        {{ model.summaryTitle }}\n        <span\n          *ngIf=\"model?.candidateCount !== undefined\"\n          class=\"notification-modal__count notification-modal__count--summary\"\n        >\n          ({{ model.candidateCount }})\n        </span>\n      </symphony-paragraph>\n\n      <div *ngIf=\"hasCandidateCards\" class=\"notification-modal__candidate-cards\">\n        <symphony-candidate-card\n          *ngFor=\"let candidateCard of model?.candidateCards\"\n          [model]=\"candidateCard\"\n        ></symphony-candidate-card>\n      </div>\n\n      <ng-container *ngIf=\"!hasCandidateCards\">\n        <div *ngFor=\"let item of model?.summaryItems\" class=\"notification-modal__summary-row\">\n          <symphony-paragraph class=\"notification-modal__summary-label\">{{ item.label }}</symphony-paragraph>\n          <symphony-paragraph class=\"notification-modal__summary-value\">{{ item.value }}</symphony-paragraph>\n        </div>\n      </ng-container>\n\n      <ng-content select=\"[notification-modal-body]\"></ng-content>\n    </section>\n\n    <div\n      *ngIf=\"model?.secondaryButtonText || model?.primaryButtonText\"\n      class=\"notification-modal__actions\"\n    >\n      <symphony-button-v2\n        *ngIf=\"model?.secondaryButtonText\"\n        class=\"notification-modal__button notification-modal__button--secondary\"\n        [text]=\"model.secondaryButtonText\"\n        [disabled]=\"model.secondaryButtonDisabled\"\n        [isSecondary]=\"true\"\n        (clicked)=\"onSecondaryButtonClick()\"\n      ></symphony-button-v2>\n\n      <symphony-button-v2\n        *ngIf=\"model?.primaryButtonText\"\n        class=\"notification-modal__button notification-modal__button--primary\"\n        [text]=\"model.primaryButtonText\"\n        [disabled]=\"model.primaryButtonDisabled\"\n        (clicked)=\"onPrimaryButtonClick($event)\"\n      ></symphony-button-v2>\n    </div>\n  </section>\n</div>\n", styles: [".notification-modal__body{padding:40px 30px;position:relative;text-align:center}.notification-modal__close-button{position:absolute;right:30px;top:30px;cursor:pointer}.notification-modal__icon{display:inline-flex;margin-bottom:10px}.notification-modal__heading{display:block;margin-bottom:10px}.notification-modal__message{display:block;margin-bottom:20px}.notification-modal__message p.body-copy-primary,.notification-modal__message p.body-copy-secondary{color:#5b6d80;font-size:16px}.notification-modal__summary{background:#f9fafb;border:1px solid #dce2ea;border-radius:10px;margin-bottom:30px;padding:30px 20px 25px;text-align:left}.notification-modal__summary-title{display:block;margin-bottom:15px}.notification-modal__summary-title p.body-copy-primary,.notification-modal__summary-title p.body-copy-secondary{font-size:18px}.notification-modal__candidate-cards{display:flex;flex-direction:column;gap:15px}.notification-modal__summary-row{display:grid;grid-gap:5px;gap:5px;grid-template-columns:150px repeat(1,minmax(220px,1fr));padding:5px 0}.notification-modal__summary-label p.body-copy-primary,.notification-modal__summary-label p.body-copy-secondary{color:#6a768a}.notification-modal__actions{display:flex;gap:15px;justify-content:center}.notification-modal__button{flex:1 1 0}.notification-modal__button button{min-width:0;width:100%}\n"], components: [{ type: i1.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold", "fontSize", "fontWeight"] }, { type: i4.CandidateCardComponent, selector: "symphony-candidate-card", inputs: ["model"] }, { type: i5.ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: NotificationModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-notification-modal', encapsulation: ViewEncapsulation.None, template: "<div class=\"sfx sfx-modal notification-modal\">\n  <section class=\"modal-body notification-modal__body sfx-p-30\">\n    <symphony-icon\n      class=\"notification-modal__close-button\"\n      [icon]=\"'si-close-modal'\"\n      (clicked)=\"onCloseButtonClick()\"\n    ></symphony-icon>\n\n    <div *ngIf=\"model?.icon && model.icon !== ''\" class=\"notification-modal__icon\">\n      <symphony-icon\n        [icon]=\"model.icon\"\n        [size]=\"model?.iconSize || '60px'\"\n        [iconColor]=\"model?.iconColor || '#16b783'\"\n      ></symphony-icon>\n    </div>\n\n    <symphony-h3\n      *ngIf=\"model?.heading\"\n      class=\"notification-modal__heading\"\n      [text]=\"model.heading\"\n    ></symphony-h3>\n\n    <symphony-paragraph *ngIf=\"model?.bodyText\" class=\"notification-modal__message\">\n      <span *ngIf=\"model?.candidateCount !== undefined\" class=\"notification-modal__count\">\n        {{ model.candidateCount }}\n      </span>\n      <span>\n        {{ model.bodyText }}\n      </span>\n    </symphony-paragraph>\n\n    <section\n      *ngIf=\"model?.summaryTitle || model?.summaryItems?.length || hasCandidateCards\"\n      class=\"notification-modal__summary\"\n    >\n      <symphony-paragraph *ngIf=\"model?.summaryTitle\" class=\"notification-modal__summary-title\">\n        {{ model.summaryTitle }}\n        <span\n          *ngIf=\"model?.candidateCount !== undefined\"\n          class=\"notification-modal__count notification-modal__count--summary\"\n        >\n          ({{ model.candidateCount }})\n        </span>\n      </symphony-paragraph>\n\n      <div *ngIf=\"hasCandidateCards\" class=\"notification-modal__candidate-cards\">\n        <symphony-candidate-card\n          *ngFor=\"let candidateCard of model?.candidateCards\"\n          [model]=\"candidateCard\"\n        ></symphony-candidate-card>\n      </div>\n\n      <ng-container *ngIf=\"!hasCandidateCards\">\n        <div *ngFor=\"let item of model?.summaryItems\" class=\"notification-modal__summary-row\">\n          <symphony-paragraph class=\"notification-modal__summary-label\">{{ item.label }}</symphony-paragraph>\n          <symphony-paragraph class=\"notification-modal__summary-value\">{{ item.value }}</symphony-paragraph>\n        </div>\n      </ng-container>\n\n      <ng-content select=\"[notification-modal-body]\"></ng-content>\n    </section>\n\n    <div\n      *ngIf=\"model?.secondaryButtonText || model?.primaryButtonText\"\n      class=\"notification-modal__actions\"\n    >\n      <symphony-button-v2\n        *ngIf=\"model?.secondaryButtonText\"\n        class=\"notification-modal__button notification-modal__button--secondary\"\n        [text]=\"model.secondaryButtonText\"\n        [disabled]=\"model.secondaryButtonDisabled\"\n        [isSecondary]=\"true\"\n        (clicked)=\"onSecondaryButtonClick()\"\n      ></symphony-button-v2>\n\n      <symphony-button-v2\n        *ngIf=\"model?.primaryButtonText\"\n        class=\"notification-modal__button notification-modal__button--primary\"\n        [text]=\"model.primaryButtonText\"\n        [disabled]=\"model.primaryButtonDisabled\"\n        (clicked)=\"onPrimaryButtonClick($event)\"\n      ></symphony-button-v2>\n    </div>\n  </section>\n</div>\n", styles: [".notification-modal__body{padding:40px 30px;position:relative;text-align:center}.notification-modal__close-button{position:absolute;right:30px;top:30px;cursor:pointer}.notification-modal__icon{display:inline-flex;margin-bottom:10px}.notification-modal__heading{display:block;margin-bottom:10px}.notification-modal__message{display:block;margin-bottom:20px}.notification-modal__message p.body-copy-primary,.notification-modal__message p.body-copy-secondary{color:#5b6d80;font-size:16px}.notification-modal__summary{background:#f9fafb;border:1px solid #dce2ea;border-radius:10px;margin-bottom:30px;padding:30px 20px 25px;text-align:left}.notification-modal__summary-title{display:block;margin-bottom:15px}.notification-modal__summary-title p.body-copy-primary,.notification-modal__summary-title p.body-copy-secondary{font-size:18px}.notification-modal__candidate-cards{display:flex;flex-direction:column;gap:15px}.notification-modal__summary-row{display:grid;grid-gap:5px;gap:5px;grid-template-columns:150px repeat(1,minmax(220px,1fr));padding:5px 0}.notification-modal__summary-label p.body-copy-primary,.notification-modal__summary-label p.body-copy-secondary{color:#6a768a}.notification-modal__actions{display:flex;gap:15px;justify-content:center}.notification-modal__button{flex:1 1 0}.notification-modal__button button{min-width:0;width:100%}\n"] }]

package/esm2020/lib/pages/modals/symphony-modal/symphony-modal.component.mjs

@@ -20,7 +20,7 @@ export class SymphonyModalComponent {
     }
 }
 SymphonyModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SymphonyModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SymphonyModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SymphonyModalComponent, selector: "symphony-modal", inputs: { model: "model" }, outputs: { confirmClicked: "confirmClicked", cancelClicked: "cancelClicked" }, ngImport: i0, template: "<symphony-two-column-modal-template [hideSubtitle]=\"true\">\n  <symphony-h4 sfx-modal-title>{{model.title}}</symphony-h4>\n  <symphony-icon sfx-close-button [icon]=\"'si-close-modal'\" (clicked)=\"onCancel()\"></symphony-icon>\n\n  <section *ngIf=\"model.isLoading\" class=\"loader-container\" sfx-modal-body-area>\n    <div class=\"loader-position\">\n      <symphony-sfx-loader></symphony-sfx-loader>\n    </div>\n  </section>\n  <section *ngIf=\"!model.isLoading\" sfx-modal-body-area>\n    <section class=\"sfx-pt-40 sfx-pb-40 sfx-txt-center\" *ngIf=\"model.errorText\">\n      <symphony-paragraph>{{\n        model.errorText\n        }}</symphony-paragraph>\n    </section>\n\n    <ng-content *ngIf=\"!model.errorText\" ngProjectAs=\"[sfx-modal-body-area]\"\n      select=\"[sfx-modal-body-area]\"></ng-content>\n  </section>\n\n  <symphony-button-v2 sfx-button-secondary id=\"button-modal-cancel\" class=\"pull-right sfx-d-flex\"\n    [text]=\"model.cancelButtonText\" [isSecondary]=\"true\" (clicked)=\"onCancel()\"></symphony-button-v2>\n  <symphony-button-v2 sfx-button-primary id=\"button-modal-schedule\" class=\"pull-right sfx-d-flex\"\n    [text]=\"model.confirmButtonText\" [disabled]=\"model.confirmButtonDisabled\"\n    (clicked)=\"onConfirm()\"></symphony-button-v2>\n</symphony-two-column-modal-template>", styles: [".loader-container{padding:20px;height:300px;position:relative}.loader-position{position:absolute;top:50%;left:47%;transform:translateY(-50%)}\n"], components: [{ type: i1.TwoColumnModalTemplateComponent, selector: "symphony-two-column-modal-template", inputs: ["hideFooter", "hideSubtitle"] }, { type: i2.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }, { type: i5.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i6.ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+SymphonyModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SymphonyModalComponent, selector: "symphony-modal", inputs: { model: "model" }, outputs: { confirmClicked: "confirmClicked", cancelClicked: "cancelClicked" }, ngImport: i0, template: "<symphony-two-column-modal-template [hideSubtitle]=\"true\">\n  <symphony-h4 sfx-modal-title>{{model.title}}</symphony-h4>\n  <symphony-icon sfx-close-button [icon]=\"'si-close-modal'\" (clicked)=\"onCancel()\"></symphony-icon>\n\n  <section *ngIf=\"model.isLoading\" class=\"loader-container\" sfx-modal-body-area>\n    <div class=\"loader-position\">\n      <symphony-sfx-loader></symphony-sfx-loader>\n    </div>\n  </section>\n  <section *ngIf=\"!model.isLoading\" sfx-modal-body-area>\n    <section class=\"sfx-pt-40 sfx-pb-40 sfx-txt-center\" *ngIf=\"model.errorText\">\n      <symphony-paragraph>{{\n        model.errorText\n        }}</symphony-paragraph>\n    </section>\n\n    <ng-content *ngIf=\"!model.errorText\" ngProjectAs=\"[sfx-modal-body-area]\"\n      select=\"[sfx-modal-body-area]\"></ng-content>\n  </section>\n\n  <symphony-button-v2 sfx-button-secondary id=\"button-modal-cancel\" class=\"pull-right sfx-d-flex\"\n    [text]=\"model.cancelButtonText\" [isSecondary]=\"true\" (clicked)=\"onCancel()\"></symphony-button-v2>\n  <symphony-button-v2 sfx-button-primary id=\"button-modal-schedule\" class=\"pull-right sfx-d-flex\"\n    [text]=\"model.confirmButtonText\" [disabled]=\"model.confirmButtonDisabled\"\n    (clicked)=\"onConfirm()\"></symphony-button-v2>\n</symphony-two-column-modal-template>", styles: [".loader-container{padding:20px;height:300px;position:relative}.loader-position{position:absolute;top:50%;left:47%;transform:translateY(-50%)}\n"], components: [{ type: i1.TwoColumnModalTemplateComponent, selector: "symphony-two-column-modal-template", inputs: ["hideFooter", "hideSubtitle"] }, { type: i2.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i3.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i4.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }, { type: i5.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold", "fontSize", "fontWeight"] }, { type: i6.ButtonV2Component, selector: "symphony-button-v2" }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SymphonyModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-modal', template: "<symphony-two-column-modal-template [hideSubtitle]=\"true\">\n  <symphony-h4 sfx-modal-title>{{model.title}}</symphony-h4>\n  <symphony-icon sfx-close-button [icon]=\"'si-close-modal'\" (clicked)=\"onCancel()\"></symphony-icon>\n\n  <section *ngIf=\"model.isLoading\" class=\"loader-container\" sfx-modal-body-area>\n    <div class=\"loader-position\">\n      <symphony-sfx-loader></symphony-sfx-loader>\n    </div>\n  </section>\n  <section *ngIf=\"!model.isLoading\" sfx-modal-body-area>\n    <section class=\"sfx-pt-40 sfx-pb-40 sfx-txt-center\" *ngIf=\"model.errorText\">\n      <symphony-paragraph>{{\n        model.errorText\n        }}</symphony-paragraph>\n    </section>\n\n    <ng-content *ngIf=\"!model.errorText\" ngProjectAs=\"[sfx-modal-body-area]\"\n      select=\"[sfx-modal-body-area]\"></ng-content>\n  </section>\n\n  <symphony-button-v2 sfx-button-secondary id=\"button-modal-cancel\" class=\"pull-right sfx-d-flex\"\n    [text]=\"model.cancelButtonText\" [isSecondary]=\"true\" (clicked)=\"onCancel()\"></symphony-button-v2>\n  <symphony-button-v2 sfx-button-primary id=\"button-modal-schedule\" class=\"pull-right sfx-d-flex\"\n    [text]=\"model.confirmButtonText\" [disabled]=\"model.confirmButtonDisabled\"\n    (clicked)=\"onConfirm()\"></symphony-button-v2>\n</symphony-two-column-modal-template>", styles: [".loader-container{padding:20px;height:300px;position:relative}.loader-position{position:absolute;top:50%;left:47%;transform:translateY(-50%)}\n"] }]

package/esm2020/lib/pages/setting-detail-page/partial-page/editable-setting-partial-page/editable-setting-partial-page.component.mjs

@@ -22,7 +22,7 @@ export class EditableSettingPartialPageComponent {
     }
 }
 EditableSettingPartialPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EditableSettingPartialPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-EditableSettingPartialPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: EditableSettingPartialPageComponent, selector: "symphony-editable-setting-partial-page", inputs: { partialPageModel: "partialPageModel", isLoadingPartialPage: "isLoadingPartialPage", errorPageState: "errorPageState" }, outputs: { editableSettingValueChanged: "editableSettingValueChanged", saveClicked: "saveClicked", reloadClicked: "reloadClicked" }, ngImport: i0, template: "<section *ngIf=\"partialPageModel && !isLoadingPartialPage && !errorPageState\">\n  <symphony-paragraph class=\"sfx-font-bold sfx-mb-5 sfx-d-flex\">{{\n    partialPageModel.partialTitle\n  }}</symphony-paragraph>\n  <symphony-paragraph class=\"sfx-mb-20 sfx-d-flex\">{{\n    partialPageModel.partialDescription\n  }}</symphony-paragraph>\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-4 col-lg-3\">\n      <ng-content select=\"[dropdown-dropzone]\"></ng-content>\n    </div>\n  </div>\n  <section\n    *ngIf=\"!partialPageModel.isLoadingList && !partialPageModel.errorListState\"\n  >\n    <symphony-editable-setting-item-list\n      class=\"sfx-mt-30 sfx-d-block\"\n      [settingItemsList]=\"partialPageModel.settingItemsList\"\n      (settingItemValueChanged)=\"onEditableSettingValueChange($event)\"\n    ></symphony-editable-setting-item-list>\n    <symphony-button-v2\n      id=\"button-partialPage-save\"\n      class=\"pull-right sfx-d-flex\"\n      text=\"Save\"\n      [disabled]=\"partialPageModel.saveBtnDisabled\"\n      (clicked)=\"onSaveclick(partialPageModel)\"\n    ></symphony-button-v2>\n  </section>\n  <symphony-sfx-loader\n    *ngIf=\"partialPageModel.isLoadingList\"\n  ></symphony-sfx-loader>\n  <symphony-sfx-loader\n    *ngIf=\"partialPageModel.errorListState && !partialPageModel.isLoadingList\"\n    [hasCustomMessage]=\"partialPageModel.errorListState\"\n  >\n    <symphony-paragraph\n      custom-message\n      class=\"sfx-mb-20 sfx-mt-20 sfx-d-block text-center\"\n      >Loading this page is taking longer than expected.<br />Try to\n      <span\n        (click)=\"onReloadClick($event)\"\n        class=\"sfx-v2-purple1 sfx-font-bold sfx-cursor-pointer\"\n        >reload</span\n      >\n      it or come back later.</symphony-paragraph\n    >\n  </symphony-sfx-loader>\n</section>\n<symphony-sfx-loader *ngIf=\"isLoadingPartialPage\"></symphony-sfx-loader>\n<symphony-sfx-loader\n  *ngIf=\"errorPageState && !isLoadingPartialPage\"\n  [hasCustomMessage]=\"errorPageState\"\n>\n  <symphony-paragraph\n    custom-message\n    class=\"sfx-mb-20 sfx-mt-20 sfx-d-block text-center\"\n    >Loading this page is taking longer than expected.<br />Try to\n    <span\n      (click)=\"onReloadClick($event)\"\n      class=\"sfx-v2-purple1 sfx-font-bold sfx-cursor-pointer\"\n      >reload</span\n    >\n    it or come back later.</symphony-paragraph\n  >\n</symphony-sfx-loader>\n", styles: [""], components: [{ type: i1.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i2.EditableSettingItemListComponent, selector: "symphony-editable-setting-item-list", inputs: ["settingItemsList"], outputs: ["settingItemValueChanged"] }, { type: i3.ButtonV2Component, selector: "symphony-button-v2" }, { type: i4.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+EditableSettingPartialPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: EditableSettingPartialPageComponent, selector: "symphony-editable-setting-partial-page", inputs: { partialPageModel: "partialPageModel", isLoadingPartialPage: "isLoadingPartialPage", errorPageState: "errorPageState" }, outputs: { editableSettingValueChanged: "editableSettingValueChanged", saveClicked: "saveClicked", reloadClicked: "reloadClicked" }, ngImport: i0, template: "<section *ngIf=\"partialPageModel && !isLoadingPartialPage && !errorPageState\">\n  <symphony-paragraph class=\"sfx-font-bold sfx-mb-5 sfx-d-flex\">{{\n    partialPageModel.partialTitle\n  }}</symphony-paragraph>\n  <symphony-paragraph class=\"sfx-mb-20 sfx-d-flex\">{{\n    partialPageModel.partialDescription\n  }}</symphony-paragraph>\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-4 col-lg-3\">\n      <ng-content select=\"[dropdown-dropzone]\"></ng-content>\n    </div>\n  </div>\n  <section\n    *ngIf=\"!partialPageModel.isLoadingList && !partialPageModel.errorListState\"\n  >\n    <symphony-editable-setting-item-list\n      class=\"sfx-mt-30 sfx-d-block\"\n      [settingItemsList]=\"partialPageModel.settingItemsList\"\n      (settingItemValueChanged)=\"onEditableSettingValueChange($event)\"\n    ></symphony-editable-setting-item-list>\n    <symphony-button-v2\n      id=\"button-partialPage-save\"\n      class=\"pull-right sfx-d-flex\"\n      text=\"Save\"\n      [disabled]=\"partialPageModel.saveBtnDisabled\"\n      (clicked)=\"onSaveclick(partialPageModel)\"\n    ></symphony-button-v2>\n  </section>\n  <symphony-sfx-loader\n    *ngIf=\"partialPageModel.isLoadingList\"\n  ></symphony-sfx-loader>\n  <symphony-sfx-loader\n    *ngIf=\"partialPageModel.errorListState && !partialPageModel.isLoadingList\"\n    [hasCustomMessage]=\"partialPageModel.errorListState\"\n  >\n    <symphony-paragraph\n      custom-message\n      class=\"sfx-mb-20 sfx-mt-20 sfx-d-block text-center\"\n      >Loading this page is taking longer than expected.<br />Try to\n      <span\n        (click)=\"onReloadClick($event)\"\n        class=\"sfx-v2-purple1 sfx-font-bold sfx-cursor-pointer\"\n        >reload</span\n      >\n      it or come back later.</symphony-paragraph\n    >\n  </symphony-sfx-loader>\n</section>\n<symphony-sfx-loader *ngIf=\"isLoadingPartialPage\"></symphony-sfx-loader>\n<symphony-sfx-loader\n  *ngIf=\"errorPageState && !isLoadingPartialPage\"\n  [hasCustomMessage]=\"errorPageState\"\n>\n  <symphony-paragraph\n    custom-message\n    class=\"sfx-mb-20 sfx-mt-20 sfx-d-block text-center\"\n    >Loading this page is taking longer than expected.<br />Try to\n    <span\n      (click)=\"onReloadClick($event)\"\n      class=\"sfx-v2-purple1 sfx-font-bold sfx-cursor-pointer\"\n      >reload</span\n    >\n    it or come back later.</symphony-paragraph\n  >\n</symphony-sfx-loader>\n", styles: [""], components: [{ type: i1.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold", "fontSize", "fontWeight"] }, { type: i2.EditableSettingItemListComponent, selector: "symphony-editable-setting-item-list", inputs: ["settingItemsList"], outputs: ["settingItemValueChanged"] }, { type: i3.ButtonV2Component, selector: "symphony-button-v2" }, { type: i4.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: EditableSettingPartialPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-editable-setting-partial-page', template: "<section *ngIf=\"partialPageModel && !isLoadingPartialPage && !errorPageState\">\n  <symphony-paragraph class=\"sfx-font-bold sfx-mb-5 sfx-d-flex\">{{\n    partialPageModel.partialTitle\n  }}</symphony-paragraph>\n  <symphony-paragraph class=\"sfx-mb-20 sfx-d-flex\">{{\n    partialPageModel.partialDescription\n  }}</symphony-paragraph>\n  <div class=\"row\">\n    <div class=\"col-xs-12 col-sm-12 col-md-4 col-lg-3\">\n      <ng-content select=\"[dropdown-dropzone]\"></ng-content>\n    </div>\n  </div>\n  <section\n    *ngIf=\"!partialPageModel.isLoadingList && !partialPageModel.errorListState\"\n  >\n    <symphony-editable-setting-item-list\n      class=\"sfx-mt-30 sfx-d-block\"\n      [settingItemsList]=\"partialPageModel.settingItemsList\"\n      (settingItemValueChanged)=\"onEditableSettingValueChange($event)\"\n    ></symphony-editable-setting-item-list>\n    <symphony-button-v2\n      id=\"button-partialPage-save\"\n      class=\"pull-right sfx-d-flex\"\n      text=\"Save\"\n      [disabled]=\"partialPageModel.saveBtnDisabled\"\n      (clicked)=\"onSaveclick(partialPageModel)\"\n    ></symphony-button-v2>\n  </section>\n  <symphony-sfx-loader\n    *ngIf=\"partialPageModel.isLoadingList\"\n  ></symphony-sfx-loader>\n  <symphony-sfx-loader\n    *ngIf=\"partialPageModel.errorListState && !partialPageModel.isLoadingList\"\n    [hasCustomMessage]=\"partialPageModel.errorListState\"\n  >\n    <symphony-paragraph\n      custom-message\n      class=\"sfx-mb-20 sfx-mt-20 sfx-d-block text-center\"\n      >Loading this page is taking longer than expected.<br />Try to\n      <span\n        (click)=\"onReloadClick($event)\"\n        class=\"sfx-v2-purple1 sfx-font-bold sfx-cursor-pointer\"\n        >reload</span\n      >\n      it or come back later.</symphony-paragraph\n    >\n  </symphony-sfx-loader>\n</section>\n<symphony-sfx-loader *ngIf=\"isLoadingPartialPage\"></symphony-sfx-loader>\n<symphony-sfx-loader\n  *ngIf=\"errorPageState && !isLoadingPartialPage\"\n  [hasCustomMessage]=\"errorPageState\"\n>\n  <symphony-paragraph\n    custom-message\n    class=\"sfx-mb-20 sfx-mt-20 sfx-d-block text-center\"\n    >Loading this page is taking longer than expected.<br />Try to\n    <span\n      (click)=\"onReloadClick($event)\"\n      class=\"sfx-v2-purple1 sfx-font-bold sfx-cursor-pointer\"\n      >reload</span\n    >\n    it or come back later.</symphony-paragraph\n  >\n</symphony-sfx-loader>\n", styles: [""] }]

package/esm2020/lib/pages/setting-list-page/setting-list-page.component.mjs

@@ -21,7 +21,7 @@ export class SettingListPageComponent {
     }
 }
 SettingListPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingListPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SettingListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SettingListPageComponent, selector: "symphony-setting-list-page", inputs: { model: "model" }, outputs: { cardClicked: "cardClicked" }, ngImport: i0, template: "<symphony-setting-list-template *ngIf=\"model\">\n  <symphony-h3 page-title>{{ model.pageTitle }}</symphony-h3>\n  <symphony-paragraph List-title>{{ model.listTitle }}</symphony-paragraph>\n  <symphony-input-text\n    filter-input\n    [placeholder]=\"'Search by keyword'\"\n    [icon]=\"'si-search-new'\"\n    (textChange)=\"keywordSearch($event)\"\n  >\n  </symphony-input-text>\n  <symphony-card-list\n    card-list\n    [cardList]=\"filteredCardList\"\n    (cardClicked)=\"onCardClick($event)\"\n  ></symphony-card-list>\n</symphony-setting-list-template>\n", styles: [".card-list{padding:5px}\n"], components: [{ type: i1.SettingListTemplateComponent, selector: "symphony-setting-list-template" }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i4.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "value", "maxlength", "isDisabled", "textInfo", "textLink", "textClick", "isLabelView"], outputs: ["textChange"] }, { type: i5.CardListComponent, selector: "symphony-card-list", inputs: ["cardList"], outputs: ["cardClicked"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+SettingListPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SettingListPageComponent, selector: "symphony-setting-list-page", inputs: { model: "model" }, outputs: { cardClicked: "cardClicked" }, ngImport: i0, template: "<symphony-setting-list-template *ngIf=\"model\">\n  <symphony-h3 page-title>{{ model.pageTitle }}</symphony-h3>\n  <symphony-paragraph List-title>{{ model.listTitle }}</symphony-paragraph>\n  <symphony-input-text\n    filter-input\n    [placeholder]=\"'Search by keyword'\"\n    [icon]=\"'si-search-new'\"\n    (textChange)=\"keywordSearch($event)\"\n  >\n  </symphony-input-text>\n  <symphony-card-list\n    card-list\n    [cardList]=\"filteredCardList\"\n    (cardClicked)=\"onCardClick($event)\"\n  ></symphony-card-list>\n</symphony-setting-list-template>\n", styles: [".card-list{padding:5px}\n"], components: [{ type: i1.SettingListTemplateComponent, selector: "symphony-setting-list-template" }, { type: i2.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i3.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold", "fontSize", "fontWeight"] }, { type: i4.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "value", "maxlength", "isDisabled", "textInfo", "textLink", "textClick", "isLabelView"], outputs: ["textChange"] }, { type: i5.CardListComponent, selector: "symphony-card-list", inputs: ["cardList"], outputs: ["cardClicked"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingListPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-setting-list-page', encapsulation: ViewEncapsulation.None, template: "<symphony-setting-list-template *ngIf=\"model\">\n  <symphony-h3 page-title>{{ model.pageTitle }}</symphony-h3>\n  <symphony-paragraph List-title>{{ model.listTitle }}</symphony-paragraph>\n  <symphony-input-text\n    filter-input\n    [placeholder]=\"'Search by keyword'\"\n    [icon]=\"'si-search-new'\"\n    (textChange)=\"keywordSearch($event)\"\n  >\n  </symphony-input-text>\n  <symphony-card-list\n    card-list\n    [cardList]=\"filteredCardList\"\n    (cardClicked)=\"onCardClick($event)\"\n  ></symphony-card-list>\n</symphony-setting-list-template>\n", styles: [".card-list{padding:5px}\n"] }]

package/esm2020/lib/pages/settings-license-management/report-license-details-page/report-license-details-page.component.mjs

@@ -25,7 +25,7 @@ export class ReportLicenseDetailsPageComponent {
     }
 }
 ReportLicenseDetailsPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ReportLicenseDetailsPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ReportLicenseDetailsPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ReportLicenseDetailsPageComponent, selector: "symphony-report-license-details-page", inputs: { reportLicenseModel: "reportLicenseModel", isLoadingLicensePage: "isLoadingLicensePage", errorPageState: "errorPageState" }, outputs: { keywordSearchChange: "keywordSearchChange", statusFilterChange: "statusFilterChange", modifiedFilterChange: "modifiedFilterChange" }, ngImport: i0, template: "<section class = \"report-license-container\" *ngIf=\"reportLicenseModel && !isLoadingLicensePage\">\n<div *ngIf=\"reportLicenseModel.statusCard\" class=\"row mb-space\">\n<div *ngFor=\"let card of reportLicenseModel.statusCard\" class=\"col-md-3 card-space\">\n  <symphony-status-card  [statusCardModel]=\"card\"></symphony-status-card>\n</div>\n</div>\n<div *ngIf=\"reportLicenseModel.showFilters\" class=\"filter-area-section mb-space\">\n  <div *ngIf=\"reportLicenseModel.showSearchBox\" class=\"wd-100\">\n  <symphony-input-text\n  filter-one\n  [label]=\"'Keyword'\"\n  [placeholder]=\"'Enter Search Value'\"\n  [icon]=\"'si-search-new'\"\n  [isInverse]=\"true\"\n  (textChange)=\"onKeywordSearch($event)\"\n>\n</symphony-input-text>\n  </div>\n  <div *ngIf=\"reportLicenseModel.statusDropdown\" class=\"wd-100\">\n    <symphony-input-dropdown\n    filter-one\n    [isInverse]=\"true\"\n    [inputDropdownListModel]=\"reportLicenseModel.statusDropdown\"\n    (selectItem)=\"onStatusFilterChange($event)\">\n  </symphony-input-dropdown>\n    </div>\n    <div *ngIf=\"reportLicenseModel.lastModifiedDropdown\" class=\"wd-100\">\n      <symphony-input-dropdown\n      filter-one\n      [isInverse]=\"true\"\n      [inputDropdownListModel]=\"reportLicenseModel.lastModifiedDropdown\"\n      (selectItem)=\"onModifiedFilterChange($event)\">\n    </symphony-input-dropdown>\n    </div>\n</div>\n<div *ngIf=\"reportLicenseModel.formattedCounterModel?.count\" class=\"fl-right mb-space\">\n  <symphony-formatted-counter [model]=\"reportLicenseModel.formattedCounterModel\"></symphony-formatted-counter>\n</div>\n<div class=\"grid-clear grid-with-dropdown show-moreOption-dropdown-top\">\n<symphony-grid\n    #sfxgrid\n    sfx-grid\n    [columnDefs]=\"reportLicenseModel.grid.columnDefs\"\n    [defaultColDef]=\"reportLicenseModel.grid.defaultColumnDef\"\n    [rowData]=\"reportLicenseModel.grid.rowData\"\n    [pageSize]=\"reportLicenseModel.grid.pageSize\"\n    [onGridReadyFunction]=\"reportLicenseModel.grid.onGridReadyFunction\"\n    [rowModelType]=\"reportLicenseModel.grid.rowModelType\"\n    [hasNoPaddingleft]=\"true\"\n    [suppressRowClickSelection]=\"true\"\n    [rowClassRules]=\"reportLicenseModel.grid.rowClassRules\"\n    [gridContextMenu]=\"true\"\n></symphony-grid>\n</div>\n</section>\n<symphony-sfx-loader *ngIf=\"isLoadingLicensePage\"></symphony-sfx-loader>\n\n<symphony-sfx-loader\n  *ngIf=\"errorPageState && !isLoadingLicensePage\"\n>\n  <symphony-paragraph\n    custom-message\n    class=\"sfx-mb-20 sfx-mt-20 sfx-d-block text-center\"\n    >Loading this page is taking longer than expected.<br />Try to reload it or come back later.</symphony-paragraph\n  >\n</symphony-sfx-loader>\n", styles: [".report-license-container{padding:10px}.filter-area-section{background:#D2D8E5;padding:1.875rem 2.5rem .9375rem;border-radius:.9375rem;display:flex;width:100%}.mb-space{margin-bottom:2rem}.card-space{margin-bottom:1rem}.fl-right{float:right}.grid-clear{clear:both}.wd-100{width:100%}\n"], components: [{ type: i1.StatusCardComponent, selector: "symphony-status-card", inputs: ["statusCardModel"] }, { type: i2.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "value", "maxlength", "isDisabled", "textInfo", "textLink", "textClick", "isLabelView"], outputs: ["textChange"] }, { type: i3.InputDropdownComponent, selector: "symphony-input-dropdown", inputs: ["inputDropdownListModel", "disableBtn", "isInverse", "isRequired"], outputs: ["selectItem", "clearSelection"] }, { type: i4.FormattedCounterComponent, selector: "symphony-formatted-counter", inputs: ["model"] }, { type: i5.GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft", "isGridColPinnedLeft", "isServerSideGroup", "getServerSideGroupKey", "autoGroupColumnDef", "treeData", "getDataPath", "rowClassRules", "gridContextMenu", "hasSorting", "masterDetail", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "isRowMaster", "context"], outputs: ["sortChanged", "cellClick"] }, { type: i6.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }, { type: i7.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+ReportLicenseDetailsPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ReportLicenseDetailsPageComponent, selector: "symphony-report-license-details-page", inputs: { reportLicenseModel: "reportLicenseModel", isLoadingLicensePage: "isLoadingLicensePage", errorPageState: "errorPageState" }, outputs: { keywordSearchChange: "keywordSearchChange", statusFilterChange: "statusFilterChange", modifiedFilterChange: "modifiedFilterChange" }, ngImport: i0, template: "<section class = \"report-license-container\" *ngIf=\"reportLicenseModel && !isLoadingLicensePage\">\n<div *ngIf=\"reportLicenseModel.statusCard\" class=\"row mb-space\">\n<div *ngFor=\"let card of reportLicenseModel.statusCard\" class=\"col-md-3 card-space\">\n  <symphony-status-card  [statusCardModel]=\"card\"></symphony-status-card>\n</div>\n</div>\n<div *ngIf=\"reportLicenseModel.showFilters\" class=\"filter-area-section mb-space\">\n  <div *ngIf=\"reportLicenseModel.showSearchBox\" class=\"wd-100\">\n  <symphony-input-text\n  filter-one\n  [label]=\"'Keyword'\"\n  [placeholder]=\"'Enter Search Value'\"\n  [icon]=\"'si-search-new'\"\n  [isInverse]=\"true\"\n  (textChange)=\"onKeywordSearch($event)\"\n>\n</symphony-input-text>\n  </div>\n  <div *ngIf=\"reportLicenseModel.statusDropdown\" class=\"wd-100\">\n    <symphony-input-dropdown\n    filter-one\n    [isInverse]=\"true\"\n    [inputDropdownListModel]=\"reportLicenseModel.statusDropdown\"\n    (selectItem)=\"onStatusFilterChange($event)\">\n  </symphony-input-dropdown>\n    </div>\n    <div *ngIf=\"reportLicenseModel.lastModifiedDropdown\" class=\"wd-100\">\n      <symphony-input-dropdown\n      filter-one\n      [isInverse]=\"true\"\n      [inputDropdownListModel]=\"reportLicenseModel.lastModifiedDropdown\"\n      (selectItem)=\"onModifiedFilterChange($event)\">\n    </symphony-input-dropdown>\n    </div>\n</div>\n<div *ngIf=\"reportLicenseModel.formattedCounterModel?.count\" class=\"fl-right mb-space\">\n  <symphony-formatted-counter [model]=\"reportLicenseModel.formattedCounterModel\"></symphony-formatted-counter>\n</div>\n<div class=\"grid-clear grid-with-dropdown show-moreOption-dropdown-top\">\n<symphony-grid\n    #sfxgrid\n    sfx-grid\n    [columnDefs]=\"reportLicenseModel.grid.columnDefs\"\n    [defaultColDef]=\"reportLicenseModel.grid.defaultColumnDef\"\n    [rowData]=\"reportLicenseModel.grid.rowData\"\n    [pageSize]=\"reportLicenseModel.grid.pageSize\"\n    [onGridReadyFunction]=\"reportLicenseModel.grid.onGridReadyFunction\"\n    [rowModelType]=\"reportLicenseModel.grid.rowModelType\"\n    [hasNoPaddingleft]=\"true\"\n    [suppressRowClickSelection]=\"true\"\n    [rowClassRules]=\"reportLicenseModel.grid.rowClassRules\"\n    [gridContextMenu]=\"true\"\n></symphony-grid>\n</div>\n</section>\n<symphony-sfx-loader *ngIf=\"isLoadingLicensePage\"></symphony-sfx-loader>\n\n<symphony-sfx-loader\n  *ngIf=\"errorPageState && !isLoadingLicensePage\"\n>\n  <symphony-paragraph\n    custom-message\n    class=\"sfx-mb-20 sfx-mt-20 sfx-d-block text-center\"\n    >Loading this page is taking longer than expected.<br />Try to reload it or come back later.</symphony-paragraph\n  >\n</symphony-sfx-loader>\n", styles: [".report-license-container{padding:10px}.filter-area-section{background:#D2D8E5;padding:1.875rem 2.5rem .9375rem;border-radius:.9375rem;display:flex;width:100%}.mb-space{margin-bottom:2rem}.card-space{margin-bottom:1rem}.fl-right{float:right}.grid-clear{clear:both}.wd-100{width:100%}\n"], components: [{ type: i1.StatusCardComponent, selector: "symphony-status-card", inputs: ["statusCardModel"] }, { type: i2.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size", "value", "maxlength", "isDisabled", "textInfo", "textLink", "textClick", "isLabelView"], outputs: ["textChange"] }, { type: i3.InputDropdownComponent, selector: "symphony-input-dropdown", inputs: ["inputDropdownListModel", "disableBtn", "isInverse", "isRequired"], outputs: ["selectItem", "clearSelection"] }, { type: i4.FormattedCounterComponent, selector: "symphony-formatted-counter", inputs: ["model"] }, { type: i5.GridComponent, selector: "symphony-grid", inputs: ["columnDefs", "defaultColDef", "rowData", "onGridReadyFunction", "pageSize", "rowModelType", "suppressRowClickSelection", "rowSelectionMode", "hasNoPaddingleft", "isGridColPinnedLeft", "isServerSideGroup", "getServerSideGroupKey", "autoGroupColumnDef", "treeData", "getDataPath", "rowClassRules", "gridContextMenu", "hasSorting", "masterDetail", "detailCellRenderer", "detailCellRendererParams", "detailRowHeight", "isRowMaster", "context"], outputs: ["sortChanged", "cellClick"] }, { type: i6.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }, { type: i7.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold", "fontSize", "fontWeight"] }], directives: [{ type: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ReportLicenseDetailsPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-report-license-details-page', template: "<section class = \"report-license-container\" *ngIf=\"reportLicenseModel && !isLoadingLicensePage\">\n<div *ngIf=\"reportLicenseModel.statusCard\" class=\"row mb-space\">\n<div *ngFor=\"let card of reportLicenseModel.statusCard\" class=\"col-md-3 card-space\">\n  <symphony-status-card  [statusCardModel]=\"card\"></symphony-status-card>\n</div>\n</div>\n<div *ngIf=\"reportLicenseModel.showFilters\" class=\"filter-area-section mb-space\">\n  <div *ngIf=\"reportLicenseModel.showSearchBox\" class=\"wd-100\">\n  <symphony-input-text\n  filter-one\n  [label]=\"'Keyword'\"\n  [placeholder]=\"'Enter Search Value'\"\n  [icon]=\"'si-search-new'\"\n  [isInverse]=\"true\"\n  (textChange)=\"onKeywordSearch($event)\"\n>\n</symphony-input-text>\n  </div>\n  <div *ngIf=\"reportLicenseModel.statusDropdown\" class=\"wd-100\">\n    <symphony-input-dropdown\n    filter-one\n    [isInverse]=\"true\"\n    [inputDropdownListModel]=\"reportLicenseModel.statusDropdown\"\n    (selectItem)=\"onStatusFilterChange($event)\">\n  </symphony-input-dropdown>\n    </div>\n    <div *ngIf=\"reportLicenseModel.lastModifiedDropdown\" class=\"wd-100\">\n      <symphony-input-dropdown\n      filter-one\n      [isInverse]=\"true\"\n      [inputDropdownListModel]=\"reportLicenseModel.lastModifiedDropdown\"\n      (selectItem)=\"onModifiedFilterChange($event)\">\n    </symphony-input-dropdown>\n    </div>\n</div>\n<div *ngIf=\"reportLicenseModel.formattedCounterModel?.count\" class=\"fl-right mb-space\">\n  <symphony-formatted-counter [model]=\"reportLicenseModel.formattedCounterModel\"></symphony-formatted-counter>\n</div>\n<div class=\"grid-clear grid-with-dropdown show-moreOption-dropdown-top\">\n<symphony-grid\n    #sfxgrid\n    sfx-grid\n    [columnDefs]=\"reportLicenseModel.grid.columnDefs\"\n    [defaultColDef]=\"reportLicenseModel.grid.defaultColumnDef\"\n    [rowData]=\"reportLicenseModel.grid.rowData\"\n    [pageSize]=\"reportLicenseModel.grid.pageSize\"\n    [onGridReadyFunction]=\"reportLicenseModel.grid.onGridReadyFunction\"\n    [rowModelType]=\"reportLicenseModel.grid.rowModelType\"\n    [hasNoPaddingleft]=\"true\"\n    [suppressRowClickSelection]=\"true\"\n    [rowClassRules]=\"reportLicenseModel.grid.rowClassRules\"\n    [gridContextMenu]=\"true\"\n></symphony-grid>\n</div>\n</section>\n<symphony-sfx-loader *ngIf=\"isLoadingLicensePage\"></symphony-sfx-loader>\n\n<symphony-sfx-loader\n  *ngIf=\"errorPageState && !isLoadingLicensePage\"\n>\n  <symphony-paragraph\n    custom-message\n    class=\"sfx-mb-20 sfx-mt-20 sfx-d-block text-center\"\n    >Loading this page is taking longer than expected.<br />Try to reload it or come back later.</symphony-paragraph\n  >\n</symphony-sfx-loader>\n", styles: [".report-license-container{padding:10px}.filter-area-section{background:#D2D8E5;padding:1.875rem 2.5rem .9375rem;border-radius:.9375rem;display:flex;width:100%}.mb-space{margin-bottom:2rem}.card-space{margin-bottom:1rem}.fl-right{float:right}.grid-clear{clear:both}.wd-100{width:100%}\n"] }]

package/esm2020/lib/pages/sms-usage-report-page/sms-usage-report-page.component.mjs

@@ -18,7 +18,7 @@ export class SmsUsageReportPageComponent {
     }
 }
 SmsUsageReportPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SmsUsageReportPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SmsUsageReportPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SmsUsageReportPageComponent, selector: "symphony-sms-usage-report-page", inputs: { model: "model" }, outputs: { detailNavigationClicked: "detailNavigationClicked" }, ngImport: i0, template: "<symphony-setting-details-template *ngIf=\"model\">\n  <symphony-breadcrumb breadcrumb [breadcrumbs]=\"model.breadcrumbs\">\n  </symphony-breadcrumb>\n  <symphony-h3 sfx-header [text]=\"model.pageTitle\"></symphony-h3>\n  <symphony-settings-detail-navigation-list sfx-nav [navigationList]=\"model.navigationList\"\n    (navigationItemClicked)=\"onDetailNavigationClick($event)\"></symphony-settings-detail-navigation-list>\n  <section sfx-content>\n    <symphony-h4 class=\"sfx-mt-0 sfx-mb-15 sfx-font24\">SMS Usage And Monitoring</symphony-h4>\n    <div class=\"sms-detail-wrapper\">\n      <div class=\"row\">\n        <div class=\"col-xs-12 col-sm-6 col-md-6 col-lg-4\">\n          <symphony-h5 class=\"sfx-font-bold\"> Total SMS Sent (YTD) </symphony-h5>\n          <symphony-paragraph class=\" sfx-d-block sfx-mb-5\">{{ model.totalSmsSent }}</symphony-paragraph>\n        </div>\n        <div class=\"col-xs-12 col-sm-6 col-md-6 col-lg-4\">\n          <symphony-h5 class=\"sfx-font-bold\"> Total SMS Sent (All-Time) </symphony-h5>\n          <symphony-paragraph class=\" sfx-d-block sfx-mb-5\">{{ model.totalSmsSentAllTime }}</symphony-paragraph>\n        </div>\n      </div>\n\n\n    </div>\n    <symphony-h4 class=\"sfx-mt-0 sfx-mb-15 sfx-font18\">Monthly SMS Sent (YTD)</symphony-h4>\n    <div class=\"total-wrap sfx-pb-10\">\n      <div class=\"row\">\n        <div class=\"col-xs-12 col-sm-6 col-md-6 col-lg-6\">\n          <symphony-invoice-area [model]=\"model.invoiceAreaModel\"></symphony-invoice-area>\n        </div>\n      </div>\n    </div>\n  </section>\n\n</symphony-setting-details-template>", styles: [".sms-detail-wrapper{background:#F1F2F5;padding:30px;border-radius:15px;margin-top:30px;margin-bottom:30px}.total-wrap{margin-top:20px}.total-wrap .invoice-line-item{padding-bottom:20px}.total-wrap .invoice-line-item .text-right{justify-content:left}.total-wrap .invoice-line-item:last-child{border-bottom:2px solid #000;padding-bottom:20px}.total-wrap .invoice-line-item:first-child{border-bottom:2px solid #000;font-weight:500;padding-bottom:15px;margin-bottom:15px}.total-wrap .job-type-summary{border-bottom:none}.total-wrap .job-bold-txt{font-weight:500}.total-wrap .job-bold-txt .text-right{justify-content:left}\n"], components: [{ type: i1.SettingDetailsTemplateComponent, selector: "symphony-setting-details-template" }, { type: i2.BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: ["breadcrumbs"], outputs: ["breadcrumbClicked"] }, { type: i3.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i4.SettingsDetailNavigationListComponent, selector: "symphony-settings-detail-navigation-list", inputs: ["navigationList"], outputs: ["navigationItemClicked"] }, { type: i5.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i6.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i7.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i8.InvoiceAreaComponent, selector: "symphony-invoice-area", inputs: ["model"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+SmsUsageReportPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SmsUsageReportPageComponent, selector: "symphony-sms-usage-report-page", inputs: { model: "model" }, outputs: { detailNavigationClicked: "detailNavigationClicked" }, ngImport: i0, template: "<symphony-setting-details-template *ngIf=\"model\">\n  <symphony-breadcrumb breadcrumb [breadcrumbs]=\"model.breadcrumbs\">\n  </symphony-breadcrumb>\n  <symphony-h3 sfx-header [text]=\"model.pageTitle\"></symphony-h3>\n  <symphony-settings-detail-navigation-list sfx-nav [navigationList]=\"model.navigationList\"\n    (navigationItemClicked)=\"onDetailNavigationClick($event)\"></symphony-settings-detail-navigation-list>\n  <section sfx-content>\n    <symphony-h4 class=\"sfx-mt-0 sfx-mb-15 sfx-font24\">SMS Usage And Monitoring</symphony-h4>\n    <div class=\"sms-detail-wrapper\">\n      <div class=\"row\">\n        <div class=\"col-xs-12 col-sm-6 col-md-6 col-lg-4\">\n          <symphony-h5 class=\"sfx-font-bold\"> Total SMS Sent (YTD) </symphony-h5>\n          <symphony-paragraph class=\" sfx-d-block sfx-mb-5\">{{ model.totalSmsSent }}</symphony-paragraph>\n        </div>\n        <div class=\"col-xs-12 col-sm-6 col-md-6 col-lg-4\">\n          <symphony-h5 class=\"sfx-font-bold\"> Total SMS Sent (All-Time) </symphony-h5>\n          <symphony-paragraph class=\" sfx-d-block sfx-mb-5\">{{ model.totalSmsSentAllTime }}</symphony-paragraph>\n        </div>\n      </div>\n\n\n    </div>\n    <symphony-h4 class=\"sfx-mt-0 sfx-mb-15 sfx-font18\">Monthly SMS Sent (YTD)</symphony-h4>\n    <div class=\"total-wrap sfx-pb-10\">\n      <div class=\"row\">\n        <div class=\"col-xs-12 col-sm-6 col-md-6 col-lg-6\">\n          <symphony-invoice-area [model]=\"model.invoiceAreaModel\"></symphony-invoice-area>\n        </div>\n      </div>\n    </div>\n  </section>\n\n</symphony-setting-details-template>", styles: [".sms-detail-wrapper{background:#F1F2F5;padding:30px;border-radius:15px;margin-top:30px;margin-bottom:30px}.total-wrap{margin-top:20px}.total-wrap .invoice-line-item{padding-bottom:20px}.total-wrap .invoice-line-item .text-right{justify-content:left}.total-wrap .invoice-line-item:last-child{border-bottom:2px solid #000;padding-bottom:20px}.total-wrap .invoice-line-item:first-child{border-bottom:2px solid #000;font-weight:500;padding-bottom:15px;margin-bottom:15px}.total-wrap .job-type-summary{border-bottom:none}.total-wrap .job-bold-txt{font-weight:500}.total-wrap .job-bold-txt .text-right{justify-content:left}\n"], components: [{ type: i1.SettingDetailsTemplateComponent, selector: "symphony-setting-details-template" }, { type: i2.BreadcrumbComponent, selector: "symphony-breadcrumb", inputs: ["breadcrumbs"], outputs: ["breadcrumbClicked"] }, { type: i3.H3Component, selector: "symphony-h3", inputs: ["text", "isSecondary"] }, { type: i4.SettingsDetailNavigationListComponent, selector: "symphony-settings-detail-navigation-list", inputs: ["navigationList"], outputs: ["navigationItemClicked"] }, { type: i5.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i6.H5Component, selector: "symphony-h5", inputs: ["text", "isSecondary"] }, { type: i7.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold", "fontSize", "fontWeight"] }, { type: i8.InvoiceAreaComponent, selector: "symphony-invoice-area", inputs: ["model"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SmsUsageReportPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-sms-usage-report-page', encapsulation: ViewEncapsulation.None, template: "<symphony-setting-details-template *ngIf=\"model\">\n  <symphony-breadcrumb breadcrumb [breadcrumbs]=\"model.breadcrumbs\">\n  </symphony-breadcrumb>\n  <symphony-h3 sfx-header [text]=\"model.pageTitle\"></symphony-h3>\n  <symphony-settings-detail-navigation-list sfx-nav [navigationList]=\"model.navigationList\"\n    (navigationItemClicked)=\"onDetailNavigationClick($event)\"></symphony-settings-detail-navigation-list>\n  <section sfx-content>\n    <symphony-h4 class=\"sfx-mt-0 sfx-mb-15 sfx-font24\">SMS Usage And Monitoring</symphony-h4>\n    <div class=\"sms-detail-wrapper\">\n      <div class=\"row\">\n        <div class=\"col-xs-12 col-sm-6 col-md-6 col-lg-4\">\n          <symphony-h5 class=\"sfx-font-bold\"> Total SMS Sent (YTD) </symphony-h5>\n          <symphony-paragraph class=\" sfx-d-block sfx-mb-5\">{{ model.totalSmsSent }}</symphony-paragraph>\n        </div>\n        <div class=\"col-xs-12 col-sm-6 col-md-6 col-lg-4\">\n          <symphony-h5 class=\"sfx-font-bold\"> Total SMS Sent (All-Time) </symphony-h5>\n          <symphony-paragraph class=\" sfx-d-block sfx-mb-5\">{{ model.totalSmsSentAllTime }}</symphony-paragraph>\n        </div>\n      </div>\n\n\n    </div>\n    <symphony-h4 class=\"sfx-mt-0 sfx-mb-15 sfx-font18\">Monthly SMS Sent (YTD)</symphony-h4>\n    <div class=\"total-wrap sfx-pb-10\">\n      <div class=\"row\">\n        <div class=\"col-xs-12 col-sm-6 col-md-6 col-lg-6\">\n          <symphony-invoice-area [model]=\"model.invoiceAreaModel\"></symphony-invoice-area>\n        </div>\n      </div>\n    </div>\n  </section>\n\n</symphony-setting-details-template>", styles: [".sms-detail-wrapper{background:#F1F2F5;padding:30px;border-radius:15px;margin-top:30px;margin-bottom:30px}.total-wrap{margin-top:20px}.total-wrap .invoice-line-item{padding-bottom:20px}.total-wrap .invoice-line-item .text-right{justify-content:left}.total-wrap .invoice-line-item:last-child{border-bottom:2px solid #000;padding-bottom:20px}.total-wrap .invoice-line-item:first-child{border-bottom:2px solid #000;font-weight:500;padding-bottom:15px;margin-bottom:15px}.total-wrap .job-type-summary{border-bottom:none}.total-wrap .job-bold-txt{font-weight:500}.total-wrap .job-bold-txt .text-right{justify-content:left}\n"] }]

package/esm2020/lib/pages/toggle-list-partial-page/toggle-list-partial-page.component.mjs

@@ -20,7 +20,7 @@ export class ToggleListPartialPageComponent {
     }
 }
 ToggleListPartialPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ToggleListPartialPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ToggleListPartialPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ToggleListPartialPageComponent, selector: "symphony-toggle-list-partial-page", inputs: { model: "model" }, outputs: { updateSettingToggle: "updateSettingToggle", addButtonClick: "addButtonClick" }, ngImport: i0, template: "<div *ngIf=\"model\">\n  <h3 sfx-header>{{ model.PageLabel }}</h3>\n  <symphony-labelled-toggle-list\n    [modelList]=\"model.toggleModels\"\n    (toggleListItemValue)=\"updateSettingValue($event)\"\n  >\n  </symphony-labelled-toggle-list>\n  <div\n    *ngIf=\"!model.toggleModels.length && !model.isLoading\"\n    class=\"sfx-mt-80 sfx-mb-40\"\n    feedback-card-list\n  >\n    <symphony-paragraph class=\"text-center\">{{\n      model.message\n    }}</symphony-paragraph>\n  </div>\n  \n  <symphony-button-with-icon *ngIf=\"model.enableAddButton\"\n    class=\"add-button sfx-font-bold\"\n    (clicked)=\"onAddButtonClick()\"\n    [icon]=\"icon\"\n    [text]=\"model.addButtonText\"\n    [showActionButton]=\"true\"\n    [showPopover]=\"true\"\n    [isDisabled]=\"false\"\n  ></symphony-button-with-icon>\n\n  <div\n    *ngIf=\"model.isLoading\"\n    class=\"sfx-mt-80 sfx-mb-40\"\n    feedback-card-list\n  >\n    <symphony-sfx-loader [message]=\"model.loadingMessage\"></symphony-sfx-loader>\n  </div>\n</div>\n", styles: [".add-button{color:#712ace}\n"], components: [{ type: i1.LabelledToggleListComponent, selector: "symphony-labelled-toggle-list", inputs: ["modelList"], outputs: ["toggleListItemValue"] }, { type: i2.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i3.ButtonWithIconComponent, selector: "symphony-button-with-icon", inputs: ["text", "icon", "showActionButton", "showPopover", "isDisabled"], outputs: ["clicked"] }, { type: i4.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+ToggleListPartialPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ToggleListPartialPageComponent, selector: "symphony-toggle-list-partial-page", inputs: { model: "model" }, outputs: { updateSettingToggle: "updateSettingToggle", addButtonClick: "addButtonClick" }, ngImport: i0, template: "<div *ngIf=\"model\">\n  <h3 sfx-header>{{ model.PageLabel }}</h3>\n  <symphony-labelled-toggle-list\n    [modelList]=\"model.toggleModels\"\n    (toggleListItemValue)=\"updateSettingValue($event)\"\n  >\n  </symphony-labelled-toggle-list>\n  <div\n    *ngIf=\"!model.toggleModels.length && !model.isLoading\"\n    class=\"sfx-mt-80 sfx-mb-40\"\n    feedback-card-list\n  >\n    <symphony-paragraph class=\"text-center\">{{\n      model.message\n    }}</symphony-paragraph>\n  </div>\n  \n  <symphony-button-with-icon *ngIf=\"model.enableAddButton\"\n    class=\"add-button sfx-font-bold\"\n    (clicked)=\"onAddButtonClick()\"\n    [icon]=\"icon\"\n    [text]=\"model.addButtonText\"\n    [showActionButton]=\"true\"\n    [showPopover]=\"true\"\n    [isDisabled]=\"false\"\n  ></symphony-button-with-icon>\n\n  <div\n    *ngIf=\"model.isLoading\"\n    class=\"sfx-mt-80 sfx-mb-40\"\n    feedback-card-list\n  >\n    <symphony-sfx-loader [message]=\"model.loadingMessage\"></symphony-sfx-loader>\n  </div>\n</div>\n", styles: [".add-button{color:#712ace}\n"], components: [{ type: i1.LabelledToggleListComponent, selector: "symphony-labelled-toggle-list", inputs: ["modelList"], outputs: ["toggleListItemValue"] }, { type: i2.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold", "fontSize", "fontWeight"] }, { type: i3.ButtonWithIconComponent, selector: "symphony-button-with-icon", inputs: ["text", "icon", "showActionButton", "showPopover", "isDisabled"], outputs: ["clicked"] }, { type: i4.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ToggleListPartialPageComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-toggle-list-partial-page', template: "<div *ngIf=\"model\">\n  <h3 sfx-header>{{ model.PageLabel }}</h3>\n  <symphony-labelled-toggle-list\n    [modelList]=\"model.toggleModels\"\n    (toggleListItemValue)=\"updateSettingValue($event)\"\n  >\n  </symphony-labelled-toggle-list>\n  <div\n    *ngIf=\"!model.toggleModels.length && !model.isLoading\"\n    class=\"sfx-mt-80 sfx-mb-40\"\n    feedback-card-list\n  >\n    <symphony-paragraph class=\"text-center\">{{\n      model.message\n    }}</symphony-paragraph>\n  </div>\n  \n  <symphony-button-with-icon *ngIf=\"model.enableAddButton\"\n    class=\"add-button sfx-font-bold\"\n    (clicked)=\"onAddButtonClick()\"\n    [icon]=\"icon\"\n    [text]=\"model.addButtonText\"\n    [showActionButton]=\"true\"\n    [showPopover]=\"true\"\n    [isDisabled]=\"false\"\n  ></symphony-button-with-icon>\n\n  <div\n    *ngIf=\"model.isLoading\"\n    class=\"sfx-mt-80 sfx-mb-40\"\n    feedback-card-list\n  >\n    <symphony-sfx-loader [message]=\"model.loadingMessage\"></symphony-sfx-loader>\n  </div>\n</div>\n", styles: [".add-button{color:#712ace}\n"] }]

package/esm2020/projects/component-library/lib/atoms/chat-history-date-stamp/chat-history-date-stamp.component.mjs

@@ -6,7 +6,7 @@ export class ChatHistoryDateStampComponent {
     constructor() { }
 }
 ChatHistoryDateStampComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatHistoryDateStampComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ChatHistoryDateStampComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ChatHistoryDateStampComponent, selector: "symphony-chat-history-date-stamp", inputs: { chatDateStamp: "chatDateStamp", hasBorder: "hasBorder" }, ngImport: i0, template: "<div *ngIf=\"hasBorder\" class=\"chat-border\"></div>\n<symphony-paragraph class=\"dateStamp\"\n  ><span>{{ chatDateStamp }}</span></symphony-paragraph\n>\n", styles: [".dateStamp p{color:#5b6d80;text-align:center}.chat-border{margin-bottom:15px;width:100%;height:1px;background:#e4e7ef}\n"], components: [{ type: i1.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+ChatHistoryDateStampComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ChatHistoryDateStampComponent, selector: "symphony-chat-history-date-stamp", inputs: { chatDateStamp: "chatDateStamp", hasBorder: "hasBorder" }, ngImport: i0, template: "<div *ngIf=\"hasBorder\" class=\"chat-border\"></div>\n<symphony-paragraph class=\"dateStamp\"\n  ><span>{{ chatDateStamp }}</span></symphony-paragraph\n>\n", styles: [".dateStamp p{color:#5b6d80;text-align:center}.chat-border{margin-bottom:15px;width:100%;height:1px;background:#e4e7ef}\n"], components: [{ type: i1.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold", "fontSize", "fontWeight"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ChatHistoryDateStampComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-chat-history-date-stamp', encapsulation: ViewEncapsulation.None, template: "<div *ngIf=\"hasBorder\" class=\"chat-border\"></div>\n<symphony-paragraph class=\"dateStamp\"\n  ><span>{{ chatDateStamp }}</span></symphony-paragraph\n>\n", styles: [".dateStamp p{color:#5b6d80;text-align:center}.chat-border{margin-bottom:15px;width:100%;height:1px;background:#e4e7ef}\n"] }]

package/esm2020/projects/component-library/lib/atoms/formatted-counter/formatted-counter.component.mjs

@@ -5,7 +5,7 @@ export class FormattedCounterComponent {
     constructor() { }
 }
 FormattedCounterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormattedCounterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-FormattedCounterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FormattedCounterComponent, selector: "symphony-formatted-counter", inputs: { model: "model" }, ngImport: i0, template: "<symphony-paragraph [isFontBold]=true>{{model.count}} {{model.counterLabel}}</symphony-paragraph>", styles: [""], components: [{ type: i1.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }] });
+FormattedCounterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: FormattedCounterComponent, selector: "symphony-formatted-counter", inputs: { model: "model" }, ngImport: i0, template: "<symphony-paragraph [isFontBold]=true>{{model.count}} {{model.counterLabel}}</symphony-paragraph>", styles: [""], components: [{ type: i1.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold", "fontSize", "fontWeight"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: FormattedCounterComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-formatted-counter', template: "<symphony-paragraph [isFontBold]=true>{{model.count}} {{model.counterLabel}}</symphony-paragraph>", styles: [""] }]

package/esm2020/projects/component-library/lib/atoms/grid/framework/custom-detail-with-grid/custom-detail-with-grid.component.mjs

@@ -1,4 +1,4 @@
-import { Component } from '@angular/core';
+import { Component, HostListener, ViewEncapsulation } from '@angular/core';
 import { EventSettingsMoreOptionsComponent } from '../event-settings-more-options/event-settings-more-options.component';
 import * as i0 from "@angular/core";
 import * as i1 from "../../../button-v2/button.component";
@@ -25,6 +25,7 @@ export class CustomDetailWithGridComponent {
         this.nestedRowSelection = 'multiple';
         this.nestedSuppressRowClickSelection = true;
         this.nestedSuppressContextMenu = true;
+        this.nestedSuppressAutoSizeColumns = false;
         this.nestedColumnDefs = [];
         this.nestedDefaultColDef = {
             flex: 1,
@@ -58,6 +59,8 @@ export class CustomDetailWithGridComponent {
             this.detailRendererParams?.nestedSuppressRowClickSelection !== false;
         this.nestedSuppressContextMenu =
             this.detailRendererParams?.nestedSuppressContextMenu !== false;
+        this.nestedSuppressAutoSizeColumns =
+            this.detailRendererParams?.nestedSuppressAutoSizeColumns === true;
         this.nestedFrameworkComponents = this.getNestedFrameworkComponents();
         this.nestedDefaultColDef = {
             flex: 1,
@@ -78,6 +81,18 @@ export class CustomDetailWithGridComponent {
         this.nestedGridApi = gridReadyEvent.api;
         this.resizeNestedGridColumns();
     }
+    onWindowResize() {
+        if (this.nestedSuppressAutoSizeColumns || !this.nestedGridApi) {
+            return;
+        }
+        if (this.resizeTimeoutId !== null) {
+            clearTimeout(this.resizeTimeoutId);
+        }
+        this.resizeTimeoutId = window.setTimeout(() => {
+            this.nestedGridApi?.sizeColumnsToFit();
+            this.resizeTimeoutId = null;
+        }, 200);
+    }
     onViewAllClick() {
         if (this.showActionButton && this.params?.context?.componentParent?.onDetailActionClick) {
             this.params.context.componentParent.onDetailActionClick(this.params.data);
@@ -135,7 +150,7 @@ export class CustomDetailWithGridComponent {
         }
     }
     resizeNestedGridColumns() {
-        if (!this.nestedGridApi) {
+        if (this.nestedSuppressAutoSizeColumns || !this.nestedGridApi) {
             return;
         }
         if (this.resizeTimeoutId !== null) {
@@ -148,9 +163,12 @@ export class CustomDetailWithGridComponent {
     }
 }
 CustomDetailWithGridComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CustomDetailWithGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-CustomDetailWithGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: CustomDetailWithGridComponent, selector: "symphony-custom-detail-with-grid", ngImport: i0, template: "<div class=\"custom-detail-with-grid\">\n  <div class=\"custom-detail-with-grid__header\">\n    <div class=\"custom-detail-with-grid__header-top sfx-mb-10\">\n      <h4 class=\"sfx-m-0\">{{ title }}</h4>\n      <symphony-button-v2\n        *ngIf=\"showActionButton\"\n        [text]=\"actionButtonText\"\n        (clicked)=\"onViewAllClick()\"\n      ></symphony-button-v2>\n    </div>\n\n    <div *ngIf=\"shouldShowNotesSection\" class=\"custom-detail-with-grid__notes sfx-mb-15\">\n      <symphony-paragraph\n        class=\"custom-detail-with-grid__notes-title sfx-d-block sfx-font-bold sfx-mb-5\"\n        [text]=\"notesTitle\"\n      ></symphony-paragraph>\n\n      <symphony-paragraph\n        class=\"custom-detail-with-grid__notes-description sfx-d-block\"\n        [text]=\"displayedNotesDescription\"\n      ></symphony-paragraph>\n\n      <button\n        *ngIf=\"shouldShowNotesToggle\"\n        type=\"button\"\n        class=\"custom-detail-with-grid__notes-toggle\"\n        (click)=\"toggleNotesExpansion()\"\n      >\n        {{ isNotesExpanded ? 'See Less' : 'See More' }}\n      </button>\n    </div>\n  </div>\n\n  <div class=\"custom-detail-with-grid__grid\">\n    <ag-grid-angular\n      class=\"ag-theme-alpine sfx-lib-gird-dropdown\"\n      [columnDefs]=\"nestedColumnDefs\"\n      [defaultColDef]=\"nestedDefaultColDef\"\n      [frameworkComponents]=\"nestedFrameworkComponents\"\n      [rowHeight]=\"nestedRowHeight\"\n      [rowData]=\"nestedRowData\"\n      [suppressRowClickSelection]=\"nestedSuppressRowClickSelection\"\n      [suppressContextMenu]=\"nestedSuppressContextMenu\"\n      [rowSelection]=\"nestedRowSelection\"\n      (gridReady)=\"onNestedGridReady($event)\"\n    ></ag-grid-angular>\n  </div>\n</div>\n", styles: [":host{display:block;height:100%;width:100%}.custom-detail-with-grid{display:flex;flex-direction:column;height:100%;width:100%;padding:20px}.custom-detail-with-grid__header{display:flex;flex-direction:column}.custom-detail-with-grid__header-top{align-items:center;display:flex;justify-content:space-between}.custom-detail-with-grid__notes{background-color:#f0f4ff;border:1px solid #d1e0ff;border-radius:8px;padding:16px}.custom-detail-with-grid__notes-title{color:#324158}.custom-detail-with-grid__notes-description{white-space:normal}.custom-detail-with-grid__notes-toggle{background:none;border:0;color:#0091fb;cursor:pointer;display:block;line-height:20px;margin-top:8px;padding:0;text-align:left;font-size:13px}.custom-detail-with-grid__grid{display:block;flex:1;min-height:180px;overflow:hidden;width:100%}.custom-detail-with-grid__grid ag-grid-angular{display:block;height:100%;width:100%}\n"], components: [{ type: i1.ButtonV2Component, selector: "symphony-button-v2" }, { type: i2.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i3.AgGridAngular, selector: "ag-grid-angular", inputs: ["alignedGrids", "rowData", "columnDefs", "excelStyles", "pinnedTopRowData", "pinnedBottomRowData", "chartThemes", "components", "frameworkComponents", "rowStyle", "context", "autoGroupColumnDef", "localeText", "icons", "datasource", "serverSideDatasource", "viewportDatasource", "groupRowRendererParams", "aggFuncs", "fullWidthCellRendererParams", "defaultColGroupDef", "defaultColDef", "defaultExportParams", "columnTypes", "rowClassRules", "detailGridOptions", "detailCellRendererParams", "loadingCellRendererParams", "loadingOverlayComponentParams", "noRowsOverlayComponentParams", "popupParent", "colResizeDefault", "reduxStore", "statusBar", "sideBar", "chartThemeOverrides", "customChartThemes", "sortingOrder", "rowClass", "rowSelection", "overlayLoadingTemplate", "overlayNoRowsTemplate", "quickFilterText", "rowModelType", "editType", "domLayout", "clipboardDeliminator", "rowGroupPanelShow", "multiSortKey", "pivotColumnGroupTotals", "pivotRowTotals", "pivotPanelShow", "fillHandleDirection", "rowHeight", "detailRowHeight", "rowBuffer", "colWidth", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "groupDefaultExpanded", "minColWidth", "maxColWidth", "viewportRowModelPageSize", "viewportRowModelBufferSize", "autoSizePadding", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "tooltipShowDelay", "cacheOverflowSize", "paginationPageSize", "cacheBlockSize", "infiniteInitialRowCount", "scrollbarWidth", "batchUpdateWaitMillis", "asyncTransactionWaitMillis", "blockLoadDebounceMillis", "keepDetailRowsCount", "undoRedoCellEditingLimit", "cellFlashDelay", "cellFadeDelay", "localeTextFunc", "groupRowInnerRenderer", "groupRowInnerRendererFramework", "dateComponent", "dateComponentFramework", "groupRowRenderer", "groupRowRendererFramework", "isExternalFilterPresent", "getRowHeight", "doesExternalFilterPass", "getRowClass", "getRowStyle", "getRowClassRules", "traverseNode", "getContextMenuItems", "getMainMenuItems", "processRowPostCreate", "processCellForClipboard", "groupRowAggNodes", "getRowNodeId", "isFullWidthCell", "fullWidthCellRenderer", "fullWidthCellRendererFramework", "processSecondaryColDef", "processSecondaryColGroupDef", "getBusinessKeyForNode", "sendToClipboard", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "getDetailRowData", "processCellFromClipboard", "getDocument", "postProcessPopup", "getChildCount", "getDataPath", "loadingCellRenderer", "loadingCellRendererFramework", "loadingOverlayComponent", "loadingOverlayComponentFramework", "noRowsOverlayComponent", "noRowsOverlayComponentFramework", "detailCellRenderer", "detailCellRendererFramework", "defaultGroupSortComparator", "isRowMaster", "isRowSelectable", "postSort", "processHeaderForClipboard", "paginationNumberFormatter", "processDataFromClipboard", "getServerSideGroupKey", "isServerSideGroup", "suppressKeyboardEvent", "createChartContainer", "processChartOptions", "getChartToolbarItems", "fillOperation", "suppressMakeColumnVisibleAfterUnGroup", "suppressRowClickSelection", "suppressCellSelection", "suppressHorizontalScroll", "alwaysShowVerticalScroll", "debug", "enableBrowserTooltips", "enableCellExpressions", "angularCompileRows", "angularCompileFilters", "groupSuppressAutoColumn", "groupSelectsChildren", "groupIncludeFooter", "groupIncludeTotalFooter", "groupUseEntireRow", "groupSuppressBlankHeader", "suppressMenuHide", "suppressRowDeselection", "unSortIcon", "suppressMultiSort", "singleClickEdit", "suppressLoadingOverlay", "suppressNoRowsOverlay", "suppressAutoSize", "skipHeaderOnAutoSize", "suppressParentsInRowNodes", "suppressColumnMoveAnimation", "suppressMovableColumns", "suppressFieldDotNotation", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "suppressClearOnFillReduction", "deltaSort", "suppressTouch", "suppressAsyncEvents", "allowContextMenuWithControlKey", "suppressContextMenu", "rememberGroupStateWhenNewData", "enableCellChangeFlash", "suppressDragLeaveHidesColumns", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "suppressCopyRowsToClipboard", "copyHeadersToClipboard", "pivotMode", "suppressAggFuncInHeader", "suppressColumnVirtualisation", "suppressAggAtRootLevel", "suppressFocusAfterRefresh", "functionsPassive", "functionsReadOnly", "animateRows", "groupSelectsFiltered", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "enableRtl", "suppressClickEdit", "rowDragManaged", "suppressRowDrag", "suppressMoveWhenRowDragging", "enableMultiRowDragging", "enableGroupEdit", "embedFullWidthRows", "deprecatedEmbedFullWidthRows", "suppressPaginationPanel", "floatingFilter", "groupHideOpenParents", "groupMultiAutoColumn", "pagination", "stopEditingWhenGridLosesFocus", "paginationAutoPageSize", "suppressScrollOnNewData", "purgeClosedRowNodes", "cacheQuickFilter", "deltaRowDataMode", "ensureDomOrder", "accentedSort", "suppressChangeDetection", "valueCache", "valueCacheNeverExpires", "aggregateOnlyChangedColumns", "suppressAnimationFrame", "suppressExcelExport", "suppressCsvExport", "treeData", "masterDetail", "suppressMultiRangeSelection", "enterMovesDownAfterEdit", "enterMovesDown", "suppressPropertyNamesCheck", "rowMultiSelectWithClick", "suppressEnterpriseResetOnNewColumns", "enableOldSetFilterModel", "suppressRowHoverHighlight", "suppressRowTransform", "suppressClipboardPaste", "suppressLastEmptyLineOnPaste", "serverSideSortingAlwaysResets", "reactNext", "suppressSetColumnStateEvents", "suppressColumnStateEvents", "enableCharts", "deltaColumnMode", "suppressMaintainUnsortedOrder", "enableCellTextSelection", "suppressBrowserResizeObserver", "suppressMaxRenderedRowRestriction", "excludeChildrenWhenTreeDataFiltering", "tooltipMouseTrack", "keepDetailRows", "paginateChildRows", "preventDefaultOnContextMenu", "undoRedoCellEditing", "allowDragFromColumnsToolPanel", "immutableData", "immutableColumns", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "applyColumnDefOrder", "debounceVerticalScrollbar", "detailRowAutoHeight", "gridOptions", "modules"], outputs: ["columnEverythingChanged", "newColumnsLoaded", "columnPivotModeChanged", "columnRowGroupChanged", "expandOrCollapseAll", "columnPivotChanged", "gridColumnsChanged", "columnValueChanged", "columnMoved", "columnVisible", "columnPinned", "columnGroupOpened", "columnResized", "displayedColumnsChanged", "virtualColumnsChanged", "rowGroupOpened", "rowDataChanged", "rowDataUpdated", "pinnedRowDataChanged", "rangeSelectionChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "toolPanelVisibleChanged", "modelUpdated", "pasteStart", "pasteEnd", "fillStart", "fillEnd", "cellClicked", "cellDoubleClicked", "cellMouseDown", "cellContextMenu", "cellValueChanged", "rowValueChanged", "cellFocused", "rowSelected", "selectionChanged", "cellKeyDown", "cellKeyPress", "cellMouseOver", "cellMouseOut", "filterChanged", "filterModified", "filterOpened", "sortChanged", "virtualRowRemoved", "rowClicked", "rowDoubleClicked", "gridReady", "gridSizeChanged", "viewportChanged", "scrollbarWidthChanged", "firstDataRendered", "dragStarted", "dragStopped", "checkboxChanged", "rowEditingStarted", "rowEditingStopped", "cellEditingStarted", "cellEditingStopped", "bodyScroll", "animationQueueEmpty", "heightScaleChanged", "paginationChanged", "componentStateChanged", "bodyHeightChanged", "displayedColumnsWidthChanged", "scrollVisibilityChanged", "columnHoverChanged", "flashCells", "paginationPixelOffsetChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "popupToFront", "columnRowGroupChangeRequest", "columnPivotChangeRequest", "columnValueChangeRequest", "columnAggFuncChangeRequest", "keyboardFocus", "mouseFocus"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+CustomDetailWithGridComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: CustomDetailWithGridComponent, selector: "symphony-custom-detail-with-grid", host: { listeners: { "window:resize": "onWindowResize()" } }, ngImport: i0, template: "<div class=\"custom-detail-with-grid\">\n  <div class=\"custom-detail-with-grid__header\">\n    <div class=\"custom-detail-with-grid__header-top sfx-mb-10\">\n      <h4 class=\"sfx-m-0\">{{ title }}</h4>\n      <symphony-button-v2\n        *ngIf=\"showActionButton\"\n        [text]=\"actionButtonText\"\n        (clicked)=\"onViewAllClick()\"\n      ></symphony-button-v2>\n    </div>\n\n    <div *ngIf=\"shouldShowNotesSection\" class=\"custom-detail-with-grid__notes sfx-mb-15\">\n      <symphony-paragraph\n        class=\"custom-detail-with-grid__notes-title sfx-d-block sfx-font-bold sfx-mb-5\"\n        [text]=\"notesTitle\"\n      ></symphony-paragraph>\n\n      <symphony-paragraph\n        class=\"custom-detail-with-grid__notes-description sfx-d-block\"\n        [text]=\"displayedNotesDescription\"\n      ></symphony-paragraph>\n\n      <button\n        *ngIf=\"shouldShowNotesToggle\"\n        type=\"button\"\n        class=\"custom-detail-with-grid__notes-toggle\"\n        (click)=\"toggleNotesExpansion()\"\n      >\n        {{ isNotesExpanded ? 'See Less' : 'See More' }}\n      </button>\n    </div>\n  </div>\n\n  <div class=\"custom-detail-with-grid__grid\">\n    <ag-grid-angular\n      class=\"ag-theme-alpine sfx-lib-gird-dropdown custom-detail-with-grid__nested-grid\"\n      [columnDefs]=\"nestedColumnDefs\"\n      [defaultColDef]=\"nestedDefaultColDef\"\n      [frameworkComponents]=\"nestedFrameworkComponents\"\n      [rowHeight]=\"nestedRowHeight\"\n      [rowData]=\"nestedRowData\"\n      [suppressRowClickSelection]=\"nestedSuppressRowClickSelection\"\n      [suppressContextMenu]=\"nestedSuppressContextMenu\"\n      [rowSelection]=\"nestedRowSelection\"\n      (gridReady)=\"onNestedGridReady($event)\"\n    ></ag-grid-angular>\n  </div>\n</div>\n", styles: ["symphony-custom-detail-with-grid{display:block;height:100%;width:100%}symphony-custom-detail-with-grid .custom-detail-with-grid{display:flex;flex-direction:column;height:100%;width:100%;padding:20px}symphony-custom-detail-with-grid .custom-detail-with-grid__header{display:flex;flex-direction:column}symphony-custom-detail-with-grid .custom-detail-with-grid__header-top{align-items:center;display:flex;justify-content:space-between}symphony-custom-detail-with-grid .custom-detail-with-grid__notes{background-color:#f0f4ff;border:1px solid #d1e0ff;border-radius:8px;padding:16px}symphony-custom-detail-with-grid .custom-detail-with-grid__notes-title{color:#324158}symphony-custom-detail-with-grid .custom-detail-with-grid__notes-description{white-space:normal}symphony-custom-detail-with-grid .custom-detail-with-grid__notes-toggle{background:none;border:0;color:#0091fb;cursor:pointer;display:block;line-height:20px;margin-top:8px;padding:0;text-align:left;font-size:13px}symphony-custom-detail-with-grid .custom-detail-with-grid__grid{display:block;flex:1;min-height:180px;overflow:hidden;width:100%;border-radius:10px}symphony-custom-detail-with-grid .custom-detail-with-grid__nested-grid{display:block;height:100%;width:100%;background:#fff}symphony-custom-detail-with-grid .custom-detail-with-grid__nested-grid.ag-theme-alpine .ag-cell,symphony-custom-detail-with-grid .custom-detail-with-grid__nested-grid.ag-theme-alpine .ag-header-cell{padding-left:5px!important}symphony-custom-detail-with-grid .custom-detail-with-grid__nested-grid .more-options .btn-group.open button.dropdown-toggle.btn,symphony-custom-detail-with-grid .custom-detail-with-grid__nested-grid .more-options.open .btn-group button.dropdown-toggle.btn:hover{background:#f1f2f5!important;color:#334860}symphony-custom-detail-with-grid .custom-detail-with-grid__nested-grid .ag-row.ag-row-hover .more-options .btn-group.open button.dropdown-toggle.btn,symphony-custom-detail-with-grid .custom-detail-with-grid__nested-grid .ag-row.ag-row-hover .more-options.open .btn-group button.dropdown-toggle.btn:hover,symphony-custom-detail-with-grid .custom-detail-with-grid__nested-grid .ag-row.ag-row-hover .more-options .btn-group button.dropdown-toggle.btn:hover{background:#f1f2f5!important;color:#334860}\n"], components: [{ type: i1.ButtonV2Component, selector: "symphony-button-v2" }, { type: i2.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold", "fontSize", "fontWeight"] }, { type: i3.AgGridAngular, selector: "ag-grid-angular", inputs: ["alignedGrids", "rowData", "columnDefs", "excelStyles", "pinnedTopRowData", "pinnedBottomRowData", "chartThemes", "components", "frameworkComponents", "rowStyle", "context", "autoGroupColumnDef", "localeText", "icons", "datasource", "serverSideDatasource", "viewportDatasource", "groupRowRendererParams", "aggFuncs", "fullWidthCellRendererParams", "defaultColGroupDef", "defaultColDef", "defaultExportParams", "columnTypes", "rowClassRules", "detailGridOptions", "detailCellRendererParams", "loadingCellRendererParams", "loadingOverlayComponentParams", "noRowsOverlayComponentParams", "popupParent", "colResizeDefault", "reduxStore", "statusBar", "sideBar", "chartThemeOverrides", "customChartThemes", "sortingOrder", "rowClass", "rowSelection", "overlayLoadingTemplate", "overlayNoRowsTemplate", "quickFilterText", "rowModelType", "editType", "domLayout", "clipboardDeliminator", "rowGroupPanelShow", "multiSortKey", "pivotColumnGroupTotals", "pivotRowTotals", "pivotPanelShow", "fillHandleDirection", "rowHeight", "detailRowHeight", "rowBuffer", "colWidth", "headerHeight", "groupHeaderHeight", "floatingFiltersHeight", "pivotHeaderHeight", "pivotGroupHeaderHeight", "groupDefaultExpanded", "minColWidth", "maxColWidth", "viewportRowModelPageSize", "viewportRowModelBufferSize", "autoSizePadding", "maxBlocksInCache", "maxConcurrentDatasourceRequests", "tooltipShowDelay", "cacheOverflowSize", "paginationPageSize", "cacheBlockSize", "infiniteInitialRowCount", "scrollbarWidth", "batchUpdateWaitMillis", "asyncTransactionWaitMillis", "blockLoadDebounceMillis", "keepDetailRowsCount", "undoRedoCellEditingLimit", "cellFlashDelay", "cellFadeDelay", "localeTextFunc", "groupRowInnerRenderer", "groupRowInnerRendererFramework", "dateComponent", "dateComponentFramework", "groupRowRenderer", "groupRowRendererFramework", "isExternalFilterPresent", "getRowHeight", "doesExternalFilterPass", "getRowClass", "getRowStyle", "getRowClassRules", "traverseNode", "getContextMenuItems", "getMainMenuItems", "processRowPostCreate", "processCellForClipboard", "groupRowAggNodes", "getRowNodeId", "isFullWidthCell", "fullWidthCellRenderer", "fullWidthCellRendererFramework", "processSecondaryColDef", "processSecondaryColGroupDef", "getBusinessKeyForNode", "sendToClipboard", "navigateToNextHeader", "tabToNextHeader", "navigateToNextCell", "tabToNextCell", "getDetailRowData", "processCellFromClipboard", "getDocument", "postProcessPopup", "getChildCount", "getDataPath", "loadingCellRenderer", "loadingCellRendererFramework", "loadingOverlayComponent", "loadingOverlayComponentFramework", "noRowsOverlayComponent", "noRowsOverlayComponentFramework", "detailCellRenderer", "detailCellRendererFramework", "defaultGroupSortComparator", "isRowMaster", "isRowSelectable", "postSort", "processHeaderForClipboard", "paginationNumberFormatter", "processDataFromClipboard", "getServerSideGroupKey", "isServerSideGroup", "suppressKeyboardEvent", "createChartContainer", "processChartOptions", "getChartToolbarItems", "fillOperation", "suppressMakeColumnVisibleAfterUnGroup", "suppressRowClickSelection", "suppressCellSelection", "suppressHorizontalScroll", "alwaysShowVerticalScroll", "debug", "enableBrowserTooltips", "enableCellExpressions", "angularCompileRows", "angularCompileFilters", "groupSuppressAutoColumn", "groupSelectsChildren", "groupIncludeFooter", "groupIncludeTotalFooter", "groupUseEntireRow", "groupSuppressBlankHeader", "suppressMenuHide", "suppressRowDeselection", "unSortIcon", "suppressMultiSort", "singleClickEdit", "suppressLoadingOverlay", "suppressNoRowsOverlay", "suppressAutoSize", "skipHeaderOnAutoSize", "suppressParentsInRowNodes", "suppressColumnMoveAnimation", "suppressMovableColumns", "suppressFieldDotNotation", "enableRangeSelection", "enableRangeHandle", "enableFillHandle", "suppressClearOnFillReduction", "deltaSort", "suppressTouch", "suppressAsyncEvents", "allowContextMenuWithControlKey", "suppressContextMenu", "rememberGroupStateWhenNewData", "enableCellChangeFlash", "suppressDragLeaveHidesColumns", "suppressMiddleClickScrolls", "suppressPreventDefaultOnMouseWheel", "suppressCopyRowsToClipboard", "copyHeadersToClipboard", "pivotMode", "suppressAggFuncInHeader", "suppressColumnVirtualisation", "suppressAggAtRootLevel", "suppressFocusAfterRefresh", "functionsPassive", "functionsReadOnly", "animateRows", "groupSelectsFiltered", "groupRemoveSingleChildren", "groupRemoveLowestSingleChildren", "enableRtl", "suppressClickEdit", "rowDragManaged", "suppressRowDrag", "suppressMoveWhenRowDragging", "enableMultiRowDragging", "enableGroupEdit", "embedFullWidthRows", "deprecatedEmbedFullWidthRows", "suppressPaginationPanel", "floatingFilter", "groupHideOpenParents", "groupMultiAutoColumn", "pagination", "stopEditingWhenGridLosesFocus", "paginationAutoPageSize", "suppressScrollOnNewData", "purgeClosedRowNodes", "cacheQuickFilter", "deltaRowDataMode", "ensureDomOrder", "accentedSort", "suppressChangeDetection", "valueCache", "valueCacheNeverExpires", "aggregateOnlyChangedColumns", "suppressAnimationFrame", "suppressExcelExport", "suppressCsvExport", "treeData", "masterDetail", "suppressMultiRangeSelection", "enterMovesDownAfterEdit", "enterMovesDown", "suppressPropertyNamesCheck", "rowMultiSelectWithClick", "suppressEnterpriseResetOnNewColumns", "enableOldSetFilterModel", "suppressRowHoverHighlight", "suppressRowTransform", "suppressClipboardPaste", "suppressLastEmptyLineOnPaste", "serverSideSortingAlwaysResets", "reactNext", "suppressSetColumnStateEvents", "suppressColumnStateEvents", "enableCharts", "deltaColumnMode", "suppressMaintainUnsortedOrder", "enableCellTextSelection", "suppressBrowserResizeObserver", "suppressMaxRenderedRowRestriction", "excludeChildrenWhenTreeDataFiltering", "tooltipMouseTrack", "keepDetailRows", "paginateChildRows", "preventDefaultOnContextMenu", "undoRedoCellEditing", "allowDragFromColumnsToolPanel", "immutableData", "immutableColumns", "pivotSuppressAutoColumn", "suppressExpandablePivotGroups", "applyColumnDefOrder", "debounceVerticalScrollbar", "detailRowAutoHeight", "gridOptions", "modules"], outputs: ["columnEverythingChanged", "newColumnsLoaded", "columnPivotModeChanged", "columnRowGroupChanged", "expandOrCollapseAll", "columnPivotChanged", "gridColumnsChanged", "columnValueChanged", "columnMoved", "columnVisible", "columnPinned", "columnGroupOpened", "columnResized", "displayedColumnsChanged", "virtualColumnsChanged", "rowGroupOpened", "rowDataChanged", "rowDataUpdated", "pinnedRowDataChanged", "rangeSelectionChanged", "chartCreated", "chartRangeSelectionChanged", "chartOptionsChanged", "chartDestroyed", "toolPanelVisibleChanged", "modelUpdated", "pasteStart", "pasteEnd", "fillStart", "fillEnd", "cellClicked", "cellDoubleClicked", "cellMouseDown", "cellContextMenu", "cellValueChanged", "rowValueChanged", "cellFocused", "rowSelected", "selectionChanged", "cellKeyDown", "cellKeyPress", "cellMouseOver", "cellMouseOut", "filterChanged", "filterModified", "filterOpened", "sortChanged", "virtualRowRemoved", "rowClicked", "rowDoubleClicked", "gridReady", "gridSizeChanged", "viewportChanged", "scrollbarWidthChanged", "firstDataRendered", "dragStarted", "dragStopped", "checkboxChanged", "rowEditingStarted", "rowEditingStopped", "cellEditingStarted", "cellEditingStopped", "bodyScroll", "animationQueueEmpty", "heightScaleChanged", "paginationChanged", "componentStateChanged", "bodyHeightChanged", "displayedColumnsWidthChanged", "scrollVisibilityChanged", "columnHoverChanged", "flashCells", "paginationPixelOffsetChanged", "rowDragEnter", "rowDragMove", "rowDragLeave", "rowDragEnd", "popupToFront", "columnRowGroupChangeRequest", "columnPivotChangeRequest", "columnValueChangeRequest", "columnAggFuncChangeRequest", "keyboardFocus", "mouseFocus"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: CustomDetailWithGridComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-custom-detail-with-grid', template: "<div class=\"custom-detail-with-grid\">\n  <div class=\"custom-detail-with-grid__header\">\n    <div class=\"custom-detail-with-grid__header-top sfx-mb-10\">\n      <h4 class=\"sfx-m-0\">{{ title }}</h4>\n      <symphony-button-v2\n        *ngIf=\"showActionButton\"\n        [text]=\"actionButtonText\"\n        (clicked)=\"onViewAllClick()\"\n      ></symphony-button-v2>\n    </div>\n\n    <div *ngIf=\"shouldShowNotesSection\" class=\"custom-detail-with-grid__notes sfx-mb-15\">\n      <symphony-paragraph\n        class=\"custom-detail-with-grid__notes-title sfx-d-block sfx-font-bold sfx-mb-5\"\n        [text]=\"notesTitle\"\n      ></symphony-paragraph>\n\n      <symphony-paragraph\n        class=\"custom-detail-with-grid__notes-description sfx-d-block\"\n        [text]=\"displayedNotesDescription\"\n      ></symphony-paragraph>\n\n      <button\n        *ngIf=\"shouldShowNotesToggle\"\n        type=\"button\"\n        class=\"custom-detail-with-grid__notes-toggle\"\n        (click)=\"toggleNotesExpansion()\"\n      >\n        {{ isNotesExpanded ? 'See Less' : 'See More' }}\n      </button>\n    </div>\n  </div>\n\n  <div class=\"custom-detail-with-grid__grid\">\n    <ag-grid-angular\n      class=\"ag-theme-alpine sfx-lib-gird-dropdown\"\n      [columnDefs]=\"nestedColumnDefs\"\n      [defaultColDef]=\"nestedDefaultColDef\"\n      [frameworkComponents]=\"nestedFrameworkComponents\"\n      [rowHeight]=\"nestedRowHeight\"\n      [rowData]=\"nestedRowData\"\n      [suppressRowClickSelection]=\"nestedSuppressRowClickSelection\"\n      [suppressContextMenu]=\"nestedSuppressContextMenu\"\n      [rowSelection]=\"nestedRowSelection\"\n      (gridReady)=\"onNestedGridReady($event)\"\n    ></ag-grid-angular>\n  </div>\n</div>\n", styles: [":host{display:block;height:100%;width:100%}.custom-detail-with-grid{display:flex;flex-direction:column;height:100%;width:100%;padding:20px}.custom-detail-with-grid__header{display:flex;flex-direction:column}.custom-detail-with-grid__header-top{align-items:center;display:flex;justify-content:space-between}.custom-detail-with-grid__notes{background-color:#f0f4ff;border:1px solid #d1e0ff;border-radius:8px;padding:16px}.custom-detail-with-grid__notes-title{color:#324158}.custom-detail-with-grid__notes-description{white-space:normal}.custom-detail-with-grid__notes-toggle{background:none;border:0;color:#0091fb;cursor:pointer;display:block;line-height:20px;margin-top:8px;padding:0;text-align:left;font-size:13px}.custom-detail-with-grid__grid{display:block;flex:1;min-height:180px;overflow:hidden;width:100%}.custom-detail-with-grid__grid ag-grid-angular{display:block;height:100%;width:100%}\n"] }]
-        }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLWRldGFpbC13aXRoLWdyaWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9hdG9tcy9ncmlkL2ZyYW1ld29yay9jdXN0b20tZGV0YWlsLXdpdGgtZ3JpZC9jdXN0b20tZGV0YWlsLXdpdGgtZ3JpZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2dyaWQvZnJhbWV3b3JrL2N1c3RvbS1kZXRhaWwtd2l0aC1ncmlkL2N1c3RvbS1kZXRhaWwtd2l0aC1ncmlkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFTMUMsT0FBTyxFQUFFLGlDQUFpQyxFQUFFLE1BQU0sc0VBQXNFLENBQUM7Ozs7OztBQTBCekgsTUFBTSxPQUFPLDZCQUE2QjtJQUwxQztRQU1tQiwrQkFBMEIsR0FBRyxHQUFHLENBQUM7UUFDMUMsb0JBQWUsR0FBa0IsSUFBSSxDQUFDO1FBRXZDLHlCQUFvQixHQUErQixFQUFFLENBQUM7UUFFdEQsVUFBSyxHQUFHLGdCQUFnQixDQUFDO1FBQ3pCLGVBQVUsR0FBRyx3QkFBd0IsQ0FBQztRQUN0QyxxQkFBZ0IsR0FBRyxFQUFFLENBQUM7UUFDdEIsd0JBQW1CLEdBQUcsSUFBSSxDQUFDLDBCQUEwQixDQUFDO1FBQ3RELG9CQUFlLEdBQUcsS0FBSyxDQUFDO1FBQ3hCLHFCQUFnQixHQUFHLGlCQUFpQixDQUFDO1FBQ3JDLHFCQUFnQixHQUFHLElBQUksQ0FBQztRQUN4QixjQUFTLEdBQUcsSUFBSSxDQUFDO1FBQ2pCLG9CQUFlLEdBQUcsRUFBRSxDQUFDO1FBQ3JCLDhCQUF5QixHQUF3QjtZQUN0RCxXQUFX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LEdBQUcsSUFBSSxDQUFDO1NBQzdCO0lBQ0gsQ0FBQztJQUVPLHVCQUF1QjtRQUM3QixJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsRUFBRTtZQUN2QixPQUFPO1NBQ1I7UUFFRCxJQUFJLElBQUksQ0FBQyxlQUFlLEtBQUssSUFBSSxFQUFFO1lBQ2pDLFlBQVksQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUM7U0FDcEM7UUFFRCxJQUFJLENBQUMsZUFBZSxHQUFHLE1BQU0sQ0FBQyxVQUFVLENBQUMsR0FBRyxFQUFFO1lBQzVDLElBQUksQ0FBQyxhQUFhLEVBQUUsZ0JBQWdCLEVBQUUsQ0FBQztZQUN2QyxJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQztRQUM5QixDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7OzBIQTlKVSw2QkFBNkI7OEdBQTdCLDZCQUE2Qix3RUNuQzFDLHF0REFnREE7MkZEYmEsNkJBQTZCO2tCQUx6QyxTQUFTOytCQUNFLGtDQUFrQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgQ29sRGVmLFxuICBHcmlkQXBpLFxuICBHcmlkUmVhZHlFdmVudCxcbiAgSUNlbGxSZW5kZXJlcixcbiAgSUNlbGxSZW5kZXJlclBhcmFtc1xufSBmcm9tICdhZy1ncmlkLWNvbW11bml0eSc7XG5pbXBvcnQgeyBDb250ZXh0dWFsTWVudUFjdGlvbk1vZGVsIH0gZnJvbSAnLi4vZXZlbnQtc2V0dGluZ3MtbW9yZS1vcHRpb25zL2V2ZW50LXNldHRpbmdzLW1vcmUtb3B0aW9ucy5tb2RlbCc7XG5pbXBvcnQgeyBFdmVudFNldHRpbmdzTW9yZU9wdGlvbnNDb21wb25lbnQgfSBmcm9tICcuLi9ldmVudC1zZXR0aW5ncy1tb3JlLW9wdGlvbnMvZXZlbnQtc2V0dGluZ3MtbW9yZS1vcHRpb25zLmNvbXBvbmVudCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ3VzdG9tRGV0YWlsV2l0aEdyaWRQYXJhbXMge1xuICB0aXRsZT86IHN0cmluZztcbiAgbm90ZXNUaXRsZT86IHN0cmluZztcbiAgbm90ZXNEZXNjcmlwdGlvbj86IHN0cmluZztcbiAgbm90ZXNDaGFyYWN0ZXJMaW1pdD86IG51bWJlcjtcbiAgYWN0aW9uQnV0dG9uVGV4dD86IHN0cmluZztcbiAgc2hvd0FjdGlvbkJ1dHRvbj86IGJvb2xlYW47XG4gIHNob3dOb3Rlcz86IGJvb2xlYW47XG4gIG5lc3RlZENvbHVtbkRlZnM/OiBDb2xEZWZbXTtcbiAgbmVzdGVkRGVmYXVsdENvbERlZj86IENvbERlZjtcbiAgbmVzdGVkRnJhbWV3b3JrQ29tcG9uZW50cz86IFJlY29yZDxzdHJpbmcsIGFueT47XG4gIG5lc3RlZFJvd0hlaWdodD86IG51bWJlcjtcbiAgbmVzdGVkUm93U2VsZWN0aW9uPzogJ3NpbmdsZScgfCAnbXVsdGlwbGUnO1xuICBuZXN0ZWRTdXBwcmVzc1Jvd0NsaWNrU2VsZWN0aW9uPzogYm9vbGVhbjtcbiAgbmVzdGVkU3VwcHJlc3NDb250ZXh0TWVudT86IGJvb2xlYW47XG59XG5cbnR5cGUgQ3VzdG9tRGV0YWlsUmVuZGVyZXJQYXJhbXMgPSBJQ2VsbFJlbmRlcmVyUGFyYW1zICYgQ3VzdG9tRGV0YWlsV2l0aEdyaWRQYXJhbXM7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWN1c3RvbS1kZXRhaWwtd2l0aC1ncmlkJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2N1c3RvbS1kZXRhaWwtd2l0aC1ncmlkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY3VzdG9tLWRldGFpbC13aXRoLWdyaWQuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBDdXN0b21EZXRhaWxXaXRoR3JpZENvbXBvbmVudCBpbXBsZW1lbnRzIElDZWxsUmVuZGVyZXIge1xuICBwcml2YXRlIHJlYWRvbmx5IGRlZmF1bHROb3Rlc0NoYXJhY3RlckxpbWl0ID0gNTAwO1xuICBwcml2YXRlIHJlc2l6ZVRpbWVvdXRJZDogbnVtYmVyIHwgbnVsbCA9IG51bGw7XG4gIHB1YmxpYyBwYXJhbXM6IElDZWxsUmVuZGVyZXJQYXJhbXM7XG4gIHB1YmxpYyBkZXRhaWxSZW5kZXJlclBhcmFtczogQ3VzdG9tRGV0YWlsV2l0aEdyaWRQYXJhbXMgPSB7fTtcbiAgcHVibGljIG5lc3RlZEdyaWRBcGk6IEdyaWRBcGk7XG4gIHB1YmxpYyB0aXRsZSA9ICdEZXRhaWwgUmVjb3Jkcyc7XG4gIHB1YmxpYyBub3Rlc1RpdGxlID0gJ0ludGVybmFsIFNlc3Npb24gTm90ZXMnO1xuICBwdWJsaWMgbm90ZXNEZXNjcmlwdGlvbiA9ICcnO1xuICBwdWJsaWMgbm90ZXNDaGFyYWN0ZXJMaW1pdCA9IHRoaXMuZGVmYXVsdE5vdGVzQ2hhcmFjdGVyTGltaXQ7XG4gIHB1YmxpYyBpc05vdGVzRXhwYW5kZWQgPSBmYWxzZTtcbiAgcHVibGljIGFjdGlvbkJ1dHRvblRleHQgPSAnSW52aXRlIENvbnRhY3RzJztcbiAgcHVibGljIHNob3dBY3Rpb25CdXR0b24gPSB0cnVlO1xuICBwdWJsaWMgc2hvd05vdGVzID0gdHJ1ZTtcbiAgcHVibGljIG5lc3RlZFJvd0hlaWdodCA9IDgwO1xuICBwdWJsaWMgbmVzdGVkRnJhbWV3b3JrQ29tcG9uZW50czogUmVjb3JkPHN0cmluZywgYW55PiA9IHtcbiAgICBtb3JlQWN0aW9uczogRXZlbnRTZXR0aW5nc01vcmVPcHRpb25zQ29tcG9uZW50XG4gIH07XG4gIHB1YmxpYyBuZXN0ZWRSb3dTZWxlY3Rpb246ICdzaW5nbGUnIHwgJ211bHRpcGxlJyA9ICdtdWx0aXBsZSc7XG4gIHB1YmxpYyBuZXN0ZWRTdXBwcmVzc1Jvd0NsaWNrU2VsZWN0aW9uID0gdHJ1ZTtcbiAgcHVibGljIG5lc3RlZFN1cHByZXNzQ29udGV4dE1lbnUgPSB0cnVlO1xuICBwdWJsaWMgbmVzdGVkQ29sdW1uRGVmczogQ29sRGVmW10gPSBbXTtcbiAgcHVibGljIG5lc3RlZERlZmF1bHRDb2xEZWY6IENvbERlZiA9IHtcbiAgICBmbGV4OiAxLFxuICAgIHN1cHByZXNzTWVudTogdHJ1ZSxcbiAgICBzdXBwcmVzc01vdmFibGU6IHRydWUsXG4gICAgd3JhcFRleHQ6IHRydWUsXG4gIH07XG4gIHB1YmxpYyBuZXN0ZWRSb3dEYXRhOiBhbnlbXSA9IFtdO1xuXG4gIGFnSW5pdChwYXJhbXM6IElDZWxsUmVuZGVyZXJQYXJhbXMpOiB2b2lkIHtcbiAgICB0aGlzLnBhcmFtcyA9IHBhcmFtcztcbiAgICB0aGlzLmRldGFpbFJlbmRlcmVyUGFyYW1zID0gcGFyYW1zIGFzIEN1c3RvbURldGFpbFdpdGhHcmlkUGFyYW1zO1xuICAgIHRoaXMudGl0bGUgPSBwYXJhbXM/LmRhdGE/LmRldGFpbFRpdGxlIHx8IHRoaXMuZGV0YWlsUmVuZGVyZXJQYXJhbXM/LnRpdGxlIHx8ICdEZXRhaWwgUmVjb3Jkcyc7XG4gICAgdGhpcy5ub3Rlc1RpdGxlID1cbiAgICAgIHBhcmFtcz8uZGF0YT8uZGV0YWlsTm90ZXNUaXRsZSB8fFxuICAgICAgdGhpcy5kZXRhaWxSZW5kZXJlclBhcmFtcz8ubm90ZXNUaXRsZSB8fFxuICAgICAgJ0ludGVybmFsIFNlc3Npb24gTm90ZXMnO1xuICAgIHRoaXMubm90ZXNEZXNjcmlwdGlvbiA9XG4gICAgICBwYXJhbXM/LmRhdGE/LmRldGFpbE5vdGVzRGVzY3JpcHRpb24gfHxcbiAgICAgIHRoaXMuZGV0YWlsUmVuZGVyZXJQYXJhbXM/Lm5vdGVzRGVzY3JpcHRpb24gfHxcbiAgICAgICcnO1xuICAgIHRoaXMubm90ZXNDaGFyYWN0ZXJMaW1pdCA9XG4gICAgICB0aGlzLmRldGFpbFJlbmRlcmVyUGFyYW1zPy5ub3Rlc0NoYXJhY3RlckxpbWl0IHx8IHRoaXMuZGVmYXVsdE5vdGVzQ2hhcmFjdGVyTGltaXQ7XG4gICAgdGhpcy5hY3Rpb25CdXR0b25UZXh0ID0gdGhpcy5kZXRhaWxSZW5kZXJlclBhcmFtcz8uYWN0aW9uQnV0dG9uVGV4dCB8fCAnSW52aXRlIENvbnRhY3RzJztcbiAgICB0aGlzLnNob3dBY3Rpb25CdXR0b24gPSB0aGlzLmRldGFpbFJlbmRlcmVyUGFyYW1zPy5zaG93QWN0aW9uQnV0dG9uICE9PSBmYWxzZTtcbiAgICB0aGlzLnNob3dOb3RlcyA9IHRoaXMuZGV0YWlsUmVuZGVyZXJQYXJhbXM/LnNob3dOb3RlcyAhPT0gZmFsc2U7XG4gICAgdGhpcy5pc05vdGVzRXhwYW5kZWQgPSBmYWxzZTtcbiAgICB0aGlzLm5lc3RlZFJvd0hlaWdodCA9IHRoaXMuZGV0YWlsUmVuZGVyZXJQYXJhbXM/Lm5lc3RlZFJvd0hlaWdodCB8fCA4MDtcbiAgICB0aGlzLm5lc3RlZFJvd1NlbGVjdGlvbiA9IHRoaXMuZGV0YWlsUmVuZGVyZXJQYXJhbXM/Lm5lc3RlZFJvd1NlbGVjdGlvbiB8fCAnbXVsdGlwbGUnO1xuICAgIHRoaXMubmVzdGVkU3VwcHJlc3NSb3dDbGlja1NlbGVjdGlvbiA9XG4gICAgICB0aGlzLmRldGFpbFJlbmRlcmVyUGFyYW1zPy5uZXN0ZWRTdXBwcmVzc1Jvd0NsaWNrU2VsZWN0aW9uICE9PSBmYWxzZTtcbiAgICB0aGlzLm5lc3RlZFN1cHByZXNzQ29udGV4dE1lbnUgPVxuICAgICAgdGhpcy5kZXRhaWxSZW5kZXJlclBhcmFtcz8ubmVzdGVkU3VwcHJlc3NDb250ZXh0TWVudSAhPT0gZmFsc2U7XG4gICAgdGhpcy5uZXN0ZWRGcmFtZXdvcmtDb21wb25lbnRzID0gdGhpcy5nZXROZXN0ZWRGcmFtZXdvcmtDb21wb25lbnRzKCk7XG4gICAgdGhpcy5uZXN0ZWREZWZhdWx0Q29sRGVmID0ge1xuICAgICAgZmxleDogMSxcbiAgICAgIHN1cHByZXNzTWVudTogdHJ1ZSxcbiAgICAgIHN1cHByZXNzTW92YWJsZTogdHJ1ZSxcbiAgICAgIHdyYXBUZXh0OiB0cnVlLFxuICAgICAgLi4uKHRoaXMuZGV0YWlsUmVuZGVyZXJQYXJhbXM/Lm5lc3RlZERlZmF1bHRDb2xEZWYgfHwge30pXG4gICAgfTtcbiAgICB0aGlzLm5lc3RlZFJvd0RhdGEgPSBwYXJhbXM/LmRhdGE/LmRldGFpbFJvd0RhdGEgfHwgW107XG4gICAgdGhpcy5uZXN0ZWRDb2x1bW5EZWZzID0gdGhpcy5nZXROZXN0ZWRDb2x1bW5EZWZzKHBhcmFtcyk7XG4gIH1cblxuICByZWZyZXNoKHBhcmFtczogSUNlbGxSZW5kZXJlclBhcmFtcyk6IGJvb2xlYW4ge1xuICAgIHRoaXMuYWdJbml0KHBhcmFtcyk7XG4gICAgdGhpcy5yZXNpemVOZXN0ZWRHcmlkQ29sdW1ucygpO1xuICAgIHJldHVybiB0cnVlO1xuICB9XG5cbiAgb25OZXN0ZWRHcmlkUmVhZHkoZ3JpZFJlYWR5RXZlbnQ6IEdyaWRSZWFkeUV2ZW50KTogdm9pZCB7XG4gICAgdGhpcy5uZXN0ZWRHcmlkQXBpID0gZ3JpZFJlYWR5RXZlbnQuYXBpO1xuICAgIHRoaXMucmVzaXplTmVzdGVkR3JpZENvbHVtbnMoKTtcbiAgfVxuXG4gIG9uVmlld0FsbENsaWNrKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLnNob3dBY3Rpb25CdXR0b24gJiYgdGhpcy5wYXJhbXM/LmNvbnRleHQ/LmNvbXBvbmVudFBhcmVudD8ub25EZXRhaWxBY3Rpb25DbGljaykge1xuICAgICAgdGhpcy5wYXJhbXMuY29udGV4dC5jb21wb25lbnRQYXJlbnQub25EZXRhaWxBY3Rpb25DbGljayh0aGlzLnBhcmFtcy5kYXRhKTtcbiAgICB9XG4gIH1cblxuICBvbk5lc3RlZE1vcmVPcHRpb25zQ2xpY2soYWN0aW9uOiBDb250ZXh0dWFsTWVudUFjdGlvbk1vZGVsKTogdm9pZCB7XG4gICAgaWYgKHRoaXMucGFyYW1zPy5jb250ZXh0Py5jb21wb25lbnRQYXJlbnQ/Lm9uTmVzdGVkRGV0YWlsQWN0aW9uQ2xpY2spIHtcbiAgICAgIHRoaXMucGFyYW1zLmNvbnRleHQuY29tcG9uZW50UGFyZW50Lm9uTmVzdGVkRGV0YWlsQWN0aW9uQ2xpY2soe1xuICAgICAgICBwYXJlbnRSb3c6IHRoaXMucGFyYW1zLmRhdGEsXG4gICAgICAgIGFjdGlvblxuICAgICAgfSk7XG4gICAgfVxuICB9XG5cbiAgdG9nZ2xlTm90ZXNFeHBhbnNpb24oKTogdm9pZCB7XG4gICAgdGhpcy5pc05vdGVzRXhwYW5kZWQgPSAhdGhpcy5pc05vdGVzRXhwYW5kZWQ7XG4gIH1cblxuICBnZXQgZGlzcGxheWVkTm90ZXNEZXNjcmlwdGlvbigpOiBzdHJpbmcge1xuICAgIGlmICghdGhpcy5zaG91bGRTaG93Tm90ZXNUb2dnbGUgfHwgdGhpcy5pc05vdGVzRXhwYW5kZWQpIHtcbiAgICAgIHJldHVybiB0aGlzLm5vdGVzRGVzY3JpcHRpb247XG4gICAgfVxuXG4gICAgcmV0dXJuIGAke3RoaXMubm90ZXNEZXNjcmlwdGlvbi5zbGljZSgwLCB0aGlzLm5vdGVzQ2hhcmFjdGVyTGltaXQpfS4uLmA7XG4gIH1cblxuICBnZXQgc2hvdWxkU2hvd05vdGVzVG9nZ2xlKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiAodGhpcy5ub3Rlc0Rlc2NyaXB0aW9uPy5sZW5ndGggfHwgMCkgPiB0aGlzLm5vdGVzQ2hhcmFjdGVyTGltaXQ7XG4gIH1cblxuICBnZXQgc2hvdWxkU2hvd05vdGVzU2VjdGlvbigpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5zaG93Tm90ZXMgJiYgISF0aGlzLmRpc3BsYXllZE5vdGVzRGVzY3JpcHRpb247XG4gIH1cblxuICBwcml2YXRlIGdldE5lc3RlZENvbHVtbkRlZnMocGFyYW1zOiBJQ2VsbFJlbmRlcmVyUGFyYW1zKTogQ29sRGVmW10ge1xuICAgIGNvbnN0IGRldGFpbFJlbmRlcmVyUGFyYW1zID0gcGFyYW1zIGFzIEN1c3RvbURldGFpbFJlbmRlcmVyUGFyYW1zO1xuICAgIGNvbnN0IGNvbHVtbkRlZnMgPSBwYXJhbXM/LmRhdGE/LmRldGFpbENvbHVtbkRlZnMgfHwgZGV0YWlsUmVuZGVyZXJQYXJhbXM/Lm5lc3RlZENvbHVtbkRlZnMgfHwgW107XG5cbiAgICByZXR1cm4gY29sdW1uRGVmcy5tYXAoKGNvbHVtbkRlZjogQ29sRGVmKSA9PiB7XG4gICAgICBpZiAoY29sdW1uRGVmPy5jZWxsUmVuZGVyZXIgIT09ICdtb3JlQWN0aW9ucycpIHtcbiAgICAgICAgcmV0dXJuIGNvbHVtbkRlZjtcbiAgICAgIH1cblxuICAgICAgcmV0dXJuIHtcbiAgICAgICAgLi4uY29sdW1uRGVmLFxuICAgICAgICBjZWxsUmVuZGVyZXJQYXJhbXM6IChjZWxsUmVuZGVyZXJQYXJhbXM6IElDZWxsUmVuZGVyZXJQYXJhbXMpID0+ICh7XG4gICAgICAgICAgbW9yZU9wdGlvbnM6IGNlbGxSZW5kZXJlclBhcmFtcz8uZGF0YT8ubW9yZU9wdGlvbnMsXG4gICAgICAgICAgaXRlbUNsaWNrOiAoYWN0aW9uOiBDb250ZXh0dWFsTWVudUFjdGlvbk1vZGVsKSA9PiB0aGlzLm9uTmVzdGVkTW9yZU9wdGlvbnNDbGljayhhY3Rpb24pXG4gICAgICAgIH0pXG4gICAgICB9O1xuICAgIH0pO1xuICB9XG5cbiAgcHJpdmF0ZSBnZXROZXN0ZWRGcmFtZXdvcmtDb21wb25lbnRzKCk6IFJlY29yZDxzdHJpbmcsIGFueT4ge1xuICAgIHJldHVybiB7XG4gICAgICBtb3JlQWN0aW9uczogRXZlbnRTZXR0aW5nc01vcmVPcHRpb25zQ29tcG9uZW50LFxuICAgICAgLi4uKHRoaXMuZGV0YWlsUmVuZGVyZXJQYXJhbXM/Lm5lc3RlZEZyYW1ld29ya0NvbXBvbmVudHMgfHwge30pXG4gICAgfTtcbiAgfVxuXG4gIGRlc3Ryb3koKTogdm9pZCB7XG4gICAgaWYgKHRoaXMucmVzaXplVGltZW91dElkICE9PSBudWxsKSB7XG4gICAgICBjbGVhclRpbWVvdXQodGhpcy5yZXNpemVUaW1lb3V0SWQpO1xuICAgICAgdGhpcy5yZXNpemVUaW1lb3V0SWQgPSBudWxsO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgcmVzaXplTmVzdGVkR3JpZENvbHVtbnMoKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLm5lc3RlZEdyaWRBcGkpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBpZiAodGhpcy5yZXNpemVUaW1lb3V0SWQgIT09IG51bGwpIHtcbiAgICAgIGNsZWFyVGltZW91dCh0aGlzLnJlc2l6ZVRpbWVvdXRJZCk7XG4gICAgfVxuXG4gICAgdGhpcy5yZXNpemVUaW1lb3V0SWQgPSB3aW5kb3cuc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICB0aGlzLm5lc3RlZEdyaWRBcGk/LnNpemVDb2x1bW5zVG9GaXQoKTtcbiAgICAgIHRoaXMucmVzaXplVGltZW91dElkID0gbnVsbDtcbiAgICB9KTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImN1c3RvbS1kZXRhaWwtd2l0aC1ncmlkXCI+XG4gIDxkaXYgY2xhc3M9XCJjdXN0b20tZGV0YWlsLXdpdGgtZ3JpZF9faGVhZGVyXCI+XG4gICAgPGRpdiBjbGFzcz1cImN1c3RvbS1kZXRhaWwtd2l0aC1ncmlkX19oZWFkZXItdG9wIHNmeC1tYi0xMFwiPlxuICAgICAgPGg0IGNsYXNzPVwic2Z4LW0tMFwiPnt7IHRpdGxlIH19PC9oND5cbiAgICAgIDxzeW1waG9ueS1idXR0b24tdjJcbiAgICAgICAgKm5nSWY9XCJzaG93QWN0aW9uQnV0dG9uXCJcbiAgICAgICAgW3RleHRdPVwiYWN0aW9uQnV0dG9uVGV4dFwiXG4gICAgICAgIChjbGlja2VkKT1cIm9uVmlld0FsbENsaWNrKClcIlxuICAgICAgPjwvc3ltcGhvbnktYnV0dG9uLXYyPlxuICAgIDwvZGl2PlxuXG4gICAgPGRpdiAqbmdJZj1cInNob3VsZFNob3dOb3Rlc1NlY3Rpb25cIiBjbGFzcz1cImN1c3RvbS1kZXRhaWwtd2l0aC1ncmlkX19ub3RlcyBzZngtbWItMTVcIj5cbiAgICAgIDxzeW1waG9ueS1wYXJhZ3JhcGhcbiAgICAgICAgY2xhc3M9XCJjdXN0b20tZGV0YWlsLXdpdGgtZ3JpZF9fbm90ZXMtdGl0bGUgc2Z4LWQtYmxvY2sgc2Z4LWZvbnQtYm9sZCBzZngtbWItNVwiXG4gICAgICAgIFt0ZXh0XT1cIm5vdGVzVGl0bGVcIlxuICAgICAgPjwvc3ltcGhvbnktcGFyYWdyYXBoPlxuXG4gICAgICA8c3ltcGhvbnktcGFyYWdyYXBoXG4gICAgICAgIGNsYXNzPVwiY3VzdG9tLWRldGFpbC13aXRoLWdyaWRfX25vdGVzLWRlc2NyaXB0aW9uIHNmeC1kLWJsb2NrXCJcbiAgICAgICAgW3RleHRdPVwiZGlzcGxheWVkTm90ZXNEZXNjcmlwdGlvblwiXG4gICAgICA+PC9zeW1waG9ueS1wYXJhZ3JhcGg+XG5cbiAgICAgIDxidXR0b25cbiAgICAgICAgKm5nSWY9XCJzaG91bGRTaG93Tm90ZXNUb2dnbGVcIlxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgY2xhc3M9XCJjdXN0b20tZGV0YWlsLXdpdGgtZ3JpZF9fbm90ZXMtdG9nZ2xlXCJcbiAgICAgICAgKGNsaWNrKT1cInRvZ2dsZU5vdGVzRXhwYW5zaW9uKClcIlxuICAgICAgPlxuICAgICAgICB7eyBpc05vdGVzRXhwYW5kZWQgPyAnU2VlIExlc3MnIDogJ1NlZSBNb3JlJyB9fVxuICAgICAgPC9idXR0b24+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuXG4gIDxkaXYgY2xhc3M9XCJjdXN0b20tZGV0YWlsLXdpdGgtZ3JpZF9fZ3JpZFwiPlxuICAgIDxhZy1ncmlkLWFuZ3VsYXJcbiAgICAgIGNsYXNzPVwiYWctdGhlbWUtYWxwaW5lIHNmeC1saWItZ2lyZC1kcm9wZG93blwiXG4gICAgICBbY29sdW1uRGVmc109XCJuZXN0ZWRDb2x1bW5EZWZzXCJcbiAgICAgIFtkZWZhdWx0Q29sRGVmXT1cIm5lc3RlZERlZmF1bHRDb2xEZWZcIlxuICAgICAgW2ZyYW1ld29ya0NvbXBvbmVudHNdPVwibmVzdGVkRnJhbWV3b3JrQ29tcG9uZW50c1wiXG4gICAgICBbcm93SGVpZ2h0XT1cIm5lc3RlZFJvd0hlaWdodFwiXG4gICAgICBbcm93RGF0YV09XCJuZXN0ZWRSb3dEYXRhXCJcbiAgICAgIFtzdXBwcmVzc1Jvd0NsaWNrU2VsZWN0aW9uXT1cIm5lc3RlZFN1cHByZXNzUm93Q2xpY2tTZWxlY3Rpb25cIlxuICAgICAgW3N1cHByZXNzQ29udGV4dE1lbnVdPVwibmVzdGVkU3VwcHJlc3NDb250ZXh0TWVudVwiXG4gICAgICBbcm93U2VsZWN0aW9uXT1cIm5lc3RlZFJvd1NlbGVjdGlvblwiXG4gICAgICAoZ3JpZFJlYWR5KT1cIm9uTmVzdGVkR3JpZFJlYWR5KCRldmVudClcIlxuICAgID48L2FnLWdyaWQtYW5ndWxhcj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
+            args: [{ selector: 'symphony-custom-detail-with-grid', encapsulation: ViewEncapsulation.None, template: "<div class=\"custom-detail-with-grid\">\n  <div class=\"custom-detail-with-grid__header\">\n    <div class=\"custom-detail-with-grid__header-top sfx-mb-10\">\n      <h4 class=\"sfx-m-0\">{{ title }}</h4>\n      <symphony-button-v2\n        *ngIf=\"showActionButton\"\n        [text]=\"actionButtonText\"\n        (clicked)=\"onViewAllClick()\"\n      ></symphony-button-v2>\n    </div>\n\n    <div *ngIf=\"shouldShowNotesSection\" class=\"custom-detail-with-grid__notes sfx-mb-15\">\n      <symphony-paragraph\n        class=\"custom-detail-with-grid__notes-title sfx-d-block sfx-font-bold sfx-mb-5\"\n        [text]=\"notesTitle\"\n      ></symphony-paragraph>\n\n      <symphony-paragraph\n        class=\"custom-detail-with-grid__notes-description sfx-d-block\"\n        [text]=\"displayedNotesDescription\"\n      ></symphony-paragraph>\n\n      <button\n        *ngIf=\"shouldShowNotesToggle\"\n        type=\"button\"\n        class=\"custom-detail-with-grid__notes-toggle\"\n        (click)=\"toggleNotesExpansion()\"\n      >\n        {{ isNotesExpanded ? 'See Less' : 'See More' }}\n      </button>\n    </div>\n  </div>\n\n  <div class=\"custom-detail-with-grid__grid\">\n    <ag-grid-angular\n      class=\"ag-theme-alpine sfx-lib-gird-dropdown custom-detail-with-grid__nested-grid\"\n      [columnDefs]=\"nestedColumnDefs\"\n      [defaultColDef]=\"nestedDefaultColDef\"\n      [frameworkComponents]=\"nestedFrameworkComponents\"\n      [rowHeight]=\"nestedRowHeight\"\n      [rowData]=\"nestedRowData\"\n      [suppressRowClickSelection]=\"nestedSuppressRowClickSelection\"\n      [suppressContextMenu]=\"nestedSuppressContextMenu\"\n      [rowSelection]=\"nestedRowSelection\"\n      (gridReady)=\"onNestedGridReady($event)\"\n    ></ag-grid-angular>\n  </div>\n</div>\n", styles: ["symphony-custom-detail-with-grid{display:block;height:100%;width:100%}symphony-custom-detail-with-grid .custom-detail-with-grid{display:flex;flex-direction:column;height:100%;width:100%;padding:20px}symphony-custom-detail-with-grid .custom-detail-with-grid__header{display:flex;flex-direction:column}symphony-custom-detail-with-grid .custom-detail-with-grid__header-top{align-items:center;display:flex;justify-content:space-between}symphony-custom-detail-with-grid .custom-detail-with-grid__notes{background-color:#f0f4ff;border:1px solid #d1e0ff;border-radius:8px;padding:16px}symphony-custom-detail-with-grid .custom-detail-with-grid__notes-title{color:#324158}symphony-custom-detail-with-grid .custom-detail-with-grid__notes-description{white-space:normal}symphony-custom-detail-with-grid .custom-detail-with-grid__notes-toggle{background:none;border:0;color:#0091fb;cursor:pointer;display:block;line-height:20px;margin-top:8px;padding:0;text-align:left;font-size:13px}symphony-custom-detail-with-grid .custom-detail-with-grid__grid{display:block;flex:1;min-height:180px;overflow:hidden;width:100%;border-radius:10px}symphony-custom-detail-with-grid .custom-detail-with-grid__nested-grid{display:block;height:100%;width:100%;background:#fff}symphony-custom-detail-with-grid .custom-detail-with-grid__nested-grid.ag-theme-alpine .ag-cell,symphony-custom-detail-with-grid .custom-detail-with-grid__nested-grid.ag-theme-alpine .ag-header-cell{padding-left:5px!important}symphony-custom-detail-with-grid .custom-detail-with-grid__nested-grid .more-options .btn-group.open button.dropdown-toggle.btn,symphony-custom-detail-with-grid .custom-detail-with-grid__nested-grid .more-options.open .btn-group button.dropdown-toggle.btn:hover{background:#f1f2f5!important;color:#334860}symphony-custom-detail-with-grid .custom-detail-with-grid__nested-grid .ag-row.ag-row-hover .more-options .btn-group.open button.dropdown-toggle.btn,symphony-custom-detail-with-grid .custom-detail-with-grid__nested-grid .ag-row.ag-row-hover .more-options.open .btn-group button.dropdown-toggle.btn:hover,symphony-custom-detail-with-grid .custom-detail-with-grid__nested-grid .ag-row.ag-row-hover .more-options .btn-group button.dropdown-toggle.btn:hover{background:#f1f2f5!important;color:#334860}\n"] }]
+        }], propDecorators: { onWindowResize: [{
+                type: HostListener,
+                args: ['window:resize']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLWRldGFpbC13aXRoLWdyaWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9hdG9tcy9ncmlkL2ZyYW1ld29yay9jdXN0b20tZGV0YWlsLXdpdGgtZ3JpZC9jdXN0b20tZGV0YWlsLXdpdGgtZ3JpZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL2F0b21zL2dyaWQvZnJhbWV3b3JrL2N1c3RvbS1kZXRhaWwtd2l0aC1ncmlkL2N1c3RvbS1kZXRhaWwtd2l0aC1ncmlkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBUzNFLE9BQU8sRUFBRSxpQ0FBaUMsRUFBRSxNQUFNLHNFQUFzRSxDQUFDOzs7Ozs7QUE0QnpILE1BQU0sT0FBTyw2QkFBNkI7SUFOMUM7UUFPbUIsK0JBQTBCLEdBQUcsR0FBRyxDQUFDO1FBQzFDLG9CQUFlLEdBQWtCLElBQUksQ0FBQztRQUV2Qyx5QkFBb0IsR0FBK0IsRUFBRSxDQUFDO1FBRXRELFVBQUssR0FBRyxnQkFBZ0IsQ0FBQztRQUN6QixlQUFVLEdBQUcsd0JBQXdCLENBQUM7UUFDdEMscUJBQWdCLEdBQUcsRUFBRSxDQUFDO1FBQ3RCLHdCQUFtQixHQUFHLElBQUksQ0FBQywwQkFBMEIsQ0FBQztRQUN0RCxvQkFBZSxHQUFHLEtBQUssQ0FBQztRQUN4QixxQkFBZ0IsR0FBRyxpQkFBaUIsQ0FBQztRQUNyQyxxQkFBZ0IsR0FBRyxJQUFJLENBQUM7UUFDeEIsY0FBUyxHQUFHLElBQUksQ0FBQztRQUNqQixvQkFBZSxHQUFHLEVBQUUsQ0FBQztRQUNyQiw4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ekMsU0FBUzsrQkFDRSxrQ0FBa0MsaUJBRzdCLGlCQUFpQixDQUFDLElBQUk7OEJBbUZyQyxjQUFjO3NCQURiLFlBQVk7dUJBQUMsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSG9zdExpc3RlbmVyLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgQ29sRGVmLFxuICBHcmlkQXBpLFxuICBHcmlkUmVhZHlFdmVudCxcbiAgSUNlbGxSZW5kZXJlcixcbiAgSUNlbGxSZW5kZXJlclBhcmFtc1xufSBmcm9tICdhZy1ncmlkLWNvbW11bml0eSc7XG5pbXBvcnQgeyBDb250ZXh0dWFsTWVudUFjdGlvbk1vZGVsIH0gZnJvbSAnLi4vZXZlbnQtc2V0dGluZ3MtbW9yZS1vcHRpb25zL2V2ZW50LXNldHRpbmdzLW1vcmUtb3B0aW9ucy5tb2RlbCc7XG5pbXBvcnQgeyBFdmVudFNldHRpbmdzTW9yZU9wdGlvbnNDb21wb25lbnQgfSBmcm9tICcuLi9ldmVudC1zZXR0aW5ncy1tb3JlLW9wdGlvbnMvZXZlbnQtc2V0dGluZ3MtbW9yZS1vcHRpb25zLmNvbXBvbmVudCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ3VzdG9tRGV0YWlsV2l0aEdyaWRQYXJhbXMge1xuICB0aXRsZT86IHN0cmluZztcbiAgbm90ZXNUaXRsZT86IHN0cmluZztcbiAgbm90ZXNEZXNjcmlwdGlvbj86IHN0cmluZztcbiAgbm90ZXNDaGFyYWN0ZXJMaW1pdD86IG51bWJlcjtcbiAgYWN0aW9uQnV0dG9uVGV4dD86IHN0cmluZztcbiAgc2hvd0FjdGlvbkJ1dHRvbj86IGJvb2xlYW47XG4gIHNob3dOb3Rlcz86IGJvb2xlYW47XG4gIG5lc3RlZENvbHVtbkRlZnM/OiBDb2xEZWZbXTtcbiAgbmVzdGVkRGVmYXVsdENvbERlZj86IENvbERlZjtcbiAgbmVzdGVkRnJhbWV3b3JrQ29tcG9uZW50cz86IFJlY29yZDxzdHJpbmcsIGFueT47XG4gIG5lc3RlZFJvd0hlaWdodD86IG51bWJlcjtcbiAgbmVzdGVkUm93U2VsZWN0aW9uPzogJ3NpbmdsZScgfCAnbXVsdGlwbGUnO1xuICBuZXN0ZWRTdXBwcmVzc1Jvd0NsaWNrU2VsZWN0aW9uPzogYm9vbGVhbjtcbiAgbmVzdGVkU3VwcHJlc3NDb250ZXh0TWVudT86IGJvb2xlYW47XG4gIG5lc3RlZFN1cHByZXNzQXV0b1NpemVDb2x1bW5zPzogYm9vbGVhbjtcbn1cblxudHlwZSBDdXN0b21EZXRhaWxSZW5kZXJlclBhcmFtcyA9IElDZWxsUmVuZGVyZXJQYXJhbXMgJiBDdXN0b21EZXRhaWxXaXRoR3JpZFBhcmFtcztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktY3VzdG9tLWRldGFpbC13aXRoLWdyaWQnLFxuICB0ZW1wbGF0ZVVybDogJy4vY3VzdG9tLWRldGFpbC13aXRoLWdyaWQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jdXN0b20tZGV0YWlsLXdpdGgtZ3JpZC5jb21wb25lbnQuc2NzcyddLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIEN1c3RvbURldGFpbFdpdGhHcmlkQ29tcG9uZW50IGltcGxlbWVudHMgSUNlbGxSZW5kZXJlciB7XG4gIHByaXZhdGUgcmVhZG9ubHkgZGVmYXVsdE5vdGVzQ2hhcmFjdGVyTGltaXQgPSA1MDA7XG4gIHByaXZhdGUgcmVzaXplVGltZW91dElkOiBudW1iZXIgfCBudWxsID0gbnVsbDtcbiAgcHVibGljIHBhcmFtczogSUNlbGxSZW5kZXJlclBhcmFtcztcbiAgcHVibGljIGRldGFpbFJlbmRlcmVyUGFyYW1zOiBDdXN0b21EZXRhaWxXaXRoR3JpZFBhcmFtcyA9IHt9O1xuICBwdWJsaWMgbmVzdGVkR3JpZEFwaTogR3JpZEFwaTtcbiAgcHVibGljIHRpdGxlID0gJ0RldGFpbCBSZWNvcmRzJztcbiAgcHVibGljIG5vdGVzVGl0bGUgPSAnSW50ZXJuYWwgU2Vzc2lvbiBOb3Rlcyc7XG4gIHB1YmxpYyBub3Rlc0Rlc2NyaXB0aW9uID0gJyc7XG4gIHB1YmxpYyBub3Rlc0NoYXJhY3RlckxpbWl0ID0gdGhpcy5kZWZhdWx0Tm90ZXNDaGFyYWN0ZXJMaW1pdDtcbiAgcHVibGljIGlzTm90ZXNFeHBhbmRlZCA9IGZhbHNlO1xuICBwdWJsaWMgYWN0aW9uQnV0dG9uVGV4dCA9ICdJbnZpdGUgQ29udGFjdHMnO1xuICBwdWJsaWMgc2hvd0FjdGlvbkJ1dHRvbiA9IHRydWU7XG4gIHB1YmxpYyBzaG93Tm90ZXMgPSB0cnVlO1xuICBwdWJsaWMgbmVzdGVkUm93SGVpZ2h0ID0gODA7XG4gIHB1YmxpYyBuZXN0ZWRGcmFtZXdvcmtDb21wb25lbnRzOiBSZWNvcmQ8c3RyaW5nLCBhbnk+ID0ge1xuICAgIG1vcmVBY3Rpb25zOiBFdmVudFNldHRpbmdzTW9yZU9wdGlvbnNDb21wb25lbnRcbiAgfTtcbiAgcHVibGljIG5lc3RlZFJvd1NlbGVjdGlvbjogJ3NpbmdsZScgfCAnbXVsdGlwbGUnID0gJ211bHRpcGxlJztcbiAgcHVibGljIG5lc3RlZFN1cHByZXNzUm93Q2xpY2tTZWxlY3Rpb24gPSB0cnVlO1xuICBwdWJsaWMgbmVzdGVkU3VwcHJlc3NDb250ZXh0TWVudSA9IHRydWU7XG4gIHB1YmxpYyBuZXN0ZWRTdXBwcmVzc0F1dG9TaXplQ29sdW1ucyA9IGZhbHNlO1xuICBwdWJsaWMgbmVzdGVkQ29sdW1uRGVmczogQ29sRGVmW10gPSBbXTtcbiAgcHVibGljIG5lc3RlZERlZmF1bHRDb2xEZWY6IENvbERlZiA9IHtcbiAgICBmbGV4OiAxLFxuICAgIHN1cHByZXNzTWVudTogdHJ1ZSxcbiAgICBzdXBwcmVzc01vdmFibGU6IHRydWUsXG4gICAgd3JhcFRleHQ6IHRydWUsXG4gIH07XG4gIHB1YmxpYyBuZXN0ZWRSb3dEYXRhOiBhbnlbXSA9IFtdO1xuXG4gIGFnSW5pdChwYXJhbXM6IElDZWxsUmVuZGVyZXJQYXJhbXMpOiB2b2lkIHtcbiAgICB0aGlzLnBhcmFtcyA9IHBhcmFtcztcbiAgICB0aGlzLmRldGFpbFJlbmRlcmVyUGFyYW1zID0gcGFyYW1zIGFzIEN1c3RvbURldGFpbFdpdGhHcmlkUGFyYW1zO1xuICAgIHRoaXMudGl0bGUgPSBwYXJhbXM/LmRhdGE/LmRldGFpbFRpdGxlIHx8IHRoaXMuZGV0YWlsUmVuZGVyZXJQYXJhbXM/LnRpdGxlIHx8ICdEZXRhaWwgUmVjb3Jkcyc7XG4gICAgdGhpcy5ub3Rlc1RpdGxlID1cbiAgICAgIHBhcmFtcz8uZGF0YT8uZGV0YWlsTm90ZXNUaXRsZSB8fFxuICAgICAgdGhpcy5kZXRhaWxSZW5kZXJlclBhcmFtcz8ubm90ZXNUaXRsZSB8fFxuICAgICAgJ0ludGVybmFsIFNlc3Npb24gTm90ZXMnO1xuICAgIHRoaXMubm90ZXNEZXNjcmlwdGlvbiA9XG4gICAgICBwYXJhbXM/LmRhdGE/LmRldGFpbE5vdGVzRGVzY3JpcHRpb24gfHxcbiAgICAgIHRoaXMuZGV0YWlsUmVuZGVyZXJQYXJhbXM/Lm5vdGVzRGVzY3JpcHRpb24gfHxcbiAgICAgICcnO1xuICAgIHRoaXMubm90ZXNDaGFyYWN0ZXJMaW1pdCA9XG4gICAgICB0aGlzLmRldGFpbFJlbmRlcmVyUGFyYW1zPy5ub3Rlc0NoYXJhY3RlckxpbWl0IHx8IHRoaXMuZGVmYXVsdE5vdGVzQ2hhcmFjdGVyTGltaXQ7XG4gICAgdGhpcy5hY3Rpb25CdXR0b25UZXh0ID0gdGhpcy5kZXRhaWxSZW5kZXJlclBhcmFtcz8uYWN0aW9uQnV0dG9uVGV4dCB8fCAnSW52aXRlIENvbnRhY3RzJztcbiAgICB0aGlzLnNob3dBY3Rpb25CdXR0b24gPSB0aGlzLmRldGFpbFJlbmRlcmVyUGFyYW1zPy5zaG93QWN0aW9uQnV0dG9uICE9PSBmYWxzZTtcbiAgICB0aGlzLnNob3dOb3RlcyA9IHRoaXMuZGV0YWlsUmVuZGVyZXJQYXJhbXM/LnNob3dOb3RlcyAhPT0gZmFsc2U7XG4gICAgdGhpcy5pc05vdGVzRXhwYW5kZWQgPSBmYWxzZTtcbiAgICB0aGlzLm5lc3RlZFJvd0hlaWdodCA9IHRoaXMuZGV0YWlsUmVuZGVyZXJQYXJhbXM/Lm5lc3RlZFJvd0hlaWdodCB8fCA4MDtcbiAgICB0aGlzLm5lc3RlZFJvd1NlbGVjdGlvbiA9IHRoaXMuZGV0YWlsUmVuZGVyZXJQYXJhbXM/Lm5lc3RlZFJvd1NlbGVjdGlvbiB8fCAnbXVsdGlwbGUnO1xuICAgIHRoaXMubmVzdGVkU3VwcHJlc3NSb3dDbGlja1NlbGVjdGlvbiA9XG4gICAgICB0aGlzLmRldGFpbFJlbmRlcmVyUGFyYW1zPy5uZXN0ZWRTdXBwcmVzc1Jvd0NsaWNrU2VsZWN0aW9uICE9PSBmYWxzZTtcbiAgICB0aGlzLm5lc3RlZFN1cHByZXNzQ29udGV4dE1lbnUgPVxuICAgICAgdGhpcy5kZXRhaWxSZW5kZXJlclBhcmFtcz8ubmVzdGVkU3VwcHJlc3NDb250ZXh0TWVudSAhPT0gZmFsc2U7XG4gICAgdGhpcy5uZXN0ZWRTdXBwcmVzc0F1dG9TaXplQ29sdW1ucyA9XG4gICAgICB0aGlzLmRldGFpbFJlbmRlcmVyUGFyYW1zPy5uZXN0ZWRTdXBwcmVzc0F1dG9TaXplQ29sdW1ucyA9PT0gdHJ1ZTtcbiAgICB0aGlzLm5lc3RlZEZyYW1ld29ya0NvbXBvbmVudHMgPSB0aGlzLmdldE5lc3RlZEZyYW1ld29ya0NvbXBvbmVudHMoKTtcbiAgICB0aGlzLm5lc3RlZERlZmF1bHRDb2xEZWYgPSB7XG4gICAgICBmbGV4OiAxLFxuICAgICAgc3VwcHJlc3NNZW51OiB0cnVlLFxuICAgICAgc3VwcHJlc3NNb3ZhYmxlOiB0cnVlLFxuICAgICAgd3JhcFRleHQ6IHRydWUsXG4gICAgICAuLi4odGhpcy5kZXRhaWxSZW5kZXJlclBhcmFtcz8ubmVzdGVkRGVmYXVsdENvbERlZiB8fCB7fSlcbiAgICB9O1xuICAgIHRoaXMubmVzdGVkUm93RGF0YSA9IHBhcmFtcz8uZGF0YT8uZGV0YWlsUm93RGF0YSB8fCBbXTtcbiAgICB0aGlzLm5lc3RlZENvbHVtbkRlZnMgPSB0aGlzLmdldE5lc3RlZENvbHVtbkRlZnMocGFyYW1zKTtcbiAgfVxuXG4gIHJlZnJlc2gocGFyYW1zOiBJQ2VsbFJlbmRlcmVyUGFyYW1zKTogYm9vbGVhbiB7XG4gICAgdGhpcy5hZ0luaXQocGFyYW1zKTtcbiAgICB0aGlzLnJlc2l6ZU5lc3RlZEdyaWRDb2x1bW5zKCk7XG4gICAgcmV0dXJuIHRydWU7XG4gIH1cblxuICBvbk5lc3RlZEdyaWRSZWFkeShncmlkUmVhZHlFdmVudDogR3JpZFJlYWR5RXZlbnQpOiB2b2lkIHtcbiAgICB0aGlzLm5lc3RlZEdyaWRBcGkgPSBncmlkUmVhZHlFdmVudC5hcGk7XG4gICAgdGhpcy5yZXNpemVOZXN0ZWRHcmlkQ29sdW1ucygpO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignd2luZG93OnJlc2l6ZScpXG4gIG9uV2luZG93UmVzaXplKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLm5lc3RlZFN1cHByZXNzQXV0b1NpemVDb2x1bW5zIHx8ICF0aGlzLm5lc3RlZEdyaWRBcGkpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBpZiAodGhpcy5yZXNpemVUaW1lb3V0SWQgIT09IG51bGwpIHtcbiAgICAgIGNsZWFyVGltZW91dCh0aGlzLnJlc2l6ZVRpbWVvdXRJZCk7XG4gICAgfVxuXG4gICAgdGhpcy5yZXNpemVUaW1lb3V0SWQgPSB3aW5kb3cuc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICB0aGlzLm5lc3RlZEdyaWRBcGk/LnNpemVDb2x1bW5zVG9GaXQoKTtcbiAgICAgIHRoaXMucmVzaXplVGltZW91dElkID0gbnVsbDtcbiAgICB9LCAyMDApO1xuICB9XG5cbiAgb25WaWV3QWxsQ2xpY2soKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuc2hvd0FjdGlvbkJ1dHRvbiAmJiB0aGlzLnBhcmFtcz8uY29udGV4dD8uY29tcG9uZW50UGFyZW50Py5vbkRldGFpbEFjdGlvbkNsaWNrKSB7XG4gICAgICB0aGlzLnBhcmFtcy5jb250ZXh0LmNvbXBvbmVudFBhcmVudC5vbkRldGFpbEFjdGlvbkNsaWNrKHRoaXMucGFyYW1zLmRhdGEpO1xuICAgIH1cbiAgfVxuXG4gIG9uTmVzdGVkTW9yZU9wdGlvbnNDbGljayhhY3Rpb246IENvbnRleHR1YWxNZW51QWN0aW9uTW9kZWwpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5wYXJhbXM/LmNvbnRleHQ/LmNvbXBvbmVudFBhcmVudD8ub25OZXN0ZWREZXRhaWxBY3Rpb25DbGljaykge1xuICAgICAgdGhpcy5wYXJhbXMuY29udGV4dC5jb21wb25lbnRQYXJlbnQub25OZXN0ZWREZXRhaWxBY3Rpb25DbGljayh7XG4gICAgICAgIHBhcmVudFJvdzogdGhpcy5wYXJhbXMuZGF0YSxcbiAgICAgICAgYWN0aW9uXG4gICAgICB9KTtcbiAgICB9XG4gIH1cblxuICB0b2dnbGVOb3Rlc0V4cGFuc2lvbigpOiB2b2lkIHtcbiAgICB0aGlzLmlzTm90ZXNFeHBhbmRlZCA9ICF0aGlzLmlzTm90ZXNFeHBhbmRlZDtcbiAgfVxuXG4gIGdldCBkaXNwbGF5ZWROb3Rlc0Rlc2NyaXB0aW9uKCk6IHN0cmluZyB7XG4gICAgaWYgKCF0aGlzLnNob3VsZFNob3dOb3Rlc1RvZ2dsZSB8fCB0aGlzLmlzTm90ZXNFeHBhbmRlZCkge1xuICAgICAgcmV0dXJuIHRoaXMubm90ZXNEZXNjcmlwdGlvbjtcbiAgICB9XG5cbiAgICByZXR1cm4gYCR7dGhpcy5ub3Rlc0Rlc2NyaXB0aW9uLnNsaWNlKDAsIHRoaXMubm90ZXNDaGFyYWN0ZXJMaW1pdCl9Li4uYDtcbiAgfVxuXG4gIGdldCBzaG91bGRTaG93Tm90ZXNUb2dnbGUoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuICh0aGlzLm5vdGVzRGVzY3JpcHRpb24/Lmxlbmd0aCB8fCAwKSA+IHRoaXMubm90ZXNDaGFyYWN0ZXJMaW1pdDtcbiAgfVxuXG4gIGdldCBzaG91bGRTaG93Tm90ZXNTZWN0aW9uKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLnNob3dOb3RlcyAmJiAhIXRoaXMuZGlzcGxheWVkTm90ZXNEZXNjcmlwdGlvbjtcbiAgfVxuXG4gIHByaXZhdGUgZ2V0TmVzdGVkQ29sdW1uRGVmcyhwYXJhbXM6IElDZWxsUmVuZGVyZXJQYXJhbXMpOiBDb2xEZWZbXSB7XG4gICAgY29uc3QgZGV0YWlsUmVuZGVyZXJQYXJhbXMgPSBwYXJhbXMgYXMgQ3VzdG9tRGV0YWlsUmVuZGVyZXJQYXJhbXM7XG4gICAgY29uc3QgY29sdW1uRGVmcyA9IHBhcmFtcz8uZGF0YT8uZGV0YWlsQ29sdW1uRGVmcyB8fCBkZXRhaWxSZW5kZXJlclBhcmFtcz8ubmVzdGVkQ29sdW1uRGVmcyB8fCBbXTtcblxuICAgIHJldHVybiBjb2x1bW5EZWZzLm1hcCgoY29sdW1uRGVmOiBDb2xEZWYpID0+IHtcbiAgICAgIGlmIChjb2x1bW5EZWY/LmNlbGxSZW5kZXJlciAhPT0gJ21vcmVBY3Rpb25zJykge1xuICAgICAgICByZXR1cm4gY29sdW1uRGVmO1xuICAgICAgfVxuXG4gICAgICByZXR1cm4ge1xuICAgICAgICAuLi5jb2x1bW5EZWYsXG4gICAgICAgIGNlbGxSZW5kZXJlclBhcmFtczogKGNlbGxSZW5kZXJlclBhcmFtczogSUNlbGxSZW5kZXJlclBhcmFtcykgPT4gKHtcbiAgICAgICAgICBtb3JlT3B0aW9uczogY2VsbFJlbmRlcmVyUGFyYW1zPy5kYXRhPy5tb3JlT3B0aW9ucyxcbiAgICAgICAgICBpdGVtQ2xpY2s6IChhY3Rpb246IENvbnRleHR1YWxNZW51QWN0aW9uTW9kZWwpID0+IHRoaXMub25OZXN0ZWRNb3JlT3B0aW9uc0NsaWNrKGFjdGlvbilcbiAgICAgICAgfSlcbiAgICAgIH07XG4gICAgfSk7XG4gIH1cblxuICBwcml2YXRlIGdldE5lc3RlZEZyYW1ld29ya0NvbXBvbmVudHMoKTogUmVjb3JkPHN0cmluZywgYW55PiB7XG4gICAgcmV0dXJuIHtcbiAgICAgIG1vcmVBY3Rpb25zOiBFdmVudFNldHRpbmdzTW9yZU9wdGlvbnNDb21wb25lbnQsXG4gICAgICAuLi4odGhpcy5kZXRhaWxSZW5kZXJlclBhcmFtcz8ubmVzdGVkRnJhbWV3b3JrQ29tcG9uZW50cyB8fCB7fSlcbiAgICB9O1xuICB9XG5cbiAgZGVzdHJveSgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5yZXNpemVUaW1lb3V0SWQgIT09IG51bGwpIHtcbiAgICAgIGNsZWFyVGltZW91dCh0aGlzLnJlc2l6ZVRpbWVvdXRJZCk7XG4gICAgICB0aGlzLnJlc2l6ZVRpbWVvdXRJZCA9IG51bGw7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSByZXNpemVOZXN0ZWRHcmlkQ29sdW1ucygpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5uZXN0ZWRTdXBwcmVzc0F1dG9TaXplQ29sdW1ucyB8fCAhdGhpcy5uZXN0ZWRHcmlkQXBpKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgaWYgKHRoaXMucmVzaXplVGltZW91dElkICE9PSBudWxsKSB7XG4gICAgICBjbGVhclRpbWVvdXQodGhpcy5yZXNpemVUaW1lb3V0SWQpO1xuICAgIH1cblxuICAgIHRoaXMucmVzaXplVGltZW91dElkID0gd2luZG93LnNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgdGhpcy5uZXN0ZWRHcmlkQXBpPy5zaXplQ29sdW1uc1RvRml0KCk7XG4gICAgICB0aGlzLnJlc2l6ZVRpbWVvdXRJZCA9IG51bGw7XG4gICAgfSk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJjdXN0b20tZGV0YWlsLXdpdGgtZ3JpZFwiPlxuICA8ZGl2IGNsYXNzPVwiY3VzdG9tLWRldGFpbC13aXRoLWdyaWRfX2hlYWRlclwiPlxuICAgIDxkaXYgY2xhc3M9XCJjdXN0b20tZGV0YWlsLXdpdGgtZ3JpZF9faGVhZGVyLXRvcCBzZngtbWItMTBcIj5cbiAgICAgIDxoNCBjbGFzcz1cInNmeC1tLTBcIj57eyB0aXRsZSB9fTwvaDQ+XG4gICAgICA8c3ltcGhvbnktYnV0dG9uLXYyXG4gICAgICAgICpuZ0lmPVwic2hvd0FjdGlvbkJ1dHRvblwiXG4gICAgICAgIFt0ZXh0XT1cImFjdGlvbkJ1dHRvblRleHRcIlxuICAgICAgICAoY2xpY2tlZCk9XCJvblZpZXdBbGxDbGljaygpXCJcbiAgICAgID48L3N5bXBob255LWJ1dHRvbi12Mj5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgKm5nSWY9XCJzaG91bGRTaG93Tm90ZXNTZWN0aW9uXCIgY2xhc3M9XCJjdXN0b20tZGV0YWlsLXdpdGgtZ3JpZF9fbm90ZXMgc2Z4LW1iLTE1XCI+XG4gICAgICA8c3ltcGhvbnktcGFyYWdyYXBoXG4gICAgICAgIGNsYXNzPVwiY3VzdG9tLWRldGFpbC13aXRoLWdyaWRfX25vdGVzLXRpdGxlIHNmeC1kLWJsb2NrIHNmeC1mb250LWJvbGQgc2Z4LW1iLTVcIlxuICAgICAgICBbdGV4dF09XCJub3Rlc1RpdGxlXCJcbiAgICAgID48L3N5bXBob255LXBhcmFncmFwaD5cblxuICAgICAgPHN5bXBob255LXBhcmFncmFwaFxuICAgICAgICBjbGFzcz1cImN1c3RvbS1kZXRhaWwtd2l0aC1ncmlkX19ub3Rlcy1kZXNjcmlwdGlvbiBzZngtZC1ibG9ja1wiXG4gICAgICAgIFt0ZXh0XT1cImRpc3BsYXllZE5vdGVzRGVzY3JpcHRpb25cIlxuICAgICAgPjwvc3ltcGhvbnktcGFyYWdyYXBoPlxuXG4gICAgICA8YnV0dG9uXG4gICAgICAgICpuZ0lmPVwic2hvdWxkU2hvd05vdGVzVG9nZ2xlXCJcbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgIGNsYXNzPVwiY3VzdG9tLWRldGFpbC13aXRoLWdyaWRfX25vdGVzLXRvZ2dsZVwiXG4gICAgICAgIChjbGljayk9XCJ0b2dnbGVOb3Rlc0V4cGFuc2lvbigpXCJcbiAgICAgID5cbiAgICAgICAge3sgaXNOb3Rlc0V4cGFuZGVkID8gJ1NlZSBMZXNzJyA6ICdTZWUgTW9yZScgfX1cbiAgICAgIDwvYnV0dG9uPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cblxuICA8ZGl2IGNsYXNzPVwiY3VzdG9tLWRldGFpbC13aXRoLWdyaWRfX2dyaWRcIj5cbiAgICA8YWctZ3JpZC1hbmd1bGFyXG4gICAgICBjbGFzcz1cImFnLXRoZW1lLWFscGluZSBzZngtbGliLWdpcmQtZHJvcGRvd24gY3VzdG9tLWRldGFpbC13aXRoLWdyaWRfX25lc3RlZC1ncmlkXCJcbiAgICAgIFtjb2x1bW5EZWZzXT1cIm5lc3RlZENvbHVtbkRlZnNcIlxuICAgICAgW2RlZmF1bHRDb2xEZWZdPVwibmVzdGVkRGVmYXVsdENvbERlZlwiXG4gICAgICBbZnJhbWV3b3JrQ29tcG9uZW50c109XCJuZXN0ZWRGcmFtZXdvcmtDb21wb25lbnRzXCJcbiAgICAgIFtyb3dIZWlnaHRdPVwibmVzdGVkUm93SGVpZ2h0XCJcbiAgICAgIFtyb3dEYXRhXT1cIm5lc3RlZFJvd0RhdGFcIlxuICAgICAgW3N1cHByZXNzUm93Q2xpY2tTZWxlY3Rpb25dPVwibmVzdGVkU3VwcHJlc3NSb3dDbGlja1NlbGVjdGlvblwiXG4gICAgICBbc3VwcHJlc3NDb250ZXh0TWVudV09XCJuZXN0ZWRTdXBwcmVzc0NvbnRleHRNZW51XCJcbiAgICAgIFtyb3dTZWxlY3Rpb25dPVwibmVzdGVkUm93U2VsZWN0aW9uXCJcbiAgICAgIChncmlkUmVhZHkpPVwib25OZXN0ZWRHcmlkUmVhZHkoJGV2ZW50KVwiXG4gICAgPjwvYWctZ3JpZC1hbmd1bGFyPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2020/projects/component-library/lib/atoms/grid/framework/grid-cell-clickable/grid-cell-clickable.component.mjs

@@ -18,7 +18,7 @@ export class GridCellClickableComponent {
     }
 }
 GridCellClickableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridCellClickableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-GridCellClickableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridCellClickableComponent, selector: "symphony-grid-cell-clickable", ngImport: i0, template: "<symphony-paragraph\n  class=\"sfx-font-bold sfx-cursor-pointer\"\n  (click)=\"onCellClick($event)\"\n  [text]=\"value\"\n></symphony-paragraph>\n", styles: [".sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif!important}\n"], components: [{ type: i1.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }], encapsulation: i0.ViewEncapsulation.None });
+GridCellClickableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: GridCellClickableComponent, selector: "symphony-grid-cell-clickable", ngImport: i0, template: "<symphony-paragraph\n  class=\"sfx-font-bold sfx-cursor-pointer\"\n  (click)=\"onCellClick($event)\"\n  [text]=\"value\"\n></symphony-paragraph>\n", styles: [".sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif!important}\n"], components: [{ type: i1.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold", "fontSize", "fontWeight"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: GridCellClickableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-grid-cell-clickable', encapsulation: ViewEncapsulation.None, template: "<symphony-paragraph\n  class=\"sfx-font-bold sfx-cursor-pointer\"\n  (click)=\"onCellClick($event)\"\n  [text]=\"value\"\n></symphony-paragraph>\n", styles: [".sfx-font-bold p{font-family:neuzeit_groteskbold,sans-serif!important}\n"] }]