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

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 (8) hide show
  1. package/generated/components/picker-view.js +5 -5
  2. package/generated/components/toggle-view.js +4 -2
  3. package/generated/events/scroll-view.js +4 -0
  4. package/generated/events/text-field.js +3 -0
  5. package/generated/events/toggle-view.d.ts +4 -1
  6. package/generated/namespace-browser/event.d.ts +10 -0
  7. package/generated/namespace-browser/event.js +1 -0
  8. 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/toggle-view.js CHANGED
@@ -9,6 +9,8 @@ const toggleStyles = ['switch', 'button'];
9
9
  * @slot validity-options
10
10
  */
11
11
  export class ToggleView extends FormAssociatedBase {
12
+ // declare addEventListener: TypedEventTargetMethods<ToggleViewEventMap>['addEventListener']
13
+ // declare removeEventListener: TypedEventTargetMethods<ToggleViewEventMap>['removeEventListener']
12
14
  static get observedAttributes() {
13
15
  return ['label', 'name', 'value', 'is-on', 'keyboard-type', 'required', 'disabled'];
14
16
  }
@@ -82,7 +84,7 @@ export class ToggleView extends FormAssociatedBase {
82
84
  this.#sendValueToForm(this.#connected);
83
85
  break;
84
86
  case 'label':
85
- renderLabel(':scope>label-view[slot=label]', `<label-view slot="label" foreground="secondary"><span></span></label-view>`, this, newValue);
87
+ renderLabel(':scope>label-view[slot=label]', `<label-view slot="label"><span></span></label-view>`, this, newValue);
86
88
  break;
87
89
  case 'disabled':
88
90
  for (const el of this.#shadowRoot.querySelectorAll('input'))
@@ -144,7 +146,7 @@ export class ToggleView extends FormAssociatedBase {
144
146
  entries.append(this.name, this.value);
145
147
  this.#internals.setFormValue(entries);
146
148
  if (dispatchEvent)
147
- this.dispatchEvent(new CustomEvent('commit', { detail: { value: this.value, isOn: this.isOn }, bubbles: true, composed: true }));
149
+ this.dispatchEvent(new CustomEvent('toggle:change', { detail: { value: this.value, isOn: this.isOn }, bubbles: true, composed: true }));
148
150
  };
149
151
  #handleInputKeydown = (evt) => {
150
152
  if (devFlags.debug)
package/generated/events/scroll-view.js CHANGED
@@ -1 +1,5 @@
1
1
  export {};
2
+ // export interface ScrollViewEventMap {
3
+ // pagereveal: CustomEvent<PageRevealSwapDetail>
4
+ // pageswap: CustomEvent<PageRevealSwapDetail>
5
+ // }
package/generated/events/text-field.js CHANGED
@@ -1 +1,4 @@
1
1
  export {};
2
+ // export interface TextFieldEventMap {
3
+ // commit: CustomEvent<TextFieldCommitDetail>
4
+ // }
package/generated/events/toggle-view.d.ts CHANGED
@@ -4,6 +4,9 @@ export type ToggleChangeDetail = {
4
4
  };
5
5
  declare global {
6
6
  interface HTMLElementEventMap {
7
- change: CustomEvent<ToggleChangeDetail>;
7
+ 'picker:change': CustomEvent<ToggleChangeDetail>;
8
8
  }
9
9
  }
10
+ export interface ToggleViewEventMap {
11
+ 'picker:change': CustomEvent<ToggleChangeDetail>;
12
+ }
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.73",
4
4
  "description": "Elegant SwiftUI-inspired web components for standalone web apps and web extensions.",
5
5
  "publishConfig": {
6
6
  "access": "public"