@yoobic/yobi 8.6.55 → 8.6.57

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -101,9 +101,10 @@ const YooMemoListDialogComponent = class {
101
101
  return (index.h("yoo-header", null, index.h("yoo-navbar", null, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onClose() }, index.h("yoo-icon", { name: "left", color: "text-color" }))), index.h("yoo-truncate", null, index$1.translate('TASKDETAIL')), index$1.isMemoEditable(this.memo, index$1.getSession()) ? (index.h("yoo-items", { slot: "end" }, index.h("yoo-button", { color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onShowActionSheet(this.memo) }, index.h("yoo-icon", { name: "more", color: "text-color" })))) : null)));
102
102
  }
103
103
  renderContent() {
104
+ var _a;
104
105
  const readonly = this.memo.usersRef.indexOf(index$1.getSession().userId) < 0;
105
106
  const allowAnnotate = this.memo.usersRef.indexOf(index$1.getSession().userId) >= 0 || this.memo.creatorRef === index$1.getSession().userId;
106
- return (index.h("yoo-ion-content", { scrollEnabled: false, class: "bg-light" }, index.h("div", { class: "inner-container" }, index.h("div", { class: "left-container" }, index.h("yoo-form-checkbox", { value: this.memo.done, readonly: readonly, onInputChanged: (event) => (!readonly ? this.onMemoToggle(event, this.memo) : null) })), index.h("div", { class: "right-container" }, index.h("div", { class: 'title' + (this.memo.done ? ' completed' : ' active'), ref: (el) => (this.memoElement = el) }, this.memo.title), this.memo.description ? index.h("div", { class: "description" }, this.memo.description) : null, this.memo.duedate ? (index.h("div", { class: { date: true, danger: this.type !== 'closed' && index$1.isDateBefore(this.memo.duedate, new Date()) } }, index.h("yoo-icon", { name: "alarm" }), " ", index$1.pipes.dateFormat.transform(this.memo.duedate, index$1.translate(('FORMATDATE'))))) : null, index.h("div", { class: "avatar-box" }, index.h("div", { class: "avatar-container" }, index.h("ul", null, this.memo.users.map((user) => {
107
+ return (index.h("yoo-ion-content", { scrollEnabled: false, class: "bg-light" }, index.h("div", { class: "inner-container" }, index.h("div", { class: "left-container" }, index.h("yoo-form-checkbox", { value: this.memo.done, readonly: readonly, onInputChanged: (event) => (!readonly ? this.onMemoToggle(event, this.memo) : null) })), index.h("div", { class: "right-container" }, index.h("div", { class: 'title' + (this.memo.done ? ' completed' : ' active'), ref: (el) => (this.memoElement = el) }, this.memo.title), this.memo.description ? index.h("div", { class: "description" }, this.memo.description) : null, this.memo.duedate ? (index.h("div", { class: { date: true, danger: this.type !== 'closed' && index$1.isDateBefore(this.memo.duedate, new Date()) } }, index.h("yoo-icon", { name: "alarm" }), " ", index$1.pipes.dateFormat.transform(this.memo.duedate, index$1.translate(('FORMATDATE'))))) : null, index.h("div", { class: "avatar-box" }, index.h("div", { class: "avatar-container" }, index.h("ul", null, (_a = this.memo.users) === null || _a === void 0 ? void 0 : _a.map((user) => {
107
108
  return (index.h("li", { onClick: () => this.onViewUsers(this.memo) }, index.h("yoo-avatar", { class: user.imageData ? ' avatar-image' : '', size: "small", user: user })));
108
109
  })))))), this.memo.imageData ? (index.h("div", { class: "photo" }, index.h("yoo-form-capture", { readonly: true, value: this.memo.imageData, allowAnnotate: allowAnnotate, onExtraDataChanged: (ev) => this.onExtraDataChanged(ev), extraData: this.memo.imageEdit }))) : null, this.memo.done && this.memo.owner && (index.h("div", { class: "owner-container" }, [
109
110
  this.memo.owner && index.h("yoo-avatar", { size: "small", user: this.memo.owner }),
@@ -88,9 +88,10 @@ export class YooMemoListDialogComponent {
88
88
  return (h("yoo-header", null, h("yoo-navbar", null, h("yoo-items", { slot: "start" }, h("yoo-button", { color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onClose() }, h("yoo-icon", { name: "left", color: "text-color" }))), h("yoo-truncate", null, translate('TASKDETAIL')), isMemoEditable(this.memo, getSession()) ? (h("yoo-items", { slot: "end" }, h("yoo-button", { color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onShowActionSheet(this.memo) }, h("yoo-icon", { name: "more", color: "text-color" })))) : null)));
89
89
  }
90
90
  renderContent() {
91
+ var _a;
91
92
  const readonly = this.memo.usersRef.indexOf(getSession().userId) < 0;
92
93
  const allowAnnotate = this.memo.usersRef.indexOf(getSession().userId) >= 0 || this.memo.creatorRef === getSession().userId;
93
- return (h("yoo-ion-content", { scrollEnabled: false, class: "bg-light" }, h("div", { class: "inner-container" }, h("div", { class: "left-container" }, h("yoo-form-checkbox", { value: this.memo.done, readonly: readonly, onInputChanged: (event) => (!readonly ? this.onMemoToggle(event, this.memo) : null) })), h("div", { class: "right-container" }, h("div", { class: 'title' + (this.memo.done ? ' completed' : ' active'), ref: (el) => (this.memoElement = el) }, this.memo.title), this.memo.description ? h("div", { class: "description" }, this.memo.description) : null, this.memo.duedate ? (h("div", { class: { date: true, danger: this.type !== 'closed' && isDateBefore(this.memo.duedate, new Date()) } }, h("yoo-icon", { name: "alarm" }), " ", pipes.dateFormat.transform(this.memo.duedate, translate(('FORMATDATE'))))) : null, h("div", { class: "avatar-box" }, h("div", { class: "avatar-container" }, h("ul", null, this.memo.users.map((user) => {
94
+ return (h("yoo-ion-content", { scrollEnabled: false, class: "bg-light" }, h("div", { class: "inner-container" }, h("div", { class: "left-container" }, h("yoo-form-checkbox", { value: this.memo.done, readonly: readonly, onInputChanged: (event) => (!readonly ? this.onMemoToggle(event, this.memo) : null) })), h("div", { class: "right-container" }, h("div", { class: 'title' + (this.memo.done ? ' completed' : ' active'), ref: (el) => (this.memoElement = el) }, this.memo.title), this.memo.description ? h("div", { class: "description" }, this.memo.description) : null, this.memo.duedate ? (h("div", { class: { date: true, danger: this.type !== 'closed' && isDateBefore(this.memo.duedate, new Date()) } }, h("yoo-icon", { name: "alarm" }), " ", pipes.dateFormat.transform(this.memo.duedate, translate(('FORMATDATE'))))) : null, h("div", { class: "avatar-box" }, h("div", { class: "avatar-container" }, h("ul", null, (_a = this.memo.users) === null || _a === void 0 ? void 0 : _a.map((user) => {
94
95
  return (h("li", { onClick: () => this.onViewUsers(this.memo) }, h("yoo-avatar", { class: user.imageData ? ' avatar-image' : '', size: "small", user: user })));
95
96
  })))))), this.memo.imageData ? (h("div", { class: "photo" }, h("yoo-form-capture", { readonly: true, value: this.memo.imageData, allowAnnotate: allowAnnotate, onExtraDataChanged: (ev) => this.onExtraDataChanged(ev), extraData: this.memo.imageEdit }))) : null, this.memo.done && this.memo.owner && (h("div", { class: "owner-container" }, [
96
97
  this.memo.owner && h("yoo-avatar", { size: "small", user: this.memo.owner }),
@@ -97,9 +97,10 @@ const YooMemoListDialogComponent = class {
97
97
  return (h("yoo-header", null, h("yoo-navbar", null, h("yoo-items", { slot: "start" }, h("yoo-button", { color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onClose() }, h("yoo-icon", { name: "left", color: "text-color" }))), h("yoo-truncate", null, translate('TASKDETAIL')), isMemoEditable(this.memo, getSession()) ? (h("yoo-items", { slot: "end" }, h("yoo-button", { color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onShowActionSheet(this.memo) }, h("yoo-icon", { name: "more", color: "text-color" })))) : null)));
98
98
  }
99
99
  renderContent() {
100
+ var _a;
100
101
  const readonly = this.memo.usersRef.indexOf(getSession().userId) < 0;
101
102
  const allowAnnotate = this.memo.usersRef.indexOf(getSession().userId) >= 0 || this.memo.creatorRef === getSession().userId;
102
- return (h("yoo-ion-content", { scrollEnabled: false, class: "bg-light" }, h("div", { class: "inner-container" }, h("div", { class: "left-container" }, h("yoo-form-checkbox", { value: this.memo.done, readonly: readonly, onInputChanged: (event) => (!readonly ? this.onMemoToggle(event, this.memo) : null) })), h("div", { class: "right-container" }, h("div", { class: 'title' + (this.memo.done ? ' completed' : ' active'), ref: (el) => (this.memoElement = el) }, this.memo.title), this.memo.description ? h("div", { class: "description" }, this.memo.description) : null, this.memo.duedate ? (h("div", { class: { date: true, danger: this.type !== 'closed' && isDateBefore(this.memo.duedate, new Date()) } }, h("yoo-icon", { name: "alarm" }), " ", pipes.dateFormat.transform(this.memo.duedate, translate(('FORMATDATE'))))) : null, h("div", { class: "avatar-box" }, h("div", { class: "avatar-container" }, h("ul", null, this.memo.users.map((user) => {
103
+ return (h("yoo-ion-content", { scrollEnabled: false, class: "bg-light" }, h("div", { class: "inner-container" }, h("div", { class: "left-container" }, h("yoo-form-checkbox", { value: this.memo.done, readonly: readonly, onInputChanged: (event) => (!readonly ? this.onMemoToggle(event, this.memo) : null) })), h("div", { class: "right-container" }, h("div", { class: 'title' + (this.memo.done ? ' completed' : ' active'), ref: (el) => (this.memoElement = el) }, this.memo.title), this.memo.description ? h("div", { class: "description" }, this.memo.description) : null, this.memo.duedate ? (h("div", { class: { date: true, danger: this.type !== 'closed' && isDateBefore(this.memo.duedate, new Date()) } }, h("yoo-icon", { name: "alarm" }), " ", pipes.dateFormat.transform(this.memo.duedate, translate(('FORMATDATE'))))) : null, h("div", { class: "avatar-box" }, h("div", { class: "avatar-container" }, h("ul", null, (_a = this.memo.users) === null || _a === void 0 ? void 0 : _a.map((user) => {
103
104
  return (h("li", { onClick: () => this.onViewUsers(this.memo) }, h("yoo-avatar", { class: user.imageData ? ' avatar-image' : '', size: "small", user: user })));
104
105
  })))))), this.memo.imageData ? (h("div", { class: "photo" }, h("yoo-form-capture", { readonly: true, value: this.memo.imageData, allowAnnotate: allowAnnotate, onExtraDataChanged: (ev) => this.onExtraDataChanged(ev), extraData: this.memo.imageEdit }))) : null, this.memo.done && this.memo.owner && (h("div", { class: "owner-container" }, [
105
106
  this.memo.owner && h("yoo-avatar", { size: "small", user: this.memo.owner }),
@@ -97,9 +97,10 @@ const YooMemoListDialogComponent = class {
97
97
  return (h("yoo-header", null, h("yoo-navbar", null, h("yoo-items", { slot: "start" }, h("yoo-button", { color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onClose() }, h("yoo-icon", { name: "left", color: "text-color" }))), h("yoo-truncate", null, translate('TASKDETAIL')), isMemoEditable(this.memo, getSession()) ? (h("yoo-items", { slot: "end" }, h("yoo-button", { color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onShowActionSheet(this.memo) }, h("yoo-icon", { name: "more", color: "text-color" })))) : null)));
98
98
  }
99
99
  renderContent() {
100
+ var _a;
100
101
  const readonly = this.memo.usersRef.indexOf(getSession().userId) < 0;
101
102
  const allowAnnotate = this.memo.usersRef.indexOf(getSession().userId) >= 0 || this.memo.creatorRef === getSession().userId;
102
- return (h("yoo-ion-content", { scrollEnabled: false, class: "bg-light" }, h("div", { class: "inner-container" }, h("div", { class: "left-container" }, h("yoo-form-checkbox", { value: this.memo.done, readonly: readonly, onInputChanged: (event) => (!readonly ? this.onMemoToggle(event, this.memo) : null) })), h("div", { class: "right-container" }, h("div", { class: 'title' + (this.memo.done ? ' completed' : ' active'), ref: (el) => (this.memoElement = el) }, this.memo.title), this.memo.description ? h("div", { class: "description" }, this.memo.description) : null, this.memo.duedate ? (h("div", { class: { date: true, danger: this.type !== 'closed' && isDateBefore(this.memo.duedate, new Date()) } }, h("yoo-icon", { name: "alarm" }), " ", pipes.dateFormat.transform(this.memo.duedate, translate(('FORMATDATE'))))) : null, h("div", { class: "avatar-box" }, h("div", { class: "avatar-container" }, h("ul", null, this.memo.users.map((user) => {
103
+ return (h("yoo-ion-content", { scrollEnabled: false, class: "bg-light" }, h("div", { class: "inner-container" }, h("div", { class: "left-container" }, h("yoo-form-checkbox", { value: this.memo.done, readonly: readonly, onInputChanged: (event) => (!readonly ? this.onMemoToggle(event, this.memo) : null) })), h("div", { class: "right-container" }, h("div", { class: 'title' + (this.memo.done ? ' completed' : ' active'), ref: (el) => (this.memoElement = el) }, this.memo.title), this.memo.description ? h("div", { class: "description" }, this.memo.description) : null, this.memo.duedate ? (h("div", { class: { date: true, danger: this.type !== 'closed' && isDateBefore(this.memo.duedate, new Date()) } }, h("yoo-icon", { name: "alarm" }), " ", pipes.dateFormat.transform(this.memo.duedate, translate(('FORMATDATE'))))) : null, h("div", { class: "avatar-box" }, h("div", { class: "avatar-container" }, h("ul", null, (_a = this.memo.users) === null || _a === void 0 ? void 0 : _a.map((user) => {
103
104
  return (h("li", { onClick: () => this.onViewUsers(this.memo) }, h("yoo-avatar", { class: user.imageData ? ' avatar-image' : '', size: "small", user: user })));
104
105
  })))))), this.memo.imageData ? (h("div", { class: "photo" }, h("yoo-form-capture", { readonly: true, value: this.memo.imageData, allowAnnotate: allowAnnotate, onExtraDataChanged: (ev) => this.onExtraDataChanged(ev), extraData: this.memo.imageEdit }))) : null, this.memo.done && this.memo.owner && (h("div", { class: "owner-container" }, [
105
106
  this.memo.owner && h("yoo-avatar", { size: "small", user: this.memo.owner }),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yoobic/yobi",
3
- "version": "8.6.55",
3
+ "version": "8.6.57",
4
4
  "description": "Yobi - Yoobic Design System",
5
5
  "module": "dist/index.js",
6
6
  "main": "dist/index.cjs.js",