@gov-design-system-ce/components 0.0.48 → 0.0.50

package/dist/types/components.d.ts

@@ -55,6 +55,56 @@ import { TooltipPositionType, TooltipSizeType, TooltipVariantType } from "./comp
 import { WizardSizesType, WizardVariantsType } from "./components/gov-wizzard/constants";
 import { GovWizzardItemChangeEvent } from "./components/gov-wizzard/gov-wizzard-item.d";
 import { WizzardItemEvent } from "./components/gov-wizzard/gov-wizzard-item.types";
+export { AccordionSizeType, AccordionVariantType } from "./components/gov-accordion/constants";
+export { AccordionEvent, AccordionItemEvent } from "./components/gov-accordion/gov-accordion.types";
+export { VariantType } from "./components/gov-alert/constants";
+export { AlertEvent } from "./components/gov-alert/gov-alert.types";
+export { ButtonSizesType, ButtonTargetType, ButtonVariantType, NativeTypesType as NativeTypesType1, TypesType } from "./components/gov-button/default/constants";
+export { NativeTypesType } from "./components/gov-badge/constants";
+export { GovBreadcrumbsChangeEvent } from "./components/gov-breadcrumbs/gov-breadcrumbs.d";
+export { ButtonEvent } from "./components/gov-button/default/gov-button.types";
+export { GovCardChangeEvent } from "./components/gov-card/interfaces";
+export { ControlGroupType } from "./components/gov-control-group/constants";
+export { PositionType } from "./components/gov-button/dropdown/constants";
+export { DropdownEvent } from "./components/gov-button/dropdown/gov-dropdown.types";
+export { SizesType, VariantType as VariantType1 } from "./components/gov-form/autocomplete/constants";
+export { FormAutocompleteEvent, GovFormAutocompleteItem } from "./components/gov-form/autocomplete/gov-form-autocomplete.types";
+export { FormCheckboxSizesType } from "./components/gov-form/checkbox/constants";
+export { FormCheckboxEvent } from "./components/gov-form/checkbox/gov-form-checkbox.types";
+export { FormControlSizesType } from "./components/gov-form/control/constants";
+export { GovFormFileEvent } from "./components/gov-form/file/gov-form-file.types";
+export { FormGroupSizesType } from "./components/gov-form/group/constants";
+export { FormInputSizesType, FormInputVariantType, InputType, Type } from "./components/gov-form/input/constants";
+export { FormInputEvent } from "./components/gov-form/input/gov-form-input.types";
+export { FormLabelSizesTypes } from "./components/gov-form/label/constants";
+export { FormMessageVariantType } from "./components/gov-form/message/constants";
+export { FormMultiselectSizesType, FormMultiselectVariantType } from "./components/gov-form/multiselect/constants";
+export { FormMultiselectEvent } from "./components/gov-form/multiselect/gov-form-multi-select.types";
+export { FormRadioSizesType } from "./components/gov-form/radio/constants";
+export { FormRadioEvent } from "./components/gov-form/radio/gov-form-radio.types";
+export { FormSearchVariantType } from "./components/gov-form/search/constants";
+export { FormSelectSizesType, FormSelectVariantType } from "./components/gov-form/select/constants";
+export { FormSelectEvent } from "./components/gov-form/select/gov-form-select.types";
+export { FormSwitchSizesType } from "./components/gov-form/switch/constants";
+export { FormSwitchEvent } from "./components/gov-form/switch/gov-form-switch.types";
+export { Type as Type1 } from "./components/gov-icon/constants";
+export { LayoutType, LayoutVariantType } from "./components/gov-layout/constants";
+export { MessageVariantType } from "./components/gov-message/constants";
+export { PaginationSizeType, PaginationType, PaginationVariantType } from "./components/gov-pagination/constants";
+export { PaginationEvent } from "./components/gov-pagination/gov-pagination.types";
+export { GovSideNavItemChangeEvent } from "./components/gov-side-nav/gov-side-nav-item.d";
+export { SkeletonAnimationType, SkeletonShapesType, SkeletonVariantsType } from "./components/gov-loading/skeleton/constants";
+export { SpacerBreakpointsType, SpacerSizeType } from "./components/gov-spacer/constants";
+export { StatsBarIconPositionType, StatsBarVariantType } from "./components/gov-statsbar/constants";
+export { StepperSizesType, StepperVariantType } from "./components/gov-stepper/constants";
+export { GovStepperItemChangeEvent } from "./components/gov-stepper/gov-stepper-item.d";
+export { TabOrientationType, TabType, VariantType as VariantType2 } from "./components/gov-tabs/constants";
+export { Nullable } from "./types/interfaces";
+export { ToastTypesType, ToastVariantType } from "./components/gov-toast/constants";
+export { TooltipPositionType, TooltipSizeType, TooltipVariantType } from "./components/gov-tooltip/constants";
+export { WizardSizesType, WizardVariantsType } from "./components/gov-wizzard/constants";
+export { GovWizzardItemChangeEvent } from "./components/gov-wizzard/gov-wizzard-item.d";
+export { WizzardItemEvent } from "./components/gov-wizzard/gov-wizzard-item.types";
 export namespace Components {
     interface GovAccordion {
         /**

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,8 +214,8 @@ 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.
  */
@@ -257,6 +257,15 @@ export declare function getAssetPath(path: string): string;
  * @returns the set path
  */
 export declare function setAssetPath(path: string): string;
+/**
+ * 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
@@ -423,7 +432,7 @@ export interface QueueApi {
 /**
  * Host
  */
-interface HostAttributes {
+export interface HostAttributes {
     class?: string | {
         [className: string]: boolean;
     };
@@ -433,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;
@@ -486,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;
@@ -756,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;
@@ -815,6 +872,8 @@ export declare namespace JSXBase {
     }
     interface ImgHTMLAttributes<T> extends HTMLAttributes<T> {
         alt?: string;
+        crossOrigin?: string;
+        crossorigin?: string;
         decoding?: 'async' | 'auto' | 'sync';
         importance?: 'low' | 'auto' | 'high';
         height?: number | string;
@@ -836,8 +895,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;
@@ -873,6 +932,8 @@ export declare namespace JSXBase {
         minlength?: number | string;
         multiple?: boolean;
         name?: string;
+        onSelect?: (event: Event) => void;
+        onselect?: (event: Event) => void;
         pattern?: string;
         placeholder?: string;
         readOnly?: boolean;
@@ -1074,6 +1135,8 @@ export declare namespace JSXBase {
         summary?: string;
     }
     interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
+        autoComplete?: string;
+        autocomplete?: string;
         autoFocus?: boolean;
         autofocus?: boolean | string;
         cols?: number;
@@ -1084,6 +1147,8 @@ export declare namespace JSXBase {
         minLength?: number;
         minlength?: number | string;
         name?: string;
+        onSelect?: (event: Event) => void;
+        onselect?: (event: Event) => void;
         placeholder?: string;
         readOnly?: boolean;
         readonly?: boolean | string;
@@ -1161,8 +1226,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;
@@ -1230,7 +1295,7 @@ export declare namespace JSXBase {
         clipPathUnits?: number | string;
         'clip-rule'?: number | string;
         'color-interpolation'?: number | string;
-        'color-interpolation-filters'?: 'auto' | 's-rGB' | 'linear-rGB' | 'inherit';
+        'color-interpolation-filters'?: 'auto' | 'sRGB' | 'linearRGB';
         'color-profile'?: number | string;
         'color-rendering'?: number | string;
         contentScriptType?: number | string;
@@ -1453,12 +1518,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;
@@ -1469,8 +1534,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;
@@ -1560,8 +1625,14 @@ export declare namespace JSXBase {
         onAnimationEndCapture?: (event: AnimationEvent) => void;
         onAnimationIteration?: (event: AnimationEvent) => void;
         onAnimationIterationCapture?: (event: AnimationEvent) => void;
+        onTransitionCancel?: (event: TransitionEvent) => void;
+        onTransitionCancelCapture?: (event: TransitionEvent) => void;
         onTransitionEnd?: (event: TransitionEvent) => void;
         onTransitionEndCapture?: (event: TransitionEvent) => void;
+        onTransitionRun?: (event: TransitionEvent) => void;
+        onTransitionRunCapture?: (event: TransitionEvent) => void;
+        onTransitionStart?: (event: TransitionEvent) => void;
+        onTransitionStartCapture?: (event: TransitionEvent) => void;
     }
 }
 export interface JSXAttributes<T = Element> {

package/dist/types/types/interfaces.d.ts

@@ -1,2 +1,2 @@
-export declare type Nullable<T> = T | null;
-export declare type ValueOf<T> = T[keyof T];
+export type Nullable<T> = T | null;
+export type ValueOf<T> = T[keyof T];

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

@@ -16,5 +16,5 @@ export declare const has: <T extends object, K extends PropertyKey, V>(prop: K,
  * @param {T} object
  * @return {(T & Record<K, unknown>)[K]}
  */
-export declare const property: <T extends object, K extends keyof T>(name: K, object: T) => (T & Record<K, unknown>)[K];
+export declare const property: <T extends object, K extends keyof T>(name: K, object: T) => T[K];
 export declare const pick: <T extends Record<string, unknown>, K extends keyof T>(obj: T, keys: readonly K[]) => Pick<T, K>;

package/loader/index.d.ts

@@ -8,5 +8,14 @@ export interface CustomElementsDefineOptions {
   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 defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): 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/package.json

@@ -1,24 +1,24 @@
 {
-    "name" : "@gov-design-system-ce/components",
-    "description" : "This package includes Gov Design System Web Components and related utilities.",
-    "author": "Zdeněk Vítek",
-    "version" : "0.0.48",
-    "license" : "EUPL v1.2 Licensed",
-    "main" : "./dist/index.cjs.js",
-    "unpkg" : "./dist/core/core.esm.js",
-    "module" : "./dist/index.js",
-    "jsnext:main": "./dist/esm/index.js",
-    "types" : "./dist/types/index.d.ts",
-    "collection" : "./dist/collection/collection-manifest.json",
-    "collection:main" : "./dist/collection/index.js",
-    "files" : [
-        "dist/",
-        "loader/"
-    ],
-    "publishConfig": {
-        "access": "public"
-    },
-    "scripts" : {
-        "test" : "echo \"Error: no test specified\" && exit 1"
-    }
+	"name": "@gov-design-system-ce/components",
+	"description": "This package includes Gov Design System Web Components and related utilities.",
+	"author": "Zdeněk Vítek",
+	"version": "0.0.50",
+	"license": "EUPL v1.2 Licensed",
+	"main": "./dist/index.cjs.js",
+	"unpkg": "./dist/core/core.esm.js",
+	"module": "./dist/index.js",
+	"jsnext:main": "./dist/esm/index.js",
+	"types": "./dist/types/index.d.ts",
+	"collection": "./dist/collection/collection-manifest.json",
+	"collection:main": "./dist/collection/index.js",
+	"files": [
+		"dist/",
+		"loader/"
+	],
+	"publishConfig": {
+		"access": "public"
+	},
+	"scripts": {
+		"test": "echo \"Error: no test specified\" && exit 1"
+	}
 }