@api-client/ui 0.5.57 → 0.6.0

package/build/src/elements/setup/internals/OrganizationSelectionScreen.js

@@ -0,0 +1,123 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { html, LitElement } from 'lit';
+import { property } from 'lit/decorators.js';
+import { repeat } from 'lit/directives/repeat.js';
+import { consume } from '@lit/context';
+import { organizationsContext } from '../../../providers/organizations.js';
+let OrganizationSelectionScreen = (() => {
+    let _classSuper = LitElement;
+    let _organizations_decorators;
+    let _organizations_initializers = [];
+    let _organizations_extraInitializers = [];
+    let _loading_decorators;
+    let _loading_initializers = [];
+    let _loading_extraInitializers = [];
+    let _selected_decorators;
+    let _selected_initializers = [];
+    let _selected_extraInitializers = [];
+    return class OrganizationSelectionScreen extends _classSuper {
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _organizations_decorators = [property({ type: Array, attribute: false }), consume({ context: organizationsContext, subscribe: true })];
+            _loading_decorators = [property({ type: Boolean })];
+            _selected_decorators = [property({ type: String })];
+            __esDecorate(this, null, _organizations_decorators, { kind: "accessor", name: "organizations", static: false, private: false, access: { has: obj => "organizations" in obj, get: obj => obj.organizations, set: (obj, value) => { obj.organizations = value; } }, metadata: _metadata }, _organizations_initializers, _organizations_extraInitializers);
+            __esDecorate(this, null, _loading_decorators, { kind: "accessor", name: "loading", static: false, private: false, access: { has: obj => "loading" in obj, get: obj => obj.loading, set: (obj, value) => { obj.loading = value; } }, metadata: _metadata }, _loading_initializers, _loading_extraInitializers);
+            __esDecorate(this, null, _selected_decorators, { kind: "accessor", name: "selected", static: false, private: false, access: { has: obj => "selected" in obj, get: obj => obj.selected, set: (obj, value) => { obj.selected = value; } }, metadata: _metadata }, _selected_initializers, _selected_extraInitializers);
+            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        #organizations_accessor_storage = __runInitializers(this, _organizations_initializers, void 0);
+        /**
+         * The list of organizations to select from.
+         *
+         * This property consumes the `organizationsContext`.
+         */
+        get organizations() { return this.#organizations_accessor_storage; }
+        set organizations(value) { this.#organizations_accessor_storage = value; }
+        #loading_accessor_storage = (__runInitializers(this, _organizations_extraInitializers), __runInitializers(this, _loading_initializers, false
+        /**
+         * The currently selected organization key, if any. Can be used to pre-select an organization in the list.
+         * When the user makes a selection, an `organization-selected` event is dispatched and this property is updated.
+         * @attribute
+         */
+        ));
+        /**
+         * Indicates whether the screen is in the loading state.
+         * @attribute
+         */
+        get loading() { return this.#loading_accessor_storage; }
+        set loading(value) { this.#loading_accessor_storage = value; }
+        #selected_accessor_storage = (__runInitializers(this, _loading_extraInitializers), __runInitializers(this, _selected_initializers, void 0));
+        /**
+         * The currently selected organization key, if any. Can be used to pre-select an organization in the list.
+         * When the user makes a selection, an `organization-selected` event is dispatched and this property is updated.
+         * @attribute
+         */
+        get selected() { return this.#selected_accessor_storage; }
+        set selected(value) { this.#selected_accessor_storage = value; }
+        /**
+         * Handles the organization selection form submission.
+         * @param e The submit event
+         */
+        async handleOrgSelection(e) {
+            e.preventDefault();
+            const form = e.target;
+            const organization = String(form.org.value).trim();
+            if (!organization) {
+                return;
+            }
+            this.selectOrganization(organization);
+        }
+        /**
+         * Selects the organization and persists the state.
+         * @param organization The organization key to select
+         */
+        selectOrganization(organization) {
+            this.selected = organization;
+            this.dispatchEvent(new CustomEvent('organization-selected', {
+                detail: { organization },
+                bubbles: true,
+                composed: true,
+            }));
+        }
+        render() {
+            return html `
+      <div class="content">
+        <div class="slide account-setup-slide">
+          <h1 class="display-medium">Select your organization.</h1>
+          ${this.loading ? this.renderLoader() : this.renderForm()}
+        </div>
+      </div>
+    `;
+        }
+        renderForm() {
+            const { organizations = [], selected } = this;
+            return html `
+      <form class="org-name-form" @submit=${this.handleOrgSelection}>
+        <ui-select name="org" class="org-input" required .value="${selected}">
+          ${repeat(organizations, (i) => i.key, (i) => html `<ui-option value="${i.key}"
+                >${i.name}
+                <div slot="supporting-text">${i.key}</div></ui-option
+              >`)}
+        </ui-select>
+        <ui-button color="filled" type="submit">Continue</ui-button>
+      </form>
+    `;
+        }
+        renderLoader() {
+            return html ` <ui-progress indeterminate class="login-progress" aria-label="Setting up organization"></ui-progress> `;
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _selected_extraInitializers);
+        }
+    };
+})();
+/**
+ * An App screen (HTML Element) allowing the user to select an organization.
+ * Primary use-case is during the initial setup when no organization is selected yet.
+ *
+ * Note, this element does not handle the actual API logic, it only provides the UI and dispatches events.
+ */
+export default OrganizationSelectionScreen;
+//# sourceMappingURL=OrganizationSelectionScreen.js.map

package/build/src/elements/setup/internals/OrganizationSelectionScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationSelectionScreen.js","sourceRoot":"","sources":["../../../../../src/elements/setup/internals/OrganizationSelectionScreen.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,UAAU,EAAE,MAAM,KAAK,CAAA;AAEtD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAA;;sBAQjB,UAAU;;;;;;;;;;iBAA9C,2BAA4B,SAAQ,WAAU;;;yCAMhE,QAAQ,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC,EAC3C,OAAO,CAAC,EAAE,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;mCAO3D,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;oCAO3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;YAb3B,4LAAS,aAAa,6BAAb,aAAa,qGAA6B;YAMtB,0KAAS,OAAO,6BAAP,OAAO,yFAAQ;YAOzB,6KAAS,QAAQ,6BAAR,QAAQ,2FAAoB;;;QAbjE,+FAAmD;QAPnD;;;;WAIG;QAGH,IAAS,aAAa,mDAA6B;QAAnD,IAAS,aAAa,yDAA6B;QAMtB,uIAAmB,KAAK;QAErD;;;;WAIG;WANkD;QAJrD;;;WAGG;QAC0B,IAAS,OAAO,6CAAQ;QAAxB,IAAS,OAAO,mDAAQ;QAOzB,4IAAqC;QALjE;;;;WAIG;QACyB,IAAS,QAAQ,8CAAoB;QAArC,IAAS,QAAQ,oDAAoB;QAEjE;;;WAGG;QACO,KAAK,CAAC,kBAAkB,CAAC,CAAc;YAC/C,CAAC,CAAC,cAAc,EAAE,CAAA;YAClB,MAAM,IAAI,GAAG,CAAC,CAAC,MAAyB,CAAA;YACxC,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,IAAI,EAAE,CAAA;YAClD,IAAI,CAAC,YAAY,EAAE,CAAC;gBAClB,OAAM;YACR,CAAC;YACD,IAAI,CAAC,kBAAkB,CAAC,YAAY,CAAC,CAAA;QACvC,CAAC;QAED;;;WAGG;QACO,kBAAkB,CAAC,YAAoB;YAC/C,IAAI,CAAC,QAAQ,GAAG,YAAY,CAAA;YAC5B,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,uBAAuB,EAAE;gBACvC,MAAM,EAAE,EAAE,YAAY,EAAE;gBACxB,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;aACf,CAAC,CACH,CAAA;QACH,CAAC;QAEQ,MAAM;YACb,OAAO,IAAI,CAAA;;;;YAIH,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,EAAE;;;KAG7D,CAAA;QACH,CAAC;QAES,UAAU;YAClB,MAAM,EAAE,aAAa,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAA;YAC7C,OAAO,IAAI,CAAA;4CAC6B,IAAI,CAAC,kBAAkB;mEACA,QAAQ;YAC/D,MAAM,CACN,aAAa,EACb,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,EACZ,CAAC,CAAC,EAAE,EAAE,CACJ,IAAI,CAAA,qBAAqB,CAAC,CAAC,GAAG;mBACzB,CAAC,CAAC,IAAI;8CACqB,CAAC,CAAC,GAAG;gBACnC,CACL;;;;KAIN,CAAA;QACH,CAAC;QAES,YAAY;YACpB,OAAO,IAAI,CAAA,yGAAyG,CAAA;QACtH,CAAC;;;;;;;AA3FH;;;;;GAKG;AACH,2CAsFC","sourcesContent":["import { html, TemplateResult, LitElement } from 'lit'\nimport type { IOrganization } from '@api-client/core/models/store/Organization.js'\nimport { property } from 'lit/decorators.js'\nimport { repeat } from 'lit/directives/repeat.js'\nimport { consume } from '@lit/context'\nimport { organizationsContext } from '../../../providers/organizations.js'\n\n/**\n * An App screen (HTML Element) allowing the user to select an organization.\n * Primary use-case is during the initial setup when no organization is selected yet.\n *\n * Note, this element does not handle the actual API logic, it only provides the UI and dispatches events.\n */\nexport default class OrganizationSelectionScreen extends LitElement {\n  /**\n   * The list of organizations to select from.\n   *\n   * This property consumes the `organizationsContext`.\n   */\n  @property({ type: Array, attribute: false })\n  @consume({ context: organizationsContext, subscribe: true })\n  accessor organizations: IOrganization[] | undefined\n\n  /**\n   * Indicates whether the screen is in the loading state.\n   * @attribute\n   */\n  @property({ type: Boolean }) accessor loading = false\n\n  /**\n   * The currently selected organization key, if any. Can be used to pre-select an organization in the list.\n   * When the user makes a selection, an `organization-selected` event is dispatched and this property is updated.\n   * @attribute\n   */\n  @property({ type: String }) accessor selected: string | undefined\n\n  /**\n   * Handles the organization selection form submission.\n   * @param e The submit event\n   */\n  protected async handleOrgSelection(e: SubmitEvent): Promise<void> {\n    e.preventDefault()\n    const form = e.target as HTMLFormElement\n    const organization = String(form.org.value).trim()\n    if (!organization) {\n      return\n    }\n    this.selectOrganization(organization)\n  }\n\n  /**\n   * Selects the organization and persists the state.\n   * @param organization The organization key to select\n   */\n  protected selectOrganization(organization: string): void {\n    this.selected = organization\n    this.dispatchEvent(\n      new CustomEvent('organization-selected', {\n        detail: { organization },\n        bubbles: true,\n        composed: true,\n      })\n    )\n  }\n\n  override render(): TemplateResult {\n    return html`\n      <div class=\"content\">\n        <div class=\"slide account-setup-slide\">\n          <h1 class=\"display-medium\">Select your organization.</h1>\n          ${this.loading ? this.renderLoader() : this.renderForm()}\n        </div>\n      </div>\n    `\n  }\n\n  protected renderForm(): TemplateResult {\n    const { organizations = [], selected } = this\n    return html`\n      <form class=\"org-name-form\" @submit=${this.handleOrgSelection}>\n        <ui-select name=\"org\" class=\"org-input\" required .value=\"${selected}\">\n          ${repeat(\n            organizations,\n            (i) => i.key,\n            (i) =>\n              html`<ui-option value=\"${i.key}\"\n                >${i.name}\n                <div slot=\"supporting-text\">${i.key}</div></ui-option\n              >`\n          )}\n        </ui-select>\n        <ui-button color=\"filled\" type=\"submit\">Continue</ui-button>\n      </form>\n    `\n  }\n\n  protected renderLoader(): TemplateResult {\n    return html` <ui-progress indeterminate class=\"login-progress\" aria-label=\"Setting up organization\"></ui-progress> `\n  }\n}\n"]}

package/build/src/elements/setup/internals/OrganizationSelectionScreen.styles.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("lit").CSSResult;
+export default _default;
+//# sourceMappingURL=OrganizationSelectionScreen.styles.d.ts.map

package/build/src/elements/setup/internals/OrganizationSelectionScreen.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationSelectionScreen.styles.d.ts","sourceRoot":"","sources":["../../../../../src/elements/setup/internals/OrganizationSelectionScreen.styles.ts"],"names":[],"mappings":";AAEA,wBAAoB"}

package/build/src/elements/setup/internals/OrganizationSelectionScreen.styles.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export default css ``;
+//# sourceMappingURL=OrganizationSelectionScreen.styles.js.map

package/build/src/elements/setup/internals/OrganizationSelectionScreen.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationSelectionScreen.styles.js","sourceRoot":"","sources":["../../../../../src/elements/setup/internals/OrganizationSelectionScreen.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA,EAAE,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css``\n"]}

package/build/src/elements/setup/internals/OrganizationSelector.d.ts

@@ -0,0 +1,56 @@
+import { TemplateResult, LitElement } from 'lit';
+import type { UiMenuItemElement } from '../../../md/menu/ui-menu-item.js';
+import { type IOrganization } from '../../../providers/organization.js';
+/**
+ * An element that allows selecting an organization from a list.
+ * It renders a button with the current organization name that triggers a dropdown menu with available organizations.
+ *
+ * The component supports creating a new organization via a dedicated menu item.
+ *
+ * @example
+ * ```html
+ * <organization-selector
+ *   .organization="${this.selectedOrg}"
+ *   .organizations="${this.availableOrgs}"
+ *   @select="${this.handleSelection}"
+ *   @create="${this.handleCreate}"
+ * ></organization-selector>
+ * ```
+ *
+ * @fires select - Dispatched when the user selects an organization. The detail object contains the `organization` key.
+ * @fires create - Dispatched when the user clicks on the "New Organization" menu item.
+ */
+export default class OrganizationSelector extends LitElement {
+    /**
+     * The currently selected organization, if any.
+     * When set, the button label will show this organization's name.
+     *
+     * This property consumes the `organizationContext`.
+     */
+    accessor organization: IOrganization | undefined;
+    /**
+     * The list of available organizations to display in the dropdown menu.
+     *
+     * This property consumes the `organizationsContext`.
+     */
+    accessor organizations: IOrganization[] | undefined;
+    /**
+     * A handler for organization selection from the menu.
+     */
+    protected handleOrgSelect(e: CustomEvent<{
+        item: UiMenuItemElement;
+    }>): void;
+    /**
+     * Notifies about organization selection.
+     * @param organizationKey The key of the organization that was selected by the user.
+     */
+    protected notifySelect(organizationKey: string): void;
+    /**
+     * Notifies about the request to create a new organization.
+     */
+    protected notifyCreate(): void;
+    protected render(): unknown;
+    protected renderTrigger(): TemplateResult;
+    protected renderMenu(): TemplateResult;
+}
+//# sourceMappingURL=OrganizationSelector.d.ts.map

package/build/src/elements/setup/internals/OrganizationSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationSelector.d.ts","sourceRoot":"","sources":["../../../../../src/elements/setup/internals/OrganizationSelector.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAItD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AACzE,OAAO,EAAE,KAAK,aAAa,EAAuB,MAAM,oCAAoC,CAAA;AAG5F;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,OAAO,OAAO,oBAAqB,SAAQ,UAAU;IAC1D;;;;;OAKG;IAGH,QAAQ,CAAC,YAAY,EAAE,aAAa,GAAG,SAAS,CAAA;IAEhD;;;;OAIG;IAGH,QAAQ,CAAC,aAAa,EAAE,aAAa,EAAE,GAAG,SAAS,CAAA;IAEnD;;OAEG;IACH,SAAS,CAAC,eAAe,CAAC,CAAC,EAAE,WAAW,CAAC;QAAE,IAAI,EAAE,iBAAiB,CAAA;KAAE,CAAC,GAAG,IAAI;IAU5E;;;OAGG;IACH,SAAS,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,GAAG,IAAI;IAUrD;;OAEG;IACH,SAAS,CAAC,YAAY,IAAI,IAAI;cASX,MAAM,IAAI,OAAO;IAIpC,SAAS,CAAC,aAAa,IAAI,cAAc;IAiBzC,SAAS,CAAC,UAAU,IAAI,cAAc;CAyBvC"}

package/build/src/elements/setup/internals/OrganizationSelector.js

@@ -0,0 +1,140 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { html, LitElement } from 'lit';
+import { property } from 'lit/decorators.js';
+import { repeat } from 'lit/directives/repeat.js';
+import { consume } from '@lit/context';
+import { organizationContext } from '../../../providers/organization.js';
+import { organizationsContext } from '../../../providers/organizations.js';
+let OrganizationSelector = (() => {
+    let _classSuper = LitElement;
+    let _organization_decorators;
+    let _organization_initializers = [];
+    let _organization_extraInitializers = [];
+    let _organizations_decorators;
+    let _organizations_initializers = [];
+    let _organizations_extraInitializers = [];
+    return class OrganizationSelector extends _classSuper {
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _organization_decorators = [property({ type: Object, attribute: false }), consume({ context: organizationContext, subscribe: true })];
+            _organizations_decorators = [property({ type: Array, attribute: false }), consume({ context: organizationsContext, subscribe: true })];
+            __esDecorate(this, null, _organization_decorators, { kind: "accessor", name: "organization", static: false, private: false, access: { has: obj => "organization" in obj, get: obj => obj.organization, set: (obj, value) => { obj.organization = value; } }, metadata: _metadata }, _organization_initializers, _organization_extraInitializers);
+            __esDecorate(this, null, _organizations_decorators, { kind: "accessor", name: "organizations", static: false, private: false, access: { has: obj => "organizations" in obj, get: obj => obj.organizations, set: (obj, value) => { obj.organizations = value; } }, metadata: _metadata }, _organizations_initializers, _organizations_extraInitializers);
+            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        #organization_accessor_storage = __runInitializers(this, _organization_initializers, void 0);
+        /**
+         * The currently selected organization, if any.
+         * When set, the button label will show this organization's name.
+         *
+         * This property consumes the `organizationContext`.
+         */
+        get organization() { return this.#organization_accessor_storage; }
+        set organization(value) { this.#organization_accessor_storage = value; }
+        #organizations_accessor_storage = (__runInitializers(this, _organization_extraInitializers), __runInitializers(this, _organizations_initializers, void 0));
+        /**
+         * The list of available organizations to display in the dropdown menu.
+         *
+         * This property consumes the `organizationsContext`.
+         */
+        get organizations() { return this.#organizations_accessor_storage; }
+        set organizations(value) { this.#organizations_accessor_storage = value; }
+        /**
+         * A handler for organization selection from the menu.
+         */
+        handleOrgSelect(e) {
+            const { item } = e.detail;
+            const { action = '' } = item.dataset;
+            if (action === 'select' && item.value) {
+                this.notifySelect(item.value);
+            }
+            else if (action === 'new') {
+                this.notifyCreate();
+            }
+        }
+        /**
+         * Notifies about organization selection.
+         * @param organizationKey The key of the organization that was selected by the user.
+         */
+        notifySelect(organizationKey) {
+            this.dispatchEvent(new CustomEvent('select', {
+                detail: { organization: organizationKey },
+                bubbles: false,
+                composed: false,
+            }));
+        }
+        /**
+         * Notifies about the request to create a new organization.
+         */
+        notifyCreate() {
+            this.dispatchEvent(new CustomEvent('create', {
+                bubbles: false,
+                composed: false,
+            }));
+        }
+        render() {
+            return html `<span class="container">${this.renderTrigger()} ${this.renderMenu()}</span>`;
+        }
+        renderTrigger() {
+            const { organization } = this;
+            const orgName = organization ? organization.name : 'Select Organization';
+            return html `
+      <ui-button
+        id="org-selector-anchor"
+        aria-label="Current organization: ${orgName}"
+        trailingicon
+        color="tonal"
+        popoverTarget="org-selector-menu"
+      >
+        ${orgName}
+        <ui-icon slot="icon">arrow_drop_down</ui-icon>
+      </ui-button>
+    `;
+        }
+        renderMenu() {
+            const { organization, organizations = [] } = this;
+            const orgKey = organization ? organization.key : '';
+            return html `
+      <ui-menu id="org-selector-menu" popover="auto" @select="${this.handleOrgSelect}">
+        ${repeat(organizations, (org) => org.key, (org) => html `<ui-menu-item
+              showSelectionIcon
+              data-action="select"
+              value="${org.key}"
+              ?selected="${org.key === orgKey}"
+              ><div>${org.name}</div>
+            </ui-menu-item>`)}
+        <ui-divider role="separator"></ui-divider>
+        <ui-menu-item data-action="new">
+          <div>New Organization</div>
+          <ui-icon slot="start">add</ui-icon>
+        </ui-menu-item>
+      </ui-menu>
+    `;
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _organizations_extraInitializers);
+        }
+    };
+})();
+/**
+ * An element that allows selecting an organization from a list.
+ * It renders a button with the current organization name that triggers a dropdown menu with available organizations.
+ *
+ * The component supports creating a new organization via a dedicated menu item.
+ *
+ * @example
+ * ```html
+ * <organization-selector
+ *   .organization="${this.selectedOrg}"
+ *   .organizations="${this.availableOrgs}"
+ *   @select="${this.handleSelection}"
+ *   @create="${this.handleCreate}"
+ * ></organization-selector>
+ * ```
+ *
+ * @fires select - Dispatched when the user selects an organization. The detail object contains the `organization` key.
+ * @fires create - Dispatched when the user clicks on the "New Organization" menu item.
+ */
+export default OrganizationSelector;
+//# sourceMappingURL=OrganizationSelector.js.map

package/build/src/elements/setup/internals/OrganizationSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationSelector.js","sourceRoot":"","sources":["../../../../../src/elements/setup/internals/OrganizationSelector.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, TemplateResult, LitElement } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { repeat } from 'lit/directives/repeat.js'\nimport { consume } from '@lit/context'\nimport type { UiMenuItemElement } from '../../../md/menu/ui-menu-item.js'\nimport { type IOrganization, organizationContext } from '../../../providers/organization.js'\nimport { organizationsContext } from '../../../providers/organizations.js'\n\n/**\n * An element that allows selecting an organization from a list.\n * It renders a button with the current organization name that triggers a dropdown menu with available organizations.\n *\n * The component supports creating a new organization via a dedicated menu item.\n *\n * @example\n * ```html\n * <organization-selector\n *   .organization=\"${this.selectedOrg}\"\n *   .organizations=\"${this.availableOrgs}\"\n *   @select=\"${this.handleSelection}\"\n *   @create=\"${this.handleCreate}\"\n * ></organization-selector>\n * ```\n *\n * @fires select - Dispatched when the user selects an organization. The detail object contains the `organization` key.\n * @fires create - Dispatched when the user clicks on the \"New Organization\" menu item.\n */\nexport default class OrganizationSelector extends LitElement {\n  /**\n   * The currently selected organization, if any.\n   * When set, the button label will show this organization's name.\n   *\n   * This property consumes the `organizationContext`.\n   */\n  @property({ type: Object, attribute: false })\n  @consume({ context: organizationContext, subscribe: true })\n  accessor organization: IOrganization | undefined\n\n  /**\n   * The list of available organizations to display in the dropdown menu.\n   *\n   * This property consumes the `organizationsContext`.\n   */\n  @property({ type: Array, attribute: false })\n  @consume({ context: organizationsContext, subscribe: true })\n  accessor organizations: IOrganization[] | undefined\n\n  /**\n   * A handler for organization selection from the menu.\n   */\n  protected handleOrgSelect(e: CustomEvent<{ item: UiMenuItemElement }>): void {\n    const { item } = e.detail\n    const { action = '' } = item.dataset\n    if (action === 'select' && item.value) {\n      this.notifySelect(item.value)\n    } else if (action === 'new') {\n      this.notifyCreate()\n    }\n  }\n\n  /**\n   * Notifies about organization selection.\n   * @param organizationKey The key of the organization that was selected by the user.\n   */\n  protected notifySelect(organizationKey: string): void {\n    this.dispatchEvent(\n      new CustomEvent('select', {\n        detail: { organization: organizationKey },\n        bubbles: false,\n        composed: false,\n      })\n    )\n  }\n\n  /**\n   * Notifies about the request to create a new organization.\n   */\n  protected notifyCreate(): void {\n    this.dispatchEvent(\n      new CustomEvent('create', {\n        bubbles: false,\n        composed: false,\n      })\n    )\n  }\n\n  protected override render(): unknown {\n    return html`<span class=\"container\">${this.renderTrigger()} ${this.renderMenu()}</span>`\n  }\n\n  protected renderTrigger(): TemplateResult {\n    const { organization } = this\n    const orgName = organization ? organization.name : 'Select Organization'\n    return html`\n      <ui-button\n        id=\"org-selector-anchor\"\n        aria-label=\"Current organization: ${orgName}\"\n        trailingicon\n        color=\"tonal\"\n        popoverTarget=\"org-selector-menu\"\n      >\n        ${orgName}\n        <ui-icon slot=\"icon\">arrow_drop_down</ui-icon>\n      </ui-button>\n    `\n  }\n\n  protected renderMenu(): TemplateResult {\n    const { organization, organizations = [] } = this\n    const orgKey = organization ? organization.key : ''\n    return html`\n      <ui-menu id=\"org-selector-menu\" popover=\"auto\" @select=\"${this.handleOrgSelect}\">\n        ${repeat(\n          organizations,\n          (org) => org.key,\n          (org) =>\n            html`<ui-menu-item\n              showSelectionIcon\n              data-action=\"select\"\n              value=\"${org.key}\"\n              ?selected=\"${org.key === orgKey}\"\n              ><div>${org.name}</div>\n            </ui-menu-item>`\n        )}\n        <ui-divider role=\"separator\"></ui-divider>\n        <ui-menu-item data-action=\"new\">\n          <div>New Organization</div>\n          <ui-icon slot=\"start\">add</ui-icon>\n        </ui-menu-item>\n      </ui-menu>\n    `\n  }\n}\n"]}

package/build/src/elements/setup/internals/OrganizationSelector.styles.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("lit").CSSResult;
+export default _default;
+//# sourceMappingURL=OrganizationSelector.styles.d.ts.map

package/build/src/elements/setup/internals/OrganizationSelector.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationSelector.styles.d.ts","sourceRoot":"","sources":["../../../../../src/elements/setup/internals/OrganizationSelector.styles.ts"],"names":[],"mappings":";AAEA,wBAAoB"}

package/build/src/elements/setup/internals/OrganizationSelector.styles.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export default css ``;
+//# sourceMappingURL=OrganizationSelector.styles.js.map

package/build/src/elements/setup/internals/OrganizationSelector.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrganizationSelector.styles.js","sourceRoot":"","sources":["../../../../../src/elements/setup/internals/OrganizationSelector.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA,EAAE,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css``\n"]}

package/build/src/elements/setup/internals/common.styles.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("lit").CSSResult;
+export default _default;
+//# sourceMappingURL=common.styles.d.ts.map

package/build/src/elements/setup/internals/common.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.styles.d.ts","sourceRoot":"","sources":["../../../../../src/elements/setup/internals/common.styles.ts"],"names":[],"mappings":";AAEA,wBAqEC"}

package/build/src/elements/setup/internals/common.styles.js

@@ -0,0 +1,72 @@
+import { css } from 'lit';
+export default css `
+  :host {
+    display: block;
+  }
+
+  p {
+    margin: 0;
+  }
+
+  .content {
+    background-color: var(--md-sys-color-surface);
+    border: 1px var(--md-sys-color-outline-variant) solid;
+    border-radius: var(--md-sys-shape-corner-medium);
+    overflow: hidden;
+    min-height: 40vh;
+    width: 60vw;
+    display: flex;
+  }
+
+  .slide {
+    gap: 40px;
+    padding: 80px;
+    display: flex;
+    flex: 1;
+  }
+
+  .intro,
+  .login {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .intro {
+    gap: 40px;
+  }
+
+  .login {
+    justify-content: center;
+    align-items: center;
+    gap: 20px;
+  }
+
+  .login-progress {
+    width: 100%;
+  }
+
+  .account-setup-slide {
+    gap: 20px;
+    flex-direction: column;
+  }
+
+  /* from org setup screen and organization selection */
+  .org-name-form {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 12px;
+  }
+
+  /* from org setup screen and organization selection */
+  .org-input {
+    width: 400px;
+  }
+
+  .error {
+    background-color: var(--md-sys-color-error-container);
+    color: var(--md-sys-color-on-error-container);
+  }
+`;
+//# sourceMappingURL=common.styles.js.map

package/build/src/elements/setup/internals/common.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.styles.js","sourceRoot":"","sources":["../../../../../src/elements/setup/internals/common.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqEjB,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n  :host {\n    display: block;\n  }\n\n  p {\n    margin: 0;\n  }\n\n  .content {\n    background-color: var(--md-sys-color-surface);\n    border: 1px var(--md-sys-color-outline-variant) solid;\n    border-radius: var(--md-sys-shape-corner-medium);\n    overflow: hidden;\n    min-height: 40vh;\n    width: 60vw;\n    display: flex;\n  }\n\n  .slide {\n    gap: 40px;\n    padding: 80px;\n    display: flex;\n    flex: 1;\n  }\n\n  .intro,\n  .login {\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .intro {\n    gap: 40px;\n  }\n\n  .login {\n    justify-content: center;\n    align-items: center;\n    gap: 20px;\n  }\n\n  .login-progress {\n    width: 100%;\n  }\n\n  .account-setup-slide {\n    gap: 20px;\n    flex-direction: column;\n  }\n\n  /* from org setup screen and organization selection */\n  .org-name-form {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 12px;\n  }\n\n  /* from org setup screen and organization selection */\n  .org-input {\n    width: 400px;\n  }\n\n  .error {\n    background-color: var(--md-sys-color-error-container);\n    color: var(--md-sys-color-on-error-container);\n  }\n`\n"]}

package/build/src/elements/setup/internals/icons.d.ts

@@ -0,0 +1,4 @@
+export declare const google: import("lit-html").TemplateResult<2>;
+export declare const github: import("lit-html").TemplateResult<2>;
+export declare const linkedin: import("lit-html").TemplateResult<2>;
+//# sourceMappingURL=icons.d.ts.map

package/build/src/elements/setup/internals/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../../../src/elements/setup/internals/icons.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,sCAkBZ,CAAA;AAEP,eAAO,MAAM,MAAM,sCAOZ,CAAA;AAEP,eAAO,MAAM,QAAQ,sCAWd,CAAA"}

package/build/src/elements/setup/internals/icons.js

@@ -0,0 +1,41 @@
+import { svg } from 'lit';
+export const google = svg `<svg slot="icon" version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" xmlns:xlink="http://www.w3.org/1999/xlink" style="display: block;">
+  <path
+    fill="#EA4335"
+    d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"
+  ></path>
+  <path
+    fill="#4285F4"
+    d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"
+  ></path>
+  <path
+    fill="#FBBC05"
+    d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"
+  ></path>
+  <path
+    fill="#34A853"
+    d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"
+  ></path>
+  <path fill="none" d="M0 0h48v48H0z"></path>
+</svg>`;
+export const github = svg `<svg slot="icon" viewBox="0 0 98 98" xmlns="http://www.w3.org/2000/svg">
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z"
+    fill="#24292f"
+  />
+</svg>`;
+export const linkedin = svg `<svg slot="icon" viewBox="0 0 72 72" xmlns="http://www.w3.org/2000/svg">
+  <g fill="none" fill-rule="evenodd">
+    <path
+      d="M8,72 L64,72 C68.418278,72 72,68.418278 72,64 L72,8 C72,3.581722 68.418278,-8.11624501e-16 64,0 L8,0 C3.581722,8.11624501e-16 -5.41083001e-16,3.581722 0,8 L0,64 C5.41083001e-16,68.418278 3.581722,72 8,72 Z"
+      fill="#007EBB"
+    />
+    <path
+      d="M62,62 L51.315625,62 L51.315625,43.8021149 C51.315625,38.8127542 49.4197917,36.0245323 45.4707031,36.0245323 C41.1746094,36.0245323 38.9300781,38.9261103 38.9300781,43.8021149 L38.9300781,62 L28.6333333,62 L28.6333333,27.3333333 L38.9300781,27.3333333 L38.9300781,32.0029283 C38.9300781,32.0029283 42.0260417,26.2742151 49.3825521,26.2742151 C56.7356771,26.2742151 62,30.7644705 62,40.051212 L62,62 Z M16.349349,22.7940133 C12.8420573,22.7940133 10,19.9296567 10,16.3970067 C10,12.8643566 12.8420573,10 16.349349,10 C19.8566406,10 22.6970052,12.8643566 22.6970052,16.3970067 C22.6970052,19.9296567 19.8566406,22.7940133 16.349349,22.7940133 Z M11.0325521,62 L21.769401,62 L21.769401,27.3333333 L11.0325521,27.3333333 L11.0325521,62 Z"
+      fill="#FFF"
+    />
+  </g>
+</svg>`;
+//# sourceMappingURL=icons.js.map

package/build/src/elements/setup/internals/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../../../src/elements/setup/internals/icons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;OAkBlB,CAAA;AAEP,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;OAOlB,CAAA;AAEP,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,CAAA;;;;;;;;;;;OAWpB,CAAA","sourcesContent":["import { svg } from 'lit'\n\nexport const google = svg`<svg slot=\"icon\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" style=\"display: block;\">\n  <path\n    fill=\"#EA4335\"\n    d=\"M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z\"\n  ></path>\n  <path\n    fill=\"#4285F4\"\n    d=\"M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z\"\n  ></path>\n  <path\n    fill=\"#FBBC05\"\n    d=\"M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z\"\n  ></path>\n  <path\n    fill=\"#34A853\"\n    d=\"M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z\"\n  ></path>\n  <path fill=\"none\" d=\"M0 0h48v48H0z\"></path>\n</svg>`\n\nexport const github = svg`<svg slot=\"icon\" viewBox=\"0 0 98 98\" xmlns=\"http://www.w3.org/2000/svg\">\n  <path\n    fill-rule=\"evenodd\"\n    clip-rule=\"evenodd\"\n    d=\"M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z\"\n    fill=\"#24292f\"\n  />\n</svg>`\n\nexport const linkedin = svg`<svg slot=\"icon\" viewBox=\"0 0 72 72\" xmlns=\"http://www.w3.org/2000/svg\">\n  <g fill=\"none\" fill-rule=\"evenodd\">\n    <path\n      d=\"M8,72 L64,72 C68.418278,72 72,68.418278 72,64 L72,8 C72,3.581722 68.418278,-8.11624501e-16 64,0 L8,0 C3.581722,8.11624501e-16 -5.41083001e-16,3.581722 0,8 L0,64 C5.41083001e-16,68.418278 3.581722,72 8,72 Z\"\n      fill=\"#007EBB\"\n    />\n    <path\n      d=\"M62,62 L51.315625,62 L51.315625,43.8021149 C51.315625,38.8127542 49.4197917,36.0245323 45.4707031,36.0245323 C41.1746094,36.0245323 38.9300781,38.9261103 38.9300781,43.8021149 L38.9300781,62 L28.6333333,62 L28.6333333,27.3333333 L38.9300781,27.3333333 L38.9300781,32.0029283 C38.9300781,32.0029283 42.0260417,26.2742151 49.3825521,26.2742151 C56.7356771,26.2742151 62,30.7644705 62,40.051212 L62,62 Z M16.349349,22.7940133 C12.8420573,22.7940133 10,19.9296567 10,16.3970067 C10,12.8643566 12.8420573,10 16.349349,10 C19.8566406,10 22.6970052,12.8643566 22.6970052,16.3970067 C22.6970052,19.9296567 19.8566406,22.7940133 16.349349,22.7940133 Z M11.0325521,62 L21.769401,62 L21.769401,27.3333333 L11.0325521,27.3333333 L11.0325521,62 Z\"\n      fill=\"#FFF\"\n    />\n  </g>\n</svg>`\n"]}

package/build/src/elements/setup/invitation-screen.d.ts

@@ -0,0 +1,13 @@
+import Element from './internals/InvitationScreen.js';
+import '@github/relative-time-element/relative-time/define';
+import '../../md/progress/ui-progress.js';
+import '../../md/button/ui-button.js';
+export declare class InvitationScreenElement extends Element {
+    static styles: import("lit").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'invitation-screen': InvitationScreenElement;
+    }
+}
+//# sourceMappingURL=invitation-screen.d.ts.map

package/build/src/elements/setup/invitation-screen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"invitation-screen.d.ts","sourceRoot":"","sources":["../../../../src/elements/setup/invitation-screen.ts"],"names":[],"mappings":"AACA,OAAO,OAAO,MAAM,iCAAiC,CAAA;AAKrD,OAAO,oDAAoD,CAAA;AAC3D,OAAO,kCAAkC,CAAA;AACzC,OAAO,8BAA8B,CAAA;AAErC,qBACa,uBAAwB,SAAQ,OAAO;IAClD,OAAgB,MAAM,4BAA+B;CACtD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,mBAAmB,EAAE,uBAAuB,CAAA;KAC7C;CACF"}

package/build/src/elements/setup/invitation-screen.js

@@ -0,0 +1,32 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { customElement } from 'lit/decorators.js';
+import Element from './internals/InvitationScreen.js';
+import styles from './internals/InvitationScreen.styles.js';
+import common from './internals/common.styles.js';
+import typography from '../../styles/m3/typography.module.js';
+import '@github/relative-time-element/relative-time/define';
+import '../../md/progress/ui-progress.js';
+import '../../md/button/ui-button.js';
+let InvitationScreenElement = (() => {
+    let _classDecorators = [customElement('invitation-screen')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = Element;
+    var InvitationScreenElement = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            InvitationScreenElement = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static styles = [common, typography, styles];
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return InvitationScreenElement = _classThis;
+})();
+export { InvitationScreenElement };
+//# sourceMappingURL=invitation-screen.js.map

package/build/src/elements/setup/invitation-screen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"invitation-screen.js","sourceRoot":"","sources":["../../../../src/elements/setup/invitation-screen.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,OAAO,MAAM,iCAAiC,CAAA;AACrD,OAAO,MAAM,MAAM,wCAAwC,CAAA;AAC3D,OAAO,MAAM,MAAM,8BAA8B,CAAA;AACjD,OAAO,UAAU,MAAM,sCAAsC,CAAA;AAE7D,OAAO,oDAAoD,CAAA;AAC3D,OAAO,kCAAkC,CAAA;AACzC,OAAO,8BAA8B,CAAA;IAGxB,uBAAuB;4BADnC,aAAa,CAAC,mBAAmB,CAAC;;;;sBACU,OAAO;uCAAf,SAAQ,WAAO;;;;YAApD,6KAEC;;;;QADC,MAAM,CAAU,MAAM,GAAG,CAAC,MAAM,EAAE,UAAU,EAAE,MAAM,CAAC,CAAA;;YAD1C,uDAAuB;;;;;SAAvB,uBAAuB","sourcesContent":["import { customElement } from 'lit/decorators.js'\nimport Element from './internals/InvitationScreen.js'\nimport styles from './internals/InvitationScreen.styles.js'\nimport common from './internals/common.styles.js'\nimport typography from '../../styles/m3/typography.module.js'\n\nimport '@github/relative-time-element/relative-time/define'\nimport '../../md/progress/ui-progress.js'\nimport '../../md/button/ui-button.js'\n\n@customElement('invitation-screen')\nexport class InvitationScreenElement extends Element {\n  static override styles = [common, typography, styles]\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'invitation-screen': InvitationScreenElement\n  }\n}\n"]}

package/build/src/elements/setup/login-screen.d.ts

@@ -0,0 +1,12 @@
+import Element from './internals/LoginScreen.js';
+import '../../md/progress/ui-progress.js';
+import '../../md/button/ui-button.js';
+export declare class LoginScreenElement extends Element {
+    static styles: import("lit").CSSResult[];
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'login-screen': LoginScreenElement;
+    }
+}
+//# sourceMappingURL=login-screen.d.ts.map

package/build/src/elements/setup/login-screen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"login-screen.d.ts","sourceRoot":"","sources":["../../../../src/elements/setup/login-screen.ts"],"names":[],"mappings":"AACA,OAAO,OAAO,MAAM,4BAA4B,CAAA;AAKhD,OAAO,kCAAkC,CAAA;AACzC,OAAO,8BAA8B,CAAA;AAErC,qBACa,kBAAmB,SAAQ,OAAO;IAC7C,OAAgB,MAAM,4BAA+B;CACtD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,kBAAkB,CAAA;KACnC;CACF"}