@aquera/nile-elements 0.0.105 → 0.0.107

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

@@ -1 +0,0 @@
-{"version":3,"file":"nile-detail.cjs.js","sources":["../../../src/nile-detail/nile-detail.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, property, CSSResultArray, TemplateResult} from 'lit-element';\nimport {styles} from './nile-detail.css';\nimport NileElement from '../internal/nile-element';\nimport { animateTo, shimKeyframesHeightAuto, stopAnimations } from '../internal/animate';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, query } from 'lit/decorators.js';\nimport { getAnimation, setDefaultAnimation } from '../utilities/animation-registry';\nimport { waitForEvent } from '../internal/event';\nimport { watch } from '../internal/watch';\nimport type { CSSResultGroup } from 'lit';\n\n/**\n * Nile detail component.\n *\n * @tag nile-accordion\n *\n */\n@customElement('nile-accordion')\nexport class NileDetail extends NileElement {\n\n/**\n * @summary Details show a brief summary and expand to show additional content.\n *\n * @dependency nile-icon\n *\n * @slot - The details' main content.\n * @slot summary - The details' summary. Alternatively, you can use the `summary` attribute.\n * @slot expand-icon - Optional expand icon to use instead of the default. Works best with `<nile-icon>`.\n * @slot collapse-icon - Optional collapse icon to use instead of the default. Works best with `<nile-icon>`.\n *\n * @event nile-show - Emitted when the details opens.\n * @event nile-after-show - Emitted after the details opens and all animations are complete.\n * @event nile-hide - Emitted when the details closes.\n * @event nile-after-hide - Emitted after the details closes and all animations are complete.\n *\n * @csspart base - The component's base wrapper.\n * @csspart header - The header that wraps both the summary and the expand/collapse icon.\n * @csspart summary - The container that wraps the summary.\n * @csspart summary-icon - The container that wraps the expand/collapse icons.\n * @csspart content - The details content.\n *\n * @animation details.show - The animation to use when showing details. You can use `height: auto` with this animation.\n * @animation details.hide - The animation to use when hiding details. You can use `height: auto` with this animation.\n */\n\nstatic styles: CSSResultGroup = styles;\n\n\n@query('.details') details: HTMLElement;\n@query('.details__header') header: HTMLElement;\n@query('.details__body') body: HTMLElement;\n@query('.details__expand-icon-slot') expandIconSlot: HTMLSlotElement;\n\n/**\n * Indicates whether or not the details is open. You can toggle this attribute to show and hide the details, or you\n * can use the `show()` and `hide()` methods and this attribute will reflect the details' open state.\n */\n@property({ type: Boolean, reflect: true }) open = false;\n\n/** The summary to show in the header. If you need to display HTML, use the `summary` slot instead. */\n@property() summary: string;\n\n/** Disables the details so it can't be toggled. */\n@property({ type: Boolean, reflect: true }) disabled = false;\n\nfirstUpdated() {\n  this.body.hidden = !this.open;\n  this.body.style.height = this.open ? 'auto' : '0';\n}\n\nprivate handleSummaryClick() {\n  if (!this.disabled) {\n    if (this.open) {\n      this.hide();\n    } else {\n      this.show();\n    }\n\n    this.header.focus();\n  }\n}\n\nprivate handleSummaryKeyDown(event: KeyboardEvent) {\n  if (event.key === 'Enter' || event.key === ' ') {\n    event.preventDefault();\n\n    if (this.open) {\n      this.hide();\n    } else {\n      this.show();\n    }\n  }\n\n  if (event.key === 'ArrowUp' || event.key === 'ArrowLeft') {\n    event.preventDefault();\n    this.hide();\n  }\n\n  if (event.key === 'ArrowDown' || event.key === 'ArrowRight') {\n    event.preventDefault();\n    this.show();\n  }\n}\n\n@watch('open', { waitUntilFirstUpdate: true })\nasync handleOpenChange() {\n  if (this.open) {\n    // Show\n    const nileShow = this.emit('nile-show', { cancelable: true });\n    if (nileShow.defaultPrevented) {\n      this.open = false;\n      return;\n    }\n\n    await stopAnimations(this.body);\n    this.body.hidden = false;\n\n    const { keyframes, options } = getAnimation(this, 'details.show', { dir: 'ltr' });\n    await animateTo(this.body, shimKeyframesHeightAuto(keyframes, this.body.scrollHeight), options);\n    this.body.style.height = 'auto';\n\n    this.emit('nile-after-show');\n  } else {\n    // Hide\n    const nileHide = this.emit('nile-hide', { cancelable: true });\n    if (nileHide.defaultPrevented) {\n      this.open = true;\n      return;\n    }\n\n    await stopAnimations(this.body);\n\n    const { keyframes, options } = getAnimation(this, 'details.hide', { dir: 'ltr' });\n    await animateTo(this.body, shimKeyframesHeightAuto(keyframes, this.body.scrollHeight), options);\n    this.body.hidden = true;\n    this.body.style.height = 'auto';\n\n    this.emit('nile-after-hide');\n  }\n}\n\n/** Shows the details. */\nasync show() {\n  if (this.open || this.disabled) {\n    return undefined;\n  }\n\n  this.open = true;\n  return waitForEvent(this, 'nile-after-show');\n}\n\n/** Hides the details */\nasync hide() {\n  if (!this.open || this.disabled) {\n    return undefined;\n  }\n\n  this.open = false;\n  return waitForEvent(this, 'nile-after-hide');\n}\n\nrender() {\n  const isRtl = false;\n\n  return html`\n    <div\n      part=\"base\"\n      class=${classMap({\n        details: true,\n        'details--open': this.open,\n        'details--disabled': this.disabled,\n        'details--rtl': isRtl\n      })}\n    >\n      <div\n        part=\"header\"\n        id=\"header\"\n        class=\"details__header\"\n        role=\"button\"\n        aria-expanded=${this.open ? 'true' : 'false'}\n        aria-controls=\"content\"\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=\"summary\" part=\"summary\" class=\"details__summary\">${this.summary}</slot>\n\n        <span part=\"summary-icon\" class=\"details__summary-icon\">\n          <slot name=\"expand-icon\">\n            <nile-icon name=\"arrowright\"></nile-icon>\n          </slot>\n          <slot name=\"collapse-icon\">\n            <nile-icon name=\"arrowright\"></nile-icon>\n          </slot>\n        </span>\n      </div>\n\n      <div class=\"details__body\" role=\"region\" aria-labelledby=\"header\">\n        <slot part=\"content\" id=\"content\" class=\"details__content\"></slot>\n      </div>\n    </div>\n  `;\n}\n}\n\nsetDefaultAnimation('details.show', {\nkeyframes: [\n  { height: '0', opacity: '0' },\n  { height: 'auto', opacity: '1' }\n],\noptions: { duration: 250, easing: 'linear' }\n});\n\nsetDefaultAnimation('details.hide', {\nkeyframes: [\n  { height: 'auto', opacity: '1' },\n  { height: '0', opacity: '0' }\n],\noptions: { duration: 250, easing: 'linear' }\n});\n\nexport default NileDetail;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-accordion': NileDetail;\n  }\n}\n"],"names":["NileDetail","_e","y","constructor","this","open","disabled","_this","_inherits","_createClass","key","value","firstUpdated","body","hidden","style","height","handleSummaryClick","hide","show","header","focus","handleSummaryKeyDown","event","preventDefault","_handleOpenChange","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_c","_i","_t","_c2","_i2","_t2","wrap","_callee$","_context2","prev","next","emit","cancelable","defaultPrevented","stopAnimations","getAnimation","dir","animateTo","keyframes","options","shimKeyframesHeightAuto","scrollHeight","abrupt","stop","handleOpenChange","apply","arguments","_show","_callee2","_callee2$","_context3","waitForEvent","_hide","_callee3","_callee3$","_context4","render","html","_templateObject","_taggedTemplateLiteral","classMap","details","summary","NileElement","styles","__decorate","query","prototype","property","type","Boolean","reflect","watch","waitUntilFirstUpdate","customElement","setDefaultAnimation","opacity","duration","easing"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"nile-detail.css.cjs.js","sources":["../../../src/nile-detail/nile-detail.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit-element';\n\n/**\n * Detail CSS\n */\nexport const styles = css`\n\n  :host {\n    box-sizing: border-box;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  :host {\n    display: block;\n  }\n\n  .details {\n    border: solid 1px hsl(240 5.9% 90%);\n    border-radius: 0.25rem;\n    background-color: #FFFFFF;\n    overflow-anchor: none;\n  }\n\n  .details--disabled {\n    opacity: 0.5;\n  }\n\n  .details__header {\n    display: flex;\n    align-items: center;\n    border-radius: inherit;\n    padding: 1rem;\n    user-select: none;\n    cursor: pointer;\n  }\n\n  .details__header:focus {\n    outline: none;\n  }\n\n  .details__header:focus-visible {\n    outline: solid 3px hsl(200.4, 98%, 39.4%);\n    outline-offset: calc(1px + 1px);\n  }\n\n  .details--disabled .details__header {\n    cursor: not-allowed;\n  }\n\n  .details--disabled .details__header:focus-visible {\n    outline: none;\n    box-shadow: none;\n  }\n\n  .details__summary {\n    flex: 1 1 auto;\n    display: flex;\n    align-items: center;\n  }\n\n  .details__summary-icon {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    transition: 250ms rotate ease;\n  }\n\n  .details--open .details__summary-icon {\n    rotate: 90deg;\n  }\n\n  .details--open.details--rtl .details__summary-icon {\n    rotate: -90deg;\n  }\n\n  .details--open slot[name='expand-icon'],\n  .details:not(.details--open) slot[name='collapse-icon'] {\n    display: none;\n  }\n\n  .details__body {\n    overflow: hidden;\n  }\n\n  .details__content {\n    display: block;\n    padding: 1rem;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"wXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

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

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

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

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

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

@@ -1 +0,0 @@
-{"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';\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"nile-detail.css.js","sourceRoot":"","sources":["../../../src/nile-detail/nile-detail.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,aAAa,CAAC;AAEhC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4FxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit-element';\n\n/**\n * Detail CSS\n */\nexport const styles = css`\n\n  :host {\n    box-sizing: border-box;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  :host {\n    display: block;\n  }\n\n  .details {\n    border: solid 1px hsl(240 5.9% 90%);\n    border-radius: 0.25rem;\n    background-color: #FFFFFF;\n    overflow-anchor: none;\n  }\n\n  .details--disabled {\n    opacity: 0.5;\n  }\n\n  .details__header {\n    display: flex;\n    align-items: center;\n    border-radius: inherit;\n    padding: 1rem;\n    user-select: none;\n    cursor: pointer;\n  }\n\n  .details__header:focus {\n    outline: none;\n  }\n\n  .details__header:focus-visible {\n    outline: solid 3px hsl(200.4, 98%, 39.4%);\n    outline-offset: calc(1px + 1px);\n  }\n\n  .details--disabled .details__header {\n    cursor: not-allowed;\n  }\n\n  .details--disabled .details__header:focus-visible {\n    outline: none;\n    box-shadow: none;\n  }\n\n  .details__summary {\n    flex: 1 1 auto;\n    display: flex;\n    align-items: center;\n  }\n\n  .details__summary-icon {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    transition: 250ms rotate ease;\n  }\n\n  .details--open .details__summary-icon {\n    rotate: 90deg;\n  }\n\n  .details--open.details--rtl .details__summary-icon {\n    rotate: -90deg;\n  }\n\n  .details--open slot[name='expand-icon'],\n  .details:not(.details--open) slot[name='collapse-icon'] {\n    display: none;\n  }\n\n  .details__body {\n    overflow: hidden;\n  }\n\n  .details__content {\n    display: block;\n    padding: 1rem;\n  }\n`;\n\nexport default [styles];\n"]}

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

@@ -1 +0,0 @@
-{"version":3,"file":"nile-detail.js","sourceRoot":"","sources":["../../../src/nile-detail/nile-detail.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAa,IAAI,EAAE,QAAQ,EAAiC,MAAM,aAAa,CAAC;AACvF,OAAO,EAAC,MAAM,EAAC,MAAM,mBAAmB,CAAC;AACzC,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACzF,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACpF,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAG1C;;;;;GAKG;AAEI,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,WAAW;IAApC;QAEP;;;;;;;;;;;;;;;;;;;;;;;WAuBG;;QAUH;;;WAGG;QACyC,SAAI,GAAG,KAAK,CAAC;QAKzD,mDAAmD;QACP,aAAQ,GAAG,KAAK,CAAC;IA6I7D,CAAC;IA3ID,YAAY;QACV,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,kBAAkB;QACxB,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,IAAI,IAAI,CAAC,IAAI,EAAE;gBACb,IAAI,CAAC,IAAI,EAAE,CAAC;aACb;iBAAM;gBACL,IAAI,CAAC,IAAI,EAAE,CAAC;aACb;YAED,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;SACrB;IACH,CAAC;IAEO,oBAAoB,CAAC,KAAoB;QAC/C,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,GAAG,EAAE;YAC9C,KAAK,CAAC,cAAc,EAAE,CAAC;YAEvB,IAAI,IAAI,CAAC,IAAI,EAAE;gBACb,IAAI,CAAC,IAAI,EAAE,CAAC;aACb;iBAAM;gBACL,IAAI,CAAC,IAAI,EAAE,CAAC;aACb;SACF;QAED,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE;YACxD,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,CAAC,IAAI,EAAE,CAAC;SACb;QAED,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,IAAI,KAAK,CAAC,GAAG,KAAK,YAAY,EAAE;YAC3D,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,CAAC,IAAI,EAAE,CAAC;SACb;IACH,CAAC;IAGK,AAAN,KAAK,CAAC,gBAAgB;QACpB,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,OAAO;YACP,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC;YAC9D,IAAI,QAAQ,CAAC,gBAAgB,EAAE;gBAC7B,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;gBAClB,OAAO;aACR;YAED,MAAM,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAChC,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;YAEzB,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,YAAY,CAAC,IAAI,EAAE,cAAc,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC;YAClF,MAAM,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,uBAAuB,CAAC,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC,CAAC;YAChG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;YAEhC,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;SAC9B;aAAM;YACL,OAAO;YACP,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,CAAC,CAAC;YAC9D,IAAI,QAAQ,CAAC,gBAAgB,EAAE;gBAC7B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;gBACjB,OAAO;aACR;YAED,MAAM,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YAEhC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,YAAY,CAAC,IAAI,EAAE,cAAc,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC;YAClF,MAAM,SAAS,CAAC,IAAI,CAAC,IAAI,EAAE,uBAAuB,CAAC,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE,OAAO,CAAC,CAAC;YAChG,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;YACxB,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;YAEhC,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;SAC9B;IACH,CAAC;IAED,yBAAyB;IACzB,KAAK,CAAC,IAAI;QACR,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ,EAAE;YAC9B,OAAO,SAAS,CAAC;SAClB;QAED,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,OAAO,YAAY,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAAC;IAC/C,CAAC;IAED,wBAAwB;IACxB,KAAK,CAAC,IAAI;QACR,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,QAAQ,EAAE;YAC/B,OAAO,SAAS,CAAC;SAClB;QAED,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAClB,OAAO,YAAY,CAAC,IAAI,EAAE,iBAAiB,CAAC,CAAC;IAC/C,CAAC;IAED,MAAM;QACJ,MAAM,KAAK,GAAG,KAAK,CAAC;QAEpB,OAAO,IAAI,CAAA;;;cAGC,QAAQ,CAAC;YACf,OAAO,EAAE,IAAI;YACb,eAAe,EAAE,IAAI,CAAC,IAAI;YAC1B,mBAAmB,EAAE,IAAI,CAAC,QAAQ;YAClC,cAAc,EAAE,KAAK;SACtB,CAAC;;;;;;;wBAOgB,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;;wBAE5B,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;mBACrC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG;iBAC5B,IAAI,CAAC,kBAAkB;mBACrB,IAAI,CAAC,oBAAoB;;uEAE2B,IAAI,CAAC,OAAO;;;;;;;;;;;;;;;;GAgBhF,CAAC;IACJ,CAAC;;AA9JM,iBAAM,GAAmB,MAAM,CAAC;AAGpB;IAAlB,KAAK,CAAC,UAAU,CAAC;2CAAsB;AACb;IAA1B,KAAK,CAAC,kBAAkB,CAAC;0CAAqB;AACtB;IAAxB,KAAK,CAAC,gBAAgB,CAAC;wCAAmB;AACN;IAApC,KAAK,CAAC,4BAA4B,CAAC;kDAAiC;AAMzB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wCAAc;AAG7C;IAAX,QAAQ,EAAE;2CAAiB;AAGgB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAAkB;AA0CvD;IADL,KAAK,CAAC,MAAM,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;kDAmC7C;AAzHY,UAAU;IADtB,aAAa,CAAC,gBAAgB,CAAC;GACnB,UAAU,CA0LtB;SA1LY,UAAU;AA4LvB,mBAAmB,CAAC,cAAc,EAAE;IACpC,SAAS,EAAE;QACT,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE;QAC7B,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE;KACjC;IACD,OAAO,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE;CAC3C,CAAC,CAAC;AAEH,mBAAmB,CAAC,cAAc,EAAE;IACpC,SAAS,EAAE;QACT,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE;QAChC,EAAE,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE;KAC9B;IACD,OAAO,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE;CAC3C,CAAC,CAAC;AAEH,eAAe,UAAU,CAAC","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, property, CSSResultArray, TemplateResult} from 'lit-element';\nimport {styles} from './nile-detail.css';\nimport NileElement from '../internal/nile-element';\nimport { animateTo, shimKeyframesHeightAuto, stopAnimations } from '../internal/animate';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, query } from 'lit/decorators.js';\nimport { getAnimation, setDefaultAnimation } from '../utilities/animation-registry';\nimport { waitForEvent } from '../internal/event';\nimport { watch } from '../internal/watch';\nimport type { CSSResultGroup } from 'lit';\n\n/**\n * Nile detail component.\n *\n * @tag nile-accordion\n *\n */\n@customElement('nile-accordion')\nexport class NileDetail extends NileElement {\n\n/**\n * @summary Details show a brief summary and expand to show additional content.\n *\n * @dependency nile-icon\n *\n * @slot - The details' main content.\n * @slot summary - The details' summary. Alternatively, you can use the `summary` attribute.\n * @slot expand-icon - Optional expand icon to use instead of the default. Works best with `<nile-icon>`.\n * @slot collapse-icon - Optional collapse icon to use instead of the default. Works best with `<nile-icon>`.\n *\n * @event nile-show - Emitted when the details opens.\n * @event nile-after-show - Emitted after the details opens and all animations are complete.\n * @event nile-hide - Emitted when the details closes.\n * @event nile-after-hide - Emitted after the details closes and all animations are complete.\n *\n * @csspart base - The component's base wrapper.\n * @csspart header - The header that wraps both the summary and the expand/collapse icon.\n * @csspart summary - The container that wraps the summary.\n * @csspart summary-icon - The container that wraps the expand/collapse icons.\n * @csspart content - The details content.\n *\n * @animation details.show - The animation to use when showing details. You can use `height: auto` with this animation.\n * @animation details.hide - The animation to use when hiding details. You can use `height: auto` with this animation.\n */\n\nstatic styles: CSSResultGroup = styles;\n\n\n@query('.details') details: HTMLElement;\n@query('.details__header') header: HTMLElement;\n@query('.details__body') body: HTMLElement;\n@query('.details__expand-icon-slot') expandIconSlot: HTMLSlotElement;\n\n/**\n * Indicates whether or not the details is open. You can toggle this attribute to show and hide the details, or you\n * can use the `show()` and `hide()` methods and this attribute will reflect the details' open state.\n */\n@property({ type: Boolean, reflect: true }) open = false;\n\n/** The summary to show in the header. If you need to display HTML, use the `summary` slot instead. */\n@property() summary: string;\n\n/** Disables the details so it can't be toggled. */\n@property({ type: Boolean, reflect: true }) disabled = false;\n\nfirstUpdated() {\n  this.body.hidden = !this.open;\n  this.body.style.height = this.open ? 'auto' : '0';\n}\n\nprivate handleSummaryClick() {\n  if (!this.disabled) {\n    if (this.open) {\n      this.hide();\n    } else {\n      this.show();\n    }\n\n    this.header.focus();\n  }\n}\n\nprivate handleSummaryKeyDown(event: KeyboardEvent) {\n  if (event.key === 'Enter' || event.key === ' ') {\n    event.preventDefault();\n\n    if (this.open) {\n      this.hide();\n    } else {\n      this.show();\n    }\n  }\n\n  if (event.key === 'ArrowUp' || event.key === 'ArrowLeft') {\n    event.preventDefault();\n    this.hide();\n  }\n\n  if (event.key === 'ArrowDown' || event.key === 'ArrowRight') {\n    event.preventDefault();\n    this.show();\n  }\n}\n\n@watch('open', { waitUntilFirstUpdate: true })\nasync handleOpenChange() {\n  if (this.open) {\n    // Show\n    const nileShow = this.emit('nile-show', { cancelable: true });\n    if (nileShow.defaultPrevented) {\n      this.open = false;\n      return;\n    }\n\n    await stopAnimations(this.body);\n    this.body.hidden = false;\n\n    const { keyframes, options } = getAnimation(this, 'details.show', { dir: 'ltr' });\n    await animateTo(this.body, shimKeyframesHeightAuto(keyframes, this.body.scrollHeight), options);\n    this.body.style.height = 'auto';\n\n    this.emit('nile-after-show');\n  } else {\n    // Hide\n    const nileHide = this.emit('nile-hide', { cancelable: true });\n    if (nileHide.defaultPrevented) {\n      this.open = true;\n      return;\n    }\n\n    await stopAnimations(this.body);\n\n    const { keyframes, options } = getAnimation(this, 'details.hide', { dir: 'ltr' });\n    await animateTo(this.body, shimKeyframesHeightAuto(keyframes, this.body.scrollHeight), options);\n    this.body.hidden = true;\n    this.body.style.height = 'auto';\n\n    this.emit('nile-after-hide');\n  }\n}\n\n/** Shows the details. */\nasync show() {\n  if (this.open || this.disabled) {\n    return undefined;\n  }\n\n  this.open = true;\n  return waitForEvent(this, 'nile-after-show');\n}\n\n/** Hides the details */\nasync hide() {\n  if (!this.open || this.disabled) {\n    return undefined;\n  }\n\n  this.open = false;\n  return waitForEvent(this, 'nile-after-hide');\n}\n\nrender() {\n  const isRtl = false;\n\n  return html`\n    <div\n      part=\"base\"\n      class=${classMap({\n        details: true,\n        'details--open': this.open,\n        'details--disabled': this.disabled,\n        'details--rtl': isRtl\n      })}\n    >\n      <div\n        part=\"header\"\n        id=\"header\"\n        class=\"details__header\"\n        role=\"button\"\n        aria-expanded=${this.open ? 'true' : 'false'}\n        aria-controls=\"content\"\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=\"summary\" part=\"summary\" class=\"details__summary\">${this.summary}</slot>\n\n        <span part=\"summary-icon\" class=\"details__summary-icon\">\n          <slot name=\"expand-icon\">\n            <nile-icon name=\"arrowright\"></nile-icon>\n          </slot>\n          <slot name=\"collapse-icon\">\n            <nile-icon name=\"arrowright\"></nile-icon>\n          </slot>\n        </span>\n      </div>\n\n      <div class=\"details__body\" role=\"region\" aria-labelledby=\"header\">\n        <slot part=\"content\" id=\"content\" class=\"details__content\"></slot>\n      </div>\n    </div>\n  `;\n}\n}\n\nsetDefaultAnimation('details.show', {\nkeyframes: [\n  { height: '0', opacity: '0' },\n  { height: 'auto', opacity: '1' }\n],\noptions: { duration: 250, easing: 'linear' }\n});\n\nsetDefaultAnimation('details.hide', {\nkeyframes: [\n  { height: 'auto', opacity: '1' },\n  { height: '0', opacity: '0' }\n],\noptions: { duration: 250, easing: 'linear' }\n});\n\nexport default NileDetail;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-accordion': NileDetail;\n  }\n}\n"]}

package/src/nile-detail/index.ts

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