@everymatrix/stage-mm-verification-report 1.0.41 → 1.0.43

package/dm-range-date-picker-lib.component.css.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["node_modules/modern-normalize/modern-normalize.css", "libs/shared/ui/styles/src/lib/styles.scss", "libs/shared/ui/styles/src/lib/variables.scss", "libs/components/dm-range-date-picker-lib/src/lib/dm-range-date-picker-lib/dm-range-date-picker-lib.component.scss"],
-  "sourcesContent": ["/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */\n\n/*\nDocument\n========\n*/\n\n/**\nUse a better box model (opinionated).\n*/\n\n*,\n::before,\n::after {\n\tbox-sizing: border-box;\n}\n\nhtml {\n\t/* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */\n\tfont-family:\n\t\tsystem-ui,\n\t\t'Segoe UI',\n\t\tRoboto,\n\t\tHelvetica,\n\t\tArial,\n\t\tsans-serif,\n\t\t'Apple Color Emoji',\n\t\t'Segoe UI Emoji';\n\tline-height: 1.15; /* 1. Correct the line height in all browsers. */\n\t-webkit-text-size-adjust: 100%; /* 2. Prevent adjustments of font size after orientation changes in iOS. */\n\ttab-size: 4; /* 3. Use a more readable tab size (opinionated). */\n}\n\n/*\nSections\n========\n*/\n\nbody {\n\tmargin: 0; /* Remove the margin in all browsers. */\n}\n\n/*\nText-level semantics\n====================\n*/\n\n/**\nAdd the correct font weight in Chrome and Safari.\n*/\n\nb,\nstrong {\n\tfont-weight: bolder;\n}\n\n/**\n1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)\n2. Correct the odd 'em' font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n\tfont-family:\n\t\tui-monospace,\n\t\tSFMono-Regular,\n\t\tConsolas,\n\t\t'Liberation Mono',\n\t\tMenlo,\n\t\tmonospace; /* 1 */\n\tfont-size: 1em; /* 2 */\n}\n\n/**\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n\tfont-size: 80%;\n}\n\n/**\nPrevent 'sub' and 'sup' elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n\tfont-size: 75%;\n\tline-height: 0;\n\tposition: relative;\n\tvertical-align: baseline;\n}\n\nsub {\n\tbottom: -0.25em;\n}\n\nsup {\n\ttop: -0.5em;\n}\n\n/*\nTabular data\n============\n*/\n\n/**\nCorrect table border color inheritance in Chrome and Safari. (https://issues.chromium.org/issues/40615503, https://bugs.webkit.org/show_bug.cgi?id=195016)\n*/\n\ntable {\n\tborder-color: currentcolor;\n}\n\n/*\nForms\n=====\n*/\n\n/**\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n\tfont-family: inherit; /* 1 */\n\tfont-size: 100%; /* 1 */\n\tline-height: 1.15; /* 1 */\n\tmargin: 0; /* 2 */\n}\n\n/**\nCorrect the inability to style clickable types in iOS and Safari.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n\t-webkit-appearance: button;\n}\n\n/**\nRemove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.\n*/\n\nlegend {\n\tpadding: 0;\n}\n\n/**\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n\tvertical-align: baseline;\n}\n\n/**\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n\theight: auto;\n}\n\n/**\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n\t-webkit-appearance: textfield; /* 1 */\n\toutline-offset: -2px; /* 2 */\n}\n\n/**\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n\t-webkit-appearance: none;\n}\n\n/**\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to 'inherit' in Safari.\n*/\n\n::-webkit-file-upload-button {\n\t-webkit-appearance: button; /* 1 */\n\tfont: inherit; /* 2 */\n}\n\n/*\nInteractive\n===========\n*/\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n\tdisplay: list-item;\n}\n", "@use 'variables' as *;\r\n@import 'modern-normalize/modern-normalize.css';\r\n\r\n* {\r\n  font-family: Inter, Arial, serif;\r\n  caret-color: transparent !important;\r\n}\r\ninput,\r\ntextarea,\r\n[contenteditable='true'] {\r\n  caret-color: auto !important;\r\n}\r\nbody {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n.input:focus-visible {\r\n  box-shadow: 0px 0px 0px 4px rgba(0, 118, 221, 0.16) !important;\r\n}\r\n\r\n.form-control-container {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n  font-size: 14px;\r\n  line-height: 18px;\r\n  font-variant-numeric: lining-nums tabular-nums;\r\n  font-weight: 400;\r\n  cursor: pointer;\r\n  position: relative;\r\n  .form-control-label {\r\n    color: $labelColor;\r\n    font-size: $labelFont;\r\n    font-style: $basicFontStyle;\r\n    font-weight: $labelWeight;\r\n    line-height: $textLineHeight;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n    position: relative;\r\n  }\r\n\r\n  .form-control-field, .p-autocomplete-input {\r\n    font-size: $formControlFont;\r\n    color: $textPrimaryColor;\r\n    font-weight: $formControlWeight;\r\n    line-height: $textLineHeight;\r\n    font-style: $basicFontStyle;\r\n    font-variant-numeric: lining-nums tabular-nums;\r\n    width: 100%;\r\n  }\r\n\r\n  .form-control-error-message {\r\n    font-size: $labelFont;\r\n    color: $errorColor;\r\n    margin-top: 2px;\r\n  }\r\n\r\n  .form-control-hint-message {\r\n    color: $labelColor;\r\n    font-size: $labelFont;\r\n    margin-top: 2px;\r\n  }\r\n}\r\n", "$labelColor: #4a5469;\r\n$labelFont: 12px;\r\n$labelWeight: 500;\r\n$textPrimaryColor: #252a34;\r\n$textLineHeight: 18px;\r\n$formControlFont: 14px;\r\n$formControlWeight: 400;\r\n$basicFontStyle: normal;\r\n$primaryColor: #0076dd;\r\n$secondaryColor: #5d6983;\r\n$errorColor: #d6421e;\r\n$whiteColor: #ffffff;\r\n$textTertiary: #7985a0;\r\n", "@use 'libs/shared/ui/styles/src/index.scss' as *;\r\n\r\n.form-control-field[disabled] {\r\n  pointer-events: none;\r\n}\r\n\r\n.datepicker-wrapper {\r\n  position: relative;\r\n  cursor: pointer;\r\n\r\n  .datepicker-icon {\r\n    position: absolute;\r\n    left: 12px;\r\n    top: 9px;\r\n    width: 16px;\r\n    height: 16px;\r\n    color: #5d6983;\r\n  }\r\n\r\n  .form-control-field {\r\n    cursor: pointer;\r\n  }\r\n}\r\n\r\n.popover-content {\r\n  display: flex;\r\n  flex-direction: row;\r\n  padding: 0;\r\n  margin: 0;\r\n\r\n  .popover-left-content {\r\n    border-right: 1px solid #edeff2;\r\n    padding: 16px 4px;\r\n    .period-list {\r\n      width: max-content;\r\n      color: #4f5863;\r\n      font-size: 14px;\r\n      font-style: normal;\r\n      font-weight: 400;\r\n      list-style: none;\r\n      display: flex;\r\n      flex-direction: column;\r\n      margin: 0;\r\n      padding: 0 8px;\r\n\r\n      li {\r\n        padding: 10px 4px;\r\n\r\n        &:hover {\r\n          cursor: pointer;\r\n          background: #f3f6f9;\r\n        }\r\n\r\n        span {\r\n          line-height: 18px;\r\n        }\r\n      }\r\n\r\n      .selected-item {\r\n        color: #307fe2;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.invalid-state {\r\n  border: 1px solid #d6421e !important;\r\n}\r\n\r\n.datepicker-wrapper {\r\n  &:hover {\r\n    .clear-icon {\r\n      display: block;\r\n    }\r\n  }\r\n}\r\n\r\n.clear-icon {\r\n  display: none;\r\n  position: absolute;\r\n  right: 12px;\r\n  transform: translateY(-50%);\r\n  top: 50%;\r\n  width: 12px;\r\n  height: 12px;\r\n  color: #5d6983;\r\n  background: #ffffff;\r\n}\r\n"],
-  "mappings": "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",
+  "sourcesContent": ["/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */\n\n/*\nDocument\n========\n*/\n\n/**\nUse a better box model (opinionated).\n*/\n\n*,\n::before,\n::after {\n\tbox-sizing: border-box;\n}\n\nhtml {\n\t/* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */\n\tfont-family:\n\t\tsystem-ui,\n\t\t'Segoe UI',\n\t\tRoboto,\n\t\tHelvetica,\n\t\tArial,\n\t\tsans-serif,\n\t\t'Apple Color Emoji',\n\t\t'Segoe UI Emoji';\n\tline-height: 1.15; /* 1. Correct the line height in all browsers. */\n\t-webkit-text-size-adjust: 100%; /* 2. Prevent adjustments of font size after orientation changes in iOS. */\n\ttab-size: 4; /* 3. Use a more readable tab size (opinionated). */\n}\n\n/*\nSections\n========\n*/\n\nbody {\n\tmargin: 0; /* Remove the margin in all browsers. */\n}\n\n/*\nText-level semantics\n====================\n*/\n\n/**\nAdd the correct font weight in Chrome and Safari.\n*/\n\nb,\nstrong {\n\tfont-weight: bolder;\n}\n\n/**\n1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)\n2. Correct the odd 'em' font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n\tfont-family:\n\t\tui-monospace,\n\t\tSFMono-Regular,\n\t\tConsolas,\n\t\t'Liberation Mono',\n\t\tMenlo,\n\t\tmonospace; /* 1 */\n\tfont-size: 1em; /* 2 */\n}\n\n/**\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n\tfont-size: 80%;\n}\n\n/**\nPrevent 'sub' and 'sup' elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n\tfont-size: 75%;\n\tline-height: 0;\n\tposition: relative;\n\tvertical-align: baseline;\n}\n\nsub {\n\tbottom: -0.25em;\n}\n\nsup {\n\ttop: -0.5em;\n}\n\n/*\nTabular data\n============\n*/\n\n/**\nCorrect table border color inheritance in Chrome and Safari. (https://issues.chromium.org/issues/40615503, https://bugs.webkit.org/show_bug.cgi?id=195016)\n*/\n\ntable {\n\tborder-color: currentcolor;\n}\n\n/*\nForms\n=====\n*/\n\n/**\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n\tfont-family: inherit; /* 1 */\n\tfont-size: 100%; /* 1 */\n\tline-height: 1.15; /* 1 */\n\tmargin: 0; /* 2 */\n}\n\n/**\nCorrect the inability to style clickable types in iOS and Safari.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n\t-webkit-appearance: button;\n}\n\n/**\nRemove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.\n*/\n\nlegend {\n\tpadding: 0;\n}\n\n/**\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n\tvertical-align: baseline;\n}\n\n/**\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n\theight: auto;\n}\n\n/**\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n\t-webkit-appearance: textfield; /* 1 */\n\toutline-offset: -2px; /* 2 */\n}\n\n/**\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n\t-webkit-appearance: none;\n}\n\n/**\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to 'inherit' in Safari.\n*/\n\n::-webkit-file-upload-button {\n\t-webkit-appearance: button; /* 1 */\n\tfont: inherit; /* 2 */\n}\n\n/*\nInteractive\n===========\n*/\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n\tdisplay: list-item;\n}\n", "@use 'variables' as *;\r\n@import 'modern-normalize/modern-normalize.css';\r\n\r\n* {\r\n  font-family: Inter, Arial, serif;\r\n  caret-color: transparent !important;\r\n}\r\ninput,\r\ntextarea,\r\n[contenteditable='true'] {\r\n  caret-color: auto !important;\r\n}\r\nbody {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\nh1,\r\nh2,\r\nh3,\r\nh4,\r\nh5,\r\nh6 {\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n.input:focus-visible {\r\n  box-shadow: 0px 0px 0px 4px rgba(0, 118, 221, 0.16) !important;\r\n}\r\n\r\n.form-control-container {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n  font-size: 14px;\r\n  line-height: 18px;\r\n  font-variant-numeric: lining-nums tabular-nums;\r\n  font-weight: 400;\r\n  cursor: pointer;\r\n  position: relative;\r\n  .form-control-label {\r\n    color: $labelColor;\r\n    font-size: $labelFont;\r\n    font-style: $basicFontStyle;\r\n    font-weight: $labelWeight;\r\n    line-height: $textLineHeight;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 4px;\r\n    position: relative;\r\n  }\r\n\r\n  .form-control-field, .p-autocomplete-input {\r\n    font-size: $formControlFont;\r\n    color: $textPrimaryColor;\r\n    font-weight: $formControlWeight;\r\n    line-height: $textLineHeight;\r\n    font-style: $basicFontStyle;\r\n    font-variant-numeric: lining-nums tabular-nums;\r\n    width: 100%;\r\n  }\r\n\r\n  .form-control-error-message {\r\n    font-size: $labelFont;\r\n    color: $errorColor;\r\n    margin-top: 2px;\r\n  }\r\n\r\n  .form-control-hint-message {\r\n    color: $labelColor;\r\n    font-size: $labelFont;\r\n    margin-top: 2px;\r\n  }\r\n}\r\n", "$labelColor: #4a5469;\r\n$labelFont: 12px;\r\n$labelWeight: 500;\r\n$textPrimaryColor: #252a34;\r\n$textLineHeight: 18px;\r\n$formControlFont: 14px;\r\n$formControlWeight: 400;\r\n$basicFontStyle: normal;\r\n$primaryColor: #0076dd;\r\n$secondaryColor: #5d6983;\r\n$errorColor: #d6421e;\r\n$whiteColor: #ffffff;\r\n$textTertiary: #7985a0;\r\n", "@use 'libs/shared/ui/styles/src/index.scss' as *;\r\n\r\n.form-control-field[disabled] {\r\n  pointer-events: none;\r\n}\r\n\r\n.datepicker-wrapper {\r\n  position: relative;\r\n  cursor: pointer;\r\n\r\n  .datepicker-icon {\r\n    position: absolute;\r\n    left: 12px;\r\n    top: 9px;\r\n    width: 16px;\r\n    height: 16px;\r\n    color: #5d6983;\r\n  }\r\n\r\n  .form-control-field {\r\n    cursor: pointer;\r\n  }\r\n}\r\n\r\n.popover-content {\r\n  display: flex;\r\n  flex-direction: row;\r\n  padding: 0;\r\n  margin: 0;\r\n\r\n  .popover-left-content {\r\n    border-right: 1px solid #edeff2;\r\n    padding: 16px 4px;\r\n    .period-list {\r\n      width: max-content;\r\n      color: #4f5863;\r\n      font-size: 14px;\r\n      font-style: normal;\r\n      font-weight: 400;\r\n      list-style: none;\r\n      display: flex;\r\n      flex-direction: column;\r\n      margin: 0;\r\n      padding: 0 8px;\r\n\r\n      li {\r\n        padding: 8px 4px;\r\n\r\n        &:hover {\r\n          cursor: pointer;\r\n          background: #f3f6f9;\r\n        }\r\n\r\n        span {\r\n          line-height: 18px;\r\n        }\r\n      }\r\n\r\n      .selected-item {\r\n        color: #307fe2;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.invalid-state {\r\n  border: 1px solid #d6421e !important;\r\n}\r\n\r\n.datepicker-wrapper {\r\n  &:hover {\r\n    .clear-icon {\r\n      display: block;\r\n    }\r\n  }\r\n}\r\n\r\n.clear-icon {\r\n  display: none;\r\n  position: absolute;\r\n  right: 12px;\r\n  transform: translateY(-50%);\r\n  top: 50%;\r\n  width: 12px;\r\n  height: 12px;\r\n  color: #5d6983;\r\n  background: #ffffff;\r\n}\r\n"],
+  "mappings": ";AAWA;AACA;AACA;AACC,cAAY;AACb;AAEA;AAEC;AAAA,IACC,SAAS;AAAA,IACT,UAAU;AAAA,IACV,MAAM;AAAA,IACN,SAAS;AAAA,IACT,KAAK;AAAA,IACL,UAAU;AAAA,IACV,mBAAmB;AAAA,IACnB;AACD,eAAa;AACb,4BAA0B;AAC1B,YAAU;AACX;AAOA;AACC,UAAQ;AACT;AAWA;AACA;AACC,eAAa;AACd;AAOA;AACA;AACA;AACA;AACC;AAAA,IACC,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,QAAQ;AAAA,IACR,iBAAiB;AAAA,IACjB,KAAK;AAAA,IACL;AACD,aAAW;AACZ;AAMA;AACC,aAAW;AACZ;AAMA;AACA;AACC,aAAW;AACX,eAAa;AACb,YAAU;AACV,kBAAgB;AACjB;AAEA;AACC,UAAQ;AACT;AAEA;AACC,OAAK;AACN;AAWA;AACC,gBAAc;AACf;AAYA;AACA;AACA;AACA;AACA;AACC,eAAa;AACb,aAAW;AACX,eAAa;AACb,UAAQ;AACT;AAMA;AACA,CAAC;AACD,CAAC;AACD,CAAC;AACA,sBAAoB;AACrB;AAMA;AACC,WAAS;AACV;AAMA;AACC,kBAAgB;AACjB;AAMA;AACA;AACC,UAAQ;AACT;AAOA,CAAC;AACA,sBAAoB;AACpB,kBAAgB;AACjB;AAMA;AACC,sBAAoB;AACrB;AAOA;AACC,sBAAoB;AACpB,QAAM;AACP;AAWA;AACC,WAAS;AACV;;;ACjNA;AACE;IAAA,KAAA;IAAA,KAAA;IAAA;AACA,eAAA;;AAEF;AAAA;AAAA,CAAA;AAGE,eAAA;;AAEF;AACE,UAAA;AACA,WAAA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAME,UAAA;AACA,WAAA;;AAGF,CAAA,KAAA;AACE,cAAA,IAAA,IAAA,IAAA,IAAA,KAAA,CAAA,EAAA,GAAA,EAAA,GAAA,EAAA;;AAGF,CAAA;AACE,WAAA;AACA,kBAAA;AACA,OAAA;AACA,aAAA;AACA,eAAA;AACA,wBAAA,YAAA;AACA,eAAA;AACA,UAAA;AACA,YAAA;;AACA,CAVF,uBAUE,CAAA;AACE,SC1CS;AD2CT,aC1CQ;AD2CR,cCrCa;ADsCb,eC3CU;AD4CV,eC1Ca;AD2Cb,WAAA;AACA,eAAA;AACA,OAAA;AACA,YAAA;;AAGF,CAtBF,uBAsBE,CAAA;AAAA,CAtBF,uBAsBE,CAAA;AACE,aCjDc;ADkDd,SCpDe;ADqDf,eClDgB;ADmDhB,eCrDa;ADsDb,cCnDa;ADoDb,wBAAA,YAAA;AACA,SAAA;;AAGF,CAhCF,uBAgCE,CAAA;AACE,aC/DQ;ADgER,SCvDS;ADwDT,cAAA;;AAGF,CAtCF,uBAsCE,CAAA;AACE,SCtES;ADuET,aCtEQ;ADuER,cAAA;;AEtEJ,CFmDE,kBEnDF,CAAA;AACE,kBAAA;;AAGF,CAAA;AACE,YAAA;AACA,UAAA;;AAEA,CAJF,mBAIE,CAAA;AACE,YAAA;AACA,QAAA;AACA,OAAA;AACA,SAAA;AACA,UAAA;AACA,SAAA;;AAGF,CAbF,mBAaE,CFkCA;AEjCE,UAAA;;AAIJ,CAAA;AACE,WAAA;AACA,kBAAA;AACA,WAAA;AACA,UAAA;;AAEA,CANF,gBAME,CAAA;AACE,gBAAA,IAAA,MAAA;AACA,WAAA,KAAA;;AACA,CATJ,gBASI,CAHF,qBAGE,CAAA;AACE,SAAA;AACA,SAAA;AACA,aAAA;AACA,cAAA;AACA,eAAA;AACA,cAAA;AACA,WAAA;AACA,kBAAA;AACA,UAAA;AACA,WAAA,EAAA;;AAEA,CArBN,gBAqBM,CAfJ,qBAeI,CAZF,YAYE;AACE,WAAA,IAAA;;AAEA,CAxBR,gBAwBQ,CAlBN,qBAkBM,CAfJ,YAeI,EAAA;AACE,UAAA;AACA,cAAA;;AAGF,CA7BR,gBA6BQ,CAvBN,qBAuBM,CApBJ,YAoBI,GAAA;AACE,eAAA;;AAIJ,CAlCN,gBAkCM,CA5BJ,qBA4BI,CAzBF,YAyBE,CAAA;AACE,SAAA;;AAMR,CAAA;AACE,UAAA,IAAA,MAAA;;AAKE,CAjEJ,kBAiEI,OAAA,CAAA;AACE,WAAA;;AAKN,CANI;AAOF,WAAA;AACA,YAAA;AACA,SAAA;AACA,aAAA,WAAA;AACA,OAAA;AACA,SAAA;AACA,UAAA;AACA,SAAA;AACA,cAAA;;",
   "names": []
 }

package/main.js

@@ -23429,6 +23429,10 @@ var DmRangeDatePickerLibComponent = class _DmRangeDatePickerLibComponent {
         if (isClippedRight) {
           popEl.style.left = `-${rect.width - parentRect.width}px`;
         }
+        const isClippedBottom = rect.bottom > window.innerHeight;
+        if (isClippedBottom) {
+          popEl.style.top = `-${rect.height - parentRect.height}px`;
+        }
       }
     }
   }
@@ -23560,7 +23564,7 @@ var DmRangeDatePickerLibComponent = class _DmRangeDatePickerLibComponent {
     DatePicker,
     TooltipModule,
     Tooltip
-  ], styles: ['/* node_modules/modern-normalize/modern-normalize.css */\n*,\n::before,\n::after {\n  box-sizing: border-box;\n}\nhtml {\n  font-family:\n    system-ui,\n    "Segoe UI",\n    Roboto,\n    Helvetica,\n    Arial,\n    sans-serif,\n    "Apple Color Emoji",\n    "Segoe UI Emoji";\n  line-height: 1.15;\n  -webkit-text-size-adjust: 100%;\n  tab-size: 4;\n}\nbody {\n  margin: 0;\n}\nb,\nstrong {\n  font-weight: bolder;\n}\ncode,\nkbd,\nsamp,\npre {\n  font-family:\n    ui-monospace,\n    SFMono-Regular,\n    Consolas,\n    "Liberation Mono",\n    Menlo,\n    monospace;\n  font-size: 1em;\n}\nsmall {\n  font-size: 80%;\n}\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\ntable {\n  border-color: currentcolor;\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit;\n  font-size: 100%;\n  line-height: 1.15;\n  margin: 0;\n}\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\nlegend {\n  padding: 0;\n}\nprogress {\n  vertical-align: baseline;\n}\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\nsummary {\n  display: list-item;\n}\n\n/* libs/components/dm-range-date-picker-lib/src/lib/dm-range-date-picker-lib/dm-range-date-picker-lib.component.scss */\n* {\n  font-family:\n    Inter,\n    Arial,\n    serif;\n  caret-color: transparent !important;\n}\ninput,\ntextarea,\n[contenteditable=true] {\n  caret-color: auto !important;\n}\nbody {\n  margin: 0;\n  padding: 0;\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin: 0;\n  padding: 0;\n}\n.input:focus-visible {\n  box-shadow: 0px 0px 0px 4px rgba(0, 118, 221, 0.16) !important;\n}\n.form-control-container {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  font-size: 14px;\n  line-height: 18px;\n  font-variant-numeric: lining-nums tabular-nums;\n  font-weight: 400;\n  cursor: pointer;\n  position: relative;\n}\n.form-control-container .form-control-label {\n  color: #4a5469;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 18px;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  position: relative;\n}\n.form-control-container .form-control-field,\n.form-control-container .p-autocomplete-input {\n  font-size: 14px;\n  color: #252a34;\n  font-weight: 400;\n  line-height: 18px;\n  font-style: normal;\n  font-variant-numeric: lining-nums tabular-nums;\n  width: 100%;\n}\n.form-control-container .form-control-error-message {\n  font-size: 12px;\n  color: #d6421e;\n  margin-top: 2px;\n}\n.form-control-container .form-control-hint-message {\n  color: #4a5469;\n  font-size: 12px;\n  margin-top: 2px;\n}\n.form-control-field[disabled] {\n  pointer-events: none;\n}\n.datepicker-wrapper {\n  position: relative;\n  cursor: pointer;\n}\n.datepicker-wrapper .datepicker-icon {\n  position: absolute;\n  left: 12px;\n  top: 9px;\n  width: 16px;\n  height: 16px;\n  color: #5d6983;\n}\n.datepicker-wrapper .form-control-field {\n  cursor: pointer;\n}\n.popover-content {\n  display: flex;\n  flex-direction: row;\n  padding: 0;\n  margin: 0;\n}\n.popover-content .popover-left-content {\n  border-right: 1px solid #edeff2;\n  padding: 16px 4px;\n}\n.popover-content .popover-left-content .period-list {\n  width: max-content;\n  color: #4f5863;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  margin: 0;\n  padding: 0 8px;\n}\n.popover-content .popover-left-content .period-list li {\n  padding: 10px 4px;\n}\n.popover-content .popover-left-content .period-list li:hover {\n  cursor: pointer;\n  background: #f3f6f9;\n}\n.popover-content .popover-left-content .period-list li span {\n  line-height: 18px;\n}\n.popover-content .popover-left-content .period-list .selected-item {\n  color: #307fe2;\n}\n.invalid-state {\n  border: 1px solid #d6421e !important;\n}\n.datepicker-wrapper:hover .clear-icon {\n  display: block;\n}\n.clear-icon {\n  display: none;\n  position: absolute;\n  right: 12px;\n  transform: translateY(-50%);\n  top: 50%;\n  width: 12px;\n  height: 12px;\n  color: #5d6983;\n  background: #ffffff;\n}\n/*! Bundled license information:\n\nmodern-normalize/modern-normalize.css:\n  (*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize *)\n*/\n/*# sourceMappingURL=dm-range-date-picker-lib.component.css.map */\n'], encapsulation: 3, changeDetection: 0 });
+  ], styles: ['/* node_modules/modern-normalize/modern-normalize.css */\n*,\n::before,\n::after {\n  box-sizing: border-box;\n}\nhtml {\n  font-family:\n    system-ui,\n    "Segoe UI",\n    Roboto,\n    Helvetica,\n    Arial,\n    sans-serif,\n    "Apple Color Emoji",\n    "Segoe UI Emoji";\n  line-height: 1.15;\n  -webkit-text-size-adjust: 100%;\n  tab-size: 4;\n}\nbody {\n  margin: 0;\n}\nb,\nstrong {\n  font-weight: bolder;\n}\ncode,\nkbd,\nsamp,\npre {\n  font-family:\n    ui-monospace,\n    SFMono-Regular,\n    Consolas,\n    "Liberation Mono",\n    Menlo,\n    monospace;\n  font-size: 1em;\n}\nsmall {\n  font-size: 80%;\n}\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\ntable {\n  border-color: currentcolor;\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit;\n  font-size: 100%;\n  line-height: 1.15;\n  margin: 0;\n}\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\nlegend {\n  padding: 0;\n}\nprogress {\n  vertical-align: baseline;\n}\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\nsummary {\n  display: list-item;\n}\n\n/* libs/components/dm-range-date-picker-lib/src/lib/dm-range-date-picker-lib/dm-range-date-picker-lib.component.scss */\n* {\n  font-family:\n    Inter,\n    Arial,\n    serif;\n  caret-color: transparent !important;\n}\ninput,\ntextarea,\n[contenteditable=true] {\n  caret-color: auto !important;\n}\nbody {\n  margin: 0;\n  padding: 0;\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin: 0;\n  padding: 0;\n}\n.input:focus-visible {\n  box-shadow: 0px 0px 0px 4px rgba(0, 118, 221, 0.16) !important;\n}\n.form-control-container {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  font-size: 14px;\n  line-height: 18px;\n  font-variant-numeric: lining-nums tabular-nums;\n  font-weight: 400;\n  cursor: pointer;\n  position: relative;\n}\n.form-control-container .form-control-label {\n  color: #4a5469;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 18px;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  position: relative;\n}\n.form-control-container .form-control-field,\n.form-control-container .p-autocomplete-input {\n  font-size: 14px;\n  color: #252a34;\n  font-weight: 400;\n  line-height: 18px;\n  font-style: normal;\n  font-variant-numeric: lining-nums tabular-nums;\n  width: 100%;\n}\n.form-control-container .form-control-error-message {\n  font-size: 12px;\n  color: #d6421e;\n  margin-top: 2px;\n}\n.form-control-container .form-control-hint-message {\n  color: #4a5469;\n  font-size: 12px;\n  margin-top: 2px;\n}\n.form-control-field[disabled] {\n  pointer-events: none;\n}\n.datepicker-wrapper {\n  position: relative;\n  cursor: pointer;\n}\n.datepicker-wrapper .datepicker-icon {\n  position: absolute;\n  left: 12px;\n  top: 9px;\n  width: 16px;\n  height: 16px;\n  color: #5d6983;\n}\n.datepicker-wrapper .form-control-field {\n  cursor: pointer;\n}\n.popover-content {\n  display: flex;\n  flex-direction: row;\n  padding: 0;\n  margin: 0;\n}\n.popover-content .popover-left-content {\n  border-right: 1px solid #edeff2;\n  padding: 16px 4px;\n}\n.popover-content .popover-left-content .period-list {\n  width: max-content;\n  color: #4f5863;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  margin: 0;\n  padding: 0 8px;\n}\n.popover-content .popover-left-content .period-list li {\n  padding: 8px 4px;\n}\n.popover-content .popover-left-content .period-list li:hover {\n  cursor: pointer;\n  background: #f3f6f9;\n}\n.popover-content .popover-left-content .period-list li span {\n  line-height: 18px;\n}\n.popover-content .popover-left-content .period-list .selected-item {\n  color: #307fe2;\n}\n.invalid-state {\n  border: 1px solid #d6421e !important;\n}\n.datepicker-wrapper:hover .clear-icon {\n  display: block;\n}\n.clear-icon {\n  display: none;\n  position: absolute;\n  right: 12px;\n  transform: translateY(-50%);\n  top: 50%;\n  width: 12px;\n  height: 12px;\n  color: #5d6983;\n  background: #ffffff;\n}\n/*! Bundled license information:\n\nmodern-normalize/modern-normalize.css:\n  (*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize *)\n*/\n/*# sourceMappingURL=dm-range-date-picker-lib.component.css.map */\n'], encapsulation: 3, changeDetection: 0 });
 };
 (() => {
   (typeof ngDevMode === "undefined" || ngDevMode) && setClassMetadata(DmRangeDatePickerLibComponent, [{
@@ -23720,7 +23724,7 @@ var DmRangeDatePickerLibComponent = class _DmRangeDatePickerLibComponent {
     </div>\r
   </p-popover>\r
 </div>\r
-`, styles: ['/* node_modules/modern-normalize/modern-normalize.css */\n*,\n::before,\n::after {\n  box-sizing: border-box;\n}\nhtml {\n  font-family:\n    system-ui,\n    "Segoe UI",\n    Roboto,\n    Helvetica,\n    Arial,\n    sans-serif,\n    "Apple Color Emoji",\n    "Segoe UI Emoji";\n  line-height: 1.15;\n  -webkit-text-size-adjust: 100%;\n  tab-size: 4;\n}\nbody {\n  margin: 0;\n}\nb,\nstrong {\n  font-weight: bolder;\n}\ncode,\nkbd,\nsamp,\npre {\n  font-family:\n    ui-monospace,\n    SFMono-Regular,\n    Consolas,\n    "Liberation Mono",\n    Menlo,\n    monospace;\n  font-size: 1em;\n}\nsmall {\n  font-size: 80%;\n}\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\ntable {\n  border-color: currentcolor;\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit;\n  font-size: 100%;\n  line-height: 1.15;\n  margin: 0;\n}\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\nlegend {\n  padding: 0;\n}\nprogress {\n  vertical-align: baseline;\n}\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\nsummary {\n  display: list-item;\n}\n\n/* libs/components/dm-range-date-picker-lib/src/lib/dm-range-date-picker-lib/dm-range-date-picker-lib.component.scss */\n* {\n  font-family:\n    Inter,\n    Arial,\n    serif;\n  caret-color: transparent !important;\n}\ninput,\ntextarea,\n[contenteditable=true] {\n  caret-color: auto !important;\n}\nbody {\n  margin: 0;\n  padding: 0;\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin: 0;\n  padding: 0;\n}\n.input:focus-visible {\n  box-shadow: 0px 0px 0px 4px rgba(0, 118, 221, 0.16) !important;\n}\n.form-control-container {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  font-size: 14px;\n  line-height: 18px;\n  font-variant-numeric: lining-nums tabular-nums;\n  font-weight: 400;\n  cursor: pointer;\n  position: relative;\n}\n.form-control-container .form-control-label {\n  color: #4a5469;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 18px;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  position: relative;\n}\n.form-control-container .form-control-field,\n.form-control-container .p-autocomplete-input {\n  font-size: 14px;\n  color: #252a34;\n  font-weight: 400;\n  line-height: 18px;\n  font-style: normal;\n  font-variant-numeric: lining-nums tabular-nums;\n  width: 100%;\n}\n.form-control-container .form-control-error-message {\n  font-size: 12px;\n  color: #d6421e;\n  margin-top: 2px;\n}\n.form-control-container .form-control-hint-message {\n  color: #4a5469;\n  font-size: 12px;\n  margin-top: 2px;\n}\n.form-control-field[disabled] {\n  pointer-events: none;\n}\n.datepicker-wrapper {\n  position: relative;\n  cursor: pointer;\n}\n.datepicker-wrapper .datepicker-icon {\n  position: absolute;\n  left: 12px;\n  top: 9px;\n  width: 16px;\n  height: 16px;\n  color: #5d6983;\n}\n.datepicker-wrapper .form-control-field {\n  cursor: pointer;\n}\n.popover-content {\n  display: flex;\n  flex-direction: row;\n  padding: 0;\n  margin: 0;\n}\n.popover-content .popover-left-content {\n  border-right: 1px solid #edeff2;\n  padding: 16px 4px;\n}\n.popover-content .popover-left-content .period-list {\n  width: max-content;\n  color: #4f5863;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  margin: 0;\n  padding: 0 8px;\n}\n.popover-content .popover-left-content .period-list li {\n  padding: 10px 4px;\n}\n.popover-content .popover-left-content .period-list li:hover {\n  cursor: pointer;\n  background: #f3f6f9;\n}\n.popover-content .popover-left-content .period-list li span {\n  line-height: 18px;\n}\n.popover-content .popover-left-content .period-list .selected-item {\n  color: #307fe2;\n}\n.invalid-state {\n  border: 1px solid #d6421e !important;\n}\n.datepicker-wrapper:hover .clear-icon {\n  display: block;\n}\n.clear-icon {\n  display: none;\n  position: absolute;\n  right: 12px;\n  transform: translateY(-50%);\n  top: 50%;\n  width: 12px;\n  height: 12px;\n  color: #5d6983;\n  background: #ffffff;\n}\n/*! Bundled license information:\n\nmodern-normalize/modern-normalize.css:\n  (*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize *)\n*/\n/*# sourceMappingURL=dm-range-date-picker-lib.component.css.map */\n'] }]
+`, styles: ['/* node_modules/modern-normalize/modern-normalize.css */\n*,\n::before,\n::after {\n  box-sizing: border-box;\n}\nhtml {\n  font-family:\n    system-ui,\n    "Segoe UI",\n    Roboto,\n    Helvetica,\n    Arial,\n    sans-serif,\n    "Apple Color Emoji",\n    "Segoe UI Emoji";\n  line-height: 1.15;\n  -webkit-text-size-adjust: 100%;\n  tab-size: 4;\n}\nbody {\n  margin: 0;\n}\nb,\nstrong {\n  font-weight: bolder;\n}\ncode,\nkbd,\nsamp,\npre {\n  font-family:\n    ui-monospace,\n    SFMono-Regular,\n    Consolas,\n    "Liberation Mono",\n    Menlo,\n    monospace;\n  font-size: 1em;\n}\nsmall {\n  font-size: 80%;\n}\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\nsub {\n  bottom: -0.25em;\n}\nsup {\n  top: -0.5em;\n}\ntable {\n  border-color: currentcolor;\n}\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit;\n  font-size: 100%;\n  line-height: 1.15;\n  margin: 0;\n}\nbutton,\n[type=button],\n[type=reset],\n[type=submit] {\n  -webkit-appearance: button;\n}\nlegend {\n  padding: 0;\n}\nprogress {\n  vertical-align: baseline;\n}\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n  height: auto;\n}\n[type=search] {\n  -webkit-appearance: textfield;\n  outline-offset: -2px;\n}\n::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n::-webkit-file-upload-button {\n  -webkit-appearance: button;\n  font: inherit;\n}\nsummary {\n  display: list-item;\n}\n\n/* libs/components/dm-range-date-picker-lib/src/lib/dm-range-date-picker-lib/dm-range-date-picker-lib.component.scss */\n* {\n  font-family:\n    Inter,\n    Arial,\n    serif;\n  caret-color: transparent !important;\n}\ninput,\ntextarea,\n[contenteditable=true] {\n  caret-color: auto !important;\n}\nbody {\n  margin: 0;\n  padding: 0;\n}\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  margin: 0;\n  padding: 0;\n}\n.input:focus-visible {\n  box-shadow: 0px 0px 0px 4px rgba(0, 118, 221, 0.16) !important;\n}\n.form-control-container {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  font-size: 14px;\n  line-height: 18px;\n  font-variant-numeric: lining-nums tabular-nums;\n  font-weight: 400;\n  cursor: pointer;\n  position: relative;\n}\n.form-control-container .form-control-label {\n  color: #4a5469;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 18px;\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  position: relative;\n}\n.form-control-container .form-control-field,\n.form-control-container .p-autocomplete-input {\n  font-size: 14px;\n  color: #252a34;\n  font-weight: 400;\n  line-height: 18px;\n  font-style: normal;\n  font-variant-numeric: lining-nums tabular-nums;\n  width: 100%;\n}\n.form-control-container .form-control-error-message {\n  font-size: 12px;\n  color: #d6421e;\n  margin-top: 2px;\n}\n.form-control-container .form-control-hint-message {\n  color: #4a5469;\n  font-size: 12px;\n  margin-top: 2px;\n}\n.form-control-field[disabled] {\n  pointer-events: none;\n}\n.datepicker-wrapper {\n  position: relative;\n  cursor: pointer;\n}\n.datepicker-wrapper .datepicker-icon {\n  position: absolute;\n  left: 12px;\n  top: 9px;\n  width: 16px;\n  height: 16px;\n  color: #5d6983;\n}\n.datepicker-wrapper .form-control-field {\n  cursor: pointer;\n}\n.popover-content {\n  display: flex;\n  flex-direction: row;\n  padding: 0;\n  margin: 0;\n}\n.popover-content .popover-left-content {\n  border-right: 1px solid #edeff2;\n  padding: 16px 4px;\n}\n.popover-content .popover-left-content .period-list {\n  width: max-content;\n  color: #4f5863;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  list-style: none;\n  display: flex;\n  flex-direction: column;\n  margin: 0;\n  padding: 0 8px;\n}\n.popover-content .popover-left-content .period-list li {\n  padding: 8px 4px;\n}\n.popover-content .popover-left-content .period-list li:hover {\n  cursor: pointer;\n  background: #f3f6f9;\n}\n.popover-content .popover-left-content .period-list li span {\n  line-height: 18px;\n}\n.popover-content .popover-left-content .period-list .selected-item {\n  color: #307fe2;\n}\n.invalid-state {\n  border: 1px solid #d6421e !important;\n}\n.datepicker-wrapper:hover .clear-icon {\n  display: block;\n}\n.clear-icon {\n  display: none;\n  position: absolute;\n  right: 12px;\n  transform: translateY(-50%);\n  top: 50%;\n  width: 12px;\n  height: 12px;\n  color: #5d6983;\n  background: #ffffff;\n}\n/*! Bundled license information:\n\nmodern-normalize/modern-normalize.css:\n  (*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize *)\n*/\n/*# sourceMappingURL=dm-range-date-picker-lib.component.css.map */\n'] }]
   }], () => [{ type: ElementRef }, { type: ShadowDomStyleInjectorService }], { requireEndDate: [{
     type: Input
   }], openState: [{
@@ -52318,8 +52322,8 @@ var SaveTemplateModalComponent = class _SaveTemplateModalComponent {
         this.radioButtonControl.setValue("existing");
         if (this.template?.template_id !== template.template_id) {
           this.templateService.setUrlTemplateId(template.template_id);
-          this.templateService.savedTemplateSubject.next(template);
         }
+        this.templateService.savedTemplateSubject.next(template);
         this.updateTemplateList(template);
         this.templateService.template.set(template);
         this.globalMessageService.showSuccessMessage({
@@ -58161,7 +58165,7 @@ var AppComponent = class _AppComponent {
     });
     this.templateService.savedTemplateSubject.pipe(takeUntilDestroyed(this.destroyRef), filter((data) => data !== null)).subscribe((template) => {
       if (template) {
-        this.updateReport(template, false);
+        this.updateReport(template);
       }
       this.templateService.savedTemplateSubject.next(null);
     });
@@ -58217,11 +58221,28 @@ var AppComponent = class _AppComponent {
       error: (err) => console.error(err)
     });
   }
-  updateReport(template, isTemplateSaved = true) {
-    this.filterForm.patchValue(template.input_params.fieldValues);
+  applyTemplate(template) {
+    const allFields = this.allFieldsSignal();
+    const visibleFields = template.input_params.visibleFields.reduce((acc, fieldId) => {
+      const field = allFields?.find(({ field_id }) => field_id == fieldId);
+      if (field)
+        acc.push(field);
+      return acc;
+    }, []);
+    if (this.filterForm) {
+      this.visibleFieldsSignal.set(visibleFields);
+      this.filterForm.patchValue(template.input_params.fieldValues);
+    } else {
+      this.buildFilterForm(allFields, visibleFields, template.input_params.fieldValues);
+    }
+    this.filterForm.markAsDirty();
+    this.filterForm.markAsUntouched();
+  }
+  updateReport(template) {
+    this.applyTemplate(template);
     this.runState = false;
     this.showReportTable.set(false);
-    this.isTemplateSaved.set(isTemplateSaved);
+    this.isTemplateSaved.set(true);
   }
   processTemplateIdFromUrl() {
     const queryParams = new URLSearchParams(window.location.search);
@@ -58230,8 +58251,7 @@ var AppComponent = class _AppComponent {
       this.templateService.getTemplateById(this.reportId, templateId).pipe(takeUntilDestroyed(this.destroyRef), take(1)).subscribe((template) => {
         if (template) {
           this.templateService.template.set(template);
-          if (this.filterForm)
-            this.filterForm.patchValue(template.input_params.fieldValues);
+          this.applyTemplate(template);
         } else {
           this.clearTemplate();
         }
@@ -58615,7 +58635,7 @@ var AppComponent = class _AppComponent {
     return this.domainLookupsSignal()?.length === this.filterForm.get("merchant_name").value.length;
   }
   get isTemplateSavingEnabled() {
-    return !this.isTemplateSaved() && this.filterForm && this.filterForm.dirty && this.filterForm.get("merchant_name") && this.filterForm.get("merchant_name").value && this.filterForm.get("merchant_name").value.length > 0;
+    return !this.isTemplateSaved() && this.filterForm?.get("merchant_name")?.value?.length > 0;
   }
   applyConfigurationFields(event2) {
     this.isTemplateSaved.set(false);