@scania/tegel 1.40.0-stencil-core-4.38.1-beta.0 → 1.40.0-ts-strict-mode-beta.0

package/dist/types/stencil-public-runtime.d.ts

@@ -1,5 +1,4 @@
-type CustomMethodDecorator<T> = (target: object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
-type UnionToIntersection<U> = (U extends any ? (x: U) => void : never) extends (x: infer I) => void ? I : never;
+declare type CustomMethodDecorator<T> = (target: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
 export interface ComponentDecorator {
     (opts?: ComponentOptions): ClassDecorator;
 }
@@ -152,13 +151,7 @@ export interface StateDecorator {
     (): PropertyDecorator;
 }
 export interface WatchDecorator {
-    (propName: any): CustomMethodDecorator<(newValue?: any, oldValue?: any, propName?: any, ...args: any[]) => any | void>;
-}
-export interface PropSerializeDecorator {
-    (propName: any): CustomMethodDecorator<(newValue?: any, propName?: string, ...args: any[]) => string | null>;
-}
-export interface AttrDeserializeDecorator {
-    (propName: any): CustomMethodDecorator<(newValue?: any, propName?: string, ...args: any[]) => any>;
+    (propName: string): CustomMethodDecorator<any>;
 }
 export interface UserBuildConditionals {
     isDev: boolean;
@@ -240,14 +233,6 @@ export declare const State: StateDecorator;
  * https://stenciljs.com/docs/reactive-data#watch-decorator
  */
 export declare const Watch: WatchDecorator;
-/**
- * Decorator to serialize a property to an attribute string.
- */
-export declare const PropSerialize: PropSerializeDecorator;
-/**
- * Decorator to deserialize an attribute string to a property.
- */
-export declare const AttrDeserialize: AttrDeserializeDecorator;
 export type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;
 export type ErrorHandler = (err: any, element?: HTMLElement) => void;
 /**
@@ -275,25 +260,6 @@ export declare function setPlatformHelpers(helpers: {
  * @returns the base path
  */
 export declare function getAssetPath(path: string): string;
-/**
- * Method to render a virtual DOM tree to a container element.
- *
- * @example
- * ```tsx
- * import { render } from '@stencil/core';
- *
- * const vnode = (
- *   <div>
- *     <h1>Hello, world!</h1>
- *   </div>
- * );
- * render(vnode, document.body);
- * ```
- *
- * @param vnode - The virtual DOM tree to render
- * @param container - The container element to render the virtual DOM tree to
- */
-export declare function render(vnode: VNode, container: Element): void;
 /**
  * Used to manually set the base path where assets can be found. For lazy-loaded
  * builds the asset path is automatically set and assets copied to the correct
@@ -338,9 +304,8 @@ export declare function forceUpdate(ref: any): void;
  * @returns the rendering ref
  */
 export declare function getRenderingRef(): any;
-export interface HTMLStencilElement extends Omit<HTMLElement, 'autocorrect'> {
+export interface HTMLStencilElement extends HTMLElement {
     componentOnReady(): Promise<this>;
-    autocorrect: 'on' | 'off';
 }
 /**
  * Schedules a DOM-write task. The provided callback will be executed
@@ -365,28 +330,6 @@ export declare function readTask(task: RafCallback): void;
  * Unhandled exception raised while rendering, during event handling, or lifecycles will trigger the custom event handler.
  */
 export declare const setErrorHandler: (handler: ErrorHandler) => void;
-export type MixinFactory = <TBase extends new (...args: any[]) => any>(base: TBase) => abstract new (...args: ConstructorParameters<TBase>) => any;
-/**
- * Compose multiple mixin classes into a single constructor.
- * The resulting class has the combined instance types of all mixed-in classes.
- *
- * Example:
- * ```
- * import { Mixin, MixinFactory } from '@stencil/core';
- *
- * const AWrap: MixinFactory = (Base) => {class A extends Base { propA = A }; return A;}
- * const BWrap: MixinFactory = (Base) => {class B extends Base { propB = B }; return B;}
- * const CWrap: MixinFactory = (Base) => {class C extends Base { propC = C }; return C;}
- *
- * class X extends Mixin(AWrap, BWrap, CWrap) {
- *   render() { return <div>{this.propA} {this.propB} {this.propC}</div>; }
- * }
- * ```
- *
- * @param mixinFactories mixin factory functions that return a class which extends from the provided class.
- * @returns a class that that is composed from extending each of the provided classes in the order they were provided.
- */
-export declare function Mixin<TMixins extends readonly MixinFactory[]>(...mixinFactories: TMixins): abstract new (...args: any[]) => UnionToIntersection<InstanceType<ReturnType<TMixins[number]>>>;
 /**
  * This file gets copied to all distributions of stencil component collections.
  * - no imports
@@ -883,8 +826,7 @@ export declare namespace JSXBase {
     }
     interface DetailsHTMLAttributes<T> extends HTMLAttributes<T> {
         open?: boolean;
-        name?: string;
-        onToggle?: (event: ToggleEvent) => void;
+        onToggle?: (event: Event) => void;
     }
     interface DelHTMLAttributes<T> extends HTMLAttributes<T> {
         cite?: string;
@@ -1073,8 +1015,6 @@ export declare namespace JSXBase {
         autoPlay?: boolean;
         autoplay?: boolean | string;
         controls?: boolean;
-        controlslist?: 'nodownload' | 'nofullscreen' | 'noremoteplayback';
-        controlsList?: 'nodownload' | 'nofullscreen' | 'noremoteplayback';
         crossOrigin?: string;
         crossorigin?: string;
         loop?: boolean;
@@ -1590,13 +1530,6 @@ export declare namespace JSXBase {
         z?: number | string;
         zoomAndPan?: string;
     }
-    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/ToggleEvent) */
-    interface ToggleEvent extends Event {
-        /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/ToggleEvent/newState) */
-        readonly newState: string;
-        /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/ToggleEvent/oldState) */
-        readonly oldState: string;
-    }
     interface DOMAttributes<T> extends JSXAttributes<T> {
         slot?: string;
         part?: string;
@@ -1613,10 +1546,6 @@ export declare namespace JSXBase {
         onCompositionstartCapture?: (event: CompositionEvent) => void;
         onCompositionupdate?: (event: CompositionEvent) => void;
         onCompositionupdateCapture?: (event: CompositionEvent) => void;
-        onBeforeToggle?: (event: ToggleEvent) => void;
-        onBeforeToggleCapture?: (event: ToggleEvent) => void;
-        onToggle?: (event: ToggleEvent) => void;
-        onToggleCapture?: (event: ToggleEvent) => void;
         onFocus?: (event: FocusEvent) => void;
         onFocusCapture?: (event: FocusEvent) => void;
         onFocusin?: (event: FocusEvent) => void;
@@ -1646,7 +1575,7 @@ export declare namespace JSXBase {
         onKeyUp?: (event: KeyboardEvent) => void;
         onKeyUpCapture?: (event: KeyboardEvent) => void;
         onAuxClick?: (event: MouseEvent) => void;
-        onClick?: (event: PointerEvent) => void;
+        onClick?: (event: MouseEvent) => void;
         onClickCapture?: (event: MouseEvent) => void;
         onContextMenu?: (event: MouseEvent) => void;
         onContextMenuCapture?: (event: MouseEvent) => void;
@@ -1726,8 +1655,6 @@ export declare namespace JSXBase {
         onTransitionRunCapture?: (event: TransitionEvent) => void;
         onTransitionStart?: (event: TransitionEvent) => void;
         onTransitionStartCapture?: (event: TransitionEvent) => void;
-        [key: `aria-${string}`]: string | boolean | undefined;
-        [key: `aria${string}`]: string | boolean | undefined;
     }
 }
 export interface JSXAttributes<T = Element> {

package/dist/types/types/Attributes.d.ts

@@ -1,3 +1,3 @@
 export type Attributes = {
-    [key: string]: any;
+    [key: string]: string | null;
 };

package/dist/types/utils/findNextFocusableElement.d.ts

@@ -3,5 +3,5 @@
  * @param items List of focusable elements, element with a attribute of disabled that is true will be skipped over.
  * @param nextItemIndex The index in the list to start the search on.
  */
-declare const findNextFocusableElement: (items: any[], nextItemIndex: number) => number;
+declare const findNextFocusableElement: (items: HTMLTdsDropdownOptionElement[], nextItemIndex: number) => number | undefined;
 export default findNextFocusableElement;

package/dist/types/utils/findPreviousFocusableElement.d.ts

@@ -4,5 +4,5 @@
  * @param items List of focusable elements, element with a attribute of disabled that is true will be skipped over.
  * @param nextItemIndex The index in the list to start the search on.
  */
-declare const findPreviousFocusableElement: (items: any[], previousItemIndex: number) => number;
+declare const findPreviousFocusableElement: (items: HTMLTdsDropdownOptionElement[], previousItemIndex: number) => number | undefined;
 export default findPreviousFocusableElement;

package/dist/types/utils/getNextNestedChildOfSiblingsMatching.d.ts

@@ -26,5 +26,5 @@
  * const headingEl = getNextNestedChildOfSiblingsMatching(startingElement, searchPredicate);
  * console.log(headingEl); // Logs the <h2>Heading 2</h2> element
  */
-declare const getNextNestedChildOfSiblingsMatching: (element: HTMLElement, searchPredicate: (el: HTMLElement) => boolean) => HTMLElement;
+declare const getNextNestedChildOfSiblingsMatching: (element: HTMLElement, searchPredicate: (el: HTMLElement) => boolean) => HTMLElement | null;
 export default getNextNestedChildOfSiblingsMatching;

package/dist/types/utils/getPreviousNestedChildOfSiblingsMatching.d.ts

@@ -26,5 +26,5 @@
  * const headingEl = getPreviousNestedChildOfSiblingsMatching(startingElement, searchPredicate);
  * console.log(headingEl); // Logs the <h2>Heading 2</h2> element
  */
-declare const getPreviousNestedChildOfSiblingsMatching: (element: HTMLElement, searchPredicate: (el: HTMLElement) => boolean) => HTMLElement;
+declare const getPreviousNestedChildOfSiblingsMatching: (element: HTMLElement, searchPredicate: (el: HTMLElement) => boolean) => HTMLElement | null;
 export default getPreviousNestedChildOfSiblingsMatching;

package/loader/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "tegel-loader",
+  "private": true,
+  "typings": "./index.d.ts",
+  "module": "./index.js",
+  "main": "./index.cjs.js",
+  "jsnext:main": "./index.es2017.js",
+  "es2015": "./index.es2017.js",
+  "es2017": "./index.es2017.js",
+  "unpkg": "./cdn.js"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scania/tegel",
-  "version": "1.40.0-stencil-core-4.38.1-beta.0",
+  "version": "1.40.0-ts-strict-mode-beta.0",
   "description": "Tegel Design System",
   "type": "module",
   "keywords": [
@@ -397,7 +397,7 @@
   },
   "dependencies": {
     "@popperjs/core": "2.11.8",
-    "@stencil/core": "4.38.1",
+    "@stencil/core": "4.19.2",
     "date-fns": "2.30.0",
     "vite": "^6.3.4"
   },