@swiftwc/ui 0.0.0-dev.71 → 0.0.0-dev.72

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 (13) hide show
  1. package/generated/components/picker-view.js +5 -5
  2. package/generated/components/scroll-view.d.ts +4 -0
  3. package/generated/components/text-field.d.ts +4 -0
  4. package/generated/components/toggle-view.d.ts +4 -0
  5. package/generated/components/toggle-view.js +1 -1
  6. package/generated/events/scroll-view.d.ts +3 -5
  7. package/generated/events/text-field.d.ts +2 -4
  8. package/generated/events/text-field.js +5 -0
  9. package/generated/events/toggle-view.d.ts +2 -4
  10. package/generated/events/toggle-view.js +5 -0
  11. package/generated/namespace-browser/event.d.ts +10 -0
  12. package/generated/namespace-browser/event.js +1 -0
  13. package/package.json +1 -1
package/generated/components/picker-view.js CHANGED
@@ -790,7 +790,7 @@ export class PickerView extends FormAssociatedBase {
790
790
  <label-view data-role="check" style="visibility: hidden">
791
791
  <image-view slot="icon" system-name="check"></image-view>
792
792
  </label-view>
793
- <h-stack distribution="fill" template="spacer auto">
793
+ <h-stack distribution="fill" template="${icon ? 'auto spacer' : null}">
794
794
  ${icon ? html `<label-view system-image="${icon}"></label-view>` : null}
795
795
  <v-stack spacing="3" alignment="fill">
796
796
  <label-view title="${title}"></label-view>
@@ -829,7 +829,7 @@ export class PickerView extends FormAssociatedBase {
829
829
  <label-view data-role="check">
830
830
  <image-view slot="icon" system-name="check"></image-view>
831
831
  </label-view>
832
- <h-stack distribution="fill" template="spacer auto">
832
+ <h-stack distribution="fill" template="${icon ? 'auto spacer' : null}">
833
833
  ${icon ? html `<label-view system-image="${icon}"></label-view>` : null}
834
834
  <v-stack spacing="3" alignment="fill">
835
835
  <label-view title="${title}"></label-view>
@@ -863,7 +863,7 @@ export class PickerView extends FormAssociatedBase {
863
863
  <label-view data-role="check" style="visibility: hidden">
864
864
  <image-view slot="icon" system-name="check"></image-view>
865
865
  </label-view>
866
- <h-stack distribution="fill" template="spacer auto">
866
+ <h-stack distribution="fill" template="${icon ? 'auto spacer' : null}">
867
867
  ${icon ? html `<label-view system-image="${icon}"></label-view>` : null}
868
868
  <v-stack spacing="3" alignment="fill">
869
869
  <label-view title="${title}"></label-view>
@@ -900,7 +900,7 @@ export class PickerView extends FormAssociatedBase {
900
900
  <label-view data-role="check" style="visibility: hidden">
901
901
  <image-view slot="icon" system-name="check"></image-view>
902
902
  </label-view>
903
- <h-stack distribution="fill" template="spacer auto">
903
+ <h-stack distribution="fill" template="${icon ? 'auto spacer' : null}">
904
904
  ${icon ? html `<label-view system-image="${icon}"></label-view>` : null}
905
905
  <v-stack spacing="3" alignment="fill">
906
906
  <label-view title="${title}"></label-view>
@@ -950,7 +950,7 @@ export class PickerView extends FormAssociatedBase {
950
950
  <label-view data-role="check" style="visibility: hidden">
951
951
  <image-view slot="icon" system-name="check"></image-view>
952
952
  </label-view>
953
- <h-stack distribution="fill" template="spacer auto">
953
+ <h-stack distribution="fill" template="${icon ? 'auto spacer' : null}">
954
954
  ${icon ? html `<label-view system-image="${icon}"></label-view>` : null}
955
955
  <v-stack spacing="3" alignment="fill">
956
956
  <label-view title="${title}"></label-view>
package/generated/components/scroll-view.d.ts CHANGED
@@ -1,5 +1,9 @@
1
+ import type { ScrollViewEventMap } from '../events';
2
+ import type { TypedEventTargetMethods } from '../namespace-browser/event';
1
3
  export declare class ScrollView extends HTMLElement {
2
4
  #private;
5
+ addEventListener: TypedEventTargetMethods<ScrollViewEventMap>['addEventListener'];
6
+ removeEventListener: TypedEventTargetMethods<ScrollViewEventMap>['removeEventListener'];
3
7
  static get observedAttributes(): string[];
4
8
  static get template(): DocumentFragment;
5
9
  constructor();
package/generated/components/text-field.d.ts CHANGED
@@ -1,4 +1,6 @@
1
+ import type { TextFieldEventMap } from '../events';
1
2
  import { FormAssociatedBase } from '../internal/class/form-associated-base';
3
+ import type { TypedEventTargetMethods } from '../namespace-browser/event';
2
4
  declare const keyboardTypes: readonly ["decimal-pad", "number-pad", "default"];
3
5
  export type KeyboardType = (typeof keyboardTypes)[number];
4
6
  /**
@@ -7,6 +9,8 @@ export type KeyboardType = (typeof keyboardTypes)[number];
7
9
  */
8
10
  export declare class TextField extends FormAssociatedBase {
9
11
  #private;
12
+ addEventListener: TypedEventTargetMethods<TextFieldEventMap>['addEventListener'];
13
+ removeEventListener: TypedEventTargetMethods<TextFieldEventMap>['removeEventListener'];
10
14
  static get observedAttributes(): string[];
11
15
  static get template(): DocumentFragment;
12
16
  constructor();
package/generated/components/toggle-view.d.ts CHANGED
@@ -1,4 +1,6 @@
1
+ import type { ToggleViewEventMap } from '../events';
1
2
  import { FormAssociatedBase } from '../internal/class/form-associated-base';
3
+ import type { TypedEventTargetMethods } from '../namespace-browser/event';
2
4
  declare const toggleStyles: readonly ["switch", "button"];
3
5
  export type ToggleStyle = (typeof toggleStyles)[number];
4
6
  /**
@@ -7,6 +9,8 @@ export type ToggleStyle = (typeof toggleStyles)[number];
7
9
  */
8
10
  export declare class ToggleView extends FormAssociatedBase {
9
11
  #private;
12
+ addEventListener: TypedEventTargetMethods<ToggleViewEventMap>['addEventListener'];
13
+ removeEventListener: TypedEventTargetMethods<ToggleViewEventMap>['removeEventListener'];
10
14
  static get observedAttributes(): string[];
11
15
  static get template(): DocumentFragment;
12
16
  constructor();
package/generated/components/toggle-view.js CHANGED
@@ -82,7 +82,7 @@ export class ToggleView extends FormAssociatedBase {
82
82
  this.#sendValueToForm(this.#connected);
83
83
  break;
84
84
  case 'label':
85
- renderLabel(':scope>label-view[slot=label]', `<label-view slot="label" foreground="secondary"><span></span></label-view>`, this, newValue);
85
+ renderLabel(':scope>label-view[slot=label]', `<label-view slot="label"><span></span></label-view>`, this, newValue);
86
86
  break;
87
87
  case 'disabled':
88
88
  for (const el of this.#shadowRoot.querySelectorAll('input'))
package/generated/events/scroll-view.d.ts CHANGED
@@ -2,9 +2,7 @@ import { type ScrollView } from '../components';
2
2
  export type PageRevealSwapDetail = {
3
3
  page: ScrollView;
4
4
  };
5
- declare global {
6
- interface HTMLElementEventMap {
7
- pagereveal: CustomEvent<PageRevealSwapDetail>;
8
- pageswap: CustomEvent<PageRevealSwapDetail>;
9
- }
5
+ export interface ScrollViewEventMap {
6
+ pagereveal: CustomEvent<PageRevealSwapDetail>;
7
+ pageswap: CustomEvent<PageRevealSwapDetail>;
10
8
  }
package/generated/events/text-field.d.ts CHANGED
@@ -1,8 +1,6 @@
1
1
  export type TextFieldCommitDetail = {
2
2
  text: string;
3
3
  };
4
- declare global {
5
- interface HTMLElementEventMap {
6
- commit: CustomEvent<TextFieldCommitDetail>;
7
- }
4
+ export interface TextFieldEventMap {
5
+ commit: CustomEvent<TextFieldCommitDetail>;
8
6
  }
package/generated/events/text-field.js CHANGED
@@ -1 +1,6 @@
1
1
  export {};
2
+ // declare global {
3
+ // interface HTMLElementEventMap {
4
+ // commit: CustomEvent<TextFieldCommitDetail>
5
+ // }
6
+ // }
package/generated/events/toggle-view.d.ts CHANGED
@@ -2,8 +2,6 @@ export type ToggleChangeDetail = {
2
2
  isOn: boolean;
3
3
  value: string | null;
4
4
  };
5
- declare global {
6
- interface HTMLElementEventMap {
7
- change: CustomEvent<ToggleChangeDetail>;
8
- }
5
+ export interface ToggleViewEventMap {
6
+ commit: CustomEvent<ToggleChangeDetail>;
9
7
  }
package/generated/events/toggle-view.js CHANGED
@@ -1 +1,6 @@
1
1
  export {};
2
+ // declare global {
3
+ // interface HTMLElementEventMap {
4
+ // commit: CustomEvent<ToggleChangeDetail>
5
+ // }
6
+ // }
package/generated/namespace-browser/event.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ export interface TypedEventTargetMethods<M> {
2
+ addEventListener: {
3
+ <K extends keyof M>(type: K, listener: (this: HTMLElement, ev: M[K] extends Event ? M[K] : never) => void, options?: boolean | AddEventListenerOptions): void;
4
+ (type: string, listener: EventListenerOrEventListenerObject | null, options?: boolean | AddEventListenerOptions): void;
5
+ };
6
+ removeEventListener: {
7
+ <K extends keyof M>(type: K, listener: (this: HTMLElement, ev: M[K] extends Event ? M[K] : never) => void, options?: boolean | EventListenerOptions): void;
8
+ (type: string, listener: EventListenerOrEventListenerObject | null, options?: boolean | EventListenerOptions): void;
9
+ };
10
+ }
package/generated/namespace-browser/event.js ADDED
@@ -0,0 +1 @@
1
+ export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@swiftwc/ui",
3
- "version": "0.0.0-dev.71",
3
+ "version": "0.0.0-dev.72",
4
4
  "description": "Elegant SwiftUI-inspired web components for standalone web apps and web extensions.",
5
5
  "publishConfig": {
6
6
  "access": "public"