N1XUS’s gists

N1XUS / combobox-data-source.ts

Last active January 25, 2023 10:02

	import {
	AbstractDataSourceProvider,
	DataSource,
	DataSourceParser,
	isDataSource,
	} from '@host-directives-app/data-source';
	import { Nullable } from '@host-directives-app/shared';
	import { isObservable, Observable, of } from 'rxjs';

	export interface ComboboxItem {

N1XUS / abstract-data-source-provider.class.ts

Created January 25, 2023 09:55

	import { Nullable } from '@host-directives-app/shared';
	import { Observable } from 'rxjs';

	/**
	* Acceptable data source types.
	*/
	export type DataSource<T = unknown> =
	\| AbstractDataSourceProvider<T>
	\| Observable<T[]>
	\| T[];

N1XUS / combobox-ds.component.ts

Last active January 25, 2023 12:17

	@Component({
	selector: 'app-combobox',
	template: `
	<input
	#comboboxInput
	class="combobox-input"
	type="text"
	[attr.list]="'inputOptions' + uniqueId"
	[attr.placeholder]="placeholder"
	autocomplete="off"

N1XUS / combobox-data-transformer.ts

Created January 20, 2023 12:51


	export class ComboboxDataProvider extends AbstractDataProvider<AcceptableComboboxItem> {
	constructor(private _values: Observable<AcceptableComboboxItem[]> \| AcceptableComboboxItem[]) {
	super();
	}

	fetch(): Observable<AcceptableComboboxItem[]> {
	return isObservable(this._values) ? this._values : of(this._values);
	}
	}

N1XUS / data-source-parser.interface.ts

Created January 20, 2023 12:48

	/**
	* Acceptable data source types.
	*/
	export type DataSource<T = unknown> =
	\| AbstractDataSourceProvider<T>
	\| Observable<T[]>
	\| T[];

	export interface DataSourceParser<
	T = unknown,

N1XUS / data-source.directive.ts

Last active January 31, 2023 14:17

	export const DATA_SOURCE_TRANSFORMER = new InjectionToken<DataSourceParser>('DataSourceTransformerClass');

	@Directive({
	selector: '[appDataSource]',
	standalone: true,
	providers: [
	// Small helper service to unsubscribe from streams when component destroys.
	DestroyedService
	],
	})

N1XUS / abstract-data-provider.class.ts

Created January 20, 2023 12:39

	export type ProviderParams = ReadonlyMap<string, unknown>;

	export abstract class AbstractDataProvider<T> {
	/**
	* Method responsible for retrieving the data.
	* @param params Set of parameters used for search query.
	* @param start Start index of the items array.
	* @param end End index of the items array.
	*/
	abstract fetch(params?: ProviderParams, start?: number, end?: number): Observable<T[]>

N1XUS / abstract-data-source-provider.class.ts

Last active January 18, 2023 09:58

	export abstract class AbstractDataProvider<T> {
	abstract fetch(params?: ProviderParams, start?: number, end?: number): Observable<T[]>
	}

	export class AbstractDataSourceProvider<T = unknown> {
	/** @hidden */
	protected readonly _dataChanges$: BehaviorSubject<T[]> = new BehaviorSubject<
	T[]
	>([]);
	/** @hidden */

N1XUS / combobox-cva.component.ts

Last active January 25, 2023 12:18

	@Component({
	selector: 'app-combobox',
	template: `
	<input
	#comboboxInput
	class="combobox-input"
	type="text"
	[attr.list]="'inputOptions' + uniqueId"
	[attr.placeholder]="placeholder"
	autocomplete="off"

N1XUS / cva.directive.ts

Last active January 25, 2023 12:18

	@Directive({
	selector: '[appCva]',
	standalone: true,
	providers: [
	// Small helper service to unsubscribe from streams when component destroys.
	DestroyedService
	],
	})
	export class CvaDirective<T = unknown> implements ControlValueAccessor, OnDestroy, AfterViewInit, DoCheck {
	/**