@aquera/nile-elements 1.6.7 → 1.6.9
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 +12 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.js +1735 -495
- package/dist/internal/enum.cjs.js +1 -1
- package/dist/internal/enum.cjs.js.map +1 -1
- package/dist/internal/enum.esm.js +1 -1
- package/dist/nile-auto-complete/nile-auto-complete.cjs.js +1 -1
- package/dist/nile-auto-complete/nile-auto-complete.cjs.js.map +1 -1
- package/dist/nile-auto-complete/nile-auto-complete.esm.js +1 -1
- package/dist/nile-calendar/nile-calendar.cjs.js +1 -1
- package/dist/nile-calendar/nile-calendar.cjs.js.map +1 -1
- package/dist/nile-calendar/nile-calendar.css.cjs.js +1 -1
- package/dist/nile-calendar/nile-calendar.css.cjs.js.map +1 -1
- package/dist/nile-calendar/nile-calendar.css.esm.js +0 -3
- package/dist/nile-calendar/nile-calendar.esm.js +2 -2
- package/dist/nile-dropdown/nile-dropdown.cjs.js +1 -1
- package/dist/nile-dropdown/nile-dropdown.cjs.js.map +1 -1
- package/dist/nile-dropdown/nile-dropdown.esm.js +1 -1
- package/dist/nile-inline-sidebar/index.cjs.js +1 -1
- package/dist/nile-inline-sidebar/index.esm.js +1 -1
- package/dist/nile-inline-sidebar/nile-inline-sidebar.cjs.js +1 -1
- package/dist/nile-inline-sidebar/nile-inline-sidebar.cjs.js.map +1 -1
- package/dist/nile-inline-sidebar/nile-inline-sidebar.css.cjs.js +1 -1
- package/dist/nile-inline-sidebar/nile-inline-sidebar.css.cjs.js.map +1 -1
- package/dist/nile-inline-sidebar/nile-inline-sidebar.css.esm.js +76 -19
- package/dist/nile-inline-sidebar/nile-inline-sidebar.esm.js +42 -23
- package/dist/nile-inline-sidebar-group/nile-inline-sidebar-group.css.cjs.js +1 -1
- package/dist/nile-inline-sidebar-group/nile-inline-sidebar-group.css.cjs.js.map +1 -1
- package/dist/nile-inline-sidebar-group/nile-inline-sidebar-group.css.esm.js +8 -9
- package/dist/nile-inline-sidebar-item/index.cjs.js +1 -1
- package/dist/nile-inline-sidebar-item/index.esm.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.css.cjs.js +1 -1
- package/dist/nile-inline-sidebar-item/nile-inline-sidebar-item.css.cjs.js.map +1 -1
- package/dist/nile-inline-sidebar-item/nile-inline-sidebar-item.css.esm.js +16 -18
- package/dist/nile-inline-sidebar-item/nile-inline-sidebar-item.esm.js +22 -4
- package/dist/nile-inline-sidebar-item-body/index.cjs.js +2 -0
- package/dist/nile-inline-sidebar-item-body/index.cjs.js.map +1 -0
- package/dist/nile-inline-sidebar-item-body/index.esm.js +1 -0
- package/dist/nile-inline-sidebar-item-body/nile-inline-sidebar-item-body.cjs.js +2 -0
- package/dist/nile-inline-sidebar-item-body/nile-inline-sidebar-item-body.cjs.js.map +1 -0
- package/dist/nile-inline-sidebar-item-body/nile-inline-sidebar-item-body.css.cjs.js +2 -0
- package/dist/nile-inline-sidebar-item-body/nile-inline-sidebar-item-body.css.cjs.js.map +1 -0
- package/dist/nile-inline-sidebar-item-body/nile-inline-sidebar-item-body.css.esm.js +53 -0
- package/dist/nile-inline-sidebar-item-body/nile-inline-sidebar-item-body.esm.js +13 -0
- package/dist/nile-inline-sidebar-item-header/index.cjs.js +2 -0
- package/dist/nile-inline-sidebar-item-header/index.cjs.js.map +1 -0
- package/dist/nile-inline-sidebar-item-header/index.esm.js +1 -0
- package/dist/nile-inline-sidebar-item-header/nile-inline-sidebar-item-header.cjs.js +2 -0
- package/dist/nile-inline-sidebar-item-header/nile-inline-sidebar-item-header.cjs.js.map +1 -0
- package/dist/nile-inline-sidebar-item-header/nile-inline-sidebar-item-header.css.cjs.js +2 -0
- package/dist/nile-inline-sidebar-item-header/nile-inline-sidebar-item-header.css.cjs.js.map +1 -0
- package/dist/nile-inline-sidebar-item-header/nile-inline-sidebar-item-header.css.esm.js +27 -0
- package/dist/nile-inline-sidebar-item-header/nile-inline-sidebar-item-header.esm.js +16 -0
- package/dist/nile-inline-sidebar-panel/index.cjs.js +2 -0
- package/dist/nile-inline-sidebar-panel/index.cjs.js.map +1 -0
- package/dist/nile-inline-sidebar-panel/index.esm.js +1 -0
- package/dist/nile-inline-sidebar-panel/nile-inline-sidebar-panel.cjs.js +2 -0
- package/dist/nile-inline-sidebar-panel/nile-inline-sidebar-panel.cjs.js.map +1 -0
- package/dist/nile-inline-sidebar-panel/nile-inline-sidebar-panel.css.cjs.js +2 -0
- package/dist/nile-inline-sidebar-panel/nile-inline-sidebar-panel.css.cjs.js.map +1 -0
- package/dist/nile-inline-sidebar-panel/nile-inline-sidebar-panel.css.esm.js +19 -0
- package/dist/nile-inline-sidebar-panel/nile-inline-sidebar-panel.esm.js +5 -0
- package/dist/nile-inline-sidebar-panel-group/index.cjs.js +2 -0
- package/dist/nile-inline-sidebar-panel-group/index.cjs.js.map +1 -0
- package/dist/nile-inline-sidebar-panel-group/index.esm.js +1 -0
- package/dist/nile-inline-sidebar-panel-group/nile-inline-sidebar-panel-group.cjs.js +2 -0
- package/dist/nile-inline-sidebar-panel-group/nile-inline-sidebar-panel-group.cjs.js.map +1 -0
- package/dist/nile-inline-sidebar-panel-group/nile-inline-sidebar-panel-group.css.cjs.js +2 -0
- package/dist/nile-inline-sidebar-panel-group/nile-inline-sidebar-panel-group.css.cjs.js.map +1 -0
- package/dist/nile-inline-sidebar-panel-group/nile-inline-sidebar-panel-group.css.esm.js +30 -0
- package/dist/nile-inline-sidebar-panel-group/nile-inline-sidebar-panel-group.esm.js +12 -0
- package/dist/nile-nav-tab/index.cjs.js +2 -0
- package/dist/nile-nav-tab/index.cjs.js.map +1 -0
- package/dist/nile-nav-tab/index.esm.js +1 -0
- package/dist/nile-nav-tab/nile-nav-tab.cjs.js +2 -0
- package/dist/nile-nav-tab/nile-nav-tab.cjs.js.map +1 -0
- package/dist/nile-nav-tab/nile-nav-tab.css.cjs.js +2 -0
- package/dist/nile-nav-tab/nile-nav-tab.css.cjs.js.map +1 -0
- package/dist/nile-nav-tab/nile-nav-tab.css.esm.js +190 -0
- package/dist/nile-nav-tab/nile-nav-tab.esm.js +36 -0
- package/dist/nile-nav-tab-group/index.cjs.js +2 -0
- package/dist/nile-nav-tab-group/index.cjs.js.map +1 -0
- package/dist/nile-nav-tab-group/index.esm.js +1 -0
- package/dist/nile-nav-tab-group/nile-nav-tab-group.cjs.js +4 -0
- package/dist/nile-nav-tab-group/nile-nav-tab-group.cjs.js.map +1 -0
- package/dist/nile-nav-tab-group/nile-nav-tab-group.css.cjs.js +2 -0
- package/dist/nile-nav-tab-group/nile-nav-tab-group.css.cjs.js.map +1 -0
- package/dist/nile-nav-tab-group/nile-nav-tab-group.css.esm.js +668 -0
- package/dist/nile-nav-tab-group/nile-nav-tab-group.esm.js +61 -0
- package/dist/nile-nav-tab-panel/index.cjs.js +2 -0
- package/dist/nile-nav-tab-panel/index.cjs.js.map +1 -0
- package/dist/nile-nav-tab-panel/index.esm.js +1 -0
- package/dist/nile-nav-tab-panel/nile-nav-tab-panel.cjs.js +2 -0
- package/dist/nile-nav-tab-panel/nile-nav-tab-panel.cjs.js.map +1 -0
- package/dist/nile-nav-tab-panel/nile-nav-tab-panel.css.cjs.js +2 -0
- package/dist/nile-nav-tab-panel/nile-nav-tab-panel.css.cjs.js.map +1 -0
- package/dist/nile-nav-tab-panel/nile-nav-tab-panel.css.esm.js +22 -0
- package/dist/nile-nav-tab-panel/nile-nav-tab-panel.esm.js +8 -0
- package/dist/nile-stepper-item/nile-stepper-item.cjs.js +1 -1
- package/dist/nile-stepper-item/nile-stepper-item.cjs.js.map +1 -1
- package/dist/nile-stepper-item/nile-stepper-item.esm.js +13 -13
- package/dist/nile-vertical-stepper-item/nile-vertical-stepper-item.cjs.js +1 -1
- package/dist/nile-vertical-stepper-item/nile-vertical-stepper-item.cjs.js.map +1 -1
- package/dist/nile-vertical-stepper-item/nile-vertical-stepper-item.esm.js +1 -1
- package/dist/src/index.d.ts +7 -0
- package/dist/src/index.js +7 -0
- package/dist/src/index.js.map +1 -1
- package/dist/src/internal/enum.d.ts +6 -0
- package/dist/src/internal/enum.js +7 -0
- package/dist/src/internal/enum.js.map +1 -1
- package/dist/src/nile-auto-complete/nile-auto-complete.js +1 -1
- package/dist/src/nile-auto-complete/nile-auto-complete.js.map +1 -1
- package/dist/src/nile-calendar/nile-calendar.css.js +0 -3
- package/dist/src/nile-calendar/nile-calendar.css.js.map +1 -1
- package/dist/src/nile-calendar/nile-calendar.js +2 -2
- package/dist/src/nile-calendar/nile-calendar.js.map +1 -1
- package/dist/src/nile-dropdown/nile-dropdown.d.ts +2 -0
- package/dist/src/nile-dropdown/nile-dropdown.js +21 -5
- package/dist/src/nile-dropdown/nile-dropdown.js.map +1 -1
- package/dist/src/nile-inline-sidebar/nile-inline-sidebar.css.d.ts +1 -0
- package/dist/src/nile-inline-sidebar/nile-inline-sidebar.css.js +75 -17
- package/dist/src/nile-inline-sidebar/nile-inline-sidebar.css.js.map +1 -1
- package/dist/src/nile-inline-sidebar/nile-inline-sidebar.d.ts +17 -1
- package/dist/src/nile-inline-sidebar/nile-inline-sidebar.js +147 -18
- package/dist/src/nile-inline-sidebar/nile-inline-sidebar.js.map +1 -1
- package/dist/src/nile-inline-sidebar-group/nile-inline-sidebar-group.css.d.ts +1 -0
- package/dist/src/nile-inline-sidebar-group/nile-inline-sidebar-group.css.js +7 -7
- package/dist/src/nile-inline-sidebar-group/nile-inline-sidebar-group.css.js.map +1 -1
- package/dist/src/nile-inline-sidebar-item/nile-inline-sidebar-item.css.d.ts +1 -1
- package/dist/src/nile-inline-sidebar-item/nile-inline-sidebar-item.css.js +15 -17
- package/dist/src/nile-inline-sidebar-item/nile-inline-sidebar-item.css.js.map +1 -1
- package/dist/src/nile-inline-sidebar-item/nile-inline-sidebar-item.d.ts +7 -1
- package/dist/src/nile-inline-sidebar-item/nile-inline-sidebar-item.js +63 -4
- package/dist/src/nile-inline-sidebar-item/nile-inline-sidebar-item.js.map +1 -1
- package/dist/src/nile-inline-sidebar-item-body/index.d.ts +1 -0
- package/dist/src/nile-inline-sidebar-item-body/index.js +2 -0
- package/dist/src/nile-inline-sidebar-item-body/index.js.map +1 -0
- package/dist/src/nile-inline-sidebar-item-body/nile-inline-sidebar-item-body.css.d.ts +9 -0
- package/dist/src/nile-inline-sidebar-item-body/nile-inline-sidebar-item-body.css.js +62 -0
- package/dist/src/nile-inline-sidebar-item-body/nile-inline-sidebar-item-body.css.js.map +1 -0
- package/dist/src/nile-inline-sidebar-item-body/nile-inline-sidebar-item-body.d.ts +45 -0
- package/dist/src/nile-inline-sidebar-item-body/nile-inline-sidebar-item-body.js +110 -0
- package/dist/src/nile-inline-sidebar-item-body/nile-inline-sidebar-item-body.js.map +1 -0
- package/dist/src/nile-inline-sidebar-item-header/index.d.ts +1 -0
- package/dist/src/nile-inline-sidebar-item-header/index.js +2 -0
- package/dist/src/nile-inline-sidebar-item-header/index.js.map +1 -0
- package/dist/src/nile-inline-sidebar-item-header/nile-inline-sidebar-item-header.css.d.ts +9 -0
- package/dist/src/nile-inline-sidebar-item-header/nile-inline-sidebar-item-header.css.js +36 -0
- package/dist/src/nile-inline-sidebar-item-header/nile-inline-sidebar-item-header.css.js.map +1 -0
- package/dist/src/nile-inline-sidebar-item-header/nile-inline-sidebar-item-header.d.ts +34 -0
- package/dist/src/nile-inline-sidebar-item-header/nile-inline-sidebar-item-header.js +68 -0
- package/dist/src/nile-inline-sidebar-item-header/nile-inline-sidebar-item-header.js.map +1 -0
- package/dist/src/nile-inline-sidebar-panel/index.d.ts +1 -0
- package/dist/src/nile-inline-sidebar-panel/index.js +2 -0
- package/dist/src/nile-inline-sidebar-panel/index.js.map +1 -0
- package/dist/src/nile-inline-sidebar-panel/nile-inline-sidebar-panel.css.d.ts +9 -0
- package/dist/src/nile-inline-sidebar-panel/nile-inline-sidebar-panel.css.js +28 -0
- package/dist/src/nile-inline-sidebar-panel/nile-inline-sidebar-panel.css.js.map +1 -0
- package/dist/src/nile-inline-sidebar-panel/nile-inline-sidebar-panel.d.ts +35 -0
- package/dist/src/nile-inline-sidebar-panel/nile-inline-sidebar-panel.js +55 -0
- package/dist/src/nile-inline-sidebar-panel/nile-inline-sidebar-panel.js.map +1 -0
- package/dist/src/nile-inline-sidebar-panel-group/index.d.ts +1 -0
- package/dist/src/nile-inline-sidebar-panel-group/index.js +2 -0
- package/dist/src/nile-inline-sidebar-panel-group/index.js.map +1 -0
- package/dist/src/nile-inline-sidebar-panel-group/nile-inline-sidebar-panel-group.css.d.ts +9 -0
- package/dist/src/nile-inline-sidebar-panel-group/nile-inline-sidebar-panel-group.css.js +39 -0
- package/dist/src/nile-inline-sidebar-panel-group/nile-inline-sidebar-panel-group.css.js.map +1 -0
- package/dist/src/nile-inline-sidebar-panel-group/nile-inline-sidebar-panel-group.d.ts +43 -0
- package/dist/src/nile-inline-sidebar-panel-group/nile-inline-sidebar-panel-group.js +93 -0
- package/dist/src/nile-inline-sidebar-panel-group/nile-inline-sidebar-panel-group.js.map +1 -0
- package/dist/src/nile-nav-tab/index.d.ts +1 -0
- package/dist/src/nile-nav-tab/index.js +2 -0
- package/dist/src/nile-nav-tab/index.js.map +1 -0
- package/dist/src/nile-nav-tab/nile-nav-tab.css.d.ts +9 -0
- package/dist/src/nile-nav-tab/nile-nav-tab.css.js +199 -0
- package/dist/src/nile-nav-tab/nile-nav-tab.css.js.map +1 -0
- package/dist/src/nile-nav-tab/nile-nav-tab.d.ts +50 -0
- package/dist/src/nile-nav-tab/nile-nav-tab.js +190 -0
- package/dist/src/nile-nav-tab/nile-nav-tab.js.map +1 -0
- package/dist/src/nile-nav-tab/nile-nav-tab.test.d.ts +1 -0
- package/dist/src/nile-nav-tab/nile-nav-tab.test.js +656 -0
- package/dist/src/nile-nav-tab/nile-nav-tab.test.js.map +1 -0
- package/dist/src/nile-nav-tab-group/index.d.ts +1 -0
- package/dist/src/nile-nav-tab-group/index.js +2 -0
- package/dist/src/nile-nav-tab-group/index.js.map +1 -0
- package/dist/src/nile-nav-tab-group/nile-nav-tab-group.css.d.ts +12 -0
- package/dist/src/nile-nav-tab-group/nile-nav-tab-group.css.js +680 -0
- package/dist/src/nile-nav-tab-group/nile-nav-tab-group.css.js.map +1 -0
- package/dist/src/nile-nav-tab-group/nile-nav-tab-group.d.ts +119 -0
- package/dist/src/nile-nav-tab-group/nile-nav-tab-group.js +765 -0
- package/dist/src/nile-nav-tab-group/nile-nav-tab-group.js.map +1 -0
- package/dist/src/nile-nav-tab-group/nile-nav-tab-group.test.d.ts +3 -0
- package/dist/src/nile-nav-tab-group/nile-nav-tab-group.test.js +838 -0
- package/dist/src/nile-nav-tab-group/nile-nav-tab-group.test.js.map +1 -0
- package/dist/src/nile-nav-tab-panel/index.d.ts +1 -0
- package/dist/src/nile-nav-tab-panel/index.js +2 -0
- package/dist/src/nile-nav-tab-panel/index.js.map +1 -0
- package/dist/src/nile-nav-tab-panel/nile-nav-tab-panel.css.d.ts +15 -0
- package/dist/src/nile-nav-tab-panel/nile-nav-tab-panel.css.js +37 -0
- package/dist/src/nile-nav-tab-panel/nile-nav-tab-panel.css.js.map +1 -0
- package/dist/src/nile-nav-tab-panel/nile-nav-tab-panel.d.ts +37 -0
- package/dist/src/nile-nav-tab-panel/nile-nav-tab-panel.js +75 -0
- package/dist/src/nile-nav-tab-panel/nile-nav-tab-panel.js.map +1 -0
- package/dist/src/nile-nav-tab-panel/nile-nav-tab-panel.test.d.ts +1 -0
- package/dist/src/nile-nav-tab-panel/nile-nav-tab-panel.test.js +534 -0
- package/dist/src/nile-nav-tab-panel/nile-nav-tab-panel.test.js.map +1 -0
- package/dist/src/nile-stepper-item/nile-stepper-item.js +1 -1
- package/dist/src/nile-stepper-item/nile-stepper-item.js.map +1 -1
- package/dist/src/nile-vertical-stepper-item/nile-vertical-stepper-item.js +1 -1
- package/dist/src/nile-vertical-stepper-item/nile-vertical-stepper-item.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 +7 -2
- package/src/index.ts +7 -0
- package/src/internal/enum.ts +8 -1
- package/src/nile-auto-complete/nile-auto-complete.ts +1 -1
- package/src/nile-calendar/nile-calendar.css.ts +0 -3
- package/src/nile-calendar/nile-calendar.ts +2 -2
- package/src/nile-dropdown/nile-dropdown.ts +23 -5
- package/src/nile-inline-sidebar/nile-inline-sidebar.css.ts +75 -17
- package/src/nile-inline-sidebar/nile-inline-sidebar.ts +148 -18
- package/src/nile-inline-sidebar-group/nile-inline-sidebar-group.css.ts +7 -7
- package/src/nile-inline-sidebar-item/nile-inline-sidebar-item.css.ts +15 -17
- package/src/nile-inline-sidebar-item/nile-inline-sidebar-item.ts +74 -9
- package/src/nile-inline-sidebar-item-body/index.ts +1 -0
- package/src/nile-inline-sidebar-item-body/nile-inline-sidebar-item-body.css.ts +64 -0
- package/src/nile-inline-sidebar-item-body/nile-inline-sidebar-item-body.ts +110 -0
- package/src/nile-inline-sidebar-item-header/index.ts +1 -0
- package/src/nile-inline-sidebar-item-header/nile-inline-sidebar-item-header.css.ts +38 -0
- package/src/nile-inline-sidebar-item-header/nile-inline-sidebar-item-header.ts +69 -0
- package/src/nile-inline-sidebar-panel/index.ts +1 -0
- package/src/nile-inline-sidebar-panel/nile-inline-sidebar-panel.css.ts +30 -0
- package/src/nile-inline-sidebar-panel/nile-inline-sidebar-panel.ts +53 -0
- package/src/nile-inline-sidebar-panel-group/index.ts +1 -0
- package/src/nile-inline-sidebar-panel-group/nile-inline-sidebar-panel-group.css.ts +41 -0
- package/src/nile-inline-sidebar-panel-group/nile-inline-sidebar-panel-group.ts +101 -0
- package/src/nile-nav-tab/index.ts +1 -0
- package/src/nile-nav-tab/nile-nav-tab.css.ts +201 -0
- package/src/nile-nav-tab/nile-nav-tab.test.ts +768 -0
- package/src/nile-nav-tab/nile-nav-tab.ts +198 -0
- package/src/nile-nav-tab-group/index.ts +1 -0
- package/src/nile-nav-tab-group/nile-nav-tab-group.css.ts +682 -0
- package/src/nile-nav-tab-group/nile-nav-tab-group.test.ts +1009 -0
- package/src/nile-nav-tab-group/nile-nav-tab-group.ts +845 -0
- package/src/nile-nav-tab-panel/index.ts +1 -0
- package/src/nile-nav-tab-panel/nile-nav-tab-panel.css.ts +39 -0
- package/src/nile-nav-tab-panel/nile-nav-tab-panel.test.ts +797 -0
- package/src/nile-nav-tab-panel/nile-nav-tab-panel.ts +78 -0
- package/src/nile-stepper-item/nile-stepper-item.ts +1 -1
- package/src/nile-vertical-stepper-item/nile-vertical-stepper-item.ts +1 -1
- package/vscode-html-custom-data.json +273 -3
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import{__decorate as i}from"tslib";import{html as s,nothing as n}from"lit";import{query as o,property as e,state as t,customElement as c}from"lit/decorators.js";import{classMap as r}from"lit/directives/class-map.js";import{styleMap as m}from"lit/directives/style-map.js";import{s as l}from"../internal/scroll.esm.js";import{w as p}from"../internal/watch.esm.js";import{N as g}from"../internal/nile-element.esm.js";import{s as a}from"./nile-nav-tab-group.css.esm.js";import{M as v}from"../internal/enum.esm.js";import"../nile-icon-button/nile-icon-button.esm.js";import"../internal/offset.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"../nile-icon-button/nile-icon-button.css.esm.js";import"../nile-icon/index.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"lit/static-html.js";import"lit/directives/if-defined.js";let j=class extends g{constructor(){super(...arguments),this.pillRepositionTimer=null,this.pillTransitionClassTimer=null,this.pillReady=!1,this.observedTabs=new Set,this.tabs=[],this.panels=[],this.handleCloseEvent=i=>{if(i.target===this)return;const s=i.target,n=s?.getAttribute("panel");n&&(i.stopImmediatePropagation(),i.stopPropagation(),this.syncIndicator(),this.emit("nile-close",{panel:n}))},this.tabGroupWasIntersecting=!1,this.lastNavClientWidth=0,this.hasScrollControls=!1,this.placement="top",this.activeTabProp="",this.noTrack=!1,this.noScrollControls=!1,this.centered=!1,this.variant="underline",this.indicatorPlacement="",this.fullWidth=!1,this.width="",this.showIndicatorOnHover=!1,this.activeTabName=""}get showScrollControlButtons(){return!this.noScrollControls&&this.hasScrollControls}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver((()=>{this.setScrollControls();const i=this.nav?.clientWidth??0,s=0===this.lastNavClientWidth&&i>0;this.lastNavClientWidth=i,this.repositionIndicator({skipTransition:s}),this.debouncedPositionPill()})),this.mutationObserver=new MutationObserver((i=>{if(i.some((i=>!["aria-labelledby","aria-controls"].includes(i.attributeName)))&&setTimeout((()=>this.setAriaLabels())),i.some((i=>"disabled"===i.attributeName))&&this.syncTabsAndPanels(),i.some((i=>"active"===i.attributeName))){const i=this.getAllTabs({includeDisabled:!1}).find((i=>i.active));i&&i.panel!==this.activeTabName&&(this.activeTabName=i.panel)}i.some((i=>"childList"===i.type||"characterData"===i.type))&&(this.repositionIndicator(),this.debouncedPositionPill(),requestAnimationFrame((()=>this.setScrollControls())))})),this.updateComplete.then((async()=>{if(this.setScrollControls(),await Promise.all(this.getAllTabs({includeDisabled:!0}).map((i=>i.updateComplete))),await Promise.all(this.getAllPanels().map((i=>i.updateComplete))),this.syncTabsAndPanels(),this.activeTabProp)this.activeTabName=this.activeTabProp;else{const i=this.getActiveTab();this.activeTabName=i?i.panel:""}requestAnimationFrame((()=>{this.indicator&&(this.indicator.style.transition="none"),this.syncIndicator(),this.positionPill(),requestAnimationFrame((()=>{this.indicator&&(this.indicator.style.transition="")}))})),this.mutationObserver.observe(this,{attributes:!0,childList:!0,subtree:!0,characterData:!0}),this.resizeObserver.observe(this.nav),this.visibilityObserver=new IntersectionObserver((i=>{const s=i[0];if(s.isIntersecting&&s.intersectionRatio>0){this.setAriaLabels(),this.debouncedPositionPill();const i=!this.tabGroupWasIntersecting;this.tabGroupWasIntersecting=!0,this.repositionIndicator({skipTransition:i})}else this.tabGroupWasIntersecting=!1})),this.visibilityObserver.observe(this.tabGroup)})),this.addEventListener("nile-close",this.handleCloseEvent),this.addEventListener("click",this.handleNavClick),this.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){this.mutationObserver.disconnect(),this.resizeObserver.disconnect(),this.observedTabs.clear(),this.visibilityObserver?.disconnect(),this.removeEventListener("nile-close",this.handleCloseEvent),this.removeEventListener("click",this.handleNavClick),this.removeEventListener("keydown",this.handleKeyDown)}updated(i){let s=i.has("activeTabName");if(i.has("activeTabProp")&&this.activeTabName!==this.activeTabProp&&(this.activeTabName=this.activeTabProp,s=!0),s){const i=this.getActiveTab();i&&this.setActiveTab(i,{scrollBehavior:"smooth"})}i.has("noScrollControls")&&requestAnimationFrame((()=>this.setScrollControls()))}syncIndicator(){if(requestAnimationFrame((()=>this.setScrollControls())),!this.indicator)return;const i=this.getActiveTab();i&&!i.disabled?(this.indicator.style.display="block",this.repositionIndicator()):this.indicator.style.display="none"}handleNavClick(i){const s=i.composedPath().find((i=>i instanceof HTMLElement&&"nile-nav-tab"===i.tagName.toLowerCase()));if(!s)return;if(!this.getAllTabs({includeDisabled:!0}).includes(s))return;if(s.hasAttribute("disabled")||s.disabled)return;Object.values(v).some((s=>i[s]))||0!==i.button||(this.activeTabProp=s.panel,this.activeTabName=s.panel,s.focus())}positionPill(i=!1){const s=this.shadowRoot?.querySelector(".nav-tab-group__pill");if(!s)return;this.pillTransitionClassTimer&&(clearTimeout(this.pillTransitionClassTimer),this.pillTransitionClassTimer=null);const n=this.getActiveTab();if(!n||n.disabled)return s.classList.add("nav-tab-group__pill--inactive"),void s.classList.remove("nav-tab-group__pill--transitioning");s.classList.remove("nav-tab-group__pill--inactive");const o=n.shadowRoot?.querySelector(".nav-tab-container");if(!o)return;const e=this.shadowRoot?.querySelector(".nav-tab-group__tabs");if(!e)return;if(0===o.offsetWidth||0===o.offsetHeight)return;const t=this.getLayoutBoxRelativeToContainer(o,e);if(!t)return;const c=t.x,r=t.y,m=t.width,l=t.height,p=e.clientWidth,g=Math.max(0,p-c-m);if(i){const i="cubic-bezier(0.4, 0, 0.2, 1)";s.style.transition=`left 400ms ${i}, right 400ms ${i}, top 400ms ${i}, height 400ms ${i}`,"toggle"===this.variant&&s.classList.add("nav-tab-group__pill--transitioning")}else s.style.transition="","toggle"===this.variant&&s.classList.remove("nav-tab-group__pill--transitioning");if(s.style.transform="",s.style.left=`${c}px`,s.style.right=`${g}px`,s.style.width="auto",s.style.top=`${r}px`,s.style.height=`${l}px`,s.style.opacity="1",this.pillReady||(this.pillReady=!0),i){const i=()=>{s.style.transition="",s.removeEventListener("transitionend",i)};s.addEventListener("transitionend",i),"toggle"===this.variant&&(this.pillTransitionClassTimer=setTimeout((()=>{this.pillTransitionClassTimer=null,s.classList.remove("nav-tab-group__pill--transitioning")}),420))}}debouncedPositionPill(){this.pillRepositionTimer&&clearTimeout(this.pillRepositionTimer),this.pillRepositionTimer=setTimeout((()=>{this.pillRepositionTimer=null,this.positionPill()}),150)}handleTabHover(i){if(!this.showIndicatorOnHover)return;const s=i.composedPath().find((i=>i instanceof HTMLElement&&"nile-nav-tab"===i.tagName.toLowerCase()));if(!s||s.disabled||s.hasAttribute("disabled"))return;this.getAllTabs({includeDisabled:!0}).includes(s)&&this.positionHoverIndicator(s)}handleTabHoverLeave(){this.showIndicatorOnHover&&this.hoverIndicator&&(this.hoverIndicator.style.opacity="0")}positionHoverIndicator(i){if(!this.hoverIndicator)return;const s=this.shadowRoot?.querySelector(".nav-tab-group__tabs");if(!s)return;const n=i.shadowRoot?.querySelector(".nav-tab-container");if(!n)return;const o=this.getLayoutBoxRelativeToContainer(n,s);if(o){switch(this.hoverIndicator.style.transition="none",this.placement){case"top":case"bottom":this.hoverIndicator.style.width=`${n.offsetWidth}px`,this.hoverIndicator.style.height="auto",this.hoverIndicator.style.translate=`${o.x}px 0px`;break;case"start":case"end":this.hoverIndicator.style.height=`${n.offsetHeight}px`,this.hoverIndicator.style.width="auto",this.hoverIndicator.style.translate=`0px ${o.y}px`}this.hoverIndicator.style.opacity="1"}}render(){const i="filled"===this.variant||"neutral-filled"===this.variant||"toggle"===this.variant||"toggle-button"===this.variant,o="filled"!==this.variant&&"neutral-filled"!==this.variant&&"toggle-button"!==this.variant&&"toggle"!==this.variant,e="toggle"===this.variant;return s`
|
|
2
|
+
<div
|
|
3
|
+
part="base"
|
|
4
|
+
class=${r({"nav-tab-group":!0,"nav-tab-group--top":"top"===this.placement,"nav-tab-group--bottom":"bottom"===this.placement,"nav-tab-group--start":"start"===this.placement,"nav-tab-group--end":"end"===this.placement,"nav-tab-group--rtl":!0,"nav-tab-group--has-scroll-controls":this.showScrollControlButtons,hide__track:this.noTrack})}
|
|
5
|
+
style=${m(this.width?{"--nav-tab-item-width":this.width}:{})}
|
|
6
|
+
>
|
|
7
|
+
<nav class="nav-tab-group__nav-container" part="nav">
|
|
8
|
+
${e?s`<div class="nav-tab-group__toggle-frame" part="toggle-frame"></div>`:n}
|
|
9
|
+
${this.showScrollControlButtons?s`
|
|
10
|
+
<nile-icon-button
|
|
11
|
+
part="scroll-button scroll-button--start"
|
|
12
|
+
exportparts="base:scroll-button__base"
|
|
13
|
+
class="nav-tab-group__scroll-button nav-tab-group__scroll-button--start"
|
|
14
|
+
name='var(--nile-icon-arrow-right, var(--ng-icon-chevron-right))'
|
|
15
|
+
library="system"
|
|
16
|
+
label="scrollToStart"
|
|
17
|
+
@click=${this.handleScrollToEnd}
|
|
18
|
+
></nile-icon-button>
|
|
19
|
+
`:n}
|
|
20
|
+
|
|
21
|
+
<div part="tab-container" class="nav-tab-group__nav">
|
|
22
|
+
<ul part="tabs" class="nav-tab-group__tabs" role="tablist">
|
|
23
|
+
${o?s`
|
|
24
|
+
<div part="active-tab-indicator-path" class="nav-tab-group__indicator__path"></div>
|
|
25
|
+
<div
|
|
26
|
+
part="active-tab-indicator"
|
|
27
|
+
class=${r({"nav-tab-group__indicator":!this.noTrack})}
|
|
28
|
+
></div>
|
|
29
|
+
`:n}
|
|
30
|
+
|
|
31
|
+
${!this.noTrack&&o&&this.showIndicatorOnHover?s`
|
|
32
|
+
<div class="nav-tab-group__hover-indicator" part="hover-tab-indicator"></div>
|
|
33
|
+
`:n}
|
|
34
|
+
|
|
35
|
+
${i?s`<div class="nav-tab-group__pill" part="active-tab-pill"></div>`:n}
|
|
36
|
+
|
|
37
|
+
<slot
|
|
38
|
+
name="nav"
|
|
39
|
+
@mouseover=${this.handleTabHover}
|
|
40
|
+
@mouseleave=${this.handleTabHoverLeave}
|
|
41
|
+
@slotchange=${this.syncTabsAndPanels}
|
|
42
|
+
></slot>
|
|
43
|
+
</ul>
|
|
44
|
+
</div>
|
|
45
|
+
|
|
46
|
+
${this.showScrollControlButtons?s`
|
|
47
|
+
<nile-icon-button
|
|
48
|
+
part="scroll-button scroll-button--end"
|
|
49
|
+
exportparts="base:scroll-button__base"
|
|
50
|
+
class="nav-tab-group__scroll-button nav-tab-group__scroll-button--end"
|
|
51
|
+
name='var(--nile-icon-arrow-left, var(--ng-icon-chevron-left))'
|
|
52
|
+
library="system"
|
|
53
|
+
label="scrollToEnd"
|
|
54
|
+
@click=${this.handleScrollToStart}
|
|
55
|
+
></nile-icon-button>
|
|
56
|
+
`:n}
|
|
57
|
+
</nav>
|
|
58
|
+
|
|
59
|
+
<slot part="body" class="nav-tab-group__body" @slotchange=${this.syncTabsAndPanels}></slot>
|
|
60
|
+
</div>
|
|
61
|
+
`}getAllTabs(i={includeDisabled:!0}){const s=this.shadowRoot.querySelector('slot[name="nav"]').assignedElements().filter((i=>"nile-nav-tab"===i.tagName.toLowerCase()));return i.includeDisabled?s:s.filter((i=>!i.disabled))}getAllPanels(){return[...this.body.assignedElements()].filter((i=>"nile-nav-tab-panel"===i.tagName.toLowerCase()))}getActiveTab(){return this.tabs.find((i=>this.activeTabName?i.panel===this.activeTabName:i.active))??this.tabs.find((i=>!i.disabled))??this.tabs[0]}setScrollControls(){this.nav&&(this.noScrollControls?this.hasScrollControls=!1:this.hasScrollControls=["top","bottom"].includes(this.placement)&&this.nav.scrollWidth>this.nav.clientWidth)}handleKeyDown(i){const s=i.composedPath().find((i=>i instanceof HTMLElement&&"nile-nav-tab"===i.tagName.toLowerCase()));if(s?.disabled)return void i.preventDefault();if(!s||!this.tabs.includes(s))return;if("Enter"===i.key||" "===i.key)return i.preventDefault(),this.activeTabProp=s.panel,void(this.activeTabName=s.panel);if(!["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(i.key))return;let n=this.tabs.indexOf(s);const o=["top","bottom"].includes(this.placement),e="rtl"===getComputedStyle(this).direction;"Home"===i.key?n=0:"End"===i.key?n=this.tabs.length-1:o&&(e&&"ArrowRight"===i.key||!e&&"ArrowLeft"===i.key)||["start","end"].includes(this.placement)&&"ArrowUp"===i.key?n--:(o&&(e&&"ArrowLeft"===i.key||!e&&"ArrowRight"===i.key)||["start","end"].includes(this.placement)&&"ArrowDown"===i.key)&&n++,n<0&&(n=this.tabs.length-1),n>this.tabs.length-1&&(n=0),this.tabs[n].focus({preventScroll:!0}),o&&l(this.tabs[n],this.nav,"horizontal"),i.preventDefault()}handleScrollToStart(){this.nav.scroll({left:-this.nav.scrollWidth,behavior:"smooth"})}handleScrollToEnd(){this.nav.scroll({left:this.nav.scrollWidth,behavior:"smooth"})}setActiveTab(i,s){if(s={emitEvents:!0,scrollBehavior:"auto",...s},i!==this.activeTab&&!i.disabled){const n=this.activeTab;this.activeTab=i,this.activeTabProp!==this.activeTab.panel&&(this.activeTabProp=this.activeTab.panel),this.tabs.forEach((i=>i.active=i===this.activeTab)),this.panels.forEach((i=>i.active=i.name===this.activeTab?.panel)),this.syncIndicator(),this.positionPill(this.pillReady),["top","bottom"].includes(this.placement)&&l(this.activeTab,this.nav,"horizontal",s.scrollBehavior),s.emitEvents&&this.emit("nile-tab-change",{value:this.activeTab.panel,previousValue:n?.panel??null,index:this.tabs.indexOf(this.activeTab),previousIndex:n?this.tabs.indexOf(n):-1,link:this.activeTab.link})}}setAriaLabels(){const i=this.getAllTabs({includeDisabled:!0});for(const s of i){const i=this.panels.find((i=>i.name===s.panel));if(s.disabled){s.removeAttribute("aria-controls"),i&&i.removeAttribute("aria-labelledby");continue}if(!i)continue;const n=i.getAttribute("id"),o=s.getAttribute("id");n&&o&&(s.setAttribute("aria-controls",n),i.setAttribute("aria-labelledby",o))}}getRelativeOffsetToAncestor(i,s){let n=0,o=0,e=i;for(;e&&e!==s;)n+=e.offsetLeft,o+=e.offsetTop,e=e.offsetParent;return e===s?{x:n,y:o}:null}getLayoutBoxRelativeToContainer(i,s){const n=s.getBoundingClientRect(),o=i.getBoundingClientRect();if(0===o.width||0===o.height)return null;const e=s.offsetWidth>0?n.width/s.offsetWidth:1,t=s.offsetHeight>0?n.height/s.offsetHeight:1;if(e>0&&t>0&&Number.isFinite(e)&&Number.isFinite(t)){if(Math.abs(e-1)<.001&&Math.abs(t-1)<.001){const n=this.getRelativeOffsetToAncestor(i,s);if(n)return{x:n.x,y:n.y,width:i.offsetWidth,height:i.offsetHeight}}const c=(o.left-n.left)/e,r=(o.top-n.top)/t;let m=o.width/e,l=o.height/t;const p=i.offsetWidth,g=i.offsetHeight;return p>0&&(m=Math.min(m,p)),g>0&&(l=Math.min(l,g)),{x:c,y:r,width:m,height:l}}const c=this.getRelativeOffsetToAncestor(i,s);return c?{x:c.x,y:c.y,width:i.offsetWidth,height:i.offsetHeight}:null}repositionIndicator(i){const s=this.getActiveTab();if(!s||!this.indicator)return;const n=this.shadowRoot?.querySelector(".nav-tab-group__tabs");if(!n)return;const o=s.shadowRoot?.querySelector(".nav-tab-container");if(!o)return;const e=!0===i?.skipTransition;e&&(this.indicator.style.transition="none");const t=this.getLayoutBoxRelativeToContainer(o,n);if(!t)return void(e&&requestAnimationFrame((()=>{this.indicator&&(this.indicator.style.transition="")})));const c=t.x,r=t.y;switch(this.placement){case"top":case"bottom":this.indicator.style.width=`${t.width}px`,this.indicator.style.height="auto",this.indicator.style.translate=`${c}px 0px`;break;case"start":case"end":this.indicator.style.width="auto",this.indicator.style.height=`${t.height}px`,this.indicator.style.translate=`0px ${r}px`}e&&requestAnimationFrame((()=>{requestAnimationFrame((()=>{this.indicator&&(this.indicator.style.transition="")}))}))}syncTabsAndPanels(){this.tabs=this.getAllTabs({includeDisabled:!1}),this.panels=this.getAllPanels();const i=this.getAllTabs({includeDisabled:!0}),s=this.getAllTabs({includeDisabled:!1}),n=s.length,o=new Set(i);for(const i of this.observedTabs)o.has(i)||(this.resizeObserver.unobserve(i),this.observedTabs.delete(i));i.forEach((i=>{if(i.centered=this.centered,i.disabled)i.removeAttribute("aria-posinset"),i.removeAttribute("aria-setsize");else{const o=s.indexOf(i);i.setAttribute("aria-posinset",String(o+1)),i.setAttribute("aria-setsize",String(n))}this.observedTabs.has(i)||(this.resizeObserver.observe(i),this.observedTabs.add(i))})),this.setScrollControls(),this.setAriaLabels()}};j.styles=a,i([o(".nav-tab-group")],j.prototype,"tabGroup",void 0),i([o(".nav-tab-group__body")],j.prototype,"body",void 0),i([o(".nav-tab-group__nav")],j.prototype,"nav",void 0),i([o(".nav-tab-group__indicator")],j.prototype,"indicator",void 0),i([o(".nav-tab-group__hover-indicator")],j.prototype,"hoverIndicator",void 0),i([e({type:Boolean,reflect:!0,attribute:!0})],j.prototype,"hasScrollControls",void 0),i([e()],j.prototype,"placement",void 0),i([e({reflect:!0,attribute:"value",type:String})],j.prototype,"activeTabProp",void 0),i([e({type:Boolean,reflect:!0,attribute:"no-track"})],j.prototype,"noTrack",void 0),i([e({attribute:"no-scroll-controls",type:Boolean})],j.prototype,"noScrollControls",void 0),i([e({type:Boolean,reflect:!0})],j.prototype,"centered",void 0),i([e({type:String,reflect:!0})],j.prototype,"variant",void 0),i([e({type:String,reflect:!0})],j.prototype,"indicatorPlacement",void 0),i([e({type:Boolean,reflect:!0,attribute:!0})],j.prototype,"fullWidth",void 0),i([e({type:String,reflect:!0})],j.prototype,"width",void 0),i([e({type:Boolean,reflect:!0,attribute:!0})],j.prototype,"showIndicatorOnHover",void 0),i([t()],j.prototype,"activeTabName",void 0),i([p("placement",{waitUntilFirstUpdate:!0})],j.prototype,"syncIndicator",null),j=i([c("nile-nav-tab-group")],j);export{j as N};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
System.register(["./nile-nav-tab-panel.cjs.js","tslib","lit","lit/decorators.js","./nile-nav-tab-panel.css.cjs.js","lit/directives/class-map.js","../internal/watch.cjs.js","../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"],function(_export,_context){"use strict";return{setters:[function(_nileNavTabPanelCjsJs){_export("NileNavTabPanel",_nileNavTabPanelCjsJs.N);},function(_tslib){},function(_lit){},function(_litDecoratorsJs){},function(_nileNavTabPanelCssCjsJs){},function(_litDirectivesClassMapJs){},function(_internalWatchCjsJs){},function(_internalNileElementCjsJs){},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){}};});
|
|
2
|
+
//# sourceMappingURL=index.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{N as NileNavTabPanel}from"./nile-nav-tab-panel.esm.js";import"tslib";import"lit";import"lit/decorators.js";import"./nile-nav-tab-panel.css.esm.js";import"lit/directives/class-map.js";import"../internal/watch.esm.js";import"../internal/nile-element.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";
|
|
@@ -0,0 +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-nav-tab-panel.css.cjs.js","lit/directives/class-map.js","../internal/watch.cjs.js","../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"],function(_export,_context){"use strict";var t,e,i,s,a,n,r,l,_templateObject,o,c;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}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){e=_lit.html;},function(_litDecoratorsJs){i=_litDecoratorsJs.property;s=_litDecoratorsJs.customElement;},function(_nileNavTabPanelCssCjsJs){a=_nileNavTabPanelCssCjsJs.s;},function(_litDirectivesClassMapJs){n=_litDirectivesClassMapJs.classMap;},function(_internalWatchCjsJs){r=_internalWatchCjsJs.w;},function(_internalNileElementCjsJs){l=_internalNileElementCjsJs.N;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){o=0,_export("N",c=/*#__PURE__*/function(_l){function c(){var _this;_classCallCheck(this,c);_this=_callSuper(this,c,arguments),_this.attrId=++o,_this.componentId="nile-nav-tab-panel-".concat(_this.attrId),_this.name="",_this.active=!1;return _this;}_inherits(c,_l);return _createClass(c,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(c,"connectedCallback",this,3)([]),this.id=this.id.length>0?this.id:this.componentId,this.setAttribute("role","tabpanel"),this.handleActiveChange();}},{key:"handleActiveChange",value:function handleActiveChange(){this.setAttribute("aria-hidden",this.active?"false":"true"),this.setAttribute("tabindex",this.active?"0":"-1");}},{key:"render",value:function render(){return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n <div\n part=\"base\"\n class=","\n>\n <slot></slot>\n</div>\n "])),n({"nav-tab-panel":!0,"nav-tab-panel--active":this.active}));}}]);}(l));c.styles=a,t([i({reflect:!0})],c.prototype,"name",void 0),t([i({type:Boolean,reflect:!0})],c.prototype,"active",void 0),t([r("active")],c.prototype,"handleActiveChange",null),_export("N",c=t([s("nile-nav-tab-panel")],c));}};});
|
|
2
|
+
//# sourceMappingURL=nile-nav-tab-panel.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"nile-nav-tab-panel.cjs.js","sources":["../../../src/nile-nav-tab-panel/nile-nav-tab-panel.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { html } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport {styles} from './nile-nav-tab-panel.css';\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\n\nlet id = 0;\n\n/**\n * Nile icon component.\n *\n * @tag nile-nav-tab-panel\n *\n * @slot - The tab panel's content.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --padding - The tab panel's padding.\n */\n@customElement('nile-nav-tab-panel')\nexport class NileNavTabPanel extends NileElement {\n\n static styles: CSSResultGroup = styles;\n\n private readonly attrId = ++id;\n private readonly componentId = `nile-nav-tab-panel-${this.attrId}`;\n\n /** The tab panel's name. */\n @property({ reflect: true }) name = '';\n\n /** When true, the tab panel will be shown. */\n @property({ type: Boolean, reflect: true }) active = false;\n\n connectedCallback() {\n super.connectedCallback();\n this.id = this.id.length > 0 ? this.id : this.componentId;\n this.setAttribute('role', 'tabpanel');\n this.handleActiveChange();\n }\n\n @watch('active')\n handleActiveChange() {\n this.setAttribute('aria-hidden', this.active ? 'false' : 'true');\n this.setAttribute('tabindex', this.active ? '0' : '-1');\n }\n\n render() {\n return html`\n <div\n part=\"base\"\n class=${classMap({\n 'nav-tab-panel': true,\n 'nav-tab-panel--active': this.active\n })}\n>\n <slot></slot>\n</div>\n `;\n }\n}\n\nexport default NileNavTabPanel;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-nav-tab-panel': NileNavTabPanel;\n }\n}\n"],"names":["id","NileNavTabPanel","c","this","attrId","componentId","name","active","_this","_inherits","_l","_createClass","key","value","connectedCallback","super","length","setAttribute","handleActiveChange","render","html","_templateObject","_taggedTemplateLiteral","classMap","NileElement","styles","__decorate","property","reflect","prototype","type","Boolean","watch","customElement"],"mappings":"goIAgBIA,CAAAA,CAAK,CAcIC,CAAAA,OAAAA,KAAAA,CAAAA,uBAAAA,EAAAA,EAAN,SAAAC,EAAA,uEAIYC,KAAAA,CAAMC,MAAKJ,CAAAA,EAAAA,CAAAA,CACXG,KAAAA,CAAAE,WAAAA,uBAAAA,MAAAA,CAAoCF,KAAAA,CAAKC,MAAAA,CAAAA,CAG7BD,KAAAA,CAAIG,IAAG,CAAA,EAAA,CAGQH,KAAAA,CAAMI,MAAG,CAAA,CAAA,CA4BtD,QAAAC,KAAA,EA1BCC,SAAA,CAAAP,CAAA,CAAAQ,EAAA,SAAAC,YAAA,CAAAT,CAAA,GAAAU,GAAA,qBAAAC,KAAA,UAAAC,iBAAAA,CAAAA,EACEC,aAAAA,CAAAA,CAAAA,iCACAZ,KAAKH,EAAKG,CAAAA,IAAAA,CAAKH,GAAGgB,MAAS,CAAA,CAAA,CAAIb,IAAKH,CAAAA,EAAAA,CAAKG,KAAKE,WAC9CF,CAAAA,IAAAA,CAAKc,aAAa,MAAQ,CAAA,UAAA,CAAA,CAC1Bd,KAAKe,kBACN,CAAA,CAAA,EAGD,GAAAN,GAAA,sBAAAC,KAAA,UAAAK,kBAAAA,CAAAA,CAAAA,CACEf,KAAKc,YAAa,CAAA,aAAA,CAAed,KAAKI,MAAS,CAAA,OAAA,CAAU,QACzDJ,IAAKc,CAAAA,YAAAA,CAAa,UAAYd,CAAAA,IAAAA,CAAKI,OAAS,GAAM,CAAA,IAAA,CACnD,EAED,GAAAK,GAAA,UAAAC,KAAA,UAAAM,MAAAA,CAAAA,CAAAA,CACE,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,6FAGAC,CAAAA,CAAS,CAClB,eAAA,CAAA,CAAiB,CACjB,CAAA,uBAAA,CAAyBpB,IAAKI,CAAAA,MAAAA,CAAAA,CAAAA,EAMjC,CAAA,MAtCkCiB,CAA9B,GAEEvB,EAAMwB,MAAmBA,CAAAA,CAAAA,CAMHC,CAAA,CAAA,CAA5BC,EAAS,CAAEC,OAAAA,CAAAA,CAAS,CAAkB3B,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA4B,UAAA,MAAA,CAAA,IAAA,EAAA,CAAA,CAGKH,EAAA,CAA3CC,CAAAA,CAAS,CAAEG,IAAMC,CAAAA,OAAAA,CAASH,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAuB3B,EAAA4B,SAAA,CAAA,QAAA,CAAA,IAAA,EAU3DH,CAAAA,CAAAA,CAAAA,CAAA,CADCM,CAAM,CAAA,QAAA,CAAA,CAAA,CAIN/B,CAAA4B,CAAAA,SAAAA,CAAA,qBAAA,IAxBU5B,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAeyB,EAAA,CAD3BO,CAAAA,CAAc,uBACFhC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
System.register(["lit"],function(_export,_context){"use strict";var n,_templateObject,o;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){n=_lit.css;}],execute:function execute(){_export("s",o=n(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n [hidden] {\n display: none;\n }\n\n :host {\n --padding: var(--nile-spacing-none, var(--ng-spacing-none));\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n display: none;\n }\n\n :host([active]) {\n display: block;\n }\n\n .nav-tab-panel {\n display: block;\n padding: var(--padding);\n }\n"]))));}};});
|
|
2
|
+
//# sourceMappingURL=nile-nav-tab-panel.css.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"nile-nav-tab-panel.css.cjs.js","sources":["../../../src/nile-nav-tab-panel/nile-nav-tab-panel.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit';\n\n/**\n * NileNavTabPanel styles\n */\nexport const styles = css`\n [hidden] {\n display: none;\n }\n\n :host {\n --padding: var(--nile-spacing-none, var(--ng-spacing-none));\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n display: none;\n }\n\n :host([active]) {\n display: block;\n }\n\n .nav-tab-panel {\n display: block;\n padding: var(--padding);\n }\n`;\n\n/**\n * NileNavTabPanel styles\n */\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import{css as n}from"lit";const o=n`
|
|
2
|
+
[hidden] {
|
|
3
|
+
display: none;
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
:host {
|
|
7
|
+
--padding: var(--nile-spacing-none, var(--ng-spacing-none));
|
|
8
|
+
-webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
|
|
9
|
+
-moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
|
|
10
|
+
text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
|
|
11
|
+
display: none;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
:host([active]) {
|
|
15
|
+
display: block;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.nav-tab-panel {
|
|
19
|
+
display: block;
|
|
20
|
+
padding: var(--padding);
|
|
21
|
+
}
|
|
22
|
+
`;export{o as s};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import{__decorate as t}from"tslib";import{html as e}from"lit";import{property as i,customElement as s}from"lit/decorators.js";import{s as a}from"./nile-nav-tab-panel.css.esm.js";import{classMap as n}from"lit/directives/class-map.js";import{w as r}from"../internal/watch.esm.js";import{N as l}from"../internal/nile-element.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";let o=0,m=class extends l{constructor(){super(...arguments),this.attrId=++o,this.componentId=`nile-nav-tab-panel-${this.attrId}`,this.name="",this.active=!1}connectedCallback(){super.connectedCallback(),this.id=this.id.length>0?this.id:this.componentId,this.setAttribute("role","tabpanel"),this.handleActiveChange()}handleActiveChange(){this.setAttribute("aria-hidden",this.active?"false":"true"),this.setAttribute("tabindex",this.active?"0":"-1")}render(){return e`
|
|
2
|
+
<div
|
|
3
|
+
part="base"
|
|
4
|
+
class=${n({"nav-tab-panel":!0,"nav-tab-panel--active":this.active})}
|
|
5
|
+
>
|
|
6
|
+
<slot></slot>
|
|
7
|
+
</div>
|
|
8
|
+
`}};m.styles=a,t([i({reflect:!0})],m.prototype,"name",void 0),t([i({type:Boolean,reflect:!0})],m.prototype,"active",void 0),t([r("active")],m.prototype,"handleActiveChange",null),m=t([s("nile-nav-tab-panel")],m);export{m as N};
|
|
@@ -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","lit/directives/class-map.js","./nile-stepper-item.css.cjs.js","../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"],function(_export,_context){"use strict";var t,e,i,s,l,
|
|
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","lit/directives/class-map.js","./nile-stepper-item.css.cjs.js","../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"],function(_export,_context){"use strict";var t,e,i,s,l,p,r,_,n,o,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,c;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}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 _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){e=_lit.html;i=_lit.nothing;},function(_litDecoratorsJs){s=_litDecoratorsJs.query;l=_litDecoratorsJs.property;p=_litDecoratorsJs.state;r=_litDecoratorsJs.customElement;},function(_litDirectivesClassMapJs){_=_litDirectivesClassMapJs.classMap;},function(_nileStepperItemCssCjsJs){n=_nileStepperItemCssCjsJs.s;},function(_internalNileElementCjsJs){o=_internalNileElementCjsJs.N;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){_export("N",c=/*#__PURE__*/function(_o){function c(){var _this;_classCallCheck(this,c);_this=_callSuper(this,c,arguments),_this.title="",_this.subtitle="",_this.completed=!1,_this.current=!1,_this.contentBelow=!1,_this.size="lg",_this.icon="tick",_this.isFirst=!1,_this.isLast=!1,_this.isComplete=!1,_this.isCurrent=!1,_this.isManualMode=!1,_this.haveFlex=!0;return _this;}_inherits(c,_o);return _createClass(c,[{key:"updated",value:function updated(t){if(t.has("subtitle")&&this.isLast&&!this.contentBelow&&this.subtitle){var _this$absoluteSubtitl,_this$absoluteSubtitl2;var _t=(_this$absoluteSubtitl=(_this$absoluteSubtitl2=this.absoluteSubtitle)===null||_this$absoluteSubtitl2===void 0?void 0:_this$absoluteSubtitl2.scrollWidth)!==null&&_this$absoluteSubtitl!==void 0?_this$absoluteSubtitl:"0";this.absoluteTitle.style.minWidth=_t+"px";}}},{key:"render",value:function render(){this.haveFlex||this.style.setProperty("--stepper-flex-val","0");var t=this.isManualMode?this.current:this.isCurrent,s=this.isManualMode?this.completed:this.isComplete;var l=!1;(s&&!t||this.completedStepValue==this.value)&&(l=!0);var p=!1;return s&&(p=!0,this.calculatedCompletedStepValue==this.value&&(p=!1)),e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t\t\t<div part=\"item\" class=\"","\">\n\t\t\t\t<div part=\"line-content\" class=\"stepper__line__content\">\n\t\t\t\t\t<div class=\"stepper__line__container\">\n\t\t\t\t\t\t","\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div part=\"bulletin\" class=",">\n\t\t\t\t\t\t","\n\t\t\t\t\t</div>\n\t\t\t\t\t\n\t\t\t\t\t<div part=\"line-container\" class=\"","\">\n\t\t\t\t\t\t","\n\t\t\t\t\t\t","\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t","\n\t\t\t</div>\n\t\t"])),_({stepper__item:!0,"stepper__item--selected":t,"stepper__item--sm":"sm"==this.size,"stepper__item--lg":"lg"==this.size}),this.isFirst?i:e(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n\t\t\t\t\t\t\t<hr class=\"","\"/>\n\t\t\t\t\t\t"])),_({stepper__line:!0,"stepper__line--active":s||t})),_({stepper__item__bulletin:!0,"stepper__item__bulletin--inline":!this.contentBelow}),l?e(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<div part=\"bulletin-icon\" class=\"","\">","</div>"])),_({"stepper__bulletin--icon":!0,"stepper__bulletin__icon--active":t}),this.getSvg()):e(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<div part=\"bulletin-dot\" class=\"","\"></div>"])),_({"stepper__bulletin--dot":!0,"stepper__bulletin__dot--active":t})),_({stepper__line__container:!0,"stepper__line--hastitle":!this.contentBelow}),this.contentBelow||!this.title?i:e(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n\n\t\t\t\t\t\t\t<div part=\"content-above\" class=\"stepper__item__content--above\">\n\t\t\t\t\t\t\t\t<div part=\"title_above\" class=\"","\">\n\t\t\t\t\t\t\t\t\t","\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"","\">","</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t"])),_({stepper__content__title:!0,"stepper__content__title--active":t}),this.title,_({stepper__content__subtitle:!0,"stepper__content__subtitle--active":t}),this.subtitle),this.isLast?i:e(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n\t\t\t\t\t\t\t<hr part=\"line\" class=\"","\" style=\"flex-grow:1;\"/>\n\t\t\t\t\t\t"])),_({stepper__line:!0,"stepper__line--active":p})),this.contentBelow?e(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n\t\t\t\t\t<div part=\"content-below\" class=\"stepper__item__content--below\">\n\t\t\t\t\t\t<div part=\"title_below\" class=\"","\">\n\t\t\t\t\t\t\t","\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div part=\"subtitle_below\" class=\"","\">","</div>\n\t\t\t\t\t</div>\n\t\t\t\t"])),_({stepper__content__title:!0,"stepper__content__title--active":t}),this.title,_({stepper__content__subtitle:!0,"stepper__content__subtitle--active":t}),this.subtitle):i);}},{key:"getSvg",value:function getSvg(){var t="sm"==this.size?20:"lg"==this.size?24:28;return e(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n\t\t<svg part=\"bulletin-svg\" width=\"","\" height=\"","\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M22.7953 9.85334L13.2487 19.0667L10.7153 16.36C10.2487 15.92 9.51534 15.8933 8.982 16.2667C8.462 16.6533 8.31534 17.3333 8.63534 17.88L11.6353 22.76C11.9287 23.2133 12.4353 23.4933 13.0087 23.4933C13.5553 23.4933 14.0753 23.2133 14.3687 22.76C14.8487 22.1333 24.0087 11.2133 24.0087 11.2133C25.2087 9.98668 23.7553 8.90668 22.7953 9.84001V9.85334Z\" fill=\"white\"/>\n\t\t</svg>\n\t\t"])),t,t);}}],[{key:"styles",get:function get(){return[n];}}]);}(o));t([s(".stepper__item__content--above .stepper__content__title")],c.prototype,"absoluteTitle",void 0),t([s(".stepper__item__content--above .stepper__content__subtitle")],c.prototype,"absoluteSubtitle",void 0),t([l({attribute:!0,reflect:!0})],c.prototype,"title",void 0),t([l({attribute:!0,reflect:!0})],c.prototype,"subtitle",void 0),t([l({attribute:!0,reflect:!0})],c.prototype,"completed",void 0),t([l({attribute:!0,reflect:!0})],c.prototype,"current",void 0),t([p()],c.prototype,"contentBelow",void 0),t([p()],c.prototype,"size",void 0),t([p()],c.prototype,"icon",void 0),t([p()],c.prototype,"isFirst",void 0),t([p()],c.prototype,"isLast",void 0),t([p()],c.prototype,"isComplete",void 0),t([p()],c.prototype,"isCurrent",void 0),t([p()],c.prototype,"isManualMode",void 0),t([p()],c.prototype,"currentStepValue",void 0),t([p()],c.prototype,"completedStepValue",void 0),t([p()],c.prototype,"calculatedCompletedStepValue",void 0),t([p()],c.prototype,"value",void 0),t([p()],c.prototype,"haveFlex",void 0),_export("N",c=t([r("nile-stepper-item")],c));}};});
|
|
2
2
|
//# sourceMappingURL=nile-stepper-item.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-stepper-item.cjs.js","sources":["../../../src/nile-stepper-item/nile-stepper-item.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, nothing, html, CSSResultArray, TemplateResult, PropertyValues } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styles } from './nile-stepper-item.css';\nimport NileElement from '../internal/nile-element';\n\n\n/**\n * Nile stepper-item component.\n *\n * @tag nile-stepper-item\n *\n */\n@customElement('nile-stepper-item')\nexport class NileStepperItem extends NileElement {\n\n\t@query('.stepper__item__content--above .stepper__content__title') absoluteTitle:HTMLDivElement;\n\t@query('.stepper__item__content--above .stepper__content__subtitle') absoluteSubtitle:HTMLDivElement;\n\n\t/* Properties passed directly */\n\t@property({attribute: true, reflect: true}) title: string = '';\n\t@property({attribute: true, reflect: true}) subtitle: string = '';\n\t@property({attribute: true, reflect: true}) completed: boolean = false;\n\t@property({attribute: true, reflect: true}) current: boolean = false;\n\n\t/* Properties passed to parent component: NileStepper */\n\t@state() private contentBelow = false;\n\t@state() private size : 'sm' | 'lg' = 'lg';\n\t@state() private icon = 'tick';\n\n\n\t/* Properties Computed at parent level component NileStepper */\n\t@state() private isFirst = false;\n\t@state() private isLast = false;\n\n\t@state() private isComplete = false;\n\t@state() private isCurrent = false;\n\t@state() private isManualMode = false;\n\t@state() private currentStepValue :Number;\n\t@state() private completedStepValue :Number;\n\t@state() private calculatedCompletedStepValue :Number;\n\n\t@state() private value :Number;\n\t@state() private haveFlex :Boolean=true;\n\n\t/**\n\t * The styles for nile-stepper-item\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t */\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n\tprotected updated(_changedProperties: PropertyValues): void {\n\t\tif(_changedProperties.has('subtitle') && this.isLast && !this.contentBelow && this.subtitle){\n\t\t\tconst subtitleWidth=this.absoluteSubtitle?.scrollWidth as number ?? '0';\n\t\t\tthis.absoluteTitle.style.minWidth=subtitleWidth+\"px\"\n\t\t}\n\t}\n\n\t/* #endregion */\n\n\t/* #region Methods */\n\n\t/**\n\t * Render method\n\t * @slot This is a slot test\n\t */\n\tpublic render(): TemplateResult {\n\n\t\tif (!this.haveFlex) this.style.setProperty('--stepper-flex-val', `0`);\n\t\tconst isCurrent = this.isManualMode ? this.current : this.isCurrent;\n\t\tconst isComplete = this.isManualMode ? this.completed : this.isComplete;\n\n\t\tlet showCompletedIcon = false;\n\t\tif (isComplete && !isCurrent || this.completedStepValue == this.value) showCompletedIcon = true;\n\n\t\tlet suffixStepperLineActive = false;\n\t\tif (isComplete) {\n\t\t\tsuffixStepperLineActive = true;\n\t\t\tif (this.calculatedCompletedStepValue == this.value) suffixStepperLineActive = false;\n\t\t}\n\t\treturn html`\n\t\t\t<div part=\"item\" class=\"${classMap({\n\t\t\t\t'stepper__item':true,\n\t\t\t\t'stepper__item--selected':isCurrent,\n\t\t\t\t'stepper__item--sm':this.size=='sm',\n\t\t\t\t'stepper__item--lg':this.size=='lg',\n\t\t\t})}\">\n\t\t\t\t<div part=\"line-content\" class=\"stepper__line__content\">\n\t\t\t\t\t<div class=\"stepper__line__container\">\n\t\t\t\t\t\t${this.isFirst ? nothing : html`\n\t\t\t\t\t\t\t<hr class=\"${classMap({\n\t\t\t\t\t\t\t\t'stepper__line':true,\n\t\t\t\t\t\t\t\t'stepper__line--active':isComplete || isCurrent\n\t\t\t\t\t\t\t})}\"/>\n\t\t\t\t\t\t`}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div part=\"bulletin\" class=${classMap({ 'stepper__item__bulletin':true, 'stepper__item__bulletin--inline': !this.contentBelow })}>\n\t\t\t\t\t\t${showCompletedIcon ? \n\t\t\t\t\t\t\thtml`<div part=\"bulletin-icon\" class=\"${classMap({ 'stepper__bulletin--icon':true, 'stepper__bulletin__icon--active':isCurrent })}\">${this.getSvg()}</div>`\n\t\t\t\t\t\t\t: html`<div part=\"bulletin-dot\" class=\"${classMap({ 'stepper__bulletin--dot':true, 'stepper__bulletin__dot--active':isCurrent })}\"></div>`\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t\t\n\t\t\t\t\t<div part=\"line-container\" class=\"${classMap({\n\t\t\t\t\t\t'stepper__line__container':true,\n\t\t\t\t\t\t'stepper__line--hastitle':!this.contentBelow\n\t\t\t\t\t})}\">\n\t\t\t\t\t\t${this.contentBelow || !this.title ? nothing:html`\n\n\t\t\t\t\t\t\t<div part=\"content-above\" class=\"stepper__item__content--above\">\n\t\t\t\t\t\t\t\t<div part=\"title_above\" class=\"${classMap({ 'stepper__content__title':true, 'stepper__content__title--active':isCurrent })}\">\n\t\t\t\t\t\t\t\t\t${this.title}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"${classMap({ 'stepper__content__subtitle':true, 'stepper__content__subtitle--active':isCurrent })}\">${this.subtitle}</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t`}\n\t\t\t\t\t\t${this.isLast ? nothing : html`\n\t\t\t\t\t\t\t<hr part=\"line\" class=\"${classMap({\n\t\t\t\t\t\t\t\t'stepper__line':true,\n\t\t\t\t\t\t\t\t'stepper__line--active':suffixStepperLineActive\n\t\t\t\t\t\t\t})}\" style=\"flex-grow:1;\"/>\n\t\t\t\t\t\t`}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t${this.contentBelow?\n\t\t\t\t\thtml`\n\t\t\t\t\t<div part=\"content-below\" class=\"stepper__item__content--below\">\n\t\t\t\t\t\t<div part=\"title_below\" class=\"${classMap({ 'stepper__content__title':true, 'stepper__content__title--active':isCurrent })}\">\n\t\t\t\t\t\t\t${this.title}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div part=\"subtitle_below\" class=\"${classMap({ 'stepper__content__subtitle':true, 'stepper__content__subtitle--active':isCurrent })}\">${this.subtitle}</div>\n\t\t\t\t\t</div>\n\t\t\t\t`:nothing}\n\t\t\t</div>\n\t\t`;\n\t}\n\n\tgetSvg():TemplateResult{\n\t\tlet iconSize = this.size == 'sm' ? 20 : this.size == 'lg' ? 24 : 28;\n\t\treturn html`\n\t\t<svg width=\"${iconSize}\" height=\"${iconSize}\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M22.7953 9.85334L13.2487 19.0667L10.7153 16.36C10.2487 15.92 9.51534 15.8933 8.982 16.2667C8.462 16.6533 8.31534 17.3333 8.63534 17.88L11.6353 22.76C11.9287 23.2133 12.4353 23.4933 13.0087 23.4933C13.5553 23.4933 14.0753 23.2133 14.3687 22.76C14.8487 22.1333 24.0087 11.2133 24.0087 11.2133C25.2087 9.98668 23.7553 8.90668 22.7953 9.84001V9.85334Z\" fill=\"white\"/>\n\t\t</svg>\n\t\t`\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileStepperItem;\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'nile-stepper-item': NileStepperItem;\n\t}\n}\n"],"names":["NileStepperItem","_o","c","this","title","subtitle","completed","current","contentBelow","size","icon","isFirst","isLast","isComplete","isCurrent","isManualMode","haveFlex","_this","_inherits","_createClass","key","value","updated","_changedProperties","has","_this$absoluteSubtitl","_this$absoluteSubtitl2","subtitleWidth","absoluteSubtitle","scrollWidth","absoluteTitle","style","minWidth","render","setProperty","showCompletedIcon","completedStepValue","suffixStepperLineActive","calculatedCompletedStepValue","html","_templateObject","_taggedTemplateLiteral","classMap","stepper__item","nothing","_templateObject2","stepper__line","stepper__item__bulletin","_templateObject3","getSvg","_templateObject4","stepper__line__container","_templateObject5","stepper__content__title","stepper__content__subtitle","_templateObject6","_templateObject7","iconSize","_templateObject8","get","styles","NileElement","__decorate","query","prototype","property","attribute","reflect","state","customElement"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"nile-stepper-item.cjs.js","sources":["../../../src/nile-stepper-item/nile-stepper-item.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, nothing, html, CSSResultArray, TemplateResult, PropertyValues } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { styles } from './nile-stepper-item.css';\nimport NileElement from '../internal/nile-element';\n\n\n/**\n * Nile stepper-item component.\n *\n * @tag nile-stepper-item\n *\n */\n@customElement('nile-stepper-item')\nexport class NileStepperItem extends NileElement {\n\n\t@query('.stepper__item__content--above .stepper__content__title') absoluteTitle:HTMLDivElement;\n\t@query('.stepper__item__content--above .stepper__content__subtitle') absoluteSubtitle:HTMLDivElement;\n\n\t/* Properties passed directly */\n\t@property({attribute: true, reflect: true}) title: string = '';\n\t@property({attribute: true, reflect: true}) subtitle: string = '';\n\t@property({attribute: true, reflect: true}) completed: boolean = false;\n\t@property({attribute: true, reflect: true}) current: boolean = false;\n\n\t/* Properties passed to parent component: NileStepper */\n\t@state() private contentBelow = false;\n\t@state() private size : 'sm' | 'lg' = 'lg';\n\t@state() private icon = 'tick';\n\n\n\t/* Properties Computed at parent level component NileStepper */\n\t@state() private isFirst = false;\n\t@state() private isLast = false;\n\n\t@state() private isComplete = false;\n\t@state() private isCurrent = false;\n\t@state() private isManualMode = false;\n\t@state() private currentStepValue :Number;\n\t@state() private completedStepValue :Number;\n\t@state() private calculatedCompletedStepValue :Number;\n\n\t@state() private value :Number;\n\t@state() private haveFlex :Boolean=true;\n\n\t/**\n\t * The styles for nile-stepper-item\n\t * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n\t */\n\tpublic static get styles(): CSSResultArray {\n\t\treturn [styles];\n\t}\n\n\tprotected updated(_changedProperties: PropertyValues): void {\n\t\tif(_changedProperties.has('subtitle') && this.isLast && !this.contentBelow && this.subtitle){\n\t\t\tconst subtitleWidth=this.absoluteSubtitle?.scrollWidth as number ?? '0';\n\t\t\tthis.absoluteTitle.style.minWidth=subtitleWidth+\"px\"\n\t\t}\n\t}\n\n\t/* #endregion */\n\n\t/* #region Methods */\n\n\t/**\n\t * Render method\n\t * @slot This is a slot test\n\t */\n\tpublic render(): TemplateResult {\n\n\t\tif (!this.haveFlex) this.style.setProperty('--stepper-flex-val', `0`);\n\t\tconst isCurrent = this.isManualMode ? this.current : this.isCurrent;\n\t\tconst isComplete = this.isManualMode ? this.completed : this.isComplete;\n\n\t\tlet showCompletedIcon = false;\n\t\tif (isComplete && !isCurrent || this.completedStepValue == this.value) showCompletedIcon = true;\n\n\t\tlet suffixStepperLineActive = false;\n\t\tif (isComplete) {\n\t\t\tsuffixStepperLineActive = true;\n\t\t\tif (this.calculatedCompletedStepValue == this.value) suffixStepperLineActive = false;\n\t\t}\n\t\treturn html`\n\t\t\t<div part=\"item\" class=\"${classMap({\n\t\t\t\t'stepper__item':true,\n\t\t\t\t'stepper__item--selected':isCurrent,\n\t\t\t\t'stepper__item--sm':this.size=='sm',\n\t\t\t\t'stepper__item--lg':this.size=='lg',\n\t\t\t})}\">\n\t\t\t\t<div part=\"line-content\" class=\"stepper__line__content\">\n\t\t\t\t\t<div class=\"stepper__line__container\">\n\t\t\t\t\t\t${this.isFirst ? nothing : html`\n\t\t\t\t\t\t\t<hr class=\"${classMap({\n\t\t\t\t\t\t\t\t'stepper__line':true,\n\t\t\t\t\t\t\t\t'stepper__line--active':isComplete || isCurrent\n\t\t\t\t\t\t\t})}\"/>\n\t\t\t\t\t\t`}\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div part=\"bulletin\" class=${classMap({ 'stepper__item__bulletin':true, 'stepper__item__bulletin--inline': !this.contentBelow })}>\n\t\t\t\t\t\t${showCompletedIcon ? \n\t\t\t\t\t\t\thtml`<div part=\"bulletin-icon\" class=\"${classMap({ 'stepper__bulletin--icon':true, 'stepper__bulletin__icon--active':isCurrent })}\">${this.getSvg()}</div>`\n\t\t\t\t\t\t\t: html`<div part=\"bulletin-dot\" class=\"${classMap({ 'stepper__bulletin--dot':true, 'stepper__bulletin__dot--active':isCurrent })}\"></div>`\n\t\t\t\t\t\t}\n\t\t\t\t\t</div>\n\t\t\t\t\t\n\t\t\t\t\t<div part=\"line-container\" class=\"${classMap({\n\t\t\t\t\t\t'stepper__line__container':true,\n\t\t\t\t\t\t'stepper__line--hastitle':!this.contentBelow\n\t\t\t\t\t})}\">\n\t\t\t\t\t\t${this.contentBelow || !this.title ? nothing:html`\n\n\t\t\t\t\t\t\t<div part=\"content-above\" class=\"stepper__item__content--above\">\n\t\t\t\t\t\t\t\t<div part=\"title_above\" class=\"${classMap({ 'stepper__content__title':true, 'stepper__content__title--active':isCurrent })}\">\n\t\t\t\t\t\t\t\t\t${this.title}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<div class=\"${classMap({ 'stepper__content__subtitle':true, 'stepper__content__subtitle--active':isCurrent })}\">${this.subtitle}</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t`}\n\t\t\t\t\t\t${this.isLast ? nothing : html`\n\t\t\t\t\t\t\t<hr part=\"line\" class=\"${classMap({\n\t\t\t\t\t\t\t\t'stepper__line':true,\n\t\t\t\t\t\t\t\t'stepper__line--active':suffixStepperLineActive\n\t\t\t\t\t\t\t})}\" style=\"flex-grow:1;\"/>\n\t\t\t\t\t\t`}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t${this.contentBelow?\n\t\t\t\t\thtml`\n\t\t\t\t\t<div part=\"content-below\" class=\"stepper__item__content--below\">\n\t\t\t\t\t\t<div part=\"title_below\" class=\"${classMap({ 'stepper__content__title':true, 'stepper__content__title--active':isCurrent })}\">\n\t\t\t\t\t\t\t${this.title}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<div part=\"subtitle_below\" class=\"${classMap({ 'stepper__content__subtitle':true, 'stepper__content__subtitle--active':isCurrent })}\">${this.subtitle}</div>\n\t\t\t\t\t</div>\n\t\t\t\t`:nothing}\n\t\t\t</div>\n\t\t`;\n\t}\n\n\tgetSvg():TemplateResult{\n\t\tlet iconSize = this.size == 'sm' ? 20 : this.size == 'lg' ? 24 : 28;\n\t\treturn html`\n\t\t<svg part=\"bulletin-svg\" width=\"${iconSize}\" height=\"${iconSize}\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M22.7953 9.85334L13.2487 19.0667L10.7153 16.36C10.2487 15.92 9.51534 15.8933 8.982 16.2667C8.462 16.6533 8.31534 17.3333 8.63534 17.88L11.6353 22.76C11.9287 23.2133 12.4353 23.4933 13.0087 23.4933C13.5553 23.4933 14.0753 23.2133 14.3687 22.76C14.8487 22.1333 24.0087 11.2133 24.0087 11.2133C25.2087 9.98668 23.7553 8.90668 22.7953 9.84001V9.85334Z\" fill=\"white\"/>\n\t\t</svg>\n\t\t`\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileStepperItem;\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'nile-stepper-item': NileStepperItem;\n\t}\n}\n"],"names":["NileStepperItem","_o","c","this","title","subtitle","completed","current","contentBelow","size","icon","isFirst","isLast","isComplete","isCurrent","isManualMode","haveFlex","_this","_inherits","_createClass","key","value","updated","_changedProperties","has","_this$absoluteSubtitl","_this$absoluteSubtitl2","subtitleWidth","absoluteSubtitle","scrollWidth","absoluteTitle","style","minWidth","render","setProperty","showCompletedIcon","completedStepValue","suffixStepperLineActive","calculatedCompletedStepValue","html","_templateObject","_taggedTemplateLiteral","classMap","stepper__item","nothing","_templateObject2","stepper__line","stepper__item__bulletin","_templateObject3","getSvg","_templateObject4","stepper__line__container","_templateObject5","stepper__content__title","stepper__content__subtitle","_templateObject6","_templateObject7","iconSize","_templateObject8","get","styles","NileElement","__decorate","query","prototype","property","attribute","reflect","state","customElement"],"mappings":"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"}
|
|
@@ -1,42 +1,42 @@
|
|
|
1
|
-
import{__decorate as t}from"tslib";import{html as e,nothing as i}from"lit";import{query as s,property as l,state as
|
|
2
|
-
<div part="item" class="${
|
|
1
|
+
import{__decorate as t}from"tslib";import{html as e,nothing as i}from"lit";import{query as s,property as l,state as p,customElement as r}from"lit/decorators.js";import{classMap as _}from"lit/directives/class-map.js";import{s as n}from"./nile-stepper-item.css.esm.js";import{N as o}from"../internal/nile-element.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";let a=class extends o{constructor(){super(...arguments),this.title="",this.subtitle="",this.completed=!1,this.current=!1,this.contentBelow=!1,this.size="lg",this.icon="tick",this.isFirst=!1,this.isLast=!1,this.isComplete=!1,this.isCurrent=!1,this.isManualMode=!1,this.haveFlex=!0}static get styles(){return[n]}updated(t){if(t.has("subtitle")&&this.isLast&&!this.contentBelow&&this.subtitle){const t=this.absoluteSubtitle?.scrollWidth??"0";this.absoluteTitle.style.minWidth=t+"px"}}render(){this.haveFlex||this.style.setProperty("--stepper-flex-val","0");const t=this.isManualMode?this.current:this.isCurrent,s=this.isManualMode?this.completed:this.isComplete;let l=!1;(s&&!t||this.completedStepValue==this.value)&&(l=!0);let p=!1;return s&&(p=!0,this.calculatedCompletedStepValue==this.value&&(p=!1)),e`
|
|
2
|
+
<div part="item" class="${_({stepper__item:!0,"stepper__item--selected":t,"stepper__item--sm":"sm"==this.size,"stepper__item--lg":"lg"==this.size})}">
|
|
3
3
|
<div part="line-content" class="stepper__line__content">
|
|
4
4
|
<div class="stepper__line__container">
|
|
5
5
|
${this.isFirst?i:e`
|
|
6
|
-
<hr class="${
|
|
6
|
+
<hr class="${_({stepper__line:!0,"stepper__line--active":s||t})}"/>
|
|
7
7
|
`}
|
|
8
8
|
</div>
|
|
9
9
|
|
|
10
|
-
<div part="bulletin" class=${
|
|
11
|
-
${l?e`<div part="bulletin-icon" class="${
|
|
10
|
+
<div part="bulletin" class=${_({stepper__item__bulletin:!0,"stepper__item__bulletin--inline":!this.contentBelow})}>
|
|
11
|
+
${l?e`<div part="bulletin-icon" class="${_({"stepper__bulletin--icon":!0,"stepper__bulletin__icon--active":t})}">${this.getSvg()}</div>`:e`<div part="bulletin-dot" class="${_({"stepper__bulletin--dot":!0,"stepper__bulletin__dot--active":t})}"></div>`}
|
|
12
12
|
</div>
|
|
13
13
|
|
|
14
|
-
<div part="line-container" class="${
|
|
14
|
+
<div part="line-container" class="${_({stepper__line__container:!0,"stepper__line--hastitle":!this.contentBelow})}">
|
|
15
15
|
${this.contentBelow||!this.title?i:e`
|
|
16
16
|
|
|
17
17
|
<div part="content-above" class="stepper__item__content--above">
|
|
18
|
-
<div part="title_above" class="${
|
|
18
|
+
<div part="title_above" class="${_({stepper__content__title:!0,"stepper__content__title--active":t})}">
|
|
19
19
|
${this.title}
|
|
20
20
|
</div>
|
|
21
|
-
<div class="${
|
|
21
|
+
<div class="${_({stepper__content__subtitle:!0,"stepper__content__subtitle--active":t})}">${this.subtitle}</div>
|
|
22
22
|
</div>
|
|
23
23
|
`}
|
|
24
24
|
${this.isLast?i:e`
|
|
25
|
-
<hr part="line" class="${
|
|
25
|
+
<hr part="line" class="${_({stepper__line:!0,"stepper__line--active":p})}" style="flex-grow:1;"/>
|
|
26
26
|
`}
|
|
27
27
|
</div>
|
|
28
28
|
</div>
|
|
29
29
|
${this.contentBelow?e`
|
|
30
30
|
<div part="content-below" class="stepper__item__content--below">
|
|
31
|
-
<div part="title_below" class="${
|
|
31
|
+
<div part="title_below" class="${_({stepper__content__title:!0,"stepper__content__title--active":t})}">
|
|
32
32
|
${this.title}
|
|
33
33
|
</div>
|
|
34
|
-
<div part="subtitle_below" class="${
|
|
34
|
+
<div part="subtitle_below" class="${_({stepper__content__subtitle:!0,"stepper__content__subtitle--active":t})}">${this.subtitle}</div>
|
|
35
35
|
</div>
|
|
36
36
|
`:i}
|
|
37
37
|
</div>
|
|
38
38
|
`}getSvg(){let t="sm"==this.size?20:"lg"==this.size?24:28;return e`
|
|
39
|
-
<svg width="${t}" height="${t}" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
39
|
+
<svg part="bulletin-svg" width="${t}" height="${t}" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
40
40
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M22.7953 9.85334L13.2487 19.0667L10.7153 16.36C10.2487 15.92 9.51534 15.8933 8.982 16.2667C8.462 16.6533 8.31534 17.3333 8.63534 17.88L11.6353 22.76C11.9287 23.2133 12.4353 23.4933 13.0087 23.4933C13.5553 23.4933 14.0753 23.2133 14.3687 22.76C14.8487 22.1333 24.0087 11.2133 24.0087 11.2133C25.2087 9.98668 23.7553 8.90668 22.7953 9.84001V9.85334Z" fill="white"/>
|
|
41
41
|
</svg>
|
|
42
|
-
`}};t([s(".stepper__item__content--above .stepper__content__title")],a.prototype,"absoluteTitle",void 0),t([s(".stepper__item__content--above .stepper__content__subtitle")],a.prototype,"absoluteSubtitle",void 0),t([l({attribute:!0,reflect:!0})],a.prototype,"title",void 0),t([l({attribute:!0,reflect:!0})],a.prototype,"subtitle",void 0),t([l({attribute:!0,reflect:!0})],a.prototype,"completed",void 0),t([l({attribute:!0,reflect:!0})],a.prototype,"current",void 0),t([
|
|
42
|
+
`}};t([s(".stepper__item__content--above .stepper__content__title")],a.prototype,"absoluteTitle",void 0),t([s(".stepper__item__content--above .stepper__content__subtitle")],a.prototype,"absoluteSubtitle",void 0),t([l({attribute:!0,reflect:!0})],a.prototype,"title",void 0),t([l({attribute:!0,reflect:!0})],a.prototype,"subtitle",void 0),t([l({attribute:!0,reflect:!0})],a.prototype,"completed",void 0),t([l({attribute:!0,reflect:!0})],a.prototype,"current",void 0),t([p()],a.prototype,"contentBelow",void 0),t([p()],a.prototype,"size",void 0),t([p()],a.prototype,"icon",void 0),t([p()],a.prototype,"isFirst",void 0),t([p()],a.prototype,"isLast",void 0),t([p()],a.prototype,"isComplete",void 0),t([p()],a.prototype,"isCurrent",void 0),t([p()],a.prototype,"isManualMode",void 0),t([p()],a.prototype,"currentStepValue",void 0),t([p()],a.prototype,"completedStepValue",void 0),t([p()],a.prototype,"calculatedCompletedStepValue",void 0),t([p()],a.prototype,"value",void 0),t([p()],a.prototype,"haveFlex",void 0),a=t([r("nile-stepper-item")],a);export{a as N};
|
|
@@ -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-vertical-stepper-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,e,i,s,l,r,p,n,o,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,c;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}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 _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){e=_lit.html;i=_lit.nothing;},function(_litDecoratorsJs){s=_litDecoratorsJs.property;l=_litDecoratorsJs.state;r=_litDecoratorsJs.customElement;},function(_nileVerticalStepperItemCssCjsJs){p=_nileVerticalStepperItemCssCjsJs.s;},function(_internalNileElementCjsJs){n=_internalNileElementCjsJs.N;},function(_litDirectivesClassMapJs){o=_litDirectivesClassMapJs.classMap;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){_export("N",c=/*#__PURE__*/function(_n){function c(){var _this;_classCallCheck(this,c);_this=_callSuper(this,c,arguments),_this.title="",_this.subtitle="",_this.completed=!1,_this.current=!1,_this.contentBelow=!1,_this.size="lg",_this.icon="tick",_this.isFirst=!1,_this.isLast=!1,_this.isComplete=!1,_this.isCurrent=!1,_this.isManualMode=!1,_this.haveFlex=!0;return _this;}_inherits(c,_n);return _createClass(c,[{key:"render",value:function render(){this.isLast&&this.style.setProperty("--vertical-stepper-flex-val","0");var t=this.isManualMode?this.current:this.isCurrent,s=this.isManualMode?this.completed:this.isComplete;var l=!1;(s&&!t||this.completedStepValue==this.value)&&(l=!0);var r=!1;return s&&(r=!0,this.calculatedCompletedStepValue==this.value&&(r=!1)),"sm"==this.size||this.size,e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t\t\t<div \n\t\t\tpart=\"item\"\n\t\t\tclass=\"","\">\n\t\t\t\t<div part=\"connector\" class=\"stepper-item__connector-content\">\n\t\t\t\t\t<div part=\"bulletin\" class=\"stepper__item__bulletin\">\n\t\t\t\t\t\t","\n\t\t\t\t\t</div>\n\t\t\t\t\t<div part=\"line-container\" class=\"stepper__item__line__container\">\n\t\t\t\t\t\t","\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div part=\"content\" class=\"stepper__item__content\">\n\t\t\t\t\t<div part=\"title\" class=\"","\">","</div>\n\t\t\t\t\t<div part=\"subtitle\" class=\"","\">","</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t"])),o({stepper__item:!0,"stepper__item--selected":t,"stepper__item--default":!t,"stepper__item--sm":"sm"==this.size,"stepper__item--lg":"lg"==this.size}),l?e(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<div part=\"bulletin-icon\" class=\"","\">","</div>"])),o({"stepper__bulletin--icon":!0,"stepper__bulletin__icon--active":t}),this.getSvg()):e(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<div part=\"bulletin-dot\" class=\"","\"></div>"])),o({"stepper__bulletin--dot":!0,"stepper__bulletin__dot--active":t})),this.isLast?i:e(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<div part=\"line\" class=\"","\"></div>"])),o({stepper__item__line:!0,"stepper__item__line--active":r})),o({stepper__content__title:!0,"stepper__content__title--alone":!this.subtitle,"stepper__content__title--active":t}),this.title,o({stepper__content__subtitle:!0,"stepper__content__subtitle--alone":!this.title,"stepper__content__subtitle--active":t}),this.subtitle);}},{key:"getSvg",value:function getSvg(){var t="sm"==this.size?20:"lg"==this.size?24:28;return e(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n\t\t<svg width=\"","\" height=\"","\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M22.7953 9.85334L13.2487 19.0667L10.7153 16.36C10.2487 15.92 9.51534 15.8933 8.982 16.2667C8.462 16.6533 8.31534 17.3333 8.63534 17.88L11.6353 22.76C11.9287 23.2133 12.4353 23.4933 13.0087 23.4933C13.5553 23.4933 14.0753 23.2133 14.3687 22.76C14.8487 22.1333 24.0087 11.2133 24.0087 11.2133C25.2087 9.98668 23.7553 8.90668 22.7953 9.84001V9.85334Z\" fill=\"white\"/>\n\t\t</svg>\n\t\t"])),t,t);}}],[{key:"styles",get:function get(){return[p];}}]);}(n));t([s({attribute:!0,reflect:!0})],c.prototype,"title",void 0),t([s({attribute:!0,reflect:!0})],c.prototype,"subtitle",void 0),t([s({attribute:!0,reflect:!0})],c.prototype,"completed",void 0),t([s({attribute:!0,reflect:!0})],c.prototype,"current",void 0),t([l()],c.prototype,"contentBelow",void 0),t([l()],c.prototype,"size",void 0),t([l()],c.prototype,"icon",void 0),t([l()],c.prototype,"isFirst",void 0),t([l()],c.prototype,"isLast",void 0),t([l()],c.prototype,"isComplete",void 0),t([l()],c.prototype,"isCurrent",void 0),t([l()],c.prototype,"isManualMode",void 0),t([l()],c.prototype,"currentStepValue",void 0),t([l()],c.prototype,"completedStepValue",void 0),t([l()],c.prototype,"calculatedCompletedStepValue",void 0),t([l()],c.prototype,"value",void 0),t([l()],c.prototype,"haveFlex",void 0),_export("N",c=t([r("nile-vertical-stepper-item")],c));}};});
|
|
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-vertical-stepper-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,e,i,s,l,r,p,n,o,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,c;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}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 _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){e=_lit.html;i=_lit.nothing;},function(_litDecoratorsJs){s=_litDecoratorsJs.property;l=_litDecoratorsJs.state;r=_litDecoratorsJs.customElement;},function(_nileVerticalStepperItemCssCjsJs){p=_nileVerticalStepperItemCssCjsJs.s;},function(_internalNileElementCjsJs){n=_internalNileElementCjsJs.N;},function(_litDirectivesClassMapJs){o=_litDirectivesClassMapJs.classMap;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){_export("N",c=/*#__PURE__*/function(_n){function c(){var _this;_classCallCheck(this,c);_this=_callSuper(this,c,arguments),_this.title="",_this.subtitle="",_this.completed=!1,_this.current=!1,_this.contentBelow=!1,_this.size="lg",_this.icon="tick",_this.isFirst=!1,_this.isLast=!1,_this.isComplete=!1,_this.isCurrent=!1,_this.isManualMode=!1,_this.haveFlex=!0;return _this;}_inherits(c,_n);return _createClass(c,[{key:"render",value:function render(){this.isLast&&this.style.setProperty("--vertical-stepper-flex-val","0");var t=this.isManualMode?this.current:this.isCurrent,s=this.isManualMode?this.completed:this.isComplete;var l=!1;(s&&!t||this.completedStepValue==this.value)&&(l=!0);var r=!1;return s&&(r=!0,this.calculatedCompletedStepValue==this.value&&(r=!1)),"sm"==this.size||this.size,e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t\t\t<div \n\t\t\tpart=\"item\"\n\t\t\tclass=\"","\">\n\t\t\t\t<div part=\"connector\" class=\"stepper-item__connector-content\">\n\t\t\t\t\t<div part=\"bulletin\" class=\"stepper__item__bulletin\">\n\t\t\t\t\t\t","\n\t\t\t\t\t</div>\n\t\t\t\t\t<div part=\"line-container\" class=\"stepper__item__line__container\">\n\t\t\t\t\t\t","\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div part=\"content\" class=\"stepper__item__content\">\n\t\t\t\t\t<div part=\"title\" class=\"","\">","</div>\n\t\t\t\t\t<div part=\"subtitle\" class=\"","\">","</div>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t"])),o({stepper__item:!0,"stepper__item--selected":t,"stepper__item--default":!t,"stepper__item--sm":"sm"==this.size,"stepper__item--lg":"lg"==this.size}),l?e(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<div part=\"bulletin-icon\" class=\"","\">","</div>"])),o({"stepper__bulletin--icon":!0,"stepper__bulletin__icon--active":t}),this.getSvg()):e(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<div part=\"bulletin-dot\" class=\"","\"></div>"])),o({"stepper__bulletin--dot":!0,"stepper__bulletin__dot--active":t})),this.isLast?i:e(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<div part=\"line\" class=\"","\"></div>"])),o({stepper__item__line:!0,"stepper__item__line--active":r})),o({stepper__content__title:!0,"stepper__content__title--alone":!this.subtitle,"stepper__content__title--active":t}),this.title,o({stepper__content__subtitle:!0,"stepper__content__subtitle--alone":!this.title,"stepper__content__subtitle--active":t}),this.subtitle);}},{key:"getSvg",value:function getSvg(){var t="sm"==this.size?20:"lg"==this.size?24:28;return e(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n\t\t<svg part=\"bulletin-svg\" width=\"","\" height=\"","\" viewBox=\"0 0 32 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M22.7953 9.85334L13.2487 19.0667L10.7153 16.36C10.2487 15.92 9.51534 15.8933 8.982 16.2667C8.462 16.6533 8.31534 17.3333 8.63534 17.88L11.6353 22.76C11.9287 23.2133 12.4353 23.4933 13.0087 23.4933C13.5553 23.4933 14.0753 23.2133 14.3687 22.76C14.8487 22.1333 24.0087 11.2133 24.0087 11.2133C25.2087 9.98668 23.7553 8.90668 22.7953 9.84001V9.85334Z\" fill=\"white\"/>\n\t\t</svg>\n\t\t"])),t,t);}}],[{key:"styles",get:function get(){return[p];}}]);}(n));t([s({attribute:!0,reflect:!0})],c.prototype,"title",void 0),t([s({attribute:!0,reflect:!0})],c.prototype,"subtitle",void 0),t([s({attribute:!0,reflect:!0})],c.prototype,"completed",void 0),t([s({attribute:!0,reflect:!0})],c.prototype,"current",void 0),t([l()],c.prototype,"contentBelow",void 0),t([l()],c.prototype,"size",void 0),t([l()],c.prototype,"icon",void 0),t([l()],c.prototype,"isFirst",void 0),t([l()],c.prototype,"isLast",void 0),t([l()],c.prototype,"isComplete",void 0),t([l()],c.prototype,"isCurrent",void 0),t([l()],c.prototype,"isManualMode",void 0),t([l()],c.prototype,"currentStepValue",void 0),t([l()],c.prototype,"completedStepValue",void 0),t([l()],c.prototype,"calculatedCompletedStepValue",void 0),t([l()],c.prototype,"value",void 0),t([l()],c.prototype,"haveFlex",void 0),_export("N",c=t([r("nile-vertical-stepper-item")],c));}};});
|
|
2
2
|
//# sourceMappingURL=nile-vertical-stepper-item.cjs.js.map
|