@ni/nimble-components 35.2.1 → 35.2.3

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

@@ -6933,11 +6933,11 @@ let e=this.pendingRecords()
 e.length&&(this.queue=[])
 let n=t.domSelectionRange(),i=!this.suppressingSelectionUpdates&&!this.currentSelection.eq(n)&&lk(t)&&!this.ignoreSelectionChange(n),o=-1,s=-1,r=!1,a=[]
 if(t.editable)for(let t=0;t<e.length;t++){let n=this.registerMutation(e[t],a)
-n&&(o=o<0?n.from:Math.min(n.from,o),s=s<0?n.to:Math.max(n.to,s),n.typeOver&&(r=!0))}if(Xx&&a.length){let e=a.filter((t=>"BR"==t.nodeName))
+n&&(o=o<0?n.from:Math.min(n.from,o),s=s<0?n.to:Math.max(n.to,s),n.typeOver&&(r=!0))}if(!a.some((t=>"BR"==t.nodeName))||8!=t.input.lastKeyCode&&46!=t.input.lastKeyCode){if(Xx&&a.length){let e=a.filter((t=>"BR"==t.nodeName))
 if(2==e.length){let[t,n]=e
 t.parentNode&&t.parentNode.parentNode==n.parentNode?n.remove():t.remove()}else{let{focusNode:n}=this.currentSelection
 for(let i of e){let e=i.parentNode
-!e||"LI"!=e.nodeName||n&&FS(t,n)==e||i.remove()}}}else if((Qx||eC)&&a.some((t=>"BR"==t.nodeName))&&(8==t.input.lastKeyCode||46==t.input.lastKeyCode))for(let t of a)if("BR"==t.nodeName&&t.parentNode){let e=t.nextSibling
+!e||"LI"!=e.nodeName||n&&FS(t,n)==e||i.remove()}}}}else for(let t of a)if("BR"==t.nodeName&&t.parentNode){let e=t.nextSibling
 e&&1==e.nodeType&&"false"==e.contentEditable&&t.parentNode.removeChild(t)}let l=null
 o<0&&i&&t.input.lastFocus>Date.now()-200&&Math.max(t.input.lastTouch,t.input.lastClick.time)<Date.now()-300&&Vx(n)&&(l=JC(t))&&l.eq(Pw.near(t.state.doc.resolve(0),1))?(t.input.lastFocus=0,tk(t),this.currentSelection.set(n),t.scrollToSelection()):(o>-1||i)&&(o>-1&&(t.docView.markDirty(o,s),function(t){if(DS.has(t))return
 if(DS.set(t,null),-1!==["normal","nowrap","pre-line"].indexOf(getComputedStyle(t.dom).whiteSpace)){if(t.requiresGeckoHackNode=Xx,OS)return
@@ -9143,7 +9143,7 @@ this.inTightList=i,t.forEach(((o,s,r)=>{r&&i&&this.flushClose(1),this.wrapBlock(
 return e[0]+t+e[1]}repeat(t,e){let n=""
 for(let i=0;i<e;i++)n+=t
 return n}markString(t,e,n,i){let o=this.getMark(t.type.name),s=e?o.open:o.close
-return"string"==typeof s?s:s(this,t,n,i)}getEnclosingWhitespace(t){return{leading:(t.match(/^(\s+)/)||[void 0])[0],trailing:(t.match(/(\s+)$/)||[void 0])[0]}}isMarkAhead(t,e,n){for(;;e++){if(e==t.childCount)return!1
+return"string"==typeof s?s:s(this,t,n,i)}getEnclosingWhitespace(t){return{leading:(t.match(/^(\s+)/)||[void 0])[0],trailing:(t.match(/(\s+)$/)||[void 0])[0]}}isMarkAhead(t,e,n){for(;;e++){if(e>=t.childCount)return!1
 let i=t.child(e)
 if(i.type.name!=this.options.hardBreakNodeName)return n.isInSet(i.marks)
 e++}}}var ET
@@ -9319,10 +9319,10 @@ return e&&e.forEach((t=>{const e="string"==typeof t?t:t.scheme
 e&&n.push(e)})),!t||t.replace(QO,"").match(new RegExp(`^(?:(?:${n.join("|")}):|[^a-z]|[a-z0-9+.-]+(?:[^a-z+.-:]|$))`,"i"))}var eR=kI.create({name:"link",priority:1e3,keepOnSplit:!1,exitable:!0,onCreate(){this.options.validate&&!this.options.shouldAutoLink&&(this.options.shouldAutoLink=this.options.validate,console.warn("The `validate` option is deprecated. Rename to the `shouldAutoLink` option instead.")),this.options.protocols.forEach((t=>{"string"!=typeof t?WO(t.scheme,t.optionalSlashes):WO(t)}))},onDestroy(){gD.groups={},jO.scanner=null,jO.parser=null,jO.tokenQueue=[],jO.pluginQueue=[],jO.customSchemes=[],jO.initialized=!1},inclusive(){return this.options.autolink},addOptions:()=>({openOnClick:!0,enableClickSelection:!1,linkOnPaste:!0,autolink:!0,protocols:[],defaultProtocol:"http",HTMLAttributes:{target:"_blank",rel:"noopener noreferrer nofollow",class:null},isAllowedUri:(t,e)=>!!tR(t,e.protocols),validate:t=>!!t,shouldAutoLink:t=>{const e=/^[a-z][a-z0-9+.-]*:\/\//i.test(t),n=/^[a-z][a-z0-9+.-]*:/i.test(t)
 if(e||n&&!t.includes("@"))return!0
 const i=(t.includes("@")?t.split("@").pop():t).split(/[/?#:]/)[0]
-return!/^\d{1,3}(\.\d{1,3}){3}$/.test(i)&&!!/\./.test(i)}}),addAttributes(){return{href:{default:null,parseHTML:t=>t.getAttribute("href")},target:{default:this.options.HTMLAttributes.target},rel:{default:this.options.HTMLAttributes.rel},class:{default:this.options.HTMLAttributes.class}}},parseHTML(){return[{tag:"a[href]",getAttrs:t=>{const e=t.getAttribute("href")
-return!(!e||!this.options.isAllowedUri(e,{defaultValidate:t=>!!tR(t,this.options.protocols),protocols:this.options.protocols,defaultProtocol:this.options.defaultProtocol}))&&null}}]},renderHTML({HTMLAttributes:t}){return this.options.isAllowedUri(t.href,{defaultValidate:t=>!!tR(t,this.options.protocols),protocols:this.options.protocols,defaultProtocol:this.options.defaultProtocol})?["a",MM(this.options.HTMLAttributes,t),0]:["a",MM(this.options.HTMLAttributes,{...t,href:""}),0]},markdownTokenName:"link",parseMarkdown:(t,e)=>e.applyMark("link",e.parseInline(t.tokens||[]),{href:t.href,title:t.title||null}),renderMarkdown:(t,e)=>{var n
-const i=(null==(n=t.attrs)?void 0:n.href)||""
-return`[${e.renderChildren(t)}](${i})`},addCommands(){return{setLink:t=>({chain:e})=>{const{href:n}=t
+return!/^\d{1,3}(\.\d{1,3}){3}$/.test(i)&&!!/\./.test(i)}}),addAttributes(){return{href:{default:null,parseHTML:t=>t.getAttribute("href")},target:{default:this.options.HTMLAttributes.target},rel:{default:this.options.HTMLAttributes.rel},class:{default:this.options.HTMLAttributes.class},title:{default:null}}},parseHTML(){return[{tag:"a[href]",getAttrs:t=>{const e=t.getAttribute("href")
+return!(!e||!this.options.isAllowedUri(e,{defaultValidate:t=>!!tR(t,this.options.protocols),protocols:this.options.protocols,defaultProtocol:this.options.defaultProtocol}))&&null}}]},renderHTML({HTMLAttributes:t}){return this.options.isAllowedUri(t.href,{defaultValidate:t=>!!tR(t,this.options.protocols),protocols:this.options.protocols,defaultProtocol:this.options.defaultProtocol})?["a",MM(this.options.HTMLAttributes,t),0]:["a",MM(this.options.HTMLAttributes,{...t,href:""}),0]},markdownTokenName:"link",parseMarkdown:(t,e)=>e.applyMark("link",e.parseInline(t.tokens||[]),{href:t.href,title:t.title||null}),renderMarkdown:(t,e)=>{var n,i,o,s
+const r=null!=(i=null==(n=t.attrs)?void 0:n.href)?i:"",a=null!=(s=null==(o=t.attrs)?void 0:o.title)?s:"",l=e.renderChildren(t)
+return a?`[${l}](${r} "${a}")`:`[${l}](${r})`},addCommands(){return{setLink:t=>({chain:e})=>{const{href:n}=t
 return!!this.options.isAllowedUri(n,{defaultValidate:t=>!!tR(t,this.options.protocols),protocols:this.options.protocols,defaultProtocol:this.options.defaultProtocol})&&e().setMark(this.name,t).setMeta("preventAutolink",!0).run()},toggleLink:t=>({chain:e})=>{const{href:n}=t||{}
 return!(n&&!this.options.isAllowedUri(n,{defaultValidate:t=>!!tR(t,this.options.protocols),protocols:this.options.protocols,defaultProtocol:this.options.defaultProtocol}))&&e().toggleMark(this.name,t,{extendEmptyMarkRange:!0}).setMeta("preventAutolink",!0).run()},unsetLink:()=>({chain:t})=>t().unsetMark(this.name,{extendEmptyMarkRange:!0}).setMeta("preventAutolink",!0).run()}},addPasteRules(){return[e$({find:t=>{const e=[]
 if(t){const{protocols:n,defaultProtocol:i}=this.options,o=KO(t).filter((t=>t.isLink&&this.options.isAllowedUri(t.value,{defaultValidate:t=>!!tR(t,n),protocols:n,defaultProtocol:i})))
@@ -10399,7 +10399,9 @@ const XF=It`
         flex-direction: column;
         cursor: pointer;
         --ni-private-switch-height: 24px;
-        --ni-private-switch-indicator-size: 16px;
+        --ni-private-switch-indicator-size: 24px;
+        --ni-private-switch-indicator-inner-size: 18px;
+        --ni-private-switch-indicator-margin: -2px;
         padding-bottom: calc(
             ${Nl} - var(--ni-private-switch-height)
         );
@@ -10437,20 +10439,36 @@ const XF=It`
         display: flex;
         height: var(--ni-private-switch-height);
         width: calc(var(--ni-private-switch-height) * 2);
-        background-color: ${vl};
+        background-color: var(--ni-private-switch-background-color);
         border-radius: calc(var(--ni-private-switch-height) / 2);
         align-items: center;
-        border: calc(${Hl} * 2) solid transparent;
+        border: calc(${Hl}) solid transparent;
     }
 
-    :host([disabled]) .switch {
-        background-color: var(--ni-private-switch-background-disabled-color);
+    :host([aria-checked='true']) .switch {
+        background-color: var(--ni-private-switch-background-selected-color);
+    }
+
+    :host([aria-checked='true']:hover) .switch {
+        background-color: var(--ni-private-switch-background-selected-rollover-color);
     }
 
     :host(${Ho}) .switch {
         border-color: ${Sl};
     }
 
+    :host(${Ho}[aria-checked='true']) .switch {
+        background-color: var(--ni-private-switch-background-selected-rollover-color);
+    }
+
+    :host([disabled]) .switch {
+        background-color: var(--ni-private-switch-background-disabled-color);
+    }
+
+    :host([disabled]:hover) .switch {
+        background-color: var(--ni-private-switch-background-disabled-color);
+    }
+
     .checked-indicator-spacer {
         flex-grow: 0;
         transition: flex-grow ${Xc} ease-in-out;
@@ -10468,51 +10486,81 @@ const XF=It`
         width: var(--ni-private-switch-indicator-size);
         height: var(--ni-private-switch-indicator-size);
         border-radius: calc(var(--ni-private-switch-indicator-size) / 2);
-        margin: calc(
-            calc(
-                    var(--ni-private-switch-height) - var(
-                            --ni-private-switch-indicator-size
-                        )
-                ) /
-                2
-        );
+        margin: var(--ni-private-switch-indicator-margin);
         border: ${Hl} solid
             var(--ni-private-switch-indicator-border-color);
     }
 
+    :host([aria-checked='true']) .checked-indicator {
+        border-color: var(--ni-private-switch-indicator-border-selected-color);
+    }
+
     :host(:hover) .checked-indicator {
         border: calc(${Hl} * 2) solid ${Sl};
     }
 
+    :host(${Ho}) .checked-indicator {
+        border: calc(${Hl} * 2) solid ${Sl};
+    }
+
     :host([disabled]) .checked-indicator {
-        background-color: var(
-            --ni-private-switch-indicator-background-disabled-color
-        );
+        background-color: transparent;
         border: ${Hl} solid
             var(--ni-private-switch-indicator-border-disabled-color);
     }
 
-    :host(${Ho}) .checked-indicator {
-        border: ${Hl} solid ${Sl};
+    :host([disabled]:hover) .checked-indicator {
+        background-color: transparent;
+        border: ${Hl} solid
+            var(--ni-private-switch-indicator-border-disabled-color);
     }
 
-    .checked-indicator-inner {
-        width: calc(var(--ni-private-switch-indicator-size) / 2);
-        height: calc(var(--ni-private-switch-indicator-size) / 2);
-        border-radius: calc(var(--ni-private-switch-indicator-size) / 4);
-        background-color: var(--ni-private-switch-indicator-border-color);
+    :host([disabled]${Ho}) .checked-indicator {
+        background-color: transparent;
+        border: ${Hl} solid
+            var(--ni-private-switch-indicator-border-disabled-color);
+    }
+
+    :host([disabled]:active) .checked-indicator-inner {
+        background-color: var(
+            --ni-private-switch-indicator-border-disabled-color
+        );
         opacity: 0;
-        transition: opacity ${Xc} ease-in-out;
     }
 
-    :host([disabled]) .checked-indicator-inner {
+    :host([disabled]${Ho}) .checked-indicator-inner {
         background-color: var(
             --ni-private-switch-indicator-border-disabled-color
         );
+        opacity: 0;
+    }
+
+    .checked-indicator-inner {
+        width: var(--ni-private-switch-indicator-inner-size);
+        height: var(--ni-private-switch-indicator-inner-size);
+        border-radius: calc(var(--ni-private-switch-indicator-inner-size) / 2);
+        opacity: 0;
     }
 
     :host([aria-checked='true']) .checked-indicator-inner {
+        opacity: 0;
+    }
+
+    :host(${Ho}) .checked-indicator-inner {
         opacity: 1;
+        background-color: var(--ni-private-switch-indicator-background-color);
+        border: 1px solid var(--ni-private-switch-indicator-border-selected-color);
+    }
+
+    :host(:active) .checked-indicator-inner {
+        opacity: 1;
+        background-color: var(--ni-private-switch-indicator-background-active-color);
+    }
+
+    :host([disabled]) .checked-indicator-inner {
+        background-color: var(
+            --ni-private-switch-indicator-border-disabled-color
+        );
     }
 
     slot[name='checked-message']::slotted(*) {
@@ -10527,26 +10575,43 @@ const XF=It`
     }
 `.withBehaviors(Hm(Uo,It`
             :host {
+                --ni-private-switch-background-color: ${ol(Fa,.1)};
                 --ni-private-switch-background-disabled-color: ${ol(Fa,.07)};
+                --ni-private-switch-background-selected-color: ${ol(La,.6)};
+                --ni-private-switch-background-selected-rollover-color: ${ol(La,.3)};
                 --ni-private-switch-indicator-background-color: ${Aa};
-                --ni-private-switch-indicator-background-disabled-color: ${ol(Aa,.1)};
-                --ni-private-switch-indicator-border-color: ${Fa};
-                --ni-private-switch-indicator-border-disabled-color: ${ol(Fa,.3)};
+                --ni-private-switch-indicator-background-disabled-color: ${ol(Fa,.15)};
+                --ni-private-switch-indicator-background-active-color: ${ol(La,.3)};
+
+                --ni-private-switch-indicator-border-color: ${ol(Fa,.3)};
+                --ni-private-switch-indicator-border-selected-color: ${La};
+                --ni-private-switch-indicator-border-disabled-color: ${ol(Fa,.15)};
+                
             }
         `),Hm(qo,It`
             :host {
+                --ni-private-switch-background-color: ${ol($a,.1)};
                 --ni-private-switch-background-disabled-color: ${ol($a,.07)};
-                --ni-private-switch-indicator-background-color: ${ol(Fa,.3)};
-                --ni-private-switch-indicator-background-disabled-color: ${ol(Fa,.1)};
-                --ni-private-switch-indicator-border-color: ${Ea};
-                --ni-private-switch-indicator-border-disabled-color: ${ol(Ea,.3)};
+                --ni-private-switch-background-selected-color: ${ol(Ua,.6)};
+                --ni-private-switch-background-selected-rollover-color: ${ol(Ua,.3)};
+                --ni-private-switch-indicator-background-color: ${Ia};
+                --ni-private-switch-indicator-background-disabled-color: ${ol($a,.1)};
+                --ni-private-switch-indicator-background-active-color: ${ol(Ua,.3)};
+                --ni-private-switch-indicator-border-color: ${ol($a,.3)};
+                --ni-private-switch-indicator-border-selected-color: ${Ua};
+                --ni-private-switch-indicator-border-disabled-color: ${ol($a,.15)};
             }
         `),Hm(jo,It`
             :host {
+                --ni-private-switch-background-color: ${ol(Aa,.1)};
                 --ni-private-switch-background-disabled-color: ${ol(Aa,.07)};
-                --ni-private-switch-indicator-background-color: ${ol(Aa,.1)};
+                --ni-private-switch-background-selected-color: ${ol(Aa,.6)};
+                --ni-private-switch-background-selected-rollover-color: ${ol(Aa,.3)};
+                --ni-private-switch-indicator-background-color: ${ol(Aa,.3)};
                 --ni-private-switch-indicator-background-disabled-color: ${ol(Aa,.1)};
-                --ni-private-switch-indicator-border-color: ${Aa};
+                --ni-private-switch-indicator-background-active-color: ${ol(Aa,.3)};
+                --ni-private-switch-indicator-border-color: ${ol(Aa,.3)};
+                --ni-private-switch-indicator-border-selected-color: ${Aa} ;
                 --ni-private-switch-indicator-border-disabled-color: ${ol(Aa,.3)};
             }
         `)),JF=Q`