ranui 0.2.0-alpha.2 → 0.2.0-alpha.4

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.
Files changed (102) hide show
  1. package/dist/builder.js +1 -1
  2. package/dist/{button-BstLjXNe.js → button-CJFSrjq_.js} +10 -10
  3. package/dist/button.js +1 -1
  4. package/dist/card-F-3fRynz.js +67 -0
  5. package/dist/card.js +1 -1
  6. package/dist/{checkbox-iHZQb-yQ.js → checkbox-BS5kNY6n.js} +9 -9
  7. package/dist/checkbox.js +1 -1
  8. package/dist/{colorpicker-CGh8pRqo.js → colorpicker-CdzUAVC5.js} +11 -11
  9. package/dist/colorpicker.js +1 -1
  10. package/dist/components/button/index.d.ts +1 -1
  11. package/dist/components/card/index.d.ts +3 -0
  12. package/dist/components/theme-switch/index.d.ts +36 -0
  13. package/dist/{dropdown-RqHMRhFE.js → dropdown-BYS1Trdu.js} +9 -9
  14. package/dist/dropdown.js +1 -1
  15. package/dist/fonts/Geist-Variable.woff2 +0 -0
  16. package/dist/fonts/GeistMono-Variable.woff2 +0 -0
  17. package/dist/fonts/OFL-LICENSE.txt +92 -0
  18. package/dist/fonts/fonts.css +26 -0
  19. package/dist/{form-05Lxxl3D.js → form-BsB5JhS4.js} +9 -9
  20. package/dist/form.js +1 -1
  21. package/dist/{icon-Blm7AbyY.js → icon-pfolda2m.js} +3 -3
  22. package/dist/icon.js +1 -1
  23. package/dist/iife/button.iife.js +1 -1
  24. package/dist/iife/card.iife.js +1 -1
  25. package/dist/iife/checkbox.iife.js +1 -1
  26. package/dist/iife/colorpicker.iife.js +2 -2
  27. package/dist/iife/dropdown.iife.js +1 -1
  28. package/dist/iife/form.iife.js +1 -1
  29. package/dist/iife/icon.iife.js +1 -1
  30. package/dist/iife/image.iife.js +1 -1
  31. package/dist/iife/input.iife.js +1 -1
  32. package/dist/iife/link.iife.js +1 -1
  33. package/dist/iife/loading.iife.js +1 -1
  34. package/dist/iife/math.iife.js +14 -14
  35. package/dist/iife/message.iife.js +1 -1
  36. package/dist/iife/modal.iife.js +1 -1
  37. package/dist/iife/player.iife.js +9 -9
  38. package/dist/iife/popover.iife.js +1 -1
  39. package/dist/iife/progress.iife.js +1 -1
  40. package/dist/iife/radar.iife.js +1 -1
  41. package/dist/iife/route.iife.js +1 -1
  42. package/dist/iife/router.iife.js +1 -1
  43. package/dist/iife/scratch.iife.js +1 -1
  44. package/dist/iife/section.iife.js +1 -1
  45. package/dist/iife/select.iife.js +2 -2
  46. package/dist/iife/skeleton.iife.js +1 -1
  47. package/dist/iife/tab.iife.js +1 -1
  48. package/dist/iife/tabpane.iife.js +1 -1
  49. package/dist/iife/theme-switch.iife.js +1 -0
  50. package/dist/{image-DKm6z7YQ.js → image-BXpKQ9sU.js} +9 -9
  51. package/dist/image.js +1 -1
  52. package/dist/index.cjs +23 -23
  53. package/dist/index.d.ts +4 -0
  54. package/dist/index.iife.js +67 -78
  55. package/dist/index.js +73 -72
  56. package/dist/{input-Dskw1bAl.js → input-BM6e_LQr.js} +13 -13
  57. package/dist/input.js +1 -1
  58. package/dist/{link-BW-gvrpN.js → link-DURZzd7u.js} +7 -7
  59. package/dist/link.js +1 -1
  60. package/dist/{loading-C4QUpm70.js → loading-Bd-gF1AH.js} +24 -24
  61. package/dist/loading.js +1 -1
  62. package/dist/{math-Dv4nXSoI.js → math-IjzOAwnA.js} +7 -7
  63. package/dist/math.js +1 -1
  64. package/dist/{message-De5e1txT.js → message-CLpuP8HY.js} +8 -8
  65. package/dist/message.js +1 -1
  66. package/dist/{modal-DruDj3AB.js → modal-DOTpABRe.js} +7 -7
  67. package/dist/modal.js +1 -1
  68. package/dist/{player-CqTAmg_E.js → player-C2pB5L2N.js} +7 -7
  69. package/dist/player.js +1 -1
  70. package/dist/{popover-BY32HNMl.js → popover-DRUQjdPs.js} +10 -10
  71. package/dist/popover.js +1 -1
  72. package/dist/{progress-gZo0knzu.js → progress-BIEXYYd2.js} +6 -6
  73. package/dist/progress.js +1 -1
  74. package/dist/{radar-19P5Mtld.js → radar-DAF95_Mj.js} +9 -9
  75. package/dist/radar.js +1 -1
  76. package/dist/ranui.css +1 -1
  77. package/dist/{route-BY_E6-2C.js → route-MQZpn2BP.js} +14 -14
  78. package/dist/route.js +1 -1
  79. package/dist/{router-BDcv4F-2.js → router-B9rCrWXm.js} +5 -5
  80. package/dist/router.js +1 -1
  81. package/dist/{scratch-Dbd9G6Q6.js → scratch-QlPyy1f4.js} +1 -1
  82. package/dist/scratch.js +1 -1
  83. package/dist/{section-CNTvgdQ-.js → section-D0qMm9KM.js} +8 -8
  84. package/dist/section.js +1 -1
  85. package/dist/{select-BVdUtQX5.js → select-BSeCT9tF.js} +13 -13
  86. package/dist/select.js +1 -1
  87. package/dist/{signal-XHfNsQNW.js → signal-CSSZxlK5.js} +1 -1
  88. package/dist/{skeleton-BAdJ6vyA.js → skeleton-CFqQmKyt.js} +8 -8
  89. package/dist/skeleton.js +1 -1
  90. package/dist/{tab-DH2owP2V.js → tab-CqFrgo2v.js} +5 -5
  91. package/dist/tab.js +1 -1
  92. package/dist/{tabpane-B_M-Jokw.js → tabpane-B-m3xwqu.js} +7 -7
  93. package/dist/tabpane.js +1 -1
  94. package/dist/test/unit/theme-switch.contract.test.d.ts +1 -0
  95. package/dist/theme-switch-B8K9y2RL.js +170 -0
  96. package/dist/theme-switch.js +5 -0
  97. package/dist/{utils-D4pPF77E.js → utils-DBfrRFoE.js} +116 -198
  98. package/docs/COMPONENTS.md +21 -5
  99. package/docs/DESIGN.md +24 -19
  100. package/docs/style-tokens-public.md +55 -8
  101. package/package.json +16 -10
  102. package/dist/card-DQUJoDUQ.js +0 -60
package/dist/player.js CHANGED
@@ -1,4 +1,4 @@
1
- import { n as e, t as r } from "./player-CqTAmg_E.js";
1
+ import { n as e, t as r } from "./player-C2pB5L2N.js";
2
2
  export {
3
3
  r as RanPlayer,
4
4
  e as default
@@ -1,8 +1,8 @@
1
- import { c as f, d as I, g as u, h as n, l as d, s as b, u as l } from "./utils-D4pPF77E.js";
1
+ import { a as I, i as d, l as n, n as f, r as l, t as b, u } from "./utils-DBfrRFoE.js";
2
2
  import { t as T } from "./events-C59wGdni.js";
3
3
  import { _ as k, i as g, p as C } from "./factory-BdsO0dEW.js";
4
4
  import { a as y, n as D } from "./ssr-DSGwPtEd.js";
5
- import "./dropdown-RqHMRhFE.js";
5
+ import "./dropdown-BYS1Trdu.js";
6
6
  var P = ".remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transparent}.remove-wap-active-focus:active,.remove-wap-active-focus:focus{outline:0;-webkit-tap-highlight-color:transparent}:host{visibility:hidden;position:absolute}", x = class extends D {
7
7
  observer;
8
8
  _shadowDom;
@@ -82,28 +82,28 @@ var _ = ".remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
82
82
  this.popoverBlock = t, this._slot = t.querySelector(".slot");
83
83
  }
84
84
  get placement() {
85
- return d(this, "placement", "top");
85
+ return l(this, "placement", "top");
86
86
  }
87
87
  set placement(t) {
88
- l(this, "placement", t);
88
+ d(this, "placement", t);
89
89
  }
90
90
  get trigger() {
91
- return d(this, "trigger", "hover");
91
+ return l(this, "trigger", "hover");
92
92
  }
93
93
  set trigger(t) {
94
- l(this, "trigger", t);
94
+ d(this, "trigger", t);
95
95
  }
96
96
  get getPopupContainerId() {
97
- return d(this, "getPopupContainerId");
97
+ return l(this, "getPopupContainerId");
98
98
  }
99
99
  set getPopupContainerId(t) {
100
- l(this, "getPopupContainerId", t);
100
+ d(this, "getPopupContainerId", t);
101
101
  }
102
102
  get sheet() {
103
- return d(this, "sheet");
103
+ return l(this, "sheet");
104
104
  }
105
105
  set sheet(t) {
106
- l(this, "sheet", t);
106
+ d(this, "sheet", t);
107
107
  }
108
108
  handlerExternalCss = () => {
109
109
  I(this, this._shadowDom, "sheet", null, this.sheet);
package/dist/popover.js CHANGED
@@ -1,4 +1,4 @@
1
- import { n as a, t as r } from "./popover-BY32HNMl.js";
1
+ import { n as a, t as r } from "./popover-DRUQjdPs.js";
2
2
  export {
3
3
  r as PLACEMENT_TYPE,
4
4
  a as Popover,
@@ -1,4 +1,4 @@
1
- import { c as n, d as p, l as h, s as g, u, y as i } from "./utils-D4pPF77E.js";
1
+ import { a as n, i as p, n as h, p as i, r as g, t as u } from "./utils-DBfrRFoE.js";
2
2
  import { t as l } from "./events-C59wGdni.js";
3
3
  import { i as o } from "./factory-BdsO0dEW.js";
4
4
  import { a as c, n as d } from "./ssr-DSGwPtEd.js";
@@ -20,8 +20,8 @@ var v = ".remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
20
20
  return b;
21
21
  }
22
22
  constructor() {
23
- super(), this._shadowDom = n(this, v);
24
- const r = g(this._shadowDom, ".ran-progress", () => o().class("ran-progress").role("progressbar").children(o().class("ran-progress-wrap").part("track").children(o().class("ran-progress-wrap-value").part("fill")), o().class("ran-progress-dot").part("dot")).build());
23
+ super(), this._shadowDom = h(this, v);
24
+ const r = u(this._shadowDom, ".ran-progress", () => o().class("ran-progress").role("progressbar").children(o().class("ran-progress-wrap").part("track").children(o().class("ran-progress-wrap-value").part("fill")), o().class("ran-progress-dot").part("dot")).build());
25
25
  this._progress = r, this._progressWrap = r.querySelector(".ran-progress-wrap"), this._progressWrapValue = r.querySelector(".ran-progress-wrap-value"), this._progressDot = r.querySelector(".ran-progress-dot");
26
26
  }
27
27
  get percent() {
@@ -53,13 +53,13 @@ var v = ".remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
53
53
  this.setAttribute("dot", r || "true");
54
54
  }
55
55
  get sheet() {
56
- return h(this, "sheet");
56
+ return g(this, "sheet");
57
57
  }
58
58
  set sheet(r) {
59
- u(this, "sheet", r);
59
+ p(this, "sheet", r);
60
60
  }
61
61
  handlerExternalCss = () => {
62
- p(this, this._shadowDom, "sheet", null, this.sheet);
62
+ n(this, this._shadowDom, "sheet", null, this.sheet);
63
63
  };
64
64
  progressClick = (r) => {
65
65
  if (this.type !== "drag") return;
package/dist/progress.js CHANGED
@@ -1,4 +1,4 @@
1
- import { t as o } from "./progress-gZo0knzu.js";
1
+ import { t as o } from "./progress-BIEXYYd2.js";
2
2
  export {
3
3
  o as Progress,
4
4
  o as default
@@ -1,7 +1,7 @@
1
- import { _ as m, c as f, d as y, l as R, s as A, u as v } from "./utils-D4pPF77E.js";
1
+ import { a as f, d as m, i as y, n as R, r as A, t as v } from "./utils-DBfrRFoE.js";
2
2
  import { _ as P, i as p } from "./factory-BdsO0dEW.js";
3
3
  import { a as w, n as D } from "./ssr-DSGwPtEd.js";
4
- var k = ".remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transparent}.remove-wap-active-focus:active,.remove-wap-active-focus:focus{outline:0;-webkit-tap-highlight-color:transparent}:host{--ran-radar-polygon-color: var(--ran-color-border, #e6e6e6);--ran-radar-line-color: var(--ran-color-border, #e6e6e6);--ran-radar-fill-color: rgba(255, 121, 35, .6);--ran-radar-stroke-color: rgba(255, 121, 35, .6)}.ran-radar{position:var(--ran-radar-position, relative);width:var(--ran-radar-width, 100%);height:var(--ran-radar-height, 100%);display:var(--ran-radar-display, block)}.ran-radar canvas{width:100%;height:100%}", M = "rgba(0,0,0,0)", S = "rgba(0,0,0,1)", d = "#e6e6e6", C = "#e6e6e6", O = "黑体", g = "rgba(255,121,35,0.60)", u = "rgba(255,121,35,0.60)", _ = class extends D {
4
+ var k = ".remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transparent}.remove-wap-active-focus:active,.remove-wap-active-focus:focus{outline:0;-webkit-tap-highlight-color:transparent}:host{--ran-radar-polygon-color: var(--ran-color-border, #e6e6e6);--ran-radar-line-color: var(--ran-color-border, #e6e6e6);--ran-radar-fill-color: rgba(255, 121, 35, .6);--ran-radar-stroke-color: rgba(255, 121, 35, .6)}.ran-radar{position:var(--ran-radar-position, relative);width:var(--ran-radar-width, 100%);height:var(--ran-radar-height, 100%);display:var(--ran-radar-display, block)}.ran-radar canvas{width:100%;height:100%}", M = "rgba(0,0,0,0)", S = "rgba(0,0,0,1)", d = "#e6e6e6", C = "#e6e6e6", O = "黑体", g = "rgba(255,121,35,0.60)", u = "rgba(255,121,35,0.60)", L = class extends D {
5
5
  mData;
6
6
  mCount;
7
7
  mW;
@@ -24,8 +24,8 @@ var k = ".remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
24
24
  _shadowDom;
25
25
  resizeObserver;
26
26
  constructor() {
27
- super(), this._shadowDom = f(this, k);
28
- const t = A(this._shadowDom, ".ran-radar", () => p().class("ran-radar").children(P("canvas").build()).build()), e = t.querySelector("canvas");
27
+ super(), this._shadowDom = R(this, k);
28
+ const t = v(this._shadowDom, ".ran-radar", () => p().class("ran-radar").children(P("canvas").build()).build()), e = t.querySelector("canvas");
29
29
  this.abilityRadarChartContainer = t, this.abilityRadarChart = e, this.resizeObserver = new ResizeObserver(this.resize), this.resizeObserver.observe(this.abilityRadarChartContainer);
30
30
  }
31
31
  resize = () => {
@@ -74,13 +74,13 @@ var k = ".remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
74
74
  this.setAttribute("strokeColor", t || u);
75
75
  }
76
76
  get sheet() {
77
- return R(this, "sheet");
77
+ return A(this, "sheet");
78
78
  }
79
79
  set sheet(t) {
80
- v(this, "sheet", t);
80
+ y(this, "sheet", t);
81
81
  }
82
82
  handlerExternalCss = () => {
83
- y(this, this._shadowDom, "sheet", null, this.sheet);
83
+ f(this, this._shadowDom, "sheet", null, this.sheet);
84
84
  };
85
85
  refreshData() {
86
86
  const t = this.abilityRadarChart.getContext("2d");
@@ -175,7 +175,7 @@ var k = ".remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
175
175
  ].includes(t) && this.abilityRadarChartContainer && this.refreshData(), t === "sheet" && this.handlerExternalCss());
176
176
  }
177
177
  };
178
- w("r-radar", _);
178
+ w("r-radar", L);
179
179
  export {
180
- _ as t
180
+ L as t
181
181
  };
package/dist/radar.js CHANGED
@@ -1,4 +1,4 @@
1
- import { t as r } from "./radar-19P5Mtld.js";
1
+ import { t as r } from "./radar-DAF95_Mj.js";
2
2
  export {
3
3
  r as RadarChart,
4
4
  r as default
package/dist/ranui.css CHANGED
@@ -1 +1 @@
1
- .remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transparent}.remove-wap-active-focus:active,.remove-wap-active-focus:focus{outline:0;-webkit-tap-highlight-color:transparent}:root{--ran-background-100: #ffffff;--ran-background-200: #fafafa;--ran-gray-100: #f2f2f2;--ran-gray-200: #ebebeb;--ran-gray-300: #e6e6e6;--ran-gray-400: #eaeaea;--ran-gray-500: #c9c9c9;--ran-gray-600: #a8a8a8;--ran-gray-700: #8f8f8f;--ran-gray-800: #7d7d7d;--ran-gray-900: #4d4d4d;--ran-gray-1000: #171717;--ran-gray-alpha-100: #0000000d;--ran-gray-alpha-200: #00000015;--ran-gray-alpha-300: #0000001a;--ran-gray-alpha-400: #00000014;--ran-gray-alpha-500: #00000036;--ran-gray-alpha-600: #0000003d;--ran-gray-alpha-700: #00000070;--ran-gray-alpha-800: #00000082;--ran-gray-alpha-900: #000000b3;--ran-gray-alpha-1000: #000000e8;--ran-blue-100: #f0f7ff;--ran-blue-200: #e9f4ff;--ran-blue-300: #dfefff;--ran-blue-400: #cae7ff;--ran-blue-500: #94ccff;--ran-blue-600: #48aeff;--ran-blue-700: #006bff;--ran-blue-800: #0059ec;--ran-blue-900: #005ff2;--ran-blue-1000: #002359;--ran-red-100: #ffeeef;--ran-red-200: #ffe8ea;--ran-red-300: #ffe3e4;--ran-red-400: #ffd7d6;--ran-red-500: #ffb1b3;--ran-red-600: #ff676d;--ran-red-700: #fc0035;--ran-red-800: #ea001d;--ran-red-900: #d8001b;--ran-red-1000: #47000c;--ran-amber-100: #fff6de;--ran-amber-200: #fff4cf;--ran-amber-300: #fff1c1;--ran-amber-400: #ffdc73;--ran-amber-500: #ffc543;--ran-amber-600: #ffa600;--ran-amber-700: #ffae00;--ran-amber-800: #ff9300;--ran-amber-900: #aa4d00;--ran-amber-1000: #561900;--ran-green-100: #ecfdec;--ran-green-200: #e5fce7;--ran-green-300: #d3fad1;--ran-green-400: #b9f5bc;--ran-green-500: #82eb8d;--ran-green-600: #4ce15e;--ran-green-700: #28a948;--ran-green-800: #279141;--ran-green-900: #107d32;--ran-green-1000: #003a00;--ran-color-primary: var(--ran-blue-700);--ran-color-primary-hover: var(--ran-blue-800);--ran-color-primary-active: var(--ran-blue-900);--ran-color-success: var(--ran-green-700);--ran-color-warning: var(--ran-amber-700);--ran-color-danger: var(--ran-red-700);--ran-color-bg: var(--ran-background-100);--ran-color-bg-subtle: var(--ran-background-200);--ran-color-bg-elevated: var(--ran-background-100);--ran-color-bg-muted: var(--ran-gray-100);--ran-color-bg-hover: var(--ran-gray-200);--ran-color-bg-active: var(--ran-gray-300);--ran-color-text: var(--ran-gray-1000);--ran-color-text-secondary: var(--ran-gray-900);--ran-color-text-disabled: var(--ran-gray-700);--ran-color-border: var(--ran-gray-400);--ran-color-border-secondary: var(--ran-gray-300);--ran-color-border-hover: var(--ran-gray-500);--ran-color-border-active: var(--ran-gray-600);--ran-color-link: var(--ran-blue-700);--ran-font-family: "Geist", "Geist Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--ran-font-mono: "Geist Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--ran-font-size: 14px;--ran-line-height: 1.5715;--ran-radius-sm: 6px;--ran-radius-md: 12px;--ran-radius-lg: 16px;--ran-radius-full: 9999px;--ran-space-1: 4px;--ran-space-2: 8px;--ran-space-3: 12px;--ran-space-4: 16px;--ran-space-6: 24px;--ran-space-8: 32px;--ran-space-10: 40px;--ran-space-16: 64px;--ran-space-24: 96px;--ran-shadow-elevated: 0 1px 2px rgba(0, 0, 0, .04), 0 2px 4px -2px rgba(0, 0, 0, .05);--ran-shadow-menu: 0 2px 4px rgba(0, 0, 0, .05), 0 8px 24px -6px rgba(0, 0, 0, .14);--ran-shadow-modal: 0 4px 12px rgba(0, 0, 0, .08), 0 20px 48px -12px rgba(0, 0, 0, .22);--ran-z-modal: 1000;--ran-z-dropdown: 1100;--ran-z-message: 1200;--ran-focus-ring: 0 0 0 2px var(--ran-background-100), 0 0 0 4px var(--ran-color-primary);--ran-motion-duration-fast: .15s;--ran-motion-duration-base: .2s;--ran-skin-border-width: 1px;--ran-skin-border-style: solid;--ran-skin-raised-shadow: var(--ran-shadow-elevated);--ran-skin-font-family: var(--ran-font-family)}@media(prefers-color-scheme:dark){:root:not([data-ran-theme=light]):not([theme=light]):not(.light){--ran-background-100: #000000;--ran-background-200: #000000;--ran-gray-100: #1a1a1a;--ran-gray-200: #1f1f1f;--ran-gray-300: #292929;--ran-gray-400: #2e2e2e;--ran-gray-500: #454545;--ran-gray-600: #878787;--ran-gray-700: #8f8f8f;--ran-gray-800: #7d7d7d;--ran-gray-900: #a0a0a0;--ran-gray-1000: #ededed;--ran-gray-alpha-100: #ffffff12;--ran-gray-alpha-200: #ffffff17;--ran-gray-alpha-300: #ffffff21;--ran-gray-alpha-400: #ffffff24;--ran-gray-alpha-500: #ffffff3d;--ran-gray-alpha-600: #ffffff82;--ran-gray-alpha-700: #ffffff8a;--ran-gray-alpha-800: #ffffff78;--ran-gray-alpha-900: #ffffff9c;--ran-gray-alpha-1000: #ffffffeb;--ran-blue-100: #06193a;--ran-blue-200: #022248;--ran-blue-300: #002f62;--ran-blue-400: #003674;--ran-blue-500: #00418b;--ran-blue-600: #0090ff;--ran-blue-700: #006efe;--ran-blue-800: #005be7;--ran-blue-900: #47a8ff;--ran-blue-1000: #eaf6ff;--ran-red-100: #330a11;--ran-red-200: #440d13;--ran-red-300: #5d0e17;--ran-red-400: #6f101b;--ran-red-500: #88151f;--ran-red-600: #f32e40;--ran-red-700: #f13242;--ran-red-800: #e2162a;--ran-red-900: #ff565f;--ran-red-1000: #ffe9ed;--ran-amber-100: #2a1700;--ran-amber-200: #361900;--ran-amber-300: #502800;--ran-amber-400: #5b3000;--ran-amber-500: #703e00;--ran-amber-600: #ed9a00;--ran-amber-700: #ffae00;--ran-amber-800: #ff9300;--ran-amber-900: #ff9300;--ran-amber-1000: #fff3d5;--ran-green-100: #002608;--ran-green-200: #00320b;--ran-green-300: #003a0e;--ran-green-400: #004615;--ran-green-500: #006717;--ran-green-600: #00952d;--ran-green-700: #00ac3a;--ran-green-800: #009432;--ran-green-900: #00ca50;--ran-green-1000: #d8ffe4;--ran-color-bg-elevated: var(--ran-gray-100);--ran-shadow-elevated: 0 1px 2px rgba(0, 0, 0, .16);--ran-shadow-menu: 0 1px 1px rgba(0, 0, 0, .2), 0 4px 8px -4px rgba(0, 0, 0, .4), 0 16px 24px -8px rgba(0, 0, 0, .5);--ran-shadow-modal: 0 1px 1px rgba(0, 0, 0, .2), 0 8px 16px -4px rgba(0, 0, 0, .4), 0 24px 32px -8px rgba(0, 0, 0, .5)}}:root[data-ran-theme=dark],:root[theme=dark],:root.dark{--ran-background-100: #000000;--ran-background-200: #000000;--ran-gray-100: #1a1a1a;--ran-gray-200: #1f1f1f;--ran-gray-300: #292929;--ran-gray-400: #2e2e2e;--ran-gray-500: #454545;--ran-gray-600: #878787;--ran-gray-700: #8f8f8f;--ran-gray-800: #7d7d7d;--ran-gray-900: #a0a0a0;--ran-gray-1000: #ededed;--ran-gray-alpha-100: #ffffff12;--ran-gray-alpha-200: #ffffff17;--ran-gray-alpha-300: #ffffff21;--ran-gray-alpha-400: #ffffff24;--ran-gray-alpha-500: #ffffff3d;--ran-gray-alpha-600: #ffffff82;--ran-gray-alpha-700: #ffffff8a;--ran-gray-alpha-800: #ffffff78;--ran-gray-alpha-900: #ffffff9c;--ran-gray-alpha-1000: #ffffffeb;--ran-blue-100: #06193a;--ran-blue-200: #022248;--ran-blue-300: #002f62;--ran-blue-400: #003674;--ran-blue-500: #00418b;--ran-blue-600: #0090ff;--ran-blue-700: #006efe;--ran-blue-800: #005be7;--ran-blue-900: #47a8ff;--ran-blue-1000: #eaf6ff;--ran-red-100: #330a11;--ran-red-200: #440d13;--ran-red-300: #5d0e17;--ran-red-400: #6f101b;--ran-red-500: #88151f;--ran-red-600: #f32e40;--ran-red-700: #f13242;--ran-red-800: #e2162a;--ran-red-900: #ff565f;--ran-red-1000: #ffe9ed;--ran-amber-100: #2a1700;--ran-amber-200: #361900;--ran-amber-300: #502800;--ran-amber-400: #5b3000;--ran-amber-500: #703e00;--ran-amber-600: #ed9a00;--ran-amber-700: #ffae00;--ran-amber-800: #ff9300;--ran-amber-900: #ff9300;--ran-amber-1000: #fff3d5;--ran-green-100: #002608;--ran-green-200: #00320b;--ran-green-300: #003a0e;--ran-green-400: #004615;--ran-green-500: #006717;--ran-green-600: #00952d;--ran-green-700: #00ac3a;--ran-green-800: #009432;--ran-green-900: #00ca50;--ran-green-1000: #d8ffe4;--ran-color-bg-elevated: var(--ran-gray-100);--ran-shadow-elevated: 0 1px 2px rgba(0, 0, 0, .16);--ran-shadow-menu: 0 1px 1px rgba(0, 0, 0, .2), 0 4px 8px -4px rgba(0, 0, 0, .4), 0 16px 24px -8px rgba(0, 0, 0, .5);--ran-shadow-modal: 0 1px 1px rgba(0, 0, 0, .2), 0 8px 16px -4px rgba(0, 0, 0, .4), 0 24px 32px -8px rgba(0, 0, 0, .5)}
1
+ .remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transparent}.remove-wap-active-focus:active,.remove-wap-active-focus:focus{outline:0;-webkit-tap-highlight-color:transparent}:root{--ran-background-100: #ffffff;--ran-background-200: #fafafa;--ran-gray-100: #f2f2f2;--ran-gray-200: #ebebeb;--ran-gray-300: #e6e6e6;--ran-gray-400: #eaeaea;--ran-gray-500: #c9c9c9;--ran-gray-600: #a8a8a8;--ran-gray-700: #8f8f8f;--ran-gray-800: #7d7d7d;--ran-gray-900: #4d4d4d;--ran-gray-1000: #171717;--ran-gray-alpha-100: #0000000d;--ran-gray-alpha-200: #00000015;--ran-gray-alpha-300: #0000001a;--ran-gray-alpha-400: #00000014;--ran-gray-alpha-500: #00000036;--ran-gray-alpha-600: #0000003d;--ran-gray-alpha-700: #00000070;--ran-gray-alpha-800: #00000082;--ran-gray-alpha-900: #000000b3;--ran-gray-alpha-1000: #000000e8;--ran-blue-100: #f0f7ff;--ran-blue-200: #e9f4ff;--ran-blue-300: #dfefff;--ran-blue-400: #cae7ff;--ran-blue-500: #94ccff;--ran-blue-600: #48aeff;--ran-blue-700: #006bff;--ran-blue-800: #0059ec;--ran-blue-900: #005ff2;--ran-blue-1000: #002359;--ran-red-100: #ffeeef;--ran-red-200: #ffe8ea;--ran-red-300: #ffe3e4;--ran-red-400: #ffd7d6;--ran-red-500: #ffb1b3;--ran-red-600: #ff676d;--ran-red-700: #fc0035;--ran-red-800: #ea001d;--ran-red-900: #d8001b;--ran-red-1000: #47000c;--ran-amber-100: #fff6de;--ran-amber-200: #fff4cf;--ran-amber-300: #fff1c1;--ran-amber-400: #ffdc73;--ran-amber-500: #ffc543;--ran-amber-600: #ffa600;--ran-amber-700: #ffae00;--ran-amber-800: #ff9300;--ran-amber-900: #aa4d00;--ran-amber-1000: #561900;--ran-green-100: #ecfdec;--ran-green-200: #e5fce7;--ran-green-300: #d3fad1;--ran-green-400: #b9f5bc;--ran-green-500: #82eb8d;--ran-green-600: #4ce15e;--ran-green-700: #28a948;--ran-green-800: #279141;--ran-green-900: #107d32;--ran-green-1000: #003a00;--ran-color-primary: var(--ran-blue-700);--ran-color-primary-hover: var(--ran-blue-800);--ran-color-primary-active: var(--ran-blue-900);--ran-color-success: var(--ran-green-700);--ran-color-warning: var(--ran-amber-700);--ran-color-danger: var(--ran-red-700);--ran-color-bg: var(--ran-background-100);--ran-color-bg-subtle: var(--ran-background-200);--ran-color-bg-elevated: var(--ran-background-100);--ran-color-bg-muted: var(--ran-gray-100);--ran-color-bg-hover: var(--ran-gray-200);--ran-color-bg-active: var(--ran-gray-300);--ran-color-text: var(--ran-gray-1000);--ran-color-text-secondary: var(--ran-gray-900);--ran-color-text-disabled: var(--ran-gray-700);--ran-color-border: var(--ran-gray-400);--ran-color-border-secondary: var(--ran-gray-300);--ran-color-border-hover: var(--ran-gray-500);--ran-color-border-active: var(--ran-gray-600);--ran-color-link: var(--ran-blue-700);--ran-color-contrast-bg: var(--ran-gray-1000);--ran-color-contrast-bg-hover: #383838;--ran-color-contrast-bg-active: #4d4d4d;--ran-color-contrast-text: var(--ran-background-100);--ran-font-family: "Geist", "Geist Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--ran-font-mono: "Geist Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--ran-font-size: 14px;--ran-line-height: 1.5715;--ran-radius-sm: 6px;--ran-radius-md: 12px;--ran-radius-lg: 16px;--ran-radius-full: 9999px;--ran-space-1: 4px;--ran-space-2: 8px;--ran-space-3: 12px;--ran-space-4: 16px;--ran-space-6: 24px;--ran-space-8: 32px;--ran-space-10: 40px;--ran-space-16: 64px;--ran-space-24: 96px;--ran-shadow-elevated: 0 1px 2px rgba(0, 0, 0, .04), 0 2px 4px -2px rgba(0, 0, 0, .05);--ran-shadow-menu: 0 2px 4px rgba(0, 0, 0, .05), 0 8px 24px -6px rgba(0, 0, 0, .14);--ran-shadow-modal: 0 4px 12px rgba(0, 0, 0, .08), 0 20px 48px -12px rgba(0, 0, 0, .22);--ran-z-modal: 1000;--ran-z-dropdown: 1100;--ran-z-message: 1200;--ran-focus-ring: 0 0 0 2px var(--ran-background-100), 0 0 0 4px var(--ran-color-primary);--ran-motion-duration-fast: .15s;--ran-motion-duration-base: .2s;--ran-skin-border-width: 1px;--ran-skin-border-style: solid;--ran-skin-raised-shadow: var(--ran-shadow-elevated);--ran-skin-font-family: var(--ran-font-family)}@media(prefers-color-scheme:dark){:root:not([data-ran-theme=light]):not([theme=light]):not(.light){--ran-background-100: #000000;--ran-background-200: #000000;--ran-gray-100: #1a1a1a;--ran-gray-200: #1f1f1f;--ran-gray-300: #292929;--ran-gray-400: #2e2e2e;--ran-gray-500: #454545;--ran-gray-600: #878787;--ran-gray-700: #8f8f8f;--ran-gray-800: #7d7d7d;--ran-gray-900: #a0a0a0;--ran-gray-1000: #ededed;--ran-gray-alpha-100: #ffffff12;--ran-gray-alpha-200: #ffffff17;--ran-gray-alpha-300: #ffffff21;--ran-gray-alpha-400: #ffffff24;--ran-gray-alpha-500: #ffffff3d;--ran-gray-alpha-600: #ffffff82;--ran-gray-alpha-700: #ffffff8a;--ran-gray-alpha-800: #ffffff78;--ran-gray-alpha-900: #ffffff9c;--ran-gray-alpha-1000: #ffffffeb;--ran-blue-100: #06193a;--ran-blue-200: #022248;--ran-blue-300: #002f62;--ran-blue-400: #003674;--ran-blue-500: #00418b;--ran-blue-600: #0090ff;--ran-blue-700: #006efe;--ran-blue-800: #005be7;--ran-blue-900: #47a8ff;--ran-blue-1000: #eaf6ff;--ran-red-100: #330a11;--ran-red-200: #440d13;--ran-red-300: #5d0e17;--ran-red-400: #6f101b;--ran-red-500: #88151f;--ran-red-600: #f32e40;--ran-red-700: #f13242;--ran-red-800: #e2162a;--ran-red-900: #ff565f;--ran-red-1000: #ffe9ed;--ran-amber-100: #2a1700;--ran-amber-200: #361900;--ran-amber-300: #502800;--ran-amber-400: #5b3000;--ran-amber-500: #703e00;--ran-amber-600: #ed9a00;--ran-amber-700: #ffae00;--ran-amber-800: #ff9300;--ran-amber-900: #ff9300;--ran-amber-1000: #fff3d5;--ran-green-100: #002608;--ran-green-200: #00320b;--ran-green-300: #003a0e;--ran-green-400: #004615;--ran-green-500: #006717;--ran-green-600: #00952d;--ran-green-700: #00ac3a;--ran-green-800: #009432;--ran-green-900: #00ca50;--ran-green-1000: #d8ffe4;--ran-color-bg-elevated: var(--ran-gray-100);--ran-color-contrast-bg-hover: #cccccc;--ran-color-contrast-bg-active: #b3b3b3;--ran-shadow-elevated: 0 1px 2px rgba(0, 0, 0, .16);--ran-shadow-menu: 0 1px 1px rgba(0, 0, 0, .2), 0 4px 8px -4px rgba(0, 0, 0, .4), 0 16px 24px -8px rgba(0, 0, 0, .5);--ran-shadow-modal: 0 1px 1px rgba(0, 0, 0, .2), 0 8px 16px -4px rgba(0, 0, 0, .4), 0 24px 32px -8px rgba(0, 0, 0, .5)}}:root[data-ran-theme=dark],:root[theme=dark],:root.dark{--ran-background-100: #000000;--ran-background-200: #000000;--ran-gray-100: #1a1a1a;--ran-gray-200: #1f1f1f;--ran-gray-300: #292929;--ran-gray-400: #2e2e2e;--ran-gray-500: #454545;--ran-gray-600: #878787;--ran-gray-700: #8f8f8f;--ran-gray-800: #7d7d7d;--ran-gray-900: #a0a0a0;--ran-gray-1000: #ededed;--ran-gray-alpha-100: #ffffff12;--ran-gray-alpha-200: #ffffff17;--ran-gray-alpha-300: #ffffff21;--ran-gray-alpha-400: #ffffff24;--ran-gray-alpha-500: #ffffff3d;--ran-gray-alpha-600: #ffffff82;--ran-gray-alpha-700: #ffffff8a;--ran-gray-alpha-800: #ffffff78;--ran-gray-alpha-900: #ffffff9c;--ran-gray-alpha-1000: #ffffffeb;--ran-blue-100: #06193a;--ran-blue-200: #022248;--ran-blue-300: #002f62;--ran-blue-400: #003674;--ran-blue-500: #00418b;--ran-blue-600: #0090ff;--ran-blue-700: #006efe;--ran-blue-800: #005be7;--ran-blue-900: #47a8ff;--ran-blue-1000: #eaf6ff;--ran-red-100: #330a11;--ran-red-200: #440d13;--ran-red-300: #5d0e17;--ran-red-400: #6f101b;--ran-red-500: #88151f;--ran-red-600: #f32e40;--ran-red-700: #f13242;--ran-red-800: #e2162a;--ran-red-900: #ff565f;--ran-red-1000: #ffe9ed;--ran-amber-100: #2a1700;--ran-amber-200: #361900;--ran-amber-300: #502800;--ran-amber-400: #5b3000;--ran-amber-500: #703e00;--ran-amber-600: #ed9a00;--ran-amber-700: #ffae00;--ran-amber-800: #ff9300;--ran-amber-900: #ff9300;--ran-amber-1000: #fff3d5;--ran-green-100: #002608;--ran-green-200: #00320b;--ran-green-300: #003a0e;--ran-green-400: #004615;--ran-green-500: #006717;--ran-green-600: #00952d;--ran-green-700: #00ac3a;--ran-green-800: #009432;--ran-green-900: #00ca50;--ran-green-1000: #d8ffe4;--ran-color-bg-elevated: var(--ran-gray-100);--ran-color-contrast-bg-hover: #cccccc;--ran-color-contrast-bg-active: #b3b3b3;--ran-shadow-elevated: 0 1px 2px rgba(0, 0, 0, .16);--ran-shadow-menu: 0 1px 1px rgba(0, 0, 0, .2), 0 4px 8px -4px rgba(0, 0, 0, .4), 0 16px 24px -8px rgba(0, 0, 0, .5);--ran-shadow-modal: 0 1px 1px rgba(0, 0, 0, .2), 0 8px 16px -4px rgba(0, 0, 0, .4), 0 24px 32px -8px rgba(0, 0, 0, .5)}
@@ -1,4 +1,4 @@
1
- import { c as p, d as l, l as o, s as d, u as n } from "./utils-D4pPF77E.js";
1
+ import { a as p, i as o, n as l, r as n, t as d } from "./utils-DBfrRFoE.js";
2
2
  import { t as m } from "./events-C59wGdni.js";
3
3
  import { p as f } from "./factory-BdsO0dEW.js";
4
4
  import { a as _, n as b } from "./ssr-DSGwPtEd.js";
@@ -15,13 +15,13 @@ var v = ".remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
15
15
  _shadowDom;
16
16
  _params = {};
17
17
  constructor() {
18
- super(), this._shadowDom = p(this, v), d(this._shadowDom, "slot", () => f().build());
18
+ super(), this._shadowDom = l(this, v), d(this._shadowDom, "slot", () => f().build());
19
19
  }
20
20
  get path() {
21
- return o(this, "path", "/");
21
+ return n(this, "path", "/");
22
22
  }
23
23
  set path(t) {
24
- n(this, "path", t);
24
+ o(this, "path", t);
25
25
  }
26
26
  get exact() {
27
27
  return this.hasAttribute("exact");
@@ -30,18 +30,18 @@ var v = ".remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
30
30
  return { ...this._params };
31
31
  }
32
32
  get sheet() {
33
- return o(this, "sheet");
33
+ return n(this, "sheet");
34
34
  }
35
35
  set sheet(t) {
36
- n(this, "sheet", t);
36
+ o(this, "sheet", t);
37
37
  }
38
38
  handlerExternalCss = () => {
39
- l(this, this._shadowDom, "sheet", null, this.sheet);
39
+ p(this, this._shadowDom, "sheet", null, this.sheet);
40
40
  };
41
41
  _matchPath(t) {
42
- const s = this.path, e = {}, r = [], h = s.split("/").map((a) => a.startsWith(":") ? (r.push(a.slice(1)), "([^/]+)") : a === "*" ? "(.*)" : a.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("/"), c = this.exact ? new RegExp(`^${h}$`) : new RegExp(`^${h}(?:/.*)?$`), i = t.match(c);
43
- return i ? (r.forEach((a, u) => {
44
- e[a] = decodeURIComponent(i[u + 1] ?? "");
42
+ const a = this.path, e = {}, r = [], h = a.split("/").map((s) => s.startsWith(":") ? (r.push(s.slice(1)), "([^/]+)") : s === "*" ? "(.*)" : s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join("/"), c = this.exact ? new RegExp(`^${h}$`) : new RegExp(`^${h}(?:/.*)?$`), i = t.match(c);
43
+ return i ? (r.forEach((s, u) => {
44
+ e[s] = decodeURIComponent(i[u + 1] ?? "");
45
45
  }), {
46
46
  matched: !0,
47
47
  params: e
@@ -51,8 +51,8 @@ var v = ".remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
51
51
  };
52
52
  }
53
53
  _update(t) {
54
- const { matched: s, params: e } = this._matchPath(t);
55
- this._params = e, this.hidden = !s, s && this.dispatchEvent(new CustomEvent("routematch", {
54
+ const { matched: a, params: e } = this._matchPath(t);
55
+ this._params = e, this.hidden = !a, a && this.dispatchEvent(new CustomEvent("routematch", {
56
56
  detail: {
57
57
  path: t,
58
58
  params: e
@@ -72,8 +72,8 @@ var v = ".remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
72
72
  disconnectedCallback() {
73
73
  this._events.abort();
74
74
  }
75
- attributeChangedCallback(t, s, e) {
76
- if (s !== e) {
75
+ attributeChangedCallback(t, a, e) {
76
+ if (a !== e) {
77
77
  if (t === "path" || t === "exact") {
78
78
  const r = this.closest("r-router");
79
79
  r && this._update(r._currentPath);
package/dist/route.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import "./utils/router.js";
2
- import { t as r } from "./route-BY_E6-2C.js";
2
+ import { t as r } from "./route-MQZpn2BP.js";
3
3
  export {
4
4
  r as Route,
5
5
  r as default
@@ -1,4 +1,4 @@
1
- import { c as i, d as n, l as a, s as h, u as r } from "./utils-D4pPF77E.js";
1
+ import { a as i, i as n, n as h, r as a, t as r } from "./utils-DBfrRFoE.js";
2
2
  import { t as l } from "./events-C59wGdni.js";
3
3
  import { p as u } from "./factory-BdsO0dEW.js";
4
4
  import { a as c, n as d } from "./ssr-DSGwPtEd.js";
@@ -16,8 +16,8 @@ var p = ".remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
16
16
  _slot;
17
17
  _currentPath = "";
18
18
  constructor() {
19
- super(), this._shadowDom = i(this, p);
20
- const t = h(this._shadowDom, "slot", () => u().build());
19
+ super(), this._shadowDom = h(this, p);
20
+ const t = r(this._shadowDom, "slot", () => u().build());
21
21
  this._slot = t;
22
22
  }
23
23
  get mode() {
@@ -30,10 +30,10 @@ var p = ".remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
30
30
  return a(this, "sheet");
31
31
  }
32
32
  set sheet(t) {
33
- r(this, "sheet", t);
33
+ n(this, "sheet", t);
34
34
  }
35
35
  handlerExternalCss = () => {
36
- n(this, this._shadowDom, "sheet", null, this.sheet);
36
+ i(this, this._shadowDom, "sheet", null, this.sheet);
37
37
  };
38
38
  _getPath() {
39
39
  if (this.mode === "hash") return window.location.hash.slice(1) || "/";
package/dist/router.js CHANGED
@@ -1,4 +1,4 @@
1
- import { t as o } from "./router-BDcv4F-2.js";
1
+ import { t as o } from "./router-B9rCrWXm.js";
2
2
  import "./utils/router.js";
3
3
  export {
4
4
  o as Router,
@@ -1,4 +1,4 @@
1
- import { c as r, s as h } from "./utils-D4pPF77E.js";
1
+ import { n as r, t as h } from "./utils-DBfrRFoE.js";
2
2
  import { _ as o, i as e } from "./factory-BdsO0dEW.js";
3
3
  import { a as n, n as d } from "./ssr-DSGwPtEd.js";
4
4
  var l = ".remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transparent}.remove-wap-active-focus:active,.remove-wap-active-focus:focus{outline:0;-webkit-tap-highlight-color:transparent}:host{position:relative;display:block}.ran-scratch-ticket{position:relative;display:block;width:100%;height:100%}.ran-scratch-ticket-award{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:#000;z-index:1}.ran-scratch-ticket-canvas{position:absolute;top:0;left:0;display:block;width:100%;height:100%;z-index:2}", u = class extends d {
package/dist/scratch.js CHANGED
@@ -1,4 +1,4 @@
1
- import { t as a } from "./scratch-Dbd9G6Q6.js";
1
+ import { t as a } from "./scratch-QlPyy1f4.js";
2
2
  export {
3
3
  a as default
4
4
  };
@@ -1,8 +1,8 @@
1
- import { c as o, d as r, l as s, s as h, u as n } from "./utils-D4pPF77E.js";
1
+ import { a as r, i as s, n as o, r as n, t as h } from "./utils-DBfrRFoE.js";
2
2
  import { t as d } from "./events-C59wGdni.js";
3
3
  import { i as a, p as l } from "./factory-BdsO0dEW.js";
4
4
  import { a as c, n as b } from "./ssr-DSGwPtEd.js";
5
- var g = ".remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transparent}.remove-wap-active-focus:active,.remove-wap-active-focus:focus{outline:0;-webkit-tap-highlight-color:transparent}:host{display:block;scroll-margin-top:96px;border-width:var(--ran-skin-border-width, 1px);border-style:var(--ran-skin-border-style, solid);border-color:var(--ran-section-border-color, var(--ran-color-border, #d9d9d9));border-radius:var(--ran-section-radius, var(--ran-radius-md, 8px));background:var(--ran-section-background, var(--ran-color-bg-elevated, #ffffff));box-shadow:var(--ran-section-shadow, var(--ran-shadow-elevated, none));padding:var(--ran-section-padding, 28px);box-sizing:border-box}.ran-section-header{display:grid;gap:8px;max-width:760px;margin-bottom:22px}.ran-section-heading{margin:0;color:var(--ran-section-heading-color, var(--ran-color-text, #0f172a));font-size:var(--ran-section-heading-font-size, 24px);font-weight:var(--ran-section-heading-font-weight, 700);line-height:1.25;letter-spacing:0}.ran-section-heading:empty{display:none}.ran-section-subtitle{max-width:620px;margin:0;color:var(--ran-section-subtitle-color, var(--ran-color-text-secondary, #607086))}.ran-section-subtitle:empty{display:none}.ran-section-body{min-width:0}", u = class extends b {
5
+ var g = ".remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transparent}.remove-wap-active-focus:active,.remove-wap-active-focus:focus{outline:0;-webkit-tap-highlight-color:transparent}:host{display:block;scroll-margin-top:96px;border-width:var(--ran-skin-border-width, 1px);border-style:var(--ran-skin-border-style, solid);border-color:var(--ran-section-border-color, var(--ran-color-border, #eaeaea));border-radius:var(--ran-section-radius, var(--ran-radius-md, 8px));background:var(--ran-section-background, var(--ran-color-bg-elevated, #ffffff));box-shadow:var(--ran-section-shadow, var(--ran-shadow-elevated, none));padding:var(--ran-section-padding, 28px);box-sizing:border-box}.ran-section-header{display:grid;gap:8px;max-width:760px;margin-bottom:22px}.ran-section-heading{margin:0;color:var(--ran-section-heading-color, var(--ran-color-text, #0f172a));font-size:var(--ran-section-heading-font-size, 24px);font-weight:var(--ran-section-heading-font-weight, 700);line-height:1.25;letter-spacing:0}.ran-section-heading:empty{display:none}.ran-section-subtitle{max-width:620px;margin:0;color:var(--ran-section-subtitle-color, var(--ran-color-text-secondary, #607086))}.ran-section-subtitle:empty{display:none}.ran-section-body{min-width:0}", u = class extends b {
6
6
  _shadowDom;
7
7
  _headerEl;
8
8
  _headingEl;
@@ -24,22 +24,22 @@ var g = ".remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
24
24
  this._headerEl = t, this._headingEl = t.querySelector(".ran-section-heading"), this._subtitleEl = t.querySelector(".ran-section-subtitle");
25
25
  }
26
26
  get heading() {
27
- return s(this, "heading");
27
+ return n(this, "heading");
28
28
  }
29
29
  set heading(t) {
30
- n(this, "heading", t);
30
+ s(this, "heading", t);
31
31
  }
32
32
  get subtitle() {
33
- return s(this, "subtitle");
33
+ return n(this, "subtitle");
34
34
  }
35
35
  set subtitle(t) {
36
- n(this, "subtitle", t);
36
+ s(this, "subtitle", t);
37
37
  }
38
38
  get sheet() {
39
- return s(this, "sheet");
39
+ return n(this, "sheet");
40
40
  }
41
41
  set sheet(t) {
42
- n(this, "sheet", t);
42
+ s(this, "sheet", t);
43
43
  }
44
44
  _syncHeading() {
45
45
  this._headingEl.textContent = this.getAttribute("heading") ?? "", this._headerEl.style.display = this._headingEl.textContent || this._subtitleEl.textContent ? "" : "none";
package/dist/section.js CHANGED
@@ -1,4 +1,4 @@
1
- import { t as o } from "./section-CNTvgdQ-.js";
1
+ import { t as o } from "./section-D0qMm9KM.js";
2
2
  export {
3
3
  o as Section,
4
4
  o as default
@@ -1,11 +1,11 @@
1
- import { S, c as b, d as w, g as u, l as c, m as D, p as a, s as m, u as h, v as k } from "./utils-D4pPF77E.js";
1
+ import { a as b, c as D, f as S, g as k, i as h, n as w, r as c, s as a, t as m, u } from "./utils-DBfrRFoE.js";
2
2
  import { t as x } from "./events-C59wGdni.js";
3
3
  import { _ as v, i as l, m as C, p as g, s as O } from "./factory-BdsO0dEW.js";
4
4
  import { a as f, n as _ } from "./ssr-DSGwPtEd.js";
5
- import { n as E } from "./icon-Blm7AbyY.js";
6
- import "./input-Dskw1bAl.js";
7
- import "./dropdown-RqHMRhFE.js";
8
- var T = '.remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transparent}.remove-wap-active-focus:active,.remove-wap-active-focus:focus{outline:0;-webkit-tap-highlight-color:transparent}:host{position:var(--ran-select-host-position, relative);display:var(--ran-select-host-display, inline-block);cursor:var(--ran-select-host-cursor, pointer);height:var(--ran-select-host-height, 32px);outline:var(--ran-select-host-outline, 0);-webkit-tap-highlight-color:var(--ran-select-host-tap-highlight-color, transparent)}:host,:host(:focus),:host(:active){outline:var(--ran-select-host-focus-outline, 0);-webkit-tap-highlight-color:transparent}:host ::slotted(r-option){display:var(--ran-select-option-display, none)}:host([disabled]){cursor:var(--ran-select-host-disabled-cursor, not-allowed);pointer-events:var(--ran-select-host-disabled-pointer-events, all);opacity:var(--ran-select-host-disabled-opacity, .6)}:host(:not([disabled]):hover) .ran-select{cursor:var(--ran-select-host-hover-cursor, pointer)}:host(:not([disabled],[type="text"]):hover) .selection{border:var(--ran-select-selection-hover-border, 1px solid var(--ran-color-primary, #1890ff))}:host(:not([disabled],[type="text"]):hover) .selection-search{cursor:var(--ran-select-selection-hover-search-cursor, pointer)}:host(:not([disabled],[type="text"]):hover) .selection-item{cursor:var(--ran-select-selection-hover-item-cursor, pointer);color:var(--ran-select-selection-hover-item-color, var(--ran-color-text-disabled, #bfbfbf))}:host([type="text"]) .selection{border:var(--ran-select-selection-text-border, none);background:var(--ran-select-selection-text-background, transparent)}:host([type="text"]) .icon{display:var(--ran-select-icon-text-display, none)}:host(:not([disabled],[type="text"]):focus) .selection{border:var(--ran-select-selection-focus-border, 1px solid var(--ran-color-primary, #1890ff))}:host(:not([disabled],[type="text"]):focus) .selection-search{cursor:var(--ran-select-selection-focus-search-cursor, pointer)}:host(:not([disabled],[type="text"]):focus) .selection-item{cursor:var(--ran-select-selection-focus-item-cursor, pointer);color:var(--ran-select-selection-focus-item-color, var(--ran-color-text-disabled, #bfbfbf))}:host .selection-search{display:var(--ran-select-selection-search-display, none)}:host([showSearch]:not([disabled])) .selection-search{cursor:var(--ran-select-selection-search-visible-cursor, text);display:var(--ran-select-selection-search-visible-display, block)}:host([showSearch]:not([disabled])) .selection-item{cursor:var(--ran-select-selection-search-visible-item-cursor, pointer)}:host([showSearch]:not([disabled]):focus) .selection-search{display:var(--ran-select-selection-search-visible-display, block);cursor:var(--ran-select-selection-search-visible-cursor, text);opacity:var(--ran-select-selection-search-visible-opacity, 1)}.ran-select{width:var(--ran-select-root-width, 100%);height:var(--ran-select-root-height, 100%);font-size:var(--ran-select-root-font-size, 14px);box-sizing:var(--ran-select-root-box-sizing, border-box);margin:var(--ran-select-root-margin, 0);padding:var(--ran-select-root-padding, 0);color:var(--ran-select-root-color, var(--ran-color-text, rgba(0, 0, 0, .88)));line-height:var(--ran-select-root-line-height, 1.57142857);list-style:var(--ran-select-root-list-style, none);font-family:var(--ran-select-root-font-family, var(--ran-skin-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"));position:var(--ran-select-root-position, relative);display:var(--ran-select-root-display, inline-block)}.ran-select .selection{position:var(--ran-select-selection-position, relative);background-color:var(--ran-select-selection-background-color, var(--ran-color-bg-elevated, #ffffff));background-image:var(--ran-select-selection-background-image, none);border:var(--ran-select-selection-border, 1px solid var(--ran-color-border, #d9d9d9));transition:var(--ran-select-selection-transition, border-color .2s cubic-bezier(.645, .045, .355, 1), box-shadow .2s cubic-bezier(.645, .045, .355, 1), color .2s cubic-bezier(.645, .045, .355, 1));width:var(--ran-select-selection-width, 100%);height:var(--ran-select-selection-height, 100%);padding:var(--ran-select-selection-padding, 0 11px);box-sizing:var(--ran-select-selection-box-sizing, border-box);margin:var(--ran-select-selection-margin, 0);color:var(--ran-select-selection-color, var(--ran-color-text, rgba(0, 0, 0, .88)));font-size:var(--ran-select-selection-font-size, 14px);line-height:var(--ran-select-selection-line-height, 1.57142857);list-style:var(--ran-select-selection-list-style, none);font-family:var(--ran-select-selection-font-family, inherit);display:var(--ran-select-selection-display, flex);border-radius:var(--ran-select-selection-border-radius, var(--ran-radius-sm, 6px))}.ran-select .selection-search{position:var(--ran-select-selection-search-position, absolute);opacity:var(--ran-select-selection-search-opacity, 0);top:var(--ran-select-selection-search-top, 0);left:var(--ran-select-selection-search-left, 0);height:var(--ran-select-selection-search-height, 100%);inset-inline-start:var(--ran-select-selection-search-inset-inline-start, 11px);inset-inline-end:var(--ran-select-selection-search-inset-inline-end, 11px);margin:var(--ran-select-selection-search-margin, 0);padding:var(--ran-select-selection-search-padding, 0);background:var(--ran-select-selection-search-background, transparent);border:var(--ran-select-selection-search-border, none);outline:var(--ran-select-selection-search-outline, none);appearance:var(--ran-select-selection-search-appearance, none);font-family:var(--ran-select-selection-search-font-family, inherit);cursor:var(--ran-select-selection-search-cursor, not-allowed)}.ran-select .selection-search::-webkit-search-cancel-button{display:var(--ran-select-selection-search-cancel-display, none);-webkit-appearance:var(--ran-select-selection-search-cancel-appearance, none)}.ran-select .selection-search::part(input){border:var(--ran-select-selection-search-input-border, none);padding:var(--ran-select-selection-search-input-padding, 0);height:100%;min-height:100%;box-sizing:border-box;outline:var(--ran-select-selection-search-input-outline, none)}.ran-select .selection-search::part(input):active{border:var(--ran-select-selection-search-input-active-border, none);padding:var(--ran-select-selection-search-input-active-padding, 0);height:var(--ran-select-selection-search-input-active-height, 100%);outline:var(--ran-select-selection-search-input-active-outline, none);border-color:var(--ran-select-selection-search-input-active-border-color, transparent);box-shadow:var(--ran-select-selection-search-input-active-box-shadow, none);border-right-width:var(--ran-select-selection-search-input-active-border-right-width, 0px)}.ran-select .selection-search::part(content){min-height:var(--ran-select-selection-search-input-content-min-height, 0)}.ran-select .selection-item{position:var(--ran-select-selection-item-position, absolute);top:var(--ran-select-selection-item-top, 0);left:var(--ran-select-selection-item-left, 12px);right:var(--ran-select-selection-item-right, 28px);margin:var(--ran-select-selection-item-margin, 0);padding:var(--ran-select-selection-item-padding, 0);background:var(--ran-select-selection-item-background, transparent);border:var(--ran-select-selection-item-border, none);outline:var(--ran-select-selection-item-outline, none);appearance:var(--ran-select-selection-item-appearance, none);font-family:var(--ran-select-selection-item-font-family, inherit);height:var(--ran-select-selection-item-height, 100%);display:var(--ran-select-selection-item-display, flex);align-items:var(--ran-select-selection-item-align-items, center);-webkit-user-select:var(--ran-select-selection-item-user-select, none);user-select:var(--ran-select-selection-item-user-select, none);overflow:var(--ran-select-selection-item-overflow, hidden);white-space:var(--ran-select-selection-item-white-space, nowrap);text-overflow:var(--ran-select-selection-item-text-overflow, ellipsis);cursor:var(--ran-select-selection-item-cursor, pointer)}.ran-select .selection-select{color:var(--ran-select-selection-select-color, var(--ran-color-text-disabled, rgba(0, 0, 0, .25)))}.ran-select .selection .icon{display:var(--ran-select-selection-icon-display, flex);align-items:var(--ran-select-selection-icon-align-items, center);color:var(--ran-select-selection-icon-color, var(--ran-color-text-disabled, rgba(0, 0, 0, .25)));font-style:var(--ran-select-selection-icon-font-style, normal);text-align:var(--ran-select-selection-icon-text-align, center);text-transform:var(--ran-select-selection-icon-text-transform, none);text-rendering:var(--ran-select-selection-icon-text-rendering, optimizeLegibility);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:var(--ran-select-selection-icon-position, absolute);top:var(--ran-select-selection-icon-top, 50%);inset-inline-start:var(--ran-select-selection-icon-inset-inline-start, auto);inset-inline-end:var(--ran-select-selection-icon-inset-inline-end, 8px);height:var(--ran-select-selection-icon-height, 16px);transform:var(--ran-select-selection-icon-transform, translateY(-50%));margin-top:var(--ran-select-selection-icon-margin-top, 0);font-size:var(--ran-select-selection-icon-font-size, 12px);pointer-events:var(--ran-select-selection-icon-pointer-events, none)}', L = {
5
+ import { n as E } from "./icon-pfolda2m.js";
6
+ import "./input-BM6e_LQr.js";
7
+ import "./dropdown-BYS1Trdu.js";
8
+ var T = '.remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transparent}.remove-wap-active-focus:active,.remove-wap-active-focus:focus{outline:0;-webkit-tap-highlight-color:transparent}:host{position:var(--ran-select-host-position, relative);display:var(--ran-select-host-display, inline-block);cursor:var(--ran-select-host-cursor, pointer);height:var(--ran-select-host-height, 32px);outline:var(--ran-select-host-outline, 0);-webkit-tap-highlight-color:var(--ran-select-host-tap-highlight-color, transparent)}:host,:host(:focus),:host(:active){outline:var(--ran-select-host-focus-outline, 0);-webkit-tap-highlight-color:transparent}:host ::slotted(r-option){display:var(--ran-select-option-display, none)}:host([disabled]){cursor:var(--ran-select-host-disabled-cursor, not-allowed);pointer-events:var(--ran-select-host-disabled-pointer-events, all);opacity:var(--ran-select-host-disabled-opacity, .6)}:host(:not([disabled]):hover) .ran-select{cursor:var(--ran-select-host-hover-cursor, pointer)}:host(:not([disabled],[type="text"]):hover) .selection{border:var(--ran-select-selection-hover-border, 1px solid var(--ran-color-primary, #006bff))}:host(:not([disabled],[type="text"]):hover) .selection-search{cursor:var(--ran-select-selection-hover-search-cursor, pointer)}:host(:not([disabled],[type="text"]):hover) .selection-item{cursor:var(--ran-select-selection-hover-item-cursor, pointer);color:var(--ran-select-selection-hover-item-color, var(--ran-color-text-disabled, #bfbfbf))}:host([type="text"]) .selection{border:var(--ran-select-selection-text-border, none);background:var(--ran-select-selection-text-background, transparent)}:host([type="text"]) .icon{display:var(--ran-select-icon-text-display, none)}:host(:not([disabled],[type="text"]):focus) .selection{border:var(--ran-select-selection-focus-border, 1px solid var(--ran-color-primary, #006bff))}:host(:not([disabled],[type="text"]):focus) .selection-search{cursor:var(--ran-select-selection-focus-search-cursor, pointer)}:host(:not([disabled],[type="text"]):focus) .selection-item{cursor:var(--ran-select-selection-focus-item-cursor, pointer);color:var(--ran-select-selection-focus-item-color, var(--ran-color-text-disabled, #bfbfbf))}:host .selection-search{display:var(--ran-select-selection-search-display, none)}:host([showSearch]:not([disabled])) .selection-search{cursor:var(--ran-select-selection-search-visible-cursor, text);display:var(--ran-select-selection-search-visible-display, block)}:host([showSearch]:not([disabled])) .selection-item{cursor:var(--ran-select-selection-search-visible-item-cursor, pointer)}:host([showSearch]:not([disabled]):focus) .selection-search{display:var(--ran-select-selection-search-visible-display, block);cursor:var(--ran-select-selection-search-visible-cursor, text);opacity:var(--ran-select-selection-search-visible-opacity, 1)}.ran-select{width:var(--ran-select-root-width, 100%);height:var(--ran-select-root-height, 100%);font-size:var(--ran-select-root-font-size, 14px);box-sizing:var(--ran-select-root-box-sizing, border-box);margin:var(--ran-select-root-margin, 0);padding:var(--ran-select-root-padding, 0);color:var(--ran-select-root-color, var(--ran-color-text, rgba(0, 0, 0, .88)));line-height:var(--ran-select-root-line-height, 1.57142857);list-style:var(--ran-select-root-list-style, none);font-family:var(--ran-select-root-font-family, var(--ran-skin-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"));position:var(--ran-select-root-position, relative);display:var(--ran-select-root-display, inline-block)}.ran-select .selection{position:var(--ran-select-selection-position, relative);background-color:var(--ran-select-selection-background-color, var(--ran-color-bg-elevated, #ffffff));background-image:var(--ran-select-selection-background-image, none);border:var(--ran-select-selection-border, 1px solid var(--ran-color-border, #eaeaea));transition:var(--ran-select-selection-transition, border-color .2s cubic-bezier(.645, .045, .355, 1), box-shadow .2s cubic-bezier(.645, .045, .355, 1), color .2s cubic-bezier(.645, .045, .355, 1));width:var(--ran-select-selection-width, 100%);height:var(--ran-select-selection-height, 100%);padding:var(--ran-select-selection-padding, 0 11px);box-sizing:var(--ran-select-selection-box-sizing, border-box);margin:var(--ran-select-selection-margin, 0);color:var(--ran-select-selection-color, var(--ran-color-text, rgba(0, 0, 0, .88)));font-size:var(--ran-select-selection-font-size, 14px);line-height:var(--ran-select-selection-line-height, 1.57142857);list-style:var(--ran-select-selection-list-style, none);font-family:var(--ran-select-selection-font-family, inherit);display:var(--ran-select-selection-display, flex);border-radius:var(--ran-select-selection-border-radius, var(--ran-radius-sm, 6px))}.ran-select .selection-search{position:var(--ran-select-selection-search-position, absolute);opacity:var(--ran-select-selection-search-opacity, 0);top:var(--ran-select-selection-search-top, 0);left:var(--ran-select-selection-search-left, 0);height:var(--ran-select-selection-search-height, 100%);inset-inline-start:var(--ran-select-selection-search-inset-inline-start, 11px);inset-inline-end:var(--ran-select-selection-search-inset-inline-end, 11px);margin:var(--ran-select-selection-search-margin, 0);padding:var(--ran-select-selection-search-padding, 0);background:var(--ran-select-selection-search-background, transparent);border:var(--ran-select-selection-search-border, none);outline:var(--ran-select-selection-search-outline, none);appearance:var(--ran-select-selection-search-appearance, none);font-family:var(--ran-select-selection-search-font-family, inherit);cursor:var(--ran-select-selection-search-cursor, not-allowed)}.ran-select .selection-search::-webkit-search-cancel-button{display:var(--ran-select-selection-search-cancel-display, none);-webkit-appearance:var(--ran-select-selection-search-cancel-appearance, none)}.ran-select .selection-search::part(input){border:var(--ran-select-selection-search-input-border, none);padding:var(--ran-select-selection-search-input-padding, 0);height:100%;min-height:100%;box-sizing:border-box;outline:var(--ran-select-selection-search-input-outline, none)}.ran-select .selection-search::part(input):active{border:var(--ran-select-selection-search-input-active-border, none);padding:var(--ran-select-selection-search-input-active-padding, 0);height:var(--ran-select-selection-search-input-active-height, 100%);outline:var(--ran-select-selection-search-input-active-outline, none);border-color:var(--ran-select-selection-search-input-active-border-color, transparent);box-shadow:var(--ran-select-selection-search-input-active-box-shadow, none);border-right-width:var(--ran-select-selection-search-input-active-border-right-width, 0px)}.ran-select .selection-search::part(content){min-height:var(--ran-select-selection-search-input-content-min-height, 0)}.ran-select .selection-item{position:var(--ran-select-selection-item-position, absolute);top:var(--ran-select-selection-item-top, 0);left:var(--ran-select-selection-item-left, 12px);right:var(--ran-select-selection-item-right, 28px);margin:var(--ran-select-selection-item-margin, 0);padding:var(--ran-select-selection-item-padding, 0);background:var(--ran-select-selection-item-background, transparent);border:var(--ran-select-selection-item-border, none);outline:var(--ran-select-selection-item-outline, none);appearance:var(--ran-select-selection-item-appearance, none);font-family:var(--ran-select-selection-item-font-family, inherit);height:var(--ran-select-selection-item-height, 100%);display:var(--ran-select-selection-item-display, flex);align-items:var(--ran-select-selection-item-align-items, center);-webkit-user-select:var(--ran-select-selection-item-user-select, none);user-select:var(--ran-select-selection-item-user-select, none);overflow:var(--ran-select-selection-item-overflow, hidden);white-space:var(--ran-select-selection-item-white-space, nowrap);text-overflow:var(--ran-select-selection-item-text-overflow, ellipsis);cursor:var(--ran-select-selection-item-cursor, pointer)}.ran-select .selection-select{color:var(--ran-select-selection-select-color, var(--ran-color-text-disabled, rgba(0, 0, 0, .25)))}.ran-select .selection .icon{display:var(--ran-select-selection-icon-display, flex);align-items:var(--ran-select-selection-icon-align-items, center);color:var(--ran-select-selection-icon-color, var(--ran-color-text-disabled, rgba(0, 0, 0, .25)));font-style:var(--ran-select-selection-icon-font-style, normal);text-align:var(--ran-select-selection-icon-text-align, center);text-transform:var(--ran-select-selection-icon-text-transform, none);text-rendering:var(--ran-select-selection-icon-text-rendering, optimizeLegibility);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:var(--ran-select-selection-icon-position, absolute);top:var(--ran-select-selection-icon-top, 50%);inset-inline-start:var(--ran-select-selection-icon-inset-inline-start, auto);inset-inline-end:var(--ran-select-selection-icon-inset-inline-end, 8px);height:var(--ran-select-selection-icon-height, 16px);transform:var(--ran-select-selection-icon-transform, translateY(-50%));margin-top:var(--ran-select-selection-icon-margin-top, 0);font-size:var(--ran-select-selection-icon-font-size, 12px);pointer-events:var(--ran-select-selection-icon-pointer-events, none)}', L = {
9
9
  success: !0,
10
10
  _identification: !0,
11
11
  data: `<svg viewBox="0 0 1024 1024" width="200" height="200" version="1.1"
@@ -26,7 +26,7 @@ var T = '.remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
26
26
  ];
27
27
  }
28
28
  constructor() {
29
- super(), this._shadowDom = b(this);
29
+ super(), this._shadowDom = w(this);
30
30
  const e = m(this._shadowDom, ".ran-select-dropdown-option", () => {
31
31
  const i = g().build(), s = l().class("ran-select-dropdown-option-content").children(i).build();
32
32
  return l().class("ran-select-dropdown-option").children(s).build();
@@ -52,7 +52,7 @@ var T = '.remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
52
52
  !e || e === "false" ? this.removeAttribute("disabled") : this.setAttribute("disabled", "");
53
53
  }
54
54
  handlerExternalCss() {
55
- w(this, this._shadowDom, "sheet", null, this.sheet);
55
+ b(this, this._shadowDom, "sheet", null, this.sheet);
56
56
  }
57
57
  connectedCallback() {
58
58
  this.classList.contains("ran-option") || this.classList.add("ran-option");
@@ -76,7 +76,7 @@ var M = '.remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
76
76
  ];
77
77
  }
78
78
  constructor() {
79
- super(), this._shadowDom = b(this, M);
79
+ super(), this._shadowDom = w(this, M);
80
80
  const e = m(this._shadowDom, ".ranui-dropdown-option-item", () => {
81
81
  const i = g().class("slot").build(), s = l().class("ranui-dropdown-option-item-content").part("content").children(i).build();
82
82
  return l().class("ranui-dropdown-option-item").part("item").children(s).build();
@@ -108,7 +108,7 @@ var M = '.remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
108
108
  h(this, "sheet", e);
109
109
  }
110
110
  handlerExternalCss = () => {
111
- w(this, this._shadowDom, "sheet", null, this.sheet);
111
+ b(this, this._shadowDom, "sheet", null, this.sheet);
112
112
  };
113
113
  connectedCallback() {
114
114
  this.handlerExternalCss(), this.active && D(this.ionDropdownItem, "ranui-dropdown-option-active");
@@ -118,7 +118,7 @@ var M = '.remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
118
118
  this.handlerExternalCss();
119
119
  return;
120
120
  }
121
- e === "active" && o ? D(this.ionDropdownItem, "ranui-dropdown-option-active") : k(this.ionDropdownItem, "ranui-dropdown-option-active");
121
+ e === "active" && o ? D(this.ionDropdownItem, "ranui-dropdown-option-active") : S(this.ionDropdownItem, "ranui-dropdown-option-active");
122
122
  }
123
123
  };
124
124
  f("r-dropdown-item", B);
@@ -133,7 +133,7 @@ var A = {
133
133
  }
134
134
  };
135
135
  E("arrow-down", L);
136
- var z = S(), I = 300, V = class extends _ {
136
+ var z = k(), I = 300, V = class extends _ {
137
137
  static formAssociated = !0;
138
138
  _internals;
139
139
  _events = new x();
@@ -179,7 +179,7 @@ var z = S(), I = 300, V = class extends _ {
179
179
  } catch {
180
180
  this._internals = void 0;
181
181
  }
182
- this._listboxId = `ran-select-listbox-${Math.random().toString(36).slice(2, 9)}`, this._activeIndex = -1, this._optionList = [], this._optionLabelMapValue = /* @__PURE__ */ new Map(), this._optionValueMapLabel = /* @__PURE__ */ new Map(), this._shadowDom = b(this, T);
182
+ this._listboxId = `ran-select-listbox-${Math.random().toString(36).slice(2, 9)}`, this._activeIndex = -1, this._optionList = [], this._optionLabelMapValue = /* @__PURE__ */ new Map(), this._optionValueMapLabel = /* @__PURE__ */ new Map(), this._shadowDom = w(this, T);
183
183
  const e = m(this._shadowDom, ".ran-select", () => l().class("ran-select").part("select").children(l().class("selection").part("selection").children(v("r-icon").class("icon").part("icon").attr("name", "arrow-down").attr("color", "var(--ran-color-text-secondary)").attr("size", "16"), l().children(C().class("selection-item").part("selection-item"), O().class("selection-search").part("search").attr("type", "search").attr("autocomplete", "off"))), g().class("slot")).build());
184
184
  this._select = e, this._selection = e.querySelector(".selection"), this._selector = this._selection.querySelector("div"), this._icon = e.querySelector(".icon"), this._text = e.querySelector(".selection-item"), this._search = e.querySelector(".selection-search"), this._slot = e.querySelector("slot");
185
185
  }
@@ -311,7 +311,7 @@ var z = S(), I = 300, V = class extends _ {
311
311
  }
312
312
  };
313
313
  handlerExternalCss() {
314
- w(this, this._shadowDom, "sheet", null, this.sheet);
314
+ b(this, this._shadowDom, "sheet", null, this.sheet);
315
315
  }
316
316
  setSelectDropdownDisplayNone = () => {
317
317
  this._selectDropDownOutTimeId || (this.updateAriaExpanded(!1), this._selectionDropdown && this._selectionDropdown.style.display !== "none" && (this._detachReposition(), this._selectionDropdown.setAttribute("transit", A[this.placement].remove), this._selectDropDownOutTimeId = setTimeout(() => {
package/dist/select.js CHANGED
@@ -1,4 +1,4 @@
1
- import { t as e } from "./select-BVdUtQX5.js";
1
+ import { t as e } from "./select-BSeCT9tF.js";
2
2
  export {
3
3
  e as Select,
4
4
  e as default
@@ -7,7 +7,7 @@ function b(r, e) {
7
7
  const d = typeof o == "function" ? o(t) : o;
8
8
  if (!s(t, d))
9
9
  if (t = d, f) for (const a of n) f.add(a);
10
- else for (const a of n) a();
10
+ else for (const a of [...n]) a();
11
11
  }];
12
12
  }
13
13
  function p(r) {
@@ -1,4 +1,4 @@
1
- import { c as r, d as n, l as s, s as i, u as o } from "./utils-D4pPF77E.js";
1
+ import { a as r, i as n, n as s, r as i, t as o } from "./utils-DBfrRFoE.js";
2
2
  import { i as l } from "./factory-BdsO0dEW.js";
3
3
  import { a as h, n as d } from "./ssr-DSGwPtEd.js";
4
4
  var u = '.remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transparent}.remove-wap-active-focus:active,.remove-wap-active-focus:focus{outline:0;-webkit-tap-highlight-color:transparent}@keyframes skeleton{0%{transform:translate(-37.5%)}to{transform:translate(37.5%)}}.ran-skeleton{position:relative;z-index:0;overflow:hidden;background:0 0;width:100%;height:var(--ran-skeleton-height, 16px);background:var(--ran-skeleton-background, var(--ran-gray-alpha-200, rgba(0, 0, 0, .06)));border-radius:var(--ran-skeleton-border-radius, var(--ran-radius-sm, 6px))}.ran-skeleton:after{position:absolute;top:0;inset-inline-end:-150%;bottom:0;inset-inline-start:-150%;background:var(--ran-skeleton-shimmer, linear-gradient(90deg, var(--ran-gray-alpha-200, rgba(0, 0, 0, .06)) 25%, var(--ran-gray-alpha-500, rgba(0, 0, 0, .15)) 37%, var(--ran-gray-alpha-200, rgba(0, 0, 0, .06)) 63%));animation-name:skeleton;animation-duration:var(--ran-skeleton-animation-duration, 1.4s);animation-timing-function:ease;animation-iteration-count:infinite;content:""}', m = class extends d {
@@ -8,22 +8,22 @@ var u = '.remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
8
8
  return ["sheet"];
9
9
  }
10
10
  constructor() {
11
- super(), this._shadowDom = r(this, u), this._div = i(this._shadowDom, ".ran-skeleton", () => l().class("ran-skeleton").build());
11
+ super(), this._shadowDom = s(this, u), this._div = o(this._shadowDom, ".ran-skeleton", () => l().class("ran-skeleton").build());
12
12
  }
13
13
  get sheet() {
14
- return s(this, "sheet");
14
+ return i(this, "sheet");
15
15
  }
16
- set sheet(e) {
17
- o(this, "sheet", e);
16
+ set sheet(t) {
17
+ n(this, "sheet", t);
18
18
  }
19
19
  handlerExternalCss = () => {
20
- n(this, this._shadowDom, "sheet", null, this.sheet);
20
+ r(this, this._shadowDom, "sheet", null, this.sheet);
21
21
  };
22
22
  connectedCallback() {
23
23
  this.handlerExternalCss();
24
24
  }
25
- attributeChangedCallback(e, t, a) {
26
- t !== a && e === "sheet" && this.handlerExternalCss();
25
+ attributeChangedCallback(t, e, a) {
26
+ e !== a && t === "sheet" && this.handlerExternalCss();
27
27
  }
28
28
  };
29
29
  h("r-skeleton", m);
package/dist/skeleton.js CHANGED
@@ -1,4 +1,4 @@
1
- import { t as e } from "./skeleton-BAdJ6vyA.js";
1
+ import { t as e } from "./skeleton-CFqQmKyt.js";
2
2
  export {
3
3
  e as Skeleton,
4
4
  e as default
@@ -1,4 +1,4 @@
1
- import { c as b, d as f, l as d, p as c, s as v, u as p } from "./utils-D4pPF77E.js";
1
+ import { a as b, i as f, n as v, r as d, s as c, t as p } from "./utils-DBfrRFoE.js";
2
2
  import { t as u } from "./events-C59wGdni.js";
3
3
  import { _ as g, i as h, p as y } from "./factory-BdsO0dEW.js";
4
4
  import { a as A, n as _ } from "./ssr-DSGwPtEd.js";
@@ -24,8 +24,8 @@ var w = '.remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
24
24
  _tabsId;
25
25
  tabHeaderKeyMapIndex;
26
26
  constructor() {
27
- super(), this._tabsId = ++x, this._shadowDom = b(this, w), this.tabHeaderKeyMapIndex = {};
28
- const t = v(this._shadowDom, ".ran-tab", () => h().class("ran-tab").part("tabs").children(h().class("ran-tab-header").part("header").children(h().class("ran-tab-header-nav").part("nav"), h().class("ran-tab-header-line").part("indicator")), h().class("ran-tab-content").part("content").children(h().class("ran-tab-content-wrap").part("content-wrap").children(y()))).build());
27
+ super(), this._tabsId = ++x, this._shadowDom = v(this, w), this.tabHeaderKeyMapIndex = {};
28
+ const t = p(this._shadowDom, ".ran-tab", () => h().class("ran-tab").part("tabs").children(h().class("ran-tab-header").part("header").children(h().class("ran-tab-header-nav").part("nav"), h().class("ran-tab-header-line").part("indicator")), h().class("ran-tab-content").part("content").children(h().class("ran-tab-content-wrap").part("content-wrap").children(y()))).build());
29
29
  this._container = t, this._header = t.querySelector(".ran-tab-header"), this._nav = t.querySelector(".ran-tab-header-nav"), this._line = t.querySelector(".ran-tab-header-line"), this._content = t.querySelector(".ran-tab-content"), this._wrap = t.querySelector(".ran-tab-content-wrap"), this._slot = t.querySelector("slot"), this._nav.setAttribute("role", "tablist");
30
30
  }
31
31
  get align() {
@@ -56,10 +56,10 @@ var w = '.remove-wap-active-focus{outline:0;-webkit-tap-highlight-color:transpar
56
56
  return d(this, "sheet");
57
57
  }
58
58
  set sheet(t) {
59
- p(this, "sheet", t);
59
+ f(this, "sheet", t);
60
60
  }
61
61
  handlerExternalCss = () => {
62
- f(this, this._shadowDom, "sheet", null, this.sheet);
62
+ b(this, this._shadowDom, "sheet", null, this.sheet);
63
63
  };
64
64
  initTabHeaderKeyMapIndex = (t, i) => {
65
65
  if (this.tabHeaderKeyMapIndex[t]) throw new Error("tab 组件的 key 值存在重复,或者某个 tab 组件缺少 key 属性");
package/dist/tab.js CHANGED
@@ -1,4 +1,4 @@
1
- import { t } from "./tab-DH2owP2V.js";
1
+ import { t } from "./tab-CqFrgo2v.js";
2
2
  export {
3
3
  t as Tabs,
4
4
  t as default