@kodaris/krubble-components 1.0.32 → 1.0.34
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +20 -3
- package/dist/dialog/dialog.d.ts +3 -0
- package/dist/dialog/dialog.d.ts.map +1 -1
- package/dist/dialog/dialog.js +26 -0
- package/dist/dialog/dialog.js.map +1 -1
- package/dist/krubble-components.bundled.js +26 -0
- package/dist/krubble-components.bundled.js.map +1 -1
- package/dist/krubble-components.bundled.min.js +18 -2
- package/dist/krubble-components.bundled.min.js.map +1 -1
- package/dist/krubble-components.umd.js +26 -0
- package/dist/krubble-components.umd.js.map +1 -1
- package/dist/krubble-components.umd.min.js +18 -2
- package/dist/krubble-components.umd.min.js.map +1 -1
- package/dist/monaco/monaco.d.ts.map +1 -1
- package/dist/monaco/monaco.js +13 -1
- package/dist/monaco/monaco.js.map +1 -1
- package/package.json +1 -1
|
@@ -1500,6 +1500,7 @@
|
|
|
1500
1500
|
this._dialogRef = null;
|
|
1501
1501
|
this._contentElement = null;
|
|
1502
1502
|
this.opened = false;
|
|
1503
|
+
this.label = '';
|
|
1503
1504
|
this.width = '560px';
|
|
1504
1505
|
this._handleDocumentKeyDown = (e) => {
|
|
1505
1506
|
if (e.key === 'Escape') {
|
|
@@ -1561,6 +1562,12 @@
|
|
|
1561
1562
|
if (config?.data) {
|
|
1562
1563
|
content.data = config.data;
|
|
1563
1564
|
}
|
|
1565
|
+
if (config?.label) {
|
|
1566
|
+
dialog.label = config.label;
|
|
1567
|
+
}
|
|
1568
|
+
if (config?.width) {
|
|
1569
|
+
dialog.width = config.width;
|
|
1570
|
+
}
|
|
1564
1571
|
dialog._contentElement = content;
|
|
1565
1572
|
dialog.opened = true;
|
|
1566
1573
|
document.body.appendChild(dialog);
|
|
@@ -1575,6 +1582,7 @@
|
|
|
1575
1582
|
return b `
|
|
1576
1583
|
<div class="backdrop" @click=${this._handleBackdropClick}></div>
|
|
1577
1584
|
<div class="dialog" style=${o$1({ width: this.width })}>
|
|
1585
|
+
${this.label ? b `<div class="dialog__header"><div class="dialog__header-label">${this.label}</div></div>` : ''}
|
|
1578
1586
|
${this._contentElement ? this._contentElement : b `<slot></slot>`}
|
|
1579
1587
|
</div>
|
|
1580
1588
|
`;
|
|
@@ -1623,6 +1631,21 @@
|
|
|
1623
1631
|
flex: 1 1 auto;
|
|
1624
1632
|
overflow: auto;
|
|
1625
1633
|
}
|
|
1634
|
+
|
|
1635
|
+
.dialog__header {
|
|
1636
|
+
display: flex;
|
|
1637
|
+
padding: 0 24px;
|
|
1638
|
+
align-items: center;
|
|
1639
|
+
height: 64px;
|
|
1640
|
+
flex-shrink: 0;
|
|
1641
|
+
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
|
1642
|
+
}
|
|
1643
|
+
|
|
1644
|
+
.dialog__header-label {
|
|
1645
|
+
margin: 0;
|
|
1646
|
+
font-size: 18px;
|
|
1647
|
+
font-weight: 600;
|
|
1648
|
+
}
|
|
1626
1649
|
`;
|
|
1627
1650
|
__decorate$b([
|
|
1628
1651
|
r$1()
|
|
@@ -1630,6 +1653,9 @@
|
|
|
1630
1653
|
__decorate$b([
|
|
1631
1654
|
n$1({ type: Boolean, reflect: true })
|
|
1632
1655
|
], exports.KRDialog.prototype, "opened", void 0);
|
|
1656
|
+
__decorate$b([
|
|
1657
|
+
n$1({ type: String })
|
|
1658
|
+
], exports.KRDialog.prototype, "label", void 0);
|
|
1633
1659
|
__decorate$b([
|
|
1634
1660
|
n$1({ type: String })
|
|
1635
1661
|
], exports.KRDialog.prototype, "width", void 0);
|