-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbrackets.html
99 lines (99 loc) · 3 KB
/
brackets.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
<html lang="sa">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>031323</title>
</head>
<body style="font-family:'';color:white;background-color:black;text-align:center;margin:0;padding:0;">
<script src="43.js"></script>
<script>
window.customElements.define('bracket-box', class extends HTMLElement {
constructor(){
super();
}
f_bracket_i()
{
this.लेखः=eval(this.getAttribute('text'));
}
print(लेखः,n1,n2)
{
let H=parseInt(window.getComputedStyle(this,null).getPropertyValue('width'));
let i=0;
if(typeof लेखः!='object')return;
for(i=0;i<लेखः.length;i++)
{
let उपलेखः="";
if(typeof लेखः[i]!='object')
उपलेखः=' '+लेखः[i]+' ';
else if(लेखः[i].length==0)continue;
else उपलेखः=' '+लेखः[i][0]+' ';
let m1=1,m2=1;
if(i==0)m1+=n1;
if(i==लेखः.length-1)m2+=n2;
let j=0;
for(j=0;j<m1;j++)उपलेखः='['+उपलेखः;
for(j=0;j<m2;j++)उपलेखः+=']';
if(typeof लेखः[i]!='object'||लेखः[i].length<2||getTextWidth(उपलेखः.replace(/ /g,' '),css(this,'font-weight')+" "+css(this,'font-size')+" "+css(this,'font-family'))<=H)
this.innerHTML+=उपलेखः+' ';
else
this.print(लेखः[i][1],m1,m2);
}
}
f_bracket()
{
console.log('bracket');
this.innerHTML="";
this.print(this.लेखः,0,0);
if(this.innerHTML[this.innerHTML.length-1]==' ')this.innerHTML=this.innerHTML.slice(0,-1);
}
attributeChangedCallback(attr,oldVal,newVal) {
}
static get observedAttributes(){
return ['text'];
}
connectedCallback(){
var E=document.body.offsetWidth;
this.f_bracket_i();
this.f_bracket();
let tb=this;
window.addEventListener('resize',function(event)
{
if(E!=document.body.offsetWidth)
{
E=document.body.offsetWidth;
tb.f_bracket();
}
});
}
});
</script>
<div style="margin:0.5em;">
<div style="background-color:black;color:white;margin:0em;padding:0em;width:30em;max-width:100%;padding:0;text-align:left;display:inline-block;">
<bracket-box id="b1" style="border-width:0.1em;border-style:solid;border-color:white;display:block;padding:0.5em;" text='
[
["संस्कृ॑त॒मधी॑तव॒ताथ॒किङ्क॑र्त्त॒व्य॑म्",[
["संस्कृ॑त॒मधी॑तवता",[
"संस्कृ॑तम्",
"अधी॑तवता"
]],
["अथ॒किङ्क॑र्त्त॒व्य॑म्",[
"अथ॑",
["किङ्क॑र्त्त॒व्य॑म्",[
"किम्",
"क॒र्त्त॒व्य॑म्"
]]
]]
]],
["न॒न्वि१॒॑मेअ॑ध्येत॒व्ये॑",[
"न॒नु",
["इ॒मेअ॑ध्येत॒व्ये॑",[
"इ॒मे",
"अ॒ध्ये॒त॒व्ये॑"
]]
]]
]
'></bracket-box>
</div>
</div>
</body>
</html>