@trineui/cli 0.1.0-beta.1 → 0.1.0

package/templates/select.blueprint.ts.hbs

@@ -1,86 +0,0 @@
-// @trine-generated
-// @trine-version: {{engineVersion}}
-// @trine-schema: {{blueprintSchemaVersion}}
-import {
-  AfterViewInit,
-  ChangeDetectionStrategy,
-  Component,
-  inject,
-  ViewChild,
-  ViewContainerRef,
-} from '@angular/core';
-import { SelectEngine } from '@trineui/engine/select';
-import { SelectSkin } from './select.skin';
-import { SELECT_STYLING_CONTRACT } from '@trineui/engine/select';
-
-@Component({
-  selector: 'ui-select',
-  standalone: true,
-  providers: [
-    SelectEngine,
-    {
-      provide: SELECT_STYLING_CONTRACT,
-      useExisting: SelectEngine,
-    },
-  ],
-  template: `
-    <button
-      type="button"
-      class="select-trigger"
-      role="combobox"
-      [attr.aria-expanded]="engine.ariaExpanded()"
-      [attr.aria-haspopup]="'listbox'"
-      [attr.aria-activedescendant]="engine.ariaActiveDescendant()"
-      [attr.data-state]="engine.selectState()"
-      [disabled]="engine.disabled()"
-      (click)="engine.toggle()"
-      (keydown)="engine.handleKeydown($event)"
-    >
-      <span class="select-value">\{{engine.selectedLabel()}}</span>
-      <span class="select-arrow" [attr.data-state]="engine.selectState()">
-        <svg viewBox="0 0 16 16" fill="none" class="select-arrow-icon">
-          <path d="M4 6L8 10L12 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-        </svg>
-      </span>
-    </button>
-
-    <ng-template #panelTemplate>
-      <ul
-        class="select-panel"
-        role="listbox"
-        [attr.data-state]="engine.selectState()"
-      >
-        @for (option of engine.options(); track option.value; let i = $index) {
-          <li
-            role="option"
-            [id]="'select-option-' + i"
-            class="select-option"
-            [class.select-option-disabled]="option.disabled"
-            [attr.aria-selected]="engine.selectedValue() === option.value"
-            [attr.aria-disabled]="option.disabled ?? false"
-            [attr.data-state]="engine.selectedValue() === option.value ? 'selected' : 'unselected'"
-            [attr.data-active]="engine.activeIndex() === i ? 'true' : 'false'"
-            (click)="!option.disabled && engine.selectOption(option.value)"
-          >
-            {{ option.label }}
-          </li>
-        }
-      </ul>
-    </ng-template>
-  `,
-  host: {
-    '[class]': 'skin.classes()',
-  },
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class SelectComponent implements AfterViewInit {
-  protected engine = inject(SelectEngine);
-  protected skin = inject(SelectSkin);
-  private vcr = inject(ViewContainerRef);
-
-  @ViewChild('panelTemplate') panelTemplate: any;
-
-  ngAfterViewInit(): void {
-    this.engine.registerPanel(this.panelTemplate, this.vcr);
-  }
-}

package/templates/select.skin.ts.hbs

@@ -1,53 +0,0 @@
-// @trine-owned
-// DO NOT EDIT — owned by user, never synced
-import { cva } from 'class-variance-authority';
-import { inject, Injectable } from '@angular/core';
-import { SELECT_STYLING_CONTRACT, SelectStylingContract, SelectState } from '@trineui/engine/select';
-
-@Injectable()
-export class SelectSkin {
-  private contract = inject(SELECT_STYLING_CONTRACT);
-
-  private triggerVariants = cva('select-trigger-base', {
-    variants: {
-      state: {
-        open: 'select-trigger-open',
-        closed: 'select-trigger-closed',
-      },
-      disabled: {
-        true: 'select-trigger-disabled',
-      },
-    },
-    compoundVariants: [
-      {
-        state: 'open',
-        disabled: true,
-        class: 'select-trigger-open-disabled',
-      },
-    ],
-    defaultVariants: {
-      state: 'closed',
-    },
-  });
-
-  private panelVariants = cva('select-panel-base', {
-    variants: {
-      state: {
-        open: 'select-panel-open',
-        closed: 'select-panel-closed',
-      },
-    },
-    defaultVariants: {
-      state: 'closed',
-    },
-  });
-
-  classes(): string {
-    const state = this.contract.selectState();
-    const disabled = this.contract.disabled();
-    return [
-      this.triggerVariants({ state, disabled }),
-      this.panelVariants({ state }),
-    ].join(' ');
-  }
-}

package/tsconfig.json

@@ -1,10 +0,0 @@
-{
-  "extends": "../../tsconfig.base.json",
-  "compilerOptions": {
-    "outDir": "./dist",
-    "module": "NodeNext",
-    "moduleResolution": "NodeNext",
-    "types": ["node"]
-  },
-  "include": ["src/**/*"]
-}