@zedomel/step-dropdown 1.0.0 → 1.0.2
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/dropdownbox.js +1 -1
- package/package.json +1 -1
package/dist/dropdownbox.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.DropdownBox=t():e.DropdownBox=t()}(this,(()=>(()=>{"use strict";var e={365:(e,t,n)=>{n.d(t,{A:()=>c});var r=n(601),o=n.n(r),a=n(314),i=n.n(a)()(o());i.push([e.id,"/* styles.css */\n\n.box {\n margin-bottom: 20px;\n}\n\n.inputBox {\n position: relative;\n}\n\n.summary {\n display: block;\n padding: 10px;\n border: 1px solid #ccc;\n cursor: pointer;\n background-color: #f9f9f9;\n border-radius: 4px;\n}\n\n.options {\n display: none;\n position: absolute;\n width: 100%;\n border: 1px solid #ccc;\n background-color: #fff;\n border-radius: 4px;\n margin-top: 5px;\n padding: 10px;\n z-index: 1000;\n}\n\n.option {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 10px;\n}\n\n.stepper {\n display: flex;\n align-items: center;\n}\n\n.step {\n cursor: pointer;\n padding: 5px 10px;\n border: 1px solid #ccc;\n background-color: #f9f9f9;\n border-radius: 4px;\n}\n\n.step.is-disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n\n.tbx_stepper {\n width: 50px;\n text-align: center;\n margin: 0 5px;\n border: 1px solid #ccc;\n border-radius: 4px;\n padding: 5px;\n}",""]);const c=i},314:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n="",r=void 0!==t[5];return t[4]&&(n+="@supports (".concat(t[4],") {")),t[2]&&(n+="@media ".concat(t[2]," {")),r&&(n+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),n+=e(t),r&&(n+="}"),t[2]&&(n+="}"),t[4]&&(n+="}"),n})).join("")},t.i=function(e,n,r,o,a){"string"==typeof e&&(e=[[null,e,void 0]]);var i={};if(r)for(var c=0;c<this.length;c++){var s=this[c][0];null!=s&&(i[s]=!0)}for(var l=0;l<e.length;l++){var u=[].concat(e[l]);r&&i[u[0]]||(void 0!==a&&(void 0===u[5]||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=a),n&&(u[2]?(u[1]="@media ".concat(u[2]," {").concat(u[1],"}"),u[2]=n):u[2]=n),o&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=o):u[4]="".concat(o)),t.push(u))}},t}},601:e=>{e.exports=function(e){return e[1]}},72:e=>{var t=[];function n(e){for(var n=-1,r=0;r<t.length;r++)if(t[r].identifier===e){n=r;break}return n}function r(e,r){for(var a={},i=[],c=0;c<e.length;c++){var s=e[c],l=r.base?s[0]+r.base:s[0],u=a[l]||0,p="".concat(l," ").concat(u);a[l]=u+1;var d=n(p),f={css:s[1],media:s[2],sourceMap:s[3],supports:s[4],layer:s[5]};if(-1!==d)t[d].references++,t[d].updater(f);else{var m=o(f,r);r.byIndex=c,t.splice(c,0,{identifier:p,updater:m,references:1})}i.push(p)}return i}function o(e,t){var n=t.domAPI(t);return n.update(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap&&t.supports===e.supports&&t.layer===e.layer)return;n.update(e=t)}else n.remove()}}e.exports=function(e,o){var a=r(e=e||[],o=o||{});return function(e){e=e||[];for(var i=0;i<a.length;i++){var c=n(a[i]);t[c].references--}for(var s=r(e,o),l=0;l<a.length;l++){var u=n(a[l]);0===t[u].references&&(t[u].updater(),t.splice(u,1))}a=s}}},659:e=>{var t={};e.exports=function(e,n){var r=function(e){if(void 0===t[e]){var n=document.querySelector(e);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}t[e]=n}return t[e]}(e);if(!r)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");r.appendChild(n)}},540:e=>{e.exports=function(e){var t=document.createElement("style");return e.setAttributes(t,e.attributes),e.insert(t,e.options),t}},56:(e,t,n)=>{e.exports=function(e){var t=n.nc;t&&e.setAttribute("nonce",t)}},825:e=>{e.exports=function(e){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var t=e.insertStyleElement(e);return{update:function(n){!function(e,t,n){var r="";n.supports&&(r+="@supports (".concat(n.supports,") {")),n.media&&(r+="@media ".concat(n.media," {"));var o=void 0!==n.layer;o&&(r+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),r+=n.css,o&&(r+="}"),n.media&&(r+="}"),n.supports&&(r+="}");var a=n.sourceMap;a&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),t.styleTagTransform(r,e,t.options)}(t,e,n)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)}}}},113:e=>{e.exports=function(e,t){if(t.styleSheet)t.styleSheet.cssText=e;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(e))}}}},t={};function n(r){var o=t[r];if(void 0!==o)return o.exports;var a=t[r]={id:r,exports:{}};return e[r](a,a.exports,n),a.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.nc=void 0;var r={};n.r(r),n.d(r,{default:()=>j});var o=n(72),a=n.n(o),i=n(825),c=n.n(i),s=n(659),l=n.n(s),u=n(56),p=n.n(u),d=n(540),f=n.n(d),m=n(113),v=n.n(m),y=n(365),b={};function h(e){return h="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},h(e)}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function x(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function S(e,t,n){return(t=E(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function w(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,E(r.key),r)}}function E(e){var t=function(e){if("object"!=h(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=h(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==h(t)?t:t+""}b.styleTagTransform=v(),b.setAttributes=p(),b.insert=l().bind(null,"head"),b.domAPI=c(),b.insertStyleElement=f(),a()(y.A,b),y.A&&y.A.locals&&y.A.locals;var C=function(){return e=function e(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.container=document.querySelector(t),!this.container)throw new Error('Container with selector "'.concat(t,'" not found.'));this.options=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?x(Object(n),!0).forEach((function(t){S(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({options:[],onChange:null,onDropdownToggle:null,className:null},n),this.inputs=[],this.init()},t=[{key:"init",value:function(){this.container.innerHTML="",this.generateHTML(),this.$summary=this.container.querySelector(".summary"),this.$dropbox=this.container.querySelector(".box .js-drop"),this.bindEvents(),this.updateSummary()}},{key:"generateHTML",value:function(){var e=this.createBox(this.options.className,this.generateOptions());this.container.appendChild(e)}},{key:"createBox",value:function(e,t){var n=document.createElement("div");n.className="box ".concat(e);var r=document.createElement("div");r.className="inputBox";var o=document.createElement("span");o.className="summary noselect js-toggle-drop",o.textContent="",r.appendChild(o);var a=document.createElement("div");return a.className="options js-drop",a.style.display="none",a.appendChild(t),r.appendChild(a),n.appendChild(r),n}},{key:"generateOptions",value:function(){var e,t=document.createDocumentFragment(),n=function(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return g(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?g(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,i=!0,c=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){c=!0,a=e},f:function(){try{i||null==n.return||n.return()}finally{if(c)throw a}}}}(this.options.options);try{for(n.s();!(e=n.n()).done;){var r=e.value,o=this.createOption(r.id,r.label,r.description,r.value,r.min,r.max);t.appendChild(o)}}catch(e){n.e(e)}finally{n.f()}return t}},{key:"createOption",value:function(e,t,n,r,o,a){var i=document.createElement("div");i.className="option";var c=document.createElement("div");c.className="col1";var s=document.createElement("span");if(s.className="option-label",s.textContent=t,c.appendChild(s),n){var l=document.createElement("span");precoSpan.className="option-desc",precoSpan.textContent=l,c.appendChild(l)}var u=document.createElement("div");u.className="col2";var p=this.createStepper(e,r,o,a);return u.appendChild(p),i.appendChild(c),i.appendChild(u),i}},{key:"createStepper",value:function(e,t,n,r){var o=document.createElement("div");o.className="stepper",o.setAttribute("data-min",null!=n?n:null),o.setAttribute("data-max",null!=r?r:null);var a=document.createElement("span");a.className="step down noselect is-disabled",a.setAttribute("aria-disabled","true"),a.textContent="-",o.appendChild(a);var i=document.createElement("input");i.type="text",i.className="tbx_stepper ".concat(e),i.value=t,i.readOnly=!0,o.appendChild(i);var c=document.createElement("span");return c.className="step up noselect",c.textContent="+",o.appendChild(c),o}},{key:"bindEvents",value:function(){var e=this;this.container.querySelectorAll(".js-toggle-drop").forEach((function(t){t.addEventListener("click",(function(t){var n=t.currentTarget.nextElementSibling;n.style.display="block"===n.style.display?"none":"block",e.options.onDropdownToggle&&e.options.onDropdownToggle(t.currentTarget,n)}))})),this.container.querySelectorAll(".stepper").forEach((function(t){var n=t.querySelector(".tbx_stepper"),r=t.querySelector(".step.down"),o=t.querySelector(".step.up");r.addEventListener("click",(function(){return e.updateStepper(n,-1)})),o.addEventListener("click",(function(){return e.updateStepper(n,1)}))}))}},{key:"updateStepper",value:function(e,t){console.log(e);var n=parseInt(e.parentElement.dataset.min,10),r=parseInt(e.parentElement.dataset.max,10);console.log(n);var o=parseInt(e.value,10);o+=t,o=Math.max(n,r?Math.min(r,o):o),e.value=o;var a=e.parentElement.querySelector(".step.down"),i=e.parentElement.querySelector(".step.up");null!=n&&a.setAttribute("aria-disabled",o<=n),null!=r&&i.setAttribute("aria-disabled",o>=r),this.updateSummary(),this.options.onChange&&this.options.onChange(e,o)}},{key:"updateSummary",value:function(){var e=this;this.$summary.textContent=this.options.options.map((function(t){var n=e.container.querySelector(".box .stepper .tbx_stepper."+t.id).value;return n>0?"".concat(n," ").concat(t.label):""})).join(", ")}}],t&&w(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,t}();const j=C;return r})()));
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.DropdownBox=t():e.DropdownBox=t()}(this,(()=>(()=>{"use strict";var e={365:(e,t,n)=>{n.d(t,{A:()=>c});var r=n(601),o=n.n(r),a=n(314),i=n.n(a)()(o());i.push([e.id,"/* styles.css */\n\n.dropdownbox.box {\n margin-bottom: 20px;\n}\n\n.dropdownbox .inputBox {\n position: relative;\n}\n\n.dropdownbox .summary {\n display: block;\n padding: 10px;\n border: 1px solid #ccc;\n cursor: pointer;\n background-color: #f9f9f9;\n border-radius: 4px;\n}\n\n.dropdownbox .options {\n display: none;\n position: absolute;\n width: 100%;\n border: 1px solid #ccc;\n background-color: #fff;\n border-radius: 4px;\n margin-top: 5px;\n padding: 10px;\n z-index: 1000;\n}\n\n.dropdownbox .option {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 10px;\n}\n\n.dropdownbox .stepper {\n display: flex;\n align-items: center;\n}\n\n.dropdownbox .step {\n cursor: pointer;\n padding: 5px 10px;\n border: 1px solid #ccc;\n background-color: #f9f9f9;\n border-radius: 4px;\n}\n\n.dropdownbox .step.is-disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n\n.dropdownbox .tbx_stepper {\n width: 50px;\n text-align: center;\n margin: 0 5px;\n border: 1px solid #ccc;\n border-radius: 4px;\n padding: 5px;\n}",""]);const c=i},314:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n="",r=void 0!==t[5];return t[4]&&(n+="@supports (".concat(t[4],") {")),t[2]&&(n+="@media ".concat(t[2]," {")),r&&(n+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),n+=e(t),r&&(n+="}"),t[2]&&(n+="}"),t[4]&&(n+="}"),n})).join("")},t.i=function(e,n,r,o,a){"string"==typeof e&&(e=[[null,e,void 0]]);var i={};if(r)for(var c=0;c<this.length;c++){var s=this[c][0];null!=s&&(i[s]=!0)}for(var l=0;l<e.length;l++){var p=[].concat(e[l]);r&&i[p[0]]||(void 0!==a&&(void 0===p[5]||(p[1]="@layer".concat(p[5].length>0?" ".concat(p[5]):""," {").concat(p[1],"}")),p[5]=a),n&&(p[2]?(p[1]="@media ".concat(p[2]," {").concat(p[1],"}"),p[2]=n):p[2]=n),o&&(p[4]?(p[1]="@supports (".concat(p[4],") {").concat(p[1],"}"),p[4]=o):p[4]="".concat(o)),t.push(p))}},t}},601:e=>{e.exports=function(e){return e[1]}},72:e=>{var t=[];function n(e){for(var n=-1,r=0;r<t.length;r++)if(t[r].identifier===e){n=r;break}return n}function r(e,r){for(var a={},i=[],c=0;c<e.length;c++){var s=e[c],l=r.base?s[0]+r.base:s[0],p=a[l]||0,u="".concat(l," ").concat(p);a[l]=p+1;var d=n(u),f={css:s[1],media:s[2],sourceMap:s[3],supports:s[4],layer:s[5]};if(-1!==d)t[d].references++,t[d].updater(f);else{var m=o(f,r);r.byIndex=c,t.splice(c,0,{identifier:u,updater:m,references:1})}i.push(u)}return i}function o(e,t){var n=t.domAPI(t);return n.update(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap&&t.supports===e.supports&&t.layer===e.layer)return;n.update(e=t)}else n.remove()}}e.exports=function(e,o){var a=r(e=e||[],o=o||{});return function(e){e=e||[];for(var i=0;i<a.length;i++){var c=n(a[i]);t[c].references--}for(var s=r(e,o),l=0;l<a.length;l++){var p=n(a[l]);0===t[p].references&&(t[p].updater(),t.splice(p,1))}a=s}}},659:e=>{var t={};e.exports=function(e,n){var r=function(e){if(void 0===t[e]){var n=document.querySelector(e);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}t[e]=n}return t[e]}(e);if(!r)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");r.appendChild(n)}},540:e=>{e.exports=function(e){var t=document.createElement("style");return e.setAttributes(t,e.attributes),e.insert(t,e.options),t}},56:(e,t,n)=>{e.exports=function(e){var t=n.nc;t&&e.setAttribute("nonce",t)}},825:e=>{e.exports=function(e){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var t=e.insertStyleElement(e);return{update:function(n){!function(e,t,n){var r="";n.supports&&(r+="@supports (".concat(n.supports,") {")),n.media&&(r+="@media ".concat(n.media," {"));var o=void 0!==n.layer;o&&(r+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),r+=n.css,o&&(r+="}"),n.media&&(r+="}"),n.supports&&(r+="}");var a=n.sourceMap;a&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),t.styleTagTransform(r,e,t.options)}(t,e,n)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)}}}},113:e=>{e.exports=function(e,t){if(t.styleSheet)t.styleSheet.cssText=e;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(e))}}}},t={};function n(r){var o=t[r];if(void 0!==o)return o.exports;var a=t[r]={id:r,exports:{}};return e[r](a,a.exports,n),a.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.nc=void 0;var r={};n.r(r),n.d(r,{default:()=>j});var o=n(72),a=n.n(o),i=n(825),c=n.n(i),s=n(659),l=n.n(s),p=n(56),u=n.n(p),d=n(540),f=n.n(d),m=n(113),v=n.n(m),y=n(365),b={};function h(e){return h="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},h(e)}function x(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function g(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function w(e,t,n){return(t=E(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function S(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,E(r.key),r)}}function E(e){var t=function(e){if("object"!=h(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=h(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==h(t)?t:t+""}b.styleTagTransform=v(),b.setAttributes=u(),b.insert=l().bind(null,"head"),b.domAPI=c(),b.insertStyleElement=f(),a()(y.A,b),y.A&&y.A.locals&&y.A.locals;var C=function(){return e=function e(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.container=document.querySelector(t),!this.container)throw new Error('Container with selector "'.concat(t,'" not found.'));this.options=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?g(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):g(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({options:[],onChange:null,onDropdownToggle:null,className:null},n),this.inputs=[],this.init()},t=[{key:"init",value:function(){this.container.innerHTML="",this.generateHTML(),this.$summary=this.container.querySelector(".summary"),this.$dropbox=this.container.querySelector(".box .js-drop"),this.bindEvents(),this.updateSummary()}},{key:"generateHTML",value:function(){var e=this.createBox(this.options.className,this.generateOptions());this.container.appendChild(e)}},{key:"createBox",value:function(e,t){var n=document.createElement("div");n.className="dropdownbox box ".concat(e);var r=document.createElement("div");r.className="inputBox";var o=document.createElement("span");o.className="summary noselect js-toggle-drop",o.textContent="",r.appendChild(o);var a=document.createElement("div");return a.className="options js-drop",a.style.display="none",a.appendChild(t),r.appendChild(a),n.appendChild(r),n}},{key:"generateOptions",value:function(){var e,t=document.createDocumentFragment(),n=function(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(e){if("string"==typeof e)return x(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?x(e,t):void 0}}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,o=function(){};return{s:o,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,i=!0,c=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return i=e.done,e},e:function(e){c=!0,a=e},f:function(){try{i||null==n.return||n.return()}finally{if(c)throw a}}}}(this.options.options);try{for(n.s();!(e=n.n()).done;){var r=e.value,o=this.createOption(r.id,r.label,r.description,r.value,r.min,r.max);t.appendChild(o)}}catch(e){n.e(e)}finally{n.f()}return t}},{key:"createOption",value:function(e,t,n,r,o,a){var i=document.createElement("div");i.className="option";var c=document.createElement("div");c.className="col1";var s=document.createElement("span");if(s.className="option-label",s.textContent=t,c.appendChild(s),n){var l=document.createElement("span");precoSpan.className="option-desc",precoSpan.textContent=l,c.appendChild(l)}var p=document.createElement("div");p.className="col2";var u=this.createStepper(e,r,o,a);return p.appendChild(u),i.appendChild(c),i.appendChild(p),i}},{key:"createStepper",value:function(e,t,n,r){var o=document.createElement("div");o.className="stepper",o.setAttribute("data-min",null!=n?n:null),o.setAttribute("data-max",null!=r?r:null);var a=document.createElement("span");a.className="step down noselect is-disabled",a.setAttribute("aria-disabled","true"),a.textContent="-",o.appendChild(a);var i=document.createElement("input");i.type="text",i.className="tbx_stepper input-".concat(e),i.value=t,i.readOnly=!0,o.appendChild(i);var c=document.createElement("span");return c.className="step up noselect",c.textContent="+",o.appendChild(c),o}},{key:"bindEvents",value:function(){var e=this;this.container.querySelectorAll(".js-toggle-drop").forEach((function(t){t.addEventListener("click",(function(t){var n=t.currentTarget.nextElementSibling;n.style.display="block"===n.style.display?"none":"block",e.options.onDropdownToggle&&e.options.onDropdownToggle(t.currentTarget,n)}))})),this.container.querySelectorAll(".stepper").forEach((function(t){var n=t.querySelector(".tbx_stepper"),r=t.querySelector(".step.down"),o=t.querySelector(".step.up");r.addEventListener("click",(function(){return e.updateStepper(n,-1)})),o.addEventListener("click",(function(){return e.updateStepper(n,1)}))}))}},{key:"updateStepper",value:function(e,t){console.log(e);var n=parseInt(e.parentElement.dataset.min,10),r=parseInt(e.parentElement.dataset.max,10);console.log(n);var o=parseInt(e.value,10);o+=t,o=Math.max(n,r?Math.min(r,o):o),e.value=o;var a=e.parentElement.querySelector(".step.down"),i=e.parentElement.querySelector(".step.up");null!=n&&a.setAttribute("aria-disabled",o<=n),null!=r&&i.setAttribute("aria-disabled",o>=r),this.updateSummary(),this.options.onChange&&this.options.onChange(e,o)}},{key:"updateSummary",value:function(){var e=this;this.$summary.textContent=this.options.options.map((function(t){var n=e.container.querySelector(".box .stepper .tbx_stepper.input-"+t.id).value;return n>0?"".concat(n," ").concat(t.label):""})).join(", ")}}],t&&S(e.prototype,t),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,t}();const j=C;return r})()));
|