UNPKG

react-klasha

Version:

This is an reactJS library for implementing klasha payment gateway

1 lines 25.1 kB
{"ast":null,"code":"import { r as registerInstance, e as createEvent, h, H as Host, i as getElement } from \"./index-7a8b7a1c.js\";\nimport { b as getIonMode } from \"./ionic-global-63a97a32.js\";\nimport { d as getAriaLabel, e as renderHiddenInput } from \"./helpers-dd7e4b7b.js\";\nimport { c as createColorClasses, h as hostContext } from \"./theme-ff3fc52f.js\";\nvar checkboxIosCss = \":host{--background-checked:var(--ion-color-primary, #3880ff);--border-color-checked:var(--ion-color-primary, #3880ff);--checkmark-color:var(--ion-color-primary-contrast, #fff);--checkmark-width:1;--transition:none;display:inline-block;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}:host(.ion-color){--background-checked:var(--ion-color-base);--border-color-checked:var(--ion-color-base);--checkmark-color:var(--ion-color-contrast)}label{left:0;top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0}[dir=rtl] label,:host-context([dir=rtl]) label{left:unset;right:unset;right:0}label::-moz-focus-inner{border:0}input{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}.checkbox-icon{border-radius:var(--border-radius);display:block;position:relative;width:100%;height:100%;-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);-webkit-box-sizing:border-box;box-sizing:border-box}.checkbox-icon path{fill:none;stroke:var(--checkmark-color);stroke-width:var(--checkmark-width);opacity:0}:host(.checkbox-checked) .checkbox-icon,:host(.checkbox-indeterminate) .checkbox-icon{border-color:var(--border-color-checked);background:var(--background-checked)}:host(.checkbox-checked) .checkbox-icon path,:host(.checkbox-indeterminate) .checkbox-icon path{opacity:1}:host(.checkbox-disabled){pointer-events:none}:host{--border-radius:50%;--border-width:1px;--border-style:solid;--border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.23);--background:var(--ion-item-background, var(--ion-background-color, #fff));--size:26px;width:var(--size);height:var(--size)}:host(.checkbox-disabled){opacity:0.3}:host(.in-item){margin-left:0;margin-right:8px;margin-top:10px;margin-bottom:9px;display:block;position:static}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.in-item){margin-left:unset;margin-right:unset;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:8px;margin-inline-end:8px}}:host(.in-item[slot=start]){margin-left:2px;margin-right:20px;margin-top:8px;margin-bottom:8px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.in-item[slot=start]){margin-left:unset;margin-right:unset;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:20px;margin-inline-end:20px}}\";\nvar checkboxMdCss = \":host{--background-checked:var(--ion-color-primary, #3880ff);--border-color-checked:var(--ion-color-primary, #3880ff);--checkmark-color:var(--ion-color-primary-contrast, #fff);--checkmark-width:1;--transition:none;display:inline-block;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}:host(.ion-color){--background-checked:var(--ion-color-base);--border-color-checked:var(--ion-color-base);--checkmark-color:var(--ion-color-contrast)}label{left:0;top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0}[dir=rtl] label,:host-context([dir=rtl]) label{left:unset;right:unset;right:0}label::-moz-focus-inner{border:0}input{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}.checkbox-icon{border-radius:var(--border-radius);display:block;position:relative;width:100%;height:100%;-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);-webkit-box-sizing:border-box;box-sizing:border-box}.checkbox-icon path{fill:none;stroke:var(--checkmark-color);stroke-width:var(--checkmark-width);opacity:0}:host(.checkbox-checked) .checkbox-icon,:host(.checkbox-indeterminate) .checkbox-icon{border-color:var(--border-color-checked);background:var(--background-checked)}:host(.checkbox-checked) .checkbox-icon path,:host(.checkbox-indeterminate) .checkbox-icon path{opacity:1}:host(.checkbox-disabled){pointer-events:none}:host{--border-radius:calc(var(--size) * .125);--border-width:2px;--border-style:solid;--border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.51);--checkmark-width:3;--background:var(--ion-item-background, var(--ion-background-color, #fff));--transition:background 180ms cubic-bezier(0.4, 0, 0.2, 1);--size:18px;width:var(--size);height:var(--size)}.checkbox-icon path{stroke-dasharray:30;stroke-dashoffset:30}:host(.checkbox-checked) .checkbox-icon path,:host(.checkbox-indeterminate) .checkbox-icon path{stroke-dashoffset:0;-webkit-transition:stroke-dashoffset 90ms linear 90ms;transition:stroke-dashoffset 90ms linear 90ms}:host(.checkbox-disabled){opacity:0.3}:host(.in-item){margin-left:0;margin-right:0;margin-top:18px;margin-bottom:18px;display:block;position:static}:host(.in-item[slot=start]){margin-left:4px;margin-right:36px;margin-top:18px;margin-bottom:18px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.in-item[slot=start]){margin-left:unset;margin-right:unset;-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:36px;margin-inline-end:36px}}\";\n\nvar Checkbox = function () {\n function e(e) {\n var o = this;\n registerInstance(this, e);\n this.ionChange = createEvent(this, \"ionChange\", 7);\n this.ionFocus = createEvent(this, \"ionFocus\", 7);\n this.ionBlur = createEvent(this, \"ionBlur\", 7);\n this.ionStyle = createEvent(this, \"ionStyle\", 7);\n this.inputId = \"ion-cb-\" + checkboxIds++;\n this.name = this.inputId;\n this.checked = false;\n this.indeterminate = false;\n this.disabled = false;\n this.value = \"on\";\n\n this.onClick = function (e) {\n e.preventDefault();\n o.setFocus();\n o.checked = !o.checked;\n o.indeterminate = false;\n };\n\n this.onFocus = function () {\n o.ionFocus.emit();\n };\n\n this.onBlur = function () {\n o.ionBlur.emit();\n };\n }\n\n e.prototype.componentWillLoad = function () {\n this.emitStyle();\n };\n\n e.prototype.checkedChanged = function (e) {\n this.ionChange.emit({\n checked: e,\n value: this.value\n });\n this.emitStyle();\n };\n\n e.prototype.disabledChanged = function () {\n this.emitStyle();\n };\n\n e.prototype.emitStyle = function () {\n this.ionStyle.emit({\n \"checkbox-checked\": this.checked,\n \"interactive-disabled\": this.disabled\n });\n };\n\n e.prototype.setFocus = function () {\n if (this.focusEl) {\n this.focusEl.focus();\n }\n };\n\n e.prototype.render = function () {\n var e;\n var o = this;\n var t = this,\n r = t.color,\n i = t.checked,\n n = t.disabled,\n a = t.el,\n c = t.indeterminate,\n s = t.inputId,\n l = t.name,\n d = t.value;\n var b = getIonMode(this);\n var k = getAriaLabel(a, s),\n p = k.label,\n m = k.labelId,\n g = k.labelText;\n renderHiddenInput(true, a, l, i ? d : \"\", n);\n var u = c ? h(\"path\", {\n d: \"M6 12L18 12\",\n part: \"mark\"\n }) : h(\"path\", {\n d: \"M5.9,12.5l3.8,3.8l8.8-8.8\",\n part: \"mark\"\n });\n\n if (b === \"md\") {\n u = c ? h(\"path\", {\n d: \"M2 12H22\",\n part: \"mark\"\n }) : h(\"path\", {\n d: \"M1.73,12.91 8.1,19.28 22.79,4.59\",\n part: \"mark\"\n });\n }\n\n return h(Host, {\n onClick: this.onClick,\n \"aria-labelledby\": p ? m : null,\n \"aria-checked\": \"\" + i,\n \"aria-hidden\": n ? \"true\" : null,\n role: \"checkbox\",\n class: createColorClasses(r, (e = {}, e[b] = true, e[\"in-item\"] = hostContext(\"ion-item\", a), e[\"checkbox-checked\"] = i, e[\"checkbox-disabled\"] = n, e[\"checkbox-indeterminate\"] = c, e[\"interactive\"] = true, e))\n }, h(\"svg\", {\n class: \"checkbox-icon\",\n viewBox: \"0 0 24 24\",\n part: \"container\"\n }, u), h(\"label\", {\n htmlFor: s\n }, g), h(\"input\", {\n type: \"checkbox\",\n \"aria-checked\": \"\" + i,\n disabled: n,\n id: s,\n onFocus: function () {\n return o.onFocus();\n },\n onBlur: function () {\n return o.onBlur();\n },\n ref: function (e) {\n return o.focusEl = e;\n }\n }));\n };\n\n Object.defineProperty(e.prototype, \"el\", {\n get: function () {\n return getElement(this);\n },\n enumerable: false,\n configurable: true\n });\n Object.defineProperty(e, \"watchers\", {\n get: function () {\n return {\n checked: [\"checkedChanged\"],\n disabled: [\"disabledChanged\"]\n };\n },\n enumerable: false,\n configurable: true\n });\n return e;\n}();\n\nvar checkboxIds = 0;\nCheckbox.style = {\n ios: checkboxIosCss,\n md: checkboxMdCss\n};\nexport { Checkbox as ion_checkbox };","map":{"version":3,"sources":["/Users/adekanbidansteve/github/klasha/react-klasha/ionic-test/node_modules/@ionic/core/dist/esm-es5/ion-checkbox.entry.js"],"names":["r","registerInstance","e","createEvent","h","H","Host","i","getElement","b","getIonMode","d","getAriaLabel","renderHiddenInput","c","createColorClasses","hostContext","checkboxIosCss","checkboxMdCss","Checkbox","o","ionChange","ionFocus","ionBlur","ionStyle","inputId","checkboxIds","name","checked","indeterminate","disabled","value","onClick","preventDefault","setFocus","onFocus","emit","onBlur","prototype","componentWillLoad","emitStyle","checkedChanged","disabledChanged","focusEl","focus","render","t","color","n","a","el","s","l","k","p","label","m","labelId","g","labelText","u","part","role","class","viewBox","htmlFor","type","id","ref","Object","defineProperty","get","enumerable","configurable","style","ios","md","ion_checkbox"],"mappings":"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","sourcesContent":["import{r as registerInstance,e as createEvent,h,H as Host,i as getElement}from\"./index-7a8b7a1c.js\";import{b as getIonMode}from\"./ionic-global-63a97a32.js\";import{d as getAriaLabel,e as renderHiddenInput}from\"./helpers-dd7e4b7b.js\";import{c as createColorClasses,h as hostContext}from\"./theme-ff3fc52f.js\";var checkboxIosCss=\":host{--background-checked:var(--ion-color-primary, #3880ff);--border-color-checked:var(--ion-color-primary, #3880ff);--checkmark-color:var(--ion-color-primary-contrast, #fff);--checkmark-width:1;--transition:none;display:inline-block;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}:host(.ion-color){--background-checked:var(--ion-color-base);--border-color-checked:var(--ion-color-base);--checkmark-color:var(--ion-color-contrast)}label{left:0;top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0}[dir=rtl] label,:host-context([dir=rtl]) label{left:unset;right:unset;right:0}label::-moz-focus-inner{border:0}input{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}.checkbox-icon{border-radius:var(--border-radius);display:block;position:relative;width:100%;height:100%;-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);-webkit-box-sizing:border-box;box-sizing:border-box}.checkbox-icon path{fill:none;stroke:var(--checkmark-color);stroke-width:var(--checkmark-width);opacity:0}:host(.checkbox-checked) .checkbox-icon,:host(.checkbox-indeterminate) .checkbox-icon{border-color:var(--border-color-checked);background:var(--background-checked)}:host(.checkbox-checked) .checkbox-icon path,:host(.checkbox-indeterminate) .checkbox-icon path{opacity:1}:host(.checkbox-disabled){pointer-events:none}:host{--border-radius:50%;--border-width:1px;--border-style:solid;--border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.23);--background:var(--ion-item-background, var(--ion-background-color, #fff));--size:26px;width:var(--size);height:var(--size)}:host(.checkbox-disabled){opacity:0.3}:host(.in-item){margin-left:0;margin-right:8px;margin-top:10px;margin-bottom:9px;display:block;position:static}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.in-item){margin-left:unset;margin-right:unset;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:8px;margin-inline-end:8px}}:host(.in-item[slot=start]){margin-left:2px;margin-right:20px;margin-top:8px;margin-bottom:8px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.in-item[slot=start]){margin-left:unset;margin-right:unset;-webkit-margin-start:2px;margin-inline-start:2px;-webkit-margin-end:20px;margin-inline-end:20px}}\";var checkboxMdCss=\":host{--background-checked:var(--ion-color-primary, #3880ff);--border-color-checked:var(--ion-color-primary, #3880ff);--checkmark-color:var(--ion-color-primary-contrast, #fff);--checkmark-width:1;--transition:none;display:inline-block;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}:host(.ion-color){--background-checked:var(--ion-color-base);--border-color-checked:var(--ion-color-base);--checkmark-color:var(--ion-color-contrast)}label{left:0;top:0;margin-left:0;margin-right:0;margin-top:0;margin-bottom:0;position:absolute;width:100%;height:100%;border:0;background:transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;opacity:0}[dir=rtl] label,:host-context([dir=rtl]) label{left:unset;right:unset;right:0}label::-moz-focus-inner{border:0}input{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}.checkbox-icon{border-radius:var(--border-radius);display:block;position:relative;width:100%;height:100%;-webkit-transition:var(--transition);transition:var(--transition);border-width:var(--border-width);border-style:var(--border-style);border-color:var(--border-color);background:var(--background);-webkit-box-sizing:border-box;box-sizing:border-box}.checkbox-icon path{fill:none;stroke:var(--checkmark-color);stroke-width:var(--checkmark-width);opacity:0}:host(.checkbox-checked) .checkbox-icon,:host(.checkbox-indeterminate) .checkbox-icon{border-color:var(--border-color-checked);background:var(--background-checked)}:host(.checkbox-checked) .checkbox-icon path,:host(.checkbox-indeterminate) .checkbox-icon path{opacity:1}:host(.checkbox-disabled){pointer-events:none}:host{--border-radius:calc(var(--size) * .125);--border-width:2px;--border-style:solid;--border-color:rgba(var(--ion-text-color-rgb, 0, 0, 0), 0.51);--checkmark-width:3;--background:var(--ion-item-background, var(--ion-background-color, #fff));--transition:background 180ms cubic-bezier(0.4, 0, 0.2, 1);--size:18px;width:var(--size);height:var(--size)}.checkbox-icon path{stroke-dasharray:30;stroke-dashoffset:30}:host(.checkbox-checked) .checkbox-icon path,:host(.checkbox-indeterminate) .checkbox-icon path{stroke-dashoffset:0;-webkit-transition:stroke-dashoffset 90ms linear 90ms;transition:stroke-dashoffset 90ms linear 90ms}:host(.checkbox-disabled){opacity:0.3}:host(.in-item){margin-left:0;margin-right:0;margin-top:18px;margin-bottom:18px;display:block;position:static}:host(.in-item[slot=start]){margin-left:4px;margin-right:36px;margin-top:18px;margin-bottom:18px}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){:host(.in-item[slot=start]){margin-left:unset;margin-right:unset;-webkit-margin-start:4px;margin-inline-start:4px;-webkit-margin-end:36px;margin-inline-end:36px}}\";var Checkbox=function(){function e(e){var o=this;registerInstance(this,e);this.ionChange=createEvent(this,\"ionChange\",7);this.ionFocus=createEvent(this,\"ionFocus\",7);this.ionBlur=createEvent(this,\"ionBlur\",7);this.ionStyle=createEvent(this,\"ionStyle\",7);this.inputId=\"ion-cb-\"+checkboxIds++;this.name=this.inputId;this.checked=false;this.indeterminate=false;this.disabled=false;this.value=\"on\";this.onClick=function(e){e.preventDefault();o.setFocus();o.checked=!o.checked;o.indeterminate=false};this.onFocus=function(){o.ionFocus.emit()};this.onBlur=function(){o.ionBlur.emit()}}e.prototype.componentWillLoad=function(){this.emitStyle()};e.prototype.checkedChanged=function(e){this.ionChange.emit({checked:e,value:this.value});this.emitStyle()};e.prototype.disabledChanged=function(){this.emitStyle()};e.prototype.emitStyle=function(){this.ionStyle.emit({\"checkbox-checked\":this.checked,\"interactive-disabled\":this.disabled})};e.prototype.setFocus=function(){if(this.focusEl){this.focusEl.focus()}};e.prototype.render=function(){var e;var o=this;var t=this,r=t.color,i=t.checked,n=t.disabled,a=t.el,c=t.indeterminate,s=t.inputId,l=t.name,d=t.value;var b=getIonMode(this);var k=getAriaLabel(a,s),p=k.label,m=k.labelId,g=k.labelText;renderHiddenInput(true,a,l,i?d:\"\",n);var u=c?h(\"path\",{d:\"M6 12L18 12\",part:\"mark\"}):h(\"path\",{d:\"M5.9,12.5l3.8,3.8l8.8-8.8\",part:\"mark\"});if(b===\"md\"){u=c?h(\"path\",{d:\"M2 12H22\",part:\"mark\"}):h(\"path\",{d:\"M1.73,12.91 8.1,19.28 22.79,4.59\",part:\"mark\"})}return h(Host,{onClick:this.onClick,\"aria-labelledby\":p?m:null,\"aria-checked\":\"\"+i,\"aria-hidden\":n?\"true\":null,role:\"checkbox\",class:createColorClasses(r,(e={},e[b]=true,e[\"in-item\"]=hostContext(\"ion-item\",a),e[\"checkbox-checked\"]=i,e[\"checkbox-disabled\"]=n,e[\"checkbox-indeterminate\"]=c,e[\"interactive\"]=true,e))},h(\"svg\",{class:\"checkbox-icon\",viewBox:\"0 0 24 24\",part:\"container\"},u),h(\"label\",{htmlFor:s},g),h(\"input\",{type:\"checkbox\",\"aria-checked\":\"\"+i,disabled:n,id:s,onFocus:function(){return o.onFocus()},onBlur:function(){return o.onBlur()},ref:function(e){return o.focusEl=e}}))};Object.defineProperty(e.prototype,\"el\",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,\"watchers\",{get:function(){return{checked:[\"checkedChanged\"],disabled:[\"disabledChanged\"]}},enumerable:false,configurable:true});return e}();var checkboxIds=0;Checkbox.style={ios:checkboxIosCss,md:checkboxMdCss};export{Checkbox as ion_checkbox};"]},"metadata":{},"sourceType":"module"}