@aurigma/ui-framework
Version:
A platform which allows building print product personalization editors based on Aurigma's Customer's Canvas.
1 lines • 6.23 kB
JavaScript
(window.multistep_editor_jsonpFunction=window.multistep_editor_jsonpFunction||[]).push([[43],{874:function(e,t){e.exports='<style>\n .content {\n display: flex;\n flex-direction: column;\n height: 100%;\n }\n\n .content au-widget {\n margin-bottom: var(--group-padding-content-bottom, 30px);\n height: var(--au-widget-height, auto);\n width: var(--au-width, 100%);\n }\n</style>\n\n<div class="content">\n <dom-repeat items="{{options}}" id="repeater">\n <template>\n <au-widget name="{{item.name}}" language="{{language}}" driver="{{driver}}"\n definition="{{item}}"></au-widget>\n </template>\n </dom-repeat>\n</div>\n\n'},933:function(e,t,n){n.r(t),n.d(t,"AuWidgetPimOptions",function(){return c}),n.d(t,"widget",function(){return c});var i,d=n(0),t=n(2),o=n(1),s=n(17),a=n(395),r=n(160),n=n(874),u=function(i,o){var t,e,s=this;try{for(var n=Object(d.k)(Object.entries(i._)),a=n.next();!a.done;a=n.next()){var r=Object(d.h)(a.value,2);((t,n)=>{var e=o.find(function(e){return e.id===+t});Array.isArray(n)?(s.name=e.name,s.value=e.values.filter(function(e){return n.includes(e.id)}).map(function(e){return e.name})):(s.name=e.name,s.value=e.values.find(function(e){return e.id===n}).name),s.visible=i.isVisible})(r[0],r[1])}}catch(e){t={error:e}}finally{try{a&&!a.done&&(e=n.return)&&e.call(n)}finally{if(t)throw t.error}}},h=function(t,e){this.name=t.name,this.type="pim-option";var n=t.options.find(function(e){return e.name===t.name}),i="true"===(null==(i=n.appearanceDataItems)?void 0:i.find(function(e){return"OptionTooltip"===e.key}).value),o="true"===(null==(o=n.appearanceDataItems)?void 0:o.find(function(e){return"OptionDescription"===e.key}).value),s="true"===(null==(s=n.appearanceDataItems)?void 0:s.find(function(e){return"ValueAdditionText"===e.key}).value);this.params={option:{name:n.name,id:n.id,values:n.values,selected:n.selected,tooltip:i?n.tooltip:null,description:o?n.description:null,isMultiSelect:n.isMultiSelect,showValueAdditionalText:s,type:t.type||n.type,subType:t.subType||null},config:t.config,style:t.style,css:t.css,visible:t.visible,active:t.active,onChange:t.onChange,parentWidgetName:e}},c=(i=r.b,Object(d.d)(l,i),Object.defineProperty(l.prototype,"_",{get:function(){var t;return 0<this._optionsWidgets.length&&!this.isLoading?(t={},this._optionsWidgets.forEach(function(e){e.isActive&&Object.assign(t,e._)}),t):[]},enumerable:!1,configurable:!0}),l.prototype.checkOptionsLoading=function(){this._optionsAreLoaded||0===this.options.length||this.options.length!==this._optionsWidgets.length||(this._optionsAreLoaded=!0,this._onReadyFunction&&this._onReadyFunction())},Object.defineProperty(l.prototype,"summary",{get:function(){var t,n=this;return 0<this._optionsWidgets.length?(t=[],this._optionsWidgets.forEach(function(e){null!=e&&e._&&e.isActive&&t.push(new u(e,n._options))}),t):[]},enumerable:!1,configurable:!0}),l.prototype.updateParams=function(u){var e,c,l,p=this;!u||!u.options||u.options.length<1||(this.isLoading=!0,this._options=u.options,c=[],u.onReady&&(this._onReadyFunction=o.a.functionWrapperConstructor(u.onReady)),u.onChange&&(this._onChange=o.a.functionWrapperConstructor(u.onChange)),0<u.options.length&&(l=new Map,null!=(e=this.paramsRaw)&&e.modifiers&&0<(null==(e=this.paramsRaw)?void 0:e.modifiers.length)&&null!=(e=this.paramsRaw)&&e.modifiers.forEach(function(e){return l.set(e.name,{type:e.type,subType:e.subType,style:e.style,css:e.css,config:e.config,visible:e.visible,preselectedValue:e.preselectedValue?JSON.parse(JSON.stringify(e.preselectedValue)):void 0,onChange:e.onChange})}),u.options.forEach(function(e){var t=Object(d.j)([],Object(d.h)(u.options),!1),n=l.has(e.name),i=n?l.get(e.name).visible:void 0,o=i,s=1===e.values.length,a=n&&(null==(r=l.get(e.name))?void 0:r.preselectedValue),i=(s&&(o=!1!==i,i=!!i),a&&!s&&(t=t.map(function(e){return Object(d.a)(Object(d.a)({},e),{selected:e.values.filter(function(e){return a===e.name||(null==a?void 0:a.includes(e.name))})})}),o=!0),{name:e.name,options:t,visible:null==i||i,style:n?null==(r=l.get(e.name))?void 0:r.style:null,css:n?null==(s=l.get(e.name))?void 0:s.css:null,active:o,config:n?null==(t=l.get(e.name))?void 0:t.config:null,onChange:n?l.get(e.name).onChange:null,type:n?l.get(e.name).type:null,subType:n?l.get(e.name).subType:null}),r=new h(i,p.name);c.push(r)})),this.options=c,this._optionsNames=this.options.map(function(e){return e.name}),this.isLoading=!1)},l.prototype.updateParamsAsync=function(t){return Object(d.b)(this,void 0,void 0,function(){return Object(d.e)(this,function(e){switch(e.label){case 0:return[4,i.prototype.updateParamsAsync.call(this,t)];case 1:return e.sent(),[2]}})})},l.prototype.connectedCallback=function(){return Object(d.b)(this,void 0,void 0,function(){var n=this;return Object(d.e)(this,function(e){return i.prototype.connectedCallback.call(this),this._subscription=this.observe(s.a.WIDGET_CHANGE).pipe(Object(a.a)(function(e){var t;return 0<=n._optionsNames.indexOf(e.name)&&n.name===(null==(t=null==e?void 0:e.data)?void 0:t.parentWidgetName)&&!!e.sender._})).subscribe(function(e){n._updateWidgets(e),n._onChange&&n._onChange(e),n.checkOptionsLoading()}),[2]})})},l.prototype._updateWidgets=function(n){return Object(d.b)(this,void 0,void 0,function(){var t;return Object(d.e)(this,function(e){return 0<this._optionsWidgets.length?((t=this._optionsWidgets.filter(function(e){return e.name!==n.sender.name})).push(n.sender),this._optionsWidgets=t):this._optionsWidgets.push(n.sender),[2]})})},l.prototype.disconnectedCallback=function(){var e;i.prototype.disconnectedCallback.call(this),this._subscription.unsubscribe(),null!=(e=this.template)&&e.removeEventListener("scroll")},l.prototype.clearSelection=function(){},Object(d.c)([Object(t.c)(),Object(d.g)("design:type",Object)],l.prototype,"options",void 0),Object(d.c)([Object(t.c)(),Object(d.g)("design:type",Object),Object(d.g)("design:paramtypes",[])],l.prototype,"_",null),Object(d.c)([Object(t.a)("au-widget-pim-options",n)],l));function l(){var e=null!==i&&i.apply(this,arguments)||this;return e.options=[],e._optionsWidgets=[],e._optionsNames=[],e._optionsAreLoaded=!1,e.isLoading=!1,e}}}]);