@kubex/zinc 1.1.158 → 1.1.160
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 +896 -849
- package/dist/vscode.html-custom-data.json +85 -85
- package/dist/web-types.json +176 -176
- package/dist/zn.d.ts +115 -109
- package/dist/zn.min.js +276 -276
- package/docs/pages/components/page.md +15 -0
- package/package.json +1 -1
- package/src/components/filter-container/filter-container.component.ts +32 -48
- package/src/components/filter-container/filter-container.test.ts +25 -0
- package/src/components/page/page.component.ts +24 -3
- package/src/components/page/page.test.ts +52 -0
- package/src/components/tabs/tabs.component.ts +1 -1
package/dist/zn.d.ts
CHANGED
|
@@ -5102,115 +5102,6 @@ declare module "components/header/index" {
|
|
|
5102
5102
|
}
|
|
5103
5103
|
}
|
|
5104
5104
|
}
|
|
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
5105
|
declare module "components/tabs/tabs-navigation" {
|
|
5215
5106
|
export const TAB_STORE_PREFIX = "zntab:";
|
|
5216
5107
|
/** Scopes a store key to the current location, so each page keeps its own tab. */
|
|
@@ -5234,10 +5125,14 @@ declare module "components/tabs/tabs-navigation" {
|
|
|
5234
5125
|
/** Records the tab on the current entry without adding a Back step. */
|
|
5235
5126
|
export function replaceHistoryTab(key: string, tab: string): void;
|
|
5236
5127
|
}
|
|
5128
|
+
declare module "utilities/md5" {
|
|
5129
|
+
export function md5(string: string): string;
|
|
5130
|
+
}
|
|
5237
5131
|
declare module "components/tabs/tabs.component" {
|
|
5238
5132
|
import { type CSSResultGroup, type PropertyValues } from 'lit';
|
|
5239
5133
|
import { Store } from "internal/storage";
|
|
5240
5134
|
import ZincElement from "internal/zinc-element";
|
|
5135
|
+
export const tabContainerSelector = "zn-tabs, zn-page, zn-page-nav";
|
|
5241
5136
|
/**
|
|
5242
5137
|
* @summary Short summary of the component's intended use.
|
|
5243
5138
|
* @documentation https://zinc.style/components/tabs
|
|
@@ -5329,6 +5224,112 @@ declare module "components/tabs/tabs.component" {
|
|
|
5329
5224
|
render(): import("lit-html").TemplateResult<1>;
|
|
5330
5225
|
}
|
|
5331
5226
|
}
|
|
5227
|
+
declare module "components/expanding-action/expanding-action.component" {
|
|
5228
|
+
import { type CSSResultGroup, type PropertyValues } from 'lit';
|
|
5229
|
+
import ZincElement from "internal/zinc-element";
|
|
5230
|
+
/**
|
|
5231
|
+
* @summary Short summary of the component's intended use.
|
|
5232
|
+
* @documentation https://zinc.style/components/expanding-action
|
|
5233
|
+
* @status experimental
|
|
5234
|
+
* @since 1.0
|
|
5235
|
+
*
|
|
5236
|
+
* @dependency zn-example
|
|
5237
|
+
*
|
|
5238
|
+
* @event zn-event-name - Emitted as an example.
|
|
5239
|
+
*
|
|
5240
|
+
* @slot - The default slot.
|
|
5241
|
+
* @slot example - An example slot.
|
|
5242
|
+
*
|
|
5243
|
+
* @csspart base - The component's base wrapper.
|
|
5244
|
+
*
|
|
5245
|
+
* @cssproperty --example - An example CSS custom property.
|
|
5246
|
+
*/
|
|
5247
|
+
export default class ZnExpandingAction extends ZincElement {
|
|
5248
|
+
static styles: CSSResultGroup;
|
|
5249
|
+
icon: string;
|
|
5250
|
+
method: 'drop' | 'fill';
|
|
5251
|
+
contextUri: string;
|
|
5252
|
+
count: string;
|
|
5253
|
+
color: string;
|
|
5254
|
+
prefetch: boolean;
|
|
5255
|
+
basis: string;
|
|
5256
|
+
maxHeight: string;
|
|
5257
|
+
open: boolean;
|
|
5258
|
+
masterId: string;
|
|
5259
|
+
fetchStyle: string;
|
|
5260
|
+
noPrefetch: boolean;
|
|
5261
|
+
private _panel;
|
|
5262
|
+
private _panels;
|
|
5263
|
+
private _knownUri;
|
|
5264
|
+
private _actions;
|
|
5265
|
+
private _preload;
|
|
5266
|
+
private _metaObserved;
|
|
5267
|
+
private _placementObserver?;
|
|
5268
|
+
private readonly _countObserver;
|
|
5269
|
+
private readonly _colorObserver;
|
|
5270
|
+
constructor();
|
|
5271
|
+
connectedCallback(): Promise<void>;
|
|
5272
|
+
firstUpdated(_changedProperties: PropertyValues): void;
|
|
5273
|
+
_observeMetaData(): void;
|
|
5274
|
+
_registerActions(): void;
|
|
5275
|
+
_addAction(action: HTMLElement): void;
|
|
5276
|
+
_uriToId(actionUri: string): string;
|
|
5277
|
+
_handleClick(event: PointerEvent): void;
|
|
5278
|
+
_createUriPanel(actionEle: Element, actionUri: string, actionId: string): HTMLDivElement;
|
|
5279
|
+
fetchUri(target: HTMLElement): void;
|
|
5280
|
+
fetchContextHeaders(): Promise<void>;
|
|
5281
|
+
clickAction(target: HTMLElement): void;
|
|
5282
|
+
handleIconClicked: () => void;
|
|
5283
|
+
handleIconCloseClicked: () => void;
|
|
5284
|
+
private _updateTriggerSide;
|
|
5285
|
+
private _observePlacement;
|
|
5286
|
+
disconnectedCallback(): void;
|
|
5287
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
5288
|
+
protected renderDropdown(): import("lit-html").TemplateResult<1>;
|
|
5289
|
+
protected renderFill(): import("lit-html").TemplateResult<1>;
|
|
5290
|
+
}
|
|
5291
|
+
}
|
|
5292
|
+
declare module "components/expanding-action/index" {
|
|
5293
|
+
import ZnExpandingAction from "components/expanding-action/expanding-action.component";
|
|
5294
|
+
export * from "components/expanding-action/expanding-action.component";
|
|
5295
|
+
export default ZnExpandingAction;
|
|
5296
|
+
global {
|
|
5297
|
+
interface HTMLElementTagNameMap {
|
|
5298
|
+
'zn-expanding-action': ZnExpandingAction;
|
|
5299
|
+
}
|
|
5300
|
+
}
|
|
5301
|
+
}
|
|
5302
|
+
declare module "components/tab/tab.component" {
|
|
5303
|
+
import { type CSSResultGroup } from 'lit';
|
|
5304
|
+
import ZincElement from "internal/zinc-element";
|
|
5305
|
+
/**
|
|
5306
|
+
* @summary Defines a tab panel for use inside zn-page.
|
|
5307
|
+
* @documentation https://zinc.style/components/tab
|
|
5308
|
+
* @status experimental
|
|
5309
|
+
* @since 1.0
|
|
5310
|
+
*
|
|
5311
|
+
* @slot - The tab panel content.
|
|
5312
|
+
*/
|
|
5313
|
+
export default class ZnTab extends ZincElement {
|
|
5314
|
+
static styles: CSSResultGroup;
|
|
5315
|
+
caption: string;
|
|
5316
|
+
priority: number;
|
|
5317
|
+
uri: string;
|
|
5318
|
+
/** When present, zn-page opens this tab on load instead of the first tab. */
|
|
5319
|
+
selected: boolean;
|
|
5320
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
5321
|
+
}
|
|
5322
|
+
}
|
|
5323
|
+
declare module "components/tab/index" {
|
|
5324
|
+
import ZnTab from "components/tab/tab.component";
|
|
5325
|
+
export * from "components/tab/tab.component";
|
|
5326
|
+
export default ZnTab;
|
|
5327
|
+
global {
|
|
5328
|
+
interface HTMLElementTagNameMap {
|
|
5329
|
+
'zn-tab': ZnTab;
|
|
5330
|
+
}
|
|
5331
|
+
}
|
|
5332
|
+
}
|
|
5332
5333
|
declare module "components/tabs/index" {
|
|
5333
5334
|
import ZnTabs from "components/tabs/tabs.component";
|
|
5334
5335
|
export * from "components/tabs/tabs.component";
|
|
@@ -5355,6 +5356,7 @@ declare module "components/page/page.component" {
|
|
|
5355
5356
|
* @since 1.0
|
|
5356
5357
|
*
|
|
5357
5358
|
* @slot - Page content. Use zn-tab for named tabs and header-action/header-actions for header actions.
|
|
5359
|
+
* Clicking an element in the content with `tab="<tab id>"` opens that tab.
|
|
5358
5360
|
* @slot description - Rich subtitle/description content. Falls back to the `summary` attribute when empty.
|
|
5359
5361
|
* @slot bottom - Content rendered below the navbar row (e.g. chips, filters). Forwarded to the navbar's bottom slot.
|
|
5360
5362
|
*/
|
|
@@ -5403,6 +5405,7 @@ declare module "components/page/page.component" {
|
|
|
5403
5405
|
private uniqueId;
|
|
5404
5406
|
private handlePageScroll;
|
|
5405
5407
|
updated(changedProperties: PropertyValues): void;
|
|
5408
|
+
private handleContentTabClick;
|
|
5406
5409
|
private handleNavigationSelect;
|
|
5407
5410
|
private getNavigationItemPage;
|
|
5408
5411
|
private activateTab;
|
|
@@ -9112,7 +9115,10 @@ declare module "components/filter-container/filter-container.component" {
|
|
|
9112
9115
|
export default class ZnFilterContainer extends ZincElement {
|
|
9113
9116
|
static styles: CSSResultGroup;
|
|
9114
9117
|
attr: string;
|
|
9118
|
+
private _filterFrame;
|
|
9115
9119
|
handleSearchChange(event: Event): void;
|
|
9120
|
+
disconnectedCallback(): void;
|
|
9121
|
+
private applyFilter;
|
|
9116
9122
|
render(): import("lit-html").TemplateResult<1>;
|
|
9117
9123
|
}
|
|
9118
9124
|
}
|