@aquera/nile-elements 0.0.3-1 → 0.0.3-3

package/dist/nile-input/nile-input.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-input.css.cjs.js","sources":["../../../src/nile-input/nile-input.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 * Input CSS\n */\nexport const styles = css`\n  :host {\n    display: block;\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  }\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: #7F7F7F;\n    margin-top: 6px;\n  }\n\n  /* Error message */\n  .form-control__error-message {\n    display: block;\n    color: #A4121C;\n    margin-top: 12px;\n    font-size: 12px;\n    font-style: normal;\n    line-height: 12px;\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: 10.24px;\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  .input {\n    flex: 1 1 auto;\n    display: inline-flex;\n    align-items: stretch;\n    justify-content: start;\n    position: relative;\n    width: 100%;\n    font-family: inherit;\n    font-weight: 400;\n    letter-spacing: normal;\n    vertical-align: middle;\n    overflow: hidden;\n    cursor: text;\n    transition: 150ms color, 150ms border, 150ms box-shadow,\n      150ms background-color;\n    box-sizing: border-box;\n  }\n\n  /* Standard inputs */\n  .input--standard {\n    background-color: hsl(0, 0%, 100%);\n    border: solid 1px #c7ced4;\n  }\n\n  .input--standard:hover:not(.input--disabled) {\n    background-color: hsl(0, 0%, 100%);\n    border-color: #000;\n  }\n\n  .input--standard.input--focused:not(.input--disabled) {\n    background-color: hsl(0, 0%, 100%);\n    border-color: #005ea6;\n  }\n\n  .input--standard.input--focused:not(.input--disabled) .input__control {\n    color: hsl(240 5.3% 26.1%);\n  }\n\n  .input--standard.input--disabled {\n    background-color: #fff;\n    border-color: #c7ced4;\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .input--standard.input--disabled .input__control {\n    color: hsl(240 5.9% 10%);\n  }\n\n  .input--standard.input--disabled .input__control::placeholder {\n    color: hsl(240 5.2% 33.9%);\n  }\n\n  .input--standard.input--warning {\n    border-color: var(--nile-colors-yellow-500);\n  }\n\n  .input--standard.input--error {\n    border-color: #e5434d;\n  }\n\n  .input--standard.input--success {\n    border-color: #43e5c0;\n  }\n\n  /* Filled inputs */\n  .input--filled {\n    border: none;\n    background-color: hsl(240 4.8% 95.9%);\n    color: hsl(240 5.3% 26.1%);\n  }\n\n  .input--filled:hover:not(.input--disabled) {\n    background-color: hsl(240 4.8% 95.9%);\n  }\n\n  .input--filled.input--focused:not(.input--disabled) {\n    background-color: hsl(240 4.8% 95.9%);\n    outline: solid 3px hsl(200.4 98% 39.4%);\n    outline-offset: 1px;\n  }\n\n  .input--filled.input--disabled {\n    background-color: hsl(240 4.8% 95.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .input__control {\n    flex: 1 1 auto;\n    font-family: inherit;\n    font-size: inherit;\n    font-weight: inherit;\n    min-width: 0;\n    height: 100%;\n    color: hsl(240 5.3% 26.1%);\n    border: none;\n    background: none;\n    box-shadow: none;\n    padding: 0;\n    margin: 0;\n    cursor: inherit;\n    -webkit-appearance: none;\n  }\n\n  .input__control::-webkit-search-decoration,\n  .input__control::-webkit-search-cancel-button,\n  .input__control::-webkit-search-results-button,\n  .input__control::-webkit-search-results-decoration {\n    -webkit-appearance: none;\n  }\n\n  .input__control:-webkit-autofill {\n    box-shadow: 0 0 0 3.125rem hsl(0, 0%, 100%) inset !important;\n    -webkit-text-fill-color: hsl(198.6 88.7% 48.4%);\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:-webkit-autofill:hover {\n    box-shadow: 0 0 0 3.125rem hsl(0, 0%, 100%) inset !important;\n    -webkit-text-fill-color: hsl(198.6 88.7% 48.4%);\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:-webkit-autofill:focus {\n    box-shadow: 0 0 0 3.125rem hsl(0, 0%, 100%) inset !important;\n    -webkit-text-fill-color: hsl(198.6 88.7% 48.4%);\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:-webkit-autofill:active {\n    box-shadow: 0 0 0 3.125rem hsl(0, 0%, 100%) inset !important;\n    -webkit-text-fill-color: hsl(198.6 88.7% 48.4%);\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input--filled .input__control:-webkit-autofill {\n    box-shadow: 0 0 0 3.125rem hsl(240 4.8% 95.9%) inset !important;\n  }\n\n  .input--filled .input__control:-webkit-autofill:hover {\n    box-shadow: 0 0 0 3.125rem hsl(240 4.8% 95.9%) inset !important;\n  }\n\n  .input--filled .input__control:-webkit-autofill:focus {\n    box-shadow: 0 0 0 3.125rem hsl(240 4.8% 95.9%) inset !important;\n  }\n\n  .input--filled .input__control:-webkit-autofill:active {\n    box-shadow: 0 0 0 3.125rem hsl(240 4.8% 95.9%) inset !important;\n  }\n\n  .input__control::placeholder {\n    color: hsl(240 3.8% 46.1%);\n    user-select: none;\n  }\n\n  .input:hover:not(.input--disabled) .input__control {\n    color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:focus {\n    outline: none;\n  }\n\n  .input__prefix,\n  .input__suffix {\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-items: center;\n    cursor: default;\n  }\n\n  .input__prefix::slotted(nile-icon) {\n    color: hsl(240 3.8% 46.1%);\n  }\n\n  .input__suffix::slotted(nile-icon) {\n    color: hsl(240 3.8% 46.1%);\n  }\n\n  /*\n   * Size modifiers\n   */\n\n  .input--small {\n    border-radius: 0.25rem;\n    font-size: 0.875rem;\n    height: 1.875rem;\n  }\n\n  .input--small .input__control {\n    height: calc(1.875rem);\n    padding: 0 0.75rem;\n  }\n\n  .input--small .input__clear {\n    width: calc(1em + 0.75rem * 2);\n  }\n\n  .input--small .input__password-toggle {\n    width: calc(1em + 0.75rem * 2);\n  }\n\n  .input--small .input__prefix::slotted(*) {\n    margin-inline-start: 0.75rem;\n  }\n\n  .input--small .input__suffix::slotted(*) {\n    margin-inline-end: 0.75rem;\n  }\n\n  .input--medium {\n    border-radius: 0.25rem;\n    font-size: 1rem;\n    height: 38px;\n  }\n\n  .input--medium .input__control {\n    height: 14px;\n    padding: 12px;\n  }\n\n  .input--medium .input__clear {\n    width: calc(1em + 1rem * 2);\n  }\n\n  .input--medium .input__password-toggle {\n    width: calc(1em + 1rem * 2);\n  }\n\n  .input--medium .input__prefix::slotted(*) {\n    margin-inline-start: 12px;\n  }\n\n  .input--medium .input__suffix::slotted(*) {\n    margin-inline-end: 12px;\n  }\n\n  .input--large {\n    border-radius: 0.25rem;\n    font-size: 1.25rem;\n    height: 3.125rem;\n  }\n\n  .input--large .input__control {\n    height: calc(3.125rem - 1px * 2);\n    padding: 0 1.25rem;\n  }\n\n  .input--large .input__clear {\n    width: calc(1em + 1.25rem * 2);\n  }\n\n  .input--large .input__password-toggle {\n    width: calc(1em + 1.25rem * 2);\n  }\n\n  .input--large .input__prefix::slotted(*) {\n    margin-inline-start: 1.25rem;\n  }\n\n  .input--large .input__suffix::slotted(*) {\n    margin-inline-end: 1.25rem;\n  }\n\n  /*\n   * Pill modifier\n   */\n\n  .input--pill.input--small {\n    border-radius: 1.875rem;\n  }\n\n  .input--pill.input--medium {\n    border-radius: 2.5rem;\n  }\n\n  .input--pill.input--large {\n    border-radius: 3.125rem;\n  }\n\n  /*\n   * Clearable + Password Toggle\n   */\n\n  .input__clear {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: hsl(240 3.8% 46.1%);\n    border: none;\n    background: none;\n    padding: 0;\n    transition: 150ms color;\n    cursor: pointer;\n  }\n\n  .input__password-toggle {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: hsl(240 3.8% 46.1%);\n    border: none;\n    background: none;\n    padding: 0;\n    transition: 150ms color;\n    cursor: pointer;\n  }\n\n  .input__clear:hover {\n    color: hsl(240 5.2% 33.9%);\n  }\n\n  .input__password-toggle:hover {\n    color: hsl(240 5.2% 33.9%);\n  }\n\n  .input__clear:focus,\n  .input__password-toggle:focus {\n    outline: none;\n  }\n\n  .input--empty .input__clear {\n    visibility: hidden;\n  }\n\n  /* Don't show the browser's password toggle in Edge */\n  ::-ms-reveal {\n    display: none;\n  }\n\n  /* Hide the built-in number spinner */\n  .input--no-spin-buttons input[type='number']::-webkit-outer-spin-button,\n  .input--no-spin-buttons input[type='number']::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n\n  .input--no-spin-buttons input[type='number'] {\n    -moz-appearance: textfield;\n  }\n\n  :host([no-border]) .input--standard {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  :host([no-border]) .input--standard:hover:not(.input--disabled) {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  :host([no-border]) .input--standard.input--focused:not(.input--disabled) {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  :host([no-border]) .input--standard.input--focused:not(.input--disabled) {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG"}
+{"version":3,"file":"nile-input.css.cjs.js","sources":["../../../src/nile-input/nile-input.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 * Input CSS\n */\nexport const styles = css`\n  :host {\n    display: block;\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: #A4121C;\n  }\n\n  /* Help text */\n  .form-control--has-help-text .form-control__help-text {\n    display: block;\n    color: #7F7F7F;\n    margin-top: 6px;\n  }\n\n  /* Error message */\n  .form-control__error-message {\n    display: block;\n    color: #A4121C;\n    margin-top: 12px;\n    font-size: 12px;\n    font-style: normal;\n    line-height: 12px;\n    letter-spacing: 0.2px;\n  }\n\n  .form-control--has-help-text.form-control--medium .form-control__help-text {\n    font-size: 10.24px;\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  .input {\n    flex: 1 1 auto;\n    display: inline-flex;\n    align-items: stretch;\n    justify-content: start;\n    position: relative;\n    width: 100%;\n    font-weight: 400;\n    vertical-align: middle;\n    overflow: hidden;\n    cursor: text;\n    transition: 150ms color, 150ms border, 150ms box-shadow,\n      150ms background-color;\n    box-sizing: border-box;\n    color: var(--nile-colors-dark-900);\n    font-family: Colfax-regular;\n    font-size: 14px;\n    font-style: normal;\n    line-height: 14px;\n    letter-spacing: 0.2px;  }\n\n  /* Standard inputs */\n  .input--standard {\n    background-color: hsl(0, 0%, 100%);\n    border: solid 1px #c7ced4;\n  }\n\n  .input--standard:hover:not(.input--disabled) {\n    background-color: hsl(0, 0%, 100%);\n    border-color: #000;\n  }\n\n  .input--standard.input--focused:not(.input--disabled) {\n    background-color: hsl(0, 0%, 100%);\n    border-color: #005ea6;\n  }\n\n  .input--standard.input--focused:not(.input--disabled) .input__control {\n    color: hsl(240 5.3% 26.1%);\n  }\n\n  .input--standard.input--disabled {\n    background-color: #fff;\n    border-color: #c7ced4;\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .input--standard.input--disabled .input__control {\n    color: hsl(240 5.9% 10%);\n  }\n\n  .input--standard.input--disabled .input__control::placeholder {\n    color: hsl(240 5.2% 33.9%);\n  }\n\n  .input--standard.input--warning {\n    border-color: var(--nile-colors-yellow-500);\n  }\n\n  .input--standard.input--error {\n    border-color: #e5434d;\n  }\n\n  .input--standard.input--success {\n    border-color: #43e5c0;\n  }\n\n  /* Filled inputs */\n  .input--filled {\n    border: none;\n    background-color: hsl(240 4.8% 95.9%);\n    color: hsl(240 5.3% 26.1%);\n  }\n\n  .input--filled:hover:not(.input--disabled) {\n    background-color: hsl(240 4.8% 95.9%);\n  }\n\n  .input--filled.input--focused:not(.input--disabled) {\n    background-color: hsl(240 4.8% 95.9%);\n    outline: solid 3px hsl(200.4 98% 39.4%);\n    outline-offset: 1px;\n  }\n\n  .input--filled.input--disabled {\n    background-color: hsl(240 4.8% 95.9%);\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .input__control {\n    flex: 1 1 auto;\n    min-width: 0;\n    height: 100%;\n    border: none;\n    background: none;\n    box-shadow: none;\n    padding: 0;\n    margin: 0;\n    cursor: inherit;\n    -webkit-appearance: none;\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  .input__control::-webkit-search-decoration,\n  .input__control::-webkit-search-cancel-button,\n  .input__control::-webkit-search-results-button,\n  .input__control::-webkit-search-results-decoration {\n    -webkit-appearance: none;\n  }\n\n  .input__control:-webkit-autofill {\n    box-shadow: 0 0 0 3.125rem hsl(0, 0%, 100%) inset !important;\n    -webkit-text-fill-color: hsl(198.6 88.7% 48.4%);\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:-webkit-autofill:hover {\n    box-shadow: 0 0 0 3.125rem hsl(0, 0%, 100%) inset !important;\n    -webkit-text-fill-color: hsl(198.6 88.7% 48.4%);\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:-webkit-autofill:focus {\n    box-shadow: 0 0 0 3.125rem hsl(0, 0%, 100%) inset !important;\n    -webkit-text-fill-color: hsl(198.6 88.7% 48.4%);\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:-webkit-autofill:active {\n    box-shadow: 0 0 0 3.125rem hsl(0, 0%, 100%) inset !important;\n    -webkit-text-fill-color: hsl(198.6 88.7% 48.4%);\n    caret-color: hsl(240 5.3% 26.1%);\n  }\n\n  .input--filled .input__control:-webkit-autofill {\n    box-shadow: 0 0 0 3.125rem hsl(240 4.8% 95.9%) inset !important;\n  }\n\n  .input--filled .input__control:-webkit-autofill:hover {\n    box-shadow: 0 0 0 3.125rem hsl(240 4.8% 95.9%) inset !important;\n  }\n\n  .input--filled .input__control:-webkit-autofill:focus {\n    box-shadow: 0 0 0 3.125rem hsl(240 4.8% 95.9%) inset !important;\n  }\n\n  .input--filled .input__control:-webkit-autofill:active {\n    box-shadow: 0 0 0 3.125rem hsl(240 4.8% 95.9%) inset !important;\n  }\n\n  .input__control::placeholder {\n    color: hsl(240 3.8% 46.1%);\n    user-select: none;\n  }\n\n  .input:hover:not(.input--disabled) .input__control {\n    color: hsl(240 5.3% 26.1%);\n  }\n\n  .input__control:focus {\n    outline: none;\n  }\n\n  .input__prefix,\n  .input__suffix {\n    display: inline-flex;\n    flex: 0 0 auto;\n    align-items: center;\n    cursor: default;\n  }\n\n  .input__prefix::slotted(nile-icon) {\n    color: hsl(240 3.8% 46.1%);\n  }\n\n  .input__suffix::slotted(nile-icon) {\n    color: hsl(240 3.8% 46.1%);\n  }\n\n  /*\n   * Size modifiers\n   */\n\n  .input--small {\n    border-radius: 0.25rem;\n    font-size: 0.875rem;\n    height: 1.875rem;\n  }\n\n  .input--small .input__control {\n    height: calc(1.875rem);\n    padding: 0 0.75rem;\n  }\n\n  .input--small .input__clear {\n    width: calc(1em + 0.75rem * 2);\n  }\n\n  .input--small .input__password-toggle {\n    width: calc(1em + 0.75rem * 2);\n  }\n\n  .input--small .input__prefix::slotted(*) {\n    margin-inline-start: 0.75rem;\n  }\n\n  .input--small .input__suffix::slotted(*) {\n    margin-inline-end: 0.75rem;\n  }\n\n  .input--medium {\n    border-radius: 0.25rem;\n    font-size: 1rem;\n    height: 38px;\n  }\n\n  .input--medium .input__control {\n    height: 14px;\n    padding: 12px;\n  }\n\n  .input--medium .input__clear {\n    width: calc(1em + 1rem * 2);\n  }\n\n  .input--medium .input__password-toggle {\n    width: calc(1em + 1rem * 2);\n  }\n\n  .input--medium .input__prefix::slotted(*) {\n    margin-inline-start: 12px;\n  }\n\n  .input--medium .input__suffix::slotted(*) {\n    margin-inline-end: 12px;\n  }\n\n  .input--large {\n    border-radius: 0.25rem;\n    font-size: 1.25rem;\n    height: 3.125rem;\n  }\n\n  .input--large .input__control {\n    height: calc(3.125rem - 1px * 2);\n    padding: 0 1.25rem;\n  }\n\n  .input--large .input__clear {\n    width: calc(1em + 1.25rem * 2);\n  }\n\n  .input--large .input__password-toggle {\n    width: calc(1em + 1.25rem * 2);\n  }\n\n  .input--large .input__prefix::slotted(*) {\n    margin-inline-start: 1.25rem;\n  }\n\n  .input--large .input__suffix::slotted(*) {\n    margin-inline-end: 1.25rem;\n  }\n\n  /*\n   * Pill modifier\n   */\n\n  .input--pill.input--small {\n    border-radius: 1.875rem;\n  }\n\n  .input--pill.input--medium {\n    border-radius: 2.5rem;\n  }\n\n  .input--pill.input--large {\n    border-radius: 3.125rem;\n  }\n\n  /*\n   * Clearable + Password Toggle\n   */\n\n  .input__clear {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: hsl(240 3.8% 46.1%);\n    border: none;\n    background: none;\n    padding: 0;\n    transition: 150ms color;\n    cursor: pointer;\n  }\n\n  .input__password-toggle {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: inherit;\n    color: hsl(240 3.8% 46.1%);\n    border: none;\n    background: none;\n    padding: 0;\n    transition: 150ms color;\n    cursor: pointer;\n  }\n\n  .input__clear:hover {\n    color: hsl(240 5.2% 33.9%);\n  }\n\n  .input__password-toggle:hover {\n    color: hsl(240 5.2% 33.9%);\n  }\n\n  .input__clear:focus,\n  .input__password-toggle:focus {\n    outline: none;\n  }\n\n  .input--empty .input__clear {\n    visibility: hidden;\n  }\n\n  /* Don't show the browser's password toggle in Edge */\n  ::-ms-reveal {\n    display: none;\n  }\n\n  /* Hide the built-in number spinner */\n  .input--no-spin-buttons input[type='number']::-webkit-outer-spin-button,\n  .input--no-spin-buttons input[type='number']::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    display: none;\n  }\n\n  .input--no-spin-buttons input[type='number'] {\n    -moz-appearance: textfield;\n  }\n\n  :host([no-border]) .input--standard {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  :host([no-border]) .input--standard:hover:not(.input--disabled) {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  :host([no-border]) .input--standard.input--focused:not(.input--disabled) {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n\n  :host([no-border]) .input--standard.input--focused:not(.input--disabled) {\n    border: none;\n    box-shadow: 0 0 0 0;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG"}

package/dist/nile-input/nile-input.css.esm.js

@@ -16,6 +16,13 @@ import{i as o}from"../index-f1b94546.esm.js";const t=o`
     display: inline-block;
     color: inherit;
     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 {
@@ -25,7 +32,7 @@ import{i as o}from"../index-f1b94546.esm.js";const t=o`
   :host([required]) .form-control--has-label .form-control__label::after {
     content: '*';
     margin-inline-start: -2px;
-    color: undefined;
+    color: #A4121C;
   }
 
   /* Help text */
@@ -62,16 +69,19 @@ import{i as o}from"../index-f1b94546.esm.js";const t=o`
     justify-content: start;
     position: relative;
     width: 100%;
-    font-family: inherit;
     font-weight: 400;
-    letter-spacing: normal;
     vertical-align: middle;
     overflow: hidden;
     cursor: text;
     transition: 150ms color, 150ms border, 150ms box-shadow,
       150ms background-color;
     box-sizing: border-box;
-  }
+    color: var(--nile-colors-dark-900);
+    font-family: Colfax-regular;
+    font-size: 14px;
+    font-style: normal;
+    line-height: 14px;
+    letter-spacing: 0.2px;  }
 
   /* Standard inputs */
   .input--standard {
@@ -145,12 +155,8 @@ import{i as o}from"../index-f1b94546.esm.js";const t=o`
 
   .input__control {
     flex: 1 1 auto;
-    font-family: inherit;
-    font-size: inherit;
-    font-weight: inherit;
     min-width: 0;
     height: 100%;
-    color: hsl(240 5.3% 26.1%);
     border: none;
     background: none;
     box-shadow: none;
@@ -158,6 +164,13 @@ import{i as o}from"../index-f1b94546.esm.js";const t=o`
     margin: 0;
     cursor: inherit;
     -webkit-appearance: none;
+    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;
   }
 
   .input__control::-webkit-search-decoration,

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

@@ -1,13 +1,13 @@
-import{__decorate as i}from"tslib";import{y as s}from"../index-f1b94546.esm.js";import{query as o,state as n,customElement as e}from"lit/decorators.js";import{s as t}from"./nile-input.css.esm.js";import"../nile-icon/index.esm.js";import{classMap as c}from"lit/directives/class-map.js";import{d as m}from"../internal/default-value.esm.js";import{F as r}from"../internal/form.esm.js";import{H as l}from"../internal/slot.esm.js";import{ifDefined as p}from"lit/directives/if-defined.js";import{live as a}from"lit/directives/live.js";import{w as g}from"../internal/watch.esm.js";import{N as v}from"../internal/nile-element.esm.js";import{e as j}from"../property-bf6307e2.esm.js";import"lit";import"lit/directives/unsafe-svg.js";import"../nile-icon/icons/svg/index.esm.js";import"../nile-icon/icons/svg/accessreview.esm.js";import"../nile-icon/icons/svg/action.esm.js";import"../nile-icon/icons/svg/actionworkflow.esm.js";import"../nile-icon/icons/svg/address.esm.js";import"../nile-icon/icons/svg/agent.esm.js";import"../nile-icon/icons/svg/agents.esm.js";import"../nile-icon/icons/svg/aggregation.esm.js";import"../nile-icon/icons/svg/allapplication.esm.js";import"../nile-icon/icons/svg/allsearch.esm.js";import"../nile-icon/icons/svg/anomaly.esm.js";import"../nile-icon/icons/svg/api.esm.js";import"../nile-icon/icons/svg/application.esm.js";import"../nile-icon/icons/svg/applications.esm.js";import"../nile-icon/icons/svg/approve.esm.js";import"../nile-icon/icons/svg/aquerasupport.esm.js";import"../nile-icon/icons/svg/arrow.esm.js";import"../nile-icon/icons/svg/arrowdown.esm.js";import"../nile-icon/icons/svg/arrowdropdown.esm.js";import"../nile-icon/icons/svg/arrowdropup.esm.js";import"../nile-icon/icons/svg/arrowleft.esm.js";import"../nile-icon/icons/svg/arrowright.esm.js";import"../nile-icon/icons/svg/arrowup.esm.js";import"../nile-icon/icons/svg/attribute-map-analysis-icon.esm.js";import"../nile-icon/icons/svg/attributemap.esm.js";import"../nile-icon/icons/svg/back.esm.js";import"../nile-icon/icons/svg/bargraph.esm.js";import"../nile-icon/icons/svg/bell-icon.esm.js";import"../nile-icon/icons/svg/bell.esm.js";import"../nile-icon/icons/svg/bluedot.esm.js";import"../nile-icon/icons/svg/boolean.esm.js";import"../nile-icon/icons/svg/bulk-sync.esm.js";import"../nile-icon/icons/svg/button-loading-black.esm.js";import"../nile-icon/icons/svg/button-loading-blue.esm.js";import"../nile-icon/icons/svg/button-loading-white.esm.js";import"../nile-icon/icons/svg/calendar.esm.js";import"../nile-icon/icons/svg/cancel.esm.js";import"../nile-icon/icons/svg/cases.esm.js";import"../nile-icon/icons/svg/caution.esm.js";import"../nile-icon/icons/svg/cell-loader.esm.js";import"../nile-icon/icons/svg/certification.esm.js";import"../nile-icon/icons/svg/chevron-down.esm.js";import"../nile-icon/icons/svg/chevron-up.esm.js";import"../nile-icon/icons/svg/close.esm.js";import"../nile-icon/icons/svg/collapse-1.esm.js";import"../nile-icon/icons/svg/collapse.esm.js";import"../nile-icon/icons/svg/compact.esm.js";import"../nile-icon/icons/svg/compare-tiles.esm.js";import"../nile-icon/icons/svg/component-menu.esm.js";import"../nile-icon/icons/svg/component.esm.js";import"../nile-icon/icons/svg/componentblock.esm.js";import"../nile-icon/icons/svg/components-icon.esm.js";import"../nile-icon/icons/svg/componenttext.esm.js";import"../nile-icon/icons/svg/condition.esm.js";import"../nile-icon/icons/svg/conditions.esm.js";import"../nile-icon/icons/svg/connect.esm.js";import"../nile-icon/icons/svg/connectivitymap.esm.js";import"../nile-icon/icons/svg/connectorrightarrow.esm.js";import"../nile-icon/icons/svg/continuous.esm.js";import"../nile-icon/icons/svg/copy.esm.js";import"../nile-icon/icons/svg/cor-analysis.esm.js";import"../nile-icon/icons/svg/correlation.esm.js";import"../nile-icon/icons/svg/create.esm.js";import"../nile-icon/icons/svg/createuser.esm.js";import"../nile-icon/icons/svg/custom.esm.js";import"../nile-icon/icons/svg/dashboard.esm.js";import"../nile-icon/icons/svg/data-type-array.esm.js";import"../nile-icon/icons/svg/data-type-boolean.esm.js";import"../nile-icon/icons/svg/data-type-expression.esm.js";import"../nile-icon/icons/svg/data-type-json.esm.js";import"../nile-icon/icons/svg/data-type-null.esm.js";import"../nile-icon/icons/svg/data-type-number.esm.js";import"../nile-icon/icons/svg/data-type-persistent-variable.esm.js";import"../nile-icon/icons/svg/data-type-string.esm.js";import"../nile-icon/icons/svg/data-type-unknown.esm.js";import"../nile-icon/icons/svg/data-type-variable.esm.js";import"../nile-icon/icons/svg/database.esm.js";import"../nile-icon/icons/svg/databaseview.esm.js";import"../nile-icon/icons/svg/default-1.esm.js";import"../nile-icon/icons/svg/default.esm.js";import"../nile-icon/icons/svg/delegate.esm.js";import"../nile-icon/icons/svg/delete.esm.js";import"../nile-icon/icons/svg/deleteuser.esm.js";import"../nile-icon/icons/svg/deligateduser.esm.js";import"../nile-icon/icons/svg/directory.esm.js";import"../nile-icon/icons/svg/disabled.esm.js";import"../nile-icon/icons/svg/document.esm.js";import"../nile-icon/icons/svg/done.esm.js";import"../nile-icon/icons/svg/dontmap.esm.js";import"../nile-icon/icons/svg/doublearrowleft.esm.js";import"../nile-icon/icons/svg/doublearrowright.esm.js";import"../nile-icon/icons/svg/downarrow.esm.js";import"../nile-icon/icons/svg/downgrade.esm.js";import"../nile-icon/icons/svg/download.esm.js";import"../nile-icon/icons/svg/drag.esm.js";import"../nile-icon/icons/svg/draglist.esm.js";import"../nile-icon/icons/svg/droparrow.esm.js";import"../nile-icon/icons/svg/dropdown.esm.js";import"../nile-icon/icons/svg/edit-pencil.esm.js";import"../nile-icon/icons/svg/else.esm.js";import"../nile-icon/icons/svg/email.esm.js";import"../nile-icon/icons/svg/enable.esm.js";import"../nile-icon/icons/svg/enabled.esm.js";import"../nile-icon/icons/svg/entities.esm.js";import"../nile-icon/icons/svg/entitlement.esm.js";import"../nile-icon/icons/svg/error.esm.js";import"../nile-icon/icons/svg/escalate.esm.js";import"../nile-icon/icons/svg/event.esm.js";import"../nile-icon/icons/svg/every.esm.js";import"../nile-icon/icons/svg/exactmatch.esm.js";import"../nile-icon/icons/svg/execute.esm.js";import"../nile-icon/icons/svg/expand-1.esm.js";import"../nile-icon/icons/svg/expand.esm.js";import"../nile-icon/icons/svg/eye.esm.js";import"../nile-icon/icons/svg/eyeclosed.esm.js";import"../nile-icon/icons/svg/file.esm.js";import"../nile-icon/icons/svg/filter.esm.js";import"../nile-icon/icons/svg/firewall.esm.js";import"../nile-icon/icons/svg/flow-h.esm.js";import"../nile-icon/icons/svg/flow.esm.js";import"../nile-icon/icons/svg/flowmap-agent.esm.js";import"../nile-icon/icons/svg/flowmap-application.esm.js";import"../nile-icon/icons/svg/flowmap-aquera.esm.js";import"../nile-icon/icons/svg/flowmap-block.esm.js";import"../nile-icon/icons/svg/flowmap-cancel.esm.js";import"../nile-icon/icons/svg/flowmap-colorpalatte.esm.js";import"../nile-icon/icons/svg/flowmap-drag.esm.js";import"../nile-icon/icons/svg/flowmap-ellipsis.esm.js";import"../nile-icon/icons/svg/flowmap-firewall-agent.esm.js";import"../nile-icon/icons/svg/flowmap-firewall.esm.js";import"../nile-icon/icons/svg/flowmap-gateway.esm.js";import"../nile-icon/icons/svg/flowmap-hand.esm.js";import"../nile-icon/icons/svg/flowmap-orchestration.esm.js";import"../nile-icon/icons/svg/flowmap-redo.esm.js";import"../nile-icon/icons/svg/flowmap-section.esm.js";import"../nile-icon/icons/svg/flowmap-text.esm.js";import"../nile-icon/icons/svg/flowmap-undo.esm.js";import"../nile-icon/icons/svg/flowmap-workflow.esm.js";import"../nile-icon/icons/svg/flowmap.esm.js";import"../nile-icon/icons/svg/folder.esm.js";import"../nile-icon/icons/svg/foreach.esm.js";import"../nile-icon/icons/svg/form.esm.js";import"../nile-icon/icons/svg/frequency.esm.js";import"../nile-icon/icons/svg/fullscreen.esm.js";import"../nile-icon/icons/svg/fullscreenexit.esm.js";import"../nile-icon/icons/svg/fullscreenshrink.esm.js";import"../nile-icon/icons/svg/funnel.esm.js";import"../nile-icon/icons/svg/gateway.esm.js";import"../nile-icon/icons/svg/general.esm.js";import"../nile-icon/icons/svg/generationphase.esm.js";import"../nile-icon/icons/svg/global-search.esm.js";import"../nile-icon/icons/svg/globe.esm.js";import"../nile-icon/icons/svg/goto.esm.js";import"../nile-icon/icons/svg/greendot.esm.js";import"../nile-icon/icons/svg/greydot.esm.js";import"../nile-icon/icons/svg/greylightdot.esm.js";import"../nile-icon/icons/svg/group-analysis-icon.esm.js";import"../nile-icon/icons/svg/group.esm.js";import"../nile-icon/icons/svg/groupby.esm.js";import"../nile-icon/icons/svg/groups.esm.js";import"../nile-icon/icons/svg/guide.esm.js";import"../nile-icon/icons/svg/header-actions.esm.js";import"../nile-icon/icons/svg/header-child-workflow.esm.js";import"../nile-icon/icons/svg/header-flows.esm.js";import"../nile-icon/icons/svg/header-functions.esm.js";import"../nile-icon/icons/svg/header-tasks.esm.js";import"../nile-icon/icons/svg/header-variable.esm.js";import"../nile-icon/icons/svg/help-1.esm.js";import"../nile-icon/icons/svg/help.esm.js";import"../nile-icon/icons/svg/helpandsupport.esm.js";import"../nile-icon/icons/svg/helpers.esm.js";import"../nile-icon/icons/svg/helpsupport.esm.js";import"../nile-icon/icons/svg/history.esm.js";import"../nile-icon/icons/svg/identitygraph.esm.js";import"../nile-icon/icons/svg/identityledger.esm.js";import"../nile-icon/icons/svg/if.esm.js";import"../nile-icon/icons/svg/ifelse.esm.js";import"../nile-icon/icons/svg/image.esm.js";import"../nile-icon/icons/svg/immutable.esm.js";import"../nile-icon/icons/svg/info-icon.esm.js";import"../nile-icon/icons/svg/info-icon1.esm.js";import"../nile-icon/icons/svg/info.esm.js";import"../nile-icon/icons/svg/info2.esm.js";import"../nile-icon/icons/svg/inprogress.esm.js";import"../nile-icon/icons/svg/itemplaceholder.esm.js";import"../nile-icon/icons/svg/js.esm.js";import"../nile-icon/icons/svg/kill.esm.js";import"../nile-icon/icons/svg/leftarrow.esm.js";import"../nile-icon/icons/svg/leftpointarrow.esm.js";import"../nile-icon/icons/svg/link.esm.js";import"../nile-icon/icons/svg/list-attribute.esm.js";import"../nile-icon/icons/svg/loader.esm.js";import"../nile-icon/icons/svg/loading.esm.js";import"../nile-icon/icons/svg/loading2.esm.js";import"../nile-icon/icons/svg/lock.esm.js";import"../nile-icon/icons/svg/log.esm.js";import"../nile-icon/icons/svg/logo-white.esm.js";import"../nile-icon/icons/svg/logout.esm.js";import"../nile-icon/icons/svg/logs.esm.js";import"../nile-icon/icons/svg/loop.esm.js";import"../nile-icon/icons/svg/manage.esm.js";import"../nile-icon/icons/svg/manageduser.esm.js";import"../nile-icon/icons/svg/map.esm.js";import"../nile-icon/icons/svg/mapcreate.esm.js";import"../nile-icon/icons/svg/mapdont.esm.js";import"../nile-icon/icons/svg/maponcreate.esm.js";import"../nile-icon/icons/svg/maponupdate.esm.js";import"../nile-icon/icons/svg/mapupdate.esm.js";import"../nile-icon/icons/svg/maximize.esm.js";import"../nile-icon/icons/svg/menu.esm.js";import"../nile-icon/icons/svg/minus.esm.js";import"../nile-icon/icons/svg/moveleft.esm.js";import"../nile-icon/icons/svg/moveright.esm.js";import"../nile-icon/icons/svg/multiple-user.esm.js";import"../nile-icon/icons/svg/mute.esm.js";import"../nile-icon/icons/svg/next-down.esm.js";import"../nile-icon/icons/svg/next.esm.js";import"../nile-icon/icons/svg/no-anomaly.esm.js";import"../nile-icon/icons/svg/nomatch.esm.js";import"../nile-icon/icons/svg/not.esm.js";import"../nile-icon/icons/svg/note.esm.js";import"../nile-icon/icons/svg/notification.esm.js";import"../nile-icon/icons/svg/notificationadd.esm.js";import"../nile-icon/icons/svg/notificationadded.esm.js";import"../nile-icon/icons/svg/notscheduled.esm.js";import"../nile-icon/icons/svg/null.esm.js";import"../nile-icon/icons/svg/number.esm.js";import"../nile-icon/icons/svg/operators.esm.js";import"../nile-icon/icons/svg/options.esm.js";import"../nile-icon/icons/svg/orchestration-solid.esm.js";import"../nile-icon/icons/svg/orchestration.esm.js";import"../nile-icon/icons/svg/organization.esm.js";import"../nile-icon/icons/svg/other.esm.js";import"../nile-icon/icons/svg/otherdetails.esm.js";import"../nile-icon/icons/svg/ou-analysis-icon.esm.js";import"../nile-icon/icons/svg/override.esm.js";import"../nile-icon/icons/svg/palletemenu.esm.js";import"../nile-icon/icons/svg/partner.esm.js";import"../nile-icon/icons/svg/partners.esm.js";import"../nile-icon/icons/svg/pause.esm.js";import"../nile-icon/icons/svg/pen.esm.js";import"../nile-icon/icons/svg/pencil.esm.js";import"../nile-icon/icons/svg/peopletask.esm.js";import"../nile-icon/icons/svg/persistent-variable.esm.js";import"../nile-icon/icons/svg/personaldetails.esm.js";import"../nile-icon/icons/svg/phone.esm.js";import"../nile-icon/icons/svg/pin.esm.js";import"../nile-icon/icons/svg/placeholder-wf.esm.js";import"../nile-icon/icons/svg/play.esm.js";import"../nile-icon/icons/svg/plus-icon.esm.js";import"../nile-icon/icons/svg/plus.esm.js";import"../nile-icon/icons/svg/pluscircle.esm.js";import"../nile-icon/icons/svg/plussquare.esm.js";import"../nile-icon/icons/svg/policy.esm.js";import"../nile-icon/icons/svg/potentialmatch.esm.js";import"../nile-icon/icons/svg/poweron.esm.js";import"../nile-icon/icons/svg/prev-up.esm.js";import"../nile-icon/icons/svg/prev.esm.js";import"../nile-icon/icons/svg/preview.esm.js";import"../nile-icon/icons/svg/privilage.esm.js";import"../nile-icon/icons/svg/privilege.esm.js";import"../nile-icon/icons/svg/privilegeobject.esm.js";import"../nile-icon/icons/svg/professionaldetails.esm.js";import"../nile-icon/icons/svg/question.esm.js";import"../nile-icon/icons/svg/radio.esm.js";import"../nile-icon/icons/svg/radioactive.esm.js";import"../nile-icon/icons/svg/radiodone.esm.js";import"../nile-icon/icons/svg/read.esm.js";import"../nile-icon/icons/svg/readexpression.esm.js";import"../nile-icon/icons/svg/readonly.esm.js";import"../nile-icon/icons/svg/readonlyuser.esm.js";import"../nile-icon/icons/svg/readuser.esm.js";import"../nile-icon/icons/svg/reddot.esm.js";import"../nile-icon/icons/svg/redo.esm.js";import"../nile-icon/icons/svg/refresh.esm.js";import"../nile-icon/icons/svg/reminder.esm.js";import"../nile-icon/icons/svg/resize.esm.js";import"../nile-icon/icons/svg/resource.esm.js";import"../nile-icon/icons/svg/returnvalue.esm.js";import"../nile-icon/icons/svg/revocationcycle.esm.js";import"../nile-icon/icons/svg/revokation-cycle.esm.js";import"../nile-icon/icons/svg/rightarrow.esm.js";import"../nile-icon/icons/svg/role.esm.js";import"../nile-icon/icons/svg/rolemanager.esm.js";import"../nile-icon/icons/svg/run.esm.js";import"../nile-icon/icons/svg/save.esm.js";import"../nile-icon/icons/svg/schedule.esm.js";import"../nile-icon/icons/svg/schema.esm.js";import"../nile-icon/icons/svg/script.esm.js";import"../nile-icon/icons/svg/search-steps-icon.esm.js";import"../nile-icon/icons/svg/search.esm.js";import"../nile-icon/icons/svg/select.esm.js";import"../nile-icon/icons/svg/selectapplication.esm.js";import"../nile-icon/icons/svg/selectattributes.esm.js";import"../nile-icon/icons/svg/selectuser.esm.js";import"../nile-icon/icons/svg/send.esm.js";import"../nile-icon/icons/svg/sendemail.esm.js";import"../nile-icon/icons/svg/sendescalation.esm.js";import"../nile-icon/icons/svg/sendprompt.esm.js";import"../nile-icon/icons/svg/sendreminder.esm.js";import"../nile-icon/icons/svg/setting.esm.js";import"../nile-icon/icons/svg/settings.esm.js";import"../nile-icon/icons/svg/shape.esm.js";import"../nile-icon/icons/svg/share.esm.js";import"../nile-icon/icons/svg/smalltick.esm.js";import"../nile-icon/icons/svg/smartcode.esm.js";import"../nile-icon/icons/svg/sort.esm.js";import"../nile-icon/icons/svg/sortascending.esm.js";import"../nile-icon/icons/svg/sortdescending.esm.js";import"../nile-icon/icons/svg/sortdown.esm.js";import"../nile-icon/icons/svg/sortup.esm.js";import"../nile-icon/icons/svg/stop.esm.js";import"../nile-icon/icons/svg/storybook.esm.js";import"../nile-icon/icons/svg/string.esm.js";import"../nile-icon/icons/svg/support.esm.js";import"../nile-icon/icons/svg/swap.esm.js";import"../nile-icon/icons/svg/sync.esm.js";import"../nile-icon/icons/svg/table.esm.js";import"../nile-icon/icons/svg/tag.esm.js";import"../nile-icon/icons/svg/test.esm.js";import"../nile-icon/icons/svg/textarea-expander.esm.js";import"../nile-icon/icons/svg/themes.esm.js";import"../nile-icon/icons/svg/thumbsdown.esm.js";import"../nile-icon/icons/svg/thumbsup.esm.js";import"../nile-icon/icons/svg/thumsup.esm.js";import"../nile-icon/icons/svg/tick.esm.js";import"../nile-icon/icons/svg/timeupdate.esm.js";import"../nile-icon/icons/svg/timezone.esm.js";import"../nile-icon/icons/svg/trash-no-fill.esm.js";import"../nile-icon/icons/svg/trash.esm.js";import"../nile-icon/icons/svg/trigger.esm.js";import"../nile-icon/icons/svg/undo-1.esm.js";import"../nile-icon/icons/svg/undo.esm.js";import"../nile-icon/icons/svg/unmute.esm.js";import"../nile-icon/icons/svg/uparrow.esm.js";import"../nile-icon/icons/svg/update.esm.js";import"../nile-icon/icons/svg/updateuser.esm.js";import"../nile-icon/icons/svg/updown.esm.js";import"../nile-icon/icons/svg/upgrade.esm.js";import"../nile-icon/icons/svg/upload.esm.js";import"../nile-icon/icons/svg/user-analysis-icon.esm.js";import"../nile-icon/icons/svg/user-group.esm.js";import"../nile-icon/icons/svg/user-inactive.esm.js";import"../nile-icon/icons/svg/user-selection.esm.js";import"../nile-icon/icons/svg/user.esm.js";import"../nile-icon/icons/svg/useractive.esm.js";import"../nile-icon/icons/svg/useradd.esm.js";import"../nile-icon/icons/svg/useraddgroup.esm.js";import"../nile-icon/icons/svg/userfind.esm.js";import"../nile-icon/icons/svg/userimport.esm.js";import"../nile-icon/icons/svg/userimportgroup.esm.js";import"../nile-icon/icons/svg/usermixed.esm.js";import"../nile-icon/icons/svg/userremove-1.esm.js";import"../nile-icon/icons/svg/userremove-2.esm.js";import"../nile-icon/icons/svg/userremove.esm.js";import"../nile-icon/icons/svg/userremovegroup.esm.js";import"../nile-icon/icons/svg/users.esm.js";import"../nile-icon/icons/svg/userupdate.esm.js";import"../nile-icon/icons/svg/validationexpression.esm.js";import"../nile-icon/icons/svg/variable-global.esm.js";import"../nile-icon/icons/svg/variable-local-1.esm.js";import"../nile-icon/icons/svg/variable-local.esm.js";import"../nile-icon/icons/svg/variable-new-1.esm.js";import"../nile-icon/icons/svg/variable-new.esm.js";import"../nile-icon/icons/svg/variable.esm.js";import"../nile-icon/icons/svg/video.esm.js";import"../nile-icon/icons/svg/view.esm.js";import"../nile-icon/icons/svg/virtualserver.esm.js";import"../nile-icon/icons/svg/visibility.esm.js";import"../nile-icon/icons/svg/visibilityoff.esm.js";import"../nile-icon/icons/svg/wait.esm.js";import"../nile-icon/icons/svg/warning.esm.js";import"../nile-icon/icons/svg/while.esm.js";import"../nile-icon/icons/svg/whileloop.esm.js";import"../nile-icon/icons/svg/workflow-solid.esm.js";import"../nile-icon/icons/svg/workflow.esm.js";import"../nile-icon/icons/svg/writeexpression.esm.js";let d=class extends v{constructor(){super(...arguments),this.formControlController=new r(this,{assumeInteractionOn:["nile-blur","nile-input"]}),this.hasSlotController=new l(this,"help-text","label"),this.hasFocus=!1,this.title="",this.type="text",this.name="",this.value="",this.defaultValue="",this.size="medium",this.filled=!1,this.warning=!1,this.error=!1,this.success=!1,this.pill=!1,this.label="",this.helpText="",this.errorMessage="",this.clearable=!1,this.disabled=!1,this.placeholder="",this.readonly=!1,this.passwordToggle=!1,this.passwordVisible=!1,this.noSpinButtons=!1,this.form="",this.required=!1,this.spellcheck=!0}get valueAsDate(){const i=document.createElement("input");return i.type="date",i.value=this.value,i.valueAsDate}set valueAsDate(i){const s=document.createElement("input");s.type="date",s.valueAsDate=i,this.value=s.value}get valueAsNumber(){const i=document.createElement("input");return i.type="number",i.value=this.value,i.valueAsNumber}set valueAsNumber(i){const s=document.createElement("input");s.type="number",s.valueAsNumber=i,this.value=s.value}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("nile-blur",{value:this.value})}handleChange(){this.value=this.input.value,this.emit("nile-change",{value:this.value})}handleClearClick(i){this.value="",this.emit("nile-clear",{value:this.value}),this.emit("nile-input",{value:this.value}),this.emit("nile-change",{value:this.value}),this.input.focus(),i.stopPropagation()}handleFocus(){this.hasFocus=!0,this.emit("nile-focus",{value:this.value})}handleInput(){this.value=this.input.value,this.formControlController.updateValidity(),this.emit("nile-input",{value:this.value})}handleInvalid(i){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(i)}handleKeyDown(i){const s=i.metaKey||i.ctrlKey||i.shiftKey||i.altKey;"Enter"!==i.key||s||setTimeout((()=>{i.defaultPrevented||i.isComposing||this.formControlController.submit()}))}handlePasswordToggle(){this.passwordVisible=!this.passwordVisible}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleStepChange(){this.input.step=String(this.step),this.formControlController.updateValidity()}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity()}focus(i){this.input.focus(i)}blur(){this.input.blur()}select(){this.input.select()}setSelectionRange(i,s,o="none"){this.input.setSelectionRange(i,s,o)}setRangeText(i,s,o,n){this.input.setRangeText(i,s,o,n),this.value!==this.input.value&&(this.value=this.input.value)}stepUp(){this.input.stepUp(),this.value!==this.input.value&&(this.value=this.input.value)}stepDown(){this.input.stepDown(),this.value!==this.input.value&&(this.value=this.input.value)}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(i){this.input.setCustomValidity(i),this.formControlController.updateValidity()}render(){const i=this.hasSlotController.test("label"),o=this.hasSlotController.test("help-text"),n=!!this.label||!!i,e=!!this.helpText||!!o,t=!!this.errorMessage,m=this.clearable&&!this.disabled&&!this.readonly&&("number"==typeof this.value||this.value.length>0);return s`
+import{__decorate as i}from"tslib";import{y as s}from"../index-f1b94546.esm.js";import{query as o,state as n,customElement as e}from"lit/decorators.js";import{s as t}from"./nile-input.css.esm.js";import"../nile-icon/index.esm.js";import{classMap as c}from"lit/directives/class-map.js";import{d as m}from"../internal/default-value.esm.js";import{F as r}from"../internal/form.esm.js";import{H as l}from"../internal/slot.esm.js";import{ifDefined as p}from"lit/directives/if-defined.js";import{live as a}from"lit/directives/live.js";import{w as v}from"../internal/watch.esm.js";import{N as g}from"../internal/nile-element.esm.js";import{e as j}from"../property-bf6307e2.esm.js";import"lit";import"lit/directives/unsafe-svg.js";import"../nile-icon/icons/svg/index.esm.js";import"../nile-icon/icons/svg/accessreview.esm.js";import"../nile-icon/icons/svg/action.esm.js";import"../nile-icon/icons/svg/actionworkflow.esm.js";import"../nile-icon/icons/svg/address.esm.js";import"../nile-icon/icons/svg/agent.esm.js";import"../nile-icon/icons/svg/agents.esm.js";import"../nile-icon/icons/svg/aggregation.esm.js";import"../nile-icon/icons/svg/allapplication.esm.js";import"../nile-icon/icons/svg/allsearch.esm.js";import"../nile-icon/icons/svg/anomaly.esm.js";import"../nile-icon/icons/svg/api.esm.js";import"../nile-icon/icons/svg/application.esm.js";import"../nile-icon/icons/svg/applications.esm.js";import"../nile-icon/icons/svg/approve.esm.js";import"../nile-icon/icons/svg/aquerasupport.esm.js";import"../nile-icon/icons/svg/arrow.esm.js";import"../nile-icon/icons/svg/arrowdown.esm.js";import"../nile-icon/icons/svg/arrowdropdown.esm.js";import"../nile-icon/icons/svg/arrowdropup.esm.js";import"../nile-icon/icons/svg/arrowleft.esm.js";import"../nile-icon/icons/svg/arrowright.esm.js";import"../nile-icon/icons/svg/arrowup.esm.js";import"../nile-icon/icons/svg/attribute-map-analysis-icon.esm.js";import"../nile-icon/icons/svg/attributemap.esm.js";import"../nile-icon/icons/svg/back.esm.js";import"../nile-icon/icons/svg/bargraph.esm.js";import"../nile-icon/icons/svg/bell-icon.esm.js";import"../nile-icon/icons/svg/bell.esm.js";import"../nile-icon/icons/svg/bluedot.esm.js";import"../nile-icon/icons/svg/boolean.esm.js";import"../nile-icon/icons/svg/bulk-sync.esm.js";import"../nile-icon/icons/svg/button-loading-black.esm.js";import"../nile-icon/icons/svg/button-loading-blue.esm.js";import"../nile-icon/icons/svg/button-loading-white.esm.js";import"../nile-icon/icons/svg/calendar.esm.js";import"../nile-icon/icons/svg/cancel.esm.js";import"../nile-icon/icons/svg/cases.esm.js";import"../nile-icon/icons/svg/caution.esm.js";import"../nile-icon/icons/svg/cell-loader.esm.js";import"../nile-icon/icons/svg/certification.esm.js";import"../nile-icon/icons/svg/chevron-down.esm.js";import"../nile-icon/icons/svg/chevron-up.esm.js";import"../nile-icon/icons/svg/close.esm.js";import"../nile-icon/icons/svg/collapse-1.esm.js";import"../nile-icon/icons/svg/collapse.esm.js";import"../nile-icon/icons/svg/compact.esm.js";import"../nile-icon/icons/svg/compare-tiles.esm.js";import"../nile-icon/icons/svg/component-menu.esm.js";import"../nile-icon/icons/svg/component.esm.js";import"../nile-icon/icons/svg/componentblock.esm.js";import"../nile-icon/icons/svg/components-icon.esm.js";import"../nile-icon/icons/svg/componenttext.esm.js";import"../nile-icon/icons/svg/condition.esm.js";import"../nile-icon/icons/svg/conditions.esm.js";import"../nile-icon/icons/svg/connect.esm.js";import"../nile-icon/icons/svg/connectivitymap.esm.js";import"../nile-icon/icons/svg/connectorrightarrow.esm.js";import"../nile-icon/icons/svg/continuous.esm.js";import"../nile-icon/icons/svg/copy.esm.js";import"../nile-icon/icons/svg/cor-analysis.esm.js";import"../nile-icon/icons/svg/correlation.esm.js";import"../nile-icon/icons/svg/create.esm.js";import"../nile-icon/icons/svg/createuser.esm.js";import"../nile-icon/icons/svg/custom.esm.js";import"../nile-icon/icons/svg/dashboard.esm.js";import"../nile-icon/icons/svg/data-type-array.esm.js";import"../nile-icon/icons/svg/data-type-boolean.esm.js";import"../nile-icon/icons/svg/data-type-expression.esm.js";import"../nile-icon/icons/svg/data-type-json.esm.js";import"../nile-icon/icons/svg/data-type-null.esm.js";import"../nile-icon/icons/svg/data-type-number.esm.js";import"../nile-icon/icons/svg/data-type-persistent-variable.esm.js";import"../nile-icon/icons/svg/data-type-string.esm.js";import"../nile-icon/icons/svg/data-type-unknown.esm.js";import"../nile-icon/icons/svg/data-type-variable.esm.js";import"../nile-icon/icons/svg/database.esm.js";import"../nile-icon/icons/svg/databaseview.esm.js";import"../nile-icon/icons/svg/default-1.esm.js";import"../nile-icon/icons/svg/default.esm.js";import"../nile-icon/icons/svg/delegate.esm.js";import"../nile-icon/icons/svg/delete.esm.js";import"../nile-icon/icons/svg/deleteuser.esm.js";import"../nile-icon/icons/svg/deligateduser.esm.js";import"../nile-icon/icons/svg/directory.esm.js";import"../nile-icon/icons/svg/disabled.esm.js";import"../nile-icon/icons/svg/document.esm.js";import"../nile-icon/icons/svg/done.esm.js";import"../nile-icon/icons/svg/dontmap.esm.js";import"../nile-icon/icons/svg/doublearrowleft.esm.js";import"../nile-icon/icons/svg/doublearrowright.esm.js";import"../nile-icon/icons/svg/downarrow.esm.js";import"../nile-icon/icons/svg/downgrade.esm.js";import"../nile-icon/icons/svg/download.esm.js";import"../nile-icon/icons/svg/drag.esm.js";import"../nile-icon/icons/svg/draglist.esm.js";import"../nile-icon/icons/svg/droparrow.esm.js";import"../nile-icon/icons/svg/dropdown.esm.js";import"../nile-icon/icons/svg/edit-pencil.esm.js";import"../nile-icon/icons/svg/else.esm.js";import"../nile-icon/icons/svg/email.esm.js";import"../nile-icon/icons/svg/enable.esm.js";import"../nile-icon/icons/svg/enabled.esm.js";import"../nile-icon/icons/svg/entities.esm.js";import"../nile-icon/icons/svg/entitlement.esm.js";import"../nile-icon/icons/svg/error.esm.js";import"../nile-icon/icons/svg/escalate.esm.js";import"../nile-icon/icons/svg/event.esm.js";import"../nile-icon/icons/svg/every.esm.js";import"../nile-icon/icons/svg/exactmatch.esm.js";import"../nile-icon/icons/svg/execute.esm.js";import"../nile-icon/icons/svg/expand-1.esm.js";import"../nile-icon/icons/svg/expand.esm.js";import"../nile-icon/icons/svg/eye.esm.js";import"../nile-icon/icons/svg/eyeclosed.esm.js";import"../nile-icon/icons/svg/file.esm.js";import"../nile-icon/icons/svg/filter.esm.js";import"../nile-icon/icons/svg/firewall.esm.js";import"../nile-icon/icons/svg/flow-h.esm.js";import"../nile-icon/icons/svg/flow.esm.js";import"../nile-icon/icons/svg/flowmap-agent.esm.js";import"../nile-icon/icons/svg/flowmap-application.esm.js";import"../nile-icon/icons/svg/flowmap-aquera.esm.js";import"../nile-icon/icons/svg/flowmap-block.esm.js";import"../nile-icon/icons/svg/flowmap-cancel.esm.js";import"../nile-icon/icons/svg/flowmap-colorpalatte.esm.js";import"../nile-icon/icons/svg/flowmap-drag.esm.js";import"../nile-icon/icons/svg/flowmap-ellipsis.esm.js";import"../nile-icon/icons/svg/flowmap-firewall-agent.esm.js";import"../nile-icon/icons/svg/flowmap-firewall.esm.js";import"../nile-icon/icons/svg/flowmap-gateway.esm.js";import"../nile-icon/icons/svg/flowmap-hand.esm.js";import"../nile-icon/icons/svg/flowmap-orchestration.esm.js";import"../nile-icon/icons/svg/flowmap-redo.esm.js";import"../nile-icon/icons/svg/flowmap-section.esm.js";import"../nile-icon/icons/svg/flowmap-text.esm.js";import"../nile-icon/icons/svg/flowmap-undo.esm.js";import"../nile-icon/icons/svg/flowmap-workflow.esm.js";import"../nile-icon/icons/svg/flowmap.esm.js";import"../nile-icon/icons/svg/folder.esm.js";import"../nile-icon/icons/svg/foreach.esm.js";import"../nile-icon/icons/svg/form.esm.js";import"../nile-icon/icons/svg/frequency.esm.js";import"../nile-icon/icons/svg/fullscreen.esm.js";import"../nile-icon/icons/svg/fullscreenexit.esm.js";import"../nile-icon/icons/svg/fullscreenshrink.esm.js";import"../nile-icon/icons/svg/funnel.esm.js";import"../nile-icon/icons/svg/gateway.esm.js";import"../nile-icon/icons/svg/general.esm.js";import"../nile-icon/icons/svg/generationphase.esm.js";import"../nile-icon/icons/svg/global-search.esm.js";import"../nile-icon/icons/svg/globe.esm.js";import"../nile-icon/icons/svg/goto.esm.js";import"../nile-icon/icons/svg/greendot.esm.js";import"../nile-icon/icons/svg/greydot.esm.js";import"../nile-icon/icons/svg/greylightdot.esm.js";import"../nile-icon/icons/svg/group-analysis-icon.esm.js";import"../nile-icon/icons/svg/group.esm.js";import"../nile-icon/icons/svg/groupby.esm.js";import"../nile-icon/icons/svg/groups.esm.js";import"../nile-icon/icons/svg/guide.esm.js";import"../nile-icon/icons/svg/header-actions.esm.js";import"../nile-icon/icons/svg/header-child-workflow.esm.js";import"../nile-icon/icons/svg/header-flows.esm.js";import"../nile-icon/icons/svg/header-functions.esm.js";import"../nile-icon/icons/svg/header-tasks.esm.js";import"../nile-icon/icons/svg/header-variable.esm.js";import"../nile-icon/icons/svg/help-1.esm.js";import"../nile-icon/icons/svg/help.esm.js";import"../nile-icon/icons/svg/helpandsupport.esm.js";import"../nile-icon/icons/svg/helpers.esm.js";import"../nile-icon/icons/svg/helpsupport.esm.js";import"../nile-icon/icons/svg/history.esm.js";import"../nile-icon/icons/svg/identitygraph.esm.js";import"../nile-icon/icons/svg/identityledger.esm.js";import"../nile-icon/icons/svg/if.esm.js";import"../nile-icon/icons/svg/ifelse.esm.js";import"../nile-icon/icons/svg/image.esm.js";import"../nile-icon/icons/svg/immutable.esm.js";import"../nile-icon/icons/svg/info-icon.esm.js";import"../nile-icon/icons/svg/info-icon1.esm.js";import"../nile-icon/icons/svg/info.esm.js";import"../nile-icon/icons/svg/info2.esm.js";import"../nile-icon/icons/svg/inprogress.esm.js";import"../nile-icon/icons/svg/itemplaceholder.esm.js";import"../nile-icon/icons/svg/js.esm.js";import"../nile-icon/icons/svg/kill.esm.js";import"../nile-icon/icons/svg/leftarrow.esm.js";import"../nile-icon/icons/svg/leftpointarrow.esm.js";import"../nile-icon/icons/svg/link.esm.js";import"../nile-icon/icons/svg/list-attribute.esm.js";import"../nile-icon/icons/svg/loader.esm.js";import"../nile-icon/icons/svg/loading.esm.js";import"../nile-icon/icons/svg/loading2.esm.js";import"../nile-icon/icons/svg/lock.esm.js";import"../nile-icon/icons/svg/log.esm.js";import"../nile-icon/icons/svg/logo-white.esm.js";import"../nile-icon/icons/svg/logout.esm.js";import"../nile-icon/icons/svg/logs.esm.js";import"../nile-icon/icons/svg/loop.esm.js";import"../nile-icon/icons/svg/manage.esm.js";import"../nile-icon/icons/svg/manageduser.esm.js";import"../nile-icon/icons/svg/map.esm.js";import"../nile-icon/icons/svg/mapcreate.esm.js";import"../nile-icon/icons/svg/mapdont.esm.js";import"../nile-icon/icons/svg/maponcreate.esm.js";import"../nile-icon/icons/svg/maponupdate.esm.js";import"../nile-icon/icons/svg/mapupdate.esm.js";import"../nile-icon/icons/svg/maximize.esm.js";import"../nile-icon/icons/svg/menu.esm.js";import"../nile-icon/icons/svg/minus.esm.js";import"../nile-icon/icons/svg/moveleft.esm.js";import"../nile-icon/icons/svg/moveright.esm.js";import"../nile-icon/icons/svg/multiple-user.esm.js";import"../nile-icon/icons/svg/mute.esm.js";import"../nile-icon/icons/svg/next-down.esm.js";import"../nile-icon/icons/svg/next.esm.js";import"../nile-icon/icons/svg/no-anomaly.esm.js";import"../nile-icon/icons/svg/nomatch.esm.js";import"../nile-icon/icons/svg/not.esm.js";import"../nile-icon/icons/svg/note.esm.js";import"../nile-icon/icons/svg/notification.esm.js";import"../nile-icon/icons/svg/notificationadd.esm.js";import"../nile-icon/icons/svg/notificationadded.esm.js";import"../nile-icon/icons/svg/notscheduled.esm.js";import"../nile-icon/icons/svg/null.esm.js";import"../nile-icon/icons/svg/number.esm.js";import"../nile-icon/icons/svg/operators.esm.js";import"../nile-icon/icons/svg/options.esm.js";import"../nile-icon/icons/svg/orchestration-solid.esm.js";import"../nile-icon/icons/svg/orchestration.esm.js";import"../nile-icon/icons/svg/organization.esm.js";import"../nile-icon/icons/svg/other.esm.js";import"../nile-icon/icons/svg/otherdetails.esm.js";import"../nile-icon/icons/svg/ou-analysis-icon.esm.js";import"../nile-icon/icons/svg/override.esm.js";import"../nile-icon/icons/svg/palletemenu.esm.js";import"../nile-icon/icons/svg/partner.esm.js";import"../nile-icon/icons/svg/partners.esm.js";import"../nile-icon/icons/svg/pause.esm.js";import"../nile-icon/icons/svg/pen.esm.js";import"../nile-icon/icons/svg/pencil.esm.js";import"../nile-icon/icons/svg/peopletask.esm.js";import"../nile-icon/icons/svg/persistent-variable.esm.js";import"../nile-icon/icons/svg/personaldetails.esm.js";import"../nile-icon/icons/svg/phone.esm.js";import"../nile-icon/icons/svg/pin.esm.js";import"../nile-icon/icons/svg/placeholder-wf.esm.js";import"../nile-icon/icons/svg/play.esm.js";import"../nile-icon/icons/svg/plus-icon.esm.js";import"../nile-icon/icons/svg/plus.esm.js";import"../nile-icon/icons/svg/pluscircle.esm.js";import"../nile-icon/icons/svg/plussquare.esm.js";import"../nile-icon/icons/svg/policy.esm.js";import"../nile-icon/icons/svg/potentialmatch.esm.js";import"../nile-icon/icons/svg/poweron.esm.js";import"../nile-icon/icons/svg/prev-up.esm.js";import"../nile-icon/icons/svg/prev.esm.js";import"../nile-icon/icons/svg/preview.esm.js";import"../nile-icon/icons/svg/privilage.esm.js";import"../nile-icon/icons/svg/privilege.esm.js";import"../nile-icon/icons/svg/privilegeobject.esm.js";import"../nile-icon/icons/svg/professionaldetails.esm.js";import"../nile-icon/icons/svg/question.esm.js";import"../nile-icon/icons/svg/radio.esm.js";import"../nile-icon/icons/svg/radioactive.esm.js";import"../nile-icon/icons/svg/radiodone.esm.js";import"../nile-icon/icons/svg/read.esm.js";import"../nile-icon/icons/svg/readexpression.esm.js";import"../nile-icon/icons/svg/readonly.esm.js";import"../nile-icon/icons/svg/readonlyuser.esm.js";import"../nile-icon/icons/svg/readuser.esm.js";import"../nile-icon/icons/svg/reddot.esm.js";import"../nile-icon/icons/svg/redo.esm.js";import"../nile-icon/icons/svg/refresh.esm.js";import"../nile-icon/icons/svg/reminder.esm.js";import"../nile-icon/icons/svg/resize.esm.js";import"../nile-icon/icons/svg/resource.esm.js";import"../nile-icon/icons/svg/returnvalue.esm.js";import"../nile-icon/icons/svg/revocationcycle.esm.js";import"../nile-icon/icons/svg/revokation-cycle.esm.js";import"../nile-icon/icons/svg/rightarrow.esm.js";import"../nile-icon/icons/svg/role.esm.js";import"../nile-icon/icons/svg/rolemanager.esm.js";import"../nile-icon/icons/svg/run.esm.js";import"../nile-icon/icons/svg/save.esm.js";import"../nile-icon/icons/svg/schedule.esm.js";import"../nile-icon/icons/svg/schema.esm.js";import"../nile-icon/icons/svg/script.esm.js";import"../nile-icon/icons/svg/search-steps-icon.esm.js";import"../nile-icon/icons/svg/search.esm.js";import"../nile-icon/icons/svg/select.esm.js";import"../nile-icon/icons/svg/selectapplication.esm.js";import"../nile-icon/icons/svg/selectattributes.esm.js";import"../nile-icon/icons/svg/selectuser.esm.js";import"../nile-icon/icons/svg/send.esm.js";import"../nile-icon/icons/svg/sendemail.esm.js";import"../nile-icon/icons/svg/sendescalation.esm.js";import"../nile-icon/icons/svg/sendprompt.esm.js";import"../nile-icon/icons/svg/sendreminder.esm.js";import"../nile-icon/icons/svg/setting.esm.js";import"../nile-icon/icons/svg/settings.esm.js";import"../nile-icon/icons/svg/shape.esm.js";import"../nile-icon/icons/svg/share.esm.js";import"../nile-icon/icons/svg/smalltick.esm.js";import"../nile-icon/icons/svg/smartcode.esm.js";import"../nile-icon/icons/svg/sort.esm.js";import"../nile-icon/icons/svg/sortascending.esm.js";import"../nile-icon/icons/svg/sortdescending.esm.js";import"../nile-icon/icons/svg/sortdown.esm.js";import"../nile-icon/icons/svg/sortup.esm.js";import"../nile-icon/icons/svg/stop.esm.js";import"../nile-icon/icons/svg/storybook.esm.js";import"../nile-icon/icons/svg/string.esm.js";import"../nile-icon/icons/svg/support.esm.js";import"../nile-icon/icons/svg/swap.esm.js";import"../nile-icon/icons/svg/sync.esm.js";import"../nile-icon/icons/svg/table.esm.js";import"../nile-icon/icons/svg/tag.esm.js";import"../nile-icon/icons/svg/test.esm.js";import"../nile-icon/icons/svg/textarea-expander.esm.js";import"../nile-icon/icons/svg/themes.esm.js";import"../nile-icon/icons/svg/thumbsdown.esm.js";import"../nile-icon/icons/svg/thumbsup.esm.js";import"../nile-icon/icons/svg/thumsup.esm.js";import"../nile-icon/icons/svg/tick.esm.js";import"../nile-icon/icons/svg/timeupdate.esm.js";import"../nile-icon/icons/svg/timezone.esm.js";import"../nile-icon/icons/svg/trash-no-fill.esm.js";import"../nile-icon/icons/svg/trash.esm.js";import"../nile-icon/icons/svg/trigger.esm.js";import"../nile-icon/icons/svg/undo-1.esm.js";import"../nile-icon/icons/svg/undo.esm.js";import"../nile-icon/icons/svg/unmute.esm.js";import"../nile-icon/icons/svg/uparrow.esm.js";import"../nile-icon/icons/svg/update.esm.js";import"../nile-icon/icons/svg/updateuser.esm.js";import"../nile-icon/icons/svg/updown.esm.js";import"../nile-icon/icons/svg/upgrade.esm.js";import"../nile-icon/icons/svg/upload.esm.js";import"../nile-icon/icons/svg/user-analysis-icon.esm.js";import"../nile-icon/icons/svg/user-group.esm.js";import"../nile-icon/icons/svg/user-inactive.esm.js";import"../nile-icon/icons/svg/user-selection.esm.js";import"../nile-icon/icons/svg/user.esm.js";import"../nile-icon/icons/svg/useractive.esm.js";import"../nile-icon/icons/svg/useradd.esm.js";import"../nile-icon/icons/svg/useraddgroup.esm.js";import"../nile-icon/icons/svg/userfind.esm.js";import"../nile-icon/icons/svg/userimport.esm.js";import"../nile-icon/icons/svg/userimportgroup.esm.js";import"../nile-icon/icons/svg/usermixed.esm.js";import"../nile-icon/icons/svg/userremove-1.esm.js";import"../nile-icon/icons/svg/userremove-2.esm.js";import"../nile-icon/icons/svg/userremove.esm.js";import"../nile-icon/icons/svg/userremovegroup.esm.js";import"../nile-icon/icons/svg/users.esm.js";import"../nile-icon/icons/svg/userupdate.esm.js";import"../nile-icon/icons/svg/validationexpression.esm.js";import"../nile-icon/icons/svg/variable-global.esm.js";import"../nile-icon/icons/svg/variable-local-1.esm.js";import"../nile-icon/icons/svg/variable-local.esm.js";import"../nile-icon/icons/svg/variable-new-1.esm.js";import"../nile-icon/icons/svg/variable-new.esm.js";import"../nile-icon/icons/svg/variable.esm.js";import"../nile-icon/icons/svg/video.esm.js";import"../nile-icon/icons/svg/view.esm.js";import"../nile-icon/icons/svg/virtualserver.esm.js";import"../nile-icon/icons/svg/visibility.esm.js";import"../nile-icon/icons/svg/visibilityoff.esm.js";import"../nile-icon/icons/svg/wait.esm.js";import"../nile-icon/icons/svg/warning.esm.js";import"../nile-icon/icons/svg/while.esm.js";import"../nile-icon/icons/svg/whileloop.esm.js";import"../nile-icon/icons/svg/workflow-solid.esm.js";import"../nile-icon/icons/svg/workflow.esm.js";import"../nile-icon/icons/svg/writeexpression.esm.js";let d=class extends g{constructor(){super(...arguments),this.formControlController=new r(this,{assumeInteractionOn:["nile-blur","nile-input"]}),this.hasSlotController=new l(this,"help-text","label"),this.hasFocus=!1,this.title="",this.type="text",this.name="",this.value="",this.defaultValue="",this.size="medium",this.filled=!1,this.warning=!1,this.error=!1,this.success=!1,this.pill=!1,this.label="",this.helpText="",this.errorMessage="",this.clearable=!1,this.disabled=!1,this.placeholder="",this.readonly=!1,this.passwordToggle=!1,this.passwordVisible=!1,this.noSpinButtons=!1,this.form="",this.required=!1,this.spellcheck=!0}get valueAsDate(){const i=document.createElement("input");return i.type="date",i.value=this.value,i.valueAsDate}set valueAsDate(i){const s=document.createElement("input");s.type="date",s.valueAsDate=i,this.value=s.value}get valueAsNumber(){const i=document.createElement("input");return i.type="number",i.value=this.value,i.valueAsNumber}set valueAsNumber(i){const s=document.createElement("input");s.type="number",s.valueAsNumber=i,this.value=s.value}get validity(){return this.input.validity}get validationMessage(){return this.input.validationMessage}firstUpdated(){this.formControlController.updateValidity()}handleBlur(){this.hasFocus=!1,this.emit("nile-blur",{value:this.value})}handleChange(){this.value=this.input.value,this.emit("nile-change",{value:this.value})}handleClearClick(i){this.value="",this.emit("nile-clear",{value:this.value}),this.emit("nile-input",{value:this.value}),this.emit("nile-change",{value:this.value}),this.input.focus(),i.stopPropagation()}handleFocus(){this.hasFocus=!0,this.emit("nile-focus",{value:this.value})}handleInput(){this.value=this.input.value,this.formControlController.updateValidity(),this.emit("nile-input",{value:this.value})}handleInvalid(i){this.formControlController.setValidity(!1),this.formControlController.emitInvalidEvent(i)}handleKeyDown(i){const s=i.metaKey||i.ctrlKey||i.shiftKey||i.altKey;"Enter"!==i.key||s||setTimeout((()=>{i.defaultPrevented||i.isComposing||this.formControlController.submit()}))}handlePasswordToggle(){this.passwordVisible=!this.passwordVisible}handleDisabledChange(){this.formControlController.setValidity(this.disabled)}handleStepChange(){this.input.step=String(this.step),this.formControlController.updateValidity()}async handleValueChange(){await this.updateComplete,this.formControlController.updateValidity()}focus(i){this.input.focus(i)}blur(){this.input.blur()}select(){this.input.select()}setSelectionRange(i,s,o="none"){this.input.setSelectionRange(i,s,o)}setRangeText(i,s,o,n){this.input.setRangeText(i,s,o,n),this.value!==this.input.value&&(this.value=this.input.value)}stepUp(){this.input.stepUp(),this.value!==this.input.value&&(this.value=this.input.value)}stepDown(){this.input.stepDown(),this.value!==this.input.value&&(this.value=this.input.value)}checkValidity(){return this.input.checkValidity()}getForm(){return this.formControlController.getForm()}reportValidity(){return this.input.reportValidity()}setCustomValidity(i){this.input.setCustomValidity(i),this.formControlController.updateValidity()}render(){const i=this.hasSlotController.test("label");this.hasSlotController.test("help-text");const o=!!this.label||!!i,n=!!this.helpText,e=!!this.errorMessage,t=this.clearable&&!this.disabled&&!this.readonly&&("number"==typeof this.value||this.value.length>0);return s`
       <div
         part="form-control"
-        class=${c({"form-control":!0,"form-control--small":"small"===this.size,"form-control--medium":"medium"===this.size,"form-control--large":"large"===this.size,"form-control--has-label":n,"form-control--has-help-text":e})}
+        class=${c({"form-control":!0,"form-control--small":"small"===this.size,"form-control--medium":"medium"===this.size,"form-control--large":"large"===this.size,"form-control--has-label":o,"form-control--has-help-text":n})}
       >
         <label
           part="form-control-label"
           class="form-control__label"
           for="input"
-          aria-hidden=${n?"false":"true"}
+          aria-hidden=${o?"false":"true"}
         >
           <slot name="label">${this.label}</slot>
         </label>
@@ -52,7 +52,7 @@ import{__decorate as i}from"tslib";import{y as s}from"../index-f1b94546.esm.js";
               @blur=${this.handleBlur}
             />
 
-            ${m?s`
+            ${t?s`
                     <button
                       part="clear-button"
                       class="input__clear"
@@ -97,26 +97,15 @@ import{__decorate as i}from"tslib";import{y as s}from"../index-f1b94546.esm.js";
           </div>
         </div>
 
-        <slot
-          name="help-text"
-          part="form-control-help-text"
-          id="help-text"
-          class="form-control__help-text"
-          aria-hidden=${e?"false":"true"}
-        >
-          ${this.helpText}
-        </slot>
-        ${t?s`
-                <slot
-                  name="error-message"
-                  part="form-control-error-message"
-                  id="error-message"
-                  class="form-control__error-message"
-                  aria-hidden=${t?"false":"true"}
+        ${n?s`
+                <nile-form-help-text>${this.helpText}</nile-form-help-text>
+              `:""}
+
+        ${e?s`
+                <nile-form-error-message
+                  >${this.errorMessage}</nile-form-error-message
                 >
-                  ${this.errorMessage}
-                </slot>
               `:""}
         </div>
       </div>
-    `}};d.styles=t,i([o(".input__control")],d.prototype,"input",void 0),i([n()],d.prototype,"hasFocus",void 0),i([j()],d.prototype,"title",void 0),i([j({reflect:!0})],d.prototype,"type",void 0),i([j()],d.prototype,"name",void 0),i([j()],d.prototype,"value",void 0),i([m()],d.prototype,"defaultValue",void 0),i([j({reflect:!0})],d.prototype,"size",void 0),i([j({type:Boolean,reflect:!0})],d.prototype,"filled",void 0),i([j({type:Boolean})],d.prototype,"warning",void 0),i([j({type:Boolean})],d.prototype,"error",void 0),i([j({type:Boolean})],d.prototype,"success",void 0),i([j({type:Boolean,reflect:!0})],d.prototype,"pill",void 0),i([j()],d.prototype,"label",void 0),i([j({attribute:"help-text"})],d.prototype,"helpText",void 0),i([j({attribute:"error-message"})],d.prototype,"errorMessage",void 0),i([j({type:Boolean})],d.prototype,"clearable",void 0),i([j({type:Boolean,reflect:!0})],d.prototype,"disabled",void 0),i([j()],d.prototype,"placeholder",void 0),i([j({type:Boolean,reflect:!0})],d.prototype,"readonly",void 0),i([j({attribute:"password-toggle",type:Boolean})],d.prototype,"passwordToggle",void 0),i([j({attribute:"password-visible",type:Boolean})],d.prototype,"passwordVisible",void 0),i([j({attribute:"no-spin-buttons",type:Boolean})],d.prototype,"noSpinButtons",void 0),i([j({reflect:!0})],d.prototype,"form",void 0),i([j({type:Boolean,reflect:!0})],d.prototype,"required",void 0),i([j()],d.prototype,"pattern",void 0),i([j({type:Number})],d.prototype,"minlength",void 0),i([j({type:Number})],d.prototype,"maxlength",void 0),i([j()],d.prototype,"min",void 0),i([j()],d.prototype,"max",void 0),i([j()],d.prototype,"step",void 0),i([j()],d.prototype,"autocapitalize",void 0),i([j()],d.prototype,"autocorrect",void 0),i([j()],d.prototype,"autocomplete",void 0),i([j({type:Boolean})],d.prototype,"autofocus",void 0),i([j()],d.prototype,"enterkeyhint",void 0),i([j({type:Boolean,converter:{fromAttribute:i=>!(!i||"false"===i),toAttribute:i=>i?"true":"false"}})],d.prototype,"spellcheck",void 0),i([j()],d.prototype,"inputmode",void 0),i([g("disabled",{waitUntilFirstUpdate:!0})],d.prototype,"handleDisabledChange",null),i([g("step",{waitUntilFirstUpdate:!0})],d.prototype,"handleStepChange",null),i([g("value",{waitUntilFirstUpdate:!0})],d.prototype,"handleValueChange",null),d=i([e("nile-input")],d);
+    `}};d.styles=t,i([o(".input__control")],d.prototype,"input",void 0),i([n()],d.prototype,"hasFocus",void 0),i([j()],d.prototype,"title",void 0),i([j({reflect:!0})],d.prototype,"type",void 0),i([j()],d.prototype,"name",void 0),i([j()],d.prototype,"value",void 0),i([m()],d.prototype,"defaultValue",void 0),i([j({reflect:!0})],d.prototype,"size",void 0),i([j({type:Boolean,reflect:!0})],d.prototype,"filled",void 0),i([j({type:Boolean})],d.prototype,"warning",void 0),i([j({type:Boolean})],d.prototype,"error",void 0),i([j({type:Boolean})],d.prototype,"success",void 0),i([j({type:Boolean,reflect:!0})],d.prototype,"pill",void 0),i([j()],d.prototype,"label",void 0),i([j({attribute:"help-text"})],d.prototype,"helpText",void 0),i([j({attribute:"error-message"})],d.prototype,"errorMessage",void 0),i([j({type:Boolean})],d.prototype,"clearable",void 0),i([j({type:Boolean,reflect:!0})],d.prototype,"disabled",void 0),i([j()],d.prototype,"placeholder",void 0),i([j({type:Boolean,reflect:!0})],d.prototype,"readonly",void 0),i([j({attribute:"password-toggle",type:Boolean})],d.prototype,"passwordToggle",void 0),i([j({attribute:"password-visible",type:Boolean})],d.prototype,"passwordVisible",void 0),i([j({attribute:"no-spin-buttons",type:Boolean})],d.prototype,"noSpinButtons",void 0),i([j({reflect:!0})],d.prototype,"form",void 0),i([j({type:Boolean,reflect:!0})],d.prototype,"required",void 0),i([j()],d.prototype,"pattern",void 0),i([j({type:Number})],d.prototype,"minlength",void 0),i([j({type:Number})],d.prototype,"maxlength",void 0),i([j()],d.prototype,"min",void 0),i([j()],d.prototype,"max",void 0),i([j()],d.prototype,"step",void 0),i([j()],d.prototype,"autocapitalize",void 0),i([j()],d.prototype,"autocorrect",void 0),i([j()],d.prototype,"autocomplete",void 0),i([j({type:Boolean})],d.prototype,"autofocus",void 0),i([j()],d.prototype,"enterkeyhint",void 0),i([j({type:Boolean,converter:{fromAttribute:i=>!(!i||"false"===i),toAttribute:i=>i?"true":"false"}})],d.prototype,"spellcheck",void 0),i([j()],d.prototype,"inputmode",void 0),i([v("disabled",{waitUntilFirstUpdate:!0})],d.prototype,"handleDisabledChange",null),i([v("step",{waitUntilFirstUpdate:!0})],d.prototype,"handleStepChange",null),i([v("value",{waitUntilFirstUpdate:!0})],d.prototype,"handleValueChange",null),d=i([e("nile-input")],d);

package/dist/nile-radio-group/nile-radio-group.cjs.js

@@ -1,2 +1,2 @@
-System.register(["tslib","lit/directives/class-map.js","lit/decorators.js","../internal/slot.cjs.js","lit","../internal/watch.cjs.js","../internal/nile-element.cjs.js","./nile-radio-group.css.cjs.js"],function(_export,_context){"use strict";var t,i,e,l,s,o,r,a,h,n,d,_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(_litDirectivesClassMapJs){i=_litDirectivesClassMapJs.classMap;},function(_litDecoratorsJs){e=_litDecoratorsJs.query;l=_litDecoratorsJs.state;s=_litDecoratorsJs.property;o=_litDecoratorsJs.customElement;},function(_internalSlotCjsJs){r=_internalSlotCjsJs.H;},function(_lit){a=_lit.html;},function(_internalWatchCjsJs){h=_internalWatchCjsJs.w;},function(_internalNileElementCjsJs){n=_internalNileElementCjsJs.N;},function(_nileRadioGroupCssCjsJs){d=_nileRadioGroupCssCjsJs.s;}],execute:function(){c=/*#__PURE__*/function(_n){_inherits(c,_n);var _super=_createSuper(c);function c(){var _this;_classCallCheck(this,c);_this=_super.apply(this,arguments),_this.hasSlotController=new r(_assertThisInitialized(_this),"help-text","label"),_this.customValidityMessage="",_this.hasButtonGroup=!1,_this.errorMessage="",_this.defaultValue="",_this.label="",_this.helpText="",_this.name="option",_this.value="",_this.form="",_this.required=!1,_this.labelInline=!1,_this.disabled=!1;return _this;}_createClass(c,[{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(c.prototype),"connectedCallback",this).call(this),this.defaultValue=this.value,this.handleInitialDisabledState();}},{key:"getAllRadios",value:function getAllRadios(){return _toConsumableArray(this.querySelectorAll("nile-radio"));}},{key:"handleRadioClick",value:function handleRadioClick(t){var i=t.target.closest("nile-radio"),e=this.getAllRadios(),l=this.value;i.disabled||this.disabled||(this.value=i.value,e.forEach(function(t){return t.checked=t===i;}),this.value!==l&&(this.emit("change",{value:this.value}),this.emit("input")));}},{key:"handleDisabledChange",value:function handleDisabledChange(){var _this2=this;this.getAllRadios().forEach(function(t){t.disabled=_this2.disabled;});}},{key:"handleInitialDisabledState",value:function handleInitialDisabledState(){var _this3=this;this.getAllRadios().forEach(function(t){t.disabled=t.hasAttribute("disabled")?t.disabled:_this3.disabled;});}},{key:"handleKeyDown",value:function handleKeyDown(t){var _i$find,_this4=this;if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(t.key))return;var i=this.getAllRadios().filter(function(t){return!t.disabled;}),e=(_i$find=i.find(function(t){return t.checked;}))!==null&&_i$find!==void 0?_i$find:i[0],l=" "===t.key?0:["ArrowUp","ArrowLeft"].includes(t.key)?-1:1,s=this.value;var o=i.indexOf(e)+l;o<0&&(o=i.length-1),o>i.length-1&&(o=0),this.getAllRadios().forEach(function(t){t.checked=!1,_this4.hasButtonGroup||(t.tabIndex=-1);}),this.value=i[o].value,i[o].checked=!0,this.hasButtonGroup?i[o].shadowRoot.querySelector("button").focus():(i[o].tabIndex=0,i[o].focus()),this.value!==s&&(this.emit("change"),this.emit("input")),t.preventDefault();}},{key:"handleLabelClick",value:function handleLabelClick(){var t=this.getAllRadios(),i=t.find(function(t){return t.checked;})||t[0];i&&i.focus();}},{key:"handleSlotChange",value:function handleSlotChange(){var _this5=this,_this$shadowRoot;var t=this.getAllRadios();if(t.forEach(function(t){return t.checked=t.value===_this5.value;}),this.hasButtonGroup=t.some(function(t){return"nile-radio-button"===t.tagName.toLowerCase();}),!t.some(function(t){return t.checked;}))if(this.hasButtonGroup){t[0].shadowRoot.querySelector("button").tabIndex=0;}else t[0].tabIndex=0;this.hasButtonGroup&&((_this$shadowRoot=this.shadowRoot)===null||_this$shadowRoot===void 0?void 0:_this$shadowRoot.querySelector("nile-button-group"));}},{key:"updateCheckedRadio",value:function updateCheckedRadio(){var _this6=this;this.getAllRadios().forEach(function(t){return t.checked=t.value===_this6.value;});}},{key:"handleValueChange",value:function handleValueChange(){this.hasUpdated&&this.updateCheckedRadio();}},{key:"render",value:function render(){var t=this.hasSlotController.test("label"),e=this.hasSlotController.test("help-text"),l=!!this.label||!!t,s=!!this.helpText||!!e,o=a(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <slot\n        @click=","\n        @keydown=","\n        @slotchange=","\n        role=\"presentation\"\n      ></slot>\n    "])),this.handleRadioClick,this.handleKeyDown,this.handleSlotChange);return a(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n      <fieldset\n        part=\"form-control\"\n        class=","\n        role=\"radiogroup\"\n        aria-labelledby=\"label\"\n        aria-describedby=\"help-text\"\n        aria-errormessage=\"error-message\"\n      >\n        <label\n          part=\"form-control-label\"\n          id=\"label\"\n          class=\"form-control__label\"\n          aria-hidden=","\n          @click=","\n        >\n          <slot name=\"label\">","</slot>\n        </label>\n\n        <div part=\"form-control-input\" class=\"form-control-input\">\n          <div class=\"visually-hidden\">\n            <div id=\"error-message\" aria-live=\"assertive\">","</div>\n            <label class=\"radio-group__validation\">\n              <input\n                type=\"text\"\n                class=\"radio-group__validation-input\"\n                ?required=","\n                tabindex=\"-1\"\n                hidden\n              />\n            </label>\n          </div>\n\n          ","\n        </div>\n\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      </fieldset>\n    "])),i({"form-control":!0,"form-control--medium":!0,"form-control--radio-group":!0,"form-control--has-label":l,"form-control--has-help-text":s}),l?"false":"true",this.handleLabelClick,this.label,this.errorMessage,this.required,this.hasButtonGroup?a(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n            ","\n              "])),o):a(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n            <div class=\"","\"> ","</div> "])),this.labelInline?"form-control--inline-radio":"",o),s?"false":"true",this.helpText);}}]);return c;}(n);c.styles=d,t([e("slot:not([name])")],c.prototype,"defaultSlot",void 0),t([l()],c.prototype,"hasButtonGroup",void 0),t([l()],c.prototype,"errorMessage",void 0),t([l()],c.prototype,"defaultValue",void 0),t([s()],c.prototype,"label",void 0),t([s({attribute:"help-text"})],c.prototype,"helpText",void 0),t([s()],c.prototype,"name",void 0),t([s({reflect:!0})],c.prototype,"value",void 0),t([s({reflect:!0})],c.prototype,"form",void 0),t([s({type:Boolean,reflect:!0})],c.prototype,"required",void 0),t([s({type:Boolean,reflect:!0})],c.prototype,"labelInline",void 0),t([s({type:Boolean,reflect:!0})],c.prototype,"disabled",void 0),t([h("disabled",{waitUntilFirstUpdate:!0})],c.prototype,"handleDisabledChange",null),t([h("value")],c.prototype,"handleValueChange",null),c=t([o("nile-radio-group")],c);}};});
+System.register(["tslib","lit/directives/class-map.js","lit/decorators.js","../internal/slot.cjs.js","lit","../internal/watch.cjs.js","../internal/nile-element.cjs.js","./nile-radio-group.css.cjs.js"],function(_export,_context){"use strict";var t,i,e,s,l,o,r,a,h,n,d,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,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(_litDirectivesClassMapJs){i=_litDirectivesClassMapJs.classMap;},function(_litDecoratorsJs){e=_litDecoratorsJs.query;s=_litDecoratorsJs.state;l=_litDecoratorsJs.property;o=_litDecoratorsJs.customElement;},function(_internalSlotCjsJs){r=_internalSlotCjsJs.H;},function(_lit){a=_lit.html;},function(_internalWatchCjsJs){h=_internalWatchCjsJs.w;},function(_internalNileElementCjsJs){n=_internalNileElementCjsJs.N;},function(_nileRadioGroupCssCjsJs){d=_nileRadioGroupCssCjsJs.s;}],execute:function(){c=/*#__PURE__*/function(_n){_inherits(c,_n);var _super=_createSuper(c);function c(){var _this;_classCallCheck(this,c);_this=_super.apply(this,arguments),_this.hasSlotController=new r(_assertThisInitialized(_this),"help-text","label"),_this.customValidityMessage="",_this.hasButtonGroup=!1,_this.defaultValue="",_this.label="",_this.name="option",_this.value="",_this.form="",_this.required=!1,_this.labelInline=!1,_this.disabled=!1,_this.helpText="",_this.errorMessage="";return _this;}_createClass(c,[{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(c.prototype),"connectedCallback",this).call(this),this.defaultValue=this.value,this.handleInitialDisabledState();}},{key:"getAllRadios",value:function getAllRadios(){return _toConsumableArray(this.querySelectorAll("nile-radio"));}},{key:"handleRadioClick",value:function handleRadioClick(t){var i=t.target.closest("nile-radio"),e=this.getAllRadios(),s=this.value;i.disabled||this.disabled||(this.value=i.value,e.forEach(function(t){return t.checked=t===i;}),this.value!==s&&(this.emit("change",{value:this.value}),this.emit("input")));}},{key:"handleDisabledChange",value:function handleDisabledChange(){var _this2=this;this.getAllRadios().forEach(function(t){t.disabled=_this2.disabled;});}},{key:"handleInitialDisabledState",value:function handleInitialDisabledState(){var _this3=this;this.getAllRadios().forEach(function(t){t.disabled=t.hasAttribute("disabled")?t.disabled:_this3.disabled;});}},{key:"handleKeyDown",value:function handleKeyDown(t){var _i$find,_this4=this;if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(t.key))return;var i=this.getAllRadios().filter(function(t){return!t.disabled;}),e=(_i$find=i.find(function(t){return t.checked;}))!==null&&_i$find!==void 0?_i$find:i[0],s=" "===t.key?0:["ArrowUp","ArrowLeft"].includes(t.key)?-1:1,l=this.value;var o=i.indexOf(e)+s;o<0&&(o=i.length-1),o>i.length-1&&(o=0),this.getAllRadios().forEach(function(t){t.checked=!1,_this4.hasButtonGroup||(t.tabIndex=-1);}),this.value=i[o].value,i[o].checked=!0,this.hasButtonGroup?i[o].shadowRoot.querySelector("button").focus():(i[o].tabIndex=0,i[o].focus()),this.value!==l&&(this.emit("change"),this.emit("input")),t.preventDefault();}},{key:"handleLabelClick",value:function handleLabelClick(){var t=this.getAllRadios(),i=t.find(function(t){return t.checked;})||t[0];i&&i.focus();}},{key:"handleSlotChange",value:function handleSlotChange(){var _this5=this,_this$shadowRoot;var t=this.getAllRadios();if(t.forEach(function(t){return t.checked=t.value===_this5.value;}),this.hasButtonGroup=t.some(function(t){return"nile-radio-button"===t.tagName.toLowerCase();}),!t.some(function(t){return t.checked;}))if(this.hasButtonGroup){t[0].shadowRoot.querySelector("button").tabIndex=0;}else t[0].tabIndex=0;this.hasButtonGroup&&((_this$shadowRoot=this.shadowRoot)===null||_this$shadowRoot===void 0?void 0:_this$shadowRoot.querySelector("nile-button-group"));}},{key:"updateCheckedRadio",value:function updateCheckedRadio(){var _this6=this;this.getAllRadios().forEach(function(t){return t.checked=t.value===_this6.value;});}},{key:"handleValueChange",value:function handleValueChange(){this.hasUpdated&&this.updateCheckedRadio();}},{key:"render",value:function render(){var t=this.hasSlotController.test("label");this.hasSlotController.test("help-text");var e=!!this.label||!!t,s=!!this.helpText,l=!!this.errorMessage,o=a(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <slot\n        @click=","\n        @keydown=","\n        @slotchange=","\n        role=\"presentation\"\n      ></slot>\n    "])),this.handleRadioClick,this.handleKeyDown,this.handleSlotChange);return a(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n      <fieldset\n        part=\"form-control\"\n        class=","\n        role=\"radiogroup\"\n        aria-labelledby=\"label\"\n        aria-describedby=\"help-text\"\n        aria-errormessage=\"error-message\"\n      >\n        <label\n          part=\"form-control-label\"\n          id=\"label\"\n          class=\"form-control__label\"\n          aria-hidden=","\n          @click=","\n        >\n          <slot name=\"label\">","</slot>\n        </label>\n\n        <div part=\"form-control-input\" class=\"form-control-input\">\n          <div class=\"visually-hidden\">\n            <label class=\"radio-group__validation\">\n              <input\n                type=\"text\"\n                class=\"radio-group__validation-input\"\n                ?required=","\n                tabindex=\"-1\"\n                hidden\n              />\n            </label>\n          </div>\n\n          ","\n        </div>\n\n        ","\n\n        ","\n\n      </fieldset>\n    "])),i({"form-control":!0,"form-control--medium":!0,"form-control--radio-group":!0,"form-control--has-label":e,"form-control--has-help-text":s}),e?"false":"true",this.handleLabelClick,this.label,this.required,this.hasButtonGroup?a(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n            ","\n              "])),o):a(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n            <div class=\"","\"> ","</div> "])),this.labelInline?"form-control--inline-radio":"",o),s?a(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n                <nile-form-help-text>","</nile-form-help-text>\n              "])),this.helpText):"",l?a(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n                <nile-form-error-message\n                  >","</nile-form-error-message\n                >\n              "])),this.errorMessage):"");}}]);return c;}(n);c.styles=d,t([e("slot:not([name])")],c.prototype,"defaultSlot",void 0),t([s()],c.prototype,"hasButtonGroup",void 0),t([s()],c.prototype,"defaultValue",void 0),t([l()],c.prototype,"label",void 0),t([l()],c.prototype,"name",void 0),t([l({reflect:!0})],c.prototype,"value",void 0),t([l({reflect:!0})],c.prototype,"form",void 0),t([l({type:Boolean,reflect:!0})],c.prototype,"required",void 0),t([l({type:Boolean,reflect:!0})],c.prototype,"labelInline",void 0),t([l({type:Boolean,reflect:!0})],c.prototype,"disabled",void 0),t([l({attribute:"help-text"})],c.prototype,"helpText",void 0),t([l({attribute:"error-message"})],c.prototype,"errorMessage",void 0),t([h("disabled",{waitUntilFirstUpdate:!0})],c.prototype,"handleDisabledChange",null),t([h("value")],c.prototype,"handleValueChange",null),c=t([o("nile-radio-group")],c);}};});
 //# sourceMappingURL=nile-radio-group.cjs.js.map

package/dist/nile-radio-group/nile-radio-group.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-radio-group.cjs.js","sources":["../../../src/nile-radio-group/nile-radio-group.ts"],"sourcesContent":["\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { HasSlotController } from '../internal/slot';\nimport { html } from 'lit';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport styles from './nile-radio-group.css';\nimport type { CSSResultGroup } from 'lit';\nimport type NileRadio from '../nile-radio/nile-radio';\n\n/**\n * @summary Radio groups are used to group multiple [radios](/components/radio) or [radio buttons](/components/radio-button) so they function as a single form control.\n *\n * @dependency nile-button-group\n *\n * @slot - The default slot where `<nile-radio>` or `<nile-radio-button>` elements are placed.\n * @slot label - The radio group's label. Required for proper accessibility. Alternatively, you can use the `label`\n *  attribute.\n *\n * @event change - Emitted when the radio group's selected value changes.\n * @event input - Emitted when the radio group receives user input.\n * @event invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n * @csspart button-group - The button group that wraps radio buttons.\n * @csspart button-group__base - The button group's `base` part.\n */\n@customElement('nile-radio-group')\nexport class NileRadioGroup extends NileElement {\n  static styles: CSSResultGroup = styles;\n\n  private readonly hasSlotController = new HasSlotController(this, 'help-text', 'label');\n  private customValidityMessage = '';\n\n  @query('slot:not([name])') defaultSlot: HTMLSlotElement;\n\n  @state() private hasButtonGroup = false;\n  @state() private errorMessage = '';\n  @state() defaultValue = '';\n\n  /**\n   * The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\n   * instead.\n   */\n  @property() label = '';\n\n  /** The radio groups's help text. If you need to display HTML, use the `help-text` slot instead. */\n  @property({ attribute: 'help-text' }) helpText = '';\n\n  /** The name of the radio group, submitted as a name/value pair with form data. */\n  @property() name = 'option';\n\n  /** The current value of the radio group, submitted as a name/value pair with form data. */\n  @property({ reflect: true }) value = '';\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  /** Ensures a child radio is checked before allowing the containing form to submit. */\n  @property({ type: Boolean, reflect: true }) required = false;\n\n\n  /** Used to show radio in inline or not */\n  @property({ type: Boolean, reflect: true }) labelInline = false;\n\n  /** Used to disabled or not */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.defaultValue = this.value;\n    this.handleInitialDisabledState();\n  }\n\n  private getAllRadios() {\n    return [...this.querySelectorAll<NileRadio>('nile-radio')];\n  }\n\n  private handleRadioClick(event: MouseEvent) {\n    const target = (event.target as HTMLElement).closest<NileRadio>('nile-radio')!;\n    const radios = this.getAllRadios();\n    const oldValue = this.value;\n\n    if (target.disabled || this.disabled) {\n      return;\n    }\n\n    this.value = target.value;\n    radios.forEach(radio => (radio.checked = radio === target));\n\n    if (this.value !== oldValue) {\n      this.emit('change',{value: this.value });\n      this.emit('input');\n    }\n  }\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  handleDisabledChange() {\n    this.getAllRadios().forEach(radio => {\n      radio.disabled = this.disabled;\n    });\n  }\n\n  private handleInitialDisabledState() {\n    this.getAllRadios().forEach(radio => {\n      radio.disabled = radio.hasAttribute('disabled') ? radio.disabled : this.disabled;\n    });\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    if (!['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', ' '].includes(event.key)) {\n      return;\n    }\n\n    const radios = this.getAllRadios().filter(radio => !radio.disabled);\n    const checkedRadio = radios.find(radio => radio.checked) ?? radios[0];\n    const incr = event.key === ' ' ? 0 : ['ArrowUp', 'ArrowLeft'].includes(event.key) ? -1 : 1;\n    const oldValue = this.value;\n    let index = radios.indexOf(checkedRadio) + incr;\n\n    if (index < 0) {\n      index = radios.length - 1;\n    }\n\n    if (index > radios.length - 1) {\n      index = 0;\n    }\n\n    this.getAllRadios().forEach(radio => {\n      radio.checked = false;\n\n      if (!this.hasButtonGroup) {\n        radio.tabIndex = -1;\n      }\n    });\n\n    this.value = radios[index].value;\n    radios[index].checked = true;\n\n    if (!this.hasButtonGroup) {\n      radios[index].tabIndex = 0;\n      radios[index].focus();\n    } else {\n      radios[index].shadowRoot!.querySelector('button')!.focus();\n    }\n\n    if (this.value !== oldValue) {\n      this.emit('change');\n      this.emit('input');\n    }\n\n    event.preventDefault();\n  }\n\n  private handleLabelClick() {\n    const radios = this.getAllRadios();\n    const checked = radios.find(radio => radio.checked);\n    const radioToFocus = checked || radios[0];\n\n    // Move focus to the checked radio (or the first one if none are checked) when clicking the label\n    if (radioToFocus) {\n      radioToFocus.focus();\n    }\n  }\n\n  private handleSlotChange() {\n    const radios = this.getAllRadios();\n\n    radios.forEach(radio => (radio.checked = radio.value === this.value));\n\n    this.hasButtonGroup = radios.some(radio => radio.tagName.toLowerCase() === 'nile-radio-button');\n\n    if (!radios.some(radio => radio.checked)) {\n      if (this.hasButtonGroup) {\n        const buttonRadio = radios[0].shadowRoot!.querySelector('button')!;\n        buttonRadio.tabIndex = 0;\n      } else {\n        radios[0].tabIndex = 0;\n      }\n    }\n\n    if (this.hasButtonGroup) {\n      const buttonGroup = this.shadowRoot?.querySelector('nile-button-group');\n    }\n  }\n\n  private updateCheckedRadio() {\n    const radios = this.getAllRadios();\n    radios.forEach(radio => (radio.checked = radio.value === this.value));\n  }\n\n  @watch('value')\n  handleValueChange() {\n    if (this.hasUpdated) {\n      this.updateCheckedRadio();\n    }\n  }\n\n  render() {\n    const hasLabelSlot = this.hasSlotController.test('label');\n    const hasHelpTextSlot = this.hasSlotController.test('help-text');\n    const hasLabel = this.label ? true : !!hasLabelSlot;\n    const hasHelpText = this.helpText ? true : !!hasHelpTextSlot;\n\n    const defaultSlot = html`\n      <slot\n        @click=${this.handleRadioClick}\n        @keydown=${this.handleKeyDown}\n        @slotchange=${this.handleSlotChange}\n        role=\"presentation\"\n      ></slot>\n    `;\n\n    return html`\n      <fieldset\n        part=\"form-control\"\n        class=${classMap({\n          'form-control': true,\n          'form-control--medium': true,\n          'form-control--radio-group': true,\n          'form-control--has-label': hasLabel,\n          'form-control--has-help-text': hasHelpText\n        })}\n        role=\"radiogroup\"\n        aria-labelledby=\"label\"\n        aria-describedby=\"help-text\"\n        aria-errormessage=\"error-message\"\n      >\n        <label\n          part=\"form-control-label\"\n          id=\"label\"\n          class=\"form-control__label\"\n          aria-hidden=${hasLabel ? 'false' : 'true'}\n          @click=${this.handleLabelClick}\n        >\n          <slot name=\"label\">${this.label}</slot>\n        </label>\n\n        <div part=\"form-control-input\" class=\"form-control-input\">\n          <div class=\"visually-hidden\">\n            <div id=\"error-message\" aria-live=\"assertive\">${this.errorMessage}</div>\n            <label class=\"radio-group__validation\">\n              <input\n                type=\"text\"\n                class=\"radio-group__validation-input\"\n                ?required=${this.required}\n                tabindex=\"-1\"\n                hidden\n              />\n            </label>\n          </div>\n\n          ${this.hasButtonGroup\n            ? html`\n            ${defaultSlot}\n              `\n            :  html`\n            <div class=\"${this.labelInline ? `form-control--inline-radio`:``}\"> ${defaultSlot}</div> `}\n        </div>\n\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      </fieldset>\n    `;\n  }\n}\n\nexport default NileRadioGroup;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-radio-group': NileRadioGroup;\n  }\n}\n"],"names":["NileRadioGroup","constructor","this","hasSlotController","HasSlotController","customValidityMessage","hasButtonGroup","errorMessage","defaultValue","label","helpText","name","value","form","required","labelInline","disabled","connectedCallback","super","handleInitialDisabledState","getAllRadios","querySelectorAll","handleRadioClick","event","target","closest","radios","oldValue","forEach","radio","checked","emit","handleDisabledChange","hasAttribute","handleKeyDown","includes","key","filter","checkedRadio","find","incr","index","indexOf","length","tabIndex","shadowRoot","querySelector","focus","preventDefault","handleLabelClick","radioToFocus","handleSlotChange","some","tagName","toLowerCase","updateCheckedRadio","handleValueChange","hasUpdated","render","hasLabelSlot","test","hasHelpTextSlot","hasLabel","hasHelpText","defaultSlot","html","classMap","NileElement","styles","__decorate","query","prototype","state","property","attribute","reflect","type","Boolean","watch","waitUntilFirstUpdate","customElement"],"mappings":"qnLA2BaA,CAAb,sEAAAC,kFAGmBC,MAAiBC,iBAAAA,CAAG,GAAIC,EAAkBF,+BAAM,YAAa,OACtEA,CAAAA,CAAAA,MAAqBG,sBAAG,EAIfH,CAAAA,MAAcI,gBAAG,CACjBJ,CAAAA,MAAYK,aAAG,EACvBL,CAAAA,MAAYM,aAAG,EAMZN,CAAAA,MAAKO,MAAG,EAGkBP,CAAAA,MAAQQ,SAAG,EAGrCR,CAAAA,MAAIS,KAAG,QAGUT,CAAAA,MAAKU,MAAG,EAORV,CAAAA,MAAIW,KAAG,EAGQX,CAAAA,MAAQY,UAAG,CAIXZ,CAAAA,MAAWa,aAAG,CAGdb,CAAAA,MAAQc,UAAG,CA8MxD,eA5MCC,4EACEC,uEACAhB,KAAKM,YAAeN,CAAAA,IAAAA,CAAKU,MACzBV,IAAKiB,CAAAA,0BAAAA,EACN,EAEOC,mDACN,CAAA,0BAAWlB,IAAKmB,CAAAA,gBAAAA,CAA4B,eAC7C,CAEOC,0DAAiBC,GACvB,GAAMC,EAAAA,CAAUD,EAAMC,MAAuBC,CAAAA,OAAAA,CAAmB,YAC1DC,CAAAA,CAAAA,CAAAA,CAASxB,KAAKkB,YACdO,EAAAA,CAAAA,CAAAA,CAAWzB,KAAKU,KAElBY,CAAAA,CAAAA,CAAOR,UAAYd,IAAKc,CAAAA,QAAAA,GAI5Bd,KAAKU,KAAQY,CAAAA,CAAAA,CAAOZ,MACpBc,CAAOE,CAAAA,OAAAA,CAAQC,SAAAA,SAAUA,EAAMC,CAAAA,OAAAA,CAAUD,IAAUL,CAE/CtB,GAAAA,CAAAA,IAAAA,CAAKU,QAAUe,CACjBzB,GAAAA,IAAAA,CAAK6B,KAAK,QAAS,CAAA,CAACnB,MAAOV,IAAKU,CAAAA,KAAAA,CAAAA,CAAAA,CAChCV,KAAK6B,IAAK,CAAA,OAAA,CAAA,CAAA,CAEb,EAGDC,mEACE9B,iBAAAA,IAAAA,CAAKkB,eAAeQ,OAAQC,CAAAA,SAAAA,CAAAA,CAAAA,CAC1BA,EAAMb,QAAWd,CAAAA,MAAAA,CAAKc,QAAQ,EAEjC,CAAA,EAEOG,gGACNjB,IAAKkB,CAAAA,YAAAA,EAAAA,CAAeQ,QAAQC,SAAAA,CAC1BA,CAAAA,CAAAA,CAAAA,CAAMb,SAAWa,CAAMI,CAAAA,YAAAA,CAAa,YAAcJ,CAAMb,CAAAA,QAAAA,CAAWd,OAAKc,QAAQ,EAAA,CAEnF,EAEOkB,oDAAcX,CAAAA,CAAAA,yBACpB,IAAK,CAAC,SAAA,CAAW,YAAa,WAAa,CAAA,YAAA,CAAc,KAAKY,QAASZ,CAAAA,CAAAA,CAAMa,KAC3E,OAGF,GAAMV,GAASxB,IAAKkB,CAAAA,YAAAA,EAAAA,CAAeiB,OAAOR,SAAAA,CAAUA,QAAAA,CAAAA,CAAAA,CAAMb,YACpDsB,CAAeZ,UAAAA,CAAAA,CAAOa,KAAKV,SAAAA,CAASA,QAAAA,EAAAA,CAAMC,6CAAYJ,CAAO,CAAA,CAAA,CAAA,CAC7Dc,EAAqB,GAAdjB,GAAAA,CAAAA,CAAMa,GAAc,CAAA,CAAA,CAAI,CAAC,SAAW,CAAA,WAAA,CAAA,CAAaD,SAASZ,CAAMa,CAAAA,GAAAA,CAAAA,CAAAA,CAAQ,EAAI,CACnFT,CAAAA,CAAAA,CAAWzB,KAAKU,KACtB,CAAA,GAAI6B,GAAQf,CAAOgB,CAAAA,OAAAA,CAAQJ,GAAgBE,CAEvCC,CAAAA,CAAAA,CAAQ,IACVA,CAAQf,CAAAA,CAAAA,CAAOiB,OAAS,CAGtBF,CAAAA,CAAAA,CAAAA,CAAQf,EAAOiB,MAAS,CAAA,CAAA,GAC1BF,EAAQ,CAGVvC,CAAAA,CAAAA,IAAAA,CAAKkB,eAAeQ,OAAQC,CAAAA,SAAAA,CAAAA,CAAAA,CAC1BA,EAAMC,OAAU,CAAA,CAAA,CAAA,CAEX5B,OAAKI,cACRuB,GAAAA,CAAAA,CAAMe,UAAY,CACnB,CAAA,EAAA,CAAA,CAGH1C,KAAKU,KAAQc,CAAAA,CAAAA,CAAOe,GAAO7B,KAC3Bc,CAAAA,CAAAA,CAAOe,GAAOX,OAAU,CAAA,CAAA,CAAA,CAEnB5B,KAAKI,cAIRoB,CAAAA,CAAAA,CAAOe,GAAOI,UAAYC,CAAAA,aAAAA,CAAc,UAAWC,KAHnDrB,EAAAA,EAAAA,CAAAA,CAAOe,GAAOG,QAAW,CAAA,CAAA,CACzBlB,EAAOe,CAAOM,CAAAA,CAAAA,KAAAA,EAAAA,CAAAA,CAKZ7C,KAAKU,KAAUe,GAAAA,CAAAA,GACjBzB,KAAK6B,IAAK,CAAA,QAAA,CAAA,CACV7B,KAAK6B,IAAK,CAAA,OAAA,CAAA,CAAA,CAGZR,EAAMyB,cACP,EAAA,EAEOC,4DACN,GAAMvB,EAAAA,CAASxB,KAAKkB,YAEd8B,EAAAA,CAAAA,CAAAA,CADUxB,EAAOa,IAAKV,CAAAA,SAAAA,CAAAA,QAASA,GAAMC,OACXJ,GAAAA,EAAAA,CAAAA,CAAO,GAGnCwB,CACFA,EAAAA,CAAAA,CAAaH,KAEhB,EAAA,EAEOI,6FACN,GAAMzB,EAAAA,CAASxB,KAAKkB,YAMpB,EAAA,CAAA,GAJAM,EAAOE,OAAQC,CAAAA,SAAAA,CAAAA,QAAUA,GAAMC,OAAUD,CAAAA,CAAAA,CAAMjB,QAAUV,MAAKU,CAAAA,KAAAA,GAAAA,CAE9DV,KAAKI,cAAiBoB,CAAAA,CAAAA,CAAO0B,KAAKvB,SAAAA,CAAyC,QAAA,mBAAA,GAAhCA,EAAMwB,OAAQC,CAAAA,WAAAA,EAAAA,GAAAA,CAAAA,CAEpD5B,EAAO0B,IAAKvB,CAAAA,SAAAA,CAAAA,QAASA,GAAMC,OAC9B,GAAA,CAAA,GAAI5B,KAAKI,cAAgB,CAAA,CACHoB,EAAO,CAAGmB,CAAAA,CAAAA,UAAAA,CAAYC,cAAc,QAC5CF,CAAAA,CAAAA,QAAAA,CAAW,CACxB,EACClB,IAAAA,EAAAA,CAAO,GAAGkB,QAAW,CAAA,CAAA,CAIrB1C,KAAKI,cACaJ,qBAAAA,IAAAA,CAAK2C,qDAAL3C,iBAAiB4C,aAAc,CAAA,mBAAA,CAEtD,GAEOS,+DACSrD,iBAAAA,IAAAA,CAAKkB,eACbQ,OAAQC,CAAAA,SAAAA,CAAAA,QAAUA,GAAMC,OAAUD,CAAAA,CAAAA,CAAMjB,QAAUV,MAAKU,CAAAA,KAAAA,GAC/D,EAGD4C,6DACMtD,CAAAA,IAAAA,CAAKuD,YACPvD,IAAKqD,CAAAA,kBAAAA,EAER,EAEDG,uCACE,CAAA,GAAMC,GAAezD,IAAKC,CAAAA,iBAAAA,CAAkByD,KAAK,OAC3CC,CAAAA,CAAAA,CAAAA,CAAkB3D,KAAKC,iBAAkByD,CAAAA,IAAAA,CAAK,aAC9CE,CAAW5D,CAAAA,CAAAA,CAAAA,IAAAA,CAAKO,SAAiBkD,CACjCI,CAAAA,CAAAA,CAAAA,CAAAA,CAAc7D,KAAKQ,QAAoBmD,EAAAA,CAAAA,CAAAA,CAAAA,CAEvCG,EAAcC,CAAI,sMAEX/D,IAAKoB,CAAAA,gBAAAA,CACHpB,IAAKgC,CAAAA,aAAAA,CACFhC,IAAKiD,CAAAA,gBAAAA,CAKvB,CAAA,MAAOc,EAAI,6yCAGCC,CAAS,CAAA,CACf,gBAAgB,CAChB,CAAA,sBAAA,CAAA,CAAwB,EACxB,2BAA6B,CAAA,CAAA,CAAA,CAC7B,yBAA2BJ,CAAAA,CAAAA,CAC3B,6BAA+BC,CAAAA,CAAAA,CAAAA,CAAAA,CAWjBD,CAAAA,CAAW,OAAU,CAAA,MAAA,CAC1B5D,IAAK+C,CAAAA,gBAAAA,CAEO/C,IAAKO,CAAAA,KAAAA,CAKwBP,IAAKK,CAAAA,YAAAA,CAKrCL,IAAKY,CAAAA,QAAAA,CAOrBZ,IAAAA,CAAKI,eACH2D,CAAI,oGACJD,CAAAA,EAECC,CAAI,+GACO/D,IAAKa,CAAAA,WAAAA,CAAc,6BAA6B,EAAQiD,CAAAA,CAAAA,CAAAA,CAQ1DD,CAAAA,CAAc,OAAU,CAAA,MAAA,CAEpC7D,IAAKQ,CAAAA,QAAAA,EAId,CAAA,eAvPiCyD,GAC3BnE,CAAMoE,CAAAA,MAAAA,CAAmBA,CAKLC,CAAAA,CAAAA,CAAA,CAA1BC,CAAAA,CAAM,kBAAiDtE,CAAAA,CAAAA,CAAAA,CAAAA,CAAAuE,SAAA,CAAA,aAAA,CAAA,IAAA,EAE/CF,CAAAA,CAAAA,CAAAA,CAAA,CAARG,CAAuCxE,EAAAA,CAAAA,CAAAA,CAAAA,CAAAuE,SAAA,CAAA,gBAAA,CAAA,IAAA,EAC/BF,CAAAA,CAAAA,CAAAA,CAAA,CAARG,CAAAA,EAAAA,CAAAA,CAAkCxE,CAAAuE,CAAAA,SAAAA,CAAA,cAAA,CAAA,IAAA,EAAA,CAAA,CAC1BF,CAAA,CAAA,CAARG,CAA0BxE,EAAAA,CAAAA,CAAAA,CAAAA,CAAAuE,UAAA,cAAA,CAAA,IAAA,EAAA,CAAA,CAMfF,CAAA,CAAA,CAAXI,CAAsBzE,EAAAA,CAAAA,CAAAA,CAAAA,CAAAuE,SAAA,CAAA,OAAA,CAAA,IAAA,EAGeF,CAAAA,CAAAA,CAAAA,CAAA,CAArCI,CAAAA,CAAS,CAAEC,SAAAA,CAAW,WAA6B1E,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAuE,UAAA,UAAA,CAAA,IAAA,EAAA,CAAA,CAGxCF,CAAA,CAAA,CAAXI,CAA2BzE,EAAAA,CAAAA,CAAAA,CAAAA,CAAAuE,SAAA,CAAA,MAAA,CAAA,IAAA,IAGCF,CAAA,CAAA,CAA5BI,CAAS,CAAA,CAAEE,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAmB3E,CAAAuE,CAAAA,SAAAA,CAAA,YAAA,EAOXF,CAAAA,CAAAA,CAAAA,CAAA,CAA5BI,CAAAA,CAAS,CAAEE,OAAAA,CAAAA,CAAS,CAAkB3E,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAuE,SAAA,CAAA,MAAA,CAAA,IAAA,EAGKF,CAAAA,CAAAA,CAAAA,CAAA,CAA3CI,CAAAA,CAAS,CAAEG,IAAAA,CAAMC,QAASF,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAyB3E,CAAAuE,CAAAA,SAAAA,CAAA,UAAA,CAAA,IAAA,EAAA,CAAA,CAIjBF,CAAA,CAAA,CAA3CI,EAAS,CAAEG,IAAAA,CAAMC,OAASF,CAAAA,OAAAA,CAAAA,CAAS,CAA4B3E,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAuE,SAAA,CAAA,aAAA,CAAA,IAAA,IAGpBF,CAAA,CAAA,CAA3CI,CAAS,CAAA,CAAEG,IAAMC,CAAAA,OAAAA,CAASF,OAAS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAyB3E,CAAAuE,CAAAA,SAAAA,CAAA,UAAA,CAAA,IAAA,EAAA,CAAA,CA+B7DF,CAAA,CAAA,CADCS,CAAM,CAAA,UAAA,CAAY,CAAEC,oBAAsB,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAK1C/E,CAAAuE,CAAAA,SAAAA,CAAA,sBAAA,CAAA,IAAA,CAAA,CA2FDF,CAAA,CAAA,CADCS,EAAM,OAKN9E,CAAAA,CAAAA,CAAAA,CAAAA,CAAAuE,SAAA,CAAA,mBAAA,CAAA,IA5KUvE,CAAAA,CAAAA,CAAAA,CAAcqE,CAAA,CAAA,CAD1BW,EAAc,kBACFhF,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA,CAAAA"}
+{"version":3,"file":"nile-radio-group.cjs.js","sources":["../../../src/nile-radio-group/nile-radio-group.ts"],"sourcesContent":["\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { HasSlotController } from '../internal/slot';\nimport { html } from 'lit';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport styles from './nile-radio-group.css';\nimport type { CSSResultGroup } from 'lit';\nimport type NileRadio from '../nile-radio/nile-radio';\n\n/**\n * @summary Radio groups are used to group multiple [radios](/components/radio) or [radio buttons](/components/radio-button) so they function as a single form control.\n *\n * @dependency nile-button-group\n *\n * @slot - The default slot where `<nile-radio>` or `<nile-radio-button>` elements are placed.\n * @slot label - The radio group's label. Required for proper accessibility. Alternatively, you can use the `label`\n *  attribute.\n *\n * @event change - Emitted when the radio group's selected value changes.\n * @event input - Emitted when the radio group receives user input.\n * @event invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n * @csspart button-group - The button group that wraps radio buttons.\n * @csspart button-group__base - The button group's `base` part.\n */\n@customElement('nile-radio-group')\nexport class NileRadioGroup extends NileElement {\n  static styles: CSSResultGroup = styles;\n\n  private readonly hasSlotController = new HasSlotController(this, 'help-text', 'label');\n  private customValidityMessage = '';\n\n  @query('slot:not([name])') defaultSlot: HTMLSlotElement;\n\n  @state() private hasButtonGroup = false;\n\n  @state() defaultValue = '';\n\n  /**\n   * The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\n   * instead.\n   */\n  @property() label = '';\n\n  /** The name of the radio group, submitted as a name/value pair with form data. */\n  @property() name = 'option';\n\n  /** The current value of the radio group, submitted as a name/value pair with form data. */\n  @property({ reflect: true }) value = '';\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  /** Ensures a child radio is checked before allowing the containing form to submit. */\n  @property({ type: Boolean, reflect: true }) required = false;\n\n\n  /** Used to show radio in inline or not */\n  @property({ type: Boolean, reflect: true }) labelInline = false;\n\n  /** Used to disabled or not */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  @property({ attribute: 'help-text' }) helpText = '';\n\n  @property({ attribute: 'error-message' }) errorMessage = '';\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.defaultValue = this.value;\n    this.handleInitialDisabledState();\n  }\n\n  private getAllRadios() {\n    return [...this.querySelectorAll<NileRadio>('nile-radio')];\n  }\n\n  private handleRadioClick(event: MouseEvent) {\n    const target = (event.target as HTMLElement).closest<NileRadio>('nile-radio')!;\n    const radios = this.getAllRadios();\n    const oldValue = this.value;\n\n    if (target.disabled || this.disabled) {\n      return;\n    }\n\n    this.value = target.value;\n    radios.forEach(radio => (radio.checked = radio === target));\n\n    if (this.value !== oldValue) {\n      this.emit('change',{value: this.value });\n      this.emit('input');\n    }\n  }\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  handleDisabledChange() {\n    this.getAllRadios().forEach(radio => {\n      radio.disabled = this.disabled;\n    });\n  }\n\n  private handleInitialDisabledState() {\n    this.getAllRadios().forEach(radio => {\n      radio.disabled = radio.hasAttribute('disabled') ? radio.disabled : this.disabled;\n    });\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    if (!['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', ' '].includes(event.key)) {\n      return;\n    }\n\n    const radios = this.getAllRadios().filter(radio => !radio.disabled);\n    const checkedRadio = radios.find(radio => radio.checked) ?? radios[0];\n    const incr = event.key === ' ' ? 0 : ['ArrowUp', 'ArrowLeft'].includes(event.key) ? -1 : 1;\n    const oldValue = this.value;\n    let index = radios.indexOf(checkedRadio) + incr;\n\n    if (index < 0) {\n      index = radios.length - 1;\n    }\n\n    if (index > radios.length - 1) {\n      index = 0;\n    }\n\n    this.getAllRadios().forEach(radio => {\n      radio.checked = false;\n\n      if (!this.hasButtonGroup) {\n        radio.tabIndex = -1;\n      }\n    });\n\n    this.value = radios[index].value;\n    radios[index].checked = true;\n\n    if (!this.hasButtonGroup) {\n      radios[index].tabIndex = 0;\n      radios[index].focus();\n    } else {\n      radios[index].shadowRoot!.querySelector('button')!.focus();\n    }\n\n    if (this.value !== oldValue) {\n      this.emit('change');\n      this.emit('input');\n    }\n\n    event.preventDefault();\n  }\n\n  private handleLabelClick() {\n    const radios = this.getAllRadios();\n    const checked = radios.find(radio => radio.checked);\n    const radioToFocus = checked || radios[0];\n\n    // Move focus to the checked radio (or the first one if none are checked) when clicking the label\n    if (radioToFocus) {\n      radioToFocus.focus();\n    }\n  }\n\n  private handleSlotChange() {\n    const radios = this.getAllRadios();\n\n    radios.forEach(radio => (radio.checked = radio.value === this.value));\n\n    this.hasButtonGroup = radios.some(radio => radio.tagName.toLowerCase() === 'nile-radio-button');\n\n    if (!radios.some(radio => radio.checked)) {\n      if (this.hasButtonGroup) {\n        const buttonRadio = radios[0].shadowRoot!.querySelector('button')!;\n        buttonRadio.tabIndex = 0;\n      } else {\n        radios[0].tabIndex = 0;\n      }\n    }\n\n    if (this.hasButtonGroup) {\n      const buttonGroup = this.shadowRoot?.querySelector('nile-button-group');\n    }\n  }\n\n  private updateCheckedRadio() {\n    const radios = this.getAllRadios();\n    radios.forEach(radio => (radio.checked = radio.value === this.value));\n  }\n\n  @watch('value')\n  handleValueChange() {\n    if (this.hasUpdated) {\n      this.updateCheckedRadio();\n    }\n  }\n\n  render() {\n    const hasLabelSlot = this.hasSlotController.test('label');\n    const hasHelpTextSlot = this.hasSlotController.test('help-text');\n    const hasLabel = this.label ? true : !!hasLabelSlot;\n    const hasHelpText = this.helpText ? true : false;\n    const hasErrorMessage = this.errorMessage ? true : false;\n\n    const defaultSlot = html`\n      <slot\n        @click=${this.handleRadioClick}\n        @keydown=${this.handleKeyDown}\n        @slotchange=${this.handleSlotChange}\n        role=\"presentation\"\n      ></slot>\n    `;\n\n    return html`\n      <fieldset\n        part=\"form-control\"\n        class=${classMap({\n          'form-control': true,\n          'form-control--medium': true,\n          'form-control--radio-group': true,\n          'form-control--has-label': hasLabel,\n          'form-control--has-help-text': hasHelpText\n        })}\n        role=\"radiogroup\"\n        aria-labelledby=\"label\"\n        aria-describedby=\"help-text\"\n        aria-errormessage=\"error-message\"\n      >\n        <label\n          part=\"form-control-label\"\n          id=\"label\"\n          class=\"form-control__label\"\n          aria-hidden=${hasLabel ? 'false' : 'true'}\n          @click=${this.handleLabelClick}\n        >\n          <slot name=\"label\">${this.label}</slot>\n        </label>\n\n        <div part=\"form-control-input\" class=\"form-control-input\">\n          <div class=\"visually-hidden\">\n            <label class=\"radio-group__validation\">\n              <input\n                type=\"text\"\n                class=\"radio-group__validation-input\"\n                ?required=${this.required}\n                tabindex=\"-1\"\n                hidden\n              />\n            </label>\n          </div>\n\n          ${this.hasButtonGroup\n            ? html`\n            ${defaultSlot}\n              `\n            :  html`\n            <div class=\"${this.labelInline ? `form-control--inline-radio`:``}\"> ${defaultSlot}</div> `}\n        </div>\n\n        ${\n          hasHelpText\n            ? html`\n                <nile-form-help-text>${this.helpText}</nile-form-help-text>\n              `\n            : ``\n        }\n\n        ${\n          hasErrorMessage\n            ? html`\n                <nile-form-error-message\n                  >${this.errorMessage}</nile-form-error-message\n                >\n              `\n            : ``\n        }\n\n      </fieldset>\n    `;\n  }\n}\n\nexport default NileRadioGroup;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-radio-group': NileRadioGroup;\n  }\n}\n"],"names":["NileRadioGroup","constructor","this","hasSlotController","HasSlotController","customValidityMessage","hasButtonGroup","defaultValue","label","name","value","form","required","labelInline","disabled","helpText","errorMessage","connectedCallback","super","handleInitialDisabledState","getAllRadios","querySelectorAll","handleRadioClick","event","target","closest","radios","oldValue","forEach","radio","checked","emit","handleDisabledChange","hasAttribute","handleKeyDown","includes","key","filter","checkedRadio","find","incr","index","indexOf","length","tabIndex","shadowRoot","querySelector","focus","preventDefault","handleLabelClick","radioToFocus","handleSlotChange","some","tagName","toLowerCase","updateCheckedRadio","handleValueChange","hasUpdated","render","hasLabelSlot","test","hasLabel","hasHelpText","hasErrorMessage","defaultSlot","html","classMap","NileElement","styles","__decorate","query","prototype","state","property","reflect","type","Boolean","attribute","watch","waitUntilFirstUpdate","customElement"],"mappings":"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"}

package/dist/nile-radio-group/nile-radio-group.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var i,_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(_lit){i=_lit.css;}],execute:function(){_export("s",r=i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\n  :host {\n    display: block;\n  }\n\n  .form-control--inline-radio ::slotted(nile-radio) {\n    display: inline-block;\n    margin-right: 1.3rem !important;\n  }\n\n  .form-control {\n    border: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  .form-control__label {\n    padding: 0;\n  }\n\n  .radio-group--required .radio-group__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n  }\n\n  .visually-hidden {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,i;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_lit){o=_lit.css;}],execute:function(){_export("s",i=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\n  :host {\n    display: block;\n  }\n\n  .form-control--inline-radio ::slotted(nile-radio) {\n    display: inline-block;\n    margin-right: 1.3rem !important;\n  }\n\n  .form-control {\n    border: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  .form-control__label {\n    padding: 0;\n    font-size: 14px;\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  .radio-group--required .radio-group__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n  }\n\n  .visually-hidden {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-radio-group.css.cjs.js.map

package/dist/nile-radio-group/nile-radio-group.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-radio-group.css.cjs.js","sources":["../../../src/nile-radio-group/nile-radio-group.css.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport default css`\n\n  :host {\n    display: block;\n  }\n\n  .form-control--inline-radio ::slotted(nile-radio) {\n    display: inline-block;\n    margin-right: 1.3rem !important;\n  }\n\n  .form-control {\n    border: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  .form-control__label {\n    padding: 0;\n  }\n\n  .radio-group--required .radio-group__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n  }\n\n  .visually-hidden {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n`;\n"],"names":["styles","css"],"mappings":"yUAEeA,CAAAA,CAAAC,CAAG"}
+{"version":3,"file":"nile-radio-group.css.cjs.js","sources":["../../../src/nile-radio-group/nile-radio-group.css.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport default css`\n\n  :host {\n    display: block;\n  }\n\n  .form-control--inline-radio ::slotted(nile-radio) {\n    display: inline-block;\n    margin-right: 1.3rem !important;\n  }\n\n  .form-control {\n    border: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  .form-control__label {\n    padding: 0;\n    font-size: 14px;\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  .radio-group--required .radio-group__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n  }\n\n  .visually-hidden {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n`;\n"],"names":["styles","css"],"mappings":"yUAEeA,CAAAA,CAAAC,CAAG"}

package/dist/nile-radio-group/nile-radio-group.css.esm.js

@@ -1,4 +1,4 @@
-import{css as i}from"lit";var r=i`
+import{css as o}from"lit";var i=o`
 
   :host {
     display: block;
@@ -17,6 +17,14 @@ import{css as i}from"lit";var r=i`
 
   .form-control__label {
     padding: 0;
+    font-size: 14px;
+    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;
   }
 
   .radio-group--required .radio-group__label::after {
@@ -35,4 +43,4 @@ import{css as i}from"lit";var r=i`
     white-space: nowrap;
     border: 0;
   }
-`;export{r as s};
+`;export{i as s};