@pgcorp/ui-kit 0.14.0 → 0.15.0

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 (117) hide show
  1. package/README.md +330 -12
  2. package/dist/assets/src/components/layout/{SResizeHandle.vue_vue_type_style_index_0_scoped_13b9b27a_lang.css → SResizeHandle.vue_vue_type_style_index_0_scoped_dc65aba1_lang.css} +1 -1
  3. package/dist/assets/src/components/shared/_internal/SDialogSurface.css_vue_type_style_index_0_src_a108e8f1_scoped_a108e8f1_lang.css +2 -0
  4. package/dist/assets/src/components/shared/containers/{SCollapsiblePanel.css_vue_type_style_index_0_src_71824088_scoped_71824088_lang.css → SCollapsiblePanel.css_vue_type_style_index_0_src_db85261d_scoped_db85261d_lang.css} +1 -1
  5. package/dist/assets/src/components/shared/containers/{SOverlayHost.css_vue_type_style_index_0_src_8f9be94e_scoped_8f9be94e_lang.css → SOverlayHost.css_vue_type_style_index_0_src_09215628_scoped_09215628_lang.css} +1 -1
  6. package/dist/assets/src/components/shared/containers/{SPopover.css_vue_type_style_index_0_src_4091d007_scoped_4091d007_lang.css → SPopover.css_vue_type_style_index_0_src_a4f1f64a_scoped_a4f1f64a_lang.css} +1 -1
  7. package/dist/assets/src/components/shared/containers/SSidebarSection.css_vue_type_style_index_0_src_52396e42_scoped_52396e42_lang.css +2 -0
  8. package/dist/assets/src/components/shared/controls/SButton.css_vue_type_style_index_0_src_7a5acda9_scoped_7a5acda9_lang.css +1 -1
  9. package/dist/assets/src/components/shared/controls/SCheckbox.css_vue_type_style_index_0_src_2562f916_scoped_2562f916_lang.css +2 -0
  10. package/dist/assets/src/components/shared/controls/SCombobox.css_vue_type_style_index_0_src_d630c922_scoped_d630c922_lang.css +2 -0
  11. package/dist/assets/src/components/shared/controls/SContextMenu.css_vue_type_style_index_0_src_43b6e378_scoped_43b6e378_lang.css +1 -0
  12. package/dist/assets/src/components/shared/controls/{SDropdownMenu.css_vue_type_style_index_0_src_857e2649_scoped_857e2649_lang.css → SDropdownMenu.css_vue_type_style_index_0_src_40040ae5_scoped_40040ae5_lang.css} +1 -1
  13. package/dist/assets/src/components/shared/controls/{SMenuSurface.css_vue_type_style_index_0_src_84109ad9_scoped_84109ad9_lang.css → SMenuSurface.css_vue_type_style_index_0_src_d2b7d71b_scoped_d2b7d71b_lang.css} +1 -1
  14. package/dist/assets/src/components/shared/controls/SSelect.css_vue_type_style_index_0_src_d1ead6c0_scoped_d1ead6c0_lang.css +2 -0
  15. package/dist/assets/src/components/shared/data-display/SControlledToastViewport.css_vue_type_style_index_0_src_a69aa84b_scoped_a69aa84b_lang.css +2 -0
  16. package/dist/assets/src/components/shared/data-display/SScrollViewport.css_vue_type_style_index_0_src_d94fcf8c_scoped_d94fcf8c_lang.css +2 -0
  17. package/dist/assets/src/components/shared/data-display/STooltip.css_vue_type_style_index_0_src_true_lang.css +1 -1
  18. package/dist/assets/src/components/shared/data-display/_internal/STableFrame.css_vue_type_style_index_0_src_914bad28_scoped_914bad28_lang.css +2 -0
  19. package/dist/assets/src/components/shared/navigation/{SBottomNav.vue_vue_type_style_index_0_scoped_24be0f2b_lang.css → SBottomNav.vue_vue_type_style_index_0_scoped_68cf84b3_lang.css} +1 -1
  20. package/dist/src/components/layout/SResizeHandle.vue.js +2 -2
  21. package/dist/src/components/layout/SResizeHandle.vue_vue_type_script_setup_true_lang.js +4 -2
  22. package/dist/src/components/shared/_internal/SDialogSurface.vue.d.ts +9 -1
  23. package/dist/src/components/shared/_internal/SDialogSurface.vue.js +2 -2
  24. package/dist/src/components/shared/_internal/SDialogSurface.vue_vue_type_script_setup_true_lang.js +174 -82
  25. package/dist/src/components/shared/_internal/dialogSurface.d.ts +2 -0
  26. package/dist/src/components/shared/_internal/dialogSurface.js +30 -27
  27. package/dist/src/components/shared/_internal/dialogSurfaceMotion.d.ts +14 -0
  28. package/dist/src/components/shared/_internal/dialogSurfaceMotion.js +84 -0
  29. package/dist/src/components/shared/_internal/focusTrap.js +15 -13
  30. package/dist/src/components/shared/containers/SCollapsiblePanel.vue.d.ts +5 -0
  31. package/dist/src/components/shared/containers/SCollapsiblePanel.vue.js +2 -2
  32. package/dist/src/components/shared/containers/SCollapsiblePanel.vue_vue_type_script_setup_true_lang.js +123 -121
  33. package/dist/src/components/shared/containers/SDrawer.vue.d.ts +4 -4
  34. package/dist/src/components/shared/containers/SDrawer.vue.js +3 -6
  35. package/dist/src/components/shared/containers/SDrawer.vue_vue_type_script_setup_true_lang.js +104 -128
  36. package/dist/src/components/shared/containers/SModal.vue.d.ts +8 -8
  37. package/dist/src/components/shared/containers/SModal.vue.js +3 -6
  38. package/dist/src/components/shared/containers/SModal.vue_vue_type_script_setup_true_lang.js +87 -103
  39. package/dist/src/components/shared/containers/SOverlayHost.vue.js +2 -2
  40. package/dist/src/components/shared/containers/SOverlayHost.vue_vue_type_script_setup_true_lang.js +32 -31
  41. package/dist/src/components/shared/containers/SPanel.vue.d.ts +1 -1
  42. package/dist/src/components/shared/containers/SPopover.vue.js +2 -2
  43. package/dist/src/components/shared/containers/SPopover.vue_vue_type_script_setup_true_lang.js +225 -200
  44. package/dist/src/components/shared/containers/SSidebarSection.vue.js +2 -2
  45. package/dist/src/components/shared/containers/SSidebarSection.vue_vue_type_script_setup_true_lang.js +4 -3
  46. package/dist/src/components/shared/controls/SCheckbox.vue.js +2 -2
  47. package/dist/src/components/shared/controls/SCheckbox.vue_vue_type_script_setup_true_lang.js +13 -7
  48. package/dist/src/components/shared/controls/SCombobox.vue.js +2 -2
  49. package/dist/src/components/shared/controls/SCombobox.vue_vue_type_script_setup_true_lang.js +104 -94
  50. package/dist/src/components/shared/controls/SContextMenu.vue.js +2 -2
  51. package/dist/src/components/shared/controls/SContextMenu.vue_vue_type_script_setup_true_lang.js +86 -81
  52. package/dist/src/components/shared/controls/SDropdownMenu.vue.js +2 -2
  53. package/dist/src/components/shared/controls/SDropdownMenu.vue_vue_type_script_setup_true_lang.js +77 -72
  54. package/dist/src/components/shared/controls/SMenuSurface.vue.js +2 -2
  55. package/dist/src/components/shared/controls/SMenuSurface.vue_vue_type_script_setup_true_lang.js +81 -77
  56. package/dist/src/components/shared/controls/SSelect.vue.js +2 -2
  57. package/dist/src/components/shared/controls/SSelect.vue_vue_type_script_setup_true_lang.js +85 -77
  58. package/dist/src/components/shared/data-display/SControlledToastViewport.vue.js +2 -2
  59. package/dist/src/components/shared/data-display/SControlledToastViewport.vue_vue_type_script_setup_true_lang.js +58 -49
  60. package/dist/src/components/shared/data-display/SScrollViewport.vue.d.ts +10 -5
  61. package/dist/src/components/shared/data-display/SScrollViewport.vue.js +2 -2
  62. package/dist/src/components/shared/data-display/SScrollViewport.vue_vue_type_script_setup_true_lang.js +162 -111
  63. package/dist/src/components/shared/data-display/STooltip.vue_vue_type_script_setup_true_lang.js +276 -224
  64. package/dist/src/components/shared/data-display/_internal/STableFrame.vue.d.ts +3 -3
  65. package/dist/src/components/shared/data-display/_internal/STableFrame.vue.js +2 -2
  66. package/dist/src/components/shared/data-display/_internal/STableFrame.vue_vue_type_script_setup_true_lang.js +62 -46
  67. package/dist/src/components/shared/data-display/scrollViewport.d.ts +2 -0
  68. package/dist/src/components/shared/navigation/SBottomNav.vue.js +2 -2
  69. package/dist/src/components/shared/navigation/SBottomNav.vue_vue_type_script_setup_true_lang.js +3 -1
  70. package/dist/src/components/shared/navigation/STabList.vue.d.ts +1 -1
  71. package/dist/src/composables/useDialogOverlay.d.ts +12 -2
  72. package/dist/src/composables/useDialogOverlay.js +192 -119
  73. package/dist/src/internal/flatTree.d.ts +8 -0
  74. package/dist/src/internal/flatTree.js +23 -0
  75. package/dist/src/internal/focusNavigation.d.ts +3 -0
  76. package/dist/src/internal/focusNavigation.js +28 -15
  77. package/dist/src/internal/inertLease.d.ts +8 -0
  78. package/dist/src/internal/inertLease.js +33 -0
  79. package/dist/src/internal/layerStack.d.ts +40 -0
  80. package/dist/src/internal/layerStack.js +301 -94
  81. package/dist/src/internal/nativeFocus.d.ts +4 -0
  82. package/dist/src/internal/nativeFocus.js +12 -0
  83. package/dist/src/internal/overlayPortal.d.ts +17 -0
  84. package/dist/src/internal/overlayPortal.js +23 -0
  85. package/dist/src/internal/semanticSizing.d.ts +2 -2
  86. package/dist/src/internal/semanticSizing.js +2 -1
  87. package/dist/src/internal/useMenuLayer.d.ts +1 -0
  88. package/dist/src/internal/useMenuLayer.js +63 -57
  89. package/dist/src/internal/viewportModality.d.ts +27 -0
  90. package/dist/src/internal/viewportModality.js +132 -0
  91. package/dist/typography.js +17 -62
  92. package/docs/overlay-lifecycle.md +195 -0
  93. package/docs/public-api.md +141 -4
  94. package/docs/resize.md +34 -5
  95. package/docs/scroll-viewport.md +30 -10
  96. package/docs/theming.md +42 -8
  97. package/package.json +1 -1
  98. package/src/components/shared/_internal/SDialogSurface.css +185 -40
  99. package/src/components/shared/controls/SButton.css +0 -3
  100. package/src/components/shared/controls/SCheckbox.css +19 -7
  101. package/src/components/shared/data-display/SControlledToastViewport.css +2 -10
  102. package/src/components/shared/data-display/SScrollViewport.css +17 -1
  103. package/src/components/shared/data-display/STooltip.css +1 -1
  104. package/src/components/shared/data-display/_internal/STableFrame.css +1 -5
  105. package/dist/assets/src/components/shared/_internal/SDialogSurface.css_vue_type_style_index_0_src_0e58afdc_scoped_0e58afdc_lang.css +0 -2
  106. package/dist/assets/src/components/shared/containers/SDrawer.css_vue_type_style_index_0_src_61cf20dd_scoped_61cf20dd_lang.css +0 -2
  107. package/dist/assets/src/components/shared/containers/SModal.css_vue_type_style_index_0_src_42e1bd5f_scoped_42e1bd5f_lang.css +0 -2
  108. package/dist/assets/src/components/shared/containers/SSidebarSection.css_vue_type_style_index_0_src_21f71ae8_scoped_21f71ae8_lang.css +0 -2
  109. package/dist/assets/src/components/shared/controls/SCheckbox.css_vue_type_style_index_0_src_55d4826e_scoped_55d4826e_lang.css +0 -2
  110. package/dist/assets/src/components/shared/controls/SCombobox.css_vue_type_style_index_0_src_537f5744_scoped_537f5744_lang.css +0 -2
  111. package/dist/assets/src/components/shared/controls/SContextMenu.css_vue_type_style_index_0_src_03921269_scoped_03921269_lang.css +0 -1
  112. package/dist/assets/src/components/shared/controls/SSelect.css_vue_type_style_index_0_src_df3d6688_scoped_df3d6688_lang.css +0 -2
  113. package/dist/assets/src/components/shared/data-display/SControlledToastViewport.css_vue_type_style_index_0_src_5864b6c6_scoped_5864b6c6_lang.css +0 -2
  114. package/dist/assets/src/components/shared/data-display/SScrollViewport.css_vue_type_style_index_0_src_e5d11342_scoped_e5d11342_lang.css +0 -2
  115. package/dist/assets/src/components/shared/data-display/_internal/STableFrame.css_vue_type_style_index_0_src_52b5825e_scoped_52b5825e_lang.css +0 -2
  116. package/src/components/shared/containers/SDrawer.css +0 -87
  117. package/src/components/shared/containers/SModal.css +0 -27
@@ -1,22 +1,23 @@
1
1
  import { createAggregateError as e } from "../../../internal/es2020.js";
2
- import { overlayHostKey as t } from "../../../internal/overlayHost.js";
3
- import { useOwnedAttrs as n } from "../../../internal/ownedAttrs.js";
4
- import { createElementBlock as r, createElementVNode as i, defineComponent as a, mergeProps as o, onBeforeUnmount as s, onErrorCaptured as c, openBlock as l, provide as u, renderSlot as d, shallowReadonly as f, shallowRef as p, unref as m, watch as h } from "vue";
2
+ import { acquireInertLease as t } from "../../../internal/inertLease.js";
3
+ import { overlayHostKey as n } from "../../../internal/overlayHost.js";
4
+ import { useOwnedAttrs as r } from "../../../internal/ownedAttrs.js";
5
+ import { createElementBlock as i, createElementVNode as a, defineComponent as o, mergeProps as s, onBeforeUnmount as c, onErrorCaptured as l, openBlock as u, provide as d, renderSlot as f, shallowReadonly as p, shallowRef as m, unref as h, watch as g } from "vue";
5
6
  //#region src/components/shared/containers/SOverlayHost.vue?vue&type=script&setup=true&lang.ts
6
- var g = /*@__PURE__*/ a({
7
+ var _ = /*@__PURE__*/ o({
7
8
  inheritAttrs: !1,
8
9
  __name: "SOverlayHost",
9
- setup(a) {
10
- let g = p(null), _ = p(null), v = p(null), y = n({
10
+ setup(o) {
11
+ let _ = m(null), v = m(null), y = m(null), b = r({
11
12
  component: "SOverlayHost",
12
13
  owner: "contained overlay host root"
13
- }), b = /* @__PURE__ */ new Set(), x = null, S = null;
14
+ }), x = /* @__PURE__ */ new Set(), S = null;
14
15
  function C() {
15
- x && (S === null ? x.removeAttribute("inert") : x.setAttribute("inert", S)), x = null, S = null;
16
+ S?.release(), S = null;
16
17
  }
17
18
  function w() {
18
- let t = [...b];
19
- b.clear(), C();
19
+ let t = [...x];
20
+ x.clear(), C();
20
21
  let n = [];
21
22
  for (let e of t) try {
22
23
  e.onRetire();
@@ -26,40 +27,40 @@ var g = /*@__PURE__*/ a({
26
27
  if (n.length > 0) throw e(n, "SOverlayHost: overlay retirement failed");
27
28
  }
28
29
  function T(e) {
29
- let t = g.value, n = _.value, r = v.value;
30
- if (!t?.isConnected || !n?.isConnected || !r?.isConnected || n.parentElement !== t || r.parentElement !== t || n.ownerDocument !== t.ownerDocument || r.ownerDocument !== t.ownerDocument) throw TypeError("SOverlayHost: acquisition requires connected root/content/portal siblings");
30
+ let n = _.value, r = v.value, i = y.value;
31
+ if (!n?.isConnected || !r?.isConnected || !i?.isConnected || r.parentElement !== n || i.parentElement !== n || r.ownerDocument !== n.ownerDocument || i.ownerDocument !== n.ownerDocument) throw TypeError("SOverlayHost: acquisition requires connected root/content/portal siblings");
31
32
  if (typeof e != "function") throw TypeError("SOverlayHost: onRetire must be a function");
32
- b.size === 0 && (x = n, S = n.getAttribute("inert"), n.setAttribute("inert", ""));
33
- let i = { onRetire: e };
34
- return b.add(i), () => {
35
- b.delete(i) && b.size === 0 && C();
33
+ x.size === 0 && (S = t(r));
34
+ let a = { onRetire: e };
35
+ return x.add(a), () => {
36
+ x.delete(a) && x.size === 0 && C();
36
37
  };
37
38
  }
38
39
  let E = Object.freeze({
39
- root: f(g),
40
- content: f(_),
41
- portal: f(v),
40
+ root: p(_),
41
+ content: p(v),
42
+ portal: p(y),
42
43
  acquire: T
43
44
  });
44
- return u(t, E), h([
45
- g,
45
+ return d(n, E), g([
46
46
  _,
47
- v
48
- ], w, { flush: "sync" }), s(w), c(() => {
47
+ v,
48
+ y
49
+ ], w, { flush: "sync" }), c(w), l(() => {
49
50
  w();
50
- }), (e, t) => (l(), r("div", o({
51
+ }), (e, t) => (u(), i("div", s({
51
52
  ref_key: "rootRef",
52
- ref: g
53
- }, m(y).bindings(), { class: "s-overlay-host" }), [i("div", {
53
+ ref: _
54
+ }, h(b).bindings(), { class: "s-overlay-host" }), [a("div", {
54
55
  ref_key: "contentRef",
55
- ref: _,
56
+ ref: v,
56
57
  class: "s-overlay-host__content"
57
- }, [d(e.$slots, "default", {}, void 0, !0)], 512), i("div", {
58
+ }, [f(e.$slots, "default", {}, void 0, !0)], 512), a("div", {
58
59
  ref_key: "portalRef",
59
- ref: v,
60
+ ref: y,
60
61
  class: "s-overlay-host__portal"
61
- }, [d(e.$slots, "overlay", {}, void 0, !0)], 512)], 16));
62
+ }, [f(e.$slots, "overlay", {}, void 0, !0)], 512)], 16));
62
63
  }
63
64
  });
64
65
  //#endregion
65
- export { g as default };
66
+ export { _ as default };
@@ -51,8 +51,8 @@ declare const __VLS_base: import('vue').DefineComponent<Props, {}, {}, {}, {}, i
51
51
  icon: FunctionalComponent<HTMLAttributes & VNodeProps>;
52
52
  description: string;
53
53
  state: SAsyncStateContract;
54
- surfaceRadius: "default" | "md" | "none";
55
54
  scrollBehavior: "auto" | "body" | "self" | "child";
55
+ surfaceRadius: "default" | "md" | "none";
56
56
  titleId: string;
57
57
  contentId: string;
58
58
  headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
@@ -1,8 +1,8 @@
1
- import "../../../../assets/src/components/shared/containers/SPopover.css_vue_type_style_index_0_src_4091d007_scoped_4091d007_lang.css";
1
+ import "../../../../assets/src/components/shared/containers/SPopover.css_vue_type_style_index_0_src_a4f1f64a_scoped_a4f1f64a_lang.css";
2
2
  import e from "../../../../_virtual/_plugin-vue_export-helper.js";
3
3
  import t from "./SPopover.vue_vue_type_script_setup_true_lang.js";
4
4
  /* empty css */
5
5
  //#region src/components/shared/containers/SPopover.vue
6
- var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-4091d007"]]);
6
+ var n = /*#__PURE__*/ e(t, [["__scopeId", "data-v-a4f1f64a"]]);
7
7
  //#endregion
8
8
  export { n as default };