@swiftwc/ui 0.0.0-dev.5 → 0.0.0-dev.50

package/web-components.html-data/en.json

@@ -0,0 +1,576 @@
+{
+  "version": 1.1,
+  "tags": [
+    {
+      "name": "alert-dialog"
+    },
+    {
+      "name": "body-view"
+    },
+    {
+      "name": "bordered-button",
+      "description": "A button that applies standard border artwork based on the button’s context.",
+      "attributes": [
+        {
+          "name": "role",
+          "description": "Value Type: “”\nDescription: A value that describes the purpose of a button",
+          "values": []
+        },
+        {
+          "name": "title-key"
+        }
+      ]
+    },
+    {
+      "name": "bordered-prominent-button",
+      "description": "A button that applies standard border prominent artwork based on the button’s context.",
+      "attributes": [
+        {
+          "name": "role",
+          "description": "Value Type: “”\nDescription: A value that describes the purpose of a button",
+          "values": []
+        },
+        {
+          "name": "title-key"
+        }
+      ]
+    },
+    {
+      "name": "borderless-button",
+      "description": "A button that doesn’t apply a border.",
+      "attributes": [
+        {
+          "name": "role",
+          "description": "Value Type: “”\nDescription: A value that describes the purpose of a button",
+          "values": []
+        },
+        {
+          "name": "title-key"
+        }
+      ]
+    },
+    {
+      "name": "confirmation-dialog",
+      "attributes": [
+        {
+          "name": "anchor"
+        }
+      ]
+    },
+    {
+      "name": "content-unavailable-view",
+      "description": "A message with a title and extra information that you show when part of your app can’t be used.",
+      "attributes": [
+        {
+          "name": "search"
+        }
+      ]
+    },
+    {
+      "name": "date-picker",
+      "attributes": [
+        {
+          "name": "date-picker-style",
+          "description": "Value Type: “graphical” | “field” | “automatic”\nDescription: The style of this element",
+          "values": [
+            {
+              "name": "graphical"
+            },
+            {
+              "name": "field"
+            },
+            {
+              "name": "automatic"
+            }
+          ]
+        },
+        {
+          "name": "required"
+        },
+        {
+          "name": "prompt"
+        },
+        {
+          "name": "label"
+        },
+        {
+          "name": "name"
+        },
+        {
+          "name": "selection"
+        },
+        {
+          "name": "disabled"
+        },
+        {
+          "name": "minimum"
+        },
+        {
+          "name": "maximum"
+        }
+      ]
+    },
+    {
+      "name": "disclosure-group",
+      "description": "A view that shows or hides another content view, based on the state of a disclosure control.",
+      "attributes": [
+        {
+          "name": "open",
+          "description": "Description: The status of this element"
+        }
+      ]
+    },
+    {
+      "name": "fine-tooltip"
+    },
+    {
+      "name": "form-view",
+      "description": "",
+      "attributes": [
+        {
+          "name": "navigation-link-indicator-visibility - Hides accessories like right-arrow",
+          "description": "Value Type: “hidden”\n\nDescription: chevron on NavigationLink buttons inside.",
+          "values": [
+            {
+              "name": "hidden"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "glass-button",
+      "description": "A button that applies glass border artwork based on the button’s context.",
+      "attributes": [
+        {
+          "name": "role",
+          "description": "Value Type: “”\nDescription: A value that describes the purpose of a button",
+          "values": []
+        },
+        {
+          "name": "title-key"
+        }
+      ]
+    },
+    {
+      "name": "glass-prominent-button",
+      "description": "A button that applies prominent glass border artwork based on the button’s context.",
+      "attributes": [
+        {
+          "name": "role",
+          "description": "Value Type: “”\nDescription: A value that describes the purpose of a button",
+          "values": []
+        },
+        {
+          "name": "title-key"
+        }
+      ]
+    },
+    {
+      "name": "image-view",
+      "attributes": [
+        {
+          "name": "system-name"
+        }
+      ]
+    },
+    {
+      "name": "label-view",
+      "attributes": [
+        {
+          "name": "system-image"
+        },
+        {
+          "name": "title"
+        },
+        {
+          "name": "line-limit"
+        },
+        {
+          "name": "truncation-mode"
+        }
+      ]
+    },
+    {
+      "name": "list-view",
+      "description": "",
+      "attributes": [
+        {
+          "name": "navigation-link-indicator-visibility - Hides accessories like right-arrow",
+          "description": "Value Type: “hidden”\n\nDescription: chevron on NavigationLink buttons inside.",
+          "values": [
+            {
+              "name": "hidden"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "menu-view",
+      "description": "A control for presenting a menu of actions.",
+      "attributes": [
+        {
+          "name": "open"
+        },
+        {
+          "name": "closing"
+        },
+        {
+          "name": "label"
+        }
+      ]
+    },
+    {
+      "name": "navigation-large-title"
+    },
+    {
+      "name": "navigation-link",
+      "description": "A button that controls a navigation presentation."
+    },
+    {
+      "name": "navigation-split-view",
+      "description": "A view with two or three side-by-side sections, where what you choose in the left section changes what appears in the next section."
+    },
+    {
+      "name": "navigation-stack",
+      "description": "A view that shows a main screen and lets you open other screens on top of it."
+    },
+    {
+      "name": "navigation-title",
+      "attributes": [
+        {
+          "name": "value"
+        },
+        {
+          "name": "subtitle"
+        }
+      ]
+    },
+    {
+      "name": "picker-view"
+    },
+    {
+      "name": "plain-button"
+    },
+    {
+      "name": "progress-view",
+      "description": "A view that shows the progress toward completion of a task.",
+      "attributes": [
+        {
+          "name": "label"
+        },
+        {
+          "name": "current-value-label"
+        },
+        {
+          "name": "value"
+        }
+      ]
+    },
+    {
+      "name": "screen-view"
+    },
+    {
+      "name": "scroll-view-proxy",
+      "description": "A wrapper to {hv}-stacks"
+    },
+    {
+      "name": "scroll-view",
+      "attributes": [
+        {
+          "name": "navigation-title"
+        },
+        {
+          "name": "navigation-inline-title"
+        },
+        {
+          "name": "navigation-inline-subtitle"
+        },
+        {
+          "name": "navigation-bar-title-display-mode"
+        }
+      ]
+    },
+    {
+      "name": "search-view"
+    },
+    {
+      "name": "section-view",
+      "attributes": [
+        {
+          "name": "header"
+        },
+        {
+          "name": "footer"
+        }
+      ]
+    },
+    {
+      "name": "sheet-view"
+    },
+    {
+      "name": "sidebar-toggle"
+    },
+    {
+      "name": "sidebar-view"
+    },
+    {
+      "name": "sticky-container"
+    },
+    {
+      "name": "tab-bar",
+      "description": "A screen that lets users switch between different views using buttons, tabs, or other controls."
+    },
+    {
+      "name": "tab-item"
+    },
+    {
+      "name": "tab-view",
+      "description": ""
+    },
+    {
+      "name": "table-view",
+      "description": "Display selectable, sortable data arranged in rows and columns."
+    },
+    {
+      "name": "text-field",
+      "description": "",
+      "attributes": [
+        {
+          "name": "prompt"
+        },
+        {
+          "name": "minimum"
+        },
+        {
+          "name": "maximum"
+        },
+        {
+          "name": "min-length"
+        },
+        {
+          "name": "max-length"
+        },
+        {
+          "name": "label"
+        },
+        {
+          "name": "name"
+        },
+        {
+          "name": "text"
+        },
+        {
+          "name": "text-input-autocapitalization"
+        },
+        {
+          "name": "disable-autocorrection"
+        },
+        {
+          "name": "keyboard-type"
+        },
+        {
+          "name": "required"
+        },
+        {
+          "name": "disabled"
+        }
+      ]
+    },
+    {
+      "name": "tool-bar-item-group"
+    },
+    {
+      "name": "tool-bar-item",
+      "attributes": [
+        {
+          "name": "slot"
+        },
+        {
+          "name": "data-previous-slot"
+        },
+        {
+          "name": "title-key"
+        }
+      ]
+    },
+    {
+      "name": "tool-bar",
+      "description": ""
+    },
+    {
+      "name": "vkeyboard",
+      "description": "Required component, used to handle the virtual keyboard on touch devices.",
+      "attributes": [
+        {
+          "name": "system-font",
+          "description": "Value Type: “Inter”\n\nDescription: Prefers the \"Inter\" font family, if loaded.",
+          "values": [
+            {
+              "name": "Inter"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "vstack",
+      "description": "",
+      "attributes": [
+        {
+          "name": "distribution",
+          "description": "Value Type: “leading” | “leading fill” | “center” | “trailing” | “fill” | “space-between”\n\nDescription: The distribution of cols",
+          "values": [
+            {
+              "name": "leading"
+            },
+            {
+              "name": "leading fill"
+            },
+            {
+              "name": "center"
+            },
+            {
+              "name": "trailing"
+            },
+            {
+              "name": "fill"
+            },
+            {
+              "name": "space-between"
+            }
+          ]
+        },
+        {
+          "name": "templat",
+          "description": "Value Type: “auto spacer” | “auto auto spacer” | “auto auto auto spacer”",
+          "values": [
+            {
+              "name": "auto spacer"
+            },
+            {
+              "name": "auto auto spacer"
+            },
+            {
+              "name": "auto auto auto spacer"
+            }
+          ]
+        }
+      ]
+    }
+  ],
+  "globalAttributes": [
+    {
+      "name": "tint",
+      "description": "Sets accent color",
+      "valueSet": "tintSet"
+    },
+    {
+      "name": "list-item-tint",
+      "description": "Sets accent color on list items",
+      "valueSet": "tintSet"
+    },
+    {
+      "name": "foreground",
+      "description": "Sets foreground color",
+      "valueSet": "foregroundSet"
+    },
+    {
+      "name": "frame:width",
+      "description": "Sets inline-size",
+      "valueSet": "frameWidth"
+    },
+    {
+      "name": "frame:max-width",
+      "description": "Sets max-inline-size",
+      "valueSet": "frameMaxWidth"
+    }
+  ],
+  "valueSets": [
+    {
+      "name": "tintSet",
+      "values": [
+        {
+          "name": "gray",
+          "description": "like secondary, like disabled"
+        },
+        {
+          "name": "red",
+          "description": "system red color"
+        },
+        {
+          "name": "blue",
+          "description": "system blue color"
+        },
+        {
+          "name": "green",
+          "description": "system green color"
+        },
+        {
+          "name": "orange",
+          "description": "system orange color"
+        }
+      ]
+    },
+    {
+      "name": "foregroundSet",
+      "values": [
+        {
+          "name": "secondary",
+          "description": "system secondary color"
+        },
+        {
+          "name": "blue",
+          "description": "system blue color"
+        },
+        {
+          "name": "blue.secondary",
+          "description": "system secondary blue color"
+        }
+      ]
+    },
+    {
+      "name": "frameWidth",
+      "values": [
+        {
+          "name": "infinity",
+          "description": "100%"
+        },
+        {
+          "name": "0",
+          "description": "0rem"
+        },
+        {
+          "name": "1",
+          "description": "1rem"
+        },
+        {
+          "name": "2",
+          "description": "2rem"
+        }
+      ]
+    },
+    {
+      "name": "frameMaxWidth",
+      "values": [
+        {
+          "name": "infinity",
+          "description": "100%"
+        },
+        {
+          "name": "0",
+          "description": "0rem"
+        },
+        {
+          "name": "1",
+          "description": "1rem"
+        },
+        {
+          "name": "2",
+          "description": "2rem"
+        }
+      ]
+    }
+  ]
+}

package/generated/components/bottom-bar.d.ts

@@ -1,10 +0,0 @@
-export declare class BottomBar extends HTMLElement {
-    #private;
-    static get leadingPartName(): string;
-    static get principalPartName(): string;
-    static get trailingPartName(): string;
-    static get template(): HTMLTemplateElement;
-    constructor();
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-}

package/generated/components/bottom-bar.js

@@ -1,73 +0,0 @@
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-};
-var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
-    if (kind === "m") throw new TypeError("Private method is not writable");
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
-    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-};
-var _BottomBar_instances, _a, _BottomBar_template, _BottomBar_shadowRoot, _BottomBar_ro, _BottomBar_sibling_get, _BottomBar_sp_set, _BottomBar_ep_set, _BottomBar_measureStacks;
-export class BottomBar extends HTMLElement {
-    static get leadingPartName() {
-        return 'toolbar-leading-stack';
-    }
-    static get principalPartName() {
-        return 'toolbar-principal-stack';
-    }
-    static get trailingPartName() {
-        return 'toolbar-trailing-stack';
-    }
-    static get template() {
-        if (!__classPrivateFieldGet(this, _a, "f", _BottomBar_template))
-            __classPrivateFieldSet(this, _a, Object.assign(document.createElement('template'), {
-                innerHTML: `<div part="${this.leadingPartName}">
-    <slot name="leading"></slot>
-  </div>
-  <div part="${this.principalPartName}">
-    <slot></slot>
-  </div>
-  <div part="${this.trailingPartName}">
-    <slot name="trailing"></slot>
-  </div>`,
-            }), "f", _BottomBar_template);
-        return __classPrivateFieldGet(this, _a, "f", _BottomBar_template);
-    }
-    constructor() {
-        super();
-        _BottomBar_instances.add(this);
-        _BottomBar_shadowRoot.set(this, void 0);
-        _BottomBar_ro.set(this, void 0);
-        __classPrivateFieldSet(this, _BottomBar_shadowRoot, this.attachShadow({ mode: 'open' }), "f");
-        __classPrivateFieldGet(this, _BottomBar_shadowRoot, "f").appendChild(document.importNode(this.constructor.template.content, true));
-        __classPrivateFieldSet(this, _BottomBar_ro, new ResizeObserver(__classPrivateFieldGet(this, _BottomBar_instances, "m", _BottomBar_measureStacks).bind(this)), "f");
-    }
-    connectedCallback() {
-        console.debug(`${_a.name} ⚡️ connect`);
-        __classPrivateFieldGet(this, _BottomBar_ro, "f")?.observe(__classPrivateFieldGet(this, _BottomBar_shadowRoot, "f").querySelector(`[part="${this.constructor.leadingPartName}"]`));
-        __classPrivateFieldGet(this, _BottomBar_ro, "f")?.observe(__classPrivateFieldGet(this, _BottomBar_shadowRoot, "f").querySelector(`[part="${this.constructor.trailingPartName}"]`));
-    }
-    disconnectedCallback() {
-        console.debug(`${_a.name} ⚡️ disconnect`);
-        __classPrivateFieldGet(this, _BottomBar_ro, "f").disconnect();
-    }
-}
-_a = BottomBar, _BottomBar_shadowRoot = new WeakMap(), _BottomBar_ro = new WeakMap(), _BottomBar_instances = new WeakSet(), _BottomBar_sibling_get = function _BottomBar_sibling_get() {
-    return (this.parentElement?.querySelector(':scope > scroll-view') ?? undefined); //this.previousElementSibling ?? undefined
-}, _BottomBar_sp_set = function _BottomBar_sp_set(nv) {
-    ;
-    __classPrivateFieldGet(this, _BottomBar_instances, "a", _BottomBar_sibling_get)?.style?.setProperty?.('--bottombar-padding-inline-start', `${nv}px`);
-}, _BottomBar_ep_set = function _BottomBar_ep_set(nv) {
-    ;
-    __classPrivateFieldGet(this, _BottomBar_instances, "a", _BottomBar_sibling_get)?.style?.setProperty?.('--bottombar-padding-inline-end', `${nv}px`);
-}, _BottomBar_measureStacks = function _BottomBar_measureStacks(entries = []) {
-    console.debug(`${_a.name} ⚡️ resize observer callback: ${__classPrivateFieldGet(this, _BottomBar_instances, "m", _BottomBar_measureStacks).name}`);
-    for (const { contentRect, target } of entries)
-        if (target.part.contains(this.constructor.leadingPartName))
-            __classPrivateFieldSet(this, _BottomBar_instances, Math.round(contentRect.width), "a", _BottomBar_sp_set);
-        else if (target.part.contains(this.constructor.trailingPartName))
-            __classPrivateFieldSet(this, _BottomBar_instances, Math.round(contentRect.width), "a", _BottomBar_ep_set);
-};
-_BottomBar_template = { value: void 0 };

package/generated/components/navigation-bar.d.ts

@@ -1,10 +0,0 @@
-export declare class NavigationBar extends HTMLElement {
-    #private;
-    static get leadingPartName(): string;
-    static get principalPartName(): string;
-    static get trailingPartName(): string;
-    static get template(): HTMLTemplateElement;
-    constructor();
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-}