@kubex/zinc 1.1.92 → 1.1.94
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 +1738 -110
- package/dist/vscode.html-custom-data.json +136 -4
- package/dist/web-types.json +307 -4
- package/dist/zn.d.ts +298 -2
- package/dist/zn.min.js +708 -515
- package/docs/pages/components/page-builder.md +22 -0
- package/docs/pages/components/schedule-builder.md +345 -0
- package/package.json +1 -1
- package/src/components/alert/alert.scss +9 -13
- package/src/components/chip/chip.scss +1 -1
- package/src/components/icon-picker/icon-picker.component.ts +1 -1
- package/src/components/linked-select/linked-select.component.ts +22 -5
- package/src/components/page/page.scss +13 -7
- package/src/components/page-builder/page-builder.component.ts +52 -7
- package/src/components/page-builder/page-builder.scss +166 -9
- package/src/components/page-builder/page-builder.test.ts +134 -0
- package/src/components/page-builder/page.types.ts +23 -3
- package/src/components/page-nav/page-nav.scss +9 -1
- package/src/components/panel/panel.component.ts +5 -1
- package/src/components/priority-list/priority-list.component.ts +1 -0
- package/src/components/priority-list/priority-list.scss +2 -1
- package/src/components/schedule-builder/index.ts +12 -0
- package/src/components/schedule-builder/schedule-builder.component.ts +1543 -0
- package/src/components/schedule-builder/schedule-builder.scss +448 -0
- package/src/components/schedule-builder/schedule-builder.test.ts +344 -0
- package/src/components/toggle/toggle.component.ts +2 -1
- package/src/zinc.ts +1 -0
- package/docs/superpowers/plans/2026-08-03-theme-editor.md +0 -1536
- package/docs/superpowers/specs/2026-08-03-theme-editor-design.md +0 -327
|
@@ -20757,6 +20757,16 @@
|
|
|
20757
20757
|
"default": "\"\"",
|
|
20758
20758
|
"attribute": "label"
|
|
20759
20759
|
},
|
|
20760
|
+
{
|
|
20761
|
+
"kind": "field",
|
|
20762
|
+
"name": "selectFirst",
|
|
20763
|
+
"type": {
|
|
20764
|
+
"text": "boolean"
|
|
20765
|
+
},
|
|
20766
|
+
"default": "false",
|
|
20767
|
+
"description": "Automatically select the first option of the linked group when no value is set.",
|
|
20768
|
+
"attribute": "select-first"
|
|
20769
|
+
},
|
|
20760
20770
|
{
|
|
20761
20771
|
"kind": "field",
|
|
20762
20772
|
"name": "input",
|
|
@@ -20859,6 +20869,17 @@
|
|
|
20859
20869
|
{
|
|
20860
20870
|
"kind": "field",
|
|
20861
20871
|
"name": "handleSelectChange"
|
|
20872
|
+
},
|
|
20873
|
+
{
|
|
20874
|
+
"kind": "method",
|
|
20875
|
+
"name": "currentOptions",
|
|
20876
|
+
"privacy": "private",
|
|
20877
|
+
"return": {
|
|
20878
|
+
"type": {
|
|
20879
|
+
"text": "linkedSelectOption"
|
|
20880
|
+
}
|
|
20881
|
+
},
|
|
20882
|
+
"description": "The options of the group the linked select currently points at."
|
|
20862
20883
|
}
|
|
20863
20884
|
],
|
|
20864
20885
|
"events": [
|
|
@@ -20921,6 +20942,15 @@
|
|
|
20921
20942
|
},
|
|
20922
20943
|
"default": "\"\"",
|
|
20923
20944
|
"fieldName": "label"
|
|
20945
|
+
},
|
|
20946
|
+
{
|
|
20947
|
+
"name": "select-first",
|
|
20948
|
+
"type": {
|
|
20949
|
+
"text": "boolean"
|
|
20950
|
+
},
|
|
20951
|
+
"default": "false",
|
|
20952
|
+
"description": "Automatically select the first option of the linked group when no value is set.",
|
|
20953
|
+
"fieldName": "selectFirst"
|
|
20924
20954
|
}
|
|
20925
20955
|
],
|
|
20926
20956
|
"superclass": {
|
|
@@ -25729,6 +25759,14 @@
|
|
|
25729
25759
|
{
|
|
25730
25760
|
"description": "The right panel while a section is selected.",
|
|
25731
25761
|
"name": "inspector"
|
|
25762
|
+
},
|
|
25763
|
+
{
|
|
25764
|
+
"description": "The inspector's fixed header (icon, section name, type, close).",
|
|
25765
|
+
"name": "inspector-header"
|
|
25766
|
+
},
|
|
25767
|
+
{
|
|
25768
|
+
"description": "The inspector's scrolling form area.",
|
|
25769
|
+
"name": "inspector-body"
|
|
25732
25770
|
}
|
|
25733
25771
|
],
|
|
25734
25772
|
"slots": [
|
|
@@ -26974,7 +27012,7 @@
|
|
|
26974
27012
|
"tagNameWithoutPrefix": "page-builder",
|
|
26975
27013
|
"tagName": "zn-page-builder",
|
|
26976
27014
|
"customElement": true,
|
|
26977
|
-
"jsDoc": "/**\n * @summary A config-driven page composer: a palette of predefined section types, a linear\n * canvas of section cards, and an inspector for editing each section's content.\n * @documentation https://zinc.style/components/page-builder\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-collapsible\n * @dependency zn-icon\n * @dependency zn-input\n * @dependency zn-page-palette-item\n * @dependency zn-page-section-card\n *\n * @event zn-page-change - Emitted whenever the page state changes. `event.detail.state` is the new PageState.\n * @event zn-page-selection-change - Emitted when the selected section changes. `event.detail.sectionId`.\n *\n * @slot config - `<template type=\"…\">` declarations; never displayed. Each template's attributes\n * (type, label, icon, icon-library, color, category, description, slots, accepts) declare a\n * palette entry and its content declares the inspector form for that type. `slots` makes the\n * section a container with that many child slots; `accepts` is a comma-separated list of the\n * type keys its slots allow.\n * @slot header-left - Actions shown on the left of the header bar.\n * @slot header-right - Actions shown on the right of the header bar.\n *\n * @csspart base - The grid wrapper.\n * @csspart header - The full-width header action bar (only rendered when header slots are filled).\n * @csspart palette - The left palette panel.\n * @csspart canvas - The centre section-card canvas.\n * @csspart inspector - The right panel while a section is selected.\n */",
|
|
27015
|
+
"jsDoc": "/**\n * @summary A config-driven page composer: a palette of predefined section types, a linear\n * canvas of section cards, and an inspector for editing each section's content.\n * @documentation https://zinc.style/components/page-builder\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-collapsible\n * @dependency zn-icon\n * @dependency zn-input\n * @dependency zn-page-palette-item\n * @dependency zn-page-section-card\n *\n * @event zn-page-change - Emitted whenever the page state changes. `event.detail.state` is the new PageState.\n * @event zn-page-selection-change - Emitted when the selected section changes. `event.detail.sectionId`.\n *\n * @slot config - `<template type=\"…\">` declarations; never displayed. Each template's attributes\n * (type, label, icon, icon-library, color, category, description, slots, accepts) declare a\n * palette entry and its content declares the inspector form for that type. `slots` makes the\n * section a container with that many child slots; `accepts` is a comma-separated list of the\n * type keys its slots allow.\n * @slot header-left - Actions shown on the left of the header bar.\n * @slot header-right - Actions shown on the right of the header bar.\n *\n * @csspart base - The grid wrapper.\n * @csspart header - The full-width header action bar (only rendered when header slots are filled).\n * @csspart palette - The left palette panel.\n * @csspart canvas - The centre section-card canvas.\n * @csspart inspector - The right panel while a section is selected.\n * @csspart inspector-header - The inspector's fixed header (icon, section name, type, close).\n * @csspart inspector-body - The inspector's scrolling form area.\n */",
|
|
26978
27016
|
"documentation": "https://zinc.style/components/page-builder",
|
|
26979
27017
|
"status": "experimental",
|
|
26980
27018
|
"since": "1.0",
|
|
@@ -29822,6 +29860,10 @@
|
|
|
29822
29860
|
"description": "The padding inside each item. Defaults to `var(--zn-spacing-small) var(--zn-spacing-medium)`.",
|
|
29823
29861
|
"name": "--zn-priority-list-item-padding"
|
|
29824
29862
|
},
|
|
29863
|
+
{
|
|
29864
|
+
"description": "The gap between an item's slotted actions. Defaults to `var(--zn-spacing-x-small)`.",
|
|
29865
|
+
"name": "--zn-priority-list-actions-gap"
|
|
29866
|
+
},
|
|
29825
29867
|
{
|
|
29826
29868
|
"description": "The color of the drag handle. Defaults to `var(--zn-color-neutral-500)`.",
|
|
29827
29869
|
"name": "--zn-priority-list-handle-color"
|
|
@@ -30434,7 +30476,7 @@
|
|
|
30434
30476
|
"tagNameWithoutPrefix": "priority-list",
|
|
30435
30477
|
"tagName": "zn-priority-list",
|
|
30436
30478
|
"customElement": true,
|
|
30437
|
-
"jsDoc": "/**\n * @summary A reorderable list where each item receives a numerical priority based on its position. Supports drag-and-drop\n * and keyboard reordering. Priority values are submitted as form data via hidden inputs.\n *\n * @documentation https://zinc.style/components/priority-list\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-icon\n *\n * @slot - The default slot where list items are placed. Each slotted element must have a `value` attribute that\n * uniquely identifies the item. The component automatically assigns slot names to project each item into the\n * correct position. The item's position in the list determines its priority (top = `priority-start`, incrementing).\n * @slot label - The component's label. Required for proper accessibility. Alternatively, use the `label` attribute.\n * @slot label-tooltip - Used to add text displayed in a tooltip next to the label.\n * @slot help-text - Text that describes how to use the component. Alternatively, use the `help-text` attribute.\n *\n * @event zn-change - Emitted when the order of items changes.\n * @event zn-reorder - Emitted when items are reordered. Call `getPriorityMap()` on the component to get\n * the updated `{ key: string, priority: number }[]` array.\n *\n * @csspart form-control - The form control wrapper.\n * @csspart form-control-label - The label wrapper.\n * @csspart form-control-input - The input area wrapper.\n * @csspart form-control-help-text - The help text wrapper.\n * @csspart list - The list container.\n * @csspart item - An individual list item row.\n * @csspart drag-handle - The drag handle icon.\n * @csspart priority - The priority number badge.\n * @csspart content - The content area of an item.\n *\n * @cssproperty --zn-priority-list-item-gap - The gap between list items. Defaults to `var(--zn-spacing-2x-small)`.\n * @cssproperty --zn-priority-list-item-padding - The padding inside each item. Defaults to `var(--zn-spacing-small) var(--zn-spacing-medium)`.\n * @cssproperty --zn-priority-list-handle-color - The color of the drag handle. Defaults to `var(--zn-color-neutral-500)`.\n * @cssproperty --zn-priority-list-priority-color - The color of the priority number. Defaults to `var(--zn-color-neutral-600)`.\n */",
|
|
30479
|
+
"jsDoc": "/**\n * @summary A reorderable list where each item receives a numerical priority based on its position. Supports drag-and-drop\n * and keyboard reordering. Priority values are submitted as form data via hidden inputs.\n *\n * @documentation https://zinc.style/components/priority-list\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-icon\n *\n * @slot - The default slot where list items are placed. Each slotted element must have a `value` attribute that\n * uniquely identifies the item. The component automatically assigns slot names to project each item into the\n * correct position. The item's position in the list determines its priority (top = `priority-start`, incrementing).\n * @slot label - The component's label. Required for proper accessibility. Alternatively, use the `label` attribute.\n * @slot label-tooltip - Used to add text displayed in a tooltip next to the label.\n * @slot help-text - Text that describes how to use the component. Alternatively, use the `help-text` attribute.\n *\n * @event zn-change - Emitted when the order of items changes.\n * @event zn-reorder - Emitted when items are reordered. Call `getPriorityMap()` on the component to get\n * the updated `{ key: string, priority: number }[]` array.\n *\n * @csspart form-control - The form control wrapper.\n * @csspart form-control-label - The label wrapper.\n * @csspart form-control-input - The input area wrapper.\n * @csspart form-control-help-text - The help text wrapper.\n * @csspart list - The list container.\n * @csspart item - An individual list item row.\n * @csspart drag-handle - The drag handle icon.\n * @csspart priority - The priority number badge.\n * @csspart content - The content area of an item.\n *\n * @cssproperty --zn-priority-list-item-gap - The gap between list items. Defaults to `var(--zn-spacing-2x-small)`.\n * @cssproperty --zn-priority-list-item-padding - The padding inside each item. Defaults to `var(--zn-spacing-small) var(--zn-spacing-medium)`.\n * @cssproperty --zn-priority-list-actions-gap - The gap between an item's slotted actions. Defaults to `var(--zn-spacing-x-small)`.\n * @cssproperty --zn-priority-list-handle-color - The color of the drag handle. Defaults to `var(--zn-color-neutral-500)`.\n * @cssproperty --zn-priority-list-priority-color - The color of the priority number. Defaults to `var(--zn-color-neutral-600)`.\n */",
|
|
30438
30480
|
"documentation": "https://zinc.style/components/priority-list",
|
|
30439
30481
|
"status": "experimental",
|
|
30440
30482
|
"since": "1.0",
|
|
@@ -34312,48 +34354,118 @@
|
|
|
34312
34354
|
},
|
|
34313
34355
|
{
|
|
34314
34356
|
"kind": "javascript-module",
|
|
34315
|
-
"path": "components/
|
|
34357
|
+
"path": "components/schedule-builder/schedule-builder.js",
|
|
34316
34358
|
"declarations": [
|
|
34317
34359
|
{
|
|
34318
34360
|
"kind": "class",
|
|
34319
34361
|
"description": "",
|
|
34320
|
-
"name": "
|
|
34362
|
+
"name": "ZnScheduleBuilder",
|
|
34321
34363
|
"cssProperties": [
|
|
34322
34364
|
{
|
|
34323
|
-
"description": "
|
|
34324
|
-
"name": "--
|
|
34365
|
+
"description": "The height of a single time slot in the calendar. Defaults to `18px`.",
|
|
34366
|
+
"name": "--slot-height"
|
|
34367
|
+
},
|
|
34368
|
+
{
|
|
34369
|
+
"description": "The width of the calendar's time gutter. Defaults to `64px`.",
|
|
34370
|
+
"name": "--gutter-width"
|
|
34371
|
+
},
|
|
34372
|
+
{
|
|
34373
|
+
"description": "The fill used for open hours.",
|
|
34374
|
+
"name": "--open-color"
|
|
34375
|
+
},
|
|
34376
|
+
{
|
|
34377
|
+
"description": "The fill used for hours an exception removes.",
|
|
34378
|
+
"name": "--reduced-color"
|
|
34325
34379
|
}
|
|
34326
34380
|
],
|
|
34327
34381
|
"cssParts": [
|
|
34382
|
+
{
|
|
34383
|
+
"description": "The form control that wraps the builder, label and help text.",
|
|
34384
|
+
"name": "form-control"
|
|
34385
|
+
},
|
|
34328
34386
|
{
|
|
34329
34387
|
"description": "The component's base wrapper.",
|
|
34330
34388
|
"name": "base"
|
|
34389
|
+
},
|
|
34390
|
+
{
|
|
34391
|
+
"description": "The row above the builder holding the hint, legend and view toggle.",
|
|
34392
|
+
"name": "toolbar"
|
|
34393
|
+
},
|
|
34394
|
+
{
|
|
34395
|
+
"description": "The calendar view wrapper.",
|
|
34396
|
+
"name": "calendar"
|
|
34397
|
+
},
|
|
34398
|
+
{
|
|
34399
|
+
"description": "The form (list) view wrapper.",
|
|
34400
|
+
"name": "list"
|
|
34401
|
+
},
|
|
34402
|
+
{
|
|
34403
|
+
"description": "The summary panel beside the calendar.",
|
|
34404
|
+
"name": "summary"
|
|
34331
34405
|
}
|
|
34332
34406
|
],
|
|
34333
34407
|
"slots": [
|
|
34334
34408
|
{
|
|
34335
|
-
"description": "The
|
|
34336
|
-
"name": ""
|
|
34409
|
+
"description": "The schedule's label. Alternatively, use the `label` attribute.",
|
|
34410
|
+
"name": "label"
|
|
34337
34411
|
},
|
|
34338
34412
|
{
|
|
34339
|
-
"description": "
|
|
34340
|
-
"name": "
|
|
34413
|
+
"description": "Text that describes how to use the schedule. Alternatively, use the `help-text` attribute.",
|
|
34414
|
+
"name": "help-text"
|
|
34341
34415
|
}
|
|
34342
34416
|
],
|
|
34343
34417
|
"members": [
|
|
34344
34418
|
{
|
|
34345
34419
|
"kind": "field",
|
|
34346
|
-
"name": "
|
|
34420
|
+
"name": "formAssociated",
|
|
34347
34421
|
"type": {
|
|
34348
34422
|
"text": "boolean"
|
|
34349
34423
|
},
|
|
34350
|
-
"
|
|
34351
|
-
"
|
|
34352
|
-
"reflects": true
|
|
34424
|
+
"static": true,
|
|
34425
|
+
"default": "true"
|
|
34353
34426
|
},
|
|
34354
34427
|
{
|
|
34355
34428
|
"kind": "field",
|
|
34356
|
-
"name": "
|
|
34429
|
+
"name": "dependencies",
|
|
34430
|
+
"type": {
|
|
34431
|
+
"text": "object"
|
|
34432
|
+
},
|
|
34433
|
+
"static": true,
|
|
34434
|
+
"default": "{ 'zn-icon': ZnIcon, 'zn-input': ZnInput, 'zn-option': ZnOption, 'zn-select': ZnSelect, }"
|
|
34435
|
+
},
|
|
34436
|
+
{
|
|
34437
|
+
"kind": "field",
|
|
34438
|
+
"name": "formControlController",
|
|
34439
|
+
"privacy": "private",
|
|
34440
|
+
"readonly": true,
|
|
34441
|
+
"default": "new FormControlController(this, { assumeInteractionOn: ['zn-change'] })"
|
|
34442
|
+
},
|
|
34443
|
+
{
|
|
34444
|
+
"kind": "field",
|
|
34445
|
+
"name": "hasSlotController",
|
|
34446
|
+
"privacy": "private",
|
|
34447
|
+
"readonly": true,
|
|
34448
|
+
"default": "new HasSlotController(this, 'help-text', 'label')"
|
|
34449
|
+
},
|
|
34450
|
+
{
|
|
34451
|
+
"kind": "field",
|
|
34452
|
+
"name": "localize",
|
|
34453
|
+
"privacy": "private",
|
|
34454
|
+
"readonly": true,
|
|
34455
|
+
"default": "new LocalizeController(this)"
|
|
34456
|
+
},
|
|
34457
|
+
{
|
|
34458
|
+
"kind": "field",
|
|
34459
|
+
"name": "internals",
|
|
34460
|
+
"type": {
|
|
34461
|
+
"text": "ElementInternals | null"
|
|
34462
|
+
},
|
|
34463
|
+
"privacy": "private",
|
|
34464
|
+
"readonly": true
|
|
34465
|
+
},
|
|
34466
|
+
{
|
|
34467
|
+
"kind": "field",
|
|
34468
|
+
"name": "canvas",
|
|
34357
34469
|
"type": {
|
|
34358
34470
|
"text": "HTMLElement"
|
|
34359
34471
|
},
|
|
@@ -34361,146 +34473,1658 @@
|
|
|
34361
34473
|
},
|
|
34362
34474
|
{
|
|
34363
34475
|
"kind": "field",
|
|
34364
|
-
"name": "
|
|
34476
|
+
"name": "_days",
|
|
34365
34477
|
"type": {
|
|
34366
|
-
"text": "
|
|
34478
|
+
"text": "ScheduleDayMap"
|
|
34367
34479
|
},
|
|
34368
34480
|
"privacy": "private"
|
|
34369
34481
|
},
|
|
34370
34482
|
{
|
|
34371
34483
|
"kind": "field",
|
|
34372
|
-
"name": "
|
|
34484
|
+
"name": "_exceptions",
|
|
34373
34485
|
"type": {
|
|
34374
|
-
"text": "
|
|
34486
|
+
"text": "ScheduleException[]"
|
|
34375
34487
|
},
|
|
34376
34488
|
"privacy": "private",
|
|
34377
|
-
"default": "
|
|
34489
|
+
"default": "[]"
|
|
34378
34490
|
},
|
|
34379
34491
|
{
|
|
34380
34492
|
"kind": "field",
|
|
34381
|
-
"name": "
|
|
34493
|
+
"name": "_dragPreview",
|
|
34382
34494
|
"type": {
|
|
34383
|
-
"text": "
|
|
34495
|
+
"text": "ScheduleDayMap | null"
|
|
34384
34496
|
},
|
|
34385
34497
|
"privacy": "private",
|
|
34386
34498
|
"default": "null"
|
|
34387
34499
|
},
|
|
34388
34500
|
{
|
|
34389
|
-
"kind": "
|
|
34390
|
-
"name": "
|
|
34391
|
-
|
|
34392
|
-
|
|
34393
|
-
|
|
34394
|
-
"
|
|
34395
|
-
"
|
|
34501
|
+
"kind": "field",
|
|
34502
|
+
"name": "_editing",
|
|
34503
|
+
"type": {
|
|
34504
|
+
"text": "{ day: ScheduleDay; index: number } | null"
|
|
34505
|
+
},
|
|
34506
|
+
"privacy": "private",
|
|
34507
|
+
"default": "null"
|
|
34396
34508
|
},
|
|
34397
34509
|
{
|
|
34398
34510
|
"kind": "field",
|
|
34399
|
-
"name": "
|
|
34511
|
+
"name": "_dragMode",
|
|
34512
|
+
"type": {
|
|
34513
|
+
"text": "'open' | 'close'"
|
|
34514
|
+
},
|
|
34400
34515
|
"privacy": "private",
|
|
34401
|
-
"
|
|
34402
|
-
"default": "new ResizeController(this, { target: null, callback: () => this._syncFooterHeight(), })"
|
|
34516
|
+
"default": "'open'"
|
|
34403
34517
|
},
|
|
34404
34518
|
{
|
|
34405
34519
|
"kind": "field",
|
|
34406
|
-
"name": "
|
|
34520
|
+
"name": "_dragAnchor",
|
|
34521
|
+
"type": {
|
|
34522
|
+
"text": "{ col: number; row: number } | null"
|
|
34523
|
+
},
|
|
34407
34524
|
"privacy": "private",
|
|
34408
|
-
"
|
|
34409
|
-
|
|
34410
|
-
}
|
|
34411
|
-
],
|
|
34412
|
-
"events": [
|
|
34413
|
-
{
|
|
34414
|
-
"description": "Emitted as an example.",
|
|
34415
|
-
"name": "zn-event-name"
|
|
34416
|
-
}
|
|
34417
|
-
],
|
|
34418
|
-
"attributes": [
|
|
34525
|
+
"default": "null"
|
|
34526
|
+
},
|
|
34419
34527
|
{
|
|
34420
|
-
"
|
|
34528
|
+
"kind": "field",
|
|
34529
|
+
"name": "_dragPointerId",
|
|
34421
34530
|
"type": {
|
|
34422
|
-
"text": "
|
|
34531
|
+
"text": "number | null"
|
|
34423
34532
|
},
|
|
34424
|
-
"
|
|
34425
|
-
"
|
|
34426
|
-
}
|
|
34427
|
-
],
|
|
34428
|
-
"superclass": {
|
|
34429
|
-
"name": "ZincElement",
|
|
34430
|
-
"module": "/src/internal/zinc-element"
|
|
34431
|
-
},
|
|
34432
|
-
"summary": "Short summary of the component's intended use.",
|
|
34433
|
-
"tagNameWithoutPrefix": "scroll-container",
|
|
34434
|
-
"tagName": "zn-scroll-container",
|
|
34435
|
-
"customElement": true,
|
|
34436
|
-
"jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/scroll-container\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-example\n *\n * @event zn-event-name - Emitted as an example.\n *\n * @slot - The default slot.\n * @slot example - An example slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */",
|
|
34437
|
-
"documentation": "https://zinc.style/components/scroll-container",
|
|
34438
|
-
"status": "experimental",
|
|
34439
|
-
"since": "1.0",
|
|
34440
|
-
"dependencies": [
|
|
34441
|
-
"zn-example"
|
|
34442
|
-
]
|
|
34443
|
-
}
|
|
34444
|
-
],
|
|
34445
|
-
"exports": [
|
|
34446
|
-
{
|
|
34447
|
-
"kind": "js",
|
|
34448
|
-
"name": "default",
|
|
34449
|
-
"declaration": {
|
|
34450
|
-
"name": "ZnScrollContainer",
|
|
34451
|
-
"module": "components/scroll-container/scroll-container.js"
|
|
34452
|
-
}
|
|
34453
|
-
}
|
|
34454
|
-
]
|
|
34455
|
-
},
|
|
34456
|
-
{
|
|
34457
|
-
"kind": "javascript-module",
|
|
34458
|
-
"path": "components/select/select.js",
|
|
34459
|
-
"declarations": [
|
|
34460
|
-
{
|
|
34461
|
-
"kind": "class",
|
|
34462
|
-
"description": "",
|
|
34463
|
-
"name": "ZnSelect",
|
|
34464
|
-
"cssParts": [
|
|
34465
|
-
{
|
|
34466
|
-
"description": "The container shown while a remote search request is in flight.",
|
|
34467
|
-
"name": "search-loading"
|
|
34533
|
+
"privacy": "private",
|
|
34534
|
+
"default": "null"
|
|
34468
34535
|
},
|
|
34469
34536
|
{
|
|
34470
|
-
"
|
|
34471
|
-
"name": "
|
|
34537
|
+
"kind": "field",
|
|
34538
|
+
"name": "name",
|
|
34539
|
+
"type": {
|
|
34540
|
+
"text": "string"
|
|
34541
|
+
},
|
|
34542
|
+
"description": "The name of the form control, submitted as a name/value pair with form data.",
|
|
34543
|
+
"attribute": "name",
|
|
34544
|
+
"reflects": true
|
|
34472
34545
|
},
|
|
34473
34546
|
{
|
|
34474
|
-
"
|
|
34475
|
-
"name": "
|
|
34547
|
+
"kind": "field",
|
|
34548
|
+
"name": "value",
|
|
34549
|
+
"type": {
|
|
34550
|
+
"text": "string"
|
|
34551
|
+
},
|
|
34552
|
+
"default": "''",
|
|
34553
|
+
"description": "The schedule as a JSON string. This is what gets posted with the form.",
|
|
34554
|
+
"attribute": "value"
|
|
34476
34555
|
},
|
|
34477
34556
|
{
|
|
34478
|
-
"
|
|
34479
|
-
"name": "
|
|
34557
|
+
"kind": "field",
|
|
34558
|
+
"name": "defaultValue",
|
|
34559
|
+
"type": {
|
|
34560
|
+
"text": "string"
|
|
34561
|
+
},
|
|
34562
|
+
"default": "''",
|
|
34563
|
+
"description": "The default value, used when resetting the containing form."
|
|
34480
34564
|
},
|
|
34481
34565
|
{
|
|
34482
|
-
"
|
|
34483
|
-
"name": "
|
|
34566
|
+
"kind": "field",
|
|
34567
|
+
"name": "label",
|
|
34568
|
+
"type": {
|
|
34569
|
+
"text": "string"
|
|
34570
|
+
},
|
|
34571
|
+
"default": "''",
|
|
34572
|
+
"description": "The schedule's label. If you need to display HTML, use the `label` slot instead.",
|
|
34573
|
+
"attribute": "label"
|
|
34484
34574
|
},
|
|
34485
34575
|
{
|
|
34486
|
-
"
|
|
34487
|
-
"name": "
|
|
34576
|
+
"kind": "field",
|
|
34577
|
+
"name": "helpText",
|
|
34578
|
+
"type": {
|
|
34579
|
+
"text": "string"
|
|
34580
|
+
},
|
|
34581
|
+
"default": "''",
|
|
34582
|
+
"description": "The schedule's help text. If you need to display HTML, use the `help-text` slot instead.",
|
|
34583
|
+
"attribute": "help-text"
|
|
34488
34584
|
},
|
|
34489
34585
|
{
|
|
34490
|
-
"
|
|
34491
|
-
"name": "
|
|
34586
|
+
"kind": "field",
|
|
34587
|
+
"name": "view",
|
|
34588
|
+
"type": {
|
|
34589
|
+
"text": "ScheduleView"
|
|
34590
|
+
},
|
|
34591
|
+
"default": "'calendar'",
|
|
34592
|
+
"description": "Which view is showing.",
|
|
34593
|
+
"attribute": "view",
|
|
34594
|
+
"reflects": true
|
|
34492
34595
|
},
|
|
34493
34596
|
{
|
|
34494
|
-
"
|
|
34495
|
-
"name": "
|
|
34597
|
+
"kind": "field",
|
|
34598
|
+
"name": "openLabel",
|
|
34599
|
+
"type": {
|
|
34600
|
+
"text": "string"
|
|
34601
|
+
},
|
|
34602
|
+
"default": "'Available'",
|
|
34603
|
+
"description": "The word used for hours the schedule covers, in the legend and in labels.",
|
|
34604
|
+
"attribute": "open-label"
|
|
34496
34605
|
},
|
|
34497
34606
|
{
|
|
34498
|
-
"
|
|
34499
|
-
"name": "
|
|
34607
|
+
"kind": "field",
|
|
34608
|
+
"name": "closedLabel",
|
|
34609
|
+
"type": {
|
|
34610
|
+
"text": "string"
|
|
34611
|
+
},
|
|
34612
|
+
"default": "'Closed'",
|
|
34613
|
+
"description": "The word used for hours the schedule doesn't cover, in the legend and against empty days.",
|
|
34614
|
+
"attribute": "closed-label"
|
|
34500
34615
|
},
|
|
34501
34616
|
{
|
|
34502
|
-
"
|
|
34503
|
-
"name": "
|
|
34617
|
+
"kind": "field",
|
|
34618
|
+
"name": "noToggle",
|
|
34619
|
+
"type": {
|
|
34620
|
+
"text": "boolean"
|
|
34621
|
+
},
|
|
34622
|
+
"default": "false",
|
|
34623
|
+
"description": "Hides the calendar/form view toggle.",
|
|
34624
|
+
"attribute": "no-toggle"
|
|
34625
|
+
},
|
|
34626
|
+
{
|
|
34627
|
+
"kind": "field",
|
|
34628
|
+
"name": "hideSummary",
|
|
34629
|
+
"type": {
|
|
34630
|
+
"text": "boolean"
|
|
34631
|
+
},
|
|
34632
|
+
"default": "false",
|
|
34633
|
+
"description": "Hides the summary panel beside the calendar.",
|
|
34634
|
+
"attribute": "hide-summary"
|
|
34635
|
+
},
|
|
34636
|
+
{
|
|
34637
|
+
"kind": "field",
|
|
34638
|
+
"name": "startHour",
|
|
34639
|
+
"type": {
|
|
34640
|
+
"text": "number"
|
|
34641
|
+
},
|
|
34642
|
+
"default": "6",
|
|
34643
|
+
"description": "The first hour shown in the calendar.",
|
|
34644
|
+
"attribute": "start-hour"
|
|
34645
|
+
},
|
|
34646
|
+
{
|
|
34647
|
+
"kind": "field",
|
|
34648
|
+
"name": "endHour",
|
|
34649
|
+
"type": {
|
|
34650
|
+
"text": "number"
|
|
34651
|
+
},
|
|
34652
|
+
"default": "22",
|
|
34653
|
+
"description": "The last hour shown in the calendar.",
|
|
34654
|
+
"attribute": "end-hour"
|
|
34655
|
+
},
|
|
34656
|
+
{
|
|
34657
|
+
"kind": "field",
|
|
34658
|
+
"name": "interval",
|
|
34659
|
+
"type": {
|
|
34660
|
+
"text": "number"
|
|
34661
|
+
},
|
|
34662
|
+
"default": "30",
|
|
34663
|
+
"description": "The granularity of the calendar grid and the time inputs, in minutes.",
|
|
34664
|
+
"attribute": "interval"
|
|
34665
|
+
},
|
|
34666
|
+
{
|
|
34667
|
+
"kind": "field",
|
|
34668
|
+
"name": "weekStart",
|
|
34669
|
+
"type": {
|
|
34670
|
+
"text": "ScheduleDay"
|
|
34671
|
+
},
|
|
34672
|
+
"default": "'mon'",
|
|
34673
|
+
"description": "The weekday the week starts on.",
|
|
34674
|
+
"attribute": "week-start"
|
|
34675
|
+
},
|
|
34676
|
+
{
|
|
34677
|
+
"kind": "field",
|
|
34678
|
+
"name": "timeFormat",
|
|
34679
|
+
"type": {
|
|
34680
|
+
"text": "'12' | '24'"
|
|
34681
|
+
},
|
|
34682
|
+
"default": "'24'",
|
|
34683
|
+
"description": "Displays times as 12 or 24 hour. The serialised value is always 24 hour `HH:MM`.",
|
|
34684
|
+
"attribute": "time-format"
|
|
34685
|
+
},
|
|
34686
|
+
{
|
|
34687
|
+
"kind": "field",
|
|
34688
|
+
"name": "displayTimezone",
|
|
34689
|
+
"type": {
|
|
34690
|
+
"text": "string"
|
|
34691
|
+
},
|
|
34692
|
+
"default": "''",
|
|
34693
|
+
"description": "The IANA timezone the hours are shown in. Accepts `auto` for the viewer's own timezone. Defaults\nto `save-timezone`, so nothing is converted until you ask for it. Changing this only re-labels\nthe same underlying hours; the value never moves.",
|
|
34694
|
+
"attribute": "display-timezone"
|
|
34695
|
+
},
|
|
34696
|
+
{
|
|
34697
|
+
"kind": "field",
|
|
34698
|
+
"name": "saveTimezone",
|
|
34699
|
+
"type": {
|
|
34700
|
+
"text": "string"
|
|
34701
|
+
},
|
|
34702
|
+
"default": "''",
|
|
34703
|
+
"description": "The IANA timezone the value is stored in. Defaults to `UTC` as soon as the schedule is\ntimezone-aware (a display timezone is set, or the picker is shown), and to no timezone at all\notherwise — in which case the times are stored exactly as they are shown.",
|
|
34704
|
+
"attribute": "save-timezone"
|
|
34705
|
+
},
|
|
34706
|
+
{
|
|
34707
|
+
"kind": "field",
|
|
34708
|
+
"name": "showTimezone",
|
|
34709
|
+
"type": {
|
|
34710
|
+
"text": "boolean"
|
|
34711
|
+
},
|
|
34712
|
+
"default": "false",
|
|
34713
|
+
"description": "Shows the timezone picker, letting the user read the schedule in any timezone.",
|
|
34714
|
+
"attribute": "show-timezone"
|
|
34715
|
+
},
|
|
34716
|
+
{
|
|
34717
|
+
"kind": "field",
|
|
34718
|
+
"name": "timezones",
|
|
34719
|
+
"type": {
|
|
34720
|
+
"text": "string[]"
|
|
34721
|
+
},
|
|
34722
|
+
"default": "[]",
|
|
34723
|
+
"description": "The timezones offered by the picker, as IANA names or one of the named sets — `en` (the four US\nzones, the UK and Australia, under those names), `offsets` (one zone per UTC offset, the\ndefault), `common` (every offset plus the world's major centres) or `all` (the complete IANA\nlist). Names and sets can be mixed, e.g. `en Asia/Tokyo`.",
|
|
34724
|
+
"attribute": "timezones"
|
|
34725
|
+
},
|
|
34726
|
+
{
|
|
34727
|
+
"kind": "field",
|
|
34728
|
+
"name": "referenceDate",
|
|
34729
|
+
"type": {
|
|
34730
|
+
"text": "string"
|
|
34731
|
+
},
|
|
34732
|
+
"default": "''",
|
|
34733
|
+
"description": "The date (`YYYY-MM-DD`) used to resolve timezone offsets. A weekly pattern has no date of its\nown, so one has to be picked to know whether daylight saving applies; today is used by default.",
|
|
34734
|
+
"attribute": "reference-date"
|
|
34735
|
+
},
|
|
34736
|
+
{
|
|
34737
|
+
"kind": "field",
|
|
34738
|
+
"name": "disabled",
|
|
34739
|
+
"type": {
|
|
34740
|
+
"text": "boolean"
|
|
34741
|
+
},
|
|
34742
|
+
"default": "false",
|
|
34743
|
+
"description": "Disables the schedule.",
|
|
34744
|
+
"attribute": "disabled",
|
|
34745
|
+
"reflects": true
|
|
34746
|
+
},
|
|
34747
|
+
{
|
|
34748
|
+
"kind": "field",
|
|
34749
|
+
"name": "readonly",
|
|
34750
|
+
"type": {
|
|
34751
|
+
"text": "boolean"
|
|
34752
|
+
},
|
|
34753
|
+
"default": "false",
|
|
34754
|
+
"description": "Renders the schedule without any editing affordances.",
|
|
34755
|
+
"attribute": "readonly",
|
|
34756
|
+
"reflects": true
|
|
34757
|
+
},
|
|
34758
|
+
{
|
|
34759
|
+
"kind": "field",
|
|
34760
|
+
"name": "required",
|
|
34761
|
+
"type": {
|
|
34762
|
+
"text": "boolean"
|
|
34763
|
+
},
|
|
34764
|
+
"default": "false",
|
|
34765
|
+
"description": "Makes the schedule a required field, invalid until at least one period is open.",
|
|
34766
|
+
"attribute": "required",
|
|
34767
|
+
"reflects": true
|
|
34768
|
+
},
|
|
34769
|
+
{
|
|
34770
|
+
"kind": "field",
|
|
34771
|
+
"name": "form",
|
|
34772
|
+
"type": {
|
|
34773
|
+
"text": "string"
|
|
34774
|
+
},
|
|
34775
|
+
"description": "The id of the form to associate with, when the control sits outside of it.",
|
|
34776
|
+
"attribute": "form",
|
|
34777
|
+
"reflects": true
|
|
34778
|
+
},
|
|
34779
|
+
{
|
|
34780
|
+
"kind": "field",
|
|
34781
|
+
"name": "schedule",
|
|
34782
|
+
"type": {
|
|
34783
|
+
"text": "ScheduleValue"
|
|
34784
|
+
},
|
|
34785
|
+
"description": "The schedule as a plain object, with `days` in the save timezone. Assigning to it replaces the\nwhole schedule."
|
|
34786
|
+
},
|
|
34787
|
+
{
|
|
34788
|
+
"kind": "field",
|
|
34789
|
+
"name": "exceptions",
|
|
34790
|
+
"type": {
|
|
34791
|
+
"text": "ScheduleException[]"
|
|
34792
|
+
},
|
|
34793
|
+
"description": "The exceptions annotating the schedule. Also readable from, and written into, the value."
|
|
34794
|
+
},
|
|
34795
|
+
{
|
|
34796
|
+
"kind": "field",
|
|
34797
|
+
"name": "validity",
|
|
34798
|
+
"type": {
|
|
34799
|
+
"text": "ValidityState"
|
|
34800
|
+
},
|
|
34801
|
+
"description": "Gets the validity state object.",
|
|
34802
|
+
"readonly": true
|
|
34803
|
+
},
|
|
34804
|
+
{
|
|
34805
|
+
"kind": "field",
|
|
34806
|
+
"name": "validationMessage",
|
|
34807
|
+
"type": {
|
|
34808
|
+
"text": "string"
|
|
34809
|
+
},
|
|
34810
|
+
"description": "Gets the validation message.",
|
|
34811
|
+
"readonly": true
|
|
34812
|
+
},
|
|
34813
|
+
{
|
|
34814
|
+
"kind": "field",
|
|
34815
|
+
"name": "_isZoned",
|
|
34816
|
+
"type": {
|
|
34817
|
+
"text": "boolean"
|
|
34818
|
+
},
|
|
34819
|
+
"privacy": "private",
|
|
34820
|
+
"description": "Whether the schedule carries a timezone at all.",
|
|
34821
|
+
"readonly": true
|
|
34822
|
+
},
|
|
34823
|
+
{
|
|
34824
|
+
"kind": "field",
|
|
34825
|
+
"name": "_saveZone",
|
|
34826
|
+
"type": {
|
|
34827
|
+
"text": "string"
|
|
34828
|
+
},
|
|
34829
|
+
"privacy": "private",
|
|
34830
|
+
"description": "The timezone the value is stored in. Empty means the times are stored exactly as shown.",
|
|
34831
|
+
"readonly": true
|
|
34832
|
+
},
|
|
34833
|
+
{
|
|
34834
|
+
"kind": "field",
|
|
34835
|
+
"name": "_displayZone",
|
|
34836
|
+
"type": {
|
|
34837
|
+
"text": "string"
|
|
34838
|
+
},
|
|
34839
|
+
"privacy": "private",
|
|
34840
|
+
"description": "The timezone the grid and list are drawn in.",
|
|
34841
|
+
"readonly": true
|
|
34842
|
+
},
|
|
34843
|
+
{
|
|
34844
|
+
"kind": "field",
|
|
34845
|
+
"name": "_reference",
|
|
34846
|
+
"type": {
|
|
34847
|
+
"text": "Date"
|
|
34848
|
+
},
|
|
34849
|
+
"privacy": "private",
|
|
34850
|
+
"description": "The moment used to resolve daylight saving for both zones.",
|
|
34851
|
+
"readonly": true
|
|
34852
|
+
},
|
|
34853
|
+
{
|
|
34854
|
+
"kind": "field",
|
|
34855
|
+
"name": "_offsetDelta",
|
|
34856
|
+
"type": {
|
|
34857
|
+
"text": "number"
|
|
34858
|
+
},
|
|
34859
|
+
"privacy": "private",
|
|
34860
|
+
"description": "Minutes to add to a stored time to get the time shown.",
|
|
34861
|
+
"readonly": true
|
|
34862
|
+
},
|
|
34863
|
+
{
|
|
34864
|
+
"kind": "field",
|
|
34865
|
+
"name": "_orderedDays",
|
|
34866
|
+
"type": {
|
|
34867
|
+
"text": "ScheduleDay[]"
|
|
34868
|
+
},
|
|
34869
|
+
"privacy": "private",
|
|
34870
|
+
"readonly": true
|
|
34871
|
+
},
|
|
34872
|
+
{
|
|
34873
|
+
"kind": "field",
|
|
34874
|
+
"name": "_interval",
|
|
34875
|
+
"type": {
|
|
34876
|
+
"text": "number"
|
|
34877
|
+
},
|
|
34878
|
+
"privacy": "private",
|
|
34879
|
+
"readonly": true
|
|
34880
|
+
},
|
|
34881
|
+
{
|
|
34882
|
+
"kind": "field",
|
|
34883
|
+
"name": "_startMinute",
|
|
34884
|
+
"type": {
|
|
34885
|
+
"text": "number"
|
|
34886
|
+
},
|
|
34887
|
+
"privacy": "private",
|
|
34888
|
+
"readonly": true
|
|
34889
|
+
},
|
|
34890
|
+
{
|
|
34891
|
+
"kind": "field",
|
|
34892
|
+
"name": "_endMinute",
|
|
34893
|
+
"type": {
|
|
34894
|
+
"text": "number"
|
|
34895
|
+
},
|
|
34896
|
+
"privacy": "private",
|
|
34897
|
+
"readonly": true
|
|
34898
|
+
},
|
|
34899
|
+
{
|
|
34900
|
+
"kind": "field",
|
|
34901
|
+
"name": "_slotCount",
|
|
34902
|
+
"type": {
|
|
34903
|
+
"text": "number"
|
|
34904
|
+
},
|
|
34905
|
+
"privacy": "private",
|
|
34906
|
+
"readonly": true
|
|
34907
|
+
},
|
|
34908
|
+
{
|
|
34909
|
+
"kind": "field",
|
|
34910
|
+
"name": "_slotsPerHour",
|
|
34911
|
+
"type": {
|
|
34912
|
+
"text": "number"
|
|
34913
|
+
},
|
|
34914
|
+
"privacy": "private",
|
|
34915
|
+
"readonly": true
|
|
34916
|
+
},
|
|
34917
|
+
{
|
|
34918
|
+
"kind": "field",
|
|
34919
|
+
"name": "_isEditable",
|
|
34920
|
+
"type": {
|
|
34921
|
+
"text": "boolean"
|
|
34922
|
+
},
|
|
34923
|
+
"privacy": "private",
|
|
34924
|
+
"readonly": true
|
|
34925
|
+
},
|
|
34926
|
+
{
|
|
34927
|
+
"kind": "field",
|
|
34928
|
+
"name": "_hasHours",
|
|
34929
|
+
"type": {
|
|
34930
|
+
"text": "boolean"
|
|
34931
|
+
},
|
|
34932
|
+
"privacy": "private",
|
|
34933
|
+
"readonly": true
|
|
34934
|
+
},
|
|
34935
|
+
{
|
|
34936
|
+
"kind": "method",
|
|
34937
|
+
"name": "handleValueChange"
|
|
34938
|
+
},
|
|
34939
|
+
{
|
|
34940
|
+
"kind": "method",
|
|
34941
|
+
"name": "handleValidationStateChange"
|
|
34942
|
+
},
|
|
34943
|
+
{
|
|
34944
|
+
"kind": "method",
|
|
34945
|
+
"name": "checkValidity",
|
|
34946
|
+
"return": {
|
|
34947
|
+
"type": {
|
|
34948
|
+
"text": "boolean"
|
|
34949
|
+
}
|
|
34950
|
+
},
|
|
34951
|
+
"description": "Checks validity but does not show a validation message."
|
|
34952
|
+
},
|
|
34953
|
+
{
|
|
34954
|
+
"kind": "method",
|
|
34955
|
+
"name": "getForm",
|
|
34956
|
+
"return": {
|
|
34957
|
+
"type": {
|
|
34958
|
+
"text": "HTMLFormElement | null"
|
|
34959
|
+
}
|
|
34960
|
+
},
|
|
34961
|
+
"description": "Gets the associated form, if one exists."
|
|
34962
|
+
},
|
|
34963
|
+
{
|
|
34964
|
+
"kind": "method",
|
|
34965
|
+
"name": "reportValidity",
|
|
34966
|
+
"return": {
|
|
34967
|
+
"type": {
|
|
34968
|
+
"text": "boolean"
|
|
34969
|
+
}
|
|
34970
|
+
},
|
|
34971
|
+
"description": "Checks for validity and shows the browser's validation message if the control is invalid."
|
|
34972
|
+
},
|
|
34973
|
+
{
|
|
34974
|
+
"kind": "method",
|
|
34975
|
+
"name": "setCustomValidity",
|
|
34976
|
+
"parameters": [
|
|
34977
|
+
{
|
|
34978
|
+
"name": "message",
|
|
34979
|
+
"type": {
|
|
34980
|
+
"text": "string"
|
|
34981
|
+
}
|
|
34982
|
+
}
|
|
34983
|
+
],
|
|
34984
|
+
"description": "Sets a custom validation message. Pass an empty string to restore validity."
|
|
34985
|
+
},
|
|
34986
|
+
{
|
|
34987
|
+
"kind": "method",
|
|
34988
|
+
"name": "setDay",
|
|
34989
|
+
"parameters": [
|
|
34990
|
+
{
|
|
34991
|
+
"name": "day",
|
|
34992
|
+
"type": {
|
|
34993
|
+
"text": "ScheduleDay"
|
|
34994
|
+
}
|
|
34995
|
+
},
|
|
34996
|
+
{
|
|
34997
|
+
"name": "ranges",
|
|
34998
|
+
"type": {
|
|
34999
|
+
"text": "ScheduleRange[]"
|
|
35000
|
+
}
|
|
35001
|
+
}
|
|
35002
|
+
],
|
|
35003
|
+
"description": "Replaces the hours for a single day, in the save timezone."
|
|
35004
|
+
},
|
|
35005
|
+
{
|
|
35006
|
+
"kind": "method",
|
|
35007
|
+
"name": "getDay",
|
|
35008
|
+
"return": {
|
|
35009
|
+
"type": {
|
|
35010
|
+
"text": "ScheduleRange[]"
|
|
35011
|
+
}
|
|
35012
|
+
},
|
|
35013
|
+
"parameters": [
|
|
35014
|
+
{
|
|
35015
|
+
"name": "day",
|
|
35016
|
+
"type": {
|
|
35017
|
+
"text": "ScheduleDay"
|
|
35018
|
+
}
|
|
35019
|
+
}
|
|
35020
|
+
],
|
|
35021
|
+
"description": "Reads the hours for a single day, in the save timezone."
|
|
35022
|
+
},
|
|
35023
|
+
{
|
|
35024
|
+
"kind": "field",
|
|
35025
|
+
"name": "displayedDays",
|
|
35026
|
+
"type": {
|
|
35027
|
+
"text": "ScheduleDayMap"
|
|
35028
|
+
},
|
|
35029
|
+
"description": "The hours as currently shown, in the display timezone.",
|
|
35030
|
+
"readonly": true
|
|
35031
|
+
},
|
|
35032
|
+
{
|
|
35033
|
+
"kind": "method",
|
|
35034
|
+
"name": "setDisplayDay",
|
|
35035
|
+
"parameters": [
|
|
35036
|
+
{
|
|
35037
|
+
"name": "day",
|
|
35038
|
+
"type": {
|
|
35039
|
+
"text": "ScheduleDay"
|
|
35040
|
+
}
|
|
35041
|
+
},
|
|
35042
|
+
{
|
|
35043
|
+
"name": "ranges",
|
|
35044
|
+
"type": {
|
|
35045
|
+
"text": "ScheduleRange[]"
|
|
35046
|
+
}
|
|
35047
|
+
}
|
|
35048
|
+
],
|
|
35049
|
+
"description": "Replaces the hours for a single day, given in the display timezone."
|
|
35050
|
+
},
|
|
35051
|
+
{
|
|
35052
|
+
"kind": "method",
|
|
35053
|
+
"name": "formResetCallback"
|
|
35054
|
+
},
|
|
35055
|
+
{
|
|
35056
|
+
"kind": "method",
|
|
35057
|
+
"name": "formStateRestoreCallback",
|
|
35058
|
+
"parameters": [
|
|
35059
|
+
{
|
|
35060
|
+
"name": "restoredValue",
|
|
35061
|
+
"type": {
|
|
35062
|
+
"text": "string"
|
|
35063
|
+
}
|
|
35064
|
+
}
|
|
35065
|
+
]
|
|
35066
|
+
},
|
|
35067
|
+
{
|
|
35068
|
+
"kind": "field",
|
|
35069
|
+
"name": "_customValidity",
|
|
35070
|
+
"type": {
|
|
35071
|
+
"text": "string"
|
|
35072
|
+
},
|
|
35073
|
+
"privacy": "private",
|
|
35074
|
+
"default": "''"
|
|
35075
|
+
},
|
|
35076
|
+
{
|
|
35077
|
+
"kind": "method",
|
|
35078
|
+
"name": "_cloneDays",
|
|
35079
|
+
"privacy": "private",
|
|
35080
|
+
"return": {
|
|
35081
|
+
"type": {
|
|
35082
|
+
"text": "ScheduleDayMap"
|
|
35083
|
+
}
|
|
35084
|
+
},
|
|
35085
|
+
"parameters": [
|
|
35086
|
+
{
|
|
35087
|
+
"name": "days",
|
|
35088
|
+
"type": {
|
|
35089
|
+
"text": "ScheduleDayMap"
|
|
35090
|
+
}
|
|
35091
|
+
}
|
|
35092
|
+
]
|
|
35093
|
+
},
|
|
35094
|
+
{
|
|
35095
|
+
"kind": "method",
|
|
35096
|
+
"name": "_serialise",
|
|
35097
|
+
"privacy": "private",
|
|
35098
|
+
"return": {
|
|
35099
|
+
"type": {
|
|
35100
|
+
"text": "string"
|
|
35101
|
+
}
|
|
35102
|
+
}
|
|
35103
|
+
},
|
|
35104
|
+
{
|
|
35105
|
+
"kind": "method",
|
|
35106
|
+
"name": "_applySchedule",
|
|
35107
|
+
"privacy": "private",
|
|
35108
|
+
"parameters": [
|
|
35109
|
+
{
|
|
35110
|
+
"name": "input",
|
|
35111
|
+
"type": {
|
|
35112
|
+
"text": "unknown"
|
|
35113
|
+
}
|
|
35114
|
+
}
|
|
35115
|
+
],
|
|
35116
|
+
"description": "Accepts a JSON string, a full `ScheduleValue`, or a bare day map."
|
|
35117
|
+
},
|
|
35118
|
+
{
|
|
35119
|
+
"kind": "method",
|
|
35120
|
+
"name": "_syncFormValue",
|
|
35121
|
+
"privacy": "private"
|
|
35122
|
+
},
|
|
35123
|
+
{
|
|
35124
|
+
"kind": "method",
|
|
35125
|
+
"name": "_commit",
|
|
35126
|
+
"privacy": "private",
|
|
35127
|
+
"parameters": [
|
|
35128
|
+
{
|
|
35129
|
+
"name": "emit",
|
|
35130
|
+
"default": "true",
|
|
35131
|
+
"type": {
|
|
35132
|
+
"text": "boolean"
|
|
35133
|
+
}
|
|
35134
|
+
}
|
|
35135
|
+
]
|
|
35136
|
+
},
|
|
35137
|
+
{
|
|
35138
|
+
"kind": "method",
|
|
35139
|
+
"name": "_formatTime",
|
|
35140
|
+
"privacy": "private",
|
|
35141
|
+
"return": {
|
|
35142
|
+
"type": {
|
|
35143
|
+
"text": "string"
|
|
35144
|
+
}
|
|
35145
|
+
},
|
|
35146
|
+
"parameters": [
|
|
35147
|
+
{
|
|
35148
|
+
"name": "time",
|
|
35149
|
+
"type": {
|
|
35150
|
+
"text": "string"
|
|
35151
|
+
}
|
|
35152
|
+
}
|
|
35153
|
+
]
|
|
35154
|
+
},
|
|
35155
|
+
{
|
|
35156
|
+
"kind": "method",
|
|
35157
|
+
"name": "_formatRange",
|
|
35158
|
+
"privacy": "private",
|
|
35159
|
+
"return": {
|
|
35160
|
+
"type": {
|
|
35161
|
+
"text": "string"
|
|
35162
|
+
}
|
|
35163
|
+
},
|
|
35164
|
+
"parameters": [
|
|
35165
|
+
{
|
|
35166
|
+
"name": "range",
|
|
35167
|
+
"type": {
|
|
35168
|
+
"text": "ScheduleRange"
|
|
35169
|
+
}
|
|
35170
|
+
}
|
|
35171
|
+
]
|
|
35172
|
+
},
|
|
35173
|
+
{
|
|
35174
|
+
"kind": "method",
|
|
35175
|
+
"name": "_formatDate",
|
|
35176
|
+
"privacy": "private",
|
|
35177
|
+
"return": {
|
|
35178
|
+
"type": {
|
|
35179
|
+
"text": "string"
|
|
35180
|
+
}
|
|
35181
|
+
},
|
|
35182
|
+
"parameters": [
|
|
35183
|
+
{
|
|
35184
|
+
"name": "value",
|
|
35185
|
+
"type": {
|
|
35186
|
+
"text": "string | undefined"
|
|
35187
|
+
}
|
|
35188
|
+
}
|
|
35189
|
+
]
|
|
35190
|
+
},
|
|
35191
|
+
{
|
|
35192
|
+
"kind": "method",
|
|
35193
|
+
"name": "_summariseDay",
|
|
35194
|
+
"privacy": "private",
|
|
35195
|
+
"return": {
|
|
35196
|
+
"type": {
|
|
35197
|
+
"text": "string"
|
|
35198
|
+
}
|
|
35199
|
+
},
|
|
35200
|
+
"parameters": [
|
|
35201
|
+
{
|
|
35202
|
+
"name": "day",
|
|
35203
|
+
"type": {
|
|
35204
|
+
"text": "ScheduleDay"
|
|
35205
|
+
}
|
|
35206
|
+
},
|
|
35207
|
+
{
|
|
35208
|
+
"name": "days",
|
|
35209
|
+
"type": {
|
|
35210
|
+
"text": "ScheduleDayMap"
|
|
35211
|
+
}
|
|
35212
|
+
}
|
|
35213
|
+
]
|
|
35214
|
+
},
|
|
35215
|
+
{
|
|
35216
|
+
"kind": "field",
|
|
35217
|
+
"name": "_storedAsShown",
|
|
35218
|
+
"type": {
|
|
35219
|
+
"text": "ScheduleDayMap"
|
|
35220
|
+
},
|
|
35221
|
+
"privacy": "private",
|
|
35222
|
+
"description": "The stored hours rotated into the display timezone.",
|
|
35223
|
+
"readonly": true
|
|
35224
|
+
},
|
|
35225
|
+
{
|
|
35226
|
+
"kind": "field",
|
|
35227
|
+
"name": "_shownDays",
|
|
35228
|
+
"type": {
|
|
35229
|
+
"text": "ScheduleDayMap"
|
|
35230
|
+
},
|
|
35231
|
+
"privacy": "private",
|
|
35232
|
+
"description": "The hours as drawn, which is the drag preview while a drag is in flight.",
|
|
35233
|
+
"readonly": true
|
|
35234
|
+
},
|
|
35235
|
+
{
|
|
35236
|
+
"kind": "method",
|
|
35237
|
+
"name": "_commitShownDays",
|
|
35238
|
+
"privacy": "private",
|
|
35239
|
+
"parameters": [
|
|
35240
|
+
{
|
|
35241
|
+
"name": "days",
|
|
35242
|
+
"type": {
|
|
35243
|
+
"text": "ScheduleDayMap"
|
|
35244
|
+
}
|
|
35245
|
+
}
|
|
35246
|
+
],
|
|
35247
|
+
"description": "Stores hours that were edited in display coordinates, rotating them back to the save timezone."
|
|
35248
|
+
},
|
|
35249
|
+
{
|
|
35250
|
+
"kind": "method",
|
|
35251
|
+
"name": "_exceptionsForDay",
|
|
35252
|
+
"privacy": "private",
|
|
35253
|
+
"return": {
|
|
35254
|
+
"type": {
|
|
35255
|
+
"text": "ScheduleException[]"
|
|
35256
|
+
}
|
|
35257
|
+
},
|
|
35258
|
+
"parameters": [
|
|
35259
|
+
{
|
|
35260
|
+
"name": "day",
|
|
35261
|
+
"type": {
|
|
35262
|
+
"text": "ScheduleDay"
|
|
35263
|
+
}
|
|
35264
|
+
}
|
|
35265
|
+
],
|
|
35266
|
+
"description": "The exceptions that touch a given weekday and actually change its hours."
|
|
35267
|
+
},
|
|
35268
|
+
{
|
|
35269
|
+
"kind": "field",
|
|
35270
|
+
"name": "_shownReductionSpans",
|
|
35271
|
+
"type": {
|
|
35272
|
+
"text": "WeekSpan[]"
|
|
35273
|
+
},
|
|
35274
|
+
"privacy": "private",
|
|
35275
|
+
"description": "The week spans an exception takes away, in display coordinates. Computed as spans rather than\nper-day ranges because a timezone rotation can move an exception's hours onto another weekday.",
|
|
35276
|
+
"readonly": true
|
|
35277
|
+
},
|
|
35278
|
+
{
|
|
35279
|
+
"kind": "method",
|
|
35280
|
+
"name": "_slotMinute",
|
|
35281
|
+
"privacy": "private",
|
|
35282
|
+
"return": {
|
|
35283
|
+
"type": {
|
|
35284
|
+
"text": "number"
|
|
35285
|
+
}
|
|
35286
|
+
},
|
|
35287
|
+
"parameters": [
|
|
35288
|
+
{
|
|
35289
|
+
"name": "day",
|
|
35290
|
+
"type": {
|
|
35291
|
+
"text": "ScheduleDay"
|
|
35292
|
+
}
|
|
35293
|
+
},
|
|
35294
|
+
{
|
|
35295
|
+
"name": "index",
|
|
35296
|
+
"type": {
|
|
35297
|
+
"text": "number"
|
|
35298
|
+
}
|
|
35299
|
+
}
|
|
35300
|
+
],
|
|
35301
|
+
"description": "The week minute a calendar cell sits on, measured from Monday 00:00."
|
|
35302
|
+
},
|
|
35303
|
+
{
|
|
35304
|
+
"kind": "method",
|
|
35305
|
+
"name": "_slotState",
|
|
35306
|
+
"privacy": "private",
|
|
35307
|
+
"return": {
|
|
35308
|
+
"type": {
|
|
35309
|
+
"text": "SlotState"
|
|
35310
|
+
}
|
|
35311
|
+
},
|
|
35312
|
+
"parameters": [
|
|
35313
|
+
{
|
|
35314
|
+
"name": "day",
|
|
35315
|
+
"type": {
|
|
35316
|
+
"text": "ScheduleDay"
|
|
35317
|
+
}
|
|
35318
|
+
},
|
|
35319
|
+
{
|
|
35320
|
+
"name": "index",
|
|
35321
|
+
"type": {
|
|
35322
|
+
"text": "number"
|
|
35323
|
+
}
|
|
35324
|
+
},
|
|
35325
|
+
{
|
|
35326
|
+
"name": "open",
|
|
35327
|
+
"type": {
|
|
35328
|
+
"text": "WeekSpan[]"
|
|
35329
|
+
}
|
|
35330
|
+
},
|
|
35331
|
+
{
|
|
35332
|
+
"name": "reductions",
|
|
35333
|
+
"type": {
|
|
35334
|
+
"text": "WeekSpan[]"
|
|
35335
|
+
}
|
|
35336
|
+
}
|
|
35337
|
+
]
|
|
35338
|
+
},
|
|
35339
|
+
{
|
|
35340
|
+
"kind": "method",
|
|
35341
|
+
"name": "_pointerPosition",
|
|
35342
|
+
"privacy": "private",
|
|
35343
|
+
"return": {
|
|
35344
|
+
"type": {
|
|
35345
|
+
"text": "{ col: number; row: number } | null"
|
|
35346
|
+
}
|
|
35347
|
+
},
|
|
35348
|
+
"parameters": [
|
|
35349
|
+
{
|
|
35350
|
+
"name": "event",
|
|
35351
|
+
"type": {
|
|
35352
|
+
"text": "PointerEvent"
|
|
35353
|
+
}
|
|
35354
|
+
}
|
|
35355
|
+
]
|
|
35356
|
+
},
|
|
35357
|
+
{
|
|
35358
|
+
"kind": "method",
|
|
35359
|
+
"name": "_buildDragPreview",
|
|
35360
|
+
"privacy": "private",
|
|
35361
|
+
"return": {
|
|
35362
|
+
"type": {
|
|
35363
|
+
"text": "ScheduleDayMap"
|
|
35364
|
+
}
|
|
35365
|
+
},
|
|
35366
|
+
"parameters": [
|
|
35367
|
+
{
|
|
35368
|
+
"name": "cursor",
|
|
35369
|
+
"type": {
|
|
35370
|
+
"text": "{ col: number; row: number }"
|
|
35371
|
+
}
|
|
35372
|
+
}
|
|
35373
|
+
],
|
|
35374
|
+
"description": "Paints the rectangle between the drag anchor and the cursor onto a copy of the shown schedule."
|
|
35375
|
+
},
|
|
35376
|
+
{
|
|
35377
|
+
"kind": "field",
|
|
35378
|
+
"name": "_handleCanvasPointerDown",
|
|
35379
|
+
"privacy": "private"
|
|
35380
|
+
},
|
|
35381
|
+
{
|
|
35382
|
+
"kind": "field",
|
|
35383
|
+
"name": "_handleCanvasPointerMove",
|
|
35384
|
+
"privacy": "private"
|
|
35385
|
+
},
|
|
35386
|
+
{
|
|
35387
|
+
"kind": "field",
|
|
35388
|
+
"name": "_handleCanvasPointerUp",
|
|
35389
|
+
"privacy": "private"
|
|
35390
|
+
},
|
|
35391
|
+
{
|
|
35392
|
+
"kind": "field",
|
|
35393
|
+
"name": "_handleCanvasPointerCancel",
|
|
35394
|
+
"privacy": "private"
|
|
35395
|
+
},
|
|
35396
|
+
{
|
|
35397
|
+
"kind": "method",
|
|
35398
|
+
"name": "_handleViewToggle",
|
|
35399
|
+
"privacy": "private",
|
|
35400
|
+
"parameters": [
|
|
35401
|
+
{
|
|
35402
|
+
"name": "view",
|
|
35403
|
+
"type": {
|
|
35404
|
+
"text": "ScheduleView"
|
|
35405
|
+
}
|
|
35406
|
+
}
|
|
35407
|
+
]
|
|
35408
|
+
},
|
|
35409
|
+
{
|
|
35410
|
+
"kind": "method",
|
|
35411
|
+
"name": "_nextFreeRange",
|
|
35412
|
+
"privacy": "private",
|
|
35413
|
+
"return": {
|
|
35414
|
+
"type": {
|
|
35415
|
+
"text": "ScheduleRange"
|
|
35416
|
+
}
|
|
35417
|
+
},
|
|
35418
|
+
"parameters": [
|
|
35419
|
+
{
|
|
35420
|
+
"name": "ranges",
|
|
35421
|
+
"type": {
|
|
35422
|
+
"text": "ScheduleRange[]"
|
|
35423
|
+
}
|
|
35424
|
+
}
|
|
35425
|
+
],
|
|
35426
|
+
"description": "Picks a sensible slot for a newly added range: the first hour-wide gap in the day."
|
|
35427
|
+
},
|
|
35428
|
+
{
|
|
35429
|
+
"kind": "method",
|
|
35430
|
+
"name": "_handleAddRange",
|
|
35431
|
+
"privacy": "private",
|
|
35432
|
+
"parameters": [
|
|
35433
|
+
{
|
|
35434
|
+
"name": "day",
|
|
35435
|
+
"type": {
|
|
35436
|
+
"text": "ScheduleDay"
|
|
35437
|
+
}
|
|
35438
|
+
}
|
|
35439
|
+
]
|
|
35440
|
+
},
|
|
35441
|
+
{
|
|
35442
|
+
"kind": "method",
|
|
35443
|
+
"name": "_handleRemoveRange",
|
|
35444
|
+
"privacy": "private",
|
|
35445
|
+
"parameters": [
|
|
35446
|
+
{
|
|
35447
|
+
"name": "day",
|
|
35448
|
+
"type": {
|
|
35449
|
+
"text": "ScheduleDay"
|
|
35450
|
+
}
|
|
35451
|
+
},
|
|
35452
|
+
{
|
|
35453
|
+
"name": "index",
|
|
35454
|
+
"type": {
|
|
35455
|
+
"text": "number"
|
|
35456
|
+
}
|
|
35457
|
+
}
|
|
35458
|
+
]
|
|
35459
|
+
},
|
|
35460
|
+
{
|
|
35461
|
+
"kind": "method",
|
|
35462
|
+
"name": "_handleRangeEdit",
|
|
35463
|
+
"privacy": "private",
|
|
35464
|
+
"parameters": [
|
|
35465
|
+
{
|
|
35466
|
+
"name": "day",
|
|
35467
|
+
"type": {
|
|
35468
|
+
"text": "ScheduleDay"
|
|
35469
|
+
}
|
|
35470
|
+
},
|
|
35471
|
+
{
|
|
35472
|
+
"name": "index",
|
|
35473
|
+
"type": {
|
|
35474
|
+
"text": "number"
|
|
35475
|
+
}
|
|
35476
|
+
},
|
|
35477
|
+
{
|
|
35478
|
+
"name": "edge",
|
|
35479
|
+
"type": {
|
|
35480
|
+
"text": "'start' | 'end'"
|
|
35481
|
+
}
|
|
35482
|
+
},
|
|
35483
|
+
{
|
|
35484
|
+
"name": "value",
|
|
35485
|
+
"type": {
|
|
35486
|
+
"text": "string"
|
|
35487
|
+
}
|
|
35488
|
+
}
|
|
35489
|
+
]
|
|
35490
|
+
},
|
|
35491
|
+
{
|
|
35492
|
+
"kind": "method",
|
|
35493
|
+
"name": "_handleEditorKeyDown",
|
|
35494
|
+
"privacy": "private",
|
|
35495
|
+
"parameters": [
|
|
35496
|
+
{
|
|
35497
|
+
"name": "event",
|
|
35498
|
+
"type": {
|
|
35499
|
+
"text": "KeyboardEvent"
|
|
35500
|
+
}
|
|
35501
|
+
}
|
|
35502
|
+
]
|
|
35503
|
+
},
|
|
35504
|
+
{
|
|
35505
|
+
"kind": "method",
|
|
35506
|
+
"name": "_handleEditorFocusOut",
|
|
35507
|
+
"privacy": "private",
|
|
35508
|
+
"parameters": [
|
|
35509
|
+
{
|
|
35510
|
+
"name": "event",
|
|
35511
|
+
"type": {
|
|
35512
|
+
"text": "FocusEvent"
|
|
35513
|
+
}
|
|
35514
|
+
}
|
|
35515
|
+
]
|
|
35516
|
+
},
|
|
35517
|
+
{
|
|
35518
|
+
"kind": "method",
|
|
35519
|
+
"name": "_renderToolbar",
|
|
35520
|
+
"privacy": "private"
|
|
35521
|
+
},
|
|
35522
|
+
{
|
|
35523
|
+
"kind": "field",
|
|
35524
|
+
"name": "_timezoneOptions",
|
|
35525
|
+
"type": {
|
|
35526
|
+
"text": "TimezoneOption[]"
|
|
35527
|
+
},
|
|
35528
|
+
"privacy": "private",
|
|
35529
|
+
"description": "The picker's options: the configured list plus whatever zones are already in play.",
|
|
35530
|
+
"readonly": true
|
|
35531
|
+
},
|
|
35532
|
+
{
|
|
35533
|
+
"kind": "method",
|
|
35534
|
+
"name": "_handleTimezoneChange",
|
|
35535
|
+
"privacy": "private",
|
|
35536
|
+
"parameters": [
|
|
35537
|
+
{
|
|
35538
|
+
"name": "event",
|
|
35539
|
+
"type": {
|
|
35540
|
+
"text": "Event"
|
|
35541
|
+
}
|
|
35542
|
+
}
|
|
35543
|
+
]
|
|
35544
|
+
},
|
|
35545
|
+
{
|
|
35546
|
+
"kind": "method",
|
|
35547
|
+
"name": "_renderTimezonePicker",
|
|
35548
|
+
"privacy": "private"
|
|
35549
|
+
},
|
|
35550
|
+
{
|
|
35551
|
+
"kind": "method",
|
|
35552
|
+
"name": "_renderCalendar",
|
|
35553
|
+
"privacy": "private"
|
|
35554
|
+
},
|
|
35555
|
+
{
|
|
35556
|
+
"kind": "method",
|
|
35557
|
+
"name": "_renderCalendarColumn",
|
|
35558
|
+
"privacy": "private",
|
|
35559
|
+
"parameters": [
|
|
35560
|
+
{
|
|
35561
|
+
"name": "day",
|
|
35562
|
+
"type": {
|
|
35563
|
+
"text": "ScheduleDay"
|
|
35564
|
+
}
|
|
35565
|
+
},
|
|
35566
|
+
{
|
|
35567
|
+
"name": "openSpans",
|
|
35568
|
+
"type": {
|
|
35569
|
+
"text": "WeekSpan[]"
|
|
35570
|
+
}
|
|
35571
|
+
},
|
|
35572
|
+
{
|
|
35573
|
+
"name": "reductionSpans",
|
|
35574
|
+
"type": {
|
|
35575
|
+
"text": "WeekSpan[]"
|
|
35576
|
+
}
|
|
35577
|
+
}
|
|
35578
|
+
]
|
|
35579
|
+
},
|
|
35580
|
+
{
|
|
35581
|
+
"kind": "method",
|
|
35582
|
+
"name": "_renderSummary",
|
|
35583
|
+
"privacy": "private",
|
|
35584
|
+
"parameters": [
|
|
35585
|
+
{
|
|
35586
|
+
"name": "days",
|
|
35587
|
+
"type": {
|
|
35588
|
+
"text": "ScheduleDayMap"
|
|
35589
|
+
}
|
|
35590
|
+
}
|
|
35591
|
+
]
|
|
35592
|
+
},
|
|
35593
|
+
{
|
|
35594
|
+
"kind": "method",
|
|
35595
|
+
"name": "_renderList",
|
|
35596
|
+
"privacy": "private"
|
|
35597
|
+
},
|
|
35598
|
+
{
|
|
35599
|
+
"kind": "method",
|
|
35600
|
+
"name": "_renderListRow",
|
|
35601
|
+
"privacy": "private",
|
|
35602
|
+
"parameters": [
|
|
35603
|
+
{
|
|
35604
|
+
"name": "day",
|
|
35605
|
+
"type": {
|
|
35606
|
+
"text": "ScheduleDay"
|
|
35607
|
+
}
|
|
35608
|
+
},
|
|
35609
|
+
{
|
|
35610
|
+
"name": "ranges",
|
|
35611
|
+
"type": {
|
|
35612
|
+
"text": "ScheduleRange[]"
|
|
35613
|
+
}
|
|
35614
|
+
}
|
|
35615
|
+
]
|
|
35616
|
+
},
|
|
35617
|
+
{
|
|
35618
|
+
"kind": "method",
|
|
35619
|
+
"name": "_renderRangeChip",
|
|
35620
|
+
"privacy": "private",
|
|
35621
|
+
"parameters": [
|
|
35622
|
+
{
|
|
35623
|
+
"name": "day",
|
|
35624
|
+
"type": {
|
|
35625
|
+
"text": "ScheduleDay"
|
|
35626
|
+
}
|
|
35627
|
+
},
|
|
35628
|
+
{
|
|
35629
|
+
"name": "index",
|
|
35630
|
+
"type": {
|
|
35631
|
+
"text": "number"
|
|
35632
|
+
}
|
|
35633
|
+
},
|
|
35634
|
+
{
|
|
35635
|
+
"name": "range",
|
|
35636
|
+
"type": {
|
|
35637
|
+
"text": "ScheduleRange"
|
|
35638
|
+
}
|
|
35639
|
+
},
|
|
35640
|
+
{
|
|
35641
|
+
"name": "reduced",
|
|
35642
|
+
"type": {
|
|
35643
|
+
"text": "boolean"
|
|
35644
|
+
}
|
|
35645
|
+
}
|
|
35646
|
+
]
|
|
35647
|
+
},
|
|
35648
|
+
{
|
|
35649
|
+
"kind": "method",
|
|
35650
|
+
"name": "_renderRangeEditor",
|
|
35651
|
+
"privacy": "private",
|
|
35652
|
+
"parameters": [
|
|
35653
|
+
{
|
|
35654
|
+
"name": "day",
|
|
35655
|
+
"type": {
|
|
35656
|
+
"text": "ScheduleDay"
|
|
35657
|
+
}
|
|
35658
|
+
},
|
|
35659
|
+
{
|
|
35660
|
+
"name": "index",
|
|
35661
|
+
"type": {
|
|
35662
|
+
"text": "number"
|
|
35663
|
+
}
|
|
35664
|
+
},
|
|
35665
|
+
{
|
|
35666
|
+
"name": "range",
|
|
35667
|
+
"type": {
|
|
35668
|
+
"text": "ScheduleRange"
|
|
35669
|
+
}
|
|
35670
|
+
}
|
|
35671
|
+
]
|
|
35672
|
+
},
|
|
35673
|
+
{
|
|
35674
|
+
"kind": "method",
|
|
35675
|
+
"name": "_dayNote",
|
|
35676
|
+
"privacy": "private",
|
|
35677
|
+
"return": {
|
|
35678
|
+
"type": {
|
|
35679
|
+
"text": "{ text: string; reduced: boolean }"
|
|
35680
|
+
}
|
|
35681
|
+
},
|
|
35682
|
+
"parameters": [
|
|
35683
|
+
{
|
|
35684
|
+
"name": "day",
|
|
35685
|
+
"type": {
|
|
35686
|
+
"text": "ScheduleDay"
|
|
35687
|
+
}
|
|
35688
|
+
}
|
|
35689
|
+
],
|
|
35690
|
+
"description": "The exception annotation shown against a day in the form view."
|
|
35691
|
+
}
|
|
35692
|
+
],
|
|
35693
|
+
"events": [
|
|
35694
|
+
{
|
|
35695
|
+
"description": "Emitted when the schedule changes.",
|
|
35696
|
+
"name": "zn-change"
|
|
35697
|
+
}
|
|
35698
|
+
],
|
|
35699
|
+
"attributes": [
|
|
35700
|
+
{
|
|
35701
|
+
"name": "name",
|
|
35702
|
+
"type": {
|
|
35703
|
+
"text": "string"
|
|
35704
|
+
},
|
|
35705
|
+
"description": "The name of the form control, submitted as a name/value pair with form data.",
|
|
35706
|
+
"fieldName": "name"
|
|
35707
|
+
},
|
|
35708
|
+
{
|
|
35709
|
+
"name": "value",
|
|
35710
|
+
"type": {
|
|
35711
|
+
"text": "string"
|
|
35712
|
+
},
|
|
35713
|
+
"default": "''",
|
|
35714
|
+
"description": "The schedule as a JSON string. This is what gets posted with the form.",
|
|
35715
|
+
"fieldName": "value"
|
|
35716
|
+
},
|
|
35717
|
+
{
|
|
35718
|
+
"name": "label",
|
|
35719
|
+
"type": {
|
|
35720
|
+
"text": "string"
|
|
35721
|
+
},
|
|
35722
|
+
"default": "''",
|
|
35723
|
+
"description": "The schedule's label. If you need to display HTML, use the `label` slot instead.",
|
|
35724
|
+
"fieldName": "label"
|
|
35725
|
+
},
|
|
35726
|
+
{
|
|
35727
|
+
"name": "help-text",
|
|
35728
|
+
"type": {
|
|
35729
|
+
"text": "string"
|
|
35730
|
+
},
|
|
35731
|
+
"default": "''",
|
|
35732
|
+
"description": "The schedule's help text. If you need to display HTML, use the `help-text` slot instead.",
|
|
35733
|
+
"fieldName": "helpText"
|
|
35734
|
+
},
|
|
35735
|
+
{
|
|
35736
|
+
"name": "view",
|
|
35737
|
+
"type": {
|
|
35738
|
+
"text": "ScheduleView"
|
|
35739
|
+
},
|
|
35740
|
+
"default": "'calendar'",
|
|
35741
|
+
"description": "Which view is showing.",
|
|
35742
|
+
"fieldName": "view"
|
|
35743
|
+
},
|
|
35744
|
+
{
|
|
35745
|
+
"name": "open-label",
|
|
35746
|
+
"type": {
|
|
35747
|
+
"text": "string"
|
|
35748
|
+
},
|
|
35749
|
+
"default": "'Available'",
|
|
35750
|
+
"description": "The word used for hours the schedule covers, in the legend and in labels.",
|
|
35751
|
+
"fieldName": "openLabel"
|
|
35752
|
+
},
|
|
35753
|
+
{
|
|
35754
|
+
"name": "closed-label",
|
|
35755
|
+
"type": {
|
|
35756
|
+
"text": "string"
|
|
35757
|
+
},
|
|
35758
|
+
"default": "'Closed'",
|
|
35759
|
+
"description": "The word used for hours the schedule doesn't cover, in the legend and against empty days.",
|
|
35760
|
+
"fieldName": "closedLabel"
|
|
35761
|
+
},
|
|
35762
|
+
{
|
|
35763
|
+
"name": "no-toggle",
|
|
35764
|
+
"type": {
|
|
35765
|
+
"text": "boolean"
|
|
35766
|
+
},
|
|
35767
|
+
"default": "false",
|
|
35768
|
+
"description": "Hides the calendar/form view toggle.",
|
|
35769
|
+
"fieldName": "noToggle"
|
|
35770
|
+
},
|
|
35771
|
+
{
|
|
35772
|
+
"name": "hide-summary",
|
|
35773
|
+
"type": {
|
|
35774
|
+
"text": "boolean"
|
|
35775
|
+
},
|
|
35776
|
+
"default": "false",
|
|
35777
|
+
"description": "Hides the summary panel beside the calendar.",
|
|
35778
|
+
"fieldName": "hideSummary"
|
|
35779
|
+
},
|
|
35780
|
+
{
|
|
35781
|
+
"name": "start-hour",
|
|
35782
|
+
"type": {
|
|
35783
|
+
"text": "number"
|
|
35784
|
+
},
|
|
35785
|
+
"default": "6",
|
|
35786
|
+
"description": "The first hour shown in the calendar.",
|
|
35787
|
+
"fieldName": "startHour"
|
|
35788
|
+
},
|
|
35789
|
+
{
|
|
35790
|
+
"name": "end-hour",
|
|
35791
|
+
"type": {
|
|
35792
|
+
"text": "number"
|
|
35793
|
+
},
|
|
35794
|
+
"default": "22",
|
|
35795
|
+
"description": "The last hour shown in the calendar.",
|
|
35796
|
+
"fieldName": "endHour"
|
|
35797
|
+
},
|
|
35798
|
+
{
|
|
35799
|
+
"name": "interval",
|
|
35800
|
+
"type": {
|
|
35801
|
+
"text": "number"
|
|
35802
|
+
},
|
|
35803
|
+
"default": "30",
|
|
35804
|
+
"description": "The granularity of the calendar grid and the time inputs, in minutes.",
|
|
35805
|
+
"fieldName": "interval"
|
|
35806
|
+
},
|
|
35807
|
+
{
|
|
35808
|
+
"name": "week-start",
|
|
35809
|
+
"type": {
|
|
35810
|
+
"text": "ScheduleDay"
|
|
35811
|
+
},
|
|
35812
|
+
"default": "'mon'",
|
|
35813
|
+
"description": "The weekday the week starts on.",
|
|
35814
|
+
"fieldName": "weekStart"
|
|
35815
|
+
},
|
|
35816
|
+
{
|
|
35817
|
+
"name": "time-format",
|
|
35818
|
+
"type": {
|
|
35819
|
+
"text": "'12' | '24'"
|
|
35820
|
+
},
|
|
35821
|
+
"default": "'24'",
|
|
35822
|
+
"description": "Displays times as 12 or 24 hour. The serialised value is always 24 hour `HH:MM`.",
|
|
35823
|
+
"fieldName": "timeFormat"
|
|
35824
|
+
},
|
|
35825
|
+
{
|
|
35826
|
+
"name": "display-timezone",
|
|
35827
|
+
"type": {
|
|
35828
|
+
"text": "string"
|
|
35829
|
+
},
|
|
35830
|
+
"default": "''",
|
|
35831
|
+
"description": "The IANA timezone the hours are shown in. Accepts `auto` for the viewer's own timezone. Defaults\nto `save-timezone`, so nothing is converted until you ask for it. Changing this only re-labels\nthe same underlying hours; the value never moves.",
|
|
35832
|
+
"fieldName": "displayTimezone"
|
|
35833
|
+
},
|
|
35834
|
+
{
|
|
35835
|
+
"name": "save-timezone",
|
|
35836
|
+
"type": {
|
|
35837
|
+
"text": "string"
|
|
35838
|
+
},
|
|
35839
|
+
"default": "''",
|
|
35840
|
+
"description": "The IANA timezone the value is stored in. Defaults to `UTC` as soon as the schedule is\ntimezone-aware (a display timezone is set, or the picker is shown), and to no timezone at all\notherwise — in which case the times are stored exactly as they are shown.",
|
|
35841
|
+
"fieldName": "saveTimezone"
|
|
35842
|
+
},
|
|
35843
|
+
{
|
|
35844
|
+
"name": "show-timezone",
|
|
35845
|
+
"type": {
|
|
35846
|
+
"text": "boolean"
|
|
35847
|
+
},
|
|
35848
|
+
"default": "false",
|
|
35849
|
+
"description": "Shows the timezone picker, letting the user read the schedule in any timezone.",
|
|
35850
|
+
"fieldName": "showTimezone"
|
|
35851
|
+
},
|
|
35852
|
+
{
|
|
35853
|
+
"name": "timezones",
|
|
35854
|
+
"type": {
|
|
35855
|
+
"text": "string[]"
|
|
35856
|
+
},
|
|
35857
|
+
"default": "[]",
|
|
35858
|
+
"description": "The timezones offered by the picker, as IANA names or one of the named sets — `en` (the four US\nzones, the UK and Australia, under those names), `offsets` (one zone per UTC offset, the\ndefault), `common` (every offset plus the world's major centres) or `all` (the complete IANA\nlist). Names and sets can be mixed, e.g. `en Asia/Tokyo`.",
|
|
35859
|
+
"fieldName": "timezones"
|
|
35860
|
+
},
|
|
35861
|
+
{
|
|
35862
|
+
"name": "reference-date",
|
|
35863
|
+
"type": {
|
|
35864
|
+
"text": "string"
|
|
35865
|
+
},
|
|
35866
|
+
"default": "''",
|
|
35867
|
+
"description": "The date (`YYYY-MM-DD`) used to resolve timezone offsets. A weekly pattern has no date of its\nown, so one has to be picked to know whether daylight saving applies; today is used by default.",
|
|
35868
|
+
"fieldName": "referenceDate"
|
|
35869
|
+
},
|
|
35870
|
+
{
|
|
35871
|
+
"name": "disabled",
|
|
35872
|
+
"type": {
|
|
35873
|
+
"text": "boolean"
|
|
35874
|
+
},
|
|
35875
|
+
"default": "false",
|
|
35876
|
+
"description": "Disables the schedule.",
|
|
35877
|
+
"fieldName": "disabled"
|
|
35878
|
+
},
|
|
35879
|
+
{
|
|
35880
|
+
"name": "readonly",
|
|
35881
|
+
"type": {
|
|
35882
|
+
"text": "boolean"
|
|
35883
|
+
},
|
|
35884
|
+
"default": "false",
|
|
35885
|
+
"description": "Renders the schedule without any editing affordances.",
|
|
35886
|
+
"fieldName": "readonly"
|
|
35887
|
+
},
|
|
35888
|
+
{
|
|
35889
|
+
"name": "required",
|
|
35890
|
+
"type": {
|
|
35891
|
+
"text": "boolean"
|
|
35892
|
+
},
|
|
35893
|
+
"default": "false",
|
|
35894
|
+
"description": "Makes the schedule a required field, invalid until at least one period is open.",
|
|
35895
|
+
"fieldName": "required"
|
|
35896
|
+
},
|
|
35897
|
+
{
|
|
35898
|
+
"name": "form",
|
|
35899
|
+
"type": {
|
|
35900
|
+
"text": "string"
|
|
35901
|
+
},
|
|
35902
|
+
"description": "The id of the form to associate with, when the control sits outside of it.",
|
|
35903
|
+
"fieldName": "form"
|
|
35904
|
+
}
|
|
35905
|
+
],
|
|
35906
|
+
"superclass": {
|
|
35907
|
+
"name": "ZincElement",
|
|
35908
|
+
"module": "/src/internal/zinc-element"
|
|
35909
|
+
},
|
|
35910
|
+
"summary": "Builds a weekly opening-hours schedule as a drag-to-paint calendar or a compact list of\ntime ranges, and posts the result as JSON.",
|
|
35911
|
+
"tagNameWithoutPrefix": "schedule-builder",
|
|
35912
|
+
"tagName": "zn-schedule-builder",
|
|
35913
|
+
"customElement": true,
|
|
35914
|
+
"jsDoc": "/**\n * @summary Builds a weekly opening-hours schedule as a drag-to-paint calendar or a compact list of\n * time ranges, and posts the result as JSON.\n * @documentation https://zinc.style/components/schedule-builder\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-icon\n * @dependency zn-input\n * @dependency zn-option\n * @dependency zn-select\n *\n * @event zn-change - Emitted when the schedule changes.\n *\n * @slot label - The schedule's label. Alternatively, use the `label` attribute.\n * @slot help-text - Text that describes how to use the schedule. Alternatively, use the `help-text` attribute.\n *\n * @csspart form-control - The form control that wraps the builder, label and help text.\n * @csspart base - The component's base wrapper.\n * @csspart toolbar - The row above the builder holding the hint, legend and view toggle.\n * @csspart calendar - The calendar view wrapper.\n * @csspart list - The form (list) view wrapper.\n * @csspart summary - The summary panel beside the calendar.\n *\n * @cssproperty --slot-height - The height of a single time slot in the calendar. Defaults to `18px`.\n * @cssproperty --gutter-width - The width of the calendar's time gutter. Defaults to `64px`.\n * @cssproperty --open-color - The fill used for open hours.\n * @cssproperty --reduced-color - The fill used for hours an exception removes.\n */",
|
|
35915
|
+
"documentation": "https://zinc.style/components/schedule-builder",
|
|
35916
|
+
"status": "experimental",
|
|
35917
|
+
"since": "1.0",
|
|
35918
|
+
"dependencies": [
|
|
35919
|
+
"zn-icon",
|
|
35920
|
+
"zn-input",
|
|
35921
|
+
"zn-option",
|
|
35922
|
+
"zn-select"
|
|
35923
|
+
]
|
|
35924
|
+
}
|
|
35925
|
+
],
|
|
35926
|
+
"exports": [
|
|
35927
|
+
{
|
|
35928
|
+
"kind": "js",
|
|
35929
|
+
"name": "default",
|
|
35930
|
+
"declaration": {
|
|
35931
|
+
"name": "ZnScheduleBuilder",
|
|
35932
|
+
"module": "components/schedule-builder/schedule-builder.js"
|
|
35933
|
+
}
|
|
35934
|
+
}
|
|
35935
|
+
]
|
|
35936
|
+
},
|
|
35937
|
+
{
|
|
35938
|
+
"kind": "javascript-module",
|
|
35939
|
+
"path": "components/scroll-container/scroll-container.js",
|
|
35940
|
+
"declarations": [
|
|
35941
|
+
{
|
|
35942
|
+
"kind": "class",
|
|
35943
|
+
"description": "",
|
|
35944
|
+
"name": "ZnScrollContainer",
|
|
35945
|
+
"cssProperties": [
|
|
35946
|
+
{
|
|
35947
|
+
"description": "An example CSS custom property.",
|
|
35948
|
+
"name": "--example"
|
|
35949
|
+
}
|
|
35950
|
+
],
|
|
35951
|
+
"cssParts": [
|
|
35952
|
+
{
|
|
35953
|
+
"description": "The component's base wrapper.",
|
|
35954
|
+
"name": "base"
|
|
35955
|
+
}
|
|
35956
|
+
],
|
|
35957
|
+
"slots": [
|
|
35958
|
+
{
|
|
35959
|
+
"description": "The default slot.",
|
|
35960
|
+
"name": ""
|
|
35961
|
+
},
|
|
35962
|
+
{
|
|
35963
|
+
"description": "An example slot.",
|
|
35964
|
+
"name": "example"
|
|
35965
|
+
}
|
|
35966
|
+
],
|
|
35967
|
+
"members": [
|
|
35968
|
+
{
|
|
35969
|
+
"kind": "field",
|
|
35970
|
+
"name": "startScrolled",
|
|
35971
|
+
"type": {
|
|
35972
|
+
"text": "boolean"
|
|
35973
|
+
},
|
|
35974
|
+
"default": "false",
|
|
35975
|
+
"attribute": "start-scrolled",
|
|
35976
|
+
"reflects": true
|
|
35977
|
+
},
|
|
35978
|
+
{
|
|
35979
|
+
"kind": "field",
|
|
35980
|
+
"name": "container",
|
|
35981
|
+
"type": {
|
|
35982
|
+
"text": "HTMLElement"
|
|
35983
|
+
},
|
|
35984
|
+
"privacy": "private"
|
|
35985
|
+
},
|
|
35986
|
+
{
|
|
35987
|
+
"kind": "field",
|
|
35988
|
+
"name": "footer",
|
|
35989
|
+
"type": {
|
|
35990
|
+
"text": "HTMLElement"
|
|
35991
|
+
},
|
|
35992
|
+
"privacy": "private"
|
|
35993
|
+
},
|
|
35994
|
+
{
|
|
35995
|
+
"kind": "field",
|
|
35996
|
+
"name": "_footerObserved",
|
|
35997
|
+
"type": {
|
|
35998
|
+
"text": "boolean"
|
|
35999
|
+
},
|
|
36000
|
+
"privacy": "private",
|
|
36001
|
+
"default": "false"
|
|
36002
|
+
},
|
|
36003
|
+
{
|
|
36004
|
+
"kind": "field",
|
|
36005
|
+
"name": "_footerHeightFrame",
|
|
36006
|
+
"type": {
|
|
36007
|
+
"text": "number | null"
|
|
36008
|
+
},
|
|
36009
|
+
"privacy": "private",
|
|
36010
|
+
"default": "null"
|
|
36011
|
+
},
|
|
36012
|
+
{
|
|
36013
|
+
"kind": "method",
|
|
36014
|
+
"name": "scrollEnd"
|
|
36015
|
+
},
|
|
36016
|
+
{
|
|
36017
|
+
"kind": "method",
|
|
36018
|
+
"name": "_syncFooterHeight",
|
|
36019
|
+
"privacy": "private"
|
|
36020
|
+
},
|
|
36021
|
+
{
|
|
36022
|
+
"kind": "field",
|
|
36023
|
+
"name": "_footerResizeObserver",
|
|
36024
|
+
"privacy": "private",
|
|
36025
|
+
"readonly": true,
|
|
36026
|
+
"default": "new ResizeController(this, { target: null, callback: () => this._syncFooterHeight(), })"
|
|
36027
|
+
},
|
|
36028
|
+
{
|
|
36029
|
+
"kind": "field",
|
|
36030
|
+
"name": "_domObserver",
|
|
36031
|
+
"privacy": "private",
|
|
36032
|
+
"readonly": true,
|
|
36033
|
+
"default": "new MutationController(this, { target: null, config: {childList: true, subtree: true}, callback: () => { setTimeout(() => this.scrollEnd(), 100); if (this.footer) { this._syncFooterHeight(); if (!this._footerObserved) { this._footerObserved = true; this._footerResizeObserver.observe(this.footer); } } }, })"
|
|
36034
|
+
}
|
|
36035
|
+
],
|
|
36036
|
+
"events": [
|
|
36037
|
+
{
|
|
36038
|
+
"description": "Emitted as an example.",
|
|
36039
|
+
"name": "zn-event-name"
|
|
36040
|
+
}
|
|
36041
|
+
],
|
|
36042
|
+
"attributes": [
|
|
36043
|
+
{
|
|
36044
|
+
"name": "start-scrolled",
|
|
36045
|
+
"type": {
|
|
36046
|
+
"text": "boolean"
|
|
36047
|
+
},
|
|
36048
|
+
"default": "false",
|
|
36049
|
+
"fieldName": "startScrolled"
|
|
36050
|
+
}
|
|
36051
|
+
],
|
|
36052
|
+
"superclass": {
|
|
36053
|
+
"name": "ZincElement",
|
|
36054
|
+
"module": "/src/internal/zinc-element"
|
|
36055
|
+
},
|
|
36056
|
+
"summary": "Short summary of the component's intended use.",
|
|
36057
|
+
"tagNameWithoutPrefix": "scroll-container",
|
|
36058
|
+
"tagName": "zn-scroll-container",
|
|
36059
|
+
"customElement": true,
|
|
36060
|
+
"jsDoc": "/**\n * @summary Short summary of the component's intended use.\n * @documentation https://zinc.style/components/scroll-container\n * @status experimental\n * @since 1.0\n *\n * @dependency zn-example\n *\n * @event zn-event-name - Emitted as an example.\n *\n * @slot - The default slot.\n * @slot example - An example slot.\n *\n * @csspart base - The component's base wrapper.\n *\n * @cssproperty --example - An example CSS custom property.\n */",
|
|
36061
|
+
"documentation": "https://zinc.style/components/scroll-container",
|
|
36062
|
+
"status": "experimental",
|
|
36063
|
+
"since": "1.0",
|
|
36064
|
+
"dependencies": [
|
|
36065
|
+
"zn-example"
|
|
36066
|
+
]
|
|
36067
|
+
}
|
|
36068
|
+
],
|
|
36069
|
+
"exports": [
|
|
36070
|
+
{
|
|
36071
|
+
"kind": "js",
|
|
36072
|
+
"name": "default",
|
|
36073
|
+
"declaration": {
|
|
36074
|
+
"name": "ZnScrollContainer",
|
|
36075
|
+
"module": "components/scroll-container/scroll-container.js"
|
|
36076
|
+
}
|
|
36077
|
+
}
|
|
36078
|
+
]
|
|
36079
|
+
},
|
|
36080
|
+
{
|
|
36081
|
+
"kind": "javascript-module",
|
|
36082
|
+
"path": "components/select/select.js",
|
|
36083
|
+
"declarations": [
|
|
36084
|
+
{
|
|
36085
|
+
"kind": "class",
|
|
36086
|
+
"description": "",
|
|
36087
|
+
"name": "ZnSelect",
|
|
36088
|
+
"cssParts": [
|
|
36089
|
+
{
|
|
36090
|
+
"description": "The container shown while a remote search request is in flight.",
|
|
36091
|
+
"name": "search-loading"
|
|
36092
|
+
},
|
|
36093
|
+
{
|
|
36094
|
+
"description": "The message shown when results are truncated by `max-results`.",
|
|
36095
|
+
"name": "max-results-indicator"
|
|
36096
|
+
},
|
|
36097
|
+
{
|
|
36098
|
+
"description": "The form control that wraps the label, input, and help text.",
|
|
36099
|
+
"name": "form-control"
|
|
36100
|
+
},
|
|
36101
|
+
{
|
|
36102
|
+
"description": "The label's wrapper.",
|
|
36103
|
+
"name": "form-control-label"
|
|
36104
|
+
},
|
|
36105
|
+
{
|
|
36106
|
+
"description": "The select's wrapper.",
|
|
36107
|
+
"name": "form-control-input"
|
|
36108
|
+
},
|
|
36109
|
+
{
|
|
36110
|
+
"description": "The help text's wrapper.",
|
|
36111
|
+
"name": "form-control-help-text"
|
|
36112
|
+
},
|
|
36113
|
+
{
|
|
36114
|
+
"description": "The container the wraps the prefix, combobox, clear icon, and expand button.",
|
|
36115
|
+
"name": "combobox"
|
|
36116
|
+
},
|
|
36117
|
+
{
|
|
36118
|
+
"description": "The container that wraps the prefix slot.",
|
|
36119
|
+
"name": "prefix"
|
|
36120
|
+
},
|
|
36121
|
+
{
|
|
36122
|
+
"description": "The element that displays the selected option's label, an `<input>` element.",
|
|
36123
|
+
"name": "display-input"
|
|
36124
|
+
},
|
|
36125
|
+
{
|
|
36126
|
+
"description": "The listbox container where options are slotted.",
|
|
36127
|
+
"name": "listbox"
|
|
34504
36128
|
},
|
|
34505
36129
|
{
|
|
34506
36130
|
"description": "The container that houses option tags when `multiselect` is used.",
|
|
@@ -43855,6 +45479,10 @@
|
|
|
43855
45479
|
"description": "The toggle switch control (the circular button that slides).",
|
|
43856
45480
|
"name": "control"
|
|
43857
45481
|
},
|
|
45482
|
+
{
|
|
45483
|
+
"description": "The toggle's label.",
|
|
45484
|
+
"name": "label"
|
|
45485
|
+
},
|
|
43858
45486
|
{
|
|
43859
45487
|
"description": "The container that wraps the toggle's description.",
|
|
43860
45488
|
"name": "description"
|
|
@@ -44332,7 +45960,7 @@
|
|
|
44332
45960
|
"tagNameWithoutPrefix": "toggle",
|
|
44333
45961
|
"tagName": "zn-toggle",
|
|
44334
45962
|
"customElement": true,
|
|
44335
|
-
"jsDoc": "/**\n * @summary Toggles allow the user to switch an option on or off.\n * @documentation https://zinc.style/components/toggle\n * @status stable\n * @since 1.0\n *\n * @dependency zn-tooltip\n *\n * @event zn-input - Emitted when the toggle receives input.\n *\n * @slot - The toggle's label.\n * @slot description - A description of the toggle's label. Alternatively, you can use the `description` attribute.\n * @slot help-text - Text that describes how to use the toggle. Alternatively, you can use the `help-text` attribute.\n *\n * @csspart base - The component's base wrapper containing the toggle switch.\n * @csspart control - The toggle switch control (the circular button that slides).\n * @csspart description - The container that wraps the toggle's description.\n *\n * @cssproperty --zn-toggle-margin - The margin around the toggle switch. Defaults to `8px 0`.\n */",
|
|
45963
|
+
"jsDoc": "/**\n * @summary Toggles allow the user to switch an option on or off.\n * @documentation https://zinc.style/components/toggle\n * @status stable\n * @since 1.0\n *\n * @dependency zn-tooltip\n *\n * @event zn-input - Emitted when the toggle receives input.\n *\n * @slot - The toggle's label.\n * @slot description - A description of the toggle's label. Alternatively, you can use the `description` attribute.\n * @slot help-text - Text that describes how to use the toggle. Alternatively, you can use the `help-text` attribute.\n *\n * @csspart base - The component's base wrapper containing the toggle switch.\n * @csspart control - The toggle switch control (the circular button that slides).\n * @csspart label - The toggle's label.\n * @csspart description - The container that wraps the toggle's description.\n *\n * @cssproperty --zn-toggle-margin - The margin around the toggle switch. Defaults to `8px 0`.\n */",
|
|
44336
45964
|
"documentation": "https://zinc.style/components/toggle",
|
|
44337
45965
|
"status": "stable",
|
|
44338
45966
|
"since": "1.0",
|
|
@@ -45998,7 +47626,7 @@
|
|
|
45998
47626
|
"package": {
|
|
45999
47627
|
"name": "@kubex/zinc",
|
|
46000
47628
|
"description": "A collection of web components for building web applications based off of @shoelace-style/Shoelace",
|
|
46001
|
-
"version": "1.1.
|
|
47629
|
+
"version": "1.1.94",
|
|
46002
47630
|
"author": "",
|
|
46003
47631
|
"license": "MIT"
|
|
46004
47632
|
}
|