@genesislcap/design-system-configurator 14.24.1 → 14.24.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/dist/1.0.0.remoteEntry.js +1 -1
- package/dist/{192.192.9db989689df2fc640eb9.js → 192.192.d3f94a2c34dd57e4cd8f.js} +451 -442
- package/dist/192.61d69e1373ca0e4d36d431127386b0b00a0c1543ba3e77b92885a6a7b1a5f4fc.js.map +1 -0
- package/dist/{73.73.1d00be2cde5707dfda16.js → 73.73.214d08f5cdd1fd045cf5.js} +2 -2
- package/dist/{742.742.7c980177de061d67696c.js → 742.742.dea7a2a588fc3d7a9562.js} +1 -1
- package/dist/{755.95370e73f97c50dfc77607496743c84b9714899e9698cc0f852a723fa87f4e2c.js.map → 755.6e63a9bcaf60158ad78e00b5427da57b42b3b42656c361f4bb2d09304a95caac.js.map} +1 -1
- package/dist/755.755.72285fc53fc501a686fa.js +2 -0
- package/dist/{842.842.ce26756c85fe8fca60c0.js → 842.842.186c71396800fc80e606.js} +1 -1
- package/dist/{93.93.9df5737d2f4ac805f344.js → 93.93.e24c5bb6700c148127b7.js} +1 -1
- package/dist/{designSystemConfigurator.0741fcd17cfeafa46b60a111fa2d5072ede269f017f4d429ce14757d947dedf7.js.map → designSystemConfigurator.ce293efa69f986ff12cc69a76f6e71833ed47f23b19676017131c8d90c2e3478.js.map} +1 -1
- package/dist/index.html +1 -1
- package/dist/info.html +4 -4
- package/dist/main.3057a736876b816be01b.js +2 -0
- package/dist/{main.b159c78a15ac28f9beca2408ff201d6b8bf11fd0f45a95a19eaa7458f94b1846.js.map → main.ad05441466ddec6e966d53af7297a8f46a99b4015fa86b1dcebc5f89e1798b45.js.map} +1 -1
- package/dist/remoteEntry.js +2 -2
- package/package.json +7 -7
- package/dist/192.828b77c80a190df0dc983fb14765648485052ac15abce758b4855acfbe80e1d7.js.map +0 -1
- package/dist/755.755.7ef66a81f9f933588f13.js +0 -2
- package/dist/main.fbb7ed20afbd24a43257.js +0 -2
- /package/dist/{73.73.1d00be2cde5707dfda16.js.LICENSE.txt → 73.73.214d08f5cdd1fd045cf5.js.LICENSE.txt} +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(self.webpackChunk_genesislcap_design_system_configurator=self.webpackChunk_genesislcap_design_system_configurator||[]).push([[192],{15192:(e,a,r)=>{"use strict";r.r(a),r.d(a,{ColorPalette:()=>
|
|
1
|
+
(self.webpackChunk_genesislcap_design_system_configurator=self.webpackChunk_genesislcap_design_system_configurator||[]).push([[192],{15192:(e,a,r)=>{"use strict";r.r(a),r.d(a,{ColorPalette:()=>Un,ColorToken:()=>Vn,ColorTokens:()=>qn,DesignSystemEditor:()=>Fn,DesignSystemExport:()=>En,DesignSystemPreview:()=>al,PreviewComponents:()=>Rn,PreviewForm:()=>gl,TypographyTokens:()=>Kn});var t={};r.r(t),r.d(t,{accentFillActive:()=>p.accentFillActive,accentFillActiveDelta:()=>p.accentFillActiveDelta,accentFillFocus:()=>p.accentFillFocus,accentFillFocusDelta:()=>p.accentFillFocusDelta,accentFillHover:()=>p.accentFillHover,accentFillHoverDelta:()=>p.accentFillHoverDelta,accentFillRest:()=>p.accentFillRest,accentFillRestDelta:()=>p.accentFillRestDelta,accentForegroundActive:()=>p.accentForegroundActive,accentForegroundActiveDelta:()=>p.accentForegroundActiveDelta,accentForegroundFocus:()=>p.accentForegroundFocus,accentForegroundFocusDelta:()=>p.accentForegroundFocusDelta,accentForegroundHover:()=>p.accentForegroundHover,accentForegroundHoverDelta:()=>p.accentForegroundHoverDelta,accentForegroundRest:()=>p.accentForegroundRest,accentForegroundRestDelta:()=>p.accentForegroundRestDelta,accentPalette:()=>p.accentPalette,baseHeightMultiplier:()=>p.baseHeightMultiplier,baseLayerLuminance:()=>p.baseLayerLuminance,bodyFont:()=>p.bodyFont,controlCornerRadius:()=>p.controlCornerRadius,density:()=>p.density,designUnit:()=>p.designUnit,direction:()=>p.direction,disabledOpacity:()=>p.disabledOpacity,fillColor:()=>p.fillColor,focusStrokeInner:()=>p.focusStrokeInner,focusStrokeOuter:()=>p.focusStrokeOuter,focusStrokeWidth:()=>p.focusStrokeWidth,foregroundOnAccentActive:()=>p.foregroundOnAccentActive,foregroundOnAccentActiveLarge:()=>p.foregroundOnAccentActiveLarge,foregroundOnAccentFocus:()=>p.foregroundOnAccentFocus,foregroundOnAccentFocusLarge:()=>p.foregroundOnAccentFocusLarge,foregroundOnAccentHover:()=>p.foregroundOnAccentHover,foregroundOnAccentHoverLarge:()=>p.foregroundOnAccentHoverLarge,foregroundOnAccentRest:()=>p.foregroundOnAccentRest,foregroundOnAccentRestLarge:()=>p.foregroundOnAccentRestLarge,neutralFillActive:()=>p.neutralFillActive,neutralFillActiveDelta:()=>p.neutralFillActiveDelta,neutralFillFocus:()=>p.neutralFillFocus,neutralFillFocusDelta:()=>p.neutralFillFocusDelta,neutralFillHover:()=>p.neutralFillHover,neutralFillHoverDelta:()=>p.neutralFillHoverDelta,neutralFillInputActive:()=>p.neutralFillInputActive,neutralFillInputActiveDelta:()=>p.neutralFillInputActiveDelta,neutralFillInputFocus:()=>p.neutralFillInputFocus,neutralFillInputFocusDelta:()=>p.neutralFillInputFocusDelta,neutralFillInputHover:()=>p.neutralFillInputHover,neutralFillInputHoverDelta:()=>p.neutralFillInputHoverDelta,neutralFillInputRest:()=>p.neutralFillInputRest,neutralFillInputRestDelta:()=>p.neutralFillInputRestDelta,neutralFillLayerRest:()=>p.neutralFillLayerRest,neutralFillLayerRestDelta:()=>p.neutralFillLayerRestDelta,neutralFillRest:()=>p.neutralFillRest,neutralFillRestDelta:()=>p.neutralFillRestDelta,neutralFillStealthActive:()=>p.neutralFillStealthActive,neutralFillStealthActiveDelta:()=>p.neutralFillStealthActiveDelta,neutralFillStealthFocus:()=>p.neutralFillStealthFocus,neutralFillStealthFocusDelta:()=>p.neutralFillStealthFocusDelta,neutralFillStealthHover:()=>p.neutralFillStealthHover,neutralFillStealthHoverDelta:()=>p.neutralFillStealthHoverDelta,neutralFillStealthRest:()=>p.neutralFillStealthRest,neutralFillStealthRestDelta:()=>p.neutralFillStealthRestDelta,neutralFillStrongActive:()=>p.neutralFillStrongActive,neutralFillStrongActiveDelta:()=>p.neutralFillStrongActiveDelta,neutralFillStrongFocus:()=>p.neutralFillStrongFocus,neutralFillStrongFocusDelta:()=>p.neutralFillStrongFocusDelta,neutralFillStrongHover:()=>p.neutralFillStrongHover,neutralFillStrongHoverDelta:()=>p.neutralFillStrongHoverDelta,neutralFillStrongRest:()=>p.neutralFillStrongRest,neutralFillStrongRestDelta:()=>p.neutralFillStrongRestDelta,neutralForegroundHint:()=>p.neutralForegroundHint,neutralForegroundRest:()=>p.neutralForegroundRest,neutralLayer1:()=>p.neutralLayer1,neutralLayer2:()=>p.neutralLayer2,neutralLayer3:()=>p.neutralLayer3,neutralLayer4:()=>p.neutralLayer4,neutralLayerCardContainer:()=>p.neutralLayerCardContainer,neutralLayerFloating:()=>p.neutralLayerFloating,neutralPalette:()=>p.neutralPalette,neutralStrokeActive:()=>p.neutralStrokeActive,neutralStrokeActiveDelta:()=>p.neutralStrokeActiveDelta,neutralStrokeDividerRest:()=>p.neutralStrokeDividerRest,neutralStrokeDividerRestDelta:()=>p.neutralStrokeDividerRestDelta,neutralStrokeFocus:()=>p.neutralStrokeFocus,neutralStrokeFocusDelta:()=>p.neutralStrokeFocusDelta,neutralStrokeHover:()=>p.neutralStrokeHover,neutralStrokeHoverDelta:()=>p.neutralStrokeHoverDelta,neutralStrokeRest:()=>p.neutralStrokeRest,neutralStrokeRestDelta:()=>p.neutralStrokeRestDelta,strokeWidth:()=>p.strokeWidth,typeRampBaseFontSize:()=>p.typeRampBaseFontSize,typeRampBaseLineHeight:()=>p.typeRampBaseLineHeight,typeRampMinus1FontSize:()=>p.typeRampMinus1FontSize,typeRampMinus1LineHeight:()=>p.typeRampMinus1LineHeight,typeRampMinus2FontSize:()=>p.typeRampMinus2FontSize,typeRampMinus2LineHeight:()=>p.typeRampMinus2LineHeight,typeRampPlus1FontSize:()=>p.typeRampPlus1FontSize,typeRampPlus1LineHeight:()=>p.typeRampPlus1LineHeight,typeRampPlus2FontSize:()=>p.typeRampPlus2FontSize,typeRampPlus2LineHeight:()=>p.typeRampPlus2LineHeight,typeRampPlus3FontSize:()=>p.typeRampPlus3FontSize,typeRampPlus3LineHeight:()=>p.typeRampPlus3LineHeight,typeRampPlus4FontSize:()=>p.typeRampPlus4FontSize,typeRampPlus4LineHeight:()=>p.typeRampPlus4LineHeight,typeRampPlus5FontSize:()=>p.typeRampPlus5FontSize,typeRampPlus5LineHeight:()=>p.typeRampPlus5LineHeight,typeRampPlus6FontSize:()=>p.typeRampPlus6FontSize,typeRampPlus6LineHeight:()=>p.typeRampPlus6LineHeight});var o={};r.r(o),r.d(o,{accentPaletteValue:()=>se,baseLayerLuminanceValue:()=>pe,bodyFontValue:()=>xe,controlCornerRadiusValue:()=>me,densityValue:()=>ve,designTokens:()=>Se,designUnitValue:()=>be,directionValue:()=>ue,neutralPaletteValue:()=>ce,strokeWidthValue:()=>he,typeRampBaseFontSizeValue:()=>ze,typeRampBaseLineHeightValue:()=>ke});var i=r(74026),n=r(92592),l=r(1440),g=r(91451),d=r(60724),s=r(83147),c=r(75951),p=r(13896),u=r(28775);const h=s.css`
|
|
2
2
|
:host {
|
|
3
3
|
border: calc(${p.strokeWidth} * 1px) solid transparent;
|
|
4
4
|
margin: 0;
|
|
@@ -59,7 +59,21 @@
|
|
|
59
59
|
/>
|
|
60
60
|
`)}
|
|
61
61
|
</template>
|
|
62
|
-
`,b=(e,a,r)=>{var t,o,i,n;return null!==(n=null===(i=null===(o=null===(t=null==r?void 0:r.options)||void 0===t?void 0:t.i18n)||void 0===o?void 0:o.error)||void 0===i?void 0:i[e.keyword])&&void 0!==n?n:((e,a,r)=>{var t;return"pattern"===(null==e?void 0:e.keyword)?null!==(t=m[e.params.pattern])&&void 0!==t?t:"Invalid pattern.":(0,d.zjv)(e,a,r)})(e,a,r)};let f=class extends s.FASTElement{constructor(){super(...arguments),this.dispatch=e=>{this.jsonforms=Object.assign(Object.assign({},this.jsonforms),{core:(0,d.mpn)(this.jsonforms.core,e)}),this.$emit("data-change",{data:this.jsonforms.core.data,errors:this.jsonforms.core.errors})},this.validate=e=>{var a,r,t;const o=null===(r=null===(a=this.jsonforms)||void 0===a?void 0:a.core)||void 0===r?void 0:r.data;if(!o)return[];const i=[];return null===(t=null==e?void 0:e.elements)||void 0===t||t.forEach((e=>{var a,r,t,n;const l=null===(a=null==e?void 0:e.options)||void 0===a?void 0:a.validateFn;if("function"!=typeof l)return;const g=null===(t=null===(r=null==e?void 0:e.scope)||void 0===r?void 0:r.split("/"))||void 0===t?void 0:t.pop(),d=null==e?void 0:e.label;let s=null!==(n=l(o,g,d))&&void 0!==n?n:[];Array.isArray(s)||(s=[s]),i.push(...s)})),i}}schemaChanged(){var e,a,r,t;if(!this.schema)return;const o=null!==(e=this.uischema)&&void 0!==e?e:d.Iiz.uiSchema(this.schema);this.uischema||console.log("UI schema not provided. Auto generated schema:",o);const i=this.validate(o);this.jsonforms={core:(()=>{const e={data:this.data,schema:this.schema,uischema:o};return(0,d.mpn)(e,d.eXO.init(this.data,this.schema,o,{validationMode:this.validationMode||"ValidateAndShow",ajv:this.ajv,additionalErrors:i}))})(),config:(0,d.LsR)(void 0,d.eXO.setConfig(this.config)),i18n:(0,d.YC9)(this.i18n,d.eXO.updateI18n(null===(a=this.i18n)||void 0===a?void 0:a.locale,null===(r=this.i18n)||void 0===r?void 0:r.translate,(null===(t=this.i18n)||void 0===t?void 0:t.translateError)||b)),renderers:this.renderers,readonly:this.readonly},this.$emit("data-change",{data:this.jsonforms.core.data,errors:this.jsonforms.core.errors})}uischemaChanged(){this.schemaChanged()}dataChanged(){this.schemaChanged()}renderersChanged(){this.schemaChanged()}validationModeChanged(){this.schemaChanged()}ajvChanged(){this.schemaChanged()}readonlyChanged(){this.schemaChanged()}configChanged(){this.schemaChanged()}get props(){var e;if(!this.schema&&!this.uischema)return;return{uischema:null!==(e=this.uischema)&&void 0!==e?e:d.Iiz.uiSchema(this.schema),schema:this.schema,path:"",enabled:!0,visible:!0}}};(0,n.__decorate)([(0,s.attr)({mode:"boolean"})],f.prototype,"submitted",void 0),(0,n.__decorate)([s.observable],f.prototype,"jsonforms",void 0),(0,n.__decorate)([s.observable],f.prototype,"i18n",void 0),(0,n.__decorate)([s.observable],f.prototype,"schema",void 0),(0,n.__decorate)([s.observable],f.prototype,"uischema",void 0),(0,n.__decorate)([s.observable],f.prototype,"data",void 0),(0,n.__decorate)([s.observable],f.prototype,"renderers",void 0),(0,n.__decorate)([s.observable],f.prototype,"validationMode",void 0),(0,n.__decorate)([s.observable],f.prototype,"ajv",void 0),(0,n.__decorate)([(0,s.attr)({mode:"boolean"})],f.prototype,"readonly",void 0),(0,n.__decorate)([s.observable],f.prototype,"config",void 0),f=(0,n.__decorate)([(0,s.customElement)({name:"json-forms",template:v})],f);const w=s.
|
|
62
|
+
`,b=(e,a,r)=>{var t,o,i,n;return null!==(n=null===(i=null===(o=null===(t=null==r?void 0:r.options)||void 0===t?void 0:t.i18n)||void 0===o?void 0:o.error)||void 0===i?void 0:i[e.keyword])&&void 0!==n?n:((e,a,r)=>{var t;return"pattern"===(null==e?void 0:e.keyword)?null!==(t=m[e.params.pattern])&&void 0!==t?t:"Invalid pattern.":(0,d.zjv)(e,a,r)})(e,a,r)};let f=class extends s.FASTElement{constructor(){super(...arguments),this.dispatch=e=>{this.jsonforms=Object.assign(Object.assign({},this.jsonforms),{core:(0,d.mpn)(this.jsonforms.core,e)}),this.$emit("data-change",{data:this.jsonforms.core.data,errors:this.jsonforms.core.errors})},this.validate=e=>{var a,r,t;const o=null===(r=null===(a=this.jsonforms)||void 0===a?void 0:a.core)||void 0===r?void 0:r.data;if(!o)return[];const i=[];return null===(t=null==e?void 0:e.elements)||void 0===t||t.forEach((e=>{var a,r,t,n;const l=null===(a=null==e?void 0:e.options)||void 0===a?void 0:a.validateFn;if("function"!=typeof l)return;const g=null===(t=null===(r=null==e?void 0:e.scope)||void 0===r?void 0:r.split("/"))||void 0===t?void 0:t.pop(),d=null==e?void 0:e.label;let s=null!==(n=l(o,g,d))&&void 0!==n?n:[];Array.isArray(s)||(s=[s]),i.push(...s)})),i}}schemaChanged(){var e,a,r,t;if(!this.schema)return;const o=null!==(e=this.uischema)&&void 0!==e?e:d.Iiz.uiSchema(this.schema);this.uischema||console.log("UI schema not provided. Auto generated schema:",o);const i=this.validate(o);this.jsonforms={core:(()=>{const e={data:this.data,schema:this.schema,uischema:o};return(0,d.mpn)(e,d.eXO.init(this.data,this.schema,o,{validationMode:this.validationMode||"ValidateAndShow",ajv:this.ajv,additionalErrors:i}))})(),config:(0,d.LsR)(void 0,d.eXO.setConfig(this.config)),i18n:(0,d.YC9)(this.i18n,d.eXO.updateI18n(null===(a=this.i18n)||void 0===a?void 0:a.locale,null===(r=this.i18n)||void 0===r?void 0:r.translate,(null===(t=this.i18n)||void 0===t?void 0:t.translateError)||b)),renderers:this.renderers,readonly:this.readonly},this.$emit("data-change",{data:this.jsonforms.core.data,errors:this.jsonforms.core.errors})}uischemaChanged(){this.schemaChanged()}dataChanged(){this.schemaChanged()}renderersChanged(){this.schemaChanged()}validationModeChanged(){this.schemaChanged()}ajvChanged(){this.schemaChanged()}readonlyChanged(){this.schemaChanged()}configChanged(){this.schemaChanged()}get props(){var e;if(!this.schema&&!this.uischema)return;return{uischema:null!==(e=this.uischema)&&void 0!==e?e:d.Iiz.uiSchema(this.schema),schema:this.schema,path:"",enabled:!0,visible:!0}}};(0,n.__decorate)([(0,s.attr)({mode:"boolean"})],f.prototype,"submitted",void 0),(0,n.__decorate)([s.observable],f.prototype,"jsonforms",void 0),(0,n.__decorate)([s.observable],f.prototype,"i18n",void 0),(0,n.__decorate)([s.observable],f.prototype,"schema",void 0),(0,n.__decorate)([s.observable],f.prototype,"uischema",void 0),(0,n.__decorate)([s.observable],f.prototype,"data",void 0),(0,n.__decorate)([s.observable],f.prototype,"renderers",void 0),(0,n.__decorate)([s.observable],f.prototype,"validationMode",void 0),(0,n.__decorate)([s.observable],f.prototype,"ajv",void 0),(0,n.__decorate)([(0,s.attr)({mode:"boolean"})],f.prototype,"readonly",void 0),(0,n.__decorate)([s.observable],f.prototype,"config",void 0),f=(0,n.__decorate)([(0,s.customElement)({name:"json-forms",template:v})],f);const w=s.css`
|
|
63
|
+
.array-list {
|
|
64
|
+
display: flex;
|
|
65
|
+
align-items: center;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.item-control-btn {
|
|
69
|
+
color: rgb(135, 155, 166);
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.item-control-btn:hover {
|
|
73
|
+
color: var(--accent-foreground-hover);
|
|
74
|
+
}
|
|
75
|
+
`;let y=class extends s.FASTElement{controlChanged(){if(this.pathName=Object.keys(this.control.schema.properties)[0],this.control.uischema.options)return void(this.uiSchema=this.control.uischema.options.childUiSchema);this.schema=this.control.schema.properties[this.pathName].items;const e=d.Iiz.uiSchema(this.schema);this.uiSchema=Object.assign(Object.assign({},e),{type:"HorizontalLayout"}),console.log("Auto generated uiSchema for layout array:",this.uiSchema)}addItem(){const e=this.control.data[this.pathName]&&0!==Object.keys(this.control.data[this.pathName]).length?[...this.control.data[this.pathName],{}]:[{}],a=Object.assign(Object.assign({},this.control.data),{[this.pathName]:e});this.$emit("data-change",{data:a})}deleteItem(e){const a=this.control.data[this.pathName],r=[a[e]],t=a.filter((e=>!r.includes(e))),o=Object.assign(Object.assign({},this.control.data),{[this.pathName]:t});this.$emit("data-change",{data:o})}};(0,n.__decorate)([s.observable],y.prototype,"form",void 0),(0,n.__decorate)([s.observable],y.prototype,"control",void 0),(0,n.__decorate)([s.observable],y.prototype,"pathName",void 0),(0,n.__decorate)([s.observable],y.prototype,"schema",void 0),(0,n.__decorate)([s.observable],y.prototype,"uiSchema",void 0),y=(0,n.__decorate)([(0,s.customElement)({name:"array-list-wrapper",styles:w,template:s.html`
|
|
76
|
+
${e=>((e="zero")=>s.html`
|
|
63
77
|
<template>
|
|
64
78
|
${(0,s.repeat)((e=>e.control.data[e.pathName]),s.html`
|
|
65
79
|
<div class="array-list">
|
|
@@ -68,41 +82,30 @@
|
|
|
68
82
|
:dispatch=${(e,a)=>a.parent.form.dispatch}
|
|
69
83
|
:jsonforms=${(e,a)=>a.parent.form.jsonforms}
|
|
70
84
|
:props=${(e,a)=>({uischema:a.parent.uiSchema,schema:a.parent.schema,renderers:a.parent.control.renderers,path:(0,d.ZBw)(a.parent.pathName,`${a.index}`),enabled:a.parent.control.enabled})}
|
|
85
|
+
:prefix=${(e,a)=>a.parent.form.jsonforms.core.uischema.dsPrefix}
|
|
71
86
|
></dispatch-renderer>
|
|
72
|
-
|
|
87
|
+
<${e}-button
|
|
73
88
|
appearance="lightweight"
|
|
74
89
|
class="item-control-btn"
|
|
75
90
|
data-test-id=${(e,a)=>`${a.parent.pathName}-${a.index}-delete-item`}
|
|
76
91
|
@click=${(e,a)=>a.parent.deleteItem(a.index)}
|
|
77
92
|
>
|
|
78
|
-
|
|
79
|
-
|
|
93
|
+
<${e}-icon name="trash"></${e}-icon>
|
|
94
|
+
</${e}-button>
|
|
80
95
|
</div>
|
|
81
96
|
`,{positioning:!0})}
|
|
82
|
-
|
|
97
|
+
<${e}-button
|
|
83
98
|
appearance="lightweight"
|
|
84
99
|
class="item-control-btn"
|
|
85
100
|
data-test-id=${e=>`${e.pathName}-add-item`}
|
|
86
101
|
@click=${e=>e.addItem()}
|
|
87
102
|
>
|
|
88
|
-
|
|
103
|
+
<${e}-icon name="plus"></${e}-icon>
|
|
89
104
|
Add another
|
|
90
|
-
|
|
105
|
+
</${e}-button>
|
|
91
106
|
</template>
|
|
92
|
-
|
|
93
|
-
.
|
|
94
|
-
display: flex;
|
|
95
|
-
align-items: center;
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
.item-control-btn {
|
|
99
|
-
color: rgb(135, 155, 166);
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
.item-control-btn:hover {
|
|
103
|
-
color: var(--accent-foreground-hover);
|
|
104
|
-
}
|
|
105
|
-
`;let z=class extends s.FASTElement{controlChanged(){if(this.pathName=Object.keys(this.control.schema.properties)[0],this.control.uischema.options)return void(this.uiSchema=this.control.uischema.options.childUiSchema);this.schema=this.control.schema.properties[this.pathName].items;const e=d.Iiz.uiSchema(this.schema);this.uiSchema=Object.assign(Object.assign({},e),{type:"HorizontalLayout"}),console.log("Auto generated uiSchema for layout array:",this.uiSchema)}addItem(){const e=this.control.data[this.pathName]&&0!==Object.keys(this.control.data[this.pathName]).length?[...this.control.data[this.pathName],{}]:[{}],a=Object.assign(Object.assign({},this.control.data),{[this.pathName]:e});this.$emit("data-change",{data:a})}deleteItem(e){const a=this.control.data[this.pathName],r=[a[e]],t=a.filter((e=>!r.includes(e))),o=Object.assign(Object.assign({},this.control.data),{[this.pathName]:t});this.$emit("data-change",{data:o})}};(0,n.__decorate)([s.observable],z.prototype,"form",void 0),(0,n.__decorate)([s.observable],z.prototype,"control",void 0),(0,n.__decorate)([s.observable],z.prototype,"pathName",void 0),(0,n.__decorate)([s.observable],z.prototype,"schema",void 0),(0,n.__decorate)([s.observable],z.prototype,"uiSchema",void 0),z=(0,n.__decorate)([(0,s.customElement)({name:"array-list-wrapper",styles:y,template:w})],z);const x=s.css`
|
|
107
|
+
`)(e.form.jsonforms.core.uischema.dsPrefix)}
|
|
108
|
+
`})],y);const x=s.css`
|
|
106
109
|
.tabs-container::part(tablist) {
|
|
107
110
|
background-color: transparent;
|
|
108
111
|
border-bottom: none;
|
|
@@ -115,7 +118,7 @@
|
|
|
115
118
|
.tab-panel-control {
|
|
116
119
|
margin-top: 10px;
|
|
117
120
|
}
|
|
118
|
-
`;let
|
|
121
|
+
`;let z=class extends s.FASTElement{};(0,n.__decorate)([s.observable],z.prototype,"form",void 0),(0,n.__decorate)([s.observable],z.prototype,"control",void 0),z=(0,n.__decorate)([(0,s.customElement)({name:"categorization-wrapper",styles:x,template:s.html`
|
|
119
122
|
${e=>((e="zero")=>s.html`
|
|
120
123
|
<template>
|
|
121
124
|
<${e}-tabs class="tabs-container">
|
|
@@ -137,7 +140,7 @@
|
|
|
137
140
|
</${e}-tabs>
|
|
138
141
|
</template>
|
|
139
142
|
`)(e.form.prefix)}
|
|
140
|
-
`})],
|
|
143
|
+
`})],z);const k=s.html`
|
|
141
144
|
<template>
|
|
142
145
|
${(0,s.when)((e=>{var a;return null===(a=e.control)||void 0===a?void 0:a.visible}),s.html`
|
|
143
146
|
<div
|
|
@@ -157,7 +160,7 @@
|
|
|
157
160
|
</div>
|
|
158
161
|
`)}
|
|
159
162
|
</template>
|
|
160
|
-
`,
|
|
163
|
+
`,S=s.css`
|
|
161
164
|
.wrapperRoot {
|
|
162
165
|
margin-bottom: 20px;
|
|
163
166
|
}
|
|
@@ -180,9 +183,9 @@
|
|
|
180
183
|
width: 100%;
|
|
181
184
|
align-items: center;
|
|
182
185
|
}
|
|
183
|
-
`;let
|
|
186
|
+
`;let C=class extends s.FASTElement{get showDescription(){return!(0,d.tg6)(this.control.visible,this.control.description,this.control.isFocused,!!this.control.config.showUnfocusedDescription)}get computedLabel(){return(0,d.lgi)(this.control.label,this.control.required,!!this.control.config.hideRequiredAsterisk)}};(0,n.__decorate)([s.observable],C.prototype,"control",void 0),(0,n.__decorate)([s.observable],C.prototype,"touched",void 0),(0,n.__decorate)([s.volatile],C.prototype,"showDescription",null),(0,n.__decorate)([s.volatile],C.prototype,"computedLabel",null),C=(0,n.__decorate)([(0,s.customElement)({name:"control-wrapper",styles:S,template:k})],C);var A=r(80340),T=r.n(A);const L=s.html`
|
|
184
187
|
<template>${e=>e.determinedRenderer.renderer}</template>
|
|
185
|
-
`,
|
|
188
|
+
`,F=s.css``;let D=class extends s.FASTElement{constructor(){super(...arguments),this.createRenderer=()=>{if(!this.jsonforms||!this.dispatch||!this.props)return;const e=(0,d.Q8v)({jsonforms:this.jsonforms},this.props),{rootSchema:a}=e,r=(0,n.__rest)(e,["rootSchema"]);this.renderer=r,this.control=((e,a,r,t)=>{const o=Object.assign({},t({jsonforms:a},e)),i=null===d.AZl||void 0===d.AZl?void 0:(0,d.AZl)(r);return Object.assign(Object.assign({},o),i)})(this.props,this.jsonforms,this.dispatch,this.determinedRenderer.mapper)}}jsonformsChanged(){this.createRenderer()}propsChanged(){this.createRenderer()}submittedChanged(){this.touched=!!this.submitted}onBlur(){this.touched=!0}get determinedRenderer(){const e=T()(this.renderer.renderers,(e=>e.tester(this.renderer.uischema,this.renderer.schema)));return this.prefix=this.jsonforms.core.uischema.dsPrefix,void 0===e||-1===e.tester(this.renderer.uischema,this.renderer.schema)?(console.error("UnknownRenderer this.renderer.uischema",this.renderer.uischema),{renderer:"UnknownRenderer"}):e}disconnectedCallback(){super.disconnectedCallback(),this.touched=!1,this.submitted=!1}};(0,n.__decorate)([s.observable],D.prototype,"jsonforms",void 0),(0,n.__decorate)([s.observable],D.prototype,"props",void 0),(0,n.__decorate)([s.observable],D.prototype,"touched",void 0),(0,n.__decorate)([(0,s.attr)({mode:"boolean"})],D.prototype,"submitted",void 0),(0,n.__decorate)([s.observable],D.prototype,"dispatch",void 0),(0,n.__decorate)([s.observable],D.prototype,"control",void 0),(0,n.__decorate)([s.observable],D.prototype,"renderer",void 0),(0,n.__decorate)([s.observable],D.prototype,"prefix",void 0),D=(0,n.__decorate)([(0,s.customElement)({name:"dispatch-renderer",template:L,styles:F})],D);const M=s.html`
|
|
186
189
|
<template>
|
|
187
190
|
<json-forms
|
|
188
191
|
?readonly=${e=>e.readonly}
|
|
@@ -206,7 +209,7 @@
|
|
|
206
209
|
</div>
|
|
207
210
|
`)}
|
|
208
211
|
</template>
|
|
209
|
-
`,
|
|
212
|
+
`,O=(0,d.or)(d.KmX,(0,d.wcO)((e=>e.hasOwnProperty("oneOf")&&e.oneOf.some((e=>(0,d.ndu)(e,"boolean")))))),N={renderer:s.html`
|
|
210
213
|
${e=>((e="zero")=>s.html`
|
|
211
214
|
<template>
|
|
212
215
|
<control-wrapper
|
|
@@ -226,7 +229,7 @@
|
|
|
226
229
|
</control-wrapper>
|
|
227
230
|
</template>
|
|
228
231
|
`)(e.prefix)}
|
|
229
|
-
`,tester:(0,d.yMz)(3,
|
|
232
|
+
`,tester:(0,d.yMz)(3,O),mapper:d.xq9},$=e=>a=>{if(!a||!(0,d.DRl)(a))return!1;const r=a.options;return!(!r||!r[e])},R=(0,d.xDy)($("allOptionsResourceName"),(0,d.or)((0,d.wcO)((e=>(0,d.ndu)(e,"array"))),(0,d.wcO)((e=>e.hasOwnProperty("oneOf")&&e.oneOf.some((e=>(0,d.ndu)(e,"array"))))))),j={renderer:s.html`
|
|
230
233
|
${e=>((e="zero")=>s.html`
|
|
231
234
|
<template>
|
|
232
235
|
<control-wrapper
|
|
@@ -251,7 +254,7 @@
|
|
|
251
254
|
</control-wrapper>
|
|
252
255
|
</template>
|
|
253
256
|
`)(e.prefix)}
|
|
254
|
-
`,tester:(0,d.yMz)(4,
|
|
257
|
+
`,tester:(0,d.yMz)(4,R),mapper:d.xq9},I={renderer:s.html`
|
|
255
258
|
${e=>((e="zero")=>s.html`
|
|
256
259
|
<template>
|
|
257
260
|
<control-wrapper
|
|
@@ -279,7 +282,7 @@
|
|
|
279
282
|
</control-wrapper>
|
|
280
283
|
</template>
|
|
281
284
|
`)(e.prefix)}
|
|
282
|
-
`,tester:(0,d.yMz)(4,(0,d.or)(
|
|
285
|
+
`,tester:(0,d.yMz)(4,(0,d.or)($("allOptionsResourceName"),$("data"))),mapper:d.xq9},E=(0,d.wcO)((e=>"org.joda.time.DateTime"===e.description)),B={renderer:s.html`
|
|
283
286
|
${e=>((e="zero")=>s.html`
|
|
284
287
|
<template>
|
|
285
288
|
<control-wrapper
|
|
@@ -300,7 +303,7 @@
|
|
|
300
303
|
</control-wrapper>
|
|
301
304
|
</template>
|
|
302
305
|
`)(e.prefix)}
|
|
303
|
-
`,tester:(0,d.yMz)(4,
|
|
306
|
+
`,tester:(0,d.yMz)(4,E),mapper:d.xq9},P=(0,d.or)(d.UvK,(0,d.wcO)((e=>e.hasOwnProperty("oneOf")&&e.oneOf.some((e=>e.hasOwnProperty("enum")))))),U={renderer:s.html`
|
|
304
307
|
${e=>((e="zero")=>s.html`
|
|
305
308
|
<template>
|
|
306
309
|
<control-wrapper
|
|
@@ -323,7 +326,7 @@
|
|
|
323
326
|
</control-wrapper>
|
|
324
327
|
</template>
|
|
325
328
|
`)(e.prefix)}
|
|
326
|
-
`,tester:(0,d.yMz)(3,
|
|
329
|
+
`,tester:(0,d.yMz)(3,P),mapper:(e,a)=>{const r=(0,d.xq9)(e,a),t=a.options||(r.schema.enum||r.schema.oneOf.find((e=>e.hasOwnProperty("enum"))).enum).map((a=>(0,d.vld)(a,(0,d.Ty2)()(e),(0,d.B49)(r.schema,r.uischema,r.path))))||r.schema.const&&[(0,d.vld)(r.schema.const,(0,d.Ty2)()(e),(0,d.B49)(r.schema,r.uischema,r.path))];return Object.assign(Object.assign({},r),{options:t})}},G={renderer:s.html`
|
|
327
330
|
<template>
|
|
328
331
|
<pre
|
|
329
332
|
:value=${e=>e.control.data||""}
|
|
@@ -332,15 +335,15 @@
|
|
|
332
335
|
style="display: none"
|
|
333
336
|
></pre>
|
|
334
337
|
</template>
|
|
335
|
-
`,tester:(0,d.yMz)(5,((e,a,r)=>{var t,o;return null!==(o=null===(t=null==e?void 0:e.options)||void 0===t?void 0:t.hidden)&&void 0!==o&&o})),mapper:d.xq9},
|
|
338
|
+
`,tester:(0,d.yMz)(5,((e,a,r)=>{var t,o;return null!==(o=null===(t=null==e?void 0:e.options)||void 0===t?void 0:t.hidden)&&void 0!==o&&o})),mapper:d.xq9},H=(0,d.wcO)((e=>(0,d.ndu)(e,"array")&&e.hasOwnProperty("items")&&"object"==e.items.type)),V={renderer:s.html`
|
|
336
339
|
<template>
|
|
337
340
|
<array-list-wrapper :form=${e=>e} :control=${e=>e.control}></array-list-wrapper>
|
|
338
341
|
</template>
|
|
339
|
-
`,tester:(0,d.yMz)(2,
|
|
342
|
+
`,tester:(0,d.yMz)(2,H),mapper:d.NFL},Y={renderer:s.html`
|
|
340
343
|
<template>
|
|
341
344
|
<categorization-wrapper :form=${e=>e} :control=${e=>e.control}></categorization-wrapper>
|
|
342
345
|
</template>
|
|
343
|
-
`,tester:(0,d.yMz)(2,(e=>"Categorization"===e.type)),mapper:d.NFL},
|
|
346
|
+
`,tester:(0,d.yMz)(2,(e=>"Categorization"===e.type)),mapper:d.NFL},_={renderer:s.html`
|
|
344
347
|
<template>
|
|
345
348
|
<div>
|
|
346
349
|
${(0,s.when)((e=>e.control.label),s.html`
|
|
@@ -364,7 +367,7 @@
|
|
|
364
367
|
`)}
|
|
365
368
|
</div>
|
|
366
369
|
</template>
|
|
367
|
-
`,tester:(0,d.yMz)(2,d.tyy),mapper:d.NFL},
|
|
370
|
+
`,tester:(0,d.yMz)(2,d.tyy),mapper:d.NFL},Q={renderer:s.html`
|
|
368
371
|
<template>
|
|
369
372
|
<div
|
|
370
373
|
style="
|
|
@@ -382,7 +385,7 @@
|
|
|
382
385
|
`)}
|
|
383
386
|
</div>
|
|
384
387
|
</template>
|
|
385
|
-
`,tester:(0,d.yMz)(2,(e=>"HorizontalLayout"===e.type)),mapper:d.NFL},
|
|
388
|
+
`,tester:(0,d.yMz)(2,(e=>"HorizontalLayout"===e.type)),mapper:d.NFL},W={renderer:s.html`
|
|
386
389
|
<template>
|
|
387
390
|
<div>
|
|
388
391
|
${(0,s.repeat)((e=>e.control.uischema.elements),s.html`
|
|
@@ -395,7 +398,7 @@
|
|
|
395
398
|
`)}
|
|
396
399
|
</div>
|
|
397
400
|
</template>
|
|
398
|
-
`,tester:(0,d.yMz)(2,d.Lki),mapper:d.NFL},
|
|
401
|
+
`,tester:(0,d.yMz)(2,d.Lki),mapper:d.NFL},q={renderer:s.html`
|
|
399
402
|
<template>
|
|
400
403
|
<div
|
|
401
404
|
style="max-width:600px;
|
|
@@ -416,7 +419,7 @@
|
|
|
416
419
|
`)}
|
|
417
420
|
</div>
|
|
418
421
|
</template>
|
|
419
|
-
`,tester:(0,d.yMz)(2,(e=>"LayoutVertical2Columns"===e.type)),mapper:d.NFL},
|
|
422
|
+
`,tester:(0,d.yMz)(2,(e=>"LayoutVertical2Columns"===e.type)),mapper:d.NFL},J=e=>(0,d.ndu)(e,"number")||(0,d.ndu)(e,"integer"),Z=(0,d.wcO)((e=>J(e)||e.hasOwnProperty("oneOf")&&e.oneOf.some((e=>J(e))))),K={renderer:s.html`
|
|
420
423
|
${e=>((e="zero")=>s.html`
|
|
421
424
|
<template>
|
|
422
425
|
<control-wrapper
|
|
@@ -440,7 +443,7 @@
|
|
|
440
443
|
</control-wrapper>
|
|
441
444
|
</template>
|
|
442
445
|
`)(e.prefix)}
|
|
443
|
-
`,tester:(0,d.yMz)(3,
|
|
446
|
+
`,tester:(0,d.yMz)(3,Z),mapper:d.xq9},X=s.html`
|
|
444
447
|
${e=>((e="zero")=>s.html`
|
|
445
448
|
<template>
|
|
446
449
|
<control-wrapper
|
|
@@ -463,44 +466,44 @@
|
|
|
463
466
|
</control-wrapper>
|
|
464
467
|
</template>
|
|
465
468
|
`)(e.prefix)}
|
|
466
|
-
`,
|
|
469
|
+
`,ee=(0,g.createLogger)("foundation-form"),ae={renderer:X,tester:(0,d.yMz)(2,d.Wdb),mapper:d.xq9},re=[{renderer:X,tester:(0,d.yMz)(1,d.DRl),mapper:d.xq9},ae,N,V,Y,_,Q,q,W,K,j,U,I,B,G];let te=class extends c.FoundationElement{constructor(){super(...arguments),this.renderers=re,this.errors=[],this.data={}}resourceNameChanged(){var e,a;return(0,n.__awaiter)(this,void 0,void 0,(function*(){if(this.jsonSchema=void 0,this.resourceName){const r=yield this.connect.getJSONSchema(this.resourceName);this.jsonSchema=null===(a=null===(e=null==r?void 0:r.INBOUND)||void 0===e?void 0:e.properties)||void 0===a?void 0:a.DETAILS}}))}removeDataProperties(){if(!this.jsonSchema||!this.data)return;const e=Object.keys(this.jsonSchema.properties);let a=0;return Object.keys(this.data).forEach((r=>{e.includes(r)||(delete this.data[r],a+=1,ee.debug("Removing key ",r,"from provided data because it is not part of the payload"))})),a>0&&(this.data=Object.assign({},this.data)),a>0}_submit(){return(0,n.__awaiter)(this,void 0,void 0,(function*(){this.removeDataProperties()&&(yield s.DOM.nextUpdate()),this.submitted=!0;const e=Object.assign({},this.data);if(ee.debug({payload:e,errors:this.errors}),this.$emit("submit",{payload:e,errors:this.errors}),0!==Object.entries(e).length&&this.resourceName){this.submitting=!0;const a=yield this.connect.commitEvent(this.resourceName,{DETAILS:e});this.submitting=!1,a.ERROR?this.$emit("submit-failure",{payload:e,errors:a.ERROR}):this.$emit("submit-success",{payload:e})}}))}onChange(e){ee.debug({event:e}),e.detail&&(this.data=e.detail.data,this.errors=e.detail.errors)}disconnectedCallback(){super.disconnectedCallback(),this.submitted=!1,this.data={}}};(0,n.__decorate)([s.attr],te.prototype,"resourceName",void 0),(0,n.__decorate)([s.observable],te.prototype,"uischema",void 0),(0,n.__decorate)([s.observable],te.prototype,"renderers",void 0),(0,n.__decorate)([s.observable],te.prototype,"jsonSchema",void 0),(0,n.__decorate)([l.lj],te.prototype,"connect",void 0),(0,n.__decorate)([s.observable],te.prototype,"data",void 0),(0,n.__decorate)([s.observable],te.prototype,"submitting",void 0),(0,n.__decorate)([s.observable],te.prototype,"submitted",void 0),(0,n.__decorate)([(0,s.attr)({mode:"boolean"})],te.prototype,"readonly",void 0),te=(0,n.__decorate)([(0,s.customElement)({name:"foundation-form",template:M,styles:h})],te);var oe,ie,ne,le,ge,de=r(99461);!function(e){e.black="#000000",e.white="#FFFFFF",e.almostWhite="#F1F1F1",e.lightGrey="#2E3339",e.mediumGrey="#2C2F33",e.darkGrey="#1F2126",e.darkerGrey="#141519"}(oe||(oe={})),function(e){e.blue="#0eafe2",e.purple="#654df9"}(ie||(ie={})),function(e){e.orange="#ff6d52",e.teal="#08c3a5"}(ne||(ne={})),function(e){e.grey="#7c909b"}(le||(le={})),function(e){e.chartPink="#fb8176",e.longGreen="#7acc79",e.shortPink="#f14376",e.warningYellow="fcb35f",e.green="#44c14c",e.lightGreen="#69cd70",e.red="#ef4d28",e.lightRed="#ee6588",e.dodgerBlue="#33a9ff",e.lightDodgerBlue="#5cbaff",e.violet="#9b1e74",e.lightViolet="#b528af",e.white="#f9f9f9",e.silver="#c1c1c1",e.salomie="#ffdf94",e.lightSalomie="#ccb276",e.melon="#ffbbb2",e.lightMelon="#cc968e",e.portage="#8a99f5",e.lightPortage="#adb8f8",e.ice="#97f4eb",e.lightIce="#6befe2"}(ge||(ge={}));const se=(0,de.paletteFromHex)(ie.blue),ce=(0,de.paletteFromHex)(le.grey),pe=p.StandardLuminance.DarkMode;const ue=r(23773).N.ltr,he=p.strokeWidth.getValueFor(p.strokeWidth.appliedTo[0]),me=4,ve=p.density.getValueFor(p.density.appliedTo[0]),be=4,fe=()=>{(0,g.loadFontFaces)("\n @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')\n","roboto-font-faces")},we='Roboto, "Segoe UI", Arial, Helvetica, sans-serif',ye=(e=g.FontStyle.Normal,a=g.FontWeight.Regular)=>(0,g.getFontMixin)(we,e,a),xe=we,ze=p.typeRampBaseFontSize.getValueFor(p.typeRampBaseFontSize.appliedTo[0]),ke=p.typeRampBaseLineHeight.getValueFor(p.typeRampBaseLineHeight.appliedTo[0]),Se={design_tokens:{color:{accent:{$value:se.source.toColorString(),$type:"color"},neutral:{$value:ce.source.toColorString(),$type:"color"}},fontFamily:{bodyFont:{$value:xe,$type:"fontFamily"}},typography:{baseFontSize:{$value:ze,$type:"dimension"},baseLineHeight:{$value:ke,$type:"dimension"}},mode:{luminance:{$value:pe,$type:"number"}},style:{density:{$value:ve,$type:"number"},borderRadius:{$value:me,$type:"number"},strokeWidth:{$value:he,$type:"number"}},space:{designUnit:{$value:be,$type:"number"}}}};class Ce extends de.ActionsMenu{}const Ae=Ce.compose({baseName:"actions-menu",styles:(e,a)=>s.css`
|
|
467
470
|
:host {
|
|
468
471
|
--actions-opener-heigght-multiplier: 0.6px;
|
|
469
472
|
--menu-item-height-multiplier: 0.5px;
|
|
470
473
|
}
|
|
471
474
|
|
|
472
|
-
${(0,
|
|
473
|
-
`,template:
|
|
475
|
+
${(0,de.actionsMenuBaseStyles)(e,a)}
|
|
476
|
+
`,template:de.foundationActionsMenuTemplate});var Te=r(82694);const Le=(e,a=1)=>new Te.ColorRGBA64(e.r,e.g,e.b,a).toStringWebRGBA(),Fe=(0,Te.parseColorHexRGB)(oe.white),De=(e=1)=>Le(Fe,e),Me=((0,Te.parseColorHexRGB)(oe.black),(0,Te.parseColorHexRGB)("#585858")),Oe=(p.SwatchRGB.create(Me.r,Me.g,Me.b),(0,Te.parseColorHexRGB)("#202126")),Ne=p.SwatchRGB.create(Oe.r,Oe.g,Oe.b),$e=(p.PaletteRGB.from(Ne),(0,Te.parseColorHexRGB)(ie.blue)),Re=(e=1)=>Le($e,e),je=p.SwatchRGB.create($e.r,$e.g,$e.b),Ie=(p.PaletteRGB.from(je),(0,Te.parseColorHexRGB)(ie.purple)),Ee=(e=1)=>Le(Ie,e),Be=(0,Te.parseColorHexRGB)(ne.orange),Pe=(e=1)=>Le(Be,e),Ue=(0,Te.parseColorHexRGB)(ne.teal),Ge=(e=1)=>Le(Ue,e),He=((0,Te.parseColorHexRGB)(ge.longGreen),(0,Te.parseColorHexRGB)(ge.chartPink),(0,Te.parseColorHexRGB)(ge.warningYellow),(0,Te.parseColorHexRGB)(ge.chartPink)),Ve=(e=1)=>Le(He,e);function Ye(e,a){return new c.PropertyStyleSheetBehavior("appearance",e,a)}const _e=.3,Qe=.1,We=.5,qe=s.css`
|
|
474
477
|
:host([appearance='primary-blue']) {
|
|
475
|
-
background: ${
|
|
476
|
-
border: 1px solid ${
|
|
478
|
+
background: ${Re(_e)};
|
|
479
|
+
border: 1px solid ${ie.blue};
|
|
477
480
|
}
|
|
478
481
|
|
|
479
482
|
:host([appearance='primary-blue']:hover) {
|
|
480
|
-
background: ${
|
|
483
|
+
background: ${ie.blue};
|
|
481
484
|
}
|
|
482
485
|
|
|
483
486
|
:host([appearance='primary-blue']:active) {
|
|
484
|
-
background: ${
|
|
485
|
-
border: 1px solid ${
|
|
486
|
-
color: ${
|
|
487
|
+
background: ${Re(Qe)};
|
|
488
|
+
border: 1px solid ${Re(_e)};
|
|
489
|
+
color: ${De(We)};
|
|
487
490
|
}
|
|
488
|
-
`,
|
|
491
|
+
`,Je=s.css`
|
|
489
492
|
:host([appearance='primary-purple']) {
|
|
490
|
-
background: ${
|
|
491
|
-
border: 1px solid ${
|
|
493
|
+
background: ${Ee(_e)};
|
|
494
|
+
border: 1px solid ${ie.purple};
|
|
492
495
|
}
|
|
493
496
|
|
|
494
497
|
:host([appearance='primary-purple']:hover) {
|
|
495
|
-
background: ${
|
|
498
|
+
background: ${ie.purple};
|
|
496
499
|
}
|
|
497
500
|
|
|
498
501
|
:host([appearance='primary-purple']:active) {
|
|
499
|
-
background: ${
|
|
500
|
-
border: 1px solid ${
|
|
501
|
-
color: ${
|
|
502
|
+
background: ${Ee(Qe)};
|
|
503
|
+
border: 1px solid ${Ee(_e)};
|
|
504
|
+
color: ${De(We)};
|
|
502
505
|
}
|
|
503
|
-
`,
|
|
506
|
+
`,Ze=s.css`
|
|
504
507
|
:host {
|
|
505
508
|
--primary-gradient-angle: -113.5deg;
|
|
506
509
|
}
|
|
@@ -508,8 +511,8 @@
|
|
|
508
511
|
:host([appearance='primary-gradient']) {
|
|
509
512
|
background-image: linear-gradient(
|
|
510
513
|
var(--primary-gradient-angle),
|
|
511
|
-
${
|
|
512
|
-
${
|
|
514
|
+
${ie.blue},
|
|
515
|
+
${ie.purple}
|
|
513
516
|
);
|
|
514
517
|
background-origin: border-box;
|
|
515
518
|
border: solid 1px transparent;
|
|
@@ -519,8 +522,8 @@
|
|
|
519
522
|
:host([appearance='primary-gradient']:hover) {
|
|
520
523
|
background-image: linear-gradient(
|
|
521
524
|
var(--primary-gradient-angle),
|
|
522
|
-
${
|
|
523
|
-
${
|
|
525
|
+
${ie.blue},
|
|
526
|
+
${ie.purple}
|
|
524
527
|
);
|
|
525
528
|
background-origin: border-box;
|
|
526
529
|
border: solid 1px transparent;
|
|
@@ -530,45 +533,45 @@
|
|
|
530
533
|
:host([appearance='primary-gradient']:active) {
|
|
531
534
|
background-image: linear-gradient(
|
|
532
535
|
var(--primary-gradient-angle),
|
|
533
|
-
${
|
|
534
|
-
${
|
|
536
|
+
${Re(_e)},
|
|
537
|
+
${Ee(_e)}
|
|
535
538
|
);
|
|
536
539
|
background-origin: border-box;
|
|
537
540
|
border: solid 1px transparent;
|
|
538
541
|
box-shadow: 2px 1000px 1px rgb(0 0 0 / 30%) inset;
|
|
539
|
-
color: ${
|
|
542
|
+
color: ${De(We)};
|
|
540
543
|
}
|
|
541
|
-
`,
|
|
544
|
+
`,Ke=s.css`
|
|
542
545
|
:host([appearance='secondary-orange']) {
|
|
543
|
-
background: ${
|
|
544
|
-
border: 1px solid ${
|
|
546
|
+
background: ${Pe(_e)};
|
|
547
|
+
border: 1px solid ${ne.orange};
|
|
545
548
|
}
|
|
546
549
|
|
|
547
550
|
:host([appearance='secondary-orange']:hover) {
|
|
548
|
-
background: ${
|
|
551
|
+
background: ${ne.orange};
|
|
549
552
|
}
|
|
550
553
|
|
|
551
554
|
:host([appearance='secondary-orange']:active) {
|
|
552
|
-
background: ${
|
|
553
|
-
border: 1px solid ${
|
|
554
|
-
color: ${
|
|
555
|
+
background: ${Pe(Qe)};
|
|
556
|
+
border: 1px solid ${Pe(_e)};
|
|
557
|
+
color: ${De(We)};
|
|
555
558
|
}
|
|
556
|
-
`,
|
|
559
|
+
`,Xe=s.css`
|
|
557
560
|
:host([appearance='secondary-teal']) {
|
|
558
|
-
background: ${
|
|
559
|
-
border: 1px solid ${
|
|
561
|
+
background: ${Ge(_e)};
|
|
562
|
+
border: 1px solid ${ne.teal};
|
|
560
563
|
}
|
|
561
564
|
|
|
562
565
|
:host([appearance='secondary-teal']:hover) {
|
|
563
|
-
background: ${
|
|
566
|
+
background: ${ne.teal};
|
|
564
567
|
}
|
|
565
568
|
|
|
566
569
|
:host([appearance='secondary-teal']:active) {
|
|
567
|
-
background: ${
|
|
568
|
-
border: 1px solid ${
|
|
569
|
-
color: ${
|
|
570
|
+
background: ${Ge(Qe)};
|
|
571
|
+
border: 1px solid ${Ge(_e)};
|
|
572
|
+
color: ${De(We)};
|
|
570
573
|
}
|
|
571
|
-
`,
|
|
574
|
+
`,ea=s.css`
|
|
572
575
|
:host([appearance='neutral-grey']) {
|
|
573
576
|
background: ${p.neutralFillRest};
|
|
574
577
|
border: 1px solid ${p.neutralStrokeRest};
|
|
@@ -583,7 +586,7 @@
|
|
|
583
586
|
border: 1px solid ${p.neutralStrokeActive};
|
|
584
587
|
color: ${p.neutralForegroundRest};
|
|
585
588
|
}
|
|
586
|
-
`,
|
|
589
|
+
`,aa=s.css`
|
|
587
590
|
:host {
|
|
588
591
|
--primary-gradient-angle: -113.5deg;
|
|
589
592
|
}
|
|
@@ -591,21 +594,21 @@
|
|
|
591
594
|
:host([appearance='outline-primary-gradient']) {
|
|
592
595
|
background: linear-gradient(
|
|
593
596
|
var(--primary-gradient-angle),
|
|
594
|
-
${
|
|
595
|
-
${
|
|
597
|
+
${ie.blue} 0%,
|
|
598
|
+
${ie.purple} 100%
|
|
596
599
|
)
|
|
597
600
|
top/100% 1px,
|
|
598
601
|
linear-gradient(
|
|
599
602
|
var(--primary-gradient-angle),
|
|
600
|
-
${
|
|
601
|
-
${
|
|
603
|
+
${ie.blue} 0%,
|
|
604
|
+
${ie.purple} 100%
|
|
602
605
|
)
|
|
603
606
|
bottom/100% 1px;
|
|
604
607
|
background-origin: border-box;
|
|
605
608
|
background-repeat: no-repeat;
|
|
606
609
|
border: 1px solid transparent;
|
|
607
|
-
border-right-color: ${
|
|
608
|
-
border-left-color: ${
|
|
610
|
+
border-right-color: ${ie.blue};
|
|
611
|
+
border-left-color: ${ie.purple};
|
|
609
612
|
}
|
|
610
613
|
|
|
611
614
|
:host([appearance='outline-primary-gradient']:hover) {
|
|
@@ -613,8 +616,8 @@
|
|
|
613
616
|
background-repeat: unset;
|
|
614
617
|
background-image: linear-gradient(
|
|
615
618
|
var(--primary-gradient-angle),
|
|
616
|
-
${
|
|
617
|
-
${
|
|
619
|
+
${ie.blue},
|
|
620
|
+
${ie.purple}
|
|
618
621
|
);
|
|
619
622
|
background-origin: border-box;
|
|
620
623
|
box-shadow: 1px 1000px 1px rgb(0 0 0 / 50%) inset;
|
|
@@ -624,68 +627,68 @@
|
|
|
624
627
|
box-shadow: unset;
|
|
625
628
|
background: linear-gradient(
|
|
626
629
|
var(--primary-gradient-angle),
|
|
627
|
-
${
|
|
628
|
-
${
|
|
630
|
+
${Re(_e)} 0%,
|
|
631
|
+
${Ee(_e)} 100%
|
|
629
632
|
)
|
|
630
633
|
top/100% 1px,
|
|
631
634
|
linear-gradient(
|
|
632
635
|
var(--primary-gradient-angle),
|
|
633
|
-
${
|
|
634
|
-
${
|
|
636
|
+
${Re(_e)} 0%,
|
|
637
|
+
${Ee(_e)} 100%
|
|
635
638
|
)
|
|
636
639
|
bottom/100% 1px;
|
|
637
640
|
background-origin: border-box;
|
|
638
641
|
background-repeat: no-repeat;
|
|
639
642
|
border: 1px solid transparent;
|
|
640
|
-
border-right-color: ${
|
|
641
|
-
border-left-color: ${
|
|
642
|
-
color: ${
|
|
643
|
+
border-right-color: ${Re(_e)};
|
|
644
|
+
border-left-color: ${Ee(_e)};
|
|
645
|
+
color: ${De(We)};
|
|
643
646
|
}
|
|
644
|
-
`,
|
|
647
|
+
`,ra=s.css`
|
|
645
648
|
:host([appearance='outline-secondary-orange']) {
|
|
646
649
|
background: transparent;
|
|
647
|
-
border: 1px solid ${
|
|
650
|
+
border: 1px solid ${ne.orange};
|
|
648
651
|
}
|
|
649
652
|
|
|
650
653
|
:host([appearance='outline-secondary-orange']:hover) {
|
|
651
|
-
background: ${
|
|
654
|
+
background: ${Pe(_e)};
|
|
652
655
|
}
|
|
653
656
|
|
|
654
657
|
:host([appearance='outline-secondary-orange']:active) {
|
|
655
658
|
background: transparent;
|
|
656
|
-
border: 1px solid ${
|
|
657
|
-
color: ${
|
|
659
|
+
border: 1px solid ${Pe(_e)};
|
|
660
|
+
color: ${De(We)};
|
|
658
661
|
}
|
|
659
|
-
`,
|
|
662
|
+
`,ta=s.css`
|
|
660
663
|
:host([appearance='outline-secondary-teal']) {
|
|
661
664
|
background: transparent;
|
|
662
|
-
border: 1px solid ${
|
|
665
|
+
border: 1px solid ${ne.teal};
|
|
663
666
|
}
|
|
664
667
|
|
|
665
668
|
:host([appearance='outline-secondary-teal']:hover) {
|
|
666
|
-
background: ${
|
|
669
|
+
background: ${Ge(_e)};
|
|
667
670
|
}
|
|
668
671
|
|
|
669
672
|
:host([appearance='outline-secondary-teal']:active) {
|
|
670
673
|
background: transparent;
|
|
671
|
-
border: 1px solid ${
|
|
672
|
-
color: ${
|
|
674
|
+
border: 1px solid ${Ge(_e)};
|
|
675
|
+
color: ${De(We)};
|
|
673
676
|
}
|
|
674
|
-
`,
|
|
675
|
-
${(0,
|
|
677
|
+
`,oa=(e,a)=>s.css`
|
|
678
|
+
${(0,de.foundationButtonStyles)(e,a)}
|
|
676
679
|
${s.css`
|
|
677
680
|
:host {
|
|
678
681
|
margin: 5px;
|
|
679
682
|
}
|
|
680
683
|
`}
|
|
681
|
-
`.withBehaviors(
|
|
682
|
-
${(0,
|
|
683
|
-
${
|
|
684
|
-
`.withBehaviors(...
|
|
685
|
-
${(0,
|
|
684
|
+
`.withBehaviors(Ye("primary-blue",qe),Ye("primary-purple",Je),Ye("primary-gradient",Ze),Ye("secondary-orange",Ke),Ye("secondary-teal",Xe),Ye("neutral-grey",ea),Ye("outline-primary-gradient",aa),Ye("outline-secondary-orange",ra),Ye("outline-secondary-teal",ta));class ia extends de.Anchor{}const na=ia.compose(Object.assign({baseName:"anchor",template:(e,a)=>(0,de.foundationAnchorTemplate)(e,a),styles:(e,a)=>s.css`
|
|
685
|
+
${(0,de.foundationAnchorStyles)(e,a)}
|
|
686
|
+
${oa(e,a)}
|
|
687
|
+
`.withBehaviors(...oa(e,a).behaviors),shadowOptions:de.foundationAnchorShadowOptions},de.defaultAnchorConfig));class la extends de.Badge{}const ga=la.compose(Object.assign({baseName:"badge",template:(e,a)=>(0,de.foundationBadgeTemplate)(e,a),styles:(e,a)=>s.css`
|
|
688
|
+
${(0,de.foundationBadgeStyles)(e,a)}
|
|
686
689
|
:host {
|
|
687
|
-
--badge-fill-primary: ${
|
|
688
|
-
--badge-fill-secondary: ${
|
|
690
|
+
--badge-fill-primary: ${Re()};
|
|
691
|
+
--badge-fill-secondary: ${Ge()};
|
|
689
692
|
--badge-fill-pink: ${Ve()};
|
|
690
693
|
--badge-fill-transparent: transparent;
|
|
691
694
|
--badge-color-black: #000;
|
|
@@ -695,15 +698,15 @@
|
|
|
695
698
|
:host .control {
|
|
696
699
|
padding: calc(${p.designUnit} * 1px) calc(${p.designUnit} * 2px);
|
|
697
700
|
}
|
|
698
|
-
`,shadowOptions:
|
|
699
|
-
${
|
|
701
|
+
`,shadowOptions:de.foundationBadgeShadowOptions},de.defaultBadgeConfig)),da=s.css`
|
|
702
|
+
${de.foundationBannerStyles}
|
|
700
703
|
.banner {
|
|
701
704
|
background-color: ${p.neutralLayer1};
|
|
702
705
|
}
|
|
703
|
-
`,
|
|
704
|
-
${(0,
|
|
705
|
-
`,shadowOptions:undefined},{}));class
|
|
706
|
-
${(0,
|
|
706
|
+
`,sa=de.foundationBannerShadowOptions;class ca extends de.Banner{}const pa=ca.compose({baseName:"banner",shadowOptions:sa,styles:da,template:de.foundationBannerTemplate});class ua extends de.Breadcrumb{}const ha=ua.compose(Object.assign({baseName:"breadcrumb",template:(e,a)=>(0,de.foundationBreadcrumbTemplate)(e,a),styles:(e,a)=>s.css`
|
|
707
|
+
${(0,de.foundationBreadcrumbStyles)(e,a)}
|
|
708
|
+
`,shadowOptions:undefined},{}));class ma extends de.BreadcrumbItem{}const va=ma.compose(Object.assign({baseName:"breadcrumb-item",template:(e,a)=>(0,de.foundationBreadcrumbItemTemplate)(e,a),styles:(e,a)=>s.css`
|
|
709
|
+
${(0,de.foundationBreadcrumbItemStyles)(e,a)}
|
|
707
710
|
:host {
|
|
708
711
|
--neutral-foreground-rest: #18b2e3;
|
|
709
712
|
--accent-foreground-rest: #f1f1f1;
|
|
@@ -713,106 +716,106 @@
|
|
|
713
716
|
.separator {
|
|
714
717
|
color: var(--neutral-stroke-rest);
|
|
715
718
|
}
|
|
716
|
-
`,shadowOptions:
|
|
717
|
-
${(0,
|
|
719
|
+
`,shadowOptions:de.foundationBreadcrumbItemShadowOptions},de.defaultBreadcrumbItemConfig));class ba extends de.Button{}const fa=ba.compose(Object.assign({baseName:"button",template:(e,a)=>(0,de.foundationButtonTemplate)(e,a),styles:oa,shadowOptions:de.foundationButtonShadowOptions},de.defaultButtonConfig));class wa extends de.Card{}const ya=wa.compose(Object.assign({baseName:"card",template:(e,a)=>(0,de.foundationCardTemplate)(e,a),styles:(e,a)=>s.css`
|
|
720
|
+
${(0,de.foundationCardStyles)(e,a)}
|
|
718
721
|
:host {
|
|
719
722
|
background-color: var(--zero-card-fill-color, var(--neutral-layer-2));
|
|
720
723
|
color: ${p.neutralForegroundRest};
|
|
721
724
|
}
|
|
722
|
-
`,shadowOptions:
|
|
723
|
-
${(0,
|
|
725
|
+
`,shadowOptions:de.foundationCardShadowOptions},de.defaultCardConfig));class xa extends de.Checkbox{}const za=xa.compose(Object.assign({baseName:"checkbox",template:(e,a)=>(0,de.foundationCheckboxTemplate)(e,a),styles:(e,a)=>s.css`
|
|
726
|
+
${(0,de.foundationCheckboxStyles)(e,a)}
|
|
724
727
|
:host {
|
|
725
728
|
--primary-gradient-angle: -113.5deg;
|
|
726
|
-
--foreground-on-accent-rest: ${
|
|
727
|
-
--foreground-on-accent-hover: ${
|
|
728
|
-
--neutral-stroke-hover: ${
|
|
729
|
-
--foreground-on-accent-active: ${
|
|
729
|
+
--foreground-on-accent-rest: ${oe.white};
|
|
730
|
+
--foreground-on-accent-hover: ${oe.white};
|
|
731
|
+
--neutral-stroke-hover: ${oe.white};
|
|
732
|
+
--foreground-on-accent-active: ${oe.white};
|
|
730
733
|
}
|
|
731
734
|
|
|
732
735
|
.checked-indicator {
|
|
733
736
|
background-image: linear-gradient(
|
|
734
737
|
var(--primary-gradient-angle),
|
|
735
|
-
${
|
|
736
|
-
${
|
|
738
|
+
${ie.blue},
|
|
739
|
+
${ie.purple}
|
|
737
740
|
);
|
|
738
741
|
background-origin: border-box;
|
|
739
742
|
box-shadow: 2px 1000px 1px rgb(0 0 0 / 20%) inset;
|
|
740
743
|
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
741
744
|
}
|
|
742
|
-
`,shadowOptions:
|
|
743
|
-
${(0,
|
|
745
|
+
`,shadowOptions:de.foundationCheckboxShadowOptions},de.defaultCheckboxConfig)),ka=(0,Te.parseColorHexRGB)("#F1F1F1"),Sa=Le(ka,1),Ca=(0,Te.parseColorHexRGB)("#879BA6"),Aa=Le(Ca,.06),Ta=(0,Te.parseColorHexRGB)("#879BA6"),La=Le(Ta,1),Fa=(0,Te.parseColorHexRGB)("#121212"),Da=Le(Fa,1),Ma=(0,Te.parseColorHexRGB)("#2e3339"),Oa=Le(Ma,1);var Na;!function(e){e.PrimaryBlue="primary-blue",e.PrimaryPurple="primary-purple",e.PrimaryGradient="primary-gradient",e.SecondaryOrange="secondary-orange",e.SecondaryTeal="secondary-teal",e.NeutralGrey="neutral-grey",e.OutlinePrimaryGradient="outline-primary-gradient",e.OutlineSecondaryOrange="outline-secondary-orange",e.OutlineSecondaryTeal="outline-secondary-teal"}(Na||(Na={}));Object.values(Na);class $a extends de.Combobox{}const Ra=$a.compose(Object.assign({baseName:"combobox",template:(e,a)=>(0,de.foundationComboboxTemplate)(e,a),styles:(e,a)=>s.css`
|
|
746
|
+
${(0,de.foundationComboboxStyles)(e,a)}
|
|
744
747
|
:host {
|
|
745
748
|
--primary-gradient-angle: -113.5deg;
|
|
746
749
|
|
|
747
750
|
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
748
|
-
border-color: ${
|
|
749
|
-
background: ${
|
|
751
|
+
border-color: ${Oa};
|
|
752
|
+
background: ${Aa};
|
|
750
753
|
}
|
|
751
754
|
|
|
752
755
|
:host(:focus-within:not([disabled])) {
|
|
753
756
|
background: linear-gradient(
|
|
754
757
|
var(--primary-gradient-angle),
|
|
755
|
-
${
|
|
756
|
-
${
|
|
758
|
+
${ie.blue} 0%,
|
|
759
|
+
${ie.purple} 100%
|
|
757
760
|
)
|
|
758
761
|
top/100% 1px,
|
|
759
762
|
linear-gradient(
|
|
760
763
|
var(--primary-gradient-angle),
|
|
761
|
-
${
|
|
762
|
-
${
|
|
764
|
+
${ie.blue} 0%,
|
|
765
|
+
${ie.purple} 100%
|
|
763
766
|
)
|
|
764
767
|
bottom/100% 1px;
|
|
765
768
|
background-origin: border-box;
|
|
766
769
|
background-repeat: no-repeat;
|
|
767
770
|
border: 1px solid transparent;
|
|
768
|
-
border-right-color: ${
|
|
769
|
-
border-left-color: ${
|
|
771
|
+
border-right-color: ${ie.blue};
|
|
772
|
+
border-left-color: ${ie.purple};
|
|
770
773
|
}
|
|
771
774
|
|
|
772
775
|
:host(:hover:not([disabled]):not([open])) {
|
|
773
|
-
border-color: ${
|
|
774
|
-
background: ${
|
|
776
|
+
border-color: ${Sa};
|
|
777
|
+
background: ${Aa};
|
|
775
778
|
}
|
|
776
779
|
|
|
777
780
|
:host([open][position='below']) .listbox {
|
|
778
781
|
padding: 0;
|
|
779
782
|
margin-top: calc(${p.designUnit} * 1px);
|
|
780
783
|
border-radius: 4px;
|
|
781
|
-
border: 1px solid ${
|
|
784
|
+
border: 1px solid ${oe.lightGrey};
|
|
782
785
|
}
|
|
783
786
|
|
|
784
787
|
:host([open]) .control {
|
|
785
|
-
background: ${
|
|
788
|
+
background: ${Da};
|
|
786
789
|
}
|
|
787
790
|
|
|
788
791
|
:host(:not([disabled])) .control:active {
|
|
789
792
|
background: none;
|
|
790
793
|
}
|
|
791
|
-
`,shadowOptions:
|
|
792
|
-
${(0,
|
|
793
|
-
`,shadowOptions:
|
|
794
|
-
${(0,
|
|
795
|
-
`,shadowOptions:
|
|
796
|
-
${(0,
|
|
794
|
+
`,shadowOptions:de.foundationComboboxShadowOptions},de.defaultComboboxConfig));class ja extends de.ConnectionIndicator{}const Ia=ja.compose({baseName:"connection-indicator",template:de.foundationConnectionIndicatorTemplate,styles:de.foundationConnectionIndicatorStyles});class Ea extends de.DataGridCell{}Ea.compose(Object.assign({baseName:"data-grid-cell",template:c.dataGridCellTemplate,styles:(e,a)=>s.css`
|
|
795
|
+
${(0,de.foundationDataGridCellStyles)(e,a)}
|
|
796
|
+
`,shadowOptions:de.foundationDataGridCellShadowOptions},de.defaultDataGridCellConfig));class Ba extends de.DataGridRow{}Ba.compose(Object.assign({baseName:"data-grid-row",template:c.dataGridRowTemplate,styles:(e,a)=>s.css`
|
|
797
|
+
${(0,de.foundationDataGridRowStyles)(e,a)}
|
|
798
|
+
`,shadowOptions:de.foundationDataGridRowShadowOptions},de.defaultDataGridRowConfig));class Pa extends de.DataGrid{}const Ua=Pa.compose(Object.assign({baseName:"data-grid",template:(e,a)=>(0,de.foundationDataGridTemplate)(e,a),styles:(e,a)=>s.css`
|
|
799
|
+
${(0,de.foundationDataGridStyles)(e,a)}
|
|
797
800
|
::slotted(.sticky-header),
|
|
798
801
|
::slotted(.header) {
|
|
799
802
|
border-bottom-color: var(--neutral-color);
|
|
800
803
|
|
|
801
|
-
--neutral-foreground-rest: ${
|
|
804
|
+
--neutral-foreground-rest: ${La};
|
|
802
805
|
}
|
|
803
806
|
|
|
804
807
|
::slotted([role='row']) {
|
|
805
808
|
background-color: #1f2126;
|
|
806
809
|
}
|
|
807
|
-
`,shadowOptions:
|
|
808
|
-
${
|
|
810
|
+
`,shadowOptions:de.foundationDataGridShadowOptions},de.defaultDataGridConfig));class Ga extends de.DatePicker{}const Ha=Ga.compose(Object.assign({baseName:"date-picker",template:()=>de.foundationDatePickerTemplate,styles:()=>s.css`
|
|
811
|
+
${de.foundationDatePickerStyles}
|
|
809
812
|
.date-toggle {
|
|
810
813
|
background: var(--neutral-layer-card-container);
|
|
811
814
|
color: var(--neutral-foreground-rest);
|
|
812
815
|
}
|
|
813
816
|
|
|
814
817
|
.calendar-dropdown {
|
|
815
|
-
background: ${
|
|
818
|
+
background: ${oe.mediumGrey};
|
|
816
819
|
}
|
|
817
820
|
|
|
818
821
|
.week-days,
|
|
@@ -826,14 +829,14 @@
|
|
|
826
829
|
}
|
|
827
830
|
|
|
828
831
|
.month-day.current {
|
|
829
|
-
color: ${
|
|
832
|
+
color: ${oe.almostWhite};
|
|
830
833
|
}
|
|
831
|
-
`,shadowOptions:undefined},{}));var Va=r(37068);
|
|
834
|
+
`,shadowOptions:undefined},{}));var Va=r(37068);fe();const Ya=s.css`
|
|
832
835
|
${(0,c.display)("flex")}
|
|
833
836
|
:host {
|
|
834
837
|
flex: 1;
|
|
835
838
|
}
|
|
836
|
-
`,
|
|
839
|
+
`,_a=s.css`
|
|
837
840
|
:host {
|
|
838
841
|
background-color: ${p.neutralFillStealthActive};
|
|
839
842
|
}
|
|
@@ -843,32 +846,32 @@
|
|
|
843
846
|
box-shadow: 0 0 0 1px ${u.H.CanvasText};
|
|
844
847
|
color: ${u.H.ButtonText};
|
|
845
848
|
}
|
|
846
|
-
`)),
|
|
849
|
+
`)),Qa=(e,a,r)=>s.css`
|
|
847
850
|
${e.name} ${"h"+a} {
|
|
848
851
|
font-size: var(--type-ramp-plus-${r}-font-size);
|
|
849
852
|
line-height: var(--type-ramp-plus-${r}-line-height);
|
|
850
853
|
margin: 0;
|
|
851
|
-
${
|
|
854
|
+
${ye(g.FontStyle.Normal,g.FontWeight.Bold)}
|
|
852
855
|
}
|
|
853
|
-
`;class
|
|
856
|
+
`;class Wa extends p.DesignSystemProvider{constructor(){super(),(0,de.provideTokens)(t,o,this)}}(0,Va.__decorate)([(0,s.attr)({attribute:"card-fill-color",converter:de.swatchConverter}),(0,de.designToken)(p.neutralFillStealthRest)],Wa.prototype,"cardFillColor",void 0),(0,Va.__decorate)([(0,s.attr)({attribute:"card-foreground-color",converter:de.swatchConverter}),(0,de.designToken)(p.neutralForegroundRest)],Wa.prototype,"cardForegroundColor",void 0);const qa=Wa.compose({baseName:"design-system-provider",template:s.html`
|
|
854
857
|
<slot></slot>
|
|
855
858
|
`,styles:e=>{const a=(e=>s.css`
|
|
856
|
-
${
|
|
857
|
-
${
|
|
858
|
-
${
|
|
859
|
-
${
|
|
860
|
-
${
|
|
861
|
-
${
|
|
859
|
+
${Qa(e,"1","6")}
|
|
860
|
+
${Qa(e,"2","5")}
|
|
861
|
+
${Qa(e,"3","4")}
|
|
862
|
+
${Qa(e,"4","3")}
|
|
863
|
+
${Qa(e,"5","2")}
|
|
864
|
+
${Qa(e,"6","1")}
|
|
862
865
|
`)(e);return a.addStylesTo(document),s.css`
|
|
866
|
+
${Ya}
|
|
863
867
|
${_a}
|
|
864
|
-
${Qa}
|
|
865
868
|
${a}
|
|
866
869
|
:host * {
|
|
867
870
|
color: ${p.neutralForegroundRest};
|
|
868
|
-
${
|
|
871
|
+
${ye()}
|
|
869
872
|
}
|
|
870
|
-
`}}),
|
|
871
|
-
${
|
|
873
|
+
`}}),Ja=(0,Te.parseColorHexRGB)("#121212"),Za=Le(Ja,1),Ka=s.css`
|
|
874
|
+
${de.foundationDialogStyles}
|
|
872
875
|
:host {
|
|
873
876
|
--dialog-background: ${p.neutralLayer2};
|
|
874
877
|
}
|
|
@@ -879,7 +882,7 @@
|
|
|
879
882
|
bottom: 0;
|
|
880
883
|
color: rgb(255 255 255 / 30%);
|
|
881
884
|
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
882
|
-
border: 1px solid ${
|
|
885
|
+
border: 1px solid ${oe.lightGrey};
|
|
883
886
|
text-align: left;
|
|
884
887
|
line-height: normal;
|
|
885
888
|
box-shadow: 0 2px 15px 0 rgb(0 0 0 / 35%);
|
|
@@ -889,7 +892,7 @@
|
|
|
889
892
|
display: flex;
|
|
890
893
|
align-items: center;
|
|
891
894
|
justify-content: space-between;
|
|
892
|
-
color: ${
|
|
895
|
+
color: ${oe.almostWhite};
|
|
893
896
|
margin-bottom: calc(var(--design-unit) * 2px);
|
|
894
897
|
}
|
|
895
898
|
|
|
@@ -897,7 +900,7 @@
|
|
|
897
900
|
display: flex;
|
|
898
901
|
flex-wrap: wrap;
|
|
899
902
|
justify-content: flex-end;
|
|
900
|
-
color: ${
|
|
903
|
+
color: ${oe.almostWhite};
|
|
901
904
|
}
|
|
902
905
|
|
|
903
906
|
:host slot:first-of-type {
|
|
@@ -922,27 +925,27 @@
|
|
|
922
925
|
}
|
|
923
926
|
|
|
924
927
|
.close-icon:hover svg {
|
|
925
|
-
background-color: ${
|
|
928
|
+
background-color: ${De(.05)};
|
|
926
929
|
}
|
|
927
930
|
|
|
928
931
|
.close-icon:hover svg g path {
|
|
929
|
-
fill: ${
|
|
932
|
+
fill: ${De(1)};
|
|
930
933
|
}
|
|
931
934
|
|
|
932
935
|
.close-icon:active svg {
|
|
933
|
-
background-color: ${
|
|
936
|
+
background-color: ${Za};
|
|
934
937
|
}
|
|
935
938
|
|
|
936
939
|
.close-icon:active svg g path {
|
|
937
|
-
fill: ${
|
|
938
|
-
}
|
|
939
|
-
`,
|
|
940
|
-
${(0,
|
|
941
|
-
`,shadowOptions:
|
|
942
|
-
${(0,
|
|
943
|
-
`,shadowOptions:
|
|
944
|
-
${(0,
|
|
945
|
-
`,template:
|
|
940
|
+
fill: ${De(.33)};
|
|
941
|
+
}
|
|
942
|
+
`,Xa=de.defaultDialogConfig,er=de.foundationDialogTemplate,ar=de.foundationDialogShadowOptions;class rr extends de.Dialog{}const tr=rr.compose(Object.assign({baseName:"dialog",shadowOptions:ar,styles:Ka,template:er},Xa));class or extends de.Disclosure{}const ir=or.compose(Object.assign({baseName:"disclosure",template:(e,a)=>(0,de.foundationDisclosureTemplate)(e,a),styles:(e,a)=>s.css`
|
|
943
|
+
${(0,de.foundationDisclosureStyles)(e,a)}
|
|
944
|
+
`,shadowOptions:de.foundationDialogShadowOptions},de.defaultDisclosureConfig));class nr extends de.Divider{}const lr=nr.compose(Object.assign({baseName:"divider",template:(e,a)=>(0,de.foundationDividerTemplate)(e,a),styles:(e,a)=>s.css`
|
|
945
|
+
${(0,de.foundationDividerStyles)(e,a)}
|
|
946
|
+
`,shadowOptions:de.foundationDividerShadowOptions},de.defaultDividerConfig));class gr extends de.DropdownMenu{}const dr=gr.compose({baseName:"dropdown-menu",styles:(e,a)=>s.css`
|
|
947
|
+
${(0,de.dropdownMenuBaseStyles)("zero",e,a)}
|
|
948
|
+
`,template:de.foundationDropdownMenuTemplate}),sr=s.html`
|
|
946
949
|
<zero-banner ${(0,s.ref)("banner")}>
|
|
947
950
|
<div slot="content">
|
|
948
951
|
<div>${e=>{var a;return(null===(a=e.error)||void 0===a?void 0:a.errorDetails)||"Place holder for error message"}}</div>
|
|
@@ -962,8 +965,8 @@
|
|
|
962
965
|
</zero-button>
|
|
963
966
|
`)}
|
|
964
967
|
</zero-banner>
|
|
965
|
-
`,
|
|
966
|
-
${
|
|
968
|
+
`,cr=de.foundationErrorBannerShadowOptions;class pr extends de.ErrorBanner{}const ur=pr.compose({baseName:"error-banner",template:sr,shadowOptions:cr});class hr extends de.ErrorBoundary{}const mr=hr.compose({baseName:"error-boundary",template:de.foundationErrorBoundaryTemplate,shadowOptions:{mode:"open",delegatesFocus:!0}});class vr extends de.ErrorDialog{}const br=vr.compose({baseName:"error-dialog",styles:de.foundationErrorDialogStyles,template:de.errorDialogTemplate,shadowOptions:de.foundationErrorDialogShadowOptions}),fr=s.css`
|
|
969
|
+
${de.foundationFileUploadStyles}
|
|
967
970
|
::-webkit-scrollbar {
|
|
968
971
|
width: 12px;
|
|
969
972
|
}
|
|
@@ -979,22 +982,22 @@
|
|
|
979
982
|
background-color: var(--neutral-color);
|
|
980
983
|
border: 3px solid rgb(31 33 38);
|
|
981
984
|
}
|
|
982
|
-
`,
|
|
983
|
-
${(0,
|
|
984
|
-
`,
|
|
985
|
-
<div class="close-icon" @click=${e=>e.clear()}>${(0,
|
|
986
|
-
`,
|
|
985
|
+
`,wr=s.html`
|
|
986
|
+
${(0,de.getPrefixedFileUpload)("zero")}
|
|
987
|
+
`,yr=de.defaultFileUploadConfig,xr=de.foundationFileUploadShadowOptions;class zr extends de.FileUpload{}const kr=zr.compose(Object.assign({baseName:"file-upload",shadowOptions:xr,styles:fr,template:wr},yr)),Sr=s.html`
|
|
988
|
+
<div class="close-icon" @click=${e=>e.clear()}>${(0,de.closeIcon)()}</div>
|
|
989
|
+
`,Cr=s.html`
|
|
987
990
|
<div class="flex-row">
|
|
988
991
|
<div>${e=>e.label}</div>
|
|
989
|
-
${
|
|
992
|
+
${Sr}
|
|
990
993
|
</div>
|
|
991
994
|
<div class="flex-row">
|
|
992
995
|
<zero-text-field ${(0,s.ref)("textFilterField")} type="text" :value=${(0,g.sync)((e=>e.textFilter))} />
|
|
993
996
|
</div>
|
|
994
|
-
`,
|
|
997
|
+
`,Ar=s.html`
|
|
995
998
|
<div class="flex-row">
|
|
996
999
|
<div>${e=>e.label}</div>
|
|
997
|
-
${
|
|
1000
|
+
${Sr}
|
|
998
1001
|
</div>
|
|
999
1002
|
<div class="flex-row">
|
|
1000
1003
|
<zero-text-field
|
|
@@ -1010,10 +1013,10 @@
|
|
|
1010
1013
|
placeholder="max"
|
|
1011
1014
|
></zero-text-field>
|
|
1012
1015
|
</div>
|
|
1013
|
-
`,
|
|
1016
|
+
`,Tr=s.html`
|
|
1014
1017
|
<div class="flex-row">
|
|
1015
1018
|
<div>${e=>e.label}</div>
|
|
1016
|
-
${
|
|
1019
|
+
${Sr}
|
|
1017
1020
|
</div>
|
|
1018
1021
|
<div class="flex-row">
|
|
1019
1022
|
<zero-text-field
|
|
@@ -1029,27 +1032,27 @@
|
|
|
1029
1032
|
placeholder="max"
|
|
1030
1033
|
></zero-text-field>
|
|
1031
1034
|
</div>
|
|
1032
|
-
`;function
|
|
1035
|
+
`;function Lr(e){var a,r,t;return null!==(t=null===(r=null===(a=null==e?void 0:e.event)||void 0===a?void 0:a.target)||void 0===r?void 0:r.value)&&void 0!==t?t:"all"}const Fr=[{name:"All",value:"all",selected:!0},{name:"True",value:"true"},{name:"False",value:"false"},{name:"N/A",value:"null"}],Dr=s.html`
|
|
1033
1036
|
<div class="flex-row">
|
|
1034
1037
|
<div>${e=>e.label}</div>
|
|
1035
|
-
${
|
|
1038
|
+
${Sr}
|
|
1036
1039
|
</div>
|
|
1037
1040
|
<div class="flex-row">
|
|
1038
|
-
<zero-select @change="${(e,a)=>e.onBooleanFilterSelection(
|
|
1039
|
-
${(0,s.repeat)((()=>
|
|
1041
|
+
<zero-select @change="${(e,a)=>e.onBooleanFilterSelection(Lr(a))}}">
|
|
1042
|
+
${(0,s.repeat)((()=>Fr),s.html`
|
|
1040
1043
|
<zero-option value="${e=>e.value}" selected="${e=>e.selected}">
|
|
1041
1044
|
${e=>e.name}
|
|
1042
1045
|
</zero-option>
|
|
1043
1046
|
`)}
|
|
1044
1047
|
</zero-select>
|
|
1045
1048
|
</div>
|
|
1046
|
-
`,
|
|
1049
|
+
`,Mr=s.html`
|
|
1047
1050
|
<div class="flex-row">
|
|
1048
1051
|
<div>${e=>e.label}</div>
|
|
1049
|
-
${
|
|
1052
|
+
${Sr}
|
|
1050
1053
|
</div>
|
|
1051
1054
|
<div class="flex-row">
|
|
1052
|
-
<zero-select @change="${(e,a)=>e.onEnumFilterSelection(
|
|
1055
|
+
<zero-select @change="${(e,a)=>e.onEnumFilterSelection(Lr(a))}}">
|
|
1053
1056
|
${(0,s.repeat)((e=>e.enumFilterOptions),s.html`
|
|
1054
1057
|
<zero-option value="${e=>e.value}" selected="${e=>e.selected}">
|
|
1055
1058
|
${e=>e.name}
|
|
@@ -1057,39 +1060,39 @@
|
|
|
1057
1060
|
`)}
|
|
1058
1061
|
</zero-select>
|
|
1059
1062
|
</div>
|
|
1060
|
-
`,
|
|
1061
|
-
<div class="filter-wrapper">${e=>(e=>{switch(e.type){case"number":return
|
|
1062
|
-
`;class
|
|
1063
|
+
`,Or=s.html`
|
|
1064
|
+
<div class="filter-wrapper">${e=>(e=>{switch(e.type){case"number":return Ar;case"date":return Tr;case"boolean":return Dr;case"enum":return Mr;default:return Cr}})(e)}</div>
|
|
1065
|
+
`;class Nr extends de.Filter{constructor(){super(...arguments),this.type=super.type,this.enumFilterOptions=super.enumFilterOptions}}(0,Va.__decorate)([s.attr],Nr.prototype,"fieldName",void 0),(0,Va.__decorate)([s.attr],Nr.prototype,"label",void 0),(0,Va.__decorate)([s.attr],Nr.prototype,"type",void 0),(0,Va.__decorate)([s.attr],Nr.prototype,"target",void 0),(0,Va.__decorate)([s.observable],Nr.prototype,"enumFilterOptions",void 0);const $r=Nr.compose({baseName:"filter",template:Or,styles:de.foundationFilterStyles});var Rr=r(97675);const jr=s.html`
|
|
1063
1066
|
${(0,s.when)((e=>e.collapsed),s.html`
|
|
1064
1067
|
<zero-icon name="chevron-down"></zero-icon>
|
|
1065
1068
|
`)}
|
|
1066
1069
|
${(0,s.when)((e=>!e.collapsed),s.html`
|
|
1067
1070
|
<zero-icon name="chevron-up"></zero-icon>
|
|
1068
1071
|
`)}
|
|
1069
|
-
`,
|
|
1072
|
+
`,Ir=s.html`
|
|
1070
1073
|
<div
|
|
1071
|
-
class=${e=>(0,
|
|
1074
|
+
class=${e=>(0,Rr.A)(["toggle",!0],["toggle-collapsed",e.collapsed])}
|
|
1072
1075
|
@click="${e=>e.toggle()}"
|
|
1073
1076
|
>
|
|
1074
|
-
${
|
|
1077
|
+
${jr}
|
|
1075
1078
|
</div>
|
|
1076
|
-
<div class=${e=>(0,
|
|
1079
|
+
<div class=${e=>(0,Rr.A)(["filter-bar",!0],["collapsed",e.collapsed])}>
|
|
1077
1080
|
<div class="filter-grid" ${(0,s.ref)("filterGrid")}>
|
|
1078
1081
|
${(0,s.repeat)((e=>e.fields),s.html`
|
|
1079
1082
|
<zero-filter
|
|
1080
1083
|
label="${e=>e.UI_LABEL}"
|
|
1081
1084
|
target="${(e,a)=>{var r;return null===(r=a.parent)||void 0===r?void 0:r.target}}"
|
|
1082
|
-
type="${e=>(0,
|
|
1085
|
+
type="${e=>(0,de.mapType)(e.TYPE)}"
|
|
1083
1086
|
fieldName="${e=>e.NAME}"
|
|
1084
1087
|
enumOptions="${e=>e.VALID_VALUES}"
|
|
1085
1088
|
/>
|
|
1086
1089
|
`)}
|
|
1087
1090
|
</div>
|
|
1088
1091
|
</div>
|
|
1089
|
-
`,
|
|
1090
|
-
${
|
|
1091
|
-
`;class
|
|
1092
|
-
${(0,
|
|
1092
|
+
`,Er=s.html`
|
|
1093
|
+
${Ir}
|
|
1094
|
+
`;class Br extends de.FilterBar{constructor(){super(...arguments),this.ready=super.ready,this.collapsed=!0}}(0,Va.__decorate)([s.attr],Br.prototype,"resource",void 0),(0,Va.__decorate)([s.attr],Br.prototype,"only",void 0),(0,Va.__decorate)([s.attr],Br.prototype,"labels",void 0),(0,Va.__decorate)([s.attr],Br.prototype,"target",void 0),(0,Va.__decorate)([s.observable],Br.prototype,"ready",void 0),(0,Va.__decorate)([s.observable],Br.prototype,"fields",void 0),(0,Va.__decorate)([s.observable],Br.prototype,"collapsed",void 0);const Pr=Br.compose({baseName:"filter-bar",template:Er,styles:(e,a)=>s.css`
|
|
1095
|
+
${(0,de.foundationFilterBarStyles)(e,a)}
|
|
1093
1096
|
.toggle,
|
|
1094
1097
|
.toggle-collapsed {
|
|
1095
1098
|
background: var(--ag-background-color, #181d1f);
|
|
@@ -1100,32 +1103,32 @@
|
|
|
1100
1103
|
.toggle-collapsed:hover {
|
|
1101
1104
|
color: var(--ag-alpine-active-color, #2196f3);
|
|
1102
1105
|
}
|
|
1103
|
-
`});class
|
|
1104
|
-
${(0,
|
|
1106
|
+
`});class Ur extends de.FlexLayout{}const Gr=Ur.compose(Object.assign({baseName:"flex-layout",shadowOptions:de.foundationFlexLayoutShadowOptions,styles:de.foundationFlexLayoutStyles,template:de.foundationFlexLayoutTemplate},de.defaultFlexLayoutConfig));class Hr extends de.Flipper{}const Vr=Hr.compose(Object.assign({baseName:"flipper",template:(e,a)=>(0,de.foundationFlipperTemplate)(e,a),styles:(e,a)=>s.css`
|
|
1107
|
+
${(0,de.foundationFlipperStyles)(e,a)}
|
|
1105
1108
|
:host {
|
|
1106
|
-
--foreground-on-accent-rest: ${
|
|
1107
|
-
--foreground-on-accent-hover: ${
|
|
1108
|
-
--foreground-on-accent-active: ${
|
|
1109
|
+
--foreground-on-accent-rest: ${oe.white};
|
|
1110
|
+
--foreground-on-accent-hover: ${oe.white};
|
|
1111
|
+
--foreground-on-accent-active: ${oe.white};
|
|
1109
1112
|
--primary-gradient-angle: -113.5deg;
|
|
1110
1113
|
}
|
|
1111
1114
|
|
|
1112
1115
|
:host::before {
|
|
1113
1116
|
background: linear-gradient(
|
|
1114
1117
|
var(--primary-gradient-angle),
|
|
1115
|
-
${
|
|
1116
|
-
${
|
|
1118
|
+
${Re(.7)},
|
|
1119
|
+
${Ee(.7)}
|
|
1117
1120
|
);
|
|
1118
1121
|
}
|
|
1119
1122
|
|
|
1120
1123
|
:host(:hover)::before {
|
|
1121
1124
|
background: linear-gradient(
|
|
1122
1125
|
var(--primary-gradient-angle),
|
|
1123
|
-
${
|
|
1124
|
-
${
|
|
1126
|
+
${ie.blue},
|
|
1127
|
+
${ie.purple}
|
|
1125
1128
|
);
|
|
1126
1129
|
}
|
|
1127
|
-
`,shadowOptions:
|
|
1128
|
-
${
|
|
1130
|
+
`,shadowOptions:de.foundationFlipperShadowOptions},de.defaultFlipperConfig)),Yr=s.css`
|
|
1131
|
+
${de.foundationFlyoutStyles}
|
|
1129
1132
|
div.flyout {
|
|
1130
1133
|
background-color: ${p.neutralLayer2};
|
|
1131
1134
|
border-color: ${p.neutralFillHover};
|
|
@@ -1151,70 +1154,70 @@
|
|
|
1151
1154
|
background-color: ${p.neutralFillHover};
|
|
1152
1155
|
border-radius: 3px;
|
|
1153
1156
|
}
|
|
1154
|
-
`,
|
|
1155
|
-
${(0,
|
|
1156
|
-
`,shadowOptions:
|
|
1157
|
-
${(0,
|
|
1157
|
+
`,_r=de.defaultFlyoutConfig,Qr=de.foundationFlyoutShadowOptions;class Wr extends de.Flyout{}const qr=Wr.compose(Object.assign({baseName:"flyout",shadowOptions:Qr,styles:Yr,template:de.foundationFlyoutTemplate},_r));class Jr extends de.GridLayout{}const Zr=Jr.compose(Object.assign({baseName:"grid-layout",shadowOptions:de.foundationGridLayoutShadowOptions,styles:de.foundationGridLayoutStyles,template:de.foundationGridLayoutTemplate},de.defaultGridLayoutConfig));class Kr extends de.GridLayoutItem{}const Xr=Kr.compose(Object.assign({baseName:"grid-layout-item",shadowOptions:de.foundationGridLayoutItemShadowOptions,template:de.foundationGridLayoutItemTemplate},de.defaultGridLayoutItemConfig));class et extends de.Icon{}const at=de.defaultIconConfig,rt=de.foundationIconShadowOptions,tt=et.compose(Object.assign({baseName:"icon",template:de.foundationIconTemplate,styles:(e,a)=>s.css`
|
|
1158
|
+
${(0,de.foundationIconStyles)(e,a)}
|
|
1159
|
+
`,shadowOptions:rt},at));class ot extends de.ListboxOption{}const it=ot.compose(Object.assign({baseName:"option",template:(e,a)=>(0,de.foundationListboxOptionTemplate)(e,a),styles:(e,a)=>s.css`
|
|
1160
|
+
${(0,de.foundationListboxOptionStyles)(e,a)}
|
|
1158
1161
|
:host {
|
|
1159
|
-
background-color: ${
|
|
1162
|
+
background-color: ${oe.darkGrey};
|
|
1160
1163
|
margin: 0;
|
|
1161
1164
|
border-radius: 0;
|
|
1162
|
-
border: 1px solid ${
|
|
1165
|
+
border: 1px solid ${oe.lightGrey};
|
|
1163
1166
|
}
|
|
1164
1167
|
|
|
1165
1168
|
:host(:hover:not([disabled])) {
|
|
1166
|
-
background-color: ${
|
|
1169
|
+
background-color: ${oe.mediumGrey};
|
|
1167
1170
|
}
|
|
1168
1171
|
|
|
1169
1172
|
:host(.selected) {
|
|
1170
|
-
background-color: ${
|
|
1171
|
-
color: ${
|
|
1173
|
+
background-color: ${oe.darkerGrey};
|
|
1174
|
+
color: ${ie.blue};
|
|
1172
1175
|
}
|
|
1173
|
-
`,shadowOptions:
|
|
1174
|
-
${(0,
|
|
1176
|
+
`,shadowOptions:de.foundationListboxOptionShadowOptions},de.defaultListboxOptionConfig)),nt=de.foundationMenuShadowOptions;class lt extends de.Menu{}const gt=lt.compose({baseName:"menu",template:de.foundationMenuTemplate,styles:(e,a)=>s.css`
|
|
1177
|
+
${(0,de.foundationMenuStyles)(e,a)}
|
|
1175
1178
|
|
|
1176
1179
|
:host {
|
|
1177
1180
|
padding: 0;
|
|
1178
1181
|
}
|
|
1179
|
-
`,shadowOptions:
|
|
1180
|
-
${(0,
|
|
1182
|
+
`,shadowOptions:nt}),dt=de.foundationMenuItemShadowOptions;class st extends de.MenuItem{}const ct=st.compose(Object.assign({baseName:"menu-item",template:de.foundationMenuItemTemplate,styles:(e,a)=>s.css`
|
|
1183
|
+
${(0,de.foundationMenuItemStyles)(e,a)}
|
|
1181
1184
|
|
|
1182
1185
|
:host {
|
|
1183
1186
|
background: none;
|
|
1184
1187
|
margin: 0;
|
|
1185
1188
|
}
|
|
1186
|
-
`,shadowOptions:
|
|
1187
|
-
${
|
|
1188
|
-
`,
|
|
1189
|
-
${
|
|
1189
|
+
`,shadowOptions:dt},de.defaultMenuItemConfig)),pt=s.css`
|
|
1190
|
+
${Ka}
|
|
1191
|
+
`,ut=de.defaultModalConfig,ht=de.foundationModalTemplate,mt=de.foundationModalShadowOptions;class vt extends de.Modal{}const bt=vt.compose(Object.assign({baseName:"modal",shadowOptions:mt,styles:pt,template:ht},ut)),ft=s.css`
|
|
1192
|
+
${de.multiselectStyles}
|
|
1190
1193
|
|
|
1191
1194
|
:host {
|
|
1192
1195
|
--primary-gradient-angle: -113.5deg;
|
|
1193
1196
|
}
|
|
1194
1197
|
|
|
1195
1198
|
#display-field {
|
|
1196
|
-
background: ${
|
|
1199
|
+
background: ${Aa};
|
|
1197
1200
|
}
|
|
1198
1201
|
|
|
1199
1202
|
#display-field:focus {
|
|
1200
1203
|
outline: none;
|
|
1201
1204
|
background: linear-gradient(
|
|
1202
1205
|
var(--primary-gradient-angle),
|
|
1203
|
-
${
|
|
1204
|
-
${
|
|
1206
|
+
${ie.blue} 0%,
|
|
1207
|
+
${ie.purple} 100%
|
|
1205
1208
|
)
|
|
1206
1209
|
top/100% 1px,
|
|
1207
1210
|
linear-gradient(
|
|
1208
1211
|
var(--primary-gradient-angle),
|
|
1209
|
-
${
|
|
1210
|
-
${
|
|
1212
|
+
${ie.blue} 0%,
|
|
1213
|
+
${ie.purple} 100%
|
|
1211
1214
|
)
|
|
1212
1215
|
bottom/100% 1px;
|
|
1213
1216
|
background-origin: border-box;
|
|
1214
1217
|
background-repeat: no-repeat;
|
|
1215
1218
|
border: 1px solid transparent;
|
|
1216
|
-
border-right-color: ${
|
|
1217
|
-
border-left-color: ${
|
|
1219
|
+
border-right-color: ${ie.blue};
|
|
1220
|
+
border-left-color: ${ie.purple};
|
|
1218
1221
|
}
|
|
1219
1222
|
|
|
1220
1223
|
::slotted(zero-checkbox),
|
|
@@ -1238,12 +1241,12 @@
|
|
|
1238
1241
|
}
|
|
1239
1242
|
|
|
1240
1243
|
.label {
|
|
1241
|
-
color: ${
|
|
1244
|
+
color: ${La};
|
|
1242
1245
|
}
|
|
1243
|
-
`,
|
|
1244
|
-
${(0,
|
|
1245
|
-
`;class
|
|
1246
|
-
${(0,
|
|
1246
|
+
`,wt=s.html`
|
|
1247
|
+
${(0,de.getPrefixedMultiselect)("zero")}
|
|
1248
|
+
`;class yt extends de.Multiselect{}const xt=de.defaultMultiselectConfig,zt=de.foundationMultiselectShadowOptions,kt=yt.compose(Object.assign({baseName:"multiselect",template:wt,styles:ft,shadowOptions:zt},xt)),St=(e,a)=>s.css`
|
|
1249
|
+
${(0,de.foundationTextFieldStyles)(e,a)}
|
|
1247
1250
|
:host {
|
|
1248
1251
|
--primary-gradient-angle: -113.5deg;
|
|
1249
1252
|
}
|
|
@@ -1254,56 +1257,56 @@
|
|
|
1254
1257
|
}
|
|
1255
1258
|
|
|
1256
1259
|
:host .root {
|
|
1257
|
-
border: calc(var(--stroke-width) * 1px) solid ${
|
|
1258
|
-
background-color: ${
|
|
1260
|
+
border: calc(var(--stroke-width) * 1px) solid ${Oa};
|
|
1261
|
+
background-color: ${Aa};
|
|
1259
1262
|
}
|
|
1260
1263
|
|
|
1261
1264
|
:host(:hover:not([disabled])) .root {
|
|
1262
|
-
border-color: ${
|
|
1265
|
+
border-color: ${Sa};
|
|
1263
1266
|
background: none;
|
|
1264
1267
|
}
|
|
1265
1268
|
|
|
1266
1269
|
:host(:focus-within:not([disabled])) .root {
|
|
1267
1270
|
background: linear-gradient(
|
|
1268
1271
|
var(--primary-gradient-angle),
|
|
1269
|
-
${
|
|
1270
|
-
${
|
|
1272
|
+
${ie.blue} 0%,
|
|
1273
|
+
${ie.purple} 100%
|
|
1271
1274
|
)
|
|
1272
1275
|
top/100% 1px,
|
|
1273
1276
|
linear-gradient(
|
|
1274
1277
|
var(--primary-gradient-angle),
|
|
1275
|
-
${
|
|
1276
|
-
${
|
|
1278
|
+
${ie.blue} 0%,
|
|
1279
|
+
${ie.purple} 100%
|
|
1277
1280
|
)
|
|
1278
1281
|
bottom/100% 1px;
|
|
1279
|
-
background-color: ${
|
|
1282
|
+
background-color: ${Da};
|
|
1280
1283
|
background-origin: border-box;
|
|
1281
1284
|
background-repeat: no-repeat;
|
|
1282
1285
|
border: 1px solid transparent;
|
|
1283
|
-
border-right-color: ${
|
|
1284
|
-
border-left-color: ${
|
|
1286
|
+
border-right-color: ${ie.blue};
|
|
1287
|
+
border-left-color: ${ie.purple};
|
|
1285
1288
|
box-shadow: none;
|
|
1286
1289
|
}
|
|
1287
1290
|
|
|
1288
1291
|
.label {
|
|
1289
|
-
color: ${
|
|
1292
|
+
color: ${La};
|
|
1290
1293
|
margin: calc(var(--design-unit) * 2px) 0;
|
|
1291
1294
|
}
|
|
1292
|
-
`;class
|
|
1295
|
+
`;class Ct extends de.NumberField{}const At=de.defaultNumberFieldConfig,Tt=de.foundationNumberFieldTemplate,Lt=de.foundationNumberFieldShadowOptions,Ft=Ct.compose(Object.assign({baseName:"number-field",template:Tt,styles:(e,a)=>s.css`
|
|
1293
1296
|
:host .root {
|
|
1294
1297
|
--focus-stroke-outer: transparent;
|
|
1295
1298
|
}
|
|
1296
|
-
${
|
|
1297
|
-
`,shadowOptions:
|
|
1298
|
-
${(0,
|
|
1299
|
+
${St(e,a)}
|
|
1300
|
+
`,shadowOptions:Lt},At));class Dt extends de.Progress{}const Mt=Dt.compose(Object.assign({baseName:"progress",template:(e,a)=>(0,de.foundationProgressTemplate)(e,a),styles:(e,a)=>s.css`
|
|
1301
|
+
${(0,de.foundationProgressStyles)(e,a)}
|
|
1299
1302
|
:host([appearance="secondary-teal"]) {
|
|
1300
|
-
--accent-foreground-rest: ${
|
|
1303
|
+
--accent-foreground-rest: ${ne.teal};
|
|
1301
1304
|
}
|
|
1302
1305
|
|
|
1303
1306
|
:host([appearance='secondary-orange']) {
|
|
1304
|
-
--accent-foreground-rest: ${
|
|
1307
|
+
--accent-foreground-rest: ${ne.orange};
|
|
1305
1308
|
}
|
|
1306
|
-
`,shadowOptions:
|
|
1309
|
+
`,shadowOptions:de.foundationProgressShadowOptions},de.defaultProgressConfig));class Ot extends de.ProgressRing{}const Nt={indeterminateIndicator:`\n <svg class="progress" part="progress" viewBox="0 0 16 16">\n <defs>\n <linearGradient id="linear">\n <stop offset="0%" stop-color="${ie.purple}"/>\n <stop offset="100%" stop-color="${ie.blue}"/>\n </linearGradient>\n </defs>\n <circle class="background" part="background" cx="8px" cy="8px" r="7px"></circle>\n <circle class="indeterminate-indicator-1" part="indeterminate-indicator-1" cx="8px" cy="8px" r="7px"></circle>\n </svg>\n `},$t=Ot.compose(Object.assign({baseName:"progress-ring",template:(e,a)=>s.html`
|
|
1307
1310
|
<template
|
|
1308
1311
|
role="progressbar"
|
|
1309
1312
|
aria-valuenow="${e=>e.value}"
|
|
@@ -1315,8 +1318,8 @@
|
|
|
1315
1318
|
<svg class="progress" part="progress" viewBox="0 0 16 16" slot="determinate">
|
|
1316
1319
|
<defs>
|
|
1317
1320
|
<linearGradient id="linear">
|
|
1318
|
-
<stop offset="0%" stop-color="${
|
|
1319
|
-
<stop offset="60%" stop-color="${
|
|
1321
|
+
<stop offset="0%" stop-color="${ie.purple}" />
|
|
1322
|
+
<stop offset="60%" stop-color="${ie.blue}" />
|
|
1320
1323
|
</linearGradient>
|
|
1321
1324
|
</defs>
|
|
1322
1325
|
<circle class="background" part="background" cx="8px" cy="8px" r="7px"></circle>
|
|
@@ -1337,12 +1340,12 @@
|
|
|
1337
1340
|
`)}
|
|
1338
1341
|
</template>
|
|
1339
1342
|
`,styles:(e,a)=>s.css`
|
|
1340
|
-
${(0,
|
|
1343
|
+
${(0,de.foundationProgressRingStyles)(e,a)}
|
|
1341
1344
|
.indeterminate-indicator-1, .determinate {
|
|
1342
1345
|
stroke: ${"url(#linear)"};
|
|
1343
1346
|
}
|
|
1344
|
-
`,shadowOptions:
|
|
1345
|
-
${(0,
|
|
1347
|
+
`,shadowOptions:de.foundationProgressRingShadowOptions},Nt));class Rt extends de.Radio{}const jt=Rt.compose(Object.assign({baseName:"radio",template:(e,a)=>(0,de.foundationRadioTemplate)(e,a),styles:(e,a)=>s.css`
|
|
1348
|
+
${(0,de.foundationRadioStyles)(e,a)}
|
|
1346
1349
|
:host {
|
|
1347
1350
|
--primary-gradient-angle: -113.5deg;
|
|
1348
1351
|
}
|
|
@@ -1369,17 +1372,17 @@
|
|
|
1369
1372
|
:host([aria-checked='true']:not([disabled])) .control:hover .checked-indicator {
|
|
1370
1373
|
background: linear-gradient(
|
|
1371
1374
|
var(--primary-gradient-angle),
|
|
1372
|
-
${
|
|
1373
|
-
${
|
|
1375
|
+
${ie.blue},
|
|
1376
|
+
${ie.purple}
|
|
1374
1377
|
);
|
|
1375
1378
|
}
|
|
1376
|
-
`,shadowOptions:
|
|
1377
|
-
${(0,
|
|
1379
|
+
`,shadowOptions:de.foundationRadioShadowOptions},de.defaultRadioConfig));class It extends de.RadioGroup{}const Et=It.compose(Object.assign({baseName:"radio-group",template:(e,a)=>(0,de.foundationRadioGroupTemplate)(e,a),styles:(e,a)=>s.css`
|
|
1380
|
+
${(0,de.foundationRadioGroupStyles)(e,a)}
|
|
1378
1381
|
:host([appearance="accent"]) {
|
|
1379
1382
|
background: green;
|
|
1380
1383
|
}
|
|
1381
|
-
`,shadowOptions:
|
|
1382
|
-
${(0,
|
|
1384
|
+
`,shadowOptions:de.foundationRadioGroupShadowOptions},de.defaultRadioGroupConfig));class Bt extends de.SegmentedControl{}const Pt=Bt.compose(Object.assign({baseName:"segmented-control",template:(e,a)=>(0,de.foundationSegmentedControlTemplate)(e,a),styles:(e,a)=>s.css`
|
|
1385
|
+
${(0,de.foundationSegmentedControlStyles)(e,a)}
|
|
1383
1386
|
:host {
|
|
1384
1387
|
--primary-gradient-angle: -113.5deg;
|
|
1385
1388
|
}
|
|
@@ -1410,76 +1413,76 @@
|
|
|
1410
1413
|
:host([appearance='primary']) ::slotted(*[aria-checked='true']) {
|
|
1411
1414
|
background: linear-gradient(
|
|
1412
1415
|
var(--primary-gradient-angle),
|
|
1413
|
-
${
|
|
1414
|
-
${
|
|
1416
|
+
${ie.blue},
|
|
1417
|
+
${ie.purple}
|
|
1415
1418
|
);
|
|
1416
1419
|
background-origin: border-box;
|
|
1417
1420
|
border-color: transparent;
|
|
1418
1421
|
box-shadow: 2px 1000px 1px rgb(0 0 0 / 50%) inset;
|
|
1419
1422
|
}
|
|
1420
|
-
`,shadowOptions:undefined},{}));class
|
|
1421
|
-
${(0,
|
|
1423
|
+
`,shadowOptions:undefined},{}));class Ut extends de.Radio{}const Gt=Ut.compose(Object.assign({baseName:"segmented-item",template:(e,a)=>(0,de.foundationSegmentedItemTemplate)(e,a),styles:(e,a)=>s.css`
|
|
1424
|
+
${(0,de.foundationSegmentedItemStyles)(e,a)}
|
|
1422
1425
|
:host {
|
|
1423
1426
|
color: var(--neutral-stroke-rest);
|
|
1424
1427
|
font-size: var(--type-ramp-minus-1-font-size);
|
|
1425
1428
|
}
|
|
1426
1429
|
|
|
1427
1430
|
:host([aria-checked='true']) {
|
|
1428
|
-
color: ${
|
|
1431
|
+
color: ${oe.white};
|
|
1429
1432
|
}
|
|
1430
|
-
`,shadowOptions:undefined},{}));class
|
|
1431
|
-
${(0,
|
|
1433
|
+
`,shadowOptions:undefined},{}));class Ht extends de.Select{}const Vt=Ht.compose(Object.assign({baseName:"select",template:(e,a)=>(0,de.foundationSelectTemplate)(e,a),styles:(e,a)=>s.css`
|
|
1434
|
+
${(0,de.foundationSelectStyles)(e,a)}
|
|
1432
1435
|
:host {
|
|
1433
1436
|
--primary-gradient-angle: -113.5deg;
|
|
1434
1437
|
|
|
1435
1438
|
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
1436
|
-
border-color: ${
|
|
1437
|
-
background: ${
|
|
1439
|
+
border-color: ${Oa};
|
|
1440
|
+
background: ${Aa};
|
|
1438
1441
|
}
|
|
1439
1442
|
|
|
1440
1443
|
:host(:focus-within:not([disabled])) {
|
|
1441
1444
|
background: linear-gradient(
|
|
1442
1445
|
var(--primary-gradient-angle),
|
|
1443
|
-
${
|
|
1444
|
-
${
|
|
1446
|
+
${ie.blue} 0%,
|
|
1447
|
+
${ie.purple} 100%
|
|
1445
1448
|
)
|
|
1446
1449
|
top/100% 1px,
|
|
1447
1450
|
linear-gradient(
|
|
1448
1451
|
var(--primary-gradient-angle),
|
|
1449
|
-
${
|
|
1450
|
-
${
|
|
1452
|
+
${ie.blue} 0%,
|
|
1453
|
+
${ie.purple} 100%
|
|
1451
1454
|
)
|
|
1452
1455
|
bottom/100% 1px;
|
|
1453
1456
|
background-origin: border-box;
|
|
1454
1457
|
background-repeat: no-repeat;
|
|
1455
1458
|
border: 1px solid transparent;
|
|
1456
|
-
border-right-color: ${
|
|
1457
|
-
border-left-color: ${
|
|
1459
|
+
border-right-color: ${ie.blue};
|
|
1460
|
+
border-left-color: ${ie.purple};
|
|
1458
1461
|
}
|
|
1459
1462
|
|
|
1460
1463
|
:host(:hover:not([disabled]):not(.open)) {
|
|
1461
|
-
border-color: ${
|
|
1462
|
-
background: ${
|
|
1464
|
+
border-color: ${Sa};
|
|
1465
|
+
background: ${Aa};
|
|
1463
1466
|
}
|
|
1464
1467
|
|
|
1465
1468
|
:host([open][position='below']) .listbox {
|
|
1466
1469
|
padding: 0;
|
|
1467
1470
|
margin-top: calc(${p.designUnit} * 1px);
|
|
1468
1471
|
border-radius: 4px;
|
|
1469
|
-
border: 1px solid ${
|
|
1472
|
+
border: 1px solid ${oe.lightGrey};
|
|
1470
1473
|
}
|
|
1471
1474
|
|
|
1472
1475
|
:host([open]) .control {
|
|
1473
|
-
background: ${
|
|
1476
|
+
background: ${Da};
|
|
1474
1477
|
}
|
|
1475
1478
|
|
|
1476
1479
|
:host(:not([disabled])) .control:active {
|
|
1477
1480
|
background: none;
|
|
1478
1481
|
}
|
|
1479
|
-
`,shadowOptions:
|
|
1480
|
-
${(0,
|
|
1481
|
-
`,shadowOptions:
|
|
1482
|
-
${(0,
|
|
1482
|
+
`,shadowOptions:de.foundationSelectShadowOptions},de.defaultSelectConfig));class Yt extends de.Skeleton{}const _t=Yt.compose(Object.assign({baseName:"skeleton",template:(e,a)=>(0,de.foundationSkeletonTemplate)(e,a),styles:(e,a)=>s.css`
|
|
1483
|
+
${(0,de.foundationSkeletonStyles)(e,a)}
|
|
1484
|
+
`,shadowOptions:de.foundationSkeletonShadowOptions},de.defaultSkeletonConfig));class Qt extends de.Slider{}const Wt=Qt.compose(Object.assign({baseName:"slider",template:(e,a)=>(0,de.foundationSliderTemplate)(e,a),styles:(e,a)=>s.css`
|
|
1485
|
+
${(0,de.foundationSliderStyles)(e,a)}
|
|
1483
1486
|
:host {
|
|
1484
1487
|
--primary-gradient-angle: -113.5deg;
|
|
1485
1488
|
}
|
|
@@ -1487,8 +1490,8 @@
|
|
|
1487
1490
|
.thumb-cursor {
|
|
1488
1491
|
background: linear-gradient(
|
|
1489
1492
|
var(--primary-gradient-angle),
|
|
1490
|
-
${
|
|
1491
|
-
${
|
|
1493
|
+
${ie.blue},
|
|
1494
|
+
${ie.purple}
|
|
1492
1495
|
);
|
|
1493
1496
|
border-radius: calc(var(--control-corner-radius) * 2px);
|
|
1494
1497
|
}
|
|
@@ -1497,8 +1500,8 @@
|
|
|
1497
1500
|
.thumb-cursor:active {
|
|
1498
1501
|
background: linear-gradient(
|
|
1499
1502
|
var(--primary-gradient-angle),
|
|
1500
|
-
${
|
|
1501
|
-
${
|
|
1503
|
+
${ie.blue},
|
|
1504
|
+
${ie.purple}
|
|
1502
1505
|
);
|
|
1503
1506
|
border-radius: transparent;
|
|
1504
1507
|
}
|
|
@@ -1521,22 +1524,22 @@
|
|
|
1521
1524
|
}
|
|
1522
1525
|
|
|
1523
1526
|
.thumb-cursor:hover::after {
|
|
1524
|
-
background-color: ${
|
|
1527
|
+
background-color: ${Re(.1)};
|
|
1525
1528
|
}
|
|
1526
1529
|
|
|
1527
1530
|
.thumb-cursor:active::after {
|
|
1528
|
-
background-color: ${
|
|
1531
|
+
background-color: ${Re(.2)};
|
|
1529
1532
|
}
|
|
1530
1533
|
|
|
1531
1534
|
.track {
|
|
1532
|
-
background-color: ${
|
|
1535
|
+
background-color: ${oe.mediumGrey};
|
|
1533
1536
|
}
|
|
1534
1537
|
|
|
1535
1538
|
.track-progress {
|
|
1536
1539
|
background-color: var(--neutral-stroke-rest);
|
|
1537
1540
|
}
|
|
1538
|
-
`,shadowOptions:
|
|
1539
|
-
${
|
|
1541
|
+
`,shadowOptions:de.foundationSliderShadowOptions},de.defaultSliderConfig)),qt=s.css`
|
|
1542
|
+
${de.foundationSnackbarStyles}
|
|
1540
1543
|
.snackbar {
|
|
1541
1544
|
border: calc(var(--stroke-width) * 1px) solid ${p.neutralLayer2};
|
|
1542
1545
|
background-color: ${p.neutralLayer1};
|
|
@@ -1545,7 +1548,7 @@
|
|
|
1545
1548
|
:host([type='error']) .snackbar::after {
|
|
1546
1549
|
background-color: ${Ve(1)};
|
|
1547
1550
|
}
|
|
1548
|
-
`,
|
|
1551
|
+
`,Jt=s.html`
|
|
1549
1552
|
<div class="snackbar ${e=>e.deleteAnimation}" ${(0,s.ref)("snackbar")}>
|
|
1550
1553
|
<div part="content" class="content">
|
|
1551
1554
|
<div>${e=>{var a;return(null===(a=e.error)||void 0===a?void 0:a.errorDetails)||"Place holder for error message"}}</div>
|
|
@@ -1562,8 +1565,8 @@
|
|
|
1562
1565
|
`)}
|
|
1563
1566
|
</div>
|
|
1564
1567
|
</div>
|
|
1565
|
-
`,
|
|
1566
|
-
${(0,
|
|
1568
|
+
`,Zt=de.foundationSnackbarShadowOptions;class Kt extends de.Snackbar{}const Xt=Kt.compose({baseName:"snackbar",shadowOptions:Zt,styles:qt,template:Jt});class eo extends de.Switch{}const ao=eo.compose(Object.assign({baseName:"switch",template:(e,a)=>(0,de.foundationSwitchTemplate)(e,a),styles:(e,a)=>s.css`
|
|
1569
|
+
${(0,de.foundationSwitchStyles)(e,a)}
|
|
1567
1570
|
:host {
|
|
1568
1571
|
--primary-gradient-angle: -113.5deg;
|
|
1569
1572
|
}
|
|
@@ -1578,7 +1581,7 @@
|
|
|
1578
1581
|
}
|
|
1579
1582
|
|
|
1580
1583
|
.switch:hover {
|
|
1581
|
-
border-color: ${
|
|
1584
|
+
border-color: ${oe.white};
|
|
1582
1585
|
background: none;
|
|
1583
1586
|
}
|
|
1584
1587
|
|
|
@@ -1589,8 +1592,8 @@
|
|
|
1589
1592
|
:host([aria-checked='true']) .checked-indicator {
|
|
1590
1593
|
background: linear-gradient(
|
|
1591
1594
|
var(--primary-gradient-angle),
|
|
1592
|
-
${
|
|
1593
|
-
${
|
|
1595
|
+
${ie.blue},
|
|
1596
|
+
${ie.purple}
|
|
1594
1597
|
);
|
|
1595
1598
|
}
|
|
1596
1599
|
|
|
@@ -1603,17 +1606,17 @@
|
|
|
1603
1606
|
:host([aria-checked='true']:not([disabled])) .switch:active .checked-indicator {
|
|
1604
1607
|
background: linear-gradient(
|
|
1605
1608
|
var(--primary-gradient-angle),
|
|
1606
|
-
${
|
|
1607
|
-
${
|
|
1609
|
+
${ie.blue},
|
|
1610
|
+
${ie.purple}
|
|
1608
1611
|
);
|
|
1609
1612
|
}
|
|
1610
|
-
`,shadowOptions:
|
|
1611
|
-
${(0,
|
|
1613
|
+
`,shadowOptions:de.foundationSwitchShadowOptions},de.defaultSwitchConfig));class ro extends de.Tab{}const to=ro.compose(Object.assign({baseName:"tab",template:(e,a)=>(0,de.foundationTabTemplate)(e,a),styles:(e,a)=>s.css`
|
|
1614
|
+
${(0,de.foundationTabStyles)(e,a)}
|
|
1612
1615
|
:host {
|
|
1613
1616
|
background-color: ${p.neutralLayer2};
|
|
1614
1617
|
border-radius: calc(var(--control-corner-radius) * 2px) calc(var(--control-corner-radius) * 2px)
|
|
1615
1618
|
0 0;
|
|
1616
|
-
border: calc(var(--stroke-width) * 1px) solid ${
|
|
1619
|
+
border: calc(var(--stroke-width) * 1px) solid ${oe.lightGrey};
|
|
1617
1620
|
box-shadow: 0 0 15px 0 rgb(0 0 0 / 30%);
|
|
1618
1621
|
margin-right: 5px;
|
|
1619
1622
|
}
|
|
@@ -1631,20 +1634,20 @@
|
|
|
1631
1634
|
margin-right: 0;
|
|
1632
1635
|
background-color: var(--zero-card-fill-color);
|
|
1633
1636
|
}
|
|
1634
|
-
`,shadowOptions:
|
|
1635
|
-
${(0,
|
|
1637
|
+
`,shadowOptions:de.foundationTabShadowOptions},de.defaultTabConfig));class oo extends de.TabPanel{}const io=oo.compose(Object.assign({baseName:"tab-panel",template:(e,a)=>(0,de.foundationTabPanelTemplate)(e,a),styles:(e,a)=>s.css`
|
|
1638
|
+
${(0,de.foundationTabPanelStyles)(e,a)}
|
|
1636
1639
|
:host {
|
|
1637
1640
|
padding: 0;
|
|
1638
1641
|
}
|
|
1639
|
-
`,shadowOptions:
|
|
1640
|
-
${(0,
|
|
1642
|
+
`,shadowOptions:de.foundationTabPanelShadowOptions},de.defaultTabPanelConfig));class no extends de.Tabs{}const lo=no.compose(Object.assign({baseName:"tabs",template:(e,a)=>(0,de.foundationTabsTemplate)(e,a),styles:(e,a)=>s.css`
|
|
1643
|
+
${(0,de.foundationTabsStyles)(e,a)}
|
|
1641
1644
|
:host .tablist {
|
|
1642
1645
|
padding: 0;
|
|
1643
1646
|
display: block;
|
|
1644
1647
|
background-color: ${p.neutralLayer3};
|
|
1645
1648
|
width: 100%;
|
|
1646
1649
|
height: 42px;
|
|
1647
|
-
border-bottom: calc(var(--stroke-width) * 1px) solid ${
|
|
1650
|
+
border-bottom: calc(var(--stroke-width) * 1px) solid ${oe.lightGrey};
|
|
1648
1651
|
}
|
|
1649
1652
|
|
|
1650
1653
|
:host .tabpanel {
|
|
@@ -1657,7 +1660,7 @@
|
|
|
1657
1660
|
height: calc(100% - 1px);
|
|
1658
1661
|
display: flex;
|
|
1659
1662
|
align-items: center;
|
|
1660
|
-
border-bottom: calc(var(--stroke-width) * 1px) solid ${
|
|
1663
|
+
border-bottom: calc(var(--stroke-width) * 1px) solid ${oe.lightGrey};
|
|
1661
1664
|
background-color: var(--neutral-layer-3);
|
|
1662
1665
|
}
|
|
1663
1666
|
|
|
@@ -1665,8 +1668,8 @@
|
|
|
1665
1668
|
display: grid;
|
|
1666
1669
|
grid-template-columns: repeat(18, max-content);
|
|
1667
1670
|
background-color: var(--zero-card-fill-color);
|
|
1668
|
-
border-left: calc(var(--stroke-width) * 1px) solid ${
|
|
1669
|
-
border-right: calc(var(--stroke-width) * 1px) solid ${
|
|
1671
|
+
border-left: calc(var(--stroke-width) * 1px) solid ${oe.lightGrey};
|
|
1672
|
+
border-right: calc(var(--stroke-width) * 1px) solid ${oe.lightGrey};
|
|
1670
1673
|
}
|
|
1671
1674
|
|
|
1672
1675
|
/* We don't want to show the active indicator on the tabs */
|
|
@@ -1682,59 +1685,59 @@
|
|
|
1682
1685
|
height: 2px;
|
|
1683
1686
|
margin-top: 0;
|
|
1684
1687
|
}
|
|
1685
|
-
`,shadowOptions:
|
|
1686
|
-
${(0,
|
|
1688
|
+
`,shadowOptions:de.foundationTabsShadowOptions},de.defaultTabsConfig));class go extends de.TextArea{}const so=go.compose(Object.assign({baseName:"text-area",template:(e,a)=>(0,de.foundationTextAreaTemplate)(e,a),styles:(e,a)=>s.css`
|
|
1689
|
+
${(0,de.foundationTextAreaStyles)(e,a)}
|
|
1687
1690
|
:host {
|
|
1688
1691
|
--primary-gradient-angle: -113.5deg;
|
|
1689
1692
|
}
|
|
1690
1693
|
|
|
1691
1694
|
:host .control {
|
|
1692
1695
|
height: 100%;
|
|
1693
|
-
background-color: ${
|
|
1694
|
-
border: calc(var(--stroke-width) * 1px) solid ${
|
|
1696
|
+
background-color: ${Aa};
|
|
1697
|
+
border: calc(var(--stroke-width) * 1px) solid ${Oa};
|
|
1695
1698
|
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
1696
1699
|
}
|
|
1697
1700
|
|
|
1698
1701
|
:host(:hover:not([disabled])) .control {
|
|
1699
|
-
border-color: ${
|
|
1700
|
-
background: ${
|
|
1702
|
+
border-color: ${Sa};
|
|
1703
|
+
background: ${Aa};
|
|
1701
1704
|
}
|
|
1702
1705
|
|
|
1703
1706
|
:host(:focus-within:not([disabled])) .control {
|
|
1704
1707
|
background: linear-gradient(
|
|
1705
1708
|
var(--primary-gradient-angle),
|
|
1706
|
-
${
|
|
1707
|
-
${
|
|
1709
|
+
${ie.blue} 0%,
|
|
1710
|
+
${ie.purple} 100%
|
|
1708
1711
|
)
|
|
1709
1712
|
top/100% 1px,
|
|
1710
1713
|
linear-gradient(
|
|
1711
1714
|
var(--primary-gradient-angle),
|
|
1712
|
-
${
|
|
1713
|
-
${
|
|
1715
|
+
${ie.blue} 0%,
|
|
1716
|
+
${ie.purple} 100%
|
|
1714
1717
|
)
|
|
1715
1718
|
bottom/100% 1px;
|
|
1716
1719
|
background-origin: border-box;
|
|
1717
1720
|
background-repeat: no-repeat;
|
|
1718
1721
|
border: 1px solid transparent;
|
|
1719
|
-
border-right-color: ${
|
|
1720
|
-
border-left-color: ${
|
|
1721
|
-
background-color: ${
|
|
1722
|
+
border-right-color: ${ie.blue};
|
|
1723
|
+
border-left-color: ${ie.purple};
|
|
1724
|
+
background-color: ${Da};
|
|
1722
1725
|
box-shadow: none;
|
|
1723
1726
|
}
|
|
1724
1727
|
|
|
1725
1728
|
.label {
|
|
1726
|
-
color: ${
|
|
1729
|
+
color: ${La};
|
|
1727
1730
|
margin: calc(var(--design-unit) * 2px) 0;
|
|
1728
1731
|
}
|
|
1729
|
-
`,shadowOptions:
|
|
1730
|
-
${
|
|
1732
|
+
`,shadowOptions:de.foundationTextAreaShadowOptions},de.defaultTextAreaConfig));class co extends de.TextField{}const po=co.compose(Object.assign({baseName:"text-field",template:(e,a)=>(0,de.foundationTextFieldTemplate)(e,a),styles:St,shadowOptions:de.foundationTextFieldShadowOptions},de.defaultTextFieldConfig)),uo=s.css`
|
|
1733
|
+
${de.foundationToastStyles}
|
|
1731
1734
|
.toast {
|
|
1732
1735
|
border: calc(var(--stroke-width) * 1px) solid ${p.neutralLayer3};
|
|
1733
1736
|
background-color: ${p.neutralLayer1};
|
|
1734
1737
|
}
|
|
1735
1738
|
|
|
1736
1739
|
.toast::after {
|
|
1737
|
-
background-color: ${
|
|
1740
|
+
background-color: ${Re(1)};
|
|
1738
1741
|
}
|
|
1739
1742
|
|
|
1740
1743
|
:host([notify='warning']) .toast::after {
|
|
@@ -1742,14 +1745,14 @@
|
|
|
1742
1745
|
}
|
|
1743
1746
|
|
|
1744
1747
|
:host([notify='success']) .toast::after {
|
|
1745
|
-
background-color: ${
|
|
1746
|
-
}
|
|
1747
|
-
`,
|
|
1748
|
-
${(0,
|
|
1749
|
-
`,shadowOptions:
|
|
1750
|
-
${(0,
|
|
1751
|
-
`,shadowOptions:
|
|
1752
|
-
${(0,
|
|
1748
|
+
background-color: ${Ge(1)};
|
|
1749
|
+
}
|
|
1750
|
+
`,ho=de.defaultToastConfig,mo=de.foundationToastShadowOptions;class vo extends de.Toast{}const bo=vo.compose(Object.assign({baseName:"toast",shadowOptions:mo,styles:uo,template:de.foundationToastTemplate},ho));class fo extends de.Toolbar{}const wo=fo.compose(Object.assign({baseName:"toolbar",template:(e,a)=>(0,de.foundationToolbarTemplate)(e,a),styles:(e,a)=>s.css`
|
|
1751
|
+
${(0,de.foundationToolbarStyles)(e,a)}
|
|
1752
|
+
`,shadowOptions:de.foundationToolbarShadowOptions},de.defaultToolbarConfig));class yo extends de.Tooltip{}const xo=yo.compose(Object.assign({baseName:"tooltip",template:(e,a)=>(0,de.foundationTooltipTemplate)(e,a),styles:(e,a)=>s.css`
|
|
1753
|
+
${(0,de.foundationTooltipStyles)(e,a)}
|
|
1754
|
+
`,shadowOptions:de.foundationTooltipShadowOptions},de.defaultTooltipConfig));class zo extends de.TreeItem{}const ko=zo.compose(Object.assign({baseName:"tree-item",template:(e,a)=>(0,de.foundationTreeItemTemplate)(e,a),styles:(e,a)=>s.css`
|
|
1755
|
+
${(0,de.foundationTreeItemStyles)(e,a)}
|
|
1753
1756
|
:host {
|
|
1754
1757
|
--primary-gradient-angle: -113.5deg;
|
|
1755
1758
|
--base-height-multiplier: 15;
|
|
@@ -1761,23 +1764,23 @@
|
|
|
1761
1764
|
:host([selected])::after {
|
|
1762
1765
|
background: linear-gradient(
|
|
1763
1766
|
var(--primary-gradient-angle),
|
|
1764
|
-
${
|
|
1765
|
-
${
|
|
1767
|
+
${ie.blue} 10%,
|
|
1768
|
+
${ie.purple} 100%
|
|
1766
1769
|
)
|
|
1767
1770
|
top/100% 1px,
|
|
1768
1771
|
linear-gradient(
|
|
1769
1772
|
var(--primary-gradient-angle),
|
|
1770
|
-
${
|
|
1771
|
-
${
|
|
1773
|
+
${ie.blue} 10%,
|
|
1774
|
+
${ie.purple} 100%
|
|
1772
1775
|
)
|
|
1773
1776
|
bottom/100% 1px;
|
|
1774
1777
|
background-origin: border-box;
|
|
1775
1778
|
background-size: cover;
|
|
1776
1779
|
background-repeat: no-repeat;
|
|
1777
1780
|
}
|
|
1778
|
-
`,shadowOptions:
|
|
1779
|
-
${(0,
|
|
1780
|
-
`,shadowOptions:
|
|
1781
|
+
`,shadowOptions:de.foundationTreeItemShadowOptions},de.defaultTreeItemConfig));class So extends de.TreeView{}const Co=So.compose(Object.assign({baseName:"tree-view",template:(e,a)=>(0,de.foundationTreeViewTemplate)(e,a),styles:(e,a)=>s.css`
|
|
1782
|
+
${(0,de.foundationTreeViewStyles)(e,a)}
|
|
1783
|
+
`,shadowOptions:de.foundationTreeViewShadowOptions},de.defaultTreeViewConfig)),Ao=s.html`
|
|
1781
1784
|
<div class="container" value=${e=>e.value}>
|
|
1782
1785
|
<zero-text-field
|
|
1783
1786
|
class="url-input"
|
|
@@ -1793,17 +1796,17 @@
|
|
|
1793
1796
|
<a class="url-input-link" href=${e=>e.value} target="_blank">${e=>e.value}</a>
|
|
1794
1797
|
`)}
|
|
1795
1798
|
</div>
|
|
1796
|
-
`;class
|
|
1797
|
-
${(0,
|
|
1799
|
+
`;class To extends de.TextField{constructor(){super(...arguments),this.value=""}saveUrl(e){this.value=e.startsWith("http")?e:"https://"+e,this.focused=!1}focus(){this.focused=!0}}(0,Va.__decorate)([s.observable],To.prototype,"value",void 0),(0,Va.__decorate)([s.observable],To.prototype,"focused",void 0);const Lo={zeroActionsMenu:Ae,zeroAnchor:na,zeroBadge:ga,zeroBanner:pa,zeroBreadcrumbItem:va,zeroBreadcrumb:ha,zeroButton:fa,zeroCard:ya,zeroCheckbox:za,zeroCombobox:Ra,zeroConnectionIndicator:Ia,zeroDataGrid:Ua,zeroDesignSystemProvider:qa,zeroDialog:tr,zeroDatePicker:Ha,zeroDisclosure:ir,zeroDivider:lr,zeroDropdownMenu:dr,zeroErrorBoundary:mr,zeroErrorBanner:ur,zeroErrorDialog:br,zeroFileUpload:kr,zeroFilter:$r,zeroFilterBar:Pr,zeroFlexLayout:Gr,zeroFlipper:Vr,zeroFlyout:qr,zeroGridLayout:Zr,zeroGridLayoutItem:Xr,zeroIcon:tt,zeroListboxOption:it,zeroMenu:gt,zeroMenuItem:ct,zeroModal:bt,zeroMultiselect:kt,zeroNumberField:Ft,zeroProgress:Mt,zeroProgressRing:$t,zeroRadio:jt,zeroRadioGroup:Et,zeroSegmentedControl:Pt,zeroSegmentedItem:Gt,zeroSelect:Vt,zeroSkeleton:_t,zeroSlider:Wt,zeroSnackbar:Xt,zeroSwitch:ao,zeroTab:to,zeroTabPanel:io,zeroTabs:lo,zeroTextArea:so,zeroTextField:po,zeroToast:bo,zeroToolbar:wo,zeroTooltip:xo,zeroTreeItem:ko,zeroTreeView:Co,zeroUrlInput:To.compose(Object.assign({baseName:"url-input",template:Ao,styles:(e,a)=>s.css`
|
|
1800
|
+
${(0,de.foundationUrlInputStyles)(e,a)}
|
|
1798
1801
|
a {
|
|
1799
|
-
color: ${
|
|
1802
|
+
color: ${ie.blue};
|
|
1800
1803
|
opacity: 65%;
|
|
1801
1804
|
}
|
|
1802
1805
|
|
|
1803
1806
|
a:hover {
|
|
1804
1807
|
opacity: 100%;
|
|
1805
1808
|
}
|
|
1806
|
-
`,shadowOptions:
|
|
1809
|
+
`,shadowOptions:de.foundationUrlInputShadowOptions},de.defaultUrlInputConfig)),register(e,...a){if(e)for(const r in this)"register"!==r&&this[r]().register(e,...a)}};var Fo=r(80249);const Do=(0,g.createLogger)("grid-pro");class Mo extends c.FoundationElement{init(e){e&&(this.params=e)}getGui(){return this}refresh(e){return this.params=e,!0}isDisabled(e){var a;if("function"==typeof(null===(a=this.params)||void 0===a?void 0:a.isDisabled))try{return this.params.isDisabled(e)}catch(e){Do.error("Error executing grid action cell renderer isDisabled callback:",e)}return!1}clickHandler(){return(0,Fo.__awaiter)(this,void 0,void 0,(function*(){this.pendingAction=!0,yield this.params.actionClick(this.params.data),this.pendingAction=!1}))}get dataTestId(){var e;if(this.params.dataTestId)return this.params.dataTestId+(null!==(e=this.params.data[this.params.uniqueFieldName])&&void 0!==e?e:"")}}(0,Fo.__decorate)([s.observable],Mo.prototype,"params",void 0),(0,Fo.__decorate)([s.observable],Mo.prototype,"pendingAction",void 0);const{create:Oo}=c.DesignToken,No=(Oo("action-height-multiplier").withDefault("0.6px"),s.css`
|
|
1807
1810
|
.action-container {
|
|
1808
1811
|
align-items: center;
|
|
1809
1812
|
display: flex;
|
|
@@ -1818,8 +1821,8 @@
|
|
|
1818
1821
|
var(--action-height-multiplier)
|
|
1819
1822
|
);
|
|
1820
1823
|
}
|
|
1821
|
-
`)
|
|
1822
|
-
${
|
|
1824
|
+
`),$o=Mo.compose({baseName:"grid-pro-action-renderer",styles:s.css`
|
|
1825
|
+
${No}
|
|
1823
1826
|
`,template:s.html`
|
|
1824
1827
|
<div class="action-container" part="action-container">
|
|
1825
1828
|
<foundation-button
|
|
@@ -1829,8 +1832,8 @@
|
|
|
1829
1832
|
?disabled=${e=>{var a;return e.pendingAction||e.isDisabled(null===(a=e.params)||void 0===a?void 0:a.data)}}
|
|
1830
1833
|
appearance="${e=>e.params.appearance}"
|
|
1831
1834
|
@click=${e=>e.clickHandler()}">${e=>e.params.actionName}</foundation-button>
|
|
1832
|
-
</div>`});class
|
|
1833
|
-
${
|
|
1835
|
+
</div>`});class Ro extends Mo{}const jo=Ro.compose({baseName:"grid-pro-action-renderer",styles:s.css`
|
|
1836
|
+
${No}
|
|
1834
1837
|
`,template:s.html`
|
|
1835
1838
|
<div class="action-container" part="action-container">
|
|
1836
1839
|
<zero-button class="action-renderer"
|
|
@@ -1839,29 +1842,29 @@
|
|
|
1839
1842
|
?disabled=${e=>{var a;return e.pendingAction||e.isDisabled(null===(a=e.params)||void 0===a?void 0:a.data)}}
|
|
1840
1843
|
appearance="${e=>e.params.appearance}"
|
|
1841
1844
|
@click=${e=>e.clickHandler()}">${e=>e.params.actionName}</zero-button>
|
|
1842
|
-
</div>`});class
|
|
1845
|
+
</div>`});class Io extends c.FoundationElement{init(e){e&&(this.params=e)}getGui(){return this}refresh(e){return!1}}(0,Fo.__decorate)([s.observable],Io.prototype,"params",void 0);const Eo=Io.compose({baseName:"grid-pro-actions-menu-renderer",template:s.html`
|
|
1843
1846
|
<foundation-actions-menu
|
|
1844
1847
|
name="${e=>e.params.headerName}"
|
|
1845
1848
|
:definition=${e=>e.params}
|
|
1846
1849
|
></foundation-actions-menu>
|
|
1847
|
-
`});class
|
|
1850
|
+
`});class Bo extends Io{}const Po=Bo.compose({baseName:"grid-pro-actions-menu-renderer",template:s.html`
|
|
1848
1851
|
<zero-actions-menu
|
|
1849
1852
|
name="${e=>e.params.headerName}"
|
|
1850
1853
|
:definition=${e=>e.params}
|
|
1851
1854
|
></zero-actions-menu>
|
|
1852
|
-
`});class
|
|
1855
|
+
`});class Uo extends c.FoundationElement{init(e){e&&(this.params=e)}getGui(){return this}destroy(){}refresh(e){return!0}}(0,Fo.__decorate)([s.observable],Uo.prototype,"params",void 0);const Go=s.css`
|
|
1853
1856
|
:host {
|
|
1854
1857
|
align-center: center;
|
|
1855
1858
|
display: flex;
|
|
1856
1859
|
height: 100%;
|
|
1857
1860
|
}
|
|
1858
|
-
`,
|
|
1861
|
+
`,Ho=(e="foundation")=>{const a=`${e}-checkbox`;return s.html`
|
|
1859
1862
|
<${a}
|
|
1860
1863
|
@change="${e=>{var a;return null===(a=e.params)||void 0===a?void 0:a.changeHandler(e.params)}}"
|
|
1861
1864
|
checked="${e=>{var a;return null===(a=e.params)||void 0===a?void 0:a.value}}"
|
|
1862
1865
|
readonly="${e=>{var a;return null===(a=e.params)||void 0===a?void 0:a.readonly}}"
|
|
1863
1866
|
></${a}>
|
|
1864
|
-
`},Vo=
|
|
1867
|
+
`},Vo=Uo.compose({baseName:"boolean-renderer",styles:Go,template:Ho()});class Yo extends Uo{}const _o=Yo.compose({baseName:"boolean-renderer",styles:Go,template:Ho("zero")}),Qo=(e,a)=>{if(a.indexOf(".")<0)return e[a];{const r=a.split(".");let t=e;for(;r.length>0&&t;){const e=r.shift();if(0===r.length)return t[e];t=t[e]}}};class Wo extends c.FoundationElement{constructor(){super(...arguments),this.textValue="",this.textChanged=e=>{this.textValue=e.target.value,this.params.onChange(e.target.value,this.params)}}init(e){var a;e&&(this.params=e,this.textValue=""===this.textValue?Qo(null===(a=null==e?void 0:e.node)||void 0===a?void 0:a.data,e.accessor):this.textValue)}getGui(){return this}destroy(){}refresh(e){return!0}}(0,Fo.__decorate)([s.observable],Wo.prototype,"textValue",void 0),(0,Fo.__decorate)([s.observable],Wo.prototype,"params",void 0);const qo=s.css`
|
|
1865
1868
|
:host {
|
|
1866
1869
|
display: flex;
|
|
1867
1870
|
width: 100%;
|
|
@@ -1871,7 +1874,7 @@
|
|
|
1871
1874
|
.text-renderer {
|
|
1872
1875
|
width: 100%;
|
|
1873
1876
|
}
|
|
1874
|
-
`,
|
|
1877
|
+
`,Jo=(e="foundation")=>{const a=`${e}-text-field`;return s.html`
|
|
1875
1878
|
<${a}
|
|
1876
1879
|
${(0,s.ref)("textField")}
|
|
1877
1880
|
type="text"
|
|
@@ -1879,7 +1882,7 @@
|
|
|
1879
1882
|
:value="${(0,g.sync)((e=>e.textValue))}"
|
|
1880
1883
|
@change="${(e,a)=>e.textChanged(a.event)}"
|
|
1881
1884
|
></${a}>
|
|
1882
|
-
`},
|
|
1885
|
+
`},Zo=Wo.compose({baseName:"grid-pro-text-renderer",styles:qo,template:Jo()});class Ko extends Wo{}const Xo=qo,ei=Jo,ai=Ko.compose({baseName:"grid-text-renderer",styles:Xo,template:ei()});const ri=class extends Ko{}.compose({baseName:"grid-text-renderer",styles:Xo,template:ei("zero")});class ti extends c.FoundationElement{constructor(){super(...arguments),this.selectionChanged=e=>{this.value=e.target.value,this.params.onSelect(e.target.value,this.params)}}init(e){var a;e&&(this.params=e,this.value=Qo(null===(a=e.node)||void 0===a?void 0:a.data,e.accessor)||void 0)}getGui(){return this}destroy(){}refresh(e){return!0}}(0,Fo.__decorate)([s.observable],ti.prototype,"params",void 0),(0,Fo.__decorate)([s.observable],ti.prototype,"value",void 0);const oi=s.css`
|
|
1883
1886
|
:host,
|
|
1884
1887
|
.select-renderer,
|
|
1885
1888
|
zero-option,
|
|
@@ -1888,7 +1891,7 @@
|
|
|
1888
1891
|
max-width: var(--select-renderer-max-width);
|
|
1889
1892
|
min-width: 100%;
|
|
1890
1893
|
}
|
|
1891
|
-
`,
|
|
1894
|
+
`,ii=(e="foundation")=>{const a=`${e}-select`,r=`${e}-option`;return s.html`
|
|
1892
1895
|
<${a}
|
|
1893
1896
|
class="select-renderer"
|
|
1894
1897
|
@change=${(e,a)=>e.selectionChanged(a.event)}
|
|
@@ -1904,19 +1907,19 @@
|
|
|
1904
1907
|
<${r} value=${e=>e.name}>${e=>e.displayName}</${r}>
|
|
1905
1908
|
`)}
|
|
1906
1909
|
</${a}>
|
|
1907
|
-
`},
|
|
1910
|
+
`},ni=ti.compose({baseName:"select-renderer",styles:oi,template:ii()});const li=class extends ti{}.compose({baseName:"select-renderer",styles:oi,template:ii("zero")});var gi=r(9461),di=r(83972),si=r(64586),ci=r(75527);const pi=s.html`
|
|
1908
1911
|
<template>
|
|
1909
1912
|
<slot ${(0,s.slotted)("slottedRenderer")} @slotchange="${e=>e.slottedAgRendererChanged()}"></slot>
|
|
1910
1913
|
</template>
|
|
1911
|
-
`;let
|
|
1914
|
+
`;let ui=class extends c.FoundationElement{connectedCallback(){super.connectedCallback();const e=this.parentElement;this.renderer&&(e.definition.cellRenderer=this.renderer),this.rendererParams&&(e.definition.cellRendererParams=this.rendererParams)}init(e){this.rendererParams=e}getGui(){return"string"!=typeof this.renderer?this.renderer(this.rendererParams):this}destroy(){}refresh(e){return!1}slottedAgRendererChanged(){}};(0,Fo.__decorate)([s.observable],ui.prototype,"renderer",void 0),(0,Fo.__decorate)([s.observable],ui.prototype,"rendererParams",void 0),(0,Fo.__decorate)([s.observable],ui.prototype,"slottedRenderer",void 0),ui=(0,Fo.__decorate)([(0,s.customElement)({name:"grid-pro-cell",template:pi})],ui);const hi=s.html`
|
|
1912
1915
|
<template>
|
|
1913
1916
|
<slot ${(0,s.slotted)("slottedAgCell")} @slotchange="${e=>e.slottedAgCellChanged()}"></slot>
|
|
1914
1917
|
</template>
|
|
1915
|
-
`;let
|
|
1916
|
-
.${
|
|
1917
|
-
${new
|
|
1918
|
+
`;let mi=class extends c.FoundationElement{constructor(){super(...arguments),this.definition={}}slottedAgCellChanged(){}};var vi,bi;(0,Fo.__decorate)([s.observable],mi.prototype,"slottedAgCell",void 0),(0,Fo.__decorate)([s.observable],mi.prototype,"definition",void 0),mi=(0,Fo.__decorate)([(0,s.customElement)({name:"grid-pro-column",template:hi})],mi),function(e){e.foregroundColor="--ag-foreground-color",e.dataColor="--ag-data-color",e.secondaryForegroundColor="--ag-secondary-foreground-color",e.headerForegroundColor="--ag-header-foreground-color",e.disabledForegroundColor="--ag-disabled-foreground-color",e.backgroundColor="--ag-background-color",e.headerBackgroundColor="--ag-header-background-color",e.subheaderBackgroundColor="--ag-subheader-background-color",e.subheaderToolbarBackgroundColor="--ag-subheader-toolbar-background-color",e.controlPanelBackgroundColor="--ag-control-panel-background-color",e.selectedRowBackgroundColor="--ag-selected-row-background-color",e.oddRowBackgroundColor="--ag-odd-row-background-color",e.rowHoverColor="--ag-row-hover-color",e.rangeSelectionBorderColor="--ag-range-selection-border-color",e.rangeSelectionBackgroundColor="--ag-range-selection-background-color",e.selectedTabUnderlineColor="--ag-selected-tab-underline-color",e.rangeSelectionChartCategoryBackgroundColor="--ag-range-selection-chart-category-background-color",e.rangeSelectionChartBackgroundColor="--ag-range-selection-chart-background-color",e.headerCellHoverBackgroundColor="--ag-header-cell-hover-background-color",e.headerCellMovingBackgroundColor="--ag-header-cell-moving-background-color",e.chipBackgroundColor="--ag-chip-background-color",e.borderColor="--ag-border-color",e.secondaryBorderColor="--ag-secondary-border-color",e.rowBorderColor="--ag-row-border-color",e.headerColumnSeparatorColor="--ag-header-column-separator-color",e.headerColumnResizeHandleColor="--ag-header-column-resize-handle-color",e.inputBorderColor="--ag-input-border-color",e.inputDisabledBorderColor="--ag-input-disabled-border-color",e.inputDisabledBackgroundColor="--ag-input-disabled-background-color",e.checkboxBackgroundColor="--ag-checkbox-background-color",e.checkboxCheckedColor="--ag-checkbox-checked-color",e.checkboxUncheckedColor="--ag-checkbox-unchecked-color",e.checkboxIndeterminateColor="--ag-checkbox-indeterminate-color",e.toggleButtonOffBorderColor="--ag-toggle-button-off-border-color",e.toggleButtonOffBackgroundColor="--ag-toggle-button-off-background-color",e.toggleButtonOnBorderColor="--ag-toggle-button-on-border-color",e.toggleButtonOnBackgroundColor="--ag-toggle-button-on-background-color",e.toggleButtonSwitchBackgroundColor="--ag-toggle-button-switch-background-color",e.toggleButtonSwitchBorderColor="--ag-toggle-button-switch-border-color",e.minichartSelectedChartColor="--ag-minichart-selected-chart-color",e.minichartSelectedPageColor="--ag-minichart-selected-page-color",e.modalOverlayBackgroundColor="--ag-modal-overlay-background-color",e.inputFocusBoxShadow="--ag-input-focus-box-shadow",e.inputFocusBorderColor="--ag-input-focus-border-color"}(vi||(vi={})),function(e){e.alpine="ag-theme-alpine",e.alpineDark="ag-theme-alpine-dark",e.balham="ag-theme-balham",e.balhamDark="ag-theme-balham-dark",e.material="ag-theme-material"}(bi||(bi={}));const fi=e=>`${e}-token-map`,wi=(e,a)=>s.css`
|
|
1919
|
+
.${fi(e)} {
|
|
1920
|
+
${new de.CSSVarsTokenMapper(a)}
|
|
1918
1921
|
}
|
|
1919
|
-
`;var zi;!function(e){e.action="action",e.actionsMenu="actionsMenu",e.boolean="boolean",e.text="text",e.select="select"}(zi||(zi={}));const xi='\n @font-face {\n font-family: "agGridAlpine";\n src: url(data:font/woff2;charset=utf-8;base64,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);\n font-weight: normal;\n font-style: normal;\n }\n',ki='\n @font-face {\n font-family: "agGridBalham";\n src: url(data:font/woff2;charset=utf-8;base64,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);\n font-weight: normal;\n font-style: normal;\n }\n',Si={[fi.alpine]:xi,[fi.alpineDark]:xi,[fi.balham]:ki,[fi.balhamDark]:ki,[fi.material]:'\n @font-face {\n font-family: "agGridMaterial";\n src: url(data:font/woff2;charset=utf-8;base64,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);\n font-weight: normal;\n font-style: normal;\n }\n'},Ci=xi;var Ai=r(82940),Ti=r(9162),Li=r(5127),Fi=r(83123),Di=r(32449),Mi=r(33253),Oi=r(26714),Ni=r(71452),$i=r(99449),Ri=r(30526);function ji(e){switch(null==e?void 0:e.toLowerCase()){case"int":case"long":case"double":case"bigdecimal":case"number":return"numericColumn"}}function Ii({value:e}){return(0,g.formatDateTimestamp)(e)}function Ei({value:e}){return(0,g.formatDateTimeTimestamp)(e)}let Bi=class extends((0,g.LifecycleMixin)(c.FoundationElement)){constructor(){super(...arguments),this.isSnapshot=!1,this.maxRows=Ai.WJ.MAX_ROWS_250,this.maxView=Ai.WJ.MAX_VIEW_1000,this.movingView=!1,this.reverse=!1,this.rowId="ROW_REF",this.restartOnReconnection=!1,this.requiresFullRowDataAndColDefs=!0,this.dataSubWasLoggedOff=!1,this.rows=new Map,this.criteriaFromFilters=new Map,this.update=new Oi.X(new Map)}resourceNameChanged(e,a){e&&e!==a&&this.restart()}connectedCallback(){super.connectedCallback(),s.DOM.queueUpdate((()=>{this.shouldRunConnect&&this.init()})),this.connectionSub=this.connect.isConnectedSubject.subscribe((e=>{e&&this.agGrid.attributes["ds-disconnected"]&&(this.agGrid.removeAttribute("ds-disconnected"),this.restartOnReconnection&&this.restart()),e||this.agGrid.setAttribute("ds-disconnected","ds-disconnected")}))}disconnectedCallback(){super.disconnectedCallback(),s.DOM.queueUpdate((()=>{this.shouldRunDisconnect&&this.deinit()}))}deepClone(){const e=super.deepClone();return e.deferredGridOptions=structuredClone(this.deferredGridOptions),e.request=structuredClone(this.request),e}get agGrid(){return this.parentElement}init(){if(this.agGrid&&this.resourceName&&this.connect.isConnected){const e=Object.assign({getRowId:e=>e.data[this.rowId]},this.deferredGridOptions);this.agGrid.gridOptions=Object.assign({},e),this.agGrid.addEventListener("onGridReady",(()=>(0,Do.__awaiter)(this,void 0,void 0,(function*(){yield this.loadResourceData()}))),{once:!0});const a=600;this.updateSub=this.update.pipe((0,Ni.T)(1),(0,$i.b)(a),(0,Ri.b)((e=>Mo.debug("filters (debounced): ",e)))).subscribe((e=>{this.loadResourceData(null)}))}else Mo.warn("Application not connected, falling back to local columnDefs/rowData")}deinit(){this.reset()}reset(){this.dataSub&&(this.dataSub.unsubscribe(),this.dataSub=void 0),this.updateSub&&(this.updateSub.unsubscribe(),this.updateSub=void 0),this.connectionSub&&(this.connectionSub.unsubscribe(),this.connectionSub=void 0),this.requiresFullRowDataAndColDefs=!0,this.dataSubWasLoggedOff=!1,this.clearRowData(),this.sourceRef&&(this.connect.dataLogoff(this.sourceRef),this.sourceRef=void 0),this.criteriaFromFilters=new Map,this.update=new Oi.X(new Map)}restart(){this.deinit(),this.init()}clearRowData(){var e,a;this.rows=new Map,this.agTransaction=void 0,null===(a=null===(e=this.agGrid)||void 0===e?void 0:e.gridApi)||void 0===a||a.setRowData([])}updateRowData(e){const a=this.getAgColumnDefs(this.datasource.fieldMetadata);a&&this.agGrid.gridApi.setColumnDefs(a),this.agGrid.gridApi.setRowData(e),this.requiresFullRowDataAndColDefs=!1}loadResourceData(e=!0){return(0,Do.__awaiter)(this,void 0,void 0,(function*(){const a=e||!this.datasource.initialized;a||(this.connect.dataLogoff(this.sourceRef),this.clearRowData());if(!(yield this.datasource.init(this.datasourceOptions(),a)))return Mo.debug(`Genesis Datasource init failed for ${this.resourceName}`),void this.clearRowData();if(this.isSnapshot){const e=yield this.datasource.snapshot();if(e){const a=this.handleSnapshot(e);this.updateRowData(a)}}else Mo.debug(`requesting stream for ${this.resourceName}`),this.dataSub=this.datasource.stream.subscribe((e=>{this.sourceRef=e.SOURCE_REF;const a=e.MESSAGE_TYPE;if(a&&a===Ti.Cs.LOGOFF_ACK)this.dataSubWasLoggedOff=!0;else if(this.dataSubWasLoggedOff=!1,e.ROW){const a=(0,Li.$)(e);this.handleStreamResult(a)}else this.handleStreamResult(e)}))}))}handleSnapshot(e){return Array.isArray(e)?e:e.REPLY?e.REPLY:e.ROW?(0,Li.$)(e).inserts:e.inserts}datasourceOptions(){return{criteria:this.buildCriteria(),fields:this.fields,isSnapshot:this.isSnapshot,orderBy:this.orderBy,resourceName:this.resourceName,request:this.request,reverse:this.reverse,maxRows:this.maxRows,maxView:this.maxView,movingView:this.movingView}}handleStreamResult(e){if(!e)return;e.hasOwnProperty("REPLY")?this.applyRequestServerData(e):this.applyDataserverData(e)}applyRequestServerData(e){var a,r;if(!Array.isArray(e.REPLY)||!(null===(a=e.MESSAGE_TYPE)||void 0===a?void 0:a.startsWith("REP_")))return void Mo.error("received invalid RequestServerResult",e);if(this.requiresFullRowDataAndColDefs){"ROW_REF"!==this.rowId&&(null===(r=e.REPLY)||void 0===r||r.forEach((e=>{this.rows.set(e[this.rowId],e)})));const a=this.rows.size>0?Array.from(this.rows.values()):e.REPLY;return void this.updateRowData(a)}this.agTransaction={add:[],remove:[],update:[]},this.handleStreamInserts(e.REPLY);const t=Array.from(this.rows.values()).filter((a=>!e.REPLY.includes(a)));this.handleStreamDeletes(t),this.agGrid.gridApi.applyTransactionAsync(this.agTransaction)}applyDataserverData(e){var a;if(this.requiresFullRowDataAndColDefs){null===(a=e.inserts)||void 0===a||a.forEach((e=>{this.rows.set(e[this.rowId],e)}));const r=Array.from(this.rows.values());this.updateRowData(r)}else this.agTransaction={add:[],remove:[],update:[]},this.handleStreamInserts(e.inserts),this.handleStreamDeletes(e.deletes),this.handleStreamUpdates(e.updates),this.agGrid.gridApi.applyTransactionAsync(this.agTransaction)}handleStreamInserts(e){null==e||e.forEach((e=>{if(this.rows.has(e[this.rowId])||this.dataSubWasLoggedOff){const a=this.rows.get(e[this.rowId]),r=Object.assign(Object.assign({},a),e);this.agTransaction.update.push(r)}else this.agTransaction.add.push(e),this.agTransaction.addIndex=0;this.rows.set(e[this.rowId],e)}))}handleStreamDeletes(e){null==e||e.forEach((e=>{this.agTransaction.remove.push({[this.rowId]:e[this.rowId]}),this.rows.delete(e[this.rowId])}))}handleStreamUpdates(e){null==e||e.forEach((e=>{const a=this.rows.get(e[this.rowId]),r=Object.assign(Object.assign({},a),e);this.agTransaction.update.push(r),this.rows.set(e[this.rowId],r)}))}getAgColumnDefs(e){const a=null==e?void 0:e.flatMap((e=>{var a;const r={};switch(r.filterParams=(e.type,{suppressAndOrCondition:!0,filterOptions:["contains"]}),e.type){case Fi.r.BOOLEAN:this.agGrid.autoCellRendererByType&&(r.cellRenderer=zi.boolean);break;case Fi.r.DATE:r.valueFormatter=Ii;break;case Fi.r.DATETIME:r.valueFormatter=Ei}const t=null===(a=this.agGrid.gridApi)||void 0===a?void 0:a.getColumnDef(e.name);return this.agGrid.onlyTemplateColDefs&&!t||this.fields&&!this.fields.includes(e.name)?[]:Object.assign(Object.assign({field:e.name},r),t)}));return this.agGrid.applyTemplateDefinitions(a)}buildCriteria(){var e;const a=((null===(e=this.criteria)||void 0===e?void 0:e.split(";"))||[]).concat(Array.from(this.criteriaFromFilters.values()));return(0,Di.p)(a.join(" && "),";")}criteriaChanged(e,a){const r=!e&&a,t=e!==(0,Di.p)(a,";");(r||t)&&s.DOM.queueUpdate((()=>this.loadResourceData(null)))}setFilter(e,a){this.criteriaFromFilters.set(e,a),this.update.next(this.criteriaFromFilters)}removeFilter(e){this.criteriaFromFilters.delete(e),this.update.next(this.criteriaFromFilters)}};(0,Do.__decorate)([l.lj],Bi.prototype,"connect",void 0),(0,Do.__decorate)([Mi.Yh],Bi.prototype,"datasource",void 0),(0,Do.__decorate)([s.observable],Bi.prototype,"deferredGridOptions",void 0),(0,Do.__decorate)([s.attr],Bi.prototype,"criteria",void 0),(0,Do.__decorate)([s.attr],Bi.prototype,"fields",void 0),(0,Do.__decorate)([(0,s.attr)({mode:"boolean",attribute:"is-snapshot"})],Bi.prototype,"isSnapshot",void 0),(0,Do.__decorate)([(0,s.attr)({attribute:"max-rows"})],Bi.prototype,"maxRows",void 0),(0,Do.__decorate)([(0,s.attr)({attribute:"max-view"})],Bi.prototype,"maxView",void 0),(0,Do.__decorate)([(0,s.attr)({mode:"boolean",attribute:"moving-view"})],Bi.prototype,"movingView",void 0),(0,Do.__decorate)([(0,s.attr)({attribute:"order-by"})],Bi.prototype,"orderBy",void 0),(0,Do.__decorate)([s.observable],Bi.prototype,"request",void 0),(0,Do.__decorate)([(0,s.attr)({attribute:"resource-name"})],Bi.prototype,"resourceName",void 0),(0,Do.__decorate)([(0,s.attr)({mode:"boolean"})],Bi.prototype,"reverse",void 0),(0,Do.__decorate)([(0,s.attr)({attribute:"row-id"})],Bi.prototype,"rowId",void 0),(0,Do.__decorate)([(0,s.attr)({mode:"boolean",attribute:"restart-on-reconnection"})],Bi.prototype,"restartOnReconnection",void 0),Bi=(0,Do.__decorate)([(0,s.customElement)({name:"grid-pro-genesis-datasource"})],Bi);var Pi=r(66306),Ui=r(55052);class Gi{constructor(e){this.rowCount=0,this.moreRows=!1,this.calculatedRowsCount=0,this.lastSequenceId=0,this.dataserverStream=e.stream,this.resourceName=e.resourceName,this.resourceParams=e.resourceParams,this.originalCriteriaMatch=e.resourceParams.CRITERIA_MATCH,this.resourceIndexes=e.resourceIndexes,this.resourceColDefs=e.resourceColDefs,this.maxRows=e.maxRows,this.maxView=e.maxView,this.pagination=e.pagination}getRows(e){var a;return(0,Do.__awaiter)(this,void 0,void 0,(function*(){const r=e.request.filterModel;(JSON.stringify(r)!==JSON.stringify(this.currentFilterModel)||Object.keys(r).length>0)&&(0===Object.keys(r).length&&this.currentFilterModel?(this.currentFilterModel=null,this.resourceParams.CRITERIA_MATCH=this.originalCriteriaMatch,this.restartSubscription()):Object.keys(r).length>0&&(this.currentFilterModel=r,this.resourceParams.CRITERIA_MATCH=this.buildCriteriaMatchFromFilters(),this.restartSubscription()));const t=e.request.sortModel;if(t.length!==(null===(a=this.currentSortModel)||void 0===a?void 0:a.length)||t.length>0)if(0===t.length&&this.currentSortModel)this.currentSortModel=null,this.resourceParams.ORDER_BY=null,this.resourceParams.REVERSE=null,this.restartSubscription();else if(t.length>0){this.currentSortModel=t;const e=this.currentSortModel[0].colId,a=this.currentSortModel[0].sort,r=this.getOrderByAndToBeSortedColIds(this.resourceIndexes,e);r.toBeSorted.forEach((e=>{this.currentSortModel.push({sort:a,colId:e})})),this.resourceParams.ORDER_BY=r.orderBy,this.resourceParams.REVERSE="desc"===a,this.restartSubscription()}this.moreRows&&e.request.startRow>=this.maxRows&&this.connect.getMoreRows(this.streamSourceRef),this.dataserverStream.pipe((0,Ui.q)(1)).subscribe((a=>{var r,t;const o=a.MESSAGE_TYPE;if(o&&(o===Ti.Cs.LOGOFF_ACK||o===Ti.Cs.MSG_NACK))return void e.fail();this.moreRows=a.MORE_ROWS;let i=[];if(a.ROW){const e=(0,Li.$)(a);i=this.handleStreamUpdate(e)}this.lastSequenceId=a.SEQUENCE_ID,1===this.lastSequenceId&&(this.streamSourceRef=a.SOURCE_REF,this.rowCount=null!==(r=a.ROWS_COUNT)&&void 0!==r?r:i.length),this.calculatedRowsCount+=null!==(t=null==i?void 0:i.length)&&void 0!==t?t:0;const n={rowData:i};this.pagination?n.rowCount=Math.min(this.rowCount,this.maxView):(e.request.endRow>this.maxView||e.request.endRow>this.calculatedRowsCount)&&(n.rowCount=this.calculatedRowsCount),e.success(n)}))}))}restartSubscription(){this.connect.dataLogoff(this.streamSourceRef);this.dataserverStream=this.connect.stream(this.resourceName,(e=>e),(e=>Mo.error(e)),this.resourceParams)}getOrderByAndToBeSortedColIds(e,a){for(const[r,t]of e.entries()){const e=t.findIndex((e=>e===a));if(-1!==e){const a=[...t];return a.splice(e,1),{orderBy:r,toBeSorted:a}}}}handleStreamUpdate(e){var a;if(!e)return;const r=new Map;null===(a=e.inserts)||void 0===a||a.forEach((e=>{r.set(e.ROW_REF,e)}));return Array.from(r.values())}buildCriteriaMatchFromFilters(){this.resourceParams.CRITERIA_MATCH=this.originalCriteriaMatch,this.resourceParams.CRITERIA_MATCH&&"string"==typeof this.resourceParams.CRITERIA_MATCH&&(this.resourceParams.CRITERIA_MATCH=this.resourceParams.CRITERIA_MATCH.split(";")),this.resourceParams.CRITERIA_MATCH||(this.resourceParams.CRITERIA_MATCH=[]);return this.resourceParams.CRITERIA_MATCH.concat(this.criteriaFromFilters()).join(" && ")}criteriaFromFilters(){const e=[];return this.getFiltersByType("text").forEach((a=>e.push(`Expr.containsIgnoreCase(${a}, '${this.currentFilterModel[a].filter.toLowerCase()}')`))),e}getFiltersByType(e){return Object.keys(this.currentFilterModel).filter((e=>-1!==this.resourceColDefs.findIndex((a=>a.NAME===e)))).filter((a=>this.currentFilterModel[a].filterType===e))}}(0,Do.__decorate)([l.lj],Gi.prototype,"connect",void 0);let Hi=class extends((0,g.LifecycleMixin)(c.FoundationElement)){constructor(){super(...arguments),this.isSnapshot=!1,this.maxRows=Ai.WJ.MAX_ROWS_250,this.maxView=Ai.WJ.MAX_VIEW_1000,this.pagination=!1,this.reverse=!1}resourceNameChanged(e,a){e&&e!==a&&this.restart()}connectedCallback(){super.connectedCallback(),s.DOM.queueUpdate((()=>{this.shouldRunConnect&&this.init()}))}disconnectedCallback(){super.disconnectedCallback(),s.DOM.queueUpdate((()=>{this.shouldRunDisconnect&&this.reset()}))}init(){if(this.agGrid&&this.resourceName&&this.connect.isConnected)return this.agGrid.gridOptions={cacheBlockSize:this.maxRows,defaultColDef:{filter:!0,resizable:!0,sortable:!0},pagination:this.pagination,paginationPageSize:this.maxRows,rowBuffer:0,rowModelType:"serverSide",suppressServerSideInfiniteScroll:!1,suppressMultiSort:!0,onFilterChanged:e=>{},onSortChanged:e=>{}},void this.agGrid.addEventListener("onGridReady",(()=>(0,Do.__awaiter)(this,void 0,void 0,(function*(){const e=yield this.connect.getMetadata(this.resourceName).catch((e=>Mo.error(e)));if(!e)return!1;this.indexes=this.getResourceIndexes(e.INDEXES),this.originalFieldDef=(0,Pi.C)(e);const a=(0,Pi.i)(this.originalFieldDef),r=this.getAgColumnDefs(a);this.agGrid.gridApi.setColumnDefs(r);const t=yield this.createDataserverStream();this.dataserverStream=new Gi({stream:t,resourceName:this.resourceName,resourceParams:this.params,resourceIndexes:this.indexes,resourceColDefs:this.originalFieldDef,maxRows:this.maxRows,maxView:this.maxView,pagination:this.pagination}),this.agGrid.gridApi.setServerSideDatasource(this.dataserverStream)}))),{once:!0});Mo.warn("Application not connected, falling back to local columnDefs/rowData")}reset(){this.clearRowData(),this.dataserverStream=void 0,this.originalFieldDef=void 0,this.agGrid.gridApi.setServerSideDatasource(this.dataserverStream)}restart(){this.reset(),this.init()}get agGrid(){return this.parentElement}clearRowData(){var e,a,r,t;null===(a=null===(e=this.agGrid)||void 0===e?void 0:e.gridApi)||void 0===a||a.setColumnDefs([]),null===(t=null===(r=this.agGrid)||void 0===r?void 0:r.gridApi)||void 0===t||t.setRowData([])}getResourceIndexes(e){const a=new Map;return null==e||e.forEach((e=>{a.set(e.NAME,e.FIELDS.split(" "))})),a}get params(){const e={CRITERIA_MATCH:this.criteria,FIELDS:this.fields,MAX_ROWS:this.maxRows,MAX_VIEW:this.maxView,REVERSE:this.reverse},a=Array.from(this.indexes.keys());if(this.orderBy)if(a.findIndex((e=>e===this.orderBy))>-1)e.ORDER_BY=this.orderBy;else{const e=a.map((e=>e));Mo.warn("Specified [orderBy] index is not valid and will not be used. See https://learn.genesis.global/docs/database/data-types/index-entities/ - Available indexes:",e)}return Mo.debug("Getting configured params:",e),e}createDataserverStream(e=null){return(0,Do.__awaiter)(this,void 0,void 0,(function*(){return this.connect.stream(this.resourceName,(e=>e),(e=>Mo.error(e)),null!=e?e:this.params)}))}getAgColumnDefs(e){const a=null==e?void 0:e.flatMap((e=>{var a;const r={};switch(r.filterParams=(e.type,{suppressAndOrCondition:!0,filterOptions:["contains"]}),e.type){case Fi.r.BOOLEAN:this.agGrid.autoCellRendererByType&&(r.cellRenderer=zi.boolean);break;case Fi.r.DATE:r.valueFormatter=Ii;break;case Fi.r.DATETIME:r.valueFormatter=Ei}const t=null===(a=this.agGrid.gridApi)||void 0===a?void 0:a.getColumnDef(e.name);return this.agGrid.onlyTemplateColDefs&&!t?[]:Object.assign(Object.assign({field:e.name,type:ji(e.type),filter:(e.type,"agTextColumnFilter"),sortable:[].concat(...this.indexes.values()).includes(e.name)},r),t)}));return this.agGrid.applyTemplateDefinitions(a)}};(0,Do.__decorate)([l.lj],Hi.prototype,"connect",void 0),(0,Do.__decorate)([s.attr],Hi.prototype,"criteria",void 0),(0,Do.__decorate)([s.attr],Hi.prototype,"fields",void 0),(0,Do.__decorate)([(0,s.attr)({mode:"boolean",attribute:"is-snapshot"})],Hi.prototype,"isSnapshot",void 0),(0,Do.__decorate)([(0,s.attr)({attribute:"max-rows"})],Hi.prototype,"maxRows",void 0),(0,Do.__decorate)([(0,s.attr)({attribute:"max-view"})],Hi.prototype,"maxView",void 0),(0,Do.__decorate)([(0,s.attr)({attribute:"order-by"})],Hi.prototype,"orderBy",void 0),(0,Do.__decorate)([(0,s.attr)({attribute:"resource-name"})],Hi.prototype,"resourceName",void 0),(0,Do.__decorate)([(0,s.attr)({mode:"boolean"})],Hi.prototype,"pagination",void 0),(0,Do.__decorate)([(0,s.attr)({mode:"boolean"})],Hi.prototype,"reverse",void 0),Hi=(0,Do.__decorate)([(0,s.customElement)({name:"grid-pro-genesis-datasource-next"})],Hi);const Yi=s.css`
|
|
1922
|
+
`;var yi;!function(e){e.action="action",e.actionsMenu="actionsMenu",e.boolean="boolean",e.text="text",e.select="select"}(yi||(yi={}));const xi='\n @font-face {\n font-family: "agGridAlpine";\n src: url(data:font/woff2;charset=utf-8;base64,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);\n font-weight: normal;\n font-style: normal;\n }\n',zi='\n @font-face {\n font-family: "agGridBalham";\n src: url(data:font/woff2;charset=utf-8;base64,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);\n font-weight: normal;\n font-style: normal;\n }\n',ki={[bi.alpine]:xi,[bi.alpineDark]:xi,[bi.balham]:zi,[bi.balhamDark]:zi,[bi.material]:'\n @font-face {\n font-family: "agGridMaterial";\n src: url(data:font/woff2;charset=utf-8;base64,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);\n font-weight: normal;\n font-style: normal;\n }\n'},Si=xi;var Ci=r(82940),Ai=r(9162),Ti=r(5127),Li=r(83123),Fi=r(32449),Di=r(33253),Mi=r(26714),Oi=r(71452),Ni=r(99449),$i=r(30526);function Ri(e){switch(null==e?void 0:e.toLowerCase()){case"int":case"long":case"double":case"bigdecimal":case"number":return"numericColumn"}}function ji({value:e}){return(0,g.formatDateTimestamp)(e)}function Ii({value:e}){return(0,g.formatDateTimeTimestamp)(e)}let Ei=class extends((0,g.LifecycleMixin)(c.FoundationElement)){constructor(){super(...arguments),this.isSnapshot=!1,this.maxRows=Ci.WJ.MAX_ROWS_250,this.maxView=Ci.WJ.MAX_VIEW_1000,this.movingView=!1,this.reverse=!1,this.rowId="ROW_REF",this.restartOnReconnection=!1,this.requiresFullRowDataAndColDefs=!0,this.dataSubWasLoggedOff=!1,this.rows=new Map,this.criteriaFromFilters=new Map,this.update=new Mi.X(new Map)}resourceNameChanged(e,a){e&&e!==a&&this.restart()}connectedCallback(){super.connectedCallback(),s.DOM.queueUpdate((()=>{this.shouldRunConnect&&this.init()})),this.connectionSub=this.connect.isConnectedSubject.subscribe((e=>{e&&this.agGrid.attributes["ds-disconnected"]&&(this.agGrid.removeAttribute("ds-disconnected"),this.restartOnReconnection&&this.restart()),e||this.agGrid.setAttribute("ds-disconnected","ds-disconnected")}))}disconnectedCallback(){super.disconnectedCallback(),s.DOM.queueUpdate((()=>{this.shouldRunDisconnect&&this.deinit()}))}deepClone(){const e=super.deepClone();return e.deferredGridOptions=structuredClone(this.deferredGridOptions),e.request=structuredClone(this.request),e}get agGrid(){return this.parentElement}init(){if(this.agGrid&&this.resourceName&&this.connect.isConnected){const e=Object.assign({getRowId:e=>e.data[this.rowId]},this.deferredGridOptions);this.agGrid.gridOptions=Object.assign({},e),this.agGrid.addEventListener("onGridReady",(()=>(0,Fo.__awaiter)(this,void 0,void 0,(function*(){yield this.loadResourceData()}))),{once:!0});const a=600;this.updateSub=this.update.pipe((0,Oi.T)(1),(0,Ni.b)(a),(0,$i.b)((e=>Do.debug("filters (debounced): ",e)))).subscribe((e=>{this.loadResourceData(null)}))}else Do.warn("Application not connected, falling back to local columnDefs/rowData")}deinit(){this.reset()}reset(){this.dataSub&&(this.dataSub.unsubscribe(),this.dataSub=void 0),this.updateSub&&(this.updateSub.unsubscribe(),this.updateSub=void 0),this.connectionSub&&(this.connectionSub.unsubscribe(),this.connectionSub=void 0),this.requiresFullRowDataAndColDefs=!0,this.dataSubWasLoggedOff=!1,this.clearRowData(),this.sourceRef&&(this.connect.dataLogoff(this.sourceRef),this.sourceRef=void 0),this.criteriaFromFilters=new Map,this.update=new Mi.X(new Map)}restart(){this.deinit(),this.init()}clearRowData(){var e,a;this.rows=new Map,this.agTransaction=void 0,null===(a=null===(e=this.agGrid)||void 0===e?void 0:e.gridApi)||void 0===a||a.setRowData([])}updateRowData(e){const a=this.getAgColumnDefs(this.datasource.fieldMetadata);a&&this.agGrid.gridApi.setColumnDefs(a),this.agGrid.gridApi.setRowData(e),this.requiresFullRowDataAndColDefs=!1}loadResourceData(e=!0){return(0,Fo.__awaiter)(this,void 0,void 0,(function*(){const a=e||!this.datasource.initialized;a||(this.connect.dataLogoff(this.sourceRef),this.clearRowData());if(!(yield this.datasource.init(this.datasourceOptions(),a)))return Do.debug(`Genesis Datasource init failed for ${this.resourceName}`),void this.clearRowData();if(this.isSnapshot){const e=yield this.datasource.snapshot();if(e){const a=this.handleSnapshot(e);this.updateRowData(a)}}else Do.debug(`requesting stream for ${this.resourceName}`),this.dataSub=this.datasource.stream.subscribe((e=>{this.sourceRef=e.SOURCE_REF;const a=e.MESSAGE_TYPE;if(a&&a===Ai.Cs.LOGOFF_ACK)this.dataSubWasLoggedOff=!0;else if(this.dataSubWasLoggedOff=!1,e.ROW){const a=(0,Ti.$)(e);this.handleStreamResult(a)}else this.handleStreamResult(e)}))}))}handleSnapshot(e){return Array.isArray(e)?e:e.REPLY?e.REPLY:e.ROW?(0,Ti.$)(e).inserts:e.inserts}datasourceOptions(){return{criteria:this.buildCriteria(),fields:this.fields,isSnapshot:this.isSnapshot,orderBy:this.orderBy,resourceName:this.resourceName,request:this.request,reverse:this.reverse,maxRows:this.maxRows,maxView:this.maxView,movingView:this.movingView}}handleStreamResult(e){if(!e)return;e.hasOwnProperty("REPLY")?this.applyRequestServerData(e):this.applyDataserverData(e)}applyRequestServerData(e){var a,r;if(!Array.isArray(e.REPLY)||!(null===(a=e.MESSAGE_TYPE)||void 0===a?void 0:a.startsWith("REP_")))return void Do.error("received invalid RequestServerResult",e);if(this.requiresFullRowDataAndColDefs){"ROW_REF"!==this.rowId&&(null===(r=e.REPLY)||void 0===r||r.forEach((e=>{this.rows.set(e[this.rowId],e)})));const a=this.rows.size>0?Array.from(this.rows.values()):e.REPLY;return void this.updateRowData(a)}this.agTransaction={add:[],remove:[],update:[]},this.handleStreamInserts(e.REPLY);const t=Array.from(this.rows.values()).filter((a=>!e.REPLY.includes(a)));this.handleStreamDeletes(t),this.agGrid.gridApi.applyTransactionAsync(this.agTransaction)}applyDataserverData(e){var a;if(this.requiresFullRowDataAndColDefs){null===(a=e.inserts)||void 0===a||a.forEach((e=>{this.rows.set(e[this.rowId],e)}));const r=Array.from(this.rows.values());this.updateRowData(r)}else this.agTransaction={add:[],remove:[],update:[]},this.handleStreamInserts(e.inserts),this.handleStreamDeletes(e.deletes),this.handleStreamUpdates(e.updates),this.agGrid.gridApi.applyTransactionAsync(this.agTransaction)}handleStreamInserts(e){null==e||e.forEach((e=>{if(this.rows.has(e[this.rowId])||this.dataSubWasLoggedOff){const a=this.rows.get(e[this.rowId]),r=Object.assign(Object.assign({},a),e);this.agTransaction.update.push(r)}else this.agTransaction.add.push(e),this.agTransaction.addIndex=0;this.rows.set(e[this.rowId],e)}))}handleStreamDeletes(e){null==e||e.forEach((e=>{this.agTransaction.remove.push({[this.rowId]:e[this.rowId]}),this.rows.delete(e[this.rowId])}))}handleStreamUpdates(e){null==e||e.forEach((e=>{const a=this.rows.get(e[this.rowId]),r=Object.assign(Object.assign({},a),e);this.agTransaction.update.push(r),this.rows.set(e[this.rowId],r)}))}getAgColumnDefs(e){const a=null==e?void 0:e.flatMap((e=>{var a;const r={};switch(r.filterParams=(e.type,{suppressAndOrCondition:!0,filterOptions:["contains"]}),e.type){case Li.r.BOOLEAN:this.agGrid.autoCellRendererByType&&(r.cellRenderer=yi.boolean);break;case Li.r.DATE:r.valueFormatter=ji;break;case Li.r.DATETIME:r.valueFormatter=Ii}const t=null===(a=this.agGrid.gridApi)||void 0===a?void 0:a.getColumnDef(e.name);return this.agGrid.onlyTemplateColDefs&&!t||this.fields&&!this.fields.includes(e.name)?[]:Object.assign(Object.assign({field:e.name},r),t)}));return this.agGrid.applyTemplateDefinitions(a)}buildCriteria(){var e;const a=((null===(e=this.criteria)||void 0===e?void 0:e.split(";"))||[]).concat(Array.from(this.criteriaFromFilters.values()));return(0,Fi.p)(a.join(" && "),";")}criteriaChanged(e,a){const r=!e&&a,t=e!==(0,Fi.p)(a,";");(r||t)&&s.DOM.queueUpdate((()=>this.loadResourceData(null)))}setFilter(e,a){this.criteriaFromFilters.set(e,a),this.update.next(this.criteriaFromFilters)}removeFilter(e){this.criteriaFromFilters.delete(e),this.update.next(this.criteriaFromFilters)}};(0,Fo.__decorate)([l.lj],Ei.prototype,"connect",void 0),(0,Fo.__decorate)([Di.Yh],Ei.prototype,"datasource",void 0),(0,Fo.__decorate)([s.observable],Ei.prototype,"deferredGridOptions",void 0),(0,Fo.__decorate)([s.attr],Ei.prototype,"criteria",void 0),(0,Fo.__decorate)([s.attr],Ei.prototype,"fields",void 0),(0,Fo.__decorate)([(0,s.attr)({mode:"boolean",attribute:"is-snapshot"})],Ei.prototype,"isSnapshot",void 0),(0,Fo.__decorate)([(0,s.attr)({attribute:"max-rows"})],Ei.prototype,"maxRows",void 0),(0,Fo.__decorate)([(0,s.attr)({attribute:"max-view"})],Ei.prototype,"maxView",void 0),(0,Fo.__decorate)([(0,s.attr)({mode:"boolean",attribute:"moving-view"})],Ei.prototype,"movingView",void 0),(0,Fo.__decorate)([(0,s.attr)({attribute:"order-by"})],Ei.prototype,"orderBy",void 0),(0,Fo.__decorate)([s.observable],Ei.prototype,"request",void 0),(0,Fo.__decorate)([(0,s.attr)({attribute:"resource-name"})],Ei.prototype,"resourceName",void 0),(0,Fo.__decorate)([(0,s.attr)({mode:"boolean"})],Ei.prototype,"reverse",void 0),(0,Fo.__decorate)([(0,s.attr)({attribute:"row-id"})],Ei.prototype,"rowId",void 0),(0,Fo.__decorate)([(0,s.attr)({mode:"boolean",attribute:"restart-on-reconnection"})],Ei.prototype,"restartOnReconnection",void 0),Ei=(0,Fo.__decorate)([(0,s.customElement)({name:"grid-pro-genesis-datasource"})],Ei);var Bi=r(66306),Pi=r(55052);class Ui{constructor(e){this.rowCount=0,this.moreRows=!1,this.calculatedRowsCount=0,this.lastSequenceId=0,this.dataserverStream=e.stream,this.resourceName=e.resourceName,this.resourceParams=e.resourceParams,this.originalCriteriaMatch=e.resourceParams.CRITERIA_MATCH,this.resourceIndexes=e.resourceIndexes,this.resourceColDefs=e.resourceColDefs,this.maxRows=e.maxRows,this.maxView=e.maxView,this.pagination=e.pagination}getRows(e){var a;return(0,Fo.__awaiter)(this,void 0,void 0,(function*(){const r=e.request.filterModel;(JSON.stringify(r)!==JSON.stringify(this.currentFilterModel)||Object.keys(r).length>0)&&(0===Object.keys(r).length&&this.currentFilterModel?(this.currentFilterModel=null,this.resourceParams.CRITERIA_MATCH=this.originalCriteriaMatch,this.restartSubscription()):Object.keys(r).length>0&&(this.currentFilterModel=r,this.resourceParams.CRITERIA_MATCH=this.buildCriteriaMatchFromFilters(),this.restartSubscription()));const t=e.request.sortModel;if(t.length!==(null===(a=this.currentSortModel)||void 0===a?void 0:a.length)||t.length>0)if(0===t.length&&this.currentSortModel)this.currentSortModel=null,this.resourceParams.ORDER_BY=null,this.resourceParams.REVERSE=null,this.restartSubscription();else if(t.length>0){this.currentSortModel=t;const e=this.currentSortModel[0].colId,a=this.currentSortModel[0].sort,r=this.getOrderByAndToBeSortedColIds(this.resourceIndexes,e);r.toBeSorted.forEach((e=>{this.currentSortModel.push({sort:a,colId:e})})),this.resourceParams.ORDER_BY=r.orderBy,this.resourceParams.REVERSE="desc"===a,this.restartSubscription()}this.moreRows&&e.request.startRow>=this.maxRows&&this.connect.getMoreRows(this.streamSourceRef),this.dataserverStream.pipe((0,Pi.q)(1)).subscribe((a=>{var r,t;const o=a.MESSAGE_TYPE;if(o&&(o===Ai.Cs.LOGOFF_ACK||o===Ai.Cs.MSG_NACK))return void e.fail();this.moreRows=a.MORE_ROWS;let i=[];if(a.ROW){const e=(0,Ti.$)(a);i=this.handleStreamUpdate(e)}this.lastSequenceId=a.SEQUENCE_ID,1===this.lastSequenceId&&(this.streamSourceRef=a.SOURCE_REF,this.rowCount=null!==(r=a.ROWS_COUNT)&&void 0!==r?r:i.length),this.calculatedRowsCount+=null!==(t=null==i?void 0:i.length)&&void 0!==t?t:0;const n={rowData:i};this.pagination?n.rowCount=Math.min(this.rowCount,this.maxView):(e.request.endRow>this.maxView||e.request.endRow>this.calculatedRowsCount)&&(n.rowCount=this.calculatedRowsCount),e.success(n)}))}))}restartSubscription(){this.connect.dataLogoff(this.streamSourceRef);this.dataserverStream=this.connect.stream(this.resourceName,(e=>e),(e=>Do.error(e)),this.resourceParams)}getOrderByAndToBeSortedColIds(e,a){for(const[r,t]of e.entries()){const e=t.findIndex((e=>e===a));if(-1!==e){const a=[...t];return a.splice(e,1),{orderBy:r,toBeSorted:a}}}}handleStreamUpdate(e){var a;if(!e)return;const r=new Map;null===(a=e.inserts)||void 0===a||a.forEach((e=>{r.set(e.ROW_REF,e)}));return Array.from(r.values())}buildCriteriaMatchFromFilters(){this.resourceParams.CRITERIA_MATCH=this.originalCriteriaMatch,this.resourceParams.CRITERIA_MATCH&&"string"==typeof this.resourceParams.CRITERIA_MATCH&&(this.resourceParams.CRITERIA_MATCH=this.resourceParams.CRITERIA_MATCH.split(";")),this.resourceParams.CRITERIA_MATCH||(this.resourceParams.CRITERIA_MATCH=[]);return this.resourceParams.CRITERIA_MATCH.concat(this.criteriaFromFilters()).join(" && ")}criteriaFromFilters(){const e=[];return this.getFiltersByType("text").forEach((a=>e.push(`Expr.containsIgnoreCase(${a}, '${this.currentFilterModel[a].filter.toLowerCase()}')`))),e}getFiltersByType(e){return Object.keys(this.currentFilterModel).filter((e=>-1!==this.resourceColDefs.findIndex((a=>a.NAME===e)))).filter((a=>this.currentFilterModel[a].filterType===e))}}(0,Fo.__decorate)([l.lj],Ui.prototype,"connect",void 0);let Gi=class extends((0,g.LifecycleMixin)(c.FoundationElement)){constructor(){super(...arguments),this.isSnapshot=!1,this.maxRows=Ci.WJ.MAX_ROWS_250,this.maxView=Ci.WJ.MAX_VIEW_1000,this.pagination=!1,this.reverse=!1}resourceNameChanged(e,a){e&&e!==a&&this.restart()}connectedCallback(){super.connectedCallback(),s.DOM.queueUpdate((()=>{this.shouldRunConnect&&this.init()}))}disconnectedCallback(){super.disconnectedCallback(),s.DOM.queueUpdate((()=>{this.shouldRunDisconnect&&this.reset()}))}init(){if(this.agGrid&&this.resourceName&&this.connect.isConnected)return this.agGrid.gridOptions={cacheBlockSize:this.maxRows,defaultColDef:{filter:!0,resizable:!0,sortable:!0},pagination:this.pagination,paginationPageSize:this.maxRows,rowBuffer:0,rowModelType:"serverSide",suppressServerSideInfiniteScroll:!1,suppressMultiSort:!0,onFilterChanged:e=>{},onSortChanged:e=>{}},void this.agGrid.addEventListener("onGridReady",(()=>(0,Fo.__awaiter)(this,void 0,void 0,(function*(){const e=yield this.connect.getMetadata(this.resourceName).catch((e=>Do.error(e)));if(!e)return!1;this.indexes=this.getResourceIndexes(e.INDEXES),this.originalFieldDef=(0,Bi.C)(e);const a=(0,Bi.i)(this.originalFieldDef),r=this.getAgColumnDefs(a);this.agGrid.gridApi.setColumnDefs(r);const t=yield this.createDataserverStream();this.dataserverStream=new Ui({stream:t,resourceName:this.resourceName,resourceParams:this.params,resourceIndexes:this.indexes,resourceColDefs:this.originalFieldDef,maxRows:this.maxRows,maxView:this.maxView,pagination:this.pagination}),this.agGrid.gridApi.setServerSideDatasource(this.dataserverStream)}))),{once:!0});Do.warn("Application not connected, falling back to local columnDefs/rowData")}reset(){this.clearRowData(),this.dataserverStream=void 0,this.originalFieldDef=void 0,this.agGrid.gridApi.setServerSideDatasource(this.dataserverStream)}restart(){this.reset(),this.init()}get agGrid(){return this.parentElement}clearRowData(){var e,a,r,t;null===(a=null===(e=this.agGrid)||void 0===e?void 0:e.gridApi)||void 0===a||a.setColumnDefs([]),null===(t=null===(r=this.agGrid)||void 0===r?void 0:r.gridApi)||void 0===t||t.setRowData([])}getResourceIndexes(e){const a=new Map;return null==e||e.forEach((e=>{a.set(e.NAME,e.FIELDS.split(" "))})),a}get params(){const e={CRITERIA_MATCH:this.criteria,FIELDS:this.fields,MAX_ROWS:this.maxRows,MAX_VIEW:this.maxView,REVERSE:this.reverse},a=Array.from(this.indexes.keys());if(this.orderBy)if(a.findIndex((e=>e===this.orderBy))>-1)e.ORDER_BY=this.orderBy;else{const e=a.map((e=>e));Do.warn("Specified [orderBy] index is not valid and will not be used. See https://learn.genesis.global/docs/database/data-types/index-entities/ - Available indexes:",e)}return Do.debug("Getting configured params:",e),e}createDataserverStream(e=null){return(0,Fo.__awaiter)(this,void 0,void 0,(function*(){return this.connect.stream(this.resourceName,(e=>e),(e=>Do.error(e)),null!=e?e:this.params)}))}getAgColumnDefs(e){const a=null==e?void 0:e.flatMap((e=>{var a;const r={};switch(r.filterParams=(e.type,{suppressAndOrCondition:!0,filterOptions:["contains"]}),e.type){case Li.r.BOOLEAN:this.agGrid.autoCellRendererByType&&(r.cellRenderer=yi.boolean);break;case Li.r.DATE:r.valueFormatter=ji;break;case Li.r.DATETIME:r.valueFormatter=Ii}const t=null===(a=this.agGrid.gridApi)||void 0===a?void 0:a.getColumnDef(e.name);return this.agGrid.onlyTemplateColDefs&&!t?[]:Object.assign(Object.assign({field:e.name,type:Ri(e.type),filter:(e.type,"agTextColumnFilter"),sortable:[].concat(...this.indexes.values()).includes(e.name)},r),t)}));return this.agGrid.applyTemplateDefinitions(a)}};(0,Fo.__decorate)([l.lj],Gi.prototype,"connect",void 0),(0,Fo.__decorate)([s.attr],Gi.prototype,"criteria",void 0),(0,Fo.__decorate)([s.attr],Gi.prototype,"fields",void 0),(0,Fo.__decorate)([(0,s.attr)({mode:"boolean",attribute:"is-snapshot"})],Gi.prototype,"isSnapshot",void 0),(0,Fo.__decorate)([(0,s.attr)({attribute:"max-rows"})],Gi.prototype,"maxRows",void 0),(0,Fo.__decorate)([(0,s.attr)({attribute:"max-view"})],Gi.prototype,"maxView",void 0),(0,Fo.__decorate)([(0,s.attr)({attribute:"order-by"})],Gi.prototype,"orderBy",void 0),(0,Fo.__decorate)([(0,s.attr)({attribute:"resource-name"})],Gi.prototype,"resourceName",void 0),(0,Fo.__decorate)([(0,s.attr)({mode:"boolean"})],Gi.prototype,"pagination",void 0),(0,Fo.__decorate)([(0,s.attr)({mode:"boolean"})],Gi.prototype,"reverse",void 0),Gi=(0,Fo.__decorate)([(0,s.customElement)({name:"grid-pro-genesis-datasource-next"})],Gi);const Hi=s.css`
|
|
1920
1923
|
.ag-icon {
|
|
1921
1924
|
font-family: var(--ag-icon-font-family);
|
|
1922
1925
|
font-size: var(--ag-icon-size);
|
|
@@ -9097,7 +9100,7 @@
|
|
|
9097
9100
|
overflow: hidden;
|
|
9098
9101
|
text-overflow: ellipsis;
|
|
9099
9102
|
}
|
|
9100
|
-
`,
|
|
9103
|
+
`,Yi=s.css`
|
|
9101
9104
|
.ag-theme-alpine,
|
|
9102
9105
|
.ag-theme-alpine-dark {
|
|
9103
9106
|
--ag-alpine-active-color: #2196f3;
|
|
@@ -9547,7 +9550,7 @@
|
|
|
9547
9550
|
.ag-theme-alpine-dark {
|
|
9548
9551
|
color-scheme: dark;
|
|
9549
9552
|
}
|
|
9550
|
-
`,
|
|
9553
|
+
`,_i=s.css`
|
|
9551
9554
|
.ag-theme-balham,
|
|
9552
9555
|
.ag-theme-balham-dark {
|
|
9553
9556
|
--ag-balham-active-color: #0091ea;
|
|
@@ -9817,7 +9820,7 @@
|
|
|
9817
9820
|
.ag-theme-balham-dark {
|
|
9818
9821
|
color-scheme: dark;
|
|
9819
9822
|
}
|
|
9820
|
-
`,
|
|
9823
|
+
`,Qi=s.css`
|
|
9821
9824
|
.ag-theme-material {
|
|
9822
9825
|
--ag-material-primary-color: #3f51b5;
|
|
9823
9826
|
--ag-material-accent-color: #ff4081;
|
|
@@ -10082,14 +10085,14 @@
|
|
|
10082
10085
|
.ag-theme-material .ag-picker-field-wrapper:focus {
|
|
10083
10086
|
box-shadow: 0 0 0 1px var(--ag-material-primary-color);
|
|
10084
10087
|
}
|
|
10085
|
-
`,
|
|
10086
|
-
${
|
|
10088
|
+
`,Wi=s.css`
|
|
10089
|
+
${Hi}
|
|
10087
10090
|
${Vi}
|
|
10091
|
+
${Yi}
|
|
10088
10092
|
${_i}
|
|
10089
10093
|
${Qi}
|
|
10094
|
+
`,qi=s.css`
|
|
10090
10095
|
${Wi}
|
|
10091
|
-
`,Ji=s.css`
|
|
10092
|
-
${qi}
|
|
10093
10096
|
:host {
|
|
10094
10097
|
width: 100%;
|
|
10095
10098
|
height: 100%;
|
|
@@ -10116,14 +10119,14 @@
|
|
|
10116
10119
|
.ag-cell-inline-editing {
|
|
10117
10120
|
height: inherit !important;
|
|
10118
10121
|
}
|
|
10119
|
-
`,
|
|
10122
|
+
`,Ji=s.html`
|
|
10120
10123
|
<template>
|
|
10121
10124
|
<span part="grid" class="${e=>e.classNames}">
|
|
10122
10125
|
<slot name="grid" ${(0,s.ref)("gridSlot")}></slot>
|
|
10123
10126
|
<slot></slot>
|
|
10124
10127
|
</span>
|
|
10125
10128
|
</template>
|
|
10126
|
-
`;
|
|
10129
|
+
`;di.O3h.registerModules([si.jM,gi.I]);const Zi=e=>e.replace("/([a-z])([A-Z])/g","$1-$2").toLowerCase();class Ki extends((0,g.LifecycleMixin)(c.FoundationElement)){themeChanged(e,a){if(!a)return this.classNames="",void this.destroyFontFace();this.classNames=(0,Rr.A)(fi(a),a),this.insertFontFace(a)}constructor(){super(),this.autoCellRendererByType=!1,this.onlyTemplateColDefs=!1,this.enabledRowFlashing=!1,this.enableCellFlashing=!1,this.gridAutosizingEnabled=!1,this.gridFontFace=Si,this.columnComponentName="grid-pro-column",this.theme=bi.alpine,this.rehydrationAttempted=!1,this.agAttributes={},this.agPropertiesMap=di.plv.ALL_PROPERTIES.reduce(((e,a)=>(e[a.toLowerCase()]=a,e[Zi(a)]=a,e)),{})}connectedCallback(){super.connectedCallback(),this.rehydrationAttempted=!1,this.gridAutosizingEnabled&&(0,g.respondToVisibility)(this,(e=>{e&&this.debouncedColumnAutosize.bind(this)()})),this.shouldRunConnect&&di.plv.ALL_PROPERTIES.forEach((e=>{Object.defineProperty(this,e,{set:a=>{this.agAttributeChangedCallback(e.toLowerCase(),void 0,a)},enumerable:!0,configurable:!0})}))}disconnectedCallback(){var e;super.disconnectedCallback(),this.rehydrationAttempted=!1,this.shouldRunDisconnect&&(null===(e=this.gridApi)||void 0===e||e.destroy())}combineAllGridComponents(e){const a={[yi.action]:Mo,[yi.actionsMenu]:Io,[yi.boolean]:Uo};return Object.assign(Object.assign(Object.assign({},a),e),this.gridComponents)}statePersistanceEnabled(){return!(!this.persistColumnStateKey||0===this.persistColumnStateKey.length)}debouncedColumnAutosize(){this.gridAutosizingEnabled&&(this.debounced&&(clearTimeout(this.debounced),this.debounced=null),this.debounced=setTimeout((()=>{var e;null===(e=this.gridApi)||void 0===e||e.sizeColumnsToFit()}),5))}removeConfigWidthsToAutosize(e){return e.map((e=>Object.assign(Object.assign({},e),{width:null})))}serialiseStoreTableConfig(){if(this.rehydrationAttempted&&this.statePersistanceEnabled()){const e=JSON.parse(this.session.getLocalStorageItem("gridOptions")||"{}");let a=this.agGridOptions.columnApi.getColumnState();a=this.gridAutosizingEnabled?this.removeConfigWidthsToAutosize(a):a,e[this.persistColumnStateKey]=JSON.stringify(a),this.session.setLocalStorageItem("gridOptions",JSON.stringify(e))}}rehydrateTableConfig(){if(this.rehydrationAttempted=!0,this.statePersistanceEnabled()&&this.session.getLocalStorageItem("gridOptions")){const e=JSON.parse(this.session.getLocalStorageItem("gridOptions"));this.persistColumnStateKey in e&&this.agGridOptions.columnApi.applyColumnState({state:JSON.parse(e[this.persistColumnStateKey]),applyOrder:!0})}}get gridOptions(){return this.agGridOptions}set gridOptions(e){const a=this.globalEventListener.bind(this),r=()=>{this.serialiseStoreTableConfig.bind(this)(),this.debouncedColumnAutosize.bind(this)()},t=this.rehydrateTableConfig.bind(this);Array.from(this.attributes).forEach((e=>{const a=this.agPropertiesMap[e.name];a&&(this.agAttributes[a]=e.value)}));const{columnDefs:o,components:i,onGridReady:n}=e,l=(0,Fo.__rest)(e,["columnDefs","components","onGridReady"]),g=Object.assign(Object.assign(Object.assign({defaultColDef:{filter:!0,resizable:!0,sortable:!0},columnDefs:this.applyTemplateDefinitions(o),components:this.combineAllGridComponents(i),suppressDragLeaveHidesColumns:!0},this.eventsAndCallbacks),{onGridReady:a=>{var r,o;this.gridApi=null!==(r=e.api)&&void 0!==r?r:a.api,this.columnApi=null!==(o=e.columnApi)&&void 0!==o?o:a.columnApi,n&&n(a),this.$emit("onGridReady",{params:a,gridId:this.id}),t(),this.debouncedColumnAutosize.bind(this)()},onFirstDataRendered:()=>{this.enableFlashingRows.bind(this)},onColumnPinned:r,onColumnResized:r,onColumnMoved:r,onDisplayedColumnsChanged:r,onFilterChanged:r,onGridSizeChanged:r,onSortChanged:r}),l);this.agGridOptions=Object.assign(Object.assign({},this.agGridOptions),di.plv.copyAttributesToGridOptions(g,this.agAttributes));const d={globalEventListener:a};s.DOM.queueUpdate((()=>{this.initialised&&this.gridSlot.firstChild&&this.gridSlot.removeChild(this.gridSlot.firstChild),this.agGrid=new di.rjZ(this.gridSlot,this.agGridOptions,d),this.initialised=!0}))}enableFlashingRows(){this.enabledRowFlashing&&this.gridApi.addEventListener(di.zW2.EVENT_ASYNC_TRANSACTIONS_FLUSHED,(e=>{e.results.forEach((e=>{e.add.length&&this.gridApi.flashCells({rowNodes:e.add})}))}))}applyTemplateDefinitions(e=[]){const a=this.querySelectorAll(this.columnComponentName),r=Array.from(a).map((e=>{var a;return null===(a=e.definition)||void 0===a?void 0:a.field}));if(0===a.length)return e;return[...e?e.filter((e=>!r.includes(e.field))):[],...Array.from(a).map((a=>{var r;if(this.enableCellFlashing&&void 0===a.definition.enableCellChangeFlash&&(a.definition.enableCellChangeFlash=!0),!this.autoCellRendererByType||a.definition.valueFormatter)return a.definition;const t=null===(r=null==e?void 0:e.find((e=>a.definition.field===e.field)))||void 0===r?void 0:r.valueFormatter;return t&&(a.definition.valueFormatter=t),a.definition}))]}get observedAttributes(){const e=di.plv.ALL_PROPERTIES.map((e=>e.toLowerCase())),a=di.plv.ALL_PROPERTIES.map((e=>Zi(e)));return e.concat(a)}agAttributeChangedCallback(e,a,r){if(a===r)return;const t=this.agPropertiesMap[e];if(t&&(this.agAttributes[t]=r,this.initialised)){const e={};e[t]={currentValue:r},di.plv.processOnChange(e,this.gridApi)}}globalEventListener(e,a){const r=e.toLowerCase(),t=new Event(r);t.agGridDetails=a,this.dispatchEvent(t);const o="on"+r;"function"==typeof this[o]&&this[o](t)}insertFontFace(e){const a=ki[e]||this.gridFontFace;this.destroyFontFace();const r=(0,g.insertDocumentCSSRule)(a,`${e}-fonts`);r&&(this.fontFaceDestroy=r)}destroyFontFace(){this.fontFaceDestroy&&(this.fontFaceDestroy(),this.fontFaceDestroy=null)}}(0,Fo.__decorate)([s.observable],Ki.prototype,"columnApi",void 0),(0,Fo.__decorate)([s.observable],Ki.prototype,"gridApi",void 0),(0,Fo.__decorate)([ci.z],Ki.prototype,"session",void 0),(0,Fo.__decorate)([(0,s.attr)({attribute:"auto-cell-renderer-by-type",mode:"boolean"})],Ki.prototype,"autoCellRendererByType",void 0),(0,Fo.__decorate)([(0,s.attr)({attribute:"only-template-col-defs",mode:"boolean"})],Ki.prototype,"onlyTemplateColDefs",void 0),(0,Fo.__decorate)([(0,s.attr)({mode:"boolean"})],Ki.prototype,"enabledRowFlashing",void 0),(0,Fo.__decorate)([(0,s.attr)({mode:"boolean",attribute:"enable-cell-flashing"})],Ki.prototype,"enableCellFlashing",void 0),(0,Fo.__decorate)([(0,s.attr)({attribute:"persist-column-state-key"})],Ki.prototype,"persistColumnStateKey",void 0),(0,Fo.__decorate)([(0,s.attr)({mode:"boolean",attribute:"grid-autosizing"})],Ki.prototype,"gridAutosizingEnabled",void 0),(0,Fo.__decorate)([s.observable],Ki.prototype,"gridFontFace",void 0),(0,Fo.__decorate)([s.attr],Ki.prototype,"columnComponentName",void 0),(0,Fo.__decorate)([s.observable],Ki.prototype,"eventsAndCallbacks",void 0),(0,Fo.__decorate)([s.attr],Ki.prototype,"headerHeight",void 0),(0,Fo.__decorate)([s.attr],Ki.prototype,"rowHeight",void 0),(0,Fo.__decorate)([s.attr],Ki.prototype,"theme",void 0),(0,Fo.__decorate)([s.observable],Ki.prototype,"classNames",void 0),(0,Fo.__decorate)([s.observable],Ki.prototype,"agGrid",void 0),(0,Fo.__decorate)([s.observable],Ki.prototype,"gridSlot",void 0),(0,Fo.__decorate)([s.observable],Ki.prototype,"gridComponents",void 0);const Xi=void 0,en={shadowOptions:void 0},an=Ki.compose(Object.assign({baseName:"grid-pro",styles:qi,template:Ji,shadowOptions:Xi},en)),rn={foregroundSwatch:p.SwatchRGB.from((0,Te.parseColorHexRGB)("#cccccc")),headerForegroundSwatch:p.SwatchRGB.from((0,Te.parseColorHexRGB)("#879ba6")),backgroundSwatch:p.SwatchRGB.from((0,Te.parseColorHexRGB)("#1f2126")),borderSwatch:p.SwatchRGB.from((0,Te.parseColorHexRGB)("#2e3339")),rowHoverSwatch:p.SwatchRGB.from((0,Te.parseColorHexRGB)("#2b2e34"))},tn={foregroundSwatch:p.SwatchRGB.from((0,Te.parseColorHexRGB)("#000000")),headerForegroundSwatch:p.SwatchRGB.from((0,Te.parseColorHexRGB)("#181d1f")),backgroundSwatch:p.SwatchRGB.from((0,Te.parseColorHexRGB)("#FFFFFF")),borderSwatch:p.SwatchRGB.from((0,Te.parseColorHexRGB)("#babfc7")),rowHoverSwatch:p.SwatchRGB.from((0,Te.parseColorHexRGB)("#2196f3"))},{create:on}=c.DesignToken,nn={backgroundColor:on("rapid-ag-background-color").withDefault((e=>p.baseLayerLuminance.getValueFor(e)===p.StandardLuminance.LightMode?tn.backgroundSwatch:rn.backgroundSwatch)),borderColor:on("rapid-ag-border-color").withDefault((e=>p.baseLayerLuminance.getValueFor(e)===p.StandardLuminance.LightMode?tn.borderSwatch:rn.borderSwatch)),foregroundColor:on("rapid-ag-foreground-color").withDefault((e=>p.baseLayerLuminance.getValueFor(e)===p.StandardLuminance.LightMode?tn.foregroundSwatch:rn.foregroundSwatch)),headerForegroundColor:on("rapid-ag-header-foreground-color").withDefault((e=>p.baseLayerLuminance.getValueFor(e)===p.StandardLuminance.LightMode?tn.headerForegroundSwatch:rn.headerForegroundSwatch)),rowHoverColor:on("rapid-ag-row-hover-color").withDefault((e=>p.baseLayerLuminance.getValueFor(e)===p.StandardLuminance.LightMode?tn.rowHoverSwatch:rn.rowHoverSwatch))},ln=s.css`
|
|
10127
10130
|
.ag-theme-genesis-rapid,
|
|
10128
10131
|
.ag-theme-genesis-rapid-dark {
|
|
10129
10132
|
--ag-alpine-active-color: #2196f3;
|
|
@@ -10583,50 +10586,50 @@
|
|
|
10583
10586
|
.ag-theme-genesis-rapid-dark {
|
|
10584
10587
|
color-scheme: dark;
|
|
10585
10588
|
}
|
|
10586
|
-
`,
|
|
10587
|
-
${
|
|
10588
|
-
${
|
|
10589
|
+
`,gn={[vi.backgroundColor]:nn.backgroundColor,[vi.foregroundColor]:nn.foregroundColor,[vi.oddRowBackgroundColor]:nn.backgroundColor,[vi.headerBackgroundColor]:nn.backgroundColor,[vi.headerForegroundColor]:nn.headerForegroundColor,[vi.selectedRowBackgroundColor]:nn.rowHoverColor,[vi.rowHoverColor]:nn.rowHoverColor,[vi.borderColor]:nn.borderColor,[vi.rowBorderColor]:nn.rowHoverColor,[vi.modalOverlayBackgroundColor]:nn.backgroundColor,[vi.inputFocusBoxShadow]:nn.headerForegroundColor,[vi.inputFocusBorderColor]:nn.headerForegroundColor,[vi.headerColumnResizeHandleColor]:nn.headerForegroundColor},dn="ag-theme-genesis-rapid",sn=s.css`
|
|
10590
|
+
${ln}
|
|
10591
|
+
${wi(dn,gn)}
|
|
10589
10592
|
|
|
10590
|
-
.${
|
|
10591
|
-
${
|
|
10593
|
+
.${dn} {
|
|
10594
|
+
${ye()}
|
|
10592
10595
|
}
|
|
10593
10596
|
|
|
10594
|
-
.${
|
|
10597
|
+
.${dn} .ag-header {
|
|
10595
10598
|
border-bottom-color: var(--rapid-ag-header-foreground-color);
|
|
10596
10599
|
font-weight: bold;
|
|
10597
10600
|
}
|
|
10598
10601
|
|
|
10599
|
-
.${
|
|
10602
|
+
.${dn} .ag-root-wrapper {
|
|
10600
10603
|
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
10601
10604
|
}
|
|
10602
|
-
`,
|
|
10603
|
-
${
|
|
10604
|
-
${
|
|
10605
|
+
`,cn="ag-theme-genesis-rapid-dark",pn=s.css`
|
|
10606
|
+
${ln}
|
|
10607
|
+
${wi(cn,gn)}
|
|
10605
10608
|
|
|
10606
|
-
.${
|
|
10607
|
-
${
|
|
10609
|
+
.${cn} {
|
|
10610
|
+
${ye()}
|
|
10608
10611
|
}
|
|
10609
10612
|
|
|
10610
|
-
.${
|
|
10613
|
+
.${cn} .ag-header {
|
|
10611
10614
|
border-bottom-color: var(--rapid-ag-header-foreground-color);
|
|
10612
10615
|
font-weight: bold;
|
|
10613
10616
|
}
|
|
10614
10617
|
|
|
10615
|
-
.${
|
|
10618
|
+
.${cn} .ag-cell {
|
|
10616
10619
|
line-height: var(--ag-line-height, 32px);
|
|
10617
10620
|
}
|
|
10618
10621
|
|
|
10619
|
-
.${
|
|
10622
|
+
.${cn} .ag-root-wrapper {
|
|
10620
10623
|
border-radius: calc(var(--control-corner-radius) * 1px);
|
|
10621
10624
|
}
|
|
10622
|
-
`,
|
|
10625
|
+
`,un=s.css`
|
|
10623
10626
|
/* All the AG themes */
|
|
10624
|
-
${
|
|
10627
|
+
${qi}
|
|
10625
10628
|
|
|
10626
10629
|
/* 100% custom, CSS based, our own name: ag-theme-genesis-rapid */
|
|
10627
|
-
${
|
|
10628
|
-
${
|
|
10629
|
-
`,
|
|
10630
|
+
${sn}
|
|
10631
|
+
${pn}
|
|
10632
|
+
`,hn=Ji,mn="ag-theme-genesis-rapid-dark";const vn=en,bn={zeroAgActionRenderer:jo,zeroAgActionsMenuRenderer:Po,zeroAgBooleanRenderer:_o,zeroAgTextRenderer:ri,zeroAgSelectRenderer:li,zeroGridPro:class extends Ki{constructor(){super(...arguments),this.theme=mn}themeChanged(e,a){(e||a===mn)&&super.themeChanged(e,a)}set gridOptions(e){var a,r;e.components={[yi.action]:Ro,[yi.actionsMenu]:Bo,[yi.boolean]:Yo};(this.theme===dn||this.theme===cn)&&(this.headerHeight=null!==(a=e.headerHeight)&&void 0!==a?a:32,this.rowHeight=null!==(r=e.rowHeight)&&void 0!==r?r:32),super.gridOptions=e}}.compose(Object.assign({baseName:"grid-pro",template:hn,styles:un,shadowOptions:undefined},vn)),register(e,...a){if(e)for(const r in this)"register"!==r&&this[r]().register(e,...a)}},fn={foundationGridProActionRenderer:$o,foundationGridProActionsMenuRenderer:Eo,foundationAgBooleanRenderer:Vo,foundationAgTextRenderer:ai,foundationAgTextFieldRenderer:Zo,foundationAgSelectRenderer:ni,foundationGridPro:an,register(e,...a){if(e)for(const r in this)"register"!==r&&this[r]().register(e,...a)}};var wn,yn=r(11223);!function(e){e.STYLES_CHANGED="styles-changed",e.DS_CHANGED="design-system-changed",e.APPLY_CUSTOM_DESIGN="apply-custom-design"}(wn||(wn={}));const xn={Roboto:we,"Segoe UI":'"Segoe UI", Arial, Helvetica, sans-serif',Monospace:'Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace',"Times New Roman":'Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif',Garamond:'"Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif',Georgia:'Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif',Helvetica:'Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif',Verdana:'Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif'},zn=xn["Segoe UI"],kn=s.css`
|
|
10630
10633
|
${(0,c.display)("block")} :host {
|
|
10631
10634
|
width: 100%;
|
|
10632
10635
|
display: inline-flex;
|
|
@@ -10747,7 +10750,7 @@
|
|
|
10747
10750
|
alpha-button {
|
|
10748
10751
|
margin: 0;
|
|
10749
10752
|
}
|
|
10750
|
-
`,
|
|
10753
|
+
`,Sn=s.html`
|
|
10751
10754
|
<template>
|
|
10752
10755
|
<div class="configuration">
|
|
10753
10756
|
<div class="row" id="designSystem">
|
|
@@ -10958,7 +10961,7 @@
|
|
|
10958
10961
|
<slot></slot>
|
|
10959
10962
|
</div>
|
|
10960
10963
|
</template>
|
|
10961
|
-
`,
|
|
10964
|
+
`,Cn=({design_tokens:e})=>({accentColor:e.color.accent.$value,neutralColor:e.color.neutral.$value,luminance:e.mode.luminance.$value,density:e.style.density.$value,designUnit:e.space.designUnit.$value,borderRadius:e.style.borderRadius.$value,strokeWidth:e.style.strokeWidth.$value,bodyFont:Object.keys(xn).find((a=>xn[a]===e.fontFamily.bodyFont.$value)),baseFontSize:e.typography.baseFontSize.$value,baseLineHeight:e.typography.baseLineHeight.$value}),An=Cn(Se),Tn=Cn(i.designTokens),Ln={zero:{prefix:"zero",tokens:An,buttons:{accent:"primary-blue",neutral:"neutral-grey",outline:"primary-gradient"}},alpha:{prefix:"alpha",tokens:Tn,buttons:{accent:"accent",neutral:"neutral",outline:"outline"}}};let Fn=class extends s.FASTElement{constructor(){super(...arguments),this.customDesignMode=!1,this.ds="zero",this.darkMode=An.luminance===p.StandardLuminance.DarkMode,this.luminance=An.luminance,this.neutralColor=An.neutralColor,this.accentColor=An.accentColor,this.bodyFont=An.bodyFont,this.density=An.density,this.borderRadius=An.borderRadius,this.strokeWidth=An.strokeWidth,this.designUnit=An.designUnit,this.baseFontSize=An.baseFontSize,this.baseLineHeight=An.baseLineHeight,this.changeHandler=e=>{if(e.target instanceof c.RadioGroup||e.target instanceof HTMLInputElement||e.target instanceof p.Combobox||e.target instanceof p.Select){const{name:a,value:r}=e.target;a&&r&&(this[a]=r,this.styleUpdate())}else if(e.target instanceof c.Slider){const a=parseInt(e.target.value),r=e.target.name;r&&Number.isInteger(a)&&(this[r]=a,this.styleUpdate())}},this.modeChangeHandler=e=>{this.darkMode=e.target.checked,this.luminance=this.darkMode?p.StandardLuminance.DarkMode:p.StandardLuminance.LightMode,this.styleUpdate()},this.styleUpdate=()=>{const e={accentColor:this.accentColor,neutralColor:this.neutralColor,bodyFont:xn[this.bodyFont],luminance:this.luminance,density:this.density,designUnit:this.designUnit,borderRadius:this.borderRadius,strokeWidth:this.strokeWidth,baseFontSize:this.baseFontSize,baseLineHeight:this.baseLineHeight};this.$emit(wn.STYLES_CHANGED,e)},this.applyCustomDSTokens=e=>{const a=e.detail;a&&s.DOM.queueUpdate((()=>{const e=Cn(a);Ln.custom.tokens=e,this.setTokensFromDs(e),this.styleUpdate()}))},this.setTokensFromDs=e=>{this.neutralColor=e.neutralColor,this.accentColor=e.accentColor,this.bodyFont=e.bodyFont,this.density=e.density,this.designUnit=e.designUnit,this.borderRadius=e.borderRadius,this.strokeWidth=e.strokeWidth,this.darkMode=e.luminance===p.StandardLuminance.DarkMode,this.baseFontSize=e.baseFontSize,this.baseLineHeight=e.baseLineHeight},this.setCustomTokens=()=>fetch(`http://localhost:${location.port}/api/tokens`).then((e=>e.json())).then((e=>{const a=Cn(e);Ln.custom.tokens=a})).catch((e=>{console.error("Error fetching tokens:",e)})),this.resetChanges=()=>(0,yn.__awaiter)(this,void 0,void 0,(function*(){"custom"===this.ds&&(yield this.setCustomTokens()),this.setTokensFromDs(Ln[this.ds].tokens),this.styleUpdate()}))}customDesignModeChanged(e,a){return(0,yn.__awaiter)(this,void 0,void 0,(function*(){const e=[{name:"Zero",value:"zero"},{name:"Foundation UI",value:"alpha"}],a={name:(yield this.getAppName())||"Custom Design",value:"custom"};this.customDesignMode?(Ln.custom=Object.assign({},Ln.zero),this.designSystems=[a,...e]):this.designSystems=e}))}dsChanged(e,a){const r={prefix:Ln[this.ds].prefix,buttonAppearanceAccent:Ln[this.ds].buttons.accent,buttonAppearanceNeutral:Ln[this.ds].buttons.neutral,buttonAppearanceOutline:Ln[this.ds].buttons.outline};this.$emit(wn.DS_CHANGED,r)}getAppName(){return fetch("/api/name").then((e=>e.json())).then((e=>e)).catch((e=>{console.error("Error fetching tokens:",e)}))}connectedCallback(){super.connectedCallback(),fe(),s.DOM.queueUpdate((()=>{this.styleUpdate()})),document.body.addEventListener(wn.APPLY_CUSTOM_DESIGN,(e=>{this.applyCustomDSTokens(e)}))}};(0,yn.__decorate)([(0,s.attr)({mode:"boolean",attribute:"custom-design-mode"})],Fn.prototype,"customDesignMode",void 0),(0,yn.__decorate)([s.observable],Fn.prototype,"designSystems",void 0),(0,yn.__decorate)([s.observable],Fn.prototype,"ds",void 0),(0,yn.__decorate)([s.attr],Fn.prototype,"darkMode",void 0),(0,yn.__decorate)([s.observable],Fn.prototype,"neutralColor",void 0),(0,yn.__decorate)([s.observable],Fn.prototype,"accentColor",void 0),(0,yn.__decorate)([s.observable],Fn.prototype,"bodyFont",void 0),(0,yn.__decorate)([s.observable],Fn.prototype,"density",void 0),(0,yn.__decorate)([s.observable],Fn.prototype,"borderRadius",void 0),(0,yn.__decorate)([s.observable],Fn.prototype,"strokeWidth",void 0),(0,yn.__decorate)([s.observable],Fn.prototype,"designUnit",void 0),(0,yn.__decorate)([s.observable],Fn.prototype,"baseFontSize",void 0),(0,yn.__decorate)([s.observable],Fn.prototype,"baseLineHeight",void 0),Fn=(0,yn.__decorate)([(0,s.customElement)({name:"design-system-editor",template:Sn,styles:kn})],Fn);const Dn=e=>{const a=(e=>{const a=(0,Te.parseColorHexRGB)(e);return a?p.SwatchRGB.from(a):null})(e);return a?p.PaletteRGB.create(a):null},Mn=(e,a,r)=>{const t=e.getValueFor(r).match(/^(\d+)([a-z]+)/i),o=t[1],i=t[2];return Number(o)+a+i},On=(e,a)=>{const r=Dn(e.neutralColor);p.neutralPalette.setValueFor(a,r);const t=Dn(e.accentColor);p.accentPalette.setValueFor(a,t),p.baseLayerLuminance.setValueFor(a,e.luminance),p.density.setValueFor(a,e.density),p.controlCornerRadius.setValueFor(a,e.borderRadius),p.strokeWidth.setValueFor(a,e.strokeWidth),p.designUnit.setValueFor(a,e.designUnit),p.bodyFont.setValueFor(a,e.bodyFont),p.typeRampBaseFontSize.setValueFor(a,e.baseFontSize),p.typeRampBaseLineHeight.setValueFor(a,e.baseLineHeight),p.typeRampMinus1FontSize.setValueFor(a,Mn(p.typeRampBaseFontSize,g.TypeRampValues.minusOne,a)),p.typeRampMinus1LineHeight.setValueFor(a,Mn(p.typeRampBaseLineHeight,g.TypeRampValues.minusOne,a)),p.typeRampMinus2FontSize.setValueFor(a,Mn(p.typeRampBaseFontSize,g.TypeRampValues.minusTwo,a)),p.typeRampMinus2LineHeight.setValueFor(a,Mn(p.typeRampBaseLineHeight,g.TypeRampValues.minusTwo,a)),p.typeRampPlus1FontSize.setValueFor(a,Mn(p.typeRampBaseFontSize,g.TypeRampValues.plusOne,a)),p.typeRampPlus1LineHeight.setValueFor(a,Mn(p.typeRampBaseLineHeight,g.TypeRampValues.plusOne,a)),p.typeRampPlus2FontSize.setValueFor(a,Mn(p.typeRampBaseFontSize,g.TypeRampValues.plusTwo,a)),p.typeRampPlus2LineHeight.setValueFor(a,Mn(p.typeRampBaseLineHeight,g.TypeRampValues.plusTwo,a)),p.typeRampPlus3FontSize.setValueFor(a,Mn(p.typeRampBaseFontSize,g.TypeRampValues.plusThree,a)),p.typeRampPlus3LineHeight.setValueFor(a,Mn(p.typeRampBaseLineHeight,g.TypeRampValues.plusThree,a)),p.typeRampPlus4FontSize.setValueFor(a,Mn(p.typeRampBaseFontSize,g.TypeRampValues.plusFour,a)),p.typeRampPlus4LineHeight.setValueFor(a,Mn(p.typeRampBaseLineHeight,g.TypeRampValues.plusFour,a)),p.typeRampPlus5FontSize.setValueFor(a,Mn(p.typeRampBaseFontSize,g.TypeRampValues.plusFive,a)),p.typeRampPlus5LineHeight.setValueFor(a,Mn(p.typeRampBaseLineHeight,g.TypeRampValues.plusFive,a)),p.typeRampPlus6FontSize.setValueFor(a,Mn(p.typeRampBaseFontSize,g.TypeRampValues.plusSix,a)),p.typeRampPlus6LineHeight.setValueFor(a,Mn(p.typeRampBaseLineHeight,g.TypeRampValues.plusSix,a))},Nn=s.css`
|
|
10962
10965
|
:host {
|
|
10963
10966
|
background: var(--fill-color);
|
|
10964
10967
|
color: var(--neutral-foreground-rest);
|
|
@@ -11001,7 +11004,7 @@
|
|
|
11001
11004
|
zero-design-system-provider {
|
|
11002
11005
|
display: inline;
|
|
11003
11006
|
}
|
|
11004
|
-
|
|
11007
|
+
`,$n=s.html`
|
|
11005
11008
|
${e=>{return a=e.prefix,s.html`
|
|
11006
11009
|
<template>
|
|
11007
11010
|
<${a}-design-system-provider ${(0,s.ref)("provider")}>
|
|
@@ -11202,7 +11205,7 @@
|
|
|
11202
11205
|
</${a}-design-system-provider>
|
|
11203
11206
|
</template>
|
|
11204
11207
|
`;var a}}
|
|
11205
|
-
`;let
|
|
11208
|
+
`;let Rn=class extends s.FASTElement{constructor(){super(...arguments),this.prefix="zero",this.buttonAppearanceAccent="primary-blue",this.buttonAppearanceNeutral="primary-grey",this.buttonAppearanceOutline="primary-gradient",this.rowData=[{make:"Toyota",model:"Celica",price:35e3,creationDate:1617624494293,isCool:!0},{make:"Ford",model:"Mondeo",price:32e3,creationDate:1617624494295,isCool:!1},{make:"Porsche",model:"Boxter",price:72e3,creationDate:1619637452397,isCool:!1},{make:"Audi",model:"A6",price:8e4,creationDate:1617624494293,isCool:!0},{make:"Renault",model:"Clio",price:2e4,creationDate:1617624494295,isCool:!0},{make:"Chevrolet",model:"Camaro",price:4e4,creationDate:1619637452397,isCool:!1},{make:"BMW",model:"Z8",price:9e4,creationDate:1617624494293,isCool:!1},{make:"Suzuki",model:"Jimny",price:23e3,creationDate:1617624494295,isCool:!1},{make:"Toyota",model:"Celica",price:35e3,creationDate:1619637452397,isCool:!0},{make:"Ford",model:"Mondeo",price:32e3,creationDate:1617624494293,isCool:!1},{make:"Porsche",model:"Boxter",price:72e3,creationDate:1617624494295,isCool:!0},{make:"Audi",model:"A6",price:8e4,creationDate:1619637452397,isCool:!1},{make:"Renault",model:"Clio",price:2e4,creationDate:1617624494293,isCool:!1},{make:"Chevrolet",model:"Camaro",price:4e4,creationDate:1617624494295,isCool:!0},{make:"BMW",model:"Z8",price:9e4,creationDate:1619637452397,isCool:!0},{make:"Suzuki",model:"Jimny",price:23e3,creationDate:1617624494293,isCool:!0}],this.columnDefs=[{field:"make"},{field:"model"},{field:"price"},{field:"creationDate"},{field:"isCool"}],this.gridOptions={defaultColDef:{resizable:!0,filter:!0},debug:!1,columnDefs:this.columnDefs,rowData:this.rowData}}setGridOptions(){this.grid.gridOptions=this.gridOptions}setDialogEventListeners(){this.showDialogTrigger.addEventListener("click",(()=>this.modal.show()),{passive:!0}),this.closeDialogTrigger.addEventListener("click",(()=>this.modal.close()),{passive:!0})}connectedCallback(){super.connectedCallback(),document.body.addEventListener(wn.STYLES_CHANGED,(e=>{this.handleStyleChanges(e)})),document.body.addEventListener(wn.DS_CHANGED,(e=>{this.handleDSChanges(e)})),s.DOM.queueUpdate((()=>{this.setGridOptions(),this.setDialogEventListeners(),p.bodyFont.withDefault(zn)}))}handleStyleChanges(e){const a=e.detail;a&&s.DOM.queueUpdate((()=>{On(a,this.provider)}))}handleDSChanges(e){this.prefix=e.detail.prefix,this.buttonAppearanceAccent=e.detail.buttonAppearanceAccent,this.buttonAppearanceNeutral=e.detail.buttonAppearanceNeutral,this.buttonAppearanceOutline=e.detail.buttonAppearanceOutline,s.DOM.queueUpdate((()=>{this.setGridOptions(),this.setDialogEventListeners()}))}};(0,yn.__decorate)([s.observable],Rn.prototype,"grid",void 0),(0,yn.__decorate)([s.attr],Rn.prototype,"prefix",void 0),(0,yn.__decorate)([s.observable],Rn.prototype,"buttonAppearanceAccent",void 0),(0,yn.__decorate)([s.observable],Rn.prototype,"buttonAppearanceNeutral",void 0),(0,yn.__decorate)([s.observable],Rn.prototype,"buttonAppearanceOutline",void 0),(0,yn.__decorate)([s.observable],Rn.prototype,"provider",void 0),(0,yn.__decorate)([s.observable],Rn.prototype,"rowData",void 0),(0,yn.__decorate)([s.observable],Rn.prototype,"columnDefs",void 0),(0,yn.__decorate)([s.observable],Rn.prototype,"gridOptions",void 0),Rn=(0,yn.__decorate)([(0,s.customElement)({name:"preview-components",template:$n,styles:Nn})],Rn);const jn=s.css`
|
|
11206
11209
|
.export {
|
|
11207
11210
|
display: flex;
|
|
11208
11211
|
justify-content: center;
|
|
@@ -11213,7 +11216,7 @@
|
|
|
11213
11216
|
display: flex;
|
|
11214
11217
|
justify-content: space-between;
|
|
11215
11218
|
}
|
|
11216
|
-
`,
|
|
11219
|
+
`,In=s.html`
|
|
11217
11220
|
<template>
|
|
11218
11221
|
<div class="export">
|
|
11219
11222
|
<alpha-button appearance="accent" @click="${e=>e.showModal()}">Save Changes</alpha-button>
|
|
@@ -11234,7 +11237,7 @@
|
|
|
11234
11237
|
</alpha-modal>
|
|
11235
11238
|
</div>
|
|
11236
11239
|
</template>
|
|
11237
|
-
`;let
|
|
11240
|
+
`;let En=class extends s.FASTElement{constructor(){super(...arguments),this.formatValues=e=>{const a={design_tokens:{color:{accent:{$value:e.accentColor,$type:"color"},neutral:{$value:e.neutralColor,$type:"color"}},fontFamily:{bodyFont:{$value:e.bodyFont,$type:"fontFamily"}},typography:{baseFontSize:{$value:e.baseFontSize,$type:"dimension"},baseLineHeight:{$value:e.baseLineHeight,$type:"dimension"}},mode:{luminance:{$value:e.luminance,$type:"number"}},style:{density:{$value:e.density,$type:"number"},borderRadius:{$value:e.borderRadius,$type:"number"},strokeWidth:{$value:e.strokeWidth,$type:"number"}},space:{designUnit:{$value:e.designUnit,$type:"number"}}}};return JSON.stringify(a,null,3)},this.showModal=()=>this.modal.show(),this.closeModal=()=>this.modal.close(),this.updateTokens=()=>{fetch(`http://localhost:${location.port}/api/tokens`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify({tokens:this.value})}).then((e=>{if(!e.ok)throw new Error(`API request failed with status ${e.status}`);return e.json()})).then((e=>{console.log("Tokens saved successfully:",e)})).catch((e=>{console.error("Error saving tokens:",e)})),this.closeModal()}}connectedCallback(){super.connectedCallback(),document.body.addEventListener(wn.STYLES_CHANGED,(e=>{const a=e;this.value=this.formatValues(a.detail)}))}};(0,yn.__decorate)([s.attr],En.prototype,"value",void 0),(0,yn.__decorate)([s.attr],En.prototype,"tokensPath",void 0),En=(0,yn.__decorate)([(0,s.customElement)({name:"design-system-export",template:In,styles:jn})],En);const Bn=s.css`
|
|
11238
11241
|
.colors {
|
|
11239
11242
|
display: flex;
|
|
11240
11243
|
flex-wrap: wrap;
|
|
@@ -11247,23 +11250,23 @@
|
|
|
11247
11250
|
flex-grow: 1;
|
|
11248
11251
|
height: 20px;
|
|
11249
11252
|
}
|
|
11250
|
-
`,
|
|
11253
|
+
`,Pn=s.html`
|
|
11251
11254
|
<ul class="colors">
|
|
11252
11255
|
${(0,s.repeat)((e=>e.swatches),s.html`
|
|
11253
11256
|
<li class="color" style="background-color: ${e=>e.toColorString()}"></li>
|
|
11254
11257
|
`)}
|
|
11255
11258
|
</ul>
|
|
11256
|
-
`;let
|
|
11259
|
+
`;let Un=class extends s.FASTElement{constructor(){super(...arguments),this.swatches=[]}typeChanged(){if(this.type){p[this.type+"Palette"].subscribe({handleChange:e=>{const a=e.token.getValueFor(this);this.swatches=[...a.swatches]}},this)}}handleStyleChanges(e){const a=e.detail;a&&s.DOM.queueUpdate((()=>{const e=Dn(a[`${this.type}Color`]);this.swatches=[...e.swatches]}))}connectedCallback(){super.connectedCallback(),document.body.addEventListener(wn.STYLES_CHANGED,(e=>{this.handleStyleChanges(e)}))}};(0,yn.__decorate)([s.observable],Un.prototype,"swatches",void 0),(0,yn.__decorate)([s.attr],Un.prototype,"type",void 0),Un=(0,yn.__decorate)([(0,s.customElement)({name:"color-palette",styles:Bn,template:Pn})],Un);const Gn=s.css`
|
|
11257
11260
|
.preview {
|
|
11258
11261
|
width: 40px;
|
|
11259
11262
|
height: 40px;
|
|
11260
11263
|
}
|
|
11261
|
-
`,
|
|
11264
|
+
`,Hn=s.html`
|
|
11262
11265
|
<div
|
|
11263
11266
|
class="preview"
|
|
11264
11267
|
style="background-color: ${e=>p[e.tokenName].createCSS()}"
|
|
11265
11268
|
></div>
|
|
11266
|
-
`;let Vn=class extends s.FASTElement{};(0,
|
|
11269
|
+
`;let Vn=class extends s.FASTElement{};(0,yn.__decorate)([s.attr],Vn.prototype,"tokenName",void 0),Vn=(0,yn.__decorate)([(0,s.customElement)({name:"color-token",styles:Gn,template:Hn})],Vn);const Yn=s.css`
|
|
11267
11270
|
.container {
|
|
11268
11271
|
display: flex;
|
|
11269
11272
|
width: 100%;
|
|
@@ -11311,7 +11314,7 @@
|
|
|
11311
11314
|
.container > div:not(:last-child) {
|
|
11312
11315
|
border-right: 1px solid #fafafa;
|
|
11313
11316
|
}
|
|
11314
|
-
`,
|
|
11317
|
+
`,_n=[{title:"Fill",subcategories:[{title:"Fill Colour",tokens:[{name:"fillColor",cssProperty:"--fill-color"}]},{title:"Accent Fill",tokens:[{name:"accentFillRest",cssProperty:"--accent-fill-rest"},{name:"accentFillHover",cssProperty:"--accent-fill-hover"},{name:"accentFillActive",cssProperty:"--accent-fill-active"},{name:"accentFillFocus",cssProperty:"--accent-fill-focus"}]},{title:"Neutral Fill",tokens:[{name:"neutralFillRest",cssProperty:"--neutral-fill-rest"},{name:"neutralFillHover",cssProperty:"--neutral-fill-hover"},{name:"neutralFillActive",cssProperty:"--neutral-fill-active"},{name:"neutralFillFocus",cssProperty:"--neutral-fill-focus"}]},{title:"Neutral Fill Input",tokens:[{name:"neutralFillInputRest",cssProperty:"--neutral-fill-input-rest"},{name:"neutralFillInputHover",cssProperty:"--neutral-fill-input-hover"},{name:"neutralFillInputActive",cssProperty:"--neutral-fill-input-active"},{name:"neutralFillInputFocus",cssProperty:"--neutral-fill-input-focus"}]},{title:"Neutral Fill Stealth",tokens:[{name:"neutralFillStealthRest",cssProperty:"--neutral-fill-stealth-rest"},{name:"neutralFillStealthHover",cssProperty:"--neutral-fill-stealth-hover"},{name:"neutralFillStealthActive",cssProperty:"--neutral-fill-stealth-active"},{name:"neutralFillStealthFocus",cssProperty:"--neutral-fill-stealth-focus"}]},{title:"Neutral Fill Strong",tokens:[{name:"neutralFillStrongRest",cssProperty:"--neutral-fill-strong-rest"},{name:"neutralFillStrongHover",cssProperty:"--neutral-fill-strong-hover"},{name:"neutralFillStrongActive",cssProperty:"--neutral-fill-strong-active"},{name:"neutralFillStrongFocus",cssProperty:"--neutral-fill-strong-focus"}]}]},{title:"Foreground",subcategories:[{title:"Neutral Foreground",tokens:[{name:"neutralForegroundRest",cssProperty:"--neutral-foreground-rest"},{name:"neutralForegroundHint",cssProperty:"--neutral-foreground-hint"}]},{title:"Accent Foreground",tokens:[{name:"accentForegroundRest",cssProperty:"--accent-foreground-rest"},{name:"accentForegroundHover",cssProperty:"--accent-foreground-hover"},{name:"accentForegroundActive",cssProperty:"--accent-foreground-active"},{name:"accentForegroundFocus",cssProperty:"--accent-foreground-focus"}]},{title:"Foreground on Accent",tokens:[{name:"foregroundOnAccentRest",cssProperty:"--foreground-on-accent-rest"},{name:"foregroundOnAccentHover",cssProperty:"--foreground-on-accent-hover"},{name:"foregroundOnAccentActive",cssProperty:"--foreground-on-accent-active"},{name:"foregroundOnAccentFocus",cssProperty:"--foreground-on-accent-focus"}]},{title:"Foreground on accent large",tokens:[{name:"foregroundOnAccentRestLarge",cssProperty:"--foreground-on-accent-rest-large"},{name:"foregroundOnAccentHoverLarge",cssProperty:"--foreground-on-accent-hover-large"},{name:"foregroundOnAccentActiveLarge",cssProperty:"--foreground-on-accent-active-large"},{name:"foregroundOnAccentFocusLarge",cssProperty:"--foreground-on-accent-focus-large"}]}]},{title:"Stroke",subcategories:[{title:"Focus Stroke",tokens:[{name:"focusStrokeOuter",cssProperty:"--focus-stroke-outer"},{name:"focusStrokeInner",cssProperty:"--focus-stroke-inner"}]},{title:"Neutral Stroke",tokens:[{name:"neutralStrokeRest",cssProperty:"---neutral-stroke-rest"},{name:"neutralStrokeHover",cssProperty:"--neutral-stroke-hover"},{name:"neutralStrokeActive",cssProperty:"--neutral-stroke-active"},{name:"neutralStrokeFocus",cssProperty:"--neutral-stroke-focus"}]},{title:"Neutral stroke divider",tokens:[{name:"neutralStrokeDividerRest",cssProperty:"--neutral-stroke-divider-rest"}]}]},{title:"Layer",subcategories:[{title:"Neutral Layers",tokens:[{name:"neutralLayer1",cssProperty:"--neutral-layer-1"},{name:"neutralLayer2",cssProperty:"--neutral-layer-2"},{name:"neutralLayer3",cssProperty:"--neutral-layer-3"},{name:"neutralLayer4",cssProperty:"--neutral-layer-4"}]},{title:"Neutral Layer Card Container",tokens:[{name:"neutralLayerCardContainer",cssProperty:"--neutral-layer-card-container"}]},{title:"Neutral Fill Layer",tokens:[{name:"neutralFillLayerRest",cssProperty:"--neutral-fill-layer-rest"}]},{title:"Neutral Layer Floating",tokens:[{name:"neutralLayerFloating",cssProperty:"--neutral-layer-floating"}]}]}],Qn=s.html`
|
|
11315
11318
|
<div class="row">
|
|
11316
11319
|
<div
|
|
11317
11320
|
class="preview"
|
|
@@ -11323,19 +11326,19 @@
|
|
|
11323
11326
|
${(e,a)=>p[e.name].getValueFor(a.parentContext.parentContext.parent.provider).toColorString().toUpperCase()}
|
|
11324
11327
|
</div>
|
|
11325
11328
|
</div>
|
|
11326
|
-
`,
|
|
11329
|
+
`,Wn=s.html`
|
|
11327
11330
|
<div class="container" ${(0,s.ref)("provider")}>
|
|
11328
|
-
${(0,s.repeat)((()=>
|
|
11331
|
+
${(0,s.repeat)((()=>_n),s.html`
|
|
11329
11332
|
<div class="column">
|
|
11330
11333
|
<h3 class="header-title">${e=>e.title}</h3>
|
|
11331
11334
|
${(0,s.repeat)((e=>e.subcategories),s.html`
|
|
11332
11335
|
<h4>${e=>e.title}</h4>
|
|
11333
|
-
${(0,s.repeat)((e=>e.tokens),
|
|
11336
|
+
${(0,s.repeat)((e=>e.tokens),Qn)}
|
|
11334
11337
|
`)}
|
|
11335
11338
|
</div>
|
|
11336
11339
|
`)}
|
|
11337
11340
|
</div>
|
|
11338
|
-
`;let
|
|
11341
|
+
`;let qn=class extends s.FASTElement{connectedCallback(){super.connectedCallback(),document.body.addEventListener(wn.STYLES_CHANGED,(e=>{const a=e.detail;On(a,this.provider)}))}};(0,yn.__decorate)([s.observable],qn.prototype,"provider",void 0),qn=(0,yn.__decorate)([(0,s.customElement)({name:"color-tokens",template:Wn,styles:Yn})],qn);const Jn=s.css`
|
|
11339
11342
|
table {
|
|
11340
11343
|
background: var(--neutral-fill-rest);
|
|
11341
11344
|
color: var(--neutral-foreground-rest);
|
|
@@ -11344,7 +11347,7 @@
|
|
|
11344
11347
|
th {
|
|
11345
11348
|
text-align: left;
|
|
11346
11349
|
}
|
|
11347
|
-
`,
|
|
11350
|
+
`,Zn=s.html`
|
|
11348
11351
|
<table ${(0,s.ref)("provider")} style="font-family: ${()=>p.bodyFont.createCSS()}">
|
|
11349
11352
|
<colgroup>
|
|
11350
11353
|
<col style="width: 15%;" />
|
|
@@ -11572,7 +11575,7 @@
|
|
|
11572
11575
|
</tr>
|
|
11573
11576
|
</tbody>
|
|
11574
11577
|
</table>
|
|
11575
|
-
`;let
|
|
11578
|
+
`;let Kn=class extends s.FASTElement{connectedCallback(){super.connectedCallback(),document.body.addEventListener(wn.STYLES_CHANGED,(e=>{const a=e.detail;On(a,this.provider)}))}};(0,yn.__decorate)([s.observable],Kn.prototype,"provider",void 0),Kn=(0,yn.__decorate)([(0,s.customElement)({name:"typography-tokens",template:Zn,styles:Jn})],Kn);const Xn=s.css`
|
|
11576
11579
|
:host {
|
|
11577
11580
|
background: var(--fill-color);
|
|
11578
11581
|
color: var(--neutral-foreground-rest);
|
|
@@ -11588,7 +11591,7 @@
|
|
|
11588
11591
|
margin-top: 24px;
|
|
11589
11592
|
padding: 0 calc((6 + (var(--design-unit) * 2 * var(--density))) * 1px);
|
|
11590
11593
|
}
|
|
11591
|
-
`,
|
|
11594
|
+
`,el=s.html`
|
|
11592
11595
|
<template>
|
|
11593
11596
|
<alpha-tabs>
|
|
11594
11597
|
<alpha-tab slot="tab">Components</alpha-tab>
|
|
@@ -11613,7 +11616,7 @@
|
|
|
11613
11616
|
</alpha-tab-panel>
|
|
11614
11617
|
</alpha-tabs>
|
|
11615
11618
|
</template>
|
|
11616
|
-
`;let
|
|
11619
|
+
`;let al=class extends s.FASTElement{};al=(0,yn.__decorate)([(0,s.customElement)({name:"design-system-preview",template:el,styles:Xn})],al);const rl={type:"VerticalLayout",dsPrefix:"zero",elements:[{type:"Group",label:"Group 1",elements:[{type:"VerticalLayout",elements:[{type:"Control",scope:"#/properties/group1/properties/NAME",label:"Name"}]}]},{type:"Group",label:"Group 2",elements:[{type:"LayoutVertical2Columns",elements:[{type:"Control",scope:"#/properties/group2/properties/QUANTITY",label:"Quantity"},{type:"Control",scope:"#/properties/group2/properties/PRICE",label:"Price"},{type:"Control",scope:"#/properties/group2/properties/COUNTERPARTY_ID",options:{data:[{name:"Genesis Global",value:"GENESIS"},{name:"Acme Global",value:"ACME"}],valueField:"value",labelField:"name"},label:"Counterparty"},{type:"Control",scope:"#/properties/group2/properties/INSTRUMENT_ID",options:{data:[{name:"Bond",value:"BOND"},{name:"Equity",value:"EQUITY"}],valueField:"value",labelField:"name"},label:"Instrument"},{type:"Control",scope:"#/properties/group2/properties/SIDE",label:"Side"},{type:"Control",scope:"#/properties/group2/properties/TRADE_DATE",label:"Trade Date"},{type:"Control",scope:"#/properties/group2/properties/ACTIVE",label:"Active"}]}]}]},tl={type:"object",properties:{group1:{type:"object",properties:{NAME:{type:"string"}}},group2:{type:"object",properties:{QUANTITY:{type:"number"},PRICE:{type:"number"},COUNTERPARTY_ID:{type:"string"},INSTRUMENT_ID:{type:"string"},SIDE:{type:"string",enum:["BUY","SELL"]},TRADE_DATE:{type:"number",format:"date",description:"org.joda.time.DateTime"},ACTIVE:{type:"boolean"}},required:["QUANTITY","PRICE"]}}},ol={type:"VerticalLayout",dsPrefix:"zero",elements:[{type:"array",scope:"#/properties/users",options:{childUiSchema:{type:"HorizontalLayout",elements:[{type:"Control",scope:"#/properties/firstname",label:"First Name"},{type:"Control",scope:"#/properties/lastname",label:"Last Name"},{type:"Control",scope:"#/properties/email",label:"Email"}]}}}]},il={type:"object",properties:{users:{type:"array",items:{type:"object",title:"Users",properties:{firstname:{type:"string"},lastname:{type:"string"},email:{type:"string",format:"email"}},required:["firstname"]}}}},nl=s.css`
|
|
11617
11620
|
:host {
|
|
11618
11621
|
background: var(--fill-color);
|
|
11619
11622
|
color: var(--neutral-foreground-rest);
|
|
@@ -11644,7 +11647,7 @@
|
|
|
11644
11647
|
zero-design-system-provider {
|
|
11645
11648
|
display: inline;
|
|
11646
11649
|
}
|
|
11647
|
-
`,
|
|
11650
|
+
`,ll=s.html`
|
|
11648
11651
|
${e=>{return a=e.prefix,s.html`
|
|
11649
11652
|
<template>
|
|
11650
11653
|
<${a}-design-system-provider ${(0,s.ref)("provider")}>
|
|
@@ -11654,11 +11657,17 @@
|
|
|
11654
11657
|
<foundation-form
|
|
11655
11658
|
:jsonSchema=${e=>e.jsonSchema}
|
|
11656
11659
|
:uischema=${e=>e.uischema}
|
|
11660
|
+
:data=${e=>e.editedEntity}
|
|
11661
|
+
></foundation-form>
|
|
11662
|
+
<foundation-form
|
|
11663
|
+
:jsonSchema=${e=>e.jsonSchemaArray}
|
|
11664
|
+
:uischema=${e=>e.uiSchemaArray}
|
|
11665
|
+
:data=${e=>e.editedEntityArray}
|
|
11657
11666
|
></foundation-form>
|
|
11658
11667
|
</div>
|
|
11659
11668
|
</div>
|
|
11660
11669
|
</${a}-design-system-provider>
|
|
11661
11670
|
</template>
|
|
11662
11671
|
`;var a}}
|
|
11663
|
-
`;let
|
|
11664
|
-
//# sourceMappingURL=192.
|
|
11672
|
+
`;let gl=class extends s.FASTElement{constructor(){super(...arguments),this.jsonSchema=tl,this.uischema=rl,this.jsonSchemaArray=il,this.uiSchemaArray=ol,this.prefix="zero",this.editedEntity={group1:{NAME:"Test Name"},group2:{COUNTERPARTY_ID:"GENESIS",INSTRUMENT_ID:"BOND"}},this.editedEntityArray={users:[{firstname:"Max",lastname:"Mustermann",age:25,email:"max@mustermann.com"},{firstname:"John",lastname:"Doe",age:35,email:"john@doe.com"}]}}connectedCallback(){super.connectedCallback(),document.body.addEventListener(wn.STYLES_CHANGED,(e=>{this.handleStyleChanges(e)})),document.body.addEventListener(wn.DS_CHANGED,(e=>{this.handleDSChanges(e)})),s.DOM.queueUpdate((()=>{p.bodyFont.withDefault(zn)}))}handleStyleChanges(e){const a=e.detail;a&&s.DOM.queueUpdate((()=>{On(a,this.provider)}))}handleDSChanges(e){this.prefix=e.detail.prefix,this.uischema.dsPrefix=e.detail.prefix,this.uiSchemaArray.dsPrefix=e.detail.prefix}};(0,yn.__decorate)([s.observable],gl.prototype,"jsonSchema",void 0),(0,yn.__decorate)([s.observable],gl.prototype,"uischema",void 0),(0,yn.__decorate)([s.observable],gl.prototype,"jsonSchemaArray",void 0),(0,yn.__decorate)([s.observable],gl.prototype,"uiSchemaArray",void 0),(0,yn.__decorate)([s.attr],gl.prototype,"prefix",void 0),(0,yn.__decorate)([s.observable],gl.prototype,"provider",void 0),(0,yn.__decorate)([s.observable],gl.prototype,"editedEntity",void 0),(0,yn.__decorate)([s.observable],gl.prototype,"editedEntityArray",void 0),gl=(0,yn.__decorate)([(0,s.customElement)({name:"preview-form",template:ll,styles:nl})],gl),((e,a="zero")=>{e&&(0,de.provideTokens)(t,o,e);const r=c.DesignSystem.getOrCreate(e).withPrefix(a);return(0,de.createDesignSystemProxy)(r)})().register(Lo,bn),(0,i.provideDesignSystem)().register(i.baseComponents,fn)}}]);
|
|
11673
|
+
//# sourceMappingURL=192.61d69e1373ca0e4d36d431127386b0b00a0c1543ba3e77b92885a6a7b1a5f4fc.js.map
|