(self.webpackChunkatk=self.webpackChunkatk||[]).push([[662],{30901:(e,t,n)=>{"use strict";n.d(t,{Z:()=>i});const i={name:"atk-date-picker",template:'<flatpickr-picker v-model="date" :config="flatPickr" @on-change="onChange"></flatpickr-picker>',props:["config","value"],data:function(){const{useDefault:e,...t}=this.config;return!e||t.defaultDate||this.value?this.value&&(t.defaultDate=this.value):t.defaultDate=new Date,t.locale||(t.locale=flatpickr.l10ns.default),{flatPickr:t,date:null}},mounted:function(){!this.value&&this.flatPickr.defaultDate&&(this.flatPickr.defaultDate instanceof Date?this.$emit("setDefault",flatpickr.formatDate(this.config.defaultDate,this.config.dateFormat)):this.$emit("setDefault",this.flatPickr.defaultDate))},methods:{onChange:function(e){this.$emit("onChange",flatpickr.formatDate(e[0],this.flatPickr.dateFormat))}}}},49880:(e,t,n)=>{"use strict";n.d(t,{Z:()=>r});var i=n(86157);const r={name:"atk-lookup",template:'<sui-dropdown\n ref="drop"\n v-bind="dropdownProps"\n :loading="isLoading"\n @input="onChange"\n @filtered="onFiltered"\n v-model="current"\n :class="css"></sui-dropdown>',props:["config","value","optionalValue"],data:function(){const{url:e,reference:t,ui:n,...i}=this.config;return i.selection=!0,{dropdownProps:i,current:this.value,url:e||null,css:[n],isLoading:!1,field:t,query:"",temp:""}},mounted:function(){this.optionalValue&&(this.dropdownProps.options=Array.isArray(this.optionalValue)?this.optionalValue:[this.optionalValue])},methods:{onChange:function(e){this.$emit("onChange",e)},onFiltered:function(e){e&&(this.isLoading=!0),this.onFiltered.debouncedFx||(this.onFiltered.debouncedFx=i.Z.createDebouncedFx((()=>{this.onFiltered.debouncedFx=null,this.query!==this.temp&&(this.query=this.temp,this.query&&this.fetchItems(this.query))}),250)),this.temp=e,this.onFiltered.debouncedFx(this)},fetchItems:async function(e){try{const t={atkVueLookupQuery:e,atkVueLookupField:this.field},n=await i.Z.apiService.suiFetch(this.url,{method:"get",data:t});n.success&&(this.dropdownProps.options=n.results)}catch(e){console.error(e)}finally{this.isLoading=!1}}}}},28736:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var i=n(60445),r=n.n(i),a=n(60352),l=n.n(a)()(r());l.push([e.id,"\n.atk-qb-select, .ui.form select.atk-qb-select {\n padding: 2px 6px 4px 4px;\n}\n.atk-qb-remove {\n cursor: pointer;\n color: rgba(0, 0, 0, 0.6);\n}\n.ui.selection.dropdown.atk-qb-rule-select {\n background-color: rgba(0, 0, 0, 0);\n}\n.ui.selection.dropdown .atk-qb-rule-select-menu {\n width: max-content;\n z-index: 1000;\n}\n.vbq-group-heading > .ui.grid > .column:not(.row) {\n padding-bottom: 0.5em;\n padding-top: 0.5em;\n}\n.vue-query-builder .ui.card.compact {\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n}\n.vue-query-builder .ui.card.fitted {\n margin-top: 0em;\n margin-bottom: 0em;\n}\n.vue-query-builder .ui.card.padded {\n margin-top: 1em;\n margin-bottom: 1em;\n}\n.ui.card > .vbq-group-heading.content {\n background-color: #f3f4f5;\n}\n.vue-query-builder .vqb-group.depth-1 .vqb-rule,\n.vue-query-builder .vqb-group.depth-2 {\n border-left: 2px solid #8bc34a;\n}\n.vue-query-builder .vqb-group.depth-2 .vqb-rule,\n.vue-query-builder .vqb-group.depth-3 {\n border-left: 2px solid #00bcd4;\n}\n.vue-query-builder .vqb-group.depth-3 .vqb-rule,\n.vue-query-builder .vqb-group.depth-4 {\n border-left: 2px solid #ff5722;\n}\n\n","",{version:3,sources:["webpack://./src/vue-components/query-builder/fomantic-ui-group.component.vue"],names:[],mappings:";AAsJA;GACA,wBAAA;AACA;AACA;IACA,eAAA;IACA,yBAAA;AACA;AACA;IACA,kCAAA;AACA;AACA;IACA,kBAAA;IACA,aAAA;AACA;AACA;IACA,qBAAA;IACA,kBAAA;AACA;AACA;IACA,iBAAA;IACA,oBAAA;AACA;AACA;IACA,eAAA;IACA,kBAAA;AACA;AACA;IACA,eAAA;IACA,kBAAA;AACA;AACA;IACA,yBAAA;AACA;AACA;;IAEA,8BAAA;AACA;AACA;;IAEA,8BAAA;AACA;AACA;;IAEA,8BAAA;AACA",sourcesContent:['<template>\n <div class="vqb-group ui fluid card" :class="[labels.spaceRule, \'depth-\' + depth.toString()]">\n <div class="vbq-group-heading content" :class="\'depth-\' + depth.toString()">\n <div class="ui grid">\n <div class="fourteen wide column">\n <div class="ui horizontal list">\n <div class="item">\n <h4 class="ui inline">{{ labels.matchType }}</h4>\n </div>\n <div class="item">\n <select\n v-model="query.logicalOperator"\n class="atk-qb-select"\n >\n <option\n v-for="label in labels.matchTypes"\n :key="label.id"\n :value="label.id"\n >{{ label.label }}</option>\n </select>\n </div>\n <div class="item">\n <div class="rule-actions ">\n <div>\n <sui-dropdown\n :text="labels.addRule"\n class="ui mini basic button atk-qb-rule-select"\n selection\n >\n <sui-dropdown-menu class="atk-qb-rule-select-menu">\n <sui-dropdown-item\n @click="addNewRule(rule.id)"\n v-for="rule in rules"\n :key="rule.id" :value="rule"\n >{{ rule.label }}</sui-dropdown-item>\n </sui-dropdown-menu>\n </sui-dropdown>\n <button v-if="depth < maxDepth"\n type="button"\n class="ui mini basic button"\n @click="addGroup"\n >{{ labels.addGroup }}</button>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class="two wide right aligned column">\n <i v-if="depth > 1" class="atk-qb-remove" :class="labels.removeGroupClass" @click="remove"></i>\n </div>\n </div>\n </div>\n <div class="vbq-group-body content">\n <query-builder-children v-bind="$props" />\n </div>\n </div>\n</template>\n\n<script>\nimport QueryBuilderGroup from \'vue-query-builder/dist/group/QueryBuilderGroup.umd\';\nimport QueryBuilderRule from \'./fomantic-ui-rule.component.vue\';\n\nexport default {\n name: \'QueryBuilderGroup\',\n components: {\n QueryBuilderRule: QueryBuilderRule,\n },\n data: function () {\n return {\n selectedSuiRule: null,\n };\n },\n methods: {\n /**\n * Add a new rule via Dropdown item.\n */\n addNewRule: function (ruleId) {\n this.selectedRule = this.rules.filter((rule) => rule.id === ruleId)[0]; // eslint-disable-line prefer-destructuring\n if (this.selectedRule) {\n this.addRule();\n }\n },\n },\n computed: {\n /**\n * Map rules to SUI Dropdown.\n *\n * @returns {*}\n */\n dropdownRules: function () {\n return this.rules.map((rule) => ({\n key: rule.id,\n text: rule.label,\n value: rule.id,\n }));\n },\n },\n extends: QueryBuilderGroup,\n};\n<\/script>\n\n<style>\n .atk-qb-select, .ui.form select.atk-qb-select {\n padding: 2px 6px 4px 4px;\n }\n .atk-qb-remove {\n cursor: pointer;\n color: rgba(0, 0, 0, 0.6);\n }\n .ui.selection.dropdown.atk-qb-rule-select {\n background-color: rgba(0, 0, 0, 0);\n }\n .ui.selection.dropdown .atk-qb-rule-select-menu {\n width: max-content;\n z-index: 1000;\n }\n .vbq-group-heading > .ui.grid > .column:not(.row) {\n padding-bottom: 0.5em;\n padding-top: 0.5em;\n }\n .vue-query-builder .ui.card.compact {\n margin-top: 0.5em;\n margin-bottom: 0.5em;\n }\n .vue-query-builder .ui.card.fitted {\n margin-top: 0em;\n margin-bottom: 0em;\n }\n .vue-query-builder .ui.card.padded {\n margin-top: 1em;\n margin-bottom: 1em;\n }\n .ui.card > .vbq-group-heading.content {\n background-color: #f3f4f5;\n }\n .vue-query-builder .vqb-group.depth-1 .vqb-rule,\n .vue-query-builder .vqb-group.depth-2 {\n border-left: 2px solid #8bc34a;\n }\n .vue-query-builder .vqb-group.depth-2 .vqb-rule,\n .vue-query-builder .vqb-group.depth-3 {\n border-left: 2px solid #00bcd4;\n }\n .vue-query-builder .vqb-group.depth-3 .vqb-rule,\n .vue-query-builder .vqb-group.depth-4 {\n border-left: 2px solid #ff5722;\n }\n\n</style>\n'],sourceRoot:""}]);const o=l},22522:(e,t,n)=>{"use strict";n.d(t,{Z:()=>o});var i=n(60445),r=n.n(i),a=n(60352),l=n.n(a)()(r());l.push([e.id,"\n.ui.input.atk-qb > input, .ui.input.atk-qb span > input, .ui.form .input.atk-qb {\n padding: 6px;\n}\n.ui.grid > .row.atk-qb {\n padding: 8px 0px;\n min-height: 62px;\n}\n.inline.fields.atk-qb, .ui.form .inline.fields.atk-qb {\n margin: 0px;\n}\n.atk-qb-date-picker {\n border: 1px solid rgba(34, 36, 38, 0.15);\n}\ninput[type=input].atk-qb-date-picker:focus {\n border-color: #85b7d9;\n}\n.ui.card.vqb-rule > .content {\n padding-bottom: 0.5em;\n padding-top: 0.5em;\n background-color: #f3f4f5;\n}\n","",{version:3,sources:["webpack://./src/vue-components/query-builder/fomantic-ui-rule.component.vue"],names:[],mappings:";AAqKA;IACA,YAAA;AACA;AACA;IACA,gBAAA;IACA,gBAAA;AACA;AACA;IACA,WAAA;AACA;AACA;IACA,wCAAA;AACA;AACA;IACA,qBAAA;AACA;AACA;IACA,qBAAA;IACA,kBAAA;IACA,yBAAA;AACA",sourcesContent:['<template>\n <div class="vqb-rule ui fluid card" :class="labels.spaceRule" :data-name="rule.id">\n <div class="content">\n <div class="ui grid">\n <div class="middle aligned row atk-qb">\n <div class="thirteen wide column">\n <div class="ui horizontal list">\n <div class="item vqb-rule-label">\n <h5 class>{{ rule.label }}</h5>\n </div>\n <div class="item vqb-rule-operand" v-if="rule.operands !== undefined">\n \x3c!-- List of operands (optional) --\x3e\n <select v-model="query.operand" class="atk-qb-select">\n <option v-for="operand in rule.operands" :key="operand">{{ operand }}</option>\n </select>\n </div>\n <div class="item vqb-rule-operator"\n v-if="rule.operators !== undefined && rule.operators.length > 1">\n \x3c!-- List of operators (e.g. =, !=, >, <) --\x3e\n <select v-model="query.operator" class="atk-qb-select">\n <option v-for="operator in rule.operators" :key="operator" :value="operator">\n {{operator}}\n </option>\n </select>\n </div>\n <div class="item vqb-rule-input">\n \x3c!-- text input --\x3e\n <template v-if="canDisplay(\'input\')">\n <div class="ui small input atk-qb" >\n <input\n v-model="query.value"\n :type="rule.inputType"\n :placeholder="labels.textInputPlaceholder"\n >\n </div>\n </template>\n \x3c!-- Checkbox or Radio input --\x3e\n <template v-if="canDisplay(\'checkbox\')">\n <sui-form-fields inline class="atk-qb">\n <div class="field" v-for="choice in rule.choices" :key="choice.value">\n <sui-checkbox\n :label="choice.label"\n :radio="isRadio"\n :value="choice.value"\n v-model="query.value">\n </sui-checkbox>\n </div>\n </sui-form-fields>\n </template>\n \x3c!-- Select input --\x3e\n <template v-if="canDisplay(\'select\')">\n <select v-model="query.value" class="atk-qb-select">\n <option\n v-for="choice in rule.choices"\n :key="choice.value"\n :value="choice.value">\n {{choice.label}}\n </option>\n </select>\n </template>\n \x3c!-- Custom component --\x3e\n <template v-if="canDisplay(\'custom-component\')">\n <div class="ui small input atk-qb">\n <component :is="rule.component"\n :config="rule.componentProps"\n :value="query.value"\n :optionalValue="query.option"\n @onChange="onChange"\n @setDefault="onChange">\n </component>\n </div>\n </template>\n </div>\n </div>\n </div>\n <div class="right aligned three wide column">\n \x3c!-- Remove rule button --\x3e\n <i :class="labels.removeRuleClass" @click="remove" class="atk-qb-remove"></i>\n </div>\n </div>\n </div>\n </div>\n </div>\n</template>\n\n<script>\nimport QueryBuilderRule from \'vue-query-builder/dist/rule/QueryBuilderRule.umd\';\nimport AtkDatePicker from \'../share/atk-date-picker\';\nimport AtkLookup from \'../share/atk-lookup\';\n\nexport default {\n extends: QueryBuilderRule,\n components: { \'atk-date-picker\': AtkDatePicker, \'atk-lookup\': AtkLookup },\n data: function () {\n return {};\n },\n inject: [\'getRootData\'],\n computed: {\n isInput: function () {\n return this.rule.type === \'text\' || this.rule.type === \'numeric\';\n },\n isComponent: function () {\n return this.rule.type === \'custom-component\';\n },\n isRadio: function () {\n return this.rule.type === \'radio\';\n },\n isCheckbox: function () {\n return this.rule.type === \'checkbox\' || this.isRadio;\n },\n isSelect: function () {\n return this.rule.type === \'select\';\n },\n },\n methods: {\n /**\n * Check if an input can be display in regards to:\n * it\'s operator and then it\'s type.\n *\n * @returns {boolean|*}\n */\n canDisplay: function (type) {\n if (this.labels.hiddenOperator.includes(this.query.operator)) {\n return false;\n }\n\n switch (type) {\n case \'input\': return this.isInput;\n case \'checkbox\': return this.isCheckbox;\n case \'select\': return this.isSelect;\n case \'custom-component\': return this.isComponent;\n default: return false;\n }\n },\n onChange: function (value) {\n this.query.value = value;\n },\n },\n};\n<\/script>\n\n<style>\n .ui.input.atk-qb > input, .ui.input.atk-qb span > input, .ui.form .input.atk-qb {\n padding: 6px;\n }\n .ui.grid > .row.atk-qb {\n padding: 8px 0px;\n min-height: 62px;\n }\n .inline.fields.atk-qb, .ui.form .inline.fields.atk-qb {\n margin: 0px;\n }\n .atk-qb-date-picker {\n border: 1px solid rgba(34, 36, 38, 0.15);\n }\n input[type=input].atk-qb-date-picker:focus {\n border-color: #85b7d9;\n }\n .ui.card.vqb-rule > .content {\n padding-bottom: 0.5em;\n padding-top: 0.5em;\n background-color: #f3f4f5;\n }\n</style>\n'],sourceRoot:""}]);const o=l},41791:(e,t,n)=>{"use strict";function i(e,t){for(var n=[],i={},r=0;r<t.length;r++){var a=t[r],l=a[0],o={id:e+":"+r,css:a[1],media:a[2],sourceMap:a[3]};i[l]?i[l].parts.push(o):n.push(i[l]={id:l,parts:[o]})}return n}n.d(t,{Z:()=>m});var r="undefined"!=typeof document;if("undefined"!=typeof DEBUG&&DEBUG&&!r)throw new Error("vue-style-loader cannot be used in a non-browser environment. Use { target: 'node' } in your Webpack config to indicate a server-rendering environment.");var a={},l=r&&(document.head||document.getElementsByTagName("head")[0]),o=null,u=0,s=!1,d=function(){},c=null,p="data-vue-ssr-id",v="undefined"!=typeof navigator&&/msie [6-9]\b/.test(navigator.userAgent.toLowerCase());function m(e,t,n,r){s=n,c=r||{};var l=i(e,t);return h(l),function(t){for(var n=[],r=0;r<l.length;r++){var o=l[r];(u=a[o.id]).refs--,n.push(u)}t?h(l=i(e,t)):l=[];for(r=0;r<n.length;r++){var u;if(0===(u=n[r]).refs){for(var s=0;s<u.parts.length;s++)u.parts[s]();delete a[u.id]}}}}function h(e){for(var t=0;t<e.length;t++){var n=e[t],i=a[n.id];if(i){i.refs++;for(var r=0;r<i.parts.length;r++)i.parts[r](n.parts[r]);for(;r<n.parts.length;r++)i.parts.push(b(n.parts[r]));i.parts.length>n.parts.length&&(i.parts.length=n.parts.length)}else{var l=[];for(r=0;r<n.parts.length;r++)l.push(b(n.parts[r]));a[n.id]={id:n.id,refs:1,parts:l}}}}function f(){var e=document.createElement("style");return e.type="text/css",l.appendChild(e),e}function b(e){var t,n,i=document.querySelector("style["+p+'~="'+e.id+'"]');if(i){if(s)return d;i.parentNode.removeChild(i)}if(v){var r=u++;i=o||(o=f()),t=g.bind(null,i,r,!1),n=g.bind(null,i,r,!0)}else i=f(),t=q.bind(null,i),n=function(){i.parentNode.removeChild(i)};return t(e),function(i){if(i){if(i.css===e.css&&i.media===e.media&&i.sourceMap===e.sourceMap)return;t(e=i)}else n()}}var A,y=(A=[],function(e,t){return A[e]=t,A.filter(Boolean).join("\n")});function g(e,t,n,i){var r=n?"":i.css;if(e.styleSheet)e.styleSheet.cssText=y(t,r);else{var a=document.createTextNode(r),l=e.childNodes;l[t]&&e.removeChild(l[t]),l.length?e.insertBefore(a,l[t]):e.appendChild(a)}}function q(e,t){var n=t.css,i=t.media,r=t.sourceMap;if(i&&e.setAttribute("media",i),c.ssrId&&e.setAttribute(p,t.id),r&&(n+="\n/*# sourceURL="+r.sources[0]+" */",n+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(r))))+" */"),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}},29859:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>o});var i=n(75701),r=n.n(i),a=n(28736),l={insert:"head",singleton:!1};r()(a.Z,l);const o=a.Z.locals||{}},6035:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>o});var i=n(75701),r=n.n(i),a=n(22522),l={insert:"head",singleton:!1};r()(a.Z,l);const o=a.Z.locals||{}},54796:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>A});var i=function(){var e=this,t=e._self._c;return t("div",{},[t("input",{attrs:{form:e.form,name:e.name,type:"hidden"},domProps:{value:e.value}}),e._v(" "),t("vue-query-builder",{attrs:{rules:e.rules,maxDepth:e.maxDepth,labels:e.labels},scopedSlots:e._u([{key:"default",fn:function(n){return[t("query-builder-group",e._b({attrs:{query:e.query},on:{"update:query":function(t){e.query=t}}},"query-builder-group",n,!1))]}}]),model:{value:e.query,callback:function(t){e.query=t},expression:"query"}}),e._v(" "),e.debug?[t("pre",[e._v(e._s(JSON.stringify(this.query,null,2)))])]:e._e()],2)};i._withStripped=!0;var r=n(55653),a=n.n(r),l=(n(74659),n(26576),function(){var e=this,t=e._self._c;return t("div",{staticClass:"vqb-group ui fluid card",class:[e.labels.spaceRule,"depth-"+e.depth.toString()]},[t("div",{staticClass:"vbq-group-heading content",class:"depth-"+e.depth.toString()},[t("div",{staticClass:"ui grid"},[t("div",{staticClass:"fourteen wide column"},[t("div",{staticClass:"ui horizontal list"},[t("div",{staticClass:"item"},[t("h4",{staticClass:"ui inline"},[e._v(e._s(e.labels.matchType))])]),e._v(" "),t("div",{staticClass:"item"},[t("select",{directives:[{name:"model",rawName:"v-model",value:e.query.logicalOperator,expression:"query.logicalOperator"}],staticClass:"atk-qb-select",on:{change:function(t){var n=Array.prototype.filter.call(t.target.options,(function(e){return e.selected})).map((function(e){return"_value"in e?e._value:e.value}));e.$set(e.query,"logicalOperator",t.target.multiple?n:n[0])}}},e._l(e.labels.matchTypes,(function(n){return t("option",{key:n.id,domProps:{value:n.id}},[e._v(e._s(n.label))])})),0)]),e._v(" "),t("div",{staticClass:"item"},[t("div",{staticClass:"rule-actions"},[t("div",[t("sui-dropdown",{staticClass:"ui mini basic button atk-qb-rule-select",attrs:{text:e.labels.addRule,selection:""}},[t("sui-dropdown-menu",{staticClass:"atk-qb-rule-select-menu"},e._l(e.rules,(function(n){return t("sui-dropdown-item",{key:n.id,attrs:{value:n},on:{click:function(t){return e.addNewRule(n.id)}}},[e._v(e._s(n.label))])})),1)],1),e._v(" "),e.depth<e.maxDepth?t("button",{staticClass:"ui mini basic button",attrs:{type:"button"},on:{click:e.addGroup}},[e._v(e._s(e.labels.addGroup))]):e._e()],1)])])])]),e._v(" "),t("div",{staticClass:"two wide right aligned column"},[e.depth>1?t("i",{staticClass:"atk-qb-remove",class:e.labels.removeGroupClass,on:{click:e.remove}}):e._e()])])]),e._v(" "),t("div",{staticClass:"vbq-group-body content"},[t("query-builder-children",e._b({},"query-builder-children",e.$props,!1))],1)])});l._withStripped=!0;n(67242),n(90170),n(42359);var o=n(76042),u=n.n(o),s=function(){var e=this,t=e._self._c;return t("div",{staticClass:"vqb-rule ui fluid card",class:e.labels.spaceRule,attrs:{"data-name":e.rule.id}},[t("div",{staticClass:"content"},[t("div",{staticClass:"ui grid"},[t("div",{staticClass:"middle aligned row atk-qb"},[t("div",{staticClass:"thirteen wide column"},[t("div",{staticClass:"ui horizontal list"},[t("div",{staticClass:"item vqb-rule-label"},[t("h5",{},[e._v(e._s(e.rule.label))])]),e._v(" "),void 0!==e.rule.operands?t("div",{staticClass:"item vqb-rule-operand"},[t("select",{directives:[{name:"model",rawName:"v-model",value:e.query.operand,expression:"query.operand"}],staticClass:"atk-qb-select",on:{change:function(t){var n=Array.prototype.filter.call(t.target.options,(function(e){return e.selected})).map((function(e){return"_value"in e?e._value:e.value}));e.$set(e.query,"operand",t.target.multiple?n:n[0])}}},e._l(e.rule.operands,(function(n){return t("option",{key:n},[e._v(e._s(n))])})),0)]):e._e(),e._v(" "),void 0!==e.rule.operators&&e.rule.operators.length>1?t("div",{staticClass:"item vqb-rule-operator"},[t("select",{directives:[{name:"model",rawName:"v-model",value:e.query.operator,expression:"query.operator"}],staticClass:"atk-qb-select",on:{change:function(t){var n=Array.prototype.filter.call(t.target.options,(function(e){return e.selected})).map((function(e){return"_value"in e?e._value:e.value}));e.$set(e.query,"operator",t.target.multiple?n:n[0])}}},e._l(e.rule.operators,(function(n){return t("option",{key:n,domProps:{value:n}},[e._v("\n "+e._s(n)+"\n ")])})),0)]):e._e(),e._v(" "),t("div",{staticClass:"item vqb-rule-input"},[e.canDisplay("input")?[t("div",{staticClass:"ui small input atk-qb"},["checkbox"===e.rule.inputType?t("input",{directives:[{name:"model",rawName:"v-model",value:e.query.value,expression:"query.value"}],attrs:{placeholder:e.labels.textInputPlaceholder,type:"checkbox"},domProps:{checked:Array.isArray(e.query.value)?e._i(e.query.value,null)>-1:e.query.value},on:{change:function(t){var n=e.query.value,i=t.target,r=!!i.checked;if(Array.isArray(n)){var a=e._i(n,null);i.checked?a<0&&e.$set(e.query,"value",n.concat([null])):a>-1&&e.$set(e.query,"value",n.slice(0,a).concat(n.slice(a+1)))}else e.$set(e.query,"value",r)}}}):"radio"===e.rule.inputType?t("input",{directives:[{name:"model",rawName:"v-model",value:e.query.value,expression:"query.value"}],attrs:{placeholder:e.labels.textInputPlaceholder,type:"radio"},domProps:{checked:e._q(e.query.value,null)},on:{change:function(t){return e.$set(e.query,"value",null)}}}):t("input",{directives:[{name:"model",rawName:"v-model",value:e.query.value,expression:"query.value"}],attrs:{placeholder:e.labels.textInputPlaceholder,type:e.rule.inputType},domProps:{value:e.query.value},on:{input:function(t){t.target.composing||e.$set(e.query,"value",t.target.value)}}})])]:e._e(),e._v(" "),e.canDisplay("checkbox")?[t("sui-form-fields",{staticClass:"atk-qb",attrs:{inline:""}},e._l(e.rule.choices,(function(n){return t("div",{key:n.value,staticClass:"field"},[t("sui-checkbox",{attrs:{label:n.label,radio:e.isRadio,value:n.value},model:{value:e.query.value,callback:function(t){e.$set(e.query,"value",t)},expression:"query.value"}})],1)})),0)]:e._e(),e._v(" "),e.canDisplay("select")?[t("select",{directives:[{name:"model",rawName:"v-model",value:e.query.value,expression:"query.value"}],staticClass:"atk-qb-select",on:{change:function(t){var n=Array.prototype.filter.call(t.target.options,(function(e){return e.selected})).map((function(e){return"_value"in e?e._value:e.value}));e.$set(e.query,"value",t.target.multiple?n:n[0])}}},e._l(e.rule.choices,(function(n){return t("option",{key:n.value,domProps:{value:n.value}},[e._v("\n "+e._s(n.label)+"\n ")])})),0)]:e._e(),e._v(" "),e.canDisplay("custom-component")?[t("div",{staticClass:"ui small input atk-qb"},[t(e.rule.component,{tag:"component",attrs:{config:e.rule.componentProps,value:e.query.value,optionalValue:e.query.option},on:{onChange:e.onChange,setDefault:e.onChange}})],1)]:e._e()],2)])]),e._v(" "),t("div",{staticClass:"right aligned three wide column"},[t("i",{staticClass:"atk-qb-remove",class:e.labels.removeRuleClass,on:{click:e.remove}})])])])])])};s._withStripped=!0;var d=n(71790),c=n.n(d),p=n(30901),v=n(49880);const m={extends:c(),components:{"atk-date-picker":p.Z,"atk-lookup":v.Z},data:function(){return{}},inject:["getRootData"],computed:{isInput:function(){return"text"===this.rule.type||"numeric"===this.rule.type},isComponent:function(){return"custom-component"===this.rule.type},isRadio:function(){return"radio"===this.rule.type},isCheckbox:function(){return"checkbox"===this.rule.type||this.isRadio},isSelect:function(){return"select"===this.rule.type}},methods:{canDisplay:function(e){if(this.labels.hiddenOperator.includes(this.query.operator))return!1;switch(e){case"input":return this.isInput;case"checkbox":return this.isCheckbox;case"select":return this.isSelect;case"custom-component":return this.isComponent;default:return!1}},onChange:function(e){this.query.value=e}}};n(14219);function h(e,t,n,i,r,a,l,o){var u,s="function"==typeof e?e.options:e;if(t&&(s.render=t,s.staticRenderFns=n,s._compiled=!0),i&&(s.functional=!0),a&&(s._scopeId="data-v-"+a),l?(u=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),r&&r.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(l)},s._ssrRegister=u):r&&(u=o?function(){r.call(this,(s.functional?this.parent:this).$root.$options.shadowRoot)}:r),u)if(s.functional){s._injectStyles=u;var d=s.render;s.render=function(e,t){return u.call(t),d(e,t)}}else{var c=s.beforeCreate;s.beforeCreate=c?[].concat(c,u):[u]}return{exports:e,options:s}}const f={name:"QueryBuilderGroup",components:{QueryBuilderRule:h(m,s,[],!1,null,null,null).exports},data:function(){return{selectedSuiRule:null}},methods:{addNewRule:function(e){this.selectedRule=this.rules.filter((t=>t.id===e))[0],this.selectedRule&&this.addRule()}},computed:{dropdownRules:function(){return this.rules.map((e=>({key:e.id,text:e.label,value:e.id})))}},extends:u()};n(3890);const b=h(f,l,[],!1,null,null,null).exports;const A=h({name:"query-builder",components:{VueQueryBuilder:a(),QueryBuilderGroup:b},props:{data:Object},data:function(){return{query:this.data.query?this.data.query:{},rules:this.data.rules?this.data.rules:[],name:this.data.name?this.data.name:"",maxDepth:this.data.maxDepth?this.data.maxDepth<=10?this.data.maxDepth:10:1,labels:this.getLabels(this.data.labels),form:this.data.form,debug:!!this.data.debug&&this.data.debug}},computed:{value:function(){return JSON.stringify(this.query,null)}},methods:{getLabels:function(e){return e=e||{},{matchType:"Match Type",matchTypes:[{id:"AND",label:"And"},{id:"OR",label:"Or"}],addRule:"Add Rule",removeRuleClass:"small icon times",addGroup:"Add Group",removeGroupClass:"small icon times",textInputPlaceholder:"value",spaceRule:"fitted",hiddenOperator:["is empty","is not empty"],...e}}}},i,[],!1,null,null,null).exports},3890:(e,t,n)=>{var i=n(29859);i.__esModule&&(i=i.default),"string"==typeof i&&(i=[[e.id,i,""]]),i.locals&&(e.exports=i.locals);(0,n(41791).Z)("619f3b8a",i,!1,{})},14219:(e,t,n)=>{var i=n(6035);i.__esModule&&(i=i.default),"string"==typeof i&&(i=[[e.id,i,""]]),i.locals&&(e.exports=i.locals);(0,n(41791).Z)("8cfec0aa",i,!1,{})}}]);
//# sourceMappingURL=atk-vue-query-builder.min.js.map
|
Download
