bromcom-ui 2.3.57 → 2.3.61

package/dist/collection/components/molecules/comment/comment-group.js

@@ -1,66 +0,0 @@
-import { Component, Prop, h, Host } from '@stencil/core';
-import cs from 'classnames';
-export class BcmCommentGroup {
-  constructor() {
-    /**
-     * Component Properties
-     */
-    this.fullWidth = false;
-    this.hidden = false;
-  }
-  render() {
-    const classes = cs('comment-group', {
-      'full-width': this.fullWidth
-    });
-    const hostClasses = cs(this.hidden ? 'hidden' : null);
-    return (h(Host, { class: hostClasses },
-      h("div", { class: classes },
-        h("slot", null))));
-  }
-  static get is() { return "bcm-comment-group"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["comment-group.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["comment-group.css"]
-  }; }
-  static get properties() { return {
-    "fullWidth": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Component Properties"
-      },
-      "attribute": "full-width",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "hidden": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "hidden",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-}

package/dist/collection/components/molecules/comment/comment.css

@@ -1,125 +0,0 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
-.size-1 {
-  font-size: 12px;
-  line-height: 20px;
-}
-
-.size-2 {
-  font-size: 14px;
-  line-height: 22px;
-}
-
-.size-3 {
-  font-size: 16px;
-  line-height: 24px;
-}
-
-.size-4 {
-  font-size: 20px;
-  line-height: 28px;
-}
-
-.size-5 {
-  font-size: 24px;
-  line-height: 32px;
-}
-
-.size-6 {
-  font-size: 30px;
-  line-height: 38px;
-}
-
-.size-7 {
-  font-size: 38px;
-  line-height: 46px;
-}
-
-.size-8 {
-  font-size: 46px;
-  line-height: 54px;
-}
-
-.size-9 {
-  font-size: 56px;
-  line-height: 64px;
-}
-
-.weight-regular {
-  font-weight: 400;
-}
-
-.weight-semibold {
-  font-weight: 500;
-}
-
-/**
- * Generator
- */
-:host {
-  display: block;
-}
-
-:host(.hidden) {
-  display: none;
-}
-
-.comment-item {
-  display: flex;
-}
-
-.info {
-  display: flex;
-}
-.info bcm-text + bcm-text {
-  margin-left: 8px;
-}
-
-.text-content {
-  margin-left: 16px;
-}
-
-.actions {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  margin-top: 8px;
-  margin-bottom: 32px;
-}
-.actions .action {
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  user-select: none;
-  color: var(--bcm-color-grey-7);
-}
-.actions .action + .action {
-  margin-left: 8px;
-}
-.actions .action:active {
-  color: var(--bcm-color-grey-8);
-}
-.actions .action.active {
-  color: var(--bcm-color-grey-7);
-}
-.actions .action.reply {
-  color: var(--bcm-color-grey-7);
-}
-.actions .action.reply.active {
-  color: var(--bcm-color-grey-8);
-}
-.actions .action bcm-icon {
-  margin-right: 4px;
-}
-
-.editor {
-  height: 0;
-  overflow: hidden;
-  margin-bottom: 0;
-  transform: translateY(-2px);
-  transition: transform 0.3s ease, margin 0.2s ease;
-}
-.editor.active {
-  height: auto;
-  transform: translateY(0);
-  margin-bottom: 32px;
-}

package/dist/collection/components/molecules/comment/comment.js

@@ -1,318 +0,0 @@
-import { Component, Prop, h, State, Listen, Event, Host } from '@stencil/core';
-import { LikeStatusProps } from './types';
-import cs from 'classnames';
-export class BcmComment {
-  constructor() {
-    this.replyStatus = false;
-    this.likedCount = 0;
-    this.dislikedCount = 0;
-    this.hidden = false;
-    /**
-     * Component States
-     */
-    this.likeMouseDown = false;
-    this.dislikeMouseDown = false;
-  }
-  /**
-   * @desc
-   * @param action
-   * @param down
-   */
-  handleActionMouseDown(action, down) {
-    this[action + 'MouseDown'] = down;
-  }
-  /**
-   * @desc
-   * @param action
-   */
-  handleActionClick(action) {
-    if (!this.likeStatus) {
-      this[action + 'Count'] = this[action + 'Count'] + 1;
-      this.likeStatus = action;
-    }
-    else {
-      if (this.likeStatus === action) {
-        this[action + 'Count'] = this[action + 'Count'] - 1;
-        this.likeStatus = null;
-      }
-      else {
-        const actionReverse = action === LikeStatusProps.liked ? 'disliked' : 'liked';
-        this[action + 'Count'] = this[action + 'Count'] + 1;
-        this[actionReverse + 'Count'] = this[actionReverse + 'Count'] - 1;
-        this.likeStatus = action;
-      }
-    }
-    action === LikeStatusProps.liked
-      ? this.commentLiked.emit()
-      : this.commentDisliked.emit();
-  }
-  /**
-   * @desc
-   */
-  handleReplyClick() {
-    this.replyStatus = !this.replyStatus;
-  }
-  /**
-   * @desc
-   */
-  handleWindowMouseDown() {
-    this.likeMouseDown = false;
-    this.dislikeMouseDown = false;
-  }
-  render() {
-    const { name, time, likeMouseDown, dislikeMouseDown, likeStatus, comment, likedCount, dislikedCount, replyStatus, commentId } = this;
-    const liked = likeStatus === LikeStatusProps.liked;
-    const disliked = likeStatus === LikeStatusProps.disliked;
-    const hostClasses = cs(this.hidden ? 'hidden' : null);
-    return (h(Host, { class: hostClasses },
-      h("div", { class: "comment-item" },
-        h("bcm-avatar", null),
-        h("div", { class: "text-content" },
-          h("div", { class: "info" },
-            h("bcm-text", { scale: "size-1", color: "grey-7" }, name),
-            h("bcm-text", { scale: "size-1", color: "grey-6" }, time)),
-          h("bcm-text", { scale: "size-2", color: "grey-8" }, comment),
-          h("div", { class: "actions" },
-            h("div", { class: cs('action', { 'active': liked }), onClick: _ => this.handleActionClick('liked') },
-              h("bcm-icon", { icon: "like", type: likeMouseDown || liked ? 'fill' : 'outlined' }),
-              likedCount),
-            h("div", { class: cs('action', { 'active': disliked }), onClick: _ => this.handleActionClick('disliked') },
-              h("bcm-icon", { icon: "dislike", type: dislikeMouseDown || disliked ? 'fill' : 'outlined' }),
-              dislikedCount),
-            h("div", { class: cs('action reply', { 'active': replyStatus }), onClick: _ => this.handleReplyClick() }, "Reply")),
-          h("div", { class: cs('editor', { 'active': replyStatus }) },
-            h("bcm-comment-editor", { "comment-id": commentId, "user-image": "", placeholder: "Textarea placeholder", "button-text": "Add comment" })),
-          h("slot", null)))));
-  }
-  static get is() { return "bcm-comment"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["comment.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["comment.css"]
-  }; }
-  static get properties() { return {
-    "name": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Component Properties"
-      },
-      "attribute": "name",
-      "reflect": false
-    },
-    "time": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "time",
-      "reflect": false
-    },
-    "comment": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "comment",
-      "reflect": false
-    },
-    "userImage": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "user-image",
-      "reflect": false
-    },
-    "likeStatus": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "LikeStatusProp",
-        "resolved": "\"disliked\" | \"liked\"",
-        "references": {
-          "LikeStatusProp": {
-            "location": "import",
-            "path": "./types"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "like-status",
-      "reflect": false
-    },
-    "replyStatus": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "reply-status",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "likedCount": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "liked-count",
-      "reflect": false,
-      "defaultValue": "0"
-    },
-    "dislikedCount": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "disliked-count",
-      "reflect": false,
-      "defaultValue": "0"
-    },
-    "commentId": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "comment-id",
-      "reflect": false
-    },
-    "hidden": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "hidden",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-  static get states() { return {
-    "likeMouseDown": {},
-    "dislikeMouseDown": {}
-  }; }
-  static get events() { return [{
-      "method": "commentLiked",
-      "name": "bcm-comment-liked",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Component Events"
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "commentDisliked",
-      "name": "bcm-comment-disliked",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }]; }
-  static get listeners() { return [{
-      "name": "mouseup",
-      "method": "handleWindowMouseDown",
-      "target": "window",
-      "capture": false,
-      "passive": true
-    }]; }
-}

package/dist/collection/components/molecules/comment/sub-comment.css

@@ -1,105 +0,0 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
-.size-1 {
-  font-size: 12px;
-  line-height: 20px;
-}
-
-.size-2 {
-  font-size: 14px;
-  line-height: 22px;
-}
-
-.size-3 {
-  font-size: 16px;
-  line-height: 24px;
-}
-
-.size-4 {
-  font-size: 20px;
-  line-height: 28px;
-}
-
-.size-5 {
-  font-size: 24px;
-  line-height: 32px;
-}
-
-.size-6 {
-  font-size: 30px;
-  line-height: 38px;
-}
-
-.size-7 {
-  font-size: 38px;
-  line-height: 46px;
-}
-
-.size-8 {
-  font-size: 46px;
-  line-height: 54px;
-}
-
-.size-9 {
-  font-size: 56px;
-  line-height: 64px;
-}
-
-.weight-regular {
-  font-weight: 400;
-}
-
-.weight-semibold {
-  font-weight: 500;
-}
-
-/**
- * Generator
- */
-:host {
-  display: block;
-}
-
-:host(.hidden) {
-  display: none;
-}
-
-.comment-item {
-  display: flex;
-  margin-bottom: 32px;
-}
-
-.info {
-  display: flex;
-}
-.info bcm-text + bcm-text {
-  margin-left: 8px;
-}
-
-.text-content {
-  margin-left: 16px;
-}
-
-.actions {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-}
-.actions .action {
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  user-select: none;
-  color: var(--bcm-color-grey-7);
-}
-.actions .action + .action {
-  margin-left: 8px;
-}
-.actions .action:active {
-  color: var(--bcm-color-grey-8);
-}
-.actions .action.active {
-  color: var(--bcm-color-grey-7);
-}
-.actions .action bcm-icon {
-  margin-right: 4px;
-}