@aquera/nile-elements 1.5.6 → 1.5.7

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

@@ -1 +1 @@
-{"version":3,"file":"nile-button.css.cjs.js","sources":["../../../src/nile-button/nile-button.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';\n\n/**\n * Button CSS\n */\nexport const styles = css`\n  :host {\n    display: inline-block;\n    position: relative;\n    width: auto;\n    cursor: pointer;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border-style: solid;\n    border-width: var(--nile-border-size-1, var(--ng-border-width-1));\n    font-style: normal;\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    text-align: center;\n    letter-spacing: 0.2px;\n    text-decoration: none;\n    user-select: none;\n    white-space: nowrap;\n    vertical-align: middle;\n    transition: var(--nile-transition-duration-default, var(--ng-transition-duration-default)) background-color,\n      var(--nile-transition-duration-default, var(--ng-transition-duration-default)) color,\n      var(--nile-transition-duration-default, var(--ng-transition-duration-default)) border,\n      var(--nile-transition-duration-default, var(--ng-transition-duration-default)) box-shadow;\n    cursor: inherit;\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-semibold));\n    border-radius: var(--nile-radius-base-standard, var(--ng-radius-md));\n    padding: var(--nile-spacing-10px, var(--ng-spacing-md-alt)) var(--nile-spacing-14px, var(--ng-spacing-lg));\n    gap: var(--nile-spacing-5px, var(--ng-spacing-xs));\n    line-height: var(--nile-type-scale-6, var(--ng-spacing-5));\n    box-sizing: border-box;\n    height: var(--nile-height-40px, var(--ng-height-40px));\n  }\n\n  .button::-moz-focus-inner {\n    border: 0;\n  }\n\n  .button:focus {\n    outline: none;\n  }\n\n  .button:focus-visible {\n    outline: var(--nile-outline-5px, --ng-outline-5px) auto var(--ng-colors-bg-brand-solid, -webkit-focus-ring-color);\n    outline-offset: var(--ng-outline-2px, --ng-outline-4px);\n  }\n\n  .button--disabled {\n    cursor: not-allowed;\n  }\n\n  .button--disabled * {\n    pointer-events: none;\n  }\n\n  /* Primary */\n  .button--standard.button--primary {\n  position: relative;\n  overflow: hidden; \n  background-color: var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid));\n  color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n  border-color: var(--nile-colors-primary-600);\n  border-width: var(--nile-border-width-1, var(--ng-border-width-0));\n  border-style: var(--nile-border-style-solid, var(--ng-border-style-none));\n  box-shadow: var(--nile-textarea-standard-disabled-box-shadow, var(--ng-shadow-none));\n}\n\n.button--standard.button--primary::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  pointer-events: none;\n  background:  var(--ng-skeuemorphic-gradient-border);\n  mask: var(--ng-mask-rim);\n  mask-composite: var(--ng-mask-composite-exclude);  \n  padding: var(--ng-spacing-xxs); \n}\n\n \n.button--standard.button--primary::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  pointer-events: none;\n  box-shadow: var(--ng-shadow-xs-skeuomorphic)\n}\n\n\n  .button--standard.button--primary:hover:not(.button--disabled) {\n    background-color: var(--nile-colors-primary-700, var(--ng-colors-bg-brand-solid-hover));\n    border-color: var(--nile-colors-primary-700, var(--ng-primary-standard));\n    color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n  }\n\n  .button--standard.button--primary:active:not(.button--disabled) {\n    background-color: var(--nile-colors-primary-700, var(--ng-colors-bg-brand-solid));\n    border-color: var(--nile-colors-primary-900, var(--ng-primary-standard));\n    color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n  }\n\n  .button--standard.button--primary.button--disabled {\n    background-color: var(--nile-colors-primary-500, var(--ng-colors-bg-disabled));\n    border-color: var(--nile-colors-primary-500, var(--ng-colors-border-disabled-subtle));\n    cursor: not-allowed;\n    color: var(--nile-colors-white-base, var(--ng-colors-border-neutral));\n    box-shadow: none;\n  }\n\n  .button--standard.button--primary.button--disabled:hover,\n  .button--standard.button--primary.button--disabled:active {\n    background-color: var(--nile-colors-primary-500, var(--ng-colors-bg-disabled));\n    border-color: var(--nile-colors-primary-500, var(--ng-colors-border-disabled-subtle));\n    cursor: not-allowed;\n  }\n\n  .button--standard.button--primary:focus-visible:not(.button--disabled) {\n    background-color: var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid));\n    border-color: var(--nile-colors-primary-600, var(--ng-primary-standard));\n    color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n    box-shadow: var(--nile-box-shadow-none,var(--ng-focus-ring-shadow-xs-skeumorphic));\n  }\n\n  /*  Secondary */\n  .button--standard.button--secondary {\n    background-color: var(--nile-colors-neutral-400, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-neutral-400, var(--ng-border-none));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n    box-shadow: var(--nile-box-shadow-none,var(--ng-shadow-xs-skeuomorphic));\n    border-width:var(--nile-border-width-1, var(--ng-border-width-0));\n    border-style: var(--nile-border-style-solid, var(--ng-border-style-none));\n  }\n\n  .button--standard.button--secondary:hover:not(.button--disabled) {\n    background-color: var(--nile-colors-neutral-500, var(--ng-colors-bg-primary-hover));\n    border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-primary));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-hover));\n  }\n\n  .button--standard.button--secondary:active:not(.button--disabled) {\n    background-color: var(--nile-colors-neutral-500, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-neutral-700, var(--ng-colors-border-primary));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n  }\n\n  .button--standard.button--secondary.button--disabled {\n    background-color: var(--nile-colors-neutral-400, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-disabled-subtle));\n    color: var(--nile-colors-neutral-700, var(--ng-colors-fg-disabled));\n    cursor: not-allowed;\n  }\n\n  .button--standard.button--secondary.button--disabled:hover,\n  .button--standard.button--secondary.button--disabled:active {\n    background-color: var(--nile-colors-neutral-400, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-disabled-subtle));\n    color: var(--nile-colors-neutral-700, var(--ng-colors-fg-disabled));\n    cursor: not-allowed;\n  }\n\n  .button--standard.button--secondary:focus-visible:not(.button--disabled) {\n    background-color: var(--nile-colors-neutral-400, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-primary));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n    box-shadow: var(--nile-box-shadow-none,var(--ng-focus-ring-shadow-xs-skeumorphic));\n  }\n\n  /* Tertiary */\n  .button--standard.button--tertiary {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-neutral-500, var(--ng-colors-bg-primary));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n  }\n\n  .button--standard.button--tertiary:hover:not(.button--disabled) {\n    background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-primary-hover));\n    border-color: var(--nile-colors-neutral-500, var(--ng-colors-bg-primary));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-hover));\n  }\n\n  .button--standard.button--tertiary:active:not(.button--disabled) {\n    background-color: var(--nile-colors-neutral-400, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-neutral-700, var(--ng-colors-bg-primary));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n  }\n\n  .button--standard.button--tertiary.button--disabled,\n  .button--standard.button--tertiary.button--disabled:hover,\n  .button--standard.button--tertiary.button--disabled:active {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-neutral-400, var(--ng-colors-bg-primary));\n    color: var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled));\n    cursor: not-allowed;\n    box-shadow: none;\n  }\n\n  .button--standard.button--tertiary:focus-visible:not(.button--disabled) {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-neutral-500, var(--ng-colors-bg-primary));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n    box-shadow: var(--nile-box-shadow-none,var(--ng-focus-ring));\n  }\n\n  /* ghost  */\n  .button--standard.button--ghost {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-color: var(--nile-border-color-transparent, var(--ng-colors-bg-primary)) ;\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n  }\n\n  .button--standard.button--ghost:hover:not(.button--disabled) {\n    background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-primary-hover));\n    border-color:  var(--nile-border-color-transparent,  var(--ng-colors-bg-primary));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-hover));\n  }\n\n  .button--standard.button--ghost:active:not(.button--disabled) {\n    background-color: var(--nile-colors-neutral-400, var(--ng-colors-bg-primary));\n    border-color: var(--nile-border-color-transparent, var(--ng-colors-bg-primary));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n  }\n\n  .button--standard.button--ghost.button--disabled,\n  .button--standard.button--ghost.button--disabled:hover,\n  .button--standard.button--ghost.button--disabled:active {\n    border-color: var(--nile-border-color-transparent,var(--ng-colors-bg-primary));\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    color: var(--nile-colors-neutral-500,var(--ng-colors-fg-disabled));\n    cursor: not-allowed;\n    box-shadow: none;\n  }\n\n  \n\n  /* caution */\n  .button--standard.button--caution {\n    background-color: var(--nile-colors-red-500,var(--ng-colors-bg-error-solid));\n    border-color: var(--nile-colors-red-500);\n    color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n    border-width: var(--nile-border-width-1, var(--ng-border-width-0));\n  border-style: var(--nile-border-style-solid, var(--ng-border-style-none));\n  }\n\n  .button--standard.button--caution:hover:not(.button--disabled) {\n    background-color: var(--nile-colors-red-700,var( --ng-colors-bg-error-solid-hover));\n    border-color: var(--nile-colors-red-700);\n    color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n  }\n\n\n\n  .button--standard.button--caution:active:not(.button--disabled) {\n    background-color: var(--nile-colors-red-700);\n    border-color: var(--nile-colors-red-700,var(--ng-border-style-none));\n    color: var(--nile-colors-white-base);\n  }\n\n  .button--standard.button--caution:active:not(.button--disabled) {\n    background-color: var(--nile-colors-red-700, var(--ng-colors-bg-error-solid));\n    border-color:  var(--nile-colors-dark-900, var(--ng-primary-standard));\n    color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n  }\n\n  .button--standard.button--caution {\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--nile-box-shadow-1, var(--ng-shadow-none));\n}\n\n.button--standard.button--caution::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  pointer-events: none;\n  background: var(--ng-skeuemorphic-gradient-border);\n  mask: var(--ng-mask-rim);\n  mask-composite: var(--ng-mask-composite-exclude);\n  padding: var(--ng-spacing-xxs);\n}\n\n.button--standard.button--caution::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  pointer-events: none;\n  box-shadow: var(--ng-shadow-xs-skeuomorphic);\n}\n\n.button.button--disabled {\n  box-shadow: none !important;\n  border-width: var(--nile-border-width-1, var(--ng-border-width-1)) !important;\n}\n\n.button.button--disabled::after {\n  box-shadow: none !important;\n}\n\n  /* destructive */\n  .button--standard.button--destructive {\n    position: relative;\n    overflow: hidden; \n    background-color: var(--nile-colors-red-500, var(--ng-colors-bg-error-solid));\n    border-color: var(--nile-colors-red-500);\n    border-width: var(--nile-border-width-1, var(--ng-border-width-0));\n    border-style: var(--nile-border-style-solid, var(--ng-border-style-none));\n    color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n    box-shadow: var(--nile-box-shadow-1, var(--ng-shadow-none));\n  }\n\n\n  .button--standard.button--destructive::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  pointer-events: none;\n  background:  var(--ng-skeuemorphic-gradient-border);\n  mask: var(--ng-mask-rim);\n  mask-composite: var(--ng-mask-composite-exclude);  \n  padding: var(--ng-spacing-xxs); \n}\n\n \n.button--standard.button--destructive::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  pointer-events: none;\n  box-shadow: var(--ng-shadow-xs-skeuomorphic)\n}\n\n  .button--standard.button--destructive:hover:not(.button--disabled) {\n    background-color: var(--nile-colors-red-700, var(--ng-colors-bg-error-solid-hover));\n    border-color: var(--nile-colors-red-700, var(--ng-primary-standard));\n    box-shadow: var(--nile-box-shadow-1, var(--ng-shadow-xs-skeuomorphic));\n  }\n\n  .button--standard.button--destructive:active:not(.button--disabled) {\n    background-color: var(--nile-colors-red-700, var(--ng-colors-bg-error-solid));\n    border-color:  var(--nile-colors-dark-900, var(--ng-primary-standard));\n    color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n  }\n  .button--standard.button--destructive:focus-visible:not(.button--disabled) {\n    background-color: var(--nile-colors-red-500, var(--ng-colors-bg-error-solid));\n    border-color:  var(--nile-colors-red-500, var(--ng-primary-standard));\n    color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n    box-shadow: var(--nile-box-shadow-none, var(--ng-focus-ring-error-shadow-xs-skeumorphic))\n  }\n\n  .button--standard.button--destructive.button--disabled {\n    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-disabled));\n    border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-border-disabled-subtle));\n    color: var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled));\n    cursor: not-allowed;\n    box-shadow: none;\n  }\n\n  .button--standard.button--destructive.button--disabled:active {\n    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-disabled));\n    border-color: var(--nile-colors-neutral-400, var(--ng-primary-standard));\n    color: var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled));\n    cursor: not-allowed;\n  }\n\n   .button--standard.button--destructive.button--disabled:hover {\n    background-color: var(--nile-colors-red-400,var(--ng-colors-bg-disabled));\n    color: var(--nile-colors-white-base,var(--ng-colors-fg-disabled));\n    border-color: var(--nile-colors-red-400,var(--ng-colors-border-disabled-subtle));\n    cursor: not-allowed;\n  }  \n\n  /* secondary-Grey */\n  .button--standard.button--secondary-grey {\n    background-color: var(--nile-colors-white-base);\n    border-color: var(--nile-colors-neutral-500);\n    color: var(--nile-colors-primary-900);\n    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n  }\n\n  .button--standard.button--secondary-grey:hover:not(.button--disabled) {\n    background-color: var(--nile-colors-neutral-100);\n    border-color: var(--nile-colors-neutral-500);\n    color: var(--nile-colors-dark-900);\n    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n  }\n\n  .button--standard.button--secondary-grey:active:not(.button--disabled) {\n    background-color: var(--nile-colors-white-base);\n    border-color: var(--nile-colors-neutral-500);\n    color: var(--nile-colors-primary-900);\n    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05),\n      0px 0px 0px 4px rgba(152, 162, 179, 0.14);\n  }\n\n  .button--standard.button--secondary-grey.button--disabled {\n    background-color: var(--nile-colors-neutral-400);\n    border-color: var(--nile-colors-neutral-700);\n    color: var(--nile-colors-neutral-500);\n    cursor: not-allowed;\n  }\n\n  .button--standard.button--secondary-grey.button--disabled:hover,\n  .button--standard.button--secondary-grey.button--disabled:active {\n    background-color: var(--nile-colors-neutral-400);\n    border-color: var(--nile-colors-neutral-700);\n    color: var(--nile-colors-neutral-500);\n    cursor: not-allowed;\n  }\n\n  /* secondary-blue */\n  .button--standard.button--secondary-blue {\n    background-color: var(--nile-colors-white-base);\n    border-color: var(--nile-colors-primary-500);\n    color: var(--nile-colors-primary-700);\n    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n  }\n\n  .button--standard.button--secondary-blue:hover:not(.button--disabled) {\n    background-color: var(--nile-colors-blue-100);\n    border-color: var(--nile-colors-primary-500);\n    color: var(--nile-colors-primary-700);\n    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n  }\n\n  .button--standard.button--secondary-blue:active:not(.button--disabled) {\n    background-color: var(--nile-colors-white-base);\n    border-color: var(--nile-colors-primary-500);\n    color: var(--nile-colors-primary-700);\n    box-shadow: 0px 1px 2px 0px rgba(0, 82, 145, 0.1),\n      0px 0px 0px 4px rgba(0, 94, 166, 0.15);\n  }\n\n  .button--standard.button--secondary-blue.button--disabled {\n    background-color: var(--nile-colors-white-base);\n    border-color: var(--nile-colors-neutral-400);\n    color: var(--nile-colors-neutral-500);\n    cursor: not-allowed;\n  }\n\n  .button--standard.button--secondary-blue.button--disabled:hover,\n  .button--standard.button--secondary-blue.button--disabled:active {\n    background-color: var(--nile-colors-white-base);\n    border-color: var(--nile-colors-neutral-400);\n    color: var(--nile-colors-neutral-500);\n    cursor: not-allowed;\n  }\n\n  /* Primary Variant - Nile Icon Fill */\n  .button--standard.button--primary ::slotted(nile-icon:not([color])) {\n    --nile-svg-fill: var(--nile-colors-white-base, var(--ng-componentcolors-components-button-primary-icon)) !important;\n  }\n  .button--standard.button--primary:hover:not(.button--disabled)\n    ::slotted(nile-icon:not([color])),\n  .button--standard.button--primary:active:not(.button--disabled)\n    ::slotted(nile-icon:not([color])) {\n    --nile-svg-fill: var(--nile-colors-white-base, var(--ng-componentcolors-components-button-primary-icon-hover)) !important;\n  }\n  .button--standard.button--primary.button--disabled ::slotted(nile-icon:not([color])) {\n    --nile-svg-fill: var(--nile-colors-white-base, var(--ng-colors-fg-disabled-subtle)) !important;\n  }\n\n  /* Secondary Variant */\n  .button--standard.button--secondary ::slotted(nile-icon:not([color])) {\n    --nile-svg-fill: var(--nile-colors-dark-900, var(--ng-colors-fg-quaternary-400)) !important;\n  }\n  .button--standard.button--secondary:hover:not(.button--disabled)\n    ::slotted(nile-icon:not([color])),\n  .button--standard.button--secondary:active:not(.button--disabled)\n    ::slotted(nile-icon:not([color])) {\n    --nile-svg-fill: var(--nile-colors-dark-900, var(--ng-colors-fg-quaternary-hover)) !important;\n  }\n  .button--standard.button--secondary.button--disabled ::slotted(nile-icon:not([color])) {\n    --nile-svg-fill: var(--nile-colors-dark-500, var(--ng-colors-fg-disabled-subtle)) !important;\n  }\n\n  /* Tertiary Variant */\n  .button--standard.button--tertiary ::slotted(nile-icon:not([color])) {\n    --nile-svg-fill: var(--nile-colors-dark-900, var(--ng-colors-fg-quaternary-400)) !important;\n  }\n  .button--standard.button--tertiary:hover:not(.button--disabled)\n    ::slotted(nile-icon:not([color])),\n  .button--standard.button--tertiary:active:not(.button--disabled)\n    ::slotted(nile-icon:not([color])) {\n    --nile-svg-fill: var(--nile-colors-dark-900, var(--ng-colors-fg-quaternary-hover)) !important;\n  }\n  .button--standard.button--tertiary.button--disabled ::slotted(nile-icon:not([color])) {\n    --nile-svg-fill: var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled-subtle)) !important;\n  }\n\n  /* Ghost Variant */\n  .button--standard.button--ghost ::slotted(nile-icon:not([color])) {\n    --nile-svg-fill: var(--nile-colors-dark-900) !important;\n  }\n  .button--standard.button--ghost:hover:not(.button--disabled)\n    ::slotted(nile-icon:not([color])),\n  .button--standard.button--ghost:active:not(.button--disabled)\n    ::slotted(nile-icon:not([color])) {\n    --nile-svg-fill: var(--nile-colors-dark-900) !important;\n  }\n  .button--standard.button--ghost ::slotted(nile-icon:not([color])) {\n    --nile-svg-fill: var(--nile-colors-neutral-500) !important;\n  }\n\n  /* Caution Variant */\n  .button--standard.button--caution ::slotted(nile-icon:not([color])) {\n    --nile-svg-fill: var(--nile-colors-white-base) !important;\n  }\n  .button--standard.button--caution:hover:not(.button--disabled)\n    ::slotted(nile-icon:not([color])),\n  .button--standard.button--caution:active:not(.button--disabled)\n    ::slotted(nile-icon:not([color])) {\n    --nile-svg-fill: var(--nile-colors-white-base,var(--ng-componentcolors-components-button-destructive-primary-icon-hover)) !important;\n  }\n  .button--standard.button--caution.button--disabled{\n    background-color: var(--nile-colors-red-400,var(--ng-colors-bg-disabled));\n    color: var(--nile-colors-white-base,var(--ng-colors-fg-disabled));\n    border-color: var(--nile-colors-red-400,var(--ng-colors-border-disabled-subtle));\n    border-width: var(--ng-border-width-1, 1px);\n    border-style: var(--ng-border-style-solid, solid);\n  }\n\n  .button--standard.button--caution ::slotted(nile-icon:not([color])) {\n    --nile-svg-fill: var(--nile-colors-white-base,var(--ng-componentcolors-components-button-destructive-primary-icon)) !important;\n  }\n  .button--standard.button--caution.button--disabled ::slotted(nile-icon:not([color])) {\n    --nile-svg-fill: var(--nile-colors-white-base, var(--ng-colors-fg-disabled-subtle)) !important;\n  }\n  \n\n  /* destructive */\n  .button--standard.button--destructive ::slotted(nile-icon:not([color])) {\n    --nile-svg-fill: var(--nile-colors-white-base, var(--ng-componentcolors-components-button-destructive-primary-icon)) !important;\n  }\n  .button--standard.button--destructive:hover:not(.button--disabled)\n    ::slotted(nile-icon:not([color])),\n  .button--standard.button--caution:active:not(.button--disabled)\n    ::slotted(nile-icon:not([color])) {\n    --nile-svg-fill: var(--nile-colors-white-base, var(--ng-componentcolors-components-button-destructive-primary-icon-hover)) !important;\n  }\n  .button--standard.button--destructive.button--disabled ::slotted(nile-icon:not([color])) {\n    --nile-svg-fill: var(--nile-colors-white-base, var(--ng-colors-fg-disabled-subtle)) !important;\n  }\n\n  .button--standard.button--destructive.button--disabled{\n    background-color: var(--nile-colors-red-400,var(--ng-colors-bg-disabled));\n    color: var(--nile-colors-white-base,var(--ng-colors-fg-disabled));\n    border-color: var(--nile-colors-red-400,var(--ng-colors-border-disabled-subtle));\n    border-width: var(--ng-border-width-1, 1px);\n    border-style: var(--ng-border-style-solid, solid);\n  }\n\n  /*\n   * Outline buttons\n   */\n\n  .button--outline {\n    background: none;\n    border: solid 2px;\n  }\n\n  /* Default */\n  .button--outline.button--secondary {\n    border-color: var(--nile-colors-neutral-300);\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .button--outline.button--secondary:hover:not(.button--disabled),\n  .button--outline.button--secondary.button--checked:not(.button--disabled) {\n    border-color: var(--nile-colors-primary-600);\n    color: var(--nile-colors-white-base);\n  }\n\n  .button--outline.button--secondary:active:not(.button--disabled) {\n    border-color: var(--nile-colors-neutral-700);\n    color: var(--nile-colors-white-base);\n  }\n\n  /* Primary */\n  .button--outline.button--primary {\n    border-color: var(--nile-colors-primary-600);\n    color: var(--nile-colors-primary-600);\n  }\n\n  .button--outline.button--primary:hover:not(.button--disabled),\n  .button--outline.button--primary.button--checked:not(.button--disabled) {\n    color: var(--nile-colors-white-base);\n  }\n\n  .button--outline.button--primary:active:not(.button--disabled) {\n    border-color: var(--nile-colors-primary-700);\n    color: var(--nile-colors-white-base);\n  }\n\n  /* Success */\n  .button--outline.button--success {\n    border-color: var(--nile-colors-green-600);\n    color: var(--nile-colors-green-600);\n  }\n\n  .button--outline.button--success:hover:not(.button--disabled),\n  .button--outline.button--success.button--checked:not(.button--disabled) {\n    color: var(--nile-colors-white-base);\n  }\n\n  .button--outline.button--success:active:not(.button--disabled) {\n    border-color: var(--nile-colors-green-700);\n    color: var(--nile-colors-white-base);\n  }\n\n  /* Neutral */\n  .button--outline.button--neutral {\n    border-color: var(--nile-colors-neutral-600);\n    color: var(--nile-colors-neutral-600);\n  }\n\n  .button--outline.button--neutral:hover:not(.button--disabled),\n  .button--outline.button--neutral.button--checked:not(.button--disabled) {\n    color: var(--nile-colors-white-base);\n  }\n\n  .button--outline.button--neutral:active:not(.button--disabled) {\n    border-color: var(--nile-colors-neutral-700);\n    color: var(--nile-colors-white-base);\n  }\n\n  /* Warning */\n  .button--outline.button--warning {\n    border-color: var(--nile-colors-orange-600);\n    color: var(--nile-colors-orange-600);\n  }\n\n  .button--outline.button--warning:hover:not(.button--disabled),\n  .button--outline.button--warning.button--checked:not(.button--disabled) {\n    color: var(--nile-colors-white-base);\n  }\n\n  .button--outline.button--warning:active:not(.button--disabled) {\n    border-color: var(--nile-colors-orange-700);\n    color: var(--nile-colors-white-base);\n  }\n\n  /* Danger */\n  .button--outline.button--danger {\n    border-color: var(--nile-colors-red-600);\n    color: var(--nile-colors-red-600);\n  }\n\n  .button--outline.button--danger:hover:not(.button--disabled),\n  .button--outline.button--danger.button--checked:not(.button--disabled) {\n    background-color: var(--nile-colors-red-600);\n    color: var(--nile-colors-white-base);\n  }\n\n  .button--outline.button--danger:active:not(.button--disabled) {\n    border-color: var(--nile-colors-red-700);\n    background-color: var(--nile-colors-red-700);\n    color: var(--nile-colors-white-base);\n  }\n\n  /* destructive  */\n  .button--outline.button--destructive {\n    border-color: var(--nile-colors-red-400, var(--ng-colors-effects-focus-ring-error));\n    color: var(--nile-colors-red-700);\n    box-shadow: 0px;\n  }\n\n  .button--outline.button--destructive:hover:not(.button--disabled),\n  .button--outline.button--destructive.button--checked:not(.button--disabled) {\n    border-color: var(--nile-colors-red-400);\n    color: var(--nile-colors-red-700);\n    background-color: var(--nile-colors-red-100);\n  }\n\n  .button--outline.button--destructive:active:not(.button--disabled) {\n    border-color: var(--nile-colors-red-400);\n    color: var(--nile-colors-red-700);\n    background-color: var(--nile-colors-white-base);\n    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05),\n      0px 0px 0px 4px rgba(240, 68, 56, 0.24);\n  }\n\n  /* destructive - focus-visible */\n  .button--outline.button--destructive:focus-visible:not(.button--disabled) {\n    border-color: var(--nile-colors-red-400, var(--ng-colors-effects-focus-ring-error));\n    color: var(--nile-colors-red-700);\n    background-color: var(--nile-colors-white-base);\n    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05),\n      0px 0px 0px 4px rgba(240, 68, 56, 0.24);\n  }\n\n  /* secondary-grey  */\n  .button--outline.button--secondary-grey {\n    box-shadow: 0px;\n  }\n\n  .button--outline.button--secondary-grey:hover:not(.button--disabled),\n  .button--outline.button--secondary-grey.button--checked:not(\n      .button--disabled\n    ) {\n    color: var(--nile-colors-primary-900);\n    background-color: var(--nile-colors-neutral-100);\n  }\n\n  .button--outline.button--secondary-grey:active:not(.button--disabled) {\n    box-shadow: 0px;\n  }\n\n  .button--outline.button--secondary-grey:focus-visible:not(.button--disabled) {\n    box-shadow: 0px;\n  }\n\n  /* secondary-blue  */\n  .button--outline.button--secondary-blue {\n    box-shadow: 0px;\n  }\n\n  .button--outline.button--secondary-blue:hover:not(.button--disabled),\n  .button--outline.button--secondary-blue.button--checked:not(\n      .button--disabled\n    ) {\n    color: var(--nile-colors-primary-700);\n    background-color: var(--nile-colors-blue-100);\n  }\n\n  .button--outline.button--secondary-blue:active:not(.button--disabled) {\n    box-shadow: 0px;\n  }\n\n  .button--outline.button--secondary-blue:focus-visible:not(.button--disabled) {\n    box-shadow: 0px;\n  }\n\n  @media (forced-colors: active) {\n    .button.button--outline.button--checked:not(.button--disabled) {\n      outline: solid 2px transparent;\n    }\n  }\n\n  /*\n * Pill modifier\n */\n\n  .button--pill.button--small {\n    border-radius: var(--nile-radius-2xl);\n  }\n\n  .button--pill.button--medium {\n    border-radius: var(--nile-radius-2xl);\n  }\n\n  /*\n * Circle modifier\n */\n\n  .button--circle {\n    padding-left: var(--nile-spacing-none);\n    padding-right: var(--nile-spacing-none);\n  }\n\n  .button--circle.button--small {\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n  }\n\n  .button--circle.button--medium {\n    width: 38px;\n    height: 38px;\n    border-radius: 50%;\n  }\n\n  .button--circle .button__prefix,\n  .button--circle .button__suffix,\n  .button--circle .button__caret {\n    display: none;\n  }\n\n  /* Caret modifier */\n\n  .button--caret .button__suffix {\n    display: none;\n  }\n\n  .button--caret .button__caret {\n    height: auto;\n  }\n\n  /*\n * Loading modifier\n */\n\n  .button--loading {\n    position: relative;\n    cursor: wait;\n  }\n\n  .button--loading .button__prefix,\n  .button--loading .button__label,\n  .button--loading .button__suffix,\n  .button--loading .button__caret {\n    visibility: hidden;\n  }\n\n  .button--loading nile-spinner {\n    --indicator-color: currentColor;\n    position: absolute;\n    font-size: var(--nile-type-scale-3);\n    height: 1em;\n    width: 1em;\n    top: calc(50% - 0.5em);\n    left: calc(50% - 0.5em);\n  }\n  /*\n * Badges\n */\n\n  .button ::slotted(nile-badge) {\n    position: absolute;\n    top: 0;\n    right: 0;\n    translate: 50% -50%;\n    pointer-events: none;\n  }\n\n  /* outline with no border */\n  .button--outline.button--hideborder {\n    border: 0px;\n  }\n`;\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-button.css.cjs.js","sources":["../../../src/nile-button/nile-button.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';\n\n/**\n * Button CSS\n */\nexport const styles = css`\n  :host {\n    display: inline-block;\n    position: relative;\n    width: auto;\n    cursor: pointer;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border-style: solid;\n    border-width: var(--nile-border-size-1, var(--ng-border-width-1));\n    font-style: normal;\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    text-align: center;\n    letter-spacing: 0.2px;\n    text-decoration: none;\n    user-select: none;\n    white-space: nowrap;\n    vertical-align: middle;\n    transition: var(--nile-transition-duration-default, var(--ng-transition-duration-default)) background-color,\n      var(--nile-transition-duration-default, var(--ng-transition-duration-default)) color,\n      var(--nile-transition-duration-default, var(--ng-transition-duration-default)) border,\n      var(--nile-transition-duration-default, var(--ng-transition-duration-default)) box-shadow;\n    cursor: inherit;\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-semibold));\n    border-radius: var(--nile-radius-base-standard, var(--ng-radius-md));\n    padding: var(--nile-spacing-10px, var(--ng-spacing-md-alt)) var(--nile-spacing-14px, var(--ng-spacing-lg));\n    gap: var(--nile-spacing-5px, var(--ng-spacing-xs));\n    line-height: var(--nile-type-scale-6, var(--ng-spacing-5));\n    box-sizing: border-box;\n    height: var(--nile-height-40px, var(--ng-height-40px));\n  }\n\n  .button::-moz-focus-inner {\n    border: 0;\n  }\n\n  .button:focus {\n    outline: none;\n  }\n\n  .button:focus-visible {\n    outline: var(--nile-outline-5px, --ng-outline-5px) auto var(--ng-colors-bg-brand-solid, -webkit-focus-ring-color);\n    outline-offset: var(--ng-outline-2px, --ng-outline-4px);\n  }\n\n  .button--disabled {\n    cursor: not-allowed;\n  }\n\n  .button--disabled * {\n    pointer-events: none;\n  }\n\n  /* Primary */\n  .button--standard.button--primary {\n  position: relative;\n  overflow: hidden; \n  background-color: var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid));\n  color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n  border-color: var(--nile-colors-primary-600);\n  border-width: var(--nile-border-width-1, var(--ng-border-width-0));\n  border-style: var(--nile-border-style-solid, var(--ng-border-style-none));\n  box-shadow: var(--nile-textarea-standard-disabled-box-shadow, var(--ng-shadow-none));\n}\n\n.button--standard.button--primary::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  pointer-events: none;\n  background:  var(--ng-skeuemorphic-gradient-border);\n  mask: var(--ng-mask-rim);\n  mask-composite: var(--ng-mask-composite-exclude);  \n  padding: var(--ng-spacing-xxs); \n}\n\n \n.button--standard.button--primary::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  pointer-events: none;\n  box-shadow: var(--ng-shadow-xs-skeuomorphic)\n}\n\n\n  .button--standard.button--primary:hover:not(.button--disabled) {\n    background-color: var(--nile-colors-primary-700, var(--ng-colors-bg-brand-solid-hover));\n    border-color: var(--nile-colors-primary-700, var(--ng-primary-standard));\n    color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n  }\n\n  .button--standard.button--primary:active:not(.button--disabled) {\n    background-color: var(--nile-colors-primary-700, var(--ng-colors-bg-brand-solid));\n    border-color: var(--nile-colors-primary-900, var(--ng-primary-standard));\n    color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n  }\n\n  .button--standard.button--primary.button--disabled {\n    background-color: var(--nile-colors-primary-500, var(--ng-colors-bg-disabled));\n    border-color: var(--nile-colors-primary-500, var(--ng-colors-border-disabled-subtle));\n    cursor: not-allowed;\n    color: var(--nile-colors-white-base, var(--ng-colors-border-neutral));\n    box-shadow: none;\n    border-width: var(--nile-border-width-1, var(--ng-border-width-1));\n    border-style: var(--nile-border-style-solid, var(--ng-border-style-solid));\n  }\n\n  .button--standard.button--primary.button--disabled:hover,\n  .button--standard.button--primary.button--disabled:active {\n    background-color: var(--nile-colors-primary-500, var(--ng-colors-bg-disabled));\n    border-color: var(--nile-colors-primary-500, var(--ng-colors-border-disabled-subtle));\n    cursor: not-allowed;\n  }\n\n  .button--standard.button--primary:focus-visible:not(.button--disabled) {\n    background-color: var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid));\n    border-color: var(--nile-colors-primary-600, var(--ng-primary-standard));\n    color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n    box-shadow: var(--nile-box-shadow-none,var(--ng-focus-ring-shadow-xs-skeumorphic));\n  }\n\n  /*  Secondary */\n  .button--standard.button--secondary {\n    background-color: var(--nile-colors-neutral-400, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-neutral-400, var(--ng-border-none));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n    box-shadow: var(--nile-box-shadow-none,var(--ng-shadow-xs-skeuomorphic));\n    border-width:var(--nile-border-width-1, var(--ng-border-width-0));\n    border-style: var(--nile-border-style-solid, var(--ng-border-style-none));\n  }\n\n  .button--standard.button--secondary:hover:not(.button--disabled) {\n    background-color: var(--nile-colors-neutral-500, var(--ng-colors-bg-primary-hover));\n    border-color: var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-hover));\n  }\n\n  .button--standard.button--secondary:active:not(.button--disabled) {\n    background-color: var(--nile-colors-neutral-500, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-neutral-700, var(--ng-colors-border-primary));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n  }\n\n  .button--standard.button--secondary.button--disabled {\n    background-color: var(--nile-colors-neutral-400, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-disabled-subtle));\n    color: var(--nile-colors-neutral-700, var(--ng-colors-fg-disabled));\n    cursor: not-allowed;\n    border-width: var(--nile-border-width-1, var(--ng-border-width-1));\n    border-style: var(--nile-border-style-solid, var(--ng-border-style-solid));\n  }\n\n  .button--standard.button--secondary.button--disabled:hover,\n  .button--standard.button--secondary.button--disabled:active {\n    background-color: var(--nile-colors-neutral-400, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-disabled-subtle));\n    color: var(--nile-colors-neutral-700, var(--ng-colors-fg-disabled));\n    cursor: not-allowed;\n  }\n\n  .button--standard.button--secondary:focus-visible:not(.button--disabled) {\n    background-color: var(--nile-colors-neutral-400, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-primary));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n    box-shadow: var(--nile-box-shadow-none,var(--ng-focus-ring-shadow-xs-skeumorphic));\n  }\n\n  /* Tertiary */\n  .button--standard.button--tertiary {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-neutral-500, var(--ng-colors-bg-primary));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n  }\n\n  .button--standard.button--tertiary:hover:not(.button--disabled) {\n    background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-primary-hover));\n    border-color: var(--nile-colors-neutral-500, var(--ng-colors-bg-primary));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-hover));\n  }\n\n  .button--standard.button--tertiary:active:not(.button--disabled) {\n    background-color: var(--nile-colors-neutral-400, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-neutral-700, var(--ng-colors-bg-primary));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n  }\n\n  .button--standard.button--tertiary.button--disabled,\n  .button--standard.button--tertiary.button--disabled:hover,\n  .button--standard.button--tertiary.button--disabled:active {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-neutral-400, var(--ng-colors-bg-primary));\n    color: var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled));\n    cursor: not-allowed;\n    box-shadow: none;\n  }\n\n  .button--standard.button--tertiary:focus-visible:not(.button--disabled) {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-neutral-500, var(--ng-colors-bg-primary));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n    box-shadow: var(--nile-box-shadow-none,var(--ng-focus-ring));\n  }\n\n  /* ghost  */\n  .button--standard.button--ghost {\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-color: var(--nile-border-color-transparent, var(--ng-colors-bg-primary)) ;\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n  }\n\n  .button--standard.button--ghost:hover:not(.button--disabled) {\n    background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-primary-hover));\n    border-color:  var(--nile-colors-neutral-500,  var(--ng-colors-bg-primary));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-hover));\n  }\n\n  .button--standard.button--ghost:active:not(.button--disabled) {\n    background-color: var(--nile-colors-neutral-400, var(--ng-colors-bg-primary));\n    border-color: var(--nile-colors-neutral-700, var(--ng-colors-bg-primary));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));\n  }\n\n  .button--standard.button--ghost.button--disabled,\n  .button--standard.button--ghost.button--disabled:hover,\n  .button--standard.button--ghost.button--disabled:active {\n    border-color: var(--nile-border-color-transparent,var(--ng-colors-bg-primary));\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    color: var(--nile-colors-neutral-500,var(--ng-colors-fg-disabled));\n    cursor: not-allowed;\n    box-shadow: none;\n  }\n\n  \n\n  /* caution */\n  .button--standard.button--caution {\n    background-color: var(--nile-colors-red-500,var(--ng-colors-bg-error-solid));\n    border-color: var(--nile-colors-red-500);\n    color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n    border-width: var(--nile-border-width-1, var(--ng-border-width-0));\n  border-style: var(--nile-border-style-solid, var(--ng-border-style-none));\n  }\n\n  .button--standard.button--caution:hover:not(.button--disabled) {\n    background-color: var(--nile-colors-red-700,var( --ng-colors-bg-error-solid-hover));\n    border-color: var(--nile-colors-red-700);\n    color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n  }\n\n\n\n  .button--standard.button--caution:active:not(.button--disabled) {\n    background-color: var(--nile-colors-red-700);\n    border-color: var(--nile-colors-red-700,var(--ng-border-style-none));\n    color: var(--nile-colors-white-base);\n  }\n\n  .button--standard.button--caution:active:not(.button--disabled) {\n    background-color: var(--nile-colors-red-700, var(--ng-colors-bg-error-solid));\n    border-color:  var(--nile-colors-dark-900, var(--ng-primary-standard));\n    color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n  }\n\n  .button--standard.button--caution {\n  position: relative;\n  overflow: hidden;\n  box-shadow: var(--nile-box-shadow-1, var(--ng-shadow-none));\n}\n\n.button--standard.button--caution::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  pointer-events: none;\n  background: var(--ng-skeuemorphic-gradient-border);\n  mask: var(--ng-mask-rim);\n  mask-composite: var(--ng-mask-composite-exclude);\n  padding: var(--ng-spacing-xxs);\n}\n\n.button--standard.button--caution::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  pointer-events: none;\n  box-shadow: var(--ng-shadow-xs-skeuomorphic);\n}\n\n.button.button--disabled {\n  box-shadow: none !important;\n  border-width: var(--nile-border-width-1, var(--ng-border-width-1)) !important;\n}\n\n.button.button--disabled::after {\n  box-shadow: none !important;\n}\n\n  /* destructive */\n  .button--standard.button--destructive {\n    position: relative;\n    overflow: hidden; \n    background-color: var(--nile-colors-red-500, var(--ng-colors-bg-error-solid));\n    border-color: var(--nile-colors-red-500);\n    border-width: var(--nile-border-width-1, var(--ng-border-width-0));\n    border-style: var(--nile-border-style-solid, var(--ng-border-style-none));\n    color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n    box-shadow: var(--nile-box-shadow-1, var(--ng-shadow-none));\n  }\n\n\n  .button--standard.button--destructive::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  pointer-events: none;\n  background:  var(--ng-skeuemorphic-gradient-border);\n  mask: var(--ng-mask-rim);\n  mask-composite: var(--ng-mask-composite-exclude);  \n  padding: var(--ng-spacing-xxs); \n}\n\n \n.button--standard.button--destructive::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n  pointer-events: none;\n  box-shadow: var(--ng-shadow-xs-skeuomorphic)\n}\n\n  .button--standard.button--destructive:hover:not(.button--disabled) {\n    background-color: var(--nile-colors-red-700, var(--ng-colors-bg-error-solid-hover));\n    border-color: var(--nile-colors-red-700, var(--ng-primary-standard));\n    box-shadow: var(--nile-box-shadow-1, var(--ng-shadow-xs-skeuomorphic));\n  }\n\n  .button--standard.button--destructive:active:not(.button--disabled) {\n    background-color: var(--nile-colors-red-700, var(--ng-colors-bg-error-solid));\n    border-color:  var(--nile-colors-dark-900, var(--ng-primary-standard));\n    color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n  }\n  .button--standard.button--destructive:focus-visible:not(.button--disabled) {\n    background-color: var(--nile-colors-red-500, var(--ng-colors-bg-error-solid));\n    border-color:  var(--nile-colors-red-500, var(--ng-primary-standard));\n    color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n    box-shadow: var(--nile-box-shadow-none, var(--ng-focus-ring-error-shadow-xs-skeumorphic))\n  }\n\n  .button--standard.button--destructive.button--disabled {\n    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-disabled));\n    border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-border-disabled-subtle));\n    color: var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled));\n    cursor: not-allowed;\n    box-shadow: none;\n  }\n\n  .button--standard.button--destructive.button--disabled:active {\n    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-disabled));\n    border-color: var(--nile-colors-neutral-400, var(--ng-primary-standard));\n    color: var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled));\n    cursor: not-allowed;\n  }\n\n   .button--standard.button--destructive.button--disabled:hover {\n    background-color: var(--nile-colors-red-400,var(--ng-colors-bg-disabled));\n    color: var(--nile-colors-white-base,var(--ng-colors-fg-disabled));\n    border-color: var(--nile-colors-red-400,var(--ng-colors-border-disabled-subtle));\n    cursor: not-allowed;\n  }  \n\n  /* secondary-Grey */\n  .button--standard.button--secondary-grey {\n    background-color: var(--nile-colors-white-base);\n    border-color: var(--nile-colors-neutral-500);\n    color: var(--nile-colors-primary-900);\n    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n  }\n\n  .button--standard.button--secondary-grey:hover:not(.button--disabled) {\n    background-color: var(--nile-colors-neutral-100);\n    border-color: var(--nile-colors-neutral-500);\n    color: var(--nile-colors-dark-900);\n    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n  }\n\n  .button--standard.button--secondary-grey:active:not(.button--disabled) {\n    background-color: var(--nile-colors-white-base);\n    border-color: var(--nile-colors-neutral-500);\n    color: var(--nile-colors-primary-900);\n    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05),\n      0px 0px 0px 4px rgba(152, 162, 179, 0.14);\n  }\n\n  .button--standard.button--secondary-grey.button--disabled {\n    background-color: var(--nile-colors-neutral-400);\n    border-color: var(--nile-colors-neutral-700);\n    color: var(--nile-colors-neutral-500);\n    cursor: not-allowed;\n  }\n\n  .button--standard.button--secondary-grey.button--disabled:hover,\n  .button--standard.button--secondary-grey.button--disabled:active {\n    background-color: var(--nile-colors-neutral-400);\n    border-color: var(--nile-colors-neutral-700);\n    color: var(--nile-colors-neutral-500);\n    cursor: not-allowed;\n  }\n\n  /* secondary-blue */\n  .button--standard.button--secondary-blue {\n    background-color: var(--nile-colors-white-base);\n    border-color: var(--nile-colors-primary-500);\n    color: var(--nile-colors-primary-700);\n    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n  }\n\n  .button--standard.button--secondary-blue:hover:not(.button--disabled) {\n    background-color: var(--nile-colors-blue-100);\n    border-color: var(--nile-colors-primary-500);\n    color: var(--nile-colors-primary-700);\n    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);\n  }\n\n  .button--standard.button--secondary-blue:active:not(.button--disabled) {\n    background-color: var(--nile-colors-white-base);\n    border-color: var(--nile-colors-primary-500);\n    color: var(--nile-colors-primary-700);\n    box-shadow: 0px 1px 2px 0px rgba(0, 82, 145, 0.1),\n      0px 0px 0px 4px rgba(0, 94, 166, 0.15);\n  }\n\n  .button--standard.button--secondary-blue.button--disabled {\n    background-color: var(--nile-colors-white-base);\n    border-color: var(--nile-colors-neutral-400);\n    color: var(--nile-colors-neutral-500);\n    cursor: not-allowed;\n  }\n\n  .button--standard.button--secondary-blue.button--disabled:hover,\n  .button--standard.button--secondary-blue.button--disabled:active {\n    background-color: var(--nile-colors-white-base);\n    border-color: var(--nile-colors-neutral-400);\n    color: var(--nile-colors-neutral-500);\n    cursor: not-allowed;\n  }\n\n  /* Primary Variant - Nile Icon Fill */\n  .button--standard.button--primary ::slotted(nile-icon:not([color])) {\n    --nile-svg-fill: var(--nile-colors-white-base, var(--ng-componentcolors-components-button-primary-icon)) !important;\n  }\n  .button--standard.button--primary:hover:not(.button--disabled)\n    ::slotted(nile-icon:not([color])),\n  .button--standard.button--primary:active:not(.button--disabled)\n    ::slotted(nile-icon:not([color])) {\n    --nile-svg-fill: var(--nile-colors-white-base, var(--ng-componentcolors-components-button-primary-icon-hover)) !important;\n  }\n  .button--standard.button--primary.button--disabled ::slotted(nile-icon:not([color])) {\n    --nile-svg-fill: var(--nile-colors-white-base, var(--ng-colors-fg-disabled-subtle)) !important;\n  }\n\n  /* Secondary Variant */\n  .button--standard.button--secondary ::slotted(nile-icon:not([color])) {\n    --nile-svg-fill: var(--nile-colors-dark-900, var(--ng-colors-fg-quaternary-400)) !important;\n  }\n  .button--standard.button--secondary:hover:not(.button--disabled)\n    ::slotted(nile-icon:not([color])),\n  .button--standard.button--secondary:active:not(.button--disabled)\n    ::slotted(nile-icon:not([color])) {\n    --nile-svg-fill: var(--nile-colors-dark-900, var(--ng-colors-fg-quaternary-hover)) !important;\n  }\n  .button--standard.button--secondary.button--disabled ::slotted(nile-icon:not([color])) {\n    --nile-svg-fill: var(--nile-colors-dark-500, var(--ng-colors-fg-disabled-subtle)) !important;\n  }\n\n  /* Tertiary Variant */\n  .button--standard.button--tertiary ::slotted(nile-icon:not([color])) {\n    --nile-svg-fill: var(--nile-colors-dark-900, var(--ng-colors-fg-quaternary-400)) !important;\n  }\n  .button--standard.button--tertiary:hover:not(.button--disabled)\n    ::slotted(nile-icon:not([color])),\n  .button--standard.button--tertiary:active:not(.button--disabled)\n    ::slotted(nile-icon:not([color])) {\n    --nile-svg-fill: var(--nile-colors-dark-900, var(--ng-colors-fg-quaternary-hover)) !important;\n  }\n  .button--standard.button--tertiary.button--disabled ::slotted(nile-icon:not([color])) {\n    --nile-svg-fill: var(--nile-colors-neutral-500, var(--ng-colors-fg-disabled-subtle)) !important;\n  }\n\n  /* Ghost Variant */\n  .button--standard.button--ghost ::slotted(nile-icon:not([color])) {\n    --nile-svg-fill: var(--nile-colors-dark-900) !important;\n  }\n  .button--standard.button--ghost:hover:not(.button--disabled)\n    ::slotted(nile-icon:not([color])),\n  .button--standard.button--ghost:active:not(.button--disabled)\n    ::slotted(nile-icon:not([color])) {\n    --nile-svg-fill: var(--nile-colors-dark-900) !important;\n  }\n  .button--standard.button--ghost ::slotted(nile-icon:not([color])) {\n    --nile-svg-fill: var(--nile-colors-neutral-500) !important;\n  }\n\n  /* Caution Variant */\n  .button--standard.button--caution ::slotted(nile-icon:not([color])) {\n    --nile-svg-fill: var(--nile-colors-white-base) !important;\n  }\n  .button--standard.button--caution:hover:not(.button--disabled)\n    ::slotted(nile-icon:not([color])),\n  .button--standard.button--caution:active:not(.button--disabled)\n    ::slotted(nile-icon:not([color])) {\n    --nile-svg-fill: var(--nile-colors-white-base,var(--ng-componentcolors-components-button-destructive-primary-icon-hover)) !important;\n  }\n  .button--standard.button--caution.button--disabled{\n    background-color: var(--nile-colors-red-400,var(--ng-colors-bg-disabled));\n    color: var(--nile-colors-white-base,var(--ng-colors-fg-disabled));\n    border-color: var(--nile-colors-red-400,var(--ng-colors-border-disabled-subtle));\n    border-width: var(--ng-border-width-1, 1px);\n    border-style: var(--ng-border-style-solid, solid);\n  }\n\n  .button--standard.button--caution ::slotted(nile-icon:not([color])) {\n    --nile-svg-fill: var(--nile-colors-white-base,var(--ng-componentcolors-components-button-destructive-primary-icon)) !important;\n  }\n  .button--standard.button--caution.button--disabled ::slotted(nile-icon:not([color])) {\n    --nile-svg-fill: var(--nile-colors-white-base, var(--ng-colors-fg-disabled-subtle)) !important;\n  }\n  \n\n  /* destructive */\n  .button--standard.button--destructive ::slotted(nile-icon:not([color])) {\n    --nile-svg-fill: var(--nile-colors-white-base, var(--ng-componentcolors-components-button-destructive-primary-icon)) !important;\n  }\n  .button--standard.button--destructive:hover:not(.button--disabled)\n    ::slotted(nile-icon:not([color])),\n  .button--standard.button--caution:active:not(.button--disabled)\n    ::slotted(nile-icon:not([color])) {\n    --nile-svg-fill: var(--nile-colors-white-base, var(--ng-componentcolors-components-button-destructive-primary-icon-hover)) !important;\n  }\n  .button--standard.button--destructive.button--disabled ::slotted(nile-icon:not([color])) {\n    --nile-svg-fill: var(--nile-colors-white-base, var(--ng-colors-fg-disabled-subtle)) !important;\n  }\n\n  .button--standard.button--destructive.button--disabled{\n    background-color: var(--nile-colors-red-400,var(--ng-colors-bg-disabled));\n    color: var(--nile-colors-white-base,var(--ng-colors-fg-disabled));\n    border-color: var(--nile-colors-red-400,var(--ng-colors-border-disabled-subtle));\n    border-width: var(--ng-border-width-1, 1px);\n    border-style: var(--ng-border-style-solid, solid);\n  }\n\n  /*\n   * Outline buttons\n   */\n\n  .button--outline {\n    background: none;\n    border: solid 2px;\n  }\n\n  /* Default */\n  .button--outline.button--secondary {\n    border-color: var(--nile-colors-neutral-300);\n    color: var(--nile-colors-neutral-700);\n  }\n\n  .button--outline.button--secondary:hover:not(.button--disabled),\n  .button--outline.button--secondary.button--checked:not(.button--disabled) {\n    border-color: var(--nile-colors-primary-600);\n    color: var(--nile-colors-white-base);\n  }\n\n  .button--outline.button--secondary:active:not(.button--disabled) {\n    border-color: var(--nile-colors-neutral-700);\n    color: var(--nile-colors-white-base);\n  }\n\n  /* Primary */\n  .button--outline.button--primary {\n    border-color: var(--nile-colors-primary-600);\n    color: var(--nile-colors-primary-600);\n  }\n\n  .button--outline.button--primary:hover:not(.button--disabled),\n  .button--outline.button--primary.button--checked:not(.button--disabled) {\n    color: var(--nile-colors-white-base);\n  }\n\n  .button--outline.button--primary:active:not(.button--disabled) {\n    border-color: var(--nile-colors-primary-700);\n    color: var(--nile-colors-white-base);\n  }\n\n  /* Success */\n  .button--outline.button--success {\n    border-color: var(--nile-colors-green-600);\n    color: var(--nile-colors-green-600);\n  }\n\n  .button--outline.button--success:hover:not(.button--disabled),\n  .button--outline.button--success.button--checked:not(.button--disabled) {\n    color: var(--nile-colors-white-base);\n  }\n\n  .button--outline.button--success:active:not(.button--disabled) {\n    border-color: var(--nile-colors-green-700);\n    color: var(--nile-colors-white-base);\n  }\n\n  /* Neutral */\n  .button--outline.button--neutral {\n    border-color: var(--nile-colors-neutral-600);\n    color: var(--nile-colors-neutral-600);\n  }\n\n  .button--outline.button--neutral:hover:not(.button--disabled),\n  .button--outline.button--neutral.button--checked:not(.button--disabled) {\n    color: var(--nile-colors-white-base);\n  }\n\n  .button--outline.button--neutral:active:not(.button--disabled) {\n    border-color: var(--nile-colors-neutral-700);\n    color: var(--nile-colors-white-base);\n  }\n\n  /* Warning */\n  .button--outline.button--warning {\n    border-color: var(--nile-colors-orange-600);\n    color: var(--nile-colors-orange-600);\n  }\n\n  .button--outline.button--warning:hover:not(.button--disabled),\n  .button--outline.button--warning.button--checked:not(.button--disabled) {\n    color: var(--nile-colors-white-base);\n  }\n\n  .button--outline.button--warning:active:not(.button--disabled) {\n    border-color: var(--nile-colors-orange-700);\n    color: var(--nile-colors-white-base);\n  }\n\n  /* Danger */\n  .button--outline.button--danger {\n    border-color: var(--nile-colors-red-600);\n    color: var(--nile-colors-red-600);\n  }\n\n  .button--outline.button--danger:hover:not(.button--disabled),\n  .button--outline.button--danger.button--checked:not(.button--disabled) {\n    background-color: var(--nile-colors-red-600);\n    color: var(--nile-colors-white-base);\n  }\n\n  .button--outline.button--danger:active:not(.button--disabled) {\n    border-color: var(--nile-colors-red-700);\n    background-color: var(--nile-colors-red-700);\n    color: var(--nile-colors-white-base);\n  }\n\n  /* destructive  */\n  .button--outline.button--destructive {\n    border-color: var(--nile-colors-red-400, var(--ng-colors-effects-focus-ring-error));\n    color: var(--nile-colors-red-700);\n    box-shadow: 0px;\n  }\n\n  .button--outline.button--destructive:hover:not(.button--disabled),\n  .button--outline.button--destructive.button--checked:not(.button--disabled) {\n    border-color: var(--nile-colors-red-400);\n    color: var(--nile-colors-red-700);\n    background-color: var(--nile-colors-red-100);\n  }\n\n  .button--outline.button--destructive:active:not(.button--disabled) {\n    border-color: var(--nile-colors-red-400);\n    color: var(--nile-colors-red-700);\n    background-color: var(--nile-colors-white-base);\n    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05),\n      0px 0px 0px 4px rgba(240, 68, 56, 0.24);\n  }\n\n  /* destructive - focus-visible */\n  .button--outline.button--destructive:focus-visible:not(.button--disabled) {\n    border-color: var(--nile-colors-red-400, var(--ng-colors-effects-focus-ring-error));\n    color: var(--nile-colors-red-700);\n    background-color: var(--nile-colors-white-base);\n    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05),\n      0px 0px 0px 4px rgba(240, 68, 56, 0.24);\n  }\n\n  /* secondary-grey  */\n  .button--outline.button--secondary-grey {\n    box-shadow: 0px;\n  }\n\n  .button--outline.button--secondary-grey:hover:not(.button--disabled),\n  .button--outline.button--secondary-grey.button--checked:not(\n      .button--disabled\n    ) {\n    color: var(--nile-colors-primary-900);\n    background-color: var(--nile-colors-neutral-100);\n  }\n\n  .button--outline.button--secondary-grey:active:not(.button--disabled) {\n    box-shadow: 0px;\n  }\n\n  .button--outline.button--secondary-grey:focus-visible:not(.button--disabled) {\n    box-shadow: 0px;\n  }\n\n  /* secondary-blue  */\n  .button--outline.button--secondary-blue {\n    box-shadow: 0px;\n  }\n\n  .button--outline.button--secondary-blue:hover:not(.button--disabled),\n  .button--outline.button--secondary-blue.button--checked:not(\n      .button--disabled\n    ) {\n    color: var(--nile-colors-primary-700);\n    background-color: var(--nile-colors-blue-100);\n  }\n\n  .button--outline.button--secondary-blue:active:not(.button--disabled) {\n    box-shadow: 0px;\n  }\n\n  .button--outline.button--secondary-blue:focus-visible:not(.button--disabled) {\n    box-shadow: 0px;\n  }\n\n  @media (forced-colors: active) {\n    .button.button--outline.button--checked:not(.button--disabled) {\n      outline: solid 2px transparent;\n    }\n  }\n\n  /*\n * Pill modifier\n */\n\n  .button--pill.button--small {\n    border-radius: var(--nile-radius-2xl);\n  }\n\n  .button--pill.button--medium {\n    border-radius: var(--nile-radius-2xl);\n  }\n\n  /*\n * Circle modifier\n */\n\n  .button--circle {\n    padding-left: var(--nile-spacing-none);\n    padding-right: var(--nile-spacing-none);\n  }\n\n  .button--circle.button--small {\n    width: 24px;\n    height: 24px;\n    border-radius: 50%;\n  }\n\n  .button--circle.button--medium {\n    width: 38px;\n    height: 38px;\n    border-radius: 50%;\n  }\n\n  .button--circle .button__prefix,\n  .button--circle .button__suffix,\n  .button--circle .button__caret {\n    display: none;\n  }\n\n  /* Caret modifier */\n\n  .button--caret .button__suffix {\n    display: none;\n  }\n\n  .button--caret .button__caret {\n    height: auto;\n  }\n\n  /*\n * Loading modifier\n */\n\n  .button--loading {\n    position: relative;\n    cursor: wait;\n  }\n\n  .button--loading .button__prefix,\n  .button--loading .button__label,\n  .button--loading .button__suffix,\n  .button--loading .button__caret {\n    visibility: hidden;\n  }\n\n  .button--loading nile-spinner {\n    --indicator-color: currentColor;\n    position: absolute;\n    font-size: var(--nile-type-scale-3);\n    height: 1em;\n    width: 1em;\n    top: calc(50% - 0.5em);\n    left: calc(50% - 0.5em);\n  }\n  /*\n * Badges\n */\n\n  .button ::slotted(nile-badge) {\n    position: absolute;\n    top: 0;\n    right: 0;\n    translate: 50% -50%;\n    pointer-events: none;\n  }\n\n  /* outline with no border */\n  .button--outline.button--hideborder {\n    border: 0px;\n  }\n`;\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

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

@@ -112,6 +112,8 @@ import{css as o}from"lit";const r=o`
     cursor: not-allowed;
     color: var(--nile-colors-white-base, var(--ng-colors-border-neutral));
     box-shadow: none;
+    border-width: var(--nile-border-width-1, var(--ng-border-width-1));
+    border-style: var(--nile-border-style-solid, var(--ng-border-style-solid));
   }
 
   .button--standard.button--primary.button--disabled:hover,
@@ -140,7 +142,7 @@ import{css as o}from"lit";const r=o`
 
   .button--standard.button--secondary:hover:not(.button--disabled) {
     background-color: var(--nile-colors-neutral-500, var(--ng-colors-bg-primary-hover));
-    border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-primary));
+    border-color: var(--nile-colors-neutral-500, var(--ng-colors-border-primary));
     color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-hover));
   }
 
@@ -155,6 +157,8 @@ import{css as o}from"lit";const r=o`
     border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-disabled-subtle));
     color: var(--nile-colors-neutral-700, var(--ng-colors-fg-disabled));
     cursor: not-allowed;
+    border-width: var(--nile-border-width-1, var(--ng-border-width-1));
+    border-style: var(--nile-border-style-solid, var(--ng-border-style-solid));
   }
 
   .button--standard.button--secondary.button--disabled:hover,
@@ -217,13 +221,13 @@ import{css as o}from"lit";const r=o`
 
   .button--standard.button--ghost:hover:not(.button--disabled) {
     background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-primary-hover));
-    border-color:  var(--nile-border-color-transparent,  var(--ng-colors-bg-primary));
+    border-color:  var(--nile-colors-neutral-500,  var(--ng-colors-bg-primary));
     color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-hover));
   }
 
   .button--standard.button--ghost:active:not(.button--disabled) {
     background-color: var(--nile-colors-neutral-400, var(--ng-colors-bg-primary));
-    border-color: var(--nile-border-color-transparent, var(--ng-colors-bg-primary));
+    border-color: var(--nile-colors-neutral-700, var(--ng-colors-bg-primary));
     color: var(--nile-colors-dark-900, var(--ng-colors-text-tertiary-600));
   }
 

package/dist/nile-calendar/nile-calendar.cjs.js

@@ -1,2 +1,2 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-calendar.css.cjs.js","lit/directives/class-map.js","../internal/watch.cjs.js","../internal/nile-element.cjs.js","./nile-calendar.enum.cjs.js"],function(_export,_context){"use strict";var t,i,e,s,n,a,l,r,h,d,o,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,_templateObject13,_templateObject14,_templateObject15,_templateObject16,_templateObject17,_templateObject18,_templateObject19,_templateObject20,_templateObject21,_templateObject22,_templateObject23,_templateObject24,_templateObject25,c;function _slicedToArray(r,e){return _arrayWithHoles(r)||_iterableToArrayLimit(r,e)||_unsupportedIterableToArray(r,e)||_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(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1;}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r;}finally{try{if(!f&&null!=t["return"]&&(u=t["return"](),Object(u)!==u))return;}finally{if(o)throw n;}}return a;}}function _arrayWithHoles(r){if(Array.isArray(r))return r;}function _toConsumableArray(r){return _arrayWithoutHoles(r)||_iterableToArray(r)||_unsupportedIterableToArray(r)||_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(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r);}function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r);}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_lit){i=_lit.html;e=_lit.nothing;},function(_litDecoratorsJs){s=_litDecoratorsJs.property;n=_litDecoratorsJs.state;a=_litDecoratorsJs.customElement;},function(_nileCalendarCssCjsJs){l=_nileCalendarCssCjsJs.s;},function(_litDirectivesClassMapJs){r=_litDirectivesClassMapJs.classMap;},function(_internalWatchCjsJs){h=_internalWatchCjsJs.w;},function(_internalNileElementCjsJs){d=_internalNileElementCjsJs.N;},function(_nileCalendarEnumCjsJs){o=_nileCalendarEnumCjsJs.C;}],execute:function execute(){_export("N",c=/*#__PURE__*/function(_d){function c(){var _this;_classCallCheck(this,c);_this=_callSuper(this,c,arguments),_this.valueAttribute=null,_this.allowedDates=JSON.stringify({}),_this.range=!1,_this.hideTypes=!1,_this.doubleClickUnselect=!1,_this.allowClear=!1,_this.type="absolute",_this.hideDurationFields=[],_this.showManualInputs=!1,_this.showMonthDropdown=!1,_this.showYearDropdown=!1,_this.dateFormat="MM/DD/YYYY",_this.startDate=null,_this.endDate=null,_this.isSelectingStart=!0,_this.hideInput=!1,_this.currentMonth=new Date().getMonth(),_this.currentYear=new Date().getFullYear(),_this.allowedDatesLocal=null,_this.disabled=!1;return _this;}_inherits(c,_d);return _createClass(c,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(c,"connectedCallback",this,3)([]),this.initializeValue(),this.emit("nile-init");}},{key:"disconnectedCallback",value:function disconnectedCallback(){_superPropGet(c,"disconnectedCallback",this,3)([]),this.emit("nile-destroy");}},{key:"updated",value:function updated(t){if(_superPropGet(c,"updated",this,3)([t]),t.has("valueAttribute")){this.valueAttribute||(this.value=null,this.startDate=null,this.endDate=null,this.isSelectingStart=!0);var _t=new Date(this.valueAttribute||"");if(!isNaN(_t.getTime())){var _i=_t.getTimezoneOffset();this.value=new Date(_t.getTime()-60*_i*1e3),this.currentMonth=this.value.getMonth(),this.currentYear=this.value.getFullYear();}this.initializeValue();}}},{key:"monthNames",get:function get(){return Array.from({length:12},function(t,i){return new Date(0,i).toLocaleString("default",{month:"long"});});}},{key:"yearOptions",get:function get(){var _this$startYear,_this$endYear;var t=(_this$startYear=this.startYear)!==null&&_this$startYear!==void 0?_this$startYear:2e3,i=(_this$endYear=this.endYear)!==null&&_this$endYear!==void 0?_this$endYear:2050;return t>i?[]:Array.from({length:i-t+1},function(i,e){return t+e;});}},{key:"onMonthSelected",value:function onMonthSelected(t){this.currentMonth=t,this.emit("nile-month-change",{month:t});}},{key:"onYearSelected",value:function onYearSelected(t){this.currentYear=t,this.emit("nile-year-change",{year:t});}},{key:"checkValidAllowedDate",value:function checkValidAllowedDate(){var t;try{t=JSON.parse(this.allowedDates);}catch(i){t=null;}if(!t||0==Object.keys(t).length)return void(this.allowedDatesLocal=null);this.hideInput=!0;this.getUTCDate(t.startDate)>this.getUTCDate(t.endDate)?console.error("StartDate must be greater than endDate"):this.allowedDatesLocal=t;}},{key:"isPrevDisabled",value:function isPrevDisabled(){return 0===this.currentMonth&&void 0!==this.startYear&&this.currentYear<=this.startYear;}},{key:"isNextDisabled",value:function isNextDisabled(){return 11===this.currentMonth&&void 0!==this.endYear&&this.currentYear>=this.endYear;}},{key:"formatDate",value:function formatDate(t){if(!t)return"";var i=t.getFullYear(),e=String(t.getMonth()+1).padStart(2,"0"),s=String(t.getDate()).padStart(2,"0");var n=this.dateFormat;return n=n.replace(/YYYY/g,String(i)),n=n.replace(/MM/g,e),n=n.replace(/DD/g,s),n=n.replace(/YY/g,String(i).slice(-2)),n;}},{key:"parseDate",value:function parseDate(t,i){if(!t||!this.dateFormat)return null;var e=this.dateFormat.replace(/YYYY/,"(?<year>\\d{4})").replace(/YY/,"(?<year>\\d{2})").replace(/MM/,"(?<month>\\d{1,2})").replace(/DD/,"(?<day>\\d{1,2})"),s=new RegExp("^".concat(e,"$")),n=t.match(s);if(!n||!n.groups)return null;var a=2===n.groups.year.length?Number("20".concat(n.groups.year)):Number(n.groups.year),l=Number(n.groups.month)-1,r=Number(n.groups.day),h=new Date(a,l,r);return i?h.setHours(i.getHours(),i.getMinutes(),i.getSeconds()):h.setHours(0,0,0),h;}},{key:"handleStartDateInput",value:function handleStartDateInput(t){t.stopPropagation();var i=this.parseDate(t.detail.value,this.startDate);i&&(i.setHours(0,0,0),this.startDate=i,this.currentMonth=i.getMonth(),this.currentYear=i.getFullYear(),this.requestUpdate());}},{key:"handleEndDateInput",value:function handleEndDateInput(t){t.stopPropagation();var i=this.parseDate(t.detail.value,this.endDate);i&&(i.setHours(23,59,59),this.endDate=i,this.currentMonth=i.getMonth(),this.currentYear=i.getFullYear(),this.requestUpdate());}},{key:"render",value:function render(){var _this2=this;return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div\n        class=","\n        part=\"calendar-container\"\n      >\n        <div class=",">\n          <div class=\"calendar-switcher\" part=\"calendar-switcher\">\n            <nile-tab-group centered @nile-tab-show=\"","\" value=\"","\">\n              <nile-tab slot=\"nav\" panel=\"absolute\" tabindex=\"0\">Absolute</nile-tab>\n              <nile-tab slot=\"nav\" panel=\"relative\" tabindex=\"0\">Relative</nile-tab>\n            </nile-tab-group>\n          </div>\n        </div>\n \n        ","\n        ","\n\n        ","\n      </div>\n    "])),r({base:!0,base__range:this.range}),r({"calendar-config":!0,hidden:!this.range||this.range&&this.hideTypes}),this.onTypeChange,this.type,"relative"==this.type?this.renderRelativeCalendar():"","absolute"==this.type?this.renderAbsoluteCalendar():"",this.range?i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n        <div class=\"button-container\" part=\"button-container\">\n          ","\n          <nile-button \n          class=\"apply-button\"  \n          ?disabled=\"","\"  \n          @click=\"","\"\n          @keydown=\"","\"\n          > Apply</nile-button>\n        </div>\n        "])),this.allowClear?i(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n            <nile-button \n            class=\"clear-button\"\n            variant=\"secondary\"\n            role=\"button\"\n            ?disabled=\"","\"\n            @keydown=\"","\"\n            @click=\"","\"\n\n            > Reset</nile-button>"])),!this.startDate||!this.endDate,function(t){"Enter"!==t.key&&" "!==t.key||_this2.clearDate();},this.clearDate):e,!this.startDate||!this.endDate,this.confimRange,function(t){"Enter"!==t.key&&" "!==t.key||_this2.confimRange();}):"");}},{key:"renderAbsoluteCalendar",value:function renderAbsoluteCalendar(){return i(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n    <div class=\"calendar-wrapper\" part=\"calendar-wrapper\">\n      <div class=\"calendar-container\" >\n        ","\n      </div>\n    </div>\n    ","\n    "])),this.renderMonth(this.currentYear,this.currentMonth,this.getDaysArray(this.currentYear,this.currentMonth)),this.range?i(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n    <div class=\"calender-input ","\" >\n     <div class=\"from\">\n  <div class=\"from-date\">\n    <nile-input\n      ?disabled=\"","\"\n      label=\"From\"\n      class=\"manual-input date-input\"\n      placeholder=\"","\"\n      value=\"","\"\n      @nile-change=\"","\"\n    ></nile-input>\n  </div>\n\n  <div class=\"from-time\">\n    <nile-input\n      ?disabled=\"","\"\n      class=\"manual-input time-input\"\n      placeholder=\"HH:MM:SS\"\n      value=\"","\"\n      @nile-change=\"","\"\n    ></nile-input>\n  </div>\n</div>\n\n\n    <div class=\"from\">\n        <div class=\"from-date\">\n      <nile-input\n      ?disabled=\"","\"\n        label=\"To\"\n        class=\"manual-input date-input\"\n        placeholder=\"","\"\n        value=\"","\"\n        @nile-change=\"","\"\n      ></nile-input>\n    </div>\n      <div class=\"from-time\">\n      <nile-input\n      ?disabled=\"","\"\n        class=\"manual-input time-input\"\n        placeholder=\"HH:MM:SS\"\n        value=\"","\"\n        @nile-change=\"","\"\n      ></nile-input>\n    </div>\n    </div>\n    </div>\n    "])),this.showManualInputs?"":"hidden",this.disabled,this.dateFormat,this.formatDate(this.startDate),this.handleStartDateInput,this.disabled,this.formatTime(this.startDate),this.handleStartTimeInput,this.disabled,this.dateFormat,this.formatDate(this.endDate),this.handleEndDateInput,this.disabled,this.formatTime(this.endDate),this.handleEndTimeInput):"");}},{key:"renderRelativeCalendar",value:function renderRelativeCalendar(){var _this$hideDurationFie,_this$hideDurationFie2,_this$hideDurationFie3,_this$hideDurationFie4,_this$hideDurationFie5,_this$hideDurationFie6,_this$hideDurationFie7,_this$hideDurationFie8,_this$hideDurationFie9,_this$hideDurationFie10;return i(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n      <div class=\"units-wrapper\">\n        <div class=\"unit-container\">\n  \n          ","\n  \n          ","\n  \n          ","\n  \n          ","\n  \n          ","\n        </div>\n      </div>\n  \n      ","\n    "])),(_this$hideDurationFie=this.hideDurationFields)!==null&&_this$hideDurationFie!==void 0&&_this$hideDurationFie.includes("minutes")?"":i(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n          <div class=\"unit-group\">\n            <div class=\"duration-name\">Minutes</div>\n            <div class=\"duration-units\">\n              ","\n            </div>\n          </div>\n          "])),this.renderTimeValues("minutes",[1,5,15,30,45])),(_this$hideDurationFie2=this.hideDurationFields)!==null&&_this$hideDurationFie2!==void 0&&_this$hideDurationFie2.includes("hours")?"":i(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n          <div class=\"unit-group\">\n            <div class=\"duration-name\">Hours</div>\n            <div class=\"duration-units\">\n              ","\n            </div>\n          </div>\n          "])),this.renderTimeValues("hours",[1,2,3,6,8,12])),(_this$hideDurationFie3=this.hideDurationFields)!==null&&_this$hideDurationFie3!==void 0&&_this$hideDurationFie3.includes("days")?"":i(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n          <div class=\"unit-group\">\n            <div class=\"duration-name\">Days</div>\n            <div class=\"duration-units\">\n              ","\n            </div>\n          </div>\n          "])),this.renderTimeValues("days",[1,2,3,4,5,6])),(_this$hideDurationFie4=this.hideDurationFields)!==null&&_this$hideDurationFie4!==void 0&&_this$hideDurationFie4.includes("weeks")?"":i(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["\n          <div class=\"unit-group\">\n            <div class=\"duration-name\">Weeks</div>\n            <div class=\"duration-units\">\n              ","\n            </div>\n          </div>\n          "])),this.renderTimeValues("weeks",[1,2,4,6])),(_this$hideDurationFie5=this.hideDurationFields)!==null&&_this$hideDurationFie5!==void 0&&_this$hideDurationFie5.includes("months")?"":i(_templateObject11||(_templateObject11=_taggedTemplateLiteral(["\n          <div class=\"unit-group\">\n            <div class=\"duration-name\">Months</div>\n            <div class=\"duration-units\">\n              ","\n            </div>\n          </div>\n          "])),this.renderTimeValues("months",[3,6,12,15])),this.range?i(_templateObject12||(_templateObject12=_taggedTemplateLiteral(["\n      <div>\n        <div class=\"unit-input-container\">\n          <nile-input \n            class=\"manual-input duration-input\" \n            ?disabled=\"","\"\n            label=\"Duration\"\n            inputmode=\"numeric\"\n            type=\"number\"\n            value=\"","\" \n            @nile-change=\"","\"\n            placeholder=\"Enter Value\"\n          ></nile-input>\n  \n          <nile-select \n            class=\"manual-input time-input\"  \n            ?disabled=\"","\"\n            label=\"Unit of time\" \n            value=\"","\"\n            @nile-change=\"","\"\n          >\n            <nile-option value=\"minutes\" class=\"","\">Minutes</nile-option>\n            <nile-option value=\"hours\" class=\"","\">Hours</nile-option>\n            <nile-option value=\"days\" class=\"","\">Days</nile-option>\n            <nile-option value=\"weeks\" class=\"","\">Weeks</nile-option>\n            <nile-option value=\"months\" class=\"","\">Months</nile-option>\n          </nile-select>\n        </div>\n      </div>\n      "])),this.disabled,this.selectedValue,this.handleDurationChange,this.disabled,this.selectedUnit,this.handleUnitChange,(_this$hideDurationFie6=this.hideDurationFields)!==null&&_this$hideDurationFie6!==void 0&&_this$hideDurationFie6.includes("minutes")?"hidden":"",(_this$hideDurationFie7=this.hideDurationFields)!==null&&_this$hideDurationFie7!==void 0&&_this$hideDurationFie7.includes("hours")?"hidden":"",(_this$hideDurationFie8=this.hideDurationFields)!==null&&_this$hideDurationFie8!==void 0&&_this$hideDurationFie8.includes("days")?"hidden":"",(_this$hideDurationFie9=this.hideDurationFields)!==null&&_this$hideDurationFie9!==void 0&&_this$hideDurationFie9.includes("weeks")?"hidden":"",(_this$hideDurationFie10=this.hideDurationFields)!==null&&_this$hideDurationFie10!==void 0&&_this$hideDurationFie10.includes("months")?"hidden":""):"");}},{key:"renderTimeValues",value:function renderTimeValues(t,e){var _this3=this;return e.map(function(e){return i(_templateObject13||(_templateObject13=_taggedTemplateLiteral(["\n          <div\n            class=\"duration__value ","\"\n            @click=","\n            @keydown=\"","\"\n          >","\n          </div>"])),_this3.selectedUnit===t&&_this3.selectedValue===e?"duration__value--selected":"",function(i){return _this3.handleTimeValueClick(t,e,i);},function(i){"Enter"!==i.key&&" "!==i.key||_this3.handleTimeValueClick(t,e,i);},e);});}},{key:"renderMonth",value:function renderMonth(t,s,n){var _this4=this;var a=new Date(t,s,1).getDay(),l=new Date(t,s+1,0).getDay(),h=this.getDaysArray(0===s?t-1:t,0===s?11:s-1),d=this.getDaysArray(11===s?t+1:t,11===s?0:s+1),o=h.slice(h.length-a),_c=d.slice(0,6-l),u=[].concat(_toConsumableArray(o),_toConsumableArray(n),_toConsumableArray(_c)),v=function v(t,i,e,s){if(!s)return"";if(!_this4.range&&_this4.value){if(t===_this4.value.getDate()&&i===_this4.value.getMonth()&&e===_this4.value.getFullYear())return"selected-date";}var n=_this4.startDate&&t===_this4.startDate.getDate()&&i===_this4.startDate.getMonth()&&e===_this4.startDate.getFullYear(),a=_this4.endDate&&t===_this4.endDate.getDate()&&i===_this4.endDate.getMonth()&&e===_this4.endDate.getFullYear();return n?"range-start":a?"range-end":"";},p=function p(t,i,e,s){if(!s)return!1;if(_this4.startDate&&_this4.endDate){var _s=new Date(e,i,t);return _s>=_this4.startDate&&_s<=_this4.endDate;}return!1;};return i(_templateObject14||(_templateObject14=_taggedTemplateLiteral(["\n      <div class=\"calendar\">\n        <div class=\"calendar-header\">\n          <nile-icon\n            class=\"calendar-header__month-navigation\"\n            name=\"var(--nile-icon-arrow-left, var(--ng-icon-chevron-left))\"\n            method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n            color=","\n            role=\"button\"\n            tabindex=\"","\"\n            @keydown=\"","\"\n            @click=\"","\"\n          >\n          </nile-icon>\n          <div class=\"calendar-header__center\">\n\n","\n</div>\n\n          <nile-icon\n            class=\"calendar-header__month-navigation\"\n            name=\"var(--nile-icon-arrow-right, var(--ng-icon-chevron-right))\"\n            method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n            color=","\n            role=\"button\"\n            tabindex=\"","\"\n            @keydown=\"","\"\n            @click=\"","\"\n          >\n          </nile-icon>\n        </div>\n   \n        <div class=\"days_container\">\n        ","\n          ","\n        </div>\n      </div>\n    "])),this.disabled?"var(--nile-colors-dark-500, var(--ng-colors-fg-disabled))":"black",this.isPrevDisabled()?"-1":"0",function(t){"Enter"!==t.key&&" "!==t.key||_this4.prevMonth();},this.prevMonth,this.showMonthDropdown||this.showYearDropdown?i(_templateObject15||(_templateObject15=_taggedTemplateLiteral(["\n  ","\n  ","\n"])),this.showMonthDropdown?i(_templateObject16||(_templateObject16=_taggedTemplateLiteral(["\n    <nile-dropdown ?disabled=\"","\" class=\"month-dropdown\">\n      <span\n        slot=\"trigger\"\n        class=\"calendar-header__trigger month-trigger\"\n        role=\"button\"\n        part=\"trigger\"\n      >\n        ","\n        <nile-icon name=\"arrowdropdown\" color="," class=\"calendar-header__caret\"></nile-icon>\n      </span>\n      <nile-menu>\n        <div class=\"month-scroll-wrapper\">\n          ","\n        </div>\n      </nile-menu>\n    </nile-dropdown>\n  "])),this.disabled,new Date(t,s).toLocaleString("default",{month:"long"}),this.disabled?"var(--nile-colors-dark-500, var(--ng-colors-fg-disabled))":"black",this.monthNames.map(function(t,e){return i(_templateObject17||(_templateObject17=_taggedTemplateLiteral(["\n            <nile-menu-item\n              class=\"month-menu-item\"\n              ?selected=\"","\"\n              @click=\"","\"\n            >\n              ","\n            </nile-menu-item>\n          "])),e===s,function(){return _this4.onMonthSelected(e);},t);})):i(_templateObject18||(_templateObject18=_taggedTemplateLiteral(["\n    <span\n      >","</span\n    >\n  "])),new Date(t,s).toLocaleString("default",{month:"long"})),this.showYearDropdown?i(_templateObject19||(_templateObject19=_taggedTemplateLiteral(["\n    <nile-dropdown ?disabled=\"","\" class=\"year-dropdown\">\n      <span\n        slot=\"trigger\"\n        class=\"calendar-header__trigger\"\n        role=\"button\"\n        part=\"trigger\"\n      >\n        ","\n        <nile-icon name=\"arrowdropdown\" color="," class=\"calendar-header__caret\"></nile-icon>\n      </span>\n      <nile-menu>\n        <div class=\"year-scroll-wrapper\">\n          ","\n        </div>\n      </nile-menu>\n    </nile-dropdown>\n  "])),this.disabled,t,this.disabled?"var(--nile-colors-dark-500, var(--ng-colors-fg-disabled))":"black",this.yearOptions.map(function(e){return i(_templateObject20||(_templateObject20=_taggedTemplateLiteral(["\n              <nile-menu-item\n                class=\"year-menu-item\"\n                ?selected=\"","\"\n                @click=\"","\"\n              >\n                ","\n              </nile-menu-item>\n            "])),e===t,function(){return _this4.onYearSelected(e);},e);})):i(_templateObject21||(_templateObject21=_taggedTemplateLiteral(["\n    <span>","</span>\n  "])),t)):i(_templateObject22||(_templateObject22=_taggedTemplateLiteral(["\n  <span\n    >","\n    ","</span\n  >\n"])),new Date(t,s).toLocaleString("default",{month:"long"}),t),this.disabled?"var(--nile-colors-dark-500, var(--ng-colors-fg-disabled))":"black",this.isNextDisabled()?"-1":"0",function(t){"Enter"!==t.key&&" "!==t.key||_this4.nextMonth();},this.nextMonth,["Sun","Mon","Tue","Wed","Thu","Fri","Sat"].map(function(t){return i(_templateObject23||(_templateObject23=_taggedTemplateLiteral(["<div class=\"day_name\">","</div>"])),t);}),u.map(function(a,l){var h=l>=o.length&&l<o.length+n.length,d=v(a,s,t,h),_c2={day_date:!0,"not-allowed":!_this4.isAllowedDate(a,s,t),"in-range":p(a,s,t,h),filler:!h};return d&&(_c2[d]=!0),i(_templateObject24||(_templateObject24=_taggedTemplateLiteral([" \n            <div\n              part=\"calendar-day-","\"\n              class=","\n              tabindex=\"","\"\n              @keydown=\"","\"\n              @click=\"","\"\n            >\n              <span style=\"position:relative;\">\n                ","\n                ","\n              </span>\n            </div>"])),a,r(_c2),h&&_this4.isAllowedDate(a,s,t)?"0":"-1",function(i){"Enter"!==i.key&&" "!==i.key||_this4.selectDate(a,s,t);},function(){h&&_this4.selectDate(a,s,t);},a,function(t,i,e){var s=new Date();return t===s.getDate()&&i+1===s.getMonth()+1&&e===s.getFullYear();}(a,s,t)&&h?i(_templateObject25||(_templateObject25=_taggedTemplateLiteral(["<div class=\"current__date__dot\" part=\"current-date-dot\"></div>"]))):e);}));}},{key:"isAllowedDate",value:function isAllowedDate(t,i,e){if(!this.allowedDatesLocal)return!0;var s=new Date(Date.UTC(e,i,t)),n=this.getUTCDate(this.allowedDatesLocal.startDate),a=this.getUTCDate(this.allowedDatesLocal.endDate);a.setUTCHours(23,59,59,999);return s>=n&&s<=a;}},{key:"clearDate",value:function clearDate(t){(t!==null&&t!==void 0?t:this.range?"relative"===this.type?o.Relative:o.Range:o.Single)===o.Single?this.value=null:(this.valueAttribute="",this.startDate=null,this.endDate=null,this.selectedUnit=void 0,this.selectedValue=void 0),this.requestUpdate(),this.emit("nile-clear");}},{key:"selectDate",value:function selectDate(t,i,e){if(this.disabled)return;var s=new Date(e,i,t);if(this.range){if(this.startDate&&this.endDate&&(this.startDate=null,this.endDate=null),this.isSelectingStart)this.startDate=s,this.endDate&&s>this.endDate&&(this.endDate=null),this.isSelectingStart=!1;else if(this.isSelectingStart=!0,this.startDate&&s<this.startDate)this.startDate=s,this.endDate=null,this.isSelectingStart=!1;else{var _t2=s;_t2.setHours(23,59,59,999),this.endDate=_t2;}}else{if(String(this.value)==String(s)&&this.doubleClickUnselect)return void this.clearDate();this.value=s,this.emitChangedData({value:this.value});}}},{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.value=null;}catch(t){}else if(this.valueAttribute){var _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());}}},{key:"handleDurationChange",value:function handleDurationChange(t){t.stopPropagation(),t.detail.value=t.detail.value.replace(/e/gi,"");var i=Number(t.detail.value);i&&(this.selectedValue=i,this.selectedUnit&&this.selectedValue&&this.handleTimeValueClick(this.selectedUnit,this.selectedValue,t));}},{key:"handleUnitChange",value:function handleUnitChange(t){t.stopPropagation(),this.selectedUnit=t.detail.value,this.selectedUnit&&this.selectedValue&&this.handleTimeValueClick(this.selectedUnit,this.selectedValue,t);}},{key:"handleTimeValueClick",value:function handleTimeValueClick(t,i,e){this.createRelativePeriod(t,i),this.selectedUnit=t,this.selectedValue=i;}},{key:"createRelativePeriod",value:function createRelativePeriod(t,i){var e=new Date(),s=new Date();switch(t){case"minutes":s.setMinutes(s.getMinutes()-i);break;case"hours":s.setHours(s.getHours()-i);break;case"days":s.setDate(s.getDate()-i);break;case"weeks":s.setDate(s.getDate()-7*i);break;case"months":s.setMonth(s.getMonth()-i);}return this.startDate=new Date(s.getTime()),this.endDate=new Date(e.getTime()),{startDate:this.startDate,endDate:this.endDate};}},{key:"handleStartTimeInput",value:function handleStartTimeInput(t){if(t.stopPropagation(),!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(t.stopPropagation(),!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:"parseTime",value:function parseTime(t,i){if(!this.isValidTimeInput(t))return null;var _t$split$map=t.split(":").map(Number),_t$split$map2=_slicedToArray(_t$split$map,3),e=_t$split$map2[0],s=_t$split$map2[1],n=_t$split$map2[2],a=new Date(i.getTime());return a.setHours(e,s,n),a;}},{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:"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:"nextMonth",value:function nextMonth(){if(!this.disabled)if(11===this.currentMonth){var _t5=this.currentYear+1;if(void 0!==this.endYear&&_t5>this.endYear)return;this.currentMonth=0,this.currentYear=_t5;}else this.currentMonth++;}},{key:"prevMonth",value:function prevMonth(){if(!this.disabled)if(0===this.currentMonth){var _t6=this.currentYear-1;if(void 0!==this.startYear&&_t6<this.startYear)return;this.currentMonth=11,this.currentYear=_t6;}else this.currentMonth--;}},{key:"confimRange",value:function confimRange(){this.startDate&&this.endDate&&this.emitChangedData({startDate:this.startDate,endDate:this.endDate});}},{key:"onTypeChange",value:function onTypeChange(t){this.disabled||(this.type=t.detail.value,this.emit("nile-type-change",{value:this.type}));}},{key:"getUTCDate",value:function getUTCDate(t){return new Date(Date.UTC(t.slice(0,4),t.slice(5,7)-1,t.slice(8,10)));}},{key:"emitChangedData",value:function emitChangedData(t){this.emit("nile-changed",t),this.emit("nile-change",t);}},{key:"getDaysArray",value:function getDaysArray(t,i){var e=new Date(t,i+1,0).getDate();return Array.from({length:e},function(t,i){return i+1;});}}],[{key:"styles",get:function get(){return[l];}}]);}(d));t([s({type:String,attribute:"value"})],c.prototype,"valueAttribute",void 0),t([s({type:String,attribute:!0,reflect:!0})],c.prototype,"allowedDates",void 0),t([s({type:Boolean,reflect:!0})],c.prototype,"range",void 0),t([s({type:Boolean,attribute:!0,reflect:!0})],c.prototype,"hideTypes",void 0),t([s({type:Boolean,reflect:!0})],c.prototype,"doubleClickUnselect",void 0),t([s({type:Boolean,reflect:!0})],c.prototype,"allowClear",void 0),t([s({type:String,reflect:!0})],c.prototype,"type",void 0),t([s({type:String})],c.prototype,"selectedUnit",void 0),t([s({type:Number})],c.prototype,"selectedValue",void 0),t([s({type:Array,attribute:"hide-duration-fields"})],c.prototype,"hideDurationFields",void 0),t([s({type:Boolean})],c.prototype,"showManualInputs",void 0),t([s({type:Number,attribute:!0,reflect:!0})],c.prototype,"startYear",void 0),t([s({type:Number,attribute:!0,reflect:!0})],c.prototype,"endYear",void 0),t([s({type:Boolean,attribute:!0,reflect:!0})],c.prototype,"showMonthDropdown",void 0),t([s({type:Boolean,attribute:!0,reflect:!0})],c.prototype,"showYearDropdown",void 0),t([s({type:String,reflect:!0,attribute:!0})],c.prototype,"dateFormat",void 0),t([n()],c.prototype,"startDate",void 0),t([n()],c.prototype,"endDate",void 0),t([n()],c.prototype,"isSelectingStart",void 0),t([n()],c.prototype,"hideInput",void 0),t([n()],c.prototype,"value",void 0),t([n()],c.prototype,"currentMonth",void 0),t([n()],c.prototype,"currentYear",void 0),t([n()],c.prototype,"allowedDatesLocal",void 0),t([s({type:Boolean,attribute:!0,reflect:!0})],c.prototype,"disabled",void 0),t([h("allowedDates")],c.prototype,"checkValidAllowedDate",null),_export("N",c=t([a("nile-calendar")],c));}};});
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-calendar.css.cjs.js","lit/directives/class-map.js","../internal/watch.cjs.js","../internal/nile-element.cjs.js","./nile-calendar.enum.cjs.js"],function(_export,_context){"use strict";var t,i,e,s,n,a,l,r,h,d,o,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,_templateObject13,_templateObject14,_templateObject15,_templateObject16,_templateObject17,_templateObject18,_templateObject19,_templateObject20,_templateObject21,_templateObject22,_templateObject23,_templateObject24,_templateObject25,c;function _slicedToArray(r,e){return _arrayWithHoles(r)||_iterableToArrayLimit(r,e)||_unsupportedIterableToArray(r,e)||_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(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1;}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r;}finally{try{if(!f&&null!=t["return"]&&(u=t["return"](),Object(u)!==u))return;}finally{if(o)throw n;}}return a;}}function _arrayWithHoles(r){if(Array.isArray(r))return r;}function _toConsumableArray(r){return _arrayWithoutHoles(r)||_iterableToArray(r)||_unsupportedIterableToArray(r)||_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(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r);}function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r);}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_lit){i=_lit.html;e=_lit.nothing;},function(_litDecoratorsJs){s=_litDecoratorsJs.property;n=_litDecoratorsJs.state;a=_litDecoratorsJs.customElement;},function(_nileCalendarCssCjsJs){l=_nileCalendarCssCjsJs.s;},function(_litDirectivesClassMapJs){r=_litDirectivesClassMapJs.classMap;},function(_internalWatchCjsJs){h=_internalWatchCjsJs.w;},function(_internalNileElementCjsJs){d=_internalNileElementCjsJs.N;},function(_nileCalendarEnumCjsJs){o=_nileCalendarEnumCjsJs.C;}],execute:function execute(){_export("N",c=/*#__PURE__*/function(_d){function c(){var _this;_classCallCheck(this,c);_this=_callSuper(this,c,arguments),_this.valueAttribute=null,_this.allowedDates=JSON.stringify({}),_this.range=!1,_this.hideTypes=!1,_this.doubleClickUnselect=!1,_this.allowClear=!1,_this.type="absolute",_this.hideDurationFields=[],_this.showManualInputs=!1,_this.showMonthDropdown=!1,_this.showYearDropdown=!1,_this.dateFormat="MM/DD/YYYY",_this.startDate=null,_this.endDate=null,_this.isSelectingStart=!0,_this.hideInput=!1,_this.currentMonth=new Date().getMonth(),_this.currentYear=new Date().getFullYear(),_this.allowedDatesLocal=null,_this.disabled=!1;return _this;}_inherits(c,_d);return _createClass(c,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(c,"connectedCallback",this,3)([]),this.initializeValue(),this.emit("nile-init");}},{key:"disconnectedCallback",value:function disconnectedCallback(){_superPropGet(c,"disconnectedCallback",this,3)([]),this.emit("nile-destroy");}},{key:"updated",value:function updated(t){if(_superPropGet(c,"updated",this,3)([t]),t.has("valueAttribute")){this.valueAttribute||(this.value=null,this.startDate=null,this.endDate=null,this.isSelectingStart=!0);var _t=new Date(this.valueAttribute||"");if(!isNaN(_t.getTime())){var _i=_t.getTimezoneOffset();this.value=new Date(_t.getTime()-60*_i*1e3),this.currentMonth=this.value.getMonth(),this.currentYear=this.value.getFullYear();}this.initializeValue();}}},{key:"monthNames",get:function get(){return Array.from({length:12},function(t,i){return new Date(0,i).toLocaleString("default",{month:"long"});});}},{key:"yearOptions",get:function get(){var _this$startYear,_this$endYear;var t=(_this$startYear=this.startYear)!==null&&_this$startYear!==void 0?_this$startYear:2e3,i=(_this$endYear=this.endYear)!==null&&_this$endYear!==void 0?_this$endYear:2050;return t>i?[]:Array.from({length:i-t+1},function(i,e){return t+e;});}},{key:"onMonthSelected",value:function onMonthSelected(t){this.currentMonth=t,this.emit("nile-month-change",{month:t});}},{key:"onYearSelected",value:function onYearSelected(t){this.currentYear=t,this.emit("nile-year-change",{year:t});}},{key:"checkValidAllowedDate",value:function checkValidAllowedDate(){var t;try{t=JSON.parse(this.allowedDates);}catch(i){t=null;}if(!t||0==Object.keys(t).length)return void(this.allowedDatesLocal=null);this.hideInput=!0;this.getUTCDate(t.startDate)>this.getUTCDate(t.endDate)?console.error("StartDate must be greater than endDate"):this.allowedDatesLocal=t;}},{key:"isPrevDisabled",value:function isPrevDisabled(){return 0===this.currentMonth&&void 0!==this.startYear&&this.currentYear<=this.startYear;}},{key:"isNextDisabled",value:function isNextDisabled(){return 11===this.currentMonth&&void 0!==this.endYear&&this.currentYear>=this.endYear;}},{key:"formatDate",value:function formatDate(t){if(!t)return"";var i=t.getFullYear(),e=String(t.getMonth()+1).padStart(2,"0"),s=String(t.getDate()).padStart(2,"0");var n=this.dateFormat;return n=n.replace(/YYYY/g,String(i)),n=n.replace(/MM/g,e),n=n.replace(/DD/g,s),n=n.replace(/YY/g,String(i).slice(-2)),n;}},{key:"parseDate",value:function parseDate(t,i){if(!t||!this.dateFormat)return null;var e=this.dateFormat.replace(/YYYY/,"(?<year>\\d{4})").replace(/YY/,"(?<year>\\d{2})").replace(/MM/,"(?<month>\\d{1,2})").replace(/DD/,"(?<day>\\d{1,2})"),s=new RegExp("^".concat(e,"$")),n=t.match(s);if(!n||!n.groups)return null;var a=2===n.groups.year.length?Number("20".concat(n.groups.year)):Number(n.groups.year),l=Number(n.groups.month)-1,r=Number(n.groups.day),h=new Date(a,l,r);return i?h.setHours(i.getHours(),i.getMinutes(),i.getSeconds()):h.setHours(0,0,0),h;}},{key:"handleStartDateInput",value:function handleStartDateInput(t){t.stopPropagation();var i=this.parseDate(t.detail.value,this.startDate);i&&(i.setHours(0,0,0),this.startDate=i,this.currentMonth=i.getMonth(),this.currentYear=i.getFullYear(),this.requestUpdate());}},{key:"handleEndDateInput",value:function handleEndDateInput(t){t.stopPropagation();var i=this.parseDate(t.detail.value,this.endDate);i&&(i.setHours(23,59,59),this.endDate=i,this.currentMonth=i.getMonth(),this.currentYear=i.getFullYear(),this.requestUpdate());}},{key:"render",value:function render(){var _this2=this;return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div\n        class=","\n        part=\"calendar-container\"\n      >\n        <div class=",">\n          <div class=\"calendar-switcher\" part=\"calendar-switcher\">\n            <nile-tab-group centered @nile-tab-show=\"","\" value=\"","\">\n              <nile-tab slot=\"nav\" panel=\"absolute\" tabindex=\"","\">Absolute</nile-tab>\n              <nile-tab slot=\"nav\" panel=\"relative\" tabindex=\"","\">Relative</nile-tab>\n            </nile-tab-group>\n          </div>\n        </div>\n \n        ","\n        ","\n\n        ","\n      </div>\n    "])),r({base:!0,base__range:this.range}),r({"calendar-config":!0,hidden:!this.range||this.range&&this.hideTypes}),this.onTypeChange,this.type,this.disabled?"-1":"0",this.disabled?"-1":"0","relative"==this.type?this.renderRelativeCalendar():"","absolute"==this.type?this.renderAbsoluteCalendar():"",this.range?i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n        <div class=\"button-container\" part=\"button-container\">\n          ","\n          <nile-button \n          class=\"apply-button\"  \n          ?disabled=\"","\"  \n          @click=\"","\"\n          @keydown=\"","\"\n          > Apply</nile-button>\n        </div>\n        "])),this.allowClear?i(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n            <nile-button \n            class=\"clear-button\"\n            variant=\"secondary\"\n            role=\"button\"\n            ?disabled=\"","\"\n            @keydown=\"","\"\n            @click=\"","\"\n\n            > Reset</nile-button>"])),!this.startDate||!this.endDate,function(t){"Enter"!==t.key&&" "!==t.key||_this2.clearDate();},this.clearDate):e,!this.startDate||!this.endDate,this.confimRange,function(t){"Enter"!==t.key&&" "!==t.key||_this2.confimRange();}):"");}},{key:"renderAbsoluteCalendar",value:function renderAbsoluteCalendar(){return i(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n    <div class=\"calendar-wrapper\" part=\"calendar-wrapper\">\n      <div class=\"calendar-container\" >\n        ","\n      </div>\n    </div>\n    ","\n    "])),this.renderMonth(this.currentYear,this.currentMonth,this.getDaysArray(this.currentYear,this.currentMonth)),this.range?i(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n    <div class=\"calender-input ","\" >\n     <div class=\"from\">\n  <div class=\"from-date\">\n    <nile-input\n      ?disabled=\"","\"\n      label=\"From\"\n      class=\"manual-input date-input\"\n      placeholder=\"","\"\n      value=\"","\"\n      @nile-change=\"","\"\n    ></nile-input>\n  </div>\n\n  <div class=\"from-time\">\n    <nile-input\n      ?disabled=\"","\"\n      class=\"manual-input time-input\"\n      placeholder=\"HH:MM:SS\"\n      value=\"","\"\n      @nile-change=\"","\"\n    ></nile-input>\n  </div>\n</div>\n\n\n    <div class=\"from\">\n        <div class=\"from-date\">\n      <nile-input\n      ?disabled=\"","\"\n        label=\"To\"\n        class=\"manual-input date-input\"\n        placeholder=\"","\"\n        value=\"","\"\n        @nile-change=\"","\"\n      ></nile-input>\n    </div>\n      <div class=\"from-time\">\n      <nile-input\n      ?disabled=\"","\"\n        class=\"manual-input time-input\"\n        placeholder=\"HH:MM:SS\"\n        value=\"","\"\n        @nile-change=\"","\"\n      ></nile-input>\n    </div>\n    </div>\n    </div>\n    "])),this.showManualInputs?"":"hidden",this.disabled,this.dateFormat,this.formatDate(this.startDate),this.handleStartDateInput,this.disabled,this.formatTime(this.startDate),this.handleStartTimeInput,this.disabled,this.dateFormat,this.formatDate(this.endDate),this.handleEndDateInput,this.disabled,this.formatTime(this.endDate),this.handleEndTimeInput):"");}},{key:"renderRelativeCalendar",value:function renderRelativeCalendar(){var _this$hideDurationFie,_this$hideDurationFie2,_this$hideDurationFie3,_this$hideDurationFie4,_this$hideDurationFie5,_this$hideDurationFie6,_this$hideDurationFie7,_this$hideDurationFie8,_this$hideDurationFie9,_this$hideDurationFie10;return i(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n      <div class=\"units-wrapper\">\n        <div class=\"unit-container\">\n  \n          ","\n  \n          ","\n  \n          ","\n  \n          ","\n  \n          ","\n        </div>\n      </div>\n  \n      ","\n    "])),(_this$hideDurationFie=this.hideDurationFields)!==null&&_this$hideDurationFie!==void 0&&_this$hideDurationFie.includes("minutes")?"":i(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n          <div class=\"unit-group\">\n            <div class=\"duration-name\">Minutes</div>\n            <div class=\"duration-units\">\n              ","\n            </div>\n          </div>\n          "])),this.renderTimeValues("minutes",[1,5,15,30,45])),(_this$hideDurationFie2=this.hideDurationFields)!==null&&_this$hideDurationFie2!==void 0&&_this$hideDurationFie2.includes("hours")?"":i(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n          <div class=\"unit-group\">\n            <div class=\"duration-name\">Hours</div>\n            <div class=\"duration-units\">\n              ","\n            </div>\n          </div>\n          "])),this.renderTimeValues("hours",[1,2,3,6,8,12])),(_this$hideDurationFie3=this.hideDurationFields)!==null&&_this$hideDurationFie3!==void 0&&_this$hideDurationFie3.includes("days")?"":i(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n          <div class=\"unit-group\">\n            <div class=\"duration-name\">Days</div>\n            <div class=\"duration-units\">\n              ","\n            </div>\n          </div>\n          "])),this.renderTimeValues("days",[1,2,3,4,5,6])),(_this$hideDurationFie4=this.hideDurationFields)!==null&&_this$hideDurationFie4!==void 0&&_this$hideDurationFie4.includes("weeks")?"":i(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["\n          <div class=\"unit-group\">\n            <div class=\"duration-name\">Weeks</div>\n            <div class=\"duration-units\">\n              ","\n            </div>\n          </div>\n          "])),this.renderTimeValues("weeks",[1,2,4,6])),(_this$hideDurationFie5=this.hideDurationFields)!==null&&_this$hideDurationFie5!==void 0&&_this$hideDurationFie5.includes("months")?"":i(_templateObject11||(_templateObject11=_taggedTemplateLiteral(["\n          <div class=\"unit-group\">\n            <div class=\"duration-name\">Months</div>\n            <div class=\"duration-units\">\n              ","\n            </div>\n          </div>\n          "])),this.renderTimeValues("months",[3,6,12,15])),this.range?i(_templateObject12||(_templateObject12=_taggedTemplateLiteral(["\n      <div>\n        <div class=\"unit-input-container\">\n          <nile-input \n            class=\"manual-input duration-input\" \n            ?disabled=\"","\"\n            label=\"Duration\"\n            inputmode=\"numeric\"\n            type=\"number\"\n            value=\"","\" \n            @nile-change=\"","\"\n            placeholder=\"Enter Value\"\n          ></nile-input>\n  \n          <nile-select \n            class=\"manual-input time-input\"  \n            ?disabled=\"","\"\n            label=\"Unit of time\" \n            value=\"","\"\n            @nile-change=\"","\"\n          >\n            <nile-option value=\"minutes\" class=\"","\">Minutes</nile-option>\n            <nile-option value=\"hours\" class=\"","\">Hours</nile-option>\n            <nile-option value=\"days\" class=\"","\">Days</nile-option>\n            <nile-option value=\"weeks\" class=\"","\">Weeks</nile-option>\n            <nile-option value=\"months\" class=\"","\">Months</nile-option>\n          </nile-select>\n        </div>\n      </div>\n      "])),this.disabled,this.selectedValue,this.handleDurationChange,this.disabled,this.selectedUnit,this.handleUnitChange,(_this$hideDurationFie6=this.hideDurationFields)!==null&&_this$hideDurationFie6!==void 0&&_this$hideDurationFie6.includes("minutes")?"hidden":"",(_this$hideDurationFie7=this.hideDurationFields)!==null&&_this$hideDurationFie7!==void 0&&_this$hideDurationFie7.includes("hours")?"hidden":"",(_this$hideDurationFie8=this.hideDurationFields)!==null&&_this$hideDurationFie8!==void 0&&_this$hideDurationFie8.includes("days")?"hidden":"",(_this$hideDurationFie9=this.hideDurationFields)!==null&&_this$hideDurationFie9!==void 0&&_this$hideDurationFie9.includes("weeks")?"hidden":"",(_this$hideDurationFie10=this.hideDurationFields)!==null&&_this$hideDurationFie10!==void 0&&_this$hideDurationFie10.includes("months")?"hidden":""):"");}},{key:"renderTimeValues",value:function renderTimeValues(t,e){var _this3=this;return e.map(function(e){return i(_templateObject13||(_templateObject13=_taggedTemplateLiteral(["\n          <div\n            class=\"duration__value ","\"\n            @click=","\n            @keydown=\"","\"\n          >","\n          </div>"])),_this3.selectedUnit===t&&_this3.selectedValue===e?"duration__value--selected":"",function(i){return _this3.handleTimeValueClick(t,e,i);},function(i){"Enter"!==i.key&&" "!==i.key||_this3.handleTimeValueClick(t,e,i);},e);});}},{key:"renderMonth",value:function renderMonth(t,s,n){var _this4=this;var a=new Date(t,s,1).getDay(),l=new Date(t,s+1,0).getDay(),h=this.getDaysArray(0===s?t-1:t,0===s?11:s-1),d=this.getDaysArray(11===s?t+1:t,11===s?0:s+1),o=h.slice(h.length-a),_c=d.slice(0,6-l),u=[].concat(_toConsumableArray(o),_toConsumableArray(n),_toConsumableArray(_c)),v=function v(t,i,e,s){if(!s)return"";if(!_this4.range&&_this4.value){if(t===_this4.value.getDate()&&i===_this4.value.getMonth()&&e===_this4.value.getFullYear())return"selected-date";}var n=_this4.startDate&&t===_this4.startDate.getDate()&&i===_this4.startDate.getMonth()&&e===_this4.startDate.getFullYear(),a=_this4.endDate&&t===_this4.endDate.getDate()&&i===_this4.endDate.getMonth()&&e===_this4.endDate.getFullYear();return n?"range-start":a?"range-end":"";},p=function p(t,i,e,s){if(!s)return!1;if(_this4.startDate&&_this4.endDate){var _s=new Date(e,i,t);return _s>=_this4.startDate&&_s<=_this4.endDate;}return!1;};return i(_templateObject14||(_templateObject14=_taggedTemplateLiteral(["\n      <div class=\"calendar\">\n        <div class=\"calendar-header\">\n          <nile-icon\n            class=\"calendar-header__month-navigation\"\n            name=\"var(--nile-icon-arrow-left, var(--ng-icon-chevron-left))\"\n            method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n            color=","\n            role=\"button\"\n            tabindex=\"","\"\n            @keydown=\"","\"\n            @click=\"","\"\n          >\n          </nile-icon>\n          <div class=\"calendar-header__center\">\n\n","\n</div>\n\n          <nile-icon\n            class=\"calendar-header__month-navigation\"\n            name=\"var(--nile-icon-arrow-right, var(--ng-icon-chevron-right))\"\n            method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n            color=","\n            role=\"button\"\n            tabindex=\"","\"\n            @keydown=\"","\"\n            @click=\"","\"\n            \n          >\n          </nile-icon>\n        </div>\n   \n        <div class=\"days_container\">\n        ","\n          ","\n        </div>\n      </div>\n    "])),this.disabled?"var(--nile-colors-dark-500, var(--ng-colors-fg-disabled))":"black",this.disabled||this.isPrevDisabled()?"-1":"0",function(t){"Enter"!==t.key&&" "!==t.key||_this4.prevMonth();},this.prevMonth,this.showMonthDropdown||this.showYearDropdown?i(_templateObject15||(_templateObject15=_taggedTemplateLiteral(["\n  ","\n  ","\n"])),this.showMonthDropdown?i(_templateObject16||(_templateObject16=_taggedTemplateLiteral(["\n    <nile-dropdown ?disabled=\"","\" class=\"month-dropdown\">\n      <span\n        slot=\"trigger\"\n        class=\"calendar-header__trigger month-trigger\"\n        role=\"button\"\n        part=\"trigger\"\n      >\n        ","\n        <nile-icon name=\"arrowdropdown\" color="," class=\"calendar-header__caret\"></nile-icon>\n      </span>\n      <nile-menu>\n        <div class=\"month-scroll-wrapper\">\n          ","\n        </div>\n      </nile-menu>\n    </nile-dropdown>\n  "])),this.disabled,new Date(t,s).toLocaleString("default",{month:"long"}),this.disabled?"var(--nile-colors-dark-500, var(--ng-colors-fg-disabled))":"black",this.monthNames.map(function(t,e){return i(_templateObject17||(_templateObject17=_taggedTemplateLiteral(["\n            <nile-menu-item\n              class=\"month-menu-item\"\n              ?selected=\"","\"\n              @click=\"","\"\n            >\n              ","\n            </nile-menu-item>\n          "])),e===s,function(){return _this4.onMonthSelected(e);},t);})):i(_templateObject18||(_templateObject18=_taggedTemplateLiteral(["\n    <span\n      >","</span\n    >\n  "])),new Date(t,s).toLocaleString("default",{month:"long"})),this.showYearDropdown?i(_templateObject19||(_templateObject19=_taggedTemplateLiteral(["\n    <nile-dropdown ?disabled=\"","\" class=\"year-dropdown\">\n      <span\n        slot=\"trigger\"\n        class=\"calendar-header__trigger\"\n        role=\"button\"\n        part=\"trigger\"\n      >\n        ","\n        <nile-icon name=\"arrowdropdown\" color="," class=\"calendar-header__caret\"></nile-icon>\n      </span>\n      <nile-menu>\n        <div class=\"year-scroll-wrapper\">\n          ","\n        </div>\n      </nile-menu>\n    </nile-dropdown>\n  "])),this.disabled,t,this.disabled?"var(--nile-colors-dark-500, var(--ng-colors-fg-disabled))":"black",this.yearOptions.map(function(e){return i(_templateObject20||(_templateObject20=_taggedTemplateLiteral(["\n              <nile-menu-item\n                class=\"year-menu-item\"\n                ?selected=\"","\"\n                @click=\"","\"\n              >\n                ","\n              </nile-menu-item>\n            "])),e===t,function(){return _this4.onYearSelected(e);},e);})):i(_templateObject21||(_templateObject21=_taggedTemplateLiteral(["\n    <span>","</span>\n  "])),t)):i(_templateObject22||(_templateObject22=_taggedTemplateLiteral(["\n  <span\n    >","\n    ","</span\n  >\n"])),new Date(t,s).toLocaleString("default",{month:"long"}),t),this.disabled?"var(--nile-colors-dark-500, var(--ng-colors-fg-disabled))":"black",this.disabled||this.isNextDisabled()?"-1":"0",function(t){"Enter"!==t.key&&" "!==t.key||_this4.nextMonth();},this.nextMonth,["Sun","Mon","Tue","Wed","Thu","Fri","Sat"].map(function(t){return i(_templateObject23||(_templateObject23=_taggedTemplateLiteral(["<div class=\"day_name\">","</div>"])),t);}),u.map(function(a,l){var h=l>=o.length&&l<o.length+n.length,d=v(a,s,t,h),_c2={day_date:!0,"not-allowed":!_this4.isAllowedDate(a,s,t),"in-range":p(a,s,t,h),filler:!h};return d&&(_c2[d]=!0),i(_templateObject24||(_templateObject24=_taggedTemplateLiteral([" \n            <div\n              part=\"calendar-day-","\"\n              class=","\n             tabindex=\"","\"\n              @keydown=\"","\"\n              @click=\"","\"\n            >\n              <span style=\"position:relative;\">\n                ","\n                ","\n              </span>\n            </div>"])),a,r(_c2),h&&_this4.isAllowedDate(a,s,t)&&!_this4.disabled?"0":"-1",function(i){"Enter"!==i.key&&" "!==i.key||_this4.selectDate(a,s,t);},function(){h&&_this4.selectDate(a,s,t);},a,function(t,i,e){var s=new Date();return t===s.getDate()&&i+1===s.getMonth()+1&&e===s.getFullYear();}(a,s,t)&&h?i(_templateObject25||(_templateObject25=_taggedTemplateLiteral(["<div class=\"current__date__dot\" part=\"current-date-dot\"></div>"]))):e);}));}},{key:"isAllowedDate",value:function isAllowedDate(t,i,e){if(!this.allowedDatesLocal)return!0;var s=new Date(Date.UTC(e,i,t)),n=this.getUTCDate(this.allowedDatesLocal.startDate),a=this.getUTCDate(this.allowedDatesLocal.endDate);a.setUTCHours(23,59,59,999);return s>=n&&s<=a;}},{key:"clearDate",value:function clearDate(t){(t!==null&&t!==void 0?t:this.range?"relative"===this.type?o.Relative:o.Range:o.Single)===o.Single?this.value=null:(this.valueAttribute="",this.startDate=null,this.endDate=null,this.selectedUnit=void 0,this.selectedValue=void 0),this.requestUpdate(),this.emit("nile-clear");}},{key:"selectDate",value:function selectDate(t,i,e){if(this.disabled)return;var s=new Date(e,i,t);if(this.range){if(this.startDate&&this.endDate&&(this.startDate=null,this.endDate=null),this.isSelectingStart)this.startDate=s,this.endDate&&s>this.endDate&&(this.endDate=null),this.isSelectingStart=!1;else if(this.isSelectingStart=!0,this.startDate&&s<this.startDate)this.startDate=s,this.endDate=null,this.isSelectingStart=!1;else{var _t2=s;_t2.setHours(23,59,59,999),this.endDate=_t2;}}else{if(String(this.value)==String(s)&&this.doubleClickUnselect)return void this.clearDate();this.value=s,this.emitChangedData({value:this.value});}}},{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.value=null;}catch(t){}else if(this.valueAttribute){var _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());}}},{key:"handleDurationChange",value:function handleDurationChange(t){t.stopPropagation(),t.detail.value=t.detail.value.replace(/e/gi,"");var i=Number(t.detail.value);i&&(this.selectedValue=i,this.selectedUnit&&this.selectedValue&&this.handleTimeValueClick(this.selectedUnit,this.selectedValue,t));}},{key:"handleUnitChange",value:function handleUnitChange(t){t.stopPropagation(),this.selectedUnit=t.detail.value,this.selectedUnit&&this.selectedValue&&this.handleTimeValueClick(this.selectedUnit,this.selectedValue,t);}},{key:"handleTimeValueClick",value:function handleTimeValueClick(t,i,e){this.createRelativePeriod(t,i),this.selectedUnit=t,this.selectedValue=i;}},{key:"createRelativePeriod",value:function createRelativePeriod(t,i){var e=new Date(),s=new Date();switch(t){case"minutes":s.setMinutes(s.getMinutes()-i);break;case"hours":s.setHours(s.getHours()-i);break;case"days":s.setDate(s.getDate()-i);break;case"weeks":s.setDate(s.getDate()-7*i);break;case"months":s.setMonth(s.getMonth()-i);}return this.startDate=new Date(s.getTime()),this.endDate=new Date(e.getTime()),{startDate:this.startDate,endDate:this.endDate};}},{key:"handleStartTimeInput",value:function handleStartTimeInput(t){if(t.stopPropagation(),!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(t.stopPropagation(),!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:"parseTime",value:function parseTime(t,i){if(!this.isValidTimeInput(t))return null;var _t$split$map=t.split(":").map(Number),_t$split$map2=_slicedToArray(_t$split$map,3),e=_t$split$map2[0],s=_t$split$map2[1],n=_t$split$map2[2],a=new Date(i.getTime());return a.setHours(e,s,n),a;}},{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:"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:"nextMonth",value:function nextMonth(){if(!this.disabled)if(11===this.currentMonth){var _t5=this.currentYear+1;if(void 0!==this.endYear&&_t5>this.endYear)return;this.currentMonth=0,this.currentYear=_t5;}else this.currentMonth++;}},{key:"prevMonth",value:function prevMonth(){if(!this.disabled)if(0===this.currentMonth){var _t6=this.currentYear-1;if(void 0!==this.startYear&&_t6<this.startYear)return;this.currentMonth=11,this.currentYear=_t6;}else this.currentMonth--;}},{key:"confimRange",value:function confimRange(){this.startDate&&this.endDate&&this.emitChangedData({startDate:this.startDate,endDate:this.endDate});}},{key:"onTypeChange",value:function onTypeChange(t){this.disabled||(this.type=t.detail.value,this.emit("nile-type-change",{value:this.type}));}},{key:"getUTCDate",value:function getUTCDate(t){return new Date(Date.UTC(t.slice(0,4),t.slice(5,7)-1,t.slice(8,10)));}},{key:"emitChangedData",value:function emitChangedData(t){this.emit("nile-changed",t),this.emit("nile-change",t);}},{key:"getDaysArray",value:function getDaysArray(t,i){var e=new Date(t,i+1,0).getDate();return Array.from({length:e},function(t,i){return i+1;});}}],[{key:"styles",get:function get(){return[l];}}]);}(d));t([s({type:String,attribute:"value"})],c.prototype,"valueAttribute",void 0),t([s({type:String,attribute:!0,reflect:!0})],c.prototype,"allowedDates",void 0),t([s({type:Boolean,reflect:!0})],c.prototype,"range",void 0),t([s({type:Boolean,attribute:!0,reflect:!0})],c.prototype,"hideTypes",void 0),t([s({type:Boolean,reflect:!0})],c.prototype,"doubleClickUnselect",void 0),t([s({type:Boolean,reflect:!0})],c.prototype,"allowClear",void 0),t([s({type:String,reflect:!0})],c.prototype,"type",void 0),t([s({type:String})],c.prototype,"selectedUnit",void 0),t([s({type:Number})],c.prototype,"selectedValue",void 0),t([s({type:Array,attribute:"hide-duration-fields"})],c.prototype,"hideDurationFields",void 0),t([s({type:Boolean})],c.prototype,"showManualInputs",void 0),t([s({type:Number,attribute:!0,reflect:!0})],c.prototype,"startYear",void 0),t([s({type:Number,attribute:!0,reflect:!0})],c.prototype,"endYear",void 0),t([s({type:Boolean,attribute:!0,reflect:!0})],c.prototype,"showMonthDropdown",void 0),t([s({type:Boolean,attribute:!0,reflect:!0})],c.prototype,"showYearDropdown",void 0),t([s({type:String,reflect:!0,attribute:!0})],c.prototype,"dateFormat",void 0),t([n()],c.prototype,"startDate",void 0),t([n()],c.prototype,"endDate",void 0),t([n()],c.prototype,"isSelectingStart",void 0),t([n()],c.prototype,"hideInput",void 0),t([n()],c.prototype,"value",void 0),t([n()],c.prototype,"currentMonth",void 0),t([n()],c.prototype,"currentYear",void 0),t([n()],c.prototype,"allowedDatesLocal",void 0),t([s({type:Boolean,attribute:!0,reflect:!0})],c.prototype,"disabled",void 0),t([h("allowedDates")],c.prototype,"checkValidAllowedDate",null),_export("N",c=t([a("nile-calendar")],c));}};});
 //# sourceMappingURL=nile-calendar.cjs.js.map