@netology-group/wc-chat - npm Package Compare versions

Comparing version 0.3.3 to 0.3.5

es/atoms/actions.js

@@ -5,4 +5,5 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
     _templateObject2 = /*#__PURE__*/ _taggedTemplateLiteral(['\n  <div class=\'actions-group\'>\n    ', '\n    ', '\n  </div>\n'], ['\n  <div class=\'actions-group\'>\n    ', '\n    ', '\n  </div>\n']),
-    _templateObject3 = /*#__PURE__*/ _taggedTemplateLiteral(['\n  ', '\n  <div class=\'actions\'>\n    ', '\n    <div class=\'actions-inner\'>\n      ', '\n    </div>\n  </div>\n'], ['\n  ', '\n  <div class=\'actions\'>\n    ', '\n    <div class=\'actions-inner\'>\n      ', '\n    </div>\n  </div>\n']),
-    _templateObject4 = /*#__PURE__*/ _taggedTemplateLiteral(['', ''], ['', '']);
+    _templateObject3 = /*#__PURE__*/ _taggedTemplateLiteral(['\n  ', '\n  ', '\n'], ['\n  ', '\n  ', '\n']),
+    _templateObject4 = /*#__PURE__*/ _taggedTemplateLiteral(['', ''], ['', '']),
+    _templateObject5 = /*#__PURE__*/ _taggedTemplateLiteral(['\n      <div class=\'actions\'>\n        ', '\n        <div class=\'actions-inner\'>\n          ', '\n        </div>\n      </div>\n    '], ['\n      <div class=\'actions\'>\n        ', '\n        <div class=\'actions-inner\'>\n          ', '\n        </div>\n      </div>\n    ']);
 
@@ -36,5 +37,5 @@ function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
     children: cross
-  }))) : null, menu, _actions(props));
+  }))) : null, props.children.size || props.reactions.size ? html(_templateObject5, menu, _actions(props)) : null);
 };
 
 export { style };

es/ecosystems/chat.js

 var _createClass = /*#__PURE__*/ function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
-var _templateObject = /*#__PURE__*/ _taggedTemplateLiteral(['\n        <wc-chat-input\n          delay=\'', '\'\n          maxrows=\'', '\'\n          disabled=\'', '\'\n          on-message-submit=\'', '\'\n          placeholder=\'', '\'\n          placeholderdisabled=\'', '\'\n          value=\'', '\'\n        />\n      '], ['\n        <wc-chat-input\n          delay=\'', '\'\n          maxrows=\'', '\'\n          disabled=\'', '\'\n          on-message-submit=\'', '\'\n          placeholder=\'', '\'\n          placeholderdisabled=\'', '\'\n          value=\'', '\'\n        />\n      ']),
-    _templateObject2 = /*#__PURE__*/ _taggedTemplateLiteral(['\n      <wc-chat-scrollable\n        reverse=\'', '\'\n        listen=\'', '\'\n      >\n        <wc-chat-messages\n          actions=\'', '\'\n          actionsallowed=\'', '\'\n          invoke=\'', '\'\n          list=\'', '\'\n          on-message-delete=\'', '\'\n          on-message-reaction=\'', '\'\n          on-user-disable=\'', '\'\n          user=\'', '\'\n          users=\'', '\'\n        />\n      </wc-chat-scrollable>\n      ', '\n    '], ['\n      <wc-chat-scrollable\n        reverse=\'', '\'\n        listen=\'', '\'\n      >\n        <wc-chat-messages\n          actions=\'', '\'\n          actionsallowed=\'', '\'\n          invoke=\'', '\'\n          list=\'', '\'\n          on-message-delete=\'', '\'\n          on-message-reaction=\'', '\'\n          on-user-disable=\'', '\'\n          user=\'', '\'\n          users=\'', '\'\n        />\n      </wc-chat-scrollable>\n      ', '\n    ']);
+var _templateObject = /*#__PURE__*/ _taggedTemplateLiteral(['\n        <div class=\'input\'>\n          <wc-chat-input\n            delay=\'', '\'\n            maxrows=\'', '\'\n            disabled=\'', '\'\n            on-message-submit=\'', '\'\n            placeholder=\'', '\'\n            placeholderdisabled=\'', '\'\n            value=\'', '\'\n          />\n        </div>\n      '], ['\n        <div class=\'input\'>\n          <wc-chat-input\n            delay=\'', '\'\n            maxrows=\'', '\'\n            disabled=\'', '\'\n            on-message-submit=\'', '\'\n            placeholder=\'', '\'\n            placeholderdisabled=\'', '\'\n            value=\'', '\'\n          />\n        </div>\n      ']),
+    _templateObject2 = /*#__PURE__*/ _taggedTemplateLiteral(['\n      <div class=\'wrapper\'>\n        <wc-chat-scrollable\n          reverse=\'', '\'\n          listen=\'', '\'\n        >\n          <wc-chat-messages\n            actions=\'', '\'\n            actionsallowed=\'', '\'\n            invoke=\'', '\'\n            list=\'', '\'\n            on-message-delete=\'', '\'\n            on-message-reaction=\'', '\'\n            on-user-disable=\'', '\'\n            user=\'', '\'\n            users=\'', '\'\n          />\n        </wc-chat-scrollable>\n        ', '\n      </div>\n    '], ['\n      <div class=\'wrapper\'>\n        <wc-chat-scrollable\n          reverse=\'', '\'\n          listen=\'', '\'\n        >\n          <wc-chat-messages\n            actions=\'', '\'\n            actionsallowed=\'', '\'\n            invoke=\'', '\'\n            list=\'', '\'\n            on-message-delete=\'', '\'\n            on-message-reaction=\'', '\'\n            on-user-disable=\'', '\'\n            user=\'', '\'\n            users=\'', '\'\n          />\n        </wc-chat-scrollable>\n        ', '\n      </div>\n    ']);
 
@@ -6,0 +6,0 @@ function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }

es/molecules/message.js

@@ -1,2 +0,2 @@
-var _templateObject = /*#__PURE__*/ _taggedTemplateLiteral(['<p class=\'message-line\'>', '</p>'], ['<p class=\'message-line\'>', '</p>']),
+var _templateObject = /*#__PURE__*/ _taggedTemplateLiteral(['<div class=\'message-line\'>', '</div>'], ['<div class=\'message-line\'>', '</div>']),
     _templateObject2 = /*#__PURE__*/ _taggedTemplateLiteral(['\n    <div class$=\'', '\'>\n      <div\n        class$=\'', '\'\n        style$=\'background-image: url(', ');\'\n      ></div>\n      <section class$=\'', '\'>\n        <div class=\'message-meta\'>\n          <span class=\'message-author\'>', '</span>\n          <span class=\'message-status\'>', '</span>\n        </div>\n        <div>', '</div>\n        ', '\n      </section>\n    </div>\n  '], ['\n    <div class$=\'', '\'>\n      <div\n        class$=\'', '\'\n        style$=\'background-image: url(', ');\'\n      ></div>\n      <section class$=\'', '\'>\n        <div class=\'message-meta\'>\n          <span class=\'message-author\'>', '</span>\n          <span class=\'message-status\'>', '</span>\n        </div>\n        <div>', '</div>\n        ', '\n      </section>\n    </div>\n  ']);
@@ -3,0 +3,0 @@

es/molecules/scrollable.js

 var _createClass = /*#__PURE__*/ function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
-var _templateObject = /*#__PURE__*/ _taggedTemplateLiteral(['\n      <div class=\'scrollable\' on-scroll=\'', '\'>\n        ', '\n      </div>\n    '], ['\n      <div class=\'scrollable\' on-scroll=\'', '\'>\n        ', '\n      </div>\n    ']);
+var _templateObject = /*#__PURE__*/ _taggedTemplateLiteral(['\n      <div class=\'scrollable\' id="scrollable" on-scroll=\'', '\'>\n        <div class=\'inner\'>\n          <slot></slot>\n        </div>\n      </div>\n    '], ['\n      <div class=\'scrollable\' id="scrollable" on-scroll=\'', '\'>\n        <div class=\'inner\'>\n          <slot></slot>\n        </div>\n      </div>\n    ']);
 
@@ -172,3 +172,3 @@ function _taggedTemplateLiteral(strings, raw) { return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
     value: function _render() {
-      return html(_templateObject, this.__boundScrollHandler, this.children);
+      return html(_templateObject, this.__boundScrollHandler);
     }
@@ -183,3 +183,3 @@ }, {
     get: function get() {
-      return this._rootElement ? this._rootElement.querySelector('' + (this.scrolltarget || '.scrollable')) : this._rootElement;
+      return this._rootElement ? this._rootElement.querySelector('' + (this.scrolltarget || '#scrollable')) : this._rootElement;
     }
@@ -186,0 +186,0 @@ }, {

lib/atoms/actions.js

@@ -12,4 +12,5 @@ 'use strict';
     _templateObject2 = /*#__PURE__*/ _taggedTemplateLiteral(['\n  <div class=\'actions-group\'>\n    ', '\n    ', '\n  </div>\n'], ['\n  <div class=\'actions-group\'>\n    ', '\n    ', '\n  </div>\n']),
-    _templateObject3 = /*#__PURE__*/ _taggedTemplateLiteral(['\n  ', '\n  <div class=\'actions\'>\n    ', '\n    <div class=\'actions-inner\'>\n      ', '\n    </div>\n  </div>\n'], ['\n  ', '\n  <div class=\'actions\'>\n    ', '\n    <div class=\'actions-inner\'>\n      ', '\n    </div>\n  </div>\n']),
-    _templateObject4 = /*#__PURE__*/ _taggedTemplateLiteral(['', ''], ['', '']);
+    _templateObject3 = /*#__PURE__*/ _taggedTemplateLiteral(['\n  ', '\n  ', '\n'], ['\n  ', '\n  ', '\n']),
+    _templateObject4 = /*#__PURE__*/ _taggedTemplateLiteral(['', ''], ['', '']),
+    _templateObject5 = /*#__PURE__*/ _taggedTemplateLiteral(['\n      <div class=\'actions\'>\n        ', '\n        <div class=\'actions-inner\'>\n          ', '\n        </div>\n      </div>\n    '], ['\n      <div class=\'actions\'>\n        ', '\n        <div class=\'actions-inner\'>\n          ', '\n        </div>\n      </div>\n    ']);
 
@@ -48,5 +49,5 @@ var _litElement = /*#__PURE__*/require('@polymer/lit-element');
     children: _images.cross
-  }))) : null, _images.menu, _actions(props));
+  }))) : null, props.children.size || props.reactions.size ? (0, _litElement.html)(_templateObject5, _images.menu, _actions(props)) : null);
 };
 
 exports.style = _actions3.default;

lib/ecosystems/chat.js

@@ -10,4 +10,4 @@ 'use strict';
 
-var _templateObject = /*#__PURE__*/ _taggedTemplateLiteral(['\n        <wc-chat-input\n          delay=\'', '\'\n          maxrows=\'', '\'\n          disabled=\'', '\'\n          on-message-submit=\'', '\'\n          placeholder=\'', '\'\n          placeholderdisabled=\'', '\'\n          value=\'', '\'\n        />\n      '], ['\n        <wc-chat-input\n          delay=\'', '\'\n          maxrows=\'', '\'\n          disabled=\'', '\'\n          on-message-submit=\'', '\'\n          placeholder=\'', '\'\n          placeholderdisabled=\'', '\'\n          value=\'', '\'\n        />\n      ']),
-    _templateObject2 = /*#__PURE__*/ _taggedTemplateLiteral(['\n      <wc-chat-scrollable\n        reverse=\'', '\'\n        listen=\'', '\'\n      >\n        <wc-chat-messages\n          actions=\'', '\'\n          actionsallowed=\'', '\'\n          invoke=\'', '\'\n          list=\'', '\'\n          on-message-delete=\'', '\'\n          on-message-reaction=\'', '\'\n          on-user-disable=\'', '\'\n          user=\'', '\'\n          users=\'', '\'\n        />\n      </wc-chat-scrollable>\n      ', '\n    '], ['\n      <wc-chat-scrollable\n        reverse=\'', '\'\n        listen=\'', '\'\n      >\n        <wc-chat-messages\n          actions=\'', '\'\n          actionsallowed=\'', '\'\n          invoke=\'', '\'\n          list=\'', '\'\n          on-message-delete=\'', '\'\n          on-message-reaction=\'', '\'\n          on-user-disable=\'', '\'\n          user=\'', '\'\n          users=\'', '\'\n        />\n      </wc-chat-scrollable>\n      ', '\n    ']);
+var _templateObject = /*#__PURE__*/ _taggedTemplateLiteral(['\n        <div class=\'input\'>\n          <wc-chat-input\n            delay=\'', '\'\n            maxrows=\'', '\'\n            disabled=\'', '\'\n            on-message-submit=\'', '\'\n            placeholder=\'', '\'\n            placeholderdisabled=\'', '\'\n            value=\'', '\'\n          />\n        </div>\n      '], ['\n        <div class=\'input\'>\n          <wc-chat-input\n            delay=\'', '\'\n            maxrows=\'', '\'\n            disabled=\'', '\'\n            on-message-submit=\'', '\'\n            placeholder=\'', '\'\n            placeholderdisabled=\'', '\'\n            value=\'', '\'\n          />\n        </div>\n      ']),
+    _templateObject2 = /*#__PURE__*/ _taggedTemplateLiteral(['\n      <div class=\'wrapper\'>\n        <wc-chat-scrollable\n          reverse=\'', '\'\n          listen=\'', '\'\n        >\n          <wc-chat-messages\n            actions=\'', '\'\n            actionsallowed=\'', '\'\n            invoke=\'', '\'\n            list=\'', '\'\n            on-message-delete=\'', '\'\n            on-message-reaction=\'', '\'\n            on-user-disable=\'', '\'\n            user=\'', '\'\n            users=\'', '\'\n          />\n        </wc-chat-scrollable>\n        ', '\n      </div>\n    '], ['\n      <div class=\'wrapper\'>\n        <wc-chat-scrollable\n          reverse=\'', '\'\n          listen=\'', '\'\n        >\n          <wc-chat-messages\n            actions=\'', '\'\n            actionsallowed=\'', '\'\n            invoke=\'', '\'\n            list=\'', '\'\n            on-message-delete=\'', '\'\n            on-message-reaction=\'', '\'\n            on-user-disable=\'', '\'\n            user=\'', '\'\n            users=\'', '\'\n          />\n        </wc-chat-scrollable>\n        ', '\n      </div>\n    ']);
 
@@ -14,0 +14,0 @@ var _litElement = /*#__PURE__*/require('@polymer/lit-element');

lib/molecules/message.js

@@ -8,3 +8,3 @@ 'use strict';
 
-var _templateObject = /*#__PURE__*/ _taggedTemplateLiteral(['<p class=\'message-line\'>', '</p>'], ['<p class=\'message-line\'>', '</p>']),
+var _templateObject = /*#__PURE__*/ _taggedTemplateLiteral(['<div class=\'message-line\'>', '</div>'], ['<div class=\'message-line\'>', '</div>']),
     _templateObject2 = /*#__PURE__*/ _taggedTemplateLiteral(['\n    <div class$=\'', '\'>\n      <div\n        class$=\'', '\'\n        style$=\'background-image: url(', ');\'\n      ></div>\n      <section class$=\'', '\'>\n        <div class=\'message-meta\'>\n          <span class=\'message-author\'>', '</span>\n          <span class=\'message-status\'>', '</span>\n        </div>\n        <div>', '</div>\n        ', '\n      </section>\n    </div>\n  '], ['\n    <div class$=\'', '\'>\n      <div\n        class$=\'', '\'\n        style$=\'background-image: url(', ');\'\n      ></div>\n      <section class$=\'', '\'>\n        <div class=\'message-meta\'>\n          <span class=\'message-author\'>', '</span>\n          <span class=\'message-status\'>', '</span>\n        </div>\n        <div>', '</div>\n        ', '\n      </section>\n    </div>\n  ']);
@@ -11,0 +11,0 @@

lib/molecules/scrollable.js

@@ -10,3 +10,3 @@ 'use strict';
 
-var _templateObject = /*#__PURE__*/ _taggedTemplateLiteral(['\n      <div class=\'scrollable\' on-scroll=\'', '\'>\n        ', '\n      </div>\n    '], ['\n      <div class=\'scrollable\' on-scroll=\'', '\'>\n        ', '\n      </div>\n    ']);
+var _templateObject = /*#__PURE__*/ _taggedTemplateLiteral(['\n      <div class=\'scrollable\' id="scrollable" on-scroll=\'', '\'>\n        <div class=\'inner\'>\n          <slot></slot>\n        </div>\n      </div>\n    '], ['\n      <div class=\'scrollable\' id="scrollable" on-scroll=\'', '\'>\n        <div class=\'inner\'>\n          <slot></slot>\n        </div>\n      </div>\n    ']);
 
@@ -191,3 +191,3 @@ var _fromEvent = /*#__PURE__*/require('most/src/source/fromEvent');
     value: function _render() {
-      return (0, _litElement.html)(_templateObject, this.__boundScrollHandler, this.children);
+      return (0, _litElement.html)(_templateObject, this.__boundScrollHandler);
     }
@@ -202,3 +202,3 @@ }, {
     get: function get() {
-      return this._rootElement ? this._rootElement.querySelector('' + (this.scrolltarget || '.scrollable')) : this._rootElement;
+      return this._rootElement ? this._rootElement.querySelector('' + (this.scrolltarget || '#scrollable')) : this._rootElement;
     }
@@ -205,0 +205,0 @@ }, {

package.json

 {
   "name": "@netology-group/wc-chat",
-  "version": "0.3.3",
+  "version": "0.3.5",
   "description": "Messenger's webcomponents",
@@ -72,2 +72,3 @@ "bugs": {
     "autoprefixer": "^9.0.0",
+    "babel-cli": "^6.26.0",
     "babel-core": "^6.26.3",
@@ -74,0 +75,0 @@ "babel-plugin-annotate-pure-calls": "^0.3.0",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1797527

increased by0.19%

Lines of code

34839

increased by0.1%

Worsened metrics

Dev dependency count

28

increased by3.7%

No dependency changes