@aquera/nile-elements 0.1.67-beta-2.4 → 0.1.67-beta-2.6

package/dist/nile-button/nile-button.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-button.cjs.js","sources":["../../../src/nile-button/nile-button.ts"],"sourcesContent":["import '../nile-icon';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { FormControlController, validValidityState } from '../internal/form';\nimport { HasSlotController } from '../internal/slot';\nimport { html } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { watch } from '../internal/watch';\nimport { styles } from './nile-button.css';\nimport type { CSSResultGroup, TemplateResult } from 'lit';\nimport type { NileFormControl } from '../internal/nile-element';\nimport NileElement from '../internal/nile-element';\nimport { literal } from 'lit/static-html.js';\n/**\n * @summary Buttons represent actions that are available to the user.\n * @status stable\n * @since 2.0\n *\n * @dependency nile-icon\n * @dependency nile-spinner\n *\n * @event nile-blur - Emitted when the button loses focus.\n * @event nile-focus - Emitted when the button gains focus.\n * @event nile-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n *\n * @slot - The button's label.\n * @slot prefix - A presentational prefix icon or similar element.\n * @slot suffix - A presentational suffix icon or similar element.\n *\n * @csspart base - The component's base wrapper.\n * @csspart prefix - The container that wraps the prefix.\n * @csspart label - The button's label.\n * @csspart suffix - The container that wraps the suffix.\n * @csspart caret - The button's caret icon, an `<nile-icon>` element.\n */\n\n@customElement('nile-button')\nexport class NileButton extends NileElement implements NileFormControl {\n  static styles: CSSResultGroup = styles;\n\n  private readonly formControlController = new FormControlController(this, {\n    form: input => {\n      // Buttons support a form attribute that points to an arbitrary form, so if this attribute is set we need to query\n      // the form from the same root using its id\n      if (input.hasAttribute('form')) {\n        const doc = input.getRootNode() as Document | ShadowRoot;\n        const formId = input.getAttribute('form')!;\n        return doc.getElementById(formId) as HTMLFormElement;\n      }\n\n      // Fall back to the closest containing form\n      return input.closest('form');\n    },\n    assumeInteractionOn: ['click'],\n  });\n  private readonly hasSlotController = new HasSlotController(\n    this,\n    '[default]',\n    'prefix',\n    'suffix'\n  );\n\n  @query('.button') button: HTMLButtonElement | HTMLLinkElement;\n\n  @state() private hasFocus = false;\n  @state() invalid = false;\n  @property() title = ''; // make reactive to pass through\n\n  /** The button's theme variant. */\n  @property({ reflect: true }) variant:\n    | 'primary'\n    | 'secondary'\n    | 'tertiary'\n    | 'caution'\n    | 'ghost'\n    | 'destructive'\n    | 'secondary-grey'\n    | 'secondary-blue' = 'primary';\n\n  /** The button's size. */\n  @property({ reflect: true }) size: 'medium' = 'medium';\n\n  /** Draws the button with a caret. Used to indicate that the button triggers a dropdown menu or similar behavior. */\n  @property({ type: Boolean, reflect: true }) caret = false;\n\n  /** Disables the button. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Draws the button in a loading state. */\n  @property({ type: Boolean, reflect: true }) loading = false;\n\n  /** Draws an outlined button. */\n  @property({ type: Boolean, reflect: true }) outline = false;\n\n  /** Draws a pill-style button with rounded edges. */\n  @property({ type: Boolean, reflect: true }) pill = false;\n\n  /**\n   * Draws a circular icon button. When this attribute is present, the button expects a single `<nile-icon>` in the\n   * default slot.\n   */\n  @property({ type: Boolean, reflect: true }) circle = false;\n\n  /**\n   * The type of button. Note that the default value is `button` instead of `submit`, which is opposite of how native\n   * `<button>` elements behave. When the type is `submit`, the button will submit the surrounding form.\n   */\n  @property() type: 'button' | 'submit' | 'reset' = 'button';\n\n  /**\n   * The name of the button, submitted as a name/value pair with form data, but only when this button is the submitter.\n   * This attribute is ignored when `href` is present.\n   */\n  @property() name = '';\n\n  /**\n   * The value of the button, submitted as a pair with the button's name as part of the form data, but only when this\n   * button is the submitter. This attribute is ignored when `href` is present.\n   */\n  @property() value = '';\n\n  /** When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`. */\n  @property() href = '';\n\n  /** Tells the browser where to open the link. Only used when `href` is present. */\n  @property() target: '_blank' | '_parent' | '_self' | '_top';\n\n  /**\n   * When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the\n   * default is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a\n   * specific tab/window, this will prevent that from working correctly. You can remove or change the default value by\n   * setting the attribute to an empty string or a value of your choice, respectively.\n   */\n  @property() rel = 'noreferrer noopener';\n\n  /** Tells the browser to download the linked file as this filename. Only used when `href` is present. */\n  @property() download?: string;\n\n  /**\n   * The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\n   * value of this attribute must be an id of a form in the same document or shadow root as the button.\n   */\n  @property() form: string;\n\n  /** Used to override the form owner's `action` attribute. */\n  @property({ attribute: 'formaction' }) formAction: string;\n\n  /** Used to override the form owner's `enctype` attribute.  */\n  @property({ attribute: 'formenctype' })\n  formEnctype:\n    | 'application/x-www-form-urlencoded'\n    | 'multipart/form-data'\n    | 'text/plain';\n\n  /** Used to override the form owner's `method` attribute.  */\n  @property({ attribute: 'formmethod' }) formMethod: 'post' | 'get';\n\n  /** Used to override the form owner's `novalidate` attribute. */\n  @property({ attribute: 'formnovalidate', type: Boolean })\n  formNoValidate: boolean;\n\n  /** Used to override the form owner's `target` attribute. */\n  @property({ attribute: 'formtarget' }) formTarget:\n    | '_self'\n    | '_blank'\n    | '_parent'\n    | '_top'\n    | string;\n\n  @property({ type: Boolean, reflect: true, attribute: 'hide-border' })\n  hideBorder = false;\n\n  /** Gets the validity state object */\n  get validity() {\n    if (this.isButton()) {\n      return (this.button as HTMLButtonElement).validity;\n    }\n\n    return validValidityState;\n  }\n\n  /** Gets the validation message */\n  get validationMessage() {\n    if (this.isButton()) {\n      return (this.button as HTMLButtonElement).validationMessage;\n    }\n\n    return '';\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.handleHostClick = this.handleHostClick.bind(this);\n    this.addEventListener('click', this.handleHostClick);\n    this.emit('nile-init');\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('click', this.handleHostClick);\n    this.emit('nile-destroy');\n  }\n\n  firstUpdated() {\n    if (this.isButton()) {\n      this.formControlController.updateValidity();\n    }\n  }\n\n  private handleBlur() {\n    this.hasFocus = false;\n    this.emit('nile-blur');\n  }\n\n  private handleFocus() {\n    this.hasFocus = true;\n    this.emit('nile-focus');\n  }\n\n  private handleClick() {\n    if (this.type === 'submit') {\n      this.formControlController.submit(this);\n    }\n\n    if (this.type === 'reset') {\n      this.formControlController.reset(this);\n    }\n  }\n\n  private handleHostClick(event: MouseEvent) {\n    // Prevent the click event from being emitted when the button is disabled or loading\n    if (this.disabled || this.loading) {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n    }\n  }\n\n  private handleInvalid(event: Event) {\n    this.formControlController.setValidity(false);\n    this.formControlController.emitInvalidEvent(event);\n  }\n\n  private isButton() {\n    return this.href ? false : true;\n  }\n\n  private isLink() {\n    return this.href ? true : false;\n  }\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  handleDisabledChange() {\n    if (this.isButton()) {\n      // Disabled form controls are always valid\n      this.formControlController.setValidity(this.disabled);\n    }\n  }\n\n  /** Simulates a click on the button. */\n  click() {\n    this.button.click();\n  }\n\n  /** Sets focus on the button. */\n  focus(options?: FocusOptions) {\n    this.button.focus(options);\n  }\n\n  /** Removes focus from the button. */\n  blur() {\n    this.button.blur();\n  }\n\n  /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */\n  checkValidity() {\n    if (this.isButton()) {\n      return (this.button as HTMLButtonElement).checkValidity();\n    }\n\n    return true;\n  }\n\n  /** Gets the associated form, if one exists. */\n  getForm(): HTMLFormElement | null {\n    return this.formControlController.getForm();\n  }\n\n  /** Checks for validity and shows the browser's validation message if the control is invalid. */\n  reportValidity() {\n    if (this.isButton()) {\n      return (this.button as HTMLButtonElement).reportValidity();\n    }\n\n    return true;\n  }\n\n  /** Sets a custom validation message. Pass an empty string to restore validity. */\n  setCustomValidity(message: string) {\n    if (this.isButton()) {\n      (this.button as HTMLButtonElement).setCustomValidity(message);\n      this.formControlController.updateValidity();\n    }\n  }\n\n  render(): TemplateResult {\n    const isLink = this.isLink();\n    const tag = isLink ? literal`a` : literal`button`;\n\n    const variantCaretColors = {\n      primary: 'white',\n      secondary: 'black',\n      tertiary: 'black',\n      caution: 'white',\n      ghost: 'black',\n      destructive: 'white',\n      'secondary-grey': 'black',\n      'secondary-blue': 'black',\n      'tertiary-blue': 'black',\n    };\n\n    if(this.isLink()){\n      return html`\n        <a\n          part=\"base\"\n          class=${classMap({\n            button: true,\n            'button--primary': this.variant === 'primary',\n            'button--secondary': this.variant === 'secondary',\n            'button--tertiary': this.variant === 'tertiary',\n            'button--caution': this.variant === 'caution',\n            'button--ghost': this.variant === 'ghost',\n            'button--destructive': this.variant === 'destructive',\n            'button--secondary-grey': this.variant === 'secondary-grey',\n            'button--secondary-blue': this.variant === 'secondary-blue',\n            'button--hideborder': this.hideBorder,\n            'button--medium': this.size === 'medium',\n            'button--caret': this.caret,\n            'button--circle': this.circle,\n            'button--disabled': this.disabled,\n            'button--focused': this.hasFocus,\n            'button--loading': this.loading,\n            'button--standard': !this.outline,\n            'button--outline': this.outline,\n            'button--pill': this.pill,\n            'button--has-label': this.hasSlotController.test('[default]'),\n            'button--has-prefix': this.hasSlotController.test('prefix'),\n            'button--has-suffix': this.hasSlotController.test('suffix'),\n          })}\n          href=${ifDefined(this.href)}\n          target=${ifDefined(this.target)}\n          download=${ifDefined(this.download)}\n          rel=${ifDefined(this.rel)}\n          title=${this.title}\n          role=\"button\"\n          aria-disabled=${this.disabled ? 'true' : 'false'}\n          tabindex=${this.disabled ? '-1' : '0'}\n          @blur=${this.handleBlur}\n          @focus=${this.handleFocus}\n          @click=${this.handleClick}\n        >\n          <slot name=\"prefix\" part=\"prefix\" class=\"button__prefix\"></slot>\n          <slot part=\"label\" class=\"button__label\"></slot>\n          <slot name=\"suffix\" part=\"suffix\" class=\"button__suffix\"></slot>\n          ${this.caret\n            ? html`\n                <nile-icon\n                  part=\"caret\"\n                  class=\"button__caret\"\n                  color=\"${variantCaretColors[this.variant]}\"\n                  name=\"arrowdown\"\n                ></nile-icon>\n              `\n            : ''}\n          ${this.loading ? html`<nile-spinner></nile-spinner>` : ''}\n        </a>\n      `;\n    }\n    else{\n      return html`\n      <button\n        part=\"base\"\n        class=${classMap({\n          button: true,\n          'button--primary': this.variant === 'primary',\n          'button--secondary': this.variant === 'secondary',\n          'button--tertiary': this.variant === 'tertiary',\n          'button--caution': this.variant === 'caution',\n          'button--ghost': this.variant === 'ghost',\n          'button--destructive': this.variant === 'destructive',\n          'button--secondary-grey': this.variant === 'secondary-grey',\n          'button--secondary-blue': this.variant === 'secondary-blue',\n          'button--hideborder': this.hideBorder,\n          'button--medium': this.size === 'medium',\n          'button--caret': this.caret,\n          'button--circle': this.circle,\n          'button--disabled': this.disabled,\n          'button--focused': this.hasFocus,\n          'button--loading': this.loading,\n          'button--standard': !this.outline,\n          'button--outline': this.outline,\n          'button--pill': this.pill,\n          'button--has-label': this.hasSlotController.test('[default]'),\n          'button--has-prefix': this.hasSlotController.test('prefix'),\n          'button--has-suffix': this.hasSlotController.test('suffix'),\n        })}\n        ?disabled=${this.disabled}\n        type=${this.type}\n        name=${ifDefined(this.name)}\n        value=${ifDefined(this.value)}\n        title=${this.title}\n        aria-disabled=${this.disabled ? 'true' : 'false'}\n        tabindex=${this.disabled ? '-1' : '0'}\n        @blur=${this.handleBlur}\n        @focus=${this.handleFocus}\n        @invalid=${this.handleInvalid}\n        @click=${this.handleClick}\n      >\n        <slot name=\"prefix\" part=\"prefix\" class=\"button__prefix\"></slot>\n        <slot part=\"label\" class=\"button__label\"></slot>\n        <slot name=\"suffix\" part=\"suffix\" class=\"button__suffix\"></slot>\n        ${this.caret\n          ? html`\n              <nile-icon\n                part=\"caret\"\n                class=\"button__caret\"\n                color=\"${variantCaretColors[this.variant]}\"\n                name=\"arrowdown\"\n              ></nile-icon>\n            `\n          : ''}\n        ${this.loading ? html`<nile-spinner></nile-spinner>` : ''}\n      </button>\n    `;\n    }\n  }\n}\n\nexport default NileButton;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-button': NileButton;\n  }\n}\n"],"names":["NileButton","_a","d","constructor","this","formControlController","FormControlController","form","input","hasAttribute","doc","getRootNode","formId","getAttribute","getElementById","closest","assumeInteractionOn","hasSlotController","HasSlotController","hasFocus","invalid","title","variant","size","caret","disabled","loading","outline","pill","circle","type","name","value","href","rel","hideBorder","_this","_inherits","_createClass","key","get","validity","isButton","button","validValidityState","validationMessage","connectedCallback","super","handleHostClick","bind","addEventListener","emit","disconnectedCallback","removeEventListener","firstUpdated","updateValidity","handleBlur","handleFocus","handleClick","submit","reset","event","preventDefault","stopImmediatePropagation","handleInvalid","setValidity","emitInvalidEvent","isLink","handleDisabledChange","click","focus","options","blur","checkValidity","getForm","reportValidity","setCustomValidity","message","render","literal","_templateObject","_taggedTemplateLiteral","_templateObject2","variantCaretColors","primary","secondary","tertiary","caution","ghost","destructive","html","_templateObject3","classMap","test","ifDefined","target","download","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","NileElement","styles","__decorate","query","prototype","state","property","reflect","Boolean","attribute","watch","waitUntilFirstUpdate","_export","customElement"],"mappings":"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"}
+{"version":3,"file":"nile-button.cjs.js","sources":["../../../src/nile-button/nile-button.ts"],"sourcesContent":["import '../nile-icon';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { FormControlController, validValidityState } from '../internal/form';\nimport { HasSlotController } from '../internal/slot';\nimport { html } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { watch } from '../internal/watch';\nimport { styles } from './nile-button.css';\nimport type { CSSResultGroup, TemplateResult } from 'lit';\nimport type { NileFormControl } from '../internal/nile-element';\nimport NileElement from '../internal/nile-element';\nimport { literal } from 'lit/static-html.js';\n/**\n * @summary Buttons represent actions that are available to the user.\n * @status stable\n * @since 2.0\n *\n * @dependency nile-icon\n * @dependency nile-spinner\n *\n * @event nile-blur - Emitted when the button loses focus.\n * @event nile-focus - Emitted when the button gains focus.\n * @event nile-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n *\n * @slot - The button's label.\n * @slot prefix - A presentational prefix icon or similar element.\n * @slot suffix - A presentational suffix icon or similar element.\n *\n * @csspart base - The component's base wrapper.\n * @csspart prefix - The container that wraps the prefix.\n * @csspart label - The button's label.\n * @csspart suffix - The container that wraps the suffix.\n * @csspart caret - The button's caret icon, an `<nile-icon>` element.\n */\n\n@customElement('nile-button')\nexport class NileButton extends NileElement implements NileFormControl {\n  static styles: CSSResultGroup = styles;\n\n  private readonly formControlController = new FormControlController(this, {\n    form: input => {\n      // Buttons support a form attribute that points to an arbitrary form, so if this attribute is set we need to query\n      // the form from the same root using its id\n      if (input.hasAttribute('form')) {\n        const doc = input.getRootNode() as Document | ShadowRoot;\n        const formId = input.getAttribute('form')!;\n        return doc.getElementById(formId) as HTMLFormElement;\n      }\n\n      // Fall back to the closest containing form\n      return input.closest('form');\n    },\n    assumeInteractionOn: ['click'],\n  });\n  private readonly hasSlotController = new HasSlotController(\n    this,\n    '[default]',\n    'prefix',\n    'suffix'\n  );\n\n  @query('.button') button: HTMLButtonElement | HTMLLinkElement;\n\n  @state() private hasFocus = false;\n  @state() invalid = false;\n  @property() title = ''; // make reactive to pass through\n\n  /** The button's theme variant. */\n  @property({ reflect: true }) variant:\n    | 'primary'\n    | 'secondary'\n    | 'tertiary'\n    | 'caution'\n    | 'ghost'\n    | 'destructive'\n    | 'secondary-grey'\n    | 'secondary-blue' = 'primary';\n\n  /** The button's size. */\n  @property({ reflect: true }) size: 'medium' = 'medium';\n\n  /** Draws the button with a caret. Used to indicate that the button triggers a dropdown menu or similar behavior. */\n  @property({ type: Boolean, reflect: true }) caret = false;\n\n  /** Disables the button. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** Draws the button in a loading state. */\n  @property({ type: Boolean, reflect: true }) loading = false;\n\n  /** Draws an outlined button. */\n  @property({ type: Boolean, reflect: true }) outline = false;\n\n  /** Draws a pill-style button with rounded edges. */\n  @property({ type: Boolean, reflect: true }) pill = false;\n\n  /**\n   * Draws a circular icon button. When this attribute is present, the button expects a single `<nile-icon>` in the\n   * default slot.\n   */\n  @property({ type: Boolean, reflect: true }) circle = false;\n\n  /**\n   * The type of button. Note that the default value is `button` instead of `submit`, which is opposite of how native\n   * `<button>` elements behave. When the type is `submit`, the button will submit the surrounding form.\n   */\n  @property() type: 'button' | 'submit' | 'reset' = 'button';\n\n  /**\n   * The name of the button, submitted as a name/value pair with form data, but only when this button is the submitter.\n   * This attribute is ignored when `href` is present.\n   */\n  @property() name = '';\n\n  /**\n   * The value of the button, submitted as a pair with the button's name as part of the form data, but only when this\n   * button is the submitter. This attribute is ignored when `href` is present.\n   */\n  @property() value = '';\n\n  /** When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`. */\n  @property() href = '';\n\n  /** Tells the browser where to open the link. Only used when `href` is present. */\n  @property() target: '_blank' | '_parent' | '_self' | '_top';\n\n  /**\n   * When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the\n   * default is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a\n   * specific tab/window, this will prevent that from working correctly. You can remove or change the default value by\n   * setting the attribute to an empty string or a value of your choice, respectively.\n   */\n  @property() rel = 'noreferrer noopener';\n\n  /** Tells the browser to download the linked file as this filename. Only used when `href` is present. */\n  @property() download?: string;\n\n  /**\n   * The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\n   * value of this attribute must be an id of a form in the same document or shadow root as the button.\n   */\n  @property() form: string;\n\n  /** Used to override the form owner's `action` attribute. */\n  @property({ attribute: 'formaction' }) formAction: string;\n\n  /** Used to override the form owner's `enctype` attribute.  */\n  @property({ attribute: 'formenctype' })\n  formEnctype:\n    | 'application/x-www-form-urlencoded'\n    | 'multipart/form-data'\n    | 'text/plain';\n\n  /** Used to override the form owner's `method` attribute.  */\n  @property({ attribute: 'formmethod' }) formMethod: 'post' | 'get';\n\n  /** Used to override the form owner's `novalidate` attribute. */\n  @property({ attribute: 'formnovalidate', type: Boolean })\n  formNoValidate: boolean;\n\n  /** Used to override the form owner's `target` attribute. */\n  @property({ attribute: 'formtarget' }) formTarget:\n    | '_self'\n    | '_blank'\n    | '_parent'\n    | '_top'\n    | string;\n\n  @property({ type: Boolean, reflect: true, attribute: 'hide-border' })\n  hideBorder = false;\n\n  /** Gets the validity state object */\n  get validity() {\n    if (this.isButton()) {\n      return (this.button as HTMLButtonElement).validity;\n    }\n\n    return validValidityState;\n  }\n\n  /** Gets the validation message */\n  get validationMessage() {\n    if (this.isButton()) {\n      return (this.button as HTMLButtonElement).validationMessage;\n    }\n\n    return '';\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.handleHostClick = this.handleHostClick.bind(this);\n    this.addEventListener('click', this.handleHostClick);\n    this.emit('nile-init');\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('click', this.handleHostClick);\n    this.emit('nile-destroy');\n  }\n\n  firstUpdated() {\n    if (this.isButton()) {\n      this.formControlController.updateValidity();\n    }\n  }\n\n  private handleBlur() {\n    this.hasFocus = false;\n    this.emit('nile-blur');\n  }\n\n  private handleFocus() {\n    this.hasFocus = true;\n    this.emit('nile-focus');\n  }\n\n  private handleClick() {\n    if (this.type === 'submit') {\n      this.formControlController.submit(this);\n    }\n\n    if (this.type === 'reset') {\n      this.formControlController.reset(this);\n    }\n  }\n\n  private handleHostClick(event: MouseEvent) {\n    // Prevent the click event from being emitted when the button is disabled or loading\n    if (this.disabled || this.loading) {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n    }\n  }\n\n  private handleInvalid(event: Event) {\n    this.formControlController.setValidity(false);\n    this.formControlController.emitInvalidEvent(event);\n  }\n\n  private isButton() {\n    return this.href ? false : true;\n  }\n\n  private isLink() {\n    return this.href ? true : false;\n  }\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  handleDisabledChange() {\n    if (this.isButton()) {\n      // Disabled form controls are always valid\n      this.formControlController.setValidity(this.disabled);\n    }\n  }\n\n  /** Simulates a click on the button. */\n  click() {\n    this.button.click();\n  }\n\n  /** Sets focus on the button. */\n  focus(options?: FocusOptions) {\n    this.button.focus(options);\n  }\n\n  /** Removes focus from the button. */\n  blur() {\n    this.button.blur();\n  }\n\n  /** Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. */\n  checkValidity() {\n    if (this.isButton()) {\n      return (this.button as HTMLButtonElement).checkValidity();\n    }\n\n    return true;\n  }\n\n  /** Gets the associated form, if one exists. */\n  getForm(): HTMLFormElement | null {\n    return this.formControlController.getForm();\n  }\n\n  /** Checks for validity and shows the browser's validation message if the control is invalid. */\n  reportValidity() {\n    if (this.isButton()) {\n      return (this.button as HTMLButtonElement).reportValidity();\n    }\n\n    return true;\n  }\n\n  /** Sets a custom validation message. Pass an empty string to restore validity. */\n  setCustomValidity(message: string) {\n    if (this.isButton()) {\n      (this.button as HTMLButtonElement).setCustomValidity(message);\n      this.formControlController.updateValidity();\n    }\n  }\n\n  render(): TemplateResult {\n    const isLink = this.isLink();\n    const tag = isLink ? literal`a` : literal`button`;\n\n    const variantCaretColors = {\n      primary: 'white',\n      secondary: 'black',\n      tertiary: 'black',\n      caution: 'white',\n      ghost: 'black',\n      destructive: 'white',\n      'secondary-grey': 'black',\n      'secondary-blue': 'black',\n      'tertiary-blue': 'black',\n    };\n\n    if(this.isLink()){\n      return html`\n        <a\n          part=\"base\"\n          class=${classMap({\n            button: true,\n            'button--primary': this.variant === 'primary',\n            'button--secondary': this.variant === 'secondary',\n            'button--tertiary': this.variant === 'tertiary',\n            'button--caution': this.variant === 'caution',\n            'button--ghost': this.variant === 'ghost',\n            'button--destructive': this.variant === 'destructive',\n            'button--secondary-grey': this.variant === 'secondary-grey',\n            'button--secondary-blue': this.variant === 'secondary-blue',\n            'button--hideborder': this.hideBorder,\n            'button--medium': this.size === 'medium',\n            'button--caret': this.caret,\n            'button--circle': this.circle,\n            'button--disabled': this.disabled,\n            'button--focused': this.hasFocus,\n            'button--loading': this.loading,\n            'button--standard': !this.outline,\n            'button--outline': this.outline,\n            'button--pill': this.pill,\n            'button--has-label': this.hasSlotController.test('[default]'),\n            'button--has-prefix': this.hasSlotController.test('prefix'),\n            'button--has-suffix': this.hasSlotController.test('suffix'),\n          })}\n          href=${ifDefined(this.href)}\n          target=${ifDefined(this.target)}\n          download=${ifDefined(this.download)}\n          rel=${ifDefined(this.rel)}\n          title=${this.title}\n          role=\"button\"\n          aria-disabled=${this.disabled ? 'true' : 'false'}\n          tabindex=${this.disabled ? '-1' : '0'}\n          @blur=${this.handleBlur}\n          @focus=${this.handleFocus}\n          @click=${this.handleClick}\n        >\n          <slot name=\"prefix\" part=\"prefix\" class=\"button__prefix\"></slot>\n          <slot part=\"label\" class=\"button__label\"></slot>\n          <slot name=\"suffix\" part=\"suffix\" class=\"button__suffix\"></slot>\n          ${this.caret\n            ? html`\n                <nile-icon\n                  part=\"caret\"\n                  class=\"button__caret\"\n                  color=\"${variantCaretColors[this.variant]}\"\n                  name=\"arrowdown\"\n                ></nile-icon>\n              `\n            : ''}\n          ${this.loading ? html`<nile-spinner></nile-spinner>` : ''}\n        </a>\n      `;\n    }\n    else{\n      return html`\n      <button\n        part=\"base\"\n        class=${classMap({\n          button: true,\n          'button--primary': this.variant === 'primary',\n          'button--secondary': this.variant === 'secondary',\n          'button--tertiary': this.variant === 'tertiary',\n          'button--caution': this.variant === 'caution',\n          'button--ghost': this.variant === 'ghost',\n          'button--destructive': this.variant === 'destructive',\n          'button--secondary-grey': this.variant === 'secondary-grey',\n          'button--secondary-blue': this.variant === 'secondary-blue',\n          'button--hideborder': this.hideBorder,\n          'button--medium': this.size === 'medium',\n          'button--caret': this.caret,\n          'button--circle': this.circle,\n          'button--disabled': this.disabled,\n          'button--focused': this.hasFocus,\n          'button--loading': this.loading,\n          'button--standard': !this.outline,\n          'button--outline': this.outline,\n          'button--pill': this.pill,\n          'button--has-label': this.hasSlotController.test('[default]'),\n          'button--has-prefix': this.hasSlotController.test('prefix'),\n          'button--has-suffix': this.hasSlotController.test('suffix'),\n        })}\n        ?disabled=${this.disabled}\n        type=${this.type}\n        name=${ifDefined(this.name)}\n        value=${ifDefined(this.value)}\n        title=${this.title}\n        aria-disabled=${this.disabled ? 'true' : 'false'}\n        tabindex=${this.disabled ? '-1' : '0'}\n        @blur=${this.handleBlur}\n        @focus=${this.handleFocus}\n        @invalid=${this.handleInvalid}\n        @click=${this.handleClick}\n      >\n        <slot name=\"prefix\" part=\"prefix\" class=\"button__prefix\"></slot>\n        <slot part=\"label\" class=\"button__label\"></slot>\n        <slot name=\"suffix\" part=\"suffix\" class=\"button__suffix\"></slot>\n        ${this.caret\n          ? html`\n              <nile-icon\n                part=\"caret\"\n                class=\"button__caret\"\n                color=\"${variantCaretColors[this.variant]}\"\n                name=\"arrowdown\"\n              ></nile-icon>\n            `\n          : ''}\n        ${this.loading ? html`<nile-spinner></nile-spinner>` : ''}\n      </button>\n    `;\n    }\n  }\n}\n\nexport default NileButton;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-button': NileButton;\n  }\n}\n"],"names":["NileButton","d","this","formControlController","FormControlController","form","input","hasAttribute","doc","getRootNode","formId","getAttribute","getElementById","closest","assumeInteractionOn","hasSlotController","HasSlotController","hasFocus","invalid","title","variant","size","caret","disabled","loading","outline","pill","circle","type","name","value","href","rel","hideBorder","_this","_inherits","_a","_createClass","key","get","validity","isButton","button","validValidityState","validationMessage","connectedCallback","super","handleHostClick","bind","addEventListener","emit","disconnectedCallback","removeEventListener","firstUpdated","updateValidity","handleBlur","handleFocus","handleClick","submit","reset","event","preventDefault","stopImmediatePropagation","handleInvalid","setValidity","emitInvalidEvent","isLink","handleDisabledChange","click","focus","options","blur","checkValidity","getForm","reportValidity","setCustomValidity","message","render","literal","_templateObject","_taggedTemplateLiteral","_templateObject2","variantCaretColors","primary","secondary","tertiary","caution","ghost","destructive","html","_templateObject3","classMap","test","ifDefined","target","download","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","NileElement","styles","__decorate","query","prototype","state","property","reflect","Boolean","attribute","watch","waitUntilFirstUpdate","_export","customElement"],"mappings":"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"}

package/dist/nile-button/nile-button.esm.js

@@ -1,4 +1,4 @@
-import{__decorate as i}from"tslib";import"../nile-icon/index.esm.js";import{classMap as s}from"lit/directives/class-map.js";import{query as o,state as n,property as e,customElement as t}from"lit/decorators.js";import{F as c,v as m}from"../internal/form.esm.js";import{H as r}from"../internal/slot.esm.js";import{html as l}from"lit";import{ifDefined as p}from"lit/directives/if-defined.js";import{w as g}from"../internal/watch.esm.js";import{s as a}from"./nile-button.css.esm.js";import{N as v}from"../internal/nile-element.esm.js";import{literal as j}from"lit/static-html.js";import"lit/directives/unsafe-svg.js";import"../nile-icon/icons/svg/index.esm.js";import"../nile-icon/icons/svg/access-request.esm.js";import"../nile-icon/icons/svg/accessreview.esm.js";import"../nile-icon/icons/svg/action.esm.js";import"../nile-icon/icons/svg/activity-logs.esm.js";import"../nile-icon/icons/svg/address.esm.js";import"../nile-icon/icons/svg/admin-users.esm.js";import"../nile-icon/icons/svg/agent.esm.js";import"../nile-icon/icons/svg/aggregation.esm.js";import"../nile-icon/icons/svg/alert-circle.esm.js";import"../nile-icon/icons/svg/alert.esm.js";import"../nile-icon/icons/svg/allapplication.esm.js";import"../nile-icon/icons/svg/allsearch.esm.js";import"../nile-icon/icons/svg/analytics.esm.js";import"../nile-icon/icons/svg/api.esm.js";import"../nile-icon/icons/svg/applications-2.esm.js";import"../nile-icon/icons/svg/apply-filter.esm.js";import"../nile-icon/icons/svg/apps.esm.js";import"../nile-icon/icons/svg/aquera.esm.js";import"../nile-icon/icons/svg/aquerasupport.esm.js";import"../nile-icon/icons/svg/array-loop.esm.js";import"../nile-icon/icons/svg/array-of-boolean.esm.js";import"../nile-icon/icons/svg/array-of-integer.esm.js";import"../nile-icon/icons/svg/array-of-string.esm.js";import"../nile-icon/icons/svg/array.esm.js";import"../nile-icon/icons/svg/arrayofobject.esm.js";import"../nile-icon/icons/svg/arrow-narrow-left.esm.js";import"../nile-icon/icons/svg/arrow.esm.js";import"../nile-icon/icons/svg/arrowdown.esm.js";import"../nile-icon/icons/svg/arrowdropdown.esm.js";import"../nile-icon/icons/svg/arrowdropup.esm.js";import"../nile-icon/icons/svg/arrowleft.esm.js";import"../nile-icon/icons/svg/arrowright.esm.js";import"../nile-icon/icons/svg/arrowup.esm.js";import"../nile-icon/icons/svg/attribute-map-analysis-icon.esm.js";import"../nile-icon/icons/svg/attribute.esm.js";import"../nile-icon/icons/svg/attributemap.esm.js";import"../nile-icon/icons/svg/automation-details.esm.js";import"../nile-icon/icons/svg/back.esm.js";import"../nile-icon/icons/svg/bar-and-line-chart.esm.js";import"../nile-icon/icons/svg/bar-chart-square-02.esm.js";import"../nile-icon/icons/svg/bar-chart.esm.js";import"../nile-icon/icons/svg/bargraph.esm.js";import"../nile-icon/icons/svg/block.esm.js";import"../nile-icon/icons/svg/bluedot.esm.js";import"../nile-icon/icons/svg/book-closed.esm.js";import"../nile-icon/icons/svg/boolean.esm.js";import"../nile-icon/icons/svg/border_all.esm.js";import"../nile-icon/icons/svg/box.esm.js";import"../nile-icon/icons/svg/bubble-chart.esm.js";import"../nile-icon/icons/svg/bulk-sync.esm.js";import"../nile-icon/icons/svg/button-loading-black.esm.js";import"../nile-icon/icons/svg/button-loading-blue-animated.esm.js";import"../nile-icon/icons/svg/button-loading-blue.esm.js";import"../nile-icon/icons/svg/button-loading-white.esm.js";import"../nile-icon/icons/svg/calendar.esm.js";import"../nile-icon/icons/svg/cases.esm.js";import"../nile-icon/icons/svg/cell-loader.esm.js";import"../nile-icon/icons/svg/certification.esm.js";import"../nile-icon/icons/svg/check-circle.esm.js";import"../nile-icon/icons/svg/check-done-01.esm.js";import"../nile-icon/icons/svg/check-done-02.esm.js";import"../nile-icon/icons/svg/chevron-left-double.esm.js";import"../nile-icon/icons/svg/chevron-up.esm.js";import"../nile-icon/icons/svg/class.esm.js";import"../nile-icon/icons/svg/clock-check.esm.js";import"../nile-icon/icons/svg/clock-rewind.esm.js";import"../nile-icon/icons/svg/clock.esm.js";import"../nile-icon/icons/svg/close.esm.js";import"../nile-icon/icons/svg/cloud-01.esm.js";import"../nile-icon/icons/svg/code-generator.esm.js";import"../nile-icon/icons/svg/collapse-1.esm.js";import"../nile-icon/icons/svg/collapse.esm.js";import"../nile-icon/icons/svg/color.esm.js";import"../nile-icon/icons/svg/column-02.esm.js";import"../nile-icon/icons/svg/column-add.esm.js";import"../nile-icon/icons/svg/columns-03.esm.js";import"../nile-icon/icons/svg/combo1.esm.js";import"../nile-icon/icons/svg/comment.esm.js";import"../nile-icon/icons/svg/compact.esm.js";import"../nile-icon/icons/svg/compare-tiles.esm.js";import"../nile-icon/icons/svg/compare.esm.js";import"../nile-icon/icons/svg/component-menu.esm.js";import"../nile-icon/icons/svg/component.esm.js";import"../nile-icon/icons/svg/components-icon.esm.js";import"../nile-icon/icons/svg/componenttext.esm.js";import"../nile-icon/icons/svg/condition.esm.js";import"../nile-icon/icons/svg/conditions.esm.js";import"../nile-icon/icons/svg/connect.esm.js";import"../nile-icon/icons/svg/connectivitymap.esm.js";import"../nile-icon/icons/svg/connectorrightarrow.esm.js";import"../nile-icon/icons/svg/copy-06.esm.js";import"../nile-icon/icons/svg/copy.esm.js";import"../nile-icon/icons/svg/cor-analysis.esm.js";import"../nile-icon/icons/svg/correlation.esm.js";import"../nile-icon/icons/svg/cost-analytics.esm.js";import"../nile-icon/icons/svg/create.esm.js";import"../nile-icon/icons/svg/createuser.esm.js";import"../nile-icon/icons/svg/dashboard.esm.js";import"../nile-icon/icons/svg/data-insight.esm.js";import"../nile-icon/icons/svg/data-type-array.esm.js";import"../nile-icon/icons/svg/data-type-boolean.esm.js";import"../nile-icon/icons/svg/data-type-json.esm.js";import"../nile-icon/icons/svg/data-type-null.esm.js";import"../nile-icon/icons/svg/data-type-number.esm.js";import"../nile-icon/icons/svg/data-type-string.esm.js";import"../nile-icon/icons/svg/data-type-unknown.esm.js";import"../nile-icon/icons/svg/database.esm.js";import"../nile-icon/icons/svg/databaseview.esm.js";import"../nile-icon/icons/svg/dataflow-03.esm.js";import"../nile-icon/icons/svg/dataflow-04.esm.js";import"../nile-icon/icons/svg/default-cursor.esm.js";import"../nile-icon/icons/svg/default.esm.js";import"../nile-icon/icons/svg/delegate.esm.js";import"../nile-icon/icons/svg/delete.esm.js";import"../nile-icon/icons/svg/deligateduser.esm.js";import"../nile-icon/icons/svg/directory.esm.js";import"../nile-icon/icons/svg/disabled.esm.js";import"../nile-icon/icons/svg/dock-to-right.esm.js";import"../nile-icon/icons/svg/document-new.esm.js";import"../nile-icon/icons/svg/done-02.esm.js";import"../nile-icon/icons/svg/done.esm.js";import"../nile-icon/icons/svg/dontmap.esm.js";import"../nile-icon/icons/svg/donut.esm.js";import"../nile-icon/icons/svg/dotpoints-02.esm.js";import"../nile-icon/icons/svg/dots-grid.esm.js";import"../nile-icon/icons/svg/doublearrowleft.esm.js";import"../nile-icon/icons/svg/doublearrowright.esm.js";import"../nile-icon/icons/svg/dowhileloop.esm.js";import"../nile-icon/icons/svg/downgrade.esm.js";import"../nile-icon/icons/svg/download.esm.js";import"../nile-icon/icons/svg/drag.esm.js";import"../nile-icon/icons/svg/edit-write.esm.js";import"../nile-icon/icons/svg/else.esm.js";import"../nile-icon/icons/svg/email.esm.js";import"../nile-icon/icons/svg/enable.esm.js";import"../nile-icon/icons/svg/entities.esm.js";import"../nile-icon/icons/svg/entitlement.esm.js";import"../nile-icon/icons/svg/error.esm.js";import"../nile-icon/icons/svg/escalate.esm.js";import"../nile-icon/icons/svg/exactmatch.esm.js";import"../nile-icon/icons/svg/execute.esm.js";import"../nile-icon/icons/svg/expand-03.esm.js";import"../nile-icon/icons/svg/expand-06.esm.js";import"../nile-icon/icons/svg/expand-2.esm.js";import"../nile-icon/icons/svg/expand.esm.js";import"../nile-icon/icons/svg/eye-off.esm.js";import"../nile-icon/icons/svg/eye.esm.js";import"../nile-icon/icons/svg/eyeclosed.esm.js";import"../nile-icon/icons/svg/featured-icon.esm.js";import"../nile-icon/icons/svg/file-06.esm.js";import"../nile-icon/icons/svg/file-check-02.esm.js";import"../nile-icon/icons/svg/file-shield-01.esm.js";import"../nile-icon/icons/svg/file-shield-02.esm.js";import"../nile-icon/icons/svg/file-type-icon.esm.js";import"../nile-icon/icons/svg/file.esm.js";import"../nile-icon/icons/svg/filter-1.esm.js";import"../nile-icon/icons/svg/filter.esm.js";import"../nile-icon/icons/svg/fingerprint-03.esm.js";import"../nile-icon/icons/svg/firewall.esm.js";import"../nile-icon/icons/svg/firewallagent.esm.js";import"../nile-icon/icons/svg/flow.esm.js";import"../nile-icon/icons/svg/flowmap-agent.esm.js";import"../nile-icon/icons/svg/flowmap-application.esm.js";import"../nile-icon/icons/svg/flowmap-colorpalatte.esm.js";import"../nile-icon/icons/svg/flowmap-firewall-agent.esm.js";import"../nile-icon/icons/svg/flowmap-firewall.esm.js";import"../nile-icon/icons/svg/flowmap-gateway.esm.js";import"../nile-icon/icons/svg/flowmap-orchestration.esm.js";import"../nile-icon/icons/svg/flowmap-undo.esm.js";import"../nile-icon/icons/svg/flowmap-workflow.esm.js";import"../nile-icon/icons/svg/flowmap.esm.js";import"../nile-icon/icons/svg/folder.esm.js";import"../nile-icon/icons/svg/foreach.esm.js";import"../nile-icon/icons/svg/format_align_justify.esm.js";import"../nile-icon/icons/svg/format_align_left.esm.js";import"../nile-icon/icons/svg/format_align_middle.esm.js";import"../nile-icon/icons/svg/format_align_right.esm.js";import"../nile-icon/icons/svg/format_bold.esm.js";import"../nile-icon/icons/svg/format_clear.esm.js";import"../nile-icon/icons/svg/format_italic.esm.js";import"../nile-icon/icons/svg/format_list_bulleted.esm.js";import"../nile-icon/icons/svg/format_list_numbered.esm.js";import"../nile-icon/icons/svg/format_underline.esm.js";import"../nile-icon/icons/svg/frequency.esm.js";import"../nile-icon/icons/svg/full-union.esm.js";import"../nile-icon/icons/svg/fullscreen.esm.js";import"../nile-icon/icons/svg/fullscreenexit.esm.js";import"../nile-icon/icons/svg/fullscreenshrink.esm.js";import"../nile-icon/icons/svg/function.esm.js";import"../nile-icon/icons/svg/funnel-02.esm.js";import"../nile-icon/icons/svg/funnel.esm.js";import"../nile-icon/icons/svg/gateway.esm.js";import"../nile-icon/icons/svg/gauge.esm.js";import"../nile-icon/icons/svg/general.esm.js";import"../nile-icon/icons/svg/generationphase.esm.js";import"../nile-icon/icons/svg/global-search.esm.js";import"../nile-icon/icons/svg/globe-03.esm.js";import"../nile-icon/icons/svg/globe.esm.js";import"../nile-icon/icons/svg/goto.esm.js";import"../nile-icon/icons/svg/graph.esm.js";import"../nile-icon/icons/svg/graphedit.esm.js";import"../nile-icon/icons/svg/greendot.esm.js";import"../nile-icon/icons/svg/greydot.esm.js";import"../nile-icon/icons/svg/greylightdot.esm.js";import"../nile-icon/icons/svg/grid-01.esm.js";import"../nile-icon/icons/svg/group-analysis-icon.esm.js";import"../nile-icon/icons/svg/group.esm.js";import"../nile-icon/icons/svg/groupby.esm.js";import"../nile-icon/icons/svg/groups.esm.js";import"../nile-icon/icons/svg/guide-01.esm.js";import"../nile-icon/icons/svg/guide.esm.js";import"../nile-icon/icons/svg/handtool.esm.js";import"../nile-icon/icons/svg/header-child-workflow.esm.js";import"../nile-icon/icons/svg/header-flows.esm.js";import"../nile-icon/icons/svg/header-tasks.esm.js";import"../nile-icon/icons/svg/headphones-01.esm.js";import"../nile-icon/icons/svg/help.esm.js";import"../nile-icon/icons/svg/helpandsupport.esm.js";import"../nile-icon/icons/svg/helpers.esm.js";import"../nile-icon/icons/svg/helpsupport.esm.js";import"../nile-icon/icons/svg/history.esm.js";import"../nile-icon/icons/svg/identitygraph.esm.js";import"../nile-icon/icons/svg/identityledger.esm.js";import"../nile-icon/icons/svg/ifelse.esm.js";import"../nile-icon/icons/svg/ifelsenew.esm.js";import"../nile-icon/icons/svg/image.esm.js";import"../nile-icon/icons/svg/image_2.esm.js";import"../nile-icon/icons/svg/immutable.esm.js";import"../nile-icon/icons/svg/info-icon.esm.js";import"../nile-icon/icons/svg/info.esm.js";import"../nile-icon/icons/svg/inner-union.esm.js";import"../nile-icon/icons/svg/inprogress.esm.js";import"../nile-icon/icons/svg/insert-at-cursor.esm.js";import"../nile-icon/icons/svg/integer.esm.js";import"../nile-icon/icons/svg/intersection.esm.js";import"../nile-icon/icons/svg/js.esm.js";import"../nile-icon/icons/svg/key-performance-indicator.esm.js";import"../nile-icon/icons/svg/keyboard-01.esm.js";import"../nile-icon/icons/svg/keyword.esm.js";import"../nile-icon/icons/svg/kill.esm.js";import"../nile-icon/icons/svg/laptop-01.esm.js";import"../nile-icon/icons/svg/layers-three-02.esm.js";import"../nile-icon/icons/svg/layout-alt-02.esm.js";import"../nile-icon/icons/svg/layout-alt-03.esm.js";import"../nile-icon/icons/svg/left-join.esm.js";import"../nile-icon/icons/svg/left-union.esm.js";import"../nile-icon/icons/svg/leftpointarrow.esm.js";import"../nile-icon/icons/svg/life-buoy-01.esm.js";import"../nile-icon/icons/svg/line.esm.js";import"../nile-icon/icons/svg/link.esm.js";import"../nile-icon/icons/svg/link_2.esm.js";import"../nile-icon/icons/svg/list-attribute.esm.js";import"../nile-icon/icons/svg/list.esm.js";import"../nile-icon/icons/svg/loader.esm.js";import"../nile-icon/icons/svg/loading.esm.js";import"../nile-icon/icons/svg/loading2.esm.js";import"../nile-icon/icons/svg/lock.esm.js";import"../nile-icon/icons/svg/log-info.esm.js";import"../nile-icon/icons/svg/log.esm.js";import"../nile-icon/icons/svg/logo-white.esm.js";import"../nile-icon/icons/svg/logout.esm.js";import"../nile-icon/icons/svg/logs.esm.js";import"../nile-icon/icons/svg/loop.esm.js";import"../nile-icon/icons/svg/manage.esm.js";import"../nile-icon/icons/svg/map.esm.js";import"../nile-icon/icons/svg/mapcreate.esm.js";import"../nile-icon/icons/svg/mapdont.esm.js";import"../nile-icon/icons/svg/maponcreate.esm.js";import"../nile-icon/icons/svg/maponupdate.esm.js";import"../nile-icon/icons/svg/mapper.esm.js";import"../nile-icon/icons/svg/mapupdate.esm.js";import"../nile-icon/icons/svg/marker-pin-01.esm.js";import"../nile-icon/icons/svg/maximize.esm.js";import"../nile-icon/icons/svg/menu.esm.js";import"../nile-icon/icons/svg/message-notification-square.esm.js";import"../nile-icon/icons/svg/minus.esm.js";import"../nile-icon/icons/svg/monitor-01.esm.js";import"../nile-icon/icons/svg/mouse.esm.js";import"../nile-icon/icons/svg/move-application.esm.js";import"../nile-icon/icons/svg/moveleft.esm.js";import"../nile-icon/icons/svg/moveright.esm.js";import"../nile-icon/icons/svg/mute.esm.js";import"../nile-icon/icons/svg/my-integration.esm.js";import"../nile-icon/icons/svg/new-calendar.esm.js";import"../nile-icon/icons/svg/nightingale-chart.esm.js";import"../nile-icon/icons/svg/nlp.esm.js";import"../nile-icon/icons/svg/nomatch.esm.js";import"../nile-icon/icons/svg/note.esm.js";import"../nile-icon/icons/svg/notification.esm.js";import"../nile-icon/icons/svg/notificationadd.esm.js";import"../nile-icon/icons/svg/notificationadded.esm.js";import"../nile-icon/icons/svg/null.esm.js";import"../nile-icon/icons/svg/number.esm.js";import"../nile-icon/icons/svg/numberinput.esm.js";import"../nile-icon/icons/svg/numbers.esm.js";import"../nile-icon/icons/svg/object.esm.js";import"../nile-icon/icons/svg/operators.esm.js";import"../nile-icon/icons/svg/options.esm.js";import"../nile-icon/icons/svg/orchestration-solid.esm.js";import"../nile-icon/icons/svg/orchestration.esm.js";import"../nile-icon/icons/svg/organization.esm.js";import"../nile-icon/icons/svg/other.esm.js";import"../nile-icon/icons/svg/otherdetails.esm.js";import"../nile-icon/icons/svg/override.esm.js";import"../nile-icon/icons/svg/palletemenu.esm.js";import"../nile-icon/icons/svg/paperclip.esm.js";import"../nile-icon/icons/svg/partner.esm.js";import"../nile-icon/icons/svg/partners.esm.js";import"../nile-icon/icons/svg/pause.esm.js";import"../nile-icon/icons/svg/pencil.esm.js";import"../nile-icon/icons/svg/peopletask.esm.js";import"../nile-icon/icons/svg/persistent-variable.esm.js";import"../nile-icon/icons/svg/persistentdata.esm.js";import"../nile-icon/icons/svg/phone.esm.js";import"../nile-icon/icons/svg/pie.esm.js";import"../nile-icon/icons/svg/pin.esm.js";import"../nile-icon/icons/svg/play.esm.js";import"../nile-icon/icons/svg/play_pause.esm.js";import"../nile-icon/icons/svg/plus.esm.js";import"../nile-icon/icons/svg/pluscircle.esm.js";import"../nile-icon/icons/svg/plussquare.esm.js";import"../nile-icon/icons/svg/policy.esm.js";import"../nile-icon/icons/svg/potentialmatch.esm.js";import"../nile-icon/icons/svg/poweron.esm.js";import"../nile-icon/icons/svg/predefined.esm.js";import"../nile-icon/icons/svg/preview.esm.js";import"../nile-icon/icons/svg/printer.esm.js";import"../nile-icon/icons/svg/priority-high.esm.js";import"../nile-icon/icons/svg/priority-highest.esm.js";import"../nile-icon/icons/svg/priority-low.esm.js";import"../nile-icon/icons/svg/priority-medium.esm.js";import"../nile-icon/icons/svg/privilage.esm.js";import"../nile-icon/icons/svg/privilege.esm.js";import"../nile-icon/icons/svg/privilegeobject.esm.js";import"../nile-icon/icons/svg/process.esm.js";import"../nile-icon/icons/svg/professionaldetails.esm.js";import"../nile-icon/icons/svg/question.esm.js";import"../nile-icon/icons/svg/radar.esm.js";import"../nile-icon/icons/svg/radio.esm.js";import"../nile-icon/icons/svg/radioactive.esm.js";import"../nile-icon/icons/svg/radiodone.esm.js";import"../nile-icon/icons/svg/read.esm.js";import"../nile-icon/icons/svg/readexpression.esm.js";import"../nile-icon/icons/svg/readonly.esm.js";import"../nile-icon/icons/svg/readonlyuser.esm.js";import"../nile-icon/icons/svg/readuser.esm.js";import"../nile-icon/icons/svg/reddot.esm.js";import"../nile-icon/icons/svg/redo-02.esm.js";import"../nile-icon/icons/svg/redo.esm.js";import"../nile-icon/icons/svg/refresh.esm.js";import"../nile-icon/icons/svg/reminder.esm.js";import"../nile-icon/icons/svg/resize.esm.js";import"../nile-icon/icons/svg/resource.esm.js";import"../nile-icon/icons/svg/resource_analysis.esm.js";import"../nile-icon/icons/svg/resource_graph.esm.js";import"../nile-icon/icons/svg/restart_alt.esm.js";import"../nile-icon/icons/svg/revocation-cycle.esm.js";import"../nile-icon/icons/svg/right-join.esm.js";import"../nile-icon/icons/svg/right-union.esm.js";import"../nile-icon/icons/svg/rocket-02.esm.js";import"../nile-icon/icons/svg/role.esm.js";import"../nile-icon/icons/svg/run.esm.js";import"../nile-icon/icons/svg/sankey.esm.js";import"../nile-icon/icons/svg/save.esm.js";import"../nile-icon/icons/svg/savings.esm.js";import"../nile-icon/icons/svg/scatter-plot.esm.js";import"../nile-icon/icons/svg/schedule.esm.js";import"../nile-icon/icons/svg/schema.esm.js";import"../nile-icon/icons/svg/script.esm.js";import"../nile-icon/icons/svg/search-steps-icon.esm.js";import"../nile-icon/icons/svg/search.esm.js";import"../nile-icon/icons/svg/section.esm.js";import"../nile-icon/icons/svg/select-02.esm.js";import"../nile-icon/icons/svg/select.esm.js";import"../nile-icon/icons/svg/selectapplication.esm.js";import"../nile-icon/icons/svg/selectattributes.esm.js";import"../nile-icon/icons/svg/semi-circle-donut-chart.esm.js";import"../nile-icon/icons/svg/send.esm.js";import"../nile-icon/icons/svg/sendemail.esm.js";import"../nile-icon/icons/svg/sendescalation.esm.js";import"../nile-icon/icons/svg/sendreminder.esm.js";import"../nile-icon/icons/svg/server-03.esm.js";import"../nile-icon/icons/svg/settings-02.esm.js";import"../nile-icon/icons/svg/settings.esm.js";import"../nile-icon/icons/svg/share.esm.js";import"../nile-icon/icons/svg/shield-01.esm.js";import"../nile-icon/icons/svg/smartcode.esm.js";import"../nile-icon/icons/svg/sort.esm.js";import"../nile-icon/icons/svg/sort_ascending.esm.js";import"../nile-icon/icons/svg/sort_descending.esm.js";import"../nile-icon/icons/svg/sortascending.esm.js";import"../nile-icon/icons/svg/sortdescending.esm.js";import"../nile-icon/icons/svg/sortdown.esm.js";import"../nile-icon/icons/svg/sortup.esm.js";import"../nile-icon/icons/svg/stacked-bar-chart.esm.js";import"../nile-icon/icons/svg/step_into.esm.js";import"../nile-icon/icons/svg/step_out.esm.js";import"../nile-icon/icons/svg/step_over.esm.js";import"../nile-icon/icons/svg/stop.esm.js";import"../nile-icon/icons/svg/storybook.esm.js";import"../nile-icon/icons/svg/string.esm.js";import"../nile-icon/icons/svg/stringinput.esm.js";import"../nile-icon/icons/svg/stringletters.esm.js";import"../nile-icon/icons/svg/support.esm.js";import"../nile-icon/icons/svg/swap.esm.js";import"../nile-icon/icons/svg/switch.esm.js";import"../nile-icon/icons/svg/sync.esm.js";import"../nile-icon/icons/svg/table.esm.js";import"../nile-icon/icons/svg/tag.esm.js";import"../nile-icon/icons/svg/test.esm.js";import"../nile-icon/icons/svg/text-02.esm.js";import"../nile-icon/icons/svg/text.esm.js";import"../nile-icon/icons/svg/textarea-expander.esm.js";import"../nile-icon/icons/svg/thumbsdown.esm.js";import"../nile-icon/icons/svg/thumbsup.esm.js";import"../nile-icon/icons/svg/thumsup.esm.js";import"../nile-icon/icons/svg/tick.esm.js";import"../nile-icon/icons/svg/timeupdate.esm.js";import"../nile-icon/icons/svg/timezone.esm.js";import"../nile-icon/icons/svg/transaction_monitor.esm.js";import"../nile-icon/icons/svg/trend-up-02.esm.js";import"../nile-icon/icons/svg/trigger.esm.js";import"../nile-icon/icons/svg/undo-02.esm.js";import"../nile-icon/icons/svg/undo.esm.js";import"../nile-icon/icons/svg/union.esm.js";import"../nile-icon/icons/svg/unmute.esm.js";import"../nile-icon/icons/svg/update.esm.js";import"../nile-icon/icons/svg/updown.esm.js";import"../nile-icon/icons/svg/upgrade.esm.js";import"../nile-icon/icons/svg/upload.esm.js";import"../nile-icon/icons/svg/user-group.esm.js";import"../nile-icon/icons/svg/user.esm.js";import"../nile-icon/icons/svg/useractive.esm.js";import"../nile-icon/icons/svg/useradd.esm.js";import"../nile-icon/icons/svg/useraddgroup.esm.js";import"../nile-icon/icons/svg/userfind.esm.js";import"../nile-icon/icons/svg/userimport.esm.js";import"../nile-icon/icons/svg/userimportgroup.esm.js";import"../nile-icon/icons/svg/usermixed.esm.js";import"../nile-icon/icons/svg/userremove.esm.js";import"../nile-icon/icons/svg/userremovegroup.esm.js";import"../nile-icon/icons/svg/users-plus.esm.js";import"../nile-icon/icons/svg/users-up.esm.js";import"../nile-icon/icons/svg/users.esm.js";import"../nile-icon/icons/svg/userupdate.esm.js";import"../nile-icon/icons/svg/validationexpression.esm.js";import"../nile-icon/icons/svg/variable-global.esm.js";import"../nile-icon/icons/svg/variable-local.esm.js";import"../nile-icon/icons/svg/variable-new.esm.js";import"../nile-icon/icons/svg/variable.esm.js";import"../nile-icon/icons/svg/video.esm.js";import"../nile-icon/icons/svg/view.esm.js";import"../nile-icon/icons/svg/virtualserver.esm.js";import"../nile-icon/icons/svg/virtualservergroup.esm.js";import"../nile-icon/icons/svg/visibility.esm.js";import"../nile-icon/icons/svg/visibilityoff.esm.js";import"../nile-icon/icons/svg/wait.esm.js";import"../nile-icon/icons/svg/warning-01.esm.js";import"../nile-icon/icons/svg/warning.esm.js";import"../nile-icon/icons/svg/whileloop.esm.js";import"../nile-icon/icons/svg/workflow-application.esm.js";import"../nile-icon/icons/svg/workflow-text.esm.js";import"../nile-icon/icons/svg/workflow.esm.js";import"../nile-icon/icons/svg/writeexpression.esm.js";import"../nile-icon/aliasmap.esm.js";let d=class extends v{constructor(){super(...arguments),this.formControlController=new c(this,{form:i=>{if(i.hasAttribute("form")){const s=i.getRootNode(),o=i.getAttribute("form");return s.getElementById(o)}return i.closest("form")},assumeInteractionOn:["click"]}),this.hasSlotController=new r(this,"[default]","prefix","suffix"),this.hasFocus=!1,this.invalid=!1,this.title="",this.variant="primary",this.size="medium",this.caret=!1,this.disabled=!1,this.loading=!1,this.outline=!1,this.pill=!1,this.circle=!1,this.type="button",this.name="",this.value="",this.href="",this.rel="noreferrer noopener",this.hideBorder=!1}get validity(){return this.isButton()?this.button.validity:m}get validationMessage(){return this.isButton()?this.button.validationMessage:""}connectedCallback(){super.connectedCallback(),this.handleHostClick=this.handleHostClick.bind(this),this.addEventListener("click",this.handleHostClick),this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleHostClick),this.emit("nile-destroy")}firstUpdated(){this.isButton()&&this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("nile-blur")}handleFocus(){this.hasFocus=!0,this.emit("nile-focus")}handleClick(){"submit"===this.type&&this.formControlController.submit(this),"reset"===this.type&&this.formControlController.reset(this)}handleHostClick(i){(this.disabled||this.loading)&&(i.preventDefault(),i.stopImmediatePropagation())}handleInvalid(i){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(i)}isButton(){return!this.href}isLink(){return!!this.href}handleDisabledChange(){this.isButton()&&this.formControlController.setValidity(this.disabled)}click(){this.button.click()}focus(i){this.button.focus(i)}blur(){this.button.blur()}checkValidity(){return!this.isButton()||this.button.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return!this.isButton()||this.button.reportValidity()}setCustomValidity(i){this.isButton()&&(this.button.setCustomValidity(i),this.formControlController.updateValidity())}render(){this.isLink()?j`a`:j`button`;const i={primary:"white",secondary:"black",tertiary:"black",caution:"white",ghost:"black",destructive:"white","secondary-grey":"black","secondary-blue":"black","tertiary-blue":"black"};return this.isLink()?l`
+import{__decorate as i}from"tslib";import"../nile-icon/index.esm.js";import{classMap as s}from"lit/directives/class-map.js";import{query as o,state as n,property as e,customElement as t}from"lit/decorators.js";import{F as c,v as m}from"../internal/form.esm.js";import{H as r}from"../internal/slot.esm.js";import{html as l}from"lit";import{ifDefined as p}from"lit/directives/if-defined.js";import{w as g}from"../internal/watch.esm.js";import{s as a}from"./nile-button.css.esm.js";import{N as v}from"../internal/nile-element.esm.js";import{literal as j}from"lit/static-html.js";import"lit/directives/unsafe-svg.js";import"../nile-icon/icons/svg/index.esm.js";import"../nile-icon/icons/svg/access-request.esm.js";import"../nile-icon/icons/svg/accessreview.esm.js";import"../nile-icon/icons/svg/action.esm.js";import"../nile-icon/icons/svg/activity-logs.esm.js";import"../nile-icon/icons/svg/address.esm.js";import"../nile-icon/icons/svg/admin-users.esm.js";import"../nile-icon/icons/svg/agent.esm.js";import"../nile-icon/icons/svg/aggregation.esm.js";import"../nile-icon/icons/svg/alert-circle.esm.js";import"../nile-icon/icons/svg/alert.esm.js";import"../nile-icon/icons/svg/allapplication.esm.js";import"../nile-icon/icons/svg/allsearch.esm.js";import"../nile-icon/icons/svg/analytics.esm.js";import"../nile-icon/icons/svg/api.esm.js";import"../nile-icon/icons/svg/applications-2.esm.js";import"../nile-icon/icons/svg/apply-filter.esm.js";import"../nile-icon/icons/svg/apps.esm.js";import"../nile-icon/icons/svg/aquera.esm.js";import"../nile-icon/icons/svg/aquerasupport.esm.js";import"../nile-icon/icons/svg/array-loop.esm.js";import"../nile-icon/icons/svg/array-of-boolean.esm.js";import"../nile-icon/icons/svg/array-of-integer.esm.js";import"../nile-icon/icons/svg/array-of-string.esm.js";import"../nile-icon/icons/svg/array.esm.js";import"../nile-icon/icons/svg/arrayofobject.esm.js";import"../nile-icon/icons/svg/arrow-narrow-left.esm.js";import"../nile-icon/icons/svg/arrow.esm.js";import"../nile-icon/icons/svg/arrowdown.esm.js";import"../nile-icon/icons/svg/arrowdropdown.esm.js";import"../nile-icon/icons/svg/arrowdropup.esm.js";import"../nile-icon/icons/svg/arrowleft.esm.js";import"../nile-icon/icons/svg/arrowright.esm.js";import"../nile-icon/icons/svg/arrowup.esm.js";import"../nile-icon/icons/svg/attribute-map-analysis-icon.esm.js";import"../nile-icon/icons/svg/attribute.esm.js";import"../nile-icon/icons/svg/attributemap.esm.js";import"../nile-icon/icons/svg/automation-details.esm.js";import"../nile-icon/icons/svg/back.esm.js";import"../nile-icon/icons/svg/bar-and-line-chart.esm.js";import"../nile-icon/icons/svg/bar-chart-square-02.esm.js";import"../nile-icon/icons/svg/bar-chart.esm.js";import"../nile-icon/icons/svg/bargraph.esm.js";import"../nile-icon/icons/svg/block.esm.js";import"../nile-icon/icons/svg/bluedot.esm.js";import"../nile-icon/icons/svg/book-closed.esm.js";import"../nile-icon/icons/svg/boolean.esm.js";import"../nile-icon/icons/svg/border_all.esm.js";import"../nile-icon/icons/svg/box.esm.js";import"../nile-icon/icons/svg/bubble-chart.esm.js";import"../nile-icon/icons/svg/bulk-sync.esm.js";import"../nile-icon/icons/svg/button-loading-black.esm.js";import"../nile-icon/icons/svg/button-loading-blue-animated.esm.js";import"../nile-icon/icons/svg/button-loading-blue.esm.js";import"../nile-icon/icons/svg/button-loading-white.esm.js";import"../nile-icon/icons/svg/calendar.esm.js";import"../nile-icon/icons/svg/cases.esm.js";import"../nile-icon/icons/svg/cell-loader.esm.js";import"../nile-icon/icons/svg/certification.esm.js";import"../nile-icon/icons/svg/check-circle.esm.js";import"../nile-icon/icons/svg/check-done-01.esm.js";import"../nile-icon/icons/svg/check-done-02.esm.js";import"../nile-icon/icons/svg/chevron-left-double.esm.js";import"../nile-icon/icons/svg/chevron-up.esm.js";import"../nile-icon/icons/svg/class.esm.js";import"../nile-icon/icons/svg/clock-check.esm.js";import"../nile-icon/icons/svg/clock-rewind.esm.js";import"../nile-icon/icons/svg/clock.esm.js";import"../nile-icon/icons/svg/close.esm.js";import"../nile-icon/icons/svg/cloud-01.esm.js";import"../nile-icon/icons/svg/code-generator.esm.js";import"../nile-icon/icons/svg/collapse-1.esm.js";import"../nile-icon/icons/svg/collapse.esm.js";import"../nile-icon/icons/svg/color.esm.js";import"../nile-icon/icons/svg/column-02.esm.js";import"../nile-icon/icons/svg/column-add.esm.js";import"../nile-icon/icons/svg/columns-03.esm.js";import"../nile-icon/icons/svg/combo1.esm.js";import"../nile-icon/icons/svg/comment.esm.js";import"../nile-icon/icons/svg/compact.esm.js";import"../nile-icon/icons/svg/compare-tiles.esm.js";import"../nile-icon/icons/svg/compare.esm.js";import"../nile-icon/icons/svg/component-menu.esm.js";import"../nile-icon/icons/svg/component.esm.js";import"../nile-icon/icons/svg/components-icon.esm.js";import"../nile-icon/icons/svg/componenttext.esm.js";import"../nile-icon/icons/svg/condition.esm.js";import"../nile-icon/icons/svg/conditions.esm.js";import"../nile-icon/icons/svg/connect.esm.js";import"../nile-icon/icons/svg/connectivitymap.esm.js";import"../nile-icon/icons/svg/connectorrightarrow.esm.js";import"../nile-icon/icons/svg/copy-06.esm.js";import"../nile-icon/icons/svg/copy.esm.js";import"../nile-icon/icons/svg/cor-analysis.esm.js";import"../nile-icon/icons/svg/correlation.esm.js";import"../nile-icon/icons/svg/cost-analytics.esm.js";import"../nile-icon/icons/svg/create.esm.js";import"../nile-icon/icons/svg/createuser.esm.js";import"../nile-icon/icons/svg/dashboard.esm.js";import"../nile-icon/icons/svg/data-insight.esm.js";import"../nile-icon/icons/svg/data-type-array.esm.js";import"../nile-icon/icons/svg/data-type-boolean.esm.js";import"../nile-icon/icons/svg/data-type-json.esm.js";import"../nile-icon/icons/svg/data-type-null.esm.js";import"../nile-icon/icons/svg/data-type-number.esm.js";import"../nile-icon/icons/svg/data-type-string.esm.js";import"../nile-icon/icons/svg/data-type-unknown.esm.js";import"../nile-icon/icons/svg/database.esm.js";import"../nile-icon/icons/svg/databaseview.esm.js";import"../nile-icon/icons/svg/dataflow-03.esm.js";import"../nile-icon/icons/svg/dataflow-04.esm.js";import"../nile-icon/icons/svg/default-cursor.esm.js";import"../nile-icon/icons/svg/default.esm.js";import"../nile-icon/icons/svg/delegate.esm.js";import"../nile-icon/icons/svg/delete.esm.js";import"../nile-icon/icons/svg/deligateduser.esm.js";import"../nile-icon/icons/svg/directory.esm.js";import"../nile-icon/icons/svg/disabled.esm.js";import"../nile-icon/icons/svg/dock-to-right.esm.js";import"../nile-icon/icons/svg/document-new.esm.js";import"../nile-icon/icons/svg/done-02.esm.js";import"../nile-icon/icons/svg/done.esm.js";import"../nile-icon/icons/svg/dontmap.esm.js";import"../nile-icon/icons/svg/donut.esm.js";import"../nile-icon/icons/svg/dotpoints-02.esm.js";import"../nile-icon/icons/svg/dots-grid.esm.js";import"../nile-icon/icons/svg/doublearrowleft.esm.js";import"../nile-icon/icons/svg/doublearrowright.esm.js";import"../nile-icon/icons/svg/dowhileloop.esm.js";import"../nile-icon/icons/svg/downgrade.esm.js";import"../nile-icon/icons/svg/download.esm.js";import"../nile-icon/icons/svg/drag.esm.js";import"../nile-icon/icons/svg/edit-write.esm.js";import"../nile-icon/icons/svg/else.esm.js";import"../nile-icon/icons/svg/email.esm.js";import"../nile-icon/icons/svg/enable.esm.js";import"../nile-icon/icons/svg/entities.esm.js";import"../nile-icon/icons/svg/entitlement.esm.js";import"../nile-icon/icons/svg/error.esm.js";import"../nile-icon/icons/svg/escalate.esm.js";import"../nile-icon/icons/svg/exactmatch.esm.js";import"../nile-icon/icons/svg/execute.esm.js";import"../nile-icon/icons/svg/expand-03.esm.js";import"../nile-icon/icons/svg/expand-06.esm.js";import"../nile-icon/icons/svg/expand-2.esm.js";import"../nile-icon/icons/svg/expand.esm.js";import"../nile-icon/icons/svg/eye-off.esm.js";import"../nile-icon/icons/svg/eye.esm.js";import"../nile-icon/icons/svg/eyeclosed.esm.js";import"../nile-icon/icons/svg/featured-icon.esm.js";import"../nile-icon/icons/svg/file-06.esm.js";import"../nile-icon/icons/svg/file-check-02.esm.js";import"../nile-icon/icons/svg/file-shield-01.esm.js";import"../nile-icon/icons/svg/file-shield-02.esm.js";import"../nile-icon/icons/svg/file-type-icon.esm.js";import"../nile-icon/icons/svg/file.esm.js";import"../nile-icon/icons/svg/filter-1.esm.js";import"../nile-icon/icons/svg/filter.esm.js";import"../nile-icon/icons/svg/fingerprint-03.esm.js";import"../nile-icon/icons/svg/firewall.esm.js";import"../nile-icon/icons/svg/firewallagent.esm.js";import"../nile-icon/icons/svg/flow.esm.js";import"../nile-icon/icons/svg/flowmap-agent.esm.js";import"../nile-icon/icons/svg/flowmap-application.esm.js";import"../nile-icon/icons/svg/flowmap-colorpalatte.esm.js";import"../nile-icon/icons/svg/flowmap-firewall-agent.esm.js";import"../nile-icon/icons/svg/flowmap-firewall.esm.js";import"../nile-icon/icons/svg/flowmap-gateway.esm.js";import"../nile-icon/icons/svg/flowmap-orchestration.esm.js";import"../nile-icon/icons/svg/flowmap-undo.esm.js";import"../nile-icon/icons/svg/flowmap-workflow.esm.js";import"../nile-icon/icons/svg/flowmap.esm.js";import"../nile-icon/icons/svg/folder.esm.js";import"../nile-icon/icons/svg/foreach.esm.js";import"../nile-icon/icons/svg/frequency.esm.js";import"../nile-icon/icons/svg/full-union.esm.js";import"../nile-icon/icons/svg/fullscreen.esm.js";import"../nile-icon/icons/svg/fullscreenexit.esm.js";import"../nile-icon/icons/svg/fullscreenshrink.esm.js";import"../nile-icon/icons/svg/function.esm.js";import"../nile-icon/icons/svg/funnel-02.esm.js";import"../nile-icon/icons/svg/funnel.esm.js";import"../nile-icon/icons/svg/gateway.esm.js";import"../nile-icon/icons/svg/gauge.esm.js";import"../nile-icon/icons/svg/general.esm.js";import"../nile-icon/icons/svg/generationphase.esm.js";import"../nile-icon/icons/svg/global-search.esm.js";import"../nile-icon/icons/svg/globe-03.esm.js";import"../nile-icon/icons/svg/globe.esm.js";import"../nile-icon/icons/svg/goto.esm.js";import"../nile-icon/icons/svg/graph.esm.js";import"../nile-icon/icons/svg/graphedit.esm.js";import"../nile-icon/icons/svg/greendot.esm.js";import"../nile-icon/icons/svg/greydot.esm.js";import"../nile-icon/icons/svg/greylightdot.esm.js";import"../nile-icon/icons/svg/grid-01.esm.js";import"../nile-icon/icons/svg/group-analysis-icon.esm.js";import"../nile-icon/icons/svg/group.esm.js";import"../nile-icon/icons/svg/groupby.esm.js";import"../nile-icon/icons/svg/groups.esm.js";import"../nile-icon/icons/svg/guide-01.esm.js";import"../nile-icon/icons/svg/guide.esm.js";import"../nile-icon/icons/svg/handtool.esm.js";import"../nile-icon/icons/svg/header-child-workflow.esm.js";import"../nile-icon/icons/svg/header-flows.esm.js";import"../nile-icon/icons/svg/header-tasks.esm.js";import"../nile-icon/icons/svg/headphones-01.esm.js";import"../nile-icon/icons/svg/help.esm.js";import"../nile-icon/icons/svg/helpandsupport.esm.js";import"../nile-icon/icons/svg/helpers.esm.js";import"../nile-icon/icons/svg/helpsupport.esm.js";import"../nile-icon/icons/svg/history.esm.js";import"../nile-icon/icons/svg/identitygraph.esm.js";import"../nile-icon/icons/svg/identityledger.esm.js";import"../nile-icon/icons/svg/ifelse.esm.js";import"../nile-icon/icons/svg/ifelsenew.esm.js";import"../nile-icon/icons/svg/image.esm.js";import"../nile-icon/icons/svg/immutable.esm.js";import"../nile-icon/icons/svg/info-icon.esm.js";import"../nile-icon/icons/svg/info.esm.js";import"../nile-icon/icons/svg/inner-union.esm.js";import"../nile-icon/icons/svg/inprogress.esm.js";import"../nile-icon/icons/svg/insert-at-cursor.esm.js";import"../nile-icon/icons/svg/integer.esm.js";import"../nile-icon/icons/svg/intersection.esm.js";import"../nile-icon/icons/svg/js.esm.js";import"../nile-icon/icons/svg/key-performance-indicator.esm.js";import"../nile-icon/icons/svg/keyboard-01.esm.js";import"../nile-icon/icons/svg/keyword.esm.js";import"../nile-icon/icons/svg/kill.esm.js";import"../nile-icon/icons/svg/laptop-01.esm.js";import"../nile-icon/icons/svg/layers-three-02.esm.js";import"../nile-icon/icons/svg/layout-alt-02.esm.js";import"../nile-icon/icons/svg/layout-alt-03.esm.js";import"../nile-icon/icons/svg/left-join.esm.js";import"../nile-icon/icons/svg/left-union.esm.js";import"../nile-icon/icons/svg/leftpointarrow.esm.js";import"../nile-icon/icons/svg/life-buoy-01.esm.js";import"../nile-icon/icons/svg/line.esm.js";import"../nile-icon/icons/svg/link.esm.js";import"../nile-icon/icons/svg/list-attribute.esm.js";import"../nile-icon/icons/svg/list.esm.js";import"../nile-icon/icons/svg/loader.esm.js";import"../nile-icon/icons/svg/loading.esm.js";import"../nile-icon/icons/svg/loading2.esm.js";import"../nile-icon/icons/svg/lock.esm.js";import"../nile-icon/icons/svg/log-info.esm.js";import"../nile-icon/icons/svg/log.esm.js";import"../nile-icon/icons/svg/logo-white.esm.js";import"../nile-icon/icons/svg/logout.esm.js";import"../nile-icon/icons/svg/logs.esm.js";import"../nile-icon/icons/svg/loop.esm.js";import"../nile-icon/icons/svg/manage.esm.js";import"../nile-icon/icons/svg/map.esm.js";import"../nile-icon/icons/svg/mapcreate.esm.js";import"../nile-icon/icons/svg/mapdont.esm.js";import"../nile-icon/icons/svg/maponcreate.esm.js";import"../nile-icon/icons/svg/maponupdate.esm.js";import"../nile-icon/icons/svg/mapper.esm.js";import"../nile-icon/icons/svg/mapupdate.esm.js";import"../nile-icon/icons/svg/marker-pin-01.esm.js";import"../nile-icon/icons/svg/maximize.esm.js";import"../nile-icon/icons/svg/menu.esm.js";import"../nile-icon/icons/svg/message-notification-square.esm.js";import"../nile-icon/icons/svg/minus.esm.js";import"../nile-icon/icons/svg/monitor-01.esm.js";import"../nile-icon/icons/svg/mouse.esm.js";import"../nile-icon/icons/svg/move-application.esm.js";import"../nile-icon/icons/svg/moveleft.esm.js";import"../nile-icon/icons/svg/moveright.esm.js";import"../nile-icon/icons/svg/mute.esm.js";import"../nile-icon/icons/svg/my-integration.esm.js";import"../nile-icon/icons/svg/new-calendar.esm.js";import"../nile-icon/icons/svg/nightingale-chart.esm.js";import"../nile-icon/icons/svg/nlp.esm.js";import"../nile-icon/icons/svg/nomatch.esm.js";import"../nile-icon/icons/svg/note.esm.js";import"../nile-icon/icons/svg/notification.esm.js";import"../nile-icon/icons/svg/notificationadd.esm.js";import"../nile-icon/icons/svg/notificationadded.esm.js";import"../nile-icon/icons/svg/null.esm.js";import"../nile-icon/icons/svg/number.esm.js";import"../nile-icon/icons/svg/numberinput.esm.js";import"../nile-icon/icons/svg/numbers.esm.js";import"../nile-icon/icons/svg/object.esm.js";import"../nile-icon/icons/svg/operators.esm.js";import"../nile-icon/icons/svg/options.esm.js";import"../nile-icon/icons/svg/orchestration-solid.esm.js";import"../nile-icon/icons/svg/orchestration.esm.js";import"../nile-icon/icons/svg/organization.esm.js";import"../nile-icon/icons/svg/other.esm.js";import"../nile-icon/icons/svg/otherdetails.esm.js";import"../nile-icon/icons/svg/override.esm.js";import"../nile-icon/icons/svg/palletemenu.esm.js";import"../nile-icon/icons/svg/paperclip.esm.js";import"../nile-icon/icons/svg/partner.esm.js";import"../nile-icon/icons/svg/partners.esm.js";import"../nile-icon/icons/svg/pause.esm.js";import"../nile-icon/icons/svg/pencil.esm.js";import"../nile-icon/icons/svg/peopletask.esm.js";import"../nile-icon/icons/svg/persistent-variable.esm.js";import"../nile-icon/icons/svg/persistentdata.esm.js";import"../nile-icon/icons/svg/phone.esm.js";import"../nile-icon/icons/svg/pie.esm.js";import"../nile-icon/icons/svg/pin.esm.js";import"../nile-icon/icons/svg/play.esm.js";import"../nile-icon/icons/svg/play_pause.esm.js";import"../nile-icon/icons/svg/plus.esm.js";import"../nile-icon/icons/svg/pluscircle.esm.js";import"../nile-icon/icons/svg/plussquare.esm.js";import"../nile-icon/icons/svg/policy.esm.js";import"../nile-icon/icons/svg/potentialmatch.esm.js";import"../nile-icon/icons/svg/poweron.esm.js";import"../nile-icon/icons/svg/predefined.esm.js";import"../nile-icon/icons/svg/preview.esm.js";import"../nile-icon/icons/svg/printer.esm.js";import"../nile-icon/icons/svg/priority-high.esm.js";import"../nile-icon/icons/svg/priority-highest.esm.js";import"../nile-icon/icons/svg/priority-low.esm.js";import"../nile-icon/icons/svg/priority-medium.esm.js";import"../nile-icon/icons/svg/privilage.esm.js";import"../nile-icon/icons/svg/privilege.esm.js";import"../nile-icon/icons/svg/privilegeobject.esm.js";import"../nile-icon/icons/svg/process.esm.js";import"../nile-icon/icons/svg/professionaldetails.esm.js";import"../nile-icon/icons/svg/question.esm.js";import"../nile-icon/icons/svg/radar.esm.js";import"../nile-icon/icons/svg/radio.esm.js";import"../nile-icon/icons/svg/radioactive.esm.js";import"../nile-icon/icons/svg/radiodone.esm.js";import"../nile-icon/icons/svg/read.esm.js";import"../nile-icon/icons/svg/readexpression.esm.js";import"../nile-icon/icons/svg/readonly.esm.js";import"../nile-icon/icons/svg/readonlyuser.esm.js";import"../nile-icon/icons/svg/readuser.esm.js";import"../nile-icon/icons/svg/reddot.esm.js";import"../nile-icon/icons/svg/redo-02.esm.js";import"../nile-icon/icons/svg/redo.esm.js";import"../nile-icon/icons/svg/refresh.esm.js";import"../nile-icon/icons/svg/reminder.esm.js";import"../nile-icon/icons/svg/resize.esm.js";import"../nile-icon/icons/svg/resource.esm.js";import"../nile-icon/icons/svg/resource_analysis.esm.js";import"../nile-icon/icons/svg/resource_graph.esm.js";import"../nile-icon/icons/svg/restart_alt.esm.js";import"../nile-icon/icons/svg/revocation-cycle.esm.js";import"../nile-icon/icons/svg/right-join.esm.js";import"../nile-icon/icons/svg/right-union.esm.js";import"../nile-icon/icons/svg/rocket-02.esm.js";import"../nile-icon/icons/svg/role.esm.js";import"../nile-icon/icons/svg/run.esm.js";import"../nile-icon/icons/svg/sankey.esm.js";import"../nile-icon/icons/svg/save.esm.js";import"../nile-icon/icons/svg/savings.esm.js";import"../nile-icon/icons/svg/scatter-plot.esm.js";import"../nile-icon/icons/svg/schedule.esm.js";import"../nile-icon/icons/svg/schema.esm.js";import"../nile-icon/icons/svg/script.esm.js";import"../nile-icon/icons/svg/search-steps-icon.esm.js";import"../nile-icon/icons/svg/search.esm.js";import"../nile-icon/icons/svg/section.esm.js";import"../nile-icon/icons/svg/select-02.esm.js";import"../nile-icon/icons/svg/select.esm.js";import"../nile-icon/icons/svg/selectapplication.esm.js";import"../nile-icon/icons/svg/selectattributes.esm.js";import"../nile-icon/icons/svg/semi-circle-donut-chart.esm.js";import"../nile-icon/icons/svg/send.esm.js";import"../nile-icon/icons/svg/sendemail.esm.js";import"../nile-icon/icons/svg/sendescalation.esm.js";import"../nile-icon/icons/svg/sendreminder.esm.js";import"../nile-icon/icons/svg/server-03.esm.js";import"../nile-icon/icons/svg/settings-02.esm.js";import"../nile-icon/icons/svg/settings.esm.js";import"../nile-icon/icons/svg/share.esm.js";import"../nile-icon/icons/svg/shield-01.esm.js";import"../nile-icon/icons/svg/smartcode.esm.js";import"../nile-icon/icons/svg/sort.esm.js";import"../nile-icon/icons/svg/sort_ascending.esm.js";import"../nile-icon/icons/svg/sort_descending.esm.js";import"../nile-icon/icons/svg/sortascending.esm.js";import"../nile-icon/icons/svg/sortdescending.esm.js";import"../nile-icon/icons/svg/sortdown.esm.js";import"../nile-icon/icons/svg/sortup.esm.js";import"../nile-icon/icons/svg/stacked-bar-chart.esm.js";import"../nile-icon/icons/svg/step_into.esm.js";import"../nile-icon/icons/svg/step_out.esm.js";import"../nile-icon/icons/svg/step_over.esm.js";import"../nile-icon/icons/svg/stop.esm.js";import"../nile-icon/icons/svg/storybook.esm.js";import"../nile-icon/icons/svg/string.esm.js";import"../nile-icon/icons/svg/stringinput.esm.js";import"../nile-icon/icons/svg/stringletters.esm.js";import"../nile-icon/icons/svg/support.esm.js";import"../nile-icon/icons/svg/swap.esm.js";import"../nile-icon/icons/svg/switch.esm.js";import"../nile-icon/icons/svg/sync.esm.js";import"../nile-icon/icons/svg/table.esm.js";import"../nile-icon/icons/svg/tag.esm.js";import"../nile-icon/icons/svg/test.esm.js";import"../nile-icon/icons/svg/text-02.esm.js";import"../nile-icon/icons/svg/text.esm.js";import"../nile-icon/icons/svg/textarea-expander.esm.js";import"../nile-icon/icons/svg/thumbsdown.esm.js";import"../nile-icon/icons/svg/thumbsup.esm.js";import"../nile-icon/icons/svg/thumsup.esm.js";import"../nile-icon/icons/svg/tick.esm.js";import"../nile-icon/icons/svg/timeupdate.esm.js";import"../nile-icon/icons/svg/timezone.esm.js";import"../nile-icon/icons/svg/transaction_monitor.esm.js";import"../nile-icon/icons/svg/trend-up-02.esm.js";import"../nile-icon/icons/svg/trigger.esm.js";import"../nile-icon/icons/svg/undo-02.esm.js";import"../nile-icon/icons/svg/undo.esm.js";import"../nile-icon/icons/svg/union.esm.js";import"../nile-icon/icons/svg/unmute.esm.js";import"../nile-icon/icons/svg/update.esm.js";import"../nile-icon/icons/svg/updown.esm.js";import"../nile-icon/icons/svg/upgrade.esm.js";import"../nile-icon/icons/svg/upload.esm.js";import"../nile-icon/icons/svg/user-group.esm.js";import"../nile-icon/icons/svg/user.esm.js";import"../nile-icon/icons/svg/useractive.esm.js";import"../nile-icon/icons/svg/useradd.esm.js";import"../nile-icon/icons/svg/useraddgroup.esm.js";import"../nile-icon/icons/svg/userfind.esm.js";import"../nile-icon/icons/svg/userimport.esm.js";import"../nile-icon/icons/svg/userimportgroup.esm.js";import"../nile-icon/icons/svg/usermixed.esm.js";import"../nile-icon/icons/svg/userremove.esm.js";import"../nile-icon/icons/svg/userremovegroup.esm.js";import"../nile-icon/icons/svg/users-plus.esm.js";import"../nile-icon/icons/svg/users-up.esm.js";import"../nile-icon/icons/svg/users.esm.js";import"../nile-icon/icons/svg/userupdate.esm.js";import"../nile-icon/icons/svg/validationexpression.esm.js";import"../nile-icon/icons/svg/variable-global.esm.js";import"../nile-icon/icons/svg/variable-local.esm.js";import"../nile-icon/icons/svg/variable-new.esm.js";import"../nile-icon/icons/svg/variable.esm.js";import"../nile-icon/icons/svg/video.esm.js";import"../nile-icon/icons/svg/view.esm.js";import"../nile-icon/icons/svg/virtualserver.esm.js";import"../nile-icon/icons/svg/virtualservergroup.esm.js";import"../nile-icon/icons/svg/visibility.esm.js";import"../nile-icon/icons/svg/visibilityoff.esm.js";import"../nile-icon/icons/svg/wait.esm.js";import"../nile-icon/icons/svg/warning-01.esm.js";import"../nile-icon/icons/svg/warning.esm.js";import"../nile-icon/icons/svg/whileloop.esm.js";import"../nile-icon/icons/svg/workflow-application.esm.js";import"../nile-icon/icons/svg/workflow-text.esm.js";import"../nile-icon/icons/svg/workflow.esm.js";import"../nile-icon/icons/svg/writeexpression.esm.js";import"../nile-icon/aliasmap.esm.js";let d=class extends v{constructor(){super(...arguments),this.formControlController=new c(this,{form:i=>{if(i.hasAttribute("form")){const s=i.getRootNode(),o=i.getAttribute("form");return s.getElementById(o)}return i.closest("form")},assumeInteractionOn:["click"]}),this.hasSlotController=new r(this,"[default]","prefix","suffix"),this.hasFocus=!1,this.invalid=!1,this.title="",this.variant="primary",this.size="medium",this.caret=!1,this.disabled=!1,this.loading=!1,this.outline=!1,this.pill=!1,this.circle=!1,this.type="button",this.name="",this.value="",this.href="",this.rel="noreferrer noopener",this.hideBorder=!1}get validity(){return this.isButton()?this.button.validity:m}get validationMessage(){return this.isButton()?this.button.validationMessage:""}connectedCallback(){super.connectedCallback(),this.handleHostClick=this.handleHostClick.bind(this),this.addEventListener("click",this.handleHostClick),this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("click",this.handleHostClick),this.emit("nile-destroy")}firstUpdated(){this.isButton()&&this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("nile-blur")}handleFocus(){this.hasFocus=!0,this.emit("nile-focus")}handleClick(){"submit"===this.type&&this.formControlController.submit(this),"reset"===this.type&&this.formControlController.reset(this)}handleHostClick(i){(this.disabled||this.loading)&&(i.preventDefault(),i.stopImmediatePropagation())}handleInvalid(i){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(i)}isButton(){return!this.href}isLink(){return!!this.href}handleDisabledChange(){this.isButton()&&this.formControlController.setValidity(this.disabled)}click(){this.button.click()}focus(i){this.button.focus(i)}blur(){this.button.blur()}checkValidity(){return!this.isButton()||this.button.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return!this.isButton()||this.button.reportValidity()}setCustomValidity(i){this.isButton()&&(this.button.setCustomValidity(i),this.formControlController.updateValidity())}render(){this.isLink()?j`a`:j`button`;const i={primary:"white",secondary:"black",tertiary:"black",caution:"white",ghost:"black",destructive:"white","secondary-grey":"black","secondary-blue":"black","tertiary-blue":"black"};return this.isLink()?l`
         <a
           part="base"
           class=${s({button:!0,"button--primary":"primary"===this.variant,"button--secondary":"secondary"===this.variant,"button--tertiary":"tertiary"===this.variant,"button--caution":"caution"===this.variant,"button--ghost":"ghost"===this.variant,"button--destructive":"destructive"===this.variant,"button--secondary-grey":"secondary-grey"===this.variant,"button--secondary-blue":"secondary-blue"===this.variant,"button--hideborder":this.hideBorder,"button--medium":"medium"===this.size,"button--caret":this.caret,"button--circle":this.circle,"button--disabled":this.disabled,"button--focused":this.hasFocus,"button--loading":this.loading,"button--standard":!this.outline,"button--outline":this.outline,"button--pill":this.pill,"button--has-label":this.hasSlotController.test("[default]"),"button--has-prefix":this.hasSlotController.test("prefix"),"button--has-suffix":this.hasSlotController.test("suffix")})}