vue-intergrall-plugins 1.1.54 → 1.1.56

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.
@@ -3333,7 +3333,7 @@ var __vue_render__$z = function __vue_render__() {
3333
3333
  }) + "</div></div></div>";
3334
3334
  }) : _vm.filteredList.length && _vm.fullView ? "<div class=\"sm-emoji-group\">" + _vm._ssrList(_vm.filteredList, function (emoji, key) {
3335
3335
  return "<div class=\"sm-emoji-item\"><span>" + _vm._ssrEscape(" " + _vm._s(emoji.finalEmoji) + " ") + "</span></div>";
3336
- }) + "</div>" : !_vm.fullView ? "<div class=\"sm-emoji-group\">" + _vm._ssrList(_vm.recentEmojis, function (emojiKey, key) {
3336
+ }) + "</div>" : !_vm.fullView ? "<div class=\"sm-emoji-group small\">" + _vm._ssrList(_vm.recentEmojis, function (emojiKey, key) {
3337
3337
  return "<div class=\"sm-emoji-item\">" + (_vm.allEmojis.emojis && _vm.allEmojis.emojis[emojiKey] && _vm.allEmojis.emojis[emojiKey].finalEmoji ? "<span>" + _vm._ssrEscape("\n " + _vm._s(_vm.allEmojis.emojis[emojiKey].finalEmoji) + "\n ") + "</span>" : "<!---->") + "</div>";
3338
3338
  }) + " <button class=\"sm-emoji-item add-more\">\n +\n </button></div>" : "<!---->") + "</div>")], 2);
3339
3339
  };
@@ -3342,8 +3342,8 @@ var __vue_staticRenderFns__$z = [];
3342
3342
  /* style */
3343
3343
  var __vue_inject_styles__$z = function __vue_inject_styles__(inject) {
3344
3344
  if (!inject) return;
3345
- inject("data-v-3eade472_0", {
3346
- source: ".box-shadow{-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);-moz-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.sm-emoji-picker{width:306px;height:250px;z-index:2;border:1px solid #ccc;border-radius:5px;background-color:#fff;display:flex;flex-direction:column}.sm-emoji-picker.small{height:40px!important;overflow:hidden!important}.sm-emoji-picker.small .sm-emoji-scroll{height:100%;max-height:100%}.sm-emoji-picker.small .sm-emoji-scroll .sm-emoji-group{justify-content:center;align-items:center}.add-more{background:#f0f0f0;border:1px solid #ccc;border-radius:50%;width:26px;height:26px;display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:700}.sm-emoji-header{width:100%;display:flex;align-items:center;justify-content:space-between;margin:10px 0;border-bottom:1px solid #ccc}.sm-emoji-link{padding:0 5px 5px 5px;display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:.9;transition:all .2s;border-bottom:2px solid transparent}.sm-emoji-link a{margin:0;padding:0;fill:#999}.sm-emoji-link.active a>svg,.sm-emoji-link:hover a>svg{opacity:1;fill:#666}.sm-emoji-link.active a>svg[stroke-linecap],.sm-emoji-link:hover a>svg[stroke-linecap]{opacity:1;fill:transparent;stroke:#666}.sm-emoji-link.active{border-bottom:2px solid #666}.sm-emoji-scroll{width:100%;height:calc(100% - 52px);max-height:calc(100% - 52px);scroll-behavior:smooth;overflow-y:auto;overflow-x:hidden;scrollbar-color:#888 rgba(0,0,0,.2);scrollbar-width:8px;position:relative}.sm-emoji-scroll::-webkit-scrollbar{width:8px}.sm-emoji-scroll::-webkit-scrollbar-track{background-color:rgba(0,0,0,.2)}.sm-emoji-scroll::-webkit-scrollbar-thumb{transition-duration:.5s;background-color:#666}.sm-emoji-scroll::-webkit-scrollbar-thumb:hover{background-color:#555}.sm-emoji-search{width:100%;display:flex;align-items:center;justify-content:center;position:sticky;top:0;z-index:1;background:#fff;padding-bottom:10px}.sm-emoji-search>input{width:90%;outline:0;border:1px solid #ccc;border-radius:2.5px;padding:5px 10px;transition:border .2s}.sm-emoji-search>input:active,.sm-emoji-search>input:focus,.sm-emoji-search>input:hover{outline:0;border:1px solid #999}.sm-emoji-search.sticky{position:fixed;width:310px;background-color:#fff}.sm-emoji-selection{width:100%;margin-bottom:10px}.sm-emoji-title{width:100%;display:flex;justify-content:flex-start;align-items:center;background-color:#f7f7f7;padding:5px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sm-emoji-title svg{margin:0 5px}.sm-emoji-group{width:100%;display:flex;flex-wrap:wrap;font-size:22px}.sm-emoji-item{cursor:pointer;opacity:.8;transition:opacity .2s;margin:3.5px}.sm-emoji-item:hover{opacity:1}",
3345
+ inject("data-v-3fb3561e_0", {
3346
+ source: ".box-shadow{-webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);-moz-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.sm-emoji-picker{width:306px;height:250px;z-index:2;border:1px solid #ccc;border-radius:5px;background-color:#fff;display:flex;flex-direction:column}.sm-emoji-picker.small{height:40px!important}.sm-emoji-picker.small .sm-emoji-scroll{height:100%;max-height:100%}.sm-emoji-picker.small .sm-emoji-scroll .sm-emoji-group.small{justify-content:center;align-items:center;flex-wrap:nowrap}.add-more{--size:26px;background:#f0f0f0;border:1px solid #ccc;border-radius:50%;width:var(--size);min-width:var(--size);height:var(--size);min-height:var(--size);display:flex;justify-content:center;align-items:center;font-size:16px;font-weight:700}.sm-emoji-header{width:100%;display:flex;align-items:center;justify-content:space-between;margin:10px 0;border-bottom:1px solid #ccc}.sm-emoji-link{padding:0 5px 5px 5px;display:flex;justify-content:center;align-items:center;cursor:pointer;opacity:.9;transition:all .2s;border-bottom:2px solid transparent}.sm-emoji-link svg{margin:0;padding:0;fill:#999}.sm-emoji-link.active svg,.sm-emoji-link:hover svg{opacity:1;fill:#666}.sm-emoji-link.active svg[stroke-linecap],.sm-emoji-link:hover svg[stroke-linecap]{opacity:1;fill:transparent;stroke:#666}.sm-emoji-link.active{border-bottom:2px solid #666}.sm-emoji-scroll{width:100%;height:calc(100% - 52px);max-height:calc(100% - 52px);scroll-behavior:smooth;overflow-y:auto;overflow-x:hidden;scrollbar-color:#888 rgba(0,0,0,.2);scrollbar-width:8px;position:relative}.sm-emoji-scroll::-webkit-scrollbar{width:8px}.sm-emoji-scroll::-webkit-scrollbar-track{background-color:rgba(0,0,0,.2)}.sm-emoji-scroll::-webkit-scrollbar-thumb{transition-duration:.5s;background-color:#666}.sm-emoji-scroll::-webkit-scrollbar-thumb:hover{background-color:#555}.sm-emoji-search{width:100%;display:flex;align-items:center;justify-content:center;position:sticky;top:0;z-index:1;background:#fff;padding-bottom:10px}.sm-emoji-search>input{width:90%;outline:0;border:1px solid #ccc;border-radius:2.5px;padding:5px 10px;transition:border .2s}.sm-emoji-search>input:active,.sm-emoji-search>input:focus,.sm-emoji-search>input:hover{outline:0;border:1px solid #999}.sm-emoji-search.sticky{position:fixed;width:310px;background-color:#fff}.sm-emoji-selection{width:100%;margin-bottom:10px}.sm-emoji-title{width:100%;display:flex;justify-content:flex-start;align-items:center;background-color:#f7f7f7;padding:5px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sm-emoji-title svg{margin:0 5px}.sm-emoji-group{width:100%;display:flex;flex-wrap:wrap;font-size:22px}.sm-emoji-item{cursor:pointer;opacity:.8;transition:opacity .2s;margin:3.5px}.sm-emoji-item:hover{opacity:1}",
3347
3347
  map: undefined,
3348
3348
  media: undefined
3349
3349
  });
@@ -3351,7 +3351,7 @@ var __vue_inject_styles__$z = function __vue_inject_styles__(inject) {
3351
3351
  /* scoped */
3352
3352
  var __vue_scope_id__$z = undefined;
3353
3353
  /* module identifier */
3354
- var __vue_module_identifier__$z = "data-v-3eade472";
3354
+ var __vue_module_identifier__$z = "data-v-3fb3561e";
3355
3355
  /* functional template */
3356
3356
  var __vue_is_functional_template__$z = false;
3357
3357
  /* style inject shadow dom */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vue-intergrall-plugins",
3
- "version": "1.1.54",
3
+ "version": "1.1.56",
4
4
  "description": "",
5
5
  "main": "dist/vue-intergrall-plugins.ssr.js",
6
6
  "browser": "dist/vue-intergrall-plugins.esm.js",
@@ -61,7 +61,7 @@
61
61
  </div>
62
62
  </template>
63
63
  <template v-else-if="!fullView">
64
- <div class="sm-emoji-group">
64
+ <div class="sm-emoji-group small">
65
65
  <div
66
66
  class="sm-emoji-item"
67
67
  v-for="(emojiKey, key) in recentEmojis"
@@ -355,24 +355,27 @@ export default {
355
355
 
356
356
  .sm-emoji-picker.small {
357
357
  height: 40px!important;
358
- overflow: hidden!important;
359
358
  }
360
359
 
361
360
  .sm-emoji-picker.small .sm-emoji-scroll {
362
361
  height: 100%;
363
362
  max-height: 100%;
364
363
  }
365
- .sm-emoji-picker.small .sm-emoji-scroll .sm-emoji-group {
364
+ .sm-emoji-picker.small .sm-emoji-scroll .sm-emoji-group.small {
366
365
  justify-content: center;
367
366
  align-items: center;
367
+ flex-wrap: nowrap;
368
368
  }
369
369
 
370
370
  .add-more {
371
+ --size: 26px;
371
372
  background: #f0f0f0;
372
373
  border: 1px solid #ccc;
373
374
  border-radius: 50%;
374
- width: 26px;
375
- height: 26px;
375
+ width: var(--size);
376
+ min-width: var(--size);
377
+ height: var(--size);
378
+ min-height: var(--size);
376
379
  display: flex;
377
380
  justify-content: center;
378
381
  align-items: center;
@@ -399,18 +402,18 @@ export default {
399
402
  transition: all 200ms;
400
403
  border-bottom: 2px solid transparent;
401
404
  }
402
- .sm-emoji-link a {
405
+ .sm-emoji-link svg {
403
406
  margin: 0;
404
407
  padding: 0;
405
408
  fill: #999;
406
409
  }
407
- .sm-emoji-link:hover a > svg,
408
- .sm-emoji-link.active a > svg {
410
+ .sm-emoji-link:hover svg,
411
+ .sm-emoji-link.active svg {
409
412
  opacity: 1;
410
413
  fill: #666;
411
414
  }
412
- .sm-emoji-link:hover a > svg[stroke-linecap],
413
- .sm-emoji-link.active a > svg[stroke-linecap] {
415
+ .sm-emoji-link:hover svg[stroke-linecap],
416
+ .sm-emoji-link.active svg[stroke-linecap] {
414
417
  opacity: 1;
415
418
  fill: transparent;
416
419
  stroke: #666;