diff --git a/dist/flightkit-v0.0.16/flightkit.min.js b/dist/flightkit-v0.0.16/flightkit.min.js deleted file mode 100644 index e329758..0000000 --- a/dist/flightkit-v0.0.16/flightkit.min.js +++ /dev/null @@ -1 +0,0 @@ -!function(){"use strict";function i(e,t){if(!t||0===t.length)return e;const s=Object.assign([],e);if(Array.isArray(s[0])){e=s;var n=t;const r=[];for(const i of e)r.push(i.sort(L(n)));r}else s.sort(L(t));return s}function _(e){let t=e.toString();e=t.match(/^\d+|\d+$/);return e?parseInt(e[0]):null}function k(e){return"boolean"==typeof e||"string"==typeof e&&("true"===(e=e.toLocaleLowerCase())||"false"===e)}function T(e){return"boolean"==typeof e?e:"true"===e.toLocaleLowerCase()}function L(w,E=0){return function(d,h){var{propertyName:e,direction:t}=w[E];let s=null===d[e]||void 0===d[e]?"":d[e],n=null===h[e]||void 0===h[e]?"":h[e];const p=/^(\d{1,4}-\d{1,4}-\d{1,4}(T)?)/gim;var m,e=s instanceof Date&&n instanceof Date||p.test(s)&&p.test(n),u=(e&&(s=s instanceof Date?s.valueOf():new Date(Date.parse(s)),n=n instanceof Date?n.valueOf():new Date(Date.parse(n))),k(s)&&k(n)),f=!u&&!isNaN(s)&&!isNaN(n),r=_(s),i=_(n);let g=!1;f?(s=parseFloat(s).toPrecision(12),n=parseFloat(n).toPrecision(12)):null!==r&&null!==i&&(g=!0),u&&(s=T(s),n=T(n));let o,a;switch(t){case"descending":case"desc":o=n,a=s;break;default:o=s,a=n}let l=0;if(g)l=(r=s,i=n,t=t,c=/^([a-zA-Z]*)(\d*)|(\d*)([a-zA-Z]*)$/,r=r.toString().toLocaleLowerCase().match(c),i=i.toString().toLocaleLowerCase().match(c),c=r[1]||r[4],r=parseInt(r[2]||r[3],10)||0,y=i[1]||i[4],i=parseInt(i[2]||i[3],10)||0,(m=(t=t.includes("desc"))?y:c)<(c=t?c:y)?-1:c(15&crypto.getRandomValues(new Uint8Array(1))[0]).toString(16));return window.$flightkitUUIDStore||(window.$flightkitUUIDStore={}),void 0!==window.$flightkitUUIDStore[t]?g(e+1):(window.$flightkitUUIDStore[t]=!0,t)}class r{constructor(){}_topLevelClasses=[];_events=[];generateId(){return"flk-"+function e(){var t=([1e7]+-1e3+-4e3+-8e3+-1e11).replace(/[018]/g,e=>(e^crypto.getRandomValues(new Uint8Array(1))[0]&15>>e/4).toString(16));return window.$flightkitUUIDStore||(window.$flightkitUUIDStore={}),void 0!==window.$flightkitUUIDStore[t]?e():(window.$flightkitUUIDStore[t]=!0,t)}()}render(t){if(!t.component)throw new Error("Component is not assigned! Can't render");t.id=t.id||this.generateId();var e=this._getAllEventAttributes(t);if(e){var s="#"+t.id;for(const i of e){var n="e-"+i;this.addEvent(s,i,t.getAttribute(n))}}var r=Object.keys(t.classList).length;if(r){for(let e=0;e{this._assignToDom(t,t.component),clearTimeout(this._renderTimer)},10)}addEvent(e,t,s){this._events.push({selector:e,eventType:t,callback:s})}_getExternalCallback(e){let t=void 0;for(const s of e.split("."))t=(t||window)[s];return t}_getAllEventAttributes(e){e=e.attributes;const t=Array.from(e).filter(e=>e.name.startsWith("e-"));return t.map(e=>e.name.slice(2))}_isFlightkitElement(e){return e.toUpperCase().includes("FLK-")}_outerEventHandler(e){const t=p(e),s=(t.contents=e.detail,t.target.getAttribute("e-"+t.type));let n=void 0;for(const r of s.split("."))n=(n||window)[r];return e.preventDefault(),e.stopPropagation(),n(t)}_addEvents(e){if(e.isConnected)for(const s of this._events)if(s.selector.startsWith("."))for(const n of document.querySelectorAll(s.selector))this._addEventToElement(s,n);else{var t=document.querySelector(s.selector);this._addEventToElement(s,t)}}_addEventToElement(e,t){t&&("function"==typeof e.callback?(t.removeEventListener(e.eventType,e.callback),t.addEventListener(e.eventType,e.callback)):(t.removeEventListener(e.eventType,this._outerEventHandler),t.addEventListener(e.eventType,this._outerEventHandler)))}removeEvents(){for(const t of this._events)if(t.selector.startsWith("."))for(const s of document.querySelectorAll(t.selector))this._addEventToElement(t,s);else{var e=document.querySelector(t.selector);this._addEventToElement(t,e)}this._events=[]}_removeEventToElement(e,t){t&&("function"==typeof e.callback?t.removeEventListener(e.eventType,e.callback):t.removeEventListener(e.eventType,this._outerEventHandler))}_assignToDom(e,t){e.innerHTML="";for(const n of Array.isArray(t)?t:[t])e.append(n);const s=setTimeout(()=>{this._addEvents(e),clearTimeout(s),e.dispatchEvent(new CustomEvent("loaded",{bubbles:!0,cancelable:!0}))},10)}}const y='',v='';function l(e){const t=new DOMParser;return t.parseFromString(e,"image/svg+xml").documentElement}class e extends HTMLElement{base;component=null;properties=new Set;uniqueEntriesByProperties={};propertyLabelDictionary={};_contents=[];_orderBy=[];_columnOrder=[];_filter="";_selectionProperty="";_selectedIds=new Set;_templates={};_templateClasses={};static get observedAttributes(){return["contents","columns","order","filter","selection-property","templates"]}get columnOrder(){return this._columnOrder.length?this._columnOrder:this.properties}set columnOrder(e){let t;"string"==typeof e&&(t=e.split(",")),t=e,this._columnOrder=t}get contents(){return this._contents}set contents(e){this.analyzeData(e),this._contents=e}get orderBy(){return this._orderBy}set orderBy(e){if(Array.isArray(e))this._orderBy=e;else{const n=[];for(const r of e.split(",")){var t=r.split("|"),s=t[0],t=1e[s._selectionProperty])):new Set;e=t?s.contents.execute():[];s._emit("select",s,{selection:e}),s._updateCheckboxes(s)}emitSelect(e){var t=e.target.checked,s=e.target.dataset.objectId;const n=p(e).target,r=(t?n._selectedIds.add(s):n._selectedIds.delete(s),n._selectionProperty);e=n.contents.execute().filter(e=>n._selectedIds.has(e[r]));n._emit("select",n,{selection:e}),n._updateCheckboxes(n)}sortData(e){const t=p(e).target,s=m(e,"column");s&&(-1<(e=t._orderBy.findIndex(e=>e.propertyName===s))?"asc"===t._orderBy[e].direction?t._orderBy[e].direction="desc":t._orderBy.splice(e,1):t._orderBy.push({propertyName:s,direction:"asc"}),t.createHtml(),t.base.render(t))}setColumnOrder(e){this._columnOrder=e?Array.isArray(e)?e:e.split(","):[]}analyzeData(t){this.properties=new Set;var s=t.length;for(let e=0;e"_"===e?" ":" "+e.toLowerCase()).trim();var s=t.charAt(0).toUpperCase()+t.slice(1);return this.propertyLabelDictionary[e]=s}parseTemplate(e,n){return e.replace(/\{\{([\s\S]+?)\}\}/gim,(e,t)=>{let s="";t=t.trim();t=n[t];return t&&(s=t),Array.isArray(s)?s.join(", "):s.toString().trim()})}createSelectionCheckbox(e){const t=document.createElement("input");return t.setAttribute("type","checkbox"),t.classList.add("flk-selection-checkbox"),e&&(t.dataset.selected=e[this._selectionProperty]),t}createRow(e){const t=document.createElement("tr");if(this._selectionProperty.length){const r=document.createElement("td");var s=this.base.generateId();const i=this.createSelectionCheckbox(e);i.id=s,i.dataset.objectId=e[this._selectionProperty];var n=e[this._selectionProperty];this._selectedIds.has(n)?i.checked=!0:i.checked=!1,this.base.addEvent("#"+s,"change",this.emitSelect),r.append(i),t.append(r)}for(const o of this.columnOrder){const a=document.createElement("td");this._templates[o]?(a.innerHTML=this.parseTemplate(this._templates[o],e),this._templateClasses[o]&&a.classList.add(...this._templateClasses[o])):a.innerText=e[o],t.append(a)}return t}createBody(e){const t=document.createElement("tbody");for(const n of e){var s=this.createRow(n,null);t.append(s)}return t}createHead(){const e=document.createElement("thead"),t=document.createElement("tr");if(t.classList.add("cursor-pointer"),this._selectionProperty.length){const r=document.createElement("th");var s=this.base.generateId();const i=this.createSelectionCheckbox();i.id=s;var d=this.contents.execute().length;0e.propertyName===o);const c=document.createElement("span");n?c.innerHTML="asc"===n.direction?'':'':(c.style.display="inline-block",c.style.width="24px"),a.append(c),t.append(a)}return e.append(t),e}addEvent(e,t,s){this.base.addEvent(e,t,s)}init(){this.createHtml(),this.base.render(this)}}class t extends HTMLElement{base;componentId;constructor(){super(),this.base=new r}connectedCallback(){var e=this.getAttribute("top"),t=this.getAttribute("left"),s=this.getAttribute("center"),n=this.getAttribute("zIndex");this.id||(this.id=this.base.generateId()),this.style.display="block",this.style.position="fixed","string"==typeof s?(this.style.top=e||"50%",this.style.left="50%",this.style.transform="translate(-50%, -50%)"):(this.style.top=e||this.clientTop+"px",this.style.left=t||this.clientLeft+"px"),n&&(this.style.zIndex=n),this.componentId=this.getAttribute("handle");const r=document.createElement("div");r.innerHTML=this.innerHTML,this.component=r;s="#"+(this.componentId||this.id);this.base.addEvent(s,"mousedown",this._dragElement),this.base.addEvent(s,"mouseup",this._reset),this.base.render(this)}disconnectedCallback(){this.base.removeEvents(this)}_dragElement(e){const s=p(e,"flk-draggable").target;let n,r;function t(e){n=e.clientX-s.offsetLeft,r=e.clientY-s.offsetTop}function i(e){var t=e.clientX-n,e=e.clientY-r;s.style.left=t+"px",s.style.top=e+"px"}function o(e){e.preventDefault()}function a(){s.removeAttribute("draggable"),s.removeEventListener("dragstart",t),s.removeEventListener("dragend",a),document.removeEventListener("dragover",o),document.removeEventListener("drop",i)}s.setAttribute("draggable",!0),s.addEventListener("dragstart",t),s.addEventListener("dragend",a),document.addEventListener("dragover",o),document.addEventListener("drop",i)}}class s extends HTMLElement{_id;base;_draggableId;constructor(){super(),this.base=new r}_emit(e,t,s){e=new CustomEvent(e,{detail:s,bubbles:!0,cancelable:!0});t.dispatchEvent(e)}_closeModal(e){e.stopPropagation();const t=p(e,"flk-modal").target;t.classList.add("hidden")}closeModal(e){this.classList.add("hidden")}openModal(e=!0){const t=document.getElementById(this._draggableId);e&&(t.style.top="40%",t.style.left="50%"),this.classList.remove("hidden")}connectedCallback(){this.id||(this.id=this.base.generateId());const e=document.createElement("div");var t=this.base.generateId();const s=document.createElement("flk-draggable"),n=(this._draggableId=this.base.generateId(),s.id=this._draggableId,s.setAttribute("center",""),s.setAttribute("top","40%"),s.setAttribute("handle",t),s.setAttribute("zIndex","1080"),s.classList.add("border","shadow-lg","bg-white"),s.style.width="max-content",document.createElement("div"));var r=this.getAttribute("modal-title");if(r){const c=document.createElement("span");c.innerText=r,c.classList.add("ml-1","mr-auto"),n.append(c)}n.id=t;const i=this.getAttribute("header-class");let o=[];i?o=o.concat(i.split(" ")):o.push("bg-gray-light"),n.classList.add(...o,"border-bottom","row","justify-end","cursor-no-select");r=this.base.generateId();const a=document.createElement("button"),l=(a.classList.add("py-0","px-1","outline-hover","no-border","cursor-default",...o),a.innerText="X",a.id=r,n.append(a),s.append(n),document.createElement("div"));l.innerHTML=this.innerHTML,s.append(l),e.append(s),this.component=e,this.base.addEvent("#"+r,"click",this._closeModal),this.base.render(this),this.classList.add("hidden")}disconnectedCallback(){this.base.removeEvents(this)}}class n extends HTMLElement{base;_buttonId;_drawerId;_iconId;constructor(){super(),this.base=new r}connectedCallback(){this.style.position="relative",this.style.display="flex",this.style.width="fit-content",this._buttonId=this.base.generateId();const e=document.createElement("button"),t=(e.setAttribute("type","button"),e.classList.add("row"),e.id=this._buttonId,document.createElement("span")),s=(t.classList.add("self-align-center"),t.innerText=this.getAttribute("text"),this._iconId=this.base.generateId(),document.createElement("span"));s.classList.add("self-align-center");var n=l('');const r=l(''),i=(r.classList.add("hidden"),s.append(n,r),s.id=this._iconId,e.append(t,s),this._drawerId=this.base.generateId(),document.createElement("div"));i.id=this._drawerId,i.classList.add("shadow","inline-block","bg-white"),i.style.position="absolute",i.style.zIndex="1040";n=this.querySelector("template");n.innerHTML.length?i.innerHTML=n.innerHTML:i.append(n.firstChild),i.style.display="none",this.component=[e,i],this.base.addEvent("#"+this._buttonId,"click",this.toggleMenu);const o=document.querySelector("body");""!==o.getAttribute("flk-close-dropdown")&&(o.setAttribute("flk-close-dropdown",""),o.addEventListener("click",this.closeAllDropdownButtons)),this.base.render(this)}disconnectedCallback(){this.base.removeEvents(this);var e=document.querySelectorAll("flk-dropdown");if(!e||!e.length){const t=document.querySelector("body");t.removeAttribute("flk-close-dropdown"),t.removeEventListener("click",this.closeAllDropdownButtons)}}toggleMenu(e){const t=p(e).target;e=t._drawerId;const s=document.getElementById(e);var e="none"!==s.style.display,n=(s.style.display=e?"none":"block",t.getAttribute("drawer-width")),n=("string"==typeof t.getAttribute("right")&&(s.style.right="0px"),s.style.top=t.offsetHeight+"px",s.style.width=n||t.offsetWidth+"px",t._iconId);const r=document.getElementById(n);e?(r.childNodes[0].classList.remove("hidden"),r.childNodes[1].classList.add("hidden")):(r.childNodes[0].classList.add("hidden"),r.childNodes[1].classList.remove("hidden"))}_closeDropdown(){var e=this._drawerId;const t=document.getElementById(e);if("none"!==t.style.display){e=this._iconId;const s=document.getElementById(e);t.style.display="none",s.childNodes[0].classList.remove("hidden"),s.childNodes[1].classList.add("hidden")}}closeAllDropdownButtons(e){var t,s=p(e,"flk-dropdown").target,e=document.querySelectorAll("flk-dropdown");if(s)for(const n of e)s._buttonId!==n._buttonId&&(t=n._drawerId,"none"!==document.getElementById(t).style.display&&n._closeDropdown());else for(const r of e)r._closeDropdown()}}class o extends HTMLElement{base;contents;component;listType="ul";commentType="";invertComment=!1;searchStyle="";iconSet;filter={value:"",caseSensitive:!1};selectedElements=[];_setup=!0;_justFiltered=!1;_treeValues={};static get observedAttributes(){return["contents","icon-set","max-depth","filter","search-style","comment","invert-comment"]}_jsonToValueArray(e){return[...new Set(function e(t){let s=t;if(!t)return[];if("string"==typeof t&&t.includes("{"))s=JSON.parse(s);else if("object"!=typeof t)return[t];let n=[];if(Array.isArray(s)){if("object"==typeof s[0])for(const r of s){n=n.concat(Object.keys(r));for(const i of Object.values(r))"object"==typeof i?n=n.concat(e(i)):n.push(i)}}else if("object"==typeof s){n=n.concat(Object.keys(s));for(const o of Object.values(s))"object"==typeof o?n=n.concat(e(o)):n.push(o)}else n.push(s);return n}(e))]}_emit(e,t,s){e=new CustomEvent(e,{detail:s,bubbles:!0,cancelable:!0});t.dispatchEvent(e)}constructor(){super(),this.base=new r,this.setContents(this.getAttribute("contents")),this.commentType=this.getAttribute("comment")??"",this.iconSet=this.getAttribute("icon-set")??"file",this.searchStyle=this.getAttribute("search-style")??"highlight",this.maxDepth=this.getAttribute("max-depth")?parseInt(this.getAttribute("max-depth")):-1,this.invertComment=!!this.getAttribute("invert-comment"),this.setFilter(this.getAttribute("filter")),this.style.display="block",this.style.maxWidth="fit-content",this.style.margin="0 1rem 0 0",this.base.addEvent(".flk-branch","click",this.emitNodeToggle),this.base.addEvent(".flk-tree-summary","click",this.stopCollapseWhenJustFiltered)}stopCollapseWhenJustFiltered(e){const t=p(e,"flk-tree-nav").target;if(!t._justFiltered)return!0;let s=e.target;for(;"DETAILS"!==s.tagName&&(s=s.parentNode||s.parentElement),"DETAILS"!==s.tagName;);!0===t._justFiltered&&s.open&&(e.preventDefault(),t._justFiltered=!1)}deselectTree(){if(this.selectedElements.length)for(const e of this.selectedElements)e.classList.remove("font-weight-bold"),delete e.dataset.selected}emitNodeToggle(e){if(e.stopPropagation(),["LI","UL"].includes(e.target.tagName))return!1;const t=p(e,"flk-tree-nav").target,s=m(e,"branchKey");var d=parseInt(m(e,"depth"));let n=t.contents;const r=s.split("¶");for(const a of r)if(n[a])n=n[a];else if(null===n[a])n=null;else if(Array.isArray(n)){let e=[];for(const l of n)l[a]&&e.push(l[a]);n=e}let i,o=e.target;for(;o.dataset&&o.dataset.leafKey?i=o.dataset.leafKey:o=o.parentNode||o.parentElement,!i;);t.selectedElements.length&&(t.deselectTree(),t.selectedElements=[]),"DETAILS"===o.tagName?(t.selectedElements.push(o.childNodes[0]),o.childNodes.length&&o.childNodes[0].childNodes.length&&"DIV"===o.childNodes[0].childNodes[0].tagName&&(t.selectedElements=o.childNodes[0].childNodes[0].childNodes)):(t.selectedElements.push(o),o.childNodes.length&&"DIV"===o.childNodes[0].tagName&&(t.selectedElements=o.childNodes[0].childNodes));for(const c of t.selectedElements)c.dataset.selected||(c.classList.add("font-weight-bold"),c.dataset.selected=!0);var e=t.createLeafText(r.reverse()[0]),h=(r.pop(),r.reverse());t._emit("tree-click",t,{depth:d,path:h,data:n,key:i,label:(e.titleText+" "+e.commentText).trim(),branch:"object"==typeof n})}convertJsonKeyToTitle(e){if(!e)return"";const t=(e="string"!=typeof e?e.toString():e).replace(/([-_])/g,e=>"_"===e?" ":e).trim();return t.charAt(0).toUpperCase()+t.slice(1)}setContents(e){var t=e||this.contents||[];try{switch(typeof t){case"string":this.contents=JSON.parse(t);break;case"object":Array.isArray(t)?this.contents=t:this.contents=[t]}}catch(e){console.log(e)}}applyFilter(e){this._justFiltered=!0;let t,s;var n="details"===e.tagName.toLowerCase();let r=structuredClone(this._treeValues[e.dataset.branchValueId]);var i=Array.isArray(r);let o=i?r.join():r,a=(i&&r.shift(),i?r.join():"");s=this.filter.caseSensitive?(t=o.includes(this.filter.value),a.includes(this.filter.value)):(t=o.toLowerCase().includes(this.filter.value.toLowerCase()),a.toLowerCase().includes(this.filter.value.toLowerCase())),t?this.unselectTree(e):"highlight"===this.searchStyle?e.parentElement.style.color="rgba(0, 0, 0, 0.5)":e.parentElement.classList.add("hidden"),n&&t&&s?e.setAttribute("open",""):e.removeAttribute("open")}resetTree(e=!0){for(const t of this.querySelectorAll("[data-branch-value-id]"))t.parentElement.style.color="",t.parentElement.classList.remove("hidden"),e&&t.removeAttribute("open")}unselectTree(e){"highlight"===this.searchStyle?e.parentElement.style.color="":e.parentElement.classList.remove("hidden"),e.removeAttribute("open")}clearFilter(){this.resetTree(!1),this.filter={value:"",caseSensitive:!1}}filterTree(){if(void 0===this.filter.value||0===this.filter.value.length)this.resetTree();else{let t=setTimeout(()=>{for(const e of this.querySelectorAll("[data-branch-value-id]"))this.applyFilter(e);clearTimeout(t)},10)}}setFilter(e){const t=e||{};try{switch(typeof t){case"string":t.includes("{")?(this.filter=JSON.parse(t),!1===this.filter.caseSensitive&&(this.filter.value=this.filter.value.toLowerCase())):this.filter.value=e.toLowerCase();break;case"object":this.filter=t}}catch(e){console.log(e)}this.filterTree()}createLeafText(e){var t;let s="",n="";return!("string"!=typeof e||!this.commentType.length)&&e.includes(this.commentType[0])?(t=e.indexOf(this.commentType[0]),s=this.convertJsonKeyToTitle(e.substring(0,t)),n=e.substring(t+1,e.length-1).trim(),this.invertComment&&(t=s,s=n,n=t)):s=this.convertJsonKeyToTitle(e),{titleText:s,commentText:n}}createTextTag(n,r){n=this.createLeafText(n);if(n.commentText){let e=document.createElement("div"),t=document.createElement("span"),s=(t.innerText=n.titleText,document.createElement("small"));s.innerText=n.commentText,s.style.marginLeft="1rem",e.append(t,s),e.style.display="inline-flex",e.style.alignItems="center",r.append(e)}else r.innerText=n.titleText;return n}createLeaf(e,t,s,n,r=[]){let i=document.createElement("li");i.classList.add("cursor-pointer"),i.style.marginTop="0.4rem",i.dataset.branchKey=s,i.dataset.depth=n;const o="file"===this.iconSet?'':'';i.style.listStyleImage=`url('data:image/svg+xml,${o}')`,i.style.position="relative",i.style.left="2px";let a=document.createElement("span");s=g(),a.dataset.branchValueId=s,n=[e].concat(r),this._treeValues[s]=[...new Set(n)].join(),a.dataset.leafKey=n[0],r=this.createTextTag(e,a);if(r.commentText?i.title=r.titleText+" "+r.commentText:i.title=r.titleText,a.style.position="relative",a.style.top="-3px",i.append(a),t.tagName.toLowerCase()!==this.listType){let e=document.createElement(this.listType);const o="file"===this.iconSet?y:v;e.style.listStyleImage=`url('data:image/svg+xml,${o}')`,e.append(i),t.append(e)}else t.append(i)}createBranch(n,t,r,i){var o=i+1;if(i===this.maxDepth&&"object"==typeof n)if(Array.isArray(n))for(const s in n){let e;if(n[s]&&(e=this._jsonToValueArray(n[s])),"object"==typeof n[s])for(const m of Object.keys(n[s]))this.createLeaf(m,t,r+"¶"+s,i,e);else this.createLeaf(n[s],t,r+"¶"+s,i,e)}else for(const l of Object.keys(n)){let e;n[l]&&(e=this._jsonToValueArray(n[l])),this.createLeaf(l,t,r+"¶"+l,i,e)}else if(Array.isArray(n))for(var e in n){var h=document.createElement(this.listType);t.append(this.createBranch(n[e],h,r+"¶"+e,o))}else if(null!==n&&"object"==typeof n){const c=[];for(const d of Object.keys(n)){let e=document.createElement("li"),t=(e.classList.add("cursor-pointer"),e.style.position="relative",e.style.left="2px",e.dataset.branchKey=r+"¶"+d,e.dataset.depth=i,document.createElement("details"));t.classList.add("flk-branch");var a=g();t.dataset.branchValueId=a,this._treeValues[a]=[d].concat(this._jsonToValueArray(n[d])),t.style.position="relative",t.style.top="-3px",t.classList.add("cursor-pointer");let s=document.createElement("summary");s.classList.add("flk-tree-summary");a=this.createTextTag(d,s);t.dataset.leafKey=d,a.commentText?t.title=a.titleText+" "+a.commentText:t.title=a.titleText,t.append(s),e.append(this.createBranch(n[d],t,r+"¶"+d,o)),c.push(e)}if(t.tagName.toLowerCase()!==this.listType){let e=document.createElement(this.listType);var p="file"===this.iconSet?y:v;e.style.listStyleImage=`url('data:image/svg+xml,${p}')`;for(const u of c)e.append(u);t.append(e)}else for(const f of c)t.append(f)}else this.createLeaf(n,t,r,i);return t}createHtml(){let e=document.createElement(this.listType);var t="file"===this.iconSet?y:'';if(e.style.listStyleImage=`url('data:image/svg+xml,${t}')`,e.style.marginLeft="3rem",this.contents.length){for(const s in this.contents)e=this.createBranch(this.contents[s],e,s,0);this.component=e}else this.component=e}attributeChangedCallback(e,t,s){switch(e){case"contents":this.setContents(s);break;case"icon-set":this.iconSet=s;break;case"max-depth":this.maxDepth="string"==typeof s?parseInt(s):s;break;case"comment":this.commentType=s;break;case"invert-comment":this.invertComment="boolean"==typeof s?s:"true"===s.toString().toLowerCase();break;case"search-style":this.searchStyle=s,this.resetTree(!1),this.filterTree();break;case"filter":this.setFilter(s)}["filter","search-style"].includes(e)||this._setup||this.init()}connectedCallback(){this._setup||this.init()}disconnectedCallback(){this.base.removeEvents(this)}init(){this.createHtml(),this.base.render(this),this._setup=!1}}customElements.define("flk-table",e),customElements.define("flk-draggable",t),customElements.define("flk-modal",s),customElements.define("flk-dropdown",n),customElements.define("flk-tree-nav",o)}(); \ No newline at end of file diff --git a/dist/flightkit-v0.0.16/flightkit.js b/dist/flightkit-v0.0.17/flightkit.js similarity index 99% rename from dist/flightkit-v0.0.16/flightkit.js rename to dist/flightkit-v0.0.17/flightkit.js index 12fb8f9..7b2e55f 100644 --- a/dist/flightkit-v0.0.16/flightkit.js +++ b/dist/flightkit-v0.0.17/flightkit.js @@ -83,10 +83,6 @@ function sortFunction(applicableSorters, index = 0) { return function (a, b) { - if (index > 0) { - debugger; - } - const { propertyName, direction } = applicableSorters[index]; /** if it is undefined, just make it a string. */ @@ -902,20 +898,23 @@ return convertedKey; } - /** replaces {{ property }} with the value */ - parseTemplate(template, object) { + /** replaces {{ property }} with the value or passes property to a globally available function */ + parseTemplate(property, template, object) { return template.replace(/\{\{([\s\S]+?)\}\}/gim, (_, p1) => { - - let replacement = ''; + let replacement, templateItem = ''; p1 = p1.trim(); - let templateItem = object[p1]; + /** Check if it is a function */ + if (p1[0] === "$") { + replacement = window[p1.substring(1)](property, object); + } else { + templateItem = object[p1]; + } if (templateItem) { replacement = templateItem; } - return Array.isArray(replacement) ? replacement.join(', ') : replacement.toString().trim(); }); } @@ -958,7 +957,7 @@ const tableCell = document.createElement('td'); if (this._templates[property]) { - tableCell.innerHTML = this.parseTemplate(this._templates[property], rowContent); + tableCell.innerHTML = this.parseTemplate(property, this._templates[property], rowContent); /** when you use templating inside the element. */ if (this._templateClasses[property]) { tableCell.classList.add(...this._templateClasses[property]); diff --git a/dist/flightkit-v0.0.17/flightkit.min.js b/dist/flightkit-v0.0.17/flightkit.min.js new file mode 100644 index 0000000..24d37ab --- /dev/null +++ b/dist/flightkit-v0.0.17/flightkit.min.js @@ -0,0 +1 @@ +!function(){"use strict";function i(e,t){if(!t||0===t.length)return e;const s=Object.assign([],e);if(Array.isArray(s[0])){e=s;var n=t;const r=[];for(const i of e)r.push(i.sort(L(n)));r}else s.sort(L(t));return s}function _(e){let t=e.toString();e=t.match(/^\d+|\d+$/);return e?parseInt(e[0]):null}function k(e){return"boolean"==typeof e||"string"==typeof e&&("true"===(e=e.toLocaleLowerCase())||"false"===e)}function T(e){return"boolean"==typeof e?e:"true"===e.toLocaleLowerCase()}function L(w,E=0){return function(d,h){var{propertyName:e,direction:t}=w[E];let s=null===d[e]||void 0===d[e]?"":d[e],n=null===h[e]||void 0===h[e]?"":h[e];const p=/^(\d{1,4}-\d{1,4}-\d{1,4}(T)?)/gim;var m,e=s instanceof Date&&n instanceof Date||p.test(s)&&p.test(n),u=(e&&(s=s instanceof Date?s.valueOf():new Date(Date.parse(s)),n=n instanceof Date?n.valueOf():new Date(Date.parse(n))),k(s)&&k(n)),f=!u&&!isNaN(s)&&!isNaN(n),r=_(s),i=_(n);let g=!1;f?(s=parseFloat(s).toPrecision(12),n=parseFloat(n).toPrecision(12)):null!==r&&null!==i&&(g=!0),u&&(s=T(s),n=T(n));let o,a;switch(t){case"descending":case"desc":o=n,a=s;break;default:o=s,a=n}let l=0;if(g)l=(r=s,i=n,t=t,c=/^([a-zA-Z]*)(\d*)|(\d*)([a-zA-Z]*)$/,r=r.toString().toLocaleLowerCase().match(c),i=i.toString().toLocaleLowerCase().match(c),c=r[1]||r[4],r=parseInt(r[2]||r[3],10)||0,y=i[1]||i[4],i=parseInt(i[2]||i[3],10)||0,(m=(t=t.includes("desc"))?y:c)<(c=t?c:y)?-1:c(15&crypto.getRandomValues(new Uint8Array(1))[0]).toString(16));return window.$flightkitUUIDStore||(window.$flightkitUUIDStore={}),void 0!==window.$flightkitUUIDStore[t]?g(e+1):(window.$flightkitUUIDStore[t]=!0,t)}class r{constructor(){}_topLevelClasses=[];_events=[];generateId(){return"flk-"+function e(){var t=([1e7]+-1e3+-4e3+-8e3+-1e11).replace(/[018]/g,e=>(e^crypto.getRandomValues(new Uint8Array(1))[0]&15>>e/4).toString(16));return window.$flightkitUUIDStore||(window.$flightkitUUIDStore={}),void 0!==window.$flightkitUUIDStore[t]?e():(window.$flightkitUUIDStore[t]=!0,t)}()}render(t){if(!t.component)throw new Error("Component is not assigned! Can't render");t.id=t.id||this.generateId();var e=this._getAllEventAttributes(t);if(e){var s="#"+t.id;for(const i of e){var n="e-"+i;this.addEvent(s,i,t.getAttribute(n))}}var r=Object.keys(t.classList).length;if(r){for(let e=0;e{this._assignToDom(t,t.component),clearTimeout(this._renderTimer)},10)}addEvent(e,t,s){this._events.push({selector:e,eventType:t,callback:s})}_getExternalCallback(e){let t=void 0;for(const s of e.split("."))t=(t||window)[s];return t}_getAllEventAttributes(e){e=e.attributes;const t=Array.from(e).filter(e=>e.name.startsWith("e-"));return t.map(e=>e.name.slice(2))}_isFlightkitElement(e){return e.toUpperCase().includes("FLK-")}_outerEventHandler(e){const t=p(e),s=(t.contents=e.detail,t.target.getAttribute("e-"+t.type));let n=void 0;for(const r of s.split("."))n=(n||window)[r];return e.preventDefault(),e.stopPropagation(),n(t)}_addEvents(e){if(e.isConnected)for(const s of this._events)if(s.selector.startsWith("."))for(const n of document.querySelectorAll(s.selector))this._addEventToElement(s,n);else{var t=document.querySelector(s.selector);this._addEventToElement(s,t)}}_addEventToElement(e,t){t&&("function"==typeof e.callback?(t.removeEventListener(e.eventType,e.callback),t.addEventListener(e.eventType,e.callback)):(t.removeEventListener(e.eventType,this._outerEventHandler),t.addEventListener(e.eventType,this._outerEventHandler)))}removeEvents(){for(const t of this._events)if(t.selector.startsWith("."))for(const s of document.querySelectorAll(t.selector))this._addEventToElement(t,s);else{var e=document.querySelector(t.selector);this._addEventToElement(t,e)}this._events=[]}_removeEventToElement(e,t){t&&("function"==typeof e.callback?t.removeEventListener(e.eventType,e.callback):t.removeEventListener(e.eventType,this._outerEventHandler))}_assignToDom(e,t){e.innerHTML="";for(const n of Array.isArray(t)?t:[t])e.append(n);const s=setTimeout(()=>{this._addEvents(e),clearTimeout(s),e.dispatchEvent(new CustomEvent("loaded",{bubbles:!0,cancelable:!0}))},10)}}const y='',v='';function l(e){const t=new DOMParser;return t.parseFromString(e,"image/svg+xml").documentElement}class e extends HTMLElement{base;component=null;properties=new Set;uniqueEntriesByProperties={};propertyLabelDictionary={};_contents=[];_orderBy=[];_columnOrder=[];_filter="";_selectionProperty="";_selectedIds=new Set;_templates={};_templateClasses={};static get observedAttributes(){return["contents","columns","order","filter","selection-property","templates"]}get columnOrder(){return this._columnOrder.length?this._columnOrder:this.properties}set columnOrder(e){let t;"string"==typeof e&&(t=e.split(",")),t=e,this._columnOrder=t}get contents(){return this._contents}set contents(e){this.analyzeData(e),this._contents=e}get orderBy(){return this._orderBy}set orderBy(e){if(Array.isArray(e))this._orderBy=e;else{const n=[];for(const r of e.split(",")){var t=r.split("|"),s=t[0],t=1e[s._selectionProperty])):new Set;e=t?s.contents.execute():[];s._emit("select",s,{selection:e}),s._updateCheckboxes(s)}emitSelect(e){var t=e.target.checked,s=e.target.dataset.objectId;const n=p(e).target,r=(t?n._selectedIds.add(s):n._selectedIds.delete(s),n._selectionProperty);e=n.contents.execute().filter(e=>n._selectedIds.has(e[r]));n._emit("select",n,{selection:e}),n._updateCheckboxes(n)}sortData(e){const t=p(e).target,s=m(e,"column");s&&(-1<(e=t._orderBy.findIndex(e=>e.propertyName===s))?"asc"===t._orderBy[e].direction?t._orderBy[e].direction="desc":t._orderBy.splice(e,1):t._orderBy.push({propertyName:s,direction:"asc"}),t.createHtml(),t.base.render(t))}setColumnOrder(e){this._columnOrder=e?Array.isArray(e)?e:e.split(","):[]}analyzeData(t){this.properties=new Set;var s=t.length;for(let e=0;e"_"===e?" ":" "+e.toLowerCase()).trim();var s=t.charAt(0).toUpperCase()+t.slice(1);return this.propertyLabelDictionary[e]=s}parseTemplate(r,e,i){return e.replace(/\{\{([\s\S]+?)\}\}/gim,(e,t)=>{let s,n="";return"$"===(t=t.trim())[0]?s=window[t.substring(1)](r,i):n=i[t],n&&(s=n),Array.isArray(s)?s.join(", "):s.toString().trim()})}createSelectionCheckbox(e){const t=document.createElement("input");return t.setAttribute("type","checkbox"),t.classList.add("flk-selection-checkbox"),e&&(t.dataset.selected=e[this._selectionProperty]),t}createRow(e){const t=document.createElement("tr");if(this._selectionProperty.length){const r=document.createElement("td");var s=this.base.generateId();const i=this.createSelectionCheckbox(e);i.id=s,i.dataset.objectId=e[this._selectionProperty];var n=e[this._selectionProperty];this._selectedIds.has(n)?i.checked=!0:i.checked=!1,this.base.addEvent("#"+s,"change",this.emitSelect),r.append(i),t.append(r)}for(const o of this.columnOrder){const a=document.createElement("td");this._templates[o]?(a.innerHTML=this.parseTemplate(o,this._templates[o],e),this._templateClasses[o]&&a.classList.add(...this._templateClasses[o])):a.innerText=e[o],t.append(a)}return t}createBody(e){const t=document.createElement("tbody");for(const n of e){var s=this.createRow(n,null);t.append(s)}return t}createHead(){const e=document.createElement("thead"),t=document.createElement("tr");if(t.classList.add("cursor-pointer"),this._selectionProperty.length){const r=document.createElement("th");var s=this.base.generateId();const i=this.createSelectionCheckbox();i.id=s;var d=this.contents.execute().length;0e.propertyName===o);const c=document.createElement("span");n?c.innerHTML="asc"===n.direction?'':'':(c.style.display="inline-block",c.style.width="24px"),a.append(c),t.append(a)}return e.append(t),e}addEvent(e,t,s){this.base.addEvent(e,t,s)}init(){this.createHtml(),this.base.render(this)}}class t extends HTMLElement{base;componentId;constructor(){super(),this.base=new r}connectedCallback(){var e=this.getAttribute("top"),t=this.getAttribute("left"),s=this.getAttribute("center"),n=this.getAttribute("zIndex");this.id||(this.id=this.base.generateId()),this.style.display="block",this.style.position="fixed","string"==typeof s?(this.style.top=e||"50%",this.style.left="50%",this.style.transform="translate(-50%, -50%)"):(this.style.top=e||this.clientTop+"px",this.style.left=t||this.clientLeft+"px"),n&&(this.style.zIndex=n),this.componentId=this.getAttribute("handle");const r=document.createElement("div");r.innerHTML=this.innerHTML,this.component=r;s="#"+(this.componentId||this.id);this.base.addEvent(s,"mousedown",this._dragElement),this.base.addEvent(s,"mouseup",this._reset),this.base.render(this)}disconnectedCallback(){this.base.removeEvents(this)}_dragElement(e){const s=p(e,"flk-draggable").target;let n,r;function t(e){n=e.clientX-s.offsetLeft,r=e.clientY-s.offsetTop}function i(e){var t=e.clientX-n,e=e.clientY-r;s.style.left=t+"px",s.style.top=e+"px"}function o(e){e.preventDefault()}function a(){s.removeAttribute("draggable"),s.removeEventListener("dragstart",t),s.removeEventListener("dragend",a),document.removeEventListener("dragover",o),document.removeEventListener("drop",i)}s.setAttribute("draggable",!0),s.addEventListener("dragstart",t),s.addEventListener("dragend",a),document.addEventListener("dragover",o),document.addEventListener("drop",i)}}class s extends HTMLElement{_id;base;_draggableId;constructor(){super(),this.base=new r}_emit(e,t,s){e=new CustomEvent(e,{detail:s,bubbles:!0,cancelable:!0});t.dispatchEvent(e)}_closeModal(e){e.stopPropagation();const t=p(e,"flk-modal").target;t.classList.add("hidden")}closeModal(e){this.classList.add("hidden")}openModal(e=!0){const t=document.getElementById(this._draggableId);e&&(t.style.top="40%",t.style.left="50%"),this.classList.remove("hidden")}connectedCallback(){this.id||(this.id=this.base.generateId());const e=document.createElement("div");var t=this.base.generateId();const s=document.createElement("flk-draggable"),n=(this._draggableId=this.base.generateId(),s.id=this._draggableId,s.setAttribute("center",""),s.setAttribute("top","40%"),s.setAttribute("handle",t),s.setAttribute("zIndex","1080"),s.classList.add("border","shadow-lg","bg-white"),s.style.width="max-content",document.createElement("div"));var r=this.getAttribute("modal-title");if(r){const c=document.createElement("span");c.innerText=r,c.classList.add("ml-1","mr-auto"),n.append(c)}n.id=t;const i=this.getAttribute("header-class");let o=[];i?o=o.concat(i.split(" ")):o.push("bg-gray-light"),n.classList.add(...o,"border-bottom","row","justify-end","cursor-no-select");r=this.base.generateId();const a=document.createElement("button"),l=(a.classList.add("py-0","px-1","outline-hover","no-border","cursor-default",...o),a.innerText="X",a.id=r,n.append(a),s.append(n),document.createElement("div"));l.innerHTML=this.innerHTML,s.append(l),e.append(s),this.component=e,this.base.addEvent("#"+r,"click",this._closeModal),this.base.render(this),this.classList.add("hidden")}disconnectedCallback(){this.base.removeEvents(this)}}class n extends HTMLElement{base;_buttonId;_drawerId;_iconId;constructor(){super(),this.base=new r}connectedCallback(){this.style.position="relative",this.style.display="flex",this.style.width="fit-content",this._buttonId=this.base.generateId();const e=document.createElement("button"),t=(e.setAttribute("type","button"),e.classList.add("row"),e.id=this._buttonId,document.createElement("span")),s=(t.classList.add("self-align-center"),t.innerText=this.getAttribute("text"),this._iconId=this.base.generateId(),document.createElement("span"));s.classList.add("self-align-center");var n=l('');const r=l(''),i=(r.classList.add("hidden"),s.append(n,r),s.id=this._iconId,e.append(t,s),this._drawerId=this.base.generateId(),document.createElement("div"));i.id=this._drawerId,i.classList.add("shadow","inline-block","bg-white"),i.style.position="absolute",i.style.zIndex="1040";n=this.querySelector("template");n.innerHTML.length?i.innerHTML=n.innerHTML:i.append(n.firstChild),i.style.display="none",this.component=[e,i],this.base.addEvent("#"+this._buttonId,"click",this.toggleMenu);const o=document.querySelector("body");""!==o.getAttribute("flk-close-dropdown")&&(o.setAttribute("flk-close-dropdown",""),o.addEventListener("click",this.closeAllDropdownButtons)),this.base.render(this)}disconnectedCallback(){this.base.removeEvents(this);var e=document.querySelectorAll("flk-dropdown");if(!e||!e.length){const t=document.querySelector("body");t.removeAttribute("flk-close-dropdown"),t.removeEventListener("click",this.closeAllDropdownButtons)}}toggleMenu(e){const t=p(e).target;e=t._drawerId;const s=document.getElementById(e);var e="none"!==s.style.display,n=(s.style.display=e?"none":"block",t.getAttribute("drawer-width")),n=("string"==typeof t.getAttribute("right")&&(s.style.right="0px"),s.style.top=t.offsetHeight+"px",s.style.width=n||t.offsetWidth+"px",t._iconId);const r=document.getElementById(n);e?(r.childNodes[0].classList.remove("hidden"),r.childNodes[1].classList.add("hidden")):(r.childNodes[0].classList.add("hidden"),r.childNodes[1].classList.remove("hidden"))}_closeDropdown(){var e=this._drawerId;const t=document.getElementById(e);if("none"!==t.style.display){e=this._iconId;const s=document.getElementById(e);t.style.display="none",s.childNodes[0].classList.remove("hidden"),s.childNodes[1].classList.add("hidden")}}closeAllDropdownButtons(e){var t,s=p(e,"flk-dropdown").target,e=document.querySelectorAll("flk-dropdown");if(s)for(const n of e)s._buttonId!==n._buttonId&&(t=n._drawerId,"none"!==document.getElementById(t).style.display&&n._closeDropdown());else for(const r of e)r._closeDropdown()}}class o extends HTMLElement{base;contents;component;listType="ul";commentType="";invertComment=!1;searchStyle="";iconSet;filter={value:"",caseSensitive:!1};selectedElements=[];_setup=!0;_justFiltered=!1;_treeValues={};static get observedAttributes(){return["contents","icon-set","max-depth","filter","search-style","comment","invert-comment"]}_jsonToValueArray(e){return[...new Set(function e(t){let s=t;if(!t)return[];if("string"==typeof t&&t.includes("{"))s=JSON.parse(s);else if("object"!=typeof t)return[t];let n=[];if(Array.isArray(s)){if("object"==typeof s[0])for(const r of s){n=n.concat(Object.keys(r));for(const i of Object.values(r))"object"==typeof i?n=n.concat(e(i)):n.push(i)}}else if("object"==typeof s){n=n.concat(Object.keys(s));for(const o of Object.values(s))"object"==typeof o?n=n.concat(e(o)):n.push(o)}else n.push(s);return n}(e))]}_emit(e,t,s){e=new CustomEvent(e,{detail:s,bubbles:!0,cancelable:!0});t.dispatchEvent(e)}constructor(){super(),this.base=new r,this.setContents(this.getAttribute("contents")),this.commentType=this.getAttribute("comment")??"",this.iconSet=this.getAttribute("icon-set")??"file",this.searchStyle=this.getAttribute("search-style")??"highlight",this.maxDepth=this.getAttribute("max-depth")?parseInt(this.getAttribute("max-depth")):-1,this.invertComment=!!this.getAttribute("invert-comment"),this.setFilter(this.getAttribute("filter")),this.style.display="block",this.style.maxWidth="fit-content",this.style.margin="0 1rem 0 0",this.base.addEvent(".flk-branch","click",this.emitNodeToggle),this.base.addEvent(".flk-tree-summary","click",this.stopCollapseWhenJustFiltered)}stopCollapseWhenJustFiltered(e){const t=p(e,"flk-tree-nav").target;if(!t._justFiltered)return!0;let s=e.target;for(;"DETAILS"!==s.tagName&&(s=s.parentNode||s.parentElement),"DETAILS"!==s.tagName;);!0===t._justFiltered&&s.open&&(e.preventDefault(),t._justFiltered=!1)}deselectTree(){if(this.selectedElements.length)for(const e of this.selectedElements)e.classList.remove("font-weight-bold"),delete e.dataset.selected}emitNodeToggle(e){if(e.stopPropagation(),["LI","UL"].includes(e.target.tagName))return!1;const t=p(e,"flk-tree-nav").target,s=m(e,"branchKey");var d=parseInt(m(e,"depth"));let n=t.contents;const r=s.split("¶");for(const a of r)if(n[a])n=n[a];else if(null===n[a])n=null;else if(Array.isArray(n)){let e=[];for(const l of n)l[a]&&e.push(l[a]);n=e}let i,o=e.target;for(;o.dataset&&o.dataset.leafKey?i=o.dataset.leafKey:o=o.parentNode||o.parentElement,!i;);t.selectedElements.length&&(t.deselectTree(),t.selectedElements=[]),"DETAILS"===o.tagName?(t.selectedElements.push(o.childNodes[0]),o.childNodes.length&&o.childNodes[0].childNodes.length&&"DIV"===o.childNodes[0].childNodes[0].tagName&&(t.selectedElements=o.childNodes[0].childNodes[0].childNodes)):(t.selectedElements.push(o),o.childNodes.length&&"DIV"===o.childNodes[0].tagName&&(t.selectedElements=o.childNodes[0].childNodes));for(const c of t.selectedElements)c.dataset.selected||(c.classList.add("font-weight-bold"),c.dataset.selected=!0);var e=t.createLeafText(r.reverse()[0]),h=(r.pop(),r.reverse());t._emit("tree-click",t,{depth:d,path:h,data:n,key:i,label:(e.titleText+" "+e.commentText).trim(),branch:"object"==typeof n})}convertJsonKeyToTitle(e){if(!e)return"";const t=(e="string"!=typeof e?e.toString():e).replace(/([-_])/g,e=>"_"===e?" ":e).trim();return t.charAt(0).toUpperCase()+t.slice(1)}setContents(e){var t=e||this.contents||[];try{switch(typeof t){case"string":this.contents=JSON.parse(t);break;case"object":Array.isArray(t)?this.contents=t:this.contents=[t]}}catch(e){console.log(e)}}applyFilter(e){this._justFiltered=!0;let t,s;var n="details"===e.tagName.toLowerCase();let r=structuredClone(this._treeValues[e.dataset.branchValueId]);var i=Array.isArray(r);let o=i?r.join():r,a=(i&&r.shift(),i?r.join():"");s=this.filter.caseSensitive?(t=o.includes(this.filter.value),a.includes(this.filter.value)):(t=o.toLowerCase().includes(this.filter.value.toLowerCase()),a.toLowerCase().includes(this.filter.value.toLowerCase())),t?this.unselectTree(e):"highlight"===this.searchStyle?e.parentElement.style.color="rgba(0, 0, 0, 0.5)":e.parentElement.classList.add("hidden"),n&&t&&s?e.setAttribute("open",""):e.removeAttribute("open")}resetTree(e=!0){for(const t of this.querySelectorAll("[data-branch-value-id]"))t.parentElement.style.color="",t.parentElement.classList.remove("hidden"),e&&t.removeAttribute("open")}unselectTree(e){"highlight"===this.searchStyle?e.parentElement.style.color="":e.parentElement.classList.remove("hidden"),e.removeAttribute("open")}clearFilter(){this.resetTree(!1),this.filter={value:"",caseSensitive:!1}}filterTree(){if(void 0===this.filter.value||0===this.filter.value.length)this.resetTree();else{let t=setTimeout(()=>{for(const e of this.querySelectorAll("[data-branch-value-id]"))this.applyFilter(e);clearTimeout(t)},10)}}setFilter(e){const t=e||{};try{switch(typeof t){case"string":t.includes("{")?(this.filter=JSON.parse(t),!1===this.filter.caseSensitive&&(this.filter.value=this.filter.value.toLowerCase())):this.filter.value=e.toLowerCase();break;case"object":this.filter=t}}catch(e){console.log(e)}this.filterTree()}createLeafText(e){var t;let s="",n="";return!("string"!=typeof e||!this.commentType.length)&&e.includes(this.commentType[0])?(t=e.indexOf(this.commentType[0]),s=this.convertJsonKeyToTitle(e.substring(0,t)),n=e.substring(t+1,e.length-1).trim(),this.invertComment&&(t=s,s=n,n=t)):s=this.convertJsonKeyToTitle(e),{titleText:s,commentText:n}}createTextTag(n,r){n=this.createLeafText(n);if(n.commentText){let e=document.createElement("div"),t=document.createElement("span"),s=(t.innerText=n.titleText,document.createElement("small"));s.innerText=n.commentText,s.style.marginLeft="1rem",e.append(t,s),e.style.display="inline-flex",e.style.alignItems="center",r.append(e)}else r.innerText=n.titleText;return n}createLeaf(e,t,s,n,r=[]){let i=document.createElement("li");i.classList.add("cursor-pointer"),i.style.marginTop="0.4rem",i.dataset.branchKey=s,i.dataset.depth=n;const o="file"===this.iconSet?'':'';i.style.listStyleImage=`url('data:image/svg+xml,${o}')`,i.style.position="relative",i.style.left="2px";let a=document.createElement("span");s=g(),a.dataset.branchValueId=s,n=[e].concat(r),this._treeValues[s]=[...new Set(n)].join(),a.dataset.leafKey=n[0],r=this.createTextTag(e,a);if(r.commentText?i.title=r.titleText+" "+r.commentText:i.title=r.titleText,a.style.position="relative",a.style.top="-3px",i.append(a),t.tagName.toLowerCase()!==this.listType){let e=document.createElement(this.listType);const o="file"===this.iconSet?y:v;e.style.listStyleImage=`url('data:image/svg+xml,${o}')`,e.append(i),t.append(e)}else t.append(i)}createBranch(n,t,r,i){var o=i+1;if(i===this.maxDepth&&"object"==typeof n)if(Array.isArray(n))for(const s in n){let e;if(n[s]&&(e=this._jsonToValueArray(n[s])),"object"==typeof n[s])for(const m of Object.keys(n[s]))this.createLeaf(m,t,r+"¶"+s,i,e);else this.createLeaf(n[s],t,r+"¶"+s,i,e)}else for(const l of Object.keys(n)){let e;n[l]&&(e=this._jsonToValueArray(n[l])),this.createLeaf(l,t,r+"¶"+l,i,e)}else if(Array.isArray(n))for(var e in n){var h=document.createElement(this.listType);t.append(this.createBranch(n[e],h,r+"¶"+e,o))}else if(null!==n&&"object"==typeof n){const c=[];for(const d of Object.keys(n)){let e=document.createElement("li"),t=(e.classList.add("cursor-pointer"),e.style.position="relative",e.style.left="2px",e.dataset.branchKey=r+"¶"+d,e.dataset.depth=i,document.createElement("details"));t.classList.add("flk-branch");var a=g();t.dataset.branchValueId=a,this._treeValues[a]=[d].concat(this._jsonToValueArray(n[d])),t.style.position="relative",t.style.top="-3px",t.classList.add("cursor-pointer");let s=document.createElement("summary");s.classList.add("flk-tree-summary");a=this.createTextTag(d,s);t.dataset.leafKey=d,a.commentText?t.title=a.titleText+" "+a.commentText:t.title=a.titleText,t.append(s),e.append(this.createBranch(n[d],t,r+"¶"+d,o)),c.push(e)}if(t.tagName.toLowerCase()!==this.listType){let e=document.createElement(this.listType);var p="file"===this.iconSet?y:v;e.style.listStyleImage=`url('data:image/svg+xml,${p}')`;for(const u of c)e.append(u);t.append(e)}else for(const f of c)t.append(f)}else this.createLeaf(n,t,r,i);return t}createHtml(){let e=document.createElement(this.listType);var t="file"===this.iconSet?y:'';if(e.style.listStyleImage=`url('data:image/svg+xml,${t}')`,e.style.marginLeft="3rem",this.contents.length){for(const s in this.contents)e=this.createBranch(this.contents[s],e,s,0);this.component=e}else this.component=e}attributeChangedCallback(e,t,s){switch(e){case"contents":this.setContents(s);break;case"icon-set":this.iconSet=s;break;case"max-depth":this.maxDepth="string"==typeof s?parseInt(s):s;break;case"comment":this.commentType=s;break;case"invert-comment":this.invertComment="boolean"==typeof s?s:"true"===s.toString().toLowerCase();break;case"search-style":this.searchStyle=s,this.resetTree(!1),this.filterTree();break;case"filter":this.setFilter(s)}["filter","search-style"].includes(e)||this._setup||this.init()}connectedCallback(){this._setup||this.init()}disconnectedCallback(){this.base.removeEvents(this)}init(){this.createHtml(),this.base.render(this),this._setup=!1}}customElements.define("flk-table",e),customElements.define("flk-draggable",t),customElements.define("flk-modal",s),customElements.define("flk-dropdown",n),customElements.define("flk-tree-nav",o)}(); \ No newline at end of file diff --git a/docs/assets/AvianCss-SXzDdIuW.js b/docs/assets/AvianCss-IeEk2F3j.js similarity index 97% rename from docs/assets/AvianCss-SXzDdIuW.js rename to docs/assets/AvianCss-IeEk2F3j.js index 297ddc2..79a3194 100644 --- a/docs/assets/AvianCss-SXzDdIuW.js +++ b/docs/assets/AvianCss-IeEk2F3j.js @@ -1 +1 @@ -import{_ as u,o as c,c as n,a as t,w as l,b as a,u as o,R as e,d as s,p as r,e as m,f as p,g as f}from"./index-B1ANj5xS.js";const i=_=>(r("data-v-d4d45caf"),_=_(),m(),_),g={class:"bg-white"},v=i(()=>s("div",{class:"column align-center gap-1 mb-3"},[s("img",{src:p,class:"avian-logo"}),s("h1",null,"Avian CSS")],-1)),b={class:"font-size-18"},y=i(()=>s("h2",null,"Base",-1)),w=i(()=>s("hr",null,null,-1)),x={class:"ml-0 mt-3 list-style-none"},I={class:"ml-1"},k={class:"ml-1"},B=i(()=>s("h3",{class:"mt-3"},"Layout",-1)),S=i(()=>s("hr",null,null,-1)),C={class:"ml-0 list-style-none"},N={class:"ml-1"},V={class:"ml-1"},A={class:"ml-1"},R={class:"ml-1"},L={class:"ml-1"},T=i(()=>s("h3",{class:"mt-3"},"Interactive",-1)),$=i(()=>s("hr",null,null,-1)),z={class:"ml-0 list-style-none"},D={class:"ml-1"},E={class:"ml-1"},F={class:"ml-1"},M=i(()=>s("h3",{class:"mt-3"},"Utilities",-1)),P=i(()=>s("hr",null,null,-1)),U={class:"ml-0 list-style-none"},j={class:"ml-1"},q={class:"ml-1"},G={class:"ml-1"},H={class:"ml-1"},J={class:"ml-1"},K={__name:"AvianNavigation",setup(_){return(d,h)=>(c(),n("section",g,[v,t(o(e),{to:"/",class:"block mb-2"},{default:l(()=>[a("Back to Ibiss ")]),_:1}),s("nav",b,[y,w,s("ul",x,[s("li",I,[t(o(e),{to:"/typography"},{default:l(()=>[a("Typography")]),_:1})]),s("li",k,[t(o(e),{to:"/variables"},{default:l(()=>[a("Variables")]),_:1})])]),B,S,s("ul",C,[s("li",N,[t(o(e),{to:"/table"},{default:l(()=>[a("Table")]),_:1})]),s("li",V,[t(o(e),{to:"/flex"},{default:l(()=>[a("Flex")]),_:1})]),s("li",A,[t(o(e),{to:"/margins-paddings"},{default:l(()=>[a("Margins and Paddings")]),_:1})]),s("li",R,[t(o(e),{to:"/responsive"},{default:l(()=>[a("Responsive hide/show")]),_:1})]),s("li",L,[t(o(e),{to:"/display-utilities"},{default:l(()=>[a("Display utilities")]),_:1})])]),T,$,s("ul",z,[s("li",D,[t(o(e),{to:"/buttons"},{default:l(()=>[a("Buttons")]),_:1})]),s("li",E,[t(o(e),{to:"/links"},{default:l(()=>[a("Links")]),_:1})]),s("li",F,[t(o(e),{to:"/inputs"},{default:l(()=>[a("Inputs")]),_:1})])]),M,P,s("ul",U,[s("li",j,[t(o(e),{to:"/icons"},{default:l(()=>[a("Icons")]),_:1})]),s("li",q,[t(o(e),{to:"/colors"},{default:l(()=>[a("Colors")]),_:1})]),s("li",G,[t(o(e),{to:"/borders"},{default:l(()=>[a("Borders")]),_:1})]),s("li",H,[t(o(e),{to:"/shadows"},{default:l(()=>[a("Shadows")]),_:1})]),s("li",J,[t(o(e),{to:"/cursors"},{default:l(()=>[a("Cursors")]),_:1})])])])]))}},O=u(K,[["__scopeId","data-v-d4d45caf"]]),Q={class:"row gap-3"},X={__name:"AvianCss",setup(_){return(d,h)=>(c(),n("main",Q,[t(O,{class:"navigation f-10 shadow py-1 px-2"}),t(o(f))]))}};export{X as default}; +import{_ as u,o as c,c as n,a as t,w as l,b as a,u as o,R as e,d as s,p as r,e as m,f as p,g as f}from"./index-x0UhD0bb.js";const i=_=>(r("data-v-d4d45caf"),_=_(),m(),_),g={class:"bg-white"},v=i(()=>s("div",{class:"column align-center gap-1 mb-3"},[s("img",{src:p,class:"avian-logo"}),s("h1",null,"Avian CSS")],-1)),b={class:"font-size-18"},y=i(()=>s("h2",null,"Base",-1)),w=i(()=>s("hr",null,null,-1)),x={class:"ml-0 mt-3 list-style-none"},I={class:"ml-1"},k={class:"ml-1"},B=i(()=>s("h3",{class:"mt-3"},"Layout",-1)),S=i(()=>s("hr",null,null,-1)),C={class:"ml-0 list-style-none"},N={class:"ml-1"},V={class:"ml-1"},A={class:"ml-1"},R={class:"ml-1"},L={class:"ml-1"},T=i(()=>s("h3",{class:"mt-3"},"Interactive",-1)),$=i(()=>s("hr",null,null,-1)),z={class:"ml-0 list-style-none"},D={class:"ml-1"},E={class:"ml-1"},F={class:"ml-1"},M=i(()=>s("h3",{class:"mt-3"},"Utilities",-1)),P=i(()=>s("hr",null,null,-1)),U={class:"ml-0 list-style-none"},j={class:"ml-1"},q={class:"ml-1"},G={class:"ml-1"},H={class:"ml-1"},J={class:"ml-1"},K={__name:"AvianNavigation",setup(_){return(d,h)=>(c(),n("section",g,[v,t(o(e),{to:"/",class:"block mb-2"},{default:l(()=>[a("Back to Ibiss ")]),_:1}),s("nav",b,[y,w,s("ul",x,[s("li",I,[t(o(e),{to:"/typography"},{default:l(()=>[a("Typography")]),_:1})]),s("li",k,[t(o(e),{to:"/variables"},{default:l(()=>[a("Variables")]),_:1})])]),B,S,s("ul",C,[s("li",N,[t(o(e),{to:"/table"},{default:l(()=>[a("Table")]),_:1})]),s("li",V,[t(o(e),{to:"/flex"},{default:l(()=>[a("Flex")]),_:1})]),s("li",A,[t(o(e),{to:"/margins-paddings"},{default:l(()=>[a("Margins and Paddings")]),_:1})]),s("li",R,[t(o(e),{to:"/responsive"},{default:l(()=>[a("Responsive hide/show")]),_:1})]),s("li",L,[t(o(e),{to:"/display-utilities"},{default:l(()=>[a("Display utilities")]),_:1})])]),T,$,s("ul",z,[s("li",D,[t(o(e),{to:"/buttons"},{default:l(()=>[a("Buttons")]),_:1})]),s("li",E,[t(o(e),{to:"/links"},{default:l(()=>[a("Links")]),_:1})]),s("li",F,[t(o(e),{to:"/inputs"},{default:l(()=>[a("Inputs")]),_:1})])]),M,P,s("ul",U,[s("li",j,[t(o(e),{to:"/icons"},{default:l(()=>[a("Icons")]),_:1})]),s("li",q,[t(o(e),{to:"/colors"},{default:l(()=>[a("Colors")]),_:1})]),s("li",G,[t(o(e),{to:"/borders"},{default:l(()=>[a("Borders")]),_:1})]),s("li",H,[t(o(e),{to:"/shadows"},{default:l(()=>[a("Shadows")]),_:1})]),s("li",J,[t(o(e),{to:"/cursors"},{default:l(()=>[a("Cursors")]),_:1})])])])]))}},O=u(K,[["__scopeId","data-v-d4d45caf"]]),Q={class:"row gap-3"},X={__name:"AvianCss",setup(_){return(d,h)=>(c(),n("main",Q,[t(O,{class:"navigation f-10 shadow py-1 px-2"}),t(o(f))]))}};export{X as default}; diff --git a/docs/assets/Card-O6cB90BV.js b/docs/assets/Card-7lCztz2-.js similarity index 76% rename from docs/assets/Card-O6cB90BV.js rename to docs/assets/Card-7lCztz2-.js index 7a90b50..eaa7bd1 100644 --- a/docs/assets/Card-O6cB90BV.js +++ b/docs/assets/Card-7lCztz2-.js @@ -1 +1 @@ -import{_ as c,o as s,c as t,k as a}from"./index-B1ANj5xS.js";const o={},r={class:"card shadow py-1 px-2 f-fill bg-white"};function n(e,d){return s(),t("article",r,[a(e.$slots,"default",{},void 0,!0)])}const l=c(o,[["render",n],["__scopeId","data-v-c86ba9c2"]]);export{l as C}; +import{_ as c,o as s,c as t,k as a}from"./index-x0UhD0bb.js";const o={},r={class:"card shadow py-1 px-2 f-fill bg-white"};function n(e,d){return s(),t("article",r,[a(e.$slots,"default",{},void 0,!0)])}const l=c(o,[["render",n],["__scopeId","data-v-c86ba9c2"]]);export{l as C}; diff --git a/docs/assets/Flightkit-NtHPiKsD.js b/docs/assets/Flightkit-C0kn3Q-t.js similarity index 95% rename from docs/assets/Flightkit-NtHPiKsD.js rename to docs/assets/Flightkit-C0kn3Q-t.js index d78b774..b640a54 100644 --- a/docs/assets/Flightkit-NtHPiKsD.js +++ b/docs/assets/Flightkit-C0kn3Q-t.js @@ -1 +1 @@ -import{_ as r,o as _,c as n,a as s,w as a,b as e,u as o,R as l,d as t,p,e as g,j as u,g as m}from"./index-B1ANj5xS.js";const c=i=>(p("data-v-a5092929"),i=i(),g(),i),f={class:"bg-white"},k=c(()=>t("div",{class:"column align-center gap-1 mb-3 mt-1"},[t("img",{src:u,class:"flightkit-logo"}),t("h1",null,"Flightkit")],-1)),b={class:"font-size-18"},v=c(()=>t("h2",null,"Components",-1)),w=c(()=>t("hr",null,null,-1)),x={class:"ml-0 mt-3 list-style-none"},I={class:"ml-1"},N={class:"ml-1"},B={class:"ml-1"},F={class:"ml-1"},V={class:"ml-1"},R={__name:"FlightkitNavigation",setup(i){return(d,h)=>(_(),n("section",f,[k,s(o(l),{to:"/",class:"block mb-2"},{default:a(()=>[e("Back to Ibiss ")]),_:1}),t("nav",b,[v,w,t("ul",x,[t("li",I,[s(o(l),{to:"/flightkit-table"},{default:a(()=>[e("Table")]),_:1})]),t("li",N,[s(o(l),{to:"/flightkit-draggable"},{default:a(()=>[e("Draggable")]),_:1})]),t("li",B,[s(o(l),{to:"/flightkit-modal"},{default:a(()=>[e("Modal")]),_:1})]),t("li",F,[s(o(l),{to:"/flightkit-dropdown"},{default:a(()=>[e("Dropdown")]),_:1})]),t("li",V,[s(o(l),{to:"/flightkit-tree-nav"},{default:a(()=>[e("Tree navigation")]),_:1})])])])]))}},S=r(R,[["__scopeId","data-v-a5092929"]]),T={class:"row gap-3"},C={__name:"Flightkit",setup(i){return(d,h)=>(_(),n("main",T,[s(S,{class:"navigation f-10 shadow py-1 px-2"}),s(o(m))]))}};export{C as default}; +import{_ as r,o as _,c as n,a as s,w as a,b as e,u as o,R as l,d as t,p,e as g,j as u,g as m}from"./index-x0UhD0bb.js";const c=i=>(p("data-v-a5092929"),i=i(),g(),i),f={class:"bg-white"},k=c(()=>t("div",{class:"column align-center gap-1 mb-3 mt-1"},[t("img",{src:u,class:"flightkit-logo"}),t("h1",null,"Flightkit")],-1)),b={class:"font-size-18"},v=c(()=>t("h2",null,"Components",-1)),w=c(()=>t("hr",null,null,-1)),x={class:"ml-0 mt-3 list-style-none"},I={class:"ml-1"},N={class:"ml-1"},B={class:"ml-1"},F={class:"ml-1"},V={class:"ml-1"},R={__name:"FlightkitNavigation",setup(i){return(d,h)=>(_(),n("section",f,[k,s(o(l),{to:"/",class:"block mb-2"},{default:a(()=>[e("Back to Ibiss ")]),_:1}),t("nav",b,[v,w,t("ul",x,[t("li",I,[s(o(l),{to:"/flightkit-table"},{default:a(()=>[e("Table")]),_:1})]),t("li",N,[s(o(l),{to:"/flightkit-draggable"},{default:a(()=>[e("Draggable")]),_:1})]),t("li",B,[s(o(l),{to:"/flightkit-modal"},{default:a(()=>[e("Modal")]),_:1})]),t("li",F,[s(o(l),{to:"/flightkit-dropdown"},{default:a(()=>[e("Dropdown")]),_:1})]),t("li",V,[s(o(l),{to:"/flightkit-tree-nav"},{default:a(()=>[e("Tree navigation")]),_:1})])])])]))}},S=r(R,[["__scopeId","data-v-a5092929"]]),T={class:"row gap-3"},C={__name:"Flightkit",setup(i){return(d,h)=>(_(),n("main",T,[s(S,{class:"navigation f-10 shadow py-1 px-2"}),s(o(m))]))}};export{C as default}; diff --git a/docs/assets/borders-oayiK2ql.js b/docs/assets/borders-ZCLIj0c6.js similarity index 95% rename from docs/assets/borders-oayiK2ql.js rename to docs/assets/borders-ZCLIj0c6.js index f0ee1af..5336aca 100644 --- a/docs/assets/borders-oayiK2ql.js +++ b/docs/assets/borders-ZCLIj0c6.js @@ -1 +1 @@ -import{C as r}from"./Card-O6cB90BV.js";import{h as e,w as t,o as d,d as l}from"./index-B1ANj5xS.js";const o=l("article",null,[l("header",null,[l("h1",{class:"mb-2"},"Borders"),l("hr")]),l("section",null,[l("table",{class:"no-hover"},[l("thead",null,[l("tr",null,[l("th",null,"Class"),l("th",null,"Result")])]),l("tbody",null,[l("tr",null,[l("td",{colspan:"2"},[l("b",null,"Borders")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"}," border ")]),l("td",null,[l("div",{class:"border p-1 px-2"},"Element with border")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"}," border-top ")]),l("td",null,[l("div",{class:"border-top p-1 px-2"},"Element with border-top")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"}," border-bottom ")]),l("td",null,[l("div",{class:"border-bottom p-1 px-2"},"Element with border-bottom")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"}," border-left ")]),l("td",null,[l("div",{class:"border-left p-1 px-2"},"Element with border-left")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"}," border-right ")]),l("td",null,[l("div",{class:"border-right p-1 px-2"},"Element with border-right")])]),l("tr",null,[l("td",{colspan:"2"},[l("b",null,"Border colors")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"}," border-primary ")]),l("td",null,[l("div",{class:"border border-primary p-1 px-2"}," Element with border and border-primary ")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"}," border-accent ")]),l("td",null,[l("div",{class:"border border-accent p-1 px-2"}," Element with border and border-accent ")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"}," border-danger ")]),l("td",null,[l("div",{class:"border border-danger p-1 px-2"}," Element with border and border-danger ")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"}," border-success ")]),l("td",null,[l("div",{class:"border border-success p-1 px-2"}," Element with border and border-success ")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"}," border-black ")]),l("td",null,[l("div",{class:"border border-black p-1 px-2"},"Element with border and border-black")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"}," border-white ")]),l("td",null,[l("div",{class:"bg-black p-1"},[l("div",{class:"border border-white p-1"},"Element with border and border-white")])])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"}," border-light ")]),l("td",null,[l("div",{class:"border border-light p-1 px-2"},"Element with border and border-light")])])])])])],-1),b={__name:"borders",setup(n){return(a,s)=>(d(),e(r,{class:"column gap-5"},{default:t(()=>[o]),_:1}))}};export{b as default}; +import{C as r}from"./Card-7lCztz2-.js";import{h as e,w as t,o as d,d as l}from"./index-x0UhD0bb.js";const o=l("article",null,[l("header",null,[l("h1",{class:"mb-2"},"Borders"),l("hr")]),l("section",null,[l("table",{class:"no-hover"},[l("thead",null,[l("tr",null,[l("th",null,"Class"),l("th",null,"Result")])]),l("tbody",null,[l("tr",null,[l("td",{colspan:"2"},[l("b",null,"Borders")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"}," border ")]),l("td",null,[l("div",{class:"border p-1 px-2"},"Element with border")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"}," border-top ")]),l("td",null,[l("div",{class:"border-top p-1 px-2"},"Element with border-top")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"}," border-bottom ")]),l("td",null,[l("div",{class:"border-bottom p-1 px-2"},"Element with border-bottom")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"}," border-left ")]),l("td",null,[l("div",{class:"border-left p-1 px-2"},"Element with border-left")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"}," border-right ")]),l("td",null,[l("div",{class:"border-right p-1 px-2"},"Element with border-right")])]),l("tr",null,[l("td",{colspan:"2"},[l("b",null,"Border colors")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"}," border-primary ")]),l("td",null,[l("div",{class:"border border-primary p-1 px-2"}," Element with border and border-primary ")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"}," border-accent ")]),l("td",null,[l("div",{class:"border border-accent p-1 px-2"}," Element with border and border-accent ")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"}," border-danger ")]),l("td",null,[l("div",{class:"border border-danger p-1 px-2"}," Element with border and border-danger ")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"}," border-success ")]),l("td",null,[l("div",{class:"border border-success p-1 px-2"}," Element with border and border-success ")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"}," border-black ")]),l("td",null,[l("div",{class:"border border-black p-1 px-2"},"Element with border and border-black")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"}," border-white ")]),l("td",null,[l("div",{class:"bg-black p-1"},[l("div",{class:"border border-white p-1"},"Element with border and border-white")])])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"}," border-light ")]),l("td",null,[l("div",{class:"border border-light p-1 px-2"},"Element with border and border-light")])])])])])],-1),b={__name:"borders",setup(n){return(a,s)=>(d(),e(r,{class:"column gap-5"},{default:t(()=>[o]),_:1}))}};export{b as default}; diff --git a/docs/assets/buttons-trsmkhi1.js b/docs/assets/buttons-Iu4ORG_g.js similarity index 96% rename from docs/assets/buttons-trsmkhi1.js rename to docs/assets/buttons-Iu4ORG_g.js index 679655d..836c9c6 100644 --- a/docs/assets/buttons-trsmkhi1.js +++ b/docs/assets/buttons-Iu4ORG_g.js @@ -1,4 +1,4 @@ -import{C as n}from"./Card-O6cB90BV.js";import{i as o,h as s,w as l,o as e,d as t,t as a}from"./index-B1ANj5xS.js";const r=t("header",null,[t("h1",{class:"mb-2"},"Buttons"),t("hr")],-1),i=t("section",{class:"body column gap-5"},[t("button",null,"A standard button"),t("button",{disabled:""},"A disabled standard button"),t("button",{class:"no-border"},"A button without a border"),t("button",{class:"no-border",disabled:""},"A disabled button without a border"),t("button",{class:"no-border outline-hover"},"A button with only an outline on hover"),t("button",{class:"no-border outline-hover",disabled:""}," A disabled button with only an outline on hover"),t("button",{class:"link"},"A link button"),t("button",{class:"link",disabled:""},"A disabled link button"),t("button",{class:"link accent"},"An accent colored link button"),t("button",{class:"link danger"},"A danger colored link button"),t("button",{class:"link accent",disabled:""},"A disabled colored link button"),t("button",{class:"primary"},"A button with primary color"),t("button",{class:"accent"},"A button with accent color"),t("button",{class:"contrast"},"A button with contrast color"),t("button",{class:"danger"},"A button with danger color"),t("button",{class:"danger",disabled:""},"A disabled colored button"),t("div",null,[t("p",{class:"mb-1"},"Icon button"),t("button",{class:"icon"},[t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-chevron-right"},[t("path",{d:"m9 18 6-6-6-6"})])])]),t("div",null,[t("p",{class:"mb-1"},"Disabled icon button"),t("button",{class:"icon",disabled:""},[t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-chevron-right"},[t("path",{d:"m9 18 6-6-6-6"})])])])],-1),u=` +import{C as n}from"./Card-7lCztz2-.js";import{i as o,h as s,w as l,o as e,d as t,t as a}from"./index-x0UhD0bb.js";const r=t("header",null,[t("h1",{class:"mb-2"},"Buttons"),t("hr")],-1),i=t("section",{class:"body column gap-5"},[t("button",null,"A standard button"),t("button",{disabled:""},"A disabled standard button"),t("button",{class:"no-border"},"A button without a border"),t("button",{class:"no-border",disabled:""},"A disabled button without a border"),t("button",{class:"no-border outline-hover"},"A button with only an outline on hover"),t("button",{class:"no-border outline-hover",disabled:""}," A disabled button with only an outline on hover"),t("button",{class:"link"},"A link button"),t("button",{class:"link",disabled:""},"A disabled link button"),t("button",{class:"link accent"},"An accent colored link button"),t("button",{class:"link danger"},"A danger colored link button"),t("button",{class:"link accent",disabled:""},"A disabled colored link button"),t("button",{class:"primary"},"A button with primary color"),t("button",{class:"accent"},"A button with accent color"),t("button",{class:"contrast"},"A button with contrast color"),t("button",{class:"danger"},"A button with danger color"),t("button",{class:"danger",disabled:""},"A disabled colored button"),t("div",null,[t("p",{class:"mb-1"},"Icon button"),t("button",{class:"icon"},[t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-chevron-right"},[t("path",{d:"m9 18 6-6-6-6"})])])]),t("div",null,[t("p",{class:"mb-1"},"Disabled icon button"),t("button",{class:"icon",disabled:""},[t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-chevron-right"},[t("path",{d:"m9 18 6-6-6-6"})])])])],-1),u=` diff --git a/docs/assets/colors-IomgYviR.js b/docs/assets/colors-lM--eJMr.js similarity index 96% rename from docs/assets/colors-IomgYviR.js rename to docs/assets/colors-lM--eJMr.js index e33ea27..6ce1a75 100644 --- a/docs/assets/colors-IomgYviR.js +++ b/docs/assets/colors-lM--eJMr.js @@ -1 +1 @@ -import{C as t}from"./Card-O6cB90BV.js";import{h as a,w as n,o as s,d as l}from"./index-B1ANj5xS.js";const c=l("article",null,[l("header",null,[l("h1",{class:"mb-2"},"Colors"),l("hr")]),l("section",null,[l("table",{class:"no-hover"},[l("thead",null,[l("tr",null,[l("th",null,"Class"),l("th",null,"Result")])]),l("tbody",null,[l("tr",null,[l("td",{colspan:"2"},[l("b",null,"Background")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"bg-gray-light")]),l("td",null,[l("div",{class:"bg-gray-light p-1 px-3"},"light grey background")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"bg-gray ")]),l("td",null,[l("div",{class:"bg-gray p-1 px-3"},"grey background")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"bg-gray-dark ")]),l("td",null,[l("div",{class:"bg-gray-dark p-1 px-3"},"dark grey background")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"bg-black ")]),l("td",null,[l("div",{class:"bg-black p-1 px-3"},"black background with auto color adjustment")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"bg-white ")]),l("td",null,[l("div",{class:"bg-white p-1 px-3"},"white background")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"bg-primary ")]),l("td",null,[l("div",{class:"bg-primary p-1 px-3"},"primary background with auto color adjustment")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"bg-accent ")]),l("td",null,[l("div",{class:"bg-accent p-1 px-3"},"accent background with auto color adjustment")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"bg-danger ")]),l("td",null,[l("div",{class:"bg-danger p-1 px-3"},"danger background with auto color adjustment")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"bg-error ")]),l("td",null,[l("div",{class:"bg-error p-1 px-3"},"error background with auto color adjustment")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"bg-warning ")]),l("td",null,[l("div",{class:"bg-warning p-1 px-3"},"warning background with auto color adjustment")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"bg-success ")]),l("td",null,[l("div",{class:"bg-success p-1 px-3"},"success background with auto color adjustment")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"bg-transparent ")]),l("td",null,[l("div",{class:"bg-success"},[l("button",{class:"bg-transparent"}," A button with a transparent background, making it look green ")])])]),l("tr",null,[l("td",{colspan:"2"},[l("b",null,"Text")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"text-black ")]),l("td",null,[l("div",{class:"bg-primary text-black p-1 px-3"},"black text")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"text-white ")]),l("td",null,[l("div",{class:"bg-black text-white p-1 px-3"},"white text")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"text-primary ")]),l("td",null,[l("div",{class:"text-primary p-1 px-3"},"primary text")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"text-accent ")]),l("td",null,[l("div",{class:"bg-black text-accent p-1 px-3"},"accent text")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"text-danger ")]),l("td",null,[l("div",{class:"bg-accent text-danger p-1 px-3"},"danger text")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"text-success ")]),l("td",null,[l("div",{class:"text-success p-1 px-3"},"success text")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"text-gray ")]),l("td",null,[l("div",{class:"text-gray p-1 px-3"},"grey text")])])])])])],-1),o={__name:"colors",setup(u){return(e,d)=>(s(),a(t,{class:"column gap-5"},{default:n(()=>[c]),_:1}))}};export{o as default}; +import{C as t}from"./Card-7lCztz2-.js";import{h as a,w as n,o as s,d as l}from"./index-x0UhD0bb.js";const c=l("article",null,[l("header",null,[l("h1",{class:"mb-2"},"Colors"),l("hr")]),l("section",null,[l("table",{class:"no-hover"},[l("thead",null,[l("tr",null,[l("th",null,"Class"),l("th",null,"Result")])]),l("tbody",null,[l("tr",null,[l("td",{colspan:"2"},[l("b",null,"Background")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"bg-gray-light")]),l("td",null,[l("div",{class:"bg-gray-light p-1 px-3"},"light grey background")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"bg-gray ")]),l("td",null,[l("div",{class:"bg-gray p-1 px-3"},"grey background")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"bg-gray-dark ")]),l("td",null,[l("div",{class:"bg-gray-dark p-1 px-3"},"dark grey background")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"bg-black ")]),l("td",null,[l("div",{class:"bg-black p-1 px-3"},"black background with auto color adjustment")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"bg-white ")]),l("td",null,[l("div",{class:"bg-white p-1 px-3"},"white background")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"bg-primary ")]),l("td",null,[l("div",{class:"bg-primary p-1 px-3"},"primary background with auto color adjustment")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"bg-accent ")]),l("td",null,[l("div",{class:"bg-accent p-1 px-3"},"accent background with auto color adjustment")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"bg-danger ")]),l("td",null,[l("div",{class:"bg-danger p-1 px-3"},"danger background with auto color adjustment")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"bg-error ")]),l("td",null,[l("div",{class:"bg-error p-1 px-3"},"error background with auto color adjustment")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"bg-warning ")]),l("td",null,[l("div",{class:"bg-warning p-1 px-3"},"warning background with auto color adjustment")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"bg-success ")]),l("td",null,[l("div",{class:"bg-success p-1 px-3"},"success background with auto color adjustment")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"bg-transparent ")]),l("td",null,[l("div",{class:"bg-success"},[l("button",{class:"bg-transparent"}," A button with a transparent background, making it look green ")])])]),l("tr",null,[l("td",{colspan:"2"},[l("b",null,"Text")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"text-black ")]),l("td",null,[l("div",{class:"bg-primary text-black p-1 px-3"},"black text")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"text-white ")]),l("td",null,[l("div",{class:"bg-black text-white p-1 px-3"},"white text")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"text-primary ")]),l("td",null,[l("div",{class:"text-primary p-1 px-3"},"primary text")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"text-accent ")]),l("td",null,[l("div",{class:"bg-black text-accent p-1 px-3"},"accent text")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"text-danger ")]),l("td",null,[l("div",{class:"bg-accent text-danger p-1 px-3"},"danger text")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"text-success ")]),l("td",null,[l("div",{class:"text-success p-1 px-3"},"success text")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"text-gray ")]),l("td",null,[l("div",{class:"text-gray p-1 px-3"},"grey text")])])])])])],-1),o={__name:"colors",setup(u){return(e,d)=>(s(),a(t,{class:"column gap-5"},{default:n(()=>[c]),_:1}))}};export{o as default}; diff --git a/docs/assets/cursors-SxTUwNS9.js b/docs/assets/cursors-pLL8XciC.js similarity index 94% rename from docs/assets/cursors-SxTUwNS9.js rename to docs/assets/cursors-pLL8XciC.js index 24f025a..3730b36 100644 --- a/docs/assets/cursors-SxTUwNS9.js +++ b/docs/assets/cursors-pLL8XciC.js @@ -1 +1 @@ -import{C as r}from"./Card-O6cB90BV.js";import{h as s,w as o,o as t,d as l}from"./index-B1ANj5xS.js";const e=l("article",null,[l("header",null,[l("h1",{class:"mb-2"},"Colors"),l("hr")]),l("section",null,[l("table",{class:"no-hover"},[l("thead",null,[l("tr",null,[l("th",null,"Class"),l("th",null,"Result")])]),l("tbody",null,[l("tr",null,[l("td",null,[l("code",{class:"language-html"},"cursor-not-allowed")]),l("td",null,[l("div",{class:"border p-1 px-3 cursor-not-allowed"},"Hover me, cursor turns to not allowed")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"cursor-pointer")]),l("td",null,[l("div",{class:"border p-1 px-3 cursor-pointer"},"Hover me, cursor turns to pointer")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"cursor-grab")]),l("td",null,[l("div",{class:"border p-1 px-3 cursor-grab"},"Hover me, cursor turns to grab")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"cursor-grabbing")]),l("td",null,[l("div",{class:"border p-1 px-3 cursor-grabbing"},"Hover me, cursor turns to grabbing")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"cursor-zoom-in")]),l("td",null,[l("div",{class:"border p-1 px-3 cursor-zoom-in"}," Hover me, cursor turns to magnifying glass [+] ")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"cursor-zoom-out")]),l("td",null,[l("div",{class:"border p-1 px-3 cursor-zoom-out"}," Hover me, cursor turns to magnifying glass [-] ")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"cursor-wait")]),l("td",null,[l("div",{class:"border p-1 px-3 cursor-wait"},"Hover me, cursor turns to spinner or hourglass depending in the browser ")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"cursor-help")]),l("td",null,[l("div",{class:"border p-1 px-3 cursor-help"},"Hover me, cursor turns to help icon")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"cursor-default")]),l("td",null,[l("div",{class:"border p-1 px-3 cursor-default"},"Makes the cursor to be the default arrow.")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"cursor-no-select")]),l("td",null,[l("div",{class:"border p-1 px-3 cursor-no-select"},"Makes the cursor unable to select text.")])])])])])],-1),g={__name:"cursors",setup(u){return(n,a)=>(t(),s(r,{class:"column gap-5"},{default:o(()=>[e]),_:1}))}};export{g as default}; +import{C as r}from"./Card-7lCztz2-.js";import{h as s,w as o,o as t,d as l}from"./index-x0UhD0bb.js";const e=l("article",null,[l("header",null,[l("h1",{class:"mb-2"},"Colors"),l("hr")]),l("section",null,[l("table",{class:"no-hover"},[l("thead",null,[l("tr",null,[l("th",null,"Class"),l("th",null,"Result")])]),l("tbody",null,[l("tr",null,[l("td",null,[l("code",{class:"language-html"},"cursor-not-allowed")]),l("td",null,[l("div",{class:"border p-1 px-3 cursor-not-allowed"},"Hover me, cursor turns to not allowed")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"cursor-pointer")]),l("td",null,[l("div",{class:"border p-1 px-3 cursor-pointer"},"Hover me, cursor turns to pointer")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"cursor-grab")]),l("td",null,[l("div",{class:"border p-1 px-3 cursor-grab"},"Hover me, cursor turns to grab")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"cursor-grabbing")]),l("td",null,[l("div",{class:"border p-1 px-3 cursor-grabbing"},"Hover me, cursor turns to grabbing")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"cursor-zoom-in")]),l("td",null,[l("div",{class:"border p-1 px-3 cursor-zoom-in"}," Hover me, cursor turns to magnifying glass [+] ")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"cursor-zoom-out")]),l("td",null,[l("div",{class:"border p-1 px-3 cursor-zoom-out"}," Hover me, cursor turns to magnifying glass [-] ")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"cursor-wait")]),l("td",null,[l("div",{class:"border p-1 px-3 cursor-wait"},"Hover me, cursor turns to spinner or hourglass depending in the browser ")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"cursor-help")]),l("td",null,[l("div",{class:"border p-1 px-3 cursor-help"},"Hover me, cursor turns to help icon")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"cursor-default")]),l("td",null,[l("div",{class:"border p-1 px-3 cursor-default"},"Makes the cursor to be the default arrow.")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"cursor-no-select")]),l("td",null,[l("div",{class:"border p-1 px-3 cursor-no-select"},"Makes the cursor unable to select text.")])])])])])],-1),g={__name:"cursors",setup(u){return(n,a)=>(t(),s(r,{class:"column gap-5"},{default:o(()=>[e]),_:1}))}};export{g as default}; diff --git a/docs/assets/display-utilities-CVlYkG1w.js b/docs/assets/display-utilities-UGrVhVRY.js similarity index 91% rename from docs/assets/display-utilities-CVlYkG1w.js rename to docs/assets/display-utilities-UGrVhVRY.js index 9226688..023b6d0 100644 --- a/docs/assets/display-utilities-CVlYkG1w.js +++ b/docs/assets/display-utilities-UGrVhVRY.js @@ -1 +1 @@ -import{C as t}from"./Card-O6cB90BV.js";import{h as n,w as e,o,d as l}from"./index-B1ANj5xS.js";const u=l("article",null,[l("header",null,[l("h1",{class:"mb-2"},"Display utility classes"),l("hr")]),l("table",{class:"no-hover"},[l("thead",null,[l("tr",null,[l("th",null,"Class"),l("th",null,"Description")])]),l("tbody",null,[l("tr",null,[l("td",null,[l("code",null,"no-scroll")]),l("td",null,"Sets overflow to hidden")]),l("tr",null,[l("td",null,[l("code",null,"text-no-wrap")]),l("td",null,"Sets whitespace to nowrap")]),l("tr",null,[l("td",null,[l("code",null,"text-normal")]),l("td",null,"Sets the font weight to normal")]),l("tr",null,[l("td",null,[l("code",null,"sticky")]),l("td",null,"Sets the current element to sticky with a z-index of 1000 and auto-height")]),l("tr",null,[l("td",null,[l("code",null,"inline-block")]),l("td",null,"Sets display to inline-block")]),l("tr",null,[l("td",null,[l("code",null,"inline-flex")]),l("td",null,"Sets display to inline-flex")]),l("tr",null,[l("td",null,[l("code",null,"block")]),l("td",null,"Sets display to block")]),l("tr",null,[l("td",null,[l("code",null,"fit-content")]),l("td",null,"Sets max width to fit-content")]),l("tr",null,[l("td",null,[l("code",null,"list-style-none")]),l("td",null,"Sets the elements list style to none")]),l("tr",null,[l("td",null,[l("code",null,"hidden")]),l("td",null,"Sets the elements display to none")])])])],-1),r={__name:"display-utilities",setup(s){return(d,i)=>(o(),n(t,{class:"column gap-5"},{default:e(()=>[u]),_:1}))}};export{r as default}; +import{C as t}from"./Card-7lCztz2-.js";import{h as n,w as e,o,d as l}from"./index-x0UhD0bb.js";const u=l("article",null,[l("header",null,[l("h1",{class:"mb-2"},"Display utility classes"),l("hr")]),l("table",{class:"no-hover"},[l("thead",null,[l("tr",null,[l("th",null,"Class"),l("th",null,"Description")])]),l("tbody",null,[l("tr",null,[l("td",null,[l("code",null,"no-scroll")]),l("td",null,"Sets overflow to hidden")]),l("tr",null,[l("td",null,[l("code",null,"text-no-wrap")]),l("td",null,"Sets whitespace to nowrap")]),l("tr",null,[l("td",null,[l("code",null,"text-normal")]),l("td",null,"Sets the font weight to normal")]),l("tr",null,[l("td",null,[l("code",null,"sticky")]),l("td",null,"Sets the current element to sticky with a z-index of 1000 and auto-height")]),l("tr",null,[l("td",null,[l("code",null,"inline-block")]),l("td",null,"Sets display to inline-block")]),l("tr",null,[l("td",null,[l("code",null,"inline-flex")]),l("td",null,"Sets display to inline-flex")]),l("tr",null,[l("td",null,[l("code",null,"block")]),l("td",null,"Sets display to block")]),l("tr",null,[l("td",null,[l("code",null,"fit-content")]),l("td",null,"Sets max width to fit-content")]),l("tr",null,[l("td",null,[l("code",null,"list-style-none")]),l("td",null,"Sets the elements list style to none")]),l("tr",null,[l("td",null,[l("code",null,"hidden")]),l("td",null,"Sets the elements display to none")])])])],-1),r={__name:"display-utilities",setup(s){return(d,i)=>(o(),n(t,{class:"column gap-5"},{default:e(()=>[u]),_:1}))}};export{r as default}; diff --git a/docs/assets/flex-oH1ff5TY.js b/docs/assets/flex-aXTEn7Qz.js similarity index 98% rename from docs/assets/flex-oH1ff5TY.js rename to docs/assets/flex-aXTEn7Qz.js index f6f01b9..8aa3e85 100644 --- a/docs/assets/flex-oH1ff5TY.js +++ b/docs/assets/flex-aXTEn7Qz.js @@ -1 +1 @@ -import{C as t}from"./Card-O6cB90BV.js";import{h as n,w as u,o as s,d as l,b as e}from"./index-B1ANj5xS.js";const a=l("article",null,[l("header",null,[l("h1",{class:"mb-2"},"Flex layout classes"),l("hr")]),l("p",null,"Easy to use flex-box shortcuts with additional responsive classes."),l("section",{class:"column overflow-horizontal my-5 gap-5"},[l("section",null,[l("h3",null,"Flex container classes"),l("hr"),l("table",{class:"no-hover"},[l("thead",null,[l("tr",null,[l("th",null,"Class"),l("th",null,"Result"),l("th",null,"Responsive")])]),l("tbody",null,[l("tr",null,[l("td",null,[l("code",null,"row")]),l("td",null,"Sets display to flex [row is default] and applies flex-wrap: wrap"),l("td",null,"-")]),l("tr",null,[l("td",null,[l("code",null,"column")]),l("td",null,"Sets display to flex and direction to column"),l("td",null,"-")]),l("tr",null,[l("td",null,[l("code",null,"no-wrap")]),l("td",null,"sets flex-wrap to nowrap"),l("td",null,"-")]),l("tr",null,[l("td",null,[l("code",null,"wrap-reverse")]),l("td",null,"Sets flex-wrap to reverse"),l("td",null,"-")]),l("tr",null,[l("td",null,[l("code",null,"row-reverse")]),l("td",null,"Sets flex-direction to row-reverse"),l("td",null,".m* / .t* / .d*")]),l("tr",null,[l("td",null,[l("code",null,"column-reverse")]),l("td",null,"Sets flex-direction to column-reverse"),l("td",null,".m* / .t* / .d*")]),l("tr",null,[l("td",null,[l("code",null,"gap-0")]),l("td",null," Which by default applies 0rem distance between elements [variable --distance-0] "),l("td",null,"-")]),l("tr",null,[l("td",null,[l("code",null,"gap-1")]),l("td",null," Which by default applies 0.5rem distance between elements [variable --distance-1] "),l("td",null,"-")]),l("tr",null,[l("td",null,[l("code",null,"gap-2")]),l("td",null," Which by default applies 1rem distance between elements [variable --distance-2] "),l("td",null,"-")]),l("tr",null,[l("td",null,[l("code",null,"gap-3")]),l("td",null," Which by default applies 1.5rem distance between elements [variable --distance-3] "),l("td",null,"-")]),l("tr",null,[l("td",null,[l("code",null,"gap-4")]),l("td",null," Which by default applies 2rem distance between elements [variable --distance-4] "),l("td",null,"-")]),l("tr",null,[l("td",null,[l("code",null,"gap-5")]),l("td",null," Which by default applies 2.5rem distance between elements [variable --distance-5] "),l("td",null,"-")])])])]),l("section",null,[l("h3",null,"Flex alignment classes"),l("hr"),l("table",{class:"no-hover"},[l("thead",null,[l("tr",null,[l("th",null,"Class"),l("th",null,"Result")])]),l("tbody",null,[l("tr",null,[l("td",{colspan:"2"},[l("b",null,"Alignment [row: y-axis, column: x-axis]")])]),l("tr",null,[l("td",null,[l("code",null,"align-start")]),l("td",null,"Aligns all items in the container to the start")]),l("tr",null,[l("td",null,[l("code",null,"align-center")]),l("td",null,"Aligns all items in the container to the center")]),l("tr",null,[l("td",null,[l("code",null,"align-end")]),l("td",null,"Aligns all items in the container to the end")]),l("tr",null,[l("td",null,[l("code",null,"align-stretch")]),l("td",null," Stretches items in the container to take up all available space [default flex behaviour] ")]),l("tr",null,[l("td",null,[l("code",null,"align-between")]),l("td",null,[e(" Aligns all items with evenly gaps in between without a gap in the beginning or end"),l("b",null,"*")])]),l("tr",null,[l("td",null,[l("code",null,"align-evenly")]),l("td",null,[e(" Aligns all items with evenly in the available space, also with even gaps in the beginning or end"),l("b",null,"*")])]),l("tr",null,[l("td",null,[l("code",null,"align-around")]),l("td",null,[e("Aligns all items with evenly in the available space"),l("b",null,"*")])]),l("tr",null,[l("td",null,[l("code",null,"self-align-start")]),l("td",null,"Aligns a flex-element to the start")]),l("tr",null,[l("td",null,[l("code",null,"self-align-center")]),l("td",null,"Aligns a flex-element to the center")]),l("tr",null,[l("td",null,[l("code",null,"self-align-end")]),l("td",null,"Aligns a flex-element to the end")]),l("tr",null,[l("td",null,[l("code",null,"self-align-stretch")]),l("td",null,"Stretches a flex-element to take up all available space")]),l("tr",null,[l("td",{colspan:"2"},[l("b",null,"Alignment [row: x-axis, column: y-axis]")])]),l("tr",null,[l("td",null,[l("code",null,"justify-start")]),l("td",null,"Aligns all items in the container to the start")]),l("tr",null,[l("td",null,[l("code",null,"justify-center")]),l("td",null,"Aligns all items in the container to the center")]),l("tr",null,[l("td",null,[l("code",null,"justify-end")]),l("td",null,"Aligns all items in the container to the end")]),l("tr",null,[l("td",null,[l("code",null,"justify-between")]),l("td",null," Aligns all items with evenly gaps in between without a gap in the beginning or end ")]),l("tr",null,[l("td",null,[l("code",null,"justify-evenly")]),l("td",null," Aligns all items with evenly in the available space, also with even gaps in the beginning or end ")]),l("tr",null,[l("td",null,[l("code",null,"justify-around")]),l("td",null," Aligns all items with evenly in the available space, the gaps in the beginning or end are half the size ")])]),l("tfoot",null,[l("b",null,"*"),e(" only applies when wrap is applied and you have multiple lines. , only applies when wrap is applied and you have multiple lines. ")])])]),l("section",null,[l("header",null,[l("h3",null,"Flex height/width classes"),l("hr")]),l("p",null,[e(" The following classes can be used to set the width for row or height when column of a particular flex-element. "),l("small",{class:"block my-3"},[l("b",null,"NB. "),e("These do not work very well with tables, they do not adhere to these constraints")])]),l("table",null,[l("thead",null,[l("tr",null,[l("th",null,"Class"),l("th",null,"Result"),l("th",null,"Responsive")])]),l("tbody",null,[l("tr",null,[l("td",null,[l("code",null,"f-100")]),l("td",null,"Sets flex grow to 1, flex shrink to 1 and flex-basis to 100%"),l("td",null,".m* / .t* / .d*")]),l("tr",null,[l("td",null,[l("code",null,"f-90")]),l("td",null,"Sets flex grow to 0, flex shrink to 0 and flex-basis to 90%"),l("td",null,".m* / .t* / .d*")]),l("tr",null,[l("td",null,[l("code",null,"f-80")]),l("td",null,"Sets flex grow to 0, flex shrink to 0 and flex-basis to 80%"),l("td",null,".m* / .t* / .d*")]),l("tr",null,[l("td",null,[l("code",null,"f-75")]),l("td",null,"Sets flex grow to 0, flex shrink to 0 and flex-basis to 75%"),l("td",null,".m* / .t* / .d*")]),l("tr",null,[l("td",null,[l("code",null,"f-70")]),l("td",null,"Sets flex grow to 0, flex shrink to 0 and flex-basis to 70%"),l("td",null,".m* / .t* / .d*")]),l("tr",null,[l("td",null,[l("code",null,"f-60")]),l("td",null,"Sets flex grow to 0, flex shrink to 0 and flex-basis to 60%"),l("td",null,".m* / .t* / .d*")]),l("tr",null,[l("td",null,[l("code",null,"f-50")]),l("td",null,"Sets flex grow to 0, flex shrink to 0 and flex-basis to 50%"),l("td",null,".m* / .t* / .d*")]),l("tr",null,[l("td",null,[l("code",null,"f-33")]),l("td",null,"Sets flex grow to 0, flex shrink to 0 and flex-basis to 33.33%"),l("td",null,".m* / .t* / .d*")]),l("tr",null,[l("td",null,[l("code",null,"f-30")]),l("td",null,"Sets flex grow to 0, flex shrink to 0 and flex-basis to 30%"),l("td",null,".m* / .t* / .d*")]),l("tr",null,[l("td",null,[l("code",null,"f-25")]),l("td",null,"Sets flex grow to 0, flex shrink to 0 and flex-basis to 25%"),l("td",null,".m* / .t* / .d*")]),l("tr",null,[l("td",null,[l("code",null,"f-20")]),l("td",null,"Sets flex grow to 0, flex shrink to 0 and flex-basis to 20%"),l("td",null,".m* / .t* / .d*")]),l("tr",null,[l("td",null,[l("code",null,"f-16")]),l("td",null,"Sets flex grow to 0, flex shrink to 0 and flex-basis to 16.67%"),l("td",null,".m* / .t* / .d*")]),l("tr",null,[l("td",null,[l("code",null,"f-10")]),l("td",null,"Sets flex grow to 0, flex shrink to 0 and flex-basis to 10%"),l("td",null,".m* / .t* / .d*")]),l("tr",null,[l("td",null,[l("code",null,"f-8")]),l("td",null,"Sets flex grow to 0, flex shrink to 0 and flex-basis to 8.33%"),l("td",null,".m* / .t* / .d*")]),l("tr",null,[l("td",null,[l("code",null,"f-auto")]),l("td",null," Sets flex grow to 1, flex shrink to 1, flex-basis to auto, min-width to auto and max-width to fit-content "),l("td",null,".m* / .t* / .d*")]),l("tr",null,[l("td",null,[l("code",null,"f-fill")]),l("td",null," Sets flex to 1 and width 100% [use this one to let an element take the remaining space] "),l("td",null,".m* / .t* / .d*")])])])]),l("section",null,[l("header",null,[l("h3",null,"Flex prefixes"),l("hr")]),l("p",null,"Responsive prefixes that can be used which are applied on different screensizes."),l("table",{class:"table"},[l("thead",null,[l("tr",null,[l("th",null,"Class"),l("th",null,"415px"),l("th",null,"576px"),l("th",null,"768px"),l("th",null,"992px")])]),l("tbody",null,[l("tr",null,[l("td",null,".m*"),l("td",null,"X"),l("td",null,"X"),l("td",null,"-"),l("td",null,"-")]),l("tr",null,[l("td",null,".t*"),l("td",null,"-"),l("td",null,"-"),l("td",null,"X"),l("td",null,"X")])]),l("tfoot",null," Example: .mf-100 or .mrow-reverse etc. ")]),l("div",{class:"column my-5"},[l("span",{class:"mb-3"},"Resize the screen to see it in action:"),l("div",{class:"mobile bg-danger p-3"},"Currently the screen is: Mobile"),l("div",{class:"tablet bg-accent p-3"},"Currently the screen is: Tablet"),l("div",{class:"desktop bg-primary p-3"},"Currently the screen is: Desktop")]),l("div",{class:"row"},[l("div",{class:"bg-primary p-2 f-25 tf-50 mf-100"}," Default flex 25, tablet flex 50, mobile flex 100 "),l("div",{class:"bg-accent p-2 f-25 tf-50 mf-100"}," Default flex 25, tablet flex 50, mobile flex 100 "),l("div",{class:"bg-danger p-2 f-25 tf-50 mf-100"}," Default flex 25, tablet flex 50, mobile flex 100 "),l("div",{class:"bg-success p-2 f-25 tf-50 mf-100"}," Default flex 25, tablet flex 50, mobile flex 100 "),l("div",{class:"bg-warning p-2 f-100 tf-50 mf-100"}," Default flex 100, tablet flex 50, mobile flex 100 "),l("div",{class:"bg-error p-2 f-100 tf-50 mf-100"}," Default flex 100, tablet flex 50, mobile flex 100 ")]),l("div",{class:"row trow-reverse mrow-reverse"},[l("div",{class:"bg-primary p-2 f-50"},"First on desktop"),l("div",{class:"bg-success p-2 f-50"},"First on tablet and mobile")])])])],-1),f={__name:"flex",setup(d){return(i,o)=>(s(),n(t,{class:"column gap-5"},{default:u(()=>[a]),_:1}))}};export{f as default}; +import{C as t}from"./Card-7lCztz2-.js";import{h as n,w as u,o as s,d as l,b as e}from"./index-x0UhD0bb.js";const a=l("article",null,[l("header",null,[l("h1",{class:"mb-2"},"Flex layout classes"),l("hr")]),l("p",null,"Easy to use flex-box shortcuts with additional responsive classes."),l("section",{class:"column overflow-horizontal my-5 gap-5"},[l("section",null,[l("h3",null,"Flex container classes"),l("hr"),l("table",{class:"no-hover"},[l("thead",null,[l("tr",null,[l("th",null,"Class"),l("th",null,"Result"),l("th",null,"Responsive")])]),l("tbody",null,[l("tr",null,[l("td",null,[l("code",null,"row")]),l("td",null,"Sets display to flex [row is default] and applies flex-wrap: wrap"),l("td",null,"-")]),l("tr",null,[l("td",null,[l("code",null,"column")]),l("td",null,"Sets display to flex and direction to column"),l("td",null,"-")]),l("tr",null,[l("td",null,[l("code",null,"no-wrap")]),l("td",null,"sets flex-wrap to nowrap"),l("td",null,"-")]),l("tr",null,[l("td",null,[l("code",null,"wrap-reverse")]),l("td",null,"Sets flex-wrap to reverse"),l("td",null,"-")]),l("tr",null,[l("td",null,[l("code",null,"row-reverse")]),l("td",null,"Sets flex-direction to row-reverse"),l("td",null,".m* / .t* / .d*")]),l("tr",null,[l("td",null,[l("code",null,"column-reverse")]),l("td",null,"Sets flex-direction to column-reverse"),l("td",null,".m* / .t* / .d*")]),l("tr",null,[l("td",null,[l("code",null,"gap-0")]),l("td",null," Which by default applies 0rem distance between elements [variable --distance-0] "),l("td",null,"-")]),l("tr",null,[l("td",null,[l("code",null,"gap-1")]),l("td",null," Which by default applies 0.5rem distance between elements [variable --distance-1] "),l("td",null,"-")]),l("tr",null,[l("td",null,[l("code",null,"gap-2")]),l("td",null," Which by default applies 1rem distance between elements [variable --distance-2] "),l("td",null,"-")]),l("tr",null,[l("td",null,[l("code",null,"gap-3")]),l("td",null," Which by default applies 1.5rem distance between elements [variable --distance-3] "),l("td",null,"-")]),l("tr",null,[l("td",null,[l("code",null,"gap-4")]),l("td",null," Which by default applies 2rem distance between elements [variable --distance-4] "),l("td",null,"-")]),l("tr",null,[l("td",null,[l("code",null,"gap-5")]),l("td",null," Which by default applies 2.5rem distance between elements [variable --distance-5] "),l("td",null,"-")])])])]),l("section",null,[l("h3",null,"Flex alignment classes"),l("hr"),l("table",{class:"no-hover"},[l("thead",null,[l("tr",null,[l("th",null,"Class"),l("th",null,"Result")])]),l("tbody",null,[l("tr",null,[l("td",{colspan:"2"},[l("b",null,"Alignment [row: y-axis, column: x-axis]")])]),l("tr",null,[l("td",null,[l("code",null,"align-start")]),l("td",null,"Aligns all items in the container to the start")]),l("tr",null,[l("td",null,[l("code",null,"align-center")]),l("td",null,"Aligns all items in the container to the center")]),l("tr",null,[l("td",null,[l("code",null,"align-end")]),l("td",null,"Aligns all items in the container to the end")]),l("tr",null,[l("td",null,[l("code",null,"align-stretch")]),l("td",null," Stretches items in the container to take up all available space [default flex behaviour] ")]),l("tr",null,[l("td",null,[l("code",null,"align-between")]),l("td",null,[e(" Aligns all items with evenly gaps in between without a gap in the beginning or end"),l("b",null,"*")])]),l("tr",null,[l("td",null,[l("code",null,"align-evenly")]),l("td",null,[e(" Aligns all items with evenly in the available space, also with even gaps in the beginning or end"),l("b",null,"*")])]),l("tr",null,[l("td",null,[l("code",null,"align-around")]),l("td",null,[e("Aligns all items with evenly in the available space"),l("b",null,"*")])]),l("tr",null,[l("td",null,[l("code",null,"self-align-start")]),l("td",null,"Aligns a flex-element to the start")]),l("tr",null,[l("td",null,[l("code",null,"self-align-center")]),l("td",null,"Aligns a flex-element to the center")]),l("tr",null,[l("td",null,[l("code",null,"self-align-end")]),l("td",null,"Aligns a flex-element to the end")]),l("tr",null,[l("td",null,[l("code",null,"self-align-stretch")]),l("td",null,"Stretches a flex-element to take up all available space")]),l("tr",null,[l("td",{colspan:"2"},[l("b",null,"Alignment [row: x-axis, column: y-axis]")])]),l("tr",null,[l("td",null,[l("code",null,"justify-start")]),l("td",null,"Aligns all items in the container to the start")]),l("tr",null,[l("td",null,[l("code",null,"justify-center")]),l("td",null,"Aligns all items in the container to the center")]),l("tr",null,[l("td",null,[l("code",null,"justify-end")]),l("td",null,"Aligns all items in the container to the end")]),l("tr",null,[l("td",null,[l("code",null,"justify-between")]),l("td",null," Aligns all items with evenly gaps in between without a gap in the beginning or end ")]),l("tr",null,[l("td",null,[l("code",null,"justify-evenly")]),l("td",null," Aligns all items with evenly in the available space, also with even gaps in the beginning or end ")]),l("tr",null,[l("td",null,[l("code",null,"justify-around")]),l("td",null," Aligns all items with evenly in the available space, the gaps in the beginning or end are half the size ")])]),l("tfoot",null,[l("b",null,"*"),e(" only applies when wrap is applied and you have multiple lines. , only applies when wrap is applied and you have multiple lines. ")])])]),l("section",null,[l("header",null,[l("h3",null,"Flex height/width classes"),l("hr")]),l("p",null,[e(" The following classes can be used to set the width for row or height when column of a particular flex-element. "),l("small",{class:"block my-3"},[l("b",null,"NB. "),e("These do not work very well with tables, they do not adhere to these constraints")])]),l("table",null,[l("thead",null,[l("tr",null,[l("th",null,"Class"),l("th",null,"Result"),l("th",null,"Responsive")])]),l("tbody",null,[l("tr",null,[l("td",null,[l("code",null,"f-100")]),l("td",null,"Sets flex grow to 1, flex shrink to 1 and flex-basis to 100%"),l("td",null,".m* / .t* / .d*")]),l("tr",null,[l("td",null,[l("code",null,"f-90")]),l("td",null,"Sets flex grow to 0, flex shrink to 0 and flex-basis to 90%"),l("td",null,".m* / .t* / .d*")]),l("tr",null,[l("td",null,[l("code",null,"f-80")]),l("td",null,"Sets flex grow to 0, flex shrink to 0 and flex-basis to 80%"),l("td",null,".m* / .t* / .d*")]),l("tr",null,[l("td",null,[l("code",null,"f-75")]),l("td",null,"Sets flex grow to 0, flex shrink to 0 and flex-basis to 75%"),l("td",null,".m* / .t* / .d*")]),l("tr",null,[l("td",null,[l("code",null,"f-70")]),l("td",null,"Sets flex grow to 0, flex shrink to 0 and flex-basis to 70%"),l("td",null,".m* / .t* / .d*")]),l("tr",null,[l("td",null,[l("code",null,"f-60")]),l("td",null,"Sets flex grow to 0, flex shrink to 0 and flex-basis to 60%"),l("td",null,".m* / .t* / .d*")]),l("tr",null,[l("td",null,[l("code",null,"f-50")]),l("td",null,"Sets flex grow to 0, flex shrink to 0 and flex-basis to 50%"),l("td",null,".m* / .t* / .d*")]),l("tr",null,[l("td",null,[l("code",null,"f-33")]),l("td",null,"Sets flex grow to 0, flex shrink to 0 and flex-basis to 33.33%"),l("td",null,".m* / .t* / .d*")]),l("tr",null,[l("td",null,[l("code",null,"f-30")]),l("td",null,"Sets flex grow to 0, flex shrink to 0 and flex-basis to 30%"),l("td",null,".m* / .t* / .d*")]),l("tr",null,[l("td",null,[l("code",null,"f-25")]),l("td",null,"Sets flex grow to 0, flex shrink to 0 and flex-basis to 25%"),l("td",null,".m* / .t* / .d*")]),l("tr",null,[l("td",null,[l("code",null,"f-20")]),l("td",null,"Sets flex grow to 0, flex shrink to 0 and flex-basis to 20%"),l("td",null,".m* / .t* / .d*")]),l("tr",null,[l("td",null,[l("code",null,"f-16")]),l("td",null,"Sets flex grow to 0, flex shrink to 0 and flex-basis to 16.67%"),l("td",null,".m* / .t* / .d*")]),l("tr",null,[l("td",null,[l("code",null,"f-10")]),l("td",null,"Sets flex grow to 0, flex shrink to 0 and flex-basis to 10%"),l("td",null,".m* / .t* / .d*")]),l("tr",null,[l("td",null,[l("code",null,"f-8")]),l("td",null,"Sets flex grow to 0, flex shrink to 0 and flex-basis to 8.33%"),l("td",null,".m* / .t* / .d*")]),l("tr",null,[l("td",null,[l("code",null,"f-auto")]),l("td",null," Sets flex grow to 1, flex shrink to 1, flex-basis to auto, min-width to auto and max-width to fit-content "),l("td",null,".m* / .t* / .d*")]),l("tr",null,[l("td",null,[l("code",null,"f-fill")]),l("td",null," Sets flex to 1 and width 100% [use this one to let an element take the remaining space] "),l("td",null,".m* / .t* / .d*")])])])]),l("section",null,[l("header",null,[l("h3",null,"Flex prefixes"),l("hr")]),l("p",null,"Responsive prefixes that can be used which are applied on different screensizes."),l("table",{class:"table"},[l("thead",null,[l("tr",null,[l("th",null,"Class"),l("th",null,"415px"),l("th",null,"576px"),l("th",null,"768px"),l("th",null,"992px")])]),l("tbody",null,[l("tr",null,[l("td",null,".m*"),l("td",null,"X"),l("td",null,"X"),l("td",null,"-"),l("td",null,"-")]),l("tr",null,[l("td",null,".t*"),l("td",null,"-"),l("td",null,"-"),l("td",null,"X"),l("td",null,"X")])]),l("tfoot",null," Example: .mf-100 or .mrow-reverse etc. ")]),l("div",{class:"column my-5"},[l("span",{class:"mb-3"},"Resize the screen to see it in action:"),l("div",{class:"mobile bg-danger p-3"},"Currently the screen is: Mobile"),l("div",{class:"tablet bg-accent p-3"},"Currently the screen is: Tablet"),l("div",{class:"desktop bg-primary p-3"},"Currently the screen is: Desktop")]),l("div",{class:"row"},[l("div",{class:"bg-primary p-2 f-25 tf-50 mf-100"}," Default flex 25, tablet flex 50, mobile flex 100 "),l("div",{class:"bg-accent p-2 f-25 tf-50 mf-100"}," Default flex 25, tablet flex 50, mobile flex 100 "),l("div",{class:"bg-danger p-2 f-25 tf-50 mf-100"}," Default flex 25, tablet flex 50, mobile flex 100 "),l("div",{class:"bg-success p-2 f-25 tf-50 mf-100"}," Default flex 25, tablet flex 50, mobile flex 100 "),l("div",{class:"bg-warning p-2 f-100 tf-50 mf-100"}," Default flex 100, tablet flex 50, mobile flex 100 "),l("div",{class:"bg-error p-2 f-100 tf-50 mf-100"}," Default flex 100, tablet flex 50, mobile flex 100 ")]),l("div",{class:"row trow-reverse mrow-reverse"},[l("div",{class:"bg-primary p-2 f-50"},"First on desktop"),l("div",{class:"bg-success p-2 f-50"},"First on tablet and mobile")])])])],-1),f={__name:"flex",setup(d){return(i,o)=>(s(),n(t,{class:"column gap-5"},{default:u(()=>[a]),_:1}))}};export{f as default}; diff --git a/docs/assets/flightkit-draggable-dnj2Xwrg.js b/docs/assets/flightkit-draggable-6elx19Kl.js similarity index 93% rename from docs/assets/flightkit-draggable-dnj2Xwrg.js rename to docs/assets/flightkit-draggable-6elx19Kl.js index 97816d0..8c11adf 100644 --- a/docs/assets/flightkit-draggable-dnj2Xwrg.js +++ b/docs/assets/flightkit-draggable-6elx19Kl.js @@ -1 +1 @@ -import{C as e}from"./Card-O6cB90BV.js";import{i as n,h as a,w as o,o as d,d as t,b as l,t as u}from"./index-B1ANj5xS.js";const s=t("header",null,[t("h1",{class:"mb-2"},"Flightkit Draggable"),t("hr")],-1),r=t("div",{class:"column gap-5"},[t("section",{class:"column gap-3"},[t("div",null,[t("h3",{class:"mb-2"},"Using the draggable"),t("hr"),t("table",{class:"property-table"},[t("thead",null,[t("tr",null,[t("th",null,"Attribute"),t("th",null,"Function"),t("th",null,"How to use")])]),t("tbody",null,[t("tr",null,[t("td",null,[t("code",null,'top=""')]),t("td",null,"Sets the top position of the element"),t("td",null,[l("You need to add digits and the unit. "),t("br"),t("b",null,"E.G."),l(' top="40%"')])]),t("tr",null,[t("td",null,[t("code",null,'left=""')]),t("td",null,"Sets the left position of the element"),t("td",null,[l("You need to add digits and the unit. "),t("br"),t("b",null,"E.G."),l(' left="50%"')])]),t("tr",null,[t("td",null,[t("code",null,'center=""')]),t("td",null,"Sets the draggable to the center."),t("td",null," Just adding the attribute is all you need. You can also override top / left if you want, by adding the attributes. ")]),t("tr",null,[t("td",null,[t("code",null,'zIndex=""')]),t("td",null,"Sets the zIndex of the draggable."),t("td",null,[l("it will set the element.style.zIndex to the number you provided. "),t("b",null,"E.G."),l(' zIndex="2000"')])]),t("tr",null,[t("td",null,[t("code",null,'handle="{YourId}"')]),t("td",null,"If you want to have a specific part of your draggable to enable drag."),t("td",null,"It will use the id as a selector for the drag event.")])])])])])],-1),i=" ",f={__name:"flightkit-draggable",setup(c){return n(()=>{Prism.highlightAll()}),(h,g)=>(d(),a(e,{class:"column gap-5"},{default:o(()=>[t("article",null,[s,t("div",{class:"mb-3"},[t("p",null,[l(" The component is "),t("code",null,u(i))])]),r])]),_:1}))}};export{f as default}; +import{C as e}from"./Card-7lCztz2-.js";import{i as n,h as a,w as o,o as d,d as t,b as l,t as u}from"./index-x0UhD0bb.js";const s=t("header",null,[t("h1",{class:"mb-2"},"Flightkit Draggable"),t("hr")],-1),r=t("div",{class:"column gap-5"},[t("section",{class:"column gap-3"},[t("div",null,[t("h3",{class:"mb-2"},"Using the draggable"),t("hr"),t("table",{class:"property-table"},[t("thead",null,[t("tr",null,[t("th",null,"Attribute"),t("th",null,"Function"),t("th",null,"How to use")])]),t("tbody",null,[t("tr",null,[t("td",null,[t("code",null,'top=""')]),t("td",null,"Sets the top position of the element"),t("td",null,[l("You need to add digits and the unit. "),t("br"),t("b",null,"E.G."),l(' top="40%"')])]),t("tr",null,[t("td",null,[t("code",null,'left=""')]),t("td",null,"Sets the left position of the element"),t("td",null,[l("You need to add digits and the unit. "),t("br"),t("b",null,"E.G."),l(' left="50%"')])]),t("tr",null,[t("td",null,[t("code",null,'center=""')]),t("td",null,"Sets the draggable to the center."),t("td",null," Just adding the attribute is all you need. You can also override top / left if you want, by adding the attributes. ")]),t("tr",null,[t("td",null,[t("code",null,'zIndex=""')]),t("td",null,"Sets the zIndex of the draggable."),t("td",null,[l("it will set the element.style.zIndex to the number you provided. "),t("b",null,"E.G."),l(' zIndex="2000"')])]),t("tr",null,[t("td",null,[t("code",null,'handle="{YourId}"')]),t("td",null,"If you want to have a specific part of your draggable to enable drag."),t("td",null,"It will use the id as a selector for the drag event.")])])])])])],-1),i=" ",f={__name:"flightkit-draggable",setup(c){return n(()=>{Prism.highlightAll()}),(h,g)=>(d(),a(e,{class:"column gap-5"},{default:o(()=>[t("article",null,[s,t("div",{class:"mb-3"},[t("p",null,[l(" The component is "),t("code",null,u(i))])]),r])]),_:1}))}};export{f as default}; diff --git a/docs/assets/flightkit-dropdown-rb0kSm4t.js b/docs/assets/flightkit-dropdown-o9KFFn4-.js similarity index 94% rename from docs/assets/flightkit-dropdown-rb0kSm4t.js rename to docs/assets/flightkit-dropdown-o9KFFn4-.js index c894a59..1c72755 100644 --- a/docs/assets/flightkit-dropdown-rb0kSm4t.js +++ b/docs/assets/flightkit-dropdown-o9KFFn4-.js @@ -1,4 +1,4 @@ -import{C as n}from"./Card-O6cB90BV.js";import{i as o,h as s,w as a,o as d,d as t,b as l,t as e}from"./index-B1ANj5xS.js";const r=t("header",null,[t("h1",{class:"mb-2"},"Flightkit Dropdown"),t("hr")],-1),i=t("h3",{class:"mb-2"},"Using the dropdown",-1),c=t("hr",null,null,-1),h=t("b",null,"E.G.",-1),p=t("table",{class:"property-table"},[t("thead",null,[t("tr",null,[t("th",null,"Attribute"),t("th",null,"Effect")])]),t("tbody",null,[t("tr",null,[t("td",null,[t("code",null,'text="My dropdown title"')]),t("td",null,"Text to show on the button.")]),t("tr",null,[t("td",null,[t("code",null,"right")]),t("td",null,"Aligns the dropdown drawer to the right (overflows to the left)")]),t("tr",null,[t("td",null,[t("code",null,'drawer-width="30rem"')]),t("td",null,"Customizes the drawer width, you need to implement the unit too.")])])],-1),u=t("section",null,[t("h3",{class:"mb-2"},"Using the dropdown"),t("hr"),t("div",{class:"row justify-between px-5"},[t("flk-dropdown",{class:"primary",text:"Left dropdown","drawer-width":"20rem"},[t("template",null,[t("div",{class:"p-2 border border-light"},"Dropdown on the left")])]),t("flk-dropdown",{text:"Right dropdown",right:""},[t("template",null,[t("div",{class:"p-5"},"Dropdown on the right")])])])],-1),m=t("h3",null,"Example",-1),w=t("hr",null,null,-1),_=" ",g="",b=` ",g="",b=`{Prism.highlightAll()});function o(){document.getElementById("foo").openModal()}function n(){document.getElementById("foo").closeModal()}return(_,y)=>(c(),d(a,{class:"column gap-5"},{default:u(()=>[l("article",null,[i,l("div",{class:"mb-3"},[l("p",{class:"column gap-2 align-start"},[e(" The component is "),l("code",null,t(f)),e(" Dependencies: "),l("code",null,t(b))])]),l("div",{class:"column gap-5"},[h,l("section",null,[r,m,l("button",{class:"mr-3",onClick:o},"Open modal"),l("button",{onClick:n},"Close the modal"),p])])])]),_:1}))}};export{w as default}; +import{C as a}from"./Card-7lCztz2-.js";import{i as s,h as d,w as u,o as c,d as l,b as e,t}from"./index-x0UhD0bb.js";const i=l("header",null,[l("h1",{class:"mb-2"},"Flightkit Modal"),l("hr")],-1),h=l("section",{class:"column gap-3"},[l("div",null,[l("h3",{class:"mb-2"},"Using the modal"),l("hr"),l("table",{class:"property-table mb-5"},[l("thead",null,[l("tr",null,[l("th",null,"Attribute"),l("th",null,"Function"),l("th",null,"How to use")])]),l("tbody",null,[l("tr",null,[l("td",null,[l("code",null,'modal-title=""')]),l("td",null,"Sets the title of the modal header"),l("td",null,[l("b",null,"E.G."),e(' modal-title="my modal"')])]),l("tr",null,[l("td",null,[l("code",null,'header-class=""')]),l("td",null,"Adds classes to the header, add multiple with a space"),l("td",null,[l("b",null,"E.G."),e(' header-class="foo bar baz"')])])])]),l("span",{class:"inline-block mb-3"},[e(" When you have the element selected like "),l("code",null,"let myModal = document.getElementById('myModal')"),e(" you can use the following functions: ")]),l("table",{class:"property-table"},[l("thead",null,[l("tr",null,[l("th",null,"Function"),l("th",null,"Parameters / Events"),l("th",null,"Effect")])]),l("tbody",null,[l("tr",null,[l("td",null,[l("code",null,"myModal.openModal(reset = true)")]),l("td",null,[e(" If reset is "),l("i",null,"true [default]"),e(" the modal will be reset to the center. If false it will appear where the user left it. ")]),l("td",null,"Shows the modal")]),l("tr",null,[l("td",null,[l("code",null,"myModal.closeModal()")]),l("td"),l("td",null,"Closes the modal")])])])])],-1),r=l("h3",{class:"mb-2"},"Using the modal",-1),m=l("hr",null,null,-1),p=l("flk-modal",{id:"foo","modal-title":"My Modal"},[l("div",{class:"p-1"},[l("h1",null,"Modal title"),l("hr"),l("section",null,"Hello Modal!")])],-1),f=" ",b=" ",w={__name:"flightkit-modal",setup(g){s(()=>{Prism.highlightAll()});function o(){document.getElementById("foo").openModal()}function n(){document.getElementById("foo").closeModal()}return(_,y)=>(c(),d(a,{class:"column gap-5"},{default:u(()=>[l("article",null,[i,l("div",{class:"mb-3"},[l("p",{class:"column gap-2 align-start"},[e(" The component is "),l("code",null,t(f)),e(" Dependencies: "),l("code",null,t(b))])]),l("div",{class:"column gap-5"},[h,l("section",null,[r,m,l("button",{class:"mr-3",onClick:o},"Open modal"),l("button",{onClick:n},"Close the modal"),p])])])]),_:1}))}};export{w as default}; diff --git a/docs/assets/flightkit-table-pjIatwoT.js b/docs/assets/flightkit-table-P-drFJup.js similarity index 61% rename from docs/assets/flightkit-table-pjIatwoT.js rename to docs/assets/flightkit-table-P-drFJup.js index 7b7148c..7b9ba82 100644 --- a/docs/assets/flightkit-table-pjIatwoT.js +++ b/docs/assets/flightkit-table-P-drFJup.js @@ -1,10 +1,10 @@ -import{C as _}from"./Card-O6cB90BV.js";import{i as p,r as o,h as b,w as f,o as i,d as e,b as t,t as n,c as g,u as m}from"./index-B1ANj5xS.js";const r=[{scientific_name:"Ardea cinerea",common_name:"Grey heron"},{scientific_name:"Ardea herodias",common_name:"Great blue heron"},{scientific_name:"Ardea cocoi",common_name:"Cocoi heron"},{scientific_name:"Ardea pacifica",common_name:"White-necked heron"},{scientific_name:"Ardea melanocephala",common_name:"Black-headed heron"},{scientific_name:"Ardea humbloti",common_name:"Humblot's heron"},{scientific_name:"Ardea insignis",common_name:"White-bellied heron"},{scientific_name:"Ardea sumatrana",common_name:"Great-billed heron"},{scientific_name:"Ardea goliath",common_name:"Goliath heron"},{scientific_name:"Ardea purpurea",common_name:"Purple heron"},{scientific_name:"Ardea alba",common_name:"Great egret, great white heron"},{scientific_name:"Ardea brachyrhyncha",common_name:"Yellow-billed egret"},{scientific_name:"Ardea intermedia",common_name:"Medium egret"},{scientific_name:"Ardea plumifera",common_name:"Plumed egret"}],v=e("header",null,[e("h1",{class:"mb-2"},"Flightkit Table"),e("hr")],-1),y={class:"column gap-5"},w=e("h3",{class:"mb-2"},"Using the table as a vanilla webcomponent",-1),k=e("hr",null,null,-1),A=e("thead",null,[e("tr",null,[e("th",null,"Attribute"),e("th",null,"Function"),e("th",null,"How to use")])],-1),E=e("tr",null,[e("td",null,[e("code",null,'contents=""')]),e("td",null,"Used to set an array of objects to be displayed"),e("td",null,[t(" Either stringify a JSON object, or use the "),e("code",null,"setContents()"),t(" on the element, like show above ")])],-1),x=e("tr",null,[e("td",null,[e("code",null,'columns=""')]),e("td",null,"Used to set which columns there needs to be displayed and the order."),e("td",null,[t(" A comma separated string with the property names. "),e("br"),e("b",null,"E.G."),t(' "scientific_name,common_name" ')])],-1),T=e("tr",null,[e("td",null,[e("code",null,'order=""')]),e("td",null," Used to set the ordering of the rows. You can always click on one or more headers to order the table "),e("td",null,[t(" A comma separated string with the property names a 'pipe': | and the ordering. Defaults to ascending."),e("br"),e("b",null,"E.G."),t(' "scientific_name|asc,common_name|desc" or "scientific_name,common_name" ')])],-1),G=e("tr",null,[e("td",null,[e("code",null,'filter=""')]),e("td",null,"Used to do a global search on the table."),e("td",null,[t(" a string that will be used to filter the table "),e("br"),e("b",null,"E.G."),t(' "cinerea" ')])],-1),S=e("td",null,[e("code",null,'templates=""')],-1),j=e("td",null,"Ability to add templates to wrap the value in.",-1),C=e("br",null,null,-1),N=e("b",{class:"mr-1"},"E.G.",-1),U=e("tr",null,[e("td",null,[e("code",null,'selection-property=""')]),e("td",null," When it is assigned, it will use the value to be a unique identifier for creating a selection. It will render checkboxes at each table row and a select all on the table head "),e("td",null,[t(" a property name that has a unique value per row in a table. Emits the event 'select' on checkbox change. On the event parameter, there is a property "),e("i",null,"detail"),t(" which has a property "),e("i",null,"selection"),t(" with the objects you selected "),e("b",null,"E.G."),t(' selection-property="id" ')])],-1),B=e("tr",null,[e("td",null,[e("code",null,"e-{event}")]),e("td",null,"builtin event handling."),e("td",null,[t(" Will trigger on the event "),e("b",null,"E.G."),t(),e("code",null,'e-click="myFunction"'),t(" will trigger the global function myEvent when clicked. ")])],-1),F=e("tr",null,[e("td",{colspan:"3"},[e("b",null,"Functions:")])],-1),O=e("td",null,[e("code",null,"setTemplates")],-1),W=e("td",null,"Ability to add templates to wrap the value in.",-1),J=e("b",null,"E.G.",-1),P=e("h3",{class:"mb-2"},"Using html templates to customize the table.",-1),Y=e("hr",null,null,-1),D=e("p",{class:"mb-4"},"You can use the same names like in the attribute object.",-1),M=e("b",null,"Example:",-1),q=e("b",null,"For footer [tfoot] / caption [caption]:",-1),H=e("small",null,"You can also add these into your json string as attribute.",-1),I=e("h2",{class:"mb-2"},"Example table",-1),K=e("hr",null,null,-1),V={class:"column gap-3 mb-3"},z=e("i",null,[e("b",null,"With filter and custom template:")],-1),L=["filter","contents","templates"],Q={class:"column gap-3"},R=e("i",null,[e("b",null,"With selection-property:")],-1),X={class:"row justify-between"},Z=["contents"],$=e("span",{class:"mr-5"},"Example function:",-1),ee=e("code",{class:"language-javascript"}," function handleSelect(event) { console.log(event.detail.selection) } ",-1),te={class:"border p-5"},ne={class:"language-javascript"},le=" ",oe=`window.onload = () => { +import{C as _}from"./Card-7lCztz2-.js";import{i as p,r as o,h as b,w as f,o as i,d as e,b as t,t as n,c as g,u as r}from"./index-x0UhD0bb.js";const m=[{scientific_name:"Ardea cinerea",common_name:"Grey heron"},{scientific_name:"Ardea herodias",common_name:"Great blue heron"},{scientific_name:"Ardea cocoi",common_name:"Cocoi heron"},{scientific_name:"Ardea pacifica",common_name:"White-necked heron"},{scientific_name:"Ardea melanocephala",common_name:"Black-headed heron"},{scientific_name:"Ardea humbloti",common_name:"Humblot's heron"},{scientific_name:"Ardea insignis",common_name:"White-bellied heron"},{scientific_name:"Ardea sumatrana",common_name:"Great-billed heron"},{scientific_name:"Ardea goliath",common_name:"Goliath heron"},{scientific_name:"Ardea purpurea",common_name:"Purple heron"},{scientific_name:"Ardea alba",common_name:"Great egret, great white heron"},{scientific_name:"Ardea brachyrhyncha",common_name:"Yellow-billed egret"},{scientific_name:"Ardea intermedia",common_name:"Medium egret"},{scientific_name:"Ardea plumifera",common_name:"Plumed egret"}],v=e("header",null,[e("h1",{class:"mb-2"},"Flightkit Table"),e("hr")],-1),y={class:"column gap-5"},w=e("h3",{class:"mb-2"},"Using the table as a vanilla webcomponent",-1),k=e("hr",null,null,-1),A=e("thead",null,[e("tr",null,[e("th",null,"Attribute"),e("th",null,"Function"),e("th",null,"How to use")])],-1),E=e("tr",null,[e("td",null,[e("code",null,'contents=""')]),e("td",null,"Used to set an array of objects to be displayed"),e("td",null,[t(" Either stringify a JSON object, or use the "),e("code",null,"setContents()"),t(" on the element, like show above ")])],-1),x=e("tr",null,[e("td",null,[e("code",null,'columns=""')]),e("td",null,"Used to set which columns there needs to be displayed and the order."),e("td",null,[t(" A comma separated string with the property names. "),e("br"),e("b",null,"E.G."),t(' "scientific_name,common_name" ')])],-1),T=e("tr",null,[e("td",null,[e("code",null,'order=""')]),e("td",null," Used to set the ordering of the rows. You can always click on one or more headers to order the table "),e("td",null,[t(" A comma separated string with the property names a 'pipe': | and the ordering. Defaults to ascending."),e("br"),e("b",null,"E.G."),t(' "scientific_name|asc,common_name|desc" or "scientific_name,common_name" ')])],-1),G=e("tr",null,[e("td",null,[e("code",null,'filter=""')]),e("td",null,"Used to do a global search on the table."),e("td",null,[t(" a string that will be used to filter the table "),e("br"),e("b",null,"E.G."),t(' "cinerea" ')])],-1),S=e("td",null,[e("code",null,'templates=""')],-1),j=e("td",null,"Ability to add templates to wrap the value in.",-1),C=e("br",null,null,-1),F=e("b",{class:"mr-1"},"E.G.",-1),N=e("tr",null,[e("td",null,[e("code",null,'selection-property=""')]),e("td",null," When it is assigned, it will use the value to be a unique identifier for creating a selection. It will render checkboxes at each table row and a select all on the table head "),e("td",null,[t(" a property name that has a unique value per row in a table. Emits the event 'select' on checkbox change. On the event parameter, there is a property "),e("i",null,"detail"),t(" which has a property "),e("i",null,"selection"),t(" with the objects you selected "),e("b",null,"E.G."),t(' selection-property="id" ')])],-1),U=e("tr",null,[e("td",null,[e("code",null,"e-{event}")]),e("td",null,"builtin event handling."),e("td",null,[t(" Will trigger on the event "),e("b",null,"E.G."),t(),e("code",null,'e-click="myFunction"'),t(" will trigger the global function myEvent when clicked. ")])],-1),B=e("tr",null,[e("td",{colspan:"3"},[e("b",null,"Functions:")])],-1),O=e("td",null,[e("code",null,"setTemplates")],-1),W=e("td",null,"Ability to add templates to wrap the value in.",-1),J=e("b",null,"E.G.",-1),P=e("h3",{class:"mb-2"},"Using html templates to customize the table.",-1),Y=e("hr",null,null,-1),D=e("p",{class:"mb-4"},"You can use the same names like in the attribute object.",-1),M=e("b",null,"Example:",-1),q=e("b",null,"For footer [tfoot] / caption [caption]:",-1),H=e("small",null,"You can also add these into your json string as attribute.",-1),I=e("h2",{class:"mb-2"},"Example table",-1),K=e("hr",null,null,-1),V={class:"column gap-3 mb-3"},$=e("i",null,[e("b",null,"With filter and custom template:")],-1),z=["filter","contents","templates"],L={class:"column gap-3"},Q=e("i",null,[e("b",null,"With selection-property:")],-1),R={class:"row justify-between"},X=["contents"],Z=e("span",{class:"mr-5"},"Example function:",-1),ee=e("code",{class:"language-javascript"}," function handleSelect(event) { console.log(event.detail.selection) } ",-1),te={class:"border p-5"},ne={class:"language-javascript"},le=" ",oe=`window.onload = () => { let ftTable = document.getElementById('ft-table'); ftTable.setContents(ardeaSet); ftTable.init(); }) -};`,ae='',se="{{ common_name }}",ce=`templates='{"common_name":""}'`,ie='',me='',re='',pe={__name:"flightkit-table",setup(de){const d={common_name:"{{ common_name }}"};p(()=>{Prism.highlightAll()});const a=o(""),s=o(0);function u(l){a.value=l.target.value,s.value+=1}const c=o("Make a selection, and see the result here");function h(l){c.value=JSON.parse(JSON.stringify(l.detail.selection))}return(l,ue)=>(i(),b(_,{class:"column gap-5"},{default:f(()=>[e("article",null,[v,e("div",{class:"mb-3"},[e("p",null,[t(" The component is "),e("code",null,n(le))])]),e("div",y,[e("section",{class:"column gap-3"},[e("div",null,[w,k,e("pre",{class:"border"},[e("code",{class:"language-javascript"},n(oe))]),e("table",{class:"property-table"},[A,e("tbody",null,[E,x,T,G,e("tr",null,[S,j,e("td",null,[t(" a stringified JSON object that has a template that will be used. Use a placeholder with the property like: "),e("code",null,n(se)),t("to use any value you want out of the row. "),C,N,e("code",{class:"language-html"},n(ce))])]),U,B,F,e("tr",null,[O,W,e("td",null,[t(" Add the template using the function on the element "),J,e("pre",null,[t(""),e("code",{class:"language-html"},`templatedTable.setTemplates({ +};`,ae='',se="{{ common_name }} / {{ $globalFunction }}",ce=`templates='{"common_name":""}'`,ie='',re='',me='',pe={__name:"flightkit-table",setup(de){const d={common_name:"{{ common_name }}"};p(()=>{Prism.highlightAll()});const a=o(""),s=o(0);function u(l){a.value=l.target.value,s.value+=1}const c=o("Make a selection, and see the result here");function h(l){c.value=JSON.parse(JSON.stringify(l.detail.selection))}return(l,ue)=>(i(),b(_,{class:"column gap-5"},{default:f(()=>[e("article",null,[v,e("div",{class:"mb-3"},[e("p",null,[t(" The component is "),e("code",null,n(le))])]),e("div",y,[e("section",{class:"column gap-3"},[e("div",null,[w,k,e("pre",{class:"border"},[e("code",{class:"language-javascript"},n(oe))]),e("table",{class:"property-table"},[A,e("tbody",null,[E,x,T,G,e("tr",null,[S,j,e("td",null,[t(" a stringified JSON object that has a template that will be used. Use a placeholder with the property like: "),e("code",null,n(se)),t("to use any value you want out of the row. if you place a '$' before, it will look for a global available function and pass the property and the object as the arguments "),C,F,e("code",{class:"language-html"},n(ce))])]),N,U,B,e("tr",null,[O,W,e("td",null,[t(" Add the template using the function on the element "),J,e("pre",null,[t(""),e("code",{class:"language-html"},`templatedTable.setTemplates({ common_name: "`+n(ae)+`" }); `),t(` -`)])])])])])])]),e("section",{class:"column"},[e("div",null,[P,Y,D,e("div",{class:"column gap-3"},[e("div",null,[M,e("pre",null,[e("code",{class:"language-html"},n(ie))])]),e("div",null,[q,e("pre",null,[e("code",{class:"language-html"},n(me))]),e("pre",null,[e("code",{class:"language-html"},n(re))]),H])])])]),e("section",null,[I,K,e("div",V,[z,e("input",{class:"self-align-start",type:"text",placeholder:"filter table",onKeyup:u},null,32),(i(),g("flk-table",{key:s.value,id:"foo",filter:a.value,class:"table",contents:m(r),templates:JSON.stringify(d)},null,8,L))]),e("div",Q,[R,e("div",X,[e("flk-table",{"selection-property":"scientific_name",class:"table",onSelect:h,contents:m(r)},null,40,Z),e("div",null,[$,ee,e("pre",te,[e("code",ne,n(c.value),1)])])])])])])])]),_:1}))}};export{pe as default}; +`)])])])])])])]),e("section",{class:"column"},[e("div",null,[P,Y,D,e("div",{class:"column gap-3"},[e("div",null,[M,e("pre",null,[e("code",{class:"language-html"},n(ie))])]),e("div",null,[q,e("pre",null,[e("code",{class:"language-html"},n(re))]),e("pre",null,[e("code",{class:"language-html"},n(me))]),H])])])]),e("section",null,[I,K,e("div",V,[$,e("input",{class:"self-align-start",type:"text",placeholder:"filter table",onKeyup:u},null,32),(i(),g("flk-table",{key:s.value,id:"foo",filter:a.value,class:"table",contents:r(m),templates:JSON.stringify(d)},null,8,z))]),e("div",L,[Q,e("div",R,[e("flk-table",{"selection-property":"scientific_name",class:"table",onSelect:h,contents:r(m)},null,40,X),e("div",null,[Z,ee,e("pre",te,[e("code",ne,n(c.value),1)])])])])])])])]),_:1}))}};export{pe as default}; diff --git a/docs/assets/flightkit-tree-nav-c33kPbhH.js b/docs/assets/flightkit-tree-nav-L6OoHbsh.js similarity index 93% rename from docs/assets/flightkit-tree-nav-c33kPbhH.js rename to docs/assets/flightkit-tree-nav-L6OoHbsh.js index 6708db9..f2c03f8 100644 --- a/docs/assets/flightkit-tree-nav-c33kPbhH.js +++ b/docs/assets/flightkit-tree-nav-L6OoHbsh.js @@ -1 +1 @@ -import{C as l}from"./Card-O6cB90BV.js";import{i as n,h as a,w as s,o,d as t,b as e,t as u}from"./index-B1ANj5xS.js";const i=t("header",null,[t("h1",{class:"mb-2"},"Flightkit Tree Navigation"),t("hr")],-1),r=t("div",{class:"column gap-5"},[t("section",{class:"column gap-3"},[t("div",null,[t("h3",{class:"mb-2"},"Using the tree navigation"),t("hr"),t("table",{class:"property-table"},[t("thead",null,[t("tr",null,[t("th",null,"Attribute"),t("th",null,"Function"),t("th",null,"How to use")])]),t("tbody",null,[t("tr",null,[t("td",null,[t("code",null,'contents="{ stringified json }"')]),t("td",null,"Sets the data that will create the tree navigation"),t("td",null,"Objects create depth, Arrays will be rendered as well.")]),t("tr",null,[t("td",null,[t("code",null,'icon-set=""')]),t("td",null,"Sets the icon set."),t("td",null,[e("Default is 'file', "),t("b",null,"others available:"),e(" 'database'")])]),t("tr",null,[t("td",null,[t("code",null,'max-depth=""')]),t("td",null,"Sets the maximum depth."),t("td",null," The tree navigation will scaffold until the depth. However any values below that depth are still searchable. ")]),t("tr",null,[t("td",null,[t("code",null,'filter="{ value: "", caseSensitive: false}"')]),t("td",null,"Sets the filter for the tree."),t("td",null,[e(" Filters the tree based on the value, default without case sensitivity. "),t("b",null,"N.B."),e(" you can also enter a string. ")])])]),t("tfoot",null,[t("tr",null,[t("td",{colspan:"3"},[e(" If you want to add comments, you can use the ( ) or [ ] in the title of your object "),t("code",null,'{"Top level (with a comment)": "Value A"} ')])])])])])]),t("p",null,"It uses attributes and url svgs. Which do not work in vue3. :(")],-1),d=" ",v={__name:"flightkit-tree-nav",setup(c){return n(()=>{Prism.highlightAll()}),(h,p)=>(o(),a(l,{class:"column gap-5"},{default:s(()=>[t("article",null,[i,t("div",{class:"mb-3"},[t("p",null,[e(" The component is "),t("code",null,u(d))])]),r])]),_:1}))}};export{v as default}; +import{C as l}from"./Card-7lCztz2-.js";import{i as n,h as a,w as s,o,d as t,b as e,t as u}from"./index-x0UhD0bb.js";const i=t("header",null,[t("h1",{class:"mb-2"},"Flightkit Tree Navigation"),t("hr")],-1),r=t("div",{class:"column gap-5"},[t("section",{class:"column gap-3"},[t("div",null,[t("h3",{class:"mb-2"},"Using the tree navigation"),t("hr"),t("table",{class:"property-table"},[t("thead",null,[t("tr",null,[t("th",null,"Attribute"),t("th",null,"Function"),t("th",null,"How to use")])]),t("tbody",null,[t("tr",null,[t("td",null,[t("code",null,'contents="{ stringified json }"')]),t("td",null,"Sets the data that will create the tree navigation"),t("td",null,"Objects create depth, Arrays will be rendered as well.")]),t("tr",null,[t("td",null,[t("code",null,'icon-set=""')]),t("td",null,"Sets the icon set."),t("td",null,[e("Default is 'file', "),t("b",null,"others available:"),e(" 'database'")])]),t("tr",null,[t("td",null,[t("code",null,'max-depth=""')]),t("td",null,"Sets the maximum depth."),t("td",null," The tree navigation will scaffold until the depth. However any values below that depth are still searchable. ")]),t("tr",null,[t("td",null,[t("code",null,'filter="{ value: "", caseSensitive: false}"')]),t("td",null,"Sets the filter for the tree."),t("td",null,[e(" Filters the tree based on the value, default without case sensitivity. "),t("b",null,"N.B."),e(" you can also enter a string. ")])])]),t("tfoot",null,[t("tr",null,[t("td",{colspan:"3"},[e(" If you want to add comments, you can use the ( ) or [ ] in the title of your object "),t("code",null,'{"Top level (with a comment)": "Value A"} ')])])])])])]),t("p",null,"It uses attributes and url svgs. Which do not work in vue3. :(")],-1),d=" ",v={__name:"flightkit-tree-nav",setup(c){return n(()=>{Prism.highlightAll()}),(h,p)=>(o(),a(l,{class:"column gap-5"},{default:s(()=>[t("article",null,[i,t("div",{class:"mb-3"},[t("p",null,[e(" The component is "),t("code",null,u(d))])]),r])]),_:1}))}};export{v as default}; diff --git a/docs/assets/icons-OZ1EFZq2.js b/docs/assets/icons-b6_hK7nP.js similarity index 97% rename from docs/assets/icons-OZ1EFZq2.js rename to docs/assets/icons-b6_hK7nP.js index 6aa8459..06e35c1 100644 --- a/docs/assets/icons-OZ1EFZq2.js +++ b/docs/assets/icons-b6_hK7nP.js @@ -1 +1 @@ -import{C as t}from"./Card-O6cB90BV.js";import{h as n,w as o,o as i,d as l,b as e}from"./index-B1ANj5xS.js";const s=l("article",null,[l("header",null,[l("h1",{class:"mb-2"},"Icons"),l("hr")]),l("p",null,[e(" For icons Avian CSS relies on "),l("a",{href:"https://lucide.dev/guide/",target:"_blank"},"Lucide"),e(". Here are classes which you can use to color icons. "),l("br"),l("small",null,"* you can also use any text coloring class")]),l("section",null,[l("table",{class:"no-hover"},[l("thead",null,[l("tr",null,[l("th",null,"Class"),l("th",null,"Result")])]),l("tbody",null,[l("tr",null,[l("td",{colspan:"2"},"Color classes")]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"icon-gray")]),l("td",null,[l("div",{class:"pt-1 px-1 fit-content"},[l("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-coffee icon-gray"},[l("path",{d:"M17 8h1a4 4 0 1 1 0 8h-1"}),l("path",{d:"M3 8h14v9a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4Z"}),l("line",{x1:"6",x2:"6",y1:"2",y2:"4"}),l("line",{x1:"10",x2:"10",y1:"2",y2:"4"}),l("line",{x1:"14",x2:"14",y1:"2",y2:"4"})])])])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"icon-gray-dark")]),l("td",null,[l("div",{class:"pt-1 px-1 fit-content"},[l("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-coffee icon-gray-dark"},[l("path",{d:"M17 8h1a4 4 0 1 1 0 8h-1"}),l("path",{d:"M3 8h14v9a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4Z"}),l("line",{x1:"6",x2:"6",y1:"2",y2:"4"}),l("line",{x1:"10",x2:"10",y1:"2",y2:"4"}),l("line",{x1:"14",x2:"14",y1:"2",y2:"4"})])])])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"icon-primary")]),l("td",null,[l("div",{class:"pt-1 px-1 fit-content"},[l("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-coffee icon-primary"},[l("path",{d:"M17 8h1a4 4 0 1 1 0 8h-1"}),l("path",{d:"M3 8h14v9a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4Z"}),l("line",{x1:"6",x2:"6",y1:"2",y2:"4"}),l("line",{x1:"10",x2:"10",y1:"2",y2:"4"}),l("line",{x1:"14",x2:"14",y1:"2",y2:"4"})])])])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"icon-accent")]),l("td",null,[l("div",{class:"pt-1 px-1 fit-content"},[l("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-coffee icon-accent"},[l("path",{d:"M17 8h1a4 4 0 1 1 0 8h-1"}),l("path",{d:"M3 8h14v9a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4Z"}),l("line",{x1:"6",x2:"6",y1:"2",y2:"4"}),l("line",{x1:"10",x2:"10",y1:"2",y2:"4"}),l("line",{x1:"14",x2:"14",y1:"2",y2:"4"})])])])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"icon-danger")]),l("td",null,[l("div",{class:"pt-1 px-1 fit-content"},[l("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-coffee icon-danger"},[l("path",{d:"M17 8h1a4 4 0 1 1 0 8h-1"}),l("path",{d:"M3 8h14v9a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4Z"}),l("line",{x1:"6",x2:"6",y1:"2",y2:"4"}),l("line",{x1:"10",x2:"10",y1:"2",y2:"4"}),l("line",{x1:"14",x2:"14",y1:"2",y2:"4"})])])])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"icon-success")]),l("td",null,[l("div",{class:"pt-1 px-1 fit-content"},[l("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-coffee icon-success"},[l("path",{d:"M17 8h1a4 4 0 1 1 0 8h-1"}),l("path",{d:"M3 8h14v9a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4Z"}),l("line",{x1:"6",x2:"6",y1:"2",y2:"4"}),l("line",{x1:"10",x2:"10",y1:"2",y2:"4"}),l("line",{x1:"14",x2:"14",y1:"2",y2:"4"})])])])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"icon-black")]),l("td",null,[l("div",{class:"pt-1 px-1 fit-content"},[l("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-coffee icon-black"},[l("path",{d:"M17 8h1a4 4 0 1 1 0 8h-1"}),l("path",{d:"M3 8h14v9a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4Z"}),l("line",{x1:"6",x2:"6",y1:"2",y2:"4"}),l("line",{x1:"10",x2:"10",y1:"2",y2:"4"}),l("line",{x1:"14",x2:"14",y1:"2",y2:"4"})])])])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"icon-white")]),l("td",null,[l("div",{class:"bg-black pt-1 px-1 fit-content"},[l("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-coffee icon-white"},[l("path",{d:"M17 8h1a4 4 0 1 1 0 8h-1"}),l("path",{d:"M3 8h14v9a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4Z"}),l("line",{x1:"6",x2:"6",y1:"2",y2:"4"}),l("line",{x1:"10",x2:"10",y1:"2",y2:"4"}),l("line",{x1:"14",x2:"14",y1:"2",y2:"4"})])])])])])])])],-1),u={__name:"icons",setup(a){return(c,r)=>(i(),n(t,{class:"column gap-5"},{default:o(()=>[s]),_:1}))}};export{u as default}; +import{C as t}from"./Card-7lCztz2-.js";import{h as n,w as o,o as i,d as l,b as e}from"./index-x0UhD0bb.js";const s=l("article",null,[l("header",null,[l("h1",{class:"mb-2"},"Icons"),l("hr")]),l("p",null,[e(" For icons Avian CSS relies on "),l("a",{href:"https://lucide.dev/guide/",target:"_blank"},"Lucide"),e(". Here are classes which you can use to color icons. "),l("br"),l("small",null,"* you can also use any text coloring class")]),l("section",null,[l("table",{class:"no-hover"},[l("thead",null,[l("tr",null,[l("th",null,"Class"),l("th",null,"Result")])]),l("tbody",null,[l("tr",null,[l("td",{colspan:"2"},"Color classes")]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"icon-gray")]),l("td",null,[l("div",{class:"pt-1 px-1 fit-content"},[l("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-coffee icon-gray"},[l("path",{d:"M17 8h1a4 4 0 1 1 0 8h-1"}),l("path",{d:"M3 8h14v9a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4Z"}),l("line",{x1:"6",x2:"6",y1:"2",y2:"4"}),l("line",{x1:"10",x2:"10",y1:"2",y2:"4"}),l("line",{x1:"14",x2:"14",y1:"2",y2:"4"})])])])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"icon-gray-dark")]),l("td",null,[l("div",{class:"pt-1 px-1 fit-content"},[l("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-coffee icon-gray-dark"},[l("path",{d:"M17 8h1a4 4 0 1 1 0 8h-1"}),l("path",{d:"M3 8h14v9a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4Z"}),l("line",{x1:"6",x2:"6",y1:"2",y2:"4"}),l("line",{x1:"10",x2:"10",y1:"2",y2:"4"}),l("line",{x1:"14",x2:"14",y1:"2",y2:"4"})])])])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"icon-primary")]),l("td",null,[l("div",{class:"pt-1 px-1 fit-content"},[l("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-coffee icon-primary"},[l("path",{d:"M17 8h1a4 4 0 1 1 0 8h-1"}),l("path",{d:"M3 8h14v9a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4Z"}),l("line",{x1:"6",x2:"6",y1:"2",y2:"4"}),l("line",{x1:"10",x2:"10",y1:"2",y2:"4"}),l("line",{x1:"14",x2:"14",y1:"2",y2:"4"})])])])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"icon-accent")]),l("td",null,[l("div",{class:"pt-1 px-1 fit-content"},[l("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-coffee icon-accent"},[l("path",{d:"M17 8h1a4 4 0 1 1 0 8h-1"}),l("path",{d:"M3 8h14v9a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4Z"}),l("line",{x1:"6",x2:"6",y1:"2",y2:"4"}),l("line",{x1:"10",x2:"10",y1:"2",y2:"4"}),l("line",{x1:"14",x2:"14",y1:"2",y2:"4"})])])])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"icon-danger")]),l("td",null,[l("div",{class:"pt-1 px-1 fit-content"},[l("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-coffee icon-danger"},[l("path",{d:"M17 8h1a4 4 0 1 1 0 8h-1"}),l("path",{d:"M3 8h14v9a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4Z"}),l("line",{x1:"6",x2:"6",y1:"2",y2:"4"}),l("line",{x1:"10",x2:"10",y1:"2",y2:"4"}),l("line",{x1:"14",x2:"14",y1:"2",y2:"4"})])])])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"icon-success")]),l("td",null,[l("div",{class:"pt-1 px-1 fit-content"},[l("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-coffee icon-success"},[l("path",{d:"M17 8h1a4 4 0 1 1 0 8h-1"}),l("path",{d:"M3 8h14v9a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4Z"}),l("line",{x1:"6",x2:"6",y1:"2",y2:"4"}),l("line",{x1:"10",x2:"10",y1:"2",y2:"4"}),l("line",{x1:"14",x2:"14",y1:"2",y2:"4"})])])])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"icon-black")]),l("td",null,[l("div",{class:"pt-1 px-1 fit-content"},[l("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-coffee icon-black"},[l("path",{d:"M17 8h1a4 4 0 1 1 0 8h-1"}),l("path",{d:"M3 8h14v9a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4Z"}),l("line",{x1:"6",x2:"6",y1:"2",y2:"4"}),l("line",{x1:"10",x2:"10",y1:"2",y2:"4"}),l("line",{x1:"14",x2:"14",y1:"2",y2:"4"})])])])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"icon-white")]),l("td",null,[l("div",{class:"bg-black pt-1 px-1 fit-content"},[l("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round",class:"lucide lucide-coffee icon-white"},[l("path",{d:"M17 8h1a4 4 0 1 1 0 8h-1"}),l("path",{d:"M3 8h14v9a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4Z"}),l("line",{x1:"6",x2:"6",y1:"2",y2:"4"}),l("line",{x1:"10",x2:"10",y1:"2",y2:"4"}),l("line",{x1:"14",x2:"14",y1:"2",y2:"4"})])])])])])])])],-1),u={__name:"icons",setup(a){return(c,r)=>(i(),n(t,{class:"column gap-5"},{default:o(()=>[s]),_:1}))}};export{u as default}; diff --git a/docs/assets/index-XJ9hR5Zx.js b/docs/assets/index-MrMeaCDt.js similarity index 81% rename from docs/assets/index-XJ9hR5Zx.js rename to docs/assets/index-MrMeaCDt.js index ec7ff1d..e4d3b97 100644 --- a/docs/assets/index-XJ9hR5Zx.js +++ b/docs/assets/index-MrMeaCDt.js @@ -1 +1 @@ -import{C as t}from"./Card-O6cB90BV.js";import{h as o,w as a,o as n,d as e}from"./index-B1ANj5xS.js";const l=e("section",null,[e("h1",null,"Welcome!"),e("p",null," I have written these vanilla webcomponents to help with getting basic website and webapplication functionality with ease without any framework. ")],-1),s=e("section",null,[e("h2",null,"Goal"),e("p",null," My goal is to make the life of fullstack webapplication developers easier by providing a lot of things out-of-the-box so they can focus on the business logic and add value instantly. ")],-1),p={__name:"index",setup(i){return(c,r)=>(n(),o(t,{class:"column gap-5"},{default:a(()=>[l,s]),_:1}))}};export{p as default}; +import{C as t}from"./Card-7lCztz2-.js";import{h as o,w as a,o as n,d as e}from"./index-x0UhD0bb.js";const l=e("section",null,[e("h1",null,"Welcome!"),e("p",null," I have written these vanilla webcomponents to help with getting basic website and webapplication functionality with ease without any framework. ")],-1),s=e("section",null,[e("h2",null,"Goal"),e("p",null," My goal is to make the life of fullstack webapplication developers easier by providing a lot of things out-of-the-box so they can focus on the business logic and add value instantly. ")],-1),p={__name:"index",setup(i){return(c,r)=>(n(),o(t,{class:"column gap-5"},{default:a(()=>[l,s]),_:1}))}};export{p as default}; diff --git a/docs/assets/index-4TcDl_y8.js b/docs/assets/index-WEITFn8s.js similarity index 88% rename from docs/assets/index-4TcDl_y8.js rename to docs/assets/index-WEITFn8s.js index 93d5183..7079363 100644 --- a/docs/assets/index-4TcDl_y8.js +++ b/docs/assets/index-WEITFn8s.js @@ -1 +1 @@ -import{C as o}from"./Card-O6cB90BV.js";import{h as s,w as l,o as n,d as e}from"./index-B1ANj5xS.js";const t=e("section",null,[e("h1",null,"Welcome!"),e("p",null," I have written this style system so you can quickly make any webpage look consistent and good without having an overkill on features. Keeping its footprint low. And I separated theming. Which means colors, borders, box-shadows, fonts and the like can be adjusted super easy. ")],-1),a=e("section",null,[e("h2",null,"Features"),e("ul",null,[e("li",null,"Out-of-the-box responsive, using flex-box"),e("li",null,"Based on Microsoft Fluent Design."),e("li",null,"Allows for easy theming."),e("li",null,"Built with Less, so you can easily run and modify inside a webbrowser.")])],-1),i=e("section",null,[e("h2",null,"Goal"),e("p",null," My goal is to make the life of fullstack webapplication developers easier by providing a lot of things out-of-the-box so they can focus on the business logic and add value instantly. ")],-1),p={__name:"index",setup(u){return(r,c)=>(n(),s(o,{class:"column gap-5"},{default:l(()=>[t,a,i]),_:1}))}};export{p as default}; +import{C as o}from"./Card-7lCztz2-.js";import{h as s,w as l,o as n,d as e}from"./index-x0UhD0bb.js";const t=e("section",null,[e("h1",null,"Welcome!"),e("p",null," I have written this style system so you can quickly make any webpage look consistent and good without having an overkill on features. Keeping its footprint low. And I separated theming. Which means colors, borders, box-shadows, fonts and the like can be adjusted super easy. ")],-1),a=e("section",null,[e("h2",null,"Features"),e("ul",null,[e("li",null,"Out-of-the-box responsive, using flex-box"),e("li",null,"Based on Microsoft Fluent Design."),e("li",null,"Allows for easy theming."),e("li",null,"Built with Less, so you can easily run and modify inside a webbrowser.")])],-1),i=e("section",null,[e("h2",null,"Goal"),e("p",null," My goal is to make the life of fullstack webapplication developers easier by providing a lot of things out-of-the-box so they can focus on the business logic and add value instantly. ")],-1),p={__name:"index",setup(u){return(r,c)=>(n(),s(o,{class:"column gap-5"},{default:l(()=>[t,a,i]),_:1}))}};export{p as default}; diff --git a/docs/assets/index-B1ANj5xS.js b/docs/assets/index-x0UhD0bb.js similarity index 97% rename from docs/assets/index-B1ANj5xS.js rename to docs/assets/index-x0UhD0bb.js index 24ea498..9f0cbbb 100644 --- a/docs/assets/index-B1ANj5xS.js +++ b/docs/assets/index-x0UhD0bb.js @@ -23,10 +23,10 @@ * vue-router v4.2.5 * (c) 2023 Eduardo San Martin Morote * @license MIT - */const pt=typeof window<"u";function sc(e){return e.__esModule||e[Symbol.toStringTag]==="Module"}const Q=Object.assign;function In(e,t){const n={};for(const s in t){const r=t[s];n[s]=Ne(r)?r.map(e):e(r)}return n}const Lt=()=>{},Ne=Array.isArray,rc=/\/$/,oc=e=>e.replace(rc,"");function Tn(e,t,n="/"){let s,r={},o="",i="";const a=t.indexOf("#");let c=t.indexOf("?");return a=0&&(c=-1),c>-1&&(s=t.slice(0,c),o=t.slice(c+1,a>-1?a:t.length),r=e(o)),a>-1&&(s=s||t.slice(0,a),i=t.slice(a,t.length)),s=ac(s??t,n),{fullPath:s+(o&&"?")+o+i,path:s,query:r,hash:i}}function ic(e,t){const n=t.query?e(t.query):"";return t.path+(n&&"?")+n+(t.hash||"")}function nr(e,t){return!t||!e.toLowerCase().startsWith(t.toLowerCase())?e:e.slice(t.length)||"/"}function lc(e,t,n){const s=t.matched.length-1,r=n.matched.length-1;return s>-1&&s===r&&At(t.matched[s],n.matched[r])&&xo(t.params,n.params)&&e(t.query)===e(n.query)&&t.hash===n.hash}function At(e,t){return(e.aliasOf||e)===(t.aliasOf||t)}function xo(e,t){if(Object.keys(e).length!==Object.keys(t).length)return!1;for(const n in e)if(!cc(e[n],t[n]))return!1;return!0}function cc(e,t){return Ne(e)?sr(e,t):Ne(t)?sr(t,e):e===t}function sr(e,t){return Ne(t)?e.length===t.length&&e.every((n,s)=>n===t[s]):e.length===1&&e[0]===t}function ac(e,t){if(e.startsWith("/"))return e;if(!e)return t;const n=t.split("/"),s=e.split("/"),r=s[s.length-1];(r===".."||r===".")&&s.push("");let o=n.length-1,i,a;for(i=0;i1&&o--;else break;return n.slice(0,o).join("/")+"/"+s.slice(i-(i===s.length?1:0)).join("/")}var Vt;(function(e){e.pop="pop",e.push="push"})(Vt||(Vt={}));var Mt;(function(e){e.back="back",e.forward="forward",e.unknown=""})(Mt||(Mt={}));function uc(e){if(!e)if(pt){const t=document.querySelector("base");e=t&&t.getAttribute("href")||"/",e=e.replace(/^\w+:\/\/[^\/]+/,"")}else e="/";return e[0]!=="/"&&e[0]!=="#"&&(e="/"+e),oc(e)}const fc=/^[^#]+#/;function dc(e,t){return e.replace(fc,"#")+t}function hc(e,t){const n=document.documentElement.getBoundingClientRect(),s=e.getBoundingClientRect();return{behavior:t.behavior,left:s.left-n.left-(t.left||0),top:s.top-n.top-(t.top||0)}}const En=()=>({left:window.pageXOffset,top:window.pageYOffset});function pc(e){let t;if("el"in e){const n=e.el,s=typeof n=="string"&&n.startsWith("#"),r=typeof n=="string"?s?document.getElementById(n.slice(1)):document.querySelector(n):n;if(!r)return;t=hc(r,e)}else t=e;"scrollBehavior"in document.documentElement.style?window.scrollTo(t):window.scrollTo(t.left!=null?t.left:window.pageXOffset,t.top!=null?t.top:window.pageYOffset)}function rr(e,t){return(history.state?history.state.position-t:-1)+e}const Gn=new Map;function gc(e,t){Gn.set(e,t)}function mc(e){const t=Gn.get(e);return Gn.delete(e),t}let _c=()=>location.protocol+"//"+location.host;function wo(e,t){const{pathname:n,search:s,hash:r}=t,o=e.indexOf("#");if(o>-1){let a=r.includes(e.slice(o))?e.slice(o).length:1,c=r.slice(a);return c[0]!=="/"&&(c="/"+c),nr(c,"")}return nr(n,e)+s+r}function vc(e,t,n,s){let r=[],o=[],i=null;const a=({state:g})=>{const h=wo(e,location),m=n.value,E=t.value;let x=0;if(g){if(n.value=h,t.value=g,i&&i===m){i=null;return}x=E?g.position-E.position:0}else s(h);r.forEach(v=>{v(n.value,m,{delta:x,type:Vt.pop,direction:x?x>0?Mt.forward:Mt.back:Mt.unknown})})};function c(){i=n.value}function d(g){r.push(g);const h=()=>{const m=r.indexOf(g);m>-1&&r.splice(m,1)};return o.push(h),h}function f(){const{history:g}=window;g.state&&g.replaceState(Q({},g.state,{scroll:En()}),"")}function p(){for(const g of o)g();o=[],window.removeEventListener("popstate",a),window.removeEventListener("beforeunload",f)}return window.addEventListener("popstate",a),window.addEventListener("beforeunload",f,{passive:!0}),{pauseListeners:c,listen:d,destroy:p}}function or(e,t,n,s=!1,r=!1){return{back:e,current:t,forward:n,replaced:s,position:window.history.length,scroll:r?En():null}}function yc(e){const{history:t,location:n}=window,s={value:wo(e,n)},r={value:t.state};r.value||o(s.value,{back:null,current:s.value,forward:null,position:t.length-1,replaced:!0,scroll:null},!0);function o(c,d,f){const p=e.indexOf("#"),g=p>-1?(n.host&&document.querySelector("base")?e:e.slice(p))+c:_c()+e+c;try{t[f?"replaceState":"pushState"](d,"",g),r.value=d}catch(h){console.error(h),n[f?"replace":"assign"](g)}}function i(c,d){const f=Q({},t.state,or(r.value.back,c,r.value.forward,!0),d,{position:r.value.position});o(c,f,!0),s.value=c}function a(c,d){const f=Q({},r.value,t.state,{forward:c,scroll:En()});o(f.current,f,!0);const p=Q({},or(s.value,c,null),{position:f.position+1},d);o(c,p,!1),s.value=c}return{location:s,state:r,push:a,replace:i}}function bc(e){e=uc(e);const t=yc(e),n=vc(e,t.state,t.location,t.replace);function s(o,i=!0){i||n.pauseListeners(),history.go(o)}const r=Q({location:"",base:e,go:s,createHref:dc.bind(null,e)},t,n);return Object.defineProperty(r,"location",{enumerable:!0,get:()=>t.location.value}),Object.defineProperty(r,"state",{enumerable:!0,get:()=>t.state.value}),r}function Ec(e){return e=location.host?e||location.pathname+location.search:"",e.includes("#")||(e+="#"),bc(e)}function xc(e){return typeof e=="string"||e&&typeof e=="object"}function Ao(e){return typeof e=="string"||typeof e=="symbol"}const Je={path:"/",name:void 0,params:{},query:{},hash:"",fullPath:"/",matched:[],meta:{},redirectedFrom:void 0},Ro=Symbol("");var ir;(function(e){e[e.aborted=4]="aborted",e[e.cancelled=8]="cancelled",e[e.duplicated=16]="duplicated"})(ir||(ir={}));function Rt(e,t){return Q(new Error,{type:e,[Ro]:!0},t)}function Ke(e,t){return e instanceof Error&&Ro in e&&(t==null||!!(e.type&t))}const lr="[^/]+?",wc={sensitive:!1,strict:!1,start:!0,end:!0},Ac=/[.+*?^${}()[\]/\\]/g;function Rc(e,t){const n=Q({},wc,t),s=[];let r=n.start?"^":"";const o=[];for(const d of e){const f=d.length?[]:[90];n.strict&&!d.length&&(r+="/");for(let p=0;pt.length?t.length===1&&t[0]===80?1:-1:0}function Sc(e,t){let n=0;const s=e.score,r=t.score;for(;n0&&t[t.length-1]<0}const Oc={type:0,value:""},Cc=/[a-zA-Z0-9_]/;function Fc(e){if(!e)return[[]];if(e==="/")return[[Oc]];if(!e.startsWith("/"))throw new Error(`Invalid path "${e}"`);function t(h){throw new Error(`ERR (${n})/"${d}": ${h}`)}let n=0,s=n;const r=[];let o;function i(){o&&r.push(o),o=[]}let a=0,c,d="",f="";function p(){d&&(n===0?o.push({type:0,value:d}):n===1||n===2||n===3?(o.length>1&&(c==="*"||c==="+")&&t(`A repeatable param (${d}) must be alone in its segment. eg: '/:ids+.`),o.push({type:1,value:d,regexp:f,repeatable:c==="*"||c==="+",optional:c==="*"||c==="?"})):t("Invalid state to consume buffer"),d="")}function g(){d+=c}for(;a{i(O)}:Lt}function i(f){if(Ao(f)){const p=s.get(f);p&&(s.delete(f),n.splice(n.indexOf(p),1),p.children.forEach(i),p.alias.forEach(i))}else{const p=n.indexOf(f);p>-1&&(n.splice(p,1),f.record.name&&s.delete(f.record.name),f.children.forEach(i),f.alias.forEach(i))}}function a(){return n}function c(f){let p=0;for(;p=0&&(f.record.path!==n[p].record.path||!Po(f,n[p]));)p++;n.splice(p,0,f),f.record.name&&!ur(f)&&s.set(f.record.name,f)}function d(f,p){let g,h={},m,E;if("name"in f&&f.name){if(g=s.get(f.name),!g)throw Rt(1,{location:f});E=g.record.name,h=Q(ar(p.params,g.keys.filter(O=>!O.optional).map(O=>O.name)),f.params&&ar(f.params,g.keys.map(O=>O.name))),m=g.stringify(h)}else if("path"in f)m=f.path,g=n.find(O=>O.re.test(m)),g&&(h=g.parse(m),E=g.record.name);else{if(g=p.name?s.get(p.name):n.find(O=>O.re.test(p.path)),!g)throw Rt(1,{location:f,currentLocation:p});E=g.record.name,h=Q({},p.params,f.params),m=g.stringify(h)}const x=[];let v=g;for(;v;)x.unshift(v.record),v=v.parent;return{name:E,path:m,params:h,matched:x,meta:Lc(x)}}return e.forEach(f=>o(f)),{addRoute:o,resolve:d,removeRoute:i,getRoutes:a,getRecordMatcher:r}}function ar(e,t){const n={};for(const s of t)s in e&&(n[s]=e[s]);return n}function kc(e){return{path:e.path,redirect:e.redirect,name:e.name,meta:e.meta||{},aliasOf:void 0,beforeEnter:e.beforeEnter,props:$c(e),children:e.children||[],instances:{},leaveGuards:new Set,updateGuards:new Set,enterCallbacks:{},components:"components"in e?e.components||null:e.component&&{default:e.component}}}function $c(e){const t={},n=e.props||!1;if("component"in e)t.default=n;else for(const s in e.components)t[s]=typeof n=="object"?n[s]:n;return t}function ur(e){for(;e;){if(e.record.aliasOf)return!0;e=e.parent}return!1}function Lc(e){return e.reduce((t,n)=>Q(t,n.meta),{})}function fr(e,t){const n={};for(const s in e)n[s]=s in t?t[s]:e[s];return n}function Po(e,t){return t.children.some(n=>n===e||Po(e,n))}const So=/#/g,Mc=/&/g,jc=/\//g,Nc=/=/g,Dc=/\?/g,Oo=/\+/g,Hc=/%5B/g,Vc=/%5D/g,Co=/%5E/g,Bc=/%60/g,Fo=/%7B/g,Uc=/%7C/g,Io=/%7D/g,Kc=/%20/g;function ys(e){return encodeURI(""+e).replace(Uc,"|").replace(Hc,"[").replace(Vc,"]")}function zc(e){return ys(e).replace(Fo,"{").replace(Io,"}").replace(Co,"^")}function Yn(e){return ys(e).replace(Oo,"%2B").replace(Kc,"+").replace(So,"%23").replace(Mc,"%26").replace(Bc,"`").replace(Fo,"{").replace(Io,"}").replace(Co,"^")}function Wc(e){return Yn(e).replace(Nc,"%3D")}function qc(e){return ys(e).replace(So,"%23").replace(Dc,"%3F")}function Gc(e){return e==null?"":qc(e).replace(jc,"%2F")}function cn(e){try{return decodeURIComponent(""+e)}catch{}return""+e}function Yc(e){const t={};if(e===""||e==="?")return t;const s=(e[0]==="?"?e.slice(1):e).split("&");for(let r=0;ro&&Yn(o)):[s&&Yn(s)]).forEach(o=>{o!==void 0&&(t+=(t.length?"&":"")+n,o!=null&&(t+="="+o))})}return t}function Zc(e){const t={};for(const n in e){const s=e[n];s!==void 0&&(t[n]=Ne(s)?s.map(r=>r==null?null:""+r):s==null?s:""+s)}return t}const Qc=Symbol(""),hr=Symbol(""),bs=Symbol(""),To=Symbol(""),Zn=Symbol("");function Ft(){let e=[];function t(s){return e.push(s),()=>{const r=e.indexOf(s);r>-1&&e.splice(r,1)}}function n(){e=[]}return{add:t,list:()=>e.slice(),reset:n}}function nt(e,t,n,s,r){const o=s&&(s.enterCallbacks[r]=s.enterCallbacks[r]||[]);return()=>new Promise((i,a)=>{const c=p=>{p===!1?a(Rt(4,{from:n,to:t})):p instanceof Error?a(p):xc(p)?a(Rt(2,{from:t,to:p})):(o&&s.enterCallbacks[r]===o&&typeof p=="function"&&o.push(p),i())},d=e.call(s&&s.instances[r],t,n,c);let f=Promise.resolve(d);e.length<3&&(f=f.then(c)),f.catch(p=>a(p))})}function kn(e,t,n,s){const r=[];for(const o of e)for(const i in o.components){let a=o.components[i];if(!(t!=="beforeRouteEnter"&&!o.instances[i]))if(Jc(a)){const d=(a.__vccOpts||a)[t];d&&r.push(nt(d,n,s,o,i))}else{let c=a();r.push(()=>c.then(d=>{if(!d)return Promise.reject(new Error(`Couldn't resolve component "${i}" at "${o.path}"`));const f=sc(d)?d.default:d;o.components[i]=f;const g=(f.__vccOpts||f)[t];return g&&nt(g,n,s,o,i)()}))}}return r}function Jc(e){return typeof e=="object"||"displayName"in e||"props"in e||"__vccOpts"in e}function pr(e){const t=qe(bs),n=qe(To),s=Le(()=>t.resolve(We(e.to))),r=Le(()=>{const{matched:c}=s.value,{length:d}=c,f=c[d-1],p=n.matched;if(!f||!p.length)return-1;const g=p.findIndex(At.bind(null,f));if(g>-1)return g;const h=gr(c[d-2]);return d>1&&gr(f)===h&&p[p.length-1].path!==h?p.findIndex(At.bind(null,c[d-2])):g}),o=Le(()=>r.value>-1&&ta(n.params,s.value.params)),i=Le(()=>r.value>-1&&r.value===n.matched.length-1&&xo(n.params,s.value.params));function a(c={}){return ea(c)?t[We(e.replace)?"replace":"push"](We(e.to)).catch(Lt):Promise.resolve()}return{route:s,href:Le(()=>s.value.href),isActive:o,isExactActive:i,navigate:a}}const Xc=to({name:"RouterLink",compatConfig:{MODE:3},props:{to:{type:[String,Object],required:!0},replace:Boolean,activeClass:String,exactActiveClass:String,custom:Boolean,ariaCurrentValue:{type:String,default:"page"}},useLink:pr,setup(e,{slots:t}){const n=hn(pr(e)),{options:s}=qe(bs),r=Le(()=>({[mr(e.activeClass,s.linkActiveClass,"router-link-active")]:n.isActive,[mr(e.exactActiveClass,s.linkExactActiveClass,"router-link-exact-active")]:n.isExactActive}));return()=>{const o=t.default&&t.default(n);return e.custom?o:Eo("a",{"aria-current":n.isExactActive?e.ariaCurrentValue:null,href:n.href,onClick:n.navigate,class:r.value},o)}}}),Qn=Xc;function ea(e){if(!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)&&!e.defaultPrevented&&!(e.button!==void 0&&e.button!==0)){if(e.currentTarget&&e.currentTarget.getAttribute){const t=e.currentTarget.getAttribute("target");if(/\b_blank\b/i.test(t))return}return e.preventDefault&&e.preventDefault(),!0}}function ta(e,t){for(const n in t){const s=t[n],r=e[n];if(typeof s=="string"){if(s!==r)return!1}else if(!Ne(r)||r.length!==s.length||s.some((o,i)=>o!==r[i]))return!1}return!0}function gr(e){return e?e.aliasOf?e.aliasOf.path:e.path:""}const mr=(e,t,n)=>e??t??n,na=to({name:"RouterView",inheritAttrs:!1,props:{name:{type:String,default:"default"},route:Object},compatConfig:{MODE:3},setup(e,{attrs:t,slots:n}){const s=qe(Zn),r=Le(()=>e.route||s.value),o=qe(hr,0),i=Le(()=>{let d=We(o);const{matched:f}=r.value;let p;for(;(p=f[d])&&!p.components;)d++;return d}),a=Le(()=>r.value.matched[i.value]);Jt(hr,Le(()=>i.value+1)),Jt(Qc,a),Jt(Zn,r);const c=Kr();return Qt(()=>[c.value,a.value,e.name],([d,f,p],[g,h,m])=>{f&&(f.instances[p]=d,h&&h!==f&&d&&d===g&&(f.leaveGuards.size||(f.leaveGuards=h.leaveGuards),f.updateGuards.size||(f.updateGuards=h.updateGuards))),d&&f&&(!h||!At(f,h)||!g)&&(f.enterCallbacks[p]||[]).forEach(E=>E(d))},{flush:"post"}),()=>{const d=r.value,f=e.name,p=a.value,g=p&&p.components[f];if(!g)return _r(n.default,{Component:g,route:d});const h=p.props[f],m=h?h===!0?d.params:typeof h=="function"?h(d):h:null,x=Eo(g,Q({},m,t,{onVnodeUnmounted:v=>{v.component.isUnmounted&&(p.instances[f]=null)},ref:c}));return _r(n.default,{Component:x,route:d})||x}}});function _r(e,t){if(!e)return null;const n=e(t);return n.length===1?n[0]:n}const ko=na;function sa(e){const t=Tc(e.routes,e),n=e.parseQuery||Yc,s=e.stringifyQuery||dr,r=e.history,o=Ft(),i=Ft(),a=Ft(),c=mi(Je);let d=Je;pt&&e.scrollBehavior&&"scrollRestoration"in history&&(history.scrollRestoration="manual");const f=In.bind(null,y=>""+y),p=In.bind(null,Gc),g=In.bind(null,cn);function h(y,T){let F,L;return Ao(y)?(F=t.getRecordMatcher(y),L=T):L=y,t.addRoute(L,F)}function m(y){const T=t.getRecordMatcher(y);T&&t.removeRoute(T)}function E(){return t.getRoutes().map(y=>y.record)}function x(y){return!!t.getRecordMatcher(y)}function v(y,T){if(T=Q({},T||c.value),typeof y=="string"){const u=Tn(n,y,T.path),_=t.resolve({path:u.path},T),w=r.createHref(u.fullPath);return Q(u,_,{params:g(_.params),hash:cn(u.hash),redirectedFrom:void 0,href:w})}let F;if("path"in y)F=Q({},y,{path:Tn(n,y.path,T.path).path});else{const u=Q({},y.params);for(const _ in u)u[_]==null&&delete u[_];F=Q({},y,{params:p(u)}),T.params=p(T.params)}const L=t.resolve(F,T),z=y.hash||"";L.params=f(g(L.params));const Z=ic(s,Q({},y,{hash:zc(z),path:L.path})),l=r.createHref(Z);return Q({fullPath:Z,hash:z,query:s===dr?Zc(y.query):y.query||{}},L,{redirectedFrom:void 0,href:l})}function O(y){return typeof y=="string"?Tn(n,y,c.value.path):Q({},y)}function R(y,T){if(d!==y)return Rt(8,{from:T,to:y})}function $(y){return ce(y)}function U(y){return $(Q(O(y),{replace:!0}))}function N(y){const T=y.matched[y.matched.length-1];if(T&&T.redirect){const{redirect:F}=T;let L=typeof F=="function"?F(y):F;return typeof L=="string"&&(L=L.includes("?")||L.includes("#")?L=O(L):{path:L},L.params={}),Q({query:y.query,hash:y.hash,params:"path"in L?{}:y.params},L)}}function ce(y,T){const F=d=v(y),L=c.value,z=y.state,Z=y.force,l=y.replace===!0,u=N(F);if(u)return ce(Q(O(u),{state:typeof u=="object"?Q({},z,u.state):z,force:Z,replace:l}),T||F);const _=F;_.redirectedFrom=T;let w;return!Z&&lc(s,L,F)&&(w=Rt(16,{to:_,from:L}),pe(L,L,!0,!1)),(w?Promise.resolve(w):he(_,L)).catch(b=>Ke(b)?Ke(b,2)?b:ae(b):W(b,_,L)).then(b=>{if(b){if(Ke(b,2))return ce(Q({replace:l},O(b.to),{state:typeof b.to=="object"?Q({},z,b.to.state):z,force:Z}),T||_)}else b=ue(_,L,!0,l,z);return be(_,L,b),b})}function re(y,T){const F=R(y,T);return F?Promise.reject(F):Promise.resolve()}function Re(y){const T=Ze.values().next().value;return T&&typeof T.runWithContext=="function"?T.runWithContext(y):y()}function he(y,T){let F;const[L,z,Z]=ra(y,T);F=kn(L.reverse(),"beforeRouteLeave",y,T);for(const u of L)u.leaveGuards.forEach(_=>{F.push(nt(_,y,T))});const l=re.bind(null,y,T);return F.push(l),ie(F).then(()=>{F=[];for(const u of o.list())F.push(nt(u,y,T));return F.push(l),ie(F)}).then(()=>{F=kn(z,"beforeRouteUpdate",y,T);for(const u of z)u.updateGuards.forEach(_=>{F.push(nt(_,y,T))});return F.push(l),ie(F)}).then(()=>{F=[];for(const u of Z)if(u.beforeEnter)if(Ne(u.beforeEnter))for(const _ of u.beforeEnter)F.push(nt(_,y,T));else F.push(nt(u.beforeEnter,y,T));return F.push(l),ie(F)}).then(()=>(y.matched.forEach(u=>u.enterCallbacks={}),F=kn(Z,"beforeRouteEnter",y,T),F.push(l),ie(F))).then(()=>{F=[];for(const u of i.list())F.push(nt(u,y,T));return F.push(l),ie(F)}).catch(u=>Ke(u,8)?u:Promise.reject(u))}function be(y,T,F){a.list().forEach(L=>Re(()=>L(y,T,F)))}function ue(y,T,F,L,z){const Z=R(y,T);if(Z)return Z;const l=T===Je,u=pt?history.state:{};F&&(L||l?r.replace(y.fullPath,Q({scroll:l&&u&&u.scroll},z)):r.push(y.fullPath,z)),c.value=y,pe(y,T,F,l),ae()}let Pe;function Ye(){Pe||(Pe=r.listen((y,T,F)=>{if(!Se.listening)return;const L=v(y),z=N(L);if(z){ce(Q(z,{replace:!0}),L).catch(Lt);return}d=L;const Z=c.value;pt&&gc(rr(Z.fullPath,F.delta),En()),he(L,Z).catch(l=>Ke(l,12)?l:Ke(l,2)?(ce(l.to,L).then(u=>{Ke(u,20)&&!F.delta&&F.type===Vt.pop&&r.go(-1,!1)}).catch(Lt),Promise.reject()):(F.delta&&r.go(-F.delta,!1),W(l,L,Z))).then(l=>{l=l||ue(L,Z,!1),l&&(F.delta&&!Ke(l,8)?r.go(-F.delta,!1):F.type===Vt.pop&&Ke(l,20)&&r.go(-1,!1)),be(L,Z,l)}).catch(Lt)}))}let Ue=Ft(),le=Ft(),Y;function W(y,T,F){ae(y);const L=le.list();return L.length?L.forEach(z=>z(y,T,F)):console.error(y),Promise.reject(y)}function X(){return Y&&c.value!==Je?Promise.resolve():new Promise((y,T)=>{Ue.add([y,T])})}function ae(y){return Y||(Y=!y,Ye(),Ue.list().forEach(([T,F])=>y?F(y):T()),Ue.reset()),y}function pe(y,T,F,L){const{scrollBehavior:z}=e;if(!pt||!z)return Promise.resolve();const Z=!F&&mc(rr(y.fullPath,0))||(L||!F)&&history.state&&history.state.scroll||null;return Gr().then(()=>z(y,T,Z)).then(l=>l&&pc(l)).catch(l=>W(l,y,T))}const ee=y=>r.go(y);let Ie;const Ze=new Set,Se={currentRoute:c,listening:!0,addRoute:h,removeRoute:m,hasRoute:x,getRoutes:E,resolve:v,options:e,push:$,replace:U,go:ee,back:()=>ee(-1),forward:()=>ee(1),beforeEach:o.add,beforeResolve:i.add,afterEach:a.add,onError:le.add,isReady:X,install(y){const T=this;y.component("RouterLink",Qn),y.component("RouterView",ko),y.config.globalProperties.$router=T,Object.defineProperty(y.config.globalProperties,"$route",{enumerable:!0,get:()=>We(c)}),pt&&!Ie&&c.value===Je&&(Ie=!0,$(r.location).catch(z=>{}));const F={};for(const z in Je)Object.defineProperty(F,z,{get:()=>c.value[z],enumerable:!0});y.provide(bs,T),y.provide(To,Dr(F)),y.provide(Zn,c);const L=y.unmount;Ze.add(y),y.unmount=function(){Ze.delete(y),Ze.size<1&&(d=Je,Pe&&Pe(),Pe=null,c.value=Je,Ie=!1,Y=!1),L()}}};function ie(y){return y.reduce((T,F)=>T.then(()=>Re(F)),Promise.resolve())}return Se}function ra(e,t){const n=[],s=[],r=[],o=Math.max(t.matched.length,e.matched.length);for(let i=0;iAt(d,a))?s.push(a):n.push(a));const c=e.matched[i];c&&(t.matched.find(d=>At(d,c))||r.push(c))}return[n,s,r]}const oa={__name:"App",setup(e){return(t,n)=>(ms(),_o(We(ko)))}},ia="modulepreload",la=function(e){return"/Ibiss/"+e},vr={},ne=function(t,n,s){let r=Promise.resolve();if(n&&n.length>0){const o=document.getElementsByTagName("link");r=Promise.all(n.map(i=>{if(i=la(i),i in vr)return;vr[i]=!0;const a=i.endsWith(".css"),c=a?'[rel="stylesheet"]':"";if(!!s)for(let p=o.length-1;p>=0;p--){const g=o[p];if(g.href===i&&(!a||g.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${i}"]${c}`))return;const f=document.createElement("link");if(f.rel=a?"stylesheet":ia,a||(f.as="script",f.crossOrigin=""),f.href=i,document.head.appendChild(f),a)return new Promise((p,g)=>{f.addEventListener("load",p),f.addEventListener("error",()=>g(new Error(`Unable to preload CSS for ${i}`)))})}))}return r.then(()=>t()).catch(o=>{const i=new Event("vite:preloadError",{cancelable:!0});if(i.payload=o,window.dispatchEvent(i),!i.defaultPrevented)throw o})},ca="/Ibiss/ibiss.svg",aa="/Ibiss/aviancss.svg",ua="/Ibiss/flightkit.svg",fa=(e,t)=>{const n=e.__vccOpts||e;for(const[s,r]of t)n[s]=r;return n},Ut=e=>(Ri("data-v-177a07dd"),e=e(),Pi(),e),da={class:"index column"},ha=Ut(()=>Fe("header",{class:"p-5 row align-center gap-5 border-bottom bg-white"},[Fe("img",{src:ca,class:"ibiss-logo"}),Fe("h1",null,"Ibiss UI Documentation")],-1)),pa={class:"card-row row justify-center align-center gap-5"},ga={class:"card shadow"},ma=Ut(()=>Fe("img",{src:aa,class:"avian-logo"},null,-1)),_a=Ut(()=>Fe("span",{class:"normal"},"Go to Avian CSS",-1)),va={class:"card shadow"},ya=Ut(()=>Fe("img",{src:ua,class:"flightkit-logo"},null,-1)),ba=Ut(()=>Fe("span",{class:"normal"},"Go to Flightkit Components",-1)),Ea={__name:"HomeView",setup(e){return(t,n)=>(ms(),pl("main",da,[ha,Fe("section",pa,[Fe("div",ga,[ye(We(Qn),{to:"/aviancss",class:"link-card column align-center justify-around"},{default:Hn(()=>[ma,_a]),_:1})]),Fe("div",va,[ye(We(Qn),{to:"/flightkit",class:"link-card column align-center justify-around p-2"},{default:Hn(()=>[ya,ba]),_:1})])])]))}},xa=fa(Ea,[["__scopeId","data-v-177a07dd"]]),wa=sa({history:Ec(),routes:[{path:"/",name:"home",component:xa},{path:"/aviancss",name:"aviancss",component:()=>ne(()=>import("./AvianCss-SXzDdIuW.js"),__vite__mapDeps([0,1])),children:[{path:"",name:"avian-index",component:()=>ne(()=>import("./index-4TcDl_y8.js"),__vite__mapDeps([2,3,4]))},{path:"/typography",name:"avian-typography",component:()=>ne(()=>import("./typography-KlRrey_2.js"),__vite__mapDeps([5,3,4]))},{path:"/variables",name:"avian-variables",component:()=>ne(()=>import("./variables-_8rwhwpx.js"),__vite__mapDeps([6,3,4]))},{path:"/buttons",name:"avian-buttons",component:()=>ne(()=>import("./buttons-trsmkhi1.js"),__vite__mapDeps([7,3,4,8]))},{path:"/links",name:"avian-links",component:()=>ne(()=>import("./links-9Iy10jTj.js"),__vite__mapDeps([9,3,4,10]))},{path:"/inputs",name:"avian-inputs",component:()=>ne(()=>import("./inputs-e6fe3sFP.js"),__vite__mapDeps([11,3,4,12]))},{path:"/responsive",name:"avian-responsive",component:()=>ne(()=>import("./responsive-9fu02vhL.js"),__vite__mapDeps([13,3,4]))},{path:"/display-utilities",name:"avian-display-utilities",component:()=>ne(()=>import("./display-utilities-CVlYkG1w.js"),__vite__mapDeps([14,3,4]))},{path:"/flex",name:"avian-flex",component:()=>ne(()=>import("./flex-oH1ff5TY.js"),__vite__mapDeps([15,3,4]))},{path:"/table",name:"avian-table",component:()=>ne(()=>import("./table-_XPk5mFt.js"),__vite__mapDeps([16,3,4,17]))},{path:"/margins-paddings",name:"avian-margins-paddings",component:()=>ne(()=>import("./margins-paddings-tK9djHG5.js"),__vite__mapDeps([18,3,4]))},{path:"/icons",name:"avian-icons",component:()=>ne(()=>import("./icons-OZ1EFZq2.js"),__vite__mapDeps([19,3,4]))},{path:"/colors",name:"avian-colors",component:()=>ne(()=>import("./colors-IomgYviR.js"),__vite__mapDeps([20,3,4]))},{path:"/borders",name:"avian-borders",component:()=>ne(()=>import("./borders-oayiK2ql.js"),__vite__mapDeps([21,3,4]))},{path:"/shadows",name:"avian-shadows",component:()=>ne(()=>import("./shadows-9f5C0k5G.js"),__vite__mapDeps([22,3,4]))},{path:"/cursors",name:"avian-cursors",component:()=>ne(()=>import("./cursors-SxTUwNS9.js"),__vite__mapDeps([23,3,4]))}]},{path:"/flightkit",name:"flightkit",component:()=>ne(()=>import("./Flightkit-NtHPiKsD.js"),__vite__mapDeps([24,25])),children:[{path:"",name:"flightkit-index",component:()=>ne(()=>import("./index-XJ9hR5Zx.js"),__vite__mapDeps([26,3,4]))},{path:"/flightkit-table",name:"flightkit-table",component:()=>ne(()=>import("./flightkit-table-pjIatwoT.js"),__vite__mapDeps([27,3,4]))},{path:"/flightkit-draggable",name:"flightkit-draggable",component:()=>ne(()=>import("./flightkit-draggable-dnj2Xwrg.js"),__vite__mapDeps([28,3,4]))},{path:"/flightkit-modal",name:"flightkit-modal",component:()=>ne(()=>import("./flightkit-modal-xY2CrnXn.js"),__vite__mapDeps([29,3,4]))},{path:"/flightkit-dropdown",name:"flightkit-dropdown",component:()=>ne(()=>import("./flightkit-dropdown-rb0kSm4t.js"),__vite__mapDeps([30,3,4]))},{path:"/flightkit-tree-nav",name:"flightkit-tree-nav",component:()=>ne(()=>import("./flightkit-tree-nav-c33kPbhH.js"),__vite__mapDeps([31,3,4]))}]}]}),Es=Ql(oa);Es.use(nc());Es.use(wa);Es.mount("#app");export{Qn as R,fa as _,ye as a,_l as b,pl as c,Fe as d,Pi as e,aa as f,ko as g,_o as h,Vi as i,ua as j,Ra as k,ms as o,Ri as p,Kr as r,Aa as t,We as u,Hn as w}; + */const pt=typeof window<"u";function sc(e){return e.__esModule||e[Symbol.toStringTag]==="Module"}const Q=Object.assign;function In(e,t){const n={};for(const s in t){const r=t[s];n[s]=Ne(r)?r.map(e):e(r)}return n}const Lt=()=>{},Ne=Array.isArray,rc=/\/$/,oc=e=>e.replace(rc,"");function Tn(e,t,n="/"){let s,r={},o="",i="";const a=t.indexOf("#");let c=t.indexOf("?");return a=0&&(c=-1),c>-1&&(s=t.slice(0,c),o=t.slice(c+1,a>-1?a:t.length),r=e(o)),a>-1&&(s=s||t.slice(0,a),i=t.slice(a,t.length)),s=ac(s??t,n),{fullPath:s+(o&&"?")+o+i,path:s,query:r,hash:i}}function ic(e,t){const n=t.query?e(t.query):"";return t.path+(n&&"?")+n+(t.hash||"")}function nr(e,t){return!t||!e.toLowerCase().startsWith(t.toLowerCase())?e:e.slice(t.length)||"/"}function lc(e,t,n){const s=t.matched.length-1,r=n.matched.length-1;return s>-1&&s===r&&At(t.matched[s],n.matched[r])&&xo(t.params,n.params)&&e(t.query)===e(n.query)&&t.hash===n.hash}function At(e,t){return(e.aliasOf||e)===(t.aliasOf||t)}function xo(e,t){if(Object.keys(e).length!==Object.keys(t).length)return!1;for(const n in e)if(!cc(e[n],t[n]))return!1;return!0}function cc(e,t){return Ne(e)?sr(e,t):Ne(t)?sr(t,e):e===t}function sr(e,t){return Ne(t)?e.length===t.length&&e.every((n,s)=>n===t[s]):e.length===1&&e[0]===t}function ac(e,t){if(e.startsWith("/"))return e;if(!e)return t;const n=t.split("/"),s=e.split("/"),r=s[s.length-1];(r===".."||r===".")&&s.push("");let o=n.length-1,i,a;for(i=0;i1&&o--;else break;return n.slice(0,o).join("/")+"/"+s.slice(i-(i===s.length?1:0)).join("/")}var Vt;(function(e){e.pop="pop",e.push="push"})(Vt||(Vt={}));var Mt;(function(e){e.back="back",e.forward="forward",e.unknown=""})(Mt||(Mt={}));function uc(e){if(!e)if(pt){const t=document.querySelector("base");e=t&&t.getAttribute("href")||"/",e=e.replace(/^\w+:\/\/[^\/]+/,"")}else e="/";return e[0]!=="/"&&e[0]!=="#"&&(e="/"+e),oc(e)}const fc=/^[^#]+#/;function dc(e,t){return e.replace(fc,"#")+t}function hc(e,t){const n=document.documentElement.getBoundingClientRect(),s=e.getBoundingClientRect();return{behavior:t.behavior,left:s.left-n.left-(t.left||0),top:s.top-n.top-(t.top||0)}}const En=()=>({left:window.pageXOffset,top:window.pageYOffset});function pc(e){let t;if("el"in e){const n=e.el,s=typeof n=="string"&&n.startsWith("#"),r=typeof n=="string"?s?document.getElementById(n.slice(1)):document.querySelector(n):n;if(!r)return;t=hc(r,e)}else t=e;"scrollBehavior"in document.documentElement.style?window.scrollTo(t):window.scrollTo(t.left!=null?t.left:window.pageXOffset,t.top!=null?t.top:window.pageYOffset)}function rr(e,t){return(history.state?history.state.position-t:-1)+e}const Gn=new Map;function gc(e,t){Gn.set(e,t)}function mc(e){const t=Gn.get(e);return Gn.delete(e),t}let _c=()=>location.protocol+"//"+location.host;function wo(e,t){const{pathname:n,search:s,hash:r}=t,o=e.indexOf("#");if(o>-1){let a=r.includes(e.slice(o))?e.slice(o).length:1,c=r.slice(a);return c[0]!=="/"&&(c="/"+c),nr(c,"")}return nr(n,e)+s+r}function vc(e,t,n,s){let r=[],o=[],i=null;const a=({state:g})=>{const h=wo(e,location),m=n.value,E=t.value;let x=0;if(g){if(n.value=h,t.value=g,i&&i===m){i=null;return}x=E?g.position-E.position:0}else s(h);r.forEach(v=>{v(n.value,m,{delta:x,type:Vt.pop,direction:x?x>0?Mt.forward:Mt.back:Mt.unknown})})};function c(){i=n.value}function d(g){r.push(g);const h=()=>{const m=r.indexOf(g);m>-1&&r.splice(m,1)};return o.push(h),h}function f(){const{history:g}=window;g.state&&g.replaceState(Q({},g.state,{scroll:En()}),"")}function p(){for(const g of o)g();o=[],window.removeEventListener("popstate",a),window.removeEventListener("beforeunload",f)}return window.addEventListener("popstate",a),window.addEventListener("beforeunload",f,{passive:!0}),{pauseListeners:c,listen:d,destroy:p}}function or(e,t,n,s=!1,r=!1){return{back:e,current:t,forward:n,replaced:s,position:window.history.length,scroll:r?En():null}}function yc(e){const{history:t,location:n}=window,s={value:wo(e,n)},r={value:t.state};r.value||o(s.value,{back:null,current:s.value,forward:null,position:t.length-1,replaced:!0,scroll:null},!0);function o(c,d,f){const p=e.indexOf("#"),g=p>-1?(n.host&&document.querySelector("base")?e:e.slice(p))+c:_c()+e+c;try{t[f?"replaceState":"pushState"](d,"",g),r.value=d}catch(h){console.error(h),n[f?"replace":"assign"](g)}}function i(c,d){const f=Q({},t.state,or(r.value.back,c,r.value.forward,!0),d,{position:r.value.position});o(c,f,!0),s.value=c}function a(c,d){const f=Q({},r.value,t.state,{forward:c,scroll:En()});o(f.current,f,!0);const p=Q({},or(s.value,c,null),{position:f.position+1},d);o(c,p,!1),s.value=c}return{location:s,state:r,push:a,replace:i}}function bc(e){e=uc(e);const t=yc(e),n=vc(e,t.state,t.location,t.replace);function s(o,i=!0){i||n.pauseListeners(),history.go(o)}const r=Q({location:"",base:e,go:s,createHref:dc.bind(null,e)},t,n);return Object.defineProperty(r,"location",{enumerable:!0,get:()=>t.location.value}),Object.defineProperty(r,"state",{enumerable:!0,get:()=>t.state.value}),r}function Ec(e){return e=location.host?e||location.pathname+location.search:"",e.includes("#")||(e+="#"),bc(e)}function xc(e){return typeof e=="string"||e&&typeof e=="object"}function Ao(e){return typeof e=="string"||typeof e=="symbol"}const Je={path:"/",name:void 0,params:{},query:{},hash:"",fullPath:"/",matched:[],meta:{},redirectedFrom:void 0},Ro=Symbol("");var ir;(function(e){e[e.aborted=4]="aborted",e[e.cancelled=8]="cancelled",e[e.duplicated=16]="duplicated"})(ir||(ir={}));function Rt(e,t){return Q(new Error,{type:e,[Ro]:!0},t)}function Ke(e,t){return e instanceof Error&&Ro in e&&(t==null||!!(e.type&t))}const lr="[^/]+?",wc={sensitive:!1,strict:!1,start:!0,end:!0},Ac=/[.+*?^${}()[\]/\\]/g;function Rc(e,t){const n=Q({},wc,t),s=[];let r=n.start?"^":"";const o=[];for(const d of e){const f=d.length?[]:[90];n.strict&&!d.length&&(r+="/");for(let p=0;pt.length?t.length===1&&t[0]===80?1:-1:0}function Sc(e,t){let n=0;const s=e.score,r=t.score;for(;n0&&t[t.length-1]<0}const Oc={type:0,value:""},Cc=/[a-zA-Z0-9_]/;function Fc(e){if(!e)return[[]];if(e==="/")return[[Oc]];if(!e.startsWith("/"))throw new Error(`Invalid path "${e}"`);function t(h){throw new Error(`ERR (${n})/"${d}": ${h}`)}let n=0,s=n;const r=[];let o;function i(){o&&r.push(o),o=[]}let a=0,c,d="",f="";function p(){d&&(n===0?o.push({type:0,value:d}):n===1||n===2||n===3?(o.length>1&&(c==="*"||c==="+")&&t(`A repeatable param (${d}) must be alone in its segment. eg: '/:ids+.`),o.push({type:1,value:d,regexp:f,repeatable:c==="*"||c==="+",optional:c==="*"||c==="?"})):t("Invalid state to consume buffer"),d="")}function g(){d+=c}for(;a{i(O)}:Lt}function i(f){if(Ao(f)){const p=s.get(f);p&&(s.delete(f),n.splice(n.indexOf(p),1),p.children.forEach(i),p.alias.forEach(i))}else{const p=n.indexOf(f);p>-1&&(n.splice(p,1),f.record.name&&s.delete(f.record.name),f.children.forEach(i),f.alias.forEach(i))}}function a(){return n}function c(f){let p=0;for(;p=0&&(f.record.path!==n[p].record.path||!Po(f,n[p]));)p++;n.splice(p,0,f),f.record.name&&!ur(f)&&s.set(f.record.name,f)}function d(f,p){let g,h={},m,E;if("name"in f&&f.name){if(g=s.get(f.name),!g)throw Rt(1,{location:f});E=g.record.name,h=Q(ar(p.params,g.keys.filter(O=>!O.optional).map(O=>O.name)),f.params&&ar(f.params,g.keys.map(O=>O.name))),m=g.stringify(h)}else if("path"in f)m=f.path,g=n.find(O=>O.re.test(m)),g&&(h=g.parse(m),E=g.record.name);else{if(g=p.name?s.get(p.name):n.find(O=>O.re.test(p.path)),!g)throw Rt(1,{location:f,currentLocation:p});E=g.record.name,h=Q({},p.params,f.params),m=g.stringify(h)}const x=[];let v=g;for(;v;)x.unshift(v.record),v=v.parent;return{name:E,path:m,params:h,matched:x,meta:Lc(x)}}return e.forEach(f=>o(f)),{addRoute:o,resolve:d,removeRoute:i,getRoutes:a,getRecordMatcher:r}}function ar(e,t){const n={};for(const s of t)s in e&&(n[s]=e[s]);return n}function kc(e){return{path:e.path,redirect:e.redirect,name:e.name,meta:e.meta||{},aliasOf:void 0,beforeEnter:e.beforeEnter,props:$c(e),children:e.children||[],instances:{},leaveGuards:new Set,updateGuards:new Set,enterCallbacks:{},components:"components"in e?e.components||null:e.component&&{default:e.component}}}function $c(e){const t={},n=e.props||!1;if("component"in e)t.default=n;else for(const s in e.components)t[s]=typeof n=="object"?n[s]:n;return t}function ur(e){for(;e;){if(e.record.aliasOf)return!0;e=e.parent}return!1}function Lc(e){return e.reduce((t,n)=>Q(t,n.meta),{})}function fr(e,t){const n={};for(const s in e)n[s]=s in t?t[s]:e[s];return n}function Po(e,t){return t.children.some(n=>n===e||Po(e,n))}const So=/#/g,Mc=/&/g,jc=/\//g,Nc=/=/g,Dc=/\?/g,Oo=/\+/g,Hc=/%5B/g,Vc=/%5D/g,Co=/%5E/g,Bc=/%60/g,Fo=/%7B/g,Uc=/%7C/g,Io=/%7D/g,Kc=/%20/g;function ys(e){return encodeURI(""+e).replace(Uc,"|").replace(Hc,"[").replace(Vc,"]")}function zc(e){return ys(e).replace(Fo,"{").replace(Io,"}").replace(Co,"^")}function Yn(e){return ys(e).replace(Oo,"%2B").replace(Kc,"+").replace(So,"%23").replace(Mc,"%26").replace(Bc,"`").replace(Fo,"{").replace(Io,"}").replace(Co,"^")}function Wc(e){return Yn(e).replace(Nc,"%3D")}function qc(e){return ys(e).replace(So,"%23").replace(Dc,"%3F")}function Gc(e){return e==null?"":qc(e).replace(jc,"%2F")}function cn(e){try{return decodeURIComponent(""+e)}catch{}return""+e}function Yc(e){const t={};if(e===""||e==="?")return t;const s=(e[0]==="?"?e.slice(1):e).split("&");for(let r=0;ro&&Yn(o)):[s&&Yn(s)]).forEach(o=>{o!==void 0&&(t+=(t.length?"&":"")+n,o!=null&&(t+="="+o))})}return t}function Zc(e){const t={};for(const n in e){const s=e[n];s!==void 0&&(t[n]=Ne(s)?s.map(r=>r==null?null:""+r):s==null?s:""+s)}return t}const Qc=Symbol(""),hr=Symbol(""),bs=Symbol(""),To=Symbol(""),Zn=Symbol("");function Ft(){let e=[];function t(s){return e.push(s),()=>{const r=e.indexOf(s);r>-1&&e.splice(r,1)}}function n(){e=[]}return{add:t,list:()=>e.slice(),reset:n}}function nt(e,t,n,s,r){const o=s&&(s.enterCallbacks[r]=s.enterCallbacks[r]||[]);return()=>new Promise((i,a)=>{const c=p=>{p===!1?a(Rt(4,{from:n,to:t})):p instanceof Error?a(p):xc(p)?a(Rt(2,{from:t,to:p})):(o&&s.enterCallbacks[r]===o&&typeof p=="function"&&o.push(p),i())},d=e.call(s&&s.instances[r],t,n,c);let f=Promise.resolve(d);e.length<3&&(f=f.then(c)),f.catch(p=>a(p))})}function kn(e,t,n,s){const r=[];for(const o of e)for(const i in o.components){let a=o.components[i];if(!(t!=="beforeRouteEnter"&&!o.instances[i]))if(Jc(a)){const d=(a.__vccOpts||a)[t];d&&r.push(nt(d,n,s,o,i))}else{let c=a();r.push(()=>c.then(d=>{if(!d)return Promise.reject(new Error(`Couldn't resolve component "${i}" at "${o.path}"`));const f=sc(d)?d.default:d;o.components[i]=f;const g=(f.__vccOpts||f)[t];return g&&nt(g,n,s,o,i)()}))}}return r}function Jc(e){return typeof e=="object"||"displayName"in e||"props"in e||"__vccOpts"in e}function pr(e){const t=qe(bs),n=qe(To),s=Le(()=>t.resolve(We(e.to))),r=Le(()=>{const{matched:c}=s.value,{length:d}=c,f=c[d-1],p=n.matched;if(!f||!p.length)return-1;const g=p.findIndex(At.bind(null,f));if(g>-1)return g;const h=gr(c[d-2]);return d>1&&gr(f)===h&&p[p.length-1].path!==h?p.findIndex(At.bind(null,c[d-2])):g}),o=Le(()=>r.value>-1&&ta(n.params,s.value.params)),i=Le(()=>r.value>-1&&r.value===n.matched.length-1&&xo(n.params,s.value.params));function a(c={}){return ea(c)?t[We(e.replace)?"replace":"push"](We(e.to)).catch(Lt):Promise.resolve()}return{route:s,href:Le(()=>s.value.href),isActive:o,isExactActive:i,navigate:a}}const Xc=to({name:"RouterLink",compatConfig:{MODE:3},props:{to:{type:[String,Object],required:!0},replace:Boolean,activeClass:String,exactActiveClass:String,custom:Boolean,ariaCurrentValue:{type:String,default:"page"}},useLink:pr,setup(e,{slots:t}){const n=hn(pr(e)),{options:s}=qe(bs),r=Le(()=>({[mr(e.activeClass,s.linkActiveClass,"router-link-active")]:n.isActive,[mr(e.exactActiveClass,s.linkExactActiveClass,"router-link-exact-active")]:n.isExactActive}));return()=>{const o=t.default&&t.default(n);return e.custom?o:Eo("a",{"aria-current":n.isExactActive?e.ariaCurrentValue:null,href:n.href,onClick:n.navigate,class:r.value},o)}}}),Qn=Xc;function ea(e){if(!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)&&!e.defaultPrevented&&!(e.button!==void 0&&e.button!==0)){if(e.currentTarget&&e.currentTarget.getAttribute){const t=e.currentTarget.getAttribute("target");if(/\b_blank\b/i.test(t))return}return e.preventDefault&&e.preventDefault(),!0}}function ta(e,t){for(const n in t){const s=t[n],r=e[n];if(typeof s=="string"){if(s!==r)return!1}else if(!Ne(r)||r.length!==s.length||s.some((o,i)=>o!==r[i]))return!1}return!0}function gr(e){return e?e.aliasOf?e.aliasOf.path:e.path:""}const mr=(e,t,n)=>e??t??n,na=to({name:"RouterView",inheritAttrs:!1,props:{name:{type:String,default:"default"},route:Object},compatConfig:{MODE:3},setup(e,{attrs:t,slots:n}){const s=qe(Zn),r=Le(()=>e.route||s.value),o=qe(hr,0),i=Le(()=>{let d=We(o);const{matched:f}=r.value;let p;for(;(p=f[d])&&!p.components;)d++;return d}),a=Le(()=>r.value.matched[i.value]);Jt(hr,Le(()=>i.value+1)),Jt(Qc,a),Jt(Zn,r);const c=Kr();return Qt(()=>[c.value,a.value,e.name],([d,f,p],[g,h,m])=>{f&&(f.instances[p]=d,h&&h!==f&&d&&d===g&&(f.leaveGuards.size||(f.leaveGuards=h.leaveGuards),f.updateGuards.size||(f.updateGuards=h.updateGuards))),d&&f&&(!h||!At(f,h)||!g)&&(f.enterCallbacks[p]||[]).forEach(E=>E(d))},{flush:"post"}),()=>{const d=r.value,f=e.name,p=a.value,g=p&&p.components[f];if(!g)return _r(n.default,{Component:g,route:d});const h=p.props[f],m=h?h===!0?d.params:typeof h=="function"?h(d):h:null,x=Eo(g,Q({},m,t,{onVnodeUnmounted:v=>{v.component.isUnmounted&&(p.instances[f]=null)},ref:c}));return _r(n.default,{Component:x,route:d})||x}}});function _r(e,t){if(!e)return null;const n=e(t);return n.length===1?n[0]:n}const ko=na;function sa(e){const t=Tc(e.routes,e),n=e.parseQuery||Yc,s=e.stringifyQuery||dr,r=e.history,o=Ft(),i=Ft(),a=Ft(),c=mi(Je);let d=Je;pt&&e.scrollBehavior&&"scrollRestoration"in history&&(history.scrollRestoration="manual");const f=In.bind(null,y=>""+y),p=In.bind(null,Gc),g=In.bind(null,cn);function h(y,T){let F,L;return Ao(y)?(F=t.getRecordMatcher(y),L=T):L=y,t.addRoute(L,F)}function m(y){const T=t.getRecordMatcher(y);T&&t.removeRoute(T)}function E(){return t.getRoutes().map(y=>y.record)}function x(y){return!!t.getRecordMatcher(y)}function v(y,T){if(T=Q({},T||c.value),typeof y=="string"){const u=Tn(n,y,T.path),_=t.resolve({path:u.path},T),w=r.createHref(u.fullPath);return Q(u,_,{params:g(_.params),hash:cn(u.hash),redirectedFrom:void 0,href:w})}let F;if("path"in y)F=Q({},y,{path:Tn(n,y.path,T.path).path});else{const u=Q({},y.params);for(const _ in u)u[_]==null&&delete u[_];F=Q({},y,{params:p(u)}),T.params=p(T.params)}const L=t.resolve(F,T),z=y.hash||"";L.params=f(g(L.params));const Z=ic(s,Q({},y,{hash:zc(z),path:L.path})),l=r.createHref(Z);return Q({fullPath:Z,hash:z,query:s===dr?Zc(y.query):y.query||{}},L,{redirectedFrom:void 0,href:l})}function O(y){return typeof y=="string"?Tn(n,y,c.value.path):Q({},y)}function R(y,T){if(d!==y)return Rt(8,{from:T,to:y})}function $(y){return ce(y)}function U(y){return $(Q(O(y),{replace:!0}))}function N(y){const T=y.matched[y.matched.length-1];if(T&&T.redirect){const{redirect:F}=T;let L=typeof F=="function"?F(y):F;return typeof L=="string"&&(L=L.includes("?")||L.includes("#")?L=O(L):{path:L},L.params={}),Q({query:y.query,hash:y.hash,params:"path"in L?{}:y.params},L)}}function ce(y,T){const F=d=v(y),L=c.value,z=y.state,Z=y.force,l=y.replace===!0,u=N(F);if(u)return ce(Q(O(u),{state:typeof u=="object"?Q({},z,u.state):z,force:Z,replace:l}),T||F);const _=F;_.redirectedFrom=T;let w;return!Z&&lc(s,L,F)&&(w=Rt(16,{to:_,from:L}),pe(L,L,!0,!1)),(w?Promise.resolve(w):he(_,L)).catch(b=>Ke(b)?Ke(b,2)?b:ae(b):W(b,_,L)).then(b=>{if(b){if(Ke(b,2))return ce(Q({replace:l},O(b.to),{state:typeof b.to=="object"?Q({},z,b.to.state):z,force:Z}),T||_)}else b=ue(_,L,!0,l,z);return be(_,L,b),b})}function re(y,T){const F=R(y,T);return F?Promise.reject(F):Promise.resolve()}function Re(y){const T=Ze.values().next().value;return T&&typeof T.runWithContext=="function"?T.runWithContext(y):y()}function he(y,T){let F;const[L,z,Z]=ra(y,T);F=kn(L.reverse(),"beforeRouteLeave",y,T);for(const u of L)u.leaveGuards.forEach(_=>{F.push(nt(_,y,T))});const l=re.bind(null,y,T);return F.push(l),ie(F).then(()=>{F=[];for(const u of o.list())F.push(nt(u,y,T));return F.push(l),ie(F)}).then(()=>{F=kn(z,"beforeRouteUpdate",y,T);for(const u of z)u.updateGuards.forEach(_=>{F.push(nt(_,y,T))});return F.push(l),ie(F)}).then(()=>{F=[];for(const u of Z)if(u.beforeEnter)if(Ne(u.beforeEnter))for(const _ of u.beforeEnter)F.push(nt(_,y,T));else F.push(nt(u.beforeEnter,y,T));return F.push(l),ie(F)}).then(()=>(y.matched.forEach(u=>u.enterCallbacks={}),F=kn(Z,"beforeRouteEnter",y,T),F.push(l),ie(F))).then(()=>{F=[];for(const u of i.list())F.push(nt(u,y,T));return F.push(l),ie(F)}).catch(u=>Ke(u,8)?u:Promise.reject(u))}function be(y,T,F){a.list().forEach(L=>Re(()=>L(y,T,F)))}function ue(y,T,F,L,z){const Z=R(y,T);if(Z)return Z;const l=T===Je,u=pt?history.state:{};F&&(L||l?r.replace(y.fullPath,Q({scroll:l&&u&&u.scroll},z)):r.push(y.fullPath,z)),c.value=y,pe(y,T,F,l),ae()}let Pe;function Ye(){Pe||(Pe=r.listen((y,T,F)=>{if(!Se.listening)return;const L=v(y),z=N(L);if(z){ce(Q(z,{replace:!0}),L).catch(Lt);return}d=L;const Z=c.value;pt&&gc(rr(Z.fullPath,F.delta),En()),he(L,Z).catch(l=>Ke(l,12)?l:Ke(l,2)?(ce(l.to,L).then(u=>{Ke(u,20)&&!F.delta&&F.type===Vt.pop&&r.go(-1,!1)}).catch(Lt),Promise.reject()):(F.delta&&r.go(-F.delta,!1),W(l,L,Z))).then(l=>{l=l||ue(L,Z,!1),l&&(F.delta&&!Ke(l,8)?r.go(-F.delta,!1):F.type===Vt.pop&&Ke(l,20)&&r.go(-1,!1)),be(L,Z,l)}).catch(Lt)}))}let Ue=Ft(),le=Ft(),Y;function W(y,T,F){ae(y);const L=le.list();return L.length?L.forEach(z=>z(y,T,F)):console.error(y),Promise.reject(y)}function X(){return Y&&c.value!==Je?Promise.resolve():new Promise((y,T)=>{Ue.add([y,T])})}function ae(y){return Y||(Y=!y,Ye(),Ue.list().forEach(([T,F])=>y?F(y):T()),Ue.reset()),y}function pe(y,T,F,L){const{scrollBehavior:z}=e;if(!pt||!z)return Promise.resolve();const Z=!F&&mc(rr(y.fullPath,0))||(L||!F)&&history.state&&history.state.scroll||null;return Gr().then(()=>z(y,T,Z)).then(l=>l&&pc(l)).catch(l=>W(l,y,T))}const ee=y=>r.go(y);let Ie;const Ze=new Set,Se={currentRoute:c,listening:!0,addRoute:h,removeRoute:m,hasRoute:x,getRoutes:E,resolve:v,options:e,push:$,replace:U,go:ee,back:()=>ee(-1),forward:()=>ee(1),beforeEach:o.add,beforeResolve:i.add,afterEach:a.add,onError:le.add,isReady:X,install(y){const T=this;y.component("RouterLink",Qn),y.component("RouterView",ko),y.config.globalProperties.$router=T,Object.defineProperty(y.config.globalProperties,"$route",{enumerable:!0,get:()=>We(c)}),pt&&!Ie&&c.value===Je&&(Ie=!0,$(r.location).catch(z=>{}));const F={};for(const z in Je)Object.defineProperty(F,z,{get:()=>c.value[z],enumerable:!0});y.provide(bs,T),y.provide(To,Dr(F)),y.provide(Zn,c);const L=y.unmount;Ze.add(y),y.unmount=function(){Ze.delete(y),Ze.size<1&&(d=Je,Pe&&Pe(),Pe=null,c.value=Je,Ie=!1,Y=!1),L()}}};function ie(y){return y.reduce((T,F)=>T.then(()=>Re(F)),Promise.resolve())}return Se}function ra(e,t){const n=[],s=[],r=[],o=Math.max(t.matched.length,e.matched.length);for(let i=0;iAt(d,a))?s.push(a):n.push(a));const c=e.matched[i];c&&(t.matched.find(d=>At(d,c))||r.push(c))}return[n,s,r]}const oa={__name:"App",setup(e){return(t,n)=>(ms(),_o(We(ko)))}},ia="modulepreload",la=function(e){return"/Ibiss/"+e},vr={},ne=function(t,n,s){let r=Promise.resolve();if(n&&n.length>0){const o=document.getElementsByTagName("link");r=Promise.all(n.map(i=>{if(i=la(i),i in vr)return;vr[i]=!0;const a=i.endsWith(".css"),c=a?'[rel="stylesheet"]':"";if(!!s)for(let p=o.length-1;p>=0;p--){const g=o[p];if(g.href===i&&(!a||g.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${i}"]${c}`))return;const f=document.createElement("link");if(f.rel=a?"stylesheet":ia,a||(f.as="script",f.crossOrigin=""),f.href=i,document.head.appendChild(f),a)return new Promise((p,g)=>{f.addEventListener("load",p),f.addEventListener("error",()=>g(new Error(`Unable to preload CSS for ${i}`)))})}))}return r.then(()=>t()).catch(o=>{const i=new Event("vite:preloadError",{cancelable:!0});if(i.payload=o,window.dispatchEvent(i),!i.defaultPrevented)throw o})},ca="/Ibiss/ibiss.svg",aa="/Ibiss/aviancss.svg",ua="/Ibiss/flightkit.svg",fa=(e,t)=>{const n=e.__vccOpts||e;for(const[s,r]of t)n[s]=r;return n},Ut=e=>(Ri("data-v-177a07dd"),e=e(),Pi(),e),da={class:"index column"},ha=Ut(()=>Fe("header",{class:"p-5 row align-center gap-5 border-bottom bg-white"},[Fe("img",{src:ca,class:"ibiss-logo"}),Fe("h1",null,"Ibiss UI Documentation")],-1)),pa={class:"card-row row justify-center align-center gap-5"},ga={class:"card shadow"},ma=Ut(()=>Fe("img",{src:aa,class:"avian-logo"},null,-1)),_a=Ut(()=>Fe("span",{class:"normal"},"Go to Avian CSS",-1)),va={class:"card shadow"},ya=Ut(()=>Fe("img",{src:ua,class:"flightkit-logo"},null,-1)),ba=Ut(()=>Fe("span",{class:"normal"},"Go to Flightkit Components",-1)),Ea={__name:"HomeView",setup(e){return(t,n)=>(ms(),pl("main",da,[ha,Fe("section",pa,[Fe("div",ga,[ye(We(Qn),{to:"/aviancss",class:"link-card column align-center justify-around"},{default:Hn(()=>[ma,_a]),_:1})]),Fe("div",va,[ye(We(Qn),{to:"/flightkit",class:"link-card column align-center justify-around p-2"},{default:Hn(()=>[ya,ba]),_:1})])])]))}},xa=fa(Ea,[["__scopeId","data-v-177a07dd"]]),wa=sa({history:Ec(),routes:[{path:"/",name:"home",component:xa},{path:"/aviancss",name:"aviancss",component:()=>ne(()=>import("./AvianCss-IeEk2F3j.js"),__vite__mapDeps([0,1])),children:[{path:"",name:"avian-index",component:()=>ne(()=>import("./index-WEITFn8s.js"),__vite__mapDeps([2,3,4]))},{path:"/typography",name:"avian-typography",component:()=>ne(()=>import("./typography--KlVZmQq.js"),__vite__mapDeps([5,3,4]))},{path:"/variables",name:"avian-variables",component:()=>ne(()=>import("./variables-K3kZltug.js"),__vite__mapDeps([6,3,4]))},{path:"/buttons",name:"avian-buttons",component:()=>ne(()=>import("./buttons-Iu4ORG_g.js"),__vite__mapDeps([7,3,4,8]))},{path:"/links",name:"avian-links",component:()=>ne(()=>import("./links-rz5svL6Q.js"),__vite__mapDeps([9,3,4,10]))},{path:"/inputs",name:"avian-inputs",component:()=>ne(()=>import("./inputs-FgYEj9mR.js"),__vite__mapDeps([11,3,4,12]))},{path:"/responsive",name:"avian-responsive",component:()=>ne(()=>import("./responsive-6L2ZSEZN.js"),__vite__mapDeps([13,3,4]))},{path:"/display-utilities",name:"avian-display-utilities",component:()=>ne(()=>import("./display-utilities-UGrVhVRY.js"),__vite__mapDeps([14,3,4]))},{path:"/flex",name:"avian-flex",component:()=>ne(()=>import("./flex-aXTEn7Qz.js"),__vite__mapDeps([15,3,4]))},{path:"/table",name:"avian-table",component:()=>ne(()=>import("./table-ePDs2srB.js"),__vite__mapDeps([16,3,4,17]))},{path:"/margins-paddings",name:"avian-margins-paddings",component:()=>ne(()=>import("./margins-paddings-7LTQD4AX.js"),__vite__mapDeps([18,3,4]))},{path:"/icons",name:"avian-icons",component:()=>ne(()=>import("./icons-b6_hK7nP.js"),__vite__mapDeps([19,3,4]))},{path:"/colors",name:"avian-colors",component:()=>ne(()=>import("./colors-lM--eJMr.js"),__vite__mapDeps([20,3,4]))},{path:"/borders",name:"avian-borders",component:()=>ne(()=>import("./borders-ZCLIj0c6.js"),__vite__mapDeps([21,3,4]))},{path:"/shadows",name:"avian-shadows",component:()=>ne(()=>import("./shadows-eNnpq5Kw.js"),__vite__mapDeps([22,3,4]))},{path:"/cursors",name:"avian-cursors",component:()=>ne(()=>import("./cursors-pLL8XciC.js"),__vite__mapDeps([23,3,4]))}]},{path:"/flightkit",name:"flightkit",component:()=>ne(()=>import("./Flightkit-C0kn3Q-t.js"),__vite__mapDeps([24,25])),children:[{path:"",name:"flightkit-index",component:()=>ne(()=>import("./index-MrMeaCDt.js"),__vite__mapDeps([26,3,4]))},{path:"/flightkit-table",name:"flightkit-table",component:()=>ne(()=>import("./flightkit-table-P-drFJup.js"),__vite__mapDeps([27,3,4]))},{path:"/flightkit-draggable",name:"flightkit-draggable",component:()=>ne(()=>import("./flightkit-draggable-6elx19Kl.js"),__vite__mapDeps([28,3,4]))},{path:"/flightkit-modal",name:"flightkit-modal",component:()=>ne(()=>import("./flightkit-modal-n6UGAb4D.js"),__vite__mapDeps([29,3,4]))},{path:"/flightkit-dropdown",name:"flightkit-dropdown",component:()=>ne(()=>import("./flightkit-dropdown-o9KFFn4-.js"),__vite__mapDeps([30,3,4]))},{path:"/flightkit-tree-nav",name:"flightkit-tree-nav",component:()=>ne(()=>import("./flightkit-tree-nav-L6OoHbsh.js"),__vite__mapDeps([31,3,4]))}]}]}),Es=Ql(oa);Es.use(nc());Es.use(wa);Es.mount("#app");export{Qn as R,fa as _,ye as a,_l as b,pl as c,Fe as d,Pi as e,aa as f,ko as g,_o as h,Vi as i,ua as j,Ra as k,ms as o,Ri as p,Kr as r,Aa as t,We as u,Hn as w}; function __vite__mapDeps(indexes) { if (!__vite__mapDeps.viteFileDeps) { - __vite__mapDeps.viteFileDeps = ["assets/AvianCss-SXzDdIuW.js","assets/AvianCss-blN8168m.css","assets/index-4TcDl_y8.js","assets/Card-O6cB90BV.js","assets/Card-8BPgi-a3.css","assets/typography-KlRrey_2.js","assets/variables-_8rwhwpx.js","assets/buttons-trsmkhi1.js","assets/buttons-oM0rKBBv.css","assets/links-9Iy10jTj.js","assets/links-eJGNTCtr.css","assets/inputs-e6fe3sFP.js","assets/inputs-f0tnArN0.css","assets/responsive-9fu02vhL.js","assets/display-utilities-CVlYkG1w.js","assets/flex-oH1ff5TY.js","assets/table-_XPk5mFt.js","assets/table-Lhtj8HUQ.css","assets/margins-paddings-tK9djHG5.js","assets/icons-OZ1EFZq2.js","assets/colors-IomgYviR.js","assets/borders-oayiK2ql.js","assets/shadows-9f5C0k5G.js","assets/cursors-SxTUwNS9.js","assets/Flightkit-NtHPiKsD.js","assets/Flightkit-L4LsQAMM.css","assets/index-XJ9hR5Zx.js","assets/flightkit-table-pjIatwoT.js","assets/flightkit-draggable-dnj2Xwrg.js","assets/flightkit-modal-xY2CrnXn.js","assets/flightkit-dropdown-rb0kSm4t.js","assets/flightkit-tree-nav-c33kPbhH.js"] + __vite__mapDeps.viteFileDeps = ["assets/AvianCss-IeEk2F3j.js","assets/AvianCss-blN8168m.css","assets/index-WEITFn8s.js","assets/Card-7lCztz2-.js","assets/Card-8BPgi-a3.css","assets/typography--KlVZmQq.js","assets/variables-K3kZltug.js","assets/buttons-Iu4ORG_g.js","assets/buttons-oM0rKBBv.css","assets/links-rz5svL6Q.js","assets/links-eJGNTCtr.css","assets/inputs-FgYEj9mR.js","assets/inputs-f0tnArN0.css","assets/responsive-6L2ZSEZN.js","assets/display-utilities-UGrVhVRY.js","assets/flex-aXTEn7Qz.js","assets/table-ePDs2srB.js","assets/table-Lhtj8HUQ.css","assets/margins-paddings-7LTQD4AX.js","assets/icons-b6_hK7nP.js","assets/colors-lM--eJMr.js","assets/borders-ZCLIj0c6.js","assets/shadows-eNnpq5Kw.js","assets/cursors-pLL8XciC.js","assets/Flightkit-C0kn3Q-t.js","assets/Flightkit-L4LsQAMM.css","assets/index-MrMeaCDt.js","assets/flightkit-table-P-drFJup.js","assets/flightkit-draggable-6elx19Kl.js","assets/flightkit-modal-n6UGAb4D.js","assets/flightkit-dropdown-o9KFFn4-.js","assets/flightkit-tree-nav-L6OoHbsh.js"] } return indexes.map((i) => __vite__mapDeps.viteFileDeps[i]) } diff --git a/docs/assets/inputs-e6fe3sFP.js b/docs/assets/inputs-FgYEj9mR.js similarity index 98% rename from docs/assets/inputs-e6fe3sFP.js rename to docs/assets/inputs-FgYEj9mR.js index 2e1ce81..8746288 100644 --- a/docs/assets/inputs-e6fe3sFP.js +++ b/docs/assets/inputs-FgYEj9mR.js @@ -1,4 +1,4 @@ -import{C as s}from"./Card-O6cB90BV.js";import{_ as i,i as p,h as u,w as o,o as r,d as t,t as n,p as d,e as c,b as l}from"./index-B1ANj5xS.js";const e=a=>(d("data-v-a782d76a"),a=a(),c(),a),h=e(()=>t("header",null,[t("h1",{class:"mb-2"},"Inputs"),t("hr")],-1)),_=e(()=>t("table",null,[t("tbody",null,[t("tr",null,[t("td",{class:"pr-1"},"Checkbox"),t("td",null,[t("input",{type:"checkbox"})])]),t("tr",null,[t("td",{class:"pr-1"},"Radiobutton"),t("td",null,[t("input",{type:"radio"})])]),t("tr",null,[t("td",{class:"pr-1"},"type: button, value: submit"),t("td",null,[t("input",{type:"button",value:"submit"})])]),t("tr",null,[t("td",{class:"pr-1"},"type: reset"),t("td",null,[t("input",{type:"reset"})])]),t("tr",null,[t("td",{class:"pr-1"},"type: submit"),t("td",null,[t("input",{type:"submit"})])]),t("tr",null,[t("td",{class:"pr-1"},"Email"),t("td",null,[t("input",{type:"email"})])]),t("tr",null,[t("td",{class:"pr-1"},"Password"),t("td",null,[t("input",{type:"password"})])]),t("tr",null,[t("td",{class:"pr-1"},"Search"),t("td",null,[t("input",{type:"search"})])]),t("tr",null,[t("td",{class:"pr-1"},"Text"),t("td",null,[t("input",{type:"text"})])]),t("tr",null,[t("td",{class:"pr-1"},"Url"),t("td",null,[t("input",{type:"url"})])]),t("tr",null,[t("td",{class:"pr-1"},"Number"),t("td",null,[t("input",{type:"number"})])]),t("tr",null,[t("td",{class:"pr-1"},"Range"),t("td",null,[t("input",{type:"range",class:"w-100"})])]),t("tr",null,[t("td",{class:"pr-1"},"Tel (Phonenumber)"),t("td",null,[t("input",{type:"tel"})])]),t("tr",null,[t("td",{class:"pr-1"},"Date"),t("td",null,[t("input",{type:"date"})])]),t("tr",null,[t("td",{class:"pr-1"},"Datetime local"),t("td",null,[t("input",{type:"datetime-local"})])]),t("tr",null,[t("td",{class:"pr-1"},"Time"),t("td",null,[t("input",{type:"time"})])]),t("tr",null,[t("td",{class:"pr-1"},"Month"),t("td",null,[t("input",{type:"month"})])]),t("tr",null,[t("td",{class:"pr-1"},"Week"),t("td",null,[t("input",{type:"week"})])]),t("tr",null,[t("td",{class:"pr-1"},"Color"),t("td",null,[t("input",{type:"color"})])]),t("tr",null,[t("td",{class:"pr-1"},"File"),t("td",null,[t("input",{type:"file"})])]),t("tr",null,[t("td",{class:"pr-1"},"Image"),t("td",null,[t("input",{type:"image"})])]),t("tr",null,[t("td",{class:"pr-1"},"Hidden"),t("td",null,[t("input",{type:"hidden"})])]),t("tr",null,[t("td",{class:"pr-1"},"Select"),t("td",null,[t("select",{name:"fruits",id:"fruit"},[t("option",{value:"apple"},"Apple"),t("option",{value:"banana"},"Banana"),t("option",{value:"pineapple"},"Pineapple"),t("option",{value:"cherry"},"Cherry")])])]),t("tr",null,[t("td",{class:"pr-1 text-top"},"Textarea"),t("td",null,[t("textarea",{cols:"30",rows:"10"})])])])],-1)),y=e(()=>t("h3",{id:"input_modifiers",class:"mt-1"},"Additional input styles",-1)),m=e(()=>t("hr",null,null,-1)),b=e(()=>t("p",null,[l(" You can create a very minimalistic input by adding the "),t("code",{class:"language-html"},"underline"),l(" class. ")],-1)),g=e(()=>t("input",{type:"text",class:"underline",placeholder:"Input with underline class"},null,-1)),v=e(()=>t("p",null,"The invalid and disabled attributes work on all inputs, even textarea.",-1)),x=e(()=>t("p",null,[l(" To disable an input add the "),t("code",{class:"language-html"},"disabled"),l(" attribute: ")],-1)),f=e(()=>t("input",{type:"text",disabled:""},null,-1)),w=e(()=>t("input",{type:"range",disabled:""},null,-1)),k=e(()=>t("input",{type:"number",disabled:""},null,-1)),I=e(()=>t("input",{type:"button",value:"submit",disabled:""},null,-1)),C=e(()=>t("p",null,[l(" To show that an input is invalid add the "),t("code",{class:"language-html"},"invalid"),l(" attribute: ")],-1)),A=e(()=>t("input",{type:"text",invalid:""},null,-1)),T=e(()=>t("p",null,[l(" adding "),t("code",{class:"language-html"},'invalid="false"'),l(" attribute will make it normal again (visual only): ")],-1)),q=e(()=>t("input",{type:"text",invalid:"false"},null,-1)),B=e(()=>t("p",null,[l(" When you use the "),t("code",{class:"language-html"},"required"),l(" attribute on an input, you need to toggle the validness using the "),t("code",{class:"language-html"},'invalid="true" / invalid="false"'),l(" attribute"),t("br")],-1)),P=e(()=>t("p",null,[l(" Input with only "),t("code",{class:"language-html"},"required"),l(" attribute: ")],-1)),S=e(()=>t("input",{type:"text",required:""},null,-1)),D=e(()=>t("p",null,[l(" Input with "),t("code",{class:"language-html"},'required invalid="false"'),l(" attributes: ")],-1)),N=e(()=>t("input",{type:"text",required:""},null,-1)),M=e(()=>t("p",null,[l(" Input with "),t("code",{class:"language-html"},'required invalid="true"'),l(" attributes: ")],-1)),R=e(()=>t("input",{type:"text",invalid:"true",required:""},null,-1)),V=e(()=>t("p",null,"Type a letter in the number input to trigger the webbrowsers built-in invalidation:",-1)),W=e(()=>t("input",{type:"number"},null,-1)),z=e(()=>t("p",null,"A disabled select element:",-1)),E=e(()=>t("select",{name:"fruits",id:"fruit",disabled:"",class:"self-align-start"},[t("option",{value:"apple"},"Apple"),t("option",{value:"banana"},"Banana"),t("option",{value:"pineapple"},"Pineapple"),t("option",{value:"cherry"},"Cherry")],-1)),F=e(()=>t("p",null,"A disabled textarea element:",-1)),H=e(()=>t("textarea",{cols:"6",rows:"3",disabled:""},null,-1)),U=e(()=>t("p",null,"An invalid textarea element:",-1)),Y=e(()=>t("textarea",{cols:"6",rows:"3",invalid:""},null,-1)),j=e(()=>t("b",{class:"font-size-18 mt-5"},"Code examples:",-1)),G=` +import{C as s}from"./Card-7lCztz2-.js";import{_ as i,i as p,h as u,w as o,o as r,d as t,t as n,p as d,e as c,b as l}from"./index-x0UhD0bb.js";const e=a=>(d("data-v-a782d76a"),a=a(),c(),a),h=e(()=>t("header",null,[t("h1",{class:"mb-2"},"Inputs"),t("hr")],-1)),_=e(()=>t("table",null,[t("tbody",null,[t("tr",null,[t("td",{class:"pr-1"},"Checkbox"),t("td",null,[t("input",{type:"checkbox"})])]),t("tr",null,[t("td",{class:"pr-1"},"Radiobutton"),t("td",null,[t("input",{type:"radio"})])]),t("tr",null,[t("td",{class:"pr-1"},"type: button, value: submit"),t("td",null,[t("input",{type:"button",value:"submit"})])]),t("tr",null,[t("td",{class:"pr-1"},"type: reset"),t("td",null,[t("input",{type:"reset"})])]),t("tr",null,[t("td",{class:"pr-1"},"type: submit"),t("td",null,[t("input",{type:"submit"})])]),t("tr",null,[t("td",{class:"pr-1"},"Email"),t("td",null,[t("input",{type:"email"})])]),t("tr",null,[t("td",{class:"pr-1"},"Password"),t("td",null,[t("input",{type:"password"})])]),t("tr",null,[t("td",{class:"pr-1"},"Search"),t("td",null,[t("input",{type:"search"})])]),t("tr",null,[t("td",{class:"pr-1"},"Text"),t("td",null,[t("input",{type:"text"})])]),t("tr",null,[t("td",{class:"pr-1"},"Url"),t("td",null,[t("input",{type:"url"})])]),t("tr",null,[t("td",{class:"pr-1"},"Number"),t("td",null,[t("input",{type:"number"})])]),t("tr",null,[t("td",{class:"pr-1"},"Range"),t("td",null,[t("input",{type:"range",class:"w-100"})])]),t("tr",null,[t("td",{class:"pr-1"},"Tel (Phonenumber)"),t("td",null,[t("input",{type:"tel"})])]),t("tr",null,[t("td",{class:"pr-1"},"Date"),t("td",null,[t("input",{type:"date"})])]),t("tr",null,[t("td",{class:"pr-1"},"Datetime local"),t("td",null,[t("input",{type:"datetime-local"})])]),t("tr",null,[t("td",{class:"pr-1"},"Time"),t("td",null,[t("input",{type:"time"})])]),t("tr",null,[t("td",{class:"pr-1"},"Month"),t("td",null,[t("input",{type:"month"})])]),t("tr",null,[t("td",{class:"pr-1"},"Week"),t("td",null,[t("input",{type:"week"})])]),t("tr",null,[t("td",{class:"pr-1"},"Color"),t("td",null,[t("input",{type:"color"})])]),t("tr",null,[t("td",{class:"pr-1"},"File"),t("td",null,[t("input",{type:"file"})])]),t("tr",null,[t("td",{class:"pr-1"},"Image"),t("td",null,[t("input",{type:"image"})])]),t("tr",null,[t("td",{class:"pr-1"},"Hidden"),t("td",null,[t("input",{type:"hidden"})])]),t("tr",null,[t("td",{class:"pr-1"},"Select"),t("td",null,[t("select",{name:"fruits",id:"fruit"},[t("option",{value:"apple"},"Apple"),t("option",{value:"banana"},"Banana"),t("option",{value:"pineapple"},"Pineapple"),t("option",{value:"cherry"},"Cherry")])])]),t("tr",null,[t("td",{class:"pr-1 text-top"},"Textarea"),t("td",null,[t("textarea",{cols:"30",rows:"10"})])])])],-1)),y=e(()=>t("h3",{id:"input_modifiers",class:"mt-1"},"Additional input styles",-1)),m=e(()=>t("hr",null,null,-1)),b=e(()=>t("p",null,[l(" You can create a very minimalistic input by adding the "),t("code",{class:"language-html"},"underline"),l(" class. ")],-1)),g=e(()=>t("input",{type:"text",class:"underline",placeholder:"Input with underline class"},null,-1)),v=e(()=>t("p",null,"The invalid and disabled attributes work on all inputs, even textarea.",-1)),x=e(()=>t("p",null,[l(" To disable an input add the "),t("code",{class:"language-html"},"disabled"),l(" attribute: ")],-1)),f=e(()=>t("input",{type:"text",disabled:""},null,-1)),w=e(()=>t("input",{type:"range",disabled:""},null,-1)),k=e(()=>t("input",{type:"number",disabled:""},null,-1)),I=e(()=>t("input",{type:"button",value:"submit",disabled:""},null,-1)),C=e(()=>t("p",null,[l(" To show that an input is invalid add the "),t("code",{class:"language-html"},"invalid"),l(" attribute: ")],-1)),A=e(()=>t("input",{type:"text",invalid:""},null,-1)),T=e(()=>t("p",null,[l(" adding "),t("code",{class:"language-html"},'invalid="false"'),l(" attribute will make it normal again (visual only): ")],-1)),q=e(()=>t("input",{type:"text",invalid:"false"},null,-1)),B=e(()=>t("p",null,[l(" When you use the "),t("code",{class:"language-html"},"required"),l(" attribute on an input, you need to toggle the validness using the "),t("code",{class:"language-html"},'invalid="true" / invalid="false"'),l(" attribute"),t("br")],-1)),P=e(()=>t("p",null,[l(" Input with only "),t("code",{class:"language-html"},"required"),l(" attribute: ")],-1)),S=e(()=>t("input",{type:"text",required:""},null,-1)),D=e(()=>t("p",null,[l(" Input with "),t("code",{class:"language-html"},'required invalid="false"'),l(" attributes: ")],-1)),N=e(()=>t("input",{type:"text",required:""},null,-1)),M=e(()=>t("p",null,[l(" Input with "),t("code",{class:"language-html"},'required invalid="true"'),l(" attributes: ")],-1)),R=e(()=>t("input",{type:"text",invalid:"true",required:""},null,-1)),V=e(()=>t("p",null,"Type a letter in the number input to trigger the webbrowsers built-in invalidation:",-1)),W=e(()=>t("input",{type:"number"},null,-1)),z=e(()=>t("p",null,"A disabled select element:",-1)),E=e(()=>t("select",{name:"fruits",id:"fruit",disabled:"",class:"self-align-start"},[t("option",{value:"apple"},"Apple"),t("option",{value:"banana"},"Banana"),t("option",{value:"pineapple"},"Pineapple"),t("option",{value:"cherry"},"Cherry")],-1)),F=e(()=>t("p",null,"A disabled textarea element:",-1)),H=e(()=>t("textarea",{cols:"6",rows:"3",disabled:""},null,-1)),U=e(()=>t("p",null,"An invalid textarea element:",-1)),Y=e(()=>t("textarea",{cols:"6",rows:"3",invalid:""},null,-1)),j=e(()=>t("b",{class:"font-size-18 mt-5"},"Code examples:",-1)),G=` `,J=` `,K=` diff --git a/docs/assets/links-9Iy10jTj.js b/docs/assets/links-rz5svL6Q.js similarity index 89% rename from docs/assets/links-9Iy10jTj.js rename to docs/assets/links-rz5svL6Q.js index e2931cb..fb2a126 100644 --- a/docs/assets/links-9Iy10jTj.js +++ b/docs/assets/links-rz5svL6Q.js @@ -1,4 +1,4 @@ -import{C as s}from"./Card-O6cB90BV.js";import{_ as e,i as l,h as o,w as r,o as c,d as a,t as i,p as d,e as h}from"./index-B1ANj5xS.js";const n=t=>(d("data-v-a43791b8"),t=t(),h(),t),u=n(()=>a("header",null,[a("h1",{class:"mb-2"},"Links"),a("hr")],-1)),b=n(()=>a("section",{class:"column gap-5 mb-5"},[a("a",{href:""},"A standard link"),a("a",{href:"",class:"accent"},"An accent colored link"),a("a",{href:"",class:"danger"},"A danger colored link"),a("a",{href:"",class:"contrast"},"A contrast colored link"),a("a",{href:"",class:"button"},"A link as a button"),a("a",{href:"",class:"button normal"},"A link as normal button"),a("a",{href:"",class:"button primary"},"A link as primary button"),a("a",{href:"",class:"button accent"},"A link as accent button"),a("a",{href:"",class:"button contrast"},"A link as contrast button"),a("a",{href:"",class:"button danger"},"A link as danger button"),a("a",{href:"",class:"button danger disabled"},"A link as button with the disabled class")],-1)),f=`A standard link +import{C as s}from"./Card-7lCztz2-.js";import{_ as e,i as l,h as o,w as r,o as c,d as a,t as i,p as d,e as h}from"./index-x0UhD0bb.js";const n=t=>(d("data-v-a43791b8"),t=t(),h(),t),u=n(()=>a("header",null,[a("h1",{class:"mb-2"},"Links"),a("hr")],-1)),b=n(()=>a("section",{class:"column gap-5 mb-5"},[a("a",{href:""},"A standard link"),a("a",{href:"",class:"accent"},"An accent colored link"),a("a",{href:"",class:"danger"},"A danger colored link"),a("a",{href:"",class:"contrast"},"A contrast colored link"),a("a",{href:"",class:"button"},"A link as a button"),a("a",{href:"",class:"button normal"},"A link as normal button"),a("a",{href:"",class:"button primary"},"A link as primary button"),a("a",{href:"",class:"button accent"},"A link as accent button"),a("a",{href:"",class:"button contrast"},"A link as contrast button"),a("a",{href:"",class:"button danger"},"A link as danger button"),a("a",{href:"",class:"button danger disabled"},"A link as button with the disabled class")],-1)),f=`A standard link An accent colored link A danger colored link A contrast colored link diff --git a/docs/assets/margins-paddings-tK9djHG5.js b/docs/assets/margins-paddings-7LTQD4AX.js similarity index 97% rename from docs/assets/margins-paddings-tK9djHG5.js rename to docs/assets/margins-paddings-7LTQD4AX.js index 41a3a96..c39d2bb 100644 --- a/docs/assets/margins-paddings-tK9djHG5.js +++ b/docs/assets/margins-paddings-7LTQD4AX.js @@ -1 +1 @@ -import{C as n}from"./Card-O6cB90BV.js";import{h as u,w as d,o as a,d as l,b as t}from"./index-B1ANj5xS.js";const e=l("article",null,[l("header",null,[l("h1",{class:"mb-2"},"Margins and Paddings"),l("hr")]),l("section",{class:"column overflow-horizontal gap-2 mb-3"},[l("p",null,[t(" Each version has a number ranging from 0 and 5 and auto. 0 means no padding or margin for that direction. "),l("br")]),l("h3",null,"CSS Variables"),l("hr"),l("p",null,[t(" Each of these variables corresponds directly to the number of the margin / padding class. "),l("br"),t(" So "),l("i",null,"pl-3"),t(" applies the "),l("i",null,"--distance-3"),t(" as padding-left. ")]),l("table",{class:"table fit-content"},[l("thead",null,[l("tr",null,[l("th",null,"Variable"),l("th",null,"Value")])]),l("tbody",null,[l("tr",null,[l("td",null,"--distance-0"),l("td",null,"0")]),l("tr",null,[l("td",null,"--distance-1"),l("td",null,"0.5rem")]),l("tr",null,[l("td",null,"--distance-2"),l("td",null,"1rem")]),l("tr",null,[l("td",null,"--distance-3"),l("td",null,"1.5rem")]),l("tr",null,[l("td",null,"--distance-4"),l("td",null,"2rem")]),l("tr",null,[l("td",null,"--distance-5"),l("td",null,"2.5rem")])]),l("tfoot",null,[l("tr",null,[l("td",{colspan:"2"},"These distances are also used for the .gap classes")])])]),l("p",null," Responsive prefixes that you can use to apply a padding / margin only on a certain screensize: "),l("table",{class:"table fit-content"},[l("thead",null,[l("tr",null,[l("th",null,"Class"),l("th",null,"415px"),l("th",null,"576px"),l("th",null,"768px"),l("th",null,"992px")])]),l("tbody",null,[l("tr",null,[l("td",null,".m*"),l("td",null,"X"),l("td",null,"X"),l("td",null,"-"),l("td",null,"-")]),l("tr",null,[l("td",null,".t*"),l("td",null,"-"),l("td",null,"-"),l("td",null,"X"),l("td",null,"X")])]),l("tfoot",null," Example: .mp-1, .mm-2, tp-3 etc. ")]),l("h4",null,"Example:"),l("table",{class:"table fit-content"},[l("thead",null,[l("tr",null,[l("th",null,"Padding class"),l("th",null,"Margin class"),l("th",null,"Top"),l("th",null,"Right"),l("th",null,"Bottom"),l("th",null,"Left")])]),l("tbody",null,[l("tr",null,[l("td",null,"p-0"),l("td",null,"m-0"),l("td",null,"0"),l("td",null,"0"),l("td",null,"0"),l("td",null,"0")]),l("tr",null,[l("td",null,"p-1"),l("td",null,"m-1"),l("td",null,"0.5rem"),l("td",null,"0.5rem"),l("td",null,"0.5rem"),l("td",null,"0.5rem")]),l("tr",null,[l("td",null,"pt-auto"),l("td",null,"mt-auto"),l("td",null,"auto"),l("td",null,"-"),l("td",null,"-"),l("td",null,"-")]),l("tr",null,[l("td",null,"pt-0"),l("td",null,"mt-0"),l("td",null,"0"),l("td",null,"-"),l("td",null,"-"),l("td",null,"-")]),l("tr",null,[l("td",null,"pt-1"),l("td",null,"mt-1"),l("td",null,"0.5rem"),l("td",null,"-"),l("td",null,"-"),l("td",null,"-")]),l("tr",null,[l("td",null,"pb-auto"),l("td",null,"mb-auto"),l("td",null,"-"),l("td",null,"-"),l("td",null,"auto"),l("td",null,"-")]),l("tr",null,[l("td",null,"pb-0"),l("td",null,"mb-0"),l("td",null,"-"),l("td",null,"-"),l("td",null,"0"),l("td",null,"-")]),l("tr",null,[l("td",null,"pb-1"),l("td",null,"mb-1"),l("td",null,"-"),l("td",null,"-"),l("td",null,"0.5rem"),l("td",null,"-")]),l("tr",null,[l("td",null,"pl-auto"),l("td",null,"ml-auto"),l("td",null,"-"),l("td",null,"-"),l("td",null,"-"),l("td",null,"auto")]),l("tr",null,[l("td",null,"pl-0"),l("td",null,"ml-0"),l("td",null,"-"),l("td",null,"-"),l("td",null,"-"),l("td",null,"0")]),l("tr",null,[l("td",null,"pl-1"),l("td",null,"ml-1"),l("td",null,"-"),l("td",null,"-"),l("td",null,"-"),l("td",null,"0.5rem")]),l("tr",null,[l("td",null,"pr-auto"),l("td",null,"mr-auto"),l("td",null,"-"),l("td",null,"auto"),l("td",null,"-"),l("td",null,"-")]),l("tr",null,[l("td",null,"pr-0"),l("td",null,"mr-0"),l("td",null,"-"),l("td",null,"0"),l("td",null,"-"),l("td",null,"-")]),l("tr",null,[l("td",null,"pr-1"),l("td",null,"mr-1"),l("td",null,"-"),l("td",null,"0.5rem"),l("td",null,"-"),l("td",null,"-")]),l("tr",null,[l("td",null,"px-auto"),l("td",null,"mx-auto"),l("td",null,"unchanged"),l("td",null,"auto"),l("td",null,"unchanged"),l("td",null,"auto")]),l("tr",null,[l("td",null,"px-0"),l("td",null,"mx-0"),l("td",null,"unchanged"),l("td",null,"0"),l("td",null,"unchanged"),l("td",null,"0")]),l("tr",null,[l("td",null,"px-1"),l("td",null,"mx-1"),l("td",null,"-"),l("td",null,"0.5rem"),l("td",null,"-"),l("td",null,"0.5rem")]),l("tr",null,[l("td",null,"py-auto"),l("td",null,"my-auto"),l("td",null,"auto"),l("td",null,"unchanged"),l("td",null,"auto"),l("td",null,"unchanged")]),l("tr",null,[l("td",null,"py-0"),l("td",null,"my-0"),l("td",null,"0"),l("td",null,"unchanged"),l("td",null,"0"),l("td",null,"unchanged")]),l("tr",null,[l("td",null,"py-1"),l("td",null,"my-1"),l("td",null,"0.5rem"),l("td",null,"-"),l("td",null,"0.5rem"),l("td",null,"-")])])]),l("h4",{class:"my-3"},"Responsive paddings and margins in action:"),l("div",{class:"column mb-5"},[l("span",{class:"mb-3"},"Resize the screen to see it in action:"),l("div",{class:"mobile bg-danger p-3"},"Currently the screen is: Mobile"),l("div",{class:"tablet bg-accent p-3"},"Currently the screen is: Tablet"),l("div",{class:"desktop bg-primary p-3"},"Currently the screen is: Desktop")]),l("div",{class:"row align-start"},[l("div",{class:"bg-primary p-1 tp-3 mp-5 f-25"}," normal padding 1 tablet padding 3 mobile padding 5 "),l("div",{class:"bg-accent p-2 f-25 ml-5 tml-3 mm-1"}," normal left margin 5, tablet left margin 3, mobile margin 1 ")])])],-1),c={__name:"margins-paddings",setup(r){return(s,o)=>(a(),u(n,{class:"column gap-5"},{default:d(()=>[e]),_:1}))}};export{c as default}; +import{C as n}from"./Card-7lCztz2-.js";import{h as u,w as d,o as a,d as l,b as t}from"./index-x0UhD0bb.js";const e=l("article",null,[l("header",null,[l("h1",{class:"mb-2"},"Margins and Paddings"),l("hr")]),l("section",{class:"column overflow-horizontal gap-2 mb-3"},[l("p",null,[t(" Each version has a number ranging from 0 and 5 and auto. 0 means no padding or margin for that direction. "),l("br")]),l("h3",null,"CSS Variables"),l("hr"),l("p",null,[t(" Each of these variables corresponds directly to the number of the margin / padding class. "),l("br"),t(" So "),l("i",null,"pl-3"),t(" applies the "),l("i",null,"--distance-3"),t(" as padding-left. ")]),l("table",{class:"table fit-content"},[l("thead",null,[l("tr",null,[l("th",null,"Variable"),l("th",null,"Value")])]),l("tbody",null,[l("tr",null,[l("td",null,"--distance-0"),l("td",null,"0")]),l("tr",null,[l("td",null,"--distance-1"),l("td",null,"0.5rem")]),l("tr",null,[l("td",null,"--distance-2"),l("td",null,"1rem")]),l("tr",null,[l("td",null,"--distance-3"),l("td",null,"1.5rem")]),l("tr",null,[l("td",null,"--distance-4"),l("td",null,"2rem")]),l("tr",null,[l("td",null,"--distance-5"),l("td",null,"2.5rem")])]),l("tfoot",null,[l("tr",null,[l("td",{colspan:"2"},"These distances are also used for the .gap classes")])])]),l("p",null," Responsive prefixes that you can use to apply a padding / margin only on a certain screensize: "),l("table",{class:"table fit-content"},[l("thead",null,[l("tr",null,[l("th",null,"Class"),l("th",null,"415px"),l("th",null,"576px"),l("th",null,"768px"),l("th",null,"992px")])]),l("tbody",null,[l("tr",null,[l("td",null,".m*"),l("td",null,"X"),l("td",null,"X"),l("td",null,"-"),l("td",null,"-")]),l("tr",null,[l("td",null,".t*"),l("td",null,"-"),l("td",null,"-"),l("td",null,"X"),l("td",null,"X")])]),l("tfoot",null," Example: .mp-1, .mm-2, tp-3 etc. ")]),l("h4",null,"Example:"),l("table",{class:"table fit-content"},[l("thead",null,[l("tr",null,[l("th",null,"Padding class"),l("th",null,"Margin class"),l("th",null,"Top"),l("th",null,"Right"),l("th",null,"Bottom"),l("th",null,"Left")])]),l("tbody",null,[l("tr",null,[l("td",null,"p-0"),l("td",null,"m-0"),l("td",null,"0"),l("td",null,"0"),l("td",null,"0"),l("td",null,"0")]),l("tr",null,[l("td",null,"p-1"),l("td",null,"m-1"),l("td",null,"0.5rem"),l("td",null,"0.5rem"),l("td",null,"0.5rem"),l("td",null,"0.5rem")]),l("tr",null,[l("td",null,"pt-auto"),l("td",null,"mt-auto"),l("td",null,"auto"),l("td",null,"-"),l("td",null,"-"),l("td",null,"-")]),l("tr",null,[l("td",null,"pt-0"),l("td",null,"mt-0"),l("td",null,"0"),l("td",null,"-"),l("td",null,"-"),l("td",null,"-")]),l("tr",null,[l("td",null,"pt-1"),l("td",null,"mt-1"),l("td",null,"0.5rem"),l("td",null,"-"),l("td",null,"-"),l("td",null,"-")]),l("tr",null,[l("td",null,"pb-auto"),l("td",null,"mb-auto"),l("td",null,"-"),l("td",null,"-"),l("td",null,"auto"),l("td",null,"-")]),l("tr",null,[l("td",null,"pb-0"),l("td",null,"mb-0"),l("td",null,"-"),l("td",null,"-"),l("td",null,"0"),l("td",null,"-")]),l("tr",null,[l("td",null,"pb-1"),l("td",null,"mb-1"),l("td",null,"-"),l("td",null,"-"),l("td",null,"0.5rem"),l("td",null,"-")]),l("tr",null,[l("td",null,"pl-auto"),l("td",null,"ml-auto"),l("td",null,"-"),l("td",null,"-"),l("td",null,"-"),l("td",null,"auto")]),l("tr",null,[l("td",null,"pl-0"),l("td",null,"ml-0"),l("td",null,"-"),l("td",null,"-"),l("td",null,"-"),l("td",null,"0")]),l("tr",null,[l("td",null,"pl-1"),l("td",null,"ml-1"),l("td",null,"-"),l("td",null,"-"),l("td",null,"-"),l("td",null,"0.5rem")]),l("tr",null,[l("td",null,"pr-auto"),l("td",null,"mr-auto"),l("td",null,"-"),l("td",null,"auto"),l("td",null,"-"),l("td",null,"-")]),l("tr",null,[l("td",null,"pr-0"),l("td",null,"mr-0"),l("td",null,"-"),l("td",null,"0"),l("td",null,"-"),l("td",null,"-")]),l("tr",null,[l("td",null,"pr-1"),l("td",null,"mr-1"),l("td",null,"-"),l("td",null,"0.5rem"),l("td",null,"-"),l("td",null,"-")]),l("tr",null,[l("td",null,"px-auto"),l("td",null,"mx-auto"),l("td",null,"unchanged"),l("td",null,"auto"),l("td",null,"unchanged"),l("td",null,"auto")]),l("tr",null,[l("td",null,"px-0"),l("td",null,"mx-0"),l("td",null,"unchanged"),l("td",null,"0"),l("td",null,"unchanged"),l("td",null,"0")]),l("tr",null,[l("td",null,"px-1"),l("td",null,"mx-1"),l("td",null,"-"),l("td",null,"0.5rem"),l("td",null,"-"),l("td",null,"0.5rem")]),l("tr",null,[l("td",null,"py-auto"),l("td",null,"my-auto"),l("td",null,"auto"),l("td",null,"unchanged"),l("td",null,"auto"),l("td",null,"unchanged")]),l("tr",null,[l("td",null,"py-0"),l("td",null,"my-0"),l("td",null,"0"),l("td",null,"unchanged"),l("td",null,"0"),l("td",null,"unchanged")]),l("tr",null,[l("td",null,"py-1"),l("td",null,"my-1"),l("td",null,"0.5rem"),l("td",null,"-"),l("td",null,"0.5rem"),l("td",null,"-")])])]),l("h4",{class:"my-3"},"Responsive paddings and margins in action:"),l("div",{class:"column mb-5"},[l("span",{class:"mb-3"},"Resize the screen to see it in action:"),l("div",{class:"mobile bg-danger p-3"},"Currently the screen is: Mobile"),l("div",{class:"tablet bg-accent p-3"},"Currently the screen is: Tablet"),l("div",{class:"desktop bg-primary p-3"},"Currently the screen is: Desktop")]),l("div",{class:"row align-start"},[l("div",{class:"bg-primary p-1 tp-3 mp-5 f-25"}," normal padding 1 tablet padding 3 mobile padding 5 "),l("div",{class:"bg-accent p-2 f-25 ml-5 tml-3 mm-1"}," normal left margin 5, tablet left margin 3, mobile margin 1 ")])])],-1),c={__name:"margins-paddings",setup(r){return(s,o)=>(a(),u(n,{class:"column gap-5"},{default:d(()=>[e]),_:1}))}};export{c as default}; diff --git a/docs/assets/responsive-9fu02vhL.js b/docs/assets/responsive-6L2ZSEZN.js similarity index 92% rename from docs/assets/responsive-9fu02vhL.js rename to docs/assets/responsive-6L2ZSEZN.js index 2ecde04..8d5cd57 100644 --- a/docs/assets/responsive-9fu02vhL.js +++ b/docs/assets/responsive-6L2ZSEZN.js @@ -1 +1 @@ -import{C as t}from"./Card-O6cB90BV.js";import{h as n,w as e,o as u,d as l}from"./index-B1ANj5xS.js";const s=l("article",null,[l("header",null,[l("h1",{class:"mb-2"},"Responsive hide / show"),l("hr")]),l("section",{class:"column overflow-horizontal mt-5"},[l("h3",null,"Hide / show for Mobile, Tablet and Desktop layout"),l("hr"),l("table",null,[l("thead",null,[l("tr",null,[l("th",null,"Class"),l("th",null,"415px"),l("th",null,"576px"),l("th",null,"768px"),l("th",null,"992px"),l("th",null,"1200px"),l("th",null,"1400px")])]),l("tbody",null,[l("tr",null,[l("td",null,"mobile"),l("td",null,"X"),l("td",null,"X"),l("td",null,"-"),l("td",null,"-"),l("td",null,"-"),l("td",null,"-")]),l("tr",null,[l("td",null,"tablet"),l("td",null,"-"),l("td",null,"-"),l("td",null,"X"),l("td",null,"X"),l("td",null,"-"),l("td",null,"-")]),l("tr",null,[l("td",null,"desktop"),l("td",null,"-"),l("td",null,"-"),l("td",null,"-"),l("td",null,"-"),l("td",null,"X"),l("td",null,"X")]),l("tr",null,[l("td",null,"small-screen"),l("td",null,"X"),l("td",null,"X"),l("td",null,"X"),l("td",null,"-"),l("td",null,"-"),l("td",null,"-")]),l("tr",null,[l("td",null,"large-screen"),l("td",null,"-"),l("td",null,"-"),l("td",null,"-"),l("td",null,"X"),l("td",null,"X"),l("td",null,"X")])])]),l("div",{class:"column mt-3"},[l("span",{class:"mb-3"},"Resize the screen to see it in action:"),l("div",{class:"mobile bg-danger p-3"},"Mobile"),l("div",{class:"tablet bg-accent p-3"},"Tablet"),l("div",{class:"desktop bg-primary p-3"},"desktop"),l("div",{class:"small-screen bg-gray p-3"},"small-screen"),l("div",{class:"large-screen bg-gray-dark p-3"},"large-screen")])])],-1),i={__name:"responsive",setup(d){return(a,r)=>(u(),n(t,{class:"column gap-5"},{default:e(()=>[s]),_:1}))}};export{i as default}; +import{C as t}from"./Card-7lCztz2-.js";import{h as n,w as e,o as u,d as l}from"./index-x0UhD0bb.js";const s=l("article",null,[l("header",null,[l("h1",{class:"mb-2"},"Responsive hide / show"),l("hr")]),l("section",{class:"column overflow-horizontal mt-5"},[l("h3",null,"Hide / show for Mobile, Tablet and Desktop layout"),l("hr"),l("table",null,[l("thead",null,[l("tr",null,[l("th",null,"Class"),l("th",null,"415px"),l("th",null,"576px"),l("th",null,"768px"),l("th",null,"992px"),l("th",null,"1200px"),l("th",null,"1400px")])]),l("tbody",null,[l("tr",null,[l("td",null,"mobile"),l("td",null,"X"),l("td",null,"X"),l("td",null,"-"),l("td",null,"-"),l("td",null,"-"),l("td",null,"-")]),l("tr",null,[l("td",null,"tablet"),l("td",null,"-"),l("td",null,"-"),l("td",null,"X"),l("td",null,"X"),l("td",null,"-"),l("td",null,"-")]),l("tr",null,[l("td",null,"desktop"),l("td",null,"-"),l("td",null,"-"),l("td",null,"-"),l("td",null,"-"),l("td",null,"X"),l("td",null,"X")]),l("tr",null,[l("td",null,"small-screen"),l("td",null,"X"),l("td",null,"X"),l("td",null,"X"),l("td",null,"-"),l("td",null,"-"),l("td",null,"-")]),l("tr",null,[l("td",null,"large-screen"),l("td",null,"-"),l("td",null,"-"),l("td",null,"-"),l("td",null,"X"),l("td",null,"X"),l("td",null,"X")])])]),l("div",{class:"column mt-3"},[l("span",{class:"mb-3"},"Resize the screen to see it in action:"),l("div",{class:"mobile bg-danger p-3"},"Mobile"),l("div",{class:"tablet bg-accent p-3"},"Tablet"),l("div",{class:"desktop bg-primary p-3"},"desktop"),l("div",{class:"small-screen bg-gray p-3"},"small-screen"),l("div",{class:"large-screen bg-gray-dark p-3"},"large-screen")])])],-1),i={__name:"responsive",setup(d){return(a,r)=>(u(),n(t,{class:"column gap-5"},{default:e(()=>[s]),_:1}))}};export{i as default}; diff --git a/docs/assets/shadows-9f5C0k5G.js b/docs/assets/shadows-eNnpq5Kw.js similarity index 94% rename from docs/assets/shadows-9f5C0k5G.js rename to docs/assets/shadows-eNnpq5Kw.js index 8672b90..e2c1380 100644 --- a/docs/assets/shadows-9f5C0k5G.js +++ b/docs/assets/shadows-eNnpq5Kw.js @@ -1 +1 @@ -import{C as t}from"./Card-O6cB90BV.js";import{h as a,w as s,o as d,d as l}from"./index-B1ANj5xS.js";const o=l("article",null,[l("header",null,[l("h1",{class:"mb-2"},"Shadows"),l("hr")]),l("section",null,[l("table",{class:"no-hover"},[l("thead",null,[l("tr",null,[l("th",null,"Class"),l("th",null,"Result")])]),l("tbody",null,[l("tr",null,[l("td",null,[l("code",{class:"language-html"},"shadow ")]),l("td",null,[l("div",{class:"shadow p-1 px-3"},"Element with shadow")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"shadow-top ")]),l("td",null,[l("div",{class:"shadow-top p-1 px-3"},"Element with shadow-top")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"shadow-bottom ")]),l("td",null,[l("div",{class:"shadow-bottom p-1 px-3"},"Element with shadow-bottom")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"shadow-left ")]),l("td",null,[l("div",{class:"shadow-left p-1 px-3"},"Element with shadow-left")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"shadow-right ")]),l("td",null,[l("div",{class:"shadow-right p-1 px-3"},"Element with shadow-right")])]),l("tr",null,[l("td",{colspan:"2"},"Large variants")]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"shadow-lg ")]),l("td",null,[l("div",{class:"shadow-lg p-1 px-3"},"Element with shadow")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"shadow-top-lg ")]),l("td",null,[l("div",{class:"shadow-top-lg p-1 px-3"},"Element with shadow-top-lg")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"shadow-bottom-lg ")]),l("td",null,[l("div",{class:"shadow-bottom-lg p-1 px-3"},"Element with shadow-bottom-lg")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"shadow-left-lg ")]),l("td",null,[l("div",{class:"shadow-left-lg p-1 px-3"},"Element with shadow-left-lg")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"shadow-right-lg ")]),l("td",null,[l("div",{class:"shadow-right-lg p-1 px-3"},"Element with shadow-right-lg")])])])])])],-1),w={__name:"shadows",setup(e){return(n,h)=>(d(),a(t,{class:"column gap-5"},{default:s(()=>[o]),_:1}))}};export{w as default}; +import{C as t}from"./Card-7lCztz2-.js";import{h as a,w as s,o as d,d as l}from"./index-x0UhD0bb.js";const o=l("article",null,[l("header",null,[l("h1",{class:"mb-2"},"Shadows"),l("hr")]),l("section",null,[l("table",{class:"no-hover"},[l("thead",null,[l("tr",null,[l("th",null,"Class"),l("th",null,"Result")])]),l("tbody",null,[l("tr",null,[l("td",null,[l("code",{class:"language-html"},"shadow ")]),l("td",null,[l("div",{class:"shadow p-1 px-3"},"Element with shadow")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"shadow-top ")]),l("td",null,[l("div",{class:"shadow-top p-1 px-3"},"Element with shadow-top")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"shadow-bottom ")]),l("td",null,[l("div",{class:"shadow-bottom p-1 px-3"},"Element with shadow-bottom")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"shadow-left ")]),l("td",null,[l("div",{class:"shadow-left p-1 px-3"},"Element with shadow-left")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"shadow-right ")]),l("td",null,[l("div",{class:"shadow-right p-1 px-3"},"Element with shadow-right")])]),l("tr",null,[l("td",{colspan:"2"},"Large variants")]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"shadow-lg ")]),l("td",null,[l("div",{class:"shadow-lg p-1 px-3"},"Element with shadow")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"shadow-top-lg ")]),l("td",null,[l("div",{class:"shadow-top-lg p-1 px-3"},"Element with shadow-top-lg")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"shadow-bottom-lg ")]),l("td",null,[l("div",{class:"shadow-bottom-lg p-1 px-3"},"Element with shadow-bottom-lg")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"shadow-left-lg ")]),l("td",null,[l("div",{class:"shadow-left-lg p-1 px-3"},"Element with shadow-left-lg")])]),l("tr",null,[l("td",null,[l("code",{class:"language-html"},"shadow-right-lg ")]),l("td",null,[l("div",{class:"shadow-right-lg p-1 px-3"},"Element with shadow-right-lg")])])])])])],-1),w={__name:"shadows",setup(e){return(n,h)=>(d(),a(t,{class:"column gap-5"},{default:s(()=>[o]),_:1}))}};export{w as default}; diff --git a/docs/assets/table-_XPk5mFt.js b/docs/assets/table-ePDs2srB.js similarity index 97% rename from docs/assets/table-_XPk5mFt.js rename to docs/assets/table-ePDs2srB.js index 3613291..41c10a2 100644 --- a/docs/assets/table-_XPk5mFt.js +++ b/docs/assets/table-ePDs2srB.js @@ -1,4 +1,4 @@ -import{C as u}from"./Card-O6cB90BV.js";import{_ as e,i as a,h as r,w as o,o as h,d as t,t as s,p as c,e as b,b as l}from"./index-B1ANj5xS.js";const d=n=>(c("data-v-8d506f9d"),n=n(),b(),n),p=d(()=>t("header",null,[t("h1",null,"Table"),t("hr")],-1)),i=d(()=>t("div",{class:"body column no-stretch gap-3"},[t("p",null,"Default table"),t("table",null,[t("thead",null,[t("tr",null,[t("th",null,"Column header 1"),t("th",null,"Column header 2"),t("th",null,"Column header 3")])]),t("tbody",null,[t("tr",null,[t("td",null,"A"),t("td",null,"B"),t("td",null,"C")]),t("tr",null,[t("td",null,"D"),t("td",null,"E"),t("td",null,"F")]),t("tr",null,[t("td",null,"G"),t("td",null,"H"),t("td",null,"I")])]),t("tfoot",null,[t("tr",null,[t("td",{colspan:"3"},"Table footer with colspan 3")])])]),t("p",null,[l("Table with the "),t("code",null,"no-hover"),l("class:")]),t("table",{class:"no-hover"},[t("thead",null,[t("tr",null,[t("th",null,"Column header 1"),t("th",null,"Column header 2"),t("th",null,"Column header 3")])]),t("tbody",null,[t("tr",null,[t("td",null,"A"),t("td",null,"B"),t("td",null,"C")]),t("tr",null,[t("td",null,"D"),t("td",null,"E"),t("td",null,"F")]),t("tr",null,[t("td",null,"G"),t("td",null,"H"),t("td",null,"I")])]),t("tfoot",null,[t("tr",null,[t("td",{colspan:"3"},"Table footer with colspan 3")])])]),t("p",null,[l("A table with the "),t("code",{class:"language-html"},"table"),l(" class.")]),t("table",{class:"table"},[t("thead",null,[t("tr",null,[t("th",null,"Column header 1"),t("th",null,"Column header 2"),t("th",null,"Column header 3")])]),t("tbody",null,[t("tr",null,[t("td",null,"A"),t("td",null,"B"),t("td",null,"C")]),t("tr",null,[t("td",null,"D"),t("td",null,"E"),t("td",null,"F")]),t("tr",null,[t("td",null,"G"),t("td",null,"H"),t("td",null,"I")])]),t("tfoot",null,[t("tr",null,[t("td",{colspan:"3"},"Table footer with colspan 3")])])]),t("p",null,"With a sticky header:"),t("div",{class:"table-container",style:{height:"12vh"}},[t("table",{class:"table sticky-header"},[t("thead",null,[t("tr",null,[t("th",null,"Column 1"),t("th",null,"Column 2"),t("th",null,"Column 3")])]),t("tbody",null,[t("tr",null,[t("td",null,"A"),t("td",null,"B"),t("td",null,"C")]),t("tr",null,[t("td",null,"D"),t("td",null,"E"),t("td",null,"F")]),t("tr",null,[t("td",null,"G"),t("td",null,"H"),t("td",null,"I")]),t("tr",null,[t("td",null,"J"),t("td",null,"K"),t("td",null,"L")]),t("tr",null,[t("td",null,"M"),t("td",null,"N"),t("td",null,"O")]),t("tr",null,[t("td",null,"P"),t("td",null,"Q"),t("td",null,"R")]),t("tr",null,[t("td",null,"S"),t("td",null,"T"),t("td",null,"U")]),t("tr",null,[t("td",null,"V"),t("td",null,"W"),t("td",null,"X")]),t("tr",null,[t("td",null,"Y"),t("td",null,"Z"),t("td",null,"-")])]),t("tfoot",null,[t("tr",null,[t("td",{colspan:"3"},"Table footer with colspan 3")])])])]),t("p",null,[l(" A table with the "),t("code",{class:"language-html"},"table"),l(" and "),t("code",{class:"language-html"},"striped"),l(" class. ")]),t("table",{class:"table striped"},[t("thead",null,[t("tr",null,[t("th",null,"Column header 1"),t("th",null,"Column header 2"),t("th",null,"Column header 3")])]),t("tbody",null,[t("tr",null,[t("td",null,"A"),t("td",null,"B"),t("td",null,"C")]),t("tr",null,[t("td",null,"D"),t("td",null,"E"),t("td",null,"F")]),t("tr",null,[t("td",null,"G"),t("td",null,"H"),t("td",null,"I")])])])],-1)),m=` +import{C as u}from"./Card-7lCztz2-.js";import{_ as e,i as a,h as r,w as o,o as h,d as t,t as s,p as c,e as b,b as l}from"./index-x0UhD0bb.js";const d=n=>(c("data-v-8d506f9d"),n=n(),b(),n),p=d(()=>t("header",null,[t("h1",null,"Table"),t("hr")],-1)),i=d(()=>t("div",{class:"body column no-stretch gap-3"},[t("p",null,"Default table"),t("table",null,[t("thead",null,[t("tr",null,[t("th",null,"Column header 1"),t("th",null,"Column header 2"),t("th",null,"Column header 3")])]),t("tbody",null,[t("tr",null,[t("td",null,"A"),t("td",null,"B"),t("td",null,"C")]),t("tr",null,[t("td",null,"D"),t("td",null,"E"),t("td",null,"F")]),t("tr",null,[t("td",null,"G"),t("td",null,"H"),t("td",null,"I")])]),t("tfoot",null,[t("tr",null,[t("td",{colspan:"3"},"Table footer with colspan 3")])])]),t("p",null,[l("Table with the "),t("code",null,"no-hover"),l("class:")]),t("table",{class:"no-hover"},[t("thead",null,[t("tr",null,[t("th",null,"Column header 1"),t("th",null,"Column header 2"),t("th",null,"Column header 3")])]),t("tbody",null,[t("tr",null,[t("td",null,"A"),t("td",null,"B"),t("td",null,"C")]),t("tr",null,[t("td",null,"D"),t("td",null,"E"),t("td",null,"F")]),t("tr",null,[t("td",null,"G"),t("td",null,"H"),t("td",null,"I")])]),t("tfoot",null,[t("tr",null,[t("td",{colspan:"3"},"Table footer with colspan 3")])])]),t("p",null,[l("A table with the "),t("code",{class:"language-html"},"table"),l(" class.")]),t("table",{class:"table"},[t("thead",null,[t("tr",null,[t("th",null,"Column header 1"),t("th",null,"Column header 2"),t("th",null,"Column header 3")])]),t("tbody",null,[t("tr",null,[t("td",null,"A"),t("td",null,"B"),t("td",null,"C")]),t("tr",null,[t("td",null,"D"),t("td",null,"E"),t("td",null,"F")]),t("tr",null,[t("td",null,"G"),t("td",null,"H"),t("td",null,"I")])]),t("tfoot",null,[t("tr",null,[t("td",{colspan:"3"},"Table footer with colspan 3")])])]),t("p",null,"With a sticky header:"),t("div",{class:"table-container",style:{height:"12vh"}},[t("table",{class:"table sticky-header"},[t("thead",null,[t("tr",null,[t("th",null,"Column 1"),t("th",null,"Column 2"),t("th",null,"Column 3")])]),t("tbody",null,[t("tr",null,[t("td",null,"A"),t("td",null,"B"),t("td",null,"C")]),t("tr",null,[t("td",null,"D"),t("td",null,"E"),t("td",null,"F")]),t("tr",null,[t("td",null,"G"),t("td",null,"H"),t("td",null,"I")]),t("tr",null,[t("td",null,"J"),t("td",null,"K"),t("td",null,"L")]),t("tr",null,[t("td",null,"M"),t("td",null,"N"),t("td",null,"O")]),t("tr",null,[t("td",null,"P"),t("td",null,"Q"),t("td",null,"R")]),t("tr",null,[t("td",null,"S"),t("td",null,"T"),t("td",null,"U")]),t("tr",null,[t("td",null,"V"),t("td",null,"W"),t("td",null,"X")]),t("tr",null,[t("td",null,"Y"),t("td",null,"Z"),t("td",null,"-")])]),t("tfoot",null,[t("tr",null,[t("td",{colspan:"3"},"Table footer with colspan 3")])])])]),t("p",null,[l(" A table with the "),t("code",{class:"language-html"},"table"),l(" and "),t("code",{class:"language-html"},"striped"),l(" class. ")]),t("table",{class:"table striped"},[t("thead",null,[t("tr",null,[t("th",null,"Column header 1"),t("th",null,"Column header 2"),t("th",null,"Column header 3")])]),t("tbody",null,[t("tr",null,[t("td",null,"A"),t("td",null,"B"),t("td",null,"C")]),t("tr",null,[t("td",null,"D"),t("td",null,"E"),t("td",null,"F")]),t("tr",null,[t("td",null,"G"),t("td",null,"H"),t("td",null,"I")])])])],-1)),m=`
diff --git a/docs/assets/typography-KlRrey_2.js b/docs/assets/typography--KlVZmQq.js similarity index 97% rename from docs/assets/typography-KlRrey_2.js rename to docs/assets/typography--KlVZmQq.js index f57e253..945b35f 100644 --- a/docs/assets/typography-KlRrey_2.js +++ b/docs/assets/typography--KlVZmQq.js @@ -1 +1 @@ -import{C as t}from"./Card-O6cB90BV.js";import{h as u,w as e,o as s,d as l,b as n}from"./index-B1ANj5xS.js";const d=l("article",null,[l("header",null,[l("h1",{class:"mb-2"},"Typography"),l("hr")]),l("div",{class:"column ml-1 mb-5 gap-5"},[l("p",null,[n(" Avian uses the following font-size, based on a 62.5% of the default font-size. "),l("br"),n(" This translates to 0.1rem equals 1px. ")]),l("section",{class:"row gap-5"},[l("div",{class:"f-50"},[l("table",{class:"table"},[l("thead",null,[l("tr",null,[l("th",null,"Element"),l("th",null,"Specified font-size"),l("th",null,"Computed pixels"),l("th",null,"CSS variable")])]),l("tbody",null,[l("tr",null,[l("td",null,"h1"),l("td",null,"3.2rem"),l("td",null,"32px"),l("td",null,"--h1-font-size")]),l("tr",null,[l("td",null,"h2"),l("td",null,"3.0rem"),l("td",null,"30px"),l("td",null,"--h2-font-size")]),l("tr",null,[l("td",null,"h3"),l("td",null,"2.8rem"),l("td",null,"28px"),l("td",null,"--h3-font-size")]),l("tr",null,[l("td",null,"h4"),l("td",null,"2.6rem"),l("td",null,"26px"),l("td",null,"--h4-font-size")]),l("tr",null,[l("td",null,"h5"),l("td",null,"2.4rem"),l("td",null,"24px"),l("td",null,"--h5-font-size")]),l("tr",null,[l("td",null,"h6"),l("td",null,"2.2rem"),l("td",null,"22px"),l("td",null,"--h6-font-size")]),l("tr",null,[l("td",null,"label"),l("td",null,"1.6rem"),l("td",null,"16px"),l("td",null,"--label-font-size")]),l("tr",null,[l("td",null,"small"),l("td",null,"1.2rem"),l("td",null,"14px"),l("td",null,"--small-font-size")]),l("tr",null,[l("td",null,"p"),l("td",null,"1.6rem"),l("td",null,"16px"),l("td",null,"--paragraph-font-size")])])])]),l("div",null,[l("h1",null,"Header 1"),l("h2",null,"Header 2"),l("h3",null,"Header 3"),l("h4",null,"Header 4"),l("h5",null,"Header 5"),l("h6",null,"Header 6"),l("label",null,"label"),n(),l("br"),l("small",null,"small"),l("p",null,"Normal text in a paragraph")])]),l("section",null,[l("header",null,[l("h2",null,"Other text elements"),l("hr")]),l("section",{class:"row"},[l("table",{class:"table f-50"},[l("thead",null,[l("tr",null,[l("th",null,"Tag"),l("th",null,"Result")])]),l("tbody",null,[l("tr",null,[l("td",null,[l("code",null,"abbr")]),l("td",null,[l("abbr",{title:"Abbreviation"},"Abbr.")])]),l("tr",null,[l("td",{class:"row gap-1"},[l("code",null,"strong"),l("code",null,"b")]),l("td",null,[l("strong",null,"Bold")])]),l("tr",null,[l("td",{class:"row gap-1"},[l("code",null,"i"),l("code",null,"em"),l("code",null,"cite")]),l("td",null,[l("em",null,"Italic")])]),l("tr",null,[l("td",null,[l("code",null,"del")]),l("td",null,[l("del",null,"Deleted")])]),l("tr",null,[l("td",null,[l("code",null,"ins")]),l("td",null,[l("ins",null,"Inserted")])]),l("tr",null,[l("td",{class:"row gap-1"},[l("code",null,"kbd"),l("code",null,"code")]),l("td",null,[l("kbd",null,"Ctrl + S")])]),l("tr",null,[l("td",null,[l("code",null,"mark")]),l("td",null,[l("mark",null,"Highlighted")])]),l("tr",null,[l("td",null,[l("code",null,"strike"),l("code",null,"s")]),l("td",null,[l("s",null,"Strikethrough")])]),l("tr",null,[l("td",null,[l("code",null,"small")]),l("td",null,[l("small",null,"Small ")])]),l("tr",null,[l("td",null,[l("code",null,"sub")]),l("td",null,[n("Text "),l("sub",null,"sub")])]),l("tr",null,[l("td",null,[l("code",null,"sup")]),l("td",null,[n("Text "),l("sup",null,"sup")])]),l("tr",null,[l("td",null,[l("code",null,"u")]),l("td",null,[l("u",null,"Underline")])])])])])]),l("section",null,[l("header",null,[l("h2",null,"Text classes"),l("hr")]),l("section",{class:"row gap-5"},[l("div",{class:"f-50"},[l("table",{class:"table"},[l("thead",null,[l("tr",null,[l("th",null,"Class"),l("th",null,"Font weight"),l("th",null,"CSS Variable")])]),l("tbody",null,[l("tr",null,[l("td",null,"font-weight-normal"),l("td",null,"400"),l("td",null,"--font-weight-normal")]),l("tr",null,[l("td",null,"font-weight-semibold"),l("td",null,"600"),l("td",null,"--font-weight-semibold")]),l("tr",null,[l("td",null,"font-weight-bold"),l("td",null,"700"),l("td",null,"--font-weight-bold")])])])]),l("div",null,[l("h1",{class:"font-weight-normal"},"Header 1 with normal fontweight"),l("span",{class:"font-weight-semibold block"},"Text in semibold"),l("span",{class:"font-weight-bold block"},"Text in bold")]),l("div",{class:"f-50"},[l("table",{class:"table"},[l("thead",null,[l("tr",null,[l("th",null,"Class"),l("th",null,"Font size")])]),l("tbody",null,[l("tr",null,[l("td",null,"font-size-68"),l("td",null,"6.8rem")]),l("tr",null,[l("td",null,"font-size-42"),l("td",null,"4.2rem")]),l("tr",null,[l("td",null,"font-size-32"),l("td",null,"3.2rem")]),l("tr",null,[l("td",null,"font-size-28"),l("td",null,"2.8rem")]),l("tr",null,[l("td",null,"font-size-24"),l("td",null,"2.4rem")]),l("tr",null,[l("td",null,"font-size-20"),l("td",null,"2rem")]),l("tr",null,[l("td",null,"font-size-18"),l("td",null,"1.8rem")]),l("tr",null,[l("td",null,"font-size-14"),l("td",null,"1.4rem")]),l("tr",null,[l("td",null,"font-size-12"),l("td",null,"1.2rem")]),l("tr",null,[l("td",null,"font-size-10"),l("td",null,"1rem")])])])]),l("div",null,[l("span",{class:"font-size-68 block"},"Size 68"),l("span",{class:"font-size-42 block"},"Size 42"),l("span",{class:"font-size-32 block"},"Size 32"),l("span",{class:"font-size-28 block"},"Size 28"),l("span",{class:"font-size-24 block"},"Size 24"),l("span",{class:"font-size-20 block"},"Size 20"),l("span",{class:"font-size-18 block"},"Size 18"),l("span",{class:"font-size-16 block"},"Size 16"),l("span",{class:"font-size-14 block"},"Size 14"),l("span",{class:"font-size-12 block"},"Size 12"),l("span",{class:"font-size-10 block"},"Size 10")])])])])],-1),h={__name:"typography",setup(a){return(o,r)=>(s(),u(t,{class:"column gap-5"},{default:e(()=>[d]),_:1}))}};export{h as default}; +import{C as t}from"./Card-7lCztz2-.js";import{h as u,w as e,o as s,d as l,b as n}from"./index-x0UhD0bb.js";const d=l("article",null,[l("header",null,[l("h1",{class:"mb-2"},"Typography"),l("hr")]),l("div",{class:"column ml-1 mb-5 gap-5"},[l("p",null,[n(" Avian uses the following font-size, based on a 62.5% of the default font-size. "),l("br"),n(" This translates to 0.1rem equals 1px. ")]),l("section",{class:"row gap-5"},[l("div",{class:"f-50"},[l("table",{class:"table"},[l("thead",null,[l("tr",null,[l("th",null,"Element"),l("th",null,"Specified font-size"),l("th",null,"Computed pixels"),l("th",null,"CSS variable")])]),l("tbody",null,[l("tr",null,[l("td",null,"h1"),l("td",null,"3.2rem"),l("td",null,"32px"),l("td",null,"--h1-font-size")]),l("tr",null,[l("td",null,"h2"),l("td",null,"3.0rem"),l("td",null,"30px"),l("td",null,"--h2-font-size")]),l("tr",null,[l("td",null,"h3"),l("td",null,"2.8rem"),l("td",null,"28px"),l("td",null,"--h3-font-size")]),l("tr",null,[l("td",null,"h4"),l("td",null,"2.6rem"),l("td",null,"26px"),l("td",null,"--h4-font-size")]),l("tr",null,[l("td",null,"h5"),l("td",null,"2.4rem"),l("td",null,"24px"),l("td",null,"--h5-font-size")]),l("tr",null,[l("td",null,"h6"),l("td",null,"2.2rem"),l("td",null,"22px"),l("td",null,"--h6-font-size")]),l("tr",null,[l("td",null,"label"),l("td",null,"1.6rem"),l("td",null,"16px"),l("td",null,"--label-font-size")]),l("tr",null,[l("td",null,"small"),l("td",null,"1.2rem"),l("td",null,"14px"),l("td",null,"--small-font-size")]),l("tr",null,[l("td",null,"p"),l("td",null,"1.6rem"),l("td",null,"16px"),l("td",null,"--paragraph-font-size")])])])]),l("div",null,[l("h1",null,"Header 1"),l("h2",null,"Header 2"),l("h3",null,"Header 3"),l("h4",null,"Header 4"),l("h5",null,"Header 5"),l("h6",null,"Header 6"),l("label",null,"label"),n(),l("br"),l("small",null,"small"),l("p",null,"Normal text in a paragraph")])]),l("section",null,[l("header",null,[l("h2",null,"Other text elements"),l("hr")]),l("section",{class:"row"},[l("table",{class:"table f-50"},[l("thead",null,[l("tr",null,[l("th",null,"Tag"),l("th",null,"Result")])]),l("tbody",null,[l("tr",null,[l("td",null,[l("code",null,"abbr")]),l("td",null,[l("abbr",{title:"Abbreviation"},"Abbr.")])]),l("tr",null,[l("td",{class:"row gap-1"},[l("code",null,"strong"),l("code",null,"b")]),l("td",null,[l("strong",null,"Bold")])]),l("tr",null,[l("td",{class:"row gap-1"},[l("code",null,"i"),l("code",null,"em"),l("code",null,"cite")]),l("td",null,[l("em",null,"Italic")])]),l("tr",null,[l("td",null,[l("code",null,"del")]),l("td",null,[l("del",null,"Deleted")])]),l("tr",null,[l("td",null,[l("code",null,"ins")]),l("td",null,[l("ins",null,"Inserted")])]),l("tr",null,[l("td",{class:"row gap-1"},[l("code",null,"kbd"),l("code",null,"code")]),l("td",null,[l("kbd",null,"Ctrl + S")])]),l("tr",null,[l("td",null,[l("code",null,"mark")]),l("td",null,[l("mark",null,"Highlighted")])]),l("tr",null,[l("td",null,[l("code",null,"strike"),l("code",null,"s")]),l("td",null,[l("s",null,"Strikethrough")])]),l("tr",null,[l("td",null,[l("code",null,"small")]),l("td",null,[l("small",null,"Small ")])]),l("tr",null,[l("td",null,[l("code",null,"sub")]),l("td",null,[n("Text "),l("sub",null,"sub")])]),l("tr",null,[l("td",null,[l("code",null,"sup")]),l("td",null,[n("Text "),l("sup",null,"sup")])]),l("tr",null,[l("td",null,[l("code",null,"u")]),l("td",null,[l("u",null,"Underline")])])])])])]),l("section",null,[l("header",null,[l("h2",null,"Text classes"),l("hr")]),l("section",{class:"row gap-5"},[l("div",{class:"f-50"},[l("table",{class:"table"},[l("thead",null,[l("tr",null,[l("th",null,"Class"),l("th",null,"Font weight"),l("th",null,"CSS Variable")])]),l("tbody",null,[l("tr",null,[l("td",null,"font-weight-normal"),l("td",null,"400"),l("td",null,"--font-weight-normal")]),l("tr",null,[l("td",null,"font-weight-semibold"),l("td",null,"600"),l("td",null,"--font-weight-semibold")]),l("tr",null,[l("td",null,"font-weight-bold"),l("td",null,"700"),l("td",null,"--font-weight-bold")])])])]),l("div",null,[l("h1",{class:"font-weight-normal"},"Header 1 with normal fontweight"),l("span",{class:"font-weight-semibold block"},"Text in semibold"),l("span",{class:"font-weight-bold block"},"Text in bold")]),l("div",{class:"f-50"},[l("table",{class:"table"},[l("thead",null,[l("tr",null,[l("th",null,"Class"),l("th",null,"Font size")])]),l("tbody",null,[l("tr",null,[l("td",null,"font-size-68"),l("td",null,"6.8rem")]),l("tr",null,[l("td",null,"font-size-42"),l("td",null,"4.2rem")]),l("tr",null,[l("td",null,"font-size-32"),l("td",null,"3.2rem")]),l("tr",null,[l("td",null,"font-size-28"),l("td",null,"2.8rem")]),l("tr",null,[l("td",null,"font-size-24"),l("td",null,"2.4rem")]),l("tr",null,[l("td",null,"font-size-20"),l("td",null,"2rem")]),l("tr",null,[l("td",null,"font-size-18"),l("td",null,"1.8rem")]),l("tr",null,[l("td",null,"font-size-14"),l("td",null,"1.4rem")]),l("tr",null,[l("td",null,"font-size-12"),l("td",null,"1.2rem")]),l("tr",null,[l("td",null,"font-size-10"),l("td",null,"1rem")])])])]),l("div",null,[l("span",{class:"font-size-68 block"},"Size 68"),l("span",{class:"font-size-42 block"},"Size 42"),l("span",{class:"font-size-32 block"},"Size 32"),l("span",{class:"font-size-28 block"},"Size 28"),l("span",{class:"font-size-24 block"},"Size 24"),l("span",{class:"font-size-20 block"},"Size 20"),l("span",{class:"font-size-18 block"},"Size 18"),l("span",{class:"font-size-16 block"},"Size 16"),l("span",{class:"font-size-14 block"},"Size 14"),l("span",{class:"font-size-12 block"},"Size 12"),l("span",{class:"font-size-10 block"},"Size 10")])])])])],-1),h={__name:"typography",setup(a){return(o,r)=>(s(),u(t,{class:"column gap-5"},{default:e(()=>[d]),_:1}))}};export{h as default}; diff --git a/docs/assets/variables-_8rwhwpx.js b/docs/assets/variables-K3kZltug.js similarity index 98% rename from docs/assets/variables-_8rwhwpx.js rename to docs/assets/variables-K3kZltug.js index 6fba403..4b311fc 100644 --- a/docs/assets/variables-_8rwhwpx.js +++ b/docs/assets/variables-K3kZltug.js @@ -1 +1 @@ -import{C as n}from"./Card-O6cB90BV.js";import{h as u,w as t,o as d,d as l,b as o}from"./index-B1ANj5xS.js";const r=l("article",null,[l("header",null,[l("h1",{class:"mb-2"},"Variables used in Avian CSS"),l("hr")]),l("p",null,[o("These variables are under "),l("code",null,":root { }")]),l("table",{class:"no-hover"},[l("thead",null,[l("tr",null,[l("th",null,"Variable"),l("th",null,"Value")])]),l("tbody",null,[l("tr",null,[l("td",null,[l("code",null,"--html-background")]),l("td",null,"#faf9f8")]),l("tr",null,[l("td",null,[l("code",null,"--background")]),l("td",null,"#fff")]),l("tr",null,[l("td",null,[l("code",null,"--code-background")]),l("td",null,"#f3f2f1")]),l("tr",null,[l("td",null,[l("code",null,"--overlay-background")]),l("td",null,"0, 0, 0")]),l("tr",null,[l("td",null,[l("code",null,"--color-on-black")]),l("td",null,"#c8c6c4")]),l("tr",null,[l("td",null,[l("code",null,"--font-color")]),l("td",null,"#323130")]),l("tr",null,[l("td",null,[l("code",null,"--shadow-color")]),l("td",null,"0, 0, 0")]),l("tr",null,[l("td",null,[l("code",null,"--hr-color")]),l("td",null,"#d2d0ce")]),l("tr",null,[l("td",null,[l("code",null,"--border-color")]),l("td",null,"#8a8886")]),l("tr",null,[l("td",null,[l("code",null,"--gray")]),l("td",null,"#a19f9d")]),l("tr",null,[l("td",null,[l("code",null,"--color-on-gray")]),l("td",null,"#000")]),l("tr",null,[l("td",null,[l("code",null,"--gray-dark")]),l("td",null,"#605e5c")]),l("tr",null,[l("td",null,[l("code",null,"--color-on-gray-dark")]),l("td",null,"#faf9f8")]),l("tr",null,[l("td",null,[l("code",null,"--gray-darker")]),l("td",null,"#8a8886")]),l("tr",null,[l("td",null,[l("code",null,"--light")]),l("td",null,"#d2d0ce")]),l("tr",null,[l("td",null,[l("code",null,"--black")]),l("td",null,"#000")]),l("tr",null,[l("td",null,[l("code",null,"--white")]),l("td",null,"#fff")]),l("tr",null,[l("td",{colspan:"2"},[l("b",null,"Icons")])]),l("tr"),l("tr",null,[l("td",null,[l("code",null,"--icon")]),l("td",null,"#605e5c")]),l("tr",null,[l("td",null,[l("code",null,"--icon-disabled")]),l("td",null,"#a19f9d")]),l("tr",null,[l("td",null,[l("code",null,"--icon-error")]),l("td",null,"#a80000")]),l("tr",null,[l("td",null,[l("code",null,"--icon-success")]),l("td",null,"#107c10")]),l("tr",null,[l("td",null,[l("code",null,"--icon-warning")]),l("td",null,"#797673")]),l("tr",null,[l("td",{colspan:"2"},[l("b",null,"Colors")])]),l("tr"),l("tr",null,[l("td",null,[l("code",null,"--primary")]),l("td",null,"#0078d4")]),l("tr",null,[l("td",null,[l("code",null,"--primary-hover")]),l("td",null,"#0068b8")]),l("tr",null,[l("td",null,[l("code",null,"--color-on-primary")]),l("td",null,"#fff")]),l("tr",null,[l("td",null,[l("code",null,"--accent")]),l("td",null,"#fce100")]),l("tr",null,[l("td",null,[l("code",null,"--accent-hover")]),l("td",null,"#e6cf00")]),l("tr",null,[l("td",null,[l("code",null,"--color-on-accent")]),l("td",null,"#000")]),l("tr",null,[l("td",null,[l("code",null,"--danger")]),l("td",null,"#d13438")]),l("tr",null,[l("td",null,[l("code",null,"--danger-hover")]),l("td",null,"#bb2a2f")]),l("tr",null,[l("td",null,[l("code",null,"--color-on-danger")]),l("td",null,"#fff")]),l("tr",null,[l("td",null,[l("code",null,"--warning")]),l("td",null,"#fff4ce")]),l("tr",null,[l("td",null,[l("code",null,"--color-on-warning")]),l("td",null,"#323130")]),l("tr",null,[l("td",null,[l("code",null,"--error")]),l("td",null,"#fde7e9")]),l("tr",null,[l("td",null,[l("code",null,"--color-on-error")]),l("td",null,"#323130")]),l("tr",null,[l("td",null,[l("code",null,"--success")]),l("td",null,"#dff6dd")]),l("tr",null,[l("td",null,[l("code",null,"--color-on-success")]),l("td",null,"#323130")]),l("tr",null,[l("td",null,[l("code",null,"--contrast")]),l("td",null,"#ccc")]),l("tr",null,[l("td",null,[l("code",null,"--contrast-hover")]),l("td",null,"#b2b2b2")]),l("tr",null,[l("td",null,[l("code",null,"--color-on-contrast")]),l("td",null,"#000")]),l("tr",null,[l("td",null,[l("code",null,"--disabled")]),l("td",null,"#d2d0ce")]),l("tr",null,[l("td",null,[l("code",null,"--color-on-disabled")]),l("td",null,"#a19f9d")]),l("tr",null,[l("td",{colspan:"2"},[l("b",null,"Inputs and buttons")])]),l("tr"),l("tr",null,[l("td",null,[l("code",null,"--button-background")]),l("td",null,"#fff")]),l("tr",null,[l("td",null,[l("code",null,"--button-hover")]),l("td",null,"#e1dfdd")]),l("tr",null,[l("td",null,[l("code",null,"--button-outline-color")]),l("td",null,"#000")]),l("tr",null,[l("td",null,[l("code",null,"--button-color")]),l("td",null,"#000")]),l("tr",null,[l("td",null,[l("code",null,"--disabled-button-background")]),l("td",null,"#f3f2f1")]),l("tr",null,[l("td",null,[l("code",null,"--disabled-button-color")]),l("td",null,"#a19f9d")]),l("tr",null,[l("td",null,[l("code",null,"--colored-disabled-button-color")]),l("td",null,"#d2d0ce")]),l("tr",null,[l("td",null,[l("code",null,"--input-border-color")]),l("td",null,"#605e5c")]),l("tr",null,[l("td",null,[l("code",null,"--input-hover")]),l("td",null,"#c8c6c4")]),l("tr",null,[l("td",null,[l("code",null,"--range-track-color")]),l("td",null,"#c8c6c4")]),l("tr",null,[l("td",null,[l("code",null,"--range-filled-track-color")]),l("td",null,"#605e5c")]),l("tr",null,[l("td",null,[l("code",null,"--range-track-hover-color")]),l("td",null,"#e0f2ff")]),l("tr",null,[l("td",null,[l("code",null,"--switch-border-color")]),l("td",null,"#000")]),l("tr",null,[l("td",null,[l("code",null,"--switch-toggle-off-color")]),l("td",null,"#000")]),l("tr",null,[l("td",null,[l("code",null,"--switch-toggle-on-color")]),l("td",null,"#fff")]),l("tr",null,[l("td",{colspan:"2"},[l("b",null,"Table")])]),l("tr"),l("tr",null,[l("td",null,[l("code",null,"--table-hover")]),l("td",null,"#e1dfdd")]),l("tr",null,[l("td",null,[l("code",null,"--table-striped-hover")]),l("td",null,"#d2d0ce")]),l("tr",null,[l("td",null,[l("code",null,"--table-stripe")]),l("td",null,"#edebe9")]),l("tr",null,[l("td",{colspan:"2"},[l("b",null,"Distances")])]),l("tr"),l("tr",null,[l("td",null,[l("code",null,"--default-distance")]),l("td",null,"1.5rem")]),l("tr",null,[l("td",null,[l("code",null,"--distance-0")]),l("td",null,"0")]),l("tr",null,[l("td",null,[l("code",null,"--distance-1")]),l("td",null,"0.5rem")]),l("tr",null,[l("td",null,[l("code",null,"--distance-2")]),l("td",null,"1rem")]),l("tr",null,[l("td",null,[l("code",null,"--distance-3")]),l("td",null,"1.5rem")]),l("tr",null,[l("td",null,[l("code",null,"--distance-4")]),l("td",null,"2rem")]),l("tr",null,[l("td",null,[l("code",null,"--distance-5")]),l("td",null,"2.5rem")]),l("tr",null,[l("td",{colspan:"2"},[l("b",null,"Typography | 1 rem = 10 px")])]),l("tr"),l("tr",null,[l("td",null,[l("code",null,"--h1-font-size")]),l("td",null,"3.2rem")]),l("tr",null,[l("td",null,[l("code",null,"--h2-font-size")]),l("td",null,"3rem")]),l("tr",null,[l("td",null,[l("code",null,"--h3-font-size")]),l("td",null,"2.8rem")]),l("tr",null,[l("td",null,[l("code",null,"--h4-font-size")]),l("td",null,"2.6rem")]),l("tr",null,[l("td",null,[l("code",null,"--h5-font-size")]),l("td",null,"2.4rem")]),l("tr",null,[l("td",null,[l("code",null,"--h6-font-size")]),l("td",null,"2.2rem")]),l("tr",null,[l("td",null,[l("code",null,"--th-font-size")]),l("td",null,"2.2rem")]),l("tr",null,[l("td",null,[l("code",null,"--paragraph-font-size")]),l("td",null,"1.6rem")]),l("tr",null,[l("td",null,[l("code",null,"--label-font-size")]),l("td",null,"1.6rem")]),l("tr",null,[l("td",null,[l("code",null,"--small-font-size")]),l("td",null,"1.2rem")]),l("tr",null,[l("td",null,[l("code",null,"--font-weight-normal")]),l("td",null,"400")]),l("tr",null,[l("td",null,[l("code",null,"--font-weight-semibold")]),l("td",null,"600")]),l("tr",null,[l("td",null,[l("code",null,"--font-weight-bold")]),l("td",null,"700")])])])],-1),i={__name:"variables",setup(e){return(c,a)=>(d(),u(n,{class:"column gap-5 pb-3"},{default:t(()=>[r]),_:1}))}};export{i as default}; +import{C as n}from"./Card-7lCztz2-.js";import{h as u,w as t,o as d,d as l,b as o}from"./index-x0UhD0bb.js";const r=l("article",null,[l("header",null,[l("h1",{class:"mb-2"},"Variables used in Avian CSS"),l("hr")]),l("p",null,[o("These variables are under "),l("code",null,":root { }")]),l("table",{class:"no-hover"},[l("thead",null,[l("tr",null,[l("th",null,"Variable"),l("th",null,"Value")])]),l("tbody",null,[l("tr",null,[l("td",null,[l("code",null,"--html-background")]),l("td",null,"#faf9f8")]),l("tr",null,[l("td",null,[l("code",null,"--background")]),l("td",null,"#fff")]),l("tr",null,[l("td",null,[l("code",null,"--code-background")]),l("td",null,"#f3f2f1")]),l("tr",null,[l("td",null,[l("code",null,"--overlay-background")]),l("td",null,"0, 0, 0")]),l("tr",null,[l("td",null,[l("code",null,"--color-on-black")]),l("td",null,"#c8c6c4")]),l("tr",null,[l("td",null,[l("code",null,"--font-color")]),l("td",null,"#323130")]),l("tr",null,[l("td",null,[l("code",null,"--shadow-color")]),l("td",null,"0, 0, 0")]),l("tr",null,[l("td",null,[l("code",null,"--hr-color")]),l("td",null,"#d2d0ce")]),l("tr",null,[l("td",null,[l("code",null,"--border-color")]),l("td",null,"#8a8886")]),l("tr",null,[l("td",null,[l("code",null,"--gray")]),l("td",null,"#a19f9d")]),l("tr",null,[l("td",null,[l("code",null,"--color-on-gray")]),l("td",null,"#000")]),l("tr",null,[l("td",null,[l("code",null,"--gray-dark")]),l("td",null,"#605e5c")]),l("tr",null,[l("td",null,[l("code",null,"--color-on-gray-dark")]),l("td",null,"#faf9f8")]),l("tr",null,[l("td",null,[l("code",null,"--gray-darker")]),l("td",null,"#8a8886")]),l("tr",null,[l("td",null,[l("code",null,"--light")]),l("td",null,"#d2d0ce")]),l("tr",null,[l("td",null,[l("code",null,"--black")]),l("td",null,"#000")]),l("tr",null,[l("td",null,[l("code",null,"--white")]),l("td",null,"#fff")]),l("tr",null,[l("td",{colspan:"2"},[l("b",null,"Icons")])]),l("tr"),l("tr",null,[l("td",null,[l("code",null,"--icon")]),l("td",null,"#605e5c")]),l("tr",null,[l("td",null,[l("code",null,"--icon-disabled")]),l("td",null,"#a19f9d")]),l("tr",null,[l("td",null,[l("code",null,"--icon-error")]),l("td",null,"#a80000")]),l("tr",null,[l("td",null,[l("code",null,"--icon-success")]),l("td",null,"#107c10")]),l("tr",null,[l("td",null,[l("code",null,"--icon-warning")]),l("td",null,"#797673")]),l("tr",null,[l("td",{colspan:"2"},[l("b",null,"Colors")])]),l("tr"),l("tr",null,[l("td",null,[l("code",null,"--primary")]),l("td",null,"#0078d4")]),l("tr",null,[l("td",null,[l("code",null,"--primary-hover")]),l("td",null,"#0068b8")]),l("tr",null,[l("td",null,[l("code",null,"--color-on-primary")]),l("td",null,"#fff")]),l("tr",null,[l("td",null,[l("code",null,"--accent")]),l("td",null,"#fce100")]),l("tr",null,[l("td",null,[l("code",null,"--accent-hover")]),l("td",null,"#e6cf00")]),l("tr",null,[l("td",null,[l("code",null,"--color-on-accent")]),l("td",null,"#000")]),l("tr",null,[l("td",null,[l("code",null,"--danger")]),l("td",null,"#d13438")]),l("tr",null,[l("td",null,[l("code",null,"--danger-hover")]),l("td",null,"#bb2a2f")]),l("tr",null,[l("td",null,[l("code",null,"--color-on-danger")]),l("td",null,"#fff")]),l("tr",null,[l("td",null,[l("code",null,"--warning")]),l("td",null,"#fff4ce")]),l("tr",null,[l("td",null,[l("code",null,"--color-on-warning")]),l("td",null,"#323130")]),l("tr",null,[l("td",null,[l("code",null,"--error")]),l("td",null,"#fde7e9")]),l("tr",null,[l("td",null,[l("code",null,"--color-on-error")]),l("td",null,"#323130")]),l("tr",null,[l("td",null,[l("code",null,"--success")]),l("td",null,"#dff6dd")]),l("tr",null,[l("td",null,[l("code",null,"--color-on-success")]),l("td",null,"#323130")]),l("tr",null,[l("td",null,[l("code",null,"--contrast")]),l("td",null,"#ccc")]),l("tr",null,[l("td",null,[l("code",null,"--contrast-hover")]),l("td",null,"#b2b2b2")]),l("tr",null,[l("td",null,[l("code",null,"--color-on-contrast")]),l("td",null,"#000")]),l("tr",null,[l("td",null,[l("code",null,"--disabled")]),l("td",null,"#d2d0ce")]),l("tr",null,[l("td",null,[l("code",null,"--color-on-disabled")]),l("td",null,"#a19f9d")]),l("tr",null,[l("td",{colspan:"2"},[l("b",null,"Inputs and buttons")])]),l("tr"),l("tr",null,[l("td",null,[l("code",null,"--button-background")]),l("td",null,"#fff")]),l("tr",null,[l("td",null,[l("code",null,"--button-hover")]),l("td",null,"#e1dfdd")]),l("tr",null,[l("td",null,[l("code",null,"--button-outline-color")]),l("td",null,"#000")]),l("tr",null,[l("td",null,[l("code",null,"--button-color")]),l("td",null,"#000")]),l("tr",null,[l("td",null,[l("code",null,"--disabled-button-background")]),l("td",null,"#f3f2f1")]),l("tr",null,[l("td",null,[l("code",null,"--disabled-button-color")]),l("td",null,"#a19f9d")]),l("tr",null,[l("td",null,[l("code",null,"--colored-disabled-button-color")]),l("td",null,"#d2d0ce")]),l("tr",null,[l("td",null,[l("code",null,"--input-border-color")]),l("td",null,"#605e5c")]),l("tr",null,[l("td",null,[l("code",null,"--input-hover")]),l("td",null,"#c8c6c4")]),l("tr",null,[l("td",null,[l("code",null,"--range-track-color")]),l("td",null,"#c8c6c4")]),l("tr",null,[l("td",null,[l("code",null,"--range-filled-track-color")]),l("td",null,"#605e5c")]),l("tr",null,[l("td",null,[l("code",null,"--range-track-hover-color")]),l("td",null,"#e0f2ff")]),l("tr",null,[l("td",null,[l("code",null,"--switch-border-color")]),l("td",null,"#000")]),l("tr",null,[l("td",null,[l("code",null,"--switch-toggle-off-color")]),l("td",null,"#000")]),l("tr",null,[l("td",null,[l("code",null,"--switch-toggle-on-color")]),l("td",null,"#fff")]),l("tr",null,[l("td",{colspan:"2"},[l("b",null,"Table")])]),l("tr"),l("tr",null,[l("td",null,[l("code",null,"--table-hover")]),l("td",null,"#e1dfdd")]),l("tr",null,[l("td",null,[l("code",null,"--table-striped-hover")]),l("td",null,"#d2d0ce")]),l("tr",null,[l("td",null,[l("code",null,"--table-stripe")]),l("td",null,"#edebe9")]),l("tr",null,[l("td",{colspan:"2"},[l("b",null,"Distances")])]),l("tr"),l("tr",null,[l("td",null,[l("code",null,"--default-distance")]),l("td",null,"1.5rem")]),l("tr",null,[l("td",null,[l("code",null,"--distance-0")]),l("td",null,"0")]),l("tr",null,[l("td",null,[l("code",null,"--distance-1")]),l("td",null,"0.5rem")]),l("tr",null,[l("td",null,[l("code",null,"--distance-2")]),l("td",null,"1rem")]),l("tr",null,[l("td",null,[l("code",null,"--distance-3")]),l("td",null,"1.5rem")]),l("tr",null,[l("td",null,[l("code",null,"--distance-4")]),l("td",null,"2rem")]),l("tr",null,[l("td",null,[l("code",null,"--distance-5")]),l("td",null,"2.5rem")]),l("tr",null,[l("td",{colspan:"2"},[l("b",null,"Typography | 1 rem = 10 px")])]),l("tr"),l("tr",null,[l("td",null,[l("code",null,"--h1-font-size")]),l("td",null,"3.2rem")]),l("tr",null,[l("td",null,[l("code",null,"--h2-font-size")]),l("td",null,"3rem")]),l("tr",null,[l("td",null,[l("code",null,"--h3-font-size")]),l("td",null,"2.8rem")]),l("tr",null,[l("td",null,[l("code",null,"--h4-font-size")]),l("td",null,"2.6rem")]),l("tr",null,[l("td",null,[l("code",null,"--h5-font-size")]),l("td",null,"2.4rem")]),l("tr",null,[l("td",null,[l("code",null,"--h6-font-size")]),l("td",null,"2.2rem")]),l("tr",null,[l("td",null,[l("code",null,"--th-font-size")]),l("td",null,"2.2rem")]),l("tr",null,[l("td",null,[l("code",null,"--paragraph-font-size")]),l("td",null,"1.6rem")]),l("tr",null,[l("td",null,[l("code",null,"--label-font-size")]),l("td",null,"1.6rem")]),l("tr",null,[l("td",null,[l("code",null,"--small-font-size")]),l("td",null,"1.2rem")]),l("tr",null,[l("td",null,[l("code",null,"--font-weight-normal")]),l("td",null,"400")]),l("tr",null,[l("td",null,[l("code",null,"--font-weight-semibold")]),l("td",null,"600")]),l("tr",null,[l("td",null,[l("code",null,"--font-weight-bold")]),l("td",null,"700")])])])],-1),i={__name:"variables",setup(e){return(c,a)=>(d(),u(n,{class:"column gap-5 pb-3"},{default:t(()=>[r]),_:1}))}};export{i as default}; diff --git a/docs/cdn/ibiss-v0.0.17/avian.min.css b/docs/cdn/ibiss-v0.0.17/avian.min.css new file mode 100644 index 0000000..53c6f0a --- /dev/null +++ b/docs/cdn/ibiss-v0.0.17/avian.min.css @@ -0,0 +1 @@ +:root{--html-background:#faf9f8;--background:#fff;--code-background:#f3f2f1;--overlay-background:0,0,0;--color-on-black:#c8c6c4;--font-color:#323130;--shadow-color:0,0,0;--hr-color:#d2d0ce;--border-color:#8a8886;--gray-light:#edebe9;--color-on-gray-light:#000;--gray:#a19f9d;--color-on-gray:#000;--gray-dark:#605e5c;--color-on-gray-dark:#faf9f8;--gray-darker:#8a8886;--light:#d2d0ce;--black:#000;--white:#fff;--icon:#605e5c;--icon-disabled:#a19f9d;--icon-error:#a80000;--icon-success:#107c10;--icon-warning:#797673;--primary:#0078d4;--primary-hover:#0068b8;--color-on-primary:#fff;--accent:#fce100;--accent-hover:#e6cf00;--color-on-accent:#000;--danger:#d13438;--danger-hover:#bb2a2f;--color-on-danger:#fff;--warning:#fff4ce;--color-on-warning:#323130;--error:#fde7e9;--color-on-error:#323130;--success:#dff6dd;--color-on-success:#323130;--contrast:#ccc;--contrast-hover:#b2b2b2;--color-on-contrast:#000;--disabled:#d2d0ce;--color-on-disabled:#a19f9d;--button-background:#fff;--button-hover:#e1dfdd;--button-outline-color:#000;--button-color:#000;--disabled-button-background:#f3f2f1;--disabled-button-color:#a19f9d;--colored-disabled-button-color:#d2d0ce;--input-border-color:#605e5c;--input-hover:#c8c6c4;--range-track-color:#c8c6c4;--range-filled-track-color:#605e5c;--range-track-hover-color:#e0f2ff;--switch-border-color:#000;--switch-toggle-off-color:#000;--switch-toggle-on-color:#fff;--table-hover:#e1dfdd;--table-striped-hover:#d2d0ce;--table-stripe:#edebe9;--default-distance:1.5rem;--distance-0:0;--distance-1:0.5rem;--distance-2:1rem;--distance-3:1.5rem;--distance-4:2rem;--distance-5:2.5rem;--h1-font-size:3.2rem;--h2-font-size:3rem;--h3-font-size:2.8rem;--h4-font-size:2.6rem;--h5-font-size:2.4rem;--h6-font-size:2.2rem;--th-font-size:2.2rem;--paragraph-font-size:1.6rem;--label-font-size:1.6rem;--small-font-size:1.2rem;--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700}*,:after,:before{box-sizing:border-box;font:inherit;font-weight:var(--font-weight-normal);margin:0;padding:0}html{font-size:62.5%;hanging-punctuation:first last}body{font-family:Segoe UI,"Segoe UI Web (West European)",-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;font-size:1.6rem;height:100svh;line-height:1.5;text-rendering:optimizeSpeed}h1,h2,h3,h4,h5,h6{text-wrap:balance}p{text-wrap:pretty;max-width:75ch}ol,ul{margin-left:2rem}img,picture{display:block;max-width:100%}.lucide{left:2px;position:relative;top:3px}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms;animation-iteration-count:1;scroll-behavior:auto;transition-duration:.01ms}}@media (prefers-reduced-motion:no-preference){:has(:target),html{scroll-behavior:smooth;scroll-padding-top:3rem}}h1{font-size:var(--h1-font-size)}h1,h2{font-weight:var(--font-weight-bold)}h2{font-size:var(--h2-font-size)}h3{font-size:var(--h3-font-size);font-weight:var(--font-weight-bold)}h4{font-size:var(--h4-font-size)}h4,h5{font-weight:var(--font-weight-semibold)}h5{font-size:var(--h5-font-size)}h6{font-size:var(--h6-font-size);font-weight:var(--font-weight-semibold)}p{font-size:var(--paragraph-font-size)}label{font-size:var(--label-font-size)}small{font-size:var(--small-font-size)}b,strong{font-weight:var(--font-weight-bold)}cite,em,i{font-style:italic}code:not([class*=language]),kbd{background-color:var(--code-background);border:.5px solid var(--border-color);border-radius:.2rem;bottom:.1rem;margin:0 .2rem;padding:.2rem .4rem;position:relative}mark{background-color:var(--accent)}th{font-size:var(--th-font-size);font-weight:var(--font-weight-semibold)}.font-size-68{font-size:6.8rem!important}.font-size-42{font-size:4.2rem!important}.font-size-32{font-size:3.2rem!important}.font-size-28{font-size:2.8rem!important}.font-size-24{font-size:2.4rem!important}.font-size-20{font-size:2rem!important}.font-size-18{font-size:1.8rem!important}.font-size-16{font-size:1.6rem!important}.font-size-14{font-size:1.4rem!important}.font-size-12{font-size:1.2rem!important}.font-size-10{font-size:1rem!important}.font-weight-normal{font-weight:400!important}.font-weight-semibold{font-weight:600!important}.font-weight-bold{font-weight:700!important}.align-center{align-items:center}.align-end{align-items:flex-end}.align-start{align-items:flex-start}.align-stretch{align-items:stretch}.align-between{align-content:space-between}.align-around{align-content:space-around}.align-evenly{align-content:space-evenly}.self-align-stretch{align-self:stretch}.self-align-center{align-self:center}.self-align-start{align-self:flex-start}.self-align-end{align-self:flex-end}.row{display:flex;flex-wrap:wrap}.column{display:flex;flex-direction:column}.no-wrap{flex-wrap:nowrap}.wrap-reverse{flex-wrap:wrap-reverse}.row-reverse{flex-direction:row-reverse}.column-reverse{flex-direction:column-reverse}@media (min-width:993px){.drow-reverse{flex-direction:row-reverse}.dcolumn-reverse{flex-direction:column-reverse}}@media (min-width:768px) and (max-width:992px){.trow-reverse{flex-direction:row-reverse}.tcolumn-reverse{flex-direction:column-reverse}}@media (max-width:767px){.mrow-reverse{flex-direction:row-reverse}.mcolumn-reverse{flex-direction:column-reverse}}.gap-0{gap:var(--distance-0)}.gap-1{gap:var(--distance-1)}.gap-2{gap:var(--distance-2)}.gap-3{gap:var(--distance-3)}.gap-4{gap:var(--distance-4)}.gap-5{gap:var(--distance-5)}.justify-center{justify-content:center}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.f-100{flex:1 1 100%}.f-90{flex:0 0 90%}.f-80{flex:0 0 80%}.f-75{flex:0 0 75%}.f-70{flex:0 0 70%}.f-60{flex:0 0 60%}.f-50{flex:0 0 50%}.f-33{flex:0 0 33.33%}.f-30{flex:0 0 30%}.f-25{flex:0 0 25%}.f-20{flex:0 0 20%}.f-16{flex:0 0 16.67%}.f-10{flex:0 0 10%}.f-8{flex:0 0 8.33%}.f-auto{flex:1 1 auto;max-width:fitcontent;min-width:auto;width:auto}.f-fill{flex:1;max-width:none;min-width:auto;width:100%}@media (min-width:768px) and (max-width:992px){.tf-100{flex:1 1 100%}.tf-90{flex:0 0 90%}.tf-80{flex:0 0 80%}.tf-75{flex:0 0 75%}.tf-70{flex:0 0 70%}.tf-60{flex:0 0 60%}.tf-50{flex:0 0 50%}.tf-33{flex:0 0 33.33%}.tf-30{flex:0 0 30%}.tf-25{flex:0 0 25%}.tf-20{flex:0 0 20%}.tf-16{flex:0 0 16.67%}.tf-10{flex:0 0 10%}.tf-8{flex:0 0 8.33%}.tf-auto{flex:1 1 auto;max-width:fitcontent;min-width:auto;width:auto}.tf-fill{flex:1;max-width:none;min-width:auto;width:100%}}@media (max-width:767px){.mf-100{flex:1 1 100%}.mf-90{flex:0 0 90%}.mf-80{flex:0 0 80%}.mf-75{flex:0 0 75%}.mf-70{flex:0 0 70%}.mf-60{flex:0 0 60%}.mf-50{flex:0 0 50%}.mf-33{flex:0 0 33.33%}.mf-30{flex:0 0 30%}.mf-25{flex:0 0 25%}.mf-20{flex:0 0 20%}.mf-16{flex:0 0 16.67%}.mf-10{flex:0 0 10%}.mf-8{flex:0 0 8.33%}.mf-auto{flex:1 1 auto;max-width:fitcontent;min-width:auto;width:auto}.mf-fill{flex:1;max-width:none;min-width:auto;width:100%}}.no-scroll{overflow:hidden}.text-no-wrap{white-space:nowrap}.text-normal{font-weight:400}.sticky{height:auto;position:sticky;position:-webkit-sticky;top:0;z-index:1000}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.block{display:block}.hidden{display:none}@media (min-width:768px){.mobile{display:none!important}}.tablet{display:none}@media (min-width:768px) and (max-width:992px){.tablet{display:inherit!important}}@media (max-width:992px){.desktop{display:none!important}}@media (min-width:769px){.small-screen{display:none!important}}@media (max-width:768px){.large-screen{display:none!important}}.fit-content{max-width:fit-content!important;max-width:-moz-fit-content!important}.list-style-none{list-style:none!important}.m-0{margin:var(--distance-0)!important}.ml-0{margin-left:var(--distance-0)!important}.mr-0{margin-right:var(--distance-0)!important}.mt-0{margin-top:var(--distance-0)!important}.mb-0{margin-bottom:var(--distance-0)!important}.mx-0{margin-left:var(--distance-0)!important;margin-right:var(--distance-0)!important}.m-1{margin:var(--distance-1)!important}.m-2{margin:var(--distance-2)!important}.m-3{margin:var(--distance-3)!important}.m-4{margin:var(--distance-4)!important}.m-5{margin:var(--distance-5)!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.mx-1{margin-left:var(--distance-1)!important;margin-right:var(--distance-1)!important}.mx-2{margin-left:var(--distance-2)!important;margin-right:var(--distance-2)!important}.mx-3{margin-left:var(--distance-3)!important;margin-right:var(--distance-3)!important}.mx-4{margin-left:var(--distance-4)!important;margin-right:var(--distance-4)!important}.mx-5{margin-left:var(--distance-5)!important;margin-right:var(--distance-5)!important}.my-auto{margin-bottom:auto!important;margin-top:auto!important}.my-0{margin-bottom:var(--distance-0)!important;margin-top:var(--distance-0)!important}.my-1{margin-bottom:var(--distance-1)!important;margin-top:var(--distance-1)!important}.my-2{margin-bottom:var(--distance-2)!important;margin-top:var(--distance-2)!important}.my-3{margin-bottom:var(--distance-3)!important;margin-top:var(--distance-3)!important}.my-4{margin-bottom:var(--distance-4)!important;margin-top:var(--distance-4)!important}.my-5{margin-bottom:var(--distance-5)!important;margin-top:var(--distance-5)!important}.mt-auto{margin-top:auto!important}.mt-1{margin-top:var(--distance-1)!important}.mt-2{margin-top:var(--distance-2)!important}.mt-3{margin-top:var(--distance-3)!important}.mt-4{margin-top:var(--distance-4)!important}.mt-5{margin-top:var(--distance-5)!important}.ml-auto{margin-left:auto!important}.ml-1{margin-left:var(--distance-1)!important}.ml-2{margin-left:var(--distance-2)!important}.ml-3{margin-left:var(--distance-3)!important}.ml-4{margin-left:var(--distance-4)!important}.ml-5{margin-left:var(--distance-5)!important}.mr-auto{margin-right:auto!important}.mr-1{margin-right:var(--distance-1)!important}.mr-2{margin-right:var(--distance-2)!important}.mr-3{margin-right:var(--distance-3)!important}.mr-4{margin-right:var(--distance-4)!important}.mr-5{margin-right:var(--distance-5)!important}.mb-auto{margin-bottom:auto!important}.mb-1{margin-bottom:var(--distance-1)!important}.mb-2{margin-bottom:var(--distance-2)!important}.mb-3{margin-bottom:var(--distance-3)!important}.mb-4{margin-bottom:var(--distance-4)!important}.mb-5{margin-bottom:var(--distance-5)!important}@media (min-width:768px) and (max-width:992px){.tm-0{margin:var(--distance-0)!important}.tml-0{margin-left:var(--distance-0)!important}.tmr-0{margin-right:var(--distance-0)!important}.tmt-0{margin-top:var(--distance-0)!important}.tmb-0{margin-bottom:var(--distance-0)!important}.tmx-0{margin-left:var(--distance-0)!important;margin-right:var(--distance-0)!important}.tm-1{margin:var(--distance-1)!important}.tm-2{margin:var(--distance-2)!important}.tm-3{margin:var(--distance-3)!important}.tm-4{margin:var(--distance-4)!important}.tm-5{margin:var(--distance-5)!important}.tmx-auto{margin-left:auto!important;margin-right:auto!important}.tmx-1{margin-left:var(--distance-1)!important;margin-right:var(--distance-1)!important}.tmx-2{margin-left:var(--distance-2)!important;margin-right:var(--distance-2)!important}.tmx-3{margin-left:var(--distance-3)!important;margin-right:var(--distance-3)!important}.tmx-4{margin-left:var(--distance-4)!important;margin-right:var(--distance-4)!important}.tmx-5{margin-left:var(--distance-5)!important;margin-right:var(--distance-5)!important}.tmy-auto{margin-bottom:auto!important;margin-top:auto!important}.tmy-0{margin-bottom:var(--distance-0)!important;margin-top:var(--distance-0)!important}.tmy-1{margin-bottom:var(--distance-1)!important;margin-top:var(--distance-1)!important}.tmy-2{margin-bottom:var(--distance-2)!important;margin-top:var(--distance-2)!important}.tmy-3{margin-bottom:var(--distance-3)!important;margin-top:var(--distance-3)!important}.tmy-4{margin-bottom:var(--distance-4)!important;margin-top:var(--distance-4)!important}.tmy-5{margin-bottom:var(--distance-5)!important;margin-top:var(--distance-5)!important}.tmt-auto{margin-top:auto!important}.tmt-1{margin-top:var(--distance-1)!important}.tmt-2{margin-top:var(--distance-2)!important}.tmt-3{margin-top:var(--distance-3)!important}.tmt-4{margin-top:var(--distance-4)!important}.tmt-5{margin-top:var(--distance-5)!important}.tml-auto{margin-left:auto!important}.tml-1{margin-left:var(--distance-1)!important}.tml-2{margin-left:var(--distance-2)!important}.tml-3{margin-left:var(--distance-3)!important}.tml-4{margin-left:var(--distance-4)!important}.tml-5{margin-left:var(--distance-5)!important}.tmr-auto{margin-right:auto!important}.tmr-1{margin-right:var(--distance-1)!important}.tmr-2{margin-right:var(--distance-2)!important}.tmr-3{margin-right:var(--distance-3)!important}.tmr-4{margin-right:var(--distance-4)!important}.tmr-5{margin-right:var(--distance-5)!important}.tmb-auto{margin-bottom:auto!important}.tmb-1{margin-bottom:var(--distance-1)!important}.tmb-2{margin-bottom:var(--distance-2)!important}.tmb-3{margin-bottom:var(--distance-3)!important}.tmb-4{margin-bottom:var(--distance-4)!important}.tmb-5{margin-bottom:var(--distance-5)!important}}@media (max-width:767px){.mm-0{margin:var(--distance-0)!important}.mml-0{margin-left:var(--distance-0)!important}.mmr-0{margin-right:var(--distance-0)!important}.mmt-0{margin-top:var(--distance-0)!important}.mmb-0{margin-bottom:var(--distance-0)!important}.mmx-0{margin-left:var(--distance-0)!important;margin-right:var(--distance-0)!important}.mm-1{margin:var(--distance-1)!important}.mm-2{margin:var(--distance-2)!important}.mm-3{margin:var(--distance-3)!important}.mm-4{margin:var(--distance-4)!important}.mm-5{margin:var(--distance-5)!important}.mmx-auto{margin-left:auto!important;margin-right:auto!important}.mmx-1{margin-left:var(--distance-1)!important;margin-right:var(--distance-1)!important}.mmx-2{margin-left:var(--distance-2)!important;margin-right:var(--distance-2)!important}.mmx-3{margin-left:var(--distance-3)!important;margin-right:var(--distance-3)!important}.mmx-4{margin-left:var(--distance-4)!important;margin-right:var(--distance-4)!important}.mmx-5{margin-left:var(--distance-5)!important;margin-right:var(--distance-5)!important}.mmy-auto{margin-bottom:auto!important;margin-top:auto!important}.mmy-0{margin-bottom:var(--distance-0)!important;margin-top:var(--distance-0)!important}.mmy-1{margin-bottom:var(--distance-1)!important;margin-top:var(--distance-1)!important}.mmy-2{margin-bottom:var(--distance-2)!important;margin-top:var(--distance-2)!important}.mmy-3{margin-bottom:var(--distance-3)!important;margin-top:var(--distance-3)!important}.mmy-4{margin-bottom:var(--distance-4)!important;margin-top:var(--distance-4)!important}.mmy-5{margin-bottom:var(--distance-5)!important;margin-top:var(--distance-5)!important}.mmt-auto{margin-top:auto!important}.mmt-1{margin-top:var(--distance-1)!important}.mmt-2{margin-top:var(--distance-2)!important}.mmt-3{margin-top:var(--distance-3)!important}.mmt-4{margin-top:var(--distance-4)!important}.mmt-5{margin-top:var(--distance-5)!important}.mml-auto{margin-left:auto!important}.mml-1{margin-left:var(--distance-1)!important}.mml-2{margin-left:var(--distance-2)!important}.mml-3{margin-left:var(--distance-3)!important}.mml-4{margin-left:var(--distance-4)!important}.mml-5{margin-left:var(--distance-5)!important}.mmr-auto{margin-right:auto!important}.mmr-1{margin-right:var(--distance-1)!important}.mmr-2{margin-right:var(--distance-2)!important}.mmr-3{margin-right:var(--distance-3)!important}.mmr-4{margin-right:var(--distance-4)!important}.mmr-5{margin-right:var(--distance-5)!important}.mmb-auto{margin-bottom:auto!important}.mmb-1{margin-bottom:var(--distance-1)!important}.mmb-2{margin-bottom:var(--distance-2)!important}.mmb-3{margin-bottom:var(--distance-3)!important}.mmb-4{margin-bottom:var(--distance-4)!important}.mmb-5{margin-bottom:var(--distance-5)!important}}.p-0{padding:var(--distance-0)}.pl-0{padding-left:var(--distance-0)}.pr-0{padding-right:var(--distance-0)}.pt-0{padding-top:var(--distance-0)}.pb-0{padding-bottom:var(--distance-0)}.p-1{padding:var(--distance-1)}.p-2{padding:var(--distance-2)}.p-3{padding:var(--distance-3)}.p-4{padding:var(--distance-4)}.p-5{padding:var(--distance-5)}.px-0{padding-left:var(--distance-0);padding-right:var(--distance-0)}.px-auto{padding-left:auto;padding-right:auto}.px-1{padding-left:var(--distance-1);padding-right:var(--distance-1)}.px-2{padding-left:var(--distance-2);padding-right:var(--distance-2)}.px-3{padding-left:var(--distance-3);padding-right:var(--distance-3)}.px-4{padding-left:var(--distance-4);padding-right:var(--distance-4)}.px-5{padding-left:var(--distance-5);padding-right:var(--distance-5)}.py-auto{padding-bottom:auto;padding-top:auto}.py-0{padding-bottom:var(--distance-0);padding-top:var(--distance-0)}.py-1{padding-bottom:var(--distance-1);padding-top:var(--distance-1)}.py-2{padding-bottom:var(--distance-2);padding-top:var(--distance-2)}.py-3{padding-bottom:var(--distance-3);padding-top:var(--distance-3)}.py-4{padding-bottom:var(--distance-4);padding-top:var(--distance-4)}.py-5{padding-bottom:var(--distance-5);padding-top:var(--distance-5)}.pt-auto{padding-top:auto}.pt-1{padding-top:var(--distance-1)}.pt-2{padding-top:var(--distance-2)}.pt-3{padding-top:var(--distance-3)}.pt-4{padding-top:var(--distance-4)}.pt-5{padding-top:var(--distance-5)}.pl-auto{padding-left:auto}.pl-1{padding-left:var(--distance-1)}.pl-2{padding-left:var(--distance-2)}.pl-3{padding-left:var(--distance-3)}.pl-4{padding-left:var(--distance-4)}.pl-5{padding-left:var(--distance-5)}.pr-auto{padding-right:auto}.pr-1{padding-right:var(--distance-1)}.pr-2{padding-right:var(--distance-2)}.pr-3{padding-right:var(--distance-3)}.pr-4{padding-right:var(--distance-4)}.pr-5{padding-right:var(--distance-5)}.pb-auto{padding-bottom:auto}.pb-1{padding-bottom:var(--distance-1)}.pb-2{padding-bottom:var(--distance-2)}.pb-3{padding-bottom:var(--distance-3)}.pb-4{padding-bottom:var(--distance-4)}.pb-5{padding-bottom:var(--distance-5)}@media (min-width:768px) and (max-width:992px){.tp-0{padding:var(--distance-0)}.tpl-0{padding-left:var(--distance-0)}.tpr-0{padding-right:var(--distance-0)}.tpt-0{padding-top:var(--distance-0)}.tpb-0{padding-bottom:var(--distance-0)}.tpx-0{padding-left:var(--distance-0);padding-right:var(--distance-0)}.tp-1{padding:var(--distance-1)}.tp-2{padding:var(--distance-2)}.tp-3{padding:var(--distance-3)}.tp-4{padding:var(--distance-4)}.tp-5{padding:var(--distance-5)}.tpx-auto{padding-left:auto;padding-right:auto}.tpx-1{padding-left:var(--distance-1);padding-right:var(--distance-1)}.tpx-2{padding-left:var(--distance-2);padding-right:var(--distance-2)}.tpx-3{padding-left:var(--distance-3);padding-right:var(--distance-3)}.tpx-4{padding-left:var(--distance-4);padding-right:var(--distance-4)}.tpx-5{padding-left:var(--distance-5);padding-right:var(--distance-5)}.tpy-auto{padding-bottom:auto;padding-top:auto}.tpy-0{padding-bottom:var(--distance-0);padding-top:var(--distance-0)}.tpy-1{padding-bottom:var(--distance-1);padding-top:var(--distance-1)}.tpy-2{padding-bottom:var(--distance-2);padding-top:var(--distance-2)}.tpy-3{padding-bottom:var(--distance-3);padding-top:var(--distance-3)}.tpy-4{padding-bottom:var(--distance-4);padding-top:var(--distance-4)}.tpy-5{padding-bottom:var(--distance-5);padding-top:var(--distance-5)}.tpt-auto{padding-top:auto}.tpt-1{padding-top:var(--distance-1)}.tpt-2{padding-top:var(--distance-2)}.tpt-3{padding-top:var(--distance-3)}.tpt-4{padding-top:var(--distance-4)}.tpt-5{padding-top:var(--distance-5)}.tpl-auto{padding-left:auto}.tpl-1{padding-left:var(--distance-1)}.tpl-2{padding-left:var(--distance-2)}.tpl-3{padding-left:var(--distance-3)}.tpl-4{padding-left:var(--distance-4)}.tpl-5{padding-left:var(--distance-5)}.tpr-auto{padding-right:auto}.tpr-1{padding-right:var(--distance-1)}.tpr-2{padding-right:var(--distance-2)}.tpr-3{padding-right:var(--distance-3)}.tpr-4{padding-right:var(--distance-4)}.tpr-5{padding-right:var(--distance-5)}.tpb-auto{padding-bottom:auto}.tpb-1{padding-bottom:var(--distance-1)}.tpb-2{padding-bottom:var(--distance-2)}.tpb-3{padding-bottom:var(--distance-3)}.tpb-4{padding-bottom:var(--distance-4)}.tpb-5{padding-bottom:var(--distance-5)}}@media (max-width:767px){.mp-0{padding:var(--distance-0)}.mpl-0{padding-left:var(--distance-0)}.mpr-0{padding-right:var(--distance-0)}.mpt-0{padding-top:var(--distance-0)}.mpb-0{padding-bottom:var(--distance-0)}.mpx-0{padding-left:var(--distance-0);padding-right:var(--distance-0)}.mp-1{padding:var(--distance-1)}.mp-2{padding:var(--distance-2)}.mp-3{padding:var(--distance-3)}.mp-4{padding:var(--distance-4)}.mp-5{padding:var(--distance-5)}.mpx-auto{padding-left:auto;padding-right:auto}.mpx-1{padding-left:var(--distance-1);padding-right:var(--distance-1)}.mpx-2{padding-left:var(--distance-2);padding-right:var(--distance-2)}.mpx-3{padding-left:var(--distance-3);padding-right:var(--distance-3)}.mpx-4{padding-left:var(--distance-4);padding-right:var(--distance-4)}.mpx-5{padding-left:var(--distance-5);padding-right:var(--distance-5)}.mpy-auto{padding-bottom:auto;padding-top:auto}.mpy-0{padding-bottom:var(--distance-0);padding-top:var(--distance-0)}.mpy-1{padding-bottom:var(--distance-1);padding-top:var(--distance-1)}.mpy-2{padding-bottom:var(--distance-2);padding-top:var(--distance-2)}.mpy-3{padding-bottom:var(--distance-3);padding-top:var(--distance-3)}.mpy-4{padding-bottom:var(--distance-4);padding-top:var(--distance-4)}.mpy-5{padding-bottom:var(--distance-5);padding-top:var(--distance-5)}.mpt-auto{padding-top:auto}.mpt-1{padding-top:var(--distance-1)}.mpt-2{padding-top:var(--distance-2)}.mpt-3{padding-top:var(--distance-3)}.mpt-4{padding-top:var(--distance-4)}.mpt-5{padding-top:var(--distance-5)}.mpl-auto{padding-left:auto}.mpl-1{padding-left:var(--distance-1)}.mpl-2{padding-left:var(--distance-2)}.mpl-3{padding-left:var(--distance-3)}.mpl-4{padding-left:var(--distance-4)}.mpl-5{padding-left:var(--distance-5)}.mpr-auto{padding-right:auto}.mpr-1{padding-right:var(--distance-1)}.mpr-2{padding-right:var(--distance-2)}.mpr-3{padding-right:var(--distance-3)}.mpr-4{padding-right:var(--distance-4)}.mpr-5{padding-right:var(--distance-5)}.mpb-auto{padding-bottom:auto}.mpb-1{padding-bottom:var(--distance-1)}.mpb-2{padding-bottom:var(--distance-2)}.mpb-3{padding-bottom:var(--distance-3)}.mpb-4{padding-bottom:var(--distance-4)}.mpb-5{padding-bottom:var(--distance-5)}}hr{border-color:var(--hr-color);border-style:solid;border-width:0 0 .5px;margin-bottom:var(--default-distance)}button{background-color:var(--button-background);border:.5px solid var(--border-color);border-radius:2px;padding:.6rem 1.5rem}@supports (-moz-appearance:none){button{padding:.6rem 1.5rem .9rem}}button:active,button:focus{box-shadow:0 0 0 1px var(--button-outline-color);cursor:pointer;outline:none}button.no-border{background-color:transparent!important;border:none!important}button:hover{background-color:var(--button-hover)!important;cursor:pointer}button.icon{color:var(--icon)!important;display:flex;flex-direction:column;padding:0;width:auto}button.icon:disabled{color:var(--icon-disabled)!important}button.icon:disabled:hover{background-color:transparent!important}button.primary{background-color:var(--primary)!important;border:0;color:var(--color-on-primary)!important}button.primary:hover{background-color:var(--primary-hover)!important}button.danger{background-color:var(--danger)!important;border:0;color:var(--color-on-danger)!important}button.danger:hover{background-color:var(--danger-hover)!important}button.accent{background-color:var(--accent)!important;border:0;color:var(--color-on-accent)!important}button.accent:hover{background-color:var(--accent-hover)!important}button.contrast{background-color:var(--contrast)!important;border:0;color:var(--color-on-contrast)!important}button.contrast:hover{background-color:var(--contrast-hover)!important}button.accent:active,button.accent:focus,button.contrast:active,button.contrast:focus,button.danger:active,button.danger:focus,button.primary:active,button.primary:focus{box-shadow:0 0 0 1px var(--button-outline-color)!important}button.accent.disabled,button.accent:disabled,button.contrast.disabled,button.contrast:disabled,button.danger.disabled,button.danger:disabled,button.primary.disabled,button.primary:disabled{color:var(--colored-disabled-button-color)!important;cursor:auto;outline:none}button.accent.disabled:not(.link),button.accent:disabled:not(.link),button.contrast.disabled:not(.link),button.contrast:disabled:not(.link),button.danger.disabled:not(.link),button.danger:disabled:not(.link),button.primary.disabled:not(.link),button.primary:disabled:not(.link){background-color:var(--disabled-button-background)!important;border-color:var(--disabled-button-background)!important}button.outline-hover:hover{background-color:transparent!important;outline:.5px solid var(--button-outline-color)!important}button.link{background-color:transparent!important;border:0;color:var(--primary)!important;padding:0}button.link.accent{color:var(--accent)!important}button.link.contrast{color:var(--contrast)!important}button.link.danger{color:var(--danger)!important}button.link:active,button.link:focus,button.link:hover{background-color:transparent!important;box-shadow:unset!important;text-decoration:underline!important}button.disabled,button:disabled{color:var(--disabled-button-color)!important;cursor:auto}button.disabled:not(.link):not(.icon),button:disabled:not(.link):not(.icon){background-color:var(--disabled-button-background)!important;border-color:var(--disabled-button-background)!important}button.disabled.link,button:disabled.link{color:var(--disabled-button-color)!important}button.disabled:hover,button:disabled:hover{outline:none;text-decoration:none}select{background-color:var(--background);border:.5px solid var(--input-border-color);outline:var(--primary) none 0;padding:.5rem}select:focus{border-color:var(--primary);box-shadow:inset 1px 1px 0 var(--primary),inset -1px -1px 0 var(--primary)}select:disabled{background-color:var(--disabled-button-background);border-color:var(--disabled-button-background);box-shadow:none;color:var(--disabled-button-colour);cursor:auto}input,textarea{accent-color:var(--primary);border:.5px solid var(--input-border-color);border-radius:2px;min-height:3rem;outline:0 none currentcolor;padding:0 1rem}input:focus,textarea:focus{border-color:var(--primary);box-shadow:inset 1px 1px 0 var(--primary),inset -1px -1px 0 var(--primary)}input:invalid:not([invalid=false]):not([required]),input[invalid]:not([invalid=false]),textarea:invalid:not([invalid=false]):not([required]),textarea[invalid]:not([invalid=false]){border-color:var(--danger)}input:invalid:not([invalid=false]):not([required]):focus,input:invalid:not([invalid=false]):not([required]):hover,input[invalid]:not([invalid=false]):focus,input[invalid]:not([invalid=false]):hover,textarea:invalid:not([invalid=false]):not([required]):focus,textarea:invalid:not([invalid=false]):not([required]):hover,textarea[invalid]:not([invalid=false]):focus,textarea[invalid]:not([invalid=false]):hover{box-shadow:inset 1px 1px 0 var(--danger),inset -1px -1px 0 var(--danger)}input:disabled,textarea:disabled{background-color:var(--disabled-button-background);border-color:var(--disabled-button-background);box-shadow:none;color:var(--disabled-button-color);cursor:auto}input[type=checkbox],input[type=color],input[type=file],input[type=image],input[type=radio],input[type=range],textarea[type=checkbox],textarea[type=color],textarea[type=file],textarea[type=image],textarea[type=radio],textarea[type=range]{border:none;min-height:unset;padding-left:0}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible,textarea[type=checkbox]:focus-visible,textarea[type=radio]:focus-visible{outline:var(--button-outline-color) dashed .1rem;outline-offset:.1rem}input[type=button],input[type=reset],input[type=submit],textarea[type=button],textarea[type=reset],textarea[type=submit]{border:0;padding:.6rem 1.5rem}@supports (-moz-appearance:none){input[type=button],input[type=reset],input[type=submit],textarea[type=button],textarea[type=reset],textarea[type=submit]{padding:.6rem 1.5rem .9rem}}input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover,textarea[type=button]:hover,textarea[type=reset]:hover,textarea[type=submit]:hover{background-color:var(--button-hover);cursor:pointer}input[type=button]:active,input[type=button]:focus,input[type=reset]:active,input[type=reset]:focus,input[type=submit]:active,input[type=submit]:focus,textarea[type=button]:active,textarea[type=button]:focus,textarea[type=reset]:active,textarea[type=reset]:focus,textarea[type=submit]:active,textarea[type=submit]:focus{box-shadow:0 0 0 2px var(--button-outline-color);cursor:pointer;outline:none}input[type=button]:disabled,input[type=button]:hover:disabled,input[type=reset]:disabled,input[type=reset]:hover:disabled,input[type=submit]:disabled,input[type=submit]:hover:disabled,textarea[type=button]:disabled,textarea[type=button]:hover:disabled,textarea[type=reset]:disabled,textarea[type=reset]:hover:disabled,textarea[type=submit]:disabled,textarea[type=submit]:hover:disabled{background-color:var(--disabled-button-background);border-color:var(--disabled-button-background);box-shadow:none;color:var(--disabled-button-color);cursor:auto}input[type=reset],textarea[type=reset]{background-color:var(--background);border:.5px solid var(--border-color)}input[type=reset]:active,input[type=reset]:focus,textarea[type=reset]:active,textarea[type=reset]:focus{box-shadow:0 0 0 1px var(--button-outline-color);cursor:pointer;outline:none}input[type=button],input[type=submit],textarea[type=button],textarea[type=submit]{background-color:var(--primary);color:var(--color-on-primary)}input[type=button]:hover,input[type=submit]:hover,textarea[type=button]:hover,textarea[type=submit]:hover{background-color:var(--primary-hover)}input[type=color],input[type=file],input[type=range],textarea[type=color],textarea[type=file],textarea[type=range]{border:none}input[type=color]:focus,input[type=file]:focus,input[type=range]:focus,textarea[type=color]:focus,textarea[type=file]:focus,textarea[type=range]:focus{box-shadow:none;outline:var(--primary) solid 2px;outline-offset:2px}input[type=file]::-webkit-file-upload-button,input[type=file]::file-selector-button,textarea[type=file]::-webkit-file-upload-button,textarea[type=file]::file-selector-button{background-color:var(--primary);border:0;border-radius:2px;color:var(--color-on-primary);padding:.6rem 1.5rem}input[type=file]:active::-webkit-file-upload-button,input[type=file]:active::file-selector-button,textarea[type=file]:active::-webkit-file-upload-button,textarea[type=file]:active::file-selector-button{box-shadow:inset 0 0 0 2px var(--button-outline-color)}input[type=file]:hover::-webkit-file-upload-button,input[type=file]:hover::file-selector-button,textarea[type=file]:hover::-webkit-file-upload-button,textarea[type=file]:hover::file-selector-button{background-color:var(--primary-hover);cursor:pointer}input[type=file]:focus,textarea[type=file]:focus{outline:var(--button-outline-color) solid .2rem;outline-offset:.1rem}input[type=color],textarea[type=color]{background-color:transparent;padding:0;width:8rem}input[type=range],textarea[type=range]{appearance:none;-webkit-appearance:none;background:transparent;padding:0}input[type=range]::-moz-range-thumb,textarea[type=range]::-moz-range-thumb{background:var(--background);border:2px solid var(--range-filled-track-color);border-radius:100px;height:1.2rem;width:1.2rem}input[type=range]::-moz-range-track,textarea[type=range]::-moz-range-track{background-color:var(--range-track-color);height:.3rem}input[type=range]::-moz-range-progress,textarea[type=range]::-moz-range-progress{background-color:var(--range-filled-track-color);height:.3rem}input[type=range]::-webkit-slider-thumb,textarea[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--background);border:2px solid var(--range-filled-track-color);border-radius:100px;height:1.6rem;margin-top:-6px;width:1.6rem}input[type=range]::-webkit-slider-runnable-track,textarea[type=range]::-webkit-slider-runnable-track{background:var(--range-track-color);border:none;border-radius:3px;height:3px}input[type=range]:focus,input[type=range]:hover,textarea[type=range]:focus,textarea[type=range]:hover{background:transparent;outline:none}input[type=range]:focus::-moz-range-progress,input[type=range]:hover::-moz-range-progress,textarea[type=range]:focus::-moz-range-progress,textarea[type=range]:hover::-moz-range-progress{background-color:var(--primary)}input[type=range]:focus::-moz-range-thumb,input[type=range]:hover::-moz-range-thumb,textarea[type=range]:focus::-moz-range-thumb,textarea[type=range]:hover::-moz-range-thumb{border:2px solid var(--primary)}input[type=range]:focus::-webkit-slider-runnable-track,input[type=range]:hover::-webkit-slider-runnable-track,textarea[type=range]:focus::-webkit-slider-runnable-track,textarea[type=range]:hover::-webkit-slider-runnable-track{background-color:var(--primary)}input[type=range]:focus::-webkit-slider-thumb,input[type=range]:hover::-webkit-slider-thumb,textarea[type=range]:focus::-webkit-slider-thumb,textarea[type=range]:hover::-webkit-slider-thumb{border:2px solid var(--primary)}input[type=range]:disabled:focus,input[type=range]:disabled:hover,textarea[type=range]:disabled:focus,textarea[type=range]:disabled:hover{background:transparent;outline:none}input[type=range]:disabled:focus::-moz-range-progress,input[type=range]:disabled:hover::-moz-range-progress,textarea[type=range]:disabled:focus::-moz-range-progress,textarea[type=range]:disabled:hover::-moz-range-progress{background-color:var(--range-filled-track-color)}input[type=range]:disabled:focus::-moz-range-thumb,input[type=range]:disabled:hover::-moz-range-thumb,textarea[type=range]:disabled:focus::-moz-range-thumb,textarea[type=range]:disabled:hover::-moz-range-thumb{border:2px solid var(--range-filled-track-color)}input[type=range]:disabled:focus::-webkit-slider-runnable-track,input[type=range]:disabled:hover::-webkit-slider-runnable-track,textarea[type=range]:disabled:focus::-webkit-slider-runnable-track,textarea[type=range]:disabled:hover::-webkit-slider-runnable-track{background-color:var(--range-filled-track-color)}input[type=range]:disabled:focus::-webkit-slider-thumb,input[type=range]:disabled:hover::-webkit-slider-thumb,textarea[type=range]:disabled:focus::-webkit-slider-thumb,textarea[type=range]:disabled:hover::-webkit-slider-thumb{border:2px solid var(--range-filled-track-color)}input.underline,textarea.underline{background-color:transparent;border-left:0;border-radius:0;border-right:0;border-top:0;padding:0}input.underline:focus,textarea.underline:focus{box-shadow:none}input.underline:focus,input.underline:hover,textarea.underline:focus,textarea.underline:hover{border-color:var(--primary);box-shadow:inset 0 -1px 0 var(--primary)}input.underline:disabled:focus,input.underline:disabled:hover,input.underline:invalid:not([invalid=false]):not([required]):focus,input.underline:invalid:not([invalid=false]):not([required]):hover,textarea.underline:disabled:focus,textarea.underline:disabled:hover,textarea.underline:invalid:not([invalid=false]):not([required]):focus,textarea.underline:invalid:not([invalid=false]):not([required]):hover{border-left:0;border-right:0;border-top:0;box-shadow:none}input.underline:invalid:not([invalid=false]):not([required]):focus,input.underline:invalid:not([invalid=false]):not([required]):hover,input.underline[invalid]:not([invalid=false]):focus,input.underline[invalid]:not([invalid=false]):hover,textarea.underline:invalid:not([invalid=false]):not([required]):focus,textarea.underline:invalid:not([invalid=false]):not([required]):hover,textarea.underline[invalid]:not([invalid=false]):focus,textarea.underline[invalid]:not([invalid=false]):hover{border-color:var(--danger);box-shadow:inset 0 -1px 0 var(--danger)}input.underline:disabled:focus,input.underline:disabled:hover,textarea.underline:disabled:focus,textarea.underline:disabled:hover{border-color:var(--disabled-button-background)}a{color:var(--primary)}a:active,a:focus,a:focus-visible,a:hover{outline:unset}a.accent{color:var(--accent)}a.danger{color:var(--danger)}a.contrast{color:var(--contrast)}a.button{background-color:transparent;border-radius:2px;color:var(--button-color);display:inline-block;padding:.9rem 1.5rem;text-align:center;text-decoration:none}a.button.normal{border:.5px solid var(--border-color)}a.button.normal.disabled{background-color:var(--disabled-button-background);border-color:var(--disabled-button-background);color:var(--disabled-button-color);cursor:default}a.button:hover{background-color:var(--button-hover);cursor:pointer}a.button:active,a.button:focus{box-shadow:0 0 0 1px var(--button-outline-color);cursor:pointer;outline:none}a.button.primary{background-color:var(--primary);border:0;color:var(--color-on-primary)}a.button.primary:hover{background-color:var(--primary-hover)}a.button.danger{background-color:var(--danger);border:0;color:var(--color-on-danger)}a.button.danger:hover{background-color:var(--danger-hover)}a.button.accent{background-color:var(--accent);border:0;color:var(--color-on-accent)}a.button.accent:hover{background-color:var(--accent-hover)}a.button.contrast{background-color:var(--contrast);border:0;color:var(--color-on-contrast)}a.button.contrast:hover{background-color:var(--contrast-hover)}a.button.accent:active,a.button.accent:focus,a.button.contrast:active,a.button.contrast:focus,a.button.danger:active,a.button.danger:focus,a.button.primary:active,a.button.primary:focus{box-shadow:0 0 0 2px var(--button-outline-color)}a.button.accent.disabled,a.button.contrast.disabled,a.button.danger.disabled,a.button.primary.disabled{background-color:var(--disabled-button-background);border-color:var(--disabled-button-background);color:var(--colored-disabled-button-color);cursor:default}table{border-collapse:collapse}table td,table th{padding:.5rem 2.5rem .6rem .5rem;text-align:left;vertical-align:top}table:not(.no-hover) tbody tr:hover{background-color:var(--table-hover)}table.table tbody tr,table.table thead{border-bottom:.5px solid var(--border-color)}table.table tbody tr{border-color:var(--light)}table.table tfoot{font-size:small;font-style:italic}table.sticky-header>thead{background-color:var(--background);border-bottom:0;-webkit-box-shadow:0 1px 4px 0 rgba(var(--shadow-color),.16),0 1px 4px 0 rgba(var(--shadow-color),.12);box-shadow:0 1px 4px 0 rgba(var(--shadow-color),.16),0 1px 4px 0 rgba(var(--shadow-color),.12);position:sticky;position:-webkit-sticky;top:0;white-space:nowrap;z-index:2}table.striped tbody tr:nth-child(odd){background-color:var(--table-stripe)}table.striped tbody tr:hover{background-color:var(--table-striped-hover)}.table-container{border:.5px solid var(--border-color);border-color:var(--light);display:inline-block;overflow-x:hidden;overflow-y:auto;width:fit-content}@-moz-document url-prefix(){.table-container{padding-right:1.7rem}}.cursor-not-allowed:hover{cursor:not-allowed!important}.cursor-pointer{-webkit-user-select:none;-ms-user-select:none;user-select:none}.cursor-pointer:hover{cursor:pointer!important}.cursor-grab:hover{cursor:grab!important}.cursor-grabbing:hover{cursor:grabbing!important}.cursor-zoom-in:hover{cursor:zoom-in!important}.cursor-zoom-out:hover{cursor:zoom-out!important}.cursor-wait:hover{cursor:wait!important}.cursor-help:hover{cursor:help!important}.cursor-default,.cursor-default:hover{cursor:default!important}.cursor-no-select{-webkit-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.border{border:.5px solid var(--border-color)}.border-bottom{border-bottom:.5px solid var(--border-color)}.border-top{border-top:.5px solid var(--border-color)}.border-right{border-right:.5px solid var(--border-color)}.border-left{border-left:.5px solid var(--border-color)}.border-black{border-color:var(--black)}.border-white{border-color:var(--white)}.border-primary{border-color:var(--primary)}.border-accent{border-color:var(--accent)}.border-danger{border-color:var(--danger)}.border-light{border-color:var(--light)}.border-success{border-color:var(--icon-success)}html{background-color:var(--html-background)!important}.bg-gray-light{background-color:var(--gray-light)!important;color:var(--color-on-gray-light)!important}.bg-gray{background-color:var(--gray)!important;color:var(--color-on-gray)!important}.bg-gray-dark{background-color:var(--gray-dark)!important;color:var(--color-on-gray-dark)!important}.bg-black{background-color:var(--black)!important;color:var(--color-on-black)!important}.bg-white{background-color:var(--white)!important;color:var(--font-color)!important}.bg-primary{background-color:var(--primary)!important;color:var(--color-on-primary)!important}.bg-accent{background-color:var(--accent)!important;color:var(--color-on-accent)!important}.bg-danger{background-color:var(--danger)!important;color:var(--color-on-danger)!important}.bg-success{background-color:var(--success)!important;color:var(--color-on-success)!important}.bg-error{background-color:var(--error)!important;color:var(--color-on-error)!important}.bg-warning{background-color:var(--warning)!important;color:var(--color-on-warning)!important}.bg-transparent{background-color:transparent!important}.text-black{color:var(--black)!important}.text-white{color:var(--white)!important}.text-gray{color:var(--gray-darker)!important}.text-primary{color:var(--primary)!important}.text-accent{color:var(--accent)!important}.text-danger{color:var(--danger)!important}.text-success{color:var(--icon-success)!important}.icon-gray{color:var(--gray)!important}.icon-gray-dark{color:var(--gray-dark)!important}.icon-success{color:var(--icon-success)!important}.icon-primary{color:var(--primary)!important}.icon-accent{color:var(--accent)!important}.icon-danger{color:var(--danger)!important}.icon-black{color:var(--black)!important}.icon-white{color:var(--white)!important}.shadow{box-shadow:0 .6px 3.6px 0 rgba(var(--shadow-color),.132),0 .3px .9px 0 rgba(var(--shadow-color),.108)!important}.shadow-top{box-shadow:0 -1.6px 3.6px 0 rgba(var(--shadow-color),.132),0 -.3px .9px 0 rgba(var(--shadow-color),.108)!important}.shadow-left{box-shadow:-1.6px 0 3.6px 0 rgba(var(--shadow-color),.132),.3px 0 .9px 0 rgba(var(--shadow-color),.108)!important}.shadow-right{box-shadow:1.6px 0 3.6px 0 rgba(var(--shadow-color),.132),-.3px 0 .9px 0 rgba(var(--shadow-color),.108)!important}.shadow-bottom{box-shadow:0 1.6px 3.6px 0 rgba(var(--shadow-color),.132),0 .3px .9px 0 rgba(var(--shadow-color),.108)!important}.shadow-lg{box-shadow:0 0 5px 0 rgba(var(--shadow-color),.132)!important}.shadow-top-lg{box-shadow:0 -3px 5px 0 rgba(var(--shadow-color),.132)!important}.shadow-bottom-lg{box-shadow:0 3px 5px 0 rgba(var(--shadow-color),.132)!important}.shadow-left-lg{box-shadow:-3px 0 5px 0 rgba(var(--shadow-color),.132)!important}.shadow-right-lg{box-shadow:3px 0 5px 0 rgba(var(--shadow-color),.132)!important} \ No newline at end of file diff --git a/docs/cdn/ibiss-v0.0.17/flightkit.min.js b/docs/cdn/ibiss-v0.0.17/flightkit.min.js new file mode 100644 index 0000000..24d37ab --- /dev/null +++ b/docs/cdn/ibiss-v0.0.17/flightkit.min.js @@ -0,0 +1 @@ +!function(){"use strict";function i(e,t){if(!t||0===t.length)return e;const s=Object.assign([],e);if(Array.isArray(s[0])){e=s;var n=t;const r=[];for(const i of e)r.push(i.sort(L(n)));r}else s.sort(L(t));return s}function _(e){let t=e.toString();e=t.match(/^\d+|\d+$/);return e?parseInt(e[0]):null}function k(e){return"boolean"==typeof e||"string"==typeof e&&("true"===(e=e.toLocaleLowerCase())||"false"===e)}function T(e){return"boolean"==typeof e?e:"true"===e.toLocaleLowerCase()}function L(w,E=0){return function(d,h){var{propertyName:e,direction:t}=w[E];let s=null===d[e]||void 0===d[e]?"":d[e],n=null===h[e]||void 0===h[e]?"":h[e];const p=/^(\d{1,4}-\d{1,4}-\d{1,4}(T)?)/gim;var m,e=s instanceof Date&&n instanceof Date||p.test(s)&&p.test(n),u=(e&&(s=s instanceof Date?s.valueOf():new Date(Date.parse(s)),n=n instanceof Date?n.valueOf():new Date(Date.parse(n))),k(s)&&k(n)),f=!u&&!isNaN(s)&&!isNaN(n),r=_(s),i=_(n);let g=!1;f?(s=parseFloat(s).toPrecision(12),n=parseFloat(n).toPrecision(12)):null!==r&&null!==i&&(g=!0),u&&(s=T(s),n=T(n));let o,a;switch(t){case"descending":case"desc":o=n,a=s;break;default:o=s,a=n}let l=0;if(g)l=(r=s,i=n,t=t,c=/^([a-zA-Z]*)(\d*)|(\d*)([a-zA-Z]*)$/,r=r.toString().toLocaleLowerCase().match(c),i=i.toString().toLocaleLowerCase().match(c),c=r[1]||r[4],r=parseInt(r[2]||r[3],10)||0,y=i[1]||i[4],i=parseInt(i[2]||i[3],10)||0,(m=(t=t.includes("desc"))?y:c)<(c=t?c:y)?-1:c(15&crypto.getRandomValues(new Uint8Array(1))[0]).toString(16));return window.$flightkitUUIDStore||(window.$flightkitUUIDStore={}),void 0!==window.$flightkitUUIDStore[t]?g(e+1):(window.$flightkitUUIDStore[t]=!0,t)}class r{constructor(){}_topLevelClasses=[];_events=[];generateId(){return"flk-"+function e(){var t=([1e7]+-1e3+-4e3+-8e3+-1e11).replace(/[018]/g,e=>(e^crypto.getRandomValues(new Uint8Array(1))[0]&15>>e/4).toString(16));return window.$flightkitUUIDStore||(window.$flightkitUUIDStore={}),void 0!==window.$flightkitUUIDStore[t]?e():(window.$flightkitUUIDStore[t]=!0,t)}()}render(t){if(!t.component)throw new Error("Component is not assigned! Can't render");t.id=t.id||this.generateId();var e=this._getAllEventAttributes(t);if(e){var s="#"+t.id;for(const i of e){var n="e-"+i;this.addEvent(s,i,t.getAttribute(n))}}var r=Object.keys(t.classList).length;if(r){for(let e=0;e{this._assignToDom(t,t.component),clearTimeout(this._renderTimer)},10)}addEvent(e,t,s){this._events.push({selector:e,eventType:t,callback:s})}_getExternalCallback(e){let t=void 0;for(const s of e.split("."))t=(t||window)[s];return t}_getAllEventAttributes(e){e=e.attributes;const t=Array.from(e).filter(e=>e.name.startsWith("e-"));return t.map(e=>e.name.slice(2))}_isFlightkitElement(e){return e.toUpperCase().includes("FLK-")}_outerEventHandler(e){const t=p(e),s=(t.contents=e.detail,t.target.getAttribute("e-"+t.type));let n=void 0;for(const r of s.split("."))n=(n||window)[r];return e.preventDefault(),e.stopPropagation(),n(t)}_addEvents(e){if(e.isConnected)for(const s of this._events)if(s.selector.startsWith("."))for(const n of document.querySelectorAll(s.selector))this._addEventToElement(s,n);else{var t=document.querySelector(s.selector);this._addEventToElement(s,t)}}_addEventToElement(e,t){t&&("function"==typeof e.callback?(t.removeEventListener(e.eventType,e.callback),t.addEventListener(e.eventType,e.callback)):(t.removeEventListener(e.eventType,this._outerEventHandler),t.addEventListener(e.eventType,this._outerEventHandler)))}removeEvents(){for(const t of this._events)if(t.selector.startsWith("."))for(const s of document.querySelectorAll(t.selector))this._addEventToElement(t,s);else{var e=document.querySelector(t.selector);this._addEventToElement(t,e)}this._events=[]}_removeEventToElement(e,t){t&&("function"==typeof e.callback?t.removeEventListener(e.eventType,e.callback):t.removeEventListener(e.eventType,this._outerEventHandler))}_assignToDom(e,t){e.innerHTML="";for(const n of Array.isArray(t)?t:[t])e.append(n);const s=setTimeout(()=>{this._addEvents(e),clearTimeout(s),e.dispatchEvent(new CustomEvent("loaded",{bubbles:!0,cancelable:!0}))},10)}}const y='',v='';function l(e){const t=new DOMParser;return t.parseFromString(e,"image/svg+xml").documentElement}class e extends HTMLElement{base;component=null;properties=new Set;uniqueEntriesByProperties={};propertyLabelDictionary={};_contents=[];_orderBy=[];_columnOrder=[];_filter="";_selectionProperty="";_selectedIds=new Set;_templates={};_templateClasses={};static get observedAttributes(){return["contents","columns","order","filter","selection-property","templates"]}get columnOrder(){return this._columnOrder.length?this._columnOrder:this.properties}set columnOrder(e){let t;"string"==typeof e&&(t=e.split(",")),t=e,this._columnOrder=t}get contents(){return this._contents}set contents(e){this.analyzeData(e),this._contents=e}get orderBy(){return this._orderBy}set orderBy(e){if(Array.isArray(e))this._orderBy=e;else{const n=[];for(const r of e.split(",")){var t=r.split("|"),s=t[0],t=1e[s._selectionProperty])):new Set;e=t?s.contents.execute():[];s._emit("select",s,{selection:e}),s._updateCheckboxes(s)}emitSelect(e){var t=e.target.checked,s=e.target.dataset.objectId;const n=p(e).target,r=(t?n._selectedIds.add(s):n._selectedIds.delete(s),n._selectionProperty);e=n.contents.execute().filter(e=>n._selectedIds.has(e[r]));n._emit("select",n,{selection:e}),n._updateCheckboxes(n)}sortData(e){const t=p(e).target,s=m(e,"column");s&&(-1<(e=t._orderBy.findIndex(e=>e.propertyName===s))?"asc"===t._orderBy[e].direction?t._orderBy[e].direction="desc":t._orderBy.splice(e,1):t._orderBy.push({propertyName:s,direction:"asc"}),t.createHtml(),t.base.render(t))}setColumnOrder(e){this._columnOrder=e?Array.isArray(e)?e:e.split(","):[]}analyzeData(t){this.properties=new Set;var s=t.length;for(let e=0;e"_"===e?" ":" "+e.toLowerCase()).trim();var s=t.charAt(0).toUpperCase()+t.slice(1);return this.propertyLabelDictionary[e]=s}parseTemplate(r,e,i){return e.replace(/\{\{([\s\S]+?)\}\}/gim,(e,t)=>{let s,n="";return"$"===(t=t.trim())[0]?s=window[t.substring(1)](r,i):n=i[t],n&&(s=n),Array.isArray(s)?s.join(", "):s.toString().trim()})}createSelectionCheckbox(e){const t=document.createElement("input");return t.setAttribute("type","checkbox"),t.classList.add("flk-selection-checkbox"),e&&(t.dataset.selected=e[this._selectionProperty]),t}createRow(e){const t=document.createElement("tr");if(this._selectionProperty.length){const r=document.createElement("td");var s=this.base.generateId();const i=this.createSelectionCheckbox(e);i.id=s,i.dataset.objectId=e[this._selectionProperty];var n=e[this._selectionProperty];this._selectedIds.has(n)?i.checked=!0:i.checked=!1,this.base.addEvent("#"+s,"change",this.emitSelect),r.append(i),t.append(r)}for(const o of this.columnOrder){const a=document.createElement("td");this._templates[o]?(a.innerHTML=this.parseTemplate(o,this._templates[o],e),this._templateClasses[o]&&a.classList.add(...this._templateClasses[o])):a.innerText=e[o],t.append(a)}return t}createBody(e){const t=document.createElement("tbody");for(const n of e){var s=this.createRow(n,null);t.append(s)}return t}createHead(){const e=document.createElement("thead"),t=document.createElement("tr");if(t.classList.add("cursor-pointer"),this._selectionProperty.length){const r=document.createElement("th");var s=this.base.generateId();const i=this.createSelectionCheckbox();i.id=s;var d=this.contents.execute().length;0e.propertyName===o);const c=document.createElement("span");n?c.innerHTML="asc"===n.direction?'':'':(c.style.display="inline-block",c.style.width="24px"),a.append(c),t.append(a)}return e.append(t),e}addEvent(e,t,s){this.base.addEvent(e,t,s)}init(){this.createHtml(),this.base.render(this)}}class t extends HTMLElement{base;componentId;constructor(){super(),this.base=new r}connectedCallback(){var e=this.getAttribute("top"),t=this.getAttribute("left"),s=this.getAttribute("center"),n=this.getAttribute("zIndex");this.id||(this.id=this.base.generateId()),this.style.display="block",this.style.position="fixed","string"==typeof s?(this.style.top=e||"50%",this.style.left="50%",this.style.transform="translate(-50%, -50%)"):(this.style.top=e||this.clientTop+"px",this.style.left=t||this.clientLeft+"px"),n&&(this.style.zIndex=n),this.componentId=this.getAttribute("handle");const r=document.createElement("div");r.innerHTML=this.innerHTML,this.component=r;s="#"+(this.componentId||this.id);this.base.addEvent(s,"mousedown",this._dragElement),this.base.addEvent(s,"mouseup",this._reset),this.base.render(this)}disconnectedCallback(){this.base.removeEvents(this)}_dragElement(e){const s=p(e,"flk-draggable").target;let n,r;function t(e){n=e.clientX-s.offsetLeft,r=e.clientY-s.offsetTop}function i(e){var t=e.clientX-n,e=e.clientY-r;s.style.left=t+"px",s.style.top=e+"px"}function o(e){e.preventDefault()}function a(){s.removeAttribute("draggable"),s.removeEventListener("dragstart",t),s.removeEventListener("dragend",a),document.removeEventListener("dragover",o),document.removeEventListener("drop",i)}s.setAttribute("draggable",!0),s.addEventListener("dragstart",t),s.addEventListener("dragend",a),document.addEventListener("dragover",o),document.addEventListener("drop",i)}}class s extends HTMLElement{_id;base;_draggableId;constructor(){super(),this.base=new r}_emit(e,t,s){e=new CustomEvent(e,{detail:s,bubbles:!0,cancelable:!0});t.dispatchEvent(e)}_closeModal(e){e.stopPropagation();const t=p(e,"flk-modal").target;t.classList.add("hidden")}closeModal(e){this.classList.add("hidden")}openModal(e=!0){const t=document.getElementById(this._draggableId);e&&(t.style.top="40%",t.style.left="50%"),this.classList.remove("hidden")}connectedCallback(){this.id||(this.id=this.base.generateId());const e=document.createElement("div");var t=this.base.generateId();const s=document.createElement("flk-draggable"),n=(this._draggableId=this.base.generateId(),s.id=this._draggableId,s.setAttribute("center",""),s.setAttribute("top","40%"),s.setAttribute("handle",t),s.setAttribute("zIndex","1080"),s.classList.add("border","shadow-lg","bg-white"),s.style.width="max-content",document.createElement("div"));var r=this.getAttribute("modal-title");if(r){const c=document.createElement("span");c.innerText=r,c.classList.add("ml-1","mr-auto"),n.append(c)}n.id=t;const i=this.getAttribute("header-class");let o=[];i?o=o.concat(i.split(" ")):o.push("bg-gray-light"),n.classList.add(...o,"border-bottom","row","justify-end","cursor-no-select");r=this.base.generateId();const a=document.createElement("button"),l=(a.classList.add("py-0","px-1","outline-hover","no-border","cursor-default",...o),a.innerText="X",a.id=r,n.append(a),s.append(n),document.createElement("div"));l.innerHTML=this.innerHTML,s.append(l),e.append(s),this.component=e,this.base.addEvent("#"+r,"click",this._closeModal),this.base.render(this),this.classList.add("hidden")}disconnectedCallback(){this.base.removeEvents(this)}}class n extends HTMLElement{base;_buttonId;_drawerId;_iconId;constructor(){super(),this.base=new r}connectedCallback(){this.style.position="relative",this.style.display="flex",this.style.width="fit-content",this._buttonId=this.base.generateId();const e=document.createElement("button"),t=(e.setAttribute("type","button"),e.classList.add("row"),e.id=this._buttonId,document.createElement("span")),s=(t.classList.add("self-align-center"),t.innerText=this.getAttribute("text"),this._iconId=this.base.generateId(),document.createElement("span"));s.classList.add("self-align-center");var n=l('');const r=l(''),i=(r.classList.add("hidden"),s.append(n,r),s.id=this._iconId,e.append(t,s),this._drawerId=this.base.generateId(),document.createElement("div"));i.id=this._drawerId,i.classList.add("shadow","inline-block","bg-white"),i.style.position="absolute",i.style.zIndex="1040";n=this.querySelector("template");n.innerHTML.length?i.innerHTML=n.innerHTML:i.append(n.firstChild),i.style.display="none",this.component=[e,i],this.base.addEvent("#"+this._buttonId,"click",this.toggleMenu);const o=document.querySelector("body");""!==o.getAttribute("flk-close-dropdown")&&(o.setAttribute("flk-close-dropdown",""),o.addEventListener("click",this.closeAllDropdownButtons)),this.base.render(this)}disconnectedCallback(){this.base.removeEvents(this);var e=document.querySelectorAll("flk-dropdown");if(!e||!e.length){const t=document.querySelector("body");t.removeAttribute("flk-close-dropdown"),t.removeEventListener("click",this.closeAllDropdownButtons)}}toggleMenu(e){const t=p(e).target;e=t._drawerId;const s=document.getElementById(e);var e="none"!==s.style.display,n=(s.style.display=e?"none":"block",t.getAttribute("drawer-width")),n=("string"==typeof t.getAttribute("right")&&(s.style.right="0px"),s.style.top=t.offsetHeight+"px",s.style.width=n||t.offsetWidth+"px",t._iconId);const r=document.getElementById(n);e?(r.childNodes[0].classList.remove("hidden"),r.childNodes[1].classList.add("hidden")):(r.childNodes[0].classList.add("hidden"),r.childNodes[1].classList.remove("hidden"))}_closeDropdown(){var e=this._drawerId;const t=document.getElementById(e);if("none"!==t.style.display){e=this._iconId;const s=document.getElementById(e);t.style.display="none",s.childNodes[0].classList.remove("hidden"),s.childNodes[1].classList.add("hidden")}}closeAllDropdownButtons(e){var t,s=p(e,"flk-dropdown").target,e=document.querySelectorAll("flk-dropdown");if(s)for(const n of e)s._buttonId!==n._buttonId&&(t=n._drawerId,"none"!==document.getElementById(t).style.display&&n._closeDropdown());else for(const r of e)r._closeDropdown()}}class o extends HTMLElement{base;contents;component;listType="ul";commentType="";invertComment=!1;searchStyle="";iconSet;filter={value:"",caseSensitive:!1};selectedElements=[];_setup=!0;_justFiltered=!1;_treeValues={};static get observedAttributes(){return["contents","icon-set","max-depth","filter","search-style","comment","invert-comment"]}_jsonToValueArray(e){return[...new Set(function e(t){let s=t;if(!t)return[];if("string"==typeof t&&t.includes("{"))s=JSON.parse(s);else if("object"!=typeof t)return[t];let n=[];if(Array.isArray(s)){if("object"==typeof s[0])for(const r of s){n=n.concat(Object.keys(r));for(const i of Object.values(r))"object"==typeof i?n=n.concat(e(i)):n.push(i)}}else if("object"==typeof s){n=n.concat(Object.keys(s));for(const o of Object.values(s))"object"==typeof o?n=n.concat(e(o)):n.push(o)}else n.push(s);return n}(e))]}_emit(e,t,s){e=new CustomEvent(e,{detail:s,bubbles:!0,cancelable:!0});t.dispatchEvent(e)}constructor(){super(),this.base=new r,this.setContents(this.getAttribute("contents")),this.commentType=this.getAttribute("comment")??"",this.iconSet=this.getAttribute("icon-set")??"file",this.searchStyle=this.getAttribute("search-style")??"highlight",this.maxDepth=this.getAttribute("max-depth")?parseInt(this.getAttribute("max-depth")):-1,this.invertComment=!!this.getAttribute("invert-comment"),this.setFilter(this.getAttribute("filter")),this.style.display="block",this.style.maxWidth="fit-content",this.style.margin="0 1rem 0 0",this.base.addEvent(".flk-branch","click",this.emitNodeToggle),this.base.addEvent(".flk-tree-summary","click",this.stopCollapseWhenJustFiltered)}stopCollapseWhenJustFiltered(e){const t=p(e,"flk-tree-nav").target;if(!t._justFiltered)return!0;let s=e.target;for(;"DETAILS"!==s.tagName&&(s=s.parentNode||s.parentElement),"DETAILS"!==s.tagName;);!0===t._justFiltered&&s.open&&(e.preventDefault(),t._justFiltered=!1)}deselectTree(){if(this.selectedElements.length)for(const e of this.selectedElements)e.classList.remove("font-weight-bold"),delete e.dataset.selected}emitNodeToggle(e){if(e.stopPropagation(),["LI","UL"].includes(e.target.tagName))return!1;const t=p(e,"flk-tree-nav").target,s=m(e,"branchKey");var d=parseInt(m(e,"depth"));let n=t.contents;const r=s.split("¶");for(const a of r)if(n[a])n=n[a];else if(null===n[a])n=null;else if(Array.isArray(n)){let e=[];for(const l of n)l[a]&&e.push(l[a]);n=e}let i,o=e.target;for(;o.dataset&&o.dataset.leafKey?i=o.dataset.leafKey:o=o.parentNode||o.parentElement,!i;);t.selectedElements.length&&(t.deselectTree(),t.selectedElements=[]),"DETAILS"===o.tagName?(t.selectedElements.push(o.childNodes[0]),o.childNodes.length&&o.childNodes[0].childNodes.length&&"DIV"===o.childNodes[0].childNodes[0].tagName&&(t.selectedElements=o.childNodes[0].childNodes[0].childNodes)):(t.selectedElements.push(o),o.childNodes.length&&"DIV"===o.childNodes[0].tagName&&(t.selectedElements=o.childNodes[0].childNodes));for(const c of t.selectedElements)c.dataset.selected||(c.classList.add("font-weight-bold"),c.dataset.selected=!0);var e=t.createLeafText(r.reverse()[0]),h=(r.pop(),r.reverse());t._emit("tree-click",t,{depth:d,path:h,data:n,key:i,label:(e.titleText+" "+e.commentText).trim(),branch:"object"==typeof n})}convertJsonKeyToTitle(e){if(!e)return"";const t=(e="string"!=typeof e?e.toString():e).replace(/([-_])/g,e=>"_"===e?" ":e).trim();return t.charAt(0).toUpperCase()+t.slice(1)}setContents(e){var t=e||this.contents||[];try{switch(typeof t){case"string":this.contents=JSON.parse(t);break;case"object":Array.isArray(t)?this.contents=t:this.contents=[t]}}catch(e){console.log(e)}}applyFilter(e){this._justFiltered=!0;let t,s;var n="details"===e.tagName.toLowerCase();let r=structuredClone(this._treeValues[e.dataset.branchValueId]);var i=Array.isArray(r);let o=i?r.join():r,a=(i&&r.shift(),i?r.join():"");s=this.filter.caseSensitive?(t=o.includes(this.filter.value),a.includes(this.filter.value)):(t=o.toLowerCase().includes(this.filter.value.toLowerCase()),a.toLowerCase().includes(this.filter.value.toLowerCase())),t?this.unselectTree(e):"highlight"===this.searchStyle?e.parentElement.style.color="rgba(0, 0, 0, 0.5)":e.parentElement.classList.add("hidden"),n&&t&&s?e.setAttribute("open",""):e.removeAttribute("open")}resetTree(e=!0){for(const t of this.querySelectorAll("[data-branch-value-id]"))t.parentElement.style.color="",t.parentElement.classList.remove("hidden"),e&&t.removeAttribute("open")}unselectTree(e){"highlight"===this.searchStyle?e.parentElement.style.color="":e.parentElement.classList.remove("hidden"),e.removeAttribute("open")}clearFilter(){this.resetTree(!1),this.filter={value:"",caseSensitive:!1}}filterTree(){if(void 0===this.filter.value||0===this.filter.value.length)this.resetTree();else{let t=setTimeout(()=>{for(const e of this.querySelectorAll("[data-branch-value-id]"))this.applyFilter(e);clearTimeout(t)},10)}}setFilter(e){const t=e||{};try{switch(typeof t){case"string":t.includes("{")?(this.filter=JSON.parse(t),!1===this.filter.caseSensitive&&(this.filter.value=this.filter.value.toLowerCase())):this.filter.value=e.toLowerCase();break;case"object":this.filter=t}}catch(e){console.log(e)}this.filterTree()}createLeafText(e){var t;let s="",n="";return!("string"!=typeof e||!this.commentType.length)&&e.includes(this.commentType[0])?(t=e.indexOf(this.commentType[0]),s=this.convertJsonKeyToTitle(e.substring(0,t)),n=e.substring(t+1,e.length-1).trim(),this.invertComment&&(t=s,s=n,n=t)):s=this.convertJsonKeyToTitle(e),{titleText:s,commentText:n}}createTextTag(n,r){n=this.createLeafText(n);if(n.commentText){let e=document.createElement("div"),t=document.createElement("span"),s=(t.innerText=n.titleText,document.createElement("small"));s.innerText=n.commentText,s.style.marginLeft="1rem",e.append(t,s),e.style.display="inline-flex",e.style.alignItems="center",r.append(e)}else r.innerText=n.titleText;return n}createLeaf(e,t,s,n,r=[]){let i=document.createElement("li");i.classList.add("cursor-pointer"),i.style.marginTop="0.4rem",i.dataset.branchKey=s,i.dataset.depth=n;const o="file"===this.iconSet?'':'';i.style.listStyleImage=`url('data:image/svg+xml,${o}')`,i.style.position="relative",i.style.left="2px";let a=document.createElement("span");s=g(),a.dataset.branchValueId=s,n=[e].concat(r),this._treeValues[s]=[...new Set(n)].join(),a.dataset.leafKey=n[0],r=this.createTextTag(e,a);if(r.commentText?i.title=r.titleText+" "+r.commentText:i.title=r.titleText,a.style.position="relative",a.style.top="-3px",i.append(a),t.tagName.toLowerCase()!==this.listType){let e=document.createElement(this.listType);const o="file"===this.iconSet?y:v;e.style.listStyleImage=`url('data:image/svg+xml,${o}')`,e.append(i),t.append(e)}else t.append(i)}createBranch(n,t,r,i){var o=i+1;if(i===this.maxDepth&&"object"==typeof n)if(Array.isArray(n))for(const s in n){let e;if(n[s]&&(e=this._jsonToValueArray(n[s])),"object"==typeof n[s])for(const m of Object.keys(n[s]))this.createLeaf(m,t,r+"¶"+s,i,e);else this.createLeaf(n[s],t,r+"¶"+s,i,e)}else for(const l of Object.keys(n)){let e;n[l]&&(e=this._jsonToValueArray(n[l])),this.createLeaf(l,t,r+"¶"+l,i,e)}else if(Array.isArray(n))for(var e in n){var h=document.createElement(this.listType);t.append(this.createBranch(n[e],h,r+"¶"+e,o))}else if(null!==n&&"object"==typeof n){const c=[];for(const d of Object.keys(n)){let e=document.createElement("li"),t=(e.classList.add("cursor-pointer"),e.style.position="relative",e.style.left="2px",e.dataset.branchKey=r+"¶"+d,e.dataset.depth=i,document.createElement("details"));t.classList.add("flk-branch");var a=g();t.dataset.branchValueId=a,this._treeValues[a]=[d].concat(this._jsonToValueArray(n[d])),t.style.position="relative",t.style.top="-3px",t.classList.add("cursor-pointer");let s=document.createElement("summary");s.classList.add("flk-tree-summary");a=this.createTextTag(d,s);t.dataset.leafKey=d,a.commentText?t.title=a.titleText+" "+a.commentText:t.title=a.titleText,t.append(s),e.append(this.createBranch(n[d],t,r+"¶"+d,o)),c.push(e)}if(t.tagName.toLowerCase()!==this.listType){let e=document.createElement(this.listType);var p="file"===this.iconSet?y:v;e.style.listStyleImage=`url('data:image/svg+xml,${p}')`;for(const u of c)e.append(u);t.append(e)}else for(const f of c)t.append(f)}else this.createLeaf(n,t,r,i);return t}createHtml(){let e=document.createElement(this.listType);var t="file"===this.iconSet?y:'';if(e.style.listStyleImage=`url('data:image/svg+xml,${t}')`,e.style.marginLeft="3rem",this.contents.length){for(const s in this.contents)e=this.createBranch(this.contents[s],e,s,0);this.component=e}else this.component=e}attributeChangedCallback(e,t,s){switch(e){case"contents":this.setContents(s);break;case"icon-set":this.iconSet=s;break;case"max-depth":this.maxDepth="string"==typeof s?parseInt(s):s;break;case"comment":this.commentType=s;break;case"invert-comment":this.invertComment="boolean"==typeof s?s:"true"===s.toString().toLowerCase();break;case"search-style":this.searchStyle=s,this.resetTree(!1),this.filterTree();break;case"filter":this.setFilter(s)}["filter","search-style"].includes(e)||this._setup||this.init()}connectedCallback(){this._setup||this.init()}disconnectedCallback(){this.base.removeEvents(this)}init(){this.createHtml(),this.base.render(this),this._setup=!1}}customElements.define("flk-table",e),customElements.define("flk-draggable",t),customElements.define("flk-modal",s),customElements.define("flk-dropdown",n),customElements.define("flk-tree-nav",o)}(); \ No newline at end of file diff --git a/docs/cdn/ibiss-v0.0.17/htmx-ibiss-ui.min.js b/docs/cdn/ibiss-v0.0.17/htmx-ibiss-ui.min.js new file mode 100644 index 0000000..c035056 --- /dev/null +++ b/docs/cdn/ibiss-v0.0.17/htmx-ibiss-ui.min.js @@ -0,0 +1 @@ +!function(t){"function"==typeof define&&define.amd?define(t):t()}(function(){"use strict";htmx.defineExtension("ibiss-ui",{onEvent:function(t,e){if("htmx:beforeRequest"===t){const{target:i,detail:n}=e;t=i.getAttribute("ibiss-router");if(window[t]&&"function"==typeof window[t])return window[t](i,n,e),!1}}})}); \ No newline at end of file diff --git a/docs/cdn/ibiss-v0.0.17/rocket.min.js b/docs/cdn/ibiss-v0.0.17/rocket.min.js new file mode 100644 index 0000000..0a7f9d0 --- /dev/null +++ b/docs/cdn/ibiss-v0.0.17/rocket.min.js @@ -0,0 +1 @@ +!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).rocketjs=t()}(this,function(){"use strict";function y(e,t){let r=0,l=e.indexOf(t);for(;-1!==l;)r++,l=e.indexOf(t,l+1);return r}function e(){return{sequence:"",match:!1}}function v(e,t,r){let l=r.sequence;return l.length===t.length&&(l=l.substring(1)),l+=e,r.sequence=l,r.match=l===t,r}class g{static getTemplates(t,r,l){if(r.length!==l.length)throw new Error("Template start is not the same length as template end");var g=t.length;let a=e(),o=e(),n=0,s=0,i=[],p=[];const u=[];for(let e=0;ee.replace(new RegExp(t,"g"),r));return l=l.replace(/if([\s\S]+?)\s|is|not/gm,e=>e.replace(new RegExp(t,"g"),r)),l=l.replace(/(of|in)([\s\S]+?)(?=<|{)/gm,e=>e.replace(new RegExp(t,"g"),r)),l}}class o{static resolvePartials(e,t){let r=e;for(const a of g.getTemplates(e,"{{#","#}}")){var l=g.getInnerTemplate(a),l=g.getPropertyValue(l,t);let e=l?l:"";r=r.replace(a,e)}if(r.includes("{{#")){if(e===r)return r;r=o.resolvePartials(r,t)}return r}}class s{static interpolateTemplate(e,r){let l=e;for(const n of g.getTemplates(e,"{{","}}")){let e=g.getInnerTemplate(n,2);var a="!"===e[0],o=(a&&(e=e.substr(1).trim()),g.getPropertyValue(e,r));let t=o?o:"";t=Array.isArray(t)?t.join(", "):t.toString().trim();o=a?s.escapeHtml(t):t;l=l.replace(n,o)}return l}static escapeHtml(e){return e=(e=(e=(e=(e=e.replace(/&/gm,"&")).replace(//gm,">")).replace(/"/gm,""")).replace(/\//gm,"'")}}class r{static buildTemplate(e,t){e=o.resolvePartials(e,t),e=class{static resolveWrapper(e){let t=e;for(const o of g.getTemplates(e,"{{$","$}}")){var r=g.getWrapperProperty(o),l=g.getTemplates(r.templateToFill,"{{","}}"),l=g.getToplevelTemplates(l);let e=r.templateToFill;for(const n of l){var a=g.getProperty(n);e=e.replace(new RegExp(a,"g"),r.property+"."+a)}t=t.replace(o,e)}return t}}.resolveWrapper(e);return e=c.resolveLoop(e,t),class{static resolveConditional(e,l){let a=e;for(const p of g.getTemplates(e,"{{~","~}}")){const c=g.getConditionalLogic(p);var o=c.property,n=c.logiclessTemplate,s=c.truthy,i=!c.truthy;let e="",t=(c.comparison&&(e=c.comparison),""),r=g.getPropertyValue(o,l);r&&(r=Array.isArray(r)?r:r.toString().trim().toLocaleLowerCase(),e=c.comparison?c.comparison.toLocaleLowerCase():null),e?(s&&(t=r===e?n:""),i&&(t=r!==e?n:"")):t="false"===r||!r||Array.isArray(r)&&!r.length?"":n,a=a.replace(p,t)}return a}}.resolveConditional(e,t)}static interpolateTemplate(e,t){return s.interpolateTemplate(e,t)}static render(e,t){e=r.buildTemplate(e,t);return r.interpolateTemplate(e,t)}}return r}); \ No newline at end of file diff --git a/docs/index.html b/docs/index.html index fba1225..57a6628 100644 --- a/docs/index.html +++ b/docs/index.html @@ -7,7 +7,7 @@ Ibiss UI Documentation - + diff --git a/docs/js/flightkit.min.js b/docs/js/flightkit.min.js index e329758..24d37ab 100644 --- a/docs/js/flightkit.min.js +++ b/docs/js/flightkit.min.js @@ -1 +1 @@ -!function(){"use strict";function i(e,t){if(!t||0===t.length)return e;const s=Object.assign([],e);if(Array.isArray(s[0])){e=s;var n=t;const r=[];for(const i of e)r.push(i.sort(L(n)));r}else s.sort(L(t));return s}function _(e){let t=e.toString();e=t.match(/^\d+|\d+$/);return e?parseInt(e[0]):null}function k(e){return"boolean"==typeof e||"string"==typeof e&&("true"===(e=e.toLocaleLowerCase())||"false"===e)}function T(e){return"boolean"==typeof e?e:"true"===e.toLocaleLowerCase()}function L(w,E=0){return function(d,h){var{propertyName:e,direction:t}=w[E];let s=null===d[e]||void 0===d[e]?"":d[e],n=null===h[e]||void 0===h[e]?"":h[e];const p=/^(\d{1,4}-\d{1,4}-\d{1,4}(T)?)/gim;var m,e=s instanceof Date&&n instanceof Date||p.test(s)&&p.test(n),u=(e&&(s=s instanceof Date?s.valueOf():new Date(Date.parse(s)),n=n instanceof Date?n.valueOf():new Date(Date.parse(n))),k(s)&&k(n)),f=!u&&!isNaN(s)&&!isNaN(n),r=_(s),i=_(n);let g=!1;f?(s=parseFloat(s).toPrecision(12),n=parseFloat(n).toPrecision(12)):null!==r&&null!==i&&(g=!0),u&&(s=T(s),n=T(n));let o,a;switch(t){case"descending":case"desc":o=n,a=s;break;default:o=s,a=n}let l=0;if(g)l=(r=s,i=n,t=t,c=/^([a-zA-Z]*)(\d*)|(\d*)([a-zA-Z]*)$/,r=r.toString().toLocaleLowerCase().match(c),i=i.toString().toLocaleLowerCase().match(c),c=r[1]||r[4],r=parseInt(r[2]||r[3],10)||0,y=i[1]||i[4],i=parseInt(i[2]||i[3],10)||0,(m=(t=t.includes("desc"))?y:c)<(c=t?c:y)?-1:c(15&crypto.getRandomValues(new Uint8Array(1))[0]).toString(16));return window.$flightkitUUIDStore||(window.$flightkitUUIDStore={}),void 0!==window.$flightkitUUIDStore[t]?g(e+1):(window.$flightkitUUIDStore[t]=!0,t)}class r{constructor(){}_topLevelClasses=[];_events=[];generateId(){return"flk-"+function e(){var t=([1e7]+-1e3+-4e3+-8e3+-1e11).replace(/[018]/g,e=>(e^crypto.getRandomValues(new Uint8Array(1))[0]&15>>e/4).toString(16));return window.$flightkitUUIDStore||(window.$flightkitUUIDStore={}),void 0!==window.$flightkitUUIDStore[t]?e():(window.$flightkitUUIDStore[t]=!0,t)}()}render(t){if(!t.component)throw new Error("Component is not assigned! Can't render");t.id=t.id||this.generateId();var e=this._getAllEventAttributes(t);if(e){var s="#"+t.id;for(const i of e){var n="e-"+i;this.addEvent(s,i,t.getAttribute(n))}}var r=Object.keys(t.classList).length;if(r){for(let e=0;e{this._assignToDom(t,t.component),clearTimeout(this._renderTimer)},10)}addEvent(e,t,s){this._events.push({selector:e,eventType:t,callback:s})}_getExternalCallback(e){let t=void 0;for(const s of e.split("."))t=(t||window)[s];return t}_getAllEventAttributes(e){e=e.attributes;const t=Array.from(e).filter(e=>e.name.startsWith("e-"));return t.map(e=>e.name.slice(2))}_isFlightkitElement(e){return e.toUpperCase().includes("FLK-")}_outerEventHandler(e){const t=p(e),s=(t.contents=e.detail,t.target.getAttribute("e-"+t.type));let n=void 0;for(const r of s.split("."))n=(n||window)[r];return e.preventDefault(),e.stopPropagation(),n(t)}_addEvents(e){if(e.isConnected)for(const s of this._events)if(s.selector.startsWith("."))for(const n of document.querySelectorAll(s.selector))this._addEventToElement(s,n);else{var t=document.querySelector(s.selector);this._addEventToElement(s,t)}}_addEventToElement(e,t){t&&("function"==typeof e.callback?(t.removeEventListener(e.eventType,e.callback),t.addEventListener(e.eventType,e.callback)):(t.removeEventListener(e.eventType,this._outerEventHandler),t.addEventListener(e.eventType,this._outerEventHandler)))}removeEvents(){for(const t of this._events)if(t.selector.startsWith("."))for(const s of document.querySelectorAll(t.selector))this._addEventToElement(t,s);else{var e=document.querySelector(t.selector);this._addEventToElement(t,e)}this._events=[]}_removeEventToElement(e,t){t&&("function"==typeof e.callback?t.removeEventListener(e.eventType,e.callback):t.removeEventListener(e.eventType,this._outerEventHandler))}_assignToDom(e,t){e.innerHTML="";for(const n of Array.isArray(t)?t:[t])e.append(n);const s=setTimeout(()=>{this._addEvents(e),clearTimeout(s),e.dispatchEvent(new CustomEvent("loaded",{bubbles:!0,cancelable:!0}))},10)}}const y='',v='';function l(e){const t=new DOMParser;return t.parseFromString(e,"image/svg+xml").documentElement}class e extends HTMLElement{base;component=null;properties=new Set;uniqueEntriesByProperties={};propertyLabelDictionary={};_contents=[];_orderBy=[];_columnOrder=[];_filter="";_selectionProperty="";_selectedIds=new Set;_templates={};_templateClasses={};static get observedAttributes(){return["contents","columns","order","filter","selection-property","templates"]}get columnOrder(){return this._columnOrder.length?this._columnOrder:this.properties}set columnOrder(e){let t;"string"==typeof e&&(t=e.split(",")),t=e,this._columnOrder=t}get contents(){return this._contents}set contents(e){this.analyzeData(e),this._contents=e}get orderBy(){return this._orderBy}set orderBy(e){if(Array.isArray(e))this._orderBy=e;else{const n=[];for(const r of e.split(",")){var t=r.split("|"),s=t[0],t=1e[s._selectionProperty])):new Set;e=t?s.contents.execute():[];s._emit("select",s,{selection:e}),s._updateCheckboxes(s)}emitSelect(e){var t=e.target.checked,s=e.target.dataset.objectId;const n=p(e).target,r=(t?n._selectedIds.add(s):n._selectedIds.delete(s),n._selectionProperty);e=n.contents.execute().filter(e=>n._selectedIds.has(e[r]));n._emit("select",n,{selection:e}),n._updateCheckboxes(n)}sortData(e){const t=p(e).target,s=m(e,"column");s&&(-1<(e=t._orderBy.findIndex(e=>e.propertyName===s))?"asc"===t._orderBy[e].direction?t._orderBy[e].direction="desc":t._orderBy.splice(e,1):t._orderBy.push({propertyName:s,direction:"asc"}),t.createHtml(),t.base.render(t))}setColumnOrder(e){this._columnOrder=e?Array.isArray(e)?e:e.split(","):[]}analyzeData(t){this.properties=new Set;var s=t.length;for(let e=0;e"_"===e?" ":" "+e.toLowerCase()).trim();var s=t.charAt(0).toUpperCase()+t.slice(1);return this.propertyLabelDictionary[e]=s}parseTemplate(e,n){return e.replace(/\{\{([\s\S]+?)\}\}/gim,(e,t)=>{let s="";t=t.trim();t=n[t];return t&&(s=t),Array.isArray(s)?s.join(", "):s.toString().trim()})}createSelectionCheckbox(e){const t=document.createElement("input");return t.setAttribute("type","checkbox"),t.classList.add("flk-selection-checkbox"),e&&(t.dataset.selected=e[this._selectionProperty]),t}createRow(e){const t=document.createElement("tr");if(this._selectionProperty.length){const r=document.createElement("td");var s=this.base.generateId();const i=this.createSelectionCheckbox(e);i.id=s,i.dataset.objectId=e[this._selectionProperty];var n=e[this._selectionProperty];this._selectedIds.has(n)?i.checked=!0:i.checked=!1,this.base.addEvent("#"+s,"change",this.emitSelect),r.append(i),t.append(r)}for(const o of this.columnOrder){const a=document.createElement("td");this._templates[o]?(a.innerHTML=this.parseTemplate(this._templates[o],e),this._templateClasses[o]&&a.classList.add(...this._templateClasses[o])):a.innerText=e[o],t.append(a)}return t}createBody(e){const t=document.createElement("tbody");for(const n of e){var s=this.createRow(n,null);t.append(s)}return t}createHead(){const e=document.createElement("thead"),t=document.createElement("tr");if(t.classList.add("cursor-pointer"),this._selectionProperty.length){const r=document.createElement("th");var s=this.base.generateId();const i=this.createSelectionCheckbox();i.id=s;var d=this.contents.execute().length;0e.propertyName===o);const c=document.createElement("span");n?c.innerHTML="asc"===n.direction?'':'':(c.style.display="inline-block",c.style.width="24px"),a.append(c),t.append(a)}return e.append(t),e}addEvent(e,t,s){this.base.addEvent(e,t,s)}init(){this.createHtml(),this.base.render(this)}}class t extends HTMLElement{base;componentId;constructor(){super(),this.base=new r}connectedCallback(){var e=this.getAttribute("top"),t=this.getAttribute("left"),s=this.getAttribute("center"),n=this.getAttribute("zIndex");this.id||(this.id=this.base.generateId()),this.style.display="block",this.style.position="fixed","string"==typeof s?(this.style.top=e||"50%",this.style.left="50%",this.style.transform="translate(-50%, -50%)"):(this.style.top=e||this.clientTop+"px",this.style.left=t||this.clientLeft+"px"),n&&(this.style.zIndex=n),this.componentId=this.getAttribute("handle");const r=document.createElement("div");r.innerHTML=this.innerHTML,this.component=r;s="#"+(this.componentId||this.id);this.base.addEvent(s,"mousedown",this._dragElement),this.base.addEvent(s,"mouseup",this._reset),this.base.render(this)}disconnectedCallback(){this.base.removeEvents(this)}_dragElement(e){const s=p(e,"flk-draggable").target;let n,r;function t(e){n=e.clientX-s.offsetLeft,r=e.clientY-s.offsetTop}function i(e){var t=e.clientX-n,e=e.clientY-r;s.style.left=t+"px",s.style.top=e+"px"}function o(e){e.preventDefault()}function a(){s.removeAttribute("draggable"),s.removeEventListener("dragstart",t),s.removeEventListener("dragend",a),document.removeEventListener("dragover",o),document.removeEventListener("drop",i)}s.setAttribute("draggable",!0),s.addEventListener("dragstart",t),s.addEventListener("dragend",a),document.addEventListener("dragover",o),document.addEventListener("drop",i)}}class s extends HTMLElement{_id;base;_draggableId;constructor(){super(),this.base=new r}_emit(e,t,s){e=new CustomEvent(e,{detail:s,bubbles:!0,cancelable:!0});t.dispatchEvent(e)}_closeModal(e){e.stopPropagation();const t=p(e,"flk-modal").target;t.classList.add("hidden")}closeModal(e){this.classList.add("hidden")}openModal(e=!0){const t=document.getElementById(this._draggableId);e&&(t.style.top="40%",t.style.left="50%"),this.classList.remove("hidden")}connectedCallback(){this.id||(this.id=this.base.generateId());const e=document.createElement("div");var t=this.base.generateId();const s=document.createElement("flk-draggable"),n=(this._draggableId=this.base.generateId(),s.id=this._draggableId,s.setAttribute("center",""),s.setAttribute("top","40%"),s.setAttribute("handle",t),s.setAttribute("zIndex","1080"),s.classList.add("border","shadow-lg","bg-white"),s.style.width="max-content",document.createElement("div"));var r=this.getAttribute("modal-title");if(r){const c=document.createElement("span");c.innerText=r,c.classList.add("ml-1","mr-auto"),n.append(c)}n.id=t;const i=this.getAttribute("header-class");let o=[];i?o=o.concat(i.split(" ")):o.push("bg-gray-light"),n.classList.add(...o,"border-bottom","row","justify-end","cursor-no-select");r=this.base.generateId();const a=document.createElement("button"),l=(a.classList.add("py-0","px-1","outline-hover","no-border","cursor-default",...o),a.innerText="X",a.id=r,n.append(a),s.append(n),document.createElement("div"));l.innerHTML=this.innerHTML,s.append(l),e.append(s),this.component=e,this.base.addEvent("#"+r,"click",this._closeModal),this.base.render(this),this.classList.add("hidden")}disconnectedCallback(){this.base.removeEvents(this)}}class n extends HTMLElement{base;_buttonId;_drawerId;_iconId;constructor(){super(),this.base=new r}connectedCallback(){this.style.position="relative",this.style.display="flex",this.style.width="fit-content",this._buttonId=this.base.generateId();const e=document.createElement("button"),t=(e.setAttribute("type","button"),e.classList.add("row"),e.id=this._buttonId,document.createElement("span")),s=(t.classList.add("self-align-center"),t.innerText=this.getAttribute("text"),this._iconId=this.base.generateId(),document.createElement("span"));s.classList.add("self-align-center");var n=l('');const r=l(''),i=(r.classList.add("hidden"),s.append(n,r),s.id=this._iconId,e.append(t,s),this._drawerId=this.base.generateId(),document.createElement("div"));i.id=this._drawerId,i.classList.add("shadow","inline-block","bg-white"),i.style.position="absolute",i.style.zIndex="1040";n=this.querySelector("template");n.innerHTML.length?i.innerHTML=n.innerHTML:i.append(n.firstChild),i.style.display="none",this.component=[e,i],this.base.addEvent("#"+this._buttonId,"click",this.toggleMenu);const o=document.querySelector("body");""!==o.getAttribute("flk-close-dropdown")&&(o.setAttribute("flk-close-dropdown",""),o.addEventListener("click",this.closeAllDropdownButtons)),this.base.render(this)}disconnectedCallback(){this.base.removeEvents(this);var e=document.querySelectorAll("flk-dropdown");if(!e||!e.length){const t=document.querySelector("body");t.removeAttribute("flk-close-dropdown"),t.removeEventListener("click",this.closeAllDropdownButtons)}}toggleMenu(e){const t=p(e).target;e=t._drawerId;const s=document.getElementById(e);var e="none"!==s.style.display,n=(s.style.display=e?"none":"block",t.getAttribute("drawer-width")),n=("string"==typeof t.getAttribute("right")&&(s.style.right="0px"),s.style.top=t.offsetHeight+"px",s.style.width=n||t.offsetWidth+"px",t._iconId);const r=document.getElementById(n);e?(r.childNodes[0].classList.remove("hidden"),r.childNodes[1].classList.add("hidden")):(r.childNodes[0].classList.add("hidden"),r.childNodes[1].classList.remove("hidden"))}_closeDropdown(){var e=this._drawerId;const t=document.getElementById(e);if("none"!==t.style.display){e=this._iconId;const s=document.getElementById(e);t.style.display="none",s.childNodes[0].classList.remove("hidden"),s.childNodes[1].classList.add("hidden")}}closeAllDropdownButtons(e){var t,s=p(e,"flk-dropdown").target,e=document.querySelectorAll("flk-dropdown");if(s)for(const n of e)s._buttonId!==n._buttonId&&(t=n._drawerId,"none"!==document.getElementById(t).style.display&&n._closeDropdown());else for(const r of e)r._closeDropdown()}}class o extends HTMLElement{base;contents;component;listType="ul";commentType="";invertComment=!1;searchStyle="";iconSet;filter={value:"",caseSensitive:!1};selectedElements=[];_setup=!0;_justFiltered=!1;_treeValues={};static get observedAttributes(){return["contents","icon-set","max-depth","filter","search-style","comment","invert-comment"]}_jsonToValueArray(e){return[...new Set(function e(t){let s=t;if(!t)return[];if("string"==typeof t&&t.includes("{"))s=JSON.parse(s);else if("object"!=typeof t)return[t];let n=[];if(Array.isArray(s)){if("object"==typeof s[0])for(const r of s){n=n.concat(Object.keys(r));for(const i of Object.values(r))"object"==typeof i?n=n.concat(e(i)):n.push(i)}}else if("object"==typeof s){n=n.concat(Object.keys(s));for(const o of Object.values(s))"object"==typeof o?n=n.concat(e(o)):n.push(o)}else n.push(s);return n}(e))]}_emit(e,t,s){e=new CustomEvent(e,{detail:s,bubbles:!0,cancelable:!0});t.dispatchEvent(e)}constructor(){super(),this.base=new r,this.setContents(this.getAttribute("contents")),this.commentType=this.getAttribute("comment")??"",this.iconSet=this.getAttribute("icon-set")??"file",this.searchStyle=this.getAttribute("search-style")??"highlight",this.maxDepth=this.getAttribute("max-depth")?parseInt(this.getAttribute("max-depth")):-1,this.invertComment=!!this.getAttribute("invert-comment"),this.setFilter(this.getAttribute("filter")),this.style.display="block",this.style.maxWidth="fit-content",this.style.margin="0 1rem 0 0",this.base.addEvent(".flk-branch","click",this.emitNodeToggle),this.base.addEvent(".flk-tree-summary","click",this.stopCollapseWhenJustFiltered)}stopCollapseWhenJustFiltered(e){const t=p(e,"flk-tree-nav").target;if(!t._justFiltered)return!0;let s=e.target;for(;"DETAILS"!==s.tagName&&(s=s.parentNode||s.parentElement),"DETAILS"!==s.tagName;);!0===t._justFiltered&&s.open&&(e.preventDefault(),t._justFiltered=!1)}deselectTree(){if(this.selectedElements.length)for(const e of this.selectedElements)e.classList.remove("font-weight-bold"),delete e.dataset.selected}emitNodeToggle(e){if(e.stopPropagation(),["LI","UL"].includes(e.target.tagName))return!1;const t=p(e,"flk-tree-nav").target,s=m(e,"branchKey");var d=parseInt(m(e,"depth"));let n=t.contents;const r=s.split("¶");for(const a of r)if(n[a])n=n[a];else if(null===n[a])n=null;else if(Array.isArray(n)){let e=[];for(const l of n)l[a]&&e.push(l[a]);n=e}let i,o=e.target;for(;o.dataset&&o.dataset.leafKey?i=o.dataset.leafKey:o=o.parentNode||o.parentElement,!i;);t.selectedElements.length&&(t.deselectTree(),t.selectedElements=[]),"DETAILS"===o.tagName?(t.selectedElements.push(o.childNodes[0]),o.childNodes.length&&o.childNodes[0].childNodes.length&&"DIV"===o.childNodes[0].childNodes[0].tagName&&(t.selectedElements=o.childNodes[0].childNodes[0].childNodes)):(t.selectedElements.push(o),o.childNodes.length&&"DIV"===o.childNodes[0].tagName&&(t.selectedElements=o.childNodes[0].childNodes));for(const c of t.selectedElements)c.dataset.selected||(c.classList.add("font-weight-bold"),c.dataset.selected=!0);var e=t.createLeafText(r.reverse()[0]),h=(r.pop(),r.reverse());t._emit("tree-click",t,{depth:d,path:h,data:n,key:i,label:(e.titleText+" "+e.commentText).trim(),branch:"object"==typeof n})}convertJsonKeyToTitle(e){if(!e)return"";const t=(e="string"!=typeof e?e.toString():e).replace(/([-_])/g,e=>"_"===e?" ":e).trim();return t.charAt(0).toUpperCase()+t.slice(1)}setContents(e){var t=e||this.contents||[];try{switch(typeof t){case"string":this.contents=JSON.parse(t);break;case"object":Array.isArray(t)?this.contents=t:this.contents=[t]}}catch(e){console.log(e)}}applyFilter(e){this._justFiltered=!0;let t,s;var n="details"===e.tagName.toLowerCase();let r=structuredClone(this._treeValues[e.dataset.branchValueId]);var i=Array.isArray(r);let o=i?r.join():r,a=(i&&r.shift(),i?r.join():"");s=this.filter.caseSensitive?(t=o.includes(this.filter.value),a.includes(this.filter.value)):(t=o.toLowerCase().includes(this.filter.value.toLowerCase()),a.toLowerCase().includes(this.filter.value.toLowerCase())),t?this.unselectTree(e):"highlight"===this.searchStyle?e.parentElement.style.color="rgba(0, 0, 0, 0.5)":e.parentElement.classList.add("hidden"),n&&t&&s?e.setAttribute("open",""):e.removeAttribute("open")}resetTree(e=!0){for(const t of this.querySelectorAll("[data-branch-value-id]"))t.parentElement.style.color="",t.parentElement.classList.remove("hidden"),e&&t.removeAttribute("open")}unselectTree(e){"highlight"===this.searchStyle?e.parentElement.style.color="":e.parentElement.classList.remove("hidden"),e.removeAttribute("open")}clearFilter(){this.resetTree(!1),this.filter={value:"",caseSensitive:!1}}filterTree(){if(void 0===this.filter.value||0===this.filter.value.length)this.resetTree();else{let t=setTimeout(()=>{for(const e of this.querySelectorAll("[data-branch-value-id]"))this.applyFilter(e);clearTimeout(t)},10)}}setFilter(e){const t=e||{};try{switch(typeof t){case"string":t.includes("{")?(this.filter=JSON.parse(t),!1===this.filter.caseSensitive&&(this.filter.value=this.filter.value.toLowerCase())):this.filter.value=e.toLowerCase();break;case"object":this.filter=t}}catch(e){console.log(e)}this.filterTree()}createLeafText(e){var t;let s="",n="";return!("string"!=typeof e||!this.commentType.length)&&e.includes(this.commentType[0])?(t=e.indexOf(this.commentType[0]),s=this.convertJsonKeyToTitle(e.substring(0,t)),n=e.substring(t+1,e.length-1).trim(),this.invertComment&&(t=s,s=n,n=t)):s=this.convertJsonKeyToTitle(e),{titleText:s,commentText:n}}createTextTag(n,r){n=this.createLeafText(n);if(n.commentText){let e=document.createElement("div"),t=document.createElement("span"),s=(t.innerText=n.titleText,document.createElement("small"));s.innerText=n.commentText,s.style.marginLeft="1rem",e.append(t,s),e.style.display="inline-flex",e.style.alignItems="center",r.append(e)}else r.innerText=n.titleText;return n}createLeaf(e,t,s,n,r=[]){let i=document.createElement("li");i.classList.add("cursor-pointer"),i.style.marginTop="0.4rem",i.dataset.branchKey=s,i.dataset.depth=n;const o="file"===this.iconSet?'':'';i.style.listStyleImage=`url('data:image/svg+xml,${o}')`,i.style.position="relative",i.style.left="2px";let a=document.createElement("span");s=g(),a.dataset.branchValueId=s,n=[e].concat(r),this._treeValues[s]=[...new Set(n)].join(),a.dataset.leafKey=n[0],r=this.createTextTag(e,a);if(r.commentText?i.title=r.titleText+" "+r.commentText:i.title=r.titleText,a.style.position="relative",a.style.top="-3px",i.append(a),t.tagName.toLowerCase()!==this.listType){let e=document.createElement(this.listType);const o="file"===this.iconSet?y:v;e.style.listStyleImage=`url('data:image/svg+xml,${o}')`,e.append(i),t.append(e)}else t.append(i)}createBranch(n,t,r,i){var o=i+1;if(i===this.maxDepth&&"object"==typeof n)if(Array.isArray(n))for(const s in n){let e;if(n[s]&&(e=this._jsonToValueArray(n[s])),"object"==typeof n[s])for(const m of Object.keys(n[s]))this.createLeaf(m,t,r+"¶"+s,i,e);else this.createLeaf(n[s],t,r+"¶"+s,i,e)}else for(const l of Object.keys(n)){let e;n[l]&&(e=this._jsonToValueArray(n[l])),this.createLeaf(l,t,r+"¶"+l,i,e)}else if(Array.isArray(n))for(var e in n){var h=document.createElement(this.listType);t.append(this.createBranch(n[e],h,r+"¶"+e,o))}else if(null!==n&&"object"==typeof n){const c=[];for(const d of Object.keys(n)){let e=document.createElement("li"),t=(e.classList.add("cursor-pointer"),e.style.position="relative",e.style.left="2px",e.dataset.branchKey=r+"¶"+d,e.dataset.depth=i,document.createElement("details"));t.classList.add("flk-branch");var a=g();t.dataset.branchValueId=a,this._treeValues[a]=[d].concat(this._jsonToValueArray(n[d])),t.style.position="relative",t.style.top="-3px",t.classList.add("cursor-pointer");let s=document.createElement("summary");s.classList.add("flk-tree-summary");a=this.createTextTag(d,s);t.dataset.leafKey=d,a.commentText?t.title=a.titleText+" "+a.commentText:t.title=a.titleText,t.append(s),e.append(this.createBranch(n[d],t,r+"¶"+d,o)),c.push(e)}if(t.tagName.toLowerCase()!==this.listType){let e=document.createElement(this.listType);var p="file"===this.iconSet?y:v;e.style.listStyleImage=`url('data:image/svg+xml,${p}')`;for(const u of c)e.append(u);t.append(e)}else for(const f of c)t.append(f)}else this.createLeaf(n,t,r,i);return t}createHtml(){let e=document.createElement(this.listType);var t="file"===this.iconSet?y:'';if(e.style.listStyleImage=`url('data:image/svg+xml,${t}')`,e.style.marginLeft="3rem",this.contents.length){for(const s in this.contents)e=this.createBranch(this.contents[s],e,s,0);this.component=e}else this.component=e}attributeChangedCallback(e,t,s){switch(e){case"contents":this.setContents(s);break;case"icon-set":this.iconSet=s;break;case"max-depth":this.maxDepth="string"==typeof s?parseInt(s):s;break;case"comment":this.commentType=s;break;case"invert-comment":this.invertComment="boolean"==typeof s?s:"true"===s.toString().toLowerCase();break;case"search-style":this.searchStyle=s,this.resetTree(!1),this.filterTree();break;case"filter":this.setFilter(s)}["filter","search-style"].includes(e)||this._setup||this.init()}connectedCallback(){this._setup||this.init()}disconnectedCallback(){this.base.removeEvents(this)}init(){this.createHtml(),this.base.render(this),this._setup=!1}}customElements.define("flk-table",e),customElements.define("flk-draggable",t),customElements.define("flk-modal",s),customElements.define("flk-dropdown",n),customElements.define("flk-tree-nav",o)}(); \ No newline at end of file +!function(){"use strict";function i(e,t){if(!t||0===t.length)return e;const s=Object.assign([],e);if(Array.isArray(s[0])){e=s;var n=t;const r=[];for(const i of e)r.push(i.sort(L(n)));r}else s.sort(L(t));return s}function _(e){let t=e.toString();e=t.match(/^\d+|\d+$/);return e?parseInt(e[0]):null}function k(e){return"boolean"==typeof e||"string"==typeof e&&("true"===(e=e.toLocaleLowerCase())||"false"===e)}function T(e){return"boolean"==typeof e?e:"true"===e.toLocaleLowerCase()}function L(w,E=0){return function(d,h){var{propertyName:e,direction:t}=w[E];let s=null===d[e]||void 0===d[e]?"":d[e],n=null===h[e]||void 0===h[e]?"":h[e];const p=/^(\d{1,4}-\d{1,4}-\d{1,4}(T)?)/gim;var m,e=s instanceof Date&&n instanceof Date||p.test(s)&&p.test(n),u=(e&&(s=s instanceof Date?s.valueOf():new Date(Date.parse(s)),n=n instanceof Date?n.valueOf():new Date(Date.parse(n))),k(s)&&k(n)),f=!u&&!isNaN(s)&&!isNaN(n),r=_(s),i=_(n);let g=!1;f?(s=parseFloat(s).toPrecision(12),n=parseFloat(n).toPrecision(12)):null!==r&&null!==i&&(g=!0),u&&(s=T(s),n=T(n));let o,a;switch(t){case"descending":case"desc":o=n,a=s;break;default:o=s,a=n}let l=0;if(g)l=(r=s,i=n,t=t,c=/^([a-zA-Z]*)(\d*)|(\d*)([a-zA-Z]*)$/,r=r.toString().toLocaleLowerCase().match(c),i=i.toString().toLocaleLowerCase().match(c),c=r[1]||r[4],r=parseInt(r[2]||r[3],10)||0,y=i[1]||i[4],i=parseInt(i[2]||i[3],10)||0,(m=(t=t.includes("desc"))?y:c)<(c=t?c:y)?-1:c(15&crypto.getRandomValues(new Uint8Array(1))[0]).toString(16));return window.$flightkitUUIDStore||(window.$flightkitUUIDStore={}),void 0!==window.$flightkitUUIDStore[t]?g(e+1):(window.$flightkitUUIDStore[t]=!0,t)}class r{constructor(){}_topLevelClasses=[];_events=[];generateId(){return"flk-"+function e(){var t=([1e7]+-1e3+-4e3+-8e3+-1e11).replace(/[018]/g,e=>(e^crypto.getRandomValues(new Uint8Array(1))[0]&15>>e/4).toString(16));return window.$flightkitUUIDStore||(window.$flightkitUUIDStore={}),void 0!==window.$flightkitUUIDStore[t]?e():(window.$flightkitUUIDStore[t]=!0,t)}()}render(t){if(!t.component)throw new Error("Component is not assigned! Can't render");t.id=t.id||this.generateId();var e=this._getAllEventAttributes(t);if(e){var s="#"+t.id;for(const i of e){var n="e-"+i;this.addEvent(s,i,t.getAttribute(n))}}var r=Object.keys(t.classList).length;if(r){for(let e=0;e{this._assignToDom(t,t.component),clearTimeout(this._renderTimer)},10)}addEvent(e,t,s){this._events.push({selector:e,eventType:t,callback:s})}_getExternalCallback(e){let t=void 0;for(const s of e.split("."))t=(t||window)[s];return t}_getAllEventAttributes(e){e=e.attributes;const t=Array.from(e).filter(e=>e.name.startsWith("e-"));return t.map(e=>e.name.slice(2))}_isFlightkitElement(e){return e.toUpperCase().includes("FLK-")}_outerEventHandler(e){const t=p(e),s=(t.contents=e.detail,t.target.getAttribute("e-"+t.type));let n=void 0;for(const r of s.split("."))n=(n||window)[r];return e.preventDefault(),e.stopPropagation(),n(t)}_addEvents(e){if(e.isConnected)for(const s of this._events)if(s.selector.startsWith("."))for(const n of document.querySelectorAll(s.selector))this._addEventToElement(s,n);else{var t=document.querySelector(s.selector);this._addEventToElement(s,t)}}_addEventToElement(e,t){t&&("function"==typeof e.callback?(t.removeEventListener(e.eventType,e.callback),t.addEventListener(e.eventType,e.callback)):(t.removeEventListener(e.eventType,this._outerEventHandler),t.addEventListener(e.eventType,this._outerEventHandler)))}removeEvents(){for(const t of this._events)if(t.selector.startsWith("."))for(const s of document.querySelectorAll(t.selector))this._addEventToElement(t,s);else{var e=document.querySelector(t.selector);this._addEventToElement(t,e)}this._events=[]}_removeEventToElement(e,t){t&&("function"==typeof e.callback?t.removeEventListener(e.eventType,e.callback):t.removeEventListener(e.eventType,this._outerEventHandler))}_assignToDom(e,t){e.innerHTML="";for(const n of Array.isArray(t)?t:[t])e.append(n);const s=setTimeout(()=>{this._addEvents(e),clearTimeout(s),e.dispatchEvent(new CustomEvent("loaded",{bubbles:!0,cancelable:!0}))},10)}}const y='',v='';function l(e){const t=new DOMParser;return t.parseFromString(e,"image/svg+xml").documentElement}class e extends HTMLElement{base;component=null;properties=new Set;uniqueEntriesByProperties={};propertyLabelDictionary={};_contents=[];_orderBy=[];_columnOrder=[];_filter="";_selectionProperty="";_selectedIds=new Set;_templates={};_templateClasses={};static get observedAttributes(){return["contents","columns","order","filter","selection-property","templates"]}get columnOrder(){return this._columnOrder.length?this._columnOrder:this.properties}set columnOrder(e){let t;"string"==typeof e&&(t=e.split(",")),t=e,this._columnOrder=t}get contents(){return this._contents}set contents(e){this.analyzeData(e),this._contents=e}get orderBy(){return this._orderBy}set orderBy(e){if(Array.isArray(e))this._orderBy=e;else{const n=[];for(const r of e.split(",")){var t=r.split("|"),s=t[0],t=1e[s._selectionProperty])):new Set;e=t?s.contents.execute():[];s._emit("select",s,{selection:e}),s._updateCheckboxes(s)}emitSelect(e){var t=e.target.checked,s=e.target.dataset.objectId;const n=p(e).target,r=(t?n._selectedIds.add(s):n._selectedIds.delete(s),n._selectionProperty);e=n.contents.execute().filter(e=>n._selectedIds.has(e[r]));n._emit("select",n,{selection:e}),n._updateCheckboxes(n)}sortData(e){const t=p(e).target,s=m(e,"column");s&&(-1<(e=t._orderBy.findIndex(e=>e.propertyName===s))?"asc"===t._orderBy[e].direction?t._orderBy[e].direction="desc":t._orderBy.splice(e,1):t._orderBy.push({propertyName:s,direction:"asc"}),t.createHtml(),t.base.render(t))}setColumnOrder(e){this._columnOrder=e?Array.isArray(e)?e:e.split(","):[]}analyzeData(t){this.properties=new Set;var s=t.length;for(let e=0;e"_"===e?" ":" "+e.toLowerCase()).trim();var s=t.charAt(0).toUpperCase()+t.slice(1);return this.propertyLabelDictionary[e]=s}parseTemplate(r,e,i){return e.replace(/\{\{([\s\S]+?)\}\}/gim,(e,t)=>{let s,n="";return"$"===(t=t.trim())[0]?s=window[t.substring(1)](r,i):n=i[t],n&&(s=n),Array.isArray(s)?s.join(", "):s.toString().trim()})}createSelectionCheckbox(e){const t=document.createElement("input");return t.setAttribute("type","checkbox"),t.classList.add("flk-selection-checkbox"),e&&(t.dataset.selected=e[this._selectionProperty]),t}createRow(e){const t=document.createElement("tr");if(this._selectionProperty.length){const r=document.createElement("td");var s=this.base.generateId();const i=this.createSelectionCheckbox(e);i.id=s,i.dataset.objectId=e[this._selectionProperty];var n=e[this._selectionProperty];this._selectedIds.has(n)?i.checked=!0:i.checked=!1,this.base.addEvent("#"+s,"change",this.emitSelect),r.append(i),t.append(r)}for(const o of this.columnOrder){const a=document.createElement("td");this._templates[o]?(a.innerHTML=this.parseTemplate(o,this._templates[o],e),this._templateClasses[o]&&a.classList.add(...this._templateClasses[o])):a.innerText=e[o],t.append(a)}return t}createBody(e){const t=document.createElement("tbody");for(const n of e){var s=this.createRow(n,null);t.append(s)}return t}createHead(){const e=document.createElement("thead"),t=document.createElement("tr");if(t.classList.add("cursor-pointer"),this._selectionProperty.length){const r=document.createElement("th");var s=this.base.generateId();const i=this.createSelectionCheckbox();i.id=s;var d=this.contents.execute().length;0e.propertyName===o);const c=document.createElement("span");n?c.innerHTML="asc"===n.direction?'':'':(c.style.display="inline-block",c.style.width="24px"),a.append(c),t.append(a)}return e.append(t),e}addEvent(e,t,s){this.base.addEvent(e,t,s)}init(){this.createHtml(),this.base.render(this)}}class t extends HTMLElement{base;componentId;constructor(){super(),this.base=new r}connectedCallback(){var e=this.getAttribute("top"),t=this.getAttribute("left"),s=this.getAttribute("center"),n=this.getAttribute("zIndex");this.id||(this.id=this.base.generateId()),this.style.display="block",this.style.position="fixed","string"==typeof s?(this.style.top=e||"50%",this.style.left="50%",this.style.transform="translate(-50%, -50%)"):(this.style.top=e||this.clientTop+"px",this.style.left=t||this.clientLeft+"px"),n&&(this.style.zIndex=n),this.componentId=this.getAttribute("handle");const r=document.createElement("div");r.innerHTML=this.innerHTML,this.component=r;s="#"+(this.componentId||this.id);this.base.addEvent(s,"mousedown",this._dragElement),this.base.addEvent(s,"mouseup",this._reset),this.base.render(this)}disconnectedCallback(){this.base.removeEvents(this)}_dragElement(e){const s=p(e,"flk-draggable").target;let n,r;function t(e){n=e.clientX-s.offsetLeft,r=e.clientY-s.offsetTop}function i(e){var t=e.clientX-n,e=e.clientY-r;s.style.left=t+"px",s.style.top=e+"px"}function o(e){e.preventDefault()}function a(){s.removeAttribute("draggable"),s.removeEventListener("dragstart",t),s.removeEventListener("dragend",a),document.removeEventListener("dragover",o),document.removeEventListener("drop",i)}s.setAttribute("draggable",!0),s.addEventListener("dragstart",t),s.addEventListener("dragend",a),document.addEventListener("dragover",o),document.addEventListener("drop",i)}}class s extends HTMLElement{_id;base;_draggableId;constructor(){super(),this.base=new r}_emit(e,t,s){e=new CustomEvent(e,{detail:s,bubbles:!0,cancelable:!0});t.dispatchEvent(e)}_closeModal(e){e.stopPropagation();const t=p(e,"flk-modal").target;t.classList.add("hidden")}closeModal(e){this.classList.add("hidden")}openModal(e=!0){const t=document.getElementById(this._draggableId);e&&(t.style.top="40%",t.style.left="50%"),this.classList.remove("hidden")}connectedCallback(){this.id||(this.id=this.base.generateId());const e=document.createElement("div");var t=this.base.generateId();const s=document.createElement("flk-draggable"),n=(this._draggableId=this.base.generateId(),s.id=this._draggableId,s.setAttribute("center",""),s.setAttribute("top","40%"),s.setAttribute("handle",t),s.setAttribute("zIndex","1080"),s.classList.add("border","shadow-lg","bg-white"),s.style.width="max-content",document.createElement("div"));var r=this.getAttribute("modal-title");if(r){const c=document.createElement("span");c.innerText=r,c.classList.add("ml-1","mr-auto"),n.append(c)}n.id=t;const i=this.getAttribute("header-class");let o=[];i?o=o.concat(i.split(" ")):o.push("bg-gray-light"),n.classList.add(...o,"border-bottom","row","justify-end","cursor-no-select");r=this.base.generateId();const a=document.createElement("button"),l=(a.classList.add("py-0","px-1","outline-hover","no-border","cursor-default",...o),a.innerText="X",a.id=r,n.append(a),s.append(n),document.createElement("div"));l.innerHTML=this.innerHTML,s.append(l),e.append(s),this.component=e,this.base.addEvent("#"+r,"click",this._closeModal),this.base.render(this),this.classList.add("hidden")}disconnectedCallback(){this.base.removeEvents(this)}}class n extends HTMLElement{base;_buttonId;_drawerId;_iconId;constructor(){super(),this.base=new r}connectedCallback(){this.style.position="relative",this.style.display="flex",this.style.width="fit-content",this._buttonId=this.base.generateId();const e=document.createElement("button"),t=(e.setAttribute("type","button"),e.classList.add("row"),e.id=this._buttonId,document.createElement("span")),s=(t.classList.add("self-align-center"),t.innerText=this.getAttribute("text"),this._iconId=this.base.generateId(),document.createElement("span"));s.classList.add("self-align-center");var n=l('');const r=l(''),i=(r.classList.add("hidden"),s.append(n,r),s.id=this._iconId,e.append(t,s),this._drawerId=this.base.generateId(),document.createElement("div"));i.id=this._drawerId,i.classList.add("shadow","inline-block","bg-white"),i.style.position="absolute",i.style.zIndex="1040";n=this.querySelector("template");n.innerHTML.length?i.innerHTML=n.innerHTML:i.append(n.firstChild),i.style.display="none",this.component=[e,i],this.base.addEvent("#"+this._buttonId,"click",this.toggleMenu);const o=document.querySelector("body");""!==o.getAttribute("flk-close-dropdown")&&(o.setAttribute("flk-close-dropdown",""),o.addEventListener("click",this.closeAllDropdownButtons)),this.base.render(this)}disconnectedCallback(){this.base.removeEvents(this);var e=document.querySelectorAll("flk-dropdown");if(!e||!e.length){const t=document.querySelector("body");t.removeAttribute("flk-close-dropdown"),t.removeEventListener("click",this.closeAllDropdownButtons)}}toggleMenu(e){const t=p(e).target;e=t._drawerId;const s=document.getElementById(e);var e="none"!==s.style.display,n=(s.style.display=e?"none":"block",t.getAttribute("drawer-width")),n=("string"==typeof t.getAttribute("right")&&(s.style.right="0px"),s.style.top=t.offsetHeight+"px",s.style.width=n||t.offsetWidth+"px",t._iconId);const r=document.getElementById(n);e?(r.childNodes[0].classList.remove("hidden"),r.childNodes[1].classList.add("hidden")):(r.childNodes[0].classList.add("hidden"),r.childNodes[1].classList.remove("hidden"))}_closeDropdown(){var e=this._drawerId;const t=document.getElementById(e);if("none"!==t.style.display){e=this._iconId;const s=document.getElementById(e);t.style.display="none",s.childNodes[0].classList.remove("hidden"),s.childNodes[1].classList.add("hidden")}}closeAllDropdownButtons(e){var t,s=p(e,"flk-dropdown").target,e=document.querySelectorAll("flk-dropdown");if(s)for(const n of e)s._buttonId!==n._buttonId&&(t=n._drawerId,"none"!==document.getElementById(t).style.display&&n._closeDropdown());else for(const r of e)r._closeDropdown()}}class o extends HTMLElement{base;contents;component;listType="ul";commentType="";invertComment=!1;searchStyle="";iconSet;filter={value:"",caseSensitive:!1};selectedElements=[];_setup=!0;_justFiltered=!1;_treeValues={};static get observedAttributes(){return["contents","icon-set","max-depth","filter","search-style","comment","invert-comment"]}_jsonToValueArray(e){return[...new Set(function e(t){let s=t;if(!t)return[];if("string"==typeof t&&t.includes("{"))s=JSON.parse(s);else if("object"!=typeof t)return[t];let n=[];if(Array.isArray(s)){if("object"==typeof s[0])for(const r of s){n=n.concat(Object.keys(r));for(const i of Object.values(r))"object"==typeof i?n=n.concat(e(i)):n.push(i)}}else if("object"==typeof s){n=n.concat(Object.keys(s));for(const o of Object.values(s))"object"==typeof o?n=n.concat(e(o)):n.push(o)}else n.push(s);return n}(e))]}_emit(e,t,s){e=new CustomEvent(e,{detail:s,bubbles:!0,cancelable:!0});t.dispatchEvent(e)}constructor(){super(),this.base=new r,this.setContents(this.getAttribute("contents")),this.commentType=this.getAttribute("comment")??"",this.iconSet=this.getAttribute("icon-set")??"file",this.searchStyle=this.getAttribute("search-style")??"highlight",this.maxDepth=this.getAttribute("max-depth")?parseInt(this.getAttribute("max-depth")):-1,this.invertComment=!!this.getAttribute("invert-comment"),this.setFilter(this.getAttribute("filter")),this.style.display="block",this.style.maxWidth="fit-content",this.style.margin="0 1rem 0 0",this.base.addEvent(".flk-branch","click",this.emitNodeToggle),this.base.addEvent(".flk-tree-summary","click",this.stopCollapseWhenJustFiltered)}stopCollapseWhenJustFiltered(e){const t=p(e,"flk-tree-nav").target;if(!t._justFiltered)return!0;let s=e.target;for(;"DETAILS"!==s.tagName&&(s=s.parentNode||s.parentElement),"DETAILS"!==s.tagName;);!0===t._justFiltered&&s.open&&(e.preventDefault(),t._justFiltered=!1)}deselectTree(){if(this.selectedElements.length)for(const e of this.selectedElements)e.classList.remove("font-weight-bold"),delete e.dataset.selected}emitNodeToggle(e){if(e.stopPropagation(),["LI","UL"].includes(e.target.tagName))return!1;const t=p(e,"flk-tree-nav").target,s=m(e,"branchKey");var d=parseInt(m(e,"depth"));let n=t.contents;const r=s.split("¶");for(const a of r)if(n[a])n=n[a];else if(null===n[a])n=null;else if(Array.isArray(n)){let e=[];for(const l of n)l[a]&&e.push(l[a]);n=e}let i,o=e.target;for(;o.dataset&&o.dataset.leafKey?i=o.dataset.leafKey:o=o.parentNode||o.parentElement,!i;);t.selectedElements.length&&(t.deselectTree(),t.selectedElements=[]),"DETAILS"===o.tagName?(t.selectedElements.push(o.childNodes[0]),o.childNodes.length&&o.childNodes[0].childNodes.length&&"DIV"===o.childNodes[0].childNodes[0].tagName&&(t.selectedElements=o.childNodes[0].childNodes[0].childNodes)):(t.selectedElements.push(o),o.childNodes.length&&"DIV"===o.childNodes[0].tagName&&(t.selectedElements=o.childNodes[0].childNodes));for(const c of t.selectedElements)c.dataset.selected||(c.classList.add("font-weight-bold"),c.dataset.selected=!0);var e=t.createLeafText(r.reverse()[0]),h=(r.pop(),r.reverse());t._emit("tree-click",t,{depth:d,path:h,data:n,key:i,label:(e.titleText+" "+e.commentText).trim(),branch:"object"==typeof n})}convertJsonKeyToTitle(e){if(!e)return"";const t=(e="string"!=typeof e?e.toString():e).replace(/([-_])/g,e=>"_"===e?" ":e).trim();return t.charAt(0).toUpperCase()+t.slice(1)}setContents(e){var t=e||this.contents||[];try{switch(typeof t){case"string":this.contents=JSON.parse(t);break;case"object":Array.isArray(t)?this.contents=t:this.contents=[t]}}catch(e){console.log(e)}}applyFilter(e){this._justFiltered=!0;let t,s;var n="details"===e.tagName.toLowerCase();let r=structuredClone(this._treeValues[e.dataset.branchValueId]);var i=Array.isArray(r);let o=i?r.join():r,a=(i&&r.shift(),i?r.join():"");s=this.filter.caseSensitive?(t=o.includes(this.filter.value),a.includes(this.filter.value)):(t=o.toLowerCase().includes(this.filter.value.toLowerCase()),a.toLowerCase().includes(this.filter.value.toLowerCase())),t?this.unselectTree(e):"highlight"===this.searchStyle?e.parentElement.style.color="rgba(0, 0, 0, 0.5)":e.parentElement.classList.add("hidden"),n&&t&&s?e.setAttribute("open",""):e.removeAttribute("open")}resetTree(e=!0){for(const t of this.querySelectorAll("[data-branch-value-id]"))t.parentElement.style.color="",t.parentElement.classList.remove("hidden"),e&&t.removeAttribute("open")}unselectTree(e){"highlight"===this.searchStyle?e.parentElement.style.color="":e.parentElement.classList.remove("hidden"),e.removeAttribute("open")}clearFilter(){this.resetTree(!1),this.filter={value:"",caseSensitive:!1}}filterTree(){if(void 0===this.filter.value||0===this.filter.value.length)this.resetTree();else{let t=setTimeout(()=>{for(const e of this.querySelectorAll("[data-branch-value-id]"))this.applyFilter(e);clearTimeout(t)},10)}}setFilter(e){const t=e||{};try{switch(typeof t){case"string":t.includes("{")?(this.filter=JSON.parse(t),!1===this.filter.caseSensitive&&(this.filter.value=this.filter.value.toLowerCase())):this.filter.value=e.toLowerCase();break;case"object":this.filter=t}}catch(e){console.log(e)}this.filterTree()}createLeafText(e){var t;let s="",n="";return!("string"!=typeof e||!this.commentType.length)&&e.includes(this.commentType[0])?(t=e.indexOf(this.commentType[0]),s=this.convertJsonKeyToTitle(e.substring(0,t)),n=e.substring(t+1,e.length-1).trim(),this.invertComment&&(t=s,s=n,n=t)):s=this.convertJsonKeyToTitle(e),{titleText:s,commentText:n}}createTextTag(n,r){n=this.createLeafText(n);if(n.commentText){let e=document.createElement("div"),t=document.createElement("span"),s=(t.innerText=n.titleText,document.createElement("small"));s.innerText=n.commentText,s.style.marginLeft="1rem",e.append(t,s),e.style.display="inline-flex",e.style.alignItems="center",r.append(e)}else r.innerText=n.titleText;return n}createLeaf(e,t,s,n,r=[]){let i=document.createElement("li");i.classList.add("cursor-pointer"),i.style.marginTop="0.4rem",i.dataset.branchKey=s,i.dataset.depth=n;const o="file"===this.iconSet?'':'';i.style.listStyleImage=`url('data:image/svg+xml,${o}')`,i.style.position="relative",i.style.left="2px";let a=document.createElement("span");s=g(),a.dataset.branchValueId=s,n=[e].concat(r),this._treeValues[s]=[...new Set(n)].join(),a.dataset.leafKey=n[0],r=this.createTextTag(e,a);if(r.commentText?i.title=r.titleText+" "+r.commentText:i.title=r.titleText,a.style.position="relative",a.style.top="-3px",i.append(a),t.tagName.toLowerCase()!==this.listType){let e=document.createElement(this.listType);const o="file"===this.iconSet?y:v;e.style.listStyleImage=`url('data:image/svg+xml,${o}')`,e.append(i),t.append(e)}else t.append(i)}createBranch(n,t,r,i){var o=i+1;if(i===this.maxDepth&&"object"==typeof n)if(Array.isArray(n))for(const s in n){let e;if(n[s]&&(e=this._jsonToValueArray(n[s])),"object"==typeof n[s])for(const m of Object.keys(n[s]))this.createLeaf(m,t,r+"¶"+s,i,e);else this.createLeaf(n[s],t,r+"¶"+s,i,e)}else for(const l of Object.keys(n)){let e;n[l]&&(e=this._jsonToValueArray(n[l])),this.createLeaf(l,t,r+"¶"+l,i,e)}else if(Array.isArray(n))for(var e in n){var h=document.createElement(this.listType);t.append(this.createBranch(n[e],h,r+"¶"+e,o))}else if(null!==n&&"object"==typeof n){const c=[];for(const d of Object.keys(n)){let e=document.createElement("li"),t=(e.classList.add("cursor-pointer"),e.style.position="relative",e.style.left="2px",e.dataset.branchKey=r+"¶"+d,e.dataset.depth=i,document.createElement("details"));t.classList.add("flk-branch");var a=g();t.dataset.branchValueId=a,this._treeValues[a]=[d].concat(this._jsonToValueArray(n[d])),t.style.position="relative",t.style.top="-3px",t.classList.add("cursor-pointer");let s=document.createElement("summary");s.classList.add("flk-tree-summary");a=this.createTextTag(d,s);t.dataset.leafKey=d,a.commentText?t.title=a.titleText+" "+a.commentText:t.title=a.titleText,t.append(s),e.append(this.createBranch(n[d],t,r+"¶"+d,o)),c.push(e)}if(t.tagName.toLowerCase()!==this.listType){let e=document.createElement(this.listType);var p="file"===this.iconSet?y:v;e.style.listStyleImage=`url('data:image/svg+xml,${p}')`;for(const u of c)e.append(u);t.append(e)}else for(const f of c)t.append(f)}else this.createLeaf(n,t,r,i);return t}createHtml(){let e=document.createElement(this.listType);var t="file"===this.iconSet?y:'';if(e.style.listStyleImage=`url('data:image/svg+xml,${t}')`,e.style.marginLeft="3rem",this.contents.length){for(const s in this.contents)e=this.createBranch(this.contents[s],e,s,0);this.component=e}else this.component=e}attributeChangedCallback(e,t,s){switch(e){case"contents":this.setContents(s);break;case"icon-set":this.iconSet=s;break;case"max-depth":this.maxDepth="string"==typeof s?parseInt(s):s;break;case"comment":this.commentType=s;break;case"invert-comment":this.invertComment="boolean"==typeof s?s:"true"===s.toString().toLowerCase();break;case"search-style":this.searchStyle=s,this.resetTree(!1),this.filterTree();break;case"filter":this.setFilter(s)}["filter","search-style"].includes(e)||this._setup||this.init()}connectedCallback(){this._setup||this.init()}disconnectedCallback(){this.base.removeEvents(this)}init(){this.createHtml(),this.base.render(this),this._setup=!1}}customElements.define("flk-table",e),customElements.define("flk-draggable",t),customElements.define("flk-modal",s),customElements.define("flk-dropdown",n),customElements.define("flk-tree-nav",o)}(); \ No newline at end of file diff --git a/documentation/public/cdn/ibiss-v0.0.17/avian.min.css b/documentation/public/cdn/ibiss-v0.0.17/avian.min.css new file mode 100644 index 0000000..53c6f0a --- /dev/null +++ b/documentation/public/cdn/ibiss-v0.0.17/avian.min.css @@ -0,0 +1 @@ +:root{--html-background:#faf9f8;--background:#fff;--code-background:#f3f2f1;--overlay-background:0,0,0;--color-on-black:#c8c6c4;--font-color:#323130;--shadow-color:0,0,0;--hr-color:#d2d0ce;--border-color:#8a8886;--gray-light:#edebe9;--color-on-gray-light:#000;--gray:#a19f9d;--color-on-gray:#000;--gray-dark:#605e5c;--color-on-gray-dark:#faf9f8;--gray-darker:#8a8886;--light:#d2d0ce;--black:#000;--white:#fff;--icon:#605e5c;--icon-disabled:#a19f9d;--icon-error:#a80000;--icon-success:#107c10;--icon-warning:#797673;--primary:#0078d4;--primary-hover:#0068b8;--color-on-primary:#fff;--accent:#fce100;--accent-hover:#e6cf00;--color-on-accent:#000;--danger:#d13438;--danger-hover:#bb2a2f;--color-on-danger:#fff;--warning:#fff4ce;--color-on-warning:#323130;--error:#fde7e9;--color-on-error:#323130;--success:#dff6dd;--color-on-success:#323130;--contrast:#ccc;--contrast-hover:#b2b2b2;--color-on-contrast:#000;--disabled:#d2d0ce;--color-on-disabled:#a19f9d;--button-background:#fff;--button-hover:#e1dfdd;--button-outline-color:#000;--button-color:#000;--disabled-button-background:#f3f2f1;--disabled-button-color:#a19f9d;--colored-disabled-button-color:#d2d0ce;--input-border-color:#605e5c;--input-hover:#c8c6c4;--range-track-color:#c8c6c4;--range-filled-track-color:#605e5c;--range-track-hover-color:#e0f2ff;--switch-border-color:#000;--switch-toggle-off-color:#000;--switch-toggle-on-color:#fff;--table-hover:#e1dfdd;--table-striped-hover:#d2d0ce;--table-stripe:#edebe9;--default-distance:1.5rem;--distance-0:0;--distance-1:0.5rem;--distance-2:1rem;--distance-3:1.5rem;--distance-4:2rem;--distance-5:2.5rem;--h1-font-size:3.2rem;--h2-font-size:3rem;--h3-font-size:2.8rem;--h4-font-size:2.6rem;--h5-font-size:2.4rem;--h6-font-size:2.2rem;--th-font-size:2.2rem;--paragraph-font-size:1.6rem;--label-font-size:1.6rem;--small-font-size:1.2rem;--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700}*,:after,:before{box-sizing:border-box;font:inherit;font-weight:var(--font-weight-normal);margin:0;padding:0}html{font-size:62.5%;hanging-punctuation:first last}body{font-family:Segoe UI,"Segoe UI Web (West European)",-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;font-size:1.6rem;height:100svh;line-height:1.5;text-rendering:optimizeSpeed}h1,h2,h3,h4,h5,h6{text-wrap:balance}p{text-wrap:pretty;max-width:75ch}ol,ul{margin-left:2rem}img,picture{display:block;max-width:100%}.lucide{left:2px;position:relative;top:3px}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms;animation-iteration-count:1;scroll-behavior:auto;transition-duration:.01ms}}@media (prefers-reduced-motion:no-preference){:has(:target),html{scroll-behavior:smooth;scroll-padding-top:3rem}}h1{font-size:var(--h1-font-size)}h1,h2{font-weight:var(--font-weight-bold)}h2{font-size:var(--h2-font-size)}h3{font-size:var(--h3-font-size);font-weight:var(--font-weight-bold)}h4{font-size:var(--h4-font-size)}h4,h5{font-weight:var(--font-weight-semibold)}h5{font-size:var(--h5-font-size)}h6{font-size:var(--h6-font-size);font-weight:var(--font-weight-semibold)}p{font-size:var(--paragraph-font-size)}label{font-size:var(--label-font-size)}small{font-size:var(--small-font-size)}b,strong{font-weight:var(--font-weight-bold)}cite,em,i{font-style:italic}code:not([class*=language]),kbd{background-color:var(--code-background);border:.5px solid var(--border-color);border-radius:.2rem;bottom:.1rem;margin:0 .2rem;padding:.2rem .4rem;position:relative}mark{background-color:var(--accent)}th{font-size:var(--th-font-size);font-weight:var(--font-weight-semibold)}.font-size-68{font-size:6.8rem!important}.font-size-42{font-size:4.2rem!important}.font-size-32{font-size:3.2rem!important}.font-size-28{font-size:2.8rem!important}.font-size-24{font-size:2.4rem!important}.font-size-20{font-size:2rem!important}.font-size-18{font-size:1.8rem!important}.font-size-16{font-size:1.6rem!important}.font-size-14{font-size:1.4rem!important}.font-size-12{font-size:1.2rem!important}.font-size-10{font-size:1rem!important}.font-weight-normal{font-weight:400!important}.font-weight-semibold{font-weight:600!important}.font-weight-bold{font-weight:700!important}.align-center{align-items:center}.align-end{align-items:flex-end}.align-start{align-items:flex-start}.align-stretch{align-items:stretch}.align-between{align-content:space-between}.align-around{align-content:space-around}.align-evenly{align-content:space-evenly}.self-align-stretch{align-self:stretch}.self-align-center{align-self:center}.self-align-start{align-self:flex-start}.self-align-end{align-self:flex-end}.row{display:flex;flex-wrap:wrap}.column{display:flex;flex-direction:column}.no-wrap{flex-wrap:nowrap}.wrap-reverse{flex-wrap:wrap-reverse}.row-reverse{flex-direction:row-reverse}.column-reverse{flex-direction:column-reverse}@media (min-width:993px){.drow-reverse{flex-direction:row-reverse}.dcolumn-reverse{flex-direction:column-reverse}}@media (min-width:768px) and (max-width:992px){.trow-reverse{flex-direction:row-reverse}.tcolumn-reverse{flex-direction:column-reverse}}@media (max-width:767px){.mrow-reverse{flex-direction:row-reverse}.mcolumn-reverse{flex-direction:column-reverse}}.gap-0{gap:var(--distance-0)}.gap-1{gap:var(--distance-1)}.gap-2{gap:var(--distance-2)}.gap-3{gap:var(--distance-3)}.gap-4{gap:var(--distance-4)}.gap-5{gap:var(--distance-5)}.justify-center{justify-content:center}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.f-100{flex:1 1 100%}.f-90{flex:0 0 90%}.f-80{flex:0 0 80%}.f-75{flex:0 0 75%}.f-70{flex:0 0 70%}.f-60{flex:0 0 60%}.f-50{flex:0 0 50%}.f-33{flex:0 0 33.33%}.f-30{flex:0 0 30%}.f-25{flex:0 0 25%}.f-20{flex:0 0 20%}.f-16{flex:0 0 16.67%}.f-10{flex:0 0 10%}.f-8{flex:0 0 8.33%}.f-auto{flex:1 1 auto;max-width:fitcontent;min-width:auto;width:auto}.f-fill{flex:1;max-width:none;min-width:auto;width:100%}@media (min-width:768px) and (max-width:992px){.tf-100{flex:1 1 100%}.tf-90{flex:0 0 90%}.tf-80{flex:0 0 80%}.tf-75{flex:0 0 75%}.tf-70{flex:0 0 70%}.tf-60{flex:0 0 60%}.tf-50{flex:0 0 50%}.tf-33{flex:0 0 33.33%}.tf-30{flex:0 0 30%}.tf-25{flex:0 0 25%}.tf-20{flex:0 0 20%}.tf-16{flex:0 0 16.67%}.tf-10{flex:0 0 10%}.tf-8{flex:0 0 8.33%}.tf-auto{flex:1 1 auto;max-width:fitcontent;min-width:auto;width:auto}.tf-fill{flex:1;max-width:none;min-width:auto;width:100%}}@media (max-width:767px){.mf-100{flex:1 1 100%}.mf-90{flex:0 0 90%}.mf-80{flex:0 0 80%}.mf-75{flex:0 0 75%}.mf-70{flex:0 0 70%}.mf-60{flex:0 0 60%}.mf-50{flex:0 0 50%}.mf-33{flex:0 0 33.33%}.mf-30{flex:0 0 30%}.mf-25{flex:0 0 25%}.mf-20{flex:0 0 20%}.mf-16{flex:0 0 16.67%}.mf-10{flex:0 0 10%}.mf-8{flex:0 0 8.33%}.mf-auto{flex:1 1 auto;max-width:fitcontent;min-width:auto;width:auto}.mf-fill{flex:1;max-width:none;min-width:auto;width:100%}}.no-scroll{overflow:hidden}.text-no-wrap{white-space:nowrap}.text-normal{font-weight:400}.sticky{height:auto;position:sticky;position:-webkit-sticky;top:0;z-index:1000}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.block{display:block}.hidden{display:none}@media (min-width:768px){.mobile{display:none!important}}.tablet{display:none}@media (min-width:768px) and (max-width:992px){.tablet{display:inherit!important}}@media (max-width:992px){.desktop{display:none!important}}@media (min-width:769px){.small-screen{display:none!important}}@media (max-width:768px){.large-screen{display:none!important}}.fit-content{max-width:fit-content!important;max-width:-moz-fit-content!important}.list-style-none{list-style:none!important}.m-0{margin:var(--distance-0)!important}.ml-0{margin-left:var(--distance-0)!important}.mr-0{margin-right:var(--distance-0)!important}.mt-0{margin-top:var(--distance-0)!important}.mb-0{margin-bottom:var(--distance-0)!important}.mx-0{margin-left:var(--distance-0)!important;margin-right:var(--distance-0)!important}.m-1{margin:var(--distance-1)!important}.m-2{margin:var(--distance-2)!important}.m-3{margin:var(--distance-3)!important}.m-4{margin:var(--distance-4)!important}.m-5{margin:var(--distance-5)!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.mx-1{margin-left:var(--distance-1)!important;margin-right:var(--distance-1)!important}.mx-2{margin-left:var(--distance-2)!important;margin-right:var(--distance-2)!important}.mx-3{margin-left:var(--distance-3)!important;margin-right:var(--distance-3)!important}.mx-4{margin-left:var(--distance-4)!important;margin-right:var(--distance-4)!important}.mx-5{margin-left:var(--distance-5)!important;margin-right:var(--distance-5)!important}.my-auto{margin-bottom:auto!important;margin-top:auto!important}.my-0{margin-bottom:var(--distance-0)!important;margin-top:var(--distance-0)!important}.my-1{margin-bottom:var(--distance-1)!important;margin-top:var(--distance-1)!important}.my-2{margin-bottom:var(--distance-2)!important;margin-top:var(--distance-2)!important}.my-3{margin-bottom:var(--distance-3)!important;margin-top:var(--distance-3)!important}.my-4{margin-bottom:var(--distance-4)!important;margin-top:var(--distance-4)!important}.my-5{margin-bottom:var(--distance-5)!important;margin-top:var(--distance-5)!important}.mt-auto{margin-top:auto!important}.mt-1{margin-top:var(--distance-1)!important}.mt-2{margin-top:var(--distance-2)!important}.mt-3{margin-top:var(--distance-3)!important}.mt-4{margin-top:var(--distance-4)!important}.mt-5{margin-top:var(--distance-5)!important}.ml-auto{margin-left:auto!important}.ml-1{margin-left:var(--distance-1)!important}.ml-2{margin-left:var(--distance-2)!important}.ml-3{margin-left:var(--distance-3)!important}.ml-4{margin-left:var(--distance-4)!important}.ml-5{margin-left:var(--distance-5)!important}.mr-auto{margin-right:auto!important}.mr-1{margin-right:var(--distance-1)!important}.mr-2{margin-right:var(--distance-2)!important}.mr-3{margin-right:var(--distance-3)!important}.mr-4{margin-right:var(--distance-4)!important}.mr-5{margin-right:var(--distance-5)!important}.mb-auto{margin-bottom:auto!important}.mb-1{margin-bottom:var(--distance-1)!important}.mb-2{margin-bottom:var(--distance-2)!important}.mb-3{margin-bottom:var(--distance-3)!important}.mb-4{margin-bottom:var(--distance-4)!important}.mb-5{margin-bottom:var(--distance-5)!important}@media (min-width:768px) and (max-width:992px){.tm-0{margin:var(--distance-0)!important}.tml-0{margin-left:var(--distance-0)!important}.tmr-0{margin-right:var(--distance-0)!important}.tmt-0{margin-top:var(--distance-0)!important}.tmb-0{margin-bottom:var(--distance-0)!important}.tmx-0{margin-left:var(--distance-0)!important;margin-right:var(--distance-0)!important}.tm-1{margin:var(--distance-1)!important}.tm-2{margin:var(--distance-2)!important}.tm-3{margin:var(--distance-3)!important}.tm-4{margin:var(--distance-4)!important}.tm-5{margin:var(--distance-5)!important}.tmx-auto{margin-left:auto!important;margin-right:auto!important}.tmx-1{margin-left:var(--distance-1)!important;margin-right:var(--distance-1)!important}.tmx-2{margin-left:var(--distance-2)!important;margin-right:var(--distance-2)!important}.tmx-3{margin-left:var(--distance-3)!important;margin-right:var(--distance-3)!important}.tmx-4{margin-left:var(--distance-4)!important;margin-right:var(--distance-4)!important}.tmx-5{margin-left:var(--distance-5)!important;margin-right:var(--distance-5)!important}.tmy-auto{margin-bottom:auto!important;margin-top:auto!important}.tmy-0{margin-bottom:var(--distance-0)!important;margin-top:var(--distance-0)!important}.tmy-1{margin-bottom:var(--distance-1)!important;margin-top:var(--distance-1)!important}.tmy-2{margin-bottom:var(--distance-2)!important;margin-top:var(--distance-2)!important}.tmy-3{margin-bottom:var(--distance-3)!important;margin-top:var(--distance-3)!important}.tmy-4{margin-bottom:var(--distance-4)!important;margin-top:var(--distance-4)!important}.tmy-5{margin-bottom:var(--distance-5)!important;margin-top:var(--distance-5)!important}.tmt-auto{margin-top:auto!important}.tmt-1{margin-top:var(--distance-1)!important}.tmt-2{margin-top:var(--distance-2)!important}.tmt-3{margin-top:var(--distance-3)!important}.tmt-4{margin-top:var(--distance-4)!important}.tmt-5{margin-top:var(--distance-5)!important}.tml-auto{margin-left:auto!important}.tml-1{margin-left:var(--distance-1)!important}.tml-2{margin-left:var(--distance-2)!important}.tml-3{margin-left:var(--distance-3)!important}.tml-4{margin-left:var(--distance-4)!important}.tml-5{margin-left:var(--distance-5)!important}.tmr-auto{margin-right:auto!important}.tmr-1{margin-right:var(--distance-1)!important}.tmr-2{margin-right:var(--distance-2)!important}.tmr-3{margin-right:var(--distance-3)!important}.tmr-4{margin-right:var(--distance-4)!important}.tmr-5{margin-right:var(--distance-5)!important}.tmb-auto{margin-bottom:auto!important}.tmb-1{margin-bottom:var(--distance-1)!important}.tmb-2{margin-bottom:var(--distance-2)!important}.tmb-3{margin-bottom:var(--distance-3)!important}.tmb-4{margin-bottom:var(--distance-4)!important}.tmb-5{margin-bottom:var(--distance-5)!important}}@media (max-width:767px){.mm-0{margin:var(--distance-0)!important}.mml-0{margin-left:var(--distance-0)!important}.mmr-0{margin-right:var(--distance-0)!important}.mmt-0{margin-top:var(--distance-0)!important}.mmb-0{margin-bottom:var(--distance-0)!important}.mmx-0{margin-left:var(--distance-0)!important;margin-right:var(--distance-0)!important}.mm-1{margin:var(--distance-1)!important}.mm-2{margin:var(--distance-2)!important}.mm-3{margin:var(--distance-3)!important}.mm-4{margin:var(--distance-4)!important}.mm-5{margin:var(--distance-5)!important}.mmx-auto{margin-left:auto!important;margin-right:auto!important}.mmx-1{margin-left:var(--distance-1)!important;margin-right:var(--distance-1)!important}.mmx-2{margin-left:var(--distance-2)!important;margin-right:var(--distance-2)!important}.mmx-3{margin-left:var(--distance-3)!important;margin-right:var(--distance-3)!important}.mmx-4{margin-left:var(--distance-4)!important;margin-right:var(--distance-4)!important}.mmx-5{margin-left:var(--distance-5)!important;margin-right:var(--distance-5)!important}.mmy-auto{margin-bottom:auto!important;margin-top:auto!important}.mmy-0{margin-bottom:var(--distance-0)!important;margin-top:var(--distance-0)!important}.mmy-1{margin-bottom:var(--distance-1)!important;margin-top:var(--distance-1)!important}.mmy-2{margin-bottom:var(--distance-2)!important;margin-top:var(--distance-2)!important}.mmy-3{margin-bottom:var(--distance-3)!important;margin-top:var(--distance-3)!important}.mmy-4{margin-bottom:var(--distance-4)!important;margin-top:var(--distance-4)!important}.mmy-5{margin-bottom:var(--distance-5)!important;margin-top:var(--distance-5)!important}.mmt-auto{margin-top:auto!important}.mmt-1{margin-top:var(--distance-1)!important}.mmt-2{margin-top:var(--distance-2)!important}.mmt-3{margin-top:var(--distance-3)!important}.mmt-4{margin-top:var(--distance-4)!important}.mmt-5{margin-top:var(--distance-5)!important}.mml-auto{margin-left:auto!important}.mml-1{margin-left:var(--distance-1)!important}.mml-2{margin-left:var(--distance-2)!important}.mml-3{margin-left:var(--distance-3)!important}.mml-4{margin-left:var(--distance-4)!important}.mml-5{margin-left:var(--distance-5)!important}.mmr-auto{margin-right:auto!important}.mmr-1{margin-right:var(--distance-1)!important}.mmr-2{margin-right:var(--distance-2)!important}.mmr-3{margin-right:var(--distance-3)!important}.mmr-4{margin-right:var(--distance-4)!important}.mmr-5{margin-right:var(--distance-5)!important}.mmb-auto{margin-bottom:auto!important}.mmb-1{margin-bottom:var(--distance-1)!important}.mmb-2{margin-bottom:var(--distance-2)!important}.mmb-3{margin-bottom:var(--distance-3)!important}.mmb-4{margin-bottom:var(--distance-4)!important}.mmb-5{margin-bottom:var(--distance-5)!important}}.p-0{padding:var(--distance-0)}.pl-0{padding-left:var(--distance-0)}.pr-0{padding-right:var(--distance-0)}.pt-0{padding-top:var(--distance-0)}.pb-0{padding-bottom:var(--distance-0)}.p-1{padding:var(--distance-1)}.p-2{padding:var(--distance-2)}.p-3{padding:var(--distance-3)}.p-4{padding:var(--distance-4)}.p-5{padding:var(--distance-5)}.px-0{padding-left:var(--distance-0);padding-right:var(--distance-0)}.px-auto{padding-left:auto;padding-right:auto}.px-1{padding-left:var(--distance-1);padding-right:var(--distance-1)}.px-2{padding-left:var(--distance-2);padding-right:var(--distance-2)}.px-3{padding-left:var(--distance-3);padding-right:var(--distance-3)}.px-4{padding-left:var(--distance-4);padding-right:var(--distance-4)}.px-5{padding-left:var(--distance-5);padding-right:var(--distance-5)}.py-auto{padding-bottom:auto;padding-top:auto}.py-0{padding-bottom:var(--distance-0);padding-top:var(--distance-0)}.py-1{padding-bottom:var(--distance-1);padding-top:var(--distance-1)}.py-2{padding-bottom:var(--distance-2);padding-top:var(--distance-2)}.py-3{padding-bottom:var(--distance-3);padding-top:var(--distance-3)}.py-4{padding-bottom:var(--distance-4);padding-top:var(--distance-4)}.py-5{padding-bottom:var(--distance-5);padding-top:var(--distance-5)}.pt-auto{padding-top:auto}.pt-1{padding-top:var(--distance-1)}.pt-2{padding-top:var(--distance-2)}.pt-3{padding-top:var(--distance-3)}.pt-4{padding-top:var(--distance-4)}.pt-5{padding-top:var(--distance-5)}.pl-auto{padding-left:auto}.pl-1{padding-left:var(--distance-1)}.pl-2{padding-left:var(--distance-2)}.pl-3{padding-left:var(--distance-3)}.pl-4{padding-left:var(--distance-4)}.pl-5{padding-left:var(--distance-5)}.pr-auto{padding-right:auto}.pr-1{padding-right:var(--distance-1)}.pr-2{padding-right:var(--distance-2)}.pr-3{padding-right:var(--distance-3)}.pr-4{padding-right:var(--distance-4)}.pr-5{padding-right:var(--distance-5)}.pb-auto{padding-bottom:auto}.pb-1{padding-bottom:var(--distance-1)}.pb-2{padding-bottom:var(--distance-2)}.pb-3{padding-bottom:var(--distance-3)}.pb-4{padding-bottom:var(--distance-4)}.pb-5{padding-bottom:var(--distance-5)}@media (min-width:768px) and (max-width:992px){.tp-0{padding:var(--distance-0)}.tpl-0{padding-left:var(--distance-0)}.tpr-0{padding-right:var(--distance-0)}.tpt-0{padding-top:var(--distance-0)}.tpb-0{padding-bottom:var(--distance-0)}.tpx-0{padding-left:var(--distance-0);padding-right:var(--distance-0)}.tp-1{padding:var(--distance-1)}.tp-2{padding:var(--distance-2)}.tp-3{padding:var(--distance-3)}.tp-4{padding:var(--distance-4)}.tp-5{padding:var(--distance-5)}.tpx-auto{padding-left:auto;padding-right:auto}.tpx-1{padding-left:var(--distance-1);padding-right:var(--distance-1)}.tpx-2{padding-left:var(--distance-2);padding-right:var(--distance-2)}.tpx-3{padding-left:var(--distance-3);padding-right:var(--distance-3)}.tpx-4{padding-left:var(--distance-4);padding-right:var(--distance-4)}.tpx-5{padding-left:var(--distance-5);padding-right:var(--distance-5)}.tpy-auto{padding-bottom:auto;padding-top:auto}.tpy-0{padding-bottom:var(--distance-0);padding-top:var(--distance-0)}.tpy-1{padding-bottom:var(--distance-1);padding-top:var(--distance-1)}.tpy-2{padding-bottom:var(--distance-2);padding-top:var(--distance-2)}.tpy-3{padding-bottom:var(--distance-3);padding-top:var(--distance-3)}.tpy-4{padding-bottom:var(--distance-4);padding-top:var(--distance-4)}.tpy-5{padding-bottom:var(--distance-5);padding-top:var(--distance-5)}.tpt-auto{padding-top:auto}.tpt-1{padding-top:var(--distance-1)}.tpt-2{padding-top:var(--distance-2)}.tpt-3{padding-top:var(--distance-3)}.tpt-4{padding-top:var(--distance-4)}.tpt-5{padding-top:var(--distance-5)}.tpl-auto{padding-left:auto}.tpl-1{padding-left:var(--distance-1)}.tpl-2{padding-left:var(--distance-2)}.tpl-3{padding-left:var(--distance-3)}.tpl-4{padding-left:var(--distance-4)}.tpl-5{padding-left:var(--distance-5)}.tpr-auto{padding-right:auto}.tpr-1{padding-right:var(--distance-1)}.tpr-2{padding-right:var(--distance-2)}.tpr-3{padding-right:var(--distance-3)}.tpr-4{padding-right:var(--distance-4)}.tpr-5{padding-right:var(--distance-5)}.tpb-auto{padding-bottom:auto}.tpb-1{padding-bottom:var(--distance-1)}.tpb-2{padding-bottom:var(--distance-2)}.tpb-3{padding-bottom:var(--distance-3)}.tpb-4{padding-bottom:var(--distance-4)}.tpb-5{padding-bottom:var(--distance-5)}}@media (max-width:767px){.mp-0{padding:var(--distance-0)}.mpl-0{padding-left:var(--distance-0)}.mpr-0{padding-right:var(--distance-0)}.mpt-0{padding-top:var(--distance-0)}.mpb-0{padding-bottom:var(--distance-0)}.mpx-0{padding-left:var(--distance-0);padding-right:var(--distance-0)}.mp-1{padding:var(--distance-1)}.mp-2{padding:var(--distance-2)}.mp-3{padding:var(--distance-3)}.mp-4{padding:var(--distance-4)}.mp-5{padding:var(--distance-5)}.mpx-auto{padding-left:auto;padding-right:auto}.mpx-1{padding-left:var(--distance-1);padding-right:var(--distance-1)}.mpx-2{padding-left:var(--distance-2);padding-right:var(--distance-2)}.mpx-3{padding-left:var(--distance-3);padding-right:var(--distance-3)}.mpx-4{padding-left:var(--distance-4);padding-right:var(--distance-4)}.mpx-5{padding-left:var(--distance-5);padding-right:var(--distance-5)}.mpy-auto{padding-bottom:auto;padding-top:auto}.mpy-0{padding-bottom:var(--distance-0);padding-top:var(--distance-0)}.mpy-1{padding-bottom:var(--distance-1);padding-top:var(--distance-1)}.mpy-2{padding-bottom:var(--distance-2);padding-top:var(--distance-2)}.mpy-3{padding-bottom:var(--distance-3);padding-top:var(--distance-3)}.mpy-4{padding-bottom:var(--distance-4);padding-top:var(--distance-4)}.mpy-5{padding-bottom:var(--distance-5);padding-top:var(--distance-5)}.mpt-auto{padding-top:auto}.mpt-1{padding-top:var(--distance-1)}.mpt-2{padding-top:var(--distance-2)}.mpt-3{padding-top:var(--distance-3)}.mpt-4{padding-top:var(--distance-4)}.mpt-5{padding-top:var(--distance-5)}.mpl-auto{padding-left:auto}.mpl-1{padding-left:var(--distance-1)}.mpl-2{padding-left:var(--distance-2)}.mpl-3{padding-left:var(--distance-3)}.mpl-4{padding-left:var(--distance-4)}.mpl-5{padding-left:var(--distance-5)}.mpr-auto{padding-right:auto}.mpr-1{padding-right:var(--distance-1)}.mpr-2{padding-right:var(--distance-2)}.mpr-3{padding-right:var(--distance-3)}.mpr-4{padding-right:var(--distance-4)}.mpr-5{padding-right:var(--distance-5)}.mpb-auto{padding-bottom:auto}.mpb-1{padding-bottom:var(--distance-1)}.mpb-2{padding-bottom:var(--distance-2)}.mpb-3{padding-bottom:var(--distance-3)}.mpb-4{padding-bottom:var(--distance-4)}.mpb-5{padding-bottom:var(--distance-5)}}hr{border-color:var(--hr-color);border-style:solid;border-width:0 0 .5px;margin-bottom:var(--default-distance)}button{background-color:var(--button-background);border:.5px solid var(--border-color);border-radius:2px;padding:.6rem 1.5rem}@supports (-moz-appearance:none){button{padding:.6rem 1.5rem .9rem}}button:active,button:focus{box-shadow:0 0 0 1px var(--button-outline-color);cursor:pointer;outline:none}button.no-border{background-color:transparent!important;border:none!important}button:hover{background-color:var(--button-hover)!important;cursor:pointer}button.icon{color:var(--icon)!important;display:flex;flex-direction:column;padding:0;width:auto}button.icon:disabled{color:var(--icon-disabled)!important}button.icon:disabled:hover{background-color:transparent!important}button.primary{background-color:var(--primary)!important;border:0;color:var(--color-on-primary)!important}button.primary:hover{background-color:var(--primary-hover)!important}button.danger{background-color:var(--danger)!important;border:0;color:var(--color-on-danger)!important}button.danger:hover{background-color:var(--danger-hover)!important}button.accent{background-color:var(--accent)!important;border:0;color:var(--color-on-accent)!important}button.accent:hover{background-color:var(--accent-hover)!important}button.contrast{background-color:var(--contrast)!important;border:0;color:var(--color-on-contrast)!important}button.contrast:hover{background-color:var(--contrast-hover)!important}button.accent:active,button.accent:focus,button.contrast:active,button.contrast:focus,button.danger:active,button.danger:focus,button.primary:active,button.primary:focus{box-shadow:0 0 0 1px var(--button-outline-color)!important}button.accent.disabled,button.accent:disabled,button.contrast.disabled,button.contrast:disabled,button.danger.disabled,button.danger:disabled,button.primary.disabled,button.primary:disabled{color:var(--colored-disabled-button-color)!important;cursor:auto;outline:none}button.accent.disabled:not(.link),button.accent:disabled:not(.link),button.contrast.disabled:not(.link),button.contrast:disabled:not(.link),button.danger.disabled:not(.link),button.danger:disabled:not(.link),button.primary.disabled:not(.link),button.primary:disabled:not(.link){background-color:var(--disabled-button-background)!important;border-color:var(--disabled-button-background)!important}button.outline-hover:hover{background-color:transparent!important;outline:.5px solid var(--button-outline-color)!important}button.link{background-color:transparent!important;border:0;color:var(--primary)!important;padding:0}button.link.accent{color:var(--accent)!important}button.link.contrast{color:var(--contrast)!important}button.link.danger{color:var(--danger)!important}button.link:active,button.link:focus,button.link:hover{background-color:transparent!important;box-shadow:unset!important;text-decoration:underline!important}button.disabled,button:disabled{color:var(--disabled-button-color)!important;cursor:auto}button.disabled:not(.link):not(.icon),button:disabled:not(.link):not(.icon){background-color:var(--disabled-button-background)!important;border-color:var(--disabled-button-background)!important}button.disabled.link,button:disabled.link{color:var(--disabled-button-color)!important}button.disabled:hover,button:disabled:hover{outline:none;text-decoration:none}select{background-color:var(--background);border:.5px solid var(--input-border-color);outline:var(--primary) none 0;padding:.5rem}select:focus{border-color:var(--primary);box-shadow:inset 1px 1px 0 var(--primary),inset -1px -1px 0 var(--primary)}select:disabled{background-color:var(--disabled-button-background);border-color:var(--disabled-button-background);box-shadow:none;color:var(--disabled-button-colour);cursor:auto}input,textarea{accent-color:var(--primary);border:.5px solid var(--input-border-color);border-radius:2px;min-height:3rem;outline:0 none currentcolor;padding:0 1rem}input:focus,textarea:focus{border-color:var(--primary);box-shadow:inset 1px 1px 0 var(--primary),inset -1px -1px 0 var(--primary)}input:invalid:not([invalid=false]):not([required]),input[invalid]:not([invalid=false]),textarea:invalid:not([invalid=false]):not([required]),textarea[invalid]:not([invalid=false]){border-color:var(--danger)}input:invalid:not([invalid=false]):not([required]):focus,input:invalid:not([invalid=false]):not([required]):hover,input[invalid]:not([invalid=false]):focus,input[invalid]:not([invalid=false]):hover,textarea:invalid:not([invalid=false]):not([required]):focus,textarea:invalid:not([invalid=false]):not([required]):hover,textarea[invalid]:not([invalid=false]):focus,textarea[invalid]:not([invalid=false]):hover{box-shadow:inset 1px 1px 0 var(--danger),inset -1px -1px 0 var(--danger)}input:disabled,textarea:disabled{background-color:var(--disabled-button-background);border-color:var(--disabled-button-background);box-shadow:none;color:var(--disabled-button-color);cursor:auto}input[type=checkbox],input[type=color],input[type=file],input[type=image],input[type=radio],input[type=range],textarea[type=checkbox],textarea[type=color],textarea[type=file],textarea[type=image],textarea[type=radio],textarea[type=range]{border:none;min-height:unset;padding-left:0}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible,textarea[type=checkbox]:focus-visible,textarea[type=radio]:focus-visible{outline:var(--button-outline-color) dashed .1rem;outline-offset:.1rem}input[type=button],input[type=reset],input[type=submit],textarea[type=button],textarea[type=reset],textarea[type=submit]{border:0;padding:.6rem 1.5rem}@supports (-moz-appearance:none){input[type=button],input[type=reset],input[type=submit],textarea[type=button],textarea[type=reset],textarea[type=submit]{padding:.6rem 1.5rem .9rem}}input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover,textarea[type=button]:hover,textarea[type=reset]:hover,textarea[type=submit]:hover{background-color:var(--button-hover);cursor:pointer}input[type=button]:active,input[type=button]:focus,input[type=reset]:active,input[type=reset]:focus,input[type=submit]:active,input[type=submit]:focus,textarea[type=button]:active,textarea[type=button]:focus,textarea[type=reset]:active,textarea[type=reset]:focus,textarea[type=submit]:active,textarea[type=submit]:focus{box-shadow:0 0 0 2px var(--button-outline-color);cursor:pointer;outline:none}input[type=button]:disabled,input[type=button]:hover:disabled,input[type=reset]:disabled,input[type=reset]:hover:disabled,input[type=submit]:disabled,input[type=submit]:hover:disabled,textarea[type=button]:disabled,textarea[type=button]:hover:disabled,textarea[type=reset]:disabled,textarea[type=reset]:hover:disabled,textarea[type=submit]:disabled,textarea[type=submit]:hover:disabled{background-color:var(--disabled-button-background);border-color:var(--disabled-button-background);box-shadow:none;color:var(--disabled-button-color);cursor:auto}input[type=reset],textarea[type=reset]{background-color:var(--background);border:.5px solid var(--border-color)}input[type=reset]:active,input[type=reset]:focus,textarea[type=reset]:active,textarea[type=reset]:focus{box-shadow:0 0 0 1px var(--button-outline-color);cursor:pointer;outline:none}input[type=button],input[type=submit],textarea[type=button],textarea[type=submit]{background-color:var(--primary);color:var(--color-on-primary)}input[type=button]:hover,input[type=submit]:hover,textarea[type=button]:hover,textarea[type=submit]:hover{background-color:var(--primary-hover)}input[type=color],input[type=file],input[type=range],textarea[type=color],textarea[type=file],textarea[type=range]{border:none}input[type=color]:focus,input[type=file]:focus,input[type=range]:focus,textarea[type=color]:focus,textarea[type=file]:focus,textarea[type=range]:focus{box-shadow:none;outline:var(--primary) solid 2px;outline-offset:2px}input[type=file]::-webkit-file-upload-button,input[type=file]::file-selector-button,textarea[type=file]::-webkit-file-upload-button,textarea[type=file]::file-selector-button{background-color:var(--primary);border:0;border-radius:2px;color:var(--color-on-primary);padding:.6rem 1.5rem}input[type=file]:active::-webkit-file-upload-button,input[type=file]:active::file-selector-button,textarea[type=file]:active::-webkit-file-upload-button,textarea[type=file]:active::file-selector-button{box-shadow:inset 0 0 0 2px var(--button-outline-color)}input[type=file]:hover::-webkit-file-upload-button,input[type=file]:hover::file-selector-button,textarea[type=file]:hover::-webkit-file-upload-button,textarea[type=file]:hover::file-selector-button{background-color:var(--primary-hover);cursor:pointer}input[type=file]:focus,textarea[type=file]:focus{outline:var(--button-outline-color) solid .2rem;outline-offset:.1rem}input[type=color],textarea[type=color]{background-color:transparent;padding:0;width:8rem}input[type=range],textarea[type=range]{appearance:none;-webkit-appearance:none;background:transparent;padding:0}input[type=range]::-moz-range-thumb,textarea[type=range]::-moz-range-thumb{background:var(--background);border:2px solid var(--range-filled-track-color);border-radius:100px;height:1.2rem;width:1.2rem}input[type=range]::-moz-range-track,textarea[type=range]::-moz-range-track{background-color:var(--range-track-color);height:.3rem}input[type=range]::-moz-range-progress,textarea[type=range]::-moz-range-progress{background-color:var(--range-filled-track-color);height:.3rem}input[type=range]::-webkit-slider-thumb,textarea[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--background);border:2px solid var(--range-filled-track-color);border-radius:100px;height:1.6rem;margin-top:-6px;width:1.6rem}input[type=range]::-webkit-slider-runnable-track,textarea[type=range]::-webkit-slider-runnable-track{background:var(--range-track-color);border:none;border-radius:3px;height:3px}input[type=range]:focus,input[type=range]:hover,textarea[type=range]:focus,textarea[type=range]:hover{background:transparent;outline:none}input[type=range]:focus::-moz-range-progress,input[type=range]:hover::-moz-range-progress,textarea[type=range]:focus::-moz-range-progress,textarea[type=range]:hover::-moz-range-progress{background-color:var(--primary)}input[type=range]:focus::-moz-range-thumb,input[type=range]:hover::-moz-range-thumb,textarea[type=range]:focus::-moz-range-thumb,textarea[type=range]:hover::-moz-range-thumb{border:2px solid var(--primary)}input[type=range]:focus::-webkit-slider-runnable-track,input[type=range]:hover::-webkit-slider-runnable-track,textarea[type=range]:focus::-webkit-slider-runnable-track,textarea[type=range]:hover::-webkit-slider-runnable-track{background-color:var(--primary)}input[type=range]:focus::-webkit-slider-thumb,input[type=range]:hover::-webkit-slider-thumb,textarea[type=range]:focus::-webkit-slider-thumb,textarea[type=range]:hover::-webkit-slider-thumb{border:2px solid var(--primary)}input[type=range]:disabled:focus,input[type=range]:disabled:hover,textarea[type=range]:disabled:focus,textarea[type=range]:disabled:hover{background:transparent;outline:none}input[type=range]:disabled:focus::-moz-range-progress,input[type=range]:disabled:hover::-moz-range-progress,textarea[type=range]:disabled:focus::-moz-range-progress,textarea[type=range]:disabled:hover::-moz-range-progress{background-color:var(--range-filled-track-color)}input[type=range]:disabled:focus::-moz-range-thumb,input[type=range]:disabled:hover::-moz-range-thumb,textarea[type=range]:disabled:focus::-moz-range-thumb,textarea[type=range]:disabled:hover::-moz-range-thumb{border:2px solid var(--range-filled-track-color)}input[type=range]:disabled:focus::-webkit-slider-runnable-track,input[type=range]:disabled:hover::-webkit-slider-runnable-track,textarea[type=range]:disabled:focus::-webkit-slider-runnable-track,textarea[type=range]:disabled:hover::-webkit-slider-runnable-track{background-color:var(--range-filled-track-color)}input[type=range]:disabled:focus::-webkit-slider-thumb,input[type=range]:disabled:hover::-webkit-slider-thumb,textarea[type=range]:disabled:focus::-webkit-slider-thumb,textarea[type=range]:disabled:hover::-webkit-slider-thumb{border:2px solid var(--range-filled-track-color)}input.underline,textarea.underline{background-color:transparent;border-left:0;border-radius:0;border-right:0;border-top:0;padding:0}input.underline:focus,textarea.underline:focus{box-shadow:none}input.underline:focus,input.underline:hover,textarea.underline:focus,textarea.underline:hover{border-color:var(--primary);box-shadow:inset 0 -1px 0 var(--primary)}input.underline:disabled:focus,input.underline:disabled:hover,input.underline:invalid:not([invalid=false]):not([required]):focus,input.underline:invalid:not([invalid=false]):not([required]):hover,textarea.underline:disabled:focus,textarea.underline:disabled:hover,textarea.underline:invalid:not([invalid=false]):not([required]):focus,textarea.underline:invalid:not([invalid=false]):not([required]):hover{border-left:0;border-right:0;border-top:0;box-shadow:none}input.underline:invalid:not([invalid=false]):not([required]):focus,input.underline:invalid:not([invalid=false]):not([required]):hover,input.underline[invalid]:not([invalid=false]):focus,input.underline[invalid]:not([invalid=false]):hover,textarea.underline:invalid:not([invalid=false]):not([required]):focus,textarea.underline:invalid:not([invalid=false]):not([required]):hover,textarea.underline[invalid]:not([invalid=false]):focus,textarea.underline[invalid]:not([invalid=false]):hover{border-color:var(--danger);box-shadow:inset 0 -1px 0 var(--danger)}input.underline:disabled:focus,input.underline:disabled:hover,textarea.underline:disabled:focus,textarea.underline:disabled:hover{border-color:var(--disabled-button-background)}a{color:var(--primary)}a:active,a:focus,a:focus-visible,a:hover{outline:unset}a.accent{color:var(--accent)}a.danger{color:var(--danger)}a.contrast{color:var(--contrast)}a.button{background-color:transparent;border-radius:2px;color:var(--button-color);display:inline-block;padding:.9rem 1.5rem;text-align:center;text-decoration:none}a.button.normal{border:.5px solid var(--border-color)}a.button.normal.disabled{background-color:var(--disabled-button-background);border-color:var(--disabled-button-background);color:var(--disabled-button-color);cursor:default}a.button:hover{background-color:var(--button-hover);cursor:pointer}a.button:active,a.button:focus{box-shadow:0 0 0 1px var(--button-outline-color);cursor:pointer;outline:none}a.button.primary{background-color:var(--primary);border:0;color:var(--color-on-primary)}a.button.primary:hover{background-color:var(--primary-hover)}a.button.danger{background-color:var(--danger);border:0;color:var(--color-on-danger)}a.button.danger:hover{background-color:var(--danger-hover)}a.button.accent{background-color:var(--accent);border:0;color:var(--color-on-accent)}a.button.accent:hover{background-color:var(--accent-hover)}a.button.contrast{background-color:var(--contrast);border:0;color:var(--color-on-contrast)}a.button.contrast:hover{background-color:var(--contrast-hover)}a.button.accent:active,a.button.accent:focus,a.button.contrast:active,a.button.contrast:focus,a.button.danger:active,a.button.danger:focus,a.button.primary:active,a.button.primary:focus{box-shadow:0 0 0 2px var(--button-outline-color)}a.button.accent.disabled,a.button.contrast.disabled,a.button.danger.disabled,a.button.primary.disabled{background-color:var(--disabled-button-background);border-color:var(--disabled-button-background);color:var(--colored-disabled-button-color);cursor:default}table{border-collapse:collapse}table td,table th{padding:.5rem 2.5rem .6rem .5rem;text-align:left;vertical-align:top}table:not(.no-hover) tbody tr:hover{background-color:var(--table-hover)}table.table tbody tr,table.table thead{border-bottom:.5px solid var(--border-color)}table.table tbody tr{border-color:var(--light)}table.table tfoot{font-size:small;font-style:italic}table.sticky-header>thead{background-color:var(--background);border-bottom:0;-webkit-box-shadow:0 1px 4px 0 rgba(var(--shadow-color),.16),0 1px 4px 0 rgba(var(--shadow-color),.12);box-shadow:0 1px 4px 0 rgba(var(--shadow-color),.16),0 1px 4px 0 rgba(var(--shadow-color),.12);position:sticky;position:-webkit-sticky;top:0;white-space:nowrap;z-index:2}table.striped tbody tr:nth-child(odd){background-color:var(--table-stripe)}table.striped tbody tr:hover{background-color:var(--table-striped-hover)}.table-container{border:.5px solid var(--border-color);border-color:var(--light);display:inline-block;overflow-x:hidden;overflow-y:auto;width:fit-content}@-moz-document url-prefix(){.table-container{padding-right:1.7rem}}.cursor-not-allowed:hover{cursor:not-allowed!important}.cursor-pointer{-webkit-user-select:none;-ms-user-select:none;user-select:none}.cursor-pointer:hover{cursor:pointer!important}.cursor-grab:hover{cursor:grab!important}.cursor-grabbing:hover{cursor:grabbing!important}.cursor-zoom-in:hover{cursor:zoom-in!important}.cursor-zoom-out:hover{cursor:zoom-out!important}.cursor-wait:hover{cursor:wait!important}.cursor-help:hover{cursor:help!important}.cursor-default,.cursor-default:hover{cursor:default!important}.cursor-no-select{-webkit-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.border{border:.5px solid var(--border-color)}.border-bottom{border-bottom:.5px solid var(--border-color)}.border-top{border-top:.5px solid var(--border-color)}.border-right{border-right:.5px solid var(--border-color)}.border-left{border-left:.5px solid var(--border-color)}.border-black{border-color:var(--black)}.border-white{border-color:var(--white)}.border-primary{border-color:var(--primary)}.border-accent{border-color:var(--accent)}.border-danger{border-color:var(--danger)}.border-light{border-color:var(--light)}.border-success{border-color:var(--icon-success)}html{background-color:var(--html-background)!important}.bg-gray-light{background-color:var(--gray-light)!important;color:var(--color-on-gray-light)!important}.bg-gray{background-color:var(--gray)!important;color:var(--color-on-gray)!important}.bg-gray-dark{background-color:var(--gray-dark)!important;color:var(--color-on-gray-dark)!important}.bg-black{background-color:var(--black)!important;color:var(--color-on-black)!important}.bg-white{background-color:var(--white)!important;color:var(--font-color)!important}.bg-primary{background-color:var(--primary)!important;color:var(--color-on-primary)!important}.bg-accent{background-color:var(--accent)!important;color:var(--color-on-accent)!important}.bg-danger{background-color:var(--danger)!important;color:var(--color-on-danger)!important}.bg-success{background-color:var(--success)!important;color:var(--color-on-success)!important}.bg-error{background-color:var(--error)!important;color:var(--color-on-error)!important}.bg-warning{background-color:var(--warning)!important;color:var(--color-on-warning)!important}.bg-transparent{background-color:transparent!important}.text-black{color:var(--black)!important}.text-white{color:var(--white)!important}.text-gray{color:var(--gray-darker)!important}.text-primary{color:var(--primary)!important}.text-accent{color:var(--accent)!important}.text-danger{color:var(--danger)!important}.text-success{color:var(--icon-success)!important}.icon-gray{color:var(--gray)!important}.icon-gray-dark{color:var(--gray-dark)!important}.icon-success{color:var(--icon-success)!important}.icon-primary{color:var(--primary)!important}.icon-accent{color:var(--accent)!important}.icon-danger{color:var(--danger)!important}.icon-black{color:var(--black)!important}.icon-white{color:var(--white)!important}.shadow{box-shadow:0 .6px 3.6px 0 rgba(var(--shadow-color),.132),0 .3px .9px 0 rgba(var(--shadow-color),.108)!important}.shadow-top{box-shadow:0 -1.6px 3.6px 0 rgba(var(--shadow-color),.132),0 -.3px .9px 0 rgba(var(--shadow-color),.108)!important}.shadow-left{box-shadow:-1.6px 0 3.6px 0 rgba(var(--shadow-color),.132),.3px 0 .9px 0 rgba(var(--shadow-color),.108)!important}.shadow-right{box-shadow:1.6px 0 3.6px 0 rgba(var(--shadow-color),.132),-.3px 0 .9px 0 rgba(var(--shadow-color),.108)!important}.shadow-bottom{box-shadow:0 1.6px 3.6px 0 rgba(var(--shadow-color),.132),0 .3px .9px 0 rgba(var(--shadow-color),.108)!important}.shadow-lg{box-shadow:0 0 5px 0 rgba(var(--shadow-color),.132)!important}.shadow-top-lg{box-shadow:0 -3px 5px 0 rgba(var(--shadow-color),.132)!important}.shadow-bottom-lg{box-shadow:0 3px 5px 0 rgba(var(--shadow-color),.132)!important}.shadow-left-lg{box-shadow:-3px 0 5px 0 rgba(var(--shadow-color),.132)!important}.shadow-right-lg{box-shadow:3px 0 5px 0 rgba(var(--shadow-color),.132)!important} \ No newline at end of file diff --git a/documentation/public/cdn/ibiss-v0.0.17/flightkit.min.js b/documentation/public/cdn/ibiss-v0.0.17/flightkit.min.js new file mode 100644 index 0000000..24d37ab --- /dev/null +++ b/documentation/public/cdn/ibiss-v0.0.17/flightkit.min.js @@ -0,0 +1 @@ +!function(){"use strict";function i(e,t){if(!t||0===t.length)return e;const s=Object.assign([],e);if(Array.isArray(s[0])){e=s;var n=t;const r=[];for(const i of e)r.push(i.sort(L(n)));r}else s.sort(L(t));return s}function _(e){let t=e.toString();e=t.match(/^\d+|\d+$/);return e?parseInt(e[0]):null}function k(e){return"boolean"==typeof e||"string"==typeof e&&("true"===(e=e.toLocaleLowerCase())||"false"===e)}function T(e){return"boolean"==typeof e?e:"true"===e.toLocaleLowerCase()}function L(w,E=0){return function(d,h){var{propertyName:e,direction:t}=w[E];let s=null===d[e]||void 0===d[e]?"":d[e],n=null===h[e]||void 0===h[e]?"":h[e];const p=/^(\d{1,4}-\d{1,4}-\d{1,4}(T)?)/gim;var m,e=s instanceof Date&&n instanceof Date||p.test(s)&&p.test(n),u=(e&&(s=s instanceof Date?s.valueOf():new Date(Date.parse(s)),n=n instanceof Date?n.valueOf():new Date(Date.parse(n))),k(s)&&k(n)),f=!u&&!isNaN(s)&&!isNaN(n),r=_(s),i=_(n);let g=!1;f?(s=parseFloat(s).toPrecision(12),n=parseFloat(n).toPrecision(12)):null!==r&&null!==i&&(g=!0),u&&(s=T(s),n=T(n));let o,a;switch(t){case"descending":case"desc":o=n,a=s;break;default:o=s,a=n}let l=0;if(g)l=(r=s,i=n,t=t,c=/^([a-zA-Z]*)(\d*)|(\d*)([a-zA-Z]*)$/,r=r.toString().toLocaleLowerCase().match(c),i=i.toString().toLocaleLowerCase().match(c),c=r[1]||r[4],r=parseInt(r[2]||r[3],10)||0,y=i[1]||i[4],i=parseInt(i[2]||i[3],10)||0,(m=(t=t.includes("desc"))?y:c)<(c=t?c:y)?-1:c(15&crypto.getRandomValues(new Uint8Array(1))[0]).toString(16));return window.$flightkitUUIDStore||(window.$flightkitUUIDStore={}),void 0!==window.$flightkitUUIDStore[t]?g(e+1):(window.$flightkitUUIDStore[t]=!0,t)}class r{constructor(){}_topLevelClasses=[];_events=[];generateId(){return"flk-"+function e(){var t=([1e7]+-1e3+-4e3+-8e3+-1e11).replace(/[018]/g,e=>(e^crypto.getRandomValues(new Uint8Array(1))[0]&15>>e/4).toString(16));return window.$flightkitUUIDStore||(window.$flightkitUUIDStore={}),void 0!==window.$flightkitUUIDStore[t]?e():(window.$flightkitUUIDStore[t]=!0,t)}()}render(t){if(!t.component)throw new Error("Component is not assigned! Can't render");t.id=t.id||this.generateId();var e=this._getAllEventAttributes(t);if(e){var s="#"+t.id;for(const i of e){var n="e-"+i;this.addEvent(s,i,t.getAttribute(n))}}var r=Object.keys(t.classList).length;if(r){for(let e=0;e{this._assignToDom(t,t.component),clearTimeout(this._renderTimer)},10)}addEvent(e,t,s){this._events.push({selector:e,eventType:t,callback:s})}_getExternalCallback(e){let t=void 0;for(const s of e.split("."))t=(t||window)[s];return t}_getAllEventAttributes(e){e=e.attributes;const t=Array.from(e).filter(e=>e.name.startsWith("e-"));return t.map(e=>e.name.slice(2))}_isFlightkitElement(e){return e.toUpperCase().includes("FLK-")}_outerEventHandler(e){const t=p(e),s=(t.contents=e.detail,t.target.getAttribute("e-"+t.type));let n=void 0;for(const r of s.split("."))n=(n||window)[r];return e.preventDefault(),e.stopPropagation(),n(t)}_addEvents(e){if(e.isConnected)for(const s of this._events)if(s.selector.startsWith("."))for(const n of document.querySelectorAll(s.selector))this._addEventToElement(s,n);else{var t=document.querySelector(s.selector);this._addEventToElement(s,t)}}_addEventToElement(e,t){t&&("function"==typeof e.callback?(t.removeEventListener(e.eventType,e.callback),t.addEventListener(e.eventType,e.callback)):(t.removeEventListener(e.eventType,this._outerEventHandler),t.addEventListener(e.eventType,this._outerEventHandler)))}removeEvents(){for(const t of this._events)if(t.selector.startsWith("."))for(const s of document.querySelectorAll(t.selector))this._addEventToElement(t,s);else{var e=document.querySelector(t.selector);this._addEventToElement(t,e)}this._events=[]}_removeEventToElement(e,t){t&&("function"==typeof e.callback?t.removeEventListener(e.eventType,e.callback):t.removeEventListener(e.eventType,this._outerEventHandler))}_assignToDom(e,t){e.innerHTML="";for(const n of Array.isArray(t)?t:[t])e.append(n);const s=setTimeout(()=>{this._addEvents(e),clearTimeout(s),e.dispatchEvent(new CustomEvent("loaded",{bubbles:!0,cancelable:!0}))},10)}}const y='',v='';function l(e){const t=new DOMParser;return t.parseFromString(e,"image/svg+xml").documentElement}class e extends HTMLElement{base;component=null;properties=new Set;uniqueEntriesByProperties={};propertyLabelDictionary={};_contents=[];_orderBy=[];_columnOrder=[];_filter="";_selectionProperty="";_selectedIds=new Set;_templates={};_templateClasses={};static get observedAttributes(){return["contents","columns","order","filter","selection-property","templates"]}get columnOrder(){return this._columnOrder.length?this._columnOrder:this.properties}set columnOrder(e){let t;"string"==typeof e&&(t=e.split(",")),t=e,this._columnOrder=t}get contents(){return this._contents}set contents(e){this.analyzeData(e),this._contents=e}get orderBy(){return this._orderBy}set orderBy(e){if(Array.isArray(e))this._orderBy=e;else{const n=[];for(const r of e.split(",")){var t=r.split("|"),s=t[0],t=1e[s._selectionProperty])):new Set;e=t?s.contents.execute():[];s._emit("select",s,{selection:e}),s._updateCheckboxes(s)}emitSelect(e){var t=e.target.checked,s=e.target.dataset.objectId;const n=p(e).target,r=(t?n._selectedIds.add(s):n._selectedIds.delete(s),n._selectionProperty);e=n.contents.execute().filter(e=>n._selectedIds.has(e[r]));n._emit("select",n,{selection:e}),n._updateCheckboxes(n)}sortData(e){const t=p(e).target,s=m(e,"column");s&&(-1<(e=t._orderBy.findIndex(e=>e.propertyName===s))?"asc"===t._orderBy[e].direction?t._orderBy[e].direction="desc":t._orderBy.splice(e,1):t._orderBy.push({propertyName:s,direction:"asc"}),t.createHtml(),t.base.render(t))}setColumnOrder(e){this._columnOrder=e?Array.isArray(e)?e:e.split(","):[]}analyzeData(t){this.properties=new Set;var s=t.length;for(let e=0;e"_"===e?" ":" "+e.toLowerCase()).trim();var s=t.charAt(0).toUpperCase()+t.slice(1);return this.propertyLabelDictionary[e]=s}parseTemplate(r,e,i){return e.replace(/\{\{([\s\S]+?)\}\}/gim,(e,t)=>{let s,n="";return"$"===(t=t.trim())[0]?s=window[t.substring(1)](r,i):n=i[t],n&&(s=n),Array.isArray(s)?s.join(", "):s.toString().trim()})}createSelectionCheckbox(e){const t=document.createElement("input");return t.setAttribute("type","checkbox"),t.classList.add("flk-selection-checkbox"),e&&(t.dataset.selected=e[this._selectionProperty]),t}createRow(e){const t=document.createElement("tr");if(this._selectionProperty.length){const r=document.createElement("td");var s=this.base.generateId();const i=this.createSelectionCheckbox(e);i.id=s,i.dataset.objectId=e[this._selectionProperty];var n=e[this._selectionProperty];this._selectedIds.has(n)?i.checked=!0:i.checked=!1,this.base.addEvent("#"+s,"change",this.emitSelect),r.append(i),t.append(r)}for(const o of this.columnOrder){const a=document.createElement("td");this._templates[o]?(a.innerHTML=this.parseTemplate(o,this._templates[o],e),this._templateClasses[o]&&a.classList.add(...this._templateClasses[o])):a.innerText=e[o],t.append(a)}return t}createBody(e){const t=document.createElement("tbody");for(const n of e){var s=this.createRow(n,null);t.append(s)}return t}createHead(){const e=document.createElement("thead"),t=document.createElement("tr");if(t.classList.add("cursor-pointer"),this._selectionProperty.length){const r=document.createElement("th");var s=this.base.generateId();const i=this.createSelectionCheckbox();i.id=s;var d=this.contents.execute().length;0e.propertyName===o);const c=document.createElement("span");n?c.innerHTML="asc"===n.direction?'':'':(c.style.display="inline-block",c.style.width="24px"),a.append(c),t.append(a)}return e.append(t),e}addEvent(e,t,s){this.base.addEvent(e,t,s)}init(){this.createHtml(),this.base.render(this)}}class t extends HTMLElement{base;componentId;constructor(){super(),this.base=new r}connectedCallback(){var e=this.getAttribute("top"),t=this.getAttribute("left"),s=this.getAttribute("center"),n=this.getAttribute("zIndex");this.id||(this.id=this.base.generateId()),this.style.display="block",this.style.position="fixed","string"==typeof s?(this.style.top=e||"50%",this.style.left="50%",this.style.transform="translate(-50%, -50%)"):(this.style.top=e||this.clientTop+"px",this.style.left=t||this.clientLeft+"px"),n&&(this.style.zIndex=n),this.componentId=this.getAttribute("handle");const r=document.createElement("div");r.innerHTML=this.innerHTML,this.component=r;s="#"+(this.componentId||this.id);this.base.addEvent(s,"mousedown",this._dragElement),this.base.addEvent(s,"mouseup",this._reset),this.base.render(this)}disconnectedCallback(){this.base.removeEvents(this)}_dragElement(e){const s=p(e,"flk-draggable").target;let n,r;function t(e){n=e.clientX-s.offsetLeft,r=e.clientY-s.offsetTop}function i(e){var t=e.clientX-n,e=e.clientY-r;s.style.left=t+"px",s.style.top=e+"px"}function o(e){e.preventDefault()}function a(){s.removeAttribute("draggable"),s.removeEventListener("dragstart",t),s.removeEventListener("dragend",a),document.removeEventListener("dragover",o),document.removeEventListener("drop",i)}s.setAttribute("draggable",!0),s.addEventListener("dragstart",t),s.addEventListener("dragend",a),document.addEventListener("dragover",o),document.addEventListener("drop",i)}}class s extends HTMLElement{_id;base;_draggableId;constructor(){super(),this.base=new r}_emit(e,t,s){e=new CustomEvent(e,{detail:s,bubbles:!0,cancelable:!0});t.dispatchEvent(e)}_closeModal(e){e.stopPropagation();const t=p(e,"flk-modal").target;t.classList.add("hidden")}closeModal(e){this.classList.add("hidden")}openModal(e=!0){const t=document.getElementById(this._draggableId);e&&(t.style.top="40%",t.style.left="50%"),this.classList.remove("hidden")}connectedCallback(){this.id||(this.id=this.base.generateId());const e=document.createElement("div");var t=this.base.generateId();const s=document.createElement("flk-draggable"),n=(this._draggableId=this.base.generateId(),s.id=this._draggableId,s.setAttribute("center",""),s.setAttribute("top","40%"),s.setAttribute("handle",t),s.setAttribute("zIndex","1080"),s.classList.add("border","shadow-lg","bg-white"),s.style.width="max-content",document.createElement("div"));var r=this.getAttribute("modal-title");if(r){const c=document.createElement("span");c.innerText=r,c.classList.add("ml-1","mr-auto"),n.append(c)}n.id=t;const i=this.getAttribute("header-class");let o=[];i?o=o.concat(i.split(" ")):o.push("bg-gray-light"),n.classList.add(...o,"border-bottom","row","justify-end","cursor-no-select");r=this.base.generateId();const a=document.createElement("button"),l=(a.classList.add("py-0","px-1","outline-hover","no-border","cursor-default",...o),a.innerText="X",a.id=r,n.append(a),s.append(n),document.createElement("div"));l.innerHTML=this.innerHTML,s.append(l),e.append(s),this.component=e,this.base.addEvent("#"+r,"click",this._closeModal),this.base.render(this),this.classList.add("hidden")}disconnectedCallback(){this.base.removeEvents(this)}}class n extends HTMLElement{base;_buttonId;_drawerId;_iconId;constructor(){super(),this.base=new r}connectedCallback(){this.style.position="relative",this.style.display="flex",this.style.width="fit-content",this._buttonId=this.base.generateId();const e=document.createElement("button"),t=(e.setAttribute("type","button"),e.classList.add("row"),e.id=this._buttonId,document.createElement("span")),s=(t.classList.add("self-align-center"),t.innerText=this.getAttribute("text"),this._iconId=this.base.generateId(),document.createElement("span"));s.classList.add("self-align-center");var n=l('');const r=l(''),i=(r.classList.add("hidden"),s.append(n,r),s.id=this._iconId,e.append(t,s),this._drawerId=this.base.generateId(),document.createElement("div"));i.id=this._drawerId,i.classList.add("shadow","inline-block","bg-white"),i.style.position="absolute",i.style.zIndex="1040";n=this.querySelector("template");n.innerHTML.length?i.innerHTML=n.innerHTML:i.append(n.firstChild),i.style.display="none",this.component=[e,i],this.base.addEvent("#"+this._buttonId,"click",this.toggleMenu);const o=document.querySelector("body");""!==o.getAttribute("flk-close-dropdown")&&(o.setAttribute("flk-close-dropdown",""),o.addEventListener("click",this.closeAllDropdownButtons)),this.base.render(this)}disconnectedCallback(){this.base.removeEvents(this);var e=document.querySelectorAll("flk-dropdown");if(!e||!e.length){const t=document.querySelector("body");t.removeAttribute("flk-close-dropdown"),t.removeEventListener("click",this.closeAllDropdownButtons)}}toggleMenu(e){const t=p(e).target;e=t._drawerId;const s=document.getElementById(e);var e="none"!==s.style.display,n=(s.style.display=e?"none":"block",t.getAttribute("drawer-width")),n=("string"==typeof t.getAttribute("right")&&(s.style.right="0px"),s.style.top=t.offsetHeight+"px",s.style.width=n||t.offsetWidth+"px",t._iconId);const r=document.getElementById(n);e?(r.childNodes[0].classList.remove("hidden"),r.childNodes[1].classList.add("hidden")):(r.childNodes[0].classList.add("hidden"),r.childNodes[1].classList.remove("hidden"))}_closeDropdown(){var e=this._drawerId;const t=document.getElementById(e);if("none"!==t.style.display){e=this._iconId;const s=document.getElementById(e);t.style.display="none",s.childNodes[0].classList.remove("hidden"),s.childNodes[1].classList.add("hidden")}}closeAllDropdownButtons(e){var t,s=p(e,"flk-dropdown").target,e=document.querySelectorAll("flk-dropdown");if(s)for(const n of e)s._buttonId!==n._buttonId&&(t=n._drawerId,"none"!==document.getElementById(t).style.display&&n._closeDropdown());else for(const r of e)r._closeDropdown()}}class o extends HTMLElement{base;contents;component;listType="ul";commentType="";invertComment=!1;searchStyle="";iconSet;filter={value:"",caseSensitive:!1};selectedElements=[];_setup=!0;_justFiltered=!1;_treeValues={};static get observedAttributes(){return["contents","icon-set","max-depth","filter","search-style","comment","invert-comment"]}_jsonToValueArray(e){return[...new Set(function e(t){let s=t;if(!t)return[];if("string"==typeof t&&t.includes("{"))s=JSON.parse(s);else if("object"!=typeof t)return[t];let n=[];if(Array.isArray(s)){if("object"==typeof s[0])for(const r of s){n=n.concat(Object.keys(r));for(const i of Object.values(r))"object"==typeof i?n=n.concat(e(i)):n.push(i)}}else if("object"==typeof s){n=n.concat(Object.keys(s));for(const o of Object.values(s))"object"==typeof o?n=n.concat(e(o)):n.push(o)}else n.push(s);return n}(e))]}_emit(e,t,s){e=new CustomEvent(e,{detail:s,bubbles:!0,cancelable:!0});t.dispatchEvent(e)}constructor(){super(),this.base=new r,this.setContents(this.getAttribute("contents")),this.commentType=this.getAttribute("comment")??"",this.iconSet=this.getAttribute("icon-set")??"file",this.searchStyle=this.getAttribute("search-style")??"highlight",this.maxDepth=this.getAttribute("max-depth")?parseInt(this.getAttribute("max-depth")):-1,this.invertComment=!!this.getAttribute("invert-comment"),this.setFilter(this.getAttribute("filter")),this.style.display="block",this.style.maxWidth="fit-content",this.style.margin="0 1rem 0 0",this.base.addEvent(".flk-branch","click",this.emitNodeToggle),this.base.addEvent(".flk-tree-summary","click",this.stopCollapseWhenJustFiltered)}stopCollapseWhenJustFiltered(e){const t=p(e,"flk-tree-nav").target;if(!t._justFiltered)return!0;let s=e.target;for(;"DETAILS"!==s.tagName&&(s=s.parentNode||s.parentElement),"DETAILS"!==s.tagName;);!0===t._justFiltered&&s.open&&(e.preventDefault(),t._justFiltered=!1)}deselectTree(){if(this.selectedElements.length)for(const e of this.selectedElements)e.classList.remove("font-weight-bold"),delete e.dataset.selected}emitNodeToggle(e){if(e.stopPropagation(),["LI","UL"].includes(e.target.tagName))return!1;const t=p(e,"flk-tree-nav").target,s=m(e,"branchKey");var d=parseInt(m(e,"depth"));let n=t.contents;const r=s.split("¶");for(const a of r)if(n[a])n=n[a];else if(null===n[a])n=null;else if(Array.isArray(n)){let e=[];for(const l of n)l[a]&&e.push(l[a]);n=e}let i,o=e.target;for(;o.dataset&&o.dataset.leafKey?i=o.dataset.leafKey:o=o.parentNode||o.parentElement,!i;);t.selectedElements.length&&(t.deselectTree(),t.selectedElements=[]),"DETAILS"===o.tagName?(t.selectedElements.push(o.childNodes[0]),o.childNodes.length&&o.childNodes[0].childNodes.length&&"DIV"===o.childNodes[0].childNodes[0].tagName&&(t.selectedElements=o.childNodes[0].childNodes[0].childNodes)):(t.selectedElements.push(o),o.childNodes.length&&"DIV"===o.childNodes[0].tagName&&(t.selectedElements=o.childNodes[0].childNodes));for(const c of t.selectedElements)c.dataset.selected||(c.classList.add("font-weight-bold"),c.dataset.selected=!0);var e=t.createLeafText(r.reverse()[0]),h=(r.pop(),r.reverse());t._emit("tree-click",t,{depth:d,path:h,data:n,key:i,label:(e.titleText+" "+e.commentText).trim(),branch:"object"==typeof n})}convertJsonKeyToTitle(e){if(!e)return"";const t=(e="string"!=typeof e?e.toString():e).replace(/([-_])/g,e=>"_"===e?" ":e).trim();return t.charAt(0).toUpperCase()+t.slice(1)}setContents(e){var t=e||this.contents||[];try{switch(typeof t){case"string":this.contents=JSON.parse(t);break;case"object":Array.isArray(t)?this.contents=t:this.contents=[t]}}catch(e){console.log(e)}}applyFilter(e){this._justFiltered=!0;let t,s;var n="details"===e.tagName.toLowerCase();let r=structuredClone(this._treeValues[e.dataset.branchValueId]);var i=Array.isArray(r);let o=i?r.join():r,a=(i&&r.shift(),i?r.join():"");s=this.filter.caseSensitive?(t=o.includes(this.filter.value),a.includes(this.filter.value)):(t=o.toLowerCase().includes(this.filter.value.toLowerCase()),a.toLowerCase().includes(this.filter.value.toLowerCase())),t?this.unselectTree(e):"highlight"===this.searchStyle?e.parentElement.style.color="rgba(0, 0, 0, 0.5)":e.parentElement.classList.add("hidden"),n&&t&&s?e.setAttribute("open",""):e.removeAttribute("open")}resetTree(e=!0){for(const t of this.querySelectorAll("[data-branch-value-id]"))t.parentElement.style.color="",t.parentElement.classList.remove("hidden"),e&&t.removeAttribute("open")}unselectTree(e){"highlight"===this.searchStyle?e.parentElement.style.color="":e.parentElement.classList.remove("hidden"),e.removeAttribute("open")}clearFilter(){this.resetTree(!1),this.filter={value:"",caseSensitive:!1}}filterTree(){if(void 0===this.filter.value||0===this.filter.value.length)this.resetTree();else{let t=setTimeout(()=>{for(const e of this.querySelectorAll("[data-branch-value-id]"))this.applyFilter(e);clearTimeout(t)},10)}}setFilter(e){const t=e||{};try{switch(typeof t){case"string":t.includes("{")?(this.filter=JSON.parse(t),!1===this.filter.caseSensitive&&(this.filter.value=this.filter.value.toLowerCase())):this.filter.value=e.toLowerCase();break;case"object":this.filter=t}}catch(e){console.log(e)}this.filterTree()}createLeafText(e){var t;let s="",n="";return!("string"!=typeof e||!this.commentType.length)&&e.includes(this.commentType[0])?(t=e.indexOf(this.commentType[0]),s=this.convertJsonKeyToTitle(e.substring(0,t)),n=e.substring(t+1,e.length-1).trim(),this.invertComment&&(t=s,s=n,n=t)):s=this.convertJsonKeyToTitle(e),{titleText:s,commentText:n}}createTextTag(n,r){n=this.createLeafText(n);if(n.commentText){let e=document.createElement("div"),t=document.createElement("span"),s=(t.innerText=n.titleText,document.createElement("small"));s.innerText=n.commentText,s.style.marginLeft="1rem",e.append(t,s),e.style.display="inline-flex",e.style.alignItems="center",r.append(e)}else r.innerText=n.titleText;return n}createLeaf(e,t,s,n,r=[]){let i=document.createElement("li");i.classList.add("cursor-pointer"),i.style.marginTop="0.4rem",i.dataset.branchKey=s,i.dataset.depth=n;const o="file"===this.iconSet?'':'';i.style.listStyleImage=`url('data:image/svg+xml,${o}')`,i.style.position="relative",i.style.left="2px";let a=document.createElement("span");s=g(),a.dataset.branchValueId=s,n=[e].concat(r),this._treeValues[s]=[...new Set(n)].join(),a.dataset.leafKey=n[0],r=this.createTextTag(e,a);if(r.commentText?i.title=r.titleText+" "+r.commentText:i.title=r.titleText,a.style.position="relative",a.style.top="-3px",i.append(a),t.tagName.toLowerCase()!==this.listType){let e=document.createElement(this.listType);const o="file"===this.iconSet?y:v;e.style.listStyleImage=`url('data:image/svg+xml,${o}')`,e.append(i),t.append(e)}else t.append(i)}createBranch(n,t,r,i){var o=i+1;if(i===this.maxDepth&&"object"==typeof n)if(Array.isArray(n))for(const s in n){let e;if(n[s]&&(e=this._jsonToValueArray(n[s])),"object"==typeof n[s])for(const m of Object.keys(n[s]))this.createLeaf(m,t,r+"¶"+s,i,e);else this.createLeaf(n[s],t,r+"¶"+s,i,e)}else for(const l of Object.keys(n)){let e;n[l]&&(e=this._jsonToValueArray(n[l])),this.createLeaf(l,t,r+"¶"+l,i,e)}else if(Array.isArray(n))for(var e in n){var h=document.createElement(this.listType);t.append(this.createBranch(n[e],h,r+"¶"+e,o))}else if(null!==n&&"object"==typeof n){const c=[];for(const d of Object.keys(n)){let e=document.createElement("li"),t=(e.classList.add("cursor-pointer"),e.style.position="relative",e.style.left="2px",e.dataset.branchKey=r+"¶"+d,e.dataset.depth=i,document.createElement("details"));t.classList.add("flk-branch");var a=g();t.dataset.branchValueId=a,this._treeValues[a]=[d].concat(this._jsonToValueArray(n[d])),t.style.position="relative",t.style.top="-3px",t.classList.add("cursor-pointer");let s=document.createElement("summary");s.classList.add("flk-tree-summary");a=this.createTextTag(d,s);t.dataset.leafKey=d,a.commentText?t.title=a.titleText+" "+a.commentText:t.title=a.titleText,t.append(s),e.append(this.createBranch(n[d],t,r+"¶"+d,o)),c.push(e)}if(t.tagName.toLowerCase()!==this.listType){let e=document.createElement(this.listType);var p="file"===this.iconSet?y:v;e.style.listStyleImage=`url('data:image/svg+xml,${p}')`;for(const u of c)e.append(u);t.append(e)}else for(const f of c)t.append(f)}else this.createLeaf(n,t,r,i);return t}createHtml(){let e=document.createElement(this.listType);var t="file"===this.iconSet?y:'';if(e.style.listStyleImage=`url('data:image/svg+xml,${t}')`,e.style.marginLeft="3rem",this.contents.length){for(const s in this.contents)e=this.createBranch(this.contents[s],e,s,0);this.component=e}else this.component=e}attributeChangedCallback(e,t,s){switch(e){case"contents":this.setContents(s);break;case"icon-set":this.iconSet=s;break;case"max-depth":this.maxDepth="string"==typeof s?parseInt(s):s;break;case"comment":this.commentType=s;break;case"invert-comment":this.invertComment="boolean"==typeof s?s:"true"===s.toString().toLowerCase();break;case"search-style":this.searchStyle=s,this.resetTree(!1),this.filterTree();break;case"filter":this.setFilter(s)}["filter","search-style"].includes(e)||this._setup||this.init()}connectedCallback(){this._setup||this.init()}disconnectedCallback(){this.base.removeEvents(this)}init(){this.createHtml(),this.base.render(this),this._setup=!1}}customElements.define("flk-table",e),customElements.define("flk-draggable",t),customElements.define("flk-modal",s),customElements.define("flk-dropdown",n),customElements.define("flk-tree-nav",o)}(); \ No newline at end of file diff --git a/documentation/public/cdn/ibiss-v0.0.17/htmx-ibiss-ui.min.js b/documentation/public/cdn/ibiss-v0.0.17/htmx-ibiss-ui.min.js new file mode 100644 index 0000000..c035056 --- /dev/null +++ b/documentation/public/cdn/ibiss-v0.0.17/htmx-ibiss-ui.min.js @@ -0,0 +1 @@ +!function(t){"function"==typeof define&&define.amd?define(t):t()}(function(){"use strict";htmx.defineExtension("ibiss-ui",{onEvent:function(t,e){if("htmx:beforeRequest"===t){const{target:i,detail:n}=e;t=i.getAttribute("ibiss-router");if(window[t]&&"function"==typeof window[t])return window[t](i,n,e),!1}}})}); \ No newline at end of file diff --git a/documentation/public/cdn/ibiss-v0.0.17/rocket.min.js b/documentation/public/cdn/ibiss-v0.0.17/rocket.min.js new file mode 100644 index 0000000..0a7f9d0 --- /dev/null +++ b/documentation/public/cdn/ibiss-v0.0.17/rocket.min.js @@ -0,0 +1 @@ +!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e="undefined"!=typeof globalThis?globalThis:e||self).rocketjs=t()}(this,function(){"use strict";function y(e,t){let r=0,l=e.indexOf(t);for(;-1!==l;)r++,l=e.indexOf(t,l+1);return r}function e(){return{sequence:"",match:!1}}function v(e,t,r){let l=r.sequence;return l.length===t.length&&(l=l.substring(1)),l+=e,r.sequence=l,r.match=l===t,r}class g{static getTemplates(t,r,l){if(r.length!==l.length)throw new Error("Template start is not the same length as template end");var g=t.length;let a=e(),o=e(),n=0,s=0,i=[],p=[];const u=[];for(let e=0;ee.replace(new RegExp(t,"g"),r));return l=l.replace(/if([\s\S]+?)\s|is|not/gm,e=>e.replace(new RegExp(t,"g"),r)),l=l.replace(/(of|in)([\s\S]+?)(?=<|{)/gm,e=>e.replace(new RegExp(t,"g"),r)),l}}class o{static resolvePartials(e,t){let r=e;for(const a of g.getTemplates(e,"{{#","#}}")){var l=g.getInnerTemplate(a),l=g.getPropertyValue(l,t);let e=l?l:"";r=r.replace(a,e)}if(r.includes("{{#")){if(e===r)return r;r=o.resolvePartials(r,t)}return r}}class s{static interpolateTemplate(e,r){let l=e;for(const n of g.getTemplates(e,"{{","}}")){let e=g.getInnerTemplate(n,2);var a="!"===e[0],o=(a&&(e=e.substr(1).trim()),g.getPropertyValue(e,r));let t=o?o:"";t=Array.isArray(t)?t.join(", "):t.toString().trim();o=a?s.escapeHtml(t):t;l=l.replace(n,o)}return l}static escapeHtml(e){return e=(e=(e=(e=(e=e.replace(/&/gm,"&")).replace(//gm,">")).replace(/"/gm,""")).replace(/\//gm,"'")}}class r{static buildTemplate(e,t){e=o.resolvePartials(e,t),e=class{static resolveWrapper(e){let t=e;for(const o of g.getTemplates(e,"{{$","$}}")){var r=g.getWrapperProperty(o),l=g.getTemplates(r.templateToFill,"{{","}}"),l=g.getToplevelTemplates(l);let e=r.templateToFill;for(const n of l){var a=g.getProperty(n);e=e.replace(new RegExp(a,"g"),r.property+"."+a)}t=t.replace(o,e)}return t}}.resolveWrapper(e);return e=c.resolveLoop(e,t),class{static resolveConditional(e,l){let a=e;for(const p of g.getTemplates(e,"{{~","~}}")){const c=g.getConditionalLogic(p);var o=c.property,n=c.logiclessTemplate,s=c.truthy,i=!c.truthy;let e="",t=(c.comparison&&(e=c.comparison),""),r=g.getPropertyValue(o,l);r&&(r=Array.isArray(r)?r:r.toString().trim().toLocaleLowerCase(),e=c.comparison?c.comparison.toLocaleLowerCase():null),e?(s&&(t=r===e?n:""),i&&(t=r!==e?n:"")):t="false"===r||!r||Array.isArray(r)&&!r.length?"":n,a=a.replace(p,t)}return a}}.resolveConditional(e,t)}static interpolateTemplate(e,t){return s.interpolateTemplate(e,t)}static render(e,t){e=r.buildTemplate(e,t);return r.interpolateTemplate(e,t)}}return r}); \ No newline at end of file diff --git a/documentation/public/js/flightkit.min.js b/documentation/public/js/flightkit.min.js index e329758..24d37ab 100644 --- a/documentation/public/js/flightkit.min.js +++ b/documentation/public/js/flightkit.min.js @@ -1 +1 @@ -!function(){"use strict";function i(e,t){if(!t||0===t.length)return e;const s=Object.assign([],e);if(Array.isArray(s[0])){e=s;var n=t;const r=[];for(const i of e)r.push(i.sort(L(n)));r}else s.sort(L(t));return s}function _(e){let t=e.toString();e=t.match(/^\d+|\d+$/);return e?parseInt(e[0]):null}function k(e){return"boolean"==typeof e||"string"==typeof e&&("true"===(e=e.toLocaleLowerCase())||"false"===e)}function T(e){return"boolean"==typeof e?e:"true"===e.toLocaleLowerCase()}function L(w,E=0){return function(d,h){var{propertyName:e,direction:t}=w[E];let s=null===d[e]||void 0===d[e]?"":d[e],n=null===h[e]||void 0===h[e]?"":h[e];const p=/^(\d{1,4}-\d{1,4}-\d{1,4}(T)?)/gim;var m,e=s instanceof Date&&n instanceof Date||p.test(s)&&p.test(n),u=(e&&(s=s instanceof Date?s.valueOf():new Date(Date.parse(s)),n=n instanceof Date?n.valueOf():new Date(Date.parse(n))),k(s)&&k(n)),f=!u&&!isNaN(s)&&!isNaN(n),r=_(s),i=_(n);let g=!1;f?(s=parseFloat(s).toPrecision(12),n=parseFloat(n).toPrecision(12)):null!==r&&null!==i&&(g=!0),u&&(s=T(s),n=T(n));let o,a;switch(t){case"descending":case"desc":o=n,a=s;break;default:o=s,a=n}let l=0;if(g)l=(r=s,i=n,t=t,c=/^([a-zA-Z]*)(\d*)|(\d*)([a-zA-Z]*)$/,r=r.toString().toLocaleLowerCase().match(c),i=i.toString().toLocaleLowerCase().match(c),c=r[1]||r[4],r=parseInt(r[2]||r[3],10)||0,y=i[1]||i[4],i=parseInt(i[2]||i[3],10)||0,(m=(t=t.includes("desc"))?y:c)<(c=t?c:y)?-1:c(15&crypto.getRandomValues(new Uint8Array(1))[0]).toString(16));return window.$flightkitUUIDStore||(window.$flightkitUUIDStore={}),void 0!==window.$flightkitUUIDStore[t]?g(e+1):(window.$flightkitUUIDStore[t]=!0,t)}class r{constructor(){}_topLevelClasses=[];_events=[];generateId(){return"flk-"+function e(){var t=([1e7]+-1e3+-4e3+-8e3+-1e11).replace(/[018]/g,e=>(e^crypto.getRandomValues(new Uint8Array(1))[0]&15>>e/4).toString(16));return window.$flightkitUUIDStore||(window.$flightkitUUIDStore={}),void 0!==window.$flightkitUUIDStore[t]?e():(window.$flightkitUUIDStore[t]=!0,t)}()}render(t){if(!t.component)throw new Error("Component is not assigned! Can't render");t.id=t.id||this.generateId();var e=this._getAllEventAttributes(t);if(e){var s="#"+t.id;for(const i of e){var n="e-"+i;this.addEvent(s,i,t.getAttribute(n))}}var r=Object.keys(t.classList).length;if(r){for(let e=0;e{this._assignToDom(t,t.component),clearTimeout(this._renderTimer)},10)}addEvent(e,t,s){this._events.push({selector:e,eventType:t,callback:s})}_getExternalCallback(e){let t=void 0;for(const s of e.split("."))t=(t||window)[s];return t}_getAllEventAttributes(e){e=e.attributes;const t=Array.from(e).filter(e=>e.name.startsWith("e-"));return t.map(e=>e.name.slice(2))}_isFlightkitElement(e){return e.toUpperCase().includes("FLK-")}_outerEventHandler(e){const t=p(e),s=(t.contents=e.detail,t.target.getAttribute("e-"+t.type));let n=void 0;for(const r of s.split("."))n=(n||window)[r];return e.preventDefault(),e.stopPropagation(),n(t)}_addEvents(e){if(e.isConnected)for(const s of this._events)if(s.selector.startsWith("."))for(const n of document.querySelectorAll(s.selector))this._addEventToElement(s,n);else{var t=document.querySelector(s.selector);this._addEventToElement(s,t)}}_addEventToElement(e,t){t&&("function"==typeof e.callback?(t.removeEventListener(e.eventType,e.callback),t.addEventListener(e.eventType,e.callback)):(t.removeEventListener(e.eventType,this._outerEventHandler),t.addEventListener(e.eventType,this._outerEventHandler)))}removeEvents(){for(const t of this._events)if(t.selector.startsWith("."))for(const s of document.querySelectorAll(t.selector))this._addEventToElement(t,s);else{var e=document.querySelector(t.selector);this._addEventToElement(t,e)}this._events=[]}_removeEventToElement(e,t){t&&("function"==typeof e.callback?t.removeEventListener(e.eventType,e.callback):t.removeEventListener(e.eventType,this._outerEventHandler))}_assignToDom(e,t){e.innerHTML="";for(const n of Array.isArray(t)?t:[t])e.append(n);const s=setTimeout(()=>{this._addEvents(e),clearTimeout(s),e.dispatchEvent(new CustomEvent("loaded",{bubbles:!0,cancelable:!0}))},10)}}const y='',v='';function l(e){const t=new DOMParser;return t.parseFromString(e,"image/svg+xml").documentElement}class e extends HTMLElement{base;component=null;properties=new Set;uniqueEntriesByProperties={};propertyLabelDictionary={};_contents=[];_orderBy=[];_columnOrder=[];_filter="";_selectionProperty="";_selectedIds=new Set;_templates={};_templateClasses={};static get observedAttributes(){return["contents","columns","order","filter","selection-property","templates"]}get columnOrder(){return this._columnOrder.length?this._columnOrder:this.properties}set columnOrder(e){let t;"string"==typeof e&&(t=e.split(",")),t=e,this._columnOrder=t}get contents(){return this._contents}set contents(e){this.analyzeData(e),this._contents=e}get orderBy(){return this._orderBy}set orderBy(e){if(Array.isArray(e))this._orderBy=e;else{const n=[];for(const r of e.split(",")){var t=r.split("|"),s=t[0],t=1e[s._selectionProperty])):new Set;e=t?s.contents.execute():[];s._emit("select",s,{selection:e}),s._updateCheckboxes(s)}emitSelect(e){var t=e.target.checked,s=e.target.dataset.objectId;const n=p(e).target,r=(t?n._selectedIds.add(s):n._selectedIds.delete(s),n._selectionProperty);e=n.contents.execute().filter(e=>n._selectedIds.has(e[r]));n._emit("select",n,{selection:e}),n._updateCheckboxes(n)}sortData(e){const t=p(e).target,s=m(e,"column");s&&(-1<(e=t._orderBy.findIndex(e=>e.propertyName===s))?"asc"===t._orderBy[e].direction?t._orderBy[e].direction="desc":t._orderBy.splice(e,1):t._orderBy.push({propertyName:s,direction:"asc"}),t.createHtml(),t.base.render(t))}setColumnOrder(e){this._columnOrder=e?Array.isArray(e)?e:e.split(","):[]}analyzeData(t){this.properties=new Set;var s=t.length;for(let e=0;e"_"===e?" ":" "+e.toLowerCase()).trim();var s=t.charAt(0).toUpperCase()+t.slice(1);return this.propertyLabelDictionary[e]=s}parseTemplate(e,n){return e.replace(/\{\{([\s\S]+?)\}\}/gim,(e,t)=>{let s="";t=t.trim();t=n[t];return t&&(s=t),Array.isArray(s)?s.join(", "):s.toString().trim()})}createSelectionCheckbox(e){const t=document.createElement("input");return t.setAttribute("type","checkbox"),t.classList.add("flk-selection-checkbox"),e&&(t.dataset.selected=e[this._selectionProperty]),t}createRow(e){const t=document.createElement("tr");if(this._selectionProperty.length){const r=document.createElement("td");var s=this.base.generateId();const i=this.createSelectionCheckbox(e);i.id=s,i.dataset.objectId=e[this._selectionProperty];var n=e[this._selectionProperty];this._selectedIds.has(n)?i.checked=!0:i.checked=!1,this.base.addEvent("#"+s,"change",this.emitSelect),r.append(i),t.append(r)}for(const o of this.columnOrder){const a=document.createElement("td");this._templates[o]?(a.innerHTML=this.parseTemplate(this._templates[o],e),this._templateClasses[o]&&a.classList.add(...this._templateClasses[o])):a.innerText=e[o],t.append(a)}return t}createBody(e){const t=document.createElement("tbody");for(const n of e){var s=this.createRow(n,null);t.append(s)}return t}createHead(){const e=document.createElement("thead"),t=document.createElement("tr");if(t.classList.add("cursor-pointer"),this._selectionProperty.length){const r=document.createElement("th");var s=this.base.generateId();const i=this.createSelectionCheckbox();i.id=s;var d=this.contents.execute().length;0e.propertyName===o);const c=document.createElement("span");n?c.innerHTML="asc"===n.direction?'':'':(c.style.display="inline-block",c.style.width="24px"),a.append(c),t.append(a)}return e.append(t),e}addEvent(e,t,s){this.base.addEvent(e,t,s)}init(){this.createHtml(),this.base.render(this)}}class t extends HTMLElement{base;componentId;constructor(){super(),this.base=new r}connectedCallback(){var e=this.getAttribute("top"),t=this.getAttribute("left"),s=this.getAttribute("center"),n=this.getAttribute("zIndex");this.id||(this.id=this.base.generateId()),this.style.display="block",this.style.position="fixed","string"==typeof s?(this.style.top=e||"50%",this.style.left="50%",this.style.transform="translate(-50%, -50%)"):(this.style.top=e||this.clientTop+"px",this.style.left=t||this.clientLeft+"px"),n&&(this.style.zIndex=n),this.componentId=this.getAttribute("handle");const r=document.createElement("div");r.innerHTML=this.innerHTML,this.component=r;s="#"+(this.componentId||this.id);this.base.addEvent(s,"mousedown",this._dragElement),this.base.addEvent(s,"mouseup",this._reset),this.base.render(this)}disconnectedCallback(){this.base.removeEvents(this)}_dragElement(e){const s=p(e,"flk-draggable").target;let n,r;function t(e){n=e.clientX-s.offsetLeft,r=e.clientY-s.offsetTop}function i(e){var t=e.clientX-n,e=e.clientY-r;s.style.left=t+"px",s.style.top=e+"px"}function o(e){e.preventDefault()}function a(){s.removeAttribute("draggable"),s.removeEventListener("dragstart",t),s.removeEventListener("dragend",a),document.removeEventListener("dragover",o),document.removeEventListener("drop",i)}s.setAttribute("draggable",!0),s.addEventListener("dragstart",t),s.addEventListener("dragend",a),document.addEventListener("dragover",o),document.addEventListener("drop",i)}}class s extends HTMLElement{_id;base;_draggableId;constructor(){super(),this.base=new r}_emit(e,t,s){e=new CustomEvent(e,{detail:s,bubbles:!0,cancelable:!0});t.dispatchEvent(e)}_closeModal(e){e.stopPropagation();const t=p(e,"flk-modal").target;t.classList.add("hidden")}closeModal(e){this.classList.add("hidden")}openModal(e=!0){const t=document.getElementById(this._draggableId);e&&(t.style.top="40%",t.style.left="50%"),this.classList.remove("hidden")}connectedCallback(){this.id||(this.id=this.base.generateId());const e=document.createElement("div");var t=this.base.generateId();const s=document.createElement("flk-draggable"),n=(this._draggableId=this.base.generateId(),s.id=this._draggableId,s.setAttribute("center",""),s.setAttribute("top","40%"),s.setAttribute("handle",t),s.setAttribute("zIndex","1080"),s.classList.add("border","shadow-lg","bg-white"),s.style.width="max-content",document.createElement("div"));var r=this.getAttribute("modal-title");if(r){const c=document.createElement("span");c.innerText=r,c.classList.add("ml-1","mr-auto"),n.append(c)}n.id=t;const i=this.getAttribute("header-class");let o=[];i?o=o.concat(i.split(" ")):o.push("bg-gray-light"),n.classList.add(...o,"border-bottom","row","justify-end","cursor-no-select");r=this.base.generateId();const a=document.createElement("button"),l=(a.classList.add("py-0","px-1","outline-hover","no-border","cursor-default",...o),a.innerText="X",a.id=r,n.append(a),s.append(n),document.createElement("div"));l.innerHTML=this.innerHTML,s.append(l),e.append(s),this.component=e,this.base.addEvent("#"+r,"click",this._closeModal),this.base.render(this),this.classList.add("hidden")}disconnectedCallback(){this.base.removeEvents(this)}}class n extends HTMLElement{base;_buttonId;_drawerId;_iconId;constructor(){super(),this.base=new r}connectedCallback(){this.style.position="relative",this.style.display="flex",this.style.width="fit-content",this._buttonId=this.base.generateId();const e=document.createElement("button"),t=(e.setAttribute("type","button"),e.classList.add("row"),e.id=this._buttonId,document.createElement("span")),s=(t.classList.add("self-align-center"),t.innerText=this.getAttribute("text"),this._iconId=this.base.generateId(),document.createElement("span"));s.classList.add("self-align-center");var n=l('');const r=l(''),i=(r.classList.add("hidden"),s.append(n,r),s.id=this._iconId,e.append(t,s),this._drawerId=this.base.generateId(),document.createElement("div"));i.id=this._drawerId,i.classList.add("shadow","inline-block","bg-white"),i.style.position="absolute",i.style.zIndex="1040";n=this.querySelector("template");n.innerHTML.length?i.innerHTML=n.innerHTML:i.append(n.firstChild),i.style.display="none",this.component=[e,i],this.base.addEvent("#"+this._buttonId,"click",this.toggleMenu);const o=document.querySelector("body");""!==o.getAttribute("flk-close-dropdown")&&(o.setAttribute("flk-close-dropdown",""),o.addEventListener("click",this.closeAllDropdownButtons)),this.base.render(this)}disconnectedCallback(){this.base.removeEvents(this);var e=document.querySelectorAll("flk-dropdown");if(!e||!e.length){const t=document.querySelector("body");t.removeAttribute("flk-close-dropdown"),t.removeEventListener("click",this.closeAllDropdownButtons)}}toggleMenu(e){const t=p(e).target;e=t._drawerId;const s=document.getElementById(e);var e="none"!==s.style.display,n=(s.style.display=e?"none":"block",t.getAttribute("drawer-width")),n=("string"==typeof t.getAttribute("right")&&(s.style.right="0px"),s.style.top=t.offsetHeight+"px",s.style.width=n||t.offsetWidth+"px",t._iconId);const r=document.getElementById(n);e?(r.childNodes[0].classList.remove("hidden"),r.childNodes[1].classList.add("hidden")):(r.childNodes[0].classList.add("hidden"),r.childNodes[1].classList.remove("hidden"))}_closeDropdown(){var e=this._drawerId;const t=document.getElementById(e);if("none"!==t.style.display){e=this._iconId;const s=document.getElementById(e);t.style.display="none",s.childNodes[0].classList.remove("hidden"),s.childNodes[1].classList.add("hidden")}}closeAllDropdownButtons(e){var t,s=p(e,"flk-dropdown").target,e=document.querySelectorAll("flk-dropdown");if(s)for(const n of e)s._buttonId!==n._buttonId&&(t=n._drawerId,"none"!==document.getElementById(t).style.display&&n._closeDropdown());else for(const r of e)r._closeDropdown()}}class o extends HTMLElement{base;contents;component;listType="ul";commentType="";invertComment=!1;searchStyle="";iconSet;filter={value:"",caseSensitive:!1};selectedElements=[];_setup=!0;_justFiltered=!1;_treeValues={};static get observedAttributes(){return["contents","icon-set","max-depth","filter","search-style","comment","invert-comment"]}_jsonToValueArray(e){return[...new Set(function e(t){let s=t;if(!t)return[];if("string"==typeof t&&t.includes("{"))s=JSON.parse(s);else if("object"!=typeof t)return[t];let n=[];if(Array.isArray(s)){if("object"==typeof s[0])for(const r of s){n=n.concat(Object.keys(r));for(const i of Object.values(r))"object"==typeof i?n=n.concat(e(i)):n.push(i)}}else if("object"==typeof s){n=n.concat(Object.keys(s));for(const o of Object.values(s))"object"==typeof o?n=n.concat(e(o)):n.push(o)}else n.push(s);return n}(e))]}_emit(e,t,s){e=new CustomEvent(e,{detail:s,bubbles:!0,cancelable:!0});t.dispatchEvent(e)}constructor(){super(),this.base=new r,this.setContents(this.getAttribute("contents")),this.commentType=this.getAttribute("comment")??"",this.iconSet=this.getAttribute("icon-set")??"file",this.searchStyle=this.getAttribute("search-style")??"highlight",this.maxDepth=this.getAttribute("max-depth")?parseInt(this.getAttribute("max-depth")):-1,this.invertComment=!!this.getAttribute("invert-comment"),this.setFilter(this.getAttribute("filter")),this.style.display="block",this.style.maxWidth="fit-content",this.style.margin="0 1rem 0 0",this.base.addEvent(".flk-branch","click",this.emitNodeToggle),this.base.addEvent(".flk-tree-summary","click",this.stopCollapseWhenJustFiltered)}stopCollapseWhenJustFiltered(e){const t=p(e,"flk-tree-nav").target;if(!t._justFiltered)return!0;let s=e.target;for(;"DETAILS"!==s.tagName&&(s=s.parentNode||s.parentElement),"DETAILS"!==s.tagName;);!0===t._justFiltered&&s.open&&(e.preventDefault(),t._justFiltered=!1)}deselectTree(){if(this.selectedElements.length)for(const e of this.selectedElements)e.classList.remove("font-weight-bold"),delete e.dataset.selected}emitNodeToggle(e){if(e.stopPropagation(),["LI","UL"].includes(e.target.tagName))return!1;const t=p(e,"flk-tree-nav").target,s=m(e,"branchKey");var d=parseInt(m(e,"depth"));let n=t.contents;const r=s.split("¶");for(const a of r)if(n[a])n=n[a];else if(null===n[a])n=null;else if(Array.isArray(n)){let e=[];for(const l of n)l[a]&&e.push(l[a]);n=e}let i,o=e.target;for(;o.dataset&&o.dataset.leafKey?i=o.dataset.leafKey:o=o.parentNode||o.parentElement,!i;);t.selectedElements.length&&(t.deselectTree(),t.selectedElements=[]),"DETAILS"===o.tagName?(t.selectedElements.push(o.childNodes[0]),o.childNodes.length&&o.childNodes[0].childNodes.length&&"DIV"===o.childNodes[0].childNodes[0].tagName&&(t.selectedElements=o.childNodes[0].childNodes[0].childNodes)):(t.selectedElements.push(o),o.childNodes.length&&"DIV"===o.childNodes[0].tagName&&(t.selectedElements=o.childNodes[0].childNodes));for(const c of t.selectedElements)c.dataset.selected||(c.classList.add("font-weight-bold"),c.dataset.selected=!0);var e=t.createLeafText(r.reverse()[0]),h=(r.pop(),r.reverse());t._emit("tree-click",t,{depth:d,path:h,data:n,key:i,label:(e.titleText+" "+e.commentText).trim(),branch:"object"==typeof n})}convertJsonKeyToTitle(e){if(!e)return"";const t=(e="string"!=typeof e?e.toString():e).replace(/([-_])/g,e=>"_"===e?" ":e).trim();return t.charAt(0).toUpperCase()+t.slice(1)}setContents(e){var t=e||this.contents||[];try{switch(typeof t){case"string":this.contents=JSON.parse(t);break;case"object":Array.isArray(t)?this.contents=t:this.contents=[t]}}catch(e){console.log(e)}}applyFilter(e){this._justFiltered=!0;let t,s;var n="details"===e.tagName.toLowerCase();let r=structuredClone(this._treeValues[e.dataset.branchValueId]);var i=Array.isArray(r);let o=i?r.join():r,a=(i&&r.shift(),i?r.join():"");s=this.filter.caseSensitive?(t=o.includes(this.filter.value),a.includes(this.filter.value)):(t=o.toLowerCase().includes(this.filter.value.toLowerCase()),a.toLowerCase().includes(this.filter.value.toLowerCase())),t?this.unselectTree(e):"highlight"===this.searchStyle?e.parentElement.style.color="rgba(0, 0, 0, 0.5)":e.parentElement.classList.add("hidden"),n&&t&&s?e.setAttribute("open",""):e.removeAttribute("open")}resetTree(e=!0){for(const t of this.querySelectorAll("[data-branch-value-id]"))t.parentElement.style.color="",t.parentElement.classList.remove("hidden"),e&&t.removeAttribute("open")}unselectTree(e){"highlight"===this.searchStyle?e.parentElement.style.color="":e.parentElement.classList.remove("hidden"),e.removeAttribute("open")}clearFilter(){this.resetTree(!1),this.filter={value:"",caseSensitive:!1}}filterTree(){if(void 0===this.filter.value||0===this.filter.value.length)this.resetTree();else{let t=setTimeout(()=>{for(const e of this.querySelectorAll("[data-branch-value-id]"))this.applyFilter(e);clearTimeout(t)},10)}}setFilter(e){const t=e||{};try{switch(typeof t){case"string":t.includes("{")?(this.filter=JSON.parse(t),!1===this.filter.caseSensitive&&(this.filter.value=this.filter.value.toLowerCase())):this.filter.value=e.toLowerCase();break;case"object":this.filter=t}}catch(e){console.log(e)}this.filterTree()}createLeafText(e){var t;let s="",n="";return!("string"!=typeof e||!this.commentType.length)&&e.includes(this.commentType[0])?(t=e.indexOf(this.commentType[0]),s=this.convertJsonKeyToTitle(e.substring(0,t)),n=e.substring(t+1,e.length-1).trim(),this.invertComment&&(t=s,s=n,n=t)):s=this.convertJsonKeyToTitle(e),{titleText:s,commentText:n}}createTextTag(n,r){n=this.createLeafText(n);if(n.commentText){let e=document.createElement("div"),t=document.createElement("span"),s=(t.innerText=n.titleText,document.createElement("small"));s.innerText=n.commentText,s.style.marginLeft="1rem",e.append(t,s),e.style.display="inline-flex",e.style.alignItems="center",r.append(e)}else r.innerText=n.titleText;return n}createLeaf(e,t,s,n,r=[]){let i=document.createElement("li");i.classList.add("cursor-pointer"),i.style.marginTop="0.4rem",i.dataset.branchKey=s,i.dataset.depth=n;const o="file"===this.iconSet?'':'';i.style.listStyleImage=`url('data:image/svg+xml,${o}')`,i.style.position="relative",i.style.left="2px";let a=document.createElement("span");s=g(),a.dataset.branchValueId=s,n=[e].concat(r),this._treeValues[s]=[...new Set(n)].join(),a.dataset.leafKey=n[0],r=this.createTextTag(e,a);if(r.commentText?i.title=r.titleText+" "+r.commentText:i.title=r.titleText,a.style.position="relative",a.style.top="-3px",i.append(a),t.tagName.toLowerCase()!==this.listType){let e=document.createElement(this.listType);const o="file"===this.iconSet?y:v;e.style.listStyleImage=`url('data:image/svg+xml,${o}')`,e.append(i),t.append(e)}else t.append(i)}createBranch(n,t,r,i){var o=i+1;if(i===this.maxDepth&&"object"==typeof n)if(Array.isArray(n))for(const s in n){let e;if(n[s]&&(e=this._jsonToValueArray(n[s])),"object"==typeof n[s])for(const m of Object.keys(n[s]))this.createLeaf(m,t,r+"¶"+s,i,e);else this.createLeaf(n[s],t,r+"¶"+s,i,e)}else for(const l of Object.keys(n)){let e;n[l]&&(e=this._jsonToValueArray(n[l])),this.createLeaf(l,t,r+"¶"+l,i,e)}else if(Array.isArray(n))for(var e in n){var h=document.createElement(this.listType);t.append(this.createBranch(n[e],h,r+"¶"+e,o))}else if(null!==n&&"object"==typeof n){const c=[];for(const d of Object.keys(n)){let e=document.createElement("li"),t=(e.classList.add("cursor-pointer"),e.style.position="relative",e.style.left="2px",e.dataset.branchKey=r+"¶"+d,e.dataset.depth=i,document.createElement("details"));t.classList.add("flk-branch");var a=g();t.dataset.branchValueId=a,this._treeValues[a]=[d].concat(this._jsonToValueArray(n[d])),t.style.position="relative",t.style.top="-3px",t.classList.add("cursor-pointer");let s=document.createElement("summary");s.classList.add("flk-tree-summary");a=this.createTextTag(d,s);t.dataset.leafKey=d,a.commentText?t.title=a.titleText+" "+a.commentText:t.title=a.titleText,t.append(s),e.append(this.createBranch(n[d],t,r+"¶"+d,o)),c.push(e)}if(t.tagName.toLowerCase()!==this.listType){let e=document.createElement(this.listType);var p="file"===this.iconSet?y:v;e.style.listStyleImage=`url('data:image/svg+xml,${p}')`;for(const u of c)e.append(u);t.append(e)}else for(const f of c)t.append(f)}else this.createLeaf(n,t,r,i);return t}createHtml(){let e=document.createElement(this.listType);var t="file"===this.iconSet?y:'';if(e.style.listStyleImage=`url('data:image/svg+xml,${t}')`,e.style.marginLeft="3rem",this.contents.length){for(const s in this.contents)e=this.createBranch(this.contents[s],e,s,0);this.component=e}else this.component=e}attributeChangedCallback(e,t,s){switch(e){case"contents":this.setContents(s);break;case"icon-set":this.iconSet=s;break;case"max-depth":this.maxDepth="string"==typeof s?parseInt(s):s;break;case"comment":this.commentType=s;break;case"invert-comment":this.invertComment="boolean"==typeof s?s:"true"===s.toString().toLowerCase();break;case"search-style":this.searchStyle=s,this.resetTree(!1),this.filterTree();break;case"filter":this.setFilter(s)}["filter","search-style"].includes(e)||this._setup||this.init()}connectedCallback(){this._setup||this.init()}disconnectedCallback(){this.base.removeEvents(this)}init(){this.createHtml(),this.base.render(this),this._setup=!1}}customElements.define("flk-table",e),customElements.define("flk-draggable",t),customElements.define("flk-modal",s),customElements.define("flk-dropdown",n),customElements.define("flk-tree-nav",o)}(); \ No newline at end of file +!function(){"use strict";function i(e,t){if(!t||0===t.length)return e;const s=Object.assign([],e);if(Array.isArray(s[0])){e=s;var n=t;const r=[];for(const i of e)r.push(i.sort(L(n)));r}else s.sort(L(t));return s}function _(e){let t=e.toString();e=t.match(/^\d+|\d+$/);return e?parseInt(e[0]):null}function k(e){return"boolean"==typeof e||"string"==typeof e&&("true"===(e=e.toLocaleLowerCase())||"false"===e)}function T(e){return"boolean"==typeof e?e:"true"===e.toLocaleLowerCase()}function L(w,E=0){return function(d,h){var{propertyName:e,direction:t}=w[E];let s=null===d[e]||void 0===d[e]?"":d[e],n=null===h[e]||void 0===h[e]?"":h[e];const p=/^(\d{1,4}-\d{1,4}-\d{1,4}(T)?)/gim;var m,e=s instanceof Date&&n instanceof Date||p.test(s)&&p.test(n),u=(e&&(s=s instanceof Date?s.valueOf():new Date(Date.parse(s)),n=n instanceof Date?n.valueOf():new Date(Date.parse(n))),k(s)&&k(n)),f=!u&&!isNaN(s)&&!isNaN(n),r=_(s),i=_(n);let g=!1;f?(s=parseFloat(s).toPrecision(12),n=parseFloat(n).toPrecision(12)):null!==r&&null!==i&&(g=!0),u&&(s=T(s),n=T(n));let o,a;switch(t){case"descending":case"desc":o=n,a=s;break;default:o=s,a=n}let l=0;if(g)l=(r=s,i=n,t=t,c=/^([a-zA-Z]*)(\d*)|(\d*)([a-zA-Z]*)$/,r=r.toString().toLocaleLowerCase().match(c),i=i.toString().toLocaleLowerCase().match(c),c=r[1]||r[4],r=parseInt(r[2]||r[3],10)||0,y=i[1]||i[4],i=parseInt(i[2]||i[3],10)||0,(m=(t=t.includes("desc"))?y:c)<(c=t?c:y)?-1:c(15&crypto.getRandomValues(new Uint8Array(1))[0]).toString(16));return window.$flightkitUUIDStore||(window.$flightkitUUIDStore={}),void 0!==window.$flightkitUUIDStore[t]?g(e+1):(window.$flightkitUUIDStore[t]=!0,t)}class r{constructor(){}_topLevelClasses=[];_events=[];generateId(){return"flk-"+function e(){var t=([1e7]+-1e3+-4e3+-8e3+-1e11).replace(/[018]/g,e=>(e^crypto.getRandomValues(new Uint8Array(1))[0]&15>>e/4).toString(16));return window.$flightkitUUIDStore||(window.$flightkitUUIDStore={}),void 0!==window.$flightkitUUIDStore[t]?e():(window.$flightkitUUIDStore[t]=!0,t)}()}render(t){if(!t.component)throw new Error("Component is not assigned! Can't render");t.id=t.id||this.generateId();var e=this._getAllEventAttributes(t);if(e){var s="#"+t.id;for(const i of e){var n="e-"+i;this.addEvent(s,i,t.getAttribute(n))}}var r=Object.keys(t.classList).length;if(r){for(let e=0;e{this._assignToDom(t,t.component),clearTimeout(this._renderTimer)},10)}addEvent(e,t,s){this._events.push({selector:e,eventType:t,callback:s})}_getExternalCallback(e){let t=void 0;for(const s of e.split("."))t=(t||window)[s];return t}_getAllEventAttributes(e){e=e.attributes;const t=Array.from(e).filter(e=>e.name.startsWith("e-"));return t.map(e=>e.name.slice(2))}_isFlightkitElement(e){return e.toUpperCase().includes("FLK-")}_outerEventHandler(e){const t=p(e),s=(t.contents=e.detail,t.target.getAttribute("e-"+t.type));let n=void 0;for(const r of s.split("."))n=(n||window)[r];return e.preventDefault(),e.stopPropagation(),n(t)}_addEvents(e){if(e.isConnected)for(const s of this._events)if(s.selector.startsWith("."))for(const n of document.querySelectorAll(s.selector))this._addEventToElement(s,n);else{var t=document.querySelector(s.selector);this._addEventToElement(s,t)}}_addEventToElement(e,t){t&&("function"==typeof e.callback?(t.removeEventListener(e.eventType,e.callback),t.addEventListener(e.eventType,e.callback)):(t.removeEventListener(e.eventType,this._outerEventHandler),t.addEventListener(e.eventType,this._outerEventHandler)))}removeEvents(){for(const t of this._events)if(t.selector.startsWith("."))for(const s of document.querySelectorAll(t.selector))this._addEventToElement(t,s);else{var e=document.querySelector(t.selector);this._addEventToElement(t,e)}this._events=[]}_removeEventToElement(e,t){t&&("function"==typeof e.callback?t.removeEventListener(e.eventType,e.callback):t.removeEventListener(e.eventType,this._outerEventHandler))}_assignToDom(e,t){e.innerHTML="";for(const n of Array.isArray(t)?t:[t])e.append(n);const s=setTimeout(()=>{this._addEvents(e),clearTimeout(s),e.dispatchEvent(new CustomEvent("loaded",{bubbles:!0,cancelable:!0}))},10)}}const y='',v='';function l(e){const t=new DOMParser;return t.parseFromString(e,"image/svg+xml").documentElement}class e extends HTMLElement{base;component=null;properties=new Set;uniqueEntriesByProperties={};propertyLabelDictionary={};_contents=[];_orderBy=[];_columnOrder=[];_filter="";_selectionProperty="";_selectedIds=new Set;_templates={};_templateClasses={};static get observedAttributes(){return["contents","columns","order","filter","selection-property","templates"]}get columnOrder(){return this._columnOrder.length?this._columnOrder:this.properties}set columnOrder(e){let t;"string"==typeof e&&(t=e.split(",")),t=e,this._columnOrder=t}get contents(){return this._contents}set contents(e){this.analyzeData(e),this._contents=e}get orderBy(){return this._orderBy}set orderBy(e){if(Array.isArray(e))this._orderBy=e;else{const n=[];for(const r of e.split(",")){var t=r.split("|"),s=t[0],t=1e[s._selectionProperty])):new Set;e=t?s.contents.execute():[];s._emit("select",s,{selection:e}),s._updateCheckboxes(s)}emitSelect(e){var t=e.target.checked,s=e.target.dataset.objectId;const n=p(e).target,r=(t?n._selectedIds.add(s):n._selectedIds.delete(s),n._selectionProperty);e=n.contents.execute().filter(e=>n._selectedIds.has(e[r]));n._emit("select",n,{selection:e}),n._updateCheckboxes(n)}sortData(e){const t=p(e).target,s=m(e,"column");s&&(-1<(e=t._orderBy.findIndex(e=>e.propertyName===s))?"asc"===t._orderBy[e].direction?t._orderBy[e].direction="desc":t._orderBy.splice(e,1):t._orderBy.push({propertyName:s,direction:"asc"}),t.createHtml(),t.base.render(t))}setColumnOrder(e){this._columnOrder=e?Array.isArray(e)?e:e.split(","):[]}analyzeData(t){this.properties=new Set;var s=t.length;for(let e=0;e"_"===e?" ":" "+e.toLowerCase()).trim();var s=t.charAt(0).toUpperCase()+t.slice(1);return this.propertyLabelDictionary[e]=s}parseTemplate(r,e,i){return e.replace(/\{\{([\s\S]+?)\}\}/gim,(e,t)=>{let s,n="";return"$"===(t=t.trim())[0]?s=window[t.substring(1)](r,i):n=i[t],n&&(s=n),Array.isArray(s)?s.join(", "):s.toString().trim()})}createSelectionCheckbox(e){const t=document.createElement("input");return t.setAttribute("type","checkbox"),t.classList.add("flk-selection-checkbox"),e&&(t.dataset.selected=e[this._selectionProperty]),t}createRow(e){const t=document.createElement("tr");if(this._selectionProperty.length){const r=document.createElement("td");var s=this.base.generateId();const i=this.createSelectionCheckbox(e);i.id=s,i.dataset.objectId=e[this._selectionProperty];var n=e[this._selectionProperty];this._selectedIds.has(n)?i.checked=!0:i.checked=!1,this.base.addEvent("#"+s,"change",this.emitSelect),r.append(i),t.append(r)}for(const o of this.columnOrder){const a=document.createElement("td");this._templates[o]?(a.innerHTML=this.parseTemplate(o,this._templates[o],e),this._templateClasses[o]&&a.classList.add(...this._templateClasses[o])):a.innerText=e[o],t.append(a)}return t}createBody(e){const t=document.createElement("tbody");for(const n of e){var s=this.createRow(n,null);t.append(s)}return t}createHead(){const e=document.createElement("thead"),t=document.createElement("tr");if(t.classList.add("cursor-pointer"),this._selectionProperty.length){const r=document.createElement("th");var s=this.base.generateId();const i=this.createSelectionCheckbox();i.id=s;var d=this.contents.execute().length;0e.propertyName===o);const c=document.createElement("span");n?c.innerHTML="asc"===n.direction?'':'':(c.style.display="inline-block",c.style.width="24px"),a.append(c),t.append(a)}return e.append(t),e}addEvent(e,t,s){this.base.addEvent(e,t,s)}init(){this.createHtml(),this.base.render(this)}}class t extends HTMLElement{base;componentId;constructor(){super(),this.base=new r}connectedCallback(){var e=this.getAttribute("top"),t=this.getAttribute("left"),s=this.getAttribute("center"),n=this.getAttribute("zIndex");this.id||(this.id=this.base.generateId()),this.style.display="block",this.style.position="fixed","string"==typeof s?(this.style.top=e||"50%",this.style.left="50%",this.style.transform="translate(-50%, -50%)"):(this.style.top=e||this.clientTop+"px",this.style.left=t||this.clientLeft+"px"),n&&(this.style.zIndex=n),this.componentId=this.getAttribute("handle");const r=document.createElement("div");r.innerHTML=this.innerHTML,this.component=r;s="#"+(this.componentId||this.id);this.base.addEvent(s,"mousedown",this._dragElement),this.base.addEvent(s,"mouseup",this._reset),this.base.render(this)}disconnectedCallback(){this.base.removeEvents(this)}_dragElement(e){const s=p(e,"flk-draggable").target;let n,r;function t(e){n=e.clientX-s.offsetLeft,r=e.clientY-s.offsetTop}function i(e){var t=e.clientX-n,e=e.clientY-r;s.style.left=t+"px",s.style.top=e+"px"}function o(e){e.preventDefault()}function a(){s.removeAttribute("draggable"),s.removeEventListener("dragstart",t),s.removeEventListener("dragend",a),document.removeEventListener("dragover",o),document.removeEventListener("drop",i)}s.setAttribute("draggable",!0),s.addEventListener("dragstart",t),s.addEventListener("dragend",a),document.addEventListener("dragover",o),document.addEventListener("drop",i)}}class s extends HTMLElement{_id;base;_draggableId;constructor(){super(),this.base=new r}_emit(e,t,s){e=new CustomEvent(e,{detail:s,bubbles:!0,cancelable:!0});t.dispatchEvent(e)}_closeModal(e){e.stopPropagation();const t=p(e,"flk-modal").target;t.classList.add("hidden")}closeModal(e){this.classList.add("hidden")}openModal(e=!0){const t=document.getElementById(this._draggableId);e&&(t.style.top="40%",t.style.left="50%"),this.classList.remove("hidden")}connectedCallback(){this.id||(this.id=this.base.generateId());const e=document.createElement("div");var t=this.base.generateId();const s=document.createElement("flk-draggable"),n=(this._draggableId=this.base.generateId(),s.id=this._draggableId,s.setAttribute("center",""),s.setAttribute("top","40%"),s.setAttribute("handle",t),s.setAttribute("zIndex","1080"),s.classList.add("border","shadow-lg","bg-white"),s.style.width="max-content",document.createElement("div"));var r=this.getAttribute("modal-title");if(r){const c=document.createElement("span");c.innerText=r,c.classList.add("ml-1","mr-auto"),n.append(c)}n.id=t;const i=this.getAttribute("header-class");let o=[];i?o=o.concat(i.split(" ")):o.push("bg-gray-light"),n.classList.add(...o,"border-bottom","row","justify-end","cursor-no-select");r=this.base.generateId();const a=document.createElement("button"),l=(a.classList.add("py-0","px-1","outline-hover","no-border","cursor-default",...o),a.innerText="X",a.id=r,n.append(a),s.append(n),document.createElement("div"));l.innerHTML=this.innerHTML,s.append(l),e.append(s),this.component=e,this.base.addEvent("#"+r,"click",this._closeModal),this.base.render(this),this.classList.add("hidden")}disconnectedCallback(){this.base.removeEvents(this)}}class n extends HTMLElement{base;_buttonId;_drawerId;_iconId;constructor(){super(),this.base=new r}connectedCallback(){this.style.position="relative",this.style.display="flex",this.style.width="fit-content",this._buttonId=this.base.generateId();const e=document.createElement("button"),t=(e.setAttribute("type","button"),e.classList.add("row"),e.id=this._buttonId,document.createElement("span")),s=(t.classList.add("self-align-center"),t.innerText=this.getAttribute("text"),this._iconId=this.base.generateId(),document.createElement("span"));s.classList.add("self-align-center");var n=l('');const r=l(''),i=(r.classList.add("hidden"),s.append(n,r),s.id=this._iconId,e.append(t,s),this._drawerId=this.base.generateId(),document.createElement("div"));i.id=this._drawerId,i.classList.add("shadow","inline-block","bg-white"),i.style.position="absolute",i.style.zIndex="1040";n=this.querySelector("template");n.innerHTML.length?i.innerHTML=n.innerHTML:i.append(n.firstChild),i.style.display="none",this.component=[e,i],this.base.addEvent("#"+this._buttonId,"click",this.toggleMenu);const o=document.querySelector("body");""!==o.getAttribute("flk-close-dropdown")&&(o.setAttribute("flk-close-dropdown",""),o.addEventListener("click",this.closeAllDropdownButtons)),this.base.render(this)}disconnectedCallback(){this.base.removeEvents(this);var e=document.querySelectorAll("flk-dropdown");if(!e||!e.length){const t=document.querySelector("body");t.removeAttribute("flk-close-dropdown"),t.removeEventListener("click",this.closeAllDropdownButtons)}}toggleMenu(e){const t=p(e).target;e=t._drawerId;const s=document.getElementById(e);var e="none"!==s.style.display,n=(s.style.display=e?"none":"block",t.getAttribute("drawer-width")),n=("string"==typeof t.getAttribute("right")&&(s.style.right="0px"),s.style.top=t.offsetHeight+"px",s.style.width=n||t.offsetWidth+"px",t._iconId);const r=document.getElementById(n);e?(r.childNodes[0].classList.remove("hidden"),r.childNodes[1].classList.add("hidden")):(r.childNodes[0].classList.add("hidden"),r.childNodes[1].classList.remove("hidden"))}_closeDropdown(){var e=this._drawerId;const t=document.getElementById(e);if("none"!==t.style.display){e=this._iconId;const s=document.getElementById(e);t.style.display="none",s.childNodes[0].classList.remove("hidden"),s.childNodes[1].classList.add("hidden")}}closeAllDropdownButtons(e){var t,s=p(e,"flk-dropdown").target,e=document.querySelectorAll("flk-dropdown");if(s)for(const n of e)s._buttonId!==n._buttonId&&(t=n._drawerId,"none"!==document.getElementById(t).style.display&&n._closeDropdown());else for(const r of e)r._closeDropdown()}}class o extends HTMLElement{base;contents;component;listType="ul";commentType="";invertComment=!1;searchStyle="";iconSet;filter={value:"",caseSensitive:!1};selectedElements=[];_setup=!0;_justFiltered=!1;_treeValues={};static get observedAttributes(){return["contents","icon-set","max-depth","filter","search-style","comment","invert-comment"]}_jsonToValueArray(e){return[...new Set(function e(t){let s=t;if(!t)return[];if("string"==typeof t&&t.includes("{"))s=JSON.parse(s);else if("object"!=typeof t)return[t];let n=[];if(Array.isArray(s)){if("object"==typeof s[0])for(const r of s){n=n.concat(Object.keys(r));for(const i of Object.values(r))"object"==typeof i?n=n.concat(e(i)):n.push(i)}}else if("object"==typeof s){n=n.concat(Object.keys(s));for(const o of Object.values(s))"object"==typeof o?n=n.concat(e(o)):n.push(o)}else n.push(s);return n}(e))]}_emit(e,t,s){e=new CustomEvent(e,{detail:s,bubbles:!0,cancelable:!0});t.dispatchEvent(e)}constructor(){super(),this.base=new r,this.setContents(this.getAttribute("contents")),this.commentType=this.getAttribute("comment")??"",this.iconSet=this.getAttribute("icon-set")??"file",this.searchStyle=this.getAttribute("search-style")??"highlight",this.maxDepth=this.getAttribute("max-depth")?parseInt(this.getAttribute("max-depth")):-1,this.invertComment=!!this.getAttribute("invert-comment"),this.setFilter(this.getAttribute("filter")),this.style.display="block",this.style.maxWidth="fit-content",this.style.margin="0 1rem 0 0",this.base.addEvent(".flk-branch","click",this.emitNodeToggle),this.base.addEvent(".flk-tree-summary","click",this.stopCollapseWhenJustFiltered)}stopCollapseWhenJustFiltered(e){const t=p(e,"flk-tree-nav").target;if(!t._justFiltered)return!0;let s=e.target;for(;"DETAILS"!==s.tagName&&(s=s.parentNode||s.parentElement),"DETAILS"!==s.tagName;);!0===t._justFiltered&&s.open&&(e.preventDefault(),t._justFiltered=!1)}deselectTree(){if(this.selectedElements.length)for(const e of this.selectedElements)e.classList.remove("font-weight-bold"),delete e.dataset.selected}emitNodeToggle(e){if(e.stopPropagation(),["LI","UL"].includes(e.target.tagName))return!1;const t=p(e,"flk-tree-nav").target,s=m(e,"branchKey");var d=parseInt(m(e,"depth"));let n=t.contents;const r=s.split("¶");for(const a of r)if(n[a])n=n[a];else if(null===n[a])n=null;else if(Array.isArray(n)){let e=[];for(const l of n)l[a]&&e.push(l[a]);n=e}let i,o=e.target;for(;o.dataset&&o.dataset.leafKey?i=o.dataset.leafKey:o=o.parentNode||o.parentElement,!i;);t.selectedElements.length&&(t.deselectTree(),t.selectedElements=[]),"DETAILS"===o.tagName?(t.selectedElements.push(o.childNodes[0]),o.childNodes.length&&o.childNodes[0].childNodes.length&&"DIV"===o.childNodes[0].childNodes[0].tagName&&(t.selectedElements=o.childNodes[0].childNodes[0].childNodes)):(t.selectedElements.push(o),o.childNodes.length&&"DIV"===o.childNodes[0].tagName&&(t.selectedElements=o.childNodes[0].childNodes));for(const c of t.selectedElements)c.dataset.selected||(c.classList.add("font-weight-bold"),c.dataset.selected=!0);var e=t.createLeafText(r.reverse()[0]),h=(r.pop(),r.reverse());t._emit("tree-click",t,{depth:d,path:h,data:n,key:i,label:(e.titleText+" "+e.commentText).trim(),branch:"object"==typeof n})}convertJsonKeyToTitle(e){if(!e)return"";const t=(e="string"!=typeof e?e.toString():e).replace(/([-_])/g,e=>"_"===e?" ":e).trim();return t.charAt(0).toUpperCase()+t.slice(1)}setContents(e){var t=e||this.contents||[];try{switch(typeof t){case"string":this.contents=JSON.parse(t);break;case"object":Array.isArray(t)?this.contents=t:this.contents=[t]}}catch(e){console.log(e)}}applyFilter(e){this._justFiltered=!0;let t,s;var n="details"===e.tagName.toLowerCase();let r=structuredClone(this._treeValues[e.dataset.branchValueId]);var i=Array.isArray(r);let o=i?r.join():r,a=(i&&r.shift(),i?r.join():"");s=this.filter.caseSensitive?(t=o.includes(this.filter.value),a.includes(this.filter.value)):(t=o.toLowerCase().includes(this.filter.value.toLowerCase()),a.toLowerCase().includes(this.filter.value.toLowerCase())),t?this.unselectTree(e):"highlight"===this.searchStyle?e.parentElement.style.color="rgba(0, 0, 0, 0.5)":e.parentElement.classList.add("hidden"),n&&t&&s?e.setAttribute("open",""):e.removeAttribute("open")}resetTree(e=!0){for(const t of this.querySelectorAll("[data-branch-value-id]"))t.parentElement.style.color="",t.parentElement.classList.remove("hidden"),e&&t.removeAttribute("open")}unselectTree(e){"highlight"===this.searchStyle?e.parentElement.style.color="":e.parentElement.classList.remove("hidden"),e.removeAttribute("open")}clearFilter(){this.resetTree(!1),this.filter={value:"",caseSensitive:!1}}filterTree(){if(void 0===this.filter.value||0===this.filter.value.length)this.resetTree();else{let t=setTimeout(()=>{for(const e of this.querySelectorAll("[data-branch-value-id]"))this.applyFilter(e);clearTimeout(t)},10)}}setFilter(e){const t=e||{};try{switch(typeof t){case"string":t.includes("{")?(this.filter=JSON.parse(t),!1===this.filter.caseSensitive&&(this.filter.value=this.filter.value.toLowerCase())):this.filter.value=e.toLowerCase();break;case"object":this.filter=t}}catch(e){console.log(e)}this.filterTree()}createLeafText(e){var t;let s="",n="";return!("string"!=typeof e||!this.commentType.length)&&e.includes(this.commentType[0])?(t=e.indexOf(this.commentType[0]),s=this.convertJsonKeyToTitle(e.substring(0,t)),n=e.substring(t+1,e.length-1).trim(),this.invertComment&&(t=s,s=n,n=t)):s=this.convertJsonKeyToTitle(e),{titleText:s,commentText:n}}createTextTag(n,r){n=this.createLeafText(n);if(n.commentText){let e=document.createElement("div"),t=document.createElement("span"),s=(t.innerText=n.titleText,document.createElement("small"));s.innerText=n.commentText,s.style.marginLeft="1rem",e.append(t,s),e.style.display="inline-flex",e.style.alignItems="center",r.append(e)}else r.innerText=n.titleText;return n}createLeaf(e,t,s,n,r=[]){let i=document.createElement("li");i.classList.add("cursor-pointer"),i.style.marginTop="0.4rem",i.dataset.branchKey=s,i.dataset.depth=n;const o="file"===this.iconSet?'':'';i.style.listStyleImage=`url('data:image/svg+xml,${o}')`,i.style.position="relative",i.style.left="2px";let a=document.createElement("span");s=g(),a.dataset.branchValueId=s,n=[e].concat(r),this._treeValues[s]=[...new Set(n)].join(),a.dataset.leafKey=n[0],r=this.createTextTag(e,a);if(r.commentText?i.title=r.titleText+" "+r.commentText:i.title=r.titleText,a.style.position="relative",a.style.top="-3px",i.append(a),t.tagName.toLowerCase()!==this.listType){let e=document.createElement(this.listType);const o="file"===this.iconSet?y:v;e.style.listStyleImage=`url('data:image/svg+xml,${o}')`,e.append(i),t.append(e)}else t.append(i)}createBranch(n,t,r,i){var o=i+1;if(i===this.maxDepth&&"object"==typeof n)if(Array.isArray(n))for(const s in n){let e;if(n[s]&&(e=this._jsonToValueArray(n[s])),"object"==typeof n[s])for(const m of Object.keys(n[s]))this.createLeaf(m,t,r+"¶"+s,i,e);else this.createLeaf(n[s],t,r+"¶"+s,i,e)}else for(const l of Object.keys(n)){let e;n[l]&&(e=this._jsonToValueArray(n[l])),this.createLeaf(l,t,r+"¶"+l,i,e)}else if(Array.isArray(n))for(var e in n){var h=document.createElement(this.listType);t.append(this.createBranch(n[e],h,r+"¶"+e,o))}else if(null!==n&&"object"==typeof n){const c=[];for(const d of Object.keys(n)){let e=document.createElement("li"),t=(e.classList.add("cursor-pointer"),e.style.position="relative",e.style.left="2px",e.dataset.branchKey=r+"¶"+d,e.dataset.depth=i,document.createElement("details"));t.classList.add("flk-branch");var a=g();t.dataset.branchValueId=a,this._treeValues[a]=[d].concat(this._jsonToValueArray(n[d])),t.style.position="relative",t.style.top="-3px",t.classList.add("cursor-pointer");let s=document.createElement("summary");s.classList.add("flk-tree-summary");a=this.createTextTag(d,s);t.dataset.leafKey=d,a.commentText?t.title=a.titleText+" "+a.commentText:t.title=a.titleText,t.append(s),e.append(this.createBranch(n[d],t,r+"¶"+d,o)),c.push(e)}if(t.tagName.toLowerCase()!==this.listType){let e=document.createElement(this.listType);var p="file"===this.iconSet?y:v;e.style.listStyleImage=`url('data:image/svg+xml,${p}')`;for(const u of c)e.append(u);t.append(e)}else for(const f of c)t.append(f)}else this.createLeaf(n,t,r,i);return t}createHtml(){let e=document.createElement(this.listType);var t="file"===this.iconSet?y:'';if(e.style.listStyleImage=`url('data:image/svg+xml,${t}')`,e.style.marginLeft="3rem",this.contents.length){for(const s in this.contents)e=this.createBranch(this.contents[s],e,s,0);this.component=e}else this.component=e}attributeChangedCallback(e,t,s){switch(e){case"contents":this.setContents(s);break;case"icon-set":this.iconSet=s;break;case"max-depth":this.maxDepth="string"==typeof s?parseInt(s):s;break;case"comment":this.commentType=s;break;case"invert-comment":this.invertComment="boolean"==typeof s?s:"true"===s.toString().toLowerCase();break;case"search-style":this.searchStyle=s,this.resetTree(!1),this.filterTree();break;case"filter":this.setFilter(s)}["filter","search-style"].includes(e)||this._setup||this.init()}connectedCallback(){this._setup||this.init()}disconnectedCallback(){this.base.removeEvents(this)}init(){this.createHtml(),this.base.render(this),this._setup=!1}}customElements.define("flk-table",e),customElements.define("flk-draggable",t),customElements.define("flk-modal",s),customElements.define("flk-dropdown",n),customElements.define("flk-tree-nav",o)}(); \ No newline at end of file diff --git a/documentation/src/components/flightkit/flightkit-table.vue b/documentation/src/components/flightkit/flightkit-table.vue index 0561d1f..881c06b 100644 --- a/documentation/src/components/flightkit/flightkit-table.vue +++ b/documentation/src/components/flightkit/flightkit-table.vue @@ -6,7 +6,7 @@ import { ardeaDataset } from '@/assets/js/ardeaDataset' const tableComponentCode = ' ' const vanillaSetup = `window.onload = () => {\n let ftTable = document.getElementById('ft-table');\n ftTable.setContents(ardeaSet);\n ftTable.init();\n \n })\n};` const templateExample = '' -const templatePlaceholder = '{{ common_name }}' +const templatePlaceholder = '{{ common_name }} / {{ $globalFunction }}' const customTemplates = { common_name: `{{ common_name }}` @@ -114,8 +114,9 @@ function handleSelect(event) { @@ -192,32 +193,17 @@ function handleSelect(event) {
With filter and custom template: - - + +
With selection-property:
- +
Example function: diff --git a/flightkit/components/table.js b/flightkit/components/table.js index c1fef2d..b8cbc56 100644 --- a/flightkit/components/table.js +++ b/flightkit/components/table.js @@ -412,20 +412,23 @@ export class FlightkitTable extends HTMLElement { return convertedKey; } - /** replaces {{ property }} with the value */ - parseTemplate(template, object) { + /** replaces {{ property }} with the value or passes property to a globally available function */ + parseTemplate(property, template, object) { return template.replace(/\{\{([\s\S]+?)\}\}/gim, (_, p1) => { - - let replacement = ''; + let replacement, templateItem = ''; p1 = p1.trim(); - let templateItem = object[p1]; + /** Check if it is a function */ + if (p1[0] === "$") { + replacement = window[p1.substring(1)](property, object); + } else { + templateItem = object[p1]; + } if (templateItem) { replacement = templateItem; } - return Array.isArray(replacement) ? replacement.join(', ') : replacement.toString().trim(); }); } @@ -468,7 +471,7 @@ export class FlightkitTable extends HTMLElement { const tableCell = document.createElement('td'); if (this._templates[property]) { - tableCell.innerHTML = this.parseTemplate(this._templates[property], rowContent); + tableCell.innerHTML = this.parseTemplate(property, this._templates[property], rowContent); /** when you use templating inside the element. */ if (this._templateClasses[property]) { tableCell.classList.add(...this._templateClasses[property]); diff --git a/flightkit/flightkit-functions/sorting.js b/flightkit/flightkit-functions/sorting.js index f7c1a9b..1a32762 100644 --- a/flightkit/flightkit-functions/sorting.js +++ b/flightkit/flightkit-functions/sorting.js @@ -81,10 +81,6 @@ function logicalSort(a, b, direction) { function sortFunction(applicableSorters, index = 0) { return function (a, b) { - if (index > 0) { - debugger; - } - const { propertyName, direction } = applicableSorters[index]; /** if it is undefined, just make it a string. */ diff --git a/flightkit/index.html b/flightkit/index.html index e10535b..a48c375 100644 --- a/flightkit/index.html +++ b/flightkit/index.html @@ -22,7 +22,9 @@
- + + +
@@ -51,9 +53,18 @@
Column header 1 a stringified JSON object that has a template that will be used. Use a placeholder with the property like: - {{ templatePlaceholder }}to use any value you want out of the row.
E.G. + {{ templatePlaceholder }}to use any value you want out of the row. if you place a '$' + before, it will look for a global available function and pass the property and the object as the arguments +
E.G. {{ customTemplateString }}