@agnos-ui/core-bootstrap 0.10.0-next.2 → 0.10.0-next.4

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 (16) hide show
  1. package/components/drawer/drawer.d.ts +1 -1
  2. package/components/drawer/index.cjs +1 -1
  3. package/components/drawer/index.js +1 -1
  4. package/css/agnosui.css +50 -11
  5. package/css/agnosui.css.map +1 -1
  6. package/css/drawer.css +49 -11
  7. package/css/drawer.css.map +1 -1
  8. package/css/slider.css +1 -0
  9. package/css/slider.css.map +1 -1
  10. package/{drawer-Bp5nbc7G.cjs → drawer-BRQiSxJu.cjs} +18 -13
  11. package/{drawer-D-fu8Wx0.js → drawer-Cqr0G3xO.js} +18 -13
  12. package/index.cjs +1 -1
  13. package/index.js +1 -1
  14. package/package.json +2 -2
  15. package/scss/drawer.scss +56 -13
  16. package/scss/slider.scss +2 -0
package/components/drawer/drawer.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import type { DrawerProps as CoreProps, DrawerState as CoreState, DrawerApi, DrawerDirectives as DrawerCoreDirectives } from '@agnos-ui/core/components/drawer';
2
- import type { Directive, SlotContent, Widget, WidgetFactory, WidgetSlotContext } from '@agnos-ui/core/types';
3
2
  import type { TransitionFn } from '@agnos-ui/core/services/transitions/baseTransitions';
3
+ import type { Directive, SlotContent, Widget, WidgetFactory, WidgetSlotContext } from '@agnos-ui/core/types';
4
4
  export * from '@agnos-ui/core/components/drawer';
5
5
  /**
6
6
  * Represents the context for a Drawer widget.
package/components/drawer/index.cjs CHANGED
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const drawer = require("../../drawer-Bp5nbc7G.cjs");
3
+ const drawer = require("../../drawer-BRQiSxJu.cjs");
4
4
  const drawer$1 = require("@agnos-ui/core/components/drawer");
5
5
  exports.createDrawer = drawer.createDrawer;
6
6
  exports.getDrawerDefaultConfig = drawer.getDrawerDefaultConfig;
package/components/drawer/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { c, g } from "../../drawer-D-fu8Wx0.js";
1
+ import { c, g } from "../../drawer-Cqr0G3xO.js";
2
2
  export * from "@agnos-ui/core/components/drawer";
3
3
  export {
4
4
  c as createDrawer,
package/css/agnosui.css CHANGED
@@ -73,6 +73,7 @@
73
73
  }
74
74
 
75
75
  .au-slider {
76
+ touch-action: none;
76
77
  --bs-slider-background-color: var(--bs-secondary-bg, #e9ecef);
77
78
  --bs-slider-font-size: 1rem;
78
79
  --bs-slider-border-radius: 0.125rem;
@@ -412,39 +413,80 @@
412
413
 
413
414
  .au-drawer {
414
415
  --bs-drawer-z-index: 2010;
415
- display: flex;
416
+ display: inline-flex;
416
417
  flex-direction: column;
417
418
  background: #fff;
418
419
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.2);
419
420
  z-index: var(--bs-drawer-z-index);
421
+ --bs-drawer-size: max-content;
422
+ --bs-drawer-min-size: 0;
423
+ --bs-drawer-max-size: none;
424
+ --bs-drawer-splitter-size: 8px;
425
+ width: 100%;
426
+ min-width: 0;
427
+ max-width: none;
428
+ height: var(--bs-drawer-size);
429
+ min-height: var(--bs-drawer-min-size);
430
+ max-height: var(--bs-drawer-max-size);
431
+ }
432
+ .au-drawer.collapse-horizontal {
433
+ width: var(--bs-drawer-size);
434
+ min-width: var(--bs-drawer-min-size);
435
+ max-width: var(--bs-drawer-max-size);
436
+ height: 100%;
437
+ min-height: 0;
438
+ max-height: none;
439
+ }
440
+ .au-drawer.collapsing {
441
+ min-width: 0px !important;
442
+ min-height: 0px !important;
443
+ }
444
+ .au-drawer .au-drawer-container {
445
+ overflow: hidden;
446
+ }
447
+ .au-drawer .au-drawer-content {
448
+ min-width: max-content;
420
449
  }
421
450
  .au-drawer.inline-start {
422
- inset-block: 0;
423
451
  inset-inline-start: 0;
452
+ inset-block: 0;
424
453
  }
425
- .au-drawer.inline-end {
454
+ .au-drawer.inline-start .au-splitter {
426
455
  inset-block: 0;
456
+ inset-inline: auto calc(var(--bs-drawer-splitter-size) / -2);
457
+ }
458
+ .au-drawer.inline-end {
427
459
  inset-inline-end: 0;
460
+ inset-block: 0;
428
461
  }
429
462
  .au-drawer.inline-end .au-splitter {
430
- inset-inline-end: auto;
463
+ inset-block: 0;
464
+ inset-inline: calc(var(--bs-drawer-splitter-size) auto / -2);
431
465
  }
432
466
  .au-drawer.block-start {
433
467
  inset-inline: 0;
434
- inset-block-start: 0;
468
+ inset-block: 0;
435
469
  }
436
470
  .au-drawer.block-start .au-splitter {
437
- inset-block-start: auto;
471
+ inset-block: auto calc(var(--bs-drawer-splitter-size) / -2);
472
+ inset-inline: 0;
438
473
  }
439
474
  .au-drawer.block-end {
440
475
  inset-inline: 0;
441
476
  inset-block-end: 0;
442
477
  }
478
+ .au-drawer.block-end .au-splitter {
479
+ inset-block: calc(var(--bs-drawer-splitter-size) auto / -2);
480
+ inset-inline: 0;
481
+ }
443
482
  .au-drawer .au-drawer-header {
444
483
  padding: 0.75rem 1rem;
445
484
  font-weight: 600;
446
485
  border-bottom: 1px solid #e2e2e2;
447
486
  }
487
+ .au-drawer .au-drawer-container {
488
+ display: inline-block;
489
+ }
448
490
  .au-drawer .au-drawer-body {
449
491
  padding: 1rem;
450
492
  overflow-y: auto;
@@ -452,14 +494,11 @@
452
494
  }
453
495
  .au-drawer .au-splitter {
454
496
  position: absolute;
455
- inset-block: 0;
456
- inset-inline-end: -4px;
457
- width: 8px;
497
+ width: var(--bs-drawer-splitter-size);
458
498
  cursor: ew-resize;
459
- background: transparent;
499
+ touch-action: none;
460
500
  }
461
501
  .au-drawer.block-start .au-splitter, .au-drawer.block-end .au-splitter {
462
- inset-inline: 0;
463
502
  width: auto;
464
503
  height: 8px;
465
504
  cursor: ns-resize;
package/css/agnosui.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../scss/tree.scss","../scss/select.scss","../scss/slider.scss","../scss/rating.scss","../scss/carousel.scss","../scss/toaster.scss","../scss/drawer.scss"],"names":[],"mappings":"AAEA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAEA;EACC;;AAIF;EACC;;AAEA;EACC;;AAKD;EACC;;;ACzEJ;EACC;;;AAID;EACC;EACA;EACA;;;ACiBD;EAEC;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAGA;;AAEA;EACC;;AAGD;EACC;;AAGD;EApGA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EACA;;AA6FA;EA/GA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EACA;;AAwGA;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;;AACA;EACC;;AAED;EACC;EACA;;AAED;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;;AACA;EACC;;AAED;EACC;EACA;;AAED;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AACA;EACC;;AAGF;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAGA;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAEA;EACC;;AAKD;EACC;EACA;EACA;;AAEA;EACC;;AAIF;EACC;;AAOL;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;EACA;;AAGD;EACC;;AAIF;EACC;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;;AAEA;AAAA;AAAA;AAAA;EAIC;;AAED;AAAA;EAEC;EACA;;AAED;AAAA;AAAA;EAGC;;;AC7WH;EACC;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACdF;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;;;ACZD;EACC;;;AAGD;EACC;;;ACHD;EAEC;EAGA;EACA;EACA;EACA;EACA;;AAGA;EACC;EACA;;AAGD;EACC;EACA;;AAEA;EACC;;AAKF;EACC;EACA;;AAEA;EACC;;AAIF;EACC;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAID;EACC;EACA;EACA;EACA;EACA;EACA;;AAID;EAEC;EACA;EACA;EACA;;;AAIF;EAEC;EACA;EACA;EAGA;EACA;EACA;EACA;;AAEA;EACC;EACA","file":"agnosui.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../scss/tree.scss","../scss/select.scss","../scss/slider.scss","../scss/rating.scss","../scss/carousel.scss","../scss/toaster.scss","../scss/drawer.scss"],"names":[],"mappings":"AAEA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAEA;EACC;;AAIF;EACC;;AAEA;EACC;;AAKD;EACC;;;ACzEJ;EACC;;;AAID;EACC;EACA;EACA;;;ACiBD;EACC;EAGA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAGA;;AAEA;EACC;;AAGD;EACC;;AAGD;EAtGA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EACA;;AA+FA;EAjHA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EACA;;AA0GA;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;;AACA;EACC;;AAED;EACC;EACA;;AAED;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;;AACA;EACC;;AAED;EACC;EACA;;AAED;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AACA;EACC;;AAGF;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAGA;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAEA;EACC;;AAKD;EACC;EACA;EACA;;AAEA;EACC;;AAIF;EACC;;AAOL;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;EACA;;AAGD;EACC;;AAIF;EACC;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;;AAEA;AAAA;AAAA;AAAA;EAIC;;AAED;AAAA;EAEC;EACA;;AAED;AAAA;AAAA;EAGC;;;AC/WH;EACC;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACdF;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;EACA;;;ACZD;EACC;;;AAGD;EACC;;;ACHD;EAEC;EAGA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAGD;EACC;;AAID;EACC;EACA;;AACA;EACC;EACA;;AAIF;EACC;EACA;;AACA;EACC;EACA;;AAKF;EACC;EACA;;AACA;EACC;EACA;;AAIF;EACC;EACA;;AACA;EACC;EACA;;AAIF;EACC;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;;AAID;EACC;EACA;EACA;EACA;;AAID;EAEC;EACA;EACA;;;AAIF;EAEC;EACA;EACA;EAGA;EACA;EACA;EACA;;AAEA;EACC;EACA","file":"agnosui.css"}
package/css/drawer.css CHANGED
@@ -1,38 +1,79 @@
1
1
  .au-drawer {
2
2
  --bs-drawer-z-index: 2010;
3
- display: flex;
3
+ display: inline-flex;
4
4
  flex-direction: column;
5
5
  background: #fff;
6
6
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.2);
7
7
  z-index: var(--bs-drawer-z-index);
8
+ --bs-drawer-size: max-content;
9
+ --bs-drawer-min-size: 0;
10
+ --bs-drawer-max-size: none;
11
+ --bs-drawer-splitter-size: 8px;
12
+ width: 100%;
13
+ min-width: 0;
14
+ max-width: none;
15
+ height: var(--bs-drawer-size);
16
+ min-height: var(--bs-drawer-min-size);
17
+ max-height: var(--bs-drawer-max-size);
18
+ }
19
+ .au-drawer.collapse-horizontal {
20
+ width: var(--bs-drawer-size);
21
+ min-width: var(--bs-drawer-min-size);
22
+ max-width: var(--bs-drawer-max-size);
23
+ height: 100%;
24
+ min-height: 0;
25
+ max-height: none;
26
+ }
27
+ .au-drawer.collapsing {
28
+ min-width: 0px !important;
29
+ min-height: 0px !important;
30
+ }
31
+ .au-drawer .au-drawer-container {
32
+ overflow: hidden;
33
+ }
34
+ .au-drawer .au-drawer-content {
35
+ min-width: max-content;
8
36
  }
9
37
  .au-drawer.inline-start {
10
- inset-block: 0;
11
38
  inset-inline-start: 0;
39
+ inset-block: 0;
12
40
  }
13
- .au-drawer.inline-end {
41
+ .au-drawer.inline-start .au-splitter {
14
42
  inset-block: 0;
43
+ inset-inline: auto calc(var(--bs-drawer-splitter-size) / -2);
44
+ }
45
+ .au-drawer.inline-end {
15
46
  inset-inline-end: 0;
47
+ inset-block: 0;
16
48
  }
17
49
  .au-drawer.inline-end .au-splitter {
18
- inset-inline-end: auto;
50
+ inset-block: 0;
51
+ inset-inline: calc(var(--bs-drawer-splitter-size) auto / -2);
19
52
  }
20
53
  .au-drawer.block-start {
21
54
  inset-inline: 0;
22
- inset-block-start: 0;
55
+ inset-block: 0;
23
56
  }
24
57
  .au-drawer.block-start .au-splitter {
25
- inset-block-start: auto;
58
+ inset-block: auto calc(var(--bs-drawer-splitter-size) / -2);
59
+ inset-inline: 0;
26
60
  }
27
61
  .au-drawer.block-end {
28
62
  inset-inline: 0;
29
63
  inset-block-end: 0;
30
64
  }
65
+ .au-drawer.block-end .au-splitter {
66
+ inset-block: calc(var(--bs-drawer-splitter-size) auto / -2);
67
+ inset-inline: 0;
68
+ }
31
69
  .au-drawer .au-drawer-header {
32
70
  padding: 0.75rem 1rem;
33
71
  font-weight: 600;
34
72
  border-bottom: 1px solid #e2e2e2;
35
73
  }
74
+ .au-drawer .au-drawer-container {
75
+ display: inline-block;
76
+ }
36
77
  .au-drawer .au-drawer-body {
37
78
  padding: 1rem;
38
79
  overflow-y: auto;
@@ -40,14 +81,11 @@
40
81
  }
41
82
  .au-drawer .au-splitter {
42
83
  position: absolute;
43
- inset-block: 0;
44
- inset-inline-end: -4px;
45
- width: 8px;
84
+ width: var(--bs-drawer-splitter-size);
46
85
  cursor: ew-resize;
47
- background: transparent;
86
+ touch-action: none;
48
87
  }
49
88
  .au-drawer.block-start .au-splitter, .au-drawer.block-end .au-splitter {
50
- inset-inline: 0;
51
89
  width: auto;
52
90
  height: 8px;
53
91
  cursor: ns-resize;
package/css/drawer.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../scss/drawer.scss"],"names":[],"mappings":"AAEA;EAEC;EAGA;EACA;EACA;EACA;EACA;;AAGA;EACC;EACA;;AAGD;EACC;EACA;;AAEA;EACC;;AAKF;EACC;EACA;;AAEA;EACC;;AAIF;EACC;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAID;EACC;EACA;EACA;EACA;EACA;EACA;;AAID;EAEC;EACA;EACA;EACA;;;AAIF;EAEC;EACA;EACA;EAGA;EACA;EACA;EACA;;AAEA;EACC;EACA","file":"drawer.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../scss/drawer.scss"],"names":[],"mappings":"AAEA;EAEC;EAGA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAGD;EACC;;AAID;EACC;EACA;;AACA;EACC;EACA;;AAIF;EACC;EACA;;AACA;EACC;EACA;;AAKF;EACC;EACA;;AACA;EACC;EACA;;AAIF;EACC;EACA;;AACA;EACC;EACA;;AAIF;EACC;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;;AAID;EACC;EACA;EACA;EACA;;AAID;EAEC;EACA;EACA;;;AAIF;EAEC;EACA;EACA;EAGA;EACA;EACA;EACA;;AAEA;EACC;EACA","file":"drawer.css"}
package/css/slider.css CHANGED
@@ -1,4 +1,5 @@
1
1
  .au-slider {
2
+ touch-action: none;
2
3
  --bs-slider-background-color: var(--bs-secondary-bg, #e9ecef);
3
4
  --bs-slider-font-size: 1rem;
4
5
  --bs-slider-border-radius: 0.125rem;
package/css/slider.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../scss/slider.scss"],"names":[],"mappings":"AA2BA;EAEC;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAGA;;AAEA;EACC;;AAGD;EACC;;AAGD;EApGA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EACA;;AA6FA;EA/GA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EACA;;AAwGA;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;;AACA;EACC;;AAED;EACC;EACA;;AAED;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;;AACA;EACC;;AAED;EACC;EACA;;AAED;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AACA;EACC;;AAGF;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAGA;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAEA;EACC;;AAKD;EACC;EACA;EACA;;AAEA;EACC;;AAIF;EACC;;AAOL;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;EACA;;AAGD;EACC;;AAIF;EACC;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;;AAEA;AAAA;AAAA;AAAA;EAIC;;AAED;AAAA;EAEC;EACA;;AAED;AAAA;AAAA;EAGC","file":"slider.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../scss/slider.scss"],"names":[],"mappings":"AA2BA;EACC;EAGA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EAGA;;AAEA;EACC;;AAGD;EACC;;AAGD;EAtGA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EACA;;AA+FA;EAjHA;EACA;EAEA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EACA;;AA0GA;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;;AACA;EACC;;AAED;EACC;EACA;;AAED;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;;AACA;EACC;;AAED;EACC;EACA;;AAED;EACC;EACA;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AACA;EACC;;AAGF;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAGA;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAEA;EACC;;AAKD;EACC;EACA;EACA;;AAEA;EACC;;AAIF;EACC;;AAOL;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;EACA;;AAGD;EACC;;AAIF;EACC;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;;AAEA;AAAA;AAAA;AAAA;EAIC;;AAED;AAAA;EAEC;EACA;;AAED;AAAA;AAAA;EAGC","file":"slider.css"}
package/{drawer-Bp5nbc7G.cjs → drawer-BRQiSxJu.cjs} RENAMED
@@ -1,11 +1,12 @@
1
1
  "use strict";
2
2
  const drawer = require("@agnos-ui/core/components/drawer");
3
3
  const extendWidget = require("@agnos-ui/core/services/extendWidget");
4
- const collapse = require("./collapse-sUYbZqEx.cjs");
5
- const fade = require("./fade-CJ0jXGio.cjs");
6
- const widget = require("@agnos-ui/core/utils/widget");
7
4
  const directive = require("@agnos-ui/core/utils/directive");
8
5
  const stores = require("@agnos-ui/core/utils/stores");
6
+ const widget = require("@agnos-ui/core/utils/widget");
7
+ const collapse = require("./collapse-sUYbZqEx.cjs");
8
+ const fade = require("./fade-CJ0jXGio.cjs");
9
+ const tansu = require("@amadeus-it-group/tansu");
9
10
  const defaultConfigExtraProps = {
10
11
  structure: void 0,
11
12
  header: void 0,
@@ -31,13 +32,20 @@ const createDrawer = widget.createWidgetFactory("drawer", (config) => {
31
32
  directives: {
32
33
  ...widget2.directives,
33
34
  drawerDirective: directive.mergeDirectives(
34
- widget2.directives.drawerDirective,
35
35
  directive.createAttributesDirective(() => ({
36
36
  classNames: {
37
37
  "au-drawer": stores.true$,
38
38
  show: widget2.stores.visible$
39
+ },
40
+ styles: {
41
+ "--bs-drawer-size": tansu.computed(() => {
42
+ const size = widget2.stores.size$();
43
+ return size == null ? void 0 : size + "px";
44
+ })
39
45
  }
40
- }))
46
+ })),
47
+ widget2.directives.drawerDirective
48
+ // need to be last, to ensure that all the classes and attributes are applied for the transition
41
49
  ),
42
50
  backdropDirective: directive.mergeDirectives(
43
51
  widget2.directives.backdropDirective,
@@ -56,14 +64,11 @@ const createDrawer = widget.createWidgetFactory("drawer", (config) => {
56
64
  }
57
65
  }))
58
66
  ),
59
- containerDirective: directive.mergeDirectives(
60
- widget2.directives.containerDirective,
61
- directive.createAttributesDirective(() => ({
62
- classNames: {
63
- "au-drawer-container": stores.true$
64
- }
65
- }))
66
- )
67
+ containerDirective: directive.createAttributesDirective(() => ({
68
+ classNames: {
69
+ "au-drawer-container": stores.true$
70
+ }
71
+ }))
67
72
  }
68
73
  };
69
74
  });
package/{drawer-D-fu8Wx0.js → drawer-Cqr0G3xO.js} RENAMED
@@ -1,10 +1,11 @@
1
1
  import { getDrawerDefaultConfig as getDrawerDefaultConfig$1, createDrawer as createDrawer$1 } from "@agnos-ui/core/components/drawer";
2
2
  import { extendWidgetProps } from "@agnos-ui/core/services/extendWidget";
3
+ import { createAttributesDirective, mergeDirectives } from "@agnos-ui/core/utils/directive";
4
+ import { true$ } from "@agnos-ui/core/utils/stores";
5
+ import { createWidgetFactory } from "@agnos-ui/core/utils/widget";
3
6
  import { c as collapseVerticalTransition, a as collapseHorizontalTransition } from "./collapse-CVjUhnIz.js";
4
7
  import { f as fadeTransition } from "./fade-uOobJKgw.js";
5
- import { createWidgetFactory } from "@agnos-ui/core/utils/widget";
6
- import { mergeDirectives, createAttributesDirective } from "@agnos-ui/core/utils/directive";
7
- import { true$ } from "@agnos-ui/core/utils/stores";
8
+ import { computed } from "@amadeus-it-group/tansu";
8
9
  const defaultConfigExtraProps = {
9
10
  structure: void 0,
10
11
  header: void 0,
@@ -30,13 +31,20 @@ const createDrawer = createWidgetFactory("drawer", (config) => {
30
31
  directives: {
31
32
  ...widget.directives,
32
33
  drawerDirective: mergeDirectives(
33
- widget.directives.drawerDirective,
34
34
  createAttributesDirective(() => ({
35
35
  classNames: {
36
36
  "au-drawer": true$,
37
37
  show: widget.stores.visible$
38
+ },
39
+ styles: {
40
+ "--bs-drawer-size": computed(() => {
41
+ const size = widget.stores.size$();
42
+ return size == null ? void 0 : size + "px";
43
+ })
38
44
  }
39
- }))
45
+ })),
46
+ widget.directives.drawerDirective
47
+ // need to be last, to ensure that all the classes and attributes are applied for the transition
40
48
  ),
41
49
  backdropDirective: mergeDirectives(
42
50
  widget.directives.backdropDirective,
@@ -55,14 +63,11 @@ const createDrawer = createWidgetFactory("drawer", (config) => {
55
63
  }
56
64
  }))
57
65
  ),
58
- containerDirective: mergeDirectives(
59
- widget.directives.containerDirective,
60
- createAttributesDirective(() => ({
61
- classNames: {
62
- "au-drawer-container": true$
63
- }
64
- }))
65
- )
66
+ containerDirective: createAttributesDirective(() => ({
67
+ classNames: {
68
+ "au-drawer-container": true$
69
+ }
70
+ }))
66
71
  }
67
72
  };
68
73
  });
package/index.cjs CHANGED
@@ -12,7 +12,7 @@ const toast = require("./toast-C4gj0rX-.cjs");
12
12
  const collapse = require("./collapse-Dy-3cJym.cjs");
13
13
  const tree = require("./tree-DuY7bsYo.cjs");
14
14
  const carousel = require("./carousel-C-vSnTTq.cjs");
15
- const drawer = require("./drawer-Bp5nbc7G.cjs");
15
+ const drawer = require("./drawer-BRQiSxJu.cjs");
16
16
  const collapse$2 = require("./collapse-sUYbZqEx.cjs");
17
17
  const fade = require("./fade-CJ0jXGio.cjs");
18
18
  const types = require("./types.cjs");
package/index.js CHANGED
@@ -10,7 +10,7 @@ import { c as c9, g as g9, t } from "./toast-Dggjpjqk.js";
10
10
  import { c as c10, g as g10 } from "./collapse-BxmbNhX5.js";
11
11
  import { c as c11, g as g11 } from "./tree-Be8WJS8u.js";
12
12
  import { c as c12, g as g12 } from "./carousel-CY0kDaVK.js";
13
- import { c as c13, g as g13 } from "./drawer-D-fu8Wx0.js";
13
+ import { c as c13, g as g13 } from "./drawer-Cqr0G3xO.js";
14
14
  import { a as a2, c as c14 } from "./collapse-CVjUhnIz.js";
15
15
  import { f } from "./fade-uOobJKgw.js";
16
16
  import { BS_CONTEXTUAL_CLASSES } from "./types.js";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@agnos-ui/core-bootstrap",
3
3
  "description": "Styles and component interface extensions necessary to use AgnosUI with Bootstrap.",
4
- "version": "0.10.0-next.2",
4
+ "version": "0.10.0-next.4",
5
5
  "keywords": [
6
6
  "bootstrap",
7
7
  "css",
@@ -62,7 +62,7 @@
62
62
  }
63
63
  },
64
64
  "dependencies": {
65
- "@agnos-ui/core": "0.10.0-next.2"
65
+ "@agnos-ui/core": "0.10.0-next.4"
66
66
  },
67
67
  "peerDependencies": {
68
68
  "@amadeus-it-group/tansu": "^2.0.0"
package/scss/drawer.scss CHANGED
@@ -5,40 +5,82 @@
5
5
  --#{$prefix}drawer-z-index: #{$au-drawer-z-index};
6
6
  // scss-docs-end drawer-css-vars
7
7
 
8
- display: flex;
8
+ display: inline-flex;
9
9
  flex-direction: column;
10
10
  background: #fff;
11
11
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.2);
12
12
  z-index: var(--#{$prefix}drawer-z-index);
13
13
 
14
+ --#{$prefix}drawer-size: max-content;
15
+ --#{$prefix}drawer-min-size: 0;
16
+ --#{$prefix}drawer-max-size: none;
17
+ --#{$prefix}drawer-splitter-size: 8px;
18
+
19
+ width: 100%;
20
+ min-width: 0;
21
+ max-width: none;
22
+ height: var(--#{$prefix}drawer-size);
23
+ min-height: var(--#{$prefix}drawer-min-size);
24
+ max-height: var(--#{$prefix}drawer-max-size);
25
+
26
+ &.collapse-horizontal {
27
+ width: var(--#{$prefix}drawer-size);
28
+ min-width: var(--#{$prefix}drawer-min-size);
29
+ max-width: var(--#{$prefix}drawer-max-size);
30
+ height: 100%;
31
+ min-height: 0;
32
+ max-height: none;
33
+ }
34
+
35
+ &.collapsing {
36
+ min-width: 0px !important;
37
+ min-height: 0px !important;
38
+ }
39
+
40
+ .au-drawer-container {
41
+ overflow: hidden;
42
+ }
43
+
44
+ .au-drawer-content {
45
+ min-width: max-content;
46
+ }
47
+
14
48
  // Inline (left/right depending on writing direction)
15
49
  &.inline-start {
16
- inset-block: 0;
17
50
  inset-inline-start: 0;
51
+ inset-block: 0;
52
+ .au-splitter {
53
+ inset-block: 0;
54
+ inset-inline: auto calc(var(--#{$prefix}drawer-splitter-size) / -2);
55
+ }
18
56
  }
19
57
 
20
58
  &.inline-end {
21
- inset-block: 0;
22
59
  inset-inline-end: 0;
23
-
60
+ inset-block: 0;
24
61
  .au-splitter {
25
- inset-inline-end: auto;
62
+ inset-block: 0;
63
+ inset-inline: calc(var(--#{$prefix}drawer-splitter-size) auto / -2);
26
64
  }
27
65
  }
28
66
 
29
67
  // Block (top/bottom)
30
68
  &.block-start {
31
69
  inset-inline: 0;
32
- inset-block-start: 0;
33
-
70
+ inset-block: 0;
34
71
  .au-splitter {
35
- inset-block-start: auto;
72
+ inset-block: auto calc(var(--#{$prefix}drawer-splitter-size) / -2);
73
+ inset-inline: 0;
36
74
  }
37
75
  }
38
76
 
39
77
  &.block-end {
40
78
  inset-inline: 0;
41
79
  inset-block-end: 0;
80
+ .au-splitter {
81
+ inset-block: calc(var(--#{$prefix}drawer-splitter-size) auto / -2);
82
+ inset-inline: 0;
83
+ }
42
84
  }
43
85
 
44
86
  .au-drawer-header {
@@ -47,6 +89,10 @@
47
89
  border-bottom: 1px solid #e2e2e2;
48
90
  }
49
91
 
92
+ .au-drawer-container {
93
+ display: inline-block;
94
+ }
95
+
50
96
  .au-drawer-body {
51
97
  padding: 1rem;
52
98
  overflow-y: auto;
@@ -56,17 +102,14 @@
56
102
  // Vertical splitter (default for inline drawers)
57
103
  .au-splitter {
58
104
  position: absolute;
59
- inset-block: 0;
60
- inset-inline-end: -4px; // half outside for visual separation
61
- width: 8px; // larger hit area
105
+ width: var(--#{$prefix}drawer-splitter-size);
62
106
  cursor: ew-resize;
63
- background: transparent;
107
+ touch-action: none;
64
108
  }
65
109
 
66
110
  // Horizontal splitter for block drawers (height resize)
67
111
  &.block-start .au-splitter,
68
112
  &.block-end .au-splitter {
69
- inset-inline: 0;
70
113
  width: auto;
71
114
  height: 8px;
72
115
  cursor: ns-resize;
package/scss/slider.scss CHANGED
@@ -26,6 +26,8 @@
26
26
  }
27
27
 
28
28
  .au-slider {
29
+ touch-action: none;
30
+
29
31
  // scss-docs-start slider-css-vars
30
32
  --#{variables.$prefix}slider-background-color: #{variables.$au-slider-color-background};
31
33
  --#{variables.$prefix}slider-font-size: #{variables.$au-slider-font-size};