@gov-design-system-ce/components 0.0.6 → 0.0.8

package/dist/types/components/gov-accordion/gov-accordion.d.ts

@@ -13,6 +13,10 @@ export declare class GovAccordion {
    * Style variation of the button.
    */
   readonly variant?: AccordionVariantType;
+  /**
+   * Accordion item underline
+   */
+  readonly noBorder: boolean;
   /**
    * Adds accessible label for the accordion that is only shown for screen readers.
    */

package/dist/types/components/gov-badge/constants.d.ts

@@ -1,5 +1,6 @@
 import { ValueOf } from '../../types/interfaces';
-declare enum NativeType {
+export declare enum NativeType {
+  A = "a",
   SPAN = "span",
   BUTTON = "button"
 }
@@ -7,5 +8,6 @@ export declare type NativeTypesType = `${ValueOf<typeof NativeType>}`;
 export declare const BadgeClass: {
   root: string;
   inner: string;
+  hasRight: string;
+  hasLeft: string;
 };
-export {};

package/dist/types/components/gov-badge/gov-badge.d.ts

@@ -1,6 +1,6 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { NativeTypesType } from './constants';
-import { ButtonSizesType, TypesType, ButtonVariantType } from '../gov-button/constants';
+import { EventEmitter } from "../../stencil-public-runtime";
+import { NativeTypesType } from "./constants";
+import { ButtonSizesType, TypesType, ButtonVariantType } from "../gov-button/constants";
 export declare class GovBadge {
   private h;
   constructor();
@@ -35,12 +35,7 @@ export declare class GovBadge {
   /**
    * Used to change the HMTL tag in the badge
    */
-  readonly tag: string;
-  /**
-   * Same as original parameter
-   * https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type
-   */
-  readonly nativeType: NativeTypesType;
+  readonly tag: NativeTypesType;
   /**
    * Style variation of the badge.
    */

package/dist/types/components/gov-button/constants.d.ts

@@ -1,14 +1,15 @@
 import { Sizes } from '../../core/constants/sizes';
 import { Variants } from '../../core/constants/variants';
 import { ValueOf } from '../../types/interfaces';
-export declare const ButtonSizes: Pick<typeof Sizes, "_S" | "_M" | "_L" | "_XL">;
+export declare const ButtonSizes: Pick<typeof Sizes, "_S" | "_M" | "_L" | "_XS" | "_XL">;
 export declare type ButtonSizesType = `${ValueOf<typeof ButtonSizes>}`;
 export declare const ButtonVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY" | "SUCCESS" | "ERROR" | "WARNING">;
 export declare type ButtonVariantType = `${ValueOf<typeof ButtonVariants>}`;
 export declare enum Type {
   SOLID = "solid",
   OUTLINED = "outlined",
-  BASE = "base"
+  BASE = "base",
+  LINK = "link"
 }
 export declare type TypesType = `${ValueOf<typeof Type>}`;
 export declare enum NativeType {

package/dist/types/components/gov-button/gov-button.d.ts

@@ -154,6 +154,8 @@ export declare class GovButton {
   get classNames(): string;
   render(): any;
   private onClickHandler;
+  private onFocusHandler;
+  private onBlurHandler;
   /**
    * Focus button element
    */

package/dist/types/components/gov-form/checkbox/gov-form-checkbox.d.ts

@@ -1,6 +1,6 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-import { FormCheckboxSizesType } from './constants';
-import { GovFormCheckboxChangeEvent } from './interfaces';
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { FormCheckboxSizesType } from "./constants";
+import { GovFormCheckboxChangeEvent } from "./interfaces";
 export declare class GovFormCheckbox {
   private h;
   private f;
@@ -37,6 +37,10 @@ export declare class GovFormCheckbox {
    * Custom checkbox identifier.
    */
   readonly identifier: string;
+  /**
+   * When you can't use the form label.
+   */
+  readonly noLabel: boolean;
   /**
    * Indicates the entered value does not conform to the format expected by the application.
    */
@@ -69,6 +73,7 @@ export declare class GovFormCheckbox {
   render(): any;
   private onFocusHandler;
   private onBlurHandler;
+  private onClickHandler;
   private onChangeHandler;
   /**
    * Validate the WCAG attributes of the component

package/dist/types/components/gov-form/file/gov-form-file.d.ts

@@ -106,6 +106,7 @@ export declare class GovFormFile {
   private onRemoveFileHandler;
   private onFocusHandler;
   private onBlurHandler;
+  private onChangeHandler;
   /**
    * Validate the WCAG attributes of the component
    */

package/dist/types/components/gov-form/password-power/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const FormPasswordPowerClass: {
+  root: string;
+  bar: string;
+  text: string;
+};

package/dist/types/components/gov-form/password-power/gov-form-password-power.d.ts

@@ -0,0 +1,7 @@
+export declare class GovFormPasswordPower {
+  /**
+ * Password power: 0 - none, 1 - weak, 2 - medium, 3 - strong
+ */
+  readonly power: number;
+  render(): any;
+}

package/dist/types/components/gov-form/radio/gov-form-radio.d.ts

@@ -11,6 +11,10 @@ export declare class GovFormRadio {
    * Value of radio
    */
   readonly value: string;
+  /**
+   * When you can't use the form label.
+   */
+  readonly noLabel: boolean;
   /**
    * Radio default state
    */
@@ -67,6 +71,7 @@ export declare class GovFormRadio {
   componentWillLoad(): void;
   componentDidRender(): Promise<void>;
   render(): any;
+  private onClickHandler;
   private onFocusHandler;
   private onBlurHandler;
   private onChangeHandler;

package/dist/types/components/gov-form/switch/gov-form-switch.d.ts

@@ -1,6 +1,6 @@
-import { EventEmitter } from '../../../stencil-public-runtime';
-import { FormSwitchSizesType } from './constants';
-import { GovFormSwitchChangeEvent } from './interfaces';
+import { EventEmitter } from "../../../stencil-public-runtime";
+import { FormSwitchSizesType } from "./constants";
+import { GovFormSwitchChangeEvent } from "./interfaces";
 export declare class GovFormSwitch {
   private h;
   private f;
@@ -11,6 +11,10 @@ export declare class GovFormSwitch {
    * Value of switch
    */
   readonly value: string;
+  /**
+   * When you can't use the form label.
+   */
+  readonly noLabel: boolean;
   /**
    * Switch default state
    */
@@ -67,6 +71,7 @@ export declare class GovFormSwitch {
   componentWillLoad(): void;
   componentDidRender(): Promise<void>;
   render(): any;
+  private onClickHandler;
   private onFocusHandler;
   private onBlurHandler;
   private onChangeHandler;

package/dist/types/components/gov-modal/gov-modal.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '../../stencil-public-runtime';
+import { EventEmitter } from "../../stencil-public-runtime";
 export declare class GovModal {
   private h;
   private readonly labelId;
@@ -41,7 +41,9 @@ export declare class GovModal {
    * Emitted when modal window closes.
    */
   govClose: EventEmitter<PointerEvent>;
+  modalVisible: boolean;
   validateLabelTag(newValue: string): void;
+  watchOpen(newValue: boolean): void;
   private showModal;
   private hideModal;
   componentWillRender(): Promise<void>;

package/dist/types/components/gov-pagination/gov-pagination.d.ts

@@ -1,9 +1,10 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { PaginationSizeType, PaginationVariantType, PaginationType } from './constants';
-import { Pagination } from './pagination';
+import { EventEmitter } from "../../stencil-public-runtime";
+import { PaginationSizeType, PaginationVariantType, PaginationType } from "./constants";
+import { Pagination } from "./pagination";
 export declare class GovPagination {
   private h;
   private readonly pageSelectId;
+  private spreadSelectRef?;
   constructor();
   readonly host: HTMLGovPaginationElement;
   /**
@@ -72,8 +73,11 @@ export declare class GovPagination {
   componentDidRender(): Promise<void>;
   private recalculatePagination;
   private isActivePageClass;
+  private prepareLinkUrl;
+  private resetSelectValue;
   render(): any;
   private onClickHandler;
+  private onSelectHandler;
   /**
    * Validate the WCAG attributes of the component
    */

package/dist/types/components/gov-promp/gov-prompt.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter } from '../../stencil-public-runtime';
+import { EventEmitter } from "../../stencil-public-runtime";
 export declare class GovPrompt {
   private h;
   private readonly labelId;
@@ -41,7 +41,9 @@ export declare class GovPrompt {
    * Emitted when modal window closes.
    */
   govClose: EventEmitter<PointerEvent>;
+  modalVisible: boolean;
   validateLabelTag(newValue: string): void;
+  watchOpen(newValue: boolean): void;
   private showModal;
   private hideModal;
   componentWillRender(): Promise<void>;

package/dist/types/components/gov-statsbar/constants.d.ts

@@ -4,8 +4,8 @@ export declare enum StatsBarIconPosition {
   LEFT = "left"
 }
 export declare type StatsBarIconPositionType = `${ValueOf<typeof StatsBarIconPosition>}`;
-export declare const StatsBarVariant: Pick<typeof Variants, "PRIMARY" | "SECONDARY">;
-export declare type StatsBarVariantType = `${ValueOf<typeof StatsBarVariant>}`;
+export declare const StatsBarVariants: Pick<typeof Variants, "PRIMARY" | "SECONDARY">;
+export declare type StatsBarVariantType = `${ValueOf<typeof StatsBarVariants>}`;
 export declare const StatsBarClass: {
   root: string;
   section: string;

package/dist/types/components/gov-tile/constants.d.ts

@@ -5,4 +5,5 @@ export declare const TileClass: {
   title: string;
   link: string;
   content: string;
+  heading: string;
 };

package/dist/types/components/gov-tile/gov-tile.d.ts

@@ -7,8 +7,7 @@ export declare class GovTile {
    */
   readonly promotion: boolean;
   /**
-   * Same as original parameter
-   * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href
+   * Link on whole tile
    */
   readonly href: string;
   /**

package/dist/types/components/gov-tiles/gov-tiles.d.ts

@@ -5,6 +5,10 @@ export declare class GovTiles {
    * Number of columns between 1-4
    */
   readonly columns: number;
+  /**
+   * Tiles border
+   */
+  readonly noBorder: boolean;
   host: HTMLGovTilesElement;
   get classNames(): string;
   render(): any;

package/dist/types/components.d.ts

@@ -45,6 +45,10 @@ import { WizardSizesType, WizardVariantsType } from "./components/gov-wizzard/co
 import { GovWizzardItemChangeEvent } from "./components/gov-wizzard/gov-wizzard-item.d";
 export namespace Components {
     interface GovAccordion {
+        /**
+          * Accordion item underline
+         */
+        "noBorder": boolean;
         /**
           * Accordion’s size.
          */
@@ -200,10 +204,6 @@ export namespace Components {
           * Determide if component should have inversed colors to be used on dark background
          */
         "inverse": boolean;
-        /**
-          * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type
-         */
-        "nativeType": NativeTypesType;
         /**
           * Badge’s size.
          */
@@ -211,7 +211,7 @@ export namespace Components {
         /**
           * Used to change the HMTL tag in the badge
          */
-        "tag": string;
+        "tag": NativeTypesType;
         /**
           * Same as original parameter
           * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target
@@ -560,6 +560,10 @@ export namespace Components {
           * Name of the checkbox.
          */
         "name": string;
+        /**
+          * When you can't use the form label.
+         */
+        "noLabel": boolean;
         /**
           * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them. When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.
          */
@@ -898,6 +902,12 @@ export namespace Components {
          */
         "wcagOwns": string;
     }
+    interface GovFormPasswordPower {
+        /**
+          * Password power: 0 - none, 1 - weak, 2 - medium, 3 - strong
+         */
+        "power": number;
+    }
     interface GovFormRadio {
         /**
           * Radio default state
@@ -919,6 +929,10 @@ export namespace Components {
           * Name of the radio.
          */
         "name": string;
+        /**
+          * When you can't use the form label.
+         */
+        "noLabel": boolean;
         /**
           * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them. When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.
          */
@@ -1037,6 +1051,10 @@ export namespace Components {
           * Name of the switch.
          */
         "name": string;
+        /**
+          * When you can't use the form label.
+         */
+        "noLabel": boolean;
         /**
           * Set whether the input is required or not. Please note that this is necessary for accessible inputs when the user is required to fill them. When using this property you need to also set “novalidate” attribute to your form element to prevent browser from displaying its own validation errors.
          */
@@ -1512,8 +1530,7 @@ export namespace Components {
     }
     interface GovTile {
         /**
-          * Same as original parameter
-          * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href
+          * Link on whole tile
          */
         "href": string;
         /**
@@ -1530,6 +1547,10 @@ export namespace Components {
           * Number of columns between 1-4
          */
         "columns": number;
+        /**
+          * Tiles border
+         */
+        "noBorder": boolean;
     }
     interface GovToast {
         /**
@@ -1939,6 +1960,12 @@ declare global {
         prototype: HTMLGovFormMultiSelectElement;
         new (): HTMLGovFormMultiSelectElement;
     };
+    interface HTMLGovFormPasswordPowerElement extends Components.GovFormPasswordPower, HTMLStencilElement {
+    }
+    var HTMLGovFormPasswordPowerElement: {
+        prototype: HTMLGovFormPasswordPowerElement;
+        new (): HTMLGovFormPasswordPowerElement;
+    };
     interface HTMLGovFormRadioElement extends Components.GovFormRadio, HTMLStencilElement {
     }
     var HTMLGovFormRadioElement: {
@@ -2156,6 +2183,7 @@ declare global {
         "gov-form-label": HTMLGovFormLabelElement;
         "gov-form-message": HTMLGovFormMessageElement;
         "gov-form-multi-select": HTMLGovFormMultiSelectElement;
+        "gov-form-password-power": HTMLGovFormPasswordPowerElement;
         "gov-form-radio": HTMLGovFormRadioElement;
         "gov-form-search": HTMLGovFormSearchElement;
         "gov-form-select": HTMLGovFormSelectElement;
@@ -2192,6 +2220,10 @@ declare global {
 }
 declare namespace LocalJSX {
     interface GovAccordion {
+        /**
+          * Accordion item underline
+         */
+        "noBorder"?: boolean;
         /**
           * Called when the accordion state changes
          */
@@ -2335,10 +2367,6 @@ declare namespace LocalJSX {
           * Determide if component should have inversed colors to be used on dark background
          */
         "inverse"?: boolean;
-        /**
-          * Same as original parameter https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#attr-type
-         */
-        "nativeType"?: NativeTypesType;
         /**
           * Emitted when the button click.
          */
@@ -2350,7 +2378,7 @@ declare namespace LocalJSX {
         /**
           * Used to change the HMTL tag in the badge
          */
-        "tag"?: string;
+        "tag"?: NativeTypesType;
         /**
           * Same as original parameter
           * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target
@@ -2677,6 +2705,10 @@ declare namespace LocalJSX {
           * Name of the checkbox.
          */
         "name"?: string;
+        /**
+          * When you can't use the form label.
+         */
+        "noLabel"?: boolean;
         /**
           * Emitted when the checkbox loses focus.
          */
@@ -3031,6 +3063,12 @@ declare namespace LocalJSX {
          */
         "wcagOwns"?: string;
     }
+    interface GovFormPasswordPower {
+        /**
+          * Password power: 0 - none, 1 - weak, 2 - medium, 3 - strong
+         */
+        "power"?: number;
+    }
     interface GovFormRadio {
         /**
           * Radio default state
@@ -3052,6 +3090,10 @@ declare namespace LocalJSX {
           * Name of the radio.
          */
         "name"?: string;
+        /**
+          * When you can't use the form label.
+         */
+        "noLabel"?: boolean;
         /**
           * Emitted when the radio loses focus.
          */
@@ -3174,6 +3216,10 @@ declare namespace LocalJSX {
           * Name of the switch.
          */
         "name"?: string;
+        /**
+          * When you can't use the form label.
+         */
+        "noLabel"?: boolean;
         /**
           * Emitted when the switch loses focus.
          */
@@ -3605,8 +3651,7 @@ declare namespace LocalJSX {
     }
     interface GovTile {
         /**
-          * Same as original parameter
-          * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href
+          * Link on whole tile
          */
         "href"?: string;
         /**
@@ -3623,6 +3668,10 @@ declare namespace LocalJSX {
           * Number of columns between 1-4
          */
         "columns"?: number;
+        /**
+          * Tiles border
+         */
+        "noBorder"?: boolean;
     }
     interface GovToast {
         /**
@@ -3775,6 +3824,7 @@ declare namespace LocalJSX {
         "gov-form-label": GovFormLabel;
         "gov-form-message": GovFormMessage;
         "gov-form-multi-select": GovFormMultiSelect;
+        "gov-form-password-power": GovFormPasswordPower;
         "gov-form-radio": GovFormRadio;
         "gov-form-search": GovFormSearch;
         "gov-form-select": GovFormSelect;
@@ -3837,6 +3887,7 @@ declare module "@stencil/core" {
             "gov-form-label": LocalJSX.GovFormLabel & JSXBase.HTMLAttributes<HTMLGovFormLabelElement>;
             "gov-form-message": LocalJSX.GovFormMessage & JSXBase.HTMLAttributes<HTMLGovFormMessageElement>;
             "gov-form-multi-select": LocalJSX.GovFormMultiSelect & JSXBase.HTMLAttributes<HTMLGovFormMultiSelectElement>;
+            "gov-form-password-power": LocalJSX.GovFormPasswordPower & JSXBase.HTMLAttributes<HTMLGovFormPasswordPowerElement>;
             "gov-form-radio": LocalJSX.GovFormRadio & JSXBase.HTMLAttributes<HTMLGovFormRadioElement>;
             "gov-form-search": LocalJSX.GovFormSearch & JSXBase.HTMLAttributes<HTMLGovFormSearchElement>;
             "gov-form-select": LocalJSX.GovFormSelect & JSXBase.HTMLAttributes<HTMLGovFormSelectElement>;

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

@@ -0,0 +1 @@
+export declare const createArrayRange: (from: number, to: number) => number[];

package/package.json

@@ -2,7 +2,7 @@
     "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.6",
+    "version" : "0.0.8",
     "license" : "EUPL v1.2 Licensed",
     "main" : "./dist/index.cjs.js",
     "module" : "./dist/index.js",

package/dist/cjs/constants-5f6bbc50.js.map

@@ -1 +0,0 @@
-{"file":"constants-5f6bbc50.js","mappings":";;;;;;MAKa,WAAW,GAAGA,UAAI,CAACC,WAAK,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,CAAC,EAAC;MAGpD,cAAc,GAAGD,UAAI,CAACE,iBAAQ,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,CAAC,EAAC;AAGzFC;AAAZ,WAAY,IAAI;EACf,uBAAe,CAAA;EACf,6BAAqB,CAAA;EACrB,qBAAa,CAAA;AACd,CAAC,EAJWA,YAAI,KAAJA,YAAI,QAIf;AAIWC;AAAZ,WAAY,UAAU;EACrB,+BAAiB,CAAA;EACjB,+BAAiB,CAAA;EACjB,6BAAe,CAAA;AAChB,CAAC,EAJWA,kBAAU,KAAVA,kBAAU,QAIrB;AAID,IAAY,YAIX;AAJD,WAAY,YAAY;EACvB,gCAAgB,CAAA;EAChB,8BAAc,CAAA;EACd,4BAAY,CAAA;AACb,CAAC,EAJW,YAAY,KAAZ,YAAY,QAIvB;MAGY,WAAW,GAAG;EAC1B,IAAI,EAAE,YAAY;EAClB,YAAY,EAAE,oBAAoB;;;;;;;","names":["pick","Sizes","Variants","Type","NativeType"],"sources":["../../../packages/core/src/components/gov-button/constants.ts"],"sourcesContent":["import { Sizes } from '../../core/constants/sizes'\nimport { Variants } from '../../core/constants/variants'\nimport { ValueOf } from '../../types/interfaces'\nimport { pick } from '../../utils/utils'\n\nexport const ButtonSizes = pick(Sizes, ['_S', '_M', '_L', '_XL'])\nexport type ButtonSizesType = `${ValueOf<typeof ButtonSizes>}`\n\nexport const ButtonVariants = pick(Variants, ['PRIMARY', 'SECONDARY', 'SUCCESS', 'ERROR', 'WARNING'])\nexport type ButtonVariantType = `${ValueOf<typeof ButtonVariants>}`\n\nexport enum Type {\n\tSOLID = 'solid',\n\tOUTLINED = 'outlined',\n\tBASE = 'base',\n}\n\nexport type TypesType = `${ValueOf<typeof Type>}`\n\nexport enum NativeType {\n\tSUBMIT = 'submit',\n\tBUTTON = 'button',\n\tRESET = 'reset',\n}\n\nexport type NativeTypesType = `${ValueOf<typeof NativeType>}`\n\nexport enum ButtonTarget {\n\tBLANK = '_blank',\n\tSELF = '_self',\n\tNEW = '_new',\n}\nexport type ButtonTargetType = `${ValueOf<typeof ButtonTarget>}`\n\nexport const ButtonClass = {\n\troot: 'gov-button',\n\trootWithIcon: 'gov-button--w-icon',\n}\n"],"version":3}

package/dist/cjs/constants-dc2ba6bd.js.map

@@ -1 +0,0 @@
-{"file":"constants-dc2ba6bd.js","mappings":";;;;;AAIYA;AAAZ,WAAY,oBAAoB;EAC/B,qCAAa,CAAA;AACd,CAAC,EAFWA,4BAAoB,KAApBA,4BAAoB,QAE/B;MAGY,eAAe,GAAGC,UAAI,CAACC,iBAAQ,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC,EAAC;MAG1D,aAAa,GAAG;EAC5B,IAAI,EAAE,cAAc;EACpB,OAAO,EAAE,uBAAuB;EAChC;MAEY,iBAAiB,GAAG;EAChC,IAAI,EAAE,mBAAmB;EACzB,IAAI,EAAE,yBAAyB;EAC/B,MAAM,EAAE,2BAA2B;EACnC,IAAI,EAAE,yBAAyB;;;;;;;","names":["StatsBarIconPosition","pick","Variants"],"sources":["../../../packages/core/src/components/gov-statsbar/constants.tsx"],"sourcesContent":["import { ValueOf } from '../../types/interfaces'\nimport { pick } from '../../utils/utils'\nimport { Variants } from '../../core/constants/variants'\n\nexport enum StatsBarIconPosition {\n\tLEFT = 'left',\n}\nexport type StatsBarIconPositionType = `${ValueOf<typeof StatsBarIconPosition>}`\n\nexport const StatsBarVariant = pick(Variants, ['PRIMARY', 'SECONDARY'])\nexport type StatsBarVariantType = `${ValueOf<typeof StatsBarVariant>}`\n\nexport const StatsBarClass = {\n\troot: 'gov-statsbar',\n\tsection: 'gov-statsbar__section',\n}\n\nexport const StatsBarItemClass = {\n\troot: 'gov-statsbar-item',\n\ticon: 'gov-statsbar-item__icon',\n\tnumber: 'gov-statsbar-item__number',\n\ttext: 'gov-statsbar-item__text',\n}\n"],"version":3}

package/dist/core/p-00182e76.entry.js

@@ -1,2 +0,0 @@
-import{r as o,c as a,h as e,H as t,g as i}from"./p-682c7cc6.js";import{c as r}from"./p-24636c53.js";import{a as s}from"./p-364b4792.js";import{M as d}from"./p-45485d1c.js";import{c as l}from"./p-c20102ff.js";import{d as n}from"./p-03990da5.js";import{g as m,a as g}from"./p-3f37ddb6.js";import{a as c}from"./p-561fa17b.js";const h='.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}.gov-modal{display:none}.gov-modal__dialog{z-index:101;position:fixed;top:50%;left:50%;display:flex;justify-content:center;align-items:center;width:100%;max-width:var(--gov-modal-max-width, 52.5rem);height:100%;padding:0.5rem;border:none;background:transparent;transform:translate(-50%, -50%);pointer-events:none}.gov-modal__inner{position:relative;display:flex;flex-direction:column;width:100%;max-height:100%;border-radius:var(--gov-border-radius, 0.1875rem);background:var(--gov-modal-bg, var(--gov-color-neutral-white));overflow:hidden;pointer-events:auto;box-shadow:0 0 1.5rem rgba(var(--gov-color-secondary-800-rgb), 0.24)}.gov-modal__header{display:flex;gap:1rem;align-items:flex-start;padding:1.5rem 0.25rem 1.5rem 1rem;border-bottom:var(--gov-modal-border-color, 0.0625rem solid var(--gov-color-secondary-500))}.gov-modal__icon{flex:0 0 auto;padding-top:calc((var(--gov-text-3xl-font-size) * 1.5 - 1.5rem) / 2)}.gov-modal__icon>*{width:1.5rem;height:1.5rem}.gov-modal__title{font-weight:var(--gov-text-3xl-font-weight);font-size:var(--gov-text-3xl-font-size);line-height:var(--gov-text-3xl-line-height);letter-spacing:var(--gov-text-3xl-letter-spacing);margin:0}.gov-modal__close{flex:0 0 auto;margin-left:auto;padding-top:calc((var(--gov-text-3xl-font-size) * 1.5 - 2rem) / 2)}.gov-modal__content{height:100%;padding:1.5rem 1rem;color:var(--gov-modal-text-color, var(--gov-color-secondary-700));overflow:auto}.gov-modal__content>*:last-child{margin-bottom:0}.gov-modal__actions{display:flex;gap:0.5rem 1rem;flex-wrap:wrap;justify-content:flex-end;padding:1.5rem 1rem;border-top:var(--gov-modal-border-color, 0.0625rem solid var(--gov-color-secondary-500))}.gov-modal__dialog:focus .gov-modal__inner{outline:var(--gov-outline-width, 0.125rem) solid var(--gov-color-focus-base)}.gov-modal[open=""],.gov-modal[open=true i],.gov-modal[open="1"]{display:block}@media (min-width: 30em){.gov-modal__dialog{max-width:calc(var(--gov-modal-max-width, 52.5rem) + 3rem);padding:1.5rem}.gov-modal__dialog:focus{outline-offset:-1.5rem}.gov-modal__inner{box-shadow:0 0 2rem rgba(var(--gov-color-secondary-800-rgb), 0.32)}.gov-modal--prompt .gov-modal__dialog{max-width:calc(var(--gov-modal-prompt-max-width, 33.125rem) + 3rem)}}@media (min-width: 48em){.gov-modal__header{gap:1.25rem;padding:2rem 2.25rem 2rem 3rem}.gov-modal__close{padding-top:calc((var(--gov-text-3xl-font-size) * 1.5 - 2.5rem) / 2)}.gov-modal__content{padding:1.5rem 3rem 2rem}.gov-modal--prompt .gov-modal__header,.gov-modal--prompt .gov-modal__content,.gov-modal--prompt .gov-modal__actions{padding:1.5rem}}';const v=class{constructor(e){o(this,e);this.govClose=a(this,"gov-close",7);this.open=false;this.label=undefined;this.role="dialog";this.labelTag="h2";this.wcaglabelledBy=undefined;this.wcagDescribedBy=undefined;this.wcagCloseLabel=undefined;this.wcagCloseLabelledBy=undefined;this.h=m(this.host);this.labelId=r("GovModalLabel");this.contentId=r("GovModalContent")}validateLabelTag(o){const a=["h1","h2","h3","h4","h5","h6"];if(o){if(!a.includes(o)){c(`[${d.root}]: Tag ${o} is not allowed.`)}}}showModal(){this.open=true;document.body.classList.add(d.bodyFix)}hideModal(){this.open=false;document.body.classList.remove(d.bodyFix)}async componentWillRender(){if(this.open){this.showModal()}else{this.hideModal()}}async componentDidRender(){if(l()){await n(500);await this.validateWcag()}}render(){const o=this.labelTag;return e(t,{class:this.h.classes(d.root),open:this.open},e("dialog",{class:d.dialog,hidden:!this.open,tabindex:"-1",open:this.open,"aria-modal":"true","aria-hidden":g(!this.open),"aria-labelledby":this.wcaglabelledBy||this.labelId,"aria-describedby":this.wcagDescribedBy||this.contentId,role:this.role},e("div",{class:d.inner},e("div",{class:d.header},this.h.hasSlot("icon")&&e("div",{class:d.icon},e("slot",{name:"icon"})),this.label&&e(o,{class:d.title,id:this.labelId},this.label),e("gov-button",{class:d.close,variant:"primary",wcagLabel:this.wcagCloseLabel,wcagLabelledBy:this.wcagCloseLabelledBy,type:"base","on-gov-click":this.onCloseHandler.bind(this)},e("gov-icon",{name:"cross"}))),e("div",{class:d.content,id:this.contentId},e("slot",null)))),e("gov-backdrop",{visible:this.open,"wcag-label":this.wcagCloseLabel,"wcag-labelled-by":this.wcagCloseLabelledBy,"on-gov-click":this.onCloseHandler.bind(this)}))}onCloseHandler(o){o.stopPropagation();this.hideModal();this.govClose.emit(o)}async show(){this.showModal()}async hide(){this.hideModal()}async validateWcag(){s(this.wcaglabelledBy,"aria-labelledby",d.root);s(this.wcagDescribedBy,"aria-describedby",d.root)}get host(){return i(this)}static get watchers(){return{labelTag:["validateLabelTag"]}}};v.style=h;export{v as gov_modal};
-//# sourceMappingURL=p-00182e76.entry.js.map

package/dist/core/p-00182e76.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../packages/core/src/components/gov-modal/gov-modal.scss?tag=gov-modal","../../../packages/core/src/components/gov-modal/gov-modal.tsx"],"names":["govModalCss","GovModal","[object Object]","hostRef","this","h","govHost","host","labelId","createID","contentId","newValue","validTags","includes","govErrorLog","ModalClass","root","open","document","body","classList","add","bodyFix","remove","showModal","hideModal","canValidateWcagOnRender","delay","validateWcag","LabelTag","labelTag","Host","class","classes","dialog","hidden","tabindex","aria-modal","aria-hidden","toBoolAttr","aria-labelledby","wcaglabelledBy","aria-describedby","wcagDescribedBy","role","inner","header","hasSlot","icon","name","label","title","id","close","variant","wcagLabel","wcagCloseLabel","wcagLabelledBy","wcagCloseLabelledBy","type","on-gov-click","onCloseHandler","bind","content","visible","wcag-label","wcag-labelled-by","e","stopPropagation","govClose","emit","validateWcagRef"],"mappings":"mUAAA,MAAMA,EAAc,4sFCePC,EAAQ,MAKpBC,YAAAC,2DAWe,qCAQqB,uBAI0B,mIAtB7DC,KAAKC,EAAIC,EAAQF,KAAKG,MACtBH,KAAKI,QAAUC,EAAS,iBACxBL,KAAKM,UAAYD,EAAS,mBA2C3BP,iBAAiBS,GAChB,MAAMC,EAAY,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,MACjD,GAAID,EAAU,CACb,IAAKC,EAAUC,SAASF,GAAW,CAClCG,EAAY,IAAIC,EAAWC,cAAcL,uBAKpCT,YACPE,KAAKa,KAAO,KACZC,SAASC,KAAKC,UAAUC,IAAIN,EAAWO,SAGhCpB,YACPE,KAAKa,KAAO,MACZC,SAASC,KAAKC,UAAUG,OAAOR,EAAWO,SAG3CpB,4BACC,GAAIE,KAAKa,KAAM,CACdb,KAAKoB,gBACC,CACNpB,KAAKqB,aAIPvB,2BACC,GAAIwB,IAA2B,OACxBC,EAAM,WACNvB,KAAKwB,gBAIb1B,SACC,MAAM2B,EAAWzB,KAAK0B,SACtB,OACCzB,EAAC0B,EAAI,CAACC,MAAO5B,KAAKC,EAAE4B,QAAQlB,EAAWC,MAAOC,KAAMb,KAAKa,MACxDZ,EAAA,SAAA,CACC2B,MAAOjB,EAAWmB,OAClBC,QAAS/B,KAAKa,KACdmB,SAAS,KACTnB,KAAMb,KAAKa,KAAIoB,aACJ,OAAMC,cACJC,GAAYnC,KAAKa,MAAKuB,kBAClBpC,KAAKqC,gBAAkBrC,KAAKI,QAAOkC,mBAClCtC,KAAKuC,iBAAmBvC,KAAKM,UAC/CkC,KAAMxC,KAAKwC,MAEXvC,EAAA,MAAA,CAAK2B,MAAOjB,EAAW8B,OACtBxC,EAAA,MAAA,CAAK2B,MAAOjB,EAAW+B,QACrB1C,KAAKC,EAAE0C,QAAQ,SACf1C,EAAA,MAAA,CAAK2B,MAAOjB,EAAWiC,MACtB3C,EAAA,OAAA,CAAM4C,KAAK,UAGZ7C,KAAK8C,OACL7C,EAACwB,EAAQ,CAACG,MAAOjB,EAAWoC,MAAOC,GAAIhD,KAAKI,SAC1CJ,KAAK8C,OAGR7C,EAAA,aAAA,CACC2B,MAAOjB,EAAWsC,MAClBC,QAAQ,UACRC,UAAWnD,KAAKoD,eAChBC,eAAgBrD,KAAKsD,oBACrBC,KAAK,OAAMC,eACGxD,KAAKyD,eAAeC,KAAK1D,OAEvCC,EAAA,WAAA,CAAU4C,KAAK,YAGjB5C,EAAA,MAAA,CAAK2B,MAAOjB,EAAWgD,QAASX,GAAIhD,KAAKM,WACxCL,EAAA,OAAA,SAKHA,EAAA,eAAA,CACC2D,QAAS5D,KAAKa,KAAIgD,aACN7D,KAAKoD,eAAcU,mBACb9D,KAAKsD,oBAAmBE,eAC5BxD,KAAKyD,eAAeC,KAAK1D,SAMnCF,eAAeiE,GACtBA,EAAEC,kBACFhE,KAAKqB,YACLrB,KAAKiE,SAASC,KAAKH,GAOpBjE,aACCE,KAAKoB,YAONtB,aACCE,KAAKqB,YAONvB,qBACCqE,EAAgBnE,KAAKqC,eAAgB,kBAAmB1B,EAAWC,MACnEuD,EAAgBnE,KAAKuC,gBAAiB,mBAAoB5B,EAAWC","sourcesContent":["/*\n *   Modal\n */\n\n$class: \".gov-modal\";\n\n#{$class} {\n\tdisplay: none;\n\t&__dialog {\n\t\t@include z-index(\"modal\", 1);\n\t\tposition: fixed;\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\talign-items: center;\n\t\twidth: 100%;\n\t\tmax-width: $modal-max-width;\n\t\theight: 100%;\n\t\tpadding: rem-calc(8);\n\t\tborder: none;\n\t\tbackground: transparent;\n\t\ttransform: translate(-50%, -50%);\n\t\tpointer-events: none;\n\t}\n\t&__inner {\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\twidth: 100%;\n\t\tmax-height: 100%;\n\t\tborder-radius: $border-radius;\n\t\tbackground: $modal-bg;\n\t\toverflow: hidden;\n\t\tpointer-events: auto;\n\t\tbox-shadow: get($shadow-l, $shadows);\n\t}\n\t&__header {\n\t\tdisplay: flex;\n\t\tgap: rem-calc(16);\n\t\talign-items: flex-start;\n\t\tpadding: rem-calc(24 4 24 16);\n\t\tborder-bottom: $modal-border;\n\t}\n\t&__icon {\n\t\tflex: 0 0 auto;\n\t\tpadding-top: calc(((var(--gov-text-#{$font-size-3xl}-font-size) * 1.5) - rem-calc(24)) / 2);\n\t\t& > * {\n\t\t\twidth: rem-calc(24);\n\t\t\theight: rem-calc(24);\n\t\t}\n\t}\n\t&__title {\n\t\t@include typography($font-size-3xl);\n\t\tmargin: 0;\n\t}\n\t&__close {\n\t\tflex: 0 0 auto;\n\t\tmargin-left: auto;\n\t\tpadding-top: calc(((var(--gov-text-#{$font-size-3xl}-font-size) * 1.5) - rem-calc(32)) / 2);\n\t}\n\t&__content {\n\t\t@include reset-last-margin();\n\t\theight: 100%;\n\t\tpadding: rem-calc(24 16);\n\t\tcolor: $modal-text-color;\n\t\toverflow: auto;\n\t}\n\t&__actions {\n\t\tdisplay: flex;\n\t\tgap: rem-calc(8 16);\n\t\tflex-wrap: wrap;\n\t\tjustify-content: flex-end;\n\t\tpadding: rem-calc(24 16);\n\t\tborder-top: $modal-border;\n\t}\n\n\t// STATES\n\t&__dialog:focus &__inner {\n\t\toutline: $outline;\n\t}\n\t@include parameter(\"open\") {\n\t\tdisplay: block;\n\t}\n\n\t// MQ\n\t@include mq($from: sm) {\n\t\t&__dialog {\n\t\t\tmax-width: calc($modal-max-width + 2 * rem-calc(24));\n\t\t\tpadding: rem-calc(24);\n\t\t\t&:focus {\n\t\t\t\toutline-offset: rem-calc(-24);\n\t\t\t}\n\t\t}\n\t\t&__inner {\n\t\t\tbox-shadow: get($shadow-xl, $shadows);\n\t\t}\n\n\t\t// VARIANTS\n\t\t&--prompt &__dialog {\n\t\t\tmax-width: calc($modal-prompt-max-width + 2 * rem-calc(24));\n\t\t}\n\t}\n\t@include mq($from: md) {\n\t\t&__header {\n\t\t\tgap: rem-calc(20);\n\t\t\tpadding: rem-calc(32 36 32 48);\n\t\t}\n\t\t&__close {\n\t\t\tpadding-top: calc(((var(--gov-text-#{$font-size-3xl}-font-size) * 1.5) - rem-calc(40)) / 2);\n\t\t}\n\t\t&__content {\n\t\t\tpadding: rem-calc(24 48 32);\n\t\t}\n\n\t\t// VARIANTS\n\t\t&--prompt {\n\t\t\t#{$class} {\n\t\t\t\t&__header,\n\t\t\t\t&__content,\n\t\t\t\t&__actions {\n\t\t\t\t\tpadding: rem-calc(24);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Event, Element, EventEmitter, h, Host, Method, Prop, Watch } from '@stencil/core'\nimport { createID } from '../../utils/string.utils'\nimport { validateWcagRef } from '../../helpers/Validate/wcag'\nimport { ModalClass } from './constants'\nimport { canValidateWcagOnRender } from '../../helpers/Dom/win'\nimport { delay } from '../../utils/utils'\nimport { toBoolAttr } from '../../helpers/Dom/template'\nimport { govHost } from '../../helpers/Dom/template'\nimport { GovHost } from '../../helpers/Dom/template.types'\nimport { govErrorLog } from '../../helpers/Log/gov.log'\n\n@Component({\n\ttag: 'gov-modal',\n\tstyleUrl: 'gov-modal.scss',\n})\nexport class GovModal {\n\tprivate h: GovHost\n\tprivate readonly labelId: string\n\tprivate readonly contentId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.labelId = createID('GovModalLabel')\n\t\tthis.contentId = createID('GovModalContent')\n\t}\n\n\t@Element() host: HTMLGovModalElement\n\n\t/**\n\t * Attribute for modal window display\n\t */\n\t@Prop() open = false\n\t/**\n\t * Title of modal window\n\t */\n\t@Prop() label: string\n\t/**\n\t * Role of modal\n\t */\n\t@Prop({ attribute: 'role' }) role = 'dialog'\n\t/**\n\t * Used to change the HMTL tag in the modal label for correct semantic structure\n\t */\n\t@Prop({ attribute: 'label-tag' }) readonly labelTag: string = 'h2'\n\t/**\n\t * String of id's that indicate alternative labels elements\n\t */\n\t@Prop({ attribute: 'wcag-labelled-by' }) wcaglabelledBy: string\n\t/**\n\t * Indicates the id of a component that describes the modal.\n\t */\n\t@Prop({ attribute: 'wcag-described-by' }) wcagDescribedBy: string\n\t/**\n\t * Adds accessible label for the modal close button that is only shown for screen readers.\n\t */\n\t@Prop({ attribute: 'wcag-close-label' }) wcagCloseLabel: string\n\t/**\n\t * A string of identifiers that indicate alternative label elements for closing the modal window\n\t */\n\t@Prop({ attribute: 'wcag-close-labelled-by' }) wcagCloseLabelledBy: string\n\t/**\n\t * Emitted when modal window closes.\n\t */\n\t@Event({ eventName: 'gov-close' }) govClose: EventEmitter<PointerEvent>\n\n\t@Watch('labelTag')\n\tvalidateLabelTag(newValue: string): void {\n\t\tconst validTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6']\n\t\tif (newValue) {\n\t\t\tif (!validTags.includes(newValue)) {\n\t\t\t\tgovErrorLog(`[${ModalClass.root}]: Tag ${newValue} is not allowed.`)\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate showModal() {\n\t\tthis.open = true\n\t\tdocument.body.classList.add(ModalClass.bodyFix)\n\t}\n\n\tprivate hideModal() {\n\t\tthis.open = false\n\t\tdocument.body.classList.remove(ModalClass.bodyFix)\n\t}\n\n\tasync componentWillRender() {\n\t\tif (this.open) {\n\t\t\tthis.showModal()\n\t\t} else {\n\t\t\tthis.hideModal()\n\t\t}\n\t}\n\n\tasync componentDidRender() {\n\t\tif (canValidateWcagOnRender()) {\n\t\t\tawait delay(500)\n\t\t\tawait this.validateWcag()\n\t\t}\n\t}\n\n\trender() {\n\t\tconst LabelTag = this.labelTag\n\t\treturn (\n\t\t\t<Host class={this.h.classes(ModalClass.root)} open={this.open}>\n\t\t\t\t<dialog\n\t\t\t\t\tclass={ModalClass.dialog}\n\t\t\t\t\thidden={!this.open}\n\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\topen={this.open}\n\t\t\t\t\taria-modal=\"true\"\n\t\t\t\t\taria-hidden={toBoolAttr(!this.open)}\n\t\t\t\t\taria-labelledby={this.wcaglabelledBy || this.labelId}\n\t\t\t\t\taria-describedby={this.wcagDescribedBy || this.contentId}\n\t\t\t\t\trole={this.role}\n\t\t\t\t>\n\t\t\t\t\t<div class={ModalClass.inner}>\n\t\t\t\t\t\t<div class={ModalClass.header}>\n\t\t\t\t\t\t\t{this.h.hasSlot('icon') && (\n\t\t\t\t\t\t\t\t<div class={ModalClass.icon}>\n\t\t\t\t\t\t\t\t\t<slot name=\"icon\" />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t{this.label && (\n\t\t\t\t\t\t\t\t<LabelTag class={ModalClass.title} id={this.labelId}>\n\t\t\t\t\t\t\t\t\t{this.label}\n\t\t\t\t\t\t\t\t</LabelTag>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t<gov-button\n\t\t\t\t\t\t\t\tclass={ModalClass.close}\n\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\twcagLabel={this.wcagCloseLabel}\n\t\t\t\t\t\t\t\twcagLabelledBy={this.wcagCloseLabelledBy}\n\t\t\t\t\t\t\t\ttype=\"base\"\n\t\t\t\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<gov-icon name=\"cross\" />\n\t\t\t\t\t\t\t</gov-button>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div class={ModalClass.content} id={this.contentId}>\n\t\t\t\t\t\t\t<slot />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</dialog>\n\n\t\t\t\t<gov-backdrop\n\t\t\t\t\tvisible={this.open}\n\t\t\t\t\twcag-label={this.wcagCloseLabel}\n\t\t\t\t\twcag-labelled-by={this.wcagCloseLabelledBy}\n\t\t\t\t\ton-gov-click={this.onCloseHandler.bind(this)}\n\t\t\t\t/>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onCloseHandler(e: PointerEvent) {\n\t\te.stopPropagation()\n\t\tthis.hideModal()\n\t\tthis.govClose.emit(e)\n\t}\n\n\t/**\n\t * Showing the modal\n\t */\n\t@Method()\n\tasync show(): Promise<void> {\n\t\tthis.showModal()\n\t}\n\n\t/**\n\t * Hidding the modal\n\t */\n\t@Method()\n\tasync hide(): Promise<void> {\n\t\tthis.hideModal()\n\t}\n\n\t/**\n\t * Validate the WCAG attributes of the component\n\t */\n\t@Method()\n\tasync validateWcag(): Promise<void> {\n\t\tvalidateWcagRef(this.wcaglabelledBy, 'aria-labelledby', ModalClass.root)\n\t\tvalidateWcagRef(this.wcagDescribedBy, 'aria-describedby', ModalClass.root)\n\t}\n}\n"]}

package/dist/core/p-0278fcb3.entry.js

@@ -1,2 +0,0 @@
-import{r as i,c as t,h as a,H as n,g as e}from"./p-682c7cc6.js";import{v as o}from"./p-26acf964.js";import{S as s}from"./p-55500e5a.js";import{V as r}from"./p-ff7365ae.js";import{p as g,d as l}from"./p-03990da5.js";import{g as c,p,t as v}from"./p-3f37ddb6.js";import{c as h,v as m}from"./p-364b4792.js";import{c as d}from"./p-c20102ff.js";import{c as f}from"./p-24636c53.js";import"./p-561fa17b.js";const _=(i,t)=>[...t];const u=g(s,["_S","_M"]);const b=g(r,["PRIMARY","SECONDARY"]);var w;(function(i){i["BUTTON"]="button";i["SELECT"]="select"})(w||(w={}));const y={root:"gov-pagination",list:"gov-pagination__list",item:"gov-pagination__item",itemArrow:"gov-pagination__item--arrow",itemMore:"gov-pagination__item--more",itemSelect:"gov-pagination__item--select",inner:"gov-pagination__inner",arrow:"gov-pagination__arrow"};function x(i,t=1,a=10,n=10){const e=Math.ceil(i/a);if(t<1){t=1}else if(t>e){t=e}let o,s;if(e<=n){o=1;s=e}else{const i=Math.floor(n/2);const a=Math.ceil(n/2)-1;if(t<=i){o=1;s=n}else if(t+a>=e){o=e-n+1;s=e}else{o=t-i;s=t+a}}const r=(t-1)*a;const g=Math.min(r+a-1,i-1);const l=Array.from(Array(s+1-o).keys()).map((i=>o+i));return{totalItems:i,currentPage:t,pageSize:a,totalPages:e,startPage:o,endPage:s,startIndex:r,endIndex:g,pages:l}}const z=".gov-pagination__list{margin:0;padding:0}.gov-pagination__list .gov-pagination__item{margin:0;padding:0;background:none}.gov-pagination__list .gov-pagination__item::before{display:none}.gov-spin-animation,.gov-pseudo-spin-animation::before{animation:spin 4s linear infinite}@keyframes spin{100%{transform:rotate(360deg)}}@keyframes countdown{to{transform:scaleX(0)}}.gov-pagination{position:relative;display:block;width:100%}.gov-pagination__list{display:flex;align-items:center;font-weight:bold;text-align:center}.gov-pagination__list .gov-pagination__item{display:flex;justify-content:center;align-items:center;margin:0;border-radius:var(--gov-border-radius, 0.1875rem);overflow:hidden}.gov-pagination__list .gov-pagination__item--arrow{display:flex}.gov-pagination__list .gov-pagination__item--select{z-index:1;display:flex;overflow:visible;padding:0rem 1rem}.gov-pagination__item .gov-button .element{width:var(--gov-pagination-button-size, 2rem)}.gov-pagination__arrow{margin:0}.gov-pagination__item--more .gov-form-select select{border:none;padding-right:0.75rem !important}.gov-pagination__item--more .gov-form-select .gov-icon{display:none}.gov-pagination__inner{display:flex;justify-content:center;align-items:center;align-self:stretch;width:100%;color:var(--gov-pagination-color, var(--gov-color-primary));text-decoration:none}.gov-pagination button.gov-pagination__inner,.gov-pagination a.gov-pagination__inner{display:inline-flex;vertical-align:middle;justify-content:center;align-items:center;border:0;background-color:transparent;text-align:center;text-decoration:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:background-color 150ms, color 150ms}.gov-pagination button.gov-pagination__inner:focus,.gov-pagination a.gov-pagination__inner:focus{outline:none}@media not all and (pointer: coarse){.gov-pagination button.gov-pagination__inner:hover,.gov-pagination a.gov-pagination__inner:hover{background-color:var(--gov-pagination-bg-active, var(--gov-color-primary-100));color:var(--gov-pagination-color-active, var(--gov-color-secondary))}}.gov-pagination[size=s] .gov-pagination__inner{font-weight:var(--gov-text-s-font-weight);font-size:var(--gov-text-s-font-size);line-height:var(--gov-text-s-line-height);letter-spacing:var(--gov-text-s-letter-spacing);font-weight:inherit}@media (min-width: 48em){.gov-pagination[size=s] .gov-pagination__item .gov-button .element{width:var(--gov-pagination-s-button-size, 2rem)}}.gov-pagination[size=m] .gov-pagination__inner{font-weight:var(--gov-text-m-font-weight);font-size:var(--gov-text-m-font-size);line-height:var(--gov-text-m-line-height);letter-spacing:var(--gov-text-m-letter-spacing);font-weight:inherit}@media (min-width: 48em){.gov-pagination[size=m] .gov-pagination__item .gov-button .element{width:var(--gov-pagination-m-button-size, 2.5rem)}}";const j=class{constructor(a){i(this,a);this.govPage=t(this,"gov-page",7);this.type="button";this.current=1;this.total=undefined;this.inverse=undefined;this.size="m";this.variant="primary";this.pageSize=10;this.maxPages=5;this.link=undefined;this.wcagLabel=undefined;this.wcagLabelledBy=undefined;this.wcagSelectLabel="Vybrat stranu";this.wcagPageLabel="Strana";this.pagination=undefined;this.h=c(this.host);this.pageSelectId=f("GovPageSelect")}validateType(i){o(w,i,y.root)}validateSize(i){o(u,i,y.root)}validateVariant(i){o(b,i,y.root)}componentWillLoad(){this.recalculatePagination(this.current);this.validateSize(this.size);this.validateVariant(this.variant)}async componentDidRender(){if(d()){await l(500);await this.validateWcag()}}recalculatePagination(i){this.pagination=x(this.total,i,this.pageSize,this.maxPages)}isActivePageClass(i,t){if(this.pagination.currentPage===t){return i+" is-active"}else{return i}}render(){const i=(i,t)=>{const n=i===-1;const e=v(this.pagination.currentPage===i?true:undefined);const o=this.pagination.currentPage===i?"solid":"base";return a("gov-button",{variant:this.variant,size:this.size,type:o,inverse:this.pagination.currentPage===i?true:false,disabled:n,"gov-click":()=>this.onClickHandler(i),"wcag-label":this.wcagPageLabel+" "+i,"wcag-current":e,class:y.inner},t)};return a(n,{class:this.h.classes(y.root),type:this.type,variant:this.variant,size:this.size},a("nav",{"aria-label":this.wcagLabel,"aria-labelledby":this.wcagLabelledBy},a("ul",{class:y.list},a("li",{class:p([y.item,y.itemArrow])},i(this.pagination.startPage<this.pagination.currentPage?this.pagination.currentPage-1:-1,a("gov-icon",{class:y.arrow,name:"double-arrow-left"}))),a("li",{class:p([y.item,y.itemArrow])},i(this.pagination.startPage<this.pagination.currentPage?this.pagination.currentPage-1:-1,a("gov-icon",{class:y.arrow,name:"arrow-left"}))),this.type=="select"?a("li",{class:p([y.item,y.itemSelect])},a("span",{class:y.inner},a("span",{id:this.pageSelectId,hidden:true},this.wcagSelectLabel),a("gov-form-select",{size:"m","wcag-labelled-by":this.pageSelectId},this.pagination.pages.map((i=>a("option",{value:i,selected:this.pagination.currentPage===i},i)))))):a(_,null,this.pagination.pages.map((t=>a("li",{class:this.isActivePageClass(y.item,t)},i(t,t)))),a("li",{class:p([y.item,y.itemMore])},a("span",{class:y.inner},a("span",{id:this.pageSelectId,hidden:true},this.wcagSelectLabel),a("gov-form-select",{size:"m","wcag-labelled-by":this.pageSelectId},a("option",{value:"..."},"..."),this.pagination.pages.map((i=>a("option",{value:i,selected:this.pagination.currentPage===i},i))))))),a("li",{class:p([y.item,y.itemArrow])},i(this.pagination.totalPages>this.pagination.currentPage?this.pagination.currentPage+1:-1,a("gov-icon",{class:y.arrow,name:"arrow-right"}))),a("li",{class:p([y.item,y.itemArrow])},i(this.pagination.totalPages>this.pagination.currentPage?this.pagination.totalPages:-1,a("gov-icon",{class:y.arrow,name:"double-arrow-right"}))))))}onClickHandler(i){this.recalculatePagination(i);this.govPage.emit(Object.assign({},this.pagination))}async validateWcag(){h(this.wcagPageLabel,"wcag-page-label",y.root);h(this.wcagSelectLabel,"wcag-select-label",y.root);m(this.wcagLabel,this.wcagLabelledBy,y.root)}get host(){return e(this)}static get watchers(){return{type:["validateType"],size:["validateSize"],variant:["validateVariant"]}}};j.style=z;export{j as gov_pagination};
-//# sourceMappingURL=p-0278fcb3.entry.js.map