@idp.global/catalog 1.1.1

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 (88) hide show
  1. package/assets/v2/draw-41d55381-b162-433d-956c-fe4cd400212e.png +0 -0
  2. package/assets/v2/draw-bd386bf3-ce94-4452-88da-05ae372fae35.png +0 -0
  3. package/assets/v2/draw-be69231a-f491-4bd3-9a47-71561ce14c15.png +0 -0
  4. package/assets/v2/draw-d58859a8-0615-44ec-80fe-626033c888f7.png +0 -0
  5. package/assets/v2/draw-db67b502-d987-4226-a5f8-d57e3f8d7ba9.png +0 -0
  6. package/assets/v2/draw-e6ac3ef5-5a93-464d-9d3f-5ae7b7278bdd.png +0 -0
  7. package/changelog.md +26 -0
  8. package/dist_bundle/bundle.js +6385 -0
  9. package/dist_ts_web/00_commitinfo_data.d.ts +8 -0
  10. package/dist_ts_web/00_commitinfo_data.js +9 -0
  11. package/dist_ts_web/elements/idp-admin-shell.d.ts +292 -0
  12. package/dist_ts_web/elements/idp-admin-shell.js +2615 -0
  13. package/dist_ts_web/elements/idp-approval-card.d.ts +25 -0
  14. package/dist_ts_web/elements/idp-approval-card.js +274 -0
  15. package/dist_ts_web/elements/idp-badge.d.ts +14 -0
  16. package/dist_ts_web/elements/idp-badge.js +135 -0
  17. package/dist_ts_web/elements/idp-button.d.ts +21 -0
  18. package/dist_ts_web/elements/idp-button.js +234 -0
  19. package/dist_ts_web/elements/idp-card.d.ts +15 -0
  20. package/dist_ts_web/elements/idp-card.js +139 -0
  21. package/dist_ts_web/elements/idp-checkbox.d.ts +23 -0
  22. package/dist_ts_web/elements/idp-checkbox.js +233 -0
  23. package/dist_ts_web/elements/idp-dashboard-window.d.ts +23 -0
  24. package/dist_ts_web/elements/idp-dashboard-window.js +587 -0
  25. package/dist_ts_web/elements/idp-data-table.d.ts +45 -0
  26. package/dist_ts_web/elements/idp-data-table.js +472 -0
  27. package/dist_ts_web/elements/idp-form-submit.d.ts +20 -0
  28. package/dist_ts_web/elements/idp-form-submit.js +136 -0
  29. package/dist_ts_web/elements/idp-form.d.ts +31 -0
  30. package/dist_ts_web/elements/idp-form.js +197 -0
  31. package/dist_ts_web/elements/idp-icon.d.ts +18 -0
  32. package/dist_ts_web/elements/idp-icon.js +204 -0
  33. package/dist_ts_web/elements/idp-inbox-preview.d.ts +18 -0
  34. package/dist_ts_web/elements/idp-inbox-preview.js +245 -0
  35. package/dist_ts_web/elements/idp-input.d.ts +26 -0
  36. package/dist_ts_web/elements/idp-input.js +249 -0
  37. package/dist_ts_web/elements/idp-landing-hero.d.ts +15 -0
  38. package/dist_ts_web/elements/idp-landing-hero.js +209 -0
  39. package/dist_ts_web/elements/idp-landing-page.d.ts +21 -0
  40. package/dist_ts_web/elements/idp-landing-page.js +694 -0
  41. package/dist_ts_web/elements/idp-mobile-frame.d.ts +14 -0
  42. package/dist_ts_web/elements/idp-mobile-frame.js +195 -0
  43. package/dist_ts_web/elements/idp-mobile-showcase.d.ts +16 -0
  44. package/dist_ts_web/elements/idp-mobile-showcase.js +339 -0
  45. package/dist_ts_web/elements/idp-select.d.ts +28 -0
  46. package/dist_ts_web/elements/idp-select.js +179 -0
  47. package/dist_ts_web/elements/idp-toggle.d.ts +15 -0
  48. package/dist_ts_web/elements/idp-toggle.js +134 -0
  49. package/dist_ts_web/elements/index.d.ts +20 -0
  50. package/dist_ts_web/elements/index.js +21 -0
  51. package/dist_ts_web/elements/tokens.d.ts +21 -0
  52. package/dist_ts_web/elements/tokens.js +190 -0
  53. package/dist_ts_web/index.d.ts +1 -0
  54. package/dist_ts_web/index.js +2 -0
  55. package/dist_ts_web/pages/index.d.ts +5 -0
  56. package/dist_ts_web/pages/index.js +23 -0
  57. package/dist_watch/bundle.js +120699 -0
  58. package/dist_watch/bundle.js.map +7 -0
  59. package/dist_watch/index.html +29 -0
  60. package/html/index.html +29 -0
  61. package/html/index.ts +39 -0
  62. package/license +21 -0
  63. package/package.json +64 -0
  64. package/readme.md +103 -0
  65. package/ts_web/00_commitinfo_data.ts +8 -0
  66. package/ts_web/elements/idp-admin-shell.ts +2664 -0
  67. package/ts_web/elements/idp-approval-card.ts +182 -0
  68. package/ts_web/elements/idp-badge.ts +84 -0
  69. package/ts_web/elements/idp-button.ts +166 -0
  70. package/ts_web/elements/idp-card.ts +76 -0
  71. package/ts_web/elements/idp-checkbox.ts +143 -0
  72. package/ts_web/elements/idp-dashboard-window.ts +564 -0
  73. package/ts_web/elements/idp-data-table.ts +407 -0
  74. package/ts_web/elements/idp-form-submit.ts +65 -0
  75. package/ts_web/elements/idp-form.ts +159 -0
  76. package/ts_web/elements/idp-icon.ts +263 -0
  77. package/ts_web/elements/idp-inbox-preview.ts +192 -0
  78. package/ts_web/elements/idp-input.ts +151 -0
  79. package/ts_web/elements/idp-landing-hero.ts +165 -0
  80. package/ts_web/elements/idp-landing-page.ts +655 -0
  81. package/ts_web/elements/idp-mobile-frame.ts +137 -0
  82. package/ts_web/elements/idp-mobile-showcase.ts +295 -0
  83. package/ts_web/elements/idp-select.ts +119 -0
  84. package/ts_web/elements/idp-toggle.ts +77 -0
  85. package/ts_web/elements/index.ts +20 -0
  86. package/ts_web/elements/tokens.ts +193 -0
  87. package/ts_web/index.ts +1 -0
  88. package/ts_web/pages/index.ts +26 -0
@@ -0,0 +1,234 @@
1
+ var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
2
+ function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
3
+ var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
4
+ var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
5
+ var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
6
+ var _, done = false;
7
+ for (var i = decorators.length - 1; i >= 0; i--) {
8
+ var context = {};
9
+ for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
10
+ for (var p in contextIn.access) context.access[p] = contextIn.access[p];
11
+ context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
12
+ var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
13
+ if (kind === "accessor") {
14
+ if (result === void 0) continue;
15
+ if (result === null || typeof result !== "object") throw new TypeError("Object expected");
16
+ if (_ = accept(result.get)) descriptor.get = _;
17
+ if (_ = accept(result.set)) descriptor.set = _;
18
+ if (_ = accept(result.init)) initializers.unshift(_);
19
+ }
20
+ else if (_ = accept(result)) {
21
+ if (kind === "field") initializers.unshift(_);
22
+ else descriptor[key] = _;
23
+ }
24
+ }
25
+ if (target) Object.defineProperty(target, contextIn.name, descriptor);
26
+ done = true;
27
+ };
28
+ var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
29
+ var useValue = arguments.length > 2;
30
+ for (var i = 0; i < initializers.length; i++) {
31
+ value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
32
+ }
33
+ return useValue ? value : void 0;
34
+ };
35
+ import { DeesElement, html, property, customElement, css, } from '@design.estate/dees-element';
36
+ import { idpElementStyles } from './tokens.js';
37
+ import './idp-icon.js';
38
+ let IdpButton = (() => {
39
+ let _classDecorators = [customElement('idp-button')];
40
+ let _classDescriptor;
41
+ let _classExtraInitializers = [];
42
+ let _classThis;
43
+ let _classSuper = DeesElement;
44
+ let _variant_decorators;
45
+ let _variant_initializers = [];
46
+ let _variant_extraInitializers = [];
47
+ let _size_decorators;
48
+ let _size_initializers = [];
49
+ let _size_extraInitializers = [];
50
+ let _icon_decorators;
51
+ let _icon_initializers = [];
52
+ let _icon_extraInitializers = [];
53
+ let _type_decorators;
54
+ let _type_initializers = [];
55
+ let _type_extraInitializers = [];
56
+ let _disabled_decorators;
57
+ let _disabled_initializers = [];
58
+ let _disabled_extraInitializers = [];
59
+ let _loading_decorators;
60
+ let _loading_initializers = [];
61
+ let _loading_extraInitializers = [];
62
+ var IdpButton = class extends _classSuper {
63
+ static { _classThis = this; }
64
+ static {
65
+ const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
66
+ _variant_decorators = [property({ type: String })];
67
+ _size_decorators = [property({ type: String })];
68
+ _icon_decorators = [property({ type: String })];
69
+ _type_decorators = [property({ type: String })];
70
+ _disabled_decorators = [property({ type: Boolean, reflect: true })];
71
+ _loading_decorators = [property({ type: Boolean, reflect: true })];
72
+ __esDecorate(this, null, _variant_decorators, { kind: "accessor", name: "variant", static: false, private: false, access: { has: obj => "variant" in obj, get: obj => obj.variant, set: (obj, value) => { obj.variant = value; } }, metadata: _metadata }, _variant_initializers, _variant_extraInitializers);
73
+ __esDecorate(this, null, _size_decorators, { kind: "accessor", name: "size", static: false, private: false, access: { has: obj => "size" in obj, get: obj => obj.size, set: (obj, value) => { obj.size = value; } }, metadata: _metadata }, _size_initializers, _size_extraInitializers);
74
+ __esDecorate(this, null, _icon_decorators, { kind: "accessor", name: "icon", static: false, private: false, access: { has: obj => "icon" in obj, get: obj => obj.icon, set: (obj, value) => { obj.icon = value; } }, metadata: _metadata }, _icon_initializers, _icon_extraInitializers);
75
+ __esDecorate(this, null, _type_decorators, { kind: "accessor", name: "type", static: false, private: false, access: { has: obj => "type" in obj, get: obj => obj.type, set: (obj, value) => { obj.type = value; } }, metadata: _metadata }, _type_initializers, _type_extraInitializers);
76
+ __esDecorate(this, null, _disabled_decorators, { kind: "accessor", name: "disabled", static: false, private: false, access: { has: obj => "disabled" in obj, get: obj => obj.disabled, set: (obj, value) => { obj.disabled = value; } }, metadata: _metadata }, _disabled_initializers, _disabled_extraInitializers);
77
+ __esDecorate(this, null, _loading_decorators, { kind: "accessor", name: "loading", static: false, private: false, access: { has: obj => "loading" in obj, get: obj => obj.loading, set: (obj, value) => { obj.loading = value; } }, metadata: _metadata }, _loading_initializers, _loading_extraInitializers);
78
+ __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
79
+ IdpButton = _classThis = _classDescriptor.value;
80
+ if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
81
+ }
82
+ static demo = () => html `
83
+ <div style="display: flex; gap: 10px; flex-wrap: wrap;">
84
+ <idp-button>Default</idp-button>
85
+ <idp-button variant="accent">Approve</idp-button>
86
+ <idp-button variant="outline">Deny</idp-button>
87
+ <idp-button variant="ghost">Ghost</idp-button>
88
+ <idp-button variant="destructive">Delete</idp-button>
89
+ </div>
90
+ `;
91
+ static demoGroups = ['idp.global v3 primitives'];
92
+ #variant_accessor_storage = __runInitializers(this, _variant_initializers, 'default');
93
+ get variant() { return this.#variant_accessor_storage; }
94
+ set variant(value) { this.#variant_accessor_storage = value; }
95
+ #size_accessor_storage = (__runInitializers(this, _variant_extraInitializers), __runInitializers(this, _size_initializers, 'md'));
96
+ get size() { return this.#size_accessor_storage; }
97
+ set size(value) { this.#size_accessor_storage = value; }
98
+ #icon_accessor_storage = (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _icon_initializers, ''));
99
+ get icon() { return this.#icon_accessor_storage; }
100
+ set icon(value) { this.#icon_accessor_storage = value; }
101
+ #type_accessor_storage = (__runInitializers(this, _icon_extraInitializers), __runInitializers(this, _type_initializers, 'button'));
102
+ get type() { return this.#type_accessor_storage; }
103
+ set type(value) { this.#type_accessor_storage = value; }
104
+ #disabled_accessor_storage = (__runInitializers(this, _type_extraInitializers), __runInitializers(this, _disabled_initializers, false));
105
+ get disabled() { return this.#disabled_accessor_storage; }
106
+ set disabled(value) { this.#disabled_accessor_storage = value; }
107
+ #loading_accessor_storage = (__runInitializers(this, _disabled_extraInitializers), __runInitializers(this, _loading_initializers, false));
108
+ get loading() { return this.#loading_accessor_storage; }
109
+ set loading(value) { this.#loading_accessor_storage = value; }
110
+ static styles = [
111
+ ...idpElementStyles,
112
+ css `
113
+ :host {
114
+ display: inline-block;
115
+ }
116
+ :host([disabled]) {
117
+ pointer-events: none;
118
+ }
119
+ button {
120
+ display: inline-flex;
121
+ align-items: center;
122
+ justify-content: center;
123
+ gap: 6px;
124
+ border: 1px solid transparent;
125
+ border-radius: 6px;
126
+ font-family: var(--idp-font);
127
+ font-weight: 500;
128
+ letter-spacing: -0.01em;
129
+ white-space: nowrap;
130
+ cursor: pointer;
131
+ transition: background 120ms ease, color 120ms ease, border-color 120ms ease, transform 80ms ease;
132
+ }
133
+ button:active:not(:disabled) {
134
+ transform: translateY(1px);
135
+ }
136
+ button:focus-visible {
137
+ outline: 2px solid color-mix(in srgb, var(--idp-accent), transparent 68%);
138
+ outline-offset: 2px;
139
+ }
140
+ button:disabled {
141
+ opacity: 0.5;
142
+ cursor: not-allowed;
143
+ }
144
+ .sm {
145
+ height: 32px;
146
+ padding: 0 12px;
147
+ font-size: 13px;
148
+ }
149
+ .md {
150
+ height: 38px;
151
+ padding: 0 14px;
152
+ font-size: 14px;
153
+ }
154
+ .lg {
155
+ height: 44px;
156
+ padding: 0 18px;
157
+ font-size: 15px;
158
+ }
159
+ .default {
160
+ background: var(--idp-primary);
161
+ color: var(--idp-primary-fg);
162
+ }
163
+ .default:hover:not(:disabled) {
164
+ opacity: 0.88;
165
+ }
166
+ .accent {
167
+ background: var(--idp-accent);
168
+ color: var(--idp-accent-fg);
169
+ box-shadow: 0 4px 14px color-mix(in srgb, var(--idp-accent), transparent 64%);
170
+ }
171
+ .accent:hover:not(:disabled) {
172
+ background: var(--idp-accent-hover);
173
+ }
174
+ .secondary {
175
+ background: var(--idp-muted);
176
+ color: var(--idp-fg);
177
+ border-color: var(--idp-border);
178
+ }
179
+ .outline {
180
+ background: transparent;
181
+ color: var(--idp-fg);
182
+ border-color: var(--idp-border);
183
+ }
184
+ .outline:hover:not(:disabled), .secondary:hover:not(:disabled), .ghost:hover:not(:disabled) {
185
+ background: var(--idp-muted);
186
+ }
187
+ .ghost {
188
+ background: transparent;
189
+ color: var(--idp-fg);
190
+ }
191
+ .destructive {
192
+ background: var(--idp-destructive);
193
+ color: var(--idp-accent-fg);
194
+ }
195
+ idp-icon {
196
+ flex: 0 0 auto;
197
+ }
198
+ .spinner {
199
+ width: 13px;
200
+ height: 13px;
201
+ border: 2px solid currentColor;
202
+ border-right-color: transparent;
203
+ border-radius: 999px;
204
+ animation: spin 700ms linear infinite;
205
+ }
206
+ @keyframes spin {
207
+ to {
208
+ transform: rotate(360deg);
209
+ }
210
+ }
211
+ `,
212
+ ];
213
+ render() {
214
+ return html `
215
+ <button class="${this.variant} ${this.size}" type=${this.type} ?disabled=${this.disabled || this.loading} part="button">
216
+ ${this.loading
217
+ ? html `<span class="spinner" aria-hidden="true"></span>`
218
+ : this.icon ? html `<idp-icon name=${this.icon} size="14"></idp-icon>` : html ``}
219
+ <slot></slot>
220
+ </button>
221
+ `;
222
+ }
223
+ constructor() {
224
+ super(...arguments);
225
+ __runInitializers(this, _loading_extraInitializers);
226
+ }
227
+ static {
228
+ __runInitializers(_classThis, _classExtraInitializers);
229
+ }
230
+ };
231
+ return IdpButton = _classThis;
232
+ })();
233
+ export { IdpButton };
234
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWRwLWJ1dHRvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9pZHAtYnV0dG9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQ0wsV0FBVyxFQUNYLElBQUksRUFDSixRQUFRLEVBQ1IsYUFBYSxFQUNiLEdBQUcsR0FFSixNQUFNLDZCQUE2QixDQUFDO0FBQ3JDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUMvQyxPQUFPLGVBQWUsQ0FBQztJQVlWLFNBQVM7NEJBRHJCLGFBQWEsQ0FBQyxZQUFZLENBQUM7Ozs7c0JBQ0csV0FBVzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozt5QkFBbkIsU0FBUSxXQUFXOzs7O21DQVl2QyxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7Z0NBRzFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQztnQ0FHMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO2dDQUcxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7b0NBRzFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxDQUFDO21DQUcxQyxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQztZQWQzQywwS0FBZ0IsT0FBTyw2QkFBUCxPQUFPLHlGQUFnQztZQUd2RCxpS0FBZ0IsSUFBSSw2QkFBSixJQUFJLG1GQUF3QjtZQUc1QyxpS0FBZ0IsSUFBSSw2QkFBSixJQUFJLG1GQUFNO1lBRzFCLGlLQUFnQixJQUFJLDZCQUFKLElBQUksbUZBQTJDO1lBRy9ELDZLQUFnQixRQUFRLDZCQUFSLFFBQVEsMkZBQVM7WUFHakMsMEtBQWdCLE9BQU8sNkJBQVAsT0FBTyx5RkFBUztZQTVCbEMsNktBZ0pDOzs7O1FBL0lRLE1BQU0sQ0FBQyxJQUFJLEdBQUcsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFBOzs7Ozs7OztHQVE5QixDQUFDO1FBQ0ssTUFBTSxDQUFDLFVBQVUsR0FBRyxDQUFDLDBCQUEwQixDQUFDLENBQUM7UUFHeEQsMkVBQTZDLFNBQVMsRUFBQztRQUF2RCxJQUFnQixPQUFPLDZDQUFnQztRQUF2RCxJQUFnQixPQUFPLG1EQUFnQztRQUd2RCwySEFBdUMsSUFBSSxHQUFDO1FBQTVDLElBQWdCLElBQUksMENBQXdCO1FBQTVDLElBQWdCLElBQUksZ0RBQXdCO1FBRzVDLHdIQUF1QixFQUFFLEdBQUM7UUFBMUIsSUFBZ0IsSUFBSSwwQ0FBTTtRQUExQixJQUFnQixJQUFJLGdEQUFNO1FBRzFCLHdIQUFzRCxRQUFRLEdBQUM7UUFBL0QsSUFBZ0IsSUFBSSwwQ0FBMkM7UUFBL0QsSUFBZ0IsSUFBSSxnREFBMkM7UUFHL0QsZ0lBQTJCLEtBQUssR0FBQztRQUFqQyxJQUFnQixRQUFRLDhDQUFTO1FBQWpDLElBQWdCLFFBQVEsb0RBQVM7UUFHakMsa0lBQTBCLEtBQUssR0FBQztRQUFoQyxJQUFnQixPQUFPLDZDQUFTO1FBQWhDLElBQWdCLE9BQU8sbURBQVM7UUFFekIsTUFBTSxDQUFDLE1BQU0sR0FBRztZQUNyQixHQUFHLGdCQUFnQjtZQUNuQixHQUFHLENBQUE7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztLQW1HRjtTQUNGLENBQUM7UUFFSyxNQUFNO1lBQ1gsT0FBTyxJQUFJLENBQUE7dUJBQ1EsSUFBSSxDQUFDLE9BQU8sSUFBSSxJQUFJLENBQUMsSUFBSSxVQUFVLElBQUksQ0FBQyxJQUFJLGNBQWMsSUFBSSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsT0FBTztVQUNwRyxJQUFJLENBQUMsT0FBTztnQkFDWixDQUFDLENBQUMsSUFBSSxDQUFBLGtEQUFrRDtnQkFDeEQsQ0FBQyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQSxrQkFBa0IsSUFBSSxDQUFDLElBQVcsd0JBQXdCLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQSxFQUFFOzs7S0FHMUYsQ0FBQztRQUNKLENBQUM7Ozs7OztZQS9JVSx1REFBUzs7Ozs7U0FBVCxTQUFTIn0=
@@ -0,0 +1,15 @@
1
+ import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
2
+ declare global {
3
+ interface HTMLElementTagNameMap {
4
+ 'idp-card': IdpCard;
5
+ }
6
+ }
7
+ export declare class IdpCard extends DeesElement {
8
+ static demo: () => TemplateResult<1>;
9
+ static demoGroups: string[];
10
+ accessor headline: string;
11
+ accessor description: string;
12
+ accessor elevated: boolean;
13
+ static styles: import("@design.estate/dees-element").CSSResult[];
14
+ render(): TemplateResult;
15
+ }
@@ -0,0 +1,139 @@
1
+ var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
2
+ function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
3
+ var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
4
+ var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
5
+ var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
6
+ var _, done = false;
7
+ for (var i = decorators.length - 1; i >= 0; i--) {
8
+ var context = {};
9
+ for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
10
+ for (var p in contextIn.access) context.access[p] = contextIn.access[p];
11
+ context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
12
+ var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
13
+ if (kind === "accessor") {
14
+ if (result === void 0) continue;
15
+ if (result === null || typeof result !== "object") throw new TypeError("Object expected");
16
+ if (_ = accept(result.get)) descriptor.get = _;
17
+ if (_ = accept(result.set)) descriptor.set = _;
18
+ if (_ = accept(result.init)) initializers.unshift(_);
19
+ }
20
+ else if (_ = accept(result)) {
21
+ if (kind === "field") initializers.unshift(_);
22
+ else descriptor[key] = _;
23
+ }
24
+ }
25
+ if (target) Object.defineProperty(target, contextIn.name, descriptor);
26
+ done = true;
27
+ };
28
+ var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
29
+ var useValue = arguments.length > 2;
30
+ for (var i = 0; i < initializers.length; i++) {
31
+ value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
32
+ }
33
+ return useValue ? value : void 0;
34
+ };
35
+ import { DeesElement, html, property, customElement, css } from '@design.estate/dees-element';
36
+ import { idpElementStyles } from './tokens.js';
37
+ let IdpCard = (() => {
38
+ let _classDecorators = [customElement('idp-card')];
39
+ let _classDescriptor;
40
+ let _classExtraInitializers = [];
41
+ let _classThis;
42
+ let _classSuper = DeesElement;
43
+ let _headline_decorators;
44
+ let _headline_initializers = [];
45
+ let _headline_extraInitializers = [];
46
+ let _description_decorators;
47
+ let _description_initializers = [];
48
+ let _description_extraInitializers = [];
49
+ let _elevated_decorators;
50
+ let _elevated_initializers = [];
51
+ let _elevated_extraInitializers = [];
52
+ var IdpCard = class extends _classSuper {
53
+ static { _classThis = this; }
54
+ static {
55
+ const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
56
+ _headline_decorators = [property({ type: String })];
57
+ _description_decorators = [property({ type: String })];
58
+ _elevated_decorators = [property({ type: Boolean, reflect: true })];
59
+ __esDecorate(this, null, _headline_decorators, { kind: "accessor", name: "headline", static: false, private: false, access: { has: obj => "headline" in obj, get: obj => obj.headline, set: (obj, value) => { obj.headline = value; } }, metadata: _metadata }, _headline_initializers, _headline_extraInitializers);
60
+ __esDecorate(this, null, _description_decorators, { kind: "accessor", name: "description", static: false, private: false, access: { has: obj => "description" in obj, get: obj => obj.description, set: (obj, value) => { obj.description = value; } }, metadata: _metadata }, _description_initializers, _description_extraInitializers);
61
+ __esDecorate(this, null, _elevated_decorators, { kind: "accessor", name: "elevated", static: false, private: false, access: { has: obj => "elevated" in obj, get: obj => obj.elevated, set: (obj, value) => { obj.elevated = value; } }, metadata: _metadata }, _elevated_initializers, _elevated_extraInitializers);
62
+ __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
63
+ IdpCard = _classThis = _classDescriptor.value;
64
+ if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
65
+ }
66
+ static demo = () => html `<idp-card headline="Card title" description="Muted supporting text.">Card content</idp-card>`;
67
+ static demoGroups = ['idp.global v3 primitives'];
68
+ #headline_accessor_storage = __runInitializers(this, _headline_initializers, '');
69
+ get headline() { return this.#headline_accessor_storage; }
70
+ set headline(value) { this.#headline_accessor_storage = value; }
71
+ #description_accessor_storage = (__runInitializers(this, _headline_extraInitializers), __runInitializers(this, _description_initializers, ''));
72
+ get description() { return this.#description_accessor_storage; }
73
+ set description(value) { this.#description_accessor_storage = value; }
74
+ #elevated_accessor_storage = (__runInitializers(this, _description_extraInitializers), __runInitializers(this, _elevated_initializers, false));
75
+ get elevated() { return this.#elevated_accessor_storage; }
76
+ set elevated(value) { this.#elevated_accessor_storage = value; }
77
+ static styles = [
78
+ ...idpElementStyles,
79
+ css `
80
+ :host {
81
+ display: block;
82
+ }
83
+ .card {
84
+ background: var(--idp-card);
85
+ border: 1px solid var(--idp-border);
86
+ border-radius: var(--idp-radius-lg);
87
+ color: var(--idp-fg);
88
+ padding: 20px;
89
+ }
90
+ :host([elevated]) .card {
91
+ box-shadow: 0 8px 24px -10px rgb(0 0 0 / 0.28);
92
+ }
93
+ .head {
94
+ display: flex;
95
+ justify-content: space-between;
96
+ gap: 16px;
97
+ margin-bottom: 16px;
98
+ }
99
+ .headline {
100
+ font-size: 14px;
101
+ font-weight: 650;
102
+ line-height: 1.35;
103
+ }
104
+ .description {
105
+ color: var(--idp-muted-fg);
106
+ font-size: 13px;
107
+ line-height: 1.5;
108
+ margin-top: 3px;
109
+ }
110
+ `,
111
+ ];
112
+ render() {
113
+ return html `
114
+ <section class="card" part="card">
115
+ ${this.headline || this.description ? html `
116
+ <div class="head">
117
+ <div>
118
+ ${this.headline ? html `<div class="headline">${this.headline}</div>` : html ``}
119
+ ${this.description ? html `<div class="description">${this.description}</div>` : html ``}
120
+ </div>
121
+ <slot name="action"></slot>
122
+ </div>
123
+ ` : html ``}
124
+ <slot></slot>
125
+ </section>
126
+ `;
127
+ }
128
+ constructor() {
129
+ super(...arguments);
130
+ __runInitializers(this, _elevated_extraInitializers);
131
+ }
132
+ static {
133
+ __runInitializers(_classThis, _classExtraInitializers);
134
+ }
135
+ };
136
+ return IdpCard = _classThis;
137
+ })();
138
+ export { IdpCard };
139
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWRwLWNhcmQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvZWxlbWVudHMvaWRwLWNhcmQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLE9BQU8sRUFBRSxXQUFXLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxhQUFhLEVBQUUsR0FBRyxFQUF1QixNQUFNLDZCQUE2QixDQUFDO0FBQ25ILE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGFBQWEsQ0FBQztJQVNsQyxPQUFPOzRCQURuQixhQUFhLENBQUMsVUFBVSxDQUFDOzs7O3NCQUNHLFdBQVc7Ozs7Ozs7Ozs7dUJBQW5CLFNBQVEsV0FBVzs7OztvQ0FJckMsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO3VDQUcxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7b0NBRzFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxDQUFDO1lBTDNDLDZLQUFnQixRQUFRLDZCQUFSLFFBQVEsMkZBQU07WUFHOUIsc0xBQWdCLFdBQVcsNkJBQVgsV0FBVyxpR0FBTTtZQUdqQyw2S0FBZ0IsUUFBUSw2QkFBUixRQUFRLDJGQUFTO1lBWG5DLDZLQWlFQzs7OztRQWhFUSxNQUFNLENBQUMsSUFBSSxHQUFHLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQSw4RkFBOEYsQ0FBQztRQUN2SCxNQUFNLENBQUMsVUFBVSxHQUFHLENBQUMsMEJBQTBCLENBQUMsQ0FBQztRQUd4RCw2RUFBMkIsRUFBRSxFQUFDO1FBQTlCLElBQWdCLFFBQVEsOENBQU07UUFBOUIsSUFBZ0IsUUFBUSxvREFBTTtRQUc5QiwwSUFBOEIsRUFBRSxHQUFDO1FBQWpDLElBQWdCLFdBQVcsaURBQU07UUFBakMsSUFBZ0IsV0FBVyx1REFBTTtRQUdqQyx1SUFBMkIsS0FBSyxHQUFDO1FBQWpDLElBQWdCLFFBQVEsOENBQVM7UUFBakMsSUFBZ0IsUUFBUSxvREFBUztRQUUxQixNQUFNLENBQUMsTUFBTSxHQUFHO1lBQ3JCLEdBQUcsZ0JBQWdCO1lBQ25CLEdBQUcsQ0FBQTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztLQStCRjtTQUNGLENBQUM7UUFFSyxNQUFNO1lBQ1gsT0FBTyxJQUFJLENBQUE7O1VBRUwsSUFBSSxDQUFDLFFBQVEsSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUE7OztnQkFHbEMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFBLHlCQUF5QixJQUFJLENBQUMsUUFBUSxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQSxFQUFFO2dCQUMzRSxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUEsNEJBQTRCLElBQUksQ0FBQyxXQUFXLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFBLEVBQUU7Ozs7U0FJM0YsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFBLEVBQUU7OztLQUdiLENBQUM7UUFDSixDQUFDOzs7Ozs7WUFoRVUsdURBQU87Ozs7O1NBQVAsT0FBTyJ9
@@ -0,0 +1,23 @@
1
+ import { DeesElement, type TemplateResult } from '@design.estate/dees-element';
2
+ declare global {
3
+ interface HTMLElementTagNameMap {
4
+ 'idp-checkbox': IdpCheckbox;
5
+ }
6
+ }
7
+ export declare class IdpCheckbox extends DeesElement {
8
+ static demo: () => TemplateResult<1>;
9
+ static demoGroups: string[];
10
+ accessor label: string;
11
+ accessor name: string;
12
+ accessor key: string;
13
+ accessor value: string;
14
+ accessor hint: string;
15
+ accessor error: string;
16
+ accessor checked: boolean;
17
+ accessor required: boolean;
18
+ accessor disabled: boolean;
19
+ static styles: import("@design.estate/dees-element").CSSResult[];
20
+ validate(): boolean;
21
+ private handleChange;
22
+ render(): TemplateResult;
23
+ }
@@ -0,0 +1,233 @@
1
+ var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
2
+ function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
3
+ var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
4
+ var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
5
+ var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
6
+ var _, done = false;
7
+ for (var i = decorators.length - 1; i >= 0; i--) {
8
+ var context = {};
9
+ for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
10
+ for (var p in contextIn.access) context.access[p] = contextIn.access[p];
11
+ context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
12
+ var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
13
+ if (kind === "accessor") {
14
+ if (result === void 0) continue;
15
+ if (result === null || typeof result !== "object") throw new TypeError("Object expected");
16
+ if (_ = accept(result.get)) descriptor.get = _;
17
+ if (_ = accept(result.set)) descriptor.set = _;
18
+ if (_ = accept(result.init)) initializers.unshift(_);
19
+ }
20
+ else if (_ = accept(result)) {
21
+ if (kind === "field") initializers.unshift(_);
22
+ else descriptor[key] = _;
23
+ }
24
+ }
25
+ if (target) Object.defineProperty(target, contextIn.name, descriptor);
26
+ done = true;
27
+ };
28
+ var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
29
+ var useValue = arguments.length > 2;
30
+ for (var i = 0; i < initializers.length; i++) {
31
+ value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
32
+ }
33
+ return useValue ? value : void 0;
34
+ };
35
+ import { DeesElement, html, property, customElement, css } from '@design.estate/dees-element';
36
+ import { idpElementStyles } from './tokens.js';
37
+ let IdpCheckbox = (() => {
38
+ let _classDecorators = [customElement('idp-checkbox')];
39
+ let _classDescriptor;
40
+ let _classExtraInitializers = [];
41
+ let _classThis;
42
+ let _classSuper = DeesElement;
43
+ let _label_decorators;
44
+ let _label_initializers = [];
45
+ let _label_extraInitializers = [];
46
+ let _name_decorators;
47
+ let _name_initializers = [];
48
+ let _name_extraInitializers = [];
49
+ let _key_decorators;
50
+ let _key_initializers = [];
51
+ let _key_extraInitializers = [];
52
+ let _value_decorators;
53
+ let _value_initializers = [];
54
+ let _value_extraInitializers = [];
55
+ let _hint_decorators;
56
+ let _hint_initializers = [];
57
+ let _hint_extraInitializers = [];
58
+ let _error_decorators;
59
+ let _error_initializers = [];
60
+ let _error_extraInitializers = [];
61
+ let _checked_decorators;
62
+ let _checked_initializers = [];
63
+ let _checked_extraInitializers = [];
64
+ let _required_decorators;
65
+ let _required_initializers = [];
66
+ let _required_extraInitializers = [];
67
+ let _disabled_decorators;
68
+ let _disabled_initializers = [];
69
+ let _disabled_extraInitializers = [];
70
+ var IdpCheckbox = class extends _classSuper {
71
+ static { _classThis = this; }
72
+ static {
73
+ const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
74
+ _label_decorators = [property({ type: String })];
75
+ _name_decorators = [property({ type: String })];
76
+ _key_decorators = [property({ type: String })];
77
+ _value_decorators = [property({ type: String })];
78
+ _hint_decorators = [property({ type: String })];
79
+ _error_decorators = [property({ type: String })];
80
+ _checked_decorators = [property({ type: Boolean, reflect: true })];
81
+ _required_decorators = [property({ type: Boolean, reflect: true })];
82
+ _disabled_decorators = [property({ type: Boolean, reflect: true })];
83
+ __esDecorate(this, null, _label_decorators, { kind: "accessor", name: "label", static: false, private: false, access: { has: obj => "label" in obj, get: obj => obj.label, set: (obj, value) => { obj.label = value; } }, metadata: _metadata }, _label_initializers, _label_extraInitializers);
84
+ __esDecorate(this, null, _name_decorators, { kind: "accessor", name: "name", static: false, private: false, access: { has: obj => "name" in obj, get: obj => obj.name, set: (obj, value) => { obj.name = value; } }, metadata: _metadata }, _name_initializers, _name_extraInitializers);
85
+ __esDecorate(this, null, _key_decorators, { kind: "accessor", name: "key", static: false, private: false, access: { has: obj => "key" in obj, get: obj => obj.key, set: (obj, value) => { obj.key = value; } }, metadata: _metadata }, _key_initializers, _key_extraInitializers);
86
+ __esDecorate(this, null, _value_decorators, { kind: "accessor", name: "value", static: false, private: false, access: { has: obj => "value" in obj, get: obj => obj.value, set: (obj, value) => { obj.value = value; } }, metadata: _metadata }, _value_initializers, _value_extraInitializers);
87
+ __esDecorate(this, null, _hint_decorators, { kind: "accessor", name: "hint", static: false, private: false, access: { has: obj => "hint" in obj, get: obj => obj.hint, set: (obj, value) => { obj.hint = value; } }, metadata: _metadata }, _hint_initializers, _hint_extraInitializers);
88
+ __esDecorate(this, null, _error_decorators, { kind: "accessor", name: "error", static: false, private: false, access: { has: obj => "error" in obj, get: obj => obj.error, set: (obj, value) => { obj.error = value; } }, metadata: _metadata }, _error_initializers, _error_extraInitializers);
89
+ __esDecorate(this, null, _checked_decorators, { kind: "accessor", name: "checked", static: false, private: false, access: { has: obj => "checked" in obj, get: obj => obj.checked, set: (obj, value) => { obj.checked = value; } }, metadata: _metadata }, _checked_initializers, _checked_extraInitializers);
90
+ __esDecorate(this, null, _required_decorators, { kind: "accessor", name: "required", static: false, private: false, access: { has: obj => "required" in obj, get: obj => obj.required, set: (obj, value) => { obj.required = value; } }, metadata: _metadata }, _required_initializers, _required_extraInitializers);
91
+ __esDecorate(this, null, _disabled_decorators, { kind: "accessor", name: "disabled", static: false, private: false, access: { has: obj => "disabled" in obj, get: obj => obj.disabled, set: (obj, value) => { obj.disabled = value; } }, metadata: _metadata }, _disabled_initializers, _disabled_extraInitializers);
92
+ __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
93
+ IdpCheckbox = _classThis = _classDescriptor.value;
94
+ if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
95
+ }
96
+ static demo = () => html `<idp-checkbox label="I agree to the terms" required></idp-checkbox>`;
97
+ static demoGroups = ['idp.global v3 primitives'];
98
+ #label_accessor_storage = __runInitializers(this, _label_initializers, '');
99
+ get label() { return this.#label_accessor_storage; }
100
+ set label(value) { this.#label_accessor_storage = value; }
101
+ #name_accessor_storage = (__runInitializers(this, _label_extraInitializers), __runInitializers(this, _name_initializers, ''));
102
+ get name() { return this.#name_accessor_storage; }
103
+ set name(value) { this.#name_accessor_storage = value; }
104
+ #key_accessor_storage = (__runInitializers(this, _name_extraInitializers), __runInitializers(this, _key_initializers, ''));
105
+ get key() { return this.#key_accessor_storage; }
106
+ set key(value) { this.#key_accessor_storage = value; }
107
+ #value_accessor_storage = (__runInitializers(this, _key_extraInitializers), __runInitializers(this, _value_initializers, 'on'));
108
+ get value() { return this.#value_accessor_storage; }
109
+ set value(value) { this.#value_accessor_storage = value; }
110
+ #hint_accessor_storage = (__runInitializers(this, _value_extraInitializers), __runInitializers(this, _hint_initializers, ''));
111
+ get hint() { return this.#hint_accessor_storage; }
112
+ set hint(value) { this.#hint_accessor_storage = value; }
113
+ #error_accessor_storage = (__runInitializers(this, _hint_extraInitializers), __runInitializers(this, _error_initializers, ''));
114
+ get error() { return this.#error_accessor_storage; }
115
+ set error(value) { this.#error_accessor_storage = value; }
116
+ #checked_accessor_storage = (__runInitializers(this, _error_extraInitializers), __runInitializers(this, _checked_initializers, false));
117
+ get checked() { return this.#checked_accessor_storage; }
118
+ set checked(value) { this.#checked_accessor_storage = value; }
119
+ #required_accessor_storage = (__runInitializers(this, _checked_extraInitializers), __runInitializers(this, _required_initializers, false));
120
+ get required() { return this.#required_accessor_storage; }
121
+ set required(value) { this.#required_accessor_storage = value; }
122
+ #disabled_accessor_storage = (__runInitializers(this, _required_extraInitializers), __runInitializers(this, _disabled_initializers, false));
123
+ get disabled() { return this.#disabled_accessor_storage; }
124
+ set disabled(value) { this.#disabled_accessor_storage = value; }
125
+ static styles = [
126
+ ...idpElementStyles,
127
+ css `
128
+ :host {
129
+ display: block;
130
+ }
131
+ label {
132
+ display: grid;
133
+ grid-template-columns: 18px 1fr;
134
+ gap: 10px;
135
+ align-items: start;
136
+ color: var(--idp-fg);
137
+ font-size: 13px;
138
+ line-height: 1.4;
139
+ cursor: pointer;
140
+ }
141
+ input {
142
+ appearance: none;
143
+ width: 18px;
144
+ height: 18px;
145
+ margin: 0;
146
+ border: 1px solid var(--idp-border);
147
+ border-radius: 5px;
148
+ background: var(--idp-card);
149
+ cursor: pointer;
150
+ transition: background 120ms ease, border-color 120ms ease, box-shadow 120ms ease;
151
+ }
152
+ input:checked {
153
+ border-color: var(--idp-accent);
154
+ background: var(--idp-accent);
155
+ box-shadow: inset 0 0 0 3px var(--idp-card);
156
+ }
157
+ input:focus-visible {
158
+ outline: 2px solid color-mix(in srgb, var(--idp-accent), transparent 68%);
159
+ outline-offset: 2px;
160
+ }
161
+ input[aria-invalid='true'] {
162
+ border-color: var(--idp-destructive);
163
+ }
164
+ input:disabled,
165
+ :host([disabled]) label {
166
+ cursor: not-allowed;
167
+ opacity: 0.55;
168
+ }
169
+ .copy {
170
+ display: grid;
171
+ gap: 4px;
172
+ }
173
+ .hint,
174
+ .error {
175
+ color: var(--idp-muted-fg);
176
+ font-size: 12px;
177
+ }
178
+ .error {
179
+ color: var(--idp-destructive);
180
+ }
181
+ `,
182
+ ];
183
+ validate() {
184
+ if (this.required && !this.checked) {
185
+ this.error = `${this.label || this.name || 'This field'} is required.`;
186
+ return false;
187
+ }
188
+ this.error = '';
189
+ return true;
190
+ }
191
+ handleChange(eventArg) {
192
+ this.checked = eventArg.target.checked;
193
+ if (this.error) {
194
+ this.validate();
195
+ }
196
+ this.dispatchEvent(new CustomEvent('idp-checkbox-change', {
197
+ detail: { name: this.name || this.key, key: this.key || this.name, checked: this.checked, value: this.value },
198
+ bubbles: true,
199
+ composed: true,
200
+ }));
201
+ }
202
+ render() {
203
+ return html `
204
+ <label>
205
+ <input
206
+ type="checkbox"
207
+ name=${this.name || this.key}
208
+ value=${this.value}
209
+ ?checked=${this.checked}
210
+ ?required=${this.required}
211
+ ?disabled=${this.disabled}
212
+ aria-invalid=${this.error ? 'true' : 'false'}
213
+ @change=${this.handleChange}
214
+ />
215
+ <span class="copy">
216
+ <span>${this.label}</span>
217
+ ${this.error ? html `<span class="error">${this.error}</span>` : this.hint ? html `<span class="hint">${this.hint}</span>` : html ``}
218
+ </span>
219
+ </label>
220
+ `;
221
+ }
222
+ constructor() {
223
+ super(...arguments);
224
+ __runInitializers(this, _disabled_extraInitializers);
225
+ }
226
+ static {
227
+ __runInitializers(_classThis, _classExtraInitializers);
228
+ }
229
+ };
230
+ return IdpCheckbox = _classThis;
231
+ })();
232
+ export { IdpCheckbox };
233
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWRwLWNoZWNrYm94LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL2lkcC1jaGVja2JveC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLGFBQWEsRUFBRSxHQUFHLEVBQXVCLE1BQU0sNkJBQTZCLENBQUM7QUFDbkgsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sYUFBYSxDQUFDO0lBU2xDLFdBQVc7NEJBRHZCLGFBQWEsQ0FBQyxjQUFjLENBQUM7Ozs7c0JBQ0csV0FBVzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsyQkFBbkIsU0FBUSxXQUFXOzs7O2lDQUl6QyxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7Z0NBRzFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQzsrQkFHMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO2lDQUcxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7Z0NBRzFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQztpQ0FHMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO21DQUcxQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQztvQ0FHMUMsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUM7b0NBRzFDLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxDQUFDO1lBdkIzQyxvS0FBZ0IsS0FBSyw2QkFBTCxLQUFL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