@dxtmisha/constructor 0.39.5 → 0.52.0

package/src/constructors/Window/properties.json

@@ -0,0 +1,240 @@
+{
+  "menuSizeMultiplier": "1",
+  "padding": {
+    "_type": "var"
+  },
+  "sysMarginRight": {
+    "_type": "var"
+  },
+  "width": {
+    "value": {
+      "auto": "auto",
+      "max": "100%"
+    },
+    "_var": true,
+    "_style": true
+  },
+  "height": {
+    "value": {
+      "auto": "auto",
+      "max": "100%"
+    },
+    "_var": true,
+    "_style": true
+  },
+  "imageSizeValue": {
+    "_type": "var"
+  },
+  "iconPadding": {
+    "_type": "var"
+  },
+  "background-color": {
+    "_type": "var"
+  },
+  "background-opacity": {
+    "_type": "var"
+  },
+  "transform": {
+    "_type": "var"
+  },
+  "transform-origin": {
+    "_type": "var"
+  },
+  "#body": {
+    "#group": {},
+    "#context": {},
+    "_settingClone": true
+  },
+  "#control": {},
+  "#image": {},
+  "#close": {},
+  "#teleport": {},
+  "~hide": {},
+  "~axis": {
+    "x": {},
+    "y": {},
+    "on": {},
+    "_default": "y"
+  },
+  "~imagePosition": {
+    "~top": {},
+    "~left": {},
+    "_default": "top"
+  },
+  "~dense": {
+    "padding": {
+      "value": "0 !important",
+      "_type": "property"
+    },
+    "#body": {
+      "border-radius": "0"
+    }
+  },
+  "~alignment": {
+    "~center": {},
+    "~top": {
+      "align-items": "flex-start"
+    },
+    "~topRight": {
+      "align-items": "flex-start",
+      "justify-content": "flex-end"
+    },
+    "~topLeft": {
+      "align-items": "flex-start",
+      "justify-content": "flex-start"
+    },
+    "~topFull": {
+      "align-items": "flex-start",
+      "#body": {
+        "width": "100%"
+      }
+    },
+    "~right": {
+      "justify-content": "flex-end"
+    },
+    "~rightFull": {
+      "justify-content": "flex-end",
+      "#body": {
+        "top": "auto !important",
+        "height": "100%"
+      }
+    },
+    "~bottom": {
+      "align-items": "flex-end"
+    },
+    "~bottomRight": {
+      "align-items": "flex-end",
+      "justify-content": "flex-end"
+    },
+    "~bottomLeft": {
+      "align-items": "flex-end",
+      "justify-content": "flex-start"
+    },
+    "~bottomFull": {
+      "align-items": "flex-end",
+      "#body": {
+        "width": "100%"
+      }
+    },
+    "~left": {
+      "justify-content": "flex-start"
+    },
+    "~leftFull": {
+      "justify-content": "flex-start",
+      "#body": {
+        "top": "auto !important",
+        "height": "100%"
+      }
+    }
+  },
+  "~origin": {
+    "~center": {
+      "transform-origin": "center"
+    },
+    "~top": {
+      "transform-origin": "top center"
+    },
+    "~right": {
+      "transform-origin": "center \\#{ui.dirRight()}"
+    },
+    "~bottom": {
+      "transform-origin": "bottom center"
+    },
+    "~left": {
+      "transform-origin": "center \\#{ui.dirLeft()}"
+    },
+    "~topToBottom": {
+      "transform-preparation": "translateY(-64px)",
+      "transform-origin": "top center"
+    },
+    "~rightToLeft": {
+      "transform-preparation": "translateX(calc(64px * \\#{ui.isDir()}))",
+      "transform-origin": "center \\#{ui.dirRight()}"
+    },
+    "~bottomToTop": {
+      "transform-preparation": "translateY(64px)",
+      "transform-origin": "bottom center"
+    },
+    "~leftToRight": {
+      "transform-preparation": "translateX(calc(-64px * \\#{ui.isDir()}))",
+      "transform-origin": "center \\#{ui.dirLeft()}"
+    }
+  },
+  "~adaptive": {
+    "~menu": {
+      "menuSizeMultiplier": "0.5",
+      "=sys-type-body": "'--MENU--'",
+      "position": "fixed",
+      "top": "{??sys.inset.y}",
+      "right": "auto",
+      "bottom": "auto",
+      "left": {
+        "value": "{??sys.inset.x}",
+        "_modification": false
+      },
+      "padding": {
+        "value": "0",
+        "_type": "property"
+      },
+      "height": "auto",
+      "background-opacity": "0",
+      "transform-preparation": "scale(.8)",
+      "transform-origin": "{??origin.x} {??origin.y}",
+      "body": {
+        "top": "auto",
+        "max-width": "100dvw - ({??padding} * 2)",
+        "max-height": "100dvh - ({??padding} * 2)"
+      },
+      "#teleport": {
+        "position": "static",
+        "after": {
+          "content": "none"
+        }
+      },
+      "~widthMatch": {
+        "#body": {
+          "min-width": "{??sys.control.width}"
+        }
+      }
+    },
+    "~menuWindow": {
+      "=sys-type-body": "'--MENU-WINDOW--'"
+    },
+    "~modal": {},
+    "~modalDynamic": {
+      "align-items": "flex-start",
+      "body": {
+        "position": "relative",
+        "top": "{??sys.location}"
+      }
+    },
+    "~actionSheetRight": {
+      "link|dense": "{??dense}",
+      "link|alignment": "{??alignment.rightFull}",
+      "link|origin": "{??origin.rightToLeft}"
+    },
+    "~actionSheetBottom": {
+      "link|dense": "{??dense}",
+      "link|alignment": "{??alignment.bottomFull}",
+      "link|origin": "{??origin.bottomToTop}"
+    },
+    "~static": {
+      "=sys-type-body": "'--STATIC--'"
+    }
+  },
+  "~fullscreen": {
+    "link|dense": "{??dense}",
+    "#body": {
+      "width": "100%",
+      "height": "100%",
+      "max-width": "none",
+      "max-height": "none"
+    }
+  },
+  "~overscroll": {
+    "_default": true
+  },
+  "~closeButton": {},
+  "~closeMobileHide": {},
+  "~widthMatch": {}
+}

package/src/constructors/Window/style.scss

@@ -64,7 +64,7 @@
     height: ui.v('??imageSizeValue');
   }
 
-  & &__close {
+  &__close {
     position: absolute;
     top: ui.v('??iconPaddingY', 0);
     @include ui.right(ui.v('??iconPaddingX', 0));
@@ -135,10 +135,12 @@
     padding: 0;
 
     background-color: transparent;
+    border-radius: 0;
 
     @include ui.subclass('body') {
       opacity: 1;
       background: transparent;
+      border-radius: 0;
       box-shadow: none;
 
       &__context {
@@ -191,6 +193,10 @@
     }
   }
 
+  &--embedded {
+    position: static !important;
+  }
+
   &[data-status="display"] {
     display: flex;
     @include ui.contentVisibility(visible);

package/src/library/style.scss

@@ -8,13 +8,19 @@
 @forward "../constructors/Block/style";
 @forward "../constructors/Button/style";
 @forward "../constructors/Cell/style";
+@forward "../constructors/Checkbox/style";
 @forward "../constructors/Chip/style";
 @forward "../constructors/ChipGroup/style";
 @forward "../constructors/Dialog/style";
+@forward "../constructors/Dummy/style";
 @forward "../constructors/Field/style";
 @forward "../constructors/FieldCounter/style";
 @forward "../constructors/FieldLabel/style";
 @forward "../constructors/FieldMessage/style";
+@forward "../constructors/Grid/style";
+@forward "../constructors/GridItem/style";
+@forward "../constructors/Group/style";
+@forward "../constructors/HorizontalScroll/style";
 @forward "../constructors/Icon/style";
 @forward "../constructors/Image/style";
 @forward "../constructors/Input/style";
@@ -25,6 +31,7 @@
 @forward "../constructors/Mask/style";
 @forward "../constructors/Menu/style";
 @forward "../constructors/Modal/style";
+@forward "../constructors/MotionAxis/style";
 @forward "../constructors/MotionTransform/style";
 @forward "../constructors/Page/style";
 @forward "../constructors/Progress/style";
@@ -34,6 +41,12 @@
 @forward "../constructors/Select/style";
 @forward "../constructors/SelectValue/style";
 @forward "../constructors/Skeleton/style";
+@forward "../constructors/Snackbar/style";
+@forward "../constructors/SnackbarItem/style";
+@forward "../constructors/TabItem/style";
+@forward "../constructors/Tabs/style";
+@forward "../constructors/TabsNavigation/style";
+@forward "../constructors/Textarea/style";
 @forward "../constructors/TextareaAutosize/style";
 @forward "../constructors/Tooltip/style";
 @forward "../constructors/Window/style";

package/dist/ActionsInclude-H5ZWeXJj.js

@@ -1,64 +0,0 @@
-var h = Object.defineProperty;
-var p = (o, s, t) => s in o ? h(o, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[s] = t;
-var n = (o, s, t) => p(o, typeof s != "symbol" ? s + "" : s, t);
-import { computed as r } from "vue";
-import { toBinds as l, getRef as d } from "@dxtmisha/functional";
-class b {
-  /**
-   * Constructor
-   * @param props input parameter/ входной параметр
-   * @param className class name/ название класса
-   * @param components object for working with components/ объект для работы с компонентами
-   * @param emits the function is called when an event is triggered/ функция вызывается, когда срабатывает событие
-   * @param extra additional parameter or property name/ дополнительный параметр или имя свойства
-   * @param index index identifier/ идентификатор индекса
-   */
-  constructor(s, t, i, e, c, a) {
-    /**
-     * Checks whether actions should be displayed/
-     * Проверяет, нужно ли отображать действия
-     */
-    n(this, "is", r(() => !!(!this.props.actionsHide && (this.binds.value.list || this.binds.value.listSecondary))));
-    /** Computed bindings for the actions/ Вычисляемые привязки для действий */
-    n(this, "binds", r(() => {
-      var t, i;
-      const s = l(
-        d(this.extra),
-        this.props.actionsAttrs,
-        { class: `${this.className}__actions` }
-      );
-      return {
-        ...s,
-        list: (t = this.props.actionsList) != null ? t : s.list,
-        listSecondary: (i = this.props.actionsSecondary) != null ? i : s.listSecondary,
-        onClick: this.onClick
-      };
-    }));
-    /**
-     * Render the Actions component
-     *
-     * Рендер компонента действий
-     */
-    n(this, "render", () => this.components && this.is.value ? this.components.render(
-      "actions",
-      this.binds.value,
-      void 0,
-      this.index
-    ) : []);
-    /**
-     * Handles click events from Actions and emits related events/
-     * Обрабатывает клики по действиям и испускает связанные события
-     *
-     * @param event native mouse event/ native событие мыши
-     * @param value payload with { type, value, detail }/ данные события с { type, value, detail }
-     */
-    n(this, "onClick", (s, t) => {
-      var i, e;
-      (i = this.emits) == null || i.call(this, "actions", s, t), (e = this.emits) == null || e.call(this, "actionsLite", t);
-    });
-    this.props = s, this.className = t, this.components = i, this.emits = e, this.extra = c, this.index = a;
-  }
-}
-export {
-  b as A
-};

package/dist/AriaStaticInclude-CFGewqpn.js

@@ -1,219 +0,0 @@
-import { isString as e } from "@dxtmisha/functional";
-class n {
-  /**
-   * Get role by props.
-   *
-   * Получить роль по пропсам.
-   * @param role ARIA role type/ Тип ARIA роли
-   */
-  static role(a) {
-    return {
-      role: a
-    };
-  }
-  /**
-   * Get ARIA atomic attribute.
-   *
-   * Получить атрибут ARIA atomic.
-   * @param isAtomic is atomic/ является атомарным
-   */
-  static atomic(a) {
-    return {
-      "aria-atomic": this.isTrueOrFalse(a)
-    };
-  }
-  /**
-   * Get ARIA checked attribute.
-   *
-   * Получить атрибут ARIA checked.
-   * @param isChecked is checked/ является отмеченным
-   */
-  static checked(a) {
-    return {
-      "aria-checked": this.isTrueOrFalse(a)
-    };
-  }
-  /**
-   * Get ARIA current attribute.
-   *
-   * Получить атрибут ARIA current.
-   * @param value ARIA current attribute/ Атрибут ARIA current
-   */
-  static current(a) {
-    const t = e(a) ? a : this.isTrueOrFalse(a);
-    return this.isDataToData("aria-current", t);
-  }
-  /**
-   * Get ARIA busy attribute.
-   *
-   * Получить атрибут ARIA busy.
-   * @param isBusy is busy/ является занятым
-   */
-  static busy(a) {
-    return {
-      "aria-busy": this.isTrueOrFalse(a)
-    };
-  }
-  /**
-   * Get ARIA describedby attribute.
-   *
-   * Получить атрибут ARIA describedby.
-   * @param id Element ID/ Идентификатор элемента
-   */
-  static describedby(a) {
-    return this.isDataToData("aria-describedby", a);
-  }
-  /**
-   * Get ARIA disabled attribute.
-   *
-   * Получить атрибут ARIA disabled.
-   * @param isDisabled is disabled/ является отключенным
-   */
-  static disabled(a = !0) {
-    return {
-      "aria-disabled": this.isTrueOrFalse(a)
-    };
-  }
-  /**
-   * Get ARIA expanded attribute.
-   *
-   * Получить атрибут ARIA expanded.
-   * @param isExpanded is expanded/ является расширенным
-   */
-  static expanded(a) {
-    return {
-      "aria-expanded": this.isTrueOrFalse(a)
-    };
-  }
-  /**
-   * Get ARIA haspopup attribute.
-   *
-   * Получить атрибут ARIA haspopup.
-   * @param haspopup ARIA haspopup attribute/ Атрибут ARIA haspopup
-   */
-  static haspopup(a) {
-    return this.isDataToData("aria-haspopup", a);
-  }
-  /**
-   * Get ARIA label.
-   *
-   * Получить ARIA label.
-   * @param label ARIA label/ ARIA метка
-   */
-  static label(a) {
-    return this.isDataToData("aria-label", a);
-  }
-  /**
-   * Get ARIA labelledby attribute.
-   *
-   * Получить атрибут ARIA labelledby.
-   * @param id Element ID/ Идентификатор элемента
-   */
-  static labelledby(a) {
-    return this.isDataToData("aria-labelledby", a);
-  }
-  /**
-   * Get ARIA invalid attribute.
-   *
-   * Получить атрибут ARIA invalid.
-   * @param isInvalid is invalid/ является недействительным
-   */
-  static invalid(a = !0) {
-    return {
-      "aria-invalid": this.isTrueOrFalse(a)
-    };
-  }
-  /**
-   * Get control role.
-   *
-   * Получить роль управления.
-   * @param id Element ID/ Идентификатор элемента
-   * @param controls ARIA controls attribute/ Атрибут ARIA controls
-   * @param haspopup ARIA haspopup attribute/ Атрибут ARIA haspopup
-   * @param expanded ARIA expanded state/ Состояние ARIA expanded
-   */
-  static control(a, t, r, i) {
-    return {
-      id: a,
-      "aria-controls": t,
-      ...this.haspopup(r),
-      ...this.expanded(i)
-    };
-  }
-  /**
-   * Get ARIA hidden attribute.
-   *
-   * Получить атрибут ARIA hidden.
-   * @param isHidden is hidden/ является скрытым
-   */
-  static hidden(a = !0) {
-    return {
-      "aria-hidden": this.isTrueOrFalse(a)
-    };
-  }
-  /**
-   * Get ARIA live attribute.
-   *
-   * Получить атрибут ARIA live.
-   * @param live ARIA live attribute/ Атрибут ARIA live
-   */
-  static live(a) {
-    return {
-      "aria-live": a
-    };
-  }
-  /**
-   * Get modal role.
-   *
-   * Получить модальную роль.
-   * @param isModal is modal/ является модальным
-   * @param ariaLabelledby ARIA labelledby attribute/ Атрибут ARIA labelledby
-   * @param ariaDescribedby ARIA describedby attribute/ Атрибут ARIA describedby
-   */
-  static modal(a = !0, t, r) {
-    return {
-      ...this.isDataToData("aria-modal", a),
-      ...this.labelledby(t),
-      ...this.describedby(r)
-    };
-  }
-  /**
-   * Returns ARIA value now, min and max.
-   *
-   * Возвращает ARIA value now, min и max.
-   * @param value Current value/ Текущее значение
-   * @param min Minimum value/ Минимальное значение
-   * @param max Maximum value/ Максимальное значение
-   */
-  static valueMinMax(a, t, r) {
-    return {
-      "aria-valuenow": a,
-      "aria-valuemin": t,
-      "aria-valuemax": r
-    };
-  }
-  /**
-   * Returns 'true' or 'false' based on the boolean value.
-   *
-   * Возвращает 'true' или 'false' в зависимости от булевого значения.
-   * @param value boolean value/ булевое значение
-   */
-  static isTrueOrFalse(a) {
-    return a ? "true" : "false";
-  }
-  /**
-   * Returns data as ARIA attribute.
-   *
-   * Возвращает данные в виде ARIA атрибута.
-   * @param name attribute name/ имя атрибута
-   * @param value attribute value/ значение атрибута
-   */
-  static isDataToData(a, t) {
-    return t ? {
-      [a]: t
-    } : {};
-  }
-}
-export {
-  n as A
-};

package/dist/ArrowInclude-CcpT637l.js

@@ -1,47 +0,0 @@
-var m = Object.defineProperty;
-var p = (s, t, e) => t in s ? m(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
-var r = (s, t, e) => p(s, typeof t != "symbol" ? t + "" : t, e);
-import { computed as i } from "vue";
-import { toBinds as c, getRef as l } from "@dxtmisha/functional";
-class x {
-  /**
-   * Constructor
-   * @param props input parameter/ входной параметр
-   * @param className class name/ название класса
-   * @param components object for working with components/ объект для работы с компонентами
-   * @param elementTarget target element or selector/ целевой элемент или селектор
-   * @param extra additional parameter or property name/ дополнительный параметр или имя свойства
-   * @param index index identifier/ идентификатор индекса
-   */
-  constructor(t, e, o, n, a, h) {
-    /**
-     * Checks whether arrow should be displayed/
-     * Проверяет, нужно ли отображать стрелку
-     */
-    r(this, "is", i(() => !!this.props.arrowShow));
-    /** Computed bindings for the arrow/ Вычисляемые привязки для стрелки */
-    r(this, "binds", i(() => c(
-      l(this.extra),
-      this.props.arrowAttrs,
-      {
-        class: `${this.className}__arrow`,
-        elementTarget: this.elementTarget
-      }
-    )));
-    /**
-     * Render the Arrow component
-     *
-     * Рендер компонента стрелки
-     */
-    r(this, "render", () => this.components && this.is.value ? this.components.render(
-      "arrow",
-      this.binds.value,
-      void 0,
-      this.index
-    ) : []);
-    this.props = t, this.className = e, this.components = o, this.elementTarget = n, this.extra = a, this.index = h;
-  }
-}
-export {
-  x as A
-};