@edsis/ui 0.0.2

package/fesm2022/edsis-ui-kanban.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"edsis-ui-kanban.mjs","sources":["../../../library/ui/kanban/kanban.component.ts","../../../library/ui/kanban/edsis-ui-kanban.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, booleanAttribute, computed, input } from '@angular/core';\nimport { cn } from '@edsis/ui/utils';\n\nexport type KanbanColumnWidth = 'sm' | 'default' | 'lg';\n\nconst kanbanColumnWidthClasses: Record<KanbanColumnWidth, string> = {\n  sm: '[--kanban-column-width:16rem]',\n  default: '[--kanban-column-width:18rem]',\n  lg: '[--kanban-column-width:22rem]',\n};\n\n@Component({\n  selector: 'ui-kanban',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    '[attr.data-slot]': '\"kanban\"',\n    '[attr.data-column-width]': 'columnWidth()',\n    '[attr.data-dense]': 'dense() ? \"\" : null',\n  },\n  template: `<ng-content />`,\n})\nexport class KanbanComponent {\n  readonly columnWidth = input<KanbanColumnWidth>('default');\n  readonly dense = input(false, { transform: booleanAttribute });\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() =>\n    cn(\n      'flex w-full min-w-0 gap-[var(--kanban-column-gap)] overflow-x-auto pb-3 text-sm text-foreground',\n      '[--kanban-card-gap:0.75rem] [--kanban-column-gap:1rem]',\n      kanbanColumnWidthClasses[this.columnWidth()],\n      this.dense() ? '[--kanban-card-gap:0.5rem] [--kanban-column-gap:0.75rem]' : '',\n      this.class(),\n    ),\n  );\n}\n\n@Component({\n  selector: 'ui-kanban-column',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    '[attr.data-slot]': '\"kanban-column\"',\n  },\n  template: `<ng-content />`,\n})\nexport class KanbanColumnComponent {\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() =>\n    cn(\n      'flex max-h-full min-h-0 w-[var(--kanban-column-width)] shrink-0 flex-col overflow-hidden rounded-lg border border-border bg-muted/35 text-foreground shadow-sm',\n      this.class(),\n    ),\n  );\n}\n\n@Component({\n  selector: 'ui-kanban-column-header',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    '[attr.data-slot]': '\"kanban-column-header\"',\n  },\n  template: `\n    <div class=\"order-2 inline-flex shrink-0 items-center gap-1\">\n      <ng-content select=\"ui-kanban-column-actions,[ui-kanban-column-actions]\" />\n    </div>\n\n    <div class=\"order-1 min-w-0 flex-1\">\n      @if (heading()) {\n        <div class=\"flex min-w-0 items-center gap-2\">\n          <h3 class=\"truncate text-sm font-semibold leading-none text-foreground\">{{ heading() }}</h3>\n          @if (displayCount() !== null) {\n            <span\n              class=\"inline-flex h-5 min-w-5 shrink-0 items-center justify-center rounded-full bg-muted px-1.5 text-xs font-medium text-muted-foreground\">\n              {{ displayCount() }}\n            </span>\n          }\n          @if (badge()) {\n            <span\n              class=\"inline-flex shrink-0 items-center rounded-md border border-border bg-background px-1.5 py-0.5 text-xs font-medium text-muted-foreground\">\n              {{ badge() }}\n            </span>\n          }\n        </div>\n      }\n\n      @if (subheading()) {\n        <p class=\"mt-1 truncate text-xs leading-5 text-muted-foreground\">{{ subheading() }}</p>\n      }\n\n      <ng-content />\n    </div>\n  `,\n})\nexport class KanbanColumnHeaderComponent {\n  readonly heading = input<string>('');\n  readonly subheading = input<string>('');\n  readonly count = input<string | number | null>(null);\n  readonly badge = input<string>('');\n  readonly class = input<string>('');\n\n  protected readonly displayCount = computed(() => {\n    const count = this.count();\n    return count === null || count === undefined || count === '' ? null : count;\n  });\n\n  protected readonly classes = computed(() =>\n    cn('flex items-start gap-3 border-b border-border/80 px-3 py-3', this.class()),\n  );\n}\n\n@Component({\n  selector: 'ui-kanban-column-actions, [ui-kanban-column-actions]',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    '[attr.data-slot]': '\"kanban-column-actions\"',\n  },\n  template: `<ng-content />`,\n})\nexport class KanbanColumnActionsComponent {\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() => cn('inline-flex items-center gap-1', this.class()));\n}\n\n@Component({\n  selector: 'ui-kanban-column-cards',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    '[attr.data-slot]': '\"kanban-column-cards\"',\n  },\n  template: `<ng-content />`,\n})\nexport class KanbanColumnCardsComponent {\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() =>\n    cn('flex min-h-0 flex-1 flex-col gap-[var(--kanban-card-gap)] overflow-y-auto p-2', this.class()),\n  );\n}\n\n@Component({\n  selector: 'ui-kanban-column-footer',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    '[attr.data-slot]': '\"kanban-column-footer\"',\n  },\n  template: `<ng-content />`,\n})\nexport class KanbanColumnFooterComponent {\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() =>\n    cn('flex flex-col gap-2 border-t border-border/80 px-2 py-2', this.class()),\n  );\n}\n\n@Component({\n  selector: 'ui-kanban-card, button[ui-kanban-card], a[ui-kanban-card]',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    '[attr.data-slot]': '\"kanban-card\"',\n    '[attr.data-selected]': 'selected() ? \"\" : null',\n    '[attr.aria-current]': 'selected() ? \"true\" : null',\n    '[attr.aria-disabled]': 'disabled() ? \"true\" : null',\n    '[attr.disabled]': 'disabled() ? \"\" : null',\n  },\n  template: `\n    <div class=\"order-1\">\n      <ng-content select=\"ui-kanban-card-header,[ui-kanban-card-header]\" />\n    </div>\n\n    <div class=\"order-3\">\n      <ng-content select=\"ui-kanban-card-footer,[ui-kanban-card-footer]\" />\n    </div>\n\n    <div class=\"order-2 min-w-0\">\n      @if (heading()) {\n        <p class=\"text-sm font-medium leading-5 text-card-foreground\">{{ heading() }}</p>\n      }\n\n      <ng-content />\n    </div>\n  `,\n})\nexport class KanbanCardComponent {\n  readonly heading = input<string>('');\n  readonly selected = input(false, { transform: booleanAttribute });\n  readonly disabled = input(false, { transform: booleanAttribute });\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() =>\n    cn(\n      'flex w-full flex-col gap-3 rounded-lg border border-border bg-card p-3 text-left text-card-foreground shadow-sm transition-colors',\n      'hover:border-ring/60 hover:bg-accent/30 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background',\n      'disabled:pointer-events-none disabled:opacity-50',\n      this.selected() ? 'border-ring bg-accent/40 ring-1 ring-ring' : '',\n      this.disabled() ? 'pointer-events-none opacity-50' : '',\n      this.class(),\n    ),\n  );\n}\n\n@Component({\n  selector: 'ui-kanban-card-header, [ui-kanban-card-header]',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    '[attr.data-slot]': '\"kanban-card-header\"',\n  },\n  template: `<ng-content />`,\n})\nexport class KanbanCardHeaderComponent {\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() => cn('flex min-w-0 flex-wrap items-center gap-1.5', this.class()));\n}\n\n@Component({\n  selector: 'ui-kanban-card-footer, [ui-kanban-card-footer]',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    '[attr.data-slot]': '\"kanban-card-footer\"',\n  },\n  template: `<ng-content />`,\n})\nexport class KanbanCardFooterComponent {\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() =>\n    cn('flex min-w-0 items-center justify-between gap-2 text-xs text-muted-foreground', this.class()),\n  );\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/edsis-ui-kbd.mjs

@@ -0,0 +1,51 @@
+import * as i0 from '@angular/core';
+import { input, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { cn } from '@edsis/ui/utils';
+
+class KbdComponent {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn([
+        'inline-flex min-h-6 min-w-6 select-none items-center justify-center gap-1 whitespace-nowrap rounded-md',
+        'border border-border bg-background px-1.5 font-mono text-[11px] font-medium leading-none text-foreground shadow-sm',
+        '[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-3',
+    ].join(' '), this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: KbdComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: KbdComponent, isStandalone: true, selector: "ui-kbd, [ui-kbd]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.data-slot": "\"kbd\"" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: KbdComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-kbd, [ui-kbd]',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                        '[attr.data-slot]': '"kbd"',
+                    },
+                    template: `<ng-content />`,
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+class KbdGroupComponent {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn('inline-flex flex-wrap items-center gap-1.5', this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: KbdGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: KbdGroupComponent, isStandalone: true, selector: "ui-kbd-group, [ui-kbd-group]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.data-slot": "\"kbd-group\"" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: KbdGroupComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-kbd-group, [ui-kbd-group]',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                        '[attr.data-slot]': '"kbd-group"',
+                    },
+                    template: `<ng-content />`,
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { KbdComponent, KbdGroupComponent };
+//# sourceMappingURL=edsis-ui-kbd.mjs.map

package/fesm2022/edsis-ui-kbd.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"edsis-ui-kbd.mjs","sources":["../../../library/ui/kbd/kbd.component.ts","../../../library/ui/kbd/edsis-ui-kbd.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\nimport { cn } from '@edsis/ui/utils';\n\n@Component({\n  selector: 'ui-kbd, [ui-kbd]',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    '[attr.data-slot]': '\"kbd\"',\n  },\n  template: `<ng-content />`,\n})\nexport class KbdComponent {\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() =>\n    cn(\n      [\n        'inline-flex min-h-6 min-w-6 select-none items-center justify-center gap-1 whitespace-nowrap rounded-md',\n        'border border-border bg-background px-1.5 font-mono text-[11px] font-medium leading-none text-foreground shadow-sm',\n        '[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-3',\n      ].join(' '),\n      this.class(),\n    ),\n  );\n}\n\n@Component({\n  selector: 'ui-kbd-group, [ui-kbd-group]',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    '[attr.data-slot]': '\"kbd-group\"',\n  },\n  template: `<ng-content />`,\n})\nexport class KbdGroupComponent {\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() => cn('inline-flex flex-wrap items-center gap-1.5', this.class()));\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAYa,YAAY,CAAA;AACd,IAAA,KAAK,GAAG,KAAK,CAAS,EAAE,4EAAC;AAEf,IAAA,OAAO,GAAG,QAAQ,CAAC,MACpC,EAAE,CACA;QACE,wGAAwG;QACxG,oHAAoH;QACpH,iFAAiF;KAClF,CAAC,IAAI,CAAC,GAAG,CAAC,EACX,IAAI,CAAC,KAAK,EAAE,CACb,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CACF;wGAZU,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAZ,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,YAAY,6RAFb,CAAA,cAAA,CAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAEf,YAAY,EAAA,UAAA,EAAA,CAAA;kBATxB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,kBAAkB;oBAC5B,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,IAAI,EAAE;AACJ,wBAAA,SAAS,EAAE,WAAW;AACtB,wBAAA,kBAAkB,EAAE,OAAO;AAC5B,qBAAA;AACD,oBAAA,QAAQ,EAAE,CAAA,cAAA,CAAgB;AAC3B,iBAAA;;MAyBY,iBAAiB,CAAA;AACnB,IAAA,KAAK,GAAG,KAAK,CAAS,EAAE,4EAAC;AAEf,IAAA,OAAO,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,4CAA4C,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,8EAAC;wGAHhG,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,iBAAiB,+SAFlB,CAAA,cAAA,CAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAEf,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAT7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,8BAA8B;oBACxC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,IAAI,EAAE;AACJ,wBAAA,SAAS,EAAE,WAAW;AACtB,wBAAA,kBAAkB,EAAE,aAAa;AAClC,qBAAA;AACD,oBAAA,QAAQ,EAAE,CAAA,cAAA,CAAgB;AAC3B,iBAAA;;;ACnCD;;AAEG;;;;"}

package/fesm2022/edsis-ui-label.mjs

@@ -0,0 +1,30 @@
+import * as i0 from '@angular/core';
+import { input, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { cn } from '@edsis/ui/utils';
+
+class LabelComponent {
+    for = input(null, ...(ngDevMode ? [{ debugName: "for" }] : /* istanbul ignore next */ []));
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn('text-sm font-medium leading-none text-foreground', 'peer-disabled:cursor-not-allowed peer-disabled:opacity-70', this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: LabelComponent, isStandalone: true, selector: "ui-label, label[ui-label]", inputs: { for: { classPropertyName: "for", publicName: "for", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "attr.for": "for() || null" } }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LabelComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-label, label[ui-label]',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                        '[attr.for]': 'for() || null',
+                    },
+                    template: `<ng-content />`,
+                }]
+        }], propDecorators: { for: [{ type: i0.Input, args: [{ isSignal: true, alias: "for", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { LabelComponent };
+//# sourceMappingURL=edsis-ui-label.mjs.map

package/fesm2022/edsis-ui-label.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"edsis-ui-label.mjs","sources":["../../../library/ui/label/label.component.ts","../../../library/ui/label/edsis-ui-label.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\nimport { cn } from '@edsis/ui/utils';\n\n@Component({\n  selector: 'ui-label, label[ui-label]',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    '[attr.for]': 'for() || null',\n  },\n  template: `<ng-content />`,\n})\nexport class LabelComponent {\n  readonly for = input<string | null>(null);\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() =>\n    cn(\n      'text-sm font-medium leading-none text-foreground',\n      'peer-disabled:cursor-not-allowed peer-disabled:opacity-70',\n      this.class(),\n    ),\n  );\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAYa,cAAc,CAAA;AAChB,IAAA,GAAG,GAAG,KAAK,CAAgB,IAAI,0EAAC;AAChC,IAAA,KAAK,GAAG,KAAK,CAAS,EAAE,4EAAC;AAEf,IAAA,OAAO,GAAG,QAAQ,CAAC,MACpC,EAAE,CACA,kDAAkD,EAClD,2DAA2D,EAC3D,IAAI,CAAC,KAAK,EAAE,CACb,8EACF;wGAVU,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAd,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,cAAc,wZAFf,CAAA,cAAA,CAAgB,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAEf,cAAc,EAAA,UAAA,EAAA,CAAA;kBAT1B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,2BAA2B;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,IAAI,EAAE;AACJ,wBAAA,SAAS,EAAE,WAAW;AACtB,wBAAA,YAAY,EAAE,eAAe;AAC9B,qBAAA;AACD,oBAAA,QAAQ,EAAE,CAAA,cAAA,CAAgB;AAC3B,iBAAA;;;ACXD;;AAEG;;;;"}

package/fesm2022/edsis-ui-menubar.mjs

@@ -0,0 +1,302 @@
+import { Overlay } from '@angular/cdk/overlay';
+import { TemplatePortal } from '@angular/cdk/portal';
+import * as i0 from '@angular/core';
+import { input, inject, ElementRef, signal, computed, ContentChildren, forwardRef, ChangeDetectionStrategy, Component, TemplateRef, Directive, output, ViewContainerRef, DestroyRef } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { cn } from '@edsis/ui/utils';
+import { merge } from 'rxjs';
+import { filter } from 'rxjs/operators';
+
+function position(align, side) {
+    const originX = align === 'start' ? 'start' : align === 'end' ? 'end' : 'center';
+    if (side === 'bottom') {
+        return {
+            originX,
+            originY: 'bottom',
+            overlayX: originX,
+            overlayY: 'top',
+            offsetY: 4,
+        };
+    }
+    return {
+        originX,
+        originY: 'top',
+        overlayX: originX,
+        overlayY: 'bottom',
+        offsetY: -4,
+    };
+}
+class MenubarComponent {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    loop = input(true, ...(ngDevMode ? [{ debugName: "loop" }] : /* istanbul ignore next */ []));
+    triggers;
+    host = inject(ElementRef);
+    activeTrigger = signal(null, ...(ngDevMode ? [{ debugName: "activeTrigger" }] : /* istanbul ignore next */ []));
+    openTrigger = signal(null, ...(ngDevMode ? [{ debugName: "openTrigger" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn('inline-flex min-h-10 items-center gap-1 rounded-md border border-border bg-background p-1 text-foreground shadow-sm', this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    setActiveTrigger(trigger) {
+        if (trigger.disabled()) {
+            return;
+        }
+        this.activeTrigger.set(trigger);
+    }
+    tabIndexFor(trigger) {
+        if (trigger.disabled()) {
+            return -1;
+        }
+        const enabledTriggers = this.enabledTriggers();
+        if (enabledTriggers.length === 0) {
+            return -1;
+        }
+        const activeTrigger = this.activeTrigger();
+        const resolvedActiveTrigger = activeTrigger && enabledTriggers.includes(activeTrigger) ? activeTrigger : enabledTriggers[0];
+        return resolvedActiveTrigger === trigger ? 0 : -1;
+    }
+    hasOpenTrigger(except) {
+        const currentOpenTrigger = this.openTrigger();
+        return !!currentOpenTrigger && currentOpenTrigger !== except;
+    }
+    notifyOpen(trigger) {
+        const currentOpenTrigger = this.openTrigger();
+        if (currentOpenTrigger && currentOpenTrigger !== trigger) {
+            currentOpenTrigger.close({ restoreFocus: false });
+        }
+        this.openTrigger.set(trigger);
+        this.setActiveTrigger(trigger);
+    }
+    notifyClosed(trigger) {
+        if (this.openTrigger() === trigger) {
+            this.openTrigger.set(null);
+        }
+    }
+    onKeydown(event) {
+        const currentTrigger = this.resolveTrigger(event.target);
+        if (!currentTrigger) {
+            return;
+        }
+        if (event.key === 'ArrowDown') {
+            event.preventDefault();
+            currentTrigger.open({ focusFirstItem: true });
+            return;
+        }
+        if (event.key === 'Home' || event.key === 'End') {
+            event.preventDefault();
+            this.moveFocus(currentTrigger, event.key === 'Home' ? 'start' : 'end');
+            return;
+        }
+        if (event.key === 'ArrowRight' || event.key === 'ArrowLeft') {
+            event.preventDefault();
+            this.moveFocus(currentTrigger, event.key === 'ArrowRight' ? 'next' : 'previous');
+        }
+    }
+    enabledTriggers() {
+        return this.triggers ? this.triggers.toArray().filter((trigger) => !trigger.disabled()) : [];
+    }
+    resolveTrigger(target) {
+        return this.triggers?.toArray().find((trigger) => trigger.containsTarget(target)) ?? null;
+    }
+    moveFocus(currentTrigger, direction) {
+        const enabledTriggers = this.enabledTriggers();
+        if (enabledTriggers.length === 0) {
+            return;
+        }
+        const currentIndex = enabledTriggers.indexOf(currentTrigger);
+        if (currentIndex === -1) {
+            enabledTriggers[0]?.focus();
+            return;
+        }
+        const nextTrigger = direction === 'start'
+            ? enabledTriggers[0]
+            : direction === 'end'
+                ? enabledTriggers[enabledTriggers.length - 1]
+                : enabledTriggers[this.nextIndex(currentIndex, direction === 'next' ? this.horizontalStep() : -this.horizontalStep(), enabledTriggers.length)];
+        if (!nextTrigger || nextTrigger === currentTrigger) {
+            return;
+        }
+        nextTrigger.focus();
+        this.setActiveTrigger(nextTrigger);
+        if (this.hasOpenTrigger(nextTrigger)) {
+            nextTrigger.open();
+        }
+    }
+    nextIndex(currentIndex, delta, length) {
+        const rawIndex = currentIndex + delta;
+        if (this.loop()) {
+            return (rawIndex + length) % length;
+        }
+        return Math.max(0, Math.min(length - 1, rawIndex));
+    }
+    horizontalStep() {
+        return getComputedStyle(this.host.nativeElement).direction === 'rtl' ? -1 : 1;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MenubarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: MenubarComponent, isStandalone: true, selector: "ui-menubar", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, loop: { classPropertyName: "loop", publicName: "loop", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keydown": "onKeydown($any($event))" }, properties: { "class": "classes()", "attr.role": "\"menubar\"" } }, queries: [{ propertyName: "triggers", predicate: i0.forwardRef(() => MenubarTriggerDirective), descendants: true }], ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MenubarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-menubar',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'classes()',
+                        '[attr.role]': '"menubar"',
+                        '(keydown)': 'onKeydown($any($event))',
+                    },
+                    template: `<ng-content />`,
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], loop: [{ type: i0.Input, args: [{ isSignal: true, alias: "loop", required: false }] }], triggers: [{
+                type: ContentChildren,
+                args: [forwardRef(() => MenubarTriggerDirective), { descendants: true }]
+            }] } });
+class MenubarMenuComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MenubarMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.14", type: MenubarMenuComponent, isStandalone: true, selector: "ui-menubar-menu", host: { classAttribute: "contents" }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MenubarMenuComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ui-menubar-menu',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        class: 'contents',
+                    },
+                    template: `<ng-content />`,
+                }]
+        }] });
+class MenubarContentDirective {
+    template = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MenubarContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.14", type: MenubarContentDirective, isStandalone: true, selector: "ng-template[uiMenubarContent]", exportAs: ["uiMenubarContent"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MenubarContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[uiMenubarContent]',
+                    exportAs: 'uiMenubarContent',
+                }]
+        }] });
+class MenubarTriggerDirective {
+    uiMenubarTrigger = input.required(...(ngDevMode ? [{ debugName: "uiMenubarTrigger" }] : /* istanbul ignore next */ []));
+    align = input('start', ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    openedChange = output();
+    isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+    overlay = inject(Overlay);
+    vcr = inject(ViewContainerRef);
+    el = inject(ElementRef);
+    menubar = inject(MenubarComponent, { optional: true });
+    destroyRef = inject(DestroyRef);
+    overlayRef = null;
+    toggle() {
+        if (this.disabled()) {
+            return;
+        }
+        this.isOpen() ? this.close() : this.open();
+    }
+    open(options = {}) {
+        if (this.isOpen() || this.disabled()) {
+            return;
+        }
+        this.menubar?.notifyOpen(this);
+        const overlayRef = this.overlay.create({
+            positionStrategy: this.overlay
+                .position()
+                .flexibleConnectedTo(this.el)
+                .withFlexibleDimensions(false)
+                .withPush(false)
+                .withPositions([position(this.align(), 'bottom'), position(this.align(), 'top')]),
+            scrollStrategy: this.overlay.scrollStrategies.reposition(),
+            hasBackdrop: false,
+            panelClass: 'ui-menubar-panel',
+        });
+        const portal = new TemplatePortal(this.uiMenubarTrigger().template, this.vcr);
+        overlayRef.attach(portal);
+        this.overlayRef = overlayRef;
+        merge(overlayRef.outsidePointerEvents().pipe(filter((event) => !this.el.nativeElement.contains(event.target))), overlayRef.keydownEvents().pipe(filter((event) => event.key === 'Escape')), overlayRef.detachments())
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(() => this.close());
+        this.isOpen.set(true);
+        this.openedChange.emit(true);
+        if (options.focusFirstItem) {
+            queueMicrotask(() => this.focusFirstItem());
+        }
+    }
+    close(options = {}) {
+        const { restoreFocus = true } = options;
+        if (!this.isOpen()) {
+            return;
+        }
+        this.overlayRef?.dispose();
+        this.overlayRef = null;
+        this.isOpen.set(false);
+        this.openedChange.emit(false);
+        this.menubar?.notifyClosed(this);
+        if (restoreFocus) {
+            this.el.nativeElement.focus();
+        }
+    }
+    focus() {
+        this.el.nativeElement.focus();
+    }
+    containsTarget(target) {
+        return target instanceof Node && this.el.nativeElement.contains(target);
+    }
+    tabIndex() {
+        return this.menubar?.tabIndexFor(this) ?? (this.disabled() ? -1 : 0);
+    }
+    openFromKeyboard(event, focusFirstItem) {
+        if (this.disabled()) {
+            return;
+        }
+        event.preventDefault();
+        this.open({ focusFirstItem });
+    }
+    syncActiveState() {
+        this.menubar?.setActiveTrigger(this);
+    }
+    openFromHover() {
+        if (this.disabled() || !this.menubar?.hasOpenTrigger(this)) {
+            return;
+        }
+        this.open();
+    }
+    focusFirstItem() {
+        const overlayElement = this.overlayRef?.overlayElement;
+        if (!overlayElement) {
+            return;
+        }
+        const firstItem = overlayElement.querySelector('[role="menuitem"]:not([aria-disabled="true"]), [role="menuitemcheckbox"]:not([aria-disabled="true"]), [role="menuitemradio"]:not([aria-disabled="true"])');
+        firstItem?.focus();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MenubarTriggerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: MenubarTriggerDirective, isStandalone: true, selector: "[uiMenubarTrigger]", inputs: { uiMenubarTrigger: { classPropertyName: "uiMenubarTrigger", publicName: "uiMenubarTrigger", isSignal: true, isRequired: true, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { openedChange: "openedChange" }, host: { listeners: { "click": "toggle()", "keydown.enter": "openFromKeyboard($any($event), false)", "keydown.space": "openFromKeyboard($any($event), false)", "keydown.arrowDown": "openFromKeyboard($any($event), true)", "focus": "syncActiveState()", "mouseenter": "openFromHover()" }, properties: { "attr.role": "\"menuitem\"", "attr.aria-haspopup": "\"menu\"", "attr.aria-expanded": "isOpen()", "attr.data-state": "isOpen() ? \"open\" : \"closed\"", "attr.tabindex": "tabIndex()", "attr.disabled": "disabled() ? \"\" : null" }, classAttribute: "inline-flex min-w-0 select-none items-center rounded-sm px-3 py-1.5 text-sm font-medium outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=open]:bg-accent data-[state=open]:text-accent-foreground" }, exportAs: ["uiMenubarTrigger"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MenubarTriggerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[uiMenubarTrigger]',
+                    exportAs: 'uiMenubarTrigger',
+                    host: {
+                        class: 'inline-flex min-w-0 select-none items-center rounded-sm px-3 py-1.5 text-sm font-medium outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=open]:bg-accent data-[state=open]:text-accent-foreground',
+                        '[attr.role]': '"menuitem"',
+                        '[attr.aria-haspopup]': '"menu"',
+                        '[attr.aria-expanded]': 'isOpen()',
+                        '[attr.data-state]': 'isOpen() ? "open" : "closed"',
+                        '[attr.tabindex]': 'tabIndex()',
+                        '[attr.disabled]': 'disabled() ? "" : null',
+                        '(click)': 'toggle()',
+                        '(keydown.enter)': 'openFromKeyboard($any($event), false)',
+                        '(keydown.space)': 'openFromKeyboard($any($event), false)',
+                        '(keydown.arrowDown)': 'openFromKeyboard($any($event), true)',
+                        '(focus)': 'syncActiveState()',
+                        '(mouseenter)': 'openFromHover()',
+                    },
+                }]
+        }], propDecorators: { uiMenubarTrigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "uiMenubarTrigger", required: true }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], openedChange: [{ type: i0.Output, args: ["openedChange"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MenubarComponent, MenubarContentDirective, MenubarMenuComponent, MenubarTriggerDirective };
+//# sourceMappingURL=edsis-ui-menubar.mjs.map

package/fesm2022/edsis-ui-menubar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"edsis-ui-menubar.mjs","sources":["../../../library/ui/menubar/menubar.component.ts","../../../library/ui/menubar/edsis-ui-menubar.ts"],"sourcesContent":["import { ConnectedPosition, Overlay, OverlayRef } from '@angular/cdk/overlay';\nimport { TemplatePortal } from '@angular/cdk/portal';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ContentChildren,\n  DestroyRef,\n  Directive,\n  ElementRef,\n  QueryList,\n  TemplateRef,\n  ViewContainerRef,\n  computed,\n  forwardRef,\n  inject,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { cn } from '@edsis/ui/utils';\nimport { merge } from 'rxjs';\nimport { filter } from 'rxjs/operators';\n\nexport type MenubarAlign = 'start' | 'center' | 'end';\n\nfunction position(align: MenubarAlign, side: 'bottom' | 'top'): ConnectedPosition {\n  const originX = align === 'start' ? 'start' : align === 'end' ? 'end' : 'center';\n\n  if (side === 'bottom') {\n    return {\n      originX,\n      originY: 'bottom',\n      overlayX: originX,\n      overlayY: 'top',\n      offsetY: 4,\n    };\n  }\n\n  return {\n    originX,\n    originY: 'top',\n    overlayX: originX,\n    overlayY: 'bottom',\n    offsetY: -4,\n  };\n}\n\n@Component({\n  selector: 'ui-menubar',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    '[attr.role]': '\"menubar\"',\n    '(keydown)': 'onKeydown($any($event))',\n  },\n  template: `<ng-content />`,\n})\nexport class MenubarComponent {\n  readonly class = input<string>('');\n  readonly loop = input<boolean>(true);\n\n  @ContentChildren(forwardRef(() => MenubarTriggerDirective), { descendants: true })\n  private readonly triggers!: QueryList<MenubarTriggerDirective>;\n\n  private readonly host = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly activeTrigger = signal<MenubarTriggerDirective | null>(null);\n  private readonly openTrigger = signal<MenubarTriggerDirective | null>(null);\n\n  protected readonly classes = computed(() =>\n    cn(\n      'inline-flex min-h-10 items-center gap-1 rounded-md border border-border bg-background p-1 text-foreground shadow-sm',\n      this.class(),\n    ),\n  );\n\n  setActiveTrigger(trigger: MenubarTriggerDirective): void {\n    if (trigger.disabled()) {\n      return;\n    }\n\n    this.activeTrigger.set(trigger);\n  }\n\n  tabIndexFor(trigger: MenubarTriggerDirective): number {\n    if (trigger.disabled()) {\n      return -1;\n    }\n\n    const enabledTriggers = this.enabledTriggers();\n\n    if (enabledTriggers.length === 0) {\n      return -1;\n    }\n\n    const activeTrigger = this.activeTrigger();\n    const resolvedActiveTrigger =\n      activeTrigger && enabledTriggers.includes(activeTrigger) ? activeTrigger : enabledTriggers[0];\n\n    return resolvedActiveTrigger === trigger ? 0 : -1;\n  }\n\n  hasOpenTrigger(except?: MenubarTriggerDirective): boolean {\n    const currentOpenTrigger = this.openTrigger();\n    return !!currentOpenTrigger && currentOpenTrigger !== except;\n  }\n\n  notifyOpen(trigger: MenubarTriggerDirective): void {\n    const currentOpenTrigger = this.openTrigger();\n\n    if (currentOpenTrigger && currentOpenTrigger !== trigger) {\n      currentOpenTrigger.close({ restoreFocus: false });\n    }\n\n    this.openTrigger.set(trigger);\n    this.setActiveTrigger(trigger);\n  }\n\n  notifyClosed(trigger: MenubarTriggerDirective): void {\n    if (this.openTrigger() === trigger) {\n      this.openTrigger.set(null);\n    }\n  }\n\n  protected onKeydown(event: KeyboardEvent): void {\n    const currentTrigger = this.resolveTrigger(event.target);\n\n    if (!currentTrigger) {\n      return;\n    }\n\n    if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      currentTrigger.open({ focusFirstItem: true });\n      return;\n    }\n\n    if (event.key === 'Home' || event.key === 'End') {\n      event.preventDefault();\n      this.moveFocus(currentTrigger, event.key === 'Home' ? 'start' : 'end');\n      return;\n    }\n\n    if (event.key === 'ArrowRight' || event.key === 'ArrowLeft') {\n      event.preventDefault();\n      this.moveFocus(currentTrigger, event.key === 'ArrowRight' ? 'next' : 'previous');\n    }\n  }\n\n  private enabledTriggers(): MenubarTriggerDirective[] {\n    return this.triggers ? this.triggers.toArray().filter((trigger) => !trigger.disabled()) : [];\n  }\n\n  private resolveTrigger(target: EventTarget | null): MenubarTriggerDirective | null {\n    return this.triggers?.toArray().find((trigger) => trigger.containsTarget(target)) ?? null;\n  }\n\n  private moveFocus(currentTrigger: MenubarTriggerDirective, direction: 'previous' | 'next' | 'start' | 'end'): void {\n    const enabledTriggers = this.enabledTriggers();\n\n    if (enabledTriggers.length === 0) {\n      return;\n    }\n\n    const currentIndex = enabledTriggers.indexOf(currentTrigger);\n\n    if (currentIndex === -1) {\n      enabledTriggers[0]?.focus();\n      return;\n    }\n\n    const nextTrigger =\n      direction === 'start'\n        ? enabledTriggers[0]\n        : direction === 'end'\n          ? enabledTriggers[enabledTriggers.length - 1]\n          : enabledTriggers[\n              this.nextIndex(\n                currentIndex,\n                direction === 'next' ? this.horizontalStep() : -this.horizontalStep(),\n                enabledTriggers.length,\n              )\n            ];\n\n    if (!nextTrigger || nextTrigger === currentTrigger) {\n      return;\n    }\n\n    nextTrigger.focus();\n    this.setActiveTrigger(nextTrigger);\n\n    if (this.hasOpenTrigger(nextTrigger)) {\n      nextTrigger.open();\n    }\n  }\n\n  private nextIndex(currentIndex: number, delta: number, length: number): number {\n    const rawIndex = currentIndex + delta;\n\n    if (this.loop()) {\n      return (rawIndex + length) % length;\n    }\n\n    return Math.max(0, Math.min(length - 1, rawIndex));\n  }\n\n  private horizontalStep(): number {\n    return getComputedStyle(this.host.nativeElement).direction === 'rtl' ? -1 : 1;\n  }\n}\n\n@Component({\n  selector: 'ui-menubar-menu',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'contents',\n  },\n  template: `<ng-content />`,\n})\nexport class MenubarMenuComponent {}\n\n@Directive({\n  selector: 'ng-template[uiMenubarContent]',\n  exportAs: 'uiMenubarContent',\n})\nexport class MenubarContentDirective {\n  readonly template = inject<TemplateRef<unknown>>(TemplateRef);\n}\n\n@Directive({\n  selector: '[uiMenubarTrigger]',\n  exportAs: 'uiMenubarTrigger',\n  host: {\n    class:\n      'inline-flex min-w-0 select-none items-center rounded-sm px-3 py-1.5 text-sm font-medium outline-none transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:bg-accent focus-visible:text-accent-foreground focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=open]:bg-accent data-[state=open]:text-accent-foreground',\n    '[attr.role]': '\"menuitem\"',\n    '[attr.aria-haspopup]': '\"menu\"',\n    '[attr.aria-expanded]': 'isOpen()',\n    '[attr.data-state]': 'isOpen() ? \"open\" : \"closed\"',\n    '[attr.tabindex]': 'tabIndex()',\n    '[attr.disabled]': 'disabled() ? \"\" : null',\n    '(click)': 'toggle()',\n    '(keydown.enter)': 'openFromKeyboard($any($event), false)',\n    '(keydown.space)': 'openFromKeyboard($any($event), false)',\n    '(keydown.arrowDown)': 'openFromKeyboard($any($event), true)',\n    '(focus)': 'syncActiveState()',\n    '(mouseenter)': 'openFromHover()',\n  },\n})\nexport class MenubarTriggerDirective {\n  readonly uiMenubarTrigger = input.required<MenubarContentDirective>();\n  readonly align = input<MenubarAlign>('start');\n  readonly disabled = input<boolean>(false);\n\n  readonly openedChange = output<boolean>();\n  readonly isOpen = signal(false);\n\n  private readonly overlay = inject(Overlay);\n  private readonly vcr = inject(ViewContainerRef);\n  private readonly el = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly menubar = inject(MenubarComponent, { optional: true });\n  private readonly destroyRef = inject(DestroyRef);\n\n  private overlayRef: OverlayRef | null = null;\n\n  toggle(): void {\n    if (this.disabled()) {\n      return;\n    }\n\n    this.isOpen() ? this.close() : this.open();\n  }\n\n  open(options: { focusFirstItem?: boolean } = {}): void {\n    if (this.isOpen() || this.disabled()) {\n      return;\n    }\n\n    this.menubar?.notifyOpen(this);\n\n    const overlayRef = this.overlay.create({\n      positionStrategy: this.overlay\n        .position()\n        .flexibleConnectedTo(this.el)\n        .withFlexibleDimensions(false)\n        .withPush(false)\n        .withPositions([position(this.align(), 'bottom'), position(this.align(), 'top')]),\n      scrollStrategy: this.overlay.scrollStrategies.reposition(),\n      hasBackdrop: false,\n      panelClass: 'ui-menubar-panel',\n    });\n\n    const portal = new TemplatePortal(this.uiMenubarTrigger().template, this.vcr);\n\n    overlayRef.attach(portal);\n    this.overlayRef = overlayRef;\n\n    merge(\n      overlayRef.outsidePointerEvents().pipe(filter((event) => !this.el.nativeElement.contains(event.target as Node))),\n      overlayRef.keydownEvents().pipe(filter((event) => event.key === 'Escape')),\n      overlayRef.detachments(),\n    )\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(() => this.close());\n\n    this.isOpen.set(true);\n    this.openedChange.emit(true);\n\n    if (options.focusFirstItem) {\n      queueMicrotask(() => this.focusFirstItem());\n    }\n  }\n\n  close(options: { restoreFocus?: boolean } = {}): void {\n    const { restoreFocus = true } = options;\n\n    if (!this.isOpen()) {\n      return;\n    }\n\n    this.overlayRef?.dispose();\n    this.overlayRef = null;\n    this.isOpen.set(false);\n    this.openedChange.emit(false);\n    this.menubar?.notifyClosed(this);\n\n    if (restoreFocus) {\n      this.el.nativeElement.focus();\n    }\n  }\n\n  focus(): void {\n    this.el.nativeElement.focus();\n  }\n\n  containsTarget(target: EventTarget | null): boolean {\n    return target instanceof Node && this.el.nativeElement.contains(target);\n  }\n\n  protected tabIndex(): number {\n    return this.menubar?.tabIndexFor(this) ?? (this.disabled() ? -1 : 0);\n  }\n\n  protected openFromKeyboard(event: KeyboardEvent, focusFirstItem: boolean): void {\n    if (this.disabled()) {\n      return;\n    }\n\n    event.preventDefault();\n    this.open({ focusFirstItem });\n  }\n\n  protected syncActiveState(): void {\n    this.menubar?.setActiveTrigger(this);\n  }\n\n  protected openFromHover(): void {\n    if (this.disabled() || !this.menubar?.hasOpenTrigger(this)) {\n      return;\n    }\n\n    this.open();\n  }\n\n  private focusFirstItem(): void {\n    const overlayElement = this.overlayRef?.overlayElement;\n\n    if (!overlayElement) {\n      return;\n    }\n\n    const firstItem = overlayElement.querySelector<HTMLElement>(\n      '[role=\"menuitem\"]:not([aria-disabled=\"true\"]), [role=\"menuitemcheckbox\"]:not([aria-disabled=\"true\"]), [role=\"menuitemradio\"]:not([aria-disabled=\"true\"])',\n    );\n\n    firstItem?.focus();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/edsis-ui-native-select.mjs

@@ -0,0 +1,61 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, input, computed, ChangeDetectionStrategy, Component, Directive } from '@angular/core';
+import { cn } from '@edsis/ui/utils';
+
+const BASE = [
+    'block h-9 w-full appearance-none rounded-md border border-input bg-transparent px-3 py-2',
+    'pr-10 text-sm shadow-sm transition-colors',
+    'text-foreground',
+    'focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring',
+    'disabled:cursor-not-allowed disabled:opacity-50',
+    'aria-[invalid=true]:border-destructive aria-[invalid=true]:focus-visible:ring-destructive',
+].join(' ');
+class NativeSelectComponent {
+    el = inject(ElementRef);
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn(BASE, this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    focus() {
+        this.el.nativeElement.focus();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NativeSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: NativeSelectComponent, isStandalone: true, selector: "select[ui-native-select]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: '<ng-content />', isInline: true, styles: [":host{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E\");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem 1rem}:host([dir=\"rtl\"]){background-position:left .75rem center;padding-left:2.5rem;padding-right:.75rem}:host([multiple]),:host([size]:not([size=\"1\"])){background-image:none;padding-left:.75rem;padding-right:.75rem}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NativeSelectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'select[ui-native-select]', changeDetection: ChangeDetectionStrategy.OnPush, host: { '[class]': 'classes()' }, template: '<ng-content />', styles: [":host{background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E\");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem 1rem}:host([dir=\"rtl\"]){background-position:left .75rem center;padding-left:2.5rem;padding-right:.75rem}:host([multiple]),:host([size]:not([size=\"1\"])){background-image:none;padding-left:.75rem;padding-right:.75rem}\n"] }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+class NativeSelectOptionDirective {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn(this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NativeSelectOptionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: NativeSelectOptionDirective, isStandalone: true, selector: "option[ui-native-select-option]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NativeSelectOptionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'option[ui-native-select-option]',
+                    host: { '[class]': 'classes()' },
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+class NativeSelectOptGroupDirective {
+    class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
+    classes = computed(() => cn(this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NativeSelectOptGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.14", type: NativeSelectOptGroupDirective, isStandalone: true, selector: "optgroup[ui-native-select-opt-group]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: NativeSelectOptGroupDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'optgroup[ui-native-select-opt-group]',
+                    host: { '[class]': 'classes()' },
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NativeSelectComponent, NativeSelectOptGroupDirective, NativeSelectOptionDirective };
+//# sourceMappingURL=edsis-ui-native-select.mjs.map

package/fesm2022/edsis-ui-native-select.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"edsis-ui-native-select.mjs","sources":["../../../library/ui/native-select/native-select.component.ts","../../../library/ui/native-select/native-select-option.directive.ts","../../../library/ui/native-select/native-select-opt-group.directive.ts","../../../library/ui/native-select/edsis-ui-native-select.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, ElementRef, computed, inject, input } from '@angular/core';\nimport { cn } from '@edsis/ui/utils';\n\nconst BASE = [\n  'block h-9 w-full appearance-none rounded-md border border-input bg-transparent px-3 py-2',\n  'pr-10 text-sm shadow-sm transition-colors',\n  'text-foreground',\n  'focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring',\n  'disabled:cursor-not-allowed disabled:opacity-50',\n  'aria-[invalid=true]:border-destructive aria-[invalid=true]:focus-visible:ring-destructive',\n].join(' ');\n\n@Component({\n  selector: 'select[ui-native-select]',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { '[class]': 'classes()' },\n  template: '<ng-content />',\n  styleUrl: './native-select.component.css',\n})\nexport class NativeSelectComponent {\n  private readonly el = inject<ElementRef<HTMLSelectElement>>(ElementRef);\n\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() => cn(BASE, this.class()));\n\n  focus(): void {\n    this.el.nativeElement.focus();\n  }\n}\n","import { Directive, computed, input } from '@angular/core';\nimport { cn } from '@edsis/ui/utils';\n\n@Directive({\n  selector: 'option[ui-native-select-option]',\n  host: { '[class]': 'classes()' },\n})\nexport class NativeSelectOptionDirective {\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() => cn(this.class()));\n}\n","import { Directive, computed, input } from '@angular/core';\nimport { cn } from '@edsis/ui/utils';\n\n@Directive({\n  selector: 'optgroup[ui-native-select-opt-group]',\n  host: { '[class]': 'classes()' },\n})\nexport class NativeSelectOptGroupDirective {\n  readonly class = input<string>('');\n\n  protected readonly classes = computed(() => cn(this.class()));\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}