@kodaris/krubble-components 1.0.4 → 1.0.6

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.
Files changed (58) hide show
  1. package/custom-elements.json +1596 -382
  2. package/dist/alert/alert.d.ts.map +1 -0
  3. package/dist/alert/alert.js.map +1 -0
  4. package/dist/button/button.d.ts +34 -3
  5. package/dist/button/button.d.ts.map +1 -1
  6. package/dist/button/button.js +193 -38
  7. package/dist/button/button.js.map +1 -1
  8. package/dist/code-demo/code-demo.d.ts.map +1 -1
  9. package/dist/code-demo/code-demo.js +2 -1
  10. package/dist/code-demo/code-demo.js.map +1 -1
  11. package/dist/form/index.d.ts +2 -0
  12. package/dist/form/index.d.ts.map +1 -1
  13. package/dist/form/index.js +2 -0
  14. package/dist/form/index.js.map +1 -1
  15. package/dist/form/select/select-option.d.ts +27 -0
  16. package/dist/form/select/select-option.d.ts.map +1 -0
  17. package/dist/form/select/select-option.js +50 -0
  18. package/dist/form/select/select-option.js.map +1 -0
  19. package/dist/form/select/select.d.ts +81 -0
  20. package/dist/form/select/select.d.ts.map +1 -0
  21. package/dist/form/select/select.js +519 -0
  22. package/dist/form/select/select.js.map +1 -0
  23. package/dist/form/text-field/text-field.d.ts +6 -0
  24. package/dist/form/text-field/text-field.d.ts.map +1 -1
  25. package/dist/form/text-field/text-field.js +38 -8
  26. package/dist/form/text-field/text-field.js.map +1 -1
  27. package/dist/index.d.ts +5 -2
  28. package/dist/index.d.ts.map +1 -1
  29. package/dist/index.js +6 -2
  30. package/dist/index.js.map +1 -1
  31. package/dist/krubble.bundled.js +1329 -156
  32. package/dist/krubble.bundled.js.map +1 -1
  33. package/dist/krubble.bundled.min.js +592 -91
  34. package/dist/krubble.bundled.min.js.map +1 -1
  35. package/dist/krubble.umd.js +1325 -151
  36. package/dist/krubble.umd.js.map +1 -1
  37. package/dist/krubble.umd.min.js +585 -84
  38. package/dist/krubble.umd.min.js.map +1 -1
  39. package/dist/snackbar/snackbar.d.ts.map +1 -1
  40. package/dist/snackbar/snackbar.js +8 -1
  41. package/dist/snackbar/snackbar.js.map +1 -1
  42. package/dist/style/base.d.ts +6 -0
  43. package/dist/style/base.d.ts.map +1 -0
  44. package/dist/style/base.js +34 -0
  45. package/dist/style/base.js.map +1 -0
  46. package/dist/tabs/tab.d.ts +54 -0
  47. package/dist/tabs/tab.d.ts.map +1 -0
  48. package/dist/tabs/tab.js +103 -0
  49. package/dist/tabs/tab.js.map +1 -0
  50. package/dist/tabs/tabs.d.ts +47 -0
  51. package/dist/tabs/tabs.d.ts.map +1 -0
  52. package/dist/tabs/tabs.js +282 -0
  53. package/dist/tabs/tabs.js.map +1 -0
  54. package/package.json +1 -1
  55. package/dist/alert.d.ts.map +0 -1
  56. package/dist/alert.js.map +0 -1
  57. /package/dist/{alert.d.ts → alert/alert.d.ts} +0 -0
  58. /package/dist/{alert.js → alert/alert.js} +0 -0
@@ -1 +1 @@
1
- {"version":3,"file":"snackbar.d.ts","sourceRoot":"","sources":["../../src/snackbar/snackbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,MAAM,WAAW,iBAAiB;IAChC,6BAA6B;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAChD,sFAAsF;IACtF,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBACa,UAAW,SAAQ,UAAU;IAExC,OAAgB,MAAM,0BA+IpB;IAEF,0CAA0C;IAC1C,OAAO,CAAC,MAAM,CAAC,eAAe,CAAoB;IAElD;;;;OAIG;IACH,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,iBAAiB,GAAG,UAAU;IAkBnD,OAAO,CAAC,cAAc,CAAuB;IAE7C;;OAEG;IAEH,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAU;IAExD;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,OAAO,SAAM;IAEb;;;OAGG;IAEH,QAAQ,SAAQ;IAEP,iBAAiB;IAmBjB,oBAAoB;IAkB7B,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,OAAO;IAaN,MAAM;CA0BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
1
+ {"version":3,"file":"snackbar.d.ts","sourceRoot":"","sources":["../../src/snackbar/snackbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,MAAM,WAAW,iBAAiB;IAChC,6BAA6B;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAChD,sFAAsF;IACtF,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBACa,UAAW,SAAQ,UAAU;IAExC,OAAgB,MAAM,0BAmJpB;IAEF,0CAA0C;IAC1C,OAAO,CAAC,MAAM,CAAC,eAAe,CAAoB;IAElD;;;;OAIG;IACH,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,iBAAiB,GAAG,UAAU;IAkBnD,OAAO,CAAC,cAAc,CAAuB;IAE7C;;OAEG;IAEH,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAU;IAExD;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,OAAO,SAAM;IAEb;;;OAGG;IAEH,QAAQ,SAAQ;IAEP,iBAAiB;IAsBjB,oBAAoB;IAkB7B,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,OAAO;IAaN,MAAM;CA0BhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}
@@ -76,6 +76,9 @@ let KRSnackbar = KRSnackbar_1 = class KRSnackbar extends LitElement {
76
76
  // Set role and type class on host
77
77
  this.setAttribute('role', 'alert');
78
78
  this.classList.add(`kr-snackbar--${this.type}`);
79
+ if (this.title) {
80
+ this.classList.add('kr-snackbar--has-title');
81
+ }
79
82
  // Add to active snackbars and update positions
80
83
  KRSnackbar_1.activeSnackbars.push(this);
81
84
  this.updatePositions();
@@ -157,7 +160,7 @@ KRSnackbar.styles = css `
157
160
  left: 16px;
158
161
  z-index: 10000;
159
162
  display: flex;
160
- align-items: flex-start;
163
+ align-items: center;
161
164
  gap: 12px;
162
165
  padding: 14px 12px 14px 16px;
163
166
  border-radius: 8px;
@@ -170,6 +173,10 @@ KRSnackbar.styles = css `
170
173
  animation: slideIn 0.2s ease-out;
171
174
  }
172
175
 
176
+ :host(.kr-snackbar--has-title) {
177
+ align-items: flex-start;
178
+ }
179
+
173
180
  @keyframes slideIn {
174
181
  from {
175
182
  opacity: 0;
@@ -1 +1 @@
1
- {"version":3,"file":"snackbar.js","sourceRoot":"","sources":["../../src/snackbar/snackbar.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"snackbar.js","sourceRoot":"","sources":["../../src/snackbar/snackbar.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,6 @@
1
+ /**
2
+ * Base theme styles with CSS custom properties.
3
+ * Import into components: static styles = [krBaseCSS, css`...`]
4
+ */
5
+ export declare const krBaseCSS: import("lit").CSSResult;
6
+ //# sourceMappingURL=base.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../src/style/base.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,SAAS,yBA2BrB,CAAC"}
@@ -0,0 +1,34 @@
1
+ import { css } from 'lit';
2
+ /**
3
+ * Base theme styles with CSS custom properties.
4
+ * Import into components: static styles = [krBaseCSS, css`...`]
5
+ */
6
+ export const krBaseCSS = css `
7
+ :host,
8
+ *,
9
+ *::before,
10
+ *::after {
11
+ box-sizing: border-box;
12
+ }
13
+
14
+ :host {
15
+ /* Primary */
16
+ --kr-primary: rgb(22, 48, 82);
17
+ --kr-primary-hover: rgb(16, 36, 62);
18
+ --kr-primary-text: #ffffff;
19
+
20
+ /* Accent */
21
+ --kr-accent: #BEEA4E;
22
+ --kr-accent-hover: #a8d43a;
23
+ --kr-accent-text: #000000;
24
+
25
+ /* Text */
26
+ --kr-text: #000000;
27
+ --kr-text-muted: #4b5563;
28
+ --kr-text-disabled: #9ca3af;
29
+
30
+ /* Borders */
31
+ --kr-border: #e5e7eb;
32
+ }
33
+ `;
34
+ //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sourceRoot":"","sources":["../../src/style/base.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2B3B,CAAC"}
@@ -0,0 +1,54 @@
1
+ import { LitElement } from 'lit';
2
+ /**
3
+ * A tab for the kr-tab-group component.
4
+ *
5
+ * @element kr-tab
6
+ * @slot - The tab panel content
7
+ * @slot icon - Optional icon to display in the tab header
8
+ */
9
+ export declare class KRTab extends LitElement {
10
+ static styles: import("lit").CSSResult[];
11
+ /**
12
+ * Unique identifier for the tab
13
+ */
14
+ id: string;
15
+ /**
16
+ * Display title for the tab
17
+ */
18
+ title: string;
19
+ /**
20
+ * Badge text displayed next to title (e.g. notification count)
21
+ */
22
+ badge: string;
23
+ /**
24
+ * Badge background color
25
+ */
26
+ badgeBackground: string;
27
+ /**
28
+ * Badge text color
29
+ */
30
+ badgeColor: string;
31
+ /**
32
+ * Whether the tab is disabled
33
+ */
34
+ disabled: boolean;
35
+ /**
36
+ * Whether the tab can be dismissed/closed
37
+ */
38
+ dismissible: boolean;
39
+ /**
40
+ * Whether this tab is currently active (set by parent)
41
+ */
42
+ active: boolean;
43
+ /**
44
+ * Gets the icon element from the icon slot (if any)
45
+ */
46
+ getIconElement(): Element | null;
47
+ render(): import("lit-html").TemplateResult<1>;
48
+ }
49
+ declare global {
50
+ interface HTMLElementTagNameMap {
51
+ 'kr-tab': KRTab;
52
+ }
53
+ }
54
+ //# sourceMappingURL=tab.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../src/tabs/tab.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAI5C;;;;;;GAMG;AACH,qBACa,KAAM,SAAQ,UAAU;IACnC,OAAgB,MAAM,4BAWpB;IAEF;;OAEG;IAEM,EAAE,SAAM;IAEjB;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,eAAe,SAAM;IAErB;;OAEG;IAEH,UAAU,SAAM;IAEhB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IACH,cAAc,IAAI,OAAO,GAAG,IAAI;IAIvB,MAAM;CAGhB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,QAAQ,EAAE,KAAK,CAAC;KACjB;CACF"}
@@ -0,0 +1,103 @@
1
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
6
+ };
7
+ import { LitElement, html, css } from 'lit';
8
+ import { customElement, property } from 'lit/decorators.js';
9
+ import { krBaseCSS } from '../style/base.js';
10
+ /**
11
+ * A tab for the kr-tab-group component.
12
+ *
13
+ * @element kr-tab
14
+ * @slot - The tab panel content
15
+ * @slot icon - Optional icon to display in the tab header
16
+ */
17
+ let KRTab = class KRTab extends LitElement {
18
+ constructor() {
19
+ super(...arguments);
20
+ /**
21
+ * Unique identifier for the tab
22
+ */
23
+ this.id = '';
24
+ /**
25
+ * Display title for the tab
26
+ */
27
+ this.title = '';
28
+ /**
29
+ * Badge text displayed next to title (e.g. notification count)
30
+ */
31
+ this.badge = '';
32
+ /**
33
+ * Badge background color
34
+ */
35
+ this.badgeBackground = '';
36
+ /**
37
+ * Badge text color
38
+ */
39
+ this.badgeColor = '';
40
+ /**
41
+ * Whether the tab is disabled
42
+ */
43
+ this.disabled = false;
44
+ /**
45
+ * Whether the tab can be dismissed/closed
46
+ */
47
+ this.dismissible = false;
48
+ /**
49
+ * Whether this tab is currently active (set by parent)
50
+ */
51
+ this.active = false;
52
+ }
53
+ /**
54
+ * Gets the icon element from the icon slot (if any)
55
+ */
56
+ getIconElement() {
57
+ return this.querySelector('[slot="icon"]');
58
+ }
59
+ render() {
60
+ return html `<slot></slot>`;
61
+ }
62
+ };
63
+ KRTab.styles = [
64
+ krBaseCSS,
65
+ css `
66
+ :host {
67
+ display: none;
68
+ }
69
+
70
+ :host([active]) {
71
+ display: block;
72
+ }
73
+ `,
74
+ ];
75
+ __decorate([
76
+ property({ type: String, reflect: true })
77
+ ], KRTab.prototype, "id", void 0);
78
+ __decorate([
79
+ property({ type: String })
80
+ ], KRTab.prototype, "title", void 0);
81
+ __decorate([
82
+ property({ type: String })
83
+ ], KRTab.prototype, "badge", void 0);
84
+ __decorate([
85
+ property({ type: String, attribute: 'badge-background' })
86
+ ], KRTab.prototype, "badgeBackground", void 0);
87
+ __decorate([
88
+ property({ type: String, attribute: 'badge-color' })
89
+ ], KRTab.prototype, "badgeColor", void 0);
90
+ __decorate([
91
+ property({ type: Boolean })
92
+ ], KRTab.prototype, "disabled", void 0);
93
+ __decorate([
94
+ property({ type: Boolean })
95
+ ], KRTab.prototype, "dismissible", void 0);
96
+ __decorate([
97
+ property({ type: Boolean, reflect: true })
98
+ ], KRTab.prototype, "active", void 0);
99
+ KRTab = __decorate([
100
+ customElement('kr-tab')
101
+ ], KRTab);
102
+ export { KRTab };
103
+ //# sourceMappingURL=tab.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tab.js","sourceRoot":"","sources":["../../src/tabs/tab.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C;;;;;;GAMG;AAEI,IAAM,KAAK,GAAX,MAAM,KAAM,SAAQ,UAAU;IAA9B;;QAcL;;WAEG;QAEM,OAAE,GAAG,EAAE,CAAC;QAEjB;;WAEG;QAEH,UAAK,GAAG,EAAE,CAAC;QAEX;;WAEG;QAEH,UAAK,GAAG,EAAE,CAAC;QAEX;;WAEG;QAEH,oBAAe,GAAG,EAAE,CAAC;QAErB;;WAEG;QAEH,eAAU,GAAG,EAAE,CAAC;QAEhB;;WAEG;QAEH,aAAQ,GAAG,KAAK,CAAC;QAEjB;;WAEG;QAEH,gBAAW,GAAG,KAAK,CAAC;QAEpB;;WAEG;QAEH,WAAM,GAAG,KAAK,CAAC;IAYjB,CAAC;IAVC;;OAEG;IACH,cAAc;QACZ,OAAO,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,CAAC;IAC7C,CAAC;IAEQ,MAAM;QACb,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AAtEe,YAAM,GAAG;IACvB,SAAS;IACT,GAAG,CAAA;;;;;;;;KAQF;CACF,AAXqB,CAWpB;AAMO;IADR,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iCACzB;AAMjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oCAChB;AAMX;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oCAChB;AAMX;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;8CACrC;AAMrB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,CAAC;yCACrC;AAMhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;uCACX;AAMjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CACR;AAMpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;qCAC5B;AA5DJ,KAAK;IADjB,aAAa,CAAC,QAAQ,CAAC;GACX,KAAK,CAwEjB"}
@@ -0,0 +1,47 @@
1
+ import { LitElement, TemplateResult } from 'lit';
2
+ /**
3
+ * A tabbed navigation component for switching between content sections.
4
+ *
5
+ * @element kr-tab-group
6
+ *
7
+ * @slot - Default slot for kr-tab children
8
+ *
9
+ * @fires tab-change - Fired when the active tab changes, detail: { activeTabId: string }
10
+ * @fires tab-dismiss - Fired when a dismissible tab is closed, detail: { tabId: string }
11
+ *
12
+ * @example
13
+ * ```html
14
+ * <kr-tab-group active-tab-id="settings">
15
+ * <kr-tab id="home" title="Home">
16
+ * <svg slot="icon" viewBox="0 0 20 20" fill="currentColor" width="16" height="16">...</svg>
17
+ * <p>Home content here</p>
18
+ * </kr-tab>
19
+ * <kr-tab id="settings" title="Settings" badge="3">
20
+ * <svg slot="icon" viewBox="0 0 20 20" fill="currentColor" width="16" height="16">...</svg>
21
+ * <p>Settings content here</p>
22
+ * </kr-tab>
23
+ * </kr-tab-group>
24
+ * ```
25
+ */
26
+ export declare class KRTabGroup extends LitElement {
27
+ static styles: import("lit").CSSResult[];
28
+ /**
29
+ * ID of the currently active tab
30
+ */
31
+ activeTabId?: string;
32
+ updated(changes: Map<string, unknown>): void;
33
+ firstUpdated(): void;
34
+ private _getTabs;
35
+ private _updateActiveTab;
36
+ private _handleTabClick;
37
+ private _handleTabDismiss;
38
+ private _handleKeyDown;
39
+ private _renderTabIcon;
40
+ render(): TemplateResult<1>;
41
+ }
42
+ declare global {
43
+ interface HTMLElementTagNameMap {
44
+ 'kr-tab-group': KRTabGroup;
45
+ }
46
+ }
47
+ //# sourceMappingURL=tabs.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/tabs/tabs.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,cAAc,EAAE,MAAM,KAAK,CAAC;AAOrE;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,qBACa,UAAW,SAAQ,UAAU;IACxC,OAAgB,MAAM,4BAkHpB;IAEF;;OAEG;IAEH,WAAW,CAAC,EAAE,MAAM,CAAC;IAEZ,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAMrC,YAAY;IAIrB,OAAO,CAAC,QAAQ;IAIhB,OAAO,CAAC,gBAAgB;IAexB,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,iBAAiB;IAWzB,OAAO,CAAC,cAAc;IAyCtB,OAAO,CAAC,cAAc;IAWb,MAAM;CAwChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,UAAU,CAAC;KAC5B;CACF"}
@@ -0,0 +1,282 @@
1
+ var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
2
+ var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
3
+ if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
4
+ else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
5
+ return c > 3 && r && Object.defineProperty(target, key, r), r;
6
+ };
7
+ import { LitElement, html, css, nothing } from 'lit';
8
+ import { customElement, property } from 'lit/decorators.js';
9
+ import { classMap } from 'lit/directives/class-map.js';
10
+ import { styleMap } from 'lit/directives/style-map.js';
11
+ import { krBaseCSS } from '../style/base.js';
12
+ /**
13
+ * A tabbed navigation component for switching between content sections.
14
+ *
15
+ * @element kr-tab-group
16
+ *
17
+ * @slot - Default slot for kr-tab children
18
+ *
19
+ * @fires tab-change - Fired when the active tab changes, detail: { activeTabId: string }
20
+ * @fires tab-dismiss - Fired when a dismissible tab is closed, detail: { tabId: string }
21
+ *
22
+ * @example
23
+ * ```html
24
+ * <kr-tab-group active-tab-id="settings">
25
+ * <kr-tab id="home" title="Home">
26
+ * <svg slot="icon" viewBox="0 0 20 20" fill="currentColor" width="16" height="16">...</svg>
27
+ * <p>Home content here</p>
28
+ * </kr-tab>
29
+ * <kr-tab id="settings" title="Settings" badge="3">
30
+ * <svg slot="icon" viewBox="0 0 20 20" fill="currentColor" width="16" height="16">...</svg>
31
+ * <p>Settings content here</p>
32
+ * </kr-tab>
33
+ * </kr-tab-group>
34
+ * ```
35
+ */
36
+ let KRTabGroup = class KRTabGroup extends LitElement {
37
+ updated(changes) {
38
+ if (changes.has('activeTabId')) {
39
+ this._updateActiveTab();
40
+ }
41
+ }
42
+ firstUpdated() {
43
+ this._updateActiveTab();
44
+ }
45
+ _getTabs() {
46
+ return Array.from(this.querySelectorAll('kr-tab'));
47
+ }
48
+ _updateActiveTab() {
49
+ const tabs = this._getTabs();
50
+ if (tabs.length === 0)
51
+ return;
52
+ if (!this.activeTabId) {
53
+ this.activeTabId = tabs[0]?.id;
54
+ }
55
+ tabs.forEach((tab) => {
56
+ tab.active = tab.id === this.activeTabId;
57
+ });
58
+ this.requestUpdate();
59
+ }
60
+ _handleTabClick(tab) {
61
+ if (tab.disabled)
62
+ return;
63
+ this.activeTabId = tab.id;
64
+ this.dispatchEvent(new CustomEvent('tab-change', {
65
+ detail: { activeTabId: tab.id },
66
+ bubbles: true,
67
+ composed: true,
68
+ }));
69
+ }
70
+ _handleTabDismiss(tab, e) {
71
+ e.stopPropagation();
72
+ this.dispatchEvent(new CustomEvent('tab-dismiss', {
73
+ detail: { tabId: tab.id },
74
+ bubbles: true,
75
+ composed: true,
76
+ }));
77
+ }
78
+ _handleKeyDown(e) {
79
+ const enabledTabs = this._getTabs().filter((t) => !t.disabled);
80
+ const currentIndex = enabledTabs.findIndex((t) => t.id === this.activeTabId);
81
+ let newIndex = -1;
82
+ switch (e.key) {
83
+ case 'ArrowLeft':
84
+ newIndex = currentIndex > 0 ? currentIndex - 1 : enabledTabs.length - 1;
85
+ break;
86
+ case 'ArrowRight':
87
+ newIndex = currentIndex < enabledTabs.length - 1 ? currentIndex + 1 : 0;
88
+ break;
89
+ case 'Home':
90
+ newIndex = 0;
91
+ break;
92
+ case 'End':
93
+ newIndex = enabledTabs.length - 1;
94
+ break;
95
+ }
96
+ if (newIndex >= 0) {
97
+ e.preventDefault();
98
+ const newTab = enabledTabs[newIndex];
99
+ this.activeTabId = newTab.id;
100
+ this.dispatchEvent(new CustomEvent('tab-change', {
101
+ detail: { activeTabId: newTab.id },
102
+ bubbles: true,
103
+ composed: true,
104
+ }));
105
+ const tabButtons = this.shadowRoot?.querySelectorAll('.label');
106
+ const targetButton = Array.from(tabButtons || []).find((btn) => btn.getAttribute('data-tab-id') === newTab.id);
107
+ targetButton?.focus();
108
+ }
109
+ }
110
+ _renderTabIcon(tab) {
111
+ const iconElement = tab.getIconElement();
112
+ if (!iconElement)
113
+ return nothing;
114
+ // Clone the icon element to render in the header
115
+ const clonedIcon = iconElement.cloneNode(true);
116
+ clonedIcon.removeAttribute('slot');
117
+ return html `<span class="label-icon">${clonedIcon}</span>`;
118
+ }
119
+ render() {
120
+ return html `
121
+ <div class="header" role="tablist" @keydown=${this._handleKeyDown}>
122
+ ${this._getTabs().map((tab) => html `
123
+ <button
124
+ class=${classMap({
125
+ label: true,
126
+ 'label--active': tab.id === this.activeTabId,
127
+ })}
128
+ role="tab"
129
+ data-tab-id=${tab.id}
130
+ aria-selected=${tab.id === this.activeTabId}
131
+ aria-controls=${`panel-${tab.id}`}
132
+ tabindex=${tab.id === this.activeTabId ? 0 : -1}
133
+ ?disabled=${tab.disabled}
134
+ @click=${() => this._handleTabClick(tab)}
135
+ >
136
+ ${this._renderTabIcon(tab)}
137
+ <span>${tab.title}</span>
138
+ ${tab.badge ? html `<span class="label-badge" style=${styleMap({ backgroundColor: tab.badgeBackground, color: tab.badgeColor })}>${tab.badge}</span>` : nothing}
139
+ ${tab.dismissible
140
+ ? html `
141
+ <button
142
+ class="label-dismiss"
143
+ type="button"
144
+ aria-label="Close tab"
145
+ @click=${(e) => this._handleTabDismiss(tab, e)}
146
+ >
147
+ <svg viewBox="0 0 20 20" fill="currentColor" width="12" height="12"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"/></svg>
148
+ </button>
149
+ `
150
+ : nothing}
151
+ </button>
152
+ `)}
153
+ </div>
154
+ <div class="content" role="tabpanel" aria-labelledby=${this.activeTabId || ''}>
155
+ <slot @slotchange=${this._updateActiveTab}></slot>
156
+ </div>
157
+ `;
158
+ }
159
+ };
160
+ KRTabGroup.styles = [
161
+ krBaseCSS,
162
+ css `
163
+ :host {
164
+ display: flex;
165
+ flex-direction: column;
166
+ }
167
+
168
+ .header {
169
+ display: flex;
170
+ align-items: stretch;
171
+ border-bottom: 1px solid var(--kr-border);
172
+ overflow-x: auto;
173
+ scrollbar-width: none;
174
+ -ms-overflow-style: none;
175
+ }
176
+
177
+ .header::-webkit-scrollbar {
178
+ display: none;
179
+ }
180
+
181
+ .label {
182
+ position: relative;
183
+ display: flex;
184
+ align-items: center;
185
+ gap: 8px;
186
+ padding: 12px 16px;
187
+ font-family: inherit;
188
+ font-size: 14px;
189
+ font-weight: 500;
190
+ color: var(--kr-text-muted);
191
+ background: none;
192
+ border: none;
193
+ border-bottom: 2px solid transparent;
194
+ cursor: pointer;
195
+ transition: color 0.15s ease, border-color 0.15s ease, background-color 0.15s ease;
196
+ white-space: nowrap;
197
+ }
198
+
199
+ .label:hover:not(:disabled) {
200
+ color: var(--kr-text);
201
+ }
202
+
203
+ .label:focus-visible {
204
+ outline: 2px solid var(--kr-focus);
205
+ outline-offset: -2px;
206
+ }
207
+
208
+ .label--active {
209
+ color: var(--kr-primary);
210
+ border-bottom-color: var(--kr-primary);
211
+ }
212
+
213
+ .label:disabled {
214
+ color: var(--kr-text-disabled);
215
+ cursor: not-allowed;
216
+ }
217
+
218
+ .label-icon {
219
+ display: flex;
220
+ align-items: center;
221
+ justify-content: center;
222
+ flex-shrink: 0;
223
+ }
224
+
225
+ .label-badge {
226
+ font-size: 11px;
227
+ font-weight: 500;
228
+ color: var(--kr-primary-text);
229
+ background-color: var(--kr-primary);
230
+ padding: 2px 8px;
231
+ border-radius: 10px;
232
+ margin-left: 4px;
233
+ }
234
+
235
+ .label-dismiss {
236
+ display: flex;
237
+ align-items: center;
238
+ justify-content: center;
239
+ width: 16px;
240
+ height: 16px;
241
+ margin-left: 4px;
242
+ padding: 0;
243
+ background: none;
244
+ border: none;
245
+ border-radius: 2px;
246
+ color: var(--kr-text-muted);
247
+ cursor: pointer;
248
+ transition: background-color 0.15s ease, color 0.15s ease;
249
+ }
250
+
251
+ .label-dismiss:hover {
252
+ background-color: var(--kr-border);
253
+ color: var(--kr-text);
254
+ }
255
+
256
+ .label-dismiss:focus-visible {
257
+ outline: 2px solid var(--kr-focus);
258
+ outline-offset: 2px;
259
+ }
260
+
261
+ .content {
262
+ padding: 16px;
263
+ }
264
+
265
+ /* Default slot styles - kr-tab children show/hide via their own active attribute */
266
+ ::slotted(kr-tab) {
267
+ display: none;
268
+ }
269
+
270
+ ::slotted(kr-tab[active]) {
271
+ display: block;
272
+ }
273
+ `,
274
+ ];
275
+ __decorate([
276
+ property({ type: String, attribute: 'active-tab-id' })
277
+ ], KRTabGroup.prototype, "activeTabId", void 0);
278
+ KRTabGroup = __decorate([
279
+ customElement('kr-tab-group')
280
+ ], KRTabGroup);
281
+ export { KRTabGroup };
282
+ //# sourceMappingURL=tabs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/tabs/tabs.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kodaris/krubble-components",
3
- "version": "1.0.4",
3
+ "version": "1.0.6",
4
4
  "description": "Krubble Lit Web Components Library",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",
@@ -1 +0,0 @@
1
- {"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../src/alert.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAIrD;;;;;GAKG;AACH,qBACa,OAAQ,SAAQ,UAAU;IACrC,OAAgB,MAAM,0BA2GpB;IAEF;;OAEG;IAEH,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAU;IAExD;;OAEG;IAEH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IAEH,WAAW,UAAS;IAEpB;;OAEG;IAEH,OAAO,UAAQ;IAEf,mCAAmC;IACnC,OAAO,CAAC,cAAc;IAKb,MAAM;CA2ChB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
package/dist/alert.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"alert.js","sourceRoot":"","sources":["../src/alert.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD;;;;;GAKG;AAEI,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IAAhC;;QA8GL;;WAEG;QAEH,SAAI,GAA6C,MAAM,CAAC;QAQxD;;WAEG;QAEH,gBAAW,GAAG,KAAK,CAAC;QAEpB;;WAEG;QAEH,YAAO,GAAG,IAAI,CAAC;IAmDjB,CAAC;IAjDC,mCAAmC;IAC3B,cAAc;QACpB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,SAAS,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IACpF,CAAC;IAEQ,MAAM;QACb,MAAM,KAAK,GAAG;YACZ,IAAI,EAAE,IAAI,CAAA,sPAAsP;YAChQ,OAAO,EAAE,IAAI,CAAA,2PAA2P;YACxQ,OAAO,EAAE,IAAI,CAAA,uUAAuU;YACpV,KAAK,EAAE,IAAI,CAAA,6UAA6U;SACzV,CAAC;QAEF,OAAO,IAAI,CAAA;;gBAEC,QAAQ,CAAC;YACf,OAAO,EAAE,IAAI;YACb,CAAC,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI;YAC7B,eAAe,EAAE,CAAC,IAAI,CAAC,OAAO;SAC/B,CAAC;;;UAGA,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;;YAEd,IAAI,CAAC,MAAM;YACX,CAAC,CAAC,IAAI,CAAA,sBAAsB,IAAI,CAAC,MAAM,OAAO;YAC9C,CAAC,CAAC,OAAO;;;;;UAKV,IAAI,CAAC,WAAW;YACjB,CAAC,CAAC,IAAI,CAAA;;;;;yBAKS,IAAI,CAAC,cAAc;;;;;;aAM/B;YACH,CAAC,CAAC,OAAQ;;KAEf,CAAC;IACJ,CAAC;;AArLe,cAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2G3B,AA3GqB,CA2GpB;AAMF;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCAC6B;AAMxD;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCACX;AAMhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CACR;AAMpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wCACb;AApIJ,OAAO;IADnB,aAAa,CAAC,UAAU,CAAC;GACb,OAAO,CAuLnB"}
File without changes
File without changes