@aquera/nile-elements 0.0.63 → 0.0.64

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

@@ -1,2 +1,2 @@
-System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var o,_templateObject,a;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){o=_index001CjsJs.i;}],execute:function(){_export("s",a=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\n\n:host {\n    --arrow-color: hsl(240 4.8% 95.9%);\n    --arrow-size: 6px;\n\n    /*\n     * These properties are computed to account for the arrow's dimensions after being rotated 45\xBA. The constant\n     * 0.7071 is derived from sin(45), which is the diagonal size of the arrow's container after rotating.\n     */\n    --arrow-size-diagonal: calc(var(--arrow-size) * 0.7071);\n    --arrow-padding-offset: calc(var(--arrow-size-diagonal) - var(--arrow-size));\n\n    display: contents;\n  }\n\n  .popup {\n    position: absolute;\n    isolation: isolate;\n    max-width: var(--auto-size-available-width, none);\n    max-height: var(--auto-size-available-height, none);\n    z-index: 800;\n  }\n\n  .popup--fixed {\n    position: fixed;\n  }\n\n  .popup:not(.popup--active) {\n    display: none;\n  }\n\n  .popup__arrow {\n    position: absolute;\n    width: calc(var(--arrow-size-diagonal) * 2);\n    height: calc(var(--arrow-size-diagonal) * 2);\n    rotate: 45deg;\n    background: var(--arrow-color);\n    z-index: -1;\n  }\n"]))));}};});
+System.register(["../index-7e13aee2.cjs.js"],function(_export,_context){"use strict";var o,_templateObject,a;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){o=_index001CjsJs.i;}],execute:function execute(){_export("s",a=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\n\n:host {\n    --arrow-color: hsl(240 4.8% 95.9%);\n    --arrow-size: 6px;\n\n    /*\n     * These properties are computed to account for the arrow's dimensions after being rotated 45\xBA. The constant\n     * 0.7071 is derived from sin(45), which is the diagonal size of the arrow's container after rotating.\n     */\n    --arrow-size-diagonal: calc(var(--arrow-size) * 0.7071);\n    --arrow-padding-offset: calc(var(--arrow-size-diagonal) - var(--arrow-size));\n\n    display: contents;\n  }\n\n  .popup {\n    position: absolute;\n    isolation: isolate;\n    max-width: var(--auto-size-available-width, none);\n    max-height: var(--auto-size-available-height, none);\n    z-index: 800;\n  }\n\n  .popup--fixed {\n    position: fixed;\n  }\n\n  .popup:not(.popup--active) {\n    display: none;\n  }\n\n  .popup__arrow {\n    position: absolute;\n    width: calc(var(--arrow-size-diagonal) * 2);\n    height: calc(var(--arrow-size-diagonal) * 2);\n    rotate: 45deg;\n    background: var(--arrow-color);\n    z-index: -1;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-popup.css.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-popup.css.cjs.js","sources":["../../../src/nile-popup/nile-popup.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit-element';\n\n/**\n * Popup CSS\n */\nexport const styles = css`\n\n\n:host {\n    --arrow-color: hsl(240 4.8% 95.9%);\n    --arrow-size: 6px;\n\n    /*\n     * These properties are computed to account for the arrow's dimensions after being rotated 45º. The constant\n     * 0.7071 is derived from sin(45), which is the diagonal size of the arrow's container after rotating.\n     */\n    --arrow-size-diagonal: calc(var(--arrow-size) * 0.7071);\n    --arrow-padding-offset: calc(var(--arrow-size-diagonal) - var(--arrow-size));\n\n    display: contents;\n  }\n\n  .popup {\n    position: absolute;\n    isolation: isolate;\n    max-width: var(--auto-size-available-width, none);\n    max-height: var(--auto-size-available-height, none);\n    z-index: 800;\n  }\n\n  .popup--fixed {\n    position: fixed;\n  }\n\n  .popup:not(.popup--active) {\n    display: none;\n  }\n\n  .popup__arrow {\n    position: absolute;\n    width: calc(var(--arrow-size-diagonal) * 2);\n    height: calc(var(--arrow-size-diagonal) * 2);\n    rotate: 45deg;\n    background: var(--arrow-color);\n    z-index: -1;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-popup.css.cjs.js","sources":["../../../src/nile-popup/nile-popup.css.ts"],"sourcesContent":["/**\n* Copyright Aquera Inc 2023\n*\n* This source code is licensed under the BSD-3-Clause license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\nimport {css} from 'lit-element';\n\n/**\n * Popup CSS\n */\nexport const styles = css`\n\n\n:host {\n    --arrow-color: hsl(240 4.8% 95.9%);\n    --arrow-size: 6px;\n\n    /*\n     * These properties are computed to account for the arrow's dimensions after being rotated 45º. The constant\n     * 0.7071 is derived from sin(45), which is the diagonal size of the arrow's container after rotating.\n     */\n    --arrow-size-diagonal: calc(var(--arrow-size) * 0.7071);\n    --arrow-padding-offset: calc(var(--arrow-size-diagonal) - var(--arrow-size));\n\n    display: contents;\n  }\n\n  .popup {\n    position: absolute;\n    isolation: isolate;\n    max-width: var(--auto-size-available-width, none);\n    max-height: var(--auto-size-available-height, none);\n    z-index: 800;\n  }\n\n  .popup--fixed {\n    position: fixed;\n  }\n\n  .popup:not(.popup--active) {\n    display: none;\n  }\n\n  .popup__arrow {\n    position: absolute;\n    width: calc(var(--arrow-size-diagonal) * 2);\n    height: calc(var(--arrow-size-diagonal) * 2);\n    rotate: 45deg;\n    background: var(--arrow-color);\n    z-index: -1;\n  }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"wXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

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

@@ -1,4 +1,4 @@
-import{__decorate as t}from"tslib";import{classMap as e}from"lit/directives/class-map.js";import{query as n,property as i,customElement as o}from"lit/decorators.js";import{html as r}from"lit";import{N as a}from"../internal/nile-element.esm.js";import{s}from"./nile-popup.css.esm.js";import"../index-cd2f9c12.esm.js";const l=Math.min,c=Math.max,u=Math.round,f=Math.floor,h=t=>({x:t,y:t}),d={left:"right",right:"left",bottom:"top",top:"bottom"},p={start:"end",end:"start"};function m(t,e,n){return c(t,l(e,n))}function y(t,e){return"function"==typeof t?t(e):t}function b(t){return t.split("-")[0]}function g(t){return t.split("-")[1]}function v(t){return"x"===t?"y":"x"}function w(t){return"y"===t?"height":"width"}function x(t){return["top","bottom"].includes(b(t))?"y":"x"}function A(t){return v(x(t))}function z(t){return t.replace(/start|end/g,(t=>p[t]))}function S(t){return t.replace(/left|right|bottom|top/g,(t=>d[t]))}function k(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function P(t){return{...t,top:t.y,left:t.x,right:t.x+t.width,bottom:t.y+t.height}}function $(t,e,n){let{reference:i,floating:o}=t;const r=x(e),a=A(e),s=w(a),l=b(e),c="y"===r,u=i.x+i.width/2-o.width/2,f=i.y+i.height/2-o.height/2,h=i[s]/2-o[s]/2;let d;switch(l){case"top":d={x:u,y:i.y-o.height};break;case"bottom":d={x:u,y:i.y+i.height};break;case"right":d={x:i.x+i.width,y:f};break;case"left":d={x:i.x-o.width,y:f};break;default:d={x:i.x,y:i.y}}switch(g(e)){case"start":d[a]-=h*(n&&c?-1:1);break;case"end":d[a]+=h*(n&&c?-1:1)}return d}async function O(t,e){var n;void 0===e&&(e={});const{x:i,y:o,platform:r,rects:a,elements:s,strategy:l}=t,{boundary:c="clippingAncestors",rootBoundary:u="viewport",elementContext:f="floating",altBoundary:h=!1,padding:d=0}=y(e,t),p=k(d),m=s[h?"floating"===f?"reference":"floating":f],b=P(await r.getClippingRect({element:null==(n=await(null==r.isElement?void 0:r.isElement(m)))||n?m:m.contextElement||await(null==r.getDocumentElement?void 0:r.getDocumentElement(s.floating)),boundary:c,rootBoundary:u,strategy:l})),g="floating"===f?{...a.floating,x:i,y:o}:a.reference,v=await(null==r.getOffsetParent?void 0:r.getOffsetParent(s.floating)),w=await(null==r.isElement?void 0:r.isElement(v))&&await(null==r.getScale?void 0:r.getScale(v))||{x:1,y:1},x=P(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({rect:g,offsetParent:v,strategy:l}):g);return{top:(b.top-x.top+p.top)/w.y,bottom:(x.bottom-b.bottom+p.bottom)/w.y,left:(b.left-x.left+p.left)/w.x,right:(x.right-b.right+p.right)/w.x}}const F=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var n,i;const{placement:o,middlewareData:r,rects:a,initialPlacement:s,platform:l,elements:c}=e,{mainAxis:u=!0,crossAxis:f=!0,fallbackPlacements:h,fallbackStrategy:d="bestFit",fallbackAxisSideDirection:p="none",flipAlignment:m=!0,...v}=y(t,e);if(null!=(n=r.arrow)&&n.alignmentOffset)return{};const x=b(o),k=b(s)===s,P=await(null==l.isRTL?void 0:l.isRTL(c.floating)),$=h||(k||!m?[S(s)]:function(t){const e=S(t);return[z(t),e,z(e)]}(s));h||"none"===p||$.push(...function(t,e,n,i){const o=g(t);let r=function(t,e,n){const i=["left","right"],o=["right","left"],r=["top","bottom"],a=["bottom","top"];switch(t){case"top":case"bottom":return n?e?o:i:e?i:o;case"left":case"right":return e?r:a;default:return[]}}(b(t),"start"===n,i);return o&&(r=r.map((t=>t+"-"+o)),e&&(r=r.concat(r.map(z)))),r}(s,m,p,P));const F=[s,...$],R=await O(e,v),B=[];let C=(null==(i=r.flip)?void 0:i.overflows)||[];if(u&&B.push(R[x]),f){const t=function(t,e,n){void 0===n&&(n=!1);const i=g(t),o=A(t),r=w(o);let a="x"===o?i===(n?"end":"start")?"right":"left":"start"===i?"bottom":"top";return e.reference[r]>e.floating[r]&&(a=S(a)),[a,S(a)]}(o,a,P);B.push(R[t[0]],R[t[1]])}if(C=[...C,{placement:o,overflows:B}],!B.every((t=>t<=0))){var j,E;const t=((null==(j=r.flip)?void 0:j.index)||0)+1,e=F[t];if(e)return{data:{index:t,overflows:C},reset:{placement:e}};let n=null==(E=C.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:E.placement;if(!n)switch(d){case"bestFit":{var N;const t=null==(N=C.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:N[0];t&&(n=t);break}case"initialPlacement":n=s}if(o!==n)return{reset:{placement:n}}}return{}}}};const R=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(e){const{x:n,y:i}=e,o=await async function(t,e){const{placement:n,platform:i,elements:o}=t,r=await(null==i.isRTL?void 0:i.isRTL(o.floating)),a=b(n),s=g(n),l="y"===x(n),c=["left","top"].includes(a)?-1:1,u=r&&l?-1:1,f=y(e,t);let{mainAxis:h,crossAxis:d,alignmentAxis:p}="number"==typeof f?{mainAxis:f,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...f};return s&&"number"==typeof p&&(d="end"===s?-1*p:p),l?{x:d*u,y:h*c}:{x:h*c,y:d*u}}(e,t);return{x:n+o.x,y:i+o.y,data:o}}}},B=function(t){return void 0===t&&(t={}),{name:"size",options:t,async fn(e){const{placement:n,rects:i,platform:o,elements:r}=e,{apply:a=(()=>{}),...s}=y(t,e),u=await O(e,s),f=b(n),h=g(n),d="y"===x(n),{width:p,height:m}=i.floating;let v,w;"top"===f||"bottom"===f?(v=f,w=h===(await(null==o.isRTL?void 0:o.isRTL(r.floating))?"start":"end")?"left":"right"):(w=f,v="end"===h?"top":"bottom");const A=m-u[v],z=p-u[w],S=!e.middlewareData.shift;let k=A,P=z;if(d){const t=p-u.left-u.right;P=h||S?l(z,t):t}else{const t=m-u.top-u.bottom;k=h||S?l(A,t):t}if(S&&!h){const t=c(u.left,0),e=c(u.right,0),n=c(u.top,0),i=c(u.bottom,0);d?P=p-2*(0!==t||0!==e?t+e:c(u.left,u.right)):k=m-2*(0!==n||0!==i?n+i:c(u.top,u.bottom))}await a({...e,availableWidth:P,availableHeight:k});const $=await o.getDimensions(r.floating);return p!==$.width||m!==$.height?{reset:{rects:!0}}:{}}}};function C(t){return N(t)?(t.nodeName||"").toLowerCase():"#document"}function j(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function E(t){var e;return null==(e=(N(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function N(t){return t instanceof Node||t instanceof j(t).Node}function T(t){return t instanceof Element||t instanceof j(t).Element}function D(t){return t instanceof HTMLElement||t instanceof j(t).HTMLElement}function M(t){return"undefined"!=typeof ShadowRoot&&(t instanceof ShadowRoot||t instanceof j(t).ShadowRoot)}function L(t){const{overflow:e,overflowX:n,overflowY:i,display:o}=W(t);return/auto|scroll|overlay|hidden|clip/.test(e+i+n)&&!["inline","contents"].includes(o)}function H(t){return["table","td","th"].includes(C(t))}function _(t){const e=I(),n=W(t);return"none"!==n.transform||"none"!==n.perspective||!!n.containerType&&"normal"!==n.containerType||!e&&!!n.backdropFilter&&"none"!==n.backdropFilter||!e&&!!n.filter&&"none"!==n.filter||["transform","perspective","filter"].some((t=>(n.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(n.contain||"").includes(t)))}function I(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function q(t){return["html","body","#document"].includes(C(t))}function W(t){return j(t).getComputedStyle(t)}function Y(t){return T(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function V(t){if("html"===C(t))return t;const e=t.assignedSlot||t.parentNode||M(t)&&t.host||E(t);return M(e)?e.host:e}function X(t){const e=V(t);return q(e)?t.ownerDocument?t.ownerDocument.body:t.body:D(e)&&L(e)?e:X(e)}function G(t,e,n){var i;void 0===e&&(e=[]),void 0===n&&(n=!0);const o=X(t),r=o===(null==(i=t.ownerDocument)?void 0:i.body),a=j(o);return r?e.concat(a,a.visualViewport||[],L(o)?o:[],a.frameElement&&n?G(a.frameElement):[]):e.concat(o,G(o,[],n))}function J(t){const e=W(t);let n=parseFloat(e.width)||0,i=parseFloat(e.height)||0;const o=D(t),r=o?t.offsetWidth:n,a=o?t.offsetHeight:i,s=u(n)!==r||u(i)!==a;return s&&(n=r,i=a),{width:n,height:i,$:s}}function K(t){return T(t)?t:t.contextElement}function Q(t){const e=K(t);if(!D(e))return h(1);const n=e.getBoundingClientRect(),{width:i,height:o,$:r}=J(e);let a=(r?u(n.width):n.width)/i,s=(r?u(n.height):n.height)/o;return a&&Number.isFinite(a)||(a=1),s&&Number.isFinite(s)||(s=1),{x:a,y:s}}const U=h(0);function Z(t){const e=j(t);return I()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:U}function tt(t,e,n,i){void 0===e&&(e=!1),void 0===n&&(n=!1);const o=t.getBoundingClientRect(),r=K(t);let a=h(1);e&&(i?T(i)&&(a=Q(i)):a=Q(t));const s=function(t,e,n){return void 0===e&&(e=!1),!(!n||e&&n!==j(t))&&e}(r,n,i)?Z(r):h(0);let l=(o.left+s.x)/a.x,c=(o.top+s.y)/a.y,u=o.width/a.x,f=o.height/a.y;if(r){const t=j(r),e=i&&T(i)?j(i):i;let n=t.frameElement;for(;n&&i&&e!==t;){const t=Q(n),e=n.getBoundingClientRect(),i=W(n),o=e.left+(n.clientLeft+parseFloat(i.paddingLeft))*t.x,r=e.top+(n.clientTop+parseFloat(i.paddingTop))*t.y;l*=t.x,c*=t.y,u*=t.x,f*=t.y,l+=o,c+=r,n=j(n).frameElement}}return P({width:u,height:f,x:l,y:c})}function et(t){return tt(E(t)).left+Y(t).scrollLeft}function nt(t,e,n){let i;if("viewport"===e)i=function(t,e){const n=j(t),i=E(t),o=n.visualViewport;let r=i.clientWidth,a=i.clientHeight,s=0,l=0;if(o){r=o.width,a=o.height;const t=I();(!t||t&&"fixed"===e)&&(s=o.offsetLeft,l=o.offsetTop)}return{width:r,height:a,x:s,y:l}}(t,n);else if("document"===e)i=function(t){const e=E(t),n=Y(t),i=t.ownerDocument.body,o=c(e.scrollWidth,e.clientWidth,i.scrollWidth,i.clientWidth),r=c(e.scrollHeight,e.clientHeight,i.scrollHeight,i.clientHeight);let a=-n.scrollLeft+et(t);const s=-n.scrollTop;return"rtl"===W(i).direction&&(a+=c(e.clientWidth,i.clientWidth)-o),{width:o,height:r,x:a,y:s}}(E(t));else if(T(e))i=function(t,e){const n=tt(t,!0,"fixed"===e),i=n.top+t.clientTop,o=n.left+t.clientLeft,r=D(t)?Q(t):h(1);return{width:t.clientWidth*r.x,height:t.clientHeight*r.y,x:o*r.x,y:i*r.y}}(e,n);else{const n=Z(t);i={...e,x:e.x-n.x,y:e.y-n.y}}return P(i)}function it(t,e){const n=V(t);return!(n===e||!T(n)||q(n))&&("fixed"===W(n).position||it(n,e))}function ot(t,e,n){const i=D(e),o=E(e),r="fixed"===n,a=tt(t,!0,r,e);let s={scrollLeft:0,scrollTop:0};const l=h(0);if(i||!i&&!r)if(("body"!==C(e)||L(o))&&(s=Y(e)),i){const t=tt(e,!0,r,e);l.x=t.x+e.clientLeft,l.y=t.y+e.clientTop}else o&&(l.x=et(o));return{x:a.left+s.scrollLeft-l.x,y:a.top+s.scrollTop-l.y,width:a.width,height:a.height}}function rt(t,e){return D(t)&&"fixed"!==W(t).position?e?e(t):t.offsetParent:null}function at(t,e){const n=j(t);if(!D(t))return n;let i=rt(t,e);for(;i&&H(i)&&"static"===W(i).position;)i=rt(i,e);return i&&("html"===C(i)||"body"===C(i)&&"static"===W(i).position&&!_(i))?n:i||function(t){let e=V(t);for(;D(e)&&!q(e);){if(_(e))return e;e=V(e)}return null}(t)||n}const st={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{rect:e,offsetParent:n,strategy:i}=t;const o=D(n),r=E(n);if(n===r)return e;let a={scrollLeft:0,scrollTop:0},s=h(1);const l=h(0);if((o||!o&&"fixed"!==i)&&(("body"!==C(n)||L(r))&&(a=Y(n)),D(n))){const t=tt(n);s=Q(n),l.x=t.x+n.clientLeft,l.y=t.y+n.clientTop}return{width:e.width*s.x,height:e.height*s.y,x:e.x*s.x-a.scrollLeft*s.x+l.x,y:e.y*s.y-a.scrollTop*s.y+l.y}},getDocumentElement:E,getClippingRect:function(t){let{element:e,boundary:n,rootBoundary:i,strategy:o}=t;const r=[..."clippingAncestors"===n?function(t,e){const n=e.get(t);if(n)return n;let i=G(t,[],!1).filter((t=>T(t)&&"body"!==C(t))),o=null;const r="fixed"===W(t).position;let a=r?V(t):t;for(;T(a)&&!q(a);){const e=W(a),n=_(a);n||"fixed"!==e.position||(o=null),(r?!n&&!o:!n&&"static"===e.position&&o&&["absolute","fixed"].includes(o.position)||L(a)&&!n&&it(t,a))?i=i.filter((t=>t!==a)):o=e,a=V(a)}return e.set(t,i),i}(e,this._c):[].concat(n),i],a=r[0],s=r.reduce(((t,n)=>{const i=nt(e,n,o);return t.top=c(i.top,t.top),t.right=l(i.right,t.right),t.bottom=l(i.bottom,t.bottom),t.left=c(i.left,t.left),t}),nt(e,a,o));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}},getOffsetParent:at,getElementRects:async function(t){let{reference:e,floating:n,strategy:i}=t;const o=this.getOffsetParent||at,r=this.getDimensions;return{reference:ot(e,await o(n),i),floating:{x:0,y:0,...await r(n)}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){return J(t)},getScale:Q,isElement:T,isRTL:function(t){return"rtl"===W(t).direction}};function lt(t,e,n,i){void 0===i&&(i={});const{ancestorScroll:o=!0,ancestorResize:r=!0,elementResize:a="function"==typeof ResizeObserver,layoutShift:s="function"==typeof IntersectionObserver,animationFrame:u=!1}=i,h=K(t),d=o||r?[...h?G(h):[],...G(e)]:[];d.forEach((t=>{o&&t.addEventListener("scroll",n,{passive:!0}),r&&t.addEventListener("resize",n)}));const p=h&&s?function(t,e){let n,i=null;const o=E(t);function r(){clearTimeout(n),i&&i.disconnect(),i=null}return function a(s,u){void 0===s&&(s=!1),void 0===u&&(u=1),r();const{left:h,top:d,width:p,height:m}=t.getBoundingClientRect();if(s||e(),!p||!m)return;const y={rootMargin:-f(d)+"px "+-f(o.clientWidth-(h+p))+"px "+-f(o.clientHeight-(d+m))+"px "+-f(h)+"px",threshold:c(0,l(1,u))||1};let b=!0;function g(t){const e=t[0].intersectionRatio;if(e!==u){if(!b)return a();e?a(!1,e):n=setTimeout((()=>{a(!1,1e-7)}),100)}b=!1}try{i=new IntersectionObserver(g,{...y,root:o.ownerDocument})}catch(t){i=new IntersectionObserver(g,y)}i.observe(t)}(!0),r}(h,n):null;let m,y=-1,b=null;a&&(b=new ResizeObserver((t=>{let[i]=t;i&&i.target===h&&b&&(b.unobserve(e),cancelAnimationFrame(y),y=requestAnimationFrame((()=>{b&&b.observe(e)}))),n()})),h&&!u&&b.observe(h),b.observe(e));let g=u?tt(t):null;return u&&function e(){const i=tt(t);!g||i.x===g.x&&i.y===g.y&&i.width===g.width&&i.height===g.height||n();g=i,m=requestAnimationFrame(e)}(),n(),()=>{d.forEach((t=>{o&&t.removeEventListener("scroll",n),r&&t.removeEventListener("resize",n)})),p&&p(),b&&b.disconnect(),b=null,u&&cancelAnimationFrame(m)}}const ct=(t,e,n)=>{const i=new Map,o={platform:st,...n},r={...o.platform,_c:i};return(async(t,e,n)=>{const{placement:i="bottom",strategy:o="absolute",middleware:r=[],platform:a}=n,s=r.filter(Boolean),l=await(null==a.isRTL?void 0:a.isRTL(e));let c=await a.getElementRects({reference:t,floating:e,strategy:o}),{x:u,y:f}=$(c,i,l),h=i,d={},p=0;for(let n=0;n<s.length;n++){const{name:r,fn:m}=s[n],{x:y,y:b,data:g,reset:v}=await m({x:u,y:f,initialPlacement:i,placement:h,strategy:o,middlewareData:d,rects:c,platform:a,elements:{reference:t,floating:e}});u=null!=y?y:u,f=null!=b?b:f,d={...d,[r]:{...d[r],...g}},v&&p<=50&&(p++,"object"==typeof v&&(v.placement&&(h=v.placement),v.rects&&(c=!0===v.rects?await a.getElementRects({reference:t,floating:e,strategy:o}):v.rects),({x:u,y:f}=$(c,h,l))),n=-1)}return{x:u,y:f,placement:h,strategy:o,middlewareData:d}})(t,e,{...o,platform:r})};function ut(t){return function(t){for(let e=t;e;e=ft(e))if(e instanceof Element&&"none"===getComputedStyle(e).display)return null;for(let e=ft(t);e;e=ft(e)){if(!(e instanceof Element))continue;const t=getComputedStyle(e);if("contents"!==t.display){if("static"!==t.position||"none"!==t.filter)return e;if("BODY"===e.tagName)return e}}return null}(t)}function ft(t){return t.assignedSlot?t.assignedSlot:t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentNode}let ht=class extends a{constructor(){super(...arguments),this.active=!1,this.placement="top",this.strategy="absolute",this.distance=0,this.skidding=0,this.arrow=!1,this.arrowPlacement="anchor",this.arrowPadding=10,this.flip=!1,this.flipFallbackPlacements="",this.flipFallbackStrategy="best-fit",this.flipPadding=0,this.shift=!1,this.shiftPadding=0,this.autoSizePadding=0}async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.start()}disconnectedCallback(){this.stop()}async updated(t){super.updated(t),t.has("active")&&(this.active?this.start():this.stop()),t.has("anchor")&&this.handleAnchorChange(),this.active&&(await this.updateComplete,this.reposition())}async handleAnchorChange(){if(await this.stop(),this.anchor&&"string"==typeof this.anchor){const t=this.getRootNode();this.anchorEl=t.getElementById(this.anchor)}else this.anchor instanceof Element?this.anchorEl=this.anchor:this.anchorEl=this.querySelector('[slot="anchor"]');if(this.anchorEl instanceof HTMLSlotElement&&(this.anchorEl=this.anchorEl.assignedElements({flatten:!0})[0]),!this.anchorEl)throw new Error("Invalid anchor element: no anchor could be found using the anchor slot or the anchor attribute.");this.start()}start(){this.anchorEl&&(this.cleanup=lt(this.anchorEl,this.popup,(()=>{this.reposition()})))}async stop(){return new Promise((t=>{this.cleanup?(this.cleanup(),this.cleanup=void 0,this.removeAttribute("data-current-placement"),this.style.removeProperty("--auto-size-available-width"),this.style.removeProperty("--auto-size-available-height"),requestAnimationFrame((()=>t()))):t()}))}reposition(){if(!this.active||!this.anchorEl)return;const t=[R({mainAxis:this.distance,crossAxis:this.skidding})];var e;this.sync?t.push(B({apply:({rects:t})=>{const e="width"===this.sync||"both"===this.sync,n="height"===this.sync||"both"===this.sync;this.popup.style.width=e?`${t.reference.width}px`:"",this.popup.style.height=n?`${t.reference.height}px`:""}})):(this.popup.style.width="",this.popup.style.height=""),this.flip&&t.push(F({boundary:this.flipBoundary,fallbackPlacements:this.flipFallbackPlacements,fallbackStrategy:"best-fit"===this.flipFallbackStrategy?"bestFit":"initialPlacement",padding:this.flipPadding})),this.shift&&t.push((void 0===(e={boundary:this.shiftBoundary,padding:this.shiftPadding})&&(e={}),{name:"shift",options:e,async fn(t){const{x:n,y:i,placement:o}=t,{mainAxis:r=!0,crossAxis:a=!1,limiter:s={fn:t=>{let{x:e,y:n}=t;return{x:e,y:n}}},...l}=y(e,t),c={x:n,y:i},u=await O(t,l),f=x(b(o)),h=v(f);let d=c[h],p=c[f];if(r){const t="y"===h?"bottom":"right";d=m(d+u["y"===h?"top":"left"],d,d-u[t])}if(a){const t="y"===f?"bottom":"right";p=m(p+u["y"===f?"top":"left"],p,p-u[t])}const g=s.fn({...t,[h]:d,[f]:p});return{...g,data:{x:g.x-n,y:g.y-i}}}})),this.autoSize?t.push(B({boundary:this.autoSizeBoundary,padding:this.autoSizePadding,apply:({availableWidth:t,availableHeight:e})=>{"vertical"===this.autoSize||"both"===this.autoSize?this.style.setProperty("--auto-size-available-height",`${e}px`):this.style.removeProperty("--auto-size-available-height"),"horizontal"===this.autoSize||"both"===this.autoSize?this.style.setProperty("--auto-size-available-width",`${t}px`):this.style.removeProperty("--auto-size-available-width")}})):(this.style.removeProperty("--auto-size-available-width"),this.style.removeProperty("--auto-size-available-height")),this.arrow&&t.push((t=>({name:"arrow",options:t,async fn(e){const{x:n,y:i,placement:o,rects:r,platform:a,elements:s,middlewareData:c}=e,{element:u,padding:f=0}=y(t,e)||{};if(null==u)return{};const h=k(f),d={x:n,y:i},p=A(o),b=w(p),v=await a.getDimensions(u),x="y"===p,z=x?"top":"left",S=x?"bottom":"right",P=x?"clientHeight":"clientWidth",$=r.reference[b]+r.reference[p]-d[p]-r.floating[b],O=d[p]-r.reference[p],F=await(null==a.getOffsetParent?void 0:a.getOffsetParent(u));let R=F?F[P]:0;R&&await(null==a.isElement?void 0:a.isElement(F))||(R=s.floating[P]||r.floating[b]);const B=$/2-O/2,C=R/2-v[b]/2-1,j=l(h[z],C),E=l(h[S],C),N=j,T=R-v[b]-E,D=R/2-v[b]/2+B,M=m(N,D,T),L=!c.arrow&&null!=g(o)&&D!=M&&r.reference[b]/2-(D<N?j:E)-v[b]/2<0,H=L?D<N?D-N:D-T:0;return{[p]:d[p]+H,data:{[p]:M,centerOffset:D-M-H,...L&&{alignmentOffset:H}},reset:L}}}))({element:this.arrowEl,padding:this.arrowPadding}));const n="absolute"===this.strategy?t=>st.getOffsetParent(t,ut):st.getOffsetParent;ct(this.anchorEl,this.popup,{placement:this.placement,middleware:t,strategy:this.strategy,platform:{...st,getOffsetParent:n}}).then((({x:t,y:e,middlewareData:n,placement:i})=>{const o="rtl"===getComputedStyle(this).direction,r={top:"bottom",right:"left",bottom:"top",left:"right"}[i.split("-")[0]];if(this.setAttribute("data-current-placement",i),Object.assign(this.popup.style,{left:`${t}px`,top:`${e}px`}),this.arrow){const t=n.arrow.x,e=n.arrow.y;let i="",a="",s="",l="";if("start"===this.arrowPlacement){const n="number"==typeof t?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"";i="number"==typeof e?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"",a=o?n:"",l=o?"":n}else if("end"===this.arrowPlacement){const n="number"==typeof t?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"";a=o?"":n,l=o?n:"",s="number"==typeof e?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:""}else"center"===this.arrowPlacement?(l="number"==typeof t?"calc(50% - var(--arrow-size-diagonal))":"",i="number"==typeof e?"calc(50% - var(--arrow-size-diagonal))":""):(l="number"==typeof t?`${t}px`:"",i="number"==typeof e?`${e}px`:"");Object.assign(this.arrowEl.style,{top:i,right:a,bottom:s,left:l,[r]:"calc(var(--arrow-size-diagonal) * -1)"})}})),this.emit("reposition")}render(){return r`
+import{__decorate as t}from"tslib";import{classMap as e}from"lit/directives/class-map.js";import{query as n,property as i,customElement as o}from"lit/decorators.js";import{html as r}from"lit";import{N as a}from"../internal/nile-element.esm.js";import{s}from"./nile-popup.css.esm.js";import"../index-cd2f9c12.esm.js";const l=Math.min,c=Math.max,u=Math.round,f=Math.floor,h=t=>({x:t,y:t}),d={left:"right",right:"left",bottom:"top",top:"bottom"},p={start:"end",end:"start"};function m(t,e,n){return c(t,l(e,n))}function y(t,e){return"function"==typeof t?t(e):t}function b(t){return t.split("-")[0]}function g(t){return t.split("-")[1]}function v(t){return"x"===t?"y":"x"}function w(t){return"y"===t?"height":"width"}function x(t){return["top","bottom"].includes(b(t))?"y":"x"}function A(t){return v(x(t))}function z(t){return t.replace(/start|end/g,(t=>p[t]))}function S(t){return t.replace(/left|right|bottom|top/g,(t=>d[t]))}function k(t){return"number"!=typeof t?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(t):{top:t,right:t,bottom:t,left:t}}function P(t){const{x:e,y:n,width:i,height:o}=t;return{width:i,height:o,top:n,left:e,right:e+i,bottom:n+o,x:e,y:n}}function $(t,e,n){let{reference:i,floating:o}=t;const r=x(e),a=A(e),s=w(a),l=b(e),c="y"===r,u=i.x+i.width/2-o.width/2,f=i.y+i.height/2-o.height/2,h=i[s]/2-o[s]/2;let d;switch(l){case"top":d={x:u,y:i.y-o.height};break;case"bottom":d={x:u,y:i.y+i.height};break;case"right":d={x:i.x+i.width,y:f};break;case"left":d={x:i.x-o.width,y:f};break;default:d={x:i.x,y:i.y}}switch(g(e)){case"start":d[a]-=h*(n&&c?-1:1);break;case"end":d[a]+=h*(n&&c?-1:1)}return d}async function O(t,e){var n;void 0===e&&(e={});const{x:i,y:o,platform:r,rects:a,elements:s,strategy:l}=t,{boundary:c="clippingAncestors",rootBoundary:u="viewport",elementContext:f="floating",altBoundary:h=!1,padding:d=0}=y(e,t),p=k(d),m=s[h?"floating"===f?"reference":"floating":f],b=P(await r.getClippingRect({element:null==(n=await(null==r.isElement?void 0:r.isElement(m)))||n?m:m.contextElement||await(null==r.getDocumentElement?void 0:r.getDocumentElement(s.floating)),boundary:c,rootBoundary:u,strategy:l})),g="floating"===f?{x:i,y:o,width:a.floating.width,height:a.floating.height}:a.reference,v=await(null==r.getOffsetParent?void 0:r.getOffsetParent(s.floating)),w=await(null==r.isElement?void 0:r.isElement(v))&&await(null==r.getScale?void 0:r.getScale(v))||{x:1,y:1},x=P(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({elements:s,rect:g,offsetParent:v,strategy:l}):g);return{top:(b.top-x.top+p.top)/w.y,bottom:(x.bottom-b.bottom+p.bottom)/w.y,left:(b.left-x.left+p.left)/w.x,right:(x.right-b.right+p.right)/w.x}}function F(t){return C(t)?(t.nodeName||"").toLowerCase():"#document"}function R(t){var e;return(null==t||null==(e=t.ownerDocument)?void 0:e.defaultView)||window}function B(t){var e;return null==(e=(C(t)?t.ownerDocument:t.document)||window.document)?void 0:e.documentElement}function C(t){return t instanceof Node||t instanceof R(t).Node}function j(t){return t instanceof Element||t instanceof R(t).Element}function E(t){return t instanceof HTMLElement||t instanceof R(t).HTMLElement}function N(t){return"undefined"!=typeof ShadowRoot&&(t instanceof ShadowRoot||t instanceof R(t).ShadowRoot)}function D(t){const{overflow:e,overflowX:n,overflowY:i,display:o}=_(t);return/auto|scroll|overlay|hidden|clip/.test(e+i+n)&&!["inline","contents"].includes(o)}function T(t){return["table","td","th"].includes(F(t))}function M(t){const e=L(),n=_(t);return"none"!==n.transform||"none"!==n.perspective||!!n.containerType&&"normal"!==n.containerType||!e&&!!n.backdropFilter&&"none"!==n.backdropFilter||!e&&!!n.filter&&"none"!==n.filter||["transform","perspective","filter"].some((t=>(n.willChange||"").includes(t)))||["paint","layout","strict","content"].some((t=>(n.contain||"").includes(t)))}function L(){return!("undefined"==typeof CSS||!CSS.supports)&&CSS.supports("-webkit-backdrop-filter","none")}function H(t){return["html","body","#document"].includes(F(t))}function _(t){return R(t).getComputedStyle(t)}function I(t){return j(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function q(t){if("html"===F(t))return t;const e=t.assignedSlot||t.parentNode||N(t)&&t.host||B(t);return N(e)?e.host:e}function W(t){const e=q(t);return H(e)?t.ownerDocument?t.ownerDocument.body:t.body:E(e)&&D(e)?e:W(e)}function Y(t,e,n){var i;void 0===e&&(e=[]),void 0===n&&(n=!0);const o=W(t),r=o===(null==(i=t.ownerDocument)?void 0:i.body),a=R(o);return r?e.concat(a,a.visualViewport||[],D(o)?o:[],a.frameElement&&n?Y(a.frameElement):[]):e.concat(o,Y(o,[],n))}function V(t){const e=_(t);let n=parseFloat(e.width)||0,i=parseFloat(e.height)||0;const o=E(t),r=o?t.offsetWidth:n,a=o?t.offsetHeight:i,s=u(n)!==r||u(i)!==a;return s&&(n=r,i=a),{width:n,height:i,$:s}}function X(t){return j(t)?t:t.contextElement}function G(t){const e=X(t);if(!E(e))return h(1);const n=e.getBoundingClientRect(),{width:i,height:o,$:r}=V(e);let a=(r?u(n.width):n.width)/i,s=(r?u(n.height):n.height)/o;return a&&Number.isFinite(a)||(a=1),s&&Number.isFinite(s)||(s=1),{x:a,y:s}}const J=h(0);function K(t){const e=R(t);return L()&&e.visualViewport?{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}:J}function Q(t,e,n,i){void 0===e&&(e=!1),void 0===n&&(n=!1);const o=t.getBoundingClientRect(),r=X(t);let a=h(1);e&&(i?j(i)&&(a=G(i)):a=G(t));const s=function(t,e,n){return void 0===e&&(e=!1),!(!n||e&&n!==R(t))&&e}(r,n,i)?K(r):h(0);let l=(o.left+s.x)/a.x,c=(o.top+s.y)/a.y,u=o.width/a.x,f=o.height/a.y;if(r){const t=R(r),e=i&&j(i)?R(i):i;let n=t,o=n.frameElement;for(;o&&i&&e!==n;){const t=G(o),e=o.getBoundingClientRect(),i=_(o),r=e.left+(o.clientLeft+parseFloat(i.paddingLeft))*t.x,a=e.top+(o.clientTop+parseFloat(i.paddingTop))*t.y;l*=t.x,c*=t.y,u*=t.x,f*=t.y,l+=r,c+=a,n=R(o),o=n.frameElement}}return P({width:u,height:f,x:l,y:c})}const U=[":popover-open",":modal"];function Z(t){return U.some((e=>{try{return t.matches(e)}catch(t){return!1}}))}function tt(t){return Q(B(t)).left+I(t).scrollLeft}function et(t,e,n){let i;if("viewport"===e)i=function(t,e){const n=R(t),i=B(t),o=n.visualViewport;let r=i.clientWidth,a=i.clientHeight,s=0,l=0;if(o){r=o.width,a=o.height;const t=L();(!t||t&&"fixed"===e)&&(s=o.offsetLeft,l=o.offsetTop)}return{width:r,height:a,x:s,y:l}}(t,n);else if("document"===e)i=function(t){const e=B(t),n=I(t),i=t.ownerDocument.body,o=c(e.scrollWidth,e.clientWidth,i.scrollWidth,i.clientWidth),r=c(e.scrollHeight,e.clientHeight,i.scrollHeight,i.clientHeight);let a=-n.scrollLeft+tt(t);const s=-n.scrollTop;return"rtl"===_(i).direction&&(a+=c(e.clientWidth,i.clientWidth)-o),{width:o,height:r,x:a,y:s}}(B(t));else if(j(e))i=function(t,e){const n=Q(t,!0,"fixed"===e),i=n.top+t.clientTop,o=n.left+t.clientLeft,r=E(t)?G(t):h(1);return{width:t.clientWidth*r.x,height:t.clientHeight*r.y,x:o*r.x,y:i*r.y}}(e,n);else{const n=K(t);i={...e,x:e.x-n.x,y:e.y-n.y}}return P(i)}function nt(t,e){const n=q(t);return!(n===e||!j(n)||H(n))&&("fixed"===_(n).position||nt(n,e))}function it(t,e,n){const i=E(e),o=B(e),r="fixed"===n,a=Q(t,!0,r,e);let s={scrollLeft:0,scrollTop:0};const l=h(0);if(i||!i&&!r)if(("body"!==F(e)||D(o))&&(s=I(e)),i){const t=Q(e,!0,r,e);l.x=t.x+e.clientLeft,l.y=t.y+e.clientTop}else o&&(l.x=tt(o));return{x:a.left+s.scrollLeft-l.x,y:a.top+s.scrollTop-l.y,width:a.width,height:a.height}}function ot(t){return"static"===_(t).position}function rt(t,e){return E(t)&&"fixed"!==_(t).position?e?e(t):t.offsetParent:null}function at(t,e){const n=R(t);if(Z(t))return n;if(!E(t)){let e=q(t);for(;e&&!H(e);){if(j(e)&&!ot(e))return e;e=q(e)}return n}let i=rt(t,e);for(;i&&T(i)&&ot(i);)i=rt(i,e);return i&&H(i)&&ot(i)&&!M(i)?n:i||function(t){let e=q(t);for(;E(e)&&!H(e);){if(M(e))return e;e=q(e)}return null}(t)||n}const st={convertOffsetParentRelativeRectToViewportRelativeRect:function(t){let{elements:e,rect:n,offsetParent:i,strategy:o}=t;const r="fixed"===o,a=B(i),s=!!e&&Z(e.floating);if(i===a||s&&r)return n;let l={scrollLeft:0,scrollTop:0},c=h(1);const u=h(0),f=E(i);if((f||!f&&!r)&&(("body"!==F(i)||D(a))&&(l=I(i)),E(i))){const t=Q(i);c=G(i),u.x=t.x+i.clientLeft,u.y=t.y+i.clientTop}return{width:n.width*c.x,height:n.height*c.y,x:n.x*c.x-l.scrollLeft*c.x+u.x,y:n.y*c.y-l.scrollTop*c.y+u.y}},getDocumentElement:B,getClippingRect:function(t){let{element:e,boundary:n,rootBoundary:i,strategy:o}=t;const r=[..."clippingAncestors"===n?Z(e)?[]:function(t,e){const n=e.get(t);if(n)return n;let i=Y(t,[],!1).filter((t=>j(t)&&"body"!==F(t))),o=null;const r="fixed"===_(t).position;let a=r?q(t):t;for(;j(a)&&!H(a);){const e=_(a),n=M(a);n||"fixed"!==e.position||(o=null),(r?!n&&!o:!n&&"static"===e.position&&o&&["absolute","fixed"].includes(o.position)||D(a)&&!n&&nt(t,a))?i=i.filter((t=>t!==a)):o=e,a=q(a)}return e.set(t,i),i}(e,this._c):[].concat(n),i],a=r[0],s=r.reduce(((t,n)=>{const i=et(e,n,o);return t.top=c(i.top,t.top),t.right=l(i.right,t.right),t.bottom=l(i.bottom,t.bottom),t.left=c(i.left,t.left),t}),et(e,a,o));return{width:s.right-s.left,height:s.bottom-s.top,x:s.left,y:s.top}},getOffsetParent:at,getElementRects:async function(t){const e=this.getOffsetParent||at,n=this.getDimensions,i=await n(t.floating);return{reference:it(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:i.width,height:i.height}}},getClientRects:function(t){return Array.from(t.getClientRects())},getDimensions:function(t){const{width:e,height:n}=V(t);return{width:e,height:n}},getScale:G,isElement:j,isRTL:function(t){return"rtl"===_(t).direction}};function lt(t,e,n,i){void 0===i&&(i={});const{ancestorScroll:o=!0,ancestorResize:r=!0,elementResize:a="function"==typeof ResizeObserver,layoutShift:s="function"==typeof IntersectionObserver,animationFrame:u=!1}=i,h=X(t),d=o||r?[...h?Y(h):[],...Y(e)]:[];d.forEach((t=>{o&&t.addEventListener("scroll",n,{passive:!0}),r&&t.addEventListener("resize",n)}));const p=h&&s?function(t,e){let n,i=null;const o=B(t);function r(){var t;clearTimeout(n),null==(t=i)||t.disconnect(),i=null}return function a(s,u){void 0===s&&(s=!1),void 0===u&&(u=1),r();const{left:h,top:d,width:p,height:m}=t.getBoundingClientRect();if(s||e(),!p||!m)return;const y={rootMargin:-f(d)+"px "+-f(o.clientWidth-(h+p))+"px "+-f(o.clientHeight-(d+m))+"px "+-f(h)+"px",threshold:c(0,l(1,u))||1};let b=!0;function g(t){const e=t[0].intersectionRatio;if(e!==u){if(!b)return a();e?a(!1,e):n=setTimeout((()=>{a(!1,1e-7)}),1e3)}b=!1}try{i=new IntersectionObserver(g,{...y,root:o.ownerDocument})}catch(t){i=new IntersectionObserver(g,y)}i.observe(t)}(!0),r}(h,n):null;let m,y=-1,b=null;a&&(b=new ResizeObserver((t=>{let[i]=t;i&&i.target===h&&b&&(b.unobserve(e),cancelAnimationFrame(y),y=requestAnimationFrame((()=>{var t;null==(t=b)||t.observe(e)}))),n()})),h&&!u&&b.observe(h),b.observe(e));let g=u?Q(t):null;return u&&function e(){const i=Q(t);!g||i.x===g.x&&i.y===g.y&&i.width===g.width&&i.height===g.height||n();g=i,m=requestAnimationFrame(e)}(),n(),()=>{var t;d.forEach((t=>{o&&t.removeEventListener("scroll",n),r&&t.removeEventListener("resize",n)})),null==p||p(),null==(t=b)||t.disconnect(),b=null,u&&cancelAnimationFrame(m)}}const ct=function(t){return void 0===t&&(t=0),{name:"offset",options:t,async fn(e){var n,i;const{x:o,y:r,placement:a,middlewareData:s}=e,l=await async function(t,e){const{placement:n,platform:i,elements:o}=t,r=await(null==i.isRTL?void 0:i.isRTL(o.floating)),a=b(n),s=g(n),l="y"===x(n),c=["left","top"].includes(a)?-1:1,u=r&&l?-1:1,f=y(e,t);let{mainAxis:h,crossAxis:d,alignmentAxis:p}="number"==typeof f?{mainAxis:f,crossAxis:0,alignmentAxis:null}:{mainAxis:0,crossAxis:0,alignmentAxis:null,...f};return s&&"number"==typeof p&&(d="end"===s?-1*p:p),l?{x:d*u,y:h*c}:{x:h*c,y:d*u}}(e,t);return a===(null==(n=s.offset)?void 0:n.placement)&&null!=(i=s.arrow)&&i.alignmentOffset?{}:{x:o+l.x,y:r+l.y,data:{...l,placement:a}}}}},ut=function(t){return void 0===t&&(t={}),{name:"shift",options:t,async fn(e){const{x:n,y:i,placement:o}=e,{mainAxis:r=!0,crossAxis:a=!1,limiter:s={fn:t=>{let{x:e,y:n}=t;return{x:e,y:n}}},...l}=y(t,e),c={x:n,y:i},u=await O(e,l),f=x(b(o)),h=v(f);let d=c[h],p=c[f];if(r){const t="y"===h?"bottom":"right";d=m(d+u["y"===h?"top":"left"],d,d-u[t])}if(a){const t="y"===f?"bottom":"right";p=m(p+u["y"===f?"top":"left"],p,p-u[t])}const g=s.fn({...e,[h]:d,[f]:p});return{...g,data:{x:g.x-n,y:g.y-i}}}}},ft=function(t){return void 0===t&&(t={}),{name:"flip",options:t,async fn(e){var n,i;const{placement:o,middlewareData:r,rects:a,initialPlacement:s,platform:l,elements:c}=e,{mainAxis:u=!0,crossAxis:f=!0,fallbackPlacements:h,fallbackStrategy:d="bestFit",fallbackAxisSideDirection:p="none",flipAlignment:m=!0,...v}=y(t,e);if(null!=(n=r.arrow)&&n.alignmentOffset)return{};const x=b(o),k=b(s)===s,P=await(null==l.isRTL?void 0:l.isRTL(c.floating)),$=h||(k||!m?[S(s)]:function(t){const e=S(t);return[z(t),e,z(e)]}(s));h||"none"===p||$.push(...function(t,e,n,i){const o=g(t);let r=function(t,e,n){const i=["left","right"],o=["right","left"],r=["top","bottom"],a=["bottom","top"];switch(t){case"top":case"bottom":return n?e?o:i:e?i:o;case"left":case"right":return e?r:a;default:return[]}}(b(t),"start"===n,i);return o&&(r=r.map((t=>t+"-"+o)),e&&(r=r.concat(r.map(z)))),r}(s,m,p,P));const F=[s,...$],R=await O(e,v),B=[];let C=(null==(i=r.flip)?void 0:i.overflows)||[];if(u&&B.push(R[x]),f){const t=function(t,e,n){void 0===n&&(n=!1);const i=g(t),o=A(t),r=w(o);let a="x"===o?i===(n?"end":"start")?"right":"left":"start"===i?"bottom":"top";return e.reference[r]>e.floating[r]&&(a=S(a)),[a,S(a)]}(o,a,P);B.push(R[t[0]],R[t[1]])}if(C=[...C,{placement:o,overflows:B}],!B.every((t=>t<=0))){var j,E;const t=((null==(j=r.flip)?void 0:j.index)||0)+1,e=F[t];if(e)return{data:{index:t,overflows:C},reset:{placement:e}};let n=null==(E=C.filter((t=>t.overflows[0]<=0)).sort(((t,e)=>t.overflows[1]-e.overflows[1]))[0])?void 0:E.placement;if(!n)switch(d){case"bestFit":{var N;const t=null==(N=C.map((t=>[t.placement,t.overflows.filter((t=>t>0)).reduce(((t,e)=>t+e),0)])).sort(((t,e)=>t[1]-e[1]))[0])?void 0:N[0];t&&(n=t);break}case"initialPlacement":n=s}if(o!==n)return{reset:{placement:n}}}return{}}}},ht=function(t){return void 0===t&&(t={}),{name:"size",options:t,async fn(e){const{placement:n,rects:i,platform:o,elements:r}=e,{apply:a=(()=>{}),...s}=y(t,e),u=await O(e,s),f=b(n),h=g(n),d="y"===x(n),{width:p,height:m}=i.floating;let v,w;"top"===f||"bottom"===f?(v=f,w=h===(await(null==o.isRTL?void 0:o.isRTL(r.floating))?"start":"end")?"left":"right"):(w=f,v="end"===h?"top":"bottom");const A=m-u[v],z=p-u[w],S=!e.middlewareData.shift;let k=A,P=z;if(d){const t=p-u.left-u.right;P=h||S?l(z,t):t}else{const t=m-u.top-u.bottom;k=h||S?l(A,t):t}if(S&&!h){const t=c(u.left,0),e=c(u.right,0),n=c(u.top,0),i=c(u.bottom,0);d?P=p-2*(0!==t||0!==e?t+e:c(u.left,u.right)):k=m-2*(0!==n||0!==i?n+i:c(u.top,u.bottom))}await a({...e,availableWidth:P,availableHeight:k});const $=await o.getDimensions(r.floating);return p!==$.width||m!==$.height?{reset:{rects:!0}}:{}}}},dt=t=>({name:"arrow",options:t,async fn(e){const{x:n,y:i,placement:o,rects:r,platform:a,elements:s,middlewareData:c}=e,{element:u,padding:f=0}=y(t,e)||{};if(null==u)return{};const h=k(f),d={x:n,y:i},p=A(o),b=w(p),v=await a.getDimensions(u),x="y"===p,z=x?"top":"left",S=x?"bottom":"right",P=x?"clientHeight":"clientWidth",$=r.reference[b]+r.reference[p]-d[p]-r.floating[b],O=d[p]-r.reference[p],F=await(null==a.getOffsetParent?void 0:a.getOffsetParent(u));let R=F?F[P]:0;R&&await(null==a.isElement?void 0:a.isElement(F))||(R=s.floating[P]||r.floating[b]);const B=$/2-O/2,C=R/2-v[b]/2-1,j=l(h[z],C),E=l(h[S],C),N=j,D=R-v[b]-E,T=R/2-v[b]/2+B,M=m(N,T,D),L=!c.arrow&&null!=g(o)&&T!==M&&r.reference[b]/2-(T<N?j:E)-v[b]/2<0,H=L?T<N?T-N:T-D:0;return{[p]:d[p]+H,data:{[p]:M,centerOffset:T-M-H,...L&&{alignmentOffset:H}},reset:L}}}),pt=(t,e,n)=>{const i=new Map,o={platform:st,...n},r={...o.platform,_c:i};return(async(t,e,n)=>{const{placement:i="bottom",strategy:o="absolute",middleware:r=[],platform:a}=n,s=r.filter(Boolean),l=await(null==a.isRTL?void 0:a.isRTL(e));let c=await a.getElementRects({reference:t,floating:e,strategy:o}),{x:u,y:f}=$(c,i,l),h=i,d={},p=0;for(let n=0;n<s.length;n++){const{name:r,fn:m}=s[n],{x:y,y:b,data:g,reset:v}=await m({x:u,y:f,initialPlacement:i,placement:h,strategy:o,middlewareData:d,rects:c,platform:a,elements:{reference:t,floating:e}});u=null!=y?y:u,f=null!=b?b:f,d={...d,[r]:{...d[r],...g}},v&&p<=50&&(p++,"object"==typeof v&&(v.placement&&(h=v.placement),v.rects&&(c=!0===v.rects?await a.getElementRects({reference:t,floating:e,strategy:o}):v.rects),({x:u,y:f}=$(c,h,l))),n=-1)}return{x:u,y:f,placement:h,strategy:o,middlewareData:d}})(t,e,{...o,platform:r})};function mt(t){return function(t){for(let e=t;e;e=yt(e))if(e instanceof Element&&"none"===getComputedStyle(e).display)return null;for(let e=yt(t);e;e=yt(e)){if(!(e instanceof Element))continue;const t=getComputedStyle(e);if("contents"!==t.display){if("static"!==t.position||"none"!==t.filter)return e;if("BODY"===e.tagName)return e}}return null}(t)}function yt(t){return t.assignedSlot?t.assignedSlot:t.parentNode instanceof ShadowRoot?t.parentNode.host:t.parentNode}let bt=class extends a{constructor(){super(...arguments),this.active=!1,this.placement="top",this.strategy="absolute",this.distance=0,this.skidding=0,this.arrow=!1,this.arrowPlacement="anchor",this.arrowPadding=10,this.flip=!1,this.flipFallbackPlacements="",this.flipFallbackStrategy="best-fit",this.flipPadding=0,this.shift=!1,this.shiftPadding=0,this.autoSizePadding=0}async connectedCallback(){super.connectedCallback(),await this.updateComplete,this.start()}disconnectedCallback(){this.stop()}async updated(t){super.updated(t),t.has("active")&&(this.active?this.start():this.stop()),t.has("anchor")&&this.handleAnchorChange(),this.active&&(await this.updateComplete,this.reposition())}async handleAnchorChange(){if(await this.stop(),this.anchor&&"string"==typeof this.anchor){const t=this.getRootNode();this.anchorEl=t.getElementById(this.anchor)}else this.anchor instanceof Element?this.anchorEl=this.anchor:this.anchorEl=this.querySelector('[slot="anchor"]');if(this.anchorEl instanceof HTMLSlotElement&&(this.anchorEl=this.anchorEl.assignedElements({flatten:!0})[0]),!this.anchorEl)throw new Error("Invalid anchor element: no anchor could be found using the anchor slot or the anchor attribute.");this.start()}start(){this.anchorEl&&(this.cleanup=lt(this.anchorEl,this.popup,(()=>{this.reposition()})))}async stop(){return new Promise((t=>{this.cleanup?(this.cleanup(),this.cleanup=void 0,this.removeAttribute("data-current-placement"),this.style.removeProperty("--auto-size-available-width"),this.style.removeProperty("--auto-size-available-height"),requestAnimationFrame((()=>t()))):t()}))}reposition(){if(!this.active||!this.anchorEl)return;const t=[ct({mainAxis:this.distance,crossAxis:this.skidding})];this.sync?t.push(ht({apply:({rects:t})=>{const e="width"===this.sync||"both"===this.sync,n="height"===this.sync||"both"===this.sync;this.popup.style.width=e?`${t.reference.width}px`:"",this.popup.style.height=n?`${t.reference.height}px`:""}})):(this.popup.style.width="",this.popup.style.height=""),this.flip&&t.push(ft({boundary:this.flipBoundary,fallbackPlacements:this.flipFallbackPlacements,fallbackStrategy:"best-fit"===this.flipFallbackStrategy?"bestFit":"initialPlacement",padding:this.flipPadding})),this.shift&&t.push(ut({boundary:this.shiftBoundary,padding:this.shiftPadding})),this.autoSize?t.push(ht({boundary:this.autoSizeBoundary,padding:this.autoSizePadding,apply:({availableWidth:t,availableHeight:e})=>{"vertical"===this.autoSize||"both"===this.autoSize?this.style.setProperty("--auto-size-available-height",`${e}px`):this.style.removeProperty("--auto-size-available-height"),"horizontal"===this.autoSize||"both"===this.autoSize?this.style.setProperty("--auto-size-available-width",`${t}px`):this.style.removeProperty("--auto-size-available-width")}})):(this.style.removeProperty("--auto-size-available-width"),this.style.removeProperty("--auto-size-available-height")),this.arrow&&t.push(dt({element:this.arrowEl,padding:this.arrowPadding}));const e="absolute"===this.strategy?t=>st.getOffsetParent(t,mt):st.getOffsetParent;pt(this.anchorEl,this.popup,{placement:this.placement,middleware:t,strategy:this.strategy,platform:{...st,getOffsetParent:e}}).then((({x:t,y:e,middlewareData:n,placement:i})=>{const o="rtl"===getComputedStyle(this).direction,r={top:"bottom",right:"left",bottom:"top",left:"right"}[i.split("-")[0]];if(this.setAttribute("data-current-placement",i),Object.assign(this.popup.style,{left:`${t}px`,top:`${e}px`}),this.arrow){const t=n.arrow.x,e=n.arrow.y;let i="",a="",s="",l="";if("start"===this.arrowPlacement){const n="number"==typeof t?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"";i="number"==typeof e?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"",a=o?n:"",l=o?"":n}else if("end"===this.arrowPlacement){const n="number"==typeof t?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:"";a=o?"":n,l=o?n:"",s="number"==typeof e?`calc(${this.arrowPadding}px - var(--arrow-padding-offset))`:""}else"center"===this.arrowPlacement?(l="number"==typeof t?"calc(50% - var(--arrow-size-diagonal))":"",i="number"==typeof e?"calc(50% - var(--arrow-size-diagonal))":""):(l="number"==typeof t?`${t}px`:"",i="number"==typeof e?`${e}px`:"");Object.assign(this.arrowEl.style,{top:i,right:a,bottom:s,left:l,[r]:"calc(var(--arrow-size-diagonal) * -1)"})}})),this.emit("reposition")}render(){return r`
       <slot name="anchor" @slotchange=${this.handleAnchorChange}></slot>
 
       <div
@@ -8,4 +8,4 @@ import{__decorate as t}from"tslib";import{classMap as e}from"lit/directives/clas
         <slot></slot>
         ${this.arrow?r`<div part="arrow" class="popup__arrow" role="presentation"></div>`:""}
       </div>
-    `}};ht.styles=s,t([n(".popup")],ht.prototype,"popup",void 0),t([n(".popup__arrow")],ht.prototype,"arrowEl",void 0),t([i()],ht.prototype,"anchor",void 0),t([i({type:Boolean,reflect:!0})],ht.prototype,"active",void 0),t([i({reflect:!0})],ht.prototype,"placement",void 0),t([i({reflect:!0})],ht.prototype,"strategy",void 0),t([i({type:Number})],ht.prototype,"distance",void 0),t([i({type:Number})],ht.prototype,"skidding",void 0),t([i({type:Boolean})],ht.prototype,"arrow",void 0),t([i({attribute:"arrow-placement"})],ht.prototype,"arrowPlacement",void 0),t([i({attribute:"arrow-padding",type:Number})],ht.prototype,"arrowPadding",void 0),t([i({type:Boolean})],ht.prototype,"flip",void 0),t([i({attribute:"flip-fallback-placements",converter:{fromAttribute:t=>t.split(" ").map((t=>t.trim())).filter((t=>""!==t)),toAttribute:t=>t.join(" ")}})],ht.prototype,"flipFallbackPlacements",void 0),t([i({attribute:"flip-fallback-strategy"})],ht.prototype,"flipFallbackStrategy",void 0),t([i({type:Object})],ht.prototype,"flipBoundary",void 0),t([i({attribute:"flip-padding",type:Number})],ht.prototype,"flipPadding",void 0),t([i({type:Boolean})],ht.prototype,"shift",void 0),t([i({type:Object})],ht.prototype,"shiftBoundary",void 0),t([i({attribute:"shift-padding",type:Number})],ht.prototype,"shiftPadding",void 0),t([i({attribute:"auto-size"})],ht.prototype,"autoSize",void 0),t([i()],ht.prototype,"sync",void 0),t([i({type:Object})],ht.prototype,"autoSizeBoundary",void 0),t([i({attribute:"auto-size-padding",type:Number})],ht.prototype,"autoSizePadding",void 0),ht=t([o("nile-popup")],ht);export{ht as N};
+    `}};bt.styles=s,t([n(".popup")],bt.prototype,"popup",void 0),t([n(".popup__arrow")],bt.prototype,"arrowEl",void 0),t([i()],bt.prototype,"anchor",void 0),t([i({type:Boolean,reflect:!0})],bt.prototype,"active",void 0),t([i({reflect:!0})],bt.prototype,"placement",void 0),t([i({reflect:!0})],bt.prototype,"strategy",void 0),t([i({type:Number})],bt.prototype,"distance",void 0),t([i({type:Number})],bt.prototype,"skidding",void 0),t([i({type:Boolean})],bt.prototype,"arrow",void 0),t([i({attribute:"arrow-placement"})],bt.prototype,"arrowPlacement",void 0),t([i({attribute:"arrow-padding",type:Number})],bt.prototype,"arrowPadding",void 0),t([i({type:Boolean})],bt.prototype,"flip",void 0),t([i({attribute:"flip-fallback-placements",converter:{fromAttribute:t=>t.split(" ").map((t=>t.trim())).filter((t=>""!==t)),toAttribute:t=>t.join(" ")}})],bt.prototype,"flipFallbackPlacements",void 0),t([i({attribute:"flip-fallback-strategy"})],bt.prototype,"flipFallbackStrategy",void 0),t([i({type:Object})],bt.prototype,"flipBoundary",void 0),t([i({attribute:"flip-padding",type:Number})],bt.prototype,"flipPadding",void 0),t([i({type:Boolean})],bt.prototype,"shift",void 0),t([i({type:Object})],bt.prototype,"shiftBoundary",void 0),t([i({attribute:"shift-padding",type:Number})],bt.prototype,"shiftPadding",void 0),t([i({attribute:"auto-size"})],bt.prototype,"autoSize",void 0),t([i()],bt.prototype,"sync",void 0),t([i({type:Object})],bt.prototype,"autoSizeBoundary",void 0),t([i({attribute:"auto-size-padding",type:Number})],bt.prototype,"autoSizePadding",void 0),bt=t([o("nile-popup")],bt);export{bt as N};

package/dist/nile-progress-bar/index.cjs.js

@@ -1,2 +1,2 @@
-System.register(["./nile-progress-bar.cjs.js","tslib","../index-cd83c5c8.cjs.js","./nile-progress-bar.css.cjs.js","lit","../property-0f6a51ec.cjs.js","../custom-element-fc8dd455.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileProgressBarCjsJs){_export("NileProgressBar",_nileProgressBarCjsJs.N);},function(_tslib){},function(_index001CjsJs){},function(_nileProgressBarCssCjsJs){},function(_lit){},function(_property002CjsJs){},function(_customElement003CjsJs){}],execute:function(){}};});
+System.register(["./nile-progress-bar.cjs.js","tslib","../index-7e13aee2.cjs.js","./nile-progress-bar.css.cjs.js","lit","../property-217fe924.cjs.js","../custom-element-9087bdd5.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileProgressBarCjsJs){_export("NileProgressBar",_nileProgressBarCjsJs.N);},function(_tslib){},function(_index001CjsJs){},function(_nileProgressBarCssCjsJs){},function(_lit){},function(_property002CjsJs){},function(_customElement003CjsJs){}],execute:function execute(){}};});
 //# sourceMappingURL=index.cjs.js.map

package/dist/nile-progress-bar/nile-progress-bar.cjs.js

@@ -1,2 +1,2 @@
-System.register(["tslib","../index-cd83c5c8.cjs.js","./nile-progress-bar.css.cjs.js","../property-0f6a51ec.cjs.js","../custom-element-fc8dd455.cjs.js","lit"],function(_export,_context){"use strict";var s,r,e,o,t,i,_templateObject,p;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(typeof call==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}return{setters:[function(_tslib){s=_tslib.__decorate;},function(_index001CjsJs){r=_index001CjsJs.s;e=_index001CjsJs.x;},function(_nileProgressBarCssCjsJs){o=_nileProgressBarCssCjsJs.s;},function(_property002CjsJs){t=_property002CjsJs.n;},function(_customElement003CjsJs){i=_customElement003CjsJs.e;},function(_lit){}],execute:function(){_export("N",p=/*#__PURE__*/function(_r){_inherits(p,_r);var _super=_createSuper(p);function p(){var _this;_classCallCheck(this,p);_this=_super.apply(this,arguments),_this.value=0;return _this;}_createClass(p,[{key:"render",value:function render(){return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"nile-progress-bar__container\">\n        <ul class=\"nile-progress-bar__progress-bar\">\n          <li><span style=\"width: ","%\"></span></li>\n        </ul>\n      </div>\n    "])),this.value);}}]);return p;}(r));p.styles=o,s([t({type:Number})],p.prototype,"value",void 0),_export("N",p=s([i("nile-progress-bar")],p));}};});
+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","../index-7e13aee2.cjs.js","./nile-progress-bar.css.cjs.js","../property-217fe924.cjs.js","../custom-element-9087bdd5.cjs.js","lit"],function(_export,_context){"use strict";var s,r,e,o,t,i,_templateObject,p;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(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(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}return{setters:[function(_tslib){s=_tslib.__decorate;},function(_index001CjsJs){r=_index001CjsJs.s;e=_index001CjsJs.x;},function(_nileProgressBarCssCjsJs){o=_nileProgressBarCssCjsJs.s;},function(_property002CjsJs){t=_property002CjsJs.n;},function(_customElement003CjsJs){i=_customElement003CjsJs.e;},function(_lit){}],execute:function execute(){_export("N",p=/*#__PURE__*/function(_r){function p(){var _this;_classCallCheck(this,p);_this=_callSuper(this,p,arguments),_this.value=0;return _this;}_inherits(p,_r);return _createClass(p,[{key:"render",value:function render(){return e(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <div class=\"nile-progress-bar__container\">\n        <ul class=\"nile-progress-bar__progress-bar\">\n          <li><span style=\"width: ","%\"></span></li>\n        </ul>\n      </div>\n    "])),this.value);}}]);}(r));p.styles=o,s([t({type:Number})],p.prototype,"value",void 0),_export("N",p=s([i("nile-progress-bar")],p));}};});
 //# sourceMappingURL=nile-progress-bar.cjs.js.map

package/dist/nile-progress-bar/nile-progress-bar.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-progress-bar.cjs.js","sources":["../../../src/nile-progress-bar/nile-progress-bar.ts"],"sourcesContent":["import { LitElement, html, css, property, customElement, CSSResultGroup } from 'lit-element';\nimport styles from './nile-progress-bar.css';\n\n@customElement('nile-progress-bar')\nexport class NileProgressBar extends LitElement {\n  static override styles: CSSResultGroup = styles;\n\n  @property({ type: Number }) value = 0;\n\n  override render() {\n    return html`\n      <div class=\"nile-progress-bar__container\">\n        <ul class=\"nile-progress-bar__progress-bar\">\n          <li><span style=\"width: ${this.value}%\"></span></li>\n        </ul>\n      </div>\n    `;\n  }\n}\n"],"names":["NileProgressBar","p","this","value","_this","_createClass","key","render","html","_templateObject","_taggedTemplateLiteral","LitElement","styles","__decorate","property","type","Number","prototype","customElement"],"mappings":"ytHAIaA,CAAAA,uBAAAA,EAAAA,EAAAA,SAAAA,CAAAA,CAAAA,CAAAA,EAAAA,MAAAA,MAAAA,CAAAA,YAAAA,CAAAA,CAAAA,EAAN,SAAAC,EAAA,qEAGuBC,EAAAA,KAAAA,CAAKC,KAAG,CAAA,CAWrC,QAAAC,KAAA,EATUC,YAAA,CAAAJ,CAAA,GAAAK,GAAA,UAAAH,KAAA,UAAAI,OAAA,CACP,CAAA,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,+MAGqBR,IAAKC,CAAAA,KAAAA,EAItC,CAAA,WAAAF,CAAA,GAbkCU,CAA9B,GACWX,EAAMY,MAAmBA,CAAAA,CAAAA,CAEbC,EAAA,CAA3BC,CAAAA,CAAS,CAAEC,IAAMC,CAAAA,MAAAA,CAAAA,CAAAA,CAAAA,CAAoBhB,CAAAiB,CAAAA,SAAAA,CAAA,YAAA,EAH3BjB,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAea,EAAA,CAD3BK,CAAAA,CAAc,sBACFlB"}
+{"version":3,"file":"nile-progress-bar.cjs.js","sources":["../../../src/nile-progress-bar/nile-progress-bar.ts"],"sourcesContent":["import { LitElement, html, css, property, customElement, CSSResultGroup } from 'lit-element';\nimport styles from './nile-progress-bar.css';\n\n@customElement('nile-progress-bar')\nexport class NileProgressBar extends LitElement {\n  static override styles: CSSResultGroup = styles;\n\n  @property({ type: Number }) value = 0;\n\n  override render() {\n    return html`\n      <div class=\"nile-progress-bar__container\">\n        <ul class=\"nile-progress-bar__progress-bar\">\n          <li><span style=\"width: ${this.value}%\"></span></li>\n        </ul>\n      </div>\n    `;\n  }\n}\n"],"names":["NileProgressBar","p","this","value","_this","_inherits","_r","_createClass","key","render","html","_templateObject","_taggedTemplateLiteral","LitElement","styles","__decorate","property","type","Number","prototype","customElement"],"mappings":"+oHAIaA,CAAAA,uBAAAA,EAAAA,EAAN,SAAAC,EAAA,qEAGuBC,EAAAA,KAAAA,CAAKC,KAAG,CAAA,CAWrC,QAAAC,KAAA,EATUC,SAAA,CAAAJ,CAAA,CAAAK,EAAA,SAAAC,YAAA,CAAAN,CAAA,GAAAO,GAAA,UAAAL,KAAA,UAAAM,OAAA,CACP,CAAA,MAAOC,CAAAA,CAAI,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA,+MAGqBV,IAAKC,CAAAA,KAAAA,EAItC,CAAA,MAbkCU,CAA9B,GACWb,EAAMc,MAAmBA,CAAAA,CAAAA,CAEbC,EAAA,CAA3BC,CAAAA,CAAS,CAAEC,IAAMC,CAAAA,MAAAA,CAAAA,CAAAA,CAAAA,CAAoBlB,CAAAmB,CAAAA,SAAAA,CAAA,YAAA,EAH3BnB,CAAAA,CAAAA,OAAAA,KAAAA,CAAAA,CAAee,EAAA,CAD3BK,CAAAA,CAAc,sBACFpB"}

package/dist/nile-progress-bar/nile-progress-bar.css.cjs.js

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var r,_templateObject,o;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_lit){r=_lit.css;}],execute:function(){_export("s",o=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  .nile-progress-bar__container {\n    width: 100%;\n    margin: 0 auto;\n  }\n\n  .nile-progress-bar__progress-bar {\n    width: 100%;\n    counter-reset: step;\n    padding: 0;\n    margin: 0 auto;\n    list-style: none;\n    display: flex;\n    height: 2px;\n    justify-content: space-between;\n  }\n\n  .nile-progress-bar__progress-bar li {\n    position: relative;\n    width: 100%;\n    height: 2px;\n    background-color: var(--nile-colors-neutral-400);\n  }\n\n  .nile-progress-bar__progress-bar li.changeColor::after {\n    background-color: var(--nile-colors-primary-600);\n  }\n\n  .nile-progress-bar__progress-bar li span {\n    position: absolute;\n    top: 0;\n    left: 0;\n    background-color: var(--nile-colors-primary-600);\n    height: 2px;\n    transition: all 1s linear;\n  }\n\n  .nile-progress-bar__reset {\n    background-color: var(--nile-colors-neutral-400);\n    position: absolute;\n    z-index: 1;\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var r,_templateObject,o;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_lit){r=_lit.css;}],execute:function execute(){_export("s",o=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  .nile-progress-bar__container {\n    width: 100%;\n    margin: 0 auto;\n  }\n\n  .nile-progress-bar__progress-bar {\n    width: 100%;\n    counter-reset: step;\n    padding: 0;\n    margin: 0 auto;\n    list-style: none;\n    display: flex;\n    height: 2px;\n    justify-content: space-between;\n  }\n\n  .nile-progress-bar__progress-bar li {\n    position: relative;\n    width: 100%;\n    height: 2px;\n    background-color: var(--nile-colors-neutral-400);\n  }\n\n  .nile-progress-bar__progress-bar li.changeColor::after {\n    background-color: var(--nile-colors-primary-600);\n  }\n\n  .nile-progress-bar__progress-bar li span {\n    position: absolute;\n    top: 0;\n    left: 0;\n    background-color: var(--nile-colors-primary-600);\n    height: 2px;\n    transition: all 1s linear;\n  }\n\n  .nile-progress-bar__reset {\n    background-color: var(--nile-colors-neutral-400);\n    position: absolute;\n    z-index: 1;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-progress-bar.css.cjs.js.map

package/dist/nile-progress-bar/nile-progress-bar.css.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"nile-progress-bar.css.cjs.js","sources":["../../../src/nile-progress-bar/nile-progress-bar.css.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport default css`\n  .nile-progress-bar__container {\n    width: 100%;\n    margin: 0 auto;\n  }\n\n  .nile-progress-bar__progress-bar {\n    width: 100%;\n    counter-reset: step;\n    padding: 0;\n    margin: 0 auto;\n    list-style: none;\n    display: flex;\n    height: 2px;\n    justify-content: space-between;\n  }\n\n  .nile-progress-bar__progress-bar li {\n    position: relative;\n    width: 100%;\n    height: 2px;\n    background-color: var(--nile-colors-neutral-400);\n  }\n\n  .nile-progress-bar__progress-bar li.changeColor::after {\n    background-color: var(--nile-colors-primary-600);\n  }\n\n  .nile-progress-bar__progress-bar li span {\n    position: absolute;\n    top: 0;\n    left: 0;\n    background-color: var(--nile-colors-primary-600);\n    height: 2px;\n    transition: all 1s linear;\n  }\n\n  .nile-progress-bar__reset {\n    background-color: var(--nile-colors-neutral-400);\n    position: absolute;\n    z-index: 1;\n  }\n`;\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"yUAEeA,CAAAA,CAAAC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-progress-bar.css.cjs.js","sources":["../../../src/nile-progress-bar/nile-progress-bar.css.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport default css`\n  .nile-progress-bar__container {\n    width: 100%;\n    margin: 0 auto;\n  }\n\n  .nile-progress-bar__progress-bar {\n    width: 100%;\n    counter-reset: step;\n    padding: 0;\n    margin: 0 auto;\n    list-style: none;\n    display: flex;\n    height: 2px;\n    justify-content: space-between;\n  }\n\n  .nile-progress-bar__progress-bar li {\n    position: relative;\n    width: 100%;\n    height: 2px;\n    background-color: var(--nile-colors-neutral-400);\n  }\n\n  .nile-progress-bar__progress-bar li.changeColor::after {\n    background-color: var(--nile-colors-primary-600);\n  }\n\n  .nile-progress-bar__progress-bar li span {\n    position: absolute;\n    top: 0;\n    left: 0;\n    background-color: var(--nile-colors-primary-600);\n    height: 2px;\n    transition: all 1s linear;\n  }\n\n  .nile-progress-bar__reset {\n    background-color: var(--nile-colors-neutral-400);\n    position: absolute;\n    z-index: 1;\n  }\n`;\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"iVAEeA,CAAAA,CAAAC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

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

@@ -1,2 +1,2 @@
-System.register(["./nile-radio.cjs.js","tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","./nile-radio.css.cjs.js","lit/directives/class-map.js","../internal/watch.cjs.js","../internal/nile-element.cjs.js","lit","../property-0f6a51ec.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileRadioCjsJs){_export("NileRadio",_nileRadioCjsJs.N);},function(_tslib){},function(_index001CjsJs){},function(_litDecoratorsJs){},function(_nileRadioCssCjsJs){},function(_litDirectivesClassMapJs){},function(_internalWatchCjsJs){},function(_internalNileElementCjsJs){},function(_lit){},function(_property002CjsJs){}],execute:function(){}};});
+System.register(["./nile-radio.cjs.js","tslib","../index-7e13aee2.cjs.js","lit/decorators.js","./nile-radio.css.cjs.js","lit/directives/class-map.js","../internal/watch.cjs.js","../internal/nile-element.cjs.js","lit","../property-217fe924.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileRadioCjsJs){_export("NileRadio",_nileRadioCjsJs.N);},function(_tslib){},function(_index001CjsJs){},function(_litDecoratorsJs){},function(_nileRadioCssCjsJs){},function(_litDirectivesClassMapJs){},function(_internalWatchCjsJs){},function(_internalNileElementCjsJs){},function(_lit){},function(_property002CjsJs){}],execute:function execute(){}};});
 //# sourceMappingURL=index.cjs.js.map

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

@@ -1,2 +1,2 @@
-System.register(["tslib","../index-cd83c5c8.cjs.js","lit/decorators.js","./nile-radio.css.cjs.js","lit/directives/class-map.js","../internal/watch.cjs.js","../internal/nile-element.cjs.js","../property-0f6a51ec.cjs.js","lit"],function(_export,_context){"use strict";var s,i,t,e,a,l,h,r,o,_templateObject,_templateObject2,d;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}function _get(){if(typeof Reflect!=="undefined"&&Reflect.get){_get=Reflect.get.bind();}else{_get=function _get(target,property,receiver){var base=_superPropBase(target,property);if(!base)return;var desc=Object.getOwnPropertyDescriptor(base,property);if(desc.get){return desc.get.call(arguments.length<3?target:receiver);}return desc.value;};}return _get.apply(this,arguments);}function _superPropBase(object,property){while(!Object.prototype.hasOwnProperty.call(object,property)){object=_getPrototypeOf(object);if(object===null)break;}return object;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(typeof call==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}return{setters:[function(_tslib){s=_tslib.__decorate;},function(_index001CjsJs){i=_index001CjsJs.x;},function(_litDecoratorsJs){t=_litDecoratorsJs.state;e=_litDecoratorsJs.customElement;},function(_nileRadioCssCjsJs){a=_nileRadioCssCjsJs.s;},function(_litDirectivesClassMapJs){l=_litDirectivesClassMapJs.classMap;},function(_internalWatchCjsJs){h=_internalWatchCjsJs.w;},function(_internalNileElementCjsJs){r=_internalNileElementCjsJs.N;},function(_property002CjsJs){o=_property002CjsJs.n;},function(_lit){}],execute:function(){_export("N",d=/*#__PURE__*/function(_r){_inherits(d,_r);var _super=_createSuper(d);function d(){var _this;_classCallCheck(this,d);_this=_super.apply(this,arguments),_this.checked=!1,_this.hasFocus=!1,_this.value="",_this.size="medium",_this.disabled=!1,_this.islabelborder=!1;return _this;}_createClass(d,[{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(d.prototype),"connectedCallback",this).call(this),this.handleBlur=this.handleBlur.bind(this),this.handleClick=this.handleClick.bind(this),this.handleFocus=this.handleFocus.bind(this),this.setInitialAttributes(),this.addEventListeners(),this.emit("nile-init");}},{key:"disconnectedCallback",value:function disconnectedCallback(){this.removeEventListeners(),this.emit("nile-destroy");}},{key:"addEventListeners",value:function addEventListeners(){this.addEventListener("blur",this.handleBlur),this.addEventListener("click",this.handleClick),this.addEventListener("focus",this.handleFocus);}},{key:"removeEventListeners",value:function removeEventListeners(){this.removeEventListener("blur",this.handleBlur),this.removeEventListener("click",this.handleClick),this.removeEventListener("focus",this.handleFocus);}},{key:"handleBlur",value:function handleBlur(){this.hasFocus=!1,this.dispatchEvent(new CustomEvent("nile-blur",{bubbles:!0,composed:!0}));}},{key:"handleClick",value:function handleClick(){this.disabled||(this.checked=!0);}},{key:"handleFocus",value:function handleFocus(){this.hasFocus=!0,this.dispatchEvent(new CustomEvent("nile-focus",{bubbles:!0,composed:!0}));}},{key:"setInitialAttributes",value:function setInitialAttributes(){this.setAttribute("role","radio"),this.setAttribute("tabindex","-1"),this.setAttribute("aria-disabled",this.disabled?"true":"false");}},{key:"handleCheckedChange",value:function handleCheckedChange(){this.setAttribute("aria-checked",this.checked?"true":"false"),this.setAttribute("tabindex",this.checked?"0":"-1");}},{key:"handleDisabledChange",value:function handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false");}},{key:"render",value:function render(){return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <span\n        part=\"base\"\n        class=","\n      >\n        <span part=\"","\" class=\"radio__control\">\n          ","\n        </span>\n\n        <slot part=\"label\" class=\"radio__label\"></slot>\n      </span>\n    "])),l({radio:!0,"radio--checked":this.checked,"radio--disabled":this.disabled,"radio--focused":this.hasFocus,"radio--medium":"medium"===this.size,radio__label_border:this.islabelborder}),"control"+(this.checked?" control--checked":""),this.checked?i(_templateObject2||(_templateObject2=_taggedTemplateLiteral([" <span class=\"radio__checked-icon\"></span> "]))):"");}}]);return d;}(r));d.styles=a,s([t()],d.prototype,"checked",void 0),s([t()],d.prototype,"hasFocus",void 0),s([o()],d.prototype,"value",void 0),s([o({reflect:!0})],d.prototype,"size",void 0),s([o({type:Boolean,reflect:!0})],d.prototype,"disabled",void 0),s([o({type:Boolean,reflect:!0})],d.prototype,"islabelborder",void 0),s([h("checked")],d.prototype,"handleCheckedChange",null),s([h("disabled",{waitUntilFirstUpdate:!0})],d.prototype,"handleDisabledChange",null),_export("N",d=s([e("nile-radio")],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","../index-7e13aee2.cjs.js","lit/decorators.js","./nile-radio.css.cjs.js","lit/directives/class-map.js","../internal/watch.cjs.js","../internal/nile-element.cjs.js","../property-217fe924.cjs.js","lit"],function(_export,_context){"use strict";var s,i,t,e,a,l,h,r,o,_templateObject,_templateObject2,d;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(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(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _get(){if(typeof Reflect!=="undefined"&&Reflect.get){_get=Reflect.get.bind();}else{_get=function _get(target,property,receiver){var base=_superPropBase(target,property);if(!base)return;var desc=Object.getOwnPropertyDescriptor(base,property);if(desc.get){return desc.get.call(arguments.length<3?target:receiver);}return desc.value;};}return _get.apply(this,arguments);}function _superPropBase(object,property){while(!Object.prototype.hasOwnProperty.call(object,property)){object=_getPrototypeOf(object);if(object===null)break;}return object;}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}return{setters:[function(_tslib){s=_tslib.__decorate;},function(_index001CjsJs){i=_index001CjsJs.x;},function(_litDecoratorsJs){t=_litDecoratorsJs.state;e=_litDecoratorsJs.customElement;},function(_nileRadioCssCjsJs){a=_nileRadioCssCjsJs.s;},function(_litDirectivesClassMapJs){l=_litDirectivesClassMapJs.classMap;},function(_internalWatchCjsJs){h=_internalWatchCjsJs.w;},function(_internalNileElementCjsJs){r=_internalNileElementCjsJs.N;},function(_property002CjsJs){o=_property002CjsJs.n;},function(_lit){}],execute:function execute(){_export("N",d=/*#__PURE__*/function(_r){function d(){var _this;_classCallCheck(this,d);_this=_callSuper(this,d,arguments),_this.checked=!1,_this.hasFocus=!1,_this.value="",_this.size="medium",_this.disabled=!1,_this.islabelborder=!1;return _this;}_inherits(d,_r);return _createClass(d,[{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(d.prototype),"connectedCallback",this).call(this),this.handleBlur=this.handleBlur.bind(this),this.handleClick=this.handleClick.bind(this),this.handleFocus=this.handleFocus.bind(this),this.setInitialAttributes(),this.addEventListeners(),this.emit("nile-init");}},{key:"disconnectedCallback",value:function disconnectedCallback(){this.removeEventListeners(),this.emit("nile-destroy");}},{key:"addEventListeners",value:function addEventListeners(){this.addEventListener("blur",this.handleBlur),this.addEventListener("click",this.handleClick),this.addEventListener("focus",this.handleFocus);}},{key:"removeEventListeners",value:function removeEventListeners(){this.removeEventListener("blur",this.handleBlur),this.removeEventListener("click",this.handleClick),this.removeEventListener("focus",this.handleFocus);}},{key:"handleBlur",value:function handleBlur(){this.hasFocus=!1,this.dispatchEvent(new CustomEvent("nile-blur",{bubbles:!0,composed:!0}));}},{key:"handleClick",value:function handleClick(){this.disabled||(this.checked=!0);}},{key:"handleFocus",value:function handleFocus(){this.hasFocus=!0,this.dispatchEvent(new CustomEvent("nile-focus",{bubbles:!0,composed:!0}));}},{key:"setInitialAttributes",value:function setInitialAttributes(){this.setAttribute("role","radio"),this.setAttribute("tabindex","-1"),this.setAttribute("aria-disabled",this.disabled?"true":"false");}},{key:"handleCheckedChange",value:function handleCheckedChange(){this.setAttribute("aria-checked",this.checked?"true":"false"),this.setAttribute("tabindex",this.checked?"0":"-1");}},{key:"handleDisabledChange",value:function handleDisabledChange(){this.setAttribute("aria-disabled",this.disabled?"true":"false");}},{key:"render",value:function render(){return i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n      <span\n        part=\"base\"\n        class=","\n      >\n        <span part=\"","\" class=\"radio__control\">\n          ","\n        </span>\n\n        <slot part=\"label\" class=\"radio__label\"></slot>\n      </span>\n    "])),l({radio:!0,"radio--checked":this.checked,"radio--disabled":this.disabled,"radio--focused":this.hasFocus,"radio--medium":"medium"===this.size,radio__label_border:this.islabelborder}),"control"+(this.checked?" control--checked":""),this.checked?i(_templateObject2||(_templateObject2=_taggedTemplateLiteral([" <span class=\"radio__checked-icon\"></span> "]))):"");}}]);}(r));d.styles=a,s([t()],d.prototype,"checked",void 0),s([t()],d.prototype,"hasFocus",void 0),s([o()],d.prototype,"value",void 0),s([o({reflect:!0})],d.prototype,"size",void 0),s([o({type:Boolean,reflect:!0})],d.prototype,"disabled",void 0),s([o({type:Boolean,reflect:!0})],d.prototype,"islabelborder",void 0),s([h("checked")],d.prototype,"handleCheckedChange",null),s([h("disabled",{waitUntilFirstUpdate:!0})],d.prototype,"handleDisabledChange",null),_export("N",d=s([e("nile-radio")],d));}};});
 //# sourceMappingURL=nile-radio.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-radio.cjs.js","sources":["../../../src/nile-radio/nile-radio.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {LitElement, html, property, CSSResultArray, TemplateResult} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport {styles} from './nile-radio.css';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { state } from 'lit/decorators.js';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\n/**\n * Nile icon component.\n *\n * @tag nile-radio\n *\n *\n* @dependency nile-icon\n *\n * @slot - The radio's label.\n *\n * @event blur - Emitted when the control loses focus.\n * @event focus - Emitted when the control gains focus.\n *\n * @csspart base - The component's base wrapper.\n * @csspart control - The circular container that wraps the radio's checked state.\n * @csspart control--checked - The radio control when the radio is checked.\n * @csspart checked-icon - The checked icon, an `<nile-icon>` element.\n * @csspart label - The container that wraps the radio's label.\n */\n@customElement('nile-radio')\nexport class NileRadio extends NileElement {\n  static styles: CSSResultGroup = styles;\n\n  @state() checked = false;\n  @state() protected hasFocus = false;\n\n  /** The radio's value. When selected, the radio group will receive this value. */\n  @property() value: string = '';\n\n  /** The radio's size. */\n  @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** Disables the radio. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** The radio's labelborder. */\n  @property({ type: Boolean, reflect: true }) islabelborder = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.handleBlur = this.handleBlur.bind(this);\n    this.handleClick = this.handleClick.bind(this);\n    this.handleFocus = this.handleFocus.bind(this);\n\n    this.setInitialAttributes();\n    this.addEventListeners();\n    this.emit('nile-init');\n  }\n\n  disconnectedCallback() {\n    this.removeEventListeners();\n    this.emit('nile-destroy');\n  }\n\n  private addEventListeners() {\n    this.addEventListener('blur', this.handleBlur);\n    this.addEventListener('click', this.handleClick);\n    this.addEventListener('focus', this.handleFocus);\n  }\n\n  private removeEventListeners() {\n    this.removeEventListener('blur', this.handleBlur);\n    this.removeEventListener('click', this.handleClick);\n    this.removeEventListener('focus', this.handleFocus);\n  }\n\n  private handleBlur() {\n    this.hasFocus = false;\n    this.dispatchEvent(\n      new CustomEvent('nile-blur', {\n        bubbles: true,\n        composed: true\n      })\n    );\n  }\n\n  private handleClick() {\n    if (!this.disabled) {\n      this.checked = true;\n    }\n  }\n\n  private handleFocus() {\n    this.hasFocus = true;\n    this.dispatchEvent(\n      new CustomEvent('nile-focus', {\n        bubbles: true,\n        composed: true\n      })\n    );\n  }\n\n  private setInitialAttributes() {\n    this.setAttribute('role', 'radio');\n    this.setAttribute('tabindex', '-1');\n    this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');\n  }\n\n  @watch('checked')\n  handleCheckedChange() {\n    this.setAttribute('aria-checked', this.checked ? 'true' : 'false');\n    this.setAttribute('tabindex', this.checked ? '0' : '-1');\n  }\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  handleDisabledChange() {\n    this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');\n  }\n\n  render() {\n    return html`\n      <span\n        part=\"base\"\n        class=${classMap({\n          radio: true,\n          'radio--checked': this.checked,\n          'radio--disabled': this.disabled,\n          'radio--focused': this.hasFocus,\n          'radio--medium': this.size === 'medium',\n          'radio__label_border':this.islabelborder\n        })}\n      >\n        <span part=\"${`control${this.checked ? ' control--checked' : ''}`}\" class=\"radio__control\">\n          ${this.checked\n            ? html` <span class=\"radio__checked-icon\"></span> `\n            : ''}\n        </span>\n\n        <slot part=\"label\" class=\"radio__label\"></slot>\n      </span>\n    `;\n  }\n}\n\nexport default NileRadio;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-radio': NileRadio;\n  }\n}\n"],"names":["NileRadio","_r","_inherits","d","_super","_createSuper","this","checked","hasFocus","value","size","disabled","islabelborder","_this","_createClass","key","connectedCallback","super","handleBlur","bind","handleClick","handleFocus","setInitialAttributes","addEventListeners","emit","disconnectedCallback","removeEventListeners","addEventListener","removeEventListener","dispatchEvent","CustomEvent","bubbles","composed","setAttribute","handleCheckedChange","handleDisabledChange","render","html","_templateObject","_taggedTemplateLiteral","classMap","radio","radio__label_border","_templateObject2","NileElement","styles","__decorate","state","prototype","property","reflect","type","Boolean","watch","waitUntilFirstUpdate","customElement"],"mappings":"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"}
+{"version":3,"file":"nile-radio.cjs.js","sources":["../../../src/nile-radio/nile-radio.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport {LitElement, html, property, CSSResultArray, TemplateResult} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport {styles} from './nile-radio.css';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { state } from 'lit/decorators.js';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport type { CSSResultGroup } from 'lit';\n/**\n * Nile icon component.\n *\n * @tag nile-radio\n *\n *\n* @dependency nile-icon\n *\n * @slot - The radio's label.\n *\n * @event blur - Emitted when the control loses focus.\n * @event focus - Emitted when the control gains focus.\n *\n * @csspart base - The component's base wrapper.\n * @csspart control - The circular container that wraps the radio's checked state.\n * @csspart control--checked - The radio control when the radio is checked.\n * @csspart checked-icon - The checked icon, an `<nile-icon>` element.\n * @csspart label - The container that wraps the radio's label.\n */\n@customElement('nile-radio')\nexport class NileRadio extends NileElement {\n  static styles: CSSResultGroup = styles;\n\n  @state() checked = false;\n  @state() protected hasFocus = false;\n\n  /** The radio's value. When selected, the radio group will receive this value. */\n  @property() value: string = '';\n\n  /** The radio's size. */\n  @property({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /** Disables the radio. */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  /** The radio's labelborder. */\n  @property({ type: Boolean, reflect: true }) islabelborder = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.handleBlur = this.handleBlur.bind(this);\n    this.handleClick = this.handleClick.bind(this);\n    this.handleFocus = this.handleFocus.bind(this);\n\n    this.setInitialAttributes();\n    this.addEventListeners();\n    this.emit('nile-init');\n  }\n\n  disconnectedCallback() {\n    this.removeEventListeners();\n    this.emit('nile-destroy');\n  }\n\n  private addEventListeners() {\n    this.addEventListener('blur', this.handleBlur);\n    this.addEventListener('click', this.handleClick);\n    this.addEventListener('focus', this.handleFocus);\n  }\n\n  private removeEventListeners() {\n    this.removeEventListener('blur', this.handleBlur);\n    this.removeEventListener('click', this.handleClick);\n    this.removeEventListener('focus', this.handleFocus);\n  }\n\n  private handleBlur() {\n    this.hasFocus = false;\n    this.dispatchEvent(\n      new CustomEvent('nile-blur', {\n        bubbles: true,\n        composed: true\n      })\n    );\n  }\n\n  private handleClick() {\n    if (!this.disabled) {\n      this.checked = true;\n    }\n  }\n\n  private handleFocus() {\n    this.hasFocus = true;\n    this.dispatchEvent(\n      new CustomEvent('nile-focus', {\n        bubbles: true,\n        composed: true\n      })\n    );\n  }\n\n  private setInitialAttributes() {\n    this.setAttribute('role', 'radio');\n    this.setAttribute('tabindex', '-1');\n    this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');\n  }\n\n  @watch('checked')\n  handleCheckedChange() {\n    this.setAttribute('aria-checked', this.checked ? 'true' : 'false');\n    this.setAttribute('tabindex', this.checked ? '0' : '-1');\n  }\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  handleDisabledChange() {\n    this.setAttribute('aria-disabled', this.disabled ? 'true' : 'false');\n  }\n\n  render() {\n    return html`\n      <span\n        part=\"base\"\n        class=${classMap({\n          radio: true,\n          'radio--checked': this.checked,\n          'radio--disabled': this.disabled,\n          'radio--focused': this.hasFocus,\n          'radio--medium': this.size === 'medium',\n          'radio__label_border':this.islabelborder\n        })}\n      >\n        <span part=\"${`control${this.checked ? ' control--checked' : ''}`}\" class=\"radio__control\">\n          ${this.checked\n            ? html` <span class=\"radio__checked-icon\"></span> `\n            : ''}\n        </span>\n\n        <slot part=\"label\" class=\"radio__label\"></slot>\n      </span>\n    `;\n  }\n}\n\nexport default NileRadio;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-radio': NileRadio;\n  }\n}\n"],"names":["NileRadio","_r","d","this","checked","hasFocus","value","size","disabled","islabelborder","_this","_inherits","_createClass","key","connectedCallback","super","handleBlur","bind","handleClick","handleFocus","setInitialAttributes","addEventListeners","emit","disconnectedCallback","removeEventListeners","addEventListener","removeEventListener","dispatchEvent","CustomEvent","bubbles","composed","setAttribute","handleCheckedChange","handleDisabledChange","render","html","_templateObject","_taggedTemplateLiteral","classMap","radio","radio__label_border","_templateObject2","NileElement","styles","__decorate","state","prototype","property","reflect","type","Boolean","watch","waitUntilFirstUpdate","customElement"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-System.register(["../index-cd83c5c8.cjs.js"],function(_export,_context){"use strict";var o,_templateObject,r;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){o=_index001CjsJs.i;}],execute:function(){_export("s",r=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: block;\n  }\n\n  :host(:focus-visible) {\n    outline: 0px;\n  }\n\n  .radio {\n    display: inline-flex;\n    align-items: top;\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--nile-colors-dark-900);\n    vertical-align: middle;\n    cursor: pointer;\n    margin: 10px 0;\n    align-items: center;\n  }\n\n  .radio--medium {\n    --toggle-size: 14px;\n    font-size: 14px;\n  }\n\n  .radio__checked-icon {\n    display: inline-flex;\n    width: var(--nile-radio-inner-width);\n    height: var(--nile-radio-inner-width);\n    border-radius: 50%;\n    background: var(--nile-radio-checked-icon-background);\n  }\n\n  .radio__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-radio-outer-width);\n    height: var(--nile-radio-outer-height);\n    border: solid 1px var(--nile-radio-outer-border-color);\n    border-radius: 50%;\n    background-color: var(--nile-radio-outer-background-color);\n    color: transparent;\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  .radio__input {\n    position: absolute;\n    opacity: 0;\n    padding: 0;\n    margin: 0;\n    pointer-events: none;\n  }\n\n  /* Hover */\n  .radio:not(.radio--checked):not(.radio--disabled) .radio__control:hover {\n    border: 1px solid var(--nile-radio-hover-border-color);\n    background: var(--nile-radio-hover-background-color);\n  }\n\n  /* Checked */\n  .radio--checked .radio__control {\n    color: var(--nile-colors-primary-600);\n    border: 1px solid var(--nile-radio-checked-border-color);\n    background-color: var(--nile-radio-checked-background-color);\n  }\n\n  /* Checked + hover */\n  .radio.radio--checked:not(.radio--disabled) .radio__control:hover {\n    border: 1px solid var(--nile-radio-checked-hover-border-color);\n    background-color: var(--nile-radio-checked-hover-background-color); \n  }\n\n  /* Checked + hover */\n  .radio__checked-icon:hover {\n    background-color: var(--nile-radio-checked-hover-icon-background-color);\n  }\n\n  /* Checked + focus */\n  :host(:focus-visible) .radio__control {\n    outline: solid 3px hsl(198.6 88.7% 48.4% / 40%);\n    outline-offset: 1px;\n  }\n\n  /* Disabled */\n  .radio--disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .radio--disabled .radio__checked-icon {\n    background-color:#D0D5DD; // for v2\n  }\n\n  .radio--disabled .radio__control {\n    background-color:#F9FAFB;\n    border: 1px solid #D0D5DD;\n  }\n\n  /* When the control isn't checked, hide the circle for Windows High Contrast mode a11y */\n  .radio:not(.radio--checked) svg circle {\n    opacity: 0;\n  }\n\n  .radio__label {\n    display: inline-block;\n    color: var(--nile-colors-dark-900);\n    line-height: var(--nile-type-scale-3);\n    margin-inline-start: 0.5em;\n    user-select: none;\n    font-size: var(--nile-type-scale-3);\n    margin-top: 2px;\n  }\n  .radio__label_border {\n    padding: 0.75rem;\n    border-radius: 4px;\n    border: 1px solid var(--Neutral-Normal, #e5e9eb);\n  }\n"]))));}};});
+System.register(["../index-7e13aee2.cjs.js"],function(_export,_context){"use strict";var o,_templateObject,r;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_index001CjsJs){o=_index001CjsJs.i;}],execute:function execute(){_export("s",r=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n  :host {\n    display: block;\n  }\n\n  :host(:focus-visible) {\n    outline: 0px;\n  }\n\n  .radio {\n    display: inline-flex;\n    align-items: top;\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--nile-colors-dark-900);\n    vertical-align: middle;\n    cursor: pointer;\n    margin: 10px 0;\n    align-items: center;\n  }\n\n  .radio--medium {\n    --toggle-size: 14px;\n    font-size: 14px;\n  }\n\n  .radio__checked-icon {\n    display: inline-flex;\n    width: var(--nile-radio-inner-width);\n    height: var(--nile-radio-inner-width);\n    border-radius: 50%;\n    background: var(--nile-radio-checked-icon-background);\n  }\n\n  .radio__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-radio-outer-width);\n    height: var(--nile-radio-outer-height);\n    border: solid 1px var(--nile-radio-outer-border-color);\n    border-radius: 50%;\n    background-color: var(--nile-radio-outer-background-color);\n    color: transparent;\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  .radio__input {\n    position: absolute;\n    opacity: 0;\n    padding: 0;\n    margin: 0;\n    pointer-events: none;\n  }\n\n  /* Hover */\n  .radio:not(.radio--checked):not(.radio--disabled) .radio__control:hover {\n    border: 1px solid var(--nile-radio-hover-border-color);\n    background: var(--nile-radio-hover-background-color);\n  }\n\n  /* Checked */\n  .radio--checked .radio__control {\n    color: var(--nile-colors-primary-600);\n    border: 1px solid var(--nile-radio-checked-border-color);\n    background-color: var(--nile-radio-checked-background-color);\n  }\n\n  /* Checked + hover */\n  .radio.radio--checked:not(.radio--disabled) .radio__control:hover {\n    border: 1px solid var(--nile-radio-checked-hover-border-color);\n    background-color: var(--nile-radio-checked-hover-background-color); \n  }\n\n  /* Checked + hover */\n  .radio__checked-icon:hover {\n    background-color: var(--nile-radio-checked-hover-icon-background-color);\n  }\n\n  /* Checked + focus */\n  :host(:focus-visible) .radio__control {\n    outline: solid 3px hsl(198.6 88.7% 48.4% / 40%);\n    outline-offset: 1px;\n  }\n\n  /* Disabled */\n  .radio--disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .radio--disabled .radio__checked-icon {\n    background-color:#D0D5DD; // for v2\n  }\n\n  .radio--disabled .radio__control {\n    background-color:#F9FAFB;\n    border: 1px solid #D0D5DD;\n  }\n\n  /* When the control isn't checked, hide the circle for Windows High Contrast mode a11y */\n  .radio:not(.radio--checked) svg circle {\n    opacity: 0;\n  }\n\n  .radio__label {\n    display: inline-block;\n    color: var(--nile-colors-dark-900);\n    line-height: var(--nile-type-scale-3);\n    margin-inline-start: 0.5em;\n    user-select: none;\n    font-size: var(--nile-type-scale-3);\n    margin-top: 2px;\n  }\n  .radio__label_border {\n    padding: 0.75rem;\n    border-radius: 4px;\n    border: 1px solid var(--Neutral-Normal, #e5e9eb);\n  }\n"]))));}};});
 //# sourceMappingURL=nile-radio.css.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-radio.css.cjs.js","sources":["../../../src/nile-radio/nile-radio.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * Radio CSS\n */\nexport const styles = css`\n  :host {\n    display: block;\n  }\n\n  :host(:focus-visible) {\n    outline: 0px;\n  }\n\n  .radio {\n    display: inline-flex;\n    align-items: top;\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--nile-colors-dark-900);\n    vertical-align: middle;\n    cursor: pointer;\n    margin: 10px 0;\n    align-items: center;\n  }\n\n  .radio--medium {\n    --toggle-size: 14px;\n    font-size: 14px;\n  }\n\n  .radio__checked-icon {\n    display: inline-flex;\n    width: var(--nile-radio-inner-width);\n    height: var(--nile-radio-inner-width);\n    border-radius: 50%;\n    background: var(--nile-radio-checked-icon-background);\n  }\n\n  .radio__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-radio-outer-width);\n    height: var(--nile-radio-outer-height);\n    border: solid 1px var(--nile-radio-outer-border-color);\n    border-radius: 50%;\n    background-color: var(--nile-radio-outer-background-color);\n    color: transparent;\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  .radio__input {\n    position: absolute;\n    opacity: 0;\n    padding: 0;\n    margin: 0;\n    pointer-events: none;\n  }\n\n  /* Hover */\n  .radio:not(.radio--checked):not(.radio--disabled) .radio__control:hover {\n    border: 1px solid var(--nile-radio-hover-border-color);\n    background: var(--nile-radio-hover-background-color);\n  }\n\n  /* Checked */\n  .radio--checked .radio__control {\n    color: var(--nile-colors-primary-600);\n    border: 1px solid var(--nile-radio-checked-border-color);\n    background-color: var(--nile-radio-checked-background-color);\n  }\n\n  /* Checked + hover */\n  .radio.radio--checked:not(.radio--disabled) .radio__control:hover {\n    border: 1px solid var(--nile-radio-checked-hover-border-color);\n    background-color: var(--nile-radio-checked-hover-background-color); \n  }\n\n  /* Checked + hover */\n  .radio__checked-icon:hover {\n    background-color: var(--nile-radio-checked-hover-icon-background-color);\n  }\n\n  /* Checked + focus */\n  :host(:focus-visible) .radio__control {\n    outline: solid 3px hsl(198.6 88.7% 48.4% / 40%);\n    outline-offset: 1px;\n  }\n\n  /* Disabled */\n  .radio--disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .radio--disabled .radio__checked-icon {\n    background-color:#D0D5DD; // for v2\n  }\n\n  .radio--disabled .radio__control {\n    background-color:#F9FAFB;\n    border: 1px solid #D0D5DD;\n  }\n\n  /* When the control isn't checked, hide the circle for Windows High Contrast mode a11y */\n  .radio:not(.radio--checked) svg circle {\n    opacity: 0;\n  }\n\n  .radio__label {\n    display: inline-block;\n    color: var(--nile-colors-dark-900);\n    line-height: var(--nile-type-scale-3);\n    margin-inline-start: 0.5em;\n    user-select: none;\n    font-size: var(--nile-type-scale-3);\n    margin-top: 2px;\n  }\n  .radio__label_border {\n    padding: 0.75rem;\n    border-radius: 4px;\n    border: 1px solid var(--Neutral-Normal, #e5e9eb);\n  }\n`;\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"gXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
+{"version":3,"file":"nile-radio.css.cjs.js","sources":["../../../src/nile-radio/nile-radio.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit-element';\n\n/**\n * Radio CSS\n */\nexport const styles = css`\n  :host {\n    display: block;\n  }\n\n  :host(:focus-visible) {\n    outline: 0px;\n  }\n\n  .radio {\n    display: inline-flex;\n    align-items: top;\n    font-size: 14px;\n    font-weight: 500;\n    color: var(--nile-colors-dark-900);\n    vertical-align: middle;\n    cursor: pointer;\n    margin: 10px 0;\n    align-items: center;\n  }\n\n  .radio--medium {\n    --toggle-size: 14px;\n    font-size: 14px;\n  }\n\n  .radio__checked-icon {\n    display: inline-flex;\n    width: var(--nile-radio-inner-width);\n    height: var(--nile-radio-inner-width);\n    border-radius: 50%;\n    background: var(--nile-radio-checked-icon-background);\n  }\n\n  .radio__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-radio-outer-width);\n    height: var(--nile-radio-outer-height);\n    border: solid 1px var(--nile-radio-outer-border-color);\n    border-radius: 50%;\n    background-color: var(--nile-radio-outer-background-color);\n    color: transparent;\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  .radio__input {\n    position: absolute;\n    opacity: 0;\n    padding: 0;\n    margin: 0;\n    pointer-events: none;\n  }\n\n  /* Hover */\n  .radio:not(.radio--checked):not(.radio--disabled) .radio__control:hover {\n    border: 1px solid var(--nile-radio-hover-border-color);\n    background: var(--nile-radio-hover-background-color);\n  }\n\n  /* Checked */\n  .radio--checked .radio__control {\n    color: var(--nile-colors-primary-600);\n    border: 1px solid var(--nile-radio-checked-border-color);\n    background-color: var(--nile-radio-checked-background-color);\n  }\n\n  /* Checked + hover */\n  .radio.radio--checked:not(.radio--disabled) .radio__control:hover {\n    border: 1px solid var(--nile-radio-checked-hover-border-color);\n    background-color: var(--nile-radio-checked-hover-background-color); \n  }\n\n  /* Checked + hover */\n  .radio__checked-icon:hover {\n    background-color: var(--nile-radio-checked-hover-icon-background-color);\n  }\n\n  /* Checked + focus */\n  :host(:focus-visible) .radio__control {\n    outline: solid 3px hsl(198.6 88.7% 48.4% / 40%);\n    outline-offset: 1px;\n  }\n\n  /* Disabled */\n  .radio--disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .radio--disabled .radio__checked-icon {\n    background-color:#D0D5DD; // for v2\n  }\n\n  .radio--disabled .radio__control {\n    background-color:#F9FAFB;\n    border: 1px solid #D0D5DD;\n  }\n\n  /* When the control isn't checked, hide the circle for Windows High Contrast mode a11y */\n  .radio:not(.radio--checked) svg circle {\n    opacity: 0;\n  }\n\n  .radio__label {\n    display: inline-block;\n    color: var(--nile-colors-dark-900);\n    line-height: var(--nile-type-scale-3);\n    margin-inline-start: 0.5em;\n    user-select: none;\n    font-size: var(--nile-type-scale-3);\n    margin-top: 2px;\n  }\n  .radio__label_border {\n    padding: 0.75rem;\n    border-radius: 4px;\n    border: 1px solid var(--Neutral-Normal, #e5e9eb);\n  }\n`;\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"wXAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}

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

@@ -1,2 +1,2 @@
-System.register(["./nile-radio-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","./nile-radio-group.css.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileRadioGroupCjsJs){_export("NileRadioGroup",_nileRadioGroupCjsJs.N);},function(_tslib){},function(_litDirectivesClassMapJs){},function(_litDecoratorsJs){},function(_internalSlotCjsJs){},function(_lit){},function(_internalWatchCjsJs){},function(_internalNileElementCjsJs){},function(_nileRadioGroupCssCjsJs){}],execute:function(){}};});
+System.register(["./nile-radio-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","./nile-radio-group.css.cjs.js"],function(_export,_context){"use strict";return{setters:[function(_nileRadioGroupCjsJs){_export("NileRadioGroup",_nileRadioGroupCjsJs.N);},function(_tslib){},function(_litDirectivesClassMapJs){},function(_litDecoratorsJs){},function(_internalSlotCjsJs){},function(_lit){},function(_internalWatchCjsJs){},function(_internalNileElementCjsJs){},function(_nileRadioGroupCssCjsJs){}],execute:function execute(){}};});
 //# sourceMappingURL=index.cjs.js.map

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

@@ -1,2 +1,2 @@
-System.register(["tslib","lit/directives/class-map.js","lit/decorators.js","../internal/slot.cjs.js","lit","../internal/watch.cjs.js","../internal/nile-element.cjs.js","./nile-radio-group.css.cjs.js"],function(_export,_context){"use strict";var t,e,i,s,l,o,r,a,n,h,d,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,c;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableSpread();}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen);}function _iterableToArray(iter){if(typeof Symbol!=="undefined"&&iter[Symbol.iterator]!=null||iter["@@iterator"]!=null)return Array.from(iter);}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr);}function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2;}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return typeof key==="symbol"?key:String(key);}function _toPrimitive(input,hint){if(typeof input!=="object"||input===null)return input;var prim=input[Symbol.toPrimitive];if(prim!==undefined){var res=prim.call(input,hint||"default");if(typeof res!=="object")return res;throw new TypeError("@@toPrimitive must return a primitive value.");}return(hint==="string"?String:Number)(input);}function _get(){if(typeof Reflect!=="undefined"&&Reflect.get){_get=Reflect.get.bind();}else{_get=function _get(target,property,receiver){var base=_superPropBase(target,property);if(!base)return;var desc=Object.getOwnPropertyDescriptor(base,property);if(desc.get){return desc.get.call(arguments.length<3?target:receiver);}return desc.value;};}return _get.apply(this,arguments);}function _superPropBase(object,property){while(!Object.prototype.hasOwnProperty.call(object,property)){object=_getPrototypeOf(object);if(object===null)break;}return object;}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}function _createSuper(Derived){var hasNativeReflectConstruct=_isNativeReflectConstruct();return function _createSuperInternal(){var Super=_getPrototypeOf(Derived),result;if(hasNativeReflectConstruct){var NewTarget=_getPrototypeOf(this).constructor;result=Reflect.construct(Super,arguments,NewTarget);}else{result=Super.apply(this,arguments);}return _possibleConstructorReturn(this,result);};}function _possibleConstructorReturn(self,call){if(call&&(typeof call==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){if(typeof Reflect==="undefined"||!Reflect.construct)return false;if(Reflect.construct.sham)return false;if(typeof Proxy==="function")return true;try{Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));return true;}catch(e){return false;}}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}return{setters:[function(_tslib){t=_tslib.__decorate;},function(_litDirectivesClassMapJs){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(_nileRadioGroupCssCjsJs){d=_nileRadioGroupCssCjsJs.s;}],execute:function(){_export("N",c=/*#__PURE__*/function(_h){_inherits(c,_h);var _super=_createSuper(c);function c(){var _this;_classCallCheck(this,c);_this=_super.apply(this,arguments),_this.hasSlotController=new r(_assertThisInitialized(_this),"help-text","label"),_this.customValidityMessage="",_this.hasButtonGroup=!1,_this.defaultValue="",_this.label="",_this.name="option",_this.value="",_this.form="",_this.required=!1,_this.labelInline=!1,_this.disabled=!1,_this.helpText="",_this.errorMessage="",_this.islabelborder=!1;return _this;}_createClass(c,[{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(c.prototype),"connectedCallback",this).call(this),this.defaultValue=this.value,this.handleInitialDisabledState(),this.emit("nile-init");}},{key:"disconnectedCallback",value:function disconnectedCallback(){_get(_getPrototypeOf(c.prototype),"disconnectedCallback",this).call(this),this.emit("nile-destroy");}},{key:"getAllRadios",value:function getAllRadios(){return _toConsumableArray(this.querySelectorAll("nile-radio"));}},{key:"handleRadioClick",value:function handleRadioClick(t){var e=t.target.closest("nile-radio"),i=this.getAllRadios(),s=this.value;e.disabled||this.disabled||(this.value=e.value,i.forEach(function(t){return t.checked=t===e;}),this.value!==s&&(this.emit("change",{value:this.value}),this.emit("input")));}},{key:"handleDisabledChange",value:function handleDisabledChange(){var _this2=this;this.getAllRadios().forEach(function(t){t.disabled=_this2.disabled;});}},{key:"handleInitialDisabledState",value:function handleInitialDisabledState(){var _this3=this;this.getAllRadios().forEach(function(t){t.disabled=t.hasAttribute("disabled")?t.disabled:_this3.disabled;});}},{key:"handleKeyDown",value:function handleKeyDown(t){var _e$find,_this4=this;if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(t.key))return;var e=this.getAllRadios().filter(function(t){return!t.disabled;}),i=(_e$find=e.find(function(t){return t.checked;}))!==null&&_e$find!==void 0?_e$find:e[0],s=" "===t.key?0:["ArrowUp","ArrowLeft"].includes(t.key)?-1:1,l=this.value;var o=e.indexOf(i)+s;o<0&&(o=e.length-1),o>e.length-1&&(o=0),this.getAllRadios().forEach(function(t){t.checked=!1,_this4.hasButtonGroup||(t.tabIndex=-1);}),this.value=e[o].value,e[o].checked=!0,this.hasButtonGroup?e[o].shadowRoot.querySelector("button").focus():(e[o].tabIndex=0,e[o].focus()),this.value!==l&&(this.emit("change"),this.emit("input")),t.preventDefault();}},{key:"handleLabelClick",value:function handleLabelClick(){var t=this.getAllRadios(),e=t.find(function(t){return t.checked;})||t[0];e&&e.focus();}},{key:"handleSlotChange",value:function handleSlotChange(){var _this5=this,_this$shadowRoot;var t=this.getAllRadios();t.forEach(function(t){t.checked=t.value===_this5.value,_this5.islabelborder&&(t.islabelborder=!0);});if(this.hasButtonGroup=t.some(function(t){return"nile-radio-button"===t.tagName.toLowerCase();}),!t.some(function(t){return t.checked;}))if(this.hasButtonGroup){t[0].shadowRoot.querySelector("button").tabIndex=0;}else t[0].tabIndex=0;this.hasButtonGroup&&((_this$shadowRoot=this.shadowRoot)===null||_this$shadowRoot===void 0?void 0:_this$shadowRoot.querySelector("nile-button-group"));}},{key:"updateCheckedRadio",value:function updateCheckedRadio(){var _this6=this;this.getAllRadios().forEach(function(t){return t.checked=t.value===_this6.value;});}},{key:"handleValueChange",value:function handleValueChange(){this.hasUpdated&&this.updateCheckedRadio();}},{key:"render",value:function render(){var t=this.hasSlotController.test("label");this.hasSlotController.test("help-text");var 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        @keydown=","\n        @slotchange=","\n        role=\"presentation\"\n      ></slot>\n    "])),this.handleRadioClick,this.handleKeyDown,this.handleSlotChange);return a(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n      <fieldset\n        part=\"form-control\"\n        class=","\n        role=\"radiogroup\"\n        aria-labelledby=\"label\"\n        aria-describedby=\"help-text\"\n        aria-errormessage=\"error-message\"\n      >\n        <label\n          part=\"form-control-label\"\n          id=\"label\"\n          class=\"form-control__label\"\n          aria-hidden=","\n          @click=","\n        >\n          <slot name=\"label\">","</slot>\n        </label>\n\n        ","\n\n        <div part=\"form-control-input\" class=\"form-control-input\">\n          <div class=\"visually-hidden\">\n            <label class=\"radio-group__validation\">\n              <input\n                type=\"text\"\n                class=\"radio-group__validation-input\"\n                ?required=","\n                tabindex=\"-1\"\n                hidden\n              />\n            </label>\n          </div>\n\n          ","\n        </div>\n\n        ","\n\n        ","\n\n      </fieldset>\n    "])),e({"form-control":!0,"form-control--medium":!0,"form-control--radio-group":!0,"form-control--has-label":s,"form-control--has-help-text":l}),s?"false":"true",this.handleLabelClick,this.label,i?a(_templateObject3||(_templateObject3=_taggedTemplateLiteral([" <slot name=\"label-suffix\"></slot> "]))):"",this.required,this.hasButtonGroup?a(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n            ","\n              "])),r):a(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n            <div part=\"options-base\" class=\"","\"> ","</div> "])),this.labelInline?"form-control--inline-radio":"",r),l?a(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n                <nile-form-help-text>","</nile-form-help-text>\n              "])),this.helpText):"",o?a(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n                <nile-form-error-message\n                  >","</nile-form-error-message\n                >\n              "])),this.errorMessage):"");}}]);return c;}(h));c.styles=d,t([i("slot:not([name])")],c.prototype,"defaultSlot",void 0),t([s()],c.prototype,"hasButtonGroup",void 0),t([s()],c.prototype,"defaultValue",void 0),t([l()],c.prototype,"label",void 0),t([l()],c.prototype,"name",void 0),t([l({reflect:!0})],c.prototype,"value",void 0),t([l({reflect:!0})],c.prototype,"form",void 0),t([l({type:Boolean,reflect:!0})],c.prototype,"required",void 0),t([l({type:Boolean,reflect:!0})],c.prototype,"labelInline",void 0),t([l({type:Boolean,reflect:!0})],c.prototype,"disabled",void 0),t([l({attribute:"help-text"})],c.prototype,"helpText",void 0),t([l({attribute:"error-message"})],c.prototype,"errorMessage",void 0),t([l({type:Boolean,reflect:!0})],c.prototype,"islabelborder",void 0),t([n("disabled",{waitUntilFirstUpdate:!0})],c.prototype,"handleDisabledChange",null),t([n("value")],c.prototype,"handleValueChange",null),_export("N",c=t([o("nile-radio-group")],c));}};});
+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-radio-group.css.cjs.js"],function(_export,_context){"use strict";var t,e,i,s,l,o,r,a,n,h,d,_templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,c;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}function _toConsumableArray(arr){return _arrayWithoutHoles(arr)||_iterableToArray(arr)||_unsupportedIterableToArray(arr)||_nonIterableSpread();}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(o,minLen){if(!o)return;if(typeof o==="string")return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);if(n==="Object"&&o.constructor)n=o.constructor.name;if(n==="Map"||n==="Set")return Array.from(o);if(n==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen);}function _iterableToArray(iter){if(typeof Symbol!=="undefined"&&iter[Symbol.iterator]!=null||iter["@@iterator"]!=null)return Array.from(iter);}function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr);}function _arrayLikeToArray(arr,len){if(len==null||len>arr.length)len=arr.length;for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2;}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function");}}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,_toPropertyKey(descriptor.key),descriptor);}}function _createClass(Constructor,protoProps,staticProps){if(protoProps)_defineProperties(Constructor.prototype,protoProps);if(staticProps)_defineProperties(Constructor,staticProps);Object.defineProperty(Constructor,"prototype",{writable:false});return Constructor;}function _toPropertyKey(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(self,call){if(call&&(_typeof(call)==="object"||typeof call==="function")){return call;}else if(call!==void 0){throw new TypeError("Derived constructors may only return object or undefined");}return _assertThisInitialized(self);}function _assertThisInitialized(self){if(self===void 0){throw new ReferenceError("this hasn't been initialised - super() hasn't been called");}return self;}function _isNativeReflectConstruct(){try{var t=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}));}catch(t){}return(_isNativeReflectConstruct=function _isNativeReflectConstruct(){return!!t;})();}function _get(){if(typeof Reflect!=="undefined"&&Reflect.get){_get=Reflect.get.bind();}else{_get=function _get(target,property,receiver){var base=_superPropBase(target,property);if(!base)return;var desc=Object.getOwnPropertyDescriptor(base,property);if(desc.get){return desc.get.call(arguments.length<3?target:receiver);}return desc.value;};}return _get.apply(this,arguments);}function _superPropBase(object,property){while(!Object.prototype.hasOwnProperty.call(object,property)){object=_getPrototypeOf(object);if(object===null)break;}return object;}function _getPrototypeOf(o){_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf.bind():function _getPrototypeOf(o){return o.__proto__||Object.getPrototypeOf(o);};return _getPrototypeOf(o);}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function");}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:true,configurable:true}});Object.defineProperty(subClass,"prototype",{writable:false});if(superClass)_setPrototypeOf(subClass,superClass);}function _setPrototypeOf(o,p){_setPrototypeOf=Object.setPrototypeOf?Object.setPrototypeOf.bind():function _setPrototypeOf(o,p){o.__proto__=p;return o;};return _setPrototypeOf(o,p);}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(_nileRadioGroupCssCjsJs){d=_nileRadioGroupCssCjsJs.s;}],execute:function execute(){_export("N",c=/*#__PURE__*/function(_h){function c(){var _this;_classCallCheck(this,c);_this=_callSuper(this,c,arguments),_this.hasSlotController=new r(_assertThisInitialized(_this),"help-text","label"),_this.customValidityMessage="",_this.hasButtonGroup=!1,_this.defaultValue="",_this.label="",_this.name="option",_this.value="",_this.form="",_this.required=!1,_this.labelInline=!1,_this.disabled=!1,_this.helpText="",_this.errorMessage="",_this.islabelborder=!1;return _this;}_inherits(c,_h);return _createClass(c,[{key:"connectedCallback",value:function connectedCallback(){_get(_getPrototypeOf(c.prototype),"connectedCallback",this).call(this),this.defaultValue=this.value,this.handleInitialDisabledState(),this.emit("nile-init");}},{key:"disconnectedCallback",value:function disconnectedCallback(){_get(_getPrototypeOf(c.prototype),"disconnectedCallback",this).call(this),this.emit("nile-destroy");}},{key:"getAllRadios",value:function getAllRadios(){return _toConsumableArray(this.querySelectorAll("nile-radio"));}},{key:"handleRadioClick",value:function handleRadioClick(t){var e=t.target.closest("nile-radio"),i=this.getAllRadios(),s=this.value;e.disabled||this.disabled||(this.value=e.value,i.forEach(function(t){return t.checked=t===e;}),this.value!==s&&(this.emit("change",{value:this.value}),this.emit("input")));}},{key:"handleDisabledChange",value:function handleDisabledChange(){var _this2=this;this.getAllRadios().forEach(function(t){t.disabled=_this2.disabled;});}},{key:"handleInitialDisabledState",value:function handleInitialDisabledState(){var _this3=this;this.getAllRadios().forEach(function(t){t.disabled=t.hasAttribute("disabled")?t.disabled:_this3.disabled;});}},{key:"handleKeyDown",value:function handleKeyDown(t){var _e$find,_this4=this;if(!["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"," "].includes(t.key))return;var e=this.getAllRadios().filter(function(t){return!t.disabled;}),i=(_e$find=e.find(function(t){return t.checked;}))!==null&&_e$find!==void 0?_e$find:e[0],s=" "===t.key?0:["ArrowUp","ArrowLeft"].includes(t.key)?-1:1,l=this.value;var o=e.indexOf(i)+s;o<0&&(o=e.length-1),o>e.length-1&&(o=0),this.getAllRadios().forEach(function(t){t.checked=!1,_this4.hasButtonGroup||(t.tabIndex=-1);}),this.value=e[o].value,e[o].checked=!0,this.hasButtonGroup?e[o].shadowRoot.querySelector("button").focus():(e[o].tabIndex=0,e[o].focus()),this.value!==l&&(this.emit("change"),this.emit("input")),t.preventDefault();}},{key:"handleLabelClick",value:function handleLabelClick(){var t=this.getAllRadios(),e=t.find(function(t){return t.checked;})||t[0];e&&e.focus();}},{key:"handleSlotChange",value:function handleSlotChange(){var _this5=this,_this$shadowRoot;var t=this.getAllRadios();t.forEach(function(t){t.checked=t.value===_this5.value,_this5.islabelborder&&(t.islabelborder=!0);});if(this.hasButtonGroup=t.some(function(t){return"nile-radio-button"===t.tagName.toLowerCase();}),!t.some(function(t){return t.checked;}))if(this.hasButtonGroup){t[0].shadowRoot.querySelector("button").tabIndex=0;}else t[0].tabIndex=0;this.hasButtonGroup&&((_this$shadowRoot=this.shadowRoot)===null||_this$shadowRoot===void 0?void 0:_this$shadowRoot.querySelector("nile-button-group"));}},{key:"updateCheckedRadio",value:function updateCheckedRadio(){var _this6=this;this.getAllRadios().forEach(function(t){return t.checked=t.value===_this6.value;});}},{key:"handleValueChange",value:function handleValueChange(){this.hasUpdated&&this.updateCheckedRadio();}},{key:"render",value:function render(){var t=this.hasSlotController.test("label");this.hasSlotController.test("help-text");var 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        @keydown=","\n        @slotchange=","\n        role=\"presentation\"\n      ></slot>\n    "])),this.handleRadioClick,this.handleKeyDown,this.handleSlotChange);return a(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n      <fieldset\n        part=\"form-control\"\n        class=","\n        role=\"radiogroup\"\n        aria-labelledby=\"label\"\n        aria-describedby=\"help-text\"\n        aria-errormessage=\"error-message\"\n      >\n        <label\n          part=\"form-control-label\"\n          id=\"label\"\n          class=\"form-control__label\"\n          aria-hidden=","\n          @click=","\n        >\n          <slot name=\"label\">","</slot>\n        </label>\n\n        ","\n\n        <div part=\"form-control-input\" class=\"form-control-input\">\n          <div class=\"visually-hidden\">\n            <label class=\"radio-group__validation\">\n              <input\n                type=\"text\"\n                class=\"radio-group__validation-input\"\n                ?required=","\n                tabindex=\"-1\"\n                hidden\n              />\n            </label>\n          </div>\n\n          ","\n        </div>\n\n        ","\n\n        ","\n\n      </fieldset>\n    "])),e({"form-control":!0,"form-control--medium":!0,"form-control--radio-group":!0,"form-control--has-label":s,"form-control--has-help-text":l}),s?"false":"true",this.handleLabelClick,this.label,i?a(_templateObject3||(_templateObject3=_taggedTemplateLiteral([" <slot name=\"label-suffix\"></slot> "]))):"",this.required,this.hasButtonGroup?a(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n            ","\n              "])),r):a(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n            <div part=\"options-base\" class=\"","\"> ","</div> "])),this.labelInline?"form-control--inline-radio":"",r),l?a(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n                <nile-form-help-text>","</nile-form-help-text>\n              "])),this.helpText):"",o?a(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n                <nile-form-error-message\n                  >","</nile-form-error-message\n                >\n              "])),this.errorMessage):"");}}]);}(h));c.styles=d,t([i("slot:not([name])")],c.prototype,"defaultSlot",void 0),t([s()],c.prototype,"hasButtonGroup",void 0),t([s()],c.prototype,"defaultValue",void 0),t([l()],c.prototype,"label",void 0),t([l()],c.prototype,"name",void 0),t([l({reflect:!0})],c.prototype,"value",void 0),t([l({reflect:!0})],c.prototype,"form",void 0),t([l({type:Boolean,reflect:!0})],c.prototype,"required",void 0),t([l({type:Boolean,reflect:!0})],c.prototype,"labelInline",void 0),t([l({type:Boolean,reflect:!0})],c.prototype,"disabled",void 0),t([l({attribute:"help-text"})],c.prototype,"helpText",void 0),t([l({attribute:"error-message"})],c.prototype,"errorMessage",void 0),t([l({type:Boolean,reflect:!0})],c.prototype,"islabelborder",void 0),t([n("disabled",{waitUntilFirstUpdate:!0})],c.prototype,"handleDisabledChange",null),t([n("value")],c.prototype,"handleValueChange",null),_export("N",c=t([o("nile-radio-group")],c));}};});
 //# sourceMappingURL=nile-radio-group.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"nile-radio-group.cjs.js","sources":["../../../src/nile-radio-group/nile-radio-group.ts"],"sourcesContent":["\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { HasSlotController } from '../internal/slot';\nimport { html } from 'lit';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport styles from './nile-radio-group.css';\nimport type { CSSResultGroup } from 'lit';\nimport type NileRadio from '../nile-radio/nile-radio';\n\n/**\n * @summary Radio groups are used to group multiple [radios](/components/radio) or [radio buttons](/components/radio-button) so they function as a single form control.\n *\n * @dependency nile-button-group\n *\n * @slot - The default slot where `<nile-radio>` or `<nile-radio-button>` elements are placed.\n * @slot label - The radio group's label. Required for proper accessibility. Alternatively, you can use the `label`\n *  attribute.\n *\n * @event change - Emitted when the radio group's selected value changes.\n * @event input - Emitted when the radio group receives user input.\n * @event invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n * @csspart button-group - The button group that wraps radio buttons.\n * @csspart button-group__base - The button group's `base` part.\n */\n@customElement('nile-radio-group')\nexport class NileRadioGroup extends NileElement {\n  static styles: CSSResultGroup = styles;\n\n  private readonly hasSlotController = new HasSlotController(this, 'help-text', 'label');\n  private customValidityMessage = '';\n\n  @query('slot:not([name])') defaultSlot: HTMLSlotElement;\n\n  @state() private hasButtonGroup = false;\n\n  @state() defaultValue = '';\n\n  /**\n   * The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\n   * instead.\n   */\n  @property() label = '';\n\n  /** The name of the radio group, submitted as a name/value pair with form data. */\n  @property() name = 'option';\n\n  /** The current value of the radio group, submitted as a name/value pair with form data. */\n  @property({ reflect: true }) value = '';\n\n  /**\n   * By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\n   * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in\n   * the same document or shadow root for this to work.\n   */\n  @property({ reflect: true }) form = '';\n\n  /** Ensures a child radio is checked before allowing the containing form to submit. */\n  @property({ type: Boolean, reflect: true }) required = false;\n\n\n  /** Used to show radio in inline or not */\n  @property({ type: Boolean, reflect: true }) labelInline = false;\n\n  /** Used to disabled or not */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  @property({ attribute: 'help-text' }) helpText = '';\n\n  @property({ attribute: 'error-message' }) errorMessage = '';\n\n  /** The radio's labelborder for whole gp. */\n  @property({ type: Boolean, reflect: true }) islabelborder = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.defaultValue = this.value;\n    this.handleInitialDisabledState();\n    this.emit('nile-init');\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.emit('nile-destroy');\n  }\n\n  private getAllRadios() {\n    return [...this.querySelectorAll<NileRadio>('nile-radio')];\n  }\n\n  private handleRadioClick(event: MouseEvent) {\n    const target = (event.target as HTMLElement).closest<NileRadio>('nile-radio')!;\n    const radios = this.getAllRadios();\n    const oldValue = this.value;\n\n    if (target.disabled || this.disabled) {\n      return;\n    }\n\n    this.value = target.value;\n    radios.forEach(radio => (radio.checked = radio === target));\n\n    if (this.value !== oldValue) {\n      this.emit('change',{value: this.value });\n      this.emit('input');\n    }\n  }\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  handleDisabledChange() {\n    this.getAllRadios().forEach(radio => {\n      radio.disabled = this.disabled;\n    });\n  }\n\n  private handleInitialDisabledState() {\n    this.getAllRadios().forEach(radio => {\n      radio.disabled = radio.hasAttribute('disabled') ? radio.disabled : this.disabled;\n    });\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    if (!['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', ' '].includes(event.key)) {\n      return;\n    }\n\n    const radios = this.getAllRadios().filter(radio => !radio.disabled);\n    const checkedRadio = radios.find(radio => radio.checked) ?? radios[0];\n    const incr = event.key === ' ' ? 0 : ['ArrowUp', 'ArrowLeft'].includes(event.key) ? -1 : 1;\n    const oldValue = this.value;\n    let index = radios.indexOf(checkedRadio) + incr;\n\n    if (index < 0) {\n      index = radios.length - 1;\n    }\n\n    if (index > radios.length - 1) {\n      index = 0;\n    }\n\n    this.getAllRadios().forEach(radio => {\n      radio.checked = false;\n\n      if (!this.hasButtonGroup) {\n        radio.tabIndex = -1;\n      }\n    });\n\n    this.value = radios[index].value;\n    radios[index].checked = true;\n\n    if (!this.hasButtonGroup) {\n      radios[index].tabIndex = 0;\n      radios[index].focus();\n    } else {\n      radios[index].shadowRoot!.querySelector('button')!.focus();\n    }\n\n    if (this.value !== oldValue) {\n      this.emit('change');\n      this.emit('input');\n    }\n\n    event.preventDefault();\n  }\n\n  private handleLabelClick() {\n    const radios = this.getAllRadios();\n    const checked = radios.find(radio => radio.checked);\n    const radioToFocus = checked || radios[0];\n\n    // Move focus to the checked radio (or the first one if none are checked) when clicking the label\n    if (radioToFocus) {\n      radioToFocus.focus();\n    }\n  }\n\n  private handleSlotChange() {\n    const radios = this.getAllRadios();\n\n    radios.forEach(radio => {\n      radio.checked = radio.value === this.value;\n      if (this.islabelborder) {\n        radio.islabelborder=true;\n      }\n    });\n    const nile_radio_check='nile-radio-button';\n    this.hasButtonGroup = radios.some(radio => radio.tagName.toLowerCase() === nile_radio_check);\n\n    if (!radios.some(radio => radio.checked)) {\n      if (this.hasButtonGroup) {\n        const buttonRadio = radios[0].shadowRoot!.querySelector('button')!;\n        buttonRadio.tabIndex = 0;\n      } else {\n        radios[0].tabIndex = 0;\n      }\n    }\n\n    if (this.hasButtonGroup) {\n      const buttonGroup = this.shadowRoot?.querySelector('nile-button-group');\n    }\n  }\n\n  private updateCheckedRadio() {\n    const radios = this.getAllRadios();\n    radios.forEach(radio => (radio.checked = radio.value === this.value));\n  }\n\n  @watch('value')\n  handleValueChange() {\n    if (this.hasUpdated) {\n      this.updateCheckedRadio();\n    }\n  }\n\n  render() {\n    const hasLabelSlot = this.hasSlotController.test('label');\n    const hasHelpTextSlot = this.hasSlotController.test('help-text');\n    const 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.handleRadioClick}\n        @keydown=${this.handleKeyDown}\n        @slotchange=${this.handleSlotChange}\n        role=\"presentation\"\n      ></slot>\n    `;\n\n    return html`\n      <fieldset\n        part=\"form-control\"\n        class=${classMap({\n          'form-control': true,\n          'form-control--medium': true,\n          'form-control--radio-group': true,\n          'form-control--has-label': hasLabel,\n          'form-control--has-help-text': hasHelpText\n        })}\n        role=\"radiogroup\"\n        aria-labelledby=\"label\"\n        aria-describedby=\"help-text\"\n        aria-errormessage=\"error-message\"\n      >\n        <label\n          part=\"form-control-label\"\n          id=\"label\"\n          class=\"form-control__label\"\n          aria-hidden=${hasLabel ? 'false' : 'true'}\n          @click=${this.handleLabelClick}\n        >\n          <slot name=\"label\">${this.label}</slot>\n        </label>\n\n        ${hasLabelSuffixSlot ? html` <slot name=\"label-suffix\"></slot> ` : ``}\n\n        <div part=\"form-control-input\" class=\"form-control-input\">\n          <div class=\"visually-hidden\">\n            <label class=\"radio-group__validation\">\n              <input\n                type=\"text\"\n                class=\"radio-group__validation-input\"\n                ?required=${this.required}\n                tabindex=\"-1\"\n                hidden\n              />\n            </label>\n          </div>\n\n          ${this.hasButtonGroup\n            ? html`\n            ${defaultSlot}\n              `\n            :  html`\n            <div part=\"options-base\" class=\"${this.labelInline ? `form-control--inline-radio`:``}\"> ${defaultSlot}</div> `}\n        </div>\n\n        ${\n          hasHelpText\n            ? html`\n                <nile-form-help-text>${this.helpText}</nile-form-help-text>\n              `\n            : ``\n        }\n\n        ${\n          hasErrorMessage\n            ? html`\n                <nile-form-error-message\n                  >${this.errorMessage}</nile-form-error-message\n                >\n              `\n            : ``\n        }\n\n      </fieldset>\n    `;\n  }\n}\n\nexport default NileRadioGroup;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-radio-group': NileRadioGroup;\n  }\n}\n"],"names":["NileRadioGroup","c","constructor","this","hasSlotController","HasSlotController","customValidityMessage","hasButtonGroup","defaultValue","label","name","value","form","required","labelInline","disabled","helpText","errorMessage","islabelborder","_this","_createClass","key","connectedCallback","super","handleInitialDisabledState","emit","disconnectedCallback","getAllRadios","_toConsumableArray","querySelectorAll","handleRadioClick","event","target","closest","radios","oldValue","forEach","radio","checked","handleDisabledChange","hasAttribute","handleKeyDown","_e$find","_this4","includes","filter","checkedRadio","find","incr","index","indexOf","length","tabIndex","shadowRoot","querySelector","focus","preventDefault","handleLabelClick","radioToFocus","handleSlotChange","_this5","_this$shadowRoot","some","tagName","toLowerCase","updateCheckedRadio","handleValueChange","hasUpdated","render","hasLabelSlot","test","hasLabelSuffixSlot","hasLabel","hasHelpText","hasErrorMessage","defaultSlot","html","_templateObject","_taggedTemplateLiteral","_templateObject2","classMap","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","NileElement","styles","__decorate","query","prototype","state","property","reflect","type","Boolean","attribute","watch","waitUntilFirstUpdate","customElement"],"mappings":"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"}
+{"version":3,"file":"nile-radio-group.cjs.js","sources":["../../../src/nile-radio-group/nile-radio-group.ts"],"sourcesContent":["\nimport { classMap } from 'lit/directives/class-map.js';\nimport { customElement, property, query, state } from 'lit/decorators.js';\nimport { HasSlotController } from '../internal/slot';\nimport { html } from 'lit';\nimport { watch } from '../internal/watch';\nimport NileElement from '../internal/nile-element';\nimport styles from './nile-radio-group.css';\nimport type { CSSResultGroup } from 'lit';\nimport type NileRadio from '../nile-radio/nile-radio';\n\n/**\n * @summary Radio groups are used to group multiple [radios](/components/radio) or [radio buttons](/components/radio-button) so they function as a single form control.\n *\n * @dependency nile-button-group\n *\n * @slot - The default slot where `<nile-radio>` or `<nile-radio-button>` elements are placed.\n * @slot label - The radio group's label. Required for proper accessibility. Alternatively, you can use the `label`\n *  attribute.\n *\n * @event change - Emitted when the radio group's selected value changes.\n * @event input - Emitted when the radio group receives user input.\n * @event invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.\n * @csspart button-group - The button group that wraps radio buttons.\n * @csspart button-group__base - The button group's `base` part.\n */\n@customElement('nile-radio-group')\nexport class NileRadioGroup extends NileElement {\n  static styles: CSSResultGroup = styles;\n\n  private readonly hasSlotController = new HasSlotController(this, 'help-text', 'label');\n  private customValidityMessage = '';\n\n  @query('slot:not([name])') defaultSlot: HTMLSlotElement;\n\n  @state() private hasButtonGroup = false;\n\n  @state() defaultValue = '';\n\n  /**\n   * The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\n   * instead.\n   */\n  @property() label = '';\n\n  /** The name of the radio group, submitted as a name/value pair with form data. */\n  @property() name = 'option';\n\n  /** The current value of the radio group, submitted as a name/value pair with form data. */\n  @property({ reflect: true }) value = '';\n\n  /**\n   * By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\n   * to place the form control outside of a form and associate it with the form that has this `id`. The form must be in\n   * the same document or shadow root for this to work.\n   */\n  @property({ reflect: true }) form = '';\n\n  /** Ensures a child radio is checked before allowing the containing form to submit. */\n  @property({ type: Boolean, reflect: true }) required = false;\n\n\n  /** Used to show radio in inline or not */\n  @property({ type: Boolean, reflect: true }) labelInline = false;\n\n  /** Used to disabled or not */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n\n  @property({ attribute: 'help-text' }) helpText = '';\n\n  @property({ attribute: 'error-message' }) errorMessage = '';\n\n  /** The radio's labelborder for whole gp. */\n  @property({ type: Boolean, reflect: true }) islabelborder = false;\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.defaultValue = this.value;\n    this.handleInitialDisabledState();\n    this.emit('nile-init');\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.emit('nile-destroy');\n  }\n\n  private getAllRadios() {\n    return [...this.querySelectorAll<NileRadio>('nile-radio')];\n  }\n\n  private handleRadioClick(event: MouseEvent) {\n    const target = (event.target as HTMLElement).closest<NileRadio>('nile-radio')!;\n    const radios = this.getAllRadios();\n    const oldValue = this.value;\n\n    if (target.disabled || this.disabled) {\n      return;\n    }\n\n    this.value = target.value;\n    radios.forEach(radio => (radio.checked = radio === target));\n\n    if (this.value !== oldValue) {\n      this.emit('change',{value: this.value });\n      this.emit('input');\n    }\n  }\n\n  @watch('disabled', { waitUntilFirstUpdate: true })\n  handleDisabledChange() {\n    this.getAllRadios().forEach(radio => {\n      radio.disabled = this.disabled;\n    });\n  }\n\n  private handleInitialDisabledState() {\n    this.getAllRadios().forEach(radio => {\n      radio.disabled = radio.hasAttribute('disabled') ? radio.disabled : this.disabled;\n    });\n  }\n\n  private handleKeyDown(event: KeyboardEvent) {\n    if (!['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', ' '].includes(event.key)) {\n      return;\n    }\n\n    const radios = this.getAllRadios().filter(radio => !radio.disabled);\n    const checkedRadio = radios.find(radio => radio.checked) ?? radios[0];\n    const incr = event.key === ' ' ? 0 : ['ArrowUp', 'ArrowLeft'].includes(event.key) ? -1 : 1;\n    const oldValue = this.value;\n    let index = radios.indexOf(checkedRadio) + incr;\n\n    if (index < 0) {\n      index = radios.length - 1;\n    }\n\n    if (index > radios.length - 1) {\n      index = 0;\n    }\n\n    this.getAllRadios().forEach(radio => {\n      radio.checked = false;\n\n      if (!this.hasButtonGroup) {\n        radio.tabIndex = -1;\n      }\n    });\n\n    this.value = radios[index].value;\n    radios[index].checked = true;\n\n    if (!this.hasButtonGroup) {\n      radios[index].tabIndex = 0;\n      radios[index].focus();\n    } else {\n      radios[index].shadowRoot!.querySelector('button')!.focus();\n    }\n\n    if (this.value !== oldValue) {\n      this.emit('change');\n      this.emit('input');\n    }\n\n    event.preventDefault();\n  }\n\n  private handleLabelClick() {\n    const radios = this.getAllRadios();\n    const checked = radios.find(radio => radio.checked);\n    const radioToFocus = checked || radios[0];\n\n    // Move focus to the checked radio (or the first one if none are checked) when clicking the label\n    if (radioToFocus) {\n      radioToFocus.focus();\n    }\n  }\n\n  private handleSlotChange() {\n    const radios = this.getAllRadios();\n\n    radios.forEach(radio => {\n      radio.checked = radio.value === this.value;\n      if (this.islabelborder) {\n        radio.islabelborder=true;\n      }\n    });\n    const nile_radio_check='nile-radio-button';\n    this.hasButtonGroup = radios.some(radio => radio.tagName.toLowerCase() === nile_radio_check);\n\n    if (!radios.some(radio => radio.checked)) {\n      if (this.hasButtonGroup) {\n        const buttonRadio = radios[0].shadowRoot!.querySelector('button')!;\n        buttonRadio.tabIndex = 0;\n      } else {\n        radios[0].tabIndex = 0;\n      }\n    }\n\n    if (this.hasButtonGroup) {\n      const buttonGroup = this.shadowRoot?.querySelector('nile-button-group');\n    }\n  }\n\n  private updateCheckedRadio() {\n    const radios = this.getAllRadios();\n    radios.forEach(radio => (radio.checked = radio.value === this.value));\n  }\n\n  @watch('value')\n  handleValueChange() {\n    if (this.hasUpdated) {\n      this.updateCheckedRadio();\n    }\n  }\n\n  render() {\n    const hasLabelSlot = this.hasSlotController.test('label');\n    const hasHelpTextSlot = this.hasSlotController.test('help-text');\n    const 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.handleRadioClick}\n        @keydown=${this.handleKeyDown}\n        @slotchange=${this.handleSlotChange}\n        role=\"presentation\"\n      ></slot>\n    `;\n\n    return html`\n      <fieldset\n        part=\"form-control\"\n        class=${classMap({\n          'form-control': true,\n          'form-control--medium': true,\n          'form-control--radio-group': true,\n          'form-control--has-label': hasLabel,\n          'form-control--has-help-text': hasHelpText\n        })}\n        role=\"radiogroup\"\n        aria-labelledby=\"label\"\n        aria-describedby=\"help-text\"\n        aria-errormessage=\"error-message\"\n      >\n        <label\n          part=\"form-control-label\"\n          id=\"label\"\n          class=\"form-control__label\"\n          aria-hidden=${hasLabel ? 'false' : 'true'}\n          @click=${this.handleLabelClick}\n        >\n          <slot name=\"label\">${this.label}</slot>\n        </label>\n\n        ${hasLabelSuffixSlot ? html` <slot name=\"label-suffix\"></slot> ` : ``}\n\n        <div part=\"form-control-input\" class=\"form-control-input\">\n          <div class=\"visually-hidden\">\n            <label class=\"radio-group__validation\">\n              <input\n                type=\"text\"\n                class=\"radio-group__validation-input\"\n                ?required=${this.required}\n                tabindex=\"-1\"\n                hidden\n              />\n            </label>\n          </div>\n\n          ${this.hasButtonGroup\n            ? html`\n            ${defaultSlot}\n              `\n            :  html`\n            <div part=\"options-base\" class=\"${this.labelInline ? `form-control--inline-radio`:``}\"> ${defaultSlot}</div> `}\n        </div>\n\n        ${\n          hasHelpText\n            ? html`\n                <nile-form-help-text>${this.helpText}</nile-form-help-text>\n              `\n            : ``\n        }\n\n        ${\n          hasErrorMessage\n            ? html`\n                <nile-form-error-message\n                  >${this.errorMessage}</nile-form-error-message\n                >\n              `\n            : ``\n        }\n\n      </fieldset>\n    `;\n  }\n}\n\nexport default NileRadioGroup;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'nile-radio-group': NileRadioGroup;\n  }\n}\n"],"names":["NileRadioGroup","c","constructor","this","hasSlotController","HasSlotController","customValidityMessage","hasButtonGroup","defaultValue","label","name","value","form","required","labelInline","disabled","helpText","errorMessage","islabelborder","_this","_inherits","_h","_createClass","key","connectedCallback","super","handleInitialDisabledState","emit","disconnectedCallback","getAllRadios","_toConsumableArray","querySelectorAll","handleRadioClick","event","target","closest","radios","oldValue","forEach","radio","checked","handleDisabledChange","hasAttribute","handleKeyDown","_e$find","_this4","includes","filter","checkedRadio","find","incr","index","indexOf","length","tabIndex","shadowRoot","querySelector","focus","preventDefault","handleLabelClick","radioToFocus","handleSlotChange","_this5","_this$shadowRoot","some","tagName","toLowerCase","updateCheckedRadio","handleValueChange","hasUpdated","render","hasLabelSlot","test","hasLabelSuffixSlot","hasLabel","hasHelpText","hasErrorMessage","defaultSlot","html","_templateObject","_taggedTemplateLiteral","_templateObject2","classMap","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","NileElement","styles","__decorate","query","prototype","state","property","reflect","type","Boolean","attribute","watch","waitUntilFirstUpdate","customElement"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-System.register(["lit"],function(_export,_context){"use strict";var i,_templateObject,o;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_lit){i=_lit.css;}],execute:function(){_export("s",o=i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\n  :host {\n    display: block;\n  }\n\n  .form-control--inline-radio ::slotted(nile-radio) {\n    display: inline-block;\n    margin-right: 24px !important;\n  }\n\n  .form-control {\n    border: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  .form-control__label {\n    padding: 0;\n    font-size: 14px;\n    color: var(--nile-colors-dark-900);\n    font-family: var(--nile-font-family-serif);\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .radio-group--required .radio-group__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n  }\n\n  .visually-hidden {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n"]))));}};});
+System.register(["lit"],function(_export,_context){"use strict";var i,_templateObject,o;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_lit){i=_lit.css;}],execute:function execute(){_export("s",o=i(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n\n  :host {\n    display: block;\n  }\n\n  .form-control--inline-radio ::slotted(nile-radio) {\n    display: inline-block;\n    margin-right: 24px !important;\n  }\n\n  .form-control {\n    border: none;\n    padding: 0;\n    margin: 0;\n  }\n\n  .form-control__label {\n    padding: 0;\n    font-size: 14px;\n    color: var(--nile-colors-dark-900);\n    font-family: var(--nile-font-family-serif);\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 14px;\n    letter-spacing: 0.2px;\n  }\n\n  .radio-group--required .radio-group__label::after {\n    content: '*';\n    margin-inline-start: -2px;\n  }\n\n  .visually-hidden {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border: 0;\n  }\n"]))));}};});
 //# sourceMappingURL=nile-radio-group.css.cjs.js.map