import { Component, Input, ViewEncapsulation } from '@angular/core';
import { ChoiceList } from '../../../../forms/page/widgets/choicelist';
import { FormObjectViewService } from '../../form-object-view.service';
import { WidgetSubType } from '../../../../forms/page/common/widget-enums';
import { DetailViewType } from '../../../../forms/page/common/detail-view-enums';
import { AxoUtils } from '../../../../axo-utils/axo-utils';
import * as i0 from "@angular/core";
import * as i1 from "../../form-object-view.service";
function ChoiceListWidgetViewComponent_div_0_div_1_mat_spinner_12_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "mat-spinner", 25);
} if (rf & 2) {
    i0.ɵɵproperty("diameter", 15);
} }
function ChoiceListWidgetViewComponent_div_0_div_1_img_15_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "img", 26);
} }
function ChoiceListWidgetViewComponent_div_0_div_1_img_16_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "img", 27);
} }
function ChoiceListWidgetViewComponent_div_0_div_1_img_17_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "img", 28);
} }
function ChoiceListWidgetViewComponent_div_0_div_1_div_20_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 29);
    i0.ɵɵelement(1, "dynamic-data-view", 30);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const choice_r6 = i0.ɵɵnextContext().$implicit;
    const ctx_r13 = i0.ɵɵnextContext(2);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("dataDetailView", ctx_r13.choiceListDetailView[choice_r6.formObjectId])("baseUrl", ctx_r13.baseUrl)("viewType", ctx_r13.detailViewType.FormObjectView)("axonatorX1Url", ctx_r13.axonatorX1Url);
} }
function ChoiceListWidgetViewComponent_div_0_div_1_Template(rf, ctx) { if (rf & 1) {
    const _r16 = i0.ɵɵgetCurrentView();
    i0.ɵɵelementStart(0, "div");
    i0.ɵɵelementStart(1, "div", 7);
    i0.ɵɵelementStart(2, "div", 8);
    i0.ɵɵlistener("click", function ChoiceListWidgetViewComponent_div_0_div_1_Template_div_click_2_listener() { const restoredCtx = i0.ɵɵrestoreView(_r16); const choice_r6 = restoredCtx.$implicit; const _r8 = i0.ɵɵreference(14); const ctx_r15 = i0.ɵɵnextContext(2); return ctx_r15.toggleAccordion(_r8, choice_r6.formObjectId, ctx_r15.section.childSectionId); });
    i0.ɵɵelementStart(3, "div", 9);
    i0.ɵɵelementStart(4, "div", 10);
    i0.ɵɵelementStart(5, "div", 11);
    i0.ɵɵelement(6, "img", 12);
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(7, "div", 13);
    i0.ɵɵelementStart(8, "p", 14);
    i0.ɵɵtext(9);
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(10, "p", 15);
    i0.ɵɵtext(11);
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
    i0.ɵɵtemplate(12, ChoiceListWidgetViewComponent_div_0_div_1_mat_spinner_12_Template, 1, 1, "mat-spinner", 16);
    i0.ɵɵelementStart(13, "button", 17, 18);
    i0.ɵɵlistener("click", function ChoiceListWidgetViewComponent_div_0_div_1_Template_button_click_13_listener() { const restoredCtx = i0.ɵɵrestoreView(_r16); const choice_r6 = restoredCtx.$implicit; const _r8 = i0.ɵɵreference(14); const ctx_r17 = i0.ɵɵnextContext(2); return ctx_r17.toggleAccordion(_r8, choice_r6.formObjectId, ctx_r17.section.childSectionId); });
    i0.ɵɵtemplate(15, ChoiceListWidgetViewComponent_div_0_div_1_img_15_Template, 1, 0, "img", 19);
    i0.ɵɵtemplate(16, ChoiceListWidgetViewComponent_div_0_div_1_img_16_Template, 1, 0, "img", 20);
    i0.ɵɵelementEnd();
    i0.ɵɵtemplate(17, ChoiceListWidgetViewComponent_div_0_div_1_img_17_Template, 1, 0, "img", 21);
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(18, "div", 22, 23);
    i0.ɵɵtemplate(20, ChoiceListWidgetViewComponent_div_0_div_1_div_20_Template, 2, 4, "div", 24);
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const choice_r6 = ctx.$implicit;
    const ctx_r5 = i0.ɵɵnextContext(2);
    i0.ɵɵadvance(2);
    i0.ɵɵattribute("data-bs-target", "#" + ctx_r5.section.widget.identifier + "_" + choice_r6.formObjectId + "_" + ctx_r5.section.childSectionId);
    i0.ɵɵadvance(4);
    i0.ɵɵproperty("src", ctx_r5.baseUrl + ctx_r5.removeSlashFromImageUrl(choice_r6.picture), i0.ɵɵsanitizeUrl);
    i0.ɵɵadvance(3);
    i0.ɵɵtextInterpolate(choice_r6.formObjectTitle);
    i0.ɵɵadvance(2);
    i0.ɵɵtextInterpolate(choice_r6.formObjectSubTitle);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r5.choiceRecordsInProgress[ctx_r5.section.widget.identifier + "_" + choice_r6.formObjectId]);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("id", ctx_r5.section.widget.identifier + "_" + choice_r6.formObjectId);
    i0.ɵɵattribute("data-bs-target", "#" + ctx_r5.section.widget.identifier + "_" + choice_r6.formObjectId + "_" + ctx_r5.section.childSectionId)("aria-controls", ctx_r5.section.widget.identifier + "_" + choice_r6.formObjectId + "_" + ctx_r5.section.childSectionId);
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("ngIf", !ctx_r5.expandedChoiceRecords[ctx_r5.section.widget.identifier + "_" + choice_r6.formObjectId] && !ctx_r5.choiceRecordsInProgress[ctx_r5.section.widget.identifier + "_" + choice_r6.formObjectId]);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r5.expandedChoiceRecords[ctx_r5.section.widget.identifier + "_" + choice_r6.formObjectId]);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r5.expandedChoiceRecords[ctx_r5.section.widget.identifier + "_" + choice_r6.formObjectId]);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("id", ctx_r5.section.widget.identifier + "_" + choice_r6.formObjectId + "_" + ctx_r5.section.childSectionId);
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("ngIf", ctx_r5.choiceListDetailView[choice_r6.formObjectId]);
} }
const _c0 = function (a0) { return { "referenceList": a0 }; };
function ChoiceListWidgetViewComponent_div_0_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 5);
    i0.ɵɵtemplate(1, ChoiceListWidgetViewComponent_div_0_div_1_Template, 21, 13, "div", 6);
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r0 = i0.ɵɵnextContext();
    i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(2, _c0, ctx_r0.widget.subType == ctx_r0.widgetSubType.referenceList));
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngForOf", ctx_r0.widget == null ? null : ctx_r0.widget.value);
} }
function ChoiceListWidgetViewComponent_ng_container_2_div_1_span_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "span");
    i0.ɵɵtext(1);
    i0.ɵɵelementStart(2, "span", 36);
    i0.ɵɵtext(3, ":");
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r19 = i0.ɵɵnextContext(3);
    i0.ɵɵadvance(1);
    i0.ɵɵtextInterpolate(ctx_r19.widget.prompt);
} }
function ChoiceListWidgetViewComponent_ng_container_2_div_1_mat_list_4_span_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "span");
    i0.ɵɵtext(1, ",");
    i0.ɵɵelementEnd();
} }
function ChoiceListWidgetViewComponent_ng_container_2_div_1_mat_list_4_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "mat-list", 37);
    i0.ɵɵelementStart(1, "mat-list-item", 38);
    i0.ɵɵtext(2);
    i0.ɵɵtemplate(3, ChoiceListWidgetViewComponent_ng_container_2_div_1_mat_list_4_span_3_Template, 2, 0, "span", 4);
    i0.ɵɵtext(4, "\u00A0");
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const item_r21 = ctx.$implicit;
    const i_r22 = ctx.index;
    const ctx_r20 = i0.ɵɵnextContext(3);
    i0.ɵɵadvance(1);
    i0.ɵɵpropertyInterpolate("title", item_r21);
    i0.ɵɵadvance(1);
    i0.ɵɵtextInterpolate(item_r21);
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", i_r22 !== ctx_r20.widget.value.length - 1);
} }
function ChoiceListWidgetViewComponent_ng_container_2_div_1_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 32);
    i0.ɵɵelement(1, "mat-icon", 33);
    i0.ɵɵtemplate(2, ChoiceListWidgetViewComponent_ng_container_2_div_1_span_2_Template, 4, 1, "span", 4);
    i0.ɵɵelementStart(3, "div", 34);
    i0.ɵɵtemplate(4, ChoiceListWidgetViewComponent_ng_container_2_div_1_mat_list_4_Template, 5, 3, "mat-list", 35);
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r18 = i0.ɵɵnextContext(2);
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("ngIf", ctx_r18.section.showPrompt);
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("ngForOf", ctx_r18.widget.value);
} }
function ChoiceListWidgetViewComponent_ng_container_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementContainerStart(0);
    i0.ɵɵtemplate(1, ChoiceListWidgetViewComponent_ng_container_2_div_1_Template, 5, 2, "div", 31);
    i0.ɵɵelementContainerEnd();
} if (rf & 2) {
    const ctx_r1 = i0.ɵɵnextContext();
    i0.ɵɵadvance(1);
    i0.ɵɵproperty("ngIf", ctx_r1.widget.subType == ctx_r1.widgetSubType.fixedList || ctx_r1.widget.subType == ctx_r1.widgetSubType.imageFixedList);
} }
function ChoiceListWidgetViewComponent_ng_template_3_span_2_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "span");
    i0.ɵɵtext(1);
    i0.ɵɵelementStart(2, "span", 36);
    i0.ɵɵtext(3, ":");
    i0.ɵɵelementEnd();
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r24 = i0.ɵɵnextContext(2);
    i0.ɵɵadvance(1);
    i0.ɵɵtextInterpolate(ctx_r24.widget.prompt);
} }
function ChoiceListWidgetViewComponent_ng_template_3_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelementStart(0, "div", 32);
    i0.ɵɵelement(1, "mat-icon", 33);
    i0.ɵɵtemplate(2, ChoiceListWidgetViewComponent_ng_template_3_span_2_Template, 4, 1, "span", 4);
    i0.ɵɵelementEnd();
    i0.ɵɵelementStart(3, "span", 39);
    i0.ɵɵtext(4, "-");
    i0.ɵɵelementEnd();
} if (rf & 2) {
    const ctx_r3 = i0.ɵɵnextContext();
    i0.ɵɵadvance(2);
    i0.ɵɵproperty("ngIf", ctx_r3.section.showPrompt);
} }
function ChoiceListWidgetViewComponent_div_5_Template(rf, ctx) { if (rf & 1) {
    i0.ɵɵelement(0, "div");
} }
export class ChoiceListWidgetViewComponent {
    constructor(_formObjectViewService) {
        this._formObjectViewService = _formObjectViewService;
        this.detailViewType = Object.assign({}, DetailViewType);
        this.widgetSubType = Object.assign({}, WidgetSubType);
        this.choiceListDetailView = new Map();
        this.expandedChoiceRecords = new Map();
        this.choiceRecordsInProgress = new Map();
    }
    ngOnInit() {
        this.widgetValue = this.widget.getWidgetValue();
        this.section.showPrompt = this.section.showPrompt;
    }
    removeSlashFromImageUrl(url) {
        return AxoUtils.removeSlashFromImageUrl(url);
    }
    toggleAccordion(accordionToggle, formobjectId, childSectionId) {
        if (!(formobjectId in this.choiceListDetailView)) {
            this.choiceRecordsInProgress[accordionToggle.id] = true;
            this._formObjectViewService.createDataDetailView(childSectionId, formobjectId, Number(this.widget.referenceForm), this.axonatorX1Url).then((dataDetailSection) => {
                this.choiceListDetailView[formobjectId] = dataDetailSection;
                this.expandedChoiceRecords[accordionToggle.id] = accordionToggle.ariaExpanded == 'true';
                this.choiceRecordsInProgress[accordionToggle.id] = false;
            });
        }
        else
            this.expandedChoiceRecords[accordionToggle.id] = accordionToggle.ariaExpanded == 'true';
    }
}
ChoiceListWidgetViewComponent.ɵfac = function ChoiceListWidgetViewComponent_Factory(t) { return new (t || ChoiceListWidgetViewComponent)(i0.ɵɵdirectiveInject(i1.FormObjectViewService)); };
ChoiceListWidgetViewComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ChoiceListWidgetViewComponent, selectors: [["lib-choice-list-widget-view"]], inputs: { widget: "widget", baseUrl: "baseUrl", axonatorX1Url: "axonatorX1Url" }, decls: 6, vars: 4, consts: [[3, "ngClass", 4, "ngIf"], [1, "data-detail-info"], [4, "ngIf", "ngIfElse"], ["isWidgetValueEmpty", ""], [4, "ngIf"], [3, "ngClass"], [4, "ngFor", "ngForOf"], [1, "accordion"], ["data-bs-toggle", "collapse", 1, "accordion-item", "bg-white", "border", "border-gray-200", "relative", 3, "click"], ["id", "accordionHeading", 1, "accordion-header", "mb-0", "sm:px-10", "p-3"], [1, "flex", "gap-2", "items-center", "justify-start"], [1, "col-4"], ["alt", "...", 1, "thumbnail", "h-10", "w-10", 3, "src"], [1, "col-6", "flex", "items-start", "justify-start", "align-middle", "gap-y-1.5", "flex-col"], [1, "choice-list-title", "m-0"], [1, "choice-list-subtitle", "m-0"], ["class", "expand-button", 3, "diameter", 4, "ngIf"], ["type", "button", "data-bs-toggle", "collapse", "aria-expanded", "false", 1, "expand-button", 3, "id", "click"], ["accordionToggle", ""], ["class", "child-expande-icon sm:w-4 w-3", "alt", "", "src", "assets/icons/axo/expand_icon.svg", 4, "ngIf"], ["class", "child-expand-icon sm:w-4 w-3", "alt", "", "src", "assets/icons/axo/collapse_icon.svg", 4, "ngIf"], ["class", "child-expanded-icon sm:w-4 w-3", "alt", "", "src", "assets/icons/axo/expanded_arrow.svg", 4, "ngIf"], ["aria-labelledby", "accordionHeading", 1, "accordion-collapse", "collapse", 3, "id"], ["accordionBody", ""], ["class", "accordion-body sm:p-3 py-3", 4, "ngIf"], [1, "expand-button", 3, "diameter"], ["alt", "", "src", "assets/icons/axo/expand_icon.svg", 1, "child-expande-icon", "sm:w-4", "w-3"], ["alt", "", "src", "assets/icons/axo/collapse_icon.svg", 1, "child-expand-icon", "sm:w-4", "w-3"], ["alt", "", "src", "assets/icons/axo/expanded_arrow.svg", 1, "child-expanded-icon", "sm:w-4", "w-3"], [1, "accordion-body", "sm:p-3", "py-3"], [3, "dataDetailView", "baseUrl", "viewType", "axonatorX1Url"], ["class", "data-detail-title flex text-sm", 4, "ngIf"], [1, "data-detail-title", "flex", "text-sm"], ["svgIcon", "axo_choice_list", 1, "add-text"], [1, "choice-list-view-container"], ["role", "list", 4, "ngFor", "ngForOf"], [1, "colon"], ["role", "list"], ["role", "listitem", 3, "title"], [1, "flex", "justify-start"]], template: function ChoiceListWidgetViewComponent_Template(rf, ctx) { if (rf & 1) {
        i0.ɵɵtemplate(0, ChoiceListWidgetViewComponent_div_0_Template, 2, 4, "div", 0);
        i0.ɵɵelementStart(1, "div", 1);
        i0.ɵɵtemplate(2, ChoiceListWidgetViewComponent_ng_container_2_Template, 2, 1, "ng-container", 2);
        i0.ɵɵtemplate(3, ChoiceListWidgetViewComponent_ng_template_3_Template, 5, 1, "ng-template", null, 3, i0.ɵɵtemplateRefExtractor);
        i0.ɵɵelementEnd();
        i0.ɵɵtemplate(5, ChoiceListWidgetViewComponent_div_5_Template, 1, 0, "div", 4);
    } if (rf & 2) {
        const _r2 = i0.ɵɵreference(4);
        i0.ɵɵproperty("ngIf", ctx.widget.subType == ctx.widgetSubType.referenceList);
        i0.ɵɵadvance(2);
        i0.ɵɵproperty("ngIf", ctx.widget.value)("ngIfElse", _r2);
        i0.ɵɵadvance(3);
        i0.ɵɵproperty("ngIf", ctx.widget.subType == ctx.widgetSubType.apiList);
    } }, styles: ["lib-choice-list-widget-view .accordion .records-connection-line{position:absolute;left:4.1rem;height:calc(100% - 16px);border-left:1px solid;width:2px}lib-choice-list-widget-view .accordion .accordion-item{border-radius:.25rem!important}lib-choice-list-widget-view .accordion .accordion-header{background:#FAFBFC;border-radius:.25rem}lib-choice-list-widget-view .accordion .expand-button{position:absolute;left:1rem;bottom:-7px}lib-choice-list-widget-view .accordion img.child-expanded-icon{top:3.4rem;left:1rem;position:absolute}@media screen and (max-width: 600px){lib-choice-list-widget-view .accordion img.child-expanded-icon{top:3.6rem}}lib-choice-list-widget-view .accordion .accordion-body{background-color:#fcfdff;border-radius:.5rem}lib-choice-list-widget-view .accordion .accordion-body .mat-card{margin-bottom:0!important}@media screen and (max-width: 768px){lib-choice-list-widget-view .accordion{margin:0}}lib-choice-list-widget-view .form-object-view-heading{display:none!important}lib-choice-list-widget-view .data-detail-content{margin-top:15px!important}lib-choice-list-widget-view .choice-list-view-container{max-width:100%;line-height:20px}lib-choice-list-widget-view .referenceList{display:flex;flex-direction:column;row-gap:1.5rem}\n"], encapsulation: 2 });
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ChoiceListWidgetViewComponent, [{
        type: Component,
        args: [{ selector: 'lib-choice-list-widget-view', encapsulation: ViewEncapsulation.None, template: "\n\n    \n      \n    <div *ngIf=\"widget.subType == widgetSubType.referenceList\" [ngClass]=\"{'referenceList':widget.subType == widgetSubType.referenceList}\">\n\n      <div *ngFor=\"let choice of widget?.value\">    \n        <div class=\"accordion\">\n          <div class=\"accordion-item bg-white border border-gray-200 relative\" (click)=\"toggleAccordion(accordionToggle,choice.formObjectId,section.childSectionId)\" data-bs-toggle=\"collapse\" [attr.data-bs-target]=\"'#'+section.widget.identifier+'_'+choice.formObjectId+'_'+section.childSectionId\">\n              <div class=\"accordion-header mb-0 sm:px-10 p-3\" id=\"accordionHeading\">\n                  <div class=\"flex gap-2 items-center justify-start\">\n                    <div class=\"col-4\">\n                      <img class=\"thumbnail h-10 w-10\" alt=\"...\" [src]=\"baseUrl +  removeSlashFromImageUrl(choice.picture)\" />\n                    </div>\n                    <div class=\"col-6 flex items-start justify-start align-middle gap-y-1.5 flex-col\">\n                      <p class=\"choice-list-title m-0\">{{choice.formObjectTitle}}</p>\n                      <p class=\"choice-list-subtitle m-0\">{{choice.formObjectSubTitle}}</p>\n                    </div>\n                  </div>\n              <mat-spinner *ngIf=\"choiceRecordsInProgress[section.widget.identifier+'_'+choice.formObjectId]\" class=\"expand-button\" [diameter]=\"15\"></mat-spinner>\n              <button #accordionToggle [id]=\"section.widget.identifier+'_'+choice.formObjectId\" (click)=\"toggleAccordion(accordionToggle,choice.formObjectId,section.childSectionId)\" class=\"expand-button\" type=\"button\" data-bs-toggle=\"collapse\" [attr.data-bs-target]=\"'#'+section.widget.identifier+'_'+choice.formObjectId+'_'+section.childSectionId\" aria-expanded=\"false\"\n                 [attr.aria-controls]=\"section.widget.identifier+'_'+choice.formObjectId+'_'+section.childSectionId\">\n                  <img *ngIf=\"!expandedChoiceRecords[section.widget.identifier+'_'+choice.formObjectId] && !choiceRecordsInProgress[section.widget.identifier+'_'+choice.formObjectId]\" class=\"child-expande-icon sm:w-4 w-3\" alt=\"\" src=\"assets/icons/axo/expand_icon.svg\">\n                  <img *ngIf=\"expandedChoiceRecords[section.widget.identifier+'_'+choice.formObjectId]\" class=\"child-expand-icon sm:w-4 w-3\" alt=\"\" src=\"assets/icons/axo/collapse_icon.svg\">\n              </button>\n              <img *ngIf=\"expandedChoiceRecords[section.widget.identifier+'_'+choice.formObjectId]\" class=\"child-expanded-icon sm:w-4 w-3\" alt=\"\" src=\"assets/icons/axo/expanded_arrow.svg\">\n              </div>\n              <div #accordionBody [id]=\"section.widget.identifier+'_'+choice.formObjectId+'_'+section.childSectionId\" class=\"accordion-collapse collapse\" aria-labelledby=\"accordionHeading\">\n                <div class=\"accordion-body sm:p-3 py-3\"   *ngIf=\"choiceListDetailView[choice.formObjectId]\" >\n                    <dynamic-data-view [dataDetailView]=\"choiceListDetailView[choice.formObjectId]\"\n                    [baseUrl]=\"baseUrl\" \n                    [viewType]=\"detailViewType.FormObjectView\"\n                    [axonatorX1Url] =\"axonatorX1Url\"></dynamic-data-view>\n                </div>\n                </div>\n          </div>\n      </div>\n        </div>\n    </div>\n\n    <div class=\"data-detail-info\">\n      <ng-container *ngIf=\"widget.value; else isWidgetValueEmpty\" >\n          <div class=\"data-detail-title flex text-sm\" *ngIf=\"widget.subType == widgetSubType.fixedList || widget.subType == widgetSubType.imageFixedList\">\n              <mat-icon class=\"add-text\" svgIcon=\"axo_choice_list\"></mat-icon> \n              <span *ngIf=\"section.showPrompt\">{{widget.prompt}}<span class=\"colon\">:</span></span>\n              <div class=\"choice-list-view-container\">\n                <mat-list *ngFor=\"let item of widget.value;let i =index\" role=\"list\">\n                  <mat-list-item title=\"{{item}}\" role=\"listitem\">{{item }}<span *ngIf=\"i !== widget.value.length-1\">,</span>&nbsp;</mat-list-item>\n                </mat-list>\n              </div>\n          </div>\n          \n      </ng-container>\n      <ng-template #isWidgetValueEmpty>\n          <div class=\"data-detail-title flex text-sm\">\n              <mat-icon class=\"add-text\" svgIcon=\"axo_choice_list\"></mat-icon> \n              <span *ngIf=\"section.showPrompt\">{{widget.prompt}}<span class=\"colon\">:</span></span>\n          </div>\n          <span class=\"flex justify-start\">-</span>\n  \n      </ng-template>\n  </div>\n\n\n    <div *ngIf=\"widget.subType == widgetSubType.apiList\">\n\n\n    </div>\n \n\n", styles: ["lib-choice-list-widget-view .accordion .records-connection-line{position:absolute;left:4.1rem;height:calc(100% - 16px);border-left:1px solid;width:2px}lib-choice-list-widget-view .accordion .accordion-item{border-radius:.25rem!important}lib-choice-list-widget-view .accordion .accordion-header{background:#FAFBFC;border-radius:.25rem}lib-choice-list-widget-view .accordion .expand-button{position:absolute;left:1rem;bottom:-7px}lib-choice-list-widget-view .accordion img.child-expanded-icon{top:3.4rem;left:1rem;position:absolute}@media screen and (max-width: 600px){lib-choice-list-widget-view .accordion img.child-expanded-icon{top:3.6rem}}lib-choice-list-widget-view .accordion .accordion-body{background-color:#fcfdff;border-radius:.5rem}lib-choice-list-widget-view .accordion .accordion-body .mat-card{margin-bottom:0!important}@media screen and (max-width: 768px){lib-choice-list-widget-view .accordion{margin:0}}lib-choice-list-widget-view .form-object-view-heading{display:none!important}lib-choice-list-widget-view .data-detail-content{margin-top:15px!important}lib-choice-list-widget-view .choice-list-view-container{max-width:100%;line-height:20px}lib-choice-list-widget-view .referenceList{display:flex;flex-direction:column;row-gap:1.5rem}\n"] }]
    }], function () { return [{ type: i1.FormObjectViewService }]; }, { widget: [{
            type: Input
        }], baseUrl: [{
            type: Input
        }], axonatorX1Url: [{
            type: Input
        }] }); })();
//# sourceMappingURL=data:application/json;base64, 