@gov-design-system-ce/components 4.0.8-rc09 → 4.0.8-rc11

package/dist/collection/components/gov-promp/gov-prompt.js

@@ -7,331 +7,331 @@ import { createID } from "../../utils/string.utils";
 import { delay } from "../../utils/utils";
 import { ModalClass } from "../gov-modal/constants";
 export class GovPrompt {
-  constructor() {
-    this.open = false;
-    this.label = undefined;
-    this.role = 'dialog';
-    this.labelTag = 'h2';
-    this.wcagLabelledBy = undefined;
-    this.wcagDescribedBy = undefined;
-    this.wcagCloseLabel = 'Zavřít okno';
-    this.wcagCloseLabelledBy = undefined;
-    this.h = govHost(this.host);
-    this.labelId = createID('GovPromptLabel');
-    this.contentId = createID('GovPromptContent');
-  }
-  validateLabelTag(newValue) {
-    const validTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
-    if (newValue) {
-      if (!validTags.includes(newValue)) {
-        govErrorLog(`[${ModalClass.root}]: Tag ${newValue} is not allowed.`);
-      }
+    constructor() {
+        this.open = false;
+        this.label = undefined;
+        this.role = 'dialog';
+        this.labelTag = 'h2';
+        this.wcagLabelledBy = undefined;
+        this.wcagDescribedBy = undefined;
+        this.wcagCloseLabel = 'Zavřít okno';
+        this.wcagCloseLabelledBy = undefined;
+        this.h = govHost(this.host);
+        this.labelId = createID('GovPromptLabel');
+        this.contentId = createID('GovPromptContent');
     }
-  }
-  watchOpen(newValue) {
-    this.open = newValue;
-    if (newValue && this.closeCtaRef) {
-      this.closeCtaRef.setFocus().catch();
+    validateLabelTag(newValue) {
+        const validTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
+        if (newValue) {
+            if (!validTags.includes(newValue)) {
+                govErrorLog(`[${ModalClass.root}]: Tag ${newValue} is not allowed.`);
+            }
+        }
     }
-  }
-  showModal() {
-    this.open = true;
-    document.body.classList.add(ModalClass.bodyFix);
-  }
-  hideModal() {
-    this.open = false;
-    document.body.classList.remove(ModalClass.bodyFix);
-  }
-  async componentWillRender() {
-    if (this.open) {
-      this.showModal();
+    watchOpen(newValue) {
+        this.open = newValue;
+        if (newValue && this.closeCtaRef) {
+            this.closeCtaRef.setFocus().catch();
+        }
     }
-    else {
-      this.hideModal();
+    showModal() {
+        this.open = true;
+        document.body.classList.add(ModalClass.bodyFix);
     }
-  }
-  async componentDidRender() {
-    if (canValidateWcagOnRender()) {
-      await delay(500);
-      await this.validateWcag();
+    hideModal() {
+        this.open = false;
+        document.body.classList.remove(ModalClass.bodyFix);
     }
-  }
-  render() {
-    const LabelTag = this.labelTag;
-    return (h(Host, { class: this.h.classes(ModalClass.rootPrompt), open: this.open }, h("dialog", { class: ModalClass.dialog, hidden: !this.open, tabindex: "-1", open: this.open, "aria-modal": "true", "aria-hidden": toBoolAttr(!this.open), "aria-labelledby": this.wcagLabelledBy || this.labelId, "aria-describedby": this.wcagDescribedBy || this.contentId, role: this.role }, h("div", { class: ModalClass.inner }, h("div", { class: ModalClass.header }, this.h.hasSlot('icon') && (h("div", { class: ModalClass.icon }, h("slot", { name: "icon" }))), this.label && (h(LabelTag, { class: ModalClass.title, id: this.labelId }, this.label)), h("gov-button", { class: ModalClass.close, variant: "primary", wcagLabel: this.wcagCloseLabel, wcagLabelledBy: this.wcagCloseLabelledBy, type: "base", ref: el => (this.closeCtaRef = el), "on-gov-click": this.onCloseHandler.bind(this) }, h("gov-icon", { name: "x-lg" }))), h("div", { class: ModalClass.content, id: this.contentId }, h("slot", null)), h("div", { class: ModalClass.actions }, h("slot", { name: "actions" })))), this.open ? (h("gov-backdrop", { "wcag-label": this.wcagCloseLabel, "wcag-labelled-by": this.wcagCloseLabelledBy, "on-gov-click": this.onCloseHandler.bind(this) })) : null));
-  }
-  onCloseHandler(e) {
-    e.stopPropagation();
-    this.hideModal();
-    this.govClose.emit(e);
-  }
-  /**
-   * Showing the modal
-   */
-  async show() {
-    this.showModal();
-  }
-  /**
-   * Hiding the modal
-   */
-  async hide() {
-    this.hideModal();
-  }
-  /**
-   * Validate the WCAG attributes of the component
-   */
-  async validateWcag() {
-    validateWcagRef(this.wcagLabelledBy, 'wcag-labelled-by', ModalClass.root);
-    validateWcagRef(this.wcagDescribedBy, 'wcag-described-by', ModalClass.root);
-  }
-  static get is() { return "gov-prompt"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["gov-prompt.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["gov-prompt.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "open": {
-        "type": "boolean",
-        "mutable": true,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Attribute for modal window display"
-        },
-        "attribute": "open",
-        "reflect": false,
-        "defaultValue": "false"
-      },
-      "label": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Title of modal window"
-        },
-        "attribute": "label",
-        "reflect": false
-      },
-      "role": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "Nullable<string>",
-          "resolved": "string",
-          "references": {
-            "Nullable": {
-              "location": "import",
-              "path": "../../types/interfaces",
-              "id": "../../../packages/core/src/types/interfaces.ts::Nullable"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Role of modal"
-        },
-        "attribute": "role",
-        "reflect": false,
-        "defaultValue": "'dialog'"
-      },
-      "labelTag": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Used to change the HTML tag in the modal label for correct semantic structure"
-        },
-        "attribute": "label-tag",
-        "reflect": false,
-        "defaultValue": "'h2'"
-      },
-      "wcagLabelledBy": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "String of id's that indicate alternative labels elements"
-        },
-        "attribute": "wcag-labelled-by",
-        "reflect": false
-      },
-      "wcagDescribedBy": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Indicates the id of a component that describes the modal."
-        },
-        "attribute": "wcag-described-by",
-        "reflect": false
-      },
-      "wcagCloseLabel": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Adds accessible label for the modal close button that is only shown for screen readers."
-        },
-        "attribute": "wcag-close-label",
-        "reflect": false,
-        "defaultValue": "'Zav\u0159\u00EDt okno'"
-      },
-      "wcagCloseLabelledBy": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "A string of identifiers that indicate alternative label elements for closing the modal window"
-        },
-        "attribute": "wcag-close-labelled-by",
-        "reflect": false
-      }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "govClose",
-        "name": "gov-close",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Emitted when modal window closes."
-        },
-        "complexType": {
-          "original": "PointerEvent",
-          "resolved": "PointerEvent",
-          "references": {
-            "PointerEvent": {
-              "location": "global",
-              "id": "global::PointerEvent"
-            }
-          }
+    async componentWillRender() {
+        if (this.open) {
+            this.showModal();
         }
-      }];
-  }
-  static get methods() {
-    return {
-      "show": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global",
-              "id": "global::Promise"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "Showing the modal",
-          "tags": []
+        else {
+            this.hideModal();
         }
-      },
-      "hide": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global",
-              "id": "global::Promise"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "Hiding the modal",
-          "tags": []
+    }
+    async componentDidRender() {
+        if (canValidateWcagOnRender()) {
+            await delay(500);
+            await this.validateWcag();
         }
-      },
-      "validateWcag": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global",
-              "id": "global::Promise"
+    }
+    render() {
+        const LabelTag = this.labelTag;
+        return (h(Host, { key: 'eafb47c3de00f2944cf648244a0cc4d57579c7ff', class: this.h.classes(ModalClass.rootPrompt), open: this.open }, h("dialog", { key: '4e93478ea3a360bb6249725b4299f1db89626e72', class: ModalClass.dialog, hidden: !this.open, tabindex: "-1", open: this.open, "aria-modal": "true", "aria-hidden": toBoolAttr(!this.open), "aria-labelledby": this.wcagLabelledBy || this.labelId, "aria-describedby": this.wcagDescribedBy || this.contentId, role: this.role }, h("div", { key: '0e4dc70872d6bab33e36e192ec921a05e278e844', class: ModalClass.inner }, h("div", { key: '3be8a8bed33a9640dcba8e8374512efadb4c4a63', class: ModalClass.header }, this.h.hasSlot('icon') && (h("div", { key: '76931e2ab2a270ce04a71c7d8d32ead065da6eca', class: ModalClass.icon }, h("slot", { key: '3a49590e4c2b67742aa7202e440408a307975ad3', name: "icon" }))), this.label && (h(LabelTag, { key: '8e3cd8b4940f6222e15efb63317e151efa2e6b5f', class: ModalClass.title, id: this.labelId }, this.label)), h("gov-button", { key: '23de5a7c3bb39f3896c134665aa564d584160914', class: ModalClass.close, variant: "primary", wcagLabel: this.wcagCloseLabel, wcagLabelledBy: this.wcagCloseLabelledBy, type: "base", ref: el => (this.closeCtaRef = el), "on-gov-click": this.onCloseHandler.bind(this) }, h("gov-icon", { key: '4769f23e5e772c92ed07ba8244d2da674acb8d33', name: "x-lg" }))), h("div", { key: '1b181dd790d066b2aa943c91ef2e0f47f8a0e5df', class: ModalClass.content, id: this.contentId }, h("slot", { key: '04cf9527b390b134ee7900ff3283b84cb5b6cdcb' })), h("div", { key: '350de95cfb9e765da4ebdc8f0f179bcc040baf28', class: ModalClass.actions }, h("slot", { key: '206f016467e43154a75c02c2708a65a589d09710', name: "actions" })))), this.open ? (h("gov-backdrop", { "wcag-label": this.wcagCloseLabel, "wcag-labelled-by": this.wcagCloseLabelledBy, "on-gov-click": this.onCloseHandler.bind(this) })) : null));
+    }
+    onCloseHandler(e) {
+        e.stopPropagation();
+        this.hideModal();
+        this.govClose.emit(e);
+    }
+    /**
+     * Showing the modal
+     */
+    async show() {
+        this.showModal();
+    }
+    /**
+     * Hiding the modal
+     */
+    async hide() {
+        this.hideModal();
+    }
+    /**
+     * Validate the WCAG attributes of the component
+     */
+    async validateWcag() {
+        validateWcagRef(this.wcagLabelledBy, 'wcag-labelled-by', ModalClass.root);
+        validateWcagRef(this.wcagDescribedBy, 'wcag-described-by', ModalClass.root);
+    }
+    static get is() { return "gov-prompt"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["gov-prompt.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["gov-prompt.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "open": {
+                "type": "boolean",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Attribute for modal window display"
+                },
+                "attribute": "open",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Title of modal window"
+                },
+                "attribute": "label",
+                "reflect": false
+            },
+            "role": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "Nullable<string>",
+                    "resolved": "string",
+                    "references": {
+                        "Nullable": {
+                            "location": "import",
+                            "path": "../../types/interfaces",
+                            "id": "../../../packages/core/src/types/interfaces.ts::Nullable"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Role of modal"
+                },
+                "attribute": "role",
+                "reflect": false,
+                "defaultValue": "'dialog'"
+            },
+            "labelTag": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Used to change the HTML tag in the modal label for correct semantic structure"
+                },
+                "attribute": "label-tag",
+                "reflect": false,
+                "defaultValue": "'h2'"
+            },
+            "wcagLabelledBy": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "String of id's that indicate alternative labels elements"
+                },
+                "attribute": "wcag-labelled-by",
+                "reflect": false
+            },
+            "wcagDescribedBy": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Indicates the id of a component that describes the modal."
+                },
+                "attribute": "wcag-described-by",
+                "reflect": false
+            },
+            "wcagCloseLabel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Adds accessible label for the modal close button that is only shown for screen readers."
+                },
+                "attribute": "wcag-close-label",
+                "reflect": false,
+                "defaultValue": "'Zav\u0159\u00EDt okno'"
+            },
+            "wcagCloseLabelledBy": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "A string of identifiers that indicate alternative label elements for closing the modal window"
+                },
+                "attribute": "wcag-close-labelled-by",
+                "reflect": false
             }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "Validate the WCAG attributes of the component",
-          "tags": []
-        }
-      }
-    };
-  }
-  static get elementRef() { return "host"; }
-  static get watchers() {
-    return [{
-        "propName": "labelTag",
-        "methodName": "validateLabelTag"
-      }, {
-        "propName": "open",
-        "methodName": "watchOpen"
-      }];
-  }
+        };
+    }
+    static get events() {
+        return [{
+                "method": "govClose",
+                "name": "gov-close",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Emitted when modal window closes."
+                },
+                "complexType": {
+                    "original": "PointerEvent",
+                    "resolved": "PointerEvent",
+                    "references": {
+                        "PointerEvent": {
+                            "location": "global",
+                            "id": "global::PointerEvent"
+                        }
+                    }
+                }
+            }];
+    }
+    static get methods() {
+        return {
+            "show": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Showing the modal",
+                    "tags": []
+                }
+            },
+            "hide": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Hiding the modal",
+                    "tags": []
+                }
+            },
+            "validateWcag": {
+                "complexType": {
+                    "signature": "() => Promise<void>",
+                    "parameters": [],
+                    "references": {
+                        "Promise": {
+                            "location": "global",
+                            "id": "global::Promise"
+                        }
+                    },
+                    "return": "Promise<void>"
+                },
+                "docs": {
+                    "text": "Validate the WCAG attributes of the component",
+                    "tags": []
+                }
+            }
+        };
+    }
+    static get elementRef() { return "host"; }
+    static get watchers() {
+        return [{
+                "propName": "labelTag",
+                "methodName": "validateLabelTag"
+            }, {
+                "propName": "open",
+                "methodName": "watchOpen"
+            }];
+    }
 }
 //# sourceMappingURL=gov-prompt.js.map