@hulkapps/app-manager-vue 3.1.12 → 3.1.13
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/README.md +9 -20
- package/dist/app-manager-vue.esm.js +17 -10
- package/dist/app-manager-vue.min.js +1 -1
- package/dist/app-manager-vue.ssr.js +34 -27
- package/dist/hulkapps-app-manager.css +1 -1
- package/dist/hulkapps-app-manager.min.css +1 -1
- package/package.json +1 -1
- package/src/components/PolarisNew/PlanTable.vue +14 -5
package/README.md
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
[//]: # (This is where your description should go. Try and limit it to a paragraph or two, and maybe throw in a mention of what PSRs you support to avoid any confusion with users and contributors.)
|
|
4
4
|
|
|
5
|
+
> Note about translations
|
|
6
|
+
>
|
|
7
|
+
> This package does not manage, store, or ship translations itself — it only uses the translation data you provide when rendering components (for example via the `translations` prop). Always pass the correct translations for the language/context you need. The package will not automatically translate or fetch missing keys for you.
|
|
8
|
+
>
|
|
9
|
+
> Here is the list of all translation keys used in this package — when upgrading the package, make sure any new or missing keys are added to your translations and passed into the components via the `translations` prop.
|
|
10
|
+
|
|
5
11
|
## Installation
|
|
6
12
|
|
|
7
13
|
You can install the package via npm:
|
|
@@ -96,28 +102,11 @@ handleBannerClose(payload) {
|
|
|
96
102
|
}
|
|
97
103
|
```
|
|
98
104
|
|
|
99
|
-
##
|
|
100
|
-
|
|
101
|
-
You can extract all translation keys used in this package by running:
|
|
102
|
-
|
|
103
|
-
```bash
|
|
104
|
-
cd node_modules/@hulkapps/app-manager-vue
|
|
105
|
-
```
|
|
106
|
-
```bash
|
|
107
|
-
node extract-translation-keys.js
|
|
108
|
-
```
|
|
109
|
-
|
|
110
|
-
If your package is located elsewhere, replace the path with the actual location, for example:
|
|
111
|
-
|
|
112
|
-
```bash
|
|
113
|
-
cd path-to-package
|
|
114
|
-
```
|
|
115
|
-
```bash
|
|
116
|
-
node extract-translation-keys.js
|
|
117
|
-
```
|
|
105
|
+
## Translation Keys
|
|
118
106
|
|
|
119
|
-
This
|
|
107
|
+
This package does not manage, store, or generate translations. It strictly renders the translation data supplied to it. Components expect a complete translation object to be provided via the `translations` prop. The package does not perform automatic localization or resolve missing translation keys.
|
|
120
108
|
|
|
109
|
+
The [complete list of predefined translation keys](https://docs.google.com/spreadsheets/d/1oO6UE07fPexHEauxMN0VE9ZiYU-GOctlSJf0-B5z2GY) referenced by this package is available here. The list includes only the static keys used internally by the components and does not cover dynamic or app-specific content such as plan names, feature labels, trial durations, pricing text, or plan descriptions. Those values should also be provided through the same `translations` prop, alongside the predefined keys, to ensure correct rendering.
|
|
121
110
|
## License
|
|
122
111
|
|
|
123
112
|
The MIT License (MIT). Please see [License File](LICENSE) for more information.
|
|
@@ -50512,15 +50512,23 @@ var script$4 = {
|
|
|
50512
50512
|
if (which === "features") {
|
|
50513
50513
|
const featureType = `-${this.selectedInterval}`; // Append '-monthly' or '-annually' based on selectedInterval
|
|
50514
50514
|
|
|
50515
|
-
const featureNames = document.querySelectorAll(`.plan-feature-name${featureType}`);
|
|
50515
|
+
const featureNames = document.querySelectorAll(`.plan-feature-name${featureType}`); // Reset any previously-set inline heights/minHeights so measurements reflect natural content
|
|
50516
|
+
|
|
50517
|
+
featureNames.forEach(fn => {
|
|
50518
|
+
fn.style.height = "";
|
|
50519
|
+
fn.style.minHeight = "";
|
|
50520
|
+
});
|
|
50516
50521
|
slides.forEach(slide => {
|
|
50517
|
-
const features = slide.querySelectorAll(`.plan-feature${featureType}`);
|
|
50522
|
+
const features = slide.querySelectorAll(`.plan-feature${featureType}`); // Reset feature cells in this slide before measuring
|
|
50523
|
+
|
|
50524
|
+
features.forEach(f => {
|
|
50525
|
+
f.style.height = "";
|
|
50526
|
+
f.style.minHeight = "";
|
|
50527
|
+
});
|
|
50518
50528
|
featureNames.forEach((featureName, index) => {
|
|
50519
50529
|
const feature = features[index];
|
|
50520
50530
|
|
|
50521
50531
|
if (featureName && feature) {
|
|
50522
|
-
featureName.style.height = 'auto';
|
|
50523
|
-
feature.style.height = 'auto';
|
|
50524
50532
|
let measured = featureName.getBoundingClientRect().height;
|
|
50525
50533
|
|
|
50526
50534
|
if (!measured || measured <= 0) {
|
|
@@ -50529,9 +50537,7 @@ var script$4 = {
|
|
|
50529
50537
|
|
|
50530
50538
|
const intHeight = Math.ceil(measured);
|
|
50531
50539
|
featureName.style.height = `${intHeight}px`;
|
|
50532
|
-
featureName.style.minHeight = `${intHeight}px`;
|
|
50533
50540
|
feature.style.height = `${intHeight}px`;
|
|
50534
|
-
feature.style.minHeight = `${intHeight}px`;
|
|
50535
50541
|
}
|
|
50536
50542
|
});
|
|
50537
50543
|
});
|
|
@@ -50541,7 +50547,8 @@ var script$4 = {
|
|
|
50541
50547
|
|
|
50542
50548
|
if (planNames) {
|
|
50543
50549
|
planNames.forEach(el => {
|
|
50544
|
-
el.style.minHeight =
|
|
50550
|
+
el.style.minHeight = "";
|
|
50551
|
+
el.style.height = "";
|
|
50545
50552
|
});
|
|
50546
50553
|
}
|
|
50547
50554
|
|
|
@@ -51429,8 +51436,8 @@ var __vue_staticRenderFns__$4 = [];
|
|
|
51429
51436
|
|
|
51430
51437
|
const __vue_inject_styles__$4 = function (inject) {
|
|
51431
51438
|
if (!inject) return;
|
|
51432
|
-
inject("data-v-
|
|
51433
|
-
source: ".container[data-v-
|
|
51439
|
+
inject("data-v-c705f0d0_0", {
|
|
51440
|
+
source: ".container[data-v-c705f0d0]{width:100%}.pricing-table[data-v-c705f0d0]{display:grid;width:calc(100% + 2px);grid-template-columns:repeat(3,1fr);background-color:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e5e5e5}.pricing-table.monthly-table[data-v-c705f0d0]{padding:16px}.plans[data-v-c705f0d0]{grid-column:span 2;max-height:500px;overflow-y:auto}.annually-table[data-v-c705f0d0]{visibility:hidden;height:0}.pricing-table-inner__left[data-v-c705f0d0]{display:flex;flex-direction:column;max-height:500px;overflow-y:auto}.swiper[data-v-c705f0d0]{width:100%;height:100%}.pricing-table.annually-table .swiper-wrapper[data-v-c705f0d0],.pricing-table.monthly-table .swiper-wrapper[data-v-c705f0d0]{height:auto!important}.table-header[data-v-c705f0d0]{display:flex;align-items:center;background-color:#f1f1f1;padding:16px;border-bottom:1px solid #e3e3e3;position:sticky;top:0;z-index:10}.table-header h3[data-v-c705f0d0]{font-size:13px;font-weight:700;line-height:20px;color:#1a1a1a}.plan-header-wrapper[data-v-c705f0d0]{padding:16px;border-bottom:1px solid #e3e3e3}.plan-feature[data-v-c705f0d0]{display:flex;align-items:center;justify-content:center;border-bottom:1px solid #e3e3e3;border-left:1px solid #e3e3e3}.last-slide .plan-feature[data-v-c705f0d0]{border-right:1px solid #e3e3e3}.plan-feature-name[data-v-c705f0d0]{font-size:13px;font-weight:450;padding:12px;border-bottom:1px solid #e3e3e3;border-left:1px solid #e3e3e3;word-break:normal;hyphens:none}.plan-table-checkmark[data-v-c705f0d0]{width:20px;height:20px;visibility:visible;display:inline-block;margin-top:4px}.plan-header-wrapper[data-v-c705f0d0]{display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:12px;background-color:#f1f1f1;border-left:1px solid #f1f1f1;border-right:1px solid #f1f1f1;position:sticky;top:0}.plan-header-wrapper .price-wrapper[data-v-c705f0d0]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px}.plan-header-wrapper .price-wrapper.has-discount[data-v-c705f0d0]{min-height:44px}.plan-header-wrapper .price-wrapper .main-price[data-v-c705f0d0]{display:flex;flex-direction:row;gap:8px;justify-content:center;align-items:center}.plan-header-wrapper .price-wrapper .strike-price[data-v-c705f0d0]{color:#4a4a4a;text-decoration:line-through}.plan-header-wrapper .price-wrapper .plan-interval[data-v-c705f0d0]{color:#4a4a4a;font-weight:400}.plan-header-wrapper .price-wrapper h4[data-v-c705f0d0]{display:inline-flex;text-align:center;font-size:16px;font-weight:700;color:#1a1a1a;width:max-content}.plan-header-wrapper .price-wrapper h4.plan-name[data-v-c705f0d0]{width:100%}.plan-header-wrapper .price-wrapper .mobile-plan-name[data-v-c705f0d0]{display:none}.plan-header-wrapper .price-wrapper h4 h6[data-v-c705f0d0]{display:inline;font-size:13px;font-weight:400;color:#00000080;margin-left:-4px;line-height:0}.swiper-plan-navigation[data-v-c705f0d0]{position:absolute;margin-top:32px;display:flex;justify-content:space-between;padding:16px 0}.nav-annually-table[data-v-c705f0d0]{display:none}.swiper-plan-annually-next[data-v-c705f0d0],.swiper-plan-annually-prev[data-v-c705f0d0],.swiper-plan-monthly-next[data-v-c705f0d0],.swiper-plan-monthly-prev[data-v-c705f0d0]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#1a1a1a;border-radius:8px;cursor:pointer}.swiper-plan-annually-next[data-v-c705f0d0]:disabled,.swiper-plan-annually-prev[data-v-c705f0d0]:disabled,.swiper-plan-monthly-next[data-v-c705f0d0]:disabled,.swiper-plan-monthly-prev[data-v-c705f0d0]:disabled{opacity:0}.choose-button[data-v-c705f0d0]{background-color:#fff!important}.choose-button[data-v-c705f0d0]:hover{background-color:#f9f9f9!important}.choose-button.disabled[data-v-c705f0d0]{background-color:rgba(0,0,0,.15)!important}#table-left[data-v-c705f0d0]{scrollbar-width:none;-ms-overflow-style:none}#table-left[data-v-c705f0d0]::-webkit-scrollbar{display:none}.plans-remaining[data-v-c705f0d0]{position:absolute;top:-30px;background-color:#fff;color:#333;font-weight:500;padding:6px 12px;border-radius:8px;font-size:14px;white-space:nowrap;box-shadow:0 4px 8px #00000026}.plans-remaining[data-v-c705f0d0]::after{content:'';position:absolute;top:100%;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #fff;filter:drop-shadow(0 2px 2px rgba(0, 0, 0, .1))}.feature-group-header.plan-feature-name[data-v-c705f0d0]{font-size:14px!important;padding-left:12px!important}.feature-group-header.plan-feature[data-v-c705f0d0]{font-size:0!important}.feature-group-header[data-v-c705f0d0]{font-size:14px;font-weight:600;background-color:#f5f5f5;color:#1a1a1a;padding:5px!important;border-bottom:1px solid #e3e3e3;border-left:1px solid #e3e3e3}.feature-group-header.plan-feature[data-v-c705f0d0]{text-align:center;border-left:1px solid #e3e3e3}.last-slide .feature-group-header.plan-feature[data-v-c705f0d0]{border-right:1px solid #e3e3e3}@media (max-width:1024px){.plan-header-wrapper .price-wrapper .mobile-plan-name[data-v-c705f0d0]{display:inline-block}.plan-header-wrapper .price-wrapper .desktop-plan-name[data-v-c705f0d0]{display:none}.plan-header-wrapper .price-wrapper .main-price[data-v-c705f0d0]{flex-direction:column}}@media (max-width:640px){.swiper-plan-navigation[data-v-c705f0d0]{display:none!important}.pricing-table[data-v-c705f0d0]{width:calc(100% + -2px)}}@media (max-width:400px){.plan-feature-name[data-v-c705f0d0]{padding:12px 4px}}",
|
|
51434
51441
|
map: undefined,
|
|
51435
51442
|
media: undefined
|
|
51436
51443
|
});
|
|
@@ -51438,7 +51445,7 @@ const __vue_inject_styles__$4 = function (inject) {
|
|
|
51438
51445
|
/* scoped */
|
|
51439
51446
|
|
|
51440
51447
|
|
|
51441
|
-
const __vue_scope_id__$4 = "data-v-
|
|
51448
|
+
const __vue_scope_id__$4 = "data-v-c705f0d0";
|
|
51442
51449
|
/* module identifier */
|
|
51443
51450
|
|
|
51444
51451
|
const __vue_module_identifier__$4 = undefined;
|