@gofynd/nitrozen-vue
Version:
Fynd Design Library for Vue
1,501 lines (1,370 loc) • 721 kB
JavaScript
/******/ (function() { // webpackBootstrap
/******/ var __webpack_modules__ = ({
/***/ 5003:
/***/ (function(module, exports) {
var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;// addapted from the document.currentScript polyfill by Adam Miller
// MIT license
// source: https://github.com/amiller-gh/currentScript-polyfill
// added support for Firefox https://bugzilla.mozilla.org/show_bug.cgi?id=1620505
(function (root, factory) {
if (true) {
!(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
} else {}
}(typeof self !== 'undefined' ? self : this, function () {
function getCurrentScript () {
var descriptor = Object.getOwnPropertyDescriptor(document, 'currentScript')
// for chrome
if (!descriptor && 'currentScript' in document && document.currentScript) {
return document.currentScript
}
// for other browsers with native support for currentScript
if (descriptor && descriptor.get !== getCurrentScript && document.currentScript) {
return document.currentScript
}
// IE 8-10 support script readyState
// IE 11+ & Firefox support stack trace
try {
throw new Error();
}
catch (err) {
// Find the second match for the "at" string to get file src url from stack.
var ieStackRegExp = /.*at [^(]*\((.*):(.+):(.+)\)$/ig,
ffStackRegExp = /@([^@]*):(\d+):(\d+)\s*$/ig,
stackDetails = ieStackRegExp.exec(err.stack) || ffStackRegExp.exec(err.stack),
scriptLocation = (stackDetails && stackDetails[1]) || false,
line = (stackDetails && stackDetails[2]) || false,
currentLocation = document.location.href.replace(document.location.hash, ''),
pageSource,
inlineScriptSourceRegExp,
inlineScriptSource,
scripts = document.getElementsByTagName('script'); // Live NodeList collection
if (scriptLocation === currentLocation) {
pageSource = document.documentElement.outerHTML;
inlineScriptSourceRegExp = new RegExp('(?:[^\\n]+?\\n){0,' + (line - 2) + '}[^<]*<script>([\\d\\D]*?)<\\/script>[\\d\\D]*', 'i');
inlineScriptSource = pageSource.replace(inlineScriptSourceRegExp, '$1').trim();
}
for (var i = 0; i < scripts.length; i++) {
// If ready state is interactive, return the script tag
if (scripts[i].readyState === 'interactive') {
return scripts[i];
}
// If src matches, return the script tag
if (scripts[i].src === scriptLocation) {
return scripts[i];
}
// If inline source matches, return the script tag
if (
scriptLocation === currentLocation &&
scripts[i].innerHTML &&
scripts[i].innerHTML.trim() === inlineScriptSource
) {
return scripts[i];
}
}
// If no match, return null
return null;
}
};
return getCurrentScript
}));
/***/ }),
/***/ 7536:
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
"use strict";
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
A: function() { return /* binding */ NBtnContent; }
});
;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/NBtn/NBtnContent.vue?vue&type=template&id=c3c0d46a
var render = function render() {
var _vm = this,
_c = _vm._self._c;
return _c('div', {
staticClass: "n-button-content",
class: {
'disable-click': _vm.showProgress
}
}, [_vm.icon ? _c('div', {
staticClass: "social-icon"
}, [_vm.icon == 'facebook' ? _c('img', {
attrs: {
"src": __webpack_require__(7744)
}
}) : _vm._e()]) : _vm._e(), !_vm.showProgress ? _vm._t("default") : _vm._e(), _vm.showProgress ? _c('div', {
staticClass: "n-btn-spin"
}, [_c('img', {
staticClass: "n-btn-spinner",
staticStyle: {
"width": "50px"
},
attrs: {
"src": "https://raw.githubusercontent.com/gofynd/nitrozen-vue/master/src/assets/loader-white.gif"
}
})]) : _vm._e()], 2);
};
var staticRenderFns = [];
;// CONCATENATED MODULE: ./src/components/NBtn/NBtnContent.vue?vue&type=template&id=c3c0d46a
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/NBtn/NBtnContent.vue?vue&type=script&lang=js
/* harmony default export */ var NBtnContentvue_type_script_lang_js = ({
name: 'nitrozen-button-content',
props: {
showProgress: {
type: Boolean,
default: false
},
icon: {
type: String
}
}
});
;// CONCATENATED MODULE: ./src/components/NBtn/NBtnContent.vue?vue&type=script&lang=js
/* harmony default export */ var NBtn_NBtnContentvue_type_script_lang_js = (NBtnContentvue_type_script_lang_js);
;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/NBtn/NBtnContent.vue?vue&type=style&index=0&id=c3c0d46a&prod&lang=less
// extracted by mini-css-extract-plugin
;// CONCATENATED MODULE: ./src/components/NBtn/NBtnContent.vue?vue&type=style&index=0&id=c3c0d46a&prod&lang=less
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(1656);
;// CONCATENATED MODULE: ./src/components/NBtn/NBtnContent.vue
;
/* normalize component */
var component = (0,componentNormalizer/* default */.A)(
NBtn_NBtnContentvue_type_script_lang_js,
render,
staticRenderFns,
false,
null,
null,
null
)
/* harmony default export */ var NBtnContent = (component.exports);
/***/ }),
/***/ 9154:
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
"use strict";
// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
"default": function() { return /* binding */ NCustomForm; }
});
;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/NCustomForm/NCustomForm.vue?vue&type=template&id=386a6270
var render = function render() {
var _vm = this,
_c = _vm._self._c;
return _c('div', {
staticClass: "nitrozen-custom-form"
}, [_vm._l(_vm.inputs, function (input, index) {
return [!input.hidden ? _c('nitrozen-custom-form-input', {
key: index,
ref: input.key,
refInFor: true,
attrs: {
"input": input
},
on: {
"change": function ($event) {
return _vm.inputChanged(input, $event);
}
},
model: {
value: _vm.value[input.key],
callback: function ($$v) {
_vm.$set(_vm.value, input.key, $$v);
},
expression: "value[input.key]"
}
}) : _vm._e()];
})], 2);
};
var staticRenderFns = [];
// EXTERNAL MODULE: ./node_modules/json-logic-js/logic.js
var logic = __webpack_require__(8678);
var logic_default = /*#__PURE__*/__webpack_require__.n(logic);
;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/NCustomForm/NCustomFormInput.vue?vue&type=template&id=bbdaa70e&scoped=true
var NCustomFormInputvue_type_template_id_bbdaa70e_scoped_true_render = function render() {
var _vm = this,
_c = _vm._self._c;
return _c('div', {
staticClass: "nitrozen-custom-form-input"
}, [!_vm.validateInput(_vm.input) ? [_c('div', {
staticClass: "invalid-input"
}, [_vm._v("INVALID INPUT")])] : ['text', 'textarea', 'email', 'number'].includes(_vm.input.type) ? [_c('nitrozen-input', {
attrs: {
"type": _vm.input.type,
"label": _vm.input.display,
"placeholder": _vm.input.placeholder,
"required": _vm.input.required,
"tooltipText": _vm.input.tooltip,
"showTooltip": _vm.input.tooltip != undefined,
"disabled": _vm.input.disabled,
"minlength": _vm.input.min_length,
"maxlength": _vm.input.max_length,
"min": _vm.input.min,
"max": _vm.input.max
},
on: {
"blur": _vm.willMoveToNext
},
model: {
value: _vm.formInputValue,
callback: function ($$v) {
_vm.formInputValue = $$v;
},
expression: "formInputValue"
}
})] : _vm.input.type == _vm.InputTypes.toggle.key ? [_c('div', {
staticClass: "toggle-input"
}, [_c('span', {
staticClass: "n-input-label"
}, [_vm._v(_vm._s(_vm.titleFor(_vm.input)))]), _c('nitrozen-toggle', {
staticStyle: {
"margin-right": "-10px"
},
attrs: {
"disabled": _vm.input.disabled
},
model: {
value: _vm.formInputValue,
callback: function ($$v) {
_vm.formInputValue = $$v;
},
expression: "formInputValue"
}
})], 1)] : _vm.input.type == _vm.InputTypes.mobile.key ? [_c('span', {
staticClass: "n-input-label"
}, [_vm._v(_vm._s(_vm.titleFor(_vm.input)))]), _c('vue-tel-input', {
staticClass: "n-input mobile-input",
attrs: {
"disabledFormatting": "",
"enabledCountryCode": "",
"onlyCountries": ['IN'],
"required": _vm.input.required,
"autocomplete": "off",
"mode": "international",
"placeholder": _vm.input.placeholder,
"disabled": _vm.input.disabled
},
on: {
"input": _vm.inputChanged,
"blur": _vm.willMoveToNext
},
model: {
value: _vm.formInputValue.number,
callback: function ($$v) {
_vm.$set(_vm.formInputValue, "number", $$v);
},
expression: "formInputValue.number"
}
})] : _vm.input.type == _vm.InputTypes.checkbox.key || _vm.input.type == _vm.InputTypes.radio.key ? [_c('span', {
staticClass: "n-input-label"
}, [_vm._v(_vm._s(_vm.titleFor(_vm.input)))]), _c('div', {
staticClass: "radio-group"
}, _vm._l(_vm.input.enum, function (option, index) {
return _c('div', {
key: index,
staticStyle: {
"margin-right": "12px",
"margin-bottom": "4px"
},
attrs: {
"disabled": _vm.input.disabled
}
}, [_vm.input.type == _vm.InputTypes.checkbox.key ? [_c('nitrozen-checkbox', {
attrs: {
"checkboxValue": option.key,
"name": _vm.input.key,
"disabled": _vm.input.disabled
},
model: {
value: _vm.formInputValue,
callback: function ($$v) {
_vm.formInputValue = $$v;
},
expression: "formInputValue"
}
}, [_c('span', {
staticClass: "title"
}, [_vm._v(_vm._s(option.display))])])] : _vm.input.type == _vm.InputTypes.radio.key ? [_c('nitrozen-radio', {
attrs: {
"radioValue": option.key,
"name": _vm.input.key,
"disabled": _vm.input.disabled
},
model: {
value: _vm.formInputValue,
callback: function ($$v) {
_vm.formInputValue = $$v;
},
expression: "formInputValue"
}
}, [_c('span', {
staticClass: "title"
}, [_vm._v(_vm._s(option.display))])])] : _vm._e()], 2);
}), 0)] : _vm.input.type == _vm.InputTypes.dropdown.key ? [_c('nitrozen-dropdown', {
attrs: {
"items": _vm.input.enum.map(x => {
return {
text: x.display,
value: x.key
};
}),
"label": _vm.input.display,
"placeholder": _vm.input.placeholder,
"required": _vm.input.required,
"tooltipText": _vm.input.tooltip,
"showTooltip": _vm.input.tooltip != undefined,
"disabled": _vm.input.disabled
},
model: {
value: _vm.formInputValue,
callback: function ($$v) {
_vm.formInputValue = $$v;
},
expression: "formInputValue"
}
})] : _vm.input.type == _vm.InputTypes.object.key ? [_c('fieldset', {
staticClass: "input-group"
}, [_vm.input.display && _vm.input.display.length ? _c('legend', {
staticClass: "n-input-label"
}, [_vm._v(" " + _vm._s(_vm.titleFor(_vm.input)) + " ")]) : _vm._e(), _c('nitrozen-custom-form', {
ref: _vm.input.key || 'form',
attrs: {
"inputs": _vm.input.inputs
},
on: {
"change": _vm.inputChanged
},
model: {
value: _vm.formInputValue,
callback: function ($$v) {
_vm.formInputValue = $$v;
},
expression: "formInputValue"
}
})], 1)] : _vm.input.type == _vm.InputTypes.array.key ? [_c('fieldset', {
staticClass: "input-group"
}, [_vm.input.display && _vm.input.display.length ? _c('legend', {
staticClass: "n-input-label"
}, [_vm._v(" " + _vm._s(_vm.titleFor(_vm.input)) + " ")]) : _vm._e(), _vm._l(_vm.formInputValue, function (subResponse, index) {
return _c('div', {
key: index + subResponse,
staticStyle: {
"display": "flex"
},
attrs: {
"id": _vm.input.key + '[' + index + ']'
}
}, [_c('nitrozen-custom-form-input', {
ref: _vm.input.key + '[' + index + ']',
refInFor: true,
staticStyle: {
"width": "100%",
"padding-bottom": "20px"
},
attrs: {
"input": _vm.input.input
},
on: {
"change": function ($event) {
return _vm.arrayInputChanged(index, $event);
}
},
model: {
value: _vm.formInputValue[index],
callback: function ($$v) {
_vm.$set(_vm.formInputValue, index, $$v);
},
expression: "formInputValue[index]"
}
}), !subResponse.__non_removable ? _c('nitrozen-inline', {
staticClass: "delete-icon",
attrs: {
"icon": 'cross-filled'
},
on: {
"click": function ($event) {
return _vm.deleteResponseAt(index);
}
}
}) : _vm._e()], 1);
}), _c('nitrozen-button', {
attrs: {
"theme": "secondary",
"disabled": _vm.input.disabled
},
on: {
"click": _vm.addResponse
}
}, [_vm._v(" Add ")])], 2)] : _vm._e(), _vm.errorMessage ? _c('nitrozen-error', [_vm._v(_vm._s(_vm.errorMessage))]) : _vm._e()], 2);
};
var NCustomFormInputvue_type_template_id_bbdaa70e_scoped_true_staticRenderFns = [];
;// CONCATENATED MODULE: ./src/components/NCustomForm/InputTypes.js
let InputTypes = {
text: {
display: "Single line input",
description: "Single line of text"
},
textarea: {
display: "Multi line input",
description: "Multiple lines of text"
},
mobile: {
display: "Mobile Number",
description: "Input field for Country code and Mobile number"
},
email: {
display: "Email",
description: "Email ID"
},
number: {
display: "Numeric input",
description: "Numeric input."
},
radio: {
display: "Radio Button Group",
description: "Multiple choice question, single answer."
},
checkbox: {
display: "Chexbox Group",
description: "Multiple choice question, multiple answers."
},
dropdown: {
display: "Dropdown",
description: "Multiple choice dropdown."
},
toggle: {
display: "Toggle",
description: "An on-off toggle switch."
},
object: {
display: "Group of Inputs",
description: "Group of inputs which will be responsed in sub key"
},
array: {
display: "Input having array as response",
description: "Input having array as response"
}
};
Object.keys(InputTypes).forEach(key => {
InputTypes[key].key = key;
});
/* harmony default export */ var NCustomForm_InputTypes = (InputTypes);
;// CONCATENATED MODULE: ./src/components/NCustomForm/util.js
function defaultResponseForInput(input) {
switch (input.type) {
case NCustomForm_InputTypes.text.key:
case NCustomForm_InputTypes.textarea.key:
case NCustomForm_InputTypes.email.key:
return input.default || "";
case NCustomForm_InputTypes.number.key:
if (input.default || input.default == 0) {
return input.default;
}
return null;
case NCustomForm_InputTypes.radio.key:
if (input.default) {
return input.default;
} else if (input.enum.length) {
return input.enum[0].key;
}
return null;
case NCustomForm_InputTypes.dropdown.key:
if (input.default) {
return input.default;
}
return null;
case NCustomForm_InputTypes.checkbox.key:
if (input.default) {
return input.default;
}
return [];
case NCustomForm_InputTypes.mobile.key:
if (input.default) {
return input.default;
}
return {
code: 91,
number: ""
};
case NCustomForm_InputTypes.toggle.key:
if (input.default) {
return input.default;
}
return false;
case NCustomForm_InputTypes.object.key:
const subResponse = {};
input.inputs = input.inputs || [];
input.inputs.forEach(io => {
subResponse[io.key] = defaultResponseForInput(io);
});
return subResponse;
case NCustomForm_InputTypes.array.key:
if (input.default) {
return input.default;
}
return [];
default:
return undefined;
}
}
function isEmptyString(value) {
return value == undefined || value == null || value.trim() == "";
}
function validateResponseForInput(input, response) {
const inputDisplay = isEmptyString(input.display) ? "this input" : input.display;
let errorMessage = input.error_message || "Please enter " + inputDisplay;
if ([NCustomForm_InputTypes.dropdown.key, NCustomForm_InputTypes.checkbox.key, NCustomForm_InputTypes.radio.key].includes(input.type)) {
errorMessage = input.error_message || "Please select " + inputDisplay;
} else if (input.type == NCustomForm_InputTypes.array.key) {
errorMessage = input.error_message || "Please add " + inputDisplay;
}
let isValid = true;
switch (input.type) {
case NCustomForm_InputTypes.text.key:
case NCustomForm_InputTypes.textarea.key:
case NCustomForm_InputTypes.email.key:
if (input.regex && !isEmptyString(response)) {
var re = new RegExp(input.regex);
isValid = re.test(response) && isValid;
if (!isValid) {
errorMessage = "Please enter valid " + inputDisplay;
}
}
if (isValid && input.required) {
isValid = !isEmptyString(response) && isValid;
if (!isValid) {
errorMessage = "Please enter " + inputDisplay;
}
}
if (isValid && input.min_length) {
isValid = input.min_length <= response.length && isValid;
if (!isValid) {
errorMessage = "Minimum length required is " + input.min_length + " for " + inputDisplay;
}
}
if (isValid && input.max_length) {
isValid = input.max_length >= response.length && isValid;
if (!isValid) {
errorMessage = "Max length is " + input.max_length + " for " + inputDisplay;
}
}
return {
isValid,
errorMessage
};
case NCustomForm_InputTypes.number.key:
if (input.min) {
isValid = input.min <= response && isValid;
if (!isValid) {
errorMessage = "Minimum value is " + input.min + " for " + inputDisplay;
}
}
if (isValid && input.max) {
isValid = input.max >= response && isValid;
if (!isValid) {
errorMessage = "Maximum value is " + input.max + " for " + inputDisplay;
}
}
return {
isValid,
errorMessage
};
case NCustomForm_InputTypes.radio.key:
if (input.required) {
isValid = response != null;
}
return {
isValid,
errorMessage
};
case NCustomForm_InputTypes.dropdown.key:
if (input.required) {
isValid = response != null;
}
return {
isValid,
errorMessage
};
case NCustomForm_InputTypes.checkbox.key:
if (input.required) {
isValid = Array.isArray(response) && response.length;
}
return {
isValid,
errorMessage
};
case NCustomForm_InputTypes.mobile.key:
if (input.regex && !isEmptyString(response.number)) {
var re = new RegExp(input.regex);
isValid = re.test(response.number);
}
if (isValid && input.required) {
isValid = !isEmptyString(response.number) && isValid;
if (!isValid) {
errorMessage = "Please enter " + inputDisplay;
}
}
return {
isValid,
errorMessage
};
case NCustomForm_InputTypes.toggle.key:
return {
isValid,
errorMessage
};
0;
case NCustomForm_InputTypes.object.key:
isValid = validateResponsesForInputs(input.inputs, response);
return {
isValid,
errorMessage
};
case NCustomForm_InputTypes.array.key:
if (input.min) {
isValid = input.min <= response.length && isValid;
if (!isValid) {
errorMessage = "Minimum limit for " + inputDisplay + " is " + input.min;
}
}
if (isValid && input.max) {
isValid = input.max >= response.length && isValid;
if (!isValid) {
errorMessage = "Maximum limit for " + inputDisplay + " is " + input.max;
}
}
if (isValid) {
response.forEach(element => {
isValid = validateResponseForInput(input.input, element).isValid && isValid;
});
if (!isValid) {
errorMessage = "Please check enclosed inputs";
}
}
return {
isValid,
errorMessage
};
default:
isValid = false;
return {
isValid,
errorMessage
};
}
}
function validateResponsesForInputs(inputs, response) {
let isValid = true;
inputs.forEach(input => {
if (!input.hidden) {
isValid = validateResponseForInput(input, response[input.key]).isValid && isValid;
}
});
return isValid;
}
function validateInput(input) {
if (!input.type) {
return false;
}
// if (!input.key && !skipKey) {
// return false
// }
// if (skipKey && input.key) {
// return false
// }
if (input.required != undefined && input.required != true && input.required != false) {
return false;
}
switch (input.type) {
case NCustomForm_InputTypes.text.key:
case NCustomForm_InputTypes.textarea.key:
case NCustomForm_InputTypes.email.key:
return true;
case NCustomForm_InputTypes.number.key:
return true;
case NCustomForm_InputTypes.radio.key:
case NCustomForm_InputTypes.dropdown.key:
case NCustomForm_InputTypes.checkbox.key:
if (!input.enum || input.enum.length == 0) {
return false;
}
return true;
case NCustomForm_InputTypes.mobile.key:
return true;
case NCustomForm_InputTypes.toggle.key:
return input.default == undefined || input.default == null || input.default == true || input.default == false;
case NCustomForm_InputTypes.object.key:
if (!input.inputs || input.inputs.length == 0) {
return false;
}
let isValid = true;
input.inputs.forEach(io => {
isValid = validateInput(io) && isValid;
});
return isValid;
case NCustomForm_InputTypes.array.key:
return validateInput(input.input, true);
default:
return false;
}
}
// EXTERNAL MODULE: ./node_modules/vue-tel-input/dist/vue-tel-input.js
var vue_tel_input = __webpack_require__(3954);
var vue_tel_input_default = /*#__PURE__*/__webpack_require__.n(vue_tel_input);
// EXTERNAL MODULE: ./src/components/NToggleBtn/index.js + 6 modules
var NToggleBtn = __webpack_require__(1147);
// EXTERNAL MODULE: ./src/components/NCheckbox/index.js + 6 modules
var NCheckbox = __webpack_require__(1986);
// EXTERNAL MODULE: ./src/components/NRadio/index.js + 6 modules
var NRadio = __webpack_require__(1478);
// EXTERNAL MODULE: ./src/components/NDropdown/index.js + 14 modules
var NDropdown = __webpack_require__(9920);
// EXTERNAL MODULE: ./src/components/NInput/index.js
var NInput = __webpack_require__(4271);
// EXTERNAL MODULE: ./src/components/NError/index.js + 6 modules
var NError = __webpack_require__(5700);
// EXTERNAL MODULE: ./src/components/NBtn/index.js + 5 modules
var NBtn = __webpack_require__(932);
// EXTERNAL MODULE: ./src/components/NInline/index.js + 6 modules
var NInline = __webpack_require__(977);
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/NCustomForm/NCustomFormInput.vue?vue&type=script&lang=js
/* harmony default export */ var NCustomFormInputvue_type_script_lang_js = ({
name: "nitrozen-custom-form-input",
props: {
value: {},
input: {
type: Object
}
},
data() {
return {
errorMessage: null,
formInputValue: this.value,
InputTypes: NCustomForm_InputTypes
};
},
components: {
NitrozenInput: NInput/* default */.A,
NitrozenDropdown: NDropdown/* default */.A,
NitrozenCheckbox: NCheckbox/* default */.A,
NitrozenRadio: NRadio/* default */.A,
NitrozenToggle: NToggleBtn/* default */.A,
NitrozenError: NError/* default */.A,
NitrozenButton: NBtn/* default */.A,
NitrozenInline: NInline/* default */.A,
VueTelInput: (vue_tel_input_default()),
NitrozenCustomForm: () => Promise.resolve(/* import() */).then(__webpack_require__.bind(__webpack_require__, 9154)) // Loophole for circular imports issue
},
event: "change",
watch: {
formInputValue() {
this.inputChanged();
}
},
methods: {
validateInput: validateInput,
titleFor(input) {
return input.display + (input.required ? " *" : "");
},
inputChanged() {
this.errorMessage = null;
this.$emit("change", this.formInputValue);
},
addResponse() {
this.formInputValue.push(defaultResponseForInput(this.input.input));
},
deleteResponseAt(deletionIndex) {
this.formInputValue.splice(deletionIndex, 1);
},
arrayInputChanged(index, valueAtIndex) {
this.formInputValue[index] = valueAtIndex;
this.inputChanged();
},
willMoveToNext() {
const {
isValid,
errorMessage
} = validateResponseForInput(this.input, this.formInputValue);
this.errorMessage = isValid ? null : errorMessage;
},
showValidationErrorsIfAny() {
if (this.input.inputs) {
this.input.inputs.forEach(input => {
if (!input.hidden) {
this.$refs[this.input.key || "form"].showValidationErrorsIfAny();
}
});
} else if (this.input.input) {
this.formInputValue.forEach((val, index) => {
const refs = this.$refs[this.input.key + "[" + index + "]"];
refs[0].showValidationErrorsIfAny();
});
this.willMoveToNext();
} else {
this.willMoveToNext();
}
}
}
});
;// CONCATENATED MODULE: ./src/components/NCustomForm/NCustomFormInput.vue?vue&type=script&lang=js
/* harmony default export */ var NCustomForm_NCustomFormInputvue_type_script_lang_js = (NCustomFormInputvue_type_script_lang_js);
;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/NCustomForm/NCustomFormInput.vue?vue&type=style&index=0&id=bbdaa70e&prod&lang=less&scoped=true
// extracted by mini-css-extract-plugin
;// CONCATENATED MODULE: ./src/components/NCustomForm/NCustomFormInput.vue?vue&type=style&index=0&id=bbdaa70e&prod&lang=less&scoped=true
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(1656);
;// CONCATENATED MODULE: ./src/components/NCustomForm/NCustomFormInput.vue
;
/* normalize component */
var component = (0,componentNormalizer/* default */.A)(
NCustomForm_NCustomFormInputvue_type_script_lang_js,
NCustomFormInputvue_type_template_id_bbdaa70e_scoped_true_render,
NCustomFormInputvue_type_template_id_bbdaa70e_scoped_true_staticRenderFns,
false,
null,
"bbdaa70e",
null
)
/* harmony default export */ var NCustomFormInput = (component.exports);
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/NCustomForm/NCustomForm.vue?vue&type=script&lang=js
/* harmony default export */ var NCustomFormvue_type_script_lang_js = ({
name: "nitrozen-custom-form",
props: {
value: {
type: Object,
default: false
},
inputs: {
type: Array,
default: false
}
},
components: {
NitrozenCustomFormInput: NCustomFormInput
},
event: "change",
beforeMount() {
this.inputs.forEach(input => {
if (this.value[input.key] == undefined) {
this.value[input.key] = defaultResponseForInput(input);
}
});
this.recaliberateInputs(this.inputs, this.value);
},
methods: {
recaliberateInputs(inputs, response) {
inputs.forEach(input => {
if (input.visible_if) {
const hidden = !logic_default().apply(input.visible_if, response);
this.$set(input, "hidden", hidden);
if (hidden) {
delete response[input.key];
} else if (response[input.key] == undefined) {
response[input.key] = defaultResponseForInput(input);
}
}
if (input.inputs) {
this.recaliberateInputs(input.inputs, response[input.key]);
}
});
},
inputChanged(input, newValue) {
this.value[input.key] = newValue;
this.recaliberateInputs(this.inputs, this.value);
this.$emit("change", this.value);
},
isResponseValid() {
return validateResponsesForInputs(this.inputs, this.value);
},
showValidationErrorsIfAny() {
this.inputs.forEach(input => {
if (!input.hidden) {
this.$refs[input.key][0].showValidationErrorsIfAny();
}
});
}
}
});
;// CONCATENATED MODULE: ./src/components/NCustomForm/NCustomForm.vue?vue&type=script&lang=js
/* harmony default export */ var NCustomForm_NCustomFormvue_type_script_lang_js = (NCustomFormvue_type_script_lang_js);
;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/NCustomForm/NCustomForm.vue?vue&type=style&index=0&id=386a6270&prod&lang=less
// extracted by mini-css-extract-plugin
;// CONCATENATED MODULE: ./src/components/NCustomForm/NCustomForm.vue?vue&type=style&index=0&id=386a6270&prod&lang=less
;// CONCATENATED MODULE: ./src/components/NCustomForm/NCustomForm.vue
;
/* normalize component */
var NCustomForm_component = (0,componentNormalizer/* default */.A)(
NCustomForm_NCustomFormvue_type_script_lang_js,
render,
staticRenderFns,
false,
null,
null,
null
)
/* harmony default export */ var NCustomForm = (NCustomForm_component.exports);
/***/ }),
/***/ 7550:
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
"use strict";
// EXPORTS
__webpack_require__.d(__webpack_exports__, {
A: function() { return /* binding */ NInput; }
});
;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/NInput/NInput.vue?vue&type=template&id=79197943
var render = function render() {
var _vm = this,
_c = _vm._self._c;
return _c('div', {
staticClass: "nitrozen-form-input"
}, [_c('div', {
staticClass: "n-input-label-container"
}, [_vm.label ? _c('label', {
staticClass: "n-input-label",
attrs: {
"for": _vm.id
}
}, [_vm._v(" " + _vm._s(_vm.label) + " " + _vm._s(_vm.required ? ' *' : '') + " "), _vm.showTooltip ? _c('span', {
staticClass: "nitrozen-tooltip-icon"
}, [_c('nitrozen-tooltip', {
attrs: {
"tooltipText": _vm.tooltipText,
"position": "top"
}
})], 1) : _vm._e()]) : _vm._e(), _vm.maxlength ? _c('label', {
staticClass: "n-input-label n-input-maxlength"
}, [_vm._v(_vm._s(_vm.length) + "/" + _vm._s(_vm.maxlength))]) : _vm._e()]), _vm.loaderShow && _vm.search ? _c('span', {
staticClass: "nitrozen-loader-div"
}, [_c('img', {
attrs: {
"src": __webpack_require__(2102)
}
})]) : _vm._e(), _c('div', {
staticClass: "nitrozen-input-grp"
}, [_vm.showSearchIcon ? _c('span', {
staticClass: "nitrozen-search-icon"
}, [_c('nitrozen-inline', {
attrs: {
"icon": 'search-black'
}
})], 1) : _vm._e(), _vm.showPrefix ? _c('nitrozen-input-prefix', {
staticClass: "nitrozen-input-prefix nitrozen-remove-right-border",
class: {
'nitrozen-prefix-padding': !_vm.custom
}
}, [_vm.custom ? _c('span', [_vm._t("default")], 2) : _c('span', [_vm._v(_vm._s(_vm.prefix))])]) : _vm._e(), _vm.type != 'textarea' ? _c('input', {
ref: _vm.id,
staticClass: "n-input input-text",
class: {
'nitrozen-search-input-padding': _vm.showSearchIcon,
'nitrozen-remove-left-border': _vm.showPrefix,
'nitrozen-remove-right-border': _vm.showSuffix
},
attrs: {
"min": _vm.min,
"max": _vm.max,
"maxlength": _vm.maxlength,
"type": _vm.type,
"placeholder": _vm.placeholder,
"autocomplete": _vm.autocomplete,
"id": _vm.id,
"disabled": _vm.disabled
},
domProps: {
"value": _vm.value
},
on: {
"keyup": function ($event) {
return _vm.eventEmit($event, 'keyup');
},
"change": function ($event) {
return _vm.eventEmit($event, 'change');
},
"blur": function ($event) {
return _vm.eventEmit($event, 'blur');
},
"focus": function ($event) {
return _vm.eventEmit($event, 'focus');
},
"click": function ($event) {
return _vm.eventEmit($event, 'click');
},
"keypress": function ($event) {
return _vm.eventEmit($event, 'keypress');
},
"input": _vm.valueChange
}
}) : _vm._e(), _vm.type == 'textarea' ? _c('textarea', {
ref: _vm.id,
staticClass: "n-input input-text",
class: {
'n-input-textarea': _vm.type == 'textarea'
},
attrs: {
"maxlength": _vm.maxlength,
"disabled": _vm.disabled,
"autocomplete": _vm.autocomplete,
"id": _vm.id,
"placeholder": _vm.placeholder
},
domProps: {
"value": _vm.value
},
on: {
"keyup": function ($event) {
return _vm.eventEmit($event, 'keyup');
},
"change": function ($event) {
return _vm.eventEmit($event, 'change');
},
"blur": function ($event) {
return _vm.eventEmit($event, 'blur');
},
"focus": function ($event) {
return _vm.eventEmit($event, 'focus');
},
"click": function ($event) {
return _vm.eventEmit($event, 'click');
},
"keypress": function ($event) {
return _vm.eventEmit($event, 'keypress');
},
"input": _vm.valueChange
}
}) : _vm._e(), _vm.showSuffix ? _c('nitrozen-input-suffix', {
staticClass: "nitrozen-input-suffix nitrozen-remove-left-border",
class: {
'nitrozen-suffix-padding': !_vm.custom
}
}, [_vm.custom ? _c('span', [_vm._t("default")], 2) : _c('span', [_vm._v(_vm._s(_vm.suffix))])]) : _vm._e()], 1)]);
};
var staticRenderFns = [];
;// CONCATENATED MODULE: ./src/components/NInput/NInput.vue?vue&type=template&id=79197943
;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/NInput/NInputPrefix.vue?vue&type=template&id=0872c97f
var NInputPrefixvue_type_template_id_0872c97f_render = function render() {
var _vm = this,
_c = _vm._self._c;
return _c('div', [_vm._t("default")], 2);
};
var NInputPrefixvue_type_template_id_0872c97f_staticRenderFns = [];
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/NInput/NInputPrefix.vue?vue&type=script&lang=js
/* harmony default export */ var NInputPrefixvue_type_script_lang_js = ({
name: 'nitrozen-input-prefix'
});
;// CONCATENATED MODULE: ./src/components/NInput/NInputPrefix.vue?vue&type=script&lang=js
/* harmony default export */ var NInput_NInputPrefixvue_type_script_lang_js = (NInputPrefixvue_type_script_lang_js);
// EXTERNAL MODULE: ./node_modules/@vue/vue-loader-v15/lib/runtime/componentNormalizer.js
var componentNormalizer = __webpack_require__(1656);
;// CONCATENATED MODULE: ./src/components/NInput/NInputPrefix.vue
/* normalize component */
;
var component = (0,componentNormalizer/* default */.A)(
NInput_NInputPrefixvue_type_script_lang_js,
NInputPrefixvue_type_template_id_0872c97f_render,
NInputPrefixvue_type_template_id_0872c97f_staticRenderFns,
false,
null,
null,
null
)
/* harmony default export */ var NInputPrefix = (component.exports);
;// CONCATENATED MODULE: ./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/NInput/NInputSuffix.vue?vue&type=template&id=98c548c2
var NInputSuffixvue_type_template_id_98c548c2_render = function render() {
var _vm = this,
_c = _vm._self._c;
return _c('div', [_vm._t("default")], 2);
};
var NInputSuffixvue_type_template_id_98c548c2_staticRenderFns = [];
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/NInput/NInputSuffix.vue?vue&type=script&lang=js
/* harmony default export */ var NInputSuffixvue_type_script_lang_js = ({
name: 'nitrozen-input-suffix'
});
;// CONCATENATED MODULE: ./src/components/NInput/NInputSuffix.vue?vue&type=script&lang=js
/* harmony default export */ var NInput_NInputSuffixvue_type_script_lang_js = (NInputSuffixvue_type_script_lang_js);
;// CONCATENATED MODULE: ./src/components/NInput/NInputSuffix.vue
/* normalize component */
;
var NInputSuffix_component = (0,componentNormalizer/* default */.A)(
NInput_NInputSuffixvue_type_script_lang_js,
NInputSuffixvue_type_template_id_98c548c2_render,
NInputSuffixvue_type_template_id_98c548c2_staticRenderFns,
false,
null,
null,
null
)
/* harmony default export */ var NInputSuffix = (NInputSuffix_component.exports);
// EXTERNAL MODULE: ./src/components/NTooltip/index.js + 6 modules
var NTooltip = __webpack_require__(7668);
// EXTERNAL MODULE: ./src/components/NInline/index.js + 6 modules
var NInline = __webpack_require__(977);
// EXTERNAL MODULE: ./src/utils/NUuid.js
var NUuid = __webpack_require__(5472);
;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/NInput/NInput.vue?vue&type=script&lang=js
/* harmony default export */ var NInputvue_type_script_lang_js = ({
name: 'nitrozen-input',
components: {
'nitrozen-input-prefix': NInputPrefix,
'nitrozen-input-suffix': NInputSuffix,
'nitrozen-tooltip': NTooltip/* default */.A,
'nitrozen-inline': NInline/* default */.A
},
data() {
return {
loaderShow: false
};
},
computed: {
length: function () {
return this.value.length;
}
},
props: {
autocomplete: {
type: String,
default: 'off'
},
type: {
type: String,
default: 'text'
},
label: {
type: String,
default: ''
},
placeholder: {
type: String,
default: ''
},
disabled: {
type: Boolean,
default: false
},
required: {
type: Boolean,
default: false
},
value: {
type: [Number, String],
default: ''
},
showError: {
type: Boolean,
default: false
},
hint: {
type: String,
default: ''
},
search: {
type: Boolean,
default: false
},
showSearchIcon: {
type: Boolean,
default: false
},
showTooltip: {
type: Boolean,
default: false
},
tooltipText: {
type: String,
default: ''
},
id: {
type: [Number, String],
default: () => 'nitrozen-input' + (0,NUuid/* default */.A)()
},
maxlength: {
type: Number
},
showPrefix: {
type: Boolean,
default: false
},
showSuffix: {
type: Boolean,
default: false
},
prefix: {
type: String
},
suffix: {
type: String
},
custom: {
type: Boolean,
default: false
},
autofocus: {
type: Boolean,
default: false
},
min: {
type: Number,
default: 0
},
max: {
type: Number,
default: 0
}
},
watch: {
autofocus() {
if (this.autofocus) {
this.$refs[this.id].focus();
}
}
},
mounted() {
if (this.autofocus) {
this.$refs[this.id].focus();
}
},
methods: {
valueChange: function (event) {
let value = event.target.value;
if (this.type === 'number') {
value = Number(event.target.value);
}
this.$emit('input', value);
if (this.search) {
// Do this with debouncing
this.loaderShow = true;
}
},
eventEmit: function (event, type) {
this.$emit(type, event);
}
}
// render(createElement){
// let inputAttrs = {
// staticClass= "n-input input-text"
// }
// }
});
;// CONCATENATED MODULE: ./src/components/NInput/NInput.vue?vue&type=script&lang=js
/* harmony default export */ var NInput_NInputvue_type_script_lang_js = (NInputvue_type_script_lang_js);
;// CONCATENATED MODULE: ./node_modules/mini-css-extract-plugin/dist/loader.js??clonedRuleSet-32.use[0]!./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/NInput/NInput.vue?vue&type=style&index=0&id=79197943&prod&lang=less
// extracted by mini-css-extract-plugin
;// CONCATENATED MODULE: ./src/components/NInput/NInput.vue?vue&type=style&index=0&id=79197943&prod&lang=less
;// CONCATENATED MODULE: ./src/components/NInput/NInput.vue
;
/* normalize component */
var NInput_component = (0,componentNormalizer/* default */.A)(
NInput_NInputvue_type_script_lang_js,
render,
staticRenderFns,
false,
null,
null,
null
)
/* harmony default export */ var NInput = (NInput_component.exports);
/***/ }),
/***/ 1656:
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
"use strict";
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ A: function() { return /* binding */ normalizeComponent; }
/* harmony export */ });
/* globals __VUE_SSR_CONTEXT__ */
// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
// This module is a runtime utility for cleaner component module output and will
// be included in the final webpack user bundle.
function normalizeComponent(
scriptExports,
render,
staticRenderFns,
functionalTemplate,
injectStyles,
scopeId,
moduleIdentifier /* server only */,
shadowMode /* vue-cli only */
) {
// Vue.extend constructor export interop
var options =
typeof scriptExports === 'function' ? scriptExports.options : scriptExports
// render functions
if (render) {
options.render = render
options.staticRenderFns = staticRenderFns
options._compiled = true
}
// functional template
if (functionalTemplate) {
options.functional = true
}
// scopedId
if (scopeId) {
options._scopeId = 'data-v-' + scopeId
}
var hook
if (moduleIdentifier) {
// server build
hook = function (context) {
// 2.3 injection
context =
context || // cached call
(this.$vnode && this.$vnode.ssrContext) || // stateful
(this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
// 2.2 with runInNewContext: true
if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
context = __VUE_SSR_CONTEXT__
}
// inject component styles
if (injectStyles) {
injectStyles.call(this, context)
}
// register component module identifier for async chunk inferrence
if (context && context._registeredComponents) {
context._registeredComponents.add(moduleIdentifier)
}
}
// used by ssr in case component is cached and beforeCreate
// never gets called
options._ssrRegister = hook
} else if (injectStyles) {
hook = shadowMode
? function () {
injectStyles.call(
this,
(options.functional ? this.parent : this).$root.$options.shadowRoot
)
}
: injectStyles
}
if (hook) {
if (options.functional) {
// for template-only hot-reload because in that case the render fn doesn't
// go through the normalizer
options._injectStyles = hook
// register for functional component in vue file
var originalRender = options.render
options.render = function renderWithStyleInjection(h, context) {
hook.call(context)
return originalRender(h, context)
}
} else {
// inject component registration as beforeCreate hook
var existing = options.beforeCreate
options.beforeCreate = existing ? [].concat(existing, hook) : [hook]
}
}
return {
exports: scriptExports,
options: options
}
}
/***/ }),
/***/ 3591:
/***/ (function(module) {
"use strict";
var svgs = {};
svgs["Bag_Icon"] = '<svg width="24" height="24" viewBox="0 0 19 22" xmlns="http://www.w3.org/2000/svg"><g id="prefix__Components" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="prefix__App-bars:-top" transform="translate(-4131 -443)"><g id="prefix__Group-11" transform="translate(3376 120)"><g id="prefix__Group-7" transform="translate(29 292)"><g id="prefix__Group" transform="translate(723 30)"><g id="prefix__Bag_Icon" transform="translate(3 2)"><path d="M6.798 8.962a1 1 0 1 1-2-.004 1 1 0 0 1 2 .004" id="prefix__Fill-1" fill="#FFF"/><path d="M16.09 20H2.152c-.771 0-1.351-.533-1.287-1.183L2 7.219c0-1.162.784-1.573 1.556-1.573h11.13c.772 0 1.455.532 1.52 1.183l1.172 11.988c.064.65-.516 1.183-1.288 1.183Z" id="prefix__Stroke-3" stroke="#FFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M9.243.629a4.025 4.025 0 0 0-4.02 4.028V5.5" id="prefix__Stroke-4" stroke="#FFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="m13.51 5.5.006-.62v-.273a4 4 0 0 0-.014-.32C13.33 2.242 11.49.631 9.242.63" id="prefix__Stroke-5" stroke="#FFF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M13.792 8.962a1 1 0 1 1-2.002 0 1 1 0 0 1 2.002 0" id="prefix__Fill-6" fill="#FFF"/></g></g></g></g></g></g></svg>';
svgs["add_outlined"] = '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2Z" fill="#8F8F8F"/></svg>';
svgs["arrow-left-black"] = '<svg width="24" height="24" style="transform:rotate(180deg)" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g id="prefix__arrow-lef