@arclux/arc-ui-angular 1.0.0

package/src/reactive/Tabs.ts

@@ -0,0 +1,17 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA, Input, Output, EventEmitter } from '@angular/core';
+import '@arclux/arc-ui';
+
+@Component({
+  selector: 'arc-tabs',
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  template: `<arc-tabs [attr.items]="items" [attr.selected]="selected" [attr._tabs]="_tabs" (arc-change)="arcChange.emit($event)"><ng-content /></arc-tabs>`,
+})
+export class Tabs {
+  @Input() items: unknown[] = [];
+  @Input() selected: number = 0;
+  @Input() _tabs: string = [];
+  @Output() arcChange = new EventEmitter<CustomEvent>();
+}

package/src/reactive/Tag.ts

@@ -0,0 +1,17 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA, Input, Output, EventEmitter } from '@angular/core';
+import '@arclux/arc-ui';
+
+@Component({
+  selector: 'arc-tag',
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  template: `<arc-tag [attr.variant]="variant" [removable]="removable" [disabled]="disabled" (arc-remove)="arcRemove.emit($event)"><ng-content /></arc-tag>`,
+})
+export class Tag {
+  @Input() variant: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' = 'default';
+  @Input() removable: boolean = false;
+  @Input() disabled: boolean = false;
+  @Output() arcRemove = new EventEmitter<CustomEvent>();
+}

package/src/reactive/Textarea.ts

@@ -0,0 +1,24 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA, Input, Output, EventEmitter } from '@angular/core';
+import '@arclux/arc-ui';
+
+@Component({
+  selector: 'arc-textarea',
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  template: `<arc-textarea [attr.value]="value" [attr.placeholder]="placeholder" [attr.label]="label" [attr.rows]="rows" [attr.maxlength]="maxlength" [disabled]="disabled" [readonly]="readonly" [attr.resize]="resize" [attr.error]="error" (arc-input)="arcInput.emit($event)" (arc-change)="arcChange.emit($event)"><ng-content /></arc-textarea>`,
+})
+export class Textarea {
+  @Input() value: string = '';
+  @Input() placeholder: string = '';
+  @Input() label: string = '';
+  @Input() rows: number = 4;
+  @Input() maxlength: number = 0;
+  @Input() disabled: boolean = false;
+  @Input() readonly: boolean = false;
+  @Input() resize: 'none' | 'vertical' | 'horizontal' | 'both' = 'vertical';
+  @Input() error: string = '';
+  @Output() arcInput = new EventEmitter<CustomEvent>();
+  @Output() arcChange = new EventEmitter<CustomEvent>();
+}

package/src/reactive/ThemeToggle.ts

@@ -0,0 +1,17 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA, Input, Output, EventEmitter } from '@angular/core';
+import '@arclux/arc-ui';
+
+@Component({
+  selector: 'arc-theme-toggle',
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  template: `<arc-theme-toggle [attr.theme]="theme" [disabled]="disabled" [iconOnly]="iconOnly" (arc-change)="arcChange.emit($event)"><ng-content /></arc-theme-toggle>`,
+})
+export class ThemeToggle {
+  @Input() theme: string = 'auto';
+  @Input() disabled: boolean = false;
+  @Input() iconOnly: boolean = false;
+  @Output() arcChange = new EventEmitter<CustomEvent>();
+}

package/src/reactive/Toast.ts

@@ -0,0 +1,17 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA, Input, Output, EventEmitter } from '@angular/core';
+import '@arclux/arc-ui';
+
+@Component({
+  selector: 'arc-toast',
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  template: `<arc-toast [attr.position]="position" [attr.duration]="duration" [attr._toasts]="_toasts" (arc-dismiss)="arcDismiss.emit($event)"><ng-content /></arc-toast>`,
+})
+export class Toast {
+  @Input() position: 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center' = 'top-right';
+  @Input() duration: number = 4000;
+  @Input() _toasts: string = [];
+  @Output() arcDismiss = new EventEmitter<CustomEvent>();
+}

package/src/reactive/Toggle.ts

@@ -0,0 +1,18 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA, Input, Output, EventEmitter } from '@angular/core';
+import '@arclux/arc-ui';
+
+@Component({
+  selector: 'arc-toggle',
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  template: `<arc-toggle [checked]="checked" [disabled]="disabled" [attr.label]="label" [attr.name]="name" (arc-change)="arcChange.emit($event)"><ng-content /></arc-toggle>`,
+})
+export class Toggle {
+  @Input() checked: boolean = false;
+  @Input() disabled: boolean = false;
+  @Input() label: string = '';
+  @Input() name: string = '';
+  @Output() arcChange = new EventEmitter<CustomEvent>();
+}

package/src/reactive/Tooltip.ts

@@ -0,0 +1,17 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA, Input } from '@angular/core';
+import '@arclux/arc-ui';
+
+@Component({
+  selector: 'arc-tooltip',
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  template: `<arc-tooltip [attr.content]="content" [attr.position]="position" [attr.delay]="delay" [attr._visible]="_visible"><ng-content /></arc-tooltip>`,
+})
+export class Tooltip {
+  @Input() content: string = '';
+  @Input() position: 'top' | 'bottom' | 'left' | 'right' = 'top';
+  @Input() delay: number = 200;
+  @Input() _visible: string = false;
+}

package/src/reactive/TreeItem.ts

@@ -0,0 +1,16 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA, Input } from '@angular/core';
+import '@arclux/arc-ui';
+
+@Component({
+  selector: 'arc-tree-item',
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  template: `<arc-tree-item [attr.label]="label" [attr.icon]="icon" [expanded]="expanded"><ng-content /></arc-tree-item>`,
+})
+export class TreeItem {
+  @Input() label: string = '';
+  @Input() icon: string = '';
+  @Input() expanded: boolean = false;
+}

package/src/reactive/TreeView.ts

@@ -0,0 +1,17 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA, Input, Output, EventEmitter } from '@angular/core';
+import '@arclux/arc-ui';
+
+@Component({
+  selector: 'arc-tree-view',
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  template: `<arc-tree-view [attr._items]="_items" [attr._selected]="_selected" (arc-toggle)="arcToggle.emit($event)" (arc-select)="arcSelect.emit($event)"><ng-content /></arc-tree-view>`,
+})
+export class TreeView {
+  @Input() _items: string = [];
+  @Input() _selected: string = 'null';
+  @Output() arcToggle = new EventEmitter<CustomEvent>();
+  @Output() arcSelect = new EventEmitter<CustomEvent>();
+}

package/src/reactive/Truncate.ts

@@ -0,0 +1,16 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA, Input, Output, EventEmitter } from '@angular/core';
+import '@arclux/arc-ui';
+
+@Component({
+  selector: 'arc-truncate',
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  template: `<arc-truncate [attr.lines]="lines" [expanded]="expanded" (arc-toggle)="arcToggle.emit($event)"><ng-content /></arc-truncate>`,
+})
+export class Truncate {
+  @Input() lines: number = 3;
+  @Input() expanded: boolean = false;
+  @Output() arcToggle = new EventEmitter<CustomEvent>();
+}

package/src/reactive/index.ts

@@ -0,0 +1,53 @@
+// Auto-generated by @arclux/prism — do not edit manually
+export { AccordionItem } from './AccordionItem.js';
+export { Alert } from './Alert.js';
+export { Button } from './Button.js';
+export { Calendar } from './Calendar.js';
+export { Checkbox } from './Checkbox.js';
+export { Column } from './Column.js';
+export { Combobox } from './Combobox.js';
+export { CommandItem } from './CommandItem.js';
+export { CommandPalette } from './CommandPalette.js';
+export { ContextMenu } from './ContextMenu.js';
+export { CopyButton } from './CopyButton.js';
+export { DataTable } from './DataTable.js';
+export { DatePicker } from './DatePicker.js';
+export { Drawer } from './Drawer.js';
+export { DropdownMenu } from './DropdownMenu.js';
+export { FileUpload } from './FileUpload.js';
+export { Form } from './Form.js';
+export { HoverCard } from './HoverCard.js';
+export { IconButton } from './IconButton.js';
+export { Input } from './Input.js';
+export { Modal } from './Modal.js';
+export { MultiSelect } from './MultiSelect.js';
+export { Pagination } from './Pagination.js';
+export { Popover } from './Popover.js';
+export { Progress } from './Progress.js';
+export { RadioGroup } from './RadioGroup.js';
+export { Search } from './Search.js';
+export { Slider } from './Slider.js';
+export { Suggestion } from './Suggestion.js';
+export { Tabs } from './Tabs.js';
+export { Tag } from './Tag.js';
+export { Textarea } from './Textarea.js';
+export { ThemeToggle } from './ThemeToggle.js';
+export { Toast } from './Toast.js';
+export { Tooltip } from './Tooltip.js';
+export { TreeItem } from './TreeItem.js';
+export { TreeView } from './TreeView.js';
+export { Carousel } from './Carousel.js';
+export { Chip } from './Chip.js';
+export { Collapsible } from './Collapsible.js';
+export { ColorPicker } from './ColorPicker.js';
+export { Dialog } from './Dialog.js';
+export { InfiniteScroll } from './InfiniteScroll.js';
+export { NumberInput } from './NumberInput.js';
+export { OtpInput } from './OtpInput.js';
+export { PinInput } from './PinInput.js';
+export { Rating } from './Rating.js';
+export { ScrollToTop } from './ScrollToTop.js';
+export { SegmentedControl } from './SegmentedControl.js';
+export { Sheet } from './Sheet.js';
+export { SortableList } from './SortableList.js';
+export { Truncate } from './Truncate.js';

package/src/shared/MenuDivider.ts

@@ -0,0 +1,13 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import '@arclux/arc-ui';
+
+@Component({
+  selector: 'arc-menu-divider',
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  template: `<arc-menu-divider><ng-content /></arc-menu-divider>`,
+})
+export class MenuDivider {
+}

package/src/shared/MenuItem.ts

@@ -0,0 +1,16 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA, Input } from '@angular/core';
+import '@arclux/arc-ui';
+
+@Component({
+  selector: 'arc-menu-item',
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  template: `<arc-menu-item [attr.shortcut]="shortcut" [disabled]="disabled" [attr.icon]="icon"><ng-content /></arc-menu-item>`,
+})
+export class MenuItem {
+  @Input() shortcut: string = '';
+  @Input() disabled: boolean = false;
+  @Input() icon: string = '';
+}

package/src/shared/Option.ts

@@ -0,0 +1,16 @@
+// Auto-generated by @arclux/prism — do not edit manually
+
+import { Component, CUSTOM_ELEMENTS_SCHEMA, Input } from '@angular/core';
+import '@arclux/arc-ui';
+
+@Component({
+  selector: 'arc-option',
+  standalone: true,
+  schemas: [CUSTOM_ELEMENTS_SCHEMA],
+  template: `<arc-option [attr.value]="value" [disabled]="disabled" [selected]="selected"><ng-content /></arc-option>`,
+})
+export class Option {
+  @Input() value: string = '';
+  @Input() disabled: boolean = false;
+  @Input() selected: boolean = false;
+}