npm - @aquera/nile-elements - Versions diffs - 0.0.2 → 0.0.3-2 - Mend

@aquera/nile-elements 0.0.2 → 0.0.3-2

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-button.cjs.js","sources":["../../../src/nile-button/nile-button.ts"],"sourcesContent":["import '../nile-icon';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { FormControlController, validValidityState } from '../internal/form';\nimport { HasSlotController } from '../internal/slot';\nimport { html, literal } from 'lit/static-html.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { watch } from '../internal/watch';\nimport { styles } from './nile-button.css';\nimport type { CSSResultGroup } from 'lit';\nimport type { NileFormControl } from '../internal/nile-element';\nimport NileElement from '../internal/nile-element';\n\n/*\n @summary Buttons represent actions that are available to the user.\n * @status stable\n * @since 2.0\n \n @dependency nile-icon\n * @dependency nile-spinner\n \n @event nile-blur - Emitted when the button loses focus.\n * @event nile-focus - Emitted when the button gains focus.\n * @event nile-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n \n @slot - The button's label.\n * @slot prefix - A presentational prefix icon or similar element.\n * @slot suffix - A presentational suffix icon or similar element.\n \n @csspart base - The component's base wrapper.\n * @csspart prefix - The container that wraps the prefix.\n * @csspart label - The button's label.\n * @csspart suffix - The container that wraps the suffix.\n * @csspart caret - The button's caret icon, an `<nile-icon>` element.\n /\n\n@customElement('nile-button')\nexport class NileButton extends NileElement implements NileFormControl {\n static styles: CSSResultGroup = styles;\n\n private readonly formControlController = new FormControlController(this, {\n form: input => {\n // Buttons support a form attribute that points to an arbitrary form, so if this attribute is set we need to query\n // the form from the same root using its id\n if (input.hasAttribute('form')) {\n const doc = input.getRootNode() as Document \| ShadowRoot;\n const formId = input.getAttribute('form')!;\n return doc.getElementById(formId) as HTMLFormElement;\n }\n\n // Fall back to the closest containing form\n return input.closest('form');\n },\n assumeInteractionOn: ['click']\n });\n private readonly hasSlotController = new HasSlotController(this, '[default]', 'prefix', 'suffix');\n\n @query('.button') button: HTMLButtonElement \| HTMLLinkElement;\n\n @state() private hasFocus = false;\n @state() invalid = false;\n @property() title = ''; // make reactive to pass through\n\n /* The button's theme variant. /\n @property({ reflect: true }) variant: 'primary' \| 'secondary' \| 'tertiary' \| 'caution' = 'primary';\n\n /* The button's size. /\n @property({ reflect: true }) size: 'medium' = 'medium';\n\n /* Draws the button with a caret. Used to indicate that the button triggers a dropdown menu or similar behavior. /\n @property({ type: Boolean, reflect: true }) caret = false;\n\n /* Disables the button. /\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n /* Draws the button in a loading state. /\n @property({ type: Boolean, reflect: true }) loading = false;\n\n /* Draws an outlined button. /\n @property({ type: Boolean, reflect: true }) outline = false;\n\n /* Draws a pill-style button with rounded edges. /\n @property({ type: Boolean, reflect: true }) pill = false;\n\n /\n Draws a circular icon button. When this attribute is present, the button expects a single `<nile-icon>` in the\n * default slot.\n /\n @property({ type: Boolean, reflect: true }) circle = false;\n\n /\n The type of button. Note that the default value is `button` instead of `submit`, which is opposite of how native\n * `<button>` elements behave. When the type is `submit`, the button will submit the surrounding form.\n /\n @property() type: 'button' \| 'submit' \| 'reset' = 'button';\n\n /\n The name of the button, submitted as a name/value pair with form data, but only when this button is the submitter.\n * This attribute is ignored when `href` is present.\n /\n @property() name = '';\n\n /\n The value of the button, submitted as a pair with the button's name as part of the form data, but only when this\n * button is the submitter. This attribute is ignored when `href` is present.\n /\n @property() value = '';\n\n /* When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`. /\n @property() href = '';\n\n /* Tells the browser where to open the link. Only used when `href` is present. /\n @property() target: '_blank' \| '_parent' \| '_self' \| '_top';\n\n /\n When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the\n * default is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a\n * specific tab/window, this will prevent that from working correctly. You can remove or change the default value by\n * setting the attribute to an empty string or a value of your choice, respectively.\n /\n @property() rel = 'noreferrer noopener';\n\n /* Tells the browser to download the linked file as this filename. Only used when `href` is present. /\n @property() download?: string;\n\n /\n The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\n * value of this attribute must be an id of a form in the same document or shadow root as the button.\n /\n @property() form: string;\n\n /* Used to override the form owner's `action` attribute. /\n @property({ attribute: 'formaction' }) formAction: string;\n\n /* Used to override the form owner's `enctype` attribute. /\n @property({ attribute: 'formenctype' })\n formEnctype: 'application/x-www-form-urlencoded' \| 'multipart/form-data' \| 'text/plain';\n\n /* Used to override the form owner's `method` attribute. /\n @property({ attribute: 'formmethod' }) formMethod: 'post' \| 'get';\n\n /* Used to override the form owner's `novalidate` attribute. /\n @property({ attribute: 'formnovalidate', type: Boolean }) formNoValidate: boolean;\n\n /* Used to override the form owner's `target` attribute. /\n @property({ attribute: 'formtarget' }) formTarget: '_self' \| '_blank' \| '_parent' \| '_top' \| string;\n\n /* Gets the validity state object /\n get validity() {\n if (this.isButton()) {\n return (this.button as HTMLButtonElement).validity;\n }\n\n return validValidityState;\n }\n\n /* Gets the validation message /\n get validationMessage() {\n if (this.isButton()) {\n return (this.button as HTMLButtonElement).validationMessage;\n }\n\n return '';\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.handleHostClick = this.handleHostClick.bind(this);\n this.addEventListener('click', this.handleHostClick);\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this.removeEventListener('click', this.handleHostClick);\n }\n\n firstUpdated() {\n if (this.isButton()) {\n this.formControlController.updateValidity();\n }\n }\n\n private handleBlur() {\n this.hasFocus = false;\n this.emit('nile-blur');\n }\n\n private handleFocus() {\n this.hasFocus = true;\n this.emit('nile-focus');\n }\n\n private handleClick() {\n if (this.type === 'submit') {\n this.formControlController.submit(this);\n }\n\n if (this.type === 'reset') {\n this.formControlController.reset(this);\n }\n }\n\n private handleHostClick(event: MouseEvent) {\n // Prevent the click event from being emitted when the button is disabled or loading\n if (this.disabled \|\| this.loading) {\n event.preventDefault();\n event.stopImmediatePropagation();\n }\n }\n\n private handleInvalid(event: Event) {\n this.formControlController.setValidity(false);\n this.formControlController.emitInvalidEvent(event);\n }\n\n private isButton() {\n return this.href ? false : true;\n }\n\n private isLink() {\n return this.href ? true : false;\n }\n\n @watch('disabled', { waitUntilFirstUpdate: true })\n handleDisabledChange() {\n if (this.isButton()) {\n // Disabled form controls are always valid\n this.formControlController.setValidity(this.disabled);\n }\n }\n\n /* Simulates a click on the button. /\n click() {\n this.button.click();\n }\n\n /* Sets focus on the button. /\n focus(options?: FocusOptions) {\n this.button.focus(options);\n }\n\n /* Removes focus from the button. /\n blur() {\n this.button.blur();\n }\n\n /* Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. /\n checkValidity() {\n if (this.isButton()) {\n return (this.button as HTMLButtonElement).checkValidity();\n }\n\n return true;\n }\n\n /* Gets the associated form, if one exists. /\n getForm(): HTMLFormElement \| null {\n return this.formControlController.getForm();\n }\n\n /* Checks for validity and shows the browser's validation message if the control is invalid. /\n reportValidity() {\n if (this.isButton()) {\n return (this.button as HTMLButtonElement).reportValidity();\n }\n\n return true;\n }\n\n /* Sets a custom validation message. Pass an empty string to restore validity. /\n setCustomValidity(message: string) {\n if (this.isButton()) {\n (this.button as HTMLButtonElement).setCustomValidity(message);\n this.formControlController.updateValidity();\n }\n }\n\n render() {\n const isLink = this.isLink();\n const tag = isLink ? literal`a` : literal`button`;\n\n / eslint-disable lit/no-invalid-html /\n / eslint-disable lit/binding-positions /\n return html`\n <${tag}\n part=\"base\"\n class=${classMap({\n button: true,\n 'button--primary': this.variant === 'primary',\n 'button--secondary': this.variant === 'secondary',\n 'button--tertiary': this.variant === 'tertiary',\n 'button--caution': this.variant === 'caution',\n 'button--medium': this.size === 'medium',\n 'button--caret': this.caret,\n 'button--circle': this.circle,\n 'button--disabled': this.disabled,\n 'button--focused': this.hasFocus,\n 'button--loading': this.loading,\n 'button--standard': !this.outline,\n 'button--outline': this.outline,\n 'button--pill': this.pill,\n 'button--has-label': this.hasSlotController.test('[default]'),\n 'button--has-prefix': this.hasSlotController.test('prefix'),\n 'button--has-suffix': this.hasSlotController.test('suffix')\n })}\n ?disabled=${ifDefined(isLink ? undefined : this.disabled)}\n type=${ifDefined(isLink ? undefined : this.type)}\n title=${this.title / An empty title prevents browser validation tooltips from appearing on hover */}\n name=${ifDefined(isLink ? undefined : this.name)}\n value=${ifDefined(isLink ? undefined : this.value)}\n href=${ifDefined(isLink ? this.href : undefined)}\n target=${ifDefined(isLink ? this.target : undefined)}\n download=${ifDefined(isLink ? this.download : undefined)}\n rel=${ifDefined(isLink ? this.rel : undefined)}\n role=${ifDefined(isLink ? undefined : 'button')}\n aria-disabled=${this.disabled ? 'true' : 'false'}\n tabindex=${this.disabled ? '-1' : '0'}\n @blur=${this.handleBlur}\n @focus=${this.handleFocus}\n @invalid=${this.isButton() ? this.handleInvalid : null}\n @click=${this.handleClick}\n >\n <slot name=\"prefix\" part=\"prefix\" class=\"button__prefix\"></slot>\n <slot part=\"label\" class=\"button__label\"></slot>\n <slot name=\"suffix\" part=\"suffix\" class=\"button__suffix\"></slot>\n ${\n this.caret ? html` <nile-icon part=\"caret\" class=\"button__caret\" color=\"white\" name=\"arrowdown\"></nile-icon> ` : ''\n }\n ${this.loading ? html`<nile-spinner></nile-spinner>` : ''}\n </${tag}>\n `;\n }\n}\n\nexport default NileButton;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-button': NileButton;\n }\n}\n"],"names":["NileButton","constructor","this","formControlController","FormControlController","form","input","hasAttribute","doc","getRootNode","formId","getAttribute","getElementById","closest","assumeInteractionOn","hasSlotController","HasSlotController","hasFocus","invalid","title","variant","size","caret","disabled","loading","outline","pill","circle","type","name","value","href","rel","validity","isButton","button","validValidityState","validationMessage","connectedCallback","super","handleHostClick","bind","addEventListener","disconnectedCallback","removeEventListener","firstUpdated","updateValidity","handleBlur","emit","handleFocus","handleClick","submit","reset","event","preventDefault","stopImmediatePropagation","handleInvalid","setValidity","emitInvalidEvent","isLink","handleDisabledChange","click","focus","options","blur","checkValidity","getForm","reportValidity","setCustomValidity","message","render","tag","literal","html","classMap","test","ifDefined","undefined","target","download","NileElement","styles","__decorate","query","prototype","state","property","reflect","Boolean","attribute","watch","waitUntilFirstUpdate","customElement"],"mappings":"q8pCAqCaA,CAAb,sEAAAC,YAAAA,oEAGmBC,EAAAA,MAAAC,sBAAwB,GAAIC,EAAAA,+BAA4B,CACvEC,IAAAA,CAAMC,cAAAA,CAGJ,CAAA,CAAA,GAAIA,EAAMC,YAAa,CAAA,MAAA,CAAA,CAAS,CAC9B,GAAMC,GAAAA,CAAMF,EAAMG,WACZC,EAAAA,CAAAA,EAAAA,CAASJ,CAAMK,CAAAA,YAAAA,CAAa,QAClC,MAAOH,GAAAA,CAAII,cAAeF,CAAAA,EAAAA,CAC3B,EAGD,MAAOJ,EAAAA,CAAMO,OAAQ,CAAA,MAAA,CAAO,GAE9BC,mBAAqB,CAAA,CAAC,WAEPZ,MAAAa,iBAAAA,CAAoB,GAAIC,EAAkBd,+BAAM,WAAa,CAAA,QAAA,CAAU,UAIvEA,MAAQe,QAAAA,CAAAA,CAAG,EACnBf,MAAOgB,OAAAA,CAAAA,CAAG,EACPhB,MAAAiB,KAAAA,CAAQ,EAGSjB,CAAAA,MAAOkB,QAAsD,SAG7DlB,CAAAA,MAAImB,KAAc,QAGHnB,CAAAA,MAAKoB,OAAG,CAGRpB,CAAAA,MAAQqB,QAAG,CAAA,CAAA,CAAA,CAGXrB,MAAOsB,OAAG,CAAA,CAAA,CAAA,CAGVtB,MAAOuB,OAAG,CAAA,CAAA,CAAA,CAGVvB,MAAIwB,IAAG,CAAA,CAAA,CAAA,CAMPxB,MAAMyB,MAAAA,CAAAA,CAAG,EAMzCzB,MAAI0B,IAAAA,CAAkC,SAMtC1B,MAAI2B,IAAAA,CAAG,GAMP3B,MAAK4B,KAAAA,CAAG,EAGR5B,CAAAA,MAAI6B,KAAG,EAWP7B,CAAAA,MAAG8B,IAAG,qBAoNnB,eAxLKC,mDACF,MAAI/B,KAAAA,CAAKgC,QACChC,EAAAA,CAAAA,IAAAA,CAAKiC,OAA6BF,QAGrCG,CAAAA,CACR,EAGGC,6CACF,CAAA,MAAInC,MAAKgC,QACChC,EAAAA,CAAAA,IAAAA,CAAKiC,MAA6BE,CAAAA,iBAAAA,CAGrC,EACR,EAEDC,6DAAAA,CACEC,uEACArC,KAAKsC,eAAkBtC,CAAAA,IAAAA,CAAKsC,eAAgBC,CAAAA,IAAAA,CAAKvC,MACjDA,IAAKwC,CAAAA,gBAAAA,CAAiB,QAASxC,IAAKsC,CAAAA,eAAAA,CACrC,EAEDG,mEACEJ,CAAAA,0EACArC,IAAAA,CAAK0C,oBAAoB,OAAS1C,CAAAA,IAAAA,CAAKsC,gBACxC,EAEDK,mDAAAA,CACM3C,KAAKgC,QACPhC,EAAAA,EAAAA,IAAAA,CAAKC,qBAAsB2C,CAAAA,cAAAA,EAE9B,EAEOC,+CACN7C,CAAAA,IAAAA,CAAKe,UAAW,CAChBf,CAAAA,IAAAA,CAAK8C,KAAK,WACX,CAAA,EAEOC,iDACN/C,CAAAA,IAAAA,CAAKe,UAAW,CAChBf,CAAAA,IAAAA,CAAK8C,IAAK,CAAA,YAAA,CACX,EAEOE,iDACY,CAAA,QAAA,GAAdhD,IAAK0B,CAAAA,IAAAA,EACP1B,KAAKC,qBAAsBgD,CAAAA,MAAAA,CAAOjD,MAGlB,OAAdA,GAAAA,IAAAA,CAAK0B,MACP1B,IAAKC,CAAAA,qBAAAA,CAAsBiD,KAAMlD,CAAAA,IAAAA,CAEpC,EAEOsC,wDAAgBa,CAAAA,CAAAA,CAAAA,CAElBnD,KAAKqB,QAAYrB,EAAAA,IAAAA,CAAKsB,WACxB6B,CAAMC,CAAAA,cAAAA,EAAAA,CACND,CAAME,CAAAA,wBAAAA,EAAAA,CAET,EAEOC,oDAAcH,CAAAA,CAAAA,CACpBnD,KAAKC,qBAAsBsD,CAAAA,WAAAA,CAAAA,CAAY,GACvCvD,IAAKC,CAAAA,qBAAAA,CAAsBuD,gBAAiBL,CAAAA,CAAAA,CAC7C,EAEOnB,2CACN,CAAA,MAAA,CAAOhC,IAAK6B,CAAAA,IACb,EAEO4B,uCACN,CAAA,MAAA,CAAA,CAAOzD,IAAK6B,CAAAA,IACb,EAGD6B,mEACM1D,CAAAA,IAAAA,CAAKgC,YAEPhC,IAAKC,CAAAA,qBAAAA,CAAsBsD,YAAYvD,IAAKqB,CAAAA,QAAAA,CAE/C,EAGDsC,qCAAAA,CACE3D,KAAKiC,MAAO0B,CAAAA,KAAAA,EACb,EAGDC,oCAAMC,CAAAA,CAAAA,CACJ7D,KAAKiC,MAAO2B,CAAAA,KAAAA,CAAMC,CACnB,CAAA,EAGDC,oCACE9D,IAAKiC,CAAAA,MAAAA,CAAO6B,MACb,EAGDC,qDAAAA,CACE,OAAI/D,IAAKgC,CAAAA,QAAAA,EAAAA,EACChC,IAAKiC,CAAAA,MAAAA,CAA6B8B,eAI7C,EAGDC,yCAAAA,CACE,MAAOhE,KAAKC,CAAAA,qBAAAA,CAAsB+D,SACnC,EAGDC,uDAAAA,CACE,MAAIjE,CAAAA,IAAAA,CAAKgC,YACChC,IAAKiC,CAAAA,MAAAA,CAA6BgC,gBAI7C,EAGDC,4DAAkBC,GACZnE,IAAKgC,CAAAA,QAAAA,EAAAA,GACNhC,IAAKiC,CAAAA,MAAAA,CAA6BiC,kBAAkBC,CACrDnE,CAAAA,CAAAA,IAAAA,CAAKC,sBAAsB2C,cAE9B,EAAA,CAAA,EAEDwB,wCACE,GAAMX,EAAAA,CAASzD,IAAKyD,CAAAA,MAAAA,EAAAA,CACdY,EAAMZ,CAASa,CAAAA,CAAO,mEAAMA,CAAO,yEAAA,CAIzC,MAAOC,EAAI,gtBACNF,CAAAA,CAEOG,CAAAA,CAAS,CACfvC,MAAAA,CAAAA,CAAQ,CACR,CAAA,iBAAA,CAAoC,SAAjBjC,GAAAA,IAAAA,CAAKkB,OACxB,CAAA,mBAAA,CAAsC,WAAjBlB,GAAAA,IAAAA,CAAKkB,OAC1B,CAAA,kBAAA,CAAqC,UAAjBlB,GAAAA,IAAAA,CAAKkB,OACzB,CAAA,iBAAA,CAAoC,SAAjBlB,GAAAA,IAAAA,CAAKkB,OACxB,CAAA,gBAAA,CAAgC,QAAdlB,GAAAA,IAAAA,CAAKmB,IACvB,CAAA,eAAA,CAAiBnB,IAAKoB,CAAAA,KAAAA,CACtB,gBAAkBpB,CAAAA,IAAAA,CAAKyB,MACvB,CAAA,kBAAA,CAAoBzB,IAAKqB,CAAAA,QAAAA,CACzB,iBAAmBrB,CAAAA,IAAAA,CAAKe,QACxB,CAAA,iBAAA,CAAmBf,IAAKsB,CAAAA,OAAAA,CACxB,kBAAqBtB,CAAAA,CAAAA,IAAAA,CAAKuB,OAC1B,CAAA,iBAAA,CAAmBvB,IAAKuB,CAAAA,OAAAA,CACxB,cAAgBvB,CAAAA,IAAAA,CAAKwB,IACrB,CAAA,mBAAA,CAAqBxB,IAAKa,CAAAA,iBAAAA,CAAkB4D,IAAK,CAAA,WAAA,CAAA,CACjD,oBAAsBzE,CAAAA,IAAAA,CAAKa,iBAAkB4D,CAAAA,IAAAA,CAAK,QAClD,CAAA,CAAA,oBAAA,CAAsBzE,IAAKa,CAAAA,iBAAAA,CAAkB4D,IAAK,CAAA,QAAA,CAAA,CAAA,CAAA,CAExCC,CAAUjB,CAAAA,CAAAA,CAAAA,IAASkB,GAAY3E,IAAKqB,CAAAA,QAAAA,CAAAA,CACzCqD,CAAUjB,CAAAA,CAAAA,CAAAA,IAASkB,GAAY3E,IAAK0B,CAAAA,IAAAA,CAAAA,CACnC1B,IAAKiB,CAAAA,KAAAA,CACNyD,CAAUjB,CAAAA,CAAAA,CAAAA,IAASkB,GAAY3E,IAAK2B,CAAAA,IAAAA,CAAAA,CACnC+C,CAAUjB,CAAAA,CAAAA,CAAAA,IAASkB,GAAY3E,IAAK4B,CAAAA,KAAAA,CAAAA,CACrC8C,CAAUjB,CAAAA,CAAAA,CAASzD,KAAK6B,IAAO8C,CAAAA,IAAAA,EAAAA,CAAAA,CAC7BD,CAAUjB,CAAAA,CAAAA,CAASzD,KAAK4E,MAASD,CAAAA,IAAAA,EAAAA,CAAAA,CAC/BD,CAAUjB,CAAAA,CAAAA,CAASzD,KAAK6E,QAAWF,CAAAA,IAAAA,EAAAA,CAAAA,CACxCD,CAAUjB,CAAAA,CAAAA,CAASzD,KAAK8B,GAAM6C,CAAAA,IAAAA,EAAAA,CAAAA,CAC7BD,CAAAA,CAAUjB,MAASkB,EAAY,CAAA,QAAA,CAAA,CACtB3E,IAAAA,CAAKqB,SAAW,MAAS,CAAA,OAAA,CAC9BrB,IAAAA,CAAKqB,SAAW,IAAO,CAAA,GAAA,CAC1BrB,IAAK6C,CAAAA,UAAAA,CACJ7C,IAAK+C,CAAAA,WAAAA,CACH/C,IAAKgC,CAAAA,QAAAA,EAAAA,CAAahC,KAAKsD,aAAgB,CAAA,IAAA,CACzCtD,IAAKgD,CAAAA,WAAAA,CAMZhD,IAAKoB,CAAAA,KAAAA,CAAQmD,CAAI,uKAAgG,EAAA,CAEjHvE,IAAKsB,CAAAA,OAAAA,CAAUiD,CAAI,iGAAkC,EAAA,CACrDF,CAAAA,EAEP,CArSMvE,eADuBgF,CAAhC/E,EACSD,CAAAA,CAAMiF,MAAmBA,CAAAA,CAAAA,CAmBdC,CAAA,CAAA,CAAjBC,CAAM,CAAA,SAAA,CAAA,CAAA,CAAuDnF,CAAAoF,CAAAA,SAAAA,CAAA,QAAA,CAAA,IAAA,EAAA,CAAA,CAErDF,CAAA,CAAA,CAARG,CAAiCrF,EAAAA,CAAAA,CAAAA,CAAAA,CAAAoF,SAAA,CAAA,UAAA,CAAA,IAAA,EACzBF,CAAAA,CAAAA,CAAAA,CAAA,CAARG,CAAAA,EAAAA,CAAAA,CAAwBrF,CAAAoF,CAAAA,SAAAA,CAAA,SAAA,CAAA,IAAA,EAAA,CAAA,CACbF,CAAA,CAAA,CAAXI,CAAsBtF,EAAAA,CAAAA,CAAAA,CAAAA,CAAAoF,UAAA,OAAA,CAAA,IAAA,EAAA,CAAA,CAGMF,CAAA,CAAA,CAA5BI,CAAS,CAAA,CAAEC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAA+EvF,CAAAoF,CAAAA,SAAAA,CAAA,SAAA,CAAA,IAAA,EAAA,CAAA,CAGvEF,CAAA,CAAA,CAA5BI,CAAS,CAAA,CAAEC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAmCvF,CAAAoF,CAAAA,SAAAA,CAAA,MAAA,CAAA,IAAA,EAAA,CAAA,CAGZF,CAAA,CAAA,CAA3CI,CAAS,CAAA,CAAE1D,IAAM4D,CAAAA,OAAAA,CAASD,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAsBvF,EAAAoF,SAAA,CAAA,OAAA,CAAA,IAAA,EAGdF,CAAAA,CAAAA,CAAAA,CAAA,CAA3CI,CAAAA,CAAS,CAAE1D,IAAAA,CAAM4D,OAASD,CAAAA,OAAAA,CAAAA,CAAS,CAAyBvF,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAoF,SAAA,CAAA,UAAA,CAAA,IAAA,EAGjBF,CAAAA,CAAAA,CAAAA,CAAA,CAA3CI,CAAAA,CAAS,CAAE1D,IAAAA,CAAM4D,OAASD,CAAAA,OAAAA,CAAAA,CAAS,CAAwBvF,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAoF,SAAA,CAAA,SAAA,CAAA,IAAA,EAGhBF,CAAAA,CAAAA,CAAAA,CAAA,CAA3CI,CAAAA,CAAS,CAAE1D,IAAAA,CAAM4D,OAASD,CAAAA,OAAAA,CAAAA,CAAS,CAAwBvF,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAoF,SAAA,CAAA,SAAA,CAAA,IAAA,EAGhBF,CAAAA,CAAAA,CAAAA,CAAA,CAA3CI,CAAAA,CAAS,CAAE1D,IAAAA,CAAM4D,OAASD,CAAAA,OAAAA,CAAAA,CAAS,CAAqBvF,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAoF,SAAA,CAAA,MAAA,CAAA,IAAA,EAMbF,CAAAA,CAAAA,CAAAA,CAAA,CAA3CI,CAAAA,CAAS,CAAE1D,IAAAA,CAAM4D,OAASD,CAAAA,OAAAA,CAAAA,CAAS,CAAuBvF,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAoF,SAAA,CAAA,QAAA,CAAA,IAAA,IAM/CF,CAAA,CAAA,CAAXI,CAA0DtF,EAAAA,CAAAA,CAAAA,CAAAA,CAAAoF,SAAA,CAAA,MAAA,CAAA,IAAA,EAM/CF,CAAAA,CAAAA,CAAAA,CAAA,CAAXI,CAAAA,EAAAA,CAAAA,CAAqBtF,CAAAoF,CAAAA,SAAAA,CAAA,MAAA,CAAA,IAAA,EAAA,CAAA,CAMVF,CAAA,CAAA,CAAXI,CAAsBtF,EAAAA,CAAAA,CAAAA,CAAAA,CAAAoF,SAAA,CAAA,OAAA,CAAA,IAAA,EAGXF,CAAAA,CAAAA,CAAAA,CAAA,CAAXI,CAAAA,EAAAA,CAAAA,CAAqBtF,CAAAoF,CAAAA,SAAAA,CAAA,MAAA,CAAA,IAAA,EAAA,CAAA,CAGVF,CAAA,CAAA,CAAXI,CAA2DtF,EAAAA,CAAAA,CAAAA,CAAAA,CAAAoF,SAAA,CAAA,QAAA,CAAA,IAAA,EAQhDF,CAAAA,CAAAA,CAAAA,CAAA,CAAXI,CAAAA,EAAAA,CAAAA,CAAuCtF,CAAAoF,CAAAA,SAAAA,CAAA,KAAA,CAAA,IAAA,EAAA,CAAA,CAG5BF,CAAA,CAAA,CAAXI,CAA6BtF,EAAAA,CAAAA,CAAAA,CAAAA,CAAAoF,SAAA,CAAA,UAAA,CAAA,IAAA,EAMlBF,CAAAA,CAAAA,CAAAA,CAAA,CAAXI,CAAAA,EAAAA,CAAAA,CAAwBtF,CAAAoF,CAAAA,SAAAA,CAAA,MAAA,CAAA,IAAA,EAAA,CAAA,CAGcF,CAAA,CAAA,CAAtCI,CAAS,CAAA,CAAEG,SAAW,CAAA,YAAA,CAAA,CAAA,CAAA,CAAmCzF,EAAAoF,SAAA,CAAA,YAAA,CAAA,IAAA,EAI1DF,CAAAA,CAAAA,CAAAA,CAAA,CADCI,CAAAA,CAAS,CAAEG,SAAAA,CAAW,aACiEzF,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAoF,SAAA,CAAA,aAAA,CAAA,IAAA,EAGjDF,CAAAA,CAAAA,CAAAA,CAAA,CAAtCI,CAAAA,CAAS,CAAEG,SAAAA,CAAW,YAA2CzF,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAoF,SAAA,CAAA,YAAA,CAAA,IAAA,EAGRF,CAAAA,CAAAA,CAAAA,CAAA,CAAzDI,CAAAA,CAAS,CAAEG,SAAAA,CAAW,gBAAkB7D,CAAAA,IAAAA,CAAM4D,OAAmCxF,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAoF,SAAA,CAAA,gBAAA,CAAA,IAAA,EAG3CF,CAAAA,CAAAA,CAAAA,CAAA,CAAtCI,CAAAA,CAAS,CAAEG,SAAAA,CAAW,YAA6EzF,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAoF,SAAA,CAAA,YAAA,CAAA,IAAA,EA+EpGF,CAAAA,CAAAA,CAAAA,CAAA,CADCQ,CAAAA,CAAM,UAAY,CAAA,CAAEC,oBAAsB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAM1C3F,CAAAoF,CAAAA,SAAAA,CAAA,sBAAA,CAAA,IAAA,CAAA,CAhMUpF,CAAUkF,CAAAA,CAAAA,CAAA,CADtBU,CAAAA,CAAc,aACF5F,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA"}
1	+ {"version":3,"file":"nile-button.cjs.js","sources":["../../../src/nile-button/nile-button.ts"],"sourcesContent":["import '../nile-icon';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { FormControlController, validValidityState } from '../internal/form';\nimport { HasSlotController } from '../internal/slot';\nimport { html, literal } from 'lit/static-html.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { watch } from '../internal/watch';\nimport { styles } from './nile-button.css';\nimport type { CSSResultGroup, TemplateResult } from 'lit';\nimport type { NileFormControl } from '../internal/nile-element';\nimport NileElement from '../internal/nile-element';\n\n/*\n @summary Buttons represent actions that are available to the user.\n * @status stable\n * @since 2.0\n \n @dependency nile-icon\n * @dependency nile-spinner\n \n @event nile-blur - Emitted when the button loses focus.\n * @event nile-focus - Emitted when the button gains focus.\n * @event nile-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n \n @slot - The button's label.\n * @slot prefix - A presentational prefix icon or similar element.\n * @slot suffix - A presentational suffix icon or similar element.\n \n @csspart base - The component's base wrapper.\n * @csspart prefix - The container that wraps the prefix.\n * @csspart label - The button's label.\n * @csspart suffix - The container that wraps the suffix.\n * @csspart caret - The button's caret icon, an `<nile-icon>` element.\n /\n\n@customElement('nile-button')\nexport class NileButton extends NileElement implements NileFormControl {\n static styles: CSSResultGroup = styles;\n\n private readonly formControlController = new FormControlController(this, {\n form: input => {\n // Buttons support a form attribute that points to an arbitrary form, so if this attribute is set we need to query\n // the form from the same root using its id\n if (input.hasAttribute('form')) {\n const doc = input.getRootNode() as Document \| ShadowRoot;\n const formId = input.getAttribute('form')!;\n return doc.getElementById(formId) as HTMLFormElement;\n }\n\n // Fall back to the closest containing form\n return input.closest('form');\n },\n assumeInteractionOn: ['click']\n });\n private readonly hasSlotController = new HasSlotController(this, '[default]', 'prefix', 'suffix');\n\n @query('.button') button: HTMLButtonElement \| HTMLLinkElement;\n\n @state() private hasFocus = false;\n @state() invalid = false;\n @property() title = ''; // make reactive to pass through\n\n /* The button's theme variant. /\n @property({ reflect: true }) variant: 'primary' \| 'secondary' \| 'tertiary' \| 'caution' = 'primary';\n\n /* The button's size. /\n @property({ reflect: true }) size: 'medium' = 'medium';\n\n /* Draws the button with a caret. Used to indicate that the button triggers a dropdown menu or similar behavior. /\n @property({ type: Boolean, reflect: true }) caret = false;\n\n /* Disables the button. /\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n /* Draws the button in a loading state. /\n @property({ type: Boolean, reflect: true }) loading = false;\n\n /* Draws an outlined button. /\n @property({ type: Boolean, reflect: true }) outline = false;\n\n /* Draws a pill-style button with rounded edges. /\n @property({ type: Boolean, reflect: true }) pill = false;\n\n /\n Draws a circular icon button. When this attribute is present, the button expects a single `<nile-icon>` in the\n * default slot.\n /\n @property({ type: Boolean, reflect: true }) circle = false;\n\n /\n The type of button. Note that the default value is `button` instead of `submit`, which is opposite of how native\n * `<button>` elements behave. When the type is `submit`, the button will submit the surrounding form.\n /\n @property() type: 'button' \| 'submit' \| 'reset' = 'button';\n\n /\n The name of the button, submitted as a name/value pair with form data, but only when this button is the submitter.\n * This attribute is ignored when `href` is present.\n /\n @property() name = '';\n\n /\n The value of the button, submitted as a pair with the button's name as part of the form data, but only when this\n * button is the submitter. This attribute is ignored when `href` is present.\n /\n @property() value = '';\n\n /* When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`. /\n @property() href = '';\n\n /* Tells the browser where to open the link. Only used when `href` is present. /\n @property() target: '_blank' \| '_parent' \| '_self' \| '_top';\n\n /\n When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the\n * default is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a\n * specific tab/window, this will prevent that from working correctly. You can remove or change the default value by\n * setting the attribute to an empty string or a value of your choice, respectively.\n /\n @property() rel = 'noreferrer noopener';\n\n /* Tells the browser to download the linked file as this filename. Only used when `href` is present. /\n @property() download?: string;\n\n /\n The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\n * value of this attribute must be an id of a form in the same document or shadow root as the button.\n /\n @property() form: string;\n\n /* Used to override the form owner's `action` attribute. /\n @property({ attribute: 'formaction' }) formAction: string;\n\n /* Used to override the form owner's `enctype` attribute. /\n @property({ attribute: 'formenctype' })\n formEnctype: 'application/x-www-form-urlencoded' \| 'multipart/form-data' \| 'text/plain';\n\n /* Used to override the form owner's `method` attribute. /\n @property({ attribute: 'formmethod' }) formMethod: 'post' \| 'get';\n\n /* Used to override the form owner's `novalidate` attribute. /\n @property({ attribute: 'formnovalidate', type: Boolean }) formNoValidate: boolean;\n\n /* Used to override the form owner's `target` attribute. /\n @property({ attribute: 'formtarget' }) formTarget: '_self' \| '_blank' \| '_parent' \| '_top' \| string;\n\n /* Gets the validity state object /\n get validity() {\n if (this.isButton()) {\n return (this.button as HTMLButtonElement).validity;\n }\n\n return validValidityState;\n }\n\n /* Gets the validation message /\n get validationMessage() {\n if (this.isButton()) {\n return (this.button as HTMLButtonElement).validationMessage;\n }\n\n return '';\n }\n\n connectedCallback() {\n super.connectedCallback();\n this.handleHostClick = this.handleHostClick.bind(this);\n this.addEventListener('click', this.handleHostClick);\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this.removeEventListener('click', this.handleHostClick);\n }\n\n firstUpdated() {\n if (this.isButton()) {\n this.formControlController.updateValidity();\n }\n }\n\n private handleBlur() {\n this.hasFocus = false;\n this.emit('nile-blur');\n }\n\n private handleFocus() {\n this.hasFocus = true;\n this.emit('nile-focus');\n }\n\n private handleClick() {\n if (this.type === 'submit') {\n this.formControlController.submit(this);\n }\n\n if (this.type === 'reset') {\n this.formControlController.reset(this);\n }\n }\n\n private handleHostClick(event: MouseEvent) {\n // Prevent the click event from being emitted when the button is disabled or loading\n if (this.disabled \|\| this.loading) {\n event.preventDefault();\n event.stopImmediatePropagation();\n }\n }\n\n private handleInvalid(event: Event) {\n this.formControlController.setValidity(false);\n this.formControlController.emitInvalidEvent(event);\n }\n\n private isButton() {\n return this.href ? false : true;\n }\n\n private isLink() {\n return this.href ? true : false;\n }\n\n @watch('disabled', { waitUntilFirstUpdate: true })\n handleDisabledChange() {\n if (this.isButton()) {\n // Disabled form controls are always valid\n this.formControlController.setValidity(this.disabled);\n }\n }\n\n /* Simulates a click on the button. /\n click() {\n this.button.click();\n }\n\n /* Sets focus on the button. /\n focus(options?: FocusOptions) {\n this.button.focus(options);\n }\n\n /* Removes focus from the button. /\n blur() {\n this.button.blur();\n }\n\n /* Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid. /\n checkValidity() {\n if (this.isButton()) {\n return (this.button as HTMLButtonElement).checkValidity();\n }\n\n return true;\n }\n\n /* Gets the associated form, if one exists. /\n getForm(): HTMLFormElement \| null {\n return this.formControlController.getForm();\n }\n\n /* Checks for validity and shows the browser's validation message if the control is invalid. /\n reportValidity() {\n if (this.isButton()) {\n return (this.button as HTMLButtonElement).reportValidity();\n }\n\n return true;\n }\n\n /* Sets a custom validation message. Pass an empty string to restore validity. /\n setCustomValidity(message: string) {\n if (this.isButton()) {\n (this.button as HTMLButtonElement).setCustomValidity(message);\n this.formControlController.updateValidity();\n }\n }\n\n render(): TemplateResult {\n const isLink = this.isLink();\n const tag = isLink ? literal`a` : literal`button`;\n\n / eslint-disable lit/no-invalid-html /\n / eslint-disable lit/binding-positions /\n return html`\n <${tag}\n part=\"base\"\n class=${classMap({\n button: true,\n 'button--primary': this.variant === 'primary',\n 'button--secondary': this.variant === 'secondary',\n 'button--tertiary': this.variant === 'tertiary',\n 'button--caution': this.variant === 'caution',\n 'button--medium': this.size === 'medium',\n 'button--caret': this.caret,\n 'button--circle': this.circle,\n 'button--disabled': this.disabled,\n 'button--focused': this.hasFocus,\n 'button--loading': this.loading,\n 'button--standard': !this.outline,\n 'button--outline': this.outline,\n 'button--pill': this.pill,\n 'button--has-label': this.hasSlotController.test('[default]'),\n 'button--has-prefix': this.hasSlotController.test('prefix'),\n 'button--has-suffix': this.hasSlotController.test('suffix')\n })}\n ?disabled=${ifDefined(isLink ? undefined : this.disabled)}\n type=${ifDefined(isLink ? undefined : this.type)}\n title=${this.title / An empty title prevents browser validation tooltips from appearing on hover */}\n name=${ifDefined(isLink ? undefined : this.name)}\n value=${ifDefined(isLink ? undefined : this.value)}\n href=${ifDefined(isLink ? this.href : undefined)}\n target=${ifDefined(isLink ? this.target : undefined)}\n download=${ifDefined(isLink ? this.download : undefined)}\n rel=${ifDefined(isLink ? this.rel : undefined)}\n role=${ifDefined(isLink ? undefined : 'button')}\n aria-disabled=${this.disabled ? 'true' : 'false'}\n tabindex=${this.disabled ? '-1' : '0'}\n @blur=${this.handleBlur}\n @focus=${this.handleFocus}\n @invalid=${this.isButton() ? this.handleInvalid : null}\n @click=${this.handleClick}\n >\n <slot name=\"prefix\" part=\"prefix\" class=\"button__prefix\"></slot>\n <slot part=\"label\" class=\"button__label\"></slot>\n <slot name=\"suffix\" part=\"suffix\" class=\"button__suffix\"></slot>\n ${\n this.caret ? html` <nile-icon part=\"caret\" class=\"button__caret\" color=\"white\" name=\"arrowdown\"></nile-icon> ` : ''\n }\n ${this.loading ? html`<nile-spinner></nile-spinner>` : ''}\n </${tag}>\n `;\n }\n}\n\nexport default NileButton;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-button': NileButton;\n }\n}\n"],"names":["NileButton","constructor","this","formControlController","FormControlController","form","input","hasAttribute","doc","getRootNode","formId","getAttribute","getElementById","closest","assumeInteractionOn","hasSlotController","HasSlotController","hasFocus","invalid","title","variant","size","caret","disabled","loading","outline","pill","circle","type","name","value","href","rel","validity","isButton","button","validValidityState","validationMessage","connectedCallback","super","handleHostClick","bind","addEventListener","disconnectedCallback","removeEventListener","firstUpdated","updateValidity","handleBlur","emit","handleFocus","handleClick","submit","reset","event","preventDefault","stopImmediatePropagation","handleInvalid","setValidity","emitInvalidEvent","isLink","handleDisabledChange","click","focus","options","blur","checkValidity","getForm","reportValidity","setCustomValidity","message","render","tag","literal","html","classMap","test","ifDefined","undefined","target","download","NileElement","styles","__decorate","query","prototype","state","property","reflect","Boolean","attribute","watch","waitUntilFirstUpdate","customElement"],"mappings":"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"}

package/dist/nile-checkbox/nile-checkbox.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-System.register(["tslib","../index-adad7634.cjs.js","lit/decorators.js","./nile-checkbox.css.cjs.js","lit/directives/class-map.js","../internal/default-value.cjs.js","lit/directives/if-defined.js","lit/directives/live.js","../internal/watch.cjs.js","../internal/nile-element.cjs.js","../property-ec52a751.cjs.js","lit"],function(_export,_context){"use strict";var e,i,t,s,c,o,h,l,r,n,a,d,m,_templateObject,_templateObject2,_templateObject3,p;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(typeof call==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_index001CjsJs){i=_index001CjsJs.y;},function(_litDecoratorsJs){t=_litDecoratorsJs.query;s=_litDecoratorsJs.state;c=_litDecoratorsJs.customElement;},function(_nileCheckboxCssCjsJs){o=_nileCheckboxCssCjsJs.s;},function(_litDirectivesClassMapJs){h=_litDirectivesClassMapJs.classMap;},function(_internalDefaultValueCjsJs){l=_internalDefaultValueCjsJs.d;},function(_litDirectivesIfDefinedJs){r=_litDirectivesIfDefinedJs.ifDefined;},function(_litDirectivesLiveJs){n=_litDirectivesLiveJs.live;},function(_internalWatchCjsJs){a=_internalWatchCjsJs.w;},function(_internalNileElementCjsJs){d=_internalNileElementCjsJs.N;},function(_property002CjsJs){m=_property002CjsJs.e;},function(_lit){}],execute:function(){p=/*#__PURE__*/function(_d){_inherits(p,_d);var _super=_createSuper(p);function p(){var _this;_classCallCheck(this,p);_this=_super.call(this),_this.hasFocus=!1,_this.title="",_this.name="",_this.size="medium",_this.disabled=!1,_this.checked=!1,_this.label="",_this.indeterminate=!1,_this.defaultChecked=!1,_this.form="",_this.required=!1;return _this;}_createClass(p,[{key:"handleClick",value:function handleClick(){this.checked=!this.checked,this.indeterminate=!1,this.dispatchEvent(new CustomEvent("valueChange",{composed:!0,bubbles:!0,detail:{checked:this.checked}}));}},{key:"handleBlur",value:function handleBlur(){this.hasFocus=!1,this.emit("blur");}},{key:"handleInput",value:function handleInput(){this.emit("input");}},{key:"handleFocus",value:function handleFocus(){this.hasFocus=!0,this.emit("focus");}},{key:"handleStateChange",value:function handleStateChange(){this.input.checked=this.checked,this.input.indeterminate=this.indeterminate;}},{key:"click",value:function click(){this.input.click();}},{key:"focus",value:function focus(e){this.input.focus(e);}},{key:"blur",value:function blur(){this.input.blur();}},{key:"render",value:function render(){return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <label\n        part=\"base\"\n        class=","\n      >\n        <input\n          class=\"checkbox__input\"\n          type=\"checkbox\"\n          title=","\n          name=","\n          value=","\n          .indeterminate=","\n          .checked=","\n          .disabled=","\n          .required=","\n          aria-checked=","\n          @click=","\n          @input=","\n          @blur=","\n          @focus=","\n        />\n\n        <span\n          part=\"control","","\"\n          class=\"checkbox__control\"\n        >\n          ","\n          ","\n        </span>\n\n        <div part=\"label\" class=\"checkbox__label\">\n          ","\n          <slot></slot>\n        </div>\n      </label>\n    "])),h({checkbox:!0,"checkbox--checked":this.checked,"checkbox--disabled":this.disabled,"checkbox--focused":this.hasFocus,"checkbox--indeterminate":this.indeterminate,"checkbox--medium":"medium"===this.size}),this.title,this.name,r(this.value),n(this.indeterminate),n(this.checked),this.disabled,this.required,this.checked?"true":"false",this.handleClick,this.handleInput,this.handleBlur,this.handleFocus,this.checked?" control--checked":"",this.indeterminate?" control--indeterminate":"",this.checked?i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n                <nile-icon\n                  part=\"checked-icon\"\n                  class=\"checkbox__checked-icon\"\n                  color=\"white\"\n                  library=\"system\"\n                  name=\"tick\"\n                  size=\"12\"\n                ></nile-icon>\n              "]))):"",!this.checked&&this.indeterminate?i(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n                <nile-icon\n                  part=\"indeterminate-icon\"\n                  class=\"checkbox__indeterminate-icon\"\n                  library=\"system\"\n                  color=\"white\"\n                  name=\"minus\"\n                  size=\"12\"\n                ></nile-icon>\n              "]))):"","boolean"==typeof this.label?"":this.label);}}]);return p;}(d);p.styles=o,e([t('input[type="checkbox"]')],p.prototype,"input",void 0),e([s()],p.prototype,"hasFocus",void 0),e([m()],p.prototype,"title",void 0),e([m()],p.prototype,"name",void 0),e([m()],p.prototype,"value",void 0),e([m({reflect:!0})],p.prototype,"size",void 0),e([m({type:Boolean,reflect:!0})],p.prototype,"disabled",void 0),e([m({type:Boolean,reflect:!0})],p.prototype,"checked",void 0),e([m({type:Boolean,reflect:!0})],p.prototype,"label",void 0),e([m({type:Boolean,reflect:!0})],p.prototype,"indeterminate",void 0),e([l("checked")],p.prototype,"defaultChecked",void 0),e([m({reflect:!0})],p.prototype,"form",void 0),e([m({type:Boolean,reflect:!0})],p.prototype,"required",void 0),e([a(["checked","indeterminate"],{waitUntilFirstUpdate:!0})],p.prototype,"handleStateChange",null),p=e([c("nile-checkbox")],p);}};});
+System.register(["tslib","../index-adad7634.cjs.js","lit/decorators.js","./nile-checkbox.css.cjs.js","lit/directives/class-map.js","../internal/default-value.cjs.js","lit/directives/if-defined.js","lit/directives/live.js","../internal/watch.cjs.js","../internal/nile-element.cjs.js","../property-ec52a751.cjs.js","lit"],function(_export,_context){"use strict";var e,t,i,s,o,c,h,r,l,n,a,d,m,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,p;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(typeof call==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}return{setters:[function(_tslib){e=_tslib.__decorate;},function(_index001CjsJs){t=_index001CjsJs.y;},function(_litDecoratorsJs){i=_litDecoratorsJs.query;s=_litDecoratorsJs.state;o=_litDecoratorsJs.customElement;},function(_nileCheckboxCssCjsJs){c=_nileCheckboxCssCjsJs.s;},function(_litDirectivesClassMapJs){h=_litDirectivesClassMapJs.classMap;},function(_internalDefaultValueCjsJs){r=_internalDefaultValueCjsJs.d;},function(_litDirectivesIfDefinedJs){l=_litDirectivesIfDefinedJs.ifDefined;},function(_litDirectivesLiveJs){n=_litDirectivesLiveJs.live;},function(_internalWatchCjsJs){a=_internalWatchCjsJs.w;},function(_internalNileElementCjsJs){d=_internalNileElementCjsJs.N;},function(_property002CjsJs){m=_property002CjsJs.e;},function(_lit){}],execute:function(){p=/*#__PURE__*/function(_d){_inherits(p,_d);var _super=_createSuper(p);function p(){var _this;_classCallCheck(this,p);_this=_super.call(this),_this.hasFocus=!1,_this.title="",_this.name="",_this.size="medium",_this.disabled=!1,_this.checked=!1,_this.label="",_this.indeterminate=!1,_this.defaultChecked=!1,_this.helpText="",_this.errorMessage="",_this.form="",_this.required=!1;return _this;}_createClass(p,[{key:"handleClick",value:function handleClick(){this.checked=!this.checked,this.indeterminate=!1,this.dispatchEvent(new CustomEvent("valueChange",{composed:!0,bubbles:!0,detail:{checked:this.checked}}));}},{key:"handleBlur",value:function handleBlur(){this.hasFocus=!1,this.emit("blur");}},{key:"handleInput",value:function handleInput(){this.emit("input");}},{key:"handleFocus",value:function handleFocus(){this.hasFocus=!0,this.emit("focus");}},{key:"handleStateChange",value:function handleStateChange(){this.input.checked=this.checked,this.input.indeterminate=this.indeterminate;}},{key:"click",value:function click(){this.input.click();}},{key:"focus",value:function focus(e){this.input.focus(e);}},{key:"blur",value:function blur(){this.input.blur();}},{key:"render",value:function render(){var e=!!this.helpText,i=!!this.errorMessage;return t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <label\n        part=\"base\"\n        class=","\n      >\n        <input\n          class=\"checkbox__input\"\n          type=\"checkbox\"\n          title=","\n          name=","\n          value=","\n          .indeterminate=","\n          .checked=","\n          .disabled=","\n          .required=","\n          aria-checked=","\n          @click=","\n          @input=","\n          @blur=","\n          @focus=","\n        />\n\n        <span\n          part=\"control","","\"\n          class=\"checkbox__control\"\n        >\n          ","\n          ","\n        </span>\n\n        <div part=\"label\" class=\"checkbox__label\">\n          ","\n          <slot></slot>\n        </div>\n      </label>\n\n      ","\n\n        ","\n    "])),h({checkbox:!0,"checkbox--checked":this.checked,"checkbox--disabled":this.disabled,"checkbox--focused":this.hasFocus,"checkbox--indeterminate":this.indeterminate,"checkbox--medium":"medium"===this.size}),this.title,this.name,l(this.value),n(this.indeterminate),n(this.checked),this.disabled,this.required,this.checked?"true":"false",this.handleClick,this.handleInput,this.handleBlur,this.handleFocus,this.checked?" control--checked":"",this.indeterminate?" control--indeterminate":"",this.checked?t(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n                <nile-icon\n                  part=\"checked-icon\"\n                  class=\"checkbox__checked-icon\"\n                  color=\"white\"\n                  library=\"system\"\n                  name=\"tick\"\n                  size=\"12\"\n                ></nile-icon>\n              "]))):"",!this.checked&&this.indeterminate?t(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n                <nile-icon\n                  part=\"indeterminate-icon\"\n                  class=\"checkbox__indeterminate-icon\"\n                  library=\"system\"\n                  color=\"white\"\n                  name=\"minus\"\n                  size=\"12\"\n                ></nile-icon>\n              "]))):"","boolean"==typeof this.label?"":this.label,e?t(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n                <nile-form-help-text>","</nile-form-help-text>\n              "])),this.helpText):"",i?t(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n                <nile-form-error-message\n                  >","</nile-form-error-message\n                >\n              "])),this.errorMessage):"");}}]);return p;}(d);p.styles=c,e([i('input[type="checkbox"]')],p.prototype,"input",void 0),e([s()],p.prototype,"hasFocus",void 0),e([m()],p.prototype,"title",void 0),e([m()],p.prototype,"name",void 0),e([m()],p.prototype,"value",void 0),e([m({reflect:!0})],p.prototype,"size",void 0),e([m({type:Boolean,reflect:!0})],p.prototype,"disabled",void 0),e([m({type:Boolean,reflect:!0})],p.prototype,"checked",void 0),e([m({type:String,reflect:!0})],p.prototype,"label",void 0),e([m({type:Boolean,reflect:!0})],p.prototype,"indeterminate",void 0),e([r("checked")],p.prototype,"defaultChecked",void 0),e([m({attribute:"help-text"})],p.prototype,"helpText",void 0),e([m({attribute:"error-message"})],p.prototype,"errorMessage",void 0),e([m({reflect:!0})],p.prototype,"form",void 0),e([m({type:Boolean,reflect:!0})],p.prototype,"required",void 0),e([a(["checked","indeterminate"],{waitUntilFirstUpdate:!0})],p.prototype,"handleStateChange",null),p=e([o("nile-checkbox")],p);}};});
 //# sourceMappingURL=nile-checkbox.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-checkbox.cjs.js","sources":["../../../src/nile-checkbox/nile-checkbox.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 {\n LitElement,\n html,\n property,\n CSSResultArray,\n TemplateResult,\n} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-checkbox.css';\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { query, state } from 'lit/decorators.js';\nimport { defaultValue } from '../internal/default-value';\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 Checkboxes allow the user to toggle an option on or off.\n \n @dependency nile-icon\n \n @slot - The checkbox's label.\n \n @event nile-blur - Emitted when the checkbox loses focus.\n * @event nile-change - Emitted when the checked state changes.\n * @event nile-focus - Emitted when the checkbox gains focus.\n * @event nile-input - Emitted when the checkbox receives input.\n * @event nile-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n \n @csspart base - The component's base wrapper.\n * @csspart control - The square container that wraps the checkbox's checked state.\n * @csspart control--checked - Matches the control part when the checkbox is checked.\n * @csspart control--indeterminate - Matches the control part when the checkbox is indeterminate.\n * @csspart checked-icon - The checked icon, an `<nile-icon>` element.\n * @csspart indeterminate-icon - The indeterminate icon, an `<nile-icon>` element.\n * @csspart label - The container that wraps the checkbox's label.\n /\n\n/\n Nile icon component.\n \n @tag nile-checkbox\n \n /\n@customElement('nile-checkbox')\nexport class NileCheckbox extends NileElement {\n constructor() {\n super();\n }\n\n static styles: CSSResultGroup = styles;\n\n @query('input[type=\"checkbox\"]') input: HTMLInputElement;\n\n @state() private hasFocus = false;\n\n @property() title = ''; // make reactive to pass through\n\n /** The name of the checkbox, submitted as a name/value pair with form data. /\n @property() name = '';\n\n /* The current value of the checkbox, submitted as a name/value pair with form data. /\n @property() value: boolean;\n\n /* The checkbox's size. /\n @property({ reflect: true }) size: 'small' \| 'medium' \| 'large' = 'medium';\n\n /* Disables the checkbox. /\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n /* Draws the checkbox in a checked state. /\n @property({ type: Boolean, reflect: true }) checked = false;\n\n /* Label, declared this property for backward compatibility of old component /\n @property({ type: Boolean, reflect: true }) label = '';\n\n /\n Draws the checkbox in an indeterminate state. This is usually applied to checkboxes that represents a \"select\n * all/none\" behavior when associated checkboxes have a mix of checked and unchecked states.\n /\n @property({ type: Boolean, reflect: true }) indeterminate = false;\n\n /* The default value of the form control. Primarily used for resetting the form control. /\n @defaultValue('checked') defaultChecked = 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 checkbox a required field. /\n @property({ type: Boolean, reflect: true }) required = false;\n\n private handleClick() {\n this.checked = !this.checked;\n this.indeterminate = false;\n this.dispatchEvent(\n new CustomEvent('valueChange', {\n composed: true,\n bubbles: true,\n detail: {\n checked: this.checked,\n },\n })\n );\n }\n\n private handleBlur() {\n this.hasFocus = false;\n this.emit('blur');\n }\n\n private handleInput() {\n this.emit('input');\n }\n\n private handleFocus() {\n this.hasFocus = true;\n this.emit('focus');\n }\n\n @watch(['checked', 'indeterminate'], { waitUntilFirstUpdate: true })\n handleStateChange() {\n this.input.checked = this.checked; // force a sync update\n this.input.indeterminate = this.indeterminate; // force a sync update\n }\n\n /* Simulates a click on the checkbox. /\n click() {\n this.input.click();\n }\n\n /* Sets focus on the checkbox. /\n focus(options?: FocusOptions) {\n this.input.focus(options);\n }\n\n /* Removes focus from the checkbox. /\n blur() {\n this.input.blur();\n }\n\n\n render() {\n return html`\n <label\n part=\"base\"\n class=${classMap({\n checkbox: true,\n 'checkbox--checked': this.checked,\n 'checkbox--disabled': this.disabled,\n 'checkbox--focused': this.hasFocus,\n 'checkbox--indeterminate': this.indeterminate,\n 'checkbox--medium': this.size === 'medium',\n })}\n >\n <input\n class=\"checkbox__input\"\n type=\"checkbox\"\n title=${\n this\n .title / An empty title prevents browser validation tooltips from appearing on hover */\n }\n name=${this.name}\n value=${ifDefined(this.value)}\n .indeterminate=${live(this.indeterminate)}\n .checked=${live(this.checked)}\n .disabled=${this.disabled}\n .required=${this.required}\n aria-checked=${this.checked ? 'true' : 'false'}\n @click=${this.handleClick}\n @input=${this.handleInput}\n @blur=${this.handleBlur}\n @focus=${this.handleFocus}\n />\n\n <span\n part=\"control${this.checked ? ' control--checked' : ''}${this\n .indeterminate\n ? ' control--indeterminate'\n : ''}\"\n class=\"checkbox__control\"\n >\n ${this.checked\n ? html`\n <nile-icon\n part=\"checked-icon\"\n class=\"checkbox__checked-icon\"\n color=\"white\"\n library=\"system\"\n name=\"tick\"\n size=\"12\"\n ></nile-icon>\n `\n : ''}\n ${!this.checked && this.indeterminate\n ? html`\n <nile-icon\n part=\"indeterminate-icon\"\n class=\"checkbox__indeterminate-icon\"\n library=\"system\"\n color=\"white\"\n name=\"minus\"\n size=\"12\"\n ></nile-icon>\n `\n : ''}\n </span>\n\n <div part=\"label\" class=\"checkbox__label\">\n ${typeof this.label === 'boolean' ? '' : this.label}\n <slot></slot>\n </div>\n </label>\n `;\n }\n}\n\nexport default NileCheckbox;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-checkbox': NileCheckbox;\n }\n}\n"],"names":["NileCheckbox","constructor","super","this","hasFocus","title","name","size","disabled","checked","label","indeterminate","defaultChecked","form","required","handleClick","dispatchEvent","CustomEvent","composed","bubbles","detail","handleBlur","emit","handleInput","handleFocus","handleStateChange","input","click","focus","options","blur","render","html","classMap","checkbox","ifDefined","value","live","NileElement","styles","__decorate","query","prototype","state","property","reflect","type","Boolean","defaultValue","watch","waitUntilFirstUpdate","customElement"],"mappings":"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"}
1	+ {"version":3,"file":"nile-checkbox.cjs.js","sources":["../../../src/nile-checkbox/nile-checkbox.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 {\n LitElement,\n html,\n property,\n CSSResultArray,\n TemplateResult,\n} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport { styles } from './nile-checkbox.css';\n\nimport { classMap } from 'lit/directives/class-map.js';\nimport { query, state } from 'lit/decorators.js';\nimport { defaultValue } from '../internal/default-value';\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 Checkboxes allow the user to toggle an option on or off.\n \n @dependency nile-icon\n \n @slot - The checkbox's label.\n \n @event nile-blur - Emitted when the checkbox loses focus.\n * @event nile-change - Emitted when the checked state changes.\n * @event nile-focus - Emitted when the checkbox gains focus.\n * @event nile-input - Emitted when the checkbox receives input.\n * @event nile-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n \n @csspart base - The component's base wrapper.\n * @csspart control - The square container that wraps the checkbox's checked state.\n * @csspart control--checked - Matches the control part when the checkbox is checked.\n * @csspart control--indeterminate - Matches the control part when the checkbox is indeterminate.\n * @csspart checked-icon - The checked icon, an `<nile-icon>` element.\n * @csspart indeterminate-icon - The indeterminate icon, an `<nile-icon>` element.\n * @csspart label - The container that wraps the checkbox's label.\n /\n\n/\n Nile icon component.\n \n @tag nile-checkbox\n \n /\n@customElement('nile-checkbox')\nexport class NileCheckbox extends NileElement {\n constructor() {\n super();\n }\n\n static styles: CSSResultGroup = styles;\n\n @query('input[type=\"checkbox\"]') input: HTMLInputElement;\n\n @state() private hasFocus = false;\n\n @property() title = ''; // make reactive to pass through\n\n /** The name of the checkbox, submitted as a name/value pair with form data. /\n @property() name = '';\n\n /* The current value of the checkbox, submitted as a name/value pair with form data. /\n @property() value: boolean;\n\n /* The checkbox's size. /\n @property({ reflect: true }) size: 'small' \| 'medium' \| 'large' = 'medium';\n\n /* Disables the checkbox. /\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n /* Draws the checkbox in a checked state. /\n @property({ type: Boolean, reflect: true }) checked = false;\n\n /* Label, declared this property for backward compatibility of old component /\n @property({ type: String, reflect: true }) label = '';\n\n /\n Draws the checkbox in an indeterminate state. This is usually applied to checkboxes that represents a \"select\n * all/none\" behavior when associated checkboxes have a mix of checked and unchecked states.\n /\n @property({ type: Boolean, reflect: true }) indeterminate = false;\n\n /* The default value of the form control. Primarily used for resetting the form control. /\n @defaultValue('checked') defaultChecked = false;\n\n @property({ attribute: 'help-text' }) helpText = '';\n\n @property({ attribute: 'error-message' }) errorMessage = '';\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 checkbox a required field. /\n @property({ type: Boolean, reflect: true }) required = false;\n\n private handleClick() {\n this.checked = !this.checked;\n this.indeterminate = false;\n this.dispatchEvent(\n new CustomEvent('valueChange', {\n composed: true,\n bubbles: true,\n detail: {\n checked: this.checked,\n },\n })\n );\n }\n\n private handleBlur() {\n this.hasFocus = false;\n this.emit('blur');\n }\n\n private handleInput() {\n this.emit('input');\n }\n\n private handleFocus() {\n this.hasFocus = true;\n this.emit('focus');\n }\n\n @watch(['checked', 'indeterminate'], { waitUntilFirstUpdate: true })\n handleStateChange() {\n this.input.checked = this.checked; // force a sync update\n this.input.indeterminate = this.indeterminate; // force a sync update\n }\n\n /* Simulates a click on the checkbox. /\n click() {\n this.input.click();\n }\n\n /* Sets focus on the checkbox. /\n focus(options?: FocusOptions) {\n this.input.focus(options);\n }\n\n /* Removes focus from the checkbox. /\n blur() {\n this.input.blur();\n }\n\n\n render() {\n const hasHelpText = this.helpText ? true : false;\n const hasErrorMessage = this.errorMessage ? true : false;\n\n return html`\n <label\n part=\"base\"\n class=${classMap({\n checkbox: true,\n 'checkbox--checked': this.checked,\n 'checkbox--disabled': this.disabled,\n 'checkbox--focused': this.hasFocus,\n 'checkbox--indeterminate': this.indeterminate,\n 'checkbox--medium': this.size === 'medium',\n })}\n >\n <input\n class=\"checkbox__input\"\n type=\"checkbox\"\n title=${\n this\n .title / An empty title prevents browser validation tooltips from appearing on hover */\n }\n name=${this.name}\n value=${ifDefined(this.value)}\n .indeterminate=${live(this.indeterminate)}\n .checked=${live(this.checked)}\n .disabled=${this.disabled}\n .required=${this.required}\n aria-checked=${this.checked ? 'true' : 'false'}\n @click=${this.handleClick}\n @input=${this.handleInput}\n @blur=${this.handleBlur}\n @focus=${this.handleFocus}\n />\n\n <span\n part=\"control${this.checked ? ' control--checked' : ''}${this\n .indeterminate\n ? ' control--indeterminate'\n : ''}\"\n class=\"checkbox__control\"\n >\n ${this.checked\n ? html`\n <nile-icon\n part=\"checked-icon\"\n class=\"checkbox__checked-icon\"\n color=\"white\"\n library=\"system\"\n name=\"tick\"\n size=\"12\"\n ></nile-icon>\n `\n : ''}\n ${!this.checked && this.indeterminate\n ? html`\n <nile-icon\n part=\"indeterminate-icon\"\n class=\"checkbox__indeterminate-icon\"\n library=\"system\"\n color=\"white\"\n name=\"minus\"\n size=\"12\"\n ></nile-icon>\n `\n : ''}\n </span>\n\n <div part=\"label\" class=\"checkbox__label\">\n ${typeof this.label === 'boolean' ? '' : this.label}\n <slot></slot>\n </div>\n </label>\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 `;\n }\n}\n\nexport default NileCheckbox;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-checkbox': NileCheckbox;\n }\n}\n"],"names":["NileCheckbox","constructor","super","this","hasFocus","title","name","size","disabled","checked","label","indeterminate","defaultChecked","helpText","errorMessage","form","required","handleClick","dispatchEvent","CustomEvent","composed","bubbles","detail","handleBlur","emit","handleInput","handleFocus","handleStateChange","input","click","focus","options","blur","render","hasHelpText","hasErrorMessage","html","classMap","checkbox","ifDefined","value","live","NileElement","styles","__decorate","query","prototype","state","property","reflect","type","Boolean","String","defaultValue","attribute","watch","waitUntilFirstUpdate","customElement"],"mappings":"82IAuDaA,CAAb,sEACEC,YAAAA,mCACEC,wBAOeC,MAAQC,QAAAA,CAAAA,CAAG,CAEhBD,CAAAA,MAAAE,MAAQ,EAGRF,CAAAA,MAAIG,IAAG,CAAA,EAAA,CAMUH,MAAII,IAAAA,CAAiC,QAGtBJ,CAAAA,MAAQK,UAAG,CAGXL,CAAAA,MAAOM,OAAG,CAAA,CAAA,CAAA,CAGXN,MAAKO,KAAG,CAAA,EAAA,CAMPP,MAAaQ,aAAAA,CAAAA,CAAG,EAGnCR,MAAcS,cAAAA,CAAAA,CAAG,CAEJT,CAAAA,MAAQU,SAAG,EAEPV,CAAAA,MAAYW,YAAG,CAAA,EAAA,CAO5BX,MAAIY,IAAG,CAAA,EAAA,CAGQZ,MAAQa,QAAAA,CAAAA,CAAG,CAjDtD,eAmDOC,+DAAAA,CACNd,IAAKM,CAAAA,OAAAA,CAAAA,CAAWN,KAAKM,OACrBN,CAAAA,IAAAA,CAAKQ,aAAgB,CAAA,CAAA,CAAA,CACrBR,IAAKe,CAAAA,aAAAA,CACH,GAAIC,YAAAA,CAAY,cAAe,CAC7BC,QAAAA,CAAAA,CAAU,CACVC,CAAAA,OAAAA,CAAAA,CAAS,EACTC,MAAQ,CAAA,CACNb,OAASN,CAAAA,IAAAA,CAAKM,WAIrB,EAEOc,+CAAAA,CACNpB,IAAKC,CAAAA,QAAAA,CAAAA,CAAW,EAChBD,IAAKqB,CAAAA,IAAAA,CAAK,MACX,CAAA,EAEOC,kDACNtB,IAAKqB,CAAAA,IAAAA,CAAK,OACX,CAAA,EAEOE,kDACNvB,IAAKC,CAAAA,QAAAA,CAAAA,CAAW,CAChBD,CAAAA,IAAAA,CAAKqB,KAAK,OACX,CAAA,EAGDG,6DACExB,CAAAA,IAAAA,CAAKyB,MAAMnB,OAAUN,CAAAA,IAAAA,CAAKM,OAC1BN,CAAAA,IAAAA,CAAKyB,MAAMjB,aAAgBR,CAAAA,IAAAA,CAAKQ,aACjC,EAGDkB,sCACE1B,IAAKyB,CAAAA,KAAAA,CAAMC,KACZ,EAAA,EAGDC,oCAAMC,CACJ5B,CAAAA,CAAAA,IAAAA,CAAKyB,KAAME,CAAAA,KAAAA,CAAMC,EAClB,EAGDC,mCAAAA,CACE7B,IAAKyB,CAAAA,KAAAA,CAAMI,MACZ,EAGDC,uCAAAA,CACE,GAAMC,EAAAA,CAAAA,CAAAA,CAAc/B,KAAKU,QACnBsB,CAAAA,CAAAA,CAAAA,CAAAA,CAAkBhC,IAAKW,CAAAA,YAAAA,CAE7B,MAAOsB,EAAI,izBAGCC,CAAAA,CAAS,CACfC,QAAU,CAAA,CAAA,CAAA,CACV,mBAAqBnC,CAAAA,IAAAA,CAAKM,QAC1B,oBAAsBN,CAAAA,IAAAA,CAAKK,QAC3B,CAAA,mBAAA,CAAqBL,KAAKC,QAC1B,CAAA,yBAAA,CAA2BD,KAAKQ,aAChC,CAAA,kBAAA,CAAkC,WAAdR,IAAKI,CAAAA,IAAAA,CAAAA,CAAAA,CAOvBJ,IACGE,CAAAA,KAAAA,CAEEF,IAAKG,CAAAA,IAAAA,CACJiC,CAAAA,CAAUpC,IAAKqC,CAAAA,KAAAA,CAAAA,CACNC,CAAAA,CAAKtC,IAAKQ,CAAAA,aAAAA,CAAAA,CAChB8B,CAAAA,CAAKtC,IAAKM,CAAAA,OAAAA,CAAAA,CACTN,IAAKK,CAAAA,QAAAA,CACLL,IAAKa,CAAAA,QAAAA,CACFb,IAAAA,CAAKM,QAAU,MAAS,CAAA,OAAA,CAC9BN,IAAKc,CAAAA,WAAAA,CACLd,IAAKsB,CAAAA,WAAAA,CACNtB,IAAKoB,CAAAA,UAAAA,CACJpB,IAAKuB,CAAAA,WAAAA,CAICvB,IAAAA,CAAKM,OAAU,CAAA,mBAAA,CAAsB,EAAKN,CAAAA,IAAAA,CACtDQ,cACC,yBACA,CAAA,EAAA,CAGFR,IAAAA,CAAKM,QACH2B,CAAI,qXAUJ,EAAA,EACDjC,IAAKM,CAAAA,OAAAA,EAAWN,IAAKQ,CAAAA,aAAAA,CACpByB,CAAI,kYAUJ,EAAA,CAIoB,SAAfjC,EAAAA,MAAAA,KAAAA,CAAKO,KAAsB,CAAA,EAAA,CAAKP,IAAKO,CAAAA,KAAAA,CAM9CwB,CAAAA,CACIE,CAAI,mJACqBjC,IAAKU,CAAAA,QAAAA,EAE9B,EAAA,CAIJsB,CAAAA,CACIC,CAAI,iMAEGjC,IAAKW,CAAAA,YAAAA,EAGZ,EAAA,EAGX,CAAA,eArM+B4B,CAChCzC,EAIOD,EAAM2C,MAAmBA,CAAAA,CAAAA,CAECC,CAAA,CAAA,CAAhCC,EAAM,wBAAkD7C,CAAAA,CAAAA,CAAAA,CAAAA,CAAA8C,SAAA,CAAA,OAAA,CAAA,IAAA,IAEhDF,CAAA,CAAA,CAARG,KAAiC/C,CAAA8C,CAAAA,SAAAA,CAAA,eAAA,EAEtBF,CAAAA,CAAAA,CAAAA,CAAA,CAAXI,CAAAA,EAAAA,CAAAA,CAAsBhD,EAAA8C,SAAA,CAAA,OAAA,CAAA,IAAA,EAGXF,CAAAA,CAAAA,CAAAA,CAAA,CAAXI,CAAqBhD,EAAAA,CAAAA,CAAAA,CAAAA,CAAA8C,SAAA,CAAA,MAAA,CAAA,IAAA,IAGVF,CAAA,CAAA,CAAXI,KAA0BhD,CAAA8C,CAAAA,SAAAA,CAAA,YAAA,EAGEF,CAAAA,CAAAA,CAAAA,CAAA,CAA5BI,CAAAA,CAAS,CAAEC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAsDjD,CAAA8C,CAAAA,SAAAA,CAAA,WAAA,EAG/BF,CAAAA,CAAAA,CAAAA,CAAA,CAA3CI,CAAAA,CAAS,CAAEE,IAAMC,CAAAA,OAAAA,CAASF,SAAS,CAAyBjD,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA8C,UAAA,UAAA,CAAA,IAAA,EAAA,CAAA,CAGjBF,CAAA,CAAA,CAA3CI,EAAS,CAAEE,IAAAA,CAAMC,OAASF,CAAAA,OAAAA,CAAAA,CAAS,KAAwBjD,CAAA8C,CAAAA,SAAAA,CAAA,SAAA,CAAA,IAAA,EAAA,CAAA,CAGjBF,EAAA,CAA1CI,CAAAA,CAAS,CAAEE,IAAME,CAAAA,MAAAA,CAAQH,SAAS,CAAmBjD,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA8C,SAAA,CAAA,OAAA,CAAA,IAAA,IAMVF,CAAA,CAAA,CAA3CI,CAAS,CAAA,CAAEE,KAAMC,OAASF,CAAAA,OAAAA,CAAAA,CAAS,CAA8BjD,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA8C,UAAA,eAAA,CAAA,IAAA,EAAA,CAAA,CAGzCF,EAAA,CAAxBS,CAAAA,CAAa,YAAkCrD,CAAA8C,CAAAA,SAAAA,CAAA,gBAAA,CAAA,IAAA,EAAA,CAAA,CAEVF,EAAA,CAArCI,CAAAA,CAAS,CAAEM,SAAAA,CAAW,eAA6BtD,CAAA8C,CAAAA,SAAAA,CAAA,UAAA,CAAA,IAAA,EAAA,CAAA,CAEVF,EAAA,CAAzCI,CAAAA,CAAS,CAAEM,SAAW,CAAA,eAAA,CAAA,CAAA,CAAA,CAAqCtD,EAAA8C,SAAA,CAAA,cAAA,CAAA,IAAA,EAO/BF,CAAAA,CAAAA,CAAAA,CAAA,CAA5BI,CAAS,CAAA,CAAEC,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAkBjD,EAAA8C,SAAA,CAAA,MAAA,CAAA,IAAA,EAGKF,CAAAA,CAAAA,CAAAA,CAAA,CAA3CI,CAAS,CAAA,CAAEE,KAAMC,OAASF,CAAAA,OAAAA,CAAAA,CAAS,KAAyBjD,CAAA8C,CAAAA,SAAAA,CAAA,UAAA,CAAA,IAAA,EAAA,CAAA,CA+B7DF,EAAA,CADCW,CAAAA,CAAM,CAAC,SAAA,CAAW,iBAAkB,CAAEC,oBAAAA,CAAAA,CAAsB,CAI5DxD,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAA8C,UAAA,mBAAA,CAAA,IAAA,CAAA,CAtFU9C,EAAY4C,CAAA,CAAA,CADxBa,EAAc,eACFzD,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA"}

package/dist/nile-checkbox/nile-checkbox.css.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-System.register(["../index-adad7634.cjs.js"],function(_export,_context){"use strict";var e,_templateObject,o;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){e=_index001CjsJs.i;}],execute:function(){_export("s",o=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n   :host {\n    display: inline-block;\n  }\n\n  .checkbox {\n    position: relative;\n    display: inline-flex;\n    align-items: top;\n    font-weight: 400;\n    color: var(--nile-colors-dark-900);\n    vertical-align: middle;\n    cursor: pointer;\n  }\n\n  .checkbox--medium {\n    --toggle-size: var(--nile-type-scale-3);\n    font-size: var(--nile-type-scale-3);\n  }\n\n  .checkbox__control {\n    flex: 0 0 auto;\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--nile-type-scale-3);\n    height: var(--nile-type-scale-3);\n    border: solid 1px var(--nile-colors-neutral-700);\n    background-color: var(--nile-colors-white-base);\n    border-radius: 4px;\n    transition: var(--nile-transition-duration-default border-color), var(--nile-transition-duration-default) background-color,\n    var(--nile-transition-duration-default) color, var(--nile-transition-duration-default box-shadow);\n  }\n\n  .checkbox__input {\n    position: absolute;\n    opacity: 0;\n    padding: 0;\n    margin: 0;\n    pointer-events: none;\n  }\n\n\n  /* svg {\n      display:none !important;\n  } */\n\n  /* Hover */\n  .checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__control:hover {\n    background: var(--nile-colors-primary-100);\n    border: 1px solid var(--nile-colors-primary-600);\n    border-radius: 4px;\n  }\n\n  /* Focus */\n  .checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control {\n    outline: solid 3px hsl(198.6 88.7% 48.4% / 40%);\n    outline-offset: 1px;\n  }\n\n  /* Checked/indeterminate */\n  .checkbox--checked .checkbox__control,\n  .checkbox--indeterminate .checkbox__control {\n    border-color: var(--nile-colors-primary-600);\n    background-color: var(--nile-colors-primary-600);\n  }\n\n  /* Checked/indeterminate + hover */\n  .checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__control:hover,\n  .checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__control:hover {\n    background: var(--nile-colors-primary-900);\n    border: 1px solid var(--nile-colors-primary-900);\n  }\n\n  /* Checked/indeterminate + focus */\n  .checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control,\n  .checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control {\n    outline: solid 3px hsl(198.6 88.7% 48.4% / 40%);\n    outline-offset: 1px;\n  }\n\n  /* Disabled */\n  .checkbox--disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .checkbox__label {\n    display: inline-block;\n    color: var(--nile-type-scale-3);\n    line-height: 14px;\n    font-size: 14px;\n    margin-inline-start: 0.5em;\n    user-select: none;\n    margin-top: 2px;\n  }\n\n  :host([required]) .checkbox__label::after {\n    content: '*';\n    margin-inline-start: -2px\n  }\n\n  :host {\n    --nile-svg-stroke: white;\n  }\n"]))));}};});
+System.register(["../index-adad7634.cjs.js"],function(_export,_context){"use strict";var e,_templateObject,o;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){e=_index001CjsJs.i;}],execute:function(){_export("s",o=e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n   :host {\n    display: inline-block;\n  }\n\n  .checkbox {\n    position: relative;\n    display: inline-flex;\n    align-items: top;\n    font-weight: 400;\n    color: var(--nile-colors-dark-900);\n    vertical-align: middle;\n    cursor: pointer;\n  }\n\n  .checkbox--medium {\n    --toggle-size: var(--nile-type-scale-3);\n    font-size: var(--nile-type-scale-3);\n  }\n\n  .checkbox__control {\n    flex: 0 0 auto;\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--nile-type-scale-3);\n    height: var(--nile-type-scale-3);\n    border: solid 1px var(--nile-colors-neutral-700);\n    background-color: var(--nile-colors-white-base);\n    border-radius: 4px;\n    transition: var(--nile-transition-duration-default border-color), var(--nile-transition-duration-default) background-color,\n    var(--nile-transition-duration-default) color, var(--nile-transition-duration-default box-shadow);\n  }\n\n  .checkbox__input {\n    position: absolute;\n    opacity: 0;\n    padding: 0;\n    margin: 0;\n    pointer-events: none;\n  }\n\n\n  /* svg {\n      display:none !important;\n  } */\n\n  /* Hover */\n  .checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__control:hover {\n    background: var(--nile-colors-primary-100);\n    border: 1px solid var(--nile-colors-primary-600);\n    border-radius: 4px;\n  }\n\n  /* Focus */\n  .checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control {\n    outline: solid 3px hsl(198.6 88.7% 48.4% / 40%);\n    outline-offset: 1px;\n  }\n\n  /* Checked/indeterminate */\n  .checkbox--checked .checkbox__control,\n  .checkbox--indeterminate .checkbox__control {\n    border-color: var(--nile-colors-primary-600);\n    background-color: var(--nile-colors-primary-600);\n  }\n\n  /* Checked/indeterminate + hover */\n  .checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__control:hover,\n  .checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__control:hover {\n    background: var(--nile-colors-primary-900);\n    border: 1px solid var(--nile-colors-primary-900);\n  }\n\n  /* Checked/indeterminate + focus */\n  .checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control,\n  .checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control {\n    outline: solid 3px hsl(198.6 88.7% 48.4% / 40%);\n    outline-offset: 1px;\n  }\n\n  /* Disabled */\n  .checkbox--disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .checkbox__label {\n    display: inline-block;\n    line-height: 14px;\n    font-size: 14px;\n    margin-inline-start: 0.5em;\n    user-select: none;\n    margin-top: 2px;\n    color: var(--nile-colors-dark-900);\n    font-family: Colfax-regular;\n    font-style: normal;\n    font-weight: 400;\n    letter-spacing: 0.2px;\n  }\n\n  :host([required]) .checkbox__label::after {\n    content: '*';\n    margin-inline-start: -2px\n  }\n\n  :host {\n    --nile-svg-stroke: white;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-checkbox.css.cjs.js.map

package/dist/nile-checkbox/nile-checkbox.css.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-checkbox.css.cjs.js","sources":["../../../src/nile-checkbox/nile-checkbox.css.ts"],"sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { css } from 'lit-element';\n\n/\n Checkbox CSS\n /\nexport const styles = css`\n :host {\n display: inline-block;\n }\n\n .checkbox {\n position: relative;\n display: inline-flex;\n align-items: top;\n font-weight: 400;\n color: var(--nile-colors-dark-900);\n vertical-align: middle;\n cursor: pointer;\n }\n\n .checkbox--medium {\n --toggle-size: var(--nile-type-scale-3);\n font-size: var(--nile-type-scale-3);\n }\n\n .checkbox__control {\n flex: 0 0 auto;\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--nile-type-scale-3);\n height: var(--nile-type-scale-3);\n border: solid 1px var(--nile-colors-neutral-700);\n background-color: var(--nile-colors-white-base);\n border-radius: 4px;\n transition: var(--nile-transition-duration-default border-color), var(--nile-transition-duration-default) background-color,\n var(--nile-transition-duration-default) color, var(--nile-transition-duration-default box-shadow);\n }\n\n .checkbox__input {\n position: absolute;\n opacity: 0;\n padding: 0;\n margin: 0;\n pointer-events: none;\n }\n\n\n / svg {\n display:none !important;\n } /\n\n / Hover /\n .checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__control:hover {\n background: var(--nile-colors-primary-100);\n border: 1px solid var(--nile-colors-primary-600);\n border-radius: 4px;\n }\n\n / Focus /\n .checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control {\n outline: solid 3px hsl(198.6 88.7% 48.4% / 40%);\n outline-offset: 1px;\n }\n\n / Checked/indeterminate /\n .checkbox--checked .checkbox__control,\n .checkbox--indeterminate .checkbox__control {\n border-color: var(--nile-colors-primary-600);\n background-color: var(--nile-colors-primary-600);\n }\n\n / Checked/indeterminate + hover /\n .checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__control:hover,\n .checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__control:hover {\n background: var(--nile-colors-primary-900);\n border: 1px solid var(--nile-colors-primary-900);\n }\n\n / Checked/indeterminate + focus /\n .checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control,\n .checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control {\n outline: solid 3px hsl(198.6 88.7% 48.4% / 40%);\n outline-offset: 1px;\n }\n\n / Disabled /\n .checkbox--disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .checkbox__label {\n display: inline-block;\n ~~color: var(--nile-type-scale-3);\n~~ line-height: 14px;\n font-size: 14px;\n margin-inline-start: 0.5em;\n user-select: none;\n margin-top: 2px;\n }\n\n :host([required]) .checkbox__label::after {\n content: '';\n margin-inline-start: -2px\n }\n\n :host {\n --nile-svg-stroke: white;\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG"}
1	+ {"version":3,"file":"nile-checkbox.css.cjs.js","sources":["../../../src/nile-checkbox/nile-checkbox.css.ts"],"sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { css } from 'lit-element';\n\n/\n Checkbox CSS\n /\nexport const styles = css`\n :host {\n display: inline-block;\n }\n\n .checkbox {\n position: relative;\n display: inline-flex;\n align-items: top;\n font-weight: 400;\n color: var(--nile-colors-dark-900);\n vertical-align: middle;\n cursor: pointer;\n }\n\n .checkbox--medium {\n --toggle-size: var(--nile-type-scale-3);\n font-size: var(--nile-type-scale-3);\n }\n\n .checkbox__control {\n flex: 0 0 auto;\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--nile-type-scale-3);\n height: var(--nile-type-scale-3);\n border: solid 1px var(--nile-colors-neutral-700);\n background-color: var(--nile-colors-white-base);\n border-radius: 4px;\n transition: var(--nile-transition-duration-default border-color), var(--nile-transition-duration-default) background-color,\n var(--nile-transition-duration-default) color, var(--nile-transition-duration-default box-shadow);\n }\n\n .checkbox__input {\n position: absolute;\n opacity: 0;\n padding: 0;\n margin: 0;\n pointer-events: none;\n }\n\n\n / svg {\n display:none !important;\n } /\n\n / Hover /\n .checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__control:hover {\n background: var(--nile-colors-primary-100);\n border: 1px solid var(--nile-colors-primary-600);\n border-radius: 4px;\n }\n\n / Focus /\n .checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control {\n outline: solid 3px hsl(198.6 88.7% 48.4% / 40%);\n outline-offset: 1px;\n }\n\n / Checked/indeterminate /\n .checkbox--checked .checkbox__control,\n .checkbox--indeterminate .checkbox__control {\n border-color: var(--nile-colors-primary-600);\n background-color: var(--nile-colors-primary-600);\n }\n\n / Checked/indeterminate + hover /\n .checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__control:hover,\n .checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__control:hover {\n background: var(--nile-colors-primary-900);\n border: 1px solid var(--nile-colors-primary-900);\n }\n\n / Checked/indeterminate + focus /\n .checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control,\n .checkbox.checkbox--indeterminate:not(.checkbox--disabled) .checkbox__input:focus-visible ~ .checkbox__control {\n outline: solid 3px hsl(198.6 88.7% 48.4% / 40%);\n outline-offset: 1px;\n }\n\n / Disabled /\n .checkbox--disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .checkbox__label {\n display: inline-block;\n line-height: 14px;\n font-size: 14px;\n margin-inline-start: 0.5em;\n user-select: none;\n margin-top: 2px;\n color: var(--nile-colors-dark-900);\n font-family: Colfax-regular;\n font-style: normal;\n font-weight: 400;\n letter-spacing: 0.2px;\n }\n\n :host([required]) .checkbox__label::after {\n content: '';\n margin-inline-start: -2px\n }\n\n :host {\n --nile-svg-stroke: white;\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG"}

package/dist/nile-checkbox/nile-checkbox.css.esm.js CHANGED Viewed

@@ -88,12 +88,16 @@ import{i as e}from"../index-f1b94546.esm.js";const o=e`
   .checkbox__label {
     display: inline-block;
-    color: var(--nile-type-scale-3);
     line-height: 14px;
     font-size: 14px;
     margin-inline-start: 0.5em;
     user-select: none;
     margin-top: 2px;
+    color: var(--nile-colors-dark-900);
+    font-family: Colfax-regular;
+    font-style: normal;
+    font-weight: 400;
+    letter-spacing: 0.2px;
   }
   :host([required]) .checkbox__label::after {

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

@@ -1,4 +1,4 @@
-import{__decorate as e}from"tslib";import{y as i}from"../index-f1b94546.esm.js";import{query as t,state as s,customElement as c}from"lit/decorators.js";import{s as o}from"./nile-checkbox.css.esm.js";import{classMap as h}from"lit/directives/class-map.js";import{d as l}from"../internal/default-value.esm.js";import{ifDefined as r}from"lit/directives/if-defined.js";import{live as n}from"lit/directives/live.js";import{w as a}from"../internal/watch.esm.js";import{N as d}from"../internal/nile-element.esm.js";import{e as m}from"../property-bf6307e2.esm.js";import"lit";let p=class extends d{constructor(){super(),this.hasFocus=!1,this.title="",this.name="",this.size="medium",this.disabled=!1,this.checked=!1,this.label="",this.indeterminate=!1,this.defaultChecked=!1,this.form="",this.required=!1}handleClick(){this.checked=!this.checked,this.indeterminate=!1,this.dispatchEvent(new CustomEvent("valueChange",{composed:!0,bubbles:!0,detail:{checked:this.checked}}))}handleBlur(){this.hasFocus=!1,this.emit("blur")}handleInput(){this.emit("input")}handleFocus(){this.hasFocus=!0,this.emit("focus")}handleStateChange(){this.input.checked=this.checked,this.input.indeterminate=this.indeterminate}click(){this.input.click()}focus(e){this.input.focus(e)}blur(){this.input.blur()}render(){return i`
+import{__decorate as e}from"tslib";import{y as t}from"../index-f1b94546.esm.js";import{query as i,state as s,customElement as o}from"lit/decorators.js";import{s as c}from"./nile-checkbox.css.esm.js";import{classMap as h}from"lit/directives/class-map.js";import{d as r}from"../internal/default-value.esm.js";import{ifDefined as l}from"lit/directives/if-defined.js";import{live as n}from"lit/directives/live.js";import{w as a}from"../internal/watch.esm.js";import{N as d}from"../internal/nile-element.esm.js";import{e as m}from"../property-bf6307e2.esm.js";import"lit";let p=class extends d{constructor(){super(),this.hasFocus=!1,this.title="",this.name="",this.size="medium",this.disabled=!1,this.checked=!1,this.label="",this.indeterminate=!1,this.defaultChecked=!1,this.helpText="",this.errorMessage="",this.form="",this.required=!1}handleClick(){this.checked=!this.checked,this.indeterminate=!1,this.dispatchEvent(new CustomEvent("valueChange",{composed:!0,bubbles:!0,detail:{checked:this.checked}}))}handleBlur(){this.hasFocus=!1,this.emit("blur")}handleInput(){this.emit("input")}handleFocus(){this.hasFocus=!0,this.emit("focus")}handleStateChange(){this.input.checked=this.checked,this.input.indeterminate=this.indeterminate}click(){this.input.click()}focus(e){this.input.focus(e)}blur(){this.input.blur()}render(){const e=!!this.helpText,i=!!this.errorMessage;return t`
       <label
         part="base"
         class=${h({checkbox:!0,"checkbox--checked":this.checked,"checkbox--disabled":this.disabled,"checkbox--focused":this.hasFocus,"checkbox--indeterminate":this.indeterminate,"checkbox--medium":"medium"===this.size})}
@@ -8,7 +8,7 @@ import{__decorate as e}from"tslib";import{y as i}from"../index-f1b94546.esm.js";
           type="checkbox"
           title=${this.title}
           name=${this.name}
-          value=${r(this.value)}
+          value=${l(this.value)}
           .indeterminate=${n(this.indeterminate)}
           .checked=${n(this.checked)}
           .disabled=${this.disabled}
@@ -24,7 +24,7 @@ import{__decorate as e}from"tslib";import{y as i}from"../index-f1b94546.esm.js";
           part="control${this.checked?" control--checked":""}${this.indeterminate?" control--indeterminate":""}"
           class="checkbox__control"
         >
-          ${this.checked?i`
+          ${this.checked?t`
                 <nile-icon
                   part="checked-icon"
                   class="checkbox__checked-icon"
@@ -34,7 +34,7 @@ import{__decorate as e}from"tslib";import{y as i}from"../index-f1b94546.esm.js";
                   size="12"
                 ></nile-icon>
               `:""}
-          ${!this.checked&&this.indeterminate?i`
+          ${!this.checked&&this.indeterminate?t`
                 <nile-icon
                   part="indeterminate-icon"
                   class="checkbox__indeterminate-icon"
@@ -51,4 +51,14 @@ import{__decorate as e}from"tslib";import{y as i}from"../index-f1b94546.esm.js";
           <slot></slot>
         </div>
       </label>
-    `}};p.styles=o,e([t('input[type="checkbox"]')],p.prototype,"input",void 0),e([s()],p.prototype,"hasFocus",void 0),e([m()],p.prototype,"title",void 0),e([m()],p.prototype,"name",void 0),e([m()],p.prototype,"value",void 0),e([m({reflect:!0})],p.prototype,"size",void 0),e([m({type:Boolean,reflect:!0})],p.prototype,"disabled",void 0),e([m({type:Boolean,reflect:!0})],p.prototype,"checked",void 0),e([m({type:Boolean,reflect:!0})],p.prototype,"label",void 0),e([m({type:Boolean,reflect:!0})],p.prototype,"indeterminate",void 0),e([l("checked")],p.prototype,"defaultChecked",void 0),e([m({reflect:!0})],p.prototype,"form",void 0),e([m({type:Boolean,reflect:!0})],p.prototype,"required",void 0),e([a(["checked","indeterminate"],{waitUntilFirstUpdate:!0})],p.prototype,"handleStateChange",null),p=e([c("nile-checkbox")],p);
+      ${e?t`
+                <nile-form-help-text>${this.helpText}</nile-form-help-text>
+              `:""}
+        ${i?t`
+                <nile-form-error-message
+                  >${this.errorMessage}</nile-form-error-message
+                >
+              `:""}
+    `}};p.styles=c,e([i('input[type="checkbox"]')],p.prototype,"input",void 0),e([s()],p.prototype,"hasFocus",void 0),e([m()],p.prototype,"title",void 0),e([m()],p.prototype,"name",void 0),e([m()],p.prototype,"value",void 0),e([m({reflect:!0})],p.prototype,"size",void 0),e([m({type:Boolean,reflect:!0})],p.prototype,"disabled",void 0),e([m({type:Boolean,reflect:!0})],p.prototype,"checked",void 0),e([m({type:String,reflect:!0})],p.prototype,"label",void 0),e([m({type:Boolean,reflect:!0})],p.prototype,"indeterminate",void 0),e([r("checked")],p.prototype,"defaultChecked",void 0),e([m({attribute:"help-text"})],p.prototype,"helpText",void 0),e([m({attribute:"error-message"})],p.prototype,"errorMessage",void 0),e([m({reflect:!0})],p.prototype,"form",void 0),e([m({type:Boolean,reflect:!0})],p.prototype,"required",void 0),e([a(["checked","indeterminate"],{waitUntilFirstUpdate:!0})],p.prototype,"handleStateChange",null),p=e([o("nile-checkbox")],p);

package/dist/nile-chip/nile-chip.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-System.register(["tslib","../index-adad7634.cjs.js","lit/decorators.js","./nile-chip.css.cjs.js","lit/directives/class-map.js","../internal/slot.cjs.js","../internal/watch.cjs.js","../internal/nile-element.cjs.js","../property-ec52a751.cjs.js","lit"],function(_export,_context){"use strict";var t,e,i,s,o,l,h,n,a,r,p,_templateObject,_templateObject2,c;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableSpread();}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen);}function _iterableToArray(iter){if(typeof Symbol!=="undefined"&&iter[Symbol.iterator]!=null||iter["@@iterator"]!=null)return Array.from(iter);}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr);}function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2;}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}function _get(){if(typeof Reflect!=="undefined"&&Reflect.get){_get=Reflect.get.bind();}else{_get=function _get(target,property,receiver){var base=_superPropBase(target,property);if(!base)return;var desc=Object.getOwnPropertyDescriptor(base,property);if(desc.get){return desc.get.call(arguments.length<3?target:receiver);}return desc.value;};}return _get.apply(this,arguments);}function _superPropBase(object,property){while(!Object.prototype.hasOwnProperty.call(object,property)){object=_getPrototypeOf(object);if(object===null)break;}return object;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(typeof call==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_index001CjsJs){e=_index001CjsJs.y;},function(_litDecoratorsJs){i=_litDecoratorsJs.state;s=_litDecoratorsJs.query;o=_litDecoratorsJs.customElement;},function(_nileChipCssCjsJs){l=_nileChipCssCjsJs.s;},function(_litDirectivesClassMapJs){h=_litDirectivesClassMapJs.classMap;},function(_internalSlotCjsJs){n=_internalSlotCjsJs.H;},function(_internalWatchCjsJs){a=_internalWatchCjsJs.w;},function(_internalNileElementCjsJs){r=_internalNileElementCjsJs.N;},function(_property002CjsJs){p=_property002CjsJs.e;},function(_lit){}],execute:function(){c=/*#__PURE__*/function(_r){_inherits(c,_r);var _super=_createSuper(c);function c(){var _this;_classCallCheck(this,c);_this=_super.apply(this,arguments),_this.hasSlotController=new n(_assertThisInitialized(_this),"help-text","label"),_this.tags=[],_this.inputValue="",_this.isDropdownOpen=!1,_this.warning=!1,_this.error=!1,_this.success=!1,_this.noDuplicates=!1,_this.label="",_this.acceptUserInput=!1,_this.clearable=!1,_this.placeholder="type here...",_this.readonly=!1,_this.disabled=!1,_this.helpText="",_this.autoCompleteOptions=[],_this.filteredAutoCompleteOptions=[],_this.value=[],_this.noWrap=!1;return _this;}_createClass(c,[{key:"onAutoCompleteOptionsChanged",value:function onAutoCompleteOptionsChanged(){var _this2=this;this.filteredAutoCompleteOptions=_toConsumableArray(this.autoCompleteOptions),this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter(function(t){return!_this2.value.includes(t);}));}},{key:"onValueChanged",value:function onValueChanged(){this.tags=_toConsumableArray(this.value),this.onTagsChanged();}},{key:"onTagsChanged",value:function onTagsChanged(){var _this3=this;this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter(function(t){return!_this3.tags.includes(t);}));}},{key:"connectedCallback",value:function connectedCallback(){var _this4=this;_get(_getPrototypeOf(c.prototype),"connectedCallback",this).call(this),this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter(function(t){return!_this4.value.includes(t);}));}},{key:"handleSelect",value:function handleSelect(t){this.noDuplicates&&this.tags.includes(t.detail.value)||(this.tags=[].concat(_toConsumableArray(this.tags),[t.detail.value]),this.emit("nile-chip-change",{value:this.tags}),this.resetInput());}},{key:"handleRemove",value:function handleRemove(t){this.tags=this.tags.filter(function(e){return e!==t;}),this.noDuplicates&&this.autoCompleteOptions.includes(t)&&(this.filteredAutoCompleteOptions=[].concat(_toConsumableArray(this.filteredAutoCompleteOptions),[t])),this.emit("nile-chip-change",{value:this.tags});}},{key:"handleInputChange",value:function handleInputChange(t){this.inputValue=t.detail.value;}},{key:"handleInputKeydown",value:function handleInputKeydown(t){this.acceptUserInput&&("Enter"!==t.key||!this.inputValue||this.noDuplicates&&this.tags.includes(this.inputValue)||(this.tags=[].concat(_toConsumableArray(this.tags),[this.inputValue]),this.resetInput(),this.emit("nile-chip-change",{value:this.tags})));}},{key:"handleFocus",value:function handleFocus(){this.isDropdownOpen=!0;}},{key:"resetInput",value:function resetInput(){this.inputValue="",this.isDropdownOpen=!1,this.autoComplete.value="",this.autoComplete.handleFocus();}},{key:"render",value:function render(){var _this5=this;var t=this.hasSlotController.test("label"),i=this.hasSlotController.test("help-text"),s=!!this.label||!!t,o=!!this.helpText||!!i;return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div\n        part=\"form-control\"\n        class=","\n      >\n        <label\n          part=\"form-control-label\"\n          class=\"form-control__label\"\n          for=\"input\"\n          aria-hidden=","\n        >\n          <slot name=\"label\">","</slot>\n        </label>\n\n        <div\n          class=","\n        >\n          ","\n          <div class=\"nile-chip__auto-complete\">\n            <nile-auto-complete\n              .allMenuItems=","\n              .value=","\n              ?isDropdownOpen=","\n              .noBorder=","\n              openOnFocus\n              .placeholder=","\n              @nile-input=","\n              @keydown=","\n              @nile-focus=","\n              @nile-complete=","\n            ></nile-auto-complete>\n          </div>\n          <slot\n            name=\"help-text\"\n            part=\"form-control-help-text\"\n            id=\"help-text\"\n            class=\"form-control__help-text\"\n            aria-hidden=","\n          >\n            ","\n          </slot>\n        </div>\n      </div>\n    "])),h({"form-control":!0,"form-control--medium":!0,"form-control--has-label":s,"form-control--has-help-text":o,"nile-chip--disabled":this.disabled}),s?"false":"true",this.label,h({"nile-chip":!0,"nile-chip--warning":this.warning,"nile-chip--error":this.error,"nile-chip--success":this.success,"nile-chip--no-wrap":this.noWrap}),this.tags.map(function(t){return e(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n              <nile-tag\n                class=\"nile-chip__tags\"\n                @nile-remove=","\n                removable\n                pill\n              >\n                ","\n              </nile-tag>\n            "])),function(){return _this5.handleRemove(t);},t);}),this.filteredAutoCompleteOptions,this.inputValue,this.isDropdownOpen,!0,this.placeholder,this.handleInputChange,this.handleInputKeydown,this.handleFocus,this.handleSelect,o?"false":"true",this.helpText);}}],[{key:"styles",get:function get(){return[l];}}]);return c;}(r);t([i()],c.prototype,"tags",void 0),t([i()],c.prototype,"inputValue",void 0),t([i()],c.prototype,"isDropdownOpen",void 0),t([s("nile-auto-complete")],c.prototype,"autoComplete",void 0),t([p({type:Boolean})],c.prototype,"warning",void 0),t([p({type:Boolean})],c.prototype,"error",void 0),t([p({type:Boolean})],c.prototype,"success",void 0),t([p({type:Boolean})],c.prototype,"noDuplicates",void 0),t([p()],c.prototype,"label",void 0),t([p({type:Boolean})],c.prototype,"acceptUserInput",void 0),t([p({type:Boolean})],c.prototype,"clearable",void 0),t([p()],c.prototype,"placeholder",void 0),t([p({type:Boolean,reflect:!0})],c.prototype,"readonly",void 0),t([p({type:Boolean,reflect:!0})],c.prototype,"disabled",void 0),t([p({attribute:"help-text"})],c.prototype,"helpText",void 0),t([p({type:Array})],c.prototype,"autoCompleteOptions",void 0),t([p({type:Array})],c.prototype,"filteredAutoCompleteOptions",void 0),t([p({type:Array})],c.prototype,"value",void 0),t([p({type:Boolean})],c.prototype,"noWrap",void 0),t([a("autoCompleteOptions")],c.prototype,"onAutoCompleteOptionsChanged",null),t([a("value")],c.prototype,"onValueChanged",null),t([a("tags")],c.prototype,"onTagsChanged",null),c=t([o("nile-chip")],c);}};});
+System.register(["tslib","../index-adad7634.cjs.js","lit/decorators.js","./nile-chip.css.cjs.js","lit/directives/class-map.js","../internal/slot.cjs.js","../internal/watch.cjs.js","../internal/nile-element.cjs.js","../property-ec52a751.cjs.js","lit"],function(_export,_context){"use strict";var t,e,i,s,o,l,h,n,r,a,p,_templateObject,_templateObject2,_templateObject3,_templateObject4,c;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableSpread();}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen);}function _iterableToArray(iter){if(typeof Symbol!=="undefined"&&iter[Symbol.iterator]!=null||iter["@@iterator"]!=null)return Array.from(iter);}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr);}function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2;}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}function _get(){if(typeof Reflect!=="undefined"&&Reflect.get){_get=Reflect.get.bind();}else{_get=function _get(target,property,receiver){var base=_superPropBase(target,property);if(!base)return;var desc=Object.getOwnPropertyDescriptor(base,property);if(desc.get){return desc.get.call(arguments.length<3?target:receiver);}return desc.value;};}return _get.apply(this,arguments);}function _superPropBase(object,property){while(!Object.prototype.hasOwnProperty.call(object,property)){object=_getPrototypeOf(object);if(object===null)break;}return object;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(typeof call==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_index001CjsJs){e=_index001CjsJs.y;},function(_litDecoratorsJs){i=_litDecoratorsJs.state;s=_litDecoratorsJs.query;o=_litDecoratorsJs.customElement;},function(_nileChipCssCjsJs){l=_nileChipCssCjsJs.s;},function(_litDirectivesClassMapJs){h=_litDirectivesClassMapJs.classMap;},function(_internalSlotCjsJs){n=_internalSlotCjsJs.H;},function(_internalWatchCjsJs){r=_internalWatchCjsJs.w;},function(_internalNileElementCjsJs){a=_internalNileElementCjsJs.N;},function(_property002CjsJs){p=_property002CjsJs.e;},function(_lit){}],execute:function(){c=/*#__PURE__*/function(_a){_inherits(c,_a);var _super=_createSuper(c);function c(){var _this;_classCallCheck(this,c);_this=_super.apply(this,arguments),_this.hasSlotController=new n(_assertThisInitialized(_this),"help-text","label"),_this.tags=[],_this.inputValue="",_this.isDropdownOpen=!1,_this.warning=!1,_this.error=!1,_this.success=!1,_this.noDuplicates=!1,_this.label="",_this.acceptUserInput=!1,_this.clearable=!1,_this.placeholder="type here...",_this.readonly=!1,_this.disabled=!1,_this.autoCompleteOptions=[],_this.filteredAutoCompleteOptions=[],_this.value=[],_this.noWrap=!1,_this.errorIndexes=[],_this.helpText="",_this.errorMessage="";return _this;}_createClass(c,[{key:"onAutoCompleteOptionsChanged",value:function onAutoCompleteOptionsChanged(){var _this2=this;this.filteredAutoCompleteOptions=_toConsumableArray(this.autoCompleteOptions),this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter(function(t){return!_this2.value.includes(t);}));}},{key:"onValueChanged",value:function onValueChanged(){this.tags=_toConsumableArray(this.value),this.onTagsChanged();}},{key:"onTagsChanged",value:function onTagsChanged(){var _this3=this;this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter(function(t){return!_this3.tags.includes(t);}));}},{key:"connectedCallback",value:function connectedCallback(){var _this4=this;_get(_getPrototypeOf(c.prototype),"connectedCallback",this).call(this),this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter(function(t){return!_this4.value.includes(t);}));}},{key:"handleSelect",value:function handleSelect(t){this.noDuplicates&&this.tags.includes(t.detail.value)||(this.tags=[].concat(_toConsumableArray(this.tags),[t.detail.value]),this.emit("nile-chip-change",{value:this.tags}),this.resetInput());}},{key:"handleRemove",value:function handleRemove(t){this.tags=this.tags.filter(function(e){return e!==t;}),this.noDuplicates&&this.autoCompleteOptions.includes(t)&&(this.filteredAutoCompleteOptions=[].concat(_toConsumableArray(this.filteredAutoCompleteOptions),[t])),this.emit("nile-chip-change",{value:this.tags});}},{key:"handleInputChange",value:function handleInputChange(t){this.inputValue=t.detail.value;}},{key:"handleInputKeydown",value:function handleInputKeydown(t){this.acceptUserInput&&("Enter"!==t.key||!this.inputValue||this.noDuplicates&&this.tags.includes(this.inputValue)||(this.tags=[].concat(_toConsumableArray(this.tags),[this.inputValue]),this.resetInput(),this.emit("nile-chip-change",{value:this.tags})));}},{key:"handleFocus",value:function handleFocus(){this.isDropdownOpen=!0;}},{key:"resetInput",value:function resetInput(){this.inputValue="",this.isDropdownOpen=!1,this.autoComplete.value="",this.autoComplete.handleFocus();}},{key:"render",value:function render(){var _this5=this;var t=this.hasSlotController.test("label");this.hasSlotController.test("help-text");var i=!!this.label||!!t,s=!!this.helpText,o=!!this.errorMessage;return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div\n        part=\"form-control\"\n        class=","\n      >\n        <label\n          part=\"form-control-label\"\n          class=\"form-control__label\"\n          for=\"input\"\n          aria-hidden=","\n        >\n          <slot name=\"label\">","</slot>\n        </label>\n\n        <div\n          class=","\n        >\n          ","\n          <div class=\"nile-chip__auto-complete\">\n            <nile-auto-complete\n              .allMenuItems=","\n              .value=","\n              ?isDropdownOpen=","\n              .noBorder=","\n              openOnFocus\n              .placeholder=","\n              @nile-input=","\n              @keydown=","\n              @nile-focus=","\n              @nile-complete=","\n            ></nile-auto-complete>\n          </div>\n          <slot\n            name=\"help-text\"\n            part=\"form-control-help-text\"\n            id=\"help-text\"\n            class=\"form-control__help-text\"\n            aria-hidden=","\n          >\n            ","\n          </slot>\n        </div>\n        ","\n\n        ","\n      </div>\n    "])),h({"form-control":!0,"form-control--medium":!0,"form-control--has-label":i,"form-control--has-help-text":s,"nile-chip--disabled":this.disabled}),i?"false":"true",this.label,h({"nile-chip":!0,"nile-chip--warning":this.warning,"nile-chip--error":this.error,"nile-chip--success":this.success,"nile-chip--no-wrap":this.noWrap}),this.tags.map(function(t,i){return e(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n              <nile-tag\n                class=","\n                .variant=","\n                @nile-remove=","\n                removable\n                pill\n              >\n                ","\n              </nile-tag>\n            "])),h({"nile-chip__tags":!0}),_this5.errorIndexes.includes(i)?"error":"normal",function(){return _this5.handleRemove(t);},t);}),this.filteredAutoCompleteOptions,this.inputValue,this.isDropdownOpen,!0,this.placeholder,this.handleInputChange,this.handleInputKeydown,this.handleFocus,this.handleSelect,s?"false":"true",this.helpText,s?e(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n                <nile-form-help-text>","</nile-form-help-text>\n              "])),this.helpText):"",o?e(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n                <nile-form-error-message\n                  >","</nile-form-error-message\n                >\n              "])),this.errorMessage):"");}}],[{key:"styles",get:function get(){return[l];}}]);return c;}(a);t([i()],c.prototype,"tags",void 0),t([i()],c.prototype,"inputValue",void 0),t([i()],c.prototype,"isDropdownOpen",void 0),t([s("nile-auto-complete")],c.prototype,"autoComplete",void 0),t([p({type:Boolean})],c.prototype,"warning",void 0),t([p({type:Boolean})],c.prototype,"error",void 0),t([p({type:Boolean})],c.prototype,"success",void 0),t([p({type:Boolean})],c.prototype,"noDuplicates",void 0),t([p()],c.prototype,"label",void 0),t([p({type:Boolean})],c.prototype,"acceptUserInput",void 0),t([p({type:Boolean})],c.prototype,"clearable",void 0),t([p()],c.prototype,"placeholder",void 0),t([p({type:Boolean,reflect:!0})],c.prototype,"readonly",void 0),t([p({type:Boolean,reflect:!0})],c.prototype,"disabled",void 0),t([p({type:Array})],c.prototype,"autoCompleteOptions",void 0),t([p({type:Array})],c.prototype,"filteredAutoCompleteOptions",void 0),t([p({type:Array})],c.prototype,"value",void 0),t([p({type:Boolean})],c.prototype,"noWrap",void 0),t([p({type:Array})],c.prototype,"errorIndexes",void 0),t([p({attribute:"help-text"})],c.prototype,"helpText",void 0),t([p({attribute:"error-message"})],c.prototype,"errorMessage",void 0),t([r("autoCompleteOptions")],c.prototype,"onAutoCompleteOptionsChanged",null),t([r("value")],c.prototype,"onValueChanged",null),t([r("tags")],c.prototype,"onTagsChanged",null),c=t([o("nile-chip")],c);}};});
 //# sourceMappingURL=nile-chip.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-chip.cjs.js","sources":["../../../src/nile-chip/nile-chip.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 {\n LitElement,\n html,\n property,\n CSSResultArray,\n TemplateResult,\n} from 'lit-element';\nimport { customElement, query, state } from 'lit/decorators.js';\nimport { styles } from './nile-chip.css';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { HasSlotController } from '../internal/slot';\nimport { watch } from '../internal/watch';\nimport NileElement, { NileFormControl } from '../internal/nile-element';\n\ninterface CustomEventDetail {\n value: string;\n}\n\n@customElement('nile-chip')\nexport class NileChip extends NileElement {\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n private readonly hasSlotController = new HasSlotController(\n this,\n 'help-text',\n 'label'\n );\n\n @state() tags: string[] = [];\n\n @state() inputValue: string = '';\n\n @state() isDropdownOpen: boolean = false;\n\n @query('nile-auto-complete') autoComplete!: any;\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 /* Disables the duplicate entries. /\n @property({ type: Boolean }) noDuplicates = false;\n\n /* The input's label. If you need to display HTML, use the `label` slot instead. /\n @property() label = '';\n\n /* Adds a clear button when the input is not empty. /\n @property({ type: Boolean }) acceptUserInput = false;\n\n /* Adds a clear button when the input is not empty. /\n @property({ type: Boolean }) clearable = false;\n\n /* Placeholder text to show as a hint when the input is empty. /\n @property() placeholder = 'type here...';\n\n /* Makes the input readonly. /\n @property({ type: Boolean, reflect: true }) readonly = false;\n\n /* Disables the input. /\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n /* The input's help text. If you need to display HTML, use the `help-text` slot instead. */\n @property({ attribute: 'help-text' }) helpText = '';\n\n // Auto-complete options\n @property({ type: Array }) autoCompleteOptions: any[] = [];\n\n @property({ type: Array }) filteredAutoCompleteOptions: any[] = [];\n\n @property({ type: Array }) value: any[] = [];\n\n @property({ type: Boolean }) noWrap: boolean = false;\n\n @watch('autoCompleteOptions')\n onAutoCompleteOptionsChanged() {\n this.filteredAutoCompleteOptions = [...this.autoCompleteOptions];\n\n if (this.noDuplicates) {\n this.filteredAutoCompleteOptions =\n this.filteredAutoCompleteOptions.filter(\n option => !this.value.includes(option)\n );\n }\n }\n\n @watch('value')\n onValueChanged() {\n this.tags = [...this.value];\n this.onTagsChanged();\n }\n\n @watch('tags')\n onTagsChanged() {\n if (this.noDuplicates) {\n this.filteredAutoCompleteOptions =\n this.filteredAutoCompleteOptions.filter(\n option => !this.tags.includes(option)\n );\n }\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n if (this.noDuplicates) {\n this.filteredAutoCompleteOptions =\n this.filteredAutoCompleteOptions.filter(\n option => !this.value.includes(option)\n );\n }\n }\n\n private handleSelect(event: CustomEvent<CustomEventDetail>) {\n // Add the selected value to the tags array only if it doesn't already exist\n if (!this.noDuplicates \|\| !this.tags.includes(event.detail.value)) {\n this.tags = [...this.tags, event.detail.value];\n this.emit('nile-chip-change', { value: this.tags });\n this.resetInput();\n }\n }\n\n private handleRemove(value: string) {\n // Remove the tag from the tags array\n this.tags = this.tags.filter(tag => tag !== value);\n\n if (this.noDuplicates && this.autoCompleteOptions.includes(value)) {\n this.filteredAutoCompleteOptions = [\n ...this.filteredAutoCompleteOptions,\n value,\n ];\n }\n this.emit('nile-chip-change', { value: this.tags });\n }\n\n private handleInputChange(event: CustomEvent<CustomEventDetail>) {\n // Update the input value\n this.inputValue = event.detail.value;\n }\n\n private handleInputKeydown(event: KeyboardEvent) {\n if (!this.acceptUserInput) {\n return;\n }\n\n if (\n event.key === 'Enter' &&\n this.inputValue &&\n (!this.noDuplicates \|\| !this.tags.includes(this.inputValue))\n ) {\n this.tags = [...this.tags, this.inputValue];\n this.resetInput();\n this.emit('nile-chip-change', { value: this.tags });\n }\n }\n\n private handleFocus() {\n this.isDropdownOpen = true;\n }\n\n private resetInput() {\n // Reset the input-related properties\n this.inputValue = '';\n this.isDropdownOpen = false;\n this.autoComplete.value = '';\n this.autoComplete.handleFocus();\n }\n\n render() {\n // Check if slots are present\n const hasLabelSlot = this.hasSlotController.test('label');\n const hasHelpTextSlot = this.hasSlotController.test('help-text');\n\n // Check if label and help text are present\n const hasLabel = this.label ? true : !!hasLabelSlot;\n const hasHelpText = this.helpText ? true : !!hasHelpTextSlot;\n\n return html`\n <div\n part=\"form-control\"\n class=${classMap({\n 'form-control': true,\n 'form-control--medium': true,\n 'form-control--has-label': hasLabel,\n 'form-control--has-help-text': hasHelpText,\n 'nile-chip--disabled': this.disabled,\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\n class=${classMap({\n 'nile-chip': true,\n 'nile-chip--warning': this.warning,\n 'nile-chip--error': this.error,\n 'nile-chip--success': this.success,\n 'nile-chip--no-wrap': this.noWrap,\n })}\n >\n ${this.tags.map(\n tag => html`\n <nile-tag\n class=\"nile-chip__tags\"\n @nile-remove=${() => this.handleRemove(tag)}\n removable\n pill\n >\n ${tag}\n </nile-tag>\n `\n )}\n <div class=\"nile-chip__auto-complete\">\n <nile-auto-complete\n .allMenuItems=${this.filteredAutoCompleteOptions}\n .value=${this.inputValue}\n ?isDropdownOpen=${this.isDropdownOpen}\n .noBorder=${true}\n openOnFocus\n .placeholder=${this.placeholder}\n @nile-input=${this.handleInputChange}\n @keydown=${this.handleInputKeydown}\n @nile-focus=${this.handleFocus}\n @nile-complete=${this.handleSelect}\n ></nile-auto-complete>\n </div>\n <slot\n name=\"help-text\"\n part=\"form-control-help-text\"\n id=\"help-text\"\n class=\"form-control__help-text\"\n aria-hidden=${hasHelpText ? 'false' : 'true'}\n >\n ${this.helpText}\n </slot>\n </div>\n </div>\n `;\n }\n}\n\nexport default NileChip;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-chip': NileChip;\n }\n}\n"],"names":["NileChip","constructor","this","hasSlotController","HasSlotController","tags","inputValue","isDropdownOpen","warning","error","success","noDuplicates","label","acceptUserInput","clearable","placeholder","readonly","disabled","helpText","autoCompleteOptions","filteredAutoCompleteOptions","value","noWrap","styles","onAutoCompleteOptionsChanged","filter","option","includes","onValueChanged","onTagsChanged","connectedCallback","super","handleSelect","event","detail","emit","resetInput","handleRemove","tag","handleInputChange","handleInputKeydown","key","handleFocus","autoComplete","render","hasLabelSlot","test","hasHelpTextSlot","hasLabel","hasHelpText","html","classMap","map","__decorate","NileElement","state","prototype","query","property","type","Boolean","reflect","attribute","Array","watch","customElement"],"mappings":"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"}
1	+ {"version":3,"file":"nile-chip.cjs.js","sources":["../../../src/nile-chip/nile-chip.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 {\n LitElement,\n html,\n property,\n CSSResultArray,\n TemplateResult,\n} from 'lit-element';\nimport { customElement, query, state } from 'lit/decorators.js';\nimport { styles } from './nile-chip.css';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { HasSlotController } from '../internal/slot';\nimport { watch } from '../internal/watch';\nimport NileElement, { NileFormControl } from '../internal/nile-element';\n\ninterface CustomEventDetail {\n value: string;\n}\n\n@customElement('nile-chip')\nexport class NileChip extends NileElement {\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n private readonly hasSlotController = new HasSlotController(\n this,\n 'help-text',\n 'label'\n );\n\n @state() tags: string[] = [];\n\n @state() inputValue: string = '';\n\n @state() isDropdownOpen: boolean = false;\n\n @query('nile-auto-complete') autoComplete!: any;\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 /* Disables the duplicate entries. /\n @property({ type: Boolean }) noDuplicates = false;\n\n /* The input's label. If you need to display HTML, use the `label` slot instead. /\n @property() label = '';\n\n /* Adds a clear button when the input is not empty. /\n @property({ type: Boolean }) acceptUserInput = false;\n\n /* Adds a clear button when the input is not empty. /\n @property({ type: Boolean }) clearable = false;\n\n /* Placeholder text to show as a hint when the input is empty. /\n @property() placeholder = 'type here...';\n\n /* Makes the input readonly. /\n @property({ type: Boolean, reflect: true }) readonly = false;\n\n /* Disables the input. */\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n // Auto-complete options\n @property({ type: Array }) autoCompleteOptions: any[] = [];\n\n @property({ type: Array }) filteredAutoCompleteOptions: any[] = [];\n\n @property({ type: Array }) value: any[] = [];\n\n @property({ type: Boolean }) noWrap: boolean = false;\n\n @property({ type: Array }) errorIndexes: number[] = [];\n\n @property({ attribute: 'help-text' }) helpText = '';\n\n @property({ attribute: 'error-message' }) errorMessage = '';\n\n\n @watch('autoCompleteOptions')\n onAutoCompleteOptionsChanged() {\n this.filteredAutoCompleteOptions = [...this.autoCompleteOptions];\n\n if (this.noDuplicates) {\n this.filteredAutoCompleteOptions =\n this.filteredAutoCompleteOptions.filter(\n option => !this.value.includes(option)\n );\n }\n }\n\n @watch('value')\n onValueChanged() {\n this.tags = [...this.value];\n this.onTagsChanged();\n }\n\n @watch('tags')\n onTagsChanged() {\n if (this.noDuplicates) {\n this.filteredAutoCompleteOptions =\n this.filteredAutoCompleteOptions.filter(\n option => !this.tags.includes(option)\n );\n }\n }\n\n connectedCallback() {\n super.connectedCallback();\n\n if (this.noDuplicates) {\n this.filteredAutoCompleteOptions =\n this.filteredAutoCompleteOptions.filter(\n option => !this.value.includes(option)\n );\n }\n }\n\n private handleSelect(event: CustomEvent<CustomEventDetail>) {\n // Add the selected value to the tags array only if it doesn't already exist\n if (!this.noDuplicates \|\| !this.tags.includes(event.detail.value)) {\n this.tags = [...this.tags, event.detail.value];\n this.emit('nile-chip-change', { value: this.tags });\n this.resetInput();\n }\n }\n\n private handleRemove(value: string) {\n // Remove the tag from the tags array\n this.tags = this.tags.filter(tag => tag !== value);\n\n if (this.noDuplicates && this.autoCompleteOptions.includes(value)) {\n this.filteredAutoCompleteOptions = [\n ...this.filteredAutoCompleteOptions,\n value,\n ];\n }\n this.emit('nile-chip-change', { value: this.tags });\n }\n\n private handleInputChange(event: CustomEvent<CustomEventDetail>) {\n // Update the input value\n this.inputValue = event.detail.value;\n }\n\n private handleInputKeydown(event: KeyboardEvent) {\n if (!this.acceptUserInput) {\n return;\n }\n\n if (\n event.key === 'Enter' &&\n this.inputValue &&\n (!this.noDuplicates \|\| !this.tags.includes(this.inputValue))\n ) {\n this.tags = [...this.tags, this.inputValue];\n this.resetInput();\n this.emit('nile-chip-change', { value: this.tags });\n }\n }\n\n private handleFocus() {\n this.isDropdownOpen = true;\n }\n\n private resetInput() {\n // Reset the input-related properties\n this.inputValue = '';\n this.isDropdownOpen = false;\n this.autoComplete.value = '';\n this.autoComplete.handleFocus();\n }\n\n render() {\n // Check if slots are present\n const hasLabelSlot = this.hasSlotController.test('label');\n const hasHelpTextSlot = this.hasSlotController.test('help-text');\n\n // Check if label and help text are present\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': true,\n 'form-control--has-label': hasLabel,\n 'form-control--has-help-text': hasHelpText,\n 'nile-chip--disabled': this.disabled,\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\n class=${classMap({\n 'nile-chip': true,\n 'nile-chip--warning': this.warning,\n 'nile-chip--error': this.error,\n 'nile-chip--success': this.success,\n 'nile-chip--no-wrap': this.noWrap,\n })}\n >\n ${this.tags.map(\n (tag, index) => html`\n <nile-tag\n class=${classMap({\n 'nile-chip__tags': true,\n })}\n .variant=${this.errorIndexes.includes(index) ? 'error' : 'normal'}\n @nile-remove=${() => this.handleRemove(tag)}\n removable\n pill\n >\n ${tag}\n </nile-tag>\n `\n )}\n <div class=\"nile-chip__auto-complete\">\n <nile-auto-complete\n .allMenuItems=${this.filteredAutoCompleteOptions}\n .value=${this.inputValue}\n ?isDropdownOpen=${this.isDropdownOpen}\n .noBorder=${true}\n openOnFocus\n .placeholder=${this.placeholder}\n @nile-input=${this.handleInputChange}\n @keydown=${this.handleInputKeydown}\n @nile-focus=${this.handleFocus}\n @nile-complete=${this.handleSelect}\n ></nile-auto-complete>\n </div>\n <slot\n name=\"help-text\"\n part=\"form-control-help-text\"\n id=\"help-text\"\n class=\"form-control__help-text\"\n aria-hidden=${hasHelpText ? 'false' : 'true'}\n >\n ${this.helpText}\n </slot>\n </div>\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 NileChip;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-chip': NileChip;\n }\n}\n"],"names":["NileChip","constructor","this","hasSlotController","HasSlotController","tags","inputValue","isDropdownOpen","warning","error","success","noDuplicates","label","acceptUserInput","clearable","placeholder","readonly","disabled","autoCompleteOptions","filteredAutoCompleteOptions","value","noWrap","errorIndexes","helpText","errorMessage","styles","onAutoCompleteOptionsChanged","filter","option","includes","onValueChanged","onTagsChanged","connectedCallback","super","handleSelect","event","detail","emit","resetInput","handleRemove","tag","handleInputChange","handleInputKeydown","key","handleFocus","autoComplete","render","hasLabelSlot","test","hasLabel","hasHelpText","hasErrorMessage","html","classMap","map","index","__decorate","NileElement","state","prototype","query","property","type","Boolean","reflect","Array","attribute","watch","customElement"],"mappings":"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"}

package/dist/nile-chip/nile-chip.css.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-System.register(["../index-adad7634.cjs.js"],function(_export,_context){"use strict";var o,_templateObject,r;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){o=_index001CjsJs.i;}],execute:function(){_export("s",r=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    box-sizing: border-box;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    color: inherit;\n    margin-bottom: 0.125rem;\n  }\n\n  .form-control--has-label.form-control--small .form-control__label {\n    font-size: 0.875rem;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: 1rem;\n  }\n\n  .form-control--has-label.form-control--large .form-control__label {\n    font-size: 1.25rem;\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: undefined;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: hsl(240 3.8% 46.1%);\n    margin-top: 0.125rem;\n  }\n\n  .form-control--has-help-text.form-control--small .form-control__help-text {\n    font-size: 0.75rem;\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: 0.875rem;\n  }\n\n  .form-control--has-help-text.form-control--large .form-control__help-text {\n    font-size: 1rem;\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: 0.25rem;\n  }\n\n  :host {\n    display: block;\n    font-family: inherit;\n  }\n\n  .nile-chip {\n    padding: 5px 10px;\n    background-color: #fff;\n    border-radius: 0.25rem;\n    border: solid 1px #c7ced4;\n    padding: 5px 10px;\n    display: flex;\n    flex-wrap: wrap;\n    width: 100%;\n    overflow-x: hidden;\n  }\n\n  .nile-chip--no-wrap {\n    flex-wrap: nowrap;\n    overflow-x: scroll;\n  }\n\n  .nile-chip::-webkit-scrollbar {\n    height: 2px;\n  }\n\n  .nile-chip::-webkit-scrollbar-thumb {\n    background: var(\n      --nile-colors-primary-600\n    );\n  }\n\n  .nile-chip--disabled {\n    background-color: hsl(240 4.8% 95.9%);\n    border-color: hsl(240 4.9% 83.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  .nile-chip:hover:not(.nile-chip--disabled) {\n    background-color: #fff;\n    box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);\n  }\n\n  .nile-chip.nile-chip--focused:not(.nile-chip--disabled) {\n    background-color: #fff;\n    border-color: #005ea6;\n    box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);\n  }\n\n  .nile-chip.nile-chip--disabled {\n    background-color: hsl(240 4.8% 95.9%);\n    border-color: hsl(240 4.9% 83.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .nile-chip.nile-chip--warning {\n    border-color: #e5bf43;\n  }\n\n  .nile-chip.nile-chip--error {\n    border-color: #e5434d;\n  }\n\n  .nile-chip.nile-chip--success {\n    border-color: #43e5c0;\n  }\n\n  .nile-chip__auto-complete {\n    flex: 1;\n  }\n  .nile-chip__tags {\n    margin: 0.05rem;\n  }\n"]))));}};});
+System.register(["../index-adad7634.cjs.js"],function(_export,_context){"use strict";var o,_templateObject,r;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){o=_index001CjsJs.i;}],execute:function(){_export("s",r=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    box-sizing: border-box;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n\n  .form-control .form-control__label {\n    display: none;\n  }\n\n  .form-control .form-control__help-text {\n    display: none;\n  }\n\n  /* Label */\n  .form-control--has-label .form-control__label {\n    display: inline-block;\n    color: inherit;\n    margin-bottom: 12px;\n    color: var(--nile-colors-dark-900);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-label.form-control--medium .form-control__label {\n    font-size: 14px;\n  }\n\n  :host([required]) .form-control--has-label .form-control__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n    color: undefined;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: hsl(240 3.8% 46.1%);\n    margin-top: 0.125rem;\n  }\n\n  .form-control--has-help-text.form-control--small .form-control__help-text {\n    font-size: 0.75rem;\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: 0.875rem;\n  }\n\n  .form-control--has-help-text.form-control--large .form-control__help-text {\n    font-size: 1rem;\n  }\n\n  .form-control--has-help-text.form-control--radio-group\n    .form-control__help-text {\n    margin-top: 0.25rem;\n  }\n\n  :host {\n    display: block;\n    font-family: inherit;\n  }\n\n  .nile-chip {\n    padding: 5px 10px;\n    background-color: #fff;\n    border-radius: 0.25rem;\n    border: solid 1px #c7ced4;\n    display: flex;\n    flex-wrap: wrap;\n    width: 100%;\n    overflow-x: hidden;\n  }\n\n  .nile-chip--no-wrap {\n    flex-wrap: nowrap;\n    overflow-x: scroll;\n  }\n\n  .nile-chip::-webkit-scrollbar {\n    height: 2px;\n  }\n\n  .nile-chip::-webkit-scrollbar-thumb {\n    background: var(\n      --nile-colors-primary-600\n    );\n  }\n\n  .nile-chip--disabled {\n    background-color: hsl(240 4.8% 95.9%);\n    border-color: hsl(240 4.9% 83.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n    pointer-events: none;\n  }\n\n  .nile-chip:hover:not(.nile-chip--disabled) {\n    background-color: #fff;\n    box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);\n  }\n\n  .nile-chip.nile-chip--focused:not(.nile-chip--disabled) {\n    background-color: #fff;\n    border-color: #005ea6;\n    box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);\n  }\n\n  .nile-chip.nile-chip--disabled {\n    background-color: hsl(240 4.8% 95.9%);\n    border-color: hsl(240 4.9% 83.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .nile-chip.nile-chip--warning {\n    border-color: #e5bf43;\n  }\n\n  .nile-chip.nile-chip--error {\n    border-color: #e5434d;\n  }\n\n  .nile-chip.nile-chip--success {\n    border-color: #43e5c0;\n  }\n\n  .nile-chip__auto-complete {\n    flex: 1;\n  }\n  .nile-chip__tags {\n    margin: 0.05rem;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-chip.css.cjs.js.map

package/dist/nile-chip/nile-chip.css.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"nile-chip.css.cjs.js","sources":["../../../src/nile-chip/nile-chip.css.ts"],"sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { css } from 'lit-element';\n\n/\n Chip CSS\n /\nexport const styles = css`\n :host {\n box-sizing: border-box;\n }\n\n :host ,\n :host ::before,\n :host ::after {\n box-sizing: inherit;\n }\n\n [hidden] {\n display: none !important;\n }\n\n .form-control .form-control__label {\n display: none;\n }\n\n .form-control .form-control__help-text {\n display: none;\n }\n\n /* Label /\n .form-control--has-label .form-control__label {\n display: inline-block;\n color: inherit;\n margin-bottom: ~~0.125rem~~;\n ~~}\n\n .form-control~~--~~has~~-~~label.form~~-~~control--small~~ ~~.form~~-~~control__label {\~~n font-size: ~~0.875rem~~;\n }\n~~\n .form~~-~~control--has-label.form-control--medium~~ ~~.form~~-~~control__label~~ {\n ~~font~~-~~size~~: ~~1rem~~;\n }\n\n .form-control--has-label.form-control--~~large~~ .form-control__label {\n font-size: ~~1.25rem~~;\n }\n\n :host([required]) .form-control--has-label .form-control__label::after {\n content: '';\n margin-inline-start: -2px;\n color: undefined;\n }\n\n /* Help text */\n .form-control--has-help-text .form-control__help-text {\n display: block;\n color: hsl(240 3.8% 46.1%);\n margin-top: 0.125rem;\n }\n\n .form-control--has-help-text.form-control--small .form-control__help-text {\n font-size: 0.75rem;\n }\n\n .form-control--has-help-text.form-control--medium .form-control__help-text {\n font-size: 0.875rem;\n }\n\n .form-control--has-help-text.form-control--large .form-control__help-text {\n font-size: 1rem;\n }\n\n .form-control--has-help-text.form-control--radio-group\n .form-control__help-text {\n margin-top: 0.25rem;\n }\n\n :host {\n display: block;\n font-family: inherit;\n }\n\n .nile-chip {\n padding: 5px 10px;\n background-color: #fff;\n border-radius: 0.25rem;\n border: solid 1px #c7ced4;\n ~~padding: 5px 10px;\n~~ display: flex;\n flex-wrap: wrap;\n width: 100%;\n overflow-x: hidden;\n }\n\n .nile-chip--no-wrap {\n flex-wrap: nowrap;\n overflow-x: scroll;\n }\n\n .nile-chip::-webkit-scrollbar {\n height: 2px;\n }\n\n .nile-chip::-webkit-scrollbar-thumb {\n background: var(\n --nile-colors-primary-600\n );\n }\n\n .nile-chip--disabled {\n background-color: hsl(240 4.8% 95.9%);\n border-color: hsl(240 4.9% 83.9%);\n opacity: 0.5;\n cursor: not-allowed;\n pointer-events: none;\n }\n\n .nile-chip:hover:not(.nile-chip--disabled) {\n background-color: #fff;\n box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);\n }\n\n .nile-chip.nile-chip--focused:not(.nile-chip--disabled) {\n background-color: #fff;\n border-color: #005ea6;\n box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);\n }\n\n .nile-chip.nile-chip--disabled {\n background-color: hsl(240 4.8% 95.9%);\n border-color: hsl(240 4.9% 83.9%);\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .nile-chip.nile-chip--warning {\n border-color: #e5bf43;\n }\n\n .nile-chip.nile-chip--error {\n border-color: #e5434d;\n }\n\n .nile-chip.nile-chip--success {\n border-color: #43e5c0;\n }\n\n .nile-chip__auto-complete {\n flex: 1;\n }\n .nile-chip__tags {\n margin: 0.05rem;\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG"}
1	+ {"version":3,"file":"nile-chip.css.cjs.js","sources":["../../../src/nile-chip/nile-chip.css.ts"],"sourcesContent":["/*\n Copyright Aquera Inc 2023\n \n This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n /\n\nimport { css } from 'lit-element';\n\n/\n Chip CSS\n /\nexport const styles = css`\n :host {\n box-sizing: border-box;\n }\n\n :host ,\n :host ::before,\n :host ::after {\n box-sizing: inherit;\n }\n\n [hidden] {\n display: none !important;\n }\n\n .form-control .form-control__label {\n display: none;\n }\n\n .form-control .form-control__help-text {\n display: none;\n }\n\n /* Label /\n .form-control--has-label .form-control__label {\n display: inline-block;\n color: inherit;\n margin-bottom: 12px;\n color: var(--nile-colors-dark-900);\n font-family: Colfax-regular;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px;\n letter-spacing: 0.2px;\n }\n\n .form-control--has-label.form-control--medium .form-control__label {\n font-size: 14px;\n }\n\n :host([required]) .form-control--has-label .form-control__label::after {\n content: '';\n margin-inline-start: -2px;\n color: undefined;\n }\n\n /* Help text */\n .form-control--has-help-text .form-control__help-text {\n display: block;\n color: hsl(240 3.8% 46.1%);\n margin-top: 0.125rem;\n }\n\n .form-control--has-help-text.form-control--small .form-control__help-text {\n font-size: 0.75rem;\n }\n\n .form-control--has-help-text.form-control--medium .form-control__help-text {\n font-size: 0.875rem;\n }\n\n .form-control--has-help-text.form-control--large .form-control__help-text {\n font-size: 1rem;\n }\n\n .form-control--has-help-text.form-control--radio-group\n .form-control__help-text {\n margin-top: 0.25rem;\n }\n\n :host {\n display: block;\n font-family: inherit;\n }\n\n .nile-chip {\n padding: 5px 10px;\n background-color: #fff;\n border-radius: 0.25rem;\n border: solid 1px #c7ced4;\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n overflow-x: hidden;\n }\n\n .nile-chip--no-wrap {\n flex-wrap: nowrap;\n overflow-x: scroll;\n }\n\n .nile-chip::-webkit-scrollbar {\n height: 2px;\n }\n\n .nile-chip::-webkit-scrollbar-thumb {\n background: var(\n --nile-colors-primary-600\n );\n }\n\n .nile-chip--disabled {\n background-color: hsl(240 4.8% 95.9%);\n border-color: hsl(240 4.9% 83.9%);\n opacity: 0.5;\n cursor: not-allowed;\n pointer-events: none;\n }\n\n .nile-chip:hover:not(.nile-chip--disabled) {\n background-color: #fff;\n box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);\n }\n\n .nile-chip.nile-chip--focused:not(.nile-chip--disabled) {\n background-color: #fff;\n border-color: #005ea6;\n box-shadow: 0 0 0 1px hsl(198.6 88.7% 48.4% / 40%);\n }\n\n .nile-chip.nile-chip--disabled {\n background-color: hsl(240 4.8% 95.9%);\n border-color: hsl(240 4.9% 83.9%);\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .nile-chip.nile-chip--warning {\n border-color: #e5bf43;\n }\n\n .nile-chip.nile-chip--error {\n border-color: #e5434d;\n }\n\n .nile-chip.nile-chip--success {\n border-color: #43e5c0;\n }\n\n .nile-chip__auto-complete {\n flex: 1;\n }\n .nile-chip__tags {\n margin: 0.05rem;\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG"}

package/dist/nile-chip/nile-chip.css.esm.js CHANGED Viewed

@@ -25,19 +25,18 @@ import{i as o}from"../index-f1b94546.esm.js";const r=o`
   .form-control--has-label .form-control__label {
     display: inline-block;
     color: inherit;
-    margin-bottom: 0.125rem;
-  }
-  .form-control--has-label.form-control--small .form-control__label {
-    font-size: 0.875rem;
+    margin-bottom: 12px;
+    color: var(--nile-colors-dark-900);
+    font-family: Colfax-regular;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 14px;
+    letter-spacing: 0.2px;
   }
   .form-control--has-label.form-control--medium .form-control__label {
-    font-size: 1rem;
-  }
-  .form-control--has-label.form-control--large .form-control__label {
-    font-size: 1.25rem;
+    font-size: 14px;
   }
   :host([required]) .form-control--has-label .form-control__label::after {
@@ -80,7 +79,6 @@ import{i as o}from"../index-f1b94546.esm.js";const r=o`
     background-color: #fff;
     border-radius: 0.25rem;
     border: solid 1px #c7ced4;
-    padding: 5px 10px;
     display: flex;
     flex-wrap: wrap;
     width: 100%;