npm - @aquera/nile-elements - Versions diffs - 0.0.6 → 0.0.7 - Mend

@aquera/nile-elements 0.0.6 → 0.0.7

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 (515) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-textarea.cjs.js","sources":["../../../src/nile-textarea/nile-textarea.ts"],"sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport {LitElement, html, property, CSSResultArray, TemplateResult} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport {styles} from './nile-textarea.css';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { query, state } from 'lit/decorators.js';\nimport { defaultValue } from '../internal/default-value';\nimport { FormControlController } from '../internal/form';\nimport { HasSlotController } from '../internal/slot';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\n\n/\n @summary Textareas collect data from the user and allow multiple lines of text.\n * @tag nile-text-area\n\n \n @slot label - The textarea's label. Alternatively, you can use the `label` attribute.\n * @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n \n @event nile-blur - Emitted when the control loses focus.\n * @event nile-change - Emitted when an alteration to the control's value is committed by the user.\n * @event nile-focus - Emitted when the control gains focus.\n * @event nile-input - Emitted when the control receives input.\n \n @csspart form-control - The form control that wraps the label, input, and help text.\n * @csspart form-control-label - The label's wrapper.\n * @csspart form-control-input - The input's wrapper.\n * @csspart form-control-help-text - The help text's wrapper.\n * @csspart base - The component's base wrapper.\n * @csspart textarea - The internal `<textarea>` control.\n /\n\n@customElement('nile-textarea')\nexport class NileTextarea extends NileElement {\n static styles: CSSResultGroup = styles;\n\n private readonly hasSlotController = new HasSlotController(this, 'help-text', 'label');\n private resizeObserver: ResizeObserver;\n\n @query('.textarea__control') input: HTMLTextAreaElement;\n\n @state() private hasFocus = false;\n @property() title = ''; // make reactive to pass through\n\n /* The name of the textarea, submitted as a name/value pair with form data. /\n @property() name = '';\n\n /* The current value of the textarea, submitted as a name/value pair with form data. /\n @property() value = '';\n\n /* The textarea's size. /\n @property({ reflect: true }) size = 'medium';\n\n /* Draws a filled textarea. /\n @property({ type: Boolean, reflect: true }) filled = false;\n\n /* The textarea's label. If you need to display HTML, use the `label` slot instead. /\n @property() label = '';\n\n /* The textarea's help text. If you need to display HTML, use the `help-text` slot instead. /\n @property({ attribute: 'help-text' }) helpText = '';\n\n /* The input's error message. If you need to display HTML, use the `error-message` slot instead. /\n @property({ attribute: 'error-message' }) errorMessage = '';\n\n /* Placeholder text to show as a hint when the input is empty. /\n @property() placeholder = '';\n\n /* The number of rows to display by default. /\n @property({ type: Number }) rows = 4;\n\n /* Controls how the textarea can be resized. /\n @property() resize: 'none' \| 'vertical' \| 'auto' = 'vertical';\n\n /* Disables the textarea. /\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n /* Makes the textarea readonly. /\n @property({ type: Boolean, reflect: true }) readonly = false;\n\n /\n By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\n * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in\n * the same document or shadow root for this to work.\n /\n @property({ reflect: true }) form = '';\n\n /* Makes the textarea a required field. /\n @property({ type: Boolean, reflect: true }) required = false;\n\n @property({ type: Number }) minlength: number;\n\n @property({ type: Number }) maxlength: number;\n\n /* Sets the input to a warning state, changing its visual appearance. /\n @property({ type: Boolean }) warning = false;\n\n /* Sets the input to an error state, changing its visual appearance. /\n @property({ type: Boolean }) error = false;\n\n /* Sets the input to a success state, changing its visual appearance. /\n @property({ type: Boolean }) success = false;\n\n /* Controls whether and how text input is automatically capitalized as it is entered by the user. /\n @property() autocapitalize: 'off' \| 'none' \| 'on' \| 'sentences' \| 'words' \| 'characters';\n\n /* Indicates whether the browser's autocorrect feature is on or off. /\n @property() autocorrect: string;\n\n /\n Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n * [this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.\n /\n @property() autocomplete: string;\n\n /* Indicates that the input should receive focus on page load. /\n @property({ type: Boolean }) autofocus: boolean;\n\n /* Used to customize the label or icon of the Enter key on virtual keyboards. /\n @property() enterkeyhint: 'enter' \| 'done' \| 'go' \| 'next' \| 'previous' \| 'search' \| 'send';\n\n /* Enables spell checking on the textarea. /\n @property({\n type: Boolean,\n converter: {\n // Allow \"true\|false\" attribute values but keep the property boolean\n fromAttribute: value => (!value \|\| value === 'false' ? false : true),\n toAttribute: value => (value ? 'true' : 'false')\n }\n })\n spellcheck = true;\n\n /\n Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\n * keyboard on supportive devices.\n /\n @property() inputmode: 'none' \| 'text' \| 'decimal' \| 'numeric' \| 'tel' \| 'search' \| 'email' \| 'url';\n\n /* The default value of the form control. Primarily used for resetting the form control. /\n @defaultValue() defaultValue = '';\n\n connectedCallback() {\n super.connectedCallback();\n this.resizeObserver = new ResizeObserver(() => this.setTextareaHeight());\n\n this.updateComplete.then(() => {\n this.setTextareaHeight();\n this.resizeObserver.observe(this.input);\n });\n this.emit('nile-init');\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this.resizeObserver.unobserve(this.input);\n this.emit('nile-destroy');\n }\n\n private handleBlur() {\n this.hasFocus = false;\n this.emit('nile-blur', { value: this.value });\n }\n\n private handleChange() {\n this.value = this.input.value;\n this.setTextareaHeight();\n this.emit('nile-change', { value: this.value });\n }\n\n private handleFocus() {\n this.hasFocus = true;\n this.emit('nile-focus', { value: this.value });\n }\n\n private handleInput() {\n this.value = this.input.value;\n this.emit('nile-input', { value: this.value });\n }\n\n private setTextareaHeight() {\n if (this.resize === 'auto') {\n this.input.style.height = 'auto';\n this.input.style.height = `${this.input.scrollHeight}px`;\n } else {\n (this.input.style.height as string \| undefined) = undefined;\n }\n }\n\n @watch('rows', { waitUntilFirstUpdate: true })\n handleRowsChange() {\n this.setTextareaHeight();\n }\n\n @watch('value', { waitUntilFirstUpdate: true })\n async handleValueChange() {\n await this.updateComplete;\n this.setTextareaHeight();\n }\n\n /* Sets focus on the textarea. /\n focus(options?: FocusOptions) {\n this.input.focus(options);\n }\n\n /* Removes focus from the textarea. /\n blur() {\n this.input.blur();\n }\n\n /* Selects all the text in the textarea. /\n select() {\n this.input.select();\n }\n\n /* Gets or sets the textarea's scroll position. /\n scrollPosition(position?: { top?: number; left?: number }): { top: number; left: number } \| undefined {\n if (position) {\n if (typeof position.top === 'number') this.input.scrollTop = position.top;\n if (typeof position.left === 'number') this.input.scrollLeft = position.left;\n return undefined;\n }\n\n return {\n top: this.input.scrollTop,\n left: this.input.scrollTop\n };\n }\n\n /* Sets the start and end positions of the text selection (0-based). /\n setSelectionRange(\n selectionStart: number,\n selectionEnd: number,\n selectionDirection: 'forward' \| 'backward' \| 'none' = 'none'\n ) {\n this.input.setSelectionRange(selectionStart, selectionEnd, selectionDirection);\n }\n\n /* Replaces a range of text with a new string. /\n setRangeText(\n replacement: string,\n start?: number,\n end?: number,\n selectMode?: 'select' \| 'start' \| 'end' \| 'preserve'\n ) {\n // @ts-expect-error - start, end, and selectMode are optional\n this.input.setRangeText(replacement, start, end, selectMode);\n\n if (this.value !== this.input.value) {\n this.value = this.input.value;\n }\n\n if (this.value !== this.input.value) {\n this.value = this.input.value;\n this.setTextareaHeight();\n }\n }\n\n render() {\n const hasLabelSlot = this.hasSlotController.test('label');\n const hasHelpTextSlot = this.hasSlotController.test('help-text');\n const hasLabel = this.label ? true : !!hasLabelSlot;\n\n const hasHelpText = this.helpText ? true : false;\n const hasErrorMessage = this.errorMessage ? true : false;\n\n return html`\n <div\n part=\"form-control\"\n class=${classMap({\n 'form-control': true,\n 'form-control--medium': this.size === 'medium',\n 'form-control--has-label': hasLabel,\n 'form-control--has-help-text': hasHelpText\n })}\n >\n <label\n part=\"form-control-label\"\n class=\"form-control__label\"\n for=\"input\"\n aria-hidden=${hasLabel ? 'false' : 'true'}\n >\n <slot name=\"label\">${this.label}</slot>\n </label>\n\n <div part=\"form-control-input\" class=\"form-control-input\">\n <div\n part=\"base\"\n class=${classMap({\n textarea: true,\n 'textarea--medium': this.size === 'medium',\n 'textarea--warning': this.warning,\n 'textarea--error': this.error,\n 'textarea--success': this.success,\n 'textarea--standard': !this.filled,\n 'textarea--disabled': this.disabled,\n 'textarea--focused': this.hasFocus,\n 'textarea--empty': !this.value,\n 'textarea--resize-none': this.resize === 'none',\n 'textarea--resize-vertical': this.resize === 'vertical',\n 'textarea--resize-auto': this.resize === 'auto'\n })}\n >\n <textarea\n part=\"textarea\"\n id=\"input\"\n class=\"textarea__control\"\n title=${this.title / An empty title prevents browser validation tooltips from appearing on hover */}\n name=${ifDefined(this.name)}\n .value=${live(this.value)}\n ?disabled=${this.disabled}\n ?readonly=${this.readonly}\n ?required=${this.required}\n placeholder=${ifDefined(this.placeholder)}\n rows=${ifDefined(this.rows)}\n minlength=${ifDefined(this.minlength)}\n maxlength=${ifDefined(this.maxlength)}\n autocapitalize=${ifDefined(this.autocapitalize)}\n autocorrect=${ifDefined(this.autocorrect)}\n ?autofocus=${this.autofocus}\n spellcheck=${ifDefined(this.spellcheck)}\n enterkeyhint=${ifDefined(this.enterkeyhint)}\n inputmode=${ifDefined(this.inputmode)}\n aria-describedby=\"help-text\"\n @change=${this.handleChange}\n @input=${this.handleInput}\n @focus=${this.handleFocus}\n @blur=${this.handleBlur}\n ></textarea>\n </div>\n </div>\n\n ${\n hasHelpText\n ? html`\n <nile-form-help-text>${this.helpText}</nile-form-help-text>\n `\n : ``\n }\n\n ${\n hasErrorMessage\n ? html`\n <nile-form-error-message\n >${this.errorMessage}</nile-form-error-message\n >\n `\n : ``\n }\n </div>\n `;\n }\n}\n\nexport default NileTextarea;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-textarea': NileTextarea;\n }\n}\n"],"names":["NileTextarea","p","this","hasSlotController","HasSlotController","hasFocus","title","name","value","size","filled","label","helpText","errorMessage","placeholder","rows","resize","disabled","readonly","form","required","warning","error","success","spellcheck","defaultValue","_this","_createClass","key","connectedCallback","super","resizeObserver","ResizeObserver","setTextareaHeight","updateComplete","then","observe","input","emit","disconnectedCallback","unobserve","handleBlur","handleChange","handleFocus","handleInput","style","height","concat","scrollHeight","undefined","handleRowsChange","_handleValueChange","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_callee$","_context2","prev","next","stop","handleValueChange","apply","arguments","focus","options","blur","select","scrollPosition","position","top","scrollTop","left","scrollLeft","setSelectionRange","selectionStart","selectionEnd","selectionDirection","length","setRangeText","replacement","start","end","selectMode","render","hasLabelSlot","test","hasLabel","hasHelpText","hasErrorMessage","html","_templateObject","_taggedTemplateLiteral","classMap","textarea","ifDefined","live","minlength","maxlength","autocapitalize","autocorrect","autofocus","enterkeyhint","inputmode","_templateObject2","_templateObject3","NileElement","styles","__decorate","query","prototype","state","property","reflect","type","Boolean","attribute","Number","converter","fromAttribute","toAttribute","watch","waitUntilFirstUpdate","customElement"],"mappings":"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"}
1	+ {"version":3,"file":"nile-textarea.cjs.js","sources":["../../../src/nile-textarea/nile-textarea.ts"],"sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport {LitElement, html, property, CSSResultArray, TemplateResult} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport {styles} from './nile-textarea.css';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { query, state } from 'lit/decorators.js';\nimport { defaultValue } from '../internal/default-value';\nimport { FormControlController } from '../internal/form';\nimport { HasSlotController } from '../internal/slot';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { live } from 'lit/directives/live.js';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\n\n/\n @summary Textareas collect data from the user and allow multiple lines of text.\n * @tag nile-text-area\n\n \n @slot label - The textarea's label. Alternatively, you can use the `label` attribute.\n * @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.\n \n @event nile-blur - Emitted when the control loses focus.\n * @event nile-change - Emitted when an alteration to the control's value is committed by the user.\n * @event nile-focus - Emitted when the control gains focus.\n * @event nile-input - Emitted when the control receives input.\n \n @csspart form-control - The form control that wraps the label, input, and help text.\n * @csspart form-control-label - The label's wrapper.\n * @csspart form-control-input - The input's wrapper.\n * @csspart form-control-help-text - The help text's wrapper.\n * @csspart base - The component's base wrapper.\n * @csspart textarea - The internal `<textarea>` control.\n /\n\n@customElement('nile-textarea')\nexport class NileTextarea extends NileElement {\n static styles: CSSResultGroup = styles;\n\n private readonly hasSlotController = new HasSlotController(this, 'help-text', 'label');\n private resizeObserver: ResizeObserver;\n\n @query('.textarea__control') input: HTMLTextAreaElement;\n\n @state() private hasFocus = false;\n @property() title = ''; // make reactive to pass through\n\n /* The name of the textarea, submitted as a name/value pair with form data. /\n @property() name = '';\n\n /* The current value of the textarea, submitted as a name/value pair with form data. /\n @property() value = '';\n\n /* The textarea's size. /\n @property({ reflect: true }) size = 'medium';\n\n /* Draws a filled textarea. /\n @property({ type: Boolean, reflect: true }) filled = false;\n\n /* The textarea's label. If you need to display HTML, use the `label` slot instead. /\n @property() label = '';\n\n /* The textarea's help text. If you need to display HTML, use the `help-text` slot instead. /\n @property({ attribute: 'help-text' }) helpText = '';\n\n /* The input's error message. If you need to display HTML, use the `error-message` slot instead. /\n @property({ attribute: 'error-message' }) errorMessage = '';\n\n /* Placeholder text to show as a hint when the input is empty. /\n @property() placeholder = '';\n\n /* The number of rows to display by default. /\n @property({ type: Number }) rows = 4;\n\n /* Controls how the textarea can be resized. /\n @property() resize: 'none' \| 'vertical' \| 'auto' = 'vertical';\n\n /* Disables the textarea. /\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n /* Makes the textarea readonly. /\n @property({ type: Boolean, reflect: true }) readonly = false;\n\n /\n By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\n * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in\n * the same document or shadow root for this to work.\n /\n @property({ reflect: true }) form = '';\n\n /* Makes the textarea a required field. /\n @property({ type: Boolean, reflect: true }) required = false;\n\n @property({ type: Number }) minlength: number;\n\n @property({ type: Number }) maxlength: number;\n\n /* Sets the input to a warning state, changing its visual appearance. /\n @property({ type: Boolean }) warning = false;\n\n /* Sets the input to an error state, changing its visual appearance. /\n @property({ type: Boolean }) error = false;\n\n /* Sets the input to a success state, changing its visual appearance. /\n @property({ type: Boolean }) success = false;\n\n /* Controls whether and how text input is automatically capitalized as it is entered by the user. /\n @property() autocapitalize: 'off' \| 'none' \| 'on' \| 'sentences' \| 'words' \| 'characters';\n\n /* Indicates whether the browser's autocorrect feature is on or off. /\n @property() autocorrect: string;\n\n /\n Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n * [this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.\n /\n @property() autocomplete: string;\n\n /* Indicates that the input should receive focus on page load. /\n @property({ type: Boolean }) autofocus: boolean;\n\n /* Used to customize the label or icon of the Enter key on virtual keyboards. /\n @property() enterkeyhint: 'enter' \| 'done' \| 'go' \| 'next' \| 'previous' \| 'search' \| 'send';\n\n /* Enables spell checking on the textarea. /\n @property({\n type: Boolean,\n converter: {\n // Allow \"true\|false\" attribute values but keep the property boolean\n fromAttribute: value => (!value \|\| value === 'false' ? false : true),\n toAttribute: value => (value ? 'true' : 'false')\n }\n })\n spellcheck = true;\n\n /\n Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\n * keyboard on supportive devices.\n /\n @property() inputmode: 'none' \| 'text' \| 'decimal' \| 'numeric' \| 'tel' \| 'search' \| 'email' \| 'url';\n\n /* The default value of the form control. Primarily used for resetting the form control. /\n @defaultValue() defaultValue = '';\n\n @property({ type: Boolean, reflect: true }) fullHeight = false;\n\n connectedCallback() {\n super.connectedCallback();\n this.resizeObserver = new ResizeObserver(() => this.setTextareaHeight());\n\n this.updateComplete.then(() => {\n this.setTextareaHeight();\n this.resizeObserver.observe(this.input);\n });\n\n if(this.fullHeight){\n requestAnimationFrame(() => {\n let parentHeight = this.parentElement?.getBoundingClientRect().height;\n\n if (parentHeight) {\n parentHeight = parentHeight - 65;\n this.shadowRoot?.querySelector('textarea')?.style.setProperty('height', `${parentHeight}px`);\n }\n });\n }\n\n this.emit('nile-init');\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n if(this.input) {\n this.resizeObserver.unobserve(this.input);\n }\n this.emit('nile-destroy');\n }\n\n private handleBlur() {\n this.hasFocus = false;\n this.emit('nile-blur', { value: this.value });\n }\n\n private handleChange() {\n this.value = this.input.value;\n this.setTextareaHeight();\n this.emit('nile-change', { value: this.value });\n }\n\n private handleFocus() {\n this.hasFocus = true;\n this.emit('nile-focus', { value: this.value });\n }\n\n private handleInput() {\n this.value = this.input.value;\n this.emit('nile-input', { value: this.value });\n }\n\n private setTextareaHeight() {\n if (this.resize === 'auto') {\n this.input.style.height = 'auto';\n this.input.style.height = `${this.input.scrollHeight}px`;\n } else {\n (this.input.style.height as string \| undefined) = undefined;\n }\n }\n\n @watch('rows', { waitUntilFirstUpdate: true })\n handleRowsChange() {\n this.setTextareaHeight();\n }\n\n @watch('value', { waitUntilFirstUpdate: true })\n async handleValueChange() {\n await this.updateComplete;\n this.setTextareaHeight();\n }\n\n /* Sets focus on the textarea. /\n focus(options?: FocusOptions) {\n this.input.focus(options);\n }\n\n /* Removes focus from the textarea. /\n blur() {\n this.input.blur();\n }\n\n /* Selects all the text in the textarea. /\n select() {\n this.input.select();\n }\n\n /* Gets or sets the textarea's scroll position. /\n scrollPosition(position?: { top?: number; left?: number }): { top: number; left: number } \| undefined {\n if (position) {\n if (typeof position.top === 'number') this.input.scrollTop = position.top;\n if (typeof position.left === 'number') this.input.scrollLeft = position.left;\n return undefined;\n }\n\n return {\n top: this.input.scrollTop,\n left: this.input.scrollTop\n };\n }\n\n /* Sets the start and end positions of the text selection (0-based). /\n setSelectionRange(\n selectionStart: number,\n selectionEnd: number,\n selectionDirection: 'forward' \| 'backward' \| 'none' = 'none'\n ) {\n this.input.setSelectionRange(selectionStart, selectionEnd, selectionDirection);\n }\n\n /* Replaces a range of text with a new string. /\n setRangeText(\n replacement: string,\n start?: number,\n end?: number,\n selectMode?: 'select' \| 'start' \| 'end' \| 'preserve'\n ) {\n // @ts-expect-error - start, end, and selectMode are optional\n this.input.setRangeText(replacement, start, end, selectMode);\n\n if (this.value !== this.input.value) {\n this.value = this.input.value;\n }\n\n if (this.value !== this.input.value) {\n this.value = this.input.value;\n this.setTextareaHeight();\n }\n }\n\n render() {\n const hasLabelSlot = this.hasSlotController.test('label');\n const hasHelpTextSlot = this.hasSlotController.test('help-text');\n const hasLabel = this.label ? true : !!hasLabelSlot;\n\n const hasHelpText = this.helpText ? true : false;\n const hasErrorMessage = this.errorMessage ? true : false;\n\n return html`\n <div\n part=\"form-control\"\n class=${classMap({\n 'form-control': true,\n 'form-control--medium': this.size === 'medium',\n 'form-control--has-label': hasLabel,\n 'form-control--has-help-text': hasHelpText\n })}\n >\n <label\n part=\"form-control-label\"\n class=\"form-control__label\"\n for=\"input\"\n aria-hidden=${hasLabel ? 'false' : 'true'}\n >\n <slot name=\"label\">${this.label}</slot>\n </label>\n\n <div part=\"form-control-input\" class=\"form-control-input\">\n <div\n part=\"base\"\n class=${classMap({\n textarea: true,\n 'textarea--medium': this.size === 'medium',\n 'textarea--warning': this.warning,\n 'textarea--error': this.error,\n 'textarea--success': this.success,\n 'textarea--standard': !this.filled,\n 'textarea--disabled': this.disabled,\n 'textarea--focused': this.hasFocus,\n 'textarea--empty': !this.value,\n 'textarea--resize-none': this.resize === 'none',\n 'textarea--resize-vertical': this.resize === 'vertical',\n 'textarea--resize-auto': this.resize === 'auto'\n })}\n >\n <textarea\n part=\"textarea\"\n id=\"input\"\n class=\"textarea__control\"\n title=${this.title / An empty title prevents browser validation tooltips from appearing on hover */}\n name=${ifDefined(this.name)}\n .value=${live(this.value)}\n ?disabled=${this.disabled}\n ?readonly=${this.readonly}\n ?required=${this.required}\n placeholder=${ifDefined(this.placeholder)}\n rows=${ifDefined(this.rows)}\n minlength=${ifDefined(this.minlength)}\n maxlength=${ifDefined(this.maxlength)}\n autocapitalize=${ifDefined(this.autocapitalize)}\n autocorrect=${ifDefined(this.autocorrect)}\n ?autofocus=${this.autofocus}\n spellcheck=${ifDefined(this.spellcheck)}\n enterkeyhint=${ifDefined(this.enterkeyhint)}\n inputmode=${ifDefined(this.inputmode)}\n aria-describedby=\"help-text\"\n @change=${this.handleChange}\n @input=${this.handleInput}\n @focus=${this.handleFocus}\n @blur=${this.handleBlur}\n ></textarea>\n </div>\n </div>\n\n ${\n hasHelpText\n ? html`\n <nile-form-help-text>${this.helpText}</nile-form-help-text>\n `\n : ``\n }\n\n ${\n hasErrorMessage\n ? html`\n <nile-form-error-message\n >${this.errorMessage}</nile-form-error-message\n >\n `\n : ``\n }\n </div>\n `;\n }\n}\n\nexport default NileTextarea;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-textarea': NileTextarea;\n }\n}\n"],"names":["NileTextarea","p","this","hasSlotController","HasSlotController","hasFocus","title","name","value","size","filled","label","helpText","errorMessage","placeholder","rows","resize","disabled","readonly","form","required","warning","error","success","spellcheck","defaultValue","fullHeight","_this","_createClass","key","connectedCallback","super","resizeObserver","ResizeObserver","setTextareaHeight","updateComplete","then","observe","input","requestAnimationFrame","_this2$parentElement","_this2$shadowRoot","parentHeight","parentElement","getBoundingClientRect","height","shadowRoot","querySelector","style","setProperty","concat","emit","disconnectedCallback","unobserve","handleBlur","handleChange","handleFocus","handleInput","scrollHeight","undefined","handleRowsChange","_handleValueChange","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_callee$","_context2","prev","next","stop","handleValueChange","apply","arguments","focus","options","blur","select","scrollPosition","position","top","scrollTop","left","scrollLeft","setSelectionRange","selectionStart","selectionEnd","selectionDirection","length","setRangeText","replacement","start","end","selectMode","render","hasLabelSlot","test","hasLabel","hasHelpText","hasErrorMessage","html","_templateObject","_taggedTemplateLiteral","classMap","textarea","ifDefined","live","minlength","maxlength","autocapitalize","autocorrect","autofocus","enterkeyhint","inputmode","_templateObject2","_templateObject3","NileElement","styles","__decorate","query","prototype","state","property","reflect","type","Boolean","attribute","Number","converter","fromAttribute","toAttribute","watch","waitUntilFirstUpdate","customElement"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import{__decorate as t}from"tslib";import{x as e}from"../index-cd2f9c12.esm.js";import{query as i,state as s,customElement as o}from"lit/decorators.js";import{s as r}from"./nile-textarea.css.esm.js";import{classMap as a}from"lit/directives/class-map.js";import{d as l}from"../internal/default-value.esm.js";import{H as h}from"../internal/slot.esm.js";import{ifDefined as n}from"lit/directives/if-defined.js";import{live as d}from"lit/directives/live.js";import{w as m}from"../internal/watch.esm.js";import{N as c}from"../internal/nile-element.esm.js";import{n as u}from"../property-09139d3c.esm.js";import"lit";let p=class extends c{constructor(){super(...arguments),this.hasSlotController=new h(this,"help-text","label"),this.hasFocus=!1,this.title="",this.name="",this.value="",this.size="medium",this.filled=!1,this.label="",this.helpText="",this.errorMessage="",this.placeholder="",this.rows=4,this.resize="vertical",this.disabled=!1,this.readonly=!1,this.form="",this.required=!1,this.warning=!1,this.error=!1,this.success=!1,this.spellcheck=!0,this.defaultValue=""}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver((()=>this.setTextareaHeight())),this.updateComplete.then((()=>{this.setTextareaHeight(),this.resizeObserver.observe(this.input)})),this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.unobserve(this.input),this.emit("nile-destroy")}handleBlur(){this.hasFocus=!1,this.emit("nile-blur",{value:this.value})}handleChange(){this.value=this.input.value,this.setTextareaHeight(),this.emit("nile-change",{value:this.value})}handleFocus(){this.hasFocus=!0,this.emit("nile-focus",{value:this.value})}handleInput(){this.value=this.input.value,this.emit("nile-input",{value:this.value})}setTextareaHeight(){"auto"===this.resize?(this.input.style.height="auto",this.input.style.height=`${this.input.scrollHeight}px`):this.input.style.height=void 0}handleRowsChange(){this.setTextareaHeight()}async handleValueChange(){await this.updateComplete,this.setTextareaHeight()}focus(t){this.input.focus(t)}blur(){this.input.blur()}select(){this.input.select()}scrollPosition(t){return t?("number"==typeof t.top&&(this.input.scrollTop=t.top),void("number"==typeof t.left&&(this.input.scrollLeft=t.left))):{top:this.input.scrollTop,left:this.input.scrollTop}}setSelectionRange(t,e,i="none"){this.input.setSelectionRange(t,e,i)}setRangeText(t,e,i,s){this.input.setRangeText(t,e,i,s),this.value!==this.input.value&&(this.value=this.input.value),this.value!==this.input.value&&(this.value=this.input.value,this.setTextareaHeight())}render(){const t=this.hasSlotController.test("label");this.hasSlotController.test("help-text");const i=!!this.label||!!t,s=!!this.helpText,o=!!this.errorMessage;return e`
+import{__decorate as t}from"tslib";import{x as e}from"../index-cd2f9c12.esm.js";import{query as i,state as s,customElement as o}from"lit/decorators.js";import{s as r}from"./nile-textarea.css.esm.js";import{classMap as a}from"lit/directives/class-map.js";import{d as l}from"../internal/default-value.esm.js";import{H as h}from"../internal/slot.esm.js";import{ifDefined as n}from"lit/directives/if-defined.js";import{live as d}from"lit/directives/live.js";import{w as m}from"../internal/watch.esm.js";import{N as c}from"../internal/nile-element.esm.js";import{n as u}from"../property-09139d3c.esm.js";import"lit";let p=class extends c{constructor(){super(...arguments),this.hasSlotController=new h(this,"help-text","label"),this.hasFocus=!1,this.title="",this.name="",this.value="",this.size="medium",this.filled=!1,this.label="",this.helpText="",this.errorMessage="",this.placeholder="",this.rows=4,this.resize="vertical",this.disabled=!1,this.readonly=!1,this.form="",this.required=!1,this.warning=!1,this.error=!1,this.success=!1,this.spellcheck=!0,this.defaultValue="",this.fullHeight=!1}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver((()=>this.setTextareaHeight())),this.updateComplete.then((()=>{this.setTextareaHeight(),this.resizeObserver.observe(this.input)})),this.fullHeight&&requestAnimationFrame((()=>{let t=this.parentElement?.getBoundingClientRect().height;t&&(t-=65,this.shadowRoot?.querySelector("textarea")?.style.setProperty("height",`${t}px`))})),this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.input&&this.resizeObserver.unobserve(this.input),this.emit("nile-destroy")}handleBlur(){this.hasFocus=!1,this.emit("nile-blur",{value:this.value})}handleChange(){this.value=this.input.value,this.setTextareaHeight(),this.emit("nile-change",{value:this.value})}handleFocus(){this.hasFocus=!0,this.emit("nile-focus",{value:this.value})}handleInput(){this.value=this.input.value,this.emit("nile-input",{value:this.value})}setTextareaHeight(){"auto"===this.resize?(this.input.style.height="auto",this.input.style.height=`${this.input.scrollHeight}px`):this.input.style.height=void 0}handleRowsChange(){this.setTextareaHeight()}async handleValueChange(){await this.updateComplete,this.setTextareaHeight()}focus(t){this.input.focus(t)}blur(){this.input.blur()}select(){this.input.select()}scrollPosition(t){return t?("number"==typeof t.top&&(this.input.scrollTop=t.top),void("number"==typeof t.left&&(this.input.scrollLeft=t.left))):{top:this.input.scrollTop,left:this.input.scrollTop}}setSelectionRange(t,e,i="none"){this.input.setSelectionRange(t,e,i)}setRangeText(t,e,i,s){this.input.setRangeText(t,e,i,s),this.value!==this.input.value&&(this.value=this.input.value),this.value!==this.input.value&&(this.value=this.input.value,this.setTextareaHeight())}render(){const t=this.hasSlotController.test("label");this.hasSlotController.test("help-text");const i=!!this.label||!!t,s=!!this.helpText,o=!!this.errorMessage;return e`
       <div
         part="form-control"
         class=${a({"form-control":!0,"form-control--medium":"medium"===this.size,"form-control--has-label":i,"form-control--has-help-text":s})}
@@ -56,4 +56,4 @@ import{__decorate as t}from"tslib";import{x as e}from"../index-cd2f9c12.esm.js";
                 >
               `:""}
       </div>
-    `}};p.styles=r,t([i(".textarea__control")],p.prototype,"input",void 0),t([s()],p.prototype,"hasFocus",void 0),t([u()],p.prototype,"title",void 0),t([u()],p.prototype,"name",void 0),t([u()],p.prototype,"value",void 0),t([u({reflect:!0})],p.prototype,"size",void 0),t([u({type:Boolean,reflect:!0})],p.prototype,"filled",void 0),t([u()],p.prototype,"label",void 0),t([u({attribute:"help-text"})],p.prototype,"helpText",void 0),t([u({attribute:"error-message"})],p.prototype,"errorMessage",void 0),t([u()],p.prototype,"placeholder",void 0),t([u({type:Number})],p.prototype,"rows",void 0),t([u()],p.prototype,"resize",void 0),t([u({type:Boolean,reflect:!0})],p.prototype,"disabled",void 0),t([u({type:Boolean,reflect:!0})],p.prototype,"readonly",void 0),t([u({reflect:!0})],p.prototype,"form",void 0),t([u({type:Boolean,reflect:!0})],p.prototype,"required",void 0),t([u({type:Number})],p.prototype,"minlength",void 0),t([u({type:Number})],p.prototype,"maxlength",void 0),t([u({type:Boolean})],p.prototype,"warning",void 0),t([u({type:Boolean})],p.prototype,"error",void 0),t([u({type:Boolean})],p.prototype,"success",void 0),t([u()],p.prototype,"autocapitalize",void 0),t([u()],p.prototype,"autocorrect",void 0),t([u()],p.prototype,"autocomplete",void 0),t([u({type:Boolean})],p.prototype,"autofocus",void 0),t([u()],p.prototype,"enterkeyhint",void 0),t([u({type:Boolean,converter:{fromAttribute:t=>!(!t||"false"===t),toAttribute:t=>t?"true":"false"}})],p.prototype,"spellcheck",void 0),t([u()],p.prototype,"inputmode",void 0),t([l()],p.prototype,"defaultValue",void 0),t([m("rows",{waitUntilFirstUpdate:!0})],p.prototype,"handleRowsChange",null),t([m("value",{waitUntilFirstUpdate:!0})],p.prototype,"handleValueChange",null),p=t([o("nile-textarea")],p);export{p as N};
+    `}};p.styles=r,t([i(".textarea__control")],p.prototype,"input",void 0),t([s()],p.prototype,"hasFocus",void 0),t([u()],p.prototype,"title",void 0),t([u()],p.prototype,"name",void 0),t([u()],p.prototype,"value",void 0),t([u({reflect:!0})],p.prototype,"size",void 0),t([u({type:Boolean,reflect:!0})],p.prototype,"filled",void 0),t([u()],p.prototype,"label",void 0),t([u({attribute:"help-text"})],p.prototype,"helpText",void 0),t([u({attribute:"error-message"})],p.prototype,"errorMessage",void 0),t([u()],p.prototype,"placeholder",void 0),t([u({type:Number})],p.prototype,"rows",void 0),t([u()],p.prototype,"resize",void 0),t([u({type:Boolean,reflect:!0})],p.prototype,"disabled",void 0),t([u({type:Boolean,reflect:!0})],p.prototype,"readonly",void 0),t([u({reflect:!0})],p.prototype,"form",void 0),t([u({type:Boolean,reflect:!0})],p.prototype,"required",void 0),t([u({type:Number})],p.prototype,"minlength",void 0),t([u({type:Number})],p.prototype,"maxlength",void 0),t([u({type:Boolean})],p.prototype,"warning",void 0),t([u({type:Boolean})],p.prototype,"error",void 0),t([u({type:Boolean})],p.prototype,"success",void 0),t([u()],p.prototype,"autocapitalize",void 0),t([u()],p.prototype,"autocorrect",void 0),t([u()],p.prototype,"autocomplete",void 0),t([u({type:Boolean})],p.prototype,"autofocus",void 0),t([u()],p.prototype,"enterkeyhint",void 0),t([u({type:Boolean,converter:{fromAttribute:t=>!(!t||"false"===t),toAttribute:t=>t?"true":"false"}})],p.prototype,"spellcheck",void 0),t([u()],p.prototype,"inputmode",void 0),t([l()],p.prototype,"defaultValue",void 0),t([u({type:Boolean,reflect:!0})],p.prototype,"fullHeight",void 0),t([m("rows",{waitUntilFirstUpdate:!0})],p.prototype,"handleRowsChange",null),t([m("value",{waitUntilFirstUpdate:!0})],p.prototype,"handleValueChange",null),p=t([o("nile-textarea")],p);export{p as N};

package/dist/src/index.d.ts CHANGED Viewed

@@ -30,4 +30,8 @@ export { NileFormErrorMessage } from './nile-form-error-message';
 export { NileFormHelpText } from './nile-form-help-text';
 export { NileCalendar } from './nile-calendar';
 export { NileLink } from './nile-link';
+export { NileButtonToggleGroup } from './nile-button-toggle-group';
+export { NileButtonToggle } from './nile-button-toggle';
 export { NileSwitcher } from './nile-switcher';
+export { NileContentEditor } from './nile-content-editor';
+export { NileDialog } from './nile-dialog';

package/dist/src/index.js CHANGED Viewed

@@ -30,5 +30,9 @@ export { NileFormErrorMessage } from './nile-form-error-message';
 export { NileFormHelpText } from './nile-form-help-text';
 export { NileCalendar } from './nile-calendar';
 export { NileLink } from './nile-link';
+export { NileButtonToggleGroup } from './nile-button-toggle-group';
+export { NileButtonToggle } from './nile-button-toggle';
 export { NileSwitcher } from './nile-switcher';
+export { NileContentEditor } from './nile-content-editor';
+export { NileDialog } from './nile-dialog';
 //# sourceMappingURL=index.js.map

package/dist/src/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,~~EAAE~~,MAAM,aAAa,CAAC;~~AACvC~~,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC","sourcesContent":["export { NileButton } from './nile-button';\nexport { NileHeading } from './nile-heading';\nexport { NileIcon } from './nile-icon';\nexport { NileInput } from './nile-input';\nexport { NileSidebar } from './nile-sidebar';\nexport { NileMenu } from './nile-menu';\nexport { NileBadge } from './nile-badge';\nexport { NileDrawer } from './nile-drawer';\nexport { NileCheckbox } from './nile-checkbox';\nexport { NileRadio } from './nile-radio';\nexport { NileRadioGroup } from './nile-radio-group';\nexport { NilePopup } from './nile-popup';\nexport { NileTooltip } from './nile-tooltip';\nexport { NileSlideToggle } from './nile-slide-toggle';\nexport { NileLoader } from './nile-loader';\nexport { NileProgressBar } from './nile-progress-bar';\nexport { NileSpinner } from './nile-spinner';\nexport { NileSelect } from './nile-select';\nexport { NileOption } from './nile-option';\nexport { NileTag } from './nile-tag';\nexport { NileIconButton } from './nile-icon-button';\nexport { NileMenuItem } from './nile-menu-item';\nexport { NileDropdown } from './nile-dropdown';\nexport { NileAutoComplete } from './nile-auto-complete';\nexport { NileChip } from './nile-chip';\nexport { NileTextarea } from './nile-textarea';\nexport { NileDatePicker } from './nile-date-picker';\nexport { NileErrorMessage } from './nile-error-message';\nexport { NileFormErrorMessage } from './nile-form-error-message';\nexport { NileFormHelpText } from './nile-form-help-text';\nexport { NileCalendar } from './nile-calendar';\nexport { NileLink } from './nile-link';\nexport { NileSwitcher } from './nile-switcher';\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAC,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC","sourcesContent":["export { NileButton } from './nile-button';\nexport { NileHeading } from './nile-heading';\nexport { NileIcon } from './nile-icon';\nexport { NileInput } from './nile-input';\nexport { NileSidebar } from './nile-sidebar';\nexport { NileMenu } from './nile-menu';\nexport { NileBadge } from './nile-badge';\nexport { NileDrawer } from './nile-drawer';\nexport { NileCheckbox } from './nile-checkbox';\nexport { NileRadio } from './nile-radio';\nexport { NileRadioGroup } from './nile-radio-group';\nexport { NilePopup } from './nile-popup';\nexport { NileTooltip } from './nile-tooltip';\nexport { NileSlideToggle } from './nile-slide-toggle';\nexport { NileLoader } from './nile-loader';\nexport { NileProgressBar } from './nile-progress-bar';\nexport { NileSpinner } from './nile-spinner';\nexport { NileSelect } from './nile-select';\nexport { NileOption } from './nile-option';\nexport { NileTag } from './nile-tag';\nexport { NileIconButton } from './nile-icon-button';\nexport { NileMenuItem } from './nile-menu-item';\nexport { NileDropdown } from './nile-dropdown';\nexport { NileAutoComplete } from './nile-auto-complete';\nexport { NileChip } from './nile-chip';\nexport { NileTextarea } from './nile-textarea';\nexport { NileDatePicker } from './nile-date-picker';\nexport { NileErrorMessage } from './nile-error-message';\nexport { NileFormErrorMessage } from './nile-form-error-message';\nexport { NileFormHelpText } from './nile-form-help-text';\nexport { NileCalendar } from './nile-calendar';\nexport { NileLink} from './nile-link';\nexport { NileButtonToggleGroup } from './nile-button-toggle-group';\nexport { NileButtonToggle } from './nile-button-toggle';\nexport { NileSwitcher } from './nile-switcher';\nexport { NileContentEditor } from './nile-content-editor';\nexport { NileDialog } from './nile-dialog';\n"]}

package/dist/src/internal/modal.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+export default class Modal {
+    element: HTMLElement;
+    tabDirection: 'forward' | 'backward';
+    constructor(element: HTMLElement);
+    activate(): void;
+    deactivate(): void;
+    isActive(): boolean;
+    checkFocus(): void;
+    handleFocusIn(): void;
+    handleKeyDown(event: KeyboardEvent): void;
+    handleKeyUp(): void;
+}

package/dist/src/internal/modal.js ADDED Viewed

@@ -0,0 +1,52 @@
+import { getTabbableBoundary } from './tabbable';
+let activeModals = [];
+export default class Modal {
+    constructor(element) {
+        this.tabDirection = 'forward';
+        this.element = element;
+        this.handleFocusIn = this.handleFocusIn.bind(this);
+        this.handleKeyDown = this.handleKeyDown.bind(this);
+        this.handleKeyUp = this.handleKeyUp.bind(this);
+    }
+    activate() {
+        activeModals.push(this.element);
+        document.addEventListener('focusin', this.handleFocusIn);
+        document.addEventListener('keydown', this.handleKeyDown);
+        document.addEventListener('keyup', this.handleKeyUp);
+    }
+    deactivate() {
+        activeModals = activeModals.filter(modal => modal !== this.element);
+        document.removeEventListener('focusin', this.handleFocusIn);
+        document.removeEventListener('keydown', this.handleKeyDown);
+        document.removeEventListener('keyup', this.handleKeyUp);
+    }
+    isActive() {
+        // The "active" modal is always the most recent one shown
+        return activeModals[activeModals.length - 1] === this.element;
+    }
+    checkFocus() {
+        if (this.isActive()) {
+            if (!this.element.matches(':focus-within')) {
+                const { start, end } = getTabbableBoundary(this.element);
+                const target = this.tabDirection === 'forward' ? start : end;
+                if (typeof target?.focus === 'function') {
+                    target.focus({ preventScroll: true });
+                }
+            }
+        }
+    }
+    handleFocusIn() {
+        this.checkFocus();
+    }
+    handleKeyDown(event) {
+        if (event.key === 'Tab' && event.shiftKey) {
+            this.tabDirection = 'backward';
+            // Ensure focus remains trapped after the key is pressed
+            requestAnimationFrame(() => this.checkFocus());
+        }
+    }
+    handleKeyUp() {
+        this.tabDirection = 'forward';
+    }
+}
+//# sourceMappingURL=modal.js.map

package/dist/src/internal/modal.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../src/internal/modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEjD,IAAI,YAAY,GAAkB,EAAE,CAAC;AAErC,MAAM,CAAC,OAAO,OAAO,KAAK;IAIxB,YAAY,OAAoB;QAFhC,iBAAY,GAA2B,SAAS,CAAC;QAG/C,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACnD,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACnD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACjD,CAAC;IAED,QAAQ;QACN,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAChC,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QACzD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QACzD,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IACvD,CAAC;IAED,UAAU;QACR,YAAY,GAAG,YAAY,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,KAAK,IAAI,CAAC,OAAO,CAAC,CAAC;QACpE,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QAC5D,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QAC5D,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IAC1D,CAAC;IAED,QAAQ;QACN,yDAAyD;QACzD,OAAO,YAAY,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,IAAI,CAAC,OAAO,CAAC;IAChE,CAAC;IAED,UAAU;QACR,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE;YACnB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,eAAe,CAAC,EAAE;gBAC1C,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,mBAAmB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;gBACzD,MAAM,MAAM,GAAG,IAAI,CAAC,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;gBAE7D,IAAI,OAAO,MAAM,EAAE,KAAK,KAAK,UAAU,EAAE;oBACvC,MAAM,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;iBACvC;aACF;SACF;IACH,CAAC;IAED,aAAa;QACX,IAAI,CAAC,UAAU,EAAE,CAAC;IACpB,CAAC;IAED,aAAa,CAAC,KAAoB;QAChC,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,IAAI,KAAK,CAAC,QAAQ,EAAE;YACzC,IAAI,CAAC,YAAY,GAAG,UAAU,CAAC;YAE/B,wDAAwD;YACxD,qBAAqB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,CAAC;SAChD;IACH,CAAC;IAED,WAAW;QACT,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC;IAChC,CAAC;CACF","sourcesContent":["import { getTabbableBoundary } from './tabbable';\n\nlet activeModals: HTMLElement[] = [];\n\nexport default class Modal {\n element: HTMLElement;\n tabDirection: 'forward' | 'backward' = 'forward';\n\n constructor(element: HTMLElement) {\n this.element = element;\n this.handleFocusIn = this.handleFocusIn.bind(this);\n this.handleKeyDown = this.handleKeyDown.bind(this);\n this.handleKeyUp = this.handleKeyUp.bind(this);\n }\n\n activate() {\n activeModals.push(this.element);\n document.addEventListener('focusin', this.handleFocusIn);\n document.addEventListener('keydown', this.handleKeyDown);\n document.addEventListener('keyup', this.handleKeyUp);\n }\n\n deactivate() {\n activeModals = activeModals.filter(modal => modal !== this.element);\n document.removeEventListener('focusin', this.handleFocusIn);\n document.removeEventListener('keydown', this.handleKeyDown);\n document.removeEventListener('keyup', this.handleKeyUp);\n }\n\n isActive() {\n // The \"active\" modal is always the most recent one shown\n return activeModals[activeModals.length - 1] === this.element;\n }\n\n checkFocus() {\n if (this.isActive()) {\n if (!this.element.matches(':focus-within')) {\n const { start, end } = getTabbableBoundary(this.element);\n const target = this.tabDirection === 'forward' ? start : end;\n\n if (typeof target?.focus === 'function') {\n target.focus({ preventScroll: true });\n }\n }\n }\n }\n\n handleFocusIn() {\n this.checkFocus();\n }\n\n handleKeyDown(event: KeyboardEvent) {\n if (event.key === 'Tab' && event.shiftKey) {\n this.tabDirection = 'backward';\n\n // Ensure focus remains trapped after the key is pressed\n requestAnimationFrame(() => this.checkFocus());\n }\n }\n\n handleKeyUp() {\n this.tabDirection = 'forward';\n }\n}\n"]}

package/dist/src/internal/nile-element.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { LitElement } from 'lit';
 export default class NileElement extends LitElement {
     /** Emits a custom event with more convenient defaults. */
-    emit(name: string, detail?: any): void;
+    emit(name: string, detail?: any): CustomEvent<any>;
 }
 export interface NileFormControl extends NileElement {
     name: string;

package/dist/src/internal/nile-element.js CHANGED Viewed

@@ -9,6 +9,7 @@ export default class NileElement extends LitElement {
             detail
         });
         this.dispatchEvent(event);
+        return event;
     }
 }
 //# sourceMappingURL=nile-element.js.map

package/dist/src/internal/nile-element.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-element.js","sourceRoot":"","sources":["../../../src/internal/nile-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,UAAU;IAEjD,0DAA0D;IAC1D,IAAI,CAAC,IAAY,EAAE,MAAY;QAC7B,MAAM,KAAK,GAAG,IAAI,WAAW,CAAC,IAAI,EAAE;YAClC,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,KAAK;YACjB,QAAQ,EAAE,IAAI;YACd,MAAM;SACP,CAAC,CAAC;QAEH,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;~~IAC5B~~,CAAC;CACF","sourcesContent":["import { LitElement } from 'lit';\n\nexport default class NileElement extends LitElement {\n\n /** Emits a custom event with more convenient defaults. */\n emit(name: string, detail?: any) {\n const event = new CustomEvent(name, {\n bubbles: true,\n cancelable: false,\n composed: true,\n detail\n });\n\n this.dispatchEvent(event);\n }\n}\n\n\nexport interface NileFormControl extends NileElement {\n // Form attributes\n name: string;\n value: unknown;\n disabled?: boolean;\n defaultValue?: unknown;\n defaultChecked?: boolean;\n form?: string;\n\n // Constraint validation attributes\n pattern?: string;\n min?: number \| string \| Date;\n max?: number \| string \| Date;\n step?: number \| 'any';\n required?: boolean;\n minlength?: number;\n maxlength?: number;\n\n // Form validation properties\n readonly validity: ValidityState;\n readonly validationMessage: string;\n\n // Form validation methods\n checkValidity: () => boolean;\n getForm: () => HTMLFormElement \| null;\n reportValidity: () => boolean;\n setCustomValidity: (message: string) => void;\n}\n\n"]}
1	+ {"version":3,"file":"nile-element.js","sourceRoot":"","sources":["../../../src/internal/nile-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEjC,MAAM,CAAC,OAAO,OAAO,WAAY,SAAQ,UAAU;IAEjD,0DAA0D;IAC1D,IAAI,CAAC,IAAY,EAAE,MAAY;QAC7B,MAAM,KAAK,GAAG,IAAI,WAAW,CAAC,IAAI,EAAE;YAClC,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,KAAK;YACjB,QAAQ,EAAE,IAAI;YACd,MAAM;SACP,CAAC,CAAC;QAEH,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC1B,OAAO,KAAK,CAAC;IACf,CAAC;CACF","sourcesContent":["import { LitElement } from 'lit';\n\nexport default class NileElement extends LitElement {\n\n /** Emits a custom event with more convenient defaults. */\n emit(name: string, detail?: any) {\n const event = new CustomEvent(name, {\n bubbles: true,\n cancelable: false,\n composed: true,\n detail\n });\n\n this.dispatchEvent(event);\n return event;\n }\n}\n\n\nexport interface NileFormControl extends NileElement {\n // Form attributes\n name: string;\n value: unknown;\n disabled?: boolean;\n defaultValue?: unknown;\n defaultChecked?: boolean;\n form?: string;\n\n // Constraint validation attributes\n pattern?: string;\n min?: number \| string \| Date;\n max?: number \| string \| Date;\n step?: number \| 'any';\n required?: boolean;\n minlength?: number;\n maxlength?: number;\n\n // Form validation properties\n readonly validity: ValidityState;\n readonly validationMessage: string;\n\n // Form validation methods\n checkValidity: () => boolean;\n getForm: () => HTMLFormElement \| null;\n reportValidity: () => boolean;\n setCustomValidity: (message: string) => void;\n}\n\n"]}

package/dist/src/nile-badge/index.d.ts CHANGED Viewed

@@ -1,37 +1 @@
-import { LitElement } from 'lit';
-/**
- * An nile-badge element.
- *
- * @fires count-changed - Indicates when the count changes
- * @slot - This element has a slot
- * @csspart button - The button
- */
-export declare class NileBadge extends LitElement {
-    static styles: import("lit").CSSResult;
-    /**
-     * Button Lab
-     */
-    name: number;
-    /**
-     * Button Lab
-     */
-    icon: string;
-    /**
-     * Button Lab
-     */
-    active: boolean;
-    get buttonClassMap(): {
-        'nds-badge--active': boolean;
-    };
-    /**
-     * Button Lab
-     */
-    href: string;
-    _hasSlotContent(slotName: string): void;
-    render(): import("lit-html").TemplateResult<1>;
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'nile-badge': NileBadge;
-    }
-}
+export { NileBadge } from './nile-badge';

package/dist/src/nile-badge/index.js CHANGED Viewed

@@ -1,121 +1,2 @@
-import { __decorate } from "tslib";
-import { LitElement, html, css } from 'lit';
-import { customElement, property } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
-/**
- * An nile-badge element.
- *
- * @fires count-changed - Indicates when the count changes
- * @slot - This element has a slot
- * @csspart button - The button
- */
-let NileBadge = class NileBadge extends LitElement {
-    constructor() {
-        super(...arguments);
-        /**
-         * Button Lab
-         */
-        this.name = 0;
-        /**
-         * Button Lab
-         */
-        this.icon = '';
-        /**
-         * Button Lab
-         */
-        this.active = false;
-        /**
-         * Button Lab
-         */
-        this.href = '/';
-    }
-    get buttonClassMap() {
-        return {
-            'nds-badge--active': this.active,
-        };
-    }
-    _hasSlotContent(slotName) {
-        const slot = this.querySelector(`slot[name=${slotName}]`);
-        console.log(slot, 'slot');
-    }
-    render() {
-        const { name, icon, href } = this;
-        const hrefPath = `/${href}`;
-        return html `
-      <a class="nds-badge ${classMap(this.buttonClassMap)}">
-        <span class="nds-badge__link">${this.name}</span>
-      </a>
-    `;
-    }
-};
-NileBadge.styles = css `
-    :host {
-      display: block;
-    }
-    .nds-badge {
-      width: 24px;
-      height: 24px;
-      border-radius: 9rem;
-      font-size: 14px;
-      justify-content: space-around;
-      font-weight: bold;
-      display: flex;
-      background-color: rgb(221, 221, 221);
-      flex-wrap: nowrap;
-      align-items: center;
-      color: var(--nile-colors-dark-900);
-    }
-    .nds-badge:hover {
-      background: rgba(0, 94, 166, 0.1);
-    }
-    .nds-badge__link {
-      font-family: var(--nile-font-family-sans-serif);
-      font-style: normal;
-      font-weight: 400;
-      font-size: 14px;
-      line-height: 1;
-      letter-spacing: 0.2px;
-      text-decoration: none;
-      font-size: 12px;
-    }
-    .nds-badge__link:hover {
-      color: var(--nile-colors-dark-900);
-    }
-    .nds-badge--active {
-      background-color: var(--nile-colors-primary-700);
-      color: var(--nile-colors-neutral-100);
-    }
-    .nds-badge--active:hover {
-      background-color: var(---nile-colors-primary-700);
-    }
-    .nds-badge__icon {
-      margin-bottom: 0;
-      height: 14px;
-    }
-  `;
-__decorate([
-    property()
-], NileBadge.prototype, "name", void 0);
-__decorate([
-    property()
-], NileBadge.prototype, "icon", void 0);
-__decorate([
-    property()
-], NileBadge.prototype, "active", void 0);
-__decorate([
-    property()
-], NileBadge.prototype, "href", void 0);
-NileBadge = __decorate([
-    customElement('nile-badge')
-], NileBadge);
-export { NileBadge };
-// <span class="nds-badge__icon">
-// <nile-icon name="${this.icon}" size="14" color="#000"></nile-icon>
-// </span>
+export { NileBadge } from './nile-badge';
 //# sourceMappingURL=index.js.map

package/dist/src/nile-badge/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-badge/index.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,~~UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD;;;;;;GAMG;AAEI,IAAM,~~SAAS,~~GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;QAqDL;;WAEG;QAEH,SAAI,GAAG,CAAC,CAAC;QAET;;WAEG;QAEH,SAAI,GAAW,~~EAAE,~~CAAC;QAElB;;WAEG;QAEH,WAAM,GAAY,KAAK,CAAC;QAQxB;;WAEG;QAEH,SAAI,GAAG,GAAG,CAAC;IAgBb,CAAC;IA1BC,IAAI,cAAc;QAChB,OAAO;YACL,mBAAmB,EAAE,IAAI,CAAC,~~MAAM~~;SACjC~~,CAAC;IACJ,CAAC;IAQD,eAAe,CAAC,QAAgB;QAC9B,MAAM,IAAI,GAAG,IAAI,CAAC,aAAa,CAAC,aAAa,QAAQ,GAAG,CAAC,CAAC;QAC1D,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IAC5B,CAAC;IAEQ,MAAM;QACb,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;QAClC,MAAM,QAAQ,GAAG,IAAI,IAAI,EAAE,CAAC;QAC5B,OAAO,IAAI,CAAA;4BACa,QAAQ,CAAC,IAAI,CAAC,cAAc,CAAC;wCACjB,IAAI,CAAC,IAAI;;KAE5C,CAAC;IACJ,CAAC;;AA/Fe,gBAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkD3B,CAAC;AAMF;IADC,QAAQ,EAAE;uCACF;AAMT;IADC,QAAQ,EAAE;uCACO;AAMlB;IADC,QAAQ,EAAE;yCACa;AAYxB;IADC,QAAQ,EAAE;uCACA;AAjFA,SAAS;IADrB,aAAa,CAAC,YAAY,CAAC;GACf,SAAS,CAiGrB;SAjGY,SAAS;AAyGtB,iCAAiC;AACjC,qEAAqE;AACrE,UAAU","sourcesContent":["~~import~~ { ~~LitElement,~~ ~~html, css~~ } from '~~lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n/*\n An~~ nile-badge ~~element.\n \n @fires count-changed - Indicates when the count changes\n * @slot - This element has a slot\n * @csspart button - The button\n /\n@customElement(~~'~~nile-badge')\nexport class NileBadge extends LitElement {\n static override styles = css`\n :host {\n display: block~~;\n }\n .nds-badge {\n width: 24px;\n height: 24px;\n border-radius: 9rem;\n font-size: 14px;\n justify-content: space-around;\n font-weight: bold;\n display: flex;\n background-color: rgb(221, 221, 221);\n flex-wrap: nowrap;\n align-items: center;\n color: var(--nile-colors-dark-900);\n }\n\n .nds-badge:hover {\n background: rgba(0, 94, 166, 0.1);\n }\n \n .nds-badge__link {\n font-family: var(--nile-font-family-sans-serif);\n font-style: normal;\n font-weight: 400;\n font-size: 14px;\n line-height: 1;\n letter-spacing: 0.2px;\n text-decoration: none;\n font-size: 12px;\n }\n\n .nds-badge__link:hover {\n color: var(--nile-colors-dark-900);\n }\n \n .nds-badge--active {\n background-color: var(--nile-colors-primary-700);\n color: var(--nile-colors-neutral-100);\n }\n\n .nds-badge--active:hover {\n background-color: var(---nile-colors-primary-700);\n }\n\n .nds-badge__icon {\n margin-bottom: 0;\n height: 14px;\n }\n `;\n\n /\n Button Lab\n /\n @property()\n name = 0;\n\n /\n Button Lab\n /\n @property()\n icon: string = '';\n\n /\n Button Lab\n /\n @property()\n active: boolean = false;\n\n get buttonClassMap() {\n return {\n 'nds-badge--active': this.active,\n };\n }\n\n /\n Button Lab\n */\n @property()\n href = '/';\n\n _hasSlotContent(slotName: string) {\n const slot = this.querySelector(`slot[name=${slotName}]`);\n console.log(slot, 'slot');\n }\n\n override render() {\n const { name, icon, href } = this;\n const hrefPath = `/${href}`;\n return html`\n <a class=\"nds-badge ${classMap(this.buttonClassMap)}\">\n <span class=\"nds-badge__link\">${this.name}</span>\n </a>\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-badge': NileBadge;\n }\n}\n\n// <span class=\"nds-badge__icon\">\n// <nile-icon name=\"${this.icon}\" size=\"14\" color=\"#000\"></nile-icon>\n// </span>\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC","sourcesContent":["export { NileBadge } from './nile-badge';\n"]}

package/{.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-radio-button-group/nile-radio-button-group.css.d.ts → dist/src/nile-badge/nile-badge.css.d.ts} RENAMED Viewed

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 /**
- * RadioButtonGroup CSS
+ * Tag CSS
  */
 export declare const styles: import("lit-element").CSSResult;
 declare const _default: import("lit-element").CSSResult[];

package/dist/src/nile-badge/nile-badge.css.js ADDED Viewed

@@ -0,0 +1,63 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { css } from 'lit-element';
+/**
+ * Tag CSS
+ */
+export const styles = css `
+  :host {
+  }
+  .badge {
+    padding: 0 4px;
+    border-radius: 4px;
+    height: 16px;
+    font-size: 10.24px;
+    display: inline-flex;
+    align-items: center;/
+    justify-content: center;
+  }
+  .badge__content {
+    font-family: Colfax-regular;
+    font-size: 10.24px;
+    font-style: normal;
+    font-weight: 400;
+    letter-spacing: 0.2px;
+  }
+  .badge--primary {
+    background: #005EA6;
+  }
+  .badge--success {
+    background: #A5F3E1;
+  }
+  .badge--normal {
+    background: #E5E9EB;
+  }
+  .badge--warning {
+    background: #F3E0A5;
+  }
+  .badge--error {
+    background: #F3A5AA;
+  }
+  .badge--info {
+    background: #A5D3F3;
+  }
+  .badge--rounded {
+    border-radius: 100px;
+    padding: 0 6px;
+  }
+`;
+export default [styles];
+//# sourceMappingURL=nile-badge.css.js.map

package/dist/src/nile-badge/nile-badge.css.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"nile-badge.css.js","sourceRoot":"","sources":["../../../src/nile-badge/nile-badge.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkDxB,CAAC;AACF,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-element';\n\n/**\n * Tag CSS\n */\nexport const styles = css`\n :host {\n }\n\n .badge {\n padding: 0 4px;\n border-radius: 4px;\n height: 16px;\n font-size: 10.24px;\n display: inline-flex;\n align-items: center;/\n justify-content: center;\n }\n\n .badge__content {\n font-family: Colfax-regular;\n font-size: 10.24px;\n font-style: normal;\n font-weight: 400;\n letter-spacing: 0.2px;\n }\n\n .badge--primary {\n background: #005EA6;\n }\n\n .badge--success {\n background: #A5F3E1;\n }\n\n .badge--normal {\n background: #E5E9EB;\n }\n\n .badge--warning {\n background: #F3E0A5;\n }\n\n .badge--error {\n background: #F3A5AA;\n }\n\n .badge--info {\n background: #A5D3F3;\n }\n\n .badge--rounded {\n border-radius: 100px;\n padding: 0 6px;\n }\n`;\nexport default [styles];\n"]}

package/dist/src/nile-badge/nile-badge.d.ts ADDED Viewed

@@ -0,0 +1,45 @@
+/**
+ * Copyright Aquera Inc 2023
+ *
+ * This source code is licensed under the BSD-3-Clause license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import { TemplateResult } from 'lit-element';
+import '../nile-icon-button/nile-icon-button';
+import NileElement from '../internal/nile-element';
+import type { CSSResultGroup } from 'lit';
+/**
+ * Nile icon component.
+ *
+ * @tag nile-badge
+ *
+ */
+/**
+ * @summary badges are used as labels to organize things or to indicate a selection.
+ * @status stable
+ *
+ * @dependency nile-icon-button
+ *
+ * @slot - The badge's content.
+ *
+ * @event nile-remove - Emitted when the remove button is activated.
+ *
+ * @csspart base - The component's base wrapper.
+ * @csspart content - The badge's content.
+ * @csspart remove-button - The badge's remove button, an `<nile-icon-button>`.
+ * @csspart remove-button__base - The remove button's exported `base` part.
+ */
+export declare class NileBadge extends NileElement {
+    static styles: CSSResultGroup;
+    /** The badge's theme variant. */
+    variant: 'primary' | 'success' | 'normal' | 'warning' | 'error' | 'info';
+    /** Draws a pill-style badge with rounded edges. */
+    rounded: boolean;
+    render(): TemplateResult<1>;
+}
+export default NileBadge;
+declare global {
+    interface HTMLElementTagNameMap {
+        'nile-badge': NileBadge;
+    }
+}