@tylertech/forge 3.14.0 → 3.14.1
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/custom-elements.json +141 -141
- package/dist/secret/forge-secret.css +1 -1
- package/esm/calendar/calendar-adapter.js +10 -0
- package/esm/calendar/calendar-menu/calendar-menu-adapter.js +3 -1
- package/esm/expansion-panel/expansion-panel.js +6 -4
- package/esm/secret/secret.scss.js +1 -1
- package/esm/split-view/split-view-panel/split-view-panel.scss.js +1 -1
- package/package.json +2 -2
- package/sass/secret/_core.scss +1 -0
- package/vscode.html-custom-data.json +28 -28
package/custom-elements.json
CHANGED
|
@@ -23318,89 +23318,6 @@
|
|
|
23318
23318
|
}
|
|
23319
23319
|
]
|
|
23320
23320
|
},
|
|
23321
|
-
{
|
|
23322
|
-
"kind": "javascript-module",
|
|
23323
|
-
"path": "src/lib/app-bar/help-button/app-bar-help-button.ts",
|
|
23324
|
-
"declarations": [
|
|
23325
|
-
{
|
|
23326
|
-
"kind": "class",
|
|
23327
|
-
"description": "",
|
|
23328
|
-
"name": "AppBarHelpButtonComponent",
|
|
23329
|
-
"members": [
|
|
23330
|
-
{
|
|
23331
|
-
"kind": "field",
|
|
23332
|
-
"name": "options",
|
|
23333
|
-
"type": {
|
|
23334
|
-
"text": "IMenuOption[]"
|
|
23335
|
-
},
|
|
23336
|
-
"privacy": "public",
|
|
23337
|
-
"description": "The menu options to display when the button is clicked",
|
|
23338
|
-
"default": "[]"
|
|
23339
|
-
},
|
|
23340
|
-
{
|
|
23341
|
-
"kind": "field",
|
|
23342
|
-
"name": "icon",
|
|
23343
|
-
"type": {
|
|
23344
|
-
"text": "string"
|
|
23345
|
-
},
|
|
23346
|
-
"privacy": "public",
|
|
23347
|
-
"description": "The name of an alternative icon to display.",
|
|
23348
|
-
"default": "help"
|
|
23349
|
-
}
|
|
23350
|
-
],
|
|
23351
|
-
"events": [
|
|
23352
|
-
{
|
|
23353
|
-
"type": {
|
|
23354
|
-
"text": "CustomEvent<IMenuSelectEventData>"
|
|
23355
|
-
},
|
|
23356
|
-
"description": "Bubbles up the menu select from the internal menu component.",
|
|
23357
|
-
"name": "forge-menu-select"
|
|
23358
|
-
}
|
|
23359
|
-
],
|
|
23360
|
-
"attributes": [
|
|
23361
|
-
{
|
|
23362
|
-
"type": {
|
|
23363
|
-
"text": "string"
|
|
23364
|
-
},
|
|
23365
|
-
"description": "The name of an alternative icon to display.",
|
|
23366
|
-
"name": "icon",
|
|
23367
|
-
"default": "help"
|
|
23368
|
-
},
|
|
23369
|
-
{
|
|
23370
|
-
"type": {
|
|
23371
|
-
"text": "string"
|
|
23372
|
-
},
|
|
23373
|
-
"description": "The aria-label to apply to the button.",
|
|
23374
|
-
"name": "aria-label"
|
|
23375
|
-
},
|
|
23376
|
-
{
|
|
23377
|
-
"type": {
|
|
23378
|
-
"text": "string"
|
|
23379
|
-
},
|
|
23380
|
-
"description": "The id of an element to use as the aria-labelledby attribute.",
|
|
23381
|
-
"name": "aria-labelledby"
|
|
23382
|
-
}
|
|
23383
|
-
],
|
|
23384
|
-
"superclass": {
|
|
23385
|
-
"name": "BaseComponent",
|
|
23386
|
-
"module": "/src/lib/core/base/base-component.js"
|
|
23387
|
-
},
|
|
23388
|
-
"tagName": "forge-app-bar-help-button",
|
|
23389
|
-
"customElement": true,
|
|
23390
|
-
"summary": "A help button component with a predefined help icon that displays a dropdown menu when clicked, designed for use in an app bar's end slot."
|
|
23391
|
-
}
|
|
23392
|
-
],
|
|
23393
|
-
"exports": [
|
|
23394
|
-
{
|
|
23395
|
-
"kind": "js",
|
|
23396
|
-
"name": "AppBarHelpButtonComponent",
|
|
23397
|
-
"declaration": {
|
|
23398
|
-
"name": "AppBarHelpButtonComponent",
|
|
23399
|
-
"module": "src/lib/app-bar/help-button/app-bar-help-button.ts"
|
|
23400
|
-
}
|
|
23401
|
-
}
|
|
23402
|
-
]
|
|
23403
|
-
},
|
|
23404
23321
|
{
|
|
23405
23322
|
"kind": "javascript-module",
|
|
23406
23323
|
"path": "src/lib/app-bar/app-bar/app-bar.ts",
|
|
@@ -23755,6 +23672,89 @@
|
|
|
23755
23672
|
}
|
|
23756
23673
|
]
|
|
23757
23674
|
},
|
|
23675
|
+
{
|
|
23676
|
+
"kind": "javascript-module",
|
|
23677
|
+
"path": "src/lib/app-bar/help-button/app-bar-help-button.ts",
|
|
23678
|
+
"declarations": [
|
|
23679
|
+
{
|
|
23680
|
+
"kind": "class",
|
|
23681
|
+
"description": "",
|
|
23682
|
+
"name": "AppBarHelpButtonComponent",
|
|
23683
|
+
"members": [
|
|
23684
|
+
{
|
|
23685
|
+
"kind": "field",
|
|
23686
|
+
"name": "options",
|
|
23687
|
+
"type": {
|
|
23688
|
+
"text": "IMenuOption[]"
|
|
23689
|
+
},
|
|
23690
|
+
"privacy": "public",
|
|
23691
|
+
"description": "The menu options to display when the button is clicked",
|
|
23692
|
+
"default": "[]"
|
|
23693
|
+
},
|
|
23694
|
+
{
|
|
23695
|
+
"kind": "field",
|
|
23696
|
+
"name": "icon",
|
|
23697
|
+
"type": {
|
|
23698
|
+
"text": "string"
|
|
23699
|
+
},
|
|
23700
|
+
"privacy": "public",
|
|
23701
|
+
"description": "The name of an alternative icon to display.",
|
|
23702
|
+
"default": "help"
|
|
23703
|
+
}
|
|
23704
|
+
],
|
|
23705
|
+
"events": [
|
|
23706
|
+
{
|
|
23707
|
+
"type": {
|
|
23708
|
+
"text": "CustomEvent<IMenuSelectEventData>"
|
|
23709
|
+
},
|
|
23710
|
+
"description": "Bubbles up the menu select from the internal menu component.",
|
|
23711
|
+
"name": "forge-menu-select"
|
|
23712
|
+
}
|
|
23713
|
+
],
|
|
23714
|
+
"attributes": [
|
|
23715
|
+
{
|
|
23716
|
+
"type": {
|
|
23717
|
+
"text": "string"
|
|
23718
|
+
},
|
|
23719
|
+
"description": "The name of an alternative icon to display.",
|
|
23720
|
+
"name": "icon",
|
|
23721
|
+
"default": "help"
|
|
23722
|
+
},
|
|
23723
|
+
{
|
|
23724
|
+
"type": {
|
|
23725
|
+
"text": "string"
|
|
23726
|
+
},
|
|
23727
|
+
"description": "The aria-label to apply to the button.",
|
|
23728
|
+
"name": "aria-label"
|
|
23729
|
+
},
|
|
23730
|
+
{
|
|
23731
|
+
"type": {
|
|
23732
|
+
"text": "string"
|
|
23733
|
+
},
|
|
23734
|
+
"description": "The id of an element to use as the aria-labelledby attribute.",
|
|
23735
|
+
"name": "aria-labelledby"
|
|
23736
|
+
}
|
|
23737
|
+
],
|
|
23738
|
+
"superclass": {
|
|
23739
|
+
"name": "BaseComponent",
|
|
23740
|
+
"module": "/src/lib/core/base/base-component.js"
|
|
23741
|
+
},
|
|
23742
|
+
"tagName": "forge-app-bar-help-button",
|
|
23743
|
+
"customElement": true,
|
|
23744
|
+
"summary": "A help button component with a predefined help icon that displays a dropdown menu when clicked, designed for use in an app bar's end slot."
|
|
23745
|
+
}
|
|
23746
|
+
],
|
|
23747
|
+
"exports": [
|
|
23748
|
+
{
|
|
23749
|
+
"kind": "js",
|
|
23750
|
+
"name": "AppBarHelpButtonComponent",
|
|
23751
|
+
"declaration": {
|
|
23752
|
+
"name": "AppBarHelpButtonComponent",
|
|
23753
|
+
"module": "src/lib/app-bar/help-button/app-bar-help-button.ts"
|
|
23754
|
+
}
|
|
23755
|
+
}
|
|
23756
|
+
]
|
|
23757
|
+
},
|
|
23758
23758
|
{
|
|
23759
23759
|
"kind": "javascript-module",
|
|
23760
23760
|
"path": "src/lib/app-bar/menu-button/app-bar-menu-button.ts",
|
|
@@ -36761,34 +36761,6 @@
|
|
|
36761
36761
|
}
|
|
36762
36762
|
]
|
|
36763
36763
|
},
|
|
36764
|
-
{
|
|
36765
|
-
"kind": "javascript-module",
|
|
36766
|
-
"path": "src/lib/view-switcher/view/view.ts",
|
|
36767
|
-
"declarations": [
|
|
36768
|
-
{
|
|
36769
|
-
"kind": "class",
|
|
36770
|
-
"description": "",
|
|
36771
|
-
"name": "ViewComponent",
|
|
36772
|
-
"superclass": {
|
|
36773
|
-
"name": "BaseComponent",
|
|
36774
|
-
"module": "/src/lib/core/base/base-component.js"
|
|
36775
|
-
},
|
|
36776
|
-
"tagName": "forge-view",
|
|
36777
|
-
"customElement": true,
|
|
36778
|
-
"summary": "Represents a single view content area within a view-switcher for organizing and displaying content sections."
|
|
36779
|
-
}
|
|
36780
|
-
],
|
|
36781
|
-
"exports": [
|
|
36782
|
-
{
|
|
36783
|
-
"kind": "js",
|
|
36784
|
-
"name": "ViewComponent",
|
|
36785
|
-
"declaration": {
|
|
36786
|
-
"name": "ViewComponent",
|
|
36787
|
-
"module": "src/lib/view-switcher/view/view.ts"
|
|
36788
|
-
}
|
|
36789
|
-
}
|
|
36790
|
-
]
|
|
36791
|
-
},
|
|
36792
36764
|
{
|
|
36793
36765
|
"kind": "javascript-module",
|
|
36794
36766
|
"path": "src/lib/tree/tree-item/tree-item.ts",
|
|
@@ -37235,6 +37207,34 @@
|
|
|
37235
37207
|
}
|
|
37236
37208
|
}
|
|
37237
37209
|
]
|
|
37210
|
+
},
|
|
37211
|
+
{
|
|
37212
|
+
"kind": "javascript-module",
|
|
37213
|
+
"path": "src/lib/view-switcher/view/view.ts",
|
|
37214
|
+
"declarations": [
|
|
37215
|
+
{
|
|
37216
|
+
"kind": "class",
|
|
37217
|
+
"description": "",
|
|
37218
|
+
"name": "ViewComponent",
|
|
37219
|
+
"superclass": {
|
|
37220
|
+
"name": "BaseComponent",
|
|
37221
|
+
"module": "/src/lib/core/base/base-component.js"
|
|
37222
|
+
},
|
|
37223
|
+
"tagName": "forge-view",
|
|
37224
|
+
"customElement": true,
|
|
37225
|
+
"summary": "Represents a single view content area within a view-switcher for organizing and displaying content sections."
|
|
37226
|
+
}
|
|
37227
|
+
],
|
|
37228
|
+
"exports": [
|
|
37229
|
+
{
|
|
37230
|
+
"kind": "js",
|
|
37231
|
+
"name": "ViewComponent",
|
|
37232
|
+
"declaration": {
|
|
37233
|
+
"name": "ViewComponent",
|
|
37234
|
+
"module": "src/lib/view-switcher/view/view.ts"
|
|
37235
|
+
}
|
|
37236
|
+
}
|
|
37237
|
+
]
|
|
37238
37238
|
}
|
|
37239
37239
|
],
|
|
37240
37240
|
"branchName": "main",
|
|
@@ -37268,8 +37268,8 @@
|
|
|
37268
37268
|
"lineNumber": 24
|
|
37269
37269
|
},
|
|
37270
37270
|
"HTMLElementTagNameMap": {
|
|
37271
|
-
"path": "src/lib/
|
|
37272
|
-
"lineNumber":
|
|
37271
|
+
"path": "src/lib/view-switcher/view/view.ts",
|
|
37272
|
+
"lineNumber": 12
|
|
37273
37273
|
},
|
|
37274
37274
|
"IAutocompleteAdapter": {
|
|
37275
37275
|
"path": "src/lib/autocomplete/autocomplete-adapter.ts",
|
|
@@ -39487,6 +39487,26 @@
|
|
|
39487
39487
|
"path": "src/lib/view-switcher/view-switcher.ts",
|
|
39488
39488
|
"lineNumber": 38
|
|
39489
39489
|
},
|
|
39490
|
+
"AppBarElevation": {
|
|
39491
|
+
"path": "src/lib/app-bar/app-bar/app-bar-constants.ts",
|
|
39492
|
+
"lineNumber": 43
|
|
39493
|
+
},
|
|
39494
|
+
"AppBarTheme": {
|
|
39495
|
+
"path": "src/lib/app-bar/app-bar/app-bar-constants.ts",
|
|
39496
|
+
"lineNumber": 44
|
|
39497
|
+
},
|
|
39498
|
+
"AppBarThemeMode": {
|
|
39499
|
+
"path": "src/lib/app-bar/app-bar/app-bar-constants.ts",
|
|
39500
|
+
"lineNumber": 45
|
|
39501
|
+
},
|
|
39502
|
+
"IAppBarComponent": {
|
|
39503
|
+
"path": "src/lib/app-bar/app-bar/app-bar.ts",
|
|
39504
|
+
"lineNumber": 14
|
|
39505
|
+
},
|
|
39506
|
+
"AppBarComponent": {
|
|
39507
|
+
"path": "src/lib/app-bar/app-bar/app-bar.ts",
|
|
39508
|
+
"lineNumber": 65
|
|
39509
|
+
},
|
|
39490
39510
|
"IAppBarHelpButtonAdapter": {
|
|
39491
39511
|
"path": "src/lib/app-bar/help-button/app-bar-help-button-adapter.ts",
|
|
39492
39512
|
"lineNumber": 11
|
|
@@ -39511,26 +39531,6 @@
|
|
|
39511
39531
|
"path": "src/lib/app-bar/help-button/app-bar-help-button.ts",
|
|
39512
39532
|
"lineNumber": 39
|
|
39513
39533
|
},
|
|
39514
|
-
"AppBarElevation": {
|
|
39515
|
-
"path": "src/lib/app-bar/app-bar/app-bar-constants.ts",
|
|
39516
|
-
"lineNumber": 43
|
|
39517
|
-
},
|
|
39518
|
-
"AppBarTheme": {
|
|
39519
|
-
"path": "src/lib/app-bar/app-bar/app-bar-constants.ts",
|
|
39520
|
-
"lineNumber": 44
|
|
39521
|
-
},
|
|
39522
|
-
"AppBarThemeMode": {
|
|
39523
|
-
"path": "src/lib/app-bar/app-bar/app-bar-constants.ts",
|
|
39524
|
-
"lineNumber": 45
|
|
39525
|
-
},
|
|
39526
|
-
"IAppBarComponent": {
|
|
39527
|
-
"path": "src/lib/app-bar/app-bar/app-bar.ts",
|
|
39528
|
-
"lineNumber": 14
|
|
39529
|
-
},
|
|
39530
|
-
"AppBarComponent": {
|
|
39531
|
-
"path": "src/lib/app-bar/app-bar/app-bar.ts",
|
|
39532
|
-
"lineNumber": 65
|
|
39533
|
-
},
|
|
39534
39534
|
"IAppBarMenuButtonComponent": {
|
|
39535
39535
|
"path": "src/lib/app-bar/menu-button/app-bar-menu-button.ts",
|
|
39536
39536
|
"lineNumber": 12
|
|
@@ -40975,14 +40975,6 @@
|
|
|
40975
40975
|
"path": "src/lib/tree/tree/tree.ts",
|
|
40976
40976
|
"lineNumber": 56
|
|
40977
40977
|
},
|
|
40978
|
-
"IViewComponent": {
|
|
40979
|
-
"path": "src/lib/view-switcher/view/view.ts",
|
|
40980
|
-
"lineNumber": 9
|
|
40981
|
-
},
|
|
40982
|
-
"ViewComponent": {
|
|
40983
|
-
"path": "src/lib/view-switcher/view/view.ts",
|
|
40984
|
-
"lineNumber": 22
|
|
40985
|
-
},
|
|
40986
40978
|
"TreeItemCheckboxIcon": {
|
|
40987
40979
|
"path": "src/lib/tree/tree-item/tree-item.ts",
|
|
40988
40980
|
"lineNumber": 18
|
|
@@ -40995,6 +40987,14 @@
|
|
|
40995
40987
|
"path": "src/lib/tree/tree-item/tree-item.ts",
|
|
40996
40988
|
"lineNumber": 32
|
|
40997
40989
|
},
|
|
40990
|
+
"IViewComponent": {
|
|
40991
|
+
"path": "src/lib/view-switcher/view/view.ts",
|
|
40992
|
+
"lineNumber": 9
|
|
40993
|
+
},
|
|
40994
|
+
"ViewComponent": {
|
|
40995
|
+
"path": "src/lib/view-switcher/view/view.ts",
|
|
40996
|
+
"lineNumber": 22
|
|
40997
|
+
},
|
|
40998
40998
|
"IWithFocusable": {
|
|
40999
40999
|
"path": "src/lib/core/mixins/focus/with-focusable.ts",
|
|
41000
41000
|
"lineNumber": 16
|
|
@@ -3,4 +3,4 @@
|
|
|
3
3
|
* Copyright Tyler Technologies, Inc.
|
|
4
4
|
* License: Apache-2.0
|
|
5
5
|
*/
|
|
6
|
-
.forge-secret{--_secret-blur:var(--forge-secret-blur, var(--forge-spacing-xsmall, 8px));--_secret-button-background:var(--forge-secret-button-background, var(--forge-theme-surface-inverse, #333333));--_secret-button-color:var(--forge-secret-button-color, var(--forge-theme-on-surface-inverse, #ffffff));--_secret-button-shape:var(--forge-secret-button-shape, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));--_secret-button-padding:var(--forge-secret-button-padding, var(--forge-spacing-xsmall, 8px));--_secret-icon-size:var(--forge-secret-icon-size, calc(var(--forge-typography-font-size, 1rem) * 1));--_secret-text-button-shape:var(--forge-secret-text-button-shape, calc(var(--forge-shape-full, 9999px) * var(--forge-shape-factor, 1)));--_secret-text-decoration-line:var(--forge-secret-text-decoration-line, underline);--_secret-text-decoration-style:var(--forge-secret-text-decoration-style, dotted);--_secret-text-decoration-color:var(--forge-secret-text-decoration-color, inherit);--_secret-text-underline-offset:var(--forge-secret-text-underline-offset, var(--forge-spacing-xxxsmall, 2px));--_secret-transition-duration:var(--forge-secret-transition-duration, var(--forge-animation-duration-short4, 200ms));--_secret-transition-easing:var(--forge-secret-transition-easing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));display:inline-block;vertical-align:bottom;display:flex;max-inline-size:fit-content}.forge-secret__content{display:inline-block;position:relative;transition:filter var(--_secret-transition-duration) var(--_secret-transition-easing)}.forge-secret__button{--forge-icon-button-background-color: var(--_secret-button-background);--forge-icon-button-icon-color: var(--_secret-button-color);--forge-icon-button-padding: 0;--forge-icon-button-shape: var(--_secret-button-shape);--forge-icon-button-size: 1lh;--forge-focus-indicator-outward-offset: 2px;block-size:0;padding-inline:var(--_secret-button-padding)}.forge-secret__text-button{--_button-dense-height:var(--forge-button-dense-height, 24px);--forge-button-background: var(--_secret-button-background);--forge-button-color: var(--_secret-button-color);--forge-button-shape: var(--_secret-text-button-shape);--forge-button-height: var(--_button-dense-height);--forge-focus-indicator-shape: var(--_secret-text-button-shape);padding:var(--_secret-button-padding);position:absolute;place-self:center;inset:0;translate:0;transition-property:inset-block-start,translate;transition-duration:var(--_secret-transition-duration);transition-timing-function:var(--_secret-transition-easing)}.forge-secret__icon{--forge-icon-font-size: var(--_secret-icon-size)}.forge-secret--show-on-hover:where(:hover,:has(:where(.forge-secret__button,.forge-secret__text-button):focus-visible)) .forge-secret__content{filter:none !important}.forge-secret--show-on-hover:where(:hover,:has(:where(.forge-secret__button,.forge-secret__text-button):focus-visible)) .forge-secret__content::before{display:none}.forge-secret--show-on-hover:where(:hover,:has(:where(.forge-secret__button,.forge-secret__text-button):focus-visible)).forge-secret--masked:not(.forge-secret--block) .forge-secret__content{display:inline-block !important}.forge-secret--show-on-hover:where(:hover,:has(:where(.forge-secret__button,.forge-secret__text-button):focus-visible)).forge-secret--masked:not(.forge-secret--block) .forge-secret__masked::before{display:none}.forge-secret--show-on-hover:where(:hover,:has(:where(.forge-secret__button,.forge-secret__text-button):focus-visible)) .forge-secret__text-button{inset-block-start:-100%;translate:0 -50%}.forge-secret--block{display:block;vertical-align:initial;display:block;position:relative}.forge-secret--block .forge-secret__content{display:block}.forge-secret:has(:where(.forge-secret__button,.forge-secret__text-button):not([aria-expanded=true])){cursor:pointer;cursor:unset}.forge-secret:has(:where(.forge-secret__button,.forge-secret__text-button):not([aria-expanded=true])) .forge-secret__content{interactivity:inert;user-select:none}.forge-secret:has(:where(.forge-secret__button,.forge-secret__text-button):not([aria-expanded=true])):where(.forge-secret--blur,.forge-secret--block.forge-secret--masked) .forge-secret__content{filter:blur(var(--_secret-blur))}.forge-secret:has(:where(.forge-secret__button,.forge-secret__text-button):not([aria-expanded=true])).forge-secret--masked:not(.forge-secret--block) .forge-secret__content{display:none}.forge-secret:has(:where(.forge-secret__button,.forge-secret__text-button):not([aria-expanded=true])).forge-secret--masked:not(.forge-secret--block) .forge-secret__masked::before{content:attr(data-mask)}.forge-secret:has(:where(.forge-secret__button,.forge-secret__text-button):not([aria-expanded=true])).forge-secret--noise .forge-secret__content::before{content:"";position:absolute;inset:0;width:100%;height:100%;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600"><filter id="noise"><feTurbulence type="fractalNoise" baseFrequency="0.85" numOctaves="8" stitchTiles="stitch" /><feColorMatrix type="matrix" values="0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 1 0" /></filter><rect width="100%" height="100%" filter="url(%23noise)" opacity=".5" /></svg>');background-size:600px 600px;background-repeat:repeat;backdrop-filter:blur(24px)}.forge-secret:has(:where(.forge-secret__button,.forge-secret__text-button)[aria-expanded=true]) .forge-secret__text-button{inset-block-start:-100%;translate:0 -50%}.forge-secret:has(:where(.forge-secret__button,.forge-secret__text-button)[aria-expanded=true]):not(.forge-secret--block) .forge-secret__content{text-decoration-line:var(--_secret-text-decoration-line);text-decoration-style:var(--_secret-text-decoration-style);text-decoration-color:var(--_secret-text-decoration-color);text-underline-offset:var(--_secret-text-underline-offset)}@media(prefers-reduced-motion: reduce){.forge-secret{--_secret-transition-duration:var(--forge-secret-transition-duration, 0)}}
|
|
6
|
+
.forge-secret{--_secret-blur:var(--forge-secret-blur, var(--forge-spacing-xsmall, 8px));--_secret-button-background:var(--forge-secret-button-background, var(--forge-theme-surface-inverse, #333333));--_secret-button-color:var(--forge-secret-button-color, var(--forge-theme-on-surface-inverse, #ffffff));--_secret-button-shape:var(--forge-secret-button-shape, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));--_secret-button-padding:var(--forge-secret-button-padding, var(--forge-spacing-xsmall, 8px));--_secret-icon-size:var(--forge-secret-icon-size, calc(var(--forge-typography-font-size, 1rem) * 1));--_secret-text-button-shape:var(--forge-secret-text-button-shape, calc(var(--forge-shape-full, 9999px) * var(--forge-shape-factor, 1)));--_secret-text-decoration-line:var(--forge-secret-text-decoration-line, underline);--_secret-text-decoration-style:var(--forge-secret-text-decoration-style, dotted);--_secret-text-decoration-color:var(--forge-secret-text-decoration-color, inherit);--_secret-text-underline-offset:var(--forge-secret-text-underline-offset, var(--forge-spacing-xxxsmall, 2px));--_secret-transition-duration:var(--forge-secret-transition-duration, var(--forge-animation-duration-short4, 200ms));--_secret-transition-easing:var(--forge-secret-transition-easing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)));display:inline-block;vertical-align:bottom;display:flex;max-inline-size:fit-content}.forge-secret__content{display:inline-block;position:relative;transition:filter var(--_secret-transition-duration) var(--_secret-transition-easing)}.forge-secret__button{--forge-icon-button-background-color: var(--_secret-button-background);--forge-icon-button-icon-color: var(--_secret-button-color);--forge-icon-button-icon-size: inherit;--forge-icon-button-padding: 0;--forge-icon-button-shape: var(--_secret-button-shape);--forge-icon-button-size: 1lh;--forge-focus-indicator-outward-offset: 2px;block-size:0;padding-inline:var(--_secret-button-padding)}.forge-secret__text-button{--_button-dense-height:var(--forge-button-dense-height, 24px);--forge-button-background: var(--_secret-button-background);--forge-button-color: var(--_secret-button-color);--forge-button-shape: var(--_secret-text-button-shape);--forge-button-height: var(--_button-dense-height);--forge-focus-indicator-shape: var(--_secret-text-button-shape);padding:var(--_secret-button-padding);position:absolute;place-self:center;inset:0;translate:0;transition-property:inset-block-start,translate;transition-duration:var(--_secret-transition-duration);transition-timing-function:var(--_secret-transition-easing)}.forge-secret__icon{--forge-icon-font-size: var(--_secret-icon-size)}.forge-secret--show-on-hover:where(:hover,:has(:where(.forge-secret__button,.forge-secret__text-button):focus-visible)) .forge-secret__content{filter:none !important}.forge-secret--show-on-hover:where(:hover,:has(:where(.forge-secret__button,.forge-secret__text-button):focus-visible)) .forge-secret__content::before{display:none}.forge-secret--show-on-hover:where(:hover,:has(:where(.forge-secret__button,.forge-secret__text-button):focus-visible)).forge-secret--masked:not(.forge-secret--block) .forge-secret__content{display:inline-block !important}.forge-secret--show-on-hover:where(:hover,:has(:where(.forge-secret__button,.forge-secret__text-button):focus-visible)).forge-secret--masked:not(.forge-secret--block) .forge-secret__masked::before{display:none}.forge-secret--show-on-hover:where(:hover,:has(:where(.forge-secret__button,.forge-secret__text-button):focus-visible)) .forge-secret__text-button{inset-block-start:-100%;translate:0 -50%}.forge-secret--block{display:block;vertical-align:initial;display:block;position:relative}.forge-secret--block .forge-secret__content{display:block}.forge-secret:has(:where(.forge-secret__button,.forge-secret__text-button):not([aria-expanded=true])){cursor:pointer;cursor:unset}.forge-secret:has(:where(.forge-secret__button,.forge-secret__text-button):not([aria-expanded=true])) .forge-secret__content{interactivity:inert;user-select:none}.forge-secret:has(:where(.forge-secret__button,.forge-secret__text-button):not([aria-expanded=true])):where(.forge-secret--blur,.forge-secret--block.forge-secret--masked) .forge-secret__content{filter:blur(var(--_secret-blur))}.forge-secret:has(:where(.forge-secret__button,.forge-secret__text-button):not([aria-expanded=true])).forge-secret--masked:not(.forge-secret--block) .forge-secret__content{display:none}.forge-secret:has(:where(.forge-secret__button,.forge-secret__text-button):not([aria-expanded=true])).forge-secret--masked:not(.forge-secret--block) .forge-secret__masked::before{content:attr(data-mask)}.forge-secret:has(:where(.forge-secret__button,.forge-secret__text-button):not([aria-expanded=true])).forge-secret--noise .forge-secret__content::before{content:"";position:absolute;inset:0;width:100%;height:100%;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="600" height="600"><filter id="noise"><feTurbulence type="fractalNoise" baseFrequency="0.85" numOctaves="8" stitchTiles="stitch" /><feColorMatrix type="matrix" values="0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 1 0" /></filter><rect width="100%" height="100%" filter="url(%23noise)" opacity=".5" /></svg>');background-size:600px 600px;background-repeat:repeat;backdrop-filter:blur(24px)}.forge-secret:has(:where(.forge-secret__button,.forge-secret__text-button)[aria-expanded=true]) .forge-secret__text-button{inset-block-start:-100%;translate:0 -50%}.forge-secret:has(:where(.forge-secret__button,.forge-secret__text-button)[aria-expanded=true]):not(.forge-secret--block) .forge-secret__content{text-decoration-line:var(--_secret-text-decoration-line);text-decoration-style:var(--_secret-text-decoration-style);text-decoration-color:var(--_secret-text-decoration-color);text-underline-offset:var(--_secret-text-underline-offset)}@media(prefers-reduced-motion: reduce){.forge-secret{--_secret-transition-duration:var(--forge-secret-transition-duration, 0)}}
|
|
@@ -207,6 +207,11 @@ class CalendarAdapter extends BaseAdapter {
|
|
|
207
207
|
setMonth(month, locale) {
|
|
208
208
|
const monthButton = this._container.querySelector(CALENDAR_CONSTANTS.selectors.MONTH_BUTTON);
|
|
209
209
|
if (monthButton) {
|
|
210
|
+
const span = monthButton.querySelector('span');
|
|
211
|
+
if (span) {
|
|
212
|
+
span.textContent = getLocalizedMonth(month, 'long', locale);
|
|
213
|
+
return;
|
|
214
|
+
}
|
|
210
215
|
const content = getMonthButtonContent(month, locale);
|
|
211
216
|
monthButton.replaceChildren(content[0], content[1]);
|
|
212
217
|
return;
|
|
@@ -219,6 +224,11 @@ class CalendarAdapter extends BaseAdapter {
|
|
|
219
224
|
setYear(year, locale) {
|
|
220
225
|
const yearButton = this._container.querySelector(CALENDAR_CONSTANTS.selectors.YEAR_BUTTON);
|
|
221
226
|
if (yearButton) {
|
|
227
|
+
const span = yearButton.querySelector('span');
|
|
228
|
+
if (span) {
|
|
229
|
+
span.textContent = getLocalizedYear(year, 'numeric', locale);
|
|
230
|
+
return;
|
|
231
|
+
}
|
|
222
232
|
const content = getYearButtonContent(year, locale);
|
|
223
233
|
yearButton.replaceChildren(content[0], content[1]);
|
|
224
234
|
return;
|
|
@@ -52,8 +52,8 @@ class CalendarMenuAdapter extends BaseAdapter {
|
|
|
52
52
|
setClosed() {
|
|
53
53
|
this._container.classList.remove(CALENDAR_MENU_CONSTANTS.classes.OPEN);
|
|
54
54
|
this._container.classList.add(CALENDAR_MENU_CONSTANTS.classes.CLOSING);
|
|
55
|
-
this.toggleHostAttribute('hidden', true);
|
|
56
55
|
playKeyframeAnimation(this._container, CALENDAR_MENU_CONSTANTS.classes.CLOSING, true).then(() => {
|
|
56
|
+
this.toggleHostAttribute('hidden', true);
|
|
57
57
|
removeAllChildren(this._container);
|
|
58
58
|
});
|
|
59
59
|
}
|
|
@@ -67,6 +67,7 @@ class CalendarMenuAdapter extends BaseAdapter {
|
|
|
67
67
|
}
|
|
68
68
|
this._container.appendChild(element);
|
|
69
69
|
this.toggleHostAttribute('hidden', false);
|
|
70
|
+
this._container.classList.remove(CALENDAR_MENU_CONSTANTS.classes.CLOSING);
|
|
70
71
|
this._container.classList.add(CALENDAR_MENU_CONSTANTS.classes.OPEN);
|
|
71
72
|
if (!replace) {
|
|
72
73
|
this.setFocusAtIndex(focusedIndex, setFocus, preventFocus);
|
|
@@ -82,6 +83,7 @@ class CalendarMenuAdapter extends BaseAdapter {
|
|
|
82
83
|
}
|
|
83
84
|
this._container.appendChild(element);
|
|
84
85
|
this.toggleHostAttribute('hidden', false);
|
|
86
|
+
this._container.classList.remove(CALENDAR_MENU_CONSTANTS.classes.CLOSING);
|
|
85
87
|
this._container.classList.add(CALENDAR_MENU_CONSTANTS.classes.OPEN);
|
|
86
88
|
this._scrollItemIntoView('selected');
|
|
87
89
|
if (!replace) {
|
|
@@ -139,11 +139,13 @@ let ExpansionPanelComponent = class ExpansionPanelComponent extends BaseLitEleme
|
|
|
139
139
|
if (changedProperties.has('open')) {
|
|
140
140
|
this.#handleOpen();
|
|
141
141
|
}
|
|
142
|
-
if (changedProperties.has('open') || changedProperties.has('openIconElement')) {
|
|
143
|
-
this.#tryToggleOpenIcon();
|
|
144
|
-
}
|
|
145
142
|
if (changedProperties.has('openIcon')) {
|
|
146
|
-
|
|
143
|
+
if (this.openIcon) {
|
|
144
|
+
this.openIconElement = this.#getOpenIconElementById(this.openIcon);
|
|
145
|
+
}
|
|
146
|
+
}
|
|
147
|
+
if (changedProperties.has('open') || changedProperties.has('openIcon') || changedProperties.has('openIconElement')) {
|
|
148
|
+
this.#tryToggleOpenIcon();
|
|
147
149
|
}
|
|
148
150
|
if (changedProperties.has('orientation')) {
|
|
149
151
|
toggleState(this.#internals, 'horizontal', this.orientation === 'horizontal');
|
|
@@ -4,6 +4,6 @@
|
|
|
4
4
|
* License: Apache-2.0
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
|
-
var styles = ":host{display:inline-block;vertical-align:bottom}:host([hidden]){display:none}.forge-secret{--_secret-blur:var(--forge-secret-blur, var(--forge-spacing-xsmall, 8px));--_secret-button-background:var(--forge-secret-button-background, var(--forge-theme-surface-inverse, #333333));--_secret-button-color:var(--forge-secret-button-color, var(--forge-theme-on-surface-inverse, #ffffff));--_secret-button-shape:var(--forge-secret-button-shape, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));--_secret-button-padding:var(--forge-secret-button-padding, var(--forge-spacing-xsmall, 8px));--_secret-icon-size:var(--forge-secret-icon-size, calc(var(--forge-typography-font-size, 1rem) * 1));--_secret-text-button-shape:var(--forge-secret-text-button-shape, calc(var(--forge-shape-full, 9999px) * var(--forge-shape-factor, 1)));--_secret-text-decoration-line:var(--forge-secret-text-decoration-line, underline);--_secret-text-decoration-style:var(--forge-secret-text-decoration-style, dotted);--_secret-text-decoration-color:var(--forge-secret-text-decoration-color, inherit);--_secret-text-underline-offset:var(--forge-secret-text-underline-offset, var(--forge-spacing-xxxsmall, 2px));--_secret-transition-duration:var(--forge-secret-transition-duration, var(--forge-animation-duration-short4, 200ms));--_secret-transition-easing:var(--forge-secret-transition-easing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)))}.forge-secret{display:flex;max-inline-size:fit-content}.reverse{flex-direction:row-reverse}.content{display:inline-block;position:relative;transition:filter var(--_secret-transition-duration) var(--_secret-transition-easing)}.blur{filter:blur(var(--_secret-blur))}.masked::before{content:attr(data-mask)}.masked slot:not([name]){display:none}.noise::before{content:\"\";position:absolute;inset:0;width:100%;height:100%;background-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"600\" height=\"600\"><filter id=\"noise\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.85\" numOctaves=\"8\" stitchTiles=\"stitch\" /><feColorMatrix type=\"matrix\" values=\"0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 1 0\" /></filter><rect width=\"100%\" height=\"100%\" filter=\"url(%23noise)\" opacity=\".5\" /></svg>');background-size:600px 600px;background-repeat:repeat;backdrop-filter:blur(24px)}.button{--forge-icon-button-background-color: var(--_secret-button-background);--forge-icon-button-icon-color: var(--_secret-button-color);--forge-icon-button-padding: 0;--forge-icon-button-shape: var(--_secret-button-shape);--forge-icon-button-size: 1lh;--forge-focus-indicator-outward-offset: 2px;block-size:0;padding-inline:var(--_secret-button-padding)}.icon{--forge-icon-font-size: var(--_secret-icon-size)}.text-button{--_button-dense-height:var(--forge-button-dense-height, 24px);--forge-button-background: var(--_secret-button-background);--forge-button-color: var(--_secret-button-color);--forge-button-shape: var(--_secret-text-button-shape);--forge-button-height: var(--_button-dense-height);--forge-focus-indicator-shape: var(--_secret-text-button-shape);padding:var(--_secret-button-padding);position:absolute;place-self:center;inset:0;translate:0;transition-property:inset-block-start,translate;transition-duration:var(--_secret-transition-duration);transition-timing-function:var(--_secret-transition-easing)}.show-on-hover:where(:hover,:has(button:focus-visible)) .content{filter:none}.show-on-hover:where(:hover,:has(button:focus-visible)) .content::before{visibility:hidden}.show-on-hover:where(:hover,:has(button:focus-visible)) .content slot:not([name]){display:initial}.show-on-hover:where(:hover,:has(button:focus-visible)) .masked{display:grid}.show-on-hover:where(:hover,:has(button:focus-visible)) .masked>*,.show-on-hover:where(:hover,:has(button:focus-visible)) .masked::before{grid-row:1;grid-column:1}.show-on-hover:where(:hover,:has(button:focus-visible)) .text-button{inset-block-start:-100%;translate:0 -50%}:host(:state(open)) .text-button{inset-block-start:-100%;translate:0 -50%}:host(:not(:state(open))) .forge-secret{cursor:pointer}:host(:not(:state(block)):state(open)) .content{text-decoration-line:var(--_secret-text-decoration-line);text-decoration-style:var(--_secret-text-decoration-style);text-decoration-color:var(--_secret-text-decoration-color);text-underline-offset:var(--_secret-text-underline-offset)}:host(:state(block)){display:block;vertical-align:initial}:host(:state(block)) .forge-secret{display:block;position:relative}:host(:state(block)) .content{display:block}@media(prefers-reduced-motion: reduce){.forge-secret{--_secret-transition-duration:var(--forge-secret-transition-duration, 0)}}[hidden]{display:none}";
|
|
7
|
+
var styles = ":host{display:inline-block;vertical-align:bottom}:host([hidden]){display:none}.forge-secret{--_secret-blur:var(--forge-secret-blur, var(--forge-spacing-xsmall, 8px));--_secret-button-background:var(--forge-secret-button-background, var(--forge-theme-surface-inverse, #333333));--_secret-button-color:var(--forge-secret-button-color, var(--forge-theme-on-surface-inverse, #ffffff));--_secret-button-shape:var(--forge-secret-button-shape, calc(var(--forge-shape-medium, 4px) * var(--forge-shape-factor, 1)));--_secret-button-padding:var(--forge-secret-button-padding, var(--forge-spacing-xsmall, 8px));--_secret-icon-size:var(--forge-secret-icon-size, calc(var(--forge-typography-font-size, 1rem) * 1));--_secret-text-button-shape:var(--forge-secret-text-button-shape, calc(var(--forge-shape-full, 9999px) * var(--forge-shape-factor, 1)));--_secret-text-decoration-line:var(--forge-secret-text-decoration-line, underline);--_secret-text-decoration-style:var(--forge-secret-text-decoration-style, dotted);--_secret-text-decoration-color:var(--forge-secret-text-decoration-color, inherit);--_secret-text-underline-offset:var(--forge-secret-text-underline-offset, var(--forge-spacing-xxxsmall, 2px));--_secret-transition-duration:var(--forge-secret-transition-duration, var(--forge-animation-duration-short4, 200ms));--_secret-transition-easing:var(--forge-secret-transition-easing, var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1)))}.forge-secret{display:flex;max-inline-size:fit-content}.reverse{flex-direction:row-reverse}.content{display:inline-block;position:relative;transition:filter var(--_secret-transition-duration) var(--_secret-transition-easing)}.blur{filter:blur(var(--_secret-blur))}.masked::before{content:attr(data-mask)}.masked slot:not([name]){display:none}.noise::before{content:\"\";position:absolute;inset:0;width:100%;height:100%;background-image:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"600\" height=\"600\"><filter id=\"noise\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.85\" numOctaves=\"8\" stitchTiles=\"stitch\" /><feColorMatrix type=\"matrix\" values=\"0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0.33 0.33 0.33 0 0 0 0 0 1 0\" /></filter><rect width=\"100%\" height=\"100%\" filter=\"url(%23noise)\" opacity=\".5\" /></svg>');background-size:600px 600px;background-repeat:repeat;backdrop-filter:blur(24px)}.button{--forge-icon-button-background-color: var(--_secret-button-background);--forge-icon-button-icon-color: var(--_secret-button-color);--forge-icon-button-icon-size: inherit;--forge-icon-button-padding: 0;--forge-icon-button-shape: var(--_secret-button-shape);--forge-icon-button-size: 1lh;--forge-focus-indicator-outward-offset: 2px;block-size:0;padding-inline:var(--_secret-button-padding)}.icon{--forge-icon-font-size: var(--_secret-icon-size)}.text-button{--_button-dense-height:var(--forge-button-dense-height, 24px);--forge-button-background: var(--_secret-button-background);--forge-button-color: var(--_secret-button-color);--forge-button-shape: var(--_secret-text-button-shape);--forge-button-height: var(--_button-dense-height);--forge-focus-indicator-shape: var(--_secret-text-button-shape);padding:var(--_secret-button-padding);position:absolute;place-self:center;inset:0;translate:0;transition-property:inset-block-start,translate;transition-duration:var(--_secret-transition-duration);transition-timing-function:var(--_secret-transition-easing)}.show-on-hover:where(:hover,:has(button:focus-visible)) .content{filter:none}.show-on-hover:where(:hover,:has(button:focus-visible)) .content::before{visibility:hidden}.show-on-hover:where(:hover,:has(button:focus-visible)) .content slot:not([name]){display:initial}.show-on-hover:where(:hover,:has(button:focus-visible)) .masked{display:grid}.show-on-hover:where(:hover,:has(button:focus-visible)) .masked>*,.show-on-hover:where(:hover,:has(button:focus-visible)) .masked::before{grid-row:1;grid-column:1}.show-on-hover:where(:hover,:has(button:focus-visible)) .text-button{inset-block-start:-100%;translate:0 -50%}:host(:state(open)) .text-button{inset-block-start:-100%;translate:0 -50%}:host(:not(:state(open))) .forge-secret{cursor:pointer}:host(:not(:state(block)):state(open)) .content{text-decoration-line:var(--_secret-text-decoration-line);text-decoration-style:var(--_secret-text-decoration-style);text-decoration-color:var(--_secret-text-decoration-color);text-underline-offset:var(--_secret-text-underline-offset)}:host(:state(block)){display:block;vertical-align:initial}:host(:state(block)) .forge-secret{display:block;position:relative}:host(:state(block)) .content{display:block}@media(prefers-reduced-motion: reduce){.forge-secret{--_secret-transition-duration:var(--forge-secret-transition-duration, 0)}}[hidden]{display:none}";
|
|
8
8
|
|
|
9
9
|
export { styles as default };
|
|
@@ -4,6 +4,6 @@
|
|
|
4
4
|
* License: Apache-2.0
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
|
-
var styles = ".forge-split-view-panel{display:flex;width:100%;height:100%;overflow:hidden}.forge-split-view-panel__handle{color:var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6));background-color:var(--forge-theme-outline, #e0e0e0);position:relative;display:flex;flex-shrink:0;justify-content:center;align-items:center;outline:none}.forge-split-view-panel__content{flex:1;overflow:hidden}.forge-split-view-panel--closed{display:none}.forge-split-view-panel--disabled #handle{pointer-events:none}.forge-split-view-panel--disabled .forge-split-view-panel__icon{display:none}.forge-split-view-panel[orientation=horizontal]{min-width:var(--forge-split-view-handle-width, 8px);width:calc(var(--forge-split-view-panel-size, unset) + var(--forge-split-view-handle-width, 8px));flex-direction:row}.forge-split-view-panel[orientation=horizontal] .forge-split-view-panel__handle{width:var(--forge-split-view-handle-width, 8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;animation-name:
|
|
7
|
+
var styles = ".forge-split-view-panel{display:flex;width:100%;height:100%;overflow:hidden}.forge-split-view-panel__handle{color:var(--forge-theme-text-medium, rgba(0, 0, 0, 0.6));background-color:var(--forge-theme-outline, #e0e0e0);position:relative;display:flex;flex-shrink:0;justify-content:center;align-items:center;outline:none}.forge-split-view-panel__content{flex:1;overflow:hidden}.forge-split-view-panel--closed{display:none}.forge-split-view-panel--disabled #handle{pointer-events:none}.forge-split-view-panel--disabled .forge-split-view-panel__icon{display:none}.forge-split-view-panel[orientation=horizontal]{min-width:var(--forge-split-view-handle-width, 8px);width:calc(var(--forge-split-view-panel-size, unset) + var(--forge-split-view-handle-width, 8px));flex-direction:row}.forge-split-view-panel[orientation=horizontal] .forge-split-view-panel__handle{width:var(--forge-split-view-handle-width, 8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;animation-name:u38yt61;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes u38yt61{from{transform:none}to{transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--closing[resizable=start]{position:absolute;top:0;right:0;animation-name:u38yt6x;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes u38yt6x{from{transform:none}to{transform:translateX(100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;animation-name:u38yt7f;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes u38yt7f{from{transform:none}to{transform:translateX(-100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=end]{animation-direction:reverse}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=start]{position:absolute;top:0;right:0;animation-name:u38yt82;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes u38yt82{from{transform:none}to{transform:translateX(100%)}}.forge-split-view-panel[orientation=horizontal].forge-split-view-panel--opening[resizable=start]{animation-direction:reverse}.forge-split-view-panel[orientation=vertical]{min-height:var(--forge-split-view-handle-width, 8px);height:calc(var(--forge-split-view-panel-size, unset) + var(--forge-split-view-handle-width, 8px));flex-direction:column}.forge-split-view-panel[orientation=vertical] .forge-split-view-panel__handle{height:var(--forge-split-view-handle-width, 8px);cursor:var(--forge-split-view-panel-cursor)}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=end]{position:absolute;top:0;left:0;animation-name:u38yt83;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes u38yt83{from{transform:none}to{transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--closing[resizable=start]{position:absolute;bottom:0;left:0;animation-name:u38yt92;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes u38yt92{from{transform:none}to{transform:translateY(100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=end]{position:absolute;top:0;left:0;animation-name:u38yt9n;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes u38yt9n{from{transform:none}to{transform:translateY(-100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=end]{animation-direction:reverse}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=start]{position:absolute;bottom:0;left:0;animation-name:u38ytae;animation-duration:var(--forge-animation-duration-medium2, 300ms);animation-timing-function:var(--forge-animation-easing-standard, cubic-bezier(0.2, 0, 0, 1))}@keyframes u38ytae{from{transform:none}to{transform:translateY(100%)}}.forge-split-view-panel[orientation=vertical].forge-split-view-panel--opening[resizable=start]{animation-direction:reverse}:host{z-index:var(--forge-split-view-animating-layer) !important;display:block;position:relative;height:100%;width:100%;flex:0}:host([hidden]){display:none}:host(:not([resizable=start],[resizable=end])){flex:1}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel{width:100%;height:100%;min-width:0;min-height:0}:host(:not([resizable=start],[resizable=end])) .forge-split-view-panel__handle{display:none}forge-focus-indicator{--forge-focus-indicator-active-width: 2px}";
|
|
8
8
|
|
|
9
9
|
export { styles as default };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tylertech/forge",
|
|
3
|
-
"version": "3.14.
|
|
3
|
+
"version": "3.14.1",
|
|
4
4
|
"description": "Tyler Forge™ Web Components library",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "Tyler Technologies, Inc.",
|
|
@@ -58,5 +58,5 @@
|
|
|
58
58
|
"tslib": "^2.8.1",
|
|
59
59
|
"@tylertech/forge-core": "3.3.0"
|
|
60
60
|
},
|
|
61
|
-
"publishedAt": "2026-04-
|
|
61
|
+
"publishedAt": "2026-04-23T18:05:24.922Z"
|
|
62
62
|
}
|
package/sass/secret/_core.scss
CHANGED
|
@@ -2630,28 +2630,6 @@
|
|
|
2630
2630
|
],
|
|
2631
2631
|
"references": []
|
|
2632
2632
|
},
|
|
2633
|
-
{
|
|
2634
|
-
"name": "forge-app-bar-help-button",
|
|
2635
|
-
"description": "A help button component with a predefined help icon that displays a dropdown menu when clicked, designed for use in an app bar's end slot.\n---\n\n\n### **Events:**\n - **forge-menu-select** - Bubbles up the menu select from the internal menu component.",
|
|
2636
|
-
"attributes": [
|
|
2637
|
-
{
|
|
2638
|
-
"name": "icon",
|
|
2639
|
-
"description": "The name of an alternative icon to display.",
|
|
2640
|
-
"values": []
|
|
2641
|
-
},
|
|
2642
|
-
{
|
|
2643
|
-
"name": "aria-label",
|
|
2644
|
-
"description": "The aria-label to apply to the button.",
|
|
2645
|
-
"values": []
|
|
2646
|
-
},
|
|
2647
|
-
{
|
|
2648
|
-
"name": "aria-labelledby",
|
|
2649
|
-
"description": "The id of an element to use as the aria-labelledby attribute.",
|
|
2650
|
-
"values": []
|
|
2651
|
-
}
|
|
2652
|
-
],
|
|
2653
|
-
"references": []
|
|
2654
|
-
},
|
|
2655
2633
|
{
|
|
2656
2634
|
"name": "forge-app-bar",
|
|
2657
2635
|
"description": "App bars are headers used to display branding, navigation, and actions at the top of an application. They typically contain a logo, title, and various action items.\n---\n\n\n### **Events:**\n - **forge-app-bar-navigate** - Fires when the app bar is clicked.\n\n### **Slots:**\n - **logo** - Reserved for the brand logo.\n- **title** - Reserved for the application title. This will overwrite the `titleText` property/attribute.\n- **start** - Places content at the beginning of the app bar.\n- **center** - Places content in the center of the app bar.\n- **end** - Places content at the end of the app bar.\n\n### **CSS Properties:**\n - **--forge-app-bar-background** - The background color of the app bar. _(default: undefined)_\n- **--forge-app-bar-foreground** - The text color of the app bar. _(default: undefined)_\n- **--forge-app-bar-theme-foreground** - The text color of the app bar when using the **scoped theme mode**. _(default: undefined)_\n- **--forge-app-bar-theme-foreground-muted** - The muted text color of the app bar when using the **scoped theme mode**. _(default: undefined)_\n- **--forge-app-bar-z-index** - The `z-index` of the app bar. _(default: undefined)_\n- **--forge-app-bar-elevation** - The elevation of the app bar. _(default: undefined)_\n- **--forge-app-bar-height** - The height of the app bar. _(default: undefined)_\n- **--forge-app-bar-row-padding** - The inline padding of the app bar. _(default: undefined)_\n- **--forge-app-bar-logo-gap** - The space between the logo and title. _(default: undefined)_\n- **--forge-app-bar-title-padding** - The padding around the title element. _(default: undefined)_\n- **--forge-app-bar-columns** - The grid column track sizes. _(default: undefined)_\n- **--forge-app-bar-transition-duration** - The transition duration for animations. _(default: undefined)_\n- **--forge-app-bar-transition-timing** - The transition timing function for animations. _(default: undefined)_\n\n### **CSS Parts:**\n - **root** - The root container element.\n- **title** - The title element.",
|
|
@@ -2689,6 +2667,28 @@
|
|
|
2689
2667
|
],
|
|
2690
2668
|
"references": []
|
|
2691
2669
|
},
|
|
2670
|
+
{
|
|
2671
|
+
"name": "forge-app-bar-help-button",
|
|
2672
|
+
"description": "A help button component with a predefined help icon that displays a dropdown menu when clicked, designed for use in an app bar's end slot.\n---\n\n\n### **Events:**\n - **forge-menu-select** - Bubbles up the menu select from the internal menu component.",
|
|
2673
|
+
"attributes": [
|
|
2674
|
+
{
|
|
2675
|
+
"name": "icon",
|
|
2676
|
+
"description": "The name of an alternative icon to display.",
|
|
2677
|
+
"values": []
|
|
2678
|
+
},
|
|
2679
|
+
{
|
|
2680
|
+
"name": "aria-label",
|
|
2681
|
+
"description": "The aria-label to apply to the button.",
|
|
2682
|
+
"values": []
|
|
2683
|
+
},
|
|
2684
|
+
{
|
|
2685
|
+
"name": "aria-labelledby",
|
|
2686
|
+
"description": "The id of an element to use as the aria-labelledby attribute.",
|
|
2687
|
+
"values": []
|
|
2688
|
+
}
|
|
2689
|
+
],
|
|
2690
|
+
"references": []
|
|
2691
|
+
},
|
|
2692
2692
|
{
|
|
2693
2693
|
"name": "forge-app-bar-menu-button",
|
|
2694
2694
|
"description": "A menu toggle button component with a predefined hamburger menu icon, typically used in an app bar's start slot to open navigation menus.\n---\n",
|
|
@@ -4043,12 +4043,6 @@
|
|
|
4043
4043
|
],
|
|
4044
4044
|
"references": []
|
|
4045
4045
|
},
|
|
4046
|
-
{
|
|
4047
|
-
"name": "forge-view",
|
|
4048
|
-
"description": "Represents a single view content area within a view-switcher for organizing and displaying content sections.\n---\n",
|
|
4049
|
-
"attributes": [],
|
|
4050
|
-
"references": []
|
|
4051
|
-
},
|
|
4052
4046
|
{
|
|
4053
4047
|
"name": "forge-tree-item",
|
|
4054
4048
|
"description": "\n---\n\n\n### **Events:**\n - **forge-tree-item-update**\n- **forge-tree-item-select** - Dispatched when the user selects a tree item.\n- **forge-tree-item-open** - Dispatched when the user opens a tree item.\n- **forge-tree-item-close** - Dispatched when the user closes a tree item.",
|
|
@@ -4085,6 +4079,12 @@
|
|
|
4085
4079
|
}
|
|
4086
4080
|
],
|
|
4087
4081
|
"references": []
|
|
4082
|
+
},
|
|
4083
|
+
{
|
|
4084
|
+
"name": "forge-view",
|
|
4085
|
+
"description": "Represents a single view content area within a view-switcher for organizing and displaying content sections.\n---\n",
|
|
4086
|
+
"attributes": [],
|
|
4087
|
+
"references": []
|
|
4088
4088
|
}
|
|
4089
4089
|
]
|
|
4090
4090
|
}
|