digisystem-ui 0.1.0

package/README.md

@@ -0,0 +1,99 @@
+# fgd-design-system
+
+Design System de componentes UI para o projeto FGD (Angular). Este repositório é uma **biblioteca** (não um app) e será publicada no npm para consumo pelo projeto principal.
+
+## Stack
+
+- Angular (library) + Angular CLI
+- Storybook (documentação e playground)
+- SCSS com convenção BEM por componente
+
+## Requisitos
+
+- Node.js + npm
+- Angular peer dependencies (no projeto consumidor):
+  - `@angular/core` / `@angular/common` `^21.2.0`
+  - `rxjs` `~7.8.0`
+
+## Instalação
+
+```bash
+npm install
+```
+
+### Windows / PowerShell (erro de Execution Policy)
+
+Se aparecer erro do tipo “a execução de scripts foi desabilitada”, use:
+
+```bash
+npm.cmd install
+```
+
+ou ajuste a policy no escopo do usuário:
+
+```bash
+Set-ExecutionPolicy -Scope CurrentUser -ExecutionPolicy RemoteSigned
+```
+
+## Comandos
+
+Scripts disponíveis em [package.json](./package.json):
+
+```bash
+npm run build
+npm run watch
+npm run test
+npm run storybook
+npm run build-storybook
+```
+
+## Estrutura do projeto
+
+- Código da biblioteca: [`src/`](./src)
+- Componentes: [`src/components/`](./src/components)
+- API pública (exports): [`src/public-api.ts`](./src/public-api.ts)
+
+## Convenções de componentes
+
+- Componentes **genéricos** e orientados a API (inputs/outputs), sem lógica de negócio do consumidor.
+- Estilos encapsulados por componente (`*.component.scss`) seguindo BEM:
+  - Block: `ds-<componente>` (ex.: `ds-button`)
+  - Element: `__` (ex.: `ds-button__icon`)
+  - Modifier: `--` (ex.: `ds-button--primary`)
+- Acessibilidade: preferir elementos HTML nativos e manter estados/teclado/ARIA quando aplicável.
+
+## Exemplo de uso
+
+Importe o componente (standalone) no seu módulo/componente consumidor:
+
+```ts
+import { DsButtonComponent } from 'fgd-design-system';
+
+@Component({
+  imports: [DsButtonComponent],
+  // ...
+})
+export class ExampleComponent {}
+```
+
+Template:
+
+```html
+<ds-button variant="primary">Acessar</ds-button>
+
+<ds-button
+  variant="outline"
+  [iconSrc]="'/assets/microsoft.svg'"
+  iconAlt=""
+>
+  Entrar com Microsoft
+</ds-button>
+```
+
+## Documentação (Storybook)
+
+O Storybook é a fonte de verdade de variações/estados dos componentes:
+
+```bash
+npm run storybook
+```

package/fesm2022/digisystem-ui.mjs

@@ -0,0 +1,494 @@
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { EventEmitter, Output, Input, Component, forwardRef, HostListener, ViewChild, Inject, ContentChildren } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+
+class DsButtonComponent {
+    variant = 'primary';
+    size = 'md';
+    disabled = false;
+    type = 'button';
+    iconSrc;
+    iconAlt = '';
+    dsClick = new EventEmitter();
+    get classes() {
+        const classes = ['ds-button', `ds-button--${this.variant}`, `ds-button--${this.size}`];
+        if (this.disabled)
+            classes.push('ds-button--disabled');
+        return classes;
+    }
+    onClick(event) {
+        if (this.disabled) {
+            event.preventDefault();
+            event.stopPropagation();
+            return;
+        }
+        this.dsClick.emit(event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DsButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.12", type: DsButtonComponent, isStandalone: true, selector: "ds-button", inputs: { variant: "variant", size: "size", disabled: "disabled", type: "type", iconSrc: "iconSrc", iconAlt: "iconAlt" }, outputs: { dsClick: "dsClick" }, ngImport: i0, template: "<button\r\n  [attr.type]=\"type\"\r\n  [disabled]=\"disabled\"\r\n  [class]=\"classes.join(' ')\"\r\n  (click)=\"onClick($event)\"\r\n>\r\n  <span class=\"ds-button__inner\">\n    <img\n      *ngIf=\"iconSrc\"\n      class=\"ds-button__icon\"\n      [src]=\"iconSrc\"\n      [attr.alt]=\"iconAlt\"\n      width=\"20\"\n      height=\"20\"\n    />\n    <span class=\"ds-button__label\">\n      <ng-content />\n    </span>\n  </span>\n</button>\r\n", styles: [".ds-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;cursor:pointer;font-weight:600;line-height:1;padding:10px 16px;-webkit-user-select:none;user-select:none}.ds-button__inner{display:inline-flex;align-items:center;gap:10px}.ds-button__icon{display:block}.ds-button--primary{background:#00295c;color:#fff}.ds-button--secondary{background:transparent;border-color:#cbd5e1;color:#0f172a}.ds-button--outline{background:#fff;border-color:#00295c;color:#00295c}.ds-button--sm{padding:8px 12px;font-size:12px}.ds-button--md{padding:10px 16px;font-size:14px}.ds-button--lg{padding:12px 20px;font-size:16px}.ds-button--disabled{cursor:not-allowed;opacity:.6}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DsButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ds-button', standalone: true, imports: [CommonModule], template: "<button\r\n  [attr.type]=\"type\"\r\n  [disabled]=\"disabled\"\r\n  [class]=\"classes.join(' ')\"\r\n  (click)=\"onClick($event)\"\r\n>\r\n  <span class=\"ds-button__inner\">\n    <img\n      *ngIf=\"iconSrc\"\n      class=\"ds-button__icon\"\n      [src]=\"iconSrc\"\n      [attr.alt]=\"iconAlt\"\n      width=\"20\"\n      height=\"20\"\n    />\n    <span class=\"ds-button__label\">\n      <ng-content />\n    </span>\n  </span>\n</button>\r\n", styles: [".ds-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;cursor:pointer;font-weight:600;line-height:1;padding:10px 16px;-webkit-user-select:none;user-select:none}.ds-button__inner{display:inline-flex;align-items:center;gap:10px}.ds-button__icon{display:block}.ds-button--primary{background:#00295c;color:#fff}.ds-button--secondary{background:transparent;border-color:#cbd5e1;color:#0f172a}.ds-button--outline{background:#fff;border-color:#00295c;color:#00295c}.ds-button--sm{padding:8px 12px;font-size:12px}.ds-button--md{padding:10px 16px;font-size:14px}.ds-button--lg{padding:12px 20px;font-size:16px}.ds-button--disabled{cursor:not-allowed;opacity:.6}\n"] }]
+        }], propDecorators: { variant: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], iconSrc: [{
+                type: Input
+            }], iconAlt: [{
+                type: Input
+            }], dsClick: [{
+                type: Output
+            }] } });
+
+class DsButtonLinkComponent {
+    href;
+    target;
+    rel;
+    disabled = false;
+    size = 'md';
+    iconSrc;
+    iconAlt = '';
+    dsClick = new EventEmitter();
+    get computedRel() {
+        if (!this.target || this.target !== '_blank')
+            return this.rel;
+        if (!this.rel)
+            return 'noopener noreferrer';
+        return this.rel;
+    }
+    get classes() {
+        const classes = ['ds-button-link', `ds-button-link--${this.size}`];
+        if (this.disabled)
+            classes.push('ds-button-link--disabled');
+        return classes;
+    }
+    onClick(event) {
+        if (this.disabled) {
+            event.preventDefault();
+            event.stopPropagation();
+            return;
+        }
+        if (!this.href) {
+            event.preventDefault();
+        }
+        this.dsClick.emit(event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DsButtonLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.12", type: DsButtonLinkComponent, isStandalone: true, selector: "ds-button-link", inputs: { href: "href", target: "target", rel: "rel", disabled: "disabled", size: "size", iconSrc: "iconSrc", iconAlt: "iconAlt" }, outputs: { dsClick: "dsClick" }, ngImport: i0, template: "<a\n  [class]=\"classes.join(' ')\"\n  [attr.href]=\"disabled ? null : href ?? null\"\n  [attr.target]=\"target ?? null\"\n  [attr.rel]=\"computedRel ?? null\"\n  [attr.aria-disabled]=\"disabled\"\n  [attr.tabindex]=\"disabled ? -1 : 0\"\n  (click)=\"onClick($event)\"\n>\n  <span class=\"ds-button-link__inner\">\n    <img\n      *ngIf=\"iconSrc\"\n      class=\"ds-button-link__icon\"\n      [src]=\"iconSrc\"\n      [attr.alt]=\"iconAlt\"\n      width=\"16\"\n      height=\"16\"\n    />\n    <span class=\"ds-button-link__label\">\n      <ng-content />\n    </span>\n  </span>\n</a>\n", styles: [".ds-button-link{display:inline-flex;align-items:center;background:transparent;border:0;padding:0;font:inherit;color:#00295c;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;cursor:pointer}.ds-button-link__inner{display:inline-flex;align-items:center;gap:8px}.ds-button-link__icon{display:block}.ds-button-link:hover{color:#001f45;text-decoration-thickness:3px}.ds-button-link:focus-visible{outline:none;border-radius:6px;box-shadow:0 0 0 3px #00295c40}.ds-button-link--sm{font-size:12px}.ds-button-link--md{font-size:14px}.ds-button-link--lg{font-size:16px}.ds-button-link--disabled{cursor:not-allowed;opacity:.55;text-decoration:none;pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DsButtonLinkComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ds-button-link', standalone: true, imports: [CommonModule], template: "<a\n  [class]=\"classes.join(' ')\"\n  [attr.href]=\"disabled ? null : href ?? null\"\n  [attr.target]=\"target ?? null\"\n  [attr.rel]=\"computedRel ?? null\"\n  [attr.aria-disabled]=\"disabled\"\n  [attr.tabindex]=\"disabled ? -1 : 0\"\n  (click)=\"onClick($event)\"\n>\n  <span class=\"ds-button-link__inner\">\n    <img\n      *ngIf=\"iconSrc\"\n      class=\"ds-button-link__icon\"\n      [src]=\"iconSrc\"\n      [attr.alt]=\"iconAlt\"\n      width=\"16\"\n      height=\"16\"\n    />\n    <span class=\"ds-button-link__label\">\n      <ng-content />\n    </span>\n  </span>\n</a>\n", styles: [".ds-button-link{display:inline-flex;align-items:center;background:transparent;border:0;padding:0;font:inherit;color:#00295c;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;cursor:pointer}.ds-button-link__inner{display:inline-flex;align-items:center;gap:8px}.ds-button-link__icon{display:block}.ds-button-link:hover{color:#001f45;text-decoration-thickness:3px}.ds-button-link:focus-visible{outline:none;border-radius:6px;box-shadow:0 0 0 3px #00295c40}.ds-button-link--sm{font-size:12px}.ds-button-link--md{font-size:14px}.ds-button-link--lg{font-size:16px}.ds-button-link--disabled{cursor:not-allowed;opacity:.55;text-decoration:none;pointer-events:none}\n"] }]
+        }], propDecorators: { href: [{
+                type: Input
+            }], target: [{
+                type: Input
+            }], rel: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], iconSrc: [{
+                type: Input
+            }], iconAlt: [{
+                type: Input
+            }], dsClick: [{
+                type: Output
+            }] } });
+
+class DsCheckboxComponent {
+    id = `ds-checkbox-${typeof crypto !== 'undefined' && 'randomUUID' in crypto ? crypto.randomUUID() : Math.random().toString(16).slice(2)}`;
+    name;
+    value;
+    disabled = false;
+    checked = false;
+    variant = 'primary';
+    checkedChange = new EventEmitter();
+    dsChange = new EventEmitter();
+    onTouched = () => { };
+    onChange = () => { };
+    get classes() {
+        const classes = ['ds-checkbox', `ds-checkbox--${this.variant}`];
+        if (this.disabled)
+            classes.push('ds-checkbox--disabled');
+        if (this.checked)
+            classes.push('ds-checkbox--checked');
+        return classes;
+    }
+    writeValue(value) {
+        this.checked = !!value;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    onNativeChange(event) {
+        const input = event.target;
+        const next = input.checked;
+        this.checked = next;
+        this.onChange(next);
+        this.checkedChange.emit(next);
+        this.dsChange.emit(next);
+    }
+    onNativeBlur() {
+        this.onTouched();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DsCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.12", type: DsCheckboxComponent, isStandalone: true, selector: "ds-checkbox", inputs: { id: "id", name: "name", value: "value", disabled: "disabled", checked: "checked", variant: "variant" }, outputs: { checkedChange: "checkedChange", dsChange: "dsChange" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => DsCheckboxComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<label [class]=\"classes.join(' ')\" [attr.for]=\"id\">\n  <input\n    class=\"ds-checkbox__native\"\n    type=\"checkbox\"\n    [id]=\"id\"\n    [name]=\"name ?? null\"\n    [value]=\"value ?? null\"\n    [checked]=\"checked\"\n    [disabled]=\"disabled\"\n    (change)=\"onNativeChange($event)\"\n    (blur)=\"onNativeBlur()\"\n  />\n  <span class=\"ds-checkbox__box\" aria-hidden=\"true\">\n    <svg class=\"ds-checkbox__check\" width=\"14\" height=\"14\" viewBox=\"0 0 14 14\">\n      <path\n        d=\"M5.4 10.2 2.6 7.4l-1 1 3.8 3.8L12.4 5.2l-1-1z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  </span>\n  <span class=\"ds-checkbox__label\">\n    <ng-content />\n  </span>\n</label>\n", styles: [".ds-checkbox{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;color:#0f172a}.ds-checkbox__native{position:absolute;opacity:0;width:1px;height:1px;margin:0;padding:0;overflow:hidden}.ds-checkbox__box{width:20px;height:20px;border-radius:4px;border:2px solid #cbd5e1;background:#e5e7eb;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease}.ds-checkbox__check{opacity:0;color:#fff}.ds-checkbox__native:checked+.ds-checkbox__box .ds-checkbox__check{opacity:1}.ds-checkbox--primary .ds-checkbox__native:checked+.ds-checkbox__box{background:#00295c;border-color:#00295c}.ds-checkbox--secondary .ds-checkbox__native:checked+.ds-checkbox__box{background:#9ca3af;border-color:#9ca3af}.ds-checkbox--primary .ds-checkbox__native:focus-visible+.ds-checkbox__box{box-shadow:0 0 0 3px #00295c40}.ds-checkbox--secondary .ds-checkbox__native:focus-visible+.ds-checkbox__box{box-shadow:0 0 0 3px #9ca3af59}.ds-checkbox__label{font-size:14px;line-height:1.2}.ds-checkbox--disabled{cursor:not-allowed;opacity:.6}.ds-checkbox--disabled .ds-checkbox__box{background:#f3f4f6;border-color:#d1d5db}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DsCheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ds-checkbox', standalone: true, imports: [CommonModule], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => DsCheckboxComponent),
+                            multi: true,
+                        },
+                    ], template: "<label [class]=\"classes.join(' ')\" [attr.for]=\"id\">\n  <input\n    class=\"ds-checkbox__native\"\n    type=\"checkbox\"\n    [id]=\"id\"\n    [name]=\"name ?? null\"\n    [value]=\"value ?? null\"\n    [checked]=\"checked\"\n    [disabled]=\"disabled\"\n    (change)=\"onNativeChange($event)\"\n    (blur)=\"onNativeBlur()\"\n  />\n  <span class=\"ds-checkbox__box\" aria-hidden=\"true\">\n    <svg class=\"ds-checkbox__check\" width=\"14\" height=\"14\" viewBox=\"0 0 14 14\">\n      <path\n        d=\"M5.4 10.2 2.6 7.4l-1 1 3.8 3.8L12.4 5.2l-1-1z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  </span>\n  <span class=\"ds-checkbox__label\">\n    <ng-content />\n  </span>\n</label>\n", styles: [".ds-checkbox{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;color:#0f172a}.ds-checkbox__native{position:absolute;opacity:0;width:1px;height:1px;margin:0;padding:0;overflow:hidden}.ds-checkbox__box{width:20px;height:20px;border-radius:4px;border:2px solid #cbd5e1;background:#e5e7eb;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease}.ds-checkbox__check{opacity:0;color:#fff}.ds-checkbox__native:checked+.ds-checkbox__box .ds-checkbox__check{opacity:1}.ds-checkbox--primary .ds-checkbox__native:checked+.ds-checkbox__box{background:#00295c;border-color:#00295c}.ds-checkbox--secondary .ds-checkbox__native:checked+.ds-checkbox__box{background:#9ca3af;border-color:#9ca3af}.ds-checkbox--primary .ds-checkbox__native:focus-visible+.ds-checkbox__box{box-shadow:0 0 0 3px #00295c40}.ds-checkbox--secondary .ds-checkbox__native:focus-visible+.ds-checkbox__box{box-shadow:0 0 0 3px #9ca3af59}.ds-checkbox__label{font-size:14px;line-height:1.2}.ds-checkbox--disabled{cursor:not-allowed;opacity:.6}.ds-checkbox--disabled .ds-checkbox__box{background:#f3f4f6;border-color:#d1d5db}\n"] }]
+        }], propDecorators: { id: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], checked: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], checkedChange: [{
+                type: Output
+            }], dsChange: [{
+                type: Output
+            }] } });
+
+class DsModalComponent {
+    showModal = false;
+    showModalChange = new EventEmitter();
+    variant = 'primary';
+    backdrop = true;
+    keyboard = true;
+    size = 'md';
+    centered = false;
+    scrollable = false;
+    closeOnBackdrop = true;
+    showCloseButton = true;
+    ariaLabel;
+    ariaLabelledby;
+    ariaDescribedby;
+    onHide = new EventEmitter();
+    onClose = new EventEmitter();
+    onShow = new EventEmitter();
+    dialogRef;
+    previouslyFocused;
+    bodyOverflowBefore;
+    get classes() {
+        const classes = ['ds-modal', `ds-modal--${this.variant}`, `ds-modal--${this.size}`];
+        if (this.centered)
+            classes.push('ds-modal--centered');
+        if (this.scrollable)
+            classes.push('ds-modal--scrollable');
+        return classes;
+    }
+    get computedAriaLabelledby() {
+        return this.ariaLabelledby;
+    }
+    ngOnChanges(changes) {
+        if (!changes['showModal'])
+            return;
+        if (this.showModal) {
+            this.onShow.emit();
+            this.lockBodyScroll();
+            this.previouslyFocused = document.activeElement;
+            queueMicrotask(() => this.focusInitial());
+            return;
+        }
+        this.unlockBodyScroll();
+        this.restoreFocus();
+    }
+    ngOnDestroy() {
+        this.unlockBodyScroll();
+    }
+    onDocumentKeydown(event) {
+        if (!this.showModal)
+            return;
+        if (event.key === 'Escape' && this.keyboard) {
+            event.preventDefault();
+            this.requestClose('escape');
+        }
+    }
+    onBackdropClick() {
+        if (!this.showModal)
+            return;
+        if (this.backdrop === 'static')
+            return;
+        if (!this.backdrop)
+            return;
+        if (!this.closeOnBackdrop)
+            return;
+        this.requestClose('backdrop');
+    }
+    onCloseClick() {
+        this.requestClose('close-button');
+    }
+    requestClose(reason) {
+        if (!this.showModal)
+            return;
+        this.onClose.emit(reason);
+        this.hide(reason);
+    }
+    hide(reason = 'api') {
+        if (!this.showModal)
+            return;
+        this.onHide.emit();
+        this.showModal = false;
+        this.showModalChange.emit(false);
+        this.unlockBodyScroll();
+        this.restoreFocus();
+    }
+    focusInitial() {
+        const dialog = this.dialogRef?.nativeElement;
+        if (!dialog)
+            return;
+        const focusable = dialog.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');
+        (focusable ?? dialog).focus({ preventScroll: true });
+    }
+    restoreFocus() {
+        const el = this.previouslyFocused;
+        this.previouslyFocused = undefined;
+        if (!el)
+            return;
+        if (typeof el.focus !== 'function')
+            return;
+        el.focus({ preventScroll: true });
+    }
+    lockBodyScroll() {
+        if (this.bodyOverflowBefore === undefined) {
+            this.bodyOverflowBefore = document.body.style.overflow;
+        }
+        document.body.style.overflow = 'hidden';
+    }
+    unlockBodyScroll() {
+        if (this.bodyOverflowBefore === undefined)
+            return;
+        document.body.style.overflow = this.bodyOverflowBefore ?? '';
+        this.bodyOverflowBefore = undefined;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DsModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.12", type: DsModalComponent, isStandalone: true, selector: "ds-modal", inputs: { showModal: "showModal", variant: "variant", backdrop: "backdrop", keyboard: "keyboard", size: "size", centered: "centered", scrollable: "scrollable", closeOnBackdrop: "closeOnBackdrop", showCloseButton: "showCloseButton", ariaLabel: "ariaLabel", ariaLabelledby: "ariaLabelledby", ariaDescribedby: "ariaDescribedby" }, outputs: { showModalChange: "showModalChange", onHide: "onHide", onClose: "onClose", onShow: "onShow" }, host: { listeners: { "document:keydown": "onDocumentKeydown($event)" } }, viewQueries: [{ propertyName: "dialogRef", first: true, predicate: ["dialog"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div *ngIf=\"showModal\" class=\"ds-modal__overlay\">\n  <div\n    class=\"ds-modal__backdrop\"\n    [class.ds-modal__backdrop--visible]=\"!!backdrop\"\n    (click)=\"onBackdropClick()\"\n  ></div>\n\n  <div\n    class=\"ds-modal__container\"\n    [class.ds-modal__container--centered]=\"centered\"\n    role=\"presentation\"\n  >\n    <div\n      #dialog\n      [class]=\"'ds-modal__dialog ' + classes.join(' ')\"\n      role=\"dialog\"\n      [attr.aria-modal]=\"true\"\n      [attr.aria-label]=\"ariaLabel ?? null\"\n      [attr.aria-labelledby]=\"computedAriaLabelledby ?? null\"\n      [attr.aria-describedby]=\"ariaDescribedby ?? null\"\n      tabindex=\"-1\"\n      (click)=\"$event.stopPropagation()\"\n    >\n      <div class=\"ds-modal__content\">\n        <div class=\"ds-modal__header\">\n          <div class=\"ds-modal__title\">\n            <ng-content select=\"[dsModalTitle]\" />\n          </div>\n\n          <button\n            *ngIf=\"showCloseButton\"\n            type=\"button\"\n            class=\"ds-modal__close\"\n            aria-label=\"Fechar\"\n            (click)=\"onCloseClick()\"\n          >\n            <span aria-hidden=\"true\">\u00D7</span>\n          </button>\n        </div>\n\n        <div class=\"ds-modal__body\">\n          <ng-content select=\"[dsModalBody]\" />\n          <ng-content />\n        </div>\n\n        <div class=\"ds-modal__footer\">\n          <ng-content select=\"[dsModalFooter]\" />\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".ds-modal__overlay{position:fixed;inset:0;z-index:1050}.ds-modal__backdrop{position:absolute;inset:0;background:#00000080;opacity:0;transition:opacity .16s ease}.ds-modal__backdrop--visible{opacity:1}.ds-modal__container{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:24px}.ds-modal__container--centered{align-items:center}.ds-modal{outline:none}.ds-modal__dialog{width:100%;max-width:520px}.ds-modal__dialog.ds-modal--sm{max-width:340px}.ds-modal__dialog.ds-modal--md{max-width:520px}.ds-modal__dialog.ds-modal--lg{max-width:800px}.ds-modal__dialog.ds-modal--xl{max-width:1140px}.ds-modal__content{background:#fff;border-radius:10px;box-shadow:0 10px 30px #0003;border:1px solid rgba(15,23,42,.12);overflow:hidden}.ds-modal__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid rgba(15,23,42,.12)}.ds-modal__title{font-size:18px;font-weight:700;color:#0f172a;line-height:1.2}.ds-modal__close{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:#475569;cursor:pointer;font-size:24px;line-height:1}.ds-modal__close:hover{background:#0f172a0f;color:#0f172a}.ds-modal__close:focus-visible{outline:none;box-shadow:0 0 0 3px #00295c40}.ds-modal__dialog.ds-modal--primary .ds-modal__header{background:#00295c;border-bottom-color:#ffffff2e}.ds-modal__dialog.ds-modal--primary .ds-modal__title{color:#fff}.ds-modal__dialog.ds-modal--primary .ds-modal__close{color:#ffffffeb}.ds-modal__dialog.ds-modal--primary .ds-modal__close:hover{background:#ffffff1f;color:#fff}.ds-modal__dialog.ds-modal--primary .ds-modal__close:focus-visible{box-shadow:0 0 0 3px #ffffff59}.ds-modal__body{padding:16px 18px;color:#0f172a;font-size:14px}.ds-modal__footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 18px;border-top:1px solid rgba(15,23,42,.12)}.ds-modal__dialog.ds-modal--scrollable .ds-modal__body{max-height:calc(100vh - 220px);overflow:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DsModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ds-modal', standalone: true, imports: [CommonModule], template: "<div *ngIf=\"showModal\" class=\"ds-modal__overlay\">\n  <div\n    class=\"ds-modal__backdrop\"\n    [class.ds-modal__backdrop--visible]=\"!!backdrop\"\n    (click)=\"onBackdropClick()\"\n  ></div>\n\n  <div\n    class=\"ds-modal__container\"\n    [class.ds-modal__container--centered]=\"centered\"\n    role=\"presentation\"\n  >\n    <div\n      #dialog\n      [class]=\"'ds-modal__dialog ' + classes.join(' ')\"\n      role=\"dialog\"\n      [attr.aria-modal]=\"true\"\n      [attr.aria-label]=\"ariaLabel ?? null\"\n      [attr.aria-labelledby]=\"computedAriaLabelledby ?? null\"\n      [attr.aria-describedby]=\"ariaDescribedby ?? null\"\n      tabindex=\"-1\"\n      (click)=\"$event.stopPropagation()\"\n    >\n      <div class=\"ds-modal__content\">\n        <div class=\"ds-modal__header\">\n          <div class=\"ds-modal__title\">\n            <ng-content select=\"[dsModalTitle]\" />\n          </div>\n\n          <button\n            *ngIf=\"showCloseButton\"\n            type=\"button\"\n            class=\"ds-modal__close\"\n            aria-label=\"Fechar\"\n            (click)=\"onCloseClick()\"\n          >\n            <span aria-hidden=\"true\">\u00D7</span>\n          </button>\n        </div>\n\n        <div class=\"ds-modal__body\">\n          <ng-content select=\"[dsModalBody]\" />\n          <ng-content />\n        </div>\n\n        <div class=\"ds-modal__footer\">\n          <ng-content select=\"[dsModalFooter]\" />\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".ds-modal__overlay{position:fixed;inset:0;z-index:1050}.ds-modal__backdrop{position:absolute;inset:0;background:#00000080;opacity:0;transition:opacity .16s ease}.ds-modal__backdrop--visible{opacity:1}.ds-modal__container{position:absolute;inset:0;display:flex;align-items:flex-start;justify-content:center;overflow:auto;padding:24px}.ds-modal__container--centered{align-items:center}.ds-modal{outline:none}.ds-modal__dialog{width:100%;max-width:520px}.ds-modal__dialog.ds-modal--sm{max-width:340px}.ds-modal__dialog.ds-modal--md{max-width:520px}.ds-modal__dialog.ds-modal--lg{max-width:800px}.ds-modal__dialog.ds-modal--xl{max-width:1140px}.ds-modal__content{background:#fff;border-radius:10px;box-shadow:0 10px 30px #0003;border:1px solid rgba(15,23,42,.12);overflow:hidden}.ds-modal__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid rgba(15,23,42,.12)}.ds-modal__title{font-size:18px;font-weight:700;color:#0f172a;line-height:1.2}.ds-modal__close{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:8px;background:transparent;color:#475569;cursor:pointer;font-size:24px;line-height:1}.ds-modal__close:hover{background:#0f172a0f;color:#0f172a}.ds-modal__close:focus-visible{outline:none;box-shadow:0 0 0 3px #00295c40}.ds-modal__dialog.ds-modal--primary .ds-modal__header{background:#00295c;border-bottom-color:#ffffff2e}.ds-modal__dialog.ds-modal--primary .ds-modal__title{color:#fff}.ds-modal__dialog.ds-modal--primary .ds-modal__close{color:#ffffffeb}.ds-modal__dialog.ds-modal--primary .ds-modal__close:hover{background:#ffffff1f;color:#fff}.ds-modal__dialog.ds-modal--primary .ds-modal__close:focus-visible{box-shadow:0 0 0 3px #ffffff59}.ds-modal__body{padding:16px 18px;color:#0f172a;font-size:14px}.ds-modal__footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 18px;border-top:1px solid rgba(15,23,42,.12)}.ds-modal__dialog.ds-modal--scrollable .ds-modal__body{max-height:calc(100vh - 220px);overflow:auto}\n"] }]
+        }], propDecorators: { showModal: [{
+                type: Input
+            }], showModalChange: [{
+                type: Output
+            }], variant: [{
+                type: Input
+            }], backdrop: [{
+                type: Input
+            }], keyboard: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], centered: [{
+                type: Input
+            }], scrollable: [{
+                type: Input
+            }], closeOnBackdrop: [{
+                type: Input
+            }], showCloseButton: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], ariaLabelledby: [{
+                type: Input
+            }], ariaDescribedby: [{
+                type: Input
+            }], onHide: [{
+                type: Output
+            }], onClose: [{
+                type: Output
+            }], onShow: [{
+                type: Output
+            }], dialogRef: [{
+                type: ViewChild,
+                args: ['dialog', { static: false }]
+            }], onDocumentKeydown: [{
+                type: HostListener,
+                args: ['document:keydown', ['$event']]
+            }] } });
+
+class DsSwitchComponent {
+    id = `ds-switch-${typeof crypto !== 'undefined' && 'randomUUID' in crypto ? crypto.randomUUID() : Math.random().toString(16).slice(2)}`;
+    name;
+    disabled = false;
+    checked = false;
+    checkedChange = new EventEmitter();
+    dsChange = new EventEmitter();
+    onTouched = () => { };
+    onChange = () => { };
+    get classes() {
+        const classes = ['ds-switch'];
+        if (this.disabled)
+            classes.push('ds-switch--disabled');
+        if (this.checked)
+            classes.push('ds-switch--checked');
+        return classes;
+    }
+    writeValue(value) {
+        this.checked = !!value;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    onNativeChange(event) {
+        const input = event.target;
+        const next = input.checked;
+        this.checked = next;
+        this.onChange(next);
+        this.checkedChange.emit(next);
+        this.dsChange.emit(next);
+    }
+    onNativeBlur() {
+        this.onTouched();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DsSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.12", type: DsSwitchComponent, isStandalone: true, selector: "ds-switch", inputs: { id: "id", name: "name", disabled: "disabled", checked: "checked" }, outputs: { checkedChange: "checkedChange", dsChange: "dsChange" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => DsSwitchComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<label [class]=\"classes.join(' ')\" [attr.for]=\"id\">\n  <span class=\"ds-switch__label\">\n    <ng-content />\n  </span>\n\n  <input\n    class=\"ds-switch__native\"\n    type=\"checkbox\"\n    [id]=\"id\"\n    [name]=\"name ?? null\"\n    [checked]=\"checked\"\n    [disabled]=\"disabled\"\n    (change)=\"onNativeChange($event)\"\n    (blur)=\"onNativeBlur()\"\n  />\n  <span class=\"ds-switch__track\" aria-hidden=\"true\">\n    <span class=\"ds-switch__thumb\"></span>\n  </span>\n</label>\n", styles: [".ds-switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;color:#0f172a}.ds-switch__label{font-size:12px;line-height:1.2}.ds-switch__native{position:absolute;opacity:0;width:1px;height:1px;margin:0;padding:0;overflow:hidden}.ds-switch__track{width:36px;height:18px;border-radius:999px;background:#cbd5e1;border:1px solid rgba(15,23,42,.12);position:relative;display:inline-flex;align-items:center;transition:background-color .12s ease,box-shadow .12s ease}.ds-switch__thumb{width:14px;height:14px;border-radius:999px;background:#fff;position:absolute;left:2px;transition:transform .12s ease;box-shadow:0 1px 2px #00000038}.ds-switch__native:checked+.ds-switch__track{background:#22c55e}.ds-switch__native:checked+.ds-switch__track .ds-switch__thumb{transform:translate(18px)}.ds-switch__native:focus-visible+.ds-switch__track{box-shadow:0 0 0 3px #00295c40}.ds-switch--disabled{cursor:not-allowed;opacity:.6}.ds-switch--disabled .ds-switch__track{background:#e5e7eb}.ds-switch--disabled .ds-switch__native:checked+.ds-switch__track{background:#86efac}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DsSwitchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ds-switch', standalone: true, imports: [CommonModule], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => DsSwitchComponent),
+                            multi: true,
+                        },
+                    ], template: "<label [class]=\"classes.join(' ')\" [attr.for]=\"id\">\n  <span class=\"ds-switch__label\">\n    <ng-content />\n  </span>\n\n  <input\n    class=\"ds-switch__native\"\n    type=\"checkbox\"\n    [id]=\"id\"\n    [name]=\"name ?? null\"\n    [checked]=\"checked\"\n    [disabled]=\"disabled\"\n    (change)=\"onNativeChange($event)\"\n    (blur)=\"onNativeBlur()\"\n  />\n  <span class=\"ds-switch__track\" aria-hidden=\"true\">\n    <span class=\"ds-switch__thumb\"></span>\n  </span>\n</label>\n", styles: [".ds-switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;color:#0f172a}.ds-switch__label{font-size:12px;line-height:1.2}.ds-switch__native{position:absolute;opacity:0;width:1px;height:1px;margin:0;padding:0;overflow:hidden}.ds-switch__track{width:36px;height:18px;border-radius:999px;background:#cbd5e1;border:1px solid rgba(15,23,42,.12);position:relative;display:inline-flex;align-items:center;transition:background-color .12s ease,box-shadow .12s ease}.ds-switch__thumb{width:14px;height:14px;border-radius:999px;background:#fff;position:absolute;left:2px;transition:transform .12s ease;box-shadow:0 1px 2px #00000038}.ds-switch__native:checked+.ds-switch__track{background:#22c55e}.ds-switch__native:checked+.ds-switch__track .ds-switch__thumb{transform:translate(18px)}.ds-switch__native:focus-visible+.ds-switch__track{box-shadow:0 0 0 3px #00295c40}.ds-switch--disabled{cursor:not-allowed;opacity:.6}.ds-switch--disabled .ds-switch__track{background:#e5e7eb}.ds-switch--disabled .ds-switch__native:checked+.ds-switch__track{background:#86efac}\n"] }]
+        }], propDecorators: { id: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], checked: [{
+                type: Input
+            }], checkedChange: [{
+                type: Output
+            }], dsChange: [{
+                type: Output
+            }] } });
+
+class DsAccordionItemComponent {
+    accordion;
+    title = '';
+    isOpen = false;
+    disabled = false;
+    isOpenChange = new EventEmitter();
+    dsToggle = new EventEmitter();
+    id = `ds-accordion-${typeof crypto !== 'undefined' && 'randomUUID' in crypto ? crypto.randomUUID() : Math.random().toString(16).slice(2)}`;
+    constructor(accordion) {
+        this.accordion = accordion;
+    }
+    ngOnInit() {
+        this.accordion.registerItem(this);
+    }
+    toggle() {
+        if (this.disabled)
+            return;
+        this.isOpen = !this.isOpen;
+        this.isOpenChange.emit(this.isOpen);
+        this.dsToggle.emit(this.isOpen);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DsAccordionItemComponent, deps: [{ token: forwardRef(() => DsAccordionComponent) }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.12", type: DsAccordionItemComponent, isStandalone: true, selector: "ds-accordion-item", inputs: { title: "title", isOpen: "isOpen", disabled: "disabled" }, outputs: { isOpenChange: "isOpenChange", dsToggle: "dsToggle" }, ngImport: i0, template: "<div class=\"ds-accordion-item\" [class.ds-accordion-item--open]=\"isOpen\" [class.ds-accordion-item--disabled]=\"disabled\">\n  <button\n    type=\"button\"\n    class=\"ds-accordion-item__header\"\n    [attr.aria-expanded]=\"isOpen\"\n    [attr.aria-controls]=\"id + '-content'\"\n    [attr.id]=\"id + '-header'\"\n    [disabled]=\"disabled\"\n    (click)=\"toggle()\"\n  >\n    <span class=\"ds-accordion-item__title\">\n      <ng-content select=\"[dsAccordionTitle]\"></ng-content>\n      {{ title }}\n    </span>\n\n    <svg\n      class=\"ds-accordion-item__icon\"\n      xmlns=\"http://www.w3.org/0000/svg\"\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    >\n      <path d=\"m6 9 6 6 6-6\"/>\n    </svg>\n  </button>\n\n  <div\n    class=\"ds-accordion-item__body\"\n    [attr.id]=\"id + '-content'\"\n    [attr.aria-labelledby]=\"id + '-header'\"\n    role=\"region\"\n  >\n    <div class=\"ds-accordion-item__content\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";.ds-accordion-item{background:#f8fafc;border-radius:4px;overflow:hidden}.ds-accordion-item__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px;background:transparent;border:0;cursor:pointer;text-align:left;transition:background-color .16s ease;-webkit-user-select:none;user-select:none}.ds-accordion-item__header:hover{background:#0f172a0a}.ds-accordion-item__header:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #00295c4d}.ds-accordion-item__title{font-size:16px;font-weight:500;color:#00295c;line-height:1.2}.ds-accordion-item__icon{color:#00295c;transition:transform .3s cubic-bezier(.4,0,.2,1)}.ds-accordion-item--open .ds-accordion-item__icon{transform:rotate(180deg)}.ds-accordion-item__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1)}.ds-accordion-item--open .ds-accordion-item__body{grid-template-rows:1fr}.ds-accordion-item__content{overflow:hidden;padding:0 16px}.ds-accordion-item--open .ds-accordion-item__content{padding:0 16px 16px}.ds-accordion-item--disabled{opacity:.6}.ds-accordion-item--disabled .ds-accordion-item__header{cursor:not-allowed}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DsAccordionItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ds-accordion-item', standalone: true, imports: [CommonModule], template: "<div class=\"ds-accordion-item\" [class.ds-accordion-item--open]=\"isOpen\" [class.ds-accordion-item--disabled]=\"disabled\">\n  <button\n    type=\"button\"\n    class=\"ds-accordion-item__header\"\n    [attr.aria-expanded]=\"isOpen\"\n    [attr.aria-controls]=\"id + '-content'\"\n    [attr.id]=\"id + '-header'\"\n    [disabled]=\"disabled\"\n    (click)=\"toggle()\"\n  >\n    <span class=\"ds-accordion-item__title\">\n      <ng-content select=\"[dsAccordionTitle]\"></ng-content>\n      {{ title }}\n    </span>\n\n    <svg\n      class=\"ds-accordion-item__icon\"\n      xmlns=\"http://www.w3.org/0000/svg\"\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    >\n      <path d=\"m6 9 6 6 6-6\"/>\n    </svg>\n  </button>\n\n  <div\n    class=\"ds-accordion-item__body\"\n    [attr.id]=\"id + '-content'\"\n    [attr.aria-labelledby]=\"id + '-header'\"\n    role=\"region\"\n  >\n    <div class=\"ds-accordion-item__content\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";.ds-accordion-item{background:#f8fafc;border-radius:4px;overflow:hidden}.ds-accordion-item__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px;background:transparent;border:0;cursor:pointer;text-align:left;transition:background-color .16s ease;-webkit-user-select:none;user-select:none}.ds-accordion-item__header:hover{background:#0f172a0a}.ds-accordion-item__header:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #00295c4d}.ds-accordion-item__title{font-size:16px;font-weight:500;color:#00295c;line-height:1.2}.ds-accordion-item__icon{color:#00295c;transition:transform .3s cubic-bezier(.4,0,.2,1)}.ds-accordion-item--open .ds-accordion-item__icon{transform:rotate(180deg)}.ds-accordion-item__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1)}.ds-accordion-item--open .ds-accordion-item__body{grid-template-rows:1fr}.ds-accordion-item__content{overflow:hidden;padding:0 16px}.ds-accordion-item--open .ds-accordion-item__content{padding:0 16px 16px}.ds-accordion-item--disabled{opacity:.6}.ds-accordion-item--disabled .ds-accordion-item__header{cursor:not-allowed}\n"] }]
+        }], ctorParameters: () => [{ type: DsAccordionComponent, decorators: [{
+                    type: Inject,
+                    args: [forwardRef(() => DsAccordionComponent)]
+                }] }], propDecorators: { title: [{
+                type: Input
+            }], isOpen: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], isOpenChange: [{
+                type: Output
+            }], dsToggle: [{
+                type: Output
+            }] } });
+
+class DsAccordionComponent {
+    multiple = false;
+    items;
+    registerItem(item) {
+        item.dsToggle.subscribe((isOpen) => {
+            if (!this.multiple && isOpen) {
+                this.closeOthers(item);
+            }
+        });
+    }
+    closeOthers(openedItem) {
+        this.items.forEach((item) => {
+            if (item !== openedItem && item.isOpen) {
+                item.isOpen = false;
+                item.isOpenChange.emit(false);
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DsAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.12", type: DsAccordionComponent, isStandalone: true, selector: "ds-accordion", inputs: { multiple: "multiple" }, queries: [{ propertyName: "items", predicate: DsAccordionItemComponent }], ngImport: i0, template: "<div class=\"ds-accordion\">\n  <ng-content></ng-content>\n</div>\n", styles: ["@charset \"UTF-8\";.ds-accordion{display:flex;flex-direction:column;gap:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: DsAccordionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ds-accordion', standalone: true, imports: [CommonModule], template: "<div class=\"ds-accordion\">\n  <ng-content></ng-content>\n</div>\n", styles: ["@charset \"UTF-8\";.ds-accordion{display:flex;flex-direction:column;gap:8px}\n"] }]
+        }], propDecorators: { multiple: [{
+                type: Input
+            }], items: [{
+                type: ContentChildren,
+                args: [DsAccordionItemComponent]
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DsAccordionComponent, DsAccordionItemComponent, DsButtonComponent, DsButtonLinkComponent, DsCheckboxComponent, DsModalComponent, DsSwitchComponent };
+//# sourceMappingURL=digisystem-ui.mjs.map

package/fesm2022/digisystem-ui.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"digisystem-ui.mjs","sources":["../../../src/components/button/button.component.ts","../../../src/components/button/button.component.html","../../../src/components/button-link/button-link.component.ts","../../../src/components/button-link/button-link.component.html","../../../src/components/checkbox/checkbox.component.ts","../../../src/components/checkbox/checkbox.component.html","../../../src/components/modal/modal.component.ts","../../../src/components/modal/modal.component.html","../../../src/components/switch/switch.component.ts","../../../src/components/switch/switch.component.html","../../../src/components/accordion/accordion-item.component.ts","../../../src/components/accordion/accordion-item.component.html","../../../src/components/accordion/accordion.component.ts","../../../src/components/accordion/accordion.component.html","../../../src/digisystem-ui.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { Component, EventEmitter, Input, Output } from '@angular/core';\n\nexport type DsButtonVariant = 'primary' | 'secondary' | 'outline';\nexport type DsButtonSize = 'sm' | 'md' | 'lg';\n\n@Component({\n  selector: 'ds-button',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './button.component.html',\n  styleUrl: './button.component.scss',\n})\nexport class DsButtonComponent {\n  @Input() variant: DsButtonVariant = 'primary';\n  @Input() size: DsButtonSize = 'md';\n  @Input() disabled = false;\n  @Input() type: 'button' | 'submit' | 'reset' = 'button';\n  @Input() iconSrc?: string;\n  @Input() iconAlt = '';\n\n  @Output() dsClick = new EventEmitter<MouseEvent>();\n\n  get classes(): string[] {\n    const classes = ['ds-button', `ds-button--${this.variant}`, `ds-button--${this.size}`];\n    if (this.disabled) classes.push('ds-button--disabled');\n    return classes;\n  }\n\n  onClick(event: MouseEvent): void {\n    if (this.disabled) {\n      event.preventDefault();\n      event.stopPropagation();\n      return;\n    }\n\n    this.dsClick.emit(event);\n  }\n}\n","<button\r\n  [attr.type]=\"type\"\r\n  [disabled]=\"disabled\"\r\n  [class]=\"classes.join(' ')\"\r\n  (click)=\"onClick($event)\"\r\n>\r\n  <span class=\"ds-button__inner\">\n    <img\n      *ngIf=\"iconSrc\"\n      class=\"ds-button__icon\"\n      [src]=\"iconSrc\"\n      [attr.alt]=\"iconAlt\"\n      width=\"20\"\n      height=\"20\"\n    />\n    <span class=\"ds-button__label\">\n      <ng-content />\n    </span>\n  </span>\n</button>\r\n","import { CommonModule } from '@angular/common';\r\nimport { Component, EventEmitter, Input, Output } from '@angular/core';\r\n\r\nexport type DsButtonLinkSize = 'sm' | 'md' | 'lg';\r\n\r\n@Component({\r\n  selector: 'ds-button-link',\r\n  standalone: true,\r\n  imports: [CommonModule],\r\n  templateUrl: './button-link.component.html',\r\n  styleUrl: './button-link.component.scss',\r\n})\r\nexport class DsButtonLinkComponent {\r\n  @Input() href?: string;\r\n  @Input() target?: '_self' | '_blank' | '_parent' | '_top' | (string & {});\r\n  @Input() rel?: string;\r\n  @Input() disabled = false;\r\n  @Input() size: DsButtonLinkSize = 'md';\r\n  @Input() iconSrc?: string;\r\n  @Input() iconAlt = '';\r\n\r\n  @Output() dsClick = new EventEmitter<MouseEvent>();\r\n\r\n  get computedRel(): string | undefined {\r\n    if (!this.target || this.target !== '_blank') return this.rel;\r\n    if (!this.rel) return 'noopener noreferrer';\r\n    return this.rel;\r\n  }\r\n\r\n  get classes(): string[] {\r\n    const classes = ['ds-button-link', `ds-button-link--${this.size}`];\r\n    if (this.disabled) classes.push('ds-button-link--disabled');\r\n    return classes;\r\n  }\r\n\r\n  onClick(event: MouseEvent): void {\r\n    if (this.disabled) {\r\n      event.preventDefault();\r\n      event.stopPropagation();\r\n      return;\r\n    }\r\n\r\n    if (!this.href) {\r\n      event.preventDefault();\r\n    }\r\n\r\n    this.dsClick.emit(event);\r\n  }\r\n}\r\n","<a\n  [class]=\"classes.join(' ')\"\n  [attr.href]=\"disabled ? null : href ?? null\"\n  [attr.target]=\"target ?? null\"\n  [attr.rel]=\"computedRel ?? null\"\n  [attr.aria-disabled]=\"disabled\"\n  [attr.tabindex]=\"disabled ? -1 : 0\"\n  (click)=\"onClick($event)\"\n>\n  <span class=\"ds-button-link__inner\">\n    <img\n      *ngIf=\"iconSrc\"\n      class=\"ds-button-link__icon\"\n      [src]=\"iconSrc\"\n      [attr.alt]=\"iconAlt\"\n      width=\"16\"\n      height=\"16\"\n    />\n    <span class=\"ds-button-link__label\">\n      <ng-content />\n    </span>\n  </span>\n</a>\n","import { CommonModule } from '@angular/common';\nimport { Component, EventEmitter, forwardRef, Input, Output } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nexport type DsCheckboxVariant = 'primary' | 'secondary';\n\n@Component({\n  selector: 'ds-checkbox',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './checkbox.component.html',\n  styleUrl: './checkbox.component.scss',\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => DsCheckboxComponent),\n      multi: true,\n    },\n  ],\n})\nexport class DsCheckboxComponent implements ControlValueAccessor {\n  @Input() id = `ds-checkbox-${typeof crypto !== 'undefined' && 'randomUUID' in crypto ? crypto.randomUUID() : Math.random().toString(16).slice(2)}`;\n  @Input() name?: string;\n  @Input() value?: string;\n  @Input() disabled = false;\n  @Input() checked = false;\n  @Input() variant: DsCheckboxVariant = 'primary';\n\n  @Output() checkedChange = new EventEmitter<boolean>();\n  @Output() dsChange = new EventEmitter<boolean>();\n\n  private onTouched: () => void = () => {};\n  private onChange: (value: boolean) => void = () => {};\n\n  get classes(): string[] {\n    const classes = ['ds-checkbox', `ds-checkbox--${this.variant}`];\n    if (this.disabled) classes.push('ds-checkbox--disabled');\n    if (this.checked) classes.push('ds-checkbox--checked');\n    return classes;\n  }\n\n  writeValue(value: boolean): void {\n    this.checked = !!value;\n  }\n\n  registerOnChange(fn: (value: boolean) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled = isDisabled;\n  }\n\n  onNativeChange(event: Event): void {\n    const input = event.target as HTMLInputElement;\n    const next = input.checked;\n    this.checked = next;\n    this.onChange(next);\n    this.checkedChange.emit(next);\n    this.dsChange.emit(next);\n  }\n\n  onNativeBlur(): void {\n    this.onTouched();\n  }\n}\n","<label [class]=\"classes.join(' ')\" [attr.for]=\"id\">\n  <input\n    class=\"ds-checkbox__native\"\n    type=\"checkbox\"\n    [id]=\"id\"\n    [name]=\"name ?? null\"\n    [value]=\"value ?? null\"\n    [checked]=\"checked\"\n    [disabled]=\"disabled\"\n    (change)=\"onNativeChange($event)\"\n    (blur)=\"onNativeBlur()\"\n  />\n  <span class=\"ds-checkbox__box\" aria-hidden=\"true\">\n    <svg class=\"ds-checkbox__check\" width=\"14\" height=\"14\" viewBox=\"0 0 14 14\">\n      <path\n        d=\"M5.4 10.2 2.6 7.4l-1 1 3.8 3.8L12.4 5.2l-1-1z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  </span>\n  <span class=\"ds-checkbox__label\">\n    <ng-content />\n  </span>\n</label>\n","import { CommonModule } from '@angular/common';\nimport {\n  Component,\n  ElementRef,\n  EventEmitter,\n  HostListener,\n  Input,\n  OnChanges,\n  OnDestroy,\n  Output,\n  SimpleChanges,\n  ViewChild,\n} from '@angular/core';\n\nexport type DsModalSize = 'sm' | 'md' | 'lg' | 'xl';\nexport type DsModalCloseReason = 'close-button' | 'backdrop' | 'escape' | 'api';\nexport type DsModalBackdrop = boolean | 'static';\nexport type DsModalVariant = 'primary' | 'default';\n\n@Component({\n  selector: 'ds-modal',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './modal.component.html',\n  styleUrl: './modal.component.scss',\n})\nexport class DsModalComponent implements OnChanges, OnDestroy {\n  @Input() showModal = false;\n  @Output() showModalChange = new EventEmitter<boolean>();\n\n  @Input() variant: DsModalVariant = 'primary';\n  @Input() backdrop: DsModalBackdrop = true;\n  @Input() keyboard = true;\n  @Input() size: DsModalSize = 'md';\n  @Input() centered = false;\n  @Input() scrollable = false;\n  @Input() closeOnBackdrop = true;\n  @Input() showCloseButton = true;\n\n  @Input() ariaLabel?: string;\n  @Input() ariaLabelledby?: string;\n  @Input() ariaDescribedby?: string;\n\n  @Output() onHide = new EventEmitter<void>();\n  @Output() onClose = new EventEmitter<DsModalCloseReason>();\n  @Output() onShow = new EventEmitter<void>();\n\n  @ViewChild('dialog', { static: false }) dialogRef?: ElementRef<HTMLElement>;\n\n  private previouslyFocused?: HTMLElement | null;\n  private bodyOverflowBefore?: string;\n\n  get classes(): string[] {\n    const classes = ['ds-modal', `ds-modal--${this.variant}`, `ds-modal--${this.size}`];\n    if (this.centered) classes.push('ds-modal--centered');\n    if (this.scrollable) classes.push('ds-modal--scrollable');\n    return classes;\n  }\n\n  get computedAriaLabelledby(): string | undefined {\n    return this.ariaLabelledby;\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (!changes['showModal']) return;\n    if (this.showModal) {\n      this.onShow.emit();\n      this.lockBodyScroll();\n      this.previouslyFocused = document.activeElement as HTMLElement | null;\n      queueMicrotask(() => this.focusInitial());\n      return;\n    }\n\n    this.unlockBodyScroll();\n    this.restoreFocus();\n  }\n\n  ngOnDestroy(): void {\n    this.unlockBodyScroll();\n  }\n\n  @HostListener('document:keydown', ['$event'])\n  onDocumentKeydown(event: KeyboardEvent): void {\n    if (!this.showModal) return;\n    if (event.key === 'Escape' && this.keyboard) {\n      event.preventDefault();\n      this.requestClose('escape');\n    }\n  }\n\n  onBackdropClick(): void {\n    if (!this.showModal) return;\n    if (this.backdrop === 'static') return;\n    if (!this.backdrop) return;\n    if (!this.closeOnBackdrop) return;\n    this.requestClose('backdrop');\n  }\n\n  onCloseClick(): void {\n    this.requestClose('close-button');\n  }\n\n  requestClose(reason: DsModalCloseReason): void {\n    if (!this.showModal) return;\n    this.onClose.emit(reason);\n    this.hide(reason);\n  }\n\n  hide(reason: DsModalCloseReason = 'api'): void {\n    if (!this.showModal) return;\n    this.onHide.emit();\n    this.showModal = false;\n    this.showModalChange.emit(false);\n    this.unlockBodyScroll();\n    this.restoreFocus();\n  }\n\n  private focusInitial(): void {\n    const dialog = this.dialogRef?.nativeElement;\n    if (!dialog) return;\n\n    const focusable = dialog.querySelector<HTMLElement>(\n      'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\n    );\n    (focusable ?? dialog).focus({ preventScroll: true });\n  }\n\n  private restoreFocus(): void {\n    const el = this.previouslyFocused;\n    this.previouslyFocused = undefined;\n    if (!el) return;\n    if (typeof el.focus !== 'function') return;\n    el.focus({ preventScroll: true });\n  }\n\n  private lockBodyScroll(): void {\n    if (this.bodyOverflowBefore === undefined) {\n      this.bodyOverflowBefore = document.body.style.overflow;\n    }\n    document.body.style.overflow = 'hidden';\n  }\n\n  private unlockBodyScroll(): void {\n    if (this.bodyOverflowBefore === undefined) return;\n    document.body.style.overflow = this.bodyOverflowBefore ?? '';\n    this.bodyOverflowBefore = undefined;\n  }\n}\n","<div *ngIf=\"showModal\" class=\"ds-modal__overlay\">\n  <div\n    class=\"ds-modal__backdrop\"\n    [class.ds-modal__backdrop--visible]=\"!!backdrop\"\n    (click)=\"onBackdropClick()\"\n  ></div>\n\n  <div\n    class=\"ds-modal__container\"\n    [class.ds-modal__container--centered]=\"centered\"\n    role=\"presentation\"\n  >\n    <div\n      #dialog\n      [class]=\"'ds-modal__dialog ' + classes.join(' ')\"\n      role=\"dialog\"\n      [attr.aria-modal]=\"true\"\n      [attr.aria-label]=\"ariaLabel ?? null\"\n      [attr.aria-labelledby]=\"computedAriaLabelledby ?? null\"\n      [attr.aria-describedby]=\"ariaDescribedby ?? null\"\n      tabindex=\"-1\"\n      (click)=\"$event.stopPropagation()\"\n    >\n      <div class=\"ds-modal__content\">\n        <div class=\"ds-modal__header\">\n          <div class=\"ds-modal__title\">\n            <ng-content select=\"[dsModalTitle]\" />\n          </div>\n\n          <button\n            *ngIf=\"showCloseButton\"\n            type=\"button\"\n            class=\"ds-modal__close\"\n            aria-label=\"Fechar\"\n            (click)=\"onCloseClick()\"\n          >\n            <span aria-hidden=\"true\">×</span>\n          </button>\n        </div>\n\n        <div class=\"ds-modal__body\">\n          <ng-content select=\"[dsModalBody]\" />\n          <ng-content />\n        </div>\n\n        <div class=\"ds-modal__footer\">\n          <ng-content select=\"[dsModalFooter]\" />\n        </div>\n      </div>\n    </div>\n  </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { Component, EventEmitter, forwardRef, Input, Output } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Component({\n  selector: 'ds-switch',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './switch.component.html',\n  styleUrl: './switch.component.scss',\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => DsSwitchComponent),\n      multi: true,\n    },\n  ],\n})\nexport class DsSwitchComponent implements ControlValueAccessor {\n  @Input() id = `ds-switch-${typeof crypto !== 'undefined' && 'randomUUID' in crypto ? crypto.randomUUID() : Math.random().toString(16).slice(2)}`;\n  @Input() name?: string;\n  @Input() disabled = false;\n  @Input() checked = false;\n\n  @Output() checkedChange = new EventEmitter<boolean>();\n  @Output() dsChange = new EventEmitter<boolean>();\n\n  private onTouched: () => void = () => {};\n  private onChange: (value: boolean) => void = () => {};\n\n  get classes(): string[] {\n    const classes = ['ds-switch'];\n    if (this.disabled) classes.push('ds-switch--disabled');\n    if (this.checked) classes.push('ds-switch--checked');\n    return classes;\n  }\n\n  writeValue(value: boolean): void {\n    this.checked = !!value;\n  }\n\n  registerOnChange(fn: (value: boolean) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled = isDisabled;\n  }\n\n  onNativeChange(event: Event): void {\n    const input = event.target as HTMLInputElement;\n    const next = input.checked;\n    this.checked = next;\n    this.onChange(next);\n    this.checkedChange.emit(next);\n    this.dsChange.emit(next);\n  }\n\n  onNativeBlur(): void {\n    this.onTouched();\n  }\n}\n","<label [class]=\"classes.join(' ')\" [attr.for]=\"id\">\n  <span class=\"ds-switch__label\">\n    <ng-content />\n  </span>\n\n  <input\n    class=\"ds-switch__native\"\n    type=\"checkbox\"\n    [id]=\"id\"\n    [name]=\"name ?? null\"\n    [checked]=\"checked\"\n    [disabled]=\"disabled\"\n    (change)=\"onNativeChange($event)\"\n    (blur)=\"onNativeBlur()\"\n  />\n  <span class=\"ds-switch__track\" aria-hidden=\"true\">\n    <span class=\"ds-switch__thumb\"></span>\n  </span>\n</label>\n","import { CommonModule } from '@angular/common';\nimport { Component, EventEmitter, forwardRef, Inject, Input, OnInit, Output } from '@angular/core';\n\nimport { DsAccordionComponent } from './accordion.component';\n\n@Component({\n  selector: 'ds-accordion-item',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './accordion-item.component.html',\n  styleUrl: './accordion-item.component.scss',\n})\nexport class DsAccordionItemComponent implements OnInit {\n  @Input() title = '';\n  @Input() isOpen = false;\n  @Input() disabled = false;\n  \n  @Output() isOpenChange = new EventEmitter<boolean>();\n  @Output() dsToggle = new EventEmitter<boolean>();\n\n  id = `ds-accordion-${typeof crypto !== 'undefined' && 'randomUUID' in crypto ? crypto.randomUUID() : Math.random().toString(16).slice(2)}`;\n\n  constructor(\n    @Inject(forwardRef(() => DsAccordionComponent))\n    private accordion: DsAccordionComponent,\n  ) {}\n\n  ngOnInit(): void {\n    this.accordion.registerItem(this);\n  }\n\n  toggle(): void {\n    if (this.disabled) return;\n    this.isOpen = !this.isOpen;\n    this.isOpenChange.emit(this.isOpen);\n    this.dsToggle.emit(this.isOpen);\n  }\n}\n","<div class=\"ds-accordion-item\" [class.ds-accordion-item--open]=\"isOpen\" [class.ds-accordion-item--disabled]=\"disabled\">\n  <button\n    type=\"button\"\n    class=\"ds-accordion-item__header\"\n    [attr.aria-expanded]=\"isOpen\"\n    [attr.aria-controls]=\"id + '-content'\"\n    [attr.id]=\"id + '-header'\"\n    [disabled]=\"disabled\"\n    (click)=\"toggle()\"\n  >\n    <span class=\"ds-accordion-item__title\">\n      <ng-content select=\"[dsAccordionTitle]\"></ng-content>\n      {{ title }}\n    </span>\n\n    <svg\n      class=\"ds-accordion-item__icon\"\n      xmlns=\"http://www.w3.org/0000/svg\"\n      width=\"20\"\n      height=\"20\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      stroke-width=\"2\"\n      stroke-linecap=\"round\"\n      stroke-linejoin=\"round\"\n    >\n      <path d=\"m6 9 6 6 6-6\"/>\n    </svg>\n  </button>\n\n  <div\n    class=\"ds-accordion-item__body\"\n    [attr.id]=\"id + '-content'\"\n    [attr.aria-labelledby]=\"id + '-header'\"\n    role=\"region\"\n  >\n    <div class=\"ds-accordion-item__content\">\n      <ng-content></ng-content>\n    </div>\n  </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { Component, ContentChildren, Input, QueryList } from '@angular/core';\n\nimport { DsAccordionItemComponent } from './accordion-item.component';\n\n@Component({\n  selector: 'ds-accordion',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './accordion.component.html',\n  styleUrl: './accordion.component.scss',\n})\nexport class DsAccordionComponent {\n  @Input() multiple = false;\n  @ContentChildren(DsAccordionItemComponent) items!: QueryList<DsAccordionItemComponent>;\n\n  registerItem(item: DsAccordionItemComponent): void {\n    item.dsToggle.subscribe((isOpen: boolean) => {\n      if (!this.multiple && isOpen) {\n        this.closeOthers(item);\n      }\n    });\n  }\n\n  private closeOthers(openedItem: DsAccordionItemComponent): void {\n    this.items.forEach((item) => {\n      if (item !== openedItem && item.isOpen) {\n        item.isOpen = false;\n        item.isOpenChange.emit(false);\n      }\n    });\n  }\n}\n","<div class=\"ds-accordion\">\n  <ng-content></ng-content>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "digisystem-ui",
+  "version": "0.1.0",
+  "packageManager": "npm@11.13.0",
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "peerDependencies": {
+    "@angular/common": "^21.2.0",
+    "@angular/core": "^21.2.0",
+    "rxjs": "~7.8.0"
+  },
+  "module": "fesm2022/digisystem-ui.mjs",
+  "typings": "types/digisystem-ui.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/digisystem-ui.d.ts",
+      "default": "./fesm2022/digisystem-ui.mjs"
+    }
+  },
+  "sideEffects": false,
+  "type": "module"
+}

package/types/digisystem-ui.d.ts

@@ -0,0 +1,147 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, OnChanges, OnDestroy, ElementRef, SimpleChanges, OnInit, QueryList } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+
+type DsButtonVariant = 'primary' | 'secondary' | 'outline';
+type DsButtonSize = 'sm' | 'md' | 'lg';
+declare class DsButtonComponent {
+    variant: DsButtonVariant;
+    size: DsButtonSize;
+    disabled: boolean;
+    type: 'button' | 'submit' | 'reset';
+    iconSrc?: string;
+    iconAlt: string;
+    dsClick: EventEmitter<MouseEvent>;
+    get classes(): string[];
+    onClick(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsButtonComponent, "ds-button", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "type": { "alias": "type"; "required": false; }; "iconSrc": { "alias": "iconSrc"; "required": false; }; "iconAlt": { "alias": "iconAlt"; "required": false; }; }, { "dsClick": "dsClick"; }, never, ["*"], true, never>;
+}
+
+type DsButtonLinkSize = 'sm' | 'md' | 'lg';
+declare class DsButtonLinkComponent {
+    href?: string;
+    target?: '_self' | '_blank' | '_parent' | '_top' | (string & {});
+    rel?: string;
+    disabled: boolean;
+    size: DsButtonLinkSize;
+    iconSrc?: string;
+    iconAlt: string;
+    dsClick: EventEmitter<MouseEvent>;
+    get computedRel(): string | undefined;
+    get classes(): string[];
+    onClick(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsButtonLinkComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsButtonLinkComponent, "ds-button-link", never, { "href": { "alias": "href"; "required": false; }; "target": { "alias": "target"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "iconSrc": { "alias": "iconSrc"; "required": false; }; "iconAlt": { "alias": "iconAlt"; "required": false; }; }, { "dsClick": "dsClick"; }, never, ["*"], true, never>;
+}
+
+type DsCheckboxVariant = 'primary' | 'secondary';
+declare class DsCheckboxComponent implements ControlValueAccessor {
+    id: string;
+    name?: string;
+    value?: string;
+    disabled: boolean;
+    checked: boolean;
+    variant: DsCheckboxVariant;
+    checkedChange: EventEmitter<boolean>;
+    dsChange: EventEmitter<boolean>;
+    private onTouched;
+    private onChange;
+    get classes(): string[];
+    writeValue(value: boolean): void;
+    registerOnChange(fn: (value: boolean) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    onNativeChange(event: Event): void;
+    onNativeBlur(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsCheckboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsCheckboxComponent, "ds-checkbox", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "checkedChange": "checkedChange"; "dsChange": "dsChange"; }, never, ["*"], true, never>;
+}
+
+type DsModalSize = 'sm' | 'md' | 'lg' | 'xl';
+type DsModalCloseReason = 'close-button' | 'backdrop' | 'escape' | 'api';
+type DsModalBackdrop = boolean | 'static';
+type DsModalVariant = 'primary' | 'default';
+declare class DsModalComponent implements OnChanges, OnDestroy {
+    showModal: boolean;
+    showModalChange: EventEmitter<boolean>;
+    variant: DsModalVariant;
+    backdrop: DsModalBackdrop;
+    keyboard: boolean;
+    size: DsModalSize;
+    centered: boolean;
+    scrollable: boolean;
+    closeOnBackdrop: boolean;
+    showCloseButton: boolean;
+    ariaLabel?: string;
+    ariaLabelledby?: string;
+    ariaDescribedby?: string;
+    onHide: EventEmitter<void>;
+    onClose: EventEmitter<DsModalCloseReason>;
+    onShow: EventEmitter<void>;
+    dialogRef?: ElementRef<HTMLElement>;
+    private previouslyFocused?;
+    private bodyOverflowBefore?;
+    get classes(): string[];
+    get computedAriaLabelledby(): string | undefined;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    onDocumentKeydown(event: KeyboardEvent): void;
+    onBackdropClick(): void;
+    onCloseClick(): void;
+    requestClose(reason: DsModalCloseReason): void;
+    hide(reason?: DsModalCloseReason): void;
+    private focusInitial;
+    private restoreFocus;
+    private lockBodyScroll;
+    private unlockBodyScroll;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsModalComponent, "ds-modal", never, { "showModal": { "alias": "showModal"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "backdrop": { "alias": "backdrop"; "required": false; }; "keyboard": { "alias": "keyboard"; "required": false; }; "size": { "alias": "size"; "required": false; }; "centered": { "alias": "centered"; "required": false; }; "scrollable": { "alias": "scrollable"; "required": false; }; "closeOnBackdrop": { "alias": "closeOnBackdrop"; "required": false; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; }; }, { "showModalChange": "showModalChange"; "onHide": "onHide"; "onClose": "onClose"; "onShow": "onShow"; }, never, ["[dsModalTitle]", "[dsModalBody]", "*", "[dsModalFooter]"], true, never>;
+}
+
+declare class DsSwitchComponent implements ControlValueAccessor {
+    id: string;
+    name?: string;
+    disabled: boolean;
+    checked: boolean;
+    checkedChange: EventEmitter<boolean>;
+    dsChange: EventEmitter<boolean>;
+    private onTouched;
+    private onChange;
+    get classes(): string[];
+    writeValue(value: boolean): void;
+    registerOnChange(fn: (value: boolean) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    onNativeChange(event: Event): void;
+    onNativeBlur(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsSwitchComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsSwitchComponent, "ds-switch", never, { "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; }, { "checkedChange": "checkedChange"; "dsChange": "dsChange"; }, never, ["*"], true, never>;
+}
+
+declare class DsAccordionItemComponent implements OnInit {
+    private accordion;
+    title: string;
+    isOpen: boolean;
+    disabled: boolean;
+    isOpenChange: EventEmitter<boolean>;
+    dsToggle: EventEmitter<boolean>;
+    id: string;
+    constructor(accordion: DsAccordionComponent);
+    ngOnInit(): void;
+    toggle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsAccordionItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsAccordionItemComponent, "ds-accordion-item", never, { "title": { "alias": "title"; "required": false; }; "isOpen": { "alias": "isOpen"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "isOpenChange": "isOpenChange"; "dsToggle": "dsToggle"; }, never, ["[dsAccordionTitle]", "*"], true, never>;
+}
+
+declare class DsAccordionComponent {
+    multiple: boolean;
+    items: QueryList<DsAccordionItemComponent>;
+    registerItem(item: DsAccordionItemComponent): void;
+    private closeOthers;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsAccordionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DsAccordionComponent, "ds-accordion", never, { "multiple": { "alias": "multiple"; "required": false; }; }, {}, ["items"], ["*"], true, never>;
+}
+
+export { DsAccordionComponent, DsAccordionItemComponent, DsButtonComponent, DsButtonLinkComponent, DsCheckboxComponent, DsModalComponent, DsSwitchComponent };
+export type { DsButtonLinkSize, DsButtonSize, DsButtonVariant, DsCheckboxVariant, DsModalBackdrop, DsModalCloseReason, DsModalSize, DsModalVariant };