@scania/tegel-angular-17 1.12.1 → 1.13.0

package/lib/components.module.d.ts

@@ -1,7 +1,12 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./stencil-generated/components";
+import * as i2 from "./stencil-generated/boolean-value-accessor";
+import * as i3 from "./stencil-generated/number-value-accessor";
+import * as i4 from "./stencil-generated/text-value-accessor";
+import * as i5 from "./directives/tds-radio-value-accessor";
+import * as i6 from "./directives/tds-dropdown-value-accessor";
 export declare class TegelModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TegelModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TegelModule, [typeof i1.TdsAccordion, typeof i1.TdsAccordionItem, typeof i1.TdsBadge, typeof i1.TdsBanner, typeof i1.TdsBlock, typeof i1.TdsBodyCell, typeof i1.TdsBreadcrumb, typeof i1.TdsBreadcrumbs, typeof i1.TdsButton, typeof i1.TdsCard, typeof i1.TdsCheckbox, typeof i1.TdsChip, typeof i1.TdsCoreHeaderItem, typeof i1.TdsDatetime, typeof i1.TdsDivider, typeof i1.TdsDropdown, typeof i1.TdsDropdownOption, typeof i1.TdsFolderTab, typeof i1.TdsFolderTabs, typeof i1.TdsFooter, typeof i1.TdsFooterGroup, typeof i1.TdsFooterItem, typeof i1.TdsHeader, typeof i1.TdsHeaderBrandSymbol, typeof i1.TdsHeaderCell, typeof i1.TdsHeaderDropdown, typeof i1.TdsHeaderDropdownList, typeof i1.TdsHeaderDropdownListItem, typeof i1.TdsHeaderDropdownListUser, typeof i1.TdsHeaderHamburger, typeof i1.TdsHeaderItem, typeof i1.TdsHeaderLauncher, typeof i1.TdsHeaderLauncherButton, typeof i1.TdsHeaderLauncherGrid, typeof i1.TdsHeaderLauncherGridItem, typeof i1.TdsHeaderLauncherGridTitle, typeof i1.TdsHeaderLauncherList, typeof i1.TdsHeaderLauncherListItem, typeof i1.TdsHeaderLauncherListTitle, typeof i1.TdsHeaderTitle, typeof i1.TdsIcon, typeof i1.TdsInlineTab, typeof i1.TdsInlineTabs, typeof i1.TdsLink, typeof i1.TdsMessage, typeof i1.TdsModal, typeof i1.TdsNavigationTab, typeof i1.TdsNavigationTabs, typeof i1.TdsPopoverCanvas, typeof i1.TdsPopoverCore, typeof i1.TdsPopoverMenu, typeof i1.TdsPopoverMenuItem, typeof i1.TdsRadioButton, typeof i1.TdsSideMenu, typeof i1.TdsSideMenuCloseButton, typeof i1.TdsSideMenuCollapseButton, typeof i1.TdsSideMenuDropdown, typeof i1.TdsSideMenuDropdownList, typeof i1.TdsSideMenuDropdownListItem, typeof i1.TdsSideMenuItem, typeof i1.TdsSideMenuOverlay, typeof i1.TdsSideMenuUser, typeof i1.TdsSideMenuUserImage, typeof i1.TdsSideMenuUserLabel, typeof i1.TdsSlider, typeof i1.TdsSpinner, typeof i1.TdsStep, typeof i1.TdsStepper, typeof i1.TdsTable, typeof i1.TdsTableBody, typeof i1.TdsTableBodyRow, typeof i1.TdsTableBodyRowExpandable, typeof i1.TdsTableFooter, typeof i1.TdsTableHeader, typeof i1.TdsTableToolbar, typeof i1.TdsTextField, typeof i1.TdsTextarea, typeof i1.TdsToast, typeof i1.TdsToggle, typeof i1.TdsTooltip], never, [typeof i1.TdsAccordion, typeof i1.TdsAccordionItem, typeof i1.TdsBadge, typeof i1.TdsBanner, typeof i1.TdsBlock, typeof i1.TdsBodyCell, typeof i1.TdsBreadcrumb, typeof i1.TdsBreadcrumbs, typeof i1.TdsButton, typeof i1.TdsCard, typeof i1.TdsCheckbox, typeof i1.TdsChip, typeof i1.TdsCoreHeaderItem, typeof i1.TdsDatetime, typeof i1.TdsDivider, typeof i1.TdsDropdown, typeof i1.TdsDropdownOption, typeof i1.TdsFolderTab, typeof i1.TdsFolderTabs, typeof i1.TdsFooter, typeof i1.TdsFooterGroup, typeof i1.TdsFooterItem, typeof i1.TdsHeader, typeof i1.TdsHeaderBrandSymbol, typeof i1.TdsHeaderCell, typeof i1.TdsHeaderDropdown, typeof i1.TdsHeaderDropdownList, typeof i1.TdsHeaderDropdownListItem, typeof i1.TdsHeaderDropdownListUser, typeof i1.TdsHeaderHamburger, typeof i1.TdsHeaderItem, typeof i1.TdsHeaderLauncher, typeof i1.TdsHeaderLauncherButton, typeof i1.TdsHeaderLauncherGrid, typeof i1.TdsHeaderLauncherGridItem, typeof i1.TdsHeaderLauncherGridTitle, typeof i1.TdsHeaderLauncherList, typeof i1.TdsHeaderLauncherListItem, typeof i1.TdsHeaderLauncherListTitle, typeof i1.TdsHeaderTitle, typeof i1.TdsIcon, typeof i1.TdsInlineTab, typeof i1.TdsInlineTabs, typeof i1.TdsLink, typeof i1.TdsMessage, typeof i1.TdsModal, typeof i1.TdsNavigationTab, typeof i1.TdsNavigationTabs, typeof i1.TdsPopoverCanvas, typeof i1.TdsPopoverCore, typeof i1.TdsPopoverMenu, typeof i1.TdsPopoverMenuItem, typeof i1.TdsRadioButton, typeof i1.TdsSideMenu, typeof i1.TdsSideMenuCloseButton, typeof i1.TdsSideMenuCollapseButton, typeof i1.TdsSideMenuDropdown, typeof i1.TdsSideMenuDropdownList, typeof i1.TdsSideMenuDropdownListItem, typeof i1.TdsSideMenuItem, typeof i1.TdsSideMenuOverlay, typeof i1.TdsSideMenuUser, typeof i1.TdsSideMenuUserImage, typeof i1.TdsSideMenuUserLabel, typeof i1.TdsSlider, typeof i1.TdsSpinner, typeof i1.TdsStep, typeof i1.TdsStepper, typeof i1.TdsTable, typeof i1.TdsTableBody, typeof i1.TdsTableBodyRow, typeof i1.TdsTableBodyRowExpandable, typeof i1.TdsTableFooter, typeof i1.TdsTableHeader, typeof i1.TdsTableToolbar, typeof i1.TdsTextField, typeof i1.TdsTextarea, typeof i1.TdsToast, typeof i1.TdsToggle, typeof i1.TdsTooltip]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TegelModule, [typeof i1.TdsAccordion, typeof i1.TdsAccordionItem, typeof i1.TdsBadge, typeof i1.TdsBanner, typeof i1.TdsBlock, typeof i1.TdsBodyCell, typeof i1.TdsBreadcrumb, typeof i1.TdsBreadcrumbs, typeof i1.TdsButton, typeof i1.TdsCard, typeof i1.TdsCheckbox, typeof i1.TdsChip, typeof i1.TdsCoreHeaderItem, typeof i1.TdsDatetime, typeof i1.TdsDivider, typeof i1.TdsDropdown, typeof i1.TdsDropdownOption, typeof i1.TdsFolderTab, typeof i1.TdsFolderTabs, typeof i1.TdsFooter, typeof i1.TdsFooterGroup, typeof i1.TdsFooterItem, typeof i1.TdsHeader, typeof i1.TdsHeaderBrandSymbol, typeof i1.TdsHeaderCell, typeof i1.TdsHeaderDropdown, typeof i1.TdsHeaderDropdownList, typeof i1.TdsHeaderDropdownListItem, typeof i1.TdsHeaderDropdownListUser, typeof i1.TdsHeaderHamburger, typeof i1.TdsHeaderItem, typeof i1.TdsHeaderLauncher, typeof i1.TdsHeaderLauncherButton, typeof i1.TdsHeaderLauncherGrid, typeof i1.TdsHeaderLauncherGridItem, typeof i1.TdsHeaderLauncherGridTitle, typeof i1.TdsHeaderLauncherList, typeof i1.TdsHeaderLauncherListItem, typeof i1.TdsHeaderLauncherListTitle, typeof i1.TdsHeaderTitle, typeof i1.TdsIcon, typeof i1.TdsInlineTab, typeof i1.TdsInlineTabs, typeof i1.TdsLink, typeof i1.TdsMessage, typeof i1.TdsModal, typeof i1.TdsNavigationTab, typeof i1.TdsNavigationTabs, typeof i1.TdsPopoverCanvas, typeof i1.TdsPopoverCore, typeof i1.TdsPopoverMenu, typeof i1.TdsPopoverMenuItem, typeof i1.TdsRadioButton, typeof i1.TdsSideMenu, typeof i1.TdsSideMenuCloseButton, typeof i1.TdsSideMenuCollapseButton, typeof i1.TdsSideMenuDropdown, typeof i1.TdsSideMenuDropdownList, typeof i1.TdsSideMenuDropdownListItem, typeof i1.TdsSideMenuItem, typeof i1.TdsSideMenuOverlay, typeof i1.TdsSideMenuUser, typeof i1.TdsSideMenuUserImage, typeof i1.TdsSideMenuUserLabel, typeof i1.TdsSlider, typeof i1.TdsSpinner, typeof i1.TdsStep, typeof i1.TdsStepper, typeof i1.TdsTable, typeof i1.TdsTableBody, typeof i1.TdsTableBodyRow, typeof i1.TdsTableBodyRowExpandable, typeof i1.TdsTableFooter, typeof i1.TdsTableHeader, typeof i1.TdsTableToolbar, typeof i1.TdsTextField, typeof i1.TdsTextarea, typeof i1.TdsToast, typeof i1.TdsToggle, typeof i1.TdsTooltip, typeof i2.BooleanValueAccessor, typeof i3.NumericValueAccessor, typeof i4.TextValueAccessor, typeof i5.TdsRadioValueAccessor, typeof i6.TdsDropdownValueAccessor], never, [typeof i1.TdsAccordion, typeof i1.TdsAccordionItem, typeof i1.TdsBadge, typeof i1.TdsBanner, typeof i1.TdsBlock, typeof i1.TdsBodyCell, typeof i1.TdsBreadcrumb, typeof i1.TdsBreadcrumbs, typeof i1.TdsButton, typeof i1.TdsCard, typeof i1.TdsCheckbox, typeof i1.TdsChip, typeof i1.TdsCoreHeaderItem, typeof i1.TdsDatetime, typeof i1.TdsDivider, typeof i1.TdsDropdown, typeof i1.TdsDropdownOption, typeof i1.TdsFolderTab, typeof i1.TdsFolderTabs, typeof i1.TdsFooter, typeof i1.TdsFooterGroup, typeof i1.TdsFooterItem, typeof i1.TdsHeader, typeof i1.TdsHeaderBrandSymbol, typeof i1.TdsHeaderCell, typeof i1.TdsHeaderDropdown, typeof i1.TdsHeaderDropdownList, typeof i1.TdsHeaderDropdownListItem, typeof i1.TdsHeaderDropdownListUser, typeof i1.TdsHeaderHamburger, typeof i1.TdsHeaderItem, typeof i1.TdsHeaderLauncher, typeof i1.TdsHeaderLauncherButton, typeof i1.TdsHeaderLauncherGrid, typeof i1.TdsHeaderLauncherGridItem, typeof i1.TdsHeaderLauncherGridTitle, typeof i1.TdsHeaderLauncherList, typeof i1.TdsHeaderLauncherListItem, typeof i1.TdsHeaderLauncherListTitle, typeof i1.TdsHeaderTitle, typeof i1.TdsIcon, typeof i1.TdsInlineTab, typeof i1.TdsInlineTabs, typeof i1.TdsLink, typeof i1.TdsMessage, typeof i1.TdsModal, typeof i1.TdsNavigationTab, typeof i1.TdsNavigationTabs, typeof i1.TdsPopoverCanvas, typeof i1.TdsPopoverCore, typeof i1.TdsPopoverMenu, typeof i1.TdsPopoverMenuItem, typeof i1.TdsRadioButton, typeof i1.TdsSideMenu, typeof i1.TdsSideMenuCloseButton, typeof i1.TdsSideMenuCollapseButton, typeof i1.TdsSideMenuDropdown, typeof i1.TdsSideMenuDropdownList, typeof i1.TdsSideMenuDropdownListItem, typeof i1.TdsSideMenuItem, typeof i1.TdsSideMenuOverlay, typeof i1.TdsSideMenuUser, typeof i1.TdsSideMenuUserImage, typeof i1.TdsSideMenuUserLabel, typeof i1.TdsSlider, typeof i1.TdsSpinner, typeof i1.TdsStep, typeof i1.TdsStepper, typeof i1.TdsTable, typeof i1.TdsTableBody, typeof i1.TdsTableBodyRow, typeof i1.TdsTableBodyRowExpandable, typeof i1.TdsTableFooter, typeof i1.TdsTableHeader, typeof i1.TdsTableToolbar, typeof i1.TdsTextField, typeof i1.TdsTextarea, typeof i1.TdsToast, typeof i1.TdsToggle, typeof i1.TdsTooltip, typeof i2.BooleanValueAccessor, typeof i3.NumericValueAccessor, typeof i4.TextValueAccessor, typeof i5.TdsRadioValueAccessor, typeof i6.TdsDropdownValueAccessor]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TegelModule>;
 }

package/lib/directives/tds-dropdown-value-accessor.d.ts

@@ -0,0 +1,11 @@
+import { ValueAccessor } from '../stencil-generated/value-accessor';
+import * as i0 from "@angular/core";
+/**
+ * A custom value accessor for the tds-dropdown. It extends the default ValueAccessor that is auto-generated by Stencil
+ * The tds-dropdown requires slightly different event handling since it doesn't act like any of the native inputs.
+ * The main difference between this value accessor and the other value accessors that are auto-generated by Stencil, is that this one handles `$event.detail.value` instead of `$event.target.value`.
+ */
+export declare class TdsDropdownValueAccessor extends ValueAccessor {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdsDropdownValueAccessor, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TdsDropdownValueAccessor, "tds-dropdown", never, {}, {}, never, never, false, never>;
+}

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

@@ -0,0 +1,13 @@
+import { ValueAccessor } from '../stencil-generated/value-accessor';
+import * as i0 from "@angular/core";
+/**
+ * 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.
+ */
+export declare class TdsRadioValueAccessor extends ValueAccessor {
+    writeValue(value: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TdsRadioValueAccessor, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TdsRadioValueAccessor, "tds-radio-button, tds-chip[type=\"radio\"]", never, {}, {}, never, never, false, never>;
+}

package/lib/stencil-generated/boolean-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 BooleanValueAccessor extends ValueAccessor {
+    constructor(el: ElementRef);
+    writeValue(value: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BooleanValueAccessor, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BooleanValueAccessor, "tds-checkbox, tds-chip[type=\"checkbox\"], tds-toggle", never, {}, {}, never, never, false, never>;
+}

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,11 +1,11 @@
 {
   "name": "@scania/tegel-angular-17",
-  "version": "1.12.1",
+  "version": "1.13.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.12.1"
+    "@scania/tegel": "^1.13.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/public-api.d.ts

@@ -1,3 +1,8 @@
 export * from './lib/components.module';
 export { DIRECTIVES } from './lib/stencil-generated';
+export { TextValueAccessor } from './lib/stencil-generated/text-value-accessor';
+export { BooleanValueAccessor } from './lib/stencil-generated/boolean-value-accessor';
+export { NumericValueAccessor } from './lib/stencil-generated/number-value-accessor';
+export { TdsRadioValueAccessor } from './lib/directives/tds-radio-value-accessor';
+export { TdsDropdownValueAccessor } from './lib/directives/tds-dropdown-value-accessor';
 export * from './lib/stencil-generated/components';