@gov-design-system-ce/components 0.0.13 → 0.0.15

package/dist/collection/components/gov-stepper/gov-stepper-item.css

@@ -1,431 +0,0 @@
-/* stylelint-disable */
-/* stylelint-enable */
-/* stylelint-disable */
-/* stylelint-enable */
-/* stylelint-disable */
-/* stylelint-enable */
-/* stylelint-disable */
-/* stylelint-enable */
-/* [Core] - Buttons
------------------------------------------------------------------- */
-/*
- * Gets color from theme-colors or from palette-colors
- */
-/*
- * Converts hex value to rgb colors value
- */
-/* stylelint-disable order/order */
-/* stylelint-enable order/order */
-/*
- * Generates list of utility classes for margin, padding
- *
- * Make sure $list of definitions is sorted so that last item is defined last
- * So largest views are mentioned last.
- */
-/*
- -  Variables - Sizes
- */
-/* "Constants" for general usage */
-/*
- -  Variables - Layout
- */
-/**
-* Utilities - Offset
-*/
-/* stylelint-disable order/order */
-/* stylelint-enable order/order */
-/* stylelint-disable order/order */
-/* stylelint-enable order/order */
-/* stylelint-disable order/order */
-/* stylelint-enable order/order */
-/**
-* Generates CSS3 var with default value
-*/
-/*
- -  Variables - General
- */
-/*
- -  Variables - Typography
- */
-/*
- -  Variables - Variants
- */
-/*
- -  Variables - Container
- */
-/*
- -  Variables - Sizes
- */
-/* "Constants" for general usage */
-/*
- -  Variables - Accordion
- */
-/*
- -  Variables - Attachments
- */
-/*
- -  Variables - Alert
- */
-/*
- -  Variables - Backdrop
- */
-/*
- -  Variables - Buttons (&& Badges)
- */
-/*
- -  Variables - Breadcrumbs
- */
-/*
- -  Variables - Classes
- */
-/*
- -  Variables - Colors
- */
-/*
- -  Variables - Cookiebar
- */
-/*
- -  Variables - Card
- */
-/*
- -  Variables - Message
- */
-/*
- -  Variables - Empty
- */
-/*
- -  Variables - Error code
- */
-/*
- -  Variables - Grid
- */
-/*
- -  Variables - Tiles
- */
-/*
- -  Variables - Modal & Prompt
- */
-/**
-* Utilities - Offset
-*/
-/*
- -  Variables - shadows
- */
-/* "Constants" for general usage */
-/*
- -  Variables - Statsbar
- */
-/*
- -  Variables - Tabs
- */
-/*
- -  Variables - Tooltip
- */
-/*
- -  Variables - Loading
- */
-/*
- -	Variables - Forms
- */
-/*
- -  Variables - Form Autocomplete
- */
-/*
- -  Variables - Form Message
- */
-/*
- -	Variables - Form label
- */
-/*
- -	Variables - Form switch
- */
-/*
- -	Variables - Form select
- */
-/*
- -	Variables - Form input
- */
-/*
- -	Variables - Form multiselect
- */
-/*
- -	Variables - Form password power
- */
-/*
- -	Variables - Form checkbox & radio
- */
-/*
- -  Variables - Form group
- */
-/*
- -	Variables - Form file
- */
-/*
- -  Variables - Toast Message
- */
-/*
- -  Variables - Wizzard
- */
-/*
- -  Variables - Stepper
- */
-/*
- -  Variables - Side nav
- */
-/*
- -  Variables - Grid & Tile
- */
-/*
- -  Variables - Pagination
- */
-/*
- -  Variables - Nav
- */
-/*
- -  Variables - Layout
- */
-.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);
-  }
-}
-/*
-*   Stepper - Item
-*/
-/*
- *   Wizzard & Stepper Shared Definitions
- */
-.gov-stepper-item {
-  position: relative;
-  display: block;
-  width: 100%;
-}
-.gov-stepper-item__header {
-  position: relative;
-  width: 100%;
-}
-.gov-stepper-item__arrow {
-  flex: 0 0 auto;
-  width: 0.75rem;
-  height: 0.75rem;
-}
-.gov-stepper-item__title {
-  margin: 0;
-  padding: 0;
-  font-family: var(--gov-font-family, "Roboto", sans-serif);
-  font-weight: 400;
-  box-sizing: border-box;
-  display: flex;
-  gap: 1rem;
-  align-items: baseline;
-}
-.gov-stepper-item__prefix {
-  display: flex;
-  flex: 0 0 auto;
-  justify-content: center;
-  align-items: center;
-  border-radius: 50%;
-  text-align: center;
-}
-.gov-stepper-item__prefix .gov-icon {
-  width: 45%;
-  height: 45%;
-}
-.gov-stepper-item__name {
-  display: flex;
-  flex-direction: column;
-}
-.gov-stepper-item__label {
-  display: flex;
-  gap: 0.5rem;
-  align-items: center;
-}
-.gov-stepper-item__annot {
-  color: var(--gov-color-secondary);
-}
-.gov-stepper-item__content > *:last-child {
-  margin-bottom: 0;
-}
-.gov-stepper-item[variant=primary] .gov-stepper-item__header {
-  color: var(--gov-wizzard-primary-color, var(--gov-color-primary-800));
-}
-.gov-stepper-item[variant=primary] .gov-stepper-item__prefix {
-  background: var(--gov-wizzard-primary-indicator-bg, var(--gov-color-primary-300));
-  color: var(--gov-wizzard-primary-indicator-color, var(--gov-color-primary-800));
-}
-.gov-stepper-item[variant=secondary] .gov-stepper-item__header {
-  color: var(--gov-wizzard-secondary-color, var(--gov-color-secondary-700));
-}
-.gov-stepper-item[variant=secondary] .gov-stepper-item__prefix {
-  background: var(--gov-wizzard-secondary-indicator-bg, var(--gov-color-secondary-400));
-  color: var(--gov-wizzard-secondary-indicator-color, var(--gov-color-secondary-700));
-}
-.gov-stepper-item[variant=success] .gov-stepper-item__header {
-  color: var(--gov-wizzard-success-color, var(--gov-color-success-500));
-}
-.gov-stepper-item[variant=success] .gov-stepper-item__prefix {
-  background: var(--gov-wizzard-success-indicator-bg, var(--gov-color-success));
-  color: var(--gov-wizzard-success-indicator-color, var(--gov-color-neutral-white));
-}
-.gov-stepper-item[variant=error] .gov-stepper-item__header {
-  color: var(--gov-wizzard-error-color, var(--gov-color-error-500));
-}
-.gov-stepper-item[variant=error] .gov-stepper-item__prefix {
-  background: var(--gov-wizzard-error-indicator-bg, var(--gov-color-error));
-  color: var(--gov-wizzard-error-indicator-color, var(--gov-color-neutral-white));
-}
-.gov-stepper-item[variant=warning] .gov-stepper-item__header {
-  color: var(--gov-wizzard-warning-color, var(--gov-color-warning-500));
-}
-.gov-stepper-item[variant=warning] .gov-stepper-item__prefix {
-  background: var(--gov-wizzard-warning-indicator-bg, var(--gov-color-warning));
-  color: var(--gov-wizzard-warning-indicator-color, var(--gov-color-neutral-white));
-}
-.gov-stepper-item::before {
-  content: "";
-  position: absolute;
-  display: block;
-  width: 0.125rem;
-}
-.gov-stepper-item:last-child::before {
-  content: none;
-}
-.gov-stepper-item[variant=primary]::before {
-  background: var(--gov-wizzard-primary-indicator-bg, var(--gov-color-primary-300));
-}
-.gov-stepper-item[variant=secondary]::before {
-  background: var(--gov-wizzard-secondary-indicator-bg, var(--gov-color-secondary-400));
-}
-.gov-stepper-item[variant=success]::before {
-  background: var(--gov-wizzard-success-indicator-bg, var(--gov-color-success));
-}
-.gov-stepper-item[variant=error]::before {
-  background: var(--gov-wizzard-error-indicator-bg, var(--gov-color-error));
-}
-.gov-stepper-item[variant=warning]::before {
-  background: var(--gov-wizzard-warning-indicator-bg, var(--gov-color-warning));
-}
-.gov-stepper-item[size=xs] {
-  min-height: calc(var(--gov-stepper-xs-indicator-size, 1.5rem) + 3 * var(--gov-stepper-xs-connect-gap, 0.5rem));
-}
-.gov-stepper-item[size=xs]::before {
-  top: calc(var(--gov-stepper-xs-indicator-size, 1.5rem) + var(--gov-stepper-xs-connect-gap, 0.5rem));
-  bottom: var(--gov-stepper-xs-connect-gap, 0.5rem);
-  left: calc((var(--gov-stepper-xs-indicator-size, 1.5rem) - 0.125rem) / 2);
-}
-.gov-stepper-item[size=xs]:last-child {
-  min-height: 0;
-}
-.gov-stepper-item[size=xs] .gov-stepper-item__title {
-  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);
-}
-.gov-stepper-item[size=xs] .gov-stepper-item__annot {
-  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);
-}
-.gov-stepper-item[size=xs] .gov-stepper-item__prefix {
-  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);
-  width: var(--gov-stepper-xs-indicator-size, 1.5rem);
-  height: var(--gov-stepper-xs-indicator-size, 1.5rem);
-  box-shadow: 0 0 0 var(--gov-stepper-xs-connect-gap, 0.5rem) var(--gov-color-neutral-white);
-}
-.gov-stepper-item[size=xs] .gov-stepper-item__content {
-  padding: var(--gov-stepper-xs-content-padding, 1rem 1rem 2rem 2.5rem);
-}
-.gov-stepper-item--w-annot[size=xs] {
-  min-height: calc(var(--gov-stepper-xs-indicator-size, 1.5rem) * 1.5 + 3 * var(--gov-stepper-xs-connect-gap, 0.5rem));
-}
-.gov-stepper-item[size=s] {
-  min-height: calc(var(--gov-stepper-s-indicator-size, 2rem) + 3 * var(--gov-stepper-s-connect-gap, 1rem));
-}
-.gov-stepper-item[size=s]::before {
-  top: calc(var(--gov-stepper-s-indicator-size, 2rem) + var(--gov-stepper-s-connect-gap, 1rem));
-  bottom: var(--gov-stepper-s-connect-gap, 1rem);
-  left: calc((var(--gov-stepper-s-indicator-size, 2rem) - 0.125rem) / 2);
-}
-.gov-stepper-item[size=s]:last-child {
-  min-height: 0;
-}
-.gov-stepper-item[size=s] .gov-stepper-item__title {
-  font-weight: var(--gov-text-l-font-weight);
-  font-size: var(--gov-text-l-font-size);
-  line-height: var(--gov-text-l-line-height);
-  letter-spacing: var(--gov-text-l-letter-spacing);
-}
-.gov-stepper-item[size=s] .gov-stepper-item__annot {
-  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);
-}
-.gov-stepper-item[size=s] .gov-stepper-item__prefix {
-  font-weight: var(--gov-text-xl-font-weight);
-  font-size: var(--gov-text-xl-font-size);
-  line-height: var(--gov-text-xl-line-height);
-  letter-spacing: var(--gov-text-xl-letter-spacing);
-  width: var(--gov-stepper-s-indicator-size, 2rem);
-  height: var(--gov-stepper-s-indicator-size, 2rem);
-  box-shadow: 0 0 0 var(--gov-stepper-s-connect-gap, 1rem) var(--gov-color-neutral-white);
-}
-.gov-stepper-item[size=s] .gov-stepper-item__content {
-  padding: var(--gov-stepper-s-content-padding, 1rem 1rem 2rem 3rem);
-}
-.gov-stepper-item--w-annot[size=s] {
-  min-height: calc(var(--gov-stepper-s-indicator-size, 2rem) * 1.5 + 3 * var(--gov-stepper-s-connect-gap, 1rem));
-}
-.gov-stepper-item[size=m] {
-  min-height: calc(var(--gov-stepper-m-indicator-size, 2.5rem) + 3 * var(--gov-stepper-m-connect-gap, 1rem));
-}
-.gov-stepper-item[size=m]::before {
-  top: calc(var(--gov-stepper-m-indicator-size, 2.5rem) + var(--gov-stepper-m-connect-gap, 1rem));
-  bottom: var(--gov-stepper-m-connect-gap, 1rem);
-  left: calc((var(--gov-stepper-m-indicator-size, 2.5rem) - 0.125rem) / 2);
-}
-.gov-stepper-item[size=m]:last-child {
-  min-height: 0;
-}
-.gov-stepper-item[size=m] .gov-stepper-item__title {
-  font-weight: var(--gov-text-xl-font-weight);
-  font-size: var(--gov-text-xl-font-size);
-  line-height: var(--gov-text-xl-line-height);
-  letter-spacing: var(--gov-text-xl-letter-spacing);
-}
-.gov-stepper-item[size=m] .gov-stepper-item__annot {
-  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);
-}
-.gov-stepper-item[size=m] .gov-stepper-item__prefix {
-  font-weight: var(--gov-text-xl-font-weight);
-  font-size: var(--gov-text-xl-font-size);
-  line-height: var(--gov-text-xl-line-height);
-  letter-spacing: var(--gov-text-xl-letter-spacing);
-  width: var(--gov-stepper-m-indicator-size, 2.5rem);
-  height: var(--gov-stepper-m-indicator-size, 2.5rem);
-  box-shadow: 0 0 0 var(--gov-stepper-m-connect-gap, 1rem) var(--gov-color-neutral-white);
-}
-.gov-stepper-item[size=m] .gov-stepper-item__content {
-  padding: var(--gov-stepper-m-content-padding, 1rem 1rem 2rem 3.5rem);
-}
-.gov-stepper-item--w-annot[size=m] {
-  min-height: calc(var(--gov-stepper-m-indicator-size, 2.5rem) * 1.5 + 3 * var(--gov-stepper-m-connect-gap, 1rem));
-}

package/dist/collection/components/gov-stepper/gov-stepper-item.d.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=gov-stepper-item.d.js.map

package/dist/collection/components/gov-stepper/gov-stepper-item.d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"gov-stepper-item.d.js","sourceRoot":"","sources":["../../../../../../src/components/gov-stepper/gov-stepper-item.d.tsx"],"names":[],"mappings":"","sourcesContent":["export interface GovStepperItemChangeEvent {\n\topen: boolean\n\telement: HTMLGovStepperItemElement\n}\n"]}

package/dist/collection/components/gov-stepper/gov-stepper-item.js

@@ -1,246 +0,0 @@
-import { h, Host } from '@stencil/core';
-import { govErrorLog } from '../../helpers/Log/gov.log';
-import { validateProp } from '../../helpers/Validate/props';
-import { StepperItemClass, StepperVariants } from './constants';
-import { createID } from '../../utils/string.utils';
-import { govHost, prepareClasses } from '../../helpers/Dom/template';
-export class GovStepperItem {
-  constructor() {
-    this.isExpandedState = undefined;
-    this.variant = 'primary';
-    this.size = 'm';
-    this.identifier = undefined;
-    this.label = undefined;
-    this.annotation = undefined;
-    this.triggerTag = 'h3';
-    this.h = govHost(this.host);
-    this.triggerId = createID('GovStepperItem');
-    this.contentId = createID('GovStepperContent');
-  }
-  validateLabel(newValue) {
-    if (!newValue) {
-      govErrorLog(`[${StepperItemClass.root}]: Parameter label is required.`);
-    }
-  }
-  validateTriggerTag(newValue) {
-    const validTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'span'];
-    if (newValue) {
-      if (!validTags.includes(newValue)) {
-        govErrorLog(`[${StepperItemClass.root}]: Tag ${newValue} is not allowed.`);
-      }
-    }
-  }
-  validateVariant(newValue) {
-    validateProp(StepperVariants, newValue, StepperItemClass.root);
-  }
-  componentWillLoad() {
-    this.validateLabel(this.label);
-    this.validateVariant(this.variant);
-    this.validateTriggerTag(this.triggerTag);
-  }
-  render() {
-    const triggerId = this.identifier || this.triggerId;
-    const contentId = this.contentId;
-    const { label } = this;
-    const TriggerTag = this.triggerTag;
-    return (h(Host, { class: prepareClasses([StepperItemClass.root, this.annotation && StepperItemClass.rootWithAnnot]), variant: this.variant }, h("div", { id: triggerId, class: StepperItemClass.header, role: "listitem" }, h(TriggerTag, { class: StepperItemClass.title }, this.h.hasSlot('prefix') && (h("span", { class: StepperItemClass.prefix }, h("slot", { name: "prefix" }))), h("span", { class: StepperItemClass.name }, h("span", { class: StepperItemClass.label }, label), this.annotation && h("span", { class: StepperItemClass.annot }, this.annotation)))), this.h.hasSlot('content') && (h("div", { class: StepperItemClass.content, id: contentId, "aria-labelledby": triggerId, role: "tabpanel" }, h("slot", { name: "content" })))));
-  }
-  /**
-   * Returns the current state of the component
-   */
-  async currentState() {
-    return this.isExpandedState;
-  }
-  static get is() { return "gov-stepper-item"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["gov-stepper-item.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["gov-stepper-item.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "variant": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "StepperVariantType",
-          "resolved": "\"error\" | \"primary\" | \"secondary\" | \"success\" | \"warning\"",
-          "references": {
-            "StepperVariantType": {
-              "location": "import",
-              "path": "./constants"
-            }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Style variation of the button."
-        },
-        "attribute": "variant",
-        "reflect": false,
-        "defaultValue": "'primary'"
-      },
-      "size": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "StepperSizesType",
-          "resolved": "\"m\" | \"s\" | \"xs\"",
-          "references": {
-            "StepperSizesType": {
-              "location": "import",
-              "path": "./constants"
-            }
-          }
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": "Size of stepper"
-        },
-        "attribute": "size",
-        "reflect": false,
-        "defaultValue": "'m'"
-      },
-      "identifier": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Custom stepper item identifier. Otherwise, it will be generated"
-        },
-        "attribute": "identifier",
-        "reflect": false
-      },
-      "label": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Item name of the stepper"
-        },
-        "attribute": "label",
-        "reflect": false
-      },
-      "annotation": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Item annotation of the stepper"
-        },
-        "attribute": "annotation",
-        "reflect": false
-      },
-      "triggerTag": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "Used to change the HMTL tag in the stepper trigger for correct semantic structure"
-        },
-        "attribute": "trigger-tag",
-        "reflect": false,
-        "defaultValue": "'h3'"
-      }
-    };
-  }
-  static get states() {
-    return {
-      "isExpandedState": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "govChange",
-        "name": "gov-change",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Called when the accordion state changes"
-        },
-        "complexType": {
-          "original": "GovStepperItemChangeEvent",
-          "resolved": "GovStepperItemChangeEvent",
-          "references": {
-            "GovStepperItemChangeEvent": {
-              "location": "import",
-              "path": "./gov-stepper-item.d"
-            }
-          }
-        }
-      }];
-  }
-  static get methods() {
-    return {
-      "currentState": {
-        "complexType": {
-          "signature": "() => Promise<boolean>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<boolean>"
-        },
-        "docs": {
-          "text": "Returns the current state of the component",
-          "tags": []
-        }
-      }
-    };
-  }
-  static get elementRef() { return "host"; }
-  static get watchers() {
-    return [{
-        "propName": "label",
-        "methodName": "validateLabel"
-      }, {
-        "propName": "triggerTag",
-        "methodName": "validateTriggerTag"
-      }, {
-        "propName": "variant",
-        "methodName": "validateVariant"
-      }];
-  }
-}
-//# sourceMappingURL=gov-stepper-item.js.map

package/dist/collection/components/gov-stepper/gov-stepper-item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"gov-stepper-item.js","sourceRoot":"","sources":["../../../../../../src/components/gov-stepper/gov-stepper-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAA;AAC5G,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,OAAO,EAAoB,gBAAgB,EAAsB,eAAe,EAAE,MAAM,aAAa,CAAA;AACrG,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAA;AAQpE,MAAM,OAAO,cAAc;EAK1B;;mBAYgD,SAAS;gBAId,GAAG;;;;sBAgBoB,IAAI;IA/BrE,IAAI,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAC3B,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,gBAAgB,CAAC,CAAA;IAC3C,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAA;GAC9C;EAmCD,aAAa,CAAC,QAAgB;IAC7B,IAAI,CAAC,QAAQ,EAAE;MACd,WAAW,CAAC,IAAI,gBAAgB,CAAC,IAAI,iCAAiC,CAAC,CAAA;KACvE;EACF,CAAC;EAGD,kBAAkB,CAAC,QAAgB;IAClC,MAAM,SAAS,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,CAAC,CAAA;IAC9D,IAAI,QAAQ,EAAE;MACb,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE;QAClC,WAAW,CAAC,IAAI,gBAAgB,CAAC,IAAI,UAAU,QAAQ,kBAAkB,CAAC,CAAA;OAC1E;KACD;EACF,CAAC;EAGD,eAAe,CAAC,QAAgB;IAC/B,YAAY,CAAC,eAAe,EAAE,QAAQ,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAA;EAC/D,CAAC;EAED,iBAAiB;IAChB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IAC9B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;IAClC,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;EACzC,CAAC;EAED,MAAM;IACL,MAAM,SAAS,GAAG,IAAI,CAAC,UAAU,IAAI,IAAI,CAAC,SAAS,CAAA;IACnD,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAA;IAChC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAI,CAAA;IACtB,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAA;IAElC,OAAO,CACN,EAAC,IAAI,IAAC,KAAK,EAAE,cAAc,CAAC,CAAC,gBAAgB,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,IAAI,gBAAgB,CAAC,aAAa,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO;MAC7H,WAAK,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,CAAC,MAAM,EAAE,IAAI,EAAC,UAAU;QAClE,EAAC,UAAU,IAAC,KAAK,EAAE,gBAAgB,CAAC,KAAK;UACvC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAC5B,YAAM,KAAK,EAAE,gBAAgB,CAAC,MAAM;YACnC,YAAM,IAAI,EAAC,QAAQ,GAAG,CAChB,CACP;UACD,YAAM,KAAK,EAAE,gBAAgB,CAAC,IAAI;YACjC,YAAM,KAAK,EAAE,gBAAgB,CAAC,KAAK,IAAG,KAAK,CAAQ;YAClD,IAAI,CAAC,UAAU,IAAI,YAAM,KAAK,EAAE,gBAAgB,CAAC,KAAK,IAAG,IAAI,CAAC,UAAU,CAAQ,CAC3E,CACK,CACR;MAEL,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,IAAI,CAC7B,WAAK,KAAK,EAAE,gBAAgB,CAAC,OAAO,EAAE,EAAE,EAAE,SAAS,qBAAmB,SAAS,EAAE,IAAI,EAAC,UAAU;QAC/F,YAAM,IAAI,EAAC,SAAS,GAAG,CAClB,CACN,CACK,CACP,CAAA;EACF,CAAC;EAED;;KAEG;EAEH,KAAK,CAAC,YAAY;IACjB,OAAO,IAAI,CAAC,eAAe,CAAA;EAC5B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACD","sourcesContent":["import { Component, Element, h, Prop, State, Watch, Host, Method, Event, EventEmitter } from '@stencil/core'\nimport { govErrorLog } from '../../helpers/Log/gov.log'\nimport { validateProp } from '../../helpers/Validate/props'\nimport { StepperSizesType, StepperItemClass, StepperVariantType, StepperVariants } from './constants'\nimport { createID } from '../../utils/string.utils'\nimport { govHost, prepareClasses } from '../../helpers/Dom/template'\nimport { GovStepperItemChangeEvent } from './gov-stepper-item.d'\nimport { GovHost } from '../../helpers/Dom/template.types'\n\n@Component({\n\ttag: 'gov-stepper-item',\n\tstyleUrl: 'gov-stepper-item.scss',\n})\nexport class GovStepperItem {\n\tprivate h: GovHost\n\tprivate readonly triggerId: string\n\tprivate readonly contentId: string\n\n\tconstructor() {\n\t\tthis.h = govHost(this.host)\n\t\tthis.triggerId = createID('GovStepperItem')\n\t\tthis.contentId = createID('GovStepperContent')\n\t}\n\n\t@Element() readonly host: HTMLGovStepperItemElement\n\t@State() isExpandedState: boolean\n\n\t/**\n\t * Style variation of the button.\n\t */\n\t@Prop() readonly variant?: StepperVariantType = 'primary'\n\t/**\n\t * Size of stepper\n\t */\n\t@Prop() readonly size?: StepperSizesType = 'm'\n\t/**\n\t * Custom stepper item identifier. Otherwise, it will be generated\n\t */\n\t@Prop() readonly identifier: string\n\t/**\n\t * Item name of the stepper\n\t */\n\t@Prop() readonly label: string\n\t/**\n\t * Item annotation of the stepper\n\t */\n\t@Prop() readonly annotation: string\n\t/**\n\t * Used to change the HMTL tag in the stepper trigger for correct semantic structure\n\t */\n\t@Prop({ attribute: 'trigger-tag' }) readonly triggerTag: string = 'h3'\n\t/**\n\t * Called when the accordion state changes\n\t */\n\t@Event({ eventName: 'gov-change' }) govChange: EventEmitter<GovStepperItemChangeEvent>\n\n\t@Watch('label')\n\tvalidateLabel(newValue: string): void {\n\t\tif (!newValue) {\n\t\t\tgovErrorLog(`[${StepperItemClass.root}]: Parameter label is required.`)\n\t\t}\n\t}\n\n\t@Watch('triggerTag')\n\tvalidateTriggerTag(newValue: string): void {\n\t\tconst validTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'span']\n\t\tif (newValue) {\n\t\t\tif (!validTags.includes(newValue)) {\n\t\t\t\tgovErrorLog(`[${StepperItemClass.root}]: Tag ${newValue} is not allowed.`)\n\t\t\t}\n\t\t}\n\t}\n\n\t@Watch('variant')\n\tvalidateVariant(newValue: string): void {\n\t\tvalidateProp(StepperVariants, newValue, StepperItemClass.root)\n\t}\n\n\tcomponentWillLoad(): void {\n\t\tthis.validateLabel(this.label)\n\t\tthis.validateVariant(this.variant)\n\t\tthis.validateTriggerTag(this.triggerTag)\n\t}\n\n\trender() {\n\t\tconst triggerId = this.identifier || this.triggerId\n\t\tconst contentId = this.contentId\n\t\tconst { label } = this\n\t\tconst TriggerTag = this.triggerTag\n\n\t\treturn (\n\t\t\t<Host class={prepareClasses([StepperItemClass.root, this.annotation && StepperItemClass.rootWithAnnot])} variant={this.variant}>\n\t\t\t\t<div id={triggerId} class={StepperItemClass.header} role=\"listitem\">\n\t\t\t\t\t<TriggerTag class={StepperItemClass.title}>\n\t\t\t\t\t\t{this.h.hasSlot('prefix') && (\n\t\t\t\t\t\t\t<span class={StepperItemClass.prefix}>\n\t\t\t\t\t\t\t\t<slot name=\"prefix\" />\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<span class={StepperItemClass.name}>\n\t\t\t\t\t\t\t<span class={StepperItemClass.label}>{label}</span>\n\t\t\t\t\t\t\t{this.annotation && <span class={StepperItemClass.annot}>{this.annotation}</span>}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</TriggerTag>\n\t\t\t\t</div>\n\n\t\t\t\t{this.h.hasSlot('content') && (\n\t\t\t\t\t<div class={StepperItemClass.content} id={contentId} aria-labelledby={triggerId} role=\"tabpanel\">\n\t\t\t\t\t\t<slot name=\"content\" />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Host>\n\t\t)\n\t}\n\n\t/**\n\t * Returns the current state of the component\n\t */\n\t@Method()\n\tasync currentState(): Promise<boolean> {\n\t\treturn this.isExpandedState\n\t}\n}\n"]}