@aquera/nile-elements 1.6.2 → 1.6.4

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

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,e;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){o=_lit.css;}],execute:function execute(){_export("s",e=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: inline-block;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  :host(.full-width) {\n    width: 100%;\n  }\n\n  .checkbox {\n    position: relative;\n    display: inline-flex;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-medium));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n    vertical-align: middle;\n    cursor: pointer;\n  }\n\n  .checkbox--medium {\n    --toggle-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n  }\n\n  .checkbox__control {\n    flex: 0 0 auto;\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--nile-type-scale-3, var(--ng-width-4));\n    height: var(--nile-type-scale-3, var(--ng-height-16px));\n    border: solid 1px\n      var(\n        --nile-checkbox-color-border-standard,\n        var(--ng-colors-border-primary)\n      );\n    background-color: var(\n      --nile-checkbox-color-background-standard,\n      var(--ng-colors-bg-primary)\n    );\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n    transition: var(--nile-transition-duration-default border-color),\n      var(--nile-transition-duration-default) background-color,\n      var(--nile-transition-duration-default) color,\n      var(--nile-transition-duration-default box-shadow);\n  }\n\n  .checkbox__input {\n    position: absolute;\n    opacity: 0;\n    padding: 0;\n    margin: 0;\n    pointer-events: none;\n  }\n\n  /* svg {\n      display:none !important;\n  } */\n\n  /* Hover */\n  .checkbox:not(.checkbox--checked):not(.checkbox--disabled):not(\n      .checkbox--indeterminate\n    )\n    .checkbox__control:hover {\n    background: var(\n      --nile-checkbox-color-background-hover,\n      var(--ng-colors-bg-primary)\n    );\n    border: 1px solid\n      var(--nile-checkbox-color-border-hover, var(--ng-colors-border-neutral));\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n  }\n\n  /* Disabled */\n  .checkbox--disabled {\n    cursor: not-allowed;\n  }\n\n  /* Focus */\n  .checkbox:not(.checkbox--checked):not(.checkbox--disabled)\n    .checkbox__input:focus-visible\n    ~ .checkbox__control {\n    outline: solid 3px hsl(198.6 88.7% 48.4% / 40%);\n    outline-offset: 1px;\n  }\n\n  .checkbox--focused .checkbox__control {\n    box-shadow: var(--nile-box-shadow-none, var(--ng-focus-ring));\n  }\n\n  /* Checked/indeterminate */\n  .checkbox--checked .checkbox__control,\n  .checkbox--indeterminate .checkbox__control {\n    border-color: var(\n      --nile-checkbox-color-border-checked-standard,\n      var(--ng-colors-bg-brand-solid)\n    );\n    background-color: var(\n      --nile-checkbox-color-background-checked-standard,\n      var(--ng-colors-bg-brand-solid)\n    );\n  }\n\n  /* Checked/indeterminate + hover */\n  .checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__control:hover,\n  .checkbox.checkbox--indeterminate:not(.checkbox--disabled)\n    .checkbox__control:hover {\n    background: var(\n      --nile-checkbox-color-background-checked-hover,\n      var(--ng-colors-bg-brand-solid-hover)\n    );\n    border-color: var(\n      --nile-checkbox-color-border-checked-standard,\n      var(--ng-colors-bg-brand-solid-hover)\n    );\n  }\n\n  /* .checkbox.checkbox--indeterminate .checkbox_control:hover {\n    border: none;\n  } */\n\n  /* Checked/indeterminate + focus */\n \n\n  .checkbox--disabled .checkbox__control {\n    background-color: var(\n      --nile-checkbox-color-border-checked-standard,\n      var(--ng-colors-bg-disabled-subtle)\n    );\n    border-color: var(\n      --nile-checkbox-color-border-standard,\n      var(--ng-colors-border-disabled)\n    );\n  }\n \n.checkbox--disabled.checkbox--checked .checkbox__control,\n.checkbox--disabled.checkbox--indeterminate .checkbox__control {\n  background-color: var(\n    --nile-colors-dark-100,\n    var(--ng-colors-bg-disabled-subtle)\n  );\n  border-color: var(\n    --nile-colors-dark-100,\n    var(--ng-colors-border-disabled)\n  );\n}\n\n \n.checkbox--disabled:not(.checkbox--checked):not(.checkbox--indeterminate) .checkbox__control {\n  background-color: var(--nile-colors-transparent, var(--ng-colors-bg-disabled-subtle));\n  border-color: var(\n    --nile-colors-dark-100,\n    var(--ng-colors-border-disabled)\n  );\n}\n\n  .checkbox__label {\n    display: inline-block;\n    line-height: var(--nile-type-scale-3, var(--ng-line-height-text-sm));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    margin-inline-start: 0.5em;\n    user-select: none;\n    margin-top: var(--nile-spacing-xxs);\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-medium));\n    letter-spacing: 0.2px;\n  }\n\n  :host([required]) .checkbox__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n  }\n\n  .checkbox__checked-icon {\n    --nile-svg-stroke: white;\n    --nile-svg-stroke-width: var(--nile-icon-stroke-width-1-3, var(--ng-icon-stroke-width-2-5));\n  }\n\n  .checkbox__indeterminate-icon {\n    --nile-svg-stroke: white;\n    --nile-svg-stroke-width: var(--nile-icon-stroke-width-1-3, var(--ng-icon-stroke-width-2-5));\n  }\n\n  .checkbox--disabled .checkbox__checked-icon,\n  .checkbox--disabled .checkbox__indeterminate-icon {\n    --nile-svg-stroke: var(\n      --nile-colors-white-base,\n      var(--ng-colors-fg-disabled-subtle)\n    );\n    --nile-svg-stroke-width: var(--nile-icon-stroke-width-1-3, var(--ng-icon-stroke-width-2-5));\n  }\n\n  .checkbox__helptext-icon {\n    float: right;\n    cursor: pointer;\n    margin-right: var(--nile-spacing-lg);\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,e;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){o=_lit.css;}],execute:function execute(){_export("s",e=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: inline-block;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  :host(.full-width) {\n    width: 100%;\n  }\n\n  .checkbox {\n    position: relative;\n    display: inline-flex;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-medium));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n    vertical-align: middle;\n    cursor: pointer;\n  }\n\n  .checkbox--medium {\n    --toggle-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n  }\n\n  .checkbox__control {\n    flex: 0 0 auto;\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--nile-type-scale-3, var(--ng-width-4));\n    height: var(--nile-type-scale-3, var(--ng-height-16px));\n    border: solid 1px\n      var(\n        --nile-checkbox-color-border-standard,\n        var(--ng-colors-border-primary)\n      );\n    background-color: var(\n      --nile-checkbox-color-background-standard,\n      var(--ng-colors-bg-primary)\n    );\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n    transition: var(--nile-transition-duration-default border-color),\n      var(--nile-transition-duration-default) background-color,\n      var(--nile-transition-duration-default) color,\n      var(--nile-transition-duration-default box-shadow);\n  }\n\n  .checkbox__input {\n    position: absolute;\n    opacity: 0;\n    padding: 0;\n    margin: 0;\n    pointer-events: none;\n  }\n\n  /* svg {\n      display:none !important;\n  } */\n\n  /* Hover */\n  .checkbox:not(.checkbox--checked):not(.checkbox--disabled):not(\n      .checkbox--indeterminate\n    )\n    .checkbox__control:hover {\n    background: var(\n      --nile-checkbox-color-background-hover,\n      var(--ng-colors-bg-primary)\n    );\n    border: 1px solid\n      var(--nile-checkbox-color-border-hover, var(--ng-colors-border-neutral));\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n  }\n\n  /* Disabled */\n  .checkbox--disabled {\n    cursor: not-allowed;\n  }\n\n  /* Focus */\n  .checkbox:not(.checkbox--checked):not(.checkbox--disabled)\n    .checkbox__input:focus-visible\n    ~ .checkbox__control {\n    outline: solid 3px hsl(198.6 88.7% 48.4% / 40%);\n    outline-offset: 1px;\n  }\n\n  .checkbox--focused .checkbox__control {\n    box-shadow: var(--nile-box-shadow-none, var(--ng-focus-ring));\n  }\n\n  /* Checked/indeterminate */\n  .checkbox--checked .checkbox__control,\n  .checkbox--indeterminate .checkbox__control {\n    border-color: var(\n      --nile-checkbox-color-border-checked-standard,\n      var(--ng-colors-bg-brand-solid)\n    );\n    background-color: var(\n      --nile-checkbox-color-background-checked-standard,\n      var(--ng-colors-bg-brand-solid)\n    );\n  }\n\n  /* Checked/indeterminate + hover */\n  .checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__control:hover,\n  .checkbox.checkbox--indeterminate:not(.checkbox--disabled)\n    .checkbox__control:hover {\n    background: var(\n      --nile-checkbox-color-background-checked-hover,\n      var(--ng-colors-bg-brand-solid-hover)\n    );\n    border-color: var(\n      --nile-checkbox-color-border-checked-standard,\n      var(--ng-colors-bg-brand-solid-hover)\n    );\n  }\n\n  /* .checkbox.checkbox--indeterminate .checkbox_control:hover {\n    border: none;\n  } */\n\n  /* Checked/indeterminate + focus */\n \n\n  .checkbox--disabled .checkbox__control {\n    background-color: var(\n      --nile-checkbox-color-border-checked-standard,\n      var(--ng-colors-bg-disabled-subtle)\n    );\n    border-color: var(\n      --nile-checkbox-color-border-standard,\n      var(--ng-colors-border-disabled)\n    );\n  }\n \n.checkbox--disabled.checkbox--checked .checkbox__control,\n.checkbox--disabled.checkbox--indeterminate .checkbox__control {\n  background-color: var(\n    --nile-colors-dark-100,\n    var(--ng-colors-bg-disabled-subtle)\n  );\n  border-color: var(\n    --nile-colors-dark-100,\n    var(--ng-colors-border-disabled)\n  );\n}\n\n \n.checkbox--disabled:not(.checkbox--checked):not(.checkbox--indeterminate) .checkbox__control {\n  background-color: var(--nile-colors-transparent, var(--ng-colors-bg-disabled-subtle));\n  border-color: var(\n    --nile-colors-dark-100,\n    var(--ng-colors-border-disabled)\n  );\n}\n\n  .checkbox__label {\n    display: inline-block;\n    line-height: var(--nile-type-scale-3, var(--ng-line-height-text-sm));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    margin-inline-start: 0.5em;\n    user-select: none;\n    margin-top: var(--nile-spacing-xxs);\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-medium));\n    letter-spacing: 0.2px;\n  }\n\n  :host([required]) .checkbox__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n  }\n\n  .checkbox__checked-icon {\n    --nile-svg-stroke: white;\n    --nile-svg-stroke-width: var(--nile-icon-stroke-width-1-3, var(--ng-icon-stroke-width-2-5));\n  }\n\n  .checkbox__indeterminate-icon {\n    --nile-svg-stroke: white;\n    --nile-svg-stroke-width: var(--nile-icon-stroke-width-1-3, var(--ng-icon-stroke-width-2-5));\n  }\n\n  .checkbox--disabled .checkbox__checked-icon,\n  .checkbox--disabled .checkbox__indeterminate-icon {\n    --nile-svg-stroke: var(\n      --nile-colors-white-base,\n      var(--ng-colors-fg-disabled-subtle)\n    );\n    --nile-svg-stroke-width: var(--nile-icon-stroke-width-1-3, var(--ng-icon-stroke-width-2-5));\n  }\n\n  .checkbox--disabled .checkbox__label {\n    color: var(--nile-colors-neutral-500, var(--ng-colors-text-disabled));\n  }\n\n  .checkbox__helptext-icon {\n    float: right;\n    cursor: pointer;\n    margin-right: var(--nile-spacing-lg);\n  }\n"]))));}};});
 //# sourceMappingURL=nile-checkbox.css.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-checkbox.css.cjs.js","sources":["../../../src/nile-checkbox/nile-checkbox.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * Checkbox CSS\n */\nexport const styles = css`\n  :host {\n    display: inline-block;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  :host(.full-width) {\n    width: 100%;\n  }\n\n  .checkbox {\n    position: relative;\n    display: inline-flex;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-medium));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n    vertical-align: middle;\n    cursor: pointer;\n  }\n\n  .checkbox--medium {\n    --toggle-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n  }\n\n  .checkbox__control {\n    flex: 0 0 auto;\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--nile-type-scale-3, var(--ng-width-4));\n    height: var(--nile-type-scale-3, var(--ng-height-16px));\n    border: solid 1px\n      var(\n        --nile-checkbox-color-border-standard,\n        var(--ng-colors-border-primary)\n      );\n    background-color: var(\n      --nile-checkbox-color-background-standard,\n      var(--ng-colors-bg-primary)\n    );\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n    transition: var(--nile-transition-duration-default border-color),\n      var(--nile-transition-duration-default) background-color,\n      var(--nile-transition-duration-default) color,\n      var(--nile-transition-duration-default box-shadow);\n  }\n\n  .checkbox__input {\n    position: absolute;\n    opacity: 0;\n    padding: 0;\n    margin: 0;\n    pointer-events: none;\n  }\n\n  /* svg {\n      display:none !important;\n  } */\n\n  /* Hover */\n  .checkbox:not(.checkbox--checked):not(.checkbox--disabled):not(\n      .checkbox--indeterminate\n    )\n    .checkbox__control:hover {\n    background: var(\n      --nile-checkbox-color-background-hover,\n      var(--ng-colors-bg-primary)\n    );\n    border: 1px solid\n      var(--nile-checkbox-color-border-hover, var(--ng-colors-border-neutral));\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n  }\n\n  /* Disabled */\n  .checkbox--disabled {\n    cursor: not-allowed;\n  }\n\n  /* Focus */\n  .checkbox:not(.checkbox--checked):not(.checkbox--disabled)\n    .checkbox__input:focus-visible\n    ~ .checkbox__control {\n    outline: solid 3px hsl(198.6 88.7% 48.4% / 40%);\n    outline-offset: 1px;\n  }\n\n  .checkbox--focused .checkbox__control {\n    box-shadow: var(--nile-box-shadow-none, var(--ng-focus-ring));\n  }\n\n  /* Checked/indeterminate */\n  .checkbox--checked .checkbox__control,\n  .checkbox--indeterminate .checkbox__control {\n    border-color: var(\n      --nile-checkbox-color-border-checked-standard,\n      var(--ng-colors-bg-brand-solid)\n    );\n    background-color: var(\n      --nile-checkbox-color-background-checked-standard,\n      var(--ng-colors-bg-brand-solid)\n    );\n  }\n\n  /* Checked/indeterminate + hover */\n  .checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__control:hover,\n  .checkbox.checkbox--indeterminate:not(.checkbox--disabled)\n    .checkbox__control:hover {\n    background: var(\n      --nile-checkbox-color-background-checked-hover,\n      var(--ng-colors-bg-brand-solid-hover)\n    );\n    border-color: var(\n      --nile-checkbox-color-border-checked-standard,\n      var(--ng-colors-bg-brand-solid-hover)\n    );\n  }\n\n  /* .checkbox.checkbox--indeterminate .checkbox_control:hover {\n    border: none;\n  } */\n\n  /* Checked/indeterminate + focus */\n \n\n  .checkbox--disabled .checkbox__control {\n    background-color: var(\n      --nile-checkbox-color-border-checked-standard,\n      var(--ng-colors-bg-disabled-subtle)\n    );\n    border-color: var(\n      --nile-checkbox-color-border-standard,\n      var(--ng-colors-border-disabled)\n    );\n  }\n \n.checkbox--disabled.checkbox--checked .checkbox__control,\n.checkbox--disabled.checkbox--indeterminate .checkbox__control {\n  background-color: var(\n    --nile-colors-dark-100,\n    var(--ng-colors-bg-disabled-subtle)\n  );\n  border-color: var(\n    --nile-colors-dark-100,\n    var(--ng-colors-border-disabled)\n  );\n}\n\n \n.checkbox--disabled:not(.checkbox--checked):not(.checkbox--indeterminate) .checkbox__control {\n  background-color: var(--nile-colors-transparent, var(--ng-colors-bg-disabled-subtle));\n  border-color: var(\n    --nile-colors-dark-100,\n    var(--ng-colors-border-disabled)\n  );\n}\n\n  .checkbox__label {\n    display: inline-block;\n    line-height: var(--nile-type-scale-3, var(--ng-line-height-text-sm));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    margin-inline-start: 0.5em;\n    user-select: none;\n    margin-top: var(--nile-spacing-xxs);\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-medium));\n    letter-spacing: 0.2px;\n  }\n\n  :host([required]) .checkbox__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n  }\n\n  .checkbox__checked-icon {\n    --nile-svg-stroke: white;\n    --nile-svg-stroke-width: var(--nile-icon-stroke-width-1-3, var(--ng-icon-stroke-width-2-5));\n  }\n\n  .checkbox__indeterminate-icon {\n    --nile-svg-stroke: white;\n    --nile-svg-stroke-width: var(--nile-icon-stroke-width-1-3, var(--ng-icon-stroke-width-2-5));\n  }\n\n  .checkbox--disabled .checkbox__checked-icon,\n  .checkbox--disabled .checkbox__indeterminate-icon {\n    --nile-svg-stroke: var(\n      --nile-colors-white-base,\n      var(--ng-colors-fg-disabled-subtle)\n    );\n    --nile-svg-stroke-width: var(--nile-icon-stroke-width-1-3, var(--ng-icon-stroke-width-2-5));\n  }\n\n  .checkbox__helptext-icon {\n    float: right;\n    cursor: pointer;\n    margin-right: var(--nile-spacing-lg);\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-checkbox.css.cjs.js","sources":["../../../src/nile-checkbox/nile-checkbox.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * Checkbox CSS\n */\nexport const styles = css`\n  :host {\n    display: inline-block;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  :host(.full-width) {\n    width: 100%;\n  }\n\n  .checkbox {\n    position: relative;\n    display: inline-flex;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-medium));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n    vertical-align: middle;\n    cursor: pointer;\n  }\n\n  .checkbox--medium {\n    --toggle-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n  }\n\n  .checkbox__control {\n    flex: 0 0 auto;\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: var(--nile-type-scale-3, var(--ng-width-4));\n    height: var(--nile-type-scale-3, var(--ng-height-16px));\n    border: solid 1px\n      var(\n        --nile-checkbox-color-border-standard,\n        var(--ng-colors-border-primary)\n      );\n    background-color: var(\n      --nile-checkbox-color-background-standard,\n      var(--ng-colors-bg-primary)\n    );\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n    transition: var(--nile-transition-duration-default border-color),\n      var(--nile-transition-duration-default) background-color,\n      var(--nile-transition-duration-default) color,\n      var(--nile-transition-duration-default box-shadow);\n  }\n\n  .checkbox__input {\n    position: absolute;\n    opacity: 0;\n    padding: 0;\n    margin: 0;\n    pointer-events: none;\n  }\n\n  /* svg {\n      display:none !important;\n  } */\n\n  /* Hover */\n  .checkbox:not(.checkbox--checked):not(.checkbox--disabled):not(\n      .checkbox--indeterminate\n    )\n    .checkbox__control:hover {\n    background: var(\n      --nile-checkbox-color-background-hover,\n      var(--ng-colors-bg-primary)\n    );\n    border: 1px solid\n      var(--nile-checkbox-color-border-hover, var(--ng-colors-border-neutral));\n    border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n  }\n\n  /* Disabled */\n  .checkbox--disabled {\n    cursor: not-allowed;\n  }\n\n  /* Focus */\n  .checkbox:not(.checkbox--checked):not(.checkbox--disabled)\n    .checkbox__input:focus-visible\n    ~ .checkbox__control {\n    outline: solid 3px hsl(198.6 88.7% 48.4% / 40%);\n    outline-offset: 1px;\n  }\n\n  .checkbox--focused .checkbox__control {\n    box-shadow: var(--nile-box-shadow-none, var(--ng-focus-ring));\n  }\n\n  /* Checked/indeterminate */\n  .checkbox--checked .checkbox__control,\n  .checkbox--indeterminate .checkbox__control {\n    border-color: var(\n      --nile-checkbox-color-border-checked-standard,\n      var(--ng-colors-bg-brand-solid)\n    );\n    background-color: var(\n      --nile-checkbox-color-background-checked-standard,\n      var(--ng-colors-bg-brand-solid)\n    );\n  }\n\n  /* Checked/indeterminate + hover */\n  .checkbox.checkbox--checked:not(.checkbox--disabled) .checkbox__control:hover,\n  .checkbox.checkbox--indeterminate:not(.checkbox--disabled)\n    .checkbox__control:hover {\n    background: var(\n      --nile-checkbox-color-background-checked-hover,\n      var(--ng-colors-bg-brand-solid-hover)\n    );\n    border-color: var(\n      --nile-checkbox-color-border-checked-standard,\n      var(--ng-colors-bg-brand-solid-hover)\n    );\n  }\n\n  /* .checkbox.checkbox--indeterminate .checkbox_control:hover {\n    border: none;\n  } */\n\n  /* Checked/indeterminate + focus */\n \n\n  .checkbox--disabled .checkbox__control {\n    background-color: var(\n      --nile-checkbox-color-border-checked-standard,\n      var(--ng-colors-bg-disabled-subtle)\n    );\n    border-color: var(\n      --nile-checkbox-color-border-standard,\n      var(--ng-colors-border-disabled)\n    );\n  }\n \n.checkbox--disabled.checkbox--checked .checkbox__control,\n.checkbox--disabled.checkbox--indeterminate .checkbox__control {\n  background-color: var(\n    --nile-colors-dark-100,\n    var(--ng-colors-bg-disabled-subtle)\n  );\n  border-color: var(\n    --nile-colors-dark-100,\n    var(--ng-colors-border-disabled)\n  );\n}\n\n \n.checkbox--disabled:not(.checkbox--checked):not(.checkbox--indeterminate) .checkbox__control {\n  background-color: var(--nile-colors-transparent, var(--ng-colors-bg-disabled-subtle));\n  border-color: var(\n    --nile-colors-dark-100,\n    var(--ng-colors-border-disabled)\n  );\n}\n\n  .checkbox__label {\n    display: inline-block;\n    line-height: var(--nile-type-scale-3, var(--ng-line-height-text-sm));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    margin-inline-start: 0.5em;\n    user-select: none;\n    margin-top: var(--nile-spacing-xxs);\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-secondary-700));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-medium));\n    letter-spacing: 0.2px;\n  }\n\n  :host([required]) .checkbox__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n  }\n\n  .checkbox__checked-icon {\n    --nile-svg-stroke: white;\n    --nile-svg-stroke-width: var(--nile-icon-stroke-width-1-3, var(--ng-icon-stroke-width-2-5));\n  }\n\n  .checkbox__indeterminate-icon {\n    --nile-svg-stroke: white;\n    --nile-svg-stroke-width: var(--nile-icon-stroke-width-1-3, var(--ng-icon-stroke-width-2-5));\n  }\n\n  .checkbox--disabled .checkbox__checked-icon,\n  .checkbox--disabled .checkbox__indeterminate-icon {\n    --nile-svg-stroke: var(\n      --nile-colors-white-base,\n      var(--ng-colors-fg-disabled-subtle)\n    );\n    --nile-svg-stroke-width: var(--nile-icon-stroke-width-1-3, var(--ng-icon-stroke-width-2-5));\n  }\n\n  .checkbox--disabled .checkbox__label {\n    color: var(--nile-colors-neutral-500, var(--ng-colors-text-disabled));\n  }\n\n  .checkbox__helptext-icon {\n    float: right;\n    cursor: pointer;\n    margin-right: var(--nile-spacing-lg);\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

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

@@ -195,6 +195,10 @@ import{css as o}from"lit";const e=o`
     --nile-svg-stroke-width: var(--nile-icon-stroke-width-1-3, var(--ng-icon-stroke-width-2-5));
   }
 
+  .checkbox--disabled .checkbox__label {
+    color: var(--nile-colors-neutral-500, var(--ng-colors-text-disabled));
+  }
+
   .checkbox__helptext-icon {
     float: right;
     cursor: pointer;

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

@@ -1,4 +1,4 @@
-import{__decorate as e}from"tslib";import{html as i}from"lit";import{query as t,state as s,property as o,customElement as l}from"lit/decorators.js";import{s as c}from"./nile-checkbox.css.esm.js";import{classMap as r}from"lit/directives/class-map.js";import{d as h}from"../internal/default-value.esm.js";import{ifDefined as n}from"lit/directives/if-defined.js";import{live as a}from"lit/directives/live.js";import{w as d}from"../internal/watch.esm.js";import{N as m}from"../internal/nile-element.esm.js";let v=class extends m{constructor(){super(),this.hasFocus=!1,this.title="",this.name="",this.size="medium",this.disabled=!1,this.checked=!1,this.label="",this.indeterminate=!1,this.defaultChecked=!1,this.helpText="",this.errorMessage="",this.showHelpText=!1,this.form="",this.required=!1}toggleHelpText(){this.showHelpText=!this.showHelpText}handleClick(){this.checked=!this.checked,this.indeterminate=!1,this.emit("nile-change",{checked:this.checked}),this.emit("valueChange",{checked:this.checked})}handleBlur(){this.hasFocus=!1,this.emit("blur")}handleInput(){this.emit("input")}handleFocus(){this.hasFocus=!0,this.emit("focus")}handleStateChange(){this.input.checked=this.checked,this.input.indeterminate=this.indeterminate}click(){this.input.click()}focus(e){this.input.focus(e)}blur(){this.input.blur()}connectedCallback(){super.connectedCallback(),this.updateHostClass(),this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.emit("nile-destroy")}updated(e){super.updated(e),e.has("helpText")&&this.updateHostClass()}updateHostClass(){this.helpText?this.classList.add("full-width"):this.classList.remove("full-width")}render(){const e=!!this.helpText,t=!!this.errorMessage;return i`
+import{__decorate as e}from"tslib";import{html as i}from"lit";import{query as t,state as s,property as o,customElement as l}from"lit/decorators.js";import{s as c}from"./nile-checkbox.css.esm.js";import{classMap as r}from"lit/directives/class-map.js";import{d as n}from"../internal/default-value.esm.js";import{ifDefined as h}from"lit/directives/if-defined.js";import{live as a}from"lit/directives/live.js";import{w as d}from"../internal/watch.esm.js";import{N as m}from"../internal/nile-element.esm.js";import"../internal/accessibility/a11y.state.enum.esm.js";import"../internal/accessibility/a11y.property.enum.esm.js";import"../internal/accessibility/role.enum.esm.js";let v=class extends m{constructor(){super(),this.hasFocus=!1,this.title="",this.name="",this.size="medium",this.disabled=!1,this.checked=!1,this.label="",this.indeterminate=!1,this.defaultChecked=!1,this.helpText="",this.errorMessage="",this.showHelpText=!1,this.form="",this.group="",this.required=!1}toggleHelpText(){this.showHelpText=!this.showHelpText}handleClick(){this.checked=!this.checked,this.indeterminate=!1,this.emit("nile-change",{checked:this.checked}),this.emit("valueChange",{checked:this.checked})}handleBlur(){this.hasFocus=!1,this.emit("blur")}handleInput(){this.emit("input")}handleFocus(){this.hasFocus=!0,this.emit("focus")}handleStateChange(){this.input.checked=this.checked,this.input.indeterminate=this.indeterminate}click(){this.input.click()}focus(e){this.input.focus(e)}blur(){this.input.blur()}connectedCallback(){super.connectedCallback(),this.updateHostClass(),this.emit("nile-init")}disconnectedCallback(){super.disconnectedCallback(),this.emit("nile-destroy")}updated(e){super.updated(e),e.has("helpText")&&this.updateHostClass()}updateHostClass(){this.helpText?this.classList.add("full-width"):this.classList.remove("full-width")}render(){const e=!!this.helpText,t=!!this.errorMessage;return i`
       <label
         part="base"
         class=${r({checkbox:!0,"checkbox--checked":this.checked,"checkbox--disabled":this.disabled,"checkbox--focused":this.hasFocus,"checkbox--indeterminate":this.indeterminate,"checkbox--medium":"medium"===this.size})}
@@ -8,7 +8,7 @@ import{__decorate as e}from"tslib";import{html as i}from"lit";import{query as t,
           type="checkbox"
           title=${this.title}
           name=${this.name}
-          value=${n(this.value)}
+          value=${h(this.value)}
           .indeterminate=${a(this.indeterminate)}
           .checked=${a(this.checked)}
           .disabled=${this.disabled}
@@ -83,4 +83,4 @@ import{__decorate as e}from"tslib";import{html as i}from"lit";import{query as t,
               >${this.errorMessage}</nile-form-error-message
             >
           `:""}
-    `}};v.styles=c,e([t('input[type="checkbox"]')],v.prototype,"input",void 0),e([s()],v.prototype,"hasFocus",void 0),e([o()],v.prototype,"title",void 0),e([o()],v.prototype,"name",void 0),e([o()],v.prototype,"value",void 0),e([o({reflect:!0})],v.prototype,"size",void 0),e([o({type:Boolean,reflect:!0})],v.prototype,"disabled",void 0),e([o({type:Boolean,reflect:!0})],v.prototype,"checked",void 0),e([o({type:String,reflect:!0})],v.prototype,"label",void 0),e([o({type:Boolean,reflect:!0})],v.prototype,"indeterminate",void 0),e([h("checked")],v.prototype,"defaultChecked",void 0),e([o({attribute:"help-text",reflect:!0})],v.prototype,"helpText",void 0),e([o({attribute:"error-message",reflect:!0})],v.prototype,"errorMessage",void 0),e([o({type:Boolean})],v.prototype,"showHelpText",void 0),e([o({reflect:!0})],v.prototype,"form",void 0),e([o({type:Boolean,reflect:!0})],v.prototype,"required",void 0),e([d(["checked","indeterminate"],{waitUntilFirstUpdate:!0})],v.prototype,"handleStateChange",null),v=e([l("nile-checkbox")],v);export{v as N};
+    `}};v.styles=c,e([t('input[type="checkbox"]')],v.prototype,"input",void 0),e([s()],v.prototype,"hasFocus",void 0),e([o()],v.prototype,"title",void 0),e([o()],v.prototype,"name",void 0),e([o()],v.prototype,"value",void 0),e([o({reflect:!0})],v.prototype,"size",void 0),e([o({type:Boolean,reflect:!0})],v.prototype,"disabled",void 0),e([o({type:Boolean,reflect:!0})],v.prototype,"checked",void 0),e([o({type:String,reflect:!0})],v.prototype,"label",void 0),e([o({type:Boolean,reflect:!0})],v.prototype,"indeterminate",void 0),e([n("checked")],v.prototype,"defaultChecked",void 0),e([o({attribute:"help-text",reflect:!0})],v.prototype,"helpText",void 0),e([o({attribute:"error-message",reflect:!0})],v.prototype,"errorMessage",void 0),e([o({type:Boolean})],v.prototype,"showHelpText",void 0),e([o({reflect:!0})],v.prototype,"form",void 0),e([o({reflect:!0})],v.prototype,"group",void 0),e([o({type:Boolean,reflect:!0})],v.prototype,"required",void 0),e([d(["checked","indeterminate"],{waitUntilFirstUpdate:!0})],v.prototype,"handleStateChange",null),v=e([l("nile-checkbox")],v);export{v as N};

package/dist/nile-checkbox-group/index.cjs.js

@@ -0,0 +1,2 @@
+System.register(["./nile-checkbox-group.cjs.js","tslib","lit/directives/class-map.js","lit/decorators.js","../internal/slot.cjs.js","lit","../internal/watch.cjs.js","../internal/nile-element.cjs.js","../internal/accessibility/a11y.state.enum.cjs.js","../internal/accessibility/a11y.property.enum.cjs.js","../internal/accessibility/role.enum.cjs.js","./nile-checkbox-group.css.cjs.js","../internal/enum.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileCheckboxGroupCjsJs){_export("NileCheckboxGroup",_nileCheckboxGroupCjsJs.N);},function(_tslib){},function(_litDirectivesClassMapJs){},function(_litDecoratorsJs){},function(_internalSlotCjsJs){},function(_lit){},function(_internalWatchCjsJs){},function(_internalNileElementCjsJs){},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){},function(_nileCheckboxGroupCssCjsJs){},function(_internalEnumCjsJs){}],execute:function execute(){}};});
+//# sourceMappingURL=index.cjs.js.map

package/dist/nile-checkbox-group/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/nile-checkbox-group/index.esm.js

@@ -0,0 +1 @@
+export{N as NileCheckboxGroup}from"./nile-checkbox-group.esm.js";import"tslib";import"lit/directives/class-map.js";import"lit/decorators.js";import"../internal/slot.esm.js";import"lit";import"../internal/watch.esm.js";import"../internal/nile-element.esm.js";import"../internal/accessibility/a11y.state.enum.esm.js";import"../internal/accessibility/a11y.property.enum.esm.js";import"../internal/accessibility/role.enum.esm.js";import"./nile-checkbox-group.css.esm.js";import"../internal/enum.esm.js";

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

@@ -0,0 +1,2 @@
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}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-checkbox-group.css.cjs.js","../internal/enum.cjs.js","../internal/accessibility/a11y.state.enum.cjs.js","../internal/accessibility/a11y.property.enum.cjs.js","../internal/accessibility/role.enum.cjs.js"],function(_export,_context){"use strict";var t,e,i,s,l,o,r,a,n,h,c,d,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,m;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _toConsumableArray(r){return _arrayWithoutHoles(r)||_iterableToArray(r)||_unsupportedIterableToArray(r)||_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(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r);}function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r);}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_litDirectivesClassMapJs){e=_litDirectivesClassMapJs.classMap;},function(_litDecoratorsJs){i=_litDecoratorsJs.query;s=_litDecoratorsJs.state;l=_litDecoratorsJs.property;o=_litDecoratorsJs.customElement;},function(_internalSlotCjsJs){r=_internalSlotCjsJs.H;},function(_lit){a=_lit.html;},function(_internalWatchCjsJs){n=_internalWatchCjsJs.w;},function(_internalNileElementCjsJs){h=_internalNileElementCjsJs.N;},function(_nileCheckboxGroupCssCjsJs){c=_nileCheckboxGroupCssCjsJs.s;},function(_internalEnumCjsJs){d=_internalEnumCjsJs.N;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){_export("N",m=/*#__PURE__*/function(_h){function m(){var _this;_classCallCheck(this,m);_this=_callSuper(this,m,arguments),_this.hasSlotController=new r(_assertThisInitialized(_this),"help-text","label"),_this.boundDocumentListener=null,_this.defaultValue=[],_this.label="",_this.name="",_this.value=[],_this["for"]="",_this.form="",_this.required=!1,_this.orientation="vertical",_this.labelInline=!1,_this.disabled=!1,_this.helpText="",_this.errorMessage="",_this.bordered=!1,_this.legend="";return _this;}_inherits(m,_h);return _createClass(m,[{key:"isHorizontal",get:function get(){return"horizontal"===this.orientation||this.labelInline;}},{key:"connectedCallback",value:function connectedCallback(){_superPropGet(m,"connectedCallback",this,3)([]),this.defaultValue=_toConsumableArray(this.value),this.setupDocumentListener(),this.emit(d.NILE_INIT);}},{key:"disconnectedCallback",value:function disconnectedCallback(){_superPropGet(m,"disconnectedCallback",this,3)([]),this.teardownDocumentListener(),this.emit(d.NILE_DESTROY);}},{key:"setupDocumentListener",value:function setupDocumentListener(){var _this2=this;this["for"]&&(this.boundDocumentListener=function(t){var _e$tagName;var e=t.target;"nile-checkbox"===((_e$tagName=e.tagName)===null||_e$tagName===void 0?void 0:_e$tagName.toLowerCase())&&e.group===_this2["for"]&&_this2.handleCheckboxChange(e);},document.addEventListener(d.NILE_CHANGE,this.boundDocumentListener));}},{key:"teardownDocumentListener",value:function teardownDocumentListener(){this.boundDocumentListener&&(document.removeEventListener(d.NILE_CHANGE,this.boundDocumentListener),this.boundDocumentListener=null);}},{key:"handleForChange",value:function handleForChange(){this.teardownDocumentListener(),this.setupDocumentListener(),this.syncCheckboxStates(),this.enforceMaxDisabled();}},{key:"getAllCheckboxes",value:function getAllCheckboxes(){if(this["for"]){return _toConsumableArray(this.getRootNode().querySelectorAll("nile-checkbox[group=\"".concat(this["for"],"\"]")));}return _toConsumableArray(this.querySelectorAll("nile-checkbox"));}},{key:"handleCheckboxClick",value:function handleCheckboxClick(t){var e=t.target.closest("nile-checkbox");e&&this.handleCheckboxChange(e);}},{key:"handleChildInput",value:function handleChildInput(t){t.stopPropagation();}},{key:"handleCheckboxChange",value:function handleCheckboxChange(t){if(t.disabled||this.disabled)return;var e=this.getAllCheckboxes(),i=e.filter(function(t){return t.checked;}).length;if(void 0!==this.max&&i>this.max)return void(t.checked=!1);var s=e.filter(function(t){return t.checked;}).map(function(t){return String(t.value);}),l=this.value;this.value=s,this.enforceMaxDisabled(),JSON.stringify(l)!==JSON.stringify(s)&&this.emit(d.NILE_CHANGE,{value:this.value});}},{key:"enforceMaxDisabled",value:function enforceMaxDisabled(){var _this3=this;if(void 0===this.max)return;var t=this.getAllCheckboxes(),e=t.filter(function(t){return t.checked;}).length>=this.max;t.forEach(function(t){t.checked||_this3.disabled||(t.disabled=e);});}},{key:"updated",value:function updated(t){_superPropGet(m,"updated",this,3)([t]),t.has("max")&&this.enforceMaxDisabled();}},{key:"handleDisabledChange",value:function handleDisabledChange(){this.disabled?this.getAllCheckboxes().forEach(function(t){t.disabled=!0;}):(this.getAllCheckboxes().forEach(function(t){t.disabled=t.hasAttribute("disabled");}),this.enforceMaxDisabled());}},{key:"handleInitialDisabledState",value:function handleInitialDisabledState(){this.disabled?this.getAllCheckboxes().forEach(function(t){t.disabled=!0;}):this.getAllCheckboxes().forEach(function(t){t.disabled=!!t.hasAttribute("disabled");});}},{key:"handleLabelClick",value:function handleLabelClick(){if(this.disabled)return;var t=this.getAllCheckboxes()[0];t&&t.focus();}},{key:"handleSlotChange",value:function handleSlotChange(){var _this4=this;this.getAllCheckboxes().forEach(function(t){t.checked=_this4.value.includes(String(t.value));}),this.handleInitialDisabledState(),this.enforceMaxDisabled();}},{key:"syncCheckboxStates",value:function syncCheckboxStates(){var _this5=this;this.getAllCheckboxes().forEach(function(t){t.checked=_this5.value.includes(String(t.value));});}},{key:"handleValueChange",value:function handleValueChange(){this.hasUpdated&&(void 0!==this.max&&this.value.length>this.max&&(this.value=this.value.slice(0,this.max)),this.syncCheckboxStates(),this.enforceMaxDisabled());}},{key:"render",value:function render(){var t=this.hasSlotController.test("label"),i=this.hasSlotController.test("label-suffix"),s=!!this.label||!!t,l=!!this.helpText,o=!!this.errorMessage,r=a(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <slot\n        @click=","\n        @input=","\n        @slotchange=","\n        role=\"presentation\"\n      ></slot>\n    "])),this.handleCheckboxClick,this.handleChildInput,this.handleSlotChange);return a(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n      <fieldset\n        part=\"form-control\"\n        class=","\n        role=\"group\"\n        aria-labelledby=\"label\"\n        aria-describedby=\"help-text\"\n        aria-errormessage=\"error-message\"\n      >\n        ","\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        ","\n\n        <div part=\"form-control-input\" class=\"form-control-input\" >\n          <div class=\"visually-hidden\" part=\"validation-hidden\">\n            <label class=\"checkbox-group__validation\" part=\"validation-label\" >\n              <input\n                type=\"text\"\n                class=\"checkbox-group__validation-input\"\n                part=\"validation-input\"\n                ?required=","\n                tabindex=\"-1\"\n                hidden\n              />\n            </label>\n          </div>\n\n          <div part=\"options-base\" class=\"","\">\n            ","\n          </div>\n        </div>\n\n        ","\n\n","\n      </fieldset>\n    "])),e({"form-control":!0,"form-control--medium":!0,"form-control--checkbox-group":!0,"form-control--has-label":s,"form-control--has-help-text":l,"form-control--bordered":this.bordered}),this.legend?a(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["<legend part=\"legend legend-label\" class=\"form-control__legend\">","</legend>"])),this.legend):"",s?"false":"true",this.handleLabelClick,this.label,i?a(_templateObject4||(_templateObject4=_taggedTemplateLiteral([" <slot name=\"label-suffix\"></slot> "]))):"",this.required,this.isHorizontal?"form-control--inline-checkbox":"",r,l?a(_templateObject5||(_templateObject5=_taggedTemplateLiteral([" <nile-form-help-text id=\"help-text\">","</nile-form-help-text> "])),this.helpText):"",o?a(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n      <nile-form-error-message id=\"error-message\">","</nile-form-error-message>\n            "])),this.errorMessage):"");}}]);}(h));m.styles=c,t([i("slot:not([name])")],m.prototype,"defaultSlot",void 0),t([s()],m.prototype,"defaultValue",void 0),t([l()],m.prototype,"label",void 0),t([l()],m.prototype,"name",void 0),t([l({type:Array})],m.prototype,"value",void 0),t([l({reflect:!0,attribute:!0})],m.prototype,"for",void 0),t([l({reflect:!0})],m.prototype,"form",void 0),t([l({type:Boolean,reflect:!0})],m.prototype,"required",void 0),t([l({reflect:!0})],m.prototype,"orientation",void 0),t([l({type:Boolean,reflect:!0})],m.prototype,"labelInline",void 0),t([l({type:Boolean,reflect:!0})],m.prototype,"disabled",void 0),t([l({attribute:!0,reflect:!0})],m.prototype,"helpText",void 0),t([l({attribute:!0,reflect:!0})],m.prototype,"errorMessage",void 0),t([l({type:Number,reflect:!0})],m.prototype,"max",void 0),t([l({type:Number,reflect:!0})],m.prototype,"min",void 0),t([l({type:Boolean,reflect:!0})],m.prototype,"bordered",void 0),t([l({type:String,reflect:!0})],m.prototype,"legend",void 0),t([n("for")],m.prototype,"handleForChange",null),t([n("disabled",{waitUntilFirstUpdate:!0})],m.prototype,"handleDisabledChange",null),t([n("value")],m.prototype,"handleValueChange",null),_export("N",m=t([o("nile-checkbox-group")],m));}};});
+//# sourceMappingURL=nile-checkbox-group.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-checkbox-group.cjs.js","sources":["../../../src/nile-checkbox-group/nile-checkbox-group.ts"],"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-checkbox-group.css';\nimport { Nile_Events } from '../internal/enum';\nimport type { CSSResultGroup, PropertyValues } from 'lit';\nimport type NileCheckbox from '../nile-checkbox/nile-checkbox';\n\n/**\n * @summary Checkbox groups manage multiple [checkboxes](/components/checkbox) so they function as a multi-select form control.\n * Supports two association modes: slotted children or property-based remote association via `for`/`group`.\n *\n * @slot - The default slot where `<nile-checkbox>` elements are placed (slotted mode).\n * @slot label - The checkbox group's label. Required for proper accessibility. Alternatively, use the `label` attribute.\n *\n * @event change - Emitted when the checkbox group's selected values change.\n * @event input - Emitted when the checkbox group receives user input.\n *\n * @csspart form-control - The fieldset wrapper.\n * @csspart form-control-label - The group label.\n * @csspart form-control-input - The wrapper around the checkbox options.\n * @csspart options-base - The container for the checkbox options.\n */\n@customElement('nile-checkbox-group')\nexport class NileCheckboxGroup extends NileElement {\n  static styles: CSSResultGroup = styles;\n\n  private readonly hasSlotController = new HasSlotController(this, 'help-text', 'label');\n  private boundDocumentListener: ((event: Event) => void) | null = null;\n\n  @query('slot:not([name])') defaultSlot: HTMLSlotElement;\n\n  @state() defaultValue: string[] = [];\n\n  /** The checkbox group's label. Required for proper accessibility. */\n  @property() label = '';\n\n  /** The name of the checkbox group, submitted as a name/value pair with form data. */\n  @property() name = '';\n\n  /** The current selected values, as an array of checkbox value strings. */\n  @property({ type: Array }) value: string[] = [];\n\n  /**\n   * Group name for property-based association. When set, the group discovers\n   * checkboxes anywhere in the DOM that have a matching `group` attribute\n   * instead of relying on slotted children.\n   */\n  @property({ reflect: true, attribute: true}) for = '';\n\n  /**\n   * Associates the group with a `<form>` element by its `id`. The form must\n   * be in the same document or shadow root.\n   */\n  @property({ reflect: true }) form = '';\n\n  /** At least one checkbox must be checked before the form can submit. */\n  @property({ type: Boolean, reflect: true }) required = false;\n\n  /** Layout direction of the checkboxes. */\n  @property({ reflect: true }) orientation: 'vertical' | 'horizontal' = 'vertical';\n\n  /** Display checkboxes in an inline (horizontal) layout. Alias for orientation=\"horizontal\". */\n  @property({ type: Boolean, reflect: true }) labelInline = false;\n\n  /** Disables all associated checkboxes. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  @property({ attribute: true, reflect: true }) helpText = '';\n\n  @property({ attribute: true, reflect: true }) errorMessage = '';\n\n  /** Maximum number of checkboxes that can be checked. Unchecked boxes are disabled when the limit is reached. */\n  @property({ type: Number, reflect: true }) max: number | undefined;\n\n  /** Minimum selections required for validation. */\n  @property({ type: Number, reflect: true }) min: number | undefined;\n\n  /** Shows a visible border around the fieldset wrapper. */\n  @property({ type: Boolean, reflect: true }) bordered = false;\n\n  /** Legend text displayed at the top of the fieldset when bordered is enabled. */\n  @property({ type: String, reflect: true }) legend = '';\n\n  private get isHorizontal(): boolean {\n    return this.orientation === 'horizontal' || this.labelInline;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.defaultValue = [...this.value];\n    this.setupDocumentListener();\n    this.emit(Nile_Events.NILE_INIT);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.teardownDocumentListener();\n    this.emit(Nile_Events.NILE_DESTROY);\n  }\n\n  private setupDocumentListener() {\n    if (this.for) {\n      this.boundDocumentListener = (event: Event) => {\n        const target = event.target as NileCheckbox;\n        if (\n          target.tagName?.toLowerCase() === 'nile-checkbox' &&\n          target.group === this.for\n        ) {\n          this.handleCheckboxChange(target);\n        }\n      };\n      document.addEventListener(Nile_Events.NILE_CHANGE, this.boundDocumentListener);\n    }\n  }\n\n  private teardownDocumentListener() {\n    if (this.boundDocumentListener) {\n      document.removeEventListener(Nile_Events.NILE_CHANGE, this.boundDocumentListener);\n      this.boundDocumentListener = null;\n    }\n  }\n\n  @watch('for')\n  handleForChange() {\n    this.teardownDocumentListener();\n    this.setupDocumentListener();\n    this.syncCheckboxStates();\n    this.enforceMaxDisabled();\n  }\n\n  private getAllCheckboxes(): NileCheckbox[] {\n    if (this.for) {\n      const root = this.getRootNode() as Document | ShadowRoot;\n      return [...root.querySelectorAll<NileCheckbox>(`nile-checkbox[group=\"${this.for}\"]`)];\n    }\n    return [...this.querySelectorAll<NileCheckbox>('nile-checkbox')];\n  }\n\n  private handleCheckboxClick(event: MouseEvent) {\n    const target = (event.target as HTMLElement).closest<NileCheckbox>('nile-checkbox');\n    if (!target) return;\n    this.handleCheckboxChange(target);\n  }\n\n  private handleChildInput(event: Event) {\n    event.stopPropagation();\n  }\n\n  private handleCheckboxChange(target: NileCheckbox) {\n    if (target.disabled || this.disabled) return;\n\n    const checkboxes = this.getAllCheckboxes();\n    const checkedCount = checkboxes.filter(cb => cb.checked).length;\n\n    if (this.max !== undefined && checkedCount > this.max) {\n      target.checked = false;\n      return;\n    }\n\n    const newValue = checkboxes\n      .filter(cb => cb.checked)\n      .map(cb => String(cb.value));\n\n    const oldValue = this.value;\n    this.value = newValue;\n\n    this.enforceMaxDisabled();\n\n    if (JSON.stringify(oldValue) !== JSON.stringify(newValue)) {\n      this.emit(Nile_Events.NILE_CHANGE, { value: this.value });\n    }\n  }\n\n  private enforceMaxDisabled() {\n    if (this.max === undefined) return;\n\n    const checkboxes = this.getAllCheckboxes();\n    const checkedCount = checkboxes.filter(cb => cb.checked).length;\n    const atLimit = checkedCount >= this.max;\n\n    checkboxes.forEach(cb => {\n      if (!cb.checked && !this.disabled) {\n        cb.disabled = atLimit;\n      }\n    });\n  }\n\n  protected updated(changedProperties: PropertyValues): void {\n    super.updated(changedProperties);\n\n    if (changedProperties.has('max')) {\n      this.enforceMaxDisabled();\n    }\n  }\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  handleDisabledChange() {\n    if (this.disabled) {\n      this.getAllCheckboxes().forEach(cb => {\n        cb.disabled = true;\n      });\n    } else {\n      this.getAllCheckboxes().forEach(cb => {\n        cb.disabled = cb.hasAttribute('disabled');\n      });\n      this.enforceMaxDisabled();\n    }\n  }\n\n  private handleInitialDisabledState() {\n    if (this.disabled) {\n      this.getAllCheckboxes().forEach(cb => {\n        cb.disabled = true;\n      });\n    } else {\n      this.getAllCheckboxes().forEach(cb => {\n        cb.disabled = cb.hasAttribute('disabled') ? true : false;\n      });\n    }\n  }\n\n  private handleLabelClick() {\n    if (this.disabled) return;\n    const checkboxes = this.getAllCheckboxes();\n    const first = checkboxes[0];\n    if (first) {\n      first.focus();\n    }\n  }\n\n  private handleSlotChange() {\n    const checkboxes = this.getAllCheckboxes();\n\n    checkboxes.forEach(cb => {\n      cb.checked = this.value.includes(String(cb.value));\n    });\n\n    this.handleInitialDisabledState();\n    this.enforceMaxDisabled();\n  }\n\n  private syncCheckboxStates() {\n    const checkboxes = this.getAllCheckboxes();\n    checkboxes.forEach(cb => {\n      cb.checked = this.value.includes(String(cb.value));\n    });\n  }\n\n  @watch('value')\n  handleValueChange() {\n    if (this.hasUpdated) {\n      if (this.max !== undefined && this.value.length > this.max) {\n        this.value = this.value.slice(0, this.max);\n      }\n      this.syncCheckboxStates();\n      this.enforceMaxDisabled();\n    }\n  }\n\n  render() {\n    const hasLabelSlot = this.hasSlotController.test('label');\n    const hasLabelSuffixSlot = this.hasSlotController.test('label-suffix');\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.handleCheckboxClick}\n        @input=${this.handleChildInput}\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--checkbox-group': true,\n          'form-control--has-label': hasLabel,\n          'form-control--has-help-text': hasHelpText,\n          'form-control--bordered': this.bordered,\n        })}\n        role=\"group\"\n        aria-labelledby=\"label\"\n        aria-describedby=\"help-text\"\n        aria-errormessage=\"error-message\"\n      >\n        ${this.legend\n          ? html`<legend part=\"legend legend-label\" class=\"form-control__legend\">${this.legend}</legend>`\n          : ``}\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        ${hasLabelSuffixSlot ? html` <slot name=\"label-suffix\"></slot> ` : ``}\n\n        <div part=\"form-control-input\" class=\"form-control-input\" >\n          <div class=\"visually-hidden\" part=\"validation-hidden\">\n            <label class=\"checkbox-group__validation\" part=\"validation-label\" >\n              <input\n                type=\"text\"\n                class=\"checkbox-group__validation-input\"\n                part=\"validation-input\"\n                ?required=${this.required}\n                tabindex=\"-1\"\n                hidden\n              />\n            </label>\n          </div>\n\n          <div part=\"options-base\" class=\"${this.isHorizontal ? `form-control--inline-checkbox` : ``}\">\n            ${defaultSlot}\n          </div>\n        </div>\n\n        ${hasHelpText\n  ? html` <nile-form-help-text id=\"help-text\">${this.helpText}</nile-form-help-text> `\n  : ``}\n\n${hasErrorMessage\n  ? html`\n      <nile-form-error-message id=\"error-message\">${this.errorMessage}</nile-form-error-message>\n            `\n          : ``}\n      </fieldset>\n    `;\n  }\n}\n\nexport default NileCheckboxGroup;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-checkbox-group': NileCheckboxGroup;\n  }\n}\n"],"names":["NileCheckboxGroup","m","this","hasSlotController","HasSlotController","boundDocumentListener","defaultValue","label","name","value","for","form","required","orientation","labelInline","disabled","helpText","errorMessage","bordered","legend","_this","_inherits","_h","_createClass","key","get","connectedCallback","super","_toConsumableArray","setupDocumentListener","emit","Nile_Events","NILE_INIT","disconnectedCallback","teardownDocumentListener","NILE_DESTROY","event","_e$tagName","target","tagName","toLowerCase","group","handleCheckboxChange","document","addEventListener","NILE_CHANGE","removeEventListener","handleForChange","syncCheckboxStates","enforceMaxDisabled","getAllCheckboxes","getRootNode","querySelectorAll","handleCheckboxClick","closest","handleChildInput","stopPropagation","checkboxes","checkedCount","filter","cb","checked","length","undefined","max","newValue","map","String","oldValue","JSON","stringify","atLimit","forEach","updated","changedProperties","has","handleDisabledChange","hasAttribute","handleInitialDisabledState","handleLabelClick","first","focus","handleSlotChange","includes","handleValueChange","hasUpdated","slice","render","hasLabelSlot","test","hasLabelSuffixSlot","hasLabel","hasHelpText","hasErrorMessage","defaultSlot","html","_templateObject","_taggedTemplateLiteral","_templateObject2","classMap","_templateObject3","_templateObject4","isHorizontal","_templateObject5","_templateObject6","NileElement","styles","__decorate","query","prototype","state","property","type","Array","reflect","attribute","Boolean","Number","watch","waitUntilFirstUpdate","_export","customElement"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+System.register(["lit"],function(_export,_context){"use strict";var n,_templateObject,i;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){n=_lit.css;}],execute:function execute(){_export("s",i=n(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\n  :host {\n    display: block;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  ::slotted(nile-checkbox) {\n    display: block;\n    margin-bottom: var(--nile-spacing-md, var(--ng-spacing-md));\n  }\n\n  ::slotted(nile-checkbox:last-of-type) {\n    margin-bottom: 0;\n  }\n\n  .form-control--inline-checkbox ::slotted(nile-checkbox) {\n    display: inline-block;\n    margin-bottom: 0;\n    margin-right: var(--nile-spacing-3xl, var(--ng-spacing-3xl));\n  }\n\n  .form-control {\n    border: none;\n    padding: var(--nile-spacing-none, var(--ng-spacing-none));\n    margin: var(--nile-spacing-none, var(--ng-spacing-none));\n  }\n\n  .form-control__label {\n    display: block;\n    padding: var(--nile-spacing-none, var(--ng-spacing-none));\n    margin-bottom: var(--nile-spacing-md, var(--ng-spacing-md));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-xs));\n    letter-spacing: 0.2px;\n  }\n\n  .form-control-input {\n    margin-bottom: var(--nile-spacing-md, var(--ng-spacing-md));\n  }\n\n  .checkbox-group--required .checkbox-group__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n  }\n\n  .form-control--bordered {\n    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n    border-radius: var(--nile-radius-radius-sm, var(--ng-radius-sm));\n    padding: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    margin: var(--nile-spacing-none, var(--ng-spacing-none));\n  }\n\n  .form-control__legend {\n    padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-xs, var(--ng-spacing-xs));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n    line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-xs));\n  }\n"]))));}};});
+//# sourceMappingURL=nile-checkbox-group.css.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"nile-checkbox-group.css.cjs.js","sources":["../../../src/nile-checkbox-group/nile-checkbox-group.css.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`\n\n  :host {\n    display: block;\n    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n  }\n\n  ::slotted(nile-checkbox) {\n    display: block;\n    margin-bottom: var(--nile-spacing-md, var(--ng-spacing-md));\n  }\n\n  ::slotted(nile-checkbox:last-of-type) {\n    margin-bottom: 0;\n  }\n\n  .form-control--inline-checkbox ::slotted(nile-checkbox) {\n    display: inline-block;\n    margin-bottom: 0;\n    margin-right: var(--nile-spacing-3xl, var(--ng-spacing-3xl));\n  }\n\n  .form-control {\n    border: none;\n    padding: var(--nile-spacing-none, var(--ng-spacing-none));\n    margin: var(--nile-spacing-none, var(--ng-spacing-none));\n  }\n\n  .form-control__label {\n    display: block;\n    padding: var(--nile-spacing-none, var(--ng-spacing-none));\n    margin-bottom: var(--nile-spacing-md, var(--ng-spacing-md));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-style: normal;\n    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n    line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-xs));\n    letter-spacing: 0.2px;\n  }\n\n  .form-control-input {\n    margin-bottom: var(--nile-spacing-md, var(--ng-spacing-md));\n  }\n\n  .checkbox-group--required .checkbox-group__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n  }\n\n  .form-control--bordered {\n    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));\n    border-radius: var(--nile-radius-radius-sm, var(--ng-radius-sm));\n    padding: var(--nile-spacing-lg, var(--ng-spacing-lg));\n    margin: var(--nile-spacing-none, var(--ng-spacing-none));\n  }\n\n  .form-control__legend {\n    padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-xs, var(--ng-spacing-xs));\n    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));\n    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));\n    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));\n    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));\n    line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-xs));\n  }\n`;\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAEaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

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

@@ -0,0 +1,68 @@
+import{css as n}from"lit";const i=n`
+
+  :host {
+    display: block;
+    -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
+    -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
+    text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));
+  }
+
+  ::slotted(nile-checkbox) {
+    display: block;
+    margin-bottom: var(--nile-spacing-md, var(--ng-spacing-md));
+  }
+
+  ::slotted(nile-checkbox:last-of-type) {
+    margin-bottom: 0;
+  }
+
+  .form-control--inline-checkbox ::slotted(nile-checkbox) {
+    display: inline-block;
+    margin-bottom: 0;
+    margin-right: var(--nile-spacing-3xl, var(--ng-spacing-3xl));
+  }
+
+  .form-control {
+    border: none;
+    padding: var(--nile-spacing-none, var(--ng-spacing-none));
+    margin: var(--nile-spacing-none, var(--ng-spacing-none));
+  }
+
+  .form-control__label {
+    display: block;
+    padding: var(--nile-spacing-none, var(--ng-spacing-none));
+    margin-bottom: var(--nile-spacing-md, var(--ng-spacing-md));
+    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
+    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
+    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));
+    font-style: normal;
+    font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));
+    line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-xs));
+    letter-spacing: 0.2px;
+  }
+
+  .form-control-input {
+    margin-bottom: var(--nile-spacing-md, var(--ng-spacing-md));
+  }
+
+  .checkbox-group--required .checkbox-group__label::after {
+    content: '*';
+    margin-inline-start: -2px;
+  }
+
+  .form-control--bordered {
+    border: 1px solid var(--nile-colors-neutral-400, var(--ng-colors-border-secondary));
+    border-radius: var(--nile-radius-radius-sm, var(--ng-radius-sm));
+    padding: var(--nile-spacing-lg, var(--ng-spacing-lg));
+    margin: var(--nile-spacing-none, var(--ng-spacing-none));
+  }
+
+  .form-control__legend {
+    padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-xs, var(--ng-spacing-xs));
+    font-size: var(--nile-type-scale-3, var(--ng-font-size-text-sm));
+    color: var(--nile-colors-dark-900, var(--ng-colors-text-primary-900));
+    font-family: var(--nile-font-family-serif, var(--ng-font-family-body));
+    font-weight: var(--nile-font-weight-medium, var(--ng-font-weight-medium));
+    line-height: var(--nile-line-height-xsmall, var(--ng-line-height-text-xs));
+  }
+`;export{i as s};

package/dist/nile-checkbox-group/nile-checkbox-group.esm.js

@@ -0,0 +1,56 @@
+import{__decorate as t}from"tslib";import{classMap as e}from"lit/directives/class-map.js";import{query as i,state as s,property as l,customElement as o}from"lit/decorators.js";import{H as r}from"../internal/slot.esm.js";import{html as a}from"lit";import{w as n}from"../internal/watch.esm.js";import{N as h}from"../internal/nile-element.esm.js";import{s as d}from"./nile-checkbox-group.css.esm.js";import{N as c}from"../internal/enum.esm.js";import"../internal/accessibility/a11y.state.enum.esm.js";import"../internal/accessibility/a11y.property.enum.esm.js";import"../internal/accessibility/role.enum.esm.js";let m=class extends h{constructor(){super(...arguments),this.hasSlotController=new r(this,"help-text","label"),this.boundDocumentListener=null,this.defaultValue=[],this.label="",this.name="",this.value=[],this.for="",this.form="",this.required=!1,this.orientation="vertical",this.labelInline=!1,this.disabled=!1,this.helpText="",this.errorMessage="",this.bordered=!1,this.legend=""}get isHorizontal(){return"horizontal"===this.orientation||this.labelInline}connectedCallback(){super.connectedCallback(),this.defaultValue=[...this.value],this.setupDocumentListener(),this.emit(c.NILE_INIT)}disconnectedCallback(){super.disconnectedCallback(),this.teardownDocumentListener(),this.emit(c.NILE_DESTROY)}setupDocumentListener(){this.for&&(this.boundDocumentListener=t=>{const e=t.target;"nile-checkbox"===e.tagName?.toLowerCase()&&e.group===this.for&&this.handleCheckboxChange(e)},document.addEventListener(c.NILE_CHANGE,this.boundDocumentListener))}teardownDocumentListener(){this.boundDocumentListener&&(document.removeEventListener(c.NILE_CHANGE,this.boundDocumentListener),this.boundDocumentListener=null)}handleForChange(){this.teardownDocumentListener(),this.setupDocumentListener(),this.syncCheckboxStates(),this.enforceMaxDisabled()}getAllCheckboxes(){if(this.for){return[...this.getRootNode().querySelectorAll(`nile-checkbox[group="${this.for}"]`)]}return[...this.querySelectorAll("nile-checkbox")]}handleCheckboxClick(t){const e=t.target.closest("nile-checkbox");e&&this.handleCheckboxChange(e)}handleChildInput(t){t.stopPropagation()}handleCheckboxChange(t){if(t.disabled||this.disabled)return;const e=this.getAllCheckboxes(),i=e.filter((t=>t.checked)).length;if(void 0!==this.max&&i>this.max)return void(t.checked=!1);const s=e.filter((t=>t.checked)).map((t=>String(t.value))),l=this.value;this.value=s,this.enforceMaxDisabled(),JSON.stringify(l)!==JSON.stringify(s)&&this.emit(c.NILE_CHANGE,{value:this.value})}enforceMaxDisabled(){if(void 0===this.max)return;const t=this.getAllCheckboxes(),e=t.filter((t=>t.checked)).length>=this.max;t.forEach((t=>{t.checked||this.disabled||(t.disabled=e)}))}updated(t){super.updated(t),t.has("max")&&this.enforceMaxDisabled()}handleDisabledChange(){this.disabled?this.getAllCheckboxes().forEach((t=>{t.disabled=!0})):(this.getAllCheckboxes().forEach((t=>{t.disabled=t.hasAttribute("disabled")})),this.enforceMaxDisabled())}handleInitialDisabledState(){this.disabled?this.getAllCheckboxes().forEach((t=>{t.disabled=!0})):this.getAllCheckboxes().forEach((t=>{t.disabled=!!t.hasAttribute("disabled")}))}handleLabelClick(){if(this.disabled)return;const t=this.getAllCheckboxes()[0];t&&t.focus()}handleSlotChange(){this.getAllCheckboxes().forEach((t=>{t.checked=this.value.includes(String(t.value))})),this.handleInitialDisabledState(),this.enforceMaxDisabled()}syncCheckboxStates(){this.getAllCheckboxes().forEach((t=>{t.checked=this.value.includes(String(t.value))}))}handleValueChange(){this.hasUpdated&&(void 0!==this.max&&this.value.length>this.max&&(this.value=this.value.slice(0,this.max)),this.syncCheckboxStates(),this.enforceMaxDisabled())}render(){const t=this.hasSlotController.test("label"),i=this.hasSlotController.test("label-suffix"),s=!!this.label||!!t,l=!!this.helpText,o=!!this.errorMessage,r=a`
+      <slot
+        @click=${this.handleCheckboxClick}
+        @input=${this.handleChildInput}
+        @slotchange=${this.handleSlotChange}
+        role="presentation"
+      ></slot>
+    `;return a`
+      <fieldset
+        part="form-control"
+        class=${e({"form-control":!0,"form-control--medium":!0,"form-control--checkbox-group":!0,"form-control--has-label":s,"form-control--has-help-text":l,"form-control--bordered":this.bordered})}
+        role="group"
+        aria-labelledby="label"
+        aria-describedby="help-text"
+        aria-errormessage="error-message"
+      >
+        ${this.legend?a`<legend part="legend legend-label" class="form-control__legend">${this.legend}</legend>`:""}
+
+        <label
+          part="form-control-label"
+          id="label"
+          class="form-control__label"
+          aria-hidden=${s?"false":"true"}
+          @click=${this.handleLabelClick}
+        >
+          <slot name="label">${this.label}</slot>
+        </label>
+
+        ${i?a` <slot name="label-suffix"></slot> `:""}
+
+        <div part="form-control-input" class="form-control-input" >
+          <div class="visually-hidden" part="validation-hidden">
+            <label class="checkbox-group__validation" part="validation-label" >
+              <input
+                type="text"
+                class="checkbox-group__validation-input"
+                part="validation-input"
+                ?required=${this.required}
+                tabindex="-1"
+                hidden
+              />
+            </label>
+          </div>
+
+          <div part="options-base" class="${this.isHorizontal?"form-control--inline-checkbox":""}">
+            ${r}
+          </div>
+        </div>
+
+        ${l?a` <nile-form-help-text id="help-text">${this.helpText}</nile-form-help-text> `:""}
+
+${o?a`
+      <nile-form-error-message id="error-message">${this.errorMessage}</nile-form-error-message>
+            `:""}
+      </fieldset>
+    `}};m.styles=d,t([i("slot:not([name])")],m.prototype,"defaultSlot",void 0),t([s()],m.prototype,"defaultValue",void 0),t([l()],m.prototype,"label",void 0),t([l()],m.prototype,"name",void 0),t([l({type:Array})],m.prototype,"value",void 0),t([l({reflect:!0,attribute:!0})],m.prototype,"for",void 0),t([l({reflect:!0})],m.prototype,"form",void 0),t([l({type:Boolean,reflect:!0})],m.prototype,"required",void 0),t([l({reflect:!0})],m.prototype,"orientation",void 0),t([l({type:Boolean,reflect:!0})],m.prototype,"labelInline",void 0),t([l({type:Boolean,reflect:!0})],m.prototype,"disabled",void 0),t([l({attribute:!0,reflect:!0})],m.prototype,"helpText",void 0),t([l({attribute:!0,reflect:!0})],m.prototype,"errorMessage",void 0),t([l({type:Number,reflect:!0})],m.prototype,"max",void 0),t([l({type:Number,reflect:!0})],m.prototype,"min",void 0),t([l({type:Boolean,reflect:!0})],m.prototype,"bordered",void 0),t([l({type:String,reflect:!0})],m.prototype,"legend",void 0),t([n("for")],m.prototype,"handleForChange",null),t([n("disabled",{waitUntilFirstUpdate:!0})],m.prototype,"handleDisabledChange",null),t([n("value")],m.prototype,"handleValueChange",null),m=t([o("nile-checkbox-group")],m);export{m as N};

package/dist/nile-chip/index.cjs.js

@@ -1,2 +1,2 @@
-System.register(["./nile-chip.cjs.js","tslib","lit","lit/decorators.js","./nile-chip.css.cjs.js","lit/directives/class-map.js","../internal/slot.cjs.js","../internal/nile-element.cjs.js","lit/directives/unsafe-html.js","../utilities/visibility-manager.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileChipCjsJs){_export("NileChip",_nileChipCjsJs.N);},function(_tslib){},function(_lit){},function(_litDecoratorsJs){},function(_nileChipCssCjsJs){},function(_litDirectivesClassMapJs){},function(_internalSlotCjsJs){},function(_internalNileElementCjsJs){},function(_litDirectivesUnsafeHtmlJs){},function(_utilitiesVisibilityManagerCjsJs){}],execute:function execute(){}};});
+System.register(["./nile-chip.cjs.js","tslib","lit","lit/decorators.js","./nile-chip.css.cjs.js","lit/directives/class-map.js","../internal/slot.cjs.js","../internal/nile-element.cjs.js","../internal/accessibility/a11y.state.enum.cjs.js","../internal/accessibility/a11y.property.enum.cjs.js","../internal/accessibility/role.enum.cjs.js","lit/directives/unsafe-html.js","../utilities/visibility-manager.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileChipCjsJs){_export("NileChip",_nileChipCjsJs.N);},function(_tslib){},function(_lit){},function(_litDecoratorsJs){},function(_nileChipCssCjsJs){},function(_litDirectivesClassMapJs){},function(_internalSlotCjsJs){},function(_internalNileElementCjsJs){},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){},function(_litDirectivesUnsafeHtmlJs){},function(_utilitiesVisibilityManagerCjsJs){}],execute:function execute(){}};});
 //# sourceMappingURL=index.cjs.js.map

package/dist/nile-chip/index.esm.js

@@ -1 +1 @@
-export{N as NileChip}from"./nile-chip.esm.js";import"tslib";import"lit";import"lit/decorators.js";import"./nile-chip.css.esm.js";import"lit/directives/class-map.js";import"../internal/slot.esm.js";import"../internal/nile-element.esm.js";import"lit/directives/unsafe-html.js";import"../utilities/visibility-manager.esm.js";
+export{N as NileChip}from"./nile-chip.esm.js";import"tslib";import"lit";import"lit/decorators.js";import"./nile-chip.css.esm.js";import"lit/directives/class-map.js";import"../internal/slot.esm.js";import"../internal/nile-element.esm.js";import"../internal/accessibility/a11y.state.enum.esm.js";import"../internal/accessibility/a11y.property.enum.esm.js";import"../internal/accessibility/role.enum.esm.js";import"lit/directives/unsafe-html.js";import"../utilities/visibility-manager.esm.js";

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

@@ -1,2 +1,2 @@
-function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-chip.css.cjs.js","lit/directives/class-map.js","../internal/slot.cjs.js","../internal/nile-element.cjs.js","lit/directives/unsafe-html.js","../utilities/visibility-manager.cjs.js"],function(_export,_context){"use strict";var t,i,e,s,h,o,l,n,r,a,p,c,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,d;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _regeneratorRuntime(){"use strict";/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */_regeneratorRuntime=function _regeneratorRuntime(){return e;};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value;},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e];}try{define({},"");}catch(t){define=function define(t,e,r){return t[e]=r;};}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a;}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)};}catch(t){return{type:"throw",arg:t};}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,function(){return this;});var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach(function(e){define(t,e,function(t){return this._invoke(e,t);});});}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then(function(t){invoke("next",t,i,a);},function(t){invoke("throw",t,i,a);}):e.resolve(h).then(function(t){u.value=t,i(u);},function(t){return invoke("throw",t,i,a);});}a(c.arg);}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e(function(e,r){invoke(t,n,e,r);});}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg();}});}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0};}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u;}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg);}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done};}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg);}};}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator["return"]&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y);}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e);}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e;}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0);}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o<e.length;)if(n.call(e,o))return next.value=e[o],next.done=!1,next;return next.value=t,next.done=!0,next;};return i.next=i;}}throw new TypeError(_typeof(e)+" is not iterable");}return GeneratorFunction.prototype=GeneratorFunctionPrototype,o(g,"constructor",{value:GeneratorFunctionPrototype,configurable:!0}),o(GeneratorFunctionPrototype,"constructor",{value:GeneratorFunction,configurable:!0}),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,u,"GeneratorFunction"),e.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===GeneratorFunction||"GeneratorFunction"===(e.displayName||e.name));},e.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,GeneratorFunctionPrototype):(t.__proto__=GeneratorFunctionPrototype,define(t,u,"GeneratorFunction")),t.prototype=Object.create(g),t;},e.awrap=function(t){return{__await:t};},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,c,function(){return this;}),e.AsyncIterator=AsyncIterator,e.async=function(t,r,n,o,i){void 0===i&&(i=Promise);var a=new AsyncIterator(wrap(t,r,n,o),i);return e.isGeneratorFunction(r)?a:a.next().then(function(t){return t.done?t.value:a.next();});},defineIteratorMethods(g),define(g,u,"Generator"),define(g,a,function(){return this;}),define(g,"toString",function(){return"[object Generator]";}),e.keys=function(t){var e=Object(t),r=[];for(var n in e)r.push(n);return r.reverse(),function next(){for(;r.length;){var t=r.pop();if(t in e)return next.value=t,next.done=!1,next;}return next.done=!0,next;};},e.values=values,Context.prototype={constructor:Context,reset:function reset(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(resetTryEntry),!e)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=t);},stop:function stop(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval;},dispatchException:function dispatchException(e){if(this.done)throw e;var r=this;function handle(n,o){return a.type="throw",a.arg=e,r.next=n,o&&(r.method="next",r.arg=t),!!o;}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}else if(c){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);}else{if(!u)throw Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}}}},abrupt:function abrupt(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break;}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,y):this.complete(a);},complete:function complete(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),y;},finish:function finish(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y;}},"catch":function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r);}return o;}}throw Error("illegal catch attempt");},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y;}},e;}function asyncGeneratorStep(n,t,e,r,o,a,c){try{var i=n[a](c),u=i.value;}catch(n){return void e(n);}i.done?t(u):Promise.resolve(u).then(r,o);}function _asyncToGenerator(n){return function(){var t=this,e=arguments;return new Promise(function(r,o){var a=n.apply(t,e);function _next(n){asyncGeneratorStep(a,r,o,_next,_throw,"next",n);}function _throw(n){asyncGeneratorStep(a,r,o,_next,_throw,"throw",n);}_next(void 0);});};}function _toConsumableArray(r){return _arrayWithoutHoles(r)||_iterableToArray(r)||_unsupportedIterableToArray(r)||_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(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r);}function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r);}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_lit){i=_lit.html;},function(_litDecoratorsJs){e=_litDecoratorsJs.state;s=_litDecoratorsJs.query;h=_litDecoratorsJs.property;o=_litDecoratorsJs.customElement;},function(_nileChipCssCjsJs){l=_nileChipCssCjsJs.s;},function(_litDirectivesClassMapJs){n=_litDirectivesClassMapJs.classMap;},function(_internalSlotCjsJs){r=_internalSlotCjsJs.H;},function(_internalNileElementCjsJs){a=_internalNileElementCjsJs.N;},function(_litDirectivesUnsafeHtmlJs){p=_litDirectivesUnsafeHtmlJs.unsafeHTML;},function(_utilitiesVisibilityManagerCjsJs){c=_utilitiesVisibilityManagerCjsJs.V;}],execute:function execute(){_export("N",d=/*#__PURE__*/function(_a){function d(){var _this;_classCallCheck(this,d);_this=_callSuper(this,d,arguments),_this.hasSlotController=new r(_assertThisInitialized(_this),"help-text","label"),_this.tags=[],_this.inputValue="",_this.isDropdownOpen=!1,_this.tooltips=[],_this.chipFocusIndex=null,_this.warning=!1,_this.noAutoComplete=!1,_this.error=!1,_this.success=!1,_this.noDuplicates=!1,_this.label="",_this.tagVariant="",_this.acceptUserInput=!1,_this.addOnBlur=!1,_this.clearable=!1,_this.placeholder="type here...",_this.readonly=!1,_this.disabled=!1,_this.portal=!1,_this.enableVirtualScroll=!1,_this.autoCompleteOptions=[],_this.filteredAutoCompleteOptions=[],_this.value=[],_this.noWrap=!1,_this.loading=!1,_this.errorIndexes=[],_this.helpText="",_this.errorMessage="",_this.filterFunction=function(t,i){return t.toLowerCase().includes(i.toLowerCase());},_this.renderItemFunction=function(t){return t;},_this.enableVisibilityEffect=!1,_this.enableTabClose=!1,_this.showTooltip=!1,_this.enableTagDelete=!1,_this.required=!1,_this.openDropdownOnFocus=!0,_this.noDropdownClose=!1,_this.isSelectingFromDropdown=!1,_this.handleDocumentClick=function(t){var i=t.composedPath();_this.isSelectingFromDropdown?_this.resetDropdownState():i.includes(_assertThisInitialized(_this))||(_this.addOnBlur&&_this.acceptUserInput&&_this.inputValue&&_this.addChipFromInputValue(),_this.isDropdownOpen=!1);};return _this;}_inherits(d,_a);return _createClass(d,[{key:"resetDropdownState",value:function resetDropdownState(){this.isSelectingFromDropdown=!1;}},{key:"updated",value:function updated(t){var _this2=this;if(_superPropGet(d,"updated",this,3)([t]),t.has("autoCompleteOptions")){var _t=this.autoCompleteOptions;if("string"==typeof _t)try{_t=JSON.parse(_t);}catch(i){_t=[];}this.filteredAutoCompleteOptions=Array.isArray(_t)?_toConsumableArray(_t):[],this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter(function(t){return!_this2.value.includes(t);}));}t.has("value")&&(this.tags=_toConsumableArray(this.value),this.onTagsChanged()),t.has("tags")&&this.onTagsChanged();}},{key:"firstUpdated",value:function(){var _firstUpdated=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(t){var _this$renderRoot$quer,_this$autoComplete,_this$autoComplete2,_this3=this;var i;return _regeneratorRuntime().wrap(function _callee$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:_context2.next=2;return this.updateComplete;case 2:i=this.noAutoComplete?(_this$renderRoot$quer=this.renderRoot.querySelector("nile-input"))===null||_this$renderRoot$quer===void 0?void 0:_this$renderRoot$quer.input:((_this$autoComplete=this.autoComplete)===null||_this$autoComplete===void 0||(_this$autoComplete=_this$autoComplete.inputElement)===null||_this$autoComplete===void 0?void 0:_this$autoComplete.input)||((_this$autoComplete2=this.autoComplete)===null||_this$autoComplete2===void 0?void 0:_this$autoComplete2.inputElement);this.visibilityManager=new c({host:this,target:i,enableVisibilityEffect:this.enableVisibilityEffect,enableTabClose:this.enableTabClose,isOpen:function isOpen(){return _this3.isDropdownOpen;},onAnchorOutOfView:function onAnchorOutOfView(){_this3.isDropdownOpen=!1,_this3.autoComplete&&(_this3.autoComplete.isDropdownOpen=!1),_this3.emit("nile-visibility-change",{visible:!1,reason:"anchor-out-of-view"});},onDocumentHidden:function onDocumentHidden(){_this3.isDropdownOpen=!1,_this3.autoComplete&&(_this3.autoComplete.isDropdownOpen=!1),_this3.emit("nile-visibility-change",{visible:!1,reason:"document-hidden"});},emit:function emit(t,i){return _this3.emit("nile-".concat(t),i);}});case 4:case"end":return _context2.stop();}},_callee,this);}));function firstUpdated(_x){return _firstUpdated.apply(this,arguments);}return firstUpdated;}()},{key:"connectedCallback",value:function connectedCallback(){var _this4=this;_superPropGet(d,"connectedCallback",this,3)([]),document.addEventListener("click",this.handleDocumentClick),this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter(function(t){return!_this4.value.includes(t);})),this.emit("nile-init");}},{key:"disconnectedCallback",value:function disconnectedCallback(){var _this$visibilityManag;_superPropGet(d,"disconnectedCallback",this,3)([]),(_this$visibilityManag=this.visibilityManager)!==null&&_this$visibilityManag!==void 0&&_this$visibilityManag.cleanup(),document.removeEventListener("click",this.handleDocumentClick),this.emit("nile-destroy");}},{key:"markDropdownSelectStart",value:function markDropdownSelectStart(t){this.isSelectingFromDropdown=!0;}},{key:"render",value:function render(){var _this5=this;var t=this.hasSlotController.test("label");this.hasSlotController.test("help-text");var e=!!this.label||!!t,s=!!this.helpText,h=!!this.errorMessage;return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div\n        part=\"form-control\"\n        class=","\n      >\n        <label\n          part=\"form-control-label\"\n          class=\"form-control__label\"\n          for=\"input\"\n          aria-hidden=","\n        >\n          <slot name=\"label\">","</slot>\n        </label>\n\n        <div\n          part='base' \n          class=","\n        >\n          ","\n\n          <div class=\"nile-chip__auto-complete\">\n            ","\n          </div>\n        </div>\n        ","\n        ","\n      </div>\n    "])),n({"form-control":!0,"form-control--medium":!0,"form-control--has-label":e,"form-control--has-help-text":s,"nile-chip--disabled":this.disabled}),e?"false":"true",this.label,n({"nile-chip":!0,"nile-chip--warning":this.warning,"nile-chip--error":this.error,"nile-chip--success":this.success,"nile-chip--no-wrap":this.noWrap,"nile-chip--open":this.isDropdownOpen}),this.tags.map(function(t,e){var s=_this5.tooltips[e],h=_this5.enableTagDelete&&_this5.chipFocusIndex===e;var o="";(t||"number"==typeof t)&&(o=t.toString());var l=i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n              <nile-tag\n                class=","\n                aria-selected=","\n                .variant=","\n                @nile-remove=","\n                removable\n                ?pill=","\n                ?disabled=","\n              >\n                ","\n              </nile-tag>\n            "])),n({"nile-chip__tags":!0,"nile-chip__tags--focused":h}),h?"true":"false",_this5.errorIndexes.includes(e)?"error":"normal",function(){return _this5.handleRemove(t);},"normal"!==_this5.tagVariant,_this5.disabled,p(o));return _this5.showTooltip&&s?i(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n                <nile-lite-tooltip allowHTML .content=",">\n                  ","\n                </nile-lite-tooltip>\n              "])),s,l):l;}),this.noAutoComplete?i(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n                  <nile-input\n                    .value=","\n                    .placeholder=","\n                    .disabled=","\n                    ?no-border=","\n                    ?no-outline=","\n                    ?no-padding=","\n                    @nile-input=","\n                    @keydown=","\n                    @focus=","\n                    @blur=","\n                    exportparts=\"input\"\n                    ?required=","\n                  ></nile-input>\n                "])),this.inputValue,this.placeholder,this.disabled,!0,!0,!0,this.handleInputChange,this.handleInputKeydown,this.handleFocus,this.handleBlur,this.required):i(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n                  <nile-auto-complete\n                    .enableVirtualScroll=","\n                    .allMenuItems=","\n                    .filterFunction=","\n                    .renderItemFunction=","\n                    .showTooltips=","\n                    .loading=\"","\"\n                    .value=","\n                    ?isDropdownOpen=","\n                    .noBorder=","\n                    .noOutline=","\n                    .noPadding=","\n                    .disabled=","\n                    .readonly=","\n                    .portal=","\n                    ?openOnFocus=","\n                    exportparts=\"options__wrapper, input, base\"\n                    .placeholder=","\n                    @nile-input=","\n                    @keydown=","\n                    @nile-focus=","\n                    @nile-blur=","\n                    @nile-complete=","\n                    @mousedown=","\n                    .noDropdownClose=","\n                    ?required=","\n                  ></nile-auto-complete>\n                "])),this.enableVirtualScroll,this.filteredAutoCompleteOptions,this.filterFunction,this.renderItemFunction,this.showTooltip,this.loading,this.inputValue,this.isDropdownOpen,!0,!0,!0,this.disabled,this.readonly,this.portal,this.openDropdownOnFocus,this.placeholder,this.handleInputChange,this.handleInputKeydown,this.handleFocus,this.handleBlur,this.handleSelect,this.markDropdownSelectStart,this.noDropdownClose,this.required),s?i(_templateObject6||(_templateObject6=_taggedTemplateLiteral([" <nile-form-help-text>","</nile-form-help-text> "])),this.helpText):"",h?i(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n              <nile-form-error-message\n                >","</nile-form-error-message\n              >\n            "])),this.errorMessage):"");}},{key:"handleSelect",value:function handleSelect(t){var _e$tooltip,_this6=this,_e$tooltip3;this.isSelectingFromDropdown=!1,this.resetDropdownState();var i=t.detail.value,e=this.autoCompleteOptions.find(function(t){return t.name===i||t.id===i;});var s=null;if(this.showTooltip)if(e!==null&&e!==void 0&&(_e$tooltip=e.tooltip)!==null&&_e$tooltip!==void 0&&_e$tooltip.content){var _e$tooltip2=e.tooltip,_t2=_e$tooltip2.content,_i=_e$tooltip2["for"];if(!_i||"tag"===_i)if(_t2 instanceof Promise){this.tooltips=[].concat(_toConsumableArray(this.tooltips),["Loading..."]);var _i2=this.tooltips.length-1;_t2.then(function(t){_this6.tooltips[_i2]=t,_this6.requestUpdate();});}else s=_t2;}else s=(e===null||e===void 0?void 0:e.name)||i;this.noDuplicates&&this.tags.includes(i)||(this.tags=[].concat(_toConsumableArray(this.tags),[i]),(e===null||e===void 0||(_e$tooltip3=e.tooltip)===null||_e$tooltip3===void 0?void 0:_e$tooltip3.content)instanceof Promise||(this.tooltips=[].concat(_toConsumableArray(this.tooltips),[s])),this.emit("nile-chip-change",{value:this.tags}),this.resetInput());}},{key:"handleRemove",value:function handleRemove(t){this.tags=this.tags.filter(function(i){return i!==t;}),this.noDuplicates&&this.autoCompleteOptions.includes(t)&&(this.filteredAutoCompleteOptions=[].concat(_toConsumableArray(this.filteredAutoCompleteOptions),[t])),this.emit("nile-chip-change",{value:this.tags});}},{key:"handleInputChange",value:function handleInputChange(t){this.inputValue=t.detail.value;}},{key:"addChipFromInputValue",value:function addChipFromInputValue(){var _this$visibilityManag2;return this.noDuplicates&&this.tags.includes(this.inputValue)?(this.emit("nile-duplicates-blocked"),!1):(this.tags=[].concat(_toConsumableArray(this.tags),[this.inputValue]),this.showTooltip?this.tooltips=[].concat(_toConsumableArray(this.tooltips),[this.inputValue]):this.tooltips=[].concat(_toConsumableArray(this.tooltips),[null]),this.inputValue="",(_this$visibilityManag2=this.visibilityManager)!==null&&_this$visibilityManag2!==void 0&&_this$visibilityManag2.cleanup(),this.emit("nile-chip-change",{value:this.tags}),!0);}},{key:"handleInputKeydown",value:function handleInputKeydown(t){if(this.enableTagDelete&&("Backspace"===t.key||"Delete"===t.key)&&!this.inputValue&&!this.readonly&&!this.disabled){if(0===this.tags.length)return void(this.chipFocusIndex=null);if(t.preventDefault(),null===this.chipFocusIndex)return this.chipFocusIndex=this.tags.length-1,void this.requestUpdate();var _i3=this.chipFocusIndex;return this.tags[_i3],this.tags=this.tags.filter(function(t,e){return e!==_i3;}),this.tooltips=this.tooltips.filter(function(t,e){return e!==_i3;}),this.emit("nile-chip-change",{value:this.tags}),void(this.tags.length>0?this.chipFocusIndex=Math.max(0,_i3-1):this.chipFocusIndex=null);}if(this.readonly){if(!["ArrowUp","ArrowDown","Enter","Tab"].includes(t.key))return void t.preventDefault();}this.acceptUserInput&&("Tab"===t.key&&t.preventDefault(),"Enter"!==t.key&&"Tab"!==t.key||!this.inputValue||this.noDuplicates&&this.tags.includes(this.inputValue)||(t.preventDefault(),this.tags=[].concat(_toConsumableArray(this.tags),[this.inputValue]),this.showTooltip?this.tooltips=[].concat(_toConsumableArray(this.tooltips),[this.inputValue]):this.tooltips=[].concat(_toConsumableArray(this.tooltips),[null]),this.resetInput(),this.emit("nile-chip-change",{value:this.tags})),"Enter"!==t.key&&"Tab"!==t.key||!this.inputValue||!this.noDuplicates&&!this.tags.includes(this.inputValue)||this.emit("nile-duplicates-blocked"));}},{key:"handleFocus",value:function handleFocus(){var _this$visibilityManag3;this.noAutoComplete||((_this$visibilityManag3=this.visibilityManager)!==null&&_this$visibilityManag3!==void 0&&_this$visibilityManag3.setup(),this.isDropdownOpen=!0);}},{key:"handleBlur",value:function handleBlur(){this.isSelectingFromDropdown||this.addOnBlur&&this.acceptUserInput&&this.inputValue&&this.addChipFromInputValue();}},{key:"onTagsChanged",value:function onTagsChanged(){var _this7=this;this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter(function(t){return!_this7.tags.includes(t);}));}},{key:"resetInput",value:function resetInput(){var _this$visibilityManag4;this.inputValue="",this.isDropdownOpen=!1,(_this$visibilityManag4=this.visibilityManager)!==null&&_this$visibilityManag4!==void 0&&_this$visibilityManag4.cleanup(),!this.noAutoComplete&&this.autoComplete&&(this.autoComplete.value="",this.autoComplete.handleFocus());}}],[{key:"styles",get:function get(){return[l];}}]);}(a));t([e()],d.prototype,"tags",void 0),t([e()],d.prototype,"inputValue",void 0),t([e()],d.prototype,"isDropdownOpen",void 0),t([e()],d.prototype,"tooltips",void 0),t([e()],d.prototype,"chipFocusIndex",void 0),t([s("nile-auto-complete")],d.prototype,"autoComplete",void 0),t([h({type:Boolean})],d.prototype,"warning",void 0),t([h({type:Boolean})],d.prototype,"noAutoComplete",void 0),t([h({type:Boolean})],d.prototype,"error",void 0),t([h({type:Boolean})],d.prototype,"success",void 0),t([h({type:Boolean})],d.prototype,"noDuplicates",void 0),t([h()],d.prototype,"label",void 0),t([h({type:String})],d.prototype,"tagVariant",void 0),t([h({type:Boolean})],d.prototype,"acceptUserInput",void 0),t([h({type:Boolean})],d.prototype,"addOnBlur",void 0),t([h({type:Boolean})],d.prototype,"clearable",void 0),t([h()],d.prototype,"placeholder",void 0),t([h({type:Boolean,reflect:!0})],d.prototype,"readonly",void 0),t([h({type:Boolean,reflect:!0})],d.prototype,"disabled",void 0),t([h({type:Boolean,reflect:!0})],d.prototype,"portal",void 0),t([h({type:Boolean})],d.prototype,"enableVirtualScroll",void 0),t([h({type:Array})],d.prototype,"autoCompleteOptions",void 0),t([h({type:Array})],d.prototype,"filteredAutoCompleteOptions",void 0),t([h({type:Array})],d.prototype,"value",void 0),t([h({type:Boolean})],d.prototype,"noWrap",void 0),t([h({type:Boolean})],d.prototype,"loading",void 0),t([h({type:Array})],d.prototype,"errorIndexes",void 0),t([h({attribute:"help-text",reflect:!0})],d.prototype,"helpText",void 0),t([h({attribute:"error-message",reflect:!0})],d.prototype,"errorMessage",void 0),t([h({attribute:!1})],d.prototype,"filterFunction",void 0),t([h({attribute:!1})],d.prototype,"renderItemFunction",void 0),t([h({type:Boolean,reflect:!0})],d.prototype,"enableVisibilityEffect",void 0),t([h({type:Boolean,reflect:!0})],d.prototype,"enableTabClose",void 0),t([h({type:Boolean})],d.prototype,"showTooltip",void 0),t([h({type:Boolean})],d.prototype,"enableTagDelete",void 0),t([h({type:Boolean,reflect:!0})],d.prototype,"required",void 0),t([h({reflect:!0,converter:{fromAttribute:function fromAttribute(t){return"false"!==t;},toAttribute:function toAttribute(t){return t?"":"false";}}})],d.prototype,"openDropdownOnFocus",void 0),t([h({type:Boolean,reflect:!0,attribute:!0})],d.prototype,"noDropdownClose",void 0),_export("N",d=t([o("nile-chip")],d));}};});
+function _typeof(o){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(o){return typeof o;}:function(o){return o&&"function"==typeof Symbol&&o.constructor===Symbol&&o!==Symbol.prototype?"symbol":typeof o;},_typeof(o);}System.register(["tslib","lit","lit/decorators.js","./nile-chip.css.cjs.js","lit/directives/class-map.js","../internal/slot.cjs.js","../internal/nile-element.cjs.js","lit/directives/unsafe-html.js","../utilities/visibility-manager.cjs.js","../internal/accessibility/a11y.state.enum.cjs.js","../internal/accessibility/a11y.property.enum.cjs.js","../internal/accessibility/role.enum.cjs.js"],function(_export,_context){"use strict";var t,i,e,s,h,o,l,n,r,a,p,c,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,d;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}function _regeneratorRuntime(){"use strict";/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */_regeneratorRuntime=function _regeneratorRuntime(){return e;};var t,e={},r=Object.prototype,n=r.hasOwnProperty,o=Object.defineProperty||function(t,e,r){t[e]=r.value;},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",c=i.asyncIterator||"@@asyncIterator",u=i.toStringTag||"@@toStringTag";function define(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e];}try{define({},"");}catch(t){define=function define(t,e,r){return t[e]=r;};}function wrap(t,e,r,n){var i=e&&e.prototype instanceof Generator?e:Generator,a=Object.create(i.prototype),c=new Context(n||[]);return o(a,"_invoke",{value:makeInvokeMethod(t,r,c)}),a;}function tryCatch(t,e,r){try{return{type:"normal",arg:t.call(e,r)};}catch(t){return{type:"throw",arg:t};}}e.wrap=wrap;var h="suspendedStart",l="suspendedYield",f="executing",s="completed",y={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var p={};define(p,a,function(){return this;});var d=Object.getPrototypeOf,v=d&&d(d(values([])));v&&v!==r&&n.call(v,a)&&(p=v);var g=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(p);function defineIteratorMethods(t){["next","throw","return"].forEach(function(e){define(t,e,function(t){return this._invoke(e,t);});});}function AsyncIterator(t,e){function invoke(r,o,i,a){var c=tryCatch(t[r],t,o);if("throw"!==c.type){var u=c.arg,h=u.value;return h&&"object"==_typeof(h)&&n.call(h,"__await")?e.resolve(h.__await).then(function(t){invoke("next",t,i,a);},function(t){invoke("throw",t,i,a);}):e.resolve(h).then(function(t){u.value=t,i(u);},function(t){return invoke("throw",t,i,a);});}a(c.arg);}var r;o(this,"_invoke",{value:function value(t,n){function callInvokeWithMethodAndArg(){return new e(function(e,r){invoke(t,n,e,r);});}return r=r?r.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg();}});}function makeInvokeMethod(e,r,n){var o=h;return function(i,a){if(o===f)throw Error("Generator is already running");if(o===s){if("throw"===i)throw a;return{value:t,done:!0};}for(n.method=i,n.arg=a;;){var c=n.delegate;if(c){var u=maybeInvokeDelegate(c,n);if(u){if(u===y)continue;return u;}}if("next"===n.method)n.sent=n._sent=n.arg;else if("throw"===n.method){if(o===h)throw o=s,n.arg;n.dispatchException(n.arg);}else"return"===n.method&&n.abrupt("return",n.arg);o=f;var p=tryCatch(e,r,n);if("normal"===p.type){if(o=n.done?s:l,p.arg===y)continue;return{value:p.arg,done:n.done};}"throw"===p.type&&(o=s,n.method="throw",n.arg=p.arg);}};}function maybeInvokeDelegate(e,r){var n=r.method,o=e.iterator[n];if(o===t)return r.delegate=null,"throw"===n&&e.iterator["return"]&&(r.method="return",r.arg=t,maybeInvokeDelegate(e,r),"throw"===r.method)||"return"!==n&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+n+"' method")),y;var i=tryCatch(o,e.iterator,r.arg);if("throw"===i.type)return r.method="throw",r.arg=i.arg,r.delegate=null,y;var a=i.arg;return a?a.done?(r[e.resultName]=a.value,r.next=e.nextLoc,"return"!==r.method&&(r.method="next",r.arg=t),r.delegate=null,y):a:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y);}function pushTryEntry(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e);}function resetTryEntry(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e;}function Context(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(pushTryEntry,this),this.reset(!0);}function values(e){if(e||""===e){var r=e[a];if(r)return r.call(e);if("function"==typeof e.next)return e;if(!isNaN(e.length)){var o=-1,i=function next(){for(;++o<e.length;)if(n.call(e,o))return next.value=e[o],next.done=!1,next;return next.value=t,next.done=!0,next;};return i.next=i;}}throw new TypeError(_typeof(e)+" is not iterable");}return GeneratorFunction.prototype=GeneratorFunctionPrototype,o(g,"constructor",{value:GeneratorFunctionPrototype,configurable:!0}),o(GeneratorFunctionPrototype,"constructor",{value:GeneratorFunction,configurable:!0}),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,u,"GeneratorFunction"),e.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===GeneratorFunction||"GeneratorFunction"===(e.displayName||e.name));},e.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,GeneratorFunctionPrototype):(t.__proto__=GeneratorFunctionPrototype,define(t,u,"GeneratorFunction")),t.prototype=Object.create(g),t;},e.awrap=function(t){return{__await:t};},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,c,function(){return this;}),e.AsyncIterator=AsyncIterator,e.async=function(t,r,n,o,i){void 0===i&&(i=Promise);var a=new AsyncIterator(wrap(t,r,n,o),i);return e.isGeneratorFunction(r)?a:a.next().then(function(t){return t.done?t.value:a.next();});},defineIteratorMethods(g),define(g,u,"Generator"),define(g,a,function(){return this;}),define(g,"toString",function(){return"[object Generator]";}),e.keys=function(t){var e=Object(t),r=[];for(var n in e)r.push(n);return r.reverse(),function next(){for(;r.length;){var t=r.pop();if(t in e)return next.value=t,next.done=!1,next;}return next.done=!0,next;};},e.values=values,Context.prototype={constructor:Context,reset:function reset(e){if(this.prev=0,this.next=0,this.sent=this._sent=t,this.done=!1,this.delegate=null,this.method="next",this.arg=t,this.tryEntries.forEach(resetTryEntry),!e)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=t);},stop:function stop(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval;},dispatchException:function dispatchException(e){if(this.done)throw e;var r=this;function handle(n,o){return a.type="throw",a.arg=e,r.next=n,o&&(r.method="next",r.arg=t),!!o;}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return handle("end");if(i.tryLoc<=this.prev){var c=n.call(i,"catchLoc"),u=n.call(i,"finallyLoc");if(c&&u){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}else if(c){if(this.prev<i.catchLoc)return handle(i.catchLoc,!0);}else{if(!u)throw Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return handle(i.finallyLoc);}}}},abrupt:function abrupt(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break;}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,y):this.complete(a);},complete:function complete(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),y;},finish:function finish(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),resetTryEntry(r),y;}},"catch":function _catch(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;resetTryEntry(r);}return o;}}throw Error("illegal catch attempt");},delegateYield:function delegateYield(e,r,n){return this.delegate={iterator:values(e),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=t),y;}},e;}function asyncGeneratorStep(n,t,e,r,o,a,c){try{var i=n[a](c),u=i.value;}catch(n){return void e(n);}i.done?t(u):Promise.resolve(u).then(r,o);}function _asyncToGenerator(n){return function(){var t=this,e=arguments;return new Promise(function(r,o){var a=n.apply(t,e);function _next(n){asyncGeneratorStep(a,r,o,_next,_throw,"next",n);}function _throw(n){asyncGeneratorStep(a,r,o,_next,_throw,"throw",n);}_next(void 0);});};}function _toConsumableArray(r){return _arrayWithoutHoles(r)||_iterableToArray(r)||_unsupportedIterableToArray(r)||_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(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0;}}function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r);}function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r);}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n;}function _classCallCheck(a,n){if(!(a instanceof n))throw new TypeError("Cannot call a class as a function");}function _defineProperties(e,r){for(var t=0;t<r.length;t++){var o=r[t];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,_toPropertyKey(o.key),o);}}function _createClass(e,r,t){return r&&_defineProperties(e.prototype,r),t&&_defineProperties(e,t),Object.defineProperty(e,"prototype",{writable:!1}),e;}function _toPropertyKey(t){var i=_toPrimitive(t,"string");return"symbol"==_typeof(i)?i:i+"";}function _toPrimitive(t,r){if("object"!=_typeof(t)||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var i=e.call(t,r||"default");if("object"!=_typeof(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.");}return("string"===r?String:Number)(t);}function _callSuper(t,o,e){return o=_getPrototypeOf(o),_possibleConstructorReturn(t,_isNativeReflectConstruct()?Reflect.construct(o,e||[],_getPrototypeOf(t).constructor):o.apply(t,e));}function _possibleConstructorReturn(t,e){if(e&&("object"==_typeof(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return _assertThisInitialized(t);}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _superPropGet(t,o,e,r){var p=_get(_getPrototypeOf(1&r?t.prototype:t),o,e);return 2&r&&"function"==typeof p?function(t){return p.apply(e,t);}:p;}function _get(){return _get="undefined"!=typeof Reflect&&Reflect.get?Reflect.get.bind():function(e,t,r){var p=_superPropBase(e,t);if(p){var n=Object.getOwnPropertyDescriptor(p,t);return n.get?n.get.call(arguments.length<3?e:r):n.value;}},_get.apply(null,arguments);}function _superPropBase(t,o){for(;!{}.hasOwnProperty.call(t,o)&&null!==(t=_getPrototypeOf(t)););return t;}function _getPrototypeOf(t){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t);},_getPrototypeOf(t);}function _inherits(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&_setPrototypeOf(t,e);}function _setPrototypeOf(t,e){return _setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,e){return t.__proto__=e,t;},_setPrototypeOf(t,e);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_lit){i=_lit.html;},function(_litDecoratorsJs){e=_litDecoratorsJs.state;s=_litDecoratorsJs.query;h=_litDecoratorsJs.property;o=_litDecoratorsJs.customElement;},function(_nileChipCssCjsJs){l=_nileChipCssCjsJs.s;},function(_litDirectivesClassMapJs){n=_litDirectivesClassMapJs.classMap;},function(_internalSlotCjsJs){r=_internalSlotCjsJs.H;},function(_internalNileElementCjsJs){a=_internalNileElementCjsJs.N;},function(_litDirectivesUnsafeHtmlJs){p=_litDirectivesUnsafeHtmlJs.unsafeHTML;},function(_utilitiesVisibilityManagerCjsJs){c=_utilitiesVisibilityManagerCjsJs.V;},function(_internalAccessibilityA11yStateEnumCjsJs){},function(_internalAccessibilityA11yPropertyEnumCjsJs){},function(_internalAccessibilityRoleEnumCjsJs){}],execute:function execute(){_export("N",d=/*#__PURE__*/function(_a){function d(){var _this;_classCallCheck(this,d);_this=_callSuper(this,d,arguments),_this.hasSlotController=new r(_assertThisInitialized(_this),"help-text","label"),_this.tags=[],_this.inputValue="",_this.isDropdownOpen=!1,_this.tooltips=[],_this.chipFocusIndex=null,_this.warning=!1,_this.noAutoComplete=!1,_this.error=!1,_this.success=!1,_this.noDuplicates=!1,_this.label="",_this.tagVariant="",_this.acceptUserInput=!1,_this.addOnBlur=!1,_this.clearable=!1,_this.placeholder="type here...",_this.readonly=!1,_this.disabled=!1,_this.portal=!1,_this.enableVirtualScroll=!1,_this.autoCompleteOptions=[],_this.filteredAutoCompleteOptions=[],_this.value=[],_this.noWrap=!1,_this.loading=!1,_this.errorIndexes=[],_this.helpText="",_this.errorMessage="",_this.filterFunction=function(t,i){return t.toLowerCase().includes(i.toLowerCase());},_this.renderItemFunction=function(t){return t;},_this.enableVisibilityEffect=!1,_this.enableTabClose=!1,_this.showTooltip=!1,_this.enableTagDelete=!1,_this.required=!1,_this.openDropdownOnFocus=!0,_this.noDropdownClose=!1,_this.isSelectingFromDropdown=!1,_this.handleDocumentClick=function(t){var i=t.composedPath();_this.isSelectingFromDropdown?_this.resetDropdownState():i.includes(_assertThisInitialized(_this))||(_this.addOnBlur&&_this.acceptUserInput&&_this.inputValue&&_this.addChipFromInputValue(),_this.isDropdownOpen=!1);};return _this;}_inherits(d,_a);return _createClass(d,[{key:"resetDropdownState",value:function resetDropdownState(){this.isSelectingFromDropdown=!1;}},{key:"updated",value:function updated(t){var _this2=this;if(_superPropGet(d,"updated",this,3)([t]),t.has("autoCompleteOptions")){var _t=this.autoCompleteOptions;if("string"==typeof _t)try{_t=JSON.parse(_t);}catch(i){_t=[];}this.filteredAutoCompleteOptions=Array.isArray(_t)?_toConsumableArray(_t):[],this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter(function(t){return!_this2.value.includes(t);}));}t.has("value")&&(this.tags=_toConsumableArray(this.value),this.onTagsChanged()),t.has("tags")&&this.onTagsChanged();}},{key:"firstUpdated",value:function(){var _firstUpdated=_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(t){var _this$renderRoot$quer,_this$autoComplete,_this$autoComplete2,_this3=this;var i;return _regeneratorRuntime().wrap(function _callee$(_context2){while(1)switch(_context2.prev=_context2.next){case 0:_context2.next=2;return this.updateComplete;case 2:i=this.noAutoComplete?(_this$renderRoot$quer=this.renderRoot.querySelector("nile-input"))===null||_this$renderRoot$quer===void 0?void 0:_this$renderRoot$quer.input:((_this$autoComplete=this.autoComplete)===null||_this$autoComplete===void 0||(_this$autoComplete=_this$autoComplete.inputElement)===null||_this$autoComplete===void 0?void 0:_this$autoComplete.input)||((_this$autoComplete2=this.autoComplete)===null||_this$autoComplete2===void 0?void 0:_this$autoComplete2.inputElement);this.visibilityManager=new c({host:this,target:i,enableVisibilityEffect:this.enableVisibilityEffect,enableTabClose:this.enableTabClose,isOpen:function isOpen(){return _this3.isDropdownOpen;},onAnchorOutOfView:function onAnchorOutOfView(){_this3.isDropdownOpen=!1,_this3.autoComplete&&(_this3.autoComplete.isDropdownOpen=!1),_this3.emit("nile-visibility-change",{visible:!1,reason:"anchor-out-of-view"});},onDocumentHidden:function onDocumentHidden(){_this3.isDropdownOpen=!1,_this3.autoComplete&&(_this3.autoComplete.isDropdownOpen=!1),_this3.emit("nile-visibility-change",{visible:!1,reason:"document-hidden"});},emit:function emit(t,i){return _this3.emit("nile-".concat(t),i);}});case 4:case"end":return _context2.stop();}},_callee,this);}));function firstUpdated(_x){return _firstUpdated.apply(this,arguments);}return firstUpdated;}()},{key:"connectedCallback",value:function connectedCallback(){var _this4=this;_superPropGet(d,"connectedCallback",this,3)([]),document.addEventListener("click",this.handleDocumentClick),this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter(function(t){return!_this4.value.includes(t);})),this.emit("nile-init");}},{key:"disconnectedCallback",value:function disconnectedCallback(){var _this$visibilityManag;_superPropGet(d,"disconnectedCallback",this,3)([]),(_this$visibilityManag=this.visibilityManager)!==null&&_this$visibilityManag!==void 0&&_this$visibilityManag.cleanup(),document.removeEventListener("click",this.handleDocumentClick),this.emit("nile-destroy");}},{key:"markDropdownSelectStart",value:function markDropdownSelectStart(t){this.isSelectingFromDropdown=!0;}},{key:"render",value:function render(){var _this5=this;var t=this.hasSlotController.test("label");this.hasSlotController.test("help-text");var e=!!this.label||!!t,s=!!this.helpText,h=!!this.errorMessage;return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div\n        part=\"form-control\"\n        class=","\n      >\n        <label\n          part=\"form-control-label\"\n          class=\"form-control__label\"\n          for=\"input\"\n          aria-hidden=","\n        >\n          <slot name=\"label\">","</slot>\n        </label>\n\n        <div\n          part='base' \n          class=","\n        >\n          ","\n\n          <div class=\"nile-chip__auto-complete\">\n            ","\n          </div>\n        </div>\n        ","\n        ","\n      </div>\n    "])),n({"form-control":!0,"form-control--medium":!0,"form-control--has-label":e,"form-control--has-help-text":s,"nile-chip--disabled":this.disabled}),e?"false":"true",this.label,n({"nile-chip":!0,"nile-chip--warning":this.warning,"nile-chip--error":this.error,"nile-chip--success":this.success,"nile-chip--no-wrap":this.noWrap,"nile-chip--open":this.isDropdownOpen}),this.tags.map(function(t,e){var s=_this5.tooltips[e],h=_this5.enableTagDelete&&_this5.chipFocusIndex===e;var o="";(t||"number"==typeof t)&&(o=t.toString());var l=i(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n              <nile-tag\n                class=","\n                aria-selected=","\n                .variant=","\n                @nile-remove=","\n                removable\n                ?pill=","\n                ?disabled=","\n              >\n                ","\n              </nile-tag>\n            "])),n({"nile-chip__tags":!0,"nile-chip__tags--focused":h}),h?"true":"false",_this5.errorIndexes.includes(e)?"error":"normal",function(){return _this5.handleRemove(t);},"normal"!==_this5.tagVariant,_this5.disabled,p(o));return _this5.showTooltip&&s?i(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n                <nile-lite-tooltip allowHTML .content=",">\n                  ","\n                </nile-lite-tooltip>\n              "])),s,l):l;}),this.noAutoComplete?i(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n                  <nile-input\n                    .value=","\n                    .placeholder=","\n                    .disabled=","\n                    ?no-border=","\n                    ?no-outline=","\n                    ?no-padding=","\n                    @nile-input=","\n                    @keydown=","\n                    @focus=","\n                    @blur=","\n                    exportparts=\"input\"\n                    ?required=","\n                  ></nile-input>\n                "])),this.inputValue,this.placeholder,this.disabled,!0,!0,!0,this.handleInputChange,this.handleInputKeydown,this.handleFocus,this.handleBlur,this.required):i(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n                  <nile-auto-complete\n                    .enableVirtualScroll=","\n                    .allMenuItems=","\n                    .filterFunction=","\n                    .renderItemFunction=","\n                    .showTooltips=","\n                    .loading=\"","\"\n                    .value=","\n                    ?isDropdownOpen=","\n                    .noBorder=","\n                    .noOutline=","\n                    .noPadding=","\n                    .disabled=","\n                    .readonly=","\n                    .portal=","\n                    ?openOnFocus=","\n                    exportparts=\"options__wrapper, input, base\"\n                    .placeholder=","\n                    @nile-input=","\n                    @keydown=","\n                    @nile-focus=","\n                    @nile-blur=","\n                    @nile-complete=","\n                    @mousedown=","\n                    .noDropdownClose=","\n                    ?required=","\n                  ></nile-auto-complete>\n                "])),this.enableVirtualScroll,this.filteredAutoCompleteOptions,this.filterFunction,this.renderItemFunction,this.showTooltip,this.loading,this.inputValue,this.isDropdownOpen,!0,!0,!0,this.disabled,this.readonly,this.portal,this.openDropdownOnFocus,this.placeholder,this.handleInputChange,this.handleInputKeydown,this.handleFocus,this.handleBlur,this.handleSelect,this.markDropdownSelectStart,this.noDropdownClose,this.required),s?i(_templateObject6||(_templateObject6=_taggedTemplateLiteral([" <nile-form-help-text>","</nile-form-help-text> "])),this.helpText):"",h?i(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n              <nile-form-error-message\n                >","</nile-form-error-message\n              >\n            "])),this.errorMessage):"");}},{key:"handleSelect",value:function handleSelect(t){var _e$tooltip,_this6=this,_e$tooltip3;this.isSelectingFromDropdown=!1,this.resetDropdownState();var i=t.detail.value,e=this.autoCompleteOptions.find(function(t){return t.name===i||t.id===i;});var s=null;if(this.showTooltip)if(e!==null&&e!==void 0&&(_e$tooltip=e.tooltip)!==null&&_e$tooltip!==void 0&&_e$tooltip.content){var _e$tooltip2=e.tooltip,_t2=_e$tooltip2.content,_i=_e$tooltip2["for"];if(!_i||"tag"===_i)if(_t2 instanceof Promise){this.tooltips=[].concat(_toConsumableArray(this.tooltips),["Loading..."]);var _i2=this.tooltips.length-1;_t2.then(function(t){_this6.tooltips[_i2]=t,_this6.requestUpdate();});}else s=_t2;}else s=(e===null||e===void 0?void 0:e.name)||i;this.noDuplicates&&this.tags.includes(i)||(this.tags=[].concat(_toConsumableArray(this.tags),[i]),(e===null||e===void 0||(_e$tooltip3=e.tooltip)===null||_e$tooltip3===void 0?void 0:_e$tooltip3.content)instanceof Promise||(this.tooltips=[].concat(_toConsumableArray(this.tooltips),[s])),this.emit("nile-chip-change",{value:this.tags}),this.resetInput());}},{key:"handleRemove",value:function handleRemove(t){this.tags=this.tags.filter(function(i){return i!==t;}),this.noDuplicates&&this.autoCompleteOptions.includes(t)&&(this.filteredAutoCompleteOptions=[].concat(_toConsumableArray(this.filteredAutoCompleteOptions),[t])),this.emit("nile-chip-change",{value:this.tags});}},{key:"handleInputChange",value:function handleInputChange(t){this.inputValue=t.detail.value;}},{key:"addChipFromInputValue",value:function addChipFromInputValue(){var _this$visibilityManag2;return this.noDuplicates&&this.tags.includes(this.inputValue)?(this.emit("nile-duplicates-blocked"),!1):(this.tags=[].concat(_toConsumableArray(this.tags),[this.inputValue]),this.showTooltip?this.tooltips=[].concat(_toConsumableArray(this.tooltips),[this.inputValue]):this.tooltips=[].concat(_toConsumableArray(this.tooltips),[null]),this.inputValue="",(_this$visibilityManag2=this.visibilityManager)!==null&&_this$visibilityManag2!==void 0&&_this$visibilityManag2.cleanup(),this.emit("nile-chip-change",{value:this.tags}),!0);}},{key:"handleInputKeydown",value:function handleInputKeydown(t){if(this.enableTagDelete&&("Backspace"===t.key||"Delete"===t.key)&&!this.inputValue&&!this.readonly&&!this.disabled){if(0===this.tags.length)return void(this.chipFocusIndex=null);if(t.preventDefault(),null===this.chipFocusIndex)return this.chipFocusIndex=this.tags.length-1,void this.requestUpdate();var _i3=this.chipFocusIndex;return this.tags[_i3],this.tags=this.tags.filter(function(t,e){return e!==_i3;}),this.tooltips=this.tooltips.filter(function(t,e){return e!==_i3;}),this.emit("nile-chip-change",{value:this.tags}),void(this.tags.length>0?this.chipFocusIndex=Math.max(0,_i3-1):this.chipFocusIndex=null);}if(this.readonly){if(!["ArrowUp","ArrowDown","Enter","Tab"].includes(t.key))return void t.preventDefault();}this.acceptUserInput&&("Tab"===t.key&&t.preventDefault(),"Enter"!==t.key&&"Tab"!==t.key||!this.inputValue||this.noDuplicates&&this.tags.includes(this.inputValue)||(t.preventDefault(),this.tags=[].concat(_toConsumableArray(this.tags),[this.inputValue]),this.showTooltip?this.tooltips=[].concat(_toConsumableArray(this.tooltips),[this.inputValue]):this.tooltips=[].concat(_toConsumableArray(this.tooltips),[null]),this.resetInput(),this.emit("nile-chip-change",{value:this.tags})),"Enter"!==t.key&&"Tab"!==t.key||!this.inputValue||!this.noDuplicates&&!this.tags.includes(this.inputValue)||this.emit("nile-duplicates-blocked"));}},{key:"handleFocus",value:function handleFocus(){var _this$visibilityManag3;this.noAutoComplete||((_this$visibilityManag3=this.visibilityManager)!==null&&_this$visibilityManag3!==void 0&&_this$visibilityManag3.setup(),this.isDropdownOpen=!0);}},{key:"handleBlur",value:function handleBlur(){this.isSelectingFromDropdown||this.addOnBlur&&this.acceptUserInput&&this.inputValue&&this.addChipFromInputValue();}},{key:"onTagsChanged",value:function onTagsChanged(){var _this7=this;this.noDuplicates&&(this.filteredAutoCompleteOptions=this.filteredAutoCompleteOptions.filter(function(t){return!_this7.tags.includes(t);}));}},{key:"resetInput",value:function resetInput(){var _this$visibilityManag4;this.inputValue="",this.isDropdownOpen=!1,(_this$visibilityManag4=this.visibilityManager)!==null&&_this$visibilityManag4!==void 0&&_this$visibilityManag4.cleanup(),!this.noAutoComplete&&this.autoComplete&&(this.autoComplete.value="",this.autoComplete.handleFocus());}}],[{key:"styles",get:function get(){return[l];}}]);}(a));t([e()],d.prototype,"tags",void 0),t([e()],d.prototype,"inputValue",void 0),t([e()],d.prototype,"isDropdownOpen",void 0),t([e()],d.prototype,"tooltips",void 0),t([e()],d.prototype,"chipFocusIndex",void 0),t([s("nile-auto-complete")],d.prototype,"autoComplete",void 0),t([h({type:Boolean})],d.prototype,"warning",void 0),t([h({type:Boolean})],d.prototype,"noAutoComplete",void 0),t([h({type:Boolean})],d.prototype,"error",void 0),t([h({type:Boolean})],d.prototype,"success",void 0),t([h({type:Boolean})],d.prototype,"noDuplicates",void 0),t([h()],d.prototype,"label",void 0),t([h({type:String})],d.prototype,"tagVariant",void 0),t([h({type:Boolean})],d.prototype,"acceptUserInput",void 0),t([h({type:Boolean})],d.prototype,"addOnBlur",void 0),t([h({type:Boolean})],d.prototype,"clearable",void 0),t([h()],d.prototype,"placeholder",void 0),t([h({type:Boolean,reflect:!0})],d.prototype,"readonly",void 0),t([h({type:Boolean,reflect:!0})],d.prototype,"disabled",void 0),t([h({type:Boolean,reflect:!0})],d.prototype,"portal",void 0),t([h({type:Boolean})],d.prototype,"enableVirtualScroll",void 0),t([h({type:Array})],d.prototype,"autoCompleteOptions",void 0),t([h({type:Array})],d.prototype,"filteredAutoCompleteOptions",void 0),t([h({type:Array})],d.prototype,"value",void 0),t([h({type:Boolean})],d.prototype,"noWrap",void 0),t([h({type:Boolean})],d.prototype,"loading",void 0),t([h({type:Array})],d.prototype,"errorIndexes",void 0),t([h({attribute:"help-text",reflect:!0})],d.prototype,"helpText",void 0),t([h({attribute:"error-message",reflect:!0})],d.prototype,"errorMessage",void 0),t([h({attribute:!1})],d.prototype,"filterFunction",void 0),t([h({attribute:!1})],d.prototype,"renderItemFunction",void 0),t([h({type:Boolean,reflect:!0})],d.prototype,"enableVisibilityEffect",void 0),t([h({type:Boolean,reflect:!0})],d.prototype,"enableTabClose",void 0),t([h({type:Boolean})],d.prototype,"showTooltip",void 0),t([h({type:Boolean})],d.prototype,"enableTagDelete",void 0),t([h({type:Boolean,reflect:!0})],d.prototype,"required",void 0),t([h({reflect:!0,converter:{fromAttribute:function fromAttribute(t){return"false"!==t;},toAttribute:function toAttribute(t){return t?"":"false";}}})],d.prototype,"openDropdownOnFocus",void 0),t([h({type:Boolean,reflect:!0,attribute:!0})],d.prototype,"noDropdownClose",void 0),_export("N",d=t([o("nile-chip")],d));}};});
 //# sourceMappingURL=nile-chip.cjs.js.map