@aurigma/ui-framework/dist/imports/es8/dynamic.au-widget-finish-group.khmyapxzyk.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],{868: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>'},910:function(n,o,t){t.r(o),t.d(o,"AuWidgetFinishGroup",function(){return l}),t.d(o,"widget",function(){return l});var o=t(0),e=t(868),i=t(160),a=t(2),d=t(1);let l=class extends i.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){this.value=(d.a.isNotNullOrUndefined(n.value)?n:this).value,this._checkboxPrompt=n.checkboxPrompt,this._checkboxEnable=!d.a.isNotNullOrUndefined(n.checkboxEnabled)||n.checkboxEnabled,this._checkboxVisible=!d.a.isNotNullOrUndefined(n.checkboxVisible)||n.checkboxVisible,this._buttonText=n.buttonText,this._buttonClassStyle=n.buttonClassStyle,this._buttonVisible=null==(o=n.buttonVisible)||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&&768<window.innerWidth?"18px":"0px",this.__containerJustifyContent="left"===n.downloadPosition?this._buttonVisible?"space-between":"flex-start":"flex-end";var o=[].concat(()=>this._buttonEnable=!1,n.onClick,async()=>{let t=[];Object.keys(this.auWizard.scope.$).forEach(n=>{var n=this.auWizard.scope.$[n],o=n.tagName.toLowerCase();-1===o.indexOf("order")&&-1===o.indexOf("cart")||t.push(n)});for(var n of t)await n.compile()},this._submit,()=>this._buttonEnable=!0).filter(n=>n);this._onClick=d.a.functionWrapperConstructor(o)}async _onDownloadClick(){var n;if(this.params.downloads&&0<this.params.downloads.length)if(-1!==(typeof this.params.downloads[0]).indexOf("function"))for(n of await d.a.functionWrapperConstructor(this.params.downloads)())await this.auWizard.downloadFile(n.url,n.name,n.newTab);else{var o=await this.auWizard.downloadFilesAsZip(this.params.downloads);await this.auWizard.downloadFile(o,"files.zip",!0)}}_submit(){return(this.driver.cart||this.driver.orders.current).submit()}valueChanged(){this._buttonEnable=this.value,this.emitChange({value:this.value})}get _(){return this.value}clearSelection(){this.value=!1}};Object(o.a)([Object(a.c)(),Object(o.b)("design:type",Boolean)],l.prototype,"value",void 0),Object(o.a)([Object(a.c)(),Object(o.b)("design:type",Boolean)],l.prototype,"_buttonEnable",void 0),Object(o.a)([Object(a.b)("value"),Object(o.b)("design:type",Function),Object(o.b)("design:paramtypes",[]),Object(o.b)("design:returntype",void 0)],l.prototype,"valueChanged",null),l=Object(o.a)([Object(a.a)("au-widget-finish-group",e)],l)}}]);