@cas-smartdesign/tree 4.0.3 → 4.0.5

package/dist/docs/doc.mjs

@@ -423,7 +423,7 @@ export class Server {
             `}
         `}onInputValueChange(i){i.preventDefault(),i.stopPropagation(),this.checked=i.target.checked,this.fireValueChange()}fireValueChange(){this.dispatchEvent(new CustomEvent("value-change",{detail:{value:this.checked}}))}get checkboxElement(){return this.shadowRoot.querySelector(".checkbox")}static get styles(){return[we`
                 ${ce(Vr)}
-            `]}},oe.ID="sd-checkbox",oe.ensureDefined=()=>{customElements.get(oe.ID)||customElements.define(oe.ID,oe)},oe.shadowRootOptions={...U.shadowRootOptions,delegatesFocus:sn},oe);se([x({type:Boolean,reflect:!0})],K.prototype,"disabled",2);se([x({type:String,reflect:!0})],K.prototype,"label",2);se([x({type:String})],K.prototype,"validationMessage",2);se([x({type:String})],K.prototype,"validationIconSrc",2);se([x({type:Ze,reflect:!0})],K.prototype,"validationLevel",2);se([x({type:Number})],K.prototype,"tabIndex",2);se([x({type:Boolean,reflect:!0})],K.prototype,"oneLine",2);se([x({type:Boolean,reflect:!0})],K.prototype,"checked",1);se([x({type:Boolean,reflect:!1,attribute:!1})],K.prototype,"indeterminate",1);let Wi=K;Wi.ensureDefined();const Zr=":host{display:block}:host,.label,.checkbox{outline:none}:host([disabled]){pointer-events:none}:host([disabled]) .root{opacity:.6;cursor:default;filter:grayscale(100%)}:host(:not([disabled])[focused]) .highlight{display:block!important}:host([checked]) circle.inner{display:block!important}:host([checked]) circle.outer{stroke:var(--sd-radio-button-checked-color, #1467ba)!important}.root{display:inline-flex;align-items:center;vertical-align:middle;width:100%;padding-top:6px;padding-bottom:6px}.root .radio-button-container{position:relative;display:inline-block;width:28px;height:28px;box-sizing:border-box;cursor:pointer;margin-right:5px;flex-shrink:0}.root .radio-button-container input{position:absolute;top:0;left:0;opacity:0}.root .radio-button-container circle.highlight{stroke:var(--sd-radio-button-highlight-color, rgba(20, 103, 186, .3))}.root .radio-button-container circle.inner{fill:var(--sd-radio-button-checked-color, #1467ba)}.root .radio-button-container circle.outer{stroke:var(--sd-radio-button-unchecked-color, #767676)}.root .label{font-family:Segoe UI,Lucida Sans,Arial,sans-serif;text-overflow:ellipsis;overflow-x:hidden;-webkit-user-select:none;user-select:none;cursor:pointer;padding-top:2px;padding-bottom:2px}";var Jr=Object.defineProperty,Xr=Object.getOwnPropertyDescriptor,Tt=(i,e,t,n)=>{for(var s=n>1?void 0:n?Xr(e,t):e,o=i.length-1,r;o>=0;o--)(r=i[o])&&(s=(n?r(e,t,s):r(s))||s);return n&&s&&Jr(e,t,s),s};let Qr=0;var le;const it=(le=class extends U{constructor(){super(),this.checked=!1,this.value="",this.disabled=!1,this.label="",this.handleClick=i=>{i.preventDefault()},this.a11yID=le.ID+"_"+Qr++}static get styles(){return[we`
+            `]}},oe.ID="sd-checkbox",oe.ensureDefined=()=>{customElements.get(oe.ID)||customElements.define(oe.ID,oe)},oe.shadowRootOptions={...U.shadowRootOptions,delegatesFocus:sn},oe);se([x({type:Boolean,reflect:!0})],K.prototype,"disabled",2);se([x({type:String,reflect:!0})],K.prototype,"label",2);se([x({type:String})],K.prototype,"validationMessage",2);se([x({type:String})],K.prototype,"validationIconSrc",2);se([x({type:Ze,reflect:!0})],K.prototype,"validationLevel",2);se([x({type:Number})],K.prototype,"tabIndex",2);se([x({type:Boolean,reflect:!0})],K.prototype,"oneLine",2);se([x({type:Boolean,reflect:!0})],K.prototype,"checked",1);se([x({type:Boolean,reflect:!1,attribute:!1})],K.prototype,"indeterminate",1);let Wi=K;Wi.ensureDefined();const Zr=":host{display:block}:host,.label,.checkbox{outline:none}:host([disabled]){pointer-events:none}:host([disabled]) .root{opacity:.6;cursor:default;filter:grayscale(100%)}:host(:not([disabled])[focused]) .highlight{display:block!important}:host([checked]) circle.inner{display:block!important}:host([checked]) circle.outer{stroke:var(--sd-radio-button-checked-color, #1467ba)!important}:host([oneline]) .label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.root{display:inline-flex;align-items:center;vertical-align:middle;width:100%;padding-top:6px;padding-bottom:6px}.root .radio-button-container{position:relative;display:inline-block;width:28px;height:28px;box-sizing:border-box;cursor:pointer;margin-right:5px;flex-shrink:0}.root .radio-button-container input{position:absolute;top:0;left:0;opacity:0}.root .radio-button-container circle.highlight{stroke:var(--sd-radio-button-highlight-color, rgba(20, 103, 186, .3))}.root .radio-button-container circle.inner{fill:var(--sd-radio-button-checked-color, #1467ba)}.root .radio-button-container circle.outer{stroke:var(--sd-radio-button-unchecked-color, #767676)}.root .label{font-family:Segoe UI,Lucida Sans,Arial,sans-serif;text-overflow:ellipsis;overflow-x:hidden;-webkit-user-select:none;user-select:none;cursor:pointer;padding-top:2px;padding-bottom:2px}";var Jr=Object.defineProperty,Xr=Object.getOwnPropertyDescriptor,Tt=(i,e,t,n)=>{for(var s=n>1?void 0:n?Xr(e,t):e,o=i.length-1,r;o>=0;o--)(r=i[o])&&(s=(n?r(e,t,s):r(s))||s);return n&&s&&Jr(e,t,s),s};let Qr=0;var le;const it=(le=class extends U{constructor(){super(),this.checked=!1,this.value="",this.disabled=!1,this.label="",this.handleClick=i=>{i.preventDefault()},this.a11yID=le.ID+"_"+Qr++}static get styles(){return[we`
                 ${ce(Zr)}
             `]}render(){return I`
             <div class="root">
@@ -494,6 +494,7 @@ export class Server {
                                         ?checked="${this.selectionState==="checked"}"
                                         ?focused="${this.focused}"
                                         ?disabled="${this.disabled}"
+                                        oneline=""
                                         @click="${this.onSelectionChange}"
                                     ></sd-radio-button>
                                 `}
@@ -745,8 +746,7 @@ https://github.com/highlightjs/highlight.js/issues/2277`),O=h,S=g),v===void 0&&(
 </ul>
 </li>
 </ul>
-<h2 id="examples">Examples</h2>
-`;document.querySelector("#markdown-container").innerHTML=Ed;wd(Object.assign({"./examples/1_declarative_checkbox/index.ts":dr,"./examples/2_declarative_radiobutton/index.ts":fr,"./examples/3_lazy_loading/index.ts":Er}));export{ro as C,In as R,vo as T,go as f,io as i};
+`,kd=document.querySelector("#markdown-container");kd.innerHTML=Ed;wd(Object.assign({"./examples/1_declarative_checkbox/index.ts":dr,"./examples/2_declarative_radiobutton/index.ts":fr,"./examples/3_lazy_loading/index.ts":Er}),document.querySelector(".markdown-body"));export{ro as C,In as R,vo as T,go as f,io as i};
 function __vite__mapDeps(indexes) {
   if (!__vite__mapDeps.viteFileDeps) {
     __vite__mapDeps.viteFileDeps = []

package/dist/tree-with-externals.js

@@ -29,7 +29,7 @@ var window;(window||={})["@cas-smartdesign/tree"]=(()=>{var ge=Object.defineProp
             `}
         `}onInputValueChange(t){t.preventDefault(),t.stopPropagation(),this.checked=t.target.checked,this.fireValueChange()}fireValueChange(){this.dispatchEvent(new CustomEvent("value-change",{detail:{value:this.checked}}))}get checkboxElement(){return this.shadowRoot.querySelector(".checkbox")}static get styles(){return[x`
                 ${b(Et)}
-            `]}},A.ID="sd-checkbox",A.ensureDefined=()=>{customElements.get(A.ID)||customElements.define(A.ID,A)},A.shadowRootOptions={...g.shadowRootOptions,delegatesFocus:Pe},A);w([d({type:Boolean,reflect:!0})],S.prototype,"disabled",2);w([d({type:String,reflect:!0})],S.prototype,"label",2);w([d({type:String})],S.prototype,"validationMessage",2);w([d({type:String})],S.prototype,"validationIconSrc",2);w([d({type:P,reflect:!0})],S.prototype,"validationLevel",2);w([d({type:Number})],S.prototype,"tabIndex",2);w([d({type:Boolean,reflect:!0})],S.prototype,"oneLine",2);w([d({type:Boolean,reflect:!0})],S.prototype,"checked",1);w([d({type:Boolean,reflect:!1,attribute:!1})],S.prototype,"indeterminate",1);var Re=S;Re.ensureDefined();var Bt=":host{display:block}:host,.label,.checkbox{outline:none}:host([disabled]){pointer-events:none}:host([disabled]) .root{opacity:.6;cursor:default;filter:grayscale(100%)}:host(:not([disabled])[focused]) .highlight{display:block!important}:host([checked]) circle.inner{display:block!important}:host([checked]) circle.outer{stroke:var(--sd-radio-button-checked-color, #1467ba)!important}.root{display:inline-flex;align-items:center;vertical-align:middle;width:100%;padding-top:6px;padding-bottom:6px}.root .radio-button-container{position:relative;display:inline-block;width:28px;height:28px;box-sizing:border-box;cursor:pointer;margin-right:5px;flex-shrink:0}.root .radio-button-container input{position:absolute;top:0;left:0;opacity:0}.root .radio-button-container circle.highlight{stroke:var(--sd-radio-button-highlight-color, rgba(20, 103, 186, .3))}.root .radio-button-container circle.inner{fill:var(--sd-radio-button-checked-color, #1467ba)}.root .radio-button-container circle.outer{stroke:var(--sd-radio-button-unchecked-color, #767676)}.root .label{font-family:Segoe UI,Lucida Sans,Arial,sans-serif;text-overflow:ellipsis;overflow-x:hidden;-webkit-user-select:none;user-select:none;cursor:pointer;padding-top:2px;padding-bottom:2px}",Pt=Object.defineProperty,Rt=Object.getOwnPropertyDescriptor,ue=(t,e,s,i)=>{for(var o=i>1?void 0:i?Rt(e,s):e,n=t.length-1,r;n>=0;n--)(r=t[n])&&(o=(i?r(e,s,o):r(o))||o);return i&&o&&Pt(e,s,o),o},Ot=0,I,ee=(I=class extends g{constructor(){super(),this.checked=!1,this.value="",this.disabled=!1,this.label="",this.handleClick=t=>{t.preventDefault()},this.a11yID=I.ID+"_"+Ot++}static get styles(){return[x`
+            `]}},A.ID="sd-checkbox",A.ensureDefined=()=>{customElements.get(A.ID)||customElements.define(A.ID,A)},A.shadowRootOptions={...g.shadowRootOptions,delegatesFocus:Pe},A);w([d({type:Boolean,reflect:!0})],S.prototype,"disabled",2);w([d({type:String,reflect:!0})],S.prototype,"label",2);w([d({type:String})],S.prototype,"validationMessage",2);w([d({type:String})],S.prototype,"validationIconSrc",2);w([d({type:P,reflect:!0})],S.prototype,"validationLevel",2);w([d({type:Number})],S.prototype,"tabIndex",2);w([d({type:Boolean,reflect:!0})],S.prototype,"oneLine",2);w([d({type:Boolean,reflect:!0})],S.prototype,"checked",1);w([d({type:Boolean,reflect:!1,attribute:!1})],S.prototype,"indeterminate",1);var Re=S;Re.ensureDefined();var Bt=":host{display:block}:host,.label,.checkbox{outline:none}:host([disabled]){pointer-events:none}:host([disabled]) .root{opacity:.6;cursor:default;filter:grayscale(100%)}:host(:not([disabled])[focused]) .highlight{display:block!important}:host([checked]) circle.inner{display:block!important}:host([checked]) circle.outer{stroke:var(--sd-radio-button-checked-color, #1467ba)!important}:host([oneline]) .label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.root{display:inline-flex;align-items:center;vertical-align:middle;width:100%;padding-top:6px;padding-bottom:6px}.root .radio-button-container{position:relative;display:inline-block;width:28px;height:28px;box-sizing:border-box;cursor:pointer;margin-right:5px;flex-shrink:0}.root .radio-button-container input{position:absolute;top:0;left:0;opacity:0}.root .radio-button-container circle.highlight{stroke:var(--sd-radio-button-highlight-color, rgba(20, 103, 186, .3))}.root .radio-button-container circle.inner{fill:var(--sd-radio-button-checked-color, #1467ba)}.root .radio-button-container circle.outer{stroke:var(--sd-radio-button-unchecked-color, #767676)}.root .label{font-family:Segoe UI,Lucida Sans,Arial,sans-serif;text-overflow:ellipsis;overflow-x:hidden;-webkit-user-select:none;user-select:none;cursor:pointer;padding-top:2px;padding-bottom:2px}",Pt=Object.defineProperty,Rt=Object.getOwnPropertyDescriptor,ue=(t,e,s,i)=>{for(var o=i>1?void 0:i?Rt(e,s):e,n=t.length-1,r;n>=0;n--)(r=t[n])&&(o=(i?r(e,s,o):r(o))||o);return i&&o&&Pt(e,s,o),o},Ot=0,I,ee=(I=class extends g{constructor(){super(),this.checked=!1,this.value="",this.disabled=!1,this.label="",this.handleClick=t=>{t.preventDefault()},this.a11yID=I.ID+"_"+Ot++}static get styles(){return[x`
                 ${b(Bt)}
             `]}render(){return c`
             <div class="root">
@@ -100,6 +100,7 @@ var window;(window||={})["@cas-smartdesign/tree"]=(()=>{var ge=Object.defineProp
                                         ?checked="${this.selectionState==="checked"}"
                                         ?focused="${this.focused}"
                                         ?disabled="${this.disabled}"
+                                        oneline=""
                                         @click="${this.onSelectionChange}"
                                     ></sd-radio-button>
                                 `}