@gravionlabs/helix-shell 22.1.13 → 22.1.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/fesm2022/gravionlabs-helix-shell.mjs +256 -398
  2. package/fesm2022/gravionlabs-helix-shell.mjs.map +1 -1
  3. package/package.json +2 -1
  4. package/types/gravionlabs-helix-shell.d.ts +18 -0
package/fesm2022/gravionlabs-helix-shell.mjs CHANGED
@@ -1,35 +1,30 @@
1
1
  import * as i0 from "@angular/core";
2
2
  import { ChangeDetectionStrategy, Component, DestroyRef, ElementRef, InjectionToken, PLATFORM_ID, ViewEncapsulation, computed, effect, forwardRef, inject, input, output, signal, untracked } from "@angular/core";
3
- import * as i1$2 from "@angular/common";
3
+ import * as i1$3 from "@angular/common";
4
4
  import { CommonModule, NgClass, SlicePipe, isPlatformBrowser } from "@angular/common";
5
- import * as i1$3 from "@angular/forms";
5
+ import * as i1$4 from "@angular/forms";
6
6
  import { FormsModule, NG_VALUE_ACCESSOR } from "@angular/forms";
7
- import * as i2$2 from "@angular/router";
7
+ import * as i2 from "@angular/router";
8
8
  import { ActivatedRoute, NavigationEnd, Router, RouterModule } from "@angular/router";
9
9
  import { patchState, signalStore, withComputed, withHooks, withMethods, withState } from "@ngrx/signals";
10
10
  import { DomSanitizer } from "@angular/platform-browser";
11
11
  import { Subject, filter, takeUntil } from "rxjs";
12
- import * as i3$2 from "@gravionlabs/helix-core/ripple";
12
+ import * as i3$1 from "@gravionlabs/helix-core/ripple";
13
13
  import { RippleModule } from "@gravionlabs/helix-core/ripple";
14
14
  import { Tooltip } from "@gravionlabs/helix-core/tooltip";
15
15
  import { Breadcrumb } from "@gravionlabs/helix-core/breadcrumb";
16
- import * as i1$1 from "@gravionlabs/helix-core/styleclass";
16
+ import * as i1$2 from "@gravionlabs/helix-core/styleclass";
17
17
  import { StyleClassModule } from "@gravionlabs/helix-core/styleclass";
18
18
  import { HelixConfig } from "@gravionlabs/helix-core/config";
19
- import * as i3$1 from "@gravionlabs/helix-core/selectbutton";
19
+ import * as i3 from "@gravionlabs/helix-core/selectbutton";
20
20
  import { SelectButtonModule } from "@gravionlabs/helix-core/selectbutton";
21
21
  import { $t, updatePreset, updateSurfacePalette } from "@gravionlabs/helix-core/themes";
22
22
  import { auraPreset } from "@gravionlabs/helix-core/themes/aura";
23
23
  import { helixPreset } from "@gravionlabs/helix-core/themes/helix";
24
24
  import { laraPreset } from "@gravionlabs/helix-core/themes/lara";
25
25
  import { noraPreset } from "@gravionlabs/helix-core/themes/nora";
26
- import * as i2$1 from "@gravionlabs/helix-core/button";
27
- import { ButtonModule } from "@gravionlabs/helix-core/button";
28
- import * as i2 from "@gravionlabs/helix-core/checkbox";
29
- import { CheckboxModule } from "@gravionlabs/helix-core/checkbox";
30
- import * as i3 from "@gravionlabs/helix-core/inputtext";
31
- import { InputTextModule } from "@gravionlabs/helix-core/inputtext";
32
- import * as i4 from "@gravionlabs/helix-core/password";
26
+ import { HxButton, HxCheckbox, HxInput } from "@gravionlabs/helix-ui";
27
+ import * as i1$1 from "@gravionlabs/helix-core/password";
33
28
  import { PasswordModule } from "@gravionlabs/helix-core/password";
34
29
  import * as i1 from "@gravionlabs/helix-core/divider";
35
30
  import { DividerModule } from "@gravionlabs/helix-core/divider";
@@ -302,13 +297,13 @@ var HelixSelect = class HelixSelect {
302
297
  },
303
298
  {
304
299
  kind: "directive",
305
- type: i1$3.NgSelectOption,
300
+ type: i1$4.NgSelectOption,
306
301
  selector: "option",
307
302
  inputs: ["ngValue", "value"]
308
303
  },
309
304
  {
310
305
  kind: "directive",
311
- type: i1$3.ɵNgSelectMultipleOption,
306
+ type: i1$4.ɵNgSelectMultipleOption,
312
307
  selector: "option",
313
308
  inputs: ["ngValue", "value"]
314
309
  }
@@ -770,7 +765,7 @@ var HelixNavRailItem = class HelixNavRailItem {
770
765
  },
771
766
  {
772
767
  kind: "directive",
773
- type: i1$2.NgClass,
768
+ type: i1$3.NgClass,
774
769
  selector: "[ngClass]",
775
770
  inputs: ["class", "ngClass"]
776
771
  },
@@ -780,7 +775,7 @@ var HelixNavRailItem = class HelixNavRailItem {
780
775
  },
781
776
  {
782
777
  kind: "directive",
783
- type: i2$2.RouterLink,
778
+ type: i2.RouterLink,
784
779
  selector: "[routerLink]",
785
780
  inputs: [
786
781
  "target",
@@ -803,7 +798,7 @@ var HelixNavRailItem = class HelixNavRailItem {
803
798
  },
804
799
  {
805
800
  kind: "directive",
806
- type: i3$2.Ripple,
801
+ type: i3$1.Ripple,
807
802
  selector: "[hRipple]"
808
803
  },
809
804
  {
@@ -1012,7 +1007,7 @@ var HelixNavRail = class HelixNavRail {
1012
1007
  },
1013
1008
  {
1014
1009
  kind: "directive",
1015
- type: i1$2.NgClass,
1010
+ type: i1$3.NgClass,
1016
1011
  selector: "[ngClass]",
1017
1012
  inputs: ["class", "ngClass"]
1018
1013
  },
@@ -1033,7 +1028,7 @@ var HelixNavRail = class HelixNavRail {
1033
1028
  },
1034
1029
  {
1035
1030
  kind: "directive",
1036
- type: i2$2.RouterLink,
1031
+ type: i2.RouterLink,
1037
1032
  selector: "[routerLink]",
1038
1033
  inputs: [
1039
1034
  "target",
@@ -1566,7 +1561,7 @@ var HelixAlertAction = class HelixAlertAction {
1566
1561
  type: RouterModule
1567
1562
  }, {
1568
1563
  kind: "directive",
1569
- type: i2$2.RouterLink,
1564
+ type: i2.RouterLink,
1570
1565
  selector: "[routerLink]",
1571
1566
  inputs: [
1572
1567
  "target",
@@ -2012,7 +2007,7 @@ var HelixConfigurator = class HelixConfigurator {
2012
2007
  },
2013
2008
  {
2014
2009
  kind: "directive",
2015
- type: i1$2.NgClass,
2010
+ type: i1$3.NgClass,
2016
2011
  selector: "[ngClass]",
2017
2012
  inputs: ["class", "ngClass"]
2018
2013
  },
@@ -2022,12 +2017,12 @@ var HelixConfigurator = class HelixConfigurator {
2022
2017
  },
2023
2018
  {
2024
2019
  kind: "directive",
2025
- type: i1$3.NgControlStatus,
2020
+ type: i1$4.NgControlStatus,
2026
2021
  selector: "[formControlName],[ngModel],[formControl]"
2027
2022
  },
2028
2023
  {
2029
2024
  kind: "directive",
2030
- type: i1$3.NgModel,
2025
+ type: i1$4.NgModel,
2031
2026
  selector: "[ngModel]:not([formControlName]):not([formControl])",
2032
2027
  inputs: [
2033
2028
  "name",
@@ -2044,7 +2039,7 @@ var HelixConfigurator = class HelixConfigurator {
2044
2039
  },
2045
2040
  {
2046
2041
  kind: "component",
2047
- type: i3$1.SelectButton,
2042
+ type: i3.SelectButton,
2048
2043
  selector: "h-selectButton, h-selectbutton, h-select-button",
2049
2044
  inputs: [
2050
2045
  "options",
@@ -2133,7 +2128,7 @@ var HelixConfiguratorAction = class HelixConfiguratorAction {
2133
2128
  },
2134
2129
  {
2135
2130
  kind: "directive",
2136
- type: i1$1.StyleClass,
2131
+ type: i1$2.StyleClass,
2137
2132
  selector: "[hStyleClass]",
2138
2133
  inputs: [
2139
2134
  "hStyleClass",
@@ -2231,7 +2226,7 @@ var HelixDarkModeAction = class HelixDarkModeAction {
2231
2226
  type: CommonModule
2232
2227
  }, {
2233
2228
  kind: "directive",
2234
- type: i1$2.NgClass,
2229
+ type: i1$3.NgClass,
2235
2230
  selector: "[ngClass]",
2236
2231
  inputs: ["class", "ngClass"]
2237
2232
  }],
@@ -2372,7 +2367,7 @@ var HelixTopbar = class HelixTopbar {
2372
2367
  },
2373
2368
  {
2374
2369
  kind: "directive",
2375
- type: i1$1.StyleClass,
2370
+ type: i1$2.StyleClass,
2376
2371
  selector: "[hStyleClass]",
2377
2372
  inputs: [
2378
2373
  "hStyleClass",
@@ -2663,7 +2658,7 @@ var HelixAppLayout = class HelixAppLayout {
2663
2658
  },
2664
2659
  {
2665
2660
  kind: "directive",
2666
- type: i1$2.NgClass,
2661
+ type: i1$3.NgClass,
2667
2662
  selector: "[ngClass]",
2668
2663
  inputs: ["class", "ngClass"]
2669
2664
  },
@@ -2694,7 +2689,7 @@ var HelixAppLayout = class HelixAppLayout {
2694
2689
  },
2695
2690
  {
2696
2691
  kind: "directive",
2697
- type: i2$2.RouterOutlet,
2692
+ type: i2.RouterOutlet,
2698
2693
  selector: "router-outlet",
2699
2694
  inputs: ["name", "routerOutletData"],
2700
2695
  outputs: [
@@ -2857,6 +2852,8 @@ i0.ɵɵngDeclareClassMetadata({
2857
2852
  var HelixFloatingConfigurator = class HelixFloatingConfigurator {
2858
2853
  store = inject(LayoutStore);
2859
2854
  float = input(true, ...ngDevMode ? [{ debugName: "float" }] : /* istanbul ignore next */ []);
2855
+ darkModeLabel = input("Toggle dark mode", ...ngDevMode ? [{ debugName: "darkModeLabel" }] : /* istanbul ignore next */ []);
2856
+ configuratorLabel = input("Configure theme", ...ngDevMode ? [{ debugName: "configuratorLabel" }] : /* istanbul ignore next */ []);
2860
2857
  isDarkTheme = computed(() => this.store.darkTheme(), ...ngDevMode ? [{ debugName: "isDarkTheme" }] : /* istanbul ignore next */ []);
2861
2858
  toggleDarkMode() {
2862
2859
  this.store.toggleDarkMode();
@@ -2875,15 +2872,31 @@ var HelixFloatingConfigurator = class HelixFloatingConfigurator {
2875
2872
  type: HelixFloatingConfigurator,
2876
2873
  isStandalone: true,
2877
2874
  selector: "helix-floating-configurator",
2878
- inputs: { float: {
2879
- classPropertyName: "float",
2880
- publicName: "float",
2881
- isSignal: true,
2882
- isRequired: false,
2883
- transformFunction: null
2884
- } },
2875
+ inputs: {
2876
+ float: {
2877
+ classPropertyName: "float",
2878
+ publicName: "float",
2879
+ isSignal: true,
2880
+ isRequired: false,
2881
+ transformFunction: null
2882
+ },
2883
+ darkModeLabel: {
2884
+ classPropertyName: "darkModeLabel",
2885
+ publicName: "darkModeLabel",
2886
+ isSignal: true,
2887
+ isRequired: false,
2888
+ transformFunction: null
2889
+ },
2890
+ configuratorLabel: {
2891
+ classPropertyName: "configuratorLabel",
2892
+ publicName: "configuratorLabel",
2893
+ isSignal: true,
2894
+ isRequired: false,
2895
+ transformFunction: null
2896
+ }
2897
+ },
2885
2898
  ngImport: i0,
2886
- template: "<div class=\"flex gap-4 top-8 right-8\" [ngClass]=\"{ fixed: float() }\">\n <h-button\n type=\"button\"\n (onClick)=\"toggleDarkMode()\"\n [rounded]=\"true\"\n [icon]=\"isDarkTheme() ? 'pi pi-moon' : 'pi pi-sun'\"\n severity=\"secondary\"\n />\n <div class=\"relative\">\n <h-button\n icon=\"pi pi-palette\"\n hStyleClass=\"@next\"\n enterFromClass=\"hidden\"\n enterActiveClass=\"animate-scalein\"\n leaveToClass=\"hidden\"\n leaveActiveClass=\"animate-fadeout\"\n [hideOnOutsideClick]=\"true\"\n type=\"button\"\n rounded\n />\n <helix-configurator />\n </div>\n</div>\n",
2899
+ template: "<div class=\"flex gap-4 top-8 right-8\" [ngClass]=\"{ fixed: float() }\">\n <button\n hx-button\n type=\"button\"\n iconOnly\n rounded\n severity=\"secondary\"\n [attr.aria-label]=\"darkModeLabel()\"\n (click)=\"toggleDarkMode()\"\n >\n <span [class]=\"isDarkTheme() ? 'pi pi-moon' : 'pi pi-sun'\" aria-hidden=\"true\"></span>\n </button>\n <div class=\"relative\">\n <button\n hx-button\n type=\"button\"\n iconOnly\n rounded\n [attr.aria-label]=\"configuratorLabel()\"\n hStyleClass=\"@next\"\n enterFromClass=\"hidden\"\n enterActiveClass=\"animate-scalein\"\n leaveToClass=\"hidden\"\n leaveActiveClass=\"animate-fadeout\"\n [hideOnOutsideClick]=\"true\"\n >\n <span class=\"pi pi-palette\" aria-hidden=\"true\"></span>\n </button>\n <helix-configurator />\n </div>\n</div>\n",
2887
2900
  styles: [""],
2888
2901
  dependencies: [
2889
2902
  {
@@ -2892,52 +2905,25 @@ var HelixFloatingConfigurator = class HelixFloatingConfigurator {
2892
2905
  },
2893
2906
  {
2894
2907
  kind: "directive",
2895
- type: i1$2.NgClass,
2908
+ type: i1$3.NgClass,
2896
2909
  selector: "[ngClass]",
2897
2910
  inputs: ["class", "ngClass"]
2898
2911
  },
2899
2912
  {
2900
- kind: "ngmodule",
2901
- type: ButtonModule
2902
- },
2903
- {
2904
- kind: "component",
2905
- type: i2$1.Button,
2906
- selector: "h-button",
2913
+ kind: "directive",
2914
+ type: HxButton,
2915
+ selector: "button[hx-button], a[hx-button]",
2907
2916
  inputs: [
2908
- "hostName",
2909
- "type",
2910
- "badge",
2911
- "disabled",
2912
- "raised",
2913
- "rounded",
2914
- "text",
2915
- "plain",
2916
- "outlined",
2917
- "link",
2918
- "tabindex",
2919
- "size",
2920
2917
  "variant",
2921
- "style",
2922
- "styleClass",
2923
- "badgeClass",
2924
- "badgeSeverity",
2925
- "ariaLabel",
2926
- "autofocus",
2927
- "iconPos",
2928
- "icon",
2929
- "label",
2930
- "loading",
2931
- "loadingIcon",
2932
2918
  "severity",
2933
- "buttonProps",
2934
- "fluid"
2919
+ "size",
2920
+ "rounded",
2921
+ "raised",
2922
+ "fluid",
2923
+ "iconOnly",
2924
+ "loading"
2935
2925
  ],
2936
- outputs: [
2937
- "onClick",
2938
- "onFocus",
2939
- "onBlur"
2940
- ]
2926
+ exportAs: ["hx-button"]
2941
2927
  },
2942
2928
  {
2943
2929
  kind: "ngmodule",
@@ -2945,7 +2931,7 @@ var HelixFloatingConfigurator = class HelixFloatingConfigurator {
2945
2931
  },
2946
2932
  {
2947
2933
  kind: "directive",
2948
- type: i1$1.StyleClass,
2934
+ type: i1$2.StyleClass,
2949
2935
  selector: "[hStyleClass]",
2950
2936
  inputs: [
2951
2937
  "hStyleClass",
@@ -2983,22 +2969,40 @@ i0.ɵɵngDeclareClassMetadata({
2983
2969
  standalone: true,
2984
2970
  imports: [
2985
2971
  CommonModule,
2986
- ButtonModule,
2972
+ HxButton,
2987
2973
  StyleClassModule,
2988
2974
  HelixConfigurator
2989
2975
  ],
2990
2976
  changeDetection: ChangeDetectionStrategy.Eager,
2991
- template: "<div class=\"flex gap-4 top-8 right-8\" [ngClass]=\"{ fixed: float() }\">\n <h-button\n type=\"button\"\n (onClick)=\"toggleDarkMode()\"\n [rounded]=\"true\"\n [icon]=\"isDarkTheme() ? 'pi pi-moon' : 'pi pi-sun'\"\n severity=\"secondary\"\n />\n <div class=\"relative\">\n <h-button\n icon=\"pi pi-palette\"\n hStyleClass=\"@next\"\n enterFromClass=\"hidden\"\n enterActiveClass=\"animate-scalein\"\n leaveToClass=\"hidden\"\n leaveActiveClass=\"animate-fadeout\"\n [hideOnOutsideClick]=\"true\"\n type=\"button\"\n rounded\n />\n <helix-configurator />\n </div>\n</div>\n"
2977
+ template: "<div class=\"flex gap-4 top-8 right-8\" [ngClass]=\"{ fixed: float() }\">\n <button\n hx-button\n type=\"button\"\n iconOnly\n rounded\n severity=\"secondary\"\n [attr.aria-label]=\"darkModeLabel()\"\n (click)=\"toggleDarkMode()\"\n >\n <span [class]=\"isDarkTheme() ? 'pi pi-moon' : 'pi pi-sun'\" aria-hidden=\"true\"></span>\n </button>\n <div class=\"relative\">\n <button\n hx-button\n type=\"button\"\n iconOnly\n rounded\n [attr.aria-label]=\"configuratorLabel()\"\n hStyleClass=\"@next\"\n enterFromClass=\"hidden\"\n enterActiveClass=\"animate-scalein\"\n leaveToClass=\"hidden\"\n leaveActiveClass=\"animate-fadeout\"\n [hideOnOutsideClick]=\"true\"\n >\n <span class=\"pi pi-palette\" aria-hidden=\"true\"></span>\n </button>\n <helix-configurator />\n </div>\n</div>\n"
2992
2978
  }]
2993
2979
  }],
2994
- propDecorators: { float: [{
2995
- type: i0.Input,
2996
- args: [{
2997
- isSignal: true,
2998
- alias: "float",
2999
- required: false
2980
+ propDecorators: {
2981
+ float: [{
2982
+ type: i0.Input,
2983
+ args: [{
2984
+ isSignal: true,
2985
+ alias: "float",
2986
+ required: false
2987
+ }]
2988
+ }],
2989
+ darkModeLabel: [{
2990
+ type: i0.Input,
2991
+ args: [{
2992
+ isSignal: true,
2993
+ alias: "darkModeLabel",
2994
+ required: false
2995
+ }]
2996
+ }],
2997
+ configuratorLabel: [{
2998
+ type: i0.Input,
2999
+ args: [{
3000
+ isSignal: true,
3001
+ alias: "configuratorLabel",
3002
+ required: false
3003
+ }]
3000
3004
  }]
3001
- }] }
3005
+ }
3002
3006
  });
3003
3007
  var HelixFooter = class HelixFooter {
3004
3008
  brandName = input("Helix", ...ngDevMode ? [{ debugName: "brandName" }] : /* istanbul ignore next */ []);
@@ -3051,7 +3055,7 @@ var HelixFooter = class HelixFooter {
3051
3055
  },
3052
3056
  {
3053
3057
  kind: "directive",
3054
- type: i2$2.RouterLink,
3058
+ type: i2.RouterLink,
3055
3059
  selector: "[routerLink]",
3056
3060
  inputs: [
3057
3061
  "target",
@@ -3155,7 +3159,7 @@ var HelixMobileMenuAction = class HelixMobileMenuAction {
3155
3159
  type: StyleClassModule
3156
3160
  }, {
3157
3161
  kind: "directive",
3158
- type: i1$1.StyleClass,
3162
+ type: i1$2.StyleClass,
3159
3163
  selector: "[hStyleClass]",
3160
3164
  inputs: [
3161
3165
  "hStyleClass",
@@ -3293,51 +3297,24 @@ var HelixAccess = class HelixAccess {
3293
3297
  }
3294
3298
  },
3295
3299
  ngImport: i0,
3296
- template: "<helix-floating-configurator />\n<div\n class=\"bg-surface-50 dark:bg-surface-950 flex items-center justify-center min-h-screen min-w-screen overflow-hidden\"\n>\n <div class=\"flex flex-col items-center justify-center\">\n <div\n style=\"\n border-radius: 56px;\n padding: 0.3rem;\n background: linear-gradient(180deg, rgba(247, 149, 48, 0.4) 10%, rgba(247, 149, 48, 0) 30%);\n \"\n >\n <div\n class=\"w-full bg-surface-0 dark:bg-surface-900 py-20 px-8 sm:px-20 flex flex-col items-center\"\n style=\"border-radius: 53px\"\n >\n <div class=\"gap-4 flex flex-col items-center\">\n <div\n class=\"flex justify-center items-center border-2 border-orange-500 rounded-full\"\n style=\"width: 3.2rem; height: 3.2rem\"\n >\n <i class=\"text-orange-500 pi pi-fw pi-lock text-2xl!\"></i>\n </div>\n <h1 class=\"text-surface-900 dark:text-surface-0 font-bold text-4xl lg:text-5xl mb-2\">\n {{ title() }}\n </h1>\n <span class=\"text-muted-color mb-8\">{{ message() }}</span>\n <img\n src=\"https://primefaces.org/cdn/templates/sakai/auth/asset-access.svg\"\n alt=\"Access denied\"\n class=\"mb-8\"\n width=\"80%\"\n />\n <div class=\"col-span-12 mt-8 text-center\">\n <h-button [label]=\"buttonLabel()\" [routerLink]=\"buttonRoute()\" severity=\"warn\" />\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n",
3300
+ template: "<helix-floating-configurator />\n<div\n class=\"bg-surface-50 dark:bg-surface-950 flex items-center justify-center min-h-screen min-w-screen overflow-hidden\"\n>\n <div class=\"flex flex-col items-center justify-center\">\n <div\n style=\"\n border-radius: 56px;\n padding: 0.3rem;\n background: linear-gradient(180deg, rgba(247, 149, 48, 0.4) 10%, rgba(247, 149, 48, 0) 30%);\n \"\n >\n <div\n class=\"w-full bg-surface-0 dark:bg-surface-900 py-20 px-8 sm:px-20 flex flex-col items-center\"\n style=\"border-radius: 53px\"\n >\n <div class=\"gap-4 flex flex-col items-center\">\n <div\n class=\"flex justify-center items-center border-2 border-orange-500 rounded-full\"\n style=\"width: 3.2rem; height: 3.2rem\"\n >\n <i class=\"text-orange-500 pi pi-fw pi-lock text-2xl!\"></i>\n </div>\n <h1 class=\"text-surface-900 dark:text-surface-0 font-bold text-4xl lg:text-5xl mb-2\">\n {{ title() }}\n </h1>\n <span class=\"text-muted-color mb-8\">{{ message() }}</span>\n <img\n src=\"https://primefaces.org/cdn/templates/sakai/auth/asset-access.svg\"\n alt=\"Access denied\"\n class=\"mb-8\"\n width=\"80%\"\n />\n <div class=\"col-span-12 mt-8 text-center\">\n <a hx-button [routerLink]=\"buttonRoute()\" severity=\"warn\">{{ buttonLabel() }}</a>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n",
3297
3301
  styles: [""],
3298
3302
  dependencies: [
3299
3303
  {
3300
- kind: "ngmodule",
3301
- type: ButtonModule
3302
- },
3303
- {
3304
- kind: "component",
3305
- type: i2$1.Button,
3306
- selector: "h-button",
3304
+ kind: "directive",
3305
+ type: HxButton,
3306
+ selector: "button[hx-button], a[hx-button]",
3307
3307
  inputs: [
3308
- "hostName",
3309
- "type",
3310
- "badge",
3311
- "disabled",
3312
- "raised",
3313
- "rounded",
3314
- "text",
3315
- "plain",
3316
- "outlined",
3317
- "link",
3318
- "tabindex",
3319
- "size",
3320
3308
  "variant",
3321
- "style",
3322
- "styleClass",
3323
- "badgeClass",
3324
- "badgeSeverity",
3325
- "ariaLabel",
3326
- "autofocus",
3327
- "iconPos",
3328
- "icon",
3329
- "label",
3330
- "loading",
3331
- "loadingIcon",
3332
3309
  "severity",
3333
- "buttonProps",
3334
- "fluid"
3310
+ "size",
3311
+ "rounded",
3312
+ "raised",
3313
+ "fluid",
3314
+ "iconOnly",
3315
+ "loading"
3335
3316
  ],
3336
- outputs: [
3337
- "onClick",
3338
- "onFocus",
3339
- "onBlur"
3340
- ]
3317
+ exportAs: ["hx-button"]
3341
3318
  },
3342
3319
  {
3343
3320
  kind: "ngmodule",
@@ -3345,7 +3322,7 @@ var HelixAccess = class HelixAccess {
3345
3322
  },
3346
3323
  {
3347
3324
  kind: "directive",
3348
- type: i2$2.RouterLink,
3325
+ type: i2.RouterLink,
3349
3326
  selector: "[routerLink]",
3350
3327
  inputs: [
3351
3328
  "target",
@@ -3370,7 +3347,11 @@ var HelixAccess = class HelixAccess {
3370
3347
  kind: "component",
3371
3348
  type: HelixFloatingConfigurator,
3372
3349
  selector: "helix-floating-configurator",
3373
- inputs: ["float"]
3350
+ inputs: [
3351
+ "float",
3352
+ "darkModeLabel",
3353
+ "configuratorLabel"
3354
+ ]
3374
3355
  }
3375
3356
  ],
3376
3357
  changeDetection: i0.ChangeDetectionStrategy.Eager
@@ -3387,13 +3368,13 @@ i0.ɵɵngDeclareClassMetadata({
3387
3368
  selector: "helix-access",
3388
3369
  standalone: true,
3389
3370
  imports: [
3390
- ButtonModule,
3371
+ HxButton,
3391
3372
  RouterModule,
3392
3373
  RippleModule,
3393
3374
  HelixFloatingConfigurator
3394
3375
  ],
3395
3376
  changeDetection: ChangeDetectionStrategy.Eager,
3396
- template: "<helix-floating-configurator />\n<div\n class=\"bg-surface-50 dark:bg-surface-950 flex items-center justify-center min-h-screen min-w-screen overflow-hidden\"\n>\n <div class=\"flex flex-col items-center justify-center\">\n <div\n style=\"\n border-radius: 56px;\n padding: 0.3rem;\n background: linear-gradient(180deg, rgba(247, 149, 48, 0.4) 10%, rgba(247, 149, 48, 0) 30%);\n \"\n >\n <div\n class=\"w-full bg-surface-0 dark:bg-surface-900 py-20 px-8 sm:px-20 flex flex-col items-center\"\n style=\"border-radius: 53px\"\n >\n <div class=\"gap-4 flex flex-col items-center\">\n <div\n class=\"flex justify-center items-center border-2 border-orange-500 rounded-full\"\n style=\"width: 3.2rem; height: 3.2rem\"\n >\n <i class=\"text-orange-500 pi pi-fw pi-lock text-2xl!\"></i>\n </div>\n <h1 class=\"text-surface-900 dark:text-surface-0 font-bold text-4xl lg:text-5xl mb-2\">\n {{ title() }}\n </h1>\n <span class=\"text-muted-color mb-8\">{{ message() }}</span>\n <img\n src=\"https://primefaces.org/cdn/templates/sakai/auth/asset-access.svg\"\n alt=\"Access denied\"\n class=\"mb-8\"\n width=\"80%\"\n />\n <div class=\"col-span-12 mt-8 text-center\">\n <h-button [label]=\"buttonLabel()\" [routerLink]=\"buttonRoute()\" severity=\"warn\" />\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n"
3377
+ template: "<helix-floating-configurator />\n<div\n class=\"bg-surface-50 dark:bg-surface-950 flex items-center justify-center min-h-screen min-w-screen overflow-hidden\"\n>\n <div class=\"flex flex-col items-center justify-center\">\n <div\n style=\"\n border-radius: 56px;\n padding: 0.3rem;\n background: linear-gradient(180deg, rgba(247, 149, 48, 0.4) 10%, rgba(247, 149, 48, 0) 30%);\n \"\n >\n <div\n class=\"w-full bg-surface-0 dark:bg-surface-900 py-20 px-8 sm:px-20 flex flex-col items-center\"\n style=\"border-radius: 53px\"\n >\n <div class=\"gap-4 flex flex-col items-center\">\n <div\n class=\"flex justify-center items-center border-2 border-orange-500 rounded-full\"\n style=\"width: 3.2rem; height: 3.2rem\"\n >\n <i class=\"text-orange-500 pi pi-fw pi-lock text-2xl!\"></i>\n </div>\n <h1 class=\"text-surface-900 dark:text-surface-0 font-bold text-4xl lg:text-5xl mb-2\">\n {{ title() }}\n </h1>\n <span class=\"text-muted-color mb-8\">{{ message() }}</span>\n <img\n src=\"https://primefaces.org/cdn/templates/sakai/auth/asset-access.svg\"\n alt=\"Access denied\"\n class=\"mb-8\"\n width=\"80%\"\n />\n <div class=\"col-span-12 mt-8 text-center\">\n <a hx-button [routerLink]=\"buttonRoute()\" severity=\"warn\">{{ buttonLabel() }}</a>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n"
3397
3378
  }]
3398
3379
  }],
3399
3380
  propDecorators: {
@@ -3481,51 +3462,24 @@ var HelixError = class HelixError {
3481
3462
  }
3482
3463
  },
3483
3464
  ngImport: i0,
3484
- template: "<helix-floating-configurator />\n<div\n class=\"bg-surface-50 dark:bg-surface-950 flex items-center justify-center min-h-screen min-w-screen overflow-hidden\"\n>\n <div class=\"flex flex-col items-center justify-center\">\n <div\n style=\"\n border-radius: 56px;\n padding: 0.3rem;\n background: linear-gradient(180deg, rgba(233, 30, 99, 0.4) 10%, rgba(33, 150, 243, 0) 30%);\n \"\n >\n <div\n class=\"w-full bg-surface-0 dark:bg-surface-900 py-20 px-8 sm:px-20 flex flex-col items-center\"\n style=\"border-radius: 53px\"\n >\n <div class=\"gap-4 flex flex-col items-center\">\n <div\n class=\"flex justify-center items-center border-2 border-pink-500 rounded-full\"\n style=\"height: 3.2rem; width: 3.2rem\"\n >\n <i class=\"pi pi-fw pi-exclamation-circle text-2xl! text-pink-500\"></i>\n </div>\n <h1 class=\"text-surface-900 dark:text-surface-0 font-bold text-5xl mb-2\">\n {{ title() }}\n </h1>\n <span class=\"text-muted-color mb-8\">{{ message() }}</span>\n <img\n src=\"https://primefaces.org/cdn/templates/sakai/auth/asset-error.svg\"\n alt=\"Error\"\n class=\"mb-8\"\n width=\"80%\"\n />\n <div class=\"col-span-12 mt-8 text-center\">\n <h-button [label]=\"buttonLabel()\" [routerLink]=\"buttonRoute()\" severity=\"danger\" />\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n",
3465
+ template: "<helix-floating-configurator />\n<div\n class=\"bg-surface-50 dark:bg-surface-950 flex items-center justify-center min-h-screen min-w-screen overflow-hidden\"\n>\n <div class=\"flex flex-col items-center justify-center\">\n <div\n style=\"\n border-radius: 56px;\n padding: 0.3rem;\n background: linear-gradient(180deg, rgba(233, 30, 99, 0.4) 10%, rgba(33, 150, 243, 0) 30%);\n \"\n >\n <div\n class=\"w-full bg-surface-0 dark:bg-surface-900 py-20 px-8 sm:px-20 flex flex-col items-center\"\n style=\"border-radius: 53px\"\n >\n <div class=\"gap-4 flex flex-col items-center\">\n <div\n class=\"flex justify-center items-center border-2 border-pink-500 rounded-full\"\n style=\"height: 3.2rem; width: 3.2rem\"\n >\n <i class=\"pi pi-fw pi-exclamation-circle text-2xl! text-pink-500\"></i>\n </div>\n <h1 class=\"text-surface-900 dark:text-surface-0 font-bold text-5xl mb-2\">\n {{ title() }}\n </h1>\n <span class=\"text-muted-color mb-8\">{{ message() }}</span>\n <img\n src=\"https://primefaces.org/cdn/templates/sakai/auth/asset-error.svg\"\n alt=\"Error\"\n class=\"mb-8\"\n width=\"80%\"\n />\n <div class=\"col-span-12 mt-8 text-center\">\n <a hx-button [routerLink]=\"buttonRoute()\" severity=\"danger\">{{ buttonLabel() }}</a>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n",
3485
3466
  styles: [""],
3486
3467
  dependencies: [
3487
3468
  {
3488
- kind: "ngmodule",
3489
- type: ButtonModule
3490
- },
3491
- {
3492
- kind: "component",
3493
- type: i2$1.Button,
3494
- selector: "h-button",
3469
+ kind: "directive",
3470
+ type: HxButton,
3471
+ selector: "button[hx-button], a[hx-button]",
3495
3472
  inputs: [
3496
- "hostName",
3497
- "type",
3498
- "badge",
3499
- "disabled",
3500
- "raised",
3501
- "rounded",
3502
- "text",
3503
- "plain",
3504
- "outlined",
3505
- "link",
3506
- "tabindex",
3507
- "size",
3508
3473
  "variant",
3509
- "style",
3510
- "styleClass",
3511
- "badgeClass",
3512
- "badgeSeverity",
3513
- "ariaLabel",
3514
- "autofocus",
3515
- "iconPos",
3516
- "icon",
3517
- "label",
3518
- "loading",
3519
- "loadingIcon",
3520
3474
  "severity",
3521
- "buttonProps",
3522
- "fluid"
3475
+ "size",
3476
+ "rounded",
3477
+ "raised",
3478
+ "fluid",
3479
+ "iconOnly",
3480
+ "loading"
3523
3481
  ],
3524
- outputs: [
3525
- "onClick",
3526
- "onFocus",
3527
- "onBlur"
3528
- ]
3482
+ exportAs: ["hx-button"]
3529
3483
  },
3530
3484
  {
3531
3485
  kind: "ngmodule",
@@ -3537,7 +3491,7 @@ var HelixError = class HelixError {
3537
3491
  },
3538
3492
  {
3539
3493
  kind: "directive",
3540
- type: i2$2.RouterLink,
3494
+ type: i2.RouterLink,
3541
3495
  selector: "[routerLink]",
3542
3496
  inputs: [
3543
3497
  "target",
@@ -3558,7 +3512,11 @@ var HelixError = class HelixError {
3558
3512
  kind: "component",
3559
3513
  type: HelixFloatingConfigurator,
3560
3514
  selector: "helix-floating-configurator",
3561
- inputs: ["float"]
3515
+ inputs: [
3516
+ "float",
3517
+ "darkModeLabel",
3518
+ "configuratorLabel"
3519
+ ]
3562
3520
  }
3563
3521
  ],
3564
3522
  changeDetection: i0.ChangeDetectionStrategy.Eager
@@ -3575,13 +3533,13 @@ i0.ɵɵngDeclareClassMetadata({
3575
3533
  selector: "helix-error",
3576
3534
  standalone: true,
3577
3535
  imports: [
3578
- ButtonModule,
3536
+ HxButton,
3579
3537
  RippleModule,
3580
3538
  RouterModule,
3581
3539
  HelixFloatingConfigurator
3582
3540
  ],
3583
3541
  changeDetection: ChangeDetectionStrategy.Eager,
3584
- template: "<helix-floating-configurator />\n<div\n class=\"bg-surface-50 dark:bg-surface-950 flex items-center justify-center min-h-screen min-w-screen overflow-hidden\"\n>\n <div class=\"flex flex-col items-center justify-center\">\n <div\n style=\"\n border-radius: 56px;\n padding: 0.3rem;\n background: linear-gradient(180deg, rgba(233, 30, 99, 0.4) 10%, rgba(33, 150, 243, 0) 30%);\n \"\n >\n <div\n class=\"w-full bg-surface-0 dark:bg-surface-900 py-20 px-8 sm:px-20 flex flex-col items-center\"\n style=\"border-radius: 53px\"\n >\n <div class=\"gap-4 flex flex-col items-center\">\n <div\n class=\"flex justify-center items-center border-2 border-pink-500 rounded-full\"\n style=\"height: 3.2rem; width: 3.2rem\"\n >\n <i class=\"pi pi-fw pi-exclamation-circle text-2xl! text-pink-500\"></i>\n </div>\n <h1 class=\"text-surface-900 dark:text-surface-0 font-bold text-5xl mb-2\">\n {{ title() }}\n </h1>\n <span class=\"text-muted-color mb-8\">{{ message() }}</span>\n <img\n src=\"https://primefaces.org/cdn/templates/sakai/auth/asset-error.svg\"\n alt=\"Error\"\n class=\"mb-8\"\n width=\"80%\"\n />\n <div class=\"col-span-12 mt-8 text-center\">\n <h-button [label]=\"buttonLabel()\" [routerLink]=\"buttonRoute()\" severity=\"danger\" />\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n"
3542
+ template: "<helix-floating-configurator />\n<div\n class=\"bg-surface-50 dark:bg-surface-950 flex items-center justify-center min-h-screen min-w-screen overflow-hidden\"\n>\n <div class=\"flex flex-col items-center justify-center\">\n <div\n style=\"\n border-radius: 56px;\n padding: 0.3rem;\n background: linear-gradient(180deg, rgba(233, 30, 99, 0.4) 10%, rgba(33, 150, 243, 0) 30%);\n \"\n >\n <div\n class=\"w-full bg-surface-0 dark:bg-surface-900 py-20 px-8 sm:px-20 flex flex-col items-center\"\n style=\"border-radius: 53px\"\n >\n <div class=\"gap-4 flex flex-col items-center\">\n <div\n class=\"flex justify-center items-center border-2 border-pink-500 rounded-full\"\n style=\"height: 3.2rem; width: 3.2rem\"\n >\n <i class=\"pi pi-fw pi-exclamation-circle text-2xl! text-pink-500\"></i>\n </div>\n <h1 class=\"text-surface-900 dark:text-surface-0 font-bold text-5xl mb-2\">\n {{ title() }}\n </h1>\n <span class=\"text-muted-color mb-8\">{{ message() }}</span>\n <img\n src=\"https://primefaces.org/cdn/templates/sakai/auth/asset-error.svg\"\n alt=\"Error\"\n class=\"mb-8\"\n width=\"80%\"\n />\n <div class=\"col-span-12 mt-8 text-center\">\n <a hx-button [routerLink]=\"buttonRoute()\" severity=\"danger\">{{ buttonLabel() }}</a>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n"
3585
3543
  }]
3586
3544
  }],
3587
3545
  propDecorators: {
@@ -3688,105 +3646,42 @@ var HelixLogin = class HelixLogin {
3688
3646
  forgotPassword: "forgotPassword"
3689
3647
  },
3690
3648
  ngImport: i0,
3691
- template: "<helix-floating-configurator />\n<div\n class=\"bg-surface-50 dark:bg-surface-950 flex items-center justify-center min-h-screen min-w-screen overflow-hidden\"\n>\n <div class=\"flex flex-col items-center justify-center\">\n <div\n style=\"\n border-radius: 56px;\n padding: 0.3rem;\n background: linear-gradient(180deg, var(--primary-color) 10%, rgba(33, 150, 243, 0) 30%);\n \"\n >\n <div\n class=\"w-full bg-surface-0 dark:bg-surface-900 py-20 px-8 sm:px-20\"\n style=\"border-radius: 53px\"\n >\n <div class=\"text-center mb-8\">\n <svg\n viewBox=\"0 0 54 40\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n class=\"mb-8 w-16 shrink-0 mx-auto\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M17.1637 19.2467C17.1566 19.4033 17.1529 19.561 17.1529 19.7194C17.1529 25.3503 21.7203 29.915 27.3546 29.915C32.9887 29.915 37.5561 25.3503 37.5561 19.7194C37.5561 19.5572 37.5524 19.3959 37.5449 19.2355C38.5617 19.0801 39.5759 18.9013 40.5867 18.6994L40.6926 18.6782C40.7191 19.0218 40.7326 19.369 40.7326 19.7194C40.7326 27.1036 34.743 33.0896 27.3546 33.0896C19.966 33.0896 13.9765 27.1036 13.9765 19.7194C13.9765 19.374 13.9896 19.0316 14.0154 18.6927L14.0486 18.6994C15.0837 18.9062 16.1223 19.0886 17.1637 19.2467ZM33.3284 11.4538C31.6493 10.2396 29.5855 9.52381 27.3546 9.52381C25.1195 9.52381 23.0524 10.2421 21.3717 11.4603C20.0078 11.3232 18.6475 11.1387 17.2933 10.907C19.7453 8.11308 23.3438 6.34921 27.3546 6.34921C31.36 6.34921 34.9543 8.10844 37.4061 10.896C36.0521 11.1292 34.692 11.3152 33.3284 11.4538ZM43.826 18.0518C43.881 18.6003 43.9091 19.1566 43.9091 19.7194C43.9091 28.8568 36.4973 36.2642 27.3546 36.2642C18.2117 36.2642 10.8 28.8568 10.8 19.7194C10.8 19.1615 10.8276 18.61 10.8816 18.0663L7.75383 17.4411C7.66775 18.1886 7.62354 18.9488 7.62354 19.7194C7.62354 30.6102 16.4574 39.4388 27.3546 39.4388C38.2517 39.4388 47.0855 30.6102 47.0855 19.7194C47.0855 18.9439 47.0407 18.1789 46.9536 17.4267L43.826 18.0518ZM44.2613 9.54743L40.9084 10.2176C37.9134 5.95821 32.9593 3.1746 27.3546 3.1746C21.7442 3.1746 16.7856 5.96385 13.7915 10.2305L10.4399 9.56057C13.892 3.83178 20.1756 0 27.3546 0C34.5281 0 40.8075 3.82591 44.2613 9.54743Z\"\n fill=\"var(--primary-color)\"\n />\n <mask\n id=\"mask0_1413_1551\"\n style=\"mask-type: alpha\"\n maskUnits=\"userSpaceOnUse\"\n x=\"0\"\n y=\"8\"\n width=\"54\"\n height=\"11\"\n >\n <path\n d=\"M27 18.3652C10.5114 19.1944 0 8.88892 0 8.88892C0 8.88892 16.5176 14.5866 27 14.5866C37.4824 14.5866 54 8.88892 54 8.88892C54 8.88892 43.4886 17.5361 27 18.3652Z\"\n fill=\"var(--primary-color)\"\n />\n </mask>\n <g mask=\"url(#mask0_1413_1551)\">\n <path\n d=\"M-4.673e-05 8.88887L3.73084 -1.91434L-8.00806 17.0473L-4.673e-05 8.88887ZM27 18.3652L26.4253 6.95109L27 18.3652ZM54 8.88887L61.2673 17.7127L50.2691 -1.91434L54 8.88887ZM-4.673e-05 8.88887C-8.00806 17.0473 -8.00469 17.0505 -8.00132 17.0538C-8.00018 17.055 -7.99675 17.0583 -7.9944 17.0607C-7.98963 17.0653 -7.98474 17.0701 -7.97966 17.075C-7.96949 17.0849 -7.95863 17.0955 -7.94707 17.1066C-7.92401 17.129 -7.89809 17.1539 -7.86944 17.1812C-7.8122 17.236 -7.74377 17.3005 -7.66436 17.3743C-7.50567 17.5218 -7.30269 17.7063 -7.05645 17.9221C-6.56467 18.3532 -5.89662 18.9125 -5.06089 19.5534C-3.39603 20.83 -1.02575 22.4605 1.98012 24.0457C7.97874 27.2091 16.7723 30.3226 27.5746 29.7793L26.4253 6.95109C20.7391 7.23699 16.0326 5.61231 12.6534 3.83024C10.9703 2.94267 9.68222 2.04866 8.86091 1.41888C8.45356 1.10653 8.17155 0.867278 8.0241 0.738027C7.95072 0.673671 7.91178 0.637576 7.90841 0.634492C7.90682 0.63298 7.91419 0.639805 7.93071 0.65557C7.93897 0.663455 7.94952 0.673589 7.96235 0.686039C7.96883 0.692262 7.97582 0.699075 7.98338 0.706471C7.98719 0.710167 7.99113 0.714014 7.99526 0.718014C7.99729 0.720008 8.00047 0.723119 8.00148 0.724116C8.00466 0.727265 8.00796 0.730446 -4.673e-05 8.88887ZM27.5746 29.7793C37.6904 29.2706 45.9416 26.3684 51.6602 23.6054C54.5296 22.2191 56.8064 20.8465 58.4186 19.7784C59.2265 19.2431 59.873 18.7805 60.3494 18.4257C60.5878 18.2482 60.7841 18.0971 60.9374 17.977C61.014 17.9169 61.0799 17.8645 61.1349 17.8203C61.1624 17.7981 61.1872 17.7781 61.2093 17.7602C61.2203 17.7512 61.2307 17.7427 61.2403 17.7348C61.2452 17.7308 61.2499 17.727 61.2544 17.7233C61.2566 17.7215 61.2598 17.7188 61.261 17.7179C61.2642 17.7153 61.2673 17.7127 54 8.88887C46.7326 0.0650536 46.7357 0.0625219 46.7387 0.0600241C46.7397 0.0592345 46.7427 0.0567658 46.7446 0.0551857C46.7485 0.0520238 46.7521 0.0489887 46.7557 0.0460799C46.7628 0.0402623 46.7694 0.0349487 46.7753 0.0301318C46.7871 0.0204986 46.7966 0.0128495 46.8037 0.00712562C46.818 -0.00431848 46.8228 -0.00808311 46.8184 -0.00463784C46.8096 0.00228345 46.764 0.0378652 46.6828 0.0983779C46.5199 0.219675 46.2165 0.439161 45.7812 0.727519C44.9072 1.30663 43.5257 2.14765 41.7061 3.02677C38.0469 4.79468 32.7981 6.63058 26.4253 6.95109L27.5746 29.7793ZM54 8.88887C50.2691 -1.91433 50.27 -1.91467 50.271 -1.91498C50.2712 -1.91506 50.272 -1.91535 50.2724 -1.9155C50.2733 -1.91581 50.274 -1.91602 50.2743 -1.91616C50.2752 -1.91643 50.275 -1.91636 50.2738 -1.91595C50.2714 -1.91515 50.2652 -1.91302 50.2552 -1.9096C50.2351 -1.90276 50.1999 -1.89078 50.1503 -1.874C50.0509 -1.84043 49.8938 -1.78773 49.6844 -1.71863C49.2652 -1.58031 48.6387 -1.377 47.8481 -1.13035C46.2609 -0.635237 44.0427 0.0249875 41.5325 0.6823C36.215 2.07471 30.6736 3.15796 27 3.15796V26.0151C33.8087 26.0151 41.7672 24.2495 47.3292 22.7931C50.2586 22.026 52.825 21.2618 54.6625 20.6886C55.5842 20.4011 56.33 20.1593 56.8551 19.986C57.1178 19.8993 57.3258 19.8296 57.4735 19.7797C57.5474 19.7548 57.6062 19.7348 57.6493 19.72C57.6709 19.7127 57.6885 19.7066 57.7021 19.7019C57.7089 19.6996 57.7147 19.6976 57.7195 19.696C57.7219 19.6952 57.7241 19.6944 57.726 19.6938C57.7269 19.6934 57.7281 19.693 57.7286 19.6929C57.7298 19.6924 57.7309 19.692 54 8.88887ZM27 3.15796C23.3263 3.15796 17.7849 2.07471 12.4674 0.6823C9.95717 0.0249875 7.73904 -0.635237 6.15184 -1.13035C5.36118 -1.377 4.73467 -1.58031 4.3155 -1.71863C4.10609 -1.78773 3.94899 -1.84043 3.84961 -1.874C3.79994 -1.89078 3.76474 -1.90276 3.74471 -1.9096C3.73469 -1.91302 3.72848 -1.91515 3.72613 -1.91595C3.72496 -1.91636 3.72476 -1.91643 3.72554 -1.91616C3.72593 -1.91602 3.72657 -1.91581 3.72745 -1.9155C3.72789 -1.91535 3.72874 -1.91506 3.72896 -1.91498C3.72987 -1.91467 3.73084 -1.91433 -4.673e-05 8.88887C-3.73093 19.692 -3.72983 19.6924 -3.72868 19.6929C-3.72821 19.693 -3.72698 19.6934 -3.72603 19.6938C-3.72415 19.6944 -3.72201 19.6952 -3.71961 19.696C-3.71482 19.6976 -3.70901 19.6996 -3.7022 19.7019C-3.68858 19.7066 -3.67095 19.7127 -3.6494 19.72C-3.60629 19.7348 -3.54745 19.7548 -3.47359 19.7797C-3.32589 19.8296 -3.11788 19.8993 -2.85516 19.986C-2.33008 20.1593 -1.58425 20.4011 -0.662589 20.6886C1.17485 21.2618 3.74125 22.026 6.67073 22.7931C12.2327 24.2495 20.1913 26.0151 27 26.0151V3.15796Z\"\n fill=\"var(--primary-color)\"\n />\n </g>\n </svg>\n <div class=\"text-surface-900 dark:text-surface-0 text-3xl font-medium mb-4\">\n {{ title() }}\n </div>\n <span class=\"text-muted-color font-medium\">{{ subtitle() }}</span>\n </div>\n\n <div>\n <label\n for=\"email1\"\n class=\"block text-surface-900 dark:text-surface-0 text-xl font-medium mb-2\"\n >Email</label\n >\n <input\n hInputText\n id=\"email1\"\n type=\"text\"\n placeholder=\"Email address\"\n class=\"w-full md:w-120 mb-8\"\n [(ngModel)]=\"email\"\n />\n\n <label\n for=\"password1\"\n class=\"block text-surface-900 dark:text-surface-0 font-medium text-xl mb-2\"\n >Password</label\n >\n <h-password\n id=\"password1\"\n [(ngModel)]=\"password\"\n placeholder=\"Password\"\n [toggleMask]=\"true\"\n styleClass=\"mb-4\"\n [fluid]=\"true\"\n [feedback]=\"false\"\n ></h-password>\n\n <div class=\"flex items-center justify-between mt-2 mb-8 gap-8\">\n <div class=\"flex items-center\">\n <h-checkbox [(ngModel)]=\"checked\" id=\"rememberme1\" binary class=\"mr-2\"></h-checkbox>\n <label for=\"rememberme1\">Remember me</label>\n </div>\n <span\n class=\"font-medium no-underline ml-2 text-right cursor-pointer text-primary\"\n (click)=\"onForgotPassword()\"\n >{{ forgotPasswordLabel() }}</span\n >\n </div>\n <h-button [label]=\"submitLabel()\" styleClass=\"w-full\" (onClick)=\"onSubmit()\"></h-button>\n </div>\n </div>\n </div>\n </div>\n</div>\n",
3649
+ template: "<helix-floating-configurator />\n<div\n class=\"bg-surface-50 dark:bg-surface-950 flex items-center justify-center min-h-screen min-w-screen overflow-hidden\"\n>\n <div class=\"flex flex-col items-center justify-center\">\n <div\n style=\"\n border-radius: 56px;\n padding: 0.3rem;\n background: linear-gradient(180deg, var(--primary-color) 10%, rgba(33, 150, 243, 0) 30%);\n \"\n >\n <div\n class=\"w-full bg-surface-0 dark:bg-surface-900 py-20 px-8 sm:px-20\"\n style=\"border-radius: 53px\"\n >\n <div class=\"text-center mb-8\">\n <svg\n viewBox=\"0 0 54 40\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n class=\"mb-8 w-16 shrink-0 mx-auto\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M17.1637 19.2467C17.1566 19.4033 17.1529 19.561 17.1529 19.7194C17.1529 25.3503 21.7203 29.915 27.3546 29.915C32.9887 29.915 37.5561 25.3503 37.5561 19.7194C37.5561 19.5572 37.5524 19.3959 37.5449 19.2355C38.5617 19.0801 39.5759 18.9013 40.5867 18.6994L40.6926 18.6782C40.7191 19.0218 40.7326 19.369 40.7326 19.7194C40.7326 27.1036 34.743 33.0896 27.3546 33.0896C19.966 33.0896 13.9765 27.1036 13.9765 19.7194C13.9765 19.374 13.9896 19.0316 14.0154 18.6927L14.0486 18.6994C15.0837 18.9062 16.1223 19.0886 17.1637 19.2467ZM33.3284 11.4538C31.6493 10.2396 29.5855 9.52381 27.3546 9.52381C25.1195 9.52381 23.0524 10.2421 21.3717 11.4603C20.0078 11.3232 18.6475 11.1387 17.2933 10.907C19.7453 8.11308 23.3438 6.34921 27.3546 6.34921C31.36 6.34921 34.9543 8.10844 37.4061 10.896C36.0521 11.1292 34.692 11.3152 33.3284 11.4538ZM43.826 18.0518C43.881 18.6003 43.9091 19.1566 43.9091 19.7194C43.9091 28.8568 36.4973 36.2642 27.3546 36.2642C18.2117 36.2642 10.8 28.8568 10.8 19.7194C10.8 19.1615 10.8276 18.61 10.8816 18.0663L7.75383 17.4411C7.66775 18.1886 7.62354 18.9488 7.62354 19.7194C7.62354 30.6102 16.4574 39.4388 27.3546 39.4388C38.2517 39.4388 47.0855 30.6102 47.0855 19.7194C47.0855 18.9439 47.0407 18.1789 46.9536 17.4267L43.826 18.0518ZM44.2613 9.54743L40.9084 10.2176C37.9134 5.95821 32.9593 3.1746 27.3546 3.1746C21.7442 3.1746 16.7856 5.96385 13.7915 10.2305L10.4399 9.56057C13.892 3.83178 20.1756 0 27.3546 0C34.5281 0 40.8075 3.82591 44.2613 9.54743Z\"\n fill=\"var(--primary-color)\"\n />\n <mask\n id=\"mask0_1413_1551\"\n style=\"mask-type: alpha\"\n maskUnits=\"userSpaceOnUse\"\n x=\"0\"\n y=\"8\"\n width=\"54\"\n height=\"11\"\n >\n <path\n d=\"M27 18.3652C10.5114 19.1944 0 8.88892 0 8.88892C0 8.88892 16.5176 14.5866 27 14.5866C37.4824 14.5866 54 8.88892 54 8.88892C54 8.88892 43.4886 17.5361 27 18.3652Z\"\n fill=\"var(--primary-color)\"\n />\n </mask>\n <g mask=\"url(#mask0_1413_1551)\">\n <path\n d=\"M-4.673e-05 8.88887L3.73084 -1.91434L-8.00806 17.0473L-4.673e-05 8.88887ZM27 18.3652L26.4253 6.95109L27 18.3652ZM54 8.88887L61.2673 17.7127L50.2691 -1.91434L54 8.88887ZM-4.673e-05 8.88887C-8.00806 17.0473 -8.00469 17.0505 -8.00132 17.0538C-8.00018 17.055 -7.99675 17.0583 -7.9944 17.0607C-7.98963 17.0653 -7.98474 17.0701 -7.97966 17.075C-7.96949 17.0849 -7.95863 17.0955 -7.94707 17.1066C-7.92401 17.129 -7.89809 17.1539 -7.86944 17.1812C-7.8122 17.236 -7.74377 17.3005 -7.66436 17.3743C-7.50567 17.5218 -7.30269 17.7063 -7.05645 17.9221C-6.56467 18.3532 -5.89662 18.9125 -5.06089 19.5534C-3.39603 20.83 -1.02575 22.4605 1.98012 24.0457C7.97874 27.2091 16.7723 30.3226 27.5746 29.7793L26.4253 6.95109C20.7391 7.23699 16.0326 5.61231 12.6534 3.83024C10.9703 2.94267 9.68222 2.04866 8.86091 1.41888C8.45356 1.10653 8.17155 0.867278 8.0241 0.738027C7.95072 0.673671 7.91178 0.637576 7.90841 0.634492C7.90682 0.63298 7.91419 0.639805 7.93071 0.65557C7.93897 0.663455 7.94952 0.673589 7.96235 0.686039C7.96883 0.692262 7.97582 0.699075 7.98338 0.706471C7.98719 0.710167 7.99113 0.714014 7.99526 0.718014C7.99729 0.720008 8.00047 0.723119 8.00148 0.724116C8.00466 0.727265 8.00796 0.730446 -4.673e-05 8.88887ZM27.5746 29.7793C37.6904 29.2706 45.9416 26.3684 51.6602 23.6054C54.5296 22.2191 56.8064 20.8465 58.4186 19.7784C59.2265 19.2431 59.873 18.7805 60.3494 18.4257C60.5878 18.2482 60.7841 18.0971 60.9374 17.977C61.014 17.9169 61.0799 17.8645 61.1349 17.8203C61.1624 17.7981 61.1872 17.7781 61.2093 17.7602C61.2203 17.7512 61.2307 17.7427 61.2403 17.7348C61.2452 17.7308 61.2499 17.727 61.2544 17.7233C61.2566 17.7215 61.2598 17.7188 61.261 17.7179C61.2642 17.7153 61.2673 17.7127 54 8.88887C46.7326 0.0650536 46.7357 0.0625219 46.7387 0.0600241C46.7397 0.0592345 46.7427 0.0567658 46.7446 0.0551857C46.7485 0.0520238 46.7521 0.0489887 46.7557 0.0460799C46.7628 0.0402623 46.7694 0.0349487 46.7753 0.0301318C46.7871 0.0204986 46.7966 0.0128495 46.8037 0.00712562C46.818 -0.00431848 46.8228 -0.00808311 46.8184 -0.00463784C46.8096 0.00228345 46.764 0.0378652 46.6828 0.0983779C46.5199 0.219675 46.2165 0.439161 45.7812 0.727519C44.9072 1.30663 43.5257 2.14765 41.7061 3.02677C38.0469 4.79468 32.7981 6.63058 26.4253 6.95109L27.5746 29.7793ZM54 8.88887C50.2691 -1.91433 50.27 -1.91467 50.271 -1.91498C50.2712 -1.91506 50.272 -1.91535 50.2724 -1.9155C50.2733 -1.91581 50.274 -1.91602 50.2743 -1.91616C50.2752 -1.91643 50.275 -1.91636 50.2738 -1.91595C50.2714 -1.91515 50.2652 -1.91302 50.2552 -1.9096C50.2351 -1.90276 50.1999 -1.89078 50.1503 -1.874C50.0509 -1.84043 49.8938 -1.78773 49.6844 -1.71863C49.2652 -1.58031 48.6387 -1.377 47.8481 -1.13035C46.2609 -0.635237 44.0427 0.0249875 41.5325 0.6823C36.215 2.07471 30.6736 3.15796 27 3.15796V26.0151C33.8087 26.0151 41.7672 24.2495 47.3292 22.7931C50.2586 22.026 52.825 21.2618 54.6625 20.6886C55.5842 20.4011 56.33 20.1593 56.8551 19.986C57.1178 19.8993 57.3258 19.8296 57.4735 19.7797C57.5474 19.7548 57.6062 19.7348 57.6493 19.72C57.6709 19.7127 57.6885 19.7066 57.7021 19.7019C57.7089 19.6996 57.7147 19.6976 57.7195 19.696C57.7219 19.6952 57.7241 19.6944 57.726 19.6938C57.7269 19.6934 57.7281 19.693 57.7286 19.6929C57.7298 19.6924 57.7309 19.692 54 8.88887ZM27 3.15796C23.3263 3.15796 17.7849 2.07471 12.4674 0.6823C9.95717 0.0249875 7.73904 -0.635237 6.15184 -1.13035C5.36118 -1.377 4.73467 -1.58031 4.3155 -1.71863C4.10609 -1.78773 3.94899 -1.84043 3.84961 -1.874C3.79994 -1.89078 3.76474 -1.90276 3.74471 -1.9096C3.73469 -1.91302 3.72848 -1.91515 3.72613 -1.91595C3.72496 -1.91636 3.72476 -1.91643 3.72554 -1.91616C3.72593 -1.91602 3.72657 -1.91581 3.72745 -1.9155C3.72789 -1.91535 3.72874 -1.91506 3.72896 -1.91498C3.72987 -1.91467 3.73084 -1.91433 -4.673e-05 8.88887C-3.73093 19.692 -3.72983 19.6924 -3.72868 19.6929C-3.72821 19.693 -3.72698 19.6934 -3.72603 19.6938C-3.72415 19.6944 -3.72201 19.6952 -3.71961 19.696C-3.71482 19.6976 -3.70901 19.6996 -3.7022 19.7019C-3.68858 19.7066 -3.67095 19.7127 -3.6494 19.72C-3.60629 19.7348 -3.54745 19.7548 -3.47359 19.7797C-3.32589 19.8296 -3.11788 19.8993 -2.85516 19.986C-2.33008 20.1593 -1.58425 20.4011 -0.662589 20.6886C1.17485 21.2618 3.74125 22.026 6.67073 22.7931C12.2327 24.2495 20.1913 26.0151 27 26.0151V3.15796Z\"\n fill=\"var(--primary-color)\"\n />\n </g>\n </svg>\n <div class=\"text-surface-900 dark:text-surface-0 text-3xl font-medium mb-4\">\n {{ title() }}\n </div>\n <span class=\"text-muted-color font-medium\">{{ subtitle() }}</span>\n </div>\n\n <div>\n <label\n for=\"email1\"\n class=\"block text-surface-900 dark:text-surface-0 text-xl font-medium mb-2\"\n >Email</label\n >\n <input\n hx-input\n id=\"email1\"\n type=\"text\"\n placeholder=\"Email address\"\n class=\"w-full md:w-120 mb-8\"\n [(ngModel)]=\"email\"\n />\n\n <label\n for=\"password1\"\n class=\"block text-surface-900 dark:text-surface-0 font-medium text-xl mb-2\"\n >Password</label\n >\n <h-password\n id=\"password1\"\n [(ngModel)]=\"password\"\n placeholder=\"Password\"\n [toggleMask]=\"true\"\n styleClass=\"mb-4\"\n [fluid]=\"true\"\n [feedback]=\"false\"\n ></h-password>\n\n <div class=\"flex items-center justify-between mt-2 mb-8 gap-8\">\n <div class=\"flex items-center\">\n <input type=\"checkbox\" hx-checkbox [(ngModel)]=\"checked\" id=\"rememberme1\" class=\"mr-2\" />\n <label for=\"rememberme1\">Remember me</label>\n </div>\n <span\n class=\"font-medium no-underline ml-2 text-right cursor-pointer text-primary\"\n (click)=\"onForgotPassword()\"\n >{{ forgotPasswordLabel() }}</span\n >\n </div>\n <button hx-button type=\"button\" fluid (click)=\"onSubmit()\">{{ submitLabel() }}</button>\n </div>\n </div>\n </div>\n </div>\n</div>\n",
3692
3650
  styles: [""],
3693
3651
  dependencies: [
3694
3652
  {
3695
- kind: "ngmodule",
3696
- type: ButtonModule
3697
- },
3698
- {
3699
- kind: "component",
3700
- type: i2$1.Button,
3701
- selector: "h-button",
3653
+ kind: "directive",
3654
+ type: HxButton,
3655
+ selector: "button[hx-button], a[hx-button]",
3702
3656
  inputs: [
3703
- "hostName",
3704
- "type",
3705
- "badge",
3706
- "disabled",
3707
- "raised",
3708
- "rounded",
3709
- "text",
3710
- "plain",
3711
- "outlined",
3712
- "link",
3713
- "tabindex",
3714
- "size",
3715
3657
  "variant",
3716
- "style",
3717
- "styleClass",
3718
- "badgeClass",
3719
- "badgeSeverity",
3720
- "ariaLabel",
3721
- "autofocus",
3722
- "iconPos",
3723
- "icon",
3724
- "label",
3725
- "loading",
3726
- "loadingIcon",
3727
3658
  "severity",
3728
- "buttonProps",
3729
- "fluid"
3730
- ],
3731
- outputs: [
3732
- "onClick",
3733
- "onFocus",
3734
- "onBlur"
3735
- ]
3736
- },
3737
- {
3738
- kind: "ngmodule",
3739
- type: CheckboxModule
3740
- },
3741
- {
3742
- kind: "component",
3743
- type: i2.Checkbox,
3744
- selector: "h-checkbox, h-checkBox, h-check-box",
3745
- inputs: [
3746
- "hostName",
3747
- "value",
3748
- "binary",
3749
- "ariaLabelledBy",
3750
- "ariaLabel",
3751
- "tabindex",
3752
- "inputId",
3753
- "inputStyle",
3754
- "styleClass",
3755
- "inputClass",
3756
- "indeterminate",
3757
- "formControl",
3758
- "checkboxIcon",
3759
- "readonly",
3760
- "autofocus",
3761
- "trueValue",
3762
- "falseValue",
3763
- "variant",
3764
- "size"
3659
+ "size",
3660
+ "rounded",
3661
+ "raised",
3662
+ "fluid",
3663
+ "iconOnly",
3664
+ "loading"
3765
3665
  ],
3766
- outputs: [
3767
- "onChange",
3768
- "onFocus",
3769
- "onBlur"
3770
- ]
3666
+ exportAs: ["hx-button"]
3771
3667
  },
3772
3668
  {
3773
- kind: "ngmodule",
3774
- type: InputTextModule
3669
+ kind: "directive",
3670
+ type: HxCheckbox,
3671
+ selector: "input[hx-checkbox]",
3672
+ inputs: ["size"],
3673
+ exportAs: ["hx-checkbox"]
3775
3674
  },
3776
3675
  {
3777
3676
  kind: "directive",
3778
- type: i3.InputText,
3779
- selector: "[hInputText]",
3677
+ type: HxInput,
3678
+ selector: "input[hx-input], textarea[hx-input]",
3780
3679
  inputs: [
3781
- "hostName",
3782
- "ptInputText",
3783
- "pInputTextPT",
3784
- "pInputTextUnstyled",
3785
- "pSize",
3786
3680
  "variant",
3787
- "fluid",
3788
- "invalid"
3789
- ]
3681
+ "size",
3682
+ "fluid"
3683
+ ],
3684
+ exportAs: ["hx-input"]
3790
3685
  },
3791
3686
  {
3792
3687
  kind: "ngmodule",
@@ -3794,7 +3689,7 @@ var HelixLogin = class HelixLogin {
3794
3689
  },
3795
3690
  {
3796
3691
  kind: "component",
3797
- type: i4.Password,
3692
+ type: i1$1.Password,
3798
3693
  selector: "h-password",
3799
3694
  inputs: [
3800
3695
  "ariaLabel",
@@ -3836,17 +3731,22 @@ var HelixLogin = class HelixLogin {
3836
3731
  },
3837
3732
  {
3838
3733
  kind: "directive",
3839
- type: i1$3.DefaultValueAccessor,
3734
+ type: i1$4.DefaultValueAccessor,
3840
3735
  selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]"
3841
3736
  },
3842
3737
  {
3843
3738
  kind: "directive",
3844
- type: i1$3.NgControlStatus,
3739
+ type: i1$4.CheckboxControlValueAccessor,
3740
+ selector: "input[type=checkbox]:not([ngNoCva])[formControlName],input[type=checkbox]:not([ngNoCva])[formControl],input[type=checkbox]:not([ngNoCva])[ngModel]"
3741
+ },
3742
+ {
3743
+ kind: "directive",
3744
+ type: i1$4.NgControlStatus,
3845
3745
  selector: "[formControlName],[ngModel],[formControl]"
3846
3746
  },
3847
3747
  {
3848
3748
  kind: "directive",
3849
- type: i1$3.NgModel,
3749
+ type: i1$4.NgModel,
3850
3750
  selector: "[ngModel]:not([formControlName]):not([formControl])",
3851
3751
  inputs: [
3852
3752
  "name",
@@ -3869,7 +3769,11 @@ var HelixLogin = class HelixLogin {
3869
3769
  kind: "component",
3870
3770
  type: HelixFloatingConfigurator,
3871
3771
  selector: "helix-floating-configurator",
3872
- inputs: ["float"]
3772
+ inputs: [
3773
+ "float",
3774
+ "darkModeLabel",
3775
+ "configuratorLabel"
3776
+ ]
3873
3777
  }
3874
3778
  ],
3875
3779
  changeDetection: i0.ChangeDetectionStrategy.Eager
@@ -3886,9 +3790,9 @@ i0.ɵɵngDeclareClassMetadata({
3886
3790
  selector: "helix-login",
3887
3791
  standalone: true,
3888
3792
  imports: [
3889
- ButtonModule,
3890
- CheckboxModule,
3891
- InputTextModule,
3793
+ HxButton,
3794
+ HxCheckbox,
3795
+ HxInput,
3892
3796
  PasswordModule,
3893
3797
  FormsModule,
3894
3798
  RouterModule,
@@ -3896,7 +3800,7 @@ i0.ɵɵngDeclareClassMetadata({
3896
3800
  HelixFloatingConfigurator
3897
3801
  ],
3898
3802
  changeDetection: ChangeDetectionStrategy.Eager,
3899
- template: "<helix-floating-configurator />\n<div\n class=\"bg-surface-50 dark:bg-surface-950 flex items-center justify-center min-h-screen min-w-screen overflow-hidden\"\n>\n <div class=\"flex flex-col items-center justify-center\">\n <div\n style=\"\n border-radius: 56px;\n padding: 0.3rem;\n background: linear-gradient(180deg, var(--primary-color) 10%, rgba(33, 150, 243, 0) 30%);\n \"\n >\n <div\n class=\"w-full bg-surface-0 dark:bg-surface-900 py-20 px-8 sm:px-20\"\n style=\"border-radius: 53px\"\n >\n <div class=\"text-center mb-8\">\n <svg\n viewBox=\"0 0 54 40\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n class=\"mb-8 w-16 shrink-0 mx-auto\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M17.1637 19.2467C17.1566 19.4033 17.1529 19.561 17.1529 19.7194C17.1529 25.3503 21.7203 29.915 27.3546 29.915C32.9887 29.915 37.5561 25.3503 37.5561 19.7194C37.5561 19.5572 37.5524 19.3959 37.5449 19.2355C38.5617 19.0801 39.5759 18.9013 40.5867 18.6994L40.6926 18.6782C40.7191 19.0218 40.7326 19.369 40.7326 19.7194C40.7326 27.1036 34.743 33.0896 27.3546 33.0896C19.966 33.0896 13.9765 27.1036 13.9765 19.7194C13.9765 19.374 13.9896 19.0316 14.0154 18.6927L14.0486 18.6994C15.0837 18.9062 16.1223 19.0886 17.1637 19.2467ZM33.3284 11.4538C31.6493 10.2396 29.5855 9.52381 27.3546 9.52381C25.1195 9.52381 23.0524 10.2421 21.3717 11.4603C20.0078 11.3232 18.6475 11.1387 17.2933 10.907C19.7453 8.11308 23.3438 6.34921 27.3546 6.34921C31.36 6.34921 34.9543 8.10844 37.4061 10.896C36.0521 11.1292 34.692 11.3152 33.3284 11.4538ZM43.826 18.0518C43.881 18.6003 43.9091 19.1566 43.9091 19.7194C43.9091 28.8568 36.4973 36.2642 27.3546 36.2642C18.2117 36.2642 10.8 28.8568 10.8 19.7194C10.8 19.1615 10.8276 18.61 10.8816 18.0663L7.75383 17.4411C7.66775 18.1886 7.62354 18.9488 7.62354 19.7194C7.62354 30.6102 16.4574 39.4388 27.3546 39.4388C38.2517 39.4388 47.0855 30.6102 47.0855 19.7194C47.0855 18.9439 47.0407 18.1789 46.9536 17.4267L43.826 18.0518ZM44.2613 9.54743L40.9084 10.2176C37.9134 5.95821 32.9593 3.1746 27.3546 3.1746C21.7442 3.1746 16.7856 5.96385 13.7915 10.2305L10.4399 9.56057C13.892 3.83178 20.1756 0 27.3546 0C34.5281 0 40.8075 3.82591 44.2613 9.54743Z\"\n fill=\"var(--primary-color)\"\n />\n <mask\n id=\"mask0_1413_1551\"\n style=\"mask-type: alpha\"\n maskUnits=\"userSpaceOnUse\"\n x=\"0\"\n y=\"8\"\n width=\"54\"\n height=\"11\"\n >\n <path\n d=\"M27 18.3652C10.5114 19.1944 0 8.88892 0 8.88892C0 8.88892 16.5176 14.5866 27 14.5866C37.4824 14.5866 54 8.88892 54 8.88892C54 8.88892 43.4886 17.5361 27 18.3652Z\"\n fill=\"var(--primary-color)\"\n />\n </mask>\n <g mask=\"url(#mask0_1413_1551)\">\n <path\n d=\"M-4.673e-05 8.88887L3.73084 -1.91434L-8.00806 17.0473L-4.673e-05 8.88887ZM27 18.3652L26.4253 6.95109L27 18.3652ZM54 8.88887L61.2673 17.7127L50.2691 -1.91434L54 8.88887ZM-4.673e-05 8.88887C-8.00806 17.0473 -8.00469 17.0505 -8.00132 17.0538C-8.00018 17.055 -7.99675 17.0583 -7.9944 17.0607C-7.98963 17.0653 -7.98474 17.0701 -7.97966 17.075C-7.96949 17.0849 -7.95863 17.0955 -7.94707 17.1066C-7.92401 17.129 -7.89809 17.1539 -7.86944 17.1812C-7.8122 17.236 -7.74377 17.3005 -7.66436 17.3743C-7.50567 17.5218 -7.30269 17.7063 -7.05645 17.9221C-6.56467 18.3532 -5.89662 18.9125 -5.06089 19.5534C-3.39603 20.83 -1.02575 22.4605 1.98012 24.0457C7.97874 27.2091 16.7723 30.3226 27.5746 29.7793L26.4253 6.95109C20.7391 7.23699 16.0326 5.61231 12.6534 3.83024C10.9703 2.94267 9.68222 2.04866 8.86091 1.41888C8.45356 1.10653 8.17155 0.867278 8.0241 0.738027C7.95072 0.673671 7.91178 0.637576 7.90841 0.634492C7.90682 0.63298 7.91419 0.639805 7.93071 0.65557C7.93897 0.663455 7.94952 0.673589 7.96235 0.686039C7.96883 0.692262 7.97582 0.699075 7.98338 0.706471C7.98719 0.710167 7.99113 0.714014 7.99526 0.718014C7.99729 0.720008 8.00047 0.723119 8.00148 0.724116C8.00466 0.727265 8.00796 0.730446 -4.673e-05 8.88887ZM27.5746 29.7793C37.6904 29.2706 45.9416 26.3684 51.6602 23.6054C54.5296 22.2191 56.8064 20.8465 58.4186 19.7784C59.2265 19.2431 59.873 18.7805 60.3494 18.4257C60.5878 18.2482 60.7841 18.0971 60.9374 17.977C61.014 17.9169 61.0799 17.8645 61.1349 17.8203C61.1624 17.7981 61.1872 17.7781 61.2093 17.7602C61.2203 17.7512 61.2307 17.7427 61.2403 17.7348C61.2452 17.7308 61.2499 17.727 61.2544 17.7233C61.2566 17.7215 61.2598 17.7188 61.261 17.7179C61.2642 17.7153 61.2673 17.7127 54 8.88887C46.7326 0.0650536 46.7357 0.0625219 46.7387 0.0600241C46.7397 0.0592345 46.7427 0.0567658 46.7446 0.0551857C46.7485 0.0520238 46.7521 0.0489887 46.7557 0.0460799C46.7628 0.0402623 46.7694 0.0349487 46.7753 0.0301318C46.7871 0.0204986 46.7966 0.0128495 46.8037 0.00712562C46.818 -0.00431848 46.8228 -0.00808311 46.8184 -0.00463784C46.8096 0.00228345 46.764 0.0378652 46.6828 0.0983779C46.5199 0.219675 46.2165 0.439161 45.7812 0.727519C44.9072 1.30663 43.5257 2.14765 41.7061 3.02677C38.0469 4.79468 32.7981 6.63058 26.4253 6.95109L27.5746 29.7793ZM54 8.88887C50.2691 -1.91433 50.27 -1.91467 50.271 -1.91498C50.2712 -1.91506 50.272 -1.91535 50.2724 -1.9155C50.2733 -1.91581 50.274 -1.91602 50.2743 -1.91616C50.2752 -1.91643 50.275 -1.91636 50.2738 -1.91595C50.2714 -1.91515 50.2652 -1.91302 50.2552 -1.9096C50.2351 -1.90276 50.1999 -1.89078 50.1503 -1.874C50.0509 -1.84043 49.8938 -1.78773 49.6844 -1.71863C49.2652 -1.58031 48.6387 -1.377 47.8481 -1.13035C46.2609 -0.635237 44.0427 0.0249875 41.5325 0.6823C36.215 2.07471 30.6736 3.15796 27 3.15796V26.0151C33.8087 26.0151 41.7672 24.2495 47.3292 22.7931C50.2586 22.026 52.825 21.2618 54.6625 20.6886C55.5842 20.4011 56.33 20.1593 56.8551 19.986C57.1178 19.8993 57.3258 19.8296 57.4735 19.7797C57.5474 19.7548 57.6062 19.7348 57.6493 19.72C57.6709 19.7127 57.6885 19.7066 57.7021 19.7019C57.7089 19.6996 57.7147 19.6976 57.7195 19.696C57.7219 19.6952 57.7241 19.6944 57.726 19.6938C57.7269 19.6934 57.7281 19.693 57.7286 19.6929C57.7298 19.6924 57.7309 19.692 54 8.88887ZM27 3.15796C23.3263 3.15796 17.7849 2.07471 12.4674 0.6823C9.95717 0.0249875 7.73904 -0.635237 6.15184 -1.13035C5.36118 -1.377 4.73467 -1.58031 4.3155 -1.71863C4.10609 -1.78773 3.94899 -1.84043 3.84961 -1.874C3.79994 -1.89078 3.76474 -1.90276 3.74471 -1.9096C3.73469 -1.91302 3.72848 -1.91515 3.72613 -1.91595C3.72496 -1.91636 3.72476 -1.91643 3.72554 -1.91616C3.72593 -1.91602 3.72657 -1.91581 3.72745 -1.9155C3.72789 -1.91535 3.72874 -1.91506 3.72896 -1.91498C3.72987 -1.91467 3.73084 -1.91433 -4.673e-05 8.88887C-3.73093 19.692 -3.72983 19.6924 -3.72868 19.6929C-3.72821 19.693 -3.72698 19.6934 -3.72603 19.6938C-3.72415 19.6944 -3.72201 19.6952 -3.71961 19.696C-3.71482 19.6976 -3.70901 19.6996 -3.7022 19.7019C-3.68858 19.7066 -3.67095 19.7127 -3.6494 19.72C-3.60629 19.7348 -3.54745 19.7548 -3.47359 19.7797C-3.32589 19.8296 -3.11788 19.8993 -2.85516 19.986C-2.33008 20.1593 -1.58425 20.4011 -0.662589 20.6886C1.17485 21.2618 3.74125 22.026 6.67073 22.7931C12.2327 24.2495 20.1913 26.0151 27 26.0151V3.15796Z\"\n fill=\"var(--primary-color)\"\n />\n </g>\n </svg>\n <div class=\"text-surface-900 dark:text-surface-0 text-3xl font-medium mb-4\">\n {{ title() }}\n </div>\n <span class=\"text-muted-color font-medium\">{{ subtitle() }}</span>\n </div>\n\n <div>\n <label\n for=\"email1\"\n class=\"block text-surface-900 dark:text-surface-0 text-xl font-medium mb-2\"\n >Email</label\n >\n <input\n hInputText\n id=\"email1\"\n type=\"text\"\n placeholder=\"Email address\"\n class=\"w-full md:w-120 mb-8\"\n [(ngModel)]=\"email\"\n />\n\n <label\n for=\"password1\"\n class=\"block text-surface-900 dark:text-surface-0 font-medium text-xl mb-2\"\n >Password</label\n >\n <h-password\n id=\"password1\"\n [(ngModel)]=\"password\"\n placeholder=\"Password\"\n [toggleMask]=\"true\"\n styleClass=\"mb-4\"\n [fluid]=\"true\"\n [feedback]=\"false\"\n ></h-password>\n\n <div class=\"flex items-center justify-between mt-2 mb-8 gap-8\">\n <div class=\"flex items-center\">\n <h-checkbox [(ngModel)]=\"checked\" id=\"rememberme1\" binary class=\"mr-2\"></h-checkbox>\n <label for=\"rememberme1\">Remember me</label>\n </div>\n <span\n class=\"font-medium no-underline ml-2 text-right cursor-pointer text-primary\"\n (click)=\"onForgotPassword()\"\n >{{ forgotPasswordLabel() }}</span\n >\n </div>\n <h-button [label]=\"submitLabel()\" styleClass=\"w-full\" (onClick)=\"onSubmit()\"></h-button>\n </div>\n </div>\n </div>\n </div>\n</div>\n"
3803
+ template: "<helix-floating-configurator />\n<div\n class=\"bg-surface-50 dark:bg-surface-950 flex items-center justify-center min-h-screen min-w-screen overflow-hidden\"\n>\n <div class=\"flex flex-col items-center justify-center\">\n <div\n style=\"\n border-radius: 56px;\n padding: 0.3rem;\n background: linear-gradient(180deg, var(--primary-color) 10%, rgba(33, 150, 243, 0) 30%);\n \"\n >\n <div\n class=\"w-full bg-surface-0 dark:bg-surface-900 py-20 px-8 sm:px-20\"\n style=\"border-radius: 53px\"\n >\n <div class=\"text-center mb-8\">\n <svg\n viewBox=\"0 0 54 40\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n class=\"mb-8 w-16 shrink-0 mx-auto\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M17.1637 19.2467C17.1566 19.4033 17.1529 19.561 17.1529 19.7194C17.1529 25.3503 21.7203 29.915 27.3546 29.915C32.9887 29.915 37.5561 25.3503 37.5561 19.7194C37.5561 19.5572 37.5524 19.3959 37.5449 19.2355C38.5617 19.0801 39.5759 18.9013 40.5867 18.6994L40.6926 18.6782C40.7191 19.0218 40.7326 19.369 40.7326 19.7194C40.7326 27.1036 34.743 33.0896 27.3546 33.0896C19.966 33.0896 13.9765 27.1036 13.9765 19.7194C13.9765 19.374 13.9896 19.0316 14.0154 18.6927L14.0486 18.6994C15.0837 18.9062 16.1223 19.0886 17.1637 19.2467ZM33.3284 11.4538C31.6493 10.2396 29.5855 9.52381 27.3546 9.52381C25.1195 9.52381 23.0524 10.2421 21.3717 11.4603C20.0078 11.3232 18.6475 11.1387 17.2933 10.907C19.7453 8.11308 23.3438 6.34921 27.3546 6.34921C31.36 6.34921 34.9543 8.10844 37.4061 10.896C36.0521 11.1292 34.692 11.3152 33.3284 11.4538ZM43.826 18.0518C43.881 18.6003 43.9091 19.1566 43.9091 19.7194C43.9091 28.8568 36.4973 36.2642 27.3546 36.2642C18.2117 36.2642 10.8 28.8568 10.8 19.7194C10.8 19.1615 10.8276 18.61 10.8816 18.0663L7.75383 17.4411C7.66775 18.1886 7.62354 18.9488 7.62354 19.7194C7.62354 30.6102 16.4574 39.4388 27.3546 39.4388C38.2517 39.4388 47.0855 30.6102 47.0855 19.7194C47.0855 18.9439 47.0407 18.1789 46.9536 17.4267L43.826 18.0518ZM44.2613 9.54743L40.9084 10.2176C37.9134 5.95821 32.9593 3.1746 27.3546 3.1746C21.7442 3.1746 16.7856 5.96385 13.7915 10.2305L10.4399 9.56057C13.892 3.83178 20.1756 0 27.3546 0C34.5281 0 40.8075 3.82591 44.2613 9.54743Z\"\n fill=\"var(--primary-color)\"\n />\n <mask\n id=\"mask0_1413_1551\"\n style=\"mask-type: alpha\"\n maskUnits=\"userSpaceOnUse\"\n x=\"0\"\n y=\"8\"\n width=\"54\"\n height=\"11\"\n >\n <path\n d=\"M27 18.3652C10.5114 19.1944 0 8.88892 0 8.88892C0 8.88892 16.5176 14.5866 27 14.5866C37.4824 14.5866 54 8.88892 54 8.88892C54 8.88892 43.4886 17.5361 27 18.3652Z\"\n fill=\"var(--primary-color)\"\n />\n </mask>\n <g mask=\"url(#mask0_1413_1551)\">\n <path\n d=\"M-4.673e-05 8.88887L3.73084 -1.91434L-8.00806 17.0473L-4.673e-05 8.88887ZM27 18.3652L26.4253 6.95109L27 18.3652ZM54 8.88887L61.2673 17.7127L50.2691 -1.91434L54 8.88887ZM-4.673e-05 8.88887C-8.00806 17.0473 -8.00469 17.0505 -8.00132 17.0538C-8.00018 17.055 -7.99675 17.0583 -7.9944 17.0607C-7.98963 17.0653 -7.98474 17.0701 -7.97966 17.075C-7.96949 17.0849 -7.95863 17.0955 -7.94707 17.1066C-7.92401 17.129 -7.89809 17.1539 -7.86944 17.1812C-7.8122 17.236 -7.74377 17.3005 -7.66436 17.3743C-7.50567 17.5218 -7.30269 17.7063 -7.05645 17.9221C-6.56467 18.3532 -5.89662 18.9125 -5.06089 19.5534C-3.39603 20.83 -1.02575 22.4605 1.98012 24.0457C7.97874 27.2091 16.7723 30.3226 27.5746 29.7793L26.4253 6.95109C20.7391 7.23699 16.0326 5.61231 12.6534 3.83024C10.9703 2.94267 9.68222 2.04866 8.86091 1.41888C8.45356 1.10653 8.17155 0.867278 8.0241 0.738027C7.95072 0.673671 7.91178 0.637576 7.90841 0.634492C7.90682 0.63298 7.91419 0.639805 7.93071 0.65557C7.93897 0.663455 7.94952 0.673589 7.96235 0.686039C7.96883 0.692262 7.97582 0.699075 7.98338 0.706471C7.98719 0.710167 7.99113 0.714014 7.99526 0.718014C7.99729 0.720008 8.00047 0.723119 8.00148 0.724116C8.00466 0.727265 8.00796 0.730446 -4.673e-05 8.88887ZM27.5746 29.7793C37.6904 29.2706 45.9416 26.3684 51.6602 23.6054C54.5296 22.2191 56.8064 20.8465 58.4186 19.7784C59.2265 19.2431 59.873 18.7805 60.3494 18.4257C60.5878 18.2482 60.7841 18.0971 60.9374 17.977C61.014 17.9169 61.0799 17.8645 61.1349 17.8203C61.1624 17.7981 61.1872 17.7781 61.2093 17.7602C61.2203 17.7512 61.2307 17.7427 61.2403 17.7348C61.2452 17.7308 61.2499 17.727 61.2544 17.7233C61.2566 17.7215 61.2598 17.7188 61.261 17.7179C61.2642 17.7153 61.2673 17.7127 54 8.88887C46.7326 0.0650536 46.7357 0.0625219 46.7387 0.0600241C46.7397 0.0592345 46.7427 0.0567658 46.7446 0.0551857C46.7485 0.0520238 46.7521 0.0489887 46.7557 0.0460799C46.7628 0.0402623 46.7694 0.0349487 46.7753 0.0301318C46.7871 0.0204986 46.7966 0.0128495 46.8037 0.00712562C46.818 -0.00431848 46.8228 -0.00808311 46.8184 -0.00463784C46.8096 0.00228345 46.764 0.0378652 46.6828 0.0983779C46.5199 0.219675 46.2165 0.439161 45.7812 0.727519C44.9072 1.30663 43.5257 2.14765 41.7061 3.02677C38.0469 4.79468 32.7981 6.63058 26.4253 6.95109L27.5746 29.7793ZM54 8.88887C50.2691 -1.91433 50.27 -1.91467 50.271 -1.91498C50.2712 -1.91506 50.272 -1.91535 50.2724 -1.9155C50.2733 -1.91581 50.274 -1.91602 50.2743 -1.91616C50.2752 -1.91643 50.275 -1.91636 50.2738 -1.91595C50.2714 -1.91515 50.2652 -1.91302 50.2552 -1.9096C50.2351 -1.90276 50.1999 -1.89078 50.1503 -1.874C50.0509 -1.84043 49.8938 -1.78773 49.6844 -1.71863C49.2652 -1.58031 48.6387 -1.377 47.8481 -1.13035C46.2609 -0.635237 44.0427 0.0249875 41.5325 0.6823C36.215 2.07471 30.6736 3.15796 27 3.15796V26.0151C33.8087 26.0151 41.7672 24.2495 47.3292 22.7931C50.2586 22.026 52.825 21.2618 54.6625 20.6886C55.5842 20.4011 56.33 20.1593 56.8551 19.986C57.1178 19.8993 57.3258 19.8296 57.4735 19.7797C57.5474 19.7548 57.6062 19.7348 57.6493 19.72C57.6709 19.7127 57.6885 19.7066 57.7021 19.7019C57.7089 19.6996 57.7147 19.6976 57.7195 19.696C57.7219 19.6952 57.7241 19.6944 57.726 19.6938C57.7269 19.6934 57.7281 19.693 57.7286 19.6929C57.7298 19.6924 57.7309 19.692 54 8.88887ZM27 3.15796C23.3263 3.15796 17.7849 2.07471 12.4674 0.6823C9.95717 0.0249875 7.73904 -0.635237 6.15184 -1.13035C5.36118 -1.377 4.73467 -1.58031 4.3155 -1.71863C4.10609 -1.78773 3.94899 -1.84043 3.84961 -1.874C3.79994 -1.89078 3.76474 -1.90276 3.74471 -1.9096C3.73469 -1.91302 3.72848 -1.91515 3.72613 -1.91595C3.72496 -1.91636 3.72476 -1.91643 3.72554 -1.91616C3.72593 -1.91602 3.72657 -1.91581 3.72745 -1.9155C3.72789 -1.91535 3.72874 -1.91506 3.72896 -1.91498C3.72987 -1.91467 3.73084 -1.91433 -4.673e-05 8.88887C-3.73093 19.692 -3.72983 19.6924 -3.72868 19.6929C-3.72821 19.693 -3.72698 19.6934 -3.72603 19.6938C-3.72415 19.6944 -3.72201 19.6952 -3.71961 19.696C-3.71482 19.6976 -3.70901 19.6996 -3.7022 19.7019C-3.68858 19.7066 -3.67095 19.7127 -3.6494 19.72C-3.60629 19.7348 -3.54745 19.7548 -3.47359 19.7797C-3.32589 19.8296 -3.11788 19.8993 -2.85516 19.986C-2.33008 20.1593 -1.58425 20.4011 -0.662589 20.6886C1.17485 21.2618 3.74125 22.026 6.67073 22.7931C12.2327 24.2495 20.1913 26.0151 27 26.0151V3.15796Z\"\n fill=\"var(--primary-color)\"\n />\n </g>\n </svg>\n <div class=\"text-surface-900 dark:text-surface-0 text-3xl font-medium mb-4\">\n {{ title() }}\n </div>\n <span class=\"text-muted-color font-medium\">{{ subtitle() }}</span>\n </div>\n\n <div>\n <label\n for=\"email1\"\n class=\"block text-surface-900 dark:text-surface-0 text-xl font-medium mb-2\"\n >Email</label\n >\n <input\n hx-input\n id=\"email1\"\n type=\"text\"\n placeholder=\"Email address\"\n class=\"w-full md:w-120 mb-8\"\n [(ngModel)]=\"email\"\n />\n\n <label\n for=\"password1\"\n class=\"block text-surface-900 dark:text-surface-0 font-medium text-xl mb-2\"\n >Password</label\n >\n <h-password\n id=\"password1\"\n [(ngModel)]=\"password\"\n placeholder=\"Password\"\n [toggleMask]=\"true\"\n styleClass=\"mb-4\"\n [fluid]=\"true\"\n [feedback]=\"false\"\n ></h-password>\n\n <div class=\"flex items-center justify-between mt-2 mb-8 gap-8\">\n <div class=\"flex items-center\">\n <input type=\"checkbox\" hx-checkbox [(ngModel)]=\"checked\" id=\"rememberme1\" class=\"mr-2\" />\n <label for=\"rememberme1\">Remember me</label>\n </div>\n <span\n class=\"font-medium no-underline ml-2 text-right cursor-pointer text-primary\"\n (click)=\"onForgotPassword()\"\n >{{ forgotPasswordLabel() }}</span\n >\n </div>\n <button hx-button type=\"button\" fluid (click)=\"onSubmit()\">{{ submitLabel() }}</button>\n </div>\n </div>\n </div>\n </div>\n</div>\n"
3900
3804
  }]
3901
3805
  }],
3902
3806
  propDecorators: {
@@ -4166,7 +4070,7 @@ var HelixFeaturesWidget = class HelixFeaturesWidget {
4166
4070
  type: CommonModule
4167
4071
  }, {
4168
4072
  kind: "directive",
4169
- type: i1$2.NgClass,
4073
+ type: i1$3.NgClass,
4170
4074
  selector: "[ngClass]",
4171
4075
  inputs: ["class", "ngClass"]
4172
4076
  }],
@@ -4309,7 +4213,7 @@ var HelixFooterWidget = class HelixFooterWidget {
4309
4213
  type: RouterModule
4310
4214
  }, {
4311
4215
  kind: "directive",
4312
- type: i2$2.RouterLink,
4216
+ type: i2.RouterLink,
4313
4217
  selector: "[routerLink]",
4314
4218
  inputs: [
4315
4219
  "target",
@@ -4439,37 +4343,24 @@ var HelixHeroWidget = class HelixHeroWidget {
4439
4343
  },
4440
4344
  outputs: { buttonClick: "buttonClick" },
4441
4345
  ngImport: i0,
4442
- template: "<div\n id=\"hero\"\n class=\"flex flex-col pt-6 px-6 lg:px-20 overflow-hidden\"\n style=\"\n background:\n linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)),\n radial-gradient(\n 77.36% 256.97% at 77.36% 57.52%,\n rgb(238, 239, 175) 0%,\n rgb(195, 227, 250) 100%\n );\n clip-path: ellipse(150% 87% at 93% 13%);\n \"\n>\n <div class=\"mx-6 md:mx-20 mt-0 md:mt-6\">\n <h1 class=\"text-6xl font-bold text-gray-900 leading-tight dark:!text-gray-700\">\n <span class=\"font-light block\">{{ headlineLight() }}</span\n >{{ headline() }}\n </h1>\n <p class=\"font-normal text-2xl leading-normal md:mt-4 text-gray-700 dark:text-gray-700\">\n {{ description() }}\n </p>\n <button\n hButton\n hRipple\n [rounded]=\"true\"\n type=\"button\"\n [label]=\"buttonLabel()\"\n class=\"text-xl! mt-8 px-4!\"\n (click)=\"buttonClick.emit()\"\n ></button>\n </div>\n <div class=\"flex justify-center md:justify-end\">\n <img [src]=\"imageUrl()\" [alt]=\"imageAlt()\" class=\"w-9/12 md:w-auto\" />\n </div>\n</div>\n",
4346
+ template: "<div\n id=\"hero\"\n class=\"flex flex-col pt-6 px-6 lg:px-20 overflow-hidden\"\n style=\"\n background:\n linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)),\n radial-gradient(\n 77.36% 256.97% at 77.36% 57.52%,\n rgb(238, 239, 175) 0%,\n rgb(195, 227, 250) 100%\n );\n clip-path: ellipse(150% 87% at 93% 13%);\n \"\n>\n <div class=\"mx-6 md:mx-20 mt-0 md:mt-6\">\n <h1 class=\"text-6xl font-bold text-gray-900 leading-tight dark:!text-gray-700\">\n <span class=\"font-light block\">{{ headlineLight() }}</span\n >{{ headline() }}\n </h1>\n <p class=\"font-normal text-2xl leading-normal md:mt-4 text-gray-700 dark:text-gray-700\">\n {{ description() }}\n </p>\n <button\n hx-button\n hRipple\n rounded\n type=\"button\"\n class=\"text-xl! mt-8 px-4!\"\n (click)=\"buttonClick.emit()\"\n >\n {{ buttonLabel() }}\n </button>\n </div>\n <div class=\"flex justify-center md:justify-end\">\n <img [src]=\"imageUrl()\" [alt]=\"imageAlt()\" class=\"w-9/12 md:w-auto\" />\n </div>\n</div>\n",
4443
4347
  styles: [""],
4444
4348
  dependencies: [
4445
- {
4446
- kind: "ngmodule",
4447
- type: ButtonModule
4448
- },
4449
4349
  {
4450
4350
  kind: "directive",
4451
- type: i2$1.ButtonDirective,
4452
- selector: "[hButton]",
4351
+ type: HxButton,
4352
+ selector: "button[hx-button], a[hx-button]",
4453
4353
  inputs: [
4454
- "ptButtonDirective",
4455
- "pButtonPT",
4456
- "pButtonUnstyled",
4457
- "hostName",
4458
- "text",
4459
- "plain",
4460
- "raised",
4354
+ "variant",
4355
+ "severity",
4461
4356
  "size",
4462
- "outlined",
4463
4357
  "rounded",
4464
- "iconPos",
4465
- "loadingIcon",
4358
+ "raised",
4466
4359
  "fluid",
4467
- "label",
4468
- "icon",
4469
- "loading",
4470
- "buttonProps",
4471
- "severity"
4472
- ]
4360
+ "iconOnly",
4361
+ "loading"
4362
+ ],
4363
+ exportAs: ["hx-button"]
4473
4364
  },
4474
4365
  {
4475
4366
  kind: "ngmodule",
@@ -4477,7 +4368,7 @@ var HelixHeroWidget = class HelixHeroWidget {
4477
4368
  },
4478
4369
  {
4479
4370
  kind: "directive",
4480
- type: i3$2.Ripple,
4371
+ type: i3$1.Ripple,
4481
4372
  selector: "[hRipple]"
4482
4373
  }
4483
4374
  ],
@@ -4494,9 +4385,9 @@ i0.ɵɵngDeclareClassMetadata({
4494
4385
  args: [{
4495
4386
  selector: "helix-hero-widget",
4496
4387
  standalone: true,
4497
- imports: [ButtonModule, RippleModule],
4388
+ imports: [HxButton, RippleModule],
4498
4389
  changeDetection: ChangeDetectionStrategy.Eager,
4499
- template: "<div\n id=\"hero\"\n class=\"flex flex-col pt-6 px-6 lg:px-20 overflow-hidden\"\n style=\"\n background:\n linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)),\n radial-gradient(\n 77.36% 256.97% at 77.36% 57.52%,\n rgb(238, 239, 175) 0%,\n rgb(195, 227, 250) 100%\n );\n clip-path: ellipse(150% 87% at 93% 13%);\n \"\n>\n <div class=\"mx-6 md:mx-20 mt-0 md:mt-6\">\n <h1 class=\"text-6xl font-bold text-gray-900 leading-tight dark:!text-gray-700\">\n <span class=\"font-light block\">{{ headlineLight() }}</span\n >{{ headline() }}\n </h1>\n <p class=\"font-normal text-2xl leading-normal md:mt-4 text-gray-700 dark:text-gray-700\">\n {{ description() }}\n </p>\n <button\n hButton\n hRipple\n [rounded]=\"true\"\n type=\"button\"\n [label]=\"buttonLabel()\"\n class=\"text-xl! mt-8 px-4!\"\n (click)=\"buttonClick.emit()\"\n ></button>\n </div>\n <div class=\"flex justify-center md:justify-end\">\n <img [src]=\"imageUrl()\" [alt]=\"imageAlt()\" class=\"w-9/12 md:w-auto\" />\n </div>\n</div>\n"
4390
+ template: "<div\n id=\"hero\"\n class=\"flex flex-col pt-6 px-6 lg:px-20 overflow-hidden\"\n style=\"\n background:\n linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)),\n radial-gradient(\n 77.36% 256.97% at 77.36% 57.52%,\n rgb(238, 239, 175) 0%,\n rgb(195, 227, 250) 100%\n );\n clip-path: ellipse(150% 87% at 93% 13%);\n \"\n>\n <div class=\"mx-6 md:mx-20 mt-0 md:mt-6\">\n <h1 class=\"text-6xl font-bold text-gray-900 leading-tight dark:!text-gray-700\">\n <span class=\"font-light block\">{{ headlineLight() }}</span\n >{{ headline() }}\n </h1>\n <p class=\"font-normal text-2xl leading-normal md:mt-4 text-gray-700 dark:text-gray-700\">\n {{ description() }}\n </p>\n <button\n hx-button\n hRipple\n rounded\n type=\"button\"\n class=\"text-xl! mt-8 px-4!\"\n (click)=\"buttonClick.emit()\"\n >\n {{ buttonLabel() }}\n </button>\n </div>\n <div class=\"flex justify-center md:justify-end\">\n <img [src]=\"imageUrl()\" [alt]=\"imageAlt()\" class=\"w-9/12 md:w-auto\" />\n </div>\n</div>\n"
4500
4391
  }]
4501
4392
  }],
4502
4393
  propDecorators: {
@@ -4758,7 +4649,7 @@ var HelixPricingWidget = class HelixPricingWidget {
4758
4649
  },
4759
4650
  outputs: { planSelect: "planSelect" },
4760
4651
  ngImport: i0,
4761
- template: "<div id=\"pricing\" class=\"py-6 px-6 lg:px-20 my-2 md:my-6\">\n <div class=\"text-center mb-6\">\n <div class=\"text-surface-900 dark:text-surface-0 font-normal mb-2 text-4xl\">\n {{ sectionTitle() }}\n </div>\n <span class=\"text-muted-color text-2xl\">{{ sectionSubtitle() }}</span>\n </div>\n\n <div class=\"grid grid-cols-12 gap-4 justify-between mt-20 md:mt-0\">\n @for (plan of plans(); track plan.title) {\n <div class=\"col-span-12 lg:col-span-4 p-0 md:p-4 mt-6 md:mt-0\">\n <div\n class=\"p-4 flex flex-col border-surface-200 dark:border-surface-600 pricing-card cursor-pointer border-2 hover:border-primary duration-300 transition-all\"\n style=\"border-radius: 10px\"\n (click)=\"planSelect.emit(plan)\"\n >\n <div class=\"text-surface-900 dark:text-surface-0 text-center my-8 text-3xl\">\n {{ plan.title }}\n </div>\n <img [src]=\"plan.imageUrl\" class=\"w-10/12 mx-auto\" [alt]=\"plan.imageAlt\" />\n <div class=\"my-8 flex flex-col items-center gap-4\">\n <div class=\"flex items-center\">\n <span class=\"text-5xl font-bold mr-2 text-surface-900 dark:text-surface-0\">{{\n plan.price\n }}</span>\n <span class=\"text-surface-600 dark:text-surface-200\">{{ plan.pricePeriod }}</span>\n </div>\n <button\n hButton\n hRipple\n [label]=\"plan.buttonLabel\"\n class=\"h-button-rounded border-0 ml-4 font-light leading-tight bg-blue-500 text-white\"\n (click)=\"planSelect.emit(plan); $event.stopPropagation()\"\n ></button>\n </div>\n <h-divider class=\"w-full bg-surface-200\"></h-divider>\n <ul class=\"my-8 list-none p-0 flex text-surface-900 dark:text-surface-0 flex-col px-8\">\n @for (feature of plan.features; track feature) {\n <li class=\"py-2\">\n <i class=\"pi pi-fw pi-check text-xl text-cyan-500 mr-2\"></i>\n <span class=\"text-xl leading-normal\">{{ feature }}</span>\n </li>\n }\n </ul>\n </div>\n </div>\n }\n </div>\n</div>\n",
4652
+ template: "<div id=\"pricing\" class=\"py-6 px-6 lg:px-20 my-2 md:my-6\">\n <div class=\"text-center mb-6\">\n <div class=\"text-surface-900 dark:text-surface-0 font-normal mb-2 text-4xl\">\n {{ sectionTitle() }}\n </div>\n <span class=\"text-muted-color text-2xl\">{{ sectionSubtitle() }}</span>\n </div>\n\n <div class=\"grid grid-cols-12 gap-4 justify-between mt-20 md:mt-0\">\n @for (plan of plans(); track plan.title) {\n <div class=\"col-span-12 lg:col-span-4 p-0 md:p-4 mt-6 md:mt-0\">\n <div\n class=\"p-4 flex flex-col border-surface-200 dark:border-surface-600 pricing-card cursor-pointer border-2 hover:border-primary duration-300 transition-all\"\n style=\"border-radius: 10px\"\n (click)=\"planSelect.emit(plan)\"\n >\n <div class=\"text-surface-900 dark:text-surface-0 text-center my-8 text-3xl\">\n {{ plan.title }}\n </div>\n <img [src]=\"plan.imageUrl\" class=\"w-10/12 mx-auto\" [alt]=\"plan.imageAlt\" />\n <div class=\"my-8 flex flex-col items-center gap-4\">\n <div class=\"flex items-center\">\n <span class=\"text-5xl font-bold mr-2 text-surface-900 dark:text-surface-0\">{{\n plan.price\n }}</span>\n <span class=\"text-surface-600 dark:text-surface-200\">{{ plan.pricePeriod }}</span>\n </div>\n <button\n hx-button\n hRipple\n rounded\n type=\"button\"\n class=\"border-0 ml-4 font-light leading-tight bg-blue-500 text-white\"\n (click)=\"planSelect.emit(plan); $event.stopPropagation()\"\n >\n {{ plan.buttonLabel }}\n </button>\n </div>\n <h-divider class=\"w-full bg-surface-200\"></h-divider>\n <ul class=\"my-8 list-none p-0 flex text-surface-900 dark:text-surface-0 flex-col px-8\">\n @for (feature of plan.features; track feature) {\n <li class=\"py-2\">\n <i class=\"pi pi-fw pi-check text-xl text-cyan-500 mr-2\"></i>\n <span class=\"text-xl leading-normal\">{{ feature }}</span>\n </li>\n }\n </ul>\n </div>\n </div>\n }\n </div>\n</div>\n",
4762
4653
  styles: [""],
4763
4654
  dependencies: [
4764
4655
  {
@@ -4776,34 +4667,21 @@ var HelixPricingWidget = class HelixPricingWidget {
4776
4667
  "align"
4777
4668
  ]
4778
4669
  },
4779
- {
4780
- kind: "ngmodule",
4781
- type: ButtonModule
4782
- },
4783
4670
  {
4784
4671
  kind: "directive",
4785
- type: i2$1.ButtonDirective,
4786
- selector: "[hButton]",
4672
+ type: HxButton,
4673
+ selector: "button[hx-button], a[hx-button]",
4787
4674
  inputs: [
4788
- "ptButtonDirective",
4789
- "pButtonPT",
4790
- "pButtonUnstyled",
4791
- "hostName",
4792
- "text",
4793
- "plain",
4794
- "raised",
4675
+ "variant",
4676
+ "severity",
4795
4677
  "size",
4796
- "outlined",
4797
4678
  "rounded",
4798
- "iconPos",
4799
- "loadingIcon",
4679
+ "raised",
4800
4680
  "fluid",
4801
- "label",
4802
- "icon",
4803
- "loading",
4804
- "buttonProps",
4805
- "severity"
4806
- ]
4681
+ "iconOnly",
4682
+ "loading"
4683
+ ],
4684
+ exportAs: ["hx-button"]
4807
4685
  },
4808
4686
  {
4809
4687
  kind: "ngmodule",
@@ -4811,7 +4689,7 @@ var HelixPricingWidget = class HelixPricingWidget {
4811
4689
  },
4812
4690
  {
4813
4691
  kind: "directive",
4814
- type: i3$2.Ripple,
4692
+ type: i3$1.Ripple,
4815
4693
  selector: "[hRipple]"
4816
4694
  }
4817
4695
  ],
@@ -4830,11 +4708,11 @@ i0.ɵɵngDeclareClassMetadata({
4830
4708
  standalone: true,
4831
4709
  imports: [
4832
4710
  DividerModule,
4833
- ButtonModule,
4711
+ HxButton,
4834
4712
  RippleModule
4835
4713
  ],
4836
4714
  changeDetection: ChangeDetectionStrategy.Eager,
4837
- template: "<div id=\"pricing\" class=\"py-6 px-6 lg:px-20 my-2 md:my-6\">\n <div class=\"text-center mb-6\">\n <div class=\"text-surface-900 dark:text-surface-0 font-normal mb-2 text-4xl\">\n {{ sectionTitle() }}\n </div>\n <span class=\"text-muted-color text-2xl\">{{ sectionSubtitle() }}</span>\n </div>\n\n <div class=\"grid grid-cols-12 gap-4 justify-between mt-20 md:mt-0\">\n @for (plan of plans(); track plan.title) {\n <div class=\"col-span-12 lg:col-span-4 p-0 md:p-4 mt-6 md:mt-0\">\n <div\n class=\"p-4 flex flex-col border-surface-200 dark:border-surface-600 pricing-card cursor-pointer border-2 hover:border-primary duration-300 transition-all\"\n style=\"border-radius: 10px\"\n (click)=\"planSelect.emit(plan)\"\n >\n <div class=\"text-surface-900 dark:text-surface-0 text-center my-8 text-3xl\">\n {{ plan.title }}\n </div>\n <img [src]=\"plan.imageUrl\" class=\"w-10/12 mx-auto\" [alt]=\"plan.imageAlt\" />\n <div class=\"my-8 flex flex-col items-center gap-4\">\n <div class=\"flex items-center\">\n <span class=\"text-5xl font-bold mr-2 text-surface-900 dark:text-surface-0\">{{\n plan.price\n }}</span>\n <span class=\"text-surface-600 dark:text-surface-200\">{{ plan.pricePeriod }}</span>\n </div>\n <button\n hButton\n hRipple\n [label]=\"plan.buttonLabel\"\n class=\"h-button-rounded border-0 ml-4 font-light leading-tight bg-blue-500 text-white\"\n (click)=\"planSelect.emit(plan); $event.stopPropagation()\"\n ></button>\n </div>\n <h-divider class=\"w-full bg-surface-200\"></h-divider>\n <ul class=\"my-8 list-none p-0 flex text-surface-900 dark:text-surface-0 flex-col px-8\">\n @for (feature of plan.features; track feature) {\n <li class=\"py-2\">\n <i class=\"pi pi-fw pi-check text-xl text-cyan-500 mr-2\"></i>\n <span class=\"text-xl leading-normal\">{{ feature }}</span>\n </li>\n }\n </ul>\n </div>\n </div>\n }\n </div>\n</div>\n"
4715
+ template: "<div id=\"pricing\" class=\"py-6 px-6 lg:px-20 my-2 md:my-6\">\n <div class=\"text-center mb-6\">\n <div class=\"text-surface-900 dark:text-surface-0 font-normal mb-2 text-4xl\">\n {{ sectionTitle() }}\n </div>\n <span class=\"text-muted-color text-2xl\">{{ sectionSubtitle() }}</span>\n </div>\n\n <div class=\"grid grid-cols-12 gap-4 justify-between mt-20 md:mt-0\">\n @for (plan of plans(); track plan.title) {\n <div class=\"col-span-12 lg:col-span-4 p-0 md:p-4 mt-6 md:mt-0\">\n <div\n class=\"p-4 flex flex-col border-surface-200 dark:border-surface-600 pricing-card cursor-pointer border-2 hover:border-primary duration-300 transition-all\"\n style=\"border-radius: 10px\"\n (click)=\"planSelect.emit(plan)\"\n >\n <div class=\"text-surface-900 dark:text-surface-0 text-center my-8 text-3xl\">\n {{ plan.title }}\n </div>\n <img [src]=\"plan.imageUrl\" class=\"w-10/12 mx-auto\" [alt]=\"plan.imageAlt\" />\n <div class=\"my-8 flex flex-col items-center gap-4\">\n <div class=\"flex items-center\">\n <span class=\"text-5xl font-bold mr-2 text-surface-900 dark:text-surface-0\">{{\n plan.price\n }}</span>\n <span class=\"text-surface-600 dark:text-surface-200\">{{ plan.pricePeriod }}</span>\n </div>\n <button\n hx-button\n hRipple\n rounded\n type=\"button\"\n class=\"border-0 ml-4 font-light leading-tight bg-blue-500 text-white\"\n (click)=\"planSelect.emit(plan); $event.stopPropagation()\"\n >\n {{ plan.buttonLabel }}\n </button>\n </div>\n <h-divider class=\"w-full bg-surface-200\"></h-divider>\n <ul class=\"my-8 list-none p-0 flex text-surface-900 dark:text-surface-0 flex-col px-8\">\n @for (feature of plan.features; track feature) {\n <li class=\"py-2\">\n <i class=\"pi pi-fw pi-check text-xl text-cyan-500 mr-2\"></i>\n <span class=\"text-xl leading-normal\">{{ feature }}</span>\n </li>\n }\n </ul>\n </div>\n </div>\n }\n </div>\n</div>\n"
4838
4716
  }]
4839
4717
  }],
4840
4718
  propDecorators: {
@@ -4893,6 +4771,7 @@ const DEFAULT_NAV_LINKS = [
4893
4771
  var HelixTopbarWidget = class HelixTopbarWidget {
4894
4772
  router;
4895
4773
  navLinks = input(DEFAULT_NAV_LINKS, ...ngDevMode ? [{ debugName: "navLinks" }] : /* istanbul ignore next */ []);
4774
+ menuLabel = input("Menu", ...ngDevMode ? [{ debugName: "menuLabel" }] : /* istanbul ignore next */ []);
4896
4775
  loginLabel = input("Login", ...ngDevMode ? [{ debugName: "loginLabel" }] : /* istanbul ignore next */ []);
4897
4776
  loginRoute = input("/auth/login", ...ngDevMode ? [{ debugName: "loginRoute" }] : /* istanbul ignore next */ []);
4898
4777
  registerLabel = input("Register", ...ngDevMode ? [{ debugName: "registerLabel" }] : /* istanbul ignore next */ []);
@@ -4905,7 +4784,7 @@ var HelixTopbarWidget = class HelixTopbarWidget {
4905
4784
  version: "22.2.1",
4906
4785
  ngImport: i0,
4907
4786
  type: HelixTopbarWidget,
4908
- deps: [{ token: i2$2.Router }],
4787
+ deps: [{ token: i2.Router }],
4909
4788
  target: i0.ɵɵFactoryTarget.Component
4910
4789
  });
4911
4790
  static ɵcmp = i0.ɵɵngDeclareComponent({
@@ -4922,6 +4801,13 @@ var HelixTopbarWidget = class HelixTopbarWidget {
4922
4801
  isRequired: false,
4923
4802
  transformFunction: null
4924
4803
  },
4804
+ menuLabel: {
4805
+ classPropertyName: "menuLabel",
4806
+ publicName: "menuLabel",
4807
+ isSignal: true,
4808
+ isRequired: false,
4809
+ transformFunction: null
4810
+ },
4925
4811
  loginLabel: {
4926
4812
  classPropertyName: "loginLabel",
4927
4813
  publicName: "loginLabel",
@@ -4952,7 +4838,7 @@ var HelixTopbarWidget = class HelixTopbarWidget {
4952
4838
  }
4953
4839
  },
4954
4840
  ngImport: i0,
4955
- template: "<a class=\"flex items-center\" href=\"#\">\n <svg viewBox=\"0 0 54 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"h-12 mr-2\">\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M17.1637 19.2467C17.1566 19.4033 17.1529 19.561 17.1529 19.7194C17.1529 25.3503 21.7203 29.915 27.3546 29.915C32.9887 29.915 37.5561 25.3503 37.5561 19.7194C37.5561 19.5572 37.5524 19.3959 37.5449 19.2355C38.5617 19.0801 39.5759 18.9013 40.5867 18.6994L40.6926 18.6782C40.7191 19.0218 40.7326 19.369 40.7326 19.7194C40.7326 27.1036 34.743 33.0896 27.3546 33.0896C19.966 33.0896 13.9765 27.1036 13.9765 19.7194C13.9765 19.374 13.9896 19.0316 14.0154 18.6927L14.0486 18.6994C15.0837 18.9062 16.1223 19.0886 17.1637 19.2467ZM33.3284 11.4538C31.6493 10.2396 29.5855 9.52381 27.3546 9.52381C25.1195 9.52381 23.0524 10.2421 21.3717 11.4603C20.0078 11.3232 18.6475 11.1387 17.2933 10.907C19.7453 8.11308 23.3438 6.34921 27.3546 6.34921C31.36 6.34921 34.9543 8.10844 37.4061 10.896C36.0521 11.1292 34.692 11.3152 33.3284 11.4538ZM43.826 18.0518C43.881 18.6003 43.9091 19.1566 43.9091 19.7194C43.9091 28.8568 36.4973 36.2642 27.3546 36.2642C18.2117 36.2642 10.8 28.8568 10.8 19.7194C10.8 19.1615 10.8276 18.61 10.8816 18.0663L7.75383 17.4411C7.66775 18.1886 7.62354 18.9488 7.62354 19.7194C7.62354 30.6102 16.4574 39.4388 27.3546 39.4388C38.2517 39.4388 47.0855 30.6102 47.0855 19.7194C47.0855 18.9439 47.0407 18.1789 46.9536 17.4267L43.826 18.0518ZM44.2613 9.54743L40.9084 10.2176C37.9134 5.95821 32.9593 3.1746 27.3546 3.1746C21.7442 3.1746 16.7856 5.96385 13.7915 10.2305L10.4399 9.56057C13.892 3.83178 20.1756 0 27.3546 0C34.5281 0 40.8075 3.82591 44.2613 9.54743Z\"\n fill=\"var(--primary-color)\"\n />\n <mask\n id=\"mask0_topbar\"\n style=\"mask-type: alpha\"\n maskUnits=\"userSpaceOnUse\"\n x=\"0\"\n y=\"8\"\n width=\"54\"\n height=\"11\"\n >\n <path\n d=\"M27 18.3652C10.5114 19.1944 0 8.88892 0 8.88892C0 8.88892 16.5176 14.5866 27 14.5866C37.4824 14.5866 54 8.88892 54 8.88892C54 8.88892 43.4886 17.5361 27 18.3652Z\"\n fill=\"var(--primary-color)\"\n />\n </mask>\n <g mask=\"url(#mask0_topbar)\">\n <path\n d=\"M-4.673e-05 8.88887L3.73084 -1.91434L-8.00806 17.0473L-4.673e-05 8.88887ZM27 18.3652L26.4253 6.95109L27 18.3652ZM54 8.88887L61.2673 17.7127L50.2691 -1.91434L54 8.88887Z\"\n fill=\"var(--primary-color)\"\n />\n </g>\n </svg>\n <span class=\"text-surface-900 dark:text-surface-0 font-medium text-2xl leading-normal mr-20\"\n >SAKAI</span\n >\n</a>\n\n<a\n hButton\n [text]=\"true\"\n severity=\"secondary\"\n [rounded]=\"true\"\n hRipple\n class=\"lg:hidden!\"\n hStyleClass=\"@next\"\n enterFromClass=\"hidden\"\n leaveToClass=\"hidden\"\n [hideOnOutsideClick]=\"true\"\n>\n <i class=\"pi pi-bars text-2xl!\"></i>\n</a>\n\n<div\n class=\"items-center bg-surface-0 dark:bg-surface-900 grow justify-between hidden lg:flex absolute lg:static w-full left-0 top-full px-12 lg:px-0 z-20 rounded-border\"\n>\n <ul\n class=\"list-none p-0 m-0 flex lg:items-center select-none flex-col lg:flex-row cursor-pointer gap-8\"\n >\n @for (link of navLinks(); track link.label) {\n <li>\n <a\n (click)=\"router.navigate([link.route], { fragment: link.fragment })\"\n hRipple\n class=\"px-0 py-4 text-surface-900 dark:text-surface-0 font-medium text-xl\"\n >\n <span>{{ link.label }}</span>\n </a>\n </li>\n }\n </ul>\n <div class=\"flex border-t lg:border-t-0 border-surface py-4 lg:py-0 mt-4 lg:mt-0 gap-2\">\n <button\n hButton\n hRipple\n [label]=\"loginLabel()\"\n [routerLink]=\"loginRoute()\"\n [rounded]=\"true\"\n [text]=\"true\"\n ></button>\n <button\n hButton\n hRipple\n [label]=\"registerLabel()\"\n [routerLink]=\"registerRoute()\"\n [rounded]=\"true\"\n ></button>\n <helix-floating-configurator [float]=\"false\" />\n </div>\n</div>\n",
4841
+ template: "<a class=\"flex items-center\" href=\"#\">\n <svg viewBox=\"0 0 54 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"h-12 mr-2\">\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M17.1637 19.2467C17.1566 19.4033 17.1529 19.561 17.1529 19.7194C17.1529 25.3503 21.7203 29.915 27.3546 29.915C32.9887 29.915 37.5561 25.3503 37.5561 19.7194C37.5561 19.5572 37.5524 19.3959 37.5449 19.2355C38.5617 19.0801 39.5759 18.9013 40.5867 18.6994L40.6926 18.6782C40.7191 19.0218 40.7326 19.369 40.7326 19.7194C40.7326 27.1036 34.743 33.0896 27.3546 33.0896C19.966 33.0896 13.9765 27.1036 13.9765 19.7194C13.9765 19.374 13.9896 19.0316 14.0154 18.6927L14.0486 18.6994C15.0837 18.9062 16.1223 19.0886 17.1637 19.2467ZM33.3284 11.4538C31.6493 10.2396 29.5855 9.52381 27.3546 9.52381C25.1195 9.52381 23.0524 10.2421 21.3717 11.4603C20.0078 11.3232 18.6475 11.1387 17.2933 10.907C19.7453 8.11308 23.3438 6.34921 27.3546 6.34921C31.36 6.34921 34.9543 8.10844 37.4061 10.896C36.0521 11.1292 34.692 11.3152 33.3284 11.4538ZM43.826 18.0518C43.881 18.6003 43.9091 19.1566 43.9091 19.7194C43.9091 28.8568 36.4973 36.2642 27.3546 36.2642C18.2117 36.2642 10.8 28.8568 10.8 19.7194C10.8 19.1615 10.8276 18.61 10.8816 18.0663L7.75383 17.4411C7.66775 18.1886 7.62354 18.9488 7.62354 19.7194C7.62354 30.6102 16.4574 39.4388 27.3546 39.4388C38.2517 39.4388 47.0855 30.6102 47.0855 19.7194C47.0855 18.9439 47.0407 18.1789 46.9536 17.4267L43.826 18.0518ZM44.2613 9.54743L40.9084 10.2176C37.9134 5.95821 32.9593 3.1746 27.3546 3.1746C21.7442 3.1746 16.7856 5.96385 13.7915 10.2305L10.4399 9.56057C13.892 3.83178 20.1756 0 27.3546 0C34.5281 0 40.8075 3.82591 44.2613 9.54743Z\"\n fill=\"var(--primary-color)\"\n />\n <mask\n id=\"mask0_topbar\"\n style=\"mask-type: alpha\"\n maskUnits=\"userSpaceOnUse\"\n x=\"0\"\n y=\"8\"\n width=\"54\"\n height=\"11\"\n >\n <path\n d=\"M27 18.3652C10.5114 19.1944 0 8.88892 0 8.88892C0 8.88892 16.5176 14.5866 27 14.5866C37.4824 14.5866 54 8.88892 54 8.88892C54 8.88892 43.4886 17.5361 27 18.3652Z\"\n fill=\"var(--primary-color)\"\n />\n </mask>\n <g mask=\"url(#mask0_topbar)\">\n <path\n d=\"M-4.673e-05 8.88887L3.73084 -1.91434L-8.00806 17.0473L-4.673e-05 8.88887ZM27 18.3652L26.4253 6.95109L27 18.3652ZM54 8.88887L61.2673 17.7127L50.2691 -1.91434L54 8.88887Z\"\n fill=\"var(--primary-color)\"\n />\n </g>\n </svg>\n <span class=\"text-surface-900 dark:text-surface-0 font-medium text-2xl leading-normal mr-20\"\n >SAKAI</span\n >\n</a>\n\n<a\n hx-button\n variant=\"text\"\n severity=\"secondary\"\n rounded\n iconOnly\n [attr.aria-label]=\"menuLabel()\"\n hRipple\n class=\"lg:hidden!\"\n hStyleClass=\"@next\"\n enterFromClass=\"hidden\"\n leaveToClass=\"hidden\"\n [hideOnOutsideClick]=\"true\"\n>\n <i class=\"pi pi-bars text-2xl!\"></i>\n</a>\n\n<div\n class=\"items-center bg-surface-0 dark:bg-surface-900 grow justify-between hidden lg:flex absolute lg:static w-full left-0 top-full px-12 lg:px-0 z-20 rounded-border\"\n>\n <ul\n class=\"list-none p-0 m-0 flex lg:items-center select-none flex-col lg:flex-row cursor-pointer gap-8\"\n >\n @for (link of navLinks(); track link.label) {\n <li>\n <a\n (click)=\"router.navigate([link.route], { fragment: link.fragment })\"\n hRipple\n class=\"px-0 py-4 text-surface-900 dark:text-surface-0 font-medium text-xl\"\n >\n <span>{{ link.label }}</span>\n </a>\n </li>\n }\n </ul>\n <div class=\"flex border-t lg:border-t-0 border-surface py-4 lg:py-0 mt-4 lg:mt-0 gap-2\">\n <a hx-button hRipple [routerLink]=\"loginRoute()\" rounded variant=\"text\">{{ loginLabel() }}</a>\n <a hx-button hRipple [routerLink]=\"registerRoute()\" rounded>{{ registerLabel() }}</a>\n <helix-floating-configurator [float]=\"false\" />\n </div>\n</div>\n",
4956
4842
  styles: [""],
4957
4843
  dependencies: [
4958
4844
  {
@@ -4961,7 +4847,7 @@ var HelixTopbarWidget = class HelixTopbarWidget {
4961
4847
  },
4962
4848
  {
4963
4849
  kind: "directive",
4964
- type: i2$2.RouterLink,
4850
+ type: i2.RouterLink,
4965
4851
  selector: "[routerLink]",
4966
4852
  inputs: [
4967
4853
  "target",
@@ -4984,7 +4870,7 @@ var HelixTopbarWidget = class HelixTopbarWidget {
4984
4870
  },
4985
4871
  {
4986
4872
  kind: "directive",
4987
- type: i1$1.StyleClass,
4873
+ type: i1$2.StyleClass,
4988
4874
  selector: "[hStyleClass]",
4989
4875
  inputs: [
4990
4876
  "hStyleClass",
@@ -5001,34 +4887,21 @@ var HelixTopbarWidget = class HelixTopbarWidget {
5001
4887
  "resizeSelector"
5002
4888
  ]
5003
4889
  },
5004
- {
5005
- kind: "ngmodule",
5006
- type: ButtonModule
5007
- },
5008
4890
  {
5009
4891
  kind: "directive",
5010
- type: i2$1.ButtonDirective,
5011
- selector: "[hButton]",
4892
+ type: HxButton,
4893
+ selector: "button[hx-button], a[hx-button]",
5012
4894
  inputs: [
5013
- "ptButtonDirective",
5014
- "pButtonPT",
5015
- "pButtonUnstyled",
5016
- "hostName",
5017
- "text",
5018
- "plain",
5019
- "raised",
4895
+ "variant",
4896
+ "severity",
5020
4897
  "size",
5021
- "outlined",
5022
4898
  "rounded",
5023
- "iconPos",
5024
- "loadingIcon",
4899
+ "raised",
5025
4900
  "fluid",
5026
- "label",
5027
- "icon",
5028
- "loading",
5029
- "buttonProps",
5030
- "severity"
5031
- ]
4901
+ "iconOnly",
4902
+ "loading"
4903
+ ],
4904
+ exportAs: ["hx-button"]
5032
4905
  },
5033
4906
  {
5034
4907
  kind: "ngmodule",
@@ -5036,14 +4909,18 @@ var HelixTopbarWidget = class HelixTopbarWidget {
5036
4909
  },
5037
4910
  {
5038
4911
  kind: "directive",
5039
- type: i3$2.Ripple,
4912
+ type: i3$1.Ripple,
5040
4913
  selector: "[hRipple]"
5041
4914
  },
5042
4915
  {
5043
4916
  kind: "component",
5044
4917
  type: HelixFloatingConfigurator,
5045
4918
  selector: "helix-floating-configurator",
5046
- inputs: ["float"]
4919
+ inputs: [
4920
+ "float",
4921
+ "darkModeLabel",
4922
+ "configuratorLabel"
4923
+ ]
5047
4924
  }
5048
4925
  ],
5049
4926
  changeDetection: i0.ChangeDetectionStrategy.Eager
@@ -5062,15 +4939,15 @@ i0.ɵɵngDeclareClassMetadata({
5062
4939
  imports: [
5063
4940
  RouterModule,
5064
4941
  StyleClassModule,
5065
- ButtonModule,
4942
+ HxButton,
5066
4943
  RippleModule,
5067
4944
  HelixFloatingConfigurator
5068
4945
  ],
5069
4946
  changeDetection: ChangeDetectionStrategy.Eager,
5070
- template: "<a class=\"flex items-center\" href=\"#\">\n <svg viewBox=\"0 0 54 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"h-12 mr-2\">\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M17.1637 19.2467C17.1566 19.4033 17.1529 19.561 17.1529 19.7194C17.1529 25.3503 21.7203 29.915 27.3546 29.915C32.9887 29.915 37.5561 25.3503 37.5561 19.7194C37.5561 19.5572 37.5524 19.3959 37.5449 19.2355C38.5617 19.0801 39.5759 18.9013 40.5867 18.6994L40.6926 18.6782C40.7191 19.0218 40.7326 19.369 40.7326 19.7194C40.7326 27.1036 34.743 33.0896 27.3546 33.0896C19.966 33.0896 13.9765 27.1036 13.9765 19.7194C13.9765 19.374 13.9896 19.0316 14.0154 18.6927L14.0486 18.6994C15.0837 18.9062 16.1223 19.0886 17.1637 19.2467ZM33.3284 11.4538C31.6493 10.2396 29.5855 9.52381 27.3546 9.52381C25.1195 9.52381 23.0524 10.2421 21.3717 11.4603C20.0078 11.3232 18.6475 11.1387 17.2933 10.907C19.7453 8.11308 23.3438 6.34921 27.3546 6.34921C31.36 6.34921 34.9543 8.10844 37.4061 10.896C36.0521 11.1292 34.692 11.3152 33.3284 11.4538ZM43.826 18.0518C43.881 18.6003 43.9091 19.1566 43.9091 19.7194C43.9091 28.8568 36.4973 36.2642 27.3546 36.2642C18.2117 36.2642 10.8 28.8568 10.8 19.7194C10.8 19.1615 10.8276 18.61 10.8816 18.0663L7.75383 17.4411C7.66775 18.1886 7.62354 18.9488 7.62354 19.7194C7.62354 30.6102 16.4574 39.4388 27.3546 39.4388C38.2517 39.4388 47.0855 30.6102 47.0855 19.7194C47.0855 18.9439 47.0407 18.1789 46.9536 17.4267L43.826 18.0518ZM44.2613 9.54743L40.9084 10.2176C37.9134 5.95821 32.9593 3.1746 27.3546 3.1746C21.7442 3.1746 16.7856 5.96385 13.7915 10.2305L10.4399 9.56057C13.892 3.83178 20.1756 0 27.3546 0C34.5281 0 40.8075 3.82591 44.2613 9.54743Z\"\n fill=\"var(--primary-color)\"\n />\n <mask\n id=\"mask0_topbar\"\n style=\"mask-type: alpha\"\n maskUnits=\"userSpaceOnUse\"\n x=\"0\"\n y=\"8\"\n width=\"54\"\n height=\"11\"\n >\n <path\n d=\"M27 18.3652C10.5114 19.1944 0 8.88892 0 8.88892C0 8.88892 16.5176 14.5866 27 14.5866C37.4824 14.5866 54 8.88892 54 8.88892C54 8.88892 43.4886 17.5361 27 18.3652Z\"\n fill=\"var(--primary-color)\"\n />\n </mask>\n <g mask=\"url(#mask0_topbar)\">\n <path\n d=\"M-4.673e-05 8.88887L3.73084 -1.91434L-8.00806 17.0473L-4.673e-05 8.88887ZM27 18.3652L26.4253 6.95109L27 18.3652ZM54 8.88887L61.2673 17.7127L50.2691 -1.91434L54 8.88887Z\"\n fill=\"var(--primary-color)\"\n />\n </g>\n </svg>\n <span class=\"text-surface-900 dark:text-surface-0 font-medium text-2xl leading-normal mr-20\"\n >SAKAI</span\n >\n</a>\n\n<a\n hButton\n [text]=\"true\"\n severity=\"secondary\"\n [rounded]=\"true\"\n hRipple\n class=\"lg:hidden!\"\n hStyleClass=\"@next\"\n enterFromClass=\"hidden\"\n leaveToClass=\"hidden\"\n [hideOnOutsideClick]=\"true\"\n>\n <i class=\"pi pi-bars text-2xl!\"></i>\n</a>\n\n<div\n class=\"items-center bg-surface-0 dark:bg-surface-900 grow justify-between hidden lg:flex absolute lg:static w-full left-0 top-full px-12 lg:px-0 z-20 rounded-border\"\n>\n <ul\n class=\"list-none p-0 m-0 flex lg:items-center select-none flex-col lg:flex-row cursor-pointer gap-8\"\n >\n @for (link of navLinks(); track link.label) {\n <li>\n <a\n (click)=\"router.navigate([link.route], { fragment: link.fragment })\"\n hRipple\n class=\"px-0 py-4 text-surface-900 dark:text-surface-0 font-medium text-xl\"\n >\n <span>{{ link.label }}</span>\n </a>\n </li>\n }\n </ul>\n <div class=\"flex border-t lg:border-t-0 border-surface py-4 lg:py-0 mt-4 lg:mt-0 gap-2\">\n <button\n hButton\n hRipple\n [label]=\"loginLabel()\"\n [routerLink]=\"loginRoute()\"\n [rounded]=\"true\"\n [text]=\"true\"\n ></button>\n <button\n hButton\n hRipple\n [label]=\"registerLabel()\"\n [routerLink]=\"registerRoute()\"\n [rounded]=\"true\"\n ></button>\n <helix-floating-configurator [float]=\"false\" />\n </div>\n</div>\n"
4947
+ template: "<a class=\"flex items-center\" href=\"#\">\n <svg viewBox=\"0 0 54 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"h-12 mr-2\">\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M17.1637 19.2467C17.1566 19.4033 17.1529 19.561 17.1529 19.7194C17.1529 25.3503 21.7203 29.915 27.3546 29.915C32.9887 29.915 37.5561 25.3503 37.5561 19.7194C37.5561 19.5572 37.5524 19.3959 37.5449 19.2355C38.5617 19.0801 39.5759 18.9013 40.5867 18.6994L40.6926 18.6782C40.7191 19.0218 40.7326 19.369 40.7326 19.7194C40.7326 27.1036 34.743 33.0896 27.3546 33.0896C19.966 33.0896 13.9765 27.1036 13.9765 19.7194C13.9765 19.374 13.9896 19.0316 14.0154 18.6927L14.0486 18.6994C15.0837 18.9062 16.1223 19.0886 17.1637 19.2467ZM33.3284 11.4538C31.6493 10.2396 29.5855 9.52381 27.3546 9.52381C25.1195 9.52381 23.0524 10.2421 21.3717 11.4603C20.0078 11.3232 18.6475 11.1387 17.2933 10.907C19.7453 8.11308 23.3438 6.34921 27.3546 6.34921C31.36 6.34921 34.9543 8.10844 37.4061 10.896C36.0521 11.1292 34.692 11.3152 33.3284 11.4538ZM43.826 18.0518C43.881 18.6003 43.9091 19.1566 43.9091 19.7194C43.9091 28.8568 36.4973 36.2642 27.3546 36.2642C18.2117 36.2642 10.8 28.8568 10.8 19.7194C10.8 19.1615 10.8276 18.61 10.8816 18.0663L7.75383 17.4411C7.66775 18.1886 7.62354 18.9488 7.62354 19.7194C7.62354 30.6102 16.4574 39.4388 27.3546 39.4388C38.2517 39.4388 47.0855 30.6102 47.0855 19.7194C47.0855 18.9439 47.0407 18.1789 46.9536 17.4267L43.826 18.0518ZM44.2613 9.54743L40.9084 10.2176C37.9134 5.95821 32.9593 3.1746 27.3546 3.1746C21.7442 3.1746 16.7856 5.96385 13.7915 10.2305L10.4399 9.56057C13.892 3.83178 20.1756 0 27.3546 0C34.5281 0 40.8075 3.82591 44.2613 9.54743Z\"\n fill=\"var(--primary-color)\"\n />\n <mask\n id=\"mask0_topbar\"\n style=\"mask-type: alpha\"\n maskUnits=\"userSpaceOnUse\"\n x=\"0\"\n y=\"8\"\n width=\"54\"\n height=\"11\"\n >\n <path\n d=\"M27 18.3652C10.5114 19.1944 0 8.88892 0 8.88892C0 8.88892 16.5176 14.5866 27 14.5866C37.4824 14.5866 54 8.88892 54 8.88892C54 8.88892 43.4886 17.5361 27 18.3652Z\"\n fill=\"var(--primary-color)\"\n />\n </mask>\n <g mask=\"url(#mask0_topbar)\">\n <path\n d=\"M-4.673e-05 8.88887L3.73084 -1.91434L-8.00806 17.0473L-4.673e-05 8.88887ZM27 18.3652L26.4253 6.95109L27 18.3652ZM54 8.88887L61.2673 17.7127L50.2691 -1.91434L54 8.88887Z\"\n fill=\"var(--primary-color)\"\n />\n </g>\n </svg>\n <span class=\"text-surface-900 dark:text-surface-0 font-medium text-2xl leading-normal mr-20\"\n >SAKAI</span\n >\n</a>\n\n<a\n hx-button\n variant=\"text\"\n severity=\"secondary\"\n rounded\n iconOnly\n [attr.aria-label]=\"menuLabel()\"\n hRipple\n class=\"lg:hidden!\"\n hStyleClass=\"@next\"\n enterFromClass=\"hidden\"\n leaveToClass=\"hidden\"\n [hideOnOutsideClick]=\"true\"\n>\n <i class=\"pi pi-bars text-2xl!\"></i>\n</a>\n\n<div\n class=\"items-center bg-surface-0 dark:bg-surface-900 grow justify-between hidden lg:flex absolute lg:static w-full left-0 top-full px-12 lg:px-0 z-20 rounded-border\"\n>\n <ul\n class=\"list-none p-0 m-0 flex lg:items-center select-none flex-col lg:flex-row cursor-pointer gap-8\"\n >\n @for (link of navLinks(); track link.label) {\n <li>\n <a\n (click)=\"router.navigate([link.route], { fragment: link.fragment })\"\n hRipple\n class=\"px-0 py-4 text-surface-900 dark:text-surface-0 font-medium text-xl\"\n >\n <span>{{ link.label }}</span>\n </a>\n </li>\n }\n </ul>\n <div class=\"flex border-t lg:border-t-0 border-surface py-4 lg:py-0 mt-4 lg:mt-0 gap-2\">\n <a hx-button hRipple [routerLink]=\"loginRoute()\" rounded variant=\"text\">{{ loginLabel() }}</a>\n <a hx-button hRipple [routerLink]=\"registerRoute()\" rounded>{{ registerLabel() }}</a>\n <helix-floating-configurator [float]=\"false\" />\n </div>\n</div>\n"
5071
4948
  }]
5072
4949
  }],
5073
- ctorParameters: () => [{ type: i2$2.Router }],
4950
+ ctorParameters: () => [{ type: i2.Router }],
5074
4951
  propDecorators: {
5075
4952
  navLinks: [{
5076
4953
  type: i0.Input,
@@ -5080,6 +4957,14 @@ i0.ɵɵngDeclareClassMetadata({
5080
4957
  required: false
5081
4958
  }]
5082
4959
  }],
4960
+ menuLabel: [{
4961
+ type: i0.Input,
4962
+ args: [{
4963
+ isSignal: true,
4964
+ alias: "menuLabel",
4965
+ required: false
4966
+ }]
4967
+ }],
5083
4968
  loginLabel: [{
5084
4969
  type: i0.Input,
5085
4970
  args: [{
@@ -5143,6 +5028,7 @@ var HelixLanding = class HelixLanding {
5143
5028
  selector: "helix-topbar-widget",
5144
5029
  inputs: [
5145
5030
  "navLinks",
5031
+ "menuLabel",
5146
5032
  "loginLabel",
5147
5033
  "loginRoute",
5148
5034
  "registerLabel",
@@ -5213,10 +5099,6 @@ var HelixLanding = class HelixLanding {
5213
5099
  kind: "ngmodule",
5214
5100
  type: StyleClassModule
5215
5101
  },
5216
- {
5217
- kind: "ngmodule",
5218
- type: ButtonModule
5219
- },
5220
5102
  {
5221
5103
  kind: "ngmodule",
5222
5104
  type: DividerModule
@@ -5245,7 +5127,6 @@ i0.ɵɵngDeclareClassMetadata({
5245
5127
  HelixFooterWidget,
5246
5128
  RippleModule,
5247
5129
  StyleClassModule,
5248
- ButtonModule,
5249
5130
  DividerModule
5250
5131
  ],
5251
5132
  changeDetection: ChangeDetectionStrategy.Eager,
@@ -5339,7 +5220,7 @@ var HelixNotfound = class HelixNotfound {
5339
5220
  }
5340
5221
  },
5341
5222
  ngImport: i0,
5342
- template: "<helix-floating-configurator />\n<div class=\"flex items-center justify-center min-h-screen overflow-hidden\">\n <div class=\"flex flex-col items-center justify-center\">\n <svg\n width=\"54\"\n height=\"40\"\n viewBox=\"0 0 54 40\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n class=\"mb-8 w-32 shrink-0\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M17.1637 19.2467C17.1566 19.4033 17.1529 19.561 17.1529 19.7194C17.1529 25.3503 21.7203 29.915 27.3546 29.915C32.9887 29.915 37.5561 25.3503 37.5561 19.7194C37.5561 19.5572 37.5524 19.3959 37.5449 19.2355C38.5617 19.0801 39.5759 18.9013 40.5867 18.6994L40.6926 18.6782C40.7191 19.0218 40.7326 19.369 40.7326 19.7194C40.7326 27.1036 34.743 33.0896 27.3546 33.0896C19.966 33.0896 13.9765 27.1036 13.9765 19.7194C13.9765 19.374 13.9896 19.0316 14.0154 18.6927L14.0486 18.6994C15.0837 18.9062 16.1223 19.0886 17.1637 19.2467ZM33.3284 11.4538C31.6493 10.2396 29.5855 9.52381 27.3546 9.52381C25.1195 9.52381 23.0524 10.2421 21.3717 11.4603C20.0078 11.3232 18.6475 11.1387 17.2933 10.907C19.7453 8.11308 23.3438 6.34921 27.3546 6.34921C31.36 6.34921 34.9543 8.10844 37.4061 10.896C36.0521 11.1292 34.692 11.3152 33.3284 11.4538ZM43.826 18.0518C43.881 18.6003 43.9091 19.1566 43.9091 19.7194C43.9091 28.8568 36.4973 36.2642 27.3546 36.2642C18.2117 36.2642 10.8 28.8568 10.8 19.7194C10.8 19.1615 10.8276 18.61 10.8816 18.0663L7.75383 17.4411C7.66775 18.1886 7.62354 18.9488 7.62354 19.7194C7.62354 30.6102 16.4574 39.4388 27.3546 39.4388C38.2517 39.4388 47.0855 30.6102 47.0855 19.7194C47.0855 18.9439 47.0407 18.1789 46.9536 17.4267L43.826 18.0518ZM44.2613 9.54743L40.9084 10.2176C37.9134 5.95821 32.9593 3.1746 27.3546 3.1746C21.7442 3.1746 16.7856 5.96385 13.7915 10.2305L10.4399 9.56057C13.892 3.83178 20.1756 0 27.3546 0C34.5281 0 40.8075 3.82591 44.2613 9.54743Z\"\n fill=\"var(--primary-color)\"\n />\n <mask\n id=\"mask0_1413_1551\"\n style=\"mask-type: alpha\"\n maskUnits=\"userSpaceOnUse\"\n x=\"0\"\n y=\"8\"\n width=\"54\"\n height=\"11\"\n >\n <path\n d=\"M27 18.3652C10.5114 19.1944 0 8.88892 0 8.88892C0 8.88892 16.5176 14.5866 27 14.5866C37.4824 14.5866 54 8.88892 54 8.88892C54 8.88892 43.4886 17.5361 27 18.3652Z\"\n fill=\"var(--primary-color)\"\n />\n </mask>\n <g mask=\"url(#mask0_1413_1551)\">\n <path\n d=\"M-4.673e-05 8.88887L3.73084 -1.91434L-8.00806 17.0473L-4.673e-05 8.88887ZM27 18.3652L26.4253 6.95109L27 18.3652ZM54 8.88887L61.2673 17.7127L50.2691 -1.91434L54 8.88887ZM-4.673e-05 8.88887C-8.00806 17.0473 -8.00469 17.0505 -8.00132 17.0538C-8.00018 17.055 -7.99675 17.0583 -7.9944 17.0607C-7.98963 17.0653 -7.98474 17.0701 -7.97966 17.075C-7.96949 17.0849 -7.95863 17.0955 -7.94707 17.1066C-7.92401 17.129 -7.89809 17.1539 -7.86944 17.1812C-7.8122 17.236 -7.74377 17.3005 -7.66436 17.3743C-7.50567 17.5218 -7.30269 17.7063 -7.05645 17.9221C-6.56467 18.3532 -5.89662 18.9125 -5.06089 19.5534C-3.39603 20.83 -1.02575 22.4605 1.98012 24.0457C7.97874 27.2091 16.7723 30.3226 27.5746 29.7793L26.4253 6.95109C20.7391 7.23699 16.0326 5.61231 12.6534 3.83024C10.9703 2.94267 9.68222 2.04866 8.86091 1.41888C8.45356 1.10653 8.17155 0.867278 8.0241 0.738027C7.95072 0.673671 7.91178 0.637576 7.90841 0.634492C7.90682 0.63298 7.91419 0.639805 7.93071 0.65557C7.93897 0.663455 7.94952 0.673589 7.96235 0.686039C7.96883 0.692262 7.97582 0.699075 7.98338 0.706471C7.98719 0.710167 7.99113 0.714014 7.99526 0.718014C7.99729 0.720008 8.00047 0.723119 8.00148 0.724116C8.00466 0.727265 8.00796 0.730446 -4.673e-05 8.88887ZM27.5746 29.7793C37.6904 29.2706 45.9416 26.3684 51.6602 23.6054C54.5296 22.2191 56.8064 20.8465 58.4186 19.7784C59.2265 19.2431 59.873 18.7805 60.3494 18.4257C60.5878 18.2482 60.7841 18.0971 60.9374 17.977C61.014 17.9169 61.0799 17.8645 61.1349 17.8203C61.1624 17.7981 61.1872 17.7781 61.2093 17.7602C61.2203 17.7512 61.2307 17.7427 61.2403 17.7348C61.2452 17.7308 61.2499 17.727 61.2544 17.7233C61.2566 17.7215 61.2598 17.7188 61.261 17.7179C61.2642 17.7153 61.2673 17.7127 54 8.88887C46.7326 0.0650536 46.7357 0.0625219 46.7387 0.0600241C46.7397 0.0592345 46.7427 0.0567658 46.7446 0.0551857C46.7485 0.0520238 46.7521 0.0489887 46.7557 0.0460799C46.7628 0.0402623 46.7694 0.0349487 46.7753 0.0301318C46.7871 0.0204986 46.7966 0.0128495 46.8037 0.00712562C46.818 -0.00431848 46.8228 -0.00808311 46.8184 -0.00463784C46.8096 0.00228345 46.764 0.0378652 46.6828 0.0983779C46.5199 0.219675 46.2165 0.439161 45.7812 0.727519C44.9072 1.30663 43.5257 2.14765 41.7061 3.02677C38.0469 4.79468 32.7981 6.63058 26.4253 6.95109L27.5746 29.7793ZM54 8.88887C50.2691 -1.91433 50.27 -1.91467 50.271 -1.91498C50.2712 -1.91506 50.272 -1.91535 50.2724 -1.9155C50.2733 -1.91581 50.274 -1.91602 50.2743 -1.91616C50.2752 -1.91643 50.275 -1.91636 50.2738 -1.91595C50.2714 -1.91515 50.2652 -1.91302 50.2552 -1.9096C50.2351 -1.90276 50.1999 -1.89078 50.1503 -1.874C50.0509 -1.84043 49.8938 -1.78773 49.6844 -1.71863C49.2652 -1.58031 48.6387 -1.377 47.8481 -1.13035C46.2609 -0.635237 44.0427 0.0249875 41.5325 0.6823C36.215 2.07471 30.6736 3.15796 27 3.15796V26.0151C33.8087 26.0151 41.7672 24.2495 47.3292 22.7931C50.2586 22.026 52.825 21.2618 54.6625 20.6886C55.5842 20.4011 56.33 20.1593 56.8551 19.986C57.1178 19.8993 57.3258 19.8296 57.4735 19.7797C57.5474 19.7548 57.6062 19.7348 57.6493 19.72C57.6709 19.7127 57.6885 19.7066 57.7021 19.7019C57.7089 19.6996 57.7147 19.6976 57.7195 19.696C57.7219 19.6952 57.7241 19.6944 57.726 19.6938C57.7269 19.6934 57.7281 19.693 57.7286 19.6929C57.7298 19.6924 57.7309 19.692 54 8.88887ZM27 3.15796C23.3263 3.15796 17.7849 2.07471 12.4674 0.6823C9.95717 0.0249875 7.73904 -0.635237 6.15184 -1.13035C5.36118 -1.377 4.73467 -1.58031 4.3155 -1.71863C4.10609 -1.78773 3.94899 -1.84043 3.84961 -1.874C3.79994 -1.89078 3.76474 -1.90276 3.74471 -1.9096C3.73469 -1.91302 3.72848 -1.91515 3.72613 -1.91595C3.72496 -1.91636 3.72476 -1.91643 3.72554 -1.91616C3.72593 -1.91602 3.72657 -1.91581 3.72745 -1.9155C3.72789 -1.91535 3.72874 -1.91506 3.72896 -1.91498C3.72987 -1.91467 3.73084 -1.91433 -4.673e-05 8.88887C-3.73093 19.692 -3.72983 19.6924 -3.72868 19.6929C-3.72821 19.693 -3.72698 19.6934 -3.72603 19.6938C-3.72415 19.6944 -3.72201 19.6952 -3.71961 19.696C-3.71482 19.6976 -3.70901 19.6996 -3.7022 19.7019C-3.68858 19.7066 -3.67095 19.7127 -3.6494 19.72C-3.60629 19.7348 -3.54745 19.7548 -3.47359 19.7797C-3.32589 19.8296 -3.11788 19.8993 -2.85516 19.986C-2.33008 20.1593 -1.58425 20.4011 -0.662589 20.6886C1.17485 21.2618 3.74125 22.026 6.67073 22.7931C12.2327 24.2495 20.1913 26.0151 27 26.0151V3.15796Z\"\n fill=\"var(--primary-color)\"\n />\n </g>\n </svg>\n <div\n style=\"\n border-radius: 56px;\n padding: 0.3rem;\n background: linear-gradient(\n 180deg,\n color-mix(in srgb, var(--primary-color), transparent 60%) 10%,\n var(--surface-ground) 30%\n );\n \"\n >\n <div\n class=\"w-full bg-surface-0 dark:bg-surface-900 py-20 px-8 sm:px-20 flex flex-col items-center\"\n style=\"border-radius: 53px\"\n >\n <span class=\"text-primary font-bold text-3xl\">{{ errorCode() }}</span>\n <h1 class=\"text-surface-900 dark:text-surface-0 font-bold text-3xl lg:text-5xl mb-2\">\n {{ title() }}\n </h1>\n <div class=\"text-surface-600 dark:text-surface-200 mb-8\">{{ message() }}</div>\n @for (suggestion of suggestions(); track suggestion.title; let last = $last) {\n <a\n [routerLink]=\"suggestion.route\"\n class=\"w-full flex items-center py-8 border-surface-300 dark:border-surface-500 border-b\"\n [class.mb-8]=\"last\"\n >\n <span\n class=\"flex justify-center items-center border-2 border-primary text-primary rounded-border\"\n style=\"height: 3.5rem; width: 3.5rem\"\n >\n <i [class]=\"suggestion.icon + ' text-2xl!'\"></i>\n </span>\n <span class=\"ml-6 flex flex-col\">\n <span\n class=\"text-surface-900 dark:text-surface-0 lg:text-xl font-medium mb-0 block\"\n >{{ suggestion.title }}</span\n >\n <span class=\"text-surface-600 dark:text-surface-200 lg:text-xl\">{{\n suggestion.description\n }}</span>\n </span>\n </a>\n }\n <h-button [label]=\"buttonLabel()\" [routerLink]=\"buttonRoute()\" />\n </div>\n </div>\n </div>\n</div>\n",
5223
+ template: "<helix-floating-configurator />\n<div class=\"flex items-center justify-center min-h-screen overflow-hidden\">\n <div class=\"flex flex-col items-center justify-center\">\n <svg\n width=\"54\"\n height=\"40\"\n viewBox=\"0 0 54 40\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n class=\"mb-8 w-32 shrink-0\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M17.1637 19.2467C17.1566 19.4033 17.1529 19.561 17.1529 19.7194C17.1529 25.3503 21.7203 29.915 27.3546 29.915C32.9887 29.915 37.5561 25.3503 37.5561 19.7194C37.5561 19.5572 37.5524 19.3959 37.5449 19.2355C38.5617 19.0801 39.5759 18.9013 40.5867 18.6994L40.6926 18.6782C40.7191 19.0218 40.7326 19.369 40.7326 19.7194C40.7326 27.1036 34.743 33.0896 27.3546 33.0896C19.966 33.0896 13.9765 27.1036 13.9765 19.7194C13.9765 19.374 13.9896 19.0316 14.0154 18.6927L14.0486 18.6994C15.0837 18.9062 16.1223 19.0886 17.1637 19.2467ZM33.3284 11.4538C31.6493 10.2396 29.5855 9.52381 27.3546 9.52381C25.1195 9.52381 23.0524 10.2421 21.3717 11.4603C20.0078 11.3232 18.6475 11.1387 17.2933 10.907C19.7453 8.11308 23.3438 6.34921 27.3546 6.34921C31.36 6.34921 34.9543 8.10844 37.4061 10.896C36.0521 11.1292 34.692 11.3152 33.3284 11.4538ZM43.826 18.0518C43.881 18.6003 43.9091 19.1566 43.9091 19.7194C43.9091 28.8568 36.4973 36.2642 27.3546 36.2642C18.2117 36.2642 10.8 28.8568 10.8 19.7194C10.8 19.1615 10.8276 18.61 10.8816 18.0663L7.75383 17.4411C7.66775 18.1886 7.62354 18.9488 7.62354 19.7194C7.62354 30.6102 16.4574 39.4388 27.3546 39.4388C38.2517 39.4388 47.0855 30.6102 47.0855 19.7194C47.0855 18.9439 47.0407 18.1789 46.9536 17.4267L43.826 18.0518ZM44.2613 9.54743L40.9084 10.2176C37.9134 5.95821 32.9593 3.1746 27.3546 3.1746C21.7442 3.1746 16.7856 5.96385 13.7915 10.2305L10.4399 9.56057C13.892 3.83178 20.1756 0 27.3546 0C34.5281 0 40.8075 3.82591 44.2613 9.54743Z\"\n fill=\"var(--primary-color)\"\n />\n <mask\n id=\"mask0_1413_1551\"\n style=\"mask-type: alpha\"\n maskUnits=\"userSpaceOnUse\"\n x=\"0\"\n y=\"8\"\n width=\"54\"\n height=\"11\"\n >\n <path\n d=\"M27 18.3652C10.5114 19.1944 0 8.88892 0 8.88892C0 8.88892 16.5176 14.5866 27 14.5866C37.4824 14.5866 54 8.88892 54 8.88892C54 8.88892 43.4886 17.5361 27 18.3652Z\"\n fill=\"var(--primary-color)\"\n />\n </mask>\n <g mask=\"url(#mask0_1413_1551)\">\n <path\n d=\"M-4.673e-05 8.88887L3.73084 -1.91434L-8.00806 17.0473L-4.673e-05 8.88887ZM27 18.3652L26.4253 6.95109L27 18.3652ZM54 8.88887L61.2673 17.7127L50.2691 -1.91434L54 8.88887ZM-4.673e-05 8.88887C-8.00806 17.0473 -8.00469 17.0505 -8.00132 17.0538C-8.00018 17.055 -7.99675 17.0583 -7.9944 17.0607C-7.98963 17.0653 -7.98474 17.0701 -7.97966 17.075C-7.96949 17.0849 -7.95863 17.0955 -7.94707 17.1066C-7.92401 17.129 -7.89809 17.1539 -7.86944 17.1812C-7.8122 17.236 -7.74377 17.3005 -7.66436 17.3743C-7.50567 17.5218 -7.30269 17.7063 -7.05645 17.9221C-6.56467 18.3532 -5.89662 18.9125 -5.06089 19.5534C-3.39603 20.83 -1.02575 22.4605 1.98012 24.0457C7.97874 27.2091 16.7723 30.3226 27.5746 29.7793L26.4253 6.95109C20.7391 7.23699 16.0326 5.61231 12.6534 3.83024C10.9703 2.94267 9.68222 2.04866 8.86091 1.41888C8.45356 1.10653 8.17155 0.867278 8.0241 0.738027C7.95072 0.673671 7.91178 0.637576 7.90841 0.634492C7.90682 0.63298 7.91419 0.639805 7.93071 0.65557C7.93897 0.663455 7.94952 0.673589 7.96235 0.686039C7.96883 0.692262 7.97582 0.699075 7.98338 0.706471C7.98719 0.710167 7.99113 0.714014 7.99526 0.718014C7.99729 0.720008 8.00047 0.723119 8.00148 0.724116C8.00466 0.727265 8.00796 0.730446 -4.673e-05 8.88887ZM27.5746 29.7793C37.6904 29.2706 45.9416 26.3684 51.6602 23.6054C54.5296 22.2191 56.8064 20.8465 58.4186 19.7784C59.2265 19.2431 59.873 18.7805 60.3494 18.4257C60.5878 18.2482 60.7841 18.0971 60.9374 17.977C61.014 17.9169 61.0799 17.8645 61.1349 17.8203C61.1624 17.7981 61.1872 17.7781 61.2093 17.7602C61.2203 17.7512 61.2307 17.7427 61.2403 17.7348C61.2452 17.7308 61.2499 17.727 61.2544 17.7233C61.2566 17.7215 61.2598 17.7188 61.261 17.7179C61.2642 17.7153 61.2673 17.7127 54 8.88887C46.7326 0.0650536 46.7357 0.0625219 46.7387 0.0600241C46.7397 0.0592345 46.7427 0.0567658 46.7446 0.0551857C46.7485 0.0520238 46.7521 0.0489887 46.7557 0.0460799C46.7628 0.0402623 46.7694 0.0349487 46.7753 0.0301318C46.7871 0.0204986 46.7966 0.0128495 46.8037 0.00712562C46.818 -0.00431848 46.8228 -0.00808311 46.8184 -0.00463784C46.8096 0.00228345 46.764 0.0378652 46.6828 0.0983779C46.5199 0.219675 46.2165 0.439161 45.7812 0.727519C44.9072 1.30663 43.5257 2.14765 41.7061 3.02677C38.0469 4.79468 32.7981 6.63058 26.4253 6.95109L27.5746 29.7793ZM54 8.88887C50.2691 -1.91433 50.27 -1.91467 50.271 -1.91498C50.2712 -1.91506 50.272 -1.91535 50.2724 -1.9155C50.2733 -1.91581 50.274 -1.91602 50.2743 -1.91616C50.2752 -1.91643 50.275 -1.91636 50.2738 -1.91595C50.2714 -1.91515 50.2652 -1.91302 50.2552 -1.9096C50.2351 -1.90276 50.1999 -1.89078 50.1503 -1.874C50.0509 -1.84043 49.8938 -1.78773 49.6844 -1.71863C49.2652 -1.58031 48.6387 -1.377 47.8481 -1.13035C46.2609 -0.635237 44.0427 0.0249875 41.5325 0.6823C36.215 2.07471 30.6736 3.15796 27 3.15796V26.0151C33.8087 26.0151 41.7672 24.2495 47.3292 22.7931C50.2586 22.026 52.825 21.2618 54.6625 20.6886C55.5842 20.4011 56.33 20.1593 56.8551 19.986C57.1178 19.8993 57.3258 19.8296 57.4735 19.7797C57.5474 19.7548 57.6062 19.7348 57.6493 19.72C57.6709 19.7127 57.6885 19.7066 57.7021 19.7019C57.7089 19.6996 57.7147 19.6976 57.7195 19.696C57.7219 19.6952 57.7241 19.6944 57.726 19.6938C57.7269 19.6934 57.7281 19.693 57.7286 19.6929C57.7298 19.6924 57.7309 19.692 54 8.88887ZM27 3.15796C23.3263 3.15796 17.7849 2.07471 12.4674 0.6823C9.95717 0.0249875 7.73904 -0.635237 6.15184 -1.13035C5.36118 -1.377 4.73467 -1.58031 4.3155 -1.71863C4.10609 -1.78773 3.94899 -1.84043 3.84961 -1.874C3.79994 -1.89078 3.76474 -1.90276 3.74471 -1.9096C3.73469 -1.91302 3.72848 -1.91515 3.72613 -1.91595C3.72496 -1.91636 3.72476 -1.91643 3.72554 -1.91616C3.72593 -1.91602 3.72657 -1.91581 3.72745 -1.9155C3.72789 -1.91535 3.72874 -1.91506 3.72896 -1.91498C3.72987 -1.91467 3.73084 -1.91433 -4.673e-05 8.88887C-3.73093 19.692 -3.72983 19.6924 -3.72868 19.6929C-3.72821 19.693 -3.72698 19.6934 -3.72603 19.6938C-3.72415 19.6944 -3.72201 19.6952 -3.71961 19.696C-3.71482 19.6976 -3.70901 19.6996 -3.7022 19.7019C-3.68858 19.7066 -3.67095 19.7127 -3.6494 19.72C-3.60629 19.7348 -3.54745 19.7548 -3.47359 19.7797C-3.32589 19.8296 -3.11788 19.8993 -2.85516 19.986C-2.33008 20.1593 -1.58425 20.4011 -0.662589 20.6886C1.17485 21.2618 3.74125 22.026 6.67073 22.7931C12.2327 24.2495 20.1913 26.0151 27 26.0151V3.15796Z\"\n fill=\"var(--primary-color)\"\n />\n </g>\n </svg>\n <div\n style=\"\n border-radius: 56px;\n padding: 0.3rem;\n background: linear-gradient(\n 180deg,\n color-mix(in srgb, var(--primary-color), transparent 60%) 10%,\n var(--surface-ground) 30%\n );\n \"\n >\n <div\n class=\"w-full bg-surface-0 dark:bg-surface-900 py-20 px-8 sm:px-20 flex flex-col items-center\"\n style=\"border-radius: 53px\"\n >\n <span class=\"text-primary font-bold text-3xl\">{{ errorCode() }}</span>\n <h1 class=\"text-surface-900 dark:text-surface-0 font-bold text-3xl lg:text-5xl mb-2\">\n {{ title() }}\n </h1>\n <div class=\"text-surface-600 dark:text-surface-200 mb-8\">{{ message() }}</div>\n @for (suggestion of suggestions(); track suggestion.title; let last = $last) {\n <a\n [routerLink]=\"suggestion.route\"\n class=\"w-full flex items-center py-8 border-surface-300 dark:border-surface-500 border-b\"\n [class.mb-8]=\"last\"\n >\n <span\n class=\"flex justify-center items-center border-2 border-primary text-primary rounded-border\"\n style=\"height: 3.5rem; width: 3.5rem\"\n >\n <i [class]=\"suggestion.icon + ' text-2xl!'\"></i>\n </span>\n <span class=\"ml-6 flex flex-col\">\n <span\n class=\"text-surface-900 dark:text-surface-0 lg:text-xl font-medium mb-0 block\"\n >{{ suggestion.title }}</span\n >\n <span class=\"text-surface-600 dark:text-surface-200 lg:text-xl\">{{\n suggestion.description\n }}</span>\n </span>\n </a>\n }\n <a hx-button [routerLink]=\"buttonRoute()\">{{ buttonLabel() }}</a>\n </div>\n </div>\n </div>\n</div>\n",
5343
5224
  styles: [""],
5344
5225
  dependencies: [
5345
5226
  {
@@ -5348,7 +5229,7 @@ var HelixNotfound = class HelixNotfound {
5348
5229
  },
5349
5230
  {
5350
5231
  kind: "directive",
5351
- type: i2$2.RouterLink,
5232
+ type: i2.RouterLink,
5352
5233
  selector: "[routerLink]",
5353
5234
  inputs: [
5354
5235
  "target",
@@ -5369,50 +5250,27 @@ var HelixNotfound = class HelixNotfound {
5369
5250
  kind: "component",
5370
5251
  type: HelixFloatingConfigurator,
5371
5252
  selector: "helix-floating-configurator",
5372
- inputs: ["float"]
5373
- },
5374
- {
5375
- kind: "ngmodule",
5376
- type: ButtonModule
5253
+ inputs: [
5254
+ "float",
5255
+ "darkModeLabel",
5256
+ "configuratorLabel"
5257
+ ]
5377
5258
  },
5378
5259
  {
5379
- kind: "component",
5380
- type: i2$1.Button,
5381
- selector: "h-button",
5260
+ kind: "directive",
5261
+ type: HxButton,
5262
+ selector: "button[hx-button], a[hx-button]",
5382
5263
  inputs: [
5383
- "hostName",
5384
- "type",
5385
- "badge",
5386
- "disabled",
5387
- "raised",
5388
- "rounded",
5389
- "text",
5390
- "plain",
5391
- "outlined",
5392
- "link",
5393
- "tabindex",
5394
- "size",
5395
5264
  "variant",
5396
- "style",
5397
- "styleClass",
5398
- "badgeClass",
5399
- "badgeSeverity",
5400
- "ariaLabel",
5401
- "autofocus",
5402
- "iconPos",
5403
- "icon",
5404
- "label",
5405
- "loading",
5406
- "loadingIcon",
5407
5265
  "severity",
5408
- "buttonProps",
5409
- "fluid"
5266
+ "size",
5267
+ "rounded",
5268
+ "raised",
5269
+ "fluid",
5270
+ "iconOnly",
5271
+ "loading"
5410
5272
  ],
5411
- outputs: [
5412
- "onClick",
5413
- "onFocus",
5414
- "onBlur"
5415
- ]
5273
+ exportAs: ["hx-button"]
5416
5274
  }
5417
5275
  ],
5418
5276
  changeDetection: i0.ChangeDetectionStrategy.Eager
@@ -5431,10 +5289,10 @@ i0.ɵɵngDeclareClassMetadata({
5431
5289
  imports: [
5432
5290
  RouterModule,
5433
5291
  HelixFloatingConfigurator,
5434
- ButtonModule
5292
+ HxButton
5435
5293
  ],
5436
5294
  changeDetection: ChangeDetectionStrategy.Eager,
5437
- template: "<helix-floating-configurator />\n<div class=\"flex items-center justify-center min-h-screen overflow-hidden\">\n <div class=\"flex flex-col items-center justify-center\">\n <svg\n width=\"54\"\n height=\"40\"\n viewBox=\"0 0 54 40\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n class=\"mb-8 w-32 shrink-0\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M17.1637 19.2467C17.1566 19.4033 17.1529 19.561 17.1529 19.7194C17.1529 25.3503 21.7203 29.915 27.3546 29.915C32.9887 29.915 37.5561 25.3503 37.5561 19.7194C37.5561 19.5572 37.5524 19.3959 37.5449 19.2355C38.5617 19.0801 39.5759 18.9013 40.5867 18.6994L40.6926 18.6782C40.7191 19.0218 40.7326 19.369 40.7326 19.7194C40.7326 27.1036 34.743 33.0896 27.3546 33.0896C19.966 33.0896 13.9765 27.1036 13.9765 19.7194C13.9765 19.374 13.9896 19.0316 14.0154 18.6927L14.0486 18.6994C15.0837 18.9062 16.1223 19.0886 17.1637 19.2467ZM33.3284 11.4538C31.6493 10.2396 29.5855 9.52381 27.3546 9.52381C25.1195 9.52381 23.0524 10.2421 21.3717 11.4603C20.0078 11.3232 18.6475 11.1387 17.2933 10.907C19.7453 8.11308 23.3438 6.34921 27.3546 6.34921C31.36 6.34921 34.9543 8.10844 37.4061 10.896C36.0521 11.1292 34.692 11.3152 33.3284 11.4538ZM43.826 18.0518C43.881 18.6003 43.9091 19.1566 43.9091 19.7194C43.9091 28.8568 36.4973 36.2642 27.3546 36.2642C18.2117 36.2642 10.8 28.8568 10.8 19.7194C10.8 19.1615 10.8276 18.61 10.8816 18.0663L7.75383 17.4411C7.66775 18.1886 7.62354 18.9488 7.62354 19.7194C7.62354 30.6102 16.4574 39.4388 27.3546 39.4388C38.2517 39.4388 47.0855 30.6102 47.0855 19.7194C47.0855 18.9439 47.0407 18.1789 46.9536 17.4267L43.826 18.0518ZM44.2613 9.54743L40.9084 10.2176C37.9134 5.95821 32.9593 3.1746 27.3546 3.1746C21.7442 3.1746 16.7856 5.96385 13.7915 10.2305L10.4399 9.56057C13.892 3.83178 20.1756 0 27.3546 0C34.5281 0 40.8075 3.82591 44.2613 9.54743Z\"\n fill=\"var(--primary-color)\"\n />\n <mask\n id=\"mask0_1413_1551\"\n style=\"mask-type: alpha\"\n maskUnits=\"userSpaceOnUse\"\n x=\"0\"\n y=\"8\"\n width=\"54\"\n height=\"11\"\n >\n <path\n d=\"M27 18.3652C10.5114 19.1944 0 8.88892 0 8.88892C0 8.88892 16.5176 14.5866 27 14.5866C37.4824 14.5866 54 8.88892 54 8.88892C54 8.88892 43.4886 17.5361 27 18.3652Z\"\n fill=\"var(--primary-color)\"\n />\n </mask>\n <g mask=\"url(#mask0_1413_1551)\">\n <path\n d=\"M-4.673e-05 8.88887L3.73084 -1.91434L-8.00806 17.0473L-4.673e-05 8.88887ZM27 18.3652L26.4253 6.95109L27 18.3652ZM54 8.88887L61.2673 17.7127L50.2691 -1.91434L54 8.88887ZM-4.673e-05 8.88887C-8.00806 17.0473 -8.00469 17.0505 -8.00132 17.0538C-8.00018 17.055 -7.99675 17.0583 -7.9944 17.0607C-7.98963 17.0653 -7.98474 17.0701 -7.97966 17.075C-7.96949 17.0849 -7.95863 17.0955 -7.94707 17.1066C-7.92401 17.129 -7.89809 17.1539 -7.86944 17.1812C-7.8122 17.236 -7.74377 17.3005 -7.66436 17.3743C-7.50567 17.5218 -7.30269 17.7063 -7.05645 17.9221C-6.56467 18.3532 -5.89662 18.9125 -5.06089 19.5534C-3.39603 20.83 -1.02575 22.4605 1.98012 24.0457C7.97874 27.2091 16.7723 30.3226 27.5746 29.7793L26.4253 6.95109C20.7391 7.23699 16.0326 5.61231 12.6534 3.83024C10.9703 2.94267 9.68222 2.04866 8.86091 1.41888C8.45356 1.10653 8.17155 0.867278 8.0241 0.738027C7.95072 0.673671 7.91178 0.637576 7.90841 0.634492C7.90682 0.63298 7.91419 0.639805 7.93071 0.65557C7.93897 0.663455 7.94952 0.673589 7.96235 0.686039C7.96883 0.692262 7.97582 0.699075 7.98338 0.706471C7.98719 0.710167 7.99113 0.714014 7.99526 0.718014C7.99729 0.720008 8.00047 0.723119 8.00148 0.724116C8.00466 0.727265 8.00796 0.730446 -4.673e-05 8.88887ZM27.5746 29.7793C37.6904 29.2706 45.9416 26.3684 51.6602 23.6054C54.5296 22.2191 56.8064 20.8465 58.4186 19.7784C59.2265 19.2431 59.873 18.7805 60.3494 18.4257C60.5878 18.2482 60.7841 18.0971 60.9374 17.977C61.014 17.9169 61.0799 17.8645 61.1349 17.8203C61.1624 17.7981 61.1872 17.7781 61.2093 17.7602C61.2203 17.7512 61.2307 17.7427 61.2403 17.7348C61.2452 17.7308 61.2499 17.727 61.2544 17.7233C61.2566 17.7215 61.2598 17.7188 61.261 17.7179C61.2642 17.7153 61.2673 17.7127 54 8.88887C46.7326 0.0650536 46.7357 0.0625219 46.7387 0.0600241C46.7397 0.0592345 46.7427 0.0567658 46.7446 0.0551857C46.7485 0.0520238 46.7521 0.0489887 46.7557 0.0460799C46.7628 0.0402623 46.7694 0.0349487 46.7753 0.0301318C46.7871 0.0204986 46.7966 0.0128495 46.8037 0.00712562C46.818 -0.00431848 46.8228 -0.00808311 46.8184 -0.00463784C46.8096 0.00228345 46.764 0.0378652 46.6828 0.0983779C46.5199 0.219675 46.2165 0.439161 45.7812 0.727519C44.9072 1.30663 43.5257 2.14765 41.7061 3.02677C38.0469 4.79468 32.7981 6.63058 26.4253 6.95109L27.5746 29.7793ZM54 8.88887C50.2691 -1.91433 50.27 -1.91467 50.271 -1.91498C50.2712 -1.91506 50.272 -1.91535 50.2724 -1.9155C50.2733 -1.91581 50.274 -1.91602 50.2743 -1.91616C50.2752 -1.91643 50.275 -1.91636 50.2738 -1.91595C50.2714 -1.91515 50.2652 -1.91302 50.2552 -1.9096C50.2351 -1.90276 50.1999 -1.89078 50.1503 -1.874C50.0509 -1.84043 49.8938 -1.78773 49.6844 -1.71863C49.2652 -1.58031 48.6387 -1.377 47.8481 -1.13035C46.2609 -0.635237 44.0427 0.0249875 41.5325 0.6823C36.215 2.07471 30.6736 3.15796 27 3.15796V26.0151C33.8087 26.0151 41.7672 24.2495 47.3292 22.7931C50.2586 22.026 52.825 21.2618 54.6625 20.6886C55.5842 20.4011 56.33 20.1593 56.8551 19.986C57.1178 19.8993 57.3258 19.8296 57.4735 19.7797C57.5474 19.7548 57.6062 19.7348 57.6493 19.72C57.6709 19.7127 57.6885 19.7066 57.7021 19.7019C57.7089 19.6996 57.7147 19.6976 57.7195 19.696C57.7219 19.6952 57.7241 19.6944 57.726 19.6938C57.7269 19.6934 57.7281 19.693 57.7286 19.6929C57.7298 19.6924 57.7309 19.692 54 8.88887ZM27 3.15796C23.3263 3.15796 17.7849 2.07471 12.4674 0.6823C9.95717 0.0249875 7.73904 -0.635237 6.15184 -1.13035C5.36118 -1.377 4.73467 -1.58031 4.3155 -1.71863C4.10609 -1.78773 3.94899 -1.84043 3.84961 -1.874C3.79994 -1.89078 3.76474 -1.90276 3.74471 -1.9096C3.73469 -1.91302 3.72848 -1.91515 3.72613 -1.91595C3.72496 -1.91636 3.72476 -1.91643 3.72554 -1.91616C3.72593 -1.91602 3.72657 -1.91581 3.72745 -1.9155C3.72789 -1.91535 3.72874 -1.91506 3.72896 -1.91498C3.72987 -1.91467 3.73084 -1.91433 -4.673e-05 8.88887C-3.73093 19.692 -3.72983 19.6924 -3.72868 19.6929C-3.72821 19.693 -3.72698 19.6934 -3.72603 19.6938C-3.72415 19.6944 -3.72201 19.6952 -3.71961 19.696C-3.71482 19.6976 -3.70901 19.6996 -3.7022 19.7019C-3.68858 19.7066 -3.67095 19.7127 -3.6494 19.72C-3.60629 19.7348 -3.54745 19.7548 -3.47359 19.7797C-3.32589 19.8296 -3.11788 19.8993 -2.85516 19.986C-2.33008 20.1593 -1.58425 20.4011 -0.662589 20.6886C1.17485 21.2618 3.74125 22.026 6.67073 22.7931C12.2327 24.2495 20.1913 26.0151 27 26.0151V3.15796Z\"\n fill=\"var(--primary-color)\"\n />\n </g>\n </svg>\n <div\n style=\"\n border-radius: 56px;\n padding: 0.3rem;\n background: linear-gradient(\n 180deg,\n color-mix(in srgb, var(--primary-color), transparent 60%) 10%,\n var(--surface-ground) 30%\n );\n \"\n >\n <div\n class=\"w-full bg-surface-0 dark:bg-surface-900 py-20 px-8 sm:px-20 flex flex-col items-center\"\n style=\"border-radius: 53px\"\n >\n <span class=\"text-primary font-bold text-3xl\">{{ errorCode() }}</span>\n <h1 class=\"text-surface-900 dark:text-surface-0 font-bold text-3xl lg:text-5xl mb-2\">\n {{ title() }}\n </h1>\n <div class=\"text-surface-600 dark:text-surface-200 mb-8\">{{ message() }}</div>\n @for (suggestion of suggestions(); track suggestion.title; let last = $last) {\n <a\n [routerLink]=\"suggestion.route\"\n class=\"w-full flex items-center py-8 border-surface-300 dark:border-surface-500 border-b\"\n [class.mb-8]=\"last\"\n >\n <span\n class=\"flex justify-center items-center border-2 border-primary text-primary rounded-border\"\n style=\"height: 3.5rem; width: 3.5rem\"\n >\n <i [class]=\"suggestion.icon + ' text-2xl!'\"></i>\n </span>\n <span class=\"ml-6 flex flex-col\">\n <span\n class=\"text-surface-900 dark:text-surface-0 lg:text-xl font-medium mb-0 block\"\n >{{ suggestion.title }}</span\n >\n <span class=\"text-surface-600 dark:text-surface-200 lg:text-xl\">{{\n suggestion.description\n }}</span>\n </span>\n </a>\n }\n <h-button [label]=\"buttonLabel()\" [routerLink]=\"buttonRoute()\" />\n </div>\n </div>\n </div>\n</div>\n"
5295
+ template: "<helix-floating-configurator />\n<div class=\"flex items-center justify-center min-h-screen overflow-hidden\">\n <div class=\"flex flex-col items-center justify-center\">\n <svg\n width=\"54\"\n height=\"40\"\n viewBox=\"0 0 54 40\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n class=\"mb-8 w-32 shrink-0\"\n >\n <path\n fill-rule=\"evenodd\"\n clip-rule=\"evenodd\"\n d=\"M17.1637 19.2467C17.1566 19.4033 17.1529 19.561 17.1529 19.7194C17.1529 25.3503 21.7203 29.915 27.3546 29.915C32.9887 29.915 37.5561 25.3503 37.5561 19.7194C37.5561 19.5572 37.5524 19.3959 37.5449 19.2355C38.5617 19.0801 39.5759 18.9013 40.5867 18.6994L40.6926 18.6782C40.7191 19.0218 40.7326 19.369 40.7326 19.7194C40.7326 27.1036 34.743 33.0896 27.3546 33.0896C19.966 33.0896 13.9765 27.1036 13.9765 19.7194C13.9765 19.374 13.9896 19.0316 14.0154 18.6927L14.0486 18.6994C15.0837 18.9062 16.1223 19.0886 17.1637 19.2467ZM33.3284 11.4538C31.6493 10.2396 29.5855 9.52381 27.3546 9.52381C25.1195 9.52381 23.0524 10.2421 21.3717 11.4603C20.0078 11.3232 18.6475 11.1387 17.2933 10.907C19.7453 8.11308 23.3438 6.34921 27.3546 6.34921C31.36 6.34921 34.9543 8.10844 37.4061 10.896C36.0521 11.1292 34.692 11.3152 33.3284 11.4538ZM43.826 18.0518C43.881 18.6003 43.9091 19.1566 43.9091 19.7194C43.9091 28.8568 36.4973 36.2642 27.3546 36.2642C18.2117 36.2642 10.8 28.8568 10.8 19.7194C10.8 19.1615 10.8276 18.61 10.8816 18.0663L7.75383 17.4411C7.66775 18.1886 7.62354 18.9488 7.62354 19.7194C7.62354 30.6102 16.4574 39.4388 27.3546 39.4388C38.2517 39.4388 47.0855 30.6102 47.0855 19.7194C47.0855 18.9439 47.0407 18.1789 46.9536 17.4267L43.826 18.0518ZM44.2613 9.54743L40.9084 10.2176C37.9134 5.95821 32.9593 3.1746 27.3546 3.1746C21.7442 3.1746 16.7856 5.96385 13.7915 10.2305L10.4399 9.56057C13.892 3.83178 20.1756 0 27.3546 0C34.5281 0 40.8075 3.82591 44.2613 9.54743Z\"\n fill=\"var(--primary-color)\"\n />\n <mask\n id=\"mask0_1413_1551\"\n style=\"mask-type: alpha\"\n maskUnits=\"userSpaceOnUse\"\n x=\"0\"\n y=\"8\"\n width=\"54\"\n height=\"11\"\n >\n <path\n d=\"M27 18.3652C10.5114 19.1944 0 8.88892 0 8.88892C0 8.88892 16.5176 14.5866 27 14.5866C37.4824 14.5866 54 8.88892 54 8.88892C54 8.88892 43.4886 17.5361 27 18.3652Z\"\n fill=\"var(--primary-color)\"\n />\n </mask>\n <g mask=\"url(#mask0_1413_1551)\">\n <path\n d=\"M-4.673e-05 8.88887L3.73084 -1.91434L-8.00806 17.0473L-4.673e-05 8.88887ZM27 18.3652L26.4253 6.95109L27 18.3652ZM54 8.88887L61.2673 17.7127L50.2691 -1.91434L54 8.88887ZM-4.673e-05 8.88887C-8.00806 17.0473 -8.00469 17.0505 -8.00132 17.0538C-8.00018 17.055 -7.99675 17.0583 -7.9944 17.0607C-7.98963 17.0653 -7.98474 17.0701 -7.97966 17.075C-7.96949 17.0849 -7.95863 17.0955 -7.94707 17.1066C-7.92401 17.129 -7.89809 17.1539 -7.86944 17.1812C-7.8122 17.236 -7.74377 17.3005 -7.66436 17.3743C-7.50567 17.5218 -7.30269 17.7063 -7.05645 17.9221C-6.56467 18.3532 -5.89662 18.9125 -5.06089 19.5534C-3.39603 20.83 -1.02575 22.4605 1.98012 24.0457C7.97874 27.2091 16.7723 30.3226 27.5746 29.7793L26.4253 6.95109C20.7391 7.23699 16.0326 5.61231 12.6534 3.83024C10.9703 2.94267 9.68222 2.04866 8.86091 1.41888C8.45356 1.10653 8.17155 0.867278 8.0241 0.738027C7.95072 0.673671 7.91178 0.637576 7.90841 0.634492C7.90682 0.63298 7.91419 0.639805 7.93071 0.65557C7.93897 0.663455 7.94952 0.673589 7.96235 0.686039C7.96883 0.692262 7.97582 0.699075 7.98338 0.706471C7.98719 0.710167 7.99113 0.714014 7.99526 0.718014C7.99729 0.720008 8.00047 0.723119 8.00148 0.724116C8.00466 0.727265 8.00796 0.730446 -4.673e-05 8.88887ZM27.5746 29.7793C37.6904 29.2706 45.9416 26.3684 51.6602 23.6054C54.5296 22.2191 56.8064 20.8465 58.4186 19.7784C59.2265 19.2431 59.873 18.7805 60.3494 18.4257C60.5878 18.2482 60.7841 18.0971 60.9374 17.977C61.014 17.9169 61.0799 17.8645 61.1349 17.8203C61.1624 17.7981 61.1872 17.7781 61.2093 17.7602C61.2203 17.7512 61.2307 17.7427 61.2403 17.7348C61.2452 17.7308 61.2499 17.727 61.2544 17.7233C61.2566 17.7215 61.2598 17.7188 61.261 17.7179C61.2642 17.7153 61.2673 17.7127 54 8.88887C46.7326 0.0650536 46.7357 0.0625219 46.7387 0.0600241C46.7397 0.0592345 46.7427 0.0567658 46.7446 0.0551857C46.7485 0.0520238 46.7521 0.0489887 46.7557 0.0460799C46.7628 0.0402623 46.7694 0.0349487 46.7753 0.0301318C46.7871 0.0204986 46.7966 0.0128495 46.8037 0.00712562C46.818 -0.00431848 46.8228 -0.00808311 46.8184 -0.00463784C46.8096 0.00228345 46.764 0.0378652 46.6828 0.0983779C46.5199 0.219675 46.2165 0.439161 45.7812 0.727519C44.9072 1.30663 43.5257 2.14765 41.7061 3.02677C38.0469 4.79468 32.7981 6.63058 26.4253 6.95109L27.5746 29.7793ZM54 8.88887C50.2691 -1.91433 50.27 -1.91467 50.271 -1.91498C50.2712 -1.91506 50.272 -1.91535 50.2724 -1.9155C50.2733 -1.91581 50.274 -1.91602 50.2743 -1.91616C50.2752 -1.91643 50.275 -1.91636 50.2738 -1.91595C50.2714 -1.91515 50.2652 -1.91302 50.2552 -1.9096C50.2351 -1.90276 50.1999 -1.89078 50.1503 -1.874C50.0509 -1.84043 49.8938 -1.78773 49.6844 -1.71863C49.2652 -1.58031 48.6387 -1.377 47.8481 -1.13035C46.2609 -0.635237 44.0427 0.0249875 41.5325 0.6823C36.215 2.07471 30.6736 3.15796 27 3.15796V26.0151C33.8087 26.0151 41.7672 24.2495 47.3292 22.7931C50.2586 22.026 52.825 21.2618 54.6625 20.6886C55.5842 20.4011 56.33 20.1593 56.8551 19.986C57.1178 19.8993 57.3258 19.8296 57.4735 19.7797C57.5474 19.7548 57.6062 19.7348 57.6493 19.72C57.6709 19.7127 57.6885 19.7066 57.7021 19.7019C57.7089 19.6996 57.7147 19.6976 57.7195 19.696C57.7219 19.6952 57.7241 19.6944 57.726 19.6938C57.7269 19.6934 57.7281 19.693 57.7286 19.6929C57.7298 19.6924 57.7309 19.692 54 8.88887ZM27 3.15796C23.3263 3.15796 17.7849 2.07471 12.4674 0.6823C9.95717 0.0249875 7.73904 -0.635237 6.15184 -1.13035C5.36118 -1.377 4.73467 -1.58031 4.3155 -1.71863C4.10609 -1.78773 3.94899 -1.84043 3.84961 -1.874C3.79994 -1.89078 3.76474 -1.90276 3.74471 -1.9096C3.73469 -1.91302 3.72848 -1.91515 3.72613 -1.91595C3.72496 -1.91636 3.72476 -1.91643 3.72554 -1.91616C3.72593 -1.91602 3.72657 -1.91581 3.72745 -1.9155C3.72789 -1.91535 3.72874 -1.91506 3.72896 -1.91498C3.72987 -1.91467 3.73084 -1.91433 -4.673e-05 8.88887C-3.73093 19.692 -3.72983 19.6924 -3.72868 19.6929C-3.72821 19.693 -3.72698 19.6934 -3.72603 19.6938C-3.72415 19.6944 -3.72201 19.6952 -3.71961 19.696C-3.71482 19.6976 -3.70901 19.6996 -3.7022 19.7019C-3.68858 19.7066 -3.67095 19.7127 -3.6494 19.72C-3.60629 19.7348 -3.54745 19.7548 -3.47359 19.7797C-3.32589 19.8296 -3.11788 19.8993 -2.85516 19.986C-2.33008 20.1593 -1.58425 20.4011 -0.662589 20.6886C1.17485 21.2618 3.74125 22.026 6.67073 22.7931C12.2327 24.2495 20.1913 26.0151 27 26.0151V3.15796Z\"\n fill=\"var(--primary-color)\"\n />\n </g>\n </svg>\n <div\n style=\"\n border-radius: 56px;\n padding: 0.3rem;\n background: linear-gradient(\n 180deg,\n color-mix(in srgb, var(--primary-color), transparent 60%) 10%,\n var(--surface-ground) 30%\n );\n \"\n >\n <div\n class=\"w-full bg-surface-0 dark:bg-surface-900 py-20 px-8 sm:px-20 flex flex-col items-center\"\n style=\"border-radius: 53px\"\n >\n <span class=\"text-primary font-bold text-3xl\">{{ errorCode() }}</span>\n <h1 class=\"text-surface-900 dark:text-surface-0 font-bold text-3xl lg:text-5xl mb-2\">\n {{ title() }}\n </h1>\n <div class=\"text-surface-600 dark:text-surface-200 mb-8\">{{ message() }}</div>\n @for (suggestion of suggestions(); track suggestion.title; let last = $last) {\n <a\n [routerLink]=\"suggestion.route\"\n class=\"w-full flex items-center py-8 border-surface-300 dark:border-surface-500 border-b\"\n [class.mb-8]=\"last\"\n >\n <span\n class=\"flex justify-center items-center border-2 border-primary text-primary rounded-border\"\n style=\"height: 3.5rem; width: 3.5rem\"\n >\n <i [class]=\"suggestion.icon + ' text-2xl!'\"></i>\n </span>\n <span class=\"ml-6 flex flex-col\">\n <span\n class=\"text-surface-900 dark:text-surface-0 lg:text-xl font-medium mb-0 block\"\n >{{ suggestion.title }}</span\n >\n <span class=\"text-surface-600 dark:text-surface-200 lg:text-xl\">{{\n suggestion.description\n }}</span>\n </span>\n </a>\n }\n <a hx-button [routerLink]=\"buttonRoute()\">{{ buttonLabel() }}</a>\n </div>\n </div>\n </div>\n</div>\n"
5438
5296
  }]
5439
5297
  }],
5440
5298
  propDecorators: {