@swiftwc/ui 0.0.0-dev.99 → 1.0.0-canary.1

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 (209) hide show
  1. package/generated/client/index.js +8 -9
  2. package/generated/components/alert-dialog.js +9 -17
  3. package/generated/components/bordered-button.js +4 -7
  4. package/generated/components/bordered-prominent-button.js +4 -7
  5. package/generated/components/borderless-button.js +4 -7
  6. package/generated/components/color-scheme.js +4 -7
  7. package/generated/components/confirmation-dialog.js +9 -17
  8. package/generated/components/content-unavailable.d.ts +1 -1
  9. package/generated/components/content-unavailable.js +5 -8
  10. package/generated/components/{body-view.d.ts → content-view.d.ts} +2 -2
  11. package/generated/components/content-view.js +15 -0
  12. package/generated/components/date-picker.js +13 -25
  13. package/generated/components/detail-placeholder.d.ts +11 -0
  14. package/generated/components/detail-placeholder.js +15 -0
  15. package/generated/components/disclosure-group.js +5 -9
  16. package/generated/components/fine-tooltip.js +4 -7
  17. package/generated/components/form-view.js +3 -5
  18. package/generated/components/glass-button.js +4 -7
  19. package/generated/components/glass-prominent-button.js +4 -7
  20. package/generated/components/h-divider.d.ts +11 -0
  21. package/generated/components/h-divider.js +15 -0
  22. package/generated/components/h-flex-stack.d.ts +16 -0
  23. package/generated/components/h-flex-stack.js +18 -0
  24. package/generated/components/h-stack.js +3 -5
  25. package/generated/components/image-view.js +4 -7
  26. package/generated/components/index.d.ts +7 -1
  27. package/generated/components/index.js +7 -1
  28. package/generated/components/label-view.d.ts +2 -2
  29. package/generated/components/label-view.js +6 -9
  30. package/generated/components/labeled-content.d.ts +7 -1
  31. package/generated/components/labeled-content.js +32 -32
  32. package/generated/components/list-view.d.ts +5 -1
  33. package/generated/components/list-view.js +8 -6
  34. package/generated/components/menu-view.d.ts +1 -1
  35. package/generated/components/menu-view.js +11 -20
  36. package/generated/components/navigation-large-title.d.ts +0 -1
  37. package/generated/components/navigation-large-title.js +5 -10
  38. package/generated/components/navigation-split-view.js +4 -7
  39. package/generated/components/navigation-stack.js +4 -7
  40. package/generated/components/navigation-title.js +4 -7
  41. package/generated/components/picker-view.d.ts +4 -21
  42. package/generated/components/picker-view.js +374 -326
  43. package/generated/components/plain-button.js +3 -5
  44. package/generated/components/progress-view.d.ts +1 -1
  45. package/generated/components/progress-view.js +7 -12
  46. package/generated/components/screen-view.js +2 -3
  47. package/generated/components/scroll-view-proxy.js +3 -5
  48. package/generated/components/scroll-view.d.ts +1 -1
  49. package/generated/components/scroll-view.js +10 -17
  50. package/generated/components/search-view.js +4 -7
  51. package/generated/components/section-view.d.ts +1 -1
  52. package/generated/components/section-view.js +5 -8
  53. package/generated/components/sheet-view.js +6 -11
  54. package/generated/components/sidebar-toggle.js +5 -9
  55. package/generated/components/sidebar-view.js +2 -3
  56. package/generated/components/sticky-container.js +3 -5
  57. package/generated/components/tab-bar.js +4 -7
  58. package/generated/components/tab-item.js +8 -15
  59. package/generated/components/tab-view.js +19 -23
  60. package/generated/components/table-view.d.ts +1 -1
  61. package/generated/components/table-view.js +7 -12
  62. package/generated/components/text-field.js +10 -19
  63. package/generated/components/text-view.d.ts +11 -0
  64. package/generated/components/text-view.js +16 -0
  65. package/generated/components/toggle-view.d.ts +2 -0
  66. package/generated/components/toggle-view.js +33 -37
  67. package/generated/components/tool-bar-item-group.js +3 -5
  68. package/generated/components/tool-bar-item.js +4 -7
  69. package/generated/components/tool-bar.js +4 -7
  70. package/generated/components/v-divider.d.ts +11 -0
  71. package/generated/components/v-divider.js +15 -0
  72. package/generated/components/v-flex-stack.d.ts +16 -0
  73. package/generated/components/v-flex-stack.js +18 -0
  74. package/generated/components/v-keyboard.js +8 -12
  75. package/generated/components/v-stack.js +3 -5
  76. package/generated/css/index.css +762 -418
  77. package/generated/internal/class/css-style-observer.js +2 -3
  78. package/generated/internal/class/form-associated-base.js +6 -8
  79. package/generated/internal/class/navigation-path.js +2 -2
  80. package/generated/internal/class/navigation-view.js +3 -5
  81. package/generated/internal/decorators/adaptive-slot.js +4 -7
  82. package/generated/internal/decorators/microtask-on-connected.d.ts +2 -2
  83. package/generated/internal/decorators/microtask-on-connected.js +2 -2
  84. package/generated/internal/dev-flags.d.ts +4 -0
  85. package/generated/internal/dev-flags.js +1 -0
  86. package/generated/internal/privateNamespace.d.ts +2 -2
  87. package/generated/internal/privateNamespace.js +15 -24
  88. package/generated/internal/utils/$.d.ts +9 -0
  89. package/generated/internal/utils/$.js +11 -0
  90. package/generated/internal/utils/debug.d.ts +1 -0
  91. package/generated/internal/utils/debug.js +4 -0
  92. package/generated/internal/utils/index.d.ts +36 -2
  93. package/generated/internal/utils/index.js +36 -5
  94. package/generated/internal/utils/is-inside.js +1 -1
  95. package/generated/snapshot/index.js +3 -5
  96. package/{web-components.html-data → html-data}/en.json +155 -54
  97. package/package.json +24 -20
  98. package/scss/_components.scss +1 -1
  99. package/scss/_maps.scss +3 -1
  100. package/scss/_utils.scss +3 -1
  101. package/scss/_vars.scss +1 -0
  102. package/scss/base/_layout.scss +8 -8
  103. package/scss/base/_reboot.scss +4 -29
  104. package/scss/base/_root.scss +27 -12
  105. package/scss/colors/_index.scss +66 -1
  106. package/scss/components/_alert-dialog.scss +3 -3
  107. package/scss/components/_bordered-button.scss +2 -2
  108. package/scss/components/_bordered-prominent-button.scss +3 -3
  109. package/scss/components/_borderless-button.scss +2 -2
  110. package/scss/components/_confirmation-dialog.scss +1 -1
  111. package/scss/components/_content-unavailable.scss +1 -1
  112. package/scss/components/{_body-view.scss → _content-view.scss} +2 -2
  113. package/scss/components/_date-picker.scss +1 -1
  114. package/scss/components/_detail-placeholder.scss +5 -5
  115. package/scss/components/_disclosure-group.scss +2 -2
  116. package/scss/components/_fine-tooltip.scss +1 -1
  117. package/scss/components/_form-view.scss +3 -3
  118. package/scss/components/_full-screen.scss +1 -1
  119. package/scss/components/_glass-button.scss +2 -2
  120. package/scss/components/_glass-prominent-button.scss +3 -3
  121. package/scss/components/_group-box.scss +1 -1
  122. package/scss/components/_h-divider.scss +1 -1
  123. package/scss/components/_h-flex-stack.scss +3 -1
  124. package/scss/components/_h-stack.scss +1 -1
  125. package/scss/components/_image-view.scss +1 -1
  126. package/scss/components/_index.scss +34 -24
  127. package/scss/components/_label-view.scss +1 -1
  128. package/scss/components/_labeled-content.scss +1 -1
  129. package/scss/components/_list-view.scss +3 -3
  130. package/scss/components/_menu-view.scss +3 -3
  131. package/scss/components/_navigation-large-title.scss +15 -9
  132. package/scss/components/_navigation-split-view.scss +18 -18
  133. package/scss/components/_navigation-stack.scss +1 -1
  134. package/scss/components/_navigation-title.scss +1 -1
  135. package/scss/components/_picker-view.scss +159 -119
  136. package/scss/components/_plain-button.scss +2 -2
  137. package/scss/components/_progress-view.scss +1 -1
  138. package/scss/components/_scroll-view-proxy.scss +1 -1
  139. package/scss/components/_scroll-view-toolbars.scss +1 -1
  140. package/scss/components/_scroll-view.scss +2 -2
  141. package/scss/components/_search-view.scss +1 -1
  142. package/scss/components/_section-view.scss +1 -1
  143. package/scss/components/_sheet-view.scss +2 -2
  144. package/scss/components/_sidebar-toggle.scss +1 -1
  145. package/scss/components/_sidebar-view.scss +2 -2
  146. package/scss/components/_sticky-container.scss +1 -1
  147. package/scss/components/_tab-bar.scss +1 -1
  148. package/scss/components/_tab-item.scss +1 -1
  149. package/scss/components/_tab-view.scss +23 -15
  150. package/scss/components/_table-column.scss +1 -1
  151. package/scss/components/_table-row.scss +1 -1
  152. package/scss/components/_table-view.scss +1 -1
  153. package/scss/components/_text-field.scss +1 -1
  154. package/scss/components/_text-view.scss +1 -1
  155. package/scss/components/_toggle-view.scss +41 -21
  156. package/scss/components/_tool-bar-item-group.scss +1 -1
  157. package/scss/components/_tool-bar-item.scss +2 -2
  158. package/scss/components/_tool-bar.scss +2 -2
  159. package/scss/components/_v-divider.scss +1 -1
  160. package/scss/components/_v-flex-stack.scss +3 -1
  161. package/scss/components/_v-keyboard.scss +1 -1
  162. package/scss/components/_v-stack.scss +1 -1
  163. package/scss/final/_touch-glass.scss +2 -2
  164. package/scss/mixins/_index.scss +2 -2
  165. package/scss/placeholders/_buttons.scss +5 -5
  166. package/scss/placeholders/_lists.scss +3 -3
  167. package/scss/transitions/_alert-dialog.scss +1 -1
  168. package/scss/transitions/_bwd.navbar.scss +1 -1
  169. package/scss/transitions/_bwd.scss +3 -3
  170. package/scss/transitions/_confirmation-dialog.scss +1 -1
  171. package/scss/transitions/_disclosure-group.scss +1 -1
  172. package/scss/transitions/_fine-tooltip.scss +1 -1
  173. package/scss/transitions/_fwd.navbar.scss +1 -1
  174. package/scss/transitions/_fwd.scss +1 -1
  175. package/scss/transitions/_glass-button.scss +1 -1
  176. package/scss/transitions/_glass-prominent-button.scss +1 -1
  177. package/scss/transitions/_index.scss +1 -1
  178. package/scss/transitions/_menu-view.scss +1 -1
  179. package/scss/transitions/_navigation-split-view.scss +1 -1
  180. package/scss/transitions/_progress-view.scss +1 -1
  181. package/scss/transitions/_sheet-view.scss +1 -1
  182. package/scss/transitions/_sidebar-view.scss +1 -1
  183. package/scss/transitions/_tab-bar.scss +1 -1
  184. package/scss/utils/_background.scss +52 -0
  185. package/scss/utils/_frame.scss +2 -2
  186. package/scss/utils/_index.scss +33 -8
  187. package/scss/utils/_spacing.scss +1 -1
  188. package/scss/utils/_stacks.scss +5 -3
  189. package/generated/components/body-view.js +0 -17
  190. package/generated/internal/utils/cash/index.d.ts +0 -24
  191. package/generated/internal/utils/cash/index.js +0 -27
  192. package/generated/internal/utils/dev-flags.d.ts +0 -3
  193. package/generated/internal/utils/dev-flags.js +0 -5
  194. /package/{web-components.css-data → css-data}/en.json +0 -0
  195. /package/generated/internal/utils/{cash/ancestors.d.ts → ancestors.d.ts} +0 -0
  196. /package/generated/internal/utils/{cash/ancestors.js → ancestors.js} +0 -0
  197. /package/generated/internal/utils/{cash/next-all.d.ts → next-all.d.ts} +0 -0
  198. /package/generated/internal/utils/{cash/next-all.js → next-all.js} +0 -0
  199. /package/generated/internal/utils/{cash/next.d.ts → next.d.ts} +0 -0
  200. /package/generated/internal/utils/{cash/next.js → next.js} +0 -0
  201. /package/generated/internal/utils/{cash/prev-all.d.ts → prev-all.d.ts} +0 -0
  202. /package/generated/internal/utils/{cash/prev-all.js → prev-all.js} +0 -0
  203. /package/generated/internal/utils/{cash/prev.d.ts → prev.d.ts} +0 -0
  204. /package/generated/internal/utils/{cash/prev.js → prev.js} +0 -0
  205. /package/generated/internal/utils/{cash/prop.d.ts → prop.d.ts} +0 -0
  206. /package/generated/internal/utils/{cash/prop.js → prop.js} +0 -0
  207. /package/generated/internal/utils/{cash/siblings.d.ts → siblings.d.ts} +0 -0
  208. /package/generated/internal/utils/{cash/siblings.js → siblings.js} +0 -0
  209. /package/scss/utils/{_scroll-view.scss → _scroll-view.scss.txt} +0 -0
@@ -0,0 +1,16 @@
1
+ /**
2
+ * @summary A view that arranges its children one on top of the other.
3
+ *
4
+ * @attr {@Template} template — The main-axis grid template
5
+ *
6
+ */
7
+ export declare class VFlexStack extends HTMLElement {
8
+ constructor();
9
+ connectedCallback(): void;
10
+ disconnectedCallback(): void;
11
+ }
12
+ declare global {
13
+ interface HTMLElementTagNameMap {
14
+ 'v-flex-stack': VFlexStack;
15
+ }
16
+ }
@@ -0,0 +1,18 @@
1
+ import { debug } from '../internal/utils';
2
+ /**
3
+ * @summary A view that arranges its children one on top of the other.
4
+ *
5
+ * @attr {@Template} template — The main-axis grid template
6
+ *
7
+ */
8
+ export class VFlexStack extends HTMLElement {
9
+ constructor() {
10
+ super();
11
+ }
12
+ connectedCallback() {
13
+ debug(`${VFlexStack.name} ⚡️ connect`);
14
+ }
15
+ disconnectedCallback() {
16
+ debug(`${VFlexStack.name} ⚡️ disconnect`);
17
+ }
18
+ }
@@ -1,6 +1,6 @@
1
1
  var _a;
2
2
  import { CleanupRegistry } from '../internal/class/cleanup-registry';
3
- import { $, devFlags, frame, onoff, sleep } from '../internal/utils';
3
+ import { debug, frame, onoff, prop, sleep } from '../internal/utils';
4
4
  import { Snapshot } from '../snapshot';
5
5
  /**
6
6
  * BUG: Safari on IOS reports inaccurate innerHeight (which is what we really want) on orientationchange.
@@ -22,13 +22,11 @@ export class VKeyboard extends HTMLElement {
22
22
  super();
23
23
  }
24
24
  disconnectedCallback() {
25
- if (devFlags.debug)
26
- console.debug(`${_a.name} ⚡️ disconnect`);
25
+ debug(`${_a.name} ⚡️ disconnect`);
27
26
  CleanupRegistry.unregister(this);
28
27
  }
29
28
  connectedCallback() {
30
- if (devFlags.debug)
31
- console.debug(`${_a.name} ⚡️ connect`);
29
+ debug(`${_a.name} ⚡️ connect`);
32
30
  this.inert = true;
33
31
  CleanupRegistry.register(this, onoff([
34
32
  { types: 'scroll', listener: this.#handleWindowScroll },
@@ -54,21 +52,19 @@ export class VKeyboard extends HTMLElement {
54
52
  #handleVisualViewportResize = () => {
55
53
  const dvh = self.visualViewport?.height ?? 0, fullLvh = this.offsetHeight;
56
54
  const diff = Math.abs(self.outerHeight - (this.#shouldKeyboardBeOpenCallback() ? dvh : fullLvh));
57
- $.prop('--100lvh', 30 < diff ? `${dvh}px` : `${fullLvh}px`, document.documentElement); //document.documentElement.style.setProperty('--100lvh', 30 < diff ? `${dvh}px` : `${fullLvh}px`)
58
- $.prop('--keyboard-inset-top', 30 < diff ? `${dvh}px` : `${fullLvh}px`, document.documentElement); //document.documentElement.style.setProperty('--keyboard-inset-top', 30 < diff ? `${dvh}px` : `${fullLvh}px`)
59
- $.prop('--keyboard-inset-height', 30 < diff ? `${diff}px` : `0px`, document.documentElement); //document.documentElement.style.setProperty('--keyboard-inset-height', 30 < diff ? `${diff}px` : `0px`)
55
+ prop('--100lvh', 30 < diff ? `${dvh}px` : `${fullLvh}px`, document.documentElement); //document.documentElement.style.setProperty('--100lvh', 30 < diff ? `${dvh}px` : `${fullLvh}px`)
56
+ prop('--keyboard-inset-top', 30 < diff ? `${dvh}px` : `${fullLvh}px`, document.documentElement); //document.documentElement.style.setProperty('--keyboard-inset-top', 30 < diff ? `${dvh}px` : `${fullLvh}px`)
57
+ prop('--keyboard-inset-height', 30 < diff ? `${diff}px` : `0px`, document.documentElement); //document.documentElement.style.setProperty('--keyboard-inset-height', 30 < diff ? `${diff}px` : `0px`)
60
58
  self.scrollTo(0, 0);
61
59
  };
62
60
  #handleWindowOrientationchange = async () => {
63
- if (devFlags.debug)
64
- console.debug(`${_a.name} ⚡️ orientationchange`);
61
+ debug(`${_a.name} ⚡️ orientationchange`);
65
62
  if (!(await frame(this)))
66
63
  return; //self.requestAnimationFrame(this.#ifKeyboardScrollIntoActiveElement)
67
64
  this.#ifKeyboardScrollIntoActiveElement();
68
65
  };
69
66
  #handleBodyFocusin = async () => {
70
- if (devFlags.debug)
71
- console.debug(`${_a.name} ⚡️ focusin`);
67
+ debug(`${_a.name} ⚡️ focusin`);
72
68
  await sleep(100); // self.setTimeout(this.#ifKeyboardScrollIntoActiveElement, 100)
73
69
  if (!this.isConnected)
74
70
  return;
@@ -1,4 +1,4 @@
1
- import { devFlags } from '../internal/utils';
1
+ import { debug } from '../internal/utils';
2
2
  /**
3
3
  * @summary A view that arranges its children one on top of the other.
4
4
  *
@@ -19,11 +19,9 @@ export class VStack extends HTMLElement {
19
19
  super();
20
20
  }
21
21
  connectedCallback() {
22
- if (devFlags.debug)
23
- console.debug(`${VStack.name} ⚡️ connect`);
22
+ debug(`${VStack.name} ⚡️ connect`);
24
23
  }
25
24
  disconnectedCallback() {
26
- if (devFlags.debug)
27
- console.debug(`${VStack.name} ⚡️ disconnect`);
25
+ debug(`${VStack.name} ⚡️ disconnect`);
28
26
  }
29
27
  }