@3ddv/software-division-components 1.4.7 → 1.4.10

package/fesm2022/3ddv-software-division-components.mjs

@@ -1954,9 +1954,10 @@ const BUTTON_VARIANTS = {
     'success-muted': 'success-muted',
     'accent-light': 'accent-light',
     'warning-light': 'warning-light',
-    'outline-white': 'outline-white',
     'destructive-light': 'destructive-light',
+    'outline-white': 'outline-white',
     'outline-alternative': 'outline-alternative',
+    'outline-accent': 'outline-accent',
     link: 'link',
 };
 /**
@@ -2216,11 +2217,11 @@ class ButtonComponent {
         }, 600);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.14", type: ButtonComponent, isStandalone: true, selector: "sdc-button", inputs: { theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, ripple: { classPropertyName: "ripple", publicName: "ripple", isSignal: true, isRequired: false, transformFunction: null }, debounce: { classPropertyName: "debounce", publicName: "debounce", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick", onFocus: "onFocus", onBlur: "onBlur", isDebounced: "isDebounced" }, ngImport: i0, template: "<button\n  hlmBtn\n  [class]=\"computedClass()\"\n  [disabled]=\"disabled() || debounceState()\"\n  (click)=\"handleClick($event); createRipple($event)\"\n  (focus)=\"handleFocus($event)\"\n  (blur)=\"handleBlur($event)\"\n  [type]=\"type()\">\n  <ng-content></ng-content>\n</button>\n", styles: [".sdc-button{--sdc-button-ripple-color: var(--color-neutral-300);--sdc-button-text-color: var(--color-pure-white);--sdc-button-text-size: var(--text-base);--sdc-button-text-weight: var(--font-medium);--sdc-button-background: var(--color-primary);--sdc-button-padding: var(--space-2) var(--space-7);--sdc-button-border-color: var(--color-primary);--sdc-button-border-radius: var(--radius-full);--sdc-button-border-width: var(--border-0);--sdc-button-height: 100%;--sdc-button-width: 100%;position:relative;overflow:hidden;cursor:pointer;color:var(--sdc-button-text-color);font-size:var(--sdc-button-text-size);font-weight:var(--sdc-button-text-weight);background:var(--sdc-button-background);padding:var(--sdc-button-padding);border-color:var(--sdc-button-border-color);border-radius:var(--sdc-button-border-radius);border-width:var(--sdc-button-border-width);height:var(--sdc-button-height);width:var(--sdc-button-width)}.sdc-button[disabled]{cursor:not-allowed;opacity:.6;transition:opacity .2s ease-in-out}.sdc-button:not([disabled]){transition:all .2s ease-in-out}.sdc-button:not([disabled]):hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.sdc-button:not([disabled]):focus{outline:none}.sdc-button:not([disabled]):active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.sdc-button.variant-primary{--sdc-button-background: var(--color-primary);--sdc-button-border-color: var(--color-primary)}.sdc-button.variant-primary-light{--sdc-button-background: color-mix(in srgb, var(--color-primary) 15%, white);--sdc-button-border-color: var(--color-outline);--sdc-button-text-color: var(--color-primary)}.sdc-button.variant-secondary{--sdc-button-background: var(--color-secondary);--sdc-button-border-color: var(--color-secondary);--sdc-button-text-color: var(--color-primary)}.sdc-button.variant-alternative{--sdc-button-background: var(--color-alternative);--sdc-button-border-color: var(--color-alternative)}.sdc-button.variant-alternative-light{--sdc-button-background: color-mix(in srgb, var(--color-alternative) 15%, white);--sdc-button-border-color: var(--color-alternative);--sdc-button-text-color: var(--color-primary)}.sdc-button.variant-accent{--sdc-button-background: var(--color-accent);--sdc-button-border-color: var(--color-accent)}.sdc-button.variant--accent-light{--sdc-button-background: color-mix(in srgb, var(--color-accent) 15%, white);--sdc-button-border-color: var(--color-accent);--sdc-button-text-color: var(--color-primary)}.sdc-button.variant-success{--sdc-button-background: var(--color-success);--sdc-button-border-color: var(--color-success)}.sdc-button.variant-warning{--sdc-button-background: var(--color-warning);--sdc-button-border-color: var(--color-warning)}.sdc-button.variant-danger{--sdc-button-background: var(--color-danger);--sdc-button-border-color: var(--color-danger)}.sdc-button.variant-outline{--sdc-button-background: transparent;--sdc-button-border-width: var(--border-default);--sdc-button-border-color: var(--color-primary);--sdc-button-text-color: var(--color-neutral-700)}.sdc-button.variant-outline:hover{box-shadow:none}.sdc-button.variant-outline-alternative{--sdc-button-background: transparent;--sdc-button-border-width: var(--border-default);--sdc-button-border-color: var(--color-alternative);--sdc-button-text-color: var(--color-alternative)}.sdc-button.variant-outline-alternative:hover{box-shadow:none}.sdc-button.variant-outline-white{--sdc-button-background: transparent;--sdc-button-border-width: var(--border-default);--sdc-button-border-color: white;--sdc-button-text-color: white}.sdc-button.variant-outline-white:hover{box-shadow:none}.sdc-button.variant-link{--sdc-button-background: transparent;--sdc-button-border-color: transparent;--sdc-button-text-color: var(--color-neutral-700)}.sdc-button.variant-link:hover{box-shadow:none}.sdc-button.variant-success-light{--sdc-button-background: color-mix(in srgb, var(--color-success) 15%, white);--sdc-button-border-color: var(--color-success);--sdc-button-text-color: var(--color-success)}.sdc-button.variant-warning-light{--sdc-button-background: color-mix(in srgb, var(--color-warning) 15%, white);--sdc-button-border-color: var(--color-warning);--sdc-button-text-color: var(--color-warning)}.sdc-button.variant-destructive-light{--sdc-button-background: color-mix(in srgb, var(--color-danger) 20%, white);--sdc-button-border-color: var(--color-danger);--sdc-button-text-color: var(--color-danger)}.sdc-button.size-xxs,.sdc-button.size-xs{--sdc-button-padding: var(--space-1) var(--space-2_5);--sdc-button-text-size: var(--text-xs);--sdc-button-text-weight: var(--font-regular)}.sdc-button.size-sm{--sdc-button-padding: var(--space-1) var(--space-4);--sdc-button-text-size: var(--text-sm);--sdc-button-text-weight: var(--font-semibold)}.sdc-button.size-md{--sdc-button-padding: var(--space-1_5) var(--space-7);--sdc-button-text-size: var(--text-sm);--sdc-button-text-weight: var(--font-semibold)}.sdc-button.size-lg,.sdc-button.size-xl,.sdc-button.size-2xl{--sdc-button-padding: var(--space-2) var(--space-8);--sdc-button-text-size: var(--text-lg);--sdc-button-text-weight: var(--font-semibold)}.sdc-button.size-circle-sm{display:flex;justify-content:center;align-items:center;--sdc-button-padding: 0;--sdc-button-height: var(--space-6);--sdc-button-width: var(--space-6);--sdc-button-text-size: var(--text-sm);--sdc-button-text-weight: var(--font-medium)}.sdc-button.size-circle-md{display:flex;justify-content:center;align-items:center;--sdc-button-padding: 0;--sdc-button-height: var(--space-8);--sdc-button-width: var(--space-8);--sdc-button-text-size: var(--text-base);--sdc-button-text-weight: var(--font-medium)}.sdc-button.size-circle-lg{display:flex;justify-content:center;align-items:center;--sdc-button-padding: 0;--sdc-button-height: var(--space-10);--sdc-button-width: var(--space-10);--sdc-button-text-size: var(--text-xl);--sdc-button-text-weight: var(--font-medium)}.sdc-button.size-circle-xl{display:flex;justify-content:center;align-items:center;--sdc-button-padding: 0;--sdc-button-height: var(--space-12);--sdc-button-width: var(--space-12);--sdc-button-text-size: var(--text-2xl);--sdc-button-text-weight: var(--font-medium)}.sdc-button.radius-default{--sdc-button-border-radius: var(--radius-default)}.sdc-button.radius-sm{--sdc-button-border-radius: var(--radius-sm)}.sdc-button.radius-md{--sdc-button-border-radius: var(--radius-md)}.sdc-button.radius-lg{--sdc-button-border-radius: var(--radius-lg)}.sdc-button.radius-xl{--sdc-button-border-radius: var(--radius-xl)}.sdc-button.radius-2xl{--sdc-button-border-radius: var(--radius-2xl)}.sdc-button.radius-full{--sdc-button-border-radius: var(--radius-full)}.sdc-button.border-0{--sdc-button-border-width: var(--border-0)}.sdc-button.border-default{--sdc-button-border-width: var(--border-default)}.sdc-button.border-2{--sdc-button-border-width: var(--border-2)}.sdc-button.border-4{--sdc-button-border-width: var(--border-4)}.sdc-button.border-8{--sdc-button-border-width: var(--border-8)}\n"], dependencies: [{ kind: "ngmodule", type: HlmButtonModule }, { kind: "directive", type: HlmButton, selector: "[hlmBtn]", inputs: ["class", "variant", "size"], exportAs: ["hlmBtn"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.14", type: ButtonComponent, isStandalone: true, selector: "sdc-button", inputs: { theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, ripple: { classPropertyName: "ripple", publicName: "ripple", isSignal: true, isRequired: false, transformFunction: null }, debounce: { classPropertyName: "debounce", publicName: "debounce", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick", onFocus: "onFocus", onBlur: "onBlur", isDebounced: "isDebounced" }, ngImport: i0, template: "<button\n  hlmBtn\n  [class]=\"computedClass()\"\n  [disabled]=\"disabled() || debounceState()\"\n  (click)=\"handleClick($event); createRipple($event)\"\n  (focus)=\"handleFocus($event)\"\n  (blur)=\"handleBlur($event)\"\n  [type]=\"type()\">\n  <ng-content></ng-content>\n</button>\n", styles: [".sdc-button{--sdc-button-ripple-color: var(--color-neutral-300);--sdc-button-text-color: var(--color-pure-white);--sdc-button-text-size: var(--text-base);--sdc-button-text-weight: var(--font-medium);--sdc-button-background: var(--color-primary);--sdc-button-padding: var(--space-2) var(--space-7);--sdc-button-border-color: var(--color-primary);--sdc-button-border-radius: var(--radius-full);--sdc-button-border-width: var(--border-0);--sdc-button-height: 100%;--sdc-button-width: 100%;position:relative;overflow:hidden;cursor:pointer;color:var(--sdc-button-text-color);font-size:var(--sdc-button-text-size);font-weight:var(--sdc-button-text-weight);background:var(--sdc-button-background);padding:var(--sdc-button-padding);border-color:var(--sdc-button-border-color);border-radius:var(--sdc-button-border-radius);border-width:var(--sdc-button-border-width);height:var(--sdc-button-height);width:var(--sdc-button-width)}.sdc-button[disabled]{cursor:not-allowed;opacity:.6;transition:opacity .2s ease-in-out}.sdc-button:not([disabled]){transition:all .2s ease-in-out}.sdc-button:not([disabled]):hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.sdc-button:not([disabled]):focus{outline:none}.sdc-button:not([disabled]):active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.sdc-button.variant-primary{--sdc-button-background: var(--color-primary);--sdc-button-border-color: var(--color-primary)}.sdc-button.variant-primary-light{--sdc-button-background: color-mix(in srgb, var(--color-primary) 15%, white);--sdc-button-border-color: var(--color-outline);--sdc-button-text-color: var(--color-primary)}.sdc-button.variant-secondary{--sdc-button-background: var(--color-secondary);--sdc-button-border-color: var(--color-secondary);--sdc-button-text-color: var(--color-primary)}.sdc-button.variant-alternative{--sdc-button-background: var(--color-alternative);--sdc-button-border-color: var(--color-alternative)}.sdc-button.variant-alternative-light{--sdc-button-background: color-mix(in srgb, var(--color-alternative) 15%, white);--sdc-button-border-color: var(--color-alternative);--sdc-button-text-color: var(--color-primary)}.sdc-button.variant-accent{--sdc-button-background: var(--color-accent);--sdc-button-border-color: var(--color-accent)}.sdc-button.variant--accent-light{--sdc-button-background: color-mix(in srgb, var(--color-accent) 15%, white);--sdc-button-border-color: var(--color-accent);--sdc-button-text-color: var(--color-primary)}.sdc-button.variant-success{--sdc-button-background: var(--color-success);--sdc-button-border-color: var(--color-success)}.sdc-button.variant-warning{--sdc-button-background: var(--color-warning);--sdc-button-border-color: var(--color-warning)}.sdc-button.variant-danger{--sdc-button-background: var(--color-danger);--sdc-button-border-color: var(--color-danger)}.sdc-button.variant-outline{--sdc-button-background: transparent;--sdc-button-border-width: var(--border-default);--sdc-button-border-color: var(--color-primary);--sdc-button-text-color: var(--color-neutral-700)}.sdc-button.variant-outline:hover{box-shadow:none}.sdc-button.variant-outline-accent{--sdc-button-background: transparent;--sdc-button-border-width: var(--border-default);--sdc-button-border-color: var(--color-accent);--sdc-button-text-color: var(--color-accent)}.sdc-button.variant-outline-accent:hover{box-shadow:none}.sdc-button.variant-outline-alternative{--sdc-button-background: transparent;--sdc-button-border-width: var(--border-default);--sdc-button-border-color: var(--color-alternative);--sdc-button-text-color: var(--color-alternative)}.sdc-button.variant-outline-alternative:hover{box-shadow:none}.sdc-button.variant-outline-white{--sdc-button-background: transparent;--sdc-button-border-width: var(--border-default);--sdc-button-border-color: white;--sdc-button-text-color: white}.sdc-button.variant-outline-white:hover{box-shadow:none}.sdc-button.variant-link{--sdc-button-background: transparent;--sdc-button-border-color: transparent;--sdc-button-text-color: var(--color-neutral-700)}.sdc-button.variant-link:hover{box-shadow:none}.sdc-button.variant-success-light{--sdc-button-background: color-mix(in srgb, var(--color-success) 15%, white);--sdc-button-border-color: var(--color-success);--sdc-button-text-color: var(--color-success)}.sdc-button.variant-warning-light{--sdc-button-background: color-mix(in srgb, var(--color-warning) 15%, white);--sdc-button-border-color: var(--color-warning);--sdc-button-text-color: var(--color-warning)}.sdc-button.variant-destructive-light{--sdc-button-background: color-mix(in srgb, var(--color-danger) 20%, white);--sdc-button-border-color: var(--color-danger);--sdc-button-text-color: var(--color-danger)}.sdc-button.size-xxs,.sdc-button.size-xs{--sdc-button-padding: var(--space-1) var(--space-2_5);--sdc-button-text-size: var(--text-xs);--sdc-button-text-weight: var(--font-regular)}.sdc-button.size-sm{--sdc-button-padding: var(--space-1) var(--space-4);--sdc-button-text-size: var(--text-sm);--sdc-button-text-weight: var(--font-semibold)}.sdc-button.size-md{--sdc-button-padding: var(--space-1_5) var(--space-7);--sdc-button-text-size: var(--text-sm);--sdc-button-text-weight: var(--font-semibold)}.sdc-button.size-lg,.sdc-button.size-xl,.sdc-button.size-2xl{--sdc-button-padding: var(--space-2) var(--space-8);--sdc-button-text-size: var(--text-lg);--sdc-button-text-weight: var(--font-semibold)}.sdc-button.size-circle-sm{display:flex;justify-content:center;align-items:center;--sdc-button-padding: 0;--sdc-button-height: var(--space-6);--sdc-button-width: var(--space-6);--sdc-button-text-size: var(--text-sm);--sdc-button-text-weight: var(--font-medium)}.sdc-button.size-circle-md{display:flex;justify-content:center;align-items:center;--sdc-button-padding: 0;--sdc-button-height: var(--space-8);--sdc-button-width: var(--space-8);--sdc-button-text-size: var(--text-base);--sdc-button-text-weight: var(--font-medium)}.sdc-button.size-circle-lg{display:flex;justify-content:center;align-items:center;--sdc-button-padding: 0;--sdc-button-height: var(--space-10);--sdc-button-width: var(--space-10);--sdc-button-text-size: var(--text-xl);--sdc-button-text-weight: var(--font-medium)}.sdc-button.size-circle-xl{display:flex;justify-content:center;align-items:center;--sdc-button-padding: 0;--sdc-button-height: var(--space-12);--sdc-button-width: var(--space-12);--sdc-button-text-size: var(--text-2xl);--sdc-button-text-weight: var(--font-medium)}.sdc-button.radius-default{--sdc-button-border-radius: var(--radius-default)}.sdc-button.radius-sm{--sdc-button-border-radius: var(--radius-sm)}.sdc-button.radius-md{--sdc-button-border-radius: var(--radius-md)}.sdc-button.radius-lg{--sdc-button-border-radius: var(--radius-lg)}.sdc-button.radius-xl{--sdc-button-border-radius: var(--radius-xl)}.sdc-button.radius-2xl{--sdc-button-border-radius: var(--radius-2xl)}.sdc-button.radius-full{--sdc-button-border-radius: var(--radius-full)}.sdc-button.border-0{--sdc-button-border-width: var(--border-0)}.sdc-button.border-default{--sdc-button-border-width: var(--border-default)}.sdc-button.border-2{--sdc-button-border-width: var(--border-2)}.sdc-button.border-4{--sdc-button-border-width: var(--border-4)}.sdc-button.border-8{--sdc-button-border-width: var(--border-8)}\n"], dependencies: [{ kind: "ngmodule", type: HlmButtonModule }, { kind: "directive", type: HlmButton, selector: "[hlmBtn]", inputs: ["class", "variant", "size"], exportAs: ["hlmBtn"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: ButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sdc-button', imports: [HlmButtonModule], template: "<button\n  hlmBtn\n  [class]=\"computedClass()\"\n  [disabled]=\"disabled() || debounceState()\"\n  (click)=\"handleClick($event); createRipple($event)\"\n  (focus)=\"handleFocus($event)\"\n  (blur)=\"handleBlur($event)\"\n  [type]=\"type()\">\n  <ng-content></ng-content>\n</button>\n", styles: [".sdc-button{--sdc-button-ripple-color: var(--color-neutral-300);--sdc-button-text-color: var(--color-pure-white);--sdc-button-text-size: var(--text-base);--sdc-button-text-weight: var(--font-medium);--sdc-button-background: var(--color-primary);--sdc-button-padding: var(--space-2) var(--space-7);--sdc-button-border-color: var(--color-primary);--sdc-button-border-radius: var(--radius-full);--sdc-button-border-width: var(--border-0);--sdc-button-height: 100%;--sdc-button-width: 100%;position:relative;overflow:hidden;cursor:pointer;color:var(--sdc-button-text-color);font-size:var(--sdc-button-text-size);font-weight:var(--sdc-button-text-weight);background:var(--sdc-button-background);padding:var(--sdc-button-padding);border-color:var(--sdc-button-border-color);border-radius:var(--sdc-button-border-radius);border-width:var(--sdc-button-border-width);height:var(--sdc-button-height);width:var(--sdc-button-width)}.sdc-button[disabled]{cursor:not-allowed;opacity:.6;transition:opacity .2s ease-in-out}.sdc-button:not([disabled]){transition:all .2s ease-in-out}.sdc-button:not([disabled]):hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.sdc-button:not([disabled]):focus{outline:none}.sdc-button:not([disabled]):active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.sdc-button.variant-primary{--sdc-button-background: var(--color-primary);--sdc-button-border-color: var(--color-primary)}.sdc-button.variant-primary-light{--sdc-button-background: color-mix(in srgb, var(--color-primary) 15%, white);--sdc-button-border-color: var(--color-outline);--sdc-button-text-color: var(--color-primary)}.sdc-button.variant-secondary{--sdc-button-background: var(--color-secondary);--sdc-button-border-color: var(--color-secondary);--sdc-button-text-color: var(--color-primary)}.sdc-button.variant-alternative{--sdc-button-background: var(--color-alternative);--sdc-button-border-color: var(--color-alternative)}.sdc-button.variant-alternative-light{--sdc-button-background: color-mix(in srgb, var(--color-alternative) 15%, white);--sdc-button-border-color: var(--color-alternative);--sdc-button-text-color: var(--color-primary)}.sdc-button.variant-accent{--sdc-button-background: var(--color-accent);--sdc-button-border-color: var(--color-accent)}.sdc-button.variant--accent-light{--sdc-button-background: color-mix(in srgb, var(--color-accent) 15%, white);--sdc-button-border-color: var(--color-accent);--sdc-button-text-color: var(--color-primary)}.sdc-button.variant-success{--sdc-button-background: var(--color-success);--sdc-button-border-color: var(--color-success)}.sdc-button.variant-warning{--sdc-button-background: var(--color-warning);--sdc-button-border-color: var(--color-warning)}.sdc-button.variant-danger{--sdc-button-background: var(--color-danger);--sdc-button-border-color: var(--color-danger)}.sdc-button.variant-outline{--sdc-button-background: transparent;--sdc-button-border-width: var(--border-default);--sdc-button-border-color: var(--color-primary);--sdc-button-text-color: var(--color-neutral-700)}.sdc-button.variant-outline:hover{box-shadow:none}.sdc-button.variant-outline-alternative{--sdc-button-background: transparent;--sdc-button-border-width: var(--border-default);--sdc-button-border-color: var(--color-alternative);--sdc-button-text-color: var(--color-alternative)}.sdc-button.variant-outline-alternative:hover{box-shadow:none}.sdc-button.variant-outline-white{--sdc-button-background: transparent;--sdc-button-border-width: var(--border-default);--sdc-button-border-color: white;--sdc-button-text-color: white}.sdc-button.variant-outline-white:hover{box-shadow:none}.sdc-button.variant-link{--sdc-button-background: transparent;--sdc-button-border-color: transparent;--sdc-button-text-color: var(--color-neutral-700)}.sdc-button.variant-link:hover{box-shadow:none}.sdc-button.variant-success-light{--sdc-button-background: color-mix(in srgb, var(--color-success) 15%, white);--sdc-button-border-color: var(--color-success);--sdc-button-text-color: var(--color-success)}.sdc-button.variant-warning-light{--sdc-button-background: color-mix(in srgb, var(--color-warning) 15%, white);--sdc-button-border-color: var(--color-warning);--sdc-button-text-color: var(--color-warning)}.sdc-button.variant-destructive-light{--sdc-button-background: color-mix(in srgb, var(--color-danger) 20%, white);--sdc-button-border-color: var(--color-danger);--sdc-button-text-color: var(--color-danger)}.sdc-button.size-xxs,.sdc-button.size-xs{--sdc-button-padding: var(--space-1) var(--space-2_5);--sdc-button-text-size: var(--text-xs);--sdc-button-text-weight: var(--font-regular)}.sdc-button.size-sm{--sdc-button-padding: var(--space-1) var(--space-4);--sdc-button-text-size: var(--text-sm);--sdc-button-text-weight: var(--font-semibold)}.sdc-button.size-md{--sdc-button-padding: var(--space-1_5) var(--space-7);--sdc-button-text-size: var(--text-sm);--sdc-button-text-weight: var(--font-semibold)}.sdc-button.size-lg,.sdc-button.size-xl,.sdc-button.size-2xl{--sdc-button-padding: var(--space-2) var(--space-8);--sdc-button-text-size: var(--text-lg);--sdc-button-text-weight: var(--font-semibold)}.sdc-button.size-circle-sm{display:flex;justify-content:center;align-items:center;--sdc-button-padding: 0;--sdc-button-height: var(--space-6);--sdc-button-width: var(--space-6);--sdc-button-text-size: var(--text-sm);--sdc-button-text-weight: var(--font-medium)}.sdc-button.size-circle-md{display:flex;justify-content:center;align-items:center;--sdc-button-padding: 0;--sdc-button-height: var(--space-8);--sdc-button-width: var(--space-8);--sdc-button-text-size: var(--text-base);--sdc-button-text-weight: var(--font-medium)}.sdc-button.size-circle-lg{display:flex;justify-content:center;align-items:center;--sdc-button-padding: 0;--sdc-button-height: var(--space-10);--sdc-button-width: var(--space-10);--sdc-button-text-size: var(--text-xl);--sdc-button-text-weight: var(--font-medium)}.sdc-button.size-circle-xl{display:flex;justify-content:center;align-items:center;--sdc-button-padding: 0;--sdc-button-height: var(--space-12);--sdc-button-width: var(--space-12);--sdc-button-text-size: var(--text-2xl);--sdc-button-text-weight: var(--font-medium)}.sdc-button.radius-default{--sdc-button-border-radius: var(--radius-default)}.sdc-button.radius-sm{--sdc-button-border-radius: var(--radius-sm)}.sdc-button.radius-md{--sdc-button-border-radius: var(--radius-md)}.sdc-button.radius-lg{--sdc-button-border-radius: var(--radius-lg)}.sdc-button.radius-xl{--sdc-button-border-radius: var(--radius-xl)}.sdc-button.radius-2xl{--sdc-button-border-radius: var(--radius-2xl)}.sdc-button.radius-full{--sdc-button-border-radius: var(--radius-full)}.sdc-button.border-0{--sdc-button-border-width: var(--border-0)}.sdc-button.border-default{--sdc-button-border-width: var(--border-default)}.sdc-button.border-2{--sdc-button-border-width: var(--border-2)}.sdc-button.border-4{--sdc-button-border-width: var(--border-4)}.sdc-button.border-8{--sdc-button-border-width: var(--border-8)}\n"] }]
+            args: [{ selector: 'sdc-button', imports: [HlmButtonModule], template: "<button\n  hlmBtn\n  [class]=\"computedClass()\"\n  [disabled]=\"disabled() || debounceState()\"\n  (click)=\"handleClick($event); createRipple($event)\"\n  (focus)=\"handleFocus($event)\"\n  (blur)=\"handleBlur($event)\"\n  [type]=\"type()\">\n  <ng-content></ng-content>\n</button>\n", styles: [".sdc-button{--sdc-button-ripple-color: var(--color-neutral-300);--sdc-button-text-color: var(--color-pure-white);--sdc-button-text-size: var(--text-base);--sdc-button-text-weight: var(--font-medium);--sdc-button-background: var(--color-primary);--sdc-button-padding: var(--space-2) var(--space-7);--sdc-button-border-color: var(--color-primary);--sdc-button-border-radius: var(--radius-full);--sdc-button-border-width: var(--border-0);--sdc-button-height: 100%;--sdc-button-width: 100%;position:relative;overflow:hidden;cursor:pointer;color:var(--sdc-button-text-color);font-size:var(--sdc-button-text-size);font-weight:var(--sdc-button-text-weight);background:var(--sdc-button-background);padding:var(--sdc-button-padding);border-color:var(--sdc-button-border-color);border-radius:var(--sdc-button-border-radius);border-width:var(--sdc-button-border-width);height:var(--sdc-button-height);width:var(--sdc-button-width)}.sdc-button[disabled]{cursor:not-allowed;opacity:.6;transition:opacity .2s ease-in-out}.sdc-button:not([disabled]){transition:all .2s ease-in-out}.sdc-button:not([disabled]):hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.sdc-button:not([disabled]):focus{outline:none}.sdc-button:not([disabled]):active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.sdc-button.variant-primary{--sdc-button-background: var(--color-primary);--sdc-button-border-color: var(--color-primary)}.sdc-button.variant-primary-light{--sdc-button-background: color-mix(in srgb, var(--color-primary) 15%, white);--sdc-button-border-color: var(--color-outline);--sdc-button-text-color: var(--color-primary)}.sdc-button.variant-secondary{--sdc-button-background: var(--color-secondary);--sdc-button-border-color: var(--color-secondary);--sdc-button-text-color: var(--color-primary)}.sdc-button.variant-alternative{--sdc-button-background: var(--color-alternative);--sdc-button-border-color: var(--color-alternative)}.sdc-button.variant-alternative-light{--sdc-button-background: color-mix(in srgb, var(--color-alternative) 15%, white);--sdc-button-border-color: var(--color-alternative);--sdc-button-text-color: var(--color-primary)}.sdc-button.variant-accent{--sdc-button-background: var(--color-accent);--sdc-button-border-color: var(--color-accent)}.sdc-button.variant--accent-light{--sdc-button-background: color-mix(in srgb, var(--color-accent) 15%, white);--sdc-button-border-color: var(--color-accent);--sdc-button-text-color: var(--color-primary)}.sdc-button.variant-success{--sdc-button-background: var(--color-success);--sdc-button-border-color: var(--color-success)}.sdc-button.variant-warning{--sdc-button-background: var(--color-warning);--sdc-button-border-color: var(--color-warning)}.sdc-button.variant-danger{--sdc-button-background: var(--color-danger);--sdc-button-border-color: var(--color-danger)}.sdc-button.variant-outline{--sdc-button-background: transparent;--sdc-button-border-width: var(--border-default);--sdc-button-border-color: var(--color-primary);--sdc-button-text-color: var(--color-neutral-700)}.sdc-button.variant-outline:hover{box-shadow:none}.sdc-button.variant-outline-accent{--sdc-button-background: transparent;--sdc-button-border-width: var(--border-default);--sdc-button-border-color: var(--color-accent);--sdc-button-text-color: var(--color-accent)}.sdc-button.variant-outline-accent:hover{box-shadow:none}.sdc-button.variant-outline-alternative{--sdc-button-background: transparent;--sdc-button-border-width: var(--border-default);--sdc-button-border-color: var(--color-alternative);--sdc-button-text-color: var(--color-alternative)}.sdc-button.variant-outline-alternative:hover{box-shadow:none}.sdc-button.variant-outline-white{--sdc-button-background: transparent;--sdc-button-border-width: var(--border-default);--sdc-button-border-color: white;--sdc-button-text-color: white}.sdc-button.variant-outline-white:hover{box-shadow:none}.sdc-button.variant-link{--sdc-button-background: transparent;--sdc-button-border-color: transparent;--sdc-button-text-color: var(--color-neutral-700)}.sdc-button.variant-link:hover{box-shadow:none}.sdc-button.variant-success-light{--sdc-button-background: color-mix(in srgb, var(--color-success) 15%, white);--sdc-button-border-color: var(--color-success);--sdc-button-text-color: var(--color-success)}.sdc-button.variant-warning-light{--sdc-button-background: color-mix(in srgb, var(--color-warning) 15%, white);--sdc-button-border-color: var(--color-warning);--sdc-button-text-color: var(--color-warning)}.sdc-button.variant-destructive-light{--sdc-button-background: color-mix(in srgb, var(--color-danger) 20%, white);--sdc-button-border-color: var(--color-danger);--sdc-button-text-color: var(--color-danger)}.sdc-button.size-xxs,.sdc-button.size-xs{--sdc-button-padding: var(--space-1) var(--space-2_5);--sdc-button-text-size: var(--text-xs);--sdc-button-text-weight: var(--font-regular)}.sdc-button.size-sm{--sdc-button-padding: var(--space-1) var(--space-4);--sdc-button-text-size: var(--text-sm);--sdc-button-text-weight: var(--font-semibold)}.sdc-button.size-md{--sdc-button-padding: var(--space-1_5) var(--space-7);--sdc-button-text-size: var(--text-sm);--sdc-button-text-weight: var(--font-semibold)}.sdc-button.size-lg,.sdc-button.size-xl,.sdc-button.size-2xl{--sdc-button-padding: var(--space-2) var(--space-8);--sdc-button-text-size: var(--text-lg);--sdc-button-text-weight: var(--font-semibold)}.sdc-button.size-circle-sm{display:flex;justify-content:center;align-items:center;--sdc-button-padding: 0;--sdc-button-height: var(--space-6);--sdc-button-width: var(--space-6);--sdc-button-text-size: var(--text-sm);--sdc-button-text-weight: var(--font-medium)}.sdc-button.size-circle-md{display:flex;justify-content:center;align-items:center;--sdc-button-padding: 0;--sdc-button-height: var(--space-8);--sdc-button-width: var(--space-8);--sdc-button-text-size: var(--text-base);--sdc-button-text-weight: var(--font-medium)}.sdc-button.size-circle-lg{display:flex;justify-content:center;align-items:center;--sdc-button-padding: 0;--sdc-button-height: var(--space-10);--sdc-button-width: var(--space-10);--sdc-button-text-size: var(--text-xl);--sdc-button-text-weight: var(--font-medium)}.sdc-button.size-circle-xl{display:flex;justify-content:center;align-items:center;--sdc-button-padding: 0;--sdc-button-height: var(--space-12);--sdc-button-width: var(--space-12);--sdc-button-text-size: var(--text-2xl);--sdc-button-text-weight: var(--font-medium)}.sdc-button.radius-default{--sdc-button-border-radius: var(--radius-default)}.sdc-button.radius-sm{--sdc-button-border-radius: var(--radius-sm)}.sdc-button.radius-md{--sdc-button-border-radius: var(--radius-md)}.sdc-button.radius-lg{--sdc-button-border-radius: var(--radius-lg)}.sdc-button.radius-xl{--sdc-button-border-radius: var(--radius-xl)}.sdc-button.radius-2xl{--sdc-button-border-radius: var(--radius-2xl)}.sdc-button.radius-full{--sdc-button-border-radius: var(--radius-full)}.sdc-button.border-0{--sdc-button-border-width: var(--border-0)}.sdc-button.border-default{--sdc-button-border-width: var(--border-default)}.sdc-button.border-2{--sdc-button-border-width: var(--border-2)}.sdc-button.border-4{--sdc-button-border-width: var(--border-4)}.sdc-button.border-8{--sdc-button-border-width: var(--border-8)}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }] });
 
 /*