@kubex/zinc 1.1.159 → 1.1.161
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/dist/custom-elements.json +148 -77
- package/dist/vscode.html-custom-data.json +21 -12
- package/dist/web-types.json +35 -25
- package/dist/zn.d.ts +122 -110
- package/dist/zn.min.js +186 -183
- package/docs/pages/components/page.md +15 -0
- package/package.json +1 -1
- package/src/components/button/button.component.ts +4 -0
- package/src/components/button/button.test.ts +10 -0
- package/src/components/content-block/content-block.component.ts +2 -3
- package/src/components/flow-builder/modules/flow-node/flow-node.test.ts +2 -3
- package/src/components/flow-builder/modules/flow-step-group/flow-step-group.test.ts +14 -8
- package/src/components/form-actions/form-actions.test.ts +4 -1
- package/src/components/form-group/form-group.component.ts +45 -15
- package/src/components/navbar/navbar.test.ts +3 -2
- package/src/components/page/page.component.ts +25 -4
- package/src/components/page/page.test.ts +68 -16
- package/src/components/sp/sp.test.ts +2 -2
- package/src/components/tabs/tabs.component.ts +1 -1
- package/src/components/theme-editor/theme-editor.component.ts +3 -2
- package/src/components/theme-editor/theme-editor.test.ts +30 -28
- package/src/components/translation-group/translation-group.test.ts +0 -2
package/dist/zn.d.ts
CHANGED
|
@@ -1254,6 +1254,8 @@ declare module "components/button/button.component" {
|
|
|
1254
1254
|
tooltip: string;
|
|
1255
1255
|
/** Accessible name for the button. Icon-only buttons fall back to `tooltip`. */
|
|
1256
1256
|
label: string;
|
|
1257
|
+
/** Toggle state, forwarded to the inner button's `aria-pressed`. */
|
|
1258
|
+
pressed: 'true' | 'false' | 'mixed';
|
|
1257
1259
|
autoClick: boolean;
|
|
1258
1260
|
autoClickDelay: number;
|
|
1259
1261
|
loadingText: string;
|
|
@@ -5102,115 +5104,6 @@ declare module "components/header/index" {
|
|
|
5102
5104
|
}
|
|
5103
5105
|
}
|
|
5104
5106
|
}
|
|
5105
|
-
declare module "utilities/md5" {
|
|
5106
|
-
export function md5(string: string): string;
|
|
5107
|
-
}
|
|
5108
|
-
declare module "components/expanding-action/expanding-action.component" {
|
|
5109
|
-
import { type CSSResultGroup, type PropertyValues } from 'lit';
|
|
5110
|
-
import ZincElement from "internal/zinc-element";
|
|
5111
|
-
/**
|
|
5112
|
-
* @summary Short summary of the component's intended use.
|
|
5113
|
-
* @documentation https://zinc.style/components/expanding-action
|
|
5114
|
-
* @status experimental
|
|
5115
|
-
* @since 1.0
|
|
5116
|
-
*
|
|
5117
|
-
* @dependency zn-example
|
|
5118
|
-
*
|
|
5119
|
-
* @event zn-event-name - Emitted as an example.
|
|
5120
|
-
*
|
|
5121
|
-
* @slot - The default slot.
|
|
5122
|
-
* @slot example - An example slot.
|
|
5123
|
-
*
|
|
5124
|
-
* @csspart base - The component's base wrapper.
|
|
5125
|
-
*
|
|
5126
|
-
* @cssproperty --example - An example CSS custom property.
|
|
5127
|
-
*/
|
|
5128
|
-
export default class ZnExpandingAction extends ZincElement {
|
|
5129
|
-
static styles: CSSResultGroup;
|
|
5130
|
-
icon: string;
|
|
5131
|
-
method: 'drop' | 'fill';
|
|
5132
|
-
contextUri: string;
|
|
5133
|
-
count: string;
|
|
5134
|
-
color: string;
|
|
5135
|
-
prefetch: boolean;
|
|
5136
|
-
basis: string;
|
|
5137
|
-
maxHeight: string;
|
|
5138
|
-
open: boolean;
|
|
5139
|
-
masterId: string;
|
|
5140
|
-
fetchStyle: string;
|
|
5141
|
-
noPrefetch: boolean;
|
|
5142
|
-
private _panel;
|
|
5143
|
-
private _panels;
|
|
5144
|
-
private _knownUri;
|
|
5145
|
-
private _actions;
|
|
5146
|
-
private _preload;
|
|
5147
|
-
private _metaObserved;
|
|
5148
|
-
private _placementObserver?;
|
|
5149
|
-
private readonly _countObserver;
|
|
5150
|
-
private readonly _colorObserver;
|
|
5151
|
-
constructor();
|
|
5152
|
-
connectedCallback(): Promise<void>;
|
|
5153
|
-
firstUpdated(_changedProperties: PropertyValues): void;
|
|
5154
|
-
_observeMetaData(): void;
|
|
5155
|
-
_registerActions(): void;
|
|
5156
|
-
_addAction(action: HTMLElement): void;
|
|
5157
|
-
_uriToId(actionUri: string): string;
|
|
5158
|
-
_handleClick(event: PointerEvent): void;
|
|
5159
|
-
_createUriPanel(actionEle: Element, actionUri: string, actionId: string): HTMLDivElement;
|
|
5160
|
-
fetchUri(target: HTMLElement): void;
|
|
5161
|
-
fetchContextHeaders(): Promise<void>;
|
|
5162
|
-
clickAction(target: HTMLElement): void;
|
|
5163
|
-
handleIconClicked: () => void;
|
|
5164
|
-
handleIconCloseClicked: () => void;
|
|
5165
|
-
private _updateTriggerSide;
|
|
5166
|
-
private _observePlacement;
|
|
5167
|
-
disconnectedCallback(): void;
|
|
5168
|
-
render(): import("lit-html").TemplateResult<1>;
|
|
5169
|
-
protected renderDropdown(): import("lit-html").TemplateResult<1>;
|
|
5170
|
-
protected renderFill(): import("lit-html").TemplateResult<1>;
|
|
5171
|
-
}
|
|
5172
|
-
}
|
|
5173
|
-
declare module "components/expanding-action/index" {
|
|
5174
|
-
import ZnExpandingAction from "components/expanding-action/expanding-action.component";
|
|
5175
|
-
export * from "components/expanding-action/expanding-action.component";
|
|
5176
|
-
export default ZnExpandingAction;
|
|
5177
|
-
global {
|
|
5178
|
-
interface HTMLElementTagNameMap {
|
|
5179
|
-
'zn-expanding-action': ZnExpandingAction;
|
|
5180
|
-
}
|
|
5181
|
-
}
|
|
5182
|
-
}
|
|
5183
|
-
declare module "components/tab/tab.component" {
|
|
5184
|
-
import { type CSSResultGroup } from 'lit';
|
|
5185
|
-
import ZincElement from "internal/zinc-element";
|
|
5186
|
-
/**
|
|
5187
|
-
* @summary Defines a tab panel for use inside zn-page.
|
|
5188
|
-
* @documentation https://zinc.style/components/tab
|
|
5189
|
-
* @status experimental
|
|
5190
|
-
* @since 1.0
|
|
5191
|
-
*
|
|
5192
|
-
* @slot - The tab panel content.
|
|
5193
|
-
*/
|
|
5194
|
-
export default class ZnTab extends ZincElement {
|
|
5195
|
-
static styles: CSSResultGroup;
|
|
5196
|
-
caption: string;
|
|
5197
|
-
priority: number;
|
|
5198
|
-
uri: string;
|
|
5199
|
-
/** When present, zn-page opens this tab on load instead of the first tab. */
|
|
5200
|
-
selected: boolean;
|
|
5201
|
-
render(): import("lit-html").TemplateResult<1>;
|
|
5202
|
-
}
|
|
5203
|
-
}
|
|
5204
|
-
declare module "components/tab/index" {
|
|
5205
|
-
import ZnTab from "components/tab/tab.component";
|
|
5206
|
-
export * from "components/tab/tab.component";
|
|
5207
|
-
export default ZnTab;
|
|
5208
|
-
global {
|
|
5209
|
-
interface HTMLElementTagNameMap {
|
|
5210
|
-
'zn-tab': ZnTab;
|
|
5211
|
-
}
|
|
5212
|
-
}
|
|
5213
|
-
}
|
|
5214
5107
|
declare module "components/tabs/tabs-navigation" {
|
|
5215
5108
|
export const TAB_STORE_PREFIX = "zntab:";
|
|
5216
5109
|
/** Scopes a store key to the current location, so each page keeps its own tab. */
|
|
@@ -5234,10 +5127,14 @@ declare module "components/tabs/tabs-navigation" {
|
|
|
5234
5127
|
/** Records the tab on the current entry without adding a Back step. */
|
|
5235
5128
|
export function replaceHistoryTab(key: string, tab: string): void;
|
|
5236
5129
|
}
|
|
5130
|
+
declare module "utilities/md5" {
|
|
5131
|
+
export function md5(string: string): string;
|
|
5132
|
+
}
|
|
5237
5133
|
declare module "components/tabs/tabs.component" {
|
|
5238
5134
|
import { type CSSResultGroup, type PropertyValues } from 'lit';
|
|
5239
5135
|
import { Store } from "internal/storage";
|
|
5240
5136
|
import ZincElement from "internal/zinc-element";
|
|
5137
|
+
export const tabContainerSelector = "zn-tabs, zn-page, zn-page-nav";
|
|
5241
5138
|
/**
|
|
5242
5139
|
* @summary Short summary of the component's intended use.
|
|
5243
5140
|
* @documentation https://zinc.style/components/tabs
|
|
@@ -5329,6 +5226,112 @@ declare module "components/tabs/tabs.component" {
|
|
|
5329
5226
|
render(): import("lit-html").TemplateResult<1>;
|
|
5330
5227
|
}
|
|
5331
5228
|
}
|
|
5229
|
+
declare module "components/expanding-action/expanding-action.component" {
|
|
5230
|
+
import { type CSSResultGroup, type PropertyValues } from 'lit';
|
|
5231
|
+
import ZincElement from "internal/zinc-element";
|
|
5232
|
+
/**
|
|
5233
|
+
* @summary Short summary of the component's intended use.
|
|
5234
|
+
* @documentation https://zinc.style/components/expanding-action
|
|
5235
|
+
* @status experimental
|
|
5236
|
+
* @since 1.0
|
|
5237
|
+
*
|
|
5238
|
+
* @dependency zn-example
|
|
5239
|
+
*
|
|
5240
|
+
* @event zn-event-name - Emitted as an example.
|
|
5241
|
+
*
|
|
5242
|
+
* @slot - The default slot.
|
|
5243
|
+
* @slot example - An example slot.
|
|
5244
|
+
*
|
|
5245
|
+
* @csspart base - The component's base wrapper.
|
|
5246
|
+
*
|
|
5247
|
+
* @cssproperty --example - An example CSS custom property.
|
|
5248
|
+
*/
|
|
5249
|
+
export default class ZnExpandingAction extends ZincElement {
|
|
5250
|
+
static styles: CSSResultGroup;
|
|
5251
|
+
icon: string;
|
|
5252
|
+
method: 'drop' | 'fill';
|
|
5253
|
+
contextUri: string;
|
|
5254
|
+
count: string;
|
|
5255
|
+
color: string;
|
|
5256
|
+
prefetch: boolean;
|
|
5257
|
+
basis: string;
|
|
5258
|
+
maxHeight: string;
|
|
5259
|
+
open: boolean;
|
|
5260
|
+
masterId: string;
|
|
5261
|
+
fetchStyle: string;
|
|
5262
|
+
noPrefetch: boolean;
|
|
5263
|
+
private _panel;
|
|
5264
|
+
private _panels;
|
|
5265
|
+
private _knownUri;
|
|
5266
|
+
private _actions;
|
|
5267
|
+
private _preload;
|
|
5268
|
+
private _metaObserved;
|
|
5269
|
+
private _placementObserver?;
|
|
5270
|
+
private readonly _countObserver;
|
|
5271
|
+
private readonly _colorObserver;
|
|
5272
|
+
constructor();
|
|
5273
|
+
connectedCallback(): Promise<void>;
|
|
5274
|
+
firstUpdated(_changedProperties: PropertyValues): void;
|
|
5275
|
+
_observeMetaData(): void;
|
|
5276
|
+
_registerActions(): void;
|
|
5277
|
+
_addAction(action: HTMLElement): void;
|
|
5278
|
+
_uriToId(actionUri: string): string;
|
|
5279
|
+
_handleClick(event: PointerEvent): void;
|
|
5280
|
+
_createUriPanel(actionEle: Element, actionUri: string, actionId: string): HTMLDivElement;
|
|
5281
|
+
fetchUri(target: HTMLElement): void;
|
|
5282
|
+
fetchContextHeaders(): Promise<void>;
|
|
5283
|
+
clickAction(target: HTMLElement): void;
|
|
5284
|
+
handleIconClicked: () => void;
|
|
5285
|
+
handleIconCloseClicked: () => void;
|
|
5286
|
+
private _updateTriggerSide;
|
|
5287
|
+
private _observePlacement;
|
|
5288
|
+
disconnectedCallback(): void;
|
|
5289
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
5290
|
+
protected renderDropdown(): import("lit-html").TemplateResult<1>;
|
|
5291
|
+
protected renderFill(): import("lit-html").TemplateResult<1>;
|
|
5292
|
+
}
|
|
5293
|
+
}
|
|
5294
|
+
declare module "components/expanding-action/index" {
|
|
5295
|
+
import ZnExpandingAction from "components/expanding-action/expanding-action.component";
|
|
5296
|
+
export * from "components/expanding-action/expanding-action.component";
|
|
5297
|
+
export default ZnExpandingAction;
|
|
5298
|
+
global {
|
|
5299
|
+
interface HTMLElementTagNameMap {
|
|
5300
|
+
'zn-expanding-action': ZnExpandingAction;
|
|
5301
|
+
}
|
|
5302
|
+
}
|
|
5303
|
+
}
|
|
5304
|
+
declare module "components/tab/tab.component" {
|
|
5305
|
+
import { type CSSResultGroup } from 'lit';
|
|
5306
|
+
import ZincElement from "internal/zinc-element";
|
|
5307
|
+
/**
|
|
5308
|
+
* @summary Defines a tab panel for use inside zn-page.
|
|
5309
|
+
* @documentation https://zinc.style/components/tab
|
|
5310
|
+
* @status experimental
|
|
5311
|
+
* @since 1.0
|
|
5312
|
+
*
|
|
5313
|
+
* @slot - The tab panel content.
|
|
5314
|
+
*/
|
|
5315
|
+
export default class ZnTab extends ZincElement {
|
|
5316
|
+
static styles: CSSResultGroup;
|
|
5317
|
+
caption: string;
|
|
5318
|
+
priority: number;
|
|
5319
|
+
uri: string;
|
|
5320
|
+
/** When present, zn-page opens this tab on load instead of the first tab. */
|
|
5321
|
+
selected: boolean;
|
|
5322
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
5323
|
+
}
|
|
5324
|
+
}
|
|
5325
|
+
declare module "components/tab/index" {
|
|
5326
|
+
import ZnTab from "components/tab/tab.component";
|
|
5327
|
+
export * from "components/tab/tab.component";
|
|
5328
|
+
export default ZnTab;
|
|
5329
|
+
global {
|
|
5330
|
+
interface HTMLElementTagNameMap {
|
|
5331
|
+
'zn-tab': ZnTab;
|
|
5332
|
+
}
|
|
5333
|
+
}
|
|
5334
|
+
}
|
|
5332
5335
|
declare module "components/tabs/index" {
|
|
5333
5336
|
import ZnTabs from "components/tabs/tabs.component";
|
|
5334
5337
|
export * from "components/tabs/tabs.component";
|
|
@@ -5355,6 +5358,7 @@ declare module "components/page/page.component" {
|
|
|
5355
5358
|
* @since 1.0
|
|
5356
5359
|
*
|
|
5357
5360
|
* @slot - Page content. Use zn-tab for named tabs and header-action/header-actions for header actions.
|
|
5361
|
+
* Clicking an element in the content with `tab="<tab id>"` opens that tab.
|
|
5358
5362
|
* @slot description - Rich subtitle/description content. Falls back to the `summary` attribute when empty.
|
|
5359
5363
|
* @slot bottom - Content rendered below the navbar row (e.g. chips, filters). Forwarded to the navbar's bottom slot.
|
|
5360
5364
|
*/
|
|
@@ -5403,6 +5407,7 @@ declare module "components/page/page.component" {
|
|
|
5403
5407
|
private uniqueId;
|
|
5404
5408
|
private handlePageScroll;
|
|
5405
5409
|
updated(changedProperties: PropertyValues): void;
|
|
5410
|
+
private handleContentTabClick;
|
|
5406
5411
|
private handleNavigationSelect;
|
|
5407
5412
|
private getNavigationItemPage;
|
|
5408
5413
|
private activateTab;
|
|
@@ -7547,11 +7552,12 @@ declare module "components/form-group/form-group.component" {
|
|
|
7547
7552
|
private rebind;
|
|
7548
7553
|
private offset;
|
|
7549
7554
|
private resizeObserver;
|
|
7555
|
+
private observedAncestors;
|
|
7550
7556
|
connectedCallback(): void;
|
|
7551
7557
|
disconnectedCallback(): void;
|
|
7552
7558
|
protected firstUpdated(changedProperties: PropertyValues): void;
|
|
7553
7559
|
private get labelColumn();
|
|
7554
|
-
/** Coalesces scroll and resize work into one frame
|
|
7560
|
+
/** Coalesces scroll and resize work into one frame. */
|
|
7555
7561
|
private schedule;
|
|
7556
7562
|
/**
|
|
7557
7563
|
* Native sticky only follows the nearest scroll container. Where that container isn't the one
|
|
@@ -7567,6 +7573,12 @@ declare module "components/form-group/form-group.component" {
|
|
|
7567
7573
|
private scrollLinkedTravel;
|
|
7568
7574
|
/** Drops everything this component has put on the label or on the scroller. */
|
|
7569
7575
|
private detach;
|
|
7576
|
+
/**
|
|
7577
|
+
* The label's travel is measured against the scroller, so content growing elsewhere in it — a sibling group revealing
|
|
7578
|
+
* more fields — leaves the label at a stale position until something re-measures. Any such growth resizes a box
|
|
7579
|
+
* between this group and the scroller.
|
|
7580
|
+
*/
|
|
7581
|
+
private observeAncestors;
|
|
7570
7582
|
/** The document scrolls through the window, every other scroller reports its own events. */
|
|
7571
7583
|
private scrollTarget;
|
|
7572
7584
|
/** Where the scroller's own top edge sits, which for the document is the top of the viewport. */
|