@web-utils/component 2.0.13 → 2.2.0

package/dist/components/vue-tags-input/style.css

@@ -1,682 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-/* The input */
-.tags-input {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-}
-.tags-input input {
-  flex: 1 1 auto;
-  background: transparent;
-  border: none;
-}
-.tags-input input:focus {
-  outline: none;
-}
-.tags-input input[type='text'] {
-  color: #495057;
-}
-.tags-input-wrapper-default {
-  padding: 0.5rem 0.25rem;
-  background: #fff;
-  border: 1px solid transparent;
-  border-color: #dbdbdb;
-  border-radius: 0.25rem;
-}
-
-/* The tag badges & the remove icon */
-.tags-input span {
-  margin-right: 0.3rem;
-}
-.tags-input-remove {
-  position: relative;
-  display: inline-block;
-  width: 0.5rem;
-  height: 0.5rem;
-  cursor: pointer;
-}
-.tags-input-remove::before, .tags-input-remove::after {
-  position: absolute;
-  top: 50%;
-  left: 0;
-  width: 100%;
-  height: 2px;
-  margin-top: -1px;
-  background: #ea0000;
-  content: '';
-}
-.tags-input-remove::before {
-  transform: rotate(45deg);
-}
-.tags-input-remove::after {
-  transform: rotate(-45deg);
-}
-
-/* Tag badge styles */
-.tags-input-badge {
-  display: inline-block;
-  padding: 0.25em 0.4em;
-  font-weight: 700;
-  font-size: 75%;
-  line-height: 1;
-  white-space: nowrap;
-  text-align: center;
-  vertical-align: baseline;
-  border-radius: 0.25rem;
-}
-.tags-input-badge-pill {
-  padding-right: 0.6em;
-  padding-left: 0.6em;
-  border-radius: 10rem;
-}
-.tags-input-badge-selected-default {
-  color: #212529;
-  background-color: #f0f1f2;
-}
-
-/* Typeahead */
-.typeahead-hide-btn {
-  color: #999 !important;
-}
-
-/* Typeahead - badges */
-.typeahead-badges > span {
-  margin-right: 0.3rem;
-  cursor: pointer;
-}
-
-/* Typeahead - dropdown */
-.typeahead-dropdown {
-  position: absolute;
-  top: 50px;
-  right: 0;
-  z-index: 1000;
-  width: 100%;
-  max-height: 150px;
-  margin: 0;
-  padding: 0;
-  overflow: auto;
-  list-style-type: none;
-  border-radius: 4px;
-  box-shadow: 0 0 5px #d7d7d7;
-}
-.typeahead-dropdown li {
-  padding: 0.25rem 1rem;
-  cursor: pointer;
-}
-
-/* Typeahead elements style/theme */
-.tags-input-typeahead-item-default {
-  color: grey;
-  background-color: white;
-}
-.tags-input-typeahead-item-highlighted-default {
-  background-color: #f5f7fa;
-}

package/dist/components/watermark/index.js

@@ -1,75 +0,0 @@
-import { h as getClass } from "../../chunks/c69d5628.js";
-import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
-const Watermark_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "Watermark",
-  functional: true,
-  props: {
-    text: {
-      type: String,
-      default: ""
-    },
-    width: {
-      type: Number,
-      default: 200
-    },
-    height: {
-      type: Number,
-      default: 150
-    },
-    rotate: {
-      type: Number,
-      default: -30
-    },
-    color: {
-      type: String,
-      default: "rgba(0,0,0,0.15)"
-    },
-    backgroundColor: {
-      type: String,
-      default: "rgba(0,0,0,0)"
-    }
-  },
-  render(h, { props: { width, height, text, backgroundColor, rotate, color }, data }) {
-    const canvas = document.createElement("canvas");
-    canvas.width = width;
-    canvas.height = height;
-    const context2D = canvas.getContext("2d");
-    context2D.font = "15px Verdana";
-    context2D.fillStyle = backgroundColor;
-    context2D.fillRect(0, 0, width, height);
-    context2D.translate(width / 2, height / 2);
-    context2D.rotate(rotate * Math.PI / 180);
-    context2D.fillStyle = color;
-    context2D.textAlign = "center";
-    context2D.textBaseline = "middle";
-    context2D.fillText(text, 0, 0);
-    return h("div", {
-      class: getClass(data.class, `watermark ${data.staticClass || ""}`),
-      style: { ...data.style || {}, ...data.staticStyle || {}, background: `url(${canvas.toDataURL("image/png")}) left top repeat` }
-    });
-  }
-};
-let __vue2_render, __vue2_staticRenderFns;
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  __vue2_render,
-  __vue2_staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const Watermark = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  Watermark as default
-};

package/dist/components/watermark/style.css

@@ -1,11 +0,0 @@
-
-.watermark {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 100;
-  height: 100%;
-  pointer-events: none;
-}