@schalkneethling/miyagi-core 4.0.2

package/dist/js/index-BKDKaBC6.js

@@ -0,0 +1 @@
+function e(i,n){return this instanceof e?"object"==typeof i?i:(this.attachValues(function(e){var i,n,f,o,l,u,d,h,c,b=[],g=[],m=[];if(e=function(e){return e.replace(/^\s+|\s+$/g,"")}(e.toLowerCase()),u=1,"rgb"==e.substr(0,3)||"hsl"==e.substr(0,3)){if(i=e.substr(0,3),n=3,o=!1,"a"==(e=e.substr(3)).substr(0,1).toLowerCase()&&(n=4,o=!0,e=e.substr(1)),b=(e=(e=e.replace("(","")).replace(")","")).split(","),"rgb"==i){if(b.length!=n)return{red:0,green:0,blue:0,hue:0,sat:0,lightness:0,opacity:1,valid:!1};for(f=0;f<n;f++){if(""!=b[f]&&" "!=b[f]||(b[f]="0"),b[f].indexOf("%")>-1&&(b[f]=b[f].replace("%",""),b[f]=Number(b[f]/100),f<3&&(b[f]=Math.round(255*b[f]))),Number.isNaN(b[f]))return t();parseInt(b[f])>255&&(b[f]=255),f<3&&(b[f]=parseInt(b[f])),3==f&&Number(b[f])>1&&(b[f]=1)}c={r:b[0],g:b[1],b:b[2]},1==o&&(u=Number(b[3]))}if("hsl"==i){for(;b.length<n;)b.push("0");for("hsl"==i&&parseInt(b[0])>=360&&(b[0]=0),f=1;f<n;f++){if(b[f].indexOf("%")>-1){if(b[f]=b[f].replace("%",""),b[f]=Number(b[f]),Number.isNaN(b[f]))return t();b[f]=b[f]/100}else b[f]=Number(b[f]);Number(b[f])>1&&(b[f]=1),Number(b[f])<0&&(b[f]=0)}"hsl"==i&&(c=function(e,t,r){var i,s,n,f,o;e/=60,s=r<=.5?r*(t+1):r+t-r*t;return n=255*a(i=2*r-s,s,e+2),f=255*a(i,s,e),o=255*a(i,s,e-2),{r:n,g:f,b:o}}(b[0],b[1],b[2]),d=Number(b[0]),h=Number(b[1])),1==o&&(u=Number(b[3]))}}else{for(l=!1,g=r("names"),f=0;f<g.length;f++)if(e.toLowerCase()==g[f].toLowerCase()){m=r("hexs"),l=!0,c={r:parseInt(m[f].substr(0,2),16),g:parseInt(m[f].substr(2,2),16),b:parseInt(m[f].substr(4,2),16)};break}if(0==l){for(3==(e=e.replace("#","")).length&&(e=e.substr(0,1)+e.substr(0,1)+e.substr(1,1)+e.substr(1,1)+e.substr(2,1)+e.substr(2,1)),f=0;f<e.length;f++)if(!s(e.substr(f,1)))return t();for(b[0]=parseInt(e.substr(0,2),16),b[1]=parseInt(e.substr(2,2),16),b[2]=parseInt(e.substr(4,2),16),f=0;f<3;f++)if(Number.isNaN(b[f]))return t();c={r:b[0],g:b[1],b:b[2]}}}return function(e,t,r,a){var i,s,n,f;if(!e)return{red:0,green:0,blue:0,hue:0,sat:0,lightness:0,opacity:1,valid:!1};null===t&&(t=1);return i=function(e,t,r){var a,i,s,n,f,o,l,u=[];for(u[0]=e/255,u[1]=t/255,u[2]=r/255,a=u[0],i=u[0],o=0,s=0;s<u.length-1;s++)u[s+1]<=a&&(a=u[s+1]),u[s+1]>=i&&(i=u[s+1],o=s+1);0==o&&(l=(u[1]-u[2])/(i-a));1==o&&(l=2+(u[2]-u[0])/(i-a));2==o&&(l=4+(u[0]-u[1])/(i-a));Number.isNaN(l)&&(l=0);(l*=60)<0&&(l+=360);n=(a+i)/2,f=a==i?0:n<.5?(i-a)/(i+a):(i-a)/(2-i-a);return{h:l,s:f,l:n}}(e.r,e.g,e.b),n=r||i.h,f=a||i.s,s={red:e.r,green:e.g,blue:e.b,hue:n,sat:f,lightness:i.l,opacity:t,valid:!0},s=function(e){return e.red=Number(e.red.toFixed(0)),e.green=Number(e.green.toFixed(0)),e.blue=Number(e.blue.toFixed(0)),e.hue=Number(e.hue.toFixed(0)),e.sat=Number(e.sat.toFixed(2)),e.lightness=Number(e.lightness.toFixed(2)),e.opacity=Number(e.opacity.toFixed(2)),e}(s),s}(c,u,d,h)}(i)),void(n&&(n.style.backgroundColor=this.toRgbString()))):new e(i,n)}function t(){return{red:0,green:0,blue:0,hue:0,sat:0,lightness:0,opacity:1,valid:!1}}function r(e){return"names"==e?["AliceBlue","AntiqueWhite","Aqua","Aquamarine","Azure","Beige","Bisque","Black","BlanchedAlmond","Blue","BlueViolet","Brown","BurlyWood","CadetBlue","Chartreuse","Chocolate","Coral","CornflowerBlue","Cornsilk","Crimson","Cyan","DarkBlue","DarkCyan","DarkGoldenRod","DarkGray","DarkGrey","DarkGreen","DarkKhaki","DarkMagenta","DarkOliveGreen","DarkOrange","DarkOrchid","DarkRed","DarkSalmon","DarkSeaGreen","DarkSlateBlue","DarkSlateGray","DarkSlateGrey","DarkTurquoise","DarkViolet","DeepPink","DeepSkyBlue","DimGray","DimGrey","DodgerBlue","FireBrick","FloralWhite","ForestGreen","Fuchsia","Gainsboro","GhostWhite","Gold","GoldenRod","Gray","Grey","Green","GreenYellow","HoneyDew","HotPink","IndianRed","Indigo","Ivory","Khaki","Lavender","LavenderBlush","LawnGreen","LemonChiffon","LightBlue","LightCoral","LightCyan","LightGoldenRodYellow","LightGray","LightGrey","LightGreen","LightPink","LightSalmon","LightSeaGreen","LightSkyBlue","LightSlateGray","LightSlateGrey","LightSteelBlue","LightYellow","Lime","LimeGreen","Linen","Magenta","Maroon","MediumAquaMarine","MediumBlue","MediumOrchid","MediumPurple","MediumSeaGreen","MediumSlateBlue","MediumSpringGreen","MediumTurquoise","MediumVioletRed","MidnightBlue","MintCream","MistyRose","Moccasin","NavajoWhite","Navy","OldLace","Olive","OliveDrab","Orange","OrangeRed","Orchid","PaleGoldenRod","PaleGreen","PaleTurquoise","PaleVioletRed","PapayaWhip","PeachPuff","Peru","Pink","Plum","PowderBlue","Purple","RebeccaPurple","Red","RosyBrown","RoyalBlue","SaddleBrown","Salmon","SandyBrown","SeaGreen","SeaShell","Sienna","Silver","SkyBlue","SlateBlue","SlateGray","SlateGrey","Snow","SpringGreen","SteelBlue","Tan","Teal","Thistle","Tomato","Turquoise","Violet","Wheat","White","WhiteSmoke","Yellow","YellowGreen"]:"hexs"==e?["f0f8ff","faebd7","00ffff","7fffd4","f0ffff","f5f5dc","ffe4c4","000000","ffebcd","0000ff","8a2be2","a52a2a","deb887","5f9ea0","7fff00","d2691e","ff7f50","6495ed","fff8dc","dc143c","00ffff","00008b","008b8b","b8860b","a9a9a9","a9a9a9","006400","bdb76b","8b008b","556b2f","ff8c00","9932cc","8b0000","e9967a","8fbc8f","483d8b","2f4f4f","2f4f4f","00ced1","9400d3","ff1493","00bfff","696969","696969","1e90ff","b22222","fffaf0","228b22","ff00ff","dcdcdc","f8f8ff","ffd700","daa520","808080","808080","008000","adff2f","f0fff0","ff69b4","cd5c5c","4b0082","fffff0","f0e68c","e6e6fa","fff0f5","7cfc00","fffacd","add8e6","f08080","e0ffff","fafad2","d3d3d3","d3d3d3","90ee90","ffb6c1","ffa07a","20b2aa","87cefa","778899","778899","b0c4de","ffffe0","00ff00","32cd32","faf0e6","ff00ff","800000","66cdaa","0000cd","ba55d3","9370db","3cb371","7b68ee","00fa9a","48d1cc","c71585","191970","f5fffa","ffe4e1","ffe4b5","ffdead","000080","fdf5e6","808000","6b8e23","ffa500","ff4500","da70d6","eee8aa","98fb98","afeeee","db7093","ffefd5","ffdab9","cd853f","ffc0cb","dda0dd","b0e0e6","800080","663399","ff0000","bc8f8f","4169e1","8b4513","fa8072","f4a460","2e8b57","fff5ee","a0522d","c0c0c0","87ceeb","6a5acd","708090","708090","fffafa","00ff7f","4682b4","d2b48c","008080","d8bfd8","ff6347","40e0d0","ee82ee","f5deb3","ffffff","f5f5f5","ffff00","9acd32"]:void 0}function a(e,t,r){return r<0&&(r+=6),r>=6&&(r-=6),r<1?(t-e)*r+e:r<3?t:r<4?(t-e)*(4-r)+e:e}function i(e){for(var t=e.toString(16);t.length<2;)t="0"+t;return t}function s(e){return"0123456789ABCDEFabcdef".indexOf(e)>-1}e.prototype={toRgbString:function(){return"rgb("+this.red+", "+this.green+", "+this.blue+")"},toRgbaString:function(){return"rgba("+this.red+", "+this.green+", "+this.blue+", "+this.opacity+")"},toHslString:function(){return"hsl("+this.hue+", "+Math.round(100*this.sat)+"%, "+Math.round(100*this.lightness)+"%)"},toHslStringDecimal:function(){return"hsl("+this.hue+", "+this.sat+", "+this.lightness+")"},toHslaString:function(){return"hsla("+this.hue+", "+Math.round(100*this.sat)+"%, "+Math.round(100*this.lightness)+"%, "+this.opacity+")"},toName:function(){for(var e,t,a,i=r("hexs"),s=0;s<i.length;s++)if(e=parseInt(i[s].substr(0,2),16),t=parseInt(i[s].substr(2,2),16),a=parseInt(i[s].substr(4,2),16),this.red==e&&this.green==t&&this.blue==a)return r("names")[s];return"n/a"},toHexString:function(){return"#"+i(this.red)+i(this.green)+i(this.blue)},toRgb:function(){return{r:this.red,g:this.green,b:this.blue,a:this.opacity}},toHsl:function(){return{h:this.hue,s:this.sat,l:this.lightness,a:this.opacity}},attachValues:function(e){this.red=e.red,this.green=e.green,this.blue=e.blue,this.hue=e.hue,this.sat=e.sat,this.lightness=e.lightness,this.opacity=e.opacity,this.valid=e.valid}};class n{constructor(e){this.element=e,this.items=Array.from(this.element.querySelectorAll(".CustomProp")),this.colors=Array.from(this.element.querySelectorAll(".Colors-item")),this.fonts=Array.from(this.element.querySelectorAll(".Fonts-item")),this.spacings=Array.from(this.element.querySelectorAll(".Spacings-item")),this.buttons=Array.from(this.element.querySelectorAll(".CustomProp-button")),this.details=Array.from(this.element.querySelectorAll(".CustomProp-details")),this.renderValues(),this.element.dataset.mediaQueries.split(",").forEach(e=>{window.matchMedia(e).addEventListener("change",this.renderValues.bind(this))}),this.element.addEventListener("click",({target:e})=>{const t=e.closest(".CustomProp"),r=e.closest(".CustomProp-button"),a=e.closest(".CustomProp-details");if(r){this.items.forEach(e=>{e!==t&&e.setAttribute("aria-selected",!1)}),this.buttons.forEach(e=>{e!==r&&e.setAttribute("aria-expanded",!1)}),this.details.forEach(e=>{e!==a&&(e.hidden=!0)});const e="true"===r.getAttribute("aria-expanded");document.getElementById(r.getAttribute("aria-controls")).hidden=e,t.setAttribute("aria-selected",!e),r.setAttribute("aria-expanded",!e)}else t||(this.items.forEach(e=>{e.setAttribute("aria-selected",!1)}),this.buttons.forEach(e=>{e.setAttribute("aria-expanded",!1)}),this.details.forEach(e=>{e.hidden=!0}))})}renderValues(){this.renderColorValues(),this.renderFontValues(),this.renderSpacingValues()}renderColorValues(){this.colors.forEach(t=>{const r=getComputedStyle(t).getPropertyValue("--color").trim();t.querySelector('[data-value="RGB"]').textContent=e(r).toRgbString(),t.querySelector('[data-value="Hex"]').textContent=e(r).toHexString(),t.querySelector('[data-value="HSL"]').textContent=e(r).toHslString()})}renderFontValues(){this.fonts.forEach(e=>{Array.from(e.querySelectorAll("[data-value]")).forEach(e=>{e.textContent=getComputedStyle(e).getPropertyValue(e.dataset.value).trim()})})}renderSpacingValues(){this.spacings.forEach(e=>{Array.from(e.querySelectorAll("[data-value]")).forEach(e=>{e.textContent=getComputedStyle(e).getPropertyValue(e.dataset.value).trim()})})}}export{n as default};

package/dist/js/jsontree.js

@@ -0,0 +1 @@
+var Is,Data,DomElement,DateTime,Constants;(e=>{function t(e){return null!=e&&""!==e.toString()}function n(e){return t(e)&&"object"==typeof e}function o(e){return n(e)&&e instanceof Array}e.defined=t,e.definedObject=n,e.definedBoolean=function(e){return t(e)&&"boolean"==typeof e},e.definedString=function(e){return t(e)&&"string"==typeof e},e.definedFunction=function(e){return t(e)&&"function"==typeof e},e.definedNumber=function(e){return t(e)&&"number"==typeof e},e.definedArray=o,e.definedDate=function(e){return n(e)&&e instanceof Date},e.definedDecimal=function(e){return t(e)&&"number"==typeof e&&e%1!=0},e.invalidOptionArray=function(e,t=1){return!o(e)||e.length<t},e.hexColor=function(e){let t=e.length>=2&&e.length<=7;return t&&"#"===e[0]&&(t=isNaN(+e.substring(1,e.length-1))),t}})(Is||(Is={})),(e=>{var t;function n(e,t){return Is.definedArray(e)?e:t}(t=e.String||(e.String={})).newGuid=function(){const e=[];for(let t=0;t<32;t++){8!==t&&12!==t&&16!==t&&20!==t||e.push("-");const n=Math.floor(16*Math.random()).toString(16);e.push(n)}return e.join("")},t.padNumber=function(e,t=1){const n=e.toString();let o=n;if(n.length<t){const e=t-n.length+1;o=Array(e).join("0")+n}return o},e.getDefaultAnyString=function(e,t){return"string"==typeof e?e:t},e.getDefaultString=function(e,t){return Is.definedString(e)?e:t},e.getDefaultBoolean=function(e,t){return Is.definedBoolean(e)?e:t},e.getDefaultNumber=function(e,t){return Is.definedNumber(e)?e:t},e.getDefaultFunction=function(e,t){return Is.definedFunction(e)?e:t},e.getDefaultArray=n,e.getDefaultObject=function(e,t){return Is.definedObject(e)?e:t},e.getDefaultStringOrArray=function(e,t){let o=t;if(Is.definedString(e)){const n=e.toString().split(" ");0===n.length?e=t:o=n}else o=n(e,t);return o},e.getFixedDecimalPlacesValue=function(e,t){var n;const o=new RegExp("^-?\\d+(?:.\\d{0,"+(t||-1)+"})?");return(null==(n=e.toString().match(o))?void 0:n[0])||""}})(Data||(Data={})),(e=>{function t(e,t,n="",o=null){const r=t.toLowerCase();let a="text"===r?document.createTextNode(""):document.createElement(r);return Is.defined(n)&&(a.className=n),Is.defined(o)?e.insertBefore(a,o):e.appendChild(a),a}e.create=t,e.createWithHTML=function(e,n,o,r,a=null){const i=t(e,n,o,a);return i.textContent=r,i},e.addClass=function(e,t){e.classList.add(t)}})(DomElement||(DomElement={})),(e=>{function t(e){return e.getDay()-1<0?6:e.getDay()-1}function n(e,t){let n=e.thText;return 31===t||21===t||1===t?n=e.stText:22===t||2===t?n=e.ndText:23!==t&&3!==t||(n=e.rdText),n}e.getWeekdayNumber=t,e.getDayOrdinal=n,e.getCustomFormattedDateText=function(e,o,r){let a=r;const i=t(o);return a=a.replace("{hh}",Data.String.padNumber(o.getHours(),2)),a=a.replace("{h}",o.getHours().toString()),a=a.replace("{MM}",Data.String.padNumber(o.getMinutes(),2)),a=a.replace("{M}",o.getMinutes().toString()),a=a.replace("{ss}",Data.String.padNumber(o.getSeconds(),2)),a=a.replace("{s}",o.getSeconds().toString()),a=a.replace("{dddd}",e.dayNames[i]),a=a.replace("{ddd}",e.dayNamesAbbreviated[i]),a=a.replace("{dd}",Data.String.padNumber(o.getDate())),a=a.replace("{d}",o.getDate().toString()),a=a.replace("{o}",n(e,o.getDate())),a=a.replace("{mmmm}",e.monthNames[o.getMonth()]),a=a.replace("{mmm}",e.monthNamesAbbreviated[o.getMonth()]),a=a.replace("{mm}",Data.String.padNumber(o.getMonth()+1)),a=a.replace("{m}",(o.getMonth()+1).toString()),a=a.replace("{yyyy}",o.getFullYear().toString()),a=a.replace("{yyy}",o.getFullYear().toString().substring(1)),a=a.replace("{yy}",o.getFullYear().toString().substring(2)),a=a.replace("{y}",Number.parseInt(o.getFullYear().toString().substring(2)).toString()),a}})(DateTime||(DateTime={})),(Constants||(Constants={})).JSONTREE_JS_ATTRIBUTE_NAME="data-jsontree-js",(()=>{let _configuration={},_elements_Data={};function render(){const e=_configuration.domElementTypes,t=e.length;for(let n=0;n<t;n++){const t=document.getElementsByTagName(e[n]),o=[].slice.call(t),r=o.length;for(let e=0;e<r&&renderElement(o[e]);e++);}}function renderElement(e){let t=!0;if(Is.defined(e)&&e.hasAttribute(Constants.JSONTREE_JS_ATTRIBUTE_NAME)){const n=e.getAttribute(Constants.JSONTREE_JS_ATTRIBUTE_NAME);if(Is.definedString(n)){const o=getObjectFromString(n);o.parsed&&Is.definedObject(o.object)?renderControl(renderBindingOptions(o.object,e)):_configuration.safeMode||(console.error(_configuration.attributeNotValidErrorText.replace("{{attribute_name}}",Constants.JSONTREE_JS_ATTRIBUTE_NAME)),t=!1)}else _configuration.safeMode||(console.error(_configuration.attributeNotSetErrorText.replace("{{attribute_name}}",Constants.JSONTREE_JS_ATTRIBUTE_NAME)),t=!1)}return t}function renderBindingOptions(e,t){const n=buildAttributeOptions(e);return n._currentView={},n._currentView.element=t,n}function renderControl(e){fireCustomTriggerEvent(e.events.onBeforeRender,e._currentView.element),Is.definedString(e._currentView.element.id)||(e._currentView.element.id=Data.String.newGuid()),e._currentView.element.className="json-tree-js",e._currentView.element.removeAttribute(Constants.JSONTREE_JS_ATTRIBUTE_NAME),_elements_Data.hasOwnProperty(e._currentView.element.id)||(_elements_Data[e._currentView.element.id]=e),renderControlContainer(e),fireCustomTriggerEvent(e.events.onRenderComplete,e._currentView.element)}function renderControlContainer(e){const t=_elements_Data[e._currentView.element.id].data;e._currentView.element.innerHTML="",renderControlTitleBar(e),Is.definedObject(t)&&!Is.definedArray(t)?renderObject(e._currentView.element,e,t):Is.definedArray(t)&&renderArray(e._currentView.element,e,t)}function renderControlTitleBar(e){if(e.title.show||e.title.showTreeControls||e.title.showCopyButton){const t=DomElement.create(e._currentView.element,"div","title-bar"),n=DomElement.create(t,"div","controls");if(e.title.show&&DomElement.createWithHTML(t,"div","title",e.title.text,n),e.title.showCopyButton&&(DomElement.createWithHTML(n,"button","copy-all",_configuration.copyAllButtonText).onclick=()=>{const t=JSON.stringify(_elements_Data[e._currentView.element.id].data);navigator.clipboard.writeText(t),fireCustomTriggerEvent(e.events.onCopyAll,t)}),e.title.showTreeControls){const t=DomElement.createWithHTML(n,"button","openAll",_configuration.openAllButtonText),o=DomElement.createWithHTML(n,"button","closeAll",_configuration.closeAllButtonText);t.onclick=()=>{openAllNodes(e)},o.onclick=()=>{closeAllNodes(e)}}}}function openAllNodes(e){e.showAllAsClosed=!1,renderControlContainer(e),fireCustomTriggerEvent(e.events.onOpenAll,e._currentView.element)}function closeAllNodes(e){e.showAllAsClosed=!0,renderControlContainer(e),fireCustomTriggerEvent(e.events.onCloseAll,e._currentView.element)}function renderObject(e,t,n){const o=DomElement.create(e,"div","object-type-title"),r=DomElement.create(e,"div","object-type-contents"),a=renderObjectValues(t.showArrowToggles?DomElement.create(o,"button","down-arrow"):null,r,t,n);DomElement.createWithHTML(o,"span",t.showValueColors?"object":"",_configuration.objectText),t.showCounts&&a>0&&DomElement.createWithHTML(o,"span",t.showValueColors?"object count":"count","{"+a+"}")}function renderArray(e,t,n){const o=DomElement.create(e,"div","object-type-title"),r=DomElement.create(e,"div","object-type-contents"),a=t.showArrowToggles?DomElement.create(o,"button","down-arrow"):null;DomElement.createWithHTML(o,"span",t.showValueColors?"array":"",_configuration.arrayText),renderArrayValues(a,r,t,n),t.showCounts&&DomElement.createWithHTML(o,"span",t.showValueColors?"array count":"count","["+n.length+"]")}function renderObjectValues(e,t,n,o){let r=0,a=[];for(let e in o)o.hasOwnProperty(e)&&a.push(e);n.sortPropertyNames&&(a=a.sort(),n.sortPropertyNamesInAlphabeticalOrder||(a=a.reverse()));const i=a.length;for(let e=0;e<i;e++){const l=a[e];o.hasOwnProperty(l)&&(renderValue(t,n,l,o[l],e===i-1),r++)}return addArrowEvent(n,e,t),r}function renderArrayValues(e,t,n,o){const r=o.length;if(n.reverseArrayValues)for(let e=r;e--;)renderValue(t,n,getIndexName(n,e,r),o[e],0===e);else for(let e=0;e<r;e++)renderValue(t,n,getIndexName(n,e,r),o[e],e===r-1);addArrowEvent(n,e,t)}function renderValue(e,t,n,o,r){const a=DomElement.create(e,"div","object-type-value"),i=t.showArrowToggles?DomElement.create(a,"button","no-arrow"):null;let l=null,s=null,u=!1,c=null,d=!0;if(DomElement.createWithHTML(a,"span","title",n),DomElement.createWithHTML(a,"span","split",":"),Is.defined(o))if(Is.definedFunction(o))t.ignore.functionValues?u=!0:(l=t.showValueColors?"function":"",s=DomElement.createWithHTML(a,"span",l,getFunctionName(o)),c="function",Is.definedFunction(t.events.onFunctionRender)&&fireCustomTriggerEvent(t.events.onFunctionRender,s),createComma(t,a,r));else if(Is.definedBoolean(o))t.ignore.booleanValues?u=!0:(l=t.showValueColors?"boolean":"",s=DomElement.createWithHTML(a,"span",l,o),c="boolean",Is.definedFunction(t.events.onBooleanRender)&&fireCustomTriggerEvent(t.events.onBooleanRender,s),createComma(t,a,r));else if(Is.definedDecimal(o))if(t.ignore.decimalValues)u=!0;else{const e=Data.getFixedDecimalPlacesValue(o,t.maximumDecimalPlaces);l=t.showValueColors?"decimal":"",s=DomElement.createWithHTML(a,"span",l,e),c="decimal",Is.definedFunction(t.events.onDecimalRender)&&fireCustomTriggerEvent(t.events.onDecimalRender,s),createComma(t,a,r)}else if(Is.definedNumber(o))t.ignore.numberValues?u=!0:(l=t.showValueColors?"number":"",s=DomElement.createWithHTML(a,"span",l,o),c="number",Is.definedFunction(t.events.onNumberRender)&&fireCustomTriggerEvent(t.events.onNumberRender,s),createComma(t,a,r));else if(Is.definedString(o))if(t.ignore.stringValues)u=!0;else{let e=null;t.showValueColors&&t.showStringHexColors&&Is.hexColor(o)?e=o:t.maximumStringLength>0&&o.length>t.maximumStringLength&&(o=o.substring(0,t.maximumStringLength)+_configuration.ellipsisText);const n=t.showStringQuotes?'"'+o+'"':o;l=t.showValueColors?"string":"",s=DomElement.createWithHTML(a,"span",l,n),c="string",Is.definedString(e)&&(s.style.color=e),Is.definedFunction(t.events.onStringRender)&&fireCustomTriggerEvent(t.events.onStringRender,s),createComma(t,a,r)}else if(Is.definedDate(o))t.ignore.dateValues?u=!0:(l=t.showValueColors?"date":"",s=DomElement.createWithHTML(a,"span",l,DateTime.getCustomFormattedDateText(_configuration,o,t.dateTimeFormat)),c="date",Is.definedFunction(t.events.onDateRender)&&fireCustomTriggerEvent(t.events.onDateRender,s),createComma(t,a,r));else if(Is.definedObject(o)&&!Is.definedArray(o))if(t.ignore.objectValues)u=!0;else{const e=DomElement.create(a,"span",t.showValueColors?"object":""),n=renderObjectValues(i,DomElement.create(a,"div","object-type-contents"),t,o);DomElement.createWithHTML(e,"span","title",_configuration.objectText),t.showCounts&&n>0&&DomElement.createWithHTML(e,"span","count","{"+n+"}"),createComma(t,e,r),c="object"}else if(Is.definedArray(o))if(t.ignore.arrayValues)u=!0;else{const e=DomElement.create(a,"span",t.showValueColors?"array":""),n=DomElement.create(a,"div","object-type-contents");DomElement.createWithHTML(e,"span","title",_configuration.arrayText),t.showCounts&&DomElement.createWithHTML(e,"span","count","["+o.length+"]"),createComma(t,e,r),renderArrayValues(i,n,t,o),c="array"}else t.ignore.unknownValues?u=!0:(l=t.showValueColors?"unknown":"",s=DomElement.createWithHTML(a,"span",l,o.toString()),c="unknown",Is.definedFunction(t.events.onUnknownRender)&&fireCustomTriggerEvent(t.events.onUnknownRender,s),createComma(t,a,r));else t.ignore.nullValues?u=!0:(l=t.showValueColors?"null":"",s=DomElement.createWithHTML(a,"span",l,"null"),d=!1,Is.definedFunction(t.events.onNullRender)&&fireCustomTriggerEvent(t.events.onNullRender,s),createComma(t,a,r));u?e.removeChild(a):Is.defined(s)&&addValueClickEvent(t,s,o,c,d)}function addValueClickEvent(e,t,n,o,r){r&&Is.definedFunction(e.events.onValueClick)?t.onclick=()=>{fireCustomTriggerEvent(e.events.onValueClick,n,o)}:DomElement.addClass(t,"no-hover")}function addArrowEvent(e,t,n){Is.defined(t)&&(t.onclick=()=>{"down-arrow"===t.className?(n.style.display="none",t.className="right-arrow"):(n.style.display="block",t.className="down-arrow")},e.showAllAsClosed?(n.style.display="none",t.className="right-arrow"):t.className="down-arrow")}function getFunctionName(e){let t;const n=e.toString().split("(")[0].split(" ");return t=2===n.length?n[1]:n[0],t+="()",t}function createComma(e,t,n){e.showCommas&&!n&&DomElement.createWithHTML(t,"span","comma",",")}function getIndexName(e,t,n){let o=e.useZeroIndexingForArrays?t.toString():(t+1).toString();return e.addArrayIndexPadding||(o=Data.String.padNumber(parseInt(o),n.toString().length)),o}function buildAttributeOptions(e){let t=Data.getDefaultObject(e,{});return t.data=Data.getDefaultObject(t.data,null),t.showCounts=Data.getDefaultBoolean(t.showCounts,!0),t.useZeroIndexingForArrays=Data.getDefaultBoolean(t.useZeroIndexingForArrays,!0),t.dateTimeFormat=Data.getDefaultString(t.dateTimeFormat,"{dd}{o} {mmmm} {yyyy} {hh}:{MM}:{ss}"),t.showArrowToggles=Data.getDefaultBoolean(t.showArrowToggles,!0),t.showStringQuotes=Data.getDefaultBoolean(t.showStringQuotes,!0),t.showAllAsClosed=Data.getDefaultBoolean(t.showAllAsClosed,!1),t.sortPropertyNames=Data.getDefaultBoolean(t.sortPropertyNames,!0),t.sortPropertyNamesInAlphabeticalOrder=Data.getDefaultBoolean(t.sortPropertyNamesInAlphabeticalOrder,!0),t.showCommas=Data.getDefaultBoolean(t.showCommas,!1),t.reverseArrayValues=Data.getDefaultBoolean(t.reverseArrayValues,!1),t.addArrayIndexPadding=Data.getDefaultBoolean(t.addArrayIndexPadding,!1),t.showValueColors=Data.getDefaultBoolean(t.showValueColors,!0),t.maximumDecimalPlaces=Data.getDefaultNumber(t.maximumDecimalPlaces,2),t.maximumStringLength=Data.getDefaultNumber(t.maximumStringLength,0),t.showStringHexColors=Data.getDefaultBoolean(t.showStringHexColors,!1),t=buildAttributeOptionTitle(t),t=buildAttributeOptionIgnore(t),t=buildAttributeOptionCustomTriggers(t),t}function buildAttributeOptionTitle(e){return e.title=Data.getDefaultObject(e.title,{}),e.title.text=Data.getDefaultString(e.title.text,"JsonTree.js"),e.title.show=Data.getDefaultBoolean(e.title.show,!0),e.title.showTreeControls=Data.getDefaultBoolean(e.title.showTreeControls,!0),e.title.showCopyButton=Data.getDefaultBoolean(e.title.showCopyButton,!1),e}function buildAttributeOptionIgnore(e){return e.ignore=Data.getDefaultObject(e.ignore,{}),e.ignore.nullValues=Data.getDefaultBoolean(e.ignore.nullValues,!1),e.ignore.functionValues=Data.getDefaultBoolean(e.ignore.functionValues,!1),e.ignore.unknownValues=Data.getDefaultBoolean(e.ignore.unknownValues,!1),e.ignore.booleanValues=Data.getDefaultBoolean(e.ignore.booleanValues,!1),e.ignore.decimalValues=Data.getDefaultBoolean(e.ignore.decimalValues,!1),e.ignore.numberValues=Data.getDefaultBoolean(e.ignore.numberValues,!1),e.ignore.stringValues=Data.getDefaultBoolean(e.ignore.stringValues,!1),e.ignore.dateValues=Data.getDefaultBoolean(e.ignore.dateValues,!1),e.ignore.objectValues=Data.getDefaultBoolean(e.ignore.objectValues,!1),e.ignore.arrayValues=Data.getDefaultBoolean(e.ignore.arrayValues,!1),e}function buildAttributeOptionCustomTriggers(e){return e.events=Data.getDefaultObject(e.events,{}),e.events.onBeforeRender=Data.getDefaultFunction(e.events.onBeforeRender,null),e.events.onRenderComplete=Data.getDefaultFunction(e.events.onRenderComplete,null),e.events.onValueClick=Data.getDefaultFunction(e.events.onValueClick,null),e.events.onRefresh=Data.getDefaultFunction(e.events.onRefresh,null),e.events.onCopyAll=Data.getDefaultFunction(e.events.onCopyAll,null),e.events.onOpenAll=Data.getDefaultFunction(e.events.onOpenAll,null),e.events.onCloseAll=Data.getDefaultFunction(e.events.onCloseAll,null),e.events.onDestroy=Data.getDefaultFunction(e.events.onDestroy,null),e.events.onBooleanRender=Data.getDefaultFunction(e.events.onBooleanRender,null),e.events.onDecimalRender=Data.getDefaultFunction(e.events.onDecimalRender,null),e.events.onNumberRender=Data.getDefaultFunction(e.events.onNumberRender,null),e.events.onStringRender=Data.getDefaultFunction(e.events.onStringRender,null),e.events.onDateRender=Data.getDefaultFunction(e.events.onDateRender,null),e.events.onFunctionRender=Data.getDefaultFunction(e.events.onFunctionRender,null),e.events.onNullRender=Data.getDefaultFunction(e.events.onNullRender,null),e.events.onUnknownRender=Data.getDefaultFunction(e.events.onUnknownRender,null),e}function fireCustomTriggerEvent(e,...t){Is.definedFunction(e)&&e.apply(null,[].slice.call(t,0))}function getObjectFromString(objectString){const result={parsed:!0,object:null};try{Is.definedString(objectString)&&(result.object=JSON.parse(objectString))}catch(e1){try{result.object=eval("("+objectString+")"),Is.definedFunction(result.object)&&(result.object=result.object())}catch(e){_configuration.safeMode||(console.error(_configuration.objectErrorText.replace("{{error_1}}",e1.message).replace("{{error_2}}",e.message)),result.parsed=!1),result.object=null}}return result}function destroyElement(e){e._currentView.element.innerHTML="",e._currentView.element.className="",fireCustomTriggerEvent(e.events.onDestroy,e._currentView.element)}function buildDefaultConfiguration(e=null){_configuration=Data.getDefaultObject(e,{}),_configuration.safeMode=Data.getDefaultBoolean(_configuration.safeMode,!0),_configuration.domElementTypes=Data.getDefaultStringOrArray(_configuration.domElementTypes,["*"]),buildDefaultConfigurationStrings()}function buildDefaultConfigurationStrings(){_configuration.objectText=Data.getDefaultAnyString(_configuration.objectText,"object"),_configuration.arrayText=Data.getDefaultAnyString(_configuration.arrayText,"array"),_configuration.closeAllButtonText=Data.getDefaultAnyString(_configuration.closeAllButtonText,"Close All"),_configuration.openAllButtonText=Data.getDefaultAnyString(_configuration.openAllButtonText,"Open All"),_configuration.copyAllButtonText=Data.getDefaultAnyString(_configuration.copyAllButtonText,"Copy All"),_configuration.objectErrorText=Data.getDefaultAnyString(_configuration.objectErrorText,"Errors in object: {{error_1}}, {{error_2}}"),_configuration.attributeNotValidErrorText=Data.getDefaultAnyString(_configuration.attributeNotValidErrorText,"The attribute '{{attribute_name}}' is not a valid object."),_configuration.attributeNotSetErrorText=Data.getDefaultAnyString(_configuration.attributeNotSetErrorText,"The attribute '{{attribute_name}}' has not been set correctly."),_configuration.stText=Data.getDefaultAnyString(_configuration.stText,"st"),_configuration.ndText=Data.getDefaultAnyString(_configuration.ndText,"nd"),_configuration.rdText=Data.getDefaultAnyString(_configuration.rdText,"rd"),_configuration.thText=Data.getDefaultAnyString(_configuration.thText,"th"),_configuration.ellipsisText=Data.getDefaultAnyString(_configuration.ellipsisText,"..."),Is.invalidOptionArray(_configuration.dayNames,7)&&(_configuration.dayNames=["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"]),Is.invalidOptionArray(_configuration.dayNamesAbbreviated,7)&&(_configuration.dayNamesAbbreviated=["Mon","Tue","Wed","Thu","Fri","Sat","Sun"]),Is.invalidOptionArray(_configuration.monthNames,12)&&(_configuration.monthNames=["January","February","March","April","May","June","July","August","September","October","November","December"]),Is.invalidOptionArray(_configuration.monthNamesAbbreviated,12)&&(_configuration.monthNamesAbbreviated=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"])}const _public={refresh:function(e){if(Is.definedString(e)&&_elements_Data.hasOwnProperty(e)){const t=_elements_Data[e];renderControlContainer(t),fireCustomTriggerEvent(t.events.onRefresh,t._currentView.element)}return _public},refreshAll:function(){for(let e in _elements_Data)if(_elements_Data.hasOwnProperty(e)){const t=_elements_Data[e];renderControlContainer(t),fireCustomTriggerEvent(t.events.onRefresh,t._currentView.element)}return _public},render:function(e,t){return Is.definedObject(e)&&Is.definedObject(t)&&renderControl(renderBindingOptions(t,e)),_public},renderAll:function(){return render(),_public},openAll:function(e){return Is.definedString(e)&&_elements_Data.hasOwnProperty(e)&&openAllNodes(_elements_Data[e]),_public},closeAll:function(e){return Is.definedString(e)&&_elements_Data.hasOwnProperty(e)&&closeAllNodes(_elements_Data[e]),_public},destroy:function(e){return Is.definedString(e)&&_elements_Data.hasOwnProperty(e)&&(destroyElement(_elements_Data[e]),delete _elements_Data[e]),_public},destroyAll:function(){for(let e in _elements_Data)_elements_Data.hasOwnProperty(e)&&destroyElement(_elements_Data[e]);return _elements_Data={},_public},setConfiguration:function(e){if(Is.definedObject(e)){let t=!1;const n=_configuration;for(let o in e)e.hasOwnProperty(o)&&_configuration.hasOwnProperty(o)&&n[o]!==e[o]&&(n[o]=e[o],t=!0);t&&buildDefaultConfiguration(n)}return _public},getIds:function(){const e=[];for(let t in _elements_Data)_elements_Data.hasOwnProperty(t)&&e.push(t);return e},getVersion:function(){return"2.0.0"}};buildDefaultConfiguration(),document.addEventListener("DOMContentLoaded",function(){render()}),Is.defined(window.$jsontree)||(window.$jsontree=_public)})();

package/dist/js/main.build.js

@@ -0,0 +1 @@
+function e(e){return["INPUT","SELECT","TEXTAREA"].includes(e)}document.addEventListener("DOMContentLoaded",()=>{const t=document.querySelector(".GoTo");let n=!1;if(t){const o=t.dataset.urlPattern,a=t.querySelector(".GoTo-input"),r=t.querySelector("#goto-list");if(a&&r){const i=Array.from(r.querySelectorAll("option")).map(e=>e.value);a.addEventListener("input",({target:e})=>{const t=e.value;i.includes(t)&&(document.location.href=o.replace("{{component}}",t))}),window.addEventListener("keyup",o=>{const{path:r,originalTarget:i,target:l,key:c}=o;if(c){const o=r?r[0]:i||l,m=c.toLowerCase();((t,n)=>!e(t.tagName)&&"g"===n)(o,m)?s(t,a):n&&"escape"===m&&(d=a,t.classList.add("u-hiddenVisually"),d.value="",d.blur(),n=!1)}var d}),window.addEventListener("gotoTriggered",()=>s(t,a))}}function s(e,t){e.classList.remove("u-hiddenVisually"),t.focus(),n=!0}}),document.addEventListener("DOMContentLoaded",()=>{const t=document.querySelector(".Search-input"),n=document.querySelector(".Search-clear"),s=Array.from(document.querySelectorAll(".Nav-item")).map(e=>({node:e,listItem:e.closest(".Nav-entry"),label:e.textContent,lowercaseLabel:e.textContent.toLowerCase(),matchesQuery:!1,toggle:e.previousElementSibling||null,parentToggles:a(e),initiallyOpened:!!e.previousElementSibling&&"true"===e.previousElementSibling.getAttribute("aria-expanded")}));function o(){n.hidden=!0,s.forEach(e=>{e.matchesQuery&&(e.node.textContent=e.label),e.matchesQuery=!1,e.toggle&&(document.getElementById(e.toggle.getAttribute("aria-controls")).hidden=!e.initiallyOpened,e.toggle.setAttribute("aria-expanded",e.initiallyOpened?"true":"false"))}),document.querySelectorAll(".is-match, .is-no-match, .has-match, .has-no-match").forEach(e=>e.classList.remove("is-match","is-no-match","has-match","has-no-match"))}function a(e){const t=[];let n=e;for(;n.closest(".Nav-entry").parentNode.closest(".Nav-entry");){const e=n.closest(".Nav-entry").parentNode.closest(".Nav-entry").querySelector(".Nav-toggle");e&&t.push(e),n=n.closest(".Nav-entry").parentNode.closest(".Nav-entry")}return t}t&&(n&&n.addEventListener("click",function(){t.value="",o()}),t.addEventListener("input",function({target:e}){const t=e.value.toLowerCase();t.length>0?(a=t,n.hidden=!1,s.forEach(e=>{e.toggle&&(document.getElementById(e.toggle.getAttribute("aria-controls")).hidden=!0,e.toggle.setAttribute("aria-expanded","false")),e.parentToggles.forEach(e=>{e.parentNode.classList.remove("has-match")})}),s.forEach(e=>{e.matchesQuery=e.lowercaseLabel.includes(a),e.listItem.classList.toggle("is-match",e.matchesQuery),e.listItem.classList.toggle("is-no-match",!e.matchesQuery),e.matchesQuery?(e.node.innerHTML=e.label.replace(new RegExp(a,"g"),`<mark>${a}</mark>`),e.parentToggles.forEach(e=>{e.parentNode.classList.add("has-match"),e.parentNode.classList.remove("has-no-match"),document.getElementById(e.getAttribute("aria-controls")).hidden=!1,e.setAttribute("aria-expanded","true")})):e.node.textContent=e.label}),s.forEach(e=>{e.listItem.classList.contains("has-match")||e.listItem.classList.add("has-no-match")})):o();var a}),t.addEventListener("keyup",function({target:e,key:t}){"escape"===t.toLowerCase()&&(e.value="",e.blur(),o())}),window.addEventListener("keyup",n=>{const{path:s,originalTarget:o,target:a,key:r}=n;((t,n)=>!e(t.tagName)&&"f"===n)(s?s[0]:o||a,r)&&t.focus()}),window.addEventListener("searchTriggered",()=>{t.focus()}))});class t{constructor(e){this.form=e,this.inputs=Array.from(this.form.querySelectorAll('[type="radio"], [type="checkbox"]')),this.options=this.inputs.map(e=>e.value),this.name=this.inputs[0].name,this.cookieName=`miyagi_${document.title.replaceAll(" ","-")}_${this.name}`,this.cookieValue=this.#e(this.cookieName),this.inputs.forEach(e=>{e.addEventListener("change",this.onThemeChange.bind(this))}),this.renderSwitcher()}onThemeChange({target:e}){const{value:t}=e;this.saveTheme(t),this.renderTheme(t)}saveTheme(e){document.cookie=`${this.cookieName}=${e};`}renderSwitcher(){const e=this.form.querySelector(`[value="${this.cookieValue}"]`);e&&(e.checked=!0)}#e(e){return document.cookie.split("; ").reduce((t,n)=>{const s=n.split("=");return s[0]===e?decodeURIComponent(s[1]):t},"")}}class n extends t{constructor(e){super(e),this.logoWrapper=document.querySelector(".Title-logo"),this.logoWrapper&&(this.logoImage=this.logoWrapper.querySelector("img")),window.frames.iframe&&(this.cookieValue&&this.render(this.cookieValue),window.frames.iframe.addEventListener("load",()=>{this.cookieValue&&this.renderTheme(this.cookieValue)}))}onThemeChange({target:e}){super.onThemeChange({target:e}),this.render(e.value)}renderTheme(e){this.options.forEach(e=>{window.frames.iframe.document.documentElement&&window.frames.iframe.document.documentElement.classList.remove(`theme-${e}`),Array.from(window.frames.iframe.frames).forEach(t=>{t.document.documentElement.classList.remove(`theme-${e}`)})}),window.frames.iframe.document.documentElement.classList.add(`theme-${e}`),Array.from(window.frames.iframe.frames).forEach(t=>{t.document.documentElement.classList.add(`theme-${e}`)})}render(e){this.options.forEach(e=>{document.documentElement.classList.remove(`${this.name}-${e}`)}),document.documentElement.classList.add(`${this.name}-${e}`),this.logoWrapper&&("auto"===e?this.options.forEach(e=>{if("auto"===e)return;const t=document.createElement("source");t.srcset=this.logoImage.dataset[e],t.media=`(prefers-color-scheme: ${e})`,this.logoWrapper.prepend(t)}):(this.logoWrapper.querySelectorAll("source").forEach(e=>e.remove()),this.logoImage.src=this.logoImage.dataset[e]))}}class s extends t{constructor(e){super(e),window.frames.iframe&&window.frames.iframe.addEventListener("load",()=>{this.cookieValue&&this.renderTheme(this.cookieValue)})}renderTheme(e){Array.from(window.frames.iframe.frames).forEach(t=>{t.document.documentElement.setAttribute("dir",e)})}}class o extends t{constructor(e){super(e),window.frames.iframe&&window.frames.iframe.addEventListener("load",()=>{this.cookieValue&&this.renderTheme(this.cookieValue)})}onThemeChange({target:e}){const t=e.checked?"dev":"presentation";this.saveTheme(t),this.renderTheme(t)}renderSwitcher(){this.cookieValue&&(this.form.querySelector('[type="checkbox"]').checked="dev"==this.cookieValue)}renderTheme(e){window.frames.iframe.document.documentElement.dataset.mode=e}}class a{constructor(){this.classes={content:"Content",iframe:"Frame",frameWrapper:"FrameWrapper",toggleMenu:"Menu-toggleMobileMenu",menu:{rootLink:"Title-link",list:"Nav-list",children:"Nav-children",link:"Nav-item--link",variant:"Nav-variant",listItem:"Nav-entry",toggleComponent:"Nav-toggle"}},this.elements={rootLink:document.querySelector(`.${this.classes.menu.rootLink}`),content:document.querySelector(`.${this.classes.content}`),frameWrapper:document.querySelector(`.${this.classes.frameWrapper}`),iframe:document.querySelector(`.${this.classes.iframe}`),toggleMenu:document.querySelector(`.${this.classes.toggleMenu}`),children:Array.from(document.querySelectorAll(`.${this.classes.menu.children}`)),links:Array.from(document.querySelectorAll(`.${this.classes.menu.link}, .${this.classes.menu.variant}`)),componentToggles:Array.from(document.querySelectorAll(`.${this.classes.menu.toggleComponent}`))},this.addToggleMenuClickListener(),this.addComponentTogglesClickListener(),this.addLinksClickListener(),this.addPopStateLisener(),this.addPageChangedListener(),new n(document.querySelector(".js-ThemeSwitcher")),new s(document.querySelector(".js-TextDirectionSwitcher")),new o(document.querySelector(".js-DevelopmentModeSwitcher"))}static toggleExpandedAttribute(e){const t="false"===e.getAttribute("aria-expanded");e.setAttribute("aria-expanded",t?"true":"false"),document.getElementById(e.getAttribute("aria-controls")).hidden=!t}updateIframe(e){this.elements.iframe.remove(),this.elements.iframe.src=e,this.elements.frameWrapper.appendChild(this.elements.iframe)}convertPathToMainPath(e){return e.replace(this.paths.embedded,this.paths.container).replace(this.embeddedParam,"")}closeOtherOpenedComponents(e){this.elements.componentToggles.forEach(t=>{"true"===t.getAttribute("aria-expanded")&&(t.closest(`.${this.classes.menu.listItem}`).contains(e)||t.setAttribute("aria-expanded",!1))})}openParentComponent(e){if(e){const t=this.elements.componentToggles.find(t=>t.getAttribute("aria-controls")===e.id);t&&(t.setAttribute("aria-expanded",!0),this.openParentComponent(t.closest(`.${this.classes.menu.listContainer}`)))}}setActiveStateInNav(e){var t=this.elements.links.find(t=>e==t.getAttribute("href")||t.getAttribute("href")==e.replace(this.paths.container,this.paths.embedded));if(t){const e=t.previousElementSibling;var n=e&&e.classList.contains(this.classes.menu.toggleComponent)?e:null}const s=this.elements.links.find(e=>e.getAttribute("aria-current"));return s&&s.removeAttribute("aria-current"),t&&t.setAttribute("aria-current","page"),n&&(n.setAttribute("aria-expanded","true"),document.getElementById(n.getAttribute("aria-controls")).hidden=!1),t}openParentComponents(e){this.openParentComponent(e.closest(`.${this.classes.menu.listContainer}`))}closeToggleMenu(){window.innerWidth<=512&&this.elements.toggleMenu.setAttribute("aria-expanded",!1)}updateUrl(e){e.startsWith("iframe-")?history.pushState(null,e,e.replace("iframe-","")):e.startsWith("/iframe")?history.pushState(null,e,e.replace("/iframe","")):e===this.indexPath?history.pushState(null,e,document.querySelector("base").href):history.pushState(null,e,this.convertPathToMainPath(e))}onPageChanged({detail:e}){const t=this.setActiveStateInNav(e);t&&(this.closeOtherOpenedComponents(t),this.openParentComponents(t)),history.pushState(null,e,this.convertPathToMainPath(e))}onToggleMenuClick(e){a.toggleExpandedAttribute(e)}onComponentToggleClick(e){a.toggleExpandedAttribute(e)}onRootLinkClick(e){const t=e.closest("a"),n=t.getAttribute("href");t.setAttribute("aria-current","page"),this.elements.componentToggles.forEach(e=>{e.setAttribute("aria-expanded",e.closest(".Nav-entry")?.classList.contains("Nav-entry--lvl0"))}),this.elements.links.forEach(e=>{e.removeAttribute("aria-current")}),this.elements.children.forEach(e=>{e.hidden=!e.closest(".Nav-entry")?.classList.contains("Nav-entry--lvl0")}),this.updateIframe(n),this.closeToggleMenu(),this.updateUrl(n)}onLinkClick(e){const t=e.closest("a").getAttribute("href");this.setActiveStateInNav(t),this.updateIframe(t),this.closeToggleMenu(),this.updateUrl(t)}onPopState(e){const t=this.setActiveStateInNav(e);this.updateIframe(e),t&&(this.closeOtherOpenedComponents(t),this.openParentComponents(t))}addToggleMenuClickListener(){this.elements.toggleMenu&&(this.elements.toggleMenu.addEventListener("click",e=>{e.preventDefault(),this.onToggleMenuClick(e.target)}),this.elements.toggleMenu.addEventListener("keyup",e=>{23===e.keyCode&&(e.preventDefault(),this.onToggleMenuClick(e.target))}))}addComponentTogglesClickListener(){this.elements.componentToggles.forEach(e=>{e.addEventListener("click",e=>{e.preventDefault(),this.onComponentToggleClick(e.target)}),e.addEventListener("keyup",e=>{32===e.keyCode&&(e.preventDefault(),this.onComponentToggleClick(e.target))})})}addLinksClickListener(){this.elements.rootLink.addEventListener("click",e=>{e.metaKey||e.ctrlKey||(e.preventDefault(),this.onRootLinkClick(e.target))}),this.elements.links.forEach(e=>{e.addEventListener("click",e=>{e.metaKey||e.ctrlKey||(e.preventDefault(),this.onLinkClick(e.target))}),e.addEventListener("keyup",e=>{32===e.keyCode&&(e.preventDefault(),this.onLinkClick(e.target))})})}addPopStateLisener(){window.addEventListener("popstate",this.onPopState.bind(this))}addPageChangedListener(){window.addEventListener("pageChanged",this.onPageChanged.bind(this))}}class r extends a{constructor(){super(),this.paths={embedded:"component-",container:"show-"},this.indexPath="component-all-embedded.html",this.embeddedParam="-embedded"}onPopState(){let e;e=document.location.pathname.startsWith("/design-tokens")?document.location.pathname.replace("/","/iframe-"):"/"!==document.location.pathname?document.location.pathname.replace(this.paths.container,this.paths.embedded).replace(/\.html$/,`${this.embeddedParam}.html`).slice(1):`${this.paths.embedded}all-embedded.html`,super.onPopState(e)}}document.addEventListener("DOMContentLoaded",()=>new r);

package/dist/js/main.js

@@ -0,0 +1 @@
+function e(e){return["INPUT","SELECT","TEXTAREA"].includes(e)}document.addEventListener("DOMContentLoaded",()=>{const t=document.querySelector(".GoTo");let n=!1;if(t){const o=t.dataset.urlPattern,a=t.querySelector(".GoTo-input"),r=t.querySelector("#goto-list");if(a&&r){const i=Array.from(r.querySelectorAll("option")).map(e=>e.value);a.addEventListener("input",({target:e})=>{const t=e.value;i.includes(t)&&(document.location.href=o.replace("{{component}}",t))}),window.addEventListener("keyup",o=>{const{path:r,originalTarget:i,target:l,key:c}=o;if(c){const o=r?r[0]:i||l,h=c.toLowerCase();((t,n)=>!e(t.tagName)&&"g"===n)(o,h)?s(t,a):n&&"escape"===h&&(d=a,t.classList.add("u-hiddenVisually"),d.value="",d.blur(),n=!1)}var d}),window.addEventListener("gotoTriggered",()=>s(t,a))}}function s(e,t){e.classList.remove("u-hiddenVisually"),t.focus(),n=!0}}),document.addEventListener("DOMContentLoaded",()=>{const t=document.querySelector(".Search-input"),n=document.querySelector(".Search-clear"),s=Array.from(document.querySelectorAll(".Nav-item")).map(e=>({node:e,listItem:e.closest(".Nav-entry"),label:e.textContent,lowercaseLabel:e.textContent.toLowerCase(),matchesQuery:!1,toggle:e.previousElementSibling||null,parentToggles:a(e),initiallyOpened:!!e.previousElementSibling&&"true"===e.previousElementSibling.getAttribute("aria-expanded")}));function o(){n.hidden=!0,s.forEach(e=>{e.matchesQuery&&(e.node.textContent=e.label),e.matchesQuery=!1,e.toggle&&(document.getElementById(e.toggle.getAttribute("aria-controls")).hidden=!e.initiallyOpened,e.toggle.setAttribute("aria-expanded",e.initiallyOpened?"true":"false"))}),document.querySelectorAll(".is-match, .is-no-match, .has-match, .has-no-match").forEach(e=>e.classList.remove("is-match","is-no-match","has-match","has-no-match"))}function a(e){const t=[];let n=e;for(;n.closest(".Nav-entry").parentNode.closest(".Nav-entry");){const e=n.closest(".Nav-entry").parentNode.closest(".Nav-entry").querySelector(".Nav-toggle");e&&t.push(e),n=n.closest(".Nav-entry").parentNode.closest(".Nav-entry")}return t}t&&(n&&n.addEventListener("click",function(){t.value="",o()}),t.addEventListener("input",function({target:e}){const t=e.value.toLowerCase();t.length>0?(a=t,n.hidden=!1,s.forEach(e=>{e.toggle&&(document.getElementById(e.toggle.getAttribute("aria-controls")).hidden=!0,e.toggle.setAttribute("aria-expanded","false")),e.parentToggles.forEach(e=>{e.parentNode.classList.remove("has-match")})}),s.forEach(e=>{e.matchesQuery=e.lowercaseLabel.includes(a),e.listItem.classList.toggle("is-match",e.matchesQuery),e.listItem.classList.toggle("is-no-match",!e.matchesQuery),e.matchesQuery?(e.node.innerHTML=e.label.replace(new RegExp(a,"g"),`<mark>${a}</mark>`),e.parentToggles.forEach(e=>{e.parentNode.classList.add("has-match"),e.parentNode.classList.remove("has-no-match"),document.getElementById(e.getAttribute("aria-controls")).hidden=!1,e.setAttribute("aria-expanded","true")})):e.node.textContent=e.label}),s.forEach(e=>{e.listItem.classList.contains("has-match")||e.listItem.classList.add("has-no-match")})):o();var a}),t.addEventListener("keyup",function({target:e,key:t}){"escape"===t.toLowerCase()&&(e.value="",e.blur(),o())}),window.addEventListener("keyup",n=>{const{path:s,originalTarget:o,target:a,key:r}=n;((t,n)=>!e(t.tagName)&&"f"===n)(s?s[0]:o||a,r)&&t.focus()}),window.addEventListener("searchTriggered",()=>{t.focus()}))});class t{constructor(e){this.form=e,this.inputs=Array.from(this.form.querySelectorAll('[type="radio"], [type="checkbox"]')),this.options=this.inputs.map(e=>e.value),this.name=this.inputs[0].name,this.cookieName=`miyagi_${document.title.replaceAll(" ","-")}_${this.name}`,this.cookieValue=this.#e(this.cookieName),this.inputs.forEach(e=>{e.addEventListener("change",this.onThemeChange.bind(this))}),this.renderSwitcher()}onThemeChange({target:e}){const{value:t}=e;this.saveTheme(t),this.renderTheme(t)}saveTheme(e){document.cookie=`${this.cookieName}=${e};`}renderSwitcher(){const e=this.form.querySelector(`[value="${this.cookieValue}"]`);e&&(e.checked=!0)}#e(e){return document.cookie.split("; ").reduce((t,n)=>{const s=n.split("=");return s[0]===e?decodeURIComponent(s[1]):t},"")}}class n extends t{constructor(e){super(e),this.logoWrapper=document.querySelector(".Title-logo"),this.logoWrapper&&(this.logoImage=this.logoWrapper.querySelector("img")),window.frames.iframe&&(this.cookieValue&&this.render(this.cookieValue),window.frames.iframe.addEventListener("load",()=>{this.cookieValue&&this.renderTheme(this.cookieValue)}))}onThemeChange({target:e}){super.onThemeChange({target:e}),this.render(e.value)}renderTheme(e){this.options.forEach(e=>{window.frames.iframe.document.documentElement&&window.frames.iframe.document.documentElement.classList.remove(`theme-${e}`),Array.from(window.frames.iframe.frames).forEach(t=>{t.document.documentElement.classList.remove(`theme-${e}`)})}),window.frames.iframe.document.documentElement.classList.add(`theme-${e}`),Array.from(window.frames.iframe.frames).forEach(t=>{t.document.documentElement.classList.add(`theme-${e}`)})}render(e){this.options.forEach(e=>{document.documentElement.classList.remove(`${this.name}-${e}`)}),document.documentElement.classList.add(`${this.name}-${e}`),this.logoWrapper&&("auto"===e?this.options.forEach(e=>{if("auto"===e)return;const t=document.createElement("source");t.srcset=this.logoImage.dataset[e],t.media=`(prefers-color-scheme: ${e})`,this.logoWrapper.prepend(t)}):(this.logoWrapper.querySelectorAll("source").forEach(e=>e.remove()),this.logoImage.src=this.logoImage.dataset[e]))}}class s extends t{constructor(e){super(e),window.frames.iframe&&window.frames.iframe.addEventListener("load",()=>{this.cookieValue&&this.renderTheme(this.cookieValue)})}renderTheme(e){Array.from(window.frames.iframe.frames).forEach(t=>{t.document.documentElement.setAttribute("dir",e)})}}class o extends t{constructor(e){super(e),window.frames.iframe&&window.frames.iframe.addEventListener("load",()=>{this.cookieValue&&this.renderTheme(this.cookieValue)})}onThemeChange({target:e}){const t=e.checked?"dev":"presentation";this.saveTheme(t),this.renderTheme(t)}renderSwitcher(){this.cookieValue&&(this.form.querySelector('[type="checkbox"]').checked="dev"==this.cookieValue)}renderTheme(e){window.frames.iframe.document.documentElement.dataset.mode=e}}class a{constructor(){this.classes={content:"Content",iframe:"Frame",frameWrapper:"FrameWrapper",toggleMenu:"Menu-toggleMobileMenu",menu:{rootLink:"Title-link",list:"Nav-list",children:"Nav-children",link:"Nav-item--link",variant:"Nav-variant",listItem:"Nav-entry",toggleComponent:"Nav-toggle"}},this.elements={rootLink:document.querySelector(`.${this.classes.menu.rootLink}`),content:document.querySelector(`.${this.classes.content}`),frameWrapper:document.querySelector(`.${this.classes.frameWrapper}`),iframe:document.querySelector(`.${this.classes.iframe}`),toggleMenu:document.querySelector(`.${this.classes.toggleMenu}`),children:Array.from(document.querySelectorAll(`.${this.classes.menu.children}`)),links:Array.from(document.querySelectorAll(`.${this.classes.menu.link}, .${this.classes.menu.variant}`)),componentToggles:Array.from(document.querySelectorAll(`.${this.classes.menu.toggleComponent}`))},this.addToggleMenuClickListener(),this.addComponentTogglesClickListener(),this.addLinksClickListener(),this.addPopStateLisener(),this.addPageChangedListener(),new n(document.querySelector(".js-ThemeSwitcher")),new s(document.querySelector(".js-TextDirectionSwitcher")),new o(document.querySelector(".js-DevelopmentModeSwitcher"))}static toggleExpandedAttribute(e){const t="false"===e.getAttribute("aria-expanded");e.setAttribute("aria-expanded",t?"true":"false"),document.getElementById(e.getAttribute("aria-controls")).hidden=!t}updateIframe(e){this.elements.iframe.remove(),this.elements.iframe.src=e,this.elements.frameWrapper.appendChild(this.elements.iframe)}convertPathToMainPath(e){return e.replace(this.paths.embedded,this.paths.container).replace(this.embeddedParam,"")}closeOtherOpenedComponents(e){this.elements.componentToggles.forEach(t=>{"true"===t.getAttribute("aria-expanded")&&(t.closest(`.${this.classes.menu.listItem}`).contains(e)||t.setAttribute("aria-expanded",!1))})}openParentComponent(e){if(e){const t=this.elements.componentToggles.find(t=>t.getAttribute("aria-controls")===e.id);t&&(t.setAttribute("aria-expanded",!0),this.openParentComponent(t.closest(`.${this.classes.menu.listContainer}`)))}}setActiveStateInNav(e){var t=this.elements.links.find(t=>e==t.getAttribute("href")||t.getAttribute("href")==e.replace(this.paths.container,this.paths.embedded));if(t){const e=t.previousElementSibling;var n=e&&e.classList.contains(this.classes.menu.toggleComponent)?e:null}const s=this.elements.links.find(e=>e.getAttribute("aria-current"));return s&&s.removeAttribute("aria-current"),t&&t.setAttribute("aria-current","page"),n&&(n.setAttribute("aria-expanded","true"),document.getElementById(n.getAttribute("aria-controls")).hidden=!1),t}openParentComponents(e){this.openParentComponent(e.closest(`.${this.classes.menu.listContainer}`))}closeToggleMenu(){window.innerWidth<=512&&this.elements.toggleMenu.setAttribute("aria-expanded",!1)}updateUrl(e){e.startsWith("iframe-")?history.pushState(null,e,e.replace("iframe-","")):e.startsWith("/iframe")?history.pushState(null,e,e.replace("/iframe","")):e===this.indexPath?history.pushState(null,e,document.querySelector("base").href):history.pushState(null,e,this.convertPathToMainPath(e))}onPageChanged({detail:e}){const t=this.setActiveStateInNav(e);t&&(this.closeOtherOpenedComponents(t),this.openParentComponents(t)),history.pushState(null,e,this.convertPathToMainPath(e))}onToggleMenuClick(e){a.toggleExpandedAttribute(e)}onComponentToggleClick(e){a.toggleExpandedAttribute(e)}onRootLinkClick(e){const t=e.closest("a"),n=t.getAttribute("href");t.setAttribute("aria-current","page"),this.elements.componentToggles.forEach(e=>{e.setAttribute("aria-expanded",e.closest(".Nav-entry")?.classList.contains("Nav-entry--lvl0"))}),this.elements.links.forEach(e=>{e.removeAttribute("aria-current")}),this.elements.children.forEach(e=>{e.hidden=!e.closest(".Nav-entry")?.classList.contains("Nav-entry--lvl0")}),this.updateIframe(n),this.closeToggleMenu(),this.updateUrl(n)}onLinkClick(e){const t=e.closest("a").getAttribute("href");this.setActiveStateInNav(t),this.updateIframe(t),this.closeToggleMenu(),this.updateUrl(t)}onPopState(e){const t=this.setActiveStateInNav(e);this.updateIframe(e),t&&(this.closeOtherOpenedComponents(t),this.openParentComponents(t))}addToggleMenuClickListener(){this.elements.toggleMenu&&(this.elements.toggleMenu.addEventListener("click",e=>{e.preventDefault(),this.onToggleMenuClick(e.target)}),this.elements.toggleMenu.addEventListener("keyup",e=>{23===e.keyCode&&(e.preventDefault(),this.onToggleMenuClick(e.target))}))}addComponentTogglesClickListener(){this.elements.componentToggles.forEach(e=>{e.addEventListener("click",e=>{e.preventDefault(),this.onComponentToggleClick(e.target)}),e.addEventListener("keyup",e=>{32===e.keyCode&&(e.preventDefault(),this.onComponentToggleClick(e.target))})})}addLinksClickListener(){this.elements.rootLink.addEventListener("click",e=>{e.metaKey||e.ctrlKey||(e.preventDefault(),this.onRootLinkClick(e.target))}),this.elements.links.forEach(e=>{e.addEventListener("click",e=>{e.metaKey||e.ctrlKey||(e.preventDefault(),this.onLinkClick(e.target))}),e.addEventListener("keyup",e=>{32===e.keyCode&&(e.preventDefault(),this.onLinkClick(e.target))})})}addPopStateLisener(){window.addEventListener("popstate",this.onPopState.bind(this))}addPageChangedListener(){window.addEventListener("pageChanged",this.onPageChanged.bind(this))}}class r extends a{constructor(){super(),this.paths={embedded:"component?",container:"show?"},this.embeddedParam="&embedded=true",this.indexPath=`/${this.paths.embedded}file=all${this.embeddedParam}`}onPopState(){let e;document.location.pathname.startsWith("/design-tokens")?e=`/iframe${document.location.pathname}`:""!==document.location.search?(e=`${document.location.href.replace(this.paths.container,this.paths.embedded)}${this.embeddedParam}`,e=e.replace(document.location.origin,"")):(e=this.indexPath,e=e.replace(document.location.origin,"")),super.onPopState(e)}}document.addEventListener("DOMContentLoaded",()=>new r);

package/frontend/assets/css/iframe/accordion-tabs.css

@@ -0,0 +1,77 @@
+accordion-tabs {
+	display: flex;
+	flex-direction: column;
+	overflow: hidden;
+}
+
+accordion-tabs details {
+	border-block-end: var(--divider);
+}
+
+accordion-tabs details:first-child {
+	border-block-start: var(--divider);
+}
+
+accordion-tabs summary {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	padding-block: 0.75em;
+	list-style: none;
+	font-weight: 600;
+}
+
+accordion-tabs summary::-webkit-details-marker {
+	display: none;
+}
+
+accordion-tabs summary::after {
+	display: block;
+	content: "";
+	inline-size: 1em;
+	block-size: 0.5625em;
+	/* stylelint-disable-next-line declaration-property-value-no-unknown */
+	background-image: light-dark(
+		url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='9' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 1 8 8 1 1'/%3E%3C/svg%3E"),
+		url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='9' fill='none'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M15 1 8 8 1 1'/%3E%3C/svg%3E")
+	);
+}
+
+accordion-tabs details p {
+	margin-block-start: 0;
+}
+
+accordion-tabs [open] > summary::after {
+	rotate: -180deg;
+}
+
+accordion-tabs [role="tablist"] {
+	list-style: none;
+	display: flex;
+	margin-block: 0 -0.0625rem;
+	padding-inline: 0;
+	position: relative;
+}
+
+accordion-tabs [role="tab"] {
+	border: 0.0625rem solid transparent;
+	appearance: none;
+	background: none;
+	color: inherit;
+	font: inherit;
+	padding: 0.5em 1em;
+}
+
+accordion-tabs [role="tab"][aria-selected="true"] {
+	background: var(--color-Code-background);
+	border-color: var(--color-Outline);
+	border-block-end-color: var(--color-Code-background);
+}
+
+accordion-tabs [role="tabpanel"] .Code {
+	margin-block-start: 0;
+}
+
+accordion-tabs [role="tabpanel"][hidden] {
+	display: none;
+}

package/frontend/assets/css/iframe/jsontree.js.css

@@ -0,0 +1,325 @@
+/*
+ * JsonTree.js Library v2.0.0
+ *
+ * Copyright 2024 Bunoon
+ * Released under the MIT License
+ */
+.json-tree-js {
+	--json-tree-js-text-bold-weight: 400;
+	--json-tree-js-header-bold-weight: 700;
+	--json-tree-js-title-bold-weight: var(--json-tree-js-header-bold-weight);
+	--json-tree-js-text-bold-weight-active: var(
+		--json-tree-js-header-bold-weight
+	);
+	--json-tree-js-color-black: #3b3a3a;
+	--json-tree-js-color-white: currentcolor;
+	--json-tree-js-color-snow-white: currentcolor;
+	--json-tree-js-color-boolean: light-dark(#d9173e, hsl(348deg 100% 68%));
+	--json-tree-js-color-decimal: #e3c868;
+	--json-tree-js-color-number: #666bf9;
+	--json-tree-js-color-string: light-dark(hsl(80deg 100% 24%), #8dd203);
+	--json-tree-js-color-date: #a656f5;
+	--json-tree-js-color-array: light-dark(#7a4613, hsl(30deg 73% 50%));
+	--json-tree-js-color-object: currentcolor;
+	--json-tree-js-color-null: #bbb;
+	--json-tree-js-color-function: var(--json-tree-js-color-null);
+	--json-tree-js-color-unknown: var(--json-tree-js-color-null);
+	--json-tree-js-container-background-color: #22272e;
+	--json-tree-js-container-border-color: #454c56;
+	--json-tree-js-button-background-color: #2d333b;
+	--json-tree-js-button-border-color: var(
+		--json-tree-js-container-border-color
+	);
+	--json-tree-js-button-text-color: var(--json-tree-js-color-white);
+	--json-tree-js-button-background-color-hover: var(
+		--json-tree-js-container-border-color
+	);
+	--json-tree-js-button-text-color-hover: var(--json-tree-js-color-snow-white);
+	--json-tree-js-button-background-color-active: #616b79;
+	--json-tree-js-button-text-color-active: var(--json-tree-js-color-snow-white);
+	--json-tree-js-border-radius: 0.5rem;
+	--json-tree-js-border-style-scrollbar: inset 0 0 6px
+		var(--json-tree-js-color-dark-gray);
+	--json-tree-js-border-size: 0.5px;
+	--json-tree-js-spacing: 10px;
+	--json-tree-js-spacing-font-size: 1em;
+	--json-tree-js-transition: all 0.3s;
+}
+
+/*
+    -------------------------------------------------------------------------
+    JsonTree.js - Container
+    -------------------------------------------------------------------------
+*/
+div.json-tree-js {
+	box-sizing: border-box;
+	display: inline-block;
+	background-color: var(--color-Code-background);
+	color: var(--json-tree-js-color-white);
+	border: 0.0625rem solid var(--color-Outline);
+	padding: var(--json-tree-js-spacing);
+	font-size: var(--json-tree-js-spacing-font-size);
+	font-weight: var(--json-tree-js-text-bold-weight);
+	line-height: 1.5;
+	width: 100%;
+	margin: 0 !important;
+}
+
+div.json-tree-js div.no-click {
+	pointer-events: none !important;
+}
+
+div.json-tree-js * {
+	box-sizing: border-box;
+}
+
+div.json-tree-js *::before,
+div.json-tree-js *::after {
+	box-sizing: border-box;
+}
+
+/*
+    -------------------------------------------------------------------------
+    JsonTree.js - Arrows
+    -------------------------------------------------------------------------
+*/
+
+div.json-tree-js :is(.down-arrow, .right-arrow, .no-arrow) {
+	background: none;
+	appearance: none;
+	padding: 0;
+	border: none;
+	font: inherit;
+	width: 1.5em;
+	height: 1.5em;
+	display: inline-flex;
+}
+
+div.json-tree-js .no-arrow {
+	visibility: hidden;
+	pointer-events: none;
+}
+
+div.json-tree-js :is(.down-arrow, .right-arrow) {
+	cursor: pointer;
+	justify-content: center;
+	align-items: center;
+	transform: translateY(-0.125em);
+}
+
+div.json-tree-js :is(.down-arrow, .right-arrow)::after {
+	content: "";
+	border: var(--toggle-border);
+	border-color: currentcolor;
+	border-top-width: 0.25em;
+	border-inline-end-width: 0.25em;
+	display: inline-block;
+	font-size: 0.4em;
+	height: var(--toggle-height);
+	flex: 0 0 var(--toggle-width);
+}
+
+div.json-tree-js :is(.down-arrow, .right-arrow):hover {
+	opacity: 0.7;
+}
+
+div.json-tree-js .down-arrow::after {
+	transform: translateY(-25%) rotate(135deg);
+}
+
+div.json-tree-js .right-arrow::after {
+	transform: translateX(-25%) rotate(45deg);
+}
+
+/*
+    -------------------------------------------------------------------------
+    JsonTree.js - Title Bar
+    -------------------------------------------------------------------------
+*/
+div.json-tree-js div.title-bar {
+	display: flex;
+	margin-bottom: var(--json-tree-js-spacing);
+}
+
+div.json-tree-js div.title-bar div.title {
+	display: none;
+}
+
+div.json-tree-js div.title-bar div.controls {
+	display: none;
+}
+
+/*
+    -------------------------------------------------------------------------
+    JsonTree.js - Object Type Title
+    -------------------------------------------------------------------------
+*/
+div.json-tree-js div.object-type-title {
+	font-weight: var(--json-tree-js-header-bold-weight);
+	text-align: left !important;
+}
+
+div.json-tree-js div.object-type-title span.array {
+	color: var(--json-tree-js-color-array);
+}
+
+div.json-tree-js div.object-type-title span.object {
+	color: var(--json-tree-js-color-object);
+}
+
+div.json-tree-js div.object-type-title span.count {
+	margin-left: calc(var(--json-tree-js-spacing) / 2);
+	font-weight: var(--json-tree-js-text-bold-weight);
+}
+
+/*
+    -------------------------------------------------------------------------
+    JsonTree.js - Object Type Contents
+    -------------------------------------------------------------------------
+*/
+div.json-tree-js div.object-type-contents {
+	margin-top: calc(var(--json-tree-js-spacing) / 2);
+	margin-left: calc(var(--json-tree-js-spacing) * 2);
+	text-align: left !important;
+}
+
+div.json-tree-js div.object-type-contents div.object-type-value {
+	margin-top: calc(var(--json-tree-js-spacing) / 2);
+	margin-bottom: calc(var(--json-tree-js-spacing) / 2);
+}
+
+div.json-tree-js div.object-type-contents div.object-type-value span.split {
+	margin-left: calc(var(--json-tree-js-spacing) / 2);
+	margin-right: calc(var(--json-tree-js-spacing) / 2);
+}
+
+div.json-tree-js div.object-type-contents div.object-type-value span.boolean,
+div.json-tree-js div.object-type-contents div.object-type-value span.decimal,
+div.json-tree-js div.object-type-contents div.object-type-value span.number,
+div.json-tree-js div.object-type-contents div.object-type-value span.string,
+div.json-tree-js div.object-type-contents div.object-type-value span.date,
+div.json-tree-js div.object-type-contents div.object-type-value span.null,
+div.json-tree-js div.object-type-contents div.object-type-value span.function,
+div.json-tree-js div.object-type-contents div.object-type-value span.unknown {
+	transition: var(--json-tree-js-transition);
+	transition-property: opacity;
+}
+
+div.json-tree-js
+	div.object-type-contents
+	div.object-type-value
+	span.boolean:not(.no-hover):hover,
+div.json-tree-js
+	div.object-type-contents
+	div.object-type-value
+	span.decimal:not(.no-hover):hover,
+div.json-tree-js
+	div.object-type-contents
+	div.object-type-value
+	span.number:not(.no-hover):hover,
+div.json-tree-js
+	div.object-type-contents
+	div.object-type-value
+	span.string:not(.no-hover):hover,
+div.json-tree-js
+	div.object-type-contents
+	div.object-type-value
+	span.date:not(.no-hover):hover,
+div.json-tree-js
+	div.object-type-contents
+	div.object-type-value
+	span.null:not(.no-hover):hover,
+div.json-tree-js
+	div.object-type-contents
+	div.object-type-value
+	span.function:not(.no-hover):hover,
+div.json-tree-js
+	div.object-type-contents
+	div.object-type-value
+	span.unknown:not(.no-hover):hover {
+	cursor: pointer;
+	opacity: 0.7;
+}
+
+div.json-tree-js div.object-type-contents div.object-type-value span.comma {
+	color: var(--json-tree-js-color-white);
+	font-weight: var(--json-tree-js-text-bold-weight);
+}
+
+div.json-tree-js div.object-type-contents div.object-type-value span.boolean {
+	color: var(--json-tree-js-color-boolean);
+}
+
+div.json-tree-js div.object-type-contents div.object-type-value span.decimal {
+	color: var(--json-tree-js-color-decimal);
+}
+
+div.json-tree-js div.object-type-contents div.object-type-value span.number {
+	color: var(--json-tree-js-color-number);
+}
+
+div.json-tree-js div.object-type-contents div.object-type-value span.string {
+	color: var(--json-tree-js-color-string);
+}
+
+div.json-tree-js div.object-type-contents div.object-type-value span.date {
+	color: var(--json-tree-js-color-date);
+}
+
+div.json-tree-js div.object-type-contents div.object-type-value span.array {
+	font-weight: var(--json-tree-js-header-bold-weight);
+	color: var(--json-tree-js-color-array);
+}
+
+div.json-tree-js div.object-type-contents div.object-type-value span.object {
+	font-weight: var(--json-tree-js-header-bold-weight);
+	color: var(--json-tree-js-color-object);
+}
+
+div.json-tree-js div.object-type-contents div.object-type-value span.null {
+	color: var(--json-tree-js-color-null);
+	font-style: italic;
+}
+
+div.json-tree-js div.object-type-contents div.object-type-value span.function {
+	color: var(--json-tree-js-color-function);
+	font-style: italic;
+}
+
+div.json-tree-js div.object-type-contents div.object-type-value span.unknown {
+	color: var(--json-tree-js-color-unknown);
+	font-style: italic;
+}
+
+div.json-tree-js div.object-type-contents div.object-type-value span.count {
+	margin-left: calc(var(--json-tree-js-spacing) / 2);
+	font-weight: var(--json-tree-js-text-bold-weight);
+}
+
+/*
+    -------------------------------------------------------------------------
+    JsonTree.js - Custom Scroll Bar
+    -------------------------------------------------------------------------
+*/
+.custom-scroll-bars::-webkit-scrollbar {
+	width: 12px;
+}
+
+.custom-scroll-bars::-webkit-scrollbar-track {
+	box-shadow: var(--json-tree-js-border-style-scrollbar);
+}
+
+.custom-scroll-bars::-webkit-scrollbar-thumb {
+	box-shadow: var(--json-tree-js-border-style-scrollbar);
+	background: var(--json-tree-js-color-white);
+}
+
+.custom-scroll-bars::-webkit-scrollbar-thumb:hover {
+	background-color: var(--json-tree-js-color-white);
+}
+
+.custom-scroll-bars::-webkit-scrollbar-thumb:active {
+	background-color: var(--json-tree-js-color-lighter-gray);
+}
+
+/*# sourceMappingURL=jsontree.js.css.map */