npm - @aquera/nile-elements - Versions diffs - 1.9.8 → 1.9.10 - Mend

@aquera/nile-elements 1.9.8 → 1.9.10

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

Files changed (285) hide show

package/dist/src/nile-color-picker/nile-color-picker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-color-picker.js","sourceRoot":"","sources":["../../../src/nile-color-picker/nile-color-picker.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { getCssText } from './nile-color-picker.css';\nimport '../nile-dropdown/nile-dropdown';\nimport '../nile-menu/nile-menu';\nimport '../nile-menu-item/nile-menu-item';\n\nexport type ColorPickerType = 'swatches' \| 'picker';\nexport type ColorPickerMode = 'inline' \| 'popover';\nexport type SwatchTooltip = 'name' \| 'value' \| 'both';\nexport type PaletteEntry = { color: string; name: string };\n\nexport const DEFAULT_PALETTE: PaletteEntry[] = [\n { color: '#131316', name: 'Black' },\n { color: '#26272B', name: 'Dark Gray' },\n { color: '#525252', name: 'Gray' },\n { color: '#737373', name: 'Medium Gray' },\n { color: '#A3A3A3', name: 'Silver' },\n { color: '#D6D6D6', name: 'Light Gray' },\n { color: '#F5F5F5', name: 'Off White' },\n { color: '#FFFFFF', name: 'White' },\n { color: '#CA8504', name: 'Yellow 3' },\n { color: '#C01048', name: 'Red 3' },\n { color: '#DD2590', name: 'Pink 3' },\n { color: '#155EEF', name: 'Blue Dark 3' },\n { color: '#444CE7', name: 'Indigo 3' },\n { color: '#7A5AF8', name: 'Purple 3' },\n { color: '#3E4784', name: 'Gray Blue 3' },\n { color: '#087443', name: 'Green 3' },\n { color: '#FDE272', name: 'Yellow 2' },\n { color: '#FEA3B4', name: 'Red 2' },\n { color: '#FAA7E0', name: 'Pink 2' },\n { color: '#528BFF', name: 'Blue Dark 2' },\n { color: '#A4BCFD', name: 'Indigo 2' },\n { color: '#BDB4FE', name: 'Purple 2' },\n { color: '#B3B8DB', name: 'Gray Blue 2' },\n { color: '#73E2A3', name: 'Green 2' },\n { color: '#FEFBE8', name: 'Yellow 1' },\n { color: '#FFF1F3', name: 'Red 1' },\n { color: '#FDF2FA', name: 'Pink 1' },\n { color: '#EFF4FF', name: 'Blue Dark 1' },\n { color: '#EEF4FF', name: 'Indigo 1' },\n { color: '#F4F3FF', name: 'Purple 1' },\n { color: '#F8F9FC', name: 'Gray Blue 1' },\n { color: '#EDFCF2', name: 'Green 1' },\n];\n\n/* ── color math helpers ──────────────────────────────────────────────── /\nexport function hexToRgb(hex: string): [number, number, number] {\n const h = hex.replace('#', '');\n return [parseInt(h.slice(0, 2), 16), parseInt(h.slice(2, 4), 16), parseInt(h.slice(4, 6), 16)];\n}\n\nexport function rgbToHex(r: number, g: number, b: number): string {\n return '#' + [r, g, b].map(v => v.toString(16).padStart(2, '0')).join('').toUpperCase();\n}\n\nexport function rgbToHsv(r: number, g: number, b: number): [number, number, number] {\n r /= 255; g /= 255; b /= 255;\n const max = Math.max(r, g, b), min = Math.min(r, g, b), d = max - min;\n let h = 0;\n if (d !== 0) {\n if (max === r) h = ((g - b) / d + 6) % 6;\n else if (max === g) h = (b - r) / d + 2;\n else h = (r - g) / d + 4;\n h = 60;\n }\n return [h, max === 0 ? 0 : d / max, max];\n}\n\nexport function hsvToRgb(h: number, s: number, v: number): [number, number, number] {\n const c = v * s, x = c * (1 - Math.abs(((h / 60) % 2) - 1)), m = v - c;\n let r = 0, g = 0, b = 0;\n if (h < 60) { r = c; g = x; }\n else if (h < 120) { r = x; g = c; }\n else if (h < 180) { g = c; b = x; }\n else if (h < 240) { g = x; b = c; }\n else if (h < 300) { r = x; b = c; }\n else { r = c; b = x; }\n return [Math.round((r + m) * 255), Math.round((g + m) * 255), Math.round((b + m) * 255)];\n}\n\n@customElement('nile-color-picker')\nexport class NileColorPicker extends LitElement {\n protected createRenderRoot() { return this; }\n\n \n @property({ type: String, attribute: true, reflect: true }) type: ColorPickerType = 'swatches';\n\n /** Currently selected hex color value. /\n @property({ type: String, attribute: true, reflect: true }) value = '#000000';\n\n /* What to show in swatch tooltips. /\n @property({ type: String, reflect: true }) swatchTooltip: SwatchTooltip = 'name';\n\n /* How many recent/custom colors to display. /\n @property({ type: Number, reflect: true }) recentColorsCount = 3;\n\n /* Show a \"No Fill\" button (useful for background-color use cases). /\n @property({ type: Boolean, reflect: true }) noFill = false;\n\n \n @property({ type: String, reflect: true })mode: ColorPickerMode = 'inline';\n\n /* Show the SV gradient canvas (the large colour area). Applies when type=\"picker\". /\n @property({ type: Boolean, reflect: true }) showCanvas = true;\n\n /* Show the hue slider row (rainbow bar + eyedropper). Applies when type=\"picker\". /\n @property({ type: Boolean, reflect: true }) showHue = true;\n\n /* Show the HEX / RGB input row. Applies when type=\"picker\". /\n @property({ type: Boolean, reflect: true }) showInputs = true;\n\n /* Show the Cancel / Okay action buttons. Applies when type=\"picker\". /\n @property({ type: Boolean, reflect: true }) showActions = true;\n\n @property({ type: Boolean, reflect: true, attribute: true}) open = false;\n\n /* Custom palette. Accepts a JSON array of `{ color, name }` objects or plain\n * hex strings. Falls back to the built-in palette when empty. /\n @property({\n attribute: 'palette',\n converter: {\n fromAttribute: (value: string): PaletteEntry[] => {\n try {\n const parsed = JSON.parse(value);\n if (!Array.isArray(parsed)) return [];\n return parsed.map((e: any) => {\n if (typeof e === 'string') return { color: e, name: e };\n if (e && typeof e.color === 'string') return { color: e.color, name: e.name \|\| e.color };\n return null;\n }).filter(Boolean) as PaletteEntry[];\n } catch { return []; }\n },\n toAttribute: (v: PaletteEntry[]) => JSON.stringify(v),\n },\n })\n palette: PaletteEntry[] = [];\n\n / ── internal state ──────────────────────────────────────────────── /\n @state() private _view: ColorPickerType = 'swatches';\n @state() private _recentColors: PaletteEntry[] = [];\n\n // picker canvas state\n @state() private _hue = 220;\n @state() private _sat = 0.7;\n @state() private _val = 0.93;\n @state() private _colorMode: 'HEX' \| 'RGB' = 'HEX';\n @state() private _hexInput = '#366AEE';\n @state() private _r = 54;\n @state() private _g = 106;\n @state() private _b = 238;\n\n private _svCanvas: HTMLCanvasElement \| null = null;\n private _hueCanvas: HTMLCanvasElement \| null = null;\n private _draggingSV = false;\n private _draggingHue = false;\n private _pendingColor = '#366AEE';\n\n / ── lifecycle ───────────────────────────────────────────────────── /\n connectedCallback() {\n super.connectedCallback();\n this._view = this.type;\n if (this.type === 'picker') {\n const [r, g, b] = hexToRgb(this._norm(this.value));\n [this._hue, this._sat, this._val] = rgbToHsv(r, g, b);\n this._syncInputs();\n }\n this._injectCss();\n document.addEventListener('mousemove', this._onGlobalMouseMove);\n document.addEventListener('mouseup', this._onGlobalMouseUp);\n }\n\n disconnectedCallback() {\n document.removeEventListener('mousemove', this._onGlobalMouseMove);\n document.removeEventListener('mouseup', this._onGlobalMouseUp);\n super.disconnectedCallback();\n }\n\n protected updated(changed: Map<string, unknown>) {\n if (changed.has('type')) {\n this._view = this.type;\n if (this.type === 'picker') {\n const [r, g, b] = hexToRgb(this._norm(this.value));\n [this._hue, this._sat, this._val] = rgbToHsv(r, g, b);\n this._syncInputs();\n }\n }\n if (changed.has('value') && this.type === 'picker' && this._view === 'picker' &&\n !this._draggingSV && !this._draggingHue) {\n const [r, g, b] = hexToRgb(this._norm(this.value));\n [this._hue, this._sat, this._val] = rgbToHsv(r, g, b);\n this._syncInputs();\n }\n \n if (this._view === 'picker') {\n requestAnimationFrame(() => {\n this._svCanvas = this.querySelector('.ncp-sv-canvas') as HTMLCanvasElement;\n this._hueCanvas = this.querySelector('.ncp-hue-canvas') as HTMLCanvasElement;\n this._drawSV();\n this._drawHue();\n });\n }\n }\n\n / ── public API ──────────────────────────────────────────────────── /\n /* Reset the view back to the default type (call this when the host popover closes). /\n reset() {\n this._view = this.type;\n }\n\n \n private _injectCss() {\n if (this.querySelector('style[data-nile-color-picker]')) return;\n const style = document.createElement('style');\n style.setAttribute('data-nile-color-picker', '');\n style.textContent = getCssText();\n this.insertBefore(style, this.firstChild);\n }\n\n \n private _norm(hex: string) {\n const t = hex.trim();\n if (/^#[0-9a-f]{6}$/i.test(t)) return t.toUpperCase();\n if (/^#[0-9a-f]{3}$/i.test(t)) {\n const [a, b, c] = t.slice(1).toUpperCase().split('');\n return `#${a}${a}${b}${b}${c}${c}`;\n }\n return '#000000';\n }\n\n private get _paletteColors(): PaletteEntry[] {\n return this.palette.length > 0 ? this.palette : DEFAULT_PALETTE;\n }\n\n \n private _emit(value: string) {\n this.dispatchEvent(new CustomEvent('nile-change', {\n detail: { value },\n bubbles: true,\n composed: true,\n }));\n }\n\n private _apply(color: string) {\n const hex = this._norm(color);\n this.value = hex;\n const entry: PaletteEntry = { color: hex, name: hex };\n this._recentColors = [entry, ...this._recentColors.filter(e => this._norm(e.color) !== hex)].slice(0, this.recentColorsCount);\n this._emit(hex);\n if (this.mode === 'popover' && this._view === 'swatches') {\n this._closePopover();\n }\n }\n\n private _closePopover() {\n const pop = this.querySelector('nile-popover') as any;\n if (pop) pop.isShow = false;\n }\n\n private _openPicker() {\n const [r, g, b] = hexToRgb(this._norm(this.value));\n const [h, s, v] = rgbToHsv(r, g, b);\n this._hue = h; this._sat = s; this._val = v;\n this._syncInputs();\n this._view = 'picker';\n }\n\n private _syncInputs() {\n const [r, g, b] = hsvToRgb(this._hue, this._sat, this._val);\n const hex = rgbToHex(r, g, b);\n this._hexInput = hex; this._r = r; this._g = g; this._b = b;\n this._pendingColor = hex;\n }\n\n private _drawSV() {\n const canvas = this._svCanvas;\n if (!canvas) return;\n const ctx = canvas.getContext('2d');\n if (!ctx) return;\n const { width: w, height: h } = canvas;\n const [hr, hg, hb] = hsvToRgb(this._hue, 1, 1);\n ctx.fillStyle = `rgb(${hr},${hg},${hb})`;\n ctx.fillRect(0, 0, w, h);\n const wg = ctx.createLinearGradient(0, 0, w, 0);\n wg.addColorStop(0, 'rgba(255,255,255,1)'); wg.addColorStop(1, 'rgba(255,255,255,0)');\n ctx.fillStyle = wg; ctx.fillRect(0, 0, w, h);\n const bg = ctx.createLinearGradient(0, 0, 0, h);\n bg.addColorStop(0, 'rgba(0,0,0,0)'); bg.addColorStop(1, 'rgba(0,0,0,1)');\n ctx.fillStyle = bg; ctx.fillRect(0, 0, w, h);\n }\n\n private _drawHue() {\n const canvas = this._hueCanvas;\n if (!canvas) return;\n const ctx = canvas.getContext('2d');\n if (!ctx) return;\n const grad = ctx.createLinearGradient(0, 0, canvas.width, 0);\n ['#FF0000','#FFFF00','#00FF00','#00FFFF','#0000FF','#FF00FF','#FF0000']\n .forEach((c, i, a) => grad.addColorStop(i / (a.length - 1), c));\n ctx.fillStyle = grad; ctx.fillRect(0, 0, canvas.width, canvas.height);\n }\n\n private _onSVMouseDown = (e: MouseEvent) => { e.preventDefault(); this._draggingSV = true; this._updateSV(e); };\n private _onHueMouseDown = (e: MouseEvent) => { e.preventDefault(); this._draggingHue = true; this._updateHue(e); };\n\n private _onGlobalMouseMove = (e: MouseEvent) => {\n if (this._draggingSV) this._updateSV(e);\n if (this._draggingHue) this._updateHue(e);\n };\n private _onGlobalMouseUp = () => {\n const wasDraggingSV = this._draggingSV;\n const wasDraggingHue = this._draggingHue;\n if (!this.showActions && this._view === 'picker' && (wasDraggingSV \|\| wasDraggingHue)) {\n this._commitPickerIfNoActions();\n }\n this._draggingSV = false;\n this._draggingHue = false;\n };\n\n private _commitPickerIfNoActions() {\n if (this.showActions) return;\n this._apply(this._pendingColor);\n if (this.mode === 'popover') {\n if (this.type === 'swatches') this._view = 'swatches';\n this._closePopover();\n }\n }\n\n private _updateSV(e: MouseEvent) {\n const canvas = this._svCanvas; if (!canvas) return;\n const rect = canvas.getBoundingClientRect();\n this._sat = Math.max(0, Math.min(e.clientX - rect.left, rect.width)) / rect.width;\n this._val = 1 - Math.max(0, Math.min(e.clientY - rect.top, rect.height)) / rect.height;\n this._syncInputs();\n }\n\n private _updateHue(e: MouseEvent) {\n const canvas = this._hueCanvas; if (!canvas) return;\n const rect = canvas.getBoundingClientRect();\n this._hue = (Math.max(0, Math.min(e.clientX - rect.left, rect.width)) / rect.width) 360;\n this._syncInputs();\n }\n\n private _onHexInput = (e: Event) => {\n let val = ((e as CustomEvent).detail?.value ?? (e.target as HTMLInputElement).value ?? '').trim();\n if (!val.startsWith('#')) val = '#' + val;\n if (/^#[0-9a-f]{6}$/i.test(val)) {\n const [r, g, b] = hexToRgb(val);\n [this._hue, this._sat, this._val] = rgbToHsv(r, g, b);\n this._syncInputs();\n if (this._view === 'picker') this._commitPickerIfNoActions();\n }\n };\n\n private _onRgbInput = (ch: 'r' \| 'g' \| 'b', e: Event) => {\n const raw = (e as CustomEvent).detail?.value ?? (e.target as HTMLInputElement).value;\n const v = Math.max(0, Math.min(255, parseInt(String(raw), 10) \|\| 0));\n if (ch === 'r') this._r = v; else if (ch === 'g') this._g = v; else this._b = v;\n [this._hue, this._sat, this._val] = rgbToHsv(this._r, this._g, this._b);\n this._syncInputs();\n if (this._view === 'picker') this._commitPickerIfNoActions();\n };\n\n private _onColorModeSelect = (e: CustomEvent<{ value: string }>) => {\n e.stopPropagation();\n const v = e.detail?.value;\n if (v === 'HEX' \|\| v === 'RGB') {\n this._colorMode = v;\n }\n };\n\n private _pickEyedropper = async () => {\n const Ctor = (window as any).EyeDropper;\n if (!Ctor) { this._openPicker(); return; }\n try {\n const result = await new Ctor().open();\n if (result?.sRGBHex) this._apply(result.sRGBHex);\n } catch { /* cancelled / }\n };\n private _renderSwatch(entry: PaletteEntry) {\n const norm = this._norm(entry.color);\n const isActive = this._norm(this.value) === norm;\n const tip = this.swatchTooltip === 'name'\n ? (entry.name \|\| norm)\n : this.swatchTooltip === 'value'\n ? norm\n : entry.name ? `${entry.name} (${norm})` : norm;\n return html`\n <nile-lite-tooltip content=${tip}>\n <nile-color-swatch\n color=${norm}\n ?active=${isActive}\n @click=${() => this._apply(norm)}\n ></nile-color-swatch>\n </nile-lite-tooltip>\n `;\n }\n\n private _renderSwatchesView() {\n const recent = this._recentColors.slice(0, this.recentColorsCount);\n return html`\n <div class=\"ncp-panel\">\n <div class=\"ncp-palette-grid\">\n ${this._paletteColors.map(e => this._renderSwatch(e))}\n </div>\n\n ${this.noFill ? html`\n <button class=\"ncp-no-fill\" @click=${() => this._emit('none')}>\n <nile-glyph name=\"disabled\"></nile-glyph>\n <span>No Fill</span>\n </button>\n ` : nothing}\n\n <div class=\"ncp-custom-section\">\n <p class=\"ncp-custom-title\">Custom</p>\n <div class=\"ncp-custom-row\">\n ${recent.map(e => this._renderSwatch(e))}\n <nile-lite-tooltip content=\"Add custom color\">\n <button class=\"ncp-action-btn\" @click=${() => this._openPicker()}>\n<nile-glyph name=\"plus\"></nile-glyph>\n </button>\n </nile-lite-tooltip>\n <nile-lite-tooltip content=\"Pick from screen\">\n <button class=\"ncp-action-btn\" @click=${this._pickEyedropper}>\n <nile-glyph name=\"colorize\" size=\"12\"></nile-glyph>\n </button>\n </nile-lite-tooltip>\n </div>\n </div>\n </div>\n `;\n }\n\n private _renderPickerView() {\n const svX = this._sat 100;\n const svY = (1 - this._val) * 100;\n const hueX = (this._hue / 360) * 100;\n\n return html`\n <div class=\"ncp-panel ncp-panel--picker\">\n\n ${this.showCanvas ? html`\n <div class=\"ncp-sv-area\" @mousedown=${this._onSVMouseDown}>\n <canvas class=\"ncp-sv-canvas\" width=\"244\" height=\"130\"></canvas>\n <div class=\"ncp-sv-thumb\" style=\"left:${svX}%;top:${svY}%\">\n <div class=\"ncp-sv-thumb-inner\"></div>\n </div>\n </div>\n ` : nothing}\n\n ${this.showHue ? html`\n <div class=\"ncp-hue-row\">\n <div class=\"ncp-hue-wrap\" @mousedown=${this._onHueMouseDown}>\n <canvas class=\"ncp-hue-canvas\" width=\"244\" height=\"14\"></canvas>\n <div class=\"ncp-hue-thumb\" style=\"left:${hueX}%\"></div>\n </div>\n <button class=\"ncp-eyedropper\" title=\"Pick from screen\" @click=${this._pickEyedropper}>\n <nile-glyph name=\"colorize\" size=\"16\"></nile-glyph>\n </button>\n </div>\n ` : nothing}\n\n ${this.showInputs ? html`\n <div class=\"ncp-input-row\">\n <nile-dropdown class=\"ncp-mode-dropdown\" placement=\"bottom-start\" distance=\"4\" hoist>\n <nile-button slot=\"trigger\" class=\"ncp-mode-btn\" variant=\"tertiary\">\n ${this._colorMode} <nile-icon name=\"arrowdown\" size=\"12\"></nile-icon>\n </nile-button>\n <nile-menu @nile-select=${this._onColorModeSelect}>\n <nile-menu-item value=\"HEX\" ?active=${this._colorMode === 'HEX'}>HEX</nile-menu-item>\n <nile-menu-item value=\"RGB\" ?active=${this._colorMode === 'RGB'}>RGB</nile-menu-item>\n </nile-menu>\n </nile-dropdown>\n ${this._colorMode === 'HEX'\n ? html`<nile-input class=\"ncp-hex\" .value=${this._hexInput} @nile-input=${this._onHexInput}></nile-input>`\n : html`\n <nile-input class=\"ncp-rgb\" type=\"number\" min=\"0\" max=\"255\" .value=${String(this._r)} @nile-input=${(e: Event) => this._onRgbInput('r', e)}></nile-input>\n <nile-input class=\"ncp-rgb\" type=\"number\" min=\"0\" max=\"255\" .value=${String(this._g)} @nile-input=${(e: Event) => this._onRgbInput('g', e)}></nile-input>\n <nile-input class=\"ncp-rgb\" type=\"number\" min=\"0\" max=\"255\" .value=${String(this._b)} @nile-input=${(e: Event) => this._onRgbInput('b', e)}></nile-input>\n `}\n </div>\n ` : nothing}\n\n ${this.showActions ? html`\n <div class=\"ncp-picker-actions\">\n ${this.type === 'swatches'\n ? html`<nile-button variant=\"secondary\" size=\"small\" @click=${() => { this._view = 'swatches'; }}>Cancel</nile-button>`\n : nothing}\n <nile-button variant=\"primary\" size=\"small\" @click=${() => { this._apply(this._pendingColor); if (this.type === 'swatches') this._view = 'swatches'; this._closePopover(); }}>Okay</nile-button>\n </div>\n ` : nothing}\n\n </div>\n `;\n }\n\n private _renderTrigger() {\n const isNoFill = this.value === 'none';\n const displayColor = isNoFill ? null : this._norm(this.value);\n return html`\n <button\n slot=\"anchor\"\n class=\"ncp-trigger${isNoFill ? ' ncp-trigger--no-fill' : ''}\"\n type=\"button\"\n aria-label=${isNoFill ? 'No Fill' : displayColor}\n style=${isNoFill ? '' : `background:${displayColor}`}\n ></button>\n `;\n }\n\n render() {\n const panel = this._view === 'picker' ? this._renderPickerView() : this._renderSwatchesView();\n\n if (this.mode === 'popover') {\n return html`\n <nile-popover\n .arrow=${false}\n flip\n .open=${this.open}\n placement=\"bottom-start\"\n id=\"color-picker-popover\"\n distance=\"8\"\n @nile-hide=${() => this.reset()}\n >\n ${this._renderTrigger()}\n ${panel}\n </nile-popover>\n `;\n }\n\n return panel;\n }\n}\n\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-color-picker': NileColorPicker;\n }\n}\n"]}
1	+ {"version":3,"file":"nile-color-picker.js","sourceRoot":"","sources":["../../../src/nile-color-picker/nile-color-picker.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement, html, nothing } from 'lit';\nimport { customElement, property, state } from 'lit/decorators.js';\nimport { getCssText } from './nile-color-picker.css';\nimport '../nile-dropdown/nile-dropdown';\nimport '../nile-menu/nile-menu';\nimport '../nile-menu-item/nile-menu-item';\nimport '../nile-color-swatch/nile-color-swatch';\n\nexport type ColorPickerType = 'swatches' \| 'picker';\nexport type ColorPickerMode = 'inline' \| 'popover';\nexport type SwatchTooltip = 'name' \| 'value' \| 'both';\nexport type PaletteEntry = { color: string; name: string };\n\nexport const DEFAULT_PALETTE: PaletteEntry[] = [\n { color: '#131316', name: 'Black' },\n { color: '#26272B', name: 'Dark Gray' },\n { color: '#525252', name: 'Gray' },\n { color: '#737373', name: 'Medium Gray' },\n { color: '#A3A3A3', name: 'Silver' },\n { color: '#D6D6D6', name: 'Light Gray' },\n { color: '#F5F5F5', name: 'Off White' },\n { color: '#FFFFFF', name: 'White' },\n { color: '#CA8504', name: 'Yellow 3' },\n { color: '#C01048', name: 'Red 3' },\n { color: '#DD2590', name: 'Pink 3' },\n { color: '#155EEF', name: 'Blue Dark 3' },\n { color: '#444CE7', name: 'Indigo 3' },\n { color: '#7A5AF8', name: 'Purple 3' },\n { color: '#3E4784', name: 'Gray Blue 3' },\n { color: '#087443', name: 'Green 3' },\n { color: '#FDE272', name: 'Yellow 2' },\n { color: '#FEA3B4', name: 'Red 2' },\n { color: '#FAA7E0', name: 'Pink 2' },\n { color: '#528BFF', name: 'Blue Dark 2' },\n { color: '#A4BCFD', name: 'Indigo 2' },\n { color: '#BDB4FE', name: 'Purple 2' },\n { color: '#B3B8DB', name: 'Gray Blue 2' },\n { color: '#73E2A3', name: 'Green 2' },\n { color: '#FEFBE8', name: 'Yellow 1' },\n { color: '#FFF1F3', name: 'Red 1' },\n { color: '#FDF2FA', name: 'Pink 1' },\n { color: '#EFF4FF', name: 'Blue Dark 1' },\n { color: '#EEF4FF', name: 'Indigo 1' },\n { color: '#F4F3FF', name: 'Purple 1' },\n { color: '#F8F9FC', name: 'Gray Blue 1' },\n { color: '#EDFCF2', name: 'Green 1' },\n];\n\n/* ── color math helpers ──────────────────────────────────────────────── /\nexport function hexToRgb(hex: string): [number, number, number] {\n const h = hex.replace('#', '');\n return [parseInt(h.slice(0, 2), 16), parseInt(h.slice(2, 4), 16), parseInt(h.slice(4, 6), 16)];\n}\n\nexport function rgbToHex(r: number, g: number, b: number): string {\n return '#' + [r, g, b].map(v => v.toString(16).padStart(2, '0')).join('').toUpperCase();\n}\n\nexport function rgbToHsv(r: number, g: number, b: number): [number, number, number] {\n r /= 255; g /= 255; b /= 255;\n const max = Math.max(r, g, b), min = Math.min(r, g, b), d = max - min;\n let h = 0;\n if (d !== 0) {\n if (max === r) h = ((g - b) / d + 6) % 6;\n else if (max === g) h = (b - r) / d + 2;\n else h = (r - g) / d + 4;\n h = 60;\n }\n return [h, max === 0 ? 0 : d / max, max];\n}\n\nexport function hsvToRgb(h: number, s: number, v: number): [number, number, number] {\n const c = v * s, x = c * (1 - Math.abs(((h / 60) % 2) - 1)), m = v - c;\n let r = 0, g = 0, b = 0;\n if (h < 60) { r = c; g = x; }\n else if (h < 120) { r = x; g = c; }\n else if (h < 180) { g = c; b = x; }\n else if (h < 240) { g = x; b = c; }\n else if (h < 300) { r = x; b = c; }\n else { r = c; b = x; }\n return [Math.round((r + m) * 255), Math.round((g + m) * 255), Math.round((b + m) * 255)];\n}\n\n@customElement('nile-color-picker')\nexport class NileColorPicker extends LitElement {\n protected createRenderRoot() { return this; }\n\n \n @property({ type: String, attribute: true, reflect: true }) type: ColorPickerType = 'swatches';\n\n /** Currently selected hex color value. /\n @property({ type: String, attribute: true, reflect: true }) value = '#000000';\n\n /* What to show in swatch tooltips. /\n @property({ type: String, reflect: true }) swatchTooltip: SwatchTooltip = 'name';\n\n /* How many recent/custom colors to display. /\n @property({ type: Number, reflect: true }) recentColorsCount = 3;\n\n /* Show a \"No Fill\" button (useful for background-color use cases). /\n @property({ type: Boolean, reflect: true }) noFill = false;\n\n \n @property({ type: String, reflect: true })mode: ColorPickerMode = 'inline';\n\n /* Show the SV gradient canvas (the large colour area). Applies when type=\"picker\". /\n @property({ type: Boolean, reflect: true }) showCanvas = true;\n\n /* Show the hue slider row (rainbow bar + eyedropper). Applies when type=\"picker\". /\n @property({ type: Boolean, reflect: true }) showHue = true;\n\n /* Show the HEX / RGB input row. Applies when type=\"picker\". /\n @property({ type: Boolean, reflect: true }) showInputs = true;\n\n /* Show the Cancel / Okay action buttons. Applies when type=\"picker\". /\n @property({ type: Boolean, reflect: true }) showActions = true;\n\n @property({ type: Boolean, reflect: true, attribute: true}) open = false;\n\n /* Custom palette. Accepts a JSON array of `{ color, name }` objects or plain\n * hex strings. Falls back to the built-in palette when empty. /\n @property({\n attribute: 'palette',\n converter: {\n fromAttribute: (value: string): PaletteEntry[] => {\n try {\n const parsed = JSON.parse(value);\n if (!Array.isArray(parsed)) return [];\n return parsed.map((e: any) => {\n if (typeof e === 'string') return { color: e, name: e };\n if (e && typeof e.color === 'string') return { color: e.color, name: e.name \|\| e.color };\n return null;\n }).filter(Boolean) as PaletteEntry[];\n } catch { return []; }\n },\n toAttribute: (v: PaletteEntry[]) => JSON.stringify(v),\n },\n })\n palette: PaletteEntry[] = [];\n\n / ── internal state ──────────────────────────────────────────────── /\n @state() private _view: ColorPickerType = 'swatches';\n @state() private _recentColors: PaletteEntry[] = [];\n\n // picker canvas state\n @state() private _hue = 220;\n @state() private _sat = 0.7;\n @state() private _val = 0.93;\n @state() private _colorMode: 'HEX' \| 'RGB' = 'HEX';\n @state() private _hexInput = '#366AEE';\n @state() private _r = 54;\n @state() private _g = 106;\n @state() private _b = 238;\n\n private _svCanvas: HTMLCanvasElement \| null = null;\n private _hueCanvas: HTMLCanvasElement \| null = null;\n private _draggingSV = false;\n private _draggingHue = false;\n private _pendingColor = '#366AEE';\n\n / ── lifecycle ───────────────────────────────────────────────────── /\n connectedCallback() {\n super.connectedCallback();\n this._view = this.type;\n if (this.type === 'picker') {\n const [r, g, b] = hexToRgb(this._norm(this.value));\n [this._hue, this._sat, this._val] = rgbToHsv(r, g, b);\n this._syncInputs();\n }\n this._injectCss();\n document.addEventListener('mousemove', this._onGlobalMouseMove);\n document.addEventListener('mouseup', this._onGlobalMouseUp);\n }\n\n disconnectedCallback() {\n document.removeEventListener('mousemove', this._onGlobalMouseMove);\n document.removeEventListener('mouseup', this._onGlobalMouseUp);\n super.disconnectedCallback();\n }\n\n protected updated(changed: Map<string, unknown>) {\n if (changed.has('type')) {\n this._view = this.type;\n if (this.type === 'picker') {\n const [r, g, b] = hexToRgb(this._norm(this.value));\n [this._hue, this._sat, this._val] = rgbToHsv(r, g, b);\n this._syncInputs();\n }\n }\n if (changed.has('value') && this.type === 'picker' && this._view === 'picker' &&\n !this._draggingSV && !this._draggingHue) {\n const [r, g, b] = hexToRgb(this._norm(this.value));\n [this._hue, this._sat, this._val] = rgbToHsv(r, g, b);\n this._syncInputs();\n }\n \n if (this._view === 'picker') {\n requestAnimationFrame(() => {\n this._svCanvas = this.querySelector('.ncp-sv-canvas') as HTMLCanvasElement;\n this._hueCanvas = this.querySelector('.ncp-hue-canvas') as HTMLCanvasElement;\n this._drawSV();\n this._drawHue();\n });\n }\n }\n\n / ── public API ──────────────────────────────────────────────────── /\n /* Reset the view back to the default type (call this when the host popover closes). /\n reset() {\n this._view = this.type;\n }\n\n \n private _injectCss() {\n if (this.querySelector('style[data-nile-color-picker]')) return;\n const style = document.createElement('style');\n style.setAttribute('data-nile-color-picker', '');\n style.textContent = getCssText();\n this.insertBefore(style, this.firstChild);\n }\n\n \n private _norm(hex: string) {\n const t = hex.trim();\n if (/^#[0-9a-f]{6}$/i.test(t)) return t.toUpperCase();\n if (/^#[0-9a-f]{3}$/i.test(t)) {\n const [a, b, c] = t.slice(1).toUpperCase().split('');\n return `#${a}${a}${b}${b}${c}${c}`;\n }\n return '#000000';\n }\n\n private get _paletteColors(): PaletteEntry[] {\n return this.palette.length > 0 ? this.palette : DEFAULT_PALETTE;\n }\n\n \n private _emit(value: string) {\n this.dispatchEvent(new CustomEvent('nile-change', {\n detail: { value },\n bubbles: true,\n composed: true,\n }));\n }\n\n private _apply(color: string) {\n const hex = this._norm(color);\n this.value = hex;\n const entry: PaletteEntry = { color: hex, name: hex };\n this._recentColors = [entry, ...this._recentColors.filter(e => this._norm(e.color) !== hex)].slice(0, this.recentColorsCount);\n this._emit(hex);\n if (this.mode === 'popover' && this._view === 'swatches') {\n this._closePopover();\n }\n }\n\n private _closePopover() {\n const pop = this.querySelector('nile-popover') as any;\n if (pop) pop.isShow = false;\n }\n\n private _openPicker() {\n const [r, g, b] = hexToRgb(this._norm(this.value));\n const [h, s, v] = rgbToHsv(r, g, b);\n this._hue = h; this._sat = s; this._val = v;\n this._syncInputs();\n this._view = 'picker';\n }\n\n private _syncInputs() {\n const [r, g, b] = hsvToRgb(this._hue, this._sat, this._val);\n const hex = rgbToHex(r, g, b);\n this._hexInput = hex; this._r = r; this._g = g; this._b = b;\n this._pendingColor = hex;\n }\n\n private _drawSV() {\n const canvas = this._svCanvas;\n if (!canvas) return;\n const ctx = canvas.getContext('2d');\n if (!ctx) return;\n const { width: w, height: h } = canvas;\n const [hr, hg, hb] = hsvToRgb(this._hue, 1, 1);\n ctx.fillStyle = `rgb(${hr},${hg},${hb})`;\n ctx.fillRect(0, 0, w, h);\n const wg = ctx.createLinearGradient(0, 0, w, 0);\n wg.addColorStop(0, 'rgba(255,255,255,1)'); wg.addColorStop(1, 'rgba(255,255,255,0)');\n ctx.fillStyle = wg; ctx.fillRect(0, 0, w, h);\n const bg = ctx.createLinearGradient(0, 0, 0, h);\n bg.addColorStop(0, 'rgba(0,0,0,0)'); bg.addColorStop(1, 'rgba(0,0,0,1)');\n ctx.fillStyle = bg; ctx.fillRect(0, 0, w, h);\n }\n\n private _drawHue() {\n const canvas = this._hueCanvas;\n if (!canvas) return;\n const ctx = canvas.getContext('2d');\n if (!ctx) return;\n const grad = ctx.createLinearGradient(0, 0, canvas.width, 0);\n ['#FF0000','#FFFF00','#00FF00','#00FFFF','#0000FF','#FF00FF','#FF0000']\n .forEach((c, i, a) => grad.addColorStop(i / (a.length - 1), c));\n ctx.fillStyle = grad; ctx.fillRect(0, 0, canvas.width, canvas.height);\n }\n\n private _onSVMouseDown = (e: MouseEvent) => { e.preventDefault(); this._draggingSV = true; this._updateSV(e); };\n private _onHueMouseDown = (e: MouseEvent) => { e.preventDefault(); this._draggingHue = true; this._updateHue(e); };\n\n private _onGlobalMouseMove = (e: MouseEvent) => {\n if (this._draggingSV) this._updateSV(e);\n if (this._draggingHue) this._updateHue(e);\n };\n private _onGlobalMouseUp = () => {\n const wasDraggingSV = this._draggingSV;\n const wasDraggingHue = this._draggingHue;\n if (!this.showActions && this._view === 'picker' && (wasDraggingSV \|\| wasDraggingHue)) {\n this._commitPickerIfNoActions();\n }\n this._draggingSV = false;\n this._draggingHue = false;\n };\n\n private _commitPickerIfNoActions() {\n if (this.showActions) return;\n this._apply(this._pendingColor);\n if (this.mode === 'popover') {\n if (this.type === 'swatches') this._view = 'swatches';\n this._closePopover();\n }\n }\n\n private _updateSV(e: MouseEvent) {\n const canvas = this._svCanvas; if (!canvas) return;\n const rect = canvas.getBoundingClientRect();\n this._sat = Math.max(0, Math.min(e.clientX - rect.left, rect.width)) / rect.width;\n this._val = 1 - Math.max(0, Math.min(e.clientY - rect.top, rect.height)) / rect.height;\n this._syncInputs();\n }\n\n private _updateHue(e: MouseEvent) {\n const canvas = this._hueCanvas; if (!canvas) return;\n const rect = canvas.getBoundingClientRect();\n this._hue = (Math.max(0, Math.min(e.clientX - rect.left, rect.width)) / rect.width) 360;\n this._syncInputs();\n }\n\n private _onHexInput = (e: Event) => {\n let val = ((e as CustomEvent).detail?.value ?? (e.target as HTMLInputElement).value ?? '').trim();\n if (!val.startsWith('#')) val = '#' + val;\n if (/^#[0-9a-f]{6}$/i.test(val)) {\n const [r, g, b] = hexToRgb(val);\n [this._hue, this._sat, this._val] = rgbToHsv(r, g, b);\n this._syncInputs();\n if (this._view === 'picker') this._commitPickerIfNoActions();\n }\n };\n\n private _onRgbInput = (ch: 'r' \| 'g' \| 'b', e: Event) => {\n const raw = (e as CustomEvent).detail?.value ?? (e.target as HTMLInputElement).value;\n const v = Math.max(0, Math.min(255, parseInt(String(raw), 10) \|\| 0));\n if (ch === 'r') this._r = v; else if (ch === 'g') this._g = v; else this._b = v;\n [this._hue, this._sat, this._val] = rgbToHsv(this._r, this._g, this._b);\n this._syncInputs();\n if (this._view === 'picker') this._commitPickerIfNoActions();\n };\n\n private _onColorModeSelect = (e: CustomEvent<{ value: string }>) => {\n e.stopPropagation();\n const v = e.detail?.value;\n if (v === 'HEX' \|\| v === 'RGB') {\n this._colorMode = v;\n }\n };\n\n private _pickEyedropper = async () => {\n const Ctor = (window as any).EyeDropper;\n if (!Ctor) { this._openPicker(); return; }\n try {\n const result = await new Ctor().open();\n if (result?.sRGBHex) this._apply(result.sRGBHex);\n } catch { /* cancelled / }\n };\n private _renderSwatch(entry: PaletteEntry) {\n const norm = this._norm(entry.color);\n const isActive = this._norm(this.value) === norm;\n const tip = this.swatchTooltip === 'name'\n ? (entry.name \|\| norm)\n : this.swatchTooltip === 'value'\n ? norm\n : entry.name ? `${entry.name} (${norm})` : norm;\n return html`\n <nile-lite-tooltip content=${tip}>\n <nile-color-swatch\n color=${norm}\n ?active=${isActive}\n @click=${() => this._apply(norm)}\n ></nile-color-swatch>\n </nile-lite-tooltip>\n `;\n }\n\n private _renderSwatchesView() {\n const recent = this._recentColors.slice(0, this.recentColorsCount);\n return html`\n <div class=\"ncp-panel\">\n <div class=\"ncp-palette-grid\">\n ${this._paletteColors.map(e => this._renderSwatch(e))}\n </div>\n\n ${this.noFill ? html`\n <button class=\"ncp-no-fill\" @click=${() => this._emit('none')}>\n <nile-glyph name=\"disabled\"></nile-glyph>\n <span>No Fill</span>\n </button>\n ` : nothing}\n\n <div class=\"ncp-custom-section\">\n <p class=\"ncp-custom-title\">Custom</p>\n <div class=\"ncp-custom-row\">\n ${recent.map(e => this._renderSwatch(e))}\n <nile-lite-tooltip content=\"Add custom color\">\n <button class=\"ncp-action-btn\" @click=${() => this._openPicker()}>\n<nile-glyph name=\"plus\"></nile-glyph>\n </button>\n </nile-lite-tooltip>\n <nile-lite-tooltip content=\"Pick from screen\">\n <button class=\"ncp-action-btn\" @click=${this._pickEyedropper}>\n <nile-glyph name=\"colorize\" size=\"12\"></nile-glyph>\n </button>\n </nile-lite-tooltip>\n </div>\n </div>\n </div>\n `;\n }\n\n private _renderPickerView() {\n const svX = this._sat 100;\n const svY = (1 - this._val) * 100;\n const hueX = (this._hue / 360) * 100;\n\n return html`\n <div class=\"ncp-panel ncp-panel--picker\">\n\n ${this.showCanvas ? html`\n <div class=\"ncp-sv-area\" @mousedown=${this._onSVMouseDown}>\n <canvas class=\"ncp-sv-canvas\" width=\"244\" height=\"130\"></canvas>\n <div class=\"ncp-sv-thumb\" style=\"left:${svX}%;top:${svY}%\">\n <div class=\"ncp-sv-thumb-inner\"></div>\n </div>\n </div>\n ` : nothing}\n\n ${this.showHue ? html`\n <div class=\"ncp-hue-row\">\n <div class=\"ncp-hue-wrap\" @mousedown=${this._onHueMouseDown}>\n <canvas class=\"ncp-hue-canvas\" width=\"244\" height=\"14\"></canvas>\n <div class=\"ncp-hue-thumb\" style=\"left:${hueX}%\"></div>\n </div>\n <button class=\"ncp-eyedropper\" title=\"Pick from screen\" @click=${this._pickEyedropper}>\n <nile-glyph name=\"colorize\" size=\"16\"></nile-glyph>\n </button>\n </div>\n ` : nothing}\n\n ${this.showInputs ? html`\n <div class=\"ncp-input-row\">\n <nile-dropdown class=\"ncp-mode-dropdown\" placement=\"bottom-start\" distance=\"4\" hoist>\n <nile-button slot=\"trigger\" class=\"ncp-mode-btn\" variant=\"tertiary\">\n ${this._colorMode} <nile-icon name=\"arrowdown\" size=\"12\"></nile-icon>\n </nile-button>\n <nile-menu @nile-select=${this._onColorModeSelect}>\n <nile-menu-item value=\"HEX\" ?active=${this._colorMode === 'HEX'}>HEX</nile-menu-item>\n <nile-menu-item value=\"RGB\" ?active=${this._colorMode === 'RGB'}>RGB</nile-menu-item>\n </nile-menu>\n </nile-dropdown>\n ${this._colorMode === 'HEX'\n ? html`<nile-input class=\"ncp-hex\" .value=${this._hexInput} @nile-input=${this._onHexInput}></nile-input>`\n : html`\n <nile-input class=\"ncp-rgb\" type=\"number\" min=\"0\" max=\"255\" .value=${String(this._r)} @nile-input=${(e: Event) => this._onRgbInput('r', e)}></nile-input>\n <nile-input class=\"ncp-rgb\" type=\"number\" min=\"0\" max=\"255\" .value=${String(this._g)} @nile-input=${(e: Event) => this._onRgbInput('g', e)}></nile-input>\n <nile-input class=\"ncp-rgb\" type=\"number\" min=\"0\" max=\"255\" .value=${String(this._b)} @nile-input=${(e: Event) => this._onRgbInput('b', e)}></nile-input>\n `}\n </div>\n ` : nothing}\n\n ${this.showActions ? html`\n <div class=\"ncp-picker-actions\">\n ${this.type === 'swatches'\n ? html`<nile-button variant=\"secondary\" size=\"small\" @click=${() => { this._view = 'swatches'; }}>Cancel</nile-button>`\n : nothing}\n <nile-button variant=\"primary\" size=\"small\" @click=${() => { this._apply(this._pendingColor); if (this.type === 'swatches') this._view = 'swatches'; this._closePopover(); }}>Okay</nile-button>\n </div>\n ` : nothing}\n\n </div>\n `;\n }\n\n private _renderTrigger() {\n const isNoFill = this.value === 'none';\n const displayColor = isNoFill ? null : this._norm(this.value);\n return html`\n <button\n slot=\"anchor\"\n class=\"ncp-trigger${isNoFill ? ' ncp-trigger--no-fill' : ''}\"\n type=\"button\"\n aria-label=${isNoFill ? 'No Fill' : displayColor}\n style=${isNoFill ? '' : `background:${displayColor}`}\n ></button>\n `;\n }\n\n render() {\n const panel = this._view === 'picker' ? this._renderPickerView() : this._renderSwatchesView();\n\n if (this.mode === 'popover') {\n return html`\n <nile-popover\n .arrow=${false}\n flip\n .open=${this.open}\n placement=\"bottom-start\"\n id=\"color-picker-popover\"\n distance=\"8\"\n @nile-hide=${() => this.reset()}\n >\n ${this._renderTrigger()}\n ${panel}\n </nile-popover>\n `;\n }\n\n return panel;\n }\n}\n\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-color-picker': NileColorPicker;\n }\n}\n"]}

package/dist/src/nile-nav-tab/nile-nav-tab.css.js CHANGED Viewed

@@ -23,6 +23,17 @@ export const styles = css `
     cursor: pointer;
   }
+  :host([data-has-label]:focus-visible) {
+    outline: none;
+  }
+  :host([data-has-label]:focus-visible:not([disabled])) [part~='name'] {
+    outline: var(--nile-border-width-2, var(--ng-border-width-2)) var(--nile-border-style-solid, var(--ng-border-style-solid))
+      var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));
+    outline-offset: var(--nile-spacing-1px, var(--ng-outline-offset-1, 1px));
+    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xxs));
+  }
   :host([centered]) {
     flex: 1;
     text-align: center;

package/dist/src/nile-nav-tab/nile-nav-tab.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-nav-tab.css.js","sourceRoot":"","sources":["../../../src/nile-nav-tab/nile-nav-tab.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiMxB~~,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { css } from 'lit';\n\nexport const styles = css`\n \n [hidden] {\n display: none;\n }\n\n :host {\n display: flex;\n flex-direction: column;\n align-self: stretch;\n position: relative;\n\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n cursor: pointer;\n }\n\n :host([centered]) {\n flex: 1;\n text-align: center;\n }\n\n / --------------------------------------------------------------------------\n * Tab shell (list item)\n * -------------------------------------------------------------------------- /\n\n .nav-tab-container {\n flex: 1 1 auto;\n width: var(--nav-tab-item-width);\n padding: 0;\n box-sizing: border-box;\n border-radius: var(--nile-nav-tab-radius);\n border: var(--nile-nav-transparent-border);\n transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;\n position: relative;\n display: flex;\n align-items: stretch;\n list-style: none;\n overflow: var(--nile-nav-tab-container-overflow);\n margin-top: var(--nile-nav-tab-margin);\n margin-bottom: var(--nile-nav-tab-margin);\n \n }\n\n / --------------------------------------------------------------------------\n * nile-link wrapper + internal <a> (part base)\n * -------------------------------------------------------------------------- /\n\n .nav-tab {\n display: flex;\n flex: 1 1 auto;\n align-self: stretch;\n width: 100%;\n min-width: 0;\n min-height: 0;\n align-items: center;\n box-sizing: border-box;\n }\n\n .nav-tab::part(base) {\n display: flex;\n flex: 1 1 auto;\n align-self: stretch;\n width: 100%;\n min-height: 100%;\n height: 100%;\n align-items: center;\n justify-content: var(--justify-content);\n white-space: var(--white-space, nowrap);\n user-select: none;\n transition: 0.2s box-shadow, 0.2s color;\n gap: var(--nile-spacing-md, var(--ng-spacing-md));\n box-sizing: border-box;\n text-decoration: none;\n font-family: var(--nile-font-family-medium, var(--ng-font-family-body));\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n font-style: normal;\n font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-semibold));\n line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-sm));\n letter-spacing: 0.2px;\n word-break: var(--word-break);\n overflow-wrap: var(--overflow-wrap);\n text-align: var(--text-align);\n padding: var(--nile-nav-tab-padding);\n }\n\n / --------------------------------------------------------------------------\n * Host: active / hover (container + link color)\n * -------------------------------------------------------------------------- /\n\n :host([active]) .nav-tab-container {\n background-color: var(--nile-nav-tab-bg-active);\n border-radius: var(--nile-nav-tab-radius);\n border: var(--nile-nav-tab-border);\n box-shadow: var(--nile-nav-tab-active-box-shadow);\n }\n\n :host(:hover:not([disabled]):not([active])) .nav-tab-container {\n background-color: var(--nile-nav-tab-bg-hover);\n border: var(--nile-nav-tab-border);\n box-shadow: var(--nile-nav-tab-active-box-shadow);\n }\n\n :host(:hover:not([disabled]):not([active])) .nav-tab-container ::part(base) {\n color: var(--nile-nav-tab-text-color-hover, var(--nile-colors-primary-700, var(--ng-colors-text-brand-secondary-700)));\n }\n\n / --------------------------------------------------------------------------\n * nile-link part: label inherits anchor\n * -------------------------------------------------------------------------- /\n\n .nav-tab::part(label) {\n color: inherit;\n font-family: inherit;\n font-size: inherit;\n font-style: inherit;\n font-weight: inherit;\n line-height: inherit;\n letter-spacing: inherit;\n }\n\n / --------------------------------------------------------------------------\n * Interaction states (::part base)\n * -------------------------------------------------------------------------- /\n\n / Default (inactive) /\n .nav-tab:not(.nav-tab--active):not(.nav-tab--disabled)::part(base) {\n color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary-700));\n }\n\n / Hover /\n .nav-tab:hover:not(.nav-tab--disabled)::part(base),\n .nav-tab:hover:not(.nav-tab--disabled)::part(label) {\n text-decoration: none;\n }\n .nav-tab:hover:not(.nav-tab--disabled)::part(base) {\n color: var(--nile-colors-dark-500, var(--ng-colors-text-brand-secondary-700));\n background-color: var(--tab-hover-background-color);\n }\n\n / Focus — roving tabindex is on :host; inner link stays tabindex=-1 /\n :host(:focus-visible:not([disabled])) .nav-tab::part(base) {\n color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n }\n\n / Active /\n .nav-tab.nav-tab--active:not(.nav-tab--disabled)::part(base) {\n color: var(--nile-nav-tab-active-color, var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700)));\n background-color: var(--tab-active-background-color);\n }\n\n / --------------------------------------------------------------------------\n * Disabled\n * -------------------------------------------------------------------------- /\n\n .nav-tab.nav-tab--disabled {\n cursor: not-allowed;\n }\n\n :host([disabled]) .nav-tab-container {\n cursor: not-allowed;\n }\n\n .nav-tab.nav-tab--disabled::part(base) {\n color: var(--nile-colors-neutral-500, var(--ng-colors-text-disabled));\n cursor: not-allowed;\n pointer-events: none;\n }\n\n .nav-tab.nav-tab--disabled::part(label) {\n color: var(--nile-colors-neutral-500, var(--ng-colors-text-disabled));\n }\n\n .nav-tab.nav-tab--disabled:hover::part(base),\n :host([disabled]:focus-visible) .nav-tab::part(base) {\n background-color: transparent;\n }\n\n / --------------------------------------------------------------------------\n * Closable: close button\n * -------------------------------------------------------------------------- */\n\n .nav-tab__close-button {\n font-size: var(--nile-type-scale-4, var(--ng-font-size-text-sm));\n margin-inline-start: var(--nile-spacing-xs, var(--ng-spacing-xs));\n }\n\n .nav-tab__close-button::part(base) {\n padding: var(--nile-spacing-xs, var(--ng-spacing-xs));\n }\n\n \n`;\n\nexport default [styles];\n"]}
1	+ {"version":3,"file":"nile-nav-tab.css.js","sourceRoot":"","sources":["../../../src/nile-nav-tab/nile-nav-tab.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4MxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { css } from 'lit';\n\nexport const styles = css`\n \n [hidden] {\n display: none;\n }\n\n :host {\n display: flex;\n flex-direction: column;\n align-self: stretch;\n position: relative;\n\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n cursor: pointer;\n }\n\n :host([data-has-label]:focus-visible) {\n outline: none;\n }\n\n :host([data-has-label]:focus-visible:not([disabled])) [part~='name'] {\n outline: var(--nile-border-width-2, var(--ng-border-width-2)) var(--nile-border-style-solid, var(--ng-border-style-solid))\n var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n outline-offset: var(--nile-spacing-1px, var(--ng-outline-offset-1, 1px));\n border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xxs));\n }\n\n :host([centered]) {\n flex: 1;\n text-align: center;\n }\n\n / --------------------------------------------------------------------------\n * Tab shell (list item)\n * -------------------------------------------------------------------------- /\n\n .nav-tab-container {\n flex: 1 1 auto;\n width: var(--nav-tab-item-width);\n padding: 0;\n box-sizing: border-box;\n border-radius: var(--nile-nav-tab-radius);\n border: var(--nile-nav-transparent-border);\n transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;\n position: relative;\n display: flex;\n align-items: stretch;\n list-style: none;\n overflow: var(--nile-nav-tab-container-overflow);\n margin-top: var(--nile-nav-tab-margin);\n margin-bottom: var(--nile-nav-tab-margin);\n \n }\n\n / --------------------------------------------------------------------------\n * nile-link wrapper + internal <a> (part base)\n * -------------------------------------------------------------------------- /\n\n .nav-tab {\n display: flex;\n flex: 1 1 auto;\n align-self: stretch;\n width: 100%;\n min-width: 0;\n min-height: 0;\n align-items: center;\n box-sizing: border-box;\n }\n\n .nav-tab::part(base) {\n display: flex;\n flex: 1 1 auto;\n align-self: stretch;\n width: 100%;\n min-height: 100%;\n height: 100%;\n align-items: center;\n justify-content: var(--justify-content);\n white-space: var(--white-space, nowrap);\n user-select: none;\n transition: 0.2s box-shadow, 0.2s color;\n gap: var(--nile-spacing-md, var(--ng-spacing-md));\n box-sizing: border-box;\n text-decoration: none;\n font-family: var(--nile-font-family-medium, var(--ng-font-family-body));\n font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n font-style: normal;\n font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-semibold));\n line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-sm));\n letter-spacing: 0.2px;\n word-break: var(--word-break);\n overflow-wrap: var(--overflow-wrap);\n text-align: var(--text-align);\n padding: var(--nile-nav-tab-padding);\n }\n\n / --------------------------------------------------------------------------\n * Host: active / hover (container + link color)\n * -------------------------------------------------------------------------- /\n\n :host([active]) .nav-tab-container {\n background-color: var(--nile-nav-tab-bg-active);\n border-radius: var(--nile-nav-tab-radius);\n border: var(--nile-nav-tab-border);\n box-shadow: var(--nile-nav-tab-active-box-shadow);\n }\n\n :host(:hover:not([disabled]):not([active])) .nav-tab-container {\n background-color: var(--nile-nav-tab-bg-hover);\n border: var(--nile-nav-tab-border);\n box-shadow: var(--nile-nav-tab-active-box-shadow);\n }\n\n :host(:hover:not([disabled]):not([active])) .nav-tab-container ::part(base) {\n color: var(--nile-nav-tab-text-color-hover, var(--nile-colors-primary-700, var(--ng-colors-text-brand-secondary-700)));\n }\n\n / --------------------------------------------------------------------------\n * nile-link part: label inherits anchor\n * -------------------------------------------------------------------------- /\n\n .nav-tab::part(label) {\n color: inherit;\n font-family: inherit;\n font-size: inherit;\n font-style: inherit;\n font-weight: inherit;\n line-height: inherit;\n letter-spacing: inherit;\n }\n\n / --------------------------------------------------------------------------\n * Interaction states (::part base)\n * -------------------------------------------------------------------------- /\n\n / Default (inactive) /\n .nav-tab:not(.nav-tab--active):not(.nav-tab--disabled)::part(base) {\n color: var(--nile-colors-dark-500, var(--ng-colors-text-secondary-700));\n }\n\n / Hover /\n .nav-tab:hover:not(.nav-tab--disabled)::part(base),\n .nav-tab:hover:not(.nav-tab--disabled)::part(label) {\n text-decoration: none;\n }\n .nav-tab:hover:not(.nav-tab--disabled)::part(base) {\n color: var(--nile-colors-dark-500, var(--ng-colors-text-brand-secondary-700));\n background-color: var(--tab-hover-background-color);\n }\n\n / Focus — roving tabindex is on :host; inner link stays tabindex=-1 /\n :host(:focus-visible:not([disabled])) .nav-tab::part(base) {\n color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n }\n\n / Active /\n .nav-tab.nav-tab--active:not(.nav-tab--disabled)::part(base) {\n color: var(--nile-nav-tab-active-color, var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700)));\n background-color: var(--tab-active-background-color);\n }\n\n / --------------------------------------------------------------------------\n * Disabled\n * -------------------------------------------------------------------------- /\n\n .nav-tab.nav-tab--disabled {\n cursor: not-allowed;\n }\n\n :host([disabled]) .nav-tab-container {\n cursor: not-allowed;\n }\n\n .nav-tab.nav-tab--disabled::part(base) {\n color: var(--nile-colors-neutral-500, var(--ng-colors-text-disabled));\n cursor: not-allowed;\n pointer-events: none;\n }\n\n .nav-tab.nav-tab--disabled::part(label) {\n color: var(--nile-colors-neutral-500, var(--ng-colors-text-disabled));\n }\n\n .nav-tab.nav-tab--disabled:hover::part(base),\n :host([disabled]:focus-visible) .nav-tab::part(base) {\n background-color: transparent;\n }\n\n / --------------------------------------------------------------------------\n * Closable: close button\n * -------------------------------------------------------------------------- */\n\n .nav-tab__close-button {\n font-size: var(--nile-type-scale-4, var(--ng-font-size-text-sm));\n margin-inline-start: var(--nile-spacing-xs, var(--ng-spacing-xs));\n }\n\n .nav-tab__close-button::part(base) {\n padding: var(--nile-spacing-xs, var(--ng-spacing-xs));\n }\n\n \n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-nav-tab/nile-nav-tab.d.ts CHANGED Viewed

@@ -27,6 +27,8 @@ export declare class NileNavTab extends NileElement {
     firstUpdated(): void;
     updated(): void;
     private syncA11yState;
+    /** Whether the default slot renders text, i.e. whether `part="name"` has a box. */
+    private hasLabelText;
     /**
      * Give the host element the accessible name, since nile-link is hidden
      * from the accessibility tree.

package/dist/src/nile-nav-tab/nile-nav-tab.js CHANGED Viewed

@@ -55,6 +55,18 @@ let NileNavTab = class NileNavTab extends NileElement {
             this.removeAttribute('aria-hidden');
         }
     }
+    /** Whether the default slot renders text, i.e. whether `part="name"` has a box. */
+    hasLabelText() {
+        const defaultSlot = this.shadowRoot?.querySelector('slot:not([name])');
+        if (!defaultSlot) {
+            return false;
+        }
+        return defaultSlot
+            .assignedNodes({ flatten: true })
+            .map(node => node.textContent ?? '')
+            .join('')
+            .trim() !== '';
+    }
     /**
      * Give the host element the accessible name, since nile-link is hidden
      * from the accessibility tree.
@@ -62,6 +74,7 @@ let NileNavTab = class NileNavTab extends NileElement {
      * Auto-derived names set `data-auto-aria-label="true"` so slot/text updates can refresh them.
      */
     updateAccessibleName() {
+        this.toggleAttribute('data-has-label', this.hasLabelText());
         const userDefinedAriaLabel = this.hasAttribute('aria-label') && this.getAttribute('data-auto-aria-label') !== 'true';
         if (userDefinedAriaLabel) {
             return;

package/dist/src/nile-nav-tab/nile-nav-tab.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-nav-tab.js","sourceRoot":"","sources":["../../../src/nile-nav-tab/nile-nav-tab.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, nothing } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport type { CSSResultGroup } from 'lit';\n\nimport { styles } from './nile-nav-tab.css';\nimport '../nile-icon-button/nile-icon-button';\nimport { MouseKey } from '../internal/enum';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport '../nile-link/nile-link';\nlet id = 0;\n\n@customElement('nile-nav-tab')\nexport class NileNavTab extends NileElement {\n static styles: CSSResultGroup = styles;\n\n private readonly attrId = ++id;\n private readonly componentId = `nile-nav-tab-${this.attrId}`;\n\n @query('.nav-tab') navTab!: HTMLElement;\n\n /* The name of the tab panel this tab is associated with. /\n @property({ reflect: true }) panel = '';\n\n /* Draws the tab in an active state. /\n @property({ type: Boolean, reflect: true }) active = false;\n\n /* Makes the tab closable and shows a close button. /\n @property({ type: Boolean }) closable = false;\n\n /* Disables the tab and prevents selection. /\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n @property({ type: Boolean, reflect: true }) centered = false;\n\n @property({ type: String, reflect: true }) link?: string;\n\n connectedCallback() {\n super.connectedCallback();\n this.setAttribute('role', 'tab');\n this.syncA11yState();\n }\n\n firstUpdated() {\n this.syncA11yState();\n this.updateAccessibleName();\n }\n\n updated() {\n this.syncA11yState();\n this.updateAccessibleName();\n }\n\n private syncA11yState() {\n this.id = this.id \|\| this.componentId;\n this.tabIndex = this.disabled ? -1 : this.active ? 0 : -1;\n\n this.setAttribute('aria-selected', this.active ? 'true' : 'false');\n this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');\n\n if (this.disabled) {\n this.setAttribute('aria-hidden', 'true');\n } else {\n this.removeAttribute('aria-hidden');\n }\n }\n\n /\n Give the host element the accessible name, since nile-link is hidden\n * from the accessibility tree.\n * Author `aria-label` (without `data-auto-aria-label`) is never overwritten so icon-only tabs can keep explicit names.\n * Auto-derived names set `data-auto-aria-label=\"true\"` so slot/text updates can refresh them.\n */\n private updateAccessibleName() {\n const userDefinedAriaLabel =\n this.hasAttribute('aria-label') && this.getAttribute('data-auto-aria-label') !== 'true';\n\n if (userDefinedAriaLabel) {\n return;\n }\n\n const label = (this.textContent \|\| '').replace(/\\s+/g, ' ').trim();\n\n if (label) {\n this.setAttribute('aria-label', label);\n this.setAttribute('data-auto-aria-label', 'true');\n } else {\n this.removeAttribute('aria-label');\n this.removeAttribute('data-auto-aria-label');\n }\n }\n\n private handleCloseClick(event: Event) {\n event.preventDefault();\n event.stopPropagation();\n this.emit('nile-close');\n }\n\n private handleTabClick(event: MouseEvent) {\n if (this.disabled) {\n event.preventDefault();\n event.stopPropagation();\n return;\n }\n const isModifiedClick =\n Object.values(MouseKey).some(key => event[key as keyof MouseEvent]) \|\|\n event.button !== 0;\n\n if (isModifiedClick) {\n return;\n }\n\n event.preventDefault();\n }\n\n @watch('active')\n handleActiveChange() {\n this.syncA11yState();\n }\n\n @watch('disabled')\n handleDisabledChange() {\n this.syncA11yState();\n }\n\n focus(options?: FocusOptions) {\n super.focus(options);\n }\n\n blur() {\n super.blur();\n }\n\n render() {\n this.id = this.id \|\| this.componentId;\n\n return html`\n <li part=\"base tab\" class=\"nav-tab-container\" role=\"presentation\">\n <nile-link\n class=${classMap({\n 'nav-tab': true,\n 'tab--centered': this.centered,\n 'nav-tab--active': this.active,\n 'nav-tab--closable': this.closable,\n 'nav-tab--disabled': this.disabled\n })}\n tabindex=\"-1\"\n role=\"none\"\n href=${this.link \|\| nothing}\n aria-hidden=\"true\"\n exportparts=\"\n base:link,\n prefix:link-prefix,\n label:link-label,\n suffix:link-suffix\n \"\n @click=${this.handleTabClick}\n >\n <slot name=\"prefix\" @slotchange=${this.updateAccessibleName}></slot>\n <span part=\"name\"><slot @slotchange=${this.updateAccessibleName}></slot></span>\n <slot name=\"suffix\" @slotchange=${this.updateAccessibleName}></slot>\n\n ${this.closable\n ? html`\n <nile-icon-button\n part=\"close-button\"\n exportparts=\"base:close-button__base\"\n name=\"var(--nile-icon-close, var(--ng-icon-x-close))\"\n library=\"system\"\n label=\"close\"\n class=\"nav-tab__close-button\"\n ?disabled=${this.disabled}\n @click=${this.handleCloseClick}\n tabindex=\"-1\"\n ></nile-icon-button>\n `\n : nothing}\n </nile-link>\n </li>\n `;\n }\n}\n\nexport default NileNavTab;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-nav-tab': NileNavTab;\n }\n}"]}
1	+ {"version":3,"file":"nile-nav-tab.js","sourceRoot":"","sources":["../../../src/nile-nav-tab/nile-nav-tab.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAGvD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,sCAAsC,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,wBAAwB,CAAC;AAChC,IAAI,EAAE,GAAG,CAAC,CAAC;AAGJ,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,WAAW;IAApC;;QAGY,WAAM,GAAG,EAAE,EAAE,CAAC;QACd,gBAAW,GAAG,gBAAgB,IAAI,CAAC,MAAM,EAAE,CAAC;QAI7D,6DAA6D;QAChC,UAAK,GAAG,EAAE,CAAC;QAExC,wCAAwC;QACI,WAAM,GAAG,KAAK,CAAC;QAE3D,uDAAuD;QAC1B,aAAQ,GAAG,KAAK,CAAC;QAE9C,+CAA+C;QACH,aAAQ,GAAG,KAAK,CAAC;QAEjB,aAAQ,GAAG,KAAK,CAAC;IAqK/D,CAAC;IAjKC,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;QACjC,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAED,YAAY;QACV,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC9B,CAAC;IAED,OAAO;QACL,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAC9B,CAAC;IAEO,aAAa;QACnB,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,WAAW,CAAC;QACtC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAE1D,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QACnE,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QAErE,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;QAC3C,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;QACtC,CAAC;IACH,CAAC;IAED,mFAAmF;IAC3E,YAAY;QAClB,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAkB,kBAAkB,CAAC,CAAC;QAExF,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,OAAO,KAAK,CAAC;QACf,CAAC;QAED,OAAO,WAAW;aACf,aAAa,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;aAChC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,WAAW,IAAI,EAAE,CAAC;aACnC,IAAI,CAAC,EAAE,CAAC;aACR,IAAI,EAAE,KAAK,EAAE,CAAC;IACnB,CAAC;IAED;;;;;OAKG;IACK,oBAAoB;QAC1B,IAAI,CAAC,eAAe,CAAC,gBAAgB,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;QAE5D,MAAM,oBAAoB,GACxB,IAAI,CAAC,YAAY,CAAC,YAAY,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,sBAAsB,CAAC,KAAK,MAAM,CAAC;QAE1F,IAAI,oBAAoB,EAAE,CAAC;YACzB,OAAO;QACT,CAAC;QAED,MAAM,KAAK,GAAG,CAAC,IAAI,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;QAEnE,IAAI,KAAK,EAAE,CAAC;YACV,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;YACvC,IAAI,CAAC,YAAY,CAAC,sBAAsB,EAAE,MAAM,CAAC,CAAC;QACpD,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;YACnC,IAAI,CAAC,eAAe,CAAC,sBAAsB,CAAC,CAAC;QAC/C,CAAC;IACH,CAAC;IAEO,gBAAgB,CAAC,KAAY;QACnC,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC1B,CAAC;IAEO,cAAc,CAAC,KAAiB;QACtC,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,OAAO;QACT,CAAC;QACD,MAAM,eAAe,GACnB,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,KAAK,CAAC,GAAuB,CAAC,CAAC;YACnE,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC;QAErB,IAAI,eAAe,EAAE,CAAC;YACpB,OAAO;QACT,CAAC;QAED,KAAK,CAAC,cAAc,EAAE,CAAC;IACzB,CAAC;IAGD,kBAAkB;QAChB,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAGD,oBAAoB;QAClB,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC;IAED,KAAK,CAAC,OAAsB;QAC1B,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IACvB,CAAC;IAED,IAAI;QACF,KAAK,CAAC,IAAI,EAAE,CAAC;IACf,CAAC;IAED,MAAM;QACJ,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,WAAW,CAAC;QAEtC,OAAO,IAAI,CAAA;;;kBAGG,QAAQ,CAAC;YACf,SAAS,EAAE,IAAI;YACf,eAAe,EAAE,IAAI,CAAC,QAAQ;YAC9B,iBAAiB,EAAE,IAAI,CAAC,MAAM;YAC9B,mBAAmB,EAAE,IAAI,CAAC,QAAQ;YAClC,mBAAmB,EAAE,IAAI,CAAC,QAAQ;SACnC,CAAC;;;iBAGK,IAAI,CAAC,IAAI,IAAI,OAAO;;;;;;;;mBAQlB,IAAI,CAAC,cAAc;;4CAEM,IAAI,CAAC,oBAAoB;gDACrB,IAAI,CAAC,oBAAoB;4CAC7B,IAAI,CAAC,oBAAoB;;YAEzD,IAAI,CAAC,QAAQ;YACb,CAAC,CAAC,IAAI,CAAA;;;;;;;;8BAQY,IAAI,CAAC,QAAQ;2BAChB,IAAI,CAAC,gBAAgB;;;eAGjC;YACH,CAAC,CAAC,OAAO;;;KAGhB,CAAC;IACJ,CAAC;;AAvLM,iBAAM,GAAmB,MAAM,AAAzB,CAA0B;AAKpB;IAAlB,KAAK,CAAC,UAAU,CAAC;0CAAsB;AAGX;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yCAAY;AAGI;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;0CAAgB;AAG9B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CAAkB;AAGF;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAAkB;AAEjB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4CAAkB;AAElB;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;wCAAe;AAkGzD;IADC,KAAK,CAAC,QAAQ,CAAC;oDAGf;AAGD;IADC,KAAK,CAAC,UAAU,CAAC;sDAGjB;AA/HU,UAAU;IADtB,aAAa,CAAC,cAAc,CAAC;GACjB,UAAU,CAyLtB;;AAED,eAAe,UAAU,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { html, nothing } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport type { CSSResultGroup } from 'lit';\n\nimport { styles } from './nile-nav-tab.css';\nimport '../nile-icon-button/nile-icon-button';\nimport { MouseKey } from '../internal/enum';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport '../nile-link/nile-link';\nlet id = 0;\n\n@customElement('nile-nav-tab')\nexport class NileNavTab extends NileElement {\n static styles: CSSResultGroup = styles;\n\n private readonly attrId = ++id;\n private readonly componentId = `nile-nav-tab-${this.attrId}`;\n\n @query('.nav-tab') navTab!: HTMLElement;\n\n /* The name of the tab panel this tab is associated with. /\n @property({ reflect: true }) panel = '';\n\n /* Draws the tab in an active state. /\n @property({ type: Boolean, reflect: true }) active = false;\n\n /* Makes the tab closable and shows a close button. /\n @property({ type: Boolean }) closable = false;\n\n /* Disables the tab and prevents selection. /\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n @property({ type: Boolean, reflect: true }) centered = false;\n\n @property({ type: String, reflect: true }) link?: string;\n\n connectedCallback() {\n super.connectedCallback();\n this.setAttribute('role', 'tab');\n this.syncA11yState();\n }\n\n firstUpdated() {\n this.syncA11yState();\n this.updateAccessibleName();\n }\n\n updated() {\n this.syncA11yState();\n this.updateAccessibleName();\n }\n\n private syncA11yState() {\n this.id = this.id \|\| this.componentId;\n this.tabIndex = this.disabled ? -1 : this.active ? 0 : -1;\n\n this.setAttribute('aria-selected', this.active ? 'true' : 'false');\n this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');\n\n if (this.disabled) {\n this.setAttribute('aria-hidden', 'true');\n } else {\n this.removeAttribute('aria-hidden');\n }\n }\n\n /* Whether the default slot renders text, i.e. whether `part=\"name\"` has a box. /\n private hasLabelText() {\n const defaultSlot = this.shadowRoot?.querySelector<HTMLSlotElement>('slot:not([name])');\n\n if (!defaultSlot) {\n return false;\n }\n\n return defaultSlot\n .assignedNodes({ flatten: true })\n .map(node => node.textContent ?? '')\n .join('')\n .trim() !== '';\n }\n\n /\n Give the host element the accessible name, since nile-link is hidden\n * from the accessibility tree.\n * Author `aria-label` (without `data-auto-aria-label`) is never overwritten so icon-only tabs can keep explicit names.\n * Auto-derived names set `data-auto-aria-label=\"true\"` so slot/text updates can refresh them.\n */\n private updateAccessibleName() {\n this.toggleAttribute('data-has-label', this.hasLabelText());\n\n const userDefinedAriaLabel =\n this.hasAttribute('aria-label') && this.getAttribute('data-auto-aria-label') !== 'true';\n\n if (userDefinedAriaLabel) {\n return;\n }\n\n const label = (this.textContent \|\| '').replace(/\\s+/g, ' ').trim();\n\n if (label) {\n this.setAttribute('aria-label', label);\n this.setAttribute('data-auto-aria-label', 'true');\n } else {\n this.removeAttribute('aria-label');\n this.removeAttribute('data-auto-aria-label');\n }\n }\n\n private handleCloseClick(event: Event) {\n event.preventDefault();\n event.stopPropagation();\n this.emit('nile-close');\n }\n\n private handleTabClick(event: MouseEvent) {\n if (this.disabled) {\n event.preventDefault();\n event.stopPropagation();\n return;\n }\n const isModifiedClick =\n Object.values(MouseKey).some(key => event[key as keyof MouseEvent]) \|\|\n event.button !== 0;\n\n if (isModifiedClick) {\n return;\n }\n\n event.preventDefault();\n }\n\n @watch('active')\n handleActiveChange() {\n this.syncA11yState();\n }\n\n @watch('disabled')\n handleDisabledChange() {\n this.syncA11yState();\n }\n\n focus(options?: FocusOptions) {\n super.focus(options);\n }\n\n blur() {\n super.blur();\n }\n\n render() {\n this.id = this.id \|\| this.componentId;\n\n return html`\n <li part=\"base tab\" class=\"nav-tab-container\" role=\"presentation\">\n <nile-link\n class=${classMap({\n 'nav-tab': true,\n 'tab--centered': this.centered,\n 'nav-tab--active': this.active,\n 'nav-tab--closable': this.closable,\n 'nav-tab--disabled': this.disabled\n })}\n tabindex=\"-1\"\n role=\"none\"\n href=${this.link \|\| nothing}\n aria-hidden=\"true\"\n exportparts=\"\n base:link,\n prefix:link-prefix,\n label:link-label,\n suffix:link-suffix\n \"\n @click=${this.handleTabClick}\n >\n <slot name=\"prefix\" @slotchange=${this.updateAccessibleName}></slot>\n <span part=\"name\"><slot @slotchange=${this.updateAccessibleName}></slot></span>\n <slot name=\"suffix\" @slotchange=${this.updateAccessibleName}></slot>\n\n ${this.closable\n ? html`\n <nile-icon-button\n part=\"close-button\"\n exportparts=\"base:close-button__base\"\n name=\"var(--nile-icon-close, var(--ng-icon-x-close))\"\n library=\"system\"\n label=\"close\"\n class=\"nav-tab__close-button\"\n ?disabled=${this.disabled}\n @click=${this.handleCloseClick}\n tabindex=\"-1\"\n ></nile-icon-button>\n `\n : nothing}\n </nile-link>\n </li>\n `;\n }\n}\n\nexport default NileNavTab;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-nav-tab': NileNavTab;\n }\n}"]}

package/dist/src/nile-nav-tab-group/nile-nav-tab-group.css.js CHANGED Viewed

@@ -23,8 +23,7 @@ export const styles = css `
     -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
     text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
     display: block;
-    --nile-nav-tab-padding: var(--nile-spacing-none, var(--ng-spacing-none))  var(--nile-spacing-none, var(--ng-spacing-none))  var(--nile-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-none, var(--ng-spacing-none)) ;
+    --nile-nav-tab-padding: var(--nile-spacing-xs, var(--ng-spacing-xs)) var(--nile-spacing-xs, var(--ng-spacing-xs)) var(--nile-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-xs, var(--ng-spacing-xs));
   }

package/dist/src/nile-nav-tab-group/nile-nav-tab-group.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-nav-tab-group.css.js","sourceRoot":"","sources":["../../../src/nile-nav-tab-group/nile-nav-tab-group.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2pBxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { css } from 'lit';\n\n/\n NavTabGroup CSS\n /\nexport const styles = css`\n \n [hidden] {\n display: none;\n }\n\n :host {\n --indicator-color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n --track-color: var(--nile-colors-neutral-400, var(--ng-componentcolors-utility-gray-500));\n --track-width: var(--nile-border-width-1, var(--ng-border-width-1));\n --tab-gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n display: block;\n\n --nile-nav-tab-padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-none, var(--ng-spacing-none)) ; \n }\n\n \n .nav-tab-group {\n display: flex;\n border-radius: var(--nile-radius-none, var(--ng-radius-none));\n }\n\n .nav-tab-group__tabs {\n display: flex;\n position: relative;\n gap: var(--tab-gap);\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .hide__track {\n --track-width: 0px;\n --tab-gap: var(--nile-spacing-3px, var(--ng-spacing-xs));\n }\n\n .nav-tab-group__body {\n display: block;\n overflow: auto;\n }\n\n / --------------------------------------------------------------------------\n * Nav container, scroll buttons, RTL\n * -------------------------------------------------------------------------- /\n\n .nav-tab-group--has-scroll-controls .nav-tab-group__nav-container {\n position: relative;\n padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-10px, var(--ng-spacing-lg));\n }\n \n :host([variant='toggle']) .nav-tab-group--has-scroll-controls .nav-tab-group__nav-container,\n :host([variant='toggle-button']) .nav-tab-group--has-scroll-controls .nav-tab-group__nav-container {\n padding: 0;\n }\n\n :host([variant='toggle']) .nav-tab-group--has-scroll-controls .nav-tab-group__nav,\n :host([variant='toggle-button']) .nav-tab-group--has-scroll-controls .nav-tab-group__nav {\n scroll-padding-inline: var(--nile-width-20px, var(--ng-width-5));\n }\n\n .nav-tab-group__scroll-button {\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n top: 0;\n bottom: 0;\n width: var(--nile-width-20px, var(--ng-width-5));\n }\n\n .nav-tab-group__scroll-button--start {\n left: 0;\n }\n\n .nav-tab-group__scroll-button--end {\n right: 0;\n }\n\n .nav-tab-group--rtl .nav-tab-group__scroll-button--start {\n left: auto;\n right: -20px;\n }\n\n .nav-tab-group--rtl .nav-tab-group__scroll-button--end {\n left: -20px;\n right: auto;\n }\n\n / --------------------------------------------------------------------------\n * Indicator, path, pill, no-track\n * -------------------------------------------------------------------------- /\n\n .nav-tab-group__indicator {\n position: absolute;\n transition: 0.3s translate ease, 0.3s width ease;\n z-index: 2;\n }\n\n .nav-tab-group__indicator__path {\n position: absolute;\n height: var(--track-width);\n width: 100%;\n background: var(--nile-colors-neutral-400, var(--ng-colors-bg-quaternary));\n bottom: 0px;\n z-index: 0;\n }\n\n\n\n .nav-tab-group__indicator--no-track {\n display: none;\n }\n\n .nav-tab-group__pill {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 0;\n box-sizing: border-box;\n border-radius: var(--nile-nav-tab-radius);\n background: var(--nile-nav-tab-bg-active);\n box-shadow: var(--nile-nav-tab-active-box-shadow, none);\n opacity: 0;\n pointer-events: none;\n }\n\n .nav-tab-group__pill.nav-tab-group__pill--inactive {\n opacity: 0;\n transition: none;\n transform: none;\n left: 0;\n right: auto;\n top: 0;\n width: auto;\n height: auto;\n }\n\n / Idle: stroke only on the active tab. While moving, .pill--transitioning matches tab border (see positionPill). /\n :host([variant='toggle']) .nav-tab-group__pill {\n border: none;\n \n }\n\n :host([variant='toggle']) .nav-tab-group__pill.nav-tab-group__pill--transitioning {\n border: var(--nile-nav-tab-border);\n overflow: hidden;\n }\n\n / Shadow lives on the active tab container so selection never flashes unshaded while the pill moves. /\n :host([variant='toggle-button']) .nav-tab-group__pill {\n box-shadow: none;\n }\n\n / --------------------------------------------------------------------------\n * Placement: top\n * -------------------------------------------------------------------------- /\n\n .nav-tab-group--top {\n flex-direction: column;\n }\n\n .nav-tab-group--top .nav-tab-group__nav-container {\n order: 1;\n }\n\n .nav-tab-group--top .nav-tab-group__nav,\n .nav-tab-group--bottom .nav-tab-group__nav {\n display: flex;\n overflow-x: auto;\n scrollbar-width: none;\n }\n\n .nav-tab-group--top .nav-tab-group__nav::-webkit-scrollbar,\n .nav-tab-group--bottom .nav-tab-group__nav::-webkit-scrollbar {\n width: 0;\n height: 0;\n }\n\n .nav-tab-group--top .nav-tab-group__tabs {\n flex: 1 1 auto;\n position: relative;\n flex-direction: row;\n }\n\n .nav-tab-group--top .nav-tab-group__indicator {\n bottom: 0px;\n border-bottom: 2px solid var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n z-index: 0;\n }\n\n .nav-tab-group--top .nav-tab-group__body {\n order: 2;\n }\n\n .nav-tab-group--top ::slotted(nile-nav-tab-panel) {\n --padding: var(--nile-spacing-10px, var(--ng-spacing-lg)) var(--nile-spacing-none, var(--ng-spacing-none));\n }\n\n / --------------------------------------------------------------------------\n * Placement: bottom\n * -------------------------------------------------------------------------- /\n\n .nav-tab-group--bottom {\n flex-direction: column;\n }\n\n .nav-tab-group--bottom .nav-tab-group__nav-container {\n order: 2;\n }\n\n .nav-tab-group--bottom .nav-tab-group__tabs {\n flex: 1 1 auto;\n position: relative;\n flex-direction: row;\n border-top: solid var(--track-width) var(--track-color);\n }\n\n :host(:is([variant='filled'], [variant='neutral-filled'], [variant='toggle'], [variant='toggle-button']))\n .nav-tab-group--bottom .nav-tab-group__tabs {\n border-top: none;\n }\n\n :host(:is([variant='filled'], [variant='neutral-filled'], [variant='toggle-button'], [variant='toggle']))\n .nav-tab-group--top .nav-tab-group__nav,\n :host(:is([variant='filled'], [variant='neutral-filled'], [variant='toggle-button'], [variant='toggle']))\n .nav-tab-group--bottom .nav-tab-group__nav {\n overflow: auto;\n }\n\n / Symmetric inset so box-shadow isn’t clipped and the strip stays vertically centered (end-only\n padding made top/bottom look uneven). /\n :host([variant='toggle-button']) .nav-tab-group--top .nav-tab-group__nav,\n :host([variant='toggle-button']) .nav-tab-group--bottom .nav-tab-group__nav {\n padding-block: var(--nile-spacing-xs, var(--ng-spacing-xs));\n box-sizing: border-box;\n align-items: center;\n padding-inline: var(--nile-spacing-xs, var(--ng-spacing-xs));\n }\n\n .nav-tab-group--bottom .nav-tab-group__indicator {\n top: calc(-1 var(--track-width));\n border-top: solid var(--nile-border-width-2, var(--ng-border-width-2)) var(--indicator-color);\n }\n\n .nav-tab-group--bottom .nav-tab-group__body {\n order: 1;\n }\n\n .nav-tab-group--bottom ::slotted(nile-nav-tab-panel) {\n --padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-none, var(--ng-spacing-none))\n var(--nile-spacing-10px, var(--ng-spacing-lg)) var(--nile-spacing-none, var(--ng-spacing-none));\n }\n\n /* --------------------------------------------------------------------------\n * Placement: start\n * -------------------------------------------------------------------------- /\n\n .nav-tab-group--start {\n flex-direction: row;\n }\n\n .nav-tab-group--start .nav-tab-group__nav-container {\n order: 1;\n }\n\n .nav-tab-group--start .nav-tab-group__tabs {\n flex: 0 0 auto;\n flex-direction: column;\n border-inline-end: solid var(--track-width) var(--track-color);\n }\n\n / Block-level tab hosts match the flex column and full row height (wrap, multi-line labels). /\n .nav-tab-group--start slot[name='nav']::slotted(nile-nav-tab),\n .nav-tab-group--end slot[name='nav']::slotted(nile-nav-tab) {\n display: block;\n width: 100%;\n box-sizing: border-box;\n }\n\n :host([variant='filled']) .nav-tab-group--start .nav-tab-group__tabs {\n border-inline-end: none;\n }\n\n .nav-tab-group--start .nav-tab-group__indicator {\n top: 0;\n right: calc(-1 var(--track-width));\n border-right: solid var(--nile-width-2px, var(--ng-border-width-2)) var(--indicator-color);\n }\n\n .nav-tab-group--start .nav-tab-group__body {\n flex: 1 1 auto;\n order: 2;\n }\n\n .nav-tab-group--start .nav-tab-group__indicator__path,\n .nav-tab-group--bottom .nav-tab-group__indicator__path,\n .nav-tab-group--end .nav-tab-group__indicator__path {\n display: none;\n }\n\n /* --------------------------------------------------------------------------\n * Placement: end\n * -------------------------------------------------------------------------- /\n\n .nav-tab-group--end {\n flex-direction: row;\n }\n\n .nav-tab-group--end .nav-tab-group__nav-container {\n order: 2;\n }\n\n .nav-tab-group--end .nav-tab-group__tabs {\n flex: 0 0 auto;\n flex-direction: column;\n border-inline-start: solid var(--track-width) var(--track-color);\n }\n\n :host([variant='filled']) .nav-tab-group--end .nav-tab-group__tabs {\n border-inline-start: none;\n }\n\n .nav-tab-group--end .nav-tab-group__indicator {\n top: 0;\n left: calc(-1 var(--track-width));\n border-left: solid var(--nile-width-2px, var(--ng-border-width-2)) var(--indicator-color);\n }\n\n .nav-tab-group--end .nav-tab-group__body {\n flex: 1 1 auto;\n order: 1;\n }\n\n /* Start & end: same horizontal panel padding /\n .nav-tab-group--start ::slotted(nile-nav-tab-panel),\n .nav-tab-group--end ::slotted(nile-nav-tab-panel) {\n --padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-10px, var(--ng-spacing-lg));\n }\n\n / --------------------------------------------------------------------------\n * hide__track: slotted tab tokens\n * -------------------------------------------------------------------------- /\n\n .hide__track slot::slotted(nile-nav-tab) {\n --nile-nav-tab-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n --nile-nav-tab-padding: var(--nile-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n --nile-nav-tab-height: auto;\n --nile-nav-tab-bg-hover: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n --nile-nav-tab-bg-active: var(--nile-colors-brand-50, var(--ng-colors-bg-brand-primary-alt));\n }\n\n / --------------------------------------------------------------------------\n * fullWidth\n * -------------------------------------------------------------------------- /\n\n :host([fullWidth]) .nav-tab-group__tabs {\n width: 100%;\n flex: 1 1 auto;\n }\n\n :host([fullWidth]) ::slotted(nile-nav-tab) {\n flex: 1;\n min-width: 0;\n }\n\n :host([fullWidth]) .nav-tab-group.nav-tab-group--top .nav-tab-group__tabs {\n display: flex;\n }\n\n :host([fullWidth]) {\n --justify-content: center;\n }\n\n / --------------------------------------------------------------------------\n * Variants: filled, neutral-filled, toggle, toggle-button\n * -------------------------------------------------------------------------- /\n\n :host([variant='filled']) {\n --nile-nav-tab-radius: var(--nile-radius-radius-lg, var(--ng-radius-sm));\n --nile-nav-tab-padding: var(--nile-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n --nile-nav-tab-active-color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n --nile-nav-tab-bg-active: var(--nile-colors-primary-100, var(--ng-colors-bg-brand-primary-alt));\n --tab-gap: var(--nile-spacing-xs, var(--ng-spacing-xs));\n --nile-nav-tab-bg-hover: var(--nile-colors-primary-100, var(--ng-colors-bg-brand-primary-alt));\n }\n\n :host([variant='neutral-filled']) {\n --nile-nav-tab-radius: var(--nile-radius-radius-lg, var(--ng-radius-sm));\n --nile-nav-tab-padding: var(--nile-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n --nile-nav-tab-color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n --nile-nav-tab-bg-active: var(--nile-colors-dark-200, var(--ng-colors-bg-active));\n\n --tab-gap: var(--nile-spacing-xs, var(--ng-spacing-xs));\n --nile-nav-tab-bg-hover: var(--nile-colors-dark-200, var(--ng-colors-bg-active));\n --nile-nav-tab-text-color-hover: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n --nile-nav-tab-active-color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n }\n\n :host([variant='toggle-button']) .nav-tab-group__nav-container {\n background: var(--nile-colors-dark-200, var(--ng-colors-bg-secondary-alt));\n border: var(--nile-border-width-1, var(--ng-border-width-1)) var(--nile-border-style-solid, var(--ng-border-style-solid)) var(--nile-colors-neutral-500, var(--ng-colors-border-secondary));\n border-radius: var(--nile-radius-radius-lg, var(--ng-radius-lg));\n }\n :host([variant='toggle-button'][placement='start']) .nav-tab-group__nav-container,\n:host([variant='toggle-button'][placement='end']) .nav-tab-group__nav-container {\n padding-block: var(--nile-spacing-xs, var(--ng-spacing-xs));\n padding-inline: var(--nile-spacing-xs, var(--ng-spacing-xs));\n}\n\n :host([variant='toggle-button']) {\n --nile-nav-tab-bg-active: var(--nile-colors-white-base, var(--ng-colors-bg-primary-alt));\n --nile-nav-tab-padding: var(--nile-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n --nile-nav-tab-radius: var(--nile-radius-radius-md, var(--ng-radius-sm));\n --nile-nav-tab-transparent-border: var(--nile-border-width-1, var(--ng-border-width-1)) var(--nile-border-style-solid, var(--ng-border-style-solid)) transparent;\n --tab-gap: var(--nile-spacing-xs, var(--ng-spacing-xs));\n position: relative;\n box-sizing: border-box;\n --nile-nav-tab-active-box-shadow: var(--nile-box-shadow-3, var(--ng-shadow-xs));\n --nile-nav-tab-container-overflow: visible;\n --nile-nav-tab-bg-hover: var(--nile-colors-white-base, var(--ng-colors-bg-primary-alt));\n --nile-nav-tab-text-color-hover: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n --nile-nav-tab-active-color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n }\n\n :host([variant='toggle']) {\n --nile-nav-tab-radius: var(--nile-radius-radius-md, var(--ng-radius-sm));\n --nile-nav-tab-padding: var(--nile-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n --tab-gap: var(--nile-spacing-xxs, var(--ng-spacing-xxs));\n --nile-nav-tab-border: var(--nile-border-width-1, var(--ng-border-width-1)) var(--nile-border-style-solid, var(--ng-border-style-solid)) var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n --nile-nav-tab-active-box-shadow: var(--nile-box-shadow-3, var(--ng-shadow-xs));\n --nile-nav-transparent-border: var(--nile-border-width-1, var(--ng-border-width-1)) var(--nile-border-style-solid, var(--ng-border-style-solid)) transparent;\n --nile-nav-tab-bg-hover: var(--nile-colors-white-base, var(--ng-colors-bg-primary-alt));\n --nile-nav-tab-text-color-hover: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n --nile-nav-tab-active-color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n --nile-nav-tab-bg-active: var(--nile-colors-white-base, var(--ng-colors-bg-primary-alt));\n }\n\n :host([variant='toggle']) .nav-tab-group__nav-container {\n background: var(--nile-colors-dark-200, var(--ng-colors-bg-secondary-alt));\n border: none;\n border-radius: var(--nile-border-size-6, var(--ng-radius-sm));\n box-sizing: border-box;\n position: relative;\n overflow: visible;\n }\n\n :host([variant='toggle']) .nav-tab-group__toggle-frame {\n position: absolute;\n inset: 0;\n box-sizing: border-box;\n border: var(--nile-width-1px, var(--ng-border-width-1)) var(--nile-border-style-solid, var(--ng-border-style-solid))\n var(--nile-colors-neutral-500, var(--ng-colors-border-secondary));\n border-radius: inherit;\n pointer-events: none;\n z-index: 0;\n }\n\n :host([variant='toggle']) .nav-tab-group__nav {\n position: relative;\n z-index: 1;\n }\n\n / --------------------------------------------------------------------------\n * Placement start / end: host token overrides\n * -------------------------------------------------------------------------- /\n\n :host([placement='start']) {\n --nile-nav-tab-bg-active: var(--nile-colors-primary-100, var(--ng-colors-bg-brand-primary-alt));\n --nile-nav-tab-radius: var(--nile-radius-sm, var(--ng-radius-sm)) var(--nile-radius-radius-none, var(--ng-radius-none)) var(--nile-radius-radius-none, var(--ng-radius-none)) var(--nile-radius-sm, var(--ng-radius-sm));\n --white-space: normal;\n --nile-nav-tab-height: auto; \n --word-break: break-word;\n --overflow-wrap: break-word;\n --text-align: left;\n }\n\n :host([placement='start'][variant='underline']),\n :host([placement='start']:not([variant])) {\n --nile-nav-tab-bg-hover: var(--nile-colors-neutral-100, var(--ng-colors-bg-primary-hover));\n --nile-nav-tab-text-color-hover: var(--nile-colors-dark-500, var(--ng-colors-text-placeholder));\n --nile-nav-tab-padding: var(--nile-spacing-lg, var(--ng-spacing-3));\n --nile-nav-tab-active-color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n }\n\n :host([variant='filled'][placement='start']) .nav-tab-group__tabs,\n :host([variant='neutral-filled'][placement='start']) .nav-tab-group__tabs,\n :host([variant='toggle'][placement='start']) .nav-tab-group__tabs,\n :host([variant='toggle-button'][placement='start']) .nav-tab-group__tabs {\n border-inline-end: none;\n --tab-gap: var(--nile-spacing-xs, var(--ng-spacing-xs));\n --nile-nav-tab-radius: var(--nile-radius-radius-lg, var(--ng-radius-sm));\n }\n\n :host([variant='neutral-filled'][placement='start']) {\n --nile-nav-tab-bg-active: var(--nile-colors-dark-200, var(--ng-colors-bg-active));\n --nile-nav-tab-active-color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n }\n\n :host([variant='toggle'][placement='start']) {\n --nile-nav-tab-bg-active: var(--nile-colors-white-base, var(--ng-colors-bg-primary-alt));\n --nile-nav-tab-radius: var(--nile-radius-sm, var(--ng-radius-sm));\n }\n\n :host([variant='toggle-button'][placement='start']) {\n --nile-nav-tab-bg-active: var(--nile-colors-white-base, var(--ng-colors-bg-primary-alt));\n --nile-nav-tab-radius: var(--nile-radius-sm, var(--ng-radius-sm));\n --nile-nav-tab-padding: var(--nile-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n --nile-nav-tab-bg-hover: var(--nile-colors-white-base, var(--ng-colors-bg-primary-alt));\n padding-block: var(--nile-spacing-xs, var(--ng-spacing-xs));\n padding-inline: var(--nile-spacing-xs, var(--ng-spacing-xs));\n }\n\n :host([placement='end']) {\n --nile-nav-tab-bg-active: var(--nile-colors-primary-100, var(--ng-colors-bg-brand-primary-alt));\n --nile-nav-tab-radius: 0 var(--nile-radius-sm, var(--ng-radius-sm)) var(--nile-radius-sm, var(--ng-radius-sm)) 0;\n --white-space: normal;\n --nile-nav-tab-height: auto;\n --word-break: break-word;\n --overflow-wrap: break-word;\n }\n\n :host([placement='end'][variant='underline']),\n :host([placement='end']:not([variant])) {\n --nile-nav-tab-bg-hover: var(--nile-colors-neutral-100, var(--ng-colors-bg-primary-hover));\n --nile-nav-tab-text-color-hover: var(--nile-colors-dark-500, var(--ng-colors-text-placeholder));\n --nile-nav-tab-padding: var(--nile-spacing-lg, var(--ng-spacing-3));\n --white-space: normal;\n --nile-nav-tab-height: auto;\n --word-break: break-word;\n --overflow-wrap: break-word;\n --text-align: left;\n }\n\n :host([variant='filled'][placement='end']) .nav-tab-group__tabs,\n :host([variant='neutral-filled'][placement='end']) .nav-tab-group__tabs,\n :host([variant='toggle'][placement='end']) .nav-tab-group__tabs,\n :host([variant='toggle-button'][placement='end']) .nav-tab-group__tabs {\n border-inline-start: none;\n --tab-gap: var(--nile-spacing-xs, var(--ng-spacing-xs));\n --nile-nav-tab-radius: var(--nile-radius-radius-lg, var(--ng-radius-sm));\n \n }\n\n :host([variant='neutral-filled'][placement='end']) {\n --nile-nav-tab-bg-active: var(--nile-colors-dark-200, var(--ng-colors-bg-active));\n --nile-nav-tab-active-color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n }\n\n :host([variant='toggle'][placement='end']) {\n --nile-nav-tab-bg-active: var(--nile-colors-white-base, var(--ng-colors-bg-primary-alt));\n --nile-nav-tab-radius: var(--nile-radius-sm, var(--ng-radius-sm));\n }\n\n :host([variant='toggle-button'][placement='end']) {\n --nile-nav-tab-bg-active: var(--nile-colors-white-base, var(--ng-colors-bg-primary-alt));\n --nile-nav-tab-radius: var(--nile-radius-sm, var(--ng-radius-sm));\n --nile-nav-tab-padding: var(--nile-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n --nile-nav-tab-bg-hover: var(--nile-colors-white-base, var(--ng-colors-bg-primary-alt));\n }\n\n / --------------------------------------------------------------------------\n * Active tab: slotted token overrides (pill / underline variants)\n * -------------------------------------------------------------------------- /\n\n :host(:is([variant='filled'], [variant='neutral-filled'], [variant='toggle']))\n slot[name='nav']::slotted(nile-nav-tab[active]) {\n --nile-nav-tab-active-box-shadow: none;\n }\n\n / Pill variants: paint fill/border only on .nav-tab-container; keep link layer transparent so a\n * second white plane can’t extend past the border (grey stroke + white fringe). /\n :host(:is([variant='filled'], [variant='neutral-filled'], [variant='toggle'], [variant='toggle-button']))\n slot[name='nav']::slotted(nile-nav-tab) {\n --tab-active-background-color: transparent;\n --tab-hover-background-color: transparent;\n position: relative;\n z-index: 1;\n }\n\n / --------------------------------------------------------------------------\n * Indicator placement: left (vertical start rail)\n * -------------------------------------------------------------------------- /\n\n :host([indicatorPlacement='left'][placement='start']) {\n --nile-nav-tab-bg-active: none;\n --nile-nav-tab-bg-hover: none;\n --tab-gap: 8px;\n --nile-nav-tab-active-color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n --nile-nav-tab-text-color-hover: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n }\n\n :host([indicatorPlacement='left']) .nav-tab-group--start .nav-tab-group__indicator {\n top: 0;\n right: auto;\n left: calc(-1 var(--track-width));\n border-right: none;\n border-left: solid var(--nile-border-width-2, var(--ng-border-width-2)) var(--indicator-color);\n }\n\n :host([indicatorPlacement='left']) .nav-tab-group--start .nav-tab-group__tabs {\n border-inline-end: none;\n }\n\n /* --------------------------------------------------------------------------\n * Hover indicator\n * -------------------------------------------------------------------------- /\n\n .nav-tab-group__hover-indicator {\n position: absolute;\n pointer-events: none;\n opacity: 0;\n transition: none;\n z-index: 2;\n }\n\n .nav-tab-group--top .nav-tab-group__hover-indicator {\n bottom: 0px;\n height: 0;\n border-bottom: 2px solid var(--indicator-color);\n }\n\n .nav-tab-group--bottom .nav-tab-group__hover-indicator {\n top: calc(-1 var(--track-width));\n height: 0;\n border-top: solid var(--nile-border-width-2, var(--ng-border-width-2)) var(--indicator-color);\n }\n\n .nav-tab-group--start .nav-tab-group__hover-indicator {\n top: 0;\n right: calc(-1 * var(--track-width));\n width: 0;\n border-right: solid var(--nile-border-width-2, var(--ng-border-width-2)) var(--indicator-color);\n }\n\n .nav-tab-group--end .nav-tab-group__hover-indicator {\n top: 0;\n left: calc(-1 * var(--track-width));\n width: 0;\n border-left: solid var(--nile-border-width-2, var(--ng-border-width-2)) var(--indicator-color);\n }\n\n :host([indicatorPlacement='left']) .nav-tab-group--start .nav-tab-group__hover-indicator {\n top: 0;\n right: auto;\n left: calc(-1 * var(--track-width));\n border-right: none;\n border-left: solid var(--nile-border-width-2, var(--ng-border-width-2)) var(--indicator-color);\n }\n\n /* --------------------------------------------------------------------------\n * Reduced motion\n * -------------------------------------------------------------------------- /\n\n @media (prefers-reduced-motion: reduce) {\n {\n animation: none;\n transition: none;\n }\n }\n\n :host([placement='bottom'][variant='underline']),\n:host([placement='bottom']:not([variant])) {\n --nile-nav-tab-padding: var(--nile-spacing-lg, var(--ng-spacing-3)) var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-none, var(--ng-spacing-none));\n}\n`;\n\nexport default [styles];\n"]}
1	+ {"version":3,"file":"nile-nav-tab-group.css.js","sourceRoot":"","sources":["../../../src/nile-nav-tab-group/nile-nav-tab-group.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0pBxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { css } from 'lit';\n\n/\n NavTabGroup CSS\n /\nexport const styles = css`\n \n [hidden] {\n display: none;\n }\n\n :host {\n --indicator-color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n --track-color: var(--nile-colors-neutral-400, var(--ng-componentcolors-utility-gray-500));\n --track-width: var(--nile-border-width-1, var(--ng-border-width-1));\n --tab-gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n display: block;\n --nile-nav-tab-padding: var(--nile-spacing-xs, var(--ng-spacing-xs)) var(--nile-spacing-xs, var(--ng-spacing-xs)) var(--nile-spacing-lg, var(--ng-spacing-lg)) var(--nile-spacing-xs, var(--ng-spacing-xs));\n }\n\n \n .nav-tab-group {\n display: flex;\n border-radius: var(--nile-radius-none, var(--ng-radius-none));\n }\n\n .nav-tab-group__tabs {\n display: flex;\n position: relative;\n gap: var(--tab-gap);\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n .hide__track {\n --track-width: 0px;\n --tab-gap: var(--nile-spacing-3px, var(--ng-spacing-xs));\n }\n\n .nav-tab-group__body {\n display: block;\n overflow: auto;\n }\n\n / --------------------------------------------------------------------------\n * Nav container, scroll buttons, RTL\n * -------------------------------------------------------------------------- /\n\n .nav-tab-group--has-scroll-controls .nav-tab-group__nav-container {\n position: relative;\n padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-10px, var(--ng-spacing-lg));\n }\n \n :host([variant='toggle']) .nav-tab-group--has-scroll-controls .nav-tab-group__nav-container,\n :host([variant='toggle-button']) .nav-tab-group--has-scroll-controls .nav-tab-group__nav-container {\n padding: 0;\n }\n\n :host([variant='toggle']) .nav-tab-group--has-scroll-controls .nav-tab-group__nav,\n :host([variant='toggle-button']) .nav-tab-group--has-scroll-controls .nav-tab-group__nav {\n scroll-padding-inline: var(--nile-width-20px, var(--ng-width-5));\n }\n\n .nav-tab-group__scroll-button {\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n top: 0;\n bottom: 0;\n width: var(--nile-width-20px, var(--ng-width-5));\n }\n\n .nav-tab-group__scroll-button--start {\n left: 0;\n }\n\n .nav-tab-group__scroll-button--end {\n right: 0;\n }\n\n .nav-tab-group--rtl .nav-tab-group__scroll-button--start {\n left: auto;\n right: -20px;\n }\n\n .nav-tab-group--rtl .nav-tab-group__scroll-button--end {\n left: -20px;\n right: auto;\n }\n\n / --------------------------------------------------------------------------\n * Indicator, path, pill, no-track\n * -------------------------------------------------------------------------- /\n\n .nav-tab-group__indicator {\n position: absolute;\n transition: 0.3s translate ease, 0.3s width ease;\n z-index: 2;\n }\n\n .nav-tab-group__indicator__path {\n position: absolute;\n height: var(--track-width);\n width: 100%;\n background: var(--nile-colors-neutral-400, var(--ng-colors-bg-quaternary));\n bottom: 0px;\n z-index: 0;\n }\n\n\n\n .nav-tab-group__indicator--no-track {\n display: none;\n }\n\n .nav-tab-group__pill {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 0;\n box-sizing: border-box;\n border-radius: var(--nile-nav-tab-radius);\n background: var(--nile-nav-tab-bg-active);\n box-shadow: var(--nile-nav-tab-active-box-shadow, none);\n opacity: 0;\n pointer-events: none;\n }\n\n .nav-tab-group__pill.nav-tab-group__pill--inactive {\n opacity: 0;\n transition: none;\n transform: none;\n left: 0;\n right: auto;\n top: 0;\n width: auto;\n height: auto;\n }\n\n / Idle: stroke only on the active tab. While moving, .pill--transitioning matches tab border (see positionPill). /\n :host([variant='toggle']) .nav-tab-group__pill {\n border: none;\n \n }\n\n :host([variant='toggle']) .nav-tab-group__pill.nav-tab-group__pill--transitioning {\n border: var(--nile-nav-tab-border);\n overflow: hidden;\n }\n\n / Shadow lives on the active tab container so selection never flashes unshaded while the pill moves. /\n :host([variant='toggle-button']) .nav-tab-group__pill {\n box-shadow: none;\n }\n\n / --------------------------------------------------------------------------\n * Placement: top\n * -------------------------------------------------------------------------- /\n\n .nav-tab-group--top {\n flex-direction: column;\n }\n\n .nav-tab-group--top .nav-tab-group__nav-container {\n order: 1;\n }\n\n .nav-tab-group--top .nav-tab-group__nav,\n .nav-tab-group--bottom .nav-tab-group__nav {\n display: flex;\n overflow-x: auto;\n scrollbar-width: none;\n }\n\n .nav-tab-group--top .nav-tab-group__nav::-webkit-scrollbar,\n .nav-tab-group--bottom .nav-tab-group__nav::-webkit-scrollbar {\n width: 0;\n height: 0;\n }\n\n .nav-tab-group--top .nav-tab-group__tabs {\n flex: 1 1 auto;\n position: relative;\n flex-direction: row;\n }\n\n .nav-tab-group--top .nav-tab-group__indicator {\n bottom: 0px;\n border-bottom: 2px solid var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n z-index: 0;\n }\n\n .nav-tab-group--top .nav-tab-group__body {\n order: 2;\n }\n\n .nav-tab-group--top ::slotted(nile-nav-tab-panel) {\n --padding: var(--nile-spacing-10px, var(--ng-spacing-lg)) var(--nile-spacing-none, var(--ng-spacing-none));\n }\n\n / --------------------------------------------------------------------------\n * Placement: bottom\n * -------------------------------------------------------------------------- /\n\n .nav-tab-group--bottom {\n flex-direction: column;\n }\n\n .nav-tab-group--bottom .nav-tab-group__nav-container {\n order: 2;\n }\n\n .nav-tab-group--bottom .nav-tab-group__tabs {\n flex: 1 1 auto;\n position: relative;\n flex-direction: row;\n border-top: solid var(--track-width) var(--track-color);\n }\n\n :host(:is([variant='filled'], [variant='neutral-filled'], [variant='toggle'], [variant='toggle-button']))\n .nav-tab-group--bottom .nav-tab-group__tabs {\n border-top: none;\n }\n\n :host(:is([variant='filled'], [variant='neutral-filled'], [variant='toggle-button'], [variant='toggle']))\n .nav-tab-group--top .nav-tab-group__nav,\n :host(:is([variant='filled'], [variant='neutral-filled'], [variant='toggle-button'], [variant='toggle']))\n .nav-tab-group--bottom .nav-tab-group__nav {\n overflow: auto;\n }\n\n / Symmetric inset so box-shadow isn’t clipped and the strip stays vertically centered (end-only\n padding made top/bottom look uneven). /\n :host([variant='toggle-button']) .nav-tab-group--top .nav-tab-group__nav,\n :host([variant='toggle-button']) .nav-tab-group--bottom .nav-tab-group__nav {\n padding-block: var(--nile-spacing-xs, var(--ng-spacing-xs));\n box-sizing: border-box;\n align-items: center;\n padding-inline: var(--nile-spacing-xs, var(--ng-spacing-xs));\n }\n\n .nav-tab-group--bottom .nav-tab-group__indicator {\n top: calc(-1 var(--track-width));\n border-top: solid var(--nile-border-width-2, var(--ng-border-width-2)) var(--indicator-color);\n }\n\n .nav-tab-group--bottom .nav-tab-group__body {\n order: 1;\n }\n\n .nav-tab-group--bottom ::slotted(nile-nav-tab-panel) {\n --padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-none, var(--ng-spacing-none))\n var(--nile-spacing-10px, var(--ng-spacing-lg)) var(--nile-spacing-none, var(--ng-spacing-none));\n }\n\n /* --------------------------------------------------------------------------\n * Placement: start\n * -------------------------------------------------------------------------- /\n\n .nav-tab-group--start {\n flex-direction: row;\n }\n\n .nav-tab-group--start .nav-tab-group__nav-container {\n order: 1;\n }\n\n .nav-tab-group--start .nav-tab-group__tabs {\n flex: 0 0 auto;\n flex-direction: column;\n border-inline-end: solid var(--track-width) var(--track-color);\n }\n\n / Block-level tab hosts match the flex column and full row height (wrap, multi-line labels). /\n .nav-tab-group--start slot[name='nav']::slotted(nile-nav-tab),\n .nav-tab-group--end slot[name='nav']::slotted(nile-nav-tab) {\n display: block;\n width: 100%;\n box-sizing: border-box;\n }\n\n :host([variant='filled']) .nav-tab-group--start .nav-tab-group__tabs {\n border-inline-end: none;\n }\n\n .nav-tab-group--start .nav-tab-group__indicator {\n top: 0;\n right: calc(-1 var(--track-width));\n border-right: solid var(--nile-width-2px, var(--ng-border-width-2)) var(--indicator-color);\n }\n\n .nav-tab-group--start .nav-tab-group__body {\n flex: 1 1 auto;\n order: 2;\n }\n\n .nav-tab-group--start .nav-tab-group__indicator__path,\n .nav-tab-group--bottom .nav-tab-group__indicator__path,\n .nav-tab-group--end .nav-tab-group__indicator__path {\n display: none;\n }\n\n /* --------------------------------------------------------------------------\n * Placement: end\n * -------------------------------------------------------------------------- /\n\n .nav-tab-group--end {\n flex-direction: row;\n }\n\n .nav-tab-group--end .nav-tab-group__nav-container {\n order: 2;\n }\n\n .nav-tab-group--end .nav-tab-group__tabs {\n flex: 0 0 auto;\n flex-direction: column;\n border-inline-start: solid var(--track-width) var(--track-color);\n }\n\n :host([variant='filled']) .nav-tab-group--end .nav-tab-group__tabs {\n border-inline-start: none;\n }\n\n .nav-tab-group--end .nav-tab-group__indicator {\n top: 0;\n left: calc(-1 var(--track-width));\n border-left: solid var(--nile-width-2px, var(--ng-border-width-2)) var(--indicator-color);\n }\n\n .nav-tab-group--end .nav-tab-group__body {\n flex: 1 1 auto;\n order: 1;\n }\n\n /* Start & end: same horizontal panel padding /\n .nav-tab-group--start ::slotted(nile-nav-tab-panel),\n .nav-tab-group--end ::slotted(nile-nav-tab-panel) {\n --padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-10px, var(--ng-spacing-lg));\n }\n\n / --------------------------------------------------------------------------\n * hide__track: slotted tab tokens\n * -------------------------------------------------------------------------- /\n\n .hide__track slot::slotted(nile-nav-tab) {\n --nile-nav-tab-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n --nile-nav-tab-padding: var(--nile-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n --nile-nav-tab-height: auto;\n --nile-nav-tab-bg-hover: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n --nile-nav-tab-bg-active: var(--nile-colors-brand-50, var(--ng-colors-bg-brand-primary-alt));\n }\n\n / --------------------------------------------------------------------------\n * fullWidth\n * -------------------------------------------------------------------------- /\n\n :host([fullWidth]) .nav-tab-group__tabs {\n width: 100%;\n flex: 1 1 auto;\n }\n\n :host([fullWidth]) ::slotted(nile-nav-tab) {\n flex: 1;\n min-width: 0;\n }\n\n :host([fullWidth]) .nav-tab-group.nav-tab-group--top .nav-tab-group__tabs {\n display: flex;\n }\n\n :host([fullWidth]) {\n --justify-content: center;\n }\n\n / --------------------------------------------------------------------------\n * Variants: filled, neutral-filled, toggle, toggle-button\n * -------------------------------------------------------------------------- /\n\n :host([variant='filled']) {\n --nile-nav-tab-radius: var(--nile-radius-radius-lg, var(--ng-radius-sm));\n --nile-nav-tab-padding: var(--nile-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n --nile-nav-tab-active-color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n --nile-nav-tab-bg-active: var(--nile-colors-primary-100, var(--ng-colors-bg-brand-primary-alt));\n --tab-gap: var(--nile-spacing-xs, var(--ng-spacing-xs));\n --nile-nav-tab-bg-hover: var(--nile-colors-primary-100, var(--ng-colors-bg-brand-primary-alt));\n }\n\n :host([variant='neutral-filled']) {\n --nile-nav-tab-radius: var(--nile-radius-radius-lg, var(--ng-radius-sm));\n --nile-nav-tab-padding: var(--nile-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n --nile-nav-tab-color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n --nile-nav-tab-bg-active: var(--nile-colors-dark-200, var(--ng-colors-bg-active));\n\n --tab-gap: var(--nile-spacing-xs, var(--ng-spacing-xs));\n --nile-nav-tab-bg-hover: var(--nile-colors-dark-200, var(--ng-colors-bg-active));\n --nile-nav-tab-text-color-hover: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n --nile-nav-tab-active-color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n }\n\n :host([variant='toggle-button']) .nav-tab-group__nav-container {\n background: var(--nile-colors-dark-200, var(--ng-colors-bg-secondary-alt));\n border: var(--nile-border-width-1, var(--ng-border-width-1)) var(--nile-border-style-solid, var(--ng-border-style-solid)) var(--nile-colors-neutral-500, var(--ng-colors-border-secondary));\n border-radius: var(--nile-radius-radius-lg, var(--ng-radius-lg));\n }\n :host([variant='toggle-button'][placement='start']) .nav-tab-group__nav-container,\n:host([variant='toggle-button'][placement='end']) .nav-tab-group__nav-container {\n padding-block: var(--nile-spacing-xs, var(--ng-spacing-xs));\n padding-inline: var(--nile-spacing-xs, var(--ng-spacing-xs));\n}\n\n :host([variant='toggle-button']) {\n --nile-nav-tab-bg-active: var(--nile-colors-white-base, var(--ng-colors-bg-primary-alt));\n --nile-nav-tab-padding: var(--nile-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n --nile-nav-tab-radius: var(--nile-radius-radius-md, var(--ng-radius-sm));\n --nile-nav-tab-transparent-border: var(--nile-border-width-1, var(--ng-border-width-1)) var(--nile-border-style-solid, var(--ng-border-style-solid)) transparent;\n --tab-gap: var(--nile-spacing-xs, var(--ng-spacing-xs));\n position: relative;\n box-sizing: border-box;\n --nile-nav-tab-active-box-shadow: var(--nile-box-shadow-3, var(--ng-shadow-xs));\n --nile-nav-tab-container-overflow: visible;\n --nile-nav-tab-bg-hover: var(--nile-colors-white-base, var(--ng-colors-bg-primary-alt));\n --nile-nav-tab-text-color-hover: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n --nile-nav-tab-active-color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n }\n\n :host([variant='toggle']) {\n --nile-nav-tab-radius: var(--nile-radius-radius-md, var(--ng-radius-sm));\n --nile-nav-tab-padding: var(--nile-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n --tab-gap: var(--nile-spacing-xxs, var(--ng-spacing-xxs));\n --nile-nav-tab-border: var(--nile-border-width-1, var(--ng-border-width-1)) var(--nile-border-style-solid, var(--ng-border-style-solid)) var(--nile-colors-neutral-500, var(--ng-colors-border-primary));\n --nile-nav-tab-active-box-shadow: var(--nile-box-shadow-3, var(--ng-shadow-xs));\n --nile-nav-transparent-border: var(--nile-border-width-1, var(--ng-border-width-1)) var(--nile-border-style-solid, var(--ng-border-style-solid)) transparent;\n --nile-nav-tab-bg-hover: var(--nile-colors-white-base, var(--ng-colors-bg-primary-alt));\n --nile-nav-tab-text-color-hover: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n --nile-nav-tab-active-color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n --nile-nav-tab-bg-active: var(--nile-colors-white-base, var(--ng-colors-bg-primary-alt));\n }\n\n :host([variant='toggle']) .nav-tab-group__nav-container {\n background: var(--nile-colors-dark-200, var(--ng-colors-bg-secondary-alt));\n border: none;\n border-radius: var(--nile-border-size-6, var(--ng-radius-sm));\n box-sizing: border-box;\n position: relative;\n overflow: visible;\n }\n\n :host([variant='toggle']) .nav-tab-group__toggle-frame {\n position: absolute;\n inset: 0;\n box-sizing: border-box;\n border: var(--nile-width-1px, var(--ng-border-width-1)) var(--nile-border-style-solid, var(--ng-border-style-solid))\n var(--nile-colors-neutral-500, var(--ng-colors-border-secondary));\n border-radius: inherit;\n pointer-events: none;\n z-index: 0;\n }\n\n :host([variant='toggle']) .nav-tab-group__nav {\n position: relative;\n z-index: 1;\n }\n\n / --------------------------------------------------------------------------\n * Placement start / end: host token overrides\n * -------------------------------------------------------------------------- /\n\n :host([placement='start']) {\n --nile-nav-tab-bg-active: var(--nile-colors-primary-100, var(--ng-colors-bg-brand-primary-alt));\n --nile-nav-tab-radius: var(--nile-radius-sm, var(--ng-radius-sm)) var(--nile-radius-radius-none, var(--ng-radius-none)) var(--nile-radius-radius-none, var(--ng-radius-none)) var(--nile-radius-sm, var(--ng-radius-sm));\n --white-space: normal;\n --nile-nav-tab-height: auto; \n --word-break: break-word;\n --overflow-wrap: break-word;\n --text-align: left;\n }\n\n :host([placement='start'][variant='underline']),\n :host([placement='start']:not([variant])) {\n --nile-nav-tab-bg-hover: var(--nile-colors-neutral-100, var(--ng-colors-bg-primary-hover));\n --nile-nav-tab-text-color-hover: var(--nile-colors-dark-500, var(--ng-colors-text-placeholder));\n --nile-nav-tab-padding: var(--nile-spacing-lg, var(--ng-spacing-3));\n --nile-nav-tab-active-color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n }\n\n :host([variant='filled'][placement='start']) .nav-tab-group__tabs,\n :host([variant='neutral-filled'][placement='start']) .nav-tab-group__tabs,\n :host([variant='toggle'][placement='start']) .nav-tab-group__tabs,\n :host([variant='toggle-button'][placement='start']) .nav-tab-group__tabs {\n border-inline-end: none;\n --tab-gap: var(--nile-spacing-xs, var(--ng-spacing-xs));\n --nile-nav-tab-radius: var(--nile-radius-radius-lg, var(--ng-radius-sm));\n }\n\n :host([variant='neutral-filled'][placement='start']) {\n --nile-nav-tab-bg-active: var(--nile-colors-dark-200, var(--ng-colors-bg-active));\n --nile-nav-tab-active-color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n }\n\n :host([variant='toggle'][placement='start']) {\n --nile-nav-tab-bg-active: var(--nile-colors-white-base, var(--ng-colors-bg-primary-alt));\n --nile-nav-tab-radius: var(--nile-radius-sm, var(--ng-radius-sm));\n }\n\n :host([variant='toggle-button'][placement='start']) {\n --nile-nav-tab-bg-active: var(--nile-colors-white-base, var(--ng-colors-bg-primary-alt));\n --nile-nav-tab-radius: var(--nile-radius-sm, var(--ng-radius-sm));\n --nile-nav-tab-padding: var(--nile-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n --nile-nav-tab-bg-hover: var(--nile-colors-white-base, var(--ng-colors-bg-primary-alt));\n padding-block: var(--nile-spacing-xs, var(--ng-spacing-xs));\n padding-inline: var(--nile-spacing-xs, var(--ng-spacing-xs));\n }\n\n :host([placement='end']) {\n --nile-nav-tab-bg-active: var(--nile-colors-primary-100, var(--ng-colors-bg-brand-primary-alt));\n --nile-nav-tab-radius: 0 var(--nile-radius-sm, var(--ng-radius-sm)) var(--nile-radius-sm, var(--ng-radius-sm)) 0;\n --white-space: normal;\n --nile-nav-tab-height: auto;\n --word-break: break-word;\n --overflow-wrap: break-word;\n }\n\n :host([placement='end'][variant='underline']),\n :host([placement='end']:not([variant])) {\n --nile-nav-tab-bg-hover: var(--nile-colors-neutral-100, var(--ng-colors-bg-primary-hover));\n --nile-nav-tab-text-color-hover: var(--nile-colors-dark-500, var(--ng-colors-text-placeholder));\n --nile-nav-tab-padding: var(--nile-spacing-lg, var(--ng-spacing-3));\n --white-space: normal;\n --nile-nav-tab-height: auto;\n --word-break: break-word;\n --overflow-wrap: break-word;\n --text-align: left;\n }\n\n :host([variant='filled'][placement='end']) .nav-tab-group__tabs,\n :host([variant='neutral-filled'][placement='end']) .nav-tab-group__tabs,\n :host([variant='toggle'][placement='end']) .nav-tab-group__tabs,\n :host([variant='toggle-button'][placement='end']) .nav-tab-group__tabs {\n border-inline-start: none;\n --tab-gap: var(--nile-spacing-xs, var(--ng-spacing-xs));\n --nile-nav-tab-radius: var(--nile-radius-radius-lg, var(--ng-radius-sm));\n \n }\n\n :host([variant='neutral-filled'][placement='end']) {\n --nile-nav-tab-bg-active: var(--nile-colors-dark-200, var(--ng-colors-bg-active));\n --nile-nav-tab-active-color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n }\n\n :host([variant='toggle'][placement='end']) {\n --nile-nav-tab-bg-active: var(--nile-colors-white-base, var(--ng-colors-bg-primary-alt));\n --nile-nav-tab-radius: var(--nile-radius-sm, var(--ng-radius-sm));\n }\n\n :host([variant='toggle-button'][placement='end']) {\n --nile-nav-tab-bg-active: var(--nile-colors-white-base, var(--ng-colors-bg-primary-alt));\n --nile-nav-tab-radius: var(--nile-radius-sm, var(--ng-radius-sm));\n --nile-nav-tab-padding: var(--nile-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n --nile-nav-tab-bg-hover: var(--nile-colors-white-base, var(--ng-colors-bg-primary-alt));\n }\n\n / --------------------------------------------------------------------------\n * Active tab: slotted token overrides (pill / underline variants)\n * -------------------------------------------------------------------------- /\n\n :host(:is([variant='filled'], [variant='neutral-filled'], [variant='toggle']))\n slot[name='nav']::slotted(nile-nav-tab[active]) {\n --nile-nav-tab-active-box-shadow: none;\n }\n\n / Pill variants: paint fill/border only on .nav-tab-container; keep link layer transparent so a\n * second white plane can’t extend past the border (grey stroke + white fringe). /\n :host(:is([variant='filled'], [variant='neutral-filled'], [variant='toggle'], [variant='toggle-button']))\n slot[name='nav']::slotted(nile-nav-tab) {\n --tab-active-background-color: transparent;\n --tab-hover-background-color: transparent;\n position: relative;\n z-index: 1;\n }\n\n / --------------------------------------------------------------------------\n * Indicator placement: left (vertical start rail)\n * -------------------------------------------------------------------------- /\n\n :host([indicatorPlacement='left'][placement='start']) {\n --nile-nav-tab-bg-active: none;\n --nile-nav-tab-bg-hover: none;\n --tab-gap: 8px;\n --nile-nav-tab-active-color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n --nile-nav-tab-text-color-hover: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n }\n\n :host([indicatorPlacement='left']) .nav-tab-group--start .nav-tab-group__indicator {\n top: 0;\n right: auto;\n left: calc(-1 var(--track-width));\n border-right: none;\n border-left: solid var(--nile-border-width-2, var(--ng-border-width-2)) var(--indicator-color);\n }\n\n :host([indicatorPlacement='left']) .nav-tab-group--start .nav-tab-group__tabs {\n border-inline-end: none;\n }\n\n /* --------------------------------------------------------------------------\n * Hover indicator\n * -------------------------------------------------------------------------- /\n\n .nav-tab-group__hover-indicator {\n position: absolute;\n pointer-events: none;\n opacity: 0;\n transition: none;\n z-index: 2;\n }\n\n .nav-tab-group--top .nav-tab-group__hover-indicator {\n bottom: 0px;\n height: 0;\n border-bottom: 2px solid var(--indicator-color);\n }\n\n .nav-tab-group--bottom .nav-tab-group__hover-indicator {\n top: calc(-1 var(--track-width));\n height: 0;\n border-top: solid var(--nile-border-width-2, var(--ng-border-width-2)) var(--indicator-color);\n }\n\n .nav-tab-group--start .nav-tab-group__hover-indicator {\n top: 0;\n right: calc(-1 * var(--track-width));\n width: 0;\n border-right: solid var(--nile-border-width-2, var(--ng-border-width-2)) var(--indicator-color);\n }\n\n .nav-tab-group--end .nav-tab-group__hover-indicator {\n top: 0;\n left: calc(-1 * var(--track-width));\n width: 0;\n border-left: solid var(--nile-border-width-2, var(--ng-border-width-2)) var(--indicator-color);\n }\n\n :host([indicatorPlacement='left']) .nav-tab-group--start .nav-tab-group__hover-indicator {\n top: 0;\n right: auto;\n left: calc(-1 * var(--track-width));\n border-right: none;\n border-left: solid var(--nile-border-width-2, var(--ng-border-width-2)) var(--indicator-color);\n }\n\n /* --------------------------------------------------------------------------\n * Reduced motion\n * -------------------------------------------------------------------------- /\n\n @media (prefers-reduced-motion: reduce) {\n {\n animation: none;\n transition: none;\n }\n }\n\n :host([placement='bottom'][variant='underline']),\n:host([placement='bottom']:not([variant])) {\n --nile-nav-tab-padding: var(--nile-spacing-lg, var(--ng-spacing-3)) var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-none, var(--ng-spacing-none));\n}\n`;\n\nexport default [styles];\n"]}

package/dist/src/nile-wysiwyg-editor/engine/index.d.ts CHANGED Viewed

@@ -12,6 +12,7 @@ export type { PrintOptions } from './export';
 export { selectedImageInfo } from './commands';
 export { ImageView, FigureView } from './plugins/image-view';
 export { EmbedView } from './plugins/embed-view';
+export { StyleBlockView } from './plugins/style-block-view';
 export { MathView } from './plugins/math-view';
 export type { MathRenderer } from './plugins/math-view';
 export { INDENT_STEP_PX, MAX_INDENT, BULLET_STYLES, ORDERED_STYLES } from './schema';

package/dist/src/nile-wysiwyg-editor/engine/index.js CHANGED Viewed

@@ -9,6 +9,7 @@ export { toInlineStyledHtml, buildWordDocument, buildPrintDocument, } from './ex
 export { selectedImageInfo } from './commands';
 export { ImageView, FigureView } from './plugins/image-view';
 export { EmbedView } from './plugins/embed-view';
+export { StyleBlockView } from './plugins/style-block-view';
 export { MathView } from './plugins/math-view';
 export { INDENT_STEP_PX, MAX_INDENT, BULLET_STYLES, ORDERED_STYLES } from './schema';
 export { computeToolbarState } from './selection-state';

package/dist/src/nile-wysiwyg-editor/engine/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/nile-wysiwyg-editor/engine/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EACL,SAAS,EACT,WAAW,EACX,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,GACX,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAEtD,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC5E,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,UAAU,CAAC;AAElB,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AACrF,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAExD,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,eAAe,GAChB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC/E,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAGnF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EACL,cAAc,EACd,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,WAAW,EACX,eAAe,EACf,YAAY,GACb,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EACL,mBAAmB,EACnB,gBAAgB,EAChB,oBAAoB,EACpB,gBAAgB,EAChB,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AACnF,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC","sourcesContent":["export { createSchema, defaultSchema } from './schema';\nexport type { Alignment } from './schema';\nexport { sanitizeHtml, isSafeUrl } from './sanitize';\nexport {\n htmlToDoc,\n htmlToSlice,\n docToHtml,\n docToText,\n docToJson,\n jsonToDoc,\n isDocEmpty,\n} from './serializer';\nexport { getCommand, getMarkRange } from './commands';\nexport type { CommandName, CommandAttrs } from './commands';\nexport { docToMarkdown } from './markdown';\nexport { markdownToHtml, looksLikeMarkdown } from './markdown-parse';\nexport { isOfficeHtml, isExcelHtml, cleanOfficeHtml } from './office-paste';\nexport {\n toInlineStyledHtml,\n buildWordDocument,\n buildPrintDocument,\n} from './export';\nexport type { PrintOptions } from './export';\nexport { selectedImageInfo } from './commands';\nexport { ImageView, FigureView } from './plugins/image-view';\nexport { EmbedView } from './plugins/embed-view';\nexport { MathView } from './plugins/math-view';\nexport type { MathRenderer } from './plugins/math-view';\nexport { INDENT_STEP_PX, MAX_INDENT, BULLET_STYLES, ORDERED_STYLES } from './schema';\nexport { computeToolbarState } from './selection-state';\nexport type { ToolbarState } from './selection-state';\nexport {\n createEditorState,\n mentionSuggestKey,\n slashSuggestKey,\n emojiSuggestKey,\n} from './create-state';\nexport { maxLengthPlugin } from './plugins/max-length';\nexport { TaskItemView } from './plugins/task-list';\nexport { codeHighlightPlugin, CODE_LANGUAGES } from './plugins/code-highlight';\nexport { toEmbedUrl, isAllowedEmbedSrc, embedPastePlugin } from './plugins/embeds';\nexport type { EmbedTarget } from './plugins/embeds';\nexport type { CreateStateOptions } from './create-state';\nexport { countWords } from './serializer';\nexport type { SuggestionMatch, SuggestionOptions } from './plugins/suggestions';\nexport {\n findReplaceKey,\n getFindState,\n searchTr,\n findStepTr,\n clearFindTr,\n replaceActiveTr,\n replaceAllTr,\n} from './plugins/find-replace';\nexport type { FindState, FindMatch } from './plugins/find-replace';\nexport { placeholderPlugin } from './plugins/placeholder';\nexport {\n formatPainterPlugin,\n formatPainterKey,\n isFormatPainterArmed,\n armFormatPainter,\n disarmFormatPainter,\n applyFormatPainter,\n} from './plugins/format-painter';\nexport { linkPlugin } from './plugins/link';\nexport { singleLinePlugin, flattenToSingleParagraph } from './plugins/single-line';\nexport { tablePlugins } from './plugins/tables';\nexport { imagePlugin, imageUploadKey, findUploadPos } from './plugins/image';\nexport { pastePlugin, plainTextSlice, stripSliceFormatting } from './plugins/paste';\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/nile-wysiwyg-editor/engine/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAEvD,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EACL,SAAS,EACT,WAAW,EACX,SAAS,EACT,SAAS,EACT,SAAS,EACT,SAAS,EACT,UAAU,GACX,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAEtD,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC5E,OAAO,EACL,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,GACnB,MAAM,UAAU,CAAC;AAElB,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AACrF,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAExD,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,eAAe,GAChB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC/E,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAGnF,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EACL,cAAc,EACd,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,WAAW,EACX,eAAe,EACf,YAAY,GACb,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EACL,mBAAmB,EACnB,gBAAgB,EAChB,oBAAoB,EACpB,gBAAgB,EAChB,mBAAmB,EACnB,kBAAkB,GACnB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC;AACnF,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC","sourcesContent":["export { createSchema, defaultSchema } from './schema';\nexport type { Alignment } from './schema';\nexport { sanitizeHtml, isSafeUrl } from './sanitize';\nexport {\n htmlToDoc,\n htmlToSlice,\n docToHtml,\n docToText,\n docToJson,\n jsonToDoc,\n isDocEmpty,\n} from './serializer';\nexport { getCommand, getMarkRange } from './commands';\nexport type { CommandName, CommandAttrs } from './commands';\nexport { docToMarkdown } from './markdown';\nexport { markdownToHtml, looksLikeMarkdown } from './markdown-parse';\nexport { isOfficeHtml, isExcelHtml, cleanOfficeHtml } from './office-paste';\nexport {\n toInlineStyledHtml,\n buildWordDocument,\n buildPrintDocument,\n} from './export';\nexport type { PrintOptions } from './export';\nexport { selectedImageInfo } from './commands';\nexport { ImageView, FigureView } from './plugins/image-view';\nexport { EmbedView } from './plugins/embed-view';\nexport { StyleBlockView } from './plugins/style-block-view';\nexport { MathView } from './plugins/math-view';\nexport type { MathRenderer } from './plugins/math-view';\nexport { INDENT_STEP_PX, MAX_INDENT, BULLET_STYLES, ORDERED_STYLES } from './schema';\nexport { computeToolbarState } from './selection-state';\nexport type { ToolbarState } from './selection-state';\nexport {\n createEditorState,\n mentionSuggestKey,\n slashSuggestKey,\n emojiSuggestKey,\n} from './create-state';\nexport { maxLengthPlugin } from './plugins/max-length';\nexport { TaskItemView } from './plugins/task-list';\nexport { codeHighlightPlugin, CODE_LANGUAGES } from './plugins/code-highlight';\nexport { toEmbedUrl, isAllowedEmbedSrc, embedPastePlugin } from './plugins/embeds';\nexport type { EmbedTarget } from './plugins/embeds';\nexport type { CreateStateOptions } from './create-state';\nexport { countWords } from './serializer';\nexport type { SuggestionMatch, SuggestionOptions } from './plugins/suggestions';\nexport {\n findReplaceKey,\n getFindState,\n searchTr,\n findStepTr,\n clearFindTr,\n replaceActiveTr,\n replaceAllTr,\n} from './plugins/find-replace';\nexport type { FindState, FindMatch } from './plugins/find-replace';\nexport { placeholderPlugin } from './plugins/placeholder';\nexport {\n formatPainterPlugin,\n formatPainterKey,\n isFormatPainterArmed,\n armFormatPainter,\n disarmFormatPainter,\n applyFormatPainter,\n} from './plugins/format-painter';\nexport { linkPlugin } from './plugins/link';\nexport { singleLinePlugin, flattenToSingleParagraph } from './plugins/single-line';\nexport { tablePlugins } from './plugins/tables';\nexport { imagePlugin, imageUploadKey, findUploadPos } from './plugins/image';\nexport { pastePlugin, plainTextSlice, stripSliceFormatting } from './plugins/paste';\n"]}

package/dist/src/nile-wysiwyg-editor/engine/plugins/embed-view.js CHANGED Viewed

@@ -1,4 +1,5 @@
 import { attachResizeHandles, isResizeEvent } from './image-view';
+import { EMBED_SANDBOX, EMBED_REFERRER_POLICY } from './embeds';
 /** Below this a 16:9 player is unusable and its own controls stop fitting. */
 const MIN_EMBED_WIDTH = 160;
 /**
@@ -15,6 +16,8 @@ export class EmbedView {
         this.iframe.setAttribute('frameborder', '0');
         this.iframe.setAttribute('allowfullscreen', 'true');
         this.iframe.setAttribute('allow', 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture');
+        this.iframe.setAttribute('sandbox', EMBED_SANDBOX);
+        this.iframe.setAttribute('referrerpolicy', EMBED_REFERRER_POLICY);
         this.dom.appendChild(this.iframe);
         this.applyAttrs(node);
         attachResizeHandles(this.dom, this.dom, width => {