@tylertech/forge 3.8.0-dev.0 → 3.8.0-dev.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.
- package/custom-elements.json +193 -193
- package/dist/lib.js +1 -1
- package/dist/lib.js.map +2 -2
- package/dist/vscode.css-custom-data.json +20 -20
- package/dist/vscode.html-custom-data.json +21 -21
- package/esm/split-view/split-view-panel/split-view-panel.js +1 -1
- package/esm/stepper/stepper/stepper-constants.d.ts +1 -17
- package/package.json +1 -1
|
@@ -112,26 +112,6 @@
|
|
|
112
112
|
"description": "The spacing between the content within the badge.",
|
|
113
113
|
"values": []
|
|
114
114
|
},
|
|
115
|
-
{
|
|
116
|
-
"name": "--forge-bottom-sheet-desktop-max-width",
|
|
117
|
-
"description": "The maximum width of the bottom sheet on desktop.",
|
|
118
|
-
"values": []
|
|
119
|
-
},
|
|
120
|
-
{
|
|
121
|
-
"name": "--forge-bottom-sheet-desktop-min-width",
|
|
122
|
-
"description": "The minimum width of the bottom sheet on desktop.",
|
|
123
|
-
"values": []
|
|
124
|
-
},
|
|
125
|
-
{
|
|
126
|
-
"name": "--forge-bottom-sheet-animation-duration",
|
|
127
|
-
"description": "The duration of the bottom sheet animation to fullscreen.",
|
|
128
|
-
"values": []
|
|
129
|
-
},
|
|
130
|
-
{
|
|
131
|
-
"name": "--forge-bottom-sheet-animation-timing",
|
|
132
|
-
"description": "The timing function of the bottom sheet animation to fullscreen.",
|
|
133
|
-
"values": []
|
|
134
|
-
},
|
|
135
115
|
{
|
|
136
116
|
"name": "--forge-banner-background",
|
|
137
117
|
"description": "The background color of the banner.",
|
|
@@ -172,6 +152,26 @@
|
|
|
172
152
|
"description": "The transition easing function.",
|
|
173
153
|
"values": []
|
|
174
154
|
},
|
|
155
|
+
{
|
|
156
|
+
"name": "--forge-bottom-sheet-desktop-max-width",
|
|
157
|
+
"description": "The maximum width of the bottom sheet on desktop.",
|
|
158
|
+
"values": []
|
|
159
|
+
},
|
|
160
|
+
{
|
|
161
|
+
"name": "--forge-bottom-sheet-desktop-min-width",
|
|
162
|
+
"description": "The minimum width of the bottom sheet on desktop.",
|
|
163
|
+
"values": []
|
|
164
|
+
},
|
|
165
|
+
{
|
|
166
|
+
"name": "--forge-bottom-sheet-animation-duration",
|
|
167
|
+
"description": "The duration of the bottom sheet animation to fullscreen.",
|
|
168
|
+
"values": []
|
|
169
|
+
},
|
|
170
|
+
{
|
|
171
|
+
"name": "--forge-bottom-sheet-animation-timing",
|
|
172
|
+
"description": "The timing function of the bottom sheet animation to fullscreen.",
|
|
173
|
+
"values": []
|
|
174
|
+
},
|
|
175
175
|
{
|
|
176
176
|
"name": "--forge-button-primary-color",
|
|
177
177
|
"description": "The primary color of the button.",
|
|
@@ -147,50 +147,50 @@
|
|
|
147
147
|
"references": []
|
|
148
148
|
},
|
|
149
149
|
{
|
|
150
|
-
"name": "forge-
|
|
151
|
-
"description": "
|
|
150
|
+
"name": "forge-banner",
|
|
151
|
+
"description": "Banners are used to inform users of important information, such as errors, warnings, or success messages.\n---\n\n\n### **Events:**\n - **forge-banner-before-dismiss** - Dispatched before the banner is dismissed. Cancelable to prevent dismissal.\n- **forge-banner-dismissed** - Dispatched when the banner is dismissed.\n\n### **Slots:**\n - _default_ - The content of the banner.\n- **icon** - The icon to display.\n- **button** - The optional button to display.\n\n### **CSS Properties:**\n - **--forge-banner-background** - The background color of the banner. _(default: undefined)_\n- **--forge-banner-color** - The text color of the banner. _(default: undefined)_\n- **--forge-banner-icon-color** - The color of the icon. _(default: undefined)_\n- **--forge-banner-gap** - The gap between the contents. _(default: undefined)_\n- **--forge-banner-padding-inline** - The inline padding. _(default: undefined)_\n- **--forge-banner-padding-block** - The block padding. _(default: undefined)_\n- **--forge-banner-transition-duration** - The transition duration. _(default: undefined)_\n- **--forge-banner-transition-easing** - The transition easing function. _(default: undefined)_",
|
|
152
152
|
"attributes": [
|
|
153
153
|
{
|
|
154
|
-
"name": "
|
|
155
|
-
"description": "
|
|
154
|
+
"name": "dismissed",
|
|
155
|
+
"description": "Controls the visibility of the banner.",
|
|
156
156
|
"values": []
|
|
157
157
|
},
|
|
158
|
-
{
|
|
159
|
-
"name": "mode",
|
|
160
|
-
"description": "The mode of the bottom sheet.",
|
|
161
|
-
"values": [{ "name": "BottomSheetMode" }]
|
|
162
|
-
},
|
|
163
158
|
{
|
|
164
159
|
"name": "persistent",
|
|
165
|
-
"description": "
|
|
160
|
+
"description": "Controls the visibility of the built-in dismiss button.",
|
|
166
161
|
"values": []
|
|
167
162
|
},
|
|
168
163
|
{
|
|
169
|
-
"name": "
|
|
170
|
-
"description": "
|
|
171
|
-
"values": []
|
|
164
|
+
"name": "theme",
|
|
165
|
+
"description": "The theme of the banner.",
|
|
166
|
+
"values": [{ "name": "BannerTheme" }]
|
|
172
167
|
}
|
|
173
168
|
],
|
|
174
169
|
"references": []
|
|
175
170
|
},
|
|
176
171
|
{
|
|
177
|
-
"name": "forge-
|
|
178
|
-
"description": "
|
|
172
|
+
"name": "forge-bottom-sheet",
|
|
173
|
+
"description": "Bottom sheets slide up from the bottom of the screen to reveal more content and/or actions that the user can take.\n---\n\n\n### **Events:**\n - **forge-bottom-sheet-before-close** - Fires before the bottom sheet closes.\n- **forge-bottom-sheet-close** - Fires after the bottom sheet closes.\n- **forge-bottom-sheet-open** - Fires after the bottom sheet opens.\n- **forge-bottom-sheet-drag-start** - Fires when the bottom sheet starts to be dragged.\n- **forge-bottom-sheet-dragged** - Fires when the bottom sheet is dragged.\n- **forge-bottom-sheet-drag-end** - Fires when the bottom sheet drag ends.\n- **forge-bottom-sheet-drag-cancel** - Fires when the bottom sheet drag is cancelled.\n- **forge-bottom-sheet-fullscreen** - Fires when the bottom sheet is toggled to fullscreen.\n\n### **Slots:**\n - _default_ - The content of the bottom sheet. This is a passthrough slot to the dialog surface.\n\n### **CSS Properties:**\n - **--forge-bottom-sheet-desktop-max-width** - The maximum width of the bottom sheet on desktop. _(default: undefined)_\n- **--forge-bottom-sheet-desktop-min-width** - The minimum width of the bottom sheet on desktop. _(default: undefined)_\n- **--forge-bottom-sheet-animation-duration** - The duration of the bottom sheet animation to fullscreen. _(default: undefined)_\n- **--forge-bottom-sheet-animation-timing** - The timing function of the bottom sheet animation to fullscreen. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root element of the bottom sheet.\n- **surface** - The surface element of the bottom sheet within th dialog.",
|
|
179
174
|
"attributes": [
|
|
180
175
|
{
|
|
181
|
-
"name": "
|
|
182
|
-
"description": "
|
|
176
|
+
"name": "open",
|
|
177
|
+
"description": "Whether the bottom sheet is open.",
|
|
183
178
|
"values": []
|
|
184
179
|
},
|
|
180
|
+
{
|
|
181
|
+
"name": "mode",
|
|
182
|
+
"description": "The mode of the bottom sheet.",
|
|
183
|
+
"values": [{ "name": "BottomSheetMode" }]
|
|
184
|
+
},
|
|
185
185
|
{
|
|
186
186
|
"name": "persistent",
|
|
187
|
-
"description": "
|
|
187
|
+
"description": "Whether the bottom sheet is persistent.",
|
|
188
188
|
"values": []
|
|
189
189
|
},
|
|
190
190
|
{
|
|
191
|
-
"name": "
|
|
192
|
-
"description": "
|
|
193
|
-
"values": [
|
|
191
|
+
"name": "fullscreen",
|
|
192
|
+
"description": "Whether the bottom sheet is fullscreen.",
|
|
193
|
+
"values": []
|
|
194
194
|
}
|
|
195
195
|
],
|
|
196
196
|
"references": []
|
|
@@ -13,7 +13,7 @@ import { SplitViewPanelCore } from './split-view-panel-core';
|
|
|
13
13
|
import { SplitViewPanelAdapter } from './split-view-panel-adapter';
|
|
14
14
|
import { IconComponent, IconRegistry } from '../../icon';
|
|
15
15
|
const template = '<template><div class=\"forge-split-view-panel\" id=\"root\" part=\"root\"><div class=\"forge-split-view-panel__handle\" id=\"handle\" part=\"handle\" role=\"separator\" aria-controls=\"content\" aria-grabbed=\"false\" tabindex=\"0\"><forge-icon class=\"forge-split-view-panel__icon\" id=\"icon\" part=\"icon\"></forge-icon><forge-state-layer target=\"handle\" id=\"state-layer\" exportparts=\"surface:state-layer\"></forge-state-layer><forge-focus-indicator inward target=\"handle\" part=\"focus-indicator\"></forge-focus-indicator></div><div class=\"forge-split-view-panel__content\" id=\"content\" part=\"content\" role=\"group\"><slot></slot></div></div></template>';
|
|
16
|
-
const styles = '.forge-split-view-panel{display:flex;width:100%;height:100%;overflow:hidden}.forge-split-view-panel__handle{color:var(--forge-theme-text-medium,rgba(0,0,0,.6));background-color:var(--forge-theme-outline,#e0e0e0);position:relative;display:flex;flex-shrink:0;justify-content:center;align-items:center;outline:0}.forge-split-view-panel__content{flex:1;overflow:hidden}.forge-split-view-panel--closed{display:none}.forge-split-view-panel--disabled #handle{pointer-events:none}.forge-split-view-panel--disabled .forge-split-view-panel__icon{display:none}.forge-split-view-panel[orientation=horizontal]{min-width:var(--forge-split-view-handle-width,8px);width:calc(var(--forge-split-view-panel-size,unset) + var(--forge-split-view-handle-width,8px));flex-direction:row}.forge-split-view-panel[orientation=horizontal] .forge-split-view-panel__handle{width:var(--forge-split-view-handle-width,8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;animation-name:
|
|
16
|
+
const styles = '.forge-split-view-panel{display:flex;width:100%;height:100%;overflow:hidden}.forge-split-view-panel__handle{color:var(--forge-theme-text-medium,rgba(0,0,0,.6));background-color:var(--forge-theme-outline,#e0e0e0);position:relative;display:flex;flex-shrink:0;justify-content:center;align-items:center;outline:0}.forge-split-view-panel__content{flex:1;overflow:hidden}.forge-split-view-panel--closed{display:none}.forge-split-view-panel--disabled #handle{pointer-events:none}.forge-split-view-panel--disabled .forge-split-view-panel__icon{display:none}.forge-split-view-panel[orientation=horizontal]{min-width:var(--forge-split-view-handle-width,8px);width:calc(var(--forge-split-view-panel-size,unset) + var(--forge-split-view-handle-width,8px));flex-direction:row}.forge-split-view-panel[orientation=horizontal] .forge-split-view-panel__handle{width:var(--forge-split-view-handle-width,8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;animation-name:unp5r3f;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes unp5r3f{from{transform:none}to{transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=start]{position:absolute;top:0;right:0;animation-name:unp5r3j;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes unp5r3j{from{transform:none}to{transform:translateX(100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;animation-name:unp5r41;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1));animation-direction:reverse}@keyframes unp5r41{from{transform:none}to{transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=start]{position:absolute;top:0;right:0;animation-name:unp5r4c;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1));animation-direction:reverse}@keyframes unp5r4c{from{transform:none}to{transform:translateX(100%)}}.forge-split-view-panel[orientation=vertical]{min-height:var(--forge-split-view-handle-width,8px);height:calc(var(--forge-split-view-panel-size,unset) + var(--forge-split-view-handle-width,8px));flex-direction:column}.forge-split-view-panel[orientation=vertical] .forge-split-view-panel__handle{height:var(--forge-split-view-handle-width,8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;animation-name:unp5r4y;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes unp5r4y{from{transform:none}to{transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=start]{position:absolute;bottom:0;left:0;animation-name:unp5r57;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1))}@keyframes unp5r57{from{transform:none}to{transform:translateY(100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;animation-name:unp5r5o;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1));animation-direction:reverse}@keyframes unp5r5o{from{transform:none}to{transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=start]{position:absolute;bottom:0;left:0;animation-name:unp5r5u;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard,cubic-bezier(0.2,0,0,1));animation-direction:reverse}@keyframes unp5r5u{from{transform:none}to{transform:translateY(100%)}}:host{z-index:var(--forge-split-view-animating-layer)!important;display:block;position:relative;height:100%;width:100%;flex:0}:host([hidden]){display:none}:host(:not([resizable=start],[resizable=end])){flex:1}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel{width:100%;height:100%;min-width:0;min-height:0}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel__handle{display:none}forge-focus-indicator{--forge-focus-indicator-active-width:2px}';
|
|
17
17
|
import { StateLayerComponent } from '../../state-layer';
|
|
18
18
|
import { FocusIndicatorComponent } from '../../focus-indicator';
|
|
19
19
|
/**
|
|
@@ -3,14 +3,6 @@
|
|
|
3
3
|
* Copyright Tyler Technologies, Inc.
|
|
4
4
|
* License: Apache-2.0
|
|
5
5
|
*/
|
|
6
|
-
declare const numbers: {
|
|
7
|
-
ARROW_LEFT_KEYCODE: number;
|
|
8
|
-
ARROW_RIGHT_KEYCODE: number;
|
|
9
|
-
END_KEYCODE: number;
|
|
10
|
-
HOME_KEYCODE: number;
|
|
11
|
-
ENTER_KEYCODE: number;
|
|
12
|
-
SPACE_KEYCODE: number;
|
|
13
|
-
};
|
|
14
6
|
export declare const STEPPER_CONSTANTS: {
|
|
15
7
|
elementName: "forge-stepper";
|
|
16
8
|
classes: {
|
|
@@ -57,14 +49,7 @@ export declare const STEPPER_CONSTANTS: {
|
|
|
57
49
|
TAB_KEY: string;
|
|
58
50
|
};
|
|
59
51
|
ACCEPTABLE_KEYS: string[];
|
|
60
|
-
KEYCODE_MAP:
|
|
61
|
-
[numbers.ARROW_LEFT_KEYCODE]: string;
|
|
62
|
-
[numbers.ARROW_RIGHT_KEYCODE]: string;
|
|
63
|
-
[numbers.END_KEYCODE]: string;
|
|
64
|
-
[numbers.HOME_KEYCODE]: string;
|
|
65
|
-
[numbers.ENTER_KEYCODE]: string;
|
|
66
|
-
[numbers.SPACE_KEYCODE]: string;
|
|
67
|
-
};
|
|
52
|
+
KEYCODE_MAP: Record<number, string>;
|
|
68
53
|
};
|
|
69
54
|
export interface IStepConfiguration {
|
|
70
55
|
label: string;
|
|
@@ -88,4 +73,3 @@ export interface IStepperConfiguration {
|
|
|
88
73
|
}
|
|
89
74
|
export type StepperLayoutMode = 'fixed' | 'clustered';
|
|
90
75
|
export type StepperLayoutAlign = 'left' | 'center' | 'right';
|
|
91
|
-
export {};
|