@semantic-components/ui 0.65.0 → 0.67.0

package/esm2022/lib/components/popover/popover-provider.js

@@ -0,0 +1,203 @@
+import { CdkTrapFocus } from '@angular/cdk/a11y';
+import { OverlayModule } from '@angular/cdk/overlay';
+import { NgTemplateOutlet } from '@angular/common';
+import { ChangeDetectionStrategy, Component, computed, contentChild, effect, input, model, signal, ViewEncapsulation, } from '@angular/core';
+import { cn } from '../../utils';
+import { ScPopoverPortal } from './popover-portal';
+import { ScPopoverTrigger } from './popover-trigger';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/overlay";
+const positionMap = {
+    'top-start': {
+        originX: 'start',
+        originY: 'top',
+        overlayX: 'start',
+        overlayY: 'bottom',
+        offsetY: -4,
+    },
+    'top-center': {
+        originX: 'center',
+        originY: 'top',
+        overlayX: 'center',
+        overlayY: 'bottom',
+        offsetY: -4,
+    },
+    'top-end': {
+        originX: 'end',
+        originY: 'top',
+        overlayX: 'end',
+        overlayY: 'bottom',
+        offsetY: -4,
+    },
+    'bottom-start': {
+        originX: 'start',
+        originY: 'bottom',
+        overlayX: 'start',
+        overlayY: 'top',
+        offsetY: 4,
+    },
+    'bottom-center': {
+        originX: 'center',
+        originY: 'bottom',
+        overlayX: 'center',
+        overlayY: 'top',
+        offsetY: 4,
+    },
+    'bottom-end': {
+        originX: 'end',
+        originY: 'bottom',
+        overlayX: 'end',
+        overlayY: 'top',
+        offsetY: 4,
+    },
+    'left-start': {
+        originX: 'start',
+        originY: 'top',
+        overlayX: 'end',
+        overlayY: 'top',
+        offsetX: -4,
+    },
+    'left-center': {
+        originX: 'start',
+        originY: 'center',
+        overlayX: 'end',
+        overlayY: 'center',
+        offsetX: -4,
+    },
+    'left-end': {
+        originX: 'start',
+        originY: 'bottom',
+        overlayX: 'end',
+        overlayY: 'bottom',
+        offsetX: -4,
+    },
+    'right-start': {
+        originX: 'end',
+        originY: 'top',
+        overlayX: 'start',
+        overlayY: 'top',
+        offsetX: 4,
+    },
+    'right-center': {
+        originX: 'end',
+        originY: 'center',
+        overlayX: 'start',
+        overlayY: 'center',
+        offsetX: 4,
+    },
+    'right-end': {
+        originX: 'end',
+        originY: 'bottom',
+        overlayX: 'start',
+        overlayY: 'bottom',
+        offsetX: 4,
+    },
+};
+export class ScPopoverProvider {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    /** Which side the popover appears on */
+    side = input('bottom', ...(ngDevMode ? [{ debugName: "side" }] : []));
+    /** Alignment along the side */
+    align = input('center', ...(ngDevMode ? [{ debugName: "align" }] : []));
+    /**
+     * Logical state: Controls animation state (open/closed)
+     * - When true: Triggers entry animation
+     * - When false: Triggers exit animation
+     */
+    open = model(false, ...(ngDevMode ? [{ debugName: "open" }] : []));
+    /**
+     * Physical state: Controls DOM presence via cdkConnectedOverlayOpen
+     * - When true: Content exists in DOM (can animate)
+     * - When false: Content removed from DOM
+     * - Stays true during close animation to allow it to complete
+     */
+    overlayOpen = signal(false, ...(ngDevMode ? [{ debugName: "overlayOpen" }] : []));
+    triggerChild = contentChild(ScPopoverTrigger, ...(ngDevMode ? [{ debugName: "triggerChild" }] : []));
+    popoverPortal = contentChild.required(ScPopoverPortal);
+    origin = computed(() => this.triggerChild()?.overlayOrigin, ...(ngDevMode ? [{ debugName: "origin" }] : []));
+    position = computed(() => {
+        const side = this.side();
+        const align = this.align();
+        const key = `${side}-${align}`;
+        return positionMap[key];
+    }, ...(ngDevMode ? [{ debugName: "position" }] : []));
+    class = computed(() => cn('contents', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    constructor() {
+        // Synchronize overlay state with logical state for opening
+        effect(() => {
+            if (this.open()) {
+                // Opening: Mount DOM immediately so animation can start
+                this.overlayOpen.set(true);
+            }
+            // Note: When closing (open = false), overlayOpen stays true
+            // until animation completes (handled by onPopoverAnimationComplete)
+        });
+    }
+    close() {
+        this.open.set(false);
+    }
+    /**
+     * Called by popover when its close animation completes
+     */
+    onPopoverAnimationComplete() {
+        if (!this.open()) {
+            this.overlayOpen.set(false);
+        }
+    }
+    onKeydown(event) {
+        if (event.key === 'Escape') {
+            this.open.set(false);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScPopoverProvider, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: ScPopoverProvider, isStandalone: true, selector: "div[scPopoverProvider]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange" }, host: { attributes: { "data-slot": "popover-provider" }, properties: { "class": "class()" } }, queries: [{ propertyName: "triggerChild", first: true, predicate: ScPopoverTrigger, descendants: true, isSignal: true }, { propertyName: "popoverPortal", first: true, predicate: ScPopoverPortal, descendants: true, isSignal: true }], ngImport: i0, template: `
+    <ng-content />
+
+    @if (origin(); as origin) {
+      <ng-template
+        cdkConnectedOverlay
+        [cdkConnectedOverlayOrigin]="origin"
+        [cdkConnectedOverlayOpen]="overlayOpen()"
+        [cdkConnectedOverlayPositions]="[position()]"
+        (overlayOutsideClick)="close()"
+        (overlayKeydown)="onKeydown($event)"
+      >
+        <div cdkTrapFocus [cdkTrapFocusAutoCapture]="true">
+          <ng-container [ngTemplateOutlet]="popoverPortal().templateRef" />
+        </div>
+      </ng-template>
+    }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation", "cdkConnectedOverlayUsePopover", "cdkConnectedOverlayMatchWidth", "cdkConnectedOverlay"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScPopoverProvider, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'div[scPopoverProvider]',
+                    imports: [OverlayModule, NgTemplateOutlet, CdkTrapFocus],
+                    template: `
+    <ng-content />
+
+    @if (origin(); as origin) {
+      <ng-template
+        cdkConnectedOverlay
+        [cdkConnectedOverlayOrigin]="origin"
+        [cdkConnectedOverlayOpen]="overlayOpen()"
+        [cdkConnectedOverlayPositions]="[position()]"
+        (overlayOutsideClick)="close()"
+        (overlayKeydown)="onKeydown($event)"
+      >
+        <div cdkTrapFocus [cdkTrapFocusAutoCapture]="true">
+          <ng-container [ngTemplateOutlet]="popoverPortal().templateRef" />
+        </div>
+      </ng-template>
+    }
+  `,
+                    host: {
+                        'data-slot': 'popover-provider',
+                        '[class]': 'class()',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: () => [], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], side: [{ type: i0.Input, args: [{ isSignal: true, alias: "side", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], triggerChild: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ScPopoverTrigger), { isSignal: true }] }], popoverPortal: [{ type: i0.ContentChild, args: [i0.forwardRef(() => ScPopoverPortal), { isSignal: true }] }] } });
+//# sourceMappingURL=popover-provider.js.map

package/esm2022/lib/components/popover/popover-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-provider.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/popover/popover-provider.ts"],"names":[],"mappings":"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","sourcesContent":["import { CdkTrapFocus } from '@angular/cdk/a11y';\nimport { ConnectedPosition, OverlayModule } from '@angular/cdk/overlay';\nimport { NgTemplateOutlet } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChild,\n  effect,\n  input,\n  model,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '../../utils';\nimport { ScPopoverPortal } from './popover-portal';\nimport { ScPopoverTrigger } from './popover-trigger';\n\nexport type ScPopoverSide = 'top' | 'right' | 'bottom' | 'left';\nexport type ScPopoverAlign = 'start' | 'center' | 'end';\n\ntype PositionKey = `${ScPopoverSide}-${ScPopoverAlign}`;\n\nconst positionMap: Record<PositionKey, ConnectedPosition> = {\n  'top-start': {\n    originX: 'start',\n    originY: 'top',\n    overlayX: 'start',\n    overlayY: 'bottom',\n    offsetY: -4,\n  },\n  'top-center': {\n    originX: 'center',\n    originY: 'top',\n    overlayX: 'center',\n    overlayY: 'bottom',\n    offsetY: -4,\n  },\n  'top-end': {\n    originX: 'end',\n    originY: 'top',\n    overlayX: 'end',\n    overlayY: 'bottom',\n    offsetY: -4,\n  },\n  'bottom-start': {\n    originX: 'start',\n    originY: 'bottom',\n    overlayX: 'start',\n    overlayY: 'top',\n    offsetY: 4,\n  },\n  'bottom-center': {\n    originX: 'center',\n    originY: 'bottom',\n    overlayX: 'center',\n    overlayY: 'top',\n    offsetY: 4,\n  },\n  'bottom-end': {\n    originX: 'end',\n    originY: 'bottom',\n    overlayX: 'end',\n    overlayY: 'top',\n    offsetY: 4,\n  },\n  'left-start': {\n    originX: 'start',\n    originY: 'top',\n    overlayX: 'end',\n    overlayY: 'top',\n    offsetX: -4,\n  },\n  'left-center': {\n    originX: 'start',\n    originY: 'center',\n    overlayX: 'end',\n    overlayY: 'center',\n    offsetX: -4,\n  },\n  'left-end': {\n    originX: 'start',\n    originY: 'bottom',\n    overlayX: 'end',\n    overlayY: 'bottom',\n    offsetX: -4,\n  },\n  'right-start': {\n    originX: 'end',\n    originY: 'top',\n    overlayX: 'start',\n    overlayY: 'top',\n    offsetX: 4,\n  },\n  'right-center': {\n    originX: 'end',\n    originY: 'center',\n    overlayX: 'start',\n    overlayY: 'center',\n    offsetX: 4,\n  },\n  'right-end': {\n    originX: 'end',\n    originY: 'bottom',\n    overlayX: 'start',\n    overlayY: 'bottom',\n    offsetX: 4,\n  },\n};\n\n@Component({\n  selector: 'div[scPopoverProvider]',\n  imports: [OverlayModule, NgTemplateOutlet, CdkTrapFocus],\n  template: `\n    <ng-content />\n\n    @if (origin(); as origin) {\n      <ng-template\n        cdkConnectedOverlay\n        [cdkConnectedOverlayOrigin]=\"origin\"\n        [cdkConnectedOverlayOpen]=\"overlayOpen()\"\n        [cdkConnectedOverlayPositions]=\"[position()]\"\n        (overlayOutsideClick)=\"close()\"\n        (overlayKeydown)=\"onKeydown($event)\"\n      >\n        <div cdkTrapFocus [cdkTrapFocusAutoCapture]=\"true\">\n          <ng-container [ngTemplateOutlet]=\"popoverPortal().templateRef\" />\n        </div>\n      </ng-template>\n    }\n  `,\n  host: {\n    'data-slot': 'popover-provider',\n    '[class]': 'class()',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScPopoverProvider {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  /** Which side the popover appears on */\n  readonly side = input<ScPopoverSide>('bottom');\n\n  /** Alignment along the side */\n  readonly align = input<ScPopoverAlign>('center');\n\n  /**\n   * Logical state: Controls animation state (open/closed)\n   * - When true: Triggers entry animation\n   * - When false: Triggers exit animation\n   */\n  readonly open = model<boolean>(false);\n\n  /**\n   * Physical state: Controls DOM presence via cdkConnectedOverlayOpen\n   * - When true: Content exists in DOM (can animate)\n   * - When false: Content removed from DOM\n   * - Stays true during close animation to allow it to complete\n   */\n  readonly overlayOpen = signal<boolean>(false);\n\n  private readonly triggerChild = contentChild(ScPopoverTrigger);\n  protected readonly popoverPortal = contentChild.required(ScPopoverPortal);\n\n  readonly origin = computed(() => this.triggerChild()?.overlayOrigin);\n\n  protected readonly position = computed(() => {\n    const side = this.side();\n    const align = this.align();\n    const key: PositionKey = `${side}-${align}`;\n    return positionMap[key];\n  });\n\n  protected readonly class = computed(() => cn('contents', this.classInput()));\n\n  constructor() {\n    // Synchronize overlay state with logical state for opening\n    effect(() => {\n      if (this.open()) {\n        // Opening: Mount DOM immediately so animation can start\n        this.overlayOpen.set(true);\n      }\n      // Note: When closing (open = false), overlayOpen stays true\n      // until animation completes (handled by onPopoverAnimationComplete)\n    });\n  }\n\n  close(): void {\n    this.open.set(false);\n  }\n\n  /**\n   * Called by popover when its close animation completes\n   */\n  onPopoverAnimationComplete(): void {\n    if (!this.open()) {\n      this.overlayOpen.set(false);\n    }\n  }\n\n  protected onKeydown(event: KeyboardEvent): void {\n    if (event.key === 'Escape') {\n      this.open.set(false);\n    }\n  }\n}\n"]}

package/esm2022/lib/components/popover/popover-title.js

@@ -0,0 +1,20 @@
+import { computed, Directive, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScPopoverTitle {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('font-medium', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScPopoverTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScPopoverTitle, isStandalone: true, selector: "[scPopoverTitle]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "popover-title" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScPopoverTitle, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[scPopoverTitle]',
+                    host: {
+                        'data-slot': 'popover-title',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=popover-title.js.map

package/esm2022/lib/components/popover/popover-title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-title.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/popover/popover-title.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AASjC,MAAM,OAAO,cAAc;IAChB,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,aAAa,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDACrC,CAAC;uGALS,cAAc;2FAAd,cAAc;;2FAAd,cAAc;kBAP1B,SAAS;mBAAC;oBACT,QAAQ,EAAE,kBAAkB;oBAC5B,IAAI,EAAE;wBACJ,WAAW,EAAE,eAAe;wBAC5B,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: '[scPopoverTitle]',\n  host: {\n    'data-slot': 'popover-title',\n    '[class]': 'class()',\n  },\n})\nexport class ScPopoverTitle {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn('font-medium', this.classInput()),\n  );\n}\n"]}

package/esm2022/lib/components/popover/popover-trigger.js

@@ -0,0 +1,32 @@
+import { CdkOverlayOrigin } from '@angular/cdk/overlay';
+import { computed, Directive, inject, input } from '@angular/core';
+import { cn } from '../../utils';
+import { ScPopoverProvider } from './popover-provider';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/overlay";
+export class ScPopoverTrigger {
+    popover = inject(ScPopoverProvider);
+    overlayOrigin = inject(CdkOverlayOrigin);
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    togglePopover() {
+        this.popover.open.update((v) => !v);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScPopoverTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScPopoverTrigger, isStandalone: true, selector: "button[scPopoverTrigger]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "popover-trigger" }, listeners: { "click": "togglePopover()" }, properties: { "class": "class()", "attr.aria-haspopup": "\"dialog\"", "attr.aria-expanded": "popover.open()" } }, hostDirectives: [{ directive: i1.CdkOverlayOrigin }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScPopoverTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[scPopoverTrigger]',
+                    hostDirectives: [CdkOverlayOrigin],
+                    host: {
+                        'data-slot': 'popover-trigger',
+                        '[class]': 'class()',
+                        '[attr.aria-haspopup]': '"dialog"',
+                        '[attr.aria-expanded]': 'popover.open()',
+                        '(click)': 'togglePopover()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=popover-trigger.js.map

package/esm2022/lib/components/popover/popover-trigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover-trigger.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/popover/popover-trigger.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;;;AAavD,MAAM,OAAO,gBAAgB;IAClB,OAAO,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;IACpC,aAAa,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC;IACzC,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDAAC,CAAC;IAErE,aAAa;QACX,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;IACtC,CAAC;uGATU,gBAAgB;2FAAhB,gBAAgB;;2FAAhB,gBAAgB;kBAX5B,SAAS;mBAAC;oBACT,QAAQ,EAAE,0BAA0B;oBACpC,cAAc,EAAE,CAAC,gBAAgB,CAAC;oBAClC,IAAI,EAAE;wBACJ,WAAW,EAAE,iBAAiB;wBAC9B,SAAS,EAAE,SAAS;wBACpB,sBAAsB,EAAE,UAAU;wBAClC,sBAAsB,EAAE,gBAAgB;wBACxC,SAAS,EAAE,iBAAiB;qBAC7B;iBACF","sourcesContent":["import { CdkOverlayOrigin } from '@angular/cdk/overlay';\nimport { computed, Directive, inject, input } from '@angular/core';\nimport { cn } from '../../utils';\nimport { ScPopoverProvider } from './popover-provider';\n\n@Directive({\n  selector: 'button[scPopoverTrigger]',\n  hostDirectives: [CdkOverlayOrigin],\n  host: {\n    'data-slot': 'popover-trigger',\n    '[class]': 'class()',\n    '[attr.aria-haspopup]': '\"dialog\"',\n    '[attr.aria-expanded]': 'popover.open()',\n    '(click)': 'togglePopover()',\n  },\n})\nexport class ScPopoverTrigger {\n  readonly popover = inject(ScPopoverProvider);\n  readonly overlayOrigin = inject(CdkOverlayOrigin);\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() => cn('', this.classInput()));\n\n  togglePopover(): void {\n    this.popover.open.update((v) => !v);\n  }\n}\n"]}

package/esm2022/lib/components/popover/popover.js

@@ -0,0 +1,50 @@
+import { ChangeDetectionStrategy, Component, computed, effect, ElementRef, inject, input, signal, ViewEncapsulation, } from '@angular/core';
+import { cn } from '../../utils';
+import { ScPopoverProvider } from './popover-provider';
+import * as i0 from "@angular/core";
+export class ScPopover {
+    elementRef = inject((ElementRef));
+    popover = inject(ScPopoverProvider);
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    state = signal('closed', ...(ngDevMode ? [{ debugName: "state" }] : []));
+    class = computed(() => cn('bg-popover text-popover-foreground z-50 w-72 rounded-lg ring-1 ring-foreground/10 flex flex-col gap-2.5 p-2.5 text-sm shadow-md outline-hidden', 'data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 duration-100', 'data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95', 'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    constructor() {
+        // Sync state with provider's open signal
+        effect(() => {
+            const isOpen = this.popover.open();
+            this.state.set(isOpen ? 'open' : 'closed');
+        });
+    }
+    onAnimationEnd(event) {
+        // Only trigger cleanup when close animation completes
+        if (this.state() === 'closed' &&
+            event.target === this.elementRef.nativeElement) {
+            this.popover.onPopoverAnimationComplete();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScPopover, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScPopover, isStandalone: true, selector: "div[scPopover]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "dialog", "data-slot": "popover" }, listeners: { "animationend": "onAnimationEnd($event)" }, properties: { "class": "class()", "attr.data-open": "state() === \"open\" ? true : null", "attr.data-closed": "state() === \"closed\" ? true : null", "attr.data-side": "popover.side()" } }, ngImport: i0, template: `
+    <ng-content />
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScPopover, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'div[scPopover]',
+                    template: `
+    <ng-content />
+  `,
+                    host: {
+                        role: 'dialog',
+                        'data-slot': 'popover',
+                        '[class]': 'class()',
+                        '[attr.data-open]': 'state() === "open" ? true : null',
+                        '[attr.data-closed]': 'state() === "closed" ? true : null',
+                        '[attr.data-side]': 'popover.side()',
+                        '(animationend)': 'onAnimationEnd($event)',
+                    },
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], ctorParameters: () => [], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=popover.js.map

package/esm2022/lib/components/popover/popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/popover/popover.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,UAAU,EACV,MAAM,EACN,KAAK,EACL,MAAM,EACN,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;;AAqBvD,MAAM,OAAO,SAAS;IACH,UAAU,GAAG,MAAM,CAAC,CAAA,UAAuB,CAAA,CAAC,CAAC;IAErD,OAAO,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;IACpC,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,KAAK,GAAG,MAAM,CAAiB,QAAQ,iDAAC,CAAC;IAE/B,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,gJAAgJ,EAChJ,4EAA4E,EAC5E,wEAAwE,EACxE,6JAA6J,EAC7J,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;IAEF;QACE,yCAAyC;QACzC,MAAM,CAAC,GAAG,EAAE;YACV,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;YACnC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;QAC7C,CAAC,CAAC,CAAC;IACL,CAAC;IAES,cAAc,CAAC,KAAqB;QAC5C,sDAAsD;QACtD,IACE,IAAI,CAAC,KAAK,EAAE,KAAK,QAAQ;YACzB,KAAK,CAAC,MAAM,KAAK,IAAI,CAAC,UAAU,CAAC,aAAa,EAC9C,CAAC;YACD,IAAI,CAAC,OAAO,CAAC,0BAA0B,EAAE,CAAC;QAC5C,CAAC;IACH,CAAC;uGAjCU,SAAS;2FAAT,SAAS,ihBAfV;;GAET;;2FAaU,SAAS;kBAjBrB,SAAS;mBAAC;oBACT,QAAQ,EAAE,gBAAgB;oBAC1B,QAAQ,EAAE;;GAET;oBACD,IAAI,EAAE;wBACJ,IAAI,EAAE,QAAQ;wBACd,WAAW,EAAE,SAAS;wBACtB,SAAS,EAAE,SAAS;wBACpB,kBAAkB,EAAE,kCAAkC;wBACtD,oBAAoB,EAAE,oCAAoC;wBAC1D,kBAAkB,EAAE,gBAAgB;wBACpC,gBAAgB,EAAE,wBAAwB;qBAC3C;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '../../utils';\nimport { ScPopoverProvider } from './popover-provider';\n\ntype ScPopoverState = 'open' | 'closed';\n\n@Component({\n  selector: 'div[scPopover]',\n  template: `\n    <ng-content />\n  `,\n  host: {\n    role: 'dialog',\n    'data-slot': 'popover',\n    '[class]': 'class()',\n    '[attr.data-open]': 'state() === \"open\" ? true : null',\n    '[attr.data-closed]': 'state() === \"closed\" ? true : null',\n    '[attr.data-side]': 'popover.side()',\n    '(animationend)': 'onAnimationEnd($event)',\n  },\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScPopover {\n  private readonly elementRef = inject(ElementRef<HTMLElement>);\n\n  readonly popover = inject(ScPopoverProvider);\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly state = signal<ScPopoverState>('closed');\n\n  protected readonly class = computed(() =>\n    cn(\n      'bg-popover text-popover-foreground z-50 w-72 rounded-lg ring-1 ring-foreground/10 flex flex-col gap-2.5 p-2.5 text-sm shadow-md outline-hidden',\n      'data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 duration-100',\n      'data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95',\n      'data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n      this.classInput(),\n    ),\n  );\n\n  constructor() {\n    // Sync state with provider's open signal\n    effect(() => {\n      const isOpen = this.popover.open();\n      this.state.set(isOpen ? 'open' : 'closed');\n    });\n  }\n\n  protected onAnimationEnd(event: AnimationEvent): void {\n    // Only trigger cleanup when close animation completes\n    if (\n      this.state() === 'closed' &&\n      event.target === this.elementRef.nativeElement\n    ) {\n      this.popover.onPopoverAnimationComplete();\n    }\n  }\n}\n"]}

package/esm2022/lib/components/progress/index.js

@@ -0,0 +1,2 @@
+export * from './progress';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/progress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/progress/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC","sourcesContent":["export * from './progress';\n"]}

package/esm2022/lib/components/progress/progress-indicator.js

@@ -0,0 +1,26 @@
+import { ChangeDetectionStrategy, Component, computed, inject, input, ViewEncapsulation, } from '@angular/core';
+import { cn } from '../../utils';
+import { ScProgress } from './progress';
+import * as i0 from "@angular/core";
+export class ScProgressIndicator {
+    progress = inject(ScProgress);
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('bg-primary size-full flex-1 transition-all', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScProgressIndicator, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScProgressIndicator, isStandalone: true, selector: "[scProgressIndicator]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "progress-indicator" }, properties: { "class": "class()", "style.transform": "\"translateX(-\" + (100 - progress.percentage()) + \"%)\"" } }, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScProgressIndicator, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[scProgressIndicator]',
+                    host: {
+                        'data-slot': 'progress-indicator',
+                        '[class]': 'class()',
+                        '[style.transform]': '"translateX(-" + (100 - progress.percentage()) + "%)"',
+                    },
+                    template: ``,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=progress-indicator.js.map

package/esm2022/lib/components/progress/progress-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-indicator.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/progress/progress-indicator.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,MAAM,EACN,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;;AAcxC,MAAM,OAAO,mBAAmB;IACX,QAAQ,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;IAExC,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,4CAA4C,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDACpE,CAAC;uGAPS,mBAAmB;2FAAnB,mBAAmB,gZAJpB,EAAE;;2FAID,mBAAmB;kBAZ/B,SAAS;mBAAC;oBACT,QAAQ,EAAE,uBAAuB;oBACjC,IAAI,EAAE;wBACJ,WAAW,EAAE,oBAAoB;wBACjC,SAAS,EAAE,SAAS;wBACpB,mBAAmB,EACjB,uDAAuD;qBAC1D;oBACD,QAAQ,EAAE,EAAE;oBACZ,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { cn } from '../../utils';\nimport { ScProgress } from './progress';\n\n@Component({\n  selector: '[scProgressIndicator]',\n  host: {\n    'data-slot': 'progress-indicator',\n    '[class]': 'class()',\n    '[style.transform]':\n      '\"translateX(-\" + (100 - progress.percentage()) + \"%)\"',\n  },\n  template: ``,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScProgressIndicator {\n  protected readonly progress = inject(ScProgress);\n\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn('bg-primary size-full flex-1 transition-all', this.classInput()),\n  );\n}\n"]}

package/esm2022/lib/components/progress/progress.js

@@ -0,0 +1,50 @@
+import { ChangeDetectionStrategy, Component, computed, input, model, ViewEncapsulation, } from '@angular/core';
+import { cn } from '../../utils';
+import { ScProgressIndicator } from './progress-indicator';
+import * as i0 from "@angular/core";
+export class ScProgress {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    value = model(null, ...(ngDevMode ? [{ debugName: "value" }] : []));
+    max = input(100, ...(ngDevMode ? [{ debugName: "max" }] : []));
+    percentage = computed(() => {
+        const val = this.value();
+        const maxVal = this.max() ?? 100;
+        if (val === null || maxVal === 0)
+            return 0;
+        return Math.min(Math.max((val / maxVal) * 100, 0), 100);
+    }, ...(ngDevMode ? [{ debugName: "percentage" }] : []));
+    state = computed(() => {
+        const val = this.value();
+        const maxVal = this.max() ?? 100;
+        if (val === null)
+            return 'indeterminate';
+        return val >= maxVal ? 'complete' : 'loading';
+    }, ...(ngDevMode ? [{ debugName: "state" }] : []));
+    class = computed(() => cn('bg-muted relative flex h-1 w-full items-center overflow-x-hidden rounded-full', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScProgress, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScProgress, isStandalone: true, selector: "[scProgress]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { attributes: { "role": "progressbar", "data-slot": "progress" }, properties: { "class": "class()", "attr.aria-valuemin": "0", "attr.aria-valuemax": "max()", "attr.aria-valuenow": "value()", "attr.data-state": "state()" } }, ngImport: i0, template: `
+    <div scProgressIndicator></div>
+  `, isInline: true, dependencies: [{ kind: "component", type: ScProgressIndicator, selector: "[scProgressIndicator]", inputs: ["class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScProgress, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[scProgress]',
+                    imports: [ScProgressIndicator],
+                    host: {
+                        role: 'progressbar',
+                        'data-slot': 'progress',
+                        '[class]': 'class()',
+                        '[attr.aria-valuemin]': '0',
+                        '[attr.aria-valuemax]': 'max()',
+                        '[attr.aria-valuenow]': 'value()',
+                        '[attr.data-state]': 'state()',
+                    },
+                    template: `
+    <div scProgressIndicator></div>
+  `,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }] } });
+//# sourceMappingURL=progress.js.map

package/esm2022/lib/components/progress/progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/progress/progress.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AAEvB,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;;AAoB3D,MAAM,OAAO,UAAU;IACZ,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IACnD,KAAK,GAAG,KAAK,CAAgB,IAAI,iDAAC,CAAC;IACnC,GAAG,GAAG,KAAK,CAAqB,GAAG,+CAAC,CAAC;IAErC,UAAU,GAAG,QAAQ,CAAC,GAAG,EAAE;QAClC,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;QACzB,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,EAAE,IAAI,GAAG,CAAC;QACjC,IAAI,GAAG,KAAK,IAAI,IAAI,MAAM,KAAK,CAAC;YAAE,OAAO,CAAC,CAAC;QAC3C,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,MAAM,CAAC,GAAG,GAAG,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IAC1D,CAAC,sDAAC,CAAC;IAEgB,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE;QACvC,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;QACzB,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,EAAE,IAAI,GAAG,CAAC;QACjC,IAAI,GAAG,KAAK,IAAI;YAAE,OAAO,eAAe,CAAC;QACzC,OAAO,GAAG,IAAI,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;IAChD,CAAC,iDAAC,CAAC;IAEgB,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,+EAA+E,EAC/E,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGAxBS,UAAU;2FAAV,UAAU,0sBANX;;GAET,4DAZS,mBAAmB;;2FAgBlB,UAAU;kBAlBtB,SAAS;mBAAC;oBACT,QAAQ,EAAE,cAAc;oBACxB,OAAO,EAAE,CAAC,mBAAmB,CAAC;oBAC9B,IAAI,EAAE;wBACJ,IAAI,EAAE,aAAa;wBACnB,WAAW,EAAE,UAAU;wBACvB,SAAS,EAAE,SAAS;wBACpB,sBAAsB,EAAE,GAAG;wBAC3B,sBAAsB,EAAE,OAAO;wBAC/B,sBAAsB,EAAE,SAAS;wBACjC,mBAAmB,EAAE,SAAS;qBAC/B;oBACD,QAAQ,EAAE;;GAET;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  input,\n  model,\n  ViewEncapsulation,\n} from '@angular/core';\nimport type { FormValueControl } from '@angular/forms/signals';\nimport { cn } from '../../utils';\nimport { ScProgressIndicator } from './progress-indicator';\n\n@Component({\n  selector: '[scProgress]',\n  imports: [ScProgressIndicator],\n  host: {\n    role: 'progressbar',\n    'data-slot': 'progress',\n    '[class]': 'class()',\n    '[attr.aria-valuemin]': '0',\n    '[attr.aria-valuemax]': 'max()',\n    '[attr.aria-valuenow]': 'value()',\n    '[attr.data-state]': 'state()',\n  },\n  template: `\n    <div scProgressIndicator></div>\n  `,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScProgress implements FormValueControl<number | null> {\n  readonly classInput = input<string>('', { alias: 'class' });\n  readonly value = model<number | null>(null);\n  readonly max = input<number | undefined>(100);\n\n  readonly percentage = computed(() => {\n    const val = this.value();\n    const maxVal = this.max() ?? 100;\n    if (val === null || maxVal === 0) return 0;\n    return Math.min(Math.max((val / maxVal) * 100, 0), 100);\n  });\n\n  protected readonly state = computed(() => {\n    const val = this.value();\n    const maxVal = this.max() ?? 100;\n    if (val === null) return 'indeterminate';\n    return val >= maxVal ? 'complete' : 'loading';\n  });\n\n  protected readonly class = computed(() =>\n    cn(\n      'bg-muted relative flex h-1 w-full items-center overflow-x-hidden rounded-full',\n      this.classInput(),\n    ),\n  );\n}\n"]}

package/esm2022/lib/components/radio-group/index.js

@@ -0,0 +1,4 @@
+export * from './radio';
+export * from './radio-field';
+export * from './radio-group';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/radio-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/radio-group/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC","sourcesContent":["export * from './radio';\nexport * from './radio-field';\nexport * from './radio-group';\n"]}

package/esm2022/lib/components/radio-group/radio-field.js

@@ -0,0 +1,38 @@
+import { _IdGenerator } from '@angular/cdk/a11y';
+import { ChangeDetectionStrategy, Component, computed, ElementRef, inject, input, ViewEncapsulation, } from '@angular/core';
+import { SC_FIELD } from '../field/field';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScRadioField {
+    elementRef = inject((ElementRef));
+    id = input(inject(_IdGenerator).getId('sc-radio-field-'), ...(ngDevMode ? [{ debugName: "id" }] : []));
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    role = computed(() => {
+        const tagName = this.elementRef.nativeElement.tagName;
+        return tagName === 'LABEL' ? null : 'group';
+    }, ...(ngDevMode ? [{ debugName: "role" }] : []));
+    class = computed(() => cn('relative inline-flex items-start gap-2', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScRadioField, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.5", type: ScRadioField, isStandalone: true, selector: "div[scRadioField], label[scRadioField]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "radio-field" }, properties: { "attr.role": "role()", "class": "class()" } }, providers: [{ provide: SC_FIELD, useExisting: ScRadioField }], ngImport: i0, template: `
+    <ng-content />
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScRadioField, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'div[scRadioField], label[scRadioField]',
+                    imports: [],
+                    providers: [{ provide: SC_FIELD, useExisting: ScRadioField }],
+                    host: {
+                        '[attr.role]': 'role()',
+                        'data-slot': 'radio-field',
+                        '[class]': 'class()',
+                    },
+                    template: `
+    <ng-content />
+  `,
+                    encapsulation: ViewEncapsulation.None,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=radio-field.js.map

package/esm2022/lib/components/radio-group/radio-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-field.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/radio-group/radio-field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EACL,uBAAuB,EACvB,SAAS,EACT,QAAQ,EACR,UAAU,EACV,MAAM,EACN,KAAK,EACL,iBAAiB,GAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AAiBjC,MAAM,OAAO,YAAY;IACN,UAAU,GAAG,MAAM,CAAC,CAAA,UAAuB,CAAA,CAAC,CAAC;IAErD,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,iBAAiB,CAAC,8CAAC,CAAC;IAC1D,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,IAAI,GAAG,QAAQ,CAAC,GAAG,EAAE;QACtC,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,OAAO,CAAC;QACtD,OAAO,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC;IAC9C,CAAC,gDAAC,CAAC;IAEgB,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,wCAAwC,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDAChE,CAAC;uGAbS,YAAY;2FAAZ,YAAY,mcAZZ,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,YAAY,EAAE,CAAC,0BAMnD;;GAET;;2FAIU,YAAY;kBAfxB,SAAS;mBAAC;oBACT,QAAQ,EAAE,wCAAwC;oBAClD,OAAO,EAAE,EAAE;oBACX,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,WAAW,cAAc,EAAE,CAAC;oBAC7D,IAAI,EAAE;wBACJ,aAAa,EAAE,QAAQ;wBACvB,WAAW,EAAE,aAAa;wBAC1B,SAAS,EAAE,SAAS;qBACrB;oBACD,QAAQ,EAAE;;GAET;oBACD,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;iBAChD","sourcesContent":["import { _IdGenerator } from '@angular/cdk/a11y';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  ElementRef,\n  inject,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { SC_FIELD } from '../field/field';\nimport { cn } from '../../utils';\n\n@Component({\n  selector: 'div[scRadioField], label[scRadioField]',\n  imports: [],\n  providers: [{ provide: SC_FIELD, useExisting: ScRadioField }],\n  host: {\n    '[attr.role]': 'role()',\n    'data-slot': 'radio-field',\n    '[class]': 'class()',\n  },\n  template: `\n    <ng-content />\n  `,\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ScRadioField {\n  private readonly elementRef = inject(ElementRef<HTMLElement>);\n\n  readonly id = input(inject(_IdGenerator).getId('sc-radio-field-'));\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly role = computed(() => {\n    const tagName = this.elementRef.nativeElement.tagName;\n    return tagName === 'LABEL' ? null : 'group';\n  });\n\n  protected readonly class = computed(() =>\n    cn('relative inline-flex items-start gap-2', this.classInput()),\n  );\n}\n"]}

package/esm2022/lib/components/radio-group/radio-group.js

@@ -0,0 +1,21 @@
+import { computed, Directive, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export class ScRadioGroup {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('grid gap-2', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScRadioGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScRadioGroup, isStandalone: true, selector: "div[scRadioGroup]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "radio-group", "role": "radiogroup" }, properties: { "class": "class()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScRadioGroup, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'div[scRadioGroup]',
+                    host: {
+                        'data-slot': 'radio-group',
+                        role: 'radiogroup',
+                        '[class]': 'class()',
+                    },
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=radio-group.js.map

package/esm2022/lib/components/radio-group/radio-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/radio-group/radio-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AAUjC,MAAM,OAAO,YAAY;IACd,UAAU,GAAG,KAAK,CAAS,EAAE,uDAAI,KAAK,EAAE,OAAO,GAAG,CAAC;IAEzC,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CAAC,YAAY,EAAE,IAAI,CAAC,UAAU,EAAE,CAAC,iDACpC,CAAC;uGALS,YAAY;2FAAZ,YAAY;;2FAAZ,YAAY;kBARxB,SAAS;mBAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,IAAI,EAAE;wBACJ,WAAW,EAAE,aAAa;wBAC1B,IAAI,EAAE,YAAY;wBAClB,SAAS,EAAE,SAAS;qBACrB;iBACF","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\n@Directive({\n  selector: 'div[scRadioGroup]',\n  host: {\n    'data-slot': 'radio-group',\n    role: 'radiogroup',\n    '[class]': 'class()',\n  },\n})\nexport class ScRadioGroup {\n  readonly classInput = input<string>('', { alias: 'class' });\n\n  protected readonly class = computed(() =>\n    cn('grid gap-2', this.classInput()),\n  );\n}\n"]}

package/esm2022/lib/components/radio-group/radio.js

@@ -0,0 +1,22 @@
+import { computed, Directive, input } from '@angular/core';
+import { cn } from '../../utils';
+import * as i0 from "@angular/core";
+export const SC_RADIO = 'SC_RADIO';
+export class ScRadio {
+    classInput = input('', { ...(ngDevMode ? { debugName: "classInput" } : {}), alias: 'class' });
+    class = computed(() => cn('relative', 'appearance-none', 'aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50', "[&::before]:content-['']", '[&::before]:absolute [&::before]:top-1/2 [&::before]:left-1/2 [&::before]:-translate-x-1/2 [&::before]:-translate-y-1/2 [&::before]:size-2.5 [&::before]:rounded-full [&::before]:bg-primary [&::before]:opacity-0 [&::before]:transform [&::before]:scale-0 [&::before]:transition-all [&::before]:duration-200', 'checked:[&::before]:opacity-100 checked:[&::before]:scale-100', this.classInput()), ...(ngDevMode ? [{ debugName: "class" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScRadio, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.5", type: ScRadio, isStandalone: true, selector: "input[type=\"radio\"][scRadio]", inputs: { classInput: { classPropertyName: "classInput", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "radio" }, properties: { "class": "class()" } }, exportAs: ["SC_RADIO"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ScRadio, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'input[type="radio"][scRadio]',
+                    host: {
+                        'data-slot': 'radio',
+                        '[class]': 'class()',
+                    },
+                    exportAs: SC_RADIO,
+                }]
+        }], propDecorators: { classInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=radio.js.map

package/esm2022/lib/components/radio-group/radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/radio-group/radio.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;;AAEjC,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAC;AAUnC,MAAM,OAAO,OAAO;IACT,UAAU,GAAG,KAAK,CAAS,EAAE,uDACpC,KAAK,EAAE,OAAO,GACd,CAAC;IAEgB,KAAK,GAAG,QAAQ,CAAC,GAAG,EAAE,CACvC,EAAE,CACA,UAAU,EACV,iBAAiB,EACjB,8LAA8L,EAC9L,0BAA0B,EAC1B,kTAAkT,EAClT,+DAA+D,EAC/D,IAAI,CAAC,UAAU,EAAE,CAClB,iDACF,CAAC;uGAfS,OAAO;2FAAP,OAAO;;2FAAP,OAAO;kBARnB,SAAS;mBAAC;oBACT,QAAQ,EAAE,8BAA8B;oBACxC,IAAI,EAAE;wBACJ,WAAW,EAAE,OAAO;wBACpB,SAAS,EAAE,SAAS;qBACrB;oBACD,QAAQ,EAAE,QAAQ;iBACnB","sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cn } from '../../utils';\n\nexport const SC_RADIO = 'SC_RADIO';\n\n@Directive({\n  selector: 'input[type=\"radio\"][scRadio]',\n  host: {\n    'data-slot': 'radio',\n    '[class]': 'class()',\n  },\n  exportAs: SC_RADIO,\n})\nexport class ScRadio {\n  readonly classInput = input<string>('', {\n    alias: 'class',\n  });\n\n  protected readonly class = computed(() =>\n    cn(\n      'relative',\n      'appearance-none',\n      'aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50',\n      \"[&::before]:content-['']\",\n      '[&::before]:absolute [&::before]:top-1/2 [&::before]:left-1/2 [&::before]:-translate-x-1/2 [&::before]:-translate-y-1/2 [&::before]:size-2.5 [&::before]:rounded-full [&::before]:bg-primary [&::before]:opacity-0 [&::before]:transform [&::before]:scale-0 [&::before]:transition-all [&::before]:duration-200',\n      'checked:[&::before]:opacity-100 checked:[&::before]:scale-100',\n      this.classInput(),\n    ),\n  );\n}\n"]}

package/esm2022/lib/components/range-slider/index.js

@@ -0,0 +1,4 @@
+export { ScRangeSlider } from './range-slider';
+export { ScRangeSliderMax } from './range-slider-max';
+export { ScRangeSliderMin } from './range-slider-min';
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/range-slider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/ui/src/lib/components/range-slider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC","sourcesContent":["export { ScRangeSlider } from './range-slider';\nexport { ScRangeSliderMax } from './range-slider-max';\nexport { ScRangeSliderMin } from './range-slider-min';\n"]}