@unofficialbox/box-open-elements 0.4.0 → 0.6.0

package/dist/patterns/search/filter-bar.js

@@ -112,7 +112,8 @@ const elementStyles = `
         }
 
       `;
-export class BoxFilterBarElement extends BaseElement {
+export class FilterBar extends BaseElement {
+    static tagName = DEFAULT_TAG_NAME;
     static get observedAttributes() {
         return ["filter-options", "filters", "label", "query", "sort-options", "sort-value", "view-options", "view-value"];
     }
@@ -375,11 +376,4 @@ export class BoxFilterBarElement extends BaseElement {
         this.patchChips();
     }
 }
-export const defineBoxFilterBarElement = (tagName = DEFAULT_TAG_NAME) => {
-    const existingElement = customElements.get(tagName);
-    if (existingElement) {
-        return existingElement;
-    }
-    customElements.define(tagName, BoxFilterBarElement);
-    return BoxFilterBarElement;
-};
+FilterBar.register();

package/dist/patterns/search/saved-view-picker.d.ts

@@ -5,7 +5,8 @@ type SavedView = {
     label: string;
     resultCount?: number;
 };
-export declare class BoxSavedViewPickerElement extends BaseElement {
+export declare class SavedViewPicker extends BaseElement {
+    static readonly tagName: string;
     static get observedAttributes(): string[];
     private valueInternal;
     get label(): string;
@@ -21,5 +22,4 @@ export declare class BoxSavedViewPickerElement extends BaseElement {
     protected renderTemplate(): void;
     protected update(): void;
 }
-export declare const defineBoxSavedViewPickerElement: (tagName?: string) => typeof BoxSavedViewPickerElement;
 export {};

package/dist/patterns/search/saved-view-picker.js

@@ -81,7 +81,8 @@ const elementStyles = `
           font-size: 0.88rem;
         }
       `;
-export class BoxSavedViewPickerElement extends BaseElement {
+export class SavedViewPicker extends BaseElement {
+    static tagName = DEFAULT_TAG_NAME;
     static get observedAttributes() {
         return ["label", "value", "views"];
     }
@@ -229,11 +230,4 @@ export class BoxSavedViewPickerElement extends BaseElement {
         });
     }
 }
-export const defineBoxSavedViewPickerElement = (tagName = DEFAULT_TAG_NAME) => {
-    const existingElement = customElements.get(tagName);
-    if (existingElement) {
-        return existingElement;
-    }
-    customElements.define(tagName, BoxSavedViewPickerElement);
-    return BoxSavedViewPickerElement;
-};
+SavedViewPicker.register();

package/dist/patterns/search/search-results-header.d.ts

@@ -4,7 +4,8 @@ type SearchHeaderAction = {
     label: string;
     tone?: string;
 };
-export declare class BoxSearchResultsHeaderElement extends BaseElement {
+export declare class SearchResultsHeader extends BaseElement {
+    static readonly tagName: string;
     static get observedAttributes(): string[];
     get actions(): SearchHeaderAction[];
     set actions(value: SearchHeaderAction[]);
@@ -30,5 +31,4 @@ export declare class BoxSearchResultsHeaderElement extends BaseElement {
     protected renderTemplate(): void;
     protected update(): void;
 }
-export declare const defineBoxSearchResultsHeaderElement: (tagName?: string) => typeof BoxSearchResultsHeaderElement;
 export {};

package/dist/patterns/search/search-results-header.js

@@ -103,7 +103,8 @@ const elementStyles = `
           color: var(--boe-token-text-text-on-brand, #ffffff);
         }
       `;
-export class BoxSearchResultsHeaderElement extends BaseElement {
+export class SearchResultsHeader extends BaseElement {
+    static tagName = DEFAULT_TAG_NAME;
     static get observedAttributes() {
         return ["actions", "filters", "label", "query", "result-count", "scope", "sort-label", "view-label"];
     }
@@ -278,11 +279,4 @@ export class BoxSearchResultsHeaderElement extends BaseElement {
         });
     }
 }
-export const defineBoxSearchResultsHeaderElement = (tagName = DEFAULT_TAG_NAME) => {
-    const existingElement = customElements.get(tagName);
-    if (existingElement) {
-        return existingElement;
-    }
-    customElements.define(tagName, BoxSearchResultsHeaderElement);
-    return BoxSearchResultsHeaderElement;
-};
+SearchResultsHeader.register();

package/dist/patterns/share/access-stats.d.ts

@@ -4,7 +4,8 @@ type AccessStat = {
     value: number;
     icon?: string;
 };
-export declare class BoxAccessStatsElement extends BaseElement {
+export declare class AccessStats extends BaseElement {
+    static readonly tagName: string;
     static get observedAttributes(): string[];
     get label(): string;
     set label(value: string);
@@ -15,5 +16,4 @@ export declare class BoxAccessStatsElement extends BaseElement {
     protected renderTemplate(): void;
     protected update(): void;
 }
-export declare const defineBoxAccessStatsElement: (tagName?: string) => typeof BoxAccessStatsElement;
 export {};

package/dist/patterns/share/access-stats.js

@@ -123,7 +123,8 @@ const elementStyles = `
           font-size: 0.9rem;
         }
       `;
-export class BoxAccessStatsElement extends BaseElement {
+export class AccessStats extends BaseElement {
+    static tagName = DEFAULT_TAG_NAME;
     static get observedAttributes() {
         return ["label", "stats"];
     }
@@ -194,11 +195,4 @@ export class BoxAccessStatsElement extends BaseElement {
     `;
     }
 }
-export const defineBoxAccessStatsElement = (tagName = DEFAULT_TAG_NAME) => {
-    const existingElement = customElements.get(tagName);
-    if (existingElement) {
-        return existingElement;
-    }
-    customElements.define(tagName, BoxAccessStatsElement);
-    return BoxAccessStatsElement;
-};
+AccessStats.register();

package/dist/patterns/share/collaborator-avatars.d.ts

@@ -5,7 +5,8 @@ type Collaborator = {
     initials?: string;
     src?: string;
 };
-export declare class BoxCollaboratorAvatarsElement extends BaseElement {
+export declare class CollaboratorAvatars extends BaseElement {
+    static readonly tagName: string;
     static get observedAttributes(): string[];
     get collaborators(): Collaborator[];
     set collaborators(value: Collaborator[]);
@@ -18,5 +19,4 @@ export declare class BoxCollaboratorAvatarsElement extends BaseElement {
     protected renderTemplate(): void;
     protected update(): void;
 }
-export declare const defineBoxCollaboratorAvatarsElement: (tagName?: string) => typeof BoxCollaboratorAvatarsElement;
 export {};

package/dist/patterns/share/collaborator-avatars.js

@@ -93,7 +93,8 @@ const elementStyles = `
           font-size: 0.86rem;
         }
       `;
-export class BoxCollaboratorAvatarsElement extends BaseElement {
+export class CollaboratorAvatars extends BaseElement {
+    static tagName = DEFAULT_TAG_NAME;
     static get observedAttributes() {
         return ["collaborators", "label", "max"];
     }
@@ -204,11 +205,4 @@ export class BoxCollaboratorAvatarsElement extends BaseElement {
         });
     }
 }
-export const defineBoxCollaboratorAvatarsElement = (tagName = DEFAULT_TAG_NAME) => {
-    const existingElement = customElements.get(tagName);
-    if (existingElement) {
-        return existingElement;
-    }
-    customElements.define(tagName, BoxCollaboratorAvatarsElement);
-    return BoxCollaboratorAvatarsElement;
-};
+CollaboratorAvatars.register();

package/dist/patterns/share/invite-collaborators-modal.d.ts

@@ -8,7 +8,8 @@ import { BaseElement } from "../../core/index.js";
  * dismissal, closing itself in both cases. Structure is built once per open so
  * the live inputs keep focus while only the pills/status update.
  */
-export declare class BoxInviteCollaboratorsModalElement extends BaseElement {
+export declare class InviteCollaboratorsModal extends BaseElement {
+    static readonly tagName: string;
     static get observedAttributes(): string[];
     private controller;
     private controllerUnsubscribe;
@@ -43,4 +44,3 @@ export declare class BoxInviteCollaboratorsModalElement extends BaseElement {
     private close;
     private updateDynamic;
 }
-export declare const defineBoxInviteCollaboratorsModalElement: (tagName?: string) => typeof BoxInviteCollaboratorsModalElement;

package/dist/patterns/share/invite-collaborators-modal.js

@@ -166,7 +166,8 @@ const DEFAULT_ROLES = [
  * dismissal, closing itself in both cases. Structure is built once per open so
  * the live inputs keep focus while only the pills/status update.
  */
-export class BoxInviteCollaboratorsModalElement extends BaseElement {
+export class InviteCollaboratorsModal extends BaseElement {
+    static tagName = DEFAULT_TAG_NAME;
     static get observedAttributes() {
         return ["heading", "item-id", "open", "submit-label"];
     }
@@ -455,11 +456,4 @@ export class BoxInviteCollaboratorsModalElement extends BaseElement {
         }
     }
 }
-export const defineBoxInviteCollaboratorsModalElement = (tagName = DEFAULT_TAG_NAME) => {
-    const existingElement = customElements.get(tagName);
-    if (existingElement) {
-        return existingElement;
-    }
-    customElements.define(tagName, BoxInviteCollaboratorsModalElement);
-    return BoxInviteCollaboratorsModalElement;
-};
+InviteCollaboratorsModal.register();

package/dist/patterns/share/permission-matrix.d.ts

@@ -10,7 +10,8 @@ type PermissionMatrixSubject = {
     type?: string;
 };
 type PermissionMatrixValue = Record<string, string>;
-export declare class BoxPermissionMatrixElement extends BaseElement {
+export declare class PermissionMatrix extends BaseElement {
+    static readonly tagName: string;
     static get observedAttributes(): string[];
     private labelEl;
     private tbodyEl;
@@ -33,5 +34,4 @@ export declare class BoxPermissionMatrixElement extends BaseElement {
     protected setupListeners(): void;
     protected update(): void;
 }
-export declare const defineBoxPermissionMatrixElement: (tagName?: string) => typeof BoxPermissionMatrixElement;
 export {};

package/dist/patterns/share/permission-matrix.js

@@ -182,7 +182,8 @@ const matrixStyles = `
     border: 0;
   }
 `;
-export class BoxPermissionMatrixElement extends BaseElement {
+export class PermissionMatrix extends BaseElement {
+    static tagName = DEFAULT_TAG_NAME;
     static get observedAttributes() {
         return ["label", "options", "subjects", "value"];
     }
@@ -350,11 +351,4 @@ export class BoxPermissionMatrixElement extends BaseElement {
         });
     }
 }
-export const defineBoxPermissionMatrixElement = (tagName = DEFAULT_TAG_NAME) => {
-    const existingElement = customElements.get(tagName);
-    if (existingElement) {
-        return existingElement;
-    }
-    customElements.define(tagName, BoxPermissionMatrixElement);
-    return BoxPermissionMatrixElement;
-};
+PermissionMatrix.register();

package/dist/patterns/share/presence.d.ts

@@ -7,7 +7,8 @@ import { BaseElement } from "../../core/index.js";
  * update) or by injecting a static `users` array. A polite live region
  * announces roster changes. Pair the transport with your realtime backend.
  */
-export declare class BoxPresenceElement extends BaseElement {
+export declare class Presence extends BaseElement {
+    static readonly tagName: string;
     static get observedAttributes(): string[];
     private controller;
     private transportValue;
@@ -29,4 +30,3 @@ export declare class BoxPresenceElement extends BaseElement {
     protected renderTemplate(): void;
     protected update(): void;
 }
-export declare const defineBoxPresenceElement: (tagName?: string) => typeof BoxPresenceElement;

package/dist/patterns/share/presence.js

@@ -29,7 +29,8 @@ const summarize = (users) => {
  * update) or by injecting a static `users` array. A polite live region
  * announces roster changes. Pair the transport with your realtime backend.
  */
-export class BoxPresenceElement extends BaseElement {
+export class Presence extends BaseElement {
+    static tagName = DEFAULT_TAG_NAME;
     static get observedAttributes() {
         return ["label", "max"];
     }
@@ -245,11 +246,4 @@ export class BoxPresenceElement extends BaseElement {
         summary.textContent = summarize(users);
     }
 }
-export const defineBoxPresenceElement = (tagName = DEFAULT_TAG_NAME) => {
-    const existingElement = customElements.get(tagName);
-    if (existingElement) {
-        return existingElement;
-    }
-    customElements.define(tagName, BoxPresenceElement);
-    return BoxPresenceElement;
-};
+Presence.register();

package/dist/patterns/share/share-panel.d.ts

@@ -23,7 +23,8 @@ type SharePanelSharedLink = {
     status?: string;
     url: string;
 };
-export declare class BoxSharePanelElement extends BaseElement {
+export declare class SharePanel extends BaseElement {
+    static readonly tagName: string;
     static get observedAttributes(): string[];
     private titleEl;
     private messageEl;
@@ -71,5 +72,4 @@ export declare class BoxSharePanelElement extends BaseElement {
     protected setupListeners(): void;
     protected update(): void;
 }
-export declare const defineBoxSharePanelElement: (tagName?: string) => typeof BoxSharePanelElement;
 export {};

package/dist/patterns/share/share-panel.js

@@ -225,7 +225,8 @@ const elementStyles = `
           color: var(--boe-token-text-text-on-brand, #ffffff);
         }
       `;
-export class BoxSharePanelElement extends BaseElement {
+export class SharePanel extends BaseElement {
+    static tagName = DEFAULT_TAG_NAME;
     static get observedAttributes() {
         return ["actions", "collaborators", "message", "settings", "shared-link", "heading"];
     }
@@ -555,11 +556,4 @@ export class BoxSharePanelElement extends BaseElement {
         }
     }
 }
-export const defineBoxSharePanelElement = (tagName = DEFAULT_TAG_NAME) => {
-    const existingElement = customElements.get(tagName);
-    if (existingElement) {
-        return existingElement;
-    }
-    customElements.define(tagName, BoxSharePanelElement);
-    return BoxSharePanelElement;
-};
+SharePanel.register();

package/dist/patterns/share/unified-share-modal.d.ts

@@ -9,7 +9,8 @@ import { BaseElement } from "../../core/index.js";
  * `linkcopied` after a successful copy, and `close` on dismissal. Structure is
  * built once per open so the tab controls keep focus while the body re-renders.
  */
-export declare class BoxUnifiedShareModalElement extends BaseElement {
+export declare class UnifiedShareModal extends BaseElement {
+    static readonly tagName: string;
     static get observedAttributes(): string[];
     private controller;
     private controllerUnsubscribe;
@@ -47,4 +48,3 @@ export declare class BoxUnifiedShareModalElement extends BaseElement {
     private renderCollaborator;
     private attachBodyListeners;
 }
-export declare const defineBoxUnifiedShareModalElement: (tagName?: string) => typeof BoxUnifiedShareModalElement;

package/dist/patterns/share/unified-share-modal.js

@@ -264,7 +264,8 @@ const initials = (name) => {
  * `linkcopied` after a successful copy, and `close` on dismissal. Structure is
  * built once per open so the tab controls keep focus while the body re-renders.
  */
-export class BoxUnifiedShareModalElement extends BaseElement {
+export class UnifiedShareModal extends BaseElement {
+    static tagName = DEFAULT_TAG_NAME;
     static get observedAttributes() {
         return ["heading", "item-id", "item-type", "open"];
     }
@@ -636,11 +637,4 @@ export class BoxUnifiedShareModalElement extends BaseElement {
         });
     }
 }
-export const defineBoxUnifiedShareModalElement = (tagName = DEFAULT_TAG_NAME) => {
-    const existingElement = customElements.get(tagName);
-    if (existingElement) {
-        return existingElement;
-    }
-    customElements.define(tagName, BoxUnifiedShareModalElement);
-    return BoxUnifiedShareModalElement;
-};
+UnifiedShareModal.register();

package/dist/patterns/signature/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./types.js";
+export * from "./signature-ceremony.js";

package/dist/patterns/signature/index.js

@@ -0,0 +1,4 @@
+// Signature ceremony model and the pure ordering engine
+export * from "./types.js";
+// Party-oriented signing progress surface
+export * from "./signature-ceremony.js";

package/dist/patterns/signature/signature-ceremony.d.ts

@@ -0,0 +1,33 @@
+import type { CeremonyResolution, Signatory, SignatureMode } from "./types.js";
+import { BaseElement } from "../../core/index.js";
+/**
+ * Party-oriented signing progress: who signs, in what order, and — the part
+ * that matters — who can act *right now*.
+ *
+ * The rules live in `resolveCeremony`, which is pure, so a host can drive its
+ * own surface or its reminder emails from the same function rather than
+ * reimplementing the ordering logic and drifting from what the UI shows.
+ *
+ * Read-only by design. Signing happens in the signature provider's own flow,
+ * so this states position rather than offering a button that would have to
+ * duplicate that flow's authority.
+ */
+export declare class SignatureCeremony extends BaseElement {
+    static readonly tagName: string;
+    static get observedAttributes(): string[];
+    private hostEl;
+    private signatoriesRaw;
+    private signatoriesCache;
+    get heading(): string;
+    set heading(value: string);
+    /** `sequential` (default) routes one party at a time; `parallel` sends to all. */
+    get mode(): SignatureMode;
+    set mode(value: SignatureMode);
+    get signatories(): Signatory[];
+    set signatories(value: Signatory[]);
+    /** The resolved ceremony — same object the render uses. */
+    get resolution(): CeremonyResolution;
+    protected renderTemplate(): void;
+    protected setupListeners(): void;
+    protected update(): void;
+}