@syntrologie/adapt-content 2.8.0-canary.97 → 2.8.0-canary.99
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/node_modules/@syntrologie/shared-editor-ui/dist/components/AnchorPickerLit.d.ts.map +1 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/AnchorPickerLit.js +9 -7
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/ElementHighlightLit.d.ts.map +1 -1
- package/node_modules/@syntrologie/shared-editor-ui/dist/components/ElementHighlightLit.js +2 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnchorPickerLit.d.ts","sourceRoot":"","sources":["../../src/components/AnchorPickerLit.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;
|
|
1
|
+
{"version":3,"file":"AnchorPickerLit.d.ts","sourceRoot":"","sources":["../../src/components/AnchorPickerLit.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,EAAQ,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAahD,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB;AAiBD,qBAAa,eAAgB,SAAQ,UAAU;IAC7C,OAAgB,UAAU;;;;;;;;;;;;;;;;;;;MAOxB;IAEF,QAAQ,UAAS;IACjB,iBAAiB,UAAS;IAC1B,eAAe,EAAE,MAAM,CAA4B;IAGnD,OAAO,CAAC,eAAe,CAAwB;IAC/C,OAAO,CAAC,gBAAgB,CAAM;IAG9B,OAAO,CAAC,UAAU,CAA+B;IAIxC,gBAAgB;IAIhB,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAiBrD,OAAO,CAAC,wBAAwB;IAQhC,OAAO,CAAC,wBAAwB;IAQhC;;;;;;OAMG;IACH,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,gBAAgB,CA+CtB;IAEF,OAAO,CAAC,YAAY,CAwBlB;IAEF,OAAO,CAAC,cAAc,CAUpB;IAIO,MAAM;CA0GhB"}
|
|
@@ -15,14 +15,16 @@
|
|
|
15
15
|
* - Escape key cancellation
|
|
16
16
|
* - Exclude selector filtering
|
|
17
17
|
*/
|
|
18
|
+
import { colors } from '@syntro/design-system';
|
|
18
19
|
import { html, LitElement, nothing } from 'lit';
|
|
19
20
|
import { styleMap } from 'lit/directives/style-map.js';
|
|
20
21
|
import { generateSelector, getElementDescription, validateSelector, } from '../utils/selectorGenerator';
|
|
21
22
|
// =============================================================================
|
|
22
23
|
// Constants
|
|
23
24
|
// =============================================================================
|
|
24
|
-
const HIGHLIGHT_COLOR =
|
|
25
|
-
|
|
25
|
+
const HIGHLIGHT_COLOR = colors.blue[4];
|
|
26
|
+
// rgba triple matches colors.blue[4] (#1969fe → 25, 105, 254) at 10% alpha.
|
|
27
|
+
const HIGHLIGHT_BG = 'rgba(25, 105, 254, 0.1)';
|
|
26
28
|
const DEFAULT_EXCLUDE_SELECTOR = '[data-syntro-editor-panel], [data-shadow-canvas-id], .syntro-tooltip, .syntro-modal, .syntro-highlight, [data-syntro-anchor-picker]';
|
|
27
29
|
// =============================================================================
|
|
28
30
|
// Component
|
|
@@ -221,8 +223,8 @@ export class AnchorPickerLit extends LitElement {
|
|
|
221
223
|
position: 'fixed',
|
|
222
224
|
left: `${Math.max(8, Math.min(rect.left, window.innerWidth - 320))}px`,
|
|
223
225
|
top: `${Math.max(8, rect.top - 68)}px`,
|
|
224
|
-
backgroundColor:
|
|
225
|
-
color:
|
|
226
|
+
backgroundColor: colors.slateGrey[3],
|
|
227
|
+
color: colors.slateGrey[11],
|
|
226
228
|
padding: '8px 12px',
|
|
227
229
|
borderRadius: '6px',
|
|
228
230
|
boxShadow: '0 4px 12px rgba(0, 0, 0, 0.3)',
|
|
@@ -238,14 +240,14 @@ export class AnchorPickerLit extends LitElement {
|
|
|
238
240
|
textTransform: 'uppercase',
|
|
239
241
|
letterSpacing: '0.05em',
|
|
240
242
|
marginBottom: '4px',
|
|
241
|
-
color:
|
|
243
|
+
color: colors.slateGrey[9],
|
|
242
244
|
})}
|
|
243
245
|
>
|
|
244
246
|
Click to select
|
|
245
247
|
</div>
|
|
246
248
|
<div
|
|
247
249
|
style=${styleMap({
|
|
248
|
-
color:
|
|
250
|
+
color: colors.blue[5],
|
|
249
251
|
overflow: 'hidden',
|
|
250
252
|
textOverflow: 'ellipsis',
|
|
251
253
|
whiteSpace: 'nowrap',
|
|
@@ -256,7 +258,7 @@ export class AnchorPickerLit extends LitElement {
|
|
|
256
258
|
<div
|
|
257
259
|
style=${styleMap({
|
|
258
260
|
marginTop: '4px',
|
|
259
|
-
color:
|
|
261
|
+
color: colors.slateGrey[10],
|
|
260
262
|
overflow: 'hidden',
|
|
261
263
|
textOverflow: 'ellipsis',
|
|
262
264
|
whiteSpace: 'nowrap',
|
package/node_modules/@syntrologie/shared-editor-ui/dist/components/ElementHighlightLit.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ElementHighlightLit.d.ts","sourceRoot":"","sources":["../../src/components/ElementHighlightLit.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;
|
|
1
|
+
{"version":3,"file":"ElementHighlightLit.d.ts","sourceRoot":"","sources":["../../src/components/ElementHighlightLit.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAGH,OAAO,EAAQ,UAAU,EAAE,OAAO,EAAE,MAAM,KAAK,CAAC;AAOhD,qBAAa,mBAAoB,SAAQ,UAAU;IACjD,OAAgB,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAcxB;IAEF,OAAO,EAAE,WAAW,GAAG,IAAI,CAAQ;IACnC,KAAK,EAAE,MAAM,CAAkB;IAC/B,OAAO,SAAiB;IACxB,WAAW,EAAE,OAAO,GAAG,QAAQ,CAAW;IAC1C,WAAW,SAAK;IAChB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,UAAU,UAAS;IACnB,cAAc,UAAS;IACvB,MAAM,SAAc;IACpB,OAAO,SAAK;IACZ,gFAAgF;IAChF,WAAW,UAAS;IAGpB,OAAO,CAAC,KAAK,CAAwB;IAGrC,OAAO,CAAC,eAAe,CAA+B;IACtD,OAAO,CAAC,MAAM,CAAuB;IAG5B,gBAAgB;IAIhB,iBAAiB,IAAI,IAAI;IAKzB,oBAAoB,IAAI,IAAI;IAK5B,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAUrD,OAAO,CAAC,eAAe;IAkBvB,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,eAAe,CAQrB;IAIF,OAAO,CAAC,YAAY;IAWpB,OAAO,CAAC,cAAc;IAatB,OAAO,CAAC,aAAa;IAaZ,MAAM;CA4GhB"}
|
|
@@ -14,6 +14,7 @@
|
|
|
14
14
|
* - Dimensions display mode
|
|
15
15
|
* - Click/keyboard interaction support
|
|
16
16
|
*/
|
|
17
|
+
import { colors } from '@syntro/design-system';
|
|
17
18
|
import { html, LitElement, nothing } from 'lit';
|
|
18
19
|
import { styleMap } from 'lit/directives/style-map.js';
|
|
19
20
|
// =============================================================================
|
|
@@ -23,7 +24,7 @@ export class ElementHighlightLit extends LitElement {
|
|
|
23
24
|
constructor() {
|
|
24
25
|
super(...arguments);
|
|
25
26
|
this.element = null;
|
|
26
|
-
this.color =
|
|
27
|
+
this.color = colors.blue[4];
|
|
27
28
|
this.bgColor = 'transparent';
|
|
28
29
|
this.borderStyle = 'solid';
|
|
29
30
|
this.borderWidth = 2;
|
package/package.json
CHANGED