@itcenteratunihelsinki/huds-lib 0.8.41 → 0.8.42

package/dist/types/components.d.ts

@@ -35,6 +35,36 @@ import { ProcessFlowBoxValue } from "./components/process/process";
 import { ImageSrcSet as ImageSrcSet6 } from "./components/hy-prominent-image/hy-prominent-image";
 import { ShortcutLinkValue } from "./components/hy-shortcuts/hy-shortcuts";
 import { DesktopLinks } from "./components/site-header/site-header";
+export { AccordionVariants, BreadcrumbVariants, ButtonVariants, CheckboxVariants, ColorVariant, CourseStateVariants, CourseVariants, CtaLinkButtonVariants, CtaLinkVariants, FooterLinkItemColor, FooterLinkVariants, FooterVariant, GeneralListTypes, GridAlignVariants, GridColumns, GridColumnsLg, GridColumnsSm, HeadingSectionVariants, HeadingVarians, HeroColorVariant, HeroGroupTypeVariant, HeroSizeVariant, HeroTypeVariant, IntroductionBgColors, KeyHighlightVariants, LinkBoxVariants, LinkVariants, ListItemVariants, MenuType, PaginationItemVariants, PersonCardVariants, ProcessFlowBoxStepStates, ProcessFlowBoxVariants, SiteLogoSize } from "./utils/utils";
+export { ImageSrcSet } from "./components/adjacent-image-text/adjacent-image-text";
+export { AnchorItem } from "./components/hy-anchor-link-list/hy-anchor-link-list";
+export { Breadcrumb } from "./components/hy-breadcrumbs/hy-breadcrumbs";
+export { TagValue } from "./components/courses/hy-content-list-item/hy-content-list-item";
+export { IDropdownItem } from "./components/hy-dropdown/hy-dropdown";
+export { IFilterGroupFilter } from "./components/hy-filter-group/hy-filter-group";
+export { FooterBaseLinks, FooterBaseSome } from "./components/footer/hy-footer-base/hy-footer-base";
+export { FooterInfoLinks, LuomusFooterContent } from "./components/footer/hy-footer-info/hy-footer-info";
+export { ListItemValue } from "./components/hy-general-list/hy-general-list";
+export { ImageSrcSet as ImageSrcSet1 } from "./components/hy-hero/hy-hero";
+export { ImageSrcSet as ImageSrcSet2 } from "./components/image/image";
+export { ImageSrcSet as ImageSrcSet3 } from "./components/hy-introduction/hy-introduction";
+export { KeyFigureValue } from "./components/hy-key-figure-group/hy-key-figure-group";
+export { KeyHighlightValue } from "./components/hy-key-highlight-group/hy-key-highlight-group";
+export { ProcessFlowValue } from "./components/hy-large-process-flow/hy-large-process-flow";
+export { PhaseValue } from "./components/hy-large-process-flow-phase/hy-large-process-flow-phase";
+export { ImageSrcSet as ImageSrcSet4 } from "./components/link-box/link-box";
+export { LinkBox } from "./components/link-box-list/link-box-list";
+export { CtaLinkValue } from "./components/hy-link-list/hy-link-list";
+export { AdditionalInfo, ImageSrcSet as ImageSrcSet5, RelatedLink } from "./components/hy-list-item/hy-list-item";
+export { MenuLanguage } from "./components/navigation/menu-language/menu-language";
+export { ComponentLabels } from "./components/site-header/site-header";
+export { DonateLink, MainMenu } from "./components/navigation/hy-menu-main-group/hy-menu-main-group";
+export { items } from "./components/hy-opening-hours-content/hy-opening-hours-content";
+export { personProfileListingItems } from "./components/person-profile/person-profile-listing/person-profile.listing";
+export { ProcessFlowBoxValue } from "./components/process/process";
+export { ImageSrcSet as ImageSrcSet6 } from "./components/hy-prominent-image/hy-prominent-image";
+export { ShortcutLinkValue } from "./components/hy-shortcuts/hy-shortcuts";
+export { DesktopLinks } from "./components/site-header/site-header";
 export namespace Components {
     interface ColorBox {
     }
@@ -517,7 +547,7 @@ export namespace Components {
         "isExternal": boolean;
         "scLabel"?: string;
         "sizeVariant": HeroSizeVariant;
-        "sourceSet": ImageSrcSet[] | string;
+        "sourceSet": ImageSrcSet1[] | string;
         "url": string;
         "urlTitle": string;
     }
@@ -533,7 +563,7 @@ export namespace Components {
         "disableLazy": boolean;
         "imageAlt": string;
         "imageUrl": string;
-        "sourceSet": ImageSrcSet[] | string;
+        "sourceSet": ImageSrcSet2[] | string;
     }
     interface HyIngress {
         "headerstyle": string;
@@ -546,7 +576,7 @@ export namespace Components {
         "limitContentWidth": boolean;
         "reversed": boolean;
         "scLabel"?: string;
-        "sourceSet": ImageSrcSet[] | string;
+        "sourceSet": ImageSrcSet3[] | string;
         "textDescription": string;
         "textTitle"?: string;
         "url"?: string;
@@ -595,7 +625,7 @@ export namespace Components {
         "readMoreLabel": string;
         "scLabel"?: string;
         "showLogo": boolean;
-        "sourceSet": ImageSrcSet[] | string;
+        "sourceSet": ImageSrcSet4[] | string;
         "textDescription": string;
         "textTitle"?: string;
         "url"?: string;
@@ -630,7 +660,7 @@ export namespace Components {
         "relatedLinks"?: RelatedLink[] | string;
         "relatedLinksBlockTitle"?: string;
         "scLabel"?: string;
-        "sourceSet": ImageSrcSet[] | string;
+        "sourceSet": ImageSrcSet5[] | string;
         "truncateDescription": boolean;
         "truncateLimit": number;
         "url"?: string;
@@ -767,7 +797,7 @@ export namespace Components {
         "headerstyle": string;
         "imageAlt": string;
         "imageUrl"?: string;
-        "sourceSet": ImageSrcSet[] | string;
+        "sourceSet": ImageSrcSet6[] | string;
         "textTitle"?: string;
     }
     interface HyQuote {
@@ -957,6 +987,22 @@ export namespace Components {
         "viewsLabel": string;
     }
 }
+export interface HyMenuLanguageCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLHyMenuLanguageElement;
+}
+export interface HyMenuMainGroupCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLHyMenuMainGroupElement;
+}
+export interface HySiteHeaderCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLHySiteHeaderElement;
+}
+export interface HySiteSearchCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLHySiteSearchElement;
+}
 declare global {
     interface HTMLColorBoxElement extends Components.ColorBox, HTMLStencilElement {
     }
@@ -2094,7 +2140,7 @@ declare namespace LocalJSX {
         "isExternal"?: boolean;
         "scLabel"?: string;
         "sizeVariant"?: HeroSizeVariant;
-        "sourceSet"?: ImageSrcSet[] | string;
+        "sourceSet"?: ImageSrcSet1[] | string;
         "url"?: string;
         "urlTitle"?: string;
     }
@@ -2110,7 +2156,7 @@ declare namespace LocalJSX {
         "disableLazy"?: boolean;
         "imageAlt"?: string;
         "imageUrl"?: string;
-        "sourceSet"?: ImageSrcSet[] | string;
+        "sourceSet"?: ImageSrcSet2[] | string;
     }
     interface HyIngress {
         "headerstyle"?: string;
@@ -2123,7 +2169,7 @@ declare namespace LocalJSX {
         "limitContentWidth"?: boolean;
         "reversed"?: boolean;
         "scLabel"?: string;
-        "sourceSet"?: ImageSrcSet[] | string;
+        "sourceSet"?: ImageSrcSet3[] | string;
         "textDescription"?: string;
         "textTitle"?: string;
         "url"?: string;
@@ -2172,7 +2218,7 @@ declare namespace LocalJSX {
         "readMoreLabel"?: string;
         "scLabel"?: string;
         "showLogo"?: boolean;
-        "sourceSet"?: ImageSrcSet[] | string;
+        "sourceSet"?: ImageSrcSet4[] | string;
         "textDescription"?: string;
         "textTitle"?: string;
         "url"?: string;
@@ -2207,7 +2253,7 @@ declare namespace LocalJSX {
         "relatedLinks"?: RelatedLink[] | string;
         "relatedLinksBlockTitle"?: string;
         "scLabel"?: string;
-        "sourceSet"?: ImageSrcSet[] | string;
+        "sourceSet"?: ImageSrcSet5[] | string;
         "truncateDescription"?: boolean;
         "truncateLimit"?: number;
         "url"?: string;
@@ -2230,7 +2276,7 @@ declare namespace LocalJSX {
         "dataMenuLanguage"?: MenuLanguage[] | string;
         "isGroup"?: boolean;
         "labels"?: ComponentLabels[] | string;
-        "onMenuLanguageToggled"?: (event: CustomEvent<any>) => void;
+        "onMenuLanguageToggled"?: (event: HyMenuLanguageCustomEvent<any>) => void;
     }
     interface HyMenuLanguageItem {
         "abbr"?: string;
@@ -2248,8 +2294,8 @@ declare namespace LocalJSX {
         "logoUrl"?: string;
         "menuLabel"?: string;
         "menuLabelClose"?: string;
-        "onMobileMenuTopToggle"?: (event: CustomEvent<any>) => void;
-        "onUniversityMainMenuToggled"?: (event: CustomEvent<any>) => void;
+        "onMobileMenuTopToggle"?: (event: HyMenuMainGroupCustomEvent<any>) => void;
+        "onUniversityMainMenuToggled"?: (event: HyMenuMainGroupCustomEvent<any>) => void;
         "siteLabel"?: string;
         "siteUrl"?: string;
     }
@@ -2347,7 +2393,7 @@ declare namespace LocalJSX {
         "headerstyle"?: string;
         "imageAlt"?: string;
         "imageUrl"?: string;
-        "sourceSet"?: ImageSrcSet[] | string;
+        "sourceSet"?: ImageSrcSet6[] | string;
         "textTitle"?: string;
     }
     interface HyQuote {
@@ -2404,10 +2450,10 @@ declare namespace LocalJSX {
         "menuLabelOpen"?: string;
         "menuType"?: MenuType;
         "noSearch"?: boolean;
-        "onHeaderScrollDown"?: (event: CustomEvent<any>) => void;
-        "onHeaderScrollUp"?: (event: CustomEvent<any>) => void;
-        "onMenuMobileToggled"?: (event: CustomEvent<any>) => void;
-        "onMenuMobileTopToggled"?: (event: CustomEvent<any>) => void;
+        "onHeaderScrollDown"?: (event: HySiteHeaderCustomEvent<any>) => void;
+        "onHeaderScrollUp"?: (event: HySiteHeaderCustomEvent<any>) => void;
+        "onMenuMobileToggled"?: (event: HySiteHeaderCustomEvent<any>) => void;
+        "onMenuMobileTopToggled"?: (event: HySiteHeaderCustomEvent<any>) => void;
         "researchGroupLabel"?: string;
         "showSearchLabel"?: boolean;
         "siteLabel"?: string;
@@ -2430,7 +2476,7 @@ declare namespace LocalJSX {
         "isGroup"?: boolean;
         "isLuomusGroup"?: boolean;
         "labels"?: ComponentLabels[] | string;
-        "onSearchPanelToggled"?: (event: CustomEvent<any>) => void;
+        "onSearchPanelToggled"?: (event: HySiteSearchCustomEvent<any>) => void;
         "searchLabels"?: string;
         "searchLanguage"?: string;
         "searchTools"?: string;

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

@@ -133,7 +133,7 @@ export interface ListenOptions {
      */
     passive?: boolean;
 }
-export declare type ListenTargetOptions = 'body' | 'document' | 'window';
+export type ListenTargetOptions = 'body' | 'document' | 'window';
 export interface StateDecorator {
     (): PropertyDecorator;
 }
@@ -214,14 +214,16 @@ export declare const State: StateDecorator;
  * https://stenciljs.com/docs/reactive-data#watch-decorator
  */
 export declare const Watch: WatchDecorator;
-export declare type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;
-export declare type ErrorHandler = (err: any, element?: HTMLElement) => void;
+export type ResolutionHandler = (elm: HTMLElement) => string | undefined | null;
+export type ErrorHandler = (err: any, element?: HTMLElement) => void;
 /**
  * `setMode()` is used for libraries which provide multiple "modes" for styles.
  */
 export declare const setMode: (handler: ResolutionHandler) => void;
 /**
- * getMode
+ * `getMode()` is used for libraries which provide multiple "modes" for styles.
+ * @param ref a reference to the node to get styles for
+ * @returns the current mode or undefined, if not found
  */
 export declare function getMode<T = string | undefined>(ref: any): T;
 export declare function setPlatformHelpers(helpers: {
@@ -234,6 +236,9 @@ export declare function setPlatformHelpers(helpers: {
 /**
  * Get the base path to where the assets can be found. Use `setAssetPath(path)`
  * if the path needs to be customized.
+ * @param path the path to use in calculating the asset path. this value will be
+ * used in conjunction with the base asset path
+ * @returns the base path
  */
 export declare function getAssetPath(path: string): string;
 /**
@@ -246,22 +251,38 @@ export declare function getAssetPath(path: string): string;
  * `setAssetPath(document.currentScript.src)`, or using a bundler's replace plugin to
  * dynamically set the path at build time, such as `setAssetPath(process.env.ASSET_PATH)`.
  * But do note that this configuration depends on how your script is bundled, or lack of
- * bunding, and where your assets can be loaded from. Additionally custom bundling
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
  * will have to ensure the static assets are copied to its build directory.
+ * @param path the asset path to set
+ * @returns the set path
  */
 export declare function setAssetPath(path: string): string;
 /**
- * getElement
+ * Used to specify a nonce value that corresponds with an application's
+ * [Content Security Policy (CSP)](https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP).
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a `meta` tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) and will result in the same behavior.
+ * @param nonce The value to be used for the nonce attribute.
+ */
+export declare function setNonce(nonce: string): void;
+/**
+ * Retrieve a Stencil element for a given reference
+ * @param ref the ref to get the Stencil element for
+ * @returns a reference to the element
  */
 export declare function getElement(ref: any): HTMLStencilElement;
 /**
  * Schedules a new render of the given instance or element even if no state changed.
  *
- * Notice `forceUpdate()` is not syncronous and might perform the DOM render in the next frame.
+ * Notice `forceUpdate()` is not synchronous and might perform the DOM render in the next frame.
+ *
+ * @param ref the node/element to force the re-render of
  */
 export declare function forceUpdate(ref: any): void;
 /**
  * getRenderingRef
+ * @returns the rendering ref
  */
 export declare function getRenderingRef(): any;
 export interface HTMLStencilElement extends HTMLElement {
@@ -272,6 +293,8 @@ export interface HTMLStencilElement extends HTMLElement {
  * in the best moment to perform DOM mutation without causing layout thrashing.
  *
  * For further information: https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing
+ *
+ * @param task the DOM-write to schedule
  */
 export declare function writeTask(task: RafCallback): void;
 /**
@@ -279,6 +302,8 @@ export declare function writeTask(task: RafCallback): void;
  * in the best moment to perform DOM reads without causing layout thrashing.
  *
  * For further information: https://developers.google.com/web/fundamentals/performance/rendering/avoid-large-complex-layouts-and-layout-thrashing
+ *
+ * @param task the DOM-read to schedule
  */
 export declare function readTask(task: RafCallback): void;
 /**
@@ -417,13 +442,57 @@ interface HostAttributes {
     ref?: (el: HTMLElement | null) => void;
     [prop: string]: any;
 }
+/**
+ * Utilities for working with functional Stencil components. An object
+ * conforming to this interface is passed by the Stencil runtime as the third
+ * argument to a functional component, allowing component authors to work with
+ * features like children.
+ *
+ * The children of a functional component will be passed as the second
+ * argument, so a functional component which uses these utils to transform its
+ * children might look like the following:
+ *
+ * ```ts
+ * export const AddClass: FunctionalComponent = (_, children, utils) => (
+ *  utils.map(children, child => ({
+ *    ...child,
+ *    vattrs: {
+ *      ...child.vattrs,
+ *      class: `${child.vattrs.class} add-class`
+ *    }
+ *  }))
+ * );
+ * ```
+ *
+ * For more see the Stencil documentation, here:
+ * https://stenciljs.com/docs/functional-components
+ */
 export interface FunctionalUtilities {
+    /**
+     * Utility for reading the children of a functional component at runtime.
+     * Since the Stencil runtime uses a different interface for children it is
+     * not recommendeded to read the children directly, and is preferable to use
+     * this utility to, for instance, perform a side effect for each child.
+     */
     forEach: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => void) => void;
+    /**
+     * Utility for transforming the children of a functional component. Given an
+     * array of children and a callback this will return a list of the results of
+     * passing each child to the supplied callback.
+     */
     map: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => ChildNode) => VNode[];
 }
 export interface FunctionalComponent<T = {}> {
     (props: T, children: VNode[], utils: FunctionalUtilities): VNode | VNode[];
 }
+/**
+ * A Child VDOM node
+ *
+ * This has most of the same properties as {@link VNode} but friendlier names
+ * (i.e. `vtag` instead of `$tag$`, `vchildren` instead of `$children$`) in
+ * order to provide a friendlier public interface for users of the
+ * {@link FunctionalUtilities}).
+ */
 export interface ChildNode {
     vtag?: string | number | Function;
     vkey?: string | number;
@@ -470,6 +539,9 @@ export declare function h(sel: any, children: Array<VNode | undefined | null>):
 export declare function h(sel: any, data: VNodeData | null, text: string): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: Array<VNode | undefined | null>): VNode;
 export declare function h(sel: any, data: VNodeData | null, children: VNode): VNode;
+/**
+ * A virtual DOM node
+ */
 export interface VNode {
     $flags$: number;
     $tag$: string | number | Function;
@@ -740,6 +812,7 @@ export declare namespace JSXBase {
         datetime?: string;
     }
     interface DialogHTMLAttributes<T> extends HTMLAttributes<T> {
+        onCancel?: (event: Event) => void;
         onClose?: (event: Event) => void;
         open?: boolean;
         returnValue?: string;
@@ -820,8 +893,8 @@ export declare namespace JSXBase {
         accept?: string;
         allowdirs?: boolean;
         alt?: string;
-        autoCapitalize?: any;
-        autocapitalize?: any;
+        autoCapitalize?: string;
+        autocapitalize?: string;
         autoComplete?: string;
         autocomplete?: string;
         autoFocus?: boolean;
@@ -1145,8 +1218,8 @@ export declare namespace JSXBase {
         resource?: string;
         typeof?: string;
         vocab?: string;
-        autoCapitalize?: any;
-        autocapitalize?: any;
+        autoCapitalize?: string;
+        autocapitalize?: string;
         autoCorrect?: string;
         autocorrect?: string;
         autoSave?: string;
@@ -1437,12 +1510,12 @@ export declare namespace JSXBase {
         onCutCapture?: (event: ClipboardEvent) => void;
         onPaste?: (event: ClipboardEvent) => void;
         onPasteCapture?: (event: ClipboardEvent) => void;
-        onCompositionEnd?: (event: CompositionEvent) => void;
-        onCompositionEndCapture?: (event: CompositionEvent) => void;
-        onCompositionStart?: (event: CompositionEvent) => void;
-        onCompositionStartCapture?: (event: CompositionEvent) => void;
-        onCompositionUpdate?: (event: CompositionEvent) => void;
-        onCompositionUpdateCapture?: (event: CompositionEvent) => void;
+        onCompositionend?: (event: CompositionEvent) => void;
+        onCompositionendCapture?: (event: CompositionEvent) => void;
+        onCompositionstart?: (event: CompositionEvent) => void;
+        onCompositionstartCapture?: (event: CompositionEvent) => void;
+        onCompositionupdate?: (event: CompositionEvent) => void;
+        onCompositionupdateCapture?: (event: CompositionEvent) => void;
         onFocus?: (event: FocusEvent) => void;
         onFocusCapture?: (event: FocusEvent) => void;
         onFocusin?: (event: FocusEvent) => void;
@@ -1453,8 +1526,8 @@ export declare namespace JSXBase {
         onBlurCapture?: (event: FocusEvent) => void;
         onChange?: (event: Event) => void;
         onChangeCapture?: (event: Event) => void;
-        onInput?: (event: Event) => void;
-        onInputCapture?: (event: Event) => void;
+        onInput?: (event: InputEvent) => void;
+        onInputCapture?: (event: InputEvent) => void;
         onReset?: (event: Event) => void;
         onResetCapture?: (event: Event) => void;
         onSubmit?: (event: Event) => void;

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

@@ -1,11 +1,11 @@
 import { FunctionalComponent } from '../stencil-public-runtime';
-export declare type ButtonVariants = 'primary' | 'secondary';
+export type ButtonVariants = 'primary' | 'secondary';
 export declare enum ButtonStates {
   enabled = "enabled",
   disabled = "disabled"
 }
-export declare type ProcessFlowBoxStepStates = 'first' | 'default';
-export declare type IconName = {
+export type ProcessFlowBoxStepStates = 'first' | 'default';
+export type IconName = {
   [key: string]: (props: any) => FunctionalComponent;
 };
 export declare enum FooterLinkVariants {
@@ -176,7 +176,7 @@ export declare enum ColorVariant {
   white = "var(--grayscale-white)",
   grey_dark = "var(--grayscale-dark)"
 }
-export declare type IntroductionBgColors = 'white';
+export type IntroductionBgColors = 'white';
 export declare enum HeroColorVariant {
   blue = "blue",
   black = "black",

package/loader/index.d.ts

@@ -5,18 +5,17 @@ export interface CustomElementsDefineOptions {
   syncQueue?: boolean;
   jmp?: (c: Function) => any;
   raf?: (c: FrameRequestCallback) => number;
-  ael?: (
-    el: EventTarget,
-    eventName: string,
-    listener: EventListenerOrEventListenerObject,
-    options: boolean | AddEventListenerOptions
-  ) => void;
-  rel?: (
-    el: EventTarget,
-    eventName: string,
-    listener: EventListenerOrEventListenerObject,
-    options: boolean | AddEventListenerOptions
-  ) => void;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
 export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): Promise<void>;
 export declare function applyPolyfills(): Promise<void>;
+
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare function setNonce(nonce: string): void;

package/loader/index.es2017.js

@@ -1,2 +1,3 @@
+
 export * from '../dist/esm/polyfills/index.js';
 export * from '../dist/esm/loader.js';

package/loader/index.js

@@ -1,13 +1,4 @@
-(function () {
-  if ('undefined' !== typeof window && void 0 !== window.Reflect && void 0 !== window.customElements) {
-    var a = HTMLElement;
-    window.HTMLElement = function () {
-      return Reflect.construct(a, [], this.constructor);
-    };
-    HTMLElement.prototype = a.prototype;
-    HTMLElement.prototype.constructor = HTMLElement;
-    Object.setPrototypeOf(HTMLElement, a);
-  }
-})();
+
+(function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
 export * from '../dist/esm/polyfills/index.js';
 export * from '../dist/esm/loader.js';

package/loader/package.json

@@ -1,5 +1,6 @@
 {
   "name": "huds-lib-loader",
+  "private": true,
   "typings": "./index.d.ts",
   "module": "./index.js",
   "main": "./index.cjs.js",
@@ -7,4 +8,4 @@
   "es2015": "./index.es2017.js",
   "es2017": "./index.es2017.js",
   "unpkg": "./cdn.js"
-}
+}

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@itcenteratunihelsinki/huds-lib",
-  "version": "0.8.41",
+  "version": "0.8.42",
   "description": "Helsinki University Design System library",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
-  "es2015": "dist/esm/index.mjs",
-  "es2017": "dist/esm/index.mjs",
+  "es2015": "dist/esm/index.js",
+  "es2017": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
   "collection": "dist/collection/collection-manifest.json",
   "collection:main": "dist/collection/index.js",
@@ -24,33 +24,34 @@
     "build.watch": "stencil build --docs --watch --serve"
   },
   "devDependencies": {
-    "@stencil/core": "2.13.0",
-    "@stencil/react-output-target": "^0.0.9",
-    "@stencil/sass": "^1.4.1",
+    "@stencil-community/postcss": "^2.1.0",
+    "@stencil/core": "^3.2.0",
+    "@stencil/react-output-target": "^0.5.0",
+    "@stencil/sass": "^3.0.0",
     "@types/jest": "25.2.3",
     "@types/jest-axe": "^3.5.1",
     "@types/puppeteer": "3.0.0",
-    "husky": "4.2.5",
+    "husky": "^4.3.8",
     "jest": "26.0.1",
     "jest-axe": "^3.5.0",
     "jest-cli": "26.0.1",
     "prettier": "2.0.5",
     "pretty-quick": "2.0.1",
     "puppeteer": "3.1.0",
-    "stylelint-config-recommended": "^3.0.0"
+    "sass": "^1.60.0",
+    "stylelint-config-recommended": "^11.0.0"
   },
   "license": "MIT",
   "dependencies": {
-    "@stencil/postcss": "^2.0.0",
     "autoprefixer": "^10.3.1",
     "breakpoint-sass": "^2.7.1",
     "concurrently": "^5.3.0",
     "emotion": "^10.0.27",
     "minimist": "^1.2.0",
-    "node-sass": "^6.0.1",
     "postcss": "^8.1.0",
     "postcss-import": "^12.0.1",
-    "resize-observer-polyfill": "1.0.0"
+    "resize-observer-polyfill": "1.0.0",
+    "stylelint": "^15.3.0"
   },
   "browserslist": [
     "last 2 versions"