@aurigma/ui-framework/dist/imports/es8/dynamic.au-widget-finish-group.tw1ff5iwrs.js

A platform which allows building print product personalization editors based on Aurigma's Customer's Canvas.

(window.multistep_editor_jsonpFunction=window.multistep_editor_jsonpFunction||[]).push([[27],{869:function(n,o){n.exports='<style>\n    :host {\n        display: block;\n    }\n\n    [hidden] {\n        display: none !important;\n    }\n\n    .text {\n        user-select: none;\n        @apply --au-body1-font;\n    }\n\n    paper-checkbox {\n        --paper-checkbox-checked-color: var(--theme-primary-color);\n        --paper-checkbox-unchecked-color: var(--checkbox-unchecked-color);\n        --paper-checkbox-vertical-align: top;\n        --paper-checkbox-margin: 1px 0 0 0;\n    }\n\n    /* =============== button =============== */\n    paper-button {\n        @apply --au-header-button-geometry;\n        @apply --au-button-font;\n        margin: 0;\n    }\n\n    #button.primary {\n        background-color: var(--theme-primary-color);\n        color: var(--theme-interface-color);\n    }\n\n    #button.success {\n        background-color: var(--theme-success-color);\n        color: var(--theme-interface-color);\n    }\n\n    #button.warning {\n        background-color: var(--theme-warning-color);\n        color: var(--theme-interface-color);\n    }\n\n    #button.danger {\n        background-color: var(--theme-error-color);\n        color: var(--theme-interface-color);\n    }\n\n    #button[disabled] {\n        background: var(--button-disable-background);\n        color: var(--button-disable-color);\n    }\n\n    .div__container {\n        display: flex;\n        align-items: center;\n        width: 100%;\n    }\n\n    .div__buttoncheckbox {\n        order: 20;\n        display: inline-block;\n        margin-left: auto;\n    }\n\n    .div__checkbox {\n        display: inline-block;\n    }\n\n    .div__button {\n        display: inline-block;\n        margin-left: 15px;\n    }\n\n    .div__download {\n        display: inline-block;\n        order: 30;\n    }\n\n    .div__download_icon {\n        margin-right: 10px;\n        fill: none;\n    }\n\n    #downloadButton {\n        padding-left: 0px !important;\n        color: var(--theme-primary-color);\n    }\n\n    paper-checkbox {\n        --paper-checkbox-vertical-align: text-bottom;\n    }\n\n    @media (max-width: 769px) {\n        .div__container {\n            justify-content: space-between;\n            flex-direction: column;\n            padding: 0 15px;\n            align-items: baseline;\n        }\n\n        .div__download {\n            margin-bottom: 15px;\n            width: 100%;\n        }\n\n        .div__buttoncheckbox {\n            display: flex;\n            align-items: center;\n            width: 100%;\n        }\n\n        .div__checkbox {\n            width: 60%;\n            margin-right: 15px;\n        }\n\n        .div__button {\n            width: 80px;\n            height: 40px;\n        }\n    }\n</style>\n\n<div class="div__container" style$="justify-content: {{__containerJustifyContent}}">\n    <template is="dom-if" if="[[_buttonVisible]]">\n        <div class="div__buttoncheckbox">\n            <div class="div__checkbox" hidden="[[!_checkboxVisible]]">\n                <paper-checkbox noink type="value" checked="{{value}}" disabled$="{{!_checkboxEnable}}">\n                    <span noink class="text">\n                        [[_checkboxPrompt]]\n                    </span>\n                </paper-checkbox>\n            </div>\n\n            <div class="div__button">\n                <paper-button id="button" class$="[[_buttonClassStyle]]" style="height: 40px;" on-tap="_onClick"\n                    disabled="[[!_buttonEnable]]">\n                    <span>[[_buttonText]]</span>\n                </paper-button>\n            </div>\n        </div>\n    </template>\n\n    <div class="div__download" style$="order: {{_downloadOrder}}; margin-left: {{_downloadMarginLeft}};">\n        <paper-button id="downloadButton" on-tap="_onDownloadClick" disabled="[[!_downloadEnable]]"\n            hidden="[[!_downloadVisible]]">\n            <iron-icon icon="au-icons:download" class="div__download_icon"></iron-icon>\n            <span>[[_downloadText]]</span>\n        </paper-button>\n    </div>\n</div>'},909:function(n,o,t){"use strict";t.r(o),t.d(o,"AuWidgetFinishGroup",(function(){return s})),t.d(o,"widget",(function(){return s}));var e=t(0),i=t(869),a=t(160),d=t(2),l=t(1);let s=class extends a.b{constructor(){super(...arguments),this.value=!1,this._checkboxPrompt="",this._checkboxEnable=!0,this._checkboxVisible=!0,this._buttonEnable=!1,this._buttonText="",this._buttonClassStyle="",this._buttonVisible=!0,this._downloadText="",this._downloadEnable=!0,this._downloadVisible=!1,this._downloadPosition="left",this._downloadOrder=30,this._downloadMarginLeft="",this.__containerJustifyContent=""}updateParams(n){var o;this.value=l.a.isNotNullOrUndefined(n.value)?n.value:this.value,this._checkboxPrompt=n.checkboxPrompt,this._checkboxEnable=!l.a.isNotNullOrUndefined(n.checkboxEnabled)||n.checkboxEnabled,this._checkboxVisible=!l.a.isNotNullOrUndefined(n.checkboxVisible)||n.checkboxVisible,this._buttonText=n.buttonText,this._buttonClassStyle=n.buttonClassStyle,this._buttonVisible=null===(o=n.buttonVisible)||void 0===o||o,this._downloadEnable=void 0===n.downloadEnable||n.downloadEnable,this._downloadText=n.downloadText,this._downloadVisible=!0===n.downloadVisible||void 0===n.downloadVisible&&void 0!==n.downloads,this._downloadPosition=void 0!==n.downloadPosition?n.downloadPosition:"left",this._downloadOrder="left"===this._downloadPosition||window.innerWidth<768?10:30,this._downloadMarginLeft="right"===this._downloadPosition&&window.innerWidth>768?"18px":"0px",this.__containerJustifyContent="left"===n.downloadPosition?this._buttonVisible?"space-between":"flex-start":"flex-end";const t=[].concat((()=>this._buttonEnable=!1),n.onClick,(async()=>{const n=[];Object.keys(this.auWizard.scope.$).forEach((o=>{const t=this.auWizard.scope.$[o],e=t.tagName.toLowerCase();-1===e.indexOf("order")&&-1===e.indexOf("cart")||n.push(t)}));for(const o of n)await o.compile()}),this._submit,(()=>this._buttonEnable=!0)).filter((n=>n));this._onClick=l.a.functionWrapperConstructor(t)}async _onDownloadClick(){if(this.params.downloads&&this.params.downloads.length>0)if(-1!==(typeof this.params.downloads[0]).indexOf("function")){const n=l.a.functionWrapperConstructor(this.params.downloads),o=await n();for(const t of o)await this.auWizard.downloadFile(t.url,t.name,t.newTab)}else{const n=await this.auWizard.downloadFilesAsZip(this.params.downloads);await this.auWizard.downloadFile(n,"files.zip",!0)}}_submit(){return this.driver.cart?this.driver.cart.submit():this.driver.orders.current.submit()}valueChanged(){this._buttonEnable=this.value,this.emitChange({value:this.value})}get _(){return this.value}clearSelection(){this.value=!1}};Object(e.a)([Object(d.c)(),Object(e.b)("design:type",Boolean)],s.prototype,"value",void 0),Object(e.a)([Object(d.c)(),Object(e.b)("design:type",Boolean)],s.prototype,"_buttonEnable",void 0),Object(e.a)([Object(d.b)("value"),Object(e.b)("design:type",Function),Object(e.b)("design:paramtypes",[]),Object(e.b)("design:returntype",void 0)],s.prototype,"valueChanged",null),s=Object(e.a)([Object(d.a)("au-widget-finish-group",i)],s)}}]);