@genesislcap/foundation-layout 14.83.4-alpha-04e1685.0 → 14.83.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (2) hide show
  1. package/dist/custom-elements.json +688 -688
  2. package/package.json +7 -7
package/dist/custom-elements.json CHANGED
@@ -129,47 +129,87 @@
129
129
  },
130
130
  {
131
131
  "kind": "javascript-module",
132
- "path": "src/main/index.ts",
133
- "declarations": [],
132
+ "path": "src/styles/constants.ts",
133
+ "declarations": [
134
+ {
135
+ "kind": "variable",
136
+ "name": "glVisualConfig",
137
+ "type": {
138
+ "text": "Omit<LayoutConfig, 'root'>"
139
+ },
140
+ "default": "{\n dimensions: {\n headerHeight: 38,\n borderWidth: 12,\n },\n header: {\n maximise: 'maximise',\n minimise: 'minimise',\n popout: false,\n },\n}"
141
+ },
142
+ {
143
+ "kind": "variable",
144
+ "name": "LAYOUT_ICONS",
145
+ "type": {
146
+ "text": "{\n renameSVG,\n maximiseSVG,\n minimiseSVG,\n closeSVG,\n tabDropdownSVG,\n}"
147
+ },
148
+ "default": "{\n renameSVG,\n maximiseSVG,\n minimiseSVG,\n closeSVG,\n tabDropdownSVG,\n}",
149
+ "description": "A collection of SVG icons in base64 format.",
150
+ "privacy": "public"
151
+ }
152
+ ],
134
153
  "exports": [
135
154
  {
136
155
  "kind": "js",
137
- "name": "FoundationLayoutItem",
156
+ "name": "glVisualConfig",
138
157
  "declaration": {
139
- "name": "FoundationLayoutItem",
140
- "module": "./layout-item"
158
+ "name": "glVisualConfig",
159
+ "module": "src/styles/constants.ts"
141
160
  }
142
161
  },
143
162
  {
144
163
  "kind": "js",
145
- "name": "FoundationLayoutRegion",
164
+ "name": "LAYOUT_ICONS",
146
165
  "declaration": {
147
- "name": "FoundationLayoutRegion",
148
- "module": "./layout-region"
166
+ "name": "LAYOUT_ICONS",
167
+ "module": "src/styles/constants.ts"
149
168
  }
150
- },
169
+ }
170
+ ]
171
+ },
172
+ {
173
+ "kind": "javascript-module",
174
+ "path": "src/styles/dragging.styles.ts",
175
+ "declarations": [
176
+ {
177
+ "kind": "variable",
178
+ "name": "globalDraggingStyles",
179
+ "default": "`\n .lm_dragProxy .lm_content {\n box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9);\n }\n .lm_dropTargetIndicator {\n box-shadow: inset 0 0 30px #000000;\n outline: 1px dashed #cccccc;\n transition: all 200ms ease;\n }\n .lm_dropTargetIndicator .lm_inner {\n background: var(${neutralFillStealthRest.cssCustomProperty});\n opacity: 0.2;\n }\n .lm_dragProxy.lm_left .lm_header,\n .lm_dragProxy.lm_right .lm_header {\n width: 20px;\n float: left;\n vertical-align: top;\n }\n .lm_dragProxy.lm_left .lm_header .lm_tabs,\n .lm_dragProxy.lm_right .lm_header .lm_tabs {\n transform-origin: left top;\n top: 0;\n width: 1000px;\n }\n .lm_dragProxy.lm_left .lm_header .lm_controls,\n .lm_dragProxy.lm_right .lm_header .lm_controls {\n bottom: 0;\n }\n .lm_dragProxy.lm_left .lm_items,\n .lm_dragProxy.lm_right .lm_items {\n float: left;\n }\n .lm_dragProxy.lm_left .lm_header .lm_tabs {\n transform: rotate(-90deg) scaleX(-1);\n left: 0;\n }\n .lm_dragProxy.lm_left .lm_header .lm_tabs .lm_tab {\n transform: scaleX(-1);\n margin-top: 1px;\n }\n .lm_dragProxy.lm_left .lm_header .lm_tabdropdown_list {\n top: initial;\n right: initial;\n left: 20px;\n }\n .lm_dragProxy.lm_right .lm_content {\n float: left;\n }\n .lm_dragProxy.lm_right .lm_header .lm_tabs {\n transform: rotate(90deg) scaleX(1);\n left: 100%;\n margin-left: 0;\n }\n .lm_dragProxy.lm_right .lm_header .lm_controls {\n left: 3px;\n }\n .lm_dragProxy.lm_right .lm_header .lm_tabdropdown_list {\n top: initial;\n right: 20px;\n }\n .lm_dragProxy.lm_bottom .lm_header .lm_tab {\n margin-top: 0;\n border-top: none;\n }\n .lm_dragProxy.lm_bottom .lm_header .lm_controls,\n .lm_stack.lm_bottom .lm_header .lm_controls {\n top: 3px;\n }\n .lm_dragProxy.lm_bottom .lm_header .lm_tabdropdown_list,\n .lm_stack.lm_bottom .lm_header .lm_tabdropdown_list {\n top: initial;\n bottom: 20px;\n }\n .lm_dragProxy {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 30;\n }\n .lm_dragProxy .lm_header {\n background: transparent;\n }\n .lm_dragProxy .lm_content {\n border-top: none;\n overflow: hidden;\n }\n .lm_dropTargetIndicator {\n display: none;\n position: absolute;\n z-index: 20;\n }\n .lm_dropTargetIndicator .lm_inner {\n width: 100%;\n height: 100%;\n position: relative;\n top: 0;\n left: 0;\n }\n .lm_transition_indicator {\n display: none;\n width: 20px;\n height: 20px;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 20;\n }\n`",
180
+ "description": "This is defined as a string rather than a css template\nbecause it is applied to a CSSStyleSheet object rather than\nused as a FAST template"
181
+ }
182
+ ],
183
+ "exports": [
151
184
  {
152
185
  "kind": "js",
153
- "name": "FoundationLayout",
186
+ "name": "globalDraggingStyles",
154
187
  "declaration": {
155
- "name": "FoundationLayout",
156
- "module": "./layout-main"
188
+ "name": "globalDraggingStyles",
189
+ "module": "src/styles/dragging.styles.ts"
157
190
  }
158
- },
191
+ }
192
+ ]
193
+ },
194
+ {
195
+ "kind": "javascript-module",
196
+ "path": "src/styles/index.ts",
197
+ "declarations": [],
198
+ "exports": [
159
199
  {
160
200
  "kind": "js",
161
- "name": "layoutStyles",
201
+ "name": "*",
162
202
  "declaration": {
163
- "name": "layoutStyles",
164
- "module": "./layout-main"
203
+ "name": "*",
204
+ "package": "./constants"
165
205
  }
166
206
  },
167
207
  {
168
208
  "kind": "js",
169
- "name": "layoutTemplate",
209
+ "name": "*",
170
210
  "declaration": {
171
- "name": "layoutTemplate",
172
- "module": "./layout-main"
211
+ "name": "*",
212
+ "package": "./dragging.styles"
173
213
  }
174
214
  },
175
215
  {
@@ -177,179 +217,470 @@
177
217
  "name": "*",
178
218
  "declaration": {
179
219
  "name": "*",
180
- "package": "./layout-components"
220
+ "package": "./layout.styles"
181
221
  }
182
222
  }
183
223
  ]
184
224
  },
185
225
  {
186
226
  "kind": "javascript-module",
187
- "path": "src/main/layout-components.ts",
227
+ "path": "src/styles/layout.styles.ts",
188
228
  "declarations": [
189
229
  {
190
230
  "kind": "variable",
191
- "name": "foundationLayoutComponents",
231
+ "name": "layoutStyles",
232
+ "default": "css`\n ${containerStyles}\n ${loadingSpinnerStyles}\n\n .lm_goldenlayout {\n padding: 1px;\n background: ${neutralLayer1};\n border-radius: calc(${controlCornerRadius} * 1.5px);\n }\n\n .lm_stack.lm_item {\n background-color: ${neutralLayer4};\n border-radius: calc(${controlCornerRadius} * 1.5px);\n }\n .lm_maximised .lm_header {\n background-color: ${neutralLayer4};\n border-radius: calc(${controlCornerRadius} * 1.5px);\n position: unset;\n }\n\n .lm_maximised .lm_header .lm_tabs {\n z-index: 3;\n }\n\n .lm_content {\n background-color: ${neutralLayer3};\n border-radius: calc(${controlCornerRadius} * 1.5px);\n border: 1px solid;\n border-color: #2e3339;\n box-sizing: border-box;\n }\n\n .lm-header {\n z-index: 1;\n }\n .lm_header .lm_tabs {\n padding: 0 16px;\n }\n\n .lm_stack > .lm_items {\n z-index: 2;\n box-shadow: 0px -1px 15px rgba(0, 0, 0, 0.35);\n }\n\n .lm_header .lm_tab.lm_active.lm_focused {\n background-color: ${neutralLayer3};\n }\n .lm_header .lm_tab.lm_active {\n background-color: ${neutralLayer3};\n border: 1px solid;\n border-color: #2e3339;\n border-bottom: 0;\n color: ${accentFillRest};\n }\n\n .lm_header .lm_tab {\n align-items: center;\n background-color: ${neutralLayer4};\n border: 1px solid;\n border-bottom-color: #2e3339;\n border-bottom: 0px solid;\n border-color: rgba(0, 0, 0, 0.35);\n border-radius: calc(${controlCornerRadius} * 1.5px) calc(${controlCornerRadius} * 1.5px) 0 0;\n box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.35);\n color: rgba(255, 255, 255, 0.3);\n display: flex;\n font-family: inherit;\n font-size: 13px;\n font-weight: 700;\n height: 30px;\n margin-right: 2px;\n margin-top: 3px;\n padding: 2px 16px;\n }\n\n .lm_header .lm_tab:not(.lm_active):hover {\n background-color: rgba(255, 255, 255, 0.1);\n color: #f1f1f1;\n }\n\n .lm_header .lm_controls {\n top: 4px;\n display: flex;\n }\n .lm_header .lm_controls > * {\n width: 30px;\n height: 30px;\n background-repeat: no-repeat;\n background-position: center;\n background-size: 16px;\n background-color: rgba(255, 255, 255, 0.03);\n border-radius: calc(${controlCornerRadius} * 1.5px);\n margin-right: 4px;\n top: 3px;\n opacity: 1;\n }\n .lm_header .lm_controls > *:hover {\n background-color: rgba(255, 255, 255, 0.1);\n cursor: pointer;\n }\n\n .lm_controls .lm_maximise {\n background-image: url('${LAYOUT_ICONS.maximiseSVG}');\n }\n .lm_maximised .lm_controls .lm_maximise {\n background-image: url('${LAYOUT_ICONS.minimiseSVG}');\n }\n .lm_controls .lm_close {\n background-image: url('${LAYOUT_ICONS.closeSVG}');\n }\n .lm_header .lm_tab .lm_close_tab {\n background-image: url('${LAYOUT_ICONS.closeSVG}');\n background-size: 10px;\n background-repeat: no-repeat;\n margin-left: 12px;\n position: relative;\n top: 0;\n right: 0;\n }\n\n .lm_header .lm_tab.lm_active {\n padding: 4px 25px 3px 10px;\n }\n\n .lm_header .lm_tab:not(.lm_active) .lm_title {\n color: ${accentFillRest};\n opacity: 0.7;\n }\n\n .lm_header .lm_controls .lm_tabdropdown::before {\n content: none;\n }\n .lm_header .lm_controls .lm_tabdropdown {\n background-image: url('${LAYOUT_ICONS.tabDropdownSVG}');\n }\n .lm_header .lm_tabdropdown_list {\n top: 38px;\n right: 108px;\n background-color: ${neutralLayer3};\n border: 1px solid;\n border-color: #2e3339;\n border-radius: calc(${controlCornerRadius} * 1.5px);\n box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.35);\n }\n .lm_header .lm_tabdropdown_list > .lm_tab {\n box-shadow: none;\n padding: 0 16px;\n white-space: nowrap;\n background-color: transparent;\n color: #c9c9c9;\n height: 36px;\n border-radius: 0;\n overflow: visible;\n text-overflow: normal;\n }\n .lm_header .lm_tabdropdown_list > .lm_tab:last-child {\n border-bottom: 0;\n }\n\n /* gl base styles start */\n .lm_root {\n position: relative;\n }\n .lm_row > .lm_item {\n float: left;\n }\n .lm_content {\n overflow: hidden;\n position: relative;\n }\n .lm_dragging,\n .lm_dragging * {\n cursor: move !important;\n user-select: none;\n }\n .lm_maximised {\n left: 0;\n padding: 1px;\n position: absolute;\n top: 0;\n z-index: 40;\n }\n .lm_maximise_placeholder {\n display: none;\n }\n .lm_splitter {\n position: relative;\n z-index: 20;\n }\n .lm_splitter:hover,\n .lm_splitter.lm_dragging {\n background: ${accentFillRest};\n border-radius: calc(${controlCornerRadius} * 4px);\n }\n .lm_splitter.lm_vertical .lm_drag_handle {\n width: 100%;\n height: 15px;\n position: absolute;\n top: -5px;\n cursor: ns-resize;\n }\n .lm_splitter.lm_horizontal {\n float: left;\n height: 100%;\n }\n .lm_splitter.lm_horizontal .lm_drag_handle {\n width: 15px;\n height: 100%;\n position: absolute;\n left: -5px;\n cursor: ew-resize;\n }\n .lm_header {\n overflow: visible;\n position: relative;\n z-index: 1;\n }\n .lm_header [class^='lm_'] {\n box-sizing: content-box !important;\n }\n .lm_header .lm_controls {\n position: absolute;\n right: 3px;\n }\n .lm_header .lm_controls > li {\n cursor: pointer;\n float: left;\n width: 18px;\n height: 18px;\n text-align: center;\n }\n .lm_header ul {\n margin: 0;\n padding: 0;\n list-style-type: none;\n }\n .lm_header .lm_tabs {\n position: absolute;\n }\n .lm_header .lm_tab {\n cursor: pointer;\n float: left;\n margin-top: 1px;\n padding: 3px 25px 3px 10px;\n position: relative;\n }\n .lm_header .lm_tab i {\n width: 2px;\n height: 19px;\n position: absolute;\n }\n .lm_header .lm_tab i.lm_left {\n top: 0;\n left: -2px;\n }\n .lm_header .lm_tab i.lm_right {\n top: 0;\n right: -2px;\n }\n .lm_header .lm_tab .lm_title {\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n .lm_header .lm_tab .lm_title:only-child {\n padding-left: 10px;\n }\n .lm_header .lm_tab .lm_close_tab {\n width: 14px;\n height: 14px;\n position: absolute;\n top: 11px;\n right: 0;\n text-align: center;\n }\n .lm_stack.lm_left .lm_header,\n .lm_stack.lm_right .lm_header {\n height: 100%;\n }\n .lm_dragProxy.lm_left .lm_header,\n .lm_dragProxy.lm_right .lm_header,\n .lm_stack.lm_left .lm_header,\n .lm_stack.lm_right .lm_header {\n width: 20px;\n float: left;\n vertical-align: top;\n }\n .lm_dragProxy.lm_left .lm_header .lm_tabs,\n .lm_dragProxy.lm_right .lm_header .lm_tabs,\n .lm_stack.lm_left .lm_header .lm_tabs,\n .lm_stack.lm_right .lm_header .lm_tabs {\n transform-origin: left top;\n top: 0;\n width: 1000px;\n }\n .lm_dragProxy.lm_left .lm_header .lm_controls,\n .lm_dragProxy.lm_right .lm_header .lm_controls,\n .lm_stack.lm_left .lm_header .lm_controls,\n .lm_stack.lm_right .lm_header .lm_controls {\n bottom: 0;\n }\n .lm_dragProxy.lm_left .lm_items,\n .lm_dragProxy.lm_right .lm_items,\n .lm_stack.lm_left .lm_items,\n .lm_stack.lm_right .lm_items {\n float: left;\n }\n .lm_dragProxy.lm_left .lm_header .lm_tabs,\n .lm_stack.lm_left .lm_header .lm_tabs {\n transform: rotate(-90deg) scaleX(-1);\n left: 0;\n }\n .lm_dragProxy.lm_left .lm_header .lm_tabs .lm_tab,\n .lm_stack.lm_left .lm_header .lm_tabs .lm_tab {\n transform: scaleX(-1);\n margin-top: 1px;\n }\n .lm_dragProxy.lm_left .lm_header .lm_tabdropdown_list,\n .lm_stack.lm_left .lm_header .lm_tabdropdown_list {\n top: initial;\n right: initial;\n left: 20px;\n }\n .lm_dragProxy.lm_right .lm_content {\n float: left;\n }\n .lm_dragProxy.lm_right .lm_header .lm_tabs,\n .lm_stack.lm_right .lm_header .lm_tabs {\n transform: rotate(90deg) scaleX(1);\n left: 100%;\n margin-left: 0;\n }\n .lm_dragProxy.lm_right .lm_header .lm_controls,\n .lm_stack.lm_right .lm_header .lm_controls {\n left: 3px;\n }\n .lm_dragProxy.lm_right .lm_header .lm_tabdropdown_list,\n .lm_stack.lm_right .lm_header .lm_tabdropdown_list {\n top: initial;\n right: 20px;\n }\n .lm_dragProxy.lm_bottom .lm_header .lm_tab,\n .lm_stack.lm_bottom .lm_header .lm_tab {\n margin-top: 0;\n border-top: none;\n }\n .lm_dragProxy.lm_bottom .lm_header .lm_controls,\n .lm_stack.lm_bottom .lm_header .lm_controls {\n top: 3px;\n }\n .lm_dragProxy.lm_bottom .lm_header .lm_tabdropdown_list,\n .lm_stack.lm_bottom .lm_header .lm_tabdropdown_list {\n top: initial;\n bottom: 20px;\n }\n .lm_drop_tab_placeholder {\n float: left;\n width: 100px;\n height: 10px;\n visibility: hidden;\n }\n .lm_header .lm_tabdropdown_list {\n position: absolute;\n top: 20px;\n right: 0;\n z-index: 5;\n overflow: hidden;\n }\n .lm_header .lm_tabdropdown_list .lm_tab {\n clear: both;\n padding-right: 10px;\n margin: 0;\n }\n .lm_header .lm_tabdropdown_list .lm_tab .lm_title {\n width: 100px;\n }\n .lm_header .lm_tabdropdown_list .lm_close_tab {\n display: none !important;\n }\n .lm_dragProxy {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 30;\n }\n .lm_dragProxy .lm_header {\n background: transparent;\n }\n .lm_dragProxy .lm_content {\n border-top: none;\n overflow: hidden;\n }\n .lm_dropTargetIndicator {\n display: none;\n position: absolute;\n z-index: 20;\n }\n .lm_dropTargetIndicator .lm_inner {\n width: 100%;\n height: 100%;\n position: relative;\n top: 0;\n left: 0;\n }\n .lm_transition_indicator {\n display: none;\n width: 20px;\n height: 20px;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 20;\n }\n .lm_popin {\n width: 20px;\n height: 20px;\n position: absolute;\n bottom: 0;\n right: 0;\n z-index: 9999;\n }\n .lm_popin > * {\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n }\n .lm_popin > .lm_bg {\n z-index: 10;\n }\n .lm_popin > .lm_icon {\n z-index: 20;\n } /*# sourceMappingURL=goldenlayout-base.css.map */\n`",
233
+ "description": "`ElementStyles` which defines the css for FoundationLayout.",
234
+ "privacy": "public"
235
+ }
236
+ ],
237
+ "exports": [
238
+ {
239
+ "kind": "js",
240
+ "name": "layoutStyles",
241
+ "declaration": {
242
+ "name": "layoutStyles",
243
+ "module": "src/styles/layout.styles.ts"
244
+ }
245
+ }
246
+ ]
247
+ },
248
+ {
249
+ "kind": "javascript-module",
250
+ "path": "src/utils/constants.ts",
251
+ "declarations": [
252
+ {
253
+ "kind": "variable",
254
+ "name": "DEFAULT_RELOAD_BUFFER",
192
255
  "type": {
193
- "text": "object"
256
+ "text": "number"
194
257
  },
195
- "default": "{\n foundationLayout,\n foundationLayoutRegion,\n foundationLayoutItem,\n register(container?: Container, ...rest: any[]) {\n if (!container) {\n // preserve backward compatibility with code that loops through\n // the values of this object and calls them as funcs with no args\n return;\n }\n for (const key in this) {\n if (key === 'register') {\n continue;\n }\n this[key]().register(container, ...rest);\n }\n },\n}",
196
- "description": "Registration object to register the layout with your design system.",
258
+ "default": "500",
259
+ "description": "Default time in milliseconds for the layout to buffer calls to reloading\nthe layout while the declarative API is loading.\n\nDuring the first load of the layout, a loading spinner will be shown.",
197
260
  "privacy": "public"
198
261
  }
199
262
  ],
200
263
  "exports": [
201
264
  {
202
265
  "kind": "js",
203
- "name": "foundationLayoutComponents",
266
+ "name": "DEFAULT_RELOAD_BUFFER",
204
267
  "declaration": {
205
- "name": "foundationLayoutComponents",
206
- "module": "src/main/layout-components.ts"
268
+ "name": "DEFAULT_RELOAD_BUFFER",
269
+ "module": "src/utils/constants.ts"
207
270
  }
208
271
  }
209
272
  ]
210
273
  },
211
274
  {
212
275
  "kind": "javascript-module",
213
- "path": "src/main/layout-item.ts",
276
+ "path": "src/utils/error.ts",
214
277
  "declarations": [
215
278
  {
216
279
  "kind": "class",
217
280
  "description": "",
218
- "name": "FoundationLayoutItem",
219
- "members": [
220
- {
221
- "kind": "field",
222
- "name": "title",
223
- "type": {
224
- "text": "string"
225
- },
226
- "description": "Sets the title of the item which is displayed on the tab.",
227
- "privacy": "public"
228
- },
229
- {
230
- "kind": "field",
231
- "name": "closable",
232
- "type": {
233
- "text": "boolean"
234
- },
235
- "default": "false",
236
- "description": "Boolean attribute controls whether the window can be closed in the GUI.\nDefaults to `false`.",
237
- "privacy": "public"
238
- },
239
- {
240
- "kind": "field",
241
- "name": "size",
242
- "type": {
243
- "text": "string"
244
- },
245
- "description": "optional string describing the size of the new item (see the written documentation for more info)",
246
- "privacy": "public"
247
- },
248
- {
249
- "kind": "field",
250
- "name": "registration",
251
- "type": {
252
- "text": "string"
253
- },
254
- "description": "Sets the registration name for the item, which can be used later to add the item via the JavaScript API using FoundationLayout.addItem.",
255
- "privacy": "public"
256
- },
257
- {
258
- "kind": "field",
259
- "name": "_presentation",
260
- "type": {
261
- "text": "ComponentPresentation | null | undefined"
262
- },
263
- "privacy": "private",
264
- "default": "void 0",
265
- "inheritedFrom": {
266
- "name": "FoundationElement",
267
- "module": "src/foundation-element/foundation-element.ts"
268
- }
269
- },
270
- {
271
- "kind": "field",
272
- "name": "$presentation",
273
- "type": {
274
- "text": "ComponentPresentation | null"
275
- },
276
- "privacy": "public",
277
- "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
278
- "inheritedFrom": {
279
- "name": "FoundationElement",
280
- "module": "src/foundation-element/foundation-element.ts"
281
- }
282
- },
283
- {
284
- "kind": "field",
285
- "name": "template",
286
- "type": {
287
- "text": "ElementViewTemplate | void | null"
288
- },
289
- "privacy": "public",
290
- "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
291
- "inheritedFrom": {
292
- "name": "FoundationElement",
293
- "module": "src/foundation-element/foundation-element.ts"
294
- }
295
- },
296
- {
297
- "kind": "method",
298
- "name": "templateChanged",
299
- "privacy": "protected",
300
- "return": {
301
- "type": {
302
- "text": "void"
303
- }
304
- },
305
- "inheritedFrom": {
306
- "name": "FoundationElement",
307
- "module": "src/foundation-element/foundation-element.ts"
308
- }
309
- },
310
- {
311
- "kind": "field",
312
- "name": "styles",
313
- "type": {
314
- "text": "ElementStyles | void | null"
315
- },
316
- "privacy": "public",
317
- "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
318
- "inheritedFrom": {
319
- "name": "FoundationElement",
320
- "module": "src/foundation-element/foundation-element.ts"
321
- }
322
- },
323
- {
324
- "kind": "method",
325
- "name": "stylesChanged",
326
- "privacy": "protected",
327
- "return": {
328
- "type": {
329
- "text": "void"
330
- }
331
- },
332
- "inheritedFrom": {
333
- "name": "FoundationElement",
334
- "module": "src/foundation-element/foundation-element.ts"
335
- }
336
- },
337
- {
338
- "kind": "method",
339
- "name": "compose",
340
- "privacy": "public",
341
- "static": true,
342
- "return": {
343
- "type": {
344
- "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
345
- }
346
- },
347
- "parameters": [
348
- {
349
- "name": "this",
350
- "type": {
351
- "text": "K"
352
- }
281
+ "name": "LayoutUsageError",
282
+ "superclass": {
283
+ "name": "Error",
284
+ "module": "src/utils/error.ts"
285
+ }
286
+ },
287
+ {
288
+ "kind": "class",
289
+ "description": "",
290
+ "name": "LayoutRegistrationError",
291
+ "superclass": {
292
+ "name": "Error",
293
+ "module": "src/utils/error.ts"
294
+ }
295
+ }
296
+ ],
297
+ "exports": [
298
+ {
299
+ "kind": "js",
300
+ "name": "LayoutUsageError",
301
+ "declaration": {
302
+ "name": "LayoutUsageError",
303
+ "module": "src/utils/error.ts"
304
+ }
305
+ },
306
+ {
307
+ "kind": "js",
308
+ "name": "LayoutRegistrationError",
309
+ "declaration": {
310
+ "name": "LayoutRegistrationError",
311
+ "module": "src/utils/error.ts"
312
+ }
313
+ }
314
+ ]
315
+ },
316
+ {
317
+ "kind": "javascript-module",
318
+ "path": "src/utils/events.ts",
319
+ "declarations": [
320
+ {
321
+ "kind": "variable",
322
+ "name": "LayoutEmitEvents",
323
+ "type": {
324
+ "text": "{\n firstLoaded: 'first-loaded',\n itemAdded: 'item-added',\n itemRemoved: 'item-removed',\n itemResized: 'item-resized',\n}"
325
+ },
326
+ "default": "{\n firstLoaded: 'first-loaded',\n itemAdded: 'item-added',\n itemRemoved: 'item-removed',\n itemResized: 'item-resized',\n}",
327
+ "description": "Defines events that the layout system emits\n\n'firstLoaded' - emitted when the layout has finished loading the first time\nusing the declarative API after DEFAULT_RELOAD_BUFFER ms.\n<br/>\n'itemAdded' - emitted when an item is added to the layout'\n<br/>\n'itemRemoved' - emitted when an item is removed from the layout'\n<br/>\n'itemResized' - emitted when the user drags the divider to resize elements",
328
+ "privacy": "public"
329
+ },
330
+ {
331
+ "kind": "variable",
332
+ "name": "LayoutReceiveEvents",
333
+ "type": {
334
+ "text": "{\n changeTitle: 'change-title',\n}"
335
+ },
336
+ "default": "{\n changeTitle: 'change-title',\n}",
337
+ "description": "Defines events that the layout system listens for\n\n'changeTitle' - emit this from a contained item to update the title of the window that contains it.",
338
+ "privacy": "public"
339
+ }
340
+ ],
341
+ "exports": [
342
+ {
343
+ "kind": "js",
344
+ "name": "LayoutEmitEvents",
345
+ "declaration": {
346
+ "name": "LayoutEmitEvents",
347
+ "module": "src/utils/events.ts"
348
+ }
349
+ },
350
+ {
351
+ "kind": "js",
352
+ "name": "LayoutReceiveEvents",
353
+ "declaration": {
354
+ "name": "LayoutReceiveEvents",
355
+ "module": "src/utils/events.ts"
356
+ }
357
+ }
358
+ ]
359
+ },
360
+ {
361
+ "kind": "javascript-module",
362
+ "path": "src/utils/index.ts",
363
+ "declarations": [],
364
+ "exports": [
365
+ {
366
+ "kind": "js",
367
+ "name": "*",
368
+ "declaration": {
369
+ "name": "*",
370
+ "package": "./constants"
371
+ }
372
+ },
373
+ {
374
+ "kind": "js",
375
+ "name": "*",
376
+ "declaration": {
377
+ "name": "*",
378
+ "package": "./error"
379
+ }
380
+ },
381
+ {
382
+ "kind": "js",
383
+ "name": "*",
384
+ "declaration": {
385
+ "name": "*",
386
+ "package": "./events"
387
+ }
388
+ },
389
+ {
390
+ "kind": "js",
391
+ "name": "*",
392
+ "declaration": {
393
+ "name": "*",
394
+ "package": "./misc"
395
+ }
396
+ },
397
+ {
398
+ "kind": "js",
399
+ "name": "*",
400
+ "declaration": {
401
+ "name": "*",
402
+ "package": "./templates"
403
+ }
404
+ },
405
+ {
406
+ "kind": "js",
407
+ "name": "*",
408
+ "declaration": {
409
+ "name": "*",
410
+ "package": "./types"
411
+ }
412
+ },
413
+ {
414
+ "kind": "js",
415
+ "name": "*",
416
+ "declaration": {
417
+ "name": "*",
418
+ "package": "./error"
419
+ }
420
+ }
421
+ ]
422
+ },
423
+ {
424
+ "kind": "javascript-module",
425
+ "path": "src/utils/logger.ts",
426
+ "declarations": [
427
+ {
428
+ "kind": "variable",
429
+ "name": "logger"
430
+ }
431
+ ],
432
+ "exports": [
433
+ {
434
+ "kind": "js",
435
+ "name": "logger",
436
+ "declaration": {
437
+ "name": "logger",
438
+ "module": "src/utils/logger.ts"
439
+ }
440
+ }
441
+ ]
442
+ },
443
+ {
444
+ "kind": "javascript-module",
445
+ "path": "src/utils/misc.ts",
446
+ "declarations": [],
447
+ "exports": []
448
+ },
449
+ {
450
+ "kind": "javascript-module",
451
+ "path": "src/utils/templates.ts",
452
+ "declarations": [],
453
+ "exports": []
454
+ },
455
+ {
456
+ "kind": "javascript-module",
457
+ "path": "src/utils/types.ts",
458
+ "declarations": [],
459
+ "exports": []
460
+ },
461
+ {
462
+ "kind": "javascript-module",
463
+ "path": "src/main/index.ts",
464
+ "declarations": [],
465
+ "exports": [
466
+ {
467
+ "kind": "js",
468
+ "name": "FoundationLayoutItem",
469
+ "declaration": {
470
+ "name": "FoundationLayoutItem",
471
+ "module": "./layout-item"
472
+ }
473
+ },
474
+ {
475
+ "kind": "js",
476
+ "name": "FoundationLayoutRegion",
477
+ "declaration": {
478
+ "name": "FoundationLayoutRegion",
479
+ "module": "./layout-region"
480
+ }
481
+ },
482
+ {
483
+ "kind": "js",
484
+ "name": "FoundationLayout",
485
+ "declaration": {
486
+ "name": "FoundationLayout",
487
+ "module": "./layout-main"
488
+ }
489
+ },
490
+ {
491
+ "kind": "js",
492
+ "name": "layoutStyles",
493
+ "declaration": {
494
+ "name": "layoutStyles",
495
+ "module": "./layout-main"
496
+ }
497
+ },
498
+ {
499
+ "kind": "js",
500
+ "name": "layoutTemplate",
501
+ "declaration": {
502
+ "name": "layoutTemplate",
503
+ "module": "./layout-main"
504
+ }
505
+ },
506
+ {
507
+ "kind": "js",
508
+ "name": "*",
509
+ "declaration": {
510
+ "name": "*",
511
+ "package": "./layout-components"
512
+ }
513
+ }
514
+ ]
515
+ },
516
+ {
517
+ "kind": "javascript-module",
518
+ "path": "src/main/layout-components.ts",
519
+ "declarations": [
520
+ {
521
+ "kind": "variable",
522
+ "name": "foundationLayoutComponents",
523
+ "type": {
524
+ "text": "object"
525
+ },
526
+ "default": "{\n foundationLayout,\n foundationLayoutRegion,\n foundationLayoutItem,\n register(container?: Container, ...rest: any[]) {\n if (!container) {\n // preserve backward compatibility with code that loops through\n // the values of this object and calls them as funcs with no args\n return;\n }\n for (const key in this) {\n if (key === 'register') {\n continue;\n }\n this[key]().register(container, ...rest);\n }\n },\n}",
527
+ "description": "Registration object to register the layout with your design system.",
528
+ "privacy": "public"
529
+ }
530
+ ],
531
+ "exports": [
532
+ {
533
+ "kind": "js",
534
+ "name": "foundationLayoutComponents",
535
+ "declaration": {
536
+ "name": "foundationLayoutComponents",
537
+ "module": "src/main/layout-components.ts"
538
+ }
539
+ }
540
+ ]
541
+ },
542
+ {
543
+ "kind": "javascript-module",
544
+ "path": "src/main/layout-item.ts",
545
+ "declarations": [
546
+ {
547
+ "kind": "class",
548
+ "description": "",
549
+ "name": "FoundationLayoutItem",
550
+ "members": [
551
+ {
552
+ "kind": "field",
553
+ "name": "title",
554
+ "type": {
555
+ "text": "string"
556
+ },
557
+ "description": "Sets the title of the item which is displayed on the tab.",
558
+ "privacy": "public"
559
+ },
560
+ {
561
+ "kind": "field",
562
+ "name": "closable",
563
+ "type": {
564
+ "text": "boolean"
565
+ },
566
+ "default": "false",
567
+ "description": "Boolean attribute controls whether the window can be closed in the GUI.\nDefaults to `false`.",
568
+ "privacy": "public"
569
+ },
570
+ {
571
+ "kind": "field",
572
+ "name": "size",
573
+ "type": {
574
+ "text": "string"
575
+ },
576
+ "description": "optional string describing the size of the new item (see the written documentation for more info)",
577
+ "privacy": "public"
578
+ },
579
+ {
580
+ "kind": "field",
581
+ "name": "registration",
582
+ "type": {
583
+ "text": "string"
584
+ },
585
+ "description": "Sets the registration name for the item, which can be used later to add the item via the JavaScript API using FoundationLayout.addItem.",
586
+ "privacy": "public"
587
+ },
588
+ {
589
+ "kind": "field",
590
+ "name": "_presentation",
591
+ "type": {
592
+ "text": "ComponentPresentation | null | undefined"
593
+ },
594
+ "privacy": "private",
595
+ "default": "void 0",
596
+ "inheritedFrom": {
597
+ "name": "FoundationElement",
598
+ "module": "src/foundation-element/foundation-element.ts"
599
+ }
600
+ },
601
+ {
602
+ "kind": "field",
603
+ "name": "$presentation",
604
+ "type": {
605
+ "text": "ComponentPresentation | null"
606
+ },
607
+ "privacy": "public",
608
+ "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
609
+ "inheritedFrom": {
610
+ "name": "FoundationElement",
611
+ "module": "src/foundation-element/foundation-element.ts"
612
+ }
613
+ },
614
+ {
615
+ "kind": "field",
616
+ "name": "template",
617
+ "type": {
618
+ "text": "ElementViewTemplate | void | null"
619
+ },
620
+ "privacy": "public",
621
+ "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
622
+ "inheritedFrom": {
623
+ "name": "FoundationElement",
624
+ "module": "src/foundation-element/foundation-element.ts"
625
+ }
626
+ },
627
+ {
628
+ "kind": "method",
629
+ "name": "templateChanged",
630
+ "privacy": "protected",
631
+ "return": {
632
+ "type": {
633
+ "text": "void"
634
+ }
635
+ },
636
+ "inheritedFrom": {
637
+ "name": "FoundationElement",
638
+ "module": "src/foundation-element/foundation-element.ts"
639
+ }
640
+ },
641
+ {
642
+ "kind": "field",
643
+ "name": "styles",
644
+ "type": {
645
+ "text": "ElementStyles | void | null"
646
+ },
647
+ "privacy": "public",
648
+ "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
649
+ "inheritedFrom": {
650
+ "name": "FoundationElement",
651
+ "module": "src/foundation-element/foundation-element.ts"
652
+ }
653
+ },
654
+ {
655
+ "kind": "method",
656
+ "name": "stylesChanged",
657
+ "privacy": "protected",
658
+ "return": {
659
+ "type": {
660
+ "text": "void"
661
+ }
662
+ },
663
+ "inheritedFrom": {
664
+ "name": "FoundationElement",
665
+ "module": "src/foundation-element/foundation-element.ts"
666
+ }
667
+ },
668
+ {
669
+ "kind": "method",
670
+ "name": "compose",
671
+ "privacy": "public",
672
+ "static": true,
673
+ "return": {
674
+ "type": {
675
+ "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
676
+ }
677
+ },
678
+ "parameters": [
679
+ {
680
+ "name": "this",
681
+ "type": {
682
+ "text": "K"
683
+ }
353
684
  },
354
685
  {
355
686
  "name": "elementDefinition",
@@ -665,211 +996,8 @@
665
996
  "type": {
666
997
  "text": "void"
667
998
  }
668
- },
669
- "description": "The `LifecycleMixin` can use the lifecycleUpdateToken to determine if it needs to gate\nlifecycle methods from running when other items have been added or deleted.\nThis key is updated every time one of these actions are performed, so you can check if the key has changed and know you potentially need to gate some of your lifecycle functionality.\nThis method should be called whenever we are about to perform an action which will cause a lifecycle update, should as adding or removing an item from the layout"
670
- },
671
- {
672
- "kind": "field",
673
- "name": "_presentation",
674
- "type": {
675
- "text": "ComponentPresentation | null | undefined"
676
- },
677
- "privacy": "private",
678
- "default": "void 0",
679
- "inheritedFrom": {
680
- "name": "FoundationElement",
681
- "module": "src/foundation-element/foundation-element.ts"
682
- }
683
- },
684
- {
685
- "kind": "field",
686
- "name": "$presentation",
687
- "type": {
688
- "text": "ComponentPresentation | null"
689
- },
690
- "privacy": "public",
691
- "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
692
- "inheritedFrom": {
693
- "name": "FoundationElement",
694
- "module": "src/foundation-element/foundation-element.ts"
695
- }
696
- },
697
- {
698
- "kind": "field",
699
- "name": "template",
700
- "type": {
701
- "text": "ElementViewTemplate | void | null"
702
- },
703
- "privacy": "public",
704
- "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
705
- "inheritedFrom": {
706
- "name": "FoundationElement",
707
- "module": "src/foundation-element/foundation-element.ts"
708
- }
709
- },
710
- {
711
- "kind": "method",
712
- "name": "templateChanged",
713
- "privacy": "protected",
714
- "return": {
715
- "type": {
716
- "text": "void"
717
- }
718
- },
719
- "inheritedFrom": {
720
- "name": "FoundationElement",
721
- "module": "src/foundation-element/foundation-element.ts"
722
- }
723
- },
724
- {
725
- "kind": "field",
726
- "name": "styles",
727
- "type": {
728
- "text": "ElementStyles | void | null"
729
- },
730
- "privacy": "public",
731
- "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
732
- "inheritedFrom": {
733
- "name": "FoundationElement",
734
- "module": "src/foundation-element/foundation-element.ts"
735
- }
736
- },
737
- {
738
- "kind": "method",
739
- "name": "stylesChanged",
740
- "privacy": "protected",
741
- "return": {
742
- "type": {
743
- "text": "void"
744
- }
745
- },
746
- "inheritedFrom": {
747
- "name": "FoundationElement",
748
- "module": "src/foundation-element/foundation-element.ts"
749
- }
750
- },
751
- {
752
- "kind": "method",
753
- "name": "compose",
754
- "privacy": "public",
755
- "static": true,
756
- "return": {
757
- "type": {
758
- "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
759
- }
760
- },
761
- "parameters": [
762
- {
763
- "name": "this",
764
- "type": {
765
- "text": "K"
766
- }
767
- },
768
- {
769
- "name": "elementDefinition",
770
- "type": {
771
- "text": "T"
772
- },
773
- "description": "The definition of the element to create the registry\nfunction for."
774
- }
775
- ],
776
- "description": "Defines an element registry function with a set of element definition defaults.",
777
- "inheritedFrom": {
778
- "name": "FoundationElement",
779
- "module": "src/foundation-element/foundation-element.ts"
780
- }
781
- }
782
- ],
783
- "attributes": [
784
- {
785
- "name": "reload-buffer",
786
- "type": {
787
- "text": "number"
788
- },
789
- "default": "DEFAULT_RELOAD_BUFFER",
790
- "description": "Number describing how long to wait in ms before reloading the config when adding items\ndeclaratively by the html API. Default 500 (ms).",
791
- "resolveInitializer": {
792
- "module": "/src/utils/"
793
- },
794
- "fieldName": "reloadBuffer"
795
- },
796
- {
797
- "name": "auto-save-key",
798
- "type": {
799
- "text": "string | undefined"
800
- },
801
- "description": "Attribute which if set will auto save and load the layout as the user changes it.\nOmit this attribute to disable this feature.\nSet attribute using `auto-save-key`.",
802
- "fieldName": "autoSaveKey"
803
- }
804
- ],
805
- "superclass": {
806
- "name": "FoundationElement",
807
- "package": "@microsoft/fast-foundation"
808
- },
809
- "tagName": "%%prefix%%-layout",
810
- "customElement": true
811
- },
812
- {
813
- "kind": "variable",
814
- "name": "layoutTemplate",
815
- "default": "html<FoundationLayout>`\n <template>\n ${when((x) => !x.hasFirstLoaded && x.usingDeclerativeAPI, loadingTemplate)}\n <div class=\"layout-container\" ${ref('layoutElement')}></div>\n </template>\n`",
816
- "description": "`ViewTemplate` which defines the html for FoundationLayout.",
817
- "privacy": "public"
818
- }
819
- ],
820
- "exports": [
821
- {
822
- "kind": "js",
823
- "name": "layoutStyles",
824
- "declaration": {
825
- "name": "layoutStyles",
826
- "module": "../styles"
827
- }
828
- },
829
- {
830
- "kind": "js",
831
- "name": "FoundationLayout",
832
- "declaration": {
833
- "name": "FoundationLayout",
834
- "module": "src/main/layout-main.ts"
835
- }
836
- },
837
- {
838
- "kind": "js",
839
- "name": "layoutTemplate",
840
- "declaration": {
841
- "name": "layoutTemplate",
842
- "module": "src/main/layout-main.ts"
843
- }
844
- }
845
- ]
846
- },
847
- {
848
- "kind": "javascript-module",
849
- "path": "src/main/layout-region.ts",
850
- "declarations": [
851
- {
852
- "kind": "class",
853
- "description": "",
854
- "name": "FoundationLayoutRegion",
855
- "members": [
856
- {
857
- "kind": "field",
858
- "name": "size",
859
- "type": {
860
- "text": "string"
861
- },
862
- "description": "optional string describing the size of the new item (see the written documentation for more info)",
863
- "privacy": "public"
864
- },
865
- {
866
- "kind": "field",
867
- "name": "type",
868
- "type": {
869
- "text": "LayoutRegionType"
870
- },
871
- "description": "Defines the LayoutRegionType| type of the region.\nDefaults to `horizontal`.",
872
- "privacy": "public"
999
+ },
1000
+ "description": "The `LifecycleMixin` can use the lifecycleUpdateToken to determine if it needs to gate\nlifecycle methods from running when other items have been added or deleted.\nThis key is updated every time one of these actions are performed, so you can check if the key has changed and know you potentially need to gate some of your lifecycle functionality.\nThis method should be called whenever we are about to perform an action which will cause a lifecycle update, should as adding or removing an item from the layout"
873
1001
  },
874
1002
  {
875
1003
  "kind": "field",
@@ -985,371 +1113,243 @@
985
1113
  ],
986
1114
  "attributes": [
987
1115
  {
988
- "name": "size",
1116
+ "name": "reload-buffer",
989
1117
  "type": {
990
- "text": "string"
1118
+ "text": "number"
991
1119
  },
992
- "description": "optional string describing the size of the new item (see the written documentation for more info)",
993
- "fieldName": "size"
1120
+ "default": "DEFAULT_RELOAD_BUFFER",
1121
+ "description": "Number describing how long to wait in ms before reloading the config when adding items\ndeclaratively by the html API. Default 500 (ms).",
1122
+ "resolveInitializer": {
1123
+ "module": "/src/utils/"
1124
+ },
1125
+ "fieldName": "reloadBuffer"
994
1126
  },
995
1127
  {
996
- "name": "type",
1128
+ "name": "auto-save-key",
997
1129
  "type": {
998
- "text": "LayoutRegionType"
1130
+ "text": "string | undefined"
999
1131
  },
1000
- "description": "Defines the LayoutRegionType| type of the region.\nDefaults to `horizontal`.",
1001
- "fieldName": "type"
1132
+ "description": "Attribute which if set will auto save and load the layout as the user changes it.\nOmit this attribute to disable this feature.\nSet attribute using `auto-save-key`.",
1133
+ "fieldName": "autoSaveKey"
1002
1134
  }
1003
1135
  ],
1004
1136
  "superclass": {
1005
1137
  "name": "FoundationElement",
1006
1138
  "package": "@microsoft/fast-foundation"
1007
1139
  },
1008
- "tagName": "%%prefix%%-layout-region",
1009
- "customElement": true
1010
- }
1011
- ],
1012
- "exports": [
1013
- {
1014
- "kind": "js",
1015
- "name": "FoundationLayoutRegion",
1016
- "declaration": {
1017
- "name": "FoundationLayoutRegion",
1018
- "module": "src/main/layout-region.ts"
1019
- }
1020
- }
1021
- ]
1022
- },
1023
- {
1024
- "kind": "javascript-module",
1025
- "path": "src/styles/constants.ts",
1026
- "declarations": [
1027
- {
1028
- "kind": "variable",
1029
- "name": "glVisualConfig",
1030
- "type": {
1031
- "text": "Omit<LayoutConfig, 'root'>"
1032
- },
1033
- "default": "{\n dimensions: {\n headerHeight: 38,\n borderWidth: 12,\n },\n header: {\n maximise: 'maximise',\n minimise: 'minimise',\n popout: false,\n },\n}"
1034
- },
1035
- {
1036
- "kind": "variable",
1037
- "name": "LAYOUT_ICONS",
1038
- "type": {
1039
- "text": "{\n renameSVG,\n maximiseSVG,\n minimiseSVG,\n closeSVG,\n tabDropdownSVG,\n}"
1040
- },
1041
- "default": "{\n renameSVG,\n maximiseSVG,\n minimiseSVG,\n closeSVG,\n tabDropdownSVG,\n}",
1042
- "description": "A collection of SVG icons in base64 format.",
1043
- "privacy": "public"
1044
- }
1045
- ],
1046
- "exports": [
1047
- {
1048
- "kind": "js",
1049
- "name": "glVisualConfig",
1050
- "declaration": {
1051
- "name": "glVisualConfig",
1052
- "module": "src/styles/constants.ts"
1053
- }
1054
- },
1055
- {
1056
- "kind": "js",
1057
- "name": "LAYOUT_ICONS",
1058
- "declaration": {
1059
- "name": "LAYOUT_ICONS",
1060
- "module": "src/styles/constants.ts"
1061
- }
1062
- }
1063
- ]
1064
- },
1065
- {
1066
- "kind": "javascript-module",
1067
- "path": "src/styles/dragging.styles.ts",
1068
- "declarations": [
1069
- {
1070
- "kind": "variable",
1071
- "name": "globalDraggingStyles",
1072
- "default": "`\n .lm_dragProxy .lm_content {\n box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9);\n }\n .lm_dropTargetIndicator {\n box-shadow: inset 0 0 30px #000000;\n outline: 1px dashed #cccccc;\n transition: all 200ms ease;\n }\n .lm_dropTargetIndicator .lm_inner {\n background: var(${neutralFillStealthRest.cssCustomProperty});\n opacity: 0.2;\n }\n .lm_dragProxy.lm_left .lm_header,\n .lm_dragProxy.lm_right .lm_header {\n width: 20px;\n float: left;\n vertical-align: top;\n }\n .lm_dragProxy.lm_left .lm_header .lm_tabs,\n .lm_dragProxy.lm_right .lm_header .lm_tabs {\n transform-origin: left top;\n top: 0;\n width: 1000px;\n }\n .lm_dragProxy.lm_left .lm_header .lm_controls,\n .lm_dragProxy.lm_right .lm_header .lm_controls {\n bottom: 0;\n }\n .lm_dragProxy.lm_left .lm_items,\n .lm_dragProxy.lm_right .lm_items {\n float: left;\n }\n .lm_dragProxy.lm_left .lm_header .lm_tabs {\n transform: rotate(-90deg) scaleX(-1);\n left: 0;\n }\n .lm_dragProxy.lm_left .lm_header .lm_tabs .lm_tab {\n transform: scaleX(-1);\n margin-top: 1px;\n }\n .lm_dragProxy.lm_left .lm_header .lm_tabdropdown_list {\n top: initial;\n right: initial;\n left: 20px;\n }\n .lm_dragProxy.lm_right .lm_content {\n float: left;\n }\n .lm_dragProxy.lm_right .lm_header .lm_tabs {\n transform: rotate(90deg) scaleX(1);\n left: 100%;\n margin-left: 0;\n }\n .lm_dragProxy.lm_right .lm_header .lm_controls {\n left: 3px;\n }\n .lm_dragProxy.lm_right .lm_header .lm_tabdropdown_list {\n top: initial;\n right: 20px;\n }\n .lm_dragProxy.lm_bottom .lm_header .lm_tab {\n margin-top: 0;\n border-top: none;\n }\n .lm_dragProxy.lm_bottom .lm_header .lm_controls,\n .lm_stack.lm_bottom .lm_header .lm_controls {\n top: 3px;\n }\n .lm_dragProxy.lm_bottom .lm_header .lm_tabdropdown_list,\n .lm_stack.lm_bottom .lm_header .lm_tabdropdown_list {\n top: initial;\n bottom: 20px;\n }\n .lm_dragProxy {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 30;\n }\n .lm_dragProxy .lm_header {\n background: transparent;\n }\n .lm_dragProxy .lm_content {\n border-top: none;\n overflow: hidden;\n }\n .lm_dropTargetIndicator {\n display: none;\n position: absolute;\n z-index: 20;\n }\n .lm_dropTargetIndicator .lm_inner {\n width: 100%;\n height: 100%;\n position: relative;\n top: 0;\n left: 0;\n }\n .lm_transition_indicator {\n display: none;\n width: 20px;\n height: 20px;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 20;\n }\n`",
1073
- "description": "This is defined as a string rather than a css template\nbecause it is applied to a CSSStyleSheet object rather than\nused as a FAST template"
1074
- }
1075
- ],
1076
- "exports": [
1077
- {
1078
- "kind": "js",
1079
- "name": "globalDraggingStyles",
1080
- "declaration": {
1081
- "name": "globalDraggingStyles",
1082
- "module": "src/styles/dragging.styles.ts"
1083
- }
1084
- }
1085
- ]
1086
- },
1087
- {
1088
- "kind": "javascript-module",
1089
- "path": "src/styles/index.ts",
1090
- "declarations": [],
1091
- "exports": [
1092
- {
1093
- "kind": "js",
1094
- "name": "*",
1095
- "declaration": {
1096
- "name": "*",
1097
- "package": "./constants"
1098
- }
1099
- },
1100
- {
1101
- "kind": "js",
1102
- "name": "*",
1103
- "declaration": {
1104
- "name": "*",
1105
- "package": "./dragging.styles"
1106
- }
1107
- },
1108
- {
1109
- "kind": "js",
1110
- "name": "*",
1111
- "declaration": {
1112
- "name": "*",
1113
- "package": "./layout.styles"
1114
- }
1115
- }
1116
- ]
1117
- },
1118
- {
1119
- "kind": "javascript-module",
1120
- "path": "src/styles/layout.styles.ts",
1121
- "declarations": [
1122
- {
1123
- "kind": "variable",
1124
- "name": "layoutStyles",
1125
- "default": "css`\n ${containerStyles}\n ${loadingSpinnerStyles}\n\n .lm_goldenlayout {\n padding: 1px;\n background: ${neutralLayer1};\n border-radius: calc(${controlCornerRadius} * 1.5px);\n }\n\n .lm_stack.lm_item {\n background-color: ${neutralLayer4};\n border-radius: calc(${controlCornerRadius} * 1.5px);\n }\n .lm_maximised .lm_header {\n background-color: ${neutralLayer4};\n border-radius: calc(${controlCornerRadius} * 1.5px);\n position: unset;\n }\n\n .lm_maximised .lm_header .lm_tabs {\n z-index: 3;\n }\n\n .lm_content {\n background-color: ${neutralLayer3};\n border-radius: calc(${controlCornerRadius} * 1.5px);\n border: 1px solid;\n border-color: #2e3339;\n box-sizing: border-box;\n }\n\n .lm-header {\n z-index: 1;\n }\n .lm_header .lm_tabs {\n padding: 0 16px;\n }\n\n .lm_stack > .lm_items {\n z-index: 2;\n box-shadow: 0px -1px 15px rgba(0, 0, 0, 0.35);\n }\n\n .lm_header .lm_tab.lm_active.lm_focused {\n background-color: ${neutralLayer3};\n }\n .lm_header .lm_tab.lm_active {\n background-color: ${neutralLayer3};\n border: 1px solid;\n border-color: #2e3339;\n border-bottom: 0;\n color: ${accentFillRest};\n }\n\n .lm_header .lm_tab {\n align-items: center;\n background-color: ${neutralLayer4};\n border: 1px solid;\n border-bottom-color: #2e3339;\n border-bottom: 0px solid;\n border-color: rgba(0, 0, 0, 0.35);\n border-radius: calc(${controlCornerRadius} * 1.5px) calc(${controlCornerRadius} * 1.5px) 0 0;\n box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.35);\n color: rgba(255, 255, 255, 0.3);\n display: flex;\n font-family: inherit;\n font-size: 13px;\n font-weight: 700;\n height: 30px;\n margin-right: 2px;\n margin-top: 3px;\n padding: 2px 16px;\n }\n\n .lm_header .lm_tab:not(.lm_active):hover {\n background-color: rgba(255, 255, 255, 0.1);\n color: #f1f1f1;\n }\n\n .lm_header .lm_controls {\n top: 4px;\n display: flex;\n }\n .lm_header .lm_controls > * {\n width: 30px;\n height: 30px;\n background-repeat: no-repeat;\n background-position: center;\n background-size: 16px;\n background-color: rgba(255, 255, 255, 0.03);\n border-radius: calc(${controlCornerRadius} * 1.5px);\n margin-right: 4px;\n top: 3px;\n opacity: 1;\n }\n .lm_header .lm_controls > *:hover {\n background-color: rgba(255, 255, 255, 0.1);\n cursor: pointer;\n }\n\n .lm_controls .lm_maximise {\n background-image: url('${LAYOUT_ICONS.maximiseSVG}');\n }\n .lm_maximised .lm_controls .lm_maximise {\n background-image: url('${LAYOUT_ICONS.minimiseSVG}');\n }\n .lm_controls .lm_close {\n background-image: url('${LAYOUT_ICONS.closeSVG}');\n }\n .lm_header .lm_tab .lm_close_tab {\n background-image: url('${LAYOUT_ICONS.closeSVG}');\n background-size: 10px;\n background-repeat: no-repeat;\n margin-left: 12px;\n position: relative;\n top: 0;\n right: 0;\n }\n\n .lm_header .lm_tab.lm_active {\n padding: 4px 25px 3px 10px;\n }\n\n .lm_header .lm_tab:not(.lm_active) .lm_title {\n color: ${accentFillRest};\n opacity: 0.7;\n }\n\n .lm_header .lm_controls .lm_tabdropdown::before {\n content: none;\n }\n .lm_header .lm_controls .lm_tabdropdown {\n background-image: url('${LAYOUT_ICONS.tabDropdownSVG}');\n }\n .lm_header .lm_tabdropdown_list {\n top: 38px;\n right: 108px;\n background-color: ${neutralLayer3};\n border: 1px solid;\n border-color: #2e3339;\n border-radius: calc(${controlCornerRadius} * 1.5px);\n box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.35);\n }\n .lm_header .lm_tabdropdown_list > .lm_tab {\n box-shadow: none;\n padding: 0 16px;\n white-space: nowrap;\n background-color: transparent;\n color: #c9c9c9;\n height: 36px;\n border-radius: 0;\n overflow: visible;\n text-overflow: normal;\n }\n .lm_header .lm_tabdropdown_list > .lm_tab:last-child {\n border-bottom: 0;\n }\n\n /* gl base styles start */\n .lm_root {\n position: relative;\n }\n .lm_row > .lm_item {\n float: left;\n }\n .lm_content {\n overflow: hidden;\n position: relative;\n }\n .lm_dragging,\n .lm_dragging * {\n cursor: move !important;\n user-select: none;\n }\n .lm_maximised {\n left: 0;\n padding: 1px;\n position: absolute;\n top: 0;\n z-index: 40;\n }\n .lm_maximise_placeholder {\n display: none;\n }\n .lm_splitter {\n position: relative;\n z-index: 20;\n }\n .lm_splitter:hover,\n .lm_splitter.lm_dragging {\n background: ${accentFillRest};\n border-radius: calc(${controlCornerRadius} * 4px);\n }\n .lm_splitter.lm_vertical .lm_drag_handle {\n width: 100%;\n height: 15px;\n position: absolute;\n top: -5px;\n cursor: ns-resize;\n }\n .lm_splitter.lm_horizontal {\n float: left;\n height: 100%;\n }\n .lm_splitter.lm_horizontal .lm_drag_handle {\n width: 15px;\n height: 100%;\n position: absolute;\n left: -5px;\n cursor: ew-resize;\n }\n .lm_header {\n overflow: visible;\n position: relative;\n z-index: 1;\n }\n .lm_header [class^='lm_'] {\n box-sizing: content-box !important;\n }\n .lm_header .lm_controls {\n position: absolute;\n right: 3px;\n }\n .lm_header .lm_controls > li {\n cursor: pointer;\n float: left;\n width: 18px;\n height: 18px;\n text-align: center;\n }\n .lm_header ul {\n margin: 0;\n padding: 0;\n list-style-type: none;\n }\n .lm_header .lm_tabs {\n position: absolute;\n }\n .lm_header .lm_tab {\n cursor: pointer;\n float: left;\n margin-top: 1px;\n padding: 3px 25px 3px 10px;\n position: relative;\n }\n .lm_header .lm_tab i {\n width: 2px;\n height: 19px;\n position: absolute;\n }\n .lm_header .lm_tab i.lm_left {\n top: 0;\n left: -2px;\n }\n .lm_header .lm_tab i.lm_right {\n top: 0;\n right: -2px;\n }\n .lm_header .lm_tab .lm_title {\n display: inline-block;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n .lm_header .lm_tab .lm_title:only-child {\n padding-left: 10px;\n }\n .lm_header .lm_tab .lm_close_tab {\n width: 14px;\n height: 14px;\n position: absolute;\n top: 11px;\n right: 0;\n text-align: center;\n }\n .lm_stack.lm_left .lm_header,\n .lm_stack.lm_right .lm_header {\n height: 100%;\n }\n .lm_dragProxy.lm_left .lm_header,\n .lm_dragProxy.lm_right .lm_header,\n .lm_stack.lm_left .lm_header,\n .lm_stack.lm_right .lm_header {\n width: 20px;\n float: left;\n vertical-align: top;\n }\n .lm_dragProxy.lm_left .lm_header .lm_tabs,\n .lm_dragProxy.lm_right .lm_header .lm_tabs,\n .lm_stack.lm_left .lm_header .lm_tabs,\n .lm_stack.lm_right .lm_header .lm_tabs {\n transform-origin: left top;\n top: 0;\n width: 1000px;\n }\n .lm_dragProxy.lm_left .lm_header .lm_controls,\n .lm_dragProxy.lm_right .lm_header .lm_controls,\n .lm_stack.lm_left .lm_header .lm_controls,\n .lm_stack.lm_right .lm_header .lm_controls {\n bottom: 0;\n }\n .lm_dragProxy.lm_left .lm_items,\n .lm_dragProxy.lm_right .lm_items,\n .lm_stack.lm_left .lm_items,\n .lm_stack.lm_right .lm_items {\n float: left;\n }\n .lm_dragProxy.lm_left .lm_header .lm_tabs,\n .lm_stack.lm_left .lm_header .lm_tabs {\n transform: rotate(-90deg) scaleX(-1);\n left: 0;\n }\n .lm_dragProxy.lm_left .lm_header .lm_tabs .lm_tab,\n .lm_stack.lm_left .lm_header .lm_tabs .lm_tab {\n transform: scaleX(-1);\n margin-top: 1px;\n }\n .lm_dragProxy.lm_left .lm_header .lm_tabdropdown_list,\n .lm_stack.lm_left .lm_header .lm_tabdropdown_list {\n top: initial;\n right: initial;\n left: 20px;\n }\n .lm_dragProxy.lm_right .lm_content {\n float: left;\n }\n .lm_dragProxy.lm_right .lm_header .lm_tabs,\n .lm_stack.lm_right .lm_header .lm_tabs {\n transform: rotate(90deg) scaleX(1);\n left: 100%;\n margin-left: 0;\n }\n .lm_dragProxy.lm_right .lm_header .lm_controls,\n .lm_stack.lm_right .lm_header .lm_controls {\n left: 3px;\n }\n .lm_dragProxy.lm_right .lm_header .lm_tabdropdown_list,\n .lm_stack.lm_right .lm_header .lm_tabdropdown_list {\n top: initial;\n right: 20px;\n }\n .lm_dragProxy.lm_bottom .lm_header .lm_tab,\n .lm_stack.lm_bottom .lm_header .lm_tab {\n margin-top: 0;\n border-top: none;\n }\n .lm_dragProxy.lm_bottom .lm_header .lm_controls,\n .lm_stack.lm_bottom .lm_header .lm_controls {\n top: 3px;\n }\n .lm_dragProxy.lm_bottom .lm_header .lm_tabdropdown_list,\n .lm_stack.lm_bottom .lm_header .lm_tabdropdown_list {\n top: initial;\n bottom: 20px;\n }\n .lm_drop_tab_placeholder {\n float: left;\n width: 100px;\n height: 10px;\n visibility: hidden;\n }\n .lm_header .lm_tabdropdown_list {\n position: absolute;\n top: 20px;\n right: 0;\n z-index: 5;\n overflow: hidden;\n }\n .lm_header .lm_tabdropdown_list .lm_tab {\n clear: both;\n padding-right: 10px;\n margin: 0;\n }\n .lm_header .lm_tabdropdown_list .lm_tab .lm_title {\n width: 100px;\n }\n .lm_header .lm_tabdropdown_list .lm_close_tab {\n display: none !important;\n }\n .lm_dragProxy {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 30;\n }\n .lm_dragProxy .lm_header {\n background: transparent;\n }\n .lm_dragProxy .lm_content {\n border-top: none;\n overflow: hidden;\n }\n .lm_dropTargetIndicator {\n display: none;\n position: absolute;\n z-index: 20;\n }\n .lm_dropTargetIndicator .lm_inner {\n width: 100%;\n height: 100%;\n position: relative;\n top: 0;\n left: 0;\n }\n .lm_transition_indicator {\n display: none;\n width: 20px;\n height: 20px;\n position: absolute;\n top: 0;\n left: 0;\n z-index: 20;\n }\n .lm_popin {\n width: 20px;\n height: 20px;\n position: absolute;\n bottom: 0;\n right: 0;\n z-index: 9999;\n }\n .lm_popin > * {\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n }\n .lm_popin > .lm_bg {\n z-index: 10;\n }\n .lm_popin > .lm_icon {\n z-index: 20;\n } /*# sourceMappingURL=goldenlayout-base.css.map */\n`",
1126
- "description": "`ElementStyles` which defines the css for FoundationLayout.",
1127
- "privacy": "public"
1128
- }
1129
- ],
1130
- "exports": [
1131
- {
1132
- "kind": "js",
1133
- "name": "layoutStyles",
1134
- "declaration": {
1135
- "name": "layoutStyles",
1136
- "module": "src/styles/layout.styles.ts"
1137
- }
1138
- }
1139
- ]
1140
- },
1141
- {
1142
- "kind": "javascript-module",
1143
- "path": "src/utils/constants.ts",
1144
- "declarations": [
1145
- {
1146
- "kind": "variable",
1147
- "name": "DEFAULT_RELOAD_BUFFER",
1148
- "type": {
1149
- "text": "number"
1150
- },
1151
- "default": "500",
1152
- "description": "Default time in milliseconds for the layout to buffer calls to reloading\nthe layout while the declarative API is loading.\n\nDuring the first load of the layout, a loading spinner will be shown.",
1153
- "privacy": "public"
1154
- }
1155
- ],
1156
- "exports": [
1157
- {
1158
- "kind": "js",
1159
- "name": "DEFAULT_RELOAD_BUFFER",
1160
- "declaration": {
1161
- "name": "DEFAULT_RELOAD_BUFFER",
1162
- "module": "src/utils/constants.ts"
1163
- }
1164
- }
1165
- ]
1166
- },
1167
- {
1168
- "kind": "javascript-module",
1169
- "path": "src/utils/error.ts",
1170
- "declarations": [
1171
- {
1172
- "kind": "class",
1173
- "description": "",
1174
- "name": "LayoutUsageError",
1175
- "superclass": {
1176
- "name": "Error",
1177
- "module": "src/utils/error.ts"
1178
- }
1179
- },
1180
- {
1181
- "kind": "class",
1182
- "description": "",
1183
- "name": "LayoutRegistrationError",
1184
- "superclass": {
1185
- "name": "Error",
1186
- "module": "src/utils/error.ts"
1187
- }
1188
- }
1189
- ],
1190
- "exports": [
1191
- {
1192
- "kind": "js",
1193
- "name": "LayoutUsageError",
1194
- "declaration": {
1195
- "name": "LayoutUsageError",
1196
- "module": "src/utils/error.ts"
1197
- }
1198
- },
1199
- {
1200
- "kind": "js",
1201
- "name": "LayoutRegistrationError",
1202
- "declaration": {
1203
- "name": "LayoutRegistrationError",
1204
- "module": "src/utils/error.ts"
1205
- }
1206
- }
1207
- ]
1208
- },
1209
- {
1210
- "kind": "javascript-module",
1211
- "path": "src/utils/events.ts",
1212
- "declarations": [
1213
- {
1214
- "kind": "variable",
1215
- "name": "LayoutEmitEvents",
1216
- "type": {
1217
- "text": "{\n firstLoaded: 'first-loaded',\n itemAdded: 'item-added',\n itemRemoved: 'item-removed',\n itemResized: 'item-resized',\n}"
1218
- },
1219
- "default": "{\n firstLoaded: 'first-loaded',\n itemAdded: 'item-added',\n itemRemoved: 'item-removed',\n itemResized: 'item-resized',\n}",
1220
- "description": "Defines events that the layout system emits\n\n'firstLoaded' - emitted when the layout has finished loading the first time\nusing the declarative API after DEFAULT_RELOAD_BUFFER ms.\n<br/>\n'itemAdded' - emitted when an item is added to the layout'\n<br/>\n'itemRemoved' - emitted when an item is removed from the layout'\n<br/>\n'itemResized' - emitted when the user drags the divider to resize elements",
1221
- "privacy": "public"
1222
- },
1223
- {
1224
- "kind": "variable",
1225
- "name": "LayoutReceiveEvents",
1226
- "type": {
1227
- "text": "{\n changeTitle: 'change-title',\n}"
1228
- },
1229
- "default": "{\n changeTitle: 'change-title',\n}",
1230
- "description": "Defines events that the layout system listens for\n\n'changeTitle' - emit this from a contained item to update the title of the window that contains it.",
1231
- "privacy": "public"
1232
- }
1233
- ],
1234
- "exports": [
1235
- {
1236
- "kind": "js",
1237
- "name": "LayoutEmitEvents",
1238
- "declaration": {
1239
- "name": "LayoutEmitEvents",
1240
- "module": "src/utils/events.ts"
1241
- }
1140
+ "tagName": "%%prefix%%-layout",
1141
+ "customElement": true
1242
1142
  },
1243
1143
  {
1244
- "kind": "js",
1245
- "name": "LayoutReceiveEvents",
1246
- "declaration": {
1247
- "name": "LayoutReceiveEvents",
1248
- "module": "src/utils/events.ts"
1249
- }
1144
+ "kind": "variable",
1145
+ "name": "layoutTemplate",
1146
+ "default": "html<FoundationLayout>`\n <template>\n ${when((x) => !x.hasFirstLoaded && x.usingDeclerativeAPI, loadingTemplate)}\n <div class=\"layout-container\" ${ref('layoutElement')}></div>\n </template>\n`",
1147
+ "description": "`ViewTemplate` which defines the html for FoundationLayout.",
1148
+ "privacy": "public"
1250
1149
  }
1251
- ]
1252
- },
1253
- {
1254
- "kind": "javascript-module",
1255
- "path": "src/utils/index.ts",
1256
- "declarations": [],
1150
+ ],
1257
1151
  "exports": [
1258
1152
  {
1259
1153
  "kind": "js",
1260
- "name": "*",
1261
- "declaration": {
1262
- "name": "*",
1263
- "package": "./constants"
1264
- }
1265
- },
1266
- {
1267
- "kind": "js",
1268
- "name": "*",
1269
- "declaration": {
1270
- "name": "*",
1271
- "package": "./error"
1272
- }
1273
- },
1274
- {
1275
- "kind": "js",
1276
- "name": "*",
1277
- "declaration": {
1278
- "name": "*",
1279
- "package": "./events"
1280
- }
1281
- },
1282
- {
1283
- "kind": "js",
1284
- "name": "*",
1285
- "declaration": {
1286
- "name": "*",
1287
- "package": "./misc"
1288
- }
1289
- },
1290
- {
1291
- "kind": "js",
1292
- "name": "*",
1154
+ "name": "layoutStyles",
1293
1155
  "declaration": {
1294
- "name": "*",
1295
- "package": "./templates"
1156
+ "name": "layoutStyles",
1157
+ "module": "../styles"
1296
1158
  }
1297
1159
  },
1298
1160
  {
1299
1161
  "kind": "js",
1300
- "name": "*",
1162
+ "name": "FoundationLayout",
1301
1163
  "declaration": {
1302
- "name": "*",
1303
- "package": "./types"
1164
+ "name": "FoundationLayout",
1165
+ "module": "src/main/layout-main.ts"
1304
1166
  }
1305
1167
  },
1306
1168
  {
1307
1169
  "kind": "js",
1308
- "name": "*",
1170
+ "name": "layoutTemplate",
1309
1171
  "declaration": {
1310
- "name": "*",
1311
- "package": "./error"
1172
+ "name": "layoutTemplate",
1173
+ "module": "src/main/layout-main.ts"
1312
1174
  }
1313
1175
  }
1314
1176
  ]
1315
1177
  },
1316
1178
  {
1317
1179
  "kind": "javascript-module",
1318
- "path": "src/utils/logger.ts",
1180
+ "path": "src/main/layout-region.ts",
1319
1181
  "declarations": [
1320
1182
  {
1321
- "kind": "variable",
1322
- "name": "logger"
1183
+ "kind": "class",
1184
+ "description": "",
1185
+ "name": "FoundationLayoutRegion",
1186
+ "members": [
1187
+ {
1188
+ "kind": "field",
1189
+ "name": "size",
1190
+ "type": {
1191
+ "text": "string"
1192
+ },
1193
+ "description": "optional string describing the size of the new item (see the written documentation for more info)",
1194
+ "privacy": "public"
1195
+ },
1196
+ {
1197
+ "kind": "field",
1198
+ "name": "type",
1199
+ "type": {
1200
+ "text": "LayoutRegionType"
1201
+ },
1202
+ "description": "Defines the LayoutRegionType| type of the region.\nDefaults to `horizontal`.",
1203
+ "privacy": "public"
1204
+ },
1205
+ {
1206
+ "kind": "field",
1207
+ "name": "_presentation",
1208
+ "type": {
1209
+ "text": "ComponentPresentation | null | undefined"
1210
+ },
1211
+ "privacy": "private",
1212
+ "default": "void 0",
1213
+ "inheritedFrom": {
1214
+ "name": "FoundationElement",
1215
+ "module": "src/foundation-element/foundation-element.ts"
1216
+ }
1217
+ },
1218
+ {
1219
+ "kind": "field",
1220
+ "name": "$presentation",
1221
+ "type": {
1222
+ "text": "ComponentPresentation | null"
1223
+ },
1224
+ "privacy": "public",
1225
+ "description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
1226
+ "inheritedFrom": {
1227
+ "name": "FoundationElement",
1228
+ "module": "src/foundation-element/foundation-element.ts"
1229
+ }
1230
+ },
1231
+ {
1232
+ "kind": "field",
1233
+ "name": "template",
1234
+ "type": {
1235
+ "text": "ElementViewTemplate | void | null"
1236
+ },
1237
+ "privacy": "public",
1238
+ "description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
1239
+ "inheritedFrom": {
1240
+ "name": "FoundationElement",
1241
+ "module": "src/foundation-element/foundation-element.ts"
1242
+ }
1243
+ },
1244
+ {
1245
+ "kind": "method",
1246
+ "name": "templateChanged",
1247
+ "privacy": "protected",
1248
+ "return": {
1249
+ "type": {
1250
+ "text": "void"
1251
+ }
1252
+ },
1253
+ "inheritedFrom": {
1254
+ "name": "FoundationElement",
1255
+ "module": "src/foundation-element/foundation-element.ts"
1256
+ }
1257
+ },
1258
+ {
1259
+ "kind": "field",
1260
+ "name": "styles",
1261
+ "type": {
1262
+ "text": "ElementStyles | void | null"
1263
+ },
1264
+ "privacy": "public",
1265
+ "description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
1266
+ "inheritedFrom": {
1267
+ "name": "FoundationElement",
1268
+ "module": "src/foundation-element/foundation-element.ts"
1269
+ }
1270
+ },
1271
+ {
1272
+ "kind": "method",
1273
+ "name": "stylesChanged",
1274
+ "privacy": "protected",
1275
+ "return": {
1276
+ "type": {
1277
+ "text": "void"
1278
+ }
1279
+ },
1280
+ "inheritedFrom": {
1281
+ "name": "FoundationElement",
1282
+ "module": "src/foundation-element/foundation-element.ts"
1283
+ }
1284
+ },
1285
+ {
1286
+ "kind": "method",
1287
+ "name": "compose",
1288
+ "privacy": "public",
1289
+ "static": true,
1290
+ "return": {
1291
+ "type": {
1292
+ "text": "(\n overrideDefinition?: OverrideFoundationElementDefinition<T>\n ) => FoundationElementRegistry<T, K>"
1293
+ }
1294
+ },
1295
+ "parameters": [
1296
+ {
1297
+ "name": "this",
1298
+ "type": {
1299
+ "text": "K"
1300
+ }
1301
+ },
1302
+ {
1303
+ "name": "elementDefinition",
1304
+ "type": {
1305
+ "text": "T"
1306
+ },
1307
+ "description": "The definition of the element to create the registry\nfunction for."
1308
+ }
1309
+ ],
1310
+ "description": "Defines an element registry function with a set of element definition defaults.",
1311
+ "inheritedFrom": {
1312
+ "name": "FoundationElement",
1313
+ "module": "src/foundation-element/foundation-element.ts"
1314
+ }
1315
+ }
1316
+ ],
1317
+ "attributes": [
1318
+ {
1319
+ "name": "size",
1320
+ "type": {
1321
+ "text": "string"
1322
+ },
1323
+ "description": "optional string describing the size of the new item (see the written documentation for more info)",
1324
+ "fieldName": "size"
1325
+ },
1326
+ {
1327
+ "name": "type",
1328
+ "type": {
1329
+ "text": "LayoutRegionType"
1330
+ },
1331
+ "description": "Defines the LayoutRegionType| type of the region.\nDefaults to `horizontal`.",
1332
+ "fieldName": "type"
1333
+ }
1334
+ ],
1335
+ "superclass": {
1336
+ "name": "FoundationElement",
1337
+ "package": "@microsoft/fast-foundation"
1338
+ },
1339
+ "tagName": "%%prefix%%-layout-region",
1340
+ "customElement": true
1323
1341
  }
1324
1342
  ],
1325
1343
  "exports": [
1326
1344
  {
1327
1345
  "kind": "js",
1328
- "name": "logger",
1346
+ "name": "FoundationLayoutRegion",
1329
1347
  "declaration": {
1330
- "name": "logger",
1331
- "module": "src/utils/logger.ts"
1348
+ "name": "FoundationLayoutRegion",
1349
+ "module": "src/main/layout-region.ts"
1332
1350
  }
1333
1351
  }
1334
1352
  ]
1335
- },
1336
- {
1337
- "kind": "javascript-module",
1338
- "path": "src/utils/misc.ts",
1339
- "declarations": [],
1340
- "exports": []
1341
- },
1342
- {
1343
- "kind": "javascript-module",
1344
- "path": "src/utils/templates.ts",
1345
- "declarations": [],
1346
- "exports": []
1347
- },
1348
- {
1349
- "kind": "javascript-module",
1350
- "path": "src/utils/types.ts",
1351
- "declarations": [],
1352
- "exports": []
1353
1353
  }
1354
1354
  ]
1355
1355
  }