@zedomel/step-dropdown 1.1.2 → 1.1.4
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(n,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.DropdownBox=e():n.DropdownBox=e()}(this,(()=>(()=>{"use strict";var n={365:(n,e,t)=>{t.d(e,{A:()=>c});var o=t(601),r=t.n(o),i=t(314),a=t.n(i)()(r());a.push([n.id,'/* styles.css */\n\n.dropdownbox.box {\n margin-bottom: 20px;\n}\n\n.dropdownbox.box * {\n position: relative;\n}\n\n.dropdownbox .inputBox {\n position: relative;\n display: block;\n width: 100%;\n border: 2px solid #eee;\n border-radius: 2px;\n height: 46px;\n text-align: left;\n}\n\n.dropdownbox .summary {\n display: block;\n border: 1px solid #ccc;\n cursor: pointer;\n background-color: #f9f9f9;\n border-radius: 4px;\n color: #323945;\n font-weight: 300;\n font-size: 14px;\n line-height: 44px;\n padding: 0 4%;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n text-align: left;\n}\n\n.dropdownbox .summary::after {\n content: "";\n width: 0;\n height: 0;\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-top: 5px solid #323945;\n display: block;\n position: absolute;\n right: 5%;\n top: 0;\n bottom: 0;\n}\n\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 z-index: 1000;\n top: 100%;\n left: 0;\n height: auto;\n background: #fff;\n font-weight: 600;\n font-size: 13px;\n color: #323945;\n text-align: left;\n padding: 10px 0;\n margin: 0;\n}\n\n.dropdownbox .option {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 10px;\n position: relative;\n width: 90%;\n font-size: 0;\n clear: both;\n padding: 5px 0;\n margin: 0 auto;\n overflow: hidden;\n}\n\n.dropdownbox .option .col1 {\n overflow: hidden;\n float: left;\n width: 51%;\n}\n\n.dropdownbox .option .option-label {\n display: block;\n color: #323945;\n font-weight: 600;\n font-size: 13px;\n line-height: 140%;\n text-align: left;\n padding-top: 2px;\n}\n\n.dropdownbox .option .option-desc {\n display: block;\n color: #323945;\n font-weight: 300;\n font-size: 13px;\n line-height: 140%;\n text-align: left;\n padding-top: 2px;\n}\n\n.dropdownbox .option .col2 {\n width: 49%;\n float: right;\n text-align: right;\n}\n\n\n\n.dropdownbox .option .stepper {\n align-items: center;\n display: block;\n width: 100%;\n position: relative;\n}\n\n.dropdownbox .step {\n cursor: pointer;\n padding: 5px 10px;\n border: 1px solid #ccc;\n display: inline-block;\n vertical-align: middle;\n width: 38px;\n height: 38px;\n background: #f6f6f6;\n border-radius: 20px;\n transition: background 100msease;\n}\n\n.dropdownbox .step::before {\n content: "";\n width: 10px;\n height: 2px;\n background: #b1b4b7;\n display: block;\n position: absolute;\n overflow: hidden;\n left: 0;\n top: 0;\n bottom: 0;\n right: 0;\n margin: auto;\n}\n\n.dropdownbox .step.up::after {\n content: "";\n width: 2px;\n height: 10px;\n background: #b1b4b7;\n display: block;\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n right: 0;\n margin: auto;\n}\n\n.dropdownbox .step.is-disabled {\n cursor: not-allowed;\n opacity: 0.5;\n}\n\n.dropdownbox .tbx_stepper {\n margin: 0 5px;\n border-radius: 4px;\n display: inline-block;\n font-size: 16px;\n vertical-align: middle;\n width: 38px;\n padding: 0;\n text-align: center;\n font-weight: 100;\n}\n\n.dropdownbox .option input {\n height: 46px;\n line-height: 44px;\n background: #FFF;\n border: 0;\n color: #323945;\n}\n\n/* Basic styles for the switch container */\n.dropdownbox .switch {\n position: relative;\n display: inline-block;\n width: 50px;\n height: 29px;\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: 22px;\n width: 22px;\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(22px);\n}',""]);const c=a},314:n=>{n.exports=function(n){var e=[];return e.toString=function(){return this.map((function(e){var t="",o=void 0!==e[5];return e[4]&&(t+="@supports (".concat(e[4],") {")),e[2]&&(t+="@media ".concat(e[2]," {")),o&&(t+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),t+=n(e),o&&(t+="}"),e[2]&&(t+="}"),e[4]&&(t+="}"),t})).join("")},e.i=function(n,t,o,r,i){"string"==typeof n&&(n=[[null,n,void 0]]);var a={};if(o)for(var c=0;c<this.length;c++){var l=this[c][0];null!=l&&(a[l]=!0)}for(var p=0;p<n.length;p++){var s=[].concat(n[p]);o&&a[s[0]]||(void 0!==i&&(void 0===s[5]||(s[1]="@layer".concat(s[5].length>0?" ".concat(s[5]):""," {").concat(s[1],"}")),s[5]=i),t&&(s[2]?(s[1]="@media ".concat(s[2]," {").concat(s[1],"}"),s[2]=t):s[2]=t),r&&(s[4]?(s[1]="@supports (".concat(s[4],") {").concat(s[1],"}"),s[4]=r):s[4]="".concat(r)),e.push(s))}},e}},601:n=>{n.exports=function(n){return n[1]}},72:n=>{var e=[];function t(n){for(var t=-1,o=0;o<e.length;o++)if(e[o].identifier===n){t=o;break}return t}function o(n,o){for(var i={},a=[],c=0;c<n.length;c++){var l=n[c],p=o.base?l[0]+o.base:l[0],s=i[p]||0,d="".concat(p," ").concat(s);i[p]=s+1;var u=t(d),f={css:l[1],media:l[2],sourceMap:l[3],supports:l[4],layer:l[5]};if(-1!==u)e[u].references++,e[u].updater(f);else{var h=r(f,o);o.byIndex=c,e.splice(c,0,{identifier:d,updater:h,references:1})}a.push(d)}return a}function r(n,e){var t=e.domAPI(e);return t.update(n),function(e){if(e){if(e.css===n.css&&e.media===n.media&&e.sourceMap===n.sourceMap&&e.supports===n.supports&&e.layer===n.layer)return;t.update(n=e)}else t.remove()}}n.exports=function(n,r){var i=o(n=n||[],r=r||{});return function(n){n=n||[];for(var a=0;a<i.length;a++){var c=t(i[a]);e[c].references--}for(var l=o(n,r),p=0;p<i.length;p++){var s=t(i[p]);0===e[s].references&&(e[s].updater(),e.splice(s,1))}i=l}}},659:n=>{var e={};n.exports=function(n,t){var o=function(n){if(void 0===e[n]){var t=document.querySelector(n);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(n){t=null}e[n]=t}return e[n]}(n);if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(t)}},540:n=>{n.exports=function(n){var e=document.createElement("style");return n.setAttributes(e,n.attributes),n.insert(e,n.options),e}},56:(n,e,t)=>{n.exports=function(n){var e=t.nc;e&&n.setAttribute("nonce",e)}},825:n=>{n.exports=function(n){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var e=n.insertStyleElement(n);return{update:function(t){!function(n,e,t){var o="";t.supports&&(o+="@supports (".concat(t.supports,") {")),t.media&&(o+="@media ".concat(t.media," {"));var r=void 0!==t.layer;r&&(o+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),o+=t.css,r&&(o+="}"),t.media&&(o+="}"),t.supports&&(o+="}");var i=t.sourceMap;i&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleTagTransform(o,n,e.options)}(e,n,t)},remove:function(){!function(n){if(null===n.parentNode)return!1;n.parentNode.removeChild(n)}(e)}}}},113:n=>{n.exports=function(n,e){if(e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}}},e={};function t(o){var r=e[o];if(void 0!==r)return r.exports;var i=e[o]={id:o,exports:{}};return n[o](i,i.exports,t),i.exports}t.n=n=>{var e=n&&n.__esModule?()=>n.default:()=>n;return t.d(e,{a:e}),e},t.d=(n,e)=>{for(var o in e)t.o(e,o)&&!t.o(n,o)&&Object.defineProperty(n,o,{enumerable:!0,get:e[o]})},t.o=(n,e)=>Object.prototype.hasOwnProperty.call(n,e),t.r=n=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(n,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(n,"__esModule",{value:!0})},t.nc=void 0;var o={};t.r(o),t.d(o,{default:()=>C});var r=t(72),i=t.n(r),a=t(825),c=t.n(a),l=t(659),p=t.n(l),s=t(56),d=t.n(s),u=t(540),f=t.n(u),h=t(113),b=t.n(h),m=t(365),v={};function y(n){return y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},y(n)}function x(n,e){(null==e||e>n.length)&&(e=n.length);for(var t=0,o=Array(e);t<e;t++)o[t]=n[t];return o}function g(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function w(n,e,t){return(e=k(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}function S(n,e){for(var t=0;t<e.length;t++){var o=e[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(n,k(o.key),o)}}function k(n){var e=function(n){if("object"!=y(n)||!n)return n;var e=n[Symbol.toPrimitive];if(void 0!==e){var t=e.call(n,"string");if("object"!=y(t))return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(n)}(n);return"symbol"==y(e)?e:e+""}v.styleTagTransform=b(),v.setAttributes=d(),v.insert=p().bind(null,"head"),v.domAPI=c(),v.insertStyleElement=f(),i()(m.A,v),m.A&&m.A.locals&&m.A.locals;var E=function(){return n=function n(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(function(n,e){if(!(n instanceof e))throw new TypeError("Cannot call a class as a function")}(this,n),this.container=document.querySelector(e),!this.container)throw new Error('Container with selector "'.concat(e,'" not found.'));this.options=function(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?g(Object(t),!0).forEach((function(e){w(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):g(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}({options:[],onChange:null,onDropdownToggle:null,className:null},t),this.inputs=[],this.init()},e=[{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 n=this.createBox(this.options.className,this.generateOptions());this.container.appendChild(n)}},{key:"createBox",value:function(n,e){var t=document.createElement("div");t.className="dropdownbox box ".concat(n);var o=document.createElement("div");o.className="inputBox";var r=document.createElement("span");r.className="summary noselect js-toggle-drop",r.textContent="",o.appendChild(r);var i=document.createElement("div");return i.className="options js-drop",i.style.display="none",i.appendChild(e),o.appendChild(i),t.appendChild(o),t}},{key:"generateOptions",value:function(){var n,e=document.createDocumentFragment(),t=function(n,e){var t="undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(!t){if(Array.isArray(n)||(t=function(n,e){if(n){if("string"==typeof n)return x(n,e);var t={}.toString.call(n).slice(8,-1);return"Object"===t&&n.constructor&&(t=n.constructor.name),"Map"===t||"Set"===t?Array.from(n):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?x(n,e):void 0}}(n))||e&&n&&"number"==typeof n.length){t&&(n=t);var o=0,r=function(){};return{s:r,n:function(){return o>=n.length?{done:!0}:{done:!1,value:n[o++]}},e:function(n){throw n},f:r}}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 i,a=!0,c=!1;return{s:function(){t=t.call(n)},n:function(){var n=t.next();return a=n.done,n},e:function(n){c=!0,i=n},f:function(){try{a||null==t.return||t.return()}finally{if(c)throw i}}}}(this.options.options);try{for(t.s();!(n=t.n()).done;){var o=n.value,r=this.createOption(o);e.appendChild(r)}}catch(n){t.e(n)}finally{t.f()}return e}},{key:"createOption",value:function(n){var e=document.createElement("div");e.className="option";var t=document.createElement("div");t.className="col1";var o=document.createElement("span");if(o.className="option-label",o.innerHTML=n.label,t.appendChild(o),n.description){var r=document.createElement("span");r.className="option-desc",r.innerHTML=n.description,t.appendChild(r)}var i=document.createElement("div");if(i.className="col2",n.min<=1&&1===n.max){var a=this.createSwitch(n.id,n.name,n.value);i.appendChild(a)}else{var c=this.createStepper(n.id,n.name,n.value,n.min,n.max);i.appendChild(c)}return e.appendChild(t),e.appendChild(i),e}},{key:"createStepper",value:function(n,e,t,o,r){var i=document.createElement("div");i.className="stepper",i.setAttribute("data-min",null!=o?o:null),i.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="-",i.appendChild(a);var c=document.createElement("input");c.type="text",c.className="tbx_stepper input-".concat(n),c.value=null!=t?t:null,c.name=null!=e?e:null,c.id="input-".concat(n),c.readOnly=!0,i.appendChild(c);var l=document.createElement("span");return l.className="step up noselect",l.textContent="+",i.appendChild(l),i}},{key:"createSwitch",value:function(n,e,t){var o=document.createElement("div");o.className="switch";var r=document.createElement("label");r.className="switch",o.appendChild(r);var i=document.createElement("input");i.type="checkbox",i.className="tbx_switch input-".concat(n),i.value=null!=t?t:null,i.name=null!=e?e:null,i.id="input-".concat(n),r.appendChild(i);var a=document.createElement("span");return a.className="slider",r.appendChild(a),o}},{key:"bindEvents",value:function(){var n=this;this.container.querySelectorAll(".js-toggle-drop").forEach((function(e){e.addEventListener("click",(function(e){var t=e.currentTarget.nextElementSibling;t.style.display="block"===t.style.display?"none":"block",n.options.onDropdownToggle&&n.options.onDropdownToggle(e.currentTarget,t)}))})),this.container.querySelectorAll(".stepper").forEach((function(e){var t=e.querySelector(".tbx_stepper"),o=e.querySelector(".step.down"),r=e.querySelector(".step.up");o.addEventListener("click",(function(){return n.updateStepper(t,-1)})),r.addEventListener("click",(function(){return n.updateStepper(t,1)}))}))}},{key:"updateStepper",value:function(n,e){var t=parseInt(n.parentElement.dataset.min,10),o=parseInt(n.parentElement.dataset.max,10),r=parseInt(n.value,10);r+=e,r=Math.max(t,o?Math.min(o,r):r),n.value=r;var i=n.parentElement.querySelector(".step.down"),a=n.parentElement.querySelector(".step.up");null!=t&&i.setAttribute("aria-disabled",r<=t),null!=o&&a.setAttribute("aria-disabled",r>=o),this.updateSummary(),this.options.onChange&&this.options.onChange(n,r)}},{key:"updateSummary",value:function(){var n=this;this.$summary.textContent=this.options.options.map((function(e){var t=n.container.querySelector(".box .stepper .tbx_stepper.input-"+e.id+", .box .switch .tbx_switch.input-"+e.id),o=parseInt(t.value,10);return o>0&&("checkbox"===t.type?e.label:"".concat(o," ").concat(e.label))})).filter((function(n){return n})).join(", ")}}],e&&S(n.prototype,e),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,e}();const C=E;return o})()));
|