oda-framework
Version:
94 lines (84 loc) • 1.81 kB
JavaScript
ODA({is: 'oda-tab',
template: `
<style>
:host{
@apply --vertical;
@apply --flex;
overflow: hidden;
position: relative;
}
</style>
<oda-tab-groups ~if="showGroupsPanel"></oda-tab-groups>
<oda-tab-head ~if="showHeader"></oda-tab-head>
<oda-tab-body tabindex="0" :even-odd :col-lines :row-lines></oda-tab-body>
<oda-tab-foot ~if="showFooter"></oda-tab-foot>
`,
$public:{
showGroupsPanel: {
$def: false,
$save: true
},
evenOdd: {
$def: false,
$save: true
},
colLines: {
$def: false,
$save: true
},
rowLines: {
$def: false,
$save: true
},
showHeader: false,
showFooter: false,
},
columns:{
},
dataSet:{
},
items:{
},
rows:{
}
})
ODA({is: 'oda-tab-groups',
template: `
oda-tab-groups
`
})
ODA({is: 'oda-tab-head',
template: `
<style>
:host{
@apply --gark;
@apply --horizontal;
}
</style>
oda-tab-head
`
})
ODA({is: 'oda-tab-body',
template: `
<style>
:host{
@apply --flex;
@apply --vertical;
}
</style>
<div>
oda-tab-body
</div>
`
})
ODA({is: 'oda-tab-foot',
template: `
<style>
:host{
@apply --gark;
@apply --horizontal;
}
</style>
oda-tab-foot
`
})