@gov-design-system-ce/components 4.0.6 → 4.0.7

package/dist/stencil.config.js

@@ -62,7 +62,29 @@ export const config = {
     vueOutputTarget({
       componentCorePackage: "@gov-design-system-ce",
       proxiesFile: "../../../packages/core-vue/lib/index.ts",
-      includeImportCustomElements: true
+      includeImportCustomElements: true,
+      componentModels: [
+        {
+          elements: ['gov-form-autocomplete', 'gov-form-input'],
+          event: 'gov-input',
+          targetAttr: 'value',
+        },
+        {
+          elements: ['gov-form-autocomplete'],
+          event: 'gov-select',
+          targetAttr: 'value',
+        },
+        {
+          elements: ['gov-form-checkbox', 'gov-form-switch'],
+          event: 'gov-change',
+          targetAttr: 'checked',
+        },
+        {
+          elements: ['gov-form-multiselect', 'gov-form-select', 'gov-form-radio',],
+          event: 'gov-change',
+          targetAttr: 'value',
+        },
+      ],
     }),
     angularOutputTarget({
       componentCorePackage: "@gov-design-system-ce/components",

package/dist/stencil.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"stencil.config.js","sourceRoot":"","sources":["../../../stencil.config.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACpC,OAAO,YAAY,MAAM,cAAc,CAAA;AACvC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAA;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAErE,MAAM,CAAC,MAAM,MAAM,GAAW;EAC7B,SAAS,EAAE,MAAM;EACjB,WAAW,EAAE,sBAAsB;EACnC,SAAS,EAAE,OAAO;EAClB,SAAS,EAAE,IAAI;EACf,qBAAqB,EAAE,KAAK;EAC5B,MAAM,EAAE;IACP,qBAAqB,EAAE,IAAI;IAC3B,qBAAqB,EAAE,IAAI;IAC3B,YAAY,EAAE,IAAI;GAClB;EACD,OAAO,EAAE;IACR,IAAI,CAAC;MACJ,iBAAiB,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE,oBAAoB,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;KACtF,CAAC;IACF,OAAO,CAAC;MACP,OAAO,EAAE,CAAC,YAAY,EAAE,CAAC;KACzB,CAAC;GACF;EACD,aAAa,EAAE;IACd;MACC,IAAI,EAAE,MAAM;MACZ,aAAa,EAAE,WAAW;KAC1B;IACD;MACC,IAAI,EAAE,aAAa;MACnB,MAAM,EAAE,IAAI;KACZ;IACD;MACC,IAAI,EAAE,KAAK;MACX,IAAI,EAAE;QACL,EAAE,GAAG,EAAE,iBAAiB,EAAE,IAAI,EAAE,oBAAoB,EAAE;QACtD,EAAE,GAAG,EAAE,iBAAiB,EAAE,IAAI,EAAE,oBAAoB,EAAE;QACtD,EAAE,GAAG,EAAE,kBAAkB,EAAE,IAAI,EAAE,qBAAqB,EAAE;OACxD;MACD,aAAa,EAAE,IAAI;KACnB;IACD;MACC,IAAI,EAAE,qBAAqB;MAC3B,GAAG,EAAE,cAAc;KACnB;IACD;MACC,IAAI,EAAE,sBAAsB;MAC5B,oBAAoB,EAAE,KAAK;MAC3B,eAAe,EAAE,KAAK;MACtB,MAAM,EAAE,IAAI;MACZ,4BAA4B,EAAE,6BAA6B;KAC3D;IAED,iBAAiB,CAAC;MACjB,oBAAoB,EAAE,kCAAkC;MACxD,WAAW,EAAE,2CAA2C;MACxD,2BAA2B,EAAE,IAAI;MACjC,gBAAgB,EAAE,IAAI;KACtB,CAAC;IACF,eAAe,CAAC;MACf,oBAAoB,EAAE,uBAAuB;MAC7C,WAAW,EAAE,yCAAyC;MACtD,2BAA2B,EAAE,IAAI;KACjC,CAAC;IACF,mBAAmB,CAAC;MACnB,oBAAoB,EAAE,kCAAkC;MACxD,UAAU,EAAE,WAAW;MACvB,mBAAmB,EAAE,0DAA0D;MAC/E,mBAAmB,EAAE,+DAA+D;KACpF,CAAC;GACF;CACD,CAAA","sourcesContent":["import { Config } from \"@stencil/core\"\nimport { postcss } from \"@stencil/postcss\"\nimport { sass } from \"@stencil/sass\"\nimport autoprefixer from \"autoprefixer\"\nimport path from \"path\"\nimport { reactOutputTarget } from \"@stencil/react-output-target\"\nimport { vueOutputTarget } from \"@stencil/vue-output-target\"\nimport { angularOutputTarget } from '@stencil/angular-output-target';\n\nexport const config: Config = {\n\tnamespace: \"core\",\n\tglobalStyle: \"src/sass/global.scss\",\n\ttaskQueue: \"async\",\n\tsourceMap: true,\n\tinvisiblePrehydration: false,\n\textras: {\n\t\texperimentalSlotFixes: true,\n\t\tenableImportInjection: true,\n\t\tcloneNodeFix: true,\n\t},\n\tplugins: [\n\t\tsass({\n\t\t\tinjectGlobalPaths: [path.resolve(__dirname, `src/sass/core.scss`).replace(/\\\\/g, \"/\")],\n\t\t}),\n\t\tpostcss({\n\t\t\tplugins: [autoprefixer()],\n\t\t}),\n\t],\n\toutputTargets: [\n\t\t{\n\t\t\ttype: \"dist\",\n\t\t\tesmLoaderPath: \"../loader\",\n\t\t},\n\t\t{\n\t\t\ttype: \"docs-readme\",\n\t\t\tstrict: true,\n\t\t},\n\t\t{\n\t\t\ttype: \"www\",\n\t\t\tcopy: [\n\t\t\t\t{ src: \"../../fonts/lib\", dest: \"build/assets/fonts\" },\n\t\t\t\t{ src: \"../../icons/lib\", dest: \"build/assets/icons\" },\n\t\t\t\t{ src: \"../../styles/lib\", dest: \"build/assets/styles\" },\n\t\t\t],\n\t\t\tserviceWorker: null,\n\t\t},\n\t\t{\n\t\t\ttype: \"dist-hydrate-script\",\n\t\t\tdir: \"dist/hydrate\",\n\t\t},\n\t\t{\n\t\t\ttype: \"dist-custom-elements\",\n\t\t\tincludeGlobalScripts: false,\n\t\t\texternalRuntime: false,\n\t\t\tminify: true,\n\t\t\tcustomElementsExportBehavior: 'auto-define-custom-elements'\n\t\t},\n\n\t\treactOutputTarget({\n\t\t\tcomponentCorePackage: \"@gov-design-system-ce/components\",\n\t\t\tproxiesFile: \"../../../packages/core-react/lib/index.ts\",\n\t\t\tincludeDefineCustomElements: true,\n\t\t\tincludePolyfills: true\n\t\t}),\n\t\tvueOutputTarget({\n\t\t\tcomponentCorePackage: \"@gov-design-system-ce\",\n\t\t\tproxiesFile: \"../../../packages/core-vue/lib/index.ts\",\n\t\t\tincludeImportCustomElements: true\n\t\t}),\n\t\tangularOutputTarget({\n\t\t\tcomponentCorePackage: \"@gov-design-system-ce/components\",\n\t\t\toutputType: 'component',\n\t\t\tdirectivesProxyFile: '../../../packages/core-angular/src/directives/proxies.ts',\n\t\t\tdirectivesArrayFile: '../../../packages/core-angular/src/directives/proxies-list.ts',\n\t\t}),\n\t],\n}\n"]}
+{"version":3,"file":"stencil.config.js","sourceRoot":"","sources":["../../../stencil.config.ts"],"names":[],"mappings":"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","sourcesContent":["import {Config} from \"@stencil/core\"\nimport {postcss} from \"@stencil/postcss\"\nimport {sass} from \"@stencil/sass\"\nimport autoprefixer from \"autoprefixer\"\nimport path from \"path\"\nimport {reactOutputTarget} from \"@stencil/react-output-target\"\nimport {vueOutputTarget} from \"@stencil/vue-output-target\"\nimport {angularOutputTarget} from '@stencil/angular-output-target';\n\nexport const config: Config = {\n\tnamespace: \"core\",\n\tglobalStyle: \"src/sass/global.scss\",\n\ttaskQueue: \"async\",\n\tsourceMap: true,\n\tinvisiblePrehydration: false,\n\textras: {\n\t\texperimentalSlotFixes: true,\n\t\tenableImportInjection: true,\n\t\tcloneNodeFix: true,\n\t},\n\tplugins: [\n\t\tsass({\n\t\t\tinjectGlobalPaths: [path.resolve(__dirname, `src/sass/core.scss`).replace(/\\\\/g, \"/\")],\n\t\t}),\n\t\tpostcss({\n\t\t\tplugins: [autoprefixer()],\n\t\t}),\n\t],\n\toutputTargets: [\n\t\t{\n\t\t\ttype: \"dist\",\n\t\t\tesmLoaderPath: \"../loader\",\n\t\t},\n\t\t{\n\t\t\ttype: \"docs-readme\",\n\t\t\tstrict: true,\n\t\t},\n\t\t{\n\t\t\ttype: \"www\",\n\t\t\tcopy: [\n\t\t\t\t{src: \"../../fonts/lib\", dest: \"build/assets/fonts\"},\n\t\t\t\t{src: \"../../icons/lib\", dest: \"build/assets/icons\"},\n\t\t\t\t{src: \"../../styles/lib\", dest: \"build/assets/styles\"},\n\t\t\t],\n\t\t\tserviceWorker: null,\n\t\t},\n\t\t{\n\t\t\ttype: \"dist-hydrate-script\",\n\t\t\tdir: \"dist/hydrate\",\n\t\t},\n\t\t{\n\t\t\ttype: \"dist-custom-elements\",\n\t\t\tincludeGlobalScripts: false,\n\t\t\texternalRuntime: false,\n\t\t\tminify: true,\n\t\t\tcustomElementsExportBehavior: 'auto-define-custom-elements'\n\t\t},\n\n\t\treactOutputTarget({\n\t\t\tcomponentCorePackage: \"@gov-design-system-ce/components\",\n\t\t\tproxiesFile: \"../../../packages/core-react/lib/index.ts\",\n\t\t\tincludeDefineCustomElements: true,\n\t\t\tincludePolyfills: true\n\t\t}),\n\t\tvueOutputTarget({\n\t\t\tcomponentCorePackage: \"@gov-design-system-ce\",\n\t\t\tproxiesFile: \"../../../packages/core-vue/lib/index.ts\",\n\t\t\tincludeImportCustomElements: true,\n\t\t\tcomponentModels: [\n\t\t\t\t{\n\t\t\t\t\telements: ['gov-form-autocomplete', 'gov-form-input'],\n\t\t\t\t\tevent: 'gov-input',\n\t\t\t\t\ttargetAttr: 'value',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\telements: ['gov-form-autocomplete'],\n\t\t\t\t\tevent: 'gov-select',\n\t\t\t\t\ttargetAttr: 'value',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\telements: ['gov-form-checkbox', 'gov-form-switch'],\n\t\t\t\t\tevent: 'gov-change',\n\t\t\t\t\ttargetAttr: 'checked',\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\telements: ['gov-form-multiselect', 'gov-form-select', 'gov-form-radio',],\n\t\t\t\t\tevent: 'gov-change',\n\t\t\t\t\ttargetAttr: 'value',\n\t\t\t\t},\n\t\t\t],\n\t\t}),\n\t\tangularOutputTarget({\n\t\t\tcomponentCorePackage: \"@gov-design-system-ce/components\",\n\t\t\toutputType: 'component',\n\t\t\tdirectivesProxyFile: '../../../packages/core-angular/src/directives/proxies.ts',\n\t\t\tdirectivesArrayFile: '../../../packages/core-angular/src/directives/proxies-list.ts',\n\t\t}),\n\t],\n}\n"]}

package/dist/types/Users/iwory/iWork/asseco/mv/gov-design-system-ce/packages/core/.stencil/packages/core/stencil.config.d.ts

@@ -0,0 +1,2 @@
+import { Config } from "../../../../../../../../../../../stencil-public-runtime";
+export declare const config: Config;

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

@@ -1,6 +1,7 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import { GovBreadcrumbsChangeEvent } from './gov-breadcrumbs.d';
 export declare class GovBreadcrumbs {
+  private inited;
   private h;
   constructor();
   readonly host: HTMLGovBreadcrumbsElement;
@@ -20,11 +21,19 @@ export declare class GovBreadcrumbs {
    * Indicates the id of a component that labels the pagination.
    */
   readonly wcagLabelledBy: string;
+  /**
+   * Adds an accessible label to display the full breadcrumb navigation that only screen readers can see.
+   */
+  readonly wcagToggleLabel: string;
   /**
    * Called when the Breadcrumbs state changes
    */
   govChange: EventEmitter<GovBreadcrumbsChangeEvent>;
+  collapsed: boolean;
+  toggleOption: boolean;
   componentDidRender(): Promise<void>;
+  private scheduleContentVerification;
+  private calculateWidthOfItems;
   render(): any;
   /**
    * Validate the WCAG attributes of the component

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

@@ -4,12 +4,13 @@ import { ButtonEvent } from "./gov-button.types";
 export declare class GovButton {
   private h;
   private triggerRef?;
+  private hydrated;
   constructor();
   host: HTMLGovButtonElement;
   /**
    * Style variation of the button
    */
-  readonly variant?: ButtonVariantType;
+  readonly variant: ButtonVariantType;
   /**
    * Button’s size
    */
@@ -17,7 +18,7 @@ export declare class GovButton {
   /**
    * Button's type
    */
-  readonly type?: TypesType;
+  readonly type: TypesType;
   /**
    * Expands the button to fill 100% of the container width
    */
@@ -136,7 +137,7 @@ export declare class GovButton {
   /**
    * Tells screen reader the element is pressed
    */
-  readonly wcagPressed: string;
+  readonly wcagPressed: boolean;
   /**
    * Indicates the current item within a container or set of related elements
    */
@@ -157,10 +158,10 @@ export declare class GovButton {
   validateType(newValue: string): void;
   validateSize(newValue: string): void;
   validateNativeType(newValue: string): void;
-  isPressed: boolean;
   componentWillLoad(): void;
   componentDidRender(): Promise<void>;
   get classNames(): string;
+  connectedCallback(): void;
   render(): any;
   private onClickHandler;
   private onFocusHandler;

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

@@ -22,6 +22,15 @@ export declare class GovFormFile {
    * This prevents users from being able to interact with the File, and conveys its inactive state to assistive technologies.
    */
   readonly disabled: boolean;
+  /**
+   * After selecting the files, the main input element will be reset.
+   * The propagation of the event with the selected files will not be affected.
+   */
+  readonly resetAfterPick: boolean;
+  /**
+   * Selected files will not be checked for duplicates based on name and size.
+   */
+  readonly ignoreFileDuplicationCheck: boolean;
   /**
    * Show list of attachments
    */

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

@@ -141,6 +141,10 @@ export declare class GovFormInput {
    * Emitted when the input change value.
    */
   govKeyUp: EventEmitter<FormInputEvent>;
+  /**
+   * Emitted when the input change value.
+   */
+  govHydrated: EventEmitter<void>;
   /**
    * Emitted when the input change value.
    */
@@ -152,6 +156,7 @@ export declare class GovFormInput {
   private passControlAttrs;
   componentWillLoad(): void;
   componentDidRender(): Promise<void>;
+  componentDidLoad(): void;
   render(): any;
   private onFocusHandler;
   private onBlurHandler;

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

@@ -14,6 +14,10 @@ export declare class GovInfobar {
    * Style variation of the button.
    */
   readonly variant: VariantType;
+  /**
+   * Style variation of the button.
+   */
+  readonly role: HTMLElement['role'];
   /**
    * Determine if component should have inverse colors to be used on dark background
    */

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

@@ -4,6 +4,7 @@ export declare class GovModal {
   private h;
   private readonly labelId;
   private readonly contentId;
+  private closeCtaRef?;
   constructor();
   host: HTMLGovModalElement;
   /**

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

@@ -1,5 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { PaginationSizeType, PaginationVariantType, PaginationType } from "./constants";
+import { PaginationSizeType, PaginationType, PaginationVariantType } from "./constants";
 import { Pagination } from "./pagination";
 import { PaginationEvent } from "./gov-pagination.types";
 export declare class GovPagination {
@@ -62,6 +62,22 @@ export declare class GovPagination {
    * Adds accessible label for the page item
    */
   readonly wcagPageLabel: string;
+  /**
+   * Description of the possibility to go back one page
+   */
+  readonly labelPrev = "P\u0159ej\u00EDt o stranu zp\u011Bt";
+  /**
+   * Description of the option to go to the top of paging
+   */
+  readonly labelStart = "P\u0159ej\u00EDt na za\u010D\u00E1tek";
+  /**
+   * Description of the option to go to the end of paging
+   */
+  readonly labelNext = "P\u0159ej\u00EDt na dal\u0161\u00ED stranu";
+  /**
+   * Description of the option to move one page forward
+   */
+  readonly labelEnd = "P\u0159ej\u00EDt na konec";
   /**
    * Event called when changing the page with the current setting of the whole paging
    */

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

@@ -4,6 +4,7 @@ export declare class GovPrompt {
   private h;
   private readonly labelId;
   private readonly contentId;
+  private closeCtaRef?;
   constructor();
   host: HTMLGovPromptElement;
   /**

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

@@ -1,8 +1,5 @@
 import { ButtonTargetType } from "../gov-button/button/constants";
 export declare class GovTile {
-  private triggerRef?;
-  private h;
-  constructor();
   host: HTMLGovTileElement;
   /**
    * Link on whole tile
@@ -13,6 +10,9 @@ export declare class GovTile {
    * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target
    */
   readonly target?: ButtonTargetType;
+  private triggerRef?;
+  private h;
+  constructor();
   render(): any;
   /**
    * Returns a clickable element instance

package/dist/types/components.d.ts

@@ -235,6 +235,10 @@ export namespace Components {
           * Indicates the id of a component that labels the pagination.
          */
         "wcagLabelledBy": string;
+        /**
+          * Adds an accessible label to display the full breadcrumb navigation that only screen readers can see.
+         */
+        "wcagToggleLabel": string;
     }
     interface GovButton {
         /**
@@ -323,7 +327,7 @@ export namespace Components {
         /**
           * Button's type
          */
-        "type"?: TypesType;
+        "type": TypesType;
         /**
           * Validate the WCAG attributes of the component
          */
@@ -331,7 +335,7 @@ export namespace Components {
         /**
           * Style variation of the button
          */
-        "variant"?: ButtonVariantType;
+        "variant": ButtonVariantType;
         /**
           * Indicates the id of a related component’s visually focused element
          */
@@ -379,7 +383,7 @@ export namespace Components {
         /**
           * Tells screen reader the element is pressed
          */
-        "wcagPressed": string;
+        "wcagPressed": boolean;
     }
     interface GovCard {
         /**
@@ -767,6 +771,10 @@ export namespace Components {
           * Custom File identifier.
          */
         "identifier": string;
+        /**
+          * Selected files will not be checked for duplicates based on name and size.
+         */
+        "ignoreFileDuplicationCheck": boolean;
         /**
           * Indicates the entered value does not conform to the format expected by the application.
          */
@@ -792,6 +800,10 @@ export namespace Components {
           * Remove all files from component state
          */
         "reset": () => Promise<void>;
+        /**
+          * After selecting the files, the main input element will be reset. The propagation of the event with the selected files will not be affected.
+         */
+        "resetAfterPick": boolean;
         /**
           * Validate the WCAG attributes of the component
          */
@@ -1342,6 +1354,10 @@ export namespace Components {
           * Determine if component should have inverse colors to be used on dark background
          */
         "inverse": boolean;
+        /**
+          * Style variation of the button.
+         */
+        "role": HTMLElement['role'];
         /**
           * Validate the WCAG attributes of the component
          */
@@ -1463,6 +1479,22 @@ export namespace Components {
           * Set on active page
          */
         "inverse": boolean;
+        /**
+          * Description of the option to move one page forward
+         */
+        "labelEnd": "Přejít na konec";
+        /**
+          * Description of the option to go to the end of paging
+         */
+        "labelNext": "Přejít na další stranu";
+        /**
+          * Description of the possibility to go back one page
+         */
+        "labelPrev": "Přejít o stranu zpět";
+        /**
+          * Description of the option to go to the top of paging
+         */
+        "labelStart": "Přejít na začátek";
         /**
           * Setting a link to redirect to a given page. The {PAGE} wildcard can be used in the link to replace the page number. Note that in the case of paging through a link, it is always necessary to send to the component the current page where the user is.
          */
@@ -2669,6 +2701,10 @@ declare namespace LocalJSX {
           * Indicates the id of a component that labels the pagination.
          */
         "wcagLabelledBy"?: string;
+        /**
+          * Adds an accessible label to display the full breadcrumb navigation that only screen readers can see.
+         */
+        "wcagToggleLabel"?: string;
     }
     interface GovButton {
         /**
@@ -2813,7 +2849,7 @@ declare namespace LocalJSX {
         /**
           * Tells screen reader the element is pressed
          */
-        "wcagPressed"?: string;
+        "wcagPressed"?: boolean;
     }
     interface GovCard {
         /**
@@ -3163,6 +3199,10 @@ declare namespace LocalJSX {
           * Custom File identifier.
          */
         "identifier"?: string;
+        /**
+          * Selected files will not be checked for duplicates based on name and size.
+         */
+        "ignoreFileDuplicationCheck"?: boolean;
         /**
           * Indicates the entered value does not conform to the format expected by the application.
          */
@@ -3204,6 +3244,10 @@ declare namespace LocalJSX {
           * 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.
          */
         "required"?: boolean;
+        /**
+          * After selecting the files, the main input element will be reset. The propagation of the event with the selected files will not be affected.
+         */
+        "resetAfterPick"?: boolean;
         /**
           * Adds accessible label for the list of attachments.
          */
@@ -3293,6 +3337,10 @@ declare namespace LocalJSX {
           * Emitted when the input has focus.
          */
         "onGov-focus"?: (event: GovFormInputCustomEvent<FormInputEvent>) => void;
+        /**
+          * Emitted when the input change value.
+         */
+        "onGov-hydrated"?: (event: GovFormInputCustomEvent<void>) => void;
         /**
           * Emitted when the input change value.
          */
@@ -3734,6 +3782,10 @@ declare namespace LocalJSX {
           * Called when the close button is clicked
          */
         "onGov-close"?: (event: GovInfobarCustomEvent<InfobarEvent>) => void;
+        /**
+          * Style variation of the button.
+         */
+        "role"?: HTMLElement['role'];
         /**
           * Style variation of the button.
          */
@@ -3839,6 +3891,22 @@ declare namespace LocalJSX {
           * Set on active page
          */
         "inverse"?: boolean;
+        /**
+          * Description of the option to move one page forward
+         */
+        "labelEnd"?: "Přejít na konec";
+        /**
+          * Description of the option to go to the end of paging
+         */
+        "labelNext"?: "Přejít na další stranu";
+        /**
+          * Description of the possibility to go back one page
+         */
+        "labelPrev"?: "Přejít o stranu zpět";
+        /**
+          * Description of the option to go to the top of paging
+         */
+        "labelStart"?: "Přejít na začátek";
         /**
           * Setting a link to redirect to a given page. The {PAGE} wildcard can be used in the link to replace the page number. Note that in the case of paging through a link, it is always necessary to send to the component the current page where the user is.
          */

package/dist/types/helpers/Dom/template.d.ts

@@ -8,3 +8,4 @@ export declare const toBoolAttr: (value: boolean | string | number) => string;
 export declare const toOnOffAttr: (value: boolean | string | number) => string;
 export declare const toBoolAttrIfDefined: (value: boolean | string | number | undefined | null) => undefined | string;
 export declare const toOnOffAttrIfDefined: (value: boolean | string | number | undefined | null) => undefined | string;
+export declare const boolToFocusValue: (value: boolean) => undefined | string;

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": "4.0.6",
+	"version": "4.0.7",
 	"license": "EUPL v1.2 Licensed",
 	"main": "./dist/index.cjs.js",
 	"unpkg": "./dist/core/core.esm.js",
@@ -24,6 +24,6 @@
     "dependencies" : {
         "@gov-design-system-ce/icons": "0.0.12",
         "@gov-design-system-ce/fonts": "0.0.2",
-        "@gov-design-system-ce/styles": "4.0.0"
+        "@gov-design-system-ce/styles": "4.0.3"
     }
 }

package/dist/cjs/template-4b951d1d.js.map

@@ -1 +0,0 @@
-{"file":"template-4b951d1d.js","mappings":"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","names":[],"sources":["../../../packages/core/src/helpers/Dom/template.ts"],"sourcesContent":["import {HTMLStencilElement} from '@stencil/core/internal'\nimport {GovHost} from './template.types'\nimport {Nullable} from '../../types/interfaces'\n\nexport const prepareClasses = (classes: string[]): string => {\n\tif (Array.isArray(classes) === false) return\n\treturn classes\n\t\t.filter(classname => !!classname)\n\t\t.join(' ')\n\t\t.trim()\n}\n\nexport const slottedChildren = (host: HTMLStencilElement): Node[] => {\n\tconst slotted = host.querySelector('slot') as HTMLSlotElement\n\tif (slotted) {\n\t\treturn slotted.assignedNodes().filter(node => {\n\t\t\treturn node.nodeName !== '#text'\n\t\t})\n\t}\n\treturn []\n}\n\nexport const booleanString = (value: boolean): string => {\n\treturn value ? 'true' : 'false'\n}\n\nexport const govHost = (host: HTMLStencilElement): GovHost => {\n\treturn {\n\t\tget hostElement(): HTMLStencilElement {\n\t\t\treturn host\n\t\t},\n\t\tget name(): string {\n\t\t\treturn this.hostElement.nodeName.toLowerCase()\n\t\t},\n\t\thasSlot(name: string): boolean {\n\t\t\treturn !!this.getSlot(name)\n\t\t},\n\t\tisSlotEmpty(name: string): boolean {\n\t\t\tconst slot = this.getSlot(name)\n\t\t\tif (slot) {\n\t\t\t\treturn slot.childNodes.length === 0\n\t\t\t}\n\t\t\treturn false\n\t\t},\n\t\tgetSlot(name: string): HTMLElement {\n\t\t\treturn this.hostElement.querySelector('[slot=\"' + name + '\"]')\n\t\t},\n\t\tgetParent(element): Nullable<HTMLElement> {\n\t\t\treturn this.hostElement.closest(element)\n\t\t},\n\t\tpassChildAttr(selector: string | string[], name: string, value: any): void {\n\t\t\tif (Array.isArray(selector)) {\n\t\t\t\tselector.forEach(selector => {\n\t\t\t\t\tthis.hostElement.querySelectorAll(selector).forEach(child => child.setAttribute(name, value))\n\t\t\t\t})\n\t\t\t} else {\n\t\t\t\tthis.hostElement.querySelectorAll(selector).forEach(child => child.setAttribute(name, value))\n\t\t\t}\n\t\t},\n\t\tremoveChildAttr(selector: string | string[], name: string): void {\n\t\t\tif (Array.isArray(selector)) {\n\t\t\t\tselector.forEach(selector => {\n\t\t\t\t\tthis.hostElement.querySelectorAll(selector).forEach(child => child.removeAttribute(name))\n\t\t\t\t})\n\t\t\t} else {\n\t\t\t\tthis.hostElement.querySelectorAll(selector).forEach(child => child.removeAttribute(name))\n\t\t\t}\n\t\t},\n\t\tget slottedChildren(): Node[] {\n\t\t\tconst slotted = this.hostElement.shadowRoot.querySelector('slot') as HTMLSlotElement\n\t\t\tif (slotted) {\n\t\t\t\treturn slotted.assignedNodes().filter(node => {\n\t\t\t\t\treturn node.nodeName !== '#text'\n\t\t\t\t})\n\t\t\t}\n\t\t\treturn []\n\t\t},\n\t\tclasses(classes: string | string[]): string {\n\t\t\tconst clearClasses = Array.isArray(classes) ? classes.join(' ') : classes\n\t\t\tif (this.hostElement) {\n\t\t\t\treturn this.hostElement.classList.toString() + ' ' + clearClasses\n\t\t\t}\n\t\t\treturn clearClasses\n\t\t},\n\t}\n}\n\nexport const toBoolAttr = (value: boolean | string | number): string => {\n\tif (typeof value === 'string') {\n\t\treturn ['true', 'True', 'TRUE', '1'].indexOf(value) !== -1 ? 'true' : 'false'\n\t} else if (typeof value === 'number') {\n\t\treturn value > 0 ? 'true' : 'false'\n\t} else if (typeof value === 'boolean') {\n\t\treturn value ? 'true' : 'false'\n\t} else {\n\t\treturn value ? 'true' : 'false'\n\t}\n}\n\nexport const toOnOffAttr = (value: boolean | string | number): string => {\n\tif (typeof value === 'string') {\n\t\treturn ['true', 'True', 'TRUE', '1', 'On', 'on', 'ON'].indexOf(value) !== -1 ? 'on' : 'off'\n\t} else if (typeof value === 'number') {\n\t\treturn value > 0 ? 'on' : 'off'\n\t} else if (typeof value === 'boolean') {\n\t\treturn value ? 'on' : 'off'\n\t} else {\n\t\treturn value ? 'on' : 'off'\n\t}\n}\n\nexport const toBoolAttrIfDefined = (value: boolean | string | number | undefined | null): undefined | string => {\n\treturn typeof value === 'undefined' ? undefined : toBoolAttr(value)\n}\n\nexport const toOnOffAttrIfDefined = (value: boolean | string | number | undefined | null): undefined | string => {\n\treturn typeof value === 'undefined' ? undefined : toOnOffAttr(value)\n}\n"],"version":3}

package/dist/components/p-28e59384.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["prepareClasses","classes","Array","isArray","filter","classname","join","trim","slottedChildren","host","slotted","querySelector","assignedNodes","node","nodeName","booleanString","value","govHost","hostElement","name","this","toLowerCase","hasSlot","getSlot","isSlotEmpty","slot","childNodes","length","getParent","element","closest","passChildAttr","selector","forEach","querySelectorAll","child","setAttribute","removeChildAttr","removeAttribute","shadowRoot","clearClasses","classList","toString","toBoolAttr","indexOf","toOnOffAttr","toBoolAttrIfDefined","undefined","toOnOffAttrIfDefined"],"sources":["../../../packages/core/src/helpers/Dom/template.ts"],"sourcesContent":["import {HTMLStencilElement} from '@stencil/core/internal'\nimport {GovHost} from './template.types'\nimport {Nullable} from '../../types/interfaces'\n\nexport const prepareClasses = (classes: string[]): string => {\n\tif (Array.isArray(classes) === false) return\n\treturn classes\n\t\t.filter(classname => !!classname)\n\t\t.join(' ')\n\t\t.trim()\n}\n\nexport const slottedChildren = (host: HTMLStencilElement): Node[] => {\n\tconst slotted = host.querySelector('slot') as HTMLSlotElement\n\tif (slotted) {\n\t\treturn slotted.assignedNodes().filter(node => {\n\t\t\treturn node.nodeName !== '#text'\n\t\t})\n\t}\n\treturn []\n}\n\nexport const booleanString = (value: boolean): string => {\n\treturn value ? 'true' : 'false'\n}\n\nexport const govHost = (host: HTMLStencilElement): GovHost => {\n\treturn {\n\t\tget hostElement(): HTMLStencilElement {\n\t\t\treturn host\n\t\t},\n\t\tget name(): string {\n\t\t\treturn this.hostElement.nodeName.toLowerCase()\n\t\t},\n\t\thasSlot(name: string): boolean {\n\t\t\treturn !!this.getSlot(name)\n\t\t},\n\t\tisSlotEmpty(name: string): boolean {\n\t\t\tconst slot = this.getSlot(name)\n\t\t\tif (slot) {\n\t\t\t\treturn slot.childNodes.length === 0\n\t\t\t}\n\t\t\treturn false\n\t\t},\n\t\tgetSlot(name: string): HTMLElement {\n\t\t\treturn this.hostElement.querySelector('[slot=\"' + name + '\"]')\n\t\t},\n\t\tgetParent(element): Nullable<HTMLElement> {\n\t\t\treturn this.hostElement.closest(element)\n\t\t},\n\t\tpassChildAttr(selector: string | string[], name: string, value: any): void {\n\t\t\tif (Array.isArray(selector)) {\n\t\t\t\tselector.forEach(selector => {\n\t\t\t\t\tthis.hostElement.querySelectorAll(selector).forEach(child => child.setAttribute(name, value))\n\t\t\t\t})\n\t\t\t} else {\n\t\t\t\tthis.hostElement.querySelectorAll(selector).forEach(child => child.setAttribute(name, value))\n\t\t\t}\n\t\t},\n\t\tremoveChildAttr(selector: string | string[], name: string): void {\n\t\t\tif (Array.isArray(selector)) {\n\t\t\t\tselector.forEach(selector => {\n\t\t\t\t\tthis.hostElement.querySelectorAll(selector).forEach(child => child.removeAttribute(name))\n\t\t\t\t})\n\t\t\t} else {\n\t\t\t\tthis.hostElement.querySelectorAll(selector).forEach(child => child.removeAttribute(name))\n\t\t\t}\n\t\t},\n\t\tget slottedChildren(): Node[] {\n\t\t\tconst slotted = this.hostElement.shadowRoot.querySelector('slot') as HTMLSlotElement\n\t\t\tif (slotted) {\n\t\t\t\treturn slotted.assignedNodes().filter(node => {\n\t\t\t\t\treturn node.nodeName !== '#text'\n\t\t\t\t})\n\t\t\t}\n\t\t\treturn []\n\t\t},\n\t\tclasses(classes: string | string[]): string {\n\t\t\tconst clearClasses = Array.isArray(classes) ? classes.join(' ') : classes\n\t\t\tif (this.hostElement) {\n\t\t\t\treturn this.hostElement.classList.toString() + ' ' + clearClasses\n\t\t\t}\n\t\t\treturn clearClasses\n\t\t},\n\t}\n}\n\nexport const toBoolAttr = (value: boolean | string | number): string => {\n\tif (typeof value === 'string') {\n\t\treturn ['true', 'True', 'TRUE', '1'].indexOf(value) !== -1 ? 'true' : 'false'\n\t} else if (typeof value === 'number') {\n\t\treturn value > 0 ? 'true' : 'false'\n\t} else if (typeof value === 'boolean') {\n\t\treturn value ? 'true' : 'false'\n\t} else {\n\t\treturn value ? 'true' : 'false'\n\t}\n}\n\nexport const toOnOffAttr = (value: boolean | string | number): string => {\n\tif (typeof value === 'string') {\n\t\treturn ['true', 'True', 'TRUE', '1', 'On', 'on', 'ON'].indexOf(value) !== -1 ? 'on' : 'off'\n\t} else if (typeof value === 'number') {\n\t\treturn value > 0 ? 'on' : 'off'\n\t} else if (typeof value === 'boolean') {\n\t\treturn value ? 'on' : 'off'\n\t} else {\n\t\treturn value ? 'on' : 'off'\n\t}\n}\n\nexport const toBoolAttrIfDefined = (value: boolean | string | number | undefined | null): undefined | string => {\n\treturn typeof value === 'undefined' ? undefined : toBoolAttr(value)\n}\n\nexport const toOnOffAttrIfDefined = (value: boolean | string | number | undefined | null): undefined | string => {\n\treturn typeof value === 'undefined' ? undefined : toOnOffAttr(value)\n}\n"],"mappings":"MAIaA,EAAkBC,IAC9B,GAAIC,MAAMC,QAAQF,KAAa,MAAO,OACtC,OAAOA,EACLG,QAAOC,KAAeA,IACtBC,KAAK,KACLC,MAAM,E,MAGIC,EAAmBC,IAC/B,MAAMC,EAAUD,EAAKE,cAAc,QACnC,GAAID,EAAS,CACZ,OAAOA,EAAQE,gBAAgBR,QAAOS,GAC9BA,EAAKC,WAAa,S,CAG3B,MAAO,EAAE,E,MAGGC,EAAiBC,GACtBA,EAAQ,OAAS,Q,MAGZC,EAAWR,IAChB,CACN,eAAIS,GACH,OAAOT,C,EAER,QAAIU,GACH,OAAOC,KAAKF,YAAYJ,SAASO,a,EAElC,OAAAC,CAAQH,GACP,QAASC,KAAKG,QAAQJ,E,EAEvB,WAAAK,CAAYL,GACX,MAAMM,EAAOL,KAAKG,QAAQJ,GAC1B,GAAIM,EAAM,CACT,OAAOA,EAAKC,WAAWC,SAAW,C,CAEnC,OAAO,K,EAER,OAAAJ,CAAQJ,GACP,OAAOC,KAAKF,YAAYP,cAAc,UAAYQ,EAAO,K,EAE1D,SAAAS,CAAUC,GACT,OAAOT,KAAKF,YAAYY,QAAQD,E,EAEjC,aAAAE,CAAcC,EAA6Bb,EAAcH,GACxD,GAAId,MAAMC,QAAQ6B,GAAW,CAC5BA,EAASC,SAAQD,IAChBZ,KAAKF,YAAYgB,iBAAiBF,GAAUC,SAAQE,GAASA,EAAMC,aAAajB,EAAMH,IAAO,G,KAExF,CACNI,KAAKF,YAAYgB,iBAAiBF,GAAUC,SAAQE,GAASA,EAAMC,aAAajB,EAAMH,I,GAGxF,eAAAqB,CAAgBL,EAA6Bb,GAC5C,GAAIjB,MAAMC,QAAQ6B,GAAW,CAC5BA,EAASC,SAAQD,IAChBZ,KAAKF,YAAYgB,iBAAiBF,GAAUC,SAAQE,GAASA,EAAMG,gBAAgBnB,IAAM,G,KAEpF,CACNC,KAAKF,YAAYgB,iBAAiBF,GAAUC,SAAQE,GAASA,EAAMG,gBAAgBnB,I,GAGrF,mBAAIX,GACH,MAAME,EAAUU,KAAKF,YAAYqB,WAAW5B,cAAc,QAC1D,GAAID,EAAS,CACZ,OAAOA,EAAQE,gBAAgBR,QAAOS,GAC9BA,EAAKC,WAAa,S,CAG3B,MAAO,E,EAER,OAAAb,CAAQA,GACP,MAAMuC,EAAetC,MAAMC,QAAQF,GAAWA,EAAQK,KAAK,KAAOL,EAClE,GAAImB,KAAKF,YAAa,CACrB,OAAOE,KAAKF,YAAYuB,UAAUC,WAAa,IAAMF,C,CAEtD,OAAOA,C,UAKGG,EAAc3B,IAC1B,UAAWA,IAAU,SAAU,CAC9B,MAAO,CAAC,OAAQ,OAAQ,OAAQ,KAAK4B,QAAQ5B,MAAY,EAAI,OAAS,O,MAChE,UAAWA,IAAU,SAAU,CACrC,OAAOA,EAAQ,EAAI,OAAS,O,MACtB,UAAWA,IAAU,UAAW,CACtC,OAAOA,EAAQ,OAAS,O,KAClB,CACN,OAAOA,EAAQ,OAAS,O,GAInB,MAAM6B,EAAe7B,IAC3B,UAAWA,IAAU,SAAU,CAC9B,MAAO,CAAC,OAAQ,OAAQ,OAAQ,IAAK,KAAM,KAAM,MAAM4B,QAAQ5B,MAAY,EAAI,KAAO,K,MAChF,UAAWA,IAAU,SAAU,CACrC,OAAOA,EAAQ,EAAI,KAAO,K,MACpB,UAAWA,IAAU,UAAW,CACtC,OAAOA,EAAQ,KAAO,K,KAChB,CACN,OAAOA,EAAQ,KAAO,K,SAIX8B,EAAuB9B,UACrBA,IAAU,YAAc+B,UAAYJ,EAAW3B,G,MAGjDgC,EAAwBhC,UACtBA,IAAU,YAAc+B,UAAYF,EAAY7B,U"}

package/dist/components/p-990d2990.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["NativeType","ChipClass","root","inner","hasRight","hasLeft","govChipCss","GovChip","proxyCustomElement","H","constructor","ButtonSizes","_M","ButtonVariants","PRIMARY","this","h","govHost","host","chipId","createID","validateVariant","newValue","validateProp","validateSize","componentWillLoad","variant","size","render","Tag","href","A","tag","nativeType","BUTTON","undefined","iconLeft","prepareIconFormat","iconRight","Host","class","classes","hasSlot","disabled","type","inverse","hoverable","target","wcagLabel","ref","el","triggerRef","onClick","onClickHandler","bind","wcagControls","toBoolAttr","wcagSelected","tabindex","focusable","id","identifier","name","e","stopPropagation","govClick","emit","getTriggerRef","getTriggerIdentifier","setFocus","focus"],"sources":["../../../packages/core/src/components/gov-chip/constants.ts","../../../packages/core/src/components/gov-chip/gov-chip.scss?tag=gov-chip","../../../packages/core/src/components/gov-chip/gov-chip.tsx"],"sourcesContent":["import { ValueOf } from '../../types/interfaces'\n\nexport enum NativeType {\n\tA = 'a',\n\tSPAN = 'span',\n\tBUTTON = 'button',\n}\n\nexport type NativeTypesType = `${ValueOf<typeof NativeType>}`\n\nexport const ChipClass = {\n\troot: 'gov-chip',\n\tinner: 'gov-chip__inner',\n\thasRight: 'gov-chip--has-right',\n\thasLeft: 'gov-chip--has-left',\n}\n","/*\n *   Chip\n */\n\n// Shared definitions - button & chip\n@import \"../gov-button/button/gov-button-core\";\n\n.gov-chip {\n\t@extend %button-core;\n\tdisplay: inline-flex;\n\ta .gov-icon {\n\t\tmargin: 0;\n\t}\n\t.element {\n\t\tpadding: rem-calc(4 10);\n\t\tfont-family: $font-family-primary;\n\t\tfont-weight: 400;\n\t\tletter-spacing: initial;\n\t}\n\t.gov-button {\n\t\t.element {\n\t\t\tborder: none;\n\t\t}\n\t}\n\t&--has-right > .element {\n\t\tpadding-top: 0 !important;\n\t\tpadding-right: 0 !important;\n\t\tpadding-bottom: 0 !important;\n\t}\n\n\t&--has-left > .element {\n\t\tpadding-top: 0 !important;\n\t\tpadding-bottom: 0 !important;\n\t\tpadding-left: 0 !important;\n\t}\n\n\t// VARIANTS\n\t@each $size, $definitions in $button-sizes {\n\t\t$radius: calc(#{get(\"min-height\", $definitions)} * 0.5);\n\t\t&[size=\"#{$size}\"] {\n\t\t\t.element {\n\t\t\t\tborder-radius: $radius;\n\t\t\t}\n\n\t\t\t// HOVERS\n\t\t\t&[hoverable] .element {\n\t\t\t\t@include focus-outline($radius, $outline-offset);\n\t\t\t}\n\t\t}\n\t}\n\t@each $variant, $types in $chip-inverse-variants {\n\t\t&[variant=\"#{$variant}\"] {\n\t\t\t@include parameter(\"inverse\") {\n\t\t\t\t.element,\n\t\t\t\t.element .element {\n\t\t\t\t\tborder-width: rem-calc(1);\n\t\t\t\t\tborder-color: deep-map-get($chip-inverse-variants, $variant, \"border-color\");\n\t\t\t\t\tbackground-color: deep-map-get($chip-inverse-variants, $variant, \"bg\");\n\t\t\t\t\tcolor: deep-map-get($chip-inverse-variants, $variant, \"color\");\n\t\t\t\t\t@include hover() {\n\t\t\t\t\t\tborder-color: deep-map-get($chip-inverse-variants, $variant, \"border-color-hover\");\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, Watch } from \"@stencil/core\"\nimport { GovHost } from \"../../helpers/Dom/template.types\"\nimport { validateProp } from \"../../helpers/Validate/props\"\nimport { govHost, toBoolAttr } from \"../../helpers/Dom/template\"\nimport { ChipClass, NativeType, NativeTypesType } from \"./constants\"\nimport { ButtonSizes, ButtonSizesType, ButtonVariants, ButtonVariantType } from \"../gov-button/button/constants\"\nimport { createID } from \"../../utils/string.utils\"\nimport {prepareIconFormat} from \"../gov-icon/helpers\";\n\n@Component({\n\ttag: \"gov-chip\",\n\tstyleUrl: \"gov-chip.scss\",\n})\nexport class GovChip {\n\tprivate triggerRef?: HTMLButtonElement | HTMLLinkElement | HTMLSpanElement\n\tprivate h: GovHost\n\tprivate readonly chipId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.chipId = createID('GovChip')\n\t}\n\n\t@Element() host: HTMLGovChipElement\n\n\t/**\n\t * Determine if component should have inverse colors to be used on dark background\n\t */\n\t@Prop() readonly inverse: boolean = false\n\t/**\n\t * Makes the chip component disabled.\n\t * This prevents users from being able to interact with the button, and conveys its inactive state to assistive technologies.\n\t */\n\t@Prop() readonly disabled: boolean = false\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-href\n\t */\n\t@Prop() readonly href: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attr-target\n\t */\n\t@Prop() readonly target: string\n\t/**\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\n\t */\n\t@Prop({attribute: \"icon-left\"}) readonly iconLeft?: string\n\t/**\n\t * Definition of the button icon on the left. The icon must be defined in the form \"type/name\".\n\t */\n\t@Prop({attribute: \"icon-right\"}) readonly iconRight?: string\n\t/**\n\t * Chip’s size.\n\t */\n\t@Prop() readonly size: ButtonSizesType = ButtonSizes._M\n\t/**\n\t * Used to change the HTML tag in the chip\n\t */\n\t@Prop() readonly tag: NativeTypesType = \"span\"\n\t/**\n\t * Style variation of the chip.\n\t */\n\t@Prop() readonly variant: ButtonVariantType = ButtonVariants.PRIMARY\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/focusable\n\t */\n\t@Prop() readonly focusable: boolean = true\n\t/**\n\t * Custom chip identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Adds accessible label for the button that is only shown for screen readers.\n\t * Typically, this label text replaces the visible text on the button for users who use assistive technology.\n\t */\n\t@Prop({ attribute: \"wcag-label\" }) readonly wcagLabel: string\n\t/**\n\t * Use this property to add an aria-controls attribute to the button. Use the attribute to point to the unique id of the content that the button manages\n\t */\n\t@Prop({ attribute: \"wcag-controls\" }) readonly wcagControls: string\n\t/**\n\t * Same as original parameter\n\t * @link https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected\n\t */\n\t@Prop({ attribute: \"wcag-selected\" }) readonly wcagSelected: boolean\n\t/**\n\t * Emitted when the button click.\n\t */\n\t@Event({ eventName: \"gov-click\" }) govClick: EventEmitter<PointerEvent>\n\n\t@Watch(\"variant\")\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(ButtonVariants, newValue, ChipClass.root)\n\t}\n\n\t@Watch(\"size\")\n\tvalidateSize(newValue: string): void {\n\t\tvalidateProp(ButtonSizes, newValue, ChipClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateSize(this.size)\n\t}\n\n\trender() {\n\t\tconst Tag = this.href ? NativeType.A : this.tag\n\t\tconst nativeType = Tag == NativeType.BUTTON ? NativeType.BUTTON : undefined\n\n\t\tconst iconLeft = prepareIconFormat(this.iconLeft)\n\t\tconst iconRight = prepareIconFormat(this.iconRight)\n\n\t\treturn (\n\t\t\t<Host\n\t\t\t\tclass={this.h.classes([\n\t\t\t\t\tChipClass.root,\n\t\t\t\t\tthis.h.hasSlot(\"right\") ? ChipClass.hasRight : undefined,\n\t\t\t\t\tthis.h.hasSlot(\"left\") ? ChipClass.hasLeft : undefined,\n\t\t\t\t])}\n\t\t\t\tdisabled={this.disabled}\n\t\t\t\thref={this.href}\n\t\t\t\tvariant={this.variant}\n\t\t\t\ttype={this.inverse ? undefined : \"solid\"}\n\t\t\t\tsize={this.size}\n\t\t\t\tinverse={this.inverse}\n\t\t\t\thoverable={Tag == NativeType.A || Tag == NativeType.BUTTON}\n\t\t\t>\n\t\t\t\t<Tag\n\t\t\t\t\tclass=\"element\"\n\t\t\t\t\thref={this.href}\n\t\t\t\t\ttarget={this.target}\n\t\t\t\t\taria-label={this.wcagLabel}\n\t\t\t\t\tref={el => (this.triggerRef = el as HTMLLinkElement | HTMLButtonElement | HTMLSpanElement)}\n\t\t\t\t\tonClick={this.onClickHandler.bind(this)}\n\t\t\t\t\taria-controls={this.wcagControls}\n\t\t\t\t\taria-selected={toBoolAttr(this.wcagSelected)}\n\t\t\t\t\ttabindex={this.focusable ? \"0\" : \"-1\"}\n\t\t\t\t\tid={this.identifier || this.chipId}\n\t\t\t\t\ttype={nativeType}>\n\t\t\t\t\t{this.h.hasSlot(\"left\") && <slot name=\"left\"></slot>}\n\t\t\t\t\t{this.h.hasSlot(\"left-icon\") && <slot name=\"left-icon\"></slot>}\n\t\t\t\t\t{iconLeft && \t<gov-icon type={iconLeft.type} name={iconLeft.name}></gov-icon>}\n\t\t\t\t\t<slot />\n\t\t\t\t\t{this.h.hasSlot(\"right-icon\") && <slot name=\"right-icon\"></slot>}\n\t\t\t\t\t{this.h.hasSlot(\"right\") && <slot name=\"right\"></slot>}\n\t\t\t\t\t{iconRight && \t<gov-icon type={iconRight.type} name={iconRight.name}></gov-icon>}\n\t\t\t\t</Tag>\n\t\t\t</Host>\n\t\t)\n\t}\n\n\tprivate onClickHandler(e: PointerEvent): void {\n\t\te.stopPropagation()\n\t\tif (this.disabled === false && this.tag === NativeType.BUTTON) {\n\t\t\tthis.govClick.emit(e)\n\t\t}\n\t}\n\n\t/**\n\t * Returns a clickable element instance\n\t */\n\t@Method()\n\tasync getTriggerRef() {\n\t\treturn this.triggerRef\n\t}\n\n\t/**\n\t * Returns a unique tab trigger identifier\n\t */\n\t@Method()\n\tasync getTriggerIdentifier(): Promise<string> {\n\t\treturn this.identifier || this.chipId\n\t}\n\n\t/**\n\t * Focus button element\n\t */\n\t@Method()\n\tasync setFocus(): Promise<void> {\n\t\tthis.triggerRef.focus()\n\t}\n}\n"],"mappings":"4RAEA,IAAYA,GAAZ,SAAYA,GACXA,EAAA,SACAA,EAAA,eACAA,EAAA,kBACA,EAJD,CAAYA,MAAU,KAQf,MAAMC,EAAY,CACxBC,KAAM,WACNC,MAAO,kBACPC,SAAU,sBACVC,QAAS,sBCdV,MAAMC,EAAa,ww4E,MCaNC,EAAOC,EAAA,MAAAD,UAAAE,EAKnB,WAAAC,G,+EAUoC,M,cAKC,M,qGAsBIC,EAAYC,G,SAIb,O,aAIMC,EAAeC,Q,eAKvB,K,2GAjDrCC,KAAKC,EAAIC,EAAQF,KAAKG,MACtBH,KAAKI,OAASC,EAAS,U,CAyExB,eAAAC,CAAgBC,GACfC,EAAaV,EAAgBS,EAAUrB,EAAUC,K,CAIlD,YAAAsB,CAAaF,GACZC,EAAaZ,EAAaW,EAAUrB,EAAUC,K,CAG/C,iBAAAuB,GACCV,KAAKM,gBAAgBN,KAAKW,SAC1BX,KAAKS,aAAaT,KAAKY,K,CAGxB,MAAAC,GACC,MAAMC,EAAMd,KAAKe,KAAO9B,EAAW+B,EAAIhB,KAAKiB,IAC5C,MAAMC,EAAaJ,GAAO7B,EAAWkC,OAASlC,EAAWkC,OAASC,UAElE,MAAMC,EAAWC,EAAkBtB,KAAKqB,UACxC,MAAME,EAAYD,EAAkBtB,KAAKuB,WAEzC,OACCtB,EAACuB,EAAI,CACJC,MAAOzB,KAAKC,EAAEyB,QAAQ,CACrBxC,EAAUC,KACVa,KAAKC,EAAE0B,QAAQ,SAAWzC,EAAUG,SAAW+B,UAC/CpB,KAAKC,EAAE0B,QAAQ,QAAUzC,EAAUI,QAAU8B,YAE9CQ,SAAU5B,KAAK4B,SACfb,KAAMf,KAAKe,KACXJ,QAASX,KAAKW,QACdkB,KAAM7B,KAAK8B,QAAUV,UAAY,QACjCR,KAAMZ,KAAKY,KACXkB,QAAS9B,KAAK8B,QACdC,UAAWjB,GAAO7B,EAAW+B,GAAKF,GAAO7B,EAAWkC,QAEpDlB,EAACa,EAAG,CACHW,MAAM,UACNV,KAAMf,KAAKe,KACXiB,OAAQhC,KAAKgC,OAAM,aACPhC,KAAKiC,UACjBC,IAAKC,GAAOnC,KAAKoC,WAAaD,EAC9BE,QAASrC,KAAKsC,eAAeC,KAAKvC,MAAK,gBACxBA,KAAKwC,aAAY,gBACjBC,EAAWzC,KAAK0C,cAC/BC,SAAU3C,KAAK4C,UAAY,IAAM,KACjCC,GAAI7C,KAAK8C,YAAc9C,KAAKI,OAC5ByB,KAAMX,GACLlB,KAAKC,EAAE0B,QAAQ,SAAW1B,EAAA,QAAM8C,KAAK,SACrC/C,KAAKC,EAAE0B,QAAQ,cAAgB1B,EAAA,QAAM8C,KAAK,cAC1C1B,GAAapB,EAAA,YAAU4B,KAAMR,EAASQ,KAAMkB,KAAM1B,EAAS0B,OAC5D9C,EAAA,aACCD,KAAKC,EAAE0B,QAAQ,eAAiB1B,EAAA,QAAM8C,KAAK,eAC3C/C,KAAKC,EAAE0B,QAAQ,UAAY1B,EAAA,QAAM8C,KAAK,UACtCxB,GAActB,EAAA,YAAU4B,KAAMN,EAAUM,KAAMkB,KAAMxB,EAAUwB,Q,CAM3D,cAAAT,CAAeU,GACtBA,EAAEC,kBACF,GAAIjD,KAAK4B,WAAa,OAAS5B,KAAKiB,MAAQhC,EAAWkC,OAAQ,CAC9DnB,KAAKkD,SAASC,KAAKH,E,EAQrB,mBAAMI,GACL,OAAOpD,KAAKoC,U,CAOb,0BAAMiB,GACL,OAAOrD,KAAK8C,YAAc9C,KAAKI,M,CAOhC,cAAMkD,GACLtD,KAAKoC,WAAWmB,O"}