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.
- package/README.md +5 -1
- package/dist/bindings/.dynwinrt-js-types +1333 -51
- package/dist/bindings/.dynwinrt-managed +1 -1
- package/dist/bindings/index.d.ts +95 -1
- package/dist/bindings/index.js +146 -2
- package/dist/bindings/index.mjs +4437 -4293
- package/dist/bindings/index.proxy.js +73 -1
- package/dist/components/generated/controls/AnimatedVisualPlayer.svelte.d.ts +2 -0
- package/dist/components/generated/controls/AnimatedVisualPlayer.svelte.d.ts.map +1 -1
- package/dist/components/generated/controls/AnimatedVisualPlayer.svelte.js.map +1 -1
- package/dist/components/generated/controls/Block.svelte.d.ts +6 -0
- package/dist/components/generated/controls/Block.svelte.d.ts.map +1 -1
- package/dist/components/generated/controls/Block.svelte.js.map +1 -1
- package/dist/components/generated/controls/Border.svelte.d.ts +6 -0
- package/dist/components/generated/controls/Border.svelte.d.ts.map +1 -1
- package/dist/components/generated/controls/Border.svelte.js.map +1 -1
- package/dist/components/generated/controls/ContentPresenter.svelte.d.ts +19 -1
- package/dist/components/generated/controls/ContentPresenter.svelte.d.ts.map +1 -1
- package/dist/components/generated/controls/ContentPresenter.svelte.js.map +1 -1
- package/dist/components/generated/controls/Control.svelte.d.ts +12 -0
- package/dist/components/generated/controls/Control.svelte.d.ts.map +1 -1
- package/dist/components/generated/controls/Control.svelte.js.map +1 -1
- package/dist/components/generated/controls/EllipseGeometry.svelte.d.ts +4 -0
- package/dist/components/generated/controls/EllipseGeometry.svelte.d.ts.map +1 -1
- package/dist/components/generated/controls/EllipseGeometry.svelte.js.map +1 -1
- package/dist/components/generated/controls/FrameworkElement.svelte.d.ts +10 -0
- package/dist/components/generated/controls/FrameworkElement.svelte.d.ts.map +1 -1
- package/dist/components/generated/controls/FrameworkElement.svelte.js.map +1 -1
- package/dist/components/generated/controls/Glyphs.svelte.d.ts +2 -0
- package/dist/components/generated/controls/Glyphs.svelte.d.ts.map +1 -1
- package/dist/components/generated/controls/Glyphs.svelte.js.map +1 -1
- package/dist/components/generated/controls/Grid.svelte.d.ts +6 -0
- package/dist/components/generated/controls/Grid.svelte.d.ts.map +1 -1
- package/dist/components/generated/controls/Grid.svelte.js.map +1 -1
- package/dist/components/generated/controls/Hyperlink.svelte.d.ts +2 -0
- package/dist/components/generated/controls/Hyperlink.svelte.d.ts.map +1 -1
- package/dist/components/generated/controls/Hyperlink.svelte.js.map +1 -1
- package/dist/components/generated/controls/Image.svelte.d.ts +2 -0
- package/dist/components/generated/controls/Image.svelte.d.ts.map +1 -1
- package/dist/components/generated/controls/Image.svelte.js.map +1 -1
- package/dist/components/generated/controls/ItemsPresenter.svelte.d.ts +2 -0
- package/dist/components/generated/controls/ItemsPresenter.svelte.d.ts.map +1 -1
- package/dist/components/generated/controls/ItemsPresenter.svelte.js.map +1 -1
- package/dist/components/generated/controls/LinedFlowLayout.svelte.d.ts +2 -0
- package/dist/components/generated/controls/LinedFlowLayout.svelte.d.ts.map +1 -1
- package/dist/components/generated/controls/LinedFlowLayout.svelte.js.map +1 -1
- package/dist/components/generated/controls/MediaPlayerElement.svelte.d.ts +2 -0
- package/dist/components/generated/controls/MediaPlayerElement.svelte.d.ts.map +1 -1
- package/dist/components/generated/controls/MediaPlayerElement.svelte.js.map +1 -1
- package/dist/components/generated/controls/MediaPlayerPresenter.svelte.d.ts +2 -0
- package/dist/components/generated/controls/MediaPlayerPresenter.svelte.d.ts.map +1 -1
- package/dist/components/generated/controls/MediaPlayerPresenter.svelte.js.map +1 -1
- package/dist/components/generated/controls/RadialGradientBrush.svelte.d.ts +4 -0
- package/dist/components/generated/controls/RadialGradientBrush.svelte.d.ts.map +1 -1
- package/dist/components/generated/controls/RadialGradientBrush.svelte.js.map +1 -1
- package/dist/components/generated/controls/Rectangle.svelte.d.ts +4 -0
- package/dist/components/generated/controls/Rectangle.svelte.d.ts.map +1 -1
- package/dist/components/generated/controls/Rectangle.svelte.js.map +1 -1
- package/dist/components/generated/controls/RelativePanel.svelte.d.ts +6 -0
- package/dist/components/generated/controls/RelativePanel.svelte.d.ts.map +1 -1
- package/dist/components/generated/controls/RelativePanel.svelte.js.map +1 -1
- package/dist/components/generated/controls/RichEditBox.svelte.d.ts +1 -1
- package/dist/components/generated/controls/RichTextBlock.svelte.d.ts +14 -2
- package/dist/components/generated/controls/RichTextBlock.svelte.d.ts.map +1 -1
- package/dist/components/generated/controls/RichTextBlock.svelte.js.map +1 -1
- package/dist/components/generated/controls/RichTextBlockOverflow.svelte.d.ts +4 -0
- package/dist/components/generated/controls/RichTextBlockOverflow.svelte.d.ts.map +1 -1
- package/dist/components/generated/controls/RichTextBlockOverflow.svelte.js.map +1 -1
- package/dist/components/generated/controls/ScrollView.svelte.d.ts +4 -0
- package/dist/components/generated/controls/ScrollView.svelte.d.ts.map +1 -1
- package/dist/components/generated/controls/ScrollView.svelte.js.map +1 -1
- package/dist/components/generated/controls/ScrollViewer.svelte.d.ts +4 -0
- package/dist/components/generated/controls/ScrollViewer.svelte.d.ts.map +1 -1
- package/dist/components/generated/controls/ScrollViewer.svelte.js.map +1 -1
- package/dist/components/generated/controls/Shape.svelte.d.ts +10 -0
- package/dist/components/generated/controls/Shape.svelte.d.ts.map +1 -1
- package/dist/components/generated/controls/Shape.svelte.js.map +1 -1
- package/dist/components/generated/controls/StackPanel.svelte.d.ts +6 -0
- package/dist/components/generated/controls/StackPanel.svelte.d.ts.map +1 -1
- package/dist/components/generated/controls/StackPanel.svelte.js.map +1 -1
- package/dist/components/generated/controls/TextBlock.svelte.d.ts +14 -2
- package/dist/components/generated/controls/TextBlock.svelte.d.ts.map +1 -1
- package/dist/components/generated/controls/TextBlock.svelte.js.map +1 -1
- package/dist/components/generated/controls/TextBox.svelte.d.ts +1 -1
- package/dist/components/generated/controls/TextElement.svelte.d.ts +3 -1
- package/dist/components/generated/controls/TextElement.svelte.d.ts.map +1 -1
- package/dist/components/generated/controls/TextElement.svelte.js.map +1 -1
- package/dist/components/generated/controls/TickBar.svelte.d.ts +2 -0
- package/dist/components/generated/controls/TickBar.svelte.d.ts.map +1 -1
- package/dist/components/generated/controls/TickBar.svelte.js.map +1 -1
- package/dist/components/generated/controls/TileBrush.svelte.d.ts +2 -0
- package/dist/components/generated/controls/TileBrush.svelte.d.ts.map +1 -1
- package/dist/components/generated/controls/TileBrush.svelte.js.map +1 -1
- package/dist/components/generated/controls/UIElement.svelte.d.ts +7 -1
- package/dist/components/generated/controls/UIElement.svelte.d.ts.map +1 -1
- package/dist/components/generated/controls/UIElement.svelte.js.map +1 -1
- package/dist/components/generated/controls/Viewbox.svelte.d.ts +2 -0
- package/dist/components/generated/controls/Viewbox.svelte.d.ts.map +1 -1
- package/dist/components/generated/controls/Viewbox.svelte.js.map +1 -1
- package/dist/css/control.d.ts +2 -0
- package/dist/css/control.d.ts.map +1 -0
- package/dist/css/control.js +5 -0
- package/dist/css/control.js.map +1 -0
- package/dist/css/shape.d.ts +2 -0
- package/dist/css/shape.d.ts.map +1 -0
- package/dist/css/shape.js +5 -0
- package/dist/css/shape.js.map +1 -0
- package/dist/css/translate/lazy-groups.d.ts.map +1 -1
- package/dist/css/translate/lazy-groups.js +14 -0
- package/dist/css/translate/lazy-groups.js.map +1 -1
- package/dist/css/translate/shape-properties.d.ts +24 -0
- package/dist/css/translate/shape-properties.d.ts.map +1 -0
- package/dist/css/translate/shape-properties.js +207 -0
- package/dist/css/translate/shape-properties.js.map +1 -0
- package/dist/css/translate/text-control-properties.d.ts +21 -0
- package/dist/css/translate/text-control-properties.d.ts.map +1 -0
- package/dist/css/translate/text-control-properties.js +120 -0
- package/dist/css/translate/text-control-properties.js.map +1 -0
- package/dist/css/translate/unsupported-properties.d.ts.map +1 -1
- package/dist/css/translate/unsupported-properties.js +2 -0
- package/dist/css/translate/unsupported-properties.js.map +1 -1
- package/dist/css/validate/vscode-css-data.json +370 -0
- package/dist/css/validate/vscode-data.d.ts +2 -1
- package/dist/css/validate/vscode-data.d.ts.map +1 -1
- package/dist/css/validate/vscode-data.js +31 -1
- package/dist/css/validate/vscode-data.js.map +1 -1
- package/package.json +9 -1
- package/src/components/generated/controls/AnimatedVisualPlayer.svelte.ts +2 -0
- package/src/components/generated/controls/Block.svelte.ts +6 -0
- package/src/components/generated/controls/Border.svelte.ts +6 -0
- package/src/components/generated/controls/ContentPresenter.svelte.ts +19 -1
- package/src/components/generated/controls/Control.svelte.ts +12 -0
- package/src/components/generated/controls/EllipseGeometry.svelte.ts +4 -0
- package/src/components/generated/controls/FrameworkElement.svelte.ts +10 -0
- package/src/components/generated/controls/Glyphs.svelte.ts +2 -0
- package/src/components/generated/controls/Grid.svelte.ts +6 -0
- package/src/components/generated/controls/Hyperlink.svelte.ts +2 -0
- package/src/components/generated/controls/Image.svelte.ts +2 -0
- package/src/components/generated/controls/ItemsPresenter.svelte.ts +2 -0
- package/src/components/generated/controls/LinedFlowLayout.svelte.ts +2 -0
- package/src/components/generated/controls/MediaPlayerElement.svelte.ts +2 -0
- package/src/components/generated/controls/MediaPlayerPresenter.svelte.ts +2 -0
- package/src/components/generated/controls/RadialGradientBrush.svelte.ts +4 -0
- package/src/components/generated/controls/Rectangle.svelte.ts +4 -0
- package/src/components/generated/controls/RelativePanel.svelte.ts +6 -0
- package/src/components/generated/controls/RichEditBox.svelte.ts +1 -1
- package/src/components/generated/controls/RichTextBlock.svelte.ts +14 -2
- package/src/components/generated/controls/RichTextBlockOverflow.svelte.ts +4 -0
- package/src/components/generated/controls/ScrollView.svelte.ts +4 -0
- package/src/components/generated/controls/ScrollViewer.svelte.ts +4 -0
- package/src/components/generated/controls/Shape.svelte.ts +10 -0
- package/src/components/generated/controls/StackPanel.svelte.ts +6 -0
- package/src/components/generated/controls/TextBlock.svelte.ts +14 -2
- package/src/components/generated/controls/TextBox.svelte.ts +1 -1
- package/src/components/generated/controls/TextElement.svelte.ts +3 -1
- package/src/components/generated/controls/TickBar.svelte.ts +2 -0
- package/src/components/generated/controls/TileBrush.svelte.ts +2 -0
- package/src/components/generated/controls/UIElement.svelte.ts +7 -1
- package/src/components/generated/controls/Viewbox.svelte.ts +2 -0
- package/src/css/API.md +32 -0
- package/src/css/control.ts +5 -0
- package/src/css/shape.ts +5 -0
- package/src/css/translate/lazy-groups.ts +14 -0
- package/src/css/translate/shape-properties.ts +250 -0
- package/src/css/translate/text-control-properties.ts +135 -0
- package/src/css/translate/unsupported-properties.ts +2 -0
- package/src/css/validate/vscode-data.ts +38 -1
- package/web-types.json +460 -90
- package/dist/bindings/microsoft/ui/xaml/controls/SwapChainBackgroundPanel.d.ts +0 -731
- 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
|
+
[](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>
|