layers-design-system 2.6.10 → 2.6.12

package/dist/layers-design-system.js

@@ -43318,21 +43318,52 @@ Bx.errorHandler = tde;
   Object.defineProperty(t, "__esModule", { value: !0 }), n(Bx, t);
 })(SM);
 const nde = {
+  name: "TopicItem",
   props: {
-    topic: {
-      type: Object
-    },
-    disabled: {
+    multipleTargets: {
       type: Boolean
     },
-    checked: {
-      type: Boolean
+    depth: {
+      type: Number,
+      default: 0
+    },
+    propagate: {
+      type: Function
+    },
+    propagateIncludes: {
+      type: Function
+    },
+    parentsTopic: {
+      type: Array,
+      default: () => []
     },
     isCheckedFunction: {
       type: Function
     },
     populateTopic: {
       type: Function
+    },
+    hasChildChecked: {
+      type: Function
+    },
+    parentIncludes: {
+      type: Array,
+      default: () => []
+    },
+    includesMap: {
+      type: Object
+    },
+    parentChecked: {
+      type: Boolean
+    },
+    topic: {
+      type: Object
+    },
+    disabled: {
+      type: Boolean
+    },
+    checked: {
+      type: Boolean
     }
   },
   data: function() {
@@ -43343,6 +43374,7 @@ const nde = {
       fetched: !1,
       error: !1,
       includes: [],
+      includesMapData: {},
       generator: null,
       buffer: [],
       hasMore: !1,
@@ -43350,7 +43382,7 @@ const nde = {
     };
   },
   created() {
-    this.generator = this.combinedGenerator();
+    this.generator = this.combinedGenerator(), this.includesMapData = this.includesMap;
   },
   watch: {
     async showIncludes(t) {
@@ -43363,6 +43395,12 @@ const nde = {
         group: "Esta turma ainda não tem alunos",
         tag: "Esta tag ainda não tem turmas"
       }[this.topic.kind];
+    },
+    isUserKind() {
+      return this.topic.kind === "user";
+    },
+    chanShowCheckbox() {
+      return this.multipleTargets || this.isUserKind && !this.multipleTargets;
     }
   },
   methods: {
@@ -43384,7 +43422,7 @@ const nde = {
       }
     },
     async *combinedGenerator() {
-      this.topic.kind === "group" ? (yield* this.fetchToGenerator("group", "member"), yield* this.fetchToGenerator("group", "user")) : yield* this.fetchToGenerator("tag");
+      this.topic.kind === "group" ? (yield* this.fetchToGenerator("group", "member"), yield* this.fetchToGenerator("group", "user")) : this.topic.kind === "member" ? yield* this.fetchToGenerator("member", "user") : yield* this.fetchToGenerator("tag");
     },
     async fetchPage() {
       const t = this.limit;
@@ -43403,7 +43441,7 @@ const nde = {
       this.fetchingIncludes = !0;
       try {
         const { results: e, hasMore: n } = await this.fetchPage();
-        this.includes = [...t, ...e], this.hasMore = n;
+        this.includes = [...t, ...e], this.includesMapData = { ...this.includesMapData, [this.topic.id]: this.includes }, this.$emit("includes", { topic: this.topic, includes: this.includes }), this.hasMore = n;
       } catch (e) {
         this.error = e, this.$notify({
           ...SM.errorHandler("Erro ao carregar mais."),
@@ -43415,9 +43453,6 @@ const nde = {
         this.fetchingIncludes = !1;
       }
     },
-    hasChildChecked() {
-      return this.checked || !this.includes ? !1 : this.includes.map(this.isCheckedFunction).some((t) => t === !0);
-    },
     color(t) {
       return this.disabled ? "gray-50" : {
         member: "purple",
@@ -43437,29 +43472,41 @@ const nde = {
     isChildChecked(t) {
       return this.isCheckedFunction(t) || this.isCheckedFunction(this.topic);
     },
+    expandableKind() {
+      return ["group", "tag", "member"].includes(this.topic.kind);
+    },
     toggleShowIncludes() {
-      (this.topic.kind === "group" || this.topic.kind === "tag") && (this.showIncludes = !this.showIncludes);
+      this.expandableKind && (this.showIncludes = !this.showIncludes);
     },
     updateSelectedTopics(t, e) {
       this.$emit("input", { topic: t, value: e });
     },
     topicIncludedChanged(t, e) {
-      this.checked && !e && (this.updateSelectedTopics(this.topic, !1), this.includes.forEach((n) => {
-        n.id !== t.id && this.updateSelectedTopics(n, !0);
-      })), this.updateSelectedTopics(t, e);
+      this.parentsTopic.some(this.isCheckedFunction) && !e && this.parentsTopic.filter(this.isCheckedFunction).forEach((i) => {
+        var s;
+        this.updateSelectedTopics(i, !1), (s = this.includesMap[i.id]) == null || s.forEach((o) => {
+          this.hasChildChecked(o) || this.updateSelectedTopics(o, !0);
+        });
+      }), this.updateSelectedTopics(t, e);
     }
   }
 };
 var ide = function() {
   var e = this, n = e._self._c;
-  return n("div", { staticClass: "topic-item-group" }, [n("div", { staticClass: "topic-item-group-header l-d-flex l-align-items-center pl-3" }, [n("div", { staticClass: "l-flex l-d-flex l-align-items-center", on: { click: function(i) {
-    return i.stopPropagation(), e.toggleShowIncludes();
-  } } }, [e.topic.kind == "group" || e.topic.kind == "tag" ? n("div", { staticClass: "topic-chevron mr-2" }, [n("l-icon", { staticClass: "gray-60--text", attrs: { size: "24" } }, [e._v(" " + e._s(e.showIncludes ? "uil-angle-down" : "uil-angle-right") + " ")])], 1) : e._e(), n("div", { staticClass: "topic-icon" }, [n("div", { staticClass: "bg-icon", class: e.color(e.topic.kind) }), n("l-icon", { class: e.color(e.topic.kind) + "--text" }, [e._v(" " + e._s(e.icon(e.topic.kind)) + " ")])], 1), n("div", { staticClass: "l-flex ml-2 mr-3 l-text-regular ellipsis-2", class: e.disabled ? "gray-70--text" : "lead-light--text" }, [e._v(" " + e._s(e.topic.name) + " ")])]), n("l-checkbox", { key: e.isCheckedFunction(e.topic), staticClass: "p-3", attrs: { disabled: e.disabled, checked: e.isCheckedFunction(e.topic), indeterminate: e.hasChildChecked() }, on: { change: function(i) {
-    return e.updateSelectedTopics(e.topic, i);
-  } } })], 1), n("hr"), n("l-transition-expand", [e.showIncludes ? n("div", { staticClass: "px-3" }, [e.initialFetching ? [n("div", { staticClass: "l-d-flex l-align-items-center my-2", staticStyle: { "justify-content": "center", width: "100%", height: "40px" } }, [n("l-circular-loader", { attrs: { width: 40, height: 40 } })], 1), n("hr")] : n("div", [!e.includes.length && !e.hasMore || e.error ? [n("div", { staticClass: "no-data-includes l-text-regular gray-60--text" }, [e._v(" " + e._s(e.includesNoData) + " ")]), n("hr")] : n("div", [e._l(e.includes, function(i) {
-    return n("div", { key: i.id, staticClass: "topic-item-group-includes" }, [n("div", { staticClass: "topic-item-group-header l-d-flex l-align-items-center pl-4 ml-2" }, [n("div", { staticClass: "l-flex l-d-flex l-align-items-center" }, [n("div", { staticClass: "topic-icon" }, [n("div", { staticClass: "bg-icon", class: e.color(i.kind) }), n("l-icon", { class: e.color(i.kind) + "--text" }, [e._v(e._s(e.icon(i.kind)))])], 1), n("div", { staticClass: "l-flex ml-2 mr-3 l-text-regular ellipsis-2", class: e.disabled ? "gray-70--text" : "lead-light--text" }, [e._v(" " + e._s(i.name) + " ")])]), n("l-checkbox", { key: e.isChildChecked(i), staticClass: "pl-3 py-3", attrs: { disabled: e.disabled, checked: e.isChildChecked(i) }, on: { change: function(s) {
-      return e.topicIncludedChanged(i, s);
-    } } })], 1), n("hr")]);
+  return n("div", { staticClass: "topic-item-group" }, [n("div", { class: "topic-item-group-header depth-" + e.depth + " l-d-flex l-align-items-center pl-3" + (e.isUserKind && e.depth > 0 ? " user-topic-item-group-header" : "") }, [n("div", { staticClass: "l-flex l-d-flex l-align-items-center", on: { click: function(i) {
+    i.stopPropagation(), e.isUserKind || e.toggleShowIncludes();
+  } } }, [e.isUserKind ? e._e() : n("div", { staticClass: "topic-chevron mr-2" }, [n("l-icon", { staticClass: "gray-60--text", attrs: { size: "24" } }, [e._v(" " + e._s(e.showIncludes ? "uil-angle-down" : "uil-angle-right") + " ")])], 1), n("div", { staticClass: "topic-icon" }, [n("div", { staticClass: "bg-icon", class: e.color(e.topic.kind) }), n("l-icon", { class: e.color(e.topic.kind) + "--text" }, [e._v(" " + e._s(e.icon(e.topic.kind)) + " ")])], 1), n("div", { staticClass: "l-flex ml-2 mr-3 l-text-regular ellipsis-2", class: e.disabled ? "gray-70--text" : "lead-light--text" }, [e._v(" " + e._s(e.topic.name) + " ")])]), n("l-checkbox", { key: e.isCheckedFunction(e.topic), staticClass: "p-3", class: {
+    "circular-checkbox": !e.multipleTargets
+  }, style: {
+    display: e.chanShowCheckbox ? "block" : "none"
+  }, attrs: { disabled: e.disabled, checked: e.isCheckedFunction(e.topic), indeterminate: e.hasChildChecked(e.topic) && !e.isCheckedFunction(e.topic) }, on: { change: function(i) {
+    e.parentsTopic.length ? e.topicIncludedChanged(e.topic, i) : e.updateSelectedTopics(e.topic, i);
+  } } })], 1), n("hr"), n("l-transition-expand", [e.showIncludes ? n("div", [e.initialFetching ? [n("div", { staticClass: "l-d-flex l-align-items-center my-2", staticStyle: { "justify-content": "center", width: "100%", height: "40px" } }, [n("l-circular-loader", { attrs: { width: 40, height: 40 } })], 1), n("hr")] : n("div", [!e.includes.length && !e.hasMore || e.error ? [n("div", { staticClass: "no-data-includes l-text-regular gray-60--text" }, [e._v(" " + e._s(e.includesNoData) + " ")]), n("hr")] : n("div", [e._l(e.includes, function(i) {
+    return n("TopicItem", { key: i.id, attrs: { propagateIncludes: e.propagateIncludes, hasChildChecked: e.hasChildChecked, isCheckedFunction: e.isChildChecked, checked: e.isChildChecked(i), depth: e.depth + 1, topic: i, parentsTopic: [...e.parentsTopic, e.topic], parentIncludes: e.includes, includesMap: e.includesMapData, parentChecked: e.checked, populateTopic: e.populateTopic, propagate: e.propagate, disabled: e.disabled, multipleTargets: e.multipleTargets }, on: { input: function(s) {
+      return e.propagate(s);
+    }, includes: function(s) {
+      return e.propagateIncludes(s);
+    } } });
   }), e.hasMore ? n("div", { staticClass: "mx-3 my-3" }, [n("l-button", { attrs: { loading: e.fetchingIncludes, plain: "", fill: "" }, nativeOn: { click: function(i) {
     return e.fetch();
   } } }, [e._v(" Carregar mais ")])], 1) : e._e()], 2)], 2)], 2) : e._e()])], 1);
@@ -43469,7 +43516,7 @@ var ide = function() {
   rde,
   !1,
   null,
-  "4a8fa04f",
+  "982c1ee8",
   null,
   null
 );
@@ -43583,7 +43630,7 @@ var hde = function() {
     return e.updateQuery(i);
   }] } }), e.query.q ? n("l-icon", { staticClass: "lead-light--text cursor-pointer", attrs: { size: "16" }, on: { click: function(i) {
     return e.clearInput();
-  } } }, [e._v(" uil-times ")]) : e._e()], 1), n("l-button", { staticClass: "bold l-d-flex l-align-items-center f-14 ml-2", attrs: { disabled: !e.hasAnySelectedTopic, loading: e.loading, type: "primary" }, on: { click: function(i) {
+  } } }, [e._v(" uil-times ")]) : e._e()], 1), n("l-button", { staticClass: "save-button bold l-d-flex l-align-items-center f-14 ml-2", attrs: { disabled: !e.hasAnySelectedTopic, loading: e.loading || e.typing, type: "primary" }, on: { click: function(i) {
     return e.save();
   } } }, [e._v(" Salvar ")])], 1), e.query.q || e.query.kind !== "*" ? n("div", { staticClass: "filter-kind l-d-flex px-3 pb-2" }, [n("l-radio-group", { staticClass: "l-flex-nowrap", attrs: { size: "small", separated: "", color: "lead-light" }, model: { value: e.queryKind, callback: function(i) {
     e.queryKind = i;
@@ -43596,7 +43643,7 @@ var hde = function() {
   pde,
   !1,
   null,
-  "132f1bf9",
+  "d969ed02",
   null,
   null
 );
@@ -47214,6 +47261,10 @@ const Mde = {
   },
   // props
   props: {
+    multipleTargets: {
+      type: Boolean,
+      default: !0
+    },
     canSendForAll: {
       type: Boolean,
       default: !1
@@ -47237,6 +47288,7 @@ const Mde = {
       forAllTagChecked: !1,
       showSelected: !1,
       selectedTopics: [],
+      includesMap: {},
       querySearchTopics: {
         q: null,
         kind: "*",
@@ -47284,6 +47336,9 @@ const Mde = {
     }
   },
   computed: {
+    canShowSendForAll() {
+      return this.canSendForAll && !this.hasQuery && this.multipleTargets;
+    },
     searchingSpan() {
       return this.querySearchTopics.q ? this.querySearchTopics.q : this.querySearchTopics.kind === "*" ? "" : this.getKindNamePlural(this.querySearchTopics.kind).toLowerCase();
     },
@@ -47382,7 +47437,7 @@ const Mde = {
     }
     this.selectedTopics = this.alreadySelectedTopics, this.selectedTopics && this.selectedTopics.length && this.selectedTopics.find(
       (t) => t.id === "*" && t.kind === "tag"
-    ) && (this.forAllTag = !0);
+    ) && this.multipleTargets && (this.forAllTag = !0);
   },
   destroyed() {
     this.setSelectedTopics([]);
@@ -47401,6 +47456,13 @@ const Mde = {
         kind: "*"
       });
     },
+    updateIncludesMap({ topic: t, includes: e }) {
+      this.includesMap[t.id] = e;
+    },
+    hasChildChecked(t) {
+      const e = this.includesMap[t.id];
+      return e ? e.some(this.isChecked) || e.some(this.hasChildChecked) : !1;
+    },
     getKindName(t, e = "pt-br") {
       return {
         "pt-br": {
@@ -47533,6 +47595,8 @@ const Mde = {
       n.splice(e, 1), this.setSelectedTopics(n);
     },
     updateSelectedTopics({ topic: t, value: e }) {
+      if (!this.multipleTargets)
+        return e ? this.setSelectedTopics([t]) : this.setSelectedTopics([]);
       if (!e) {
         this.removeTopic(t);
         return;
@@ -47570,13 +47634,13 @@ var xde = function() {
     } }, nativeOn: { click: function(o) {
       return e.useRecentTermSearched(i);
     } } });
-  })], 2) : e._e(), e.canSendForAll && !this.hasQuery ? n("div", { staticClass: "topic-item-tag-for-all mx-3" }, [n("div", { staticClass: "l-flex lead-light--text l-text-regular" }, [e._v(" Enviar para todos ")]), n("l-checkbox", { model: { value: e.forAllTag, callback: function(i) {
+  })], 2) : e._e(), e.canShowSendForAll ? n("div", { staticClass: "topic-item-tag-for-all mx-3" }, [n("div", { staticClass: "l-flex lead-light--text l-text-regular" }, [e._v(" Enviar para todos ")]), n("l-checkbox", { model: { value: e.forAllTag, callback: function(i) {
     e.forAllTag = i;
   }, expression: "forAllTag" } })], 1) : e._e(), e.total >= 1 && e.hasQuery ? n("div", { staticClass: "results-total mb-2 px-3" }, [e._v(" " + e._s(e.totalLabel) + " ")]) : e._e(), e._l(e.resultKinds, function(i) {
     return n("div", { key: i, staticClass: "topics-searched mb-3" }, [e.isAllEntities ? n("h6", { staticClass: "topic-kind-title gray-70--text mb-2 px-3" }, [e._v(" " + e._s(e.getKindNamePlural(i)) + " (" + e._s(e.getTopicTotal(i)) + ") ")]) : e._e(), e._l(e.getTopicHits(i), function(s) {
-      return n("TopicItemGroup", { key: s.id, attrs: { topic: s, populateTopic: e.populateTopic, disabled: e.forAllTagChecked, checked: e.isChecked(s), isCheckedFunction: e.isChecked }, on: { input: function(o) {
+      return n("TopicItemGroup", { key: s.id, attrs: { propagateIncludes: e.updateIncludesMap, propagate: e.updateSelectedTopics, hasChildChecked: e.hasChildChecked, topic: s, parentTopic: s, populateTopic: e.populateTopic, disabled: e.forAllTagChecked, checked: e.isChecked(s), isCheckedFunction: e.isChecked, multipleTargets: e.multipleTargets }, on: { input: function(o) {
         return e.updateSelectedTopics(o);
-      } } });
+      }, includes: e.updateIncludesMap } });
     }), e.isAllEntities && e.needShowMore(i) ? n("div", { staticClass: "m-3" }, [n("l-button", { attrs: { loading: e.loading, plain: "", fill: "" }, nativeOn: { click: function(s) {
       return e.filterForKind(i);
     } } }, [e._v(" Mostrar mais " + e._s(e.getKindNamePlural(i).toLowerCase()) + " ")])], 1) : e._e(), !e.isAllEntities && e.needShowMore(i) ? n("div", { staticClass: "m-3" }, [n("l-button", { staticClass: "ma-3", attrs: { loading: e.loadingMore, plain: "", fill: "" }, nativeOn: { click: function(s) {
@@ -47604,7 +47668,7 @@ var xde = function() {
   Cde,
   !1,
   null,
-  "4af9663b",
+  "2031061c",
   null,
   null
 );