@tylertech/forge 3.0.0-next.17 → 3.0.0-next.18
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 +149 -126
- package/dist/esm/banner/index.js +1 -1
- package/dist/esm/calendar/index.js +1 -1
- package/dist/esm/chunks/{chunk.6JR2HMWB.js → chunk.3QUIEBYX.js} +2 -2
- package/dist/esm/chunks/chunk.4MEXAG3E.js +7 -0
- package/dist/esm/chunks/chunk.4MEXAG3E.js.map +7 -0
- package/dist/esm/chunks/{chunk.O47OSK6Z.js → chunk.A6N7ZGN5.js} +2 -2
- package/dist/esm/chunks/{chunk.O47OSK6Z.js.map → chunk.A6N7ZGN5.js.map} +1 -1
- package/dist/esm/chunks/{chunk.XPIAOMSC.js → chunk.BRLXEKLE.js} +2 -2
- package/dist/esm/chunks/{chunk.MMMG4MZ3.js → chunk.IQ3JWZ2P.js} +2 -2
- package/dist/esm/chunks/{chunk.NHYJMP25.js → chunk.KOGQOU27.js} +2 -2
- package/dist/esm/chunks/{chunk.YVCGGQQG.js → chunk.NES5KNAU.js} +2 -2
- package/dist/esm/date-picker/index.js +1 -1
- package/dist/esm/date-range-picker/index.js +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/split-view/index.js +1 -1
- package/dist/esm/split-view/split-view/index.js +1 -1
- package/dist/esm/split-view/split-view-panel/index.js +1 -1
- package/dist/forge-dark.css +1 -1
- package/esm/banner/banner-adapter.d.ts +14 -18
- package/esm/banner/banner-adapter.js +17 -25
- package/esm/banner/banner-constants.d.ts +17 -16
- package/esm/banner/banner-constants.js +16 -21
- package/esm/banner/banner-foundation.d.ts +15 -14
- package/esm/banner/banner-foundation.js +49 -44
- package/esm/banner/banner.d.ts +33 -7
- package/esm/banner/banner.js +49 -18
- package/esm/split-view/split-view-panel/split-view-panel.js +1 -1
- package/package.json +1 -1
- package/styles/banner/_core.scss +53 -0
- package/styles/banner/_token-utils.scss +30 -0
- package/styles/banner/banner.scss +109 -9
- package/styles/banner/index.scss +6 -0
- package/styles/core/styles/tokens/banner/_tokens.scss +25 -0
- package/styles/theme/_theme-dark.scss +0 -6
- package/dist/esm/chunks/chunk.DFRD7A2Y.js +0 -7
- package/dist/esm/chunks/chunk.DFRD7A2Y.js.map +0 -7
- package/styles/badge/_mixins.scss +0 -125
- package/styles/badge/_variables.scss +0 -87
- package/styles/banner/_mixins.scss +0 -219
- package/styles/banner/_variables.scss +0 -88
- /package/dist/esm/chunks/{chunk.6JR2HMWB.js.map → chunk.3QUIEBYX.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.XPIAOMSC.js.map → chunk.BRLXEKLE.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.MMMG4MZ3.js.map → chunk.IQ3JWZ2P.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.NHYJMP25.js.map → chunk.KOGQOU27.js.map} +0 -0
- /package/dist/esm/chunks/{chunk.YVCGGQQG.js.map → chunk.NES5KNAU.js.map} +0 -0
|
@@ -3,5 +3,5 @@
|
|
|
3
3
|
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
4
|
* License: Apache-2.0
|
|
5
5
|
*/
|
|
6
|
-
import"../chunks/chunk.X2RP4QW3.js";import{a as z,b as A,c as B,d as C}from"../chunks/chunk.
|
|
6
|
+
import"../chunks/chunk.X2RP4QW3.js";import{a as z,b as A,c as B,d as C}from"../chunks/chunk.IQ3JWZ2P.js";import"../chunks/chunk.AJJILT3A.js";import{a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y}from"../chunks/chunk.A6N7ZGN5.js";import"../chunks/chunk.JPOTN7LL.js";import"../chunks/chunk.LIKJD4SK.js";import"../chunks/chunk.OR5GB6X3.js";import"../chunks/chunk.EWT2PBEP.js";import"../chunks/chunk.L7BSLZCB.js";import"../chunks/chunk.6KTLOA7V.js";import"../chunks/chunk.QG5EYBS3.js";import"../chunks/chunk.XIQFHO5R.js";import"../chunks/chunk.SKLCDWYQ.js";import"../chunks/chunk.BX4AQRHB.js";import"../chunks/chunk.U6FJJGO3.js";import"../chunks/chunk.YTBNAGLS.js";import"../chunks/chunk.OUIWXKO2.js";import"../chunks/chunk.HPCXVNG6.js";import"../chunks/chunk.ZY3ETQ3D.js";import"../chunks/chunk.NVUMRW44.js";import"../chunks/chunk.UVXKHQQZ.js";import"../chunks/chunk.NHOGZDLN.js";import"../chunks/chunk.TPXXHX5J.js";import"../chunks/chunk.MGLWXAZO.js";import"../chunks/chunk.HZUQXCOQ.js";import"../chunks/chunk.J2M2MXP2.js";import"../chunks/chunk.M3QDAYD2.js";export{v as SPLIT_VIEW_CONSTANTS,a as SPLIT_VIEW_PANEL_CONSTANTS,z as SplitViewAdapter,b as SplitViewAnimatingLayer,B as SplitViewComponent,A as SplitViewFoundation,w as SplitViewPanelAdapter,x as SplitViewPanelComponent,u as SplitViewPanelFoundation,k as clampSize,e as clearState,t as createOverlay,C as defineSplitViewComponent,y as defineSplitViewPanelComponent,o as getCursor,p as getHandleIcon,s as getPixelDimension,q as getSplitViewPanelSibling,n as getValuenow,m as handleBoundariesAfterResize,l as handleBoundariesDuringResize,c as initState,g as keyboardResize,i as maxResize,h as minResize,r as parseSize,f as pointerResize,j as resizeSibling,d as setState};
|
|
7
7
|
//# sourceMappingURL=index.js.map
|
|
@@ -3,5 +3,5 @@
|
|
|
3
3
|
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
4
|
* License: Apache-2.0
|
|
5
5
|
*/
|
|
6
|
-
import{a as b,b as c,c as d,d as e}from"../../chunks/chunk.
|
|
6
|
+
import{a as b,b as c,c as d,d as e}from"../../chunks/chunk.IQ3JWZ2P.js";import{v as a}from"../../chunks/chunk.A6N7ZGN5.js";import"../../chunks/chunk.JPOTN7LL.js";import"../../chunks/chunk.LIKJD4SK.js";import"../../chunks/chunk.OR5GB6X3.js";import"../../chunks/chunk.EWT2PBEP.js";import"../../chunks/chunk.L7BSLZCB.js";import"../../chunks/chunk.6KTLOA7V.js";import"../../chunks/chunk.QG5EYBS3.js";import"../../chunks/chunk.XIQFHO5R.js";import"../../chunks/chunk.SKLCDWYQ.js";import"../../chunks/chunk.BX4AQRHB.js";import"../../chunks/chunk.U6FJJGO3.js";import"../../chunks/chunk.YTBNAGLS.js";import"../../chunks/chunk.OUIWXKO2.js";import"../../chunks/chunk.HPCXVNG6.js";import"../../chunks/chunk.ZY3ETQ3D.js";import"../../chunks/chunk.NVUMRW44.js";import"../../chunks/chunk.UVXKHQQZ.js";import"../../chunks/chunk.NHOGZDLN.js";import"../../chunks/chunk.TPXXHX5J.js";import"../../chunks/chunk.MGLWXAZO.js";import"../../chunks/chunk.HZUQXCOQ.js";import"../../chunks/chunk.J2M2MXP2.js";import"../../chunks/chunk.M3QDAYD2.js";export{a as SPLIT_VIEW_CONSTANTS,b as SplitViewAdapter,d as SplitViewComponent,c as SplitViewFoundation,e as defineSplitViewComponent};
|
|
7
7
|
//# sourceMappingURL=index.js.map
|
|
@@ -3,5 +3,5 @@
|
|
|
3
3
|
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
4
|
* License: Apache-2.0
|
|
5
5
|
*/
|
|
6
|
-
import{a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,w as v,x as w,y as x}from"../../chunks/chunk.
|
|
6
|
+
import{a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,w as v,x as w,y as x}from"../../chunks/chunk.A6N7ZGN5.js";import"../../chunks/chunk.JPOTN7LL.js";import"../../chunks/chunk.LIKJD4SK.js";import"../../chunks/chunk.OR5GB6X3.js";import"../../chunks/chunk.EWT2PBEP.js";import"../../chunks/chunk.L7BSLZCB.js";import"../../chunks/chunk.6KTLOA7V.js";import"../../chunks/chunk.QG5EYBS3.js";import"../../chunks/chunk.XIQFHO5R.js";import"../../chunks/chunk.SKLCDWYQ.js";import"../../chunks/chunk.BX4AQRHB.js";import"../../chunks/chunk.U6FJJGO3.js";import"../../chunks/chunk.YTBNAGLS.js";import"../../chunks/chunk.OUIWXKO2.js";import"../../chunks/chunk.HPCXVNG6.js";import"../../chunks/chunk.ZY3ETQ3D.js";import"../../chunks/chunk.NVUMRW44.js";import"../../chunks/chunk.UVXKHQQZ.js";import"../../chunks/chunk.NHOGZDLN.js";import"../../chunks/chunk.TPXXHX5J.js";import"../../chunks/chunk.MGLWXAZO.js";import"../../chunks/chunk.HZUQXCOQ.js";import"../../chunks/chunk.J2M2MXP2.js";import"../../chunks/chunk.M3QDAYD2.js";export{a as SPLIT_VIEW_PANEL_CONSTANTS,b as SplitViewAnimatingLayer,v as SplitViewPanelAdapter,w as SplitViewPanelComponent,u as SplitViewPanelFoundation,k as clampSize,e as clearState,t as createOverlay,x as defineSplitViewPanelComponent,o as getCursor,p as getHandleIcon,s as getPixelDimension,q as getSplitViewPanelSibling,n as getValuenow,m as handleBoundariesAfterResize,l as handleBoundariesDuringResize,c as initState,g as keyboardResize,i as maxResize,h as minResize,r as parseSize,f as pointerResize,j as resizeSibling,d as setState};
|
|
7
7
|
//# sourceMappingURL=index.js.map
|
package/dist/forge-dark.css
CHANGED
|
@@ -3,4 +3,4 @@
|
|
|
3
3
|
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
4
|
* License: Apache-2.0
|
|
5
5
|
*/
|
|
6
|
-
:root{--forge-theme-brand:#212121;--forge-theme-on-brand:#ffffff;--forge-theme-primary:#8c9eff;--forge-theme-primary-container-minimum:#303134;--forge-theme-primary-container-low:#383a45;--forge-theme-primary-container:#43475f;--forge-theme-primary-container-high:#50577c;--forge-theme-on-primary:#000000;--forge-theme-on-primary-container-minimum:#c1cbff;--forge-theme-on-primary-container-low:#c1cbff;--forge-theme-on-primary-container:#c1cbff;--forge-theme-on-primary-container-high:#ffffff;--forge-theme-secondary:#ffe082;--forge-theme-secondary-container-minimum:#34332f;--forge-theme-secondary-container-low:#454236;--forge-theme-secondary-container:#5f5741;--forge-theme-secondary-container-high:#7c704d;--forge-theme-on-secondary:#000000;--forge-theme-on-secondary-container-minimum:#ffeebc;--forge-theme-on-secondary-container-low:#ffeebc;--forge-theme-on-secondary-container:#ffeebc;--forge-theme-on-secondary-container-high:#ffffff;--forge-theme-tertiary:#ffe082;--forge-theme-tertiary-container-minimum:#34332f;--forge-theme-tertiary-container-low:#454236;--forge-theme-tertiary-container:#5f5741;--forge-theme-tertiary-container-high:#7c704d;--forge-theme-on-tertiary:#000000;--forge-theme-on-tertiary-container-minimum:#ffeebc;--forge-theme-on-tertiary-container-low:#ffeebc;--forge-theme-on-tertiary-container:#ffeebc;--forge-theme-on-tertiary-container-high:#ffffff;--forge-theme-surface:#2c2c2c;--forge-theme-surface-inverse:#d5d5d5;--forge-theme-surface-container:#454545;--forge-theme-surface-container-minimum:#343434;--forge-theme-surface-container-low:#3d3d3d;--forge-theme-surface-container-medium:#7c7c7c;--forge-theme-surface-container-high:#9e9e9e;--forge-theme-surface-dim:#212121;--forge-theme-surface-bright:#343434;--forge-theme-surface-bright-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12);--forge-theme-on-surface:#ffffff;--forge-theme-on-surface-inverse:#000000;--forge-theme-on-surface-container:#ffffff;--forge-theme-on-surface-container-minimum:#ffffff;--forge-theme-on-surface-container-low:#ffffff;--forge-theme-on-surface-container-medium:#ffffff;--forge-theme-on-surface-container-high:#000000;--forge-theme-text-high:rgba(255, 255, 255, 0.87);--forge-theme-text-high-inverse:rgba(0, 0, 0, 0.87);--forge-theme-text-medium:rgba(255, 255, 255, 0.6);--forge-theme-text-medium-inverse:rgba(0, 0, 0, 0.6);--forge-theme-text-low:rgba(255, 255, 255, 0.38);--forge-theme-text-low-inverse:rgba(0, 0, 0, 0.38);--forge-theme-text-lowest:rgba(255, 255, 255, 0.12);--forge-theme-text-lowest-inverse:rgba(0, 0, 0, 0.12);--forge-theme-success:#86b260;--forge-theme-success-container-minimum:#30312e;--forge-theme-success-container-low:#373c32;--forge-theme-success-container:#424c38;--forge-theme-success-container-high:#4e5f40;--forge-theme-on-success:#000000;--forge-theme-on-success-container-minimum:#bed5a9;--forge-theme-on-success-container-low:#bed5a9;--forge-theme-on-success-container:#bed5a9;--forge-theme-on-success-container-high:#ffffff;--forge-theme-error:#ec8396;--forge-theme-error-container-minimum:#342f30;--forge-theme-error-container-low:#433639;--forge-theme-error-container:#5a4145;--forge-theme-error-container-high:#754d54;--forge-theme-on-error:#000000;--forge-theme-on-error-container-minimum:#f5bcc6;--forge-theme-on-error-container-low:#f5bcc6;--forge-theme-on-error-container:#f5bcc6;--forge-theme-on-error-container-high:#ffffff;--forge-theme-warning:#f8b27c;--forge-theme-warning-container-minimum:#34312f;--forge-theme-warning-container-low:#443c36;--forge-theme-warning-container:#5d4c3f;--forge-theme-warning-container-high:#7a5f4a;--forge-theme-on-warning:#000000;--forge-theme-on-warning-container-minimum:#fbd5b8;--forge-theme-on-warning-container-low:#fbd5b8;--forge-theme-on-warning-container:#fbd5b8;--forge-theme-on-warning-container-high:#ffffff;--forge-theme-info:#1565c0;--forge-theme-info-container-minimum:#2b2e32;--forge-theme-info-container-low:#29333e;--forge-theme-info-container:#263a50;--forge-theme-info-container-high:#234264;--forge-theme-on-info:#ffffff;--forge-theme-on-info-container-minimum:#81acdd;--forge-theme-on-info-container-low:#81acdd;--forge-theme-on-info-container:#81acdd;--forge-theme-on-info-container-high:#ffffff;--forge-theme-outline-high:#e4e4e4;--forge-theme-outline-medium:#9e9e9e;--forge-theme-outline-low:#7c7c7c;--forge-theme-outline:#454545;--forge-theme-form-field-label-on-background:rgba(255, 255, 255, 0.65);--forge-theme-form-field-icon-disabled-on-background:rgba(255, 255, 255, 0.26);--forge-theme-form-field-text-disabled-on-background:rgba(255, 255, 255, 0.6);--forge-theme-form-field-disabled-on-background:rgba(255, 255, 255, 0.04);--forge-theme-label-disabled-on-background:rgba(255, 255, 255, 0.38);--forge-popover-border-width:var(--forge-border-thin, 1px);--forge-tooltip-background:var(--forge-theme-surface-bright, #ffffff);--forge-tooltip-color:var(--forge-theme-text-high, rgba(0, 0, 0, 0.87));--forge-tooltip-border-width:var(--forge-border-thin, 1px);--forge-backdrop-theme-background:rgba(255, 255, 255, 0.54);--forge-skeleton-theme-gradient:rgba(255, 255, 255, 0.12);--forge-skeleton-theme-background:rgba(255, 255, 255, 0.12);--forge-toast-theme-background:#eee;--forge-toast-theme-on-background:rgba(0, 0, 0, 0.87);--forge-toast-theme-action:#3d5afe;--forge-table-theme-row-hover-background:rgba(255, 255, 255, 0.04);--forge-table-theme-row-active-background:rgba(255, 255, 255, 0.08);--forge-table-theme-row-selected-background:rgba(140, 158, 255, 0.16);--forge-table-theme-row-selected-hover-background:rgba(140, 158, 255, 0.24);--forge-table-theme-row-selected-active-background:rgba(140, 158, 255, 0.32)
|
|
6
|
+
:root{--forge-theme-brand:#212121;--forge-theme-on-brand:#ffffff;--forge-theme-primary:#8c9eff;--forge-theme-primary-container-minimum:#303134;--forge-theme-primary-container-low:#383a45;--forge-theme-primary-container:#43475f;--forge-theme-primary-container-high:#50577c;--forge-theme-on-primary:#000000;--forge-theme-on-primary-container-minimum:#c1cbff;--forge-theme-on-primary-container-low:#c1cbff;--forge-theme-on-primary-container:#c1cbff;--forge-theme-on-primary-container-high:#ffffff;--forge-theme-secondary:#ffe082;--forge-theme-secondary-container-minimum:#34332f;--forge-theme-secondary-container-low:#454236;--forge-theme-secondary-container:#5f5741;--forge-theme-secondary-container-high:#7c704d;--forge-theme-on-secondary:#000000;--forge-theme-on-secondary-container-minimum:#ffeebc;--forge-theme-on-secondary-container-low:#ffeebc;--forge-theme-on-secondary-container:#ffeebc;--forge-theme-on-secondary-container-high:#ffffff;--forge-theme-tertiary:#ffe082;--forge-theme-tertiary-container-minimum:#34332f;--forge-theme-tertiary-container-low:#454236;--forge-theme-tertiary-container:#5f5741;--forge-theme-tertiary-container-high:#7c704d;--forge-theme-on-tertiary:#000000;--forge-theme-on-tertiary-container-minimum:#ffeebc;--forge-theme-on-tertiary-container-low:#ffeebc;--forge-theme-on-tertiary-container:#ffeebc;--forge-theme-on-tertiary-container-high:#ffffff;--forge-theme-surface:#2c2c2c;--forge-theme-surface-inverse:#d5d5d5;--forge-theme-surface-container:#454545;--forge-theme-surface-container-minimum:#343434;--forge-theme-surface-container-low:#3d3d3d;--forge-theme-surface-container-medium:#7c7c7c;--forge-theme-surface-container-high:#9e9e9e;--forge-theme-surface-dim:#212121;--forge-theme-surface-bright:#343434;--forge-theme-surface-bright-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0, 0, 0, 0.12);--forge-theme-on-surface:#ffffff;--forge-theme-on-surface-inverse:#000000;--forge-theme-on-surface-container:#ffffff;--forge-theme-on-surface-container-minimum:#ffffff;--forge-theme-on-surface-container-low:#ffffff;--forge-theme-on-surface-container-medium:#ffffff;--forge-theme-on-surface-container-high:#000000;--forge-theme-text-high:rgba(255, 255, 255, 0.87);--forge-theme-text-high-inverse:rgba(0, 0, 0, 0.87);--forge-theme-text-medium:rgba(255, 255, 255, 0.6);--forge-theme-text-medium-inverse:rgba(0, 0, 0, 0.6);--forge-theme-text-low:rgba(255, 255, 255, 0.38);--forge-theme-text-low-inverse:rgba(0, 0, 0, 0.38);--forge-theme-text-lowest:rgba(255, 255, 255, 0.12);--forge-theme-text-lowest-inverse:rgba(0, 0, 0, 0.12);--forge-theme-success:#86b260;--forge-theme-success-container-minimum:#30312e;--forge-theme-success-container-low:#373c32;--forge-theme-success-container:#424c38;--forge-theme-success-container-high:#4e5f40;--forge-theme-on-success:#000000;--forge-theme-on-success-container-minimum:#bed5a9;--forge-theme-on-success-container-low:#bed5a9;--forge-theme-on-success-container:#bed5a9;--forge-theme-on-success-container-high:#ffffff;--forge-theme-error:#ec8396;--forge-theme-error-container-minimum:#342f30;--forge-theme-error-container-low:#433639;--forge-theme-error-container:#5a4145;--forge-theme-error-container-high:#754d54;--forge-theme-on-error:#000000;--forge-theme-on-error-container-minimum:#f5bcc6;--forge-theme-on-error-container-low:#f5bcc6;--forge-theme-on-error-container:#f5bcc6;--forge-theme-on-error-container-high:#ffffff;--forge-theme-warning:#f8b27c;--forge-theme-warning-container-minimum:#34312f;--forge-theme-warning-container-low:#443c36;--forge-theme-warning-container:#5d4c3f;--forge-theme-warning-container-high:#7a5f4a;--forge-theme-on-warning:#000000;--forge-theme-on-warning-container-minimum:#fbd5b8;--forge-theme-on-warning-container-low:#fbd5b8;--forge-theme-on-warning-container:#fbd5b8;--forge-theme-on-warning-container-high:#ffffff;--forge-theme-info:#1565c0;--forge-theme-info-container-minimum:#2b2e32;--forge-theme-info-container-low:#29333e;--forge-theme-info-container:#263a50;--forge-theme-info-container-high:#234264;--forge-theme-on-info:#ffffff;--forge-theme-on-info-container-minimum:#81acdd;--forge-theme-on-info-container-low:#81acdd;--forge-theme-on-info-container:#81acdd;--forge-theme-on-info-container-high:#ffffff;--forge-theme-outline-high:#e4e4e4;--forge-theme-outline-medium:#9e9e9e;--forge-theme-outline-low:#7c7c7c;--forge-theme-outline:#454545;--forge-theme-form-field-label-on-background:rgba(255, 255, 255, 0.65);--forge-theme-form-field-icon-disabled-on-background:rgba(255, 255, 255, 0.26);--forge-theme-form-field-text-disabled-on-background:rgba(255, 255, 255, 0.6);--forge-theme-form-field-disabled-on-background:rgba(255, 255, 255, 0.04);--forge-theme-label-disabled-on-background:rgba(255, 255, 255, 0.38);--forge-popover-border-width:var(--forge-border-thin, 1px);--forge-tooltip-background:var(--forge-theme-surface-bright, #ffffff);--forge-tooltip-color:var(--forge-theme-text-high, rgba(0, 0, 0, 0.87));--forge-tooltip-border-width:var(--forge-border-thin, 1px);--forge-backdrop-theme-background:rgba(255, 255, 255, 0.54);--forge-skeleton-theme-gradient:rgba(255, 255, 255, 0.12);--forge-skeleton-theme-background:rgba(255, 255, 255, 0.12);--forge-toast-theme-background:#eee;--forge-toast-theme-on-background:rgba(0, 0, 0, 0.87);--forge-toast-theme-action:#3d5afe;--forge-table-theme-row-hover-background:rgba(255, 255, 255, 0.04);--forge-table-theme-row-active-background:rgba(255, 255, 255, 0.08);--forge-table-theme-row-selected-background:rgba(140, 158, 255, 0.16);--forge-table-theme-row-selected-hover-background:rgba(140, 158, 255, 0.24);--forge-table-theme-row-selected-active-background:rgba(140, 158, 255, 0.32)}
|
|
@@ -4,27 +4,23 @@
|
|
|
4
4
|
* License: Apache-2.0
|
|
5
5
|
*/
|
|
6
6
|
import { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';
|
|
7
|
-
import {
|
|
8
|
-
import { IBannerComponent } from './banner';
|
|
7
|
+
import type { IBannerComponent } from './banner';
|
|
9
8
|
export interface IBannerAdapter extends IBaseAdapter {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
removeDismissEventListener(event: string, callback: (event: Event) => void): void;
|
|
9
|
+
initialize(): void;
|
|
10
|
+
setDismissButtonVisibility(visible: boolean): void;
|
|
11
|
+
addDismissListener(callback: EventListener): void;
|
|
12
|
+
removeDismissListener(callback: EventListener): void;
|
|
13
|
+
setDismissed(value: boolean): void;
|
|
16
14
|
}
|
|
17
15
|
export declare class BannerAdapter extends BaseAdapter<IBannerComponent> implements IBannerAdapter {
|
|
18
16
|
private _rootElement;
|
|
19
|
-
private
|
|
20
|
-
private
|
|
17
|
+
private _dismissButtonElement;
|
|
18
|
+
private _iconSlotElement;
|
|
21
19
|
constructor(component: IBannerComponent);
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
get forgeIconButtonDismiss(): IIconButtonComponent;
|
|
29
|
-
get buttonDismiss(): HTMLButtonElement;
|
|
20
|
+
initialize(): void;
|
|
21
|
+
setDismissButtonVisibility(visible: boolean): void;
|
|
22
|
+
addDismissListener(callback: EventListener): void;
|
|
23
|
+
removeDismissListener(callback: EventListener): void;
|
|
24
|
+
setDismissed(value: boolean): void;
|
|
25
|
+
private _onIconSlotChange;
|
|
30
26
|
}
|
|
@@ -9,36 +9,28 @@ import { BANNER_CONSTANTS } from './banner-constants';
|
|
|
9
9
|
export class BannerAdapter extends BaseAdapter {
|
|
10
10
|
constructor(component) {
|
|
11
11
|
super(component);
|
|
12
|
-
this._rootElement =
|
|
12
|
+
this._rootElement = this._component;
|
|
13
|
+
this._rootElement = getShadowElement(component, '.forge-banner');
|
|
14
|
+
this._dismissButtonElement = getShadowElement(component, BANNER_CONSTANTS.selectors.DISMISS_BUTTON);
|
|
15
|
+
this._iconSlotElement = getShadowElement(component, BANNER_CONSTANTS.selectors.ICON_SLOT);
|
|
13
16
|
}
|
|
14
|
-
|
|
15
|
-
this.
|
|
17
|
+
initialize() {
|
|
18
|
+
this._iconSlotElement.addEventListener('slotchange', this._onIconSlotChange.bind(this));
|
|
19
|
+
this._onIconSlotChange();
|
|
16
20
|
}
|
|
17
|
-
|
|
18
|
-
this.
|
|
21
|
+
setDismissButtonVisibility(visible) {
|
|
22
|
+
this._dismissButtonElement.hidden = !visible;
|
|
19
23
|
}
|
|
20
|
-
|
|
21
|
-
this.
|
|
24
|
+
addDismissListener(callback) {
|
|
25
|
+
this._dismissButtonElement.addEventListener('click', callback);
|
|
22
26
|
}
|
|
23
|
-
|
|
24
|
-
this.
|
|
27
|
+
removeDismissListener(callback) {
|
|
28
|
+
this._dismissButtonElement.removeEventListener('click', callback);
|
|
25
29
|
}
|
|
26
|
-
|
|
27
|
-
this.
|
|
30
|
+
setDismissed(value) {
|
|
31
|
+
this._rootElement.inert = value;
|
|
28
32
|
}
|
|
29
|
-
|
|
30
|
-
this.
|
|
31
|
-
}
|
|
32
|
-
get forgeIconButtonDismiss() {
|
|
33
|
-
if (!this._forgeIconButtonDismiss) {
|
|
34
|
-
this._forgeIconButtonDismiss = getShadowElement(this._component, BANNER_CONSTANTS.selectors.FORGE_DISMISS_BUTTON);
|
|
35
|
-
}
|
|
36
|
-
return this._forgeIconButtonDismiss;
|
|
37
|
-
}
|
|
38
|
-
get buttonDismiss() {
|
|
39
|
-
if (!this._buttonDismiss) {
|
|
40
|
-
this._buttonDismiss = getShadowElement(this._component, BANNER_CONSTANTS.selectors.DISMISS_BUTTON);
|
|
41
|
-
}
|
|
42
|
-
return this._buttonDismiss;
|
|
33
|
+
_onIconSlotChange() {
|
|
34
|
+
this._rootElement.classList.toggle(BANNER_CONSTANTS.classes.HAS_ICON, this._iconSlotElement.assignedNodes().length > 0);
|
|
43
35
|
}
|
|
44
36
|
}
|
|
@@ -3,32 +3,33 @@
|
|
|
3
3
|
* Copyright 2023 Tyler Technologies, Inc.
|
|
4
4
|
* License: Apache-2.0
|
|
5
5
|
*/
|
|
6
|
+
import { Theme } from '../constants';
|
|
6
7
|
export declare const BANNER_CONSTANTS: {
|
|
7
8
|
elementName: "forge-banner";
|
|
8
|
-
|
|
9
|
-
BANNER: string;
|
|
9
|
+
observedAttributes: {
|
|
10
10
|
DISMISSED: string;
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
FORGE_DISMISS_BUTTON: string;
|
|
15
|
-
DISMISS_BUTTON: string;
|
|
16
|
-
ICON: string;
|
|
17
|
-
FORGE_BUTTON: string;
|
|
11
|
+
PERSISTENT: string;
|
|
12
|
+
CAN_DISMISS: string;
|
|
13
|
+
THEME: string;
|
|
18
14
|
};
|
|
19
15
|
attributes: {
|
|
20
|
-
SLOT: string;
|
|
21
16
|
DISMISSED: string;
|
|
17
|
+
PERSISTENT: string;
|
|
22
18
|
CAN_DISMISS: string;
|
|
23
|
-
|
|
19
|
+
THEME: string;
|
|
20
|
+
};
|
|
21
|
+
classes: {
|
|
22
|
+
HAS_ICON: string;
|
|
23
|
+
};
|
|
24
|
+
selectors: {
|
|
25
|
+
DISMISS_BUTTON: string;
|
|
26
|
+
ICON_SLOT: string;
|
|
24
27
|
};
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
TEXT: string;
|
|
28
|
-
BUTTON: string;
|
|
28
|
+
defaults: {
|
|
29
|
+
THEME: BannerTheme;
|
|
29
30
|
};
|
|
30
31
|
events: {
|
|
31
32
|
DISMISSED: string;
|
|
32
|
-
UNDISMISSED: string;
|
|
33
33
|
};
|
|
34
34
|
};
|
|
35
|
+
export type BannerTheme = Theme | 'danger' | 'info-secondary';
|
|
@@ -5,37 +5,32 @@
|
|
|
5
5
|
*/
|
|
6
6
|
import { COMPONENT_NAME_PREFIX } from '../constants';
|
|
7
7
|
const elementName = `${COMPONENT_NAME_PREFIX}banner`;
|
|
8
|
+
const observedAttributes = {
|
|
9
|
+
DISMISSED: 'dismissed',
|
|
10
|
+
PERSISTENT: 'persistent',
|
|
11
|
+
CAN_DISMISS: 'can-dismiss',
|
|
12
|
+
THEME: 'theme'
|
|
13
|
+
};
|
|
14
|
+
const attributes = Object.assign({}, observedAttributes);
|
|
8
15
|
const classes = {
|
|
9
|
-
|
|
10
|
-
DISMISSED: 'forge-banner--dismissed'
|
|
16
|
+
HAS_ICON: 'has-icon'
|
|
11
17
|
};
|
|
12
18
|
const selectors = {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
DISMISS_BUTTON: '.forge-banner__container-dismiss',
|
|
16
|
-
ICON: 'i',
|
|
17
|
-
FORGE_BUTTON: 'forge-button'
|
|
18
|
-
};
|
|
19
|
-
const attributes = {
|
|
20
|
-
SLOT: 'slot',
|
|
21
|
-
DISMISSED: 'dismissed',
|
|
22
|
-
CAN_DISMISS: 'can-dismiss',
|
|
23
|
-
HIDDEN: 'hidden'
|
|
19
|
+
DISMISS_BUTTON: '[part=dismiss-button]',
|
|
20
|
+
ICON_SLOT: 'slot[name=icon]'
|
|
24
21
|
};
|
|
25
|
-
const
|
|
26
|
-
|
|
27
|
-
TEXT: 'text',
|
|
28
|
-
BUTTON: 'button'
|
|
22
|
+
const defaults = {
|
|
23
|
+
THEME: 'info'
|
|
29
24
|
};
|
|
30
25
|
const events = {
|
|
31
|
-
DISMISSED: `${elementName}-dismissed
|
|
32
|
-
UNDISMISSED: `${elementName}-undismissed`
|
|
26
|
+
DISMISSED: `${elementName}-dismissed`
|
|
33
27
|
};
|
|
34
28
|
export const BANNER_CONSTANTS = {
|
|
35
29
|
elementName,
|
|
30
|
+
observedAttributes,
|
|
31
|
+
attributes,
|
|
36
32
|
classes,
|
|
37
33
|
selectors,
|
|
38
|
-
|
|
39
|
-
slots,
|
|
34
|
+
defaults,
|
|
40
35
|
events
|
|
41
36
|
};
|
|
@@ -5,27 +5,28 @@
|
|
|
5
5
|
*/
|
|
6
6
|
import { ICustomElementFoundation } from '@tylertech/forge-core';
|
|
7
7
|
import { IBannerAdapter } from './banner-adapter';
|
|
8
|
+
import { BannerTheme } from './banner-constants';
|
|
8
9
|
export interface IBannerFoundation extends ICustomElementFoundation {
|
|
9
10
|
dismissed: boolean;
|
|
10
|
-
|
|
11
|
+
persistent: boolean;
|
|
12
|
+
theme: BannerTheme;
|
|
11
13
|
}
|
|
12
14
|
export declare class BannerFoundation implements IBannerFoundation {
|
|
13
15
|
private _adapter;
|
|
14
16
|
private _dismissed;
|
|
15
|
-
private
|
|
16
|
-
private
|
|
17
|
+
private _persistent;
|
|
18
|
+
private _theme;
|
|
19
|
+
private _dismissListener;
|
|
17
20
|
constructor(_adapter: IBannerAdapter);
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
private
|
|
21
|
-
private _syncDismissedState;
|
|
22
|
-
private _setUndissmissedClass;
|
|
23
|
-
private _setDismissedClass;
|
|
24
|
-
private _syncCanDismissState;
|
|
25
|
-
private _addDismissEventListener;
|
|
21
|
+
initialize(): void;
|
|
22
|
+
private _onDismiss;
|
|
23
|
+
private _addDismissListener;
|
|
26
24
|
private _removeDismissEventListener;
|
|
25
|
+
private _applyPersistent;
|
|
27
26
|
get dismissed(): boolean;
|
|
28
|
-
set dismissed(
|
|
29
|
-
get
|
|
30
|
-
set
|
|
27
|
+
set dismissed(value: boolean);
|
|
28
|
+
get persistent(): boolean;
|
|
29
|
+
set persistent(value: boolean);
|
|
30
|
+
get theme(): BannerTheme;
|
|
31
|
+
set theme(value: BannerTheme);
|
|
31
32
|
}
|
|
@@ -8,66 +8,71 @@ export class BannerFoundation {
|
|
|
8
8
|
constructor(_adapter) {
|
|
9
9
|
this._adapter = _adapter;
|
|
10
10
|
this._dismissed = false;
|
|
11
|
-
this.
|
|
12
|
-
this.
|
|
11
|
+
this._persistent = false;
|
|
12
|
+
this._theme = BANNER_CONSTANTS.defaults.THEME;
|
|
13
|
+
this._dismissListener = this._onDismiss.bind(this);
|
|
13
14
|
}
|
|
14
|
-
|
|
15
|
-
this.
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
this._removeDismissEventListener();
|
|
19
|
-
}
|
|
20
|
-
_dismiss() {
|
|
21
|
-
this.dismissed = true;
|
|
22
|
-
}
|
|
23
|
-
_syncDismissedState() {
|
|
24
|
-
if (this.dismissed) {
|
|
25
|
-
this._setDismissedClass();
|
|
26
|
-
this._adapter.emitHostEvent(BANNER_CONSTANTS.events.DISMISSED);
|
|
15
|
+
initialize() {
|
|
16
|
+
this._adapter.initialize();
|
|
17
|
+
if (!this._persistent) {
|
|
18
|
+
this._addDismissListener();
|
|
27
19
|
}
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
20
|
+
}
|
|
21
|
+
async _onDismiss() {
|
|
22
|
+
const originalDismissed = this._dismissed;
|
|
23
|
+
this._dismissed = !this._dismissed;
|
|
24
|
+
const evt = new CustomEvent(BANNER_CONSTANTS.events.DISMISSED, { bubbles: true, composed: true, cancelable: true });
|
|
25
|
+
this._adapter.dispatchHostEvent(evt);
|
|
26
|
+
this._dismissed = originalDismissed;
|
|
27
|
+
if (evt.defaultPrevented) {
|
|
28
|
+
return;
|
|
31
29
|
}
|
|
30
|
+
this.dismissed = !this._dismissed;
|
|
32
31
|
}
|
|
33
|
-
|
|
34
|
-
this._adapter.
|
|
32
|
+
_addDismissListener() {
|
|
33
|
+
this._adapter.addDismissListener(this._dismissListener);
|
|
35
34
|
}
|
|
36
|
-
|
|
37
|
-
this._adapter.
|
|
35
|
+
_removeDismissEventListener() {
|
|
36
|
+
this._adapter.removeDismissListener(this._dismissListener);
|
|
38
37
|
}
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
38
|
+
_applyPersistent() {
|
|
39
|
+
this._adapter.setDismissButtonVisibility(!this._persistent);
|
|
40
|
+
if (this._persistent) {
|
|
41
|
+
this._removeDismissEventListener();
|
|
42
42
|
}
|
|
43
43
|
else {
|
|
44
|
-
this.
|
|
44
|
+
this._addDismissListener();
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
|
-
|
|
48
|
-
|
|
47
|
+
get dismissed() {
|
|
48
|
+
return this._dismissed;
|
|
49
49
|
}
|
|
50
|
-
|
|
51
|
-
|
|
50
|
+
set dismissed(value) {
|
|
51
|
+
value = Boolean(value);
|
|
52
|
+
if (this.dismissed !== value) {
|
|
53
|
+
this._dismissed = value;
|
|
54
|
+
this._adapter.setDismissed(this._dismissed);
|
|
55
|
+
this._adapter.toggleHostAttribute(BANNER_CONSTANTS.attributes.DISMISSED, this.dismissed);
|
|
56
|
+
}
|
|
52
57
|
}
|
|
53
|
-
get
|
|
54
|
-
return
|
|
58
|
+
get persistent() {
|
|
59
|
+
return this._persistent;
|
|
55
60
|
}
|
|
56
|
-
set
|
|
57
|
-
|
|
58
|
-
|
|
61
|
+
set persistent(value) {
|
|
62
|
+
value = Boolean(value);
|
|
63
|
+
if (this._persistent !== value) {
|
|
64
|
+
this._persistent = value;
|
|
65
|
+
this._applyPersistent();
|
|
66
|
+
this._adapter.toggleHostAttribute(BANNER_CONSTANTS.attributes.PERSISTENT, this._persistent);
|
|
59
67
|
}
|
|
60
|
-
this._dismissed = !!val;
|
|
61
|
-
this._syncDismissedState();
|
|
62
68
|
}
|
|
63
|
-
get
|
|
64
|
-
return
|
|
69
|
+
get theme() {
|
|
70
|
+
return this._theme;
|
|
65
71
|
}
|
|
66
|
-
set
|
|
67
|
-
if (this.
|
|
68
|
-
|
|
72
|
+
set theme(value) {
|
|
73
|
+
if (this._theme !== value) {
|
|
74
|
+
this._theme = value !== null && value !== void 0 ? value : BANNER_CONSTANTS.defaults.THEME;
|
|
75
|
+
this._adapter.setHostAttribute(BANNER_CONSTANTS.attributes.THEME, this._theme);
|
|
69
76
|
}
|
|
70
|
-
this._canDismiss = !!val;
|
|
71
|
-
this._syncCanDismissState();
|
|
72
77
|
}
|
|
73
78
|
}
|
package/esm/banner/banner.d.ts
CHANGED
|
@@ -4,9 +4,13 @@
|
|
|
4
4
|
* License: Apache-2.0
|
|
5
5
|
*/
|
|
6
6
|
import { BaseComponent, IBaseComponent } from '../core/base/base-component';
|
|
7
|
+
import { BannerTheme } from './banner-constants';
|
|
7
8
|
import { BannerFoundation } from './banner-foundation';
|
|
8
9
|
export interface IBannerComponent extends IBaseComponent {
|
|
9
10
|
dismissed: boolean;
|
|
11
|
+
persistent: boolean;
|
|
12
|
+
theme: BannerTheme;
|
|
13
|
+
/** @deprecated Use `persistent` instead. */
|
|
10
14
|
canDismiss: boolean;
|
|
11
15
|
}
|
|
12
16
|
declare global {
|
|
@@ -15,23 +19,45 @@ declare global {
|
|
|
15
19
|
}
|
|
16
20
|
interface HTMLElementEventMap {
|
|
17
21
|
'forge-banner-dismissed': CustomEvent<void>;
|
|
18
|
-
'forge-banner-undismissed': CustomEvent<void>;
|
|
19
22
|
}
|
|
20
23
|
}
|
|
21
24
|
/**
|
|
22
|
-
* The custom element class behind the `<forge-banner>` element.
|
|
23
|
-
*
|
|
24
25
|
* @tag forge-banner
|
|
26
|
+
*
|
|
27
|
+
* @summary Banners are used to inform users of important information, such as errors, warnings, or success messages.
|
|
28
|
+
*
|
|
29
|
+
* @property {boolean} dismissed - Controls the visibility of the banner.
|
|
30
|
+
* @property {boolean} persistent - Controls the visibility of the built-in dismiss button.
|
|
31
|
+
* @property {BannerTheme} theme - The theme of the banner.
|
|
32
|
+
*
|
|
33
|
+
* @attribute {boolean} dismissed - Controls the visibility of the banner.
|
|
34
|
+
* @attribute {boolean} persistent - Controls the visibility of the built-in dismiss button.
|
|
35
|
+
* @attribute {BannerTheme} theme - The theme of the banner.
|
|
36
|
+
*
|
|
37
|
+
* @event {CustomEvent} forge-banner-dismissed - Dispatched when the banner is dismissed.
|
|
38
|
+
*
|
|
39
|
+
* @cssproperty --forge-banner-background - The background color of the banner.
|
|
40
|
+
* @cssproperty --forge-banner-color - The text color of the banner.
|
|
41
|
+
* @cssproperty --forge-banner-gap - The gap between the contents.
|
|
42
|
+
* @cssproperty --forge-banner-padding-inline - The inline padding.
|
|
43
|
+
* @cssproperty --forge-banner-padding-block - The block padding.
|
|
44
|
+
* @cssproperty --forge-banner-transition-duration - The transition duration.
|
|
45
|
+
* @cssproperty --forge-banner-transition-easing - The transition easing function.
|
|
46
|
+
*
|
|
47
|
+
* @slot - The content of the banner.
|
|
48
|
+
* @slot icon - The icon to display.
|
|
49
|
+
* @slot button - The optional button to display.
|
|
25
50
|
*/
|
|
26
51
|
export declare class BannerComponent extends BaseComponent implements IBannerComponent {
|
|
27
52
|
static get observedAttributes(): string[];
|
|
28
53
|
protected _foundation: BannerFoundation;
|
|
29
54
|
constructor();
|
|
30
55
|
connectedCallback(): void;
|
|
31
|
-
disconnectedCallback(): void;
|
|
32
56
|
attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
|
|
33
|
-
/** Controls whether the component is dismissed (hidden) or not. */
|
|
34
57
|
dismissed: boolean;
|
|
35
|
-
|
|
36
|
-
|
|
58
|
+
persistent: boolean;
|
|
59
|
+
theme: BannerTheme;
|
|
60
|
+
/** @deprecated Use `persistent` instead. */
|
|
61
|
+
get canDismiss(): boolean;
|
|
62
|
+
set canDismiss(value: boolean);
|
|
37
63
|
}
|