@nectary/components 2.8.2 → 2.8.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 (5) hide show
  1. package/dialog/index.js +1 -1
  2. package/package.json +1 -1
  3. package/standalone.d.ts +85 -86
  4. package/standalone.js +85 -86
  5. package/standalone.ts +85 -86
package/dialog/index.js CHANGED
@@ -3,7 +3,7 @@ import '../icon';
3
3
  import '../stop-events';
4
4
  import '../title';
5
5
  import { defineCustomElement, getAttribute, getBooleanAttribute, getRect, isAttrTrue, updateAttribute, getReactEventHandler, NectaryElement, updateBooleanAttribute, setClass, isTargetEqual, isAttrEqual } from '../utils';
6
- const templateHTML = '<style>:host{display:contents;--sinch-comp-dialog-max-width:512px;--sinch-comp-dialog-max-height:50vh}#dialog{position:fixed;left:0;right:0;margin:auto;display:flex;flex-direction:column;padding:24px 0;max-width:var(--sinch-comp-dialog-max-width);max-height:unset;border-radius:var(--sinch-comp-dialog-shape-radius);box-sizing:border-box;contain:content;background-color:var(--sinch-comp-dialog-color-default-background-initial);border:none;box-shadow:var(--sinch-comp-dialog-shadow);outline:0}#dialog:not([open]){display:none}dialog::backdrop{background-color:#000;opacity:.55}#header{display:flex;flex-direction:row;align-items:flex-start;margin-bottom:12px;padding:0 24px;gap:8px;--sinch-global-size-icon:24px;--sinch-global-color-icon:var(--sinch-comp-dialog-color-default-icon-initial)}#caption{--sinch-global-color-text:var(--sinch-comp-dialog-color-default-title-initial);--sinch-comp-title-font:var(--sinch-comp-dialog-font-title)}#content{min-height:0;overflow:auto;max-height:var(--sinch-comp-dialog-max-height);padding:4px 24px}#action{display:flex;flex-direction:row;justify-content:flex-end;gap:16px;margin-top:20px;padding:0 24px}#action.empty{display:none}#close{position:relative;left:4px;top:-4px;margin-left:auto}</style><dialog id="dialog"><div id="header"><slot id="icon" name="icon"></slot><sinch-title id="caption" type="m" level="3"></sinch-title><sinch-icon-button id="close" size="s"><sinch-icon id="icon-close" slot="icon" name="close"></sinch-icon></sinch-icon-button></div><div id="content"><sinch-stop-events events="close"><slot name="content"></slot></sinch-stop-events></div><div id="action"><sinch-stop-events events="close"><slot name="buttons"></slot></sinch-stop-events></div></dialog>';
6
+ const templateHTML = '<style>:host{display:contents;--sinch-comp-dialog-max-width:512px;--sinch-comp-dialog-max-height:90vh}#dialog{position:fixed;left:0;right:0;margin:auto;display:flex;flex-direction:column;padding:24px 0;max-width:var(--sinch-comp-dialog-max-width);max-height:var(--sinch-comp-dialog-max-height);border-radius:var(--sinch-comp-dialog-shape-radius);box-sizing:border-box;contain:content;background-color:var(--sinch-comp-dialog-color-default-background-initial);border:none;box-shadow:var(--sinch-comp-dialog-shadow);outline:0}#dialog:not([open]){display:none}dialog::backdrop{background-color:#000;opacity:.55}#header{display:flex;flex-direction:row;align-items:flex-start;margin-bottom:12px;padding:0 24px;gap:8px;--sinch-global-size-icon:24px;--sinch-global-color-icon:var(--sinch-comp-dialog-color-default-icon-initial)}#caption{--sinch-global-color-text:var(--sinch-comp-dialog-color-default-title-initial);--sinch-comp-title-font:var(--sinch-comp-dialog-font-title)}#content{min-height:0;overflow:auto;padding:4px 24px}#action{display:flex;flex-direction:row;justify-content:flex-end;gap:16px;margin-top:20px;padding:0 24px}#action.empty{display:none}#close{position:relative;left:4px;top:-4px;margin-left:auto}</style><dialog id="dialog"><div id="header"><slot id="icon" name="icon"></slot><sinch-title id="caption" type="m" level="3"></sinch-title><sinch-icon-button id="close" size="s"><sinch-icon id="icon-close" slot="icon" name="close"></sinch-icon></sinch-icon-button></div><div id="content"><sinch-stop-events events="close"><slot name="content"></slot></sinch-stop-events></div><div id="action"><sinch-stop-events events="close"><slot name="buttons"></slot></sinch-stop-events></div></dialog>';
7
7
  import { disableScroll, enableScroll } from './utils';
8
8
  const template = document.createElement('template');
9
9
  template.innerHTML = templateHTML;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nectary/components",
3
- "version": "2.8.2",
3
+ "version": "2.8.4",
4
4
  "files": [
5
5
  "**/*/*.css",
6
6
  "**/*/*.json",
package/standalone.d.ts CHANGED
@@ -1,86 +1,85 @@
1
- import './accordion-item';
2
- import './accordion';
3
- import './action-menu-option';
4
- import './action-menu';
5
- import './alert';
6
- import './avatar';
7
- import './badge';
8
- import './button';
9
- import './card-container';
10
- import './card';
11
- import './chat-block';
12
- import './chat-bubble';
13
- import './chat';
14
- import './checkbox';
15
- import './chip';
16
- import './code-tag';
17
- import './color-menu-option';
18
- import './color-menu';
19
- import './color-swatch';
20
- import './date-picker';
21
- import './dialog';
22
- import './emoji-picker';
23
- import './emoji';
24
- import './field';
25
- import './file-drop';
26
- import './file-picker';
27
- import './file-status';
28
- import './flag';
29
- import './grid-item';
30
- import './grid';
31
- import './help-tooltip';
32
- import './horizontal-stepper-item';
33
- import './horizontal-stepper';
34
- import './icon-button';
35
- import './icon';
36
- import './inline-alert';
37
- import './input';
38
- import './link';
39
- import './list-item';
40
- import './list';
41
- import './node_modules';
42
- import './pagination';
43
- import './pop';
44
- import './popover';
45
- import './progress-stepper-item';
46
- import './progress-stepper';
47
- import './progress';
48
- import './radio-option';
49
- import './radio';
50
- import './rich-text';
51
- import './rich-textarea';
52
- import './segment-collapse';
53
- import './segment';
54
- import './segmented-control-option';
55
- import './segmented-control';
56
- import './segmented-icon-control-option';
57
- import './segmented-icon-control';
58
- import './select-button';
59
- import './select-menu-option';
60
- import './select-menu';
61
- import './skeleton-item';
62
- import './skeleton';
63
- import './spinner';
64
- import './stop-events';
65
- import './table-body';
66
- import './table-cell';
67
- import './table-head-cell';
68
- import './table-head';
69
- import './table-row';
70
- import './table';
71
- import './tabs-icon-option';
72
- import './tabs-option';
73
- import './tabs';
74
- import './tag';
75
- import './text';
76
- import './textarea';
77
- import './tile-control-option';
78
- import './tile-control';
79
- import './time-picker';
80
- import './title';
81
- import './toast-manager';
82
- import './toast';
83
- import './toggle';
84
- import './tooltip';
85
- import './vertical-stepper-item';
86
- import './vertical-stepper';
1
+ import './accordion-item/index.js';
2
+ import './accordion/index.js';
3
+ import './action-menu-option/index.js';
4
+ import './action-menu/index.js';
5
+ import './alert/index.js';
6
+ import './avatar/index.js';
7
+ import './badge/index.js';
8
+ import './button/index.js';
9
+ import './card-container/index.js';
10
+ import './card/index.js';
11
+ import './chat-block/index.js';
12
+ import './chat-bubble/index.js';
13
+ import './chat/index.js';
14
+ import './checkbox/index.js';
15
+ import './chip/index.js';
16
+ import './code-tag/index.js';
17
+ import './color-menu-option/index.js';
18
+ import './color-menu/index.js';
19
+ import './color-swatch/index.js';
20
+ import './date-picker/index.js';
21
+ import './dialog/index.js';
22
+ import './emoji-picker/index.js';
23
+ import './emoji/index.js';
24
+ import './field/index.js';
25
+ import './file-drop/index.js';
26
+ import './file-picker/index.js';
27
+ import './file-status/index.js';
28
+ import './flag/index.js';
29
+ import './grid-item/index.js';
30
+ import './grid/index.js';
31
+ import './help-tooltip/index.js';
32
+ import './horizontal-stepper-item/index.js';
33
+ import './horizontal-stepper/index.js';
34
+ import './icon-button/index.js';
35
+ import './icon/index.js';
36
+ import './inline-alert/index.js';
37
+ import './input/index.js';
38
+ import './link/index.js';
39
+ import './list-item/index.js';
40
+ import './list/index.js';
41
+ import './pagination/index.js';
42
+ import './pop/index.js';
43
+ import './popover/index.js';
44
+ import './progress-stepper-item/index.js';
45
+ import './progress-stepper/index.js';
46
+ import './progress/index.js';
47
+ import './radio-option/index.js';
48
+ import './radio/index.js';
49
+ import './rich-text/index.js';
50
+ import './rich-textarea/index.js';
51
+ import './segment-collapse/index.js';
52
+ import './segment/index.js';
53
+ import './segmented-control-option/index.js';
54
+ import './segmented-control/index.js';
55
+ import './segmented-icon-control-option/index.js';
56
+ import './segmented-icon-control/index.js';
57
+ import './select-button/index.js';
58
+ import './select-menu-option/index.js';
59
+ import './select-menu/index.js';
60
+ import './skeleton-item/index.js';
61
+ import './skeleton/index.js';
62
+ import './spinner/index.js';
63
+ import './stop-events/index.js';
64
+ import './table-body/index.js';
65
+ import './table-cell/index.js';
66
+ import './table-head-cell/index.js';
67
+ import './table-head/index.js';
68
+ import './table-row/index.js';
69
+ import './table/index.js';
70
+ import './tabs-icon-option/index.js';
71
+ import './tabs-option/index.js';
72
+ import './tabs/index.js';
73
+ import './tag/index.js';
74
+ import './text/index.js';
75
+ import './textarea/index.js';
76
+ import './tile-control-option/index.js';
77
+ import './tile-control/index.js';
78
+ import './time-picker/index.js';
79
+ import './title/index.js';
80
+ import './toast-manager/index.js';
81
+ import './toast/index.js';
82
+ import './toggle/index.js';
83
+ import './tooltip/index.js';
84
+ import './vertical-stepper-item/index.js';
85
+ import './vertical-stepper/index.js';
package/standalone.js CHANGED
@@ -1,88 +1,87 @@
1
1
  import { setNectaryRegistry } from './utils';
2
2
  setNectaryRegistry(window.customElements);
3
- import './accordion-item';
4
- import './accordion';
5
- import './action-menu-option';
6
- import './action-menu';
7
- import './alert';
8
- import './avatar';
9
- import './badge';
10
- import './button';
11
- import './card-container';
12
- import './card';
13
- import './chat-block';
14
- import './chat-bubble';
15
- import './chat';
16
- import './checkbox';
17
- import './chip';
18
- import './code-tag';
19
- import './color-menu-option';
20
- import './color-menu';
21
- import './color-swatch';
22
- import './date-picker';
23
- import './dialog';
24
- import './emoji-picker';
25
- import './emoji';
26
- import './field';
27
- import './file-drop';
28
- import './file-picker';
29
- import './file-status';
30
- import './flag';
31
- import './grid-item';
32
- import './grid';
33
- import './help-tooltip';
34
- import './horizontal-stepper-item';
35
- import './horizontal-stepper';
36
- import './icon-button';
37
- import './icon';
38
- import './inline-alert';
39
- import './input';
40
- import './link';
41
- import './list-item';
42
- import './list';
43
- import './node_modules';
44
- import './pagination';
45
- import './pop';
46
- import './popover';
47
- import './progress-stepper-item';
48
- import './progress-stepper';
49
- import './progress';
50
- import './radio-option';
51
- import './radio';
52
- import './rich-text';
53
- import './rich-textarea';
54
- import './segment-collapse';
55
- import './segment';
56
- import './segmented-control-option';
57
- import './segmented-control';
58
- import './segmented-icon-control-option';
59
- import './segmented-icon-control';
60
- import './select-button';
61
- import './select-menu-option';
62
- import './select-menu';
63
- import './skeleton-item';
64
- import './skeleton';
65
- import './spinner';
66
- import './stop-events';
67
- import './table-body';
68
- import './table-cell';
69
- import './table-head-cell';
70
- import './table-head';
71
- import './table-row';
72
- import './table';
73
- import './tabs-icon-option';
74
- import './tabs-option';
75
- import './tabs';
76
- import './tag';
77
- import './text';
78
- import './textarea';
79
- import './tile-control-option';
80
- import './tile-control';
81
- import './time-picker';
82
- import './title';
83
- import './toast-manager';
84
- import './toast';
85
- import './toggle';
86
- import './tooltip';
87
- import './vertical-stepper-item';
88
- import './vertical-stepper';
3
+ import './accordion-item/index.js';
4
+ import './accordion/index.js';
5
+ import './action-menu-option/index.js';
6
+ import './action-menu/index.js';
7
+ import './alert/index.js';
8
+ import './avatar/index.js';
9
+ import './badge/index.js';
10
+ import './button/index.js';
11
+ import './card-container/index.js';
12
+ import './card/index.js';
13
+ import './chat-block/index.js';
14
+ import './chat-bubble/index.js';
15
+ import './chat/index.js';
16
+ import './checkbox/index.js';
17
+ import './chip/index.js';
18
+ import './code-tag/index.js';
19
+ import './color-menu-option/index.js';
20
+ import './color-menu/index.js';
21
+ import './color-swatch/index.js';
22
+ import './date-picker/index.js';
23
+ import './dialog/index.js';
24
+ import './emoji-picker/index.js';
25
+ import './emoji/index.js';
26
+ import './field/index.js';
27
+ import './file-drop/index.js';
28
+ import './file-picker/index.js';
29
+ import './file-status/index.js';
30
+ import './flag/index.js';
31
+ import './grid-item/index.js';
32
+ import './grid/index.js';
33
+ import './help-tooltip/index.js';
34
+ import './horizontal-stepper-item/index.js';
35
+ import './horizontal-stepper/index.js';
36
+ import './icon-button/index.js';
37
+ import './icon/index.js';
38
+ import './inline-alert/index.js';
39
+ import './input/index.js';
40
+ import './link/index.js';
41
+ import './list-item/index.js';
42
+ import './list/index.js';
43
+ import './pagination/index.js';
44
+ import './pop/index.js';
45
+ import './popover/index.js';
46
+ import './progress-stepper-item/index.js';
47
+ import './progress-stepper/index.js';
48
+ import './progress/index.js';
49
+ import './radio-option/index.js';
50
+ import './radio/index.js';
51
+ import './rich-text/index.js';
52
+ import './rich-textarea/index.js';
53
+ import './segment-collapse/index.js';
54
+ import './segment/index.js';
55
+ import './segmented-control-option/index.js';
56
+ import './segmented-control/index.js';
57
+ import './segmented-icon-control-option/index.js';
58
+ import './segmented-icon-control/index.js';
59
+ import './select-button/index.js';
60
+ import './select-menu-option/index.js';
61
+ import './select-menu/index.js';
62
+ import './skeleton-item/index.js';
63
+ import './skeleton/index.js';
64
+ import './spinner/index.js';
65
+ import './stop-events/index.js';
66
+ import './table-body/index.js';
67
+ import './table-cell/index.js';
68
+ import './table-head-cell/index.js';
69
+ import './table-head/index.js';
70
+ import './table-row/index.js';
71
+ import './table/index.js';
72
+ import './tabs-icon-option/index.js';
73
+ import './tabs-option/index.js';
74
+ import './tabs/index.js';
75
+ import './tag/index.js';
76
+ import './text/index.js';
77
+ import './textarea/index.js';
78
+ import './tile-control-option/index.js';
79
+ import './tile-control/index.js';
80
+ import './time-picker/index.js';
81
+ import './title/index.js';
82
+ import './toast-manager/index.js';
83
+ import './toast/index.js';
84
+ import './toggle/index.js';
85
+ import './tooltip/index.js';
86
+ import './vertical-stepper-item/index.js';
87
+ import './vertical-stepper/index.js';
package/standalone.ts CHANGED
@@ -6,89 +6,88 @@ import { setNectaryRegistry } from './utils'
6
6
  setNectaryRegistry(window.customElements)
7
7
 
8
8
  // Reminder: Keep this list updated as we add new components
9
- import './accordion-item'
10
- import './accordion'
11
- import './action-menu-option'
12
- import './action-menu'
13
- import './alert'
14
- import './avatar'
15
- import './badge'
16
- import './button'
17
- import './card-container'
18
- import './card'
19
- import './chat-block'
20
- import './chat-bubble'
21
- import './chat'
22
- import './checkbox'
23
- import './chip'
24
- import './code-tag'
25
- import './color-menu-option'
26
- import './color-menu'
27
- import './color-swatch'
28
- import './date-picker'
29
- import './dialog'
30
- import './emoji-picker'
31
- import './emoji'
32
- import './field'
33
- import './file-drop'
34
- import './file-picker'
35
- import './file-status'
36
- import './flag'
37
- import './grid-item'
38
- import './grid'
39
- import './help-tooltip'
40
- import './horizontal-stepper-item'
41
- import './horizontal-stepper'
42
- import './icon-button'
43
- import './icon'
44
- import './inline-alert'
45
- import './input'
46
- import './link'
47
- import './list-item'
48
- import './list'
49
- import './node_modules'
50
- import './pagination'
51
- import './pop'
52
- import './popover'
53
- import './progress-stepper-item'
54
- import './progress-stepper'
55
- import './progress'
56
- import './radio-option'
57
- import './radio'
58
- import './rich-text'
59
- import './rich-textarea'
60
- import './segment-collapse'
61
- import './segment'
62
- import './segmented-control-option'
63
- import './segmented-control'
64
- import './segmented-icon-control-option'
65
- import './segmented-icon-control'
66
- import './select-button'
67
- import './select-menu-option'
68
- import './select-menu'
69
- import './skeleton-item'
70
- import './skeleton'
71
- import './spinner'
72
- import './stop-events'
73
- import './table-body'
74
- import './table-cell'
75
- import './table-head-cell'
76
- import './table-head'
77
- import './table-row'
78
- import './table'
79
- import './tabs-icon-option'
80
- import './tabs-option'
81
- import './tabs'
82
- import './tag'
83
- import './text'
84
- import './textarea'
85
- import './tile-control-option'
86
- import './tile-control'
87
- import './time-picker'
88
- import './title'
89
- import './toast-manager'
90
- import './toast'
91
- import './toggle'
92
- import './tooltip'
93
- import './vertical-stepper-item'
94
- import './vertical-stepper'
9
+ import './accordion-item/index.js'
10
+ import './accordion/index.js'
11
+ import './action-menu-option/index.js'
12
+ import './action-menu/index.js'
13
+ import './alert/index.js'
14
+ import './avatar/index.js'
15
+ import './badge/index.js'
16
+ import './button/index.js'
17
+ import './card-container/index.js'
18
+ import './card/index.js'
19
+ import './chat-block/index.js'
20
+ import './chat-bubble/index.js'
21
+ import './chat/index.js'
22
+ import './checkbox/index.js'
23
+ import './chip/index.js'
24
+ import './code-tag/index.js'
25
+ import './color-menu-option/index.js'
26
+ import './color-menu/index.js'
27
+ import './color-swatch/index.js'
28
+ import './date-picker/index.js'
29
+ import './dialog/index.js'
30
+ import './emoji-picker/index.js'
31
+ import './emoji/index.js'
32
+ import './field/index.js'
33
+ import './file-drop/index.js'
34
+ import './file-picker/index.js'
35
+ import './file-status/index.js'
36
+ import './flag/index.js'
37
+ import './grid-item/index.js'
38
+ import './grid/index.js'
39
+ import './help-tooltip/index.js'
40
+ import './horizontal-stepper-item/index.js'
41
+ import './horizontal-stepper/index.js'
42
+ import './icon-button/index.js'
43
+ import './icon/index.js'
44
+ import './inline-alert/index.js'
45
+ import './input/index.js'
46
+ import './link/index.js'
47
+ import './list-item/index.js'
48
+ import './list/index.js'
49
+ import './pagination/index.js'
50
+ import './pop/index.js'
51
+ import './popover/index.js'
52
+ import './progress-stepper-item/index.js'
53
+ import './progress-stepper/index.js'
54
+ import './progress/index.js'
55
+ import './radio-option/index.js'
56
+ import './radio/index.js'
57
+ import './rich-text/index.js'
58
+ import './rich-textarea/index.js'
59
+ import './segment-collapse/index.js'
60
+ import './segment/index.js'
61
+ import './segmented-control-option/index.js'
62
+ import './segmented-control/index.js'
63
+ import './segmented-icon-control-option/index.js'
64
+ import './segmented-icon-control/index.js'
65
+ import './select-button/index.js'
66
+ import './select-menu-option/index.js'
67
+ import './select-menu/index.js'
68
+ import './skeleton-item/index.js'
69
+ import './skeleton/index.js'
70
+ import './spinner/index.js'
71
+ import './stop-events/index.js'
72
+ import './table-body/index.js'
73
+ import './table-cell/index.js'
74
+ import './table-head-cell/index.js'
75
+ import './table-head/index.js'
76
+ import './table-row/index.js'
77
+ import './table/index.js'
78
+ import './tabs-icon-option/index.js'
79
+ import './tabs-option/index.js'
80
+ import './tabs/index.js'
81
+ import './tag/index.js'
82
+ import './text/index.js'
83
+ import './textarea/index.js'
84
+ import './tile-control-option/index.js'
85
+ import './tile-control/index.js'
86
+ import './time-picker/index.js'
87
+ import './title/index.js'
88
+ import './toast-manager/index.js'
89
+ import './toast/index.js'
90
+ import './toggle/index.js'
91
+ import './tooltip/index.js'
92
+ import './vertical-stepper-item/index.js'
93
+ import './vertical-stepper/index.js'