@beeq/angular 1.8.0-beta.8 → 1.8.0

package/standalone/src/directives/index.ts

@@ -0,0 +1,47 @@
+
+import * as d from './components';
+
+export const DIRECTIVES = [
+  d.BqAccordion,
+  d.BqAccordionGroup,
+  d.BqAlert,
+  d.BqAvatar,
+  d.BqBadge,
+  d.BqBreadcrumb,
+  d.BqBreadcrumbItem,
+  d.BqButton,
+  d.BqCard,
+  d.BqCheckbox,
+  d.BqDatePicker,
+  d.BqDialog,
+  d.BqDivider,
+  d.BqDrawer,
+  d.BqDropdown,
+  d.BqEmptyState,
+  d.BqIcon,
+  d.BqInput,
+  d.BqNotification,
+  d.BqOption,
+  d.BqOptionGroup,
+  d.BqOptionList,
+  d.BqPageTitle,
+  d.BqPanel,
+  d.BqProgress,
+  d.BqRadio,
+  d.BqRadioGroup,
+  d.BqSelect,
+  d.BqSideMenu,
+  d.BqSideMenuItem,
+  d.BqSlider,
+  d.BqSpinner,
+  d.BqStatus,
+  d.BqStepItem,
+  d.BqSteps,
+  d.BqSwitch,
+  d.BqTab,
+  d.BqTabGroup,
+  d.BqTag,
+  d.BqTextarea,
+  d.BqToast,
+  d.BqTooltip
+];

package/standalone/src/directives/number-value-accessor.ts

@@ -0,0 +1,29 @@
+import { Directive, ElementRef } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+
+import { ValueAccessor } from './value-accessor';
+
+@Directive({
+  /* tslint:disable-next-line:directive-selector */
+  selector: 'bq-input[type="number"], bq-slider:not[type="range"]',
+  host: {
+    '(bqChange)': 'handleChangeEvent($event.target.value)'
+  },
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: NumericValueAccessor,
+      multi: true
+    }
+  ],standalone: true
+})
+export class NumericValueAccessor extends ValueAccessor {
+  constructor(el: ElementRef) {
+    super(el);
+  }
+  override registerOnChange(fn: (_: number | null) => void) {
+    super.registerOnChange(value => {
+      fn(value === '' ? null : parseFloat(value));
+    });
+  }
+}

package/standalone/src/directives/radio-value-accessor.ts

@@ -0,0 +1,24 @@
+import { Directive, ElementRef } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+
+import { ValueAccessor } from './value-accessor';
+
+@Directive({
+  /* tslint:disable-next-line:directive-selector */
+  selector: 'bq-radio-group',
+  host: {
+    '(bqChange)': 'handleChangeEvent($event.target.value)'
+  },
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: RadioValueAccessor,
+      multi: true
+    }
+  ],standalone: true
+})
+export class RadioValueAccessor extends ValueAccessor {
+  constructor(el: ElementRef) {
+    super(el);
+  }
+}

package/standalone/src/directives/select-value-accessor.ts

@@ -0,0 +1,24 @@
+import { Directive, ElementRef } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+
+import { ValueAccessor } from './value-accessor';
+
+@Directive({
+  /* tslint:disable-next-line:directive-selector */
+  selector: 'bq-select',
+  host: {
+    '(bqChange)': 'handleChangeEvent($event.target.value)'
+  },
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: SelectValueAccessor,
+      multi: true
+    }
+  ],standalone: true
+})
+export class SelectValueAccessor extends ValueAccessor {
+  constructor(el: ElementRef) {
+    super(el);
+  }
+}

package/standalone/src/directives/text-value-accessor.ts

@@ -0,0 +1,24 @@
+import { Directive, ElementRef } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+
+import { ValueAccessor } from './value-accessor';
+
+@Directive({
+  /* tslint:disable-next-line:directive-selector */
+  selector: 'bq-date-picker, bq-input:not[type="number"], bq-slider[type="range", bq-textarea',
+  host: {
+    '(bqChange)': 'handleChangeEvent($event.target.value)'
+  },
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: TextValueAccessor,
+      multi: true
+    }
+  ],standalone: true
+})
+export class TextValueAccessor extends ValueAccessor {
+  constructor(el: ElementRef) {
+    super(el);
+  }
+}

package/standalone/src/directives/value-accessor.ts

@@ -0,0 +1,39 @@
+import { Directive, ElementRef, HostListener } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+
+@Directive({})
+export class ValueAccessor implements ControlValueAccessor {
+
+  private onChange: (value: any) => void = () => {/**/};
+  private onTouched: () => void = () => {/**/};
+  protected lastValue: any;
+
+  constructor(protected el: ElementRef) {}
+
+  writeValue(value: any) {
+    this.el.nativeElement.value = this.lastValue = value == null ? '' : value;
+  }
+
+  handleChangeEvent(value: any) {
+    if (value !== this.lastValue) {
+      this.lastValue = value;
+      this.onChange(value);
+    }
+  }
+
+  @HostListener('focusout')
+  _handleBlurEvent() {
+    this.onTouched();
+  }
+
+  registerOnChange(fn: (value: any) => void) {
+    this.onChange = fn;
+  }
+  registerOnTouched(fn: () => void) {
+    this.onTouched = fn;
+  }
+
+  setDisabledState(isDisabled: boolean) {
+    this.el.nativeElement.disabled = isDisabled;
+  }
+}

package/{index.d.ts → standalone/src/index.ts}

@@ -1,7 +1,10 @@
+/* -------------------------------------------------------------------------- */
+/*                                 DIRECTIVES                                 */
+/* -------------------------------------------------------------------------- */
 export { BooleanValueAccessor } from './directives/boolean-value-accessor';
 export { NumericValueAccessor } from './directives/number-value-accessor';
 export { RadioValueAccessor } from './directives/radio-value-accessor';
 export { SelectValueAccessor } from './directives/select-value-accessor';
 export { TextValueAccessor } from './directives/text-value-accessor';
+
 export * from './directives/components';
-export { BeeQModule } from './beeq.module';

package/tsconfig.json

@@ -0,0 +1,19 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    },
+    {
+      "path": "./tsconfig.lib.prod.json"
+    },
+    {
+      "path": "./tsconfig.spec.json"
+    }
+  ],
+  "compilerOptions": {
+    "target": "es2020"
+  }
+}

package/tsconfig.lib.json

@@ -0,0 +1,12 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true,
+    "types": []
+  },
+  "exclude": ["src/test-setup.ts", "**/*.spec.ts", "jest.config.ts", "**/*.test.ts"],
+  "include": ["src/index.ts", "standalone/src/index.ts"]
+}

package/tsconfig.lib.prod.json

@@ -0,0 +1,18 @@
+{
+  "extends": "./tsconfig.lib.json",
+  "angularCompilerOptions": {
+    "annotateForClosureCompiler": true,
+    "compilationMode": "partial",
+    "enableResourceInlining": true,
+    "flatModuleId": "@beeq/angular",
+    "flatModuleOutFile": "core.js",
+    "skipTemplateCodegen": true,
+    "strictMetadataEmit": true,
+    "strictTemplates": true
+  },
+  "compilerOptions": {
+    "declarationMap": false,
+    "removeComments": false,
+    "useDefineForClassFields": false
+  }
+}

package/tsconfig.spec.json

@@ -0,0 +1,10 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "module": "commonjs",
+    "types": ["jest", "node"]
+  },
+  "files": ["src/test-setup.ts"],
+  "include": ["jest.config.ts", "**/*.test.ts", "**/*.spec.ts", "**/*.d.ts"]
+}

package/beeq.module.d.ts

@@ -1,15 +0,0 @@
-import { ModuleWithProviders } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "./directives/components";
-import * as i2 from "./directives/boolean-value-accessor";
-import * as i3 from "./directives/number-value-accessor";
-import * as i4 from "./directives/radio-value-accessor";
-import * as i5 from "./directives/select-value-accessor";
-import * as i6 from "./directives/text-value-accessor";
-import * as i7 from "@angular/common";
-export declare class BeeQModule {
-    static forRoot(): ModuleWithProviders<BeeQModule>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BeeQModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<BeeQModule, [typeof i1.BqAccordion, typeof i1.BqAccordionGroup, typeof i1.BqAlert, typeof i1.BqAvatar, typeof i1.BqBadge, typeof i1.BqBreadcrumb, typeof i1.BqBreadcrumbItem, typeof i1.BqButton, typeof i1.BqCard, typeof i1.BqCheckbox, typeof i1.BqDatePicker, typeof i1.BqDialog, typeof i1.BqDivider, typeof i1.BqDrawer, typeof i1.BqDropdown, typeof i1.BqEmptyState, typeof i1.BqIcon, typeof i1.BqInput, typeof i1.BqNotification, typeof i1.BqOption, typeof i1.BqOptionGroup, typeof i1.BqOptionList, typeof i1.BqPageTitle, typeof i1.BqPanel, typeof i1.BqProgress, typeof i1.BqRadio, typeof i1.BqRadioGroup, typeof i1.BqSelect, typeof i1.BqSideMenu, typeof i1.BqSideMenuItem, typeof i1.BqSlider, typeof i1.BqSpinner, typeof i1.BqStatus, typeof i1.BqStepItem, typeof i1.BqSteps, typeof i1.BqSwitch, typeof i1.BqTab, typeof i1.BqTabGroup, typeof i1.BqTag, typeof i1.BqTextarea, typeof i1.BqToast, typeof i1.BqTooltip, typeof i2.BooleanValueAccessor, typeof i3.NumericValueAccessor, typeof i4.RadioValueAccessor, typeof i5.SelectValueAccessor, typeof i6.TextValueAccessor], [typeof i7.CommonModule], [typeof i1.BqAccordion, typeof i1.BqAccordionGroup, typeof i1.BqAlert, typeof i1.BqAvatar, typeof i1.BqBadge, typeof i1.BqBreadcrumb, typeof i1.BqBreadcrumbItem, typeof i1.BqButton, typeof i1.BqCard, typeof i1.BqCheckbox, typeof i1.BqDatePicker, typeof i1.BqDialog, typeof i1.BqDivider, typeof i1.BqDrawer, typeof i1.BqDropdown, typeof i1.BqEmptyState, typeof i1.BqIcon, typeof i1.BqInput, typeof i1.BqNotification, typeof i1.BqOption, typeof i1.BqOptionGroup, typeof i1.BqOptionList, typeof i1.BqPageTitle, typeof i1.BqPanel, typeof i1.BqProgress, typeof i1.BqRadio, typeof i1.BqRadioGroup, typeof i1.BqSelect, typeof i1.BqSideMenu, typeof i1.BqSideMenuItem, typeof i1.BqSlider, typeof i1.BqSpinner, typeof i1.BqStatus, typeof i1.BqStepItem, typeof i1.BqSteps, typeof i1.BqSwitch, typeof i1.BqTab, typeof i1.BqTabGroup, typeof i1.BqTag, typeof i1.BqTextarea, typeof i1.BqToast, typeof i1.BqTooltip, typeof i2.BooleanValueAccessor, typeof i3.NumericValueAccessor, typeof i4.RadioValueAccessor, typeof i5.SelectValueAccessor, typeof i6.TextValueAccessor]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<BeeQModule>;
-}

package/directives/angular-component-lib/utils.d.ts

@@ -1,9 +0,0 @@
-export declare const proxyInputs: (Cmp: any, inputs: string[]) => void;
-export declare const proxyMethods: (Cmp: any, methods: string[]) => void;
-export declare const proxyOutputs: (instance: any, el: any, events: string[]) => void;
-export declare const defineCustomElement: (tagName: string, customElement: any) => void;
-export declare function ProxyCmp(opts: {
-    defineCustomElementFn?: () => void;
-    inputs?: any;
-    methods?: any;
-}): (cls: any) => any;

package/directives/boolean-value-accessor.d.ts

@@ -1,9 +0,0 @@
-import { ElementRef } from '@angular/core';
-import { ValueAccessor } from './value-accessor';
-import * as i0 from "@angular/core";
-export declare class BooleanValueAccessor extends ValueAccessor {
-    constructor(el: ElementRef);
-    writeValue(value: any): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BooleanValueAccessor, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BooleanValueAccessor, "bq-checkbox, bq-switch", never, {}, {}, never, never, false, never>;
-}