@aquera/nile-elements 1.7.2 → 1.7.4
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.
- package/README.md +4 -0
- package/dist/index-199b0eac.esm.js +1 -0
- package/dist/index-f5e587e2.cjs.js +2 -0
- package/dist/index-f5e587e2.cjs.js.map +1 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.js +1203 -768
- package/dist/nile-breadcrumb-item/nile-breadcrumb-item.cjs.js +1 -1
- package/dist/nile-breadcrumb-item/nile-breadcrumb-item.cjs.js.map +1 -1
- package/dist/nile-breadcrumb-item/nile-breadcrumb-item.esm.js +8 -6
- package/dist/nile-combobox/group-utils.cjs.js +2 -0
- package/dist/nile-combobox/group-utils.cjs.js.map +1 -0
- package/dist/nile-combobox/group-utils.esm.js +1 -0
- package/dist/nile-combobox/index.cjs.js +1 -1
- package/dist/nile-combobox/index.esm.js +1 -1
- package/dist/nile-combobox/nile-combobox.cjs.js +1 -1
- package/dist/nile-combobox/nile-combobox.cjs.js.map +1 -1
- package/dist/nile-combobox/nile-combobox.css.cjs.js +1 -1
- package/dist/nile-combobox/nile-combobox.css.cjs.js.map +1 -1
- package/dist/nile-combobox/nile-combobox.css.esm.js +77 -4
- package/dist/nile-combobox/nile-combobox.esm.js +27 -22
- package/dist/nile-combobox/renderer.cjs.js +1 -1
- package/dist/nile-combobox/renderer.cjs.js.map +1 -1
- package/dist/nile-combobox/renderer.esm.js +84 -42
- package/dist/nile-detail/index.cjs.js +1 -1
- package/dist/nile-detail/index.esm.js +1 -1
- package/dist/nile-detail/nile-detail.cjs.js +1 -1
- package/dist/nile-detail/nile-detail.cjs.js.map +1 -1
- package/dist/nile-detail/nile-detail.css.cjs.js +1 -1
- package/dist/nile-detail/nile-detail.css.cjs.js.map +1 -1
- package/dist/nile-detail/nile-detail.css.esm.js +230 -0
- package/dist/nile-detail/nile-detail.esm.js +89 -7
- package/dist/nile-floating-panel/index.cjs.js +1 -1
- package/dist/nile-floating-panel/nile-floating-panel.cjs.js +1 -1
- package/dist/nile-inline-sidebar-item/nile-inline-sidebar-item.cjs.js +1 -1
- package/dist/nile-inline-sidebar-item/nile-inline-sidebar-item.cjs.js.map +1 -1
- package/dist/nile-inline-sidebar-item/nile-inline-sidebar-item.esm.js +1 -1
- package/dist/nile-inline-sidebar-item-header/nile-inline-sidebar-item-header.css.cjs.js +1 -1
- package/dist/nile-inline-sidebar-item-header/nile-inline-sidebar-item-header.css.cjs.js.map +1 -1
- package/dist/nile-inline-sidebar-item-header/nile-inline-sidebar-item-header.css.esm.js +2 -1
- package/dist/nile-lite-tooltip/index.cjs.js +1 -1
- package/dist/nile-lite-tooltip/nile-lite-tooltip.cjs.js +1 -1
- package/dist/src/nile-breadcrumb-item/nile-breadcrumb-item.js +4 -2
- package/dist/src/nile-breadcrumb-item/nile-breadcrumb-item.js.map +1 -1
- package/dist/src/nile-combobox/group-utils.d.ts +26 -0
- package/dist/src/nile-combobox/group-utils.js +140 -0
- package/dist/src/nile-combobox/group-utils.js.map +1 -0
- package/dist/src/nile-combobox/nile-combobox.css.js +77 -4
- package/dist/src/nile-combobox/nile-combobox.css.js.map +1 -1
- package/dist/src/nile-combobox/nile-combobox.d.ts +33 -0
- package/dist/src/nile-combobox/nile-combobox.js +171 -34
- package/dist/src/nile-combobox/nile-combobox.js.map +1 -1
- package/dist/src/nile-combobox/renderer.d.ts +4 -0
- package/dist/src/nile-combobox/renderer.js +71 -2
- package/dist/src/nile-combobox/renderer.js.map +1 -1
- package/dist/src/nile-combobox/types.d.ts +30 -0
- package/dist/src/nile-combobox/types.js.map +1 -1
- package/dist/src/nile-detail/nile-detail.css.js +230 -0
- package/dist/src/nile-detail/nile-detail.css.js.map +1 -1
- package/dist/src/nile-detail/nile-detail.d.ts +151 -0
- package/dist/src/nile-detail/nile-detail.js +829 -4
- package/dist/src/nile-detail/nile-detail.js.map +1 -1
- package/dist/src/nile-inline-sidebar-item/nile-inline-sidebar-item.js +1 -1
- package/dist/src/nile-inline-sidebar-item/nile-inline-sidebar-item.js.map +1 -1
- package/dist/src/nile-inline-sidebar-item-header/nile-inline-sidebar-item-header.css.js +2 -1
- package/dist/src/nile-inline-sidebar-item-header/nile-inline-sidebar-item-header.css.js.map +1 -1
- package/dist/src/version.js +1 -1
- package/dist/src/version.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/nile-breadcrumb-item/nile-breadcrumb-item.ts +4 -2
- package/src/nile-combobox/group-utils.ts +157 -0
- package/src/nile-combobox/nile-combobox.css.ts +77 -4
- package/src/nile-combobox/nile-combobox.ts +223 -70
- package/src/nile-combobox/renderer.ts +119 -2
- package/src/nile-combobox/types.ts +36 -0
- package/src/nile-detail/nile-detail.css.ts +230 -0
- package/src/nile-detail/nile-detail.ts +876 -4
- package/src/nile-inline-sidebar-item/nile-inline-sidebar-item.ts +1 -1
- package/src/nile-inline-sidebar-item-header/nile-inline-sidebar-item-header.css.ts +2 -1
- package/vscode-html-custom-data.json +126 -2
|
@@ -1,14 +1,93 @@
|
|
|
1
|
-
import{__decorate as t}from"tslib";import{html as e,nothing as i}from"lit";import{query as s,property as a,state as r,customElement as l}from"lit/decorators.js";import{classMap as n}from"lit/directives/class-map.js";import{s as o}from"./nile-detail.css.esm.js";import{N as d}from"../internal/nile-element.esm.js";import{w as m}from"../internal/watch.esm.js";import{h,a as c,b as p,c as u,s as y,d as f}from"./nile-detail.utils.esm.js";import"../internal/accessibility/a11y.state.enum.esm.js";import"../internal/accessibility/a11y.property.enum.esm.js";import"../internal/accessibility/role.enum.esm.js";import"../internal/animate.esm.js";import"../utilities/animation-registry.esm.js";import"../internal/event.esm.js";let _=class extends d{constructor(){super(...arguments),this.open=!1,this.heading="",this.description="",this.expandIconPlacement="right",this.disabled=!1,this._detailOpen=!1}firstUpdated(){this._detailOpen=this.open,this.body.hidden=!this.open,this.body.style.height=this.open?"auto":"0"}_handleSummaryClick(t){t.preventDefault(),h(this)}_handleSummaryKeyDown(t){c(t,this)}async handleOpenChange(){this.open?(this._detailOpen=!0,await p(this)):(await u(this),this._detailOpen=!1)}async show(){return y(this)}async hide(){return f(this)}get _summaryLabel(){return[this.heading,this.description].filter(Boolean).join(", ")}render(){return e`
|
|
1
|
+
import{__decorate as i}from"tslib";import{html as s,nothing as e}from"lit";import{query as n,property as o,state as t,customElement as c}from"lit/decorators.js";import{classMap as r}from"lit/directives/class-map.js";import{unsafeHTML as m}from"lit/directives/unsafe-html.js";import{s as l}from"./nile-detail.css.esm.js";import{N as p}from"../internal/nile-element.esm.js";import{w as a}from"../internal/watch.esm.js";import{h as g,a as v,b as j,c as h,s as d,d as u}from"./nile-detail.utils.esm.js";import"../nile-checkbox/nile-checkbox.esm.js";import"../nile-input/nile-input.esm.js";import"../nile-link/nile-link.esm.js";import"../nile-icon/index.esm.js";import"../nile-lite-tooltip/nile-lite-tooltip.esm.js";import{V as f}from"../index-199b0eac.esm.js";import"../internal/accessibility/a11y.state.enum.esm.js";import"../internal/accessibility/a11y.property.enum.esm.js";import"../internal/accessibility/role.enum.esm.js";import"../internal/animate.esm.js";import"../utilities/animation-registry.esm.js";import"../internal/event.esm.js";import"../nile-checkbox/nile-checkbox.css.esm.js";import"../internal/default-value.esm.js";import"lit/directives/if-defined.js";import"lit/directives/live.js";import"../nile-input/nile-input.css.esm.js";import"../internal/form.esm.js";import"../internal/slot.esm.js";import"../nile-link/nile-link.css.esm.js";import"../slot.esm.js";import"../internal/accessibility/a11y.custom-value.enum.esm.js";import"../internal/accessibility/a11y.role.enum.esm.js";import"lit/directives/unsafe-svg.js";import"../nile-icon/icons/svg/index.esm.js";import"../nile-icon/icons/svg/access-request.esm.js";import"../nile-icon/icons/svg/accessreview.esm.js";import"../nile-icon/icons/svg/action.esm.js";import"../nile-icon/icons/svg/activity-logs.esm.js";import"../nile-icon/icons/svg/address.esm.js";import"../nile-icon/icons/svg/adjustment.esm.js";import"../nile-icon/icons/svg/admin-users.esm.js";import"../nile-icon/icons/svg/agent.esm.js";import"../nile-icon/icons/svg/aggregation.esm.js";import"../nile-icon/icons/svg/alert-circle.esm.js";import"../nile-icon/icons/svg/alert.esm.js";import"../nile-icon/icons/svg/allapplication.esm.js";import"../nile-icon/icons/svg/allsearch.esm.js";import"../nile-icon/icons/svg/analytics.esm.js";import"../nile-icon/icons/svg/api.esm.js";import"../nile-icon/icons/svg/applications-2.esm.js";import"../nile-icon/icons/svg/apply-filter.esm.js";import"../nile-icon/icons/svg/apps.esm.js";import"../nile-icon/icons/svg/aquera.esm.js";import"../nile-icon/icons/svg/aquerasupport.esm.js";import"../nile-icon/icons/svg/area.esm.js";import"../nile-icon/icons/svg/array-loop.esm.js";import"../nile-icon/icons/svg/array-of-boolean.esm.js";import"../nile-icon/icons/svg/array-of-integer.esm.js";import"../nile-icon/icons/svg/array-of-string.esm.js";import"../nile-icon/icons/svg/array.esm.js";import"../nile-icon/icons/svg/arrayofobject.esm.js";import"../nile-icon/icons/svg/arrow-left-small.esm.js";import"../nile-icon/icons/svg/arrow-narrow-left.esm.js";import"../nile-icon/icons/svg/arrow-right-small.esm.js";import"../nile-icon/icons/svg/arrow.esm.js";import"../nile-icon/icons/svg/arrow_left_small.esm.js";import"../nile-icon/icons/svg/arrow_right_small.esm.js";import"../nile-icon/icons/svg/arrowdown.esm.js";import"../nile-icon/icons/svg/arrowdropdown.esm.js";import"../nile-icon/icons/svg/arrowdropup.esm.js";import"../nile-icon/icons/svg/arrowleft.esm.js";import"../nile-icon/icons/svg/arrowright.esm.js";import"../nile-icon/icons/svg/arrowup.esm.js";import"../nile-icon/icons/svg/attribute-map-analysis-icon.esm.js";import"../nile-icon/icons/svg/attribute.esm.js";import"../nile-icon/icons/svg/attributemap.esm.js";import"../nile-icon/icons/svg/automation-details.esm.js";import"../nile-icon/icons/svg/back.esm.js";import"../nile-icon/icons/svg/bar-and-line-chart.esm.js";import"../nile-icon/icons/svg/bar-chart-square-02.esm.js";import"../nile-icon/icons/svg/bar-chart.esm.js";import"../nile-icon/icons/svg/bargraph.esm.js";import"../nile-icon/icons/svg/block.esm.js";import"../nile-icon/icons/svg/bluedot.esm.js";import"../nile-icon/icons/svg/book-closed.esm.js";import"../nile-icon/icons/svg/boolean.esm.js";import"../nile-icon/icons/svg/border_all.esm.js";import"../nile-icon/icons/svg/box.esm.js";import"../nile-icon/icons/svg/bubble-chart.esm.js";import"../nile-icon/icons/svg/bulk-sync.esm.js";import"../nile-icon/icons/svg/button-loading-black.esm.js";import"../nile-icon/icons/svg/button-loading-blue-animated.esm.js";import"../nile-icon/icons/svg/button-loading-blue.esm.js";import"../nile-icon/icons/svg/button-loading-white.esm.js";import"../nile-icon/icons/svg/calendar.esm.js";import"../nile-icon/icons/svg/cases.esm.js";import"../nile-icon/icons/svg/cell-loader.esm.js";import"../nile-icon/icons/svg/certification.esm.js";import"../nile-icon/icons/svg/check-circle.esm.js";import"../nile-icon/icons/svg/check-done-01.esm.js";import"../nile-icon/icons/svg/check-done-02.esm.js";import"../nile-icon/icons/svg/chevron-left-double.esm.js";import"../nile-icon/icons/svg/chevron-up.esm.js";import"../nile-icon/icons/svg/class.esm.js";import"../nile-icon/icons/svg/clock-check.esm.js";import"../nile-icon/icons/svg/clock-rewind.esm.js";import"../nile-icon/icons/svg/clock.esm.js";import"../nile-icon/icons/svg/close.esm.js";import"../nile-icon/icons/svg/cloud-01.esm.js";import"../nile-icon/icons/svg/code-generator.esm.js";import"../nile-icon/icons/svg/collapse-1.esm.js";import"../nile-icon/icons/svg/collapse.esm.js";import"../nile-icon/icons/svg/color.esm.js";import"../nile-icon/icons/svg/column-02.esm.js";import"../nile-icon/icons/svg/column-add.esm.js";import"../nile-icon/icons/svg/columns-03.esm.js";import"../nile-icon/icons/svg/combo1.esm.js";import"../nile-icon/icons/svg/comment.esm.js";import"../nile-icon/icons/svg/compact.esm.js";import"../nile-icon/icons/svg/compare-tiles.esm.js";import"../nile-icon/icons/svg/compare.esm.js";import"../nile-icon/icons/svg/component-menu.esm.js";import"../nile-icon/icons/svg/component.esm.js";import"../nile-icon/icons/svg/components-icon.esm.js";import"../nile-icon/icons/svg/componenttext.esm.js";import"../nile-icon/icons/svg/condition.esm.js";import"../nile-icon/icons/svg/conditions.esm.js";import"../nile-icon/icons/svg/connect.esm.js";import"../nile-icon/icons/svg/connectivitymap.esm.js";import"../nile-icon/icons/svg/connectorrightarrow.esm.js";import"../nile-icon/icons/svg/copy-06.esm.js";import"../nile-icon/icons/svg/copy.esm.js";import"../nile-icon/icons/svg/cor-analysis.esm.js";import"../nile-icon/icons/svg/correlation.esm.js";import"../nile-icon/icons/svg/cost-analytics.esm.js";import"../nile-icon/icons/svg/create.esm.js";import"../nile-icon/icons/svg/createuser.esm.js";import"../nile-icon/icons/svg/dashboard.esm.js";import"../nile-icon/icons/svg/data-insight.esm.js";import"../nile-icon/icons/svg/data-type-array.esm.js";import"../nile-icon/icons/svg/data-type-boolean.esm.js";import"../nile-icon/icons/svg/data-type-json.esm.js";import"../nile-icon/icons/svg/data-type-null.esm.js";import"../nile-icon/icons/svg/data-type-number.esm.js";import"../nile-icon/icons/svg/data-type-string.esm.js";import"../nile-icon/icons/svg/data-type-unknown.esm.js";import"../nile-icon/icons/svg/database.esm.js";import"../nile-icon/icons/svg/databaseview.esm.js";import"../nile-icon/icons/svg/dataflow-03.esm.js";import"../nile-icon/icons/svg/dataflow-04.esm.js";import"../nile-icon/icons/svg/default-cursor.esm.js";import"../nile-icon/icons/svg/default.esm.js";import"../nile-icon/icons/svg/delegate.esm.js";import"../nile-icon/icons/svg/delete.esm.js";import"../nile-icon/icons/svg/delete_history.esm.js";import"../nile-icon/icons/svg/deligateduser.esm.js";import"../nile-icon/icons/svg/directory.esm.js";import"../nile-icon/icons/svg/disabled.esm.js";import"../nile-icon/icons/svg/dock-to-right.esm.js";import"../nile-icon/icons/svg/document-new.esm.js";import"../nile-icon/icons/svg/done-02.esm.js";import"../nile-icon/icons/svg/done.esm.js";import"../nile-icon/icons/svg/dontmap.esm.js";import"../nile-icon/icons/svg/donut.esm.js";import"../nile-icon/icons/svg/dotpoints-02.esm.js";import"../nile-icon/icons/svg/dots-grid.esm.js";import"../nile-icon/icons/svg/doublearrowleft.esm.js";import"../nile-icon/icons/svg/doublearrowright.esm.js";import"../nile-icon/icons/svg/dowhileloop.esm.js";import"../nile-icon/icons/svg/downgrade.esm.js";import"../nile-icon/icons/svg/download.esm.js";import"../nile-icon/icons/svg/drag.esm.js";import"../nile-icon/icons/svg/edit-write.esm.js";import"../nile-icon/icons/svg/else.esm.js";import"../nile-icon/icons/svg/email.esm.js";import"../nile-icon/icons/svg/enable.esm.js";import"../nile-icon/icons/svg/entities.esm.js";import"../nile-icon/icons/svg/entitlement.esm.js";import"../nile-icon/icons/svg/error.esm.js";import"../nile-icon/icons/svg/escalate.esm.js";import"../nile-icon/icons/svg/exactmatch.esm.js";import"../nile-icon/icons/svg/execute.esm.js";import"../nile-icon/icons/svg/expand-03.esm.js";import"../nile-icon/icons/svg/expand-06.esm.js";import"../nile-icon/icons/svg/expand-2.esm.js";import"../nile-icon/icons/svg/expand.esm.js";import"../nile-icon/icons/svg/eye-off.esm.js";import"../nile-icon/icons/svg/eye.esm.js";import"../nile-icon/icons/svg/eyeclosed.esm.js";import"../nile-icon/icons/svg/featured-icon.esm.js";import"../nile-icon/icons/svg/file-06.esm.js";import"../nile-icon/icons/svg/file-check-02.esm.js";import"../nile-icon/icons/svg/file-shield-01.esm.js";import"../nile-icon/icons/svg/file-shield-02.esm.js";import"../nile-icon/icons/svg/file-type-icon.esm.js";import"../nile-icon/icons/svg/file.esm.js";import"../nile-icon/icons/svg/filter-1.esm.js";import"../nile-icon/icons/svg/filter.esm.js";import"../nile-icon/icons/svg/fingerprint-03.esm.js";import"../nile-icon/icons/svg/firewall.esm.js";import"../nile-icon/icons/svg/firewallagent.esm.js";import"../nile-icon/icons/svg/flow.esm.js";import"../nile-icon/icons/svg/flowmap-agent.esm.js";import"../nile-icon/icons/svg/flowmap-application.esm.js";import"../nile-icon/icons/svg/flowmap-colorpalatte.esm.js";import"../nile-icon/icons/svg/flowmap-firewall-agent.esm.js";import"../nile-icon/icons/svg/flowmap-firewall.esm.js";import"../nile-icon/icons/svg/flowmap-gateway.esm.js";import"../nile-icon/icons/svg/flowmap-orchestration.esm.js";import"../nile-icon/icons/svg/flowmap-undo.esm.js";import"../nile-icon/icons/svg/flowmap-workflow.esm.js";import"../nile-icon/icons/svg/flowmap.esm.js";import"../nile-icon/icons/svg/folder.esm.js";import"../nile-icon/icons/svg/folder_delete.esm.js";import"../nile-icon/icons/svg/foreach.esm.js";import"../nile-icon/icons/svg/format_align_justify.esm.js";import"../nile-icon/icons/svg/format_align_left.esm.js";import"../nile-icon/icons/svg/format_align_middle.esm.js";import"../nile-icon/icons/svg/format_align_right.esm.js";import"../nile-icon/icons/svg/format_bold.esm.js";import"../nile-icon/icons/svg/format_clear.esm.js";import"../nile-icon/icons/svg/format_italic.esm.js";import"../nile-icon/icons/svg/format_list_bulleted.esm.js";import"../nile-icon/icons/svg/format_list_numbered.esm.js";import"../nile-icon/icons/svg/format_underline.esm.js";import"../nile-icon/icons/svg/frequency.esm.js";import"../nile-icon/icons/svg/full-union.esm.js";import"../nile-icon/icons/svg/fullscreen.esm.js";import"../nile-icon/icons/svg/fullscreenexit.esm.js";import"../nile-icon/icons/svg/fullscreenshrink.esm.js";import"../nile-icon/icons/svg/function.esm.js";import"../nile-icon/icons/svg/funnel-02.esm.js";import"../nile-icon/icons/svg/funnel.esm.js";import"../nile-icon/icons/svg/gateway.esm.js";import"../nile-icon/icons/svg/gauge.esm.js";import"../nile-icon/icons/svg/general.esm.js";import"../nile-icon/icons/svg/generationphase.esm.js";import"../nile-icon/icons/svg/global-search.esm.js";import"../nile-icon/icons/svg/globe-03.esm.js";import"../nile-icon/icons/svg/globe.esm.js";import"../nile-icon/icons/svg/goal.esm.js";import"../nile-icon/icons/svg/goto.esm.js";import"../nile-icon/icons/svg/graph.esm.js";import"../nile-icon/icons/svg/graphedit.esm.js";import"../nile-icon/icons/svg/greendot.esm.js";import"../nile-icon/icons/svg/greydot.esm.js";import"../nile-icon/icons/svg/greylightdot.esm.js";import"../nile-icon/icons/svg/grid-01.esm.js";import"../nile-icon/icons/svg/group-analysis-icon.esm.js";import"../nile-icon/icons/svg/group.esm.js";import"../nile-icon/icons/svg/groupby.esm.js";import"../nile-icon/icons/svg/groups.esm.js";import"../nile-icon/icons/svg/guide-01.esm.js";import"../nile-icon/icons/svg/guide.esm.js";import"../nile-icon/icons/svg/handtool.esm.js";import"../nile-icon/icons/svg/header-child-workflow.esm.js";import"../nile-icon/icons/svg/header-flows.esm.js";import"../nile-icon/icons/svg/header-tasks.esm.js";import"../nile-icon/icons/svg/headphones-01.esm.js";import"../nile-icon/icons/svg/help.esm.js";import"../nile-icon/icons/svg/helpandsupport.esm.js";import"../nile-icon/icons/svg/helpers.esm.js";import"../nile-icon/icons/svg/helpsupport.esm.js";import"../nile-icon/icons/svg/history.esm.js";import"../nile-icon/icons/svg/horizontal_bar_chart.esm.js";import"../nile-icon/icons/svg/identitygraph.esm.js";import"../nile-icon/icons/svg/identityledger.esm.js";import"../nile-icon/icons/svg/ifelse.esm.js";import"../nile-icon/icons/svg/ifelsenew.esm.js";import"../nile-icon/icons/svg/image.esm.js";import"../nile-icon/icons/svg/image_2.esm.js";import"../nile-icon/icons/svg/immutable.esm.js";import"../nile-icon/icons/svg/info-icon.esm.js";import"../nile-icon/icons/svg/info.esm.js";import"../nile-icon/icons/svg/inner-union.esm.js";import"../nile-icon/icons/svg/inprogress.esm.js";import"../nile-icon/icons/svg/insert-at-cursor.esm.js";import"../nile-icon/icons/svg/integer.esm.js";import"../nile-icon/icons/svg/intersection.esm.js";import"../nile-icon/icons/svg/js.esm.js";import"../nile-icon/icons/svg/key-performance-indicator.esm.js";import"../nile-icon/icons/svg/keyboard-01.esm.js";import"../nile-icon/icons/svg/keyword.esm.js";import"../nile-icon/icons/svg/kill.esm.js";import"../nile-icon/icons/svg/laptop-01.esm.js";import"../nile-icon/icons/svg/layers-three-02.esm.js";import"../nile-icon/icons/svg/layout-alt-02.esm.js";import"../nile-icon/icons/svg/layout-alt-03.esm.js";import"../nile-icon/icons/svg/left-join.esm.js";import"../nile-icon/icons/svg/left-union.esm.js";import"../nile-icon/icons/svg/leftpointarrow.esm.js";import"../nile-icon/icons/svg/life-buoy-01.esm.js";import"../nile-icon/icons/svg/line.esm.js";import"../nile-icon/icons/svg/link.esm.js";import"../nile-icon/icons/svg/link_2.esm.js";import"../nile-icon/icons/svg/list-attribute.esm.js";import"../nile-icon/icons/svg/list.esm.js";import"../nile-icon/icons/svg/loader.esm.js";import"../nile-icon/icons/svg/loading.esm.js";import"../nile-icon/icons/svg/loading2.esm.js";import"../nile-icon/icons/svg/lock.esm.js";import"../nile-icon/icons/svg/log-info.esm.js";import"../nile-icon/icons/svg/log.esm.js";import"../nile-icon/icons/svg/logo-white.esm.js";import"../nile-icon/icons/svg/logout.esm.js";import"../nile-icon/icons/svg/logs.esm.js";import"../nile-icon/icons/svg/loop.esm.js";import"../nile-icon/icons/svg/manage.esm.js";import"../nile-icon/icons/svg/map.esm.js";import"../nile-icon/icons/svg/mapcreate.esm.js";import"../nile-icon/icons/svg/mapdont.esm.js";import"../nile-icon/icons/svg/maponcreate.esm.js";import"../nile-icon/icons/svg/maponupdate.esm.js";import"../nile-icon/icons/svg/mapper.esm.js";import"../nile-icon/icons/svg/mapupdate.esm.js";import"../nile-icon/icons/svg/marker-pin-01.esm.js";import"../nile-icon/icons/svg/marker_pin_02.esm.js";import"../nile-icon/icons/svg/maximize.esm.js";import"../nile-icon/icons/svg/menu.esm.js";import"../nile-icon/icons/svg/menu_close.esm.js";import"../nile-icon/icons/svg/menu_open.esm.js";import"../nile-icon/icons/svg/message-notification-square.esm.js";import"../nile-icon/icons/svg/metric.esm.js";import"../nile-icon/icons/svg/minus.esm.js";import"../nile-icon/icons/svg/monitor-01.esm.js";import"../nile-icon/icons/svg/mouse.esm.js";import"../nile-icon/icons/svg/move-application.esm.js";import"../nile-icon/icons/svg/moveleft.esm.js";import"../nile-icon/icons/svg/moveright.esm.js";import"../nile-icon/icons/svg/mute.esm.js";import"../nile-icon/icons/svg/my-integration.esm.js";import"../nile-icon/icons/svg/new-calendar.esm.js";import"../nile-icon/icons/svg/ng-action.esm.js";import"../nile-icon/icons/svg/ng-activity.esm.js";import"../nile-icon/icons/svg/ng-alert-circle.esm.js";import"../nile-icon/icons/svg/ng-alert-triangle.esm.js";import"../nile-icon/icons/svg/ng-align-center.esm.js";import"../nile-icon/icons/svg/ng-annotation-x.esm.js";import"../nile-icon/icons/svg/ng-arrow-down.esm.js";import"../nile-icon/icons/svg/ng-arrow-narrow-down.esm.js";import"../nile-icon/icons/svg/ng-arrow-narrow-left.esm.js";import"../nile-icon/icons/svg/ng-arrow-narrow-right.esm.js";import"../nile-icon/icons/svg/ng-arrow-up.esm.js";import"../nile-icon/icons/svg/ng-bar-chart-12.esm.js";import"../nile-icon/icons/svg/ng-bar-chart-square-02.esm.js";import"../nile-icon/icons/svg/ng-battery-charging.esm.js";import"../nile-icon/icons/svg/ng-bell-01.esm.js";import"../nile-icon/icons/svg/ng-bell-ringing-04.esm.js";import"../nile-icon/icons/svg/ng-bold-01.esm.js";import"../nile-icon/icons/svg/ng-boolean.esm.js";import"../nile-icon/icons/svg/ng-briefcase-01.esm.js";import"../nile-icon/icons/svg/ng-building-01.esm.js";import"../nile-icon/icons/svg/ng-building-05.esm.js";import"../nile-icon/icons/svg/ng-building-07.esm.js";import"../nile-icon/icons/svg/ng-button-loading-blue-animated.esm.js";import"../nile-icon/icons/svg/ng-button-loading-blue.esm.js";import"../nile-icon/icons/svg/ng-calendar-plus-02.esm.js";import"../nile-icon/icons/svg/ng-calendar.esm.js";import"../nile-icon/icons/svg/ng-check-circle-broken.esm.js";import"../nile-icon/icons/svg/ng-check-circle.esm.js";import"../nile-icon/icons/svg/ng-check-done-01.esm.js";import"../nile-icon/icons/svg/ng-check-square-broken.esm.js";import"../nile-icon/icons/svg/ng-check.esm.js";import"../nile-icon/icons/svg/ng-chevron-down.esm.js";import"../nile-icon/icons/svg/ng-chevron-left-double.esm.js";import"../nile-icon/icons/svg/ng-chevron-left.esm.js";import"../nile-icon/icons/svg/ng-chevron-right-double.esm.js";import"../nile-icon/icons/svg/ng-chevron-right.esm.js";import"../nile-icon/icons/svg/ng-chevron-selector-vertical.esm.js";import"../nile-icon/icons/svg/ng-chevron-up-double.esm.js";import"../nile-icon/icons/svg/ng-chevron-up.esm.js";import"../nile-icon/icons/svg/ng-clock-refresh.esm.js";import"../nile-icon/icons/svg/ng-columns-02.esm.js";import"../nile-icon/icons/svg/ng-copy-03.esm.js";import"../nile-icon/icons/svg/ng-dataflow-02.esm.js";import"../nile-icon/icons/svg/ng-dataflow-04.esm.js";import"../nile-icon/icons/svg/ng-dots-grid.esm.js";import"../nile-icon/icons/svg/ng-dots-vertical.esm.js";import"../nile-icon/icons/svg/ng-download-01.esm.js";import"../nile-icon/icons/svg/ng-dropdown.esm.js";import"../nile-icon/icons/svg/ng-edit-02.esm.js";import"../nile-icon/icons/svg/ng-edit-05.esm.js";import"../nile-icon/icons/svg/ng-expand-06.esm.js";import"../nile-icon/icons/svg/ng-eye-off.esm.js";import"../nile-icon/icons/svg/ng-eye.esm.js";import"../nile-icon/icons/svg/ng-file-02.esm.js";import"../nile-icon/icons/svg/ng-file-06.esm.js";import"../nile-icon/icons/svg/ng-file-check-02.esm.js";import"../nile-icon/icons/svg/ng-file-question-03.esm.js";import"../nile-icon/icons/svg/ng-filter-lines.esm.js";import"../nile-icon/icons/svg/ng-folder-code.esm.js";import"../nile-icon/icons/svg/ng-grid-01.esm.js";import"../nile-icon/icons/svg/ng-hash.esm.js";import"../nile-icon/icons/svg/ng-help-circle.esm.js";import"../nile-icon/icons/svg/ng-home-line.esm.js";import"../nile-icon/icons/svg/ng-image-03.esm.js";import"../nile-icon/icons/svg/ng-image-user-left.esm.js";import"../nile-icon/icons/svg/ng-info-circle.esm.js";import"../nile-icon/icons/svg/ng-italic-01.esm.js";import"../nile-icon/icons/svg/ng-key-01.esm.js";import"../nile-icon/icons/svg/ng-layers-three-01.esm.js";import"../nile-icon/icons/svg/ng-layers-three-02.esm.js";import"../nile-icon/icons/svg/ng-lightbulb-05.esm.js";import"../nile-icon/icons/svg/ng-list.esm.js";import"../nile-icon/icons/svg/ng-lock-03.esm.js";import"../nile-icon/icons/svg/ng-log-out-01.esm.js";import"../nile-icon/icons/svg/ng-mail-01.esm.js";import"../nile-icon/icons/svg/ng-mail-04.esm.js";import"../nile-icon/icons/svg/ng-marker-pin-01.esm.js";import"../nile-icon/icons/svg/ng-menu-05.esm.js";import"../nile-icon/icons/svg/ng-message-text-square-01.esm.js";import"../nile-icon/icons/svg/ng-minimize-02.esm.js";import"../nile-icon/icons/svg/ng-minus.esm.js";import"../nile-icon/icons/svg/ng-monitor.esm.js";import"../nile-icon/icons/svg/ng-number.esm.js";import"../nile-icon/icons/svg/ng-pie-chart-03.esm.js";import"../nile-icon/icons/svg/ng-plus.esm.js";import"../nile-icon/icons/svg/ng-power-01.esm.js";import"../nile-icon/icons/svg/ng-refresh-cw-01.esm.js";import"../nile-icon/icons/svg/ng-refresh-cw-02.esm.js";import"../nile-icon/icons/svg/ng-rocket-02.esm.js";import"../nile-icon/icons/svg/ng-rows-01.esm.js";import"../nile-icon/icons/svg/ng-search-lg.esm.js";import"../nile-icon/icons/svg/ng-send-01.esm.js";import"../nile-icon/icons/svg/ng-server.esm.js";import"../nile-icon/icons/svg/ng-settings-01.esm.js";import"../nile-icon/icons/svg/ng-share-04.esm.js";import"../nile-icon/icons/svg/ng-share-06.esm.js";import"../nile-icon/icons/svg/ng-shield-tick.esm.js";import"../nile-icon/icons/svg/ng-shopping-bag-01.esm.js";import"../nile-icon/icons/svg/ng-stars-02.esm.js";import"../nile-icon/icons/svg/ng-string.esm.js";import"../nile-icon/icons/svg/ng-switch-horizontal-01.esm.js";import"../nile-icon/icons/svg/ng-tag.esm.js";import"../nile-icon/icons/svg/ng-trash-01.esm.js";import"../nile-icon/icons/svg/ng-trash-03.esm.js";import"../nile-icon/icons/svg/ng-trend-up-01.esm.js";import"../nile-icon/icons/svg/ng-underline-01.esm.js";import"../nile-icon/icons/svg/ng-upload-01.esm.js";import"../nile-icon/icons/svg/ng-upload-cloud-02.esm.js";import"../nile-icon/icons/svg/ng-user-01.esm.js";import"../nile-icon/icons/svg/ng-user-check-02-1.esm.js";import"../nile-icon/icons/svg/ng-user-check-02.esm.js";import"../nile-icon/icons/svg/ng-user-plus-02.esm.js";import"../nile-icon/icons/svg/ng-user-right-01.esm.js";import"../nile-icon/icons/svg/ng-users-01.esm.js";import"../nile-icon/icons/svg/ng-wifi.esm.js";import"../nile-icon/icons/svg/ng-x-circle.esm.js";import"../nile-icon/icons/svg/ng-x-close.esm.js";import"../nile-icon/icons/svg/ng-x-square.esm.js";import"../nile-icon/icons/svg/ng-zap.esm.js";import"../nile-icon/icons/svg/nightingale-chart.esm.js";import"../nile-icon/icons/svg/nlp.esm.js";import"../nile-icon/icons/svg/nomatch.esm.js";import"../nile-icon/icons/svg/note.esm.js";import"../nile-icon/icons/svg/notification.esm.js";import"../nile-icon/icons/svg/notificationadd.esm.js";import"../nile-icon/icons/svg/notificationadded.esm.js";import"../nile-icon/icons/svg/null.esm.js";import"../nile-icon/icons/svg/number.esm.js";import"../nile-icon/icons/svg/numberinput.esm.js";import"../nile-icon/icons/svg/numbers.esm.js";import"../nile-icon/icons/svg/object.esm.js";import"../nile-icon/icons/svg/operators.esm.js";import"../nile-icon/icons/svg/options.esm.js";import"../nile-icon/icons/svg/orchestration-solid.esm.js";import"../nile-icon/icons/svg/orchestration.esm.js";import"../nile-icon/icons/svg/organization.esm.js";import"../nile-icon/icons/svg/other.esm.js";import"../nile-icon/icons/svg/otherdetails.esm.js";import"../nile-icon/icons/svg/override.esm.js";import"../nile-icon/icons/svg/palletemenu.esm.js";import"../nile-icon/icons/svg/paperclip.esm.js";import"../nile-icon/icons/svg/partner.esm.js";import"../nile-icon/icons/svg/partners.esm.js";import"../nile-icon/icons/svg/pause.esm.js";import"../nile-icon/icons/svg/pencil.esm.js";import"../nile-icon/icons/svg/peopletask.esm.js";import"../nile-icon/icons/svg/persistent-variable.esm.js";import"../nile-icon/icons/svg/persistentdata.esm.js";import"../nile-icon/icons/svg/phone.esm.js";import"../nile-icon/icons/svg/pie.esm.js";import"../nile-icon/icons/svg/pin.esm.js";import"../nile-icon/icons/svg/play.esm.js";import"../nile-icon/icons/svg/play_pause.esm.js";import"../nile-icon/icons/svg/plus.esm.js";import"../nile-icon/icons/svg/pluscircle.esm.js";import"../nile-icon/icons/svg/plussquare.esm.js";import"../nile-icon/icons/svg/policy.esm.js";import"../nile-icon/icons/svg/potentialmatch.esm.js";import"../nile-icon/icons/svg/poweron.esm.js";import"../nile-icon/icons/svg/predefined.esm.js";import"../nile-icon/icons/svg/preview.esm.js";import"../nile-icon/icons/svg/printer.esm.js";import"../nile-icon/icons/svg/priority-high.esm.js";import"../nile-icon/icons/svg/priority-highest.esm.js";import"../nile-icon/icons/svg/priority-low.esm.js";import"../nile-icon/icons/svg/priority-medium.esm.js";import"../nile-icon/icons/svg/privilage.esm.js";import"../nile-icon/icons/svg/privilege.esm.js";import"../nile-icon/icons/svg/privilegeobject.esm.js";import"../nile-icon/icons/svg/process.esm.js";import"../nile-icon/icons/svg/professionaldetails.esm.js";import"../nile-icon/icons/svg/question.esm.js";import"../nile-icon/icons/svg/radar.esm.js";import"../nile-icon/icons/svg/radio.esm.js";import"../nile-icon/icons/svg/radioactive.esm.js";import"../nile-icon/icons/svg/radiodone.esm.js";import"../nile-icon/icons/svg/read.esm.js";import"../nile-icon/icons/svg/readexpression.esm.js";import"../nile-icon/icons/svg/readonly.esm.js";import"../nile-icon/icons/svg/readonlyuser.esm.js";import"../nile-icon/icons/svg/readuser.esm.js";import"../nile-icon/icons/svg/reddot.esm.js";import"../nile-icon/icons/svg/redo-02.esm.js";import"../nile-icon/icons/svg/redo.esm.js";import"../nile-icon/icons/svg/refresh.esm.js";import"../nile-icon/icons/svg/reminder.esm.js";import"../nile-icon/icons/svg/resize.esm.js";import"../nile-icon/icons/svg/resource.esm.js";import"../nile-icon/icons/svg/resource_analysis.esm.js";import"../nile-icon/icons/svg/resource_graph.esm.js";import"../nile-icon/icons/svg/restart_alt.esm.js";import"../nile-icon/icons/svg/revocation-cycle.esm.js";import"../nile-icon/icons/svg/right-join.esm.js";import"../nile-icon/icons/svg/right-union.esm.js";import"../nile-icon/icons/svg/rocket-02.esm.js";import"../nile-icon/icons/svg/role.esm.js";import"../nile-icon/icons/svg/run.esm.js";import"../nile-icon/icons/svg/sankey.esm.js";import"../nile-icon/icons/svg/save.esm.js";import"../nile-icon/icons/svg/savings.esm.js";import"../nile-icon/icons/svg/scatter-plot.esm.js";import"../nile-icon/icons/svg/schedule.esm.js";import"../nile-icon/icons/svg/schema.esm.js";import"../nile-icon/icons/svg/script.esm.js";import"../nile-icon/icons/svg/search-steps-icon.esm.js";import"../nile-icon/icons/svg/search.esm.js";import"../nile-icon/icons/svg/section.esm.js";import"../nile-icon/icons/svg/select-02.esm.js";import"../nile-icon/icons/svg/select.esm.js";import"../nile-icon/icons/svg/selectapplication.esm.js";import"../nile-icon/icons/svg/selectattributes.esm.js";import"../nile-icon/icons/svg/semi-circle-donut-chart.esm.js";import"../nile-icon/icons/svg/send.esm.js";import"../nile-icon/icons/svg/sendemail.esm.js";import"../nile-icon/icons/svg/sendescalation.esm.js";import"../nile-icon/icons/svg/sendreminder.esm.js";import"../nile-icon/icons/svg/server-03.esm.js";import"../nile-icon/icons/svg/settings-02.esm.js";import"../nile-icon/icons/svg/settings.esm.js";import"../nile-icon/icons/svg/share.esm.js";import"../nile-icon/icons/svg/shield-01.esm.js";import"../nile-icon/icons/svg/smartcode.esm.js";import"../nile-icon/icons/svg/sort.esm.js";import"../nile-icon/icons/svg/sort_ascending.esm.js";import"../nile-icon/icons/svg/sort_descending.esm.js";import"../nile-icon/icons/svg/sortascending.esm.js";import"../nile-icon/icons/svg/sortdescending.esm.js";import"../nile-icon/icons/svg/sortdown.esm.js";import"../nile-icon/icons/svg/sortup.esm.js";import"../nile-icon/icons/svg/stacked-bar-chart.esm.js";import"../nile-icon/icons/svg/step_into.esm.js";import"../nile-icon/icons/svg/step_out.esm.js";import"../nile-icon/icons/svg/step_over.esm.js";import"../nile-icon/icons/svg/stop.esm.js";import"../nile-icon/icons/svg/storybook.esm.js";import"../nile-icon/icons/svg/string.esm.js";import"../nile-icon/icons/svg/stringinput.esm.js";import"../nile-icon/icons/svg/stringletters.esm.js";import"../nile-icon/icons/svg/support.esm.js";import"../nile-icon/icons/svg/swap.esm.js";import"../nile-icon/icons/svg/switch.esm.js";import"../nile-icon/icons/svg/sync.esm.js";import"../nile-icon/icons/svg/table.esm.js";import"../nile-icon/icons/svg/tag.esm.js";import"../nile-icon/icons/svg/tag_cloud.esm.js";import"../nile-icon/icons/svg/test.esm.js";import"../nile-icon/icons/svg/text-02.esm.js";import"../nile-icon/icons/svg/text.esm.js";import"../nile-icon/icons/svg/textarea-expander.esm.js";import"../nile-icon/icons/svg/thumbsdown.esm.js";import"../nile-icon/icons/svg/thumbsup.esm.js";import"../nile-icon/icons/svg/thumsup.esm.js";import"../nile-icon/icons/svg/tick.esm.js";import"../nile-icon/icons/svg/timeupdate.esm.js";import"../nile-icon/icons/svg/timezone.esm.js";import"../nile-icon/icons/svg/transaction_monitor.esm.js";import"../nile-icon/icons/svg/travel_map.esm.js";import"../nile-icon/icons/svg/trend-up-02.esm.js";import"../nile-icon/icons/svg/trigger.esm.js";import"../nile-icon/icons/svg/undo-02.esm.js";import"../nile-icon/icons/svg/undo.esm.js";import"../nile-icon/icons/svg/union.esm.js";import"../nile-icon/icons/svg/unlink.esm.js";import"../nile-icon/icons/svg/unmute.esm.js";import"../nile-icon/icons/svg/update.esm.js";import"../nile-icon/icons/svg/updown.esm.js";import"../nile-icon/icons/svg/upgrade.esm.js";import"../nile-icon/icons/svg/upload.esm.js";import"../nile-icon/icons/svg/user-group.esm.js";import"../nile-icon/icons/svg/user.esm.js";import"../nile-icon/icons/svg/useractive.esm.js";import"../nile-icon/icons/svg/useradd.esm.js";import"../nile-icon/icons/svg/useraddgroup.esm.js";import"../nile-icon/icons/svg/userfind.esm.js";import"../nile-icon/icons/svg/userimport.esm.js";import"../nile-icon/icons/svg/userimportgroup.esm.js";import"../nile-icon/icons/svg/usermixed.esm.js";import"../nile-icon/icons/svg/userremove.esm.js";import"../nile-icon/icons/svg/userremovegroup.esm.js";import"../nile-icon/icons/svg/users-plus.esm.js";import"../nile-icon/icons/svg/users-up.esm.js";import"../nile-icon/icons/svg/users.esm.js";import"../nile-icon/icons/svg/userupdate.esm.js";import"../nile-icon/icons/svg/validationexpression.esm.js";import"../nile-icon/icons/svg/variable-global.esm.js";import"../nile-icon/icons/svg/variable-local.esm.js";import"../nile-icon/icons/svg/variable-new.esm.js";import"../nile-icon/icons/svg/variable.esm.js";import"../nile-icon/icons/svg/video.esm.js";import"../nile-icon/icons/svg/view.esm.js";import"../nile-icon/icons/svg/virtualserver.esm.js";import"../nile-icon/icons/svg/virtualservergroup.esm.js";import"../nile-icon/icons/svg/visibility.esm.js";import"../nile-icon/icons/svg/visibilityoff.esm.js";import"../nile-icon/icons/svg/visual_builder.esm.js";import"../nile-icon/icons/svg/wait.esm.js";import"../nile-icon/icons/svg/warning-01.esm.js";import"../nile-icon/icons/svg/warning.esm.js";import"../nile-icon/icons/svg/whileloop.esm.js";import"../nile-icon/icons/svg/workflow-application.esm.js";import"../nile-icon/icons/svg/workflow-text.esm.js";import"../nile-icon/icons/svg/workflow.esm.js";import"../nile-icon/icons/svg/writeexpression.esm.js";import"../nile-icon/aliasmap.esm.js";import"../nile-lite-tooltip/nile-lite-tooltip.css.esm.js";import"../tippy.esm-57628c2b.esm.js";import"../nile-lite-tooltip/utils.esm.js";import"../utilities/visibility-manager.esm.js";const b="undefined"!=typeof window;let _=class extends p{constructor(){super(...arguments),this.open=!1,this.heading="",this.description="",this.expandIconPlacement="right",this.disabled=!1,this.variant="default",this.items=[],this.selected=[],this.allowHtmlLabel=!1,this.disableLocalSearch=!1,this.pageSize=200,this.placeholderLabel="Loading…",this.searchPlaceholder="Search...",this.itemsLabel="attributes",this.restoreLabel="Restore",this.clearLabel="Clear",this.gridRows=6,this.gridColumns=3,this.minColumnWidth="220px",this.laneHeight=32,this.orientation="horizontal",this.maxHeight="320px",this.matrixColumns=20,this.virtualize=!1,this.virtualizeThreshold=60,this.overscan=4,this._detailOpen=!1,this._searchTerm="",this._selectedSet=new Set,this._restoreDefaults=null,this._gridResizeObserver=null,this._virtCtrl=null,this._rowVirtCtrl=null,this._colVirtCtrl=null,this._pageCache=new Map,this._pendingPages=new Set}get _isInfiniteMode(){return"selection"===this.variant&&"function"==typeof this.fetchPage&&"number"==typeof this.totalCount&&"both"!==this.orientation}_effectiveTotalCount(){return this._isInfiniteMode?this.totalCount??0:this._filteredItems.length}_getItemAt(i){if(!this._isInfiniteMode)return this._filteredItems[i];const s=Math.max(1,this.pageSize),e=Math.floor(i/s),n=this._pageCache.get(e);return n?n[i-e*s]:void 0}_scheduleFetchForRange(i,s){if(!this._isInfiniteMode||!this.fetchPage)return;const e=Math.max(1,this.pageSize),n=this.totalCount??0;if(n<=0)return;const o=Math.floor(i/e),t=Math.floor(Math.min(s,n-1)/e);for(let i=o;i<=t;i++)this._pageCache.has(i)||this._pendingPages.has(i)||this._loadPage(i)}async _loadPage(i){if(!this.fetchPage)return;const s=Math.max(1,this.pageSize),e=i*s,n=this.totalCount??0,o=Math.min(s,Math.max(0,n-e));if(!(o<=0)){this._pendingPages.add(i);try{const s=await this.fetchPage(e,o);this._pageCache.set(i,Array.isArray(s)?s:[]),this.dispatchEvent(new CustomEvent("nile-page-load",{detail:{pageIndex:i,offset:e,limit:o,rows:this._pageCache.get(i)},bubbles:!0,composed:!0}))}catch(s){this.dispatchEvent(new CustomEvent("nile-page-error",{detail:{pageIndex:i,offset:e,limit:o,error:s},bubbles:!0,composed:!0}))}finally{this._pendingPages.delete(i),this.requestUpdate()}}}resetPages(){this._pageCache=new Map,this._pendingPages=new Set,this.requestUpdate()}get _isVirtualized(){return!!b&&(!!this._isInfiniteMode||"selection"===this.variant&&(this.virtualize||this.items.length>this.virtualizeThreshold))}get _columnWidthPx(){const i=parseInt(this.minColumnWidth,10);return Number.isFinite(i)&&i>0?i:220}firstUpdated(){this._detailOpen=this.open,this.body.hidden=!this.open,this.body.style.height=this.open?"auto":"0",this._syncSelectedFromProperty(),null===this._restoreDefaults&&(this._restoreDefaults=[...this._selectedSet]),this._setupGridResizeObserver()}disconnectedCallback(){super.disconnectedCallback(),this._gridResizeObserver?.disconnect(),this._gridResizeObserver=null}updated(i){"selection"===this.variant&&(this._setupGridResizeObserver(),this._syncVirtualizer(),this._scheduleTooltipOverflowCheck())}_syncVirtualizer(){if(!b)return;if(!this._isVirtualized)return this._virtCtrl=null,this._rowVirtCtrl=null,void(this._colVirtCtrl=null);const i=this.shadowRoot?.querySelector(".detail__selection-grid");if(!i)return;if("both"===this.orientation)return this._virtCtrl=null,void this._syncBothVirtualizers();this._rowVirtCtrl=null,this._colVirtCtrl=null;const s=this._effectiveTotalCount(),e="vertical"===this.orientation,n=Math.max(1,e?this.gridColumns:this.gridRows),o=e?this.laneHeight:this._columnWidthPx;if(!this._virtCtrl)return void(this._virtCtrl=new f(this,{count:s,getScrollElement:()=>this.shadowRoot?.querySelector(".detail__selection-grid"),estimateSize:()=>o,horizontal:!e,lanes:n,overscan:this.overscan}));const t=this._virtCtrl.getVirtualizer(),c=t.options,r=!!c.horizontal!=!e;(c.count!==s||c.lanes!==n||c.overscan!==this.overscan||r)&&(t.setOptions({...c,count:s,lanes:n,overscan:this.overscan,horizontal:!e,estimateSize:()=>o}),t.measure())}_syncBothVirtualizers(){const i=this._filteredItems.length,s=Math.max(1,this.matrixColumns),e=Math.max(1,Math.ceil(i/s)),n=this._columnWidthPx,o=this.laneHeight,t=()=>this.shadowRoot?.querySelector(".detail__selection-grid");if(this._rowVirtCtrl){const i=this._rowVirtCtrl.getVirtualizer(),s=i.options;s.count===e&&s.overscan===this.overscan||(i.setOptions({...s,count:e,overscan:this.overscan,estimateSize:()=>o}),i.measure())}else this._rowVirtCtrl=new f(this,{count:e,getScrollElement:t,estimateSize:()=>o,horizontal:!1,overscan:this.overscan});if(this._colVirtCtrl){const i=this._colVirtCtrl.getVirtualizer(),e=i.options;e.count===s&&e.overscan===this.overscan||(i.setOptions({...e,count:s,overscan:this.overscan,estimateSize:()=>n}),i.measure())}else this._colVirtCtrl=new f(this,{count:s,getScrollElement:t,estimateSize:()=>n,horizontal:!0,overscan:this.overscan})}_setupGridResizeObserver(){if("selection"!==this.variant)return;if("undefined"==typeof ResizeObserver)return;const i=this.shadowRoot?.querySelector(".detail__selection-grid");i&&(this._gridResizeObserver||(this._gridResizeObserver=new ResizeObserver((()=>this._scheduleTooltipOverflowCheck())),this._gridResizeObserver.observe(i)))}_scheduleTooltipOverflowCheck(){"undefined"!=typeof requestAnimationFrame&&requestAnimationFrame((()=>this._updateTooltipOverflowStates()))}async _updateTooltipOverflowStates(){const i=this.shadowRoot?.querySelectorAll(".detail__selection-tooltip");if(i)for(const s of i){const i=s.querySelector("nile-checkbox");if(!i)continue;i.updateComplete&&await i.updateComplete;const e=i.shadowRoot?.querySelector('[part="label"]');!!e&&e.scrollWidth>e.clientWidth+1?s.removeAttribute("disabled"):s.setAttribute("disabled","")}}_onSelectedPropertyChange(){this._syncSelectedFromProperty()}_onConfigChange(){this._applyConfig()}_applyConfig(){const i=this.config;if(i){if(void 0!==i.variant&&(this.variant=i.variant),void 0!==i.heading&&(this.heading=i.heading),void 0!==i.description&&(this.description=i.description),void 0!==i.itemsLabel&&(this.itemsLabel=i.itemsLabel),void 0!==i.open&&(this.open=i.open),void 0!==i.disabled&&(this.disabled=i.disabled),void 0!==i.items&&(this.items=i.items),void 0!==i.selected&&(this.selected=i.selected),void 0!==i.renderItemConfig&&(this.renderItemConfig=i.renderItemConfig),void 0!==i.allowHtmlLabel&&(this.allowHtmlLabel=i.allowHtmlLabel),i.layout){const s=i.layout;void 0!==s.orientation&&(this.orientation=s.orientation),void 0!==s.gridRows&&(this.gridRows=s.gridRows),void 0!==s.gridColumns&&(this.gridColumns=s.gridColumns),void 0!==s.matrixColumns&&(this.matrixColumns=s.matrixColumns),void 0!==s.minColumnWidth&&(this.minColumnWidth=s.minColumnWidth),void 0!==s.laneHeight&&(this.laneHeight=s.laneHeight),void 0!==s.maxHeight&&(this.maxHeight=s.maxHeight),void 0!==s.expandIconPlacement&&(this.expandIconPlacement=s.expandIconPlacement)}i.search&&(void 0!==i.search.placeholder&&(this.searchPlaceholder=i.search.placeholder),void 0!==i.search.disableLocal&&(this.disableLocalSearch=i.search.disableLocal)),i.virtualization&&(void 0!==i.virtualization.enabled&&(this.virtualize=i.virtualization.enabled),void 0!==i.virtualization.threshold&&(this.virtualizeThreshold=i.virtualization.threshold),void 0!==i.virtualization.overscan&&(this.overscan=i.virtualization.overscan)),i.pagination&&(void 0!==i.pagination.totalCount&&(this.totalCount=i.pagination.totalCount),void 0!==i.pagination.pageSize&&(this.pageSize=i.pagination.pageSize),void 0!==i.pagination.fetchPage&&(this.fetchPage=i.pagination.fetchPage),void 0!==i.pagination.placeholderLabel&&(this.placeholderLabel=i.pagination.placeholderLabel)),i.labels&&(void 0!==i.labels.restore&&(this.restoreLabel=i.labels.restore),void 0!==i.labels.clear&&(this.clearLabel=i.labels.clear))}}_syncSelectedFromProperty(){this._selectedSet=new Set(this.selected||[])}_getItemValue(i){const s=this.renderItemConfig;return s?.getValue?String(s.getValue(i)):"string"==typeof i?i:String(i.value??"")}_getItemLabel(i){const s=this.renderItemConfig;return s?.getDisplayText?s.getDisplayText(i):"string"==typeof i?i:i.label??this._getItemValue(i)}_getItemSearchText(i){const s=this.renderItemConfig;return s?.getSearchText?s.getSearchText(i):this._getItemLabel(i)}_getItemDescription(i){const s=this.renderItemConfig;return s?.getDescription?s.getDescription(i)??"":"string"==typeof i?"":i.description??""}_getItemPrefix(i){const s=this.renderItemConfig;return s?.getPrefix?s.getPrefix(i)??"":"string"==typeof i?"":i.prefix??""}_getItemSuffix(i){const s=this.renderItemConfig;return s?.getSuffix?s.getSuffix(i)??"":"string"==typeof i?"":i.suffix??""}_getItemDisabled(i){const s=this.renderItemConfig;return s?.getDisabled?!!s.getDisabled(i):"string"!=typeof i&&!!i.disabled}_getItemClassName(i){const s=this.renderItemConfig;return s?.getClassName?s.getClassName(i)??"":"string"==typeof i?"":i.className??""}get _filteredItems(){if(this.disableLocalSearch)return this.items;const i=this._searchTerm.trim().toLowerCase();return i?this.items.filter((s=>this._getItemSearchText(s).toLowerCase().includes(i))):this.items}_selectableValues(){return(this._isInfiniteMode?Array.from(this._pageCache.values()).flat():this.items).filter((i=>!this._getItemDisabled(i))).map((i=>this._getItemValue(i)))}get _allChecked(){const i=this._selectableValues();return 0!==i.length&&i.every((i=>this._selectedSet.has(i)))}get _indeterminate(){const i=this._selectableValues(),s=i.filter((i=>this._selectedSet.has(i))).length;return s>0&&s<i.length}get _countLabel(){const i=this._isInfiniteMode?this.totalCount??0:this.items.length;return`${this._selectedSet.size} of ${i} ${this.itemsLabel} selected`}_emitSelectionChange(){this.selected=[...this._selectedSet],this.dispatchEvent(new CustomEvent("nile-change",{detail:{selected:[...this._selectedSet]},bubbles:!0,composed:!0}))}_onItemChange(i,s,e){if(s)return void e.preventDefault();const n=e.target,o=new Set(this._selectedSet);n.checked?o.add(i):o.delete(i),this._selectedSet=o,this._emitSelectionChange()}_onSelectAllChange(i){const s=i.target,e=this._selectableValues(),n=new Set(this._selectedSet);s.checked?e.forEach((i=>n.add(i))):e.forEach((i=>n.delete(i))),this._selectedSet=n,this._emitSelectionChange()}_emitSearch(i){this.dispatchEvent(new CustomEvent("nile-search",{detail:{value:i},bubbles:!0,composed:!0}))}_onSearchInput(i){const s=i.target.value??"";this._searchTerm=s,this.disableLocalSearch&&this._emitSearch(s)}_onSearchClear(){this._searchTerm="",this.disableLocalSearch&&this._emitSearch("")}_onRestore(i){i.preventDefault();const s=this._restoreDefaults??this._selectableValues();this._selectedSet=new Set(s),this._emitSelectionChange()}_onClear(i){i.preventDefault(),this._selectedSet=new Set,this._emitSelectionChange()}_stopHeaderToggle(i){i.stopPropagation()}_handleSummaryClick(i){i.preventDefault(),g(this)}_handleSummaryKeyDown(i){v(i,this)}async handleOpenChange(){this.open?(this._detailOpen=!0,await j(this)):(await h(this),this._detailOpen=!1)}async show(){return d(this)}async hide(){return u(this)}get _summaryLabel(){return[this.heading,this.description].filter(Boolean).join(", ")}_renderSelectionLabel(){return s`
|
|
2
|
+
<div part="selection-label" class="detail__selection-label">
|
|
3
|
+
<nile-checkbox
|
|
4
|
+
part="select-all"
|
|
5
|
+
class="detail__select-all"
|
|
6
|
+
?checked=${this._allChecked}
|
|
7
|
+
?indeterminate=${this._indeterminate}
|
|
8
|
+
aria-label=${`Select all ${this.heading||this.itemsLabel}`}
|
|
9
|
+
@click=${this._stopHeaderToggle}
|
|
10
|
+
@nile-change=${this._onSelectAllChange}
|
|
11
|
+
></nile-checkbox>
|
|
12
|
+
<div class="detail__selection-title">
|
|
13
|
+
<span part="label-text" class="detail__heading-text">${this.heading}</span>
|
|
14
|
+
<span part="selection-count" class="detail__selection-count">${this._countLabel}</span>
|
|
15
|
+
</div>
|
|
16
|
+
</div>
|
|
17
|
+
`}_renderSelectionBody(){const i=this._isVirtualized,e="vertical"===this.orientation,n="both"===this.orientation,o=this.laneHeight,t=this._columnWidthPx;let c="";if(i)if(n)c=`max-height: ${this.maxHeight}; height: ${this.maxHeight};`;else if(e)c=`max-height: ${this.maxHeight}; height: ${this.maxHeight};`;else{c=`height: ${Math.max(1,this.gridRows)*o}px;`}else if(e){c=`grid-template-columns: repeat(${Math.max(1,this.gridColumns)}, minmax(0, 1fr)); grid-auto-flow: row; max-height: ${this.maxHeight}; overflow-y: auto; overflow-x: hidden;`}else{c=`grid-template-rows: repeat(${Math.max(1,this.gridRows)}, auto); grid-auto-columns: minmax(${this.minColumnWidth}, 1fr);`}return s`
|
|
18
|
+
<div part="selection-toolbar" class="detail__selection-toolbar">
|
|
19
|
+
<nile-input
|
|
20
|
+
part="search"
|
|
21
|
+
class="detail__selection-search"
|
|
22
|
+
placeholder=${this.searchPlaceholder}
|
|
23
|
+
clearable
|
|
24
|
+
.value=${this._searchTerm}
|
|
25
|
+
@nile-input=${this._onSearchInput}
|
|
26
|
+
@nile-clear=${this._onSearchClear}
|
|
27
|
+
>
|
|
28
|
+
<nile-icon slot="prefix" name="search" library="system"></nile-icon>
|
|
29
|
+
</nile-input>
|
|
30
|
+
<div part="selection-actions" class="detail__selection-actions">
|
|
31
|
+
<nile-link href="#" variant="subtle" @click=${this._onRestore}>${this.restoreLabel}</nile-link>
|
|
32
|
+
<nile-link href="#" variant="subtle" @click=${this._onClear}>${this.clearLabel}</nile-link>
|
|
33
|
+
</div>
|
|
34
|
+
</div>
|
|
35
|
+
<div
|
|
36
|
+
part="selection-grid"
|
|
37
|
+
class=${r({"detail__selection-grid":!0,"detail__selection-grid--virtual":i,"detail__selection-grid--vertical":e,"detail__selection-grid--both":n})}
|
|
38
|
+
style=${c}
|
|
39
|
+
>
|
|
40
|
+
${i?n?this._renderBothVirtualGrid(o,t):this._renderVirtualGrid(o,t,e):this._renderStaticGrid()}
|
|
41
|
+
</div>
|
|
42
|
+
`}_renderItemContent(i){const e=this._getItemLabel(i),n=this._getItemDescription(i),o=this._getItemPrefix(i),t=this._getItemSuffix(i),c=this.allowHtmlLabel;return s`
|
|
43
|
+
${o?s`<span class="detail__selection-prefix" part="item-prefix">${c?m(o):o}</span>`:""}
|
|
44
|
+
<span class="detail__selection-text" part="item-text">
|
|
45
|
+
<span class="detail__selection-item-label" part="item-label">${c?m(e):e}</span>
|
|
46
|
+
${n?s`<span class="detail__selection-desc" part="item-description">${c?m(n):n}</span>`:""}
|
|
47
|
+
</span>
|
|
48
|
+
${t?s`<span class="detail__selection-suffix" part="item-suffix">${c?m(t):t}</span>`:""}
|
|
49
|
+
`}_renderItemTooltip(i,n={}){const o=this._getItemValue(i),t=this._getItemLabel(i),c=this._getItemDescription(i),m=this._getItemDisabled(i),l=this._getItemClassName(i),p=c?`${t} — ${c}`:t,a="detail__selection-tooltip"+(n.extraClasses?" "+n.extraClasses:""),g=r({"detail__selection-checkbox":!0,"detail__selection-checkbox--disabled":m,[l]:!!l});return s`
|
|
50
|
+
<nile-lite-tooltip
|
|
51
|
+
class=${a}
|
|
52
|
+
content=${p}
|
|
53
|
+
size="small"
|
|
54
|
+
disabled
|
|
55
|
+
style=${n.positionStyle??e}
|
|
56
|
+
>
|
|
57
|
+
<nile-checkbox
|
|
58
|
+
class=${g}
|
|
59
|
+
?checked=${this._selectedSet.has(o)}
|
|
60
|
+
?disabled=${m}
|
|
61
|
+
@nile-change=${i=>this._onItemChange(o,m,i)}
|
|
62
|
+
>${this._renderItemContent(i)}</nile-checkbox>
|
|
63
|
+
</nile-lite-tooltip>
|
|
64
|
+
`}_renderStaticGrid(){return s`${this._filteredItems.map((i=>this._renderItemTooltip(i)))}`}_renderBothVirtualGrid(i,e){const n=this._rowVirtCtrl?.getVirtualizer(),o=this._colVirtCtrl?.getVirtualizer(),t=n?.getTotalSize()??0,c=o?.getTotalSize()??0,r=n?.getVirtualItems()??[],m=o?.getVirtualItems()??[],l=Math.max(1,this.matrixColumns),p=this._filteredItems.length;return s`
|
|
65
|
+
<div
|
|
66
|
+
class="detail__selection-track"
|
|
67
|
+
style="width: ${c}px; height: ${t}px; position: relative;"
|
|
68
|
+
>
|
|
69
|
+
${r.flatMap((i=>m.map((s=>{const e=i.index*l+s.index;if(e>=p)return null;const n=this._filteredItems[e];if(void 0===n)return null;const o=`position: absolute; top: ${i.start}px; left: ${s.start}px; width: ${s.size}px; height: ${i.size}px;`;return this._renderItemTooltip(n,{positionStyle:o,extraClasses:"detail__selection-tooltip--virtual"})}))))}
|
|
70
|
+
</div>
|
|
71
|
+
`}_renderVirtualGrid(i,e,n){const o=this._virtCtrl?.getVirtualizer(),t=o?.getTotalSize()??0,c=o?.getVirtualItems()??[],r=Math.max(1,n?this.gridColumns:this.gridRows);if(this._isInfiniteMode&&c.length>0){const i=c[0].index,s=c[c.length-1].index;this._scheduleFetchForRange(i,s)}return s`
|
|
72
|
+
<div class="detail__selection-track" style=${n?`width: 100%; height: ${t}px; position: relative;`:`width: ${t}px; height: 100%; position: relative;`}>
|
|
73
|
+
${c.map((s=>{const e=s.lane??0,o=n?`position: absolute; top: ${s.start}px; left: calc(${e} * (100% / ${r})); width: calc(100% / ${r}); height: ${s.size}px;`:`position: absolute; top: ${e*i}px; left: ${s.start}px; width: ${s.size}px; height: ${i}px;`,t=this._getItemAt(s.index);return void 0===t?this._renderPlaceholder(o):this._renderItemTooltip(t,{positionStyle:o,extraClasses:"detail__selection-tooltip--virtual"})}))}
|
|
74
|
+
</div>
|
|
75
|
+
`}_renderPlaceholder(i){return s`
|
|
76
|
+
<div class="detail__selection-placeholder" style=${i} part="item-placeholder">
|
|
77
|
+
<div class="detail__selection-placeholder-bar"></div>
|
|
78
|
+
<span class="detail__selection-placeholder-label">${this.placeholderLabel}</span>
|
|
79
|
+
</div>
|
|
80
|
+
`}render(){const i="selection"===this.variant;return s`
|
|
2
81
|
<details
|
|
3
82
|
part="base"
|
|
4
83
|
?open=${this._detailOpen}
|
|
5
|
-
class=${
|
|
84
|
+
class=${r({detail:!0,"detail--open":this.open,"detail--disabled":this.disabled,"detail--selection":i})}
|
|
6
85
|
>
|
|
7
86
|
<summary
|
|
8
87
|
part="header"
|
|
9
88
|
id="header"
|
|
10
|
-
class=${
|
|
11
|
-
aria-label=${this._summaryLabel||
|
|
89
|
+
class=${r({detail__header:!0,"detail__header--icon-left":"left"===this.expandIconPlacement})}
|
|
90
|
+
aria-label=${this._summaryLabel||e}
|
|
12
91
|
aria-expanded=${this.open?"true":"false"}
|
|
13
92
|
aria-disabled=${this.disabled?"true":"false"}
|
|
14
93
|
tabindex=${this.disabled?"-1":"0"}
|
|
@@ -16,8 +95,10 @@ import{__decorate as t}from"tslib";import{html as e,nothing as i}from"lit";impor
|
|
|
16
95
|
@keydown=${this._handleSummaryKeyDown}
|
|
17
96
|
>
|
|
18
97
|
<slot name="label" part="label" class="detail__label">
|
|
19
|
-
|
|
20
|
-
|
|
98
|
+
${i?this._renderSelectionLabel():s`
|
|
99
|
+
<span part="label-text" class="detail__heading-text">${this.heading}</span>
|
|
100
|
+
${this.description?s`<span part="description" class="detail__description">${this.description}</span>`:""}
|
|
101
|
+
`}
|
|
21
102
|
</slot>
|
|
22
103
|
|
|
23
104
|
<slot name="header-actions" part="header-actions" class="detail__header-actions"></slot>
|
|
@@ -39,7 +120,8 @@ import{__decorate as t}from"tslib";import{html as e,nothing as i}from"lit";impor
|
|
|
39
120
|
</summary>
|
|
40
121
|
|
|
41
122
|
<div part="content" class="detail__body">
|
|
123
|
+
${i?s`<div part="selection-content" class="detail__selection-content">${this._renderSelectionBody()}</div>`:""}
|
|
42
124
|
<slot id="content" class="detail__content"></slot>
|
|
43
125
|
</div>
|
|
44
126
|
</details>
|
|
45
|
-
`}};_.styles=
|
|
127
|
+
`}};_.styles=l,i([n("details")],_.prototype,"detail",void 0),i([n("summary")],_.prototype,"header",void 0),i([n(".detail__body")],_.prototype,"body",void 0),i([o({attribute:!0,type:Boolean,reflect:!0})],_.prototype,"open",void 0),i([o({attribute:!0,type:String,reflect:!0})],_.prototype,"heading",void 0),i([o({attribute:!0,type:String,reflect:!0})],_.prototype,"description",void 0),i([o({attribute:!0,reflect:!0})],_.prototype,"expandIconPlacement",void 0),i([o({attribute:!0,type:Boolean,reflect:!0})],_.prototype,"disabled",void 0),i([o({attribute:!0,type:String,reflect:!0})],_.prototype,"variant",void 0),i([o({attribute:!1,type:Array})],_.prototype,"items",void 0),i([o({attribute:!1,type:Array})],_.prototype,"selected",void 0),i([o({attribute:!1})],_.prototype,"renderItemConfig",void 0),i([o({attribute:"allow-html-label",type:Boolean})],_.prototype,"allowHtmlLabel",void 0),i([o({attribute:"disable-local-search",type:Boolean})],_.prototype,"disableLocalSearch",void 0),i([o({attribute:"total-count",type:Number})],_.prototype,"totalCount",void 0),i([o({attribute:"page-size",type:Number})],_.prototype,"pageSize",void 0),i([o({attribute:!1})],_.prototype,"fetchPage",void 0),i([o({attribute:"placeholder-label",type:String})],_.prototype,"placeholderLabel",void 0),i([o({attribute:!1})],_.prototype,"config",void 0),i([o({attribute:"search-placeholder",type:String})],_.prototype,"searchPlaceholder",void 0),i([o({attribute:"items-label",type:String})],_.prototype,"itemsLabel",void 0),i([o({attribute:"restore-label",type:String})],_.prototype,"restoreLabel",void 0),i([o({attribute:"clear-label",type:String})],_.prototype,"clearLabel",void 0),i([o({attribute:"grid-rows",type:Number})],_.prototype,"gridRows",void 0),i([o({attribute:"grid-columns",type:Number})],_.prototype,"gridColumns",void 0),i([o({attribute:"min-column-width",type:String})],_.prototype,"minColumnWidth",void 0),i([o({attribute:"lane-height",type:Number})],_.prototype,"laneHeight",void 0),i([o({attribute:!0,type:String,reflect:!0})],_.prototype,"orientation",void 0),i([o({attribute:"max-height",type:String})],_.prototype,"maxHeight",void 0),i([o({attribute:"matrix-columns",type:Number})],_.prototype,"matrixColumns",void 0),i([o({attribute:!0,type:Boolean})],_.prototype,"virtualize",void 0),i([o({attribute:"virtualize-threshold",type:Number})],_.prototype,"virtualizeThreshold",void 0),i([o({attribute:"overscan",type:Number})],_.prototype,"overscan",void 0),i([t()],_.prototype,"_detailOpen",void 0),i([t()],_.prototype,"_searchTerm",void 0),i([t()],_.prototype,"_selectedSet",void 0),i([a("selected",{waitUntilFirstUpdate:!1})],_.prototype,"_onSelectedPropertyChange",null),i([a("config",{waitUntilFirstUpdate:!1})],_.prototype,"_onConfigChange",null),i([a("open",{waitUntilFirstUpdate:!0})],_.prototype,"handleOpenChange",null),_=i([c("nile-detail")],_);export{_ as N};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
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(
|
|
1
|
+
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(_tippyEsm006CjsJs){},function(_nileLiteTooltipUtilsCjsJs){},function(_utilitiesVisibilityManagerCjsJs){}],execute:function execute(){}};});
|
|
2
2
|
//# sourceMappingURL=index.cjs.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
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(_tippyEsm005CjsJs){h=_tippyEsm005CjsJs.R;o=_tippyEsm005CjsJs.f;r=_tippyEsm005CjsJs.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:"getCurrentPlacement",value:function getCurrentPlacement(){var _this$tippyInstance2,_i$dataset$placement;var t=(_this$tippyInstance2=this.tippyInstance)===null||_this$tippyInstance2===void 0?void 0:_this$tippyInstance2.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$tippyInstance3;"Escape"===t.key&&this.open&&(this._setOpen(!1),(_this$tippyInstance3=this.tippyInstance)===null||_this$tippyInstance3===void 0?void 0:_this$tippyInstance3.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));}};});
|
|
1
|
+
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(_tippyEsm006CjsJs){h=_tippyEsm006CjsJs.R;o=_tippyEsm006CjsJs.f;r=_tippyEsm006CjsJs.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:"getCurrentPlacement",value:function getCurrentPlacement(){var _this$tippyInstance2,_i$dataset$placement;var t=(_this$tippyInstance2=this.tippyInstance)===null||_this$tippyInstance2===void 0?void 0:_this$tippyInstance2.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$tippyInstance3;"Escape"===t.key&&this.open&&(this._setOpen(!1),(_this$tippyInstance3=this.tippyInstance)===null||_this$tippyInstance3===void 0?void 0:_this$tippyInstance3.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));}};});
|
|
2
2
|
//# sourceMappingURL=nile-floating-panel.cjs.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-inline-sidebar-item.css.cjs.js","../internal/nile-element.cjs.js","lit/directives/class-map.js","../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,r,o,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,l;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _slicedToArray(r,e){return _arrayWithHoles(r)||_iterableToArrayLimit(r,e)||_unsupportedIterableToArray(r,e)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1;}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r;}finally{try{if(!f&&null!=t["return"]&&(u=t["return"](),Object(u)!==u))return;}finally{if(o)throw n;}}return a;}}function _arrayWithHoles(r){if(Array.isArray(r))return r;}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_lit){i=_lit.html;},function(_litDecoratorsJs){e=_litDecoratorsJs.property;s=_litDecoratorsJs.customElement;},function(_nileInlineSidebarItemCssCjsJs){n=_nileInlineSidebarItemCssCjsJs.s;},function(_internalNileElementCjsJs){r=_internalNileElementCjsJs.N;},function(_litDirectivesClassMapJs){o=_litDirectivesClassMapJs.classMap;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){_export("N",l=/*#__PURE__*/function(_r){function l(){var _this;_classCallCheck(this,l);_this=_callSuper(this,l,arguments),_this.active=!1,_this.disabled=!1,_this.tooltip=!1,_this.variant="minimal",_this._handleHostKeyDown=function(t){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),_this._select(t));};return _this;}_inherits(l,_r);return _createClass(l,[{key:"firstUpdated",value:function firstUpdated(t){_superPropGet(l,"firstUpdated",this,3)([t]),this.syncBodyAndHeaderStates();}},{key:"updated",value:function updated(t){_superPropGet(l,"updated",this,3)([t]),(t.has("disabled")||t.has("active"))&&this.syncBodyAndHeaderStates();}},{key:"syncBodyAndHeaderStates",value:function syncBodyAndHeaderStates(){var t=[this.querySelector('[slot="body"]'),this.querySelector('[slot="header"]')],i={disabled:this.disabled,active:this.active};t.forEach(function(t){t&&Object.entries(i).forEach(function(_ref){var _ref2=_slicedToArray(_ref,2),i=_ref2[0],e=_ref2[1];i in t&&(t[i]=e);});});}},{key:"connectedCallback",value:function connectedCallback(){_superPropGet(l,"connectedCallback",this,3)([]),this.hasAttribute("tabindex")||this.setAttribute("tabindex",this.disabled?"-1":"0"),this.hasAttribute("role")||this.setAttribute("role","menuitem"),this.addEventListener("keydown",this._handleHostKeyDown);}},{key:"disconnectedCallback",value:function disconnectedCallback(){_superPropGet(l,"disconnectedCallback",this,3)([]),this.removeEventListener("keydown",this._handleHostKeyDown);}},{key:"_select",value:function _select(t){var _this2=this,_this$textContent;if(this.disabled)return t.preventDefault(),void t.stopPropagation();var i=this.closest("nile-inline-sidebar");if(i){i.querySelectorAll("nile-inline-sidebar-item").forEach(function(t){return t.active=t===_this2;});}var e=((_this$textContent=this.textContent)===null||_this$textContent===void 0?void 0:_this$textContent.trim())||"";this.dispatchEvent(new CustomEvent("nile-click",{detail:{item:this,href:this.href,text:e},bubbles:!0,composed:!0})),this.href&&(window.location.href=this.href);}},{key:"handleClick",value:function handleClick(t){this._select(t);}},{key:"render",value:function render(){return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n <div\n class=","\n @click=","\n role=\"menuitem\"\n style=","\n aria-disabled=","\n >\n ","\n </div>\n "])),o({item:!0,"item--rich":"rich"===this.variant}),this.handleClick,"rich"===this.variant?"border-radius:
|
|
1
|
+
function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-inline-sidebar-item.css.cjs.js","../internal/nile-element.cjs.js","lit/directives/class-map.js","../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,r,o,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,l;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _slicedToArray(r,e){return _arrayWithHoles(r)||_iterableToArrayLimit(r,e)||_unsupportedIterableToArray(r,e)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1;}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r;}finally{try{if(!f&&null!=t["return"]&&(u=t["return"](),Object(u)!==u))return;}finally{if(o)throw n;}}return a;}}function _arrayWithHoles(r){if(Array.isArray(r))return r;}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_lit){i=_lit.html;},function(_litDecoratorsJs){e=_litDecoratorsJs.property;s=_litDecoratorsJs.customElement;},function(_nileInlineSidebarItemCssCjsJs){n=_nileInlineSidebarItemCssCjsJs.s;},function(_internalNileElementCjsJs){r=_internalNileElementCjsJs.N;},function(_litDirectivesClassMapJs){o=_litDirectivesClassMapJs.classMap;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){_export("N",l=/*#__PURE__*/function(_r){function l(){var _this;_classCallCheck(this,l);_this=_callSuper(this,l,arguments),_this.active=!1,_this.disabled=!1,_this.tooltip=!1,_this.variant="minimal",_this._handleHostKeyDown=function(t){"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),_this._select(t));};return _this;}_inherits(l,_r);return _createClass(l,[{key:"firstUpdated",value:function firstUpdated(t){_superPropGet(l,"firstUpdated",this,3)([t]),this.syncBodyAndHeaderStates();}},{key:"updated",value:function updated(t){_superPropGet(l,"updated",this,3)([t]),(t.has("disabled")||t.has("active"))&&this.syncBodyAndHeaderStates();}},{key:"syncBodyAndHeaderStates",value:function syncBodyAndHeaderStates(){var t=[this.querySelector('[slot="body"]'),this.querySelector('[slot="header"]')],i={disabled:this.disabled,active:this.active};t.forEach(function(t){t&&Object.entries(i).forEach(function(_ref){var _ref2=_slicedToArray(_ref,2),i=_ref2[0],e=_ref2[1];i in t&&(t[i]=e);});});}},{key:"connectedCallback",value:function connectedCallback(){_superPropGet(l,"connectedCallback",this,3)([]),this.hasAttribute("tabindex")||this.setAttribute("tabindex",this.disabled?"-1":"0"),this.hasAttribute("role")||this.setAttribute("role","menuitem"),this.addEventListener("keydown",this._handleHostKeyDown);}},{key:"disconnectedCallback",value:function disconnectedCallback(){_superPropGet(l,"disconnectedCallback",this,3)([]),this.removeEventListener("keydown",this._handleHostKeyDown);}},{key:"_select",value:function _select(t){var _this2=this,_this$textContent;if(this.disabled)return t.preventDefault(),void t.stopPropagation();var i=this.closest("nile-inline-sidebar");if(i){i.querySelectorAll("nile-inline-sidebar-item").forEach(function(t){return t.active=t===_this2;});}var e=((_this$textContent=this.textContent)===null||_this$textContent===void 0?void 0:_this$textContent.trim())||"";this.dispatchEvent(new CustomEvent("nile-click",{detail:{item:this,href:this.href,text:e},bubbles:!0,composed:!0})),this.href&&(window.location.href=this.href);}},{key:"handleClick",value:function handleClick(t){this._select(t);}},{key:"render",value:function render(){return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n <div\n class=","\n @click=","\n role=\"menuitem\"\n style=","\n aria-disabled=","\n >\n ","\n </div>\n "])),o({item:!0,"item--rich":"rich"===this.variant}),this.handleClick,"rich"===this.variant?"border-radius: 4px 0 0 4px;":"",this.disabled,"minimal"===this.variant?this.href?i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<a href="," @click=","><slot></slot></a>"])),this.href,function(t){return t.preventDefault();}):i(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<slot></slot>"]))):this.href?i(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<a\n href=","\n @click=","\n >\n <div class=\"header-content\" part=\"header-content\">\n <slot name=\"header\"></slot>\n </div>\n <div class=\"body-content\" part=\"body-content\">\n <slot name=\"body\"></slot>\n </div>\n </a>"])),this.href,function(t){return t.preventDefault();}):i(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n <div class=\"header-content\" part=\"header-content\">\n <slot name=\"header\"></slot>\n </div>\n <div class=\"body-content\" part=\"body-content\">\n <slot name=\"body\"></slot>\n </div>\n "]))));}}],[{key:"styles",get:function get(){return[n];}}]);}(r));t([e({type:Boolean,reflect:!0})],l.prototype,"active",void 0),t([e({type:Boolean,reflect:!0})],l.prototype,"disabled",void 0),t([e({type:String})],l.prototype,"href",void 0),t([e({type:Boolean,reflect:!0})],l.prototype,"tooltip",void 0),t([e({type:String,reflect:!0,attribute:!0})],l.prototype,"variant",void 0),t([e({type:String,reflect:!0})],l.prototype,"panel",void 0),_export("N",l=t([s("nile-inline-sidebar-item")],l));}};});
|
|
2
2
|
//# sourceMappingURL=nile-inline-sidebar-item.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-inline-sidebar-item.cjs.js","sources":["../../../src/nile-inline-sidebar-item/nile-inline-sidebar-item.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2025\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 { html, CSSResultArray, TemplateResult, PropertyValues } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-inline-sidebar-item.css';\nimport NileElement from '../internal/nile-element';\nimport { classMap } from 'lit/directives/class-map.js';\n\n/**\n * Nile inline sidebar item.\n *\n * @tag nile-inlinesidebar-item\n *\n * @attr active - Marks the item as active (selected).\n * @attr disabled - Marks the item as disabled (non-interactive).\n * @attr href - Optional URL to navigate to when the item is clicked.\n *\n * @slot - Default slot for the item text or content.\n *\n * @fires nile-select - Emitted when the item is clicked (not disabled).\n * detail: { item: this, href?: string }\n */\n@customElement('nile-inline-sidebar-item')\nexport class NileInlineSidebarItem extends NileElement {\n @property({ type: Boolean, reflect: true }) active = false;\n @property({ type: Boolean, reflect: true }) disabled = false;\n @property({ type: String }) href?: string;\n @property({ type: Boolean, reflect: true }) tooltip = false;\n @property({ type: String, reflect: true, attribute: true }) variant?: 'minimal' | 'rich' = 'minimal';\n\n /** Links this item to a `nile-inline-sidebar-panel` by matching its `name` property. */\n @property({ type: String, reflect: true }) panel?: string;\n\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n\n firstUpdated(changedProperties: PropertyValues) {\n super.firstUpdated(changedProperties);\n this.syncBodyAndHeaderStates();\n }\n\n updated(changedProperties: PropertyValues) {\n super.updated(changedProperties);\n if (changedProperties.has('disabled') || changedProperties.has('active')) {\n this.syncBodyAndHeaderStates();\n }\n }\n\n private syncBodyAndHeaderStates() {\n const elements = [\n this.querySelector('[slot=\"body\"]'),\n this.querySelector('[slot=\"header\"]')\n ] as (HTMLElement | null)[];\n\n const props = {\n disabled: this.disabled,\n active: this.active\n };\n\n elements.forEach(el => {\n if (!el) return;\n\n Object.entries(props).forEach(([key, value]) => {\n if (key in el) {\n (el as any)[key] = value;\n }\n });\n });\n }\n\n connectedCallback() {\n super.connectedCallback();\n if (!this.hasAttribute('tabindex')) {\n this.setAttribute('tabindex', this.disabled ? '-1' : '0');\n }\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'menuitem');\n }\n this.addEventListener('keydown', this._handleHostKeyDown);\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this.removeEventListener('keydown', this._handleHostKeyDown);\n }\n\n private _handleHostKeyDown = (e: KeyboardEvent) => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n this._select(e);\n }\n };\n\n private _select(e: Event) {\n if (this.disabled) {\n e.preventDefault();\n e.stopPropagation();\n return;\n }\n\n const parent = this.closest('nile-inline-sidebar');\n if (parent) {\n const allItems = parent.querySelectorAll('nile-inline-sidebar-item');\n allItems.forEach((item) => (item as NileInlineSidebarItem).active = item === this);\n }\n\n const text = this.textContent?.trim() || '';\n\n this.dispatchEvent(\n new CustomEvent('nile-click', {\n detail: { item: this, href: this.href, text },\n bubbles: true,\n composed: true,\n }),\n );\n\n if (this.href) {\n window.location.href = this.href;\n }\n }\n\n private handleClick(e: Event) {\n this._select(e);\n }\n\n public render(): TemplateResult {\n return html`\n <div\n class=${classMap({ 'item': true, 'item--rich': this.variant === 'rich' })}\n @click=${this.handleClick}\n role=\"menuitem\"\n style=${this.variant === 'rich' ? 'border-radius: 0px;' : ''}\n aria-disabled=${this.disabled}\n >\n ${this.variant === 'minimal'\n ? this.href\n ? html`<a href=${this.href} @click=${(e: Event) => e.preventDefault()}><slot></slot></a>`\n : html`<slot></slot>`\n : this.href\n ? html`<a\n href=${this.href}\n @click=${(e: Event) => e.preventDefault()}\n >\n <div class=\"header-content\" part=\"header-content\">\n <slot name=\"header\"></slot>\n </div>\n <div class=\"body-content\" part=\"body-content\">\n <slot name=\"body\"></slot>\n </div>\n </a>`\n : html`\n <div class=\"header-content\" part=\"header-content\">\n <slot name=\"header\"></slot>\n </div>\n <div class=\"body-content\" part=\"body-content\">\n <slot name=\"body\"></slot>\n </div>\n `}\n </div>\n `;\n }\n\n\n \n}\n\nexport default NileInlineSidebarItem;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-inline-sidebar-item': NileInlineSidebarItem;\n }\n}\n"],"names":["NileInlineSidebarItem","l","this","active","disabled","tooltip","variant","_handleHostKeyDown","e","key","preventDefault","_select","_this","_inherits","_r","_createClass","value","firstUpdated","changedProperties","super","syncBodyAndHeaderStates","updated","has","elements","querySelector","props","forEach","el","Object","entries","_ref","connectedCallback","hasAttribute","setAttribute","addEventListener","disconnectedCallback","removeEventListener","stopPropagation","parent","closest","querySelectorAll","item","text","textContent","trim","dispatchEvent","CustomEvent","detail","href","bubbles","composed","window","location","handleClick","render","html","_templateObject","_taggedTemplateLiteral","classMap","_templateObject2","_templateObject3","_templateObject4","_templateObject5","get","styles","NileElement","__decorate","property","type","Boolean","reflect","prototype","String","attribute","customElement"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"nile-inline-sidebar-item.cjs.js","sources":["../../../src/nile-inline-sidebar-item/nile-inline-sidebar-item.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2025\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 { html, CSSResultArray, TemplateResult, PropertyValues } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-inline-sidebar-item.css';\nimport NileElement from '../internal/nile-element';\nimport { classMap } from 'lit/directives/class-map.js';\n\n/**\n * Nile inline sidebar item.\n *\n * @tag nile-inlinesidebar-item\n *\n * @attr active - Marks the item as active (selected).\n * @attr disabled - Marks the item as disabled (non-interactive).\n * @attr href - Optional URL to navigate to when the item is clicked.\n *\n * @slot - Default slot for the item text or content.\n *\n * @fires nile-select - Emitted when the item is clicked (not disabled).\n * detail: { item: this, href?: string }\n */\n@customElement('nile-inline-sidebar-item')\nexport class NileInlineSidebarItem extends NileElement {\n @property({ type: Boolean, reflect: true }) active = false;\n @property({ type: Boolean, reflect: true }) disabled = false;\n @property({ type: String }) href?: string;\n @property({ type: Boolean, reflect: true }) tooltip = false;\n @property({ type: String, reflect: true, attribute: true }) variant?: 'minimal' | 'rich' = 'minimal';\n\n /** Links this item to a `nile-inline-sidebar-panel` by matching its `name` property. */\n @property({ type: String, reflect: true }) panel?: string;\n\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n\n firstUpdated(changedProperties: PropertyValues) {\n super.firstUpdated(changedProperties);\n this.syncBodyAndHeaderStates();\n }\n\n updated(changedProperties: PropertyValues) {\n super.updated(changedProperties);\n if (changedProperties.has('disabled') || changedProperties.has('active')) {\n this.syncBodyAndHeaderStates();\n }\n }\n\n private syncBodyAndHeaderStates() {\n const elements = [\n this.querySelector('[slot=\"body\"]'),\n this.querySelector('[slot=\"header\"]')\n ] as (HTMLElement | null)[];\n\n const props = {\n disabled: this.disabled,\n active: this.active\n };\n\n elements.forEach(el => {\n if (!el) return;\n\n Object.entries(props).forEach(([key, value]) => {\n if (key in el) {\n (el as any)[key] = value;\n }\n });\n });\n }\n\n connectedCallback() {\n super.connectedCallback();\n if (!this.hasAttribute('tabindex')) {\n this.setAttribute('tabindex', this.disabled ? '-1' : '0');\n }\n if (!this.hasAttribute('role')) {\n this.setAttribute('role', 'menuitem');\n }\n this.addEventListener('keydown', this._handleHostKeyDown);\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this.removeEventListener('keydown', this._handleHostKeyDown);\n }\n\n private _handleHostKeyDown = (e: KeyboardEvent) => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n this._select(e);\n }\n };\n\n private _select(e: Event) {\n if (this.disabled) {\n e.preventDefault();\n e.stopPropagation();\n return;\n }\n\n const parent = this.closest('nile-inline-sidebar');\n if (parent) {\n const allItems = parent.querySelectorAll('nile-inline-sidebar-item');\n allItems.forEach((item) => (item as NileInlineSidebarItem).active = item === this);\n }\n\n const text = this.textContent?.trim() || '';\n\n this.dispatchEvent(\n new CustomEvent('nile-click', {\n detail: { item: this, href: this.href, text },\n bubbles: true,\n composed: true,\n }),\n );\n\n if (this.href) {\n window.location.href = this.href;\n }\n }\n\n private handleClick(e: Event) {\n this._select(e);\n }\n\n public render(): TemplateResult {\n return html`\n <div\n class=${classMap({ 'item': true, 'item--rich': this.variant === 'rich' })}\n @click=${this.handleClick}\n role=\"menuitem\"\n style=${this.variant === 'rich' ? 'border-radius: 4px 0 0 4px;' : ''}\n aria-disabled=${this.disabled}\n >\n ${this.variant === 'minimal'\n ? this.href\n ? html`<a href=${this.href} @click=${(e: Event) => e.preventDefault()}><slot></slot></a>`\n : html`<slot></slot>`\n : this.href\n ? html`<a\n href=${this.href}\n @click=${(e: Event) => e.preventDefault()}\n >\n <div class=\"header-content\" part=\"header-content\">\n <slot name=\"header\"></slot>\n </div>\n <div class=\"body-content\" part=\"body-content\">\n <slot name=\"body\"></slot>\n </div>\n </a>`\n : html`\n <div class=\"header-content\" part=\"header-content\">\n <slot name=\"header\"></slot>\n </div>\n <div class=\"body-content\" part=\"body-content\">\n <slot name=\"body\"></slot>\n </div>\n `}\n </div>\n `;\n }\n\n\n \n}\n\nexport default NileInlineSidebarItem;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-inline-sidebar-item': NileInlineSidebarItem;\n }\n}\n"],"names":["NileInlineSidebarItem","l","this","active","disabled","tooltip","variant","_handleHostKeyDown","e","key","preventDefault","_select","_this","_inherits","_r","_createClass","value","firstUpdated","changedProperties","super","syncBodyAndHeaderStates","updated","has","elements","querySelector","props","forEach","el","Object","entries","_ref","connectedCallback","hasAttribute","setAttribute","addEventListener","disconnectedCallback","removeEventListener","stopPropagation","parent","closest","querySelectorAll","item","text","textContent","trim","dispatchEvent","CustomEvent","detail","href","bubbles","composed","window","location","handleClick","render","html","_templateObject","_taggedTemplateLiteral","classMap","_templateObject2","_templateObject3","_templateObject4","_templateObject5","get","styles","NileElement","__decorate","property","type","Boolean","reflect","prototype","String","attribute","customElement"],"mappings":"03KA4BaA,CAAAA,uBAAAA,EAAAA,EAAN,SAAAC,EAAA,qEACuCC,EAAAA,KAAAA,CAAMC,MAAG,CAAA,CAAA,CAAA,CACTD,KAAAA,CAAQE,QAAG,CAAA,CAAA,CAAA,CAEXF,KAAAA,CAAOG,OAAAA,CAAAA,CAAG,CACMH,CAAAA,KAAAA,CAAOI,QAAwB,SA4DnFJ,CAAAA,KAAAA,CAAAK,kBAAsBC,CAAAA,SAAAA,CAAAA,CAAAA,CACd,OAAVA,GAAAA,CAAAA,CAAEC,KAA6B,GAAVD,GAAAA,CAAAA,CAAEC,GACzBD,GAAAA,CAAAA,CAAEE,cACFR,CAAAA,CAAAA,CAAAA,KAAAA,CAAKS,OAAQH,CAAAA,CAAAA,CAAAA,CACd,EA0EJ,QAAAI,KAAA,EArIQC,SAAA,CAAAZ,CAAA,CAAAa,EAAA,SAAAC,YAAA,CAAAd,CAAA,GAAAQ,GAAA,gBAAAO,KAAA,CAKP,SAAAC,YAAAA,CAAaC,CAAAA,CAAAA,CACXC,aAAAA,CAAAA,CAAAA,yBAAmBD,IACnBhB,IAAKkB,CAAAA,uBAAAA,CAAAA,CACN,EAED,GAAAX,GAAA,WAAAO,KAAA,UAAAK,OAAAA,CAAQH,CAAAA,CAAAA,CACNC,aAAAA,CAAAA,CAAAA,oBAAcD,CAAAA,GAAAA,CACVA,CAAkBI,CAAAA,GAAAA,CAAI,UAAeJ,CAAAA,EAAAA,CAAAA,CAAkBI,GAAI,CAAA,QAAA,CAAA,GAC7DpB,IAAKkB,CAAAA,uBAAAA,CAAAA,CAER,EAEO,GAAAX,GAAA,2BAAAO,KAAA,UAAAI,uBAAAA,CAAAA,CACN,CAAA,GAAMG,CAAAA,EAAW,CACfrB,IAAAA,CAAKsB,aAAc,CAAA,eAAA,CAAA,CACnBtB,IAAKsB,CAAAA,aAAAA,CAAc,oBAGfC,CAAQ,CAAA,CACZrB,QAAUF,CAAAA,IAAAA,CAAKE,QACfD,CAAAA,MAAAA,CAAQD,KAAKC,MAGfoB,CAAAA,CAAAA,CAAAA,CAASG,OAAQC,CAAAA,SAAAA,CAAAA,CAAAA,CACVA,CAELC,EAAAA,MAAAA,CAAOC,OAAQJ,CAAAA,CAAAA,CAAAA,CAAOC,OAAQ,CAAA,SAAAI,IAAA,CAAOd,KAAAA,KAAAA,CAAAA,cAAAA,CAAAA,IAAAA,IAALP,CAAKO,CAAAA,KAAAA,IAAAA,CAAAA,CAAAA,KAAAA,IAC/BP,CAAOkB,GAAAA,CAAAA,CAAAA,GACRA,EAAWlB,CAAOO,CAAAA,CAAAA,CAAAA,CACpB,EACD,CAAA,EAAA,CAEL,EAED,GAAAP,GAAA,qBAAAO,KAAA,UAAAe,iBAAAA,CAAAA,EACEZ,aAAAA,CAAAA,CAAAA,iCACKjB,IAAK8B,CAAAA,YAAAA,CAAa,UACrB9B,CAAAA,EAAAA,IAAAA,CAAK+B,aAAa,UAAY/B,CAAAA,IAAAA,CAAKE,QAAW,CAAA,IAAA,CAAO,GAElDF,CAAAA,CAAAA,IAAAA,CAAK8B,YAAa,CAAA,MAAA,CAAA,EACrB9B,IAAK+B,CAAAA,YAAAA,CAAa,MAAQ,CAAA,UAAA,CAAA,CAE5B/B,IAAKgC,CAAAA,gBAAAA,CAAiB,UAAWhC,IAAKK,CAAAA,kBAAAA,CACvC,EAED,GAAAE,GAAA,wBAAAO,KAAA,UAAAmB,oBAAAA,CAAAA,CACEhB,CAAAA,aAAAA,CAAAA,CAAAA,oCACAjB,IAAKkC,CAAAA,mBAAAA,CAAoB,SAAWlC,CAAAA,IAAAA,CAAKK,kBAC1C,CAAA,EASO,GAAAE,GAAA,WAAAO,KAAA,UAAAL,OAAAA,CAAQH,CAAAA,CAAAA,KAAAA,MAAAA,MAAAA,iBAAAA,CACd,GAAIN,IAAAA,CAAKE,QAGP,CAAA,MAFAI,CAAAA,CAAEE,CAAAA,cAAAA,CAAAA,CAAAA,CAAAA,IACFF,CAAAA,CAAE6B,CAAAA,eAAAA,CAAAA,CAAAA,CAIJ,GAAMC,CAAAA,CAAAA,CAASpC,IAAKqC,CAAAA,OAAAA,CAAQ,uBAC5B,GAAID,CAAAA,CAAQ,CACOA,CAAAA,CAAOE,gBAAiB,CAAA,0BAAA,CAAA,CAChCd,QAASe,SAAAA,CAAUA,QAAAA,CAAAA,CAAAA,CAA+BtC,MAASsC,CAAAA,CAAAA,GAASvC,MAC9E,EAAA,CAAA,EAED,GAAMwC,CAAAA,CAAOxC,CAAAA,EAAAA,iBAAAA,KAAAA,CAAKyC,WAAaC,UAAAA,iBAAAA,iBAAlB1C,iBAAAA,CAAkB0C,IAAAA,CAAAA,CAAAA,GAAU,EAEzC1C,CAAAA,IAAAA,CAAK2C,aACH,CAAA,GAAIC,CAAAA,WAAY,CAAA,YAAA,CAAc,CAC5BC,MAAAA,CAAQ,CAAEN,IAAAA,CAAMvC,KAAM8C,IAAM9C,CAAAA,IAAAA,CAAK8C,IAAMN,CAAAA,IAAAA,CAAAA,CAAAA,CAAAA,CACvCO,OAAS,CAAA,CAAA,CAAA,CACTC,UAAU,CAIVhD,CAAAA,CAAAA,CAAAA,CAAAA,IAAAA,CAAK8C,IACPG,GAAAA,MAAAA,CAAOC,QAASJ,CAAAA,IAAAA,CAAO9C,KAAK8C,IAE/B,CAAA,EAEO,GAAAvC,GAAA,eAAAO,KAAA,UAAAqC,WAAAA,CAAY7C,CAClBN,CAAAA,CAAAA,IAAAA,CAAKS,OAAQH,CAAAA,CAAAA,CACd,EAEM,GAAAC,GAAA,UAAAO,KAAA,UAAAsC,MAAAA,CAAAA,CACL,CAAA,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,8KAECC,CAAAA,CAAS,CAAEjB,IAAAA,CAAAA,CAAQ,CAAM,CAAA,YAAA,CAA+B,SAAjBvC,IAAKI,CAAAA,OAAAA,CAAAA,CAAAA,CAC3CJ,IAAKmD,CAAAA,WAAAA,CAEW,MAAjBnD,GAAAA,IAAAA,CAAKI,QAAqB,6BAAgC,CAAA,EAAA,CAClDJ,IAAKE,CAAAA,QAAAA,CAEF,SAAA,GAAjBF,IAAKI,CAAAA,OAAAA,CACHJ,IAAK8C,CAAAA,IAAAA,CACHO,CAAI,CAAAI,gBAAA,GAAAA,gBAAA,CAAAF,sBAAA,gDAAWvD,IAAAA,CAAK8C,IAAgBxC,CAAAA,SAAAA,CAAAA,QAAaA,CAAAA,EAAEE,cACnD6C,CAAAA,CAAAA,IAAAA,CAAI,CAAAK,gBAAA,GAAAA,gBAAA,CAAAH,sBAAA,qBACNvD,CAAAA,IAAAA,CAAK8C,KACHO,CAAI,CAAAM,gBAAA,GAAAA,gBAAA,CAAAJ,sBAAA,iYACKvD,IAAK8C,CAAAA,IAAAA,CACFxC,SAAAA,CAAAA,QAAaA,CAAAA,CAAEE,CAAAA,cAAAA,CAAAA,CAAAA,IAS3B6C,CAAI,CAAAO,gBAAA,GAAAA,gBAAA,CAAAL,sBAAA,sTAUf,CAAA,KAAAhD,GAAA,UAAAsD,GAAA,CAjIM,SAAAA,IAAA,CAAWC,CAChB,MAAO,CAACA,EACT,EAGD,MAfyCC,CAAAA,GACGC,EAAA,CAA3CC,CAAAA,CAAS,CAAEC,IAAAA,CAAMC,QAASC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAuBtE,CAAAuE,CAAAA,SAAAA,CAAA,aAAA,EACfL,CAAAA,CAAAA,CAAAA,CAAA,CAA3CC,CAAAA,CAAS,CAAEC,IAAMC,CAAAA,OAAAA,CAASC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAyBtE,EAAAuE,SAAA,CAAA,UAAA,CAAA,IAAA,EACjCL,CAAAA,CAAAA,CAAAA,CAAA,CAA3BC,CAAS,CAAA,CAAEC,IAAMI,CAAAA,MAAAA,CAAAA,CAAAA,CAAAA,CAAwBxE,EAAAuE,SAAA,CAAA,MAAA,CAAA,IAAA,EACEL,CAAAA,CAAAA,CAAAA,CAAA,CAA3CC,CAAS,CAAA,CAAEC,IAAMC,CAAAA,OAAAA,CAASC,SAAS,CAAwBtE,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAuE,SAAA,CAAA,SAAA,CAAA,IAAA,IACAL,CAAA,CAAA,CAA3DC,CAAS,CAAA,CAAEC,KAAMI,MAAQF,CAAAA,OAAAA,CAAAA,CAAS,CAAMG,CAAAA,SAAAA,CAAAA,CAAW,KAAiDzE,CAAAuE,CAAAA,SAAAA,CAAA,SAAA,CAAA,IAAA,EAAA,CAAA,CAG1DL,EAAA,CAA1CC,CAAAA,CAAS,CAAEC,IAAAA,CAAMI,OAAQF,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAuBtE,CAAAuE,CAAAA,SAAAA,CAAA,YAAA,EAR/CvE,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAqBkE,EAAA,CADjCQ,CAAAA,CAAc,6BACF1E"}
|
|
@@ -3,7 +3,7 @@ import{__decorate as t}from"tslib";import{html as e}from"lit";import{property as
|
|
|
3
3
|
class=${o({item:!0,"item--rich":"rich"===this.variant})}
|
|
4
4
|
@click=${this.handleClick}
|
|
5
5
|
role="menuitem"
|
|
6
|
-
style=${"rich"===this.variant?"border-radius:
|
|
6
|
+
style=${"rich"===this.variant?"border-radius: 4px 0 0 4px;":""}
|
|
7
7
|
aria-disabled=${this.disabled}
|
|
8
8
|
>
|
|
9
9
|
${"minimal"===this.variant?this.href?e`<a href=${this.href} @click=${t=>t.preventDefault()}><slot></slot></a>`:e`<slot></slot>`:this.href?e`<a
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,t;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",t=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t:host {\n\t\tfont-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n\t}\n\t.item-header {\n\t\tdisplay: flex;\n\t\tgap: var(--nile-spacing-xs, var(--ng-spacing-xs));\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\talign-items: center;\n\t}\n\t.item-header .body-content .header-text {\n\t\tdisplay: block;\n\t\tfont-weight: var(--nile-font-weight-semibold, var(--ng-font-weight-semibold));\n\t\tfont-size: var(--nile-type-scale-4, var(--ng-font-size-text-sm));\n\t\tline-height: var(--nile-line-height-medium, var(--ng-line-height-text-sm));\n\t\tcolor: var(--nile-colors-dark-
|
|
1
|
+
System.register(["lit"],function(_export,_context){"use strict";var e,_templateObject,t;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",t=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t:host {\n\t\tfont-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n\t}\n\t.item-header {\n\t\tdisplay: flex;\n\t\tgap: var(--nile-spacing-xs, var(--ng-spacing-xs));\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\talign-items: center;\n\t}\n\t.item-header .body-content .header-text {\n\t\tdisplay: block;\n\t\tfont-family: var(--nile-font-family-medium, var(--ng-font-family-body));\n\t\tfont-weight: var(--nile-font-weight-semibold, var(--ng-font-weight-semibold));\n\t\tfont-size: var(--nile-type-scale-4, var(--ng-font-size-text-sm));\n\t\tline-height: var(--nile-line-height-medium, var(--ng-line-height-text-sm));\n\t\tcolor: var(--nile-colors-dark-500, var(--ng-colors-text-primary-900));\n\t}\n\t:host([active]) .item-header .body-content .header-text {\n\t\tfont-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n\t\tcolor: var(--nile-colors-primary-700, var(--ng-colors-text-brand-secondary-700));\n\t}\n\n\t:host([disabled]) .item-header .body-content .header-text {\n\t\tcolor: var(--nile-colors-neutral-500, var(--ng-colors-text-disabled));\n\t}\n"]))));}};});
|
|
2
2
|
//# sourceMappingURL=nile-inline-sidebar-item-header.css.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-inline-sidebar-item-header.css.cjs.js","sources":["../../../src/nile-inline-sidebar-item-header/nile-inline-sidebar-item-header.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2026\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\nexport const styles = css`\n\t:host {\n\t\tfont-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n\t}\n\t.item-header {\n\t\tdisplay: flex;\n\t\tgap: var(--nile-spacing-xs, var(--ng-spacing-xs));\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\talign-items: center;\n\t}\n\t.item-header .body-content .header-text {\n\t\tdisplay: block;\n\t\tfont-weight: var(--nile-font-weight-semibold, var(--ng-font-weight-semibold));\n\t\tfont-size: var(--nile-type-scale-4, var(--ng-font-size-text-sm));\n\t\tline-height: var(--nile-line-height-medium, var(--ng-line-height-text-sm));\n\t\tcolor: var(--nile-colors-dark-
|
|
1
|
+
{"version":3,"file":"nile-inline-sidebar-item-header.css.cjs.js","sources":["../../../src/nile-inline-sidebar-item-header/nile-inline-sidebar-item-header.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2026\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\nexport const styles = css`\n\t:host {\n\t\tfont-family: var(--nile-font-family-sans-serif, var(--ng-font-family-body));\n\t}\n\t.item-header {\n\t\tdisplay: flex;\n\t\tgap: var(--nile-spacing-xs, var(--ng-spacing-xs));\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\talign-items: center;\n\t}\n\t.item-header .body-content .header-text {\n\t\tdisplay: block;\n\t\tfont-family: var(--nile-font-family-medium, var(--ng-font-family-body));\n\t\tfont-weight: var(--nile-font-weight-semibold, var(--ng-font-weight-semibold));\n\t\tfont-size: var(--nile-type-scale-4, var(--ng-font-size-text-sm));\n\t\tline-height: var(--nile-line-height-medium, var(--ng-line-height-text-sm));\n\t\tcolor: var(--nile-colors-dark-500, var(--ng-colors-text-primary-900));\n\t}\n\t:host([active]) .item-header .body-content .header-text {\n\t\tfont-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n\t\tcolor: var(--nile-colors-primary-700, var(--ng-colors-text-brand-secondary-700));\n\t}\n\n\t:host([disabled]) .item-header .body-content .header-text {\n\t\tcolor: var(--nile-colors-neutral-500, var(--ng-colors-text-disabled));\n\t}\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTASaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
|
|
@@ -11,10 +11,11 @@ import{css as e}from"lit";const t=e`
|
|
|
11
11
|
}
|
|
12
12
|
.item-header .body-content .header-text {
|
|
13
13
|
display: block;
|
|
14
|
+
font-family: var(--nile-font-family-medium, var(--ng-font-family-body));
|
|
14
15
|
font-weight: var(--nile-font-weight-semibold, var(--ng-font-weight-semibold));
|
|
15
16
|
font-size: var(--nile-type-scale-4, var(--ng-font-size-text-sm));
|
|
16
17
|
line-height: var(--nile-line-height-medium, var(--ng-line-height-text-sm));
|
|
17
|
-
color: var(--nile-colors-dark-
|
|
18
|
+
color: var(--nile-colors-dark-500, var(--ng-colors-text-primary-900));
|
|
18
19
|
}
|
|
19
20
|
:host([active]) .item-header .body-content .header-text {
|
|
20
21
|
font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
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(
|
|
1
|
+
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(_tippyEsm006CjsJs){},function(_utilsCjsJs){},function(_utilitiesVisibilityManagerCjsJs){}],execute:function execute(){}};});
|
|
2
2
|
//# sourceMappingURL=index.cjs.js.map
|