@vonage/vivid 3.27.0 → 3.28.2
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/README.md +2 -1
- package/accordion/index.js +0 -2
- package/accordion-item/index.js +0 -2
- package/alert/index.js +0 -2
- package/avatar/index.js +0 -2
- package/badge/index.js +0 -2
- package/banner/index.js +0 -2
- package/breadcrumb-item/index.js +0 -2
- package/button/index.js +0 -2
- package/calendar/index.js +0 -1
- package/calendar-event/index.js +0 -2
- package/card/index.js +0 -2
- package/checkbox/index.js +0 -2
- package/combobox/index.js +0 -3
- package/custom-elements.json +142 -53
- package/data-grid/index.js +1 -5
- package/dialog/index.js +0 -2
- package/empty-state/index.js +0 -2
- package/fab/index.js +0 -2
- package/file-picker/index.js +0 -2
- package/icon/index.js +0 -2
- package/index.d.ts +3 -3
- package/index.js +1 -6
- package/lib/accordion/accordion.d.ts +5 -5
- package/lib/accordion/accordion.template.d.ts +3 -3
- package/lib/accordion/definition.d.ts +2 -2
- package/lib/accordion/index.d.ts +1 -1
- package/lib/accordion-item/accordion-item.d.ts +12 -12
- package/lib/accordion-item/accordion-item.template.d.ts +4 -4
- package/lib/accordion-item/definition.d.ts +1 -1
- package/lib/accordion-item/index.d.ts +1 -1
- package/lib/action-group/action-group.d.ts +11 -11
- package/lib/action-group/action-group.template.d.ts +4 -4
- package/lib/action-group/definition.d.ts +2 -2
- package/lib/action-group/index.d.ts +1 -1
- package/lib/alert/alert.d.ts +22 -22
- package/lib/alert/alert.template.d.ts +4 -4
- package/lib/alert/definition.d.ts +2 -2
- package/lib/alert/index.d.ts +1 -1
- package/lib/avatar/avatar.d.ts +14 -14
- package/lib/avatar/avatar.template.d.ts +4 -4
- package/lib/avatar/definition.d.ts +2 -2
- package/lib/avatar/index.d.ts +1 -1
- package/lib/badge/badge.d.ts +14 -14
- package/lib/badge/badge.template.d.ts +4 -4
- package/lib/badge/definition.d.ts +4 -4
- package/lib/badge/index.d.ts +1 -1
- package/lib/banner/banner.d.ts +20 -20
- package/lib/banner/banner.template.d.ts +4 -4
- package/lib/banner/definition.d.ts +2 -2
- package/lib/banner/index.d.ts +1 -1
- package/lib/breadcrumb/breadcrumb.d.ts +3 -3
- package/lib/breadcrumb/breadcrumb.template.d.ts +4 -4
- package/lib/breadcrumb/definition.d.ts +1 -1
- package/lib/breadcrumb/index.d.ts +1 -1
- package/lib/breadcrumb-item/breadcrumb-item.d.ts +5 -5
- package/lib/breadcrumb-item/breadcrumb-item.template.d.ts +4 -4
- package/lib/breadcrumb-item/definition.d.ts +1 -1
- package/lib/breadcrumb-item/index.d.ts +1 -1
- package/lib/button/button.d.ts +18 -18
- package/lib/button/button.template.d.ts +4 -4
- package/lib/button/definition.d.ts +2 -2
- package/lib/button/index.d.ts +1 -1
- package/lib/calendar/calendar.d.ts +13 -13
- package/lib/calendar/calendar.template.d.ts +4 -4
- package/lib/calendar/definition.d.ts +1 -1
- package/lib/calendar/helpers/calendar.date-functions.d.ts +2 -2
- package/lib/calendar/helpers/calendar.event-context.d.ts +6 -6
- package/lib/calendar/helpers/calendar.keyboard-interactions.d.ts +9 -9
- package/lib/calendar/index.d.ts +1 -1
- package/lib/calendar-event/calendar-event.d.ts +13 -13
- package/lib/calendar-event/calendar-event.template.d.ts +4 -4
- package/lib/calendar-event/definition.d.ts +2 -2
- package/lib/calendar-event/index.d.ts +1 -1
- package/lib/card/card.d.ts +10 -10
- package/lib/card/card.template.d.ts +4 -4
- package/lib/card/definition.d.ts +1 -1
- package/lib/card/index.d.ts +1 -1
- package/lib/checkbox/checkbox.d.ts +10 -11
- package/lib/checkbox/checkbox.template.d.ts +4 -4
- package/lib/checkbox/definition.d.ts +1 -1
- package/lib/checkbox/index.d.ts +1 -1
- package/lib/combobox/combobox.d.ts +12 -13
- package/lib/combobox/combobox.template.d.ts +4 -4
- package/lib/combobox/definition.d.ts +3 -4
- package/lib/combobox/index.d.ts +1 -1
- package/lib/components.d.ts +52 -52
- package/lib/data-grid/data-grid-cell.d.ts +22 -22
- package/lib/data-grid/data-grid-cell.template.d.ts +4 -4
- package/lib/data-grid/data-grid-row.d.ts +4 -4
- package/lib/data-grid/data-grid-row.template.d.ts +3 -3
- package/lib/data-grid/data-grid.d.ts +20 -20
- package/lib/data-grid/data-grid.options.d.ts +38 -38
- package/lib/data-grid/data-grid.template.d.ts +3 -3
- package/lib/data-grid/definition.d.ts +6 -6
- package/lib/data-grid/index.d.ts +1 -1
- package/lib/dialog/definition.d.ts +2 -2
- package/lib/dialog/dialog.d.ts +26 -26
- package/lib/dialog/dialog.template.d.ts +4 -4
- package/lib/dialog/index.d.ts +1 -1
- package/lib/divider/definition.d.ts +1 -1
- package/lib/divider/divider.d.ts +3 -3
- package/lib/divider/divider.template.d.ts +4 -4
- package/lib/divider/index.d.ts +1 -1
- package/lib/elevation/definition.d.ts +1 -1
- package/lib/elevation/elevation.d.ts +5 -5
- package/lib/elevation/elevation.template.d.ts +4 -4
- package/lib/elevation/index.d.ts +1 -1
- package/lib/empty-state/definition.d.ts +3 -3
- package/lib/empty-state/empty-state.d.ts +5 -5
- package/lib/empty-state/empty-state.template.d.ts +4 -4
- package/lib/empty-state/index.d.ts +1 -1
- package/lib/enums.d.ts +60 -60
- package/lib/fab/definition.d.ts +4 -4
- package/lib/fab/fab.d.ts +12 -12
- package/lib/fab/fab.template.d.ts +4 -4
- package/lib/fab/index.d.ts +1 -1
- package/lib/file-picker/definition.d.ts +3 -3
- package/lib/file-picker/file-picker.d.ts +22 -22
- package/lib/file-picker/file-picker.template.d.ts +4 -4
- package/lib/file-picker/index.d.ts +1 -1
- package/lib/focus/definition.d.ts +3 -3
- package/lib/focus/focus.d.ts +3 -3
- package/lib/focus/focus.template.d.ts +4 -4
- package/lib/focus/index.d.ts +1 -1
- package/lib/header/definition.d.ts +3 -3
- package/lib/header/header.d.ts +5 -5
- package/lib/header/header.template.d.ts +4 -4
- package/lib/header/index.d.ts +1 -1
- package/lib/icon/definition.d.ts +4 -4
- package/lib/icon/icon.d.ts +12 -12
- package/lib/icon/icon.placeholder.d.ts +1 -1
- package/lib/icon/icon.template.d.ts +4 -4
- package/lib/icon/index.d.ts +1 -1
- package/lib/layout/definition.d.ts +4 -4
- package/lib/layout/index.d.ts +1 -1
- package/lib/layout/layout.d.ts +17 -17
- package/lib/layout/layout.template.d.ts +4 -4
- package/lib/listbox/definition.d.ts +4 -4
- package/lib/listbox/index.d.ts +1 -1
- package/lib/listbox/listbox.d.ts +6 -6
- package/lib/listbox/listbox.template.d.ts +4 -4
- package/lib/menu/definition.d.ts +12 -12
- package/lib/menu/index.d.ts +1 -1
- package/lib/menu/menu.d.ts +16 -15
- package/lib/menu/menu.template.d.ts +3 -3
- package/lib/menu-item/definition.d.ts +3 -3
- package/lib/menu-item/index.d.ts +1 -1
- package/lib/menu-item/menu-item.d.ts +14 -14
- package/lib/menu-item/menu-item.template.d.ts +4 -4
- package/lib/nav/definition.d.ts +3 -3
- package/lib/nav/index.d.ts +1 -1
- package/lib/nav/nav.d.ts +3 -3
- package/lib/nav/nav.template.d.ts +4 -4
- package/lib/nav-disclosure/definition.d.ts +3 -3
- package/lib/nav-disclosure/index.d.ts +1 -1
- package/lib/nav-disclosure/nav-disclosure.d.ts +10 -10
- package/lib/nav-disclosure/nav-disclosure.template.d.ts +4 -4
- package/lib/nav-item/definition.d.ts +3 -3
- package/lib/nav-item/index.d.ts +1 -1
- package/lib/nav-item/nav-item.d.ts +7 -7
- package/lib/nav-item/nav-item.template.d.ts +4 -4
- package/lib/note/definition.d.ts +4 -4
- package/lib/note/index.d.ts +1 -1
- package/lib/note/note.d.ts +10 -10
- package/lib/note/note.template.d.ts +4 -4
- package/lib/number-field/definition.d.ts +5 -5
- package/lib/number-field/index.d.ts +1 -1
- package/lib/number-field/number-field.d.ts +13 -13
- package/lib/number-field/number-field.template.d.ts +4 -4
- package/lib/option/definition.d.ts +3 -3
- package/lib/option/index.d.ts +1 -1
- package/lib/option/option.d.ts +12 -12
- package/lib/option/option.template.d.ts +4 -4
- package/lib/pagination/definition.d.ts +3 -3
- package/lib/pagination/index.d.ts +1 -1
- package/lib/pagination/pagination.d.ts +18 -18
- package/lib/pagination/pagination.template.d.ts +4 -4
- package/lib/popup/definition.d.ts +5 -5
- package/lib/popup/index.d.ts +1 -1
- package/lib/popup/popup.d.ts +21 -21
- package/lib/popup/popup.template.d.ts +4 -4
- package/lib/progress/definition.d.ts +4 -4
- package/lib/progress/index.d.ts +1 -1
- package/lib/progress/progress.d.ts +9 -9
- package/lib/progress/progress.template.d.ts +5 -5
- package/lib/progress-ring/definition.d.ts +4 -4
- package/lib/progress-ring/index.d.ts +1 -1
- package/lib/progress-ring/progress-ring.d.ts +7 -7
- package/lib/progress-ring/progress-ring.template.d.ts +4 -4
- package/lib/radio/definition.d.ts +3 -3
- package/lib/radio/index.d.ts +1 -1
- package/lib/radio/radio.d.ts +7 -7
- package/lib/radio/radio.template.d.ts +4 -4
- package/lib/radio-group/definition.d.ts +11 -11
- package/lib/radio-group/index.d.ts +1 -1
- package/lib/radio-group/radio-group.d.ts +4 -4
- package/lib/radio-group/radio-group.template.d.ts +4 -4
- package/lib/select/definition.d.ts +4 -4
- package/lib/select/index.d.ts +1 -1
- package/lib/select/select.d.ts +17 -18
- package/lib/select/select.template.d.ts +4 -4
- package/lib/side-drawer/definition.d.ts +3 -3
- package/lib/side-drawer/index.d.ts +1 -1
- package/lib/side-drawer/side-drawer.d.ts +9 -9
- package/lib/side-drawer/side-drawer.template.d.ts +4 -4
- package/lib/slider/definition.d.ts +3 -3
- package/lib/slider/index.d.ts +1 -1
- package/lib/slider/slider.d.ts +4 -4
- package/lib/slider/slider.template.d.ts +4 -4
- package/lib/switch/definition.d.ts +4 -4
- package/lib/switch/index.d.ts +1 -1
- package/lib/switch/switch.d.ts +7 -7
- package/lib/switch/switch.template.d.ts +4 -4
- package/lib/tab/definition.d.ts +4 -4
- package/lib/tab/index.d.ts +1 -1
- package/lib/tab/tab.d.ts +14 -14
- package/lib/tab/tab.template.d.ts +3 -3
- package/lib/tab-panel/definition.d.ts +3 -3
- package/lib/tab-panel/index.d.ts +1 -1
- package/lib/tab-panel/tab-panel.d.ts +3 -3
- package/lib/tab-panel/tab-panel.template.d.ts +2 -2
- package/lib/tabs/definition.d.ts +3 -3
- package/lib/tabs/index.d.ts +1 -1
- package/lib/tabs/tabs.d.ts +15 -15
- package/lib/tabs/tabs.template.d.ts +2 -2
- package/lib/tag/definition.d.ts +4 -4
- package/lib/tag/index.d.ts +1 -1
- package/lib/tag/tag.d.ts +22 -22
- package/lib/tag/tag.template.d.ts +4 -4
- package/lib/tag-group/definition.d.ts +3 -3
- package/lib/tag-group/index.d.ts +1 -1
- package/lib/tag-group/tag-group.d.ts +3 -3
- package/lib/tag-group/tag-group.template.d.ts +4 -4
- package/lib/text-anchor/definition.d.ts +3 -3
- package/lib/text-anchor/index.d.ts +1 -1
- package/lib/text-anchor/text-anchor.d.ts +7 -7
- package/lib/text-anchor/text-anchor.template.d.ts +4 -4
- package/lib/text-area/definition.d.ts +4 -4
- package/lib/text-area/index.d.ts +1 -1
- package/lib/text-area/text-area.d.ts +8 -9
- package/lib/text-area/text-area.template.d.ts +4 -4
- package/lib/text-field/definition.d.ts +4 -4
- package/lib/text-field/index.d.ts +1 -1
- package/lib/text-field/text-field.d.ts +13 -14
- package/lib/text-field/text-field.template.d.ts +4 -4
- package/lib/toggletip/definition.d.ts +3 -3
- package/lib/toggletip/index.d.ts +1 -1
- package/lib/toggletip/toggletip.d.ts +15 -15
- package/lib/toggletip/toggletip.template.d.ts +4 -4
- package/lib/tooltip/definition.d.ts +3 -3
- package/lib/tooltip/index.d.ts +1 -1
- package/lib/tooltip/tooltip.d.ts +14 -14
- package/lib/tooltip/tooltip.template.d.ts +4 -4
- package/lib/tree-item/definition.d.ts +3 -3
- package/lib/tree-item/index.d.ts +1 -1
- package/lib/tree-item/tree-item.d.ts +7 -7
- package/lib/tree-item/tree-item.template.d.ts +4 -4
- package/lib/tree-view/definition.d.ts +3 -3
- package/lib/tree-view/index.d.ts +1 -1
- package/lib/tree-view/tree-view.d.ts +3 -3
- package/lib/tree-view/tree-view.template.d.ts +2 -2
- package/listbox/index.js +17 -21
- package/menu/index.js +0 -3
- package/menu-item/index.js +0 -3
- package/nav-disclosure/index.js +0 -2
- package/nav-item/index.js +0 -2
- package/note/index.js +0 -2
- package/number-field/index.js +0 -3
- package/option/index.js +0 -2
- package/package.json +9 -8
- package/pagination/index.js +1 -5
- package/popup/index.js +0 -3
- package/radio-group/index.js +2 -2
- package/select/index.js +0 -3
- package/shared/affix.js +2 -5
- package/shared/anchor.js +2 -1
- package/shared/apply-mixins.js +1 -1
- package/shared/definition.js +7 -9
- package/shared/definition10.js +13 -17
- package/shared/definition11.js +6 -9
- package/shared/definition12.js +16 -18
- package/shared/definition13.js +6 -8
- package/shared/definition14.js +7 -12
- package/shared/definition15.js +43 -52
- package/shared/definition16.js +8 -71
- package/shared/definition17.js +36 -45
- package/shared/definition18.js +19 -24
- package/shared/definition19.js +45 -49
- package/shared/definition2.js +24 -28
- package/shared/definition20.js +389 -280
- package/shared/definition21.js +12 -16
- package/shared/definition22.js +82 -168
- package/shared/definition23.js +35 -41
- package/shared/definition24.js +6 -8
- package/shared/definition25.js +10 -14
- package/shared/definition26.js +40 -42
- package/shared/definition27.js +24 -27
- package/shared/definition28.js +6 -8
- package/shared/definition29.js +3 -5
- package/shared/definition3.js +5 -9
- package/shared/definition30.js +83 -45
- package/shared/definition31.js +33 -43
- package/shared/definition32.js +2 -4
- package/shared/definition33.js +11 -15
- package/shared/definition34.js +5 -9
- package/shared/definition35.js +7 -11
- package/shared/definition36.js +66 -71
- package/shared/definition37.js +60 -101
- package/shared/definition38.js +14 -46
- package/shared/definition39.js +11 -14
- package/shared/definition4.js +3 -5
- package/shared/definition40.js +17 -20
- package/shared/definition41.js +56 -62
- package/shared/definition42.js +8 -11
- package/shared/definition43.js +20 -58
- package/shared/definition44.js +14 -17
- package/shared/definition45.js +8 -10
- package/shared/definition46.js +2 -4
- package/shared/definition47.js +12 -15
- package/shared/definition48.js +19 -24
- package/shared/definition49.js +3 -5
- package/shared/definition5.js +7 -8
- package/shared/definition50.js +51 -55
- package/shared/definition51.js +56 -60
- package/shared/definition52.js +12 -520
- package/shared/definition53.js +9 -11
- package/shared/definition54.js +27 -31
- package/shared/definition55.js +12 -14
- package/shared/definition6.js +17 -23
- package/shared/definition7.js +43 -47
- package/shared/definition8.js +3 -5
- package/shared/definition9.js +13 -17
- package/shared/design-system/index.d.ts +3 -3
- package/shared/focus2.js +1 -3
- package/shared/form-associated.js +1 -1
- package/shared/form-elements.js +16 -20
- package/shared/icon.js +2 -1171
- package/shared/index.js +41 -1549
- package/shared/listbox.js +1 -1
- package/shared/patterns/affix.d.ts +9 -9
- package/shared/patterns/focus.d.ts +3 -3
- package/shared/patterns/form-elements/form-elements.d.ts +57 -57
- package/shared/patterns/form-elements/index.d.ts +1 -1
- package/shared/patterns/index.d.ts +3 -3
- package/shared/repeat.js +1 -1
- package/shared/text-anchor.template.js +38 -40
- package/shared/text-field.js +1 -1
- package/shared/text-field2.js +1 -1
- package/shared/when.js +19 -5
- package/slider/index.js +0 -3
- package/styles/core/all.css +1 -1
- package/styles/core/theme.css +1 -1
- package/styles/core/typography.css +1 -1
- package/styles/tokens/theme-dark.css +17 -17
- package/styles/tokens/theme-light.css +17 -17
- package/switch/index.js +0 -2
- package/tab/index.js +0 -2
- package/tabs/index.js +0 -2
- package/tag/index.js +0 -2
- package/text-anchor/index.js +0 -2
- package/text-area/index.js +0 -2
- package/text-field/index.js +0 -2
- package/toggletip/index.js +0 -4
- package/tooltip/index.js +0 -3
- package/tree-item/index.js +1 -3
- package/vivid.api.json +48 -84
- package/shared/es.object.assign.js +0 -68
- package/shared/es.regexp.to-string.js +0 -61
- package/shared/es.string.includes.js +0 -83
- package/shared/string-trim.js +0 -40
- package/shared/to-string.js +0 -51
package/shared/listbox.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { F as FoundationElement, O as Observable, _ as __decorate, a as attr, o as observable,
|
|
1
|
+
import { F as FoundationElement, O as Observable, _ as __decorate, a as attr, o as observable, D as DOM, n as nullableNumberConverter, b as __metadata } from './index.js';
|
|
2
2
|
import { i as isListboxOption } from './definition21.js';
|
|
3
3
|
import { A as ARIAGlobalStatesAndProperties } from './aria-global.js';
|
|
4
4
|
import { a as applyMixins } from './apply-mixins.js';
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import type { ViewTemplate } from '@microsoft/fast-element';
|
|
2
|
-
import type { ElementDefinitionContext } from '@microsoft/fast-foundation';
|
|
3
|
-
export declare class AffixIcon {
|
|
4
|
-
icon?: string;
|
|
5
|
-
}
|
|
6
|
-
export declare class AffixIconWithTrailing extends AffixIcon {
|
|
7
|
-
iconTrailing: boolean;
|
|
8
|
-
}
|
|
9
|
-
export declare const affixIconTemplateFactory: (context: ElementDefinitionContext, withWrapper?: boolean) => (icon?: string) => ViewTemplate<AffixIcon> | null;
|
|
1
|
+
import type { ViewTemplate } from '@microsoft/fast-element';
|
|
2
|
+
import type { ElementDefinitionContext } from '@microsoft/fast-foundation';
|
|
3
|
+
export declare class AffixIcon {
|
|
4
|
+
icon?: string;
|
|
5
|
+
}
|
|
6
|
+
export declare class AffixIconWithTrailing extends AffixIcon {
|
|
7
|
+
iconTrailing: boolean;
|
|
8
|
+
}
|
|
9
|
+
export declare const affixIconTemplateFactory: (context: ElementDefinitionContext, withWrapper?: boolean) => (icon?: string) => ViewTemplate<AffixIcon> | null;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import type { ViewTemplate } from '@microsoft/fast-element';
|
|
2
|
-
import type { ElementDefinitionContext } from '@microsoft/fast-foundation';
|
|
3
|
-
export declare const focusTemplateFactory: (context: ElementDefinitionContext) => ViewTemplate;
|
|
1
|
+
import type { ViewTemplate } from '@microsoft/fast-element';
|
|
2
|
+
import type { ElementDefinitionContext } from '@microsoft/fast-foundation';
|
|
3
|
+
export declare const focusTemplateFactory: (context: ElementDefinitionContext) => ViewTemplate;
|
|
@@ -1,57 +1,57 @@
|
|
|
1
|
-
import type { ElementDefinitionContext } from '@microsoft/fast-foundation';
|
|
2
|
-
export interface FormElement {
|
|
3
|
-
errorValidationMessage: boolean;
|
|
4
|
-
label: string;
|
|
5
|
-
userValid: boolean;
|
|
6
|
-
dirtyValue: boolean;
|
|
7
|
-
}
|
|
8
|
-
export interface FormElementHelperText {
|
|
9
|
-
helperText?: string;
|
|
10
|
-
}
|
|
11
|
-
export interface FormElementSuccessText {
|
|
12
|
-
successText?: string;
|
|
13
|
-
}
|
|
14
|
-
export interface FormElementCharCount {
|
|
15
|
-
charCount: boolean;
|
|
16
|
-
}
|
|
17
|
-
export interface ErrorText {
|
|
18
|
-
errorText: string;
|
|
19
|
-
}
|
|
20
|
-
export declare class FormElementHelperText {
|
|
21
|
-
helperText?: string;
|
|
22
|
-
}
|
|
23
|
-
export declare class FormElementSuccessText {
|
|
24
|
-
successText?: string;
|
|
25
|
-
}
|
|
26
|
-
export declare class FormElementCharCount {
|
|
27
|
-
charCount: boolean;
|
|
28
|
-
}
|
|
29
|
-
export declare function formElements<T extends {
|
|
30
|
-
new (...args: any[]): Record<string, any>;
|
|
31
|
-
}>(constructor: T): {
|
|
32
|
-
new (...args: any[]): {
|
|
33
|
-
[x: string]: any;
|
|
34
|
-
label?: string | undefined;
|
|
35
|
-
userValid: boolean;
|
|
36
|
-
"__#
|
|
37
|
-
readonly errorValidationMessage: any;
|
|
38
|
-
connectedCallback(): void;
|
|
39
|
-
"__#
|
|
40
|
-
disconnectedCallback(): void;
|
|
41
|
-
validate: () => void;
|
|
42
|
-
};
|
|
43
|
-
} & T;
|
|
44
|
-
|
|
45
|
-
export declare function getFeedbackTemplate(messageType: FeedbackType, context: ElementDefinitionContext): import("@microsoft/fast-element").ViewTemplate<FormElement, any>;
|
|
46
|
-
export declare function errorText<T extends {
|
|
47
|
-
new (...args: any[]): Record<string, any>;
|
|
48
|
-
}>(constructor: T): {
|
|
49
|
-
new (...args: any[]): {
|
|
50
|
-
[x: string]: any;
|
|
51
|
-
errorText?: string | undefined;
|
|
52
|
-
"__#
|
|
53
|
-
"__#
|
|
54
|
-
errorTextChanged(_: string, newmsg: string | undefined): void;
|
|
55
|
-
};
|
|
56
|
-
} & T;
|
|
57
|
-
export {};
|
|
1
|
+
import type { ElementDefinitionContext } from '@microsoft/fast-foundation';
|
|
2
|
+
export interface FormElement {
|
|
3
|
+
errorValidationMessage: boolean;
|
|
4
|
+
label: string;
|
|
5
|
+
userValid: boolean;
|
|
6
|
+
dirtyValue: boolean;
|
|
7
|
+
}
|
|
8
|
+
export interface FormElementHelperText {
|
|
9
|
+
helperText?: string;
|
|
10
|
+
}
|
|
11
|
+
export interface FormElementSuccessText {
|
|
12
|
+
successText?: string;
|
|
13
|
+
}
|
|
14
|
+
export interface FormElementCharCount {
|
|
15
|
+
charCount: boolean;
|
|
16
|
+
}
|
|
17
|
+
export interface ErrorText {
|
|
18
|
+
errorText: string;
|
|
19
|
+
}
|
|
20
|
+
export declare class FormElementHelperText {
|
|
21
|
+
helperText?: string;
|
|
22
|
+
}
|
|
23
|
+
export declare class FormElementSuccessText {
|
|
24
|
+
successText?: string;
|
|
25
|
+
}
|
|
26
|
+
export declare class FormElementCharCount {
|
|
27
|
+
charCount: boolean;
|
|
28
|
+
}
|
|
29
|
+
export declare function formElements<T extends {
|
|
30
|
+
new (...args: any[]): Record<string, any>;
|
|
31
|
+
}>(constructor: T): {
|
|
32
|
+
new (...args: any[]): {
|
|
33
|
+
[x: string]: any;
|
|
34
|
+
label?: string | undefined;
|
|
35
|
+
userValid: boolean;
|
|
36
|
+
"__#9413@#blurred": boolean;
|
|
37
|
+
readonly errorValidationMessage: any;
|
|
38
|
+
connectedCallback(): void;
|
|
39
|
+
"__#9413@#handleInvalidEvent": () => void;
|
|
40
|
+
disconnectedCallback(): void;
|
|
41
|
+
validate: () => void;
|
|
42
|
+
};
|
|
43
|
+
} & T;
|
|
44
|
+
type FeedbackType = 'error' | 'helper' | 'success';
|
|
45
|
+
export declare function getFeedbackTemplate(messageType: FeedbackType, context: ElementDefinitionContext): import("@microsoft/fast-element").ViewTemplate<FormElement, any>;
|
|
46
|
+
export declare function errorText<T extends {
|
|
47
|
+
new (...args: any[]): Record<string, any>;
|
|
48
|
+
}>(constructor: T): {
|
|
49
|
+
new (...args: any[]): {
|
|
50
|
+
[x: string]: any;
|
|
51
|
+
errorText?: string | undefined;
|
|
52
|
+
"__#9414@#shouldValidate": boolean;
|
|
53
|
+
"__#9414@#prevSuccessText": string;
|
|
54
|
+
errorTextChanged(_: string, newmsg: string | undefined): void;
|
|
55
|
+
};
|
|
56
|
+
} & T;
|
|
57
|
+
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './form-elements';
|
|
1
|
+
export * from './form-elements';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export * from './affix';
|
|
2
|
-
export * from './focus';
|
|
3
|
-
export * from './form-elements';
|
|
1
|
+
export * from './affix';
|
|
2
|
+
export * from './focus';
|
|
3
|
+
export * from './form-elements';
|
package/shared/repeat.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { e as emptyArray, O as Observable,
|
|
1
|
+
import { e as emptyArray, O as Observable, S as SubscriberSet, D as DOM, H as HTMLDirective, i as HTMLView } from './index.js';
|
|
2
2
|
|
|
3
3
|
/** @internal */
|
|
4
4
|
function newSplice(index, removed, addedCount) {
|
|
@@ -4,8 +4,6 @@ import { h as html } from './index.js';
|
|
|
4
4
|
import { r as ref } from './ref.js';
|
|
5
5
|
import { c as classNames } from './class-names.js';
|
|
6
6
|
|
|
7
|
-
let _ = t => t,
|
|
8
|
-
_t;
|
|
9
7
|
const getClasses = ({
|
|
10
8
|
text,
|
|
11
9
|
icon
|
|
@@ -13,47 +11,47 @@ const getClasses = ({
|
|
|
13
11
|
const textAnchorTemplate = context => {
|
|
14
12
|
const affixIconTemplate = affixIconTemplateFactory(context);
|
|
15
13
|
const focusTemplate = focusTemplateFactory(context);
|
|
16
|
-
return html
|
|
17
|
-
class="${
|
|
18
|
-
download="${
|
|
19
|
-
href="${
|
|
20
|
-
hreflang="${
|
|
21
|
-
ping="${
|
|
22
|
-
referrerpolicy="${
|
|
23
|
-
rel="${
|
|
24
|
-
target="${
|
|
25
|
-
type="${
|
|
26
|
-
aria-atomic="${
|
|
27
|
-
aria-busy="${
|
|
28
|
-
aria-controls="${
|
|
29
|
-
aria-current="${
|
|
30
|
-
aria-describedby="${
|
|
31
|
-
aria-details="${
|
|
32
|
-
aria-disabled="${
|
|
33
|
-
aria-errormessage="${
|
|
34
|
-
aria-expanded="${
|
|
35
|
-
aria-flowto="${
|
|
36
|
-
aria-haspopup="${
|
|
37
|
-
aria-hidden="${
|
|
38
|
-
aria-invalid="${
|
|
39
|
-
aria-keyshortcuts="${
|
|
40
|
-
aria-label="${
|
|
41
|
-
aria-labelledby="${
|
|
42
|
-
aria-live="${
|
|
43
|
-
aria-owns="${
|
|
44
|
-
aria-relevant="${
|
|
45
|
-
aria-roledescription="${
|
|
46
|
-
${
|
|
14
|
+
return html`<a
|
|
15
|
+
class="${getClasses}"
|
|
16
|
+
download="${x => x.download}"
|
|
17
|
+
href="${x => x.href}"
|
|
18
|
+
hreflang="${x => x.hreflang}"
|
|
19
|
+
ping="${x => x.ping}"
|
|
20
|
+
referrerpolicy="${x => x.referrerpolicy}"
|
|
21
|
+
rel="${x => x.rel}"
|
|
22
|
+
target="${x => x.target}"
|
|
23
|
+
type="${x => x.type}"
|
|
24
|
+
aria-atomic="${x => x.ariaAtomic}"
|
|
25
|
+
aria-busy="${x => x.ariaBusy}"
|
|
26
|
+
aria-controls="${x => x.ariaControls}"
|
|
27
|
+
aria-current="${x => x.ariaCurrent}"
|
|
28
|
+
aria-describedby="${x => x.ariaDescribedby}"
|
|
29
|
+
aria-details="${x => x.ariaDetails}"
|
|
30
|
+
aria-disabled="${x => x.ariaDisabled}"
|
|
31
|
+
aria-errormessage="${x => x.ariaErrormessage}"
|
|
32
|
+
aria-expanded="${x => x.ariaExpanded}"
|
|
33
|
+
aria-flowto="${x => x.ariaFlowto}"
|
|
34
|
+
aria-haspopup="${x => x.ariaHaspopup}"
|
|
35
|
+
aria-hidden="${x => x.ariaHidden}"
|
|
36
|
+
aria-invalid="${x => x.ariaInvalid}"
|
|
37
|
+
aria-keyshortcuts="${x => x.ariaKeyshortcuts}"
|
|
38
|
+
aria-label="${x => x.ariaLabel}"
|
|
39
|
+
aria-labelledby="${x => x.ariaLabelledby}"
|
|
40
|
+
aria-live="${x => x.ariaLive}"
|
|
41
|
+
aria-owns="${x => x.ariaOwns}"
|
|
42
|
+
aria-relevant="${x => x.ariaRelevant}"
|
|
43
|
+
aria-roledescription="${x => x.ariaRoledescription}"
|
|
44
|
+
${ref('control')}
|
|
47
45
|
>
|
|
48
|
-
${
|
|
49
|
-
${
|
|
50
|
-
${
|
|
51
|
-
${
|
|
52
|
-
</a>
|
|
53
|
-
`), getClasses, x => x.download, x => x.href, x => x.hreflang, x => x.ping, x => x.referrerpolicy, x => x.rel, x => x.target, x => x.type, x => x.ariaAtomic, x => x.ariaBusy, x => x.ariaControls, x => x.ariaCurrent, x => x.ariaDescribedby, x => x.ariaDetails, x => x.ariaDisabled, x => x.ariaErrormessage, x => x.ariaExpanded, x => x.ariaFlowto, x => x.ariaHaspopup, x => x.ariaHidden, x => x.ariaInvalid, x => x.ariaKeyshortcuts, x => x.ariaLabel, x => x.ariaLabelledby, x => x.ariaLive, x => x.ariaOwns, x => x.ariaRelevant, x => x.ariaRoledescription, ref('control'), () => focusTemplate, x => affixIconTemplate(x.icon), x => x.text, x => {
|
|
46
|
+
${() => focusTemplate}
|
|
47
|
+
${x => affixIconTemplate(x.icon)}
|
|
48
|
+
${x => x.text}
|
|
49
|
+
${x => {
|
|
54
50
|
var _a, _b;
|
|
55
51
|
return (_b = (_a = x.getBodyTemplate) === null || _a === void 0 ? void 0 : _a.call(x)) !== null && _b !== void 0 ? _b : '';
|
|
56
|
-
}
|
|
52
|
+
}}
|
|
53
|
+
</a>
|
|
54
|
+
`;
|
|
57
55
|
};
|
|
58
56
|
|
|
59
57
|
export { textAnchorTemplate as t };
|
package/shared/text-field.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
var css_248z = "/**\n * Do not edit directly\n * Generated on
|
|
1
|
+
var css_248z = "/**\n * Do not edit directly\n * Generated on Mon, 07 Aug 2023 18:00:27 GMT\n */\n:host {\n display: inline-block;\n}\n\n.base {\n --_text-field-gutter: calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density, 0), 2))) / 2.5);\n --_text-field-icon-size: calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density, 0), 2))) / 2);\n display: inline-grid;\n width: 100%;\n gap: 4px;\n grid-template-columns: min-content 1fr max-content;\n}\n.base {\n --_appearance-color-text: var(--vvd-color-canvas-text);\n --_appearance-color-fill: var(--_connotation-color-backdrop);\n --_appearance-color-outline: var(--_connotation-color-intermediate);\n}\n.base.appearance-ghost {\n --_appearance-color-text: var(--_connotation-color-primary);\n --_appearance-color-fill: transparent;\n --_appearance-color-outline: transparent;\n}\n.base:where(:hover, .hover):where(:not(:disabled, .disabled, .readonly)) {\n --_appearance-color-text: var(--vvd-color-canvas-text);\n --_appearance-color-fill: var(--_connotation-color-backdrop);\n --_appearance-color-outline: var(--_connotation-color-firm);\n}\n.base:where(:hover, .hover):where(:not(:disabled, .disabled, .readonly)).appearance-ghost {\n --_appearance-color-text: var(--_connotation-color-primary);\n --_appearance-color-fill: var(--_connotation-color-faint);\n --_appearance-color-outline: transparent;\n}\n.base:where(:disabled, .disabled) {\n --_appearance-color-text: var(--vvd-color-neutral-300);\n --_appearance-color-fill: var(--vvd-color-neutral-100);\n --_appearance-color-outline: var(--vvd-color-neutral-300);\n}\n.base:where(:disabled, .disabled).appearance-ghost {\n --_appearance-color-text: var(--vvd-color-neutral-300);\n --_appearance-color-fill: transparent;\n --_appearance-color-outline: transparent;\n}\n.base:where(.readonly):where(:not(:disabled, .disabled)) {\n --_appearance-color-text: var(--vvd-color-canvas-text);\n --_appearance-color-fill: var(--vvd-color-neutral-200);\n --_appearance-color-outline: var(--vvd-color-neutral-400);\n}\n.base:where(.readonly):where(:not(:disabled, .disabled)).appearance-ghost {\n --_appearance-color-text: var(--vvd-color-neutral-600);\n --_appearance-color-fill: transparent;\n --_appearance-color-outline: transparent;\n}\n.base.connotation-success {\n /* @cssprop [--vvd-text-field-success-primary=var(--vvd-color-success-500)] */\n --_connotation-color-primary: var(--vvd-text-field-success-primary, var(--vvd-color-success-500));\n /* @cssprop [--vvd-text-field-success-backdrop=var(--vvd-color-success-50)] */\n --_connotation-color-backdrop: var(--vvd-text-field-success-backdrop, var(--vvd-color-success-50));\n /* @cssprop [--vvd-text-field-success-intermediate=var(--vvd-color-success-500)] */\n --_connotation-color-intermediate: var(--vvd-text-field-success-intermediate, var(--vvd-color-success-500));\n /* @cssprop [--vvd-text-field-success-firm=var(--vvd-color-success-600)] */\n --_connotation-color-firm: var(--vvd-text-field-success-firm, var(--vvd-color-success-600));\n /* @cssprop [--vvd-text-field-success-faint=var(--vvd-color-success-50)] */\n --_connotation-color-faint: var(--vvd-text-field-success-faint, var(--vvd-color-success-50));\n /* @cssprop [--vvd-text-field-success-soft=var(--vvd-color-success-100)] */\n --_connotation-color-soft: var(--vvd-text-field-success-soft, var(--vvd-color-success-100));\n}\n.base.connotation-alert {\n /* @cssprop [--vvd-text-field-alert-primary=var(--vvd-color-alert-500)] */\n --_connotation-color-primary: var(--vvd-text-field-alert-primary, var(--vvd-color-alert-500));\n /* @cssprop [--vvd-text-field-alert-backdrop=var(--vvd-color-alert-50)] */\n --_connotation-color-backdrop: var(--vvd-text-field-alert-backdrop, var(--vvd-color-alert-50));\n /* @cssprop [--vvd-text-field-alert-intermediate=var(--vvd-color-alert-500)] */\n --_connotation-color-intermediate: var(--vvd-text-field-alert-intermediate, var(--vvd-color-alert-500));\n /* @cssprop [--vvd-text-field-alert-firm=var(--vvd-color-alert-600)] */\n --_connotation-color-firm: var(--vvd-text-field-alert-firm, var(--vvd-color-alert-600));\n /* @cssprop [--vvd-text-field-alert-faint=var(--vvd-color-alert-50)] */\n --_connotation-color-faint: var(--vvd-text-field-alert-faint, var(--vvd-color-alert-50));\n /* @cssprop [--vvd-text-field-alert-soft=var(--vvd-color-alert-100)] */\n --_connotation-color-soft: var(--vvd-text-field-alert-soft, var(--vvd-color-alert-100));\n}\n.base:not(.connotation-success, .connotation-alert) {\n /* @cssprop [--vvd-text-field-accent-primary=var(--vvd-color-canvas-text)] */\n --_connotation-color-primary: var(--vvd-text-field-accent-primary, var(--vvd-color-canvas-text));\n /* @cssprop [--vvd-text-field-accent-backdrop=var(--vvd-color-canvas)] */\n --_connotation-color-backdrop: var(--vvd-text-field-accent-backdrop, var(--vvd-color-canvas));\n /* @cssprop [--vvd-text-field-accent-intermediate=var(--vvd-color-neutral-500)] */\n --_connotation-color-intermediate: var(--vvd-text-field-accent-intermediate, var(--vvd-color-neutral-500));\n /* @cssprop [--vvd-text-field-accent-firm=var(--vvd-color-canvas-text)] */\n --_connotation-color-firm: var(--vvd-text-field-accent-firm, var(--vvd-color-canvas-text));\n /* @cssprop [--vvd-text-field-accent-faint=var(--vvd-color-neutral-50)] */\n --_connotation-color-faint: var(--vvd-text-field-accent-faint, var(--vvd-color-neutral-50));\n /* @cssprop [--vvd-text-field-accent-soft=var(--vvd-color-neutral-100)] */\n --_connotation-color-soft: var(--vvd-text-field-accent-soft, var(--vvd-color-neutral-100));\n}\n@supports (user-select: none) {\n .base {\n user-select: none;\n }\n}\n.base:not(.disabled) {\n --_low-ink-color: var(--vvd-color-neutral-600);\n}\n.base.disabled {\n --_low-ink-color: var(--_appearance-color-text);\n}\n\n.label {\n color: var(--vvd-color-canvas-text);\n contain: inline-size;\n font: var(--vvd-typography-base);\n grid-column: 1/4;\n grid-row: 1;\n}\n.char-count + .label {\n grid-column: 1/3;\n}\n\n.char-count {\n color: var(--_low-ink-color);\n font: var(--vvd-typography-base);\n grid-column: 3/4;\n}\n\n.fieldset {\n position: relative;\n display: flex;\n align-items: center;\n background-color: var(--_appearance-color-fill);\n box-shadow: inset 0 0 0 1px var(--_appearance-color-outline);\n font: var(--vvd-typography-base);\n grid-column: 1/4;\n padding-block: 0;\n transition: color 0.2s, box-shadow 0.2s, background-color 0.2s;\n /* Shape */\n}\n.base > .fieldset {\n block-size: calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density, 0), 2)));\n}\n.base:not(.shape-pill) .fieldset {\n border-radius: 6px;\n}\n.base.shape-pill .fieldset {\n border-radius: 24px;\n}\n\n.wrapper {\n position: relative;\n block-size: 100%;\n border-radius: inherit;\n inline-size: 100%;\n}\n\n.control {\n width: 100%;\n box-sizing: border-box;\n border: 0 none;\n appearance: none; /* for box-shadow visibility on IOS */\n background-color: transparent;\n block-size: 100%;\n border-radius: inherit;\n color: inherit;\n font: inherit;\n padding-block: 0;\n padding-inline-end: var(--_text-field-gutter);\n padding-inline-start: var(--_text-field-gutter);\n}\n.control:disabled {\n cursor: not-allowed;\n opacity: 1; /* 2. correct opacity on iOS */\n -webkit-text-fill-color: var(--_appearance-color-text); /* 1. sets text fill to current `color` for safari */\n}\n.control::placeholder, .control:disabled::placeholder {\n opacity: 1; /* 2. correct opacity on iOS */\n -webkit-text-fill-color: var(--_low-ink-color); /* 1. sets text fill to current `color` for safari */\n}\n.base.action-items .control {\n padding-inline-end: var(--text-field-inline-end-padding, calc(var(--_text-field-icon-size) + var(--_text-field-gutter)));\n}\n@supports selector(:focus-visible) {\n .control:focus {\n outline: none;\n }\n}\n\n.action-items-wrapper {\n position: absolute;\n inset-inline-end: calc(var(--_text-field-gutter) / 4);\n}\n.base:not(.action-items) .action-items-wrapper {\n display: none;\n}\n\n.icon {\n position: absolute;\n z-index: 1;\n color: var(--_low-ink-color);\n font-size: var(--_text-field-icon-size);\n inset-inline-start: var(--_text-field-gutter);\n line-height: 1;\n}\n.icon + .wrapper .control {\n padding-inline-start: calc(var(--_text-field-icon-size) + var(--_text-field-gutter) * 2);\n}\n\n.focus-indicator {\n --focus-stroke-gap-color: transparent;\n pointer-events: none;\n}\n.wrapper:not(:focus-visible, :focus-within) > .focus-indicator, .fieldset:not(:focus-visible, :focus-within) > .focus-indicator {\n display: none;\n}";
|
|
2
2
|
|
|
3
3
|
export { css_248z as c };
|
package/shared/text-field2.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { F as FoundationElement,
|
|
1
|
+
import { F as FoundationElement, D as DOM, _ as __decorate, a as attr, n as nullableNumberConverter, o as observable } from './index.js';
|
|
2
2
|
import { a as applyMixins } from './apply-mixins.js';
|
|
3
3
|
import { F as FormAssociated } from './form-associated.js';
|
|
4
4
|
import { A as ARIAGlobalStatesAndProperties } from './aria-global.js';
|
package/shared/when.js
CHANGED
|
@@ -1,15 +1,29 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Determines whether or not an object is a function.
|
|
3
|
+
* @public
|
|
4
|
+
*/
|
|
5
|
+
const isFunction = (object) => typeof object === "function";
|
|
6
|
+
|
|
7
|
+
const noTemplate = () => null;
|
|
8
|
+
function normalizeBinding(value) {
|
|
9
|
+
return value === undefined ? noTemplate : isFunction(value) ? value : () => value;
|
|
10
|
+
}
|
|
1
11
|
/**
|
|
2
12
|
* A directive that enables basic conditional rendering in a template.
|
|
3
13
|
* @param binding - The condition to test for rendering.
|
|
4
14
|
* @param templateOrTemplateBinding - The template or a binding that gets
|
|
5
15
|
* the template to render when the condition is true.
|
|
16
|
+
* @param elseTemplateOrTemplateBinding - Optional template or binding that that
|
|
17
|
+
* gets the template to render when the conditional is false.
|
|
6
18
|
* @public
|
|
7
19
|
*/
|
|
8
|
-
function when(binding, templateOrTemplateBinding) {
|
|
9
|
-
const
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
return (source, context) =>
|
|
20
|
+
function when(binding, templateOrTemplateBinding, elseTemplateOrTemplateBinding) {
|
|
21
|
+
const dataBinding = isFunction(binding) ? binding : () => binding;
|
|
22
|
+
const templateBinding = normalizeBinding(templateOrTemplateBinding);
|
|
23
|
+
const elseBinding = normalizeBinding(elseTemplateOrTemplateBinding);
|
|
24
|
+
return (source, context) => dataBinding(source, context)
|
|
25
|
+
? templateBinding(source, context)
|
|
26
|
+
: elseBinding(source, context);
|
|
13
27
|
}
|
|
14
28
|
|
|
15
29
|
export { when as w };
|
package/slider/index.js
CHANGED
|
@@ -2,9 +2,6 @@ import { r as registerSlider } from '../shared/definition43.js';
|
|
|
2
2
|
import '../shared/index.js';
|
|
3
3
|
import '../shared/definition4.js';
|
|
4
4
|
import '../shared/focus.js';
|
|
5
|
-
import '../shared/to-string.js';
|
|
6
|
-
import '../shared/string-trim.js';
|
|
7
|
-
import '../shared/es.regexp.to-string.js';
|
|
8
5
|
import '../shared/direction.js';
|
|
9
6
|
import '../shared/numbers.js';
|
|
10
7
|
import '../shared/form-associated.js';
|
package/styles/core/all.css
CHANGED
package/styles/core/theme.css
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 07 Aug 2023 18:00:27 GMT
|
|
4
4
|
*/
|
|
5
5
|
/**
|
|
6
6
|
* Do not edit directly
|
|
7
|
-
* Generated on
|
|
7
|
+
* Generated on Mon, 07 Aug 2023 18:00:27 GMT
|
|
8
8
|
*/
|
|
9
9
|
/**
|
|
10
10
|
* Do not edit directly
|
|
11
|
-
* Generated on
|
|
11
|
+
* Generated on Mon, 07 Aug 2023 18:00:27 GMT
|
|
12
12
|
*/
|
|
13
13
|
/**
|
|
14
14
|
* Do not edit directly
|
|
15
|
-
* Generated on
|
|
15
|
+
* Generated on Mon, 07 Aug 2023 18:00:27 GMT
|
|
16
16
|
*/
|
|
17
17
|
@property --vvd-size-density {
|
|
18
18
|
syntax: "<integer>";
|
|
@@ -113,19 +113,19 @@
|
|
|
113
113
|
--vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #00000040) drop-shadow(0px 12px 16px #00000040) drop-shadow(0px 6px 8px #00000040);
|
|
114
114
|
--vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #00000040) drop-shadow(0px 16px 24px #00000040) drop-shadow(0px 8px 12px #00000040);
|
|
115
115
|
--vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000040) drop-shadow(0px 24px 32px #00000040) drop-shadow(0px 12px 16px #00000040);
|
|
116
|
-
--vvd-typography-headline: 500 calc(var(--vvd-size-font-scale-base, 16px) * 4.125)/1.3333333333333333
|
|
117
|
-
--vvd-typography-subtitle: 500 calc(var(--vvd-size-font-scale-base, 16px) * 3.25)/1.3076923076923077
|
|
118
|
-
--vvd-typography-heading-1: 500 calc(var(--vvd-size-font-scale-base, 16px) * 2.5)/1.3
|
|
119
|
-
--vvd-typography-heading-2: 500 calc(var(--vvd-size-font-scale-base, 16px) * 2)/1.375
|
|
120
|
-
--vvd-typography-heading-3: 500 calc(var(--vvd-size-font-scale-base, 16px) * 1.625)/1.3846153846153846
|
|
121
|
-
--vvd-typography-heading-4: 500 calc(var(--vvd-size-font-scale-base, 16px) * 1.25)/1.4
|
|
122
|
-
--vvd-typography-base: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286
|
|
123
|
-
--vvd-typography-base-bold: 600 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286
|
|
124
|
-
--vvd-typography-base-code: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286
|
|
125
|
-
--vvd-typography-base-condensed: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.75)/1.3333333333333333
|
|
126
|
-
--vvd-typography-base-condensed-bold: 600 calc(var(--vvd-size-font-scale-base, 16px) * 0.75)/1.3333333333333333
|
|
127
|
-
--vvd-typography-base-extended: 400 calc(var(--vvd-size-font-scale-base, 16px))/1.5
|
|
128
|
-
--vvd-typography-base-extended-bold: 600 calc(var(--vvd-size-font-scale-base, 16px))/1.5
|
|
116
|
+
--vvd-typography-headline: 500 calc(var(--vvd-size-font-scale-base, 16px) * 4.125)/1.3333333333333333 Montserrat;
|
|
117
|
+
--vvd-typography-subtitle: 500 calc(var(--vvd-size-font-scale-base, 16px) * 3.25)/1.3076923076923077 Montserrat;
|
|
118
|
+
--vvd-typography-heading-1: 500 calc(var(--vvd-size-font-scale-base, 16px) * 2.5)/1.3 Montserrat;
|
|
119
|
+
--vvd-typography-heading-2: 500 calc(var(--vvd-size-font-scale-base, 16px) * 2)/1.375 Montserrat;
|
|
120
|
+
--vvd-typography-heading-3: 500 calc(var(--vvd-size-font-scale-base, 16px) * 1.625)/1.3846153846153846 Montserrat;
|
|
121
|
+
--vvd-typography-heading-4: 500 calc(var(--vvd-size-font-scale-base, 16px) * 1.25)/1.4 Montserrat;
|
|
122
|
+
--vvd-typography-base: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Montserrat;
|
|
123
|
+
--vvd-typography-base-bold: 600 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Montserrat;
|
|
124
|
+
--vvd-typography-base-code: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Roboto Mono;
|
|
125
|
+
--vvd-typography-base-condensed: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.75)/1.3333333333333333 Montserrat;
|
|
126
|
+
--vvd-typography-base-condensed-bold: 600 calc(var(--vvd-size-font-scale-base, 16px) * 0.75)/1.3333333333333333 Montserrat;
|
|
127
|
+
--vvd-typography-base-extended: 400 calc(var(--vvd-size-font-scale-base, 16px))/1.5 Montserrat;
|
|
128
|
+
--vvd-typography-base-extended-bold: 600 calc(var(--vvd-size-font-scale-base, 16px))/1.5 Montserrat;
|
|
129
129
|
}
|
|
130
130
|
|
|
131
131
|
.vvd-theme-alternate, ::part(vvd-theme-alternate) {
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Mon, 07 Aug 2023 18:00:27 GMT
|
|
4
4
|
*/
|
|
5
5
|
/**
|
|
6
6
|
* Do not edit directly
|
|
7
|
-
* Generated on
|
|
7
|
+
* Generated on Mon, 07 Aug 2023 18:00:27 GMT
|
|
8
8
|
*/
|
|
9
9
|
/**
|
|
10
10
|
* Do not edit directly
|
|
11
|
-
* Generated on
|
|
11
|
+
* Generated on Mon, 07 Aug 2023 18:00:27 GMT
|
|
12
12
|
*/
|
|
13
13
|
/**
|
|
14
14
|
* Do not edit directly
|
|
15
|
-
* Generated on
|
|
15
|
+
* Generated on Mon, 07 Aug 2023 18:00:27 GMT
|
|
16
16
|
*/
|
|
17
17
|
@property --vvd-size-density {
|
|
18
18
|
syntax: "<integer>";
|
|
@@ -119,19 +119,19 @@
|
|
|
119
119
|
--vvd-shadow-surface-12dp: drop-shadow(0px 4px 24px #0000001a) drop-shadow(0px 12px 16px #0000000d) drop-shadow(0px 6px 8px #0000000d);
|
|
120
120
|
--vvd-shadow-surface-16dp: drop-shadow(0px 6px 32px #0000001a) drop-shadow(0px 16px 24px #0000000d) drop-shadow(0px 8px 12px #0000000d);
|
|
121
121
|
--vvd-shadow-surface-24dp: drop-shadow(0px 12px 48px #00000033) drop-shadow(0px 24px 32px #0000000d) drop-shadow(0px 12px 16px #0000000d);
|
|
122
|
-
--vvd-typography-headline: 500 calc(var(--vvd-size-font-scale-base, 16px) * 4.125)/1.3333333333333333
|
|
123
|
-
--vvd-typography-subtitle: 500 calc(var(--vvd-size-font-scale-base, 16px) * 3.25)/1.3076923076923077
|
|
124
|
-
--vvd-typography-heading-1: 500 calc(var(--vvd-size-font-scale-base, 16px) * 2.5)/1.3
|
|
125
|
-
--vvd-typography-heading-2: 500 calc(var(--vvd-size-font-scale-base, 16px) * 2)/1.375
|
|
126
|
-
--vvd-typography-heading-3: 500 calc(var(--vvd-size-font-scale-base, 16px) * 1.625)/1.3846153846153846
|
|
127
|
-
--vvd-typography-heading-4: 500 calc(var(--vvd-size-font-scale-base, 16px) * 1.25)/1.4
|
|
128
|
-
--vvd-typography-base: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286
|
|
129
|
-
--vvd-typography-base-bold: 600 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286
|
|
130
|
-
--vvd-typography-base-code: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286
|
|
131
|
-
--vvd-typography-base-condensed: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.75)/1.3333333333333333
|
|
132
|
-
--vvd-typography-base-condensed-bold: 600 calc(var(--vvd-size-font-scale-base, 16px) * 0.75)/1.3333333333333333
|
|
133
|
-
--vvd-typography-base-extended: 400 calc(var(--vvd-size-font-scale-base, 16px))/1.5
|
|
134
|
-
--vvd-typography-base-extended-bold: 600 calc(var(--vvd-size-font-scale-base, 16px))/1.5
|
|
122
|
+
--vvd-typography-headline: 500 calc(var(--vvd-size-font-scale-base, 16px) * 4.125)/1.3333333333333333 Montserrat;
|
|
123
|
+
--vvd-typography-subtitle: 500 calc(var(--vvd-size-font-scale-base, 16px) * 3.25)/1.3076923076923077 Montserrat;
|
|
124
|
+
--vvd-typography-heading-1: 500 calc(var(--vvd-size-font-scale-base, 16px) * 2.5)/1.3 Montserrat;
|
|
125
|
+
--vvd-typography-heading-2: 500 calc(var(--vvd-size-font-scale-base, 16px) * 2)/1.375 Montserrat;
|
|
126
|
+
--vvd-typography-heading-3: 500 calc(var(--vvd-size-font-scale-base, 16px) * 1.625)/1.3846153846153846 Montserrat;
|
|
127
|
+
--vvd-typography-heading-4: 500 calc(var(--vvd-size-font-scale-base, 16px) * 1.25)/1.4 Montserrat;
|
|
128
|
+
--vvd-typography-base: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Montserrat;
|
|
129
|
+
--vvd-typography-base-bold: 600 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Montserrat;
|
|
130
|
+
--vvd-typography-base-code: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.875)/1.4285714285714286 Roboto Mono;
|
|
131
|
+
--vvd-typography-base-condensed: 400 calc(var(--vvd-size-font-scale-base, 16px) * 0.75)/1.3333333333333333 Montserrat;
|
|
132
|
+
--vvd-typography-base-condensed-bold: 600 calc(var(--vvd-size-font-scale-base, 16px) * 0.75)/1.3333333333333333 Montserrat;
|
|
133
|
+
--vvd-typography-base-extended: 400 calc(var(--vvd-size-font-scale-base, 16px))/1.5 Montserrat;
|
|
134
|
+
--vvd-typography-base-extended-bold: 600 calc(var(--vvd-size-font-scale-base, 16px))/1.5 Montserrat;
|
|
135
135
|
}
|
|
136
136
|
|
|
137
137
|
.vvd-theme-alternate, ::part(vvd-theme-alternate) {
|
package/switch/index.js
CHANGED
|
@@ -2,8 +2,6 @@ import { r as registerSwitch } from '../shared/definition44.js';
|
|
|
2
2
|
import '../shared/index.js';
|
|
3
3
|
import '../shared/definition3.js';
|
|
4
4
|
import '../shared/icon.js';
|
|
5
|
-
import '../shared/to-string.js';
|
|
6
|
-
import '../shared/string-trim.js';
|
|
7
5
|
import '../shared/_has.js';
|
|
8
6
|
import '../shared/class-names.js';
|
|
9
7
|
import '../shared/when.js';
|
package/tab/index.js
CHANGED
|
@@ -2,8 +2,6 @@ import { r as registerTab } from '../shared/definition45.js';
|
|
|
2
2
|
import '../shared/index.js';
|
|
3
3
|
import '../shared/definition3.js';
|
|
4
4
|
import '../shared/icon.js';
|
|
5
|
-
import '../shared/to-string.js';
|
|
6
|
-
import '../shared/string-trim.js';
|
|
7
5
|
import '../shared/_has.js';
|
|
8
6
|
import '../shared/class-names.js';
|
|
9
7
|
import '../shared/when.js';
|
package/tabs/index.js
CHANGED
|
@@ -3,8 +3,6 @@ import '../shared/index.js';
|
|
|
3
3
|
import '../shared/definition45.js';
|
|
4
4
|
import '../shared/definition3.js';
|
|
5
5
|
import '../shared/icon.js';
|
|
6
|
-
import '../shared/to-string.js';
|
|
7
|
-
import '../shared/string-trim.js';
|
|
8
6
|
import '../shared/_has.js';
|
|
9
7
|
import '../shared/class-names.js';
|
|
10
8
|
import '../shared/when.js';
|
package/tag/index.js
CHANGED
|
@@ -2,8 +2,6 @@ import { r as registerTag } from '../shared/definition48.js';
|
|
|
2
2
|
import '../shared/index.js';
|
|
3
3
|
import '../shared/definition3.js';
|
|
4
4
|
import '../shared/icon.js';
|
|
5
|
-
import '../shared/to-string.js';
|
|
6
|
-
import '../shared/string-trim.js';
|
|
7
5
|
import '../shared/_has.js';
|
|
8
6
|
import '../shared/class-names.js';
|
|
9
7
|
import '../shared/when.js';
|
package/text-anchor/index.js
CHANGED
|
@@ -3,8 +3,6 @@ import { T as TextAnchor } from '../shared/text-anchor.js';
|
|
|
3
3
|
import { t as textAnchorTemplate } from '../shared/text-anchor.template.js';
|
|
4
4
|
import '../shared/affix.js';
|
|
5
5
|
import '../shared/icon.js';
|
|
6
|
-
import '../shared/to-string.js';
|
|
7
|
-
import '../shared/string-trim.js';
|
|
8
6
|
import '../shared/_has.js';
|
|
9
7
|
import '../shared/anchor.js';
|
|
10
8
|
import '../shared/apply-mixins.js';
|
package/text-area/index.js
CHANGED
|
@@ -2,8 +2,6 @@ import { r as registerTextArea } from '../shared/definition50.js';
|
|
|
2
2
|
import '../shared/index.js';
|
|
3
3
|
import '../shared/definition3.js';
|
|
4
4
|
import '../shared/icon.js';
|
|
5
|
-
import '../shared/to-string.js';
|
|
6
|
-
import '../shared/string-trim.js';
|
|
7
5
|
import '../shared/_has.js';
|
|
8
6
|
import '../shared/class-names.js';
|
|
9
7
|
import '../shared/when.js';
|
package/text-field/index.js
CHANGED
|
@@ -4,8 +4,6 @@ import '../shared/definition4.js';
|
|
|
4
4
|
import '../shared/focus.js';
|
|
5
5
|
import '../shared/definition3.js';
|
|
6
6
|
import '../shared/icon.js';
|
|
7
|
-
import '../shared/to-string.js';
|
|
8
|
-
import '../shared/string-trim.js';
|
|
9
7
|
import '../shared/_has.js';
|
|
10
8
|
import '../shared/class-names.js';
|
|
11
9
|
import '../shared/when.js';
|
package/toggletip/index.js
CHANGED
|
@@ -4,8 +4,6 @@ import '../shared/definition20.js';
|
|
|
4
4
|
import '../shared/definition7.js';
|
|
5
5
|
import '../shared/definition3.js';
|
|
6
6
|
import '../shared/icon.js';
|
|
7
|
-
import '../shared/to-string.js';
|
|
8
|
-
import '../shared/string-trim.js';
|
|
9
7
|
import '../shared/_has.js';
|
|
10
8
|
import '../shared/class-names.js';
|
|
11
9
|
import '../shared/when.js';
|
|
@@ -23,7 +21,5 @@ import '../shared/start-end.js';
|
|
|
23
21
|
import '../shared/ref.js';
|
|
24
22
|
import '../shared/focus2.js';
|
|
25
23
|
import '../shared/definition8.js';
|
|
26
|
-
import '../shared/es.object.assign.js';
|
|
27
|
-
import '../shared/es.regexp.to-string.js';
|
|
28
24
|
|
|
29
25
|
registerToggletip();
|
package/tooltip/index.js
CHANGED
|
@@ -4,8 +4,6 @@ import '../shared/definition20.js';
|
|
|
4
4
|
import '../shared/definition7.js';
|
|
5
5
|
import '../shared/definition3.js';
|
|
6
6
|
import '../shared/icon.js';
|
|
7
|
-
import '../shared/to-string.js';
|
|
8
|
-
import '../shared/string-trim.js';
|
|
9
7
|
import '../shared/_has.js';
|
|
10
8
|
import '../shared/class-names.js';
|
|
11
9
|
import '../shared/when.js';
|
|
@@ -23,6 +21,5 @@ import '../shared/start-end.js';
|
|
|
23
21
|
import '../shared/ref.js';
|
|
24
22
|
import '../shared/focus2.js';
|
|
25
23
|
import '../shared/definition8.js';
|
|
26
|
-
import '../shared/es.object.assign.js';
|
|
27
24
|
|
|
28
25
|
registerTooltip();
|