@wizishop/angular-components 15.1.144 → 15.1.146

package/fesm2020/wizishop-angular-components.mjs

@@ -1221,7 +1221,7 @@ class InputComponent {
     }
 }
 InputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-InputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: InputComponent, isStandalone: true, selector: "wac-input", inputs: { label: "label", value: "value", type: "type", placeholder: "placeholder", textInfo: "textInfo", textError: "textError", size: "size", isNumber: "isNumber", withoutBlock: "withoutBlock", icon: "icon", big: "big", medium: "medium", boldLabel: "boldLabel", min: "min", max: "max", disableMargin: "disableMargin", textPrepend: "textPrepend", textAppend: "textAppend", progressBar: "progressBar", extraClasses: "extraClasses", keyPreventDefault: "keyPreventDefault", showTooltip: "showTooltip", textTooltip: "textTooltip", iconTooltip: "iconTooltip", urlTooltip: "urlTooltip", linkTooltip: "linkTooltip", padding: "padding", disabled: "disabled", indication: "indication", success: "success", error: "error", maxlength: "maxlength", minlength: "minlength", indicationLeft: "indicationLeft" }, outputs: { keypressEnter: "keypressEnter", blurred: "blurred" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: InputComponent, multi: true }], ngImport: i0, template: "<div\r\n  class=\"field wac-input\"\r\n  [ngClass]=\"{ 'has-no-block': withoutBlock, 'is-big': big, 'is-medium': medium, 'with-padding': padding, 'indication-left': indicationLeft, 'with-progress-bar': progressBar }\"\r\n>\r\n  <div class=\"field-label is-normal has-text-left\" *ngIf=\"!withoutBlock\">\r\n    <label\r\n      [ngClass]=\"[boldLabel === 'true' ? 'label has-text-weight-bold' : 'label has-text-weight-normal', showTooltip ? 'label-inline' : '', size && !progressBar ? 'has-padding-right-mobile' : '']\"\r\n      [innerHTML]=\"label\"\r\n      [for]=\"id\"\r\n    ></label>\r\n    <wac-tooltip\r\n      *ngIf=\"showTooltip\"\r\n      [tooltipIcon]=\"iconTooltip\"\r\n      [tooltipText]=\"textTooltip\"\r\n      [tooltipLink]=\"linkTooltip\"\r\n      [tooltipUrl]=\"urlTooltip\"\r\n    ></wac-tooltip>\r\n    <!-- Size -->\r\n    <span *ngIf=\"size && !progressBar\" class=\"is-size-7 wac-input__size\">\r\n      <strong>{{ !value ? 0 : value.toString().length }}</strong> / {{ size }}\r\n    </span>\r\n  </div>\r\n  <div class=\"field-body\">\r\n    <div class=\"field\">\r\n      <p\r\n        class=\"control\"\r\n        [ngClass]=\"{ 'has-icons-right': textError || success || error, 'has-icons-left': icon !== '', 'has-input-group': textAppend || textPrepend }\"\r\n      >\r\n        <!-- Text Prepend -->\r\n        <span *ngIf=\"textPrepend\" class=\"has-input-group\">\r\n          <span class=\"has-input-group-text prepend\">{{ textPrepend }}</span>\r\n          <span *ngIf=\"icon !== ''\" class=\"icon is-small is-left\">\r\n            <i [class]=\"icon\"></i>\r\n          </span>\r\n        </span>\r\n\r\n        <!-- Input -->\r\n        <input\r\n          [class]=\"'input ' + extraClasses\"\r\n          [id]=\"id\"\r\n          [ngClass]=\"{\r\n            'is-danger': (textError || error) && !disabled,\r\n            'is-empty': value === '',\r\n            'is-large': big,\r\n            'is-number': isNumber,\r\n            'remove-margin': disableMargin,\r\n            'text-append': textAppend\r\n          }\"\r\n          [type]=\"type\"\r\n          [placeholder]=\"placeholder\"\r\n          [attr.size]=\"size\"\r\n          [(ngModel)]=\"value\"\r\n          (ngModelChange)=\"onChange($event)\"\r\n          (blur)=\"onBlur()\"\r\n          [disabled]=\"disabled\"\r\n          (focusout)=\"onFocusOut()\"\r\n          [min]=\"min\"\r\n          [max]=\"max\"\r\n          [maxlength]=\"maxlength ? maxlength : 524288\"\r\n          [minlength]=\"minlength ? minlength : 0\"\r\n          (keypress)=\"keyPress($event)\"\r\n        />\r\n\r\n        <!-- Indication at the end of the input -->\r\n        <span class=\"indication\" *ngIf=\"indication\" [ngClass]=\"{'reverse': indicationLeft}\">\r\n          <span [innerHTML]=\"indication\"></span>\r\n        </span>\r\n\r\n        <!-- Text Append -->\r\n        <span *ngIf=\"textAppend && !indicationLeft\" class=\"has-input-group\">\r\n          <span class=\"has-input-group-text append\">{{ textAppend }}</span>\r\n          <!-- error if text append not empty -->\r\n          <span *ngIf=\"textError\" class=\"icon is-small is-right\">\r\n            <i class=\"fal fa-times has-text-danger\"></i>\r\n          </span>\r\n        </span>\r\n\r\n        <!-- Icon Left -->\r\n        <span *ngIf=\"icon !== '' && !textPrepend && !indicationLeft\" class=\"icon is-small is-left\">\r\n          <i [class]=\"icon\"></i>\r\n        </span>\r\n\r\n        <!-- Icon error if textAppend empty -->\r\n        <span *ngIf=\"(textError || error) && !textAppend && !indicationLeft  && !disabled\" class=\"icon is-small is-right\">\r\n          <i class=\"fal fa-times has-text-danger\"></i>\r\n        </span>\r\n\r\n        <!-- Icon success -->\r\n        <span *ngIf=\"success && !disabled\" class=\"icon is-small is-right\">\r\n          <i class=\"fas fa-check has-text-success\"></i>\r\n        </span>\r\n\r\n        <!-- Text Info -->\r\n        <span\r\n          *ngIf=\"textInfo && (textError === null || textError === '') && !progressBar && !indicationLeft\"\r\n          class=\"is-size-7 wac-input__info text-info\"\r\n          [innerHtml]=\"textInfo\"\r\n        ></span>\r\n\r\n        <!-- Text Error -->\r\n        <span *ngIf=\"textError && !progressBar && !indicationLeft\" class=\"is-size-7 wac-input__error has-text-danger\" [innerHtml]=\"textError\"></span>\r\n      </p>\r\n\r\n      <!-- Progress Bar -->\r\n      <wac-progress-bar *ngIf=\"progressBar && !indicationLeft\" [min]=\"min\" [max]=\"max\" [valueLength]=\"value.length\"></wac-progress-bar>\r\n    </div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: SharedDirectives }, { kind: "ngmodule", type: TooltipModule }, { kind: "component", type: TooltipComponent, selector: "wac-tooltip", inputs: ["tooltipIcon", "tooltipText", "tooltipLink", "tooltipUrl"] }, { kind: "component", type: ProgressBarComponent, selector: "wac-progress-bar", inputs: ["valueLength", "min", "max"] }] });
+InputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: InputComponent, isStandalone: true, selector: "wac-input", inputs: { label: "label", value: "value", type: "type", placeholder: "placeholder", textInfo: "textInfo", textError: "textError", size: "size", isNumber: "isNumber", withoutBlock: "withoutBlock", icon: "icon", big: "big", medium: "medium", boldLabel: "boldLabel", min: "min", max: "max", disableMargin: "disableMargin", textPrepend: "textPrepend", textAppend: "textAppend", progressBar: "progressBar", extraClasses: "extraClasses", keyPreventDefault: "keyPreventDefault", showTooltip: "showTooltip", textTooltip: "textTooltip", iconTooltip: "iconTooltip", urlTooltip: "urlTooltip", linkTooltip: "linkTooltip", padding: "padding", disabled: "disabled", indication: "indication", success: "success", error: "error", maxlength: "maxlength", minlength: "minlength", indicationLeft: "indicationLeft" }, outputs: { keypressEnter: "keypressEnter", blurred: "blurred" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: InputComponent, multi: true }], ngImport: i0, template: "<div\r\n  class=\"field wac-input\"\r\n  [ngClass]=\"{ 'has-no-block': withoutBlock, 'is-big': big, 'is-medium': medium, 'with-padding': padding, 'indication-left': indicationLeft, 'with-progress-bar': progressBar }\"\r\n>\r\n  <div class=\"field-label is-normal has-text-left\" *ngIf=\"!withoutBlock && label\">\r\n    <label\r\n      [ngClass]=\"[boldLabel === 'true' ? 'label has-text-weight-bold' : 'label has-text-weight-normal', showTooltip ? 'label-inline' : '', size && !progressBar ? 'has-padding-right-mobile' : '']\"\r\n      [innerHTML]=\"label\"\r\n      [for]=\"id\"\r\n    ></label>\r\n    <wac-tooltip\r\n      *ngIf=\"showTooltip\"\r\n      [tooltipIcon]=\"iconTooltip\"\r\n      [tooltipText]=\"textTooltip\"\r\n      [tooltipLink]=\"linkTooltip\"\r\n      [tooltipUrl]=\"urlTooltip\"\r\n    ></wac-tooltip>\r\n    <!-- Size -->\r\n    <span *ngIf=\"size && !progressBar\" class=\"is-size-7 wac-input__size\">\r\n      <strong>{{ !value ? 0 : value.toString().length }}</strong> / {{ size }}\r\n    </span>\r\n  </div>\r\n  <div class=\"field-body\">\r\n    <div class=\"field\">\r\n      <p\r\n        class=\"control\"\r\n        [ngClass]=\"{ 'has-icons-right': textError || success || error, 'has-icons-left': icon !== '', 'has-input-group': textAppend || textPrepend }\"\r\n      >\r\n        <!-- Text Prepend -->\r\n        <span *ngIf=\"textPrepend\" class=\"has-input-group\">\r\n          <span class=\"has-input-group-text prepend\">{{ textPrepend }}</span>\r\n          <span *ngIf=\"icon !== ''\" class=\"icon is-small is-left\">\r\n            <i [class]=\"icon\"></i>\r\n          </span>\r\n        </span>\r\n\r\n        <!-- Input -->\r\n        <input\r\n          [class]=\"'input ' + extraClasses\"\r\n          [id]=\"id\"\r\n          [ngClass]=\"{\r\n            'is-danger': (textError || error) && !disabled,\r\n            'is-empty': value === '',\r\n            'is-large': big,\r\n            'is-number': isNumber,\r\n            'remove-margin': disableMargin,\r\n            'text-append': textAppend\r\n          }\"\r\n          [type]=\"type\"\r\n          [placeholder]=\"placeholder\"\r\n          [attr.size]=\"size\"\r\n          [(ngModel)]=\"value\"\r\n          (ngModelChange)=\"onChange($event)\"\r\n          (blur)=\"onBlur()\"\r\n          [disabled]=\"disabled\"\r\n          (focusout)=\"onFocusOut()\"\r\n          [min]=\"min\"\r\n          [max]=\"max\"\r\n          [maxlength]=\"maxlength ? maxlength : 524288\"\r\n          [minlength]=\"minlength ? minlength : 0\"\r\n          (keypress)=\"keyPress($event)\"\r\n        />\r\n\r\n        <!-- Indication at the end of the input -->\r\n        <span class=\"indication\" *ngIf=\"indication\" [ngClass]=\"{'reverse': indicationLeft}\">\r\n          <span [innerHTML]=\"indication\"></span>\r\n        </span>\r\n\r\n        <!-- Text Append -->\r\n        <span *ngIf=\"textAppend && !indicationLeft\" class=\"has-input-group\">\r\n          <span class=\"has-input-group-text append\">{{ textAppend }}</span>\r\n          <!-- error if text append not empty -->\r\n          <span *ngIf=\"textError\" class=\"icon is-small is-right\">\r\n            <i class=\"fal fa-times has-text-danger\"></i>\r\n          </span>\r\n        </span>\r\n\r\n        <!-- Icon Left -->\r\n        <span *ngIf=\"icon !== '' && !textPrepend && !indicationLeft\" class=\"icon is-small is-left\">\r\n          <i [class]=\"icon\"></i>\r\n        </span>\r\n\r\n        <!-- Icon error if textAppend empty -->\r\n        <span *ngIf=\"(textError || error) && !textAppend && !indicationLeft  && !disabled\" class=\"icon is-small is-right\">\r\n          <i class=\"fal fa-times has-text-danger\"></i>\r\n        </span>\r\n\r\n        <!-- Icon success -->\r\n        <span *ngIf=\"success && !disabled\" class=\"icon is-small is-right\">\r\n          <i class=\"fas fa-check has-text-success\"></i>\r\n        </span>\r\n\r\n        <!-- Text Info -->\r\n        <span\r\n          *ngIf=\"textInfo && (textError === null || textError === '') && !progressBar && !indicationLeft\"\r\n          class=\"is-size-7 wac-input__info text-info\"\r\n          [innerHtml]=\"textInfo\"\r\n        ></span>\r\n\r\n        <!-- Text Error -->\r\n        <span *ngIf=\"textError && !progressBar && !indicationLeft\" class=\"is-size-7 wac-input__error has-text-danger\" [innerHtml]=\"textError\"></span>\r\n      </p>\r\n\r\n      <!-- Progress Bar -->\r\n      <wac-progress-bar *ngIf=\"progressBar && !indicationLeft\" [min]=\"min\" [max]=\"max\" [valueLength]=\"value.length\"></wac-progress-bar>\r\n    </div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: SharedDirectives }, { kind: "ngmodule", type: TooltipModule }, { kind: "component", type: TooltipComponent, selector: "wac-tooltip", inputs: ["tooltipIcon", "tooltipText", "tooltipLink", "tooltipUrl"] }, { kind: "component", type: ProgressBarComponent, selector: "wac-progress-bar", inputs: ["valueLength", "min", "max"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: InputComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wac-input', standalone: true, imports: [
@@ -1230,7 +1230,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
                         SharedDirectives,
                         TooltipModule,
                         ProgressBarComponent
-                    ], providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: InputComponent, multi: true }], template: "<div\r\n  class=\"field wac-input\"\r\n  [ngClass]=\"{ 'has-no-block': withoutBlock, 'is-big': big, 'is-medium': medium, 'with-padding': padding, 'indication-left': indicationLeft, 'with-progress-bar': progressBar }\"\r\n>\r\n  <div class=\"field-label is-normal has-text-left\" *ngIf=\"!withoutBlock\">\r\n    <label\r\n      [ngClass]=\"[boldLabel === 'true' ? 'label has-text-weight-bold' : 'label has-text-weight-normal', showTooltip ? 'label-inline' : '', size && !progressBar ? 'has-padding-right-mobile' : '']\"\r\n      [innerHTML]=\"label\"\r\n      [for]=\"id\"\r\n    ></label>\r\n    <wac-tooltip\r\n      *ngIf=\"showTooltip\"\r\n      [tooltipIcon]=\"iconTooltip\"\r\n      [tooltipText]=\"textTooltip\"\r\n      [tooltipLink]=\"linkTooltip\"\r\n      [tooltipUrl]=\"urlTooltip\"\r\n    ></wac-tooltip>\r\n    <!-- Size -->\r\n    <span *ngIf=\"size && !progressBar\" class=\"is-size-7 wac-input__size\">\r\n      <strong>{{ !value ? 0 : value.toString().length }}</strong> / {{ size }}\r\n    </span>\r\n  </div>\r\n  <div class=\"field-body\">\r\n    <div class=\"field\">\r\n      <p\r\n        class=\"control\"\r\n        [ngClass]=\"{ 'has-icons-right': textError || success || error, 'has-icons-left': icon !== '', 'has-input-group': textAppend || textPrepend }\"\r\n      >\r\n        <!-- Text Prepend -->\r\n        <span *ngIf=\"textPrepend\" class=\"has-input-group\">\r\n          <span class=\"has-input-group-text prepend\">{{ textPrepend }}</span>\r\n          <span *ngIf=\"icon !== ''\" class=\"icon is-small is-left\">\r\n            <i [class]=\"icon\"></i>\r\n          </span>\r\n        </span>\r\n\r\n        <!-- Input -->\r\n        <input\r\n          [class]=\"'input ' + extraClasses\"\r\n          [id]=\"id\"\r\n          [ngClass]=\"{\r\n            'is-danger': (textError || error) && !disabled,\r\n            'is-empty': value === '',\r\n            'is-large': big,\r\n            'is-number': isNumber,\r\n            'remove-margin': disableMargin,\r\n            'text-append': textAppend\r\n          }\"\r\n          [type]=\"type\"\r\n          [placeholder]=\"placeholder\"\r\n          [attr.size]=\"size\"\r\n          [(ngModel)]=\"value\"\r\n          (ngModelChange)=\"onChange($event)\"\r\n          (blur)=\"onBlur()\"\r\n          [disabled]=\"disabled\"\r\n          (focusout)=\"onFocusOut()\"\r\n          [min]=\"min\"\r\n          [max]=\"max\"\r\n          [maxlength]=\"maxlength ? maxlength : 524288\"\r\n          [minlength]=\"minlength ? minlength : 0\"\r\n          (keypress)=\"keyPress($event)\"\r\n        />\r\n\r\n        <!-- Indication at the end of the input -->\r\n        <span class=\"indication\" *ngIf=\"indication\" [ngClass]=\"{'reverse': indicationLeft}\">\r\n          <span [innerHTML]=\"indication\"></span>\r\n        </span>\r\n\r\n        <!-- Text Append -->\r\n        <span *ngIf=\"textAppend && !indicationLeft\" class=\"has-input-group\">\r\n          <span class=\"has-input-group-text append\">{{ textAppend }}</span>\r\n          <!-- error if text append not empty -->\r\n          <span *ngIf=\"textError\" class=\"icon is-small is-right\">\r\n            <i class=\"fal fa-times has-text-danger\"></i>\r\n          </span>\r\n        </span>\r\n\r\n        <!-- Icon Left -->\r\n        <span *ngIf=\"icon !== '' && !textPrepend && !indicationLeft\" class=\"icon is-small is-left\">\r\n          <i [class]=\"icon\"></i>\r\n        </span>\r\n\r\n        <!-- Icon error if textAppend empty -->\r\n        <span *ngIf=\"(textError || error) && !textAppend && !indicationLeft  && !disabled\" class=\"icon is-small is-right\">\r\n          <i class=\"fal fa-times has-text-danger\"></i>\r\n        </span>\r\n\r\n        <!-- Icon success -->\r\n        <span *ngIf=\"success && !disabled\" class=\"icon is-small is-right\">\r\n          <i class=\"fas fa-check has-text-success\"></i>\r\n        </span>\r\n\r\n        <!-- Text Info -->\r\n        <span\r\n          *ngIf=\"textInfo && (textError === null || textError === '') && !progressBar && !indicationLeft\"\r\n          class=\"is-size-7 wac-input__info text-info\"\r\n          [innerHtml]=\"textInfo\"\r\n        ></span>\r\n\r\n        <!-- Text Error -->\r\n        <span *ngIf=\"textError && !progressBar && !indicationLeft\" class=\"is-size-7 wac-input__error has-text-danger\" [innerHtml]=\"textError\"></span>\r\n      </p>\r\n\r\n      <!-- Progress Bar -->\r\n      <wac-progress-bar *ngIf=\"progressBar && !indicationLeft\" [min]=\"min\" [max]=\"max\" [valueLength]=\"value.length\"></wac-progress-bar>\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
+                    ], providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: InputComponent, multi: true }], template: "<div\r\n  class=\"field wac-input\"\r\n  [ngClass]=\"{ 'has-no-block': withoutBlock, 'is-big': big, 'is-medium': medium, 'with-padding': padding, 'indication-left': indicationLeft, 'with-progress-bar': progressBar }\"\r\n>\r\n  <div class=\"field-label is-normal has-text-left\" *ngIf=\"!withoutBlock && label\">\r\n    <label\r\n      [ngClass]=\"[boldLabel === 'true' ? 'label has-text-weight-bold' : 'label has-text-weight-normal', showTooltip ? 'label-inline' : '', size && !progressBar ? 'has-padding-right-mobile' : '']\"\r\n      [innerHTML]=\"label\"\r\n      [for]=\"id\"\r\n    ></label>\r\n    <wac-tooltip\r\n      *ngIf=\"showTooltip\"\r\n      [tooltipIcon]=\"iconTooltip\"\r\n      [tooltipText]=\"textTooltip\"\r\n      [tooltipLink]=\"linkTooltip\"\r\n      [tooltipUrl]=\"urlTooltip\"\r\n    ></wac-tooltip>\r\n    <!-- Size -->\r\n    <span *ngIf=\"size && !progressBar\" class=\"is-size-7 wac-input__size\">\r\n      <strong>{{ !value ? 0 : value.toString().length }}</strong> / {{ size }}\r\n    </span>\r\n  </div>\r\n  <div class=\"field-body\">\r\n    <div class=\"field\">\r\n      <p\r\n        class=\"control\"\r\n        [ngClass]=\"{ 'has-icons-right': textError || success || error, 'has-icons-left': icon !== '', 'has-input-group': textAppend || textPrepend }\"\r\n      >\r\n        <!-- Text Prepend -->\r\n        <span *ngIf=\"textPrepend\" class=\"has-input-group\">\r\n          <span class=\"has-input-group-text prepend\">{{ textPrepend }}</span>\r\n          <span *ngIf=\"icon !== ''\" class=\"icon is-small is-left\">\r\n            <i [class]=\"icon\"></i>\r\n          </span>\r\n        </span>\r\n\r\n        <!-- Input -->\r\n        <input\r\n          [class]=\"'input ' + extraClasses\"\r\n          [id]=\"id\"\r\n          [ngClass]=\"{\r\n            'is-danger': (textError || error) && !disabled,\r\n            'is-empty': value === '',\r\n            'is-large': big,\r\n            'is-number': isNumber,\r\n            'remove-margin': disableMargin,\r\n            'text-append': textAppend\r\n          }\"\r\n          [type]=\"type\"\r\n          [placeholder]=\"placeholder\"\r\n          [attr.size]=\"size\"\r\n          [(ngModel)]=\"value\"\r\n          (ngModelChange)=\"onChange($event)\"\r\n          (blur)=\"onBlur()\"\r\n          [disabled]=\"disabled\"\r\n          (focusout)=\"onFocusOut()\"\r\n          [min]=\"min\"\r\n          [max]=\"max\"\r\n          [maxlength]=\"maxlength ? maxlength : 524288\"\r\n          [minlength]=\"minlength ? minlength : 0\"\r\n          (keypress)=\"keyPress($event)\"\r\n        />\r\n\r\n        <!-- Indication at the end of the input -->\r\n        <span class=\"indication\" *ngIf=\"indication\" [ngClass]=\"{'reverse': indicationLeft}\">\r\n          <span [innerHTML]=\"indication\"></span>\r\n        </span>\r\n\r\n        <!-- Text Append -->\r\n        <span *ngIf=\"textAppend && !indicationLeft\" class=\"has-input-group\">\r\n          <span class=\"has-input-group-text append\">{{ textAppend }}</span>\r\n          <!-- error if text append not empty -->\r\n          <span *ngIf=\"textError\" class=\"icon is-small is-right\">\r\n            <i class=\"fal fa-times has-text-danger\"></i>\r\n          </span>\r\n        </span>\r\n\r\n        <!-- Icon Left -->\r\n        <span *ngIf=\"icon !== '' && !textPrepend && !indicationLeft\" class=\"icon is-small is-left\">\r\n          <i [class]=\"icon\"></i>\r\n        </span>\r\n\r\n        <!-- Icon error if textAppend empty -->\r\n        <span *ngIf=\"(textError || error) && !textAppend && !indicationLeft  && !disabled\" class=\"icon is-small is-right\">\r\n          <i class=\"fal fa-times has-text-danger\"></i>\r\n        </span>\r\n\r\n        <!-- Icon success -->\r\n        <span *ngIf=\"success && !disabled\" class=\"icon is-small is-right\">\r\n          <i class=\"fas fa-check has-text-success\"></i>\r\n        </span>\r\n\r\n        <!-- Text Info -->\r\n        <span\r\n          *ngIf=\"textInfo && (textError === null || textError === '') && !progressBar && !indicationLeft\"\r\n          class=\"is-size-7 wac-input__info text-info\"\r\n          [innerHtml]=\"textInfo\"\r\n        ></span>\r\n\r\n        <!-- Text Error -->\r\n        <span *ngIf=\"textError && !progressBar && !indicationLeft\" class=\"is-size-7 wac-input__error has-text-danger\" [innerHtml]=\"textError\"></span>\r\n      </p>\r\n\r\n      <!-- Progress Bar -->\r\n      <wac-progress-bar *ngIf=\"progressBar && !indicationLeft\" [min]=\"min\" [max]=\"max\" [valueLength]=\"value.length\"></wac-progress-bar>\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
         }], propDecorators: { label: [{
                 type: Input
             }], value: [{
@@ -6956,6 +6956,39 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
                 type: Input
             }] } });
 
+class ImageTextSectionComponent {
+    set data(value) {
+        this._data = {
+            buttonTarget: '_self',
+            reverse: false,
+            ...value,
+        };
+        if (typeof this._data.text === 'string') {
+            this.textIsArray = false;
+        }
+        else {
+            this.textIsArray = true;
+        }
+    }
+    get data() {
+        return this._data;
+    }
+    constructor() {
+        this.textIsArray = false;
+    }
+    ngOnInit() {
+        console.log(this.data.text.length);
+    }
+}
+ImageTextSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ImageTextSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ImageTextSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: ImageTextSectionComponent, selector: "wac-image-text-section", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"wac-image-text-section\" [ngClass]=\"{'wac-image-text-section--reverse': data?.reverse}\">\r\n  <div class=\"wac-image-text-section__left\">\r\n    <div class=\"wac-image-text-section__left__text\">\r\n      <h2 *ngIf=\"data?.title\" [innerHTML]=\"data.title\"></h2>\r\n      <ng-container *ngIf=\"data?.text && textIsArray\">\r\n        <div class=\"wac-image-text-section__left__text__paragraph\">\r\n          <p *ngFor=\"let text of data.text; let i = index\" [innerHTML]=\"text\"></p>\r\n        </div>\r\n      </ng-container>\r\n      <p *ngIf=\"data?.text && !textIsArray\" [innerHTML]=\"data?.text\"></p>\r\n      <ng-container *ngIf=\"data?.listItems\">\r\n        <ul>\r\n          <li *ngFor=\"let list of data?.listItems\"><i class=\"fa-solid fa-check\"></i><span [innerHTML]=\"list\"></span></li>\r\n        </ul>\r\n      </ng-container>\r\n    </div>\r\n    <ng-container *ngIf=\"data?.buttonLink && data?.buttonText\">\r\n      <div class=\"wac-image-text-section__left__btn\">\r\n          <wac-button [label]=\"data?.buttonText\" routerLink=\"{{data?.buttonLink}}\" [target]=\"data?.buttonTarget\"></wac-button>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n  <div class=\"wac-image-text-section__right\">\r\n    <div class=\"gabarit-img-main\">\r\n      <img [src]=\"data?.imageSrc\" [alt]=\"data?.imageAlt\" />\r\n    </div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: ButtonComponent, selector: "wac-button", inputs: ["extraClasses", "label", "icon", "isLoadingSvg", "iconNext", "textcolor", "colorIcon", "widthAuto", "contentHorizontalPosition", "iconFontSize", "hasLoader", "disabled", "whiteSpaceNowrap", "opacity", "animation", "animationRight", "animationText", "confirmDelete", "confirmDeleteText", "coin", "tooltip", "tooltipWidth", "borderColor", "noPadding", "tooltipPosition", "tooltipOneline", "confirmDeletePosition", "isLoading"], outputs: ["click", "isLoadingChange"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: ImageTextSectionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-image-text-section', template: "<div class=\"wac-image-text-section\" [ngClass]=\"{'wac-image-text-section--reverse': data?.reverse}\">\r\n  <div class=\"wac-image-text-section__left\">\r\n    <div class=\"wac-image-text-section__left__text\">\r\n      <h2 *ngIf=\"data?.title\" [innerHTML]=\"data.title\"></h2>\r\n      <ng-container *ngIf=\"data?.text && textIsArray\">\r\n        <div class=\"wac-image-text-section__left__text__paragraph\">\r\n          <p *ngFor=\"let text of data.text; let i = index\" [innerHTML]=\"text\"></p>\r\n        </div>\r\n      </ng-container>\r\n      <p *ngIf=\"data?.text && !textIsArray\" [innerHTML]=\"data?.text\"></p>\r\n      <ng-container *ngIf=\"data?.listItems\">\r\n        <ul>\r\n          <li *ngFor=\"let list of data?.listItems\"><i class=\"fa-solid fa-check\"></i><span [innerHTML]=\"list\"></span></li>\r\n        </ul>\r\n      </ng-container>\r\n    </div>\r\n    <ng-container *ngIf=\"data?.buttonLink && data?.buttonText\">\r\n      <div class=\"wac-image-text-section__left__btn\">\r\n          <wac-button [label]=\"data?.buttonText\" routerLink=\"{{data?.buttonLink}}\" [target]=\"data?.buttonTarget\"></wac-button>\r\n      </div>\r\n    </ng-container>\r\n  </div>\r\n  <div class=\"wac-image-text-section__right\">\r\n    <div class=\"gabarit-img-main\">\r\n      <img [src]=\"data?.imageSrc\" [alt]=\"data?.imageAlt\" />\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { data: [{
+                type: Input
+            }] } });
+
 const components = [
     GridComponent,
     TagComponent,
@@ -7024,7 +7057,8 @@ const components = [
     SlideInComponent,
     OptionGroupComponent,
     MenuTileComponent,
-    ColorPickerComponent
+    ColorPickerComponent,
+    ImageTextSectionComponent
 ];
 const exportsFromModule = [
     PaginationComponent,
@@ -7124,7 +7158,8 @@ SharedComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
         SlideInComponent,
         OptionGroupComponent,
         MenuTileComponent,
-        ColorPickerComponent], imports: [CommonModule,
+        ColorPickerComponent,
+        ImageTextSectionComponent], imports: [CommonModule,
         FormsModule,
         NwbAllModule,
         TranslateModule,
@@ -7225,7 +7260,8 @@ SharedComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
         SlideInComponent,
         OptionGroupComponent,
         MenuTileComponent,
-        ColorPickerComponent, PaginationComponent,
+        ColorPickerComponent,
+        ImageTextSectionComponent, PaginationComponent,
         TableComponent,
         TableColumn,
         CheckBoxRow,
@@ -7495,5 +7531,5 @@ const switchInOut = trigger('switchInOut', [
  * Generated bundle index. Do not edit.
  */
 
-export { ACCORDION_ITEM, AbstractDebounceDirective, AccordionComponent, AiExpressComponent, AlertComponent, AlertPopupComponent, AlertPopupModule, AlertPopupService, AreAllOptionsSelectedPipe, AutoHideDirective, BackComponent, BlockComponent, BlockSeparatorComponent, BlockTitleLegacyComponent, BlockWithCheckboxComponent, BorderPickerComponent, BreadcrumbsComponent, ButtonComponent, CalendarComponent, CallComponentFunctionPipe, CardPriceComponent, ChargingBarComponent, CheckBoxRow, CheckboxComponent, ColorPickerComponent, ColumnComponent, ConfirmDeleteComponent, ContentWithButtonsComponent, CopyToClipBoardDirective, DebounceKeyupDirective, DeleteComponent, DomChangedDirective, DraganddropListComponent, DropdownComponent, EXPANSION_PANEL_HEADER, ExpandedPanelComponent, ExpansionExport, ExpansionModule, ExpansionPanelComponent, ExpansionPanelDirective, ExpansionPanelHeaderComponent, ExpansionPanelHeaderDirective, FilterOptionsPipe, FiltersComponent, FiltersTableService, FindOptionSelectedPipe, FormatObjectToRecursifTreePipe, FormatObjectToSimpleTreePipe, FreePopinComponent, GooglePreviewComponent, GridComponent, H1Component, H2Component, H3Component, H4Component, HeaderPageComponent, HistoryService, HtmlContainer, ImageComponent, InfoComponent, InputComponent, InputSearchComponent, InputWithSelectComponent, KeypressEnterDirective, LabelComponent, LinkComponent, LoaderComponent, LogoComponent, MenuTileComponent, MosaicComponent, MultipleSearchComponent, MultipleSearchPlusComponent, OnlyNumberDirective, OptionCallToActionComponent, OptionComponent, OptionGroupComponent, OptionalDisableContainerComponent, PaginationComponent, PlaceholderComponent, PopinComponent, ProgressBarComponent, RadioComponent, RadioGroupLegacyDirective, RadioLegacyComponent, RadioLegacyDirective, RadioOptionComponent, RowComponent, ScrollToDirective, SearchComponent, SelectComponent, SelectDirective, SelectFiltersPipe, SelectInTextComponent, SelectOptionDirective, SelectSearchTriggerComponent, SelectedListComponent, SeparatorComponent, SettingsComponent, SharedComponentsModule, SharedDirectives, SharedPipes, SlideInComponent, SnackbarComponent, StateComponent, SummaryComponent, SwitchComponent, TabComponent, TableColumn, TableColumnHeader, TableComponent, TableFiltersGroup, TableRow, TabsComponent, TagComponent, TagDropdownComponent, TagLabelComponent, TextAreaComponent, TextComponent, TokenCheckComponent, TooltipComponent, TreeComponent, TreeModule, TwoDigitDecimalNumberDirective, UploadComponent, ValueChangeService, VarDirective, WiziComponentsModule, WrapperBlocsComponent, WrapperComponent, WrapperMultipleBlockComponent, WrapperSidebarComponent, WzEditInPlaceComponent, ZindexToggleDirective, animateListFromBottom, animateListFromLeft, animateListFromRight, animateListFromTop, distinctUntilTableFiltersChanged, inOutX, inOutY, opacityAnimation, showFromBottom, showFromLeft, showFromRight, showFromTop, switchInOut, updateTableFiltersTotalItems, uuid };
+export { ACCORDION_ITEM, AbstractDebounceDirective, AccordionComponent, AiExpressComponent, AlertComponent, AlertPopupComponent, AlertPopupModule, AlertPopupService, AreAllOptionsSelectedPipe, AutoHideDirective, BackComponent, BlockComponent, BlockSeparatorComponent, BlockTitleLegacyComponent, BlockWithCheckboxComponent, BorderPickerComponent, BreadcrumbsComponent, ButtonComponent, CalendarComponent, CallComponentFunctionPipe, CardPriceComponent, ChargingBarComponent, CheckBoxRow, CheckboxComponent, ColorPickerComponent, ColumnComponent, ConfirmDeleteComponent, ContentWithButtonsComponent, CopyToClipBoardDirective, DebounceKeyupDirective, DeleteComponent, DomChangedDirective, DraganddropListComponent, DropdownComponent, EXPANSION_PANEL_HEADER, ExpandedPanelComponent, ExpansionExport, ExpansionModule, ExpansionPanelComponent, ExpansionPanelDirective, ExpansionPanelHeaderComponent, ExpansionPanelHeaderDirective, FilterOptionsPipe, FiltersComponent, FiltersTableService, FindOptionSelectedPipe, FormatObjectToRecursifTreePipe, FormatObjectToSimpleTreePipe, FreePopinComponent, GooglePreviewComponent, GridComponent, H1Component, H2Component, H3Component, H4Component, HeaderPageComponent, HistoryService, HtmlContainer, ImageComponent, ImageTextSectionComponent, InfoComponent, InputComponent, InputSearchComponent, InputWithSelectComponent, KeypressEnterDirective, LabelComponent, LinkComponent, LoaderComponent, LogoComponent, MenuTileComponent, MosaicComponent, MultipleSearchComponent, MultipleSearchPlusComponent, OnlyNumberDirective, OptionCallToActionComponent, OptionComponent, OptionGroupComponent, OptionalDisableContainerComponent, PaginationComponent, PlaceholderComponent, PopinComponent, ProgressBarComponent, RadioComponent, RadioGroupLegacyDirective, RadioLegacyComponent, RadioLegacyDirective, RadioOptionComponent, RowComponent, ScrollToDirective, SearchComponent, SelectComponent, SelectDirective, SelectFiltersPipe, SelectInTextComponent, SelectOptionDirective, SelectSearchTriggerComponent, SelectedListComponent, SeparatorComponent, SettingsComponent, SharedComponentsModule, SharedDirectives, SharedPipes, SlideInComponent, SnackbarComponent, StateComponent, SummaryComponent, SwitchComponent, TabComponent, TableColumn, TableColumnHeader, TableComponent, TableFiltersGroup, TableRow, TabsComponent, TagComponent, TagDropdownComponent, TagLabelComponent, TextAreaComponent, TextComponent, TokenCheckComponent, TooltipComponent, TreeComponent, TreeModule, TwoDigitDecimalNumberDirective, UploadComponent, ValueChangeService, VarDirective, WiziComponentsModule, WrapperBlocsComponent, WrapperComponent, WrapperMultipleBlockComponent, WrapperSidebarComponent, WzEditInPlaceComponent, ZindexToggleDirective, animateListFromBottom, animateListFromLeft, animateListFromRight, animateListFromTop, distinctUntilTableFiltersChanged, inOutX, inOutY, opacityAnimation, showFromBottom, showFromLeft, showFromRight, showFromTop, switchInOut, updateTableFiltersTotalItems, uuid };
 //# sourceMappingURL=wizishop-angular-components.mjs.map