@aquera/nile-elements 0.0.2 → 0.0.3-1

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, literal } from 'lit/static-html.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { watch } from '../internal/watch';\nimport { styles } from './nile-button.css';\nimport type { CSSResultGroup } from 'lit';\nimport type { NileFormControl } from '../internal/nile-element';\nimport NileElement from '../internal/nile-element';\n\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(this, '[default]', 'prefix', 'suffix');\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: 'primary' | 'secondary' | 'tertiary' | 'caution'  = '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: 'application/x-www-form-urlencoded' | 'multipart/form-data' | '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 }) formNoValidate: boolean;\n\n  /** Used to override the form owner's `target` attribute. */\n  @property({ attribute: 'formtarget' }) formTarget: '_self' | '_blank' | '_parent' | '_top' | string;\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  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('click', this.handleHostClick);\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() {\n    const isLink = this.isLink();\n    const tag = isLink ? literal`a` : literal`button`;\n\n    /* eslint-disable lit/no-invalid-html */\n    /* eslint-disable lit/binding-positions */\n    return html`\n      <${tag}\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--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=${ifDefined(isLink ? undefined : this.disabled)}\n        type=${ifDefined(isLink ? undefined : this.type)}\n        title=${this.title /* An empty title prevents browser validation tooltips from appearing on hover */}\n        name=${ifDefined(isLink ? undefined : this.name)}\n        value=${ifDefined(isLink ? undefined : this.value)}\n        href=${ifDefined(isLink ? this.href : undefined)}\n        target=${ifDefined(isLink ? this.target : undefined)}\n        download=${ifDefined(isLink ? this.download : undefined)}\n        rel=${ifDefined(isLink ? this.rel : undefined)}\n        role=${ifDefined(isLink ? undefined : 'button')}\n        aria-disabled=${this.disabled ? 'true' : 'false'}\n        tabindex=${this.disabled ? '-1' : '0'}\n        @blur=${this.handleBlur}\n        @focus=${this.handleFocus}\n        @invalid=${this.isButton() ? this.handleInvalid : null}\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        ${\n          this.caret ? html` <nile-icon part=\"caret\" class=\"button__caret\" color=\"white\" name=\"arrowdown\"></nile-icon> ` : ''\n        }\n        ${this.loading ? html`<nile-spinner></nile-spinner>` : ''}\n      </${tag}>\n    `;\n  }\n}\n\nexport default NileButton;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n    'nile-button': NileButton;\n  }\n}\n"],"names":["NileButton","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","validity","isButton","button","validValidityState","validationMessage","connectedCallback","super","handleHostClick","bind","addEventListener","disconnectedCallback","removeEventListener","firstUpdated","updateValidity","handleBlur","emit","handleFocus","handleClick","submit","reset","event","preventDefault","stopImmediatePropagation","handleInvalid","setValidity","emitInvalidEvent","isLink","handleDisabledChange","click","focus","options","blur","checkValidity","getForm","reportValidity","setCustomValidity","message","render","tag","literal","html","classMap","test","ifDefined","undefined","target","download","NileElement","styles","__decorate","query","prototype","state","property","reflect","Boolean","attribute","watch","waitUntilFirstUpdate","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, literal } from 'lit/static-html.js';\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';\n\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(this, '[default]', 'prefix', 'suffix');\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: 'primary' | 'secondary' | 'tertiary' | 'caution'  = '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: 'application/x-www-form-urlencoded' | 'multipart/form-data' | '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 }) formNoValidate: boolean;\n\n  /** Used to override the form owner's `target` attribute. */\n  @property({ attribute: 'formtarget' }) formTarget: '_self' | '_blank' | '_parent' | '_top' | string;\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  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.removeEventListener('click', this.handleHostClick);\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    /* eslint-disable lit/no-invalid-html */\n    /* eslint-disable lit/binding-positions */\n    return html`\n      <${tag}\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--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=${ifDefined(isLink ? undefined : this.disabled)}\n        type=${ifDefined(isLink ? undefined : this.type)}\n        title=${this.title /* An empty title prevents browser validation tooltips from appearing on hover */}\n        name=${ifDefined(isLink ? undefined : this.name)}\n        value=${ifDefined(isLink ? undefined : this.value)}\n        href=${ifDefined(isLink ? this.href : undefined)}\n        target=${ifDefined(isLink ? this.target : undefined)}\n        download=${ifDefined(isLink ? this.download : undefined)}\n        rel=${ifDefined(isLink ? this.rel : undefined)}\n        role=${ifDefined(isLink ? undefined : 'button')}\n        aria-disabled=${this.disabled ? 'true' : 'false'}\n        tabindex=${this.disabled ? '-1' : '0'}\n        @blur=${this.handleBlur}\n        @focus=${this.handleFocus}\n        @invalid=${this.isButton() ? this.handleInvalid : null}\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        ${\n          this.caret ? html` <nile-icon part=\"caret\" class=\"button__caret\" color=\"white\" name=\"arrowdown\"></nile-icon> ` : ''\n        }\n        ${this.loading ? html`<nile-spinner></nile-spinner>` : ''}\n      </${tag}>\n    `;\n  }\n}\n\nexport default NileButton;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n    'nile-button': NileButton;\n  }\n}\n"],"names":["NileButton","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","validity","isButton","button","validValidityState","validationMessage","connectedCallback","super","handleHostClick","bind","addEventListener","disconnectedCallback","removeEventListener","firstUpdated","updateValidity","handleBlur","emit","handleFocus","handleClick","submit","reset","event","preventDefault","stopImmediatePropagation","handleInvalid","setValidity","emitInvalidEvent","isLink","handleDisabledChange","click","focus","options","blur","checkValidity","getForm","reportValidity","setCustomValidity","message","render","tag","literal","html","classMap","test","ifDefined","undefined","target","download","NileElement","styles","__decorate","query","prototype","state","property","reflect","Boolean","attribute","watch","waitUntilFirstUpdate","customElement"],"mappings":"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"}

package/dist/nile-date-picker/index.cjs.js

@@ -0,0 +1,2 @@
+System.register(["./nile-date-picker.cjs.js","tslib","../index-adad7634.cjs.js","lit/decorators.js","./nile-date-picker.css.cjs.js","../internal/watch.cjs.js","../internal/nile-element.cjs.js","lit","../nile-popup/nile-popup.cjs.js","lit/directives/class-map.js","../nile-popup/nile-popup.css.cjs.js","../property-ec52a751.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileDatePickerCjsJs){},function(_tslib){},function(_index001CjsJs){},function(_litDecoratorsJs){},function(_nileDatePickerCssCjsJs){},function(_internalWatchCjsJs){},function(_internalNileElementCjsJs){},function(_lit){},function(_nilePopupNilePopupCjsJs){},function(_litDirectivesClassMapJs){},function(_nilePopupNilePopupCssCjsJs){},function(_property002CjsJs){}],execute:function(){}};});
+//# sourceMappingURL=index.cjs.js.map

package/dist/nile-date-picker/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/nile-date-picker/index.esm.js

@@ -0,0 +1 @@
+import"./nile-date-picker.esm.js";import"tslib";import"../index-f1b94546.esm.js";import"lit/decorators.js";import"./nile-date-picker.css.esm.js";import"../internal/watch.esm.js";import"../internal/nile-element.esm.js";import"lit";import"../nile-popup/nile-popup.esm.js";import"lit/directives/class-map.js";import"../nile-popup/nile-popup.css.esm.js";import"../property-bf6307e2.esm.js";

package/dist/nile-date-picker/nile-date-picker.cjs.js

@@ -0,0 +1,2 @@
+System.register(["tslib","../index-adad7634.cjs.js","lit/decorators.js","./nile-date-picker.css.cjs.js","../internal/watch.cjs.js","../internal/nile-element.cjs.js","../nile-popup/nile-popup.cjs.js","../property-ec52a751.cjs.js","lit","lit/directives/class-map.js","../nile-popup/nile-popup.css.cjs.js"],function(_export,_context){"use strict";var t,i,s,e,n,a,h,l,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,r;function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1;}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err;}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return;}finally{if(_d)throw _e;}}return _arr;}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr;}function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableSpread();}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen);}function _iterableToArray(iter){if(typeof Symbol!=="undefined"&&iter[Symbol.iterator]!=null||iter["@@iterator"]!=null)return Array.from(iter);}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr);}function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2;}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}function _get(){if(typeof Reflect!=="undefined"&&Reflect.get){_get=Reflect.get.bind();}else{_get=function _get(target,property,receiver){var base=_superPropBase(target,property);if(!base)return;var desc=Object.getOwnPropertyDescriptor(base,property);if(desc.get){return desc.get.call(arguments.length<3?target:receiver);}return desc.value;};}return _get.apply(this,arguments);}function _superPropBase(object,property){while(!Object.prototype.hasOwnProperty.call(object,property)){object=_getPrototypeOf(object);if(object===null)break;}return object;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(typeof call==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_index001CjsJs){i=_index001CjsJs.y;},function(_litDecoratorsJs){s=_litDecoratorsJs.query;e=_litDecoratorsJs.customElement;},function(_nileDatePickerCssCjsJs){n=_nileDatePickerCssCjsJs.s;},function(_internalWatchCjsJs){a=_internalWatchCjsJs.w;},function(_internalNileElementCjsJs){h=_internalNileElementCjsJs.N;},function(_nilePopupNilePopupCjsJs){},function(_property002CjsJs){l=_property002CjsJs.e;},function(_lit){},function(_litDirectivesClassMapJs){},function(_nilePopupNilePopupCssCjsJs){}],execute:function(){r=/*#__PURE__*/function(_h){_inherits(r,_h);var _super=_createSuper(r);function r(){var _this;_classCallCheck(this,r);_this=_super.apply(this,arguments),_this.currentMonth=new Date().getMonth(),_this.currentYear=new Date().getFullYear(),_this.dropDownOpened=!1,_this.valueAttribute=null,_this.formattedDate=null,_this.startDate=null,_this.endDate=null,_this.isSelectingStart=!0,_this.range=!1;return _this;}_createClass(r,[{key:"valueChanged",value:function valueChanged(){if(this.range&&this.value)return this.rangeValue=this.value,void(this.value=null);if(this.value&&!isNaN(this.value.getTime())){var _t=this.value.getTimezoneOffset(),_i=new Date(this.value.getTime()-60*_t*1e3);isNaN(_i.getTime())||(this.valueAttribute=_i.toISOString().split("T")[0],this.formattedDate="".concat(String(_i.getDate()).padStart(2,"0"),"/").concat(String(_i.getMonth()+1).padStart(2,"0"),"/").concat(_i.getFullYear()));}}},{key:"updated",value:function updated(t){if(_get(_getPrototypeOf(r.prototype),"updated",this).call(this,t),t.has("valueAttribute")){var _t2=new Date(this.valueAttribute||"");if(!isNaN(_t2.getTime())){var _i2=_t2.getTimezoneOffset();this.value=new Date(_t2.getTime()-60*_i2*1e3),this.currentMonth=this.value.getMonth(),this.currentYear=this.value.getFullYear();}}}},{key:"attributeChangedCallback",value:function attributeChangedCallback(t,i,s){"value"===t?(this.valueAttribute=s,this.initializeValue()):"range"===t&&(this.range=null!==s);}},{key:"initializeValue",value:function initializeValue(){if(this.range)try{var _t3=JSON.parse(this.valueAttribute||"");this.startDate=new Date(_t3.startDate),this.endDate=new Date(_t3.endDate),this.startDate=new Date(this.startDate.getTime()),this.endDate=new Date(this.endDate.getTime()),this.rangeValue={startDate:this.startDate,endDate:this.endDate},this.value=null;}catch(t){console.error("Invalid range value");}else if(this.valueAttribute){var _t4;_t4=new Date(this.valueAttribute),_t4=new Date(_t4.getTime()-6e4*_t4.getTimezoneOffset()),isNaN(_t4.getTime())||(this.value=_t4,this.currentMonth=this.value.getMonth(),this.currentYear=this.value.getFullYear(),this.rangeValue=null);}this.requestUpdate();}},{key:"connectedCallback",value:function connectedCallback(){if(_get(_getPrototypeOf(r.prototype),"connectedCallback",this).call(this),this.initializeValue(),this.valueAttribute){var _t5=new Date(this.valueAttribute);isNaN(_t5.getTime())||(this.value=_t5,this.currentMonth=this.value.getMonth(),this.currentYear=this.value.getFullYear());}}},{key:"getDaysArray",value:function getDaysArray(t,i){var s=new Date(t,i+1,0).getDate();return Array.from({length:s},function(t,i){return i+1;});}},{key:"nextMonth",value:function nextMonth(){11===this.currentMonth?(this.currentMonth=0,this.currentYear++):this.currentMonth++,this.requestUpdate();}},{key:"prevMonth",value:function prevMonth(){0===this.currentMonth?(this.currentMonth=11,this.currentYear--):this.currentMonth--,this.requestUpdate();}},{key:"selectDate",value:function selectDate(t,i,s){var e=new Date(s,i,t);this.range?(this.startDate&&this.endDate&&(this.startDate=null,this.endDate=null),this.isSelectingStart?(this.startDate=e,this.endDate&&e>this.endDate&&(this.endDate=null),this.isSelectingStart=!1):(this.isSelectingStart=!0,this.startDate&&e<this.startDate?(this.startDate=e,this.endDate=null,this.isSelectingStart=!1):this.endDate=e)):(this.value=e,this.emit("nile-changed",{value:this.value}),this.dropdown&&this.dropdown.hide()),this.requestUpdate();}},{key:"confimRange",value:function confimRange(){this.startDate&&this.endDate&&(this.emit("nile-range-changed",{startDate:this.startDate,endDate:this.endDate}),this.dropdown&&this.dropdown.hide(),this.rangeValue={startDate:this.startDate,endDate:this.endDate});}},{key:"renderMonth",value:function renderMonth(t,s,e){var _this2=this;var n=new Date(t,s,1).getDay(),a=new Date(t,s+1,0).getDay(),h=this.getDaysArray(0===s?t-1:t,0===s?11:s-1),l=this.getDaysArray(11===s?t+1:t,11===s?0:s+1),_r=h.slice(h.length-n),d=l.slice(0,6-a),o=[].concat(_toConsumableArray(_r),_toConsumableArray(e),_toConsumableArray(d)),u=function u(t,i,s,e){if(!e)return"";if(!_this2.range&&_this2.value){if(t===_this2.value.getDate()&&i===_this2.value.getMonth()&&s===_this2.value.getFullYear())return"selected-date";}var n=_this2.startDate&&t===_this2.startDate.getDate()&&i===_this2.startDate.getMonth()&&s===_this2.startDate.getFullYear(),a=_this2.endDate&&t===_this2.endDate.getDate()&&i===_this2.endDate.getMonth()&&s===_this2.endDate.getFullYear();return n?"range-start":a?"range-end":"";},c=function c(t,i,s,e){if(!e)return!1;if(_this2.startDate&&_this2.endDate){var _e=new Date(s,i,t);return _e>=_this2.startDate&&_e<=_this2.endDate;}return!1;};return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"calendar\">\n        <div class=\"calendar-header\">\n          <nile-icon name=\"arrowleft\" color=\"black\" @click=\"","\">\n          </nile-icon>\n          <span\n            >","\n            ","</span\n          >\n          <nile-icon name=\"arrowright\" color=\"black\" @click=\"","\">\n          </nile-icon>\n        </div>\n        <div class=\"day-names\">\n          <div class=\"day\">Sun</div>\n          <div class=\"day\">Mon</div>\n          <div class=\"day\">Tue</div>\n          <div class=\"day\">Wed</div>\n          <div class=\"day\">Thu</div>\n          <div class=\"day\">Fri</div>\n          <div class=\"day\">Sat</div>\n        </div>\n        <div class=\"days\">\n          ","\n        </div>\n      </div>\n    "])),this.prevMonth,new Date(t,s).toLocaleString("default",{month:"long"}),t,this.nextMonth,o.map(function(n,a){var h=a>=_r.length&&a<_r.length+e.length;return i(_templateObject2||(_templateObject2=_taggedTemplateLiteral([" <div\n              class=\"day "," "," ","\"\n              @click=\"","\"\n            >\n              ","\n            </div>"])),u(n,s,t,h),c(n,s,t,h)?"in-range":"",h?"":"filler",function(){h&&_this2.selectDate(n,s,t);},n);}));}},{key:"formatDate",value:function formatDate(t){if(!t)return"";return"".concat(String(t.getDate()).padStart(2,"0"),"/").concat(String(t.getMonth()+1).padStart(2,"0"),"/").concat(t.getFullYear());}},{key:"formatDateRange",value:function formatDateRange(t){return t?t.startDate&&t.endDate?"".concat(this.formatDate(t.startDate)," - ").concat(this.formatDate(t.endDate)):"":t;}},{key:"handleStartDateInput",value:function handleStartDateInput(t){var i=this.parseDate(t.detail.value);this.isValidDateInput(i)||(this.startDate=null),i&&(!this.endDate||i<=this.endDate)?this.startDate=i:(this.startDate=null,this.endDate=null),this.requestUpdate();}},{key:"handleEndDateInput",value:function handleEndDateInput(t){var i=this.parseDate(t.detail.value);this.isValidDateInput(i)||(this.endDate=null),i&&(!this.startDate||i>=this.startDate)?this.endDate=i:this.endDate=null,this.requestUpdate();}},{key:"parseDate",value:function parseDate(t){var _t$split$map=t.split("/").map(Number),_t$split$map2=_slicedToArray(_t$split$map,3),i=_t$split$map2[0],s=_t$split$map2[1],e=_t$split$map2[2],n=new Date(e,s-1,i);return isNaN(n.getTime())?null:n;}},{key:"isValidDateInput",value:function isValidDateInput(t){return /^(0[1-9]|[12][0-9]|3[01])\/(0[1-9]|1[0-2])\/\d{4}$/.test(t);}},{key:"formatTime",value:function formatTime(t){if(!t)return"";return"".concat(String(t.getHours()).padStart(2,"0"),":").concat(String(t.getMinutes()).padStart(2,"0"),":").concat(String(t.getSeconds()).padStart(2,"0"));}},{key:"isValidTimeInput",value:function isValidTimeInput(t){return /^([0-1]?[0-9]|2[0-3]):[0-5][0-9]:[0-5][0-9]$/.test(t);}},{key:"parseTime",value:function parseTime(t,i){if(!this.isValidTimeInput(t))return null;var _t$split$map3=t.split(":").map(Number),_t$split$map4=_slicedToArray(_t$split$map3,3),s=_t$split$map4[0],e=_t$split$map4[1],n=_t$split$map4[2],a=new Date(i.getTime());return a.setHours(s,e,n),a;}},{key:"handleStartTimeInput",value:function handleStartTimeInput(t){if(!this.startDate)return void(this.startDate=null);var i=this.parseTime(t.detail.value,this.startDate);i?this.startDate=i:this.startDate.setHours(0,0,0),this.requestUpdate();}},{key:"handleEndTimeInput",value:function handleEndTimeInput(t){if(!this.endDate)return void(this.endDate=null);var i=this.parseTime(t.detail.value,this.endDate);i?this.endDate=i:this.endDate.setHours(0,0,0),this.requestUpdate();}},{key:"render",value:function render(){this.getDaysArray(this.currentYear,this.currentMonth);var t=(this.currentMonth+1)%12,s=11===this.currentMonth?this.currentYear+1:this.currentYear;return this.getDaysArray(s,t),i(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n      <nile-dropdown>\n      ","\n\n        <div class=\"base\">\n          <div class=\"calendar-wrapper\">\n            <div class=\"calendar-container ","\">\n              ","\n            </div>\n            ","\n          </div>\n          ","\n        </div>\n      </nile-dropdown>\n    "])),this.range?i(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n        <nile-input\n          slot=\"trigger\"\n          label=\"Choose a date range\"\n          readonly\n          value=\"","\"\n        >\n        <nile-icon name=\"calendar\" slot=\"suffix\"> </nile-icon>\n        </nile-input>\n      "])),this.formatDateRange(this.rangeValue)):i(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n        <nile-input\n          slot=\"trigger\"\n          label=\"Choose a date\"\n          readonly\n          value=\"","\"\n        >\n        <nile-icon name=\"calendar\" slot=\"suffix\"> </nile-icon>\n        </nile-input>\n      "])),this.formatDate(this.value)),this.range?"with-margin":"",this.renderMonth(this.currentYear,this.currentMonth,this.getDaysArray(this.currentYear,this.currentMonth)),this.range?i(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n                  <div class=\"calendar-container\">\n                    ","\n                  </div>\n                "])),this.renderMonth(this.currentYear,(this.currentMonth+1)%12,this.getDaysArray(this.currentYear,(this.currentMonth+1)%12))):"",this.range?i(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n          <div class=\"calender-input\">\n            <span class=\"manual-input-label\">From </span>\n            <div class=\"from\">\n              <nile-input class=\"manual-input\" value=\"","\" placeholder=\"DD/MM/YYYY\" @nile-change=\"","\"></nile-input>\n              <nile-input class=\"manual-input\" value=\"","\" placeholder=\"HH:MM:SS\" @nile-change=\"","\"> </nile-input>\n\n            </div>\n<br>\n            <span class=\"manual-input-label\">To </span>\n            <div class=\"from\">\n            <nile-input class=\"manual-input\" value=\"","\" placeholder=\"DD/MM/YYYY\" @nile-change=\"","\"></nile-input>\n            <nile-input class=\"manual-input\" value=\"","\" placeholder=\"HH:MM:SS\" @nile-change=\"","\"> </nile-input>\n          </div>\n<nile-button class=\"apply-button\"  ?disabled=\"","\"  @click=\"","\"> Apply</nile-button>\n\n        </div>\n        </div>\n        "])),this.formatDate(this.startDate),this.handleStartDateInput,this.formatTime(this.startDate),this.handleStartTimeInput,this.formatDate(this.endDate),this.handleEndDateInput,this.formatTime(this.endDate),this.handleEndTimeInput,!this.startDate||!this.endDate,this.confimRange):"");}}],[{key:"styles",get:function get(){return[n];}},{key:"observedAttributes",get:function get(){return["value","range"];}}]);return r;}(h);t([s("nile-dropdown")],r.prototype,"dropdown",void 0),t([l({type:Boolean,reflect:!0})],r.prototype,"dropDownOpened",void 0),t([l({type:Object})],r.prototype,"value",void 0),t([l({type:Object})],r.prototype,"rangeValue",void 0),t([l({type:String,attribute:"value"})],r.prototype,"valueAttribute",void 0),t([l({type:String,attribute:"value"})],r.prototype,"formattedDate",void 0),t([l({type:Object})],r.prototype,"startDate",void 0),t([l({type:Object})],r.prototype,"endDate",void 0),t([l({type:Boolean})],r.prototype,"isSelectingStart",void 0),t([l({type:Boolean})],r.prototype,"range",void 0),t([a("value")],r.prototype,"valueChanged",null),r=t([e("nile-date-picker")],r);}};});
+//# sourceMappingURL=nile-date-picker.cjs.js.map

package/dist/nile-date-picker/nile-date-picker.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-date-picker.cjs.js","sources":["../../../src/nile-date-picker/nile-date-picker.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n  LitElement,\n  html,\n  property,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-date-picker.css';\nimport { animateTo, stopAnimations } from '../internal/animate';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { query } from 'lit/decorators.js';\nimport {\n  getAnimation,\n  setDefaultAnimation,\n} from '../utilities/animation-registry';\nimport { getTabbableBoundary } from '../internal/tabbable';\nimport { waitForEvent } from '../internal/event';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup, PropertyValues } from 'lit';\nimport type NileButton from '../nile-button/nile-button';\nimport type NileIconButton from '../nile-icon-button/nile-icon-button';\nimport type { NileMenu } from '../nile-menu';\nimport type { NilePopup } from '../nile-popup';\nimport '../nile-popup';\nimport { NileDropdown } from '../nile-dropdown';\n\n/**\n * Nile icon component.\n *\n * @tag nile-date-picker\n *\n */\n@customElement('nile-date-picker')\nexport class NileDatePicker extends NileElement {\n  /**\n   * The styles for DatePicker\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  private currentMonth: number = new Date().getMonth();\n  private currentYear: number = new Date().getFullYear();\n\n  @query('nile-dropdown') dropdown: NileDropdown;\n\n  @property({ type: Boolean, reflect: true }) dropDownOpened = false;\n\n  @property({ type: Object }) value : any;\n\n  @property({ type: Object }) rangeValue : any;\n\n  @property({ type: String, attribute: 'value' }) valueAttribute:\n    | string\n    | null = null;\n\n  @property({ type: String, attribute: 'value' }) formattedDate: string | null =\n    null;\n\n  @property({ type: Object }) startDate: Date | null = null;\n  @property({ type: Object }) endDate: Date | null = null;\n  @property({ type: Boolean }) isSelectingStart = true; // flag to indicate what we're selecting\n\n  @property({ type: Boolean }) range = false;\n\n  @watch('value')\n  valueChanged() {\n\n    if (this.range && this.value) {\n      this.rangeValue = this.value;\n      this.value = null;\n      return;\n    }\n\n    if (this.value && !isNaN(this.value.getTime())) {\n      const offset = this.value.getTimezoneOffset();\n      const localDate = new Date(this.value.getTime() - offset * 60 * 1000);\n      if (!isNaN(localDate.getTime())) {\n        this.valueAttribute = localDate.toISOString().split('T')[0];\n        this.formattedDate = `${String(localDate.getDate()).padStart(\n          2,\n          '0'\n        )}/${String(localDate.getMonth() + 1).padStart(\n          2,\n          '0'\n        )}/${localDate.getFullYear()}`;\n      }\n    }\n  }\n\n\n  updated(changedProperties: PropertyValues) {\n    super.updated(changedProperties);\n\n    if (changedProperties.has('valueAttribute')) {\n      const date = new Date(this.valueAttribute || '');\n      if (!isNaN(date.getTime())) {\n        const offset = date.getTimezoneOffset();\n        this.value = new Date(date.getTime() - offset * 60 * 1000);\n        this.currentMonth = this.value.getMonth();\n        this.currentYear = this.value.getFullYear();\n      }\n    }\n  }\n\n  static get observedAttributes() {\n    return ['value', 'range'];\n  }\n\n  attributeChangedCallback(name: string, oldValue: string, newValue: string) {\n    if (name === 'value') {\n      this.valueAttribute = newValue;\n      this.initializeValue();\n    } else if (name === 'range') {\n      this.range = newValue !== null;\n    }\n  }\n\n  initializeValue() {\n    if (this.range) {\n      try {\n        const rangeValue = JSON.parse(this.valueAttribute || '');\n        this.startDate = new Date(rangeValue.startDate);\n        this.endDate = new Date(rangeValue.endDate);\n\n        // Convert to local time\n        this.startDate = new Date(this.startDate.getTime());\n        this.endDate = new Date(this.endDate.getTime());\n\n        this.rangeValue = {\n          startDate: this.startDate,\n          endDate: this.endDate,\n        };\n        this.value = null;\n      } catch (e) {\n        console.error('Invalid range value');\n      }\n    } else {\n      if (this.valueAttribute) {\n        let date: Date;\n\n        date = new Date(this.valueAttribute);\n\n        date = new Date(date.getTime() - date.getTimezoneOffset() * 60000);\n\n        if (!isNaN(date.getTime())) {\n          this.value = date;\n          this.currentMonth = this.value.getMonth();\n          this.currentYear = this.value.getFullYear();\n          this.rangeValue = null;\n        }\n      }\n    }\n    this.requestUpdate();\n  }\n\n\n\n\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.initializeValue();\n\n    if (this.valueAttribute) {\n      const date = new Date(this.valueAttribute);\n      if (!isNaN(date.getTime())) {\n        this.value = date;\n        this.currentMonth = this.value.getMonth();\n        this.currentYear = this.value.getFullYear();\n      }\n    }\n  }\n\n  private getDaysArray(year: number, month: number): number[] {\n    const daysInMonth = new Date(year, month + 1, 0).getDate();\n    return Array.from({ length: daysInMonth }, (_, i) => i + 1);\n  }\n\n  private nextMonth(): void {\n\n    if (this.currentMonth === 11) {\n      this.currentMonth = 0;\n      this.currentYear++;\n    } else {\n      this.currentMonth++;\n    }\n    this.requestUpdate();\n  }\n\n  private prevMonth(): void {\n\n    if (this.currentMonth === 0) {\n      this.currentMonth = 11;\n      this.currentYear--;\n    } else {\n      this.currentMonth--;\n    }\n    this.requestUpdate();\n  }\n\n  private selectDate(day: number, month: number, year: number): void {\n    const selectedDate = new Date(year, month, day);\n\n    if (this.range) {\n      if (this.startDate && this.endDate) {\n        this.startDate = null;\n        this.endDate = null;\n      }\n\n      if (this.isSelectingStart) {\n        this.startDate = selectedDate;\n        if (this.endDate && selectedDate > this.endDate) {\n          this.endDate = null;\n        }\n        this.isSelectingStart = false;\n      } else {\n        this.isSelectingStart = true;\n\n        if (this.startDate && selectedDate < this.startDate) {\n          this.startDate = selectedDate;\n          this.endDate = null;\n          this.isSelectingStart = false;\n        } else {\n          this.endDate = selectedDate;\n        }\n      }\n    } else {\n      this.value = selectedDate;\n      this.emit('nile-changed', { value: this.value });\n      if (this.dropdown) {\n        this.dropdown.hide();\n      }\n    }\n\n    this.requestUpdate();\n  }\n\n  private confimRange() {\n    if (this.startDate && this.endDate) {\n      this.emit('nile-range-changed', {\n        startDate: this.startDate,\n        endDate: this.endDate,\n      });\n      if (this.dropdown) {\n        this.dropdown.hide();\n      }\n\n      this.rangeValue = {\n        startDate: this.startDate,\n        endDate: this.endDate,\n      };\n    }\n  }\n\n  private renderMonth(\n    year: number,\n    month: number,\n    daysArray: number[]\n  ): TemplateResult {\n    const firstDay = new Date(year, month, 1).getDay();\n    const lastDay = new Date(year, month + 1, 0).getDay();\n    const prevMonthDays = this.getDaysArray(\n      month === 0 ? year - 1 : year,\n      month === 0 ? 11 : month - 1\n    );\n    const nextMonthDays = this.getDaysArray(\n      month === 11 ? year + 1 : year,\n      month === 11 ? 0 : month + 1\n    );\n    const fillerDaysBefore = prevMonthDays.slice(\n      prevMonthDays.length - firstDay\n    );\n    const fillerDaysAfter = nextMonthDays.slice(0, 6 - lastDay);\n    const allDays = [...fillerDaysBefore, ...daysArray, ...fillerDaysAfter];\n\n    const isSelectedDate = (\n      day: number,\n      month: number,\n      year: number,\n      isCurrentMonth: boolean\n    ) => {\n      if (!isCurrentMonth) return '';\n\n      if (!this.range && this.value) {\n        const isSelected =\n          day === this.value.getDate() &&\n          month === this.value.getMonth() &&\n          year === this.value.getFullYear();\n        if (isSelected) return 'selected-date';\n      }\n\n      const isStartDate =\n        this.startDate &&\n        day === this.startDate.getDate() &&\n        month === this.startDate.getMonth() &&\n        year === this.startDate.getFullYear();\n      const isEndDate =\n        this.endDate &&\n        day === this.endDate.getDate() &&\n        month === this.endDate.getMonth() &&\n        year === this.endDate.getFullYear();\n\n      return isStartDate ? 'range-start' : isEndDate ? 'range-end' : '';\n    };\n\n    const isInRange = (\n      day: number,\n      month: number,\n      year: number,\n      isCurrentMonth: boolean\n    ) => {\n      if (!isCurrentMonth) return false;\n      if (this.startDate && this.endDate) {\n        const date = new Date(year, month, day);\n        return date >= this.startDate && date <= this.endDate;\n      }\n      return false;\n    };\n\n    return html`\n      <div class=\"calendar\">\n        <div class=\"calendar-header\">\n          <nile-icon name=\"arrowleft\" color=\"black\" @click=\"${this.prevMonth}\">\n          </nile-icon>\n          <span\n            >${new Date(year, month).toLocaleString('default', {\n              month: 'long',\n            })}\n            ${year}</span\n          >\n          <nile-icon name=\"arrowright\" color=\"black\" @click=\"${this.nextMonth}\">\n          </nile-icon>\n        </div>\n        <div class=\"day-names\">\n          <div class=\"day\">Sun</div>\n          <div class=\"day\">Mon</div>\n          <div class=\"day\">Tue</div>\n          <div class=\"day\">Wed</div>\n          <div class=\"day\">Thu</div>\n          <div class=\"day\">Fri</div>\n          <div class=\"day\">Sat</div>\n        </div>\n        <div class=\"days\">\n          ${allDays.map((day, index) => {\n            const isCurrentMonth =\n              index >= fillerDaysBefore.length &&\n              index < fillerDaysBefore.length + daysArray.length;\n            return html` <div\n              class=\"day ${isSelectedDate(\n                day,\n                month,\n                year,\n                isCurrentMonth\n              )} ${isInRange(day, month, year, isCurrentMonth)\n                ? 'in-range'\n                : ''} ${!isCurrentMonth ? 'filler' : ''}\"\n              @click=\"${() => {\n                if (isCurrentMonth) {\n                  this.selectDate(day, month, year);\n                }\n              }}\"\n            >\n              ${day}\n            </div>`;\n          })}\n        </div>\n      </div>\n    `;\n  }\n\n  private formatDate(date: Date | null): string {\n    if (!date) return '';\n    const day = String(date.getDate()).padStart(2, '0');\n    const month = String(date.getMonth() + 1).padStart(2, '0');\n    const year = date.getFullYear();\n    return `${day}/${month}/${year}`;\n  }\n\n  private formatDateRange(value: { startDate: Date | null, endDate: Date | null }): string {\n    if(!value){\n      return value;\n    }\n    if (!value.startDate || !value.endDate) return '';\n    return `${this.formatDate(value.startDate)} - ${this.formatDate(value.endDate)}`;\n  }\n\n  private handleStartDateInput(event: CustomEvent): void {\n    const date = this.parseDate(event.detail.value);\n    if (!this.isValidDateInput(date)) {\n      this.startDate = null;\n    }\n    if (date && (!this.endDate || date <= this.endDate)) {\n      this.startDate = date;\n    } else {\n      this.startDate = null;\n      this.endDate = null;\n    }\n    this.requestUpdate();\n  }\n\n  private handleEndDateInput(event: CustomEvent): void {\n    const date = this.parseDate(event.detail.value);\n    if (!this.isValidDateInput(date)) {\n      this.endDate = null;\n    }\n    if (date && (!this.startDate || date >= this.startDate)) {\n      this.endDate = date;\n    } else {\n      this.endDate = null;\n\n    }\n    this.requestUpdate();\n  }\n\n  private parseDate(dateString: string): Date | null {\n    const [day, month, year] = dateString.split('/').map(Number);\n    const date = new Date(year, month - 1, day);\n    return !isNaN(date.getTime()) ? date : null;\n  }\n\n  private isValidDateInput(input: any): boolean {\n    const regex = /^(0[1-9]|[12][0-9]|3[01])\\/(0[1-9]|1[0-2])\\/\\d{4}$/;\n    return regex.test(input);\n  }\n\n  private formatTime(date: Date | null): string {\n    if (!date) return '';\n    const hours = String(date.getHours()).padStart(2, '0');\n    const minutes = String(date.getMinutes()).padStart(2, '0');\n    const seconds = String(date.getSeconds()).padStart(2, '0');\n    return `${hours}:${minutes}:${seconds}`;\n  }\n\n  // Validate time in HH:MM:SS format\n  private isValidTimeInput(input: string): boolean {\n    const regex = /^([0-1]?[0-9]|2[0-3]):[0-5][0-9]:[0-5][0-9]$/;\n    return regex.test(input);\n  }\n\n// Parse time string to a Date object\nprivate parseTime(input: string, date: Date): Date | null {\n  if (!this.isValidTimeInput(input)) {\n    return null;\n  }\n  const [hour, minute, second] = input.split(':').map(Number);\n  const newDate = new Date(date.getTime());\n  newDate.setHours(hour, minute, second);\n  return newDate;\n}\n\nprivate handleStartTimeInput(event: CustomEvent): void {\n  if (!this.startDate) {\n    this.startDate = null;\n    return;\n  }\n  const time = this.parseTime(event.detail.value, this.startDate);\n  if (time) {\n    this.startDate = time;\n  } else {\n    this.startDate.setHours(0, 0, 0);\n  }\n  this.requestUpdate();\n}\n\nprivate handleEndTimeInput(event: CustomEvent): void {\n  if (!this.endDate) {\n    this.endDate = null;\n    return;\n  }\n  const time = this.parseTime(event.detail.value, this.endDate);\n  if (time) {\n    this.endDate = time;\n  } else {\n    this.endDate.setHours(0, 0, 0);\n  }\n  this.requestUpdate();\n}\n\n\n\n  /* #endregion */\n\n  /* #region Methods */\n\n  /**\n   * Render method\n   * @slot This is a slot test\n   */\n  render(): TemplateResult {\n    const daysArray = this.getDaysArray(this.currentYear, this.currentMonth);\n    const nextMonth = (this.currentMonth + 1) % 12;\n    const nextYear =\n      this.currentMonth === 11 ? this.currentYear + 1 : this.currentYear;\n    const nextMonthDaysArray = this.getDaysArray(nextYear, nextMonth);\n\n    return html`\n      <nile-dropdown>\n      ${this.range ? html`\n        <nile-input\n          slot=\"trigger\"\n          label=\"Choose a date range\"\n          readonly\n          value=\"${this.formatDateRange(this.rangeValue)}\"\n        >\n        <nile-icon name=\"calendar\" slot=\"suffix\"> </nile-icon>\n        </nile-input>\n      ` : html`\n        <nile-input\n          slot=\"trigger\"\n          label=\"Choose a date\"\n          readonly\n          value=\"${this.formatDate(this.value)}\"\n        >\n        <nile-icon name=\"calendar\" slot=\"suffix\"> </nile-icon>\n        </nile-input>\n      `}\n\n        <div class=\"base\">\n          <div class=\"calendar-wrapper\">\n            <div class=\"calendar-container ${this.range ? 'with-margin' : ''}\">\n              ${this.renderMonth(\n                this.currentYear,\n                this.currentMonth,\n                this.getDaysArray(this.currentYear, this.currentMonth)\n              )}\n            </div>\n            ${this.range\n              ? html`\n                  <div class=\"calendar-container\">\n                    ${this.renderMonth(\n                      this.currentYear,\n                      (this.currentMonth + 1) % 12,\n                      this.getDaysArray(\n                        this.currentYear,\n                        (this.currentMonth + 1) % 12\n                      )\n                    )}\n                  </div>\n                `\n              : ''}\n          </div>\n          ${this.range\n            ? html`\n          <div class=\"calender-input\">\n            <span class=\"manual-input-label\">From </span>\n            <div class=\"from\">\n              <nile-input class=\"manual-input\" value=\"${this.formatDate(this.startDate)}\" placeholder=\"DD/MM/YYYY\" @nile-change=\"${this.handleStartDateInput}\"></nile-input>\n              <nile-input class=\"manual-input\" value=\"${this.formatTime(this.startDate)}\" placeholder=\"HH:MM:SS\" @nile-change=\"${this.handleStartTimeInput}\"> </nile-input>\n\n            </div>\n<br>\n            <span class=\"manual-input-label\">To </span>\n            <div class=\"from\">\n            <nile-input class=\"manual-input\" value=\"${this.formatDate(this.endDate)}\" placeholder=\"DD/MM/YYYY\" @nile-change=\"${this.handleEndDateInput}\"></nile-input>\n            <nile-input class=\"manual-input\" value=\"${this.formatTime(this.endDate)}\" placeholder=\"HH:MM:SS\" @nile-change=\"${this.handleEndTimeInput}\"> </nile-input>\n          </div>\n<nile-button class=\"apply-button\"  ?disabled=\"${\n                !this.startDate || !this.endDate\n              }\"  @click=\"${this.confimRange}\"> Apply</nile-button>\n\n        </div>\n        </div>\n        `\n            : ''}\n        </div>\n      </nile-dropdown>\n    `;\n  }\n}\n\nexport default NileDatePicker;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-date-picker': NileDatePicker;\n  }\n}\n"],"names":["NileDatePicker","constructor","this","currentMonth","Date","getMonth","currentYear","getFullYear","dropDownOpened","valueAttribute","formattedDate","startDate","endDate","isSelectingStart","range","styles","valueChanged","value","rangeValue","isNaN","getTime","offset","getTimezoneOffset","localDate","toISOString","split","String","getDate","padStart","updated","changedProperties","super","has","date","observedAttributes","attributeChangedCallback","name","oldValue","newValue","initializeValue","JSON","parse","e","console","error","requestUpdate","connectedCallback","getDaysArray","year","month","daysInMonth","Array","from","length","_","i","nextMonth","prevMonth","selectDate","day","selectedDate","emit","dropdown","hide","confimRange","renderMonth","daysArray","firstDay","getDay","lastDay","prevMonthDays","nextMonthDays","fillerDaysBefore","slice","fillerDaysAfter","allDays","isSelectedDate","isCurrentMonth","isStartDate","isEndDate","isInRange","html","toLocaleString","map","index","formatDate","formatDateRange","handleStartDateInput","event","parseDate","detail","isValidDateInput","handleEndDateInput","dateString","Number","input","test","formatTime","getHours","getMinutes","getSeconds","isValidTimeInput","parseTime","newDate","hour","minute","second","setHours","handleStartTimeInput","time","handleEndTimeInput","render","nextYear","__decorate","NileElement","query","prototype","property","type","Boolean","reflect","Object","attribute","watch","customElement"],"mappings":"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"}

package/dist/nile-date-picker/nile-date-picker.css.cjs.js

@@ -0,0 +1,2 @@
+System.register(["../index-adad7634.cjs.js"],function(_export,_context){"use strict";var e,_templateObject,a;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){e=_index001CjsJs.i;}],execute:function(){_export("s",a=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n  }\n\n  .calendar-container {\n    font-family: Colfax-regular;\n    width: 365px;\n    height: auto;\n    text-align: center;\n    background: white;\n  }\n\n  .calendar-container.with-margin {\n  margin-right: 20px;\n}\n\n  .calendar-header {\n    display: flex;\n    justify-content: space-between;\n    padding: 10px;\n    padding: 22px 20px;\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .divider {\n    width: 100%;\n    height: 1px;\n    background: #c7ced4;\n  }\n\n  .day-names {\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n    height: 50px;\n    margin-top: 10px;\n  }\n\n  .day-names,\n  .days {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: flex-start;\n    height: auto;\n    align-items: center;\n  }\n\n  .days {\n    height: auto;\n  }\n\n  .day {\n    flex-basis: calc(100% / 7);\n    box-sizing: border-box;\n    width: 48px;\n    align-items: center;\n    padding: 10px;\n    height: 32px;\n  margin-top: 6px;\n  margin-bottom: 6px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  }\n\n  .filler {\n    color: grey;\n  }\n\n  .selected-date {\n    color: white;\n    border-radius: 4px;\n    background: #a5d3f3;\n  }\n\n\n\n.calendar-wrapper {\n  background: white;\n  display: flex;\n  justify-content: space-between;\n  width: auto;\n}\n\n.selected-date,\n.range-start,\n.range-end {\n  border-radius: 4px;\n  background: #a5d3f3;\n  color: white;\n}\n\n\n.range-start {\n  background: #a5d3f3;\n  border-radius: 4px 0 0 4px;\n  color: white;\n}\n\n.range-end {\n  background: #a5d3f3;\n  border-radius: 0 4px 4px 0;\n  color: white;\n}\n\n.range-middle {\n  background: #a5d3f3;\n  color: white;\n  border-radius: 0;\n}\n\n.day.selected {\n  background: #a5d3f3;\n  color: white;\n  border-radius: 4px;\n}\n\n.day.in-range {\n  background: #a5d3f3;\n  color: white;\n}\n\n.selected-date {\n  color: white;\n  border-radius: 4px;\n  background: #a5d3f3;\n}\n\n.base {\n  background-color: white;\n  border-radius: 4px;\n  padding-bottom: 20px\n}\n\n.calender-input{\n  padding: 20px;\n  padding-bottom: 0px;\n}\n\n.from {\n  display: flex;\n  justify-content: space-between;\n  gap: 20px;\n}\n\n.manual-input{\n  width:100%;\n}\n\n.manual-input-label{\n  font-size: 12px;\nfont-style: normal;\nfont-weight: 500;\n  margin-bottom: 10px;\n}\n\n.apply-button {\n  text-align: right;\n  display: block;\n  padding-top: 20px;\n}\n"]))));}};});
+//# sourceMappingURL=nile-date-picker.css.cjs.js.map

package/dist/nile-date-picker/nile-date-picker.css.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-date-picker.css.cjs.js","sources":["../../../src/nile-date-picker/nile-date-picker.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * DatePicker CSS\n */\nexport const styles = css`\n  :host {\n  }\n\n  .calendar-container {\n    font-family: Colfax-regular;\n    width: 365px;\n    height: auto;\n    text-align: center;\n    background: white;\n  }\n\n  .calendar-container.with-margin {\n  margin-right: 20px;\n}\n\n  .calendar-header {\n    display: flex;\n    justify-content: space-between;\n    padding: 10px;\n    padding: 22px 20px;\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .divider {\n    width: 100%;\n    height: 1px;\n    background: #c7ced4;\n  }\n\n  .day-names {\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n    height: 50px;\n    margin-top: 10px;\n  }\n\n  .day-names,\n  .days {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: flex-start;\n    height: auto;\n    align-items: center;\n  }\n\n  .days {\n    height: auto;\n  }\n\n  .day {\n    flex-basis: calc(100% / 7);\n    box-sizing: border-box;\n    width: 48px;\n    align-items: center;\n    padding: 10px;\n    height: 32px;\n  margin-top: 6px;\n  margin-bottom: 6px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  }\n\n  .filler {\n    color: grey;\n  }\n\n  .selected-date {\n    color: white;\n    border-radius: 4px;\n    background: #a5d3f3;\n  }\n\n\n\n.calendar-wrapper {\n  background: white;\n  display: flex;\n  justify-content: space-between;\n  width: auto;\n}\n\n.selected-date,\n.range-start,\n.range-end {\n  border-radius: 4px;\n  background: #a5d3f3;\n  color: white;\n}\n\n\n.range-start {\n  background: #a5d3f3;\n  border-radius: 4px 0 0 4px;\n  color: white;\n}\n\n.range-end {\n  background: #a5d3f3;\n  border-radius: 0 4px 4px 0;\n  color: white;\n}\n\n.range-middle {\n  background: #a5d3f3;\n  color: white;\n  border-radius: 0;\n}\n\n.day.selected {\n  background: #a5d3f3;\n  color: white;\n  border-radius: 4px;\n}\n\n.day.in-range {\n  background: #a5d3f3;\n  color: white;\n}\n\n.selected-date {\n  color: white;\n  border-radius: 4px;\n  background: #a5d3f3;\n}\n\n.base {\n  background-color: white;\n  border-radius: 4px;\n  padding-bottom: 20px\n}\n\n.calender-input{\n  padding: 20px;\n  padding-bottom: 0px;\n}\n\n.from {\n  display: flex;\n  justify-content: space-between;\n  gap: 20px;\n}\n\n.manual-input{\n  width:100%;\n}\n\n.manual-input-label{\n  font-size: 12px;\nfont-style: normal;\nfont-weight: 500;\n  margin-bottom: 10px;\n}\n\n.apply-button {\n  text-align: right;\n  display: block;\n  padding-top: 20px;\n}\n`;\n\nexport default [styles];\n"],"names":["styles","css"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG"}

package/dist/nile-date-picker/nile-date-picker.css.esm.js

@@ -0,0 +1,166 @@
+import{i as e}from"../index-f1b94546.esm.js";const a=e`
+  :host {
+  }
+
+  .calendar-container {
+    font-family: Colfax-regular;
+    width: 365px;
+    height: auto;
+    text-align: center;
+    background: white;
+  }
+
+  .calendar-container.with-margin {
+  margin-right: 20px;
+}
+
+  .calendar-header {
+    display: flex;
+    justify-content: space-between;
+    padding: 10px;
+    padding: 22px 20px;
+    font-size: 14px;
+    font-weight: 600;
+    line-height: 14px;
+    letter-spacing: 0.2px;
+  }
+
+  .divider {
+    width: 100%;
+    height: 1px;
+    background: #c7ced4;
+  }
+
+  .day-names {
+    font-size: 14px;
+    font-weight: 600;
+    line-height: 14px;
+    letter-spacing: 0.2px;
+    height: 50px;
+    margin-top: 10px;
+  }
+
+  .day-names,
+  .days {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+    height: auto;
+    align-items: center;
+  }
+
+  .days {
+    height: auto;
+  }
+
+  .day {
+    flex-basis: calc(100% / 7);
+    box-sizing: border-box;
+    width: 48px;
+    align-items: center;
+    padding: 10px;
+    height: 32px;
+  margin-top: 6px;
+  margin-bottom: 6px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  }
+
+  .filler {
+    color: grey;
+  }
+
+  .selected-date {
+    color: white;
+    border-radius: 4px;
+    background: #a5d3f3;
+  }
+
+
+
+.calendar-wrapper {
+  background: white;
+  display: flex;
+  justify-content: space-between;
+  width: auto;
+}
+
+.selected-date,
+.range-start,
+.range-end {
+  border-radius: 4px;
+  background: #a5d3f3;
+  color: white;
+}
+
+
+.range-start {
+  background: #a5d3f3;
+  border-radius: 4px 0 0 4px;
+  color: white;
+}
+
+.range-end {
+  background: #a5d3f3;
+  border-radius: 0 4px 4px 0;
+  color: white;
+}
+
+.range-middle {
+  background: #a5d3f3;
+  color: white;
+  border-radius: 0;
+}
+
+.day.selected {
+  background: #a5d3f3;
+  color: white;
+  border-radius: 4px;
+}
+
+.day.in-range {
+  background: #a5d3f3;
+  color: white;
+}
+
+.selected-date {
+  color: white;
+  border-radius: 4px;
+  background: #a5d3f3;
+}
+
+.base {
+  background-color: white;
+  border-radius: 4px;
+  padding-bottom: 20px
+}
+
+.calender-input{
+  padding: 20px;
+  padding-bottom: 0px;
+}
+
+.from {
+  display: flex;
+  justify-content: space-between;
+  gap: 20px;
+}
+
+.manual-input{
+  width:100%;
+}
+
+.manual-input-label{
+  font-size: 12px;
+font-style: normal;
+font-weight: 500;
+  margin-bottom: 10px;
+}
+
+.apply-button {
+  text-align: right;
+  display: block;
+  padding-top: 20px;
+}
+`;export{a as s};

package/dist/nile-date-picker/nile-date-picker.esm.js

@@ -0,0 +1,85 @@
+import{__decorate as t}from"tslib";import{y as i}from"../index-f1b94546.esm.js";import{query as s,customElement as e}from"lit/decorators.js";import{s as n}from"./nile-date-picker.css.esm.js";import{w as a}from"../internal/watch.esm.js";import{N as h}from"../internal/nile-element.esm.js";import"../nile-popup/nile-popup.esm.js";import{e as l}from"../property-bf6307e2.esm.js";import"lit";import"lit/directives/class-map.js";import"../nile-popup/nile-popup.css.esm.js";let r=class extends h{constructor(){super(...arguments),this.currentMonth=(new Date).getMonth(),this.currentYear=(new Date).getFullYear(),this.dropDownOpened=!1,this.valueAttribute=null,this.formattedDate=null,this.startDate=null,this.endDate=null,this.isSelectingStart=!0,this.range=!1}static get styles(){return[n]}valueChanged(){if(this.range&&this.value)return this.rangeValue=this.value,void(this.value=null);if(this.value&&!isNaN(this.value.getTime())){const t=this.value.getTimezoneOffset(),i=new Date(this.value.getTime()-60*t*1e3);isNaN(i.getTime())||(this.valueAttribute=i.toISOString().split("T")[0],this.formattedDate=`${String(i.getDate()).padStart(2,"0")}/${String(i.getMonth()+1).padStart(2,"0")}/${i.getFullYear()}`)}}updated(t){if(super.updated(t),t.has("valueAttribute")){const t=new Date(this.valueAttribute||"");if(!isNaN(t.getTime())){const i=t.getTimezoneOffset();this.value=new Date(t.getTime()-60*i*1e3),this.currentMonth=this.value.getMonth(),this.currentYear=this.value.getFullYear()}}}static get observedAttributes(){return["value","range"]}attributeChangedCallback(t,i,s){"value"===t?(this.valueAttribute=s,this.initializeValue()):"range"===t&&(this.range=null!==s)}initializeValue(){if(this.range)try{const t=JSON.parse(this.valueAttribute||"");this.startDate=new Date(t.startDate),this.endDate=new Date(t.endDate),this.startDate=new Date(this.startDate.getTime()),this.endDate=new Date(this.endDate.getTime()),this.rangeValue={startDate:this.startDate,endDate:this.endDate},this.value=null}catch(t){console.error("Invalid range value")}else if(this.valueAttribute){let t;t=new Date(this.valueAttribute),t=new Date(t.getTime()-6e4*t.getTimezoneOffset()),isNaN(t.getTime())||(this.value=t,this.currentMonth=this.value.getMonth(),this.currentYear=this.value.getFullYear(),this.rangeValue=null)}this.requestUpdate()}connectedCallback(){if(super.connectedCallback(),this.initializeValue(),this.valueAttribute){const t=new Date(this.valueAttribute);isNaN(t.getTime())||(this.value=t,this.currentMonth=this.value.getMonth(),this.currentYear=this.value.getFullYear())}}getDaysArray(t,i){const s=new Date(t,i+1,0).getDate();return Array.from({length:s},((t,i)=>i+1))}nextMonth(){11===this.currentMonth?(this.currentMonth=0,this.currentYear++):this.currentMonth++,this.requestUpdate()}prevMonth(){0===this.currentMonth?(this.currentMonth=11,this.currentYear--):this.currentMonth--,this.requestUpdate()}selectDate(t,i,s){const e=new Date(s,i,t);this.range?(this.startDate&&this.endDate&&(this.startDate=null,this.endDate=null),this.isSelectingStart?(this.startDate=e,this.endDate&&e>this.endDate&&(this.endDate=null),this.isSelectingStart=!1):(this.isSelectingStart=!0,this.startDate&&e<this.startDate?(this.startDate=e,this.endDate=null,this.isSelectingStart=!1):this.endDate=e)):(this.value=e,this.emit("nile-changed",{value:this.value}),this.dropdown&&this.dropdown.hide()),this.requestUpdate()}confimRange(){this.startDate&&this.endDate&&(this.emit("nile-range-changed",{startDate:this.startDate,endDate:this.endDate}),this.dropdown&&this.dropdown.hide(),this.rangeValue={startDate:this.startDate,endDate:this.endDate})}renderMonth(t,s,e){const n=new Date(t,s,1).getDay(),a=new Date(t,s+1,0).getDay(),h=this.getDaysArray(0===s?t-1:t,0===s?11:s-1),l=this.getDaysArray(11===s?t+1:t,11===s?0:s+1),r=h.slice(h.length-n),d=l.slice(0,6-a),o=[...r,...e,...d],u=(t,i,s,e)=>{if(!e)return"";if(!this.range&&this.value){if(t===this.value.getDate()&&i===this.value.getMonth()&&s===this.value.getFullYear())return"selected-date"}const n=this.startDate&&t===this.startDate.getDate()&&i===this.startDate.getMonth()&&s===this.startDate.getFullYear(),a=this.endDate&&t===this.endDate.getDate()&&i===this.endDate.getMonth()&&s===this.endDate.getFullYear();return n?"range-start":a?"range-end":""},c=(t,i,s,e)=>{if(!e)return!1;if(this.startDate&&this.endDate){const e=new Date(s,i,t);return e>=this.startDate&&e<=this.endDate}return!1};return i`
+      <div class="calendar">
+        <div class="calendar-header">
+          <nile-icon name="arrowleft" color="black" @click="${this.prevMonth}">
+          </nile-icon>
+          <span
+            >${new Date(t,s).toLocaleString("default",{month:"long"})}
+            ${t}</span
+          >
+          <nile-icon name="arrowright" color="black" @click="${this.nextMonth}">
+          </nile-icon>
+        </div>
+        <div class="day-names">
+          <div class="day">Sun</div>
+          <div class="day">Mon</div>
+          <div class="day">Tue</div>
+          <div class="day">Wed</div>
+          <div class="day">Thu</div>
+          <div class="day">Fri</div>
+          <div class="day">Sat</div>
+        </div>
+        <div class="days">
+          ${o.map(((n,a)=>{const h=a>=r.length&&a<r.length+e.length;return i` <div
+              class="day ${u(n,s,t,h)} ${c(n,s,t,h)?"in-range":""} ${h?"":"filler"}"
+              @click="${()=>{h&&this.selectDate(n,s,t)}}"
+            >
+              ${n}
+            </div>`}))}
+        </div>
+      </div>
+    `}formatDate(t){if(!t)return"";return`${String(t.getDate()).padStart(2,"0")}/${String(t.getMonth()+1).padStart(2,"0")}/${t.getFullYear()}`}formatDateRange(t){return t?t.startDate&&t.endDate?`${this.formatDate(t.startDate)} - ${this.formatDate(t.endDate)}`:"":t}handleStartDateInput(t){const i=this.parseDate(t.detail.value);this.isValidDateInput(i)||(this.startDate=null),i&&(!this.endDate||i<=this.endDate)?this.startDate=i:(this.startDate=null,this.endDate=null),this.requestUpdate()}handleEndDateInput(t){const i=this.parseDate(t.detail.value);this.isValidDateInput(i)||(this.endDate=null),i&&(!this.startDate||i>=this.startDate)?this.endDate=i:this.endDate=null,this.requestUpdate()}parseDate(t){const[i,s,e]=t.split("/").map(Number),n=new Date(e,s-1,i);return isNaN(n.getTime())?null:n}isValidDateInput(t){return/^(0[1-9]|[12][0-9]|3[01])\/(0[1-9]|1[0-2])\/\d{4}$/.test(t)}formatTime(t){if(!t)return"";return`${String(t.getHours()).padStart(2,"0")}:${String(t.getMinutes()).padStart(2,"0")}:${String(t.getSeconds()).padStart(2,"0")}`}isValidTimeInput(t){return/^([0-1]?[0-9]|2[0-3]):[0-5][0-9]:[0-5][0-9]$/.test(t)}parseTime(t,i){if(!this.isValidTimeInput(t))return null;const[s,e,n]=t.split(":").map(Number),a=new Date(i.getTime());return a.setHours(s,e,n),a}handleStartTimeInput(t){if(!this.startDate)return void(this.startDate=null);const i=this.parseTime(t.detail.value,this.startDate);i?this.startDate=i:this.startDate.setHours(0,0,0),this.requestUpdate()}handleEndTimeInput(t){if(!this.endDate)return void(this.endDate=null);const i=this.parseTime(t.detail.value,this.endDate);i?this.endDate=i:this.endDate.setHours(0,0,0),this.requestUpdate()}render(){this.getDaysArray(this.currentYear,this.currentMonth);const t=(this.currentMonth+1)%12,s=11===this.currentMonth?this.currentYear+1:this.currentYear;return this.getDaysArray(s,t),i`
+      <nile-dropdown>
+      ${this.range?i`
+        <nile-input
+          slot="trigger"
+          label="Choose a date range"
+          readonly
+          value="${this.formatDateRange(this.rangeValue)}"
+        >
+        <nile-icon name="calendar" slot="suffix"> </nile-icon>
+        </nile-input>
+      `:i`
+        <nile-input
+          slot="trigger"
+          label="Choose a date"
+          readonly
+          value="${this.formatDate(this.value)}"
+        >
+        <nile-icon name="calendar" slot="suffix"> </nile-icon>
+        </nile-input>
+      `}
+
+        <div class="base">
+          <div class="calendar-wrapper">
+            <div class="calendar-container ${this.range?"with-margin":""}">
+              ${this.renderMonth(this.currentYear,this.currentMonth,this.getDaysArray(this.currentYear,this.currentMonth))}
+            </div>
+            ${this.range?i`
+                  <div class="calendar-container">
+                    ${this.renderMonth(this.currentYear,(this.currentMonth+1)%12,this.getDaysArray(this.currentYear,(this.currentMonth+1)%12))}
+                  </div>
+                `:""}
+          </div>
+          ${this.range?i`
+          <div class="calender-input">
+            <span class="manual-input-label">From </span>
+            <div class="from">
+              <nile-input class="manual-input" value="${this.formatDate(this.startDate)}" placeholder="DD/MM/YYYY" @nile-change="${this.handleStartDateInput}"></nile-input>
+              <nile-input class="manual-input" value="${this.formatTime(this.startDate)}" placeholder="HH:MM:SS" @nile-change="${this.handleStartTimeInput}"> </nile-input>
+
+            </div>
+<br>
+            <span class="manual-input-label">To </span>
+            <div class="from">
+            <nile-input class="manual-input" value="${this.formatDate(this.endDate)}" placeholder="DD/MM/YYYY" @nile-change="${this.handleEndDateInput}"></nile-input>
+            <nile-input class="manual-input" value="${this.formatTime(this.endDate)}" placeholder="HH:MM:SS" @nile-change="${this.handleEndTimeInput}"> </nile-input>
+          </div>
+<nile-button class="apply-button"  ?disabled="${!this.startDate||!this.endDate}"  @click="${this.confimRange}"> Apply</nile-button>
+
+        </div>
+        </div>
+        `:""}
+        </div>
+      </nile-dropdown>
+    `}};t([s("nile-dropdown")],r.prototype,"dropdown",void 0),t([l({type:Boolean,reflect:!0})],r.prototype,"dropDownOpened",void 0),t([l({type:Object})],r.prototype,"value",void 0),t([l({type:Object})],r.prototype,"rangeValue",void 0),t([l({type:String,attribute:"value"})],r.prototype,"valueAttribute",void 0),t([l({type:String,attribute:"value"})],r.prototype,"formattedDate",void 0),t([l({type:Object})],r.prototype,"startDate",void 0),t([l({type:Object})],r.prototype,"endDate",void 0),t([l({type:Boolean})],r.prototype,"isSelectingStart",void 0),t([l({type:Boolean})],r.prototype,"range",void 0),t([a("value")],r.prototype,"valueChanged",null),r=t([e("nile-date-picker")],r);

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

@@ -1 +1 @@
-{"version":3,"file":"nile-icon-button.cjs.js","sources":["../../../src/nile-icon-button/nile-icon-button.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {LitElement, property, CSSResultArray, TemplateResult} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport {styles} from './nile-icon-button.css';\n\nimport '../nile-icon';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { query, state } from 'lit/decorators.js';\nimport { literal, html } from 'lit/static-html.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport type { CSSResultGroup } from 'lit';\nimport NileElement from '../internal/nile-element';\n\n/**\n * @summary Icons buttons are simple, icon-only buttons that can be used for actions and in toolbars.\n * @status stable\n * @since 2.0\n *\n * @dependency nile-icon\n *\n * @event nile-blur - Emitted when the icon button loses focus.\n * @event nile-focus - Emitted when the icon button gains focus.\n *\n * @csspart base - The component's base wrapper.\n */\n/**\n * Nile icon component.\n *\n * @tag nile-icon-button\n *\n */\n@customElement('nile-icon-button')\nexport class NileIconButton extends NileElement {\n  static styles: CSSResultGroup = styles;\n\n  @query('.icon-button') button: HTMLButtonElement | HTMLLinkElement;\n\n  @state() private hasFocus = false;\n\n  /** The name of the icon to draw. Available names depend on the icon library being used. */\n  @property() name?: string;\n\n  /** The name of a registered custom icon library. */\n  @property() library?: string;\n\n  /**\n   * An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\n   * can result in XSS attacks.\n   */\n  @property() src?: string;\n\n  /** When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`. */\n  @property() href?: string;\n\n  /** Tells the browser where to open the link. Only used when `href` is set. */\n  @property() target?: '_blank' | '_parent' | '_self' | '_top';\n\n  /** Tells the browser to download the linked file as this filename. Only used when `href` is set. */\n  @property() download?: string;\n\n  /**\n   * A description that gets read by assistive devices. For optimal accessibility, you should always include a label\n   * that describes what the icon button does.\n   */\n  @property() label = '';\n\n  /** Disables the button. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\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(event: MouseEvent) {\n    if (this.disabled) {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  }\n\n  /** Simulates a click on the icon button. */\n  click() {\n    this.button.click();\n  }\n\n  /** Sets focus on the icon button. */\n  focus(options?: FocusOptions) {\n    this.button.focus(options);\n  }\n\n  /** Removes focus from the icon button. */\n  blur() {\n    this.button.blur();\n  }\n\n  render() {\n    const isLink = this.href ? true : false;\n    const tag = isLink ? literal`a` : literal`button`;\n\n    /* eslint-disable lit/binding-positions, lit/no-invalid-html */\n    return html`\n      <${tag}\n        part=\"base\"\n        class=${classMap({\n          'icon-button': true,\n          'icon-button--disabled': !isLink && this.disabled,\n          'icon-button--focused': this.hasFocus\n        })}\n        ?disabled=${ifDefined(isLink ? undefined : this.disabled)}\n        type=${ifDefined(isLink ? undefined : 'button')}\n        href=${ifDefined(isLink ? this.href : undefined)}\n        target=${ifDefined(isLink ? this.target : undefined)}\n        download=${ifDefined(isLink ? this.download : undefined)}\n        rel=${ifDefined(isLink && this.target ? 'noreferrer noopener' : undefined)}\n        role=${ifDefined(isLink ? undefined : 'button')}\n        aria-disabled=${this.disabled ? 'true' : 'false'}\n        aria-label=\"${this.label}\"\n        tabindex=${this.disabled ? '-1' : '0'}\n        @blur=${this.handleBlur}\n        @focus=${this.handleFocus}\n        @click=${this.handleClick}\n      >\n        <nile-icon\n          class=\"icon-button__icon\"\n          name=${ifDefined(this.name)}\n          library=${ifDefined(this.library)}\n          src=${ifDefined(this.src)}\n          aria-hidden=\"true\"\n        ></nile-icon>\n      </${tag}>\n    `;\n  }\n}\n\n\nexport default NileIconButton;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-icon-button': NileIconButton;\n  }\n}\n"],"names":["NileIconButton","constructor","this","hasFocus","label","disabled","handleBlur","emit","handleFocus","handleClick","event","preventDefault","stopPropagation","click","button","focus","options","blur","render","isLink","href","tag","literal","html","classMap","ifDefined","undefined","target","download","name","library","src","NileElement","styles","__decorate","query","prototype","state","property","type","Boolean","reflect","customElement"],"mappings":"8qoCAsCaA,CAAb,sEAAAC,YAAAA,sEAKmBC,MAAQC,QAAAA,CAAAA,CAAG,CA2BhBD,CAAAA,MAAKE,KAAG,CAAA,EAAA,CAGwBF,MAAQG,QAAG,CAAA,CAAA,CAuExD,eArESC,6DAAAA,CACNJ,IAAKC,CAAAA,QAAAA,CAAAA,CAAW,CAChBD,CAAAA,IAAAA,CAAKK,IAAK,CAAA,WAAA,CACX,EAEOC,iDAAAA,CACNN,IAAKC,CAAAA,QAAAA,CAAAA,CAAW,EAChBD,IAAKK,CAAAA,IAAAA,CAAK,YACX,CAAA,EAEOE,gDAAYC,CAAAA,CAAAA,CACdR,IAAKG,CAAAA,QAAAA,GACPK,CAAMC,CAAAA,cAAAA,EAAAA,CACND,CAAME,CAAAA,eAAAA,EAAAA,CAET,EAGDC,qCAAAA,CACEX,KAAKY,MAAOD,CAAAA,KAAAA,EACb,EAGDE,oCAAMC,CACJd,CAAAA,CAAAA,IAAAA,CAAKY,MAAOC,CAAAA,KAAAA,CAAMC,CACnB,CAAA,EAGDC,mCACEf,CAAAA,IAAAA,CAAKY,MAAOG,CAAAA,IAAAA,EACb,EAEDC,uCACE,CAAA,GAAMC,EAASjB,CAAAA,CAAAA,CAAAA,IAAAA,CAAKkB,IACdC,CAAAA,CAAAA,CAAMF,CAASG,CAAAA,CAAO,mEAAMA,CAAO,yEAGzC,CAAA,MAAOC,EAAI,slBACNF,CAAAA,CAEOG,CAAS,CAAA,CACf,eAAe,CACf,CAAA,uBAAA,CAAA,CAA0BL,GAAUjB,IAAKG,CAAAA,QAAAA,CACzC,uBAAwBH,IAAKC,CAAAA,QAAAA,CAAAA,CAAAA,CAEnBsB,CAAUN,CAAAA,CAAAA,CAAAA,IAASO,GAAYxB,IAAKG,CAAAA,QAAAA,CAAAA,CACzCoB,CAAAA,CAAUN,MAASO,EAAY,CAAA,QAAA,CAAA,CAC/BD,CAAUN,CAAAA,CAAAA,CAASjB,KAAKkB,IAAOM,CAAAA,IAAAA,EAAAA,CAAAA,CAC7BD,CAAUN,CAAAA,CAAAA,CAASjB,KAAKyB,MAASD,CAAAA,IAAAA,EAAAA,CAAAA,CAC/BD,CAAUN,CAAAA,CAAAA,CAASjB,KAAK0B,QAAWF,CAAAA,IAAAA,EAAAA,CAAAA,CACxCD,CAAUN,CAAAA,CAAAA,EAAUjB,IAAKyB,CAAAA,MAAAA,CAAS,qBAAwBD,CAAAA,IAAAA,EAAAA,CAAAA,CACzDD,CAAAA,CAAUN,MAASO,EAAY,CAAA,QAAA,CAAA,CACtBxB,IAAAA,CAAKG,SAAW,MAAS,CAAA,OAAA,CAC3BH,IAAKE,CAAAA,KAAAA,CACRF,IAAAA,CAAKG,SAAW,IAAO,CAAA,GAAA,CAC1BH,IAAKI,CAAAA,UAAAA,CACJJ,IAAKM,CAAAA,WAAAA,CACLN,IAAKO,CAAAA,WAAAA,CAILgB,CAAAA,CAAUvB,IAAK2B,CAAAA,IAAAA,CAAAA,CACZJ,CAAAA,CAAUvB,IAAK4B,CAAAA,OAAAA,CAAAA,CACnBL,CAAAA,CAAUvB,IAAK6B,CAAAA,GAAAA,CAAAA,CAGrBV,CAAAA,EAEP,CAAA,eAzGiCW,CAApC/B,EACSD,EAAMiC,MAAmBA,CAAAA,CAAAA,CAETC,CAAA,CAAA,CAAtBC,EAAM,cAA4DnC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAoC,SAAA,CAAA,QAAA,CAAA,IAAA,IAE1DF,CAAA,CAAA,CAARG,KAAiCrC,CAAAoC,CAAAA,SAAAA,CAAA,eAAA,EAGtBF,CAAAA,CAAAA,CAAAA,CAAA,CAAXI,CAAAA,EAAAA,CAAAA,CAAyBtC,EAAAoC,SAAA,CAAA,MAAA,CAAA,IAAA,IAGdF,CAAA,CAAA,CAAXI,KAA4BtC,CAAAoC,CAAAA,SAAAA,CAAA,SAAA,CAAA,IAAA,EAAA,CAAA,CAMjBF,EAAA,CAAXI,CAAAA,EAAAA,CAAAA,CAAwBtC,EAAAoC,SAAA,CAAA,KAAA,CAAA,IAAA,IAGbF,CAAA,CAAA,CAAXI,CAAyBtC,EAAAA,CAAAA,CAAAA,CAAAA,CAAAoC,UAAA,MAAA,CAAA,IAAA,EAAA,CAAA,CAGdF,EAAA,CAAXI,CAAAA,EAAAA,CAAAA,CAA4DtC,EAAAoC,SAAA,CAAA,QAAA,CAAA,IAAA,EAGjDF,CAAAA,CAAAA,CAAAA,CAAA,CAAXI,CAA6BtC,EAAAA,CAAAA,CAAAA,CAAAA,CAAAoC,UAAA,UAAA,CAAA,IAAA,EAAA,CAAA,CAMlBF,EAAA,CAAXI,CAAAA,EAAAA,CAAAA,CAAsBtC,CAAAoC,CAAAA,SAAAA,CAAA,YAAA,EAGqBF,CAAAA,CAAAA,CAAAA,CAAA,CAA3CI,CAAS,CAAA,CAAEC,KAAMC,OAASC,CAAAA,OAAAA,CAAAA,CAAS,CAAyBzC,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAoC,UAAA,UAAA,CAAA,IAAA,EAAA,CAAA,CAnClDpC,EAAckC,CAAA,CAAA,CAD1BQ,EAAc,kBACF1C,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA"}
+{"version":3,"file":"nile-icon-button.cjs.js","sources":["../../../src/nile-icon-button/nile-icon-button.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {LitElement, property, CSSResultArray, TemplateResult} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport {styles} from './nile-icon-button.css';\n\nimport '../nile-icon';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { query, state } from 'lit/decorators.js';\nimport { literal, html } from 'lit/static-html.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport type { CSSResultGroup } from 'lit';\nimport NileElement from '../internal/nile-element';\n\n/**\n * @summary Icons buttons are simple, icon-only buttons that can be used for actions and in toolbars.\n * @status stable\n * @since 2.0\n *\n * @dependency nile-icon\n *\n * @event nile-blur - Emitted when the icon button loses focus.\n * @event nile-focus - Emitted when the icon button gains focus.\n *\n * @csspart base - The component's base wrapper.\n */\n/**\n * Nile icon component.\n *\n * @tag nile-icon-button\n *\n */\n@customElement('nile-icon-button')\nexport class NileIconButton extends NileElement {\n  static styles: CSSResultGroup = styles;\n\n  @query('.icon-button') button: HTMLButtonElement | HTMLLinkElement;\n\n  @state() private hasFocus = false;\n\n  /** The name of the icon to draw. Available names depend on the icon library being used. */\n  @property() name?: string;\n\n  /** The name of a registered custom icon library. */\n  @property() library?: string;\n\n  /**\n   * An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\n   * can result in XSS attacks.\n   */\n  @property() src?: string;\n\n  /** When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`. */\n  @property() href?: string;\n\n  /** Tells the browser where to open the link. Only used when `href` is set. */\n  @property() target?: '_blank' | '_parent' | '_self' | '_top';\n\n  /** Tells the browser to download the linked file as this filename. Only used when `href` is set. */\n  @property() download?: string;\n\n  /**\n   * A description that gets read by assistive devices. For optimal accessibility, you should always include a label\n   * that describes what the icon button does.\n   */\n  @property() label = '';\n\n  /** Disables the button. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\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(event: MouseEvent) {\n    if (this.disabled) {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n  }\n\n  /** Simulates a click on the icon button. */\n  click() {\n    this.button.click();\n  }\n\n  /** Sets focus on the icon button. */\n  focus(options?: FocusOptions) {\n    this.button.focus(options);\n  }\n\n  /** Removes focus from the icon button. */\n  blur() {\n    this.button.blur();\n  }\n\n  render(): TemplateResult {\n    const isLink = this.href ? true : false;\n    const tag = isLink ? literal`a` : literal`button`;\n\n    /* eslint-disable lit/binding-positions, lit/no-invalid-html */\n    return html`\n      <${tag}\n        part=\"base\"\n        class=${classMap({\n          'icon-button': true,\n          'icon-button--disabled': !isLink && this.disabled,\n          'icon-button--focused': this.hasFocus\n        })}\n        ?disabled=${ifDefined(isLink ? undefined : this.disabled)}\n        type=${ifDefined(isLink ? undefined : 'button')}\n        href=${ifDefined(isLink ? this.href : undefined)}\n        target=${ifDefined(isLink ? this.target : undefined)}\n        download=${ifDefined(isLink ? this.download : undefined)}\n        rel=${ifDefined(isLink && this.target ? 'noreferrer noopener' : undefined)}\n        role=${ifDefined(isLink ? undefined : 'button')}\n        aria-disabled=${this.disabled ? 'true' : 'false'}\n        aria-label=\"${this.label}\"\n        tabindex=${this.disabled ? '-1' : '0'}\n        @blur=${this.handleBlur}\n        @focus=${this.handleFocus}\n        @click=${this.handleClick}\n      >\n        <nile-icon\n          class=\"icon-button__icon\"\n          name=${ifDefined(this.name)}\n          library=${ifDefined(this.library)}\n          src=${ifDefined(this.src)}\n          aria-hidden=\"true\"\n        ></nile-icon>\n      </${tag}>\n    `;\n  }\n}\n\n\nexport default NileIconButton;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-icon-button': NileIconButton;\n  }\n}\n"],"names":["NileIconButton","constructor","this","hasFocus","label","disabled","handleBlur","emit","handleFocus","handleClick","event","preventDefault","stopPropagation","click","button","focus","options","blur","render","isLink","href","tag","literal","html","classMap","ifDefined","undefined","target","download","name","library","src","NileElement","styles","__decorate","query","prototype","state","property","type","Boolean","reflect","customElement"],"mappings":"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"}

package/dist/src/index.d.ts

@@ -24,4 +24,5 @@ export { NileDropdown } from './nile-dropdown';
 export { NileAutoComplete } from './nile-auto-complete';
 export { NileChip } from './nile-chip';
 export { NileTextarea } from './nile-textarea';
+export { NileDatePicker } from './nile-date-picker';
 export { NileErrorMessage } from './nile-error-message';

package/dist/src/index.js

@@ -24,5 +24,6 @@ export { NileDropdown } from './nile-dropdown';
 export { NileAutoComplete } from './nile-auto-complete';
 export { NileChip } from './nile-chip';
 export { NileTextarea } from './nile-textarea';
+export { NileDatePicker } from './nile-date-picker';
 export { NileErrorMessage } from './nile-error-message';
 //# sourceMappingURL=index.js.map