@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/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, and out of the ResizeObserver callback. */
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. */