@consent.software/catalog 1.6.0 → 2.0.0
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/dist_bundle/bundle.js +632 -401
- package/dist_bundle/bundle.js.map +4 -4
- package/dist_ts_web/00_commitinfo_data.js +1 -1
- package/dist_ts_web/elements/consentsoftware-cookieconsent.d.ts +4 -20
- package/dist_ts_web/elements/consentsoftware-cookieconsent.js +267 -303
- package/dist_ts_web/elements/consentsoftware-header.d.ts +3 -4
- package/dist_ts_web/elements/consentsoftware-header.js +89 -38
- package/dist_ts_web/elements/consentsoftware-mainselection.d.ts +6 -7
- package/dist_ts_web/elements/consentsoftware-mainselection.js +126 -54
- package/dist_ts_web/elements/consentsoftware-tabs.d.ts +4 -5
- package/dist_ts_web/elements/consentsoftware-tabs.js +109 -62
- package/dist_ts_web/elements/consentsoftware-toggle.d.ts +11 -9
- package/dist_ts_web/elements/consentsoftware-toggle.js +262 -214
- package/dist_ts_web/elements/shared.d.ts +35 -1
- package/dist_ts_web/elements/shared.js +36 -2
- package/dist_ts_web/pages/page1.d.ts +1 -1
- package/dist_ts_web/pages/page1.js +2 -2
- package/dist_watch/bundle.js +10228 -4196
- package/dist_watch/bundle.js.map +4 -4
- package/package.json +9 -9
- package/readme.md +149 -80
- package/ts_web/00_commitinfo_data.ts +1 -1
- package/ts_web/elements/consentsoftware-cookieconsent.ts +150 -218
- package/ts_web/elements/consentsoftware-header.ts +40 -23
- package/ts_web/elements/consentsoftware-mainselection.ts +63 -33
- package/ts_web/elements/consentsoftware-tabs.ts +51 -37
- package/ts_web/elements/consentsoftware-toggle.ts +123 -107
- package/ts_web/elements/shared.ts +38 -2
- package/ts_web/pages/page1.ts +1 -1
- package/ts_web/tsconfig.json +4 -4
|
@@ -1,112 +1,170 @@
|
|
|
1
|
-
var
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
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;
|
|
6
27
|
};
|
|
7
|
-
var
|
|
8
|
-
|
|
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;
|
|
9
34
|
};
|
|
10
|
-
import {
|
|
11
|
-
import { customElement } from '
|
|
12
|
-
import { property } from 'lit/decorators/property.js';
|
|
35
|
+
import { cssManager, colors } from './shared.js';
|
|
36
|
+
import { DeesElement, customElement, html, css, property, } from '@design.estate/dees-element';
|
|
13
37
|
import { delayFor } from '@push.rocks/smartdelay';
|
|
14
|
-
let ConsentsoftwareToggle =
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
38
|
+
let ConsentsoftwareToggle = (() => {
|
|
39
|
+
let _classDecorators = [customElement('consentsoftware-toggle')];
|
|
40
|
+
let _classDescriptor;
|
|
41
|
+
let _classExtraInitializers = [];
|
|
42
|
+
let _classThis;
|
|
43
|
+
let _classSuper = DeesElement;
|
|
44
|
+
let _required_decorators;
|
|
45
|
+
let _required_initializers = [];
|
|
46
|
+
let _required_extraInitializers = [];
|
|
47
|
+
let _selected_decorators;
|
|
48
|
+
let _selected_initializers = [];
|
|
49
|
+
let _selected_extraInitializers = [];
|
|
50
|
+
var ConsentsoftwareToggle = class extends _classSuper {
|
|
51
|
+
static { _classThis = this; }
|
|
52
|
+
static {
|
|
53
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
54
|
+
_required_decorators = [property({ type: Boolean })];
|
|
55
|
+
_selected_decorators = [property({ type: Boolean, reflect: true })];
|
|
56
|
+
__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);
|
|
57
|
+
__esDecorate(this, null, _selected_decorators, { kind: "accessor", name: "selected", static: false, private: false, access: { has: obj => "selected" in obj, get: obj => obj.selected, set: (obj, value) => { obj.selected = value; } }, metadata: _metadata }, _selected_initializers, _selected_extraInitializers);
|
|
58
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
59
|
+
ConsentsoftwareToggle = _classThis = _classDescriptor.value;
|
|
60
|
+
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
61
|
+
}
|
|
62
|
+
#required_accessor_storage = __runInitializers(this, _required_initializers, false);
|
|
63
|
+
get required() { return this.#required_accessor_storage; }
|
|
64
|
+
set required(value) { this.#required_accessor_storage = value; }
|
|
65
|
+
#selected_accessor_storage = (__runInitializers(this, _required_extraInitializers), __runInitializers(this, _selected_initializers, false));
|
|
66
|
+
get selected() { return this.#selected_accessor_storage; }
|
|
67
|
+
set selected(value) { this.#selected_accessor_storage = value; }
|
|
68
|
+
/**
|
|
69
|
+
* Knob position tracking (0 = off, maxTravel = on)
|
|
70
|
+
* This is the travel distance, not absolute left position.
|
|
71
|
+
* Actual left = padding + currentX
|
|
72
|
+
*/
|
|
73
|
+
currentX = (__runInitializers(this, _selected_extraInitializers), 0);
|
|
74
|
+
/**
|
|
75
|
+
* Drag state
|
|
76
|
+
*/
|
|
77
|
+
isDragging = false;
|
|
78
|
+
hasDragged = false;
|
|
79
|
+
startX = 0;
|
|
80
|
+
// Toggle dimensions (with border-box, 1px border reduces inner by 2px)
|
|
81
|
+
trackWidth = 36; // outer width
|
|
82
|
+
trackHeight = 20; // outer height
|
|
83
|
+
knobSize = 14;
|
|
84
|
+
padding = 2; // padding from inner edge to knob
|
|
85
|
+
maxTravel = 16; // (36 - 2) - 14 - (2 * 2) = 34 - 14 - 4 = 16
|
|
86
|
+
static styles = [
|
|
87
|
+
cssManager.defaultStyles,
|
|
88
|
+
css `
|
|
89
|
+
:host {
|
|
90
|
+
display: block;
|
|
91
|
+
position: relative;
|
|
92
|
+
}
|
|
26
93
|
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
94
|
+
.label {
|
|
95
|
+
margin-bottom: 8px;
|
|
96
|
+
font-size: 0.8em;
|
|
97
|
+
font-weight: 500;
|
|
98
|
+
color: ${cssManager.bdTheme(colors.light.mutedForeground, colors.dark.mutedForeground)};
|
|
99
|
+
}
|
|
30
100
|
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
101
|
+
.toggle {
|
|
102
|
+
user-select: none;
|
|
103
|
+
}
|
|
34
104
|
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
105
|
+
.toggleKnobArea {
|
|
106
|
+
position: relative;
|
|
107
|
+
margin: auto;
|
|
108
|
+
height: 20px;
|
|
109
|
+
width: 36px;
|
|
110
|
+
border-radius: 10px;
|
|
111
|
+
background: ${cssManager.bdTheme(colors.light.input, colors.dark.input)};
|
|
112
|
+
border: 1px solid ${cssManager.bdTheme(colors.light.border, colors.dark.border)};
|
|
113
|
+
overflow: hidden;
|
|
114
|
+
transition: all 0.15s ease;
|
|
115
|
+
cursor: pointer;
|
|
116
|
+
}
|
|
47
117
|
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
118
|
+
.toggleKnobArea:hover {
|
|
119
|
+
border-color: ${cssManager.bdTheme(colors.light.ring, colors.dark.ring)};
|
|
120
|
+
}
|
|
51
121
|
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
}
|
|
122
|
+
:host([selected]) .toggleKnobArea {
|
|
123
|
+
background: ${cssManager.bdTheme(colors.light.primary, colors.dark.primary)};
|
|
124
|
+
border-color: ${cssManager.bdTheme(colors.light.primary, colors.dark.primary)};
|
|
125
|
+
}
|
|
57
126
|
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
height: 30px;
|
|
64
|
-
border-radius: 15px;
|
|
65
|
-
background: rgba(255, 255, 255, 0.5);
|
|
66
|
-
transition: left 0.2s ease, background 0.2s ease;
|
|
67
|
-
transform: scale(0.7);
|
|
68
|
-
/* Prevent scroll gestures on mobile */
|
|
69
|
-
touch-action: none;
|
|
70
|
-
}
|
|
127
|
+
.toggleKnobMover {
|
|
128
|
+
position: relative;
|
|
129
|
+
height: 100%;
|
|
130
|
+
width: 100%;
|
|
131
|
+
}
|
|
71
132
|
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
133
|
+
.toggleKnobInner {
|
|
134
|
+
position: absolute;
|
|
135
|
+
top: 2px;
|
|
136
|
+
width: 14px;
|
|
137
|
+
height: 14px;
|
|
138
|
+
border-radius: 7px;
|
|
139
|
+
background: ${cssManager.bdTheme(colors.light.mutedForeground, colors.dark.mutedForeground)};
|
|
140
|
+
transition: left 0.15s ease, background 0.15s ease;
|
|
141
|
+
touch-action: none;
|
|
142
|
+
}
|
|
75
143
|
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
144
|
+
.toggleKnobInner.dragging {
|
|
145
|
+
transition: background 0.15s ease;
|
|
146
|
+
}
|
|
79
147
|
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
}
|
|
148
|
+
:host([selected]) .toggleKnobInner {
|
|
149
|
+
background: ${cssManager.bdTheme(colors.light.primaryForeground, colors.dark.primaryForeground)};
|
|
150
|
+
}
|
|
84
151
|
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
*/
|
|
102
|
-
this.isDragging = false;
|
|
103
|
-
this.hasDragged = false;
|
|
104
|
-
this.startX = 0; // pointerdown offset
|
|
105
|
-
this.knobWidth = 30;
|
|
106
|
-
this.trackWidth = 60;
|
|
107
|
-
}
|
|
108
|
-
render() {
|
|
109
|
-
return html `
|
|
152
|
+
:host([required]) .toggleKnobArea {
|
|
153
|
+
cursor: not-allowed;
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
:host([required][selected]) .toggleKnobArea {
|
|
157
|
+
background: ${cssManager.bdTheme(colors.light.ring, colors.dark.ring)};
|
|
158
|
+
border-color: ${cssManager.bdTheme(colors.light.ring, colors.dark.ring)};
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
:host([required][selected]) .toggleKnobInner {
|
|
162
|
+
background: ${cssManager.bdTheme(colors.light.muted, colors.dark.muted)};
|
|
163
|
+
}
|
|
164
|
+
`,
|
|
165
|
+
];
|
|
166
|
+
render() {
|
|
167
|
+
return html `
|
|
110
168
|
<div class="label">${this.getText()}</div>
|
|
111
169
|
<!-- A user can click anywhere in this toggle area. -->
|
|
112
170
|
<div class="toggle" @click=${this.handleClick}>
|
|
@@ -115,7 +173,7 @@ let ConsentsoftwareToggle = class ConsentsoftwareToggle extends LitElement {
|
|
|
115
173
|
<!-- The knob itself, with pointer events for dragging. -->
|
|
116
174
|
<div
|
|
117
175
|
class="toggleKnobInner"
|
|
118
|
-
style="left: ${this.currentX}px;"
|
|
176
|
+
style="left: ${this.padding + this.currentX}px;"
|
|
119
177
|
@pointerdown=${this.onPointerDown}
|
|
120
178
|
@pointermove=${this.onPointerMove}
|
|
121
179
|
@pointerup=${this.onPointerUp}
|
|
@@ -125,132 +183,122 @@ let ConsentsoftwareToggle = class ConsentsoftwareToggle extends LitElement {
|
|
|
125
183
|
</div>
|
|
126
184
|
</div>
|
|
127
185
|
`;
|
|
128
|
-
}
|
|
129
|
-
/**
|
|
130
|
-
* If required = true on first render, auto-select and set the knob to the right.
|
|
131
|
-
*/
|
|
132
|
-
async firstUpdated() {
|
|
133
|
-
if (this.required) {
|
|
134
|
-
// If "required" => always selected
|
|
135
|
-
this.selected = true;
|
|
136
|
-
this.currentX = this.knobWidth; // 30
|
|
137
|
-
this.requestUpdate();
|
|
138
186
|
}
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
187
|
+
/**
|
|
188
|
+
* If required = true on first render, auto-select and set the knob to the right.
|
|
189
|
+
*/
|
|
190
|
+
async firstUpdated(_changedProperties) {
|
|
191
|
+
await super.firstUpdated(_changedProperties);
|
|
192
|
+
if (this.required) {
|
|
193
|
+
this.selected = true;
|
|
194
|
+
this.currentX = this.maxTravel;
|
|
195
|
+
this.requestUpdate();
|
|
196
|
+
}
|
|
197
|
+
else {
|
|
198
|
+
this.currentX = this.selected ? this.maxTravel : 0;
|
|
199
|
+
this.requestUpdate();
|
|
200
|
+
}
|
|
143
201
|
}
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
202
|
+
/**
|
|
203
|
+
* CLICK HANDLER
|
|
204
|
+
*/
|
|
205
|
+
async handleClick(event) {
|
|
206
|
+
if (this.isDragging || this.hasDragged) {
|
|
207
|
+
event.stopPropagation();
|
|
208
|
+
event.preventDefault();
|
|
209
|
+
return;
|
|
210
|
+
}
|
|
211
|
+
if (this.required) {
|
|
212
|
+
// Small bounce animation for required toggles
|
|
213
|
+
this.currentX = this.maxTravel;
|
|
214
|
+
this.requestUpdate();
|
|
215
|
+
await new Promise((r) => setTimeout(r, 10));
|
|
216
|
+
this.currentX = this.maxTravel - 3;
|
|
217
|
+
this.requestUpdate();
|
|
218
|
+
await delayFor(150);
|
|
219
|
+
this.currentX = this.maxTravel;
|
|
220
|
+
this.requestUpdate();
|
|
221
|
+
return;
|
|
222
|
+
}
|
|
151
223
|
event.stopPropagation();
|
|
152
224
|
event.preventDefault();
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
if (this.required) {
|
|
156
|
-
// small bounce from 30 -> 20 -> 30
|
|
157
|
-
this.currentX = this.knobWidth; // ensure at 30
|
|
225
|
+
this.selected = !this.selected;
|
|
226
|
+
this.currentX = this.selected ? this.maxTravel : 0;
|
|
158
227
|
this.requestUpdate();
|
|
159
|
-
|
|
160
|
-
|
|
228
|
+
this.dispatchEvent(new CustomEvent('toggle', { detail: { selected: this.selected } }));
|
|
229
|
+
delayFor(0).then(() => {
|
|
230
|
+
this.hasDragged = false;
|
|
231
|
+
});
|
|
232
|
+
}
|
|
233
|
+
/**
|
|
234
|
+
* DRAG HANDLERS (pointer events)
|
|
235
|
+
*/
|
|
236
|
+
onPointerDown(event) {
|
|
237
|
+
if (this.required) {
|
|
238
|
+
// If "required", disallow manual dragging
|
|
239
|
+
return;
|
|
240
|
+
}
|
|
241
|
+
// Start dragging
|
|
242
|
+
this.isDragging = true;
|
|
243
|
+
// The difference between the pointer's X and the knob's current position
|
|
244
|
+
this.startX = event.clientX - this.currentX;
|
|
245
|
+
// capture pointer so we keep receiving pointermove/pointerup
|
|
246
|
+
event.target.setPointerCapture(event.pointerId);
|
|
247
|
+
}
|
|
248
|
+
onPointerMove(event) {
|
|
249
|
+
if (!this.isDragging)
|
|
250
|
+
return;
|
|
251
|
+
const newX = event.clientX - this.startX;
|
|
252
|
+
this.hasDragged = true;
|
|
253
|
+
const toggleKnobInner = this.shadowRoot.querySelector('.toggleKnobInner');
|
|
254
|
+
toggleKnobInner.classList.add('dragging');
|
|
255
|
+
// Clamp to valid travel range (0 to maxTravel)
|
|
256
|
+
this.currentX = Math.max(0, Math.min(newX, this.maxTravel));
|
|
161
257
|
this.requestUpdate();
|
|
162
|
-
|
|
163
|
-
|
|
258
|
+
}
|
|
259
|
+
onPointerUp(event) {
|
|
260
|
+
if (!this.isDragging)
|
|
261
|
+
return;
|
|
262
|
+
event.target.releasePointerCapture(event.pointerId);
|
|
263
|
+
this.isDragging = false;
|
|
264
|
+
// If we didn't truly drag, pointerup does nothing; click handler handles toggling.
|
|
265
|
+
if (!this.hasDragged) {
|
|
266
|
+
return;
|
|
267
|
+
}
|
|
268
|
+
const toggleKnobInner = this.shadowRoot.querySelector('.toggleKnobInner');
|
|
269
|
+
toggleKnobInner.classList.remove('dragging');
|
|
270
|
+
// Real drag => decide final side based on midpoint
|
|
271
|
+
const midpoint = this.maxTravel / 2;
|
|
272
|
+
this.selected = this.currentX > midpoint;
|
|
273
|
+
this.currentX = this.selected ? this.maxTravel : 0; // snap to edge
|
|
164
274
|
this.requestUpdate();
|
|
165
|
-
|
|
275
|
+
// Dispatch toggle event
|
|
276
|
+
this.dispatchEvent(new CustomEvent('toggle', { detail: { selected: this.selected } }));
|
|
277
|
+
delayFor(0).then(() => {
|
|
278
|
+
this.hasDragged = false;
|
|
279
|
+
});
|
|
166
280
|
}
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
* DRAG HANDLERS (pointer events)
|
|
180
|
-
*/
|
|
181
|
-
onPointerDown(event) {
|
|
182
|
-
if (this.required) {
|
|
183
|
-
// If "required", disallow manual dragging
|
|
184
|
-
return;
|
|
281
|
+
/**
|
|
282
|
+
* If external code sets `selected = true/false`, we also sync the knob position
|
|
283
|
+
*/
|
|
284
|
+
updated(changedProperties) {
|
|
285
|
+
if (changedProperties.has('selected') &&
|
|
286
|
+
!this.isDragging &&
|
|
287
|
+
!this.hasDragged &&
|
|
288
|
+
!this.required) {
|
|
289
|
+
this.currentX = this.selected ? this.maxTravel : 0;
|
|
290
|
+
this.requestUpdate();
|
|
291
|
+
}
|
|
292
|
+
super.updated(changedProperties);
|
|
185
293
|
}
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
// The difference between the pointer’s X and the knob’s current position
|
|
189
|
-
this.startX = event.clientX - this.currentX;
|
|
190
|
-
// capture pointer so we keep receiving pointermove/pointerup
|
|
191
|
-
event.target.setPointerCapture(event.pointerId);
|
|
192
|
-
}
|
|
193
|
-
onPointerMove(event) {
|
|
194
|
-
if (!this.isDragging)
|
|
195
|
-
return;
|
|
196
|
-
const newX = event.clientX - this.startX;
|
|
197
|
-
this.hasDragged = true;
|
|
198
|
-
const toggleKnobInner = this.shadowRoot.querySelector('.toggleKnobInner');
|
|
199
|
-
toggleKnobInner.classList.add('dragging');
|
|
200
|
-
// Clamp
|
|
201
|
-
this.currentX = Math.max(0, Math.min(newX, this.trackWidth - this.knobWidth));
|
|
202
|
-
this.requestUpdate();
|
|
203
|
-
}
|
|
204
|
-
onPointerUp(event) {
|
|
205
|
-
if (!this.isDragging)
|
|
206
|
-
return;
|
|
207
|
-
event.target.releasePointerCapture(event.pointerId);
|
|
208
|
-
this.isDragging = false;
|
|
209
|
-
// If we didn’t truly drag, pointerup does nothing; click handler handles toggling.
|
|
210
|
-
if (!this.hasDragged) {
|
|
211
|
-
return;
|
|
294
|
+
getText() {
|
|
295
|
+
return this.textContent;
|
|
212
296
|
}
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
// Real drag => decide final side
|
|
216
|
-
const midpoint = (this.trackWidth - this.knobWidth) / 2; // 15
|
|
217
|
-
this.selected = this.currentX > midpoint;
|
|
218
|
-
this.currentX = this.selected ? this.knobWidth : 0; // snap to edge
|
|
219
|
-
this.requestUpdate();
|
|
220
|
-
// Dispatch toggle event
|
|
221
|
-
this.dispatchEvent(new CustomEvent('toggle', { detail: { selected: this.selected } }));
|
|
222
|
-
delayFor(0).then(() => {
|
|
223
|
-
this.hasDragged = false;
|
|
224
|
-
});
|
|
225
|
-
}
|
|
226
|
-
/**
|
|
227
|
-
* If external code sets `selected = true/false`, we also sync the knob position
|
|
228
|
-
*/
|
|
229
|
-
updated(changedProperties) {
|
|
230
|
-
if (changedProperties.has('selected') &&
|
|
231
|
-
!this.isDragging &&
|
|
232
|
-
!this.hasDragged &&
|
|
233
|
-
!this.required) {
|
|
234
|
-
this.currentX = this.selected ? this.knobWidth : 0;
|
|
235
|
-
this.requestUpdate();
|
|
297
|
+
static {
|
|
298
|
+
__runInitializers(_classThis, _classExtraInitializers);
|
|
236
299
|
}
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
return this.textContent;
|
|
241
|
-
}
|
|
242
|
-
};
|
|
243
|
-
__decorate([
|
|
244
|
-
property({ type: Boolean }),
|
|
245
|
-
__metadata("design:type", Object)
|
|
246
|
-
], ConsentsoftwareToggle.prototype, "required", null);
|
|
247
|
-
__decorate([
|
|
248
|
-
property({ type: Boolean, reflect: true }),
|
|
249
|
-
__metadata("design:type", Object)
|
|
250
|
-
], ConsentsoftwareToggle.prototype, "selected", null);
|
|
251
|
-
ConsentsoftwareToggle = __decorate([
|
|
252
|
-
customElement('consentsoftware-toggle'),
|
|
253
|
-
__metadata("design:paramtypes", [])
|
|
254
|
-
], ConsentsoftwareToggle);
|
|
300
|
+
};
|
|
301
|
+
return ConsentsoftwareToggle = _classThis;
|
|
302
|
+
})();
|
|
255
303
|
export { ConsentsoftwareToggle };
|
|
256
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
304
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uc2VudHNvZnR3YXJlLXRvZ2dsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3RzX3dlYi9lbGVtZW50cy9jb25zZW50c29mdHdhcmUtdG9nZ2xlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUVqRCxPQUFPLEVBQ0wsV0FBVyxFQUNYLGFBQWEsRUFDYixJQUFJLEVBQ0osR0FBRyxFQUVILFFBQVEsR0FDVCxNQUFNLDZCQUE2QixDQUFDO0FBRXJDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztJQUdyQyxxQkFBcUI7NEJBRGpDLGFBQWEsQ0FBQyx3QkFBd0IsQ0FBQzs7OztzQkFDRyxXQUFXOzs7Ozs7O3FDQUFuQixTQUFRLFdBQVc7Ozs7b0NBQ25ELFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsQ0FBQztvQ0FHM0IsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUM7WUFGM0MsNktBQWdCLFFBQVEsNkJBQVIsUUFBUSwyRkFBUztZQUdqQyw2S0FBZ0IsUUFBUSw2QkFBUixRQUFRLDJGQUFTO1lBTG5DLDZLQWdRQzs7OztRQTlQQyw2RUFBMkIsS0FBSyxFQUFDO1FBQWpDLElBQWdCLFFBQVEsOENBQVM7UUFBakMsSUFBZ0IsUUFBUSxvREFBUztRQUdqQyxvSUFBMkIsS0FBSyxHQUFDO1FBQWpDLElBQWdCLFFBQVEsOENBQVM7UUFBakMsSUFBZ0IsUUFBUSxvREFBUztRQUVqQzs7OztXQUlHO1FBQ0ssUUFBUSwwREFBRyxDQUFDLEVBQUM7UUFFckI7O1dBRUc7UUFDSyxVQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ25CLFVBQVUsR0FBRyxLQUFLLENBQUM7UUFDbkIsTUFBTSxHQUFHLENBQUMsQ0FBQztRQUVuQix1RUFBdUU7UUFDdEQsVUFBVSxHQUFHLEVBQUUsQ0FBQyxDQUFHLGNBQWM7UUFDakMsV0FBVyxHQUFHLEVBQUUsQ0FBQyxDQUFFLGVBQWU7UUFDbEMsUUFBUSxHQUFHLEVBQUUsQ0FBQztRQUNkLE9BQU8sR0FBRyxDQUFDLENBQUMsQ0FBTyxrQ0FBa0M7UUFDckQsU0FBUyxHQUFHLEVBQUUsQ0FBQyxDQUFJLDZDQUE2QztRQUUxRSxNQUFNLENBQUMsTUFBTSxHQUFHO1lBQ3JCLFVBQVUsQ0FBQyxhQUFhO1lBQ3hCLEdBQUcsQ0FBQTs7Ozs7Ozs7OztpQkFVVSxVQUFVLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsZUFBZSxFQUFFLE1BQU0sQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDOzs7Ozs7Ozs7Ozs7O3NCQWF4RSxVQUFVLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDOzRCQUNuRCxVQUFVLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDOzs7Ozs7O3dCQU8vRCxVQUFVLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDOzs7O3NCQUl6RCxVQUFVLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUFFLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDO3dCQUMzRCxVQUFVLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsT0FBTyxFQUFFLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7c0JBZS9ELFVBQVUsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxlQUFlLEVBQUUsTUFBTSxDQUFDLElBQUksQ0FBQyxlQUFlLENBQUM7Ozs7Ozs7Ozs7c0JBVTdFLFVBQVUsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxpQkFBaUIsRUFBRSxNQUFNLENBQUMsSUFBSSxDQUFDLGlCQUFpQixDQUFDOzs7Ozs7OztzQkFRakYsVUFBVSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLElBQUksRUFBRSxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQzt3QkFDckQsVUFBVSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLElBQUksRUFBRSxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQzs7OztzQkFJekQsVUFBVSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQzs7S0FFMUU7U0FDRixDQUFDO1FBRUssTUFBTTtZQUNYLE9BQU8sSUFBSSxDQUFBOzJCQUNZLElBQUksQ0FBQyxPQUFPLEVBQUU7O21DQUVOLElBQUksQ0FBQyxXQUFXOzs7Ozs7NkJBTXRCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLFFBQVE7NkJBQzVCLElBQUksQ0FBQyxhQUFhOzZCQUNsQixJQUFJLENBQUMsYUFBYTsyQkFDcEIsSUFBSSxDQUFDLFdBQVc7K0JBQ1osSUFBSSxDQUFDLFdBQVc7Ozs7O0tBSzFDLENBQUM7UUFDSixDQUFDO1FBRUQ7O1dBRUc7UUFDSSxLQUFLLENBQUMsWUFBWSxDQUFDLGtCQUE2QztZQUNyRSxNQUFNLEtBQUssQ0FBQyxZQUFZLENBQUMsa0JBQWtCLENBQUMsQ0FBQztZQUM3QyxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztnQkFDbEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUM7Z0JBQ3JCLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQztnQkFDL0IsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1lBQ3ZCLENBQUM7aUJBQU0sQ0FBQztnQkFDTixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztnQkFDbkQsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1lBQ3ZCLENBQUM7UUFDSCxDQUFDO1FBRUQ7O1dBRUc7UUFDSSxLQUFLLENBQUMsV0FBVyxDQUFDLEtBQWlCO1lBQ3hDLElBQUksSUFBSSxDQUFDLFVBQVUsSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7Z0JBQ3ZDLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztnQkFDeEIsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO2dCQUN2QixPQUFPO1lBQ1QsQ0FBQztZQUVELElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO2dCQUNsQiw4Q0FBOEM7Z0JBQzlDLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQztnQkFDL0IsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO2dCQUNyQixNQUFNLElBQUksT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxVQUFVLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUM7Z0JBQzVDLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLFNBQVMsR0FBRyxDQUFDLENBQUM7Z0JBQ25DLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztnQkFDckIsTUFBTSxRQUFRLENBQUMsR0FBRyxDQUFDLENBQUM7Z0JBQ3BCLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQztnQkFDL0IsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO2dCQUNyQixPQUFPO1lBQ1QsQ0FBQztZQUVELEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztZQUN4QixLQUFLLENBQUMsY0FBYyxFQUFFLENBQUM7WUFFdkIsSUFBSSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUM7WUFDL0IsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDbkQsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1lBRXJCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxXQUFXLENBQUMsUUFBUSxFQUFFLEVBQUUsTUFBTSxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksQ0FBQyxRQUFRLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQztZQUN2RixRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRTtnQkFDcEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7WUFDMUIsQ0FBQyxDQUFDLENBQUM7UUFDTCxDQUFDO1FBRUQ7O1dBRUc7UUFDSyxhQUFhLENBQUMsS0FBbUI7WUFDdkMsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7Z0JBQ2xCLDBDQUEwQztnQkFDMUMsT0FBTztZQUNULENBQUM7WUFFRCxpQkFBaUI7WUFDakIsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUM7WUFDdkIseUVBQXlFO1lBQ3pFLElBQUksQ0FBQyxNQUFNLEdBQUcsS0FBSyxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDO1lBRTVDLDZEQUE2RDtZQUM1RCxLQUFLLENBQUMsTUFBc0IsQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUMsU0FBUyxDQUFDLENBQUM7UUFDbkUsQ0FBQztRQUVPLGFBQWEsQ0FBQyxLQUFtQjtZQUN2QyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVU7Z0JBQUUsT0FBTztZQUM3QixNQUFNLElBQUksR0FBRyxLQUFLLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUM7WUFDekMsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUM7WUFDdkIsTUFBTSxlQUFlLEdBQW1CLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLGtCQUFrQixDQUFDLENBQUM7WUFDMUYsZUFBZSxDQUFDLFNBQVMsQ0FBQyxHQUFHLENBQUMsVUFBVSxDQUFDLENBQUM7WUFFMUMsK0NBQStDO1lBQy9DLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEVBQUUsSUFBSSxDQUFDLEdBQUcsQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUM7WUFDNUQsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBQ3ZCLENBQUM7UUFFTyxXQUFXLENBQUMsS0FBbUI7WUFDckMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVO2dCQUFFLE9BQU87WUFDNUIsS0FBSyxDQUFDLE1BQXNCLENBQUMscUJBQXFCLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxDQUFDO1lBQ3JFLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1lBRXhCLG1GQUFtRjtZQUNuRixJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO2dCQUNyQixPQUFPO1lBQ1QsQ0FBQztZQUNELE1BQU0sZUFBZSxHQUFtQixJQUFJLENBQUMsVUFBVSxDQUFDLGFBQWEsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO1lBQzFGLGVBQWUsQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1lBRTdDLG1EQUFtRDtZQUNuRCxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsU0FBUyxHQUFHLENBQUMsQ0FBQztZQUNwQyxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQyxRQUFRLEdBQUcsUUFBUSxDQUFDO1lBQ3pDLElBQUksQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsZUFBZTtZQUNuRSxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7WUFFckIsd0JBQXdCO1lBQ3hCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxXQUFXLENBQUMsUUFBUSxFQUFFLEVBQUUsTUFBTSxFQUFFLEVBQUUsUUFBUSxFQUFFLElBQUksQ0FBQyxRQUFRLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQztZQUN2RixRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRTtnQkFDcEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7WUFDMUIsQ0FBQyxDQUFDLENBQUM7UUFDTCxDQUFDO1FBRUQ7O1dBRUc7UUFDTyxPQUFPLENBQUMsaUJBQTRDO1lBQzVELElBQ0UsaUJBQWlCLENBQUMsR0FBRyxDQUFDLFVBQVUsQ0FBQztnQkFDakMsQ0FBQyxJQUFJLENBQUMsVUFBVTtnQkFDaEIsQ0FBQyxJQUFJLENBQUMsVUFBVTtnQkFDaEIsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUNkLENBQUM7Z0JBQ0QsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7Z0JBQ25ELElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztZQUN2QixDQUFDO1lBQ0QsS0FBSyxDQUFDLE9BQU8sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO1FBQ25DLENBQUM7UUFFTSxPQUFPO1lBQ1osT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDO1FBQzFCLENBQUM7O1lBL1BVLHVEQUFxQjs7Ozs7U0FBckIscUJBQXFCIn0=
|
|
@@ -1 +1,35 @@
|
|
|
1
|
-
|
|
1
|
+
import { cssManager } from '@design.estate/dees-element';
|
|
2
|
+
export { cssManager };
|
|
3
|
+
export declare const fontStack: import("@design.estate/dees-element").CSSResult;
|
|
4
|
+
export declare const colors: {
|
|
5
|
+
light: {
|
|
6
|
+
background: string;
|
|
7
|
+
foreground: string;
|
|
8
|
+
muted: string;
|
|
9
|
+
mutedForeground: string;
|
|
10
|
+
border: string;
|
|
11
|
+
input: string;
|
|
12
|
+
primary: string;
|
|
13
|
+
primaryForeground: string;
|
|
14
|
+
secondary: string;
|
|
15
|
+
secondaryForeground: string;
|
|
16
|
+
accent: string;
|
|
17
|
+
accentForeground: string;
|
|
18
|
+
ring: string;
|
|
19
|
+
};
|
|
20
|
+
dark: {
|
|
21
|
+
background: string;
|
|
22
|
+
foreground: string;
|
|
23
|
+
muted: string;
|
|
24
|
+
mutedForeground: string;
|
|
25
|
+
border: string;
|
|
26
|
+
input: string;
|
|
27
|
+
primary: string;
|
|
28
|
+
primaryForeground: string;
|
|
29
|
+
secondary: string;
|
|
30
|
+
secondaryForeground: string;
|
|
31
|
+
accent: string;
|
|
32
|
+
accentForeground: string;
|
|
33
|
+
ring: string;
|
|
34
|
+
};
|
|
35
|
+
};
|
|
@@ -1,3 +1,37 @@
|
|
|
1
|
-
import { unsafeCSS } from '
|
|
1
|
+
import { unsafeCSS, cssManager } from '@design.estate/dees-element';
|
|
2
|
+
export { cssManager };
|
|
2
3
|
export const fontStack = unsafeCSS('system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif');
|
|
3
|
-
|
|
4
|
+
// Shadcn-inspired color palette
|
|
5
|
+
export const colors = {
|
|
6
|
+
light: {
|
|
7
|
+
background: '#ffffff',
|
|
8
|
+
foreground: '#09090b',
|
|
9
|
+
muted: '#f4f4f5',
|
|
10
|
+
mutedForeground: '#71717a',
|
|
11
|
+
border: '#e4e4e7',
|
|
12
|
+
input: '#e4e4e7',
|
|
13
|
+
primary: '#18181b',
|
|
14
|
+
primaryForeground: '#fafafa',
|
|
15
|
+
secondary: '#f4f4f5',
|
|
16
|
+
secondaryForeground: '#18181b',
|
|
17
|
+
accent: '#f4f4f5',
|
|
18
|
+
accentForeground: '#18181b',
|
|
19
|
+
ring: '#a1a1aa',
|
|
20
|
+
},
|
|
21
|
+
dark: {
|
|
22
|
+
background: '#09090b',
|
|
23
|
+
foreground: '#fafafa',
|
|
24
|
+
muted: '#27272a',
|
|
25
|
+
mutedForeground: '#a1a1aa',
|
|
26
|
+
border: '#27272a',
|
|
27
|
+
input: '#27272a',
|
|
28
|
+
primary: '#fafafa',
|
|
29
|
+
primaryForeground: '#18181b',
|
|
30
|
+
secondary: '#27272a',
|
|
31
|
+
secondaryForeground: '#fafafa',
|
|
32
|
+
accent: '#27272a',
|
|
33
|
+
accentForeground: '#fafafa',
|
|
34
|
+
ring: '#52525b',
|
|
35
|
+
},
|
|
36
|
+
};
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hhcmVkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vdHNfd2ViL2VsZW1lbnRzL3NoYXJlZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRXBFLE9BQU8sRUFBRSxVQUFVLEVBQUUsQ0FBQztBQUV0QixNQUFNLENBQUMsTUFBTSxTQUFTLEdBQUcsU0FBUyxDQUFDLHVHQUF1RyxDQUFDLENBQUM7QUFFNUksZ0NBQWdDO0FBQ2hDLE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBRztJQUNwQixLQUFLLEVBQUU7UUFDTCxVQUFVLEVBQUUsU0FBUztRQUNyQixVQUFVLEVBQUUsU0FBUztRQUNyQixLQUFLLEVBQUUsU0FBUztRQUNoQixlQUFlLEVBQUUsU0FBUztRQUMxQixNQUFNLEVBQUUsU0FBUztRQUNqQixLQUFLLEVBQUUsU0FBUztRQUNoQixPQUFPLEVBQUUsU0FBUztRQUNsQixpQkFBaUIsRUFBRSxTQUFTO1FBQzVCLFNBQVMsRUFBRSxTQUFTO1FBQ3BCLG1CQUFtQixFQUFFLFNBQVM7UUFDOUIsTUFBTSxFQUFFLFNBQVM7UUFDakIsZ0JBQWdCLEVBQUUsU0FBUztRQUMzQixJQUFJLEVBQUUsU0FBUztLQUNoQjtJQUNELElBQUksRUFBRTtRQUNKLFVBQVUsRUFBRSxTQUFTO1FBQ3JCLFVBQVUsRUFBRSxTQUFTO1FBQ3JCLEtBQUssRUFBRSxTQUFTO1FBQ2hCLGVBQWUsRUFBRSxTQUFTO1FBQzFCLE1BQU0sRUFBRSxTQUFTO1FBQ2pCLEtBQUssRUFBRSxTQUFTO1FBQ2hCLE9BQU8sRUFBRSxTQUFTO1FBQ2xCLGlCQUFpQixFQUFFLFNBQVM7UUFDNUIsU0FBUyxFQUFFLFNBQVM7UUFDcEIsbUJBQW1CLEVBQUUsU0FBUztRQUM5QixNQUFNLEVBQUUsU0FBUztRQUNqQixnQkFBZ0IsRUFBRSxTQUFTO1FBQzNCLElBQUksRUFBRSxTQUFTO0tBQ2hCO0NBQ0YsQ0FBQyJ9
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const page1: () => import("
|
|
1
|
+
export declare const page1: () => import("@design.estate/dees-element").TemplateResult<1>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { html } from '
|
|
1
|
+
import { html } from '@design.estate/dees-element';
|
|
2
2
|
export const page1 = () => html ``;
|
|
3
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZTEuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi90c193ZWIvcGFnZXMvcGFnZTEudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRW5ELE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FBRyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUEsRUFBRSxDQUFDIn0=
|