solid-ui 3.0.6 → 3.1.1-test.0

package/dist/v2/components/auth/signupButton/SignupButton.d.ts

@@ -0,0 +1,36 @@
+import { LitElement } from 'lit';
+export declare class SignupButton extends LitElement {
+    static properties: {
+        label: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        theme: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        signupUrl: {
+            type: StringConstructor;
+            attribute: string;
+            reflect: boolean;
+        };
+        icon: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        layout: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+    };
+    static styles: import("lit").CSSResult;
+    label: string;
+    theme: 'light' | 'dark';
+    signupUrl: string;
+    icon: string;
+    layout: 'desktop' | 'mobile';
+    constructor();
+    private _handleClick;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=SignupButton.d.ts.map

package/dist/v2/components/auth/signupButton/SignupButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignupButton.d.ts","sourceRoot":"","sources":["../../../../../src/v2/components/auth/signupButton/SignupButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAA;AAI3C,qBAAa,YAAa,SAAQ,UAAU;IAC1C,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;;MAMhB;IAED,MAAM,CAAC,MAAM,0BA+CZ;IAEO,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,OAAO,GAAG,MAAM,CAAA;IACvB,SAAS,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,SAAS,GAAG,QAAQ,CAAA;;IAWpC,OAAO,CAAC,YAAY;IAIpB,MAAM;CAaP"}

package/dist/v2/components/auth/signupButton/SignupButton.js

@@ -0,0 +1,84 @@
+import { LitElement, html, css } from 'lit';
+const DEFAULT_SIGNUP_URL = 'https://solidproject.org/get_a_pod';
+export class SignupButton extends LitElement {
+    constructor() {
+        super();
+        this.label = 'Sign Up';
+        this.signupUrl = DEFAULT_SIGNUP_URL;
+        this.theme = 'light';
+        this.icon = '';
+        this.layout = 'desktop';
+    }
+    _handleClick() {
+        window.open(this.signupUrl, '_blank', 'noopener,noreferrer');
+    }
+    render() {
+        return html `
+      <button
+        class="signup-button"
+        type="button"
+        part="signup-button"
+        @click="${() => this._handleClick()}"
+      >
+        ${this.icon ? html `<img class="signup-button-icon" src="${this.icon}" alt="" aria-hidden="true" part="signup-button-icon" />` : ''}
+        <slot>${this.label}</slot>
+      </button>
+    `;
+    }
+}
+SignupButton.properties = {
+    label: { type: String, reflect: true },
+    theme: { type: String, reflect: true },
+    signupUrl: { type: String, attribute: 'signup-url', reflect: true },
+    icon: { type: String, reflect: true },
+    layout: { type: String, reflect: true }
+};
+SignupButton.styles = css `
+    :host {
+      display: inline-block;
+      --signup-button-background: transparent;
+      --signup-button-border: var(--color-border, #E5E7EB);
+      --signup-button-text: var(--color-header-text, #ffffff);
+    }
+
+    :host([theme='dark']) {
+      --signup-button-background: transparent;
+      --signup-button-border: var(--color-border, #E5E7EB);
+      --signup-button-text: var(--color-header-text, #ffffff);
+    }
+
+    .signup-button {
+      display: flex;
+      height: 35px;
+      padding: var(--spacing-xxs, 0.3125rem) var(--spacing-xs, 0.75rem);
+      align-items: center;
+      gap: var(--spacing-xxs, 0.3125rem);
+      border-radius: var(--border-radius-base, 0.3125rem);
+      background: var(--signup-button-background);
+      border: 1px solid var(--signup-button-border);
+      color: var(--signup-button-text);
+      cursor: pointer;
+      font: inherit;
+      line-height: 1;
+      white-space: nowrap;
+      text-decoration: none;
+      box-sizing: border-box;
+      transition: transform 0.2s ease;
+    }
+
+    :host([layout='mobile']) .signup-button {
+      border: none;
+    }
+
+    .signup-button-icon {
+      width: 16px;
+      height: 16px;
+      display: inline-block;
+      object-fit: contain;
+    }
+
+    .signup-button:active {
+      transform: translateY(1px);
+    }
+  `;
+//# sourceMappingURL=SignupButton.js.map

package/dist/v2/components/auth/signupButton/SignupButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignupButton.js","sourceRoot":"","sources":["../../../../../src/v2/components/auth/signupButton/SignupButton.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAE3C,MAAM,kBAAkB,GAAG,oCAAoC,CAAA;AAE/D,MAAM,OAAO,YAAa,SAAQ,UAAU;IAgE1C;QACE,KAAK,EAAE,CAAA;QACP,IAAI,CAAC,KAAK,GAAG,SAAS,CAAA;QACtB,IAAI,CAAC,SAAS,GAAG,kBAAkB,CAAA;QACnC,IAAI,CAAC,KAAK,GAAG,OAAO,CAAA;QACpB,IAAI,CAAC,IAAI,GAAG,EAAE,CAAA;QACd,IAAI,CAAC,MAAM,GAAG,SAAS,CAAA;IACzB,CAAC;IAEO,YAAY;QAClB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,QAAQ,EAAE,qBAAqB,CAAC,CAAA;IAC9D,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;;;;kBAKG,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE;;UAEjC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAA,wCAAwC,IAAI,CAAC,IAAI,0DAA0D,CAAC,CAAC,CAAC,EAAE;gBAC1H,IAAI,CAAC,KAAK;;KAErB,CAAA;IACH,CAAC;;AAxFM,uBAAU,GAAG;IAClB,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE;IACtC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE;IACtC,SAAS,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,OAAO,EAAE,IAAI,EAAE;IACnE,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE;IACrC,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE;CACxC,CAAA;AAEM,mBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+ClB,CAAA"}

package/dist/v2/components/auth/signupButton/SignupButton.test.d.ts

@@ -0,0 +1,2 @@
+import './index';
+//# sourceMappingURL=SignupButton.test.d.ts.map

package/dist/v2/components/auth/signupButton/SignupButton.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignupButton.test.d.ts","sourceRoot":"","sources":["../../../../../src/v2/components/auth/signupButton/SignupButton.test.ts"],"names":[],"mappings":"AACA,OAAO,SAAS,CAAA"}

package/dist/v2/components/auth/signupButton/SignupButton.test.js

@@ -0,0 +1,49 @@
+import { SignupButton } from './SignupButton';
+import './index';
+describe('SolidUISignupButton', () => {
+    beforeEach(() => {
+        document.body.innerHTML = '';
+        Object.defineProperty(window, 'open', {
+            configurable: true,
+            writable: true,
+            value: jest.fn()
+        });
+    });
+    it('is defined as a custom element', () => {
+        expect(customElements.get('solid-ui-signup-button')).toBe(SignupButton);
+    });
+    it('renders the signup button and opens the signup URL in a new tab', async () => {
+        var _a, _b;
+        const signupButton = new SignupButton();
+        signupButton.signupUrl = 'https://example.com/register';
+        document.body.appendChild(signupButton);
+        await signupButton.updateComplete;
+        const button = (_a = signupButton.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('button.signup-button');
+        expect(button).not.toBeNull();
+        expect((_b = button.textContent) === null || _b === void 0 ? void 0 : _b.trim()).toBe('Sign Up');
+        button.click();
+        expect(window.open).toHaveBeenCalledWith('https://example.com/register', '_blank', 'noopener,noreferrer');
+    });
+    it('renders an icon when the icon property is set', async () => {
+        var _a;
+        const signupButton = new SignupButton();
+        signupButton.icon = 'https://example.com/icon.svg';
+        document.body.appendChild(signupButton);
+        await signupButton.updateComplete;
+        const icon = (_a = signupButton.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('img.signup-button-icon');
+        expect(icon).not.toBeNull();
+        expect(icon.src).toContain('https://example.com/icon.svg');
+    });
+    it('applies mobile layout styles by removing the border on mobile', async () => {
+        var _a, _b;
+        const signupButton = new SignupButton();
+        signupButton.layout = 'mobile';
+        document.body.appendChild(signupButton);
+        await signupButton.updateComplete;
+        const style = (_b = (_a = signupButton.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('style')) === null || _b === void 0 ? void 0 : _b.textContent;
+        expect(style).toContain(':host([layout=\'mobile\']) .signup-button');
+        expect(style).toContain('border: none;');
+        expect(signupButton.getAttribute('layout')).toBe('mobile');
+    });
+});
+//# sourceMappingURL=SignupButton.test.js.map

package/dist/v2/components/auth/signupButton/SignupButton.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignupButton.test.js","sourceRoot":"","sources":["../../../../../src/v2/components/auth/signupButton/SignupButton.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,SAAS,CAAA;AAEhB,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;IACnC,UAAU,CAAC,GAAG,EAAE;QACd,QAAQ,CAAC,IAAI,CAAC,SAAS,GAAG,EAAE,CAAA;QAC5B,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE;YACpC,YAAY,EAAE,IAAI;YAClB,QAAQ,EAAE,IAAI;YACd,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE;SACjB,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,gCAAgC,EAAE,GAAG,EAAE;QACxC,MAAM,CAAC,cAAc,CAAC,GAAG,CAAC,wBAAwB,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;IACzE,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,iEAAiE,EAAE,KAAK,IAAI,EAAE;;QAC/E,MAAM,YAAY,GAAG,IAAI,YAAY,EAAE,CAAA;QACvC,YAAY,CAAC,SAAS,GAAG,8BAA8B,CAAA;QACvD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAA;QACvC,MAAM,YAAY,CAAC,cAAc,CAAA;QAEjC,MAAM,MAAM,GAAG,MAAA,YAAY,CAAC,UAAU,0CAAE,aAAa,CAAC,sBAAsB,CAAsB,CAAA;QAClG,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAA;QAC7B,MAAM,CAAC,MAAA,MAAM,CAAC,WAAW,0CAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;QAElD,MAAM,CAAC,KAAK,EAAE,CAAA;QACd,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,oBAAoB,CAAC,8BAA8B,EAAE,QAAQ,EAAE,qBAAqB,CAAC,CAAA;IAC3G,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,+CAA+C,EAAE,KAAK,IAAI,EAAE;;QAC7D,MAAM,YAAY,GAAG,IAAI,YAAY,EAAE,CAAA;QACvC,YAAY,CAAC,IAAI,GAAG,8BAA8B,CAAA;QAClD,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAA;QACvC,MAAM,YAAY,CAAC,cAAc,CAAA;QAEjC,MAAM,IAAI,GAAG,MAAA,YAAY,CAAC,UAAU,0CAAE,aAAa,CAAC,wBAAwB,CAAqB,CAAA;QACjG,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAA;QAC3B,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,8BAA8B,CAAC,CAAA;IAC5D,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,+DAA+D,EAAE,KAAK,IAAI,EAAE;;QAC7E,MAAM,YAAY,GAAG,IAAI,YAAY,EAAE,CAAA;QACvC,YAAY,CAAC,MAAM,GAAG,QAAQ,CAAA;QAC9B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,CAAA;QACvC,MAAM,YAAY,CAAC,cAAc,CAAA;QAEjC,MAAM,KAAK,GAAG,MAAA,MAAA,YAAY,CAAC,UAAU,0CAAE,aAAa,CAAC,OAAO,CAAC,0CAAE,WAAW,CAAA;QAC1E,MAAM,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,2CAA2C,CAAC,CAAA;QACpE,MAAM,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,eAAe,CAAC,CAAA;QACxC,MAAM,CAAC,YAAY,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAA;IAC5D,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/dist/v2/components/auth/signupButton/index.d.ts

@@ -0,0 +1,3 @@
+import { SignupButton } from './SignupButton';
+export { SignupButton };
+//# sourceMappingURL=index.d.ts.map

package/dist/v2/components/auth/signupButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/v2/components/auth/signupButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/v2/components/auth/signupButton/index.js

@@ -0,0 +1,7 @@
+import { SignupButton } from './SignupButton';
+export { SignupButton };
+const SIGNUP_BUTTON_TAG_NAME = 'solid-ui-signup-button';
+if (!customElements.get(SIGNUP_BUTTON_TAG_NAME)) {
+    customElements.define(SIGNUP_BUTTON_TAG_NAME, SignupButton);
+}
+//# sourceMappingURL=index.js.map

package/dist/v2/components/auth/signupButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/v2/components/auth/signupButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,EAAE,YAAY,EAAE,CAAA;AAEvB,MAAM,sBAAsB,GAAG,wBAAwB,CAAA;AAEvD,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,sBAAsB,CAAC,EAAE,CAAC;IAChD,cAAc,CAAC,MAAM,CAAC,sBAAsB,EAAE,YAAY,CAAC,CAAA;AAC7D,CAAC"}

package/dist/v2/components/forms/combobox/Combobox.d.ts

@@ -0,0 +1,82 @@
+import { LitElement } from 'lit';
+import { ComboboxSuggestion } from './comboboxTypes';
+export declare class Combobox extends LitElement {
+    private static _nextId;
+    private _popupPortalHost;
+    private _popupPortalRoot;
+    private _popupPortalContainer;
+    private readonly _handleDocumentPointerDown;
+    private readonly _handleViewportChange;
+    suggestionProvider?: (query: string) => Promise<ComboboxSuggestion[]>;
+    static properties: {
+        label: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        placeholder: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        theme: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        layout: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        value: {
+            type: StringConstructor;
+            reflect: boolean;
+        };
+        inputValue: {
+            type: StringConstructor;
+        };
+        options: {
+            type: ArrayConstructor;
+            attribute: boolean;
+        };
+        _popupOpen: {
+            state: boolean;
+        };
+        _activeIndex: {
+            state: boolean;
+        };
+    };
+    static styles: import("lit").CSSResult[];
+    label: string;
+    placeholder: string;
+    theme: 'light' | 'dark';
+    options: Array<ComboboxSuggestion>;
+    layout: 'desktop' | 'mobile';
+    value: string;
+    inputValue: string;
+    _popupOpen: boolean;
+    _activeIndex: number;
+    private readonly _inputId;
+    private readonly _listboxId;
+    private _suggestionRequestId;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _getPopupPortalContainer;
+    private _ensurePopupPortal;
+    private _detachPopupPortal;
+    private _updatePopupPosition;
+    private _openPopup;
+    private _closePopup;
+    protected updated(changedProperties: Map<string, unknown>): void;
+    private _getSelectedIndex;
+    private _getSelectedOption;
+    private _getDisplayedOptions;
+    private _getActiveOption;
+    private _loadSuggestions;
+    private _handleInputChange;
+    private _handleInputKeydown;
+    private _getOptionId;
+    private _selectValueFromDropdown;
+    private _selectActiveOption;
+    private _renderPopup;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=Combobox.d.ts.map

package/dist/v2/components/forms/combobox/Combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../../src/v2/components/forms/combobox/Combobox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAA;AAKpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAGpD,qBAAa,QAAS,SAAQ,UAAU;IACtC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAI;IAC1B,OAAO,CAAC,gBAAgB,CAA8B;IACtD,OAAO,CAAC,gBAAgB,CAA0B;IAClD,OAAO,CAAC,qBAAqB,CAAuB;IACpD,OAAO,CAAC,QAAQ,CAAC,0BAA0B,CA0B1C;IAED,OAAO,CAAC,QAAQ,CAAC,qBAAqB,CAGrC;IAED,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,kBAAkB,EAAE,CAAC,CAAA;IAErE,MAAM,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAUhB;IAED,MAAM,CAAC,MAAM,4BA6JZ;IAEO,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,OAAO,GAAG,MAAM,CAAA;IACvB,OAAO,EAAE,KAAK,CAAC,kBAAkB,CAAC,CAAA;IAClC,MAAM,EAAE,SAAS,GAAG,QAAQ,CAAA;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,OAAO,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IAE5B,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAkD;IAC3E,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAoD;IAC/E,OAAO,CAAC,oBAAoB,CAAI;;IAehC,iBAAiB;IAOjB,oBAAoB;IAQpB,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,kBAAkB;IAkC1B,OAAO,CAAC,kBAAkB;IAc1B,OAAO,CAAC,oBAAoB;IAe5B,OAAO,CAAC,UAAU;IAYlB,OAAO,CAAC,WAAW;IAOnB,SAAS,CAAC,OAAO,CAAE,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAkB1D,OAAO,CAAC,iBAAiB;IAIzB,OAAO,CAAC,kBAAkB;IAU1B,OAAO,CAAC,oBAAoB;IAa5B,OAAO,CAAC,gBAAgB;YAUV,gBAAgB;YAiBhB,kBAAkB;IAahC,OAAO,CAAC,mBAAmB;IAwD3B,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,wBAAwB;IAiBhC,OAAO,CAAC,mBAAmB;IAQ3B,OAAO,CAAC,YAAY;IAsBpB,MAAM;CA2CP"}