@sme.up/ketchup 11.0.0-SNAPSHOT-20241107091530 → 11.0.0-SNAPSHOT-20241107155833
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/cjs/{f-cell-32c25f65.js → f-cell-6c56dc27.js} +4 -4
- package/dist/cjs/{f-cell-32c25f65.js.map → f-cell-6c56dc27.js.map} +1 -1
- package/dist/cjs/{f-chip-3118b9ba.js → f-chip-ba07ec67.js} +2 -2
- package/dist/cjs/{f-chip-3118b9ba.js.map → f-chip-ba07ec67.js.map} +1 -1
- package/dist/cjs/{f-paginator-utils-3099b4b3.js → f-paginator-utils-34835b29.js} +2 -2
- package/dist/cjs/{f-paginator-utils-3099b4b3.js.map → f-paginator-utils-34835b29.js.map} +1 -1
- package/dist/cjs/{f-text-field-1ced2cfa.js → f-text-field-e1540ae4.js} +2 -2
- package/dist/cjs/{f-text-field-1ced2cfa.js.map → f-text-field-e1540ae4.js.map} +1 -1
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/kup-accordion.cjs.entry.js +1 -1
- package/dist/cjs/kup-activity-timeline.cjs.entry.js +2 -2
- package/dist/cjs/kup-autocomplete_28.cjs.entry.js +6 -6
- package/dist/cjs/kup-box.cjs.entry.js +6 -6
- package/dist/cjs/kup-calendar.cjs.entry.js +2 -2
- package/dist/cjs/kup-card-list.cjs.entry.js +1 -1
- package/dist/cjs/kup-cell.cjs.entry.js +4 -4
- package/dist/cjs/kup-dashboard.cjs.entry.js +2 -2
- package/dist/cjs/{kup-data-table-helper-457ee6aa.js → kup-data-table-helper-ca99429e.js} +2 -2
- package/dist/cjs/{kup-data-table-helper-457ee6aa.js.map → kup-data-table-helper-ca99429e.js.map} +1 -1
- package/dist/cjs/kup-drawer.cjs.entry.js +1 -1
- package/dist/cjs/kup-echart.cjs.entry.js +1 -1
- package/dist/cjs/kup-editor.cjs.entry.js +1 -1
- package/dist/cjs/kup-family-tree.cjs.entry.js +1 -1
- package/dist/cjs/kup-grid.cjs.entry.js +1 -1
- package/dist/cjs/kup-htm.cjs.entry.js +1 -1
- package/dist/cjs/kup-iframe.cjs.entry.js +1 -1
- package/dist/cjs/kup-image-list.cjs.entry.js +4 -4
- package/dist/cjs/kup-input-panel.cjs.entry.js +4 -4
- package/dist/cjs/kup-lazy.cjs.entry.js +1 -1
- package/dist/cjs/kup-magic-box.cjs.entry.js +1 -1
- package/dist/cjs/{kup-manager-65839aad.js → kup-manager-458527e9.js} +2 -2
- package/dist/cjs/kup-manager-458527e9.js.map +1 -0
- package/dist/cjs/kup-nav-bar.cjs.entry.js +1 -1
- package/dist/cjs/kup-numeric-picker.cjs.entry.js +2 -2
- package/dist/cjs/kup-pdf.cjs.entry.js +1 -1
- package/dist/cjs/kup-photo-frame.cjs.entry.js +1 -1
- package/dist/cjs/kup-planner.cjs.entry.js +2 -2
- package/dist/cjs/kup-probe.cjs.entry.js +1 -1
- package/dist/cjs/kup-qlik.cjs.entry.js +1 -1
- package/dist/cjs/kup-snackbar.cjs.entry.js +1 -1
- package/dist/cjs/kup-typography-list.cjs.entry.js +1 -1
- package/dist/cjs/kup-typography.cjs.entry.js +1 -1
- package/dist/collection/managers/kup-dynamic-position/kup-dynamic-position.js +1 -1
- package/dist/collection/managers/kup-dynamic-position/kup-dynamic-position.js.map +1 -1
- package/dist/components/kup-manager.js +1 -1
- package/dist/components/kup-manager.js.map +1 -1
- package/dist/esm/{f-cell-678a99c3.js → f-cell-dc6e3d13.js} +4 -4
- package/dist/esm/{f-cell-678a99c3.js.map → f-cell-dc6e3d13.js.map} +1 -1
- package/dist/esm/{f-chip-b0b7b121.js → f-chip-ba5e40f4.js} +2 -2
- package/dist/esm/{f-chip-b0b7b121.js.map → f-chip-ba5e40f4.js.map} +1 -1
- package/dist/esm/{f-paginator-utils-56f66406.js → f-paginator-utils-6283a294.js} +2 -2
- package/dist/esm/{f-paginator-utils-56f66406.js.map → f-paginator-utils-6283a294.js.map} +1 -1
- package/dist/esm/{f-text-field-73c20614.js → f-text-field-7ceb0591.js} +2 -2
- package/dist/esm/{f-text-field-73c20614.js.map → f-text-field-7ceb0591.js.map} +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/kup-accordion.entry.js +1 -1
- package/dist/esm/kup-activity-timeline.entry.js +2 -2
- package/dist/esm/kup-autocomplete_28.entry.js +6 -6
- package/dist/esm/kup-box.entry.js +6 -6
- package/dist/esm/kup-calendar.entry.js +2 -2
- package/dist/esm/kup-card-list.entry.js +1 -1
- package/dist/esm/kup-cell.entry.js +4 -4
- package/dist/esm/kup-dashboard.entry.js +2 -2
- package/dist/esm/{kup-data-table-helper-1333a2f8.js → kup-data-table-helper-353a9675.js} +2 -2
- package/dist/esm/{kup-data-table-helper-1333a2f8.js.map → kup-data-table-helper-353a9675.js.map} +1 -1
- package/dist/esm/kup-drawer.entry.js +1 -1
- package/dist/esm/kup-echart.entry.js +1 -1
- package/dist/esm/kup-editor.entry.js +1 -1
- package/dist/esm/kup-family-tree.entry.js +1 -1
- package/dist/esm/kup-grid.entry.js +1 -1
- package/dist/esm/kup-htm.entry.js +1 -1
- package/dist/esm/kup-iframe.entry.js +1 -1
- package/dist/esm/kup-image-list.entry.js +4 -4
- package/dist/esm/kup-input-panel.entry.js +4 -4
- package/dist/esm/kup-lazy.entry.js +1 -1
- package/dist/esm/kup-magic-box.entry.js +1 -1
- package/dist/esm/{kup-manager-c6f89439.js → kup-manager-f28f3f94.js} +2 -2
- package/dist/esm/{kup-manager-c6f89439.js.map → kup-manager-f28f3f94.js.map} +1 -1
- package/dist/esm/kup-nav-bar.entry.js +1 -1
- package/dist/esm/kup-numeric-picker.entry.js +2 -2
- package/dist/esm/kup-pdf.entry.js +1 -1
- package/dist/esm/kup-photo-frame.entry.js +1 -1
- package/dist/esm/kup-planner.entry.js +2 -2
- package/dist/esm/kup-probe.entry.js +1 -1
- package/dist/esm/kup-qlik.entry.js +1 -1
- package/dist/esm/kup-snackbar.entry.js +1 -1
- package/dist/esm/kup-typography-list.entry.js +1 -1
- package/dist/esm/kup-typography.entry.js +1 -1
- package/dist/ketchup/index.esm.js +1 -1
- package/dist/ketchup/ketchup.esm.js +1 -1
- package/dist/ketchup/p-04c25532.entry.js +2 -0
- package/dist/ketchup/{p-197aa6ed.entry.js.map → p-04c25532.entry.js.map} +1 -1
- package/dist/ketchup/{p-f8fe5435.entry.js → p-057f17e6.entry.js} +2 -2
- package/dist/ketchup/{p-634b3510.entry.js → p-0b1e37b8.entry.js} +2 -2
- package/dist/ketchup/{p-d336255f.js → p-1362560b.js} +2 -2
- package/dist/ketchup/{p-9b0551b5.js → p-170d2abd.js} +2 -2
- package/dist/ketchup/{p-a496ba6a.entry.js → p-2a6bb010.entry.js} +2 -2
- package/dist/ketchup/{p-65780ddc.entry.js → p-2d68ffb5.entry.js} +2 -2
- package/dist/ketchup/{p-7f762e33.entry.js → p-3338a656.entry.js} +2 -2
- package/dist/ketchup/{p-42ea84f3.entry.js → p-37d71bc6.entry.js} +2 -2
- package/dist/ketchup/{p-dd816cfe.entry.js → p-3a2a4de6.entry.js} +2 -2
- package/dist/ketchup/{p-a3b1896e.entry.js → p-43b236fe.entry.js} +2 -2
- package/dist/ketchup/{p-f073ce49.entry.js → p-4a39ec70.entry.js} +2 -2
- package/dist/ketchup/{p-256ca361.entry.js → p-5655beb9.entry.js} +2 -2
- package/dist/ketchup/{p-6e4b8f6d.entry.js → p-5da3d8ef.entry.js} +2 -2
- package/dist/ketchup/{p-e545ca7b.entry.js → p-64ae9a7d.entry.js} +2 -2
- package/dist/ketchup/{p-ebdf1442.entry.js → p-75e96ca0.entry.js} +2 -2
- package/dist/ketchup/p-81285484.js +29 -0
- package/dist/{cjs/kup-manager-65839aad.js.map → ketchup/p-81285484.js.map} +1 -1
- package/dist/ketchup/{p-2b14f215.js → p-854b53fb.js} +2 -2
- package/dist/ketchup/{p-0efc24e7.entry.js → p-8e04c2fd.entry.js} +2 -2
- package/dist/ketchup/{p-b05c0af5.entry.js → p-92fcbf1a.entry.js} +2 -2
- package/dist/ketchup/{p-07e7fade.entry.js → p-947559c9.entry.js} +2 -2
- package/dist/ketchup/{p-3e9957c1.entry.js → p-98e9e968.entry.js} +2 -2
- package/dist/ketchup/{p-69ada7f9.entry.js → p-99813847.entry.js} +2 -2
- package/dist/ketchup/{p-d1fc3c35.entry.js → p-aab21af5.entry.js} +2 -2
- package/dist/ketchup/{p-5184497b.entry.js → p-b9f36550.entry.js} +2 -2
- package/dist/ketchup/p-ba1eb179.js +2 -0
- package/dist/ketchup/{p-00286291.entry.js → p-baaf5cdc.entry.js} +2 -2
- package/dist/ketchup/{p-4d6644f0.entry.js → p-bdcd92b2.entry.js} +2 -2
- package/dist/ketchup/{p-ddc78c64.entry.js → p-c4d94b5d.entry.js} +2 -2
- package/dist/ketchup/{p-b947f411.entry.js → p-d1a9c9a1.entry.js} +2 -2
- package/dist/ketchup/{p-31d98241.entry.js → p-d3e76f80.entry.js} +2 -2
- package/dist/ketchup/{p-784120c9.entry.js → p-ddee8c53.entry.js} +2 -2
- package/dist/ketchup/{p-dfaaabb5.entry.js → p-de9c014f.entry.js} +2 -2
- package/dist/ketchup/{p-e34f8755.entry.js → p-fbd5c6f3.entry.js} +2 -2
- package/dist/ketchup/{p-49485bbf.js → p-fcfc07e1.js} +2 -2
- package/package.json +1 -1
- package/dist/ketchup/p-197aa6ed.entry.js +0 -2
- package/dist/ketchup/p-e9985f62.js +0 -2
- package/dist/ketchup/p-f98dc5f6.js +0 -29
- package/dist/ketchup/p-f98dc5f6.js.map +0 -1
- /package/dist/ketchup/{p-f8fe5435.entry.js.map → p-057f17e6.entry.js.map} +0 -0
- /package/dist/ketchup/{p-634b3510.entry.js.map → p-0b1e37b8.entry.js.map} +0 -0
- /package/dist/ketchup/{p-d336255f.js.map → p-1362560b.js.map} +0 -0
- /package/dist/ketchup/{p-9b0551b5.js.map → p-170d2abd.js.map} +0 -0
- /package/dist/ketchup/{p-a496ba6a.entry.js.map → p-2a6bb010.entry.js.map} +0 -0
- /package/dist/ketchup/{p-65780ddc.entry.js.map → p-2d68ffb5.entry.js.map} +0 -0
- /package/dist/ketchup/{p-7f762e33.entry.js.map → p-3338a656.entry.js.map} +0 -0
- /package/dist/ketchup/{p-42ea84f3.entry.js.map → p-37d71bc6.entry.js.map} +0 -0
- /package/dist/ketchup/{p-dd816cfe.entry.js.map → p-3a2a4de6.entry.js.map} +0 -0
- /package/dist/ketchup/{p-a3b1896e.entry.js.map → p-43b236fe.entry.js.map} +0 -0
- /package/dist/ketchup/{p-f073ce49.entry.js.map → p-4a39ec70.entry.js.map} +0 -0
- /package/dist/ketchup/{p-256ca361.entry.js.map → p-5655beb9.entry.js.map} +0 -0
- /package/dist/ketchup/{p-6e4b8f6d.entry.js.map → p-5da3d8ef.entry.js.map} +0 -0
- /package/dist/ketchup/{p-e545ca7b.entry.js.map → p-64ae9a7d.entry.js.map} +0 -0
- /package/dist/ketchup/{p-ebdf1442.entry.js.map → p-75e96ca0.entry.js.map} +0 -0
- /package/dist/ketchup/{p-2b14f215.js.map → p-854b53fb.js.map} +0 -0
- /package/dist/ketchup/{p-0efc24e7.entry.js.map → p-8e04c2fd.entry.js.map} +0 -0
- /package/dist/ketchup/{p-b05c0af5.entry.js.map → p-92fcbf1a.entry.js.map} +0 -0
- /package/dist/ketchup/{p-07e7fade.entry.js.map → p-947559c9.entry.js.map} +0 -0
- /package/dist/ketchup/{p-3e9957c1.entry.js.map → p-98e9e968.entry.js.map} +0 -0
- /package/dist/ketchup/{p-69ada7f9.entry.js.map → p-99813847.entry.js.map} +0 -0
- /package/dist/ketchup/{p-d1fc3c35.entry.js.map → p-aab21af5.entry.js.map} +0 -0
- /package/dist/ketchup/{p-5184497b.entry.js.map → p-b9f36550.entry.js.map} +0 -0
- /package/dist/ketchup/{p-e9985f62.js.map → p-ba1eb179.js.map} +0 -0
- /package/dist/ketchup/{p-00286291.entry.js.map → p-baaf5cdc.entry.js.map} +0 -0
- /package/dist/ketchup/{p-4d6644f0.entry.js.map → p-bdcd92b2.entry.js.map} +0 -0
- /package/dist/ketchup/{p-ddc78c64.entry.js.map → p-c4d94b5d.entry.js.map} +0 -0
- /package/dist/ketchup/{p-b947f411.entry.js.map → p-d1a9c9a1.entry.js.map} +0 -0
- /package/dist/ketchup/{p-31d98241.entry.js.map → p-d3e76f80.entry.js.map} +0 -0
- /package/dist/ketchup/{p-784120c9.entry.js.map → p-ddee8c53.entry.js.map} +0 -0
- /package/dist/ketchup/{p-dfaaabb5.entry.js.map → p-de9c014f.entry.js.map} +0 -0
- /package/dist/ketchup/{p-e34f8755.entry.js.map → p-fbd5c6f3.entry.js.map} +0 -0
- /package/dist/ketchup/{p-49485bbf.js.map → p-fcfc07e1.js.map} +0 -0
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-4e97f23f.js');
|
|
6
|
-
const kupManager = require('./kup-manager-
|
|
6
|
+
const kupManager = require('./kup-manager-458527e9.js');
|
|
7
7
|
const GenericVariables = require('./GenericVariables-1d52ba57.js');
|
|
8
8
|
require('./kup-dates-3fc9697c.js');
|
|
9
9
|
|
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-4e97f23f.js');
|
|
6
|
-
const kupManager = require('./kup-manager-
|
|
6
|
+
const kupManager = require('./kup-manager-458527e9.js');
|
|
7
7
|
const GenericVariables = require('./GenericVariables-1d52ba57.js');
|
|
8
|
-
const fTextField = require('./f-text-field-
|
|
8
|
+
const fTextField = require('./f-text-field-e1540ae4.js');
|
|
9
9
|
const fTextFieldMdc = require('./f-text-field-mdc-2a3c8c01.js');
|
|
10
10
|
require('./kup-dates-3fc9697c.js');
|
|
11
11
|
require('./f-image-8dbf27a2.js');
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-4e97f23f.js');
|
|
6
|
-
const kupManager = require('./kup-manager-
|
|
6
|
+
const kupManager = require('./kup-manager-458527e9.js');
|
|
7
7
|
const GenericVariables = require('./GenericVariables-1d52ba57.js');
|
|
8
8
|
const kupDates = require('./kup-dates-3fc9697c.js');
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-4e97f23f.js');
|
|
6
|
-
const kupManager = require('./kup-manager-
|
|
6
|
+
const kupManager = require('./kup-manager-458527e9.js');
|
|
7
7
|
const GenericVariables = require('./GenericVariables-1d52ba57.js');
|
|
8
8
|
require('./kup-dates-3fc9697c.js');
|
|
9
9
|
|
|
@@ -3,10 +3,10 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-4e97f23f.js');
|
|
6
|
-
const kupManager$1 = require('./kup-manager-
|
|
6
|
+
const kupManager$1 = require('./kup-manager-458527e9.js');
|
|
7
7
|
const kupPlannerDeclarations = require('./kup-planner-declarations-7291d01c.js');
|
|
8
8
|
const GenericVariables = require('./GenericVariables-1d52ba57.js');
|
|
9
|
-
const fTextField = require('./f-text-field-
|
|
9
|
+
const fTextField = require('./f-text-field-e1540ae4.js');
|
|
10
10
|
const fTextFieldMdc = require('./f-text-field-mdc-2a3c8c01.js');
|
|
11
11
|
require('./kup-dates-3fc9697c.js');
|
|
12
12
|
require('./f-image-8dbf27a2.js');
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-4e97f23f.js');
|
|
6
|
-
const kupManager = require('./kup-manager-
|
|
6
|
+
const kupManager = require('./kup-manager-458527e9.js');
|
|
7
7
|
const GenericVariables = require('./GenericVariables-1d52ba57.js');
|
|
8
8
|
require('./kup-dates-3fc9697c.js');
|
|
9
9
|
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-4e97f23f.js');
|
|
6
|
-
const kupManager = require('./kup-manager-
|
|
6
|
+
const kupManager = require('./kup-manager-458527e9.js');
|
|
7
7
|
require('./kup-dates-3fc9697c.js');
|
|
8
8
|
|
|
9
9
|
const kupQlikCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.kup-qlik-container-fluid{width:100%}.kup-qlik-container{width:100%}@media (min-width: 576px){.kup-qlik-container{width:576px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 768px){.kup-qlik-container{width:768px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 992px){.kup-qlik-container{width:992px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 1200px){.kup-qlik-container{width:1200px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}.kup-qlik-row{display:flex;display:ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;margin-bottom:5px}.kup-qlik-row .size-M{height:var(--lyo_obj-height)}.kup-qlik-row .size-S{height:calc(var(--lyo_obj-height) / 2)}.kup-qlik-row .size-XS{height:calc(var(--lyo_obj-height) / 3)}.kup-qlik-row .size-L{height:calc(var(--lyo_obj-height) * 2)}.kup-qlik-row .size-XL{height:calc(var(--lyo_obj-height) * 3)}.kup-qlik-row .bordered{border:1px solid var(--kup-border-subtle, #969696)}.kup-qlik-row .width-1{width:8.3333%}.kup-qlik-row .width-2{width:16.6666%}.kup-qlik-row .width-3{width:25%}.kup-qlik-row .width-4{width:33.3333%}.kup-qlik-row .width-5{width:41.6666%}.kup-qlik-row .width-6{width:50%}.kup-qlik-row .width-7{width:58.3333%}.kup-qlik-row .width-8{width:66.6666%}.kup-qlik-row .width-9{width:75%}.kup-qlik-row .width-10{width:83.3333%}.kup-qlik-row .width-11{width:91.6666%}.kup-qlik-row .width-12{width:100%}";
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-4e97f23f.js');
|
|
6
|
-
const kupManager = require('./kup-manager-
|
|
6
|
+
const kupManager = require('./kup-manager-458527e9.js');
|
|
7
7
|
const GenericVariables = require('./GenericVariables-1d52ba57.js');
|
|
8
8
|
const fButton = require('./f-button-54d0f017.js');
|
|
9
9
|
require('./kup-dates-3fc9697c.js');
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-4e97f23f.js');
|
|
6
|
-
const kupManager = require('./kup-manager-
|
|
6
|
+
const kupManager = require('./kup-manager-458527e9.js');
|
|
7
7
|
const fTypography = require('./f-typography-024bace8.js');
|
|
8
8
|
const GenericVariables = require('./GenericVariables-1d52ba57.js');
|
|
9
9
|
require('./kup-dates-3fc9697c.js');
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-4e97f23f.js');
|
|
6
|
-
const kupManager = require('./kup-manager-
|
|
6
|
+
const kupManager = require('./kup-manager-458527e9.js');
|
|
7
7
|
const fTypography = require('./f-typography-024bace8.js');
|
|
8
8
|
const GenericVariables = require('./GenericVariables-1d52ba57.js');
|
|
9
9
|
const fImage = require('./f-image-8dbf27a2.js');
|
|
@@ -40,7 +40,7 @@ export class KupDynamicPosition {
|
|
|
40
40
|
if (this.anchorIsHTMLElement(anchorEl)) {
|
|
41
41
|
anchorEl.setAttribute(kupDynamicPositionAnchorAttribute, '');
|
|
42
42
|
}
|
|
43
|
-
el.style.zIndex = `calc(var(--kup-navbar-zindex) +
|
|
43
|
+
el.style.zIndex = `calc(var(--kup-navbar-zindex) + 1000)`;
|
|
44
44
|
const originalPath = [];
|
|
45
45
|
if (detach) {
|
|
46
46
|
let currentEl = el;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"kup-dynamic-position.js","sourceRoot":"","sources":["../../../src/managers/kup-dynamic-position/kup-dynamic-position.ts"],"names":[],"mappings":"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","sourcesContent":["import type { KupDom } from '../kup-manager/kup-manager-declarations';\nimport {\n kupDynamicPositionActiveClass,\n KupDynamicPositionAnchor,\n kupDynamicPositionAnchorAttribute,\n kupDynamicPositionAttribute,\n KupDynamicPositionElement,\n} from './kup-dynamic-position-declarations';\nimport { KupDynamicPositionPlacement } from './kup-dynamic-position-declarations';\n\nconst dom: KupDom = document.documentElement as KupDom;\n\n/**\n * This class is used to dynamically reposition HTML elements.\n * @module KupDynamicPosition\n */\nexport class KupDynamicPosition {\n container: HTMLElement;\n managedElements: Set<KupDynamicPositionElement>;\n /**\n * Initializes KupDynamicPosition.\n */\n constructor() {\n this.container = document.createElement('div');\n this.container.setAttribute('kup-dynamic-position', '');\n document.body.appendChild(this.container);\n this.managedElements = new Set();\n }\n /**\n * Function used to check whether the anchor point is an HTMLElement or a set of coordinates.\n * @param {KupDynamicPositionAnchor} anchor - Anchor point.\n * @returns {anchor is HTMLElement} Returns true when the anchor point is an HTMLElement.\n */\n anchorIsHTMLElement(\n anchor: KupDynamicPositionAnchor\n ): anchor is HTMLElement {\n return (anchor as HTMLElement).tagName !== undefined;\n }\n /**\n * Watches the element eligible to dynamic positioning.\n * @param {KupDynamicPositionElement} el - Element to reposition.\n * @param {KupDynamicPositionAnchor} anchorEl - \"el\" position will be anchored to this element or to these coordinates.\n * @param {number} margin - \"el\" distance from its parent in pixels.\n * @param {KupDynamicPositionPlacement} placement - \"el\" placement.\n * @param {boolean} detach - When true, the function won't be recursive but it will be executed only once. \"el\" will be detached from its original parent and it will be appended to this.container.\n */\n register(\n el: KupDynamicPositionElement,\n anchorEl: KupDynamicPositionAnchor,\n margin?: number,\n placement?: KupDynamicPositionPlacement,\n detach?: boolean\n ): void {\n if (this.isRegistered(el)) {\n this.changeAnchor(el, anchorEl);\n return;\n }\n el.setAttribute(kupDynamicPositionAttribute, '');\n if (this.anchorIsHTMLElement(anchorEl)) {\n anchorEl.setAttribute(kupDynamicPositionAnchorAttribute, '');\n }\n el.style.zIndex = `calc(var(--kup-navbar-zindex) + 10)`;\n const originalPath: HTMLElement[] = [];\n if (detach) {\n let currentEl: unknown = el;\n while (currentEl && currentEl !== document.body) {\n currentEl = (currentEl as HTMLElement).parentNode\n ? (currentEl as HTMLElement).parentNode\n : (currentEl as ShadowRoot).host;\n originalPath.push(currentEl as HTMLElement);\n }\n el.style.position = 'absolute';\n this.container.appendChild(el);\n } else {\n el.style.position = 'fixed';\n }\n el.kupDynamicPosition = {\n anchor: anchorEl,\n detach: detach ? true : false,\n originalPath: originalPath,\n margin: margin ? margin : 0,\n placement: placement ? placement : KupDynamicPositionPlacement.AUTO,\n rAF: null,\n };\n const mutObserver: MutationObserver = new MutationObserver(function (\n mutations\n ) {\n const target: Node = mutations[0].target;\n if (\n (target as HTMLElement).classList.contains(\n kupDynamicPositionActiveClass\n )\n ) {\n requestAnimationFrame(function () {\n dom.ketchup.dynamicPosition.run(el);\n });\n }\n });\n mutObserver.observe(el, {\n attributes: true,\n attributeFilter: ['class'],\n });\n this.managedElements.add(el);\n }\n /**\n * Changes the anchor point of the given element.\n * @param {KupDynamicPositionElement} elements - Dynamically positioned element previously registered.\n * @param {KupDynamicPositionAnchor} anchorEl - New anchor point.\n */\n changeAnchor(\n el: KupDynamicPositionElement,\n anchorEl: KupDynamicPositionAnchor\n ): void {\n el.kupDynamicPosition.anchor = anchorEl;\n }\n /**\n * Removes the element from dynamic position management.\n * @param {KupDynamicPositionElement[]} elements - Elements to remove from the managed elements set.\n */\n unregister(elements: KupDynamicPositionElement[]): void {\n if (this.managedElements) {\n for (let index = 0; index < elements.length; index++) {\n this.managedElements.delete(elements[index]);\n }\n }\n }\n /**\n * Returns whether an element was previously registered or not.\n * @param {KupDynamicPositionElement} el - Element to test.\n * @returns {boolean} True if the element was registered.\n */\n isRegistered(el: KupDynamicPositionElement): boolean {\n return !this.managedElements ? false : this.managedElements.has(el);\n }\n /**\n * Starts the process of dynamically reposition the element (which must be firstly initialized through this.setup()).\n * @param {KupDynamicPositionElement} el - Element to reposition.\n */\n start(el: KupDynamicPositionElement): void {\n el.classList.add(kupDynamicPositionActiveClass);\n }\n /**\n * Ends the process of dynamically reposition the element.\n * @param {KupDynamicPositionElement} el - Element to reposition.\n */\n stop(el: KupDynamicPositionElement): void {\n el.classList.remove(kupDynamicPositionActiveClass);\n }\n /**\n * This function calculates where to place the element in order to correctly display it attached to its anchor point.\n * @param {KupDynamicPositionElement} el - Element to reposition.\n */\n run(el: KupDynamicPositionElement): void {\n if (!el.isConnected) {\n dom.ketchup.dynamicPosition.managedElements.delete(el);\n cancelAnimationFrame(el.kupDynamicPosition.rAF);\n return;\n }\n if (!el.classList.contains(kupDynamicPositionActiveClass)) {\n cancelAnimationFrame(el.kupDynamicPosition.rAF);\n return;\n }\n // Reset placement\n el.style.top = '';\n el.style.right = '';\n el.style.bottom = '';\n el.style.left = '';\n // Fixed position (usually from mouse events).\n // When anchor doesn't have the tagName property, anchor is considered as a set of coordinates.\n if (!this.anchorIsHTMLElement(el.kupDynamicPosition.anchor)) {\n const x: number = el.kupDynamicPosition.anchor.x;\n const y: number = el.kupDynamicPosition.anchor.y - 1;\n if (\n el.offsetWidth >\n window.innerWidth - el.kupDynamicPosition.anchor.x\n ) {\n el.style.left = x - el.offsetWidth + 'px';\n } else {\n el.style.left = x + 'px';\n }\n if (\n el.offsetHeight >\n window.innerHeight - el.kupDynamicPosition.anchor.y\n ) {\n el.style.top = y - el.offsetHeight + 'px';\n } else {\n el.style.top = y + 'px';\n }\n return;\n }\n const detached: boolean = !!el.kupDynamicPosition.detach;\n const offsetH: number = el.clientHeight;\n const offsetW: number = el.clientWidth;\n const rect: DOMRect = (\n el.kupDynamicPosition.anchor as HTMLElement\n ).getBoundingClientRect();\n const top: number = detached ? window.pageYOffset + rect.top : rect.top,\n left: number = detached\n ? window.pageXOffset + rect.left\n : rect.left,\n bottom: number = detached\n ? window.pageYOffset + rect.bottom\n : rect.bottom,\n right: number = detached\n ? window.pageXOffset + rect.right\n : rect.right;\n // Vertical position\n if (\n el.kupDynamicPosition.placement ===\n KupDynamicPositionPlacement.TOP ||\n el.kupDynamicPosition.placement ===\n KupDynamicPositionPlacement.TOP_LEFT ||\n el.kupDynamicPosition.placement ===\n KupDynamicPositionPlacement.TOP_RIGHT\n ) {\n el.style.bottom = `${\n window.innerHeight - top + el.kupDynamicPosition.margin\n }px`;\n } else if (\n el.kupDynamicPosition.placement ===\n KupDynamicPositionPlacement.BOTTOM ||\n el.kupDynamicPosition.placement ===\n KupDynamicPositionPlacement.BOTTOM_LEFT ||\n el.kupDynamicPosition.placement ===\n KupDynamicPositionPlacement.BOTTOM_RIGHT\n ) {\n el.style.top = `${bottom - 1 + el.kupDynamicPosition.margin}px`;\n } else {\n if (\n offsetH < rect.top &&\n window.innerHeight - rect.bottom < offsetH\n ) {\n el.style.bottom = `${\n window.innerHeight - top + el.kupDynamicPosition.margin\n }px`;\n } else {\n el.style.top = `${bottom - 1 + el.kupDynamicPosition.margin}px`;\n }\n }\n // Horizontal position\n if (\n el.kupDynamicPosition.placement ===\n KupDynamicPositionPlacement.LEFT ||\n el.kupDynamicPosition.placement ===\n KupDynamicPositionPlacement.BOTTOM_LEFT ||\n el.kupDynamicPosition.placement ===\n KupDynamicPositionPlacement.TOP_LEFT\n ) {\n el.style.left = `${left}px`;\n } else if (\n el.kupDynamicPosition.placement ===\n KupDynamicPositionPlacement.RIGHT ||\n el.kupDynamicPosition.placement ===\n KupDynamicPositionPlacement.BOTTOM_RIGHT ||\n el.kupDynamicPosition.placement ===\n KupDynamicPositionPlacement.TOP_RIGHT\n ) {\n let scrollbarWidth: number =\n window.innerWidth - document.documentElement.offsetWidth;\n if (scrollbarWidth > 30) {\n scrollbarWidth = 0;\n }\n el.style.right = `${window.innerWidth - scrollbarWidth - right}px`;\n } else {\n if (\n offsetW < rect.right &&\n window.innerWidth - rect.left < offsetW\n ) {\n let scrollbarWidth: number =\n window.innerWidth - document.documentElement.offsetWidth;\n if (scrollbarWidth > 30) {\n scrollbarWidth = 0;\n }\n el.style.right = `${\n window.innerWidth - scrollbarWidth - right\n }px`;\n } else {\n el.style.left = `${left}px`;\n }\n }\n // Testing behavior: always anchored - 2024-09-25\n el.kupDynamicPosition.rAF = requestAnimationFrame(function () {\n dom.ketchup.dynamicPosition.run(el);\n });\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"kup-dynamic-position.js","sourceRoot":"","sources":["../../../src/managers/kup-dynamic-position/kup-dynamic-position.ts"],"names":[],"mappings":"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","sourcesContent":["import type { KupDom } from '../kup-manager/kup-manager-declarations';\nimport {\n kupDynamicPositionActiveClass,\n KupDynamicPositionAnchor,\n kupDynamicPositionAnchorAttribute,\n kupDynamicPositionAttribute,\n KupDynamicPositionElement,\n} from './kup-dynamic-position-declarations';\nimport { KupDynamicPositionPlacement } from './kup-dynamic-position-declarations';\n\nconst dom: KupDom = document.documentElement as KupDom;\n\n/**\n * This class is used to dynamically reposition HTML elements.\n * @module KupDynamicPosition\n */\nexport class KupDynamicPosition {\n container: HTMLElement;\n managedElements: Set<KupDynamicPositionElement>;\n /**\n * Initializes KupDynamicPosition.\n */\n constructor() {\n this.container = document.createElement('div');\n this.container.setAttribute('kup-dynamic-position', '');\n document.body.appendChild(this.container);\n this.managedElements = new Set();\n }\n /**\n * Function used to check whether the anchor point is an HTMLElement or a set of coordinates.\n * @param {KupDynamicPositionAnchor} anchor - Anchor point.\n * @returns {anchor is HTMLElement} Returns true when the anchor point is an HTMLElement.\n */\n anchorIsHTMLElement(\n anchor: KupDynamicPositionAnchor\n ): anchor is HTMLElement {\n return (anchor as HTMLElement).tagName !== undefined;\n }\n /**\n * Watches the element eligible to dynamic positioning.\n * @param {KupDynamicPositionElement} el - Element to reposition.\n * @param {KupDynamicPositionAnchor} anchorEl - \"el\" position will be anchored to this element or to these coordinates.\n * @param {number} margin - \"el\" distance from its parent in pixels.\n * @param {KupDynamicPositionPlacement} placement - \"el\" placement.\n * @param {boolean} detach - When true, the function won't be recursive but it will be executed only once. \"el\" will be detached from its original parent and it will be appended to this.container.\n */\n register(\n el: KupDynamicPositionElement,\n anchorEl: KupDynamicPositionAnchor,\n margin?: number,\n placement?: KupDynamicPositionPlacement,\n detach?: boolean\n ): void {\n if (this.isRegistered(el)) {\n this.changeAnchor(el, anchorEl);\n return;\n }\n el.setAttribute(kupDynamicPositionAttribute, '');\n if (this.anchorIsHTMLElement(anchorEl)) {\n anchorEl.setAttribute(kupDynamicPositionAnchorAttribute, '');\n }\n el.style.zIndex = `calc(var(--kup-navbar-zindex) + 1000)`;\n const originalPath: HTMLElement[] = [];\n if (detach) {\n let currentEl: unknown = el;\n while (currentEl && currentEl !== document.body) {\n currentEl = (currentEl as HTMLElement).parentNode\n ? (currentEl as HTMLElement).parentNode\n : (currentEl as ShadowRoot).host;\n originalPath.push(currentEl as HTMLElement);\n }\n el.style.position = 'absolute';\n this.container.appendChild(el);\n } else {\n el.style.position = 'fixed';\n }\n el.kupDynamicPosition = {\n anchor: anchorEl,\n detach: detach ? true : false,\n originalPath: originalPath,\n margin: margin ? margin : 0,\n placement: placement ? placement : KupDynamicPositionPlacement.AUTO,\n rAF: null,\n };\n const mutObserver: MutationObserver = new MutationObserver(function (\n mutations\n ) {\n const target: Node = mutations[0].target;\n if (\n (target as HTMLElement).classList.contains(\n kupDynamicPositionActiveClass\n )\n ) {\n requestAnimationFrame(function () {\n dom.ketchup.dynamicPosition.run(el);\n });\n }\n });\n mutObserver.observe(el, {\n attributes: true,\n attributeFilter: ['class'],\n });\n this.managedElements.add(el);\n }\n /**\n * Changes the anchor point of the given element.\n * @param {KupDynamicPositionElement} elements - Dynamically positioned element previously registered.\n * @param {KupDynamicPositionAnchor} anchorEl - New anchor point.\n */\n changeAnchor(\n el: KupDynamicPositionElement,\n anchorEl: KupDynamicPositionAnchor\n ): void {\n el.kupDynamicPosition.anchor = anchorEl;\n }\n /**\n * Removes the element from dynamic position management.\n * @param {KupDynamicPositionElement[]} elements - Elements to remove from the managed elements set.\n */\n unregister(elements: KupDynamicPositionElement[]): void {\n if (this.managedElements) {\n for (let index = 0; index < elements.length; index++) {\n this.managedElements.delete(elements[index]);\n }\n }\n }\n /**\n * Returns whether an element was previously registered or not.\n * @param {KupDynamicPositionElement} el - Element to test.\n * @returns {boolean} True if the element was registered.\n */\n isRegistered(el: KupDynamicPositionElement): boolean {\n return !this.managedElements ? false : this.managedElements.has(el);\n }\n /**\n * Starts the process of dynamically reposition the element (which must be firstly initialized through this.setup()).\n * @param {KupDynamicPositionElement} el - Element to reposition.\n */\n start(el: KupDynamicPositionElement): void {\n el.classList.add(kupDynamicPositionActiveClass);\n }\n /**\n * Ends the process of dynamically reposition the element.\n * @param {KupDynamicPositionElement} el - Element to reposition.\n */\n stop(el: KupDynamicPositionElement): void {\n el.classList.remove(kupDynamicPositionActiveClass);\n }\n /**\n * This function calculates where to place the element in order to correctly display it attached to its anchor point.\n * @param {KupDynamicPositionElement} el - Element to reposition.\n */\n run(el: KupDynamicPositionElement): void {\n if (!el.isConnected) {\n dom.ketchup.dynamicPosition.managedElements.delete(el);\n cancelAnimationFrame(el.kupDynamicPosition.rAF);\n return;\n }\n if (!el.classList.contains(kupDynamicPositionActiveClass)) {\n cancelAnimationFrame(el.kupDynamicPosition.rAF);\n return;\n }\n // Reset placement\n el.style.top = '';\n el.style.right = '';\n el.style.bottom = '';\n el.style.left = '';\n // Fixed position (usually from mouse events).\n // When anchor doesn't have the tagName property, anchor is considered as a set of coordinates.\n if (!this.anchorIsHTMLElement(el.kupDynamicPosition.anchor)) {\n const x: number = el.kupDynamicPosition.anchor.x;\n const y: number = el.kupDynamicPosition.anchor.y - 1;\n if (\n el.offsetWidth >\n window.innerWidth - el.kupDynamicPosition.anchor.x\n ) {\n el.style.left = x - el.offsetWidth + 'px';\n } else {\n el.style.left = x + 'px';\n }\n if (\n el.offsetHeight >\n window.innerHeight - el.kupDynamicPosition.anchor.y\n ) {\n el.style.top = y - el.offsetHeight + 'px';\n } else {\n el.style.top = y + 'px';\n }\n return;\n }\n const detached: boolean = !!el.kupDynamicPosition.detach;\n const offsetH: number = el.clientHeight;\n const offsetW: number = el.clientWidth;\n const rect: DOMRect = (\n el.kupDynamicPosition.anchor as HTMLElement\n ).getBoundingClientRect();\n const top: number = detached ? window.pageYOffset + rect.top : rect.top,\n left: number = detached\n ? window.pageXOffset + rect.left\n : rect.left,\n bottom: number = detached\n ? window.pageYOffset + rect.bottom\n : rect.bottom,\n right: number = detached\n ? window.pageXOffset + rect.right\n : rect.right;\n // Vertical position\n if (\n el.kupDynamicPosition.placement ===\n KupDynamicPositionPlacement.TOP ||\n el.kupDynamicPosition.placement ===\n KupDynamicPositionPlacement.TOP_LEFT ||\n el.kupDynamicPosition.placement ===\n KupDynamicPositionPlacement.TOP_RIGHT\n ) {\n el.style.bottom = `${\n window.innerHeight - top + el.kupDynamicPosition.margin\n }px`;\n } else if (\n el.kupDynamicPosition.placement ===\n KupDynamicPositionPlacement.BOTTOM ||\n el.kupDynamicPosition.placement ===\n KupDynamicPositionPlacement.BOTTOM_LEFT ||\n el.kupDynamicPosition.placement ===\n KupDynamicPositionPlacement.BOTTOM_RIGHT\n ) {\n el.style.top = `${bottom - 1 + el.kupDynamicPosition.margin}px`;\n } else {\n if (\n offsetH < rect.top &&\n window.innerHeight - rect.bottom < offsetH\n ) {\n el.style.bottom = `${\n window.innerHeight - top + el.kupDynamicPosition.margin\n }px`;\n } else {\n el.style.top = `${bottom - 1 + el.kupDynamicPosition.margin}px`;\n }\n }\n // Horizontal position\n if (\n el.kupDynamicPosition.placement ===\n KupDynamicPositionPlacement.LEFT ||\n el.kupDynamicPosition.placement ===\n KupDynamicPositionPlacement.BOTTOM_LEFT ||\n el.kupDynamicPosition.placement ===\n KupDynamicPositionPlacement.TOP_LEFT\n ) {\n el.style.left = `${left}px`;\n } else if (\n el.kupDynamicPosition.placement ===\n KupDynamicPositionPlacement.RIGHT ||\n el.kupDynamicPosition.placement ===\n KupDynamicPositionPlacement.BOTTOM_RIGHT ||\n el.kupDynamicPosition.placement ===\n KupDynamicPositionPlacement.TOP_RIGHT\n ) {\n let scrollbarWidth: number =\n window.innerWidth - document.documentElement.offsetWidth;\n if (scrollbarWidth > 30) {\n scrollbarWidth = 0;\n }\n el.style.right = `${window.innerWidth - scrollbarWidth - right}px`;\n } else {\n if (\n offsetW < rect.right &&\n window.innerWidth - rect.left < offsetW\n ) {\n let scrollbarWidth: number =\n window.innerWidth - document.documentElement.offsetWidth;\n if (scrollbarWidth > 30) {\n scrollbarWidth = 0;\n }\n el.style.right = `${\n window.innerWidth - scrollbarWidth - right\n }px`;\n } else {\n el.style.left = `${left}px`;\n }\n }\n // Testing behavior: always anchored - 2024-09-25\n el.kupDynamicPosition.rAF = requestAnimationFrame(function () {\n dom.ketchup.dynamicPosition.run(el);\n });\n }\n}\n"]}
|
|
@@ -1074,7 +1074,7 @@ class KupDynamicPosition {
|
|
|
1074
1074
|
if (this.anchorIsHTMLElement(anchorEl)) {
|
|
1075
1075
|
anchorEl.setAttribute(kupDynamicPositionAnchorAttribute, '');
|
|
1076
1076
|
}
|
|
1077
|
-
el.style.zIndex = `calc(var(--kup-navbar-zindex) +
|
|
1077
|
+
el.style.zIndex = `calc(var(--kup-navbar-zindex) + 1000)`;
|
|
1078
1078
|
const originalPath = [];
|
|
1079
1079
|
if (detach) {
|
|
1080
1080
|
let currentEl = el;
|