@primer-io/primer-js 0.3.3 → 0.3.5

package/dist/jsx/index.d.ts

@@ -139,7 +139,15 @@ export type CollapsableComponentProps = {
   "onexpanded-changed"?: (e: CustomEvent<CustomEvent>) => void;
 };
 
-export type DialogComponentProps = {};
+export type DialogComponentProps = {
+  /**  */
+  size?: "flex" | "large";
+  /**  */
+  showCloseButton?: boolean;
+
+  /**  */
+  "onprimer-dialog-close"?: (e: CustomEvent<CustomEvent>) => void;
+};
 
 export type ErrorMessageComponentProps = {
   /** The error message text to display */
@@ -344,6 +352,19 @@ export type PaymentMethodContainerComponentProps = {
   clientOptions?: ClientOptionsContextType;
 };
 
+export type PortalDialogComponentProps = {
+  /**  */
+  size?: "flex" | "large";
+  /**  */
+  showCloseButton?: boolean;
+  /**  */
+  onOpen?: () => void | undefined;
+  /**  */
+  secureHtmlContent?: SecureHtmlContentAccess | undefined;
+  /**  */
+  open?: boolean;
+};
+
 export type PrimerCheckoutCompleteComponentProps = {};
 
 export type PrimerCheckoutErrorComponentProps = {
@@ -668,6 +689,12 @@ export type CustomElements = {
    *
    * ---
    *
+   *
+   * ### **Events:**
+   *  - **primer-dialog-close**
+   *
+   * ### **Methods:**
+   *  - **startExitAnimation(): _void_** - Public method to trigger exit animation programmatically
    */
   "primer-dialog": Partial<DialogComponentProps & BaseProps & BaseEvents>;
 
@@ -849,6 +876,17 @@ export type CustomElements = {
    */
   "primer-payment-method-container": Partial<PaymentMethodContainerComponentProps & BaseProps & BaseEvents>;
 
+  /**
+   *
+   * ---
+   *
+   *
+   * ### **Methods:**
+   *  - **openDialog(): _void_** - Opens the content dialog
+   * - **closeDialog(): _void_** - Closes the dialog with animation
+   */
+  "primer-portal-dialog": Partial<PortalDialogComponentProps & BaseProps & BaseEvents>;
+
   /**
    *
    * ---

package/dist/primer-loader.d.ts

@@ -2047,7 +2047,20 @@ declare global {
 }
 declare class DialogComponent extends LitElement {
 	static styles: import("lit").CSSResult[];
+	size: "flex" | "large";
+	showCloseButton: boolean;
+	private _animationState;
+	private _isVisible;
+	private _animationTimeout?;
 	private _handleCloseClick;
+	/**
+	 * Public method to trigger exit animation programmatically
+	 */
+	startExitAnimation(): void;
+	connectedCallback(): void;
+	disconnectedCallback(): void;
+	private _startEnterAnimation;
+	private _startExitAnimation;
 	render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
@@ -2223,6 +2236,50 @@ declare global {
 		"primer-redirect-payment": RedirectPaymentComponent;
 	}
 }
+/**
+ * Interface for secure htmlContent access
+ */
+export interface SecureHtmlContentAccess {
+	token: symbol;
+	content: string;
+}
+export interface PortalDialogData {
+	size?: "flex" | "large";
+	showCloseButton?: boolean;
+	onOpen?: () => void;
+}
+export declare class PortalDialogComponent extends LitElement {
+	static styles: import("lit").CSSResult[];
+	size: "flex" | "large";
+	showCloseButton: boolean;
+	onOpen?: () => void;
+	secureHtmlContent?: SecureHtmlContentAccess;
+	open: boolean;
+	/**
+	 * Opens the content dialog
+	 */
+	openDialog(): void;
+	/**
+	 * Closes the dialog with animation
+	 */
+	closeDialog(): void;
+	/**
+	 * Renders the content inside the dialog
+	 */
+	private renderContent;
+	/**
+	 * Renders secure HTML content if valid token is provided
+	 * Only sdk-core can pass HTML content - Token creation is restricted to sdk-core package
+	 */
+	private renderSecureHtmlContent;
+	/**
+	 * Renders the dialog with portal
+	 */
+	private renderDialog;
+	connectedCallback(): void;
+	updated(changedProperties: Map<string, unknown>): void;
+	render(): import("lit-html").TemplateResult<1>;
+}
 /**
  * Events emitted by the vault manager components
  */