npm - @aquera/nile-elements - Versions diffs - 1.9.11 → 2.0.0 - Mend

@aquera/nile-elements 1.9.11 → 2.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (160) hide show

package/dist/nile-drawer/nile-drawer.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-drawer.cjs.js","sources":["../../../src/nile-drawer/nile-drawer.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 '../nile-icon-button/nile-icon-button';\nimport { animateTo, parseDuration, stopAnimations } from '../internal/animate';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { getAnimation, setDefaultAnimation } from '../utilities/animation-registry';\nimport { HasSlotController } from '../internal/slot';\nimport { html } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { lockBodyScrolling, unlockBodyScrolling } from '../internal/scroll';\nimport { uppercaseFirstLetter } from '../internal/string';\nimport { waitForEvent } from '../internal/event';\nimport { watch } from '../internal/watch';\nimport Modal from '../internal/modal';\nimport NileElement from '../internal/nile-element';\nimport styles from './nile-drawer.css';\nimport type { CSSResultGroup, TemplateResult } from 'lit';\n\n/\n Nile drawer component.\n \n @tag nile-drawer\n \n @summary Drawers slide in from a container to expose additional options and information.\n \n @dependency nile-icon-button\n \n @slot - The drawer's main content.\n * @slot label - The drawer's label. Alternatively, you can use the `label` attribute.\n * @slot header-actions - Optional actions to add to the header. Works best with `<nile-icon-button>`.\n * @slot footer - The drawer's footer, usually one or more buttons representing various options.\n \n @event nile-show - Emitted when the drawer opens.\n * @event nile-after-show - Emitted after the drawer opens and all animations are complete.\n * @event nile-hide - Emitted when the drawer closes.\n * @event nile-after-hide - Emitted after the drawer closes and all animations are complete.\n * @event nile-initial-focus - Emitted when the drawer opens and is ready to receive focus. Calling\n * `event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input.\n * @event {{ source: 'close-button' \| 'keyboard' \| 'overlay' }} nile-request-close - Emitted when the user attempts to\n * close the drawer by clicking the close button, clicking the overlay, or pressing escape. Calling\n * `event.preventDefault()` will keep the drawer open. Avoid using this unless closing the drawer will result in\n * destructive behavior such as data loss.\n \n @csspart base - The component's base wrapper.\n * @csspart overlay - The overlay that covers the screen behind the drawer.\n * @csspart panel - The drawer's panel (where the drawer and its content are rendered).\n * @csspart header - The drawer's header. This element wraps the title and header actions.\n * @csspart header-actions - Optional actions to add to the header. Works best with `<nile-icon-button>`.\n * @csspart title - The drawer's title.\n * @csspart close-button - The close button, an `<nile-icon-button>`.\n * @csspart close-button__base - The close button's exported `base` part.\n * @csspart body - The drawer's body.\n * @csspart footer - The drawer's footer.\n \n @cssproperty --size - The preferred size of the drawer. This will be applied to the drawer's width or height\n * depending on its `placement`. Note that the drawer will shrink to accommodate smaller screens.\n * @cssproperty --header-spacing - The amount of padding to use for the header.\n * @cssproperty --body-spacing - The amount of padding to use for the body.\n * @cssproperty --footer-spacing - The amount of padding to use for the footer.\n \n @animation drawer.showTop - The animation to use when showing a drawer with `top` placement.\n * @animation drawer.showEnd - The animation to use when showing a drawer with `end` placement.\n * @animation drawer.showBottom - The animation to use when showing a drawer with `bottom` placement.\n * @animation drawer.showStart - The animation to use when showing a drawer with `start` placement.\n * @animation drawer.hideTop - The animation to use when hiding a drawer with `top` placement.\n * @animation drawer.hideEnd - The animation to use when hiding a drawer with `end` placement.\n * @animation drawer.hideBottom - The animation to use when hiding a drawer with `bottom` placement.\n * @animation drawer.hideStart - The animation to use when hiding a drawer with `start` placement.\n * @animation drawer.denyClose - The animation to use when a request to close the drawer is denied.\n * @animation drawer.overlay.show - The animation to use when showing the drawer's overlay.\n * @animation drawer.overlay.hide - The animation to use when hiding the drawer's overlay.\n /\n@customElement('nile-drawer')\nexport class NileDrawer extends NileElement {\n\n\tstatic styles: CSSResultGroup = styles;\n\n private readonly hasSlotController = new HasSlotController(this, 'footer');\n private modal: Modal;\n private originalTrigger: HTMLElement \| null;\n\n @query('.drawer') drawer: HTMLElement;\n @query('.drawer__panel') panel: HTMLElement;\n @query('.drawer__overlay') overlay: HTMLElement;\n\n /\n Indicates whether or not the drawer is open. You can toggle this attribute to show and hide the drawer, or you can\n * use the `show()` and `hide()` methods and this attribute will reflect the drawer's open state.\n /\n @property({ type: Boolean, reflect: true }) open = false;\n\n @property({ type: Boolean, reflect: true }) closeOnEscape = true;\n\n /\n The drawer's label as displayed in the header. You should always include a relevant label even when using\n * `no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.\n /\n @property({ reflect: true }) label = '';\n\n /* The direction from which the drawer will open. /\n @property({ reflect: true }) placement: 'top' \| 'end' \| 'bottom' \| 'start' = 'end';\n\n /\n By default, the drawer slides out of its containing block (usually the viewport). To make the drawer slide out of\n * its parent element, set this attribute and add `position: relative` to the parent.\n /\n @property({ type: Boolean, reflect: true }) contained = false;\n\n @property({ type: Boolean, reflect: true }) push = false;\n\n /\n Drawer doesnt close when clicled on overlay, the only way to close is to do by handling open property\n /\n @property({ type: Boolean, reflect:true }) preventOverlayClose = false;\n\n /\n Removes the header. This will also remove the default close button, so please ensure you provide an easy,\n * accessible way for users to dismiss the drawer.\n /\n @property({ attribute: 'no-header', type: Boolean, reflect: true }) noHeader = false;\n \n @property({type: Boolean, reflect: true }) noOverlay = false;\n\n private get isNonModal() {\n return this.contained \|\| this.push;\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.handleDocumentKeyDown = this.handleDocumentKeyDown.bind(this);\n this.modal = new Modal(this);\n }\n\n firstUpdated() {\n this.drawer.hidden = !this.open;\n\n if (this.open) {\n this.addOpenListeners();\n\n if (!this.isNonModal) {\n this.modal.activate();\n lockBodyScrolling(this);\n }\n }\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n unlockBodyScrolling(this);\n }\n\n private requestClose(source: 'close-button' \| 'keyboard' \| 'overlay') {\n if((source=='overlay' \|\| source=='keyboard') && this.preventOverlayClose) return;\n const slRequestClose = this.emit('nile-request-close', {\n cancelable: true,\n detail: { source }\n });\n\n if (slRequestClose.defaultPrevented) {\n const animation = getAnimation(this, 'drawer.denyClose', { dir: '' });\n animateTo(this.panel, animation.keyframes, animation.options);\n return;\n }\n\n this.hide();\n }\n\n private addOpenListeners() {\n if(this.closeOnEscape) document.addEventListener('keydown', this.handleDocumentKeyDown);\n }\n\n private removeOpenListeners() {\n if(this.closeOnEscape) document.removeEventListener('keydown', this.handleDocumentKeyDown);\n }\n\n private handleDocumentKeyDown(event: KeyboardEvent) {\n if (this.open && !this.isNonModal && event.key === 'Escape') {\n event.stopPropagation();\n this.requestClose('keyboard');\n }\n }\n\n private async waitForPushTransition() {\n await this.updateComplete;\n\n const style = getComputedStyle(this);\n const duration =\n parseDuration(style.transitionDuration.split(',')[0]) + parseDuration(style.transitionDelay.split(',')[0]);\n\n if (!duration) {\n return;\n }\n\n return new Promise<void>(resolve => {\n const finish = () => {\n this.removeEventListener('transitionend', handleTransitionEnd);\n clearTimeout(fallback);\n resolve();\n };\n\n const handleTransitionEnd = (event: Event) => {\n if (event.target === this) {\n finish();\n }\n };\n const fallback = setTimeout(finish, duration + 50);\n this.addEventListener('transitionend', handleTransitionEnd);\n });\n }\n\n @watch('open', { waitUntilFirstUpdate: true })\n async handleOpenChange() {\n if (this.open) {\n // Show\n this.emit('nile-show');\n this.addOpenListeners();\n this.originalTrigger = document.activeElement as HTMLElement;\n\n // Lock body scrolling only if the drawer isn't contained or pushing\n if (!this.isNonModal) {\n this.modal.activate();\n lockBodyScrolling(this);\n }\n\n // When the drawer is shown, Safari will attempt to set focus on whatever element has autofocus. This causes the\n // drawer's animation to jitter, so we'll temporarily remove the attribute, call `focus({ preventScroll: true })`\n // ourselves, and add the attribute back afterwards.\n //\n //\n const autoFocusTarget = this.querySelector('[autofocus]');\n if (autoFocusTarget) {\n autoFocusTarget.removeAttribute('autofocus');\n }\n\n await Promise.all([stopAnimations(this.drawer), stopAnimations(this.overlay)]);\n this.drawer.hidden = false;\n\n // Set initial focus\n requestAnimationFrame(() => {\n const slInitialFocus = this.emit('nile-initial-focus', { cancelable: true });\n\n if (!slInitialFocus.defaultPrevented) {\n // Set focus to the autofocus target and restore the attribute\n if (autoFocusTarget) {\n (autoFocusTarget as HTMLInputElement).focus({ preventScroll: true });\n } else {\n this.panel.focus({ preventScroll: true });\n }\n }\n\n // Restore the autofocus attribute\n if (autoFocusTarget) {\n autoFocusTarget.setAttribute('autofocus', '');\n }\n });\n\n if (this.push) {\n await this.waitForPushTransition();\n } else {\n const panelAnimation = getAnimation(this, `drawer.show${uppercaseFirstLetter(this.placement)}`, {\n dir: ''\n });\n const overlayAnimation = getAnimation(this, 'drawer.overlay.show', { dir: '' });\n await Promise.all([\n animateTo(this.panel, panelAnimation.keyframes, panelAnimation.options),\n animateTo(this.overlay, overlayAnimation.keyframes, overlayAnimation.options)\n ]);\n }\n\n this.emit('nile-after-show');\n } else {\n // Hide\n this.emit('nile-hide');\n this.removeOpenListeners();\n\n if (!this.isNonModal) {\n this.modal.deactivate();\n unlockBodyScrolling(this);\n }\n\n await Promise.all([stopAnimations(this.drawer), stopAnimations(this.overlay)]);\n\n if (this.push) {\n await this.waitForPushTransition();\n this.drawer.hidden = true;\n } else {\n const panelAnimation = getAnimation(this, `drawer.hide${uppercaseFirstLetter(this.placement)}`, {\n dir: ''\n });\n const overlayAnimation = getAnimation(this, 'drawer.overlay.hide', { dir: '' });\n\n // Animate the overlay and the panel at the same time. Because animation durations might be different, we need to\n // hide each one individually when the animation finishes, otherwise the first one that finishes will reappear\n // unexpectedly. We'll unhide them after all animations have completed.\n await Promise.all([\n animateTo(this.overlay, overlayAnimation.keyframes, overlayAnimation.options).then(() => {\n this.overlay.hidden = true;\n }),\n animateTo(this.panel, panelAnimation.keyframes, panelAnimation.options).then(() => {\n this.panel.hidden = true;\n })\n ]);\n\n this.drawer.hidden = true;\n\n // Now that the dialog is hidden, restore the overlay and panel for next time\n this.overlay.hidden = false;\n this.panel.hidden = false;\n }\n\n // Restore focus to the original trigger\n const trigger = this.originalTrigger;\n if (typeof trigger?.focus === 'function') {\n setTimeout(() => trigger.focus());\n }\n\n this.emit('nile-after-hide');\n }\n }\n\n @watch(['contained', 'push'], { waitUntilFirstUpdate: true })\n handleNoModalChange() {\n if (this.open && !this.isNonModal) {\n this.modal.activate();\n lockBodyScrolling(this);\n }\n\n if (this.open && this.isNonModal) {\n this.modal.deactivate();\n unlockBodyScrolling(this);\n }\n }\n\n /* Shows the drawer. /\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 drawer */\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 render() {\n return html`\n <div\n part=\"base\"\n class=${classMap({\n drawer: true,\n 'drawer--open': this.open,\n 'drawer--top': this.placement === 'top',\n 'drawer--end': this.placement === 'end',\n 'drawer--bottom': this.placement === 'bottom',\n 'drawer--start': this.placement === 'start',\n 'drawer--contained': this.contained && !this.push,\n 'drawer--push': this.push,\n 'drawer--fixed': !this.contained && !this.push,\n 'drawer--rtl': 'rtl',\n 'drawer--has-footer': this.hasSlotController.test('footer'),\n })}\n >\n <div\n part=\"overlay\"\n class=\"drawer__overlay\"\n @click=${() => this.requestClose('overlay')}\n tabindex=\"-1\"\n ></div>\n\n <div\n part=\"panel\"\n class=\"drawer__panel\"\n role=\"dialog\"\n aria-modal=\"true\"\n aria-hidden=${this.open ? 'false' : 'true'}\n aria-label=${ifDefined(this.noHeader ? this.label : undefined)}\n aria-labelledby=${ifDefined(!this.noHeader ? 'title' : undefined)}\n tabindex=\"0\"\n >\n ${!this.noHeader\n ? html`\n <header part=\"header\" class=\"drawer__header\">\n <h2 part=\"title\" class=\"drawer__title\" id=\"title\">\n <!-- If there's no label, use an invisible character to prevent the header from collapsing -->\n <slot name=\"label\">\n ${this.label.length > 0\n ? this.label\n : String.fromCharCode(65279)}\n </slot>\n </h2>\n <div part=\"header-actions\" class=\"drawer__header-actions\">\n <slot name=\"header-actions\"></slot>\n <nile-icon\n class=\"drawer__close\"\n name=\"var(--nile-icon-close, var(--ng-icon-x-close))\"\n method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n label=\"close\"\n part=\"close-button\"\n exportparts=\"base:close-button__base\"\n color=\"var(--nile-drawer-remove-icon-color)\"\n @click=${() => this.requestClose('close-button')}\n ></nile-icon>\n </div>\n </header>\n `\n : ''}\n\n <slot part=\"body\" class=\"drawer__body\"></slot>\n\n <footer part=\"footer\" class=\"drawer__footer\">\n <slot name=\"footer\"></slot>\n </footer>\n </div>\n </div>\n `;\n }\n}\n\n// Top\nsetDefaultAnimation('drawer.showTop', {\n keyframes: [\n { opacity: 0, translate: '0 -100%' },\n { opacity: 1, translate: '0 0' }\n ],\n options: { duration: 250, easing: 'ease' }\n});\n\nsetDefaultAnimation('drawer.hideTop', {\n keyframes: [\n { opacity: 1, translate: '0 0' },\n { opacity: 0, translate: '0 -100%' }\n ],\n options: { duration: 250, easing: 'ease' }\n});\n\n// End\nsetDefaultAnimation('drawer.showEnd', {\n keyframes: [\n { opacity: 0, translate: '100%' },\n { opacity: 1, translate: '0' }\n ],\n rtlKeyframes: [\n { opacity: 0, translate: '-100%' },\n { opacity: 1, translate: '0' }\n ],\n options: { duration: 250, easing: 'ease' }\n});\n\nsetDefaultAnimation('drawer.hideEnd', {\n keyframes: [\n { opacity: 1, translate: '0' },\n { opacity: 0, translate: '100%' }\n ],\n rtlKeyframes: [\n { opacity: 1, translate: '0' },\n { opacity: 0, translate: '-100%' }\n ],\n options: { duration: 250, easing: 'ease' }\n});\n\n// Bottom\nsetDefaultAnimation('drawer.showBottom', {\n keyframes: [\n { opacity: 0, translate: '0 100%' },\n { opacity: 1, translate: '0 0' }\n ],\n options: { duration: 250, easing: 'ease' }\n});\n\nsetDefaultAnimation('drawer.hideBottom', {\n keyframes: [\n { opacity: 1, translate: '0 0' },\n { opacity: 0, translate: '0 100%' }\n ],\n options: { duration: 250, easing: 'ease' }\n});\n\n// Start\nsetDefaultAnimation('drawer.showStart', {\n keyframes: [\n { opacity: 0, translate: '-100%' },\n { opacity: 1, translate: '0' }\n ],\n rtlKeyframes: [\n { opacity: 0, translate: '100%' },\n { opacity: 1, translate: '0' }\n ],\n options: { duration: 250, easing: 'ease' }\n});\n\nsetDefaultAnimation('drawer.hideStart', {\n keyframes: [\n { opacity: 1, translate: '0' },\n { opacity: 0, translate: '-100%' }\n ],\n rtlKeyframes: [\n { opacity: 1, translate: '0' },\n { opacity: 0, translate: '100%' }\n ],\n options: { duration: 250, easing: 'ease' }\n});\n\n// Deny close\nsetDefaultAnimation('drawer.denyClose', {\n keyframes: [{ scale: 1 }, { scale: 1.01 }, { scale: 1 }],\n options: { duration: 250 }\n});\n\n// Overlay\nsetDefaultAnimation('drawer.overlay.show', {\n keyframes: [{ opacity: 0 }, { opacity: 1 }],\n options: { duration: 250 }\n});\n\nsetDefaultAnimation('drawer.overlay.hide', {\n keyframes: [{ opacity: 1 }, { opacity: 0 }],\n options: { duration: 250 }\n});\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-drawer': NileDrawer;\n }\n}\n"],"names":["NileDrawer","_w","b","this","hasSlotController","HasSlotController","open","closeOnEscape","label","placement","contained","push","preventOverlayClose","noHeader","noOverlay","_this","_inherits","_createClass","key","get","isNonModal","value","connectedCallback","super","handleDocumentKeyDown","bind","modal","Modal","firstUpdated","drawer","hidden","addOpenListeners","activate","lockBodyScrolling","disconnectedCallback","unlockBodyScrolling","requestClose","source","emit","cancelable","detail","defaultPrevented","animation","getAnimation","dir","animateTo","panel","keyframes","options","hide","document","addEventListener","removeOpenListeners","removeEventListener","event","stopPropagation","_waitForPushTransition","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_this2","i","s","wrap","_callee$","_context2","prev","next","updateComplete","style","getComputedStyle","duration","parseDuration","transitionDuration","split","transitionDelay","abrupt","Promise","resolve","finish","handleTransitionEnd","clearTimeout","fallback","target","setTimeout","stop","waitForPushTransition","_callee2","_this3","_i2","_i3","_o","_i4","_o2","_i5","_callee2$","_context3","originalTrigger","activeElement","autoFocusTarget","querySelector","removeAttribute","all","stopAnimations","overlay","requestAnimationFrame","focus","preventScroll","setAttribute","panelAnimation","concat","uppercaseFirstLetter","overlayAnimation","deactivate","then","trigger","handleOpenChange","handleNoModalChange","_show","_callee3","_callee3$","_context4","waitForEvent","show","_callee4","_callee4$","_context5","render","html","_templateObject","_taggedTemplateLiteral","classMap","test","ifDefined","undefined","_templateObject2","length","String","fromCharCode","NileElement","styles","__decorate","query","prototype","property","type","Boolean","reflect","attribute","watch","waitUntilFirstUpdate","_export","customElement","setDefaultAnimation","opacity","translate","easing","rtlKeyframes","scale"],"mappings":"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"}
1	+ {"version":3,"file":"nile-drawer.cjs.js","sources":["../../../src/nile-drawer/nile-drawer.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 '../nile-icon-button/nile-icon-button';\nimport { animateTo, parseDuration, stopAnimations } from '../internal/animate';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { getAnimation, setDefaultAnimation } from '../utilities/animation-registry';\nimport { HasSlotController } from '../internal/slot';\nimport { html } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { lockBodyScrolling, unlockBodyScrolling } from '../internal/scroll';\nimport { uppercaseFirstLetter } from '../internal/string';\nimport { waitForEvent } from '../internal/event';\nimport { watch } from '../internal/watch';\nimport Modal from '../internal/modal';\nimport NileElement from '../internal/nile-element';\nimport styles from './nile-drawer.css';\nimport type { CSSResultGroup, TemplateResult } from 'lit';\n\n/\n Nile drawer component.\n \n @tag nile-drawer\n \n @summary Drawers slide in from a container to expose additional options and information.\n \n @dependency nile-icon-button\n \n @slot - The drawer's main content.\n * @slot label - The drawer's label. Alternatively, you can use the `label` attribute.\n * @slot header-actions - Optional actions to add to the header. Works best with `<nile-icon-button>`.\n * @slot footer - The drawer's footer, usually one or more buttons representing various options.\n \n @event nile-show - Emitted when the drawer opens.\n * @event nile-after-show - Emitted after the drawer opens and all animations are complete.\n * @event nile-hide - Emitted when the drawer closes.\n * @event nile-after-hide - Emitted after the drawer closes and all animations are complete.\n * @event nile-initial-focus - Emitted when the drawer opens and is ready to receive focus. Calling\n * `event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input.\n * @event {{ source: 'close-button' \| 'keyboard' \| 'overlay' }} nile-request-close - Emitted when the user attempts to\n * close the drawer by clicking the close button, clicking the overlay, or pressing escape. Calling\n * `event.preventDefault()` will keep the drawer open. Avoid using this unless closing the drawer will result in\n * destructive behavior such as data loss.\n \n @csspart base - The component's base wrapper.\n * @csspart overlay - The overlay that covers the screen behind the drawer.\n * @csspart panel - The drawer's panel (where the drawer and its content are rendered).\n * @csspart header - The drawer's header. This element wraps the title and header actions.\n * @csspart header-actions - Optional actions to add to the header. Works best with `<nile-icon-button>`.\n * @csspart title - The drawer's title.\n * @csspart close-button - The close button, an `<nile-icon-button>`.\n * @csspart close-button__base - The close button's exported `base` part.\n * @csspart body - The drawer's body.\n * @csspart footer - The drawer's footer.\n \n @cssproperty --size - The preferred size of the drawer. This will be applied to the drawer's width or height\n * depending on its `placement`. Note that the drawer will shrink to accommodate smaller screens.\n * @cssproperty --header-spacing - The amount of padding to use for the header.\n * @cssproperty --body-spacing - The amount of padding to use for the body.\n * @cssproperty --footer-spacing - The amount of padding to use for the footer.\n \n @animation drawer.showTop - The animation to use when showing a drawer with `top` placement.\n * @animation drawer.showEnd - The animation to use when showing a drawer with `end` placement.\n * @animation drawer.showBottom - The animation to use when showing a drawer with `bottom` placement.\n * @animation drawer.showStart - The animation to use when showing a drawer with `start` placement.\n * @animation drawer.hideTop - The animation to use when hiding a drawer with `top` placement.\n * @animation drawer.hideEnd - The animation to use when hiding a drawer with `end` placement.\n * @animation drawer.hideBottom - The animation to use when hiding a drawer with `bottom` placement.\n * @animation drawer.hideStart - The animation to use when hiding a drawer with `start` placement.\n * @animation drawer.denyClose - The animation to use when a request to close the drawer is denied.\n * @animation drawer.overlay.show - The animation to use when showing the drawer's overlay.\n * @animation drawer.overlay.hide - The animation to use when hiding the drawer's overlay.\n /\n@customElement('nile-drawer')\nexport class NileDrawer extends NileElement {\n\n\tstatic styles: CSSResultGroup = styles;\n\n private readonly hasSlotController = new HasSlotController(this, 'footer');\n private modal: Modal;\n private originalTrigger: HTMLElement \| null;\n\n @query('.drawer') drawer: HTMLElement;\n @query('.drawer__panel') panel: HTMLElement;\n @query('.drawer__overlay') overlay: HTMLElement;\n\n /\n Indicates whether or not the drawer is open. You can toggle this attribute to show and hide the drawer, or you can\n * use the `show()` and `hide()` methods and this attribute will reflect the drawer's open state.\n /\n @property({ type: Boolean, reflect: true }) open = false;\n\n @property({ type: Boolean, reflect: true }) closeOnEscape = true;\n\n /\n The drawer's label as displayed in the header. You should always include a relevant label even when using\n * `no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.\n /\n @property({ reflect: true }) label = '';\n\n /* The direction from which the drawer will open. /\n @property({ reflect: true }) placement: 'top' \| 'end' \| 'bottom' \| 'start' = 'end';\n\n /\n By default, the drawer slides out of its containing block (usually the viewport). To make the drawer slide out of\n * its parent element, set this attribute and add `position: relative` to the parent.\n /\n @property({ type: Boolean, reflect: true }) contained = false;\n\n @property({ type: Boolean, reflect: true }) push = false;\n\n /\n Drawer doesnt close when clicled on overlay, the only way to close is to do by handling open property\n /\n @property({ type: Boolean, reflect:true }) preventOverlayClose = false;\n\n /\n Removes the header. This will also remove the default close button, so please ensure you provide an easy,\n * accessible way for users to dismiss the drawer.\n /\n @property({ attribute: 'no-header', type: Boolean, reflect: true }) noHeader = false;\n \n @property({type: Boolean, reflect: true }) noOverlay = false;\n\n private get isNonModal() {\n return this.contained \|\| this.push;\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.handleDocumentKeyDown = this.handleDocumentKeyDown.bind(this);\n this.modal = new Modal(this);\n }\n\n firstUpdated() {\n this.drawer.hidden = !this.open;\n\n if (this.open) {\n this.addOpenListeners();\n\n if (!this.isNonModal) {\n this.modal.activate();\n lockBodyScrolling(this);\n }\n }\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n unlockBodyScrolling(this);\n }\n\n private requestClose(source: 'close-button' \| 'keyboard' \| 'overlay') {\n if((source=='overlay' \|\| source=='keyboard') && this.preventOverlayClose) return;\n const slRequestClose = this.emit('nile-request-close', {\n cancelable: true,\n detail: { source }\n });\n\n if (slRequestClose.defaultPrevented) {\n const animation = getAnimation(this, 'drawer.denyClose', { dir: '' });\n animateTo(this.panel, animation.keyframes, animation.options);\n return;\n }\n\n this.hide();\n }\n\n private addOpenListeners() {\n if(this.closeOnEscape) document.addEventListener('keydown', this.handleDocumentKeyDown);\n }\n\n private removeOpenListeners() {\n if(this.closeOnEscape) document.removeEventListener('keydown', this.handleDocumentKeyDown);\n }\n\n private handleDocumentKeyDown(event: KeyboardEvent) {\n if (this.open && !this.isNonModal && event.key === 'Escape') {\n event.stopPropagation();\n this.requestClose('keyboard');\n }\n }\n\n private async waitForPushTransition() {\n await this.updateComplete;\n\n const style = getComputedStyle(this);\n const duration =\n parseDuration(style.transitionDuration.split(',')[0]) + parseDuration(style.transitionDelay.split(',')[0]);\n\n if (!duration) {\n return;\n }\n\n return new Promise<void>(resolve => {\n const finish = () => {\n this.removeEventListener('transitionend', handleTransitionEnd);\n clearTimeout(fallback);\n resolve();\n };\n\n const handleTransitionEnd = (event: Event) => {\n if (event.target === this) {\n finish();\n }\n };\n const fallback = setTimeout(finish, duration + 50);\n this.addEventListener('transitionend', handleTransitionEnd);\n });\n }\n\n @watch('open', { waitUntilFirstUpdate: true })\n async handleOpenChange() {\n if (this.open) {\n // Show\n this.emit('nile-show');\n this.addOpenListeners();\n this.originalTrigger = document.activeElement as HTMLElement;\n\n // Lock body scrolling only if the drawer isn't contained or pushing\n if (!this.isNonModal) {\n this.modal.activate();\n lockBodyScrolling(this);\n }\n\n // When the drawer is shown, Safari will attempt to set focus on whatever element has autofocus. This causes the\n // drawer's animation to jitter, so we'll temporarily remove the attribute, call `focus({ preventScroll: true })`\n // ourselves, and add the attribute back afterwards.\n //\n //\n const autoFocusTarget = this.querySelector('[autofocus]');\n if (autoFocusTarget) {\n autoFocusTarget.removeAttribute('autofocus');\n }\n\n await Promise.all([stopAnimations(this.drawer), stopAnimations(this.overlay)]);\n this.drawer.hidden = false;\n\n // Set initial focus\n requestAnimationFrame(() => {\n const slInitialFocus = this.emit('nile-initial-focus', { cancelable: true });\n\n if (!slInitialFocus.defaultPrevented) {\n // Set focus to the autofocus target and restore the attribute\n if (autoFocusTarget) {\n (autoFocusTarget as HTMLInputElement).focus({ preventScroll: true });\n } else {\n this.panel.focus({ preventScroll: true });\n }\n }\n\n // Restore the autofocus attribute\n if (autoFocusTarget) {\n autoFocusTarget.setAttribute('autofocus', '');\n }\n });\n\n if (this.push) {\n await this.waitForPushTransition();\n } else {\n const panelAnimation = getAnimation(this, `drawer.show${uppercaseFirstLetter(this.placement)}`, {\n dir: ''\n });\n const overlayAnimation = getAnimation(this, 'drawer.overlay.show', { dir: '' });\n await Promise.all([\n animateTo(this.panel, panelAnimation.keyframes, panelAnimation.options),\n animateTo(this.overlay, overlayAnimation.keyframes, overlayAnimation.options)\n ]);\n }\n\n this.emit('nile-after-show');\n } else {\n // Hide\n this.emit('nile-hide');\n this.removeOpenListeners();\n\n if (!this.isNonModal) {\n this.modal.deactivate();\n unlockBodyScrolling(this);\n }\n\n await Promise.all([stopAnimations(this.drawer), stopAnimations(this.overlay)]);\n\n if (this.push) {\n await this.waitForPushTransition();\n this.drawer.hidden = true;\n } else {\n const panelAnimation = getAnimation(this, `drawer.hide${uppercaseFirstLetter(this.placement)}`, {\n dir: ''\n });\n const overlayAnimation = getAnimation(this, 'drawer.overlay.hide', { dir: '' });\n\n // Animate the overlay and the panel at the same time. Because animation durations might be different, we need to\n // hide each one individually when the animation finishes, otherwise the first one that finishes will reappear\n // unexpectedly. We'll unhide them after all animations have completed.\n await Promise.all([\n animateTo(this.overlay, overlayAnimation.keyframes, overlayAnimation.options).then(() => {\n this.overlay.hidden = true;\n }),\n animateTo(this.panel, panelAnimation.keyframes, panelAnimation.options).then(() => {\n this.panel.hidden = true;\n })\n ]);\n\n this.drawer.hidden = true;\n\n // Now that the dialog is hidden, restore the overlay and panel for next time\n this.overlay.hidden = false;\n this.panel.hidden = false;\n }\n\n // Restore focus to the original trigger\n const trigger = this.originalTrigger;\n if (typeof trigger?.focus === 'function') {\n setTimeout(() => trigger.focus());\n }\n\n this.emit('nile-after-hide');\n }\n }\n\n @watch(['contained', 'push'], { waitUntilFirstUpdate: true })\n handleNoModalChange() {\n if (this.open && !this.isNonModal) {\n this.modal.activate();\n lockBodyScrolling(this);\n }\n\n if (this.open && this.isNonModal) {\n this.modal.deactivate();\n unlockBodyScrolling(this);\n }\n }\n\n /* Shows the drawer. /\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 drawer */\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 render() {\n return html`\n <div\n part=\"base\"\n class=${classMap({\n drawer: true,\n 'drawer--open': this.open,\n 'drawer--top': this.placement === 'top',\n 'drawer--end': this.placement === 'end',\n 'drawer--bottom': this.placement === 'bottom',\n 'drawer--start': this.placement === 'start',\n 'drawer--contained': this.contained && !this.push,\n 'drawer--push': this.push,\n 'drawer--fixed': !this.contained && !this.push,\n 'drawer--rtl': 'rtl',\n 'drawer--has-footer': this.hasSlotController.test('footer'),\n })}\n >\n <div\n part=\"overlay\"\n class=\"drawer__overlay\"\n @click=${() => this.requestClose('overlay')}\n tabindex=\"-1\"\n ></div>\n\n <div\n part=\"panel\"\n class=\"drawer__panel\"\n role=\"dialog\"\n aria-modal=\"true\"\n aria-hidden=${this.open ? 'false' : 'true'}\n aria-label=${ifDefined(this.noHeader ? this.label : undefined)}\n aria-labelledby=${ifDefined(!this.noHeader ? 'title' : undefined)}\n tabindex=\"0\"\n >\n ${!this.noHeader\n ? html`\n <header part=\"header\" class=\"drawer__header\">\n <h2 part=\"title\" class=\"drawer__title\" id=\"title\">\n <!-- If there's no label, use an invisible character to prevent the header from collapsing -->\n <slot name=\"label\">\n ${this.label.length > 0\n ? this.label\n : String.fromCharCode(65279)}\n </slot>\n </h2>\n <div part=\"header-actions\" class=\"drawer__header-actions\">\n <slot name=\"header-actions\"></slot>\n <nile-icon\n class=\"drawer__close\"\n name=\"var(--nile-icon-close, var(--ng-icon-x-close))\"\n method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n label=\"close\"\n part=\"close-button\"\n exportparts=\"base:close-button__base\"\n color=\"var(--nile-drawer-remove-icon-color, var(--ng-colors-bg-primary))\"\n @click=${() => this.requestClose('close-button')}\n ></nile-icon>\n </div>\n </header>\n `\n : ''}\n\n <slot part=\"body\" class=\"drawer__body\"></slot>\n\n <footer part=\"footer\" class=\"drawer__footer\">\n <slot name=\"footer\"></slot>\n </footer>\n </div>\n </div>\n `;\n }\n}\n\n// Top\nsetDefaultAnimation('drawer.showTop', {\n keyframes: [\n { opacity: 0, translate: '0 -100%' },\n { opacity: 1, translate: '0 0' }\n ],\n options: { duration: 250, easing: 'ease' }\n});\n\nsetDefaultAnimation('drawer.hideTop', {\n keyframes: [\n { opacity: 1, translate: '0 0' },\n { opacity: 0, translate: '0 -100%' }\n ],\n options: { duration: 250, easing: 'ease' }\n});\n\n// End\nsetDefaultAnimation('drawer.showEnd', {\n keyframes: [\n { opacity: 0, translate: '100%' },\n { opacity: 1, translate: '0' }\n ],\n rtlKeyframes: [\n { opacity: 0, translate: '-100%' },\n { opacity: 1, translate: '0' }\n ],\n options: { duration: 250, easing: 'ease' }\n});\n\nsetDefaultAnimation('drawer.hideEnd', {\n keyframes: [\n { opacity: 1, translate: '0' },\n { opacity: 0, translate: '100%' }\n ],\n rtlKeyframes: [\n { opacity: 1, translate: '0' },\n { opacity: 0, translate: '-100%' }\n ],\n options: { duration: 250, easing: 'ease' }\n});\n\n// Bottom\nsetDefaultAnimation('drawer.showBottom', {\n keyframes: [\n { opacity: 0, translate: '0 100%' },\n { opacity: 1, translate: '0 0' }\n ],\n options: { duration: 250, easing: 'ease' }\n});\n\nsetDefaultAnimation('drawer.hideBottom', {\n keyframes: [\n { opacity: 1, translate: '0 0' },\n { opacity: 0, translate: '0 100%' }\n ],\n options: { duration: 250, easing: 'ease' }\n});\n\n// Start\nsetDefaultAnimation('drawer.showStart', {\n keyframes: [\n { opacity: 0, translate: '-100%' },\n { opacity: 1, translate: '0' }\n ],\n rtlKeyframes: [\n { opacity: 0, translate: '100%' },\n { opacity: 1, translate: '0' }\n ],\n options: { duration: 250, easing: 'ease' }\n});\n\nsetDefaultAnimation('drawer.hideStart', {\n keyframes: [\n { opacity: 1, translate: '0' },\n { opacity: 0, translate: '-100%' }\n ],\n rtlKeyframes: [\n { opacity: 1, translate: '0' },\n { opacity: 0, translate: '100%' }\n ],\n options: { duration: 250, easing: 'ease' }\n});\n\n// Deny close\nsetDefaultAnimation('drawer.denyClose', {\n keyframes: [{ scale: 1 }, { scale: 1.01 }, { scale: 1 }],\n options: { duration: 250 }\n});\n\n// Overlay\nsetDefaultAnimation('drawer.overlay.show', {\n keyframes: [{ opacity: 0 }, { opacity: 1 }],\n options: { duration: 250 }\n});\n\nsetDefaultAnimation('drawer.overlay.hide', {\n keyframes: [{ opacity: 1 }, { opacity: 0 }],\n options: { duration: 250 }\n});\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-drawer': NileDrawer;\n }\n}\n"],"names":["NileDrawer","_w","b","this","hasSlotController","HasSlotController","open","closeOnEscape","label","placement","contained","push","preventOverlayClose","noHeader","noOverlay","_this","_inherits","_createClass","key","get","isNonModal","value","connectedCallback","super","handleDocumentKeyDown","bind","modal","Modal","firstUpdated","drawer","hidden","addOpenListeners","activate","lockBodyScrolling","disconnectedCallback","unlockBodyScrolling","requestClose","source","emit","cancelable","detail","defaultPrevented","animation","getAnimation","dir","animateTo","panel","keyframes","options","hide","document","addEventListener","removeOpenListeners","removeEventListener","event","stopPropagation","_waitForPushTransition","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_this2","i","s","wrap","_callee$","_context2","prev","next","updateComplete","style","getComputedStyle","duration","parseDuration","transitionDuration","split","transitionDelay","abrupt","Promise","resolve","finish","handleTransitionEnd","clearTimeout","fallback","target","setTimeout","stop","waitForPushTransition","_callee2","_this3","_i2","_i3","_o","_i4","_o2","_i5","_callee2$","_context3","originalTrigger","activeElement","autoFocusTarget","querySelector","removeAttribute","all","stopAnimations","overlay","requestAnimationFrame","focus","preventScroll","setAttribute","panelAnimation","concat","uppercaseFirstLetter","overlayAnimation","deactivate","then","trigger","handleOpenChange","handleNoModalChange","_show","_callee3","_callee3$","_context4","waitForEvent","show","_callee4","_callee4$","_context5","render","html","_templateObject","_taggedTemplateLiteral","classMap","test","ifDefined","undefined","_templateObject2","length","String","fromCharCode","NileElement","styles","__decorate","query","prototype","property","type","Boolean","reflect","attribute","watch","waitUntilFirstUpdate","_export","customElement","setDefaultAnimation","opacity","translate","easing","rtlKeyframes","scale"],"mappings":"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"}

package/dist/nile-drawer/nile-drawer.css.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,o;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",o=[e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    box-sizing: border-box;\n    --nile-drawer-remove-icon-color:var(--nile-colors-dark-900, var(--ng-componentcolors-alpha-black-100));\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 !important;\n  }\n\n  :host {\n    --size: 25rem;\n    --header-spacing: var(--nile-line-height-small, var(--ng-spacing-2xl));\n    --body-spacing: var(--nile-line-height-small, var(--ng-spacing-2xl));\n    --footer-spacing: var(--nile-line-height-small, var(--ng-spacing-2xl));\n\n    display: contents;\n  }\n\n  .drawer {\n    top: 0;\n    inset-inline-start: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    overflow: hidden;\n  }\n\n  .drawer--contained {\n    position: absolute;\n    z-index: initial;\n  }\n\n  .drawer--fixed {\n    position: fixed;\n    z-index: 700;\n  }\n\n  .drawer--push {\n    position: relative;\n    z-index: initial;\n  }\n  :host([push]) {\n    display: block;\n    flex: 0 0 auto;\n    overflow: hidden;\n    transition: inline-size var(--push-duration, 250ms) var(--push-easing, ease),\n      block-size var(--push-duration, 250ms) var(--push-easing, ease);\n  }\n\n  :host([push][placement='start']),\n  :host([push][placement='end']) {\n    inline-size: 0;\n    max-inline-size: 100%;\n    align-self: stretch;\n  }\n\n  :host([push][placement='top']),\n  :host([push][placement='bottom']) {\n    block-size: 0;\n    max-block-size: 100%;\n  }\n\n  :host([push][open][placement='start']),\n  :host([push][open][placement='end']) {\n    inline-size: var(--size);\n  }\n\n  :host([push][open][placement='top']),\n  :host([push][open][placement='bottom']) {\n    block-size: var(--size);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    :host([push]) {\n      transition: none;\n    }\n  }\n\n  .drawer--push .drawer__overlay {\n    display: none;\n  }\n\n  .drawer--push .drawer__panel {\n    max-inline-size: none;\n    max-block-size: none;\n  }\n\n  .drawer__panel {\n    position: absolute;\n    display: flex;\n    flex-direction: column;\n    z-index: 2;\n    max-width: 100%;\n    max-height: 100%;\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    box-shadow: var(--nile-box-shadow-2,  0px 20px 24px -4px var(--ng-colors-effects-shadow-xl-01), 0px 8px 8px -4px var(--ng-colors-effects-shadow-xl-02), 0px 3px 3px -1.5px var(--ng-colors-effects-shadow-xl-03));\n    overflow: auto;\n    pointer-events: all;\n  }\n\n  .drawer__panel:focus {\n    outline: none;\n  }\n\n  .drawer--top .drawer__panel {\n    top: 0;\n    inset-inline-end: auto;\n    bottom: auto;\n    inset-inline-start: 0;\n    width: 100%;\n    height: var(--size);\n  }\n\n  .drawer--end .drawer__panel {\n    top: 0;\n    inset-inline-end: 0;\n    bottom: auto;\n    inset-inline-start: auto;\n    width: var(--size);\n    height: 100%;\n  }\n\n  .drawer--bottom .drawer__panel {\n    top: auto;\n    inset-inline-end: auto;\n    bottom: 0;\n    inset-inline-start: 0;\n    width: 100%;\n    height: var(--size);\n  }\n\n  .drawer--start .drawer__panel {\n    top: 0;\n    inset-inline-end: auto;\n    bottom: auto;\n    inset-inline-start: 0;\n    width: var(--size);\n    height: 100%;\n  }\n\n  .drawer__header {\n    display: flex;\n  }\n\n  .drawer__title {\n    flex: 1 1 auto;\n    font-family: var(--nile-font-family-body, var(--ng-font-family-body));\n    font-size: var(--nile-font-size-rem-small, var(--ng-font-size-text-lg));\n    font-weight: inherit;\n    line-height: 1.4;\n    padding: var(--header-spacing);\n    margin: 0;\n  }\n\n  .drawer__header-actions {\n    flex-shrink: 0;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: end;\n    gap: 0.5rem;\n    padding: 0 var(--header-spacing);\n  }\n\n  .drawer__header-actions nile-icon-button,\n  .drawer__header-actions ::slotted(nile-icon-button) {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    font-size: var(--nile-type-scale-4, var(--ng-font-size-text-md));\n  }\n\n  .drawer__body {\n    flex: 1 1 auto;\n    display: block;\n    padding: var(--body-spacing);\n    overflow: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  .drawer__footer {\n    text-align: right;\n    padding: var(--footer-spacing, var(--ng-spacing-xl)) var(--footer-spacing, var(--ng-spacing-3xl)) var(--footer-spacing, var(--ng-spacing-xl)) var(--footer-spacing, var(--ng-spacing-3xl));\n  }\n\n  .drawer__footer ::slotted(nile-button:not(:last-of-type)) {\n    margin-inline-end: 0.5rem;\n  }\n\n  .drawer:not(.drawer--has-footer) .drawer__footer {\n    display: none;\n  }\n\n  .drawer__overlay {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-color: hsl(240 3.8% 46.1% / 33%);\n    pointer-events: all;\n  }\n\n  .drawer--contained .drawer__overlay {\n    display: none;\n  }\n\n  :host([nooverlay]) .drawer__overlay {\n    background-color: transparent;\n  }\n\n  .drawer__close:hover {\n    cursor:pointer;\n  }\n\n  @media (forced-colors: active) {\n    .drawer__panel {\n      border: solid 1px var(--nile-colors-white-base, var(--ng-colors-border-tertiary));\n    }\n  }\n"])))]);}};});
+System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,o;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",o=[e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    box-sizing: border-box;\n    --nile-drawer-remove-icon-color:var(--nile-colors-dark-900, var(--ng-colors-fg-secondary-700));\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 !important;\n  }\n\n  :host {\n    --size: 25rem;\n    --header-spacing: var(--nile-line-height-small, var(--ng-spacing-2xl));\n    --body-spacing: var(--nile-line-height-small, var(--ng-spacing-2xl));\n    --footer-spacing: var(--nile-line-height-small, var(--ng-spacing-2xl));\n\n    display: contents;\n  }\n\n  .drawer {\n    top: 0;\n    inset-inline-start: 0;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n    overflow: hidden;\n  }\n\n  .drawer--contained {\n    position: absolute;\n    z-index: initial;\n  }\n\n  .drawer--fixed {\n    position: fixed;\n    z-index: 700;\n  }\n\n  .drawer--push {\n    position: relative;\n    z-index: initial;\n  }\n  :host([push]) {\n    display: block;\n    flex: 0 0 auto;\n    overflow: hidden;\n    transition: inline-size var(--push-duration, 250ms) var(--push-easing, ease),\n      block-size var(--push-duration, 250ms) var(--push-easing, ease);\n  }\n\n  :host([push][placement='start']),\n  :host([push][placement='end']) {\n    inline-size: 0;\n    max-inline-size: 100%;\n    align-self: stretch;\n  }\n\n  :host([push][placement='top']),\n  :host([push][placement='bottom']) {\n    block-size: 0;\n    max-block-size: 100%;\n  }\n\n  :host([push][open][placement='start']),\n  :host([push][open][placement='end']) {\n    inline-size: var(--size);\n  }\n\n  :host([push][open][placement='top']),\n  :host([push][open][placement='bottom']) {\n    block-size: var(--size);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    :host([push]) {\n      transition: none;\n    }\n  }\n\n  .drawer--push .drawer__overlay {\n    display: none;\n  }\n\n  .drawer--push .drawer__panel {\n    max-inline-size: none;\n    max-block-size: none;\n  }\n\n  .drawer__panel {\n    position: absolute;\n    display: flex;\n    flex-direction: column;\n    z-index: 2;\n    max-width: 100%;\n    max-height: 100%;\n    background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n    box-shadow: var(--nile-box-shadow-2,  0px 20px 24px -4px var(--ng-colors-effects-shadow-xl-01), 0px 8px 8px -4px var(--ng-colors-effects-shadow-xl-02), 0px 3px 3px -1.5px var(--ng-colors-effects-shadow-xl-03));\n    overflow: auto;\n    pointer-events: all;\n  }\n\n  .drawer__panel:focus {\n    outline: none;\n  }\n\n  .drawer--top .drawer__panel {\n    top: 0;\n    inset-inline-end: auto;\n    bottom: auto;\n    inset-inline-start: 0;\n    width: 100%;\n    height: var(--size);\n  }\n\n  .drawer--end .drawer__panel {\n    top: 0;\n    inset-inline-end: 0;\n    bottom: auto;\n    inset-inline-start: auto;\n    width: var(--size);\n    height: 100%;\n  }\n\n  .drawer--bottom .drawer__panel {\n    top: auto;\n    inset-inline-end: auto;\n    bottom: 0;\n    inset-inline-start: 0;\n    width: 100%;\n    height: var(--size);\n  }\n\n  .drawer--start .drawer__panel {\n    top: 0;\n    inset-inline-end: auto;\n    bottom: auto;\n    inset-inline-start: 0;\n    width: var(--size);\n    height: 100%;\n  }\n\n  .drawer__header {\n    display: flex;\n  }\n\n  .drawer__title {\n    flex: 1 1 auto;\n    font-family: var(--nile-font-family-body, var(--ng-font-family-body));\n    font-size: var(--nile-font-size-rem-small, var(--ng-font-size-text-lg));\n    font-weight: inherit;\n    line-height: 1.4;\n    padding: var(--header-spacing);\n    margin: 0;\n  }\n\n  .drawer__header-actions {\n    flex-shrink: 0;\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: end;\n    gap: 0.5rem;\n    padding: 0 var(--header-spacing);\n  }\n\n  .drawer__header-actions nile-icon-button,\n  .drawer__header-actions ::slotted(nile-icon-button) {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    font-size: var(--nile-type-scale-4, var(--ng-font-size-text-md));\n  }\n\n  .drawer__body {\n    flex: 1 1 auto;\n    display: block;\n    padding: var(--body-spacing);\n    overflow: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  .drawer__footer {\n    text-align: right;\n    padding: var(--footer-spacing, var(--ng-spacing-xl)) var(--footer-spacing, var(--ng-spacing-3xl)) var(--footer-spacing, var(--ng-spacing-xl)) var(--footer-spacing, var(--ng-spacing-3xl));\n  }\n\n  .drawer__footer ::slotted(nile-button:not(:last-of-type)) {\n    margin-inline-end: 0.5rem;\n  }\n\n  .drawer:not(.drawer--has-footer) .drawer__footer {\n    display: none;\n  }\n\n  .drawer__overlay {\n    display: block;\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-color: hsl(240 3.8% 46.1% / 33%);\n    pointer-events: all;\n  }\n\n  .drawer--contained .drawer__overlay {\n    display: none;\n  }\n\n  :host([nooverlay]) .drawer__overlay {\n    background-color: transparent;\n  }\n\n  .drawer__close:hover {\n    cursor:pointer;\n  }\n\n  @media (forced-colors: active) {\n    .drawer__panel {\n      border: solid 1px var(--nile-colors-white-base, var(--ng-colors-border-tertiary));\n    }\n  }\n"])))]);}};});
 //# sourceMappingURL=nile-drawer.css.cjs.js.map

package/dist/nile-drawer/nile-drawer.css.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-drawer.css.cjs.js","sources":["../../../src/nile-drawer/nile-drawer.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 Drawer CSS\n /\nexport const styles = css`\n :host {\n box-sizing: border-box;\n --nile-drawer-remove-icon-color:var(--nile-colors-dark-900, var(--ng-~~componentcolors~~-~~alpha~~-~~black~~-~~100~~));\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 !important;\n }\n\n :host {\n --size: 25rem;\n --header-spacing: var(--nile-line-height-small, var(--ng-spacing-2xl));\n --body-spacing: var(--nile-line-height-small, var(--ng-spacing-2xl));\n --footer-spacing: var(--nile-line-height-small, var(--ng-spacing-2xl));\n\n display: contents;\n }\n\n .drawer {\n top: 0;\n inset-inline-start: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: hidden;\n }\n\n .drawer--contained {\n position: absolute;\n z-index: initial;\n }\n\n .drawer--fixed {\n position: fixed;\n z-index: 700;\n }\n\n .drawer--push {\n position: relative;\n z-index: initial;\n }\n :host([push]) {\n display: block;\n flex: 0 0 auto;\n overflow: hidden;\n transition: inline-size var(--push-duration, 250ms) var(--push-easing, ease),\n block-size var(--push-duration, 250ms) var(--push-easing, ease);\n }\n\n :host([push][placement='start']),\n :host([push][placement='end']) {\n inline-size: 0;\n max-inline-size: 100%;\n align-self: stretch;\n }\n\n :host([push][placement='top']),\n :host([push][placement='bottom']) {\n block-size: 0;\n max-block-size: 100%;\n }\n\n :host([push][open][placement='start']),\n :host([push][open][placement='end']) {\n inline-size: var(--size);\n }\n\n :host([push][open][placement='top']),\n :host([push][open][placement='bottom']) {\n block-size: var(--size);\n }\n\n @media (prefers-reduced-motion: reduce) {\n :host([push]) {\n transition: none;\n }\n }\n\n .drawer--push .drawer__overlay {\n display: none;\n }\n\n .drawer--push .drawer__panel {\n max-inline-size: none;\n max-block-size: none;\n }\n\n .drawer__panel {\n position: absolute;\n display: flex;\n flex-direction: column;\n z-index: 2;\n max-width: 100%;\n max-height: 100%;\n background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n box-shadow: var(--nile-box-shadow-2, 0px 20px 24px -4px var(--ng-colors-effects-shadow-xl-01), 0px 8px 8px -4px var(--ng-colors-effects-shadow-xl-02), 0px 3px 3px -1.5px var(--ng-colors-effects-shadow-xl-03));\n overflow: auto;\n pointer-events: all;\n }\n\n .drawer__panel:focus {\n outline: none;\n }\n\n .drawer--top .drawer__panel {\n top: 0;\n inset-inline-end: auto;\n bottom: auto;\n inset-inline-start: 0;\n width: 100%;\n height: var(--size);\n }\n\n .drawer--end .drawer__panel {\n top: 0;\n inset-inline-end: 0;\n bottom: auto;\n inset-inline-start: auto;\n width: var(--size);\n height: 100%;\n }\n\n .drawer--bottom .drawer__panel {\n top: auto;\n inset-inline-end: auto;\n bottom: 0;\n inset-inline-start: 0;\n width: 100%;\n height: var(--size);\n }\n\n .drawer--start .drawer__panel {\n top: 0;\n inset-inline-end: auto;\n bottom: auto;\n inset-inline-start: 0;\n width: var(--size);\n height: 100%;\n }\n\n .drawer__header {\n display: flex;\n }\n\n .drawer__title {\n flex: 1 1 auto;\n font-family: var(--nile-font-family-body, var(--ng-font-family-body));\n font-size: var(--nile-font-size-rem-small, var(--ng-font-size-text-lg));\n font-weight: inherit;\n line-height: 1.4;\n padding: var(--header-spacing);\n margin: 0;\n }\n\n .drawer__header-actions {\n flex-shrink: 0;\n display: flex;\n flex-wrap: wrap;\n justify-content: end;\n gap: 0.5rem;\n padding: 0 var(--header-spacing);\n }\n\n .drawer__header-actions nile-icon-button,\n .drawer__header-actions ::slotted(nile-icon-button) {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n font-size: var(--nile-type-scale-4, var(--ng-font-size-text-md));\n }\n\n .drawer__body {\n flex: 1 1 auto;\n display: block;\n padding: var(--body-spacing);\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n }\n\n .drawer__footer {\n text-align: right;\n padding: var(--footer-spacing, var(--ng-spacing-xl)) var(--footer-spacing, var(--ng-spacing-3xl)) var(--footer-spacing, var(--ng-spacing-xl)) var(--footer-spacing, var(--ng-spacing-3xl));\n }\n\n .drawer__footer ::slotted(nile-button:not(:last-of-type)) {\n margin-inline-end: 0.5rem;\n }\n\n .drawer:not(.drawer--has-footer) .drawer__footer {\n display: none;\n }\n\n .drawer__overlay {\n display: block;\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-color: hsl(240 3.8% 46.1% / 33%);\n pointer-events: all;\n }\n\n .drawer--contained .drawer__overlay {\n display: none;\n }\n\n :host([nooverlay]) .drawer__overlay {\n background-color: transparent;\n }\n\n .drawer__close:hover {\n cursor:pointer;\n }\n\n @media (forced-colors: active) {\n .drawer__panel {\n border: solid 1px var(--nile-colors-white-base, var(--ng-colors-border-tertiary));\n }\n }\n`;\n\nexport default [styles];\n"],"names":["styles$1","css","_templateObject","_taggedTemplateLiteral"],"mappings":"~~oTAoPeA~~,CAAA,CAAA,~~CAxOOC~~,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
1	+ {"version":3,"file":"nile-drawer.css.cjs.js","sources":["../../../src/nile-drawer/nile-drawer.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 Drawer CSS\n /\nexport const styles = css`\n :host {\n box-sizing: border-box;\n --nile-drawer-remove-icon-color:var(--nile-colors-dark-900, var(--ng-colors-fg-secondary-700));\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 !important;\n }\n\n :host {\n --size: 25rem;\n --header-spacing: var(--nile-line-height-small, var(--ng-spacing-2xl));\n --body-spacing: var(--nile-line-height-small, var(--ng-spacing-2xl));\n --footer-spacing: var(--nile-line-height-small, var(--ng-spacing-2xl));\n\n display: contents;\n }\n\n .drawer {\n top: 0;\n inset-inline-start: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n overflow: hidden;\n }\n\n .drawer--contained {\n position: absolute;\n z-index: initial;\n }\n\n .drawer--fixed {\n position: fixed;\n z-index: 700;\n }\n\n .drawer--push {\n position: relative;\n z-index: initial;\n }\n :host([push]) {\n display: block;\n flex: 0 0 auto;\n overflow: hidden;\n transition: inline-size var(--push-duration, 250ms) var(--push-easing, ease),\n block-size var(--push-duration, 250ms) var(--push-easing, ease);\n }\n\n :host([push][placement='start']),\n :host([push][placement='end']) {\n inline-size: 0;\n max-inline-size: 100%;\n align-self: stretch;\n }\n\n :host([push][placement='top']),\n :host([push][placement='bottom']) {\n block-size: 0;\n max-block-size: 100%;\n }\n\n :host([push][open][placement='start']),\n :host([push][open][placement='end']) {\n inline-size: var(--size);\n }\n\n :host([push][open][placement='top']),\n :host([push][open][placement='bottom']) {\n block-size: var(--size);\n }\n\n @media (prefers-reduced-motion: reduce) {\n :host([push]) {\n transition: none;\n }\n }\n\n .drawer--push .drawer__overlay {\n display: none;\n }\n\n .drawer--push .drawer__panel {\n max-inline-size: none;\n max-block-size: none;\n }\n\n .drawer__panel {\n position: absolute;\n display: flex;\n flex-direction: column;\n z-index: 2;\n max-width: 100%;\n max-height: 100%;\n background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n box-shadow: var(--nile-box-shadow-2, 0px 20px 24px -4px var(--ng-colors-effects-shadow-xl-01), 0px 8px 8px -4px var(--ng-colors-effects-shadow-xl-02), 0px 3px 3px -1.5px var(--ng-colors-effects-shadow-xl-03));\n overflow: auto;\n pointer-events: all;\n }\n\n .drawer__panel:focus {\n outline: none;\n }\n\n .drawer--top .drawer__panel {\n top: 0;\n inset-inline-end: auto;\n bottom: auto;\n inset-inline-start: 0;\n width: 100%;\n height: var(--size);\n }\n\n .drawer--end .drawer__panel {\n top: 0;\n inset-inline-end: 0;\n bottom: auto;\n inset-inline-start: auto;\n width: var(--size);\n height: 100%;\n }\n\n .drawer--bottom .drawer__panel {\n top: auto;\n inset-inline-end: auto;\n bottom: 0;\n inset-inline-start: 0;\n width: 100%;\n height: var(--size);\n }\n\n .drawer--start .drawer__panel {\n top: 0;\n inset-inline-end: auto;\n bottom: auto;\n inset-inline-start: 0;\n width: var(--size);\n height: 100%;\n }\n\n .drawer__header {\n display: flex;\n }\n\n .drawer__title {\n flex: 1 1 auto;\n font-family: var(--nile-font-family-body, var(--ng-font-family-body));\n font-size: var(--nile-font-size-rem-small, var(--ng-font-size-text-lg));\n font-weight: inherit;\n line-height: 1.4;\n padding: var(--header-spacing);\n margin: 0;\n }\n\n .drawer__header-actions {\n flex-shrink: 0;\n display: flex;\n flex-wrap: wrap;\n justify-content: end;\n gap: 0.5rem;\n padding: 0 var(--header-spacing);\n }\n\n .drawer__header-actions nile-icon-button,\n .drawer__header-actions ::slotted(nile-icon-button) {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n font-size: var(--nile-type-scale-4, var(--ng-font-size-text-md));\n }\n\n .drawer__body {\n flex: 1 1 auto;\n display: block;\n padding: var(--body-spacing);\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n }\n\n .drawer__footer {\n text-align: right;\n padding: var(--footer-spacing, var(--ng-spacing-xl)) var(--footer-spacing, var(--ng-spacing-3xl)) var(--footer-spacing, var(--ng-spacing-xl)) var(--footer-spacing, var(--ng-spacing-3xl));\n }\n\n .drawer__footer ::slotted(nile-button:not(:last-of-type)) {\n margin-inline-end: 0.5rem;\n }\n\n .drawer:not(.drawer--has-footer) .drawer__footer {\n display: none;\n }\n\n .drawer__overlay {\n display: block;\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n background-color: hsl(240 3.8% 46.1% / 33%);\n pointer-events: all;\n }\n\n .drawer--contained .drawer__overlay {\n display: none;\n }\n\n :host([nooverlay]) .drawer__overlay {\n background-color: transparent;\n }\n\n .drawer__close:hover {\n cursor:pointer;\n }\n\n @media (forced-colors: active) {\n .drawer__panel {\n border: solid 1px var(--nile-colors-white-base, var(--ng-colors-border-tertiary));\n }\n }\n`;\n\nexport default [styles];\n"],"names":["styles$1","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAqPeA,CAAA,CAAA,CAzOOC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

package/dist/nile-drawer/nile-drawer.css.esm.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import{css as e}from"lit";var o=[e`
   :host {
     box-sizing: border-box;
-    --nile-drawer-remove-icon-color:var(--nile-colors-dark-900, var(--ng-componentcolors-alpha-black-100));
+    --nile-drawer-remove-icon-color:var(--nile-colors-dark-900, var(--ng-colors-fg-secondary-700));
     -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));
@@ -103,6 +103,7 @@ import{css as e}from"lit";var o=[e`
     max-width: 100%;
     max-height: 100%;
     background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));
+    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
     box-shadow: var(--nile-box-shadow-2,  0px 20px 24px -4px var(--ng-colors-effects-shadow-xl-01), 0px 8px 8px -4px var(--ng-colors-effects-shadow-xl-02), 0px 3px 3px -1.5px var(--ng-colors-effects-shadow-xl-03));
     overflow: auto;
     pointer-events: all;

package/dist/nile-drawer/nile-drawer.esm.js CHANGED Viewed

@@ -37,7 +37,7 @@ import{__decorate as i}from"tslib";import"../nile-icon-button/nile-icon-button.e
                       label="close"
                       part="close-button"
                       exportparts="base:close-button__base"
-                      color="var(--nile-drawer-remove-icon-color)"
+                      color="var(--nile-drawer-remove-icon-color, var(--ng-colors-bg-primary))"
                       @click=${()=>this.requestClose("close-button")}
                     ></nile-icon>
                   </div>

package/dist/nile-error-message/nile-error-message.css.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,r;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){e=_lit.css;}],execute:function execute(){_export("s",r=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\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  .nile-error-message {\n    width: 100%;\n    font-size: var(--nile-font-size-small, var(--ng-font-size-text-xs));\n    letter-spacing: 0.2px;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    line-height: var(--nile-font-size-small, var(--ng-line-height-text-xs));\n   \n  }\n\n  .nile-error-message__error {\n    color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));\n    word-break: break-word;\n  }\n\n  .nile-error-message__response {\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary-700));\n    margin-top: var(--nile-spacing-sm, var(--ng-spacing-sm));\n    line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-xs));\n    overflow-x: auto;\n  }\n\n  .nile-error-message__icon {\n    vertical-align: middle;\n    margin-right: var(--nile-spacing-xxs, var(--ng-spacing-xxs));\n  }\n\n  .nile-error-message__more-button {\n    color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n    cursor: pointer;\n    white-space: nowrap;\n    display: inline-flex;\n    gap: var(--nile-spacing-xs, var(--ng-spacing-xs));\n    align-items: center\n  }\n\n  .nile-error-message__response-expanded {\n    line-height: var(--nile-line-height-small);\n    height: auto;\n    max-height: 100px;\n    overflow-y: auto;\n    border: 1px solid var(--nile-colors-red-500, var(--ng-colors-border-error));\n    border-left: var(--nile-border-size-6, var(--ng-border-width-4)) solid var(--nile-colors-red-500, var(--ng-colors-border-error));\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n    margin-top: var(--nile-spacing-lg, var(--ng-spacing-md));\n    padding: var(--nile-spacing-lg, var(--ng-spacing-md));\n    background: var(--nile-colors-neutral-100, var(--ng-colors-fg-white));\n    transition: max-height 0.3s ease-in-out;\n    flex-shrink: 0;\n  }\n\n  .nile-error-message__response-expanded.collapsed {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.3s ease-in-out;\n    visibility: hidden;\n    padding: var(--nile-spacing-none) var(--nile-spacing-none);\n  }\n\n  .nile-error-message__response-expanded.expanded {\n    max-height: var(--nile-height-48px, var(--ng-height-48px));\n    transition: max-height 0.3s ease-in-out;\n    visibility: visible;\n    padding-top: var(--nile-spacing-lg,  var(--ng-spacing-md));\n    padding-bottom: var(--nile-spacing-lg, var(--ng-spacing-md));\n    padding-left: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    padding-right: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var r,_templateObject,e;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){r=_lit.css;}],execute:function execute(){_export("s",e=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\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  .nile-error-message {\n    width: 100%;\n    font-size: var(--nile-font-size-small, var(--ng-font-size-text-xs));\n    letter-spacing: 0.2px;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    line-height: var(--nile-font-size-small, var(--ng-line-height-text-xs));\n   \n  }\n\n  .nile-error-message__error {\n    color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));\n    word-break: break-word;\n  }\n\n  .nile-error-message__response {\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary-700));\n    margin-top: var(--nile-spacing-sm, var(--ng-spacing-sm));\n    line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-xs));\n    overflow-x: auto;\n  }\n\n  .nile-error-message__icon {\n    vertical-align: middle;\n    margin-right: var(--nile-spacing-xxs, var(--ng-spacing-xxs));\n  }\n\n  .nile-error-message__more-button {\n    color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n    cursor: pointer;\n    white-space: nowrap;\n    display: inline-flex;\n    gap: var(--nile-spacing-xs, var(--ng-spacing-xs));\n    align-items: center\n  }\n\n  .nile-error-message__response-expanded {\n    line-height: var(--nile-line-height-small);\n    height: auto;\n    max-height: 100px;\n    overflow-y: auto;\n    border: 1px solid var(--nile-colors-red-500, var(--ng-colors-border-error));\n    border-left: var(--nile-border-size-6, var(--ng-border-width-4)) solid var(--nile-colors-red-500, var(--ng-colors-border-error));\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n    margin-top: var(--nile-spacing-lg, var(--ng-spacing-md));\n    padding: var(--nile-spacing-lg, var(--ng-spacing-md));\n    background: var(--nile-colors-neutral-100, var(--ng-colors-bg-primary));\n    color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary-700));\n    transition: max-height 0.3s ease-in-out;\n    flex-shrink: 0;\n  }\n\n  .nile-error-message__response-expanded.collapsed {\n    max-height: 0;\n    overflow: hidden;\n    transition: max-height 0.3s ease-in-out;\n    visibility: hidden;\n    padding: var(--nile-spacing-none) var(--nile-spacing-none);\n  }\n\n  .nile-error-message__response-expanded.expanded {\n    max-height: var(--nile-height-48px, var(--ng-height-48px));\n    transition: max-height 0.3s ease-in-out;\n    visibility: visible;\n    padding-top: var(--nile-spacing-lg,  var(--ng-spacing-md));\n    padding-bottom: var(--nile-spacing-lg, var(--ng-spacing-md));\n    padding-left: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    padding-right: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    }\n"]))));}};});
 //# sourceMappingURL=nile-error-message.css.cjs.js.map

package/dist/nile-error-message/nile-error-message.css.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-error-message.css.cjs.js","sources":["../../../src/nile-error-message/nile-error-message.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 ErrorMessage CSS\n */\nexport const styles = css`\n :host {\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 .nile-error-message {\n width: 100%;\n font-size: var(--nile-font-size-small, var(--ng-font-size-text-xs));\n letter-spacing: 0.2px;\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n line-height: var(--nile-font-size-small, var(--ng-line-height-text-xs));\n \n }\n\n .nile-error-message__error {\n color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));\n word-break: break-word;\n }\n\n .nile-error-message__response {\n color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary-700));\n margin-top: var(--nile-spacing-sm, var(--ng-spacing-sm));\n line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-xs));\n overflow-x: auto;\n }\n\n .nile-error-message__icon {\n vertical-align: middle;\n margin-right: var(--nile-spacing-xxs, var(--ng-spacing-xxs));\n }\n\n .nile-error-message__more-button {\n color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n cursor: pointer;\n white-space: nowrap;\n display: inline-flex;\n gap: var(--nile-spacing-xs, var(--ng-spacing-xs));\n align-items: center\n }\n\n .nile-error-message__response-expanded {\n line-height: var(--nile-line-height-small);\n height: auto;\n max-height: 100px;\n overflow-y: auto;\n border: 1px solid var(--nile-colors-red-500, var(--ng-colors-border-error));\n border-left: var(--nile-border-size-6, var(--ng-border-width-4)) solid var(--nile-colors-red-500, var(--ng-colors-border-error));\n border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n margin-top: var(--nile-spacing-lg, var(--ng-spacing-md));\n padding: var(--nile-spacing-lg, var(--ng-spacing-md));\n background: var(--nile-colors-neutral-100, var(--ng-colors-fg-~~white~~));\n transition: max-height 0.3s ease-in-out;\n flex-shrink: 0;\n }\n\n .nile-error-message__response-expanded.collapsed {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease-in-out;\n visibility: hidden;\n padding: var(--nile-spacing-none) var(--nile-spacing-none);\n }\n\n .nile-error-message__response-expanded.expanded {\n max-height: var(--nile-height-48px, var(--ng-height-48px));\n transition: max-height 0.3s ease-in-out;\n visibility: visible;\n padding-top: var(--nile-spacing-lg, var(--ng-spacing-md));\n padding-bottom: var(--nile-spacing-lg, var(--ng-spacing-md));\n padding-left: var(--nile-spacing-lg, var(--ng-spacing-lg));\n padding-right: var(--nile-spacing-lg, var(--ng-spacing-lg));\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
1	+ {"version":3,"file":"nile-error-message.css.cjs.js","sources":["../../../src/nile-error-message/nile-error-message.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 ErrorMessage CSS\n */\nexport const styles = css`\n :host {\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 .nile-error-message {\n width: 100%;\n font-size: var(--nile-font-size-small, var(--ng-font-size-text-xs));\n letter-spacing: 0.2px;\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n line-height: var(--nile-font-size-small, var(--ng-line-height-text-xs));\n \n }\n\n .nile-error-message__error {\n color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));\n word-break: break-word;\n }\n\n .nile-error-message__response {\n color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary-700));\n margin-top: var(--nile-spacing-sm, var(--ng-spacing-sm));\n line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-xs));\n overflow-x: auto;\n }\n\n .nile-error-message__icon {\n vertical-align: middle;\n margin-right: var(--nile-spacing-xxs, var(--ng-spacing-xxs));\n }\n\n .nile-error-message__more-button {\n color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n cursor: pointer;\n white-space: nowrap;\n display: inline-flex;\n gap: var(--nile-spacing-xs, var(--ng-spacing-xs));\n align-items: center\n }\n\n .nile-error-message__response-expanded {\n line-height: var(--nile-line-height-small);\n height: auto;\n max-height: 100px;\n overflow-y: auto;\n border: 1px solid var(--nile-colors-red-500, var(--ng-colors-border-error));\n border-left: var(--nile-border-size-6, var(--ng-border-width-4)) solid var(--nile-colors-red-500, var(--ng-colors-border-error));\n border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n margin-top: var(--nile-spacing-lg, var(--ng-spacing-md));\n padding: var(--nile-spacing-lg, var(--ng-spacing-md));\n background: var(--nile-colors-neutral-100, var(--ng-colors-bg-primary));\n color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary-700));\n transition: max-height 0.3s ease-in-out;\n flex-shrink: 0;\n }\n\n .nile-error-message__response-expanded.collapsed {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease-in-out;\n visibility: hidden;\n padding: var(--nile-spacing-none) var(--nile-spacing-none);\n }\n\n .nile-error-message__response-expanded.expanded {\n max-height: var(--nile-height-48px, var(--ng-height-48px));\n transition: max-height 0.3s ease-in-out;\n visibility: visible;\n padding-top: var(--nile-spacing-lg, var(--ng-spacing-md));\n padding-bottom: var(--nile-spacing-lg, var(--ng-spacing-md));\n padding-left: var(--nile-spacing-lg, var(--ng-spacing-lg));\n padding-right: var(--nile-spacing-lg, var(--ng-spacing-lg));\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-error-message/nile-error-message.css.esm.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{css as e}from"lit";const r=e`
+import{css as r}from"lit";const e=r`
   :host {
     -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));
@@ -50,7 +50,8 @@ import{css as e}from"lit";const r=e`
     border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));
     margin-top: var(--nile-spacing-lg, var(--ng-spacing-md));
     padding: var(--nile-spacing-lg, var(--ng-spacing-md));
-    background: var(--nile-colors-neutral-100, var(--ng-colors-fg-white));
+    background: var(--nile-colors-neutral-100, var(--ng-colors-bg-primary));
+    color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary-700));
     transition: max-height 0.3s ease-in-out;
     flex-shrink: 0;
   }
@@ -72,4 +73,4 @@ import{css as e}from"lit";const r=e`
     padding-left: var(--nile-spacing-lg, var(--ng-spacing-lg));
     padding-right: var(--nile-spacing-lg, var(--ng-spacing-lg));
     }
-`;export{r as s};
+`;export{e as s};

package/dist/nile-error-notification/nile-error-notification.css.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var r,_templateObject,i;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){r=_lit.css;}],execute:function execute(){_export("s",i=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    --indication-color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));\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  .nile-error-notification {\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-xs));\n    letter-spacing: 0.2px;\n    border: 1px solid var(--indication-color);\n    border-left: var(--nile-border-size-6, var(--ng-border-width-4)) solid var(--indication-color);\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n    padding: var(--nile-spacing-md, var(--ng-spacing-md));\n    background: var(--nile-colors-neutral-100, var(--ng-colors-fg-white));\n    color: var(--indication-color);\n    box-sizing: border-box;\n  }\n\n  .nile-error-notification__icon {\n    vertical-align: middle;\n    margin-right: var(--nile-spacing-xs, var(--ng-spacing-xxs));\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var r,_templateObject,i;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){r=_lit.css;}],execute:function execute(){_export("s",i=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    --indication-color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));\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  .nile-error-notification {\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-xs));\n    letter-spacing: 0.2px;\n    border: 1px solid var(--indication-color);\n    border-left: var(--nile-border-size-6, var(--ng-border-width-4)) solid var(--indication-color);\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n    padding: var(--nile-spacing-md, var(--ng-spacing-md));\n    background: var(--nile-colors-neutral-100, var(--ng-colors-bg-primary));\n    color: var(--indication-color);\n    box-sizing: border-box;\n  }\n\n  .nile-error-notification__icon {\n    vertical-align: middle;\n    margin-right: var(--nile-spacing-xs, var(--ng-spacing-xxs));\n  }\n"]))));}};});
 //# sourceMappingURL=nile-error-notification.css.cjs.js.map

package/dist/nile-error-notification/nile-error-notification.css.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-error-notification.css.cjs.js","sources":["../../../src/nile-error-notification/nile-error-notification.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 ErrorNotification CSS\n */\nexport const styles = css`\n :host {\n --indication-color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));\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 .nile-error-notification {\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n font-style: normal;\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-xs));\n letter-spacing: 0.2px;\n border: 1px solid var(--indication-color);\n border-left: var(--nile-border-size-6, var(--ng-border-width-4)) solid var(--indication-color);\n border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n padding: var(--nile-spacing-md, var(--ng-spacing-md));\n background: var(--nile-colors-neutral-100, var(--ng-colors-fg-~~white~~));\n color: var(--indication-color);\n box-sizing: border-box;\n }\n\n .nile-error-notification__icon {\n vertical-align: middle;\n margin-right: var(--nile-spacing-xs, var(--ng-spacing-xxs));\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
1	+ {"version":3,"file":"nile-error-notification.css.cjs.js","sources":["../../../src/nile-error-notification/nile-error-notification.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 ErrorNotification CSS\n */\nexport const styles = css`\n :host {\n --indication-color: var(--nile-colors-red-700, var(--ng-colors-text-error-primary-600));\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 .nile-error-notification {\n font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n font-size: var(--nile-type-scale-2, var(--ng-font-size-text-xs));\n font-style: normal;\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-xs));\n letter-spacing: 0.2px;\n border: 1px solid var(--indication-color);\n border-left: var(--nile-border-size-6, var(--ng-border-width-4)) solid var(--indication-color);\n border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n padding: var(--nile-spacing-md, var(--ng-spacing-md));\n background: var(--nile-colors-neutral-100, var(--ng-colors-bg-primary));\n color: var(--indication-color);\n box-sizing: border-box;\n }\n\n .nile-error-notification__icon {\n vertical-align: middle;\n margin-right: var(--nile-spacing-xs, var(--ng-spacing-xxs));\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-error-notification/nile-error-notification.css.esm.js CHANGED Viewed

@@ -17,7 +17,7 @@ import{css as r}from"lit";const i=r`
     border-left: var(--nile-border-size-6, var(--ng-border-width-4)) solid var(--indication-color);
     border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));
     padding: var(--nile-spacing-md, var(--ng-spacing-md));
-    background: var(--nile-colors-neutral-100, var(--ng-colors-fg-white));
+    background: var(--nile-colors-neutral-100, var(--ng-colors-bg-primary));
     color: var(--indication-color);
     box-sizing: border-box;
   }

package/dist/nile-floating-panel/index.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-System.register(["./nile-floating-panel.cjs.js","tslib","lit/decorators.js","./nile-floating-panel.css.cjs.js","lit","../internal/nile-element.cjs.js","../internal/accessibility/a11y.state.enum.cjs.js","../internal/accessibility/a11y.property.enum.cjs.js","../internal/accessibility/role.enum.cjs.js","../tippy.esm-78baa8f2.cjs.js","../nile-lite-tooltip/utils.cjs.js","../utilities/visibility-manager.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileFloatingPanelCjsJs){_export("NileFloatingPanel",_nileFloatingPanelCjsJs.N);},function(_tslib){},function(_litDecoratorsJs){},function(_nileFloatingPanelCssCjsJs){},function(_lit){},function(_internalNileElementCjsJs){},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){},function(_tippyEsm008CjsJs){},function(_nileLiteTooltipUtilsCjsJs){},function(_utilitiesVisibilityManagerCjsJs){}],execute:function execute(){}};});
+System.register(["./nile-floating-panel.cjs.js","tslib","lit/decorators.js","./nile-floating-panel.css.cjs.js","lit","../internal/nile-element.cjs.js","../internal/accessibility/a11y.state.enum.cjs.js","../internal/accessibility/a11y.property.enum.cjs.js","../internal/accessibility/role.enum.cjs.js","../tippy.esm-78baa8f2.cjs.js","../nile-lite-tooltip/utils.cjs.js","../utilities/visibility-manager.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileFloatingPanelCjsJs){_export("NileFloatingPanel",_nileFloatingPanelCjsJs.N);},function(_tslib){},function(_litDecoratorsJs){},function(_nileFloatingPanelCssCjsJs){},function(_lit){},function(_internalNileElementCjsJs){},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){},function(_tippyEsm009CjsJs){},function(_nileLiteTooltipUtilsCjsJs){},function(_utilitiesVisibilityManagerCjsJs){}],execute:function execute(){}};});
 //# sourceMappingURL=index.cjs.js.map

package/dist/nile-floating-panel/nile-floating-panel.cjs.js CHANGED Viewed

@@ -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/decorators.js","./nile-floating-panel.css.cjs.js","../internal/nile-element.cjs.js","../tippy.esm-78baa8f2.cjs.js","../nile-lite-tooltip/utils.cjs.js","../utilities/visibility-manager.cjs.js","lit","../internal/accessibility/a11y.state.enum.cjs.js","../internal/accessibility/a11y.property.enum.cjs.js","../internal/accessibility/role.enum.cjs.js"],function(_export,_context){"use strict";var t,i,e,s,n,h,o,r,l,a,c,_d,p;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(_litDecoratorsJs){i=_litDecoratorsJs.property;e=_litDecoratorsJs.customElement;},function(_nileFloatingPanelCssCjsJs){s=_nileFloatingPanelCssCjsJs.s;},function(_internalNileElementCjsJs){n=_internalNileElementCjsJs.N;},function(_tippyEsm008CjsJs){h=_tippyEsm008CjsJs.R;o=_tippyEsm008CjsJs.f;r=_tippyEsm008CjsJs.t;},function(_nileLiteTooltipUtilsCjsJs){l=_nileLiteTooltipUtilsCjsJs.p;a=_nileLiteTooltipUtilsCjsJs.a;},function(_utilitiesVisibilityManagerCjsJs){c=_utilitiesVisibilityManagerCjsJs.V;},function(_lit){},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){_export("N",p=_d=/*#__PURE__*/function(_n){function d(){var _this;_classCallCheck(this,d);_this=_callSuper(this,d,arguments),_this.placement="bottom",_this.trigger="click",_this.distance=12,_this.skidding=0,_this.arrow="round",_this.animation="fade",_this.duration=200,_this.delay=0,_this.interactive=!0,_this.interactiveBorder=2,_this.maxWidth="none",_this.zIndex=9999,_this.followCursor=!1,_this.hideOnClick=!0,_this.inertia=!1,_this.allowHTML=!1,_this.flip=!0,_this["for"]=null,_this.open=!1,_this.preventOverlayClose=!1,_this.title="",_this.disabled=!1,_this.group=null,_this.closeOnEscape=!0,_this.panelClass="",_this.enableVisibilityEffect=!1,_this.enableTabClose=!1,_this.tippyInstance=null,_this.panelContainer=null,_this.anchorEl=null,_this._suppressOpenWatch=!1,_this._panelId="nile-fp-".concat(Math.random().toString(36).slice(2,9)),_this._boundEscHandler=_this._handleEscapeKey.bind(_assertThisInitialized(_this)),_this._pendingShowListener=null,_this._pendingHideListener=null;return _this;}_inherits(d,_n);return _createClass(d,[{key:"createRenderRoot",value:function createRenderRoot(){return this;}},{key:"firstUpdated",value:function firstUpdated(){var _this2=this;this._buildDOM(),this._attachTippy(),this._joinGroup(),this.visibilityManager=new c({host:this,target:this.anchorEl||null,enableVisibilityEffect:this.enableVisibilityEffect,enableTabClose:this.enableTabClose,isOpen:function isOpen(){return _this2.open;},onAnchorOutOfView:function onAnchorOutOfView(){var _this2$tippyInstance;_this2._setOpen(!1),(_this2$tippyInstance=_this2.tippyInstance)!==null&&_this2$tippyInstance!==void 0&&_this2$tippyInstance.hide(),_this2.emit("nile-visibility-change",{visible:!1,reason:"anchor-out-of-view"});},onDocumentHidden:function onDocumentHidden(){var _this2$tippyInstance2;_this2._setOpen(!1),(_this2$tippyInstance2=_this2.tippyInstance)!==null&&_this2$tippyInstance2!==void 0&&_this2$tippyInstance2.hide(),_this2.emit("nile-visibility-change",{visible:!1,reason:"document-hidden"});},emit:function emit(t,i){return _this2.emit("nile-".concat(t),i);}}),this.emit("nile-init");}},{key:"disconnectedCallback",value:function disconnectedCallback(){var _this$visibilityManag;_superPropGet(d,"disconnectedCallback",this,3)([]),this._cleanupPendingShowListener(),this._cleanupPendingHideListener(),(_this$visibilityManag=this.visibilityManager)!==null&&_this$visibilityManag!==void 0&&_this$visibilityManag.cleanup(),this._leaveGroup(),this._removeEscListener(),this._destroyTippy(),this.emit("nile-destroy");}},{key:"updated",value:function updated(t){var _this$visibilityManag2,_this3=this,_this$visibilityManag3,_this$tippyInstance;if(_superPropGet(d,"updated",this,3)([t]),!this.panelContainer)return;t.has("open")&&!this._suppressOpenWatch&&(this.open?((_this$visibilityManag2=this.visibilityManager)!==null&&_this$visibilityManag2!==void 0&&_this$visibilityManag2.setup(),queueMicrotask(function(){var _this3$tippyInstance;return(_this3$tippyInstance=_this3.tippyInstance)===null||_this3$tippyInstance===void 0?void 0:_this3$tippyInstance.show();})):((_this$visibilityManag3=this.visibilityManager)!==null&&_this$visibilityManag3!==void 0&&_this$visibilityManag3.cleanup(),(_this$tippyInstance=this.tippyInstance)===null||_this$tippyInstance===void 0?void 0:_this$tippyInstance.hide())),t.has("group")&&(this._leaveGroup(t.get("group")),this._joinGroup());["placement","trigger","distance","skidding","arrow","animation","duration","delay","interactive","interactiveBorder","maxWidth","zIndex","followCursor","hideOnClick","inertia","allowHTML","flip","preventOverlayClose","disabled","width","height","panelClass"].some(function(i){return t.has(i);})&&this._attachTippy();}},{key:"show",value:function show(){var _this4=this;return this.open=!0,new Promise(function(t){_this4._cleanupPendingShowListener();var i=function i(){_this4._pendingShowListener=null,t();};_this4._pendingShowListener=i,_this4.addEventListener("nile-after-show",i,{once:!0});});}},{key:"hide",value:function hide(){var _this5=this;return this.open=!1,new Promise(function(t){_this5._cleanupPendingHideListener();var i=function i(){_this5._pendingHideListener=null,t();};_this5._pendingHideListener=i,_this5.addEventListener("nile-after-hide",i,{once:!0});});}},{key:"_cleanupPendingShowListener",value:function _cleanupPendingShowListener(){this._pendingShowListener&&(this.removeEventListener("nile-after-show",this._pendingShowListener),this._pendingShowListener=null);}},{key:"_cleanupPendingHideListener",value:function _cleanupPendingHideListener(){this._pendingHideListener&&(this.removeEventListener("nile-after-hide",this._pendingHideListener),this._pendingHideListener=null);}},{key:"toggle",value:function toggle(){this.open=!this.open;}},{key:"refresh",value:function refresh(){this._attachTippy();}},{key:"reposition",value:function reposition(){var _this$tippyInstance2;(_this$tippyInstance2=this.tippyInstance)===null||_this$tippyInstance2===void 0||(_this$tippyInstance2=_this$tippyInstance2.popperInstance)===null||_this$tippyInstance2===void 0||_this$tippyInstance2.update();}},{key:"getCurrentPlacement",value:function getCurrentPlacement(){var _this$tippyInstance3,_i$dataset$placement;var t=(_this$tippyInstance3=this.tippyInstance)===null||_this$tippyInstance3===void 0?void 0:_this$tippyInstance3.popper,i=t===null||t===void 0?void 0:t.querySelector(".tippy-box");return(_i$dataset$placement=i===null||i===void 0?void 0:i.dataset.placement)!==null&&_i$dataset$placement!==void 0?_i$dataset$placement:this.placement;}},{key:"isPositioningOptimal",value:function isPositioningOptimal(){return this.getCurrentPlacement()===this.placement;}},{key:"_joinGroup",value:function _joinGroup(){if(!this.group)return;var t=_d._groups.get(this.group);t||(t=new Set(),_d._groups.set(this.group,t)),t.add(this);}},{key:"_leaveGroup",value:function _leaveGroup(t){var i=t!==null&&t!==void 0?t:this.group;if(!i)return;var e=_d._groups.get(i);e&&(e["delete"](this),0===e.size&&_d._groups["delete"](i));}},{key:"_hideGroupSiblings",value:function _hideGroupSiblings(){var _this6=this;if(!this.group)return;var t=_d._groups.get(this.group);t&&t.forEach(function(t){var _t$tippyInstance;t!==_this6&&t.open&&(t._setOpen(!1),(_t$tippyInstance=t.tippyInstance)===null||_t$tippyInstance===void 0?void 0:_t$tippyInstance.hide());});}},{key:"_addEscListener",value:function _addEscListener(){this.closeOnEscape&&document.addEventListener("keydown",this._boundEscHandler);}},{key:"_removeEscListener",value:function _removeEscListener(){document.removeEventListener("keydown",this._boundEscHandler);}},{key:"_handleEscapeKey",value:function _handleEscapeKey(t){var _this$tippyInstance4;"Escape"===t.key&&this.open&&(this._setOpen(!1),(_this$tippyInstance4=this.tippyInstance)===null||_this$tippyInstance4===void 0?void 0:_this$tippyInstance4.hide());}},{key:"_applyAria",value:function _applyAria(){this.anchorEl&&this.panelContainer&&(this.panelContainer.setAttribute("role","dialog"),this.panelContainer.id=this._panelId,this.anchorEl.setAttribute("aria-haspopup","dialog"),this._syncAriaExpanded());}},{key:"_syncAriaExpanded",value:function _syncAriaExpanded(){var _this$anchorEl,_this$anchorEl2,_this$anchorEl3;(_this$anchorEl=this.anchorEl)!==null&&_this$anchorEl!==void 0&&_this$anchorEl.setAttribute("aria-expanded",String(this.open)),this.open?(_this$anchorEl2=this.anchorEl)===null||_this$anchorEl2===void 0?void 0:_this$anchorEl2.setAttribute("aria-describedby",this._panelId):(_this$anchorEl3=this.anchorEl)===null||_this$anchorEl3===void 0?void 0:_this$anchorEl3.removeAttribute("aria-describedby");}},{key:"_buildDOM",value:function _buildDOM(){var t=Array.from(this.childNodes);this.anchorEl=null;var i=[],e=[],s=[];var n=!1;for(var _i=0,_t=t;_i<_t.length;_i++){var _h=_t[_i];if(_h instanceof HTMLElement){var _t2=_h.getAttribute("slot");if("title"===_t2){_h.removeAttribute("slot"),i.push(_h);continue;}if("action"===_t2){_h.removeAttribute("slot"),e.push(_h);continue;}if(!n&&!this["for"]){this.anchorEl=_h,n=!0;continue;}}s.push(_h);}if(this["for"]){var _t3=document.getElementById(this["for"]);_t3&&(this.anchorEl=_t3);}for(;this.firstChild;)this.removeChild(this.firstChild);this.anchorEl&&!this["for"]&&this.appendChild(this.anchorEl),this.panelContainer=document.createElement("div"),this.panelContainer.className="nile-floating-panel__content",this.panelContainer.style.display="none";var h=document.createElement("div");if(h.className="nile-floating-panel__body",i.length>0||this.title){var _t4=document.createElement("div");_t4.className="nile-floating-panel__title",this.title?_t4.textContent=this.title:i.forEach(function(i){return _t4.appendChild(i);}),h.appendChild(_t4);}if(s.length>0){var _t5=document.createElement("div");_t5.className="nile-floating-panel__main",s.forEach(function(i){return _t5.appendChild(i);}),h.appendChild(_t5);}if(e.length>0){var _t6=document.createElement("div");_t6.className="nile-floating-panel__action",e.forEach(function(i){return _t6.appendChild(i);}),h.appendChild(_t6);}this.panelContainer.appendChild(h),this.appendChild(this.panelContainer),this._applyAria();}},{key:"_resolveArrow",value:function _resolveArrow(){switch(this.arrow){case"round":return h;case"none":return!1;default:return!0;}}},{key:"_setOpen",value:function _setOpen(t){this._suppressOpenWatch=!0,this.open=t,this._syncAriaExpanded(),this._suppressOpenWatch=!1;}},{key:"_getEffectiveDuration",value:function _getEffectiveDuration(){return _d.prefersReducedMotion?0:l(this.duration);}},{key:"_getEffectiveAnimation",value:function _getEffectiveAnimation(){return!_d.prefersReducedMotion&&this.animation;}},{key:"_attachTippy",value:function _attachTippy(){var _this7=this;if(this._destroyTippy(),this.disabled||!this.anchorEl||!this.panelContainer)return;var t=a(this.followCursor),i=!this.preventOverlayClose&&this.hideOnClick,e={content:this.panelContainer,placement:this.placement,trigger:this.trigger,offset:[this.skidding,this.distance],theme:"floating-panel",animation:this._getEffectiveAnimation(),interactive:this.interactive,arrow:this._resolveArrow(),duration:this._getEffectiveDuration(),allowHTML:this.allowHTML,delay:this.delay,maxWidth:this.maxWidth,zIndex:this.zIndex,hideOnClick:i,inertia:!_d.prefersReducedMotion&&this.inertia,interactiveBorder:this.interactiveBorder,appendTo:document.body,followCursor:t,plugins:t?[o]:[],popperOptions:{modifiers:[{name:"flip",enabled:this.flip}]},onMount:function onMount(t){_this7.panelContainer&&(_this7.panelContainer.style.display=""),_this7.panelClass&&_this7.panelClass.split(/\s+/).filter(Boolean).forEach(function(i){t.popper.classList.add(i);});},onShow:function onShow(t){_this7.panelContainer&&(_this7.panelContainer.style.display="");var i=t.popper.querySelector(".tippy-content");i&&(_this7.width&&(i.style.width=_this7.width),_this7.height&&(i.style.height=_this7.height,i.style.overflow="auto")),_this7._hideGroupSiblings(),_this7._setOpen(!0),_this7._addEscListener(),_this7.dispatchEvent(new CustomEvent("nile-show",{detail:{instance:t,target:t.reference}})),_this7.dispatchEvent(new CustomEvent("nile-toggle",{detail:{open:!0,instance:t,target:t.reference}}));},onShown:function onShown(t){_this7.dispatchEvent(new CustomEvent("nile-after-show",{detail:{instance:t,target:t.reference}}));},onHide:function onHide(t){_this7._setOpen(!1),_this7._removeEscListener(),_this7.dispatchEvent(new CustomEvent("nile-hide",{detail:{instance:t,target:t.reference}})),_this7.dispatchEvent(new CustomEvent("nile-toggle",{detail:{open:!1,instance:t,target:t.reference}}));},onHidden:function onHidden(t){_this7.panelContainer&&(_this7.panelContainer.style.display="none"),_this7.dispatchEvent(new CustomEvent("nile-after-hide",{detail:{instance:t,target:t.reference}}));}};this.tippyInstance=r(this.anchorEl,e),this.open&&queueMicrotask(function(){var _this7$tippyInstance;return(_this7$tippyInstance=_this7.tippyInstance)===null||_this7$tippyInstance===void 0?void 0:_this7$tippyInstance.show();});}},{key:"_destroyTippy",value:function _destroyTippy(){this.tippyInstance&&(this.tippyInstance.destroy(),this.tippyInstance=null),this.panelContainer&&(this.panelContainer.style.display="none",this.panelContainer.parentElement!==this&&this.appendChild(this.panelContainer));}}],[{key:"prefersReducedMotion",get:function get(){return _d._reducedMotionQuery||(_d._reducedMotionQuery=window.matchMedia("(prefers-reduced-motion: reduce)")),_d._reducedMotionQuery.matches;}},{key:"styles",get:function get(){return[s];}}]);}(n));p._groups=new Map(),p._reducedMotionQuery=null,t([i({type:String})],p.prototype,"placement",void 0),t([i({type:String})],p.prototype,"trigger",void 0),t([i({type:Number})],p.prototype,"distance",void 0),t([i({type:Number})],p.prototype,"skidding",void 0),t([i({type:String,reflect:!0})],p.prototype,"arrow",void 0),t([i({type:String,reflect:!0})],p.prototype,"animation",void 0),t([i({type:String,reflect:!0})],p.prototype,"duration",void 0),t([i({type:String,reflect:!0})],p.prototype,"delay",void 0),t([i({type:Boolean,reflect:!0})],p.prototype,"interactive",void 0),t([i({type:Number,reflect:!0})],p.prototype,"interactiveBorder",void 0),t([i({type:String,reflect:!0})],p.prototype,"maxWidth",void 0),t([i({type:Number,reflect:!0})],p.prototype,"zIndex",void 0),t([i({type:String,reflect:!0})],p.prototype,"followCursor",void 0),t([i({type:Boolean,reflect:!0})],p.prototype,"hideOnClick",void 0),t([i({type:Boolean,reflect:!0})],p.prototype,"inertia",void 0),t([i({type:Boolean,reflect:!0})],p.prototype,"allowHTML",void 0),t([i({type:Boolean,reflect:!0})],p.prototype,"flip",void 0),t([i({type:String,attribute:"for"})],p.prototype,"for",void 0),t([i({type:Boolean,reflect:!0})],p.prototype,"open",void 0),t([i({type:Boolean,reflect:!0})],p.prototype,"preventOverlayClose",void 0),t([i({type:String,reflect:!0})],p.prototype,"title",void 0),t([i({type:Boolean,reflect:!0})],p.prototype,"disabled",void 0),t([i({type:String,reflect:!0})],p.prototype,"width",void 0),t([i({type:String,reflect:!0})],p.prototype,"height",void 0),t([i({type:String,reflect:!0})],p.prototype,"group",void 0),t([i({type:Boolean,reflect:!0})],p.prototype,"closeOnEscape",void 0),t([i({type:String,reflect:!0,attribute:!0})],p.prototype,"panelClass",void 0),t([i({type:Boolean,reflect:!0})],p.prototype,"enableVisibilityEffect",void 0),t([i({type:Boolean,reflect:!0})],p.prototype,"enableTabClose",void 0),_export("N",p=_d=t([e("nile-floating-panel")],p));}};});
+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/decorators.js","./nile-floating-panel.css.cjs.js","../internal/nile-element.cjs.js","../tippy.esm-78baa8f2.cjs.js","../nile-lite-tooltip/utils.cjs.js","../utilities/visibility-manager.cjs.js","lit","../internal/accessibility/a11y.state.enum.cjs.js","../internal/accessibility/a11y.property.enum.cjs.js","../internal/accessibility/role.enum.cjs.js"],function(_export,_context){"use strict";var t,i,e,s,n,h,o,r,l,a,c,_d,p;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(_litDecoratorsJs){i=_litDecoratorsJs.property;e=_litDecoratorsJs.customElement;},function(_nileFloatingPanelCssCjsJs){s=_nileFloatingPanelCssCjsJs.s;},function(_internalNileElementCjsJs){n=_internalNileElementCjsJs.N;},function(_tippyEsm009CjsJs){h=_tippyEsm009CjsJs.R;o=_tippyEsm009CjsJs.f;r=_tippyEsm009CjsJs.t;},function(_nileLiteTooltipUtilsCjsJs){l=_nileLiteTooltipUtilsCjsJs.p;a=_nileLiteTooltipUtilsCjsJs.a;},function(_utilitiesVisibilityManagerCjsJs){c=_utilitiesVisibilityManagerCjsJs.V;},function(_lit){},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){_export("N",p=_d=/*#__PURE__*/function(_n){function d(){var _this;_classCallCheck(this,d);_this=_callSuper(this,d,arguments),_this.placement="bottom",_this.trigger="click",_this.distance=12,_this.skidding=0,_this.arrow="round",_this.animation="fade",_this.duration=200,_this.delay=0,_this.interactive=!0,_this.interactiveBorder=2,_this.maxWidth="none",_this.zIndex=9999,_this.followCursor=!1,_this.hideOnClick=!0,_this.inertia=!1,_this.allowHTML=!1,_this.flip=!0,_this["for"]=null,_this.open=!1,_this.preventOverlayClose=!1,_this.title="",_this.disabled=!1,_this.group=null,_this.closeOnEscape=!0,_this.panelClass="",_this.enableVisibilityEffect=!1,_this.enableTabClose=!1,_this.tippyInstance=null,_this.panelContainer=null,_this.anchorEl=null,_this._suppressOpenWatch=!1,_this._panelId="nile-fp-".concat(Math.random().toString(36).slice(2,9)),_this._boundEscHandler=_this._handleEscapeKey.bind(_assertThisInitialized(_this)),_this._pendingShowListener=null,_this._pendingHideListener=null;return _this;}_inherits(d,_n);return _createClass(d,[{key:"createRenderRoot",value:function createRenderRoot(){return this;}},{key:"firstUpdated",value:function firstUpdated(){var _this2=this;this._buildDOM(),this._attachTippy(),this._joinGroup(),this.visibilityManager=new c({host:this,target:this.anchorEl||null,enableVisibilityEffect:this.enableVisibilityEffect,enableTabClose:this.enableTabClose,isOpen:function isOpen(){return _this2.open;},onAnchorOutOfView:function onAnchorOutOfView(){var _this2$tippyInstance;_this2._setOpen(!1),(_this2$tippyInstance=_this2.tippyInstance)!==null&&_this2$tippyInstance!==void 0&&_this2$tippyInstance.hide(),_this2.emit("nile-visibility-change",{visible:!1,reason:"anchor-out-of-view"});},onDocumentHidden:function onDocumentHidden(){var _this2$tippyInstance2;_this2._setOpen(!1),(_this2$tippyInstance2=_this2.tippyInstance)!==null&&_this2$tippyInstance2!==void 0&&_this2$tippyInstance2.hide(),_this2.emit("nile-visibility-change",{visible:!1,reason:"document-hidden"});},emit:function emit(t,i){return _this2.emit("nile-".concat(t),i);}}),this.emit("nile-init");}},{key:"disconnectedCallback",value:function disconnectedCallback(){var _this$visibilityManag;_superPropGet(d,"disconnectedCallback",this,3)([]),this._cleanupPendingShowListener(),this._cleanupPendingHideListener(),(_this$visibilityManag=this.visibilityManager)!==null&&_this$visibilityManag!==void 0&&_this$visibilityManag.cleanup(),this._leaveGroup(),this._removeEscListener(),this._destroyTippy(),this.emit("nile-destroy");}},{key:"updated",value:function updated(t){var _this$visibilityManag2,_this3=this,_this$visibilityManag3,_this$tippyInstance;if(_superPropGet(d,"updated",this,3)([t]),!this.panelContainer)return;t.has("open")&&!this._suppressOpenWatch&&(this.open?((_this$visibilityManag2=this.visibilityManager)!==null&&_this$visibilityManag2!==void 0&&_this$visibilityManag2.setup(),queueMicrotask(function(){var _this3$tippyInstance;return(_this3$tippyInstance=_this3.tippyInstance)===null||_this3$tippyInstance===void 0?void 0:_this3$tippyInstance.show();})):((_this$visibilityManag3=this.visibilityManager)!==null&&_this$visibilityManag3!==void 0&&_this$visibilityManag3.cleanup(),(_this$tippyInstance=this.tippyInstance)===null||_this$tippyInstance===void 0?void 0:_this$tippyInstance.hide())),t.has("group")&&(this._leaveGroup(t.get("group")),this._joinGroup());["placement","trigger","distance","skidding","arrow","animation","duration","delay","interactive","interactiveBorder","maxWidth","zIndex","followCursor","hideOnClick","inertia","allowHTML","flip","preventOverlayClose","disabled","width","height","panelClass"].some(function(i){return t.has(i);})&&this._attachTippy();}},{key:"show",value:function show(){var _this4=this;return this.open=!0,new Promise(function(t){_this4._cleanupPendingShowListener();var i=function i(){_this4._pendingShowListener=null,t();};_this4._pendingShowListener=i,_this4.addEventListener("nile-after-show",i,{once:!0});});}},{key:"hide",value:function hide(){var _this5=this;return this.open=!1,new Promise(function(t){_this5._cleanupPendingHideListener();var i=function i(){_this5._pendingHideListener=null,t();};_this5._pendingHideListener=i,_this5.addEventListener("nile-after-hide",i,{once:!0});});}},{key:"_cleanupPendingShowListener",value:function _cleanupPendingShowListener(){this._pendingShowListener&&(this.removeEventListener("nile-after-show",this._pendingShowListener),this._pendingShowListener=null);}},{key:"_cleanupPendingHideListener",value:function _cleanupPendingHideListener(){this._pendingHideListener&&(this.removeEventListener("nile-after-hide",this._pendingHideListener),this._pendingHideListener=null);}},{key:"toggle",value:function toggle(){this.open=!this.open;}},{key:"refresh",value:function refresh(){this._attachTippy();}},{key:"reposition",value:function reposition(){var _this$tippyInstance2;(_this$tippyInstance2=this.tippyInstance)===null||_this$tippyInstance2===void 0||(_this$tippyInstance2=_this$tippyInstance2.popperInstance)===null||_this$tippyInstance2===void 0||_this$tippyInstance2.update();}},{key:"getCurrentPlacement",value:function getCurrentPlacement(){var _this$tippyInstance3,_i$dataset$placement;var t=(_this$tippyInstance3=this.tippyInstance)===null||_this$tippyInstance3===void 0?void 0:_this$tippyInstance3.popper,i=t===null||t===void 0?void 0:t.querySelector(".tippy-box");return(_i$dataset$placement=i===null||i===void 0?void 0:i.dataset.placement)!==null&&_i$dataset$placement!==void 0?_i$dataset$placement:this.placement;}},{key:"isPositioningOptimal",value:function isPositioningOptimal(){return this.getCurrentPlacement()===this.placement;}},{key:"_joinGroup",value:function _joinGroup(){if(!this.group)return;var t=_d._groups.get(this.group);t||(t=new Set(),_d._groups.set(this.group,t)),t.add(this);}},{key:"_leaveGroup",value:function _leaveGroup(t){var i=t!==null&&t!==void 0?t:this.group;if(!i)return;var e=_d._groups.get(i);e&&(e["delete"](this),0===e.size&&_d._groups["delete"](i));}},{key:"_hideGroupSiblings",value:function _hideGroupSiblings(){var _this6=this;if(!this.group)return;var t=_d._groups.get(this.group);t&&t.forEach(function(t){var _t$tippyInstance;t!==_this6&&t.open&&(t._setOpen(!1),(_t$tippyInstance=t.tippyInstance)===null||_t$tippyInstance===void 0?void 0:_t$tippyInstance.hide());});}},{key:"_addEscListener",value:function _addEscListener(){this.closeOnEscape&&document.addEventListener("keydown",this._boundEscHandler);}},{key:"_removeEscListener",value:function _removeEscListener(){document.removeEventListener("keydown",this._boundEscHandler);}},{key:"_handleEscapeKey",value:function _handleEscapeKey(t){var _this$tippyInstance4;"Escape"===t.key&&this.open&&(this._setOpen(!1),(_this$tippyInstance4=this.tippyInstance)===null||_this$tippyInstance4===void 0?void 0:_this$tippyInstance4.hide());}},{key:"_applyAria",value:function _applyAria(){this.anchorEl&&this.panelContainer&&(this.panelContainer.setAttribute("role","dialog"),this.panelContainer.id=this._panelId,this.anchorEl.setAttribute("aria-haspopup","dialog"),this._syncAriaExpanded());}},{key:"_syncAriaExpanded",value:function _syncAriaExpanded(){var _this$anchorEl,_this$anchorEl2,_this$anchorEl3;(_this$anchorEl=this.anchorEl)!==null&&_this$anchorEl!==void 0&&_this$anchorEl.setAttribute("aria-expanded",String(this.open)),this.open?(_this$anchorEl2=this.anchorEl)===null||_this$anchorEl2===void 0?void 0:_this$anchorEl2.setAttribute("aria-describedby",this._panelId):(_this$anchorEl3=this.anchorEl)===null||_this$anchorEl3===void 0?void 0:_this$anchorEl3.removeAttribute("aria-describedby");}},{key:"_buildDOM",value:function _buildDOM(){var t=Array.from(this.childNodes);this.anchorEl=null;var i=[],e=[],s=[];var n=!1;for(var _i=0,_t=t;_i<_t.length;_i++){var _h=_t[_i];if(_h instanceof HTMLElement){var _t2=_h.getAttribute("slot");if("title"===_t2){_h.removeAttribute("slot"),i.push(_h);continue;}if("action"===_t2){_h.removeAttribute("slot"),e.push(_h);continue;}if(!n&&!this["for"]){this.anchorEl=_h,n=!0;continue;}}s.push(_h);}if(this["for"]){var _t3=document.getElementById(this["for"]);_t3&&(this.anchorEl=_t3);}for(;this.firstChild;)this.removeChild(this.firstChild);this.anchorEl&&!this["for"]&&this.appendChild(this.anchorEl),this.panelContainer=document.createElement("div"),this.panelContainer.className="nile-floating-panel__content",this.panelContainer.style.display="none";var h=document.createElement("div");if(h.className="nile-floating-panel__body",i.length>0||this.title){var _t4=document.createElement("div");_t4.className="nile-floating-panel__title",this.title?_t4.textContent=this.title:i.forEach(function(i){return _t4.appendChild(i);}),h.appendChild(_t4);}if(s.length>0){var _t5=document.createElement("div");_t5.className="nile-floating-panel__main",s.forEach(function(i){return _t5.appendChild(i);}),h.appendChild(_t5);}if(e.length>0){var _t6=document.createElement("div");_t6.className="nile-floating-panel__action",e.forEach(function(i){return _t6.appendChild(i);}),h.appendChild(_t6);}this.panelContainer.appendChild(h),this.appendChild(this.panelContainer),this._applyAria();}},{key:"_resolveArrow",value:function _resolveArrow(){switch(this.arrow){case"round":return h;case"none":return!1;default:return!0;}}},{key:"_setOpen",value:function _setOpen(t){this._suppressOpenWatch=!0,this.open=t,this._syncAriaExpanded(),this._suppressOpenWatch=!1;}},{key:"_getEffectiveDuration",value:function _getEffectiveDuration(){return _d.prefersReducedMotion?0:l(this.duration);}},{key:"_getEffectiveAnimation",value:function _getEffectiveAnimation(){return!_d.prefersReducedMotion&&this.animation;}},{key:"_attachTippy",value:function _attachTippy(){var _this7=this;if(this._destroyTippy(),this.disabled||!this.anchorEl||!this.panelContainer)return;var t=a(this.followCursor),i=!this.preventOverlayClose&&this.hideOnClick,e={content:this.panelContainer,placement:this.placement,trigger:this.trigger,offset:[this.skidding,this.distance],theme:"floating-panel",animation:this._getEffectiveAnimation(),interactive:this.interactive,arrow:this._resolveArrow(),duration:this._getEffectiveDuration(),allowHTML:this.allowHTML,delay:this.delay,maxWidth:this.maxWidth,zIndex:this.zIndex,hideOnClick:i,inertia:!_d.prefersReducedMotion&&this.inertia,interactiveBorder:this.interactiveBorder,appendTo:document.body,followCursor:t,plugins:t?[o]:[],popperOptions:{modifiers:[{name:"flip",enabled:this.flip}]},onMount:function onMount(t){_this7.panelContainer&&(_this7.panelContainer.style.display=""),_this7.panelClass&&_this7.panelClass.split(/\s+/).filter(Boolean).forEach(function(i){t.popper.classList.add(i);});},onShow:function onShow(t){_this7.panelContainer&&(_this7.panelContainer.style.display="");var i=t.popper.querySelector(".tippy-content");i&&(_this7.width&&(i.style.width=_this7.width),_this7.height&&(i.style.height=_this7.height,i.style.overflow="auto")),_this7._hideGroupSiblings(),_this7._setOpen(!0),_this7._addEscListener(),_this7.dispatchEvent(new CustomEvent("nile-show",{detail:{instance:t,target:t.reference}})),_this7.dispatchEvent(new CustomEvent("nile-toggle",{detail:{open:!0,instance:t,target:t.reference}}));},onShown:function onShown(t){_this7.dispatchEvent(new CustomEvent("nile-after-show",{detail:{instance:t,target:t.reference}}));},onHide:function onHide(t){_this7._setOpen(!1),_this7._removeEscListener(),_this7.dispatchEvent(new CustomEvent("nile-hide",{detail:{instance:t,target:t.reference}})),_this7.dispatchEvent(new CustomEvent("nile-toggle",{detail:{open:!1,instance:t,target:t.reference}}));},onHidden:function onHidden(t){_this7.panelContainer&&(_this7.panelContainer.style.display="none"),_this7.dispatchEvent(new CustomEvent("nile-after-hide",{detail:{instance:t,target:t.reference}}));}};this.tippyInstance=r(this.anchorEl,e),this.open&&queueMicrotask(function(){var _this7$tippyInstance;return(_this7$tippyInstance=_this7.tippyInstance)===null||_this7$tippyInstance===void 0?void 0:_this7$tippyInstance.show();});}},{key:"_destroyTippy",value:function _destroyTippy(){this.tippyInstance&&(this.tippyInstance.destroy(),this.tippyInstance=null),this.panelContainer&&(this.panelContainer.style.display="none",this.panelContainer.parentElement!==this&&this.appendChild(this.panelContainer));}}],[{key:"prefersReducedMotion",get:function get(){return _d._reducedMotionQuery||(_d._reducedMotionQuery=window.matchMedia("(prefers-reduced-motion: reduce)")),_d._reducedMotionQuery.matches;}},{key:"styles",get:function get(){return[s];}}]);}(n));p._groups=new Map(),p._reducedMotionQuery=null,t([i({type:String})],p.prototype,"placement",void 0),t([i({type:String})],p.prototype,"trigger",void 0),t([i({type:Number})],p.prototype,"distance",void 0),t([i({type:Number})],p.prototype,"skidding",void 0),t([i({type:String,reflect:!0})],p.prototype,"arrow",void 0),t([i({type:String,reflect:!0})],p.prototype,"animation",void 0),t([i({type:String,reflect:!0})],p.prototype,"duration",void 0),t([i({type:String,reflect:!0})],p.prototype,"delay",void 0),t([i({type:Boolean,reflect:!0})],p.prototype,"interactive",void 0),t([i({type:Number,reflect:!0})],p.prototype,"interactiveBorder",void 0),t([i({type:String,reflect:!0})],p.prototype,"maxWidth",void 0),t([i({type:Number,reflect:!0})],p.prototype,"zIndex",void 0),t([i({type:String,reflect:!0})],p.prototype,"followCursor",void 0),t([i({type:Boolean,reflect:!0})],p.prototype,"hideOnClick",void 0),t([i({type:Boolean,reflect:!0})],p.prototype,"inertia",void 0),t([i({type:Boolean,reflect:!0})],p.prototype,"allowHTML",void 0),t([i({type:Boolean,reflect:!0})],p.prototype,"flip",void 0),t([i({type:String,attribute:"for"})],p.prototype,"for",void 0),t([i({type:Boolean,reflect:!0})],p.prototype,"open",void 0),t([i({type:Boolean,reflect:!0})],p.prototype,"preventOverlayClose",void 0),t([i({type:String,reflect:!0})],p.prototype,"title",void 0),t([i({type:Boolean,reflect:!0})],p.prototype,"disabled",void 0),t([i({type:String,reflect:!0})],p.prototype,"width",void 0),t([i({type:String,reflect:!0})],p.prototype,"height",void 0),t([i({type:String,reflect:!0})],p.prototype,"group",void 0),t([i({type:Boolean,reflect:!0})],p.prototype,"closeOnEscape",void 0),t([i({type:String,reflect:!0,attribute:!0})],p.prototype,"panelClass",void 0),t([i({type:Boolean,reflect:!0})],p.prototype,"enableVisibilityEffect",void 0),t([i({type:Boolean,reflect:!0})],p.prototype,"enableTabClose",void 0),_export("N",p=_d=t([e("nile-floating-panel")],p));}};});
 //# sourceMappingURL=nile-floating-panel.cjs.js.map

package/dist/nile-hero/nile-hero.css.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,r;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){o=_lit.css;}],execute:function execute(){_export("s",r=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\n\t:host {\n\t\tdisplay:block;\n\t\t--nile-hero-transition-time:2000ms;\n\t\t-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\t}\n\n\t.hero__header--collapsed{\n\t\tposition:absolute;\n\t\ttop:0;\n\t\tleft:0;\n\t\ttransition:var(--nile-hero-transition-time);\n\t}\n\t\n\t.hero__container {\n\t\toverflow:hidden;\n\t\twidth:100%;\n\t\tposition:relative;\n\t\tdisplay:block;\n  \t\ttransition: var(--nile-hero-transition-time);\n\t}\n\n\t.hero__container--collapsed{\n\t\theight: 67px;\n\t\tbackground-color: var(--nile-hero-collapsed-background, var(--ng-colors-bg-primary));\n\t}\n\n\t.hero__container--expanded{\n\t\theight:var(--nile-hero-height, var(--ng-height-200px));\n\t\tbackground:linear-gradient(180deg, var( --nile-hero-color-bg-from-gradient, var(--ng-color-bluelight-50)) 0%,  var( --nile-hero-color-bg-to-gradient, var(--ng-componentcolors-utility-gray-200)) 100%);\n\t}\n\n\t.icon__container {\n\t\theight: 32px;\n\t\taspect-ratio: 1 / 1;\n\t\tplace-items: center;\n\t\tdisplay: grid;\n\t\tborder-radius: var(--nile-radius-radius-xl, var(--ng-radius-md));\n\t\tborder: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n\t\tbackground: linear-gradient(180deg, var(--nile-hero-color-icon-bg-from-gradient, var(--ng-colors-bg-primary)) 0%, var(--nile-hero-color-icon-bg-to-gradient, var(--ng-colors-bg-secondary)) 100%);\n\t}\n\n\t.hero__slot__container {\n\t\theight:var(--nile-hero-height, var(--ng-height-200px));\n\t\tpadding-left: var(--nile-spacing-5xl, var(--ng-spacing-5xl));\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap:var(--nile-spacing-spacing-xl, var(--ng-spacing-xl));\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tbottom:0;\n  \t\ttransition: var(--nile-hero-transition-time);\n\t}\n\n\t.hero__slot {\n\t\tdisplay: flex;\n\t\tgap:var(--nile-spacing-spacing-xl, var(--ng-spacing-xl));\n\t}\n\n\t.hero__img__container {\n\t\theight:var(--nile-hero-height, var(--ng-height-200px));\n\t\toverflow:hidden;\n\t\twidth:max-content;\n\t\tposition: absolute;\n\t\tright: 0;\n\t\tbottom:0;\n\t\ttransition:var(--nile-hero-transition-time);\n\t}\n\n\t.hero__img {\n\t\tobject-fit:cover;\n\t\theight:var(--nile-hero-height, var(--ng-height-200px));\n\t\twidth:auto;\n\t}\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,r;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){o=_lit.css;}],execute:function execute(){_export("s",r=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\n\t:host {\n\t\tdisplay:block;\n\t\t--nile-hero-transition-time:2000ms;\n\t\t-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\t}\n\n\t.hero__header--collapsed{\n\t\tposition:absolute;\n\t\ttop:0;\n\t\tleft:0;\n\t\ttransition:var(--nile-hero-transition-time);\n\t}\n\t\n\t.hero__container {\n\t\toverflow:hidden;\n\t\twidth:100%;\n\t\tposition:relative;\n\t\tdisplay:block;\n\t\tcolor: var(--nile-hero-text-color, var(--ng-colors-text-primary-900));\n  \t\ttransition: var(--nile-hero-transition-time);\n\t}\n\n\t.hero__container--collapsed{\n\t\theight: 67px;\n\t\tbackground-color: var(--nile-hero-collapsed-background, var(--ng-colors-bg-primary));\n\t}\n\n\t.hero__container--expanded{\n\t\theight:var(--nile-hero-height, var(--ng-height-200px));\n\t\tbackground:linear-gradient(180deg, var( --nile-hero-color-bg-from-gradient, var(--ng-color-bluelight-50)) 0%,  var( --nile-hero-color-bg-to-gradient, var(--ng-componentcolors-utility-gray-200)) 100%);\n\t}\n\n\t.icon__container {\n\t\theight: 32px;\n\t\taspect-ratio: 1 / 1;\n\t\tplace-items: center;\n\t\tdisplay: grid;\n\t\tborder-radius: var(--nile-radius-radius-xl, var(--ng-radius-md));\n\t\tborder: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n\t\tbackground: linear-gradient(180deg, var(--nile-hero-color-icon-bg-from-gradient, var(--ng-colors-bg-primary)) 0%, var(--nile-hero-color-icon-bg-to-gradient, var(--ng-colors-bg-secondary)) 100%);\n\t}\n\n\t.hero__slot__container {\n\t\theight:var(--nile-hero-height, var(--ng-height-200px));\n\t\tpadding-left: var(--nile-spacing-5xl, var(--ng-spacing-5xl));\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap:var(--nile-spacing-spacing-xl, var(--ng-spacing-xl));\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tbottom:0;\n  \t\ttransition: var(--nile-hero-transition-time);\n\t}\n\n\t.hero__slot {\n\t\tdisplay: flex;\n\t\tgap:var(--nile-spacing-spacing-xl, var(--ng-spacing-xl));\n\t}\n\n\t.hero__img__container {\n\t\theight:var(--nile-hero-height, var(--ng-height-200px));\n\t\toverflow:hidden;\n\t\twidth:max-content;\n\t\tposition: absolute;\n\t\tright: 0;\n\t\tbottom:0;\n\t\ttransition:var(--nile-hero-transition-time);\n\t}\n\n\t.hero__img {\n\t\tobject-fit:cover;\n\t\theight:var(--nile-hero-height, var(--ng-height-200px));\n\t\twidth:auto;\n\t}\n"]))));}};});
 //# sourceMappingURL=nile-hero.css.cjs.js.map

package/dist/nile-hero/nile-hero.css.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-hero.css.cjs.js","sources":["../../../src/nile-hero/nile-hero.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 Hero CSS\n */\nexport const styles = css`\n\n\t:host {\n\t\tdisplay:block;\n\t\t--nile-hero-transition-time:2000ms;\n\t\t-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\t}\n\n\t.hero__header--collapsed{\n\t\tposition:absolute;\n\t\ttop:0;\n\t\tleft:0;\n\t\ttransition:var(--nile-hero-transition-time);\n\t}\n\t\n\t.hero__container {\n\t\toverflow:hidden;\n\t\twidth:100%;\n\t\tposition:relative;\n\t\tdisplay:block;\n \t\ttransition: var(--nile-hero-transition-time);\n\t}\n\n\t.hero__container--collapsed{\n\t\theight: 67px;\n\t\tbackground-color: var(--nile-hero-collapsed-background, var(--ng-colors-bg-primary));\n\t}\n\n\t.hero__container--expanded{\n\t\theight:var(--nile-hero-height, var(--ng-height-200px));\n\t\tbackground:linear-gradient(180deg, var( --nile-hero-color-bg-from-gradient, var(--ng-color-bluelight-50)) 0%, var( --nile-hero-color-bg-to-gradient, var(--ng-componentcolors-utility-gray-200)) 100%);\n\t}\n\n\t.icon__container {\n\t\theight: 32px;\n\t\taspect-ratio: 1 / 1;\n\t\tplace-items: center;\n\t\tdisplay: grid;\n\t\tborder-radius: var(--nile-radius-radius-xl, var(--ng-radius-md));\n\t\tborder: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n\t\tbackground: linear-gradient(180deg, var(--nile-hero-color-icon-bg-from-gradient, var(--ng-colors-bg-primary)) 0%, var(--nile-hero-color-icon-bg-to-gradient, var(--ng-colors-bg-secondary)) 100%);\n\t}\n\n\t.hero__slot__container {\n\t\theight:var(--nile-hero-height, var(--ng-height-200px));\n\t\tpadding-left: var(--nile-spacing-5xl, var(--ng-spacing-5xl));\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap:var(--nile-spacing-spacing-xl, var(--ng-spacing-xl));\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tbottom:0;\n \t\ttransition: var(--nile-hero-transition-time);\n\t}\n\n\t.hero__slot {\n\t\tdisplay: flex;\n\t\tgap:var(--nile-spacing-spacing-xl, var(--ng-spacing-xl));\n\t}\n\n\t.hero__img__container {\n\t\theight:var(--nile-hero-height, var(--ng-height-200px));\n\t\toverflow:hidden;\n\t\twidth:max-content;\n\t\tposition: absolute;\n\t\tright: 0;\n\t\tbottom:0;\n\t\ttransition:var(--nile-hero-transition-time);\n\t}\n\n\t.hero__img {\n\t\tobject-fit:cover;\n\t\theight:var(--nile-hero-height, var(--ng-height-200px));\n\t\twidth:auto;\n\t}\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
1	+ {"version":3,"file":"nile-hero.css.cjs.js","sources":["../../../src/nile-hero/nile-hero.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 Hero CSS\n */\nexport const styles = css`\n\n\t:host {\n\t\tdisplay:block;\n\t\t--nile-hero-transition-time:2000ms;\n\t\t-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\t}\n\n\t.hero__header--collapsed{\n\t\tposition:absolute;\n\t\ttop:0;\n\t\tleft:0;\n\t\ttransition:var(--nile-hero-transition-time);\n\t}\n\t\n\t.hero__container {\n\t\toverflow:hidden;\n\t\twidth:100%;\n\t\tposition:relative;\n\t\tdisplay:block;\n\t\tcolor: var(--nile-hero-text-color, var(--ng-colors-text-primary-900));\n \t\ttransition: var(--nile-hero-transition-time);\n\t}\n\n\t.hero__container--collapsed{\n\t\theight: 67px;\n\t\tbackground-color: var(--nile-hero-collapsed-background, var(--ng-colors-bg-primary));\n\t}\n\n\t.hero__container--expanded{\n\t\theight:var(--nile-hero-height, var(--ng-height-200px));\n\t\tbackground:linear-gradient(180deg, var( --nile-hero-color-bg-from-gradient, var(--ng-color-bluelight-50)) 0%, var( --nile-hero-color-bg-to-gradient, var(--ng-componentcolors-utility-gray-200)) 100%);\n\t}\n\n\t.icon__container {\n\t\theight: 32px;\n\t\taspect-ratio: 1 / 1;\n\t\tplace-items: center;\n\t\tdisplay: grid;\n\t\tborder-radius: var(--nile-radius-radius-xl, var(--ng-radius-md));\n\t\tborder: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n\t\tbackground: linear-gradient(180deg, var(--nile-hero-color-icon-bg-from-gradient, var(--ng-colors-bg-primary)) 0%, var(--nile-hero-color-icon-bg-to-gradient, var(--ng-colors-bg-secondary)) 100%);\n\t}\n\n\t.hero__slot__container {\n\t\theight:var(--nile-hero-height, var(--ng-height-200px));\n\t\tpadding-left: var(--nile-spacing-5xl, var(--ng-spacing-5xl));\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap:var(--nile-spacing-spacing-xl, var(--ng-spacing-xl));\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\tbottom:0;\n \t\ttransition: var(--nile-hero-transition-time);\n\t}\n\n\t.hero__slot {\n\t\tdisplay: flex;\n\t\tgap:var(--nile-spacing-spacing-xl, var(--ng-spacing-xl));\n\t}\n\n\t.hero__img__container {\n\t\theight:var(--nile-hero-height, var(--ng-height-200px));\n\t\toverflow:hidden;\n\t\twidth:max-content;\n\t\tposition: absolute;\n\t\tright: 0;\n\t\tbottom:0;\n\t\ttransition:var(--nile-hero-transition-time);\n\t}\n\n\t.hero__img {\n\t\tobject-fit:cover;\n\t\theight:var(--nile-hero-height, var(--ng-height-200px));\n\t\twidth:auto;\n\t}\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-hero/nile-hero.css.esm.js CHANGED Viewed

@@ -20,6 +20,7 @@ import{css as o}from"lit";const r=o`
 		width:100%;
 		position:relative;
 		display:block;
+		color: var(--nile-hero-text-color, var(--ng-colors-text-primary-900));
   		transition: var(--nile-hero-transition-time);
 	}

package/dist/nile-lite-tooltip/index.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-System.register(["./nile-lite-tooltip.cjs.js","tslib","lit/decorators.js","./nile-lite-tooltip.css.cjs.js","lit","../internal/nile-element.cjs.js","../internal/accessibility/a11y.state.enum.cjs.js","../internal/accessibility/a11y.property.enum.cjs.js","../internal/accessibility/role.enum.cjs.js","../tippy.esm-78baa8f2.cjs.js","./utils.cjs.js","../utilities/visibility-manager.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileLiteTooltipCjsJs){_export("NileliteTooltip",_nileLiteTooltipCjsJs.N);},function(_tslib){},function(_litDecoratorsJs){},function(_nileLiteTooltipCssCjsJs){},function(_lit){},function(_internalNileElementCjsJs){},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){},function(_tippyEsm008CjsJs){},function(_utilsCjsJs){},function(_utilitiesVisibilityManagerCjsJs){}],execute:function execute(){}};});
+System.register(["./nile-lite-tooltip.cjs.js","tslib","lit/decorators.js","./nile-lite-tooltip.css.cjs.js","lit","../internal/nile-element.cjs.js","../internal/accessibility/a11y.state.enum.cjs.js","../internal/accessibility/a11y.property.enum.cjs.js","../internal/accessibility/role.enum.cjs.js","../tippy.esm-78baa8f2.cjs.js","./utils.cjs.js","../utilities/visibility-manager.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileLiteTooltipCjsJs){_export("NileliteTooltip",_nileLiteTooltipCjsJs.N);},function(_tslib){},function(_litDecoratorsJs){},function(_nileLiteTooltipCssCjsJs){},function(_lit){},function(_internalNileElementCjsJs){},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){},function(_tippyEsm009CjsJs){},function(_utilsCjsJs){},function(_utilitiesVisibilityManagerCjsJs){}],execute:function execute(){}};});
 //# sourceMappingURL=index.cjs.js.map