@thisway/base - npm Package Compare versions

Comparing version 0.11.0 to 0.12.0-beta.0

index.js

@@ -1,2 +0,10 @@
-const L = "mode-1", l = "mode-2", e = "mode-3", r = ["LEFT", "RIGHT"], E = ["TOP", "BOTTOM"], N = [...r, ...E], i = [...N, "OVER", "SCREEN"], M = "AUTO", a = {
+const LAYOUT_MODE_1 = "mode-1";
+const LAYOUT_MODE_2 = "mode-2";
+const LAYOUT_MODE_3 = "mode-3";
+const ORIENTATIONS_X = ["LEFT", "RIGHT"];
+const ORIENTATIONS_Y = ["TOP", "BOTTOM"];
+const ORIENTATIONS_XY = [...ORIENTATIONS_X, ...ORIENTATIONS_Y];
+const ORIENTATIONS = [...ORIENTATIONS_XY, "OVER", "SCREEN"];
+const POSITION_AUTO = "AUTO";
+const ORIENTATIONS_TO_START_END = {
   LEFT: "end",
@@ -9,3 +17,6 @@ RIGHT: "start",
   AUTO: "nearest"
-}, R = ["START", "END"], S = [...R, "CENTER"], P = {
+};
+const ALIGNMENT_ANCHORS = ["START", "END"];
+const ALIGNMENTS = [...ALIGNMENT_ANCHORS, "CENTER"];
+const popoverDefaultValues = {
   prevBtnText: "Prev",
@@ -16,67 +27,83 @@ nextBtnText: "Next",
   offset: 7,
-  showCloseBtn: !0,
-  showCtrlBtns: !0,
+  showCloseBtn: true,
+  showCtrlBtns: true,
   title: "",
   description: ""
-}, d = {
-  showMask: !1,
-  showBorder: !0,
-  showHeartbeat: !0,
+};
+const highlightDefaultValues = {
+  showMask: false,
+  showBorder: true,
+  showHeartbeat: true,
   padding: 10,
   maskOpacity: 0.6,
   borderWidth: 3
-}, O = "#FFFFFF", C = "#409EFF", u = "#494949", B = "#6B7ACB", Y = "#5A82F5", s = "#333333", F = "#2d2d2d";
-function n(o, t = o) {
-  return o === O ? s : t;
+};
+const PRIMARY_COLOR_WHITE = "#FFFFFF";
+const PRIMARY_COLOR_BLUE = "#409EFF";
+const PRIMARY_COLOR_DARK = "#494949";
+const PRIMARY_COLOR_PURPLE = "#6B7ACB";
+const PRIMARY_COLOR_FLY = "#5A82F5";
+const PRIMARY_COLOR_BLACK = "#333333";
+const TEXT_COLOR_BLACK = "#2d2d2d";
+function invertWhite(primaryColor, fallback = primaryColor) {
+  return primaryColor === PRIMARY_COLOR_WHITE ? PRIMARY_COLOR_BLACK : fallback;
 }
-function x(o) {
-  const t = (o == null ? void 0 : o.primaryColor) || C, T = (o == null ? void 0 : o.textColor) || n(t, O), _ = (o == null ? void 0 : o.descColor) || s, c = (o == null ? void 0 : o.highlightColor) || n(t);
+function normalizeTheme(theme) {
+  const primaryColor = (theme == null ? void 0 : theme.primaryColor) || PRIMARY_COLOR_BLUE;
+  const textColor = (theme == null ? void 0 : theme.textColor) || invertWhite(primaryColor, PRIMARY_COLOR_WHITE);
+  const descColor = (theme == null ? void 0 : theme.descColor) || PRIMARY_COLOR_BLACK;
+  const highlightColor = (theme == null ? void 0 : theme.highlightColor) || invertWhite(primaryColor);
   return {
-    primaryColor: t,
-    textColor: T,
-    descColor: _,
-    highlightColor: c
+    primaryColor,
+    textColor,
+    descColor,
+    highlightColor
   };
 }
-class A {
+class NoElement {
 }
-const I = new A();
-function p(o) {
-  return o === I;
+const NO_ELEMENT = new NoElement();
+function isNoElement(value) {
+  return value === NO_ELEMENT;
 }
-const g = {
+const EMPTY_POINT = {
   x: 0,
   y: 0
-}, D = "close", K = "next", f = "none", H = "popover", U = "highlight";
+};
+const CLICK_MASK_ACTION_CLOSE = "close";
+const CLICK_MASK_ACTION_NEXT = "next";
+const CLICK_MASK_ACTION_NONE = "none";
+const COMPONENT_SLOT_POPOVER = "popover";
+const COMPONENT_SLOT_HIGHLIGHT = "highlight";
 export {
-  S as ALIGNMENTS,
-  R as ALIGNMENT_ANCHORS,
-  D as CLICK_MASK_ACTION_CLOSE,
-  K as CLICK_MASK_ACTION_NEXT,
-  f as CLICK_MASK_ACTION_NONE,
-  U as COMPONENT_SLOT_HIGHLIGHT,
-  H as COMPONENT_SLOT_POPOVER,
-  g as EMPTY_POINT,
-  L as LAYOUT_MODE_1,
-  l as LAYOUT_MODE_2,
-  e as LAYOUT_MODE_3,
-  I as NO_ELEMENT,
-  A as NoElement,
-  i as ORIENTATIONS,
-  a as ORIENTATIONS_TO_START_END,
-  r as ORIENTATIONS_X,
-  N as ORIENTATIONS_XY,
-  E as ORIENTATIONS_Y,
-  M as POSITION_AUTO,
-  s as PRIMARY_COLOR_BLACK,
-  C as PRIMARY_COLOR_BLUE,
-  u as PRIMARY_COLOR_DARK,
-  Y as PRIMARY_COLOR_FLY,
-  B as PRIMARY_COLOR_PURPLE,
-  O as PRIMARY_COLOR_WHITE,
-  F as TEXT_COLOR_BLACK,
-  d as highlightDefaultValues,
-  p as isNoElement,
-  x as normalizeTheme,
-  P as popoverDefaultValues
+  ALIGNMENTS,
+  ALIGNMENT_ANCHORS,
+  CLICK_MASK_ACTION_CLOSE,
+  CLICK_MASK_ACTION_NEXT,
+  CLICK_MASK_ACTION_NONE,
+  COMPONENT_SLOT_HIGHLIGHT,
+  COMPONENT_SLOT_POPOVER,
+  EMPTY_POINT,
+  LAYOUT_MODE_1,
+  LAYOUT_MODE_2,
+  LAYOUT_MODE_3,
+  NO_ELEMENT,
+  NoElement,
+  ORIENTATIONS,
+  ORIENTATIONS_TO_START_END,
+  ORIENTATIONS_X,
+  ORIENTATIONS_XY,
+  ORIENTATIONS_Y,
+  POSITION_AUTO,
+  PRIMARY_COLOR_BLACK,
+  PRIMARY_COLOR_BLUE,
+  PRIMARY_COLOR_DARK,
+  PRIMARY_COLOR_FLY,
+  PRIMARY_COLOR_PURPLE,
+  PRIMARY_COLOR_WHITE,
+  TEXT_COLOR_BLACK,
+  highlightDefaultValues,
+  isNoElement,
+  normalizeTheme,
+  popoverDefaultValues
 };

lib/types.d.ts

@@ -132,3 +132,3 @@ import type { ScrollOffset, Size, Transform } from '@thisway/utils';
     beforeStepChange?(nextStepId: StepIdType, currentStepId: MaybeStepId, abortController: AbortController): Promise<void>;
-    waitForElement(step: T, abortController: AbortController): Promise<Element | null | undefined>;
+    waitForElement(step: T, abortController: AbortController): Readable<Element | NoElement | null | undefined>;
     afterStepChanged?(currentStepId: StepIdType, previousStepId: MaybeStepId): void;
@@ -135,0 +135,0 @@ /**

package.json

 {
   "name": "@thisway/base",
-  "version": "0.11.0",
+  "version": "0.12.0-beta.0",
   "type": "module",
   "sideEffects": false,
   "dependencies": {
-    "@thisway/utils": "^0.6.2",
+    "@thisway/utils": "0.7.0-beta.0",
     "type-fest": "^4.7.0",
@@ -9,0 +9,0 @@ "svelte": "^4.2.1"

No alert changes

Improved metrics

Total package byte prevSize

17491

increased by18.21%

Lines of code

484

increased by35.2%

Dependency changes

• + Added@thisway/utils@0.7.0-beta.0(transitive)

• - Removed@thisway/utils@0.6.2(transitive)

• Updated@thisway/utils@0.7.0-beta.0