@symphony-talent/component-library 4.19.0 → 4.21.0

package/esm2020/projects/component-library/lib/pages/modals/advertise-modal/advertise-modal.component.mjs

@@ -211,7 +211,7 @@ export class AdvertiseModalComponent {
     }
 }
 AdvertiseModalComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertiseModalComponent, deps: [{ token: i1.DecimalPipe }], target: i0.ɵɵFactoryTarget.Component });
-AdvertiseModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdvertiseModalComponent, selector: "symphony-advertise-modal", inputs: { model: "model" }, outputs: { buttonClicked: "buttonClicked", closeButtonClicked: "closeButtonClicked", postingBoardChange: "postingBoardChange", keywordSearchChange: "keywordSearchChange" }, usesOnChanges: true, ngImport: i0, template: "<symphony-two-column-modal-template *ngIf=\"!model.navigation.showCancel\">\n  <symphony-h4\n    *ngIf=\"model.navigation.showJobBoardsSelection && !model.isLoading\"\n    sfx-modal-title\n    >Select Your Job Ad Buys</symphony-h4\n  >\n  <symphony-h4 *ngIf=\"model.navigation.showOrderReview\" sfx-modal-title\n    >Review you Job Ad Buys</symphony-h4\n  >\n  <symphony-h4 *ngIf=\"model.navigation.showConfirmation\" sfx-modal-title\n    >Confirmation of your Job Ad Buys</symphony-h4\n  >\n  <symphony-h4 *ngIf=\"model.navigation.showProcessing\" sfx-modal-title\n    >Processing Order...</symphony-h4\n  >\n  <symphony-h4 *ngIf=\"model.isLoading\" sfx-modal-title\n    >Loading Job Boards...</symphony-h4\n  >\n  <symphony-icon\n    sfx-close-button\n    [icon]=\"'si-close-modal'\"\n    (clicked)=\"onCloseButtonClick()\"\n  ></symphony-icon>\n  <symphony-h5-with-icon sfx-modal-subtitle [model]=\"subTitle\">\n  </symphony-h5-with-icon>\n\n  <symphony-two-column-body-template\n    *ngIf=\"!model.isLoading && model.navigation.showJobBoardsSelection\"\n    [showHeader]=\"true\"\n    sfx-modal-body-area\n  >\n    <symphony-input-text\n      sfx-left-col-header\n      [placeholder]=\"'Search Ad Boards'\"\n      [icon]=\"'si-search-new'\"\n      (textChange)=\"onKeywordSearch($event)\"\n    >\n    </symphony-input-text>\n    <div class=\"right-col-header-inner\" sfx-right-col-header>\n      <symphony-h5-with-icon\n        sfx-right-col-header\n        *ngIf=\"model.showFunds\"\n        class=\"pull-right\"\n        [model]=\"fundsInfo\"\n      ></symphony-h5-with-icon>\n    </div>\n    <div sfx-left-column class=\"posting-boards sfx-pr-10\">\n      <symphony-advertise-postingboard-selection-list\n        [model]=\"model.jobBoards\"\n        (postingBoardChange)=\"onPostingBoardChange($event)\"\n      ></symphony-advertise-postingboard-selection-list>\n    </div>\n\n    <symphony-order-summary\n      sfx-right-column\n      [model]=\"orderSummary\"\n    ></symphony-order-summary>\n  </symphony-two-column-body-template>\n\n  <symphony-two-column-body-template\n    *ngIf=\"!model.isLoading && model.navigation.showOrderReview\"\n    sfx-modal-body-area\n    class=\"height-wrapper\"\n  >\n    <symphony-order-summary\n      sfx-left-column\n      [model]=\"orderSummary\"\n    ></symphony-order-summary>\n\n    <div\n      sfx-right-column\n      class=\"posting-boards phaser center-h-v light-grey-bg\"\n    >\n      <symphony-phaser-card [model]=\"phaserCardReview\"></symphony-phaser-card>\n    </div>\n  </symphony-two-column-body-template>\n\n  <symphony-two-column-body-template\n    *ngIf=\"!model.isLoading && model.navigation.showConfirmation\"\n    sfx-modal-body-area\n    class=\"height-wrapper\"\n  >\n    <symphony-order-summary\n      sfx-left-column\n      [model]=\"orderSummary\"\n    ></symphony-order-summary>\n    <div\n      sfx-right-column\n      class=\"posting-boards phaser center-h-v light-grey-bg\"\n    >\n      <symphony-phaser-card\n        [model]=\"phaserCardConfirmation\"\n      ></symphony-phaser-card>\n    </div>\n  </symphony-two-column-body-template>\n\n  <div\n    *ngIf=\"!model.isLoading && model.navigation.showProcessing\"\n    sfx-modal-body-area\n    class=\"posting-boards sfx-p-30\"\n  >\n    <div class=\"processing-container\">\n      <symphony-paragraph\n        ><b>SmashFlyX</b> is submitting your order to your selected job boards.\n        Some orders happen immediately, while others take a little more time.\n        Check your order status if you don't recieve a confirmation in the next\n        24hours.</symphony-paragraph\n      >\n    </div>\n    <div class=\"sfx-mt-80\">\n      <symphony-sfx-loader></symphony-sfx-loader>\n    </div>\n  </div>\n\n  <div class=\"loader-container\" *ngIf=\"model.isLoading\" sfx-modal-body-area>\n    <symphony-sfx-loader></symphony-sfx-loader>\n  </div>\n\n  <symphony-button\n    *ngIf=\"model.navigation.showJobBoardsSelection\"\n    sfx-button-secondary\n    [text]=\"'Cancel'\"\n    [isSecondary]=\"true\"\n    [isInverse]=\"true\"\n    (clicked)=\"onButtonClick($event)\"\n  ></symphony-button>\n  <symphony-button\n    *ngIf=\"model.navigation.showJobBoardsSelection && !model.isLoading\"\n    sfx-button-primary\n    [text]=\"'Review Order'\"\n    [disabled]=\"isJobBoardNextButtonDisabled\"\n    [isInverse]=\"true\"\n    (clicked)=\"onButtonClick($event)\"\n  ></symphony-button>\n\n  <symphony-button\n    *ngIf=\"model.navigation.showOrderReview\"\n    sfx-button-back\n    [text]=\"'Edit Order'\"\n    [isSecondary]=\"true\"\n    [isInverse]=\"true\"\n    (clicked)=\"onButtonClick($event)\"\n  ></symphony-button>\n  <symphony-button\n    *ngIf=\"model.navigation.showOrderReview\"\n    sfx-button-secondary\n    [text]=\"'Cancel'\"\n    [isSecondary]=\"true\"\n    [isInverse]=\"true\"\n    (clicked)=\"onButtonClick($event)\"\n  ></symphony-button>\n  <symphony-button\n    *ngIf=\"model.navigation.showOrderReview\"\n    sfx-button-primary\n    [text]=\"'Buy'\"\n    [disabled]=\"false\"\n    [isInverse]=\"true\"\n    (clicked)=\"onButtonClick($event)\"\n  ></symphony-button>\n\n  <symphony-button\n    *ngIf=\"model.navigation.showConfirmation\"\n    sfx-button-primary\n    [text]=\"'Finish & Close'\"\n    [disabled]=\"false\"\n    [isInverse]=\"true\"\n    (clicked)=\"onButtonClick($event)\"\n  ></symphony-button>\n</symphony-two-column-modal-template>\n<symphony-confirmation-modal\n  *ngIf=\"!model.isLoading && model.navigation.showCancel\"\n  (buttonClicked)=\"onButtonClick($event)\"\n  (closeButtonClicked)=\"onCloseButtonClick()\"\n  [model]=\"cancelContent\"\n>\n</symphony-confirmation-modal>\n", styles: [".right-col-header-inner{padding-top:10px}.posting-boards{height:400px;overflow-x:auto}.posting-boards.phaser{overflow:hidden;padding:40px 80px;min-height:480px}.height-wrapper .order-summary,.height-wrapper .sfx-price-totals{padding:0}.height-wrapper .sfx-checkbox-list{min-height:480px}.light-grey-bg{background:#ebebeb}.center-h-v{display:flex;align-items:center;justify-content:center}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.loader-container{padding-top:246px;padding-bottom:245px}.complete-container{text-align:center;margin-top:25%}.success-icon-spacing{margin-top:25px}.processing-container{width:400px;text-align:justify}.stage{display:flex;height:240px;width:100%}.box{align-self:flex-end;animation-duration:2s;animation-iteration-count:1;height:200px;margin:0 auto;transform-origin:bottom;width:200px}.bounce-7{animation-name:bounce-7;animation-timing-function:cubic-bezier(.24,.82,.24,.82)}@keyframes bounce-7{0%{transform:scale(1) translateY(0)}10%{transform:scale(1.1,.9) translateY(0)}30%{transform:scale(.9,1.1) translateY(-15px)}50%{transform:scale(1.05,.95) translateY(0)}57%{transform:scale(1) translateY(-7px)}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}\n"], components: [{ type: i2.TwoColumnModalTemplateComponent, selector: "symphony-two-column-modal-template", inputs: ["hideFooter", "hideSubtitle"] }, { type: i3.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i4.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i5.H5WithIconComponent, selector: "symphony-h5-with-icon", inputs: ["model"] }, { type: i6.TwoColumnBodyTemplateComponent, selector: "symphony-two-column-body-template", inputs: ["showHeader"] }, { type: i7.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size"], outputs: ["textChange"] }, { type: i8.AdvertisePostingboardSelectionListComponent, selector: "symphony-advertise-postingboard-selection-list", inputs: ["model"], outputs: ["postingBoardChange"] }, { type: i9.OrderSummaryComponent, selector: "symphony-order-summary", inputs: ["model"] }, { type: i10.PhaserCardComponent, selector: "symphony-phaser-card", inputs: ["model", "isClickable", "hasHover"], outputs: ["cardClicked", "cardHover"] }, { type: i11.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i12.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message"] }, { type: i13.ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }, { type: i14.ConfirmationModalComponent, selector: "symphony-confirmation-modal", inputs: ["model"], outputs: ["buttonClicked", "closeButtonClicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+AdvertiseModalComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: AdvertiseModalComponent, selector: "symphony-advertise-modal", inputs: { model: "model" }, outputs: { buttonClicked: "buttonClicked", closeButtonClicked: "closeButtonClicked", postingBoardChange: "postingBoardChange", keywordSearchChange: "keywordSearchChange" }, usesOnChanges: true, ngImport: i0, template: "<symphony-two-column-modal-template *ngIf=\"!model.navigation.showCancel\">\n  <symphony-h4\n    *ngIf=\"model.navigation.showJobBoardsSelection && !model.isLoading\"\n    sfx-modal-title\n    >Select Your Job Ad Buys</symphony-h4\n  >\n  <symphony-h4 *ngIf=\"model.navigation.showOrderReview\" sfx-modal-title\n    >Review you Job Ad Buys</symphony-h4\n  >\n  <symphony-h4 *ngIf=\"model.navigation.showConfirmation\" sfx-modal-title\n    >Confirmation of your Job Ad Buys</symphony-h4\n  >\n  <symphony-h4 *ngIf=\"model.navigation.showProcessing\" sfx-modal-title\n    >Processing Order...</symphony-h4\n  >\n  <symphony-h4 *ngIf=\"model.isLoading\" sfx-modal-title\n    >Loading Job Boards...</symphony-h4\n  >\n  <symphony-icon\n    sfx-close-button\n    [icon]=\"'si-close-modal'\"\n    (clicked)=\"onCloseButtonClick()\"\n  ></symphony-icon>\n  <symphony-h5-with-icon sfx-modal-subtitle [model]=\"subTitle\">\n  </symphony-h5-with-icon>\n\n  <symphony-two-column-body-template\n    *ngIf=\"!model.isLoading && model.navigation.showJobBoardsSelection\"\n    [showHeader]=\"true\"\n    sfx-modal-body-area\n  >\n    <symphony-input-text\n      sfx-left-col-header\n      [placeholder]=\"'Search Ad Boards'\"\n      [icon]=\"'si-search-new'\"\n      (textChange)=\"onKeywordSearch($event)\"\n    >\n    </symphony-input-text>\n    <div class=\"right-col-header-inner\" sfx-right-col-header>\n      <symphony-h5-with-icon\n        sfx-right-col-header\n        *ngIf=\"model.showFunds\"\n        class=\"pull-right\"\n        [model]=\"fundsInfo\"\n      ></symphony-h5-with-icon>\n    </div>\n    <div sfx-left-column class=\"posting-boards sfx-pr-10\">\n      <symphony-advertise-postingboard-selection-list\n        [model]=\"model.jobBoards\"\n        (postingBoardChange)=\"onPostingBoardChange($event)\"\n      ></symphony-advertise-postingboard-selection-list>\n    </div>\n\n    <symphony-order-summary\n      sfx-right-column\n      [model]=\"orderSummary\"\n    ></symphony-order-summary>\n  </symphony-two-column-body-template>\n\n  <symphony-two-column-body-template\n    *ngIf=\"!model.isLoading && model.navigation.showOrderReview\"\n    sfx-modal-body-area\n    class=\"height-wrapper\"\n  >\n    <symphony-order-summary\n      sfx-left-column\n      [model]=\"orderSummary\"\n    ></symphony-order-summary>\n\n    <div\n      sfx-right-column\n      class=\"posting-boards phaser center-h-v light-grey-bg\"\n    >\n      <symphony-phaser-card [model]=\"phaserCardReview\"></symphony-phaser-card>\n    </div>\n  </symphony-two-column-body-template>\n\n  <symphony-two-column-body-template\n    *ngIf=\"!model.isLoading && model.navigation.showConfirmation\"\n    sfx-modal-body-area\n    class=\"height-wrapper\"\n  >\n    <symphony-order-summary\n      sfx-left-column\n      [model]=\"orderSummary\"\n    ></symphony-order-summary>\n    <div\n      sfx-right-column\n      class=\"posting-boards phaser center-h-v light-grey-bg\"\n    >\n      <symphony-phaser-card\n        [model]=\"phaserCardConfirmation\"\n      ></symphony-phaser-card>\n    </div>\n  </symphony-two-column-body-template>\n\n  <div\n    *ngIf=\"!model.isLoading && model.navigation.showProcessing\"\n    sfx-modal-body-area\n    class=\"posting-boards sfx-p-30\"\n  >\n    <div class=\"processing-container\">\n      <symphony-paragraph\n        ><b>SmashFlyX</b> is submitting your order to your selected job boards.\n        Some orders happen immediately, while others take a little more time.\n        Check your order status if you don't recieve a confirmation in the next\n        24hours.</symphony-paragraph\n      >\n    </div>\n    <div class=\"sfx-mt-80\">\n      <symphony-sfx-loader></symphony-sfx-loader>\n    </div>\n  </div>\n\n  <div class=\"loader-container\" *ngIf=\"model.isLoading\" sfx-modal-body-area>\n    <symphony-sfx-loader></symphony-sfx-loader>\n  </div>\n\n  <symphony-button\n    *ngIf=\"model.navigation.showJobBoardsSelection\"\n    sfx-button-secondary\n    [text]=\"'Cancel'\"\n    [isSecondary]=\"true\"\n    [isInverse]=\"true\"\n    (clicked)=\"onButtonClick($event)\"\n  ></symphony-button>\n  <symphony-button\n    *ngIf=\"model.navigation.showJobBoardsSelection && !model.isLoading\"\n    sfx-button-primary\n    [text]=\"'Review Order'\"\n    [disabled]=\"isJobBoardNextButtonDisabled\"\n    [isInverse]=\"true\"\n    (clicked)=\"onButtonClick($event)\"\n  ></symphony-button>\n\n  <symphony-button\n    *ngIf=\"model.navigation.showOrderReview\"\n    sfx-button-back\n    [text]=\"'Edit Order'\"\n    [isSecondary]=\"true\"\n    [isInverse]=\"true\"\n    (clicked)=\"onButtonClick($event)\"\n  ></symphony-button>\n  <symphony-button\n    *ngIf=\"model.navigation.showOrderReview\"\n    sfx-button-secondary\n    [text]=\"'Cancel'\"\n    [isSecondary]=\"true\"\n    [isInverse]=\"true\"\n    (clicked)=\"onButtonClick($event)\"\n  ></symphony-button>\n  <symphony-button\n    *ngIf=\"model.navigation.showOrderReview\"\n    sfx-button-primary\n    [text]=\"'Buy'\"\n    [disabled]=\"false\"\n    [isInverse]=\"true\"\n    (clicked)=\"onButtonClick($event)\"\n  ></symphony-button>\n\n  <symphony-button\n    *ngIf=\"model.navigation.showConfirmation\"\n    sfx-button-primary\n    [text]=\"'Finish & Close'\"\n    [disabled]=\"false\"\n    [isInverse]=\"true\"\n    (clicked)=\"onButtonClick($event)\"\n  ></symphony-button>\n</symphony-two-column-modal-template>\n<symphony-confirmation-modal\n  *ngIf=\"!model.isLoading && model.navigation.showCancel\"\n  (buttonClicked)=\"onButtonClick($event)\"\n  (closeButtonClicked)=\"onCloseButtonClick()\"\n  [model]=\"cancelContent\"\n>\n</symphony-confirmation-modal>\n", styles: [".right-col-header-inner{padding-top:10px}.posting-boards{height:400px;overflow-x:auto}.posting-boards.phaser{overflow:hidden;padding:40px 80px;min-height:480px}.height-wrapper .order-summary,.height-wrapper .sfx-price-totals{padding:0}.height-wrapper .sfx-checkbox-list{min-height:480px}.light-grey-bg{background:#ebebeb}.center-h-v{display:flex;align-items:center;justify-content:center}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.loader-container{padding-top:246px;padding-bottom:245px}.complete-container{text-align:center;margin-top:25%}.success-icon-spacing{margin-top:25px}.processing-container{width:400px;text-align:justify}.stage{display:flex;height:240px;width:100%}.box{align-self:flex-end;animation-duration:2s;animation-iteration-count:1;height:200px;margin:0 auto;transform-origin:bottom;width:200px}.bounce-7{animation-name:bounce-7;animation-timing-function:cubic-bezier(.24,.82,.24,.82)}@keyframes bounce-7{0%{transform:scale(1) translateY(0)}10%{transform:scale(1.1,.9) translateY(0)}30%{transform:scale(.9,1.1) translateY(-15px)}50%{transform:scale(1.05,.95) translateY(0)}57%{transform:scale(1) translateY(-7px)}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}\n"], components: [{ type: i2.TwoColumnModalTemplateComponent, selector: "symphony-two-column-modal-template", inputs: ["hideFooter", "hideSubtitle"] }, { type: i3.H4Component, selector: "symphony-h4", inputs: ["text", "isSecondary"] }, { type: i4.IconComponent, selector: "symphony-icon", inputs: ["icon", "isSecondary", "size", "iconColor"], outputs: ["clicked"] }, { type: i5.H5WithIconComponent, selector: "symphony-h5-with-icon", inputs: ["model"] }, { type: i6.TwoColumnBodyTemplateComponent, selector: "symphony-two-column-body-template", inputs: ["showHeader"] }, { type: i7.InputTextComponent, selector: "symphony-input-text", inputs: ["placeholder", "icon", "label", "isInverse", "size"], outputs: ["textChange"] }, { type: i8.AdvertisePostingboardSelectionListComponent, selector: "symphony-advertise-postingboard-selection-list", inputs: ["model"], outputs: ["postingBoardChange"] }, { type: i9.OrderSummaryComponent, selector: "symphony-order-summary", inputs: ["model"] }, { type: i10.PhaserCardComponent, selector: "symphony-phaser-card", inputs: ["model", "isClickable", "hasHover"], outputs: ["cardClicked", "cardHover"] }, { type: i11.ParagraphComponent, selector: "symphony-paragraph", inputs: ["text", "isSecondary", "isFontBold"] }, { type: i12.SfxLoaderComponent, selector: "symphony-sfx-loader", inputs: ["leftStyle", "message", "hasCustomMessage"] }, { type: i13.ButtonComponent, selector: "symphony-button", inputs: ["text", "disabled", "isSecondary", "isInverse"], outputs: ["clicked"] }, { type: i14.ConfirmationModalComponent, selector: "symphony-confirmation-modal", inputs: ["model"], outputs: ["buttonClicked", "closeButtonClicked"] }], directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: AdvertiseModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'symphony-advertise-modal', encapsulation: ViewEncapsulation.None, template: "<symphony-two-column-modal-template *ngIf=\"!model.navigation.showCancel\">\n  <symphony-h4\n    *ngIf=\"model.navigation.showJobBoardsSelection && !model.isLoading\"\n    sfx-modal-title\n    >Select Your Job Ad Buys</symphony-h4\n  >\n  <symphony-h4 *ngIf=\"model.navigation.showOrderReview\" sfx-modal-title\n    >Review you Job Ad Buys</symphony-h4\n  >\n  <symphony-h4 *ngIf=\"model.navigation.showConfirmation\" sfx-modal-title\n    >Confirmation of your Job Ad Buys</symphony-h4\n  >\n  <symphony-h4 *ngIf=\"model.navigation.showProcessing\" sfx-modal-title\n    >Processing Order...</symphony-h4\n  >\n  <symphony-h4 *ngIf=\"model.isLoading\" sfx-modal-title\n    >Loading Job Boards...</symphony-h4\n  >\n  <symphony-icon\n    sfx-close-button\n    [icon]=\"'si-close-modal'\"\n    (clicked)=\"onCloseButtonClick()\"\n  ></symphony-icon>\n  <symphony-h5-with-icon sfx-modal-subtitle [model]=\"subTitle\">\n  </symphony-h5-with-icon>\n\n  <symphony-two-column-body-template\n    *ngIf=\"!model.isLoading && model.navigation.showJobBoardsSelection\"\n    [showHeader]=\"true\"\n    sfx-modal-body-area\n  >\n    <symphony-input-text\n      sfx-left-col-header\n      [placeholder]=\"'Search Ad Boards'\"\n      [icon]=\"'si-search-new'\"\n      (textChange)=\"onKeywordSearch($event)\"\n    >\n    </symphony-input-text>\n    <div class=\"right-col-header-inner\" sfx-right-col-header>\n      <symphony-h5-with-icon\n        sfx-right-col-header\n        *ngIf=\"model.showFunds\"\n        class=\"pull-right\"\n        [model]=\"fundsInfo\"\n      ></symphony-h5-with-icon>\n    </div>\n    <div sfx-left-column class=\"posting-boards sfx-pr-10\">\n      <symphony-advertise-postingboard-selection-list\n        [model]=\"model.jobBoards\"\n        (postingBoardChange)=\"onPostingBoardChange($event)\"\n      ></symphony-advertise-postingboard-selection-list>\n    </div>\n\n    <symphony-order-summary\n      sfx-right-column\n      [model]=\"orderSummary\"\n    ></symphony-order-summary>\n  </symphony-two-column-body-template>\n\n  <symphony-two-column-body-template\n    *ngIf=\"!model.isLoading && model.navigation.showOrderReview\"\n    sfx-modal-body-area\n    class=\"height-wrapper\"\n  >\n    <symphony-order-summary\n      sfx-left-column\n      [model]=\"orderSummary\"\n    ></symphony-order-summary>\n\n    <div\n      sfx-right-column\n      class=\"posting-boards phaser center-h-v light-grey-bg\"\n    >\n      <symphony-phaser-card [model]=\"phaserCardReview\"></symphony-phaser-card>\n    </div>\n  </symphony-two-column-body-template>\n\n  <symphony-two-column-body-template\n    *ngIf=\"!model.isLoading && model.navigation.showConfirmation\"\n    sfx-modal-body-area\n    class=\"height-wrapper\"\n  >\n    <symphony-order-summary\n      sfx-left-column\n      [model]=\"orderSummary\"\n    ></symphony-order-summary>\n    <div\n      sfx-right-column\n      class=\"posting-boards phaser center-h-v light-grey-bg\"\n    >\n      <symphony-phaser-card\n        [model]=\"phaserCardConfirmation\"\n      ></symphony-phaser-card>\n    </div>\n  </symphony-two-column-body-template>\n\n  <div\n    *ngIf=\"!model.isLoading && model.navigation.showProcessing\"\n    sfx-modal-body-area\n    class=\"posting-boards sfx-p-30\"\n  >\n    <div class=\"processing-container\">\n      <symphony-paragraph\n        ><b>SmashFlyX</b> is submitting your order to your selected job boards.\n        Some orders happen immediately, while others take a little more time.\n        Check your order status if you don't recieve a confirmation in the next\n        24hours.</symphony-paragraph\n      >\n    </div>\n    <div class=\"sfx-mt-80\">\n      <symphony-sfx-loader></symphony-sfx-loader>\n    </div>\n  </div>\n\n  <div class=\"loader-container\" *ngIf=\"model.isLoading\" sfx-modal-body-area>\n    <symphony-sfx-loader></symphony-sfx-loader>\n  </div>\n\n  <symphony-button\n    *ngIf=\"model.navigation.showJobBoardsSelection\"\n    sfx-button-secondary\n    [text]=\"'Cancel'\"\n    [isSecondary]=\"true\"\n    [isInverse]=\"true\"\n    (clicked)=\"onButtonClick($event)\"\n  ></symphony-button>\n  <symphony-button\n    *ngIf=\"model.navigation.showJobBoardsSelection && !model.isLoading\"\n    sfx-button-primary\n    [text]=\"'Review Order'\"\n    [disabled]=\"isJobBoardNextButtonDisabled\"\n    [isInverse]=\"true\"\n    (clicked)=\"onButtonClick($event)\"\n  ></symphony-button>\n\n  <symphony-button\n    *ngIf=\"model.navigation.showOrderReview\"\n    sfx-button-back\n    [text]=\"'Edit Order'\"\n    [isSecondary]=\"true\"\n    [isInverse]=\"true\"\n    (clicked)=\"onButtonClick($event)\"\n  ></symphony-button>\n  <symphony-button\n    *ngIf=\"model.navigation.showOrderReview\"\n    sfx-button-secondary\n    [text]=\"'Cancel'\"\n    [isSecondary]=\"true\"\n    [isInverse]=\"true\"\n    (clicked)=\"onButtonClick($event)\"\n  ></symphony-button>\n  <symphony-button\n    *ngIf=\"model.navigation.showOrderReview\"\n    sfx-button-primary\n    [text]=\"'Buy'\"\n    [disabled]=\"false\"\n    [isInverse]=\"true\"\n    (clicked)=\"onButtonClick($event)\"\n  ></symphony-button>\n\n  <symphony-button\n    *ngIf=\"model.navigation.showConfirmation\"\n    sfx-button-primary\n    [text]=\"'Finish & Close'\"\n    [disabled]=\"false\"\n    [isInverse]=\"true\"\n    (clicked)=\"onButtonClick($event)\"\n  ></symphony-button>\n</symphony-two-column-modal-template>\n<symphony-confirmation-modal\n  *ngIf=\"!model.isLoading && model.navigation.showCancel\"\n  (buttonClicked)=\"onButtonClick($event)\"\n  (closeButtonClicked)=\"onCloseButtonClick()\"\n  [model]=\"cancelContent\"\n>\n</symphony-confirmation-modal>\n", styles: [".right-col-header-inner{padding-top:10px}.posting-boards{height:400px;overflow-x:auto}.posting-boards.phaser{overflow:hidden;padding:40px 80px;min-height:480px}.height-wrapper .order-summary,.height-wrapper .sfx-price-totals{padding:0}.height-wrapper .sfx-checkbox-list{min-height:480px}.light-grey-bg{background:#ebebeb}.center-h-v{display:flex;align-items:center;justify-content:center}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#d4d4d4;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.loader-container{padding-top:246px;padding-bottom:245px}.complete-container{text-align:center;margin-top:25%}.success-icon-spacing{margin-top:25px}.processing-container{width:400px;text-align:justify}.stage{display:flex;height:240px;width:100%}.box{align-self:flex-end;animation-duration:2s;animation-iteration-count:1;height:200px;margin:0 auto;transform-origin:bottom;width:200px}.bounce-7{animation-name:bounce-7;animation-timing-function:cubic-bezier(.24,.82,.24,.82)}@keyframes bounce-7{0%{transform:scale(1) translateY(0)}10%{transform:scale(1.1,.9) translateY(0)}30%{transform:scale(.9,1.1) translateY(-15px)}50%{transform:scale(1.05,.95) translateY(0)}57%{transform:scale(1) translateY(-7px)}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}\n"] }]

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

@@ -15,7 +15,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" }, outputs: { closeModal: "closeModal" }, ngImport: i0, template: "<symphony-two-column-modal-template [hideFooter]=\"true\" [hideSubtitle]=\"false\">\n  <symphony-h4 sfx-modal-title>LinkedIn Premium Postings</symphony-h4>\n  <symphony-paragraph sfx-modal-subtitle\n    ><a\n      sfx-modal-subtitle\n      target=\"_blank\"\n      href=\"https://www.linkedin.com/legal/jobs-terms-conditions\"\n      >LinkedIn Terms & Conditions</a\n    ></symphony-paragraph\n  >\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"] }], 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" }, outputs: { closeModal: "closeModal" }, ngImport: i0, template: "<symphony-two-column-modal-template [hideFooter]=\"true\" [hideSubtitle]=\"false\">\n  <symphony-h4 sfx-modal-title>LinkedIn Premium Postings</symphony-h4>\n  <symphony-paragraph sfx-modal-subtitle\n    ><a\n      sfx-modal-subtitle\n      target=\"_blank\"\n      href=\"https://www.linkedin.com/legal/jobs-terms-conditions\"\n      >LinkedIn Terms & Conditions</a\n    ></symphony-paragraph\n  >\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"] }] });
 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>LinkedIn Premium Postings</symphony-h4>\n  <symphony-paragraph sfx-modal-subtitle\n    ><a\n      sfx-modal-subtitle\n      target=\"_blank\"\n      href=\"https://www.linkedin.com/legal/jobs-terms-conditions\"\n      >LinkedIn Terms & Conditions</a\n    ></symphony-paragraph\n  >\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/projects/component-library/lib/pages/setting-detail-page/partial-page/editable-setting-partial-page/editable-setting-partial-page.component.mjs

@@ -9,6 +9,7 @@ export class EditableSettingPartialPageComponent {
     constructor() {
         this.editableSettingValueChanged = new EventEmitter();
         this.saveClicked = new EventEmitter();
+        this.reloadClicked = new EventEmitter();
     }
     onEditableSettingValueChange(partialPageModel) {
         this.editableSettingValueChanged.emit(partialPageModel);
@@ -16,23 +17,26 @@ export class EditableSettingPartialPageComponent {
     onSaveclick(partialPageModel) {
         this.saveClicked.emit(partialPageModel);
     }
+    onReloadClick(event) {
+        this.reloadClicked.emit(event);
+    }
 }
 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", errorPageText: "errorPageText" }, outputs: { editableSettingValueChanged: "editableSettingValueChanged", saveClicked: "saveClicked" }, 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 *ngIf=\"!partialPageModel.isLoadingList && !partialPageModel.errorListState\">\n    <symphony-editable-setting-item-list\n      class=\"sfx-mt-30 sfx-d-block\"\n      [settingItemsList]=\"partialPageModel.settingItemsList\"\n      (settingItemValueChanged)=\"onEditableSettingValueChange(partialPageModel)\"\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      (clicked)=\"onSaveclick(partialPageModel)\"\n    ></symphony-button-v2>\n  </section>\n  <symphony-sfx-loader\n    *ngIf=\"partialPageModel.isLoadingList\"\n  ></symphony-sfx-loader>\n  <symphony-paragraph *ngIf=\"partialPageModel.errorListState && !partialPageModel.isLoadingList\" class=\"sfx-font-bold sfx-mb-20 sfx-mt-20 sfx-d-block text-center\">{{\n    partialPageModel.errorListText\n  }}</symphony-paragraph>\n</section>\n<symphony-sfx-loader\n*ngIf=\"isLoadingPartialPage\"\n></symphony-sfx-loader>\n<symphony-paragraph *ngIf=\"errorPageState && !isLoadingPartialPage\" class=\"sfx-d-block text-center sfx-font-bold sfx-mb-20 sfx-mt-20\">{{\n  errorPageText\n}}</symphony-paragraph>", 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"] }], 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(partialPageModel)\"\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      (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"] }] });
 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 *ngIf=\"!partialPageModel.isLoadingList && !partialPageModel.errorListState\">\n    <symphony-editable-setting-item-list\n      class=\"sfx-mt-30 sfx-d-block\"\n      [settingItemsList]=\"partialPageModel.settingItemsList\"\n      (settingItemValueChanged)=\"onEditableSettingValueChange(partialPageModel)\"\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      (clicked)=\"onSaveclick(partialPageModel)\"\n    ></symphony-button-v2>\n  </section>\n  <symphony-sfx-loader\n    *ngIf=\"partialPageModel.isLoadingList\"\n  ></symphony-sfx-loader>\n  <symphony-paragraph *ngIf=\"partialPageModel.errorListState && !partialPageModel.isLoadingList\" class=\"sfx-font-bold sfx-mb-20 sfx-mt-20 sfx-d-block text-center\">{{\n    partialPageModel.errorListText\n  }}</symphony-paragraph>\n</section>\n<symphony-sfx-loader\n*ngIf=\"isLoadingPartialPage\"\n></symphony-sfx-loader>\n<symphony-paragraph *ngIf=\"errorPageState && !isLoadingPartialPage\" class=\"sfx-d-block text-center sfx-font-bold sfx-mb-20 sfx-mt-20\">{{\n  errorPageText\n}}</symphony-paragraph>", styles: [""] }]
+            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(partialPageModel)\"\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      (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: [""] }]
         }], ctorParameters: function () { return []; }, propDecorators: { partialPageModel: [{
                 type: Input
             }], isLoadingPartialPage: [{
                 type: Input
             }], errorPageState: [{
                 type: Input
-            }], errorPageText: [{
-                type: Input
             }], editableSettingValueChanged: [{
                 type: Output
             }], saveClicked: [{
                 type: Output
+            }], reloadClicked: [{
+                type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRpdGFibGUtc2V0dGluZy1wYXJ0aWFsLXBhZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9wYWdlcy9zZXR0aW5nLWRldGFpbC1wYWdlL3BhcnRpYWwtcGFnZS9lZGl0YWJsZS1zZXR0aW5nLXBhcnRpYWwtcGFnZS9lZGl0YWJsZS1zZXR0aW5nLXBhcnRpYWwtcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3BhZ2VzL3NldHRpbmctZGV0YWlsLXBhZ2UvcGFydGlhbC1wYWdlL2VkaXRhYmxlLXNldHRpbmctcGFydGlhbC1wYWdlL2VkaXRhYmxlLXNldHRpbmctcGFydGlhbC1wYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFRdkUsTUFBTSxPQUFPLG1DQUFtQztJQVE5QztRQUhVLGdDQUEyQixHQUNuQyxJQUFJLFlBQVksRUFBbUMsQ0FBQztRQUM1QyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFtQyxDQUFDO0lBQzdELENBQUM7SUFFaEIsNEJBQTRCLENBQzFCLGdCQUFpRDtRQUVqRCxJQUFJLENBQUMsMkJBQTJCLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7SUFDMUQsQ0FBQztJQUNELFdBQVcsQ0FBQyxnQkFBaUQ7UUFDM0QsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztJQUMxQyxDQUFDOztnSUFqQlUsbUNBQW1DO29IQUFuQyxtQ0FBbUMscVZDUmhELDhwREFxQ3VCOzJGRDdCVixtQ0FBbUM7a0JBTC9DLFNBQVM7K0JBQ0Usd0NBQXdDOzBFQUt6QyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csb0JBQW9CO3NCQUE1QixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDSSwyQkFBMkI7c0JBQXBDLE1BQU07Z0JBRUcsV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBFZGl0YWJsZVNldHRpbmdQYXJ0aWFsUGFnZU1vZGVsIH0gZnJvbSAnLi9lZGl0YWJsZS1zZXR0aW5nLXBhcnRpYWwtcGFnZS5jb21wb25lbnQubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1lZGl0YWJsZS1zZXR0aW5nLXBhcnRpYWwtcGFnZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9lZGl0YWJsZS1zZXR0aW5nLXBhcnRpYWwtcGFnZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2VkaXRhYmxlLXNldHRpbmctcGFydGlhbC1wYWdlLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEVkaXRhYmxlU2V0dGluZ1BhcnRpYWxQYWdlQ29tcG9uZW50IHtcbiAgQElucHV0KCkgcGFydGlhbFBhZ2VNb2RlbDogRWRpdGFibGVTZXR0aW5nUGFydGlhbFBhZ2VNb2RlbDtcbiAgQElucHV0KCkgaXNMb2FkaW5nUGFydGlhbFBhZ2U/OiBib29sZWFuO1xuICBASW5wdXQoKSBlcnJvclBhZ2VTdGF0ZT86IGJvb2xlYW47XG4gIEBJbnB1dCgpIGVycm9yUGFnZVRleHQ/OiBzdHJpbmc7XG4gIEBPdXRwdXQoKSBlZGl0YWJsZVNldHRpbmdWYWx1ZUNoYW5nZWQgPVxuICAgIG5ldyBFdmVudEVtaXR0ZXI8RWRpdGFibGVTZXR0aW5nUGFydGlhbFBhZ2VNb2RlbD4oKTtcbiAgQE91dHB1dCgpIHNhdmVDbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxFZGl0YWJsZVNldHRpbmdQYXJ0aWFsUGFnZU1vZGVsPigpO1xuICBjb25zdHJ1Y3RvcigpIHt9XG5cbiAgb25FZGl0YWJsZVNldHRpbmdWYWx1ZUNoYW5nZShcbiAgICBwYXJ0aWFsUGFnZU1vZGVsOiBFZGl0YWJsZVNldHRpbmdQYXJ0aWFsUGFnZU1vZGVsXG4gICkge1xuICAgIHRoaXMuZWRpdGFibGVTZXR0aW5nVmFsdWVDaGFuZ2VkLmVtaXQocGFydGlhbFBhZ2VNb2RlbCk7XG4gIH1cbiAgb25TYXZlY2xpY2socGFydGlhbFBhZ2VNb2RlbDogRWRpdGFibGVTZXR0aW5nUGFydGlhbFBhZ2VNb2RlbCkge1xuICAgIHRoaXMuc2F2ZUNsaWNrZWQuZW1pdChwYXJ0aWFsUGFnZU1vZGVsKTtcbiAgfVxufVxuIiwiPHNlY3Rpb24gKm5nSWY9XCJwYXJ0aWFsUGFnZU1vZGVsICYmICFpc0xvYWRpbmdQYXJ0aWFsUGFnZSAmJiAhZXJyb3JQYWdlU3RhdGVcIj5cbiAgPHN5bXBob255LXBhcmFncmFwaCBjbGFzcz1cInNmeC1mb250LWJvbGQgc2Z4LW1iLTUgc2Z4LWQtZmxleFwiPnt7XG4gICAgcGFydGlhbFBhZ2VNb2RlbC5wYXJ0aWFsVGl0bGVcbiAgfX08L3N5bXBob255LXBhcmFncmFwaD5cbiAgPHN5bXBob255LXBhcmFncmFwaCBjbGFzcz1cInNmeC1tYi0yMCBzZngtZC1mbGV4XCI+e3tcbiAgICBwYXJ0aWFsUGFnZU1vZGVsLnBhcnRpYWxEZXNjcmlwdGlvblxuICB9fTwvc3ltcGhvbnktcGFyYWdyYXBoPlxuICA8ZGl2IGNsYXNzPVwicm93XCI+XG4gICAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tMTIgY29sLW1kLTQgY29sLWxnLTNcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltkcm9wZG93bi1kcm9wem9uZV1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICA8c2VjdGlvbiAqbmdJZj1cIiFwYXJ0aWFsUGFnZU1vZGVsLmlzTG9hZGluZ0xpc3QgJiYgIXBhcnRpYWxQYWdlTW9kZWwuZXJyb3JMaXN0U3RhdGVcIj5cbiAgICA8c3ltcGhvbnktZWRpdGFibGUtc2V0dGluZy1pdGVtLWxpc3RcbiAgICAgIGNsYXNzPVwic2Z4LW10LTMwIHNmeC1kLWJsb2NrXCJcbiAgICAgIFtzZXR0aW5nSXRlbXNMaXN0XT1cInBhcnRpYWxQYWdlTW9kZWwuc2V0dGluZ0l0ZW1zTGlzdFwiXG4gICAgICAoc2V0dGluZ0l0ZW1WYWx1ZUNoYW5nZWQpPVwib25FZGl0YWJsZVNldHRpbmdWYWx1ZUNoYW5nZShwYXJ0aWFsUGFnZU1vZGVsKVwiXG4gICAgPjwvc3ltcGhvbnktZWRpdGFibGUtc2V0dGluZy1pdGVtLWxpc3Q+XG4gICAgPHN5bXBob255LWJ1dHRvbi12MlxuICAgICAgaWQ9XCJidXR0b24tcGFydGlhbFBhZ2Utc2F2ZVwiXG4gICAgICBjbGFzcz1cInB1bGwtcmlnaHQgc2Z4LWQtZmxleFwiXG4gICAgICB0ZXh0PVwiU2F2ZVwiXG4gICAgICAoY2xpY2tlZCk9XCJvblNhdmVjbGljayhwYXJ0aWFsUGFnZU1vZGVsKVwiXG4gICAgPjwvc3ltcGhvbnktYnV0dG9uLXYyPlxuICA8L3NlY3Rpb24+XG4gIDxzeW1waG9ueS1zZngtbG9hZGVyXG4gICAgKm5nSWY9XCJwYXJ0aWFsUGFnZU1vZGVsLmlzTG9hZGluZ0xpc3RcIlxuICA+PC9zeW1waG9ueS1zZngtbG9hZGVyPlxuICA8c3ltcGhvbnktcGFyYWdyYXBoICpuZ0lmPVwicGFydGlhbFBhZ2VNb2RlbC5lcnJvckxpc3RTdGF0ZSAmJiAhcGFydGlhbFBhZ2VNb2RlbC5pc0xvYWRpbmdMaXN0XCIgY2xhc3M9XCJzZngtZm9udC1ib2xkIHNmeC1tYi0yMCBzZngtbXQtMjAgc2Z4LWQtYmxvY2sgdGV4dC1jZW50ZXJcIj57e1xuICAgIHBhcnRpYWxQYWdlTW9kZWwuZXJyb3JMaXN0VGV4dFxuICB9fTwvc3ltcGhvbnktcGFyYWdyYXBoPlxuPC9zZWN0aW9uPlxuPHN5bXBob255LXNmeC1sb2FkZXJcbipuZ0lmPVwiaXNMb2FkaW5nUGFydGlhbFBhZ2VcIlxuPjwvc3ltcGhvbnktc2Z4LWxvYWRlcj5cbjxzeW1waG9ueS1wYXJhZ3JhcGggKm5nSWY9XCJlcnJvclBhZ2VTdGF0ZSAmJiAhaXNMb2FkaW5nUGFydGlhbFBhZ2VcIiBjbGFzcz1cInNmeC1kLWJsb2NrIHRleHQtY2VudGVyIHNmeC1mb250LWJvbGQgc2Z4LW1iLTIwIHNmeC1tdC0yMFwiPnt7XG4gIGVycm9yUGFnZVRleHRcbn19PC9zeW1waG9ueS1wYXJhZ3JhcGg+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRpdGFibGUtc2V0dGluZy1wYXJ0aWFsLXBhZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9wYWdlcy9zZXR0aW5nLWRldGFpbC1wYWdlL3BhcnRpYWwtcGFnZS9lZGl0YWJsZS1zZXR0aW5nLXBhcnRpYWwtcGFnZS9lZGl0YWJsZS1zZXR0aW5nLXBhcnRpYWwtcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3BhZ2VzL3NldHRpbmctZGV0YWlsLXBhZ2UvcGFydGlhbC1wYWdlL2VkaXRhYmxlLXNldHRpbmctcGFydGlhbC1wYWdlL2VkaXRhYmxlLXNldHRpbmctcGFydGlhbC1wYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7QUFRdkUsTUFBTSxPQUFPLG1DQUFtQztJQVE5QztRQUpVLGdDQUEyQixHQUNuQyxJQUFJLFlBQVksRUFBbUMsQ0FBQztRQUM1QyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUFtQyxDQUFDO1FBQ2xFLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUM5QixDQUFDO0lBRWhCLDRCQUE0QixDQUMxQixnQkFBaUQ7UUFFakQsSUFBSSxDQUFDLDJCQUEyQixDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO0lBQzFELENBQUM7SUFDRCxXQUFXLENBQUMsZ0JBQWlEO1FBQzNELElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7SUFDMUMsQ0FBQztJQUNELGFBQWEsQ0FBQyxLQUFLO1FBQ2pCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2pDLENBQUM7O2dJQXBCVSxtQ0FBbUM7b0hBQW5DLG1DQUFtQyxxVkNSaEQsODBFQWdFQTsyRkR4RGEsbUNBQW1DO2tCQUwvQyxTQUFTOytCQUNFLHdDQUF3QzswRUFLekMsZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLG9CQUFvQjtzQkFBNUIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNJLDJCQUEyQjtzQkFBcEMsTUFBTTtnQkFFRyxXQUFXO3NCQUFwQixNQUFNO2dCQUNHLGFBQWE7c0JBQXRCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRWRpdGFibGVTZXR0aW5nUGFydGlhbFBhZ2VNb2RlbCB9IGZyb20gJy4vZWRpdGFibGUtc2V0dGluZy1wYXJ0aWFsLXBhZ2UuY29tcG9uZW50Lm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktZWRpdGFibGUtc2V0dGluZy1wYXJ0aWFsLXBhZ2UnLFxuICB0ZW1wbGF0ZVVybDogJy4vZWRpdGFibGUtc2V0dGluZy1wYXJ0aWFsLXBhZ2UuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9lZGl0YWJsZS1zZXR0aW5nLXBhcnRpYWwtcGFnZS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBFZGl0YWJsZVNldHRpbmdQYXJ0aWFsUGFnZUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHBhcnRpYWxQYWdlTW9kZWw6IEVkaXRhYmxlU2V0dGluZ1BhcnRpYWxQYWdlTW9kZWw7XG4gIEBJbnB1dCgpIGlzTG9hZGluZ1BhcnRpYWxQYWdlPzogYm9vbGVhbjtcbiAgQElucHV0KCkgZXJyb3JQYWdlU3RhdGU/OiBib29sZWFuO1xuICBAT3V0cHV0KCkgZWRpdGFibGVTZXR0aW5nVmFsdWVDaGFuZ2VkID1cbiAgICBuZXcgRXZlbnRFbWl0dGVyPEVkaXRhYmxlU2V0dGluZ1BhcnRpYWxQYWdlTW9kZWw+KCk7XG4gIEBPdXRwdXQoKSBzYXZlQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8RWRpdGFibGVTZXR0aW5nUGFydGlhbFBhZ2VNb2RlbD4oKTtcbiAgQE91dHB1dCgpIHJlbG9hZENsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBvbkVkaXRhYmxlU2V0dGluZ1ZhbHVlQ2hhbmdlKFxuICAgIHBhcnRpYWxQYWdlTW9kZWw6IEVkaXRhYmxlU2V0dGluZ1BhcnRpYWxQYWdlTW9kZWxcbiAgKSB7XG4gICAgdGhpcy5lZGl0YWJsZVNldHRpbmdWYWx1ZUNoYW5nZWQuZW1pdChwYXJ0aWFsUGFnZU1vZGVsKTtcbiAgfVxuICBvblNhdmVjbGljayhwYXJ0aWFsUGFnZU1vZGVsOiBFZGl0YWJsZVNldHRpbmdQYXJ0aWFsUGFnZU1vZGVsKSB7XG4gICAgdGhpcy5zYXZlQ2xpY2tlZC5lbWl0KHBhcnRpYWxQYWdlTW9kZWwpO1xuICB9XG4gIG9uUmVsb2FkQ2xpY2soZXZlbnQpIHtcbiAgICB0aGlzLnJlbG9hZENsaWNrZWQuZW1pdChldmVudCk7XG4gIH1cbn1cbiIsIjxzZWN0aW9uICpuZ0lmPVwicGFydGlhbFBhZ2VNb2RlbCAmJiAhaXNMb2FkaW5nUGFydGlhbFBhZ2UgJiYgIWVycm9yUGFnZVN0YXRlXCI+XG4gIDxzeW1waG9ueS1wYXJhZ3JhcGggY2xhc3M9XCJzZngtZm9udC1ib2xkIHNmeC1tYi01IHNmeC1kLWZsZXhcIj57e1xuICAgIHBhcnRpYWxQYWdlTW9kZWwucGFydGlhbFRpdGxlXG4gIH19PC9zeW1waG9ueS1wYXJhZ3JhcGg+XG4gIDxzeW1waG9ueS1wYXJhZ3JhcGggY2xhc3M9XCJzZngtbWItMjAgc2Z4LWQtZmxleFwiPnt7XG4gICAgcGFydGlhbFBhZ2VNb2RlbC5wYXJ0aWFsRGVzY3JpcHRpb25cbiAgfX08L3N5bXBob255LXBhcmFncmFwaD5cbiAgPGRpdiBjbGFzcz1cInJvd1wiPlxuICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTEyIGNvbC1tZC00IGNvbC1sZy0zXCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbZHJvcGRvd24tZHJvcHpvbmVdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPHNlY3Rpb25cbiAgICAqbmdJZj1cIiFwYXJ0aWFsUGFnZU1vZGVsLmlzTG9hZGluZ0xpc3QgJiYgIXBhcnRpYWxQYWdlTW9kZWwuZXJyb3JMaXN0U3RhdGVcIlxuICA+XG4gICAgPHN5bXBob255LWVkaXRhYmxlLXNldHRpbmctaXRlbS1saXN0XG4gICAgICBjbGFzcz1cInNmeC1tdC0zMCBzZngtZC1ibG9ja1wiXG4gICAgICBbc2V0dGluZ0l0ZW1zTGlzdF09XCJwYXJ0aWFsUGFnZU1vZGVsLnNldHRpbmdJdGVtc0xpc3RcIlxuICAgICAgKHNldHRpbmdJdGVtVmFsdWVDaGFuZ2VkKT1cIm9uRWRpdGFibGVTZXR0aW5nVmFsdWVDaGFuZ2UocGFydGlhbFBhZ2VNb2RlbClcIlxuICAgID48L3N5bXBob255LWVkaXRhYmxlLXNldHRpbmctaXRlbS1saXN0PlxuICAgIDxzeW1waG9ueS1idXR0b24tdjJcbiAgICAgIGlkPVwiYnV0dG9uLXBhcnRpYWxQYWdlLXNhdmVcIlxuICAgICAgY2xhc3M9XCJwdWxsLXJpZ2h0IHNmeC1kLWZsZXhcIlxuICAgICAgdGV4dD1cIlNhdmVcIlxuICAgICAgKGNsaWNrZWQpPVwib25TYXZlY2xpY2socGFydGlhbFBhZ2VNb2RlbClcIlxuICAgID48L3N5bXBob255LWJ1dHRvbi12Mj5cbiAgPC9zZWN0aW9uPlxuICA8c3ltcGhvbnktc2Z4LWxvYWRlclxuICAgICpuZ0lmPVwicGFydGlhbFBhZ2VNb2RlbC5pc0xvYWRpbmdMaXN0XCJcbiAgPjwvc3ltcGhvbnktc2Z4LWxvYWRlcj5cbiAgPHN5bXBob255LXNmeC1sb2FkZXJcbiAgICAqbmdJZj1cInBhcnRpYWxQYWdlTW9kZWwuZXJyb3JMaXN0U3RhdGUgJiYgIXBhcnRpYWxQYWdlTW9kZWwuaXNMb2FkaW5nTGlzdFwiXG4gICAgW2hhc0N1c3RvbU1lc3NhZ2VdPVwicGFydGlhbFBhZ2VNb2RlbC5lcnJvckxpc3RTdGF0ZVwiXG4gID5cbiAgICA8c3ltcGhvbnktcGFyYWdyYXBoXG4gICAgICBjdXN0b20tbWVzc2FnZVxuICAgICAgY2xhc3M9XCJzZngtbWItMjAgc2Z4LW10LTIwIHNmeC1kLWJsb2NrIHRleHQtY2VudGVyXCJcbiAgICAgID5Mb2FkaW5nIHRoaXMgcGFnZSBpcyB0YWtpbmcgbG9uZ2VyIHRoYW4gZXhwZWN0ZWQuPGJyIC8+VHJ5IHRvXG4gICAgICA8c3BhblxuICAgICAgICAoY2xpY2spPVwib25SZWxvYWRDbGljaygkZXZlbnQpXCJcbiAgICAgICAgY2xhc3M9XCJzZngtdjItcHVycGxlMSBzZngtZm9udC1ib2xkIHNmeC1jdXJzb3ItcG9pbnRlclwiXG4gICAgICAgID5yZWxvYWQ8L3NwYW5cbiAgICAgID5cbiAgICAgIGl0IG9yIGNvbWUgYmFjayBsYXRlci48L3N5bXBob255LXBhcmFncmFwaFxuICAgID5cbiAgPC9zeW1waG9ueS1zZngtbG9hZGVyPlxuPC9zZWN0aW9uPlxuPHN5bXBob255LXNmeC1sb2FkZXIgKm5nSWY9XCJpc0xvYWRpbmdQYXJ0aWFsUGFnZVwiPjwvc3ltcGhvbnktc2Z4LWxvYWRlcj5cbjxzeW1waG9ueS1zZngtbG9hZGVyXG4gICpuZ0lmPVwiZXJyb3JQYWdlU3RhdGUgJiYgIWlzTG9hZGluZ1BhcnRpYWxQYWdlXCJcbiAgW2hhc0N1c3RvbU1lc3NhZ2VdPVwiZXJyb3JQYWdlU3RhdGVcIlxuPlxuICA8c3ltcGhvbnktcGFyYWdyYXBoXG4gICAgY3VzdG9tLW1lc3NhZ2VcbiAgICBjbGFzcz1cInNmeC1tYi0yMCBzZngtbXQtMjAgc2Z4LWQtYmxvY2sgdGV4dC1jZW50ZXJcIlxuICAgID5Mb2FkaW5nIHRoaXMgcGFnZSBpcyB0YWtpbmcgbG9uZ2VyIHRoYW4gZXhwZWN0ZWQuPGJyIC8+VHJ5IHRvXG4gICAgPHNwYW5cbiAgICAgIChjbGljayk9XCJvblJlbG9hZENsaWNrKCRldmVudClcIlxuICAgICAgY2xhc3M9XCJzZngtdjItcHVycGxlMSBzZngtZm9udC1ib2xkIHNmeC1jdXJzb3ItcG9pbnRlclwiXG4gICAgICA+cmVsb2FkPC9zcGFuXG4gICAgPlxuICAgIGl0IG9yIGNvbWUgYmFjayBsYXRlci48L3N5bXBob255LXBhcmFncmFwaFxuICA+XG48L3N5bXBob255LXNmeC1sb2FkZXI+XG4iXX0=

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

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRpdGFibGUtc2V0dGluZy1wYXJ0aWFsLXBhZ2UuY29tcG9uZW50Lm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9wYWdlcy9zZXR0aW5nLWRldGFpbC1wYWdlL3BhcnRpYWwtcGFnZS9lZGl0YWJsZS1zZXR0aW5nLXBhcnRpYWwtcGFnZS9lZGl0YWJsZS1zZXR0aW5nLXBhcnRpYWwtcGFnZS5jb21wb25lbnQubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEVkaXRhYmxlU2V0dGluZ0l0ZW1Nb2RlbCB9IGZyb20gXCIuLi8uLi8uLi8uLi9tb2xlY3VsZXMvZWRpdGFibGUtc2V0dGluZy1pdGVtL2VkaXRhYmxlLXNldHRpbmctaXRlbS5jb21wb25lbnQubW9kZWxcIjtcblxuXG5leHBvcnQgaW50ZXJmYWNlIEVkaXRhYmxlU2V0dGluZ1BhcnRpYWxQYWdlTW9kZWwge1xuICBzZXR0aW5nSXRlbXNMaXN0OiBFZGl0YWJsZVNldHRpbmdJdGVtTW9kZWxbXTtcbiAgcGFydGlhbFRpdGxlOiBzdHJpbmc7XG4gIHBhcnRpYWxEZXNjcmlwdGlvbjogc3RyaW5nO1xuICBpc0xvYWRpbmdMaXN0PzogYm9vbGVhbjtcbiAgZXJyb3JMaXN0U3RhdGU/OiBib29sZWFuO1xuICBlcnJvckxpc3RUZXh0Pzogc3RyaW5nO1xufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRpdGFibGUtc2V0dGluZy1wYXJ0aWFsLXBhZ2UuY29tcG9uZW50Lm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi9wYWdlcy9zZXR0aW5nLWRldGFpbC1wYWdlL3BhcnRpYWwtcGFnZS9lZGl0YWJsZS1zZXR0aW5nLXBhcnRpYWwtcGFnZS9lZGl0YWJsZS1zZXR0aW5nLXBhcnRpYWwtcGFnZS5jb21wb25lbnQubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEVkaXRhYmxlU2V0dGluZ0l0ZW1Nb2RlbCB9IGZyb20gXCIuLi8uLi8uLi8uLi9tb2xlY3VsZXMvZWRpdGFibGUtc2V0dGluZy1pdGVtL2VkaXRhYmxlLXNldHRpbmctaXRlbS5jb21wb25lbnQubW9kZWxcIjtcblxuXG5leHBvcnQgaW50ZXJmYWNlIEVkaXRhYmxlU2V0dGluZ1BhcnRpYWxQYWdlTW9kZWwge1xuICBzZXR0aW5nSXRlbXNMaXN0OiBFZGl0YWJsZVNldHRpbmdJdGVtTW9kZWxbXTtcbiAgcGFydGlhbFRpdGxlOiBzdHJpbmc7XG4gIHBhcnRpYWxEZXNjcmlwdGlvbjogc3RyaW5nO1xuICBpc0xvYWRpbmdMaXN0PzogYm9vbGVhbjtcbiAgZXJyb3JMaXN0U3RhdGU/OiBib29sZWFuO1xufVxuIl19

package/esm2020/projects/component-library/lib/pages/setting-detail-page/setting-detail-page.component.mjs

@@ -11,6 +11,7 @@ export class SettingDetailPageComponent {
         this.detailNavigationClicked = new EventEmitter();
         this.outreachValueChanged = new EventEmitter();
         this.outreachSaveClicked = new EventEmitter();
+        this.pageReloadClicked = new EventEmitter();
     }
     onDetailNavigationClick(model) {
         this.detailNavigationClicked.emit(model);
@@ -21,12 +22,15 @@ export class SettingDetailPageComponent {
     onOutreachSaveClick(model) {
         this.outreachSaveClicked.emit(model);
     }
+    onPageReloadClick(event) {
+        this.pageReloadClicked.emit(event);
+    }
 }
 SettingDetailPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingDetailPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SettingDetailPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SettingDetailPageComponent, selector: "symphony-setting-detail-page", inputs: { model: "model" }, outputs: { detailNavigationClicked: "detailNavigationClicked", outreachValueChanged: "outreachValueChanged", outreachSaveClicked: "outreachSaveClicked" }, 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\n    sfx-nav\n    [navigationList]=\"model.navigationList\"\n    (navigationItemClicked)=\"onDetailNavigationClick(model)\"\n  ></symphony-settings-detail-navigation-list>\n  <section sfx-content>\n    <symphony-editable-setting-partial-page\n      [partialPageModel]=\"model.partialPageModel\"\n      (valueChanged)=\"onOutreachValueChange(model)\"\n      (saveClicked)=\"onOutreachSaveClick(model)\"\n      [isLoadingPartialPage]=\"model.isLoadingPartialPage\"\n      [errorPageState]=\"model.errorPageState\"\n      [errorPageText]=\"model.errorPageText\"\n    >\n    <ng-content ngProjectAs=\"[dropdown-dropzone]\" select=\"[dropdown-dropzone]\"></ng-content>\n  </symphony-editable-setting-partial-page>\n  </section>\n</symphony-setting-details-template>\n", styles: [""], 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.EditableSettingPartialPageComponent, selector: "symphony-editable-setting-partial-page", inputs: ["partialPageModel", "isLoadingPartialPage", "errorPageState", "errorPageText"], outputs: ["editableSettingValueChanged", "saveClicked"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+SettingDetailPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: SettingDetailPageComponent, selector: "symphony-setting-detail-page", inputs: { model: "model" }, outputs: { detailNavigationClicked: "detailNavigationClicked", outreachValueChanged: "outreachValueChanged", outreachSaveClicked: "outreachSaveClicked", pageReloadClicked: "pageReloadClicked" }, 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\n    sfx-nav\n    [navigationList]=\"model.navigationList\"\n    (navigationItemClicked)=\"onDetailNavigationClick(model)\"\n  ></symphony-settings-detail-navigation-list>\n  <section sfx-content>\n    <symphony-editable-setting-partial-page\n      [partialPageModel]=\"model.partialPageModel\"\n      (valueChanged)=\"onOutreachValueChange(model)\"\n      (saveClicked)=\"onOutreachSaveClick(model)\"\n      [isLoadingPartialPage]=\"model.isLoadingPartialPage\"\n      [errorPageState]=\"model.errorPageState\"\n      (reloadClicked)=\"onPageReloadClick($event)\"\n    >\n    <ng-content ngProjectAs=\"[dropdown-dropzone]\" select=\"[dropdown-dropzone]\"></ng-content>\n  </symphony-editable-setting-partial-page>\n  </section>\n</symphony-setting-details-template>\n", styles: [""], 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.EditableSettingPartialPageComponent, selector: "symphony-editable-setting-partial-page", inputs: ["partialPageModel", "isLoadingPartialPage", "errorPageState"], outputs: ["editableSettingValueChanged", "saveClicked", "reloadClicked"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: SettingDetailPageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-setting-detail-page', 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\n    sfx-nav\n    [navigationList]=\"model.navigationList\"\n    (navigationItemClicked)=\"onDetailNavigationClick(model)\"\n  ></symphony-settings-detail-navigation-list>\n  <section sfx-content>\n    <symphony-editable-setting-partial-page\n      [partialPageModel]=\"model.partialPageModel\"\n      (valueChanged)=\"onOutreachValueChange(model)\"\n      (saveClicked)=\"onOutreachSaveClick(model)\"\n      [isLoadingPartialPage]=\"model.isLoadingPartialPage\"\n      [errorPageState]=\"model.errorPageState\"\n      [errorPageText]=\"model.errorPageText\"\n    >\n    <ng-content ngProjectAs=\"[dropdown-dropzone]\" select=\"[dropdown-dropzone]\"></ng-content>\n  </symphony-editable-setting-partial-page>\n  </section>\n</symphony-setting-details-template>\n", styles: [""] }]
+            args: [{ selector: 'symphony-setting-detail-page', 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\n    sfx-nav\n    [navigationList]=\"model.navigationList\"\n    (navigationItemClicked)=\"onDetailNavigationClick(model)\"\n  ></symphony-settings-detail-navigation-list>\n  <section sfx-content>\n    <symphony-editable-setting-partial-page\n      [partialPageModel]=\"model.partialPageModel\"\n      (valueChanged)=\"onOutreachValueChange(model)\"\n      (saveClicked)=\"onOutreachSaveClick(model)\"\n      [isLoadingPartialPage]=\"model.isLoadingPartialPage\"\n      [errorPageState]=\"model.errorPageState\"\n      (reloadClicked)=\"onPageReloadClick($event)\"\n    >\n    <ng-content ngProjectAs=\"[dropdown-dropzone]\" select=\"[dropdown-dropzone]\"></ng-content>\n  </symphony-editable-setting-partial-page>\n  </section>\n</symphony-setting-details-template>\n", styles: [""] }]
         }], ctorParameters: function () { return []; }, propDecorators: { model: [{
                 type: Input
             }], detailNavigationClicked: [{
@@ -35,5 +39,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImpor
                 type: Output
             }], outreachSaveClicked: [{
                 type: Output
+            }], pageReloadClicked: [{
+                type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2V0dGluZy1kZXRhaWwtcGFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3BhZ2VzL3NldHRpbmctZGV0YWlsLXBhZ2Uvc2V0dGluZy1kZXRhaWwtcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3BhZ2VzL3NldHRpbmctZGV0YWlsLXBhZ2Uvc2V0dGluZy1kZXRhaWwtcGFnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7OztBQVF2RSxNQUFNLE9BQU8sMEJBQTBCO0lBTXJDO1FBSlUsNEJBQXVCLEdBQy9CLElBQUksWUFBWSxFQUEwQixDQUFDO1FBQ25DLHlCQUFvQixHQUFHLElBQUksWUFBWSxFQUEwQixDQUFDO1FBQ2xFLHdCQUFtQixHQUFHLElBQUksWUFBWSxFQUEwQixDQUFDO0lBQzVELENBQUM7SUFFaEIsdUJBQXVCLENBQUMsS0FBNkI7UUFDbkQsSUFBSSxDQUFDLHVCQUF1QixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMzQyxDQUFDO0lBQ0QscUJBQXFCLENBQUMsS0FBNkI7UUFDakQsSUFBSSxDQUFDLG9CQUFvQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN4QyxDQUFDO0lBQ0QsbUJBQW1CLENBQUMsS0FBNkI7UUFDL0MsSUFBSSxDQUFDLG1CQUFtQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN2QyxDQUFDOzt1SEFoQlUsMEJBQTBCOzJHQUExQiwwQkFBMEIsMlBDUnZDLG9nQ0FzQkE7MkZEZGEsMEJBQTBCO2tCQUx0QyxTQUFTOytCQUNFLDhCQUE4QjswRUFLL0IsS0FBSztzQkFBYixLQUFLO2dCQUNJLHVCQUF1QjtzQkFBaEMsTUFBTTtnQkFFRyxvQkFBb0I7c0JBQTdCLE1BQU07Z0JBQ0csbUJBQW1CO3NCQUE1QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNldHRpbmdEZXRhaWxQYWdlTW9kZWwgfSBmcm9tICcuL3NldHRpbmctZGV0YWlsLXBhZ2UuY29tcG9uZW50Lm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3ltcGhvbnktc2V0dGluZy1kZXRhaWwtcGFnZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9zZXR0aW5nLWRldGFpbC1wYWdlLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc2V0dGluZy1kZXRhaWwtcGFnZS5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBTZXR0aW5nRGV0YWlsUGFnZUNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIG1vZGVsOiBTZXR0aW5nRGV0YWlsUGFnZU1vZGVsO1xuICBAT3V0cHV0KCkgZGV0YWlsTmF2aWdhdGlvbkNsaWNrZWQgPVxuICAgIG5ldyBFdmVudEVtaXR0ZXI8U2V0dGluZ0RldGFpbFBhZ2VNb2RlbD4oKTtcbiAgQE91dHB1dCgpIG91dHJlYWNoVmFsdWVDaGFuZ2VkID0gbmV3IEV2ZW50RW1pdHRlcjxTZXR0aW5nRGV0YWlsUGFnZU1vZGVsPigpO1xuICBAT3V0cHV0KCkgb3V0cmVhY2hTYXZlQ2xpY2tlZCA9IG5ldyBFdmVudEVtaXR0ZXI8U2V0dGluZ0RldGFpbFBhZ2VNb2RlbD4oKTtcbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIG9uRGV0YWlsTmF2aWdhdGlvbkNsaWNrKG1vZGVsOiBTZXR0aW5nRGV0YWlsUGFnZU1vZGVsKSB7XG4gICAgdGhpcy5kZXRhaWxOYXZpZ2F0aW9uQ2xpY2tlZC5lbWl0KG1vZGVsKTtcbiAgfVxuICBvbk91dHJlYWNoVmFsdWVDaGFuZ2UobW9kZWw6IFNldHRpbmdEZXRhaWxQYWdlTW9kZWwpIHtcbiAgICB0aGlzLm91dHJlYWNoVmFsdWVDaGFuZ2VkLmVtaXQobW9kZWwpO1xuICB9XG4gIG9uT3V0cmVhY2hTYXZlQ2xpY2sobW9kZWw6IFNldHRpbmdEZXRhaWxQYWdlTW9kZWwpIHtcbiAgICB0aGlzLm91dHJlYWNoU2F2ZUNsaWNrZWQuZW1pdChtb2RlbCk7XG4gIH1cbn1cbiIsIjxzeW1waG9ueS1zZXR0aW5nLWRldGFpbHMtdGVtcGxhdGUgKm5nSWY9XCJtb2RlbFwiPlxuICA8c3ltcGhvbnktYnJlYWRjcnVtYiBicmVhZGNydW1iIFticmVhZGNydW1ic109XCJtb2RlbC5icmVhZGNydW1ic1wiPlxuICA8L3N5bXBob255LWJyZWFkY3J1bWI+XG4gIDxzeW1waG9ueS1oMyBzZngtaGVhZGVyIFt0ZXh0XT1cIm1vZGVsLnBhZ2VUaXRsZVwiPjwvc3ltcGhvbnktaDM+XG4gIDxzeW1waG9ueS1zZXR0aW5ncy1kZXRhaWwtbmF2aWdhdGlvbi1saXN0XG4gICAgc2Z4LW5hdlxuICAgIFtuYXZpZ2F0aW9uTGlzdF09XCJtb2RlbC5uYXZpZ2F0aW9uTGlzdFwiXG4gICAgKG5hdmlnYXRpb25JdGVtQ2xpY2tlZCk9XCJvbkRldGFpbE5hdmlnYXRpb25DbGljayhtb2RlbClcIlxuICA+PC9zeW1waG9ueS1zZXR0aW5ncy1kZXRhaWwtbmF2aWdhdGlvbi1saXN0PlxuICA8c2VjdGlvbiBzZngtY29udGVudD5cbiAgICA8c3ltcGhvbnktZWRpdGFibGUtc2V0dGluZy1wYXJ0aWFsLXBhZ2VcbiAgICAgIFtwYXJ0aWFsUGFnZU1vZGVsXT1cIm1vZGVsLnBhcnRpYWxQYWdlTW9kZWxcIlxuICAgICAgKHZhbHVlQ2hhbmdlZCk9XCJvbk91dHJlYWNoVmFsdWVDaGFuZ2UobW9kZWwpXCJcbiAgICAgIChzYXZlQ2xpY2tlZCk9XCJvbk91dHJlYWNoU2F2ZUNsaWNrKG1vZGVsKVwiXG4gICAgICBbaXNMb2FkaW5nUGFydGlhbFBhZ2VdPVwibW9kZWwuaXNMb2FkaW5nUGFydGlhbFBhZ2VcIlxuICAgICAgW2Vycm9yUGFnZVN0YXRlXT1cIm1vZGVsLmVycm9yUGFnZVN0YXRlXCJcbiAgICAgIFtlcnJvclBhZ2VUZXh0XT1cIm1vZGVsLmVycm9yUGFnZVRleHRcIlxuICAgID5cbiAgICA8bmctY29udGVudCBuZ1Byb2plY3RBcz1cIltkcm9wZG93bi1kcm9wem9uZV1cIiBzZWxlY3Q9XCJbZHJvcGRvd24tZHJvcHpvbmVdXCI+PC9uZy1jb250ZW50PlxuICA8L3N5bXBob255LWVkaXRhYmxlLXNldHRpbmctcGFydGlhbC1wYWdlPlxuICA8L3NlY3Rpb24+XG48L3N5bXBob255LXNldHRpbmctZGV0YWlscy10ZW1wbGF0ZT5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2V0dGluZy1kZXRhaWwtcGFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3BhZ2VzL3NldHRpbmctZGV0YWlsLXBhZ2Uvc2V0dGluZy1kZXRhaWwtcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3BhZ2VzL3NldHRpbmctZGV0YWlsLXBhZ2Uvc2V0dGluZy1kZXRhaWwtcGFnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7OztBQVF2RSxNQUFNLE9BQU8sMEJBQTBCO0lBT3JDO1FBTFUsNEJBQXVCLEdBQy9CLElBQUksWUFBWSxFQUEwQixDQUFDO1FBQ25DLHlCQUFvQixHQUFHLElBQUksWUFBWSxFQUEwQixDQUFDO1FBQ2xFLHdCQUFtQixHQUFHLElBQUksWUFBWSxFQUEwQixDQUFDO1FBQ2pFLHNCQUFpQixHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFDbEMsQ0FBQztJQUVoQix1QkFBdUIsQ0FBQyxLQUE2QjtRQUNuRCxJQUFJLENBQUMsdUJBQXVCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzNDLENBQUM7SUFDRCxxQkFBcUIsQ0FBQyxLQUE2QjtRQUNqRCxJQUFJLENBQUMsb0JBQW9CLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3hDLENBQUM7SUFDRCxtQkFBbUIsQ0FBQyxLQUE2QjtRQUMvQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3ZDLENBQUM7SUFDRCxpQkFBaUIsQ0FBQyxLQUFLO1FBQ3JCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDckMsQ0FBQzs7dUhBcEJVLDBCQUEwQjsyR0FBMUIsMEJBQTBCLG1TQ1J2QywwZ0NBc0JBOzJGRGRhLDBCQUEwQjtrQkFMdEMsU0FBUzsrQkFDRSw4QkFBOEI7MEVBSy9CLEtBQUs7c0JBQWIsS0FBSztnQkFDSSx1QkFBdUI7c0JBQWhDLE1BQU07Z0JBRUcsb0JBQW9CO3NCQUE3QixNQUFNO2dCQUNHLG1CQUFtQjtzQkFBNUIsTUFBTTtnQkFDRyxpQkFBaUI7c0JBQTFCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2V0dGluZ0RldGFpbFBhZ2VNb2RlbCB9IGZyb20gJy4vc2V0dGluZy1kZXRhaWwtcGFnZS5jb21wb25lbnQubW9kZWwnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzeW1waG9ueS1zZXR0aW5nLWRldGFpbC1wYWdlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NldHRpbmctZGV0YWlsLXBhZ2UuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9zZXR0aW5nLWRldGFpbC1wYWdlLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFNldHRpbmdEZXRhaWxQYWdlQ29tcG9uZW50IHtcbiAgQElucHV0KCkgbW9kZWw6IFNldHRpbmdEZXRhaWxQYWdlTW9kZWw7XG4gIEBPdXRwdXQoKSBkZXRhaWxOYXZpZ2F0aW9uQ2xpY2tlZCA9XG4gICAgbmV3IEV2ZW50RW1pdHRlcjxTZXR0aW5nRGV0YWlsUGFnZU1vZGVsPigpO1xuICBAT3V0cHV0KCkgb3V0cmVhY2hWYWx1ZUNoYW5nZWQgPSBuZXcgRXZlbnRFbWl0dGVyPFNldHRpbmdEZXRhaWxQYWdlTW9kZWw+KCk7XG4gIEBPdXRwdXQoKSBvdXRyZWFjaFNhdmVDbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxTZXR0aW5nRGV0YWlsUGFnZU1vZGVsPigpO1xuICBAT3V0cHV0KCkgcGFnZVJlbG9hZENsaWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIGNvbnN0cnVjdG9yKCkge31cblxuICBvbkRldGFpbE5hdmlnYXRpb25DbGljayhtb2RlbDogU2V0dGluZ0RldGFpbFBhZ2VNb2RlbCkge1xuICAgIHRoaXMuZGV0YWlsTmF2aWdhdGlvbkNsaWNrZWQuZW1pdChtb2RlbCk7XG4gIH1cbiAgb25PdXRyZWFjaFZhbHVlQ2hhbmdlKG1vZGVsOiBTZXR0aW5nRGV0YWlsUGFnZU1vZGVsKSB7XG4gICAgdGhpcy5vdXRyZWFjaFZhbHVlQ2hhbmdlZC5lbWl0KG1vZGVsKTtcbiAgfVxuICBvbk91dHJlYWNoU2F2ZUNsaWNrKG1vZGVsOiBTZXR0aW5nRGV0YWlsUGFnZU1vZGVsKSB7XG4gICAgdGhpcy5vdXRyZWFjaFNhdmVDbGlja2VkLmVtaXQobW9kZWwpO1xuICB9XG4gIG9uUGFnZVJlbG9hZENsaWNrKGV2ZW50KSB7XG4gICAgdGhpcy5wYWdlUmVsb2FkQ2xpY2tlZC5lbWl0KGV2ZW50KTtcbiAgfVxufVxuIiwiPHN5bXBob255LXNldHRpbmctZGV0YWlscy10ZW1wbGF0ZSAqbmdJZj1cIm1vZGVsXCI+XG4gIDxzeW1waG9ueS1icmVhZGNydW1iIGJyZWFkY3J1bWIgW2JyZWFkY3J1bWJzXT1cIm1vZGVsLmJyZWFkY3J1bWJzXCI+XG4gIDwvc3ltcGhvbnktYnJlYWRjcnVtYj5cbiAgPHN5bXBob255LWgzIHNmeC1oZWFkZXIgW3RleHRdPVwibW9kZWwucGFnZVRpdGxlXCI+PC9zeW1waG9ueS1oMz5cbiAgPHN5bXBob255LXNldHRpbmdzLWRldGFpbC1uYXZpZ2F0aW9uLWxpc3RcbiAgICBzZngtbmF2XG4gICAgW25hdmlnYXRpb25MaXN0XT1cIm1vZGVsLm5hdmlnYXRpb25MaXN0XCJcbiAgICAobmF2aWdhdGlvbkl0ZW1DbGlja2VkKT1cIm9uRGV0YWlsTmF2aWdhdGlvbkNsaWNrKG1vZGVsKVwiXG4gID48L3N5bXBob255LXNldHRpbmdzLWRldGFpbC1uYXZpZ2F0aW9uLWxpc3Q+XG4gIDxzZWN0aW9uIHNmeC1jb250ZW50PlxuICAgIDxzeW1waG9ueS1lZGl0YWJsZS1zZXR0aW5nLXBhcnRpYWwtcGFnZVxuICAgICAgW3BhcnRpYWxQYWdlTW9kZWxdPVwibW9kZWwucGFydGlhbFBhZ2VNb2RlbFwiXG4gICAgICAodmFsdWVDaGFuZ2VkKT1cIm9uT3V0cmVhY2hWYWx1ZUNoYW5nZShtb2RlbClcIlxuICAgICAgKHNhdmVDbGlja2VkKT1cIm9uT3V0cmVhY2hTYXZlQ2xpY2sobW9kZWwpXCJcbiAgICAgIFtpc0xvYWRpbmdQYXJ0aWFsUGFnZV09XCJtb2RlbC5pc0xvYWRpbmdQYXJ0aWFsUGFnZVwiXG4gICAgICBbZXJyb3JQYWdlU3RhdGVdPVwibW9kZWwuZXJyb3JQYWdlU3RhdGVcIlxuICAgICAgKHJlbG9hZENsaWNrZWQpPVwib25QYWdlUmVsb2FkQ2xpY2soJGV2ZW50KVwiXG4gICAgPlxuICAgIDxuZy1jb250ZW50IG5nUHJvamVjdEFzPVwiW2Ryb3Bkb3duLWRyb3B6b25lXVwiIHNlbGVjdD1cIltkcm9wZG93bi1kcm9wem9uZV1cIj48L25nLWNvbnRlbnQ+XG4gIDwvc3ltcGhvbnktZWRpdGFibGUtc2V0dGluZy1wYXJ0aWFsLXBhZ2U+XG4gIDwvc2VjdGlvbj5cbjwvc3ltcGhvbnktc2V0dGluZy1kZXRhaWxzLXRlbXBsYXRlPlxuIl19

package/esm2020/projects/component-library/lib/pages/setting-detail-page/setting-detail-page.component.model.mjs

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2V0dGluZy1kZXRhaWwtcGFnZS5jb21wb25lbnQubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3BhZ2VzL3NldHRpbmctZGV0YWlsLXBhZ2Uvc2V0dGluZy1kZXRhaWwtcGFnZS5jb21wb25lbnQubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJyZWFkY3J1bWJNb2RlbCB9IGZyb20gJy4uLy4uL21vbGVjdWxlcy9icmVhZGNydW1iL2JyZWFkY3J1bWIubW9kZWwnO1xuaW1wb3J0IHsgU2V0dGluZ0RldGFpbE5hdmlnYXRpb25Nb2RlbCB9IGZyb20gJy4uLy4uL21vbGVjdWxlcy9zZXR0aW5ncy1kZXRhaWwtbmF2aWdhdGlvbi1pdGVtL3NldHRpbmdzLWRldGFpbC1uYXZpZ2F0aW9uLWl0ZW0ubW9kZWwnO1xuaW1wb3J0IHsgRWRpdGFibGVTZXR0aW5nUGFydGlhbFBhZ2VNb2RlbCB9IGZyb20gJy4vcGFydGlhbC1wYWdlL2VkaXRhYmxlLXNldHRpbmctcGFydGlhbC1wYWdlL2VkaXRhYmxlLXNldHRpbmctcGFydGlhbC1wYWdlLmNvbXBvbmVudC5tb2RlbCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU2V0dGluZ0RldGFpbFBhZ2VNb2RlbCB7XG4gIHBhZ2VUaXRsZTogc3RyaW5nO1xuICBicmVhZGNydW1iczogQnJlYWRjcnVtYk1vZGVsW107XG4gIG5hdmlnYXRpb25MaXN0OiBTZXR0aW5nRGV0YWlsTmF2aWdhdGlvbk1vZGVsW107XG4gIHBhcnRpYWxQYWdlTW9kZWw6IEVkaXRhYmxlU2V0dGluZ1BhcnRpYWxQYWdlTW9kZWw7XG4gIGlzTG9hZGluZ1BhcnRpYWxQYWdlPzogYm9vbGVhbjtcbiAgZXJyb3JQYWdlU3RhdGU/OiBib29sZWFuO1xuICBlcnJvclBhZ2VUZXh0Pzogc3RyaW5nO1xufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2V0dGluZy1kZXRhaWwtcGFnZS5jb21wb25lbnQubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnQtbGlicmFyeS9zcmMvbGliL3BhZ2VzL3NldHRpbmctZGV0YWlsLXBhZ2Uvc2V0dGluZy1kZXRhaWwtcGFnZS5jb21wb25lbnQubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJyZWFkY3J1bWJNb2RlbCB9IGZyb20gJy4uLy4uL21vbGVjdWxlcy9icmVhZGNydW1iL2JyZWFkY3J1bWIubW9kZWwnO1xuaW1wb3J0IHsgU2V0dGluZ0RldGFpbE5hdmlnYXRpb25Nb2RlbCB9IGZyb20gJy4uLy4uL21vbGVjdWxlcy9zZXR0aW5ncy1kZXRhaWwtbmF2aWdhdGlvbi1pdGVtL3NldHRpbmdzLWRldGFpbC1uYXZpZ2F0aW9uLWl0ZW0ubW9kZWwnO1xuaW1wb3J0IHsgRWRpdGFibGVTZXR0aW5nUGFydGlhbFBhZ2VNb2RlbCB9IGZyb20gJy4vcGFydGlhbC1wYWdlL2VkaXRhYmxlLXNldHRpbmctcGFydGlhbC1wYWdlL2VkaXRhYmxlLXNldHRpbmctcGFydGlhbC1wYWdlLmNvbXBvbmVudC5tb2RlbCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU2V0dGluZ0RldGFpbFBhZ2VNb2RlbCB7XG4gIHBhZ2VUaXRsZTogc3RyaW5nO1xuICBicmVhZGNydW1iczogQnJlYWRjcnVtYk1vZGVsW107XG4gIG5hdmlnYXRpb25MaXN0OiBTZXR0aW5nRGV0YWlsTmF2aWdhdGlvbk1vZGVsW107XG4gIHBhcnRpYWxQYWdlTW9kZWw6IEVkaXRhYmxlU2V0dGluZ1BhcnRpYWxQYWdlTW9kZWw7XG4gIGlzTG9hZGluZ1BhcnRpYWxQYWdlPzogYm9vbGVhbjtcbiAgZXJyb3JQYWdlU3RhdGU/OiBib29sZWFuO1xufVxuIl19

package/esm2020/projects/component-library/lib/templates/contact-list/contact-list-template.component.mjs

@@ -4,9 +4,9 @@ export class ContactListTemplateComponent {
     constructor() { }
 }
 ContactListTemplateComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ContactListTemplateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ContactListTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ContactListTemplateComponent, selector: "symphony-contact-list-template", ngImport: i0, template: "<section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n  <div class=\"sfx-page-title\">\n    <div class=\"row\">\n      <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9 sfx-pl-0\">\n        <ng-content select=\"[sfx-header]\"></ng-content>\n      </div>\n      <span class=\"pull-right sfx-create-new\">\n        <ng-content select=\"[sfx-page-action]\"></ng-content>\n      </span>\n    </div>\n  </div>\n</section>\n<section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-40\">\n  <div class=\"row\">\n    <ng-content select=\"[sfx-filter-area]\"></ng-content>\n  </div>\n</section>\n<section>\n  <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-p-0\">\n    <ng-content select=\"[sfx-actions]\"></ng-content>\n  </div>\n</section>\n<section\n  class=\"sfx-grid-wrap grid-with-dropdown sfx-d-inline-block sfx-wid-100\"\n>\n  <ng-content select=\"[sfx-grid]\"></ng-content>\n</section>\n", styles: [".sfx-page-title{margin-block:1.5625rem}\n"] });
+ContactListTemplateComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.1.2", type: ContactListTemplateComponent, selector: "symphony-contact-list-template", ngImport: i0, template: "<section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n  <div class=\"sfx-page-title\">\n    <div class=\"row\">\n      <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9 sfx-pl-0\">\n        <ng-content select=\"[sfx-header]\"></ng-content>\n      </div>\n      <span class=\"pull-right sfx-create-new\">\n        <ng-content select=\"[sfx-page-action]\"></ng-content>\n      </span>\n    </div>\n  </div>\n</section>\n<section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-40\">\n  <div class=\"row\">\n    <ng-content select=\"[sfx-filter-area]\"></ng-content>\n  </div>\n</section>\n<section>\n  <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-p-0\">\n    <ng-content select=\"[sfx-actions]\"></ng-content>\n  </div>\n</section>\n<section\n  class=\"sfx-grid-wrap grid-with-dropdown sfx-wid-100\"\n>\n  <ng-content select=\"[sfx-grid]\"></ng-content>\n</section>\n", styles: [".sfx-page-title{margin-block:1.5625rem}\n"] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.1.2", ngImport: i0, type: ContactListTemplateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'symphony-contact-list-template', template: "<section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n  <div class=\"sfx-page-title\">\n    <div class=\"row\">\n      <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9 sfx-pl-0\">\n        <ng-content select=\"[sfx-header]\"></ng-content>\n      </div>\n      <span class=\"pull-right sfx-create-new\">\n        <ng-content select=\"[sfx-page-action]\"></ng-content>\n      </span>\n    </div>\n  </div>\n</section>\n<section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-40\">\n  <div class=\"row\">\n    <ng-content select=\"[sfx-filter-area]\"></ng-content>\n  </div>\n</section>\n<section>\n  <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-p-0\">\n    <ng-content select=\"[sfx-actions]\"></ng-content>\n  </div>\n</section>\n<section\n  class=\"sfx-grid-wrap grid-with-dropdown sfx-d-inline-block sfx-wid-100\"\n>\n  <ng-content select=\"[sfx-grid]\"></ng-content>\n</section>\n", styles: [".sfx-page-title{margin-block:1.5625rem}\n"] }]
+            args: [{ selector: 'symphony-contact-list-template', template: "<section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12\">\n  <div class=\"sfx-page-title\">\n    <div class=\"row\">\n      <div class=\"col-xs-12 col-sm-12 colmd-9 col-lg-9 sfx-pl-0\">\n        <ng-content select=\"[sfx-header]\"></ng-content>\n      </div>\n      <span class=\"pull-right sfx-create-new\">\n        <ng-content select=\"[sfx-page-action]\"></ng-content>\n      </span>\n    </div>\n  </div>\n</section>\n<section class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-mb-40\">\n  <div class=\"row\">\n    <ng-content select=\"[sfx-filter-area]\"></ng-content>\n  </div>\n</section>\n<section>\n  <div class=\"col-xs-12 col-sm-12 col-md-12 col-lg-12 sfx-p-0\">\n    <ng-content select=\"[sfx-actions]\"></ng-content>\n  </div>\n</section>\n<section\n  class=\"sfx-grid-wrap grid-with-dropdown sfx-wid-100\"\n>\n  <ng-content select=\"[sfx-grid]\"></ng-content>\n</section>\n", styles: [".sfx-page-title{margin-block:1.5625rem}\n"] }]
         }], ctorParameters: function () { return []; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFjdC1saXN0LXRlbXBsYXRlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvdGVtcGxhdGVzL2NvbnRhY3QtbGlzdC9jb250YWN0LWxpc3QtdGVtcGxhdGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi90ZW1wbGF0ZXMvY29udGFjdC1saXN0L2NvbnRhY3QtbGlzdC10ZW1wbGF0ZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU8xQyxNQUFNLE9BQU8sNEJBQTRCO0lBQ3ZDLGdCQUFlLENBQUM7O3lIQURMLDRCQUE0Qjs2R0FBNUIsNEJBQTRCLHNFQ1B6QyxnNUJBMkJBOzJGRHBCYSw0QkFBNEI7a0JBTHhDLFNBQVM7K0JBQ0UsZ0NBQWdDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWNvbnRhY3QtbGlzdC10ZW1wbGF0ZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9jb250YWN0LWxpc3QtdGVtcGxhdGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jb250YWN0LWxpc3QtdGVtcGxhdGUuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQ29udGFjdExpc3RUZW1wbGF0ZUNvbXBvbmVudCB7XG4gIGNvbnN0cnVjdG9yKCkge31cbn1cbiIsIjxzZWN0aW9uIGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0xMiBjb2wtbWQtMTIgY29sLWxnLTEyXCI+XG4gIDxkaXYgY2xhc3M9XCJzZngtcGFnZS10aXRsZVwiPlxuICAgIDxkaXYgY2xhc3M9XCJyb3dcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTEyIGNvbG1kLTkgY29sLWxnLTkgc2Z4LXBsLTBcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1oZWFkZXJdXCI+PC9uZy1jb250ZW50PlxuICAgICAgPC9kaXY+XG4gICAgICA8c3BhbiBjbGFzcz1cInB1bGwtcmlnaHQgc2Z4LWNyZWF0ZS1uZXdcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1wYWdlLWFjdGlvbl1cIj48L25nLWNvbnRlbnQ+XG4gICAgICA8L3NwYW4+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9zZWN0aW9uPlxuPHNlY3Rpb24gY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTEyIGNvbC1tZC0xMiBjb2wtbGctMTIgc2Z4LW1iLTQwXCI+XG4gIDxkaXYgY2xhc3M9XCJyb3dcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2Z4LWZpbHRlci1hcmVhXVwiPjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L3NlY3Rpb24+XG48c2VjdGlvbj5cbiAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tMTIgY29sLW1kLTEyIGNvbC1sZy0xMiBzZngtcC0wXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1hY3Rpb25zXVwiPjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L3NlY3Rpb24+XG48c2VjdGlvblxuICBjbGFzcz1cInNmeC1ncmlkLXdyYXAgZ3JpZC13aXRoLWRyb3Bkb3duIHNmeC1kLWlubGluZS1ibG9jayBzZngtd2lkLTEwMFwiXG4+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZngtZ3JpZF1cIj48L25nLWNvbnRlbnQ+XG48L3NlY3Rpb24+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGFjdC1saXN0LXRlbXBsYXRlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudC1saWJyYXJ5L3NyYy9saWIvdGVtcGxhdGVzL2NvbnRhY3QtbGlzdC9jb250YWN0LWxpc3QtdGVtcGxhdGUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50LWxpYnJhcnkvc3JjL2xpYi90ZW1wbGF0ZXMvY29udGFjdC1saXN0L2NvbnRhY3QtbGlzdC10ZW1wbGF0ZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQU8xQyxNQUFNLE9BQU8sNEJBQTRCO0lBQ3ZDLGdCQUFlLENBQUM7O3lIQURMLDRCQUE0Qjs2R0FBNUIsNEJBQTRCLHNFQ1B6Qyw2M0JBMkJBOzJGRHBCYSw0QkFBNEI7a0JBTHhDLFNBQVM7K0JBQ0UsZ0NBQWdDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3N5bXBob255LWNvbnRhY3QtbGlzdC10ZW1wbGF0ZScsXG4gIHRlbXBsYXRlVXJsOiAnLi9jb250YWN0LWxpc3QtdGVtcGxhdGUuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9jb250YWN0LWxpc3QtdGVtcGxhdGUuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQ29udGFjdExpc3RUZW1wbGF0ZUNvbXBvbmVudCB7XG4gIGNvbnN0cnVjdG9yKCkge31cbn1cbiIsIjxzZWN0aW9uIGNsYXNzPVwiY29sLXhzLTEyIGNvbC1zbS0xMiBjb2wtbWQtMTIgY29sLWxnLTEyXCI+XG4gIDxkaXYgY2xhc3M9XCJzZngtcGFnZS10aXRsZVwiPlxuICAgIDxkaXYgY2xhc3M9XCJyb3dcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTEyIGNvbG1kLTkgY29sLWxnLTkgc2Z4LXBsLTBcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1oZWFkZXJdXCI+PC9uZy1jb250ZW50PlxuICAgICAgPC9kaXY+XG4gICAgICA8c3BhbiBjbGFzcz1cInB1bGwtcmlnaHQgc2Z4LWNyZWF0ZS1uZXdcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1wYWdlLWFjdGlvbl1cIj48L25nLWNvbnRlbnQ+XG4gICAgICA8L3NwYW4+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9zZWN0aW9uPlxuPHNlY3Rpb24gY2xhc3M9XCJjb2wteHMtMTIgY29sLXNtLTEyIGNvbC1tZC0xMiBjb2wtbGctMTIgc2Z4LW1iLTQwXCI+XG4gIDxkaXYgY2xhc3M9XCJyb3dcIj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2Z4LWZpbHRlci1hcmVhXVwiPjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L3NlY3Rpb24+XG48c2VjdGlvbj5cbiAgPGRpdiBjbGFzcz1cImNvbC14cy0xMiBjb2wtc20tMTIgY29sLW1kLTEyIGNvbC1sZy0xMiBzZngtcC0wXCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1hY3Rpb25zXVwiPjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L3NlY3Rpb24+XG48c2VjdGlvblxuICBjbGFzcz1cInNmeC1ncmlkLXdyYXAgZ3JpZC13aXRoLWRyb3Bkb3duIHNmeC13aWQtMTAwXCJcbj5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NmeC1ncmlkXVwiPjwvbmctY29udGVudD5cbjwvc2VjdGlvbj5cbiJdfQ==