@ni/ok-components 0.3.2 → 0.3.3

package/dist/all-components-bundle.min.js

@@ -926,17 +926,17 @@ class mo extends Ue{}class go extends(On(mo)){constructor(){super(...arguments),
 let bo=class extends go{constructor(){super(...arguments),this.resize=vo,this.cols=20,this.handleTextInput=()=>{this.value=this.control.value}}readOnlyChanged(){this.proxy instanceof HTMLTextAreaElement&&(this.proxy.readOnly=this.readOnly)}autofocusChanged(){this.proxy instanceof HTMLTextAreaElement&&(this.proxy.autofocus=this.autofocus)}listChanged(){this.proxy instanceof HTMLTextAreaElement&&this.proxy.setAttribute("list",this.list)}maxlengthChanged(){this.proxy instanceof HTMLTextAreaElement&&(this.proxy.maxLength=this.maxlength)}minlengthChanged(){this.proxy instanceof HTMLTextAreaElement&&(this.proxy.minLength=this.minlength)}spellcheckChanged(){this.proxy instanceof HTMLTextAreaElement&&(this.proxy.spellcheck=this.spellcheck)}select(){this.control.select(),this.$emit("select")}handleChange(){this.$emit("change")}validate(){super.validate(this.control)}}
 t([ft({mode:"boolean"})],bo.prototype,"readOnly",void 0),t([ft],bo.prototype,"resize",void 0),t([ft({mode:"boolean"})],bo.prototype,"autofocus",void 0),t([ft({attribute:"form"})],bo.prototype,"formId",void 0),t([ft],bo.prototype,"list",void 0),t([ft({converter:ut})],bo.prototype,"maxlength",void 0),t([ft({converter:ut})],bo.prototype,"minlength",void 0),t([ft],bo.prototype,"name",void 0),t([ft],bo.prototype,"placeholder",void 0),t([ft({converter:ut,mode:"fromView"})],bo.prototype,"cols",void 0),t([ft({converter:ut,mode:"fromView"})],bo.prototype,"rows",void 0),t([ft({mode:"boolean"})],bo.prototype,"spellcheck",void 0),t([C],bo.prototype,"defaultSlottedNodes",void 0),We(bo,Ki)
 const yo=Object.freeze({[mn.ArrowUp]:{[Ge.vertical]:-1},[mn.ArrowDown]:{[Ge.vertical]:1},[mn.ArrowLeft]:{[Ge.horizontal]:{[gn.ltr]:-1,[gn.rtl]:1}},[mn.ArrowRight]:{[Ge.horizontal]:{[gn.ltr]:1,[gn.rtl]:-1}}})
-let wo=class t extends Ue{constructor(){super(...arguments),this._activeIndex=0,this.direction=gn.ltr,this.orientation=Ge.horizontal}get activeIndex(){return x.track(this,"activeIndex"),this._activeIndex}set activeIndex(t){this.$fastController.isConnected&&(this._activeIndex=vn(0,this.focusableElements.length-1,t),x.notify(this,"activeIndex"))}slottedItemsChanged(){this.$fastController.isConnected&&this.reduceFocusableElements()}mouseDownHandler(t){const e=this.focusableElements?.findIndex(e=>e.contains(t.target))
+let wo=class t extends Ue{constructor(){super(...arguments),this._activeIndex=0,this.direction=gn.ltr,this.focusableElements=[],this.orientation=Ge.horizontal}get activeIndex(){return x.track(this,"activeIndex"),this._activeIndex}set activeIndex(t){this.$fastController.isConnected&&(this._activeIndex=vn(0,this.focusableElements.length>0?this.focusableElements.length-1:0,t),x.notify(this,"activeIndex"))}slottedItemsChanged(){this.$fastController.isConnected&&this.reduceFocusableElements()}mouseDownHandler(t){const e=this.focusableElements.findIndex(e=>e.contains(t.target))
 return e>-1&&this.activeIndex!==e&&this.setFocusedElement(e),!0}childItemsChanged(t,e){this.$fastController.isConnected&&this.reduceFocusableElements()}connectedCallback(){super.connectedCallback(),this.direction=Sn(this)}focusinHandler(t){const e=t.relatedTarget
 e&&!this.contains(e)&&this.setFocusedElement()}getDirectionalIncrementer(t){return yo[t]?.[this.orientation]?.[this.direction]??yo[t]?.[this.orientation]??0}keydownHandler(t){const e=t.key
 if(!(e in mn)||t.defaultPrevented||t.shiftKey)return!0
 const n=this.getDirectionalIncrementer(e)
 if(!n)return!t.target.closest("[role=radiogroup]")
 const i=this.activeIndex+n
-return this.focusableElements[i]&&t.preventDefault(),this.setFocusedElement(i),!0}get allSlottedItems(){return[...this.start.assignedElements(),...this.slottedItems,...this.end.assignedElements()]}reduceFocusableElements(){const e=this.focusableElements?.[this.activeIndex]
+return this.focusableElements.length>0&&this.focusableElements[i]&&t.preventDefault(),this.setFocusedElement(i),!0}get allSlottedItems(){return[...this.start.assignedElements(),...this.slottedItems,...this.end.assignedElements()]}reduceFocusableElements(){const e=this.focusableElements[this.activeIndex]
 this.focusableElements=this.allSlottedItems.reduce(t.reduceFocusableItems,[])
 const n=this.focusableElements.indexOf(e)
-this.activeIndex=Math.max(0,n),this.setFocusableElements()}setFocusedElement(t=this.activeIndex){this.activeIndex=t,this.setFocusableElements(),this.focusableElements[this.activeIndex]&&this.contains(function(t){const e=t.getRootNode()
+this.activeIndex=Math.max(0,n),this.setFocusableElements()}setFocusedElement(t=this.activeIndex){this.activeIndex=t,this.setFocusableElements(),this.focusableElements.length>0&&this.focusableElements[this.activeIndex]&&this.contains(function(t){const e=t.getRootNode()
 return e instanceof ShadowRoot?e.activeElement:document.activeElement}(this))&&this.focusableElements[this.activeIndex].focus()}static reduceFocusableItems(e,n){const i="radio"===n.getAttribute("role"),o=n.$fastController?.definition.shadowOptions?.delegatesFocus,r=Array.from(n.shadowRoot?.querySelectorAll("*")??[]).some(t=>Bi(t))
 return n.hasAttribute("disabled")||n.hasAttribute("hidden")||!(Bi(n)||i||o||r)?n.childElementCount?e.concat(Array.from(n.children).reduce(t.reduceFocusableItems,[])):e:(e.push(n),e)}setFocusableElements(){this.$fastController.isConnected&&this.focusableElements.length>0&&this.focusableElements.forEach((t,e)=>{t.tabIndex=this.activeIndex===e?0:-1})}}
 t([C],wo.prototype,"direction",void 0),t([ft],wo.prototype,"orientation",void 0),t([C],wo.prototype,"slottedItems",void 0),t([C],wo.prototype,"slottedLabel",void 0),t([C],wo.prototype,"childItems",void 0)