@aquera/nile-elements 1.6.2 → 1.6.4

package/dist/nile-split-panel/nile-split-panel.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-split-panel.cjs.js","sources":["../../../src/nile-split-panel/nile-split-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 {LitElement, CSSResultArray, TemplateResult} from 'lit';\nimport {styles} from './nile-split-panel.css';\nimport NileElement from '../internal/nile-element';\n\n\nimport { clamp } from '../internal/math';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { drag } from '../internal/drag';\nimport { html } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { watch } from '../internal/watch';\nimport type { CSSResultGroup } from 'lit';\n\n/**\n * @summary Split panels display two adjacent panels, allowing the user to reposition them.\n *\n * @event nile-reposition - Emitted when the divider's position changes.\n *\n * @slot start - Content to place in the start panel.\n * @slot end - Content to place in the end panel.\n * @slot divider - The divider. Useful for slotting in a custom icon that renders as a handle.\n *\n * @csspart start - The start panel.\n * @csspart end - The end panel.\n * @csspart panel - Targets both the start and end panels.\n * @csspart divider - The divider that separates the start and end panels.\n *\n * @cssproperty [--divider-width=4px] - The width of the visible divider.\n * @cssproperty [--divider-hit-area=12px] - The invisible region around the divider where dragging can occur. This is\n *  usually wider than the divider to facilitate easier dragging.\n * @cssproperty [--min=0] - The minimum allowed size of the primary panel.\n * @cssproperty [--max=100%] - The maximum allowed size of the primary panel.\n */\n@customElement('nile-split-panel')\nexport class NileSplitPanel extends NileElement {\n\n\tstatic styles: CSSResultGroup = styles;\n\n  private cachedPositionInPixels: number;\n  private resizeObserver: ResizeObserver;\n  private size: number;\n\n  @query('.divider') divider: HTMLElement;\n\n  /**\n   * The current position of the divider from the primary panel's edge as a percentage 0-100. Defaults to 50% of the\n   * container's initial size.\n   */\n  @property({ type: Number, reflect: true }) position = 50;\n\n  /** The current position of the divider from the primary panel's edge in pixels. */\n  @property({ attribute: 'position-in-pixels', type: Number }) positionInPixels: number;\n\n  /** Draws the split panel in a vertical orientation with the start and end panels stacked. */\n  @property({ type: Boolean, reflect: true }) vertical = false;\n\n  /** Disables resizing. Note that the position may still change as a result of resizing the host element. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /**\n   * If no primary panel is designated, both panels will resize proportionally when the host element is resized. If a\n   * primary panel is designated, it will maintain its size and the other panel will grow or shrink as needed when the\n   * host element is resized.\n   */\n  @property() primary?: 'start' | 'end';\n\n  /**\n   * One or more space-separated values at which the divider should snap. Values can be in pixels or percentages, e.g.\n   * `\"100px 50%\"`.\n   */\n  @property() snap?: string;\n\n  /** How close the divider must be to a snap point until snapping occurs. */\n  @property({ type: Number, attribute: 'snap-threshold' }) snapThreshold = 12;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.resizeObserver = new ResizeObserver(entries => this.handleResize(entries));\n    this.updateComplete.then(() => this.resizeObserver.observe(this));\n\n    this.detectSize();\n    this.cachedPositionInPixels = this.percentageToPixels(this.position);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.resizeObserver.unobserve(this);\n  }\n\n  private detectSize() {\n    const { width, height } = this.getBoundingClientRect();\n    this.size = this.vertical ? height : width;\n  }\n\n  private percentageToPixels(value: number) {\n    return this.size * (value / 100);\n  }\n\n  private pixelsToPercentage(value: number) {\n    return (value / this.size) * 100;\n  }\n\n  private handleDrag(event: PointerEvent) {\n    const isRtl = false;\n\n    if (this.disabled) {\n      return;\n    }\n\n    // Prevent text selection when dragging\n    if (event.cancelable) {\n      event.preventDefault();\n    }\n\n    drag(this, {\n      onMove: (x, y) => {\n        let newPositionInPixels = this.vertical ? y : x;\n\n        // Flip for end panels\n        if (this.primary === 'end') {\n          newPositionInPixels = this.size - newPositionInPixels;\n        }\n\n        // Check snap points\n        if (this.snap) {\n          const snaps = this.snap.split(' ');\n\n          snaps.forEach(value => {\n            let snapPoint: number;\n\n            if (value.endsWith('%')) {\n              snapPoint = this.size * (parseFloat(value) / 100);\n            } else {\n              snapPoint = parseFloat(value);\n            }\n\n            if (isRtl && !this.vertical) {\n              snapPoint = this.size - snapPoint;\n            }\n\n            if (\n              newPositionInPixels >= snapPoint - this.snapThreshold &&\n              newPositionInPixels <= snapPoint + this.snapThreshold\n            ) {\n              newPositionInPixels = snapPoint;\n            }\n          });\n        }\n\n        this.position = clamp(this.pixelsToPercentage(newPositionInPixels), 0, 100);\n      },\n      initialEvent: event\n    });\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    if (this.disabled) {\n      return;\n    }\n\n    if (['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Home', 'End'].includes(event.key)) {\n      let newPosition = this.position;\n      const incr = (event.shiftKey ? 10 : 1) * (this.primary === 'end' ? -1 : 1);\n\n      event.preventDefault();\n\n      if ((event.key === 'ArrowLeft' && !this.vertical) || (event.key === 'ArrowUp' && this.vertical)) {\n        newPosition -= incr;\n      }\n\n      if ((event.key === 'ArrowRight' && !this.vertical) || (event.key === 'ArrowDown' && this.vertical)) {\n        newPosition += incr;\n      }\n\n      if (event.key === 'Home') {\n        newPosition = this.primary === 'end' ? 100 : 0;\n      }\n\n      if (event.key === 'End') {\n        newPosition = this.primary === 'end' ? 0 : 100;\n      }\n\n      this.position = clamp(newPosition, 0, 100);\n    }\n  }\n\n  private handleResize(entries: ResizeObserverEntry[]) {\n    const { width, height } = entries[0].contentRect;\n    this.size = this.vertical ? height : width;\n\n    // Resize when a primary panel is set\n    if (this.primary) {\n      this.position = this.pixelsToPercentage(this.cachedPositionInPixels);\n    }\n  }\n\n  @watch('position')\n  handlePositionChange() {\n    this.cachedPositionInPixels = this.percentageToPixels(this.position);\n    this.positionInPixels = this.percentageToPixels(this.position);\n    this.emit('nile-reposition');\n  }\n\n  @watch('positionInPixels')\n  handlePositionInPixelsChange() {\n    this.position = this.pixelsToPercentage(this.positionInPixels);\n  }\n\n  @watch('vertical')\n  handleVerticalChange() {\n    this.detectSize();\n  }\n\n  render() {\n    const gridTemplate = this.vertical ? 'gridTemplateRows' : 'gridTemplateColumns';\n    const gridTemplateAlt = this.vertical ? 'gridTemplateColumns' : 'gridTemplateRows';\n    const isRtl = false;\n    const primary = `\n      clamp(\n        0%,\n        clamp(\n          var(--min),\n          ${this.position}% - var(--divider-width) / 2,\n          var(--max)\n        ),\n        calc(100% - var(--divider-width))\n      )\n    `;\n    const secondary = 'auto';\n\n    if (this.primary === 'end') {\n      if (isRtl && !this.vertical) {\n        this.style[gridTemplate] = `${primary} var(--divider-width) ${secondary}`;\n      } else {\n        this.style[gridTemplate] = `${secondary} var(--divider-width) ${primary}`;\n      }\n    } else {\n      if (isRtl && !this.vertical) {\n        this.style[gridTemplate] = `${secondary} var(--divider-width) ${primary}`;\n      } else {\n        this.style[gridTemplate] = `${primary} var(--divider-width) ${secondary}`;\n      }\n    }\n\n    // Unset the alt grid template property\n    this.style[gridTemplateAlt] = '';\n\n    return html`\n      <slot name=\"start\" part=\"panel start\" class=\"start\"></slot>\n\n      <div\n        part=\"divider\"\n        class=\"divider\"\n        tabindex=${ifDefined(this.disabled ? undefined : '0')}\n        role=\"separator\"\n        aria-valuenow=${this.position}\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        aria-label=\"resize\"\n        @keydown=${this.handleKeyDown}\n        @mousedown=${this.handleDrag}\n        @touchstart=${this.handleDrag}\n      >\n        <slot name=\"divider\"></slot>\n      </div>\n\n      <slot name=\"end\" part=\"panel end\" class=\"end\"></slot>\n    `;\n  }\n}\n\nexport default NileSplitPanel;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-split-panel': NileSplitPanel;\n  }\n}\n"],"names":["NileSplitPanel","p","this","position","vertical","disabled","snapThreshold","_this","_inherits","_s","_createClass","key","value","connectedCallback","super","resizeObserver","ResizeObserver","entries","handleResize","updateComplete","then","observe","detectSize","cachedPositionInPixels","percentageToPixels","disconnectedCallback","unobserve","_this$getBoundingClie","getBoundingClientRect","width","height","size","pixelsToPercentage","handleDrag","event","cancelable","preventDefault","drag","onMove","x","y","newPositionInPixels","primary","snap","split","forEach","snapPoint","endsWith","parseFloat","clamp","initialEvent","handleKeyDown","includes","newPosition","incr","shiftKey","_i$0$contentRect","contentRect","handlePositionChange","positionInPixels","emit","handlePositionInPixelsChange","handleVerticalChange","render","gridTemplate","gridTemplateAlt","secondary","style","html","_templateObject","_taggedTemplateLiteral","ifDefined","undefined","NileElement","styles","__decorate","query","prototype","property","type","Number","reflect","attribute","Boolean","watch","customElement"],"mappings":"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"}
+{"version":3,"file":"nile-split-panel.cjs.js","sources":["../../../src/nile-split-panel/nile-split-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 {LitElement, CSSResultArray, TemplateResult} from 'lit';\nimport {styles} from './nile-split-panel.css';\nimport NileElement from '../internal/nile-element';\n\n\nimport { clamp } from '../internal/math';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { drag } from '../internal/drag';\nimport { html } from 'lit';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { watch } from '../internal/watch';\nimport type { CSSResultGroup } from 'lit';\n\n/**\n * @summary Split panels display two adjacent panels, allowing the user to reposition them.\n *\n * @event nile-reposition - Emitted when the divider's position changes.\n *\n * @slot start - Content to place in the start panel.\n * @slot end - Content to place in the end panel.\n * @slot divider - The divider. Useful for slotting in a custom icon that renders as a handle.\n *\n * @csspart start - The start panel.\n * @csspart end - The end panel.\n * @csspart panel - Targets both the start and end panels.\n * @csspart divider - The divider that separates the start and end panels.\n *\n * @cssproperty [--divider-width=4px] - The width of the visible divider.\n * @cssproperty [--divider-hit-area=12px] - The invisible region around the divider where dragging can occur. This is\n *  usually wider than the divider to facilitate easier dragging.\n * @cssproperty [--min=0] - The minimum allowed size of the primary panel.\n * @cssproperty [--max=100%] - The maximum allowed size of the primary panel.\n */\n@customElement('nile-split-panel')\nexport class NileSplitPanel extends NileElement {\n\n\tstatic styles: CSSResultGroup = styles;\n\n  private cachedPositionInPixels: number;\n  private resizeObserver: ResizeObserver;\n  private size: number;\n\n  @query('.divider') divider: HTMLElement;\n\n  /**\n   * The current position of the divider from the primary panel's edge as a percentage 0-100. Defaults to 50% of the\n   * container's initial size.\n   */\n  @property({ type: Number, reflect: true }) position = 50;\n\n  /** The current position of the divider from the primary panel's edge in pixels. */\n  @property({ attribute: 'position-in-pixels', type: Number }) positionInPixels: number;\n\n  /** Draws the split panel in a vertical orientation with the start and end panels stacked. */\n  @property({ type: Boolean, reflect: true }) vertical = false;\n\n  /** Disables resizing. Note that the position may still change as a result of resizing the host element. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /**\n   * If no primary panel is designated, both panels will resize proportionally when the host element is resized. If a\n   * primary panel is designated, it will maintain its size and the other panel will grow or shrink as needed when the\n   * host element is resized.\n   */\n  @property() primary?: 'start' | 'end';\n\n  /**\n   * One or more space-separated values at which the divider should snap. Values can be in pixels or percentages, e.g.\n   * `\"100px 50%\"`.\n   */\n  @property() snap?: string;\n\n  /** How close the divider must be to a snap point until snapping occurs. */\n  @property({ type: Number, attribute: 'snap-threshold' }) snapThreshold = 12;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.resizeObserver = new ResizeObserver(entries => this.handleResize(entries));\n    this.updateComplete.then(() => this.resizeObserver.observe(this));\n\n    this.detectSize();\n    this.cachedPositionInPixels = this.percentageToPixels(this.position);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.resizeObserver.unobserve(this);\n  }\n\n  private detectSize() {\n    const { width, height } = this.getBoundingClientRect();\n    this.size = this.vertical ? height : width;\n  }\n\n  private percentageToPixels(value: number) {\n    return this.size * (value / 100);\n  }\n\n  private pixelsToPercentage(value: number) {\n    return (value / this.size) * 100;\n  }\n\n  private handleDrag(event: PointerEvent) {\n    const isRtl = false;\n\n    if (this.disabled) {\n      return;\n    }\n\n    // Prevent text selection when dragging\n    if (event.cancelable) {\n      event.preventDefault();\n    }\n\n    drag(this, {\n      onMove: (x, y) => {\n        let newPositionInPixels = this.vertical ? y : x;\n\n        // Flip for end panels\n        if (this.primary === 'end') {\n          newPositionInPixels = this.size - newPositionInPixels;\n        }\n\n        // Check snap points\n        if (this.snap) {\n          const snaps = this.snap.split(' ');\n\n          snaps.forEach(value => {\n            let snapPoint: number;\n\n            if (value.endsWith('%')) {\n              snapPoint = this.size * (parseFloat(value) / 100);\n            } else {\n              snapPoint = parseFloat(value);\n            }\n\n            if (isRtl && !this.vertical) {\n              snapPoint = this.size - snapPoint;\n            }\n\n            if (\n              newPositionInPixels >= snapPoint - this.snapThreshold &&\n              newPositionInPixels <= snapPoint + this.snapThreshold\n            ) {\n              newPositionInPixels = snapPoint;\n            }\n          });\n        }\n\n        this.position = clamp(this.pixelsToPercentage(newPositionInPixels), 0, 100);\n      },\n      initialEvent: event\n    });\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    if (this.disabled) {\n      return;\n    }\n\n    if (['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Home', 'End'].includes(event.key)) {\n      let newPosition = this.position;\n      const incr = (event.shiftKey ? 10 : 1) * (this.primary === 'end' ? -1 : 1);\n\n      event.preventDefault();\n\n      if ((event.key === 'ArrowLeft' && !this.vertical) || (event.key === 'ArrowUp' && this.vertical)) {\n        newPosition -= incr;\n      }\n\n      if ((event.key === 'ArrowRight' && !this.vertical) || (event.key === 'ArrowDown' && this.vertical)) {\n        newPosition += incr;\n      }\n\n      if (event.key === 'Home') {\n        newPosition = this.primary === 'end' ? 100 : 0;\n      }\n\n      if (event.key === 'End') {\n        newPosition = this.primary === 'end' ? 0 : 100;\n      }\n\n      this.position = clamp(newPosition, 0, 100);\n    }\n  }\n\n  private handleResize(entries: ResizeObserverEntry[]) {\n    const { width, height } = entries[0].contentRect;\n    this.size = this.vertical ? height : width;\n\n    // Resize when a primary panel is set\n    if (this.primary) {\n      this.position = this.pixelsToPercentage(this.cachedPositionInPixels);\n    }\n  }\n\n  @watch('position')\n  handlePositionChange() {\n    this.cachedPositionInPixels = this.percentageToPixels(this.position);\n    this.positionInPixels = this.percentageToPixels(this.position);\n    this.emit('nile-reposition');\n  }\n\n  @watch('positionInPixels')\n  handlePositionInPixelsChange() {\n    this.position = this.pixelsToPercentage(this.positionInPixels);\n  }\n\n  @watch('vertical')\n  handleVerticalChange() {\n    this.detectSize();\n  }\n\n  render() {\n    const gridTemplate = this.vertical ? 'gridTemplateRows' : 'gridTemplateColumns';\n    const gridTemplateAlt = this.vertical ? 'gridTemplateColumns' : 'gridTemplateRows';\n    const isRtl = false;\n    const primary = `\n      clamp(\n        0%,\n        clamp(\n          var(--min),\n          ${this.position}% - var(--divider-width) / 2,\n          var(--max)\n        ),\n        calc(100% - var(--divider-width))\n      )\n    `;\n    const secondary = 'auto';\n\n    if (this.primary === 'end') {\n      if (isRtl && !this.vertical) {\n        this.style[gridTemplate] = `${primary} var(--divider-width) ${secondary}`;\n      } else {\n        this.style[gridTemplate] = `${secondary} var(--divider-width) ${primary}`;\n      }\n    } else {\n      if (isRtl && !this.vertical) {\n        this.style[gridTemplate] = `${secondary} var(--divider-width) ${primary}`;\n      } else {\n        this.style[gridTemplate] = `${primary} var(--divider-width) ${secondary}`;\n      }\n    }\n\n    // Unset the alt grid template property\n    this.style[gridTemplateAlt] = '';\n\n    return html`\n      <slot name=\"start\" part=\"panel start\" class=\"start\"></slot>\n\n      <div\n        part=\"divider\"\n        class=\"divider\"\n        tabindex=${ifDefined(this.disabled ? undefined : '0')}\n        role=\"separator\"\n        aria-valuenow=${this.position}\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        aria-label=\"resize\"\n        @keydown=${this.handleKeyDown}\n        @mousedown=${this.handleDrag}\n        @touchstart=${this.handleDrag}\n      >\n        <slot name=\"divider\"></slot>\n      </div>\n\n      <slot name=\"end\" part=\"panel end\" class=\"end\"></slot>\n    `;\n  }\n}\n\nexport default NileSplitPanel;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-split-panel': NileSplitPanel;\n  }\n}\n"],"names":["NileSplitPanel","p","this","position","vertical","disabled","snapThreshold","_this","_inherits","_s","_createClass","key","value","connectedCallback","super","resizeObserver","ResizeObserver","entries","handleResize","updateComplete","then","observe","detectSize","cachedPositionInPixels","percentageToPixels","disconnectedCallback","unobserve","_this$getBoundingClie","getBoundingClientRect","width","height","size","pixelsToPercentage","handleDrag","event","cancelable","preventDefault","drag","onMove","x","y","newPositionInPixels","primary","snap","split","forEach","snapPoint","endsWith","parseFloat","clamp","initialEvent","handleKeyDown","includes","newPosition","incr","shiftKey","_i$0$contentRect","contentRect","handlePositionChange","positionInPixels","emit","handlePositionInPixelsChange","handleVerticalChange","render","gridTemplate","gridTemplateAlt","secondary","style","html","_templateObject","_taggedTemplateLiteral","ifDefined","undefined","NileElement","styles","__decorate","query","prototype","property","type","Number","reflect","attribute","Boolean","watch","customElement"],"mappings":"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"}

package/dist/nile-split-panel/nile-split-panel.esm.js

@@ -1,4 +1,4 @@
-import{__decorate as i}from"tslib";import{s as t}from"./nile-split-panel.css.esm.js";import{N as s}from"../internal/nile-element.esm.js";import{c as e}from"../internal/math.esm.js";import{query as r,property as n,customElement as h}from"lit/decorators.js";import{d as a}from"../internal/drag.esm.js";import{html as o}from"lit";import{ifDefined as l}from"lit/directives/if-defined.js";import{w as d}from"../internal/watch.esm.js";let p=class extends s{constructor(){super(...arguments),this.position=50,this.vertical=!1,this.disabled=!1,this.snapThreshold=12}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver((i=>this.handleResize(i))),this.updateComplete.then((()=>this.resizeObserver.observe(this))),this.detectSize(),this.cachedPositionInPixels=this.percentageToPixels(this.position)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.unobserve(this)}detectSize(){const{width:i,height:t}=this.getBoundingClientRect();this.size=this.vertical?t:i}percentageToPixels(i){return this.size*(i/100)}pixelsToPercentage(i){return i/this.size*100}handleDrag(i){this.disabled||(i.cancelable&&i.preventDefault(),a(this,{onMove:(i,t)=>{let s=this.vertical?t:i;if("end"===this.primary&&(s=this.size-s),this.snap){this.snap.split(" ").forEach((i=>{let t;t=i.endsWith("%")?this.size*(parseFloat(i)/100):parseFloat(i),s>=t-this.snapThreshold&&s<=t+this.snapThreshold&&(s=t)}))}this.position=e(this.pixelsToPercentage(s),0,100)},initialEvent:i}))}handleKeyDown(i){if(!this.disabled&&["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(i.key)){let t=this.position;const s=(i.shiftKey?10:1)*("end"===this.primary?-1:1);i.preventDefault(),("ArrowLeft"===i.key&&!this.vertical||"ArrowUp"===i.key&&this.vertical)&&(t-=s),("ArrowRight"===i.key&&!this.vertical||"ArrowDown"===i.key&&this.vertical)&&(t+=s),"Home"===i.key&&(t="end"===this.primary?100:0),"End"===i.key&&(t="end"===this.primary?0:100),this.position=e(t,0,100)}}handleResize(i){const{width:t,height:s}=i[0].contentRect;this.size=this.vertical?s:t,this.primary&&(this.position=this.pixelsToPercentage(this.cachedPositionInPixels))}handlePositionChange(){this.cachedPositionInPixels=this.percentageToPixels(this.position),this.positionInPixels=this.percentageToPixels(this.position),this.emit("nile-reposition")}handlePositionInPixelsChange(){this.position=this.pixelsToPercentage(this.positionInPixels)}handleVerticalChange(){this.detectSize()}render(){const i=this.vertical?"gridTemplateRows":"gridTemplateColumns",t=this.vertical?"gridTemplateColumns":"gridTemplateRows",s=`\n      clamp(\n        0%,\n        clamp(\n          var(--min),\n          ${this.position}% - var(--divider-width) / 2,\n          var(--max)\n        ),\n        calc(100% - var(--divider-width))\n      )\n    `,e="auto";return"end"===this.primary?this.style[i]=`${e} var(--divider-width) ${s}`:this.style[i]=`${s} var(--divider-width) ${e}`,this.style[t]="",o`
+import{__decorate as i}from"tslib";import{s as t}from"./nile-split-panel.css.esm.js";import{N as e}from"../internal/nile-element.esm.js";import{c as s}from"../internal/math.esm.js";import{query as r,property as n,customElement as a}from"lit/decorators.js";import{d as o}from"../internal/drag.esm.js";import{html as h}from"lit";import{ifDefined as l}from"lit/directives/if-defined.js";import{w as d}from"../internal/watch.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 m=class extends e{constructor(){super(...arguments),this.position=50,this.vertical=!1,this.disabled=!1,this.snapThreshold=12}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver((i=>this.handleResize(i))),this.updateComplete.then((()=>this.resizeObserver.observe(this))),this.detectSize(),this.cachedPositionInPixels=this.percentageToPixels(this.position)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.unobserve(this)}detectSize(){const{width:i,height:t}=this.getBoundingClientRect();this.size=this.vertical?t:i}percentageToPixels(i){return this.size*(i/100)}pixelsToPercentage(i){return i/this.size*100}handleDrag(i){this.disabled||(i.cancelable&&i.preventDefault(),o(this,{onMove:(i,t)=>{let e=this.vertical?t:i;if("end"===this.primary&&(e=this.size-e),this.snap){this.snap.split(" ").forEach((i=>{let t;t=i.endsWith("%")?this.size*(parseFloat(i)/100):parseFloat(i),e>=t-this.snapThreshold&&e<=t+this.snapThreshold&&(e=t)}))}this.position=s(this.pixelsToPercentage(e),0,100)},initialEvent:i}))}handleKeyDown(i){if(!this.disabled&&["ArrowLeft","ArrowRight","ArrowUp","ArrowDown","Home","End"].includes(i.key)){let t=this.position;const e=(i.shiftKey?10:1)*("end"===this.primary?-1:1);i.preventDefault(),("ArrowLeft"===i.key&&!this.vertical||"ArrowUp"===i.key&&this.vertical)&&(t-=e),("ArrowRight"===i.key&&!this.vertical||"ArrowDown"===i.key&&this.vertical)&&(t+=e),"Home"===i.key&&(t="end"===this.primary?100:0),"End"===i.key&&(t="end"===this.primary?0:100),this.position=s(t,0,100)}}handleResize(i){const{width:t,height:e}=i[0].contentRect;this.size=this.vertical?e:t,this.primary&&(this.position=this.pixelsToPercentage(this.cachedPositionInPixels))}handlePositionChange(){this.cachedPositionInPixels=this.percentageToPixels(this.position),this.positionInPixels=this.percentageToPixels(this.position),this.emit("nile-reposition")}handlePositionInPixelsChange(){this.position=this.pixelsToPercentage(this.positionInPixels)}handleVerticalChange(){this.detectSize()}render(){const i=this.vertical?"gridTemplateRows":"gridTemplateColumns",t=this.vertical?"gridTemplateColumns":"gridTemplateRows",e=`\n      clamp(\n        0%,\n        clamp(\n          var(--min),\n          ${this.position}% - var(--divider-width) / 2,\n          var(--max)\n        ),\n        calc(100% - var(--divider-width))\n      )\n    `,s="auto";return"end"===this.primary?this.style[i]=`${s} var(--divider-width) ${e}`:this.style[i]=`${e} var(--divider-width) ${s}`,this.style[t]="",h`
       <slot name="start" part="panel start" class="start"></slot>
 
       <div
@@ -18,4 +18,4 @@ import{__decorate as i}from"tslib";import{s as t}from"./nile-split-panel.css.esm
       </div>
 
       <slot name="end" part="panel end" class="end"></slot>
-    `}};p.styles=t,i([r(".divider")],p.prototype,"divider",void 0),i([n({type:Number,reflect:!0})],p.prototype,"position",void 0),i([n({attribute:"position-in-pixels",type:Number})],p.prototype,"positionInPixels",void 0),i([n({type:Boolean,reflect:!0})],p.prototype,"vertical",void 0),i([n({type:Boolean,reflect:!0})],p.prototype,"disabled",void 0),i([n()],p.prototype,"primary",void 0),i([n()],p.prototype,"snap",void 0),i([n({type:Number,attribute:"snap-threshold"})],p.prototype,"snapThreshold",void 0),i([d("position")],p.prototype,"handlePositionChange",null),i([d("positionInPixels")],p.prototype,"handlePositionInPixelsChange",null),i([d("vertical")],p.prototype,"handleVerticalChange",null),p=i([h("nile-split-panel")],p);export{p as N};
+    `}};m.styles=t,i([r(".divider")],m.prototype,"divider",void 0),i([n({type:Number,reflect:!0})],m.prototype,"position",void 0),i([n({attribute:"position-in-pixels",type:Number})],m.prototype,"positionInPixels",void 0),i([n({type:Boolean,reflect:!0})],m.prototype,"vertical",void 0),i([n({type:Boolean,reflect:!0})],m.prototype,"disabled",void 0),i([n()],m.prototype,"primary",void 0),i([n()],m.prototype,"snap",void 0),i([n({type:Number,attribute:"snap-threshold"})],m.prototype,"snapThreshold",void 0),i([d("position")],m.prototype,"handlePositionChange",null),i([d("positionInPixels")],m.prototype,"handlePositionInPixelsChange",null),i([d("vertical")],m.prototype,"handleVerticalChange",null),m=i([a("nile-split-panel")],m);export{m as N};

package/dist/nile-stepper/index.cjs.js

@@ -1,2 +1,2 @@
-System.register(["./nile-stepper.cjs.js","tslib","lit","lit/decorators.js","./nile-stepper.css.cjs.js","../internal/nile-element.cjs.js","../internal/watch.cjs.js","lit/directives/class-map.js","./stepper-utils.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileStepperCjsJs){_export("NileStepper",_nileStepperCjsJs.N);},function(_tslib){},function(_lit){},function(_litDecoratorsJs){},function(_nileStepperCssCjsJs){},function(_internalNileElementCjsJs){},function(_internalWatchCjsJs){},function(_litDirectivesClassMapJs){},function(_stepperUtilsCjsJs){}],execute:function execute(){}};});
+System.register(["./nile-stepper.cjs.js","tslib","lit","lit/decorators.js","./nile-stepper.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","../internal/watch.cjs.js","lit/directives/class-map.js","./stepper-utils.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileStepperCjsJs){_export("NileStepper",_nileStepperCjsJs.N);},function(_tslib){},function(_lit){},function(_litDecoratorsJs){},function(_nileStepperCssCjsJs){},function(_internalNileElementCjsJs){},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){},function(_internalWatchCjsJs){},function(_litDirectivesClassMapJs){},function(_stepperUtilsCjsJs){}],execute:function execute(){}};});
 //# sourceMappingURL=index.cjs.js.map

package/dist/nile-stepper/index.esm.js

@@ -1 +1 @@
-export{N as NileStepper}from"./nile-stepper.esm.js";import"tslib";import"lit";import"lit/decorators.js";import"./nile-stepper.css.esm.js";import"../internal/nile-element.esm.js";import"../internal/watch.esm.js";import"lit/directives/class-map.js";import"./stepper-utils.esm.js";
+export{N as NileStepper}from"./nile-stepper.esm.js";import"tslib";import"lit";import"lit/decorators.js";import"./nile-stepper.css.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";import"../internal/watch.esm.js";import"lit/directives/class-map.js";import"./stepper-utils.esm.js";

package/dist/nile-stepper/nile-stepper.cjs.js

@@ -1,2 +1,2 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-stepper.css.cjs.js","../internal/nile-element.cjs.js","../internal/watch.cjs.js","lit/directives/class-map.js","./stepper-utils.cjs.js"],function(_export,_context){"use strict";var t,e,i,s,r,l,n,p,o,_templateObject,a;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _toConsumableArray(r){return _arrayWithoutHoles(r)||_iterableToArray(r)||_unsupportedIterableToArray(r)||_nonIterableSpread();}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r);}function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r);}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _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(_nileStepperCssCjsJs){r=_nileStepperCssCjsJs.s;},function(_internalNileElementCjsJs){l=_internalNileElementCjsJs.N;},function(_internalWatchCjsJs){n=_internalWatchCjsJs.w;},function(_litDirectivesClassMapJs){p=_litDirectivesClassMapJs.classMap;},function(_stepperUtilsCjsJs){o=_stepperUtilsCjsJs.u;}],execute:function execute(){_export("N",a=/*#__PURE__*/function(_l){function a(){var _this;_classCallCheck(this,a);_this=_callSuper(this,a,arguments),_this.isVertical=!1,_this.contentBelow=!1,_this.currentStep=0,_this.completedStep=0,_this.size="lg",_this.icon="tick",_this.manual=!1;return _this;}_inherits(a,_l);return _createClass(a,[{key:"update",value:function update(t){_superPropGet(a,"update",this,3)([t]),(t.has("currentStep")||t.has("completedStep")||t.has("manual"))&&this.updateItems();}},{key:"handleCurrentStepChanges",value:function handleCurrentStepChanges(){this.updateItems(),this.emit("nile-current-change",{value:this.currentStep});}},{key:"handleCompletedStepChanges",value:function handleCompletedStepChanges(){this.updateItems(),this.emit("nile-completed-change",{value:this.completedStep});}},{key:"updateItems",value:function updateItems(){var _this2=this;var t=_toConsumableArray(this.querySelectorAll(this.isVertical?"nile-vertical-stepper-item":"nile-stepper-item"));if(!t.length)return;var e=t.length<3;if(this.manual)o(t,{icon:this.icon,size:this.size,contentBelow:this.contentBelow,manual:this.manual,isVertical:this.isVertical},e);else{var _i=0==this.currentStep||this.currentStep>t.length?1:this.currentStep,_s=this.completedStep>t.length||this.completedStep<_i?_i:this.completedStep,_r=this.completedStep>t.length?0:this.completedStep;t.forEach(function(l,n){n+1<_i?(l.isComplete=!0,l.isCurrent=!1):n+1==_i?(l.isComplete=n+1<=_s,l.isCurrent=!0):(l.isComplete=n+1<=_s,l.isCurrent=!1),l.isFirst=!1,l.isLast=!1,0==n&&(l.isFirst=!0),n==t.length-1&&(l.isLast=!0),l.currentStepValue=_i,l.calculatedCompletedStepValue=_s,l.completedStepValue=_r,l.icon=_this2.icon,l.size=_this2.size,l.value=n+1,l.contentBelow=_this2.contentBelow,l.isManualMode=_this2.manual,0!=n&&n!=t.length-1||(l.haveFlex=e);});}}},{key:"render",value:function render(){return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t\t\t<div part=\"stepper\" class=",">\n\t\t\t\t<slot\n\t\t\t\t\t@slotchange=","\n\t\t\t\t></slot>\n\t\t\t</div>\n\t\t\t"])),p({"nile-stepper":!0,"nile-stepper--horizontal":!this.isVertical,"nile-stepper--vertical":this.isVertical}),this.updateItems);}}],[{key:"styles",get:function get(){return[r];}}]);}(l));t([i({type:Boolean,attribute:"vertical"})],a.prototype,"isVertical",void 0),t([i({type:Boolean,attribute:!0,reflect:!0})],a.prototype,"contentBelow",void 0),t([i({type:Number,attribute:!0,reflect:!0})],a.prototype,"currentStep",void 0),t([i({type:Number,attribute:!0,reflect:!0})],a.prototype,"completedStep",void 0),t([i({type:String,attribute:!0,reflect:!0})],a.prototype,"size",void 0),t([i({type:String,attribute:!0,reflect:!0})],a.prototype,"icon",void 0),t([i({type:Boolean,attribute:!0,reflect:!0})],a.prototype,"manual",void 0),t([n("currentStep")],a.prototype,"handleCurrentStepChanges",null),t([n("completedStep")],a.prototype,"handleCompletedStepChanges",null),_export("N",a=t([s("nile-stepper")],a));}};});
+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-stepper.css.cjs.js","../internal/nile-element.cjs.js","../internal/watch.cjs.js","lit/directives/class-map.js","./stepper-utils.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,r,l,n,a,p,_templateObject,o;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _toConsumableArray(r){return _arrayWithoutHoles(r)||_iterableToArray(r)||_unsupportedIterableToArray(r)||_nonIterableSpread();}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r);}function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r);}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _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(_nileStepperCssCjsJs){r=_nileStepperCssCjsJs.s;},function(_internalNileElementCjsJs){l=_internalNileElementCjsJs.N;},function(_internalWatchCjsJs){n=_internalWatchCjsJs.w;},function(_litDirectivesClassMapJs){a=_litDirectivesClassMapJs.classMap;},function(_stepperUtilsCjsJs){p=_stepperUtilsCjsJs.u;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){_export("N",o=/*#__PURE__*/function(_l){function o(){var _this;_classCallCheck(this,o);_this=_callSuper(this,o,arguments),_this.isVertical=!1,_this.contentBelow=!1,_this.currentStep=0,_this.completedStep=0,_this.size="lg",_this.icon="tick",_this.manual=!1;return _this;}_inherits(o,_l);return _createClass(o,[{key:"update",value:function update(t){_superPropGet(o,"update",this,3)([t]),(t.has("currentStep")||t.has("completedStep")||t.has("manual"))&&this.updateItems();}},{key:"handleCurrentStepChanges",value:function handleCurrentStepChanges(){this.updateItems(),this.emit("nile-current-change",{value:this.currentStep});}},{key:"handleCompletedStepChanges",value:function handleCompletedStepChanges(){this.updateItems(),this.emit("nile-completed-change",{value:this.completedStep});}},{key:"updateItems",value:function updateItems(){var _this2=this;var t=_toConsumableArray(this.querySelectorAll(this.isVertical?"nile-vertical-stepper-item":"nile-stepper-item"));if(!t.length)return;var e=t.length<3;if(this.manual)p(t,{icon:this.icon,size:this.size,contentBelow:this.contentBelow,manual:this.manual,isVertical:this.isVertical},e);else{var _i=0==this.currentStep||this.currentStep>t.length?1:this.currentStep,_s=this.completedStep>t.length||this.completedStep<_i?_i:this.completedStep,_r=this.completedStep>t.length?0:this.completedStep;t.forEach(function(l,n){n+1<_i?(l.isComplete=!0,l.isCurrent=!1):n+1==_i?(l.isComplete=n+1<=_s,l.isCurrent=!0):(l.isComplete=n+1<=_s,l.isCurrent=!1),l.isFirst=!1,l.isLast=!1,0==n&&(l.isFirst=!0),n==t.length-1&&(l.isLast=!0),l.currentStepValue=_i,l.calculatedCompletedStepValue=_s,l.completedStepValue=_r,l.icon=_this2.icon,l.size=_this2.size,l.value=n+1,l.contentBelow=_this2.contentBelow,l.isManualMode=_this2.manual,0!=n&&n!=t.length-1||(l.haveFlex=e);});}}},{key:"render",value:function render(){return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\t\t\t<div part=\"stepper\" class=",">\n\t\t\t\t<slot\n\t\t\t\t\t@slotchange=","\n\t\t\t\t></slot>\n\t\t\t</div>\n\t\t\t"])),a({"nile-stepper":!0,"nile-stepper--horizontal":!this.isVertical,"nile-stepper--vertical":this.isVertical}),this.updateItems);}}],[{key:"styles",get:function get(){return[r];}}]);}(l));t([i({type:Boolean,attribute:"vertical"})],o.prototype,"isVertical",void 0),t([i({type:Boolean,attribute:!0,reflect:!0})],o.prototype,"contentBelow",void 0),t([i({type:Number,attribute:!0,reflect:!0})],o.prototype,"currentStep",void 0),t([i({type:Number,attribute:!0,reflect:!0})],o.prototype,"completedStep",void 0),t([i({type:String,attribute:!0,reflect:!0})],o.prototype,"size",void 0),t([i({type:String,attribute:!0,reflect:!0})],o.prototype,"icon",void 0),t([i({type:Boolean,attribute:!0,reflect:!0})],o.prototype,"manual",void 0),t([n("currentStep")],o.prototype,"handleCurrentStepChanges",null),t([n("completedStep")],o.prototype,"handleCompletedStepChanges",null),_export("N",o=t([s("nile-stepper")],o));}};});
 //# sourceMappingURL=nile-stepper.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-stepper.cjs.js","sources":["../../../src/nile-stepper/nile-stepper.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html, CSSResultArray, TemplateResult, PropertyValueMap } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-stepper.css';\nimport NileElement from '../internal/nile-element';\nimport { watch } from '../internal/watch';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { updateItemsInManualMode } from './stepper-utils';\n\n\n/**\n * Nile stepper component.\n *\n * @tag nile-stepper\n *\n */\n@customElement('nile-stepper')\nexport class NileStepper extends NileElement {\n\n\t@property({ type: Boolean, attribute: 'vertical' }) isVertical: boolean = false;\n\t@property({ type: Boolean, attribute: true, reflect:true }) contentBelow: boolean = false;\n\t@property({ type: Number, attribute: true, reflect:true }) currentStep: number = 0;\n\t@property({ type: Number, attribute: true, reflect:true  }) completedStep: number = 0;\n\t@property({ type: String, attribute: true, reflect:true  }) size: 'sm' | 'lg' = 'lg';\n\t@property({ type: String, attribute: true, reflect:true  }) icon: string = 'tick';\n\t@property({ type: Boolean, attribute: true, reflect:true }) manual: boolean = false;\n\n\tprotected update(changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void{\n    super.update(changedProperties);\n\t\tif(changedProperties.has('currentStep') || changedProperties.has('completedStep') || changedProperties.has('manual')){\n\t\t\tthis.updateItems();\n\t\t}\n\t}\n\n\t@watch('currentStep')\n\thandleCurrentStepChanges() {\n\t\tthis.updateItems();\n\t\tthis.emit('nile-current-change', { value: this.currentStep });\n\t}\n\n\t@watch('completedStep')\n\thandleCompletedStepChanges() {\n\t\tthis.updateItems()\n\t\tthis.emit('nile-completed-change', { value: this.completedStep });\n\t}\n\t\n\tprivate updateItems() {\n\t\tconst items: any = [...this.querySelectorAll(this.isVertical ? 'nile-vertical-stepper-item' : 'nile-stepper-item')];\n\t\tif (!items.length) return;\n\t\tconst haveFlex = items.length < 3;\n\n\t\tif (this.manual) {\n\t\t\t// Manual mode: use inline properties from each item\n\t\t\tupdateItemsInManualMode(items, {\n\t\t\t\ticon: this.icon,\n\t\t\t\tsize: this.size,\n\t\t\t\tcontentBelow: this.contentBelow,\n\t\t\t\tmanual: this.manual,\n\t\t\t\tisVertical: this.isVertical\n\t\t\t}, haveFlex);\n\t\t} else {\n\t\t\t// Automatic mode: use currentStep and completedStep properties\n\t\t\tconst current = (this.currentStep == 0 || this.currentStep > items.length) ? 1 : this.currentStep;\n\t\t\tconst calculatedCompleted = this.completedStep > items.length ? current : this.completedStep < current ? current : this.completedStep;\n\t\t\tconst completed = this.completedStep > items.length ? 0 : this.completedStep;\n\n\t\t\titems.forEach((el: any, index: number) => {\n\t\t\t\t// set item is complete and is current values\n\t\t\t\tif (index + 1 < current) {\n\t\t\t\t\tel.isComplete = true;\n\t\t\t\t\tel.isCurrent = false;\n\t\t\t\t}\n\t\t\t\telse if (index + 1 == current) {\n\t\t\t\t\tif (index + 1 <= calculatedCompleted) el.isComplete = true;\n\t\t\t\t\telse el.isComplete = false;\n\t\t\t\t\tel.isCurrent = true;\n\t\t\t\t}\n\t\t\t\telse {\n\t\t\t\t\tif (index + 1 <= calculatedCompleted) el.isComplete = true;\n\t\t\t\t\telse el.isComplete = false;\n\t\t\t\t\tel.isCurrent = false;\n\t\t\t\t}\n\n\t\t\t\t// Reset and set isLast and isFirst\n\t\t\t\tel.isFirst = false;\n\t\t\t\tel.isLast = false;\n\t\t\t\tif (index == 0) el.isFirst = true;\n\t\t\t\tif (index == items.length - 1) el.isLast = true;\n\n\t\t\t\t// setting default values\n\t\t\t\tel.currentStepValue = current;\n\t\t\t\tel.calculatedCompletedStepValue = calculatedCompleted;\n\t\t\t\tel.completedStepValue = completed;\n\n\t\t\t\tel.icon = this.icon;\n\t\t\t\tel.size = this.size;\n\t\t\t\tel.value = index + 1;\n\t\t\t\tel.contentBelow = this.contentBelow;\n\t\t\t\tel.isManualMode = this.manual;\n\t\t\t\tif (index == 0 || index == items.length - 1) {\n\t\t\t\t\tel.haveFlex = haveFlex;\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\t/**\n\t * The styles for nile-stepper\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\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\t\treturn html`\n\t\t\t<div part=\"stepper\" class=${classMap({\n\t\t\t\t'nile-stepper':true,\n\t\t\t\t'nile-stepper--horizontal':!this.isVertical,\n\t\t\t\t'nile-stepper--vertical':this.isVertical\n\t\t\t})}>\n\t\t\t\t<slot\n\t\t\t\t\t@slotchange=${this.updateItems}\n\t\t\t\t></slot>\n\t\t\t</div>\n\t\t\t`;\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileStepper;\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'nile-stepper': NileStepper;\n\t}\n}\n"],"names":["NileStepper","a","constructor","this","isVertical","contentBelow","currentStep","completedStep","size","icon","manual","_this","_inherits","_l","_createClass","key","value","update","changedProperties","super","has","updateItems","handleCurrentStepChanges","emit","handleCompletedStepChanges","items","querySelectorAll","length","haveFlex","updateItemsInManualMode","current","calculatedCompleted","completed","forEach","el","index","isComplete","isCurrent","isFirst","isLast","currentStepValue","calculatedCompletedStepValue","completedStepValue","isManualMode","render","html","_templateObject","_taggedTemplateLiteral","classMap","__decorate","get","styles","NileElement","property","type","Boolean","attribute","prototype","reflect","Number","String","watch","customElement"],"mappings":"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"}
+{"version":3,"file":"nile-stepper.cjs.js","sources":["../../../src/nile-stepper/nile-stepper.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { LitElement, html, CSSResultArray, TemplateResult, PropertyValueMap } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { styles } from './nile-stepper.css';\nimport NileElement from '../internal/nile-element';\nimport { watch } from '../internal/watch';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { updateItemsInManualMode } from './stepper-utils';\n\n\n/**\n * Nile stepper component.\n *\n * @tag nile-stepper\n *\n */\n@customElement('nile-stepper')\nexport class NileStepper extends NileElement {\n\n\t@property({ type: Boolean, attribute: 'vertical' }) isVertical: boolean = false;\n\t@property({ type: Boolean, attribute: true, reflect:true }) contentBelow: boolean = false;\n\t@property({ type: Number, attribute: true, reflect:true }) currentStep: number = 0;\n\t@property({ type: Number, attribute: true, reflect:true  }) completedStep: number = 0;\n\t@property({ type: String, attribute: true, reflect:true  }) size: 'sm' | 'lg' = 'lg';\n\t@property({ type: String, attribute: true, reflect:true  }) icon: string = 'tick';\n\t@property({ type: Boolean, attribute: true, reflect:true }) manual: boolean = false;\n\n\tprotected update(changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void{\n    super.update(changedProperties);\n\t\tif(changedProperties.has('currentStep') || changedProperties.has('completedStep') || changedProperties.has('manual')){\n\t\t\tthis.updateItems();\n\t\t}\n\t}\n\n\t@watch('currentStep')\n\thandleCurrentStepChanges() {\n\t\tthis.updateItems();\n\t\tthis.emit('nile-current-change', { value: this.currentStep });\n\t}\n\n\t@watch('completedStep')\n\thandleCompletedStepChanges() {\n\t\tthis.updateItems()\n\t\tthis.emit('nile-completed-change', { value: this.completedStep });\n\t}\n\t\n\tprivate updateItems() {\n\t\tconst items: any = [...this.querySelectorAll(this.isVertical ? 'nile-vertical-stepper-item' : 'nile-stepper-item')];\n\t\tif (!items.length) return;\n\t\tconst haveFlex = items.length < 3;\n\n\t\tif (this.manual) {\n\t\t\t// Manual mode: use inline properties from each item\n\t\t\tupdateItemsInManualMode(items, {\n\t\t\t\ticon: this.icon,\n\t\t\t\tsize: this.size,\n\t\t\t\tcontentBelow: this.contentBelow,\n\t\t\t\tmanual: this.manual,\n\t\t\t\tisVertical: this.isVertical\n\t\t\t}, haveFlex);\n\t\t} else {\n\t\t\t// Automatic mode: use currentStep and completedStep properties\n\t\t\tconst current = (this.currentStep == 0 || this.currentStep > items.length) ? 1 : this.currentStep;\n\t\t\tconst calculatedCompleted = this.completedStep > items.length ? current : this.completedStep < current ? current : this.completedStep;\n\t\t\tconst completed = this.completedStep > items.length ? 0 : this.completedStep;\n\n\t\t\titems.forEach((el: any, index: number) => {\n\t\t\t\t// set item is complete and is current values\n\t\t\t\tif (index + 1 < current) {\n\t\t\t\t\tel.isComplete = true;\n\t\t\t\t\tel.isCurrent = false;\n\t\t\t\t}\n\t\t\t\telse if (index + 1 == current) {\n\t\t\t\t\tif (index + 1 <= calculatedCompleted) el.isComplete = true;\n\t\t\t\t\telse el.isComplete = false;\n\t\t\t\t\tel.isCurrent = true;\n\t\t\t\t}\n\t\t\t\telse {\n\t\t\t\t\tif (index + 1 <= calculatedCompleted) el.isComplete = true;\n\t\t\t\t\telse el.isComplete = false;\n\t\t\t\t\tel.isCurrent = false;\n\t\t\t\t}\n\n\t\t\t\t// Reset and set isLast and isFirst\n\t\t\t\tel.isFirst = false;\n\t\t\t\tel.isLast = false;\n\t\t\t\tif (index == 0) el.isFirst = true;\n\t\t\t\tif (index == items.length - 1) el.isLast = true;\n\n\t\t\t\t// setting default values\n\t\t\t\tel.currentStepValue = current;\n\t\t\t\tel.calculatedCompletedStepValue = calculatedCompleted;\n\t\t\t\tel.completedStepValue = completed;\n\n\t\t\t\tel.icon = this.icon;\n\t\t\t\tel.size = this.size;\n\t\t\t\tel.value = index + 1;\n\t\t\t\tel.contentBelow = this.contentBelow;\n\t\t\t\tel.isManualMode = this.manual;\n\t\t\t\tif (index == 0 || index == items.length - 1) {\n\t\t\t\t\tel.haveFlex = haveFlex;\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\t/**\n\t * The styles for nile-stepper\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\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\t\treturn html`\n\t\t\t<div part=\"stepper\" class=${classMap({\n\t\t\t\t'nile-stepper':true,\n\t\t\t\t'nile-stepper--horizontal':!this.isVertical,\n\t\t\t\t'nile-stepper--vertical':this.isVertical\n\t\t\t})}>\n\t\t\t\t<slot\n\t\t\t\t\t@slotchange=${this.updateItems}\n\t\t\t\t></slot>\n\t\t\t</div>\n\t\t\t`;\n\t}\n\n\t/* #endregion */\n}\n\nexport default NileStepper;\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'nile-stepper': NileStepper;\n\t}\n}\n"],"names":["NileStepper","_l","o","this","isVertical","contentBelow","currentStep","completedStep","size","icon","manual","_this","_inherits","_createClass","key","value","update","changedProperties","super","has","updateItems","handleCurrentStepChanges","emit","handleCompletedStepChanges","_this2","items","_toConsumableArray","querySelectorAll","length","haveFlex","updateItemsInManualMode","current","calculatedCompleted","completed","forEach","el","index","isComplete","isCurrent","isFirst","isLast","currentStepValue","calculatedCompletedStepValue","completedStepValue","isManualMode","render","html","_templateObject","_taggedTemplateLiteral","classMap","__decorate","get","styles","NileElement","property","type","Boolean","attribute","prototype","reflect","Number","String","watch","customElement"],"mappings":"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"}

package/dist/nile-stepper/nile-stepper.esm.js

@@ -1,7 +1,7 @@
-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 r}from"./nile-stepper.css.esm.js";import{N as l}from"../internal/nile-element.esm.js";import{w as n}from"../internal/watch.esm.js";import{classMap as p}from"lit/directives/class-map.js";import{u as o}from"./stepper-utils.esm.js";let a=class extends l{constructor(){super(...arguments),this.isVertical=!1,this.contentBelow=!1,this.currentStep=0,this.completedStep=0,this.size="lg",this.icon="tick",this.manual=!1}update(t){super.update(t),(t.has("currentStep")||t.has("completedStep")||t.has("manual"))&&this.updateItems()}handleCurrentStepChanges(){this.updateItems(),this.emit("nile-current-change",{value:this.currentStep})}handleCompletedStepChanges(){this.updateItems(),this.emit("nile-completed-change",{value:this.completedStep})}updateItems(){const t=[...this.querySelectorAll(this.isVertical?"nile-vertical-stepper-item":"nile-stepper-item")];if(!t.length)return;const e=t.length<3;if(this.manual)o(t,{icon:this.icon,size:this.size,contentBelow:this.contentBelow,manual:this.manual,isVertical:this.isVertical},e);else{const i=0==this.currentStep||this.currentStep>t.length?1:this.currentStep,s=this.completedStep>t.length||this.completedStep<i?i:this.completedStep,r=this.completedStep>t.length?0:this.completedStep;t.forEach(((l,n)=>{n+1<i?(l.isComplete=!0,l.isCurrent=!1):n+1==i?(l.isComplete=n+1<=s,l.isCurrent=!0):(l.isComplete=n+1<=s,l.isCurrent=!1),l.isFirst=!1,l.isLast=!1,0==n&&(l.isFirst=!0),n==t.length-1&&(l.isLast=!0),l.currentStepValue=i,l.calculatedCompletedStepValue=s,l.completedStepValue=r,l.icon=this.icon,l.size=this.size,l.value=n+1,l.contentBelow=this.contentBelow,l.isManualMode=this.manual,0!=n&&n!=t.length-1||(l.haveFlex=e)}))}}static get styles(){return[r]}render(){return e`
-			<div part="stepper" class=${p({"nile-stepper":!0,"nile-stepper--horizontal":!this.isVertical,"nile-stepper--vertical":this.isVertical})}>
+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 r}from"./nile-stepper.css.esm.js";import{N as l}from"../internal/nile-element.esm.js";import{w as n}from"../internal/watch.esm.js";import{classMap as a}from"lit/directives/class-map.js";import{u as p}from"./stepper-utils.esm.js";import"../internal/accessibility/a11y.state.enum.esm.js";import"../internal/accessibility/a11y.property.enum.esm.js";import"../internal/accessibility/role.enum.esm.js";let o=class extends l{constructor(){super(...arguments),this.isVertical=!1,this.contentBelow=!1,this.currentStep=0,this.completedStep=0,this.size="lg",this.icon="tick",this.manual=!1}update(t){super.update(t),(t.has("currentStep")||t.has("completedStep")||t.has("manual"))&&this.updateItems()}handleCurrentStepChanges(){this.updateItems(),this.emit("nile-current-change",{value:this.currentStep})}handleCompletedStepChanges(){this.updateItems(),this.emit("nile-completed-change",{value:this.completedStep})}updateItems(){const t=[...this.querySelectorAll(this.isVertical?"nile-vertical-stepper-item":"nile-stepper-item")];if(!t.length)return;const e=t.length<3;if(this.manual)p(t,{icon:this.icon,size:this.size,contentBelow:this.contentBelow,manual:this.manual,isVertical:this.isVertical},e);else{const i=0==this.currentStep||this.currentStep>t.length?1:this.currentStep,s=this.completedStep>t.length||this.completedStep<i?i:this.completedStep,r=this.completedStep>t.length?0:this.completedStep;t.forEach(((l,n)=>{n+1<i?(l.isComplete=!0,l.isCurrent=!1):n+1==i?(l.isComplete=n+1<=s,l.isCurrent=!0):(l.isComplete=n+1<=s,l.isCurrent=!1),l.isFirst=!1,l.isLast=!1,0==n&&(l.isFirst=!0),n==t.length-1&&(l.isLast=!0),l.currentStepValue=i,l.calculatedCompletedStepValue=s,l.completedStepValue=r,l.icon=this.icon,l.size=this.size,l.value=n+1,l.contentBelow=this.contentBelow,l.isManualMode=this.manual,0!=n&&n!=t.length-1||(l.haveFlex=e)}))}}static get styles(){return[r]}render(){return e`
+			<div part="stepper" class=${a({"nile-stepper":!0,"nile-stepper--horizontal":!this.isVertical,"nile-stepper--vertical":this.isVertical})}>
 				<slot
 					@slotchange=${this.updateItems}
 				></slot>
 			</div>
-			`}};t([i({type:Boolean,attribute:"vertical"})],a.prototype,"isVertical",void 0),t([i({type:Boolean,attribute:!0,reflect:!0})],a.prototype,"contentBelow",void 0),t([i({type:Number,attribute:!0,reflect:!0})],a.prototype,"currentStep",void 0),t([i({type:Number,attribute:!0,reflect:!0})],a.prototype,"completedStep",void 0),t([i({type:String,attribute:!0,reflect:!0})],a.prototype,"size",void 0),t([i({type:String,attribute:!0,reflect:!0})],a.prototype,"icon",void 0),t([i({type:Boolean,attribute:!0,reflect:!0})],a.prototype,"manual",void 0),t([n("currentStep")],a.prototype,"handleCurrentStepChanges",null),t([n("completedStep")],a.prototype,"handleCompletedStepChanges",null),a=t([s("nile-stepper")],a);export{a as N};
+			`}};t([i({type:Boolean,attribute:"vertical"})],o.prototype,"isVertical",void 0),t([i({type:Boolean,attribute:!0,reflect:!0})],o.prototype,"contentBelow",void 0),t([i({type:Number,attribute:!0,reflect:!0})],o.prototype,"currentStep",void 0),t([i({type:Number,attribute:!0,reflect:!0})],o.prototype,"completedStep",void 0),t([i({type:String,attribute:!0,reflect:!0})],o.prototype,"size",void 0),t([i({type:String,attribute:!0,reflect:!0})],o.prototype,"icon",void 0),t([i({type:Boolean,attribute:!0,reflect:!0})],o.prototype,"manual",void 0),t([n("currentStep")],o.prototype,"handleCurrentStepChanges",null),t([n("completedStep")],o.prototype,"handleCompletedStepChanges",null),o=t([s("nile-stepper")],o);export{o as N};

package/dist/nile-stepper-item/index.cjs.js

@@ -1,2 +1,2 @@
-System.register(["./nile-stepper-item.cjs.js","tslib","lit","lit/decorators.js","lit/directives/class-map.js","./nile-stepper-item.css.cjs.js","../internal/nile-element.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileStepperItemCjsJs){_export("NileStepperItem",_nileStepperItemCjsJs.N);},function(_tslib){},function(_lit){},function(_litDecoratorsJs){},function(_litDirectivesClassMapJs){},function(_nileStepperItemCssCjsJs){},function(_internalNileElementCjsJs){}],execute:function execute(){}};});
+System.register(["./nile-stepper-item.cjs.js","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";return{setters:[function(_nileStepperItemCjsJs){_export("NileStepperItem",_nileStepperItemCjsJs.N);},function(_tslib){},function(_lit){},function(_litDecoratorsJs){},function(_litDirectivesClassMapJs){},function(_nileStepperItemCssCjsJs){},function(_internalNileElementCjsJs){},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){}};});
 //# sourceMappingURL=index.cjs.js.map

package/dist/nile-stepper-item/index.esm.js

@@ -1 +1 @@
-export{N as NileStepperItem}from"./nile-stepper-item.esm.js";import"tslib";import"lit";import"lit/decorators.js";import"lit/directives/class-map.js";import"./nile-stepper-item.css.esm.js";import"../internal/nile-element.esm.js";
+export{N as NileStepperItem}from"./nile-stepper-item.esm.js";import"tslib";import"lit";import"lit/decorators.js";import"lit/directives/class-map.js";import"./nile-stepper-item.css.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";

package/dist/nile-stepper-item/nile-stepper-item.cjs.js

@@ -1,2 +1,2 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","lit/directives/class-map.js","./nile-stepper-item.css.cjs.js","../internal/nile-element.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;_=_litDecoratorsJs.state;p=_litDecoratorsJs.customElement;},function(_litDirectivesClassMapJs){r=_litDirectivesClassMapJs.classMap;},function(_nileStepperItemCssCjsJs){n=_nileStepperItemCssCjsJs.s;},function(_internalNileElementCjsJs){o=_internalNileElementCjsJs.N;}],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 _=!1;return s&&(_=!0,this.calculatedCompletedStepValue==this.value&&(_=!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"])),r({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"])),r({stepper__line:!0,"stepper__line--active":s||t})),r({stepper__item__bulletin:!0,"stepper__item__bulletin--inline":!this.contentBelow}),l?e(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<div part=\"bulletin-icon\" class=\"","\">","</div>"])),r({"stepper__bulletin--icon":!0,"stepper__bulletin__icon--active":t}),this.getSvg()):e(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<div part=\"bulletin-dot\" class=\"","\"></div>"])),r({"stepper__bulletin--dot":!0,"stepper__bulletin__dot--active":t})),r({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"])),r({stepper__content__title:!0,"stepper__content__title--active":t}),this.title,r({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"])),r({stepper__line:!0,"stepper__line--active":_})),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"])),r({stepper__content__title:!0,"stepper__content__title--active":t}),this.title,r({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 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([_()],c.prototype,"contentBelow",void 0),t([_()],c.prototype,"size",void 0),t([_()],c.prototype,"icon",void 0),t([_()],c.prototype,"isFirst",void 0),t([_()],c.prototype,"isLast",void 0),t([_()],c.prototype,"isComplete",void 0),t([_()],c.prototype,"isCurrent",void 0),t([_()],c.prototype,"isManualMode",void 0),t([_()],c.prototype,"currentStepValue",void 0),t([_()],c.prototype,"completedStepValue",void 0),t([_()],c.prototype,"calculatedCompletedStepValue",void 0),t([_()],c.prototype,"value",void 0),t([_()],c.prototype,"haveFlex",void 0),_export("N",c=t([p("nile-stepper-item")],c));}};});
+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;_=_litDecoratorsJs.state;p=_litDecoratorsJs.customElement;},function(_litDirectivesClassMapJs){r=_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 _=!1;return s&&(_=!0,this.calculatedCompletedStepValue==this.value&&(_=!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"])),r({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"])),r({stepper__line:!0,"stepper__line--active":s||t})),r({stepper__item__bulletin:!0,"stepper__item__bulletin--inline":!this.contentBelow}),l?e(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<div part=\"bulletin-icon\" class=\"","\">","</div>"])),r({"stepper__bulletin--icon":!0,"stepper__bulletin__icon--active":t}),this.getSvg()):e(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<div part=\"bulletin-dot\" class=\"","\"></div>"])),r({"stepper__bulletin--dot":!0,"stepper__bulletin__dot--active":t})),r({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"])),r({stepper__content__title:!0,"stepper__content__title--active":t}),this.title,r({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"])),r({stepper__line:!0,"stepper__line--active":_})),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"])),r({stepper__content__title:!0,"stepper__content__title--active":t}),this.title,r({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 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([_()],c.prototype,"contentBelow",void 0),t([_()],c.prototype,"size",void 0),t([_()],c.prototype,"icon",void 0),t([_()],c.prototype,"isFirst",void 0),t([_()],c.prototype,"isLast",void 0),t([_()],c.prototype,"isComplete",void 0),t([_()],c.prototype,"isCurrent",void 0),t([_()],c.prototype,"isManualMode",void 0),t([_()],c.prototype,"currentStepValue",void 0),t([_()],c.prototype,"completedStepValue",void 0),t([_()],c.prototype,"calculatedCompletedStepValue",void 0),t([_()],c.prototype,"value",void 0),t([_()],c.prototype,"haveFlex",void 0),_export("N",c=t([p("nile-stepper-item")],c));}};});
 //# sourceMappingURL=nile-stepper-item.cjs.js.map

package/dist/nile-stepper-item/nile-stepper-item.cjs.js.map

@@ -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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"}
+{"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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"}

package/dist/nile-stepper-item/nile-stepper-item.esm.js

@@ -1,4 +1,4 @@
-import{__decorate as t}from"tslib";import{html as e,nothing as i}from"lit";import{query as s,property as l,state as _,customElement as p}from"lit/decorators.js";import{classMap as r}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";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 _=!1;return s&&(_=!0,this.calculatedCompletedStepValue==this.value&&(_=!1)),e`
+import{__decorate as t}from"tslib";import{html as e,nothing as i}from"lit";import{query as s,property as l,state as _,customElement as p}from"lit/decorators.js";import{classMap as r}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 _=!1;return s&&(_=!0,this.calculatedCompletedStepValue==this.value&&(_=!1)),e`
 			<div part="item" class="${r({stepper__item:!0,"stepper__item--selected":t,"stepper__item--sm":"sm"==this.size,"stepper__item--lg":"lg"==this.size})}">
 				<div part="line-content" class="stepper__line__content">
 					<div class="stepper__line__container">

package/dist/nile-switcher/index.cjs.js

@@ -1,2 +1,2 @@
-System.register(["./nile-switcher.cjs.js","tslib","lit","lit/decorators.js","./nile-switcher.css.cjs.js","../internal/nile-element.cjs.js","lit/directives/choose.js","lit/directives/class-map.js","lit/directives/repeat.js","../internal/watch.cjs.js","../internal/slot.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileSwitcherCjsJs){_export("NileSwitcher",_nileSwitcherCjsJs.N);},function(_tslib){},function(_lit){},function(_litDecoratorsJs){},function(_nileSwitcherCssCjsJs){},function(_internalNileElementCjsJs){},function(_litDirectivesChooseJs){},function(_litDirectivesClassMapJs){},function(_litDirectivesRepeatJs){},function(_internalWatchCjsJs){},function(_internalSlotCjsJs){}],execute:function execute(){}};});
+System.register(["./nile-switcher.cjs.js","tslib","lit","lit/decorators.js","./nile-switcher.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","lit/directives/choose.js","lit/directives/class-map.js","lit/directives/repeat.js","../internal/watch.cjs.js","../internal/slot.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileSwitcherCjsJs){_export("NileSwitcher",_nileSwitcherCjsJs.N);},function(_tslib){},function(_lit){},function(_litDecoratorsJs){},function(_nileSwitcherCssCjsJs){},function(_internalNileElementCjsJs){},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){},function(_litDirectivesChooseJs){},function(_litDirectivesClassMapJs){},function(_litDirectivesRepeatJs){},function(_internalWatchCjsJs){},function(_internalSlotCjsJs){}],execute:function execute(){}};});
 //# sourceMappingURL=index.cjs.js.map

package/dist/nile-switcher/index.esm.js

@@ -1 +1 @@
-export{N as NileSwitcher}from"./nile-switcher.esm.js";import"tslib";import"lit";import"lit/decorators.js";import"./nile-switcher.css.esm.js";import"../internal/nile-element.esm.js";import"lit/directives/choose.js";import"lit/directives/class-map.js";import"lit/directives/repeat.js";import"../internal/watch.esm.js";import"../internal/slot.esm.js";
+export{N as NileSwitcher}from"./nile-switcher.esm.js";import"tslib";import"lit";import"lit/decorators.js";import"./nile-switcher.css.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";import"lit/directives/choose.js";import"lit/directives/class-map.js";import"lit/directives/repeat.js";import"../internal/watch.esm.js";import"../internal/slot.esm.js";

package/dist/nile-switcher/nile-switcher.cjs.js

@@ -1,2 +1,2 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-switcher.css.cjs.js","../internal/nile-element.cjs.js","lit/directives/choose.js","lit/directives/class-map.js","lit/directives/repeat.js","../internal/watch.cjs.js","../internal/slot.cjs.js"],function(_export,_context){"use strict";var e,r,t,i,s,o,n,l,a,c,d,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,_templateObject13,_templateObject14,_templateObject15,_templateObject16,_templateObject17,h,p,u,$,b;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){e=_tslib.__decorate;},function(_lit){r=_lit.html;},function(_litDecoratorsJs){t=_litDecoratorsJs.property;i=_litDecoratorsJs.customElement;},function(_nileSwitcherCssCjsJs){s=_nileSwitcherCssCjsJs.s;},function(_internalNileElementCjsJs){o=_internalNileElementCjsJs.N;},function(_litDirectivesChooseJs){n=_litDirectivesChooseJs.choose;},function(_litDirectivesClassMapJs){l=_litDirectivesClassMapJs.classMap;},function(_litDirectivesRepeatJs){a=_litDirectivesRepeatJs.repeat;},function(_internalWatchCjsJs){c=_internalWatchCjsJs.w;},function(_internalSlotCjsJs){d=_internalSlotCjsJs.H;}],execute:function execute(){!function(e){e.INLINE="inline",e.BLOCK="block";}(h||(h={})),function(e){e.DEFAULT="defaultInput",e.SWITCH="switchInput";}(p||(p={})),function(e){e.DROPDOWN="dropdown",e.TEXT="text",e.CHECKBOX="checkbox",e.TEXTAREA="text-area",e.RADIO="radio",e.CONTENTEDITOR="content-editor",e.OBJECT_MAPPER="object-mapper",e.CODE_EDITOR="code-editor";}(u||(u={})),function(e){e.CREATE="create",e.EDIT="edit";}($||($={}));_export("N",b=/*#__PURE__*/function(_o){function b(){var _this;_classCallCheck(this,b);_this=_callSuper(this,b,arguments),_this.hasSlotController=new d(_assertThisInitialized(_this),"label"),_this.current=0,_this.isToggleSwitch=function(e){return void 0===e||e;};return _this;}_inherits(b,_o);return _createClass(b,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(b,"connectedCallback",this,3)([]),this.emit("nile-init");}},{key:"handleSwitcherChange",value:function handleSwitcherChange(){this.setCurrentInput();}},{key:"setCurrentInput",value:function setCurrentInput(){var _this$nileSwitchConfi,_this2=this;((_this$nileSwitchConfi=this.nileSwitchConfig)===null||_this$nileSwitchConfi===void 0?void 0:_this$nileSwitchConfi.inputs)&&(this.currentInput=this.nileSwitchConfig.inputs.filter(function(e,r){return r===_this2.current;})[0]);}},{key:"disconnectedCallback",value:function disconnectedCallback(){_superPropGet(b,"disconnectedCallback",this,3)([]),this.emit("nile-destroy");}},{key:"renderNileText",value:function renderNileText(e){var _this3=this;var t=e.value,i=e.label,s=e.placeholder,o=e.disabled,n=e.required,a=e.error,c=e.errorMessage,d=e.inputType,h=e.noborder;return r(_templateObject||(_templateObject=_taggedTemplateLiteral(["<nile-input\n      class=","\n      .value=","\n      .label=","\n      .disabled=","\n      .required=","\n      .errorMessage=","\n      .placeholder=","\n      .error=","\n      @nile-input=","\n    ></nile-input>"])),l({"switcher-input":!0,"switcher-input--noborder":!!h}),t,i,o,n,c,s,a,function(e){_this3.handleChange(e,d);});}},{key:"renderDropdown",value:function renderDropdown(e){var _this4=this;var t=e.options,i=e.multiple,s=e.placeholder,o=e.disabled,n=e.value,a=e.error,c=e.errorMessage,d=e.inputType,h=e.noborder;return r(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<nile-select\n      part=\"dropdown\"\n      class=","\n      .placeholder=","\n      .disabled=\"","\"\n      .multiple=\"","\"\n      .value=\"","\"\n      .error=\"","\"\n      .errorMessage=\"","\"\n      @nile-change=","\n    >\n      ","\n    </nile-select>"])),l({"switcher-dropdown":!0,"switcher-dropdown--noborder":!!h}),s,o,i,n,a,c,function(e){_this4.handleChange(e,d);},t===null||t===void 0?void 0:t.map(function(e){return r(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<nile-option .value=\"","\">"," </nile-option>"])),e,e);}));}},{key:"renderNileTextArea",value:function renderNileTextArea(e){var _this5=this;var t=e.value,i=e.disabled,s=e.readonly,o=e.errorMessage,n=e.error,l=e.inputType;return r(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<nile-textarea\n      class=\"switcher-textarea\"\n      .value=","\n      .disabled=","\n      ?readonly=","\n      .error=","\n      .errorMessage=","\n      @nile-input=","\n    ></nile-textarea>"])),t,i,s,n,o,function(e){_this5.handleChange(e,l);});}},{key:"renderNileCheckBox",value:function renderNileCheckBox(e){var _this6=this;var t=e.value,i=e.label,s=e.disabled,o=e.inputType;return r(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["<nile-checkbox\n        class=\"switcher-checkbox\"\n        .checked=","\n        .label=","\n        .disabled=","\n        @valueChange=","\n      ></nile-checkbox\n      >; "])),t,i,s,function(e){_this6.handleChange(e,o);});}},{key:"renderNileRadio",value:function renderNileRadio(e){var _this7=this;var t=e.options,i=e.value,s=e.disabled,o=e.errorMessage,n=e.inputType,l=!!o;return r(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["<nile-radio-group\n      class=\"switcher-radio-group\"\n      .value=","\n      .disabled=","\n      @change=","\n    >\n      ","\n      ","\n    </nile-radio-group> "])),i,s,function(e){_this7.handleChange(e,n);},t&&t.map(function(e){return r(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["<nile-radio .value=\"","\">"," </nile-radio>"])),e,e);}),l?this.renderErrorMessage(o):"");}},{key:"renderErrorMessage",value:function renderErrorMessage(e){return r(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n      <nile-form-error-message>","</nile-form-error-message>\n    "])),e);}},{key:"renderContentEditor",value:function renderContentEditor(e){var _this8=this;var t=e.options,i=e.inputType,s=e.errorMessage,o=e.type,n=e.readonly,l=e.noborder,a=e.value,c=e.updateValue;return r(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["<nile-content-editor\n      class=\"switcher-content-editor\"\n      .value=","\n      .options=","\n      .type=","\n      .readonly=","\n      .noborder=","\n      .updateValue=","\n      .errorMessage=","\n      @nile-change=","\n    >\n    </nile-content-editor>"])),a,t,o,n,l,c,s,function(e){_this8.handleChange(e,i);});}},{key:"renderObjectMapper",value:function renderObjectMapper(e){var _this9=this;var t=e.options,i=e.inputType,s=e.error,o=e.errorMessage,n=e.type,a=e.readonly,c=e.noborder;var d=this.currentInput.mode===$.CREATE?"Click to Create - Not Mapped":"Click to Edit";return r(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["<nile-input\n      class=","\n      .value=","\n      .errorMessage=","\n      .error=","\n      readonly=\"true\"\n      @click=\"","\"\n    >\n      <nile-icon\n        class=\"pointer-cursor switcher-object-mapper-icon\"\n        slot=\"suffix\"\n        name=\"var(--nile-icon-expand-2, var(--ng-icon-expand-06))\"\n        method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n        color=\"var(--nile-colors-primary-600)\"\n        size=\"16\"\n      >\n      </nile-icon>\n    </nile-input>"])),l({"switcher-object-mapper":!0,"switcher-object-mapper--noborder":!!c}),d,o,s,function(e){return _this9.handleChange(e,u.OBJECT_MAPPER);});}},{key:"renderCodeEditor",value:function renderCodeEditor(e){var _this10=this;var t=e.value,i=e.multiLine,s=e.customAutoCompletions,o=e.disabled,n=e.readonly,a=e.errorMessage,c=e.error,d=e.inputType,h=e.noborder,p=e.expand,$=e.updateValue;return r(_templateObject11||(_templateObject11=_taggedTemplateLiteral(["<nile-code-editor\n      part=\"switcher-code-editor\"\n      exportparts=\"code-editor-base\"\n      class=","\n      @nile-expand=\"","\"\n      @nile-change=\"","\"\n      .multiline=\"","\"\n      .value=\"","\"\n      .readonly=","\n      .expandable=\"","\"\n      .error=","\n      .noborder=","\n      .updateValue=","\n      .errorMessage=","\n      .customAutoCompletions=\"","\"\n    ></nile-code-editor> "])),l({"code-editor":!0}),function(e){return _this10.handleExpand(e,u.CODE_EDITOR);},function(e){return _this10.handleChange(e,u.CODE_EDITOR);},i,t,n,p,c,h,$,a,s);}},{key:"handleExpand",value:function handleExpand(e,r){this.currentInput.expand=e.detail.expand,this.emit("nile-change",{input:this.currentInput});}},{key:"handleChange",value:function handleChange(e,r){switch(r){case u.OBJECT_MAPPER:this.currentInput.value="clicked";break;case u.CHECKBOX:this.currentInput.value=e.detail.checked;break;case u.CODE_EDITOR:default:this.currentInput.value=e.detail.value;}e.stopPropagation(),this.emit("nile-change",{input:this.currentInput});}},{key:"renderIcon",value:function renderIcon(){var _this11=this;var e=this.nileSwitchConfig.inputs,t=this.nileSwitchConfig.align===h.BLOCK?"top":"bottom";return r(_templateObject12||(_templateObject12=_taggedTemplateLiteral(["\n      <div part=\"icons-container\" class=\"switcher-icons-container\">\n        ","\n      </div>\n    "])),a(e,function(e,i){return r(_templateObject13||(_templateObject13=_taggedTemplateLiteral([" <nile-tooltip\n            class=","\n            content=","\n            placement=","\n          >\n            <div  class=",">\n               <nile-icon\n              size=\"16\"\n              class=","\n              .name=","\n              method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n              color=\"#000000\"\n              @click=","\n            ></nile-icon>\n            <div>\n           \n          </nile-tooltip>"])),l({"switcher-tooltip-container":!0}),e.helperText,t,l({"switcher-icon-container":!0,current:i===_this11.current}),l({"pointer-cursor":!0,"pointer-cursor-not-allowed":i===_this11.current}),e.icon,function(){return _this11.toggleField(e,i);});}));}},{key:"toggleField",value:function toggleField(e,r){this.emit("nile-switch",{inputClicked:r,currentInput:e});}},{key:"singleFieldSwitcher",value:function singleFieldSwitcher(){var _this12=this;return this.setCurrentInput(),r(_templateObject14||(_templateObject14=_taggedTemplateLiteral(["\n      ","\n    "])),n(this.currentInput.inputType,[[u.TEXT,function(){return _this12.renderNileText(_this12.currentInput);}],[u.CHECKBOX,function(){return _this12.renderNileCheckBox(_this12.currentInput);}],[u.TEXTAREA,function(){return _this12.renderNileTextArea(_this12.currentInput);}],[u.RADIO,function(){return _this12.renderNileRadio(_this12.currentInput);}],[u.DROPDOWN,function(){return _this12.renderDropdown(_this12.currentInput);}],[u.CONTENTEDITOR,function(){return _this12.renderContentEditor(_this12.currentInput);}],[u.OBJECT_MAPPER,function(){return _this12.renderObjectMapper(_this12.currentInput);}],[u.CODE_EDITOR,function(){return _this12.renderCodeEditor(_this12.currentInput);}]],function(){return _this12.renderNileText(_this12.currentInput);}));}},{key:"render",value:function render(){var e=this.hasSlotController.test("label"),t=this.nileSwitchConfig.align,i=this.nileSwitchConfig.disable;return r(_templateObject15||(_templateObject15=_taggedTemplateLiteral(["<div\n      part=\"base\"\n      class=","\n    >\n      <div class=\"label-container\">\n        ","\n        ","\n      </div>\n      ","\n    </div>"])),l({"switcher-block":t===h.BLOCK,"switcher-inline":t===h.INLINE,"switcher-container":!0}),e?r(_templateObject16||(_templateObject16=_taggedTemplateLiteral(["\n           <label\n          part=\"switcher-label\"\n          class=\"switcher__label\"\n          for=\"input\"\n        >\n          <slot name=\"label\"></slot>\n        </label>\n          </div> "]))):"",i?"":r(_templateObject17||(_templateObject17=_taggedTemplateLiteral(["",""])),this.renderIcon()),this.singleFieldSwitcher());}}]);}(o));b.styles=s,e([t({type:Object})],b.prototype,"nileSwitchConfig",void 0),e([t({type:Number})],b.prototype,"current",void 0),e([t({type:Object})],b.prototype,"currentInput",void 0),e([c(["current"],{waitUntilFirstUpdate:!0})],b.prototype,"handleSwitcherChange",null),_export("N",b=e([i("nile-switcher")],b));}};});
+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-switcher.css.cjs.js","../internal/nile-element.cjs.js","lit/directives/choose.js","lit/directives/class-map.js","lit/directives/repeat.js","../internal/watch.cjs.js","../internal/slot.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 e,r,t,i,s,n,o,l,a,c,d,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_templateObject11,_templateObject12,_templateObject13,_templateObject14,_templateObject15,_templateObject16,_templateObject17,h,p,u,$,b;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){e=_tslib.__decorate;},function(_lit){r=_lit.html;},function(_litDecoratorsJs){t=_litDecoratorsJs.property;i=_litDecoratorsJs.customElement;},function(_nileSwitcherCssCjsJs){s=_nileSwitcherCssCjsJs.s;},function(_internalNileElementCjsJs){n=_internalNileElementCjsJs.N;},function(_litDirectivesChooseJs){o=_litDirectivesChooseJs.choose;},function(_litDirectivesClassMapJs){l=_litDirectivesClassMapJs.classMap;},function(_litDirectivesRepeatJs){a=_litDirectivesRepeatJs.repeat;},function(_internalWatchCjsJs){c=_internalWatchCjsJs.w;},function(_internalSlotCjsJs){d=_internalSlotCjsJs.H;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){!function(e){e.INLINE="inline",e.BLOCK="block";}(h||(h={})),function(e){e.DEFAULT="defaultInput",e.SWITCH="switchInput";}(p||(p={})),function(e){e.DROPDOWN="dropdown",e.TEXT="text",e.CHECKBOX="checkbox",e.TEXTAREA="text-area",e.RADIO="radio",e.CONTENTEDITOR="content-editor",e.OBJECT_MAPPER="object-mapper",e.CODE_EDITOR="code-editor";}(u||(u={})),function(e){e.CREATE="create",e.EDIT="edit";}($||($={}));_export("N",b=/*#__PURE__*/function(_n){function b(){var _this;_classCallCheck(this,b);_this=_callSuper(this,b,arguments),_this.hasSlotController=new d(_assertThisInitialized(_this),"label"),_this.current=0,_this.isToggleSwitch=function(e){return void 0===e||e;};return _this;}_inherits(b,_n);return _createClass(b,[{key:"connectedCallback",value:function connectedCallback(){_superPropGet(b,"connectedCallback",this,3)([]),this.emit("nile-init");}},{key:"handleSwitcherChange",value:function handleSwitcherChange(){this.setCurrentInput();}},{key:"setCurrentInput",value:function setCurrentInput(){var _this$nileSwitchConfi,_this2=this;((_this$nileSwitchConfi=this.nileSwitchConfig)===null||_this$nileSwitchConfi===void 0?void 0:_this$nileSwitchConfi.inputs)&&(this.currentInput=this.nileSwitchConfig.inputs.filter(function(e,r){return r===_this2.current;})[0]);}},{key:"disconnectedCallback",value:function disconnectedCallback(){_superPropGet(b,"disconnectedCallback",this,3)([]),this.emit("nile-destroy");}},{key:"renderNileText",value:function renderNileText(e){var _this3=this;var t=e.value,i=e.label,s=e.placeholder,n=e.disabled,o=e.required,a=e.error,c=e.errorMessage,d=e.inputType,h=e.noborder;return r(_templateObject||(_templateObject=_taggedTemplateLiteral(["<nile-input\n      class=","\n      .value=","\n      .label=","\n      .disabled=","\n      .required=","\n      .errorMessage=","\n      .placeholder=","\n      .error=","\n      @nile-input=","\n    ></nile-input>"])),l({"switcher-input":!0,"switcher-input--noborder":!!h}),t,i,n,o,c,s,a,function(e){_this3.handleChange(e,d);});}},{key:"renderDropdown",value:function renderDropdown(e){var _this4=this;var t=e.options,i=e.multiple,s=e.placeholder,n=e.disabled,o=e.value,a=e.error,c=e.errorMessage,d=e.inputType,h=e.noborder;return r(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["<nile-select\n      part=\"dropdown\"\n      class=","\n      .placeholder=","\n      .disabled=\"","\"\n      .multiple=\"","\"\n      .value=\"","\"\n      .error=\"","\"\n      .errorMessage=\"","\"\n      @nile-change=","\n    >\n      ","\n    </nile-select>"])),l({"switcher-dropdown":!0,"switcher-dropdown--noborder":!!h}),s,n,i,o,a,c,function(e){_this4.handleChange(e,d);},t===null||t===void 0?void 0:t.map(function(e){return r(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<nile-option .value=\"","\">"," </nile-option>"])),e,e);}));}},{key:"renderNileTextArea",value:function renderNileTextArea(e){var _this5=this;var t=e.value,i=e.disabled,s=e.readonly,n=e.errorMessage,o=e.error,l=e.inputType;return r(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["<nile-textarea\n      class=\"switcher-textarea\"\n      .value=","\n      .disabled=","\n      ?readonly=","\n      .error=","\n      .errorMessage=","\n      @nile-input=","\n    ></nile-textarea>"])),t,i,s,o,n,function(e){_this5.handleChange(e,l);});}},{key:"renderNileCheckBox",value:function renderNileCheckBox(e){var _this6=this;var t=e.value,i=e.label,s=e.disabled,n=e.inputType;return r(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["<nile-checkbox\n        class=\"switcher-checkbox\"\n        .checked=","\n        .label=","\n        .disabled=","\n        @valueChange=","\n      ></nile-checkbox\n      >; "])),t,i,s,function(e){_this6.handleChange(e,n);});}},{key:"renderNileRadio",value:function renderNileRadio(e){var _this7=this;var t=e.options,i=e.value,s=e.disabled,n=e.errorMessage,o=e.inputType,l=!!n;return r(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["<nile-radio-group\n      class=\"switcher-radio-group\"\n      .value=","\n      .disabled=","\n      @change=","\n    >\n      ","\n      ","\n    </nile-radio-group> "])),i,s,function(e){_this7.handleChange(e,o);},t&&t.map(function(e){return r(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["<nile-radio .value=\"","\">"," </nile-radio>"])),e,e);}),l?this.renderErrorMessage(n):"");}},{key:"renderErrorMessage",value:function renderErrorMessage(e){return r(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n      <nile-form-error-message>","</nile-form-error-message>\n    "])),e);}},{key:"renderContentEditor",value:function renderContentEditor(e){var _this8=this;var t=e.options,i=e.inputType,s=e.errorMessage,n=e.type,o=e.readonly,l=e.noborder,a=e.value,c=e.updateValue;return r(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["<nile-content-editor\n      class=\"switcher-content-editor\"\n      .value=","\n      .options=","\n      .type=","\n      .readonly=","\n      .noborder=","\n      .updateValue=","\n      .errorMessage=","\n      @nile-change=","\n    >\n    </nile-content-editor>"])),a,t,n,o,l,c,s,function(e){_this8.handleChange(e,i);});}},{key:"renderObjectMapper",value:function renderObjectMapper(e){var _this9=this;var t=e.options,i=e.inputType,s=e.error,n=e.errorMessage,o=e.type,a=e.readonly,c=e.noborder;var d=this.currentInput.mode===$.CREATE?"Click to Create - Not Mapped":"Click to Edit";return r(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["<nile-input\n      class=","\n      .value=","\n      .errorMessage=","\n      .error=","\n      readonly=\"true\"\n      @click=\"","\"\n    >\n      <nile-icon\n        class=\"pointer-cursor switcher-object-mapper-icon\"\n        slot=\"suffix\"\n        name=\"var(--nile-icon-expand-2, var(--ng-icon-expand-06))\"\n        method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n        color=\"var(--nile-colors-primary-600)\"\n        size=\"16\"\n      >\n      </nile-icon>\n    </nile-input>"])),l({"switcher-object-mapper":!0,"switcher-object-mapper--noborder":!!c}),d,n,s,function(e){return _this9.handleChange(e,u.OBJECT_MAPPER);});}},{key:"renderCodeEditor",value:function renderCodeEditor(e){var _this10=this;var t=e.value,i=e.multiLine,s=e.customAutoCompletions,n=e.disabled,o=e.readonly,a=e.errorMessage,c=e.error,d=e.inputType,h=e.noborder,p=e.expand,$=e.updateValue;return r(_templateObject11||(_templateObject11=_taggedTemplateLiteral(["<nile-code-editor\n      part=\"switcher-code-editor\"\n      exportparts=\"code-editor-base\"\n      class=","\n      @nile-expand=\"","\"\n      @nile-change=\"","\"\n      .multiline=\"","\"\n      .value=\"","\"\n      .readonly=","\n      .expandable=\"","\"\n      .error=","\n      .noborder=","\n      .updateValue=","\n      .errorMessage=","\n      .customAutoCompletions=\"","\"\n    ></nile-code-editor> "])),l({"code-editor":!0}),function(e){return _this10.handleExpand(e,u.CODE_EDITOR);},function(e){return _this10.handleChange(e,u.CODE_EDITOR);},i,t,o,p,c,h,$,a,s);}},{key:"handleExpand",value:function handleExpand(e,r){this.currentInput.expand=e.detail.expand,this.emit("nile-change",{input:this.currentInput});}},{key:"handleChange",value:function handleChange(e,r){switch(r){case u.OBJECT_MAPPER:this.currentInput.value="clicked";break;case u.CHECKBOX:this.currentInput.value=e.detail.checked;break;case u.CODE_EDITOR:default:this.currentInput.value=e.detail.value;}e.stopPropagation(),this.emit("nile-change",{input:this.currentInput});}},{key:"renderIcon",value:function renderIcon(){var _this11=this;var e=this.nileSwitchConfig.inputs,t=this.nileSwitchConfig.align===h.BLOCK?"top":"bottom";return r(_templateObject12||(_templateObject12=_taggedTemplateLiteral(["\n      <div part=\"icons-container\" class=\"switcher-icons-container\">\n        ","\n      </div>\n    "])),a(e,function(e,i){return r(_templateObject13||(_templateObject13=_taggedTemplateLiteral([" <nile-tooltip\n            class=","\n            content=","\n            placement=","\n          >\n            <div  class=",">\n               <nile-icon\n              size=\"16\"\n              class=","\n              .name=","\n              method=\"var(--nile-svg-method-fill, var(--ng-svg-method-stroke))\"\n              color=\"#000000\"\n              @click=","\n            ></nile-icon>\n            <div>\n           \n          </nile-tooltip>"])),l({"switcher-tooltip-container":!0}),e.helperText,t,l({"switcher-icon-container":!0,current:i===_this11.current}),l({"pointer-cursor":!0,"pointer-cursor-not-allowed":i===_this11.current}),e.icon,function(){return _this11.toggleField(e,i);});}));}},{key:"toggleField",value:function toggleField(e,r){this.emit("nile-switch",{inputClicked:r,currentInput:e});}},{key:"singleFieldSwitcher",value:function singleFieldSwitcher(){var _this12=this;return this.setCurrentInput(),r(_templateObject14||(_templateObject14=_taggedTemplateLiteral(["\n      ","\n    "])),o(this.currentInput.inputType,[[u.TEXT,function(){return _this12.renderNileText(_this12.currentInput);}],[u.CHECKBOX,function(){return _this12.renderNileCheckBox(_this12.currentInput);}],[u.TEXTAREA,function(){return _this12.renderNileTextArea(_this12.currentInput);}],[u.RADIO,function(){return _this12.renderNileRadio(_this12.currentInput);}],[u.DROPDOWN,function(){return _this12.renderDropdown(_this12.currentInput);}],[u.CONTENTEDITOR,function(){return _this12.renderContentEditor(_this12.currentInput);}],[u.OBJECT_MAPPER,function(){return _this12.renderObjectMapper(_this12.currentInput);}],[u.CODE_EDITOR,function(){return _this12.renderCodeEditor(_this12.currentInput);}]],function(){return _this12.renderNileText(_this12.currentInput);}));}},{key:"render",value:function render(){var e=this.hasSlotController.test("label"),t=this.nileSwitchConfig.align,i=this.nileSwitchConfig.disable;return r(_templateObject15||(_templateObject15=_taggedTemplateLiteral(["<div\n      part=\"base\"\n      class=","\n    >\n      <div class=\"label-container\">\n        ","\n        ","\n      </div>\n      ","\n    </div>"])),l({"switcher-block":t===h.BLOCK,"switcher-inline":t===h.INLINE,"switcher-container":!0}),e?r(_templateObject16||(_templateObject16=_taggedTemplateLiteral(["\n           <label\n          part=\"switcher-label\"\n          class=\"switcher__label\"\n          for=\"input\"\n        >\n          <slot name=\"label\"></slot>\n        </label>\n          </div> "]))):"",i?"":r(_templateObject17||(_templateObject17=_taggedTemplateLiteral(["",""])),this.renderIcon()),this.singleFieldSwitcher());}}]);}(n));b.styles=s,e([t({type:Object})],b.prototype,"nileSwitchConfig",void 0),e([t({type:Number})],b.prototype,"current",void 0),e([t({type:Object})],b.prototype,"currentInput",void 0),e([c(["current"],{waitUntilFirstUpdate:!0})],b.prototype,"handleSwitcherChange",null),_export("N",b=e([i("nile-switcher")],b));}};});
 //# sourceMappingURL=nile-switcher.cjs.js.map