@wizishop/angular-components 15.1.58 → 15.1.60

package/fesm2020/wizishop-angular-components.mjs

@@ -6003,6 +6003,8 @@ class RowComponent {
         this.addWacBlock = false;
         this.lineDisplayContent = false;
         this.border = false;
+        this.multipleLine = false;
+        this.childrenByLine = 0;
         this.padding = '';
         this.lastChildIsDown = false;
         this.halfMarginChild = '';
@@ -6049,11 +6051,14 @@ class RowComponent {
             if (this.height) {
                 document.getElementById(this.id).parentElement.style.maxHeight = this.height;
             }
-            if (this.childs > 1 && this.marginChild) {
+            if ((this.childs > 1 && this.marginChild) || this.multipleLine) {
                 for (let i = 0; i < this.childs; i++) {
                     const child = document.getElementById(this.id).children[i];
                     child.style.marginLeft = this.halfMarginChild;
                     child.style.marginRight = this.halfMarginChild;
+                    if (this.multipleLine) {
+                        child.style.width = 'calc(' + (100 / this.childrenByLine) + '% - ' + this.marginChild + ')';
+                    }
                 }
             }
             if (this.childs > 1 && this.marginBottomChild) {
@@ -6068,10 +6073,10 @@ class RowComponent {
     }
 }
 RowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: RowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-RowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: RowComponent, selector: "wac-row", inputs: { position: "position", width: "width", height: "height", responsiveAuto: "responsiveAuto", childrensWidthAuto: "childrensWidthAuto", visibility: "visibility", marginChild: "marginChild", marginBottom: "marginBottom", marginBottomChild: "marginBottomChild", addWacBlock: "addWacBlock", lineDisplayContent: "lineDisplayContent", border: "border", padding: "padding", lastChildIsDown: "lastChildIsDown" }, host: { listeners: { "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], ngImport: i0, template: "<div [ngStyle]=\"{'padding': padding,'margin-bottom': marginBottom,'transform': (childs > 1 ? 'translateX(-' + halfMarginChild + ')' : 'wrong'), 'width': (childs > 1 ? 'calc(100% + ' + marginChild  + ')' : 'wrong')}\" class=\"wac-row {{ addWacBlock ? 'white-block' : '' }} {{ lineDisplayContent ? 'direction-column' : '' }} {{ border ? 'with-border' : '' }} {{ lastChildIsDown ? 'last-child-down' : '' }} {{ childrensWidthAuto ? 'childrens-width-auto' : '' }} {{ position ? position : '' }} {{ visibility ? visibility : '' }} {{ responsiveClass ? responsiveClass : '' }} {{nbChildsClass}} {{classWidth}}\" #container [ngClass]=\"{\n  'multiple-child': childs > 3,\n  'five-or-more-child': childs > 4,\n  'alone': childs === 1\n}\" [id]=\"id\">\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0.ViewEncapsulation.None });
+RowComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: RowComponent, selector: "wac-row", inputs: { position: "position", width: "width", height: "height", responsiveAuto: "responsiveAuto", childrensWidthAuto: "childrensWidthAuto", visibility: "visibility", marginChild: "marginChild", marginBottom: "marginBottom", marginBottomChild: "marginBottomChild", addWacBlock: "addWacBlock", lineDisplayContent: "lineDisplayContent", border: "border", multipleLine: "multipleLine", childrenByLine: "childrenByLine", padding: "padding", lastChildIsDown: "lastChildIsDown" }, host: { listeners: { "window:resize": "onResize($event)" } }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], ngImport: i0, template: "<div [ngStyle]=\"{'padding': padding,'margin-bottom': marginBottom,'transform': (childs > 1 || multipleLine ? 'translateX(-' + halfMarginChild + ')' : 'wrong'), 'width': ((childs > 1 && !addWacBlock) || multipleLine ? 'calc(100% + ' + marginChild  + ')' : 'wrong')}\" class=\"wac-row {{ addWacBlock ? 'white-block' : '' }} {{ multipleLine ? 'multiple-line' : '' }} {{ lineDisplayContent ? 'direction-column' : '' }} {{ border ? 'with-border' : '' }} {{ lastChildIsDown ? 'last-child-down' : '' }} {{ childrensWidthAuto ? 'childrens-width-auto' : '' }} {{ position ? position : '' }} {{ visibility ? visibility : '' }} {{ responsiveClass ? responsiveClass : '' }} {{nbChildsClass}} {{classWidth}}\" #container [ngClass]=\"{\n  'multiple-child': childs > 3,\n  'five-or-more-child': childs > 4,\n  'alone': childs === 1\n}\" [id]=\"id\">\n  <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: RowComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'wac-row', encapsulation: ViewEncapsulation.None, template: "<div [ngStyle]=\"{'padding': padding,'margin-bottom': marginBottom,'transform': (childs > 1 ? 'translateX(-' + halfMarginChild + ')' : 'wrong'), 'width': (childs > 1 ? 'calc(100% + ' + marginChild  + ')' : 'wrong')}\" class=\"wac-row {{ addWacBlock ? 'white-block' : '' }} {{ lineDisplayContent ? 'direction-column' : '' }} {{ border ? 'with-border' : '' }} {{ lastChildIsDown ? 'last-child-down' : '' }} {{ childrensWidthAuto ? 'childrens-width-auto' : '' }} {{ position ? position : '' }} {{ visibility ? visibility : '' }} {{ responsiveClass ? responsiveClass : '' }} {{nbChildsClass}} {{classWidth}}\" #container [ngClass]=\"{\n  'multiple-child': childs > 3,\n  'five-or-more-child': childs > 4,\n  'alone': childs === 1\n}\" [id]=\"id\">\n  <ng-content></ng-content>\n</div>\n" }]
+            args: [{ selector: 'wac-row', encapsulation: ViewEncapsulation.None, template: "<div [ngStyle]=\"{'padding': padding,'margin-bottom': marginBottom,'transform': (childs > 1 || multipleLine ? 'translateX(-' + halfMarginChild + ')' : 'wrong'), 'width': ((childs > 1 && !addWacBlock) || multipleLine ? 'calc(100% + ' + marginChild  + ')' : 'wrong')}\" class=\"wac-row {{ addWacBlock ? 'white-block' : '' }} {{ multipleLine ? 'multiple-line' : '' }} {{ lineDisplayContent ? 'direction-column' : '' }} {{ border ? 'with-border' : '' }} {{ lastChildIsDown ? 'last-child-down' : '' }} {{ childrensWidthAuto ? 'childrens-width-auto' : '' }} {{ position ? position : '' }} {{ visibility ? visibility : '' }} {{ responsiveClass ? responsiveClass : '' }} {{nbChildsClass}} {{classWidth}}\" #container [ngClass]=\"{\n  'multiple-child': childs > 3,\n  'five-or-more-child': childs > 4,\n  'alone': childs === 1\n}\" [id]=\"id\">\n  <ng-content></ng-content>\n</div>\n" }]
         }], propDecorators: { position: [{
                 type: Input
             }], width: [{
@@ -6096,6 +6101,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
                 type: Input
             }], border: [{
                 type: Input
+            }], multipleLine: [{
+                type: Input
+            }], childrenByLine: [{
+                type: Input
             }], padding: [{
                 type: Input
             }], lastChildIsDown: [{
@@ -6117,6 +6126,76 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImpor
             args: [{ selector: 'wac-column', template: "<p>column works!</p>\n" }]
         }] });
 
+class AiExpressComponent {
+    constructor() {
+        this.top = '28px';
+        this.disabled = false;
+        this.tokenCost = 0;
+        this.tokenLeft = 0;
+        this.tokenCount = 0;
+        this.isRegister = false;
+        this.validAction = new EventEmitter();
+        this.isOpen = false;
+        this.hrefRegister = '/v3/ai/select-plan';
+    }
+    ngOnInit() { }
+    showPopup() {
+        if (!this.isOpen && this.isRegister && !this.disabled) {
+            this.isOpen = true;
+        }
+    }
+    validate() {
+        if (!this.disabled) {
+            if (!this.isRegister) {
+                if (!this.isOpen) {
+                    this.isOpen = true;
+                }
+                else {
+                    this.isOpen = false;
+                }
+            }
+            else {
+                this.validAction.emit(true);
+            }
+        }
+    }
+    hidePopup() {
+        if (this.isOpen && this.isRegister && !this.disabled) {
+            this.isOpen = false;
+        }
+    }
+}
+AiExpressComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: AiExpressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AiExpressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.5", type: AiExpressComponent, selector: "wac-ai-express", inputs: { top: "top", disabled: "disabled", wordingTop: "wordingTop", wordingToken: "wordingToken", wordingTokenLeft: "wordingTokenLeft", wordingRegisterTop: "wordingRegisterTop", wordingRegisterBtn: "wordingRegisterBtn", tokenCost: "tokenCost", tokenLeft: "tokenLeft", tokenCount: "tokenCount", isRegister: "isRegister" }, outputs: { validAction: "validAction" }, ngImport: i0, template: "<div class=\"wac-ai-express\">\n  <ng-content></ng-content>\n  <div [style.top]=\"top\" class=\"wac-ai-express__icon\" [ngClass]=\"{'disabled': disabled}\" (mouseleave)=\"hidePopup()\" (mouseenter)=\"showPopup()\" (click)=\"validate();\">\n    <i class=\"fa-regular fa-wand-magic-sparkles\"></i>\n  </div>\n  <div *ngIf=\"isOpen && isRegister\" class=\"wac-ai-express__wrapper\">\n    <div>\n      <span [innerHTML]=\"wordingTop\"></span>\n    </div>\n    <div>\n      <div>\n        <div>\n          <i class=\"fa-solid fa-coin-front\"></i>\n          <span [innerHTML]=\"tokenCost\"></span>\n        </div>\n        <span [innerHTML]=\"wordingToken\"></span>\n      </div>\n      <div>\n        <div>\n          <strong [innerHTML]=\"tokenLeft\"></strong> / <span [innerHTML]=\"tokenCount\"></span>\n        </div>\n        <div>\n          <span [innerHTML]=\"wordingTokenLeft\"></span>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div  *ngIf=\"isOpen && !isRegister\" class=\"wac-ai-express__register\">\n    <p [innerHTML]=\"wordingRegisterTop\"></p>\n    <a [target]=\"'_blank'\" [href]=\"hrefRegister\"><i class=\"fa-regular fa-wand-magic-sparkles\"></i> <span [innerHTML]=\"wordingRegisterBtn\"></span></a>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.5", ngImport: i0, type: AiExpressComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'wac-ai-express', template: "<div class=\"wac-ai-express\">\n  <ng-content></ng-content>\n  <div [style.top]=\"top\" class=\"wac-ai-express__icon\" [ngClass]=\"{'disabled': disabled}\" (mouseleave)=\"hidePopup()\" (mouseenter)=\"showPopup()\" (click)=\"validate();\">\n    <i class=\"fa-regular fa-wand-magic-sparkles\"></i>\n  </div>\n  <div *ngIf=\"isOpen && isRegister\" class=\"wac-ai-express__wrapper\">\n    <div>\n      <span [innerHTML]=\"wordingTop\"></span>\n    </div>\n    <div>\n      <div>\n        <div>\n          <i class=\"fa-solid fa-coin-front\"></i>\n          <span [innerHTML]=\"tokenCost\"></span>\n        </div>\n        <span [innerHTML]=\"wordingToken\"></span>\n      </div>\n      <div>\n        <div>\n          <strong [innerHTML]=\"tokenLeft\"></strong> / <span [innerHTML]=\"tokenCount\"></span>\n        </div>\n        <div>\n          <span [innerHTML]=\"wordingTokenLeft\"></span>\n        </div>\n      </div>\n    </div>\n  </div>\n  <div  *ngIf=\"isOpen && !isRegister\" class=\"wac-ai-express__register\">\n    <p [innerHTML]=\"wordingRegisterTop\"></p>\n    <a [target]=\"'_blank'\" [href]=\"hrefRegister\"><i class=\"fa-regular fa-wand-magic-sparkles\"></i> <span [innerHTML]=\"wordingRegisterBtn\"></span></a>\n  </div>\n</div>\n" }]
+        }], ctorParameters: function () { return []; }, propDecorators: { top: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], wordingTop: [{
+                type: Input
+            }], wordingToken: [{
+                type: Input
+            }], wordingTokenLeft: [{
+                type: Input
+            }], wordingRegisterTop: [{
+                type: Input
+            }], wordingRegisterBtn: [{
+                type: Input
+            }], tokenCost: [{
+                type: Input
+            }], tokenLeft: [{
+                type: Input
+            }], tokenCount: [{
+                type: Input
+            }], isRegister: [{
+                type: Input
+            }], validAction: [{
+                type: Output
+            }] } });
+
 const components = [
     TagComponent,
     ButtonComponent,
@@ -6176,7 +6255,8 @@ const components = [
     ChargingBarComponent,
     ExpandedPanelComponent,
     RowComponent,
-    ColumnComponent
+    ColumnComponent,
+    AiExpressComponent
 ];
 const exportsFromModule = [
     PaginationComponent,
@@ -6266,7 +6346,8 @@ SharedComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
         ChargingBarComponent,
         ExpandedPanelComponent,
         RowComponent,
-        ColumnComponent], imports: [CommonModule,
+        ColumnComponent,
+        AiExpressComponent], imports: [CommonModule,
         FormsModule,
         NwbAllModule, i1$2.TranslateModule, ReactiveFormsModule,
         SharedDirectives,
@@ -6354,7 +6435,8 @@ SharedComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0",
         ChargingBarComponent,
         ExpandedPanelComponent,
         RowComponent,
-        ColumnComponent, PaginationComponent,
+        ColumnComponent,
+        AiExpressComponent, PaginationComponent,
         TableComponent,
         TableColumn,
         CheckBoxRow,
@@ -6621,5 +6703,5 @@ const switchInOut = trigger('switchInOut', [
  * Generated bundle index. Do not edit.
  */
 
-export { ACCORDION_ITEM, AbstractDebounceDirective, AccordionComponent, AlertComponent, AlertPopupComponent, AlertPopupModule, AlertPopupService, AreAllOptionsSelectedPipe, AutoHideDirective, BackComponent, BlockComponent, BlockSeparatorComponent, BlockTitleLegacyComponent, BlockWithCheckboxComponent, BreadcrumbsComponent, ButtonComponent, CalendarComponent, CallComponentFunctionPipe, CardPriceComponent, ChargingBarComponent, CheckBoxRow, CheckboxComponent, ColumnComponent, ConfirmDeleteComponent, ContentWithButtonsComponent, CopyToClipBoardDirective, DebounceKeyupDirective, DeleteComponent, DraganddropListComponent, DropdownComponent, EXPANSION_PANEL_HEADER, ExpandedPanelComponent, ExpansionExport, ExpansionModule, ExpansionPanelComponent, ExpansionPanelDirective, ExpansionPanelHeaderComponent, ExpansionPanelHeaderDirective, FilterOptionsPipe, FiltersComponent, FiltersTableService, FindOptionSelectedPipe, FormatObjectToRecursifTreePipe, FormatObjectToSimpleTreePipe, FreePopinComponent, GooglePreviewComponent, H1Component, H2Component, H3Component, H4Component, HeaderPageComponent, HistoryService, HtmlContainer, ImageComponent, InfoComponent, InputComponent, InputSearchComponent, InputWithSelectComponent, KeypressEnterDirective, LabelComponent, LinkComponent, LoaderComponent, LogoComponent, MosaicComponent, MultipleSearchComponent, MultipleSearchPlusComponent, OnlyNumberDirective, OptionCallToActionComponent, OptionComponent, OptionalDisableContainerComponent, PaginationComponent, PlaceholderComponent, PopinComponent, ProgressBarComponent, RadioComponent, RadioDirective, RadioGroupDirective, RowComponent, ScrollToDirective, SearchComponent, SelectComponent, SelectDirective, SelectFiltersPipe, SelectInTextComponent, SelectOptionDirective, SelectSearchTriggerComponent, SelectedListComponent, SeparatorComponent, SettingsComponent, SharedComponentsModule, SharedDirectives, SharedPipes, SnackbarComponent, StateComponent, SummaryComponent, SwitchComponent, TabComponent, TableColumn, TableColumnHeader, TableComponent, TableFiltersGroup, TableRow, TabsComponent, TagComponent, 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, BreadcrumbsComponent, ButtonComponent, CalendarComponent, CallComponentFunctionPipe, CardPriceComponent, ChargingBarComponent, CheckBoxRow, CheckboxComponent, ColumnComponent, ConfirmDeleteComponent, ContentWithButtonsComponent, CopyToClipBoardDirective, DebounceKeyupDirective, DeleteComponent, DraganddropListComponent, DropdownComponent, EXPANSION_PANEL_HEADER, ExpandedPanelComponent, ExpansionExport, ExpansionModule, ExpansionPanelComponent, ExpansionPanelDirective, ExpansionPanelHeaderComponent, ExpansionPanelHeaderDirective, FilterOptionsPipe, FiltersComponent, FiltersTableService, FindOptionSelectedPipe, FormatObjectToRecursifTreePipe, FormatObjectToSimpleTreePipe, FreePopinComponent, GooglePreviewComponent, H1Component, H2Component, H3Component, H4Component, HeaderPageComponent, HistoryService, HtmlContainer, ImageComponent, InfoComponent, InputComponent, InputSearchComponent, InputWithSelectComponent, KeypressEnterDirective, LabelComponent, LinkComponent, LoaderComponent, LogoComponent, MosaicComponent, MultipleSearchComponent, MultipleSearchPlusComponent, OnlyNumberDirective, OptionCallToActionComponent, OptionComponent, OptionalDisableContainerComponent, PaginationComponent, PlaceholderComponent, PopinComponent, ProgressBarComponent, RadioComponent, RadioDirective, RadioGroupDirective, RowComponent, ScrollToDirective, SearchComponent, SelectComponent, SelectDirective, SelectFiltersPipe, SelectInTextComponent, SelectOptionDirective, SelectSearchTriggerComponent, SelectedListComponent, SeparatorComponent, SettingsComponent, SharedComponentsModule, SharedDirectives, SharedPipes, SnackbarComponent, StateComponent, SummaryComponent, SwitchComponent, TabComponent, TableColumn, TableColumnHeader, TableComponent, TableFiltersGroup, TableRow, TabsComponent, TagComponent, 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