@3dsource/source-ui-native 1.0.17 → 1.0.18

package/index.d.ts

@@ -1,5 +1,294 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@3dsource/source-ui-native" />
-export * from './public-api';
+import * as _angular_core from '@angular/core';
+import { ElementRef, ViewContainerRef } from '@angular/core';
+import * as _3dsource_source_ui_native from '@3dsource/source-ui-native';
+
+declare const SourceBadgeType: {
+    readonly NEUTRAL: "neutral";
+    readonly INFORMATIONAL: "informational";
+    readonly SUCCESS: "success";
+    readonly WARNING: "warning";
+    readonly ATTENTION: "attention";
+    readonly CRITICAL: "critical";
+};
+type SourceBadgeTypeKeys = (typeof SourceBadgeType)[keyof typeof SourceBadgeType];
+
+declare const SourceBadgeSize: {
+    readonly SMALL: "small";
+    readonly DEFAULT: "default";
+    readonly LARGE: "large";
+};
+type SourceBadgeSizeKeys = (typeof SourceBadgeSize)[keyof typeof SourceBadgeSize];
+
+declare class SourceBadgeComponent {
+    number: _angular_core.InputSignal<number>;
+    backgroundColor: _angular_core.InputSignal<string>;
+    type: _angular_core.InputSignal<SourceBadgeTypeKeys | undefined>;
+    size: _angular_core.InputSignal<SourceBadgeSizeKeys>;
+    borderColor: _angular_core.InputSignal<string>;
+    borderWidth: _angular_core.InputSignal<string>;
+    textColor: _angular_core.InputSignal<string>;
+    customClass: _angular_core.InputSignal<string | string[] | undefined>;
+    testID: _angular_core.InputSignal<string>;
+    classes: _angular_core.Signal<(string | string[])[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SourceBadgeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceBadgeComponent, "src-badge", never, { "number": { "alias": "number"; "required": false; "isSignal": true; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "borderColor": { "alias": "borderColor"; "required": false; "isSignal": true; }; "borderWidth": { "alias": "borderWidth"; "required": false; "isSignal": true; }; "textColor": { "alias": "textColor"; "required": false; "isSignal": true; }; "customClass": { "alias": "customClass"; "required": false; "isSignal": true; }; "testID": { "alias": "data-testid"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare const SourceBannerType: {
+    readonly DEFAULT: "default";
+    readonly INFO: "info";
+    readonly SUCCESS: "success";
+    readonly WARNING: "warning";
+    readonly CRITICAL: "critical";
+};
+type SourceBannerTypeKeys = (typeof SourceBannerType)[keyof typeof SourceBannerType];
+
+declare class SourceBannerComponent {
+    type: _angular_core.InputSignal<SourceBannerTypeKeys>;
+    isCompact: _angular_core.InputSignal<boolean>;
+    testID: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SourceBannerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceBannerComponent, "src-banner", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "isCompact": { "alias": "isCompact"; "required": false; "isSignal": true; }; "testID": { "alias": "data-testid"; "required": false; "isSignal": true; }; }, {}, never, ["[srcIconPrefix]", "*", "[srcIconPostfix]"], true, never>;
+}
+
+declare const SourceButtonColorScheme: {
+    readonly PRIMARY: "primary";
+    readonly SECONDARY: "secondary";
+    readonly DESTRUCTIVE: "destructive";
+};
+type SourceButtonColorSchemeKeys = (typeof SourceButtonColorScheme)[keyof typeof SourceButtonColorScheme];
+
+declare const SourceButtonSize: {
+    readonly SLIM: "slim";
+    readonly SMALL: "slim";
+    readonly MEDIUM: "medium";
+    readonly LARGE: "large";
+};
+type SourceButtonSizeKeys = (typeof SourceButtonSize)[keyof typeof SourceButtonSize];
+
+declare const SourceButtonType: {
+    readonly BUTTON: "button";
+    readonly SUBMIT: "submit";
+    readonly RESET: "reset";
+};
+type SourceButtonTypeKeys = (typeof SourceButtonType)[keyof typeof SourceButtonType];
+
+declare const SourceButtonAppearance: {
+    readonly PLAIN: "plain";
+    readonly DEFAULT: "default";
+};
+type SourceButtonAppearanceKeys = (typeof SourceButtonAppearance)[keyof typeof SourceButtonAppearance];
+
+declare const sourceButtonDefaultConfig: SourceButton;
+
+interface SourceButton {
+    type: SourceButtonTypeKeys;
+    appearance: SourceButtonAppearanceKeys;
+    colorScheme: SourceButtonColorSchemeKeys;
+    size: SourceButtonSizeKeys;
+    customClass: string | string[];
+    hasDisclosure: boolean;
+    isFullWidth: boolean;
+    iconButton: boolean;
+    isPressed: boolean;
+    isDisabled: boolean;
+    isLoading: boolean;
+    formID?: string;
+    testID?: string;
+}
+
+declare class SourceButtonComponent {
+    type: _angular_core.InputSignal<SourceButtonTypeKeys>;
+    appearance: _angular_core.InputSignal<SourceButtonAppearanceKeys>;
+    colorScheme: _angular_core.InputSignal<SourceButtonColorSchemeKeys>;
+    size: _angular_core.InputSignal<SourceButtonSizeKeys>;
+    customClass: _angular_core.InputSignal<string | string[]>;
+    hasDisclosure: _angular_core.InputSignal<boolean>;
+    isFullWidth: _angular_core.InputSignal<boolean>;
+    isPressed: _angular_core.InputSignal<boolean>;
+    isDisabled: _angular_core.InputSignal<boolean>;
+    isLoading: _angular_core.InputSignal<boolean>;
+    iconButton: _angular_core.InputSignal<boolean>;
+    srcButtonConfig: _angular_core.InputSignal<SourceButton | undefined>;
+    formID: _angular_core.InputSignal<string | undefined>;
+    testID: _angular_core.InputSignal<string>;
+    onClick: _angular_core.OutputEmitterRef<Event>;
+    onSubmit: _angular_core.OutputEmitterRef<Event>;
+    classes: _angular_core.Signal<(string | string[])[]>;
+    handleClick(event: Event): void;
+    handleSubmit(event: Event): void;
+    getConfig(config: Partial<SourceButton>): SourceButton;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SourceButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceButtonComponent, "src-button", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "colorScheme": { "alias": "colorScheme"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "customClass": { "alias": "customClass"; "required": false; "isSignal": true; }; "hasDisclosure": { "alias": "hasDisclosure"; "required": false; "isSignal": true; }; "isFullWidth": { "alias": "isFullWidth"; "required": false; "isSignal": true; }; "isPressed": { "alias": "isPressed"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "iconButton": { "alias": "iconButton"; "required": false; "isSignal": true; }; "srcButtonConfig": { "alias": "srcButtonConfig"; "required": false; "isSignal": true; }; "formID": { "alias": "formID"; "required": false; "isSignal": true; }; "testID": { "alias": "data-testid"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; "onSubmit": "onSubmit"; }, never, ["[srcIconPrefix]", "*"], true, never>;
+}
+
+declare class SourceCopyrightComponent {
+    linkText: _angular_core.InputSignal<string>;
+    isCollapsible: _angular_core.InputSignal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SourceCopyrightComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceCopyrightComponent, "src-copyright", never, { "linkText": { "alias": "linkText"; "required": false; "isSignal": true; }; "isCollapsible": { "alias": "isCollapsible"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class SourceDividerComponent {
+    color: _angular_core.InputSignal<string>;
+    thickness: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SourceDividerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceDividerComponent, "src-divider", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "thickness": { "alias": "thickness"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class SourceHintComponent {
+    isError: _angular_core.InputSignal<boolean>;
+    isCompact: _angular_core.InputSignal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SourceHintComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceHintComponent, "src-hint", never, { "isError": { "alias": "isError"; "required": false; "isSignal": true; }; "isCompact": { "alias": "isCompact"; "required": false; "isSignal": true; }; }, {}, never, ["[srcIconPrefix]", "*"], true, never>;
+}
+
+declare const SourceIconButtonSize: {
+    readonly XSMALL: "xs";
+    readonly SMALL: "sm";
+    readonly MEDIUM: "md";
+    readonly LARGE: "lg";
+    readonly DEFAULT: "default";
+};
+type SourceIconButtonSizeKeys = (typeof SourceIconButtonSize)[keyof typeof SourceIconButtonSize];
+
+declare const SourceIconButtonType: {
+    readonly BUTTON: "button";
+    readonly SUBMIT: "submit";
+    readonly RESET: "reset";
+};
+type SourceIconButtonTypeKeys = (typeof SourceIconButtonType)[keyof typeof SourceIconButtonType];
+
+declare const SourceIconButtonShape: {
+    readonly SQUARE: "square";
+    readonly ROUND: "round";
+};
+type SourceIconButtonShapeKeys = (typeof SourceIconButtonShape)[keyof typeof SourceIconButtonShape];
+
+declare class SourceIconButtonComponent {
+    name: _angular_core.InputSignal<unknown>;
+    type: _angular_core.InputSignal<SourceIconButtonTypeKeys>;
+    size: _angular_core.InputSignal<SourceIconButtonSizeKeys>;
+    shape: _angular_core.InputSignal<SourceIconButtonShapeKeys>;
+    counter: _angular_core.InputSignal<number | undefined>;
+    isActive: _angular_core.InputSignal<boolean>;
+    isDisabled: _angular_core.InputSignal<boolean>;
+    testID: _angular_core.InputSignal<string>;
+    onClick: _angular_core.OutputEmitterRef<Event>;
+    classes: _angular_core.Signal<string[]>;
+    handleClick(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SourceIconButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceIconButtonComponent, "src-icon-button", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "counter": { "alias": "counter"; "required": false; "isSignal": true; }; "isActive": { "alias": "isActive"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "testID": { "alias": "data-testid"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; }, never, ["*"], true, never>;
+}
+
+declare const SourceLoadingLineCap: {
+    readonly ROUND: "round";
+    readonly SQUARE: "square";
+    readonly BUTT: "butt";
+};
+type SourceLoadingLineCapKeys = (typeof SourceLoadingLineCap)[keyof typeof SourceLoadingLineCap];
+
+declare class SourceLoadingComponent {
+    size: _angular_core.InputSignal<number>;
+    progress: _angular_core.InputSignal<number | null>;
+    lineCap: _angular_core.InputSignal<SourceLoadingLineCapKeys>;
+    backgroundStrokeColor: _angular_core.InputSignal<string>;
+    progressStrokeColor: _angular_core.InputSignal<string>;
+    strokeWidth: _angular_core.InputSignal<number>;
+    testID: _angular_core.InputSignal<string>;
+    classes: _angular_core.Signal<string[]>;
+    calculateRadius: _angular_core.Signal<number>;
+    circumference: _angular_core.Signal<number>;
+    viewBox: _angular_core.Signal<string>;
+    percentage: _angular_core.Signal<number>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SourceLoadingComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceLoadingComponent, "src-loading", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "progress": { "alias": "progress"; "required": false; "isSignal": true; }; "lineCap": { "alias": "lineCap"; "required": false; "isSignal": true; }; "backgroundStrokeColor": { "alias": "backgroundStrokeColor"; "required": false; "isSignal": true; }; "progressStrokeColor": { "alias": "progressStrokeColor"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; "testID": { "alias": "data-testid"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class SourceLogoLoadingComponent {
+    size: _angular_core.InputSignal<number>;
+    strokeColor: _angular_core.InputSignal<string>;
+    testID: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SourceLogoLoadingComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceLogoLoadingComponent, "src-logo-loading", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "strokeColor": { "alias": "strokeColor"; "required": false; "isSignal": true; }; "testID": { "alias": "data-testid"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class SourceSliderComponent {
+    id: _angular_core.InputSignal<string | undefined>;
+    value: _angular_core.InputSignal<number>;
+    sliderValue: _angular_core.WritableSignal<number>;
+    min: _angular_core.InputSignal<number>;
+    max: _angular_core.InputSignal<number>;
+    thumbSize: _angular_core.InputSignal<number>;
+    trackHeight: _angular_core.InputSignal<number>;
+    step: _angular_core.InputSignal<number>;
+    showTicks: _angular_core.InputSignal<boolean>;
+    isDisabled: _angular_core.InputSignal<boolean>;
+    orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
+    testID: _angular_core.InputSignal<string>;
+    onChange: _angular_core.OutputEmitterRef<number>;
+    onInput: _angular_core.OutputEmitterRef<number>;
+    tickPositions: _angular_core.Signal<string[]>;
+    thumbPosition: _angular_core.Signal<string>;
+    filledWidth: _angular_core.Signal<string>;
+    input(valueEvent: Event): void;
+    change(valueEvent: Event): void;
+    private getValue;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SourceSliderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceSliderComponent, "src-slider", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "min": { "alias": "min"; "required": true; "isSignal": true; }; "max": { "alias": "max"; "required": true; "isSignal": true; }; "thumbSize": { "alias": "thumbSize"; "required": false; "isSignal": true; }; "trackHeight": { "alias": "trackHeight"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "showTicks": { "alias": "showTicks"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "testID": { "alias": "data-testid"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; "onInput": "onInput"; }, never, ["[srcIconThumb]"], true, never>;
+}
+
+declare class SourceModalElementComponent {
+    data: _angular_core.WritableSignal<_3dsource_source_ui_native.SourceModalElementData>;
+    testID: _angular_core.WritableSignal<string>;
+    dialogEl: _angular_core.Signal<ElementRef<HTMLDialogElement> | undefined>;
+    closeEvent: _angular_core.OutputEmitterRef<any>;
+    closed: _angular_core.OutputEmitterRef<void>;
+    open(): void;
+    close(result?: any): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SourceModalElementComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceModalElementComponent, "src-modal-element", never, {}, { "closeEvent": "closeEvent"; "closed": "closed"; }, never, never, true, never>;
+}
+
+declare class SourceOverlayContainerComponent {
+    srcModalContainerRef: _angular_core.Signal<ViewContainerRef | undefined>;
+    private srcModalElementService;
+    _: _angular_core.EffectRef;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SourceOverlayContainerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SourceOverlayContainerComponent, "src-overlay-container", never, {}, {}, never, never, true, never>;
+}
+
+declare const SourceModalSize: {
+    SMALL: string;
+    DEFAULT: string;
+};
+type SourceModalSizeKeys = (typeof SourceModalSize)[keyof typeof SourceModalSize];
+
+interface SourceModalElementData {
+    headerTitle?: string;
+    size?: SourceModalSizeKeys;
+    backButton?: boolean;
+    closeButton?: boolean;
+    content?: string;
+    componentData?: unknown;
+    footerButtons?: DialogButtonsData;
+    testID?: string;
+    [key: string]: unknown;
+}
+interface DialogButtonData {
+    srcButtonClasses?: string;
+    label: string;
+    action: (...data: any) => any;
+}
+type DialogButtonsData = DialogButtonData[];
+
+declare class SourceModalElementService {
+    private viewRef?;
+    register(viewRef: ViewContainerRef): void;
+    open(data: SourceModalElementData): _angular_core.ComponentRef<SourceModalElementComponent>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SourceModalElementService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<SourceModalElementService>;
+}
+
+export { SourceBadgeComponent, SourceBadgeSize, SourceBadgeType, SourceBannerComponent, SourceBannerType, SourceButtonAppearance, SourceButtonColorScheme, SourceButtonComponent, SourceButtonSize, SourceButtonType, SourceCopyrightComponent, SourceDividerComponent, SourceHintComponent, SourceIconButtonComponent, SourceIconButtonShape, SourceIconButtonSize, SourceIconButtonType, SourceLoadingComponent, SourceLogoLoadingComponent, SourceModalElementComponent, SourceModalElementService, SourceModalSize, SourceOverlayContainerComponent, SourceSliderComponent, sourceButtonDefaultConfig };
+export type { DialogButtonData, DialogButtonsData, SourceBadgeSizeKeys, SourceBadgeTypeKeys, SourceBannerTypeKeys, SourceButton, SourceButtonAppearanceKeys, SourceButtonColorSchemeKeys, SourceButtonSizeKeys, SourceButtonTypeKeys, SourceIconButtonShapeKeys, SourceIconButtonSizeKeys, SourceIconButtonTypeKeys, SourceModalElementData, SourceModalSizeKeys };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@3dsource/source-ui-native",
-  "version": "1.0.17",
+  "version": "1.0.18",
   "description": "A bunch of native ui elements",
   "keywords": [
     "3dsource",

package/styles/elements/_src-button.scss

@@ -30,6 +30,7 @@
   border: none;
   border-radius: var(--srcButtonBorderRadius);
   box-shadow: var(--srcButtonBoxShadow);
+  text-decoration: none;
   cursor: pointer;
 
   & > div,
@@ -49,6 +50,7 @@
   @media (pointer: fine) {
     &:hover,
     &:focus-visible {
+      text-decoration: none;
       background-color: var(--srcButtonBgHoverColor);
     }
   }

package/styles/elements/_src-form.scss

@@ -1,10 +1,12 @@
 .src-form {
   --srcFormRowGap: 16px;
   --srcFormItemsGap: 12px;
+  --srcFormOffset: 0;
   width: 100%;
   display: flex;
   flex-direction: column;
   gap: var(--srcFormRowGap);
+  padding: var(--srcFormOffset);
 }
 
 .src-form__row-group {

package/styles/elements/_src-modal.scss

@@ -79,26 +79,6 @@
   .src-modal__close {
     margin-left: auto;
   }
-
-  .src-modal__close,
-  .src-modal__back {
-    width: 24px;
-    height: 24px;
-    padding: 2px;
-    background-color: var(--src-color-bg-strong-subdued);
-    border-radius: 50%;
-    border: none;
-
-    &:hover,
-    &:active {
-      background-color: var(--src-color-bg-strong-subdued-hover);
-    }
-    svg {
-      width: 20px;
-      height: 20px;
-      color: var(--src-color-icon-default);
-    }
-  }
 }
 
 // Dialog native tag

package/styles/elements/_src-popover.scss

@@ -0,0 +1,60 @@
+// Basic styles for typical popover component
+.src-popover {
+  --srcPopoverWidth: 320px;
+  --srcPopoverMaxHeight: 80vh;
+  --srcPopoverBg: var(--src-color-bg-default);
+  --srcPopoverBoxShadow: var(--src-shadow-large);
+  --srcPopoverBorderRadius: var(--src-br-medium);
+  --srcPopoverTitleSize: var(--src-fs-medium);
+  --srcPopoverTitleLineHeight: var(--src-lh-medium);
+  --srcPopoverTitleColor: var(--src-color-text-default);
+  --srcPopoverBodyPadding: 20px;
+  --srcPopoverTitleBorder: 1px solid var(--src-color-border-default, #e5e7eb);
+  display: grid;
+  grid-template-columns: minmax(0, 1fr);
+  grid-template-rows: auto minmax(0, 1fr) auto;
+  width: var(--srcPopoverWidth);
+  max-height: var(--srcPopoverMaxHeight);
+  margin: auto;
+
+  background-color: var(--srcPopoverBg);
+  border-radius: var(--srcPopoverBorderRadius);
+  box-shadow: var(--srcPopoverBoxShadow);
+
+  .src-popover__body {
+    padding: var(--srcPopoverBodyPadding);
+    width: var(--srcPopoverWidth);
+    overflow: auto;
+    scrollbar-width: thin;
+    scrollbar-color: var(--src-color-border-default) transparent;
+
+    &::-webkit-scrollbar {
+      width: 4px;
+    }
+
+    &::-webkit-scrollbar-track {
+      background: transparent;
+    }
+
+    &::-webkit-scrollbar-thumb {
+      background-color: var(--src-color-border-default);
+      border-radius: 10px;
+    }
+    .src-list {
+      src-list-item:last-child {
+        margin-bottom: 0;
+      }
+    }
+  }
+}
+
+.src-popover-panel--mobile {
+  src-popover {
+    width: 100%;
+  }
+  .src-popover {
+    --srcPopoverWidth: 100%;
+    --srcPopoverBorderRadius: var(--src-br-medium) var(--src-br-medium) 0 0;
+    --srcPopoverBoxShadow: var(--src-shadow-large-top);
+  }
+}

package/styles/elements/elements.scss

@@ -9,3 +9,4 @@
 @use './src-radio';
 @use './src-toggle';
 @use './src-modal';
+@use './src-popover';

package/lib/components/source-badge/components/source-badge.component.d.ts

@@ -1,16 +0,0 @@
-import { SourceBadgeSizeKeys, SourceBadgeTypeKeys } from '../constants';
-import * as i0 from "@angular/core";
-export declare class SourceBadgeComponent {
-    number: import("@angular/core").InputSignal<number>;
-    backgroundColor: import("@angular/core").InputSignal<string>;
-    type: import("@angular/core").InputSignal<SourceBadgeTypeKeys | undefined>;
-    size: import("@angular/core").InputSignal<SourceBadgeSizeKeys>;
-    borderColor: import("@angular/core").InputSignal<string>;
-    borderWidth: import("@angular/core").InputSignal<string>;
-    textColor: import("@angular/core").InputSignal<string>;
-    customClass: import("@angular/core").InputSignal<string | string[] | undefined>;
-    testID: import("@angular/core").InputSignal<string>;
-    classes: import("@angular/core").Signal<(string | string[])[]>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SourceBadgeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SourceBadgeComponent, "src-badge", never, { "number": { "alias": "number"; "required": false; "isSignal": true; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "borderColor": { "alias": "borderColor"; "required": false; "isSignal": true; }; "borderWidth": { "alias": "borderWidth"; "required": false; "isSignal": true; }; "textColor": { "alias": "textColor"; "required": false; "isSignal": true; }; "customClass": { "alias": "customClass"; "required": false; "isSignal": true; }; "testID": { "alias": "data-testid"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}

package/lib/components/source-badge/constants/index.d.ts

@@ -1,2 +0,0 @@
-export * from './sourceBadgeType';
-export * from './sourceBadgeSize';

package/lib/components/source-badge/constants/sourceBadgeSize.d.ts

@@ -1,6 +0,0 @@
-export declare const SourceBadgeSize: {
-    readonly SMALL: "small";
-    readonly DEFAULT: "default";
-    readonly LARGE: "large";
-};
-export type SourceBadgeSizeKeys = (typeof SourceBadgeSize)[keyof typeof SourceBadgeSize];

package/lib/components/source-badge/constants/sourceBadgeType.d.ts

@@ -1,9 +0,0 @@
-export declare const SourceBadgeType: {
-    readonly NEUTRAL: "neutral";
-    readonly INFORMATIONAL: "informational";
-    readonly SUCCESS: "success";
-    readonly WARNING: "warning";
-    readonly ATTENTION: "attention";
-    readonly CRITICAL: "critical";
-};
-export type SourceBadgeTypeKeys = (typeof SourceBadgeType)[keyof typeof SourceBadgeType];

package/lib/components/source-badge/index.d.ts

@@ -1,2 +0,0 @@
-export * from './components/source-badge.component';
-export * from './constants';

package/lib/components/source-banner/components/source-banner.component.d.ts

@@ -1,9 +0,0 @@
-import type { SourceBannerTypeKeys } from '../constants/sourceBannerType';
-import * as i0 from "@angular/core";
-export declare class SourceBannerComponent {
-    type: import("@angular/core").InputSignal<SourceBannerTypeKeys>;
-    isCompact: import("@angular/core").InputSignal<boolean>;
-    testID: import("@angular/core").InputSignal<string>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SourceBannerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SourceBannerComponent, "src-banner", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "isCompact": { "alias": "isCompact"; "required": false; "isSignal": true; }; "testID": { "alias": "data-testid"; "required": false; "isSignal": true; }; }, {}, never, ["[srcIconPrefix]", "*", "[srcIconPostfix]"], true, never>;
-}

package/lib/components/source-banner/constants/sourceBannerType.d.ts

@@ -1,8 +0,0 @@
-export declare const SourceBannerType: {
-    readonly DEFAULT: "default";
-    readonly INFO: "info";
-    readonly SUCCESS: "success";
-    readonly WARNING: "warning";
-    readonly CRITICAL: "critical";
-};
-export type SourceBannerTypeKeys = (typeof SourceBannerType)[keyof typeof SourceBannerType];

package/lib/components/source-banner/index.d.ts

@@ -1,2 +0,0 @@
-export * from './components/source-banner.component';
-export * from './constants/sourceBannerType';

package/lib/components/source-button/components/source-button.component.d.ts

@@ -1,27 +0,0 @@
-import type { SourceButton } from '../interfaces';
-import { SourceButtonAppearanceKeys, SourceButtonColorSchemeKeys, SourceButtonSizeKeys, SourceButtonTypeKeys } from '../constants';
-import * as i0 from "@angular/core";
-export declare class SourceButtonComponent {
-    type: import("@angular/core").InputSignal<SourceButtonTypeKeys>;
-    appearance: import("@angular/core").InputSignal<SourceButtonAppearanceKeys>;
-    colorScheme: import("@angular/core").InputSignal<SourceButtonColorSchemeKeys>;
-    size: import("@angular/core").InputSignal<SourceButtonSizeKeys>;
-    customClass: import("@angular/core").InputSignal<string | string[]>;
-    hasDisclosure: import("@angular/core").InputSignal<boolean>;
-    isFullWidth: import("@angular/core").InputSignal<boolean>;
-    isPressed: import("@angular/core").InputSignal<boolean>;
-    isDisabled: import("@angular/core").InputSignal<boolean>;
-    isLoading: import("@angular/core").InputSignal<boolean>;
-    iconButton: import("@angular/core").InputSignal<boolean>;
-    srcButtonConfig: import("@angular/core").InputSignal<SourceButton | undefined>;
-    formID: import("@angular/core").InputSignal<string | undefined>;
-    testID: import("@angular/core").InputSignal<string>;
-    onClick: import("@angular/core").OutputEmitterRef<Event>;
-    onSubmit: import("@angular/core").OutputEmitterRef<Event>;
-    classes: import("@angular/core").Signal<(string | string[])[]>;
-    handleClick(event: Event): void;
-    handleSubmit(event: Event): void;
-    getConfig(config: Partial<SourceButton>): SourceButton;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SourceButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SourceButtonComponent, "src-button", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "colorScheme": { "alias": "colorScheme"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "customClass": { "alias": "customClass"; "required": false; "isSignal": true; }; "hasDisclosure": { "alias": "hasDisclosure"; "required": false; "isSignal": true; }; "isFullWidth": { "alias": "isFullWidth"; "required": false; "isSignal": true; }; "isPressed": { "alias": "isPressed"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "iconButton": { "alias": "iconButton"; "required": false; "isSignal": true; }; "srcButtonConfig": { "alias": "srcButtonConfig"; "required": false; "isSignal": true; }; "formID": { "alias": "formID"; "required": false; "isSignal": true; }; "testID": { "alias": "data-testid"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; "onSubmit": "onSubmit"; }, never, ["[srcIconPrefix]", "*"], true, never>;
-}

package/lib/components/source-button/constants/index.d.ts

@@ -1,5 +0,0 @@
-export * from './sourceButtonColorScheme';
-export * from './sourceButtonSize';
-export * from './sourceButtonType';
-export * from './sourceButtonAppearance';
-export * from './sourceButtonDefaultConfig';

package/lib/components/source-button/constants/sourceButtonAppearance.d.ts

@@ -1,5 +0,0 @@
-export declare const SourceButtonAppearance: {
-    readonly PLAIN: "plain";
-    readonly DEFAULT: "default";
-};
-export type SourceButtonAppearanceKeys = (typeof SourceButtonAppearance)[keyof typeof SourceButtonAppearance];

package/lib/components/source-button/constants/sourceButtonColorScheme.d.ts

@@ -1,6 +0,0 @@
-export declare const SourceButtonColorScheme: {
-    readonly PRIMARY: "primary";
-    readonly SECONDARY: "secondary";
-    readonly DESTRUCTIVE: "destructive";
-};
-export type SourceButtonColorSchemeKeys = (typeof SourceButtonColorScheme)[keyof typeof SourceButtonColorScheme];

package/lib/components/source-button/constants/sourceButtonDefaultConfig.d.ts

@@ -1,2 +0,0 @@
-import type { SourceButton } from '../interfaces';
-export declare const sourceButtonDefaultConfig: SourceButton;

package/lib/components/source-button/constants/sourceButtonSize.d.ts

@@ -1,7 +0,0 @@
-export declare const SourceButtonSize: {
-    readonly SLIM: "slim";
-    readonly SMALL: "slim";
-    readonly MEDIUM: "medium";
-    readonly LARGE: "large";
-};
-export type SourceButtonSizeKeys = (typeof SourceButtonSize)[keyof typeof SourceButtonSize];

package/lib/components/source-button/constants/sourceButtonType.d.ts

@@ -1,6 +0,0 @@
-export declare const SourceButtonType: {
-    readonly BUTTON: "button";
-    readonly SUBMIT: "submit";
-    readonly RESET: "reset";
-};
-export type SourceButtonTypeKeys = (typeof SourceButtonType)[keyof typeof SourceButtonType];

package/lib/components/source-button/index.d.ts

@@ -1,3 +0,0 @@
-export * from './components/source-button.component';
-export * from './constants';
-export * from './interfaces';

package/lib/components/source-button/interfaces/index.d.ts

@@ -1 +0,0 @@
-export * from './sourceButton.interface';

package/lib/components/source-button/interfaces/sourceButton.interface.d.ts

@@ -1,16 +0,0 @@
-import { SourceButtonAppearanceKeys, SourceButtonColorSchemeKeys, SourceButtonSizeKeys, SourceButtonTypeKeys } from '../constants';
-export interface SourceButton {
-    type: SourceButtonTypeKeys;
-    appearance: SourceButtonAppearanceKeys;
-    colorScheme: SourceButtonColorSchemeKeys;
-    size: SourceButtonSizeKeys;
-    customClass: string | string[];
-    hasDisclosure: boolean;
-    isFullWidth: boolean;
-    iconButton: boolean;
-    isPressed: boolean;
-    isDisabled: boolean;
-    isLoading: boolean;
-    formID?: string;
-    testID?: string;
-}

package/lib/components/source-copyright/components/source-copyright.component.d.ts

@@ -1,7 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class SourceCopyrightComponent {
-    linkText: import("@angular/core").InputSignal<string>;
-    isCollapsible: import("@angular/core").InputSignal<boolean>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SourceCopyrightComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SourceCopyrightComponent, "src-copyright", never, { "linkText": { "alias": "linkText"; "required": false; "isSignal": true; }; "isCollapsible": { "alias": "isCollapsible"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}

package/lib/components/source-copyright/index.d.ts

@@ -1 +0,0 @@
-export * from './components/source-copyright.component';

package/lib/components/source-divider/components/source-divider.component.d.ts

@@ -1,7 +0,0 @@
-import * as i0 from "@angular/core";
-export declare class SourceDividerComponent {
-    color: import("@angular/core").InputSignal<string>;
-    thickness: import("@angular/core").InputSignal<string>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SourceDividerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SourceDividerComponent, "src-divider", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "thickness": { "alias": "thickness"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}

package/lib/components/source-divider/index.d.ts

@@ -1 +0,0 @@
-export * from './components/source-divider.component';