winui-svelte 0.0.1 → 0.0.2

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 (170) hide show
  1. package/README.md +5 -1
  2. package/dist/bindings/.dynwinrt-js-types +1333 -51
  3. package/dist/bindings/.dynwinrt-managed +1 -1
  4. package/dist/bindings/index.d.ts +95 -1
  5. package/dist/bindings/index.js +146 -2
  6. package/dist/bindings/index.mjs +4437 -4293
  7. package/dist/bindings/index.proxy.js +73 -1
  8. package/dist/components/generated/controls/AnimatedVisualPlayer.svelte.d.ts +2 -0
  9. package/dist/components/generated/controls/AnimatedVisualPlayer.svelte.d.ts.map +1 -1
  10. package/dist/components/generated/controls/AnimatedVisualPlayer.svelte.js.map +1 -1
  11. package/dist/components/generated/controls/Block.svelte.d.ts +6 -0
  12. package/dist/components/generated/controls/Block.svelte.d.ts.map +1 -1
  13. package/dist/components/generated/controls/Block.svelte.js.map +1 -1
  14. package/dist/components/generated/controls/Border.svelte.d.ts +6 -0
  15. package/dist/components/generated/controls/Border.svelte.d.ts.map +1 -1
  16. package/dist/components/generated/controls/Border.svelte.js.map +1 -1
  17. package/dist/components/generated/controls/ContentPresenter.svelte.d.ts +19 -1
  18. package/dist/components/generated/controls/ContentPresenter.svelte.d.ts.map +1 -1
  19. package/dist/components/generated/controls/ContentPresenter.svelte.js.map +1 -1
  20. package/dist/components/generated/controls/Control.svelte.d.ts +12 -0
  21. package/dist/components/generated/controls/Control.svelte.d.ts.map +1 -1
  22. package/dist/components/generated/controls/Control.svelte.js.map +1 -1
  23. package/dist/components/generated/controls/EllipseGeometry.svelte.d.ts +4 -0
  24. package/dist/components/generated/controls/EllipseGeometry.svelte.d.ts.map +1 -1
  25. package/dist/components/generated/controls/EllipseGeometry.svelte.js.map +1 -1
  26. package/dist/components/generated/controls/FrameworkElement.svelte.d.ts +10 -0
  27. package/dist/components/generated/controls/FrameworkElement.svelte.d.ts.map +1 -1
  28. package/dist/components/generated/controls/FrameworkElement.svelte.js.map +1 -1
  29. package/dist/components/generated/controls/Glyphs.svelte.d.ts +2 -0
  30. package/dist/components/generated/controls/Glyphs.svelte.d.ts.map +1 -1
  31. package/dist/components/generated/controls/Glyphs.svelte.js.map +1 -1
  32. package/dist/components/generated/controls/Grid.svelte.d.ts +6 -0
  33. package/dist/components/generated/controls/Grid.svelte.d.ts.map +1 -1
  34. package/dist/components/generated/controls/Grid.svelte.js.map +1 -1
  35. package/dist/components/generated/controls/Hyperlink.svelte.d.ts +2 -0
  36. package/dist/components/generated/controls/Hyperlink.svelte.d.ts.map +1 -1
  37. package/dist/components/generated/controls/Hyperlink.svelte.js.map +1 -1
  38. package/dist/components/generated/controls/Image.svelte.d.ts +2 -0
  39. package/dist/components/generated/controls/Image.svelte.d.ts.map +1 -1
  40. package/dist/components/generated/controls/Image.svelte.js.map +1 -1
  41. package/dist/components/generated/controls/ItemsPresenter.svelte.d.ts +2 -0
  42. package/dist/components/generated/controls/ItemsPresenter.svelte.d.ts.map +1 -1
  43. package/dist/components/generated/controls/ItemsPresenter.svelte.js.map +1 -1
  44. package/dist/components/generated/controls/LinedFlowLayout.svelte.d.ts +2 -0
  45. package/dist/components/generated/controls/LinedFlowLayout.svelte.d.ts.map +1 -1
  46. package/dist/components/generated/controls/LinedFlowLayout.svelte.js.map +1 -1
  47. package/dist/components/generated/controls/MediaPlayerElement.svelte.d.ts +2 -0
  48. package/dist/components/generated/controls/MediaPlayerElement.svelte.d.ts.map +1 -1
  49. package/dist/components/generated/controls/MediaPlayerElement.svelte.js.map +1 -1
  50. package/dist/components/generated/controls/MediaPlayerPresenter.svelte.d.ts +2 -0
  51. package/dist/components/generated/controls/MediaPlayerPresenter.svelte.d.ts.map +1 -1
  52. package/dist/components/generated/controls/MediaPlayerPresenter.svelte.js.map +1 -1
  53. package/dist/components/generated/controls/RadialGradientBrush.svelte.d.ts +4 -0
  54. package/dist/components/generated/controls/RadialGradientBrush.svelte.d.ts.map +1 -1
  55. package/dist/components/generated/controls/RadialGradientBrush.svelte.js.map +1 -1
  56. package/dist/components/generated/controls/Rectangle.svelte.d.ts +4 -0
  57. package/dist/components/generated/controls/Rectangle.svelte.d.ts.map +1 -1
  58. package/dist/components/generated/controls/Rectangle.svelte.js.map +1 -1
  59. package/dist/components/generated/controls/RelativePanel.svelte.d.ts +6 -0
  60. package/dist/components/generated/controls/RelativePanel.svelte.d.ts.map +1 -1
  61. package/dist/components/generated/controls/RelativePanel.svelte.js.map +1 -1
  62. package/dist/components/generated/controls/RichEditBox.svelte.d.ts +1 -1
  63. package/dist/components/generated/controls/RichTextBlock.svelte.d.ts +14 -2
  64. package/dist/components/generated/controls/RichTextBlock.svelte.d.ts.map +1 -1
  65. package/dist/components/generated/controls/RichTextBlock.svelte.js.map +1 -1
  66. package/dist/components/generated/controls/RichTextBlockOverflow.svelte.d.ts +4 -0
  67. package/dist/components/generated/controls/RichTextBlockOverflow.svelte.d.ts.map +1 -1
  68. package/dist/components/generated/controls/RichTextBlockOverflow.svelte.js.map +1 -1
  69. package/dist/components/generated/controls/ScrollView.svelte.d.ts +4 -0
  70. package/dist/components/generated/controls/ScrollView.svelte.d.ts.map +1 -1
  71. package/dist/components/generated/controls/ScrollView.svelte.js.map +1 -1
  72. package/dist/components/generated/controls/ScrollViewer.svelte.d.ts +4 -0
  73. package/dist/components/generated/controls/ScrollViewer.svelte.d.ts.map +1 -1
  74. package/dist/components/generated/controls/ScrollViewer.svelte.js.map +1 -1
  75. package/dist/components/generated/controls/Shape.svelte.d.ts +10 -0
  76. package/dist/components/generated/controls/Shape.svelte.d.ts.map +1 -1
  77. package/dist/components/generated/controls/Shape.svelte.js.map +1 -1
  78. package/dist/components/generated/controls/StackPanel.svelte.d.ts +6 -0
  79. package/dist/components/generated/controls/StackPanel.svelte.d.ts.map +1 -1
  80. package/dist/components/generated/controls/StackPanel.svelte.js.map +1 -1
  81. package/dist/components/generated/controls/TextBlock.svelte.d.ts +14 -2
  82. package/dist/components/generated/controls/TextBlock.svelte.d.ts.map +1 -1
  83. package/dist/components/generated/controls/TextBlock.svelte.js.map +1 -1
  84. package/dist/components/generated/controls/TextBox.svelte.d.ts +1 -1
  85. package/dist/components/generated/controls/TextElement.svelte.d.ts +3 -1
  86. package/dist/components/generated/controls/TextElement.svelte.d.ts.map +1 -1
  87. package/dist/components/generated/controls/TextElement.svelte.js.map +1 -1
  88. package/dist/components/generated/controls/TickBar.svelte.d.ts +2 -0
  89. package/dist/components/generated/controls/TickBar.svelte.d.ts.map +1 -1
  90. package/dist/components/generated/controls/TickBar.svelte.js.map +1 -1
  91. package/dist/components/generated/controls/TileBrush.svelte.d.ts +2 -0
  92. package/dist/components/generated/controls/TileBrush.svelte.d.ts.map +1 -1
  93. package/dist/components/generated/controls/TileBrush.svelte.js.map +1 -1
  94. package/dist/components/generated/controls/UIElement.svelte.d.ts +7 -1
  95. package/dist/components/generated/controls/UIElement.svelte.d.ts.map +1 -1
  96. package/dist/components/generated/controls/UIElement.svelte.js.map +1 -1
  97. package/dist/components/generated/controls/Viewbox.svelte.d.ts +2 -0
  98. package/dist/components/generated/controls/Viewbox.svelte.d.ts.map +1 -1
  99. package/dist/components/generated/controls/Viewbox.svelte.js.map +1 -1
  100. package/dist/css/control.d.ts +2 -0
  101. package/dist/css/control.d.ts.map +1 -0
  102. package/dist/css/control.js +5 -0
  103. package/dist/css/control.js.map +1 -0
  104. package/dist/css/shape.d.ts +2 -0
  105. package/dist/css/shape.d.ts.map +1 -0
  106. package/dist/css/shape.js +5 -0
  107. package/dist/css/shape.js.map +1 -0
  108. package/dist/css/translate/lazy-groups.d.ts.map +1 -1
  109. package/dist/css/translate/lazy-groups.js +14 -0
  110. package/dist/css/translate/lazy-groups.js.map +1 -1
  111. package/dist/css/translate/shape-properties.d.ts +24 -0
  112. package/dist/css/translate/shape-properties.d.ts.map +1 -0
  113. package/dist/css/translate/shape-properties.js +207 -0
  114. package/dist/css/translate/shape-properties.js.map +1 -0
  115. package/dist/css/translate/text-control-properties.d.ts +21 -0
  116. package/dist/css/translate/text-control-properties.d.ts.map +1 -0
  117. package/dist/css/translate/text-control-properties.js +120 -0
  118. package/dist/css/translate/text-control-properties.js.map +1 -0
  119. package/dist/css/translate/unsupported-properties.d.ts.map +1 -1
  120. package/dist/css/translate/unsupported-properties.js +2 -0
  121. package/dist/css/translate/unsupported-properties.js.map +1 -1
  122. package/dist/css/validate/vscode-css-data.json +370 -0
  123. package/dist/css/validate/vscode-data.d.ts +2 -1
  124. package/dist/css/validate/vscode-data.d.ts.map +1 -1
  125. package/dist/css/validate/vscode-data.js +31 -1
  126. package/dist/css/validate/vscode-data.js.map +1 -1
  127. package/package.json +9 -1
  128. package/src/components/generated/controls/AnimatedVisualPlayer.svelte.ts +2 -0
  129. package/src/components/generated/controls/Block.svelte.ts +6 -0
  130. package/src/components/generated/controls/Border.svelte.ts +6 -0
  131. package/src/components/generated/controls/ContentPresenter.svelte.ts +19 -1
  132. package/src/components/generated/controls/Control.svelte.ts +12 -0
  133. package/src/components/generated/controls/EllipseGeometry.svelte.ts +4 -0
  134. package/src/components/generated/controls/FrameworkElement.svelte.ts +10 -0
  135. package/src/components/generated/controls/Glyphs.svelte.ts +2 -0
  136. package/src/components/generated/controls/Grid.svelte.ts +6 -0
  137. package/src/components/generated/controls/Hyperlink.svelte.ts +2 -0
  138. package/src/components/generated/controls/Image.svelte.ts +2 -0
  139. package/src/components/generated/controls/ItemsPresenter.svelte.ts +2 -0
  140. package/src/components/generated/controls/LinedFlowLayout.svelte.ts +2 -0
  141. package/src/components/generated/controls/MediaPlayerElement.svelte.ts +2 -0
  142. package/src/components/generated/controls/MediaPlayerPresenter.svelte.ts +2 -0
  143. package/src/components/generated/controls/RadialGradientBrush.svelte.ts +4 -0
  144. package/src/components/generated/controls/Rectangle.svelte.ts +4 -0
  145. package/src/components/generated/controls/RelativePanel.svelte.ts +6 -0
  146. package/src/components/generated/controls/RichEditBox.svelte.ts +1 -1
  147. package/src/components/generated/controls/RichTextBlock.svelte.ts +14 -2
  148. package/src/components/generated/controls/RichTextBlockOverflow.svelte.ts +4 -0
  149. package/src/components/generated/controls/ScrollView.svelte.ts +4 -0
  150. package/src/components/generated/controls/ScrollViewer.svelte.ts +4 -0
  151. package/src/components/generated/controls/Shape.svelte.ts +10 -0
  152. package/src/components/generated/controls/StackPanel.svelte.ts +6 -0
  153. package/src/components/generated/controls/TextBlock.svelte.ts +14 -2
  154. package/src/components/generated/controls/TextBox.svelte.ts +1 -1
  155. package/src/components/generated/controls/TextElement.svelte.ts +3 -1
  156. package/src/components/generated/controls/TickBar.svelte.ts +2 -0
  157. package/src/components/generated/controls/TileBrush.svelte.ts +2 -0
  158. package/src/components/generated/controls/UIElement.svelte.ts +7 -1
  159. package/src/components/generated/controls/Viewbox.svelte.ts +2 -0
  160. package/src/css/API.md +32 -0
  161. package/src/css/control.ts +5 -0
  162. package/src/css/shape.ts +5 -0
  163. package/src/css/translate/lazy-groups.ts +14 -0
  164. package/src/css/translate/shape-properties.ts +250 -0
  165. package/src/css/translate/text-control-properties.ts +135 -0
  166. package/src/css/translate/unsupported-properties.ts +2 -0
  167. package/src/css/validate/vscode-data.ts +38 -1
  168. package/web-types.json +460 -90
  169. package/dist/bindings/microsoft/ui/xaml/controls/SwapChainBackgroundPanel.d.ts +0 -731
  170. package/dist/bindings/microsoft/ui/xaml/controls/SwapChainBackgroundPanel.js +0 -2806
package/README.md CHANGED
@@ -1,5 +1,7 @@
1
1
  # winui-svelte
2
2
 
3
+ [![npm version](https://img.shields.io/npm/v/winui-svelte)](https://www.npmjs.com/package/winui-svelte)
4
+
3
5
  WinUI 3 controls as Svelte components: native Windows apps written in Svelte,
4
6
  the way React Native writes native apps in React
5
7
  Every control is WinUI's own,
@@ -542,9 +544,11 @@ build error with its file and line; nothing is silently ignored
542
544
  | --- | --- |
543
545
  | `margin`, `padding`, `border-width`, `border-color`, `border-radius` | `Margin`, `Padding`, `BorderThickness`, `BorderBrush`, `CornerRadius` |
544
546
  | `color`, `background-color`, `opacity` | `Foreground`, `Background`, `Opacity` |
547
+ | `fill`, `stroke`, `stroke-width`, `stroke-dasharray`, `stroke-dashoffset`, `stroke-linecap`, `stroke-linejoin`, `stroke-miterlimit`, `rx`, `ry`, `fill-rule` | a shape's `Fill`, `Stroke`, `StrokeThickness`, `StrokeDashArray`, `StrokeDashOffset`, `StrokeStartLineCap` and `StrokeEndLineCap`, `StrokeLineJoin`, `StrokeMiterLimit`, `RadiusX`, `RadiusY`, `FillRule` |
545
548
  | `background-image` or `background` with `linear-gradient()` or `radial-gradient()` | a `LinearGradientBrush` or `RadialGradientBrush` Background (a sheet that uses one carries the parser; one that does not, does not) |
546
549
  | `width`, `height`, `min-*`, `max-*` | `Width`, `Height`, `MinWidth`... |
547
550
  | `font-size`, `font-weight`, `font-family`, `font-style`, `line-height`, `letter-spacing`, `text-align`, `text-wrap`, `text-overflow`, `text-decoration` | the `TextBlock` and `Control` font and text properties |
551
+ | `font-stretch`, `direction`, `background-clip`, `tab-index` | `FontStretch` (`ultra-condensed` to `ultra-expanded`), `FlowDirection` (`ltr`, `rtl`), `BackgroundSizing` (`border-box` is `OuterBorderEdge`, `padding-box` is `InnerBorderEdge`), `TabIndex` (a negative value sets `IsTabStop` to false) |
548
552
  | `gap`, `row-gap`, `column-gap` | `Spacing` (a stack), `RowSpacing` and `ColumnSpacing` (a grid) |
549
553
  | `flex-direction`, `display: flex` on a stack, `align-self`, `justify-self` | `Orientation`, `VerticalAlignment`, `HorizontalAlignment` |
550
554
  | `grid-template-columns`, `grid-template-rows` (`fr`, `px`, `auto`, `minmax()`, `fit-content()`, `repeat(n, ...)`), `grid-column`, `grid-row` | `ColumnDefinitions`, `RowDefinitions`, `Grid.Column`... |
@@ -818,7 +822,7 @@ conditions on `exports`), which your Vite compiles (`winuiSvelte()`)
818
822
  | `winui-svelte/devices`, `/devices/enumeration`, `/devices/input`, `/devices/bluetooth`, `/devices/printers`, `/devices/power`, `/devices/network`, `/devices/audio`, `/devices/display`, `/devices/gamepad`, `/devices/sensors` | device enumeration, input devices, Bluetooth, printers, power, network, displays, audio, gamepads, sensors: Windows' own device APIs as runes (opt-in; [`API.md`](https://github.com/avi12/winui-svelte/blob/main/API.md#windows-devices-winui-sveltedevices)) |
819
823
  | `winui-svelte/connected-animation` | `connectElement` and `startConnected`, WinUI's connected animation between pages |
820
824
  | `winui-svelte/css/transform`, `/css/animation`, `/css/effects`, `/css/filter`, `/css/clip`, `/css/focus`, `/css/surface`, `/css/position`, `/css/container`, `/css/queries`, `/css/environment`, `/css/compat`, `/css/resources` | the opt-in CSS groups: 2D transform, animations, aspect ratio, filters and masks, clip shapes, focus visuals, surfaces, position and inset, media and container queries, media preferences and display features, browser-stylesheet properties, theme resources ([`src/css/API.md`](https://github.com/avi12/winui-svelte/blob/main/src/css/API.md)) |
821
- | `winui-svelte/css`, `/css/vite`, `/css/sheet-module`, `/css/gradients`, `/css/stylesheet` | the CSS runtime, its Vite plugin, the sheet module compiler, the gradient parser a sheet with a gradient imports and the type declaration for a `.css` import ([`src/css/API.md`](https://github.com/avi12/winui-svelte/blob/main/src/css/API.md)) |
825
+ | `winui-svelte/css`, `/css/vite`, `/css/sheet-module`, `/css/gradients`, `/css/shape`, `/css/control`, `/css/stylesheet` | the CSS runtime, its Vite plugin, the sheet module compiler, the gradient parser a sheet with a gradient imports and the type declaration for a `.css` import ([`src/css/API.md`](https://github.com/avi12/winui-svelte/blob/main/src/css/API.md)) |
822
826
  | `winui-svelte/preprocess`, `winui-svelte/stylelint`, `winui-svelte/vscode-css-data.json` | the editor side of the CSS: a Svelte preprocessor, a stylelint rule and VS Code custom data, all from the same validator and tables, so the editor, the linter and the build say the same thing ([`src/css/API.md`](https://github.com/avi12/winui-svelte/blob/main/src/css/API.md#diagnostics-in-the-editor-the-linter-and-the-build)) |
823
827
 
824
828
  </details>