@raintonic/formaui 0.2.0

package/fesm2022/raintonic-formaui-components-breadcrumb.mjs

@@ -0,0 +1,55 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, input, booleanAttribute, signal, computed, ViewEncapsulation, ChangeDetectionStrategy, Component, contentChildren, effect } from '@angular/core';
+import { RouterLink } from '@angular/router';
+
+const FUI_BREADCRUMB = new InjectionToken('FUI_BREADCRUMB');
+
+class FuiBreadcrumbItemComponent {
+    routerLink = input(null, ...(ngDevMode ? [{ debugName: "routerLink" }] : /* istanbul ignore next */ []));
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    // Set by parent breadcrumb
+    isLast = signal(false, ...(ngDevMode ? [{ debugName: "isLast" }] : /* istanbul ignore next */ []));
+    _separator = signal('/', ...(ngDevMode ? [{ debugName: "_separator" }] : /* istanbul ignore next */ []));
+    isLink = computed(() => this.routerLink() != null && !this.isLast() && !this.disabled(), ...(ngDevMode ? [{ debugName: "isLink" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiBreadcrumbItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: FuiBreadcrumbItemComponent, isStandalone: true, selector: "fui-breadcrumb-item", inputs: { routerLink: { classPropertyName: "routerLink", publicName: "routerLink", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.fui-breadcrumb-item--active": "isLast()", "class.fui-breadcrumb-item--disabled": "disabled()", "attr.aria-current": "isLast() ? \"page\" : null" }, classAttribute: "fui-breadcrumb-item" }, ngImport: i0, template: "<li class=\"fui-breadcrumb-item__wrapper\">\n  @if (isLink()) {\n    <a class=\"fui-breadcrumb-item__link\" [routerLink]=\"routerLink()\"><ng-content></ng-content></a>\n  } @else {\n    <span class=\"fui-breadcrumb-item__text\"><ng-content></ng-content></span>\n  }\n</li>\n@if (!isLast()) {\n  <li class=\"fui-breadcrumb-item__separator\" aria-hidden=\"true\">{{ _separator() }}</li>\n}\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-motion-fade-out{transition:opacity var(--fui-duration-fast-01) var(--fui-ease-exit) 0ms}.fui-motion-slide-in-bottom{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition:transform,opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-moderate-01) var(--fui-ease-entrance)}.fui-breadcrumb{display:block}.fui-breadcrumb__list{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;gap:var(--fui-gap-4, .25rem)}.fui-breadcrumb-item{display:contents}.fui-breadcrumb-item__wrapper{display:flex;align-items:center}.fui-breadcrumb-item__link{color:var(--fui-primary);text-decoration:none;font-family:var(--fui-font-family-sans);font-size:var(--fui-font-size-02);transition:color var(--fui-duration-fast-02, .15s) var(--fui-ease-standard) 0ms}.fui-breadcrumb-item__link:hover{color:var(--fui-primary-80);text-decoration:underline}.fui-breadcrumb-item__link:focus-visible{outline:2px solid var(--fui-primary);outline-offset:2px;border-radius:var(--fui-border-radius-sm, 8px)}.fui-breadcrumb-item__text{font-family:var(--fui-font-family-sans);font-size:var(--fui-font-size-02);color:var(--fui-text-primary)}.fui-breadcrumb-item--active .fui-breadcrumb-item__text{font-weight:var(--fui-font-weight-medium, 500);color:var(--fui-text-primary)}.fui-breadcrumb-item--disabled .fui-breadcrumb-item__text{color:var(--fui-text-disabled)}.fui-breadcrumb-item__separator{display:flex;align-items:center;color:var(--fui-text-secondary);font-size:var(--fui-font-size-02);-webkit-user-select:none;user-select:none;padding:0 var(--fui-gap-4, .25rem)}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiBreadcrumbItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fui-breadcrumb-item', standalone: true, imports: [RouterLink], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        class: 'fui-breadcrumb-item',
+                        '[class.fui-breadcrumb-item--active]': 'isLast()',
+                        '[class.fui-breadcrumb-item--disabled]': 'disabled()',
+                        '[attr.aria-current]': 'isLast() ? "page" : null',
+                    }, template: "<li class=\"fui-breadcrumb-item__wrapper\">\n  @if (isLink()) {\n    <a class=\"fui-breadcrumb-item__link\" [routerLink]=\"routerLink()\"><ng-content></ng-content></a>\n  } @else {\n    <span class=\"fui-breadcrumb-item__text\"><ng-content></ng-content></span>\n  }\n</li>\n@if (!isLast()) {\n  <li class=\"fui-breadcrumb-item__separator\" aria-hidden=\"true\">{{ _separator() }}</li>\n}\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-motion-fade-out{transition:opacity var(--fui-duration-fast-01) var(--fui-ease-exit) 0ms}.fui-motion-slide-in-bottom{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition:transform,opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-moderate-01) var(--fui-ease-entrance)}.fui-breadcrumb{display:block}.fui-breadcrumb__list{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;gap:var(--fui-gap-4, .25rem)}.fui-breadcrumb-item{display:contents}.fui-breadcrumb-item__wrapper{display:flex;align-items:center}.fui-breadcrumb-item__link{color:var(--fui-primary);text-decoration:none;font-family:var(--fui-font-family-sans);font-size:var(--fui-font-size-02);transition:color var(--fui-duration-fast-02, .15s) var(--fui-ease-standard) 0ms}.fui-breadcrumb-item__link:hover{color:var(--fui-primary-80);text-decoration:underline}.fui-breadcrumb-item__link:focus-visible{outline:2px solid var(--fui-primary);outline-offset:2px;border-radius:var(--fui-border-radius-sm, 8px)}.fui-breadcrumb-item__text{font-family:var(--fui-font-family-sans);font-size:var(--fui-font-size-02);color:var(--fui-text-primary)}.fui-breadcrumb-item--active .fui-breadcrumb-item__text{font-weight:var(--fui-font-weight-medium, 500);color:var(--fui-text-primary)}.fui-breadcrumb-item--disabled .fui-breadcrumb-item__text{color:var(--fui-text-disabled)}.fui-breadcrumb-item__separator{display:flex;align-items:center;color:var(--fui-text-secondary);font-size:var(--fui-font-size-02);-webkit-user-select:none;user-select:none;padding:0 var(--fui-gap-4, .25rem)}\n"] }]
+        }], propDecorators: { routerLink: [{ type: i0.Input, args: [{ isSignal: true, alias: "routerLink", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }] } });
+
+class FuiBreadcrumbComponent {
+    separator = input('/', ...(ngDevMode ? [{ debugName: "separator" }] : /* istanbul ignore next */ []));
+    ariaLabel = input('Breadcrumb', { ...(ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {}), alias: 'aria-label' });
+    items = contentChildren(FuiBreadcrumbItemComponent, ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => {
+            const items = this.items();
+            items.forEach((item, idx) => {
+                item.isLast.set(idx === items.length - 1);
+                item._separator.set(this.separator());
+            });
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.6", type: FuiBreadcrumbComponent, isStandalone: true, selector: "fui-breadcrumb", inputs: { separator: { classPropertyName: "separator", publicName: "separator", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "fui-breadcrumb" }, providers: [{ provide: FUI_BREADCRUMB, useExisting: FuiBreadcrumbComponent }], queries: [{ propertyName: "items", predicate: FuiBreadcrumbItemComponent, isSignal: true }], ngImport: i0, template: "<nav [attr.aria-label]=\"ariaLabel()\">\n  <ol class=\"fui-breadcrumb__list\">\n    <ng-content></ng-content>\n  </ol>\n</nav>\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-motion-fade-out{transition:opacity var(--fui-duration-fast-01) var(--fui-ease-exit) 0ms}.fui-motion-slide-in-bottom{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition:transform,opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-moderate-01) var(--fui-ease-entrance)}.fui-breadcrumb{display:block}.fui-breadcrumb__list{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;gap:var(--fui-gap-4, .25rem)}.fui-breadcrumb-item{display:contents}.fui-breadcrumb-item__wrapper{display:flex;align-items:center}.fui-breadcrumb-item__link{color:var(--fui-primary);text-decoration:none;font-family:var(--fui-font-family-sans);font-size:var(--fui-font-size-02);transition:color var(--fui-duration-fast-02, .15s) var(--fui-ease-standard) 0ms}.fui-breadcrumb-item__link:hover{color:var(--fui-primary-80);text-decoration:underline}.fui-breadcrumb-item__link:focus-visible{outline:2px solid var(--fui-primary);outline-offset:2px;border-radius:var(--fui-border-radius-sm, 8px)}.fui-breadcrumb-item__text{font-family:var(--fui-font-family-sans);font-size:var(--fui-font-size-02);color:var(--fui-text-primary)}.fui-breadcrumb-item--active .fui-breadcrumb-item__text{font-weight:var(--fui-font-weight-medium, 500);color:var(--fui-text-primary)}.fui-breadcrumb-item--disabled .fui-breadcrumb-item__text{color:var(--fui-text-disabled)}.fui-breadcrumb-item__separator{display:flex;align-items:center;color:var(--fui-text-secondary);font-size:var(--fui-font-size-02);-webkit-user-select:none;user-select:none;padding:0 var(--fui-gap-4, .25rem)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiBreadcrumbComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fui-breadcrumb', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        class: 'fui-breadcrumb',
+                    }, providers: [{ provide: FUI_BREADCRUMB, useExisting: FuiBreadcrumbComponent }], template: "<nav [attr.aria-label]=\"ariaLabel()\">\n  <ol class=\"fui-breadcrumb__list\">\n    <ng-content></ng-content>\n  </ol>\n</nav>\n", styles: ["@keyframes fui-skeleton-pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes fui-spin{to{transform:rotate(360deg)}}@keyframes fui-shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.fui-motion-fade-in{transition:opacity var(--fui-duration-fast-02) var(--fui-ease-entrance) 0ms}.fui-motion-fade-out{transition:opacity var(--fui-duration-fast-01) var(--fui-ease-exit) 0ms}.fui-motion-slide-in-bottom{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-bottom.fui-motion-entering{transform:translateY(1rem)}.fui-motion-slide-in-top{transition:transform var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:translateY(0)}.fui-motion-slide-in-top.fui-motion-entering{transform:translateY(-1rem)}.fui-motion-scale-in{transition:transform,opacity var(--fui-duration-moderate-01) var(--fui-ease-entrance) 0ms;transform:scale(1);opacity:1}.fui-motion-scale-in.fui-motion-entering{transform:scale(.95);opacity:0}.fui-no-motion{transition:none!important;animation:none!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fui-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes fui-slide-in{0%{transform:translate(120%)}to{transform:translate(0)}}.fui-slide-in{animation:fui-slide-in var(--fui-duration-moderate-01) var(--fui-ease-entrance)}.fui-breadcrumb{display:block}.fui-breadcrumb__list{display:flex;flex-wrap:wrap;align-items:center;list-style:none;margin:0;padding:0;gap:var(--fui-gap-4, .25rem)}.fui-breadcrumb-item{display:contents}.fui-breadcrumb-item__wrapper{display:flex;align-items:center}.fui-breadcrumb-item__link{color:var(--fui-primary);text-decoration:none;font-family:var(--fui-font-family-sans);font-size:var(--fui-font-size-02);transition:color var(--fui-duration-fast-02, .15s) var(--fui-ease-standard) 0ms}.fui-breadcrumb-item__link:hover{color:var(--fui-primary-80);text-decoration:underline}.fui-breadcrumb-item__link:focus-visible{outline:2px solid var(--fui-primary);outline-offset:2px;border-radius:var(--fui-border-radius-sm, 8px)}.fui-breadcrumb-item__text{font-family:var(--fui-font-family-sans);font-size:var(--fui-font-size-02);color:var(--fui-text-primary)}.fui-breadcrumb-item--active .fui-breadcrumb-item__text{font-weight:var(--fui-font-weight-medium, 500);color:var(--fui-text-primary)}.fui-breadcrumb-item--disabled .fui-breadcrumb-item__text{color:var(--fui-text-disabled)}.fui-breadcrumb-item__separator{display:flex;align-items:center;color:var(--fui-text-secondary);font-size:var(--fui-font-size-02);-webkit-user-select:none;user-select:none;padding:0 var(--fui-gap-4, .25rem)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { separator: [{ type: i0.Input, args: [{ isSignal: true, alias: "separator", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => FuiBreadcrumbItemComponent), { isSignal: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FUI_BREADCRUMB, FuiBreadcrumbComponent, FuiBreadcrumbItemComponent };
+//# sourceMappingURL=raintonic-formaui-components-breadcrumb.mjs.map

package/fesm2022/raintonic-formaui-components-breadcrumb.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"raintonic-formaui-components-breadcrumb.mjs","sources":["../../../lib/components/breadcrumb/breadcrumb.types.ts","../../../lib/components/breadcrumb/breadcrumb-item.component.ts","../../../lib/components/breadcrumb/breadcrumb-item.component.html","../../../lib/components/breadcrumb/breadcrumb.component.ts","../../../lib/components/breadcrumb/breadcrumb.component.html","../../../lib/components/breadcrumb/raintonic-formaui-components-breadcrumb.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport const FUI_BREADCRUMB = new InjectionToken<unknown>('FUI_BREADCRUMB');\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  ViewEncapsulation,\n  booleanAttribute,\n  computed,\n  input,\n  signal,\n} from '@angular/core';\nimport { RouterLink } from '@angular/router';\n\n@Component({\n  selector: 'fui-breadcrumb-item',\n  standalone: true,\n  imports: [RouterLink],\n  templateUrl: './breadcrumb-item.component.html',\n  styleUrls: ['./breadcrumb.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'fui-breadcrumb-item',\n    '[class.fui-breadcrumb-item--active]': 'isLast()',\n    '[class.fui-breadcrumb-item--disabled]': 'disabled()',\n    '[attr.aria-current]': 'isLast() ? \"page\" : null',\n  },\n})\nexport class FuiBreadcrumbItemComponent {\n  readonly routerLink = input<string | unknown[] | null>(null);\n  readonly disabled = input<boolean, unknown>(false, { transform: booleanAttribute });\n\n  // Set by parent breadcrumb\n  readonly isLast = signal(false);\n  readonly _separator = signal('/');\n\n  readonly isLink = computed(() => this.routerLink() != null && !this.isLast() && !this.disabled());\n}\n","<li class=\"fui-breadcrumb-item__wrapper\">\n  @if (isLink()) {\n    <a class=\"fui-breadcrumb-item__link\" [routerLink]=\"routerLink()\"><ng-content></ng-content></a>\n  } @else {\n    <span class=\"fui-breadcrumb-item__text\"><ng-content></ng-content></span>\n  }\n</li>\n@if (!isLast()) {\n  <li class=\"fui-breadcrumb-item__separator\" aria-hidden=\"true\">{{ _separator() }}</li>\n}\n","import { ChangeDetectionStrategy, Component, ViewEncapsulation, contentChildren, effect, input } from '@angular/core';\nimport { FUI_BREADCRUMB } from './breadcrumb.types';\nimport { FuiBreadcrumbItemComponent } from './breadcrumb-item.component';\n\n@Component({\n  selector: 'fui-breadcrumb',\n  standalone: true,\n  imports: [],\n  templateUrl: './breadcrumb.component.html',\n  styleUrls: ['./breadcrumb.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'fui-breadcrumb',\n  },\n  providers: [{ provide: FUI_BREADCRUMB, useExisting: FuiBreadcrumbComponent }],\n})\nexport class FuiBreadcrumbComponent {\n  readonly separator = input('/');\n  readonly ariaLabel = input('Breadcrumb', { alias: 'aria-label' });\n\n  readonly items = contentChildren(FuiBreadcrumbItemComponent);\n\n  constructor() {\n    effect(() => {\n      const items = this.items();\n      items.forEach((item, idx) => {\n        item.isLast.set(idx === items.length - 1);\n        item._separator.set(this.separator());\n      });\n    });\n  }\n}\n","<nav [attr.aria-label]=\"ariaLabel()\">\n  <ol class=\"fui-breadcrumb__list\">\n    <ng-content></ng-content>\n  </ol>\n</nav>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/raintonic-formaui-components-button-group.mjs

@@ -0,0 +1,103 @@
+import * as i0 from '@angular/core';
+import { input, inject, ElementRef, Renderer2, effect, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+
+/**
+ * # Button Group Component
+ *
+ * A container component that groups multiple buttons together, creating a unified
+ * visual element with connected borders. Follows Carbon Design System patterns.
+ *
+ * ## Features
+ * - Groups multiple buttons into a single visual unit
+ * - Removes internal border-radius, keeping only the extremities rounded
+ * - Surface-02 background with small padding
+ * - Automatically handles button border-radius for first and last buttons
+ *
+ * ## Usage
+ *
+ * ### Basic Button Group
+ * ```html
+ * <fui-button-group>
+ *   <button fuiButton variant="outline">Left</button>
+ *   <button fuiButton variant="outline">Center</button>
+ *   <button fuiButton variant="outline">Right</button>
+ * </fui-button-group>
+ * ```
+ *
+ * @example
+ * ```typescript
+ * import { FuiButtonGroupComponent } from '@raintonic/formaui/components/button-group';
+ * import { FuiButtonDirective } from '@raintonic/formaui/components/button';
+ *
+ * @Component({
+ *   standalone: true,
+ *   imports: [FuiButtonGroupComponent, FuiButtonDirective],
+ *   template: `
+ *     <fui-button-group>
+ *       <button fuiButton variant="outline">Option 1</button>
+ *       <button fuiButton variant="outline">Option 2</button>
+ *       <button fuiButton variant="outline">Option 3</button>
+ *     </fui-button-group>
+ *   `
+ * })
+ * export class MyComponent {}
+ * ```
+ */
+class FuiButtonGroupComponent {
+    /**
+     * Accessible label for the button group
+     */
+    ariaLabel = input(undefined, ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    _elementRef = inject(ElementRef);
+    _renderer = inject(Renderer2);
+    constructor() {
+        // Set up an effect to handle dynamic button changes
+        effect(() => {
+            this._updateButtonStyles();
+        });
+    }
+    ngAfterContentInit() {
+        this._updateButtonStyles();
+    }
+    _updateButtonStyles() {
+        const hostElement = this._elementRef.nativeElement;
+        const buttons = hostElement.querySelectorAll('[fuiButton]');
+        buttons.forEach((button, index) => {
+            // Remove all position classes first
+            this._renderer.removeClass(button, 'fui-button-group__button--first');
+            this._renderer.removeClass(button, 'fui-button-group__button--middle');
+            this._renderer.removeClass(button, 'fui-button-group__button--last');
+            this._renderer.removeClass(button, 'fui-button-group__button--only');
+            // Add appropriate class based on position
+            if (buttons.length === 1) {
+                this._renderer.addClass(button, 'fui-button-group__button--only');
+            }
+            else if (index === 0) {
+                this._renderer.addClass(button, 'fui-button-group__button--first');
+            }
+            else if (index === buttons.length - 1) {
+                this._renderer.addClass(button, 'fui-button-group__button--last');
+            }
+            else {
+                this._renderer.addClass(button, 'fui-button-group__button--middle');
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiButtonGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.6", type: FuiButtonGroupComponent, isStandalone: true, selector: "fui-button-group", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "group" }, properties: { "attr.aria-label": "ariaLabel()" }, classAttribute: "fui-button-group" }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: [".fui-button-group{contain:layout style;display:inline-flex;align-items:center;gap:0;background-color:var(--fui-surface-02);padding:var(--fui-spacing-02);border-radius:var(--fui-border-radius-sm);box-sizing:border-box}.fui-button-group .fui-button{margin:0}.fui-button-group .fui-button-group__button--middle{border-radius:0}.fui-button-group .fui-button-group__button--first{border-top-right-radius:0;border-bottom-right-radius:0}.fui-button-group .fui-button-group__button--last{border-top-left-radius:0;border-bottom-left-radius:0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiButtonGroupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fui-button-group', standalone: true, template: `<ng-content></ng-content>`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        class: 'fui-button-group',
+                        role: 'group',
+                        '[attr.aria-label]': 'ariaLabel()',
+                    }, styles: [".fui-button-group{contain:layout style;display:inline-flex;align-items:center;gap:0;background-color:var(--fui-surface-02);padding:var(--fui-spacing-02);border-radius:var(--fui-border-radius-sm);box-sizing:border-box}.fui-button-group .fui-button{margin:0}.fui-button-group .fui-button-group__button--middle{border-radius:0}.fui-button-group .fui-button-group__button--first{border-top-right-radius:0;border-bottom-right-radius:0}.fui-button-group .fui-button-group__button--last{border-top-left-radius:0;border-bottom-left-radius:0}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FuiButtonGroupComponent };
+//# sourceMappingURL=raintonic-formaui-components-button-group.mjs.map

package/fesm2022/raintonic-formaui-components-button-group.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"raintonic-formaui-components-button-group.mjs","sources":["../../../lib/components/button-group/button-group.component.ts","../../../lib/components/button-group/raintonic-formaui-components-button-group.ts"],"sourcesContent":["import {\n  Component,\n  ChangeDetectionStrategy,\n  ViewEncapsulation,\n  AfterContentInit,\n  ElementRef,\n  Renderer2,\n  inject,\n  effect,\n  input,\n} from '@angular/core';\n\n/**\n * # Button Group Component\n *\n * A container component that groups multiple buttons together, creating a unified\n * visual element with connected borders. Follows Carbon Design System patterns.\n *\n * ## Features\n * - Groups multiple buttons into a single visual unit\n * - Removes internal border-radius, keeping only the extremities rounded\n * - Surface-02 background with small padding\n * - Automatically handles button border-radius for first and last buttons\n *\n * ## Usage\n *\n * ### Basic Button Group\n * ```html\n * <fui-button-group>\n *   <button fuiButton variant=\"outline\">Left</button>\n *   <button fuiButton variant=\"outline\">Center</button>\n *   <button fuiButton variant=\"outline\">Right</button>\n * </fui-button-group>\n * ```\n *\n * @example\n * ```typescript\n * import { FuiButtonGroupComponent } from '@raintonic/formaui/components/button-group';\n * import { FuiButtonDirective } from '@raintonic/formaui/components/button';\n *\n * @Component({\n *   standalone: true,\n *   imports: [FuiButtonGroupComponent, FuiButtonDirective],\n *   template: `\n *     <fui-button-group>\n *       <button fuiButton variant=\"outline\">Option 1</button>\n *       <button fuiButton variant=\"outline\">Option 2</button>\n *       <button fuiButton variant=\"outline\">Option 3</button>\n *     </fui-button-group>\n *   `\n * })\n * export class MyComponent {}\n * ```\n */\n@Component({\n  selector: 'fui-button-group',\n  standalone: true,\n  template: `<ng-content></ng-content>`,\n  styleUrls: ['./button-group.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'fui-button-group',\n    role: 'group',\n    '[attr.aria-label]': 'ariaLabel()',\n  },\n})\nexport class FuiButtonGroupComponent implements AfterContentInit {\n  /**\n   * Accessible label for the button group\n   */\n  readonly ariaLabel = input<string | undefined>(undefined);\n\n  private readonly _elementRef = inject(ElementRef);\n  private readonly _renderer = inject(Renderer2);\n\n  constructor() {\n    // Set up an effect to handle dynamic button changes\n    effect(() => {\n      this._updateButtonStyles();\n    });\n  }\n\n  ngAfterContentInit(): void {\n    this._updateButtonStyles();\n  }\n\n  private _updateButtonStyles(): void {\n    const hostElement = this._elementRef.nativeElement as HTMLElement;\n    const buttons = hostElement.querySelectorAll('[fuiButton]');\n\n    buttons.forEach((button, index) => {\n      // Remove all position classes first\n      this._renderer.removeClass(button, 'fui-button-group__button--first');\n      this._renderer.removeClass(button, 'fui-button-group__button--middle');\n      this._renderer.removeClass(button, 'fui-button-group__button--last');\n      this._renderer.removeClass(button, 'fui-button-group__button--only');\n\n      // Add appropriate class based on position\n      if (buttons.length === 1) {\n        this._renderer.addClass(button, 'fui-button-group__button--only');\n      } else if (index === 0) {\n        this._renderer.addClass(button, 'fui-button-group__button--first');\n      } else if (index === buttons.length - 1) {\n        this._renderer.addClass(button, 'fui-button-group__button--last');\n      } else {\n        this._renderer.addClass(button, 'fui-button-group__button--middle');\n      }\n    });\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAYA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCG;MAcU,uBAAuB,CAAA;AAClC;;AAEG;AACM,IAAA,SAAS,GAAG,KAAK,CAAqB,SAAS,gFAAC;AAExC,IAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;AAChC,IAAA,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;AAE9C,IAAA,WAAA,GAAA;;QAEE,MAAM,CAAC,MAAK;YACV,IAAI,CAAC,mBAAmB,EAAE;AAC5B,QAAA,CAAC,CAAC;IACJ;IAEA,kBAAkB,GAAA;QAChB,IAAI,CAAC,mBAAmB,EAAE;IAC5B;IAEQ,mBAAmB,GAAA;AACzB,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,aAA4B;QACjE,MAAM,OAAO,GAAG,WAAW,CAAC,gBAAgB,CAAC,aAAa,CAAC;QAE3D,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,KAAK,KAAI;;YAEhC,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,MAAM,EAAE,iCAAiC,CAAC;YACrE,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,MAAM,EAAE,kCAAkC,CAAC;YACtE,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,MAAM,EAAE,gCAAgC,CAAC;YACpE,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,MAAM,EAAE,gCAAgC,CAAC;;AAGpE,YAAA,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;gBACxB,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,EAAE,gCAAgC,CAAC;YACnE;AAAO,iBAAA,IAAI,KAAK,KAAK,CAAC,EAAE;gBACtB,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,EAAE,iCAAiC,CAAC;YACpE;iBAAO,IAAI,KAAK,KAAK,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;gBACvC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,EAAE,gCAAgC,CAAC;YACnE;iBAAO;gBACL,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,EAAE,kCAAkC,CAAC;YACrE;AACF,QAAA,CAAC,CAAC;IACJ;uGA1CW,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAvB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,6VAVxB,CAAA,yBAAA,CAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,yhBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAU1B,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAbnC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,kBAAkB,EAAA,UAAA,EAChB,IAAI,EAAA,QAAA,EACN,CAAA,yBAAA,CAA2B,EAAA,eAAA,EAEpB,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B;AACJ,wBAAA,KAAK,EAAE,kBAAkB;AACzB,wBAAA,IAAI,EAAE,OAAO;AACb,wBAAA,mBAAmB,EAAE,aAAa;AACnC,qBAAA,EAAA,MAAA,EAAA,CAAA,yhBAAA,CAAA,EAAA;;;ACjEH;;AAEG;;;;"}

package/fesm2022/raintonic-formaui-components-button.mjs

@@ -0,0 +1,241 @@
+import * as i0 from '@angular/core';
+import { input, booleanAttribute, computed, inject, ElementRef, Renderer2, effect, HostListener, Directive } from '@angular/core';
+
+const FUI_BUTTON_VARIANTS = ['primary', 'secondary', 'ghost', 'outline', 'danger', 'link', 'icon'];
+const FUI_BUTTON_SIZES = ['sm', 'md', 'lg', 'xl', '2xl'];
+/**
+ * # Button Directive
+ *
+ * A versatile button directive that can be applied to both `<button>` and `<a>` elements.
+ * Follows Carbon Design System patterns with full accessibility support.
+ *
+ * ## Features
+ * - Multiple variants: primary, secondary,ghost, outline, danger, link
+ * - Six sizes: sm, md, lg, xl, 2xl, field
+ * - Full accessibility support (ARIA attributes, keyboard navigation)
+ * - Loading and disabled states
+ * - Icon support with proper spacing
+ * - Full-width option
+ * - Works with both button and anchor elements
+ *
+ *
+ * ### Link Button
+ * ```html
+ * <a fuiButton href="/dashboard" variant="ghost">Go to Dashboard</a>
+ * ```
+ *
+ * @example
+ * ```typescript
+ * import { FuiButtonDirective } from '@raintonic/formaui/components/button';
+ *
+ * @Component({
+ *   standalone: true,
+ *   imports: [FuiButtonDirective],
+ *   template: `
+ *     <button fuiButton variant="primary" (click)="save()">
+ *       Save Changes
+ *     </button>
+ *   `
+ * })
+ * export class MyComponent {
+ *   save() {
+ *     // Handle save action
+ *   }
+ * }
+ * ```
+ */
+class FuiButtonDirective {
+    /**
+     * Button variant that determines the color scheme
+     * @default 'primary'
+     */
+    variant = input('primary', { ...(ngDevMode ? { debugName: "variant" } : /* istanbul ignore next */ {}), transform: (v) => (FUI_BUTTON_VARIANTS.includes(v) ? v : 'primary') });
+    /**
+     * Button size
+     * @default 'md'
+     */
+    size = input('md', { ...(ngDevMode ? { debugName: "size" } : /* istanbul ignore next */ {}), transform: (v) => (FUI_BUTTON_SIZES.includes(v) ? v : 'md') });
+    /**
+     * Whether the button is disabled
+     * @default false
+     */
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Whether the button should take full width of its container
+     * @default false
+     */
+    fullWidth = input(false, { ...(ngDevMode ? { debugName: "fullWidth" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Whether the button is in loading state
+     * @default false
+     */
+    loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Whether the button contains only an icon (for proper padding)
+     * @default false
+     */
+    iconOnly = input(false, { ...(ngDevMode ? { debugName: "iconOnly" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /**
+     * Accessible label for icon-only buttons.
+     * Required when `iconOnly` is true so screen readers can announce the button's purpose.
+     */
+    ariaLabel = input(null, { ...(ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {}), alias: 'aria-label' });
+    /**
+     * Button type for native button elements
+     * @default 'button'
+     */
+    type = input('button', ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
+    // Computed properties
+    computedClasses = computed(() => {
+        const classes = ['fui-button', `fui-button--${this.variant()}`, `fui-button--${this.size()}`];
+        if (this.disabled()) {
+            classes.push('fui-button--disabled');
+        }
+        if (this.fullWidth()) {
+            classes.push('fui-button--full-width');
+        }
+        if (this.loading()) {
+            classes.push('fui-button--loading');
+        }
+        if (this.iconOnly()) {
+            classes.push('fui-button--icon-only');
+        }
+        return classes.join(' ');
+    }, ...(ngDevMode ? [{ debugName: "computedClasses" }] : /* istanbul ignore next */ []));
+    _elementRef = inject(ElementRef);
+    _renderer = inject(Renderer2);
+    // Element kind guards
+    get isButton() {
+        return this._elementRef.nativeElement.tagName.toLowerCase() === 'button';
+    }
+    get isAnchor() {
+        return this._elementRef.nativeElement.tagName.toLowerCase() === 'a';
+    }
+    constructor() {
+        // Manage loading spinner and anchor href disabled-state together
+        effect(() => {
+            if (this.loading()) {
+                this._addLoadingSpinner();
+            }
+            else {
+                this._removeLoadingSpinner();
+            }
+            this._syncAnchorHrefDisabledState();
+        });
+    }
+    ngAfterViewInit() {
+        // Ensure explicit type for native buttons to prevent accidental form submit
+        const el = this._elementRef.nativeElement;
+        if (this.isButton) {
+            this._renderer.setAttribute(el, 'type', this.type());
+        }
+    }
+    onClick(event) {
+        if (this.disabled() || this.loading()) {
+            event.preventDefault();
+            event.stopPropagation();
+            return;
+        }
+    }
+    onKeydown(event) {
+        if (this.disabled() || this.loading()) {
+            event.preventDefault();
+            return;
+        }
+        // Only synthesize activation for anchors
+        if (this.isAnchor) {
+            const ke = event;
+            if (ke.key === 'Enter') {
+                event.preventDefault();
+                this._elementRef.nativeElement.click();
+            }
+            else if (ke.key === ' ') {
+                // prevent page scroll; activation handled on keyup
+                event.preventDefault();
+            }
+        }
+    }
+    onKeyup(event) {
+        if (this.disabled() || this.loading()) {
+            return;
+        }
+        if (this.isAnchor && event.key === ' ') {
+            this._elementRef.nativeElement.click();
+        }
+    }
+    _addLoadingSpinner() {
+        // Prevent duplicate spinner nodes
+        if (this._elementRef.nativeElement.querySelector('.fui-icon'))
+            return;
+        const spinner = this._renderer.createElement('fui-icon');
+        this._renderer.addClass(spinner, 'fui-button__spinner');
+        this._renderer.setAttribute(spinner, 'aria-hidden', 'true');
+        // Add spinner icon
+        const spinnerIcon = this._renderer.createElement('span');
+        this._renderer.addClass(spinnerIcon, 'fui-button__spinner-icon');
+        this._renderer.appendChild(spinner, spinnerIcon);
+        this._renderer.appendChild(this._elementRef.nativeElement, spinner);
+    }
+    _removeLoadingSpinner() {
+        const spinner = this._elementRef.nativeElement.querySelector('.fui-button__spinner');
+        if (spinner) {
+            this._renderer.removeChild(this._elementRef.nativeElement, spinner);
+        }
+    }
+    _syncAnchorHrefDisabledState() {
+        const el = this._elementRef.nativeElement;
+        if (!this.isAnchor)
+            return;
+        const disabledLike = this.disabled() || this.loading();
+        const stored = el.getAttribute('data-fuiStoredHref');
+        const href = el.getAttribute('href');
+        if (disabledLike && href) {
+            this._renderer.setAttribute(el, 'data-fuiStoredHref', href);
+            this._renderer.removeAttribute(el, 'href');
+        }
+        else if (!disabledLike && !href && stored) {
+            this._renderer.setAttribute(el, 'href', stored);
+            this._renderer.removeAttribute(el, 'data-fuiStoredHref');
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.6", type: FuiButtonDirective, isStandalone: true, selector: "button[fuiButton], a[fuiButton]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, iconOnly: { classPropertyName: "iconOnly", publicName: "iconOnly", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick($event)", "keydown": "onKeydown($event)", "keyup": "onKeyup($event)" }, properties: { "class": "computedClasses()", "attr.disabled": "isButton && (disabled() || loading()) ? \"\" : null", "attr.aria-disabled": "(disabled() || loading()) ? \"true\" : null", "attr.aria-busy": "loading() ? \"true\" : null", "attr.aria-label": "ariaLabel()", "attr.aria-live": "loading() ? \"polite\" : null", "attr.role": "isAnchor ? \"button\" : null", "attr.tabindex": "isAnchor && (disabled() || loading()) ? \"-1\" : null", "style.pointer-events": "isAnchor && (disabled() || loading()) ? \"none\" : null" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: FuiButtonDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[fuiButton], a[fuiButton]',
+                    standalone: true,
+                    host: {
+                        '[class]': 'computedClasses()',
+                        // Use attribute binding for boolean disabled; valid on <button>, ignored on <a>
+                        '[attr.disabled]': 'isButton && (disabled() || loading()) ? "" : null',
+                        // ARIA: present only when true
+                        '[attr.aria-disabled]': '(disabled() || loading()) ? "true" : null',
+                        '[attr.aria-busy]': 'loading() ? "true" : null',
+                        '[attr.aria-label]': 'ariaLabel()',
+                        '[attr.aria-live]': 'loading() ? "polite" : null',
+                        // For anchors, provide role and manage tabindex
+                        '[attr.role]': 'isAnchor ? "button" : null',
+                        '[attr.tabindex]': 'isAnchor && (disabled() || loading()) ? "-1" : null',
+                        // Optionally prevent interactions for anchors when disabled/loading
+                        '[style.pointer-events]': 'isAnchor && (disabled() || loading()) ? "none" : null',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], fullWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullWidth", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], iconOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconOnly", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], onClick: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }], onKeydown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }], onKeyup: [{
+                type: HostListener,
+                args: ['keyup', ['$event']]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FUI_BUTTON_SIZES, FUI_BUTTON_VARIANTS, FuiButtonDirective };
+//# sourceMappingURL=raintonic-formaui-components-button.mjs.map

package/fesm2022/raintonic-formaui-components-button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"raintonic-formaui-components-button.mjs","sources":["../../../lib/components/button/button.directive.ts","../../../lib/components/button/raintonic-formaui-components-button.ts"],"sourcesContent":["import {\n  Directive,\n  ElementRef,\n  Renderer2,\n  input,\n  computed,\n  effect,\n  HostListener,\n  inject,\n  Signal,\n  AfterViewInit,\n  booleanAttribute,\n} from '@angular/core';\n\n/**\n * Available button variants following Carbon Design System patterns\n */\nexport type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'outline' | 'danger' | 'link' | 'icon';\n\n/**\n * Available button sizes\n */\nexport type ButtonSize = 'sm' | 'md' | 'lg' | 'xl' | '2xl';\n\nexport const FUI_BUTTON_VARIANTS = ['primary', 'secondary', 'ghost', 'outline', 'danger', 'link', 'icon'] as const;\nexport const FUI_BUTTON_SIZES = ['sm', 'md', 'lg', 'xl', '2xl'] as const;\n\nexport type ButtonType = 'button' | 'submit' | 'reset';\n\n/**\n * # Button Directive\n *\n * A versatile button directive that can be applied to both `<button>` and `<a>` elements.\n * Follows Carbon Design System patterns with full accessibility support.\n *\n * ## Features\n * - Multiple variants: primary, secondary,ghost, outline, danger, link\n * - Six sizes: sm, md, lg, xl, 2xl, field\n * - Full accessibility support (ARIA attributes, keyboard navigation)\n * - Loading and disabled states\n * - Icon support with proper spacing\n * - Full-width option\n * - Works with both button and anchor elements\n *\n *\n * ### Link Button\n * ```html\n * <a fuiButton href=\"/dashboard\" variant=\"ghost\">Go to Dashboard</a>\n * ```\n *\n * @example\n * ```typescript\n * import { FuiButtonDirective } from '@raintonic/formaui/components/button';\n *\n * @Component({\n *   standalone: true,\n *   imports: [FuiButtonDirective],\n *   template: `\n *     <button fuiButton variant=\"primary\" (click)=\"save()\">\n *       Save Changes\n *     </button>\n *   `\n * })\n * export class MyComponent {\n *   save() {\n *     // Handle save action\n *   }\n * }\n * ```\n */\n@Directive({\n  selector: 'button[fuiButton], a[fuiButton]',\n  standalone: true,\n  host: {\n    '[class]': 'computedClasses()',\n    // Use attribute binding for boolean disabled; valid on <button>, ignored on <a>\n    '[attr.disabled]': 'isButton && (disabled() || loading()) ? \"\" : null',\n    // ARIA: present only when true\n    '[attr.aria-disabled]': '(disabled() || loading()) ? \"true\" : null',\n    '[attr.aria-busy]': 'loading() ? \"true\" : null',\n    '[attr.aria-label]': 'ariaLabel()',\n    '[attr.aria-live]': 'loading() ? \"polite\" : null',\n    // For anchors, provide role and manage tabindex\n    '[attr.role]': 'isAnchor ? \"button\" : null',\n    '[attr.tabindex]': 'isAnchor && (disabled() || loading()) ? \"-1\" : null',\n    // Optionally prevent interactions for anchors when disabled/loading\n    '[style.pointer-events]': 'isAnchor && (disabled() || loading()) ? \"none\" : null',\n  },\n})\nexport class FuiButtonDirective implements AfterViewInit {\n  /**\n   * Button variant that determines the color scheme\n   * @default 'primary'\n   */\n  readonly variant = input<ButtonVariant, ButtonVariant | string>('primary', {\n    transform: (v) => ((FUI_BUTTON_VARIANTS as readonly string[]).includes(v) ? (v as ButtonVariant) : 'primary'),\n  });\n\n  /**\n   * Button size\n   * @default 'md'\n   */\n  readonly size = input<ButtonSize, ButtonSize | string>('md', {\n    transform: (v) => ((FUI_BUTTON_SIZES as readonly string[]).includes(v) ? (v as ButtonSize) : 'md'),\n  });\n\n  /**\n   * Whether the button is disabled\n   * @default false\n   */\n  readonly disabled = input<boolean, unknown>(false, { transform: booleanAttribute });\n\n  /**\n   * Whether the button should take full width of its container\n   * @default false\n   */\n  readonly fullWidth = input<boolean, unknown>(false, { transform: booleanAttribute });\n\n  /**\n   * Whether the button is in loading state\n   * @default false\n   */\n  readonly loading = input<boolean, unknown>(false, { transform: booleanAttribute });\n\n  /**\n   * Whether the button contains only an icon (for proper padding)\n   * @default false\n   */\n  readonly iconOnly = input<boolean, unknown>(false, { transform: booleanAttribute });\n\n  /**\n   * Accessible label for icon-only buttons.\n   * Required when `iconOnly` is true so screen readers can announce the button's purpose.\n   */\n  readonly ariaLabel = input<string | null>(null, { alias: 'aria-label' });\n\n  /**\n   * Button type for native button elements\n   * @default 'button'\n   */\n  readonly type = input<ButtonType>('button');\n\n  // Computed properties\n  readonly computedClasses: Signal<string> = computed(() => {\n    const classes: string[] = ['fui-button', `fui-button--${this.variant()}`, `fui-button--${this.size()}`];\n\n    if (this.disabled()) {\n      classes.push('fui-button--disabled');\n    }\n\n    if (this.fullWidth()) {\n      classes.push('fui-button--full-width');\n    }\n\n    if (this.loading()) {\n      classes.push('fui-button--loading');\n    }\n\n    if (this.iconOnly()) {\n      classes.push('fui-button--icon-only');\n    }\n\n    return classes.join(' ');\n  });\n\n  private readonly _elementRef: ElementRef<HTMLElement> = inject(ElementRef);\n  private readonly _renderer: Renderer2 = inject(Renderer2);\n\n  // Element kind guards\n  get isButton(): boolean {\n    return this._elementRef.nativeElement.tagName.toLowerCase() === 'button';\n  }\n  get isAnchor(): boolean {\n    return this._elementRef.nativeElement.tagName.toLowerCase() === 'a';\n  }\n\n  constructor() {\n    // Manage loading spinner and anchor href disabled-state together\n    effect(() => {\n      if (this.loading()) {\n        this._addLoadingSpinner();\n      } else {\n        this._removeLoadingSpinner();\n      }\n      this._syncAnchorHrefDisabledState();\n    });\n  }\n\n  ngAfterViewInit(): void {\n    // Ensure explicit type for native buttons to prevent accidental form submit\n    const el = this._elementRef.nativeElement;\n    if (this.isButton) {\n      this._renderer.setAttribute(el, 'type', this.type());\n    }\n  }\n\n  @HostListener('click', ['$event'])\n  onClick(event: Event): void {\n    if (this.disabled() || this.loading()) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n  }\n\n  @HostListener('keydown', ['$event'])\n  onKeydown(event: Event): void {\n    if (this.disabled() || this.loading()) {\n      event.preventDefault();\n      return;\n    }\n\n    // Only synthesize activation for anchors\n    if (this.isAnchor) {\n      const ke = event as KeyboardEvent;\n      if (ke.key === 'Enter') {\n        event.preventDefault();\n        this._elementRef.nativeElement.click();\n      } else if (ke.key === ' ') {\n        // prevent page scroll; activation handled on keyup\n        event.preventDefault();\n      }\n    }\n  }\n\n  @HostListener('keyup', ['$event'])\n  onKeyup(event: Event): void {\n    if (this.disabled() || this.loading()) {\n      return;\n    }\n    if (this.isAnchor && (event as KeyboardEvent).key === ' ') {\n      this._elementRef.nativeElement.click();\n    }\n  }\n\n  private _addLoadingSpinner(): void {\n    // Prevent duplicate spinner nodes\n    if (this._elementRef.nativeElement.querySelector('.fui-icon')) return;\n\n    const spinner = this._renderer.createElement('fui-icon');\n    this._renderer.addClass(spinner, 'fui-button__spinner');\n    this._renderer.setAttribute(spinner, 'aria-hidden', 'true');\n\n    // Add spinner icon\n    const spinnerIcon = this._renderer.createElement('span');\n    this._renderer.addClass(spinnerIcon, 'fui-button__spinner-icon');\n    this._renderer.appendChild(spinner, spinnerIcon);\n\n    this._renderer.appendChild(this._elementRef.nativeElement, spinner);\n  }\n\n  private _removeLoadingSpinner(): void {\n    const spinner = this._elementRef.nativeElement.querySelector('.fui-button__spinner');\n    if (spinner) {\n      this._renderer.removeChild(this._elementRef.nativeElement, spinner);\n    }\n  }\n\n  private _syncAnchorHrefDisabledState(): void {\n    const el = this._elementRef.nativeElement as HTMLElement & { getAttribute(name: string): string | null };\n    if (!this.isAnchor) return;\n    const disabledLike = this.disabled() || this.loading();\n    const stored = el.getAttribute('data-fuiStoredHref');\n    const href = el.getAttribute('href');\n\n    if (disabledLike && href) {\n      this._renderer.setAttribute(el, 'data-fuiStoredHref', href);\n      this._renderer.removeAttribute(el, 'href');\n    } else if (!disabledLike && !href && stored) {\n      this._renderer.setAttribute(el, 'href', stored);\n      this._renderer.removeAttribute(el, 'data-fuiStoredHref');\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;AAwBO,MAAM,mBAAmB,GAAG,CAAC,SAAS,EAAE,WAAW,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM;AACjG,MAAM,gBAAgB,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK;AAI9D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCG;MAoBU,kBAAkB,CAAA;AAC7B;;;AAGG;AACM,IAAA,OAAO,GAAG,KAAK,CAAwC,SAAS,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,SAAA,EAAA,8BAAA,EAAA,CAAA,EACvE,SAAS,EAAE,CAAC,CAAC,MAAO,mBAAyC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAI,CAAmB,GAAG,SAAS,CAAC,GAC7G;AAEF;;;AAGG;AACM,IAAA,IAAI,GAAG,KAAK,CAAkC,IAAI,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,MAAA,EAAA,8BAAA,EAAA,CAAA,EACzD,SAAS,EAAE,CAAC,CAAC,MAAO,gBAAsC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAI,CAAgB,GAAG,IAAI,CAAC,GAClG;AAEF;;;AAGG;IACM,QAAQ,GAAG,KAAK,CAAmB,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAEnF;;;AAGG;IACM,SAAS,GAAG,KAAK,CAAmB,KAAK,iFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAEpF;;;AAGG;IACM,OAAO,GAAG,KAAK,CAAmB,KAAK,+EAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAElF;;;AAGG;IACM,QAAQ,GAAG,KAAK,CAAmB,KAAK,gFAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAEnF;;;AAGG;IACM,SAAS,GAAG,KAAK,CAAgB,IAAI,iFAAI,KAAK,EAAE,YAAY,EAAA,CAAG;AAExE;;;AAGG;AACM,IAAA,IAAI,GAAG,KAAK,CAAa,QAAQ,2EAAC;;AAGlC,IAAA,eAAe,GAAmB,QAAQ,CAAC,MAAK;AACvD,QAAA,MAAM,OAAO,GAAa,CAAC,YAAY,EAAE,CAAA,YAAA,EAAe,IAAI,CAAC,OAAO,EAAE,CAAA,CAAE,EAAE,eAAe,IAAI,CAAC,IAAI,EAAE,CAAA,CAAE,CAAC;AAEvG,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;AACnB,YAAA,OAAO,CAAC,IAAI,CAAC,sBAAsB,CAAC;QACtC;AAEA,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE,EAAE;AACpB,YAAA,OAAO,CAAC,IAAI,CAAC,wBAAwB,CAAC;QACxC;AAEA,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE,EAAE;AAClB,YAAA,OAAO,CAAC,IAAI,CAAC,qBAAqB,CAAC;QACrC;AAEA,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;AACnB,YAAA,OAAO,CAAC,IAAI,CAAC,uBAAuB,CAAC;QACvC;AAEA,QAAA,OAAO,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAC1B,IAAA,CAAC,sFAAC;AAEe,IAAA,WAAW,GAA4B,MAAM,CAAC,UAAU,CAAC;AACzD,IAAA,SAAS,GAAc,MAAM,CAAC,SAAS,CAAC;;AAGzD,IAAA,IAAI,QAAQ,GAAA;AACV,QAAA,OAAO,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,QAAQ;IAC1E;AACA,IAAA,IAAI,QAAQ,GAAA;AACV,QAAA,OAAO,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,OAAO,CAAC,WAAW,EAAE,KAAK,GAAG;IACrE;AAEA,IAAA,WAAA,GAAA;;QAEE,MAAM,CAAC,MAAK;AACV,YAAA,IAAI,IAAI,CAAC,OAAO,EAAE,EAAE;gBAClB,IAAI,CAAC,kBAAkB,EAAE;YAC3B;iBAAO;gBACL,IAAI,CAAC,qBAAqB,EAAE;YAC9B;YACA,IAAI,CAAC,4BAA4B,EAAE;AACrC,QAAA,CAAC,CAAC;IACJ;IAEA,eAAe,GAAA;;AAEb,QAAA,MAAM,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa;AACzC,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC;QACtD;IACF;AAGA,IAAA,OAAO,CAAC,KAAY,EAAA;QAClB,IAAI,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,OAAO,EAAE,EAAE;YACrC,KAAK,CAAC,cAAc,EAAE;YACtB,KAAK,CAAC,eAAe,EAAE;YACvB;QACF;IACF;AAGA,IAAA,SAAS,CAAC,KAAY,EAAA;QACpB,IAAI,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,OAAO,EAAE,EAAE;YACrC,KAAK,CAAC,cAAc,EAAE;YACtB;QACF;;AAGA,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,MAAM,EAAE,GAAG,KAAsB;AACjC,YAAA,IAAI,EAAE,CAAC,GAAG,KAAK,OAAO,EAAE;gBACtB,KAAK,CAAC,cAAc,EAAE;AACtB,gBAAA,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK,EAAE;YACxC;AAAO,iBAAA,IAAI,EAAE,CAAC,GAAG,KAAK,GAAG,EAAE;;gBAEzB,KAAK,CAAC,cAAc,EAAE;YACxB;QACF;IACF;AAGA,IAAA,OAAO,CAAC,KAAY,EAAA;QAClB,IAAI,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,OAAO,EAAE,EAAE;YACrC;QACF;QACA,IAAI,IAAI,CAAC,QAAQ,IAAK,KAAuB,CAAC,GAAG,KAAK,GAAG,EAAE;AACzD,YAAA,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK,EAAE;QACxC;IACF;IAEQ,kBAAkB,GAAA;;QAExB,IAAI,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,aAAa,CAAC,WAAW,CAAC;YAAE;QAE/D,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,UAAU,CAAC;QACxD,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,EAAE,qBAAqB,CAAC;QACvD,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,OAAO,EAAE,aAAa,EAAE,MAAM,CAAC;;QAG3D,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,MAAM,CAAC;QACxD,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,WAAW,EAAE,0BAA0B,CAAC;QAChE,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,OAAO,EAAE,WAAW,CAAC;AAEhD,QAAA,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,OAAO,CAAC;IACrE;IAEQ,qBAAqB,GAAA;AAC3B,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,aAAa,CAAC,sBAAsB,CAAC;QACpF,IAAI,OAAO,EAAE;AACX,YAAA,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,EAAE,OAAO,CAAC;QACrE;IACF;IAEQ,4BAA4B,GAAA;AAClC,QAAA,MAAM,EAAE,GAAG,IAAI,CAAC,WAAW,CAAC,aAA4E;QACxG,IAAI,CAAC,IAAI,CAAC,QAAQ;YAAE;QACpB,MAAM,YAAY,GAAG,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,OAAO,EAAE;QACtD,MAAM,MAAM,GAAG,EAAE,CAAC,YAAY,CAAC,oBAAoB,CAAC;QACpD,MAAM,IAAI,GAAG,EAAE,CAAC,YAAY,CAAC,MAAM,CAAC;AAEpC,QAAA,IAAI,YAAY,IAAI,IAAI,EAAE;YACxB,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE,EAAE,oBAAoB,EAAE,IAAI,CAAC;YAC3D,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,EAAE,EAAE,MAAM,CAAC;QAC5C;aAAO,IAAI,CAAC,YAAY,IAAI,CAAC,IAAI,IAAI,MAAM,EAAE;YAC3C,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC;YAC/C,IAAI,CAAC,SAAS,CAAC,eAAe,CAAC,EAAE,EAAE,oBAAoB,CAAC;QAC1D;IACF;uGAvLW,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iCAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,mBAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,mBAAA,EAAA,eAAA,EAAA,qDAAA,EAAA,oBAAA,EAAA,6CAAA,EAAA,gBAAA,EAAA,6BAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,gBAAA,EAAA,+BAAA,EAAA,WAAA,EAAA,8BAAA,EAAA,eAAA,EAAA,uDAAA,EAAA,sBAAA,EAAA,yDAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAnB9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,iCAAiC;AAC3C,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,SAAS,EAAE,mBAAmB;;AAE9B,wBAAA,iBAAiB,EAAE,mDAAmD;;AAEtE,wBAAA,sBAAsB,EAAE,2CAA2C;AACnE,wBAAA,kBAAkB,EAAE,2BAA2B;AAC/C,wBAAA,mBAAmB,EAAE,aAAa;AAClC,wBAAA,kBAAkB,EAAE,6BAA6B;;AAEjD,wBAAA,aAAa,EAAE,4BAA4B;AAC3C,wBAAA,iBAAiB,EAAE,qDAAqD;;AAExE,wBAAA,wBAAwB,EAAE,uDAAuD;AAClF,qBAAA;AACF,iBAAA;;sBA4GE,YAAY;uBAAC,OAAO,EAAE,CAAC,QAAQ,CAAC;;sBAShC,YAAY;uBAAC,SAAS,EAAE,CAAC,QAAQ,CAAC;;sBAoBlC,YAAY;uBAAC,OAAO,EAAE,CAAC,QAAQ,CAAC;;;ACjOnC;;AAEG;;;;"}