@aquera/nile-elements 1.6.7 → 1.6.9

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

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var a,_templateObject,n;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){a=_lit.css;}],execute:function execute(){_export("s",n=a(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: inline-block;\n  }\n  \n  .base {\n    background-color: var(\n      --nile-colors-white-base,\n      var(--ng-colors-bg-primary)\n    );\n    border-radius: var(--nile-radius-radius-sm, var(--ng-radius-2xl));\n    width: var(--nile-width-288px, var(--ng-width-312));\n    border: 1px solid\n      var(--nile-colors-neutral-400, var(--ng-colors-border-secondary-alt));\n    box-shadow: var(\n      --nile-box-shadow-15,\n      0px 20px 24px -4px var(--ng-colors-effects-shadow-xl-01)\n    ); // Need to fix the token for this\n    border: var(\n      --nile-spacing-spacing-none,\n      1px solid var(--ng-colors-border-secondary-alt)\n    );\n    -webkit-font-smoothing: var(\n      --nile-webkit-font-smoothing,\n      var(--ng-webkit-font-smoothing)\n    );\n    -moz-osx-font-smoothing: var(\n      --nile-moz-osx-font-smoothing,\n      var(--ng-moz-osx-font-smoothing)\n    );\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .calendar-container {\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    width: 100%;\n    height: auto;\n    text-align: center;\n    background: white;\n    border-radius: var(--nile-radius-radius-xl, var(--ng-radius-2xl));\n  }\n\n  .calendar-wrapper {\n    background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    display: flex;\n    justify-content: space-between;\n    width: 100%;\n    border-radius: var(--nile-radius-radius-xl, var(--ng-radius-2xl));\n  }\n\n  .calendar-header {\n    display: flex;\n    justify-content: space-between;\n    padding: var(--nile-spacing-22px, var(--ng-spacing-2xl))\n      var(--nile-spacing-2xl, var(--ng-spacing-2xl));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-weight: var(\n      --nile-font-weight-semi-bold,\n      var(--ng-font-weight-semibold)\n    );\n    line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n  }\n\n  .calendar-header__month-navigation {\n    cursor: pointer;\n  }\n\n  /* Date CSS_START */\n\n  .days_container {\n    display: grid;\n    padding: var(--nile-spacing-none, var(--ng-spacing-none))\n      var(--nile-spacing-lg, var(--ng-spacing-lg))\n      var(--nile-spacing-lg, var(--ng-spacing-lg))\n      var(--nile-spacing-lg, var(--ng-spacing-lg));\n    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;\n    grid-row-gap: var(--nile-spacing-xs, var(--ng-spacing-xs));\n  }\n\n  .day_date,\n  .day_name {\n    font-family: var(\n      --nile-font-family-serif-colfax-medium,\n      var(--ng-font-family-body)\n    );\n    font-style: normal;\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));\n    line-height: var(--nile-line-height-20px, var(--ng-line-height-text-sm));\n    text-align: center;\n    width: 100%;\n    height: var(--nile-width-32px, var(--ng-width-10));\n    display: grid;\n    place-items: center;\n  }\n\n  .day_name {\n    font-weight: var(\n      --nile-font-weight-semi-bold,\n      var(--ng-font-weight-semibold)\n    );\n    font-family: var(\n      --nile-font-family-serif-colfax-medium,\n      var(--ng-font-family-body)\n    );\n  }\n\n  .day_date {\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    user-select: none;\n    cursor: pointer;\n  }\n\n  .current__date__dot {\n    background-color: var(\n      --nile-colors-primary-600,\n      var(--ng-colors-text-white)\n    );\n    position: absolute;\n    border-radius: 50%;\n    height: 5px;\n    width: 5px;\n    left: 25%;\n    top: 90%;\n  }\n\n  .day_date:not(.range-start, .selected-date, .range-end) .current__date__dot {\n    background-color: var(\n      --nile-colors-primary-600,\n      var(--ng-colors-bg-brand-solid)\n    );\n  }\n\n  .day_date:hover {\n    background-color: var(\n      --nile-colors-neutral-100,\n      var(--ng-colors-bg-secondary-hover)\n    );\n  }\n\n  .filler {\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-disabled));\n    pointer-events: none;\n  }\n\n  .selected-date {\n    color: white;\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n    background: var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid));\n  }\n\n  .selected-date:hover {\n    background: var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid));\n  }\n\n  .selected-date,\n  .range-start,\n  .range-end {\n    cursor: pointer;\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n    background: var(--nile-colors-blue-400, var(--ng-colors-bg-brand-solid));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-white));\n    font-weight: var(\n      --nile-font-weight-semi-bold,\n      var(--ng-font-weight-regular)\n    );\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n  }\n\n  .selected-date:hover,\n  .range-start:hover,\n  .range-end:hover,\n  .day_date.in-range:hover {\n    background: var(\n      --nile-colors-blue-500,\n      var(--ng-colors-bg-brand-solid-hover)\n    );\n  }\n\n  .range-start.in-range {\n    background: var(--nile-colors-blue-400, var(--ng-colors-bg-brand-solid));\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs))\n      var(--nile-radius-radius-none, var(--ng-radius-none))\n      var(--nile-radius-radius-none, var(--ng-radius-none))\n      var(--nile-radius-radius-xs, var(--ng-radius-xs));\n    color: var(--nile-colors-dark-900, var(--ng-colors-bg-primary));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-weight: var(\n      --nile-font-weight-semi-bold,\n      var(--ng-font-weight-regular)\n    );\n  }\n\n  .range-end {\n    cursor: pointer;\n    background: var(--nile-colors-blue-400, var(--ng-colors-bg-brand-solid));\n    border-radius: var(--nile-radius-radius-none, var(--ng-radius-none))\n      var(--nile-radius-radius-xs, var(--ng-radius-xs))\n      var(--nile-radius-radius-xs, var(--ng-radius-xs))\n      var(--nile-radius-radius-none, var(--ng-radius-none));\n    color: var(--nile-colors-dark-900, var(--ng-colors-bg-primary));\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));\n    letter-spacing: 0.2px;\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-weight: var(\n      --nile-font-weight-semi-bold,\n      var(--ng-font-weight-regular)\n    );\n  }\n\n  .range-middle {\n    background: var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid));\n    color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-radius: var(--nile-radius-radius-none, var(--ng-radius-none));\n  }\n\n  .day_date.selected {\n    background: var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid));\n    color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n  }\n\n  .day_date.in-range:not(.range-start, .range-end, .selected-date) {\n    background: var(--nile-colors-neutral-100, var(--ng-colors-bg-active));\n  }\n\n  .selected-date {\n    color: var(--nile-colors-dark-900, var(--ng-colors-bg-primary));\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n    background: var(--nile-colors-blue-400, var(--ng-colors-bg-brand-solid));\n  }\n\n  .not-allowed {\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-disabled));\n    pointer-events: none;\n  }\n\n  /* Date CSS_END */\n\n  .calender-input {\n    box-sizing: border-box;\n    padding: var(--nile-spacing-none, var(--ng-spacing-none))\n      var(--nile-spacing-xl, var(--ng-spacing-xl));\n    width: 100%;\n    justify-content: space-between;\n    display: flex;\n    gap: var(--nile-spacing-md, var(--ng-spacing-md));\n    flex-wrap: wrap;\n  }\n\n  .from {\n    display: flex;\n    justify-content: space-between;\n    gap: var(--nile-spacing-md, var(--ng-spacing-md));\n    width: auto;\n    align-items: flex-end;\n    gap: var(--nile-spacing-md, var(--ng-spacing-md));\n    flex-wrap: nowrap;\n    width: 100%;\n  }\n\n  .manual-input-label {\n    color: var(--nile-colors-dark-500);\n    font-family: Colfax-regular;\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n    line-height: 12px;\n    letter-spacing: 0.2px;\n  }\n\n  .button-container {\n    width: 100%;\n    display: flex;\n    justify-content: end;\n    gap: var(--nile-spacing-xl, var(--ng-spacing-lg));\n    padding: var(--nile-spacing-xl, var(--ng-spacing-lg))\n      var(--nile-spacing-spacing-xl, var(--ng-spacing-xl))\n      var(--nile-spacing-spacing-xl, var(--ng-spacing-xl))\n      var(--nile-spacing-spacing-xl, var(--ng-spacing-xl));\n    box-sizing: border-box;\n  }\n\n  .calendar-config {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n  nile-tab::part(base) {\n    padding-bottom: 12px;\n    justify-content: center;\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n    font-family: var(\n      --nile-font-family-serif-colfax-medium,\n      var(--ng-font-family-body)\n    );\n    font-weight: var(\n      --nile-font-weight-semi-bold,\n      var(--ng-font-weight-semibold)\n    );\n  }\n\n  .calendar-switcher {\n    width: 100%;\n    margin-top: var(--nile-spacing-xl, var(--ng-spacing-xl));\n  }\n\n  .units-wrapper {\n    width: min-content;\n    margin: auto;\n  }\n\n  .unit-container {\n    display: flex;\n    flex-direction: column;\n    gap: var(--nile-spacing-xl, var(--ng-spacing-xl));\n  }\n  :host([disabled]) .unit-container {\n    user-select: none;\n    -webkit-user-select: none;\n    pointer-events: none;\n  }\n\n  .unit-group {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .duration-name {\n    display: flex;\n    align-items: center;\n    font-family: var(\n      --nile-font-family-serif-colfax-medium,\n      var(--ng-font-family-body)\n    );\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-style: normal;\n    font-weight: var(\n      --nile-font-weight-semi-bold,\n      var(--ng-font-weight-semibold)\n    );\n    line-height: var(--nile-line-height-small, var(--ng-line-height-text-sm));\n  }\n\n  .duration-units {\n    display: flex;\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    line-height: var(--nile-line-height-small, var(--ng-line-height-text-sm));\n    gap: 6px;\n  }\n\n  .duration__value {\n    display: grid;\n    place-items: center;\n    width: var(--nile-width-32px, var(--ng-width-10));\n    height: var(--nile-width-32px, var(--ng-width-10));\n    cursor: pointer;\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-md));\n    border: 1px solid\n      var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n  }\n\n  .duration__value:hover {\n    background: var(--nile-colors-neutral-400, var(--ng-colors-bg-quaternary));\n  }\n\n  .duration__value--selected {\n    background-color: var(\n      --nile-colors-blue-400,\n      var(--ng-colors-bg-brand-solid)\n    );\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-white));\n    font-weight: var(\n      --nile-font-weight-semi-bold,\n      var(--ng-font-weight-semi-bold)\n    );\n    border: 1px solid transparent;\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n  }\n\n  .duration__value--selected:hover {\n    background: var(\n      --nile-colors-blue-500,\n      var(--ng-colors-bg-brand-solid-hover)\n    );\n    font-weight: var(\n      --nile-font-weight-semi-bold,\n      var(--ng-font-weight-semi-bold)\n    );\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n  }\n\n  nile-input::part(input)::-webkit-inner-spin-button,\n  nile-input::part(input)::-webkit-outer-spin-button {\n    -webkit-appearance: none;\n  }\n\n  .hidden {\n    display: none !important;\n  }\n\n  .unit-input-container {\n    display: flex;\n    line-height: 0;\n    justify-content: space-between;\n    gap: var(--nile-spacing-md, var(--ng-spacing-md));\n    padding: var(--nile-spacing-none, var(--ng-spacing-none))\n      var(--nile-spacing-xl, var(--ng-spacing-xl))\n      var(--nile-spacing-none, var(--ng-spacing-xl))\n      var(--nile-spacing-xl, var(--ng-spacing-xl));\n  }\n\n  .duration-input,\n  .time-input,\n  .manual-input {\n    width: 125px;\n  }\n\n  /* New Styles */\n\n  nile-dropdown[open] > span[slot='trigger'] .calendar-header__caret {\n    transform: rotate(180deg);\n  }\n\n  .calendar-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n    font-feature-settings: 'liga' off, 'clig' off;\n  }\n\n  .calendar-header__center {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-family: var(\n      --nile-font-family-serif-colfax-medium,\n      var(--ng-font-family-body)\n    );\n  }\n\n  .calendar-header__trigger {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 1;\n    background: transparent;\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n    font-family: var(--nile-font-family-medium, var(--ng-font-family-body));\n  }\n\n  .calendar-header__caret {\n    width: 16px;\n    height: 16px;\n    transition: transform 0.2s ease;\n    transform-origin: center;\n  }\n\n  .calendar-menu {\n    max-height: 194px;\n    overflow-y: auto;\n    width: 100px;\n  }\n\n  .month-scroll-wrapper {\n    max-height: 196px;\n    overflow-y: auto;\n    width: 100px;\n    overflow-x: hidden;\n  }\n\n  .month-dropdown nile-menu {\n    overflow-y: auto;\n    padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-none);\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n\n  .year-scroll-wrapper {\n    max-height: 196px;\n    overflow-y: auto;\n    width: 65px;\n    overflow-x: hidden;\n  }\n\n  .year-dropdown nile-menu {\n    overflow-y: auto;\n    padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-none);\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n\n  .month-dropdown nile-menu-item::part(base) {\n    padding: 0px 12px;\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n  }\n  .year-dropdown nile-menu-item::part(base) {\n    padding: 0px 12px;\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n  }\n  nile-menu-item[selected] {\n    background: var(--nile-colors-primary-100);\n  }\n\n  nile-menu-item[selected]::part(base):hover {\n    background: var(--nile-colors-primary-100);\n    border-radius: 0px;\n  }\n\n  nile-icon[disabled] {\n    opacity: 0.4;\n    pointer-events: none;\n  }\n\n  .units-wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--nile-spacing-xl, var(--ng-spacing-xl));\n    padding: var(--nile-spacing-xl, var(--ng-spacing-xl));\n    width: auto;\n  }\n\n  .calendar-input {\n    display: flex;\n    flex-direction: column;\n    gap: var(--nile-spacing-md, var(--ng-spacing-md));\n    padding: var(--nile-spacing-lg, var(--ng-spacing-xl)) var(--nile-spacing-xl, var(--ng-spacing-3xl))\n      var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-xl, var(--ng-spacing-3xl));\n    box-sizing: border-box;\n  }\n\n  .manual-input {\n    flex: 1;\n    min-width: 120px;\n  }\n\n  .date-input nile-input::part(base),\n  .time-input nile-input::part(base) {\n    width: 100%;\n  }\n\n  .manual-input-label {\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n  }\n\n  .day_date.in-range:hover:not(.range-start):not(.range-end) {\n    background-color: var(\n      --nile-colors-neutral-400,\n      var(--ng-colors-bg-quaternary)\n    );\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n  }\n\n  nile-input.date-input::part(base),\n  .from-date {\n    width: var(--nile-width-150px, var(--ng-width-164));\n  }\n\n  nile-input.time-input::part(base),\n  .from-time {\n    width: var(--nile-width-99px, var(--ng-width-108));\n  }\n\n  .month-dropdown, .year-dropdown {\n    cursor: pointer;\n  }\n\n\n\n:host([disabled]) .calendar-header__month-navigation,\n:host([disabled]) .calendar-header__trigger,\n:host([disabled]) .day_date {\n  cursor: not-allowed;\n  color: var(--nile-colors-dark-500, var(--ng-colors-fg-disabled));\n}\n\n\n\n:host([disabled]) .base {\n  background-color:  var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));\n  cursor: not-allowed;\n  color: var(--nile-colors-dark-500, var(--ng-colors-fg-disabled));\n}\n\n:host([disabled]) .calendar-container {\n  background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));\n  user-select: none;\n  -webkit-user-select: none;\n}\n\n:host([disabled]) .day_name {\n  color: var(--nile-colors-dark-500, var(--ng-colors-fg-disabled));\n}\n\n:host([disabled]) nile-input::part(form-control-label) {\n  color: var(--nile-colors-dark-500, var(--ng-colors-fg-disabled));\n}\n:host([disabled]) nile-select::part(form-control-label) {\n  color: var(--nile-colors-dark-500, var(--ng-colors-fg-disabled));\n}\n\n\n\n:host([disabled]) .calendar-switcher {\n  pointer-events: none;\n  opacity:var(--nile-opacity-50, var(--ng-opacity-50));\n}\n\n\n:host([disabled]) .day_date{\n  pointer-events:none;\n}\n:host([disabled]) .day_date:not(.range-start, .selected-date, .range-end) .current__date__dot {\n  background-color: var(--nile-colors-dark-500, var(--ng-colors-fg-disabled));\n}\n\n:host([disabled]) .duration_unit{\n background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));\n}\n:host([disabled]) .duration__value {\n  cursor: not-allowed;\n  background: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));\n  color: var(--nile-colors-dark-500, var(--ng-colors-fg-disabled));\n  border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-disabled));\n}\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var a,_templateObject,n;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){a=_lit.css;}],execute:function execute(){_export("s",n=a(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: inline-block;\n  }\n  \n  .base {\n    background-color: var(\n      --nile-colors-white-base,\n      var(--ng-colors-bg-primary)\n    );\n    border-radius: var(--nile-radius-radius-sm, var(--ng-radius-2xl));\n    width: var(--nile-width-288px, var(--ng-width-312));\n    border: 1px solid\n      var(--nile-colors-neutral-400, var(--ng-colors-border-secondary-alt));\n    box-shadow: var(\n      --nile-box-shadow-15,\n      0px 20px 24px -4px var(--ng-colors-effects-shadow-xl-01)\n    ); // Need to fix the token for this\n    border: var(\n      --nile-spacing-spacing-none,\n      1px solid var(--ng-colors-border-secondary-alt)\n    );\n    -webkit-font-smoothing: var(\n      --nile-webkit-font-smoothing,\n      var(--ng-webkit-font-smoothing)\n    );\n    -moz-osx-font-smoothing: var(\n      --nile-moz-osx-font-smoothing,\n      var(--ng-moz-osx-font-smoothing)\n    );\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .calendar-container {\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    width: 100%;\n    height: auto;\n    text-align: center;\n    background: white;\n    border-radius: var(--nile-radius-radius-xl, var(--ng-radius-2xl));\n  }\n\n  .calendar-wrapper {\n    background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    display: flex;\n    justify-content: space-between;\n    width: 100%;\n    border-radius: var(--nile-radius-radius-xl, var(--ng-radius-2xl));\n  }\n\n  .calendar-header {\n    display: flex;\n    justify-content: space-between;\n    padding: var(--nile-spacing-22px, var(--ng-spacing-2xl))\n      var(--nile-spacing-2xl, var(--ng-spacing-2xl));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-weight: var(\n      --nile-font-weight-semi-bold,\n      var(--ng-font-weight-semibold)\n    );\n    line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n  }\n\n  .calendar-header__month-navigation {\n    cursor: pointer;\n  }\n\n  /* Date CSS_START */\n\n  .days_container {\n    display: grid;\n    padding: var(--nile-spacing-none, var(--ng-spacing-none))\n      var(--nile-spacing-lg, var(--ng-spacing-lg))\n      var(--nile-spacing-lg, var(--ng-spacing-lg))\n      var(--nile-spacing-lg, var(--ng-spacing-lg));\n    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;\n    grid-row-gap: var(--nile-spacing-xs, var(--ng-spacing-xs));\n  }\n\n  .day_date,\n  .day_name {\n    font-family: var(\n      --nile-font-family-serif-colfax-medium,\n      var(--ng-font-family-body)\n    );\n    font-style: normal;\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));\n    line-height: var(--nile-line-height-20px, var(--ng-line-height-text-sm));\n    text-align: center;\n    width: 100%;\n    height: var(--nile-width-32px, var(--ng-width-10));\n    display: grid;\n    place-items: center;\n  }\n\n  .day_name {\n    font-weight: var(\n      --nile-font-weight-semi-bold,\n      var(--ng-font-weight-semibold)\n    );\n    font-family: var(\n      --nile-font-family-serif-colfax-medium,\n      var(--ng-font-family-body)\n    );\n  }\n\n  .day_date {\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    user-select: none;\n    cursor: pointer;\n  }\n\n  .current__date__dot {\n    background-color: var(\n      --nile-colors-primary-600,\n      var(--ng-colors-text-white)\n    );\n    position: absolute;\n    border-radius: 50%;\n    height: 5px;\n    width: 5px;\n    left: 25%;\n    top: 90%;\n  }\n\n  .day_date:not(.range-start, .selected-date, .range-end) .current__date__dot {\n    background-color: var(\n      --nile-colors-primary-600,\n      var(--ng-colors-bg-brand-solid)\n    );\n  }\n\n  .day_date:hover {\n    background-color: var(\n      --nile-colors-neutral-100,\n      var(--ng-colors-bg-secondary-hover)\n    );\n  }\n\n  .filler {\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-disabled));\n    pointer-events: none;\n  }\n\n  .selected-date {\n    color: white;\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n    background: var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid));\n  }\n\n  .selected-date:hover {\n    background: var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid));\n  }\n\n  .selected-date,\n  .range-start,\n  .range-end {\n    cursor: pointer;\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n    background: var(--nile-colors-blue-400, var(--ng-colors-bg-brand-solid));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-white));\n    font-weight: var(\n      --nile-font-weight-semi-bold,\n      var(--ng-font-weight-regular)\n    );\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n  }\n\n  .selected-date:hover,\n  .range-start:hover,\n  .range-end:hover,\n  .day_date.in-range:hover {\n    background: var(\n      --nile-colors-blue-500,\n      var(--ng-colors-bg-brand-solid-hover)\n    );\n  }\n\n  .range-start.in-range {\n    background: var(--nile-colors-blue-400, var(--ng-colors-bg-brand-solid));\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs))\n      var(--nile-radius-radius-none, var(--ng-radius-none))\n      var(--nile-radius-radius-none, var(--ng-radius-none))\n      var(--nile-radius-radius-xs, var(--ng-radius-xs));\n    color: var(--nile-colors-dark-900, var(--ng-colors-bg-primary));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-weight: var(\n      --nile-font-weight-semi-bold,\n      var(--ng-font-weight-regular)\n    );\n  }\n\n  .range-end {\n    cursor: pointer;\n    background: var(--nile-colors-blue-400, var(--ng-colors-bg-brand-solid));\n    border-radius: var(--nile-radius-radius-none, var(--ng-radius-none))\n      var(--nile-radius-radius-xs, var(--ng-radius-xs))\n      var(--nile-radius-radius-xs, var(--ng-radius-xs))\n      var(--nile-radius-radius-none, var(--ng-radius-none));\n    color: var(--nile-colors-dark-900, var(--ng-colors-bg-primary));\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));\n    letter-spacing: 0.2px;\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-weight: var(\n      --nile-font-weight-semi-bold,\n      var(--ng-font-weight-regular)\n    );\n  }\n\n  .range-middle {\n    background: var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid));\n    color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-radius: var(--nile-radius-radius-none, var(--ng-radius-none));\n  }\n\n  .day_date.selected {\n    background: var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid));\n    color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n  }\n\n  .day_date.in-range:not(.range-start, .range-end, .selected-date) {\n    background: var(--nile-colors-neutral-100, var(--ng-colors-bg-active));\n  }\n\n  .selected-date {\n    color: var(--nile-colors-dark-900, var(--ng-colors-bg-primary));\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n    background: var(--nile-colors-blue-400, var(--ng-colors-bg-brand-solid));\n  }\n\n  .not-allowed {\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-disabled));\n    pointer-events: none;\n  }\n\n  /* Date CSS_END */\n\n  .calender-input {\n    box-sizing: border-box;\n    padding: var(--nile-spacing-none, var(--ng-spacing-none))\n      var(--nile-spacing-xl, var(--ng-spacing-xl));\n    width: 100%;\n    justify-content: space-between;\n    display: flex;\n    gap: var(--nile-spacing-md, var(--ng-spacing-md));\n    flex-wrap: wrap;\n  }\n\n  .from {\n    display: flex;\n    justify-content: space-between;\n    gap: var(--nile-spacing-md, var(--ng-spacing-md));\n    width: auto;\n    align-items: flex-end;\n    gap: var(--nile-spacing-md, var(--ng-spacing-md));\n    flex-wrap: nowrap;\n    width: 100%;\n  }\n\n  .manual-input-label {\n    color: var(--nile-colors-dark-500);\n    font-family: Colfax-regular;\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n    line-height: 12px;\n    letter-spacing: 0.2px;\n  }\n\n  .button-container {\n    width: 100%;\n    display: flex;\n    justify-content: end;\n    gap: var(--nile-spacing-xl, var(--ng-spacing-lg));\n    padding: var(--nile-spacing-xl, var(--ng-spacing-lg))\n      var(--nile-spacing-spacing-xl, var(--ng-spacing-xl))\n      var(--nile-spacing-spacing-xl, var(--ng-spacing-xl))\n      var(--nile-spacing-spacing-xl, var(--ng-spacing-xl));\n    box-sizing: border-box;\n  }\n\n  .calendar-config {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n  nile-tab::part(base) {\n    padding-bottom: 12px;\n    justify-content: center;\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n    font-family: var(\n      --nile-font-family-serif-colfax-medium,\n      var(--ng-font-family-body)\n    );\n    font-weight: var(\n      --nile-font-weight-semi-bold,\n      var(--ng-font-weight-semibold)\n    );\n  }\n\n  .calendar-switcher {\n    width: 100%;\n    margin-top: var(--nile-spacing-xl, var(--ng-spacing-xl));\n  }\n\n  .units-wrapper {\n    width: min-content;\n    margin: auto;\n  }\n\n  .unit-container {\n    display: flex;\n    flex-direction: column;\n    gap: var(--nile-spacing-xl, var(--ng-spacing-xl));\n  }\n  :host([disabled]) .unit-container {\n    user-select: none;\n    -webkit-user-select: none;\n    pointer-events: none;\n  }\n\n  .unit-group {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .duration-name {\n    display: flex;\n    align-items: center;\n    font-family: var(\n      --nile-font-family-serif-colfax-medium,\n      var(--ng-font-family-body)\n    );\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-style: normal;\n    font-weight: var(\n      --nile-font-weight-semi-bold,\n      var(--ng-font-weight-semibold)\n    );\n    line-height: var(--nile-line-height-small, var(--ng-line-height-text-sm));\n  }\n\n  .duration-units {\n    display: flex;\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    line-height: var(--nile-line-height-small, var(--ng-line-height-text-sm));\n    gap: 6px;\n  }\n\n  .duration__value {\n    display: grid;\n    place-items: center;\n    width: var(--nile-width-32px, var(--ng-width-10));\n    height: var(--nile-width-32px, var(--ng-width-10));\n    cursor: pointer;\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-md));\n    border: 1px solid\n      var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n  }\n\n  .duration__value:hover {\n    background: var(--nile-colors-neutral-400, var(--ng-colors-bg-quaternary));\n  }\n\n  .duration__value--selected {\n    background-color: var(\n      --nile-colors-blue-400,\n      var(--ng-colors-bg-brand-solid)\n    );\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-white));\n    font-weight: var(\n      --nile-font-weight-semi-bold,\n      var(--ng-font-weight-semi-bold)\n    );\n    border: 1px solid transparent;\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n  }\n\n  .duration__value--selected:hover {\n    background: var(\n      --nile-colors-blue-500,\n      var(--ng-colors-bg-brand-solid-hover)\n    );\n    font-weight: var(\n      --nile-font-weight-semi-bold,\n      var(--ng-font-weight-semi-bold)\n    );\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n  }\n\n  nile-input::part(input)::-webkit-inner-spin-button,\n  nile-input::part(input)::-webkit-outer-spin-button {\n    -webkit-appearance: none;\n  }\n\n  .hidden {\n    display: none !important;\n  }\n\n  .unit-input-container {\n    display: flex;\n    line-height: 0;\n    justify-content: space-between;\n    gap: var(--nile-spacing-md, var(--ng-spacing-md));\n    padding: var(--nile-spacing-none, var(--ng-spacing-none))\n      var(--nile-spacing-xl, var(--ng-spacing-xl))\n      var(--nile-spacing-none, var(--ng-spacing-xl))\n      var(--nile-spacing-xl, var(--ng-spacing-xl));\n  }\n\n  .duration-input,\n  .time-input,\n  .manual-input {\n    width: 125px;\n  }\n\n  /* New Styles */\n\n  nile-dropdown[open] > span[slot='trigger'] .calendar-header__caret {\n    transform: rotate(180deg);\n  }\n\n  .calendar-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n    font-feature-settings: 'liga' off, 'clig' off;\n  }\n\n  .calendar-header__center {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-family: var(\n      --nile-font-family-serif-colfax-medium,\n      var(--ng-font-family-body)\n    );\n  }\n\n  .calendar-header__trigger {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 1;\n    background: transparent;\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n    font-family: var(--nile-font-family-medium, var(--ng-font-family-body));\n  }\n\n  .calendar-header__caret {\n    width: 16px;\n    height: 16px;\n    transition: transform 0.2s ease;\n    transform-origin: center;\n  }\n\n  .calendar-menu {\n    max-height: 194px;\n    overflow-y: auto;\n    width: 100px;\n  }\n\n  .month-scroll-wrapper {\n    max-height: 196px;\n    overflow-y: auto;\n    width: 100px;\n    overflow-x: hidden;\n  }\n\n  .month-dropdown nile-menu {\n    overflow-y: auto;\n    padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-none);\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n\n  .year-scroll-wrapper {\n    max-height: 196px;\n    overflow-y: auto;\n    width: 65px;\n    overflow-x: hidden;\n  }\n\n  .year-dropdown nile-menu {\n    overflow-y: auto;\n    padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-none);\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n\n  .month-dropdown nile-menu-item::part(base) {\n    padding: 0px 12px;\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n  }\n  .year-dropdown nile-menu-item::part(base) {\n    padding: 0px 12px;\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n  }\n  nile-menu-item[selected] {\n    background: var(--nile-colors-primary-100);\n  }\n\n  nile-menu-item[selected]::part(base):hover {\n    background: var(--nile-colors-primary-100);\n    border-radius: 0px;\n  }\n\n  nile-icon[disabled] {\n    opacity: 0.4;\n    pointer-events: none;\n  }\n\n  .units-wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--nile-spacing-xl, var(--ng-spacing-xl));\n    padding: var(--nile-spacing-xl, var(--ng-spacing-xl));\n    width: auto;\n  }\n\n  .calendar-input {\n    display: flex;\n    flex-direction: column;\n    gap: var(--nile-spacing-md, var(--ng-spacing-md));\n    padding: var(--nile-spacing-lg, var(--ng-spacing-xl)) var(--nile-spacing-xl, var(--ng-spacing-3xl))\n      var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-xl, var(--ng-spacing-3xl));\n    box-sizing: border-box;\n  }\n\n  .manual-input {\n    flex: 1;\n    min-width: 120px;\n  }\n\n  .date-input nile-input::part(base),\n  .time-input nile-input::part(base) {\n    width: 100%;\n  }\n\n  .manual-input-label {\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n  }\n\n  .day_date.in-range:hover:not(.range-start):not(.range-end) {\n    background-color: var(\n      --nile-colors-neutral-400,\n      var(--ng-colors-bg-quaternary)\n    );\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n  }\n\n  nile-input.date-input::part(base),\n  .from-date {\n    width: var(--nile-width-150px, var(--ng-width-164));\n  }\n\n  nile-input.time-input::part(base),\n  .from-time {\n    width: var(--nile-width-99px, var(--ng-width-108));\n  }\n\n  .month-dropdown, .year-dropdown {\n    cursor: pointer;\n  }\n\n\n\n:host([disabled]) .calendar-header__month-navigation,\n:host([disabled]) .calendar-header__trigger,\n:host([disabled]) .day_date {\n  cursor: not-allowed;\n  color: var(--nile-colors-dark-500, var(--ng-colors-fg-disabled));\n}\n\n\n\n:host([disabled]) .base {\n  background-color:  var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));\n  cursor: not-allowed;\n  color: var(--nile-colors-dark-500, var(--ng-colors-fg-disabled));\n}\n\n:host([disabled]) .calendar-container {\n  background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));\n  user-select: none;\n  -webkit-user-select: none;\n}\n\n:host([disabled]) .day_name {\n  color: var(--nile-colors-dark-500, var(--ng-colors-fg-disabled));\n}\n\n:host([disabled]) nile-input::part(form-control-label) {\n  color: var(--nile-colors-dark-500, var(--ng-colors-fg-disabled));\n}\n:host([disabled]) nile-select::part(form-control-label) {\n  color: var(--nile-colors-dark-500, var(--ng-colors-fg-disabled));\n}\n\n\n\n:host([disabled]) .calendar-switcher {\n  pointer-events: none;\n  opacity:var(--nile-opacity-50, var(--ng-opacity-50));\n}\n\n\n:host([disabled]) .day_date{\n  pointer-events:none;\n}\n:host([disabled]) .day_date:not(.range-start, .selected-date, .range-end) .current__date__dot {\n  background-color: var(--nile-colors-dark-500, var(--ng-colors-fg-disabled));\n}\n\n:host([disabled]) .duration_unit{\n background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));\n}\n:host([disabled]) .duration__value {\n  cursor: not-allowed;\n}\n"]))));}};});
 //# sourceMappingURL=nile-calendar.css.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-calendar.css.cjs.js","sources":["../../../src/nile-calendar/nile-calendar.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 * DatePicker CSS\n */\nexport const styles = css`\n  :host {\n    display: inline-block;\n  }\n  \n  .base {\n    background-color: var(\n      --nile-colors-white-base,\n      var(--ng-colors-bg-primary)\n    );\n    border-radius: var(--nile-radius-radius-sm, var(--ng-radius-2xl));\n    width: var(--nile-width-288px, var(--ng-width-312));\n    border: 1px solid\n      var(--nile-colors-neutral-400, var(--ng-colors-border-secondary-alt));\n    box-shadow: var(\n      --nile-box-shadow-15,\n      0px 20px 24px -4px var(--ng-colors-effects-shadow-xl-01)\n    ); // Need to fix the token for this\n    border: var(\n      --nile-spacing-spacing-none,\n      1px solid var(--ng-colors-border-secondary-alt)\n    );\n    -webkit-font-smoothing: var(\n      --nile-webkit-font-smoothing,\n      var(--ng-webkit-font-smoothing)\n    );\n    -moz-osx-font-smoothing: var(\n      --nile-moz-osx-font-smoothing,\n      var(--ng-moz-osx-font-smoothing)\n    );\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .calendar-container {\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    width: 100%;\n    height: auto;\n    text-align: center;\n    background: white;\n    border-radius: var(--nile-radius-radius-xl, var(--ng-radius-2xl));\n  }\n\n  .calendar-wrapper {\n    background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    display: flex;\n    justify-content: space-between;\n    width: 100%;\n    border-radius: var(--nile-radius-radius-xl, var(--ng-radius-2xl));\n  }\n\n  .calendar-header {\n    display: flex;\n    justify-content: space-between;\n    padding: var(--nile-spacing-22px, var(--ng-spacing-2xl))\n      var(--nile-spacing-2xl, var(--ng-spacing-2xl));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-weight: var(\n      --nile-font-weight-semi-bold,\n      var(--ng-font-weight-semibold)\n    );\n    line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n  }\n\n  .calendar-header__month-navigation {\n    cursor: pointer;\n  }\n\n  /* Date CSS_START */\n\n  .days_container {\n    display: grid;\n    padding: var(--nile-spacing-none, var(--ng-spacing-none))\n      var(--nile-spacing-lg, var(--ng-spacing-lg))\n      var(--nile-spacing-lg, var(--ng-spacing-lg))\n      var(--nile-spacing-lg, var(--ng-spacing-lg));\n    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;\n    grid-row-gap: var(--nile-spacing-xs, var(--ng-spacing-xs));\n  }\n\n  .day_date,\n  .day_name {\n    font-family: var(\n      --nile-font-family-serif-colfax-medium,\n      var(--ng-font-family-body)\n    );\n    font-style: normal;\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));\n    line-height: var(--nile-line-height-20px, var(--ng-line-height-text-sm));\n    text-align: center;\n    width: 100%;\n    height: var(--nile-width-32px, var(--ng-width-10));\n    display: grid;\n    place-items: center;\n  }\n\n  .day_name {\n    font-weight: var(\n      --nile-font-weight-semi-bold,\n      var(--ng-font-weight-semibold)\n    );\n    font-family: var(\n      --nile-font-family-serif-colfax-medium,\n      var(--ng-font-family-body)\n    );\n  }\n\n  .day_date {\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    user-select: none;\n    cursor: pointer;\n  }\n\n  .current__date__dot {\n    background-color: var(\n      --nile-colors-primary-600,\n      var(--ng-colors-text-white)\n    );\n    position: absolute;\n    border-radius: 50%;\n    height: 5px;\n    width: 5px;\n    left: 25%;\n    top: 90%;\n  }\n\n  .day_date:not(.range-start, .selected-date, .range-end) .current__date__dot {\n    background-color: var(\n      --nile-colors-primary-600,\n      var(--ng-colors-bg-brand-solid)\n    );\n  }\n\n  .day_date:hover {\n    background-color: var(\n      --nile-colors-neutral-100,\n      var(--ng-colors-bg-secondary-hover)\n    );\n  }\n\n  .filler {\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-disabled));\n    pointer-events: none;\n  }\n\n  .selected-date {\n    color: white;\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n    background: var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid));\n  }\n\n  .selected-date:hover {\n    background: var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid));\n  }\n\n  .selected-date,\n  .range-start,\n  .range-end {\n    cursor: pointer;\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n    background: var(--nile-colors-blue-400, var(--ng-colors-bg-brand-solid));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-white));\n    font-weight: var(\n      --nile-font-weight-semi-bold,\n      var(--ng-font-weight-regular)\n    );\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n  }\n\n  .selected-date:hover,\n  .range-start:hover,\n  .range-end:hover,\n  .day_date.in-range:hover {\n    background: var(\n      --nile-colors-blue-500,\n      var(--ng-colors-bg-brand-solid-hover)\n    );\n  }\n\n  .range-start.in-range {\n    background: var(--nile-colors-blue-400, var(--ng-colors-bg-brand-solid));\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs))\n      var(--nile-radius-radius-none, var(--ng-radius-none))\n      var(--nile-radius-radius-none, var(--ng-radius-none))\n      var(--nile-radius-radius-xs, var(--ng-radius-xs));\n    color: var(--nile-colors-dark-900, var(--ng-colors-bg-primary));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-weight: var(\n      --nile-font-weight-semi-bold,\n      var(--ng-font-weight-regular)\n    );\n  }\n\n  .range-end {\n    cursor: pointer;\n    background: var(--nile-colors-blue-400, var(--ng-colors-bg-brand-solid));\n    border-radius: var(--nile-radius-radius-none, var(--ng-radius-none))\n      var(--nile-radius-radius-xs, var(--ng-radius-xs))\n      var(--nile-radius-radius-xs, var(--ng-radius-xs))\n      var(--nile-radius-radius-none, var(--ng-radius-none));\n    color: var(--nile-colors-dark-900, var(--ng-colors-bg-primary));\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));\n    letter-spacing: 0.2px;\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-weight: var(\n      --nile-font-weight-semi-bold,\n      var(--ng-font-weight-regular)\n    );\n  }\n\n  .range-middle {\n    background: var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid));\n    color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-radius: var(--nile-radius-radius-none, var(--ng-radius-none));\n  }\n\n  .day_date.selected {\n    background: var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid));\n    color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n  }\n\n  .day_date.in-range:not(.range-start, .range-end, .selected-date) {\n    background: var(--nile-colors-neutral-100, var(--ng-colors-bg-active));\n  }\n\n  .selected-date {\n    color: var(--nile-colors-dark-900, var(--ng-colors-bg-primary));\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n    background: var(--nile-colors-blue-400, var(--ng-colors-bg-brand-solid));\n  }\n\n  .not-allowed {\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-disabled));\n    pointer-events: none;\n  }\n\n  /* Date CSS_END */\n\n  .calender-input {\n    box-sizing: border-box;\n    padding: var(--nile-spacing-none, var(--ng-spacing-none))\n      var(--nile-spacing-xl, var(--ng-spacing-xl));\n    width: 100%;\n    justify-content: space-between;\n    display: flex;\n    gap: var(--nile-spacing-md, var(--ng-spacing-md));\n    flex-wrap: wrap;\n  }\n\n  .from {\n    display: flex;\n    justify-content: space-between;\n    gap: var(--nile-spacing-md, var(--ng-spacing-md));\n    width: auto;\n    align-items: flex-end;\n    gap: var(--nile-spacing-md, var(--ng-spacing-md));\n    flex-wrap: nowrap;\n    width: 100%;\n  }\n\n  .manual-input-label {\n    color: var(--nile-colors-dark-500);\n    font-family: Colfax-regular;\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n    line-height: 12px;\n    letter-spacing: 0.2px;\n  }\n\n  .button-container {\n    width: 100%;\n    display: flex;\n    justify-content: end;\n    gap: var(--nile-spacing-xl, var(--ng-spacing-lg));\n    padding: var(--nile-spacing-xl, var(--ng-spacing-lg))\n      var(--nile-spacing-spacing-xl, var(--ng-spacing-xl))\n      var(--nile-spacing-spacing-xl, var(--ng-spacing-xl))\n      var(--nile-spacing-spacing-xl, var(--ng-spacing-xl));\n    box-sizing: border-box;\n  }\n\n  .calendar-config {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n  nile-tab::part(base) {\n    padding-bottom: 12px;\n    justify-content: center;\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n    font-family: var(\n      --nile-font-family-serif-colfax-medium,\n      var(--ng-font-family-body)\n    );\n    font-weight: var(\n      --nile-font-weight-semi-bold,\n      var(--ng-font-weight-semibold)\n    );\n  }\n\n  .calendar-switcher {\n    width: 100%;\n    margin-top: var(--nile-spacing-xl, var(--ng-spacing-xl));\n  }\n\n  .units-wrapper {\n    width: min-content;\n    margin: auto;\n  }\n\n  .unit-container {\n    display: flex;\n    flex-direction: column;\n    gap: var(--nile-spacing-xl, var(--ng-spacing-xl));\n  }\n  :host([disabled]) .unit-container {\n    user-select: none;\n    -webkit-user-select: none;\n    pointer-events: none;\n  }\n\n  .unit-group {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .duration-name {\n    display: flex;\n    align-items: center;\n    font-family: var(\n      --nile-font-family-serif-colfax-medium,\n      var(--ng-font-family-body)\n    );\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-style: normal;\n    font-weight: var(\n      --nile-font-weight-semi-bold,\n      var(--ng-font-weight-semibold)\n    );\n    line-height: var(--nile-line-height-small, var(--ng-line-height-text-sm));\n  }\n\n  .duration-units {\n    display: flex;\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    line-height: var(--nile-line-height-small, var(--ng-line-height-text-sm));\n    gap: 6px;\n  }\n\n  .duration__value {\n    display: grid;\n    place-items: center;\n    width: var(--nile-width-32px, var(--ng-width-10));\n    height: var(--nile-width-32px, var(--ng-width-10));\n    cursor: pointer;\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-md));\n    border: 1px solid\n      var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n  }\n\n  .duration__value:hover {\n    background: var(--nile-colors-neutral-400, var(--ng-colors-bg-quaternary));\n  }\n\n  .duration__value--selected {\n    background-color: var(\n      --nile-colors-blue-400,\n      var(--ng-colors-bg-brand-solid)\n    );\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-white));\n    font-weight: var(\n      --nile-font-weight-semi-bold,\n      var(--ng-font-weight-semi-bold)\n    );\n    border: 1px solid transparent;\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n  }\n\n  .duration__value--selected:hover {\n    background: var(\n      --nile-colors-blue-500,\n      var(--ng-colors-bg-brand-solid-hover)\n    );\n    font-weight: var(\n      --nile-font-weight-semi-bold,\n      var(--ng-font-weight-semi-bold)\n    );\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n  }\n\n  nile-input::part(input)::-webkit-inner-spin-button,\n  nile-input::part(input)::-webkit-outer-spin-button {\n    -webkit-appearance: none;\n  }\n\n  .hidden {\n    display: none !important;\n  }\n\n  .unit-input-container {\n    display: flex;\n    line-height: 0;\n    justify-content: space-between;\n    gap: var(--nile-spacing-md, var(--ng-spacing-md));\n    padding: var(--nile-spacing-none, var(--ng-spacing-none))\n      var(--nile-spacing-xl, var(--ng-spacing-xl))\n      var(--nile-spacing-none, var(--ng-spacing-xl))\n      var(--nile-spacing-xl, var(--ng-spacing-xl));\n  }\n\n  .duration-input,\n  .time-input,\n  .manual-input {\n    width: 125px;\n  }\n\n  /* New Styles */\n\n  nile-dropdown[open] > span[slot='trigger'] .calendar-header__caret {\n    transform: rotate(180deg);\n  }\n\n  .calendar-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n    font-feature-settings: 'liga' off, 'clig' off;\n  }\n\n  .calendar-header__center {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-family: var(\n      --nile-font-family-serif-colfax-medium,\n      var(--ng-font-family-body)\n    );\n  }\n\n  .calendar-header__trigger {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 1;\n    background: transparent;\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n    font-family: var(--nile-font-family-medium, var(--ng-font-family-body));\n  }\n\n  .calendar-header__caret {\n    width: 16px;\n    height: 16px;\n    transition: transform 0.2s ease;\n    transform-origin: center;\n  }\n\n  .calendar-menu {\n    max-height: 194px;\n    overflow-y: auto;\n    width: 100px;\n  }\n\n  .month-scroll-wrapper {\n    max-height: 196px;\n    overflow-y: auto;\n    width: 100px;\n    overflow-x: hidden;\n  }\n\n  .month-dropdown nile-menu {\n    overflow-y: auto;\n    padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-none);\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n\n  .year-scroll-wrapper {\n    max-height: 196px;\n    overflow-y: auto;\n    width: 65px;\n    overflow-x: hidden;\n  }\n\n  .year-dropdown nile-menu {\n    overflow-y: auto;\n    padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-none);\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n\n  .month-dropdown nile-menu-item::part(base) {\n    padding: 0px 12px;\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n  }\n  .year-dropdown nile-menu-item::part(base) {\n    padding: 0px 12px;\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n  }\n  nile-menu-item[selected] {\n    background: var(--nile-colors-primary-100);\n  }\n\n  nile-menu-item[selected]::part(base):hover {\n    background: var(--nile-colors-primary-100);\n    border-radius: 0px;\n  }\n\n  nile-icon[disabled] {\n    opacity: 0.4;\n    pointer-events: none;\n  }\n\n  .units-wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--nile-spacing-xl, var(--ng-spacing-xl));\n    padding: var(--nile-spacing-xl, var(--ng-spacing-xl));\n    width: auto;\n  }\n\n  .calendar-input {\n    display: flex;\n    flex-direction: column;\n    gap: var(--nile-spacing-md, var(--ng-spacing-md));\n    padding: var(--nile-spacing-lg, var(--ng-spacing-xl)) var(--nile-spacing-xl, var(--ng-spacing-3xl))\n      var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-xl, var(--ng-spacing-3xl));\n    box-sizing: border-box;\n  }\n\n  .manual-input {\n    flex: 1;\n    min-width: 120px;\n  }\n\n  .date-input nile-input::part(base),\n  .time-input nile-input::part(base) {\n    width: 100%;\n  }\n\n  .manual-input-label {\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n  }\n\n  .day_date.in-range:hover:not(.range-start):not(.range-end) {\n    background-color: var(\n      --nile-colors-neutral-400,\n      var(--ng-colors-bg-quaternary)\n    );\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n  }\n\n  nile-input.date-input::part(base),\n  .from-date {\n    width: var(--nile-width-150px, var(--ng-width-164));\n  }\n\n  nile-input.time-input::part(base),\n  .from-time {\n    width: var(--nile-width-99px, var(--ng-width-108));\n  }\n\n  .month-dropdown, .year-dropdown {\n    cursor: pointer;\n  }\n\n\n\n:host([disabled]) .calendar-header__month-navigation,\n:host([disabled]) .calendar-header__trigger,\n:host([disabled]) .day_date {\n  cursor: not-allowed;\n  color: var(--nile-colors-dark-500, var(--ng-colors-fg-disabled));\n}\n\n\n\n:host([disabled]) .base {\n  background-color:  var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));\n  cursor: not-allowed;\n  color: var(--nile-colors-dark-500, var(--ng-colors-fg-disabled));\n}\n\n:host([disabled]) .calendar-container {\n  background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));\n  user-select: none;\n  -webkit-user-select: none;\n}\n\n:host([disabled]) .day_name {\n  color: var(--nile-colors-dark-500, var(--ng-colors-fg-disabled));\n}\n\n:host([disabled]) nile-input::part(form-control-label) {\n  color: var(--nile-colors-dark-500, var(--ng-colors-fg-disabled));\n}\n:host([disabled]) nile-select::part(form-control-label) {\n  color: var(--nile-colors-dark-500, var(--ng-colors-fg-disabled));\n}\n\n\n\n:host([disabled]) .calendar-switcher {\n  pointer-events: none;\n  opacity:var(--nile-opacity-50, var(--ng-opacity-50));\n}\n\n\n:host([disabled]) .day_date{\n  pointer-events:none;\n}\n:host([disabled]) .day_date:not(.range-start, .selected-date, .range-end) .current__date__dot {\n  background-color: var(--nile-colors-dark-500, var(--ng-colors-fg-disabled));\n}\n\n:host([disabled]) .duration_unit{\n background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));\n}\n:host([disabled]) .duration__value {\n  cursor: not-allowed;\n  background: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));\n  color: var(--nile-colors-dark-500, var(--ng-colors-fg-disabled));\n  border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-disabled));\n}\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-calendar.css.cjs.js","sources":["../../../src/nile-calendar/nile-calendar.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 * DatePicker CSS\n */\nexport const styles = css`\n  :host {\n    display: inline-block;\n  }\n  \n  .base {\n    background-color: var(\n      --nile-colors-white-base,\n      var(--ng-colors-bg-primary)\n    );\n    border-radius: var(--nile-radius-radius-sm, var(--ng-radius-2xl));\n    width: var(--nile-width-288px, var(--ng-width-312));\n    border: 1px solid\n      var(--nile-colors-neutral-400, var(--ng-colors-border-secondary-alt));\n    box-shadow: var(\n      --nile-box-shadow-15,\n      0px 20px 24px -4px var(--ng-colors-effects-shadow-xl-01)\n    ); // Need to fix the token for this\n    border: var(\n      --nile-spacing-spacing-none,\n      1px solid var(--ng-colors-border-secondary-alt)\n    );\n    -webkit-font-smoothing: var(\n      --nile-webkit-font-smoothing,\n      var(--ng-webkit-font-smoothing)\n    );\n    -moz-osx-font-smoothing: var(\n      --nile-moz-osx-font-smoothing,\n      var(--ng-moz-osx-font-smoothing)\n    );\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  .calendar-container {\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    width: 100%;\n    height: auto;\n    text-align: center;\n    background: white;\n    border-radius: var(--nile-radius-radius-xl, var(--ng-radius-2xl));\n  }\n\n  .calendar-wrapper {\n    background: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    display: flex;\n    justify-content: space-between;\n    width: 100%;\n    border-radius: var(--nile-radius-radius-xl, var(--ng-radius-2xl));\n  }\n\n  .calendar-header {\n    display: flex;\n    justify-content: space-between;\n    padding: var(--nile-spacing-22px, var(--ng-spacing-2xl))\n      var(--nile-spacing-2xl, var(--ng-spacing-2xl));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-weight: var(\n      --nile-font-weight-semi-bold,\n      var(--ng-font-weight-semibold)\n    );\n    line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-sm));\n    letter-spacing: 0.2px;\n  }\n\n  .calendar-header__month-navigation {\n    cursor: pointer;\n  }\n\n  /* Date CSS_START */\n\n  .days_container {\n    display: grid;\n    padding: var(--nile-spacing-none, var(--ng-spacing-none))\n      var(--nile-spacing-lg, var(--ng-spacing-lg))\n      var(--nile-spacing-lg, var(--ng-spacing-lg))\n      var(--nile-spacing-lg, var(--ng-spacing-lg));\n    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;\n    grid-row-gap: var(--nile-spacing-xs, var(--ng-spacing-xs));\n  }\n\n  .day_date,\n  .day_name {\n    font-family: var(\n      --nile-font-family-serif-colfax-medium,\n      var(--ng-font-family-body)\n    );\n    font-style: normal;\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));\n    line-height: var(--nile-line-height-20px, var(--ng-line-height-text-sm));\n    text-align: center;\n    width: 100%;\n    height: var(--nile-width-32px, var(--ng-width-10));\n    display: grid;\n    place-items: center;\n  }\n\n  .day_name {\n    font-weight: var(\n      --nile-font-weight-semi-bold,\n      var(--ng-font-weight-semibold)\n    );\n    font-family: var(\n      --nile-font-family-serif-colfax-medium,\n      var(--ng-font-family-body)\n    );\n  }\n\n  .day_date {\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    user-select: none;\n    cursor: pointer;\n  }\n\n  .current__date__dot {\n    background-color: var(\n      --nile-colors-primary-600,\n      var(--ng-colors-text-white)\n    );\n    position: absolute;\n    border-radius: 50%;\n    height: 5px;\n    width: 5px;\n    left: 25%;\n    top: 90%;\n  }\n\n  .day_date:not(.range-start, .selected-date, .range-end) .current__date__dot {\n    background-color: var(\n      --nile-colors-primary-600,\n      var(--ng-colors-bg-brand-solid)\n    );\n  }\n\n  .day_date:hover {\n    background-color: var(\n      --nile-colors-neutral-100,\n      var(--ng-colors-bg-secondary-hover)\n    );\n  }\n\n  .filler {\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-disabled));\n    pointer-events: none;\n  }\n\n  .selected-date {\n    color: white;\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n    background: var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid));\n  }\n\n  .selected-date:hover {\n    background: var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid));\n  }\n\n  .selected-date,\n  .range-start,\n  .range-end {\n    cursor: pointer;\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n    background: var(--nile-colors-blue-400, var(--ng-colors-bg-brand-solid));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-white));\n    font-weight: var(\n      --nile-font-weight-semi-bold,\n      var(--ng-font-weight-regular)\n    );\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n  }\n\n  .selected-date:hover,\n  .range-start:hover,\n  .range-end:hover,\n  .day_date.in-range:hover {\n    background: var(\n      --nile-colors-blue-500,\n      var(--ng-colors-bg-brand-solid-hover)\n    );\n  }\n\n  .range-start.in-range {\n    background: var(--nile-colors-blue-400, var(--ng-colors-bg-brand-solid));\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs))\n      var(--nile-radius-radius-none, var(--ng-radius-none))\n      var(--nile-radius-radius-none, var(--ng-radius-none))\n      var(--nile-radius-radius-xs, var(--ng-radius-xs));\n    color: var(--nile-colors-dark-900, var(--ng-colors-bg-primary));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-weight: var(\n      --nile-font-weight-semi-bold,\n      var(--ng-font-weight-regular)\n    );\n  }\n\n  .range-end {\n    cursor: pointer;\n    background: var(--nile-colors-blue-400, var(--ng-colors-bg-brand-solid));\n    border-radius: var(--nile-radius-radius-none, var(--ng-radius-none))\n      var(--nile-radius-radius-xs, var(--ng-radius-xs))\n      var(--nile-radius-radius-xs, var(--ng-radius-xs))\n      var(--nile-radius-radius-none, var(--ng-radius-none));\n    color: var(--nile-colors-dark-900, var(--ng-colors-bg-primary));\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-sm));\n    letter-spacing: 0.2px;\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-weight: var(\n      --nile-font-weight-semi-bold,\n      var(--ng-font-weight-regular)\n    );\n  }\n\n  .range-middle {\n    background: var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid));\n    color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-radius: var(--nile-radius-radius-none, var(--ng-radius-none));\n  }\n\n  .day_date.selected {\n    background: var(--nile-colors-primary-600, var(--ng-colors-bg-brand-solid));\n    color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n  }\n\n  .day_date.in-range:not(.range-start, .range-end, .selected-date) {\n    background: var(--nile-colors-neutral-100, var(--ng-colors-bg-active));\n  }\n\n  .selected-date {\n    color: var(--nile-colors-dark-900, var(--ng-colors-bg-primary));\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n    background: var(--nile-colors-blue-400, var(--ng-colors-bg-brand-solid));\n  }\n\n  .not-allowed {\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-disabled));\n    pointer-events: none;\n  }\n\n  /* Date CSS_END */\n\n  .calender-input {\n    box-sizing: border-box;\n    padding: var(--nile-spacing-none, var(--ng-spacing-none))\n      var(--nile-spacing-xl, var(--ng-spacing-xl));\n    width: 100%;\n    justify-content: space-between;\n    display: flex;\n    gap: var(--nile-spacing-md, var(--ng-spacing-md));\n    flex-wrap: wrap;\n  }\n\n  .from {\n    display: flex;\n    justify-content: space-between;\n    gap: var(--nile-spacing-md, var(--ng-spacing-md));\n    width: auto;\n    align-items: flex-end;\n    gap: var(--nile-spacing-md, var(--ng-spacing-md));\n    flex-wrap: nowrap;\n    width: 100%;\n  }\n\n  .manual-input-label {\n    color: var(--nile-colors-dark-500);\n    font-family: Colfax-regular;\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n    line-height: 12px;\n    letter-spacing: 0.2px;\n  }\n\n  .button-container {\n    width: 100%;\n    display: flex;\n    justify-content: end;\n    gap: var(--nile-spacing-xl, var(--ng-spacing-lg));\n    padding: var(--nile-spacing-xl, var(--ng-spacing-lg))\n      var(--nile-spacing-spacing-xl, var(--ng-spacing-xl))\n      var(--nile-spacing-spacing-xl, var(--ng-spacing-xl))\n      var(--nile-spacing-spacing-xl, var(--ng-spacing-xl));\n    box-sizing: border-box;\n  }\n\n  .calendar-config {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n  }\n  nile-tab::part(base) {\n    padding-bottom: 12px;\n    justify-content: center;\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-md));\n    font-family: var(\n      --nile-font-family-serif-colfax-medium,\n      var(--ng-font-family-body)\n    );\n    font-weight: var(\n      --nile-font-weight-semi-bold,\n      var(--ng-font-weight-semibold)\n    );\n  }\n\n  .calendar-switcher {\n    width: 100%;\n    margin-top: var(--nile-spacing-xl, var(--ng-spacing-xl));\n  }\n\n  .units-wrapper {\n    width: min-content;\n    margin: auto;\n  }\n\n  .unit-container {\n    display: flex;\n    flex-direction: column;\n    gap: var(--nile-spacing-xl, var(--ng-spacing-xl));\n  }\n  :host([disabled]) .unit-container {\n    user-select: none;\n    -webkit-user-select: none;\n    pointer-events: none;\n  }\n\n  .unit-group {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .duration-name {\n    display: flex;\n    align-items: center;\n    font-family: var(\n      --nile-font-family-serif-colfax-medium,\n      var(--ng-font-family-body)\n    );\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-style: normal;\n    font-weight: var(\n      --nile-font-weight-semi-bold,\n      var(--ng-font-weight-semibold)\n    );\n    line-height: var(--nile-line-height-small, var(--ng-line-height-text-sm));\n  }\n\n  .duration-units {\n    display: flex;\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    line-height: var(--nile-line-height-small, var(--ng-line-height-text-sm));\n    gap: 6px;\n  }\n\n  .duration__value {\n    display: grid;\n    place-items: center;\n    width: var(--nile-width-32px, var(--ng-width-10));\n    height: var(--nile-width-32px, var(--ng-width-10));\n    cursor: pointer;\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-md));\n    border: 1px solid\n      var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n  }\n\n  .duration__value:hover {\n    background: var(--nile-colors-neutral-400, var(--ng-colors-bg-quaternary));\n  }\n\n  .duration__value--selected {\n    background-color: var(\n      --nile-colors-blue-400,\n      var(--ng-colors-bg-brand-solid)\n    );\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-white));\n    font-weight: var(\n      --nile-font-weight-semi-bold,\n      var(--ng-font-weight-semi-bold)\n    );\n    border: 1px solid transparent;\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n  }\n\n  .duration__value--selected:hover {\n    background: var(\n      --nile-colors-blue-500,\n      var(--ng-colors-bg-brand-solid-hover)\n    );\n    font-weight: var(\n      --nile-font-weight-semi-bold,\n      var(--ng-font-weight-semi-bold)\n    );\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n  }\n\n  nile-input::part(input)::-webkit-inner-spin-button,\n  nile-input::part(input)::-webkit-outer-spin-button {\n    -webkit-appearance: none;\n  }\n\n  .hidden {\n    display: none !important;\n  }\n\n  .unit-input-container {\n    display: flex;\n    line-height: 0;\n    justify-content: space-between;\n    gap: var(--nile-spacing-md, var(--ng-spacing-md));\n    padding: var(--nile-spacing-none, var(--ng-spacing-none))\n      var(--nile-spacing-xl, var(--ng-spacing-xl))\n      var(--nile-spacing-none, var(--ng-spacing-xl))\n      var(--nile-spacing-xl, var(--ng-spacing-xl));\n  }\n\n  .duration-input,\n  .time-input,\n  .manual-input {\n    width: 125px;\n  }\n\n  /* New Styles */\n\n  nile-dropdown[open] > span[slot='trigger'] .calendar-header__caret {\n    transform: rotate(180deg);\n  }\n\n  .calendar-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n    font-feature-settings: 'liga' off, 'clig' off;\n  }\n\n  .calendar-header__center {\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    font-family: var(\n      --nile-font-family-serif-colfax-medium,\n      var(--ng-font-family-body)\n    );\n  }\n\n  .calendar-header__trigger {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 1;\n    background: transparent;\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n    font-family: var(--nile-font-family-medium, var(--ng-font-family-body));\n  }\n\n  .calendar-header__caret {\n    width: 16px;\n    height: 16px;\n    transition: transform 0.2s ease;\n    transform-origin: center;\n  }\n\n  .calendar-menu {\n    max-height: 194px;\n    overflow-y: auto;\n    width: 100px;\n  }\n\n  .month-scroll-wrapper {\n    max-height: 196px;\n    overflow-y: auto;\n    width: 100px;\n    overflow-x: hidden;\n  }\n\n  .month-dropdown nile-menu {\n    overflow-y: auto;\n    padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-none);\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n\n  .year-scroll-wrapper {\n    max-height: 196px;\n    overflow-y: auto;\n    width: 65px;\n    overflow-x: hidden;\n  }\n\n  .year-dropdown nile-menu {\n    overflow-y: auto;\n    padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-none);\n    box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n  }\n\n  .month-dropdown nile-menu-item::part(base) {\n    padding: 0px 12px;\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n  }\n  .year-dropdown nile-menu-item::part(base) {\n    padding: 0px 12px;\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n  }\n  nile-menu-item[selected] {\n    background: var(--nile-colors-primary-100);\n  }\n\n  nile-menu-item[selected]::part(base):hover {\n    background: var(--nile-colors-primary-100);\n    border-radius: 0px;\n  }\n\n  nile-icon[disabled] {\n    opacity: 0.4;\n    pointer-events: none;\n  }\n\n  .units-wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--nile-spacing-xl, var(--ng-spacing-xl));\n    padding: var(--nile-spacing-xl, var(--ng-spacing-xl));\n    width: auto;\n  }\n\n  .calendar-input {\n    display: flex;\n    flex-direction: column;\n    gap: var(--nile-spacing-md, var(--ng-spacing-md));\n    padding: var(--nile-spacing-lg, var(--ng-spacing-xl)) var(--nile-spacing-xl, var(--ng-spacing-3xl))\n      var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-xl, var(--ng-spacing-3xl));\n    box-sizing: border-box;\n  }\n\n  .manual-input {\n    flex: 1;\n    min-width: 120px;\n  }\n\n  .date-input nile-input::part(base),\n  .time-input nile-input::part(base) {\n    width: 100%;\n  }\n\n  .manual-input-label {\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n  }\n\n  .day_date.in-range:hover:not(.range-start):not(.range-end) {\n    background-color: var(\n      --nile-colors-neutral-400,\n      var(--ng-colors-bg-quaternary)\n    );\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n  }\n\n  nile-input.date-input::part(base),\n  .from-date {\n    width: var(--nile-width-150px, var(--ng-width-164));\n  }\n\n  nile-input.time-input::part(base),\n  .from-time {\n    width: var(--nile-width-99px, var(--ng-width-108));\n  }\n\n  .month-dropdown, .year-dropdown {\n    cursor: pointer;\n  }\n\n\n\n:host([disabled]) .calendar-header__month-navigation,\n:host([disabled]) .calendar-header__trigger,\n:host([disabled]) .day_date {\n  cursor: not-allowed;\n  color: var(--nile-colors-dark-500, var(--ng-colors-fg-disabled));\n}\n\n\n\n:host([disabled]) .base {\n  background-color:  var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));\n  cursor: not-allowed;\n  color: var(--nile-colors-dark-500, var(--ng-colors-fg-disabled));\n}\n\n:host([disabled]) .calendar-container {\n  background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));\n  user-select: none;\n  -webkit-user-select: none;\n}\n\n:host([disabled]) .day_name {\n  color: var(--nile-colors-dark-500, var(--ng-colors-fg-disabled));\n}\n\n:host([disabled]) nile-input::part(form-control-label) {\n  color: var(--nile-colors-dark-500, var(--ng-colors-fg-disabled));\n}\n:host([disabled]) nile-select::part(form-control-label) {\n  color: var(--nile-colors-dark-500, var(--ng-colors-fg-disabled));\n}\n\n\n\n:host([disabled]) .calendar-switcher {\n  pointer-events: none;\n  opacity:var(--nile-opacity-50, var(--ng-opacity-50));\n}\n\n\n:host([disabled]) .day_date{\n  pointer-events:none;\n}\n:host([disabled]) .day_date:not(.range-start, .selected-date, .range-end) .current__date__dot {\n  background-color: var(--nile-colors-dark-500, var(--ng-colors-fg-disabled));\n}\n\n:host([disabled]) .duration_unit{\n background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));\n}\n:host([disabled]) .duration__value {\n  cursor: not-allowed;\n}\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

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

@@ -628,8 +628,5 @@ import{css as a}from"lit";const n=a`
 }
 :host([disabled]) .duration__value {
   cursor: not-allowed;
-  background: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));
-  color: var(--nile-colors-dark-500, var(--ng-colors-fg-disabled));
-  border-color: var(--nile-colors-neutral-400, var(--ng-colors-border-disabled));
 }
 `;export{n as s};

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

@@ -22,14 +22,14 @@ import{__decorate as t}from"tslib";import{html as i,nothing as e}from"lit";impor
             class="clear-button"
             variant="secondary"
             role="button"
-            ?disabled="${!this.startDate||!this.endDate}"
+            ?disabled="${!this.startDate||!this.endDate||this.disabled}"
             @keydown="${t=>{"Enter"!==t.key&&" "!==t.key||this.clearDate()}}"
             @click="${this.clearDate}"
 
             > Reset</nile-button>`:e}
           <nile-button 
           class="apply-button"  
-          ?disabled="${!this.startDate||!this.endDate}"  
+          ?disabled="${!this.startDate||!this.endDate||this.disabled}"  
           @click="${this.confimRange}"
           @keydown="${t=>{"Enter"!==t.key&&" "!==t.key||this.confimRange()}}"
           > Apply</nile-button>

package/dist/nile-dropdown/nile-dropdown.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-dropdown.css.cjs.js","../internal/animate.cjs.js","lit/directives/class-map.js","../utilities/animation-registry.cjs.js","../internal/tabbable.cjs.js","../internal/event.cjs.js","../internal/watch.cjs.js","../internal/nile-element.cjs.js","../nile-popup/nile-popup.cjs.js","./portal-manager.cjs.js","../utilities/visibility-manager.cjs.js","../internal/accessibility/a11y.state.enum.cjs.js","../internal/accessibility/a11y.property.enum.cjs.js","../internal/accessibility/role.enum.cjs.js","../floating-ui.dom-007bbe96.cjs.js","../nile-popup/nile-popup.css.cjs.js","./portal-utils.cjs.js"],function(_export,_context){"use strict";var t,i,s,e,n,o,h,a,r,l,d,p,c,m,u,f,w,_templateObject,y;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _regeneratorRuntime(){"use strict";/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */_regeneratorRuntime=function _regeneratorRuntime(){return e;};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value;},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e];}try{define({},"");}catch(t){define=function define(t,e,r){return t[e]=r;};}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a;}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)};}catch(t){return{type:"throw",arg:t};}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,function(){return this;});var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach(function(e){define(t,e,function(t){return this._invoke(e,t);});});}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then(function(t){invoke("next",t,i,a);},function(t){invoke("throw",t,i,a);}):e.resolve(h).then(function(t){u.value=t,i(u);},function(t){return invoke("throw",t,i,a);});}a(c.arg);}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e(function(e,r){invoke(t,n,e,r);});}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg();}});}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0};}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u;}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg);}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done};}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg);}};}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator["return"]&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y);}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e);}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e;}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0);}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o<e.length;)if(n.call(e,o))return next.value=e[o],next.done=!1,next;return next.value=t,next.done=!0,next;};return i.next=i;}}throw new TypeError(_typeof(e)+" is not iterable");}return GeneratorFunction.prototype=GeneratorFunctionPrototype,o(g,"constructor",{value:GeneratorFunctionPrototype,configurable:!0}),o(GeneratorFunctionPrototype,"constructor",{value:GeneratorFunction,configurable:!0}),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,u,"GeneratorFunction"),e.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===GeneratorFunction||"GeneratorFunction"===(e.displayName||e.name));},e.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,GeneratorFunctionPrototype):(t.__proto__=GeneratorFunctionPrototype,define(t,u,"GeneratorFunction")),t.prototype=Object.create(g),t;},e.awrap=function(t){return{__await:t};},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,c,function(){return this;}),e.AsyncIterator=AsyncIterator,e.async=function(t,r,n,o,i){void 0===i&&(i=Promise);var a=new AsyncIterator(wrap(t,r,n,o),i);return e.isGeneratorFunction(r)?a:a.next().then(function(t){return t.done?t.value:a.next();});},defineIteratorMethods(g),define(g,u,"Generator"),define(g,a,function(){return this;}),define(g,"toString",function(){return"[object Generator]";}),e.keys=function(t){var e=Object(t),r=[];for(var n in e)r.push(n);return r.reverse(),function next(){for(;r.length;){var t=r.pop();if(t in e)return next.value=t,next.done=!1,next;}return next.done=!0,next;};},e.values=values,Context.prototype={constructor:Context,reset:function reset(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(resetTryEntry),!e)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=t);},stop:function stop(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval;},dispatchException:function dispatchException(e){if(this.done)throw e;var r=this;function handle(n,o){return a.type="throw",a.arg=e,r.next=n,o&&(r.method="next",r.arg=t),!!o;}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}else if(c){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);}else{if(!u)throw Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}}}},abrupt:function abrupt(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break;}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,y):this.complete(a);},complete:function complete(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),y;},finish:function finish(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y;}},"catch":function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r);}return o;}}throw Error("illegal catch attempt");},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y;}},e;}function asyncGeneratorStep(n,t,e,r,o,a,c){try{var i=n[a](c),u=i.value;}catch(n){return void e(n);}i.done?t(u):Promise.resolve(u).then(r,o);}function _asyncToGenerator(n){return function(){var t=this,e=arguments;return new Promise(function(r,o){var a=n.apply(t,e);function _next(n){asyncGeneratorStep(a,r,o,_next,_throw,"next",n);}function _throw(n){asyncGeneratorStep(a,r,o,_next,_throw,"throw",n);}_next(void 0);});};}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;},function(_litDecoratorsJs){s=_litDecoratorsJs.query;e=_litDecoratorsJs.property;n=_litDecoratorsJs.customElement;},function(_nileDropdownCssCjsJs){o=_nileDropdownCssCjsJs.s;},function(_internalAnimateCjsJs){h=_internalAnimateCjsJs.s;a=_internalAnimateCjsJs.a;},function(_litDirectivesClassMapJs){r=_litDirectivesClassMapJs.classMap;},function(_utilitiesAnimationRegistryCjsJs){l=_utilitiesAnimationRegistryCjsJs.s;d=_utilitiesAnimationRegistryCjsJs.g;},function(_internalTabbableCjsJs){p=_internalTabbableCjsJs.g;},function(_internalEventCjsJs){c=_internalEventCjsJs.w;},function(_internalWatchCjsJs){m=_internalWatchCjsJs.w;},function(_internalNileElementCjsJs){u=_internalNileElementCjsJs.N;},function(_nilePopupNilePopupCjsJs){},function(_portalManagerCjsJs){f=_portalManagerCjsJs.D;},function(_utilitiesVisibilityManagerCjsJs){w=_utilitiesVisibilityManagerCjsJs.V;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){},function(_floatingUiDom001CjsJs){},function(_nilePopupNilePopupCssCjsJs){},function(_portalUtilsCjsJs){}],execute:function execute(){_export("N",y=/*#__PURE__*/function(_u){function y(){var _this;_classCallCheck(this,y);_this=_callSuper(this,y,arguments),_this.open=!1,_this.placement="bottom-start",_this.disabled=!1,_this.stayOpenOnSelect=!1,_this.distance=0,_this.noOpenOnClick=!1,_this.skidding=0,_this.hoist=!1,_this.portal=!1,_this.enableVisibilityEffect=!1,_this.enableTabClose=!1,_this.portalManager=null;return _this;}_inherits(y,_u);return _createClass(y,[{key:"connectedCallback",value:function connectedCallback(){var _this2=this;_superPropGet(y,"connectedCallback",this,3)([]),this.handlePanelSelect=this.handlePanelSelect.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.containingElement||(this.containingElement=this),this.emit("nile-init"),requestAnimationFrame(function(){_this2.portal&&!_this2.portalManager&&(_this2.portalManager=new f(_this2));});}},{key:"firstUpdated",value:function(){var _firstUpdated=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(t){var _this3=this;var i;return _regeneratorRuntime().wrap(function _callee$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:this.panel.hidden=!this.open;this.open&&(this.addOpenListeners(),this.popup.active=!0);_context2.next=4;return this.updateComplete;case 4:i=this.trigger.assignedElements({flatten:!0})[0];this.visibilityManager=new w({host:this,target:i||null,enableVisibilityEffect:this.enableVisibilityEffect,enableTabClose:this.enableTabClose,isOpen:function isOpen(){return _this3.open;},onAnchorOutOfView:function onAnchorOutOfView(){_this3.hide(),_this3.emit("nile-visibility-change",{visible:!1,reason:"anchor-out-of-view"});},onDocumentHidden:function onDocumentHidden(){_this3.hide(),_this3.emit("nile-visibility-change",{visible:!1,reason:"document-hidden"});},emit:function emit(t,i){return _this3.emit("nile-".concat(t),i);}});case 6:case"end":return _context2.stop();}},_callee,this);}));function firstUpdated(_x){return _firstUpdated.apply(this,arguments);}return firstUpdated;}()},{key:"disconnectedCallback",value:function disconnectedCallback(){var _this$visibilityManag;_superPropGet(y,"disconnectedCallback",this,3)([]),(_this$visibilityManag=this.visibilityManager)!==null&&_this$visibilityManag!==void 0&&_this$visibilityManag.cleanup(),this.removeOpenListeners(),this.hide(),this.emit("nile-destroy"),this.portalManager&&(this.portalManager.cleanupPortalAppend(),this.portalManager=null);}},{key:"focusOnTrigger",value:function focusOnTrigger(){var t=this.trigger.assignedElements({flatten:!0})[0];"function"==typeof(t===null||t===void 0?void 0:t.focus)&&t.focus();}},{key:"getMenu",value:function getMenu(){return this.panel.assignedElements({flatten:!0}).find(function(t){return"nile-menu"===t.tagName.toLowerCase();});}},{key:"handleKeyDown",value:function handleKeyDown(t){this.open&&"Escape"===t.key&&(t.stopPropagation(),this.hide(),this.focusOnTrigger());}},{key:"handleDocumentKeyDown",value:function handleDocumentKeyDown(t){var _this4=this;if("Escape"===t.key&&this.open)return t.stopPropagation(),this.focusOnTrigger(),void this.hide();if("Tab"===t.key){var _document$activeEleme;if(this.open&&"nile-menu-item"===((_document$activeEleme=document.activeElement)===null||_document$activeEleme===void 0?void 0:_document$activeEleme.tagName.toLowerCase()))return t.preventDefault(),this.hide(),void this.focusOnTrigger();setTimeout(function(){var _this4$containingElem,_document$activeEleme2,_this4$portalManager;var t=((_this4$containingElem=_this4.containingElement)===null||_this4$containingElem===void 0?void 0:_this4$containingElem.getRootNode())instanceof ShadowRoot?(_document$activeEleme2=document.activeElement)===null||_document$activeEleme2===void 0||(_document$activeEleme2=_document$activeEleme2.shadowRoot)===null||_document$activeEleme2===void 0?void 0:_document$activeEleme2.activeElement:document.activeElement,i=_this4.containingElement&&(t===null||t===void 0?void 0:t.closest(_this4.containingElement.tagName.toLowerCase()))===_this4.containingElement,s=_this4.portal&&((_this4$portalManager=_this4.portalManager)===null||_this4$portalManager===void 0?void 0:_this4$portalManager.portalContainerElement)&&(t===_this4.portalManager.portalContainerElement||(t===null||t===void 0?void 0:t.closest(".nile-dropdown-portal-append"))===_this4.portalManager.portalContainerElement);i||s||_this4.hide();});}}},{key:"handleDocumentMouseDown",value:function handleDocumentMouseDown(t){var _this$portalManager;var i=t.composedPath(),s=this.containingElement&&i.includes(this.containingElement),e=this.portal&&((_this$portalManager=this.portalManager)===null||_this$portalManager===void 0?void 0:_this$portalManager.portalContainerElement)&&i.includes(this.portalManager.portalContainerElement);s||e||this.hide();}},{key:"handlePanelSelect",value:function handlePanelSelect(t){var i=t.target;this.stayOpenOnSelect||"nile-menu"!==i.tagName.toLowerCase()?this.stayOpenOnSelect&&"nile-menu"===i.tagName.toLowerCase()&&(this.show(),this.focusOnTrigger()):(this.hide(),this.focusOnTrigger());}},{key:"handleTriggerClick",value:function handleTriggerClick(){this.noOpenOnClick||(this.open?this.hide():(this.show(),this.focusOnTrigger()));}},{key:"handleTriggerKeyDown",value:function handleTriggerKeyDown(t){var i=this.getMenu();if(i){var _s=i.getAllItems(),_e=_s[0],_n=_s[_s.length-1];["ArrowDown","ArrowUp","Home","End"].includes(t.key)&&(t.preventDefault(),this.open||this.show(),_s.length>0&&this.updateComplete.then(function(){"ArrowDown"!==t.key&&"Home"!==t.key||(i.setCurrentItem(_e),_e.focus()),"ArrowUp"!==t.key&&"End"!==t.key||(i.setCurrentItem(_n),_n.focus());}));}}},{key:"handleTriggerKeyUp",value:function handleTriggerKeyUp(t){" "===t.key&&t.preventDefault();}},{key:"handleTriggerSlotChange",value:function handleTriggerSlotChange(){this.updateAccessibleTrigger();}},{key:"updateAccessibleTrigger",value:function updateAccessibleTrigger(){var t=this.trigger.assignedElements({flatten:!0}).find(function(t){return p(t).start;});var i;if(t){switch(t.tagName.toLowerCase()){case"nile-button":case"nile-icon-button":i=t.button;break;default:i=t;}i.setAttribute("aria-haspopup","true"),i.setAttribute("aria-expanded",this.open?"true":"false");}}},{key:"show",value:function(){var _show=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(){return _regeneratorRuntime().wrap(function _callee2$(_context3){while(1)switch(_context3.prev=_context3.next){case 0:if(this.open){_context3.next=2;break;}return _context3.abrupt("return",(this.open=!0,c(this,"nile-after-show")));case 2:case"end":return _context3.stop();}},_callee2,this);}));function show(){return _show.apply(this,arguments);}return show;}()},{key:"hide",value:function(){var _hide=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(){return _regeneratorRuntime().wrap(function _callee3$(_context4){while(1)switch(_context4.prev=_context4.next){case 0:if(!this.open){_context4.next=2;break;}return _context4.abrupt("return",(this.open=!1,c(this,"nile-after-hide")));case 2:case"end":return _context4.stop();}},_callee3,this);}));function hide(){return _hide.apply(this,arguments);}return hide;}()},{key:"reposition",value:function reposition(){this.popup.reposition();}},{key:"addOpenListeners",value:function addOpenListeners(){this.panel.addEventListener("nile-select",this.handlePanelSelect),this.panel.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown);}},{key:"removeOpenListeners",value:function removeOpenListeners(){this.panel&&(this.panel.removeEventListener("nile-select",this.handlePanelSelect),this.panel.removeEventListener("keydown",this.handleKeyDown)),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown);}},{key:"updated",value:function updated(t){_superPropGet(y,"updated",this,3)([t]),t.has("portal")&&(this.portal&&!this.portalManager?(this.portalManager=new f(this),this.open&&this.portalManager.setupPortalAppend()):!this.portal&&this.portalManager&&(this.portalManager.cleanupPortalAppend(),this.portalManager=null)),t.has("disabled")&&this.updateTriggerDisabledState();}},{key:"updateTriggerDisabledState",value:function updateTriggerDisabledState(){var t=this.querySelector('[slot="trigger"]');if(!t)return;var i=t.hasAttribute("disabled");(this.disabled||i)&&(t.disabled=!0,this.disabled=!0);}},{key:"handleOpenChange",value:function(){var _handleOpenChange=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(){var _this$visibilityManag2;var _d,_t,_i,_this$visibilityManag3,_d2,_t2,_i2;return _regeneratorRuntime().wrap(function _callee4$(_context5){while(1)switch(_context5.prev=_context5.next){case 0:if(!((_this$visibilityManag2=this.visibilityManager)!==null&&_this$visibilityManag2!==void 0&&_this$visibilityManag2.setup(),this.disabled)){_context5.next=4;break;}this.open=!1;_context5.next=31;break;case 4:if(!(this.updateAccessibleTrigger(),this.open)){_context5.next=18;break;}this.emit("nile-show");this.addOpenListeners();this.portal&&this.portalManager?this.portalManager.setupPortalAppend():this.portal&&!this.portalManager&&(this.portalManager=new f(this),this.portalManager.setupPortalAppend());_context5.next=10;return h(this);case 10:if(this.portal){_context5.next=15;break;}this.panel.hidden=!1,this.popup.active=!0;_d=d(this,"dropdown.show",{dir:""}),_t=_d.keyframes,_i=_d.options;_context5.next=15;return a(this.popup.popup,_t,_i);case 15:this.emit("nile-after-show");_context5.next=31;break;case 18:this.emit("nile-hide");this.removeOpenListeners();(_this$visibilityManag3=this.visibilityManager)!==null&&_this$visibilityManag3!==void 0&&_this$visibilityManag3.cleanup();this.portal&&this.portalManager&&this.portalManager.cleanupPortalAppend();_context5.next=24;return h(this);case 24:if(this.portal){_context5.next=30;break;}_d2=d(this,"dropdown.hide",{dir:""}),_t2=_d2.keyframes,_i2=_d2.options;_context5.next=28;return a(this.popup.popup,_t2,_i2);case 28:this.panel.hidden=!0;this.popup.active=!1;case 30:this.emit("nile-after-hide");case 31:case"end":return _context5.stop();}},_callee4,this);}));function handleOpenChange(){return _handleOpenChange.apply(this,arguments);}return handleOpenChange;}()},{key:"render",value:function render(){return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <nile-popup\n        part=\"base\"\n        id=\"dropdown\"\n        placement=","\n        distance=","\n        skidding=","\n        strategy=","\n        sync=","\n        flip\n        shift\n        auto-size=\"both\"\n        auto-size-padding=\"10\"\n        class=","\n      >\n        <slot\n          name=\"trigger\"\n          slot=\"anchor\"\n          part=\"trigger\"\n          class=\"dropdown__trigger\"\n          @click=","\n          @keydown=","\n          @keyup=","\n          @slotchange=","\n        ></slot>\n\n        <slot\n          part=\"panel\"\n          class=\"dropdown__panel\"\n          aria-hidden=","\n          aria-labelledby=\"dropdown\"\n          style=","\n        ></slot>\n      </nile-popup>\n    "])),this.placement,this.distance,this.skidding,this.hoist?"fixed":"absolute",this.sync,r({dropdown:!0,"dropdown--open":this.open}),this.handleTriggerClick,this.handleTriggerKeyDown,this.handleTriggerKeyUp,this.handleTriggerSlotChange,this.open?"false":"true",this.portal&&this.portalManager?"display: none;":"");}}]);}(u));y.styles=o,t([s(".dropdown")],y.prototype,"popup",void 0),t([s(".dropdown__trigger")],y.prototype,"trigger",void 0),t([s(".dropdown__panel")],y.prototype,"panel",void 0),t([e({type:Boolean,reflect:!0})],y.prototype,"open",void 0),t([e({reflect:!0})],y.prototype,"placement",void 0),t([e({type:Boolean,reflect:!0})],y.prototype,"disabled",void 0),t([e({attribute:"stay-open-on-select",type:Boolean,reflect:!0})],y.prototype,"stayOpenOnSelect",void 0),t([e({attribute:!1})],y.prototype,"containingElement",void 0),t([e({type:Number})],y.prototype,"distance",void 0),t([e({type:Boolean})],y.prototype,"noOpenOnClick",void 0),t([e({type:Number})],y.prototype,"skidding",void 0),t([e()],y.prototype,"sync",void 0),t([e({type:Boolean})],y.prototype,"hoist",void 0),t([e({type:Boolean,reflect:!0})],y.prototype,"portal",void 0),t([e({type:Boolean,reflect:!0})],y.prototype,"enableVisibilityEffect",void 0),t([e({type:Boolean,reflect:!0})],y.prototype,"enableTabClose",void 0),t([m("open",{waitUntilFirstUpdate:!0})],y.prototype,"handleOpenChange",null),_export("N",y=t([n("nile-dropdown")],y)),l("dropdown.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}}),l("dropdown.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});}};});
+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-dropdown.css.cjs.js","../internal/animate.cjs.js","lit/directives/class-map.js","../utilities/animation-registry.cjs.js","../internal/tabbable.cjs.js","../internal/event.cjs.js","../internal/watch.cjs.js","../internal/nile-element.cjs.js","../nile-popup/nile-popup.cjs.js","./portal-manager.cjs.js","../utilities/visibility-manager.cjs.js","../internal/accessibility/a11y.state.enum.cjs.js","../internal/accessibility/a11y.property.enum.cjs.js","../internal/accessibility/role.enum.cjs.js","../floating-ui.dom-007bbe96.cjs.js","../nile-popup/nile-popup.css.cjs.js","./portal-utils.cjs.js"],function(_export,_context){"use strict";var t,i,s,e,n,o,h,a,r,l,d,p,c,m,u,f,w,_templateObject,y;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _regeneratorRuntime(){"use strict";/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */_regeneratorRuntime=function _regeneratorRuntime(){return e;};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value;},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e];}try{define({},"");}catch(t){define=function define(t,e,r){return t[e]=r;};}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a;}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)};}catch(t){return{type:"throw",arg:t};}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,function(){return this;});var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach(function(e){define(t,e,function(t){return this._invoke(e,t);});});}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then(function(t){invoke("next",t,i,a);},function(t){invoke("throw",t,i,a);}):e.resolve(h).then(function(t){u.value=t,i(u);},function(t){return invoke("throw",t,i,a);});}a(c.arg);}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e(function(e,r){invoke(t,n,e,r);});}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg();}});}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0};}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u;}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg);}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done};}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg);}};}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator["return"]&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y);}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e);}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e;}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0);}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o<e.length;)if(n.call(e,o))return next.value=e[o],next.done=!1,next;return next.value=t,next.done=!0,next;};return i.next=i;}}throw new TypeError(_typeof(e)+" is not iterable");}return GeneratorFunction.prototype=GeneratorFunctionPrototype,o(g,"constructor",{value:GeneratorFunctionPrototype,configurable:!0}),o(GeneratorFunctionPrototype,"constructor",{value:GeneratorFunction,configurable:!0}),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,u,"GeneratorFunction"),e.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===GeneratorFunction||"GeneratorFunction"===(e.displayName||e.name));},e.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,GeneratorFunctionPrototype):(t.__proto__=GeneratorFunctionPrototype,define(t,u,"GeneratorFunction")),t.prototype=Object.create(g),t;},e.awrap=function(t){return{__await:t};},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,c,function(){return this;}),e.AsyncIterator=AsyncIterator,e.async=function(t,r,n,o,i){void 0===i&&(i=Promise);var a=new AsyncIterator(wrap(t,r,n,o),i);return e.isGeneratorFunction(r)?a:a.next().then(function(t){return t.done?t.value:a.next();});},defineIteratorMethods(g),define(g,u,"Generator"),define(g,a,function(){return this;}),define(g,"toString",function(){return"[object Generator]";}),e.keys=function(t){var e=Object(t),r=[];for(var n in e)r.push(n);return r.reverse(),function next(){for(;r.length;){var t=r.pop();if(t in e)return next.value=t,next.done=!1,next;}return next.done=!0,next;};},e.values=values,Context.prototype={constructor:Context,reset:function reset(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(resetTryEntry),!e)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=t);},stop:function stop(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval;},dispatchException:function dispatchException(e){if(this.done)throw e;var r=this;function handle(n,o){return a.type="throw",a.arg=e,r.next=n,o&&(r.method="next",r.arg=t),!!o;}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}else if(c){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);}else{if(!u)throw Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}}}},abrupt:function abrupt(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break;}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,y):this.complete(a);},complete:function complete(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),y;},finish:function finish(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y;}},"catch":function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r);}return o;}}throw Error("illegal catch attempt");},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y;}},e;}function asyncGeneratorStep(n,t,e,r,o,a,c){try{var i=n[a](c),u=i.value;}catch(n){return void e(n);}i.done?t(u):Promise.resolve(u).then(r,o);}function _asyncToGenerator(n){return function(){var t=this,e=arguments;return new Promise(function(r,o){var a=n.apply(t,e);function _next(n){asyncGeneratorStep(a,r,o,_next,_throw,"next",n);}function _throw(n){asyncGeneratorStep(a,r,o,_next,_throw,"throw",n);}_next(void 0);});};}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;},function(_litDecoratorsJs){s=_litDecoratorsJs.query;e=_litDecoratorsJs.property;n=_litDecoratorsJs.customElement;},function(_nileDropdownCssCjsJs){o=_nileDropdownCssCjsJs.s;},function(_internalAnimateCjsJs){h=_internalAnimateCjsJs.s;a=_internalAnimateCjsJs.a;},function(_litDirectivesClassMapJs){r=_litDirectivesClassMapJs.classMap;},function(_utilitiesAnimationRegistryCjsJs){l=_utilitiesAnimationRegistryCjsJs.s;d=_utilitiesAnimationRegistryCjsJs.g;},function(_internalTabbableCjsJs){p=_internalTabbableCjsJs.g;},function(_internalEventCjsJs){c=_internalEventCjsJs.w;},function(_internalWatchCjsJs){m=_internalWatchCjsJs.w;},function(_internalNileElementCjsJs){u=_internalNileElementCjsJs.N;},function(_nilePopupNilePopupCjsJs){},function(_portalManagerCjsJs){f=_portalManagerCjsJs.D;},function(_utilitiesVisibilityManagerCjsJs){w=_utilitiesVisibilityManagerCjsJs.V;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){},function(_floatingUiDom001CjsJs){},function(_nilePopupNilePopupCssCjsJs){},function(_portalUtilsCjsJs){}],execute:function execute(){_export("N",y=/*#__PURE__*/function(_u){function y(){var _this;_classCallCheck(this,y);_this=_callSuper(this,y,arguments),_this.open=!1,_this.placement="bottom-start",_this.disabled=!1,_this.stayOpenOnSelect=!1,_this.distance=0,_this.noOpenOnClick=!1,_this.skidding=0,_this.hoist=!1,_this.portal=!1,_this.enableVisibilityEffect=!1,_this.enableTabClose=!1,_this.portalManager=null,_this._triggerDisabledByDropdown=!1;return _this;}_inherits(y,_u);return _createClass(y,[{key:"connectedCallback",value:function connectedCallback(){var _this2=this;_superPropGet(y,"connectedCallback",this,3)([]),this.handlePanelSelect=this.handlePanelSelect.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleDocumentKeyDown=this.handleDocumentKeyDown.bind(this),this.handleDocumentMouseDown=this.handleDocumentMouseDown.bind(this),this.containingElement||(this.containingElement=this),this.emit("nile-init"),requestAnimationFrame(function(){_this2.portal&&!_this2.portalManager&&(_this2.portalManager=new f(_this2));});}},{key:"firstUpdated",value:function(){var _firstUpdated=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(t){var _this3=this;var i;return _regeneratorRuntime().wrap(function _callee$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:this.panel.hidden=!this.open;this.open&&(this.addOpenListeners(),this.popup.active=!0);_context2.next=4;return this.updateComplete;case 4:i=this.trigger.assignedElements({flatten:!0})[0];this.visibilityManager=new w({host:this,target:i||null,enableVisibilityEffect:this.enableVisibilityEffect,enableTabClose:this.enableTabClose,isOpen:function isOpen(){return _this3.open;},onAnchorOutOfView:function onAnchorOutOfView(){_this3.hide(),_this3.emit("nile-visibility-change",{visible:!1,reason:"anchor-out-of-view"});},onDocumentHidden:function onDocumentHidden(){_this3.hide(),_this3.emit("nile-visibility-change",{visible:!1,reason:"document-hidden"});},emit:function emit(t,i){return _this3.emit("nile-".concat(t),i);}});case 6:case"end":return _context2.stop();}},_callee,this);}));function firstUpdated(_x){return _firstUpdated.apply(this,arguments);}return firstUpdated;}()},{key:"disconnectedCallback",value:function disconnectedCallback(){var _this$visibilityManag;_superPropGet(y,"disconnectedCallback",this,3)([]),(_this$visibilityManag=this.visibilityManager)!==null&&_this$visibilityManag!==void 0&&_this$visibilityManag.cleanup(),this.removeOpenListeners(),this.hide(),this.emit("nile-destroy"),this.portalManager&&(this.portalManager.cleanupPortalAppend(),this.portalManager=null);}},{key:"focusOnTrigger",value:function focusOnTrigger(){var t=this.trigger.assignedElements({flatten:!0})[0];"function"==typeof(t===null||t===void 0?void 0:t.focus)&&t.focus();}},{key:"getMenu",value:function getMenu(){return this.panel.assignedElements({flatten:!0}).find(function(t){return"nile-menu"===t.tagName.toLowerCase();});}},{key:"handleKeyDown",value:function handleKeyDown(t){this.open&&"Escape"===t.key&&(t.stopPropagation(),this.hide(),this.focusOnTrigger());}},{key:"handleDocumentKeyDown",value:function handleDocumentKeyDown(t){var _this4=this;if("Escape"===t.key&&this.open)return t.stopPropagation(),this.focusOnTrigger(),void this.hide();if("Tab"===t.key){var _document$activeEleme;if(this.open&&"nile-menu-item"===((_document$activeEleme=document.activeElement)===null||_document$activeEleme===void 0?void 0:_document$activeEleme.tagName.toLowerCase()))return t.preventDefault(),this.hide(),void this.focusOnTrigger();setTimeout(function(){var _this4$containingElem,_document$activeEleme2,_this4$portalManager;var t=((_this4$containingElem=_this4.containingElement)===null||_this4$containingElem===void 0?void 0:_this4$containingElem.getRootNode())instanceof ShadowRoot?(_document$activeEleme2=document.activeElement)===null||_document$activeEleme2===void 0||(_document$activeEleme2=_document$activeEleme2.shadowRoot)===null||_document$activeEleme2===void 0?void 0:_document$activeEleme2.activeElement:document.activeElement,i=_this4.containingElement&&(t===null||t===void 0?void 0:t.closest(_this4.containingElement.tagName.toLowerCase()))===_this4.containingElement,s=_this4.portal&&((_this4$portalManager=_this4.portalManager)===null||_this4$portalManager===void 0?void 0:_this4$portalManager.portalContainerElement)&&(t===_this4.portalManager.portalContainerElement||(t===null||t===void 0?void 0:t.closest(".nile-dropdown-portal-append"))===_this4.portalManager.portalContainerElement);i||s||_this4.hide();});}}},{key:"handleDocumentMouseDown",value:function handleDocumentMouseDown(t){var _this$portalManager;var i=t.composedPath(),s=this.containingElement&&i.includes(this.containingElement),e=this.portal&&((_this$portalManager=this.portalManager)===null||_this$portalManager===void 0?void 0:_this$portalManager.portalContainerElement)&&i.includes(this.portalManager.portalContainerElement);s||e||this.hide();}},{key:"handlePanelSelect",value:function handlePanelSelect(t){var i=t.target;this.stayOpenOnSelect||"nile-menu"!==i.tagName.toLowerCase()?this.stayOpenOnSelect&&"nile-menu"===i.tagName.toLowerCase()&&(this.show(),this.focusOnTrigger()):(this.hide(),this.focusOnTrigger());}},{key:"handleTriggerClick",value:function handleTriggerClick(){this.noOpenOnClick||this.disabled||this.isTriggerDisabled()||(this.open?this.hide():(this.show(),this.focusOnTrigger()));}},{key:"handleTriggerKeyDown",value:function handleTriggerKeyDown(t){var i=this.getMenu();if(i){var _s=i.getAllItems(),_e=_s[0],_n=_s[_s.length-1];["ArrowDown","ArrowUp","Home","End"].includes(t.key)&&(t.preventDefault(),this.open||this.show(),_s.length>0&&this.updateComplete.then(function(){"ArrowDown"!==t.key&&"Home"!==t.key||(i.setCurrentItem(_e),_e.focus()),"ArrowUp"!==t.key&&"End"!==t.key||(i.setCurrentItem(_n),_n.focus());}));}}},{key:"handleTriggerKeyUp",value:function handleTriggerKeyUp(t){" "===t.key&&t.preventDefault();}},{key:"handleTriggerSlotChange",value:function handleTriggerSlotChange(){this.updateAccessibleTrigger();}},{key:"isTriggerDisabled",value:function isTriggerDisabled(){var _t$hasAttribute;var t=this.querySelector('[slot="trigger"]');return t===null||t===void 0||(_t$hasAttribute=t.hasAttribute)===null||_t$hasAttribute===void 0?void 0:_t$hasAttribute.call(t,"disabled");}},{key:"updateAccessibleTrigger",value:function updateAccessibleTrigger(){var t=this.trigger.assignedElements({flatten:!0}).find(function(t){return p(t).start;});var i;if(t){switch(t.tagName.toLowerCase()){case"nile-button":case"nile-icon-button":i=t.button;break;default:i=t;}i.setAttribute("aria-haspopup","true"),i.setAttribute("aria-expanded",this.open?"true":"false");}}},{key:"show",value:function(){var _show=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(){return _regeneratorRuntime().wrap(function _callee2$(_context3){while(1)switch(_context3.prev=_context3.next){case 0:if(this.open||this.disabled||this.isTriggerDisabled()){_context3.next=2;break;}return _context3.abrupt("return",(this.open=!0,c(this,"nile-after-show")));case 2:case"end":return _context3.stop();}},_callee2,this);}));function show(){return _show.apply(this,arguments);}return show;}()},{key:"hide",value:function(){var _hide=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(){return _regeneratorRuntime().wrap(function _callee3$(_context4){while(1)switch(_context4.prev=_context4.next){case 0:if(!this.open){_context4.next=2;break;}return _context4.abrupt("return",(this.open=!1,c(this,"nile-after-hide")));case 2:case"end":return _context4.stop();}},_callee3,this);}));function hide(){return _hide.apply(this,arguments);}return hide;}()},{key:"reposition",value:function reposition(){this.popup.reposition();}},{key:"addOpenListeners",value:function addOpenListeners(){this.panel.addEventListener("nile-select",this.handlePanelSelect),this.panel.addEventListener("keydown",this.handleKeyDown),document.addEventListener("keydown",this.handleDocumentKeyDown),document.addEventListener("mousedown",this.handleDocumentMouseDown);}},{key:"removeOpenListeners",value:function removeOpenListeners(){this.panel&&(this.panel.removeEventListener("nile-select",this.handlePanelSelect),this.panel.removeEventListener("keydown",this.handleKeyDown)),document.removeEventListener("keydown",this.handleDocumentKeyDown),document.removeEventListener("mousedown",this.handleDocumentMouseDown);}},{key:"updated",value:function updated(t){_superPropGet(y,"updated",this,3)([t]),t.has("portal")&&(this.portal&&!this.portalManager?(this.portalManager=new f(this),this.open&&this.portalManager.setupPortalAppend()):!this.portal&&this.portalManager&&(this.portalManager.cleanupPortalAppend(),this.portalManager=null)),t.has("disabled")&&(this.disabled&&this.open&&this.hide(),this.updateTriggerDisabledState());}},{key:"updateTriggerDisabledState",value:function updateTriggerDisabledState(){var t=this.querySelector('[slot="trigger"]');t&&(this.disabled?(t.disabled||(this._triggerDisabledByDropdown=!0),t.disabled=!0):this._triggerDisabledByDropdown&&(t.disabled=!1,this._triggerDisabledByDropdown=!1));}},{key:"handleOpenChange",value:function(){var _handleOpenChange=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee4(){var _this$visibilityManag2;var _d,_t,_i,_this$visibilityManag3,_d2,_t2,_i2;return _regeneratorRuntime().wrap(function _callee4$(_context5){while(1)switch(_context5.prev=_context5.next){case 0:if(!((_this$visibilityManag2=this.visibilityManager)!==null&&_this$visibilityManag2!==void 0&&_this$visibilityManag2.setup(),this.open&&(this.disabled||this.isTriggerDisabled()))){_context5.next=4;break;}this.open=!1;_context5.next=31;break;case 4:if(!(this.updateAccessibleTrigger(),this.open)){_context5.next=18;break;}this.emit("nile-show");this.addOpenListeners();this.portal&&this.portalManager?this.portalManager.setupPortalAppend():this.portal&&!this.portalManager&&(this.portalManager=new f(this),this.portalManager.setupPortalAppend());_context5.next=10;return h(this);case 10:if(this.portal){_context5.next=15;break;}this.panel.hidden=!1,this.popup.active=!0;_d=d(this,"dropdown.show",{dir:""}),_t=_d.keyframes,_i=_d.options;_context5.next=15;return a(this.popup.popup,_t,_i);case 15:this.emit("nile-after-show");_context5.next=31;break;case 18:this.emit("nile-hide");this.removeOpenListeners();(_this$visibilityManag3=this.visibilityManager)!==null&&_this$visibilityManag3!==void 0&&_this$visibilityManag3.cleanup();this.portal&&this.portalManager&&this.portalManager.cleanupPortalAppend();_context5.next=24;return h(this);case 24:if(this.portal){_context5.next=30;break;}_d2=d(this,"dropdown.hide",{dir:""}),_t2=_d2.keyframes,_i2=_d2.options;_context5.next=28;return a(this.popup.popup,_t2,_i2);case 28:this.panel.hidden=!0;this.popup.active=!1;case 30:this.emit("nile-after-hide");case 31:case"end":return _context5.stop();}},_callee4,this);}));function handleOpenChange(){return _handleOpenChange.apply(this,arguments);}return handleOpenChange;}()},{key:"render",value:function render(){return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <nile-popup\n        part=\"base\"\n        id=\"dropdown\"\n        placement=","\n        distance=","\n        skidding=","\n        strategy=","\n        sync=","\n        flip\n        shift\n        auto-size=\"both\"\n        auto-size-padding=\"10\"\n        class=","\n      >\n        <slot\n          name=\"trigger\"\n          slot=\"anchor\"\n          part=\"trigger\"\n          class=\"dropdown__trigger\"\n          @click=","\n          @keydown=","\n          @keyup=","\n          @slotchange=","\n        ></slot>\n\n        <slot\n          part=\"panel\"\n          class=\"dropdown__panel\"\n          aria-hidden=","\n          aria-labelledby=\"dropdown\"\n          style=","\n        ></slot>\n      </nile-popup>\n    "])),this.placement,this.distance,this.skidding,this.hoist?"fixed":"absolute",this.sync,r({dropdown:!0,"dropdown--open":this.open}),this.handleTriggerClick,this.handleTriggerKeyDown,this.handleTriggerKeyUp,this.handleTriggerSlotChange,this.open?"false":"true",this.portal&&this.portalManager?"display: none;":"");}}]);}(u));y.styles=o,t([s(".dropdown")],y.prototype,"popup",void 0),t([s(".dropdown__trigger")],y.prototype,"trigger",void 0),t([s(".dropdown__panel")],y.prototype,"panel",void 0),t([e({type:Boolean,reflect:!0})],y.prototype,"open",void 0),t([e({reflect:!0})],y.prototype,"placement",void 0),t([e({type:Boolean,reflect:!0})],y.prototype,"disabled",void 0),t([e({attribute:"stay-open-on-select",type:Boolean,reflect:!0})],y.prototype,"stayOpenOnSelect",void 0),t([e({attribute:!1})],y.prototype,"containingElement",void 0),t([e({type:Number})],y.prototype,"distance",void 0),t([e({type:Boolean})],y.prototype,"noOpenOnClick",void 0),t([e({type:Number})],y.prototype,"skidding",void 0),t([e()],y.prototype,"sync",void 0),t([e({type:Boolean})],y.prototype,"hoist",void 0),t([e({type:Boolean,reflect:!0})],y.prototype,"portal",void 0),t([e({type:Boolean,reflect:!0})],y.prototype,"enableVisibilityEffect",void 0),t([e({type:Boolean,reflect:!0})],y.prototype,"enableTabClose",void 0),t([m("open",{waitUntilFirstUpdate:!0})],y.prototype,"handleOpenChange",null),_export("N",y=t([n("nile-dropdown")],y)),l("dropdown.show",{keyframes:[{opacity:0,scale:.9},{opacity:1,scale:1}],options:{duration:100,easing:"ease"}}),l("dropdown.hide",{keyframes:[{opacity:1,scale:1},{opacity:0,scale:.9}],options:{duration:100,easing:"ease"}});}};});
 //# sourceMappingURL=nile-dropdown.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-dropdown.cjs.js","sources":["../../../src/nile-dropdown/nile-dropdown.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {LitElement, html, CSSResultArray, TemplateResult, PropertyValues} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport {styles} from './nile-dropdown.css';\nimport { animateTo, stopAnimations } from '../internal/animate';\nimport { classMap } from 'lit/directives/class-map.js';\nimport {  query } from 'lit/decorators.js';\nimport { getAnimation, setDefaultAnimation } from '../utilities/animation-registry';\nimport { getTabbableBoundary } from '../internal/tabbable';\nimport { waitForEvent } from '../internal/event';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\nimport type NileButton from '../nile-button/nile-button';\nimport type NileIconButton from '../nile-icon-button/nile-icon-button';\nimport type { NileMenu } from '../nile-menu';\nimport type { NilePopup } from '../nile-popup';\nimport '../nile-popup';\nimport { DropdownPortalManager } from './portal-manager';\nimport { VisibilityManager } from '../utilities/visibility-manager.js';\n\n/**\n * Nile icon component.\n *\n * @tag nile-dropdown\n * @summary Dropdowns expose additional content that \"drops down\" in a panel.\n * @dependency nile-popup\n *\n * @slot - The dropdown's main content.\n * @slot trigger - The dropdown's trigger, usually a `<nile-button>` element.\n *\n * @event nile-show - Emitted when the dropdown opens.\n * @event nile-after-show - Emitted after the dropdown opens and all animations are complete.\n * @event nile-hide - Emitted when the dropdown closes.\n * @event nile-after-hide - Emitted after the dropdown closes and all animations are complete.\n *\n * @csspart base - The component's base wrapper.\n * @csspart trigger - The container that wraps the trigger.\n * @csspart panel - The panel that gets shown when the dropdown is open.\n *\n * @animation dropdown.show - The animation to use when showing the dropdown.\n * @animation dropdown.hide - The animation to use when hiding the dropdown.\n */\n@customElement('nile-dropdown')\nexport class NileDropdown extends NileElement {\n  static styles: CSSResultGroup = styles;\n\n  @query('.dropdown') popup: NilePopup;\n  @query('.dropdown__trigger') trigger: HTMLSlotElement;\n  @query('.dropdown__panel') panel: HTMLSlotElement;\n\n\n  /**\n   * Indicates whether or not the dropdown is open. You can toggle this attribute to show and hide the dropdown, or you\n   * can use the `show()` and `hide()` methods and this attribute will reflect the dropdown's open state.\n   */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  /**\n   * The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel\n   * inside of the viewport.\n   */\n  @property({ reflect: true }) placement:\n    | 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end' = 'bottom-start';\n\n  /** Disables the dropdown so the panel will not open. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /**\n   * By default, the dropdown is closed when an item is selected. This attribute will keep it open instead. Useful for\n   * dropdowns that allow for multiple interactions.\n   */\n  @property({ attribute: 'stay-open-on-select', type: Boolean, reflect: true }) stayOpenOnSelect = false;\n\n  /**\n   * The dropdown will close when the user interacts outside of this element (e.g. clicking). Useful for composing other\n   * components that use a dropdown internally.\n   */\n  @property({ attribute: false }) containingElement?: HTMLElement;\n\n  /** The distance in pixels from which to offset the panel away from its trigger. */\n  @property({ type: Number }) distance = 0;\n\n\n  @property({ type: Boolean }) noOpenOnClick = false;\n\n  /** The distance in pixels from which to offset the panel along its trigger. */\n  @property({ type: Number }) skidding = 0;\n\n  /** Syncs the popup's width or height to that of the anchor element. */\n  @property() sync: 'width' | 'height' | 'both';\n\n  /**\n   * Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n   * `overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.\n   */\n  @property({ type: Boolean }) hoist = false;\n\n  /**\n   * Enable portal mode to render the dropdown panel in a portal outside the component's DOM tree.\n   * This provides better positioning control and prevents clipping issues in complex layouts.\n   */\n  @property({ type: Boolean, reflect: true }) portal = false;\n\n  @property({ type: Boolean, reflect: true }) enableVisibilityEffect = false;\n\n  @property({ type: Boolean, reflect: true }) enableTabClose = false;\n\n\n  private portalManager: DropdownPortalManager | null = null;\n  private visibilityManager?: VisibilityManager;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.handlePanelSelect = this.handlePanelSelect.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n    this.handleDocumentKeyDown = this.handleDocumentKeyDown.bind(this);\n    this.handleDocumentMouseDown = this.handleDocumentMouseDown.bind(this);\n\n    if (!this.containingElement) {\n      this.containingElement = this;\n    }\n    this.emit('nile-init');\n\n    requestAnimationFrame(() => {\n      if (this.portal && !this.portalManager) {\n        this.portalManager = new DropdownPortalManager(this);\n      }\n    });\n  }\n\n  protected async firstUpdated(_changed: PropertyValues) {\n  \n    this.panel.hidden = !this.open;\n\n    // If the dropdown is visible on init, update its position\n    if (this.open) {\n      this.addOpenListeners();\n      this.popup.active = true;\n    }\n  \n    await this.updateComplete;\n    const triggerNode = this.trigger.assignedElements({ flatten: true })[0] as HTMLElement | undefined;\n  \n    this.visibilityManager = new VisibilityManager({\n      host: this,\n      target: triggerNode || null,\n      enableVisibilityEffect: this.enableVisibilityEffect,\n      enableTabClose: this.enableTabClose,\n      isOpen: () => this.open,\n      onAnchorOutOfView: () => {\n        this.hide();\n        this.emit('nile-visibility-change', {\n          visible: false,\n          reason: 'anchor-out-of-view',\n        });\n      },\n      onDocumentHidden: () => {\n        this.hide();\n        this.emit('nile-visibility-change', {\n          visible: false,\n          reason: 'document-hidden',\n        });\n      },\n      emit: (event, detail) => this.emit(`nile-${event}`, detail),\n    });\n  }\n  \n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.visibilityManager?.cleanup();\n    this.removeOpenListeners();\n    this.hide();\n    this.emit('nile-destroy');\n\n    if (this.portalManager) {\n      this.portalManager.cleanupPortalAppend();\n      this.portalManager = null;\n    }\n  }\n\n  focusOnTrigger() {\n    const trigger = this.trigger.assignedElements({ flatten: true })[0] as HTMLElement | undefined;\n    if (typeof trigger?.focus === 'function') {\n      trigger.focus();\n    }\n  }\n\n  getMenu() {\n    return this.panel.assignedElements({ flatten: true }).find(el => el.tagName.toLowerCase() === 'nile-menu') as\n      | NileMenu\n      | undefined;\n  }\n\n  handleKeyDown(event: KeyboardEvent) {\n    // Close when escape is pressed inside an open dropdown. We need to listen on the panel itself and stop propagation\n    // in case any ancestors are also listening for this key.\n    if (this.open && event.key === 'Escape') {\n      event.stopPropagation();\n      this.hide();\n      this.focusOnTrigger();\n    }\n  }\n\n  handleDocumentKeyDown(event: KeyboardEvent) {\n    // Close when escape or tab is pressed\n    if (event.key === 'Escape' && this.open) {\n      event.stopPropagation();\n      this.focusOnTrigger();\n      this.hide();\n      return;\n    }\n\n    // Handle tabbing\n    if (event.key === 'Tab') {\n      // Tabbing within an open menu should close the dropdown and refocus the trigger\n      if (this.open && document.activeElement?.tagName.toLowerCase() === 'nile-menu-item') {\n        event.preventDefault();\n        this.hide();\n        this.focusOnTrigger();\n        return;\n      }\n\n      // Tabbing outside of the containing element closes the panel\n      //\n      // If the dropdown is used within a shadow DOM, we need to obtain the activeElement within that shadowRoot,\n      // otherwise `document.activeElement` will only return the name of the parent shadow DOM element.\n      setTimeout(() => {\n        const activeElement =\n          this.containingElement?.getRootNode() instanceof ShadowRoot\n            ? document.activeElement?.shadowRoot?.activeElement\n            : document.activeElement;\n\n        const hitSelf = this.containingElement && activeElement?.closest(this.containingElement.tagName.toLowerCase()) === this.containingElement;\n        const hitPortalAppend = this.portal && this.portalManager?.portalContainerElement && \n                                (activeElement === this.portalManager.portalContainerElement || \n                                 activeElement?.closest('.nile-dropdown-portal-append') === this.portalManager.portalContainerElement);\n\n        if (!hitSelf && !hitPortalAppend) {\n          this.hide();\n        }\n      });\n    }\n  }\n\n  handleDocumentMouseDown(event: MouseEvent) {\n    // Close when clicking outside of the containing element\n    const path = event.composedPath();\n    const hitSelf = this.containingElement && path.includes(this.containingElement);\n    const hitPortalAppend = this.portal && this.portalManager?.portalContainerElement && path.includes(this.portalManager.portalContainerElement);\n\n    if (!hitSelf && !hitPortalAppend) {\n      this.hide();\n    }\n  }\n\n  handlePanelSelect(event: any) {\n    const target = event.target as HTMLElement;\n\n    // Hide the dropdown when a menu item is selected\n    if (!this.stayOpenOnSelect && target.tagName.toLowerCase() === 'nile-menu') {\n      this.hide();\n      this.focusOnTrigger();\n    } else if(this.stayOpenOnSelect && target.tagName.toLowerCase() === 'nile-menu') {\n      this.show();\n      this.focusOnTrigger();\n    }\n  }\n\n  handleTriggerClick() {\n    if(this.noOpenOnClick){\n      return;\n    }\n    if (this.open) {\n      this.hide();\n    } else {\n      this.show();\n      this.focusOnTrigger();\n    }\n  }\n\n  handleTriggerKeyDown(event: KeyboardEvent) {\n    // When spacebar/enter is pressed, show the panel but don't focus on the menu. This let's the user press the same\n    // key again to hide the menu in case they don't want to make a selection.\n    // if (['Enter'].includes(event.key)) {\n    //   event.preventDefault();\n    //   this.handleTriggerClick();\n    //   return;\n    // }\n\n    const menu = this.getMenu();\n\n    if (menu) {\n      const menuItems = menu.getAllItems();\n      const firstMenuItem = menuItems[0];\n      const lastMenuItem = menuItems[menuItems.length - 1];\n\n      // When up/down is pressed, we make the assumption that the user is familiar with the menu and plans to make a\n      // selection. Rather than toggle the panel, we focus on the menu (if one exists) and activate the first item for\n      // faster navigation.\n      if (['ArrowDown', 'ArrowUp', 'Home', 'End'].includes(event.key)) {\n        event.preventDefault();\n\n        // Show the menu if it's not already open\n        if (!this.open) {\n          this.show();\n        }\n\n        if (menuItems.length > 0) {\n          // Focus on the first/last menu item after showing\n          this.updateComplete.then(() => {\n            if (event.key === 'ArrowDown' || event.key === 'Home') {\n              menu.setCurrentItem(firstMenuItem);\n              firstMenuItem.focus();\n            }\n\n            if (event.key === 'ArrowUp' || event.key === 'End') {\n              menu.setCurrentItem(lastMenuItem);\n              lastMenuItem.focus();\n            }\n          });\n        }\n      }\n    }\n  }\n\n  handleTriggerKeyUp(event: KeyboardEvent) {\n    // Prevent space from triggering a click event in Firefox\n    if (event.key === ' ') {\n      event.preventDefault();\n    }\n  }\n\n  handleTriggerSlotChange() {\n    this.updateAccessibleTrigger();\n  }\n\n  //\n  // Slotted triggers can be arbitrary content, but we need to link them to the dropdown panel with `aria-haspopup` and\n  // `aria-expanded`. These must be applied to the \"accessible trigger\" (the tabbable portion of the trigger element\n  // that gets slotted in) so screen readers will understand them. The accessible trigger could be the slotted element,\n  // a child of the slotted element, or an element in the slotted element's shadow root.\n  //\n  // For example, the accessible trigger of an <nile-button> is a <button> located inside its shadow root.\n  //\n  // To determine this, we assume the first tabbable element in the trigger slot is the \"accessible trigger.\"\n  //\n  updateAccessibleTrigger() {\n    const assignedElements = this.trigger.assignedElements({ flatten: true }) as HTMLElement[];\n    const accessibleTrigger = assignedElements.find(el => getTabbableBoundary(el).start);\n    let target: HTMLElement;\n\n    if (accessibleTrigger) {\n      switch (accessibleTrigger.tagName.toLowerCase()) {\n        // nile buttons have to update the internal button so it's announced correctly by screen readers\n        case 'nile-button':\n        case 'nile-icon-button':\n          target = (accessibleTrigger as NileButton | NileIconButton).button;\n          break;\n\n        default:\n          target = accessibleTrigger;\n      }\n\n      target.setAttribute('aria-haspopup', 'true');\n      target.setAttribute('aria-expanded', this.open ? 'true' : 'false');\n    }\n  }\n\n  /** Shows the dropdown panel. */\n  async show() {\n    if (this.open) {\n      return undefined;\n    }\n\n    this.open = true;\n    return waitForEvent(this, 'nile-after-show');\n  }\n\n  /** Hides the dropdown panel */\n  async hide() {\n    if (!this.open) {\n      return undefined;\n    }\n\n    this.open = false;\n    return waitForEvent(this, 'nile-after-hide');\n  }\n\n  /**\n   * Instructs the dropdown menu to reposition. Useful when the position or size of the trigger changes when the menu\n   * is activated.\n   */\n  reposition() {\n    this.popup.reposition();\n  }\n\n  addOpenListeners() {\n    this.panel.addEventListener('nile-select', this.handlePanelSelect);\n    this.panel.addEventListener('keydown', this.handleKeyDown);\n    document.addEventListener('keydown', this.handleDocumentKeyDown);\n    document.addEventListener('mousedown', this.handleDocumentMouseDown);\n  }\n\n  removeOpenListeners() {\n    if (this.panel) {\n      this.panel.removeEventListener('nile-select', this.handlePanelSelect);\n      this.panel.removeEventListener('keydown', this.handleKeyDown);\n    }\n    document.removeEventListener('keydown', this.handleDocumentKeyDown);\n    document.removeEventListener('mousedown', this.handleDocumentMouseDown);\n  }\n\n  protected updated(changedProperties: PropertyValues): void {\n    super.updated(changedProperties);\n    \n    if (changedProperties.has('portal')) {\n      if (this.portal && !this.portalManager) {\n        this.portalManager = new DropdownPortalManager(this);\n        if (this.open) {\n          this.portalManager.setupPortalAppend();\n        }\n      } else if (!this.portal && this.portalManager) {\n        this.portalManager.cleanupPortalAppend();\n        this.portalManager = null;\n      }\n    }\n    if (changedProperties.has('disabled')) {\n      this.updateTriggerDisabledState();\n    }\n  }\n  \n  private updateTriggerDisabledState() {\n    const trigger = this.querySelector('[slot=\"trigger\"]') as any;\n    if (!trigger) return;\n    const triggerAlreadyDisabled = trigger.hasAttribute('disabled');\n    if (this.disabled || triggerAlreadyDisabled) {\n      trigger.disabled = true;\n      this.disabled = true;\n    }\n  }\n\n  @watch('open', { waitUntilFirstUpdate: true })\n  async handleOpenChange() {\n    this.visibilityManager?.setup();\n    if (this.disabled) {\n      this.open = false;\n      return;\n    }\n\n    this.updateAccessibleTrigger();\n\n    if (this.open) {\n      // Show\n      this.emit('nile-show');\n      this.addOpenListeners();\n\n      if (this.portal && this.portalManager) {\n        this.portalManager.setupPortalAppend();\n      } else if (this.portal && !this.portalManager) {\n        this.portalManager = new DropdownPortalManager(this);\n        this.portalManager.setupPortalAppend();\n      }\n\n      await stopAnimations(this);\n      \n      // Only show panel and animate if not using portal\n      if (!this.portal) {\n        this.panel.hidden = false;\n        this.popup.active = true;\n        const { keyframes, options } = getAnimation(this, 'dropdown.show', { dir: '' });\n        await animateTo(this.popup.popup, keyframes, options);\n      }\n\n      this.emit('nile-after-show');\n    } else {\n      // Hide\n      this.emit('nile-hide');\n      this.removeOpenListeners();\n      this.visibilityManager?.cleanup();\n\n      if (this.portal && this.portalManager) {\n        this.portalManager.cleanupPortalAppend();\n      }\n\n      await stopAnimations(this);\n      \n      // Only hide panel and animate if not using portal\n      if (!this.portal) {\n        const { keyframes, options } = getAnimation(this, 'dropdown.hide', { dir: '' });\n        await animateTo(this.popup.popup, keyframes, options);\n        this.panel.hidden = true;\n        this.popup.active = false;\n      }\n\n      this.emit('nile-after-hide');\n    }\n  }\n\n  render() {\n    return html`\n      <nile-popup\n        part=\"base\"\n        id=\"dropdown\"\n        placement=${this.placement}\n        distance=${this.distance}\n        skidding=${this.skidding}\n        strategy=${this.hoist ? 'fixed' : 'absolute'}\n        sync=${this.sync}\n        flip\n        shift\n        auto-size=\"both\"\n        auto-size-padding=\"10\"\n        class=${classMap({\n          dropdown: true,\n          'dropdown--open': this.open\n        })}\n      >\n        <slot\n          name=\"trigger\"\n          slot=\"anchor\"\n          part=\"trigger\"\n          class=\"dropdown__trigger\"\n          @click=${this.handleTriggerClick}\n          @keydown=${this.handleTriggerKeyDown}\n          @keyup=${this.handleTriggerKeyUp}\n          @slotchange=${this.handleTriggerSlotChange}\n        ></slot>\n\n        <slot\n          part=\"panel\"\n          class=\"dropdown__panel\"\n          aria-hidden=${this.open ? 'false' : 'true'}\n          aria-labelledby=\"dropdown\"\n          style=${this.portal && this.portalManager ? 'display: none;' : ''}\n        ></slot>\n      </nile-popup>\n    `;\n  }\n}\n\nsetDefaultAnimation('dropdown.show', {\n  keyframes: [\n    { opacity: 0, scale: 0.9 },\n    { opacity: 1, scale: 1 }\n  ],\n  options: { duration: 100, easing: 'ease' }\n});\n\nsetDefaultAnimation('dropdown.hide', {\n  keyframes: [\n    { opacity: 1, scale: 1 },\n    { opacity: 0, scale: 0.9 }\n  ],\n  options: { duration: 100, easing: 'ease' }\n});\n\nexport default NileDropdown;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-dropdown': NileDropdown;\n  }\n}\n"],"names":["NileDropdown","y","constructor","this","open","placement","disabled","stayOpenOnSelect","distance","noOpenOnClick","skidding","hoist","portal","enableVisibilityEffect","enableTabClose","portalManager","_this","_inherits","_u","_createClass","key","value","connectedCallback","super","handlePanelSelect","bind","handleKeyDown","handleDocumentKeyDown","handleDocumentMouseDown","containingElement","emit","requestAnimationFrame","DropdownPortalManager","_firstUpdated","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_changed","panel","hidden","addOpenListeners","popup","active","_context2","next","updateComplete","triggerNode","trigger","assignedElements","flatten","visibilityManager","VisibilityManager","host","target","isOpen","onAnchorOutOfView","hide","visible","reason","onDocumentHidden","event","detail","stop","firstUpdated","disconnectedCallback","cleanup","removeOpenListeners","cleanupPortalAppend","focusOnTrigger","focus","getMenu","find","el","tagName","toLowerCase","stopPropagation","_document$activeEleme","document","activeElement","preventDefault","setTimeout","getRootNode","ShadowRoot","shadowRoot","hitSelf","closest","hitPortalAppend","portalContainerElement","path","composedPath","includes","show","handleTriggerClick","handleTriggerKeyDown","menu","menuItems","getAllItems","firstMenuItem","lastMenuItem","length","then","setCurrentItem","handleTriggerKeyUp","handleTriggerSlotChange","updateAccessibleTrigger","accessibleTrigger","getTabbableBoundary","start","button","setAttribute","_show","_callee2","wrap","_callee2$","_context3","prev","abrupt","waitForEvent","_callee3","_callee3$","_context4","reposition","addEventListener","removeEventListener","updated","changedProperties","has","setupPortalAppend","updateTriggerDisabledState","querySelector","triggerAlreadyDisabled","hasAttribute","_handleOpenChange","_callee4","_this$visibilityManag2","_d","_t","_i","_this$visibilityManag3","_d2","_t2","_i2","_callee4$","_context5","setup","stopAnimations","getAnimation","dir","animateTo","keyframes","options","handleOpenChange","render","html","_templateObject","_taggedTemplateLiteral","sync","classMap","dropdown","NileElement","styles","__decorate","query","prototype","property","type","Boolean","reflect","attribute","Number","watch","waitUntilFirstUpdate","customElement","setDefaultAnimation","opacity","scale","duration","easing"],"mappings":"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"}
+{"version":3,"file":"nile-dropdown.cjs.js","sources":["../../../src/nile-dropdown/nile-dropdown.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {LitElement, html, CSSResultArray, TemplateResult, PropertyValues} from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport {styles} from './nile-dropdown.css';\nimport { animateTo, stopAnimations } from '../internal/animate';\nimport { classMap } from 'lit/directives/class-map.js';\nimport {  query } from 'lit/decorators.js';\nimport { getAnimation, setDefaultAnimation } from '../utilities/animation-registry';\nimport { getTabbableBoundary } from '../internal/tabbable';\nimport { waitForEvent } from '../internal/event';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\nimport type NileButton from '../nile-button/nile-button';\nimport type NileIconButton from '../nile-icon-button/nile-icon-button';\nimport type { NileMenu } from '../nile-menu';\nimport type { NilePopup } from '../nile-popup';\nimport '../nile-popup';\nimport { DropdownPortalManager } from './portal-manager';\nimport { VisibilityManager } from '../utilities/visibility-manager.js';\n\n/**\n * Nile icon component.\n *\n * @tag nile-dropdown\n * @summary Dropdowns expose additional content that \"drops down\" in a panel.\n * @dependency nile-popup\n *\n * @slot - The dropdown's main content.\n * @slot trigger - The dropdown's trigger, usually a `<nile-button>` element.\n *\n * @event nile-show - Emitted when the dropdown opens.\n * @event nile-after-show - Emitted after the dropdown opens and all animations are complete.\n * @event nile-hide - Emitted when the dropdown closes.\n * @event nile-after-hide - Emitted after the dropdown closes and all animations are complete.\n *\n * @csspart base - The component's base wrapper.\n * @csspart trigger - The container that wraps the trigger.\n * @csspart panel - The panel that gets shown when the dropdown is open.\n *\n * @animation dropdown.show - The animation to use when showing the dropdown.\n * @animation dropdown.hide - The animation to use when hiding the dropdown.\n */\n@customElement('nile-dropdown')\nexport class NileDropdown extends NileElement {\n  static styles: CSSResultGroup = styles;\n\n  @query('.dropdown') popup: NilePopup;\n  @query('.dropdown__trigger') trigger: HTMLSlotElement;\n  @query('.dropdown__panel') panel: HTMLSlotElement;\n\n\n  /**\n   * Indicates whether or not the dropdown is open. You can toggle this attribute to show and hide the dropdown, or you\n   * can use the `show()` and `hide()` methods and this attribute will reflect the dropdown's open state.\n   */\n  @property({ type: Boolean, reflect: true }) open = false;\n\n  /**\n   * The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel\n   * inside of the viewport.\n   */\n  @property({ reflect: true }) placement:\n    | 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end' = 'bottom-start';\n\n  /** Disables the dropdown so the panel will not open. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /**\n   * By default, the dropdown is closed when an item is selected. This attribute will keep it open instead. Useful for\n   * dropdowns that allow for multiple interactions.\n   */\n  @property({ attribute: 'stay-open-on-select', type: Boolean, reflect: true }) stayOpenOnSelect = false;\n\n  /**\n   * The dropdown will close when the user interacts outside of this element (e.g. clicking). Useful for composing other\n   * components that use a dropdown internally.\n   */\n  @property({ attribute: false }) containingElement?: HTMLElement;\n\n  /** The distance in pixels from which to offset the panel away from its trigger. */\n  @property({ type: Number }) distance = 0;\n\n\n  @property({ type: Boolean }) noOpenOnClick = false;\n\n  /** The distance in pixels from which to offset the panel along its trigger. */\n  @property({ type: Number }) skidding = 0;\n\n  /** Syncs the popup's width or height to that of the anchor element. */\n  @property() sync: 'width' | 'height' | 'both';\n\n  /**\n   * Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n   * `overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.\n   */\n  @property({ type: Boolean }) hoist = false;\n\n  /**\n   * Enable portal mode to render the dropdown panel in a portal outside the component's DOM tree.\n   * This provides better positioning control and prevents clipping issues in complex layouts.\n   */\n  @property({ type: Boolean, reflect: true }) portal = false;\n\n  @property({ type: Boolean, reflect: true }) enableVisibilityEffect = false;\n\n  @property({ type: Boolean, reflect: true }) enableTabClose = false;\n\n\n  private portalManager: DropdownPortalManager | null = null;\n  private visibilityManager?: VisibilityManager;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.handlePanelSelect = this.handlePanelSelect.bind(this);\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n    this.handleDocumentKeyDown = this.handleDocumentKeyDown.bind(this);\n    this.handleDocumentMouseDown = this.handleDocumentMouseDown.bind(this);\n\n    if (!this.containingElement) {\n      this.containingElement = this;\n    }\n    this.emit('nile-init');\n\n    requestAnimationFrame(() => {\n      if (this.portal && !this.portalManager) {\n        this.portalManager = new DropdownPortalManager(this);\n      }\n    });\n  }\n\n  protected async firstUpdated(_changed: PropertyValues) {\n  \n    this.panel.hidden = !this.open;\n\n    // If the dropdown is visible on init, update its position\n    if (this.open) {\n      this.addOpenListeners();\n      this.popup.active = true;\n    }\n  \n    await this.updateComplete;\n    const triggerNode = this.trigger.assignedElements({ flatten: true })[0] as HTMLElement | undefined;\n  \n    this.visibilityManager = new VisibilityManager({\n      host: this,\n      target: triggerNode || null,\n      enableVisibilityEffect: this.enableVisibilityEffect,\n      enableTabClose: this.enableTabClose,\n      isOpen: () => this.open,\n      onAnchorOutOfView: () => {\n        this.hide();\n        this.emit('nile-visibility-change', {\n          visible: false,\n          reason: 'anchor-out-of-view',\n        });\n      },\n      onDocumentHidden: () => {\n        this.hide();\n        this.emit('nile-visibility-change', {\n          visible: false,\n          reason: 'document-hidden',\n        });\n      },\n      emit: (event, detail) => this.emit(`nile-${event}`, detail),\n    });\n  }\n  \n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.visibilityManager?.cleanup();\n    this.removeOpenListeners();\n    this.hide();\n    this.emit('nile-destroy');\n\n    if (this.portalManager) {\n      this.portalManager.cleanupPortalAppend();\n      this.portalManager = null;\n    }\n  }\n\n  focusOnTrigger() {\n    const trigger = this.trigger.assignedElements({ flatten: true })[0] as HTMLElement | undefined;\n    if (typeof trigger?.focus === 'function') {\n      trigger.focus();\n    }\n  }\n\n  getMenu() {\n    return this.panel.assignedElements({ flatten: true }).find(el => el.tagName.toLowerCase() === 'nile-menu') as\n      | NileMenu\n      | undefined;\n  }\n\n  handleKeyDown(event: KeyboardEvent) {\n    // Close when escape is pressed inside an open dropdown. We need to listen on the panel itself and stop propagation\n    // in case any ancestors are also listening for this key.\n    if (this.open && event.key === 'Escape') {\n      event.stopPropagation();\n      this.hide();\n      this.focusOnTrigger();\n    }\n  }\n\n  handleDocumentKeyDown(event: KeyboardEvent) {\n    // Close when escape or tab is pressed\n    if (event.key === 'Escape' && this.open) {\n      event.stopPropagation();\n      this.focusOnTrigger();\n      this.hide();\n      return;\n    }\n\n    // Handle tabbing\n    if (event.key === 'Tab') {\n      // Tabbing within an open menu should close the dropdown and refocus the trigger\n      if (this.open && document.activeElement?.tagName.toLowerCase() === 'nile-menu-item') {\n        event.preventDefault();\n        this.hide();\n        this.focusOnTrigger();\n        return;\n      }\n\n      // Tabbing outside of the containing element closes the panel\n      //\n      // If the dropdown is used within a shadow DOM, we need to obtain the activeElement within that shadowRoot,\n      // otherwise `document.activeElement` will only return the name of the parent shadow DOM element.\n      setTimeout(() => {\n        const activeElement =\n          this.containingElement?.getRootNode() instanceof ShadowRoot\n            ? document.activeElement?.shadowRoot?.activeElement\n            : document.activeElement;\n\n        const hitSelf = this.containingElement && activeElement?.closest(this.containingElement.tagName.toLowerCase()) === this.containingElement;\n        const hitPortalAppend = this.portal && this.portalManager?.portalContainerElement && \n                                (activeElement === this.portalManager.portalContainerElement || \n                                 activeElement?.closest('.nile-dropdown-portal-append') === this.portalManager.portalContainerElement);\n\n        if (!hitSelf && !hitPortalAppend) {\n          this.hide();\n        }\n      });\n    }\n  }\n\n  handleDocumentMouseDown(event: MouseEvent) {\n    // Close when clicking outside of the containing element\n    const path = event.composedPath();\n    const hitSelf = this.containingElement && path.includes(this.containingElement);\n    const hitPortalAppend = this.portal && this.portalManager?.portalContainerElement && path.includes(this.portalManager.portalContainerElement);\n\n    if (!hitSelf && !hitPortalAppend) {\n      this.hide();\n    }\n  }\n\n  handlePanelSelect(event: any) {\n    const target = event.target as HTMLElement;\n\n    // Hide the dropdown when a menu item is selected\n    if (!this.stayOpenOnSelect && target.tagName.toLowerCase() === 'nile-menu') {\n      this.hide();\n      this.focusOnTrigger();\n    } else if(this.stayOpenOnSelect && target.tagName.toLowerCase() === 'nile-menu') {\n      this.show();\n      this.focusOnTrigger();\n    }\n  }\n\n  handleTriggerClick() {\n    if(this.noOpenOnClick){\n      return;\n    }\n    if (this.disabled || this.isTriggerDisabled()) {\n      return;\n    }\n    if (this.open) {\n      this.hide();\n    } else {\n      this.show();\n      this.focusOnTrigger();\n    }\n  }\n\n  handleTriggerKeyDown(event: KeyboardEvent) {\n    // When spacebar/enter is pressed, show the panel but don't focus on the menu. This let's the user press the same\n    // key again to hide the menu in case they don't want to make a selection.\n    // if (['Enter'].includes(event.key)) {\n    //   event.preventDefault();\n    //   this.handleTriggerClick();\n    //   return;\n    // }\n\n    const menu = this.getMenu();\n\n    if (menu) {\n      const menuItems = menu.getAllItems();\n      const firstMenuItem = menuItems[0];\n      const lastMenuItem = menuItems[menuItems.length - 1];\n\n      // When up/down is pressed, we make the assumption that the user is familiar with the menu and plans to make a\n      // selection. Rather than toggle the panel, we focus on the menu (if one exists) and activate the first item for\n      // faster navigation.\n      if (['ArrowDown', 'ArrowUp', 'Home', 'End'].includes(event.key)) {\n        event.preventDefault();\n\n        // Show the menu if it's not already open\n        if (!this.open) {\n          this.show();\n        }\n\n        if (menuItems.length > 0) {\n          // Focus on the first/last menu item after showing\n          this.updateComplete.then(() => {\n            if (event.key === 'ArrowDown' || event.key === 'Home') {\n              menu.setCurrentItem(firstMenuItem);\n              firstMenuItem.focus();\n            }\n\n            if (event.key === 'ArrowUp' || event.key === 'End') {\n              menu.setCurrentItem(lastMenuItem);\n              lastMenuItem.focus();\n            }\n          });\n        }\n      }\n    }\n  }\n\n  handleTriggerKeyUp(event: KeyboardEvent) {\n    // Prevent space from triggering a click event in Firefox\n    if (event.key === ' ') {\n      event.preventDefault();\n    }\n  }\n\n  handleTriggerSlotChange() {\n    this.updateAccessibleTrigger();\n  }\n\n  private isTriggerDisabled(): boolean {\n    const trigger = this.querySelector('[slot=\"trigger\"]') as any;\n    return trigger?.hasAttribute?.('disabled');\n  }\n\n  //\n  // Slotted triggers can be arbitrary content, but we need to link them to the dropdown panel with `aria-haspopup` and\n  // `aria-expanded`. These must be applied to the \"accessible trigger\" (the tabbable portion of the trigger element\n  // that gets slotted in) so screen readers will understand them. The accessible trigger could be the slotted element,\n  // a child of the slotted element, or an element in the slotted element's shadow root.\n  //\n  // For example, the accessible trigger of an <nile-button> is a <button> located inside its shadow root.\n  //\n  // To determine this, we assume the first tabbable element in the trigger slot is the \"accessible trigger.\"\n  //\n  updateAccessibleTrigger() {\n    const assignedElements = this.trigger.assignedElements({ flatten: true }) as HTMLElement[];\n    const accessibleTrigger = assignedElements.find(el => getTabbableBoundary(el).start);\n    let target: HTMLElement;\n\n    if (accessibleTrigger) {\n      switch (accessibleTrigger.tagName.toLowerCase()) {\n        // nile buttons have to update the internal button so it's announced correctly by screen readers\n        case 'nile-button':\n        case 'nile-icon-button':\n          target = (accessibleTrigger as NileButton | NileIconButton).button;\n          break;\n\n        default:\n          target = accessibleTrigger;\n      }\n\n      target.setAttribute('aria-haspopup', 'true');\n      target.setAttribute('aria-expanded', this.open ? 'true' : 'false');\n    }\n  }\n\n  /** Shows the dropdown panel. */\n  async show() {\n    if (this.open || this.disabled || this.isTriggerDisabled()) {\n      return undefined;\n    }\n\n    this.open = true;\n    return waitForEvent(this, 'nile-after-show');\n  }\n\n  /** Hides the dropdown panel */\n  async hide() {\n    if (!this.open) {\n      return undefined;\n    }\n\n    this.open = false;\n    return waitForEvent(this, 'nile-after-hide');\n  }\n\n  /**\n   * Instructs the dropdown menu to reposition. Useful when the position or size of the trigger changes when the menu\n   * is activated.\n   */\n  reposition() {\n    this.popup.reposition();\n  }\n\n  addOpenListeners() {\n    this.panel.addEventListener('nile-select', this.handlePanelSelect);\n    this.panel.addEventListener('keydown', this.handleKeyDown);\n    document.addEventListener('keydown', this.handleDocumentKeyDown);\n    document.addEventListener('mousedown', this.handleDocumentMouseDown);\n  }\n\n  removeOpenListeners() {\n    if (this.panel) {\n      this.panel.removeEventListener('nile-select', this.handlePanelSelect);\n      this.panel.removeEventListener('keydown', this.handleKeyDown);\n    }\n    document.removeEventListener('keydown', this.handleDocumentKeyDown);\n    document.removeEventListener('mousedown', this.handleDocumentMouseDown);\n  }\n\n  private _triggerDisabledByDropdown = false;\n\n  protected updated(changedProperties: PropertyValues): void {\n    super.updated(changedProperties);\n    \n    if (changedProperties.has('portal')) {\n      if (this.portal && !this.portalManager) {\n        this.portalManager = new DropdownPortalManager(this);\n        if (this.open) {\n          this.portalManager.setupPortalAppend();\n        }\n      } else if (!this.portal && this.portalManager) {\n        this.portalManager.cleanupPortalAppend();\n        this.portalManager = null;\n      }\n    }\n    if (changedProperties.has('disabled')) {\n      if (this.disabled && this.open) {\n        void this.hide();\n      }\n      \n      this.updateTriggerDisabledState();\n    }\n  }\n  \n  private updateTriggerDisabledState() {\n    const trigger = this.querySelector('[slot=\"trigger\"]') as any;\n    if (!trigger) return;\n    if (this.disabled){\n      if (!trigger.disabled) {\n        this._triggerDisabledByDropdown = true;\n      }\n      trigger.disabled = true;\n    } else if (this._triggerDisabledByDropdown) {\n      trigger.disabled = false;\n      this._triggerDisabledByDropdown = false;\n    }\n  }\n\n  @watch('open', { waitUntilFirstUpdate: true })\n  async handleOpenChange() {\n    this.visibilityManager?.setup();\n    if ( this.open && (this.disabled || this.isTriggerDisabled()) ) {\n      this.open = false;\n      return;\n    }\n\n    this.updateAccessibleTrigger();\n\n    if (this.open) {\n      // Show\n      this.emit('nile-show');\n      this.addOpenListeners();\n\n      if (this.portal && this.portalManager) {\n        this.portalManager.setupPortalAppend();\n      } else if (this.portal && !this.portalManager) {\n        this.portalManager = new DropdownPortalManager(this);\n        this.portalManager.setupPortalAppend();\n      }\n\n      await stopAnimations(this);\n      \n      // Only show panel and animate if not using portal\n      if (!this.portal) {\n        this.panel.hidden = false;\n        this.popup.active = true;\n        const { keyframes, options } = getAnimation(this, 'dropdown.show', { dir: '' });\n        await animateTo(this.popup.popup, keyframes, options);\n      }\n\n      this.emit('nile-after-show');\n    } else {\n      // Hide\n      this.emit('nile-hide');\n      this.removeOpenListeners();\n      this.visibilityManager?.cleanup();\n\n      if (this.portal && this.portalManager) {\n        this.portalManager.cleanupPortalAppend();\n      }\n\n      await stopAnimations(this);\n      \n      // Only hide panel and animate if not using portal\n      if (!this.portal) {\n        const { keyframes, options } = getAnimation(this, 'dropdown.hide', { dir: '' });\n        await animateTo(this.popup.popup, keyframes, options);\n        this.panel.hidden = true;\n        this.popup.active = false;\n      }\n\n      this.emit('nile-after-hide');\n    }\n  }\n\n  render() {\n    return html`\n      <nile-popup\n        part=\"base\"\n        id=\"dropdown\"\n        placement=${this.placement}\n        distance=${this.distance}\n        skidding=${this.skidding}\n        strategy=${this.hoist ? 'fixed' : 'absolute'}\n        sync=${this.sync}\n        flip\n        shift\n        auto-size=\"both\"\n        auto-size-padding=\"10\"\n        class=${classMap({\n          dropdown: true,\n          'dropdown--open': this.open\n        })}\n      >\n        <slot\n          name=\"trigger\"\n          slot=\"anchor\"\n          part=\"trigger\"\n          class=\"dropdown__trigger\"\n          @click=${this.handleTriggerClick}\n          @keydown=${this.handleTriggerKeyDown}\n          @keyup=${this.handleTriggerKeyUp}\n          @slotchange=${this.handleTriggerSlotChange}\n        ></slot>\n\n        <slot\n          part=\"panel\"\n          class=\"dropdown__panel\"\n          aria-hidden=${this.open ? 'false' : 'true'}\n          aria-labelledby=\"dropdown\"\n          style=${this.portal && this.portalManager ? 'display: none;' : ''}\n        ></slot>\n      </nile-popup>\n    `;\n  }\n}\n\nsetDefaultAnimation('dropdown.show', {\n  keyframes: [\n    { opacity: 0, scale: 0.9 },\n    { opacity: 1, scale: 1 }\n  ],\n  options: { duration: 100, easing: 'ease' }\n});\n\nsetDefaultAnimation('dropdown.hide', {\n  keyframes: [\n    { opacity: 1, scale: 1 },\n    { opacity: 0, scale: 0.9 }\n  ],\n  options: { duration: 100, easing: 'ease' }\n});\n\nexport default NileDropdown;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-dropdown': NileDropdown;\n  }\n}\n"],"names":["NileDropdown","_u","y","constructor","this","open","placement","disabled","stayOpenOnSelect","distance","noOpenOnClick","skidding","hoist","portal","enableVisibilityEffect","enableTabClose","portalManager","_triggerDisabledByDropdown","_this","_inherits","_createClass","key","value","connectedCallback","super","handlePanelSelect","bind","handleKeyDown","handleDocumentKeyDown","handleDocumentMouseDown","containingElement","emit","requestAnimationFrame","DropdownPortalManager","_firstUpdated","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_changed","panel","hidden","addOpenListeners","popup","active","updateComplete","triggerNode","trigger","assignedElements","flatten","visibilityManager","VisibilityManager","host","target","isOpen","onAnchorOutOfView","hide","visible","reason","onDocumentHidden","event","detail","concat","_context2","stop","firstUpdated","disconnectedCallback","cleanup","removeOpenListeners","cleanupPortalAppend","focusOnTrigger","focus","getMenu","find","el","tagName","toLowerCase","stopPropagation","_document$activeEleme","document","activeElement","preventDefault","setTimeout","getRootNode","ShadowRoot","shadowRoot","hitSelf","closest","hitPortalAppend","portalContainerElement","_this$portalManager","path","composedPath","includes","show","handleTriggerClick","isTriggerDisabled","handleTriggerKeyDown","menu","menuItems","getAllItems","firstMenuItem","lastMenuItem","length","then","setCurrentItem","handleTriggerKeyUp","handleTriggerSlotChange","updateAccessibleTrigger","querySelector","hasAttribute","_t$hasAttribute","accessibleTrigger","getTabbableBoundary","start","button","setAttribute","_show","_callee2","wrap","_callee2$","_context3","prev","next","waitForEvent","_callee3","_callee3$","_context4","abrupt","reposition","addEventListener","removeEventListener","updated","changedProperties","has","setupPortalAppend","updateTriggerDisabledState","_handleOpenChange","_callee4","_this$visibilityManag2","_d","_t","_i","_this$visibilityManag3","_d2","_t2","_i2","_callee4$","_context5","setup","stopAnimations","getAnimation","dir","keyframes","options","animateTo","handleOpenChange","render","html","_templateObject","_taggedTemplateLiteral","sync","classMap","dropdown","NileElement","styles","__decorate","query","prototype","property","type","Boolean","reflect","attribute","Number","watch","waitUntilFirstUpdate","customElement","setDefaultAnimation","opacity","scale","duration","easing"],"mappings":"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"}