@swiftwc/ui 0.0.0-dev.97 → 0.0.0-dev.98

package/generated/components/label-view.d.ts

@@ -12,7 +12,7 @@
  * @slot icon — Use the `slot="icon"` attribute to place childen in the icon block.
  *
  * @cssprop --label-gap — The gap between the icon and the title.
- * @cssprop --label-image-size — The size of the icon.
+ * @cssprop {number} --label-image-size — The size of the icon.
  * @cssprop --label-padding-inline — The padding inline of the label.
  *
  */

package/generated/components/label-view.js

@@ -15,7 +15,7 @@ import { html } from '../tpl';
  * @slot icon — Use the `slot="icon"` attribute to place childen in the icon block.
  *
  * @cssprop --label-gap — The gap between the icon and the title.
- * @cssprop --label-image-size — The size of the icon.
+ * @cssprop {number} --label-image-size — The size of the icon.
  * @cssprop --label-padding-inline — The padding inline of the label.
  *
  */

package/generated/components/picker-view.d.ts

@@ -23,7 +23,7 @@ export type Dictionary = DictEntry[];
  * @slot — The default slot.
  * @slot label
  * @slot list
- * @slot validity-options
+ * @slot {HTMLOptionElement[]} validity-options
  */
 export declare class PickerView extends FormAssociatedBase {
     #private;

package/generated/components/picker-view.js

@@ -129,7 +129,7 @@ const collectLeafValues = (node) => (node.children.length ? node.children.flatMa
  * @slot — The default slot.
  * @slot label
  * @slot list
- * @slot validity-options
+ * @slot {HTMLOptionElement[]} validity-options
  */
 export class PickerView extends FormAssociatedBase {
     static get ATTR() {

package/generated/components/progress-view.d.ts

@@ -8,7 +8,6 @@ export declare class ProgressView extends HTMLElement {
     #private;
     static get observedAttributes(): string[];
     get progressViewStyle(): "circular" | "linear";
-    get template(): DocumentFragment;
     constructor();
     attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
     disconnectedCallback(): void;

package/generated/components/progress-view.js

@@ -25,7 +25,7 @@ export class ProgressView extends HTMLElement {
     get progressViewStyle() {
         return this.#progressViewStyle ?? 'circular';
     }
-    get template() {
+    get #template() {
         if (!_a.#templates.has(this.progressViewStyle))
             switch (this.progressViewStyle) {
                 case 'linear':
@@ -109,7 +109,7 @@ export class ProgressView extends HTMLElement {
         if (this.#lastRenderedStyle === this.#progressViewStyle)
             return; // skip if already applied
         this.#lastRenderedStyle = this.#progressViewStyle;
-        this.#shadowRoot.replaceChildren(document.importNode(this.template, true)); // clear shadow DOM
+        this.#shadowRoot.replaceChildren(document.importNode(this.#template, true)); // clear shadow DOM
         CleanupRegistry.unregister(this, 'slots');
         for (const slot of this.#shadowRoot.querySelectorAll('slot'))
             this.#slots?.set(slot.name, slot);

package/generated/components/text-field.d.ts

@@ -7,7 +7,7 @@ export type KeyboardType = (typeof keyboardTypes)[number];
  * @fires {{ detail: { text: string } }} commit — Triggered when user interacts with the input area
  *
  * @slot label
- * @slot validity-options
+ * @slot {HTMLOptionElement[]} validity-options
  */
 export declare class TextField extends FormAssociatedBase {
     #private;

package/generated/components/text-field.js

@@ -13,7 +13,7 @@ const keyboardTypes = ['decimal-pad', 'number-pad', 'default'];
  * @fires {{ detail: { text: string } }} commit — Triggered when user interacts with the input area
  *
  * @slot label
- * @slot validity-options
+ * @slot {HTMLOptionElement[]} validity-options
  */
 export class TextField extends FormAssociatedBase {
     static get observedAttributes() {

package/generated/components/toggle-view.d.ts

@@ -7,7 +7,7 @@ export type ToggleStyle = (typeof toggleStyles)[number];
  * @fires toggle:change — User toggled the control
  *
  * @slot label
- * @slot validity-options
+ * @slot {HTMLOptionElement[]} validity-options
  */
 export declare class ToggleView extends FormAssociatedBase {
     #private;

package/generated/components/toggle-view.js

@@ -12,7 +12,7 @@ const toggleStyles = ['switch', 'button'];
  * @fires toggle:change — User toggled the control
  *
  * @slot label
- * @slot validity-options
+ * @slot {HTMLOptionElement[]} validity-options
  */
 export class ToggleView extends FormAssociatedBase {
     static get observedAttributes() {

package/generated/components/tool-bar-item.js

@@ -31,11 +31,11 @@ let ToolBarItem = ToolBarItem_1 = class ToolBarItem extends HTMLElement {
                 const role = this.getAttribute('data-previous-slot') ?? this.getAttribute('slot') ?? '', tKey = this.getAttribute('title-key');
                 if (['confirmation-action', 'cancellation-action'].includes(role))
                     Snapshot.waitReady.then(() => {
-                        ensurePlaceholder(this.querySelector(':scope>button'), role, tKey, Snapshot.config);
+                        ensurePlaceholder(this.querySelector(':scope>button:not(:has(> :not([slot])))'), role, tKey, Snapshot.config);
                         this.#mutationObserver = new MutationObserver((mutations) => {
                             for (const { target } of mutations)
                                 if (target instanceof HTMLElement)
-                                    ensurePlaceholder(this.querySelector(':scope>button'), role, tKey, Snapshot.config);
+                                    ensurePlaceholder(this.querySelector(':scope>button:not(:has(> :not([slot])))'), role, tKey, Snapshot.config);
                         });
                         this.#mutationObserver.observe(this, {
                             childList: true,

package/generated/components/v-stack.d.ts

@@ -1,6 +1,7 @@
 /**
  * @summary A view that arranges its children one on top of the other.
  *
+ * @attr {@FrameInlineLength} readable — Shortcut for `placement="leading fill" frame:alignment="center" frame:width="infinity" frame:max-width="{length}"`
  * @attr {leading|"leading fill"|center|trailing|fill|space-between} distribution — The distribution of cols
  *
  * @attr {@Template} template — The main-axis grid template

package/generated/components/v-stack.js

@@ -2,6 +2,7 @@ import { devFlags } from '../internal/utils';
 /**
  * @summary A view that arranges its children one on top of the other.
  *
+ * @attr {@FrameInlineLength} readable — Shortcut for `placement="leading fill" frame:alignment="center" frame:width="infinity" frame:max-width="{length}"`
  * @attr {leading|"leading fill"|center|trailing|fill|space-between} distribution — The distribution of cols
  *
  * @attr {@Template} template — The main-axis grid template