@ni/spright-components 5.2.1 → 5.2.2

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

@@ -4700,7 +4700,10 @@ const ny="underline",iy="outline",sy="block",oy=Mt`
 
     :host([disabled]) {
         color: ${Zc};
-        cursor: default;
+    }
+
+    :host([disabled][appearance-readonly]) {
+        color: ${Gc};
     }
 
     .label {
@@ -4713,6 +4716,10 @@ const ny="underline",iy="outline",sy="block",oy=Mt`
         color: ${md};
     }
 
+    :host([disabled][appearance-readonly]) .label {
+        color: ${fd};
+    }
+
     .root {
         position: relative;
         display: flex;
@@ -4798,14 +4805,22 @@ const ny="underline",iy="outline",sy="block",oy=Mt`
         outline: none;
     }
 
+    :host([disabled][appearance-readonly]) .control {
+        cursor: text;
+    }
+
     .control::placeholder {
         color: ${fd};
     }
 
-    .control[disabled]::placeholder {
+    :host([disabled]) .control::placeholder {
         color: ${Zc};
     }
 
+    :host([disabled][appearance-readonly]) .control::placeholder {
+        color: ${fd};
+    }
+
     .controls {
         display: contents;
     }
@@ -4876,7 +4891,7 @@ const ny="underline",iy="outline",sy="block",oy=Mt`
     >
         <slot ${ie("defaultSlottedNodes")}></slot>
     </label>`)
-class ay extends(jg(pv(ts))){constructor(){super(...arguments),this.appearance=ny}connectedCallback(){super.connectedCallback(),this.control.setAttribute("role","spinbutton")}}t([ft],ay.prototype,"appearance",void 0)
+class ay extends(jg(pv(ts))){constructor(){super(...arguments),this.appearance=ny,this.appearanceReadOnly=!1}connectedCallback(){super.connectedCallback(),this.control.setAttribute("role","spinbutton")}}t([ft],ay.prototype,"appearance",void 0),t([ft({attribute:"appearance-readonly",mode:"boolean"})],ay.prototype,"appearanceReadOnly",void 0)
 const ly=ay.compose({baseName:"number-field",baseClass:ts,template:(t,e)=>Q`
     <template class="${t=>t.readOnly?"readonly":""}">
         ${ry}
@@ -12800,6 +12815,10 @@ const iP="underline",sP="outline",oP="block",rP="frameless",aP=Mt`
         text-overflow: clip;
     }
 
+    :host([disabled][appearance-readonly]) .control {
+        cursor: text;
+    }
+
     .control::placeholder {
         color: ${fd};
     }