@ikas/popup-renderer 1.0.80 → 1.0.82

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/build/index.js CHANGED
@@ -1 +1 @@
1
- export{default as PopupRenderer}from"./popup-renderer/components/index.js";import*as e from"./popup-renderer/helpers/index.js";export{e as PopupHelpers};export{MOBILE_SCREEN_SIZE,Popup,PreviewType}from"./popup-renderer/models/index.js";export{DeviceTypeEnum,PopupSettings}from"./popup-renderer/models/settings/index.js";export{VisibilityTime}from"./popup-renderer/models/settings/visibility-time/index.js";export{VisibilityCondition,VisibilityConditionTypeEnum}from"./popup-renderer/models/settings/visibility-condition/index.js";export{Modal,PopupPositonEnum,PopupTypeEnum}from"./popup-renderer/models/modal/index.js";export{WindowSettings}from"./popup-renderer/models/modal/window-settings/index.js";export{Teaser,VisibilityConditionEnum}from"./popup-renderer/models/modal/teaser/index.js";export{PopupStep}from"./popup-renderer/models/modal/step/index.js";export{BaseElement,ComponentHorizontalAlignmentEnum,ComponentVerticalAlignmentEnum,IkasPopupRendererFontFamily,PopupElementTypeEnum}from"./popup-renderer/models/modal/step/elements/base/index.js";export{ButtonElement}from"./popup-renderer/models/modal/step/elements/button/index.js";export{DividerElement}from"./popup-renderer/models/modal/step/elements/divider/index.js";export{FormColumn,FormElement,FormItemTypeEnum,FormRow,InputLabel,InputPlaceholder,RequiredInput}from"./popup-renderer/models/modal/step/elements/form/index.js";export{CheckboxFormItem,ContactPermission,ContactPermissionTypeEnum}from"./popup-renderer/models/modal/step/elements/form/checkbox/index.js";export{CustomerAttributeFormItem,CustomerAttributeTypeEnum}from"./popup-renderer/models/modal/step/elements/form/customer-attribute/index.js";export{CustomerBirthdayFormItem}from"./popup-renderer/models/modal/step/elements/form/customer-birthday/index.js";export{CustomerEmailFormItem}from"./popup-renderer/models/modal/step/elements/form/customer-email/index.js";export{CustomerGenderFormItem,CustomerGenderTypeEnum,GenderType}from"./popup-renderer/models/modal/step/elements/form/customer-gender/index.js";export{CustomerNameFormItem}from"./popup-renderer/models/modal/step/elements/form/customer-name/index.js";export{CustomerPhoneFormItem}from"./popup-renderer/models/modal/step/elements/form/customer-phone/index.js";export{CustomerSurnameFormItem}from"./popup-renderer/models/modal/step/elements/form/customer-surname/index.js";export{FormInputSettings,FormSettings}from"./popup-renderer/models/modal/step/elements/form/form-settings/index.js";export{IMAGE_SIZE,ImageElement,ImageFitEnum,ImagePositionEnum}from"./popup-renderer/models/modal/step/elements/image/index.js";export{ImageColumnElement,ImageColumnPositionEnum}from"./popup-renderer/models/modal/step/elements/image-column/index.js";export{MAX_PRODUCT_COUNT,PopupProduct,PopupVariantPair,ProductListElement,ProductListLayoutEnum,ProductListSortTypeEnum,ProductListTypeEnum}from"./popup-renderer/models/modal/step/elements/product/index.js";export{ProductActionTypeEnum,ProductButtonSettings,ProductDetailSettings,ProductDiscountRatioSettings,ProductImageSettings}from"./popup-renderer/models/modal/step/elements/product/detail-settings/index.js";export{SocialMediaElement,SocialMediaLink,SocialMediaTypeEnum}from"./popup-renderer/models/modal/step/elements/social/index.js";export{SpaceElement}from"./popup-renderer/models/modal/step/elements/space/index.js";export{TextElement}from"./popup-renderer/models/modal/step/elements/text/index.js";export{BackgroundSettings,Border,ButtonBorderStyle,Overlay,Shadow}from"./popup-renderer/models/modal/background-settings/index.js";export{CloseButtonDisplayTypeEnum,CloseButtonPositionTypeEnum,CloseIconSettings,CloseIconTypeEnum,CloseSettings}from"./popup-renderer/models/modal/close-settings/index.js";
1
+ export{default as PopupRenderer}from"./popup-renderer/components/index.js";import*as e from"./popup-renderer/helpers/index.js";export{e as PopupHelpers};export{MOBILE_SCREEN_SIZE,Popup,PreviewType}from"./popup-renderer/models/index.js";export{DeviceTypeEnum,PopupSettings}from"./popup-renderer/models/settings/index.js";export{VisibilityTime}from"./popup-renderer/models/settings/visibility-time/index.js";export{VisibilityCondition,VisibilityConditionTypeEnum}from"./popup-renderer/models/settings/visibility-condition/index.js";export{Modal,PopupPositonEnum,PopupTypeEnum}from"./popup-renderer/models/modal/index.js";export{WindowSettings}from"./popup-renderer/models/modal/window-settings/index.js";export{Teaser,VisibilityConditionEnum}from"./popup-renderer/models/modal/teaser/index.js";export{PopupStep}from"./popup-renderer/models/modal/step/index.js";export{BaseElement,ComponentHorizontalAlignmentEnum,ComponentVerticalAlignmentEnum,IkasPopupRendererFontFamily,PopupElementTypeEnum}from"./popup-renderer/models/modal/step/elements/base/index.js";export{ButtonElement}from"./popup-renderer/models/modal/step/elements/button/index.js";export{DividerElement}from"./popup-renderer/models/modal/step/elements/divider/index.js";export{FormColumn,FormElement,FormItemTypeEnum,FormRow,InputLabel,InputPlaceholder,RequiredInput}from"./popup-renderer/models/modal/step/elements/form/index.js";export{CheckboxFormItem,ContactPermission,ContactPermissionTypeEnum}from"./popup-renderer/models/modal/step/elements/form/checkbox/index.js";export{CustomerAttributeFormItem,CustomerAttributeTypeEnum}from"./popup-renderer/models/modal/step/elements/form/customer-attribute/index.js";export{CustomerBirthdayFormItem}from"./popup-renderer/models/modal/step/elements/form/customer-birthday/index.js";export{CustomerEmailFormItem}from"./popup-renderer/models/modal/step/elements/form/customer-email/index.js";export{CustomerGenderFormItem,CustomerGenderTypeEnum,GenderType}from"./popup-renderer/models/modal/step/elements/form/customer-gender/index.js";export{CustomerNameFormItem}from"./popup-renderer/models/modal/step/elements/form/customer-name/index.js";export{CustomerPhoneFormItem}from"./popup-renderer/models/modal/step/elements/form/customer-phone/index.js";export{CustomerSurnameFormItem}from"./popup-renderer/models/modal/step/elements/form/customer-surname/index.js";export{FormInputSettings,FormSettings}from"./popup-renderer/models/modal/step/elements/form/form-settings/index.js";export{IMAGE_SIZE,ImageElement,ImageFitEnum,ImagePositionEnum}from"./popup-renderer/models/modal/step/elements/image/index.js";export{ImageColumnElement,ImageColumnPositionEnum,MobileImageColumnPositionEnum}from"./popup-renderer/models/modal/step/elements/image-column/index.js";export{MAX_PRODUCT_COUNT,PopupProduct,PopupVariantPair,ProductListElement,ProductListLayoutEnum,ProductListSortTypeEnum,ProductListTypeEnum}from"./popup-renderer/models/modal/step/elements/product/index.js";export{ProductActionTypeEnum,ProductButtonSettings,ProductDetailSettings,ProductDiscountRatioSettings,ProductImageSettings}from"./popup-renderer/models/modal/step/elements/product/detail-settings/index.js";export{SocialMediaElement,SocialMediaLink,SocialMediaTypeEnum}from"./popup-renderer/models/modal/step/elements/social/index.js";export{SpaceElement}from"./popup-renderer/models/modal/step/elements/space/index.js";export{TextElement}from"./popup-renderer/models/modal/step/elements/text/index.js";export{BackgroundSettings,Border,ButtonBorderStyle,Overlay,Shadow}from"./popup-renderer/models/modal/background-settings/index.js";export{CloseButtonDisplayTypeEnum,CloseButtonPositionTypeEnum,CloseIconSettings,CloseIconTypeEnum,CloseSettings}from"./popup-renderer/models/modal/close-settings/index.js";
@@ -13,6 +13,7 @@ type Props = {
13
13
  dashboardComponents?: DashboardComponents;
14
14
  previewMode?: boolean;
15
15
  sfProps?: SFProps;
16
+ isMobile?: boolean;
16
17
  };
17
18
  export type DynamicData = {
18
19
  products: PopupProductDictionary;
@@ -1 +1 @@
1
- import e from"react";import{observer as t}from"mobx-react";import{PopupTypeEnum as o,PopupPositonEnum as i}from"../models/modal/index.js";import n from"../assets/x-close.js";import{CloseButtonPositionTypeEnum as r,CloseIconTypeEnum as l,CloseButtonDisplayTypeEnum as s}from"../models/modal/close-settings/index.js";import{PopupElementTypeEnum as d,ComponentVerticalAlignmentEnum as a}from"../models/modal/step/elements/base/index.js";import c from"./text-element-renderer/index.js";import p from"./button-element-renderer/index.js";import m from"./space-element-renderer/index.js";import u from"./divider-element-renderer/index.js";import f from"./social-element-renderer/index.js";import x from"./image-element-renderer/index.js";import P from"./image-column-element-renderer/index.js";import E from"./product-list-renderer/index.js";import v from"./form-element-renderer/index.js";import{ImageColumnPositionEnum as g}from"../models/modal/step/elements/image-column/index.js";var T=t((function(t){var T,y,O,b,_=t.popup,h=t.dynamicData,I=t.dashboardComponents,C=t.previewMode,M=t.sfProps,w=_.modal,A=w.teaser,R=!!w.selectedStep.isTeaser,S=w.selectedStep.elements.find((function(e){return e.type===d.IMAGE_COLUMN})),D=R?A.backgroundSettings:w.backgroundSettings,k=R?A.windowSettings:w.windowSettings,N=R?A.closeSettings:w.closeSettings,L=D.allowScrollingWhenPopupOpen,j=_.isPreviewMode||C,U=!!j||w.isVisible;document.body.style.overflow=U&&!L?"hidden":"auto";var B=D.overlay,H=D.border,W="center",F="center";switch(R?o.POPUP:w.type){case o.POPUP:var V=R?A.position:w.position;V===i.POPUP_TOP_LEFT?(W="flex-start",F="flex-start"):V===i.POPUP_TOP_CENTER?(W="center",F="flex-start"):V===i.POPUP_TOP_RIGHT?(W="flex-end",F="flex-start"):V===i.POPUP_MIDDLE_LEFT?(W="flex-start",F="center"):V===i.POPUP_MIDDLE_CENTER?(W="center",F="center"):V===i.POPUP_MIDDLE_RIGHT?(W="flex-end",F="center"):V===i.POPUP_BOTTOM_LEFT?(W="flex-start",F="flex-end"):V===i.POPUP_BOTTOM_CENTER?(W="center",F="flex-end"):V===i.POPUP_BOTTOM_RIGHT&&(W="flex-end",F="flex-end");break;case o.DRAWER:w.position===i.DRAWER_LEFT?(W="flex-start",F="center"):w.position===i.DRAWER_RIGHT&&(W="flex-end",F="center");break;case o.NOTIFICATION_BAR:w.position===i.NOTIFICATION_BAR_UP?(W="center",F="flex-start"):w.position===i.NOTIFICATION_BAR_DOWN&&(W="center",F="flex-end")}var G={position:"fixed",display:"flex",justifyContent:W,alignItems:F,top:0,left:0,right:0,bottom:0,zIndex:9995,overflow:"hidden",padding:"".concat(k.outerVerticalPadding,"px ").concat(k.outerHorizontalPadding,"px"),opacity:U?1:0,visibility:U?"visible":"hidden",transition:"opacity 0.3s ease, visibility 0.3s ease"},z={position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:9996,backgroundColor:B?B.bgColor:"",opacity:B?(B.bgOpacity||100)/100:void 0},K={position:"relative",zIndex:9997,backgroundColor:D.bgColor,border:H?"".concat(H.borderWidth,"px ").concat(H.borderStyle," ").concat(H.borderColor):"",borderRadius:"".concat(k.borderRadius,"px"),width:k.takeFullWidth?"100%":void 0,maxWidth:"100%",maxHeight:"100%",minHeight:k.minHeight,height:k.takeFullHeight?"100%":void 0,boxShadow:D.shadow?"0 0 10px ".concat(D.shadow.color):"",overflow:"hidden",opacity:U?1:0,visibility:U?"visible":"hidden",transition:"opacity 0.3s ease, visibility 0.3s ease",padding:"".concat(k.innerVerticalPadding,"px ").concat(k.innerHorizontalPadding,"px")},X="";switch(null==S?void 0:S.verticalAlignment){case a.BOTTOM:X="flex-end";break;case a.MIDDLE:X="center";break;case a.TOP:X="flex-start"}var Y={width:k.takeFullWidth?"100%":k.maxWidth,maxWidth:"100%",overflow:"auto",display:"flex",flexDirection:"column",justifyContent:X},q={position:N.closeButtonPositionType===r.TAKE_SPACE?"relative":"absolute",float:N.closeButtonPositionType===r.TAKE_SPACE?"right":"none",top:8,right:8,zIndex:9998},J={position:"sticky",padding:"6px",marginLeft:N.closeButtonPositionType===r.TAKE_SPACE?"14px":void 0,display:"flex",justifyContent:"center",alignItems:"center",border:(null===(T=N.iconSettings)||void 0===T?void 0:T.type)===l.WITH_BORDER?"1px solid ".concat(null===(y=N.iconSettings)||void 0===y?void 0:y.color):"",borderRadius:"50%",backgroundColor:null===(O=N.iconSettings)||void 0===O?void 0:O.backgroundColor},Q={color:null===(b=N.iconSettings)||void 0===b?void 0:b.color,cursor:"pointer"},Z=function(t){var o=t.type,i=I&&I[o]&&I[o].length?I[o][0]:null,n=i&&_.marketingPopupViewModel?e.createElement(i,{element:t,marketingPopupViewModel:_.marketingPopupViewModel}):void 0;switch(o){case d.TEXT:return e.createElement(c,{element:t});case d.IMAGE:return e.createElement(x,{element:t,popup:_,editModeChildren:n});case d.IMAGE_COLUMN:return e.createElement(P,{element:t,popup:_,editModeChildren:n});case d.BUTTON:return e.createElement(p,{element:t});case d.DIVIDER:return e.createElement(u,{element:t});case d.FORM:return e.createElement(v,{element:t,popup:_,isPreviewMode:!!j,sfProps:M});case d.PRODUCT_LIST:return e.createElement(E,{element:t,products:h.products[t.id],popup:_,editModeChildren:n,isPreviewMode:!!j});case d.SOCIAL_MEDIA:return e.createElement(f,{element:t,popup:_,editModeChildren:n});case d.SPACE:return e.createElement(m,{element:t})}},$=function(){j||w.isVisible&&(w.isVisible=!1,M&&M.onModalClose())};return e.createElement("div",{className:"ikas-popup-default-styles",id:"ikas-popup-container",style:G},e.createElement("div",{style:K},N.closeButtonDisplayType!==s.ALWAYS_HIDDEN&&e.createElement("div",{style:q,onClick:function(){return $()}},e.createElement("div",{style:J,className:N.closeButtonDisplayType===s.VISIBLE_ON_HOVER?"visible-on-hover":""},e.createElement(n,{style:Q}))),e.createElement("div",{style:{display:"flex",flexDirection:S?S.imagePosition===g.LEFT_ALIGN?"row-reverse":"row":"column"},onClick:function(e){R&&(w.selectedStep=w.steps[0])}},e.createElement("div",{style:Y},w.selectedStep.elements.filter((function(e){return e.type!==d.IMAGE_COLUMN})).slice().sort((function(e,t){return e.order-t.order})).map((function(e){return Z(e)}))),S&&Z(S))),e.createElement("div",{style:z,onClick:function(){return $()}}))}));export{T as default};
1
+ import e from"react";import{observer as t}from"mobx-react";import{PopupTypeEnum as o,PopupPositonEnum as i}from"../models/modal/index.js";import n from"../assets/x-close.js";import{CloseButtonPositionTypeEnum as r,CloseIconTypeEnum as l,CloseButtonDisplayTypeEnum as s}from"../models/modal/close-settings/index.js";import{PopupElementTypeEnum as d,ComponentVerticalAlignmentEnum as a}from"../models/modal/step/elements/base/index.js";import c from"./text-element-renderer/index.js";import m from"./button-element-renderer/index.js";import p from"./space-element-renderer/index.js";import u from"./divider-element-renderer/index.js";import f from"./social-element-renderer/index.js";import P from"./image-element-renderer/index.js";import x from"./image-column-element-renderer/index.js";import E from"./product-list-renderer/index.js";import v from"./form-element-renderer/index.js";import{ImageColumnPositionEnum as g,MobileImageColumnPositionEnum as T}from"../models/modal/step/elements/image-column/index.js";var b=t((function(t){var b,y,O,I,_=t.popup,h=t.dynamicData,C=t.dashboardComponents,M=t.previewMode,w=t.sfProps,A=t.isMobile,D=_.modal,R=D.teaser,S=!!D.selectedStep.isTeaser,k=D.selectedStep.elements.find((function(e){return e.type===d.IMAGE_COLUMN})),N=S?R.backgroundSettings:D.backgroundSettings,L=S?R.windowSettings:D.windowSettings,j=S?R.closeSettings:D.closeSettings,U=N.allowScrollingWhenPopupOpen,B=_.isPreviewMode||M,H=!!B||D.isVisible;document.body.style.overflow=H&&!U?"hidden":"auto";var W=N.overlay,F=N.border,V="center",G="center";switch(S?o.POPUP:D.type){case o.POPUP:var z=S?R.position:D.position;z===i.POPUP_TOP_LEFT?(V="flex-start",G="flex-start"):z===i.POPUP_TOP_CENTER?(V="center",G="flex-start"):z===i.POPUP_TOP_RIGHT?(V="flex-end",G="flex-start"):z===i.POPUP_MIDDLE_LEFT?(V="flex-start",G="center"):z===i.POPUP_MIDDLE_CENTER?(V="center",G="center"):z===i.POPUP_MIDDLE_RIGHT?(V="flex-end",G="center"):z===i.POPUP_BOTTOM_LEFT?(V="flex-start",G="flex-end"):z===i.POPUP_BOTTOM_CENTER?(V="center",G="flex-end"):z===i.POPUP_BOTTOM_RIGHT&&(V="flex-end",G="flex-end");break;case o.DRAWER:D.position===i.DRAWER_LEFT?(V="flex-start",G="center"):D.position===i.DRAWER_RIGHT&&(V="flex-end",G="center");break;case o.NOTIFICATION_BAR:D.position===i.NOTIFICATION_BAR_UP?(V="center",G="flex-start"):D.position===i.NOTIFICATION_BAR_DOWN&&(V="center",G="flex-end")}var K={position:"fixed",display:"flex",justifyContent:V,alignItems:G,top:0,left:0,right:0,bottom:0,zIndex:9995,overflow:"hidden",padding:"".concat(L.outerVerticalPadding,"px ").concat(L.outerHorizontalPadding,"px"),opacity:H?1:0,visibility:H?"visible":"hidden",transition:"opacity 0.3s ease, visibility 0.3s ease"},X={position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:9996,backgroundColor:W?W.bgColor:"",opacity:W?(W.bgOpacity||100)/100:void 0},Y={position:"relative",zIndex:9997,backgroundColor:N.bgColor,border:F?"".concat(F.borderWidth,"px ").concat(F.borderStyle," ").concat(F.borderColor):"",borderRadius:"".concat(L.borderRadius,"px"),width:L.takeFullWidth?"100%":void 0,maxWidth:"100%",maxHeight:"100%",minHeight:L.minHeight,height:L.takeFullHeight?"100%":void 0,boxShadow:N.shadow?"0 0 10px ".concat(N.shadow.color):"",overflow:"hidden",opacity:H?1:0,visibility:H?"visible":"hidden",transition:"opacity 0.3s ease, visibility 0.3s ease",padding:"".concat(L.innerVerticalPadding,"px ").concat(L.innerHorizontalPadding,"px")},q="";switch(null==k?void 0:k.verticalAlignment){case a.BOTTOM:q="flex-end";break;case a.MIDDLE:q="center";break;case a.TOP:q="flex-start"}var J={width:L.takeFullWidth?"100%":L.maxWidth,maxWidth:"100%",overflow:"auto",display:"flex",flexDirection:"column",justifyContent:q},Q={position:j.closeButtonPositionType===r.TAKE_SPACE?"relative":"absolute",float:j.closeButtonPositionType===r.TAKE_SPACE?"right":"none",top:8,right:8,zIndex:9998},Z={position:"sticky",padding:"6px",marginLeft:j.closeButtonPositionType===r.TAKE_SPACE?"14px":void 0,display:"flex",justifyContent:"center",alignItems:"center",border:(null===(b=j.iconSettings)||void 0===b?void 0:b.type)===l.WITH_BORDER?"1px solid ".concat(null===(y=j.iconSettings)||void 0===y?void 0:y.color):"",borderRadius:"50%",backgroundColor:null===(O=j.iconSettings)||void 0===O?void 0:O.backgroundColor},$={color:null===(I=j.iconSettings)||void 0===I?void 0:I.color,cursor:"pointer"},ee=function(t){var o=t.type,i=C&&C[o]&&C[o].length?C[o][0]:null,n=i&&_.marketingPopupViewModel?e.createElement(i,{element:t,marketingPopupViewModel:_.marketingPopupViewModel}):void 0;switch(o){case d.TEXT:return e.createElement(c,{element:t});case d.IMAGE:return e.createElement(P,{element:t,popup:_,editModeChildren:n});case d.IMAGE_COLUMN:return A&&k.mobilePosition===T.HIDE?null:e.createElement(x,{element:t,popup:_,editModeChildren:n});case d.BUTTON:return e.createElement(m,{element:t});case d.DIVIDER:return e.createElement(u,{element:t});case d.FORM:return e.createElement(v,{element:t,popup:_,isPreviewMode:!!B,sfProps:w});case d.PRODUCT_LIST:return e.createElement(E,{element:t,products:h.products[t.id],popup:_,editModeChildren:n,isPreviewMode:!!B});case d.SOCIAL_MEDIA:return e.createElement(f,{element:t,popup:_,editModeChildren:n});case d.SPACE:return e.createElement(p,{element:t})}},te=function(){B||D.isVisible&&(D.isVisible=!1,w&&w.onModalClose())},oe=k?k.imagePosition===g.LEFT_ALIGN?"row-reverse":"row":"",ie=k?k.mobilePosition===T.TOP?"column":"column-reverse":"",ne={display:"flex",flexDirection:k?A?ie:oe:"column"};return e.createElement("div",{className:"ikas-popup-default-styles",id:"ikas-popup-container",style:K},e.createElement("div",{style:Y},j.closeButtonDisplayType!==s.ALWAYS_HIDDEN&&e.createElement("div",{style:Q,onClick:function(){return te()}},e.createElement("div",{style:Z,className:j.closeButtonDisplayType===s.VISIBLE_ON_HOVER?"visible-on-hover":""},e.createElement(n,{style:$}))),e.createElement("div",{style:ne,onClick:function(e){S&&(D.selectedStep=D.steps[0])}},e.createElement("div",{style:J},D.selectedStep.elements.filter((function(e){return e.type!==d.IMAGE_COLUMN})).slice().sort((function(e,t){return e.order-t.order})).map((function(e){return ee(e)}))),k&&ee(k))),e.createElement("div",{style:X,onClick:function(){return te()}}))}));export{b as default};
@@ -4,9 +4,15 @@ export declare enum ImageColumnPositionEnum {
4
4
  LEFT_ALIGN = "LEFT_ALIGN",
5
5
  RIGTH_ALIGN = "RIGTH_ALIGN"
6
6
  }
7
+ export declare enum MobileImageColumnPositionEnum {
8
+ TOP = "TOP",
9
+ BOTTOM = "BOTTOM",
10
+ HIDE = "HIDE"
11
+ }
7
12
  export declare class ImageColumnElement extends BaseElement {
8
13
  type: PopupElementTypeEnum;
9
14
  imagePosition: ImageColumnPositionEnum;
15
+ mobilePosition: MobileImageColumnPositionEnum;
10
16
  imageId: string | null;
11
17
  bgColor: string;
12
18
  link: string | null;
@@ -1 +1 @@
1
- import{__extends as i}from'./../../../../../../ext/tslib/tslib.es6.mjs.js';import{makeObservable as t,observable as n,computed as o}from"mobx";import{PopupElementTypeEnum as e,BaseElement as a}from"../base/index.js";import{IMAGE_SIZE as r,ImageFitEnum as c}from"../image/index.js";var d;!function(i){i.LEFT_ALIGN="LEFT_ALIGN",i.RIGTH_ALIGN="RIGTH_ALIGN"}(d||(d={}));var l=function(a){function l(i){var r,l,m=this;return(m=a.call(this,i)||this).type=e.IMAGE_COLUMN,m.imagePosition=i.imagePosition||d.RIGTH_ALIGN,m.imageId=i.imageId||null,m.bgColor=i.bgColor||"",m.cdnURL=null,m.merchantId=null,m.objectFit=i.objectFit||c.CONTAIN,m.link=i.link||null,m.verticalPadding=null!==(r=i.verticalPadding)&&void 0!==r?r:24,m.horizontalPadding=null!==(l=i.horizontalPadding)&&void 0!==l?l:24,t(m,{imagePosition:n,imageId:n,cdnURL:n,merchantId:n,objectFit:n,link:n,src:o}),m}return i(l,a),Object.defineProperty(l.prototype,"src",{get:function(){if(this.imageId)return this.imageId.includes("/")?"".concat(this.cdnURL,"images/").concat(this.merchantId,"/").concat(this.imageId,"/image_").concat(r,".jpeg"):void 0},enumerable:!1,configurable:!0}),l}(a);export{l as ImageColumnElement,d as ImageColumnPositionEnum};
1
+ import{__extends as i}from'./../../../../../../ext/tslib/tslib.es6.mjs.js';import{makeObservable as o,observable as t,computed as n}from"mobx";import{PopupElementTypeEnum as e,BaseElement as a}from"../base/index.js";import{IMAGE_SIZE as r,ImageFitEnum as l}from"../image/index.js";var c,d;!function(i){i.LEFT_ALIGN="LEFT_ALIGN",i.RIGTH_ALIGN="RIGTH_ALIGN"}(c||(c={})),function(i){i.TOP="TOP",i.BOTTOM="BOTTOM",i.HIDE="HIDE"}(d||(d={}));var m=function(a){function m(i){var r,m,s=this;return(s=a.call(this,i)||this).type=e.IMAGE_COLUMN,s.imagePosition=i.imagePosition||c.RIGTH_ALIGN,s.mobilePosition=i.mobilePosition||d.HIDE,s.imageId=i.imageId||null,s.bgColor=i.bgColor||"",s.cdnURL=null,s.merchantId=null,s.objectFit=i.objectFit||l.CONTAIN,s.link=i.link||null,s.verticalPadding=null!==(r=i.verticalPadding)&&void 0!==r?r:24,s.horizontalPadding=null!==(m=i.horizontalPadding)&&void 0!==m?m:24,o(s,{imagePosition:t,imageId:t,cdnURL:t,merchantId:t,objectFit:t,link:t,src:n}),s}return i(m,a),Object.defineProperty(m.prototype,"src",{get:function(){if(this.imageId)return this.imageId.includes("/")?"".concat(this.cdnURL,"images/").concat(this.merchantId,"/").concat(this.imageId,"/image_").concat(r,".jpeg"):void 0},enumerable:!1,configurable:!0}),m}(a);export{m as ImageColumnElement,c as ImageColumnPositionEnum,d as MobileImageColumnPositionEnum};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ikas/popup-renderer",
3
- "version": "1.0.80",
3
+ "version": "1.0.82",
4
4
  "description": "",
5
5
  "author": "ucy",
6
6
  "license": "ISC",