@zedomel/step-dropdown 1.1.2 → 1.1.3
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/dist/dropdownbox.js +1 -1
- package/package.json +1 -1
package/dist/dropdownbox.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
!function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n():"function"==typeof define&&define.amd?define([],n):"object"==typeof exports?exports.DropdownBox=n():e.DropdownBox=n()}(this,(()=>(()=>{"use strict";var e={365:(e,n,t)=>{t.d(n,{A:()=>c});var r=t(601),o=t.n(r),a=t(314),i=t.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}\n\n/* Basic styles for the switch container */\n.dropdownbox .switch {\n position: relative;\n display: inline-block;\n width: 60px;\n height: 34px;\n}\n\n/* Hide the default checkbox */\n.dropdownbox .switch input {\n opacity: 0;\n width: 0;\n height: 0;\n}\n\n/* Style for the slider */\n.dropdownbox .switch .slider {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: #ccc;\n transition: 0.4s;\n border-radius: 34px;\n}\n\n/* Slider circle */\n.dropdownbox .switch .slider:before {\n position: absolute;\n content: "";\n height: 26px;\n width: 26px;\n left: 4px;\n bottom: 4px;\n background-color: white;\n transition: 0.4s;\n border-radius: 50%;\n}\n\n/* When the checkbox is checked, change the background color */\n.dropdownbox .switch input:checked+.slider {\n background-color: #2196F3;\n}\n\n/* Move the slider circle to the right when checked */\n.dropdownbox .switch input:checked+.slider:before {\n transform: translateX(26px);\n}',""]);const c=i},314:e=>{e.exports=function(e){var n=[];return n.toString=function(){return this.map((function(n){var t="",r=void 0!==n[5];return n[4]&&(t+="@supports (".concat(n[4],") {")),n[2]&&(t+="@media ".concat(n[2]," {")),r&&(t+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),t+=e(n),r&&(t+="}"),n[2]&&(t+="}"),n[4]&&(t+="}"),t})).join("")},n.i=function(e,t,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),t&&(p[2]?(p[1]="@media ".concat(p[2]," {").concat(p[1],"}"),p[2]=t):p[2]=t),o&&(p[4]?(p[1]="@supports (".concat(p[4],") {").concat(p[1],"}"),p[4]=o):p[4]="".concat(o)),n.push(p))}},n}},601:e=>{e.exports=function(e){return e[1]}},72:e=>{var n=[];function t(e){for(var t=-1,r=0;r<n.length;r++)if(n[r].identifier===e){t=r;break}return t}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=t(u),f={css:s[1],media:s[2],sourceMap:s[3],supports:s[4],layer:s[5]};if(-1!==d)n[d].references++,n[d].updater(f);else{var m=o(f,r);r.byIndex=c,n.splice(c,0,{identifier:u,updater:m,references:1})}i.push(u)}return i}function o(e,n){var t=n.domAPI(n);return t.update(e),function(n){if(n){if(n.css===e.css&&n.media===e.media&&n.sourceMap===e.sourceMap&&n.supports===e.supports&&n.layer===e.layer)return;t.update(e=n)}else t.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=t(a[i]);n[c].references--}for(var s=r(e,o),l=0;l<a.length;l++){var p=t(a[l]);0===n[p].references&&(n[p].updater(),n.splice(p,1))}a=s}}},659:e=>{var n={};e.exports=function(e,t){var r=function(e){if(void 0===n[e]){var t=document.querySelector(e);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}n[e]=t}return n[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(t)}},540:e=>{e.exports=function(e){var n=document.createElement("style");return e.setAttributes(n,e.attributes),e.insert(n,e.options),n}},56:(e,n,t)=>{e.exports=function(e){var n=t.nc;n&&e.setAttribute("nonce",n)}},825:e=>{e.exports=function(e){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var n=e.insertStyleElement(e);return{update:function(t){!function(e,n,t){var r="";t.supports&&(r+="@supports (".concat(t.supports,") {")),t.media&&(r+="@media ".concat(t.media," {"));var o=void 0!==t.layer;o&&(r+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),r+=t.css,o&&(r+="}"),t.media&&(r+="}"),t.supports&&(r+="}");var a=t.sourceMap;a&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),n.styleTagTransform(r,e,n.options)}(n,e,t)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)}}}},113:e=>{e.exports=function(e,n){if(n.styleSheet)n.styleSheet.cssText=e;else{for(;n.firstChild;)n.removeChild(n.firstChild);n.appendChild(document.createTextNode(e))}}}},n={};function t(r){var o=n[r];if(void 0!==o)return o.exports;var a=n[r]={id:r,exports:{}};return e[r](a,a.exports,t),a.exports}t.n=e=>{var n=e&&e.__esModule?()=>e.default:()=>e;return t.d(n,{a:n}),n},t.d=(e,n)=>{for(var r in n)t.o(n,r)&&!t.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:n[r]})},t.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.nc=void 0;var r={};t.r(r),t.d(r,{default:()=>k});var o=t(72),a=t.n(o),i=t(825),c=t.n(i),s=t(659),l=t.n(s),p=t(56),u=t.n(p),d=t(540),f=t.n(d),m=t(113),h=t.n(m),b=t(365),v={};function y(e){return y="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},y(e)}function x(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}function g(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function w(e,n,t){return(n=E(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function S(e,n){for(var t=0;t<n.length;t++){var r=n[t];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 n=function(e){if("object"!=y(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var t=n.call(e,"string");if("object"!=y(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==y(n)?n:n+""}v.styleTagTransform=h(),v.setAttributes=u(),v.insert=l().bind(null,"head"),v.domAPI=c(),v.insertStyleElement=f(),a()(b.A,v),b.A&&b.A.locals&&b.A.locals;var C=function(){return e=function e(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this,e),this.container=document.querySelector(n),!this.container)throw new Error('Container with selector "'.concat(n,'" not found.'));this.options=function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?g(Object(t),!0).forEach((function(n){w(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):g(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({options:[],onChange:null,onDropdownToggle:null,className:null},t),this.inputs=[],this.init()},n=[{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,n){var t=document.createElement("div");t.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(n),r.appendChild(a),t.appendChild(r),t}},{key:"generateOptions",value:function(){var e,n=document.createDocumentFragment(),t=function(e,n){var t="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!t){if(Array.isArray(e)||(t=function(e,n){if(e){if("string"==typeof e)return x(e,n);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?x(e,n):void 0}}(e))||n&&e&&"number"==typeof e.length){t&&(e=t);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(){t=t.call(e)},n:function(){var e=t.next();return i=e.done,e},e:function(e){c=!0,a=e},f:function(){try{i||null==t.return||t.return()}finally{if(c)throw a}}}}(this.options.options);try{for(t.s();!(e=t.n()).done;){var r=e.value,o=this.createOption(r);n.appendChild(o)}}catch(e){t.e(e)}finally{t.f()}return n}},{key:"createOption",value:function(e){var n=document.createElement("div");n.className="option";var t=document.createElement("div");t.className="col1";var r=document.createElement("span");if(r.className="option-label",r.innerHTML=e.label,t.appendChild(r),e.description){var o=document.createElement("span");o.className="option-desc",o.innerHTML=e.description,t.appendChild(o)}var a=document.createElement("div");if(a.className="col2",e.min<=1&&1===e.max){var i=this.createSwitch(e.id,e.name,e.value);a.appendChild(i)}else{var c=this.createStepper(e.id,e.name,e.value,e.min,e.max);a.appendChild(c)}return n.appendChild(t),n.appendChild(a),n}},{key:"createStepper",value:function(e,n,t,r,o){var a=document.createElement("div");a.className="stepper",a.setAttribute("data-min",null!=r?r:null),a.setAttribute("data-max",null!=o?o:null);var i=document.createElement("span");i.className="step down noselect is-disabled",i.setAttribute("aria-disabled","true"),i.textContent="-",a.appendChild(i);var c=document.createElement("input");c.type="text",c.className="tbx_stepper input-".concat(e),c.value=null!=t?t:null,c.name=null!=n?n:null,c.id="input-".concat(e),c.readOnly=!0,a.appendChild(c);var s=document.createElement("span");return s.className="step up noselect",s.textContent="+",a.appendChild(s),a}},{key:"createSwitch",value:function(e,n,t){var r=document.createElement("div");r.className="switch";var o=document.createElement("label");o.className="switch",r.appendChild(o);var a=document.createElement("input");a.type="checkbox",a.className="tbx_switch input-".concat(e),a.value=null!=t?t:null,a.name=null!=n?n:null,a.id="input-".concat(e),o.appendChild(a);var i=document.createElement("span");return i.className="slider",o.appendChild(i),r}},{key:"bindEvents",value:function(){var e=this;this.container.querySelectorAll(".js-toggle-drop").forEach((function(n){n.addEventListener("click",(function(n){var t=n.currentTarget.nextElementSibling;t.style.display="block"===t.style.display?"none":"block",e.options.onDropdownToggle&&e.options.onDropdownToggle(n.currentTarget,t)}))})),this.container.querySelectorAll(".stepper").forEach((function(n){var t=n.querySelector(".tbx_stepper"),r=n.querySelector(".step.down"),o=n.querySelector(".step.up");r.addEventListener("click",(function(){return e.updateStepper(t,-1)})),o.addEventListener("click",(function(){return e.updateStepper(t,1)}))}))}},{key:"updateStepper",value:function(e,n){var t=parseInt(e.parentElement.dataset.min,10),r=parseInt(e.parentElement.dataset.max,10),o=parseInt(e.value,10);o+=n,o=Math.max(t,r?Math.min(r,o):o),e.value=o;var a=e.parentElement.querySelector(".step.down"),i=e.parentElement.querySelector(".step.up");null!=t&&a.setAttribute("aria-disabled",o<=t),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(n){var t=parseInt(e.container.querySelector(".box .stepper .tbx_stepper.input-"+n.id+", .box .swtich .tbx_switch.input-"+n.id).value,10);return t>0&&"".concat(t," ").concat(n.label)})).filter((function(e){return e})).join(", ")}}],n&&S(e.prototype,n),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,n}();const k=C;return r})()));
|
|
1
|
+
!function(e,n){"object"==typeof exports&&"object"==typeof module?module.exports=n():"function"==typeof define&&define.amd?define([],n):"object"==typeof exports?exports.DropdownBox=n():e.DropdownBox=n()}(this,(()=>(()=>{"use strict";var e={365:(e,n,t)=>{t.d(n,{A:()=>c});var r=t(601),o=t.n(r),a=t(314),i=t.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}\n\n/* Basic styles for the switch container */\n.dropdownbox .switch {\n position: relative;\n display: inline-block;\n width: 60px;\n height: 34px;\n}\n\n/* Hide the default checkbox */\n.dropdownbox .switch input {\n opacity: 0;\n width: 0;\n height: 0;\n}\n\n/* Style for the slider */\n.dropdownbox .switch .slider {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: #ccc;\n transition: 0.4s;\n border-radius: 34px;\n}\n\n/* Slider circle */\n.dropdownbox .switch .slider:before {\n position: absolute;\n content: "";\n height: 26px;\n width: 26px;\n left: 4px;\n bottom: 4px;\n background-color: white;\n transition: 0.4s;\n border-radius: 50%;\n}\n\n/* When the checkbox is checked, change the background color */\n.dropdownbox .switch input:checked+.slider {\n background-color: #2196F3;\n}\n\n/* Move the slider circle to the right when checked */\n.dropdownbox .switch input:checked+.slider:before {\n transform: translateX(26px);\n}',""]);const c=i},314:e=>{e.exports=function(e){var n=[];return n.toString=function(){return this.map((function(n){var t="",r=void 0!==n[5];return n[4]&&(t+="@supports (".concat(n[4],") {")),n[2]&&(t+="@media ".concat(n[2]," {")),r&&(t+="@layer".concat(n[5].length>0?" ".concat(n[5]):""," {")),t+=e(n),r&&(t+="}"),n[2]&&(t+="}"),n[4]&&(t+="}"),t})).join("")},n.i=function(e,t,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),t&&(p[2]?(p[1]="@media ".concat(p[2]," {").concat(p[1],"}"),p[2]=t):p[2]=t),o&&(p[4]?(p[1]="@supports (".concat(p[4],") {").concat(p[1],"}"),p[4]=o):p[4]="".concat(o)),n.push(p))}},n}},601:e=>{e.exports=function(e){return e[1]}},72:e=>{var n=[];function t(e){for(var t=-1,r=0;r<n.length;r++)if(n[r].identifier===e){t=r;break}return t}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=t(u),f={css:s[1],media:s[2],sourceMap:s[3],supports:s[4],layer:s[5]};if(-1!==d)n[d].references++,n[d].updater(f);else{var m=o(f,r);r.byIndex=c,n.splice(c,0,{identifier:u,updater:m,references:1})}i.push(u)}return i}function o(e,n){var t=n.domAPI(n);return t.update(e),function(n){if(n){if(n.css===e.css&&n.media===e.media&&n.sourceMap===e.sourceMap&&n.supports===e.supports&&n.layer===e.layer)return;t.update(e=n)}else t.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=t(a[i]);n[c].references--}for(var s=r(e,o),l=0;l<a.length;l++){var p=t(a[l]);0===n[p].references&&(n[p].updater(),n.splice(p,1))}a=s}}},659:e=>{var n={};e.exports=function(e,t){var r=function(e){if(void 0===n[e]){var t=document.querySelector(e);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(e){t=null}n[e]=t}return n[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(t)}},540:e=>{e.exports=function(e){var n=document.createElement("style");return e.setAttributes(n,e.attributes),e.insert(n,e.options),n}},56:(e,n,t)=>{e.exports=function(e){var n=t.nc;n&&e.setAttribute("nonce",n)}},825:e=>{e.exports=function(e){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var n=e.insertStyleElement(e);return{update:function(t){!function(e,n,t){var r="";t.supports&&(r+="@supports (".concat(t.supports,") {")),t.media&&(r+="@media ".concat(t.media," {"));var o=void 0!==t.layer;o&&(r+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),r+=t.css,o&&(r+="}"),t.media&&(r+="}"),t.supports&&(r+="}");var a=t.sourceMap;a&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),n.styleTagTransform(r,e,n.options)}(n,e,t)},remove:function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)}}}},113:e=>{e.exports=function(e,n){if(n.styleSheet)n.styleSheet.cssText=e;else{for(;n.firstChild;)n.removeChild(n.firstChild);n.appendChild(document.createTextNode(e))}}}},n={};function t(r){var o=n[r];if(void 0!==o)return o.exports;var a=n[r]={id:r,exports:{}};return e[r](a,a.exports,t),a.exports}t.n=e=>{var n=e&&e.__esModule?()=>e.default:()=>e;return t.d(n,{a:n}),n},t.d=(e,n)=>{for(var r in n)t.o(n,r)&&!t.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:n[r]})},t.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.nc=void 0;var r={};t.r(r),t.d(r,{default:()=>k});var o=t(72),a=t.n(o),i=t(825),c=t.n(i),s=t(659),l=t.n(s),p=t(56),u=t.n(p),d=t(540),f=t.n(d),m=t(113),h=t.n(m),b=t(365),v={};function y(e){return y="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},y(e)}function x(e,n){(null==n||n>e.length)&&(n=e.length);for(var t=0,r=Array(n);t<n;t++)r[t]=e[t];return r}function g(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function w(e,n,t){return(n=E(n))in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function S(e,n){for(var t=0;t<n.length;t++){var r=n[t];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 n=function(e){if("object"!=y(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var t=n.call(e,"string");if("object"!=y(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==y(n)?n:n+""}v.styleTagTransform=h(),v.setAttributes=u(),v.insert=l().bind(null,"head"),v.domAPI=c(),v.insertStyleElement=f(),a()(b.A,v),b.A&&b.A.locals&&b.A.locals;var C=function(){return e=function e(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this,e),this.container=document.querySelector(n),!this.container)throw new Error('Container with selector "'.concat(n,'" not found.'));this.options=function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?g(Object(t),!0).forEach((function(n){w(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):g(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}({options:[],onChange:null,onDropdownToggle:null,className:null},t),this.inputs=[],this.init()},n=[{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,n){var t=document.createElement("div");t.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(n),r.appendChild(a),t.appendChild(r),t}},{key:"generateOptions",value:function(){var e,n=document.createDocumentFragment(),t=function(e,n){var t="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!t){if(Array.isArray(e)||(t=function(e,n){if(e){if("string"==typeof e)return x(e,n);var t={}.toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?x(e,n):void 0}}(e))||n&&e&&"number"==typeof e.length){t&&(e=t);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(){t=t.call(e)},n:function(){var e=t.next();return i=e.done,e},e:function(e){c=!0,a=e},f:function(){try{i||null==t.return||t.return()}finally{if(c)throw a}}}}(this.options.options);try{for(t.s();!(e=t.n()).done;){var r=e.value,o=this.createOption(r);n.appendChild(o)}}catch(e){t.e(e)}finally{t.f()}return n}},{key:"createOption",value:function(e){var n=document.createElement("div");n.className="option";var t=document.createElement("div");t.className="col1";var r=document.createElement("span");if(r.className="option-label",r.innerHTML=e.label,t.appendChild(r),e.description){var o=document.createElement("span");o.className="option-desc",o.innerHTML=e.description,t.appendChild(o)}var a=document.createElement("div");if(a.className="col2",e.min<=1&&1===e.max){var i=this.createSwitch(e.id,e.name,e.value);a.appendChild(i)}else{var c=this.createStepper(e.id,e.name,e.value,e.min,e.max);a.appendChild(c)}return n.appendChild(t),n.appendChild(a),n}},{key:"createStepper",value:function(e,n,t,r,o){var a=document.createElement("div");a.className="stepper",a.setAttribute("data-min",null!=r?r:null),a.setAttribute("data-max",null!=o?o:null);var i=document.createElement("span");i.className="step down noselect is-disabled",i.setAttribute("aria-disabled","true"),i.textContent="-",a.appendChild(i);var c=document.createElement("input");c.type="text",c.className="tbx_stepper input-".concat(e),c.value=null!=t?t:null,c.name=null!=n?n:null,c.id="input-".concat(e),c.readOnly=!0,a.appendChild(c);var s=document.createElement("span");return s.className="step up noselect",s.textContent="+",a.appendChild(s),a}},{key:"createSwitch",value:function(e,n,t){var r=document.createElement("div");r.className="switch";var o=document.createElement("label");o.className="switch",r.appendChild(o);var a=document.createElement("input");a.type="checkbox",a.className="tbx_switch input-".concat(e),a.value=null!=t?t:null,a.name=null!=n?n:null,a.id="input-".concat(e),o.appendChild(a);var i=document.createElement("span");return i.className="slider",o.appendChild(i),r}},{key:"bindEvents",value:function(){var e=this;this.container.querySelectorAll(".js-toggle-drop").forEach((function(n){n.addEventListener("click",(function(n){var t=n.currentTarget.nextElementSibling;t.style.display="block"===t.style.display?"none":"block",e.options.onDropdownToggle&&e.options.onDropdownToggle(n.currentTarget,t)}))})),this.container.querySelectorAll(".stepper").forEach((function(n){var t=n.querySelector(".tbx_stepper"),r=n.querySelector(".step.down"),o=n.querySelector(".step.up");r.addEventListener("click",(function(){return e.updateStepper(t,-1)})),o.addEventListener("click",(function(){return e.updateStepper(t,1)}))}))}},{key:"updateStepper",value:function(e,n){var t=parseInt(e.parentElement.dataset.min,10),r=parseInt(e.parentElement.dataset.max,10),o=parseInt(e.value,10);o+=n,o=Math.max(t,r?Math.min(r,o):o),e.value=o;var a=e.parentElement.querySelector(".step.down"),i=e.parentElement.querySelector(".step.up");null!=t&&a.setAttribute("aria-disabled",o<=t),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(n){var t=e.container.querySelector(".box .stepper .tbx_stepper.input-"+n.id+", .box .switch .tbx_switch.input-"+n.id),r=parseInt(t.value,10);return r>0&&("checkbox"===t.type?n.label:"".concat(r," ").concat(n.label))})).filter((function(e){return e})).join(", ")}}],n&&S(e.prototype,n),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,n}();const k=C;return r})()));
|