@ldmjs/ui 1.0.0-dev-1 → 1.0.0-dev-3

package/src/scss/_colors.scss

@@ -0,0 +1,73 @@
+$colors: ('primary', 'secondary', 'success', 'warning', 'error', 'grey', 'dark', 'white');
+
+body,
+.v-application {
+  @each $color in $colors {
+    & .#{$color} {
+      background-color: var(--#{$color}) !important;
+      border-color: var(--#{$color}) !important;
+    }
+    & .#{$color}--text, & .text-#{$color} {
+      @if $color == 'primary' {
+        color: var(--#{$color}-l-2) !important;
+      } @else {
+        color: var(--#{$color}) !important;
+      }
+    }
+    & .#{$color}--bg, & .bg-#{$color} {
+      @if $color == 'primary' {
+        background-color: var(--#{$color}-l-8) !important;
+      } @else if $color == 'grey' {
+        background-color: var(--#{$color}-l-6) !important;
+      } @else if $color == 'secondary' {
+        background-color: var(--#{$color}-l-5) !important;
+      } @else {
+        background-color: var(--#{$color}) !important;
+      }
+    }
+    & .#{$color}--border, & .border-#{$color} {
+      @if $color == 'primary' {
+        border-color: var(--#{$color}-l-2) !important;
+      } @else if $color == 'grey' {
+        border-color: var(--#{$color}-l-5) !important;
+      } @else {
+        border-color: var(--#{$color}) !important;
+      }
+    }
+    & .#{$color}--hover {
+      transition: background 0.1s;
+      @if $color == 'grey' {
+        &:hover {
+          background-color: var(--#{$color}-l-6) !important;
+        }
+      } @else if $color == 'secondary' {
+          &:hover {
+            background-color: var(--#{$color}-l-5) !important;
+          }
+      } @else {
+        &:hover {
+          background-color: var(--#{$color}) !important;
+        }
+      }
+    }
+  }
+
+  & .text-color {
+    color: var(--text);
+  }
+
+  & .label-color {
+    color: var(--label);
+  }
+}
+
+.main-gradient-h {
+  background: var(--primary);
+  background: linear-gradient(90deg, var(--primary) 0%, var(--primary-d-1) 100%);
+}
+
+.main-gradient-v {
+  background: var(--primary);
+  background: linear-gradient(180deg, var(--primary) 0%, var(--primary-d-1) 100%);
+}
+

package/src/scss/_variables.scss

@@ -0,0 +1,5 @@
+$font-size: 12px !default; // основной шрифт приложения
+
+:root {
+  --font-size: #{$font-size};
+}

package/src/scss/index.scss

@@ -0,0 +1,2 @@
+@import 'colors';
+@import 'variables';

package/src/utils/isDefined.ts

@@ -0,0 +1,5 @@
+export function isDefined(value: unknown): boolean {
+  /* eslint-disable no-undefined */
+  const isNaNValue = typeof value === 'number' && isNaN(value);
+  return value !== null && value !== undefined && !isNaNValue;
+}

package/src/utils/zIndex.ts

@@ -0,0 +1,11 @@
+export function getZIndex(el?: Element | null): number {
+  if (!el || el.nodeType !== Node.ELEMENT_NODE) {
+    return 0;
+  }
+  const index = Number(window.getComputedStyle(el).getPropertyValue('z-index'));
+
+  if (isNaN(index)) {
+    return getZIndex(el.parentNode as Element);
+  }
+  return index;
+}

package/src/utils.d.ts

@@ -0,0 +1,4 @@
+import { isDefined } from './index'
+export {
+  isDefined
+}

package/dist/main.umd.js

@@ -1,311 +0,0 @@
-(function webpackUniversalModuleDefinition(root, factory) {
-	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(require("vue"), require("vue-class-component"), require("vue-property-decorator"));
-	else if(typeof define === 'function' && define.amd)
-		define("ldm-ui", ["vue", "vue-class-component", "vue-property-decorator"], factory);
-	else if(typeof exports === 'object')
-		exports["ldm-ui"] = factory(require("vue"), require("vue-class-component"), require("vue-property-decorator"));
-	else
-		root["ldm-ui"] = factory(root["vue"], root["vue-class-component"], root["vue-property-decorator"]);
-})(self, (__WEBPACK_EXTERNAL_MODULE__380__, __WEBPACK_EXTERNAL_MODULE__299__, __WEBPACK_EXTERNAL_MODULE__70__) => {
-return /******/ (() => { // webpackBootstrap
-/******/ 	"use strict";
-/******/ 	var __webpack_modules__ = ({
-
-/***/ 262:
-/***/ ((__unused_webpack_module, exports) => {
-
-var __webpack_unused_export__;
-
-__webpack_unused_export__ = ({ value: true });
-// runtime helper for setting properties on components
-// in a tree-shakable way
-exports.A = (sfc, props) => {
-    const target = sfc.__vccOpts || sfc;
-    for (const [key, val] of props) {
-        target[key] = val;
-    }
-    return target;
-};
-
-
-/***/ }),
-
-/***/ 380:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__380__;
-
-/***/ }),
-
-/***/ 299:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__299__;
-
-/***/ }),
-
-/***/ 70:
-/***/ ((module) => {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__70__;
-
-/***/ })
-
-/******/ 	});
-/************************************************************************/
-/******/ 	// The module cache
-/******/ 	var __webpack_module_cache__ = {};
-/******/ 	
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/ 		// Check if module is in cache
-/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
-/******/ 		if (cachedModule !== undefined) {
-/******/ 			return cachedModule.exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = __webpack_module_cache__[moduleId] = {
-/******/ 			// no module.id needed
-/******/ 			// no module.loaded needed
-/******/ 			exports: {}
-/******/ 		};
-/******/ 	
-/******/ 		// Execute the module function
-/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
-/******/ 	
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/ 	
-/************************************************************************/
-/******/ 	/* webpack/runtime/define property getters */
-/******/ 	(() => {
-/******/ 		// define getter functions for harmony exports
-/******/ 		__webpack_require__.d = (exports, definition) => {
-/******/ 			for(var key in definition) {
-/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 				}
-/******/ 			}
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
-/******/ 	(() => {
-/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ 	})();
-/******/ 	
-/******/ 	/* webpack/runtime/make namespace object */
-/******/ 	(() => {
-/******/ 		// define __esModule on exports
-/******/ 		__webpack_require__.r = (exports) => {
-/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 			}
-/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 		};
-/******/ 	})();
-/******/ 	
-/************************************************************************/
-var __webpack_exports__ = {};
-// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
-(() => {
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  "default": () => (/* binding */ src)
-});
-
-// EXTERNAL MODULE: external "vue"
-var external_vue_ = __webpack_require__(380);
-// EXTERNAL MODULE: external "vue-class-component"
-var external_vue_class_component_ = __webpack_require__(299);
-// EXTERNAL MODULE: external "vue-property-decorator"
-var external_vue_property_decorator_ = __webpack_require__(70);
-;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/ld-icon/svg-icon.vue?vue&type=template&id=65e09608
-
-
-const _hoisted_1 = { style: {"fill":"transparent","stroke":"transparent"} }
-const _hoisted_2 = ["href"]
-
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("svg", _hoisted_1, [
-    (0,external_vue_.createElementVNode)("use", { href: _ctx.href }, null, 8 /* PROPS */, _hoisted_2)
-  ]))
-}
-;// CONCATENATED MODULE: ./src/ld-icon/svg-icon.vue?vue&type=template&id=65e09608
-
-;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use[0]!./src/ld-icon/svg-icon.ts?vue&type=script&lang=js&external
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (undefined && undefined.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-
-class SvgIconComponent extends external_vue_property_decorator_.Vue {
-    get href() {
-        return `${this.path}/${this.icon}.svg#${this.icon}`;
-    }
-}
-__decorate([
-    (0,external_vue_property_decorator_.Prop)(),
-    __metadata("design:type", String)
-], SvgIconComponent.prototype, "icon", void 0);
-__decorate([
-    (0,external_vue_property_decorator_.Prop)(),
-    __metadata("design:type", String)
-], SvgIconComponent.prototype, "path", void 0);
-
-;// CONCATENATED MODULE: ./src/ld-icon/svg-icon.ts?vue&type=script&lang=js&external
- 
-// EXTERNAL MODULE: ./node_modules/vue-loader/dist/exportHelper.js
-var exportHelper = __webpack_require__(262);
-;// CONCATENATED MODULE: ./src/ld-icon/svg-icon.vue
-
-
-
-
-;
-const __exports__ = /*#__PURE__*/(0,exportHelper/* default */.A)(SvgIconComponent, [['render',render]])
-
-/* harmony default export */ const svg_icon = (__exports__);
-;// CONCATENATED MODULE: ./node_modules/ts-loader/index.js??clonedRuleSet-1.use[0]!./src/ld-icon/ld-icon.ts?vue&type=script&lang=js&external
-var ld_iconvue_type_script_lang_js_external_decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var ld_iconvue_type_script_lang_js_external_metadata = (undefined && undefined.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-
-
-
-let IconButtonComponent = class IconButtonComponent extends external_vue_class_component_.Vue {
-    constructor() {
-        super(...arguments);
-        this.current = '';
-    }
-    onIconChange() {
-        this.current = this.icon.trim();
-    }
-    created() {
-        if (this.icon) {
-            this.current = this.icon.trim();
-            return;
-        }
-        if (this.$slots.default) {
-            const slot = this.$slots.default()?.[0];
-            if (slot && slot.children && typeof slot.children === 'string') {
-                this.current = slot.children.trim();
-            }
-        }
-    }
-    get props() {
-        return {
-            path: this.path,
-            width: this.width,
-            height: this.height,
-        };
-    }
-    get array() {
-        return this.map.icons.find((el) => el[0] === this.current) || [];
-    }
-    get className() {
-        if (this.color) {
-            return [`${this.color}--text`];
-        }
-        return [];
-    }
-};
-ld_iconvue_type_script_lang_js_external_decorate([
-    (0,external_vue_property_decorator_.Prop)({ default: () => ({ icons: [] }) }),
-    ld_iconvue_type_script_lang_js_external_metadata("design:type", Object)
-], IconButtonComponent.prototype, "map", void 0);
-ld_iconvue_type_script_lang_js_external_decorate([
-    (0,external_vue_property_decorator_.Prop)({ default: 'icons' }),
-    ld_iconvue_type_script_lang_js_external_metadata("design:type", String)
-], IconButtonComponent.prototype, "path", void 0);
-ld_iconvue_type_script_lang_js_external_decorate([
-    (0,external_vue_property_decorator_.Prop)(),
-    ld_iconvue_type_script_lang_js_external_metadata("design:type", String)
-], IconButtonComponent.prototype, "icon", void 0);
-ld_iconvue_type_script_lang_js_external_decorate([
-    (0,external_vue_property_decorator_.Prop)(),
-    ld_iconvue_type_script_lang_js_external_metadata("design:type", String)
-], IconButtonComponent.prototype, "color", void 0);
-ld_iconvue_type_script_lang_js_external_decorate([
-    (0,external_vue_property_decorator_.Prop)({ default: '24' }),
-    ld_iconvue_type_script_lang_js_external_metadata("design:type", String)
-], IconButtonComponent.prototype, "width", void 0);
-ld_iconvue_type_script_lang_js_external_decorate([
-    (0,external_vue_property_decorator_.Prop)({ default: '24' }),
-    ld_iconvue_type_script_lang_js_external_metadata("design:type", String)
-], IconButtonComponent.prototype, "height", void 0);
-ld_iconvue_type_script_lang_js_external_decorate([
-    (0,external_vue_property_decorator_.Watch)('icon'),
-    ld_iconvue_type_script_lang_js_external_metadata("design:type", Function),
-    ld_iconvue_type_script_lang_js_external_metadata("design:paramtypes", []),
-    ld_iconvue_type_script_lang_js_external_metadata("design:returntype", void 0)
-], IconButtonComponent.prototype, "onIconChange", null);
-IconButtonComponent = ld_iconvue_type_script_lang_js_external_decorate([
-    (0,external_vue_class_component_.Options)({
-        components: {
-            'svg-icon': svg_icon,
-        },
-        template: `
-    <svg-icon v-if="array" :icon="array[1]" :class="className" :path="path" v-bind="props" />
-    <span v-else> icon is not found: {{ current }} </span>
-  `,
-    })
-], IconButtonComponent);
-/* harmony default export */ const ld_iconvue_type_script_lang_js_external = (IconButtonComponent);
-
-;// CONCATENATED MODULE: ./src/ld-icon/ld-icon.ts?vue&type=script&lang=js&external
- 
-;// CONCATENATED MODULE: ./src/ld-icon/ld-icon.vue
-
-
-
-const ld_icon_exports_ = ld_iconvue_type_script_lang_js_external;
-
-/* harmony default export */ const ld_icon = (ld_icon_exports_);
-;// CONCATENATED MODULE: ./src/index.ts
-
-
-const ldmuiPlugin = {
-    install(vue, options) {
-        if (false) {}
-        let cmp = (0,external_vue_.defineComponent)(ld_icon);
-        cmp = cmp.setup.__vccOpts;
-        cmp = {
-            ...cmp,
-            props: {
-                ...cmp.props,
-                path: {
-                    default: options.LdIcon.path
-                },
-                map: {
-                    default: options.LdIcon.map
-                }
-            }
-        };
-        vue.component('ld-icon', (0,external_vue_.defineComponent)(cmp));
-    },
-};
-/* harmony default export */ const src = (ldmuiPlugin);
-
-})();
-
-/******/ 	return __webpack_exports__;
-/******/ })()
-;
-});

package/dist/main.umd.js.LICENSE.txt

@@ -1,13 +0,0 @@
-/*! #__NO_SIDE_EFFECTS__ */
-
-/**
-  * vue-class-component v8.0.0-rc.1
-  * (c) 2015-present Evan You
-  * @license MIT
-  */
-
-/**
-* @vue/shared v3.4.21
-* (c) 2018-present Yuxi (Evan) You and Vue contributors
-* @license MIT
-**/