@scania/tegel-angular-17 1.28.1 → 1.29.0

package/lib/stencil-generated/index.d.ts

@@ -0,0 +1,2 @@
+import * as d from './components';
+export declare const DIRECTIVES: (typeof d.TdsAccordion | typeof d.TdsAccordionItem | typeof d.TdsBadge | typeof d.TdsBanner | typeof d.TdsBlock | typeof d.TdsBodyCell | typeof d.TdsBreadcrumb | typeof d.TdsBreadcrumbs | typeof d.TdsButton | typeof d.TdsCard | typeof d.TdsCheckbox | typeof d.TdsChip | typeof d.TdsCoreHeaderItem | typeof d.TdsDatetime | typeof d.TdsDivider | typeof d.TdsDropdown | typeof d.TdsDropdownOption | typeof d.TdsFolderTab | typeof d.TdsFolderTabs | typeof d.TdsFooter | typeof d.TdsFooterGroup | typeof d.TdsFooterItem | typeof d.TdsHeader | typeof d.TdsHeaderBrandSymbol | typeof d.TdsHeaderCell | typeof d.TdsHeaderDropdown | typeof d.TdsHeaderDropdownList | typeof d.TdsHeaderDropdownListItem | typeof d.TdsHeaderDropdownListUser | typeof d.TdsHeaderHamburger | typeof d.TdsHeaderItem | typeof d.TdsHeaderLauncher | typeof d.TdsHeaderLauncherButton | typeof d.TdsHeaderLauncherGrid | typeof d.TdsHeaderLauncherGridItem | typeof d.TdsHeaderLauncherGridTitle | typeof d.TdsHeaderLauncherList | typeof d.TdsHeaderLauncherListItem | typeof d.TdsHeaderLauncherListTitle | typeof d.TdsHeaderTitle | typeof d.TdsIcon | typeof d.TdsInlineTab | typeof d.TdsInlineTabs | typeof d.TdsLink | typeof d.TdsMessage | typeof d.TdsModal | typeof d.TdsNavigationTab | typeof d.TdsNavigationTabs | typeof d.TdsPopoverCanvas | typeof d.TdsPopoverCore | typeof d.TdsPopoverMenu | typeof d.TdsPopoverMenuItem | typeof d.TdsRadioButton | typeof d.TdsSideMenu | typeof d.TdsSideMenuCloseButton | typeof d.TdsSideMenuCollapseButton | typeof d.TdsSideMenuDropdown | typeof d.TdsSideMenuDropdownList | typeof d.TdsSideMenuDropdownListItem | typeof d.TdsSideMenuItem | typeof d.TdsSideMenuOverlay | typeof d.TdsSideMenuUser | typeof d.TdsSideMenuUserImage | typeof d.TdsSideMenuUserLabel | typeof d.TdsSlider | typeof d.TdsSpinner | typeof d.TdsStep | typeof d.TdsStepper | typeof d.TdsTable | typeof d.TdsTableBody | typeof d.TdsTableBodyInputWrapper | typeof d.TdsTableBodyRow | typeof d.TdsTableBodyRowExpandable | typeof d.TdsTableFooter | typeof d.TdsTableHeader | typeof d.TdsTableHeaderInputWrapper | typeof d.TdsTableToolbar | typeof d.TdsTextField | typeof d.TdsTextarea | typeof d.TdsToast | typeof d.TdsToggle | typeof d.TdsTooltip)[];

package/lib/stencil-generated/number-value-accessor.d.ts

@@ -0,0 +1,9 @@
+import { ElementRef } from '@angular/core';
+import { ValueAccessor } from './value-accessor';
+import * as i0 from "@angular/core";
+export declare class NumericValueAccessor extends ValueAccessor {
+    constructor(el: ElementRef);
+    registerOnChange(fn: (_: number | null) => void): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NumericValueAccessor, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NumericValueAccessor, "tds-slider", never, {}, {}, never, never, false, never>;
+}

package/lib/stencil-generated/text-value-accessor.d.ts

@@ -0,0 +1,8 @@
+import { ElementRef } from '@angular/core';
+import { ValueAccessor } from './value-accessor';
+import * as i0 from "@angular/core";
+export declare class TextValueAccessor extends ValueAccessor {
+    constructor(el: ElementRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextValueAccessor, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TextValueAccessor, "tds-text-field, tds-textarea, tds-datetime", never, {}, {}, never, never, false, never>;
+}

package/lib/stencil-generated/value-accessor.d.ts

@@ -0,0 +1,18 @@
+import { ElementRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class ValueAccessor implements ControlValueAccessor {
+    protected el: ElementRef;
+    private onChange;
+    private onTouched;
+    protected lastValue: any;
+    constructor(el: ElementRef);
+    writeValue(value: any): void;
+    handleChangeEvent(value: any): void;
+    _handleBlurEvent(): void;
+    registerOnChange(fn: (value: any) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ValueAccessor, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ValueAccessor, never, never, {}, {}, never, never, false, never>;
+}

package/package.json

@@ -1,14 +1,27 @@
 {
   "name": "@scania/tegel-angular-17",
-  "version": "1.28.1",
+  "version": "1.29.0",
   "description": "Angular wrappers for Tegel package using Angular 17 and above",
   "peerDependencies": {
     "@angular/common": ">=17.0.0",
     "@angular/core": ">=17.0.0",
-    "@scania/tegel": "^1.27.1"
+    "@scania/tegel": "^1.29.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"
   },
-  "sideEffects": false
-}
+  "sideEffects": false,
+  "module": "fesm2022/scania-tegel-angular-17.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/scania-tegel-angular-17.mjs",
+      "esm": "./esm2022/scania-tegel-angular-17.mjs",
+      "default": "./fesm2022/scania-tegel-angular-17.mjs"
+    }
+  }
+}

package/{src/public-api.ts → public-api.d.ts}

@@ -1,7 +1,3 @@
-/*
- * Public API Surface of components
- */
-
 export * from './lib/components.module';
 export { DIRECTIVES } from './lib/stencil-generated';
 export { TextValueAccessor } from './lib/stencil-generated/text-value-accessor';

package/ng-package.json

@@ -1,7 +0,0 @@
-{
-  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "../../dist/components",
-  "lib": {
-    "entryFile": "src/public-api.ts"
-  }
-}

package/src/lib/components.module.ts

@@ -1,35 +0,0 @@
-import { APP_INITIALIZER, NgModule } from '@angular/core';
-import { defineCustomElements } from '@scania/tegel/loader';
-import { DIRECTIVES } from './stencil-generated';
-import { TextValueAccessor } from './stencil-generated/text-value-accessor';
-import { BooleanValueAccessor } from './stencil-generated/boolean-value-accessor';
-import { NumericValueAccessor } from './stencil-generated/number-value-accessor';
-import { TdsRadioValueAccessor } from './directives/tds-radio-value-accessor';
-import { TdsDropdownValueAccessor } from './directives/tds-dropdown-value-accessor';
-
-@NgModule({
-  declarations: [
-    ...DIRECTIVES,
-    BooleanValueAccessor,
-    NumericValueAccessor,
-    TextValueAccessor,
-    TdsRadioValueAccessor,
-    TdsDropdownValueAccessor,
-  ],
-  exports: [
-    ...DIRECTIVES,
-    BooleanValueAccessor,
-    NumericValueAccessor,
-    TextValueAccessor,
-    TdsRadioValueAccessor,
-    TdsDropdownValueAccessor,
-  ],
-  providers: [
-    {
-      provide: APP_INITIALIZER,
-      useFactory: () => defineCustomElements,
-      multi: true,
-    },
-  ],
-})
-export class TegelModule {}

package/src/lib/directives/tds-radio-value-accessor.ts

@@ -1,29 +0,0 @@
-import { Directive } from '@angular/core';
-import { NG_VALUE_ACCESSOR } from '@angular/forms';
-
-import { ValueAccessor } from '../stencil-generated/value-accessor';
-/**
- * A custom value accessor for the tds-radio-button and tds-chip of type radio. It extends the default ValueAccessor that is auto-generated by Stencil
- * Stencil offers an autogenerated radio value accessor but does not currently work as expected.
- * An issue was submitted to their repository: https://github.com/ionic-team/stencil-ds-output-targets/issues/434
- * If the issue is ever fixed this value accessor can be replaced with the one auto-generated by Stencil.
- */
-@Directive({
-  /* tslint:disable-next-line:directive-selector */
-  selector: 'tds-radio-button, tds-chip[type="radio"]',
-  host: {
-    '(tdsChange)': 'handleChangeEvent($event.target.value)',
-  },
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: TdsRadioValueAccessor,
-      multi: true,
-    },
-  ],
-})
-export class TdsRadioValueAccessor extends ValueAccessor {
-  writeValue(value: any) {
-    this.el.nativeElement.checked = value === this.el.nativeElement.value;
-  }
-}

package/src/lib/stencil-generated/angular-component-lib/utils.ts

@@ -1,65 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-import { fromEvent } from 'rxjs';
-
-export const proxyInputs = (Cmp: any, inputs: string[]) => {
-  const Prototype = Cmp.prototype;
-  inputs.forEach((item) => {
-    Object.defineProperty(Prototype, item, {
-      get() {
-        return this.el[item];
-      },
-      set(val: any) {
-        this.z.runOutsideAngular(() => (this.el[item] = val));
-      },
-      /**
-       * In the event that proxyInputs is called
-       * multiple times re-defining these inputs
-       * will cause an error to be thrown. As a result
-       * we set configurable: true to indicate these
-       * properties can be changed.
-       */
-      configurable: true,
-    });
-  });
-};
-
-export const proxyMethods = (Cmp: any, methods: string[]) => {
-  const Prototype = Cmp.prototype;
-  methods.forEach((methodName) => {
-    Prototype[methodName] = function () {
-      const args = arguments;
-      return this.z.runOutsideAngular(() => this.el[methodName].apply(this.el, args));
-    };
-  });
-};
-
-export const proxyOutputs = (instance: any, el: any, events: string[]) => {
-  events.forEach((eventName) => (instance[eventName] = fromEvent(el, eventName)));
-};
-
-export const defineCustomElement = (tagName: string, customElement: any) => {
-  if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {
-    customElements.define(tagName, customElement);
-  }
-};
-
-// tslint:disable-next-line: only-arrow-functions
-export function ProxyCmp(opts: { defineCustomElementFn?: () => void; inputs?: any; methods?: any }) {
-  const decorator = function (cls: any) {
-    const { defineCustomElementFn, inputs, methods } = opts;
-
-    if (defineCustomElementFn !== undefined) {
-      defineCustomElementFn();
-    }
-
-    if (inputs) {
-      proxyInputs(cls, inputs);
-    }
-    if (methods) {
-      proxyMethods(cls, methods);
-    }
-    return cls;
-  };
-  return decorator;
-}

package/src/lib/stencil-generated/boolean-value-accessor.ts

@@ -1,28 +0,0 @@
-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: 'tds-checkbox, tds-chip[type="checkbox"], tds-toggle',
-  host: {
-    '(tdsChange)': 'handleChangeEvent($event.target.checked)',
-    '(tdsToggle)': 'handleChangeEvent($event.target.checked)'
-  },
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: BooleanValueAccessor,
-      multi: true
-    }
-  ]
-})
-export class BooleanValueAccessor extends ValueAccessor {
-  constructor(el: ElementRef) {
-    super(el);
-  }
-  writeValue(value: any) {
-    this.el.nativeElement.checked = this.lastValue = value == null ? false : value;
-  }
-}