@aquera/nile-elements 0.0.6-10 → 0.0.6-11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (129) hide show
  1. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/index.d.ts +2 -0
  2. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/index.js +2 -0
  3. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/index.js.map +1 -1
  4. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-button-toggle/index.d.ts +1 -0
  5. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-button-toggle/index.js +2 -0
  6. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-button-toggle/index.js.map +1 -0
  7. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/{nile-radio-button/nile-radio-button.css.d.ts → nile-button-toggle/nile-button-toggle.css.d.ts} +1 -1
  8. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-button-toggle/nile-button-toggle.css.js +52 -0
  9. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-button-toggle/nile-button-toggle.css.js.map +1 -0
  10. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-button-toggle/nile-button-toggle.d.ts +39 -0
  11. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-button-toggle/nile-button-toggle.js +94 -0
  12. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-button-toggle/nile-button-toggle.js.map +1 -0
  13. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-button-toggle-group/index.d.ts +1 -0
  14. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-button-toggle-group/index.js +2 -0
  15. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-button-toggle-group/index.js.map +1 -0
  16. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-button-toggle-group/nile-button-toggle-group.css.d.ts +12 -0
  17. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-button-toggle-group/nile-button-toggle-group.css.js +17 -0
  18. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-button-toggle-group/nile-button-toggle-group.css.js.map +1 -0
  19. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-button-toggle-group/nile-button-toggle-group.d.ts +37 -0
  20. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-button-toggle-group/nile-button-toggle-group.js +76 -0
  21. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-button-toggle-group/nile-button-toggle-group.js.map +1 -0
  22. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/tsconfig.tsbuildinfo +1 -1
  23. package/dist/index.cjs.js +1 -1
  24. package/dist/index.esm.js +1 -1
  25. package/dist/index.iife.js +249 -194
  26. package/dist/nile-button-toggle/index.cjs.js +2 -0
  27. package/dist/nile-button-toggle/index.esm.js +1 -0
  28. package/dist/nile-button-toggle/nile-button-toggle.cjs.js +2 -0
  29. package/dist/nile-button-toggle/nile-button-toggle.cjs.js.map +1 -0
  30. package/dist/nile-button-toggle/nile-button-toggle.css.cjs.js +2 -0
  31. package/dist/nile-button-toggle/nile-button-toggle.css.cjs.js.map +1 -0
  32. package/dist/nile-button-toggle/nile-button-toggle.css.esm.js +40 -0
  33. package/dist/nile-button-toggle/nile-button-toggle.esm.js +6 -0
  34. package/dist/nile-button-toggle-group/index.cjs.js +2 -0
  35. package/dist/nile-button-toggle-group/index.esm.js +1 -0
  36. package/dist/nile-button-toggle-group/nile-button-toggle-group.cjs.js +2 -0
  37. package/dist/nile-button-toggle-group/nile-button-toggle-group.cjs.js.map +1 -0
  38. package/dist/nile-button-toggle-group/nile-button-toggle-group.css.cjs.js +2 -0
  39. package/dist/nile-button-toggle-group/nile-button-toggle-group.css.cjs.js.map +1 -0
  40. package/dist/nile-button-toggle-group/nile-button-toggle-group.css.esm.js +5 -0
  41. package/dist/nile-button-toggle-group/nile-button-toggle-group.esm.js +3 -0
  42. package/dist/src/index.d.ts +2 -0
  43. package/dist/src/index.js +2 -0
  44. package/dist/src/index.js.map +1 -1
  45. package/dist/src/nile-button-toggle/index.d.ts +1 -0
  46. package/dist/src/nile-button-toggle/index.js +2 -0
  47. package/dist/src/nile-button-toggle/index.js.map +1 -0
  48. package/dist/src/{nile-radio-button/nile-radio-button.css.d.ts → nile-button-toggle/nile-button-toggle.css.d.ts} +1 -1
  49. package/dist/src/nile-button-toggle/nile-button-toggle.css.js +52 -0
  50. package/dist/src/nile-button-toggle/nile-button-toggle.css.js.map +1 -0
  51. package/dist/src/nile-button-toggle/nile-button-toggle.d.ts +39 -0
  52. package/dist/src/nile-button-toggle/nile-button-toggle.js +94 -0
  53. package/dist/src/nile-button-toggle/nile-button-toggle.js.map +1 -0
  54. package/dist/src/nile-button-toggle-group/index.d.ts +1 -0
  55. package/dist/src/nile-button-toggle-group/index.js +2 -0
  56. package/dist/src/nile-button-toggle-group/index.js.map +1 -0
  57. package/dist/src/nile-button-toggle-group/nile-button-toggle-group.css.d.ts +12 -0
  58. package/dist/src/nile-button-toggle-group/nile-button-toggle-group.css.js +17 -0
  59. package/dist/src/nile-button-toggle-group/nile-button-toggle-group.css.js.map +1 -0
  60. package/dist/src/nile-button-toggle-group/nile-button-toggle-group.d.ts +37 -0
  61. package/dist/src/nile-button-toggle-group/nile-button-toggle-group.js +76 -0
  62. package/dist/src/nile-button-toggle-group/nile-button-toggle-group.js.map +1 -0
  63. package/dist/tsconfig.tsbuildinfo +1 -1
  64. package/package.json +1 -1
  65. package/src/index.ts +3 -1
  66. package/src/nile-button-toggle/index.ts +1 -0
  67. package/src/nile-button-toggle/nile-button-toggle.css.ts +54 -0
  68. package/src/nile-button-toggle/nile-button-toggle.ts +99 -0
  69. package/src/nile-button-toggle-group/index.ts +1 -0
  70. package/src/nile-button-toggle-group/nile-button-toggle-group.css.ts +19 -0
  71. package/src/nile-button-toggle-group/nile-button-toggle-group.ts +90 -0
  72. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-radio-button/index.d.ts +0 -1
  73. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-radio-button/index.js +0 -2
  74. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-radio-button/index.js.map +0 -1
  75. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-radio-button/nile-radio-button.css.js +0 -173
  76. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-radio-button/nile-radio-button.css.js.map +0 -1
  77. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-radio-button/nile-radio-button.d.ts +0 -57
  78. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-radio-button/nile-radio-button.js +0 -145
  79. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-radio-button/nile-radio-button.js.map +0 -1
  80. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-radio-button-group/index.d.ts +0 -1
  81. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-radio-button-group/index.js +0 -2
  82. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-radio-button-group/index.js.map +0 -1
  83. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-radio-button-group/nile-radio-button-group.css.d.ts +0 -12
  84. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-radio-button-group/nile-radio-button-group.css.js +0 -70
  85. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-radio-button-group/nile-radio-button-group.css.js.map +0 -1
  86. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-radio-button-group/nile-radio-button-group.d.ts +0 -66
  87. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-radio-button-group/nile-radio-button-group.js +0 -308
  88. package/.rollup.cache/opt/atlassian/pipelines/agent/build/packages/nile-elements/dist/src/nile-radio-button-group/nile-radio-button-group.js.map +0 -1
  89. package/dist/nile-radio-button/index.cjs.js +0 -2
  90. package/dist/nile-radio-button/index.esm.js +0 -1
  91. package/dist/nile-radio-button/nile-radio-button.cjs.js +0 -2
  92. package/dist/nile-radio-button/nile-radio-button.cjs.js.map +0 -1
  93. package/dist/nile-radio-button/nile-radio-button.css.cjs.js +0 -2
  94. package/dist/nile-radio-button/nile-radio-button.css.cjs.js.map +0 -1
  95. package/dist/nile-radio-button/nile-radio-button.css.esm.js +0 -161
  96. package/dist/nile-radio-button/nile-radio-button.esm.js +0 -21
  97. package/dist/nile-radio-button-group/index.cjs.js +0 -2
  98. package/dist/nile-radio-button-group/index.esm.js +0 -1
  99. package/dist/nile-radio-button-group/nile-radio-button-group.cjs.js +0 -2
  100. package/dist/nile-radio-button-group/nile-radio-button-group.cjs.js.map +0 -1
  101. package/dist/nile-radio-button-group/nile-radio-button-group.css.cjs.js +0 -2
  102. package/dist/nile-radio-button-group/nile-radio-button-group.css.cjs.js.map +0 -1
  103. package/dist/nile-radio-button-group/nile-radio-button-group.css.esm.js +0 -58
  104. package/dist/nile-radio-button-group/nile-radio-button-group.esm.js +0 -56
  105. package/dist/src/nile-radio-button/index.d.ts +0 -1
  106. package/dist/src/nile-radio-button/index.js +0 -2
  107. package/dist/src/nile-radio-button/index.js.map +0 -1
  108. package/dist/src/nile-radio-button/nile-radio-button.css.js +0 -173
  109. package/dist/src/nile-radio-button/nile-radio-button.css.js.map +0 -1
  110. package/dist/src/nile-radio-button/nile-radio-button.d.ts +0 -57
  111. package/dist/src/nile-radio-button/nile-radio-button.js +0 -145
  112. package/dist/src/nile-radio-button/nile-radio-button.js.map +0 -1
  113. package/dist/src/nile-radio-button-group/index.d.ts +0 -1
  114. package/dist/src/nile-radio-button-group/index.js +0 -2
  115. package/dist/src/nile-radio-button-group/index.js.map +0 -1
  116. package/dist/src/nile-radio-button-group/nile-radio-button-group.css.d.ts +0 -12
  117. package/dist/src/nile-radio-button-group/nile-radio-button-group.css.js +0 -70
  118. package/dist/src/nile-radio-button-group/nile-radio-button-group.css.js.map +0 -1
  119. package/dist/src/nile-radio-button-group/nile-radio-button-group.d.ts +0 -66
  120. package/dist/src/nile-radio-button-group/nile-radio-button-group.js +0 -308
  121. package/dist/src/nile-radio-button-group/nile-radio-button-group.js.map +0 -1
  122. package/src/nile-radio-button/index.ts +0 -1
  123. package/src/nile-radio-button/nile-radio-button.css.ts +0 -175
  124. package/src/nile-radio-button/nile-radio-button.ts +0 -151
  125. package/src/nile-radio-button-group/index.ts +0 -1
  126. package/src/nile-radio-button-group/nile-radio-button-group.css.ts +0 -72
  127. package/src/nile-radio-button-group/nile-radio-button-group.ts +0 -337
  128. /package/dist/{nile-radio-button → nile-button-toggle}/index.cjs.js.map +0 -0
  129. /package/dist/{nile-radio-button-group → nile-button-toggle-group}/index.cjs.js.map +0 -0
@@ -1 +0,0 @@
1
- {"version":3,"file":"nile-radio-button.js","sourceRoot":"","sources":["../../../src/nile-radio-button/nile-radio-button.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,EACJ,QAAQ,GAGT,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACjD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C;;;;;GAKG;AAEI,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,WAAW;IAAzC;;QAQY,sBAAiB,GAAG,IAAI,iBAAiB,CACxD,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,QAAQ,CACT,CAAC;QAKiB,aAAQ,GAAG,KAAK,CAAC;QAEpC;;;WAGG;QACyC,YAAO,GAAG,KAAK,CAAC;QAK5D,iCAAiC;QACW,aAAQ,GAAG,KAAK,CAAC;QAE7D;;;WAGG;QAC0B,SAAI,GAAiC,QAAQ,CAAC;QAE3E,0DAA0D;QACd,SAAI,GAAG,KAAK,CAAC;IA0E3D,CAAC;IAhHC;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAkCD,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IAC5C,CAAC;IAEO,UAAU;QAChB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACzB,CAAC;IAEO,WAAW,CAAC,CAAa;QAC/B,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,CAAC,CAAC,cAAc,EAAE,CAAC;YACnB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,OAAO;SACR;QAED,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACtB,CAAC;IAEO,WAAW;QACjB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACrB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC1B,CAAC;IAGD,oBAAoB;QAClB,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;IACvE,CAAC;IAED,sCAAsC;IACtC,KAAK,CAAC,OAAsB;QAC1B,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC5B,CAAC;IAED,2CAA2C;IAC3C,IAAI;QACF,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IACpB,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA;;;kBAGG,SAAS,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,EAAE;;0BAEzC,IAAI,CAAC,OAAO;kBACpB,QAAQ,CAAC;YACf,MAAM,EAAE,IAAI;YACZ,iBAAiB,EAAE,IAAI;YACvB,iBAAiB,EAAE,IAAI,CAAC,OAAO;YAC/B,kBAAkB,EAAE,IAAI,CAAC,QAAQ;YACjC,iBAAiB,EAAE,IAAI,CAAC,QAAQ;YAChC,mBAAmB,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,WAAW,CAAC;YAC7D,oBAAoB,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC;YAC3D,oBAAoB,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC;SAC5D,CAAC;0BACc,IAAI,CAAC,QAAQ;;kBAErB,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;sBACjB,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI;kBAC7B,IAAI,CAAC,UAAU;mBACd,IAAI,CAAC,WAAW;mBAChB,IAAI,CAAC,WAAW;;;;;;;KAO9B,CAAC;IACJ,CAAC;CACF,CAAA;AAlGmB;IAAjB,KAAK,CAAC,SAAS,CAAC;8CAAyB;AAClB;IAAvB,KAAK,CAAC,eAAe,CAAC;oDAA+B;AAE7C;IAAR,KAAK,EAAE;iDAA4B;AAMQ;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDAAiB;AAGhD;IAAX,QAAQ,EAAE;8CAAe;AAGkB;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDAAkB;AAMhC;IAA5B,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CAA+C;AAG/B;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CAAc;AA4BzD;IADC,KAAK,CAAC,UAAU,EAAE,EAAE,oBAAoB,EAAE,IAAI,EAAE,CAAC;2DAGjD;AArEU,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CAiH3B;SAjHY,eAAe;AAmH5B,eAAe,eAAe,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n LitElement,\n html,\n property,\n CSSResultArray,\n TemplateResult,\n} from 'lit-element';\nimport { customElement, query, state } from 'lit/decorators.js';\nimport { styles } from './nile-radio-button.css';\nimport NileElement from '../internal/nile-element';\nimport { HasSlotController } from '../slot';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { watch } from '../internal/watch';\n\n/**\n * Nile icon component.\n *\n * @tag nile-radio-button\n *\n */\n@customElement('nile-radio-button')\nexport class NileRadioButton extends NileElement {\n /**\n * The styles for RadioButton\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n */\n public static get styles(): CSSResultArray {\n return [styles];\n }\n private readonly hasSlotController = new HasSlotController(\n this,\n '[default]',\n 'prefix',\n 'suffix'\n );\n\n @query('.button') input: HTMLInputElement;\n @query('.hidden-input') hiddenInput: HTMLInputElement;\n\n @state() protected hasFocus = false;\n\n /**\n * @internal The radio button's checked state. This is exposed as an \"internal\" attribute so we can reflect it, making\n * it easier to style in button groups.\n */\n @property({ type: Boolean, reflect: true }) checked = false;\n\n /** The radio's value. When selected, the radio group will receive this value. */\n @property() value: string;\n\n /** Disables the radio button. */\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n /**\n * The radio button's size. When used inside a radio group, the size will be determined by the radio group's size so\n * this attribute can typically be omitted.\n */\n @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n /** Draws a pill-style radio button with rounded edges. */\n @property({ type: Boolean, reflect: true }) pill = false;\n\n connectedCallback() {\n super.connectedCallback();\n this.setAttribute('role', 'presentation');\n }\n\n private handleBlur() {\n this.hasFocus = false;\n this.emit('nile-blur');\n }\n\n private handleClick(e: MouseEvent) {\n if (this.disabled) {\n e.preventDefault();\n e.stopPropagation();\n return;\n }\n\n this.checked = true;\n }\n\n private handleFocus() {\n this.hasFocus = true;\n this.emit('nile-focus');\n }\n\n @watch('disabled', { waitUntilFirstUpdate: true })\n handleDisabledChange() {\n this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');\n }\n\n /** Sets focus on the radio button. */\n focus(options?: FocusOptions) {\n this.input.focus(options);\n }\n\n /** Removes focus from the radio button. */\n blur() {\n this.input.blur();\n }\n\n render() {\n return html`\n <div part=\"base\" role=\"presentation\">\n <button\n part=\"${`button${this.checked ? ' button--checked' : ''}`}\"\n role=\"radio\"\n aria-checked=\"${this.checked}\"\n class=${classMap({\n button: true,\n 'button--default': true,\n 'button--checked': this.checked,\n 'button--disabled': this.disabled,\n 'button--focused': this.hasFocus,\n 'button--has-label': this.hasSlotController.test('[default]'),\n 'button--has-prefix': this.hasSlotController.test('prefix'),\n 'button--has-suffix': this.hasSlotController.test('suffix'),\n })}\n aria-disabled=${this.disabled}\n type=\"button\"\n value=${ifDefined(this.value)}\n tabindex=\"${this.checked ? '0' : '-1'}\"\n @blur=${this.handleBlur}\n @focus=${this.handleFocus}\n @click=${this.handleClick}\n >\n <slot name=\"prefix\" part=\"prefix\" class=\"button__prefix\"></slot>\n <slot part=\"label\" class=\"button__label\"></slot>\n <slot name=\"suffix\" part=\"suffix\" class=\"button__suffix\"></slot>\n </button>\n </div>\n `;\n }\n}\n\nexport default NileRadioButton;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-radio-button': NileRadioButton;\n }\n}\n"]}
@@ -1 +0,0 @@
1
- export { NileRadioButtonGroup } from './nile-radio-button-group';
@@ -1,2 +0,0 @@
1
- export { NileRadioButtonGroup } from './nile-radio-button-group';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/nile-radio-button-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC","sourcesContent":["export { NileRadioButtonGroup } from './nile-radio-button-group';\n"]}
@@ -1,12 +0,0 @@
1
- /**
2
- * Copyright Aquera Inc 2023
3
- *
4
- * This source code is licensed under the BSD-3-Clause license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- */
7
- /**
8
- * RadioButtonGroup CSS
9
- */
10
- export declare const styles: import("lit-element").CSSResult;
11
- declare const _default: import("lit-element").CSSResult[];
12
- export default _default;
@@ -1,70 +0,0 @@
1
- /**
2
- * Copyright Aquera Inc 2023
3
- *
4
- * This source code is licensed under the BSD-3-Clause license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- */
7
- import { css } from 'lit-element';
8
- /**
9
- * RadioButtonGroup CSS
10
- */
11
- export const styles = css `
12
- :host {
13
- display: block;
14
- }
15
-
16
- .form-control {
17
- border: none;
18
- padding: 0;
19
- margin: 0;
20
- }
21
-
22
- .form-control__label {
23
- padding: 0;
24
- font-size: 14px;
25
- color: var(--nile-colors-dark-900);
26
- font-family: Colfax-regular;
27
- font-size: 14px;
28
- font-style: normal;
29
- font-weight: 400;
30
- line-height: 14px;
31
- letter-spacing: 0.2px;
32
- }
33
-
34
- .radio-group--required .radio-group__label::after {
35
- content: '*';
36
- margin-inline-start: -2px;
37
- }
38
-
39
- .visually-hidden {
40
- position: absolute;
41
- width: 1px;
42
- height: 1px;
43
- padding: 0;
44
- margin: -1px;
45
- overflow: hidden;
46
- clip: rect(0, 0, 0, 0);
47
- white-space: nowrap;
48
- border: 0;
49
- }
50
-
51
- .form-control-input {
52
- display: flex;
53
- flex-wrap: nowrap;
54
- }
55
-
56
- .form-control--has-label .form-control__label {
57
- display: inline-block;
58
- color: inherit;
59
- margin-bottom: 12px;
60
- color: var(--nile-colors-dark-900);
61
- font-family: Colfax-regular;
62
- font-size: 14px;
63
- font-style: normal;
64
- font-weight: 400;
65
- line-height: 14px;
66
- letter-spacing: 0.2px;
67
- }
68
- `;
69
- export default [styles];
70
- //# sourceMappingURL=nile-radio-button-group.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"nile-radio-button-group.css.js","sourceRoot":"","sources":["../../../src/nile-radio-button-group/nile-radio-button-group.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyDxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * RadioButtonGroup CSS\n */\nexport const styles = css`\n :host {\n display: block;\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 .form-control-input {\n display: flex;\n flex-wrap: nowrap;\n }\n\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\nexport default [styles];\n"]}
@@ -1,66 +0,0 @@
1
- import NileElement from '../internal/nile-element';
2
- import type { CSSResultGroup } from 'lit';
3
- /**
4
- * @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.
5
- *
6
- * @dependency nile-button-group
7
- *
8
- * @slot - The default slot where `<nile-radio>` or `<nile-radio-button>` elements are placed.
9
- * @slot label - The radio group's label. Required for proper accessibility. Alternatively, you can use the `label`
10
- * attribute.
11
- *
12
- * @event change - Emitted when the radio group's selected value changes.
13
- * @event input - Emitted when the radio group receives user input.
14
- * @event invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
15
- * @csspart button-group - The button group that wraps radio buttons.
16
- * @csspart button-group__base - The button group's `base` part.
17
- */
18
- export declare class NileRadioButtonGroup extends NileElement {
19
- static styles: CSSResultGroup;
20
- private readonly hasSlotController;
21
- private customValidityMessage;
22
- defaultSlot: HTMLSlotElement;
23
- private hasButtonGroup;
24
- defaultValue: string;
25
- /**
26
- * The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot
27
- * instead.
28
- */
29
- label: string;
30
- /** The name of the radio group, submitted as a name/value pair with form data. */
31
- name: string;
32
- /** The current value of the radio group, submitted as a name/value pair with form data. */
33
- value: string;
34
- /**
35
- * By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you
36
- * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in
37
- * the same document or shadow root for this to work.
38
- */
39
- form: string;
40
- /** Ensures a child radio is checked before allowing the containing form to submit. */
41
- required: boolean;
42
- /** Used to show radio in inline or not */
43
- labelInline: boolean;
44
- /** Used to disabled or not */
45
- disabled: boolean;
46
- helpText: string;
47
- errorMessage: string;
48
- connectedCallback(): void;
49
- private getAllRadios;
50
- private handleRadioClick;
51
- handleDisabledChange(): void;
52
- private handleInitialDisabledState;
53
- private handleKeyDown;
54
- private handleLabelClick;
55
- private handleSlotChange;
56
- private findButton;
57
- private updateCheckedRadio;
58
- handleValueChange(): void;
59
- render(): import("lit-html").TemplateResult<1>;
60
- }
61
- export default NileRadioButtonGroup;
62
- declare global {
63
- interface HTMLElementTagNameMap {
64
- 'nile-radio-button-group': NileRadioButtonGroup;
65
- }
66
- }
@@ -1,308 +0,0 @@
1
- import { __decorate } from "tslib";
2
- import { classMap } from 'lit/directives/class-map.js';
3
- import { customElement, property, query, state } from 'lit/decorators.js';
4
- import { HasSlotController } from '../internal/slot';
5
- import { html } from 'lit';
6
- import { watch } from '../internal/watch';
7
- import NileElement from '../internal/nile-element';
8
- import styles from './nile-radio-button-group.css';
9
- /**
10
- * @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.
11
- *
12
- * @dependency nile-button-group
13
- *
14
- * @slot - The default slot where `<nile-radio>` or `<nile-radio-button>` elements are placed.
15
- * @slot label - The radio group's label. Required for proper accessibility. Alternatively, you can use the `label`
16
- * attribute.
17
- *
18
- * @event change - Emitted when the radio group's selected value changes.
19
- * @event input - Emitted when the radio group receives user input.
20
- * @event invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
21
- * @csspart button-group - The button group that wraps radio buttons.
22
- * @csspart button-group__base - The button group's `base` part.
23
- */
24
- let NileRadioButtonGroup = class NileRadioButtonGroup extends NileElement {
25
- constructor() {
26
- super(...arguments);
27
- this.hasSlotController = new HasSlotController(this, 'help-text', 'label');
28
- this.customValidityMessage = '';
29
- this.hasButtonGroup = false;
30
- this.defaultValue = '';
31
- /**
32
- * The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot
33
- * instead.
34
- */
35
- this.label = '';
36
- /** The name of the radio group, submitted as a name/value pair with form data. */
37
- this.name = 'option';
38
- /** The current value of the radio group, submitted as a name/value pair with form data. */
39
- this.value = '';
40
- /**
41
- * By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you
42
- * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in
43
- * the same document or shadow root for this to work.
44
- */
45
- this.form = '';
46
- /** Ensures a child radio is checked before allowing the containing form to submit. */
47
- this.required = false;
48
- /** Used to show radio in inline or not */
49
- this.labelInline = false;
50
- /** Used to disabled or not */
51
- this.disabled = false;
52
- this.helpText = '';
53
- this.errorMessage = '';
54
- }
55
- connectedCallback() {
56
- super.connectedCallback();
57
- this.defaultValue = this.value;
58
- this.handleInitialDisabledState();
59
- }
60
- getAllRadios() {
61
- return [...this.querySelectorAll('nile-radio-button')];
62
- }
63
- handleRadioClick(event) {
64
- const target = event.target.closest('nile-radio-button');
65
- const radios = this.getAllRadios();
66
- const oldValue = this.value;
67
- if (target.disabled) {
68
- return;
69
- }
70
- this.value = target.value;
71
- radios.forEach(radio => (radio.checked = radio === target));
72
- if (this.value !== oldValue) {
73
- this.emit('nile-change', { value: this.value });
74
- this.emit('input');
75
- }
76
- }
77
- handleDisabledChange() {
78
- this.getAllRadios().forEach(radio => {
79
- radio.disabled = this.disabled;
80
- });
81
- }
82
- handleInitialDisabledState() {
83
- this.getAllRadios().forEach(radio => {
84
- radio.disabled = radio.hasAttribute('disabled')
85
- ? radio.disabled
86
- : this.disabled;
87
- });
88
- }
89
- handleKeyDown(event) {
90
- if (!['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', ' '].includes(event.key)) {
91
- return;
92
- }
93
- const radios = this.getAllRadios().filter(radio => !radio.disabled);
94
- const checkedRadio = radios.find(radio => radio.checked) ?? radios[0];
95
- const incr = event.key === ' '
96
- ? 0
97
- : ['ArrowUp', 'ArrowLeft'].includes(event.key)
98
- ? -1
99
- : 1;
100
- const oldValue = this.value;
101
- let index = radios.indexOf(checkedRadio) + incr;
102
- if (index < 0) {
103
- index = radios.length - 1;
104
- }
105
- if (index > radios.length - 1) {
106
- index = 0;
107
- }
108
- this.getAllRadios().forEach(radio => {
109
- radio.checked = false;
110
- if (!this.hasButtonGroup) {
111
- radio.tabIndex = -1;
112
- }
113
- });
114
- this.value = radios[index].value;
115
- radios[index].checked = true;
116
- if (!this.hasButtonGroup) {
117
- radios[index].tabIndex = 0;
118
- radios[index].focus();
119
- }
120
- else {
121
- radios[index].shadowRoot.querySelector('button').focus();
122
- }
123
- if (this.value !== oldValue) {
124
- this.emit('change');
125
- this.emit('input');
126
- }
127
- event.preventDefault();
128
- }
129
- handleLabelClick() {
130
- const radios = this.getAllRadios();
131
- const checked = radios.find(radio => radio.checked);
132
- const radioToFocus = checked || radios[0];
133
- // Move focus to the checked radio (or the first one if none are checked) when clicking the label
134
- if (radioToFocus) {
135
- radioToFocus.focus();
136
- }
137
- }
138
- handleSlotChange() {
139
- const radios = this.getAllRadios();
140
- radios.forEach(radio => (radio.checked = radio.value === this.value));
141
- this.hasButtonGroup = radios.some(radio => radio.tagName.toLowerCase() === 'nile-radio-button');
142
- if (!radios.some(radio => radio.checked)) {
143
- if (this.hasButtonGroup) {
144
- const buttonRadio = radios[0].shadowRoot.querySelector('button');
145
- buttonRadio.tabIndex = 0;
146
- }
147
- else {
148
- radios[0].tabIndex = 0;
149
- }
150
- }
151
- if (this.hasButtonGroup) {
152
- const buttonGroup = this.shadowRoot?.querySelector('nile-button-group');
153
- }
154
- const slottedElements = [
155
- ...this.defaultSlot.assignedElements({ flatten: true }),
156
- ];
157
- // console.log(slottedElements);
158
- slottedElements.forEach(el => {
159
- const index = slottedElements.indexOf(el);
160
- const button = this.findButton(el);
161
- if (button !== null) {
162
- button.classList.toggle('nile-radio-button--first', index === 0);
163
- button.classList.toggle('nile-radio-button--inner', index > 0 && index < slottedElements.length - 1);
164
- button.classList.toggle('nile-radio-button--last', index === slottedElements.length - 1);
165
- }
166
- });
167
- }
168
- findButton(el) {
169
- const selector = 'nile-radio-button';
170
- return el.closest(selector) ?? el.querySelector(selector);
171
- }
172
- updateCheckedRadio() {
173
- const radios = this.getAllRadios();
174
- radios.forEach(radio => (radio.checked = radio.value === this.value));
175
- }
176
- handleValueChange() {
177
- if (this.hasUpdated) {
178
- this.updateCheckedRadio();
179
- }
180
- }
181
- render() {
182
- const hasLabelSlot = this.hasSlotController.test('label');
183
- const hasHelpTextSlot = this.hasSlotController.test('help-text');
184
- const hasLabel = this.label ? true : !!hasLabelSlot;
185
- const hasHelpText = this.helpText ? true : false;
186
- const hasErrorMessage = this.errorMessage ? true : false;
187
- const defaultSlot = html `
188
- <slot
189
- @click=${this.handleRadioClick}
190
- @keydown=${this.handleKeyDown}
191
- @slotchange=${this.handleSlotChange}
192
- role="presentation"
193
- ></slot>
194
- `;
195
- return html `
196
- <fieldset
197
- part="form-control"
198
- class=${classMap({
199
- 'form-control': true,
200
- 'form-control--medium': true,
201
- 'form-control--radio-group': true,
202
- 'form-control--has-label': hasLabel,
203
- 'form-control--has-help-text': hasHelpText,
204
- })}
205
- role="radiogroup"
206
- aria-labelledby="label"
207
- aria-describedby="help-text"
208
- aria-errormessage="error-message"
209
- >
210
- <label
211
- part="form-control-label"
212
- id="label"
213
- class="form-control__label"
214
- aria-hidden=${hasLabel ? 'false' : 'true'}
215
- @click=${this.handleLabelClick}
216
- >
217
- <slot name="label">${this.label}</slot>
218
- </label>
219
-
220
- <div part="form-control-input" class="form-control-input">
221
- <div class="visually-hidden">
222
- <label class="radio-group__validation">
223
- <input
224
- type="text"
225
- class="radio-group__validation-input"
226
- ?required=${this.required}
227
- tabindex="-1"
228
- hidden
229
- />
230
- </label>
231
- </div>
232
-
233
- ${this.hasButtonGroup
234
- ? html ` ${defaultSlot} `
235
- : html `
236
- <div
237
- class="${this.labelInline
238
- ? `form-control--inline-radio`
239
- : ``}"
240
- >
241
- ${defaultSlot}
242
- </div>
243
- `}
244
- </div>
245
-
246
- ${hasHelpText
247
- ? html ` <nile-form-help-text>${this.helpText}</nile-form-help-text> `
248
- : ``}
249
- ${hasErrorMessage
250
- ? html `
251
- <nile-form-error-message
252
- >${this.errorMessage}</nile-form-error-message
253
- >
254
- `
255
- : ``}
256
- </fieldset>
257
- `;
258
- }
259
- };
260
- NileRadioButtonGroup.styles = styles;
261
- __decorate([
262
- query('slot:not([name])')
263
- ], NileRadioButtonGroup.prototype, "defaultSlot", void 0);
264
- __decorate([
265
- state()
266
- ], NileRadioButtonGroup.prototype, "hasButtonGroup", void 0);
267
- __decorate([
268
- state()
269
- ], NileRadioButtonGroup.prototype, "defaultValue", void 0);
270
- __decorate([
271
- property()
272
- ], NileRadioButtonGroup.prototype, "label", void 0);
273
- __decorate([
274
- property()
275
- ], NileRadioButtonGroup.prototype, "name", void 0);
276
- __decorate([
277
- property({ reflect: true })
278
- ], NileRadioButtonGroup.prototype, "value", void 0);
279
- __decorate([
280
- property({ reflect: true })
281
- ], NileRadioButtonGroup.prototype, "form", void 0);
282
- __decorate([
283
- property({ type: Boolean, reflect: true })
284
- ], NileRadioButtonGroup.prototype, "required", void 0);
285
- __decorate([
286
- property({ type: Boolean, reflect: true })
287
- ], NileRadioButtonGroup.prototype, "labelInline", void 0);
288
- __decorate([
289
- property({ type: Boolean, reflect: true })
290
- ], NileRadioButtonGroup.prototype, "disabled", void 0);
291
- __decorate([
292
- property({ attribute: 'help-text' })
293
- ], NileRadioButtonGroup.prototype, "helpText", void 0);
294
- __decorate([
295
- property({ attribute: 'error-message' })
296
- ], NileRadioButtonGroup.prototype, "errorMessage", void 0);
297
- __decorate([
298
- watch('disabled', { waitUntilFirstUpdate: true })
299
- ], NileRadioButtonGroup.prototype, "handleDisabledChange", null);
300
- __decorate([
301
- watch('value')
302
- ], NileRadioButtonGroup.prototype, "handleValueChange", null);
303
- NileRadioButtonGroup = __decorate([
304
- customElement('nile-radio-button-group')
305
- ], NileRadioButtonGroup);
306
- export { NileRadioButtonGroup };
307
- export default NileRadioButtonGroup;
308
- //# sourceMappingURL=nile-radio-button-group.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"nile-radio-button-group.js","sourceRoot":"","sources":["../../../src/nile-radio-button-group/nile-radio-button-group.ts"],"names":[],"mappings":"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","sourcesContent":["import { 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-button-group.css';\nimport type { CSSResultGroup } from 'lit';\nimport type NileRadioButton from '../nile-radio-button/nile-radio-button';\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-button-group')\nexport class NileRadioButtonGroup extends NileElement {\n static styles: CSSResultGroup = styles;\n\n private readonly hasSlotController = new HasSlotController(\n this,\n 'help-text',\n 'label'\n );\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 /** 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<NileRadioButton>('nile-radio-button')];\n }\n\n private handleRadioClick(event: MouseEvent) {\n const target = (event.target as HTMLElement).closest<NileRadioButton>(\n 'nile-radio-button'\n )!;\n const radios = this.getAllRadios();\n const oldValue = this.value;\n\n if (target.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('nile-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')\n ? radio.disabled\n : this.disabled;\n });\n }\n\n private handleKeyDown(event: KeyboardEvent) {\n if (\n !['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', ' '].includes(\n event.key\n )\n ) {\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 =\n event.key === ' '\n ? 0\n : ['ArrowUp', 'ArrowLeft'].includes(event.key)\n ? -1\n : 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(\n radio => radio.tagName.toLowerCase() === 'nile-radio-button'\n );\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 const slottedElements = [\n ...this.defaultSlot.assignedElements({ flatten: true }),\n ] as HTMLElement[];\n\n // console.log(slottedElements);\n\n slottedElements.forEach(el => {\n const index = slottedElements.indexOf(el);\n const button = this.findButton(el);\n\n if (button !== null) {\n button.classList.toggle('nile-radio-button--first', index === 0);\n button.classList.toggle(\n 'nile-radio-button--inner',\n index > 0 && index < slottedElements.length - 1\n );\n button.classList.toggle(\n 'nile-radio-button--last',\n index === slottedElements.length - 1\n );\n }\n });\n }\n\n private findButton(el: HTMLElement) {\n const selector = 'nile-radio-button';\n\n return el.closest(selector) ?? el.querySelector(selector);\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` ${defaultSlot} `\n : html`\n <div\n class=\"${this.labelInline\n ? `form-control--inline-radio`\n : ``}\"\n >\n ${defaultSlot}\n </div>\n `}\n </div>\n\n ${hasHelpText\n ? html` <nile-form-help-text>${this.helpText}</nile-form-help-text> `\n : ``}\n ${hasErrorMessage\n ? html`\n <nile-form-error-message\n >${this.errorMessage}</nile-form-error-message\n >\n `\n : ``}\n </fieldset>\n `;\n }\n}\n\nexport default NileRadioButtonGroup;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-radio-button-group': NileRadioButtonGroup;\n }\n}\n"]}
@@ -1,2 +0,0 @@
1
- System.register(["./nile-radio-button.cjs.js","tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","./nile-radio-button.css.cjs.js","../internal/nile-element.cjs.js","lit","../slot.cjs.js","lit/directives/class-map.js","lit/directives/if-defined.js","../internal/watch.cjs.js","../property-0f6a51ec.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileRadioButtonCjsJs){_export("NileRadioButton",_nileRadioButtonCjsJs.N);},function(_tslib){},function(_index001CjsJs){},function(_litDecoratorsJs){},function(_nileRadioButtonCssCjsJs){},function(_internalNileElementCjsJs){},function(_lit){},function(_slotCjsJs){},function(_litDirectivesClassMapJs){},function(_litDirectivesIfDefinedJs){},function(_internalWatchCjsJs){},function(_property002CjsJs){}],execute:function(){}};});
2
- //# sourceMappingURL=index.cjs.js.map
@@ -1 +0,0 @@
1
- export{N as NileRadioButton}from"./nile-radio-button.esm.js";import"tslib";import"../index-cd2f9c12.esm.js";import"lit/decorators.js";import"./nile-radio-button.css.esm.js";import"../internal/nile-element.esm.js";import"lit";import"../slot.esm.js";import"lit/directives/class-map.js";import"lit/directives/if-defined.js";import"../internal/watch.esm.js";import"../property-09139d3c.esm.js";
@@ -1,2 +0,0 @@
1
- System.register(["tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","./nile-radio-button.css.cjs.js","../internal/nile-element.cjs.js","../slot.cjs.js","lit/directives/class-map.js","lit/directives/if-defined.js","../internal/watch.cjs.js","../property-0f6a51ec.cjs.js","lit"],function(_export,_context){"use strict";var t,i,s,e,o,l,r,a,n,d,u,h,_templateObject,c;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}function _get(){if(typeof Reflect!=="undefined"&&Reflect.get){_get=Reflect.get.bind();}else{_get=function _get(target,property,receiver){var base=_superPropBase(target,property);if(!base)return;var desc=Object.getOwnPropertyDescriptor(base,property);if(desc.get){return desc.get.call(arguments.length<3?target:receiver);}return desc.value;};}return _get.apply(this,arguments);}function _superPropBase(object,property){while(!Object.prototype.hasOwnProperty.call(object,property)){object=_getPrototypeOf(object);if(object===null)break;}return object;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(typeof call==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_index001CjsJs){i=_index001CjsJs.x;},function(_litDecoratorsJs){s=_litDecoratorsJs.query;e=_litDecoratorsJs.state;o=_litDecoratorsJs.customElement;},function(_nileRadioButtonCssCjsJs){l=_nileRadioButtonCssCjsJs.s;},function(_internalNileElementCjsJs){r=_internalNileElementCjsJs.N;},function(_slotCjsJs){a=_slotCjsJs.H;},function(_litDirectivesClassMapJs){n=_litDirectivesClassMapJs.classMap;},function(_litDirectivesIfDefinedJs){d=_litDirectivesIfDefinedJs.ifDefined;},function(_internalWatchCjsJs){u=_internalWatchCjsJs.w;},function(_property002CjsJs){h=_property002CjsJs.n;},function(_lit){}],execute:function(){_export("N",c=/*#__PURE__*/function(_r){_inherits(c,_r);var _super=_createSuper(c);function c(){var _this;_classCallCheck(this,c);_this=_super.apply(this,arguments),_this.hasSlotController=new a(_assertThisInitialized(_this),"[default]","prefix","suffix"),_this.hasFocus=!1,_this.checked=!1,_this.disabled=!1,_this.size="medium",_this.pill=!1;return _this;}_createClass(c,[{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(c.prototype),"connectedCallback",this).call(this),this.setAttribute("role","presentation");}},{key:"handleBlur",value:function handleBlur(){this.hasFocus=!1,this.emit("nile-blur");}},{key:"handleClick",value:function handleClick(t){if(this.disabled)return t.preventDefault(),void t.stopPropagation();this.checked=!0;}},{key:"handleFocus",value:function handleFocus(){this.hasFocus=!0,this.emit("nile-focus");}},{key:"handleDisabledChange",value:function handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false");}},{key:"focus",value:function focus(t){this.input.focus(t);}},{key:"blur",value:function blur(){this.input.blur();}},{key:"render",value:function render(){return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n <div part=\"base\" role=\"presentation\">\n <button\n part=\"","\"\n role=\"radio\"\n aria-checked=\"","\"\n class=","\n aria-disabled=","\n type=\"button\"\n value=","\n tabindex=\"","\"\n @blur=","\n @focus=","\n @click=","\n >\n <slot name=\"prefix\" part=\"prefix\" class=\"button__prefix\"></slot>\n <slot part=\"label\" class=\"button__label\"></slot>\n <slot name=\"suffix\" part=\"suffix\" class=\"button__suffix\"></slot>\n </button>\n </div>\n "])),"button"+(this.checked?" button--checked":""),this.checked,n({button:!0,"button--default":!0,"button--checked":this.checked,"button--disabled":this.disabled,"button--focused":this.hasFocus,"button--has-label":this.hasSlotController.test("[default]"),"button--has-prefix":this.hasSlotController.test("prefix"),"button--has-suffix":this.hasSlotController.test("suffix")}),this.disabled,d(this.value),this.checked?"0":"-1",this.handleBlur,this.handleFocus,this.handleClick);}}],[{key:"styles",get:function get(){return[l];}}]);return c;}(r));t([s(".button")],c.prototype,"input",void 0),t([s(".hidden-input")],c.prototype,"hiddenInput",void 0),t([e()],c.prototype,"hasFocus",void 0),t([h({type:Boolean,reflect:!0})],c.prototype,"checked",void 0),t([h()],c.prototype,"value",void 0),t([h({type:Boolean,reflect:!0})],c.prototype,"disabled",void 0),t([h({reflect:!0})],c.prototype,"size",void 0),t([h({type:Boolean,reflect:!0})],c.prototype,"pill",void 0),t([u("disabled",{waitUntilFirstUpdate:!0})],c.prototype,"handleDisabledChange",null),_export("N",c=t([o("nile-radio-button")],c));}};});
2
- //# sourceMappingURL=nile-radio-button.cjs.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"nile-radio-button.cjs.js","sources":["../../../src/nile-radio-button/nile-radio-button.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {\n LitElement,\n html,\n property,\n CSSResultArray,\n TemplateResult,\n} from 'lit-element';\nimport { customElement, query, state } from 'lit/decorators.js';\nimport { styles } from './nile-radio-button.css';\nimport NileElement from '../internal/nile-element';\nimport { HasSlotController } from '../slot';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { watch } from '../internal/watch';\n\n/**\n * Nile icon component.\n *\n * @tag nile-radio-button\n *\n */\n@customElement('nile-radio-button')\nexport class NileRadioButton extends NileElement {\n /**\n * The styles for RadioButton\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n */\n public static get styles(): CSSResultArray {\n return [styles];\n }\n private readonly hasSlotController = new HasSlotController(\n this,\n '[default]',\n 'prefix',\n 'suffix'\n );\n\n @query('.button') input: HTMLInputElement;\n @query('.hidden-input') hiddenInput: HTMLInputElement;\n\n @state() protected hasFocus = false;\n\n /**\n * @internal The radio button's checked state. This is exposed as an \"internal\" attribute so we can reflect it, making\n * it easier to style in button groups.\n */\n @property({ type: Boolean, reflect: true }) checked = false;\n\n /** The radio's value. When selected, the radio group will receive this value. */\n @property() value: string;\n\n /** Disables the radio button. */\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n /**\n * The radio button's size. When used inside a radio group, the size will be determined by the radio group's size so\n * this attribute can typically be omitted.\n */\n @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n /** Draws a pill-style radio button with rounded edges. */\n @property({ type: Boolean, reflect: true }) pill = false;\n\n connectedCallback() {\n super.connectedCallback();\n this.setAttribute('role', 'presentation');\n }\n\n private handleBlur() {\n this.hasFocus = false;\n this.emit('nile-blur');\n }\n\n private handleClick(e: MouseEvent) {\n if (this.disabled) {\n e.preventDefault();\n e.stopPropagation();\n return;\n }\n\n this.checked = true;\n }\n\n private handleFocus() {\n this.hasFocus = true;\n this.emit('nile-focus');\n }\n\n @watch('disabled', { waitUntilFirstUpdate: true })\n handleDisabledChange() {\n this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');\n }\n\n /** Sets focus on the radio button. */\n focus(options?: FocusOptions) {\n this.input.focus(options);\n }\n\n /** Removes focus from the radio button. */\n blur() {\n this.input.blur();\n }\n\n render() {\n return html`\n <div part=\"base\" role=\"presentation\">\n <button\n part=\"${`button${this.checked ? ' button--checked' : ''}`}\"\n role=\"radio\"\n aria-checked=\"${this.checked}\"\n class=${classMap({\n button: true,\n 'button--default': true,\n 'button--checked': this.checked,\n 'button--disabled': this.disabled,\n 'button--focused': this.hasFocus,\n 'button--has-label': this.hasSlotController.test('[default]'),\n 'button--has-prefix': this.hasSlotController.test('prefix'),\n 'button--has-suffix': this.hasSlotController.test('suffix'),\n })}\n aria-disabled=${this.disabled}\n type=\"button\"\n value=${ifDefined(this.value)}\n tabindex=\"${this.checked ? '0' : '-1'}\"\n @blur=${this.handleBlur}\n @focus=${this.handleFocus}\n @click=${this.handleClick}\n >\n <slot name=\"prefix\" part=\"prefix\" class=\"button__prefix\"></slot>\n <slot part=\"label\" class=\"button__label\"></slot>\n <slot name=\"suffix\" part=\"suffix\" class=\"button__suffix\"></slot>\n </button>\n </div>\n `;\n }\n}\n\nexport default NileRadioButton;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-radio-button': NileRadioButton;\n }\n}\n"],"names":["NileRadioButton","c","constructor","this","hasSlotController","HasSlotController","hasFocus","checked","disabled","size","pill","_this","_createClass","key","value","connectedCallback","super","setAttribute","handleBlur","emit","handleClick","e","preventDefault","stopPropagation","handleFocus","handleDisabledChange","focus","options","input","blur","render","html","_templateObject","_taggedTemplateLiteral","classMap","button","test","ifDefined","__decorate","get","styles","NileElement","query","prototype","state","property","type","Boolean","reflect","watch","waitUntilFirstUpdate","customElement"],"mappings":"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"}
@@ -1,2 +0,0 @@
1
- System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var t,_templateObject,e;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){t=_index001CjsJs.i;}],execute:function(){_export("s",e=t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n }\n\n .button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n color: var(--color-text-default, #000);\n text-align: center;\n border-radius: 4px;\n font-family: Colfax-regular;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px; /* 100% */\n letter-spacing: 0.2px;\n text-decoration: none;\n user-select: none;\n white-space: nowrap;\n vertical-align: middle;\n padding: 12px;\n cursor: pointer;\n gap: 10px;\n }\n\n .button::-moz-focus-inner {\n border: 0;\n }\n\n .button:focus {\n outline: none;\n }\n\n .button:focus-visible {\n outline: var(--nile-focus-ring);\n outline-offset: var(--nile-focus-ring-offset);\n }\n\n .button--disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n /* When disabled, prevent mouse events from bubbling up from children */\n .button--disabled * {\n pointer-events: none;\n }\n\n .button__prefix,\n .button__suffix {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n pointer-events: none;\n }\n\n .button__label {\n display: inline-block;\n }\n\n .button__label::slotted(nile-icon) {\n vertical-align: -2px;\n }\n\n /* Default */\n .button--default {\n border: 1px solid #c7ced4;\n background: #fff;\n color: black;\n }\n\n .button--default:hover:not(.button--disabled) {\n border: 1px solid #c7ced4;\n background: #e5e9eb;\n }\n\n .button--default:active:not(.button--disabled) {\n border: 1px solid #c7ced4;\n background: #e5e9eb;\n }\n\n .button--checked {\n border: 1px solid #c7ced4;\n background: #e5e9eb;\n }\n\n .button--has-label.button--medium .button__label {\n padding: 0 var(--nile-spacing-medium);\n }\n\n .button--has-prefix.button--medium {\n padding-inline-start: var(--nile-spacing-small);\n }\n\n .button--has-prefix.button--medium .button__label {\n padding-inline-start: var(--nile-spacing-small);\n }\n\n .button--has-suffix.button--medium,\n .button--caret.button--medium {\n padding-inline-end: var(--nile-spacing-small);\n }\n\n .button--has-suffix.button--medium .button__label,\n .button--caret.button--medium .button__label {\n padding-inline-end: var(--nile-spacing-small);\n }\n\n .nile-radio-button--first {\n background-color: red;\n }\n\n :host(.nile-radio-button--first:not(.nile-radio-button--last)) .button {\n border-start-end-radius: 0;\n border-end-end-radius: 0;\n }\n\n :host(.nile-group-button--inner) .button {\n border-radius: 0;\n }\n\n :host(.nile-radio-button--last:not(.nile-radio-button--first)) .button {\n border-start-start-radius: 0;\n border-end-start-radius: 0;\n }\n\n /* All except the first */\n :host(.nile-radio-button__button:not(.nile-radio-button__button--first)) {\n margin-inline-start: calc(-1 * var(--nile-input-border-width));\n }\n\n :host(.nile-radio-button--inner) .button {\n border-radius: 0;\n border-left: 0;\n border-right: 0;\n }\n\n .button__prefix,\n .button__suffix,\n .button__label {\n display: inline-flex;\n position: relative;\n align-items: center;\n }\n\n /* We use a hidden input so constraint validation errors work, since they don't appear to show when used with buttons.\n We can't actually hide it, though, otherwise the messages will be suppressed by the browser. */\n .hidden-input {\n all: unset;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n outline: dotted 1px red;\n opacity: 0;\n z-index: -1;\n }\n"]))));}};});
2
- //# sourceMappingURL=nile-radio-button.css.cjs.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"nile-radio-button.css.cjs.js","sources":["../../../src/nile-radio-button/nile-radio-button.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 * RadioButton CSS\n */\nexport const styles = css`\n :host {\n }\n\n .button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n color: var(--color-text-default, #000);\n text-align: center;\n border-radius: 4px;\n font-family: Colfax-regular;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 14px; /* 100% */\n letter-spacing: 0.2px;\n text-decoration: none;\n user-select: none;\n white-space: nowrap;\n vertical-align: middle;\n padding: 12px;\n cursor: pointer;\n gap: 10px;\n }\n\n .button::-moz-focus-inner {\n border: 0;\n }\n\n .button:focus {\n outline: none;\n }\n\n .button:focus-visible {\n outline: var(--nile-focus-ring);\n outline-offset: var(--nile-focus-ring-offset);\n }\n\n .button--disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n /* When disabled, prevent mouse events from bubbling up from children */\n .button--disabled * {\n pointer-events: none;\n }\n\n .button__prefix,\n .button__suffix {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n pointer-events: none;\n }\n\n .button__label {\n display: inline-block;\n }\n\n .button__label::slotted(nile-icon) {\n vertical-align: -2px;\n }\n\n /* Default */\n .button--default {\n border: 1px solid #c7ced4;\n background: #fff;\n color: black;\n }\n\n .button--default:hover:not(.button--disabled) {\n border: 1px solid #c7ced4;\n background: #e5e9eb;\n }\n\n .button--default:active:not(.button--disabled) {\n border: 1px solid #c7ced4;\n background: #e5e9eb;\n }\n\n .button--checked {\n border: 1px solid #c7ced4;\n background: #e5e9eb;\n }\n\n .button--has-label.button--medium .button__label {\n padding: 0 var(--nile-spacing-medium);\n }\n\n .button--has-prefix.button--medium {\n padding-inline-start: var(--nile-spacing-small);\n }\n\n .button--has-prefix.button--medium .button__label {\n padding-inline-start: var(--nile-spacing-small);\n }\n\n .button--has-suffix.button--medium,\n .button--caret.button--medium {\n padding-inline-end: var(--nile-spacing-small);\n }\n\n .button--has-suffix.button--medium .button__label,\n .button--caret.button--medium .button__label {\n padding-inline-end: var(--nile-spacing-small);\n }\n\n .nile-radio-button--first {\n background-color: red;\n }\n\n :host(.nile-radio-button--first:not(.nile-radio-button--last)) .button {\n border-start-end-radius: 0;\n border-end-end-radius: 0;\n }\n\n :host(.nile-group-button--inner) .button {\n border-radius: 0;\n }\n\n :host(.nile-radio-button--last:not(.nile-radio-button--first)) .button {\n border-start-start-radius: 0;\n border-end-start-radius: 0;\n }\n\n /* All except the first */\n :host(.nile-radio-button__button:not(.nile-radio-button__button--first)) {\n margin-inline-start: calc(-1 * var(--nile-input-border-width));\n }\n\n :host(.nile-radio-button--inner) .button {\n border-radius: 0;\n border-left: 0;\n border-right: 0;\n }\n\n .button__prefix,\n .button__suffix,\n .button__label {\n display: inline-flex;\n position: relative;\n align-items: center;\n }\n\n /* We use a hidden input so constraint validation errors work, since they don't appear to show when used with buttons.\n We can't actually hide it, though, otherwise the messages will be suppressed by the browser. */\n .hidden-input {\n all: unset;\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n outline: dotted 1px red;\n opacity: 0;\n z-index: -1;\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}