@aquera/nile-elements 1.5.4 → 1.5.6

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

@@ -1 +1 @@
-{"version":3,"file":"nile-date-picker.js","sourceRoot":"","sources":["../../../src/nile-date-picker/nile-date-picker.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {  \n  LitElement,\n  html,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit';\nimport { customElement, query, property } from 'lit/decorators.js';\nimport { styles } from './nile-date-picker.css';\nimport NileElement from '../internal/nile-element';\nimport { NileDropdown } from '../nile-dropdown';\n\n/**\n * Nile icon component.\n *\n * @tag nile-date-picker\n *\n */\n\nimport {\n  parseDateFromFormat,\n  formatDateToFormat,\n  parseRangeFromFormat,\n  normalizeDateRange\n} from './nile-date-picker-utils';\n\n\n@customElement('nile-date-picker')\nexport class NileDatePicker extends NileElement {\n   /**\n   * The styles for DatePicker\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  @property({ type: Boolean }) range = false;\n\n  @property({ type: Boolean }) hideTypes = false;\n\n  @property({ type: Boolean, reflect: true }) doubleClickUnselect = false;\n\n  @property({ type: Boolean, reflect: true }) allowClear = false;\n\n  @property({ type: Boolean }) open = false;\n\n  @property({ type: Boolean, attribute: 'hide-time-zone' }) hideTimeZone = false;\n\n  @property({ type: String, reflect: true }) type: 'absolute' | 'relative' = 'absolute';\n\n  @property({ type: Boolean, attribute: 'showManualInputs' }) \n  showManualInputs = false;\n\n  @property() value: any;\n\n  @property({ type: Array, attribute: 'hide-duration-fields' }) \n  hideDurationFields: any = [];\n\n  @property({ attribute: 'allowedDates' }) allowedDates: any = '{}';\n\n  @property({ type: Boolean, attribute: true, reflect: true }) syncDatePicker = false;\n\n  @property({ type: String, attribute: true, reflect: true }) dateFormat = \"DD/MM/YYYY\";  \n\n  @property({ type: String, attribute: true, reflect: true }) rangeSeparator = \" - \";\n\n  @property({ type: Number, attribute: true, reflect: true }) startYear: number;\n\n  @property({ type: Number, attribute: true, reflect: true }) endYear: number;\n\n  @property({ type: Boolean, attribute: true, reflect: true }) showYearDropdown = false;\n\n  @property({ type: Boolean, attribute: true, reflect: true }) showMonthDropdown = false;\n\n  @property({ type: Boolean, attribute: true, reflect: true }) portal = false;\n\n  @query('nile-dropdown') dropdown: NileDropdown;\n\n /**\n   * Render method\n   * @slot This is a slot test\n   */\n  firstUpdated() {\n    super.firstUpdated?.(new Map());\n\n    if (!this.syncDatePicker) return;\n\n    const input = this.querySelector(\"nile-input\");\n    if (!input) return;\n\n    input.addEventListener(\"nile-input\", (e: any) => {\n      const text = e.detail.value;\n      const { first, second } = parseRangeFromFormat(text, this.dateFormat, this.range, this.rangeSeparator);\n\n      if (!this.range) {\n        if (first) this.jumpTo(first);\n        return;\n      }\n\n      if (first && !second) {\n        this.jumpTo(first);\n        this.syncRangeCalendar(first, null);\n      }\n\n      if (first && second) {\n        const [start, end] = normalizeDateRange(first, second);\n        if (end) this.jumpTo(end);\n        this.syncRangeCalendar(start, end);\n      }\n    });\n  }\n\n  private jumpTo(date: Date) {\n    this.open = true;\n    const cal = this.shadowRoot!.querySelector(\"nile-calendar\") as any;\n    if (!cal) return;\n\n    cal.currentYear = date.getFullYear();\n    cal.currentMonth = date.getMonth();\n    cal.value = date;\n    cal.valueAttribute = date.toISOString();\n  }\n\n\n  private syncRangeCalendar(first: Date | null, second: Date | null) {\n    const cal = this.shadowRoot!.querySelector(\"nile-calendar\") as any;\n    if (!cal) return;\n\n    if (!this.range) return;\n\n    if (first) cal.startDate = first;\n    if (second) cal.endDate = second;\n  }\n\n  render(): TemplateResult {\n    return html`\n      <nile-dropdown .open=\"${this.open}\" part=\"dd-base\" .hoist=\"${true}\" distance=\"6\" exportparts=\"base\" .portal=\"${this.portal}\">\n        <slot slot=\"trigger\" part=\"trigger\" name=\"trigger\"></slot>\n\n        <nile-calendar\n          .hideTypes=\"${this.hideTypes}\"\n          .type=\"${this.type}\"\n          value=\"${this.value}\"\n          .range=\"${this.range}\"\n          @nile-init=\"${(e:CustomEvent)=>e.stopPropagation()}\"\n          @nile-destroy=\"${(e:CustomEvent)=>e.stopPropagation()}\"\n          @nile-changed=\"${(e:CustomEvent)=>e.stopPropagation()}\"\n\n          @nile-change=\"${this.handleChanged}\"\n\n          .allowedDates=\"${this.allowedDates}\"\n\n          @nile-type-change=\"${(e:CustomEvent)=>{e.stopPropagation();this.emit('nile-type-change',e.detail)}}\"\n          @nile-clear=\"${(e:CustomEvent)=>{e.stopPropagation();this.emit('nile-clear')}}\"\n          .hideDurationFields=\"${this.hideDurationFields}\"\n          .showManualInputs=\"${this.showManualInputs}\"\n          .doubleClickUnselect=\"${this.doubleClickUnselect}\"\n          .allowClear=\"${this.allowClear}\"\n          .startYear=\"${this.startYear}\"\n          .endYear=\"${this.endYear}\"\n          ?showYearDropdown=\"${this.showYearDropdown}\"\n          ?showMonthDropdown=\"${this.showMonthDropdown}\"\n          .dateFormat=\"${this.dateFormat}\"\n        ></nile-calendar>\n      </nile-dropdown>\n    `;\n  }\n\n\n  handleChanged(event: CustomEvent) {\n    event.stopPropagation();\n\n    const detail = event.detail;\n    const triggerInput = this.querySelector(\"nile-input\");\n\n    if (!this.range) {\n      const picked = detail.value;\n\n      if (picked && triggerInput) {\n        triggerInput.value = formatDateToFormat(new Date(picked), this.dateFormat);\n        triggerInput.emit(\"nile-input\", { value: triggerInput.value });\n      }\n\n      this.emit('nile-changed', event.detail);\n      this.emit('nile-change', event.detail);\n\n      this.dropdown?.hide();\n      return;\n    }\n\n    const start = detail.startDate;\n    const end = detail.endDate;\n\n    if (triggerInput) {\n      let text = \"\";\n      if (start) text += formatDateToFormat(new Date(start), this.dateFormat);\n      if (start && end) text += \" - \" + formatDateToFormat(new Date(end), this.dateFormat);\n\n      triggerInput.value = text;\n      triggerInput.emit(\"nile-input\", { value: text });\n    }\n\n    this.emit('nile-changed', event.detail);\n    this.emit('nile-change', event.detail);\n\n    if (this.dropdown) {\n      this.dropdown.hide();\n    }\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.emit('nile-init');\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.emit('nile-destroy');\n  }\n}\n\nexport default NileDatePicker;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-date-picker': NileDatePicker;\n  }\n}\n"]}
+{"version":3,"file":"nile-date-picker.js","sourceRoot":"","sources":["../../../src/nile-date-picker/nile-date-picker.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {  \n  LitElement,\n  html,\n  CSSResultArray,\n  TemplateResult,\n} from 'lit';\nimport { customElement, query, property } from 'lit/decorators.js';\nimport { styles } from './nile-date-picker.css';\nimport NileElement from '../internal/nile-element';\nimport { NileDropdown } from '../nile-dropdown';\n\n/**\n * Nile icon component.\n *\n * @tag nile-date-picker\n *\n */\n\nimport {\n  parseDateFromFormat,\n  formatDateToFormat,\n  parseRangeFromFormat,\n  normalizeDateRange\n} from './nile-date-picker-utils';\n\n\n@customElement('nile-date-picker')\nexport class NileDatePicker extends NileElement {\n   /**\n   * The styles for DatePicker\n   * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n   */\n  public static get styles(): CSSResultArray {\n    return [styles];\n  }\n\n  @property({ type: Boolean }) range = false;\n\n  @property({ type: Boolean }) hideTypes = false;\n\n  @property({ type: Boolean, reflect: true }) doubleClickUnselect = false;\n\n  @property({ type: Boolean, reflect: true }) allowClear = false;\n\n  @property({ type: Boolean }) open = false;\n\n  @property({ type: Boolean, attribute: 'hide-time-zone' }) hideTimeZone = false;\n\n  @property({ type: String, reflect: true }) type: 'absolute' | 'relative' = 'absolute';\n\n  @property({ type: Boolean, attribute: 'showManualInputs' }) \n  showManualInputs = false;\n\n  @property() value: any;\n\n  @property({ type: Array, attribute: 'hide-duration-fields' }) \n  hideDurationFields: any = [];\n\n  @property({ attribute: 'allowedDates' }) allowedDates: any = '{}';\n\n  @property({ type: Boolean, attribute: true, reflect: true }) syncDatePicker = false;\n\n  @property({ type: String, attribute: true, reflect: true }) dateFormat = \"DD/MM/YYYY\";  \n\n  @property({ type: String, attribute: true, reflect: true }) rangeSeparator = \" - \";\n\n  @property({ type: Number, attribute: true, reflect: true }) startYear: number;\n\n  @property({ type: Number, attribute: true, reflect: true }) endYear: number;\n\n  @property({ type: Boolean, attribute: true, reflect: true }) showYearDropdown = false;\n\n  @property({ type: Boolean, attribute: true, reflect: true }) showMonthDropdown = false;\n\n  @property({ type: Boolean, attribute: true, reflect: true }) portal = false;\n\n  @property({ type: Boolean, attribute: true, reflect: true }) disabled = false;\n\n  @query('nile-dropdown') dropdown: NileDropdown;\n\n /**\n   * Render method\n   * @slot This is a slot test\n   */\n  firstUpdated() {\n    super.firstUpdated?.(new Map());\n\n    if (!this.syncDatePicker) return;\n\n    const input = this.querySelector(\"nile-input\");\n    if (!input) return;\n\n    input.addEventListener(\"nile-input\", (e: any) => {\n      const text = e.detail.value;\n      const { first, second } = parseRangeFromFormat(text, this.dateFormat, this.range, this.rangeSeparator);\n\n      if (!this.range) {\n        if (first) this.jumpTo(first);\n        return;\n      }\n\n      if (first && !second) {\n        this.jumpTo(first);\n        this.syncRangeCalendar(first, null);\n      }\n\n      if (first && second) {\n        const [start, end] = normalizeDateRange(first, second);\n        if (end) this.jumpTo(end);\n        this.syncRangeCalendar(start, end);\n      }\n    });\n  }\n  \n  updated(changedProperties: Map<string, unknown>) {\n    super.updated(changedProperties);\n    if (changedProperties.has('disabled')) {\n      this.updateTriggerDisabledState();\n    }\n  }\n  \n\n  private updateTriggerDisabledState() {\n    const trigger = this.querySelector('[slot=\"trigger\"]') as HTMLElement | null;\n    if (!trigger) return;\n    if ('disabled' in trigger) {\n      (trigger as any).disabled = this.disabled;\n    }\n  }\n  \n\n  private jumpTo(date: Date) {\n    this.open = true;\n    const cal = this.shadowRoot!.querySelector(\"nile-calendar\") as any;\n    if (!cal) return;\n\n    cal.currentYear = date.getFullYear();\n    cal.currentMonth = date.getMonth();\n    cal.value = date;\n    cal.valueAttribute = date.toISOString();\n  }\n\n\n  private syncRangeCalendar(first: Date | null, second: Date | null) {\n    const cal = this.shadowRoot!.querySelector(\"nile-calendar\") as any;\n    if (!cal) return;\n\n    if (!this.range) return;\n\n    if (first) cal.startDate = first;\n    if (second) cal.endDate = second;\n  }\n\n  render(): TemplateResult {\n    return html`\n      <nile-dropdown ?disabled=\"${this.disabled}\" .open=\"${this.open}\" part=\"dd-base\" .hoist=\"${true}\" distance=\"6\" exportparts=\"base\" .portal=\"${this.portal}\">\n        <slot slot=\"trigger\" part=\"trigger\" name=\"trigger\"></slot>  \n\n        <nile-calendar\n          .hideTypes=\"${this.hideTypes}\"\n          .type=\"${this.type}\"\n          value=\"${this.value}\"\n          .range=\"${this.range}\"\n          @nile-init=\"${(e:CustomEvent)=>e.stopPropagation()}\"\n          @nile-destroy=\"${(e:CustomEvent)=>e.stopPropagation()}\"\n          @nile-changed=\"${(e:CustomEvent)=>e.stopPropagation()}\"\n\n          @nile-change=\"${this.handleChanged}\"\n\n          .allowedDates=\"${this.allowedDates}\"\n\n          @nile-type-change=\"${(e:CustomEvent)=>{e.stopPropagation();this.emit('nile-type-change',e.detail)}}\"\n          @nile-clear=\"${(e:CustomEvent)=>{e.stopPropagation();this.emit('nile-clear')}}\"\n          .hideDurationFields=\"${this.hideDurationFields}\"\n          .showManualInputs=\"${this.showManualInputs}\"\n          .doubleClickUnselect=\"${this.doubleClickUnselect}\"\n          .allowClear=\"${this.allowClear}\"\n          .startYear=\"${this.startYear}\"\n          .endYear=\"${this.endYear}\"\n          ?showYearDropdown=\"${this.showYearDropdown}\"\n          ?showMonthDropdown=\"${this.showMonthDropdown}\"\n          .dateFormat=\"${this.dateFormat}\"\n        ></nile-calendar>\n      </nile-dropdown>\n    `;\n  }\n\n\n  handleChanged(event: CustomEvent) {\n    event.stopPropagation();\n\n    const detail = event.detail;\n    const triggerInput = this.querySelector(\"nile-input\");\n    if (this.disabled) return;\n\n    if (!this.range) {\n      const picked = detail.value;\n\n      if (picked && triggerInput) {\n        triggerInput.value = formatDateToFormat(new Date(picked), this.dateFormat);\n        triggerInput.emit(\"nile-input\", { value: triggerInput.value });\n      }\n\n      this.emit('nile-changed', event.detail);\n      this.emit('nile-change', event.detail);\n\n      this.dropdown?.hide();\n      return;\n    }\n\n    const start = detail.startDate;\n    const end = detail.endDate;\n\n    if (triggerInput) {\n      let text = \"\";\n      if (start) text += formatDateToFormat(new Date(start), this.dateFormat);\n      if (start && end) text += \" - \" + formatDateToFormat(new Date(end), this.dateFormat);\n\n      triggerInput.value = text;\n      triggerInput.emit(\"nile-input\", { value: text });\n    }\n\n    this.emit('nile-changed', event.detail);\n    this.emit('nile-change', event.detail);\n\n    if (this.dropdown) {\n      this.dropdown.hide();\n    }\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.emit('nile-init');\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.emit('nile-destroy');\n  }\n}\n\nexport default NileDatePicker;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-date-picker': NileDatePicker;\n  }\n}\n"]}

package/dist/src/nile-detail/index.d.ts

@@ -0,0 +1 @@
+export { NileDetail } from './nile-detail';

package/dist/src/nile-detail/index.js

@@ -0,0 +1,2 @@
+export { NileDetail } from './nile-detail';
+//# sourceMappingURL=index.js.map

package/dist/src/nile-detail/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-detail/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC","sourcesContent":["export { NileDetail } from './nile-detail';"]}

package/dist/src/nile-detail/nile-detail.css.d.ts

@@ -0,0 +1,3 @@
+export declare const styles: import("lit").CSSResult;
+declare const _default: import("lit").CSSResult[];
+export default _default;

package/dist/src/nile-detail/nile-detail.css.js

@@ -0,0 +1,152 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    box-sizing: border-box;
+    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
+    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
+    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
+  }
+
+  :host *,
+  :host *::before,
+  :host *::after {
+    box-sizing: inherit;
+  }
+
+  [hidden] {
+    display: none;
+  }
+
+  :host {
+    display: block;
+    width: 100%;
+  }
+
+  .detail {
+    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));
+    border-radius: var(--nile-radius-md, var(--ng-radius-xl));
+    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
+    box-shadow: var(--nile-box-shadow-3, var(--ng-shadow-xs));
+    overflow: hidden;
+    width: 100%;
+    line-height: var(--nile-line-height-inherit, var(--ng-line-height-text-sm));
+    font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));
+  }
+
+  .detail--disabled {
+    opacity: var(--nile-opacity-50, var(--ng-opacity-50));
+  }
+
+  .detail__header {
+    display: flex;
+    gap: var(--nile-spacing-lg, var(--ng-spacing-lg));
+    align-items: center;
+    border-radius: inherit;
+    padding: var(--nile-spacing-xl, var(--ng-spacing-xl));
+    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-tertiary));
+    font-size: var(--nile-type-scale-4, var(--ng-spacing-xl));
+    font-weight: var(--nile-font-weight-semibold, var(--ng-font-weight-semibold));
+    color: var(--nile-colors-neutral-900, var(--ng-colors-text-primary));
+    user-select: none;
+    cursor: pointer;
+    list-style: none;
+  }
+
+  .detail__header::-webkit-details-marker {
+    display: none;
+  }
+
+  .detail__header::marker {
+    content: '';
+  }
+
+  .detail__header--icon-left {
+    flex-direction: row-reverse;
+  }
+
+  .detail__header:focus {
+    outline: none;
+  }
+
+  .detail__header:focus-visible {
+    outline: solid 3px var(--nile-colors-blue-500, var(--ng-colors-fg-brand-primary-600));
+    outline-offset: calc(1px + 1px);
+  }
+
+  .detail--disabled .detail__header {
+    cursor: not-allowed;
+  }
+
+  .detail--disabled .detail__header:focus-visible {
+    outline: none;
+    box-shadow: none;
+  }
+
+  .detail__label {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .detail__header-actions {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    gap: var(--nile-spacing-sm, var(--ng-spacing-sm));
+  }
+
+  .detail__prefix {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    gap: var(--nile-spacing-sm, var(--ng-spacing-sm));
+  }
+
+  .detail__suffix {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    gap: var(--nile-spacing-sm, var(--ng-spacing-sm));
+  }
+
+  .detail__heading-text {
+    font-weight: var(--nile-font-weight-semibold, var(--ng-font-weight-semibold));
+    font-family: var(--nile-font-family-medium, var(--ng-font-family-body));
+    font-size: var(--nile-type-scale-4, var(--ng-spacing-xl));
+  }
+
+  .detail__description {
+    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
+    color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary));
+    margin-top: 2px;
+  }
+
+  .detail__summary-icon {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    transition: 250ms transform ease;
+    color: var(--nile-colors-neutral-700, var(--ng-colors-text-secondary));
+    transform: rotate(90deg);
+  }
+
+  .detail--open .detail__summary-icon {
+    transform: rotate(-90deg);
+  }
+
+  .detail__body {
+    overflow: hidden;
+  }
+
+  .detail__body[hidden] {
+    display: none;
+  }
+
+  .detail__content {
+    display: block;
+    padding: var(--nile-spacing-xl, var(--ng-spacing-xl));
+  }
+`;
+export default [styles];
+//# sourceMappingURL=nile-detail.css.js.map

package/dist/src/nile-detail/nile-detail.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-detail.css.js","sourceRoot":"","sources":["../../../src/nile-detail/nile-detail.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoJxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`\n  :host {\n    box-sizing: border-box;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none;\n  }\n\n  :host {\n    display: block;\n    width: 100%;\n  }\n\n  .detail {\n    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n    border-radius: var(--nile-radius-md, var(--ng-radius-xl));\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    box-shadow: var(--nile-box-shadow-3, var(--ng-shadow-xs));\n    overflow: hidden;\n    width: 100%;\n    line-height: var(--nile-line-height-inherit, var(--ng-line-height-text-sm));\n    font-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n  }\n\n  .detail--disabled {\n    opacity: var(--nile-opacity-50, var(--ng-opacity-50));\n  }\n\n  .detail__header {\n    display: flex;\n    gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    align-items: center;\n    border-radius: inherit;\n    padding: var(--nile-spacing-xl, var(--ng-spacing-xl));\n    background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-tertiary));\n    font-size: var(--nile-type-scale-4, var(--ng-spacing-xl));\n    font-weight: var(--nile-font-weight-semibold, var(--ng-font-weight-semibold));\n    color: var(--nile-colors-neutral-900, var(--ng-colors-text-primary));\n    user-select: none;\n    cursor: pointer;\n    list-style: none;\n  }\n\n  .detail__header::-webkit-details-marker {\n    display: none;\n  }\n\n  .detail__header::marker {\n    content: '';\n  }\n\n  .detail__header--icon-left {\n    flex-direction: row-reverse;\n  }\n\n  .detail__header:focus {\n    outline: none;\n  }\n\n  .detail__header:focus-visible {\n    outline: solid 3px var(--nile-colors-blue-500, var(--ng-colors-fg-brand-primary-600));\n    outline-offset: calc(1px + 1px);\n  }\n\n  .detail--disabled .detail__header {\n    cursor: not-allowed;\n  }\n\n  .detail--disabled .detail__header:focus-visible {\n    outline: none;\n    box-shadow: none;\n  }\n\n  .detail__label {\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n  }\n\n  .detail__header-actions {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-sm, var(--ng-spacing-sm));\n  }\n\n  .detail__prefix {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-sm, var(--ng-spacing-sm));\n  }\n\n  .detail__suffix {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    gap: var(--nile-spacing-sm, var(--ng-spacing-sm));\n  }\n\n  .detail__heading-text {\n    font-weight: var(--nile-font-weight-semibold, var(--ng-font-weight-semibold));\n    font-family: var(--nile-font-family-medium, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-4, var(--ng-spacing-xl));\n  }\n\n  .detail__description {\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary));\n    margin-top: 2px;\n  }\n\n  .detail__summary-icon {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    transition: 250ms transform ease;\n    color: var(--nile-colors-neutral-700, var(--ng-colors-text-secondary));\n    transform: rotate(90deg);\n  }\n\n  .detail--open .detail__summary-icon {\n    transform: rotate(-90deg);\n  }\n\n  .detail__body {\n    overflow: hidden;\n  }\n\n  .detail__body[hidden] {\n    display: none;\n  }\n\n  .detail__content {\n    display: block;\n    padding: var(--nile-spacing-xl, var(--ng-spacing-xl));\n  }\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-detail/nile-detail.d.ts

@@ -0,0 +1,29 @@
+import { TemplateResult } from 'lit';
+import NileElement from '../internal/nile-element';
+import type { CSSResultGroup } from 'lit';
+export declare class NileDetail extends NileElement {
+    static styles: CSSResultGroup;
+    detail: HTMLDetailsElement;
+    header: HTMLElement;
+    body: HTMLElement;
+    open: boolean;
+    heading: string;
+    description: string;
+    expandIconPlacement: 'left' | 'right';
+    disabled: boolean;
+    private _detailOpen;
+    firstUpdated(): void;
+    private _handleSummaryClick;
+    private _handleSummaryKeyDown;
+    handleOpenChange(): Promise<void>;
+    show(): Promise<unknown>;
+    hide(): Promise<unknown>;
+    private get _summaryLabel();
+    render(): TemplateResult;
+}
+export default NileDetail;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-detail': NileDetail;
+    }
+}

package/dist/src/nile-detail/nile-detail.js

@@ -0,0 +1,143 @@
+import { __decorate } from "tslib";
+import { html, nothing } from 'lit';
+import { customElement, property, query, state } from 'lit/decorators.js';
+import { classMap } from 'lit/directives/class-map.js';
+import { styles } from './nile-detail.css';
+import NileElement from '../internal/nile-element';
+import { watch } from '../internal/watch';
+import { animateShow, animateHide, showDetail, hideDetail, handleSummaryClick, handleSummaryKeyDown, } from './nile-detail.utils';
+let NileDetail = class NileDetail extends NileElement {
+    constructor() {
+        super(...arguments);
+        this.open = false;
+        this.heading = '';
+        this.description = '';
+        this.expandIconPlacement = 'right';
+        this.disabled = false;
+        this._detailOpen = false;
+    }
+    firstUpdated() {
+        this._detailOpen = this.open;
+        this.body.hidden = !this.open;
+        this.body.style.height = this.open ? 'auto' : '0';
+    }
+    _handleSummaryClick(event) {
+        event.preventDefault();
+        handleSummaryClick(this);
+    }
+    _handleSummaryKeyDown(event) {
+        handleSummaryKeyDown(event, this);
+    }
+    async handleOpenChange() {
+        if (this.open) {
+            this._detailOpen = true;
+            await animateShow(this);
+        }
+        else {
+            await animateHide(this);
+            this._detailOpen = false;
+        }
+    }
+    async show() {
+        return showDetail(this);
+    }
+    async hide() {
+        return hideDetail(this);
+    }
+    get _summaryLabel() {
+        return [this.heading, this.description].filter(Boolean).join(', ');
+    }
+    render() {
+        return html `
+      <details
+        part="base"
+        ?open=${this._detailOpen}
+        class=${classMap({
+            'detail': true,
+            'detail--open': this.open,
+            'detail--disabled': this.disabled,
+        })}
+      >
+        <summary
+          part="header"
+          id="header"
+          class=${classMap({
+            'detail__header': true,
+            'detail__header--icon-left': this.expandIconPlacement === 'left',
+        })}
+          aria-label=${this._summaryLabel || nothing}
+          aria-expanded=${this.open ? 'true' : 'false'}
+          aria-disabled=${this.disabled ? 'true' : 'false'}
+          tabindex=${this.disabled ? '-1' : '0'}
+          @click=${this._handleSummaryClick}
+          @keydown=${this._handleSummaryKeyDown}
+        >
+          <slot name="label" part="label" class="detail__label">
+            <span part="label-text" class="detail__heading-text">${this.heading}</span>
+            ${this.description
+            ? html `<span part="description" class="detail__description">${this.description}</span>`
+            : ''}
+          </slot>
+
+          <slot name="header-actions" part="header-actions" class="detail__header-actions"></slot>
+
+          <slot name="prefix" part="prefix" class="detail__prefix"></slot>
+
+          <span part="summary-icon" class="detail__summary-icon" aria-hidden="true">
+            <slot name="expand-icon">
+              <nile-icon
+                name="var(--nile-icon-arrow-right, var(--ng-icon-chevron-right))"
+                method="var(--nile-svg-method-fill, var(--ng-svg-method-stroke))"
+                library="system"
+              ></nile-icon>
+            </slot>
+          </span>
+
+          <slot name="suffix" part="suffix" class="detail__suffix"></slot>
+
+        </summary>
+
+        <div part="content" class="detail__body">
+          <slot id="content" class="detail__content"></slot>
+        </div>
+      </details>
+    `;
+    }
+};
+NileDetail.styles = styles;
+__decorate([
+    query('details')
+], NileDetail.prototype, "detail", void 0);
+__decorate([
+    query('summary')
+], NileDetail.prototype, "header", void 0);
+__decorate([
+    query('.detail__body')
+], NileDetail.prototype, "body", void 0);
+__decorate([
+    property({ attribute: true, type: Boolean, reflect: true })
+], NileDetail.prototype, "open", void 0);
+__decorate([
+    property({ attribute: true, type: String, reflect: true })
+], NileDetail.prototype, "heading", void 0);
+__decorate([
+    property({ attribute: true, type: String, reflect: true })
+], NileDetail.prototype, "description", void 0);
+__decorate([
+    property({ attribute: true, reflect: true })
+], NileDetail.prototype, "expandIconPlacement", void 0);
+__decorate([
+    property({ attribute: true, type: Boolean, reflect: true })
+], NileDetail.prototype, "disabled", void 0);
+__decorate([
+    state()
+], NileDetail.prototype, "_detailOpen", void 0);
+__decorate([
+    watch('open', { waitUntilFirstUpdate: true })
+], NileDetail.prototype, "handleOpenChange", null);
+NileDetail = __decorate([
+    customElement('nile-detail')
+], NileDetail);
+export { NileDetail };
+export default NileDetail;
+//# sourceMappingURL=nile-detail.js.map

package/dist/src/nile-detail/nile-detail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nile-detail.js","sourceRoot":"","sources":["../../../src/nile-detail/nile-detail.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,OAAO,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1E,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EACL,WAAW,EACX,WAAW,EACX,UAAU,EACV,UAAU,EACV,kBAAkB,EAClB,oBAAoB,GACrB,MAAM,qBAAqB,CAAC;AAItB,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,WAAW;IAApC;;QAQwD,SAAI,GAAG,KAAK,CAAC;QAEd,YAAO,GAAG,EAAE,CAAC;QAEb,gBAAW,GAAG,EAAE,CAAC;QAE/B,wBAAmB,GAAqB,OAAO,CAAC;QAEjC,aAAQ,GAAG,KAAK,CAAC;QAE7D,gBAAW,GAAG,KAAK,CAAC;IAgGvC,CAAC;IA9FC,YAAY;QACV,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC;QAC7B,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;QAC9B,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC;IACpD,CAAC;IAEO,mBAAmB,CAAC,KAAY;QACtC,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC;IAEO,qBAAqB,CAAC,KAAoB;QAChD,oBAAoB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IACpC,CAAC;IAGK,AAAN,KAAK,CAAC,gBAAgB;QACpB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;YACxB,MAAM,WAAW,CAAC,IAAI,CAAC,CAAC;QAC1B,CAAC;aAAM,CAAC;YACN,MAAM,WAAW,CAAC,IAAI,CAAC,CAAC;YACxB,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;QAC3B,CAAC;IACH,CAAC;IAED,KAAK,CAAC,IAAI;QACR,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAED,KAAK,CAAC,IAAI;QACR,OAAO,UAAU,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAED,IAAY,aAAa;QACvB,OAAO,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACrE,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;;gBAGC,IAAI,CAAC,WAAW;gBAChB,QAAQ,CAAC;YACf,QAAQ,EAAE,IAAI;YACd,cAAc,EAAE,IAAI,CAAC,IAAI;YACzB,kBAAkB,EAAE,IAAI,CAAC,QAAQ;SAClC,CAAC;;;;;kBAKQ,QAAQ,CAAC;YACf,gBAAgB,EAAE,IAAI;YACtB,2BAA2B,EAAE,IAAI,CAAC,mBAAmB,KAAK,MAAM;SACjE,CAAC;uBACW,IAAI,CAAC,aAAa,IAAI,OAAO;0BAC1B,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;0BAC5B,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;qBACrC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG;mBAC5B,IAAI,CAAC,mBAAmB;qBACtB,IAAI,CAAC,qBAAqB;;;mEAGoB,IAAI,CAAC,OAAO;cACjE,IAAI,CAAC,WAAW;YAChB,CAAC,CAAC,IAAI,CAAA,wDAAwD,IAAI,CAAC,WAAW,SAAS;YACvF,CAAC,CAAC,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;KAyBb,CAAC;IACJ,CAAC;;AA/GM,iBAAM,GAAmB,MAAM,AAAzB,CAA0B;AAErB;IAAjB,KAAK,CAAC,SAAS,CAAC;0CAA4B;AAC3B;IAAjB,KAAK,CAAC,SAAS,CAAC;0CAAqB;AACd;IAAvB,KAAK,CAAC,eAAe,CAAC;wCAAmB;AAEmB;IAA5D,QAAQ,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wCAAc;AAEd;IAA3D,QAAQ,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;2CAAc;AAEb;IAA3D,QAAQ,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;+CAAkB;AAE/B;IAA7C,QAAQ,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;uDAAiD;AAEjC;IAA5D,QAAQ,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAAkB;AAE7D;IAAhB,KAAK,EAAE;+CAA6B;AAkB/B;IADL,KAAK,CAAC,MAAM,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;kDAS7C;AA5CU,UAAU;IADtB,aAAa,CAAC,aAAa,CAAC;GAChB,UAAU,CAkHtB;;AAED,eAAe,UAAU,CAAC","sourcesContent":["import { html, TemplateResult, nothing } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styles } from './nile-detail.css';\nimport NileElement from '../internal/nile-element';\nimport { watch } from '../internal/watch';\nimport {\n  animateShow,\n  animateHide,\n  showDetail,\n  hideDetail,\n  handleSummaryClick,\n  handleSummaryKeyDown,\n} from './nile-detail.utils';\nimport type { CSSResultGroup } from 'lit';\n\n@customElement('nile-detail')\nexport class NileDetail extends NileElement {\n\n  static styles: CSSResultGroup = styles;\n\n  @query('details') detail: HTMLDetailsElement;\n  @query('summary') header: HTMLElement;\n  @query('.detail__body') body: HTMLElement;\n\n  @property({ attribute: true, type: Boolean, reflect: true }) open = false;\n\n  @property({ attribute: true, type: String, reflect: true }) heading = '';\n\n  @property({ attribute: true, type: String, reflect: true }) description = '';\n\n  @property({ attribute: true, reflect: true }) expandIconPlacement: 'left' | 'right' = 'right';\n\n  @property({ attribute: true, type: Boolean, reflect: true }) disabled = false;\n\n  @state() private _detailOpen = false;\n\n  firstUpdated() {\n    this._detailOpen = this.open;\n    this.body.hidden = !this.open;\n    this.body.style.height = this.open ? 'auto' : '0';\n  }\n\n  private _handleSummaryClick(event: Event) {\n    event.preventDefault();\n    handleSummaryClick(this);\n  }\n\n  private _handleSummaryKeyDown(event: KeyboardEvent) {\n    handleSummaryKeyDown(event, this);\n  }\n\n  @watch('open', { waitUntilFirstUpdate: true })\n  async handleOpenChange() {\n    if (this.open) {\n      this._detailOpen = true;\n      await animateShow(this);\n    } else {\n      await animateHide(this);\n      this._detailOpen = false;\n    }\n  }\n\n  async show() {\n    return showDetail(this);\n  }\n\n  async hide() {\n    return hideDetail(this);\n  }\n\n  private get _summaryLabel(): string {\n    return [this.heading, this.description].filter(Boolean).join(', ');\n  }\n\n  render(): TemplateResult {\n    return html`\n      <details\n        part=\"base\"\n        ?open=${this._detailOpen}\n        class=${classMap({\n          'detail': true,\n          'detail--open': this.open,\n          'detail--disabled': this.disabled,\n        })}\n      >\n        <summary\n          part=\"header\"\n          id=\"header\"\n          class=${classMap({\n            'detail__header': true,\n            'detail__header--icon-left': this.expandIconPlacement === 'left',\n          })}\n          aria-label=${this._summaryLabel || nothing}\n          aria-expanded=${this.open ? 'true' : 'false'}\n          aria-disabled=${this.disabled ? 'true' : 'false'}\n          tabindex=${this.disabled ? '-1' : '0'}\n          @click=${this._handleSummaryClick}\n          @keydown=${this._handleSummaryKeyDown}\n        >\n          <slot name=\"label\" part=\"label\" class=\"detail__label\">\n            <span part=\"label-text\" class=\"detail__heading-text\">${this.heading}</span>\n            ${this.description\n              ? html`<span part=\"description\" class=\"detail__description\">${this.description}</span>`\n              : ''}\n          </slot>\n\n          <slot name=\"header-actions\" part=\"header-actions\" class=\"detail__header-actions\"></slot>\n\n          <slot name=\"prefix\" part=\"prefix\" class=\"detail__prefix\"></slot>\n\n          <span part=\"summary-icon\" class=\"detail__summary-icon\" aria-hidden=\"true\">\n            <slot name=\"expand-icon\">\n              <nile-icon\n                name=\"var(--nile-icon-arrow-right, var(--ng-icon-chevron-right))\"\n                method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n                library=\"system\"\n              ></nile-icon>\n            </slot>\n          </span>\n\n          <slot name=\"suffix\" part=\"suffix\" class=\"detail__suffix\"></slot>\n\n        </summary>\n\n        <div part=\"content\" class=\"detail__body\">\n          <slot id=\"content\" class=\"detail__content\"></slot>\n        </div>\n      </details>\n    `;\n  }\n}\n\nexport default NileDetail;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-detail': NileDetail;\n  }\n}\n"]}

package/dist/src/nile-detail/nile-detail.test.d.ts

@@ -0,0 +1 @@
+import './nile-detail';