@swiftwc/ui 0.0.0-dev.6 → 0.0.0-dev.61

package/generated/components/navigation-title.js

@@ -0,0 +1,50 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var NavigationTitle_1;
+import { microtaskOnConnected } from '../internal/decorators';
+import { $, devFlags, renderLabel } from '../internal/utils';
+let NavigationTitle = NavigationTitle_1 = class NavigationTitle extends HTMLElement {
+    static get observedAttributes() {
+        return ['value', 'subtitle'];
+    }
+    constructor() {
+        super();
+    }
+    attributeChangedCallback(name, oldValue, newValue) {
+        if (devFlags.debug)
+            console.debug(`${NavigationTitle_1.name} ⚡️ attr-change [${name}] ("${oldValue}" → "${newValue}")`);
+        this.#render(this.getAttribute('value'), this.getAttribute('subtitle'));
+    }
+    disconnectedCallback() {
+        if (devFlags.debug)
+            console.debug(`${NavigationTitle_1.name} ⚡️ disconnect`);
+    }
+    connectedCallback() {
+        if (devFlags.debug)
+            console.debug(`${NavigationTitle_1.name} ⚡️ connect`);
+    }
+    #render = (title, subtitle) => {
+        const titleTemplate = `<label-view line-limit="1" truncation-mode="tail" font="headline"><span></span></label-view>`, subtitleTemplate = `<label-view line-limit="1" truncation-mode="tail" foreground="secondary" font="callout"><span></span></label-view>`, vStactTemplate = `<v-stack spacing="0" alignment="fill">${titleTemplate}${subtitleTemplate}</v-stack>`;
+        const el = this.querySelector(':scope>:not([slot])') ?? this.appendChild($(`<navigation-large-title>${vStactTemplate}</navigation-large-title>`, '>1')), vStack = el.querySelector(':scope>v-stack') ?? el.appendChild($(vStactTemplate, '>1'));
+        renderLabel(vStack, ':scope>label-view:nth-child(1)', titleTemplate, title);
+        renderLabel(vStack, ':scope>label-view:nth-child(2)', subtitleTemplate, subtitle);
+    };
+};
+NavigationTitle = NavigationTitle_1 = __decorate([
+    microtaskOnConnected((el) => {
+        const sibling = el.closest('scroll-view'), value = el.getAttribute('value'), subtitle = el.getAttribute('subtitle');
+        if (null === value)
+            sibling?.removeAttribute('navigation-inline-title');
+        else
+            sibling?.setAttribute('navigation-inline-title', value);
+        if (null === subtitle)
+            sibling?.removeAttribute('navigation-inline-subtitle');
+        else
+            sibling?.setAttribute('navigation-inline-subtitle', subtitle);
+    })
+], NavigationTitle);
+export { NavigationTitle };

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

@@ -0,0 +1,44 @@
+import { FormAssociatedBase } from '../internal/class/form-associated-base';
+declare const pickerStyles: readonly ["menu", "inline", "navigation-link", "sheet", "automatic"];
+export type PickerStyle = (typeof pickerStyles)[number];
+/**
+ *
+ * @attr {menu|inline|navigation-link|sheet|automatic} picker-style
+ *
+ * @attr {string} help - Adds a help tooltip to the trigger of the picker, if style supports one
+ *
+ * @attr {DictEntry[]} dictionary - Renders all options using this array
+ *
+ * @attr {vertical|horizontal|auto} label-value-placement
+ *
+ * @slot list
+ */
+export declare class PickerView extends FormAssociatedBase {
+    #private;
+    static get ATTR(): {
+        PLACEHOLDER: string;
+        LABEL: string;
+        PICKER_STYLE: string;
+        SELECTION: string;
+        SEARCHABLE: string;
+        CURRENT_VALUE_LABEL: string;
+        TRIGGER_HELP: string;
+        DICTIONARY: string;
+    };
+    static get observedAttributes(): string[];
+    get selection(): string;
+    set selection(v: string);
+    get template(): DocumentFragment;
+    constructor();
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+    disconnectedCallback(): void;
+    connectedCallback(): void;
+    get pickerStyle(): PickerStyle;
+    get name(): string;
+    setValidity: (flags?: ValidityStateFlags, message?: string, anchor?: HTMLElement) => void;
+    setCustomValidity: (message: string) => void;
+    formAssociatedCallback: (form: HTMLFormElement) => void;
+    formDisabledCallback: (disabled: boolean) => void;
+    formResetCallback: () => void;
+}
+export {};