@geoblink/design-system/dist/components/GeoTree.js

Geoblink Design System for Vue.js

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("fuzzaldrin-plus"),require("vuedraggable"),require("lodash")):"function"==typeof define&&define.amd?define(["fuzzaldrin-plus","vuedraggable","lodash"],t):"object"==typeof exports?exports["components/GeoTree"]=t(require("fuzzaldrin-plus"),require("vuedraggable"),require("lodash")):e["components/GeoTree"]=t(e["fuzzaldrin-plus"],e.vuedraggable,e.lodash)}(window,function(e,t,r){return a={},o.m=n={"+kiw":function(e,t,r){"use strict";r.d(t,"a",function(){return o});var o={SINGLE:"single",MULTIPLE:"multiple",HIDDEN:"hidden"}},105:function(e,t,r){e.exports=r("BVq5")},"29dS":function(t,r){t.exports=e},BVq5:function(e,t,r){"use strict";r.r(t);var o=r("lSNA"),n=r.n(o),a=r("RIqP"),i=r.n(a),s=r("YLtl"),u=r.n(s),d=r("29dS"),c=r.n(d),l=r("KJqF"),p=r.n(l),f=r("i4Qp"),g=r("lpjR"),h=r("+kiw"),y={name:"GeoTree",status:"ready",release:"29.9.0",constants:{INPUT_MODES:h.a},components:{Draggable:p.a},mixins:[g.a],props:{searchPlaceholder:{type:String,required:!1},loadingLabel:{type:String,required:!1},noResultsFoundLabel:{type:String,required:!1},categories:{type:Array,required:!0},keyForId:{type:String,required:!1,default:"id"},keyForLabel:{type:String,required:!1,default:"label"},keyForSubcategory:{type:String,required:!1,default:"subcategories"},searchable:{type:Boolean,required:!1,default:!1},descriptionIcon:{type:Array,required:!1},isLoading:{type:Boolean,required:!1,default:!1},checkedItems:{type:Object,required:!1,default:function(){return{}}},maxCheckedItems:{type:Number,required:!1},dynamicExpandedCategories:{type:Object,required:!1},collapsedIcon:{type:Array,required:!1,default:function(){return["fal","chevron-right"]}},expandedIcon:{type:Array,required:!1},sortingProps:{type:Array,required:!1},sortingDirection:{type:String,required:!1,default:"asc"},inputType:Object(f.a)({componentName:"GeoTree",propertyName:"inputType",enumDictionary:h.a,defaultValue:h.a.MULTIPLE}),hasLoadMoreButton:{type:Boolean,required:!1,default:!1},pageSize:{type:Number,required:!1,default:20}},data:function(){return{searchQuery:"",expandedCategories:{},visiblePages:1}},computed:{hasResults:function(){return!this.searchQuery||this.searchQuery&&!!u.a.size(this.filteredCategories)},sortedCategories:function(){return this.sortCategories(this.categories)},filteredCategories:function(){return this.searchQuery?this.filterCategories(this.sortedCategories,this.searchQuery):this.sortedCategories},hasMaxItemsSelected:function(){return!!this.maxCheckedItems&&this.nSelectedItems>=this.maxCheckedItems},nSelectedItems:function(){return u.a.size(u.a.filter(this.checkedItems))},hasMoreResultsToLoad:function(){return!!this.hasLoadMoreButton&&this.pageSize*this.visiblePages<u.a.size(this.filteredCategories)},visibleItems:function(){return this.hasLoadMoreButton?u.a.slice(this.filteredCategories,0,this.visiblePages*this.pageSize):this.filteredCategories}},watch:{dynamicExpandedCategories:function(e){this.expandedCategories=e||{}}},mounted:function(){this.dynamicExpandedCategories&&(this.expandedCategories=u.a.assign({},this.expandedCategories,this.dynamicExpandedCategories))},methods:{handleCheckItem:function(e,t,r){this.$emit("check-item",e[this.keyForId],t,e,r)},handleCheckFolder:function(e,t,r){this.$emit("check-folder",e[this.keyForId],t,e,r)},filterCategories:function(e,t,r){var o=this;return u.a.reduce(e,function(e,a){var s=0<c.a.score(a[o.keyForLabel],t),d=o.filterCategories(a[o.keyForSubcategory],t,s||r);if(s||r||u.a.size(d)){var l=u.a.assign({},a,{matches:c.a.match(n(a[o.keyForLabel]),n(t))});return u.a.size(a[o.keyForSubcategory])&&(l[o.keyForSubcategory]=d,o.$set(o.expandedCategories,l[o.keyForId],!0)),[].concat(i()(e),[l])}return e},[]);function n(e){return u.a.toLower(u.a.deburr(e))}},sortCategories:function(e){var t=this,r=this.sortingProps||[this.keyForLabel];return u.a.orderBy(u.a.map(e,function(e){return e[t.keyForSubcategory]?u.a.assign({},e,n()({},t.keyForSubcategory,t.sortCategories(e[t.keyForSubcategory]))):e}),r,this.sortingDirection)},handleToggleExpand:function(e){var t=!!this.expandedCategories[e[this.keyForId]];this.$set(this.expandedCategories,e[this.keyForId],!t)},loadNextPage:function(e){this.visiblePages=this.visiblePages+1,this.$nextTick(function(){e.scrollToLastEntry()})}}},m=r("KHd+"),b=Object(m.a)(y,function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",{staticClass:"geo-tree"},[e.searchable?r("geo-bordered-box-header-search-form",{attrs:{placeholder:e.searchPlaceholder},model:{value:e.searchQuery,callback:function(t){e.searchQuery=t},expression:"searchQuery"}}):e._e(),e._v(" "),r("geo-scrollable-container",{attrs:{"show-more-results-button":e.hasMoreResultsToLoad},on:{"load-more-results":function(t){return e.loadNextPage(t)}}},[e.isLoading?r("div",{staticClass:"geo-tree__loading",domProps:{textContent:e._s(e.loadingLabel)}}):e._e(),e._v(" "),e.hasResults?r("ul",{staticClass:"geo-tree__list"},[r("draggable",{attrs:{list:e.filteredCategories,group:e.draggableGroup,sort:!1,disabled:!e.draggableGroup,filter:"."+e.dragClassToIgnore,"drag-class":"geo-tree__dragger","ghost-class":"geo-tree__ghost"},on:{start:function(t){return e.startDrag(t)},end:function(t){return e.endDrag(t)},change:function(t){return e.changeDrag(t,null)}}},e._l(e.visibleItems,function(t){return r("geo-tree-item",{key:t[e.keyForId],class:e.dragClassToIgnore,attrs:{category:t,"key-for-id":e.keyForId,"key-for-label":e.keyForLabel,"checked-items":e.checkedItems,"expanded-categories":e.expandedCategories,"key-for-subcategory":e.keyForSubcategory,"description-icon":e.descriptionIcon,"collapsed-icon":e.collapsedIcon,"expanded-icon":e.expandedIcon,"draggable-group":e.draggableGroup,"input-type":e.inputType,"is-folder-select-hidden":!!e.maxCheckedItems,"is-item-select-disabled":e.hasMaxItemsSelected,"has-load-more-button":e.hasLoadMoreButton,"page-size":e.pageSize},on:{"check-item":e.handleCheckItem,"check-folder":e.handleCheckFolder,toggleExpand:e.handleToggleExpand,"start-drag":function(t){return e.startDrag(t)},"end-drag":function(t){return e.endDrag(t)},"change-drag":function(t){return e.emitChangeDrag(t)}},scopedSlots:e._u([{key:"trailingAccessoryAction",fn:function(t){var r=t.item;return[e._t("actionButton",null,{item:r})]}}],null,!0)},[e._v(" "),r("template",{slot:"moreItemsTextContent"},[e._t("moreItemsTextContent")],2)],2)}),1)],1):r("div",{staticClass:"geo-tree__no-results-found",domProps:{textContent:e._s(e.noResultsFoundLabel)}}),e._v(" "),r("template",{slot:"moreResultsTextContent"},[e._t("moreCategoriesTextContent")],2)],2)],1)},[],!1,null,null,null);t.default=b.exports},Bnag:function(e,t){e.exports=function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")},e.exports.__esModule=!0,e.exports.default=e.exports},EbDI:function(e,t){e.exports=function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)},e.exports.__esModule=!0,e.exports.default=e.exports},Ijbi:function(e,t,r){var o=r("WkPL");e.exports=function(e){if(Array.isArray(e))return o(e)},e.exports.__esModule=!0,e.exports.default=e.exports},"KHd+":function(e,t,r){"use strict";function o(e,t,r,o,n,a,i,s){var u,d="function"==typeof e?e.options:e;if(t&&(d.render=t,d.staticRenderFns=r,d._compiled=!0),o&&(d.functional=!0),a&&(d._scopeId="data-v-"+a),i?(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__),n&&n.call(this,e),e&&e._registeredComponents&&e._registeredComponents.add(i)},d._ssrRegister=u):n&&(u=s?function(){n.call(this,this.$root.$options.shadowRoot)}:n),u)if(d.functional){d._injectStyles=u;var c=d.render;d.render=function(e,t){return u.call(t),c(e,t)}}else{var l=d.beforeCreate;d.beforeCreate=l?[].concat(l,u):[u]}return{exports:e,options:d}}r.d(t,"a",function(){return o})},KJqF:function(e,r){e.exports=t},RIqP:function(e,t,r){var o=r("Ijbi"),n=r("EbDI"),a=r("ZhPi"),i=r("Bnag");e.exports=function(e){return o(e)||n(e)||a(e)||i()},e.exports.__esModule=!0,e.exports.default=e.exports},WkPL:function(e,t){e.exports=function(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,o=new Array(t);r<t;r++)o[r]=e[r];return o},e.exports.__esModule=!0,e.exports.default=e.exports},YLtl:function(e,t){e.exports=r},ZhPi:function(e,t,r){var o=r("WkPL");e.exports=function(e,t){if(e){if("string"==typeof e)return o(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?o(e,t):void 0}},e.exports.__esModule=!0,e.exports.default=e.exports},i4Qp:function(e,t,r){"use strict";function o(e){var t={type:String,validator:function(t){if(e.checkUndefined&&void 0===t)return!0;var r=Object.values(e.enumDictionary);if(r.includes(t))return!0;var o=r.map(function(e){return"«".concat(e,"»")}).join(", ");return console.warn("".concat(e.componentName," [component] :: Unsupported value («").concat(t,"») for «").concat(e.propertyName,"» property. Use one of ").concat(o)),!1}};return"defaultValue"in e&&(t.default=e.defaultValue),"required"in e&&(t.required=!!e.required),t}r.d(t,"a",function(){return o})},lSNA:function(e,t){e.exports=function(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e},e.exports.__esModule=!0,e.exports.default=e.exports},lpjR:function(e,t,r){"use strict";t.a={props:{draggableGroup:{type:Object,required:!1}},computed:{dragClassToIgnore:function(){return this.group?this.group.pull?"":"geo-tree__drag-disabled":""}},methods:{startDrag:function(e){this.$emit("start-drag",e)},endDrag:function(e){this.$emit("end-drag",e)},emitChangeDrag:function(e){this.$emit("change-drag",e)},changeDrag:function(e,t){this.emitChangeDrag({event:e,parentCategory:t})}}}}},o.c=a,o.d=function(e,t,r){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(o.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)o.d(r,n,function(t){return e[t]}.bind(null,n));return r},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="/",o(o.s=105);function o(e){if(a[e])return a[e].exports;var t=a[e]={i:e,l:!1,exports:{}};return n[e].call(t.exports,t,t.exports,o),t.l=!0,t.exports}var n,a});